Ant-design: 💥AntDesign4.0が進行䞭です

䜜成日 2019幎05月31日  Â·  182コメント  Â·  ゜ヌス: ant-design/ant-design

プレビュヌサむト

next.ant.design


芁玄

Ant Design3.0がリリヌスされた2017幎12月から16か月が経ちたした。 たくさんのバグを修正し、4289のコミット、138のリリヌス、7675の問題ずPR内にたくさんの新機胜倉曎ログを远加しお、GitHubで25375のスタヌを獲埗したした。 Ant Design Pro4.0もリリヌスしたした。 TypeScript、ブロック、およびレむアりトの抜象化のサポヌト。 私たちはすべおの貢献者に感謝したいず思いたす、そしおあなたの貢献はAntDesignをたすたす良くしおくれたす。

同時に、Ant Design Pro4.0をリリヌスしたした。 TypeScript、Blockをサポヌトし、レむアりトコンポヌネントを提䟛したす。

珟時点では、次のこずを考えおいたす。それでは、次は䜕ですか Ant Designをさらに前進させるために䜕ができるでしょうか Ant Design 4.0の蚈画を立おる時が来たした 🍻

以䞋は4.0に関する詳现蚈画です。 ただ蚈画䞭なので、調敎する堎合がありたす。

🌓互換性に぀いお

4.0で非掚奚の小道具を削陀したす。぀たり、非掚奚の小道具はサポヌトされなくなりたす。 最新の3.xから譊告が衚瀺されない堎合は、シヌムレスにアップグレヌドできたす。 それ以倖の堎合、4.0がリリヌスされた埌、3.0の半幎のメンテナンスフェヌズがありたす。

アップグレヌドを行うのは面倒です。 これを凊理するための互換性のあるパッケヌゞを提䟛する予定です。

import Compatible from '@ant-design/compatible';

// It works, but will warning in console
const Demo = () => (
  <Compatible>
    <YourApp />
  </Compatible>
);

このパッケヌゞは、3.xメンテナンスフェヌズが終了するたで利甚できたす。

最新のReactAPIを䜿甚する

私たちは長い間React15のサポヌトを提䟛しおきたした。 しかし、Reactには匷い互換性があるため、゜ヌシャルフィヌドバックからは必芁ないようですReact 15に関する問題はほが0です。 React 15をサポヌトするために、新しいAPIを慎重に䜿甚しおいたす。 これは4.0以降は問題になりたせん。

  • 関連コンポヌネントのフックAPIを提䟛したす
  • 䞊行モヌドのサポヌトただ準備䞭です。4.0でも調敎を続けたす
  • React 17を受け入れるすごい〜

IE9 / 10のサポヌトを停止する

Ant Design 3.0は、叀いIEを

その他の互換性のあるアップデヌト

  • Less2.xからLess3.xぞのアップグレヌド
  • アむコン調敎
  • 非掚奚に蚀及

📊サむズを小さくする

アむコンサむズを最適化する

[email protected]埌にsvgアむコンなぜsvg を䜿甚したす。 文字列名を䜿甚しおアむコンをマッピングしたすが、オンデマンドで読み蟌むこずはできたせん。 すべおのアむコンファむルをantdにむンポヌトするず、バンドルサむズが倧きくなりたす。 これは4.0で凊理したす。

叀いアむコンの䜿甚方法は*非掚奚になりたす*

import { Icon, Button } from 'antd';

const Demo = () => (
  <div>
    <Icon type="smile" />
    <Button icon="smile" />
  </div>
);

4.0では代わりに単䞀のアむコンのむンポヌトを䜿甚したす

// Directly import
import SmileOutline from 'antd/icons/SmileOutline';

// If tree-shaking supported
import { SmileOutline } from 'antd/icons';

const Demo = () => (
  <div>
    <SmileOutline />
    <Button icon={<SmileOutline />} />
  </div>
);

以前の方法で互換性のある方法を匕き続き䜿甚できたす。

Draft.jsを削陀したす

MentionコンポヌネントでDraft.jsを䜿甚しおポップアップの堎所を確認したすが、䜿甚されるのはその䞀郚の機胜のみです。 コスト超過のようです。 4.0でDraft.jsを削陀し、代わりに他のラむト゜リュヌションを䜿甚する予定です。 同時に、3.0のオリゞンメンションコンポヌネントず区別するために、APIの競合を回避するために新しいコンポヌネントメンションが導入されたす。 たた、互換性のある方法をサポヌトしおいたす

// Follow Code will not work
import { Mention } from 'antd';

const Demo = () => (
  <Mention />
);
// Added `Mentions` in 4.0
import { Mentions } from 'antd';

const Demo = () => (
  <Mentions />
);

🧭パフォヌマンスの最適化

コミュニティからの倧芏暡なデヌタセットのパフォヌマンスの問題はほずんどありたせん。 ここでいく぀かの最適化が行われるこずを確認したす。

仮想スクロヌル

仮想スクロヌルは、パフォヌマンスを最適化するための䞀般的な方法です。 これをコンポヌネントでネむティブにサポヌトするこずを蚈画しおいたす。 4.0リリヌスではすぐに終了しない堎合がありたす。 ステップバむステップで統合したす。

リファクタリングアニメヌション

過去にアニメヌションでハックをしたした。 ほずんどの堎合、うたく機胜したす。 ハックする代わりに、玔粋なReactの方法を䜿甚する予定です。 このアップデヌトは無音になり、䜕も圱響はありたせん。

🧩コンポヌネントの最適化

3.0で倚くのコンポヌネントを远加し、4.0でも継続したす。 これらのコンポヌネントは、ビゞネスシナリオ、Ant Design Pro、および瀟䌚的芁件に基づいおいたす。 新しいコンポヌネントのプロセスはAntDesign 3.0ず同じで、関連するデザむンファむルをPRに入れお、公匏Webサむトに収集したす。 各マむナヌバヌゞョンでリリヌスしたす。

さらに、いく぀かの䞻芁コンポヌネントをリファクタリングしお、䜿いやすくする予定です。 以䞋が含たれたすが、これに限定されたせん。

圢

フォヌムは、最も䜿甚されるコンポヌネントの1぀です。 ゜ヌシャルにはAPI蚭蚈に぀いお倚くのコメントがあるこずに気づきたした。
4.0でAPIを簡玠化したいず思いたす。

  • フォヌムにはデヌタストアが含たれたす。 Form.create()を䜿甚する必芁
  • Fom.Itemにはフィヌルドバむンドが含たれたす。 getFieldDecoratorを䜿甚する必芁
  • Form.Itemは倀を保持したすが、フィヌルドが削陀されるずバリデヌタヌは無効になりたす。
const Demo = () => {
  const [form] = Form.useForm();

  const onFinish = () => {
    // Do something...
  };

  useEffect(() => {
    // Something like ajax call
    form.setFieldsValue({
      username: 'light',
    });
  }, []);

  return (
    <Form form={form} onFinish={onFinish}>
      <Form.Item name="username" rules={[{ required: true }]}>
        <Input />
      </Form.Item>
    </Form>
  );
}

珟実の䞖界では、フォヌム間の倚くのコミュニケヌションに遭遇したす通垞は詳现な構成。 簡単にしたい

const { useForm, createContext } = Form;
const FormContext = createContext();

const Demo = () => {
  return (
    <FormContext>
      <YourForm1 />
      <YourForm2 />
    </FormContext>
  );
};

フォヌムの進行状況を確認したい堎合は、こちらを

テヌブル

過去に、私たちはたくさんのテヌブルフィヌドバックを受け取りたした。 展開ずスクロヌルの小道具は䞀緒にうたく機胜しないこずを私たちは知っおいたす。 今回は、それを修正するこずに焊点を圓おたす。 その䞊、テヌブルの最適化に぀いお倚くのこずを行いたす。 そしおレむアりトを行う簡単な方法

const Demo = () => {
  return (
    <Table
      header={{
        templateAreas: `
          name    address     address
          name    building    no
        `,
        cells: [
          { key: 'name', title: 'Name' },
          { key: 'address', title: 'Address' },
          { key: 'building', title: 'Building' },
          { key: 'no', title: 'No' },
        ],
      }}
    />
  );
};

antd4-table

たた、サマリヌ行をサポヌトするためにサマリヌフッタヌを远加する予定です。

新しいDatePicker

珟圚のDatePickerはほずんどの芁件を満たしおいたす。 しかし、コミュニティの議論から、私たちはそれをもっず掘り䞋げるこずができたす。 䌑憩幎ピッカヌずレンゞャヌピッカヌを提䟛したすディスカッション。 たた、ナヌザヌ゚クスペリ゚ンスを向䞊させるためにDatePickerデザむンスタむルを曎新したす。

🚀曎新を続ける

䞊蚘の内容に加えお、いく぀かの継続的な曎新も行う予定です。 これらは4.0でも曎新され続け、開発ずナヌザヌ゚クスペリ゚ンスが向䞊したす。

🧶アクセシビリティを向䞊させる

Ant Design 3.0はアクセシビリティのサポヌトが制限されおいたす。スクリヌンリヌダヌの゚クスペリ゚ンスを向䞊させるために、dom構造を調敎し、ariaマヌクを远加する予定です。 たた、キヌボヌドの盞互䜜甚を最適化する準備もしおいたす。

🎯開発者API暙準

䞀郚のAPI呜名スタむルは他のスタむルず少し異なりたす。 Typescript開発者にずっおは問題ではありたせんが、それ以倖のこずを芚えるのは難しいです。
したがっお、珟圚のAPIず関連する呜名芏則を含む呜名暙準ドキュメントを䜜成したす。 新機胜では、APIの名前の競合を回避するために、名前付けルヌルに埓いたす。 たた、PRでこれに関するコミュニティの意芋を歓迎したす。

💌ReactStrictモヌド

antdコンポヌネントを<React.StrictMode>でラップしようずするず、譊告が衚瀺されたす。 䞀郚のコンポヌネントは、すでに新しいラむフサむクル方匏に眮き換えられおいたす。 この䜜業は4.0でも継続されたす。

💡開発者゚クスペリ゚ンスを向䞊させる

過去に、いく぀かの問題が繰り返し発生するこずがわかりたした。 これらの問題はどういうわけか䜿甚法の問題です。 私たちはこれに察しお䜕かできるず思いたす実際にはすでに3.0から始たっおいたす。 開発環境では、予期しないステヌタスMomentオブゞェクトの無効化、プレフィックス/アフィックスの調敎によるdom構造の倉曎などを譊告したす。 私たちは、問題に盎面したずきに最初に焊点を圓おるのはコン゜ヌルであるず信じおいたす。 問題を芋぀けるのに圹立぀適切なヒントを提䟛したす。 同時に、他の質問を各コンポヌネントドキュメントのFAQにたずめたす。 メンテナンスの面では、それぞれの䜿甚法の質問に答えるこずはできたせんが、特に新参の開発者には存圚したす。 FAQは、怜玢時間を倧幅に節玄するのに圹立぀堎合がありたす。 これに興味がある堎合は、開発者の゚クスペリ゚ンスの向䞊にご協力ください。

🐱デザむンリ゜ヌス

Ant Designは、コンポヌネントラむブラリだけではありたせん。デザむンはサポヌト力です。デザむンリ゜ヌススケッチコンポヌネントパッケヌゞ、キッチンツヌル、デザむントヌクンなどを同期曎新したす。たた、ナヌザヌ゚クスペリ゚ンスを向䞊させるために、珟圚のコンポヌネントスタむルを調敎したす。

マむルストヌン

これが私たちのマむルストヌン蚈画です。Githubで関連する問題を䜜成したす。たた、瀟䌚貢献者を歓迎したす。

Q2

  • 関連するAPIを非掚奚ずしおマヌクし、ドキュメントから削陀したす。
  • 䜎レベルのコンポヌネントは曎新を譊告したす。

Q3

  • antd 4.0ブランチを䜜成し、ドキュメントを曎新したす。
  • コンポヌネント開発。

Q4

  • Ant Design4.0をリリヌスしたす。

ようこそ

䞊蚘のコンテンツは最終的なものではない可胜性がありたす。コミュニティからの考え/アドバむスは倧歓迎ですAnt Design 4.0をより良くしたしょう


前曞き

AntDesignが2017幎12月に3.0をリリヌスしおから16か月が経ちたした。この期間䞭に、倚数のバグを修正し、倚数の新機胜を远加したした曎新ログ。 4289のコミットを送信し、138のバヌゞョンをリリヌスし、7675の問題ずPRをクロヌズし、25375の星を远加したした。 Ant Design Pro4.0もリリヌスしたした。 TypeScriptをサポヌトし、レむアりトをブロックしお抜象化したす。 Ant Designをより䜿いやすくするために尜力しおくれた、すべおのコミュニティボランティアに感謝したす。

同時に、次のステップずは䜕か、Ant Designをさらに進化させる方法に぀いおも考えおおり、今幎の第4四半期にAnt Design4.0バヌゞョンをリリヌスする予定です。 🍻

以䞋は4.0の詳现な蚈画ですが、もちろんこれはただ蚈画䞭です。正匏リリヌス時に調敎される堎合がありたす。

🌓互換性の調敎

4.0で非掚奚ずしおマヌクされた属性を削陀したす。その時点で、攟棄された方法を䜿甚するこずはできなくなりたす。プロゞェクトを最新の3.xにアップグレヌドしおも、コン゜ヌルにantdからの譊告メッセヌゞが衚瀺されない堎合は、4.0ぞのアップグレヌドもシヌムレスに行われたす。 3.xバヌゞョンの堎合、4.0リリヌス埌もさらに6か月のメンテナンス䜜業を実行したす。

アップグレヌドバヌゞョンには、廃止されたAPIを攟棄するための倚くの゚ネルギヌがあるこずがわかっおいたす。4.0のリリヌス時にプロゞェクトの移行を支揎する互換性のあるパッケヌゞを提䟛する予定です関連するAPIはただ蚭蚈䞭であり、正匏にリリヌスされるず異なる堎合がありたす。

import Compatible from '@ant-design/compatible';

// It works, but will warning in console
const Demo = () => (
  <Compatible>
    <YourApp />
  </Compatible>
);

互換性パックも、3.0のメンテナンス䜜業が停止するたで曎新されたたたになりたす。

ReactAPIの最新バヌゞョンを䜿甚する

私たちは長い間React15バヌゞョンをサポヌトしおきたしたが、コミュニティのフィヌドバックから、これは実際には重芁ではありたせんReact 15の問題数は0に近づいおいたす。 React自䜓は非垞に堅牢な互換性があるためです。 React 15をサポヌトするために、開発プロセス䞭の新しいAPIの䜿甚には现心の泚意を払っおいたす。バヌゞョン4.0以降、開発のベンチマヌクずしお最新のReactバヌゞョンを䜿甚したす。

  • 関連コンポヌネントのフックバヌゞョンを提䟛する
  • コンカレントモヌドをサポヌトしたすもちろん、準備するものは他にもあり、4.0リリヌスでも匕き続き調敎されたす。
  • React 17を受け入れるすごい〜

IE9 / 10のサポヌトを停止する

Ant Design 3.0は、叀いバヌゞョンのIEずの

その他の互換性調敎

  • Less2.xからLess3.xにアップグレヌドしたす
  • アむコンの䜿甚法の倉曎
  • 廃止された蚀及

📊音量を䞋げる

アむコンサむズを最適化する

[email protected]で、svgアむコンを導入したしたなぜsvgアむコンを䜿甚するのですか 。文字列の名前を付けおアむコンを蚭定するためのAPIを䜿甚したす。この蚭蚈では、オンデマンドでロヌドできないため、すべおのsvgアむコンファむルを導入したした。これにより、パッケヌゞ補品のサむズが倧幅に増加したす。 4.0では、ボリュヌムを最適化するためにこれを調敎したす。

アむコンの䜿甚法の叀いバヌゞョンは廃止されたす

import { Icon, Button } from 'antd';

const Demo = () => (
  <div>
    <Icon type="smile" />
    <Button icon="smile" />
  </div>
);

4.0では、オンデマンドの導入方法が採甚されたす。

// Directly import
import SmileOutline from 'antd/icons/SmileOutline';

// If tree-shaking supported
import { SmileOutline } from 'antd/icons';

const Demo = () => (
  <div>
    <SmileOutline />
    <Button icon={<SmileOutline />} />
  </div>
);

䞊蚘の互換性のある方法を匕き続き䜿甚できたす。

Draft.jsを削陀したす

ドロップダりンプロンプトポゞショニング機胜を実装するために、メンションコンポヌネントにDraft.jsを導入したしたが、その機胜のごく䞀郚しか䜿甚したせんでした。コストパフォヌマンスの芳点からは、少し無駄に思えたす。 4.0で䟝存関係を削陀し、代わりに軜量の゜リュヌションを䜿甚する予定です。同時に、3.0のMentionコンポヌネントを区別するために、APIの競合を防ぐための新しいコンポヌネントMentionsを提䟛したす。同様に、䞊蚘の互換性のあるメ゜ッドの継続的な䜿甚もサポヌトしたす。

// Follow Code will not work
import { Mention } from 'antd';

const Demo = () => (
  <Mention />
);
// Added `Mentions` in 4.0
import { Mentions } from 'antd';

const Demo = () => (
  <Mentions />
);

🧭パフォヌマンスの最適化

メンテナンスの過皋で、ビッグデヌタに関するパフォヌマンスに぀いお倚くの

仮想スクロヌル

仮想スクロヌルは䞀般的な最適化方法ですが、Ant Designのアニメヌション効果のため、仮想スクロヌルをカスタマむズするのはそれほど簡単ではありたせん。珟圚、スクロヌルを䜿甚するコンポヌネントで仮想スクロヌルをネむティブにサポヌトする予定です。もちろん、4.0のリリヌス時にすべおのコンポヌネントが曎新されたこずを保蚌するものではなく、今埌も曎新されたす。

アニメヌションの改善

以前は、アニメヌションを凊理するためにいく぀かのハックを䜿甚しおいたした。ほずんどのシナリオで、それは非垞にうたく機胜したす。 4.0では、これを調敎し、よりReactロヌドぞのハックアプロヌチを攟棄する予定です。調敎はサむレントに曎新されるため、倉曎を加える必芁はありたせん。

🧩コンポヌネントに぀いお

3.0では、倚くのコンポヌネントを远加し続けおいたす。 4.0では継続したす。これらのコンポヌネントは、ビゞネスシナリオ、Ant Design Pro、およびコミュニティのニヌズから掗緎されたす。これは継続的なプロセスです。新しいコンポヌネントを远加するプロセスは、Ant Design 3.0ず同じです。関連コンポヌネントのデザむンドラフトを䜜成し、PRで衚瀺しお、公匏Webサむトで曎新したす。開発が完了したら、月次マむナヌバヌゞョンでリリヌスされたす。

さらに、開発ず盞互䜜甚の容易さを改善するために、いく぀かの䞻芁なコンポヌネントをリファクタリングする準備もしおいたす。これには以䞋が含たれたすが、これらに限定されたせん。

フォヌムコンポヌネント

フォヌムコンポヌネントのオヌディ゚ンスは非垞に倚く、面倒なフォヌムAPIに関するコミュニティの䞍満にも気づきたした。4.0では、開発コストを簡玠化するために、より優れたAPIフォヌムを怜蚎したいず考えおいたす。

  • フォヌムはデフォルトでフォヌムデヌタフィヌルドを集玄し、 Form.create()介しおコンテキストを䜜成する必芁がなくなりたした。
  • Fom.Itemはデフォルトでフォヌムフィヌルドを集玄したす。 getFieldDecorator介しおフィヌルドをバむンドする必芁はありたせん。
  • Form.Itemの倀は垞に保持されたすが、その怜蚌機胜は、フォヌムアむテムが衚瀺されおいる堎合にのみ有効になりたす。
const Demo = () => {
  const [form] = Form.useForm();

  const onFinish = () => {
    // Do something...
  };

  useEffect(() => {
    // Something like ajax call
    form.setFieldsValue({
      username: 'light',
    });
  }, []);

  return (
    <Form form={form} onFinish={onFinish}>
      <Form.Item name="username" rules={[{ required: true }]}>
        <Input />
      </Form.Item>
    </Form>
  );
}

実際のシヌンでは、マルチフォヌムリンケヌゞ詳现構成で䞀般的のシヌンに遭遇したした。これは䜿い勝手が悪いこずがわかっおいるので、フォヌム間のリンク機胜も提䟛したす。

const { useForm, createContext } = Form;
const FormContext = createContext();

const Demo = () => {
  return (
    <FormContext>
      <YourForm1 />
      <YourForm2 />
    </FormContext>
  );
};

フォヌムの進行状況を確認したい堎合は、進行状況を確認しおください。

テヌブルコンポヌネント

過去のバヌゞョンでは、テヌブルコンポヌネントに぀いお倚くのフィヌドバックを受け取りたした。 Tableのexpandおよびscrollプロパティは、これたでうたく機胜しおいなかったこずがわかっおいたす。今回は、この分野での察立の解決に焊点を圓おたす。さらに、テヌブルコンポヌネントのパフォヌマンスをさらに最適化したす。そしお、いく぀かのより単玔なテヌブルレむアりト方法を調べおください。

const Demo = () => {
  return (
    <Table
      header={{
        templateAreas: `
          name    address     address
          name    building    no
        `,
        cells: [
          { key: 'name', title: 'Name' },
          { key: 'address', title: 'Address' },
          { key: 'building', title: 'Building' },
          { key: 'no', title: 'No' },
        ],
      }}
    />
  );
};

antd4-table

さらに、サマリヌ芁件をサポヌトするためにサマリヌフッタヌを远加する予定です。

DatePickerがやり盎したした

既存のDatePickerはほずんどのニヌズを満たしおいたすが、コミュニティの議論からディスカッション。さらに、関連する日付ず時刻のセレクタヌのスタむルを調敎しお、ナヌザヌの認知コストをさらに削枛したす。

🚀継続的に曎新

䞊蚘のコンテンツに加えお、䞀郚のコンテンツも匕き続き曎新する予定です。これは4.0でフォロヌアップされ、ナヌザヌ開発ずナヌザヌ゚クスペリ゚ンスが向䞊したす。

🧶アクセシビリティ゚クスペリ゚ンスを向䞊させる

Ant Design 3.0はアクセシビリティ゚クスペリ゚ンスのサポヌトを欠いおいたす。このため、コンポヌネント構造を調敎し、画面の読み取り゚クスペリ゚ンスを向䞊させるためにariaタグを远加する予定です。さらに、既存のコンポヌネントのキヌボヌド操䜜方法を最適化しお、完党なキヌボヌド操䜜゚クスペリ゚ンスを向䞊させる準備もしおいたす。

🎯開発者API仕様

進化の過皋で、いく぀かのAPIスタむルが他のコンポヌネントず互換性がないように芋えるこずがわかりたした。 TypeScriptナヌザヌの堎合、これは問題ではありたせんが、他のナヌザヌの堎合、メモリの問題を匕き起こす可胜性がありたす。

そこで、暙準の呜名文曞をたずめたす。このドキュメントには、既存のAPIず適切な呜名芏則のリストが含たれたす。新しい機胜を远加するずきは、この仕様に埓っお名前も付けられたす。将来起こりうるAPIの違いを避けるため。もちろん、PRのコミュニティ孊生からのフィヌドバックも歓迎したす。

💌厳密モヌドに反応する

<React.StrictMode> antdコンポヌネントの倖にラップしようずするず、antdコンポヌネントから倚くの譊告メッセヌゞが衚瀺されたす。 3.0では、䞀郚のコンポヌネントのラむフサむクルメ゜ッドを曎新したした。 4.0では継続したす。

💡開発者の゚クスペリ゚ンスを向䞊させる

過去のメンテナンスプロセスでは、特定の問題が前埌に発生するこずがわかりたした。これらの問題は、䞀郚の䜿甚仕様たたはアプリケヌションシナリオで䞀般的です。この目的のために、ここで改善を行うこずにしたした実際、3.0以降、改善を続けおいたす。開発環境では、予期しない状況無効なモヌメントオブゞェクト、入力プレフィックス/アフィックスの動的調敎によっお匕き起こされるDom構造の倉曎などに぀いおコン゜ヌルでプロンプトが衚瀺されたす。コン゜ヌルは、開発者が問題に遭遇したずきに最初に泚意を払う堎所であるず確信しおおり、ここで適切なヒントを提䟛するず、問題をすばやく特定するのに圹立ちたす。同時に、いく぀かの特別な䜿甚法たたはシナリオのために。察応するコンポヌネントのドキュメントでFAQを提䟛したす。プロゞェクトのメンテナンスの芳点から、私たちの゚ネルギヌは䜿甚法の問題に詳现な答えを提䟛するこずはできたせん。しかし、これらの質問は珟実のものであり、特に初心者の開発者にずっおは、FAQは怜玢時間を倧幅に節玄するのに圹立ちたす。興味のある方は、コミュニティのボランティアも開発者の゚クスペリ゚ンスの向䞊にご協力いただけたす。

🐱蚭蚈資産管理

Ant Designは、コンポヌネントラむブラリのセットであるだけでなく、その背埌にある匷力な蚭蚈システムでもありたす。 4.0では、最新のデザむン関連アセットスケッチコンポヌネントパッケヌゞ、キッチンツヌルセット、デザむントヌクンなどを曎新しお、デザむンに関心のあるデザむナヌや孊生が参考になるようにしたす。既存のコンポヌネントデザむンスタむルも埮調敎され、芖芚効果ずナヌザヌ゚クスペリ゚ンスが向䞊したす。

タむムプラン

以䞋は、いく぀かのコンポヌネントの曎新が進行䞭のスケゞュヌルです。 githubで関連する問題を䜜成し、コミュニティのボランティアも参加できたす。

Q2

  • 必芁な非掚奚APIを非掚奚ずしおマヌクし、ドキュメントでクリアしたす。
  • 基瀎ずなるコンポヌネントは予熱されおいたす。

Q3

  • antd 4.0ブランチを確立し、ドキュメントを曎新したす。
  • 䜎レベルのコンポヌネント開発。

Q4

  • リリヌス4.0バヌゞョン。

参加ぞようこそ

4.0の開発プロセス䞭に、䞊蚘の内容が調敎される堎合がありたす。コミュニティの孊生を歓迎しお、貎重なアむデアや提案を提䟛しおください。AntDesign4.0をより䟿利で䜿いやすくしたしょう

4.x ✹ Announcement 🕙 Plan 🗣 Discussion

最も参考になるコメント

15311

バヌゞョン4でMoment.jsを眮き換えたすか

党おのコメント182件

15311

バヌゞョン4でMoment.jsを眮き換えたすか

すばらしい、アップグレヌドが埅ちきれない

V4アルファ準備

䞻にタヌゲット

  • [x] v4ブランチ
  • [x]互換性のあるパッケヌゞ
  • [x]非掚奚のコンテンツを削陀する

    • [x]メンションコンポヌネント

    • [x]新しい蚀及コンポヌネント16532

    • [x] Form.create

    • [x] type 12011のアむコン

    • [x]非掚奚の譊告小道具を備えたその他

  • [x]少ないv3
  • [x]パフォヌマンス

    • [x] rc-animateアップグレヌド

    • [x]䞊行モヌドのサポヌト

    • [x]仮想スクロヌルアニメヌションのサポヌト

    • [x]仮想スクロヌル

    • [x] rcコンポヌネント

    • [x]ツリヌ

    • [x]遞択

    • [x] TreeSelect

    • [x]フォヌム https 

    • [x]フックバヌゞョンを提䟛したす

    • [x]テヌブル

    • [] templateAreas

    • [x] expandずscrollコワヌキングをサポヌト

  • [x]新しいデザむンのDatePicker

    • [x] YearPicker

    • [x] RangePicker.YearPicker

    • [x] RangePicker.MonthPicker

    • [x] RangePicker.YearMonthPicker

    • [x] RangePicker.WeekPicker

    • [x] TimePicker.RangePicker

タヌゲットを継続

  • []アクセシビリティ
  • [x] API暙準
  • [] React.StrictMode

Ant4に関するいく぀かの提案がありたす

箄templateAreas

templateAreaは実行時に文字列を解析したす。文字列のタむプミスが発生するず、䟋倖のない解析゚ラヌたたは傟斜゚ラヌが発生したす。 ランタむム解析もTypeScriptには䞍向きです。 Antチヌムは以䞋の提案を怜蚎したすか

const columnTemplate = [
  ['name', 'address', 'adress'],
  ['name', 'building', 'no']
]

䟝存に぀いお

Antチヌムはmoment䟝存を取り陀くこずを怜蚎したすか

モヌメントはフロント゚ンドプロゞェクトには倧きすぎたす。倚くの遞択肢がありたすが、 TimePickerずDatePickerの小道具はモヌメントを䞭継したす。 momentをdate-fnsたたはMomentよりも小さい他のラむブラリに眮き換えるこずはできたせん。

アむコンに぀いお

珟圚䜿甚されおいるAntアむコンの方法は廃止されるべきではないず思いたす。アむコンをむンポヌトする新しい方法では、1぀のアむコンを远加たたは削陀するず、䞀般的なバンドルチャンクが倉曎される可胜性がありたす。

Antチヌムは、Antアむコンを䜿甚する2぀の方法を提䟛できたす。

  1. すべおのアむコンを1぀のjsfileにパッケヌゞ化し、開発者は<script>タグを䜿甚しおファむル党䜓をむンポヌトし、webpackにexternalsを蚭定できたす。
  2. 䞊蚘を玹介する新しい方法。

改善我察Ant4的䞀倚建议

関templateAreas

templateAreas圚运行時間察文字列

const columnTemplate = [
  ['name', 'address', 'adress'],
  ['name', 'building', 'no']
]

関赖

是吊考虑移陀察モヌメント的䟝赖

モヌメント察前端项目来時圚是倪倧了、垂面䞊有讞倚可䟛難代的库、しかし是TimePicker和DatePicker的参数䟝赖到モヌメント察象、今導臎了我们没办法䜿甚date-fnsたたは者䞀䟡比モヌメント曎小的库来図曞通代モヌメント。

関連するアむコン

我讀䞺圓前䜿甚アリ囟标的方匏䞍应该被废匃。新的䜿甚方匏圚我新增或者删陀䞀䞪囟标匕甚的时候、可胜䌚富臎公共チャンク反倍变曎。

Ant团队的チヌム劂䞋䞀皮方案来䜿甚Ant

  1. 打包所有囟标到䞀䞪JS文件䞭、匀发者通过<script>标筟匕甚党郚囟标、并䞔圚WebPACKの䞭讟眮䞺externals
  2. 4.0新介绍的アむコン䜿甚方法

テヌブルの仮想スクロヌルをサポヌトする蚈画はありたすか ペヌゞネヌションよりも無限テヌブルの方が望たしい堎合がありたす。
そしお、「コメント」は3.11に含たれおいるので、おそらくChatBoxずChatMessage

テヌブルの仮想スクロヌルをサポヌトする蚈画はありたすか ペヌゞネヌションよりも無限テヌブルの方が望たしい堎合がありたす。
そしお、「コメント」は3.11に含たれおいるので、おそらくChatBoxずChatMessage

UserInfo倚分優先順䜍。

箄templateAreas

2次元配列の構文もサポヌトしおいたす
2次元配列の構文もサポヌトしおいたす。

templateAreasに関しお、静的チェックの䟋を次に瀺したす。
これは、templateAreasにtsを䜿甚したタむプ静的チェックの䟋です。

interface Cell<T extends string = string> {
  key: T;
  title: string;
}

interface Config<K extends string = string> {
  header: {
    templateAreas: ReadonlyArray<ReadonlyArray<K>>;
    cells: ReadonlyArray<Cell<K>>
  };
}


declare function check<T extends string>(config: Config<T>): void;

const config = {
  header: {
    templateAreas: [
      ['name', 'address', 'address'],
      ['name', 'building', 'error'],
    ],
    cells: [
      { key: "name", title: "Name" },
      { key: "address", title: "Address" },
      { key: "building", title: "Building" },
      { key: "no", title: "No" }
    ]
  }
} as const;

check(config);

遊び堎

image

驚くばかり

15311

バヌゞョン4でMoment.jsを眮き換えたすか

momentから離れる䞻な問題は、 locale前埌の倉化を壊すこずだず思いたす。 https://github.com/ant-design/ant-design/issues/15311#issuecomment -471383811

typescriptのサポヌトが改善されるこずを願っおいたす

玠晎らしい4.0が進行䞭です 以䞋に怜蚎すべきいく぀かの提案がありたす。それらがデザむンパタヌンに適合するかどうかはよくわかりたせんが、カスタマむズ性のために、私の意芋では玠晎らしいでしょう。

  • <Table>内の行の背景色を制埡できるこず。 たずえば、行をオレンゞ色に色付けしお、その行の譊告を匷調衚瀺したす。
  • ボタンの色は、これに関する以前の議論は芋぀かりたせんでした。 ただし、ボタンの<Tag color="red">RED<Tag />ず同様のAPI䟋 <Button color="red">Red Button<Button/>です。
  • Font-Awesome 5.xアむコンのサポヌトさたざたなコンポヌネント内、たたは他のアむコンが進行䞭ず連携するこずを確認したす。 ネむティブの<Icon>コンポヌネントの代わりにFAを䜿甚するず、配眮に問題があるこずに気付きたした。
  • <Pagination>コンポヌネントは、ペヌゞ数を盎接提䟛するこずをサポヌトしおいたせん。ナヌスケヌスでは、たずえば、䜿甚できるペヌゞ数ず珟圚のペヌゞのみがあり、各ペヌゞ内のアむテム数はサポヌトされおいたせん。 私はこれを凊理する良い方法をただ芋぀けおいたせん。

@ore​​cus

たずえば、行をオレンゞ色にしお、その行の譊告を匷調衚瀺したす

私はrowClassNameを䜿甚しおこの行にクラスをアタッチし、デフォルトのスタむルをcssでオヌバヌラむドする傟向がありたす。

ザ・コンポヌネントは、ペヌゞ数を盎接提䟛するこずをサポヌトしおいたせん

停の合蚈を枡すこずができたす。 たずえば、50ペヌゞが必芁な堎合は、 total = pageSize * 50枡すこずができたす。

これは本圓に良いニュヌスです🚀䞀郚のコンポヌネントは倧量のデヌタでは䜿甚できないため、パフォヌマンスぞの泚目が明らかになり、それは玠晎らしいこずです。

仮想スクロヌルをどのように実装したすか react-windowたすか

䞻にタヌゲット機胜の優先順䜍はありたすか
アルファ段階でバヌチャルセレクトを詊しおみたいのですが、これは私だけではないず思いたす。

ありがずう。

文字列名をオンデマンドで読み蟌めないのはなぜですか reactのlazyは問題を解決したせんか

@faradaytrs
はい。ただし、 webpackの特性、特定の操䜜によっお異なり

2぀の問題がより顕著です

  • /* webpackChunkName: "icons/icon-" */で曞かれたwebpack提䟛Magic Comments
  • オリゞナルが蚀ったように、「各アむコンには、アむコンの内容に加えお、远加のWebpackモゞュヌル情報が含たれおいたす」

グロヌバルスタむルの汚染に぀いお䜕か考えはありたすか 43319363

グロヌバルスタむルの汚染に぀いお䜕か考えはありたすか 43319363

私芋では、4.0でナヌザヌがグロヌバル名でantdesignスタむルのスコヌプを蚭定できるようになるず䟿利です私のコメントhttps://github.com/ant-design/ant-design/issues/4331#issuecomment-396047487を参照

次のマむルストヌンに぀いお聞いおうれしいです

私の2カラット。 ドキュメントず合理化に関しお

倚くの堎合、ドキュメント化されおいない、基になるDOM芁玠に枡される小道具がありたすIIRC堎合によっおは、コンポヌネントの実装によっお遞択されないすべおの小道具が枡されたす。 それらを文曞化しお、タヌゲット芁玠ごずにグルヌプ化するず非垞に圹立ちたす耇数ある堎合がありたす「次の小道具がコンテナに枡されたす

"たたは"次の小道具が通過したす element ...」たたは「他のすべおの小道具は...に枡されたす。」これらの小道具に぀いおは、詳现な説明は必芁ありたせん。MDNぞのリンクで十分です。

このような倉曎は、TypeScript開発者にずっおも玠晎らしいこずです。珟圚、この点でTS定矩を最新の状態に保぀のは面倒な䜜業です。

「DeveloperAPI暙準」では、これを文曞化する必芁があり、どの小道具を垞に枡すかを決定する必芁がありたすclassName、id、

別の質問

より倚くのファむルたたはrcコンポヌネントをTypeScript定矩のJavaScriptからネむティブTypeScriptに切り替えるこずを蚈画しおいたすか

rc-formをFormikなどのより柔軟なものに眮き換えるこずを怜蚎しおください。

メンテナぞの質問

私のチヌムはAntの詊甚に興味がありたすが、

IE9 / 10だけでなく、IEサポヌトを停止したす。

おやおや、グロヌバルスタむルを汚染しないのはずおも䟿利でしょう html 、 body 、 *::before 、...

react-slickをベヌスにしたカルヌセルは、䜿甚時に倚くの問題がありたす。新しいバヌゞョンを別のラむブラリに眮き換えるこずをお勧めしたす。
反応パン可胜は䜿甚するのにかなり良いです

@cztfloveこのラむブラリのコミットの説明はすべおno message 😃であり、コミュニティの泚目は䜎すぎるので、私はそれを考慮すべきではありたせん。

@ yoyo837 @ yoyo837の䞻芁コンポヌネントは新しいため、泚目床は比范的䜎いですが、 virtual listず仿ios蟹猘匹性サポヌトしおおり、このコンポヌネントに基づいお、いく぀かの拖拜関数を実珟できたす🀔将来的には拡匵の䜙地がありたす

1぀の䞖界共通蚀語に移行すべきではありたせんか

私は英語を母囜語ずしない堎合でも、地域の蚀語に完党に同意し、尊重したす。 䜕癟もの繰り返し、たたは二重蚀語で重耇するタスクを蚀う方が良いですが、ずりわけ最も重芁な芁玠は時間、議論された文字列の翻蚳、ドキュメントやタットからの孊習です。 デモなど

私は認めなければなりたせん、蚀語の衝突のために貢献者が䞍足しおいるわけではありたせん、それでも私たちの䜕癟人もが関䞎するこずを恐れおいたす。 すでに倚くのスプリント、翻蚳の問題が進行䞭ですが、私が芁求するのは、このメゞャヌリリヌスで1぀のナニバヌサル蚀語に完党に移行しお、私たち党員の間のコミュニケヌションギャップを

1぀の䞖界共通蚀語に移行すべきではありたせんか

私は英語を母囜語ずしない堎合でも、地域の蚀語に完党に同意し、尊重したす。 䜕癟もの繰り返し、たたは二重蚀語で重耇するタスクを蚀う方が良いですが、ずりわけ最も重芁な芁玠は時間、議論された文字列の翻蚳、ドキュメントやタットからの孊習です。 デモなど

私は認めなければなりたせん、蚀語の衝突のために貢献者が䞍足しおいるわけではありたせん、それでも私たちの䜕癟人もが関䞎するこずを恐れおいたす。 すでに倚くのスプリントがあり、翻蚳の問題が進行䞭ですが、私が芁求するのは、このメゞャヌリリヌスで1぀のナニバヌサル蚀語に完党に移行しお、私たち党員の間のコミュニケヌションギャップを枛らすこずです。

解釈、䞓心述䞭文吧

メンテナぞの質問飛行䞭の色やスタむルのテヌマを倉曎するためにCSS倉数を䜿甚する蚈画はありたすか

実際に、倉数を䜿甚しおコンポヌネントのスタむルを倉曎するこずは非垞に快適な方法であるこずを孊びたした。 Less倉数をvar(--css-vars)で曞き盎そうずしたしたが、スタむルのコンパむルで倚くの゚ラヌが発生したした。倚くのスタむルが、倀だけでなく、倉数を䜿甚した関数や操䜜を䜿甚しおいるためです。 私はそれが倧きな仕事であり、この方法で重倧な倉曎を䜜成するず思いたすが、メゞャヌバヌゞョンは重倧な倉曎のために䜜成されたした:)そしおCSS倉数の䜿甚法はコンポヌネントスタむルのカスタマむズの倚くの機䌚を䞎えるこずができたす。

あなたはそれに぀いおどう思いたすか ずにかくプルリク゚ストずしおCSS倉数を䜿甚しおテヌマを開発するこずを蚈画したした。この機胜飛行䞭のテヌマの倉曎が私のプロゞェクトで必芁になるためです。

申し蚳ありたせんが、その提案が重耇しおいる堎合は、他の問題やPRでそれに぀いお䜕も芋぀かりたせんでした。

@ Z3SA https://caniuse.com/#search = CSS20Variables。 これはすべおのIEサポヌトを停止する必芁がありたす。IE11サポヌトの停止は過激すぎたすが、私もそうするこずをサポヌトしおいたす。

@ yoyo837 、IEサポヌトの問題の根本的な原因であるこずに同意したす。 しかし、Ant Designは、ElectronWebではなく分離されたプラットフォヌムずしおの公匏サポヌトant.designで述べられおいるも持っおいたす。 この堎合、2぀のテヌマを䜜成する方法があるかもしれたせん。1぀は少ない倉数を䜿甚し、もう1぀はCSS倉数を䜿甚したす。 しかし、サポヌトするのは難しすぎるようです。

したがっお、私が掚枬する他の可胜な戊略-Lessのすべおのカスタマむズ可胜な属性に察しおLess倉数を䜜成するか、開発者がCSS倉数の゚ントリずしお䜿甚できるLess倉数の䞋の関数ず操䜜の䜿甚を削陀したす。 たたは、もっず単玔だず蚀えば、関数や操䜜ではなく、倀のコンテナヌずしおのみ少ない倉数を䜿甚したす。

䞻芁なブラりザのみをサポヌトしおいれば、コヌドのサむズが小さくなり、コヌドの保守が容易になるず思いたす。

IE9 / 10だけでなく、IEサポヌトを停止したす。

@wanliyunyanあたりにも壊れおいたす。 䞀郚の開発者はantd @ 3に固執する可胜性があり、それは私たちにずっお良いこずではありたせん。

@ Z3SAそれは

@dancerphil幞いなこずに、私は自分のプロゞェクトで

@ yoyo837私はそれを知っおいたす。 そしお、このアむデアが十分な泚目を集めるこずができなかった堎合、私は自分でそれを行いたす。

私たちは、個々のコンポヌネントを䜿甚しお埐々にantdに移行したいず考えおいる䌚瀟です。 ただし、antがグロヌバルスタむルを䜿甚するず、この問題は非垞に耇雑になりたす。 グロヌバルスタむルの汚染を止めおください。

フォヌムは、最も䜿甚されるコンポヌネントの1぀です。 ゜ヌシャルにはAPI蚭蚈に぀いお倚くのコメントがあるこずに気づきたした。 4.0でAPIを簡玠化したいず思いたす。

Fom.Itemにはフィヌルドバむンドが含たれたす。

これらの倉曎により、Form.Itemを厳密に衚瀺するコンポヌネントずしお䜿甚できるようになりたすか 私はantdのコンポヌネントが倧奜きですが、状態管理にはreact-final-formを奜みたす。 Form.Itemのスタむルが必芁であり、状態管理ロゞックは必芁ありたせん。

ブランチ4.0が䜜成されたす。 い぀プレビュヌできたすか

新しいフォヌムコンポヌネントは玠晎らしいです

momentjsが巚倧になり、バンドルサむズも倧きくなったため、momentjsをdayjsに眮き換えおください。

リッチテキスト゚ディタの匕き継ぎを怜蚎する際の萜ずし穎はありたすか

リリヌス日はい぀ですか

@rafaelodassiただ確認された日付はありたせんが、おそらく第4四半期にありたす。

@babel/[email protected]ず[email protected]ぞのアップグレヌドも優先されたす。

v3ではありたせんか [email protected]ニュヌスはありたすか

統蚈ではほずんど䜿甚されおいないこずが瀺されおいるため、IEサポヌトを完党に削陀するこずに぀いお話しおいる人は誰でもいたす。 むントラネットの背埌にいる䜕癟䞇人もの䌁業ナヌザヌが統蚈にたったく関䞎しおいないのはどうですか 圌らは䌁業方針のためにIE10ずIE11で立ち埀生しおいたす。

IE11のサポヌトが終了した堎合は、 antd @ 3を䜿甚したす。 IE10のドロップは、MSでサポヌトされなくなり、䌁業のPCがIE11に曎新されるため、ほずんどのクラむアントで受け入れるこずができたす。

オブゞェクトを<Select/>倀ずしお䜿甚できるようにするAPIを導入するこずをお勧めしたす。
詳现に぀いおは、 https//github.com/ant-design/ant-design/issues/13485を参照しお

cc @zombieJ

各コンポヌネントに独自の曎新ログを蚭定するこずをお勧めしたす。非衚瀺にしおおくかどうかは関係ありたせん。個人的な提案〜

リリヌスたたはRCはい぀可胜ですか

各コンポヌネントに独自の曎新ログを蚭定するこずをお勧めしたす。非衚瀺にしおおくかどうかは関係ありたせん。個人的な提案〜

各コンポヌネントのドキュメントをどのバヌゞョンで远加できるかに぀いお同意したす。それ以倖の堎合は、ドキュメントを参照しお、珟圚のバヌゞョンを䜿甚できるかどうか、および䟝存関係を曎新するかどうかを確認できたす。

GitHawkで送信

@ fwh1990 @ jas0ncn @redclown
英語のpls

英語チャンネルずしお保管しおください、ありがずう〜

4.0alphaが公開されたした。 それはすごいです。 兄匟に来なさい。

ベヌタ版を公開したら、プロゞェクトをリファクタリングしたす

antdのデフォルトのテヌマは矎しいですが、それよりも優れおいる堎合もありたす。
読みやすくするために、コントラストの匷化を怜蚎し、より倧きなテキストを䜿甚しおください。

非垞に倚くの蚘事やツヌルがありたす。
https://www.google.com/search?q=web+readability

antd v3をv4に移行するためのスクリプトを提䟛するこずをお勧めしたす。

bizプロゞェクトでは、フォヌムコンポヌネントが倚すぎたす。 antd v3からv4ぞの移行に

react-relayチヌムは同様のこずをしたした。
react-relay v3をreact-relayv4 Realeaseに移行する堎合は、倚くのファむルを倉曎する必芁がありたす。
そのため、圌らはjscodeshiftを䜿甚しお移行スクリプトを蚘述し、 react-relayのナヌザヌがreact-relay v3からv4に簡単に移行できるようにしたす。

いく぀かのスタむルを芆すのは難しいず思いたす。 それで、それを改善する蚈画があれば

私は個人的にCSS-in-JSを䜿甚するこずを奜みたす。それは非垞に柔軟性があり、Reactず非垞によく合いたす。

4.0 alphaでクラスコンポヌネントを䜿甚する堎合、フォヌム゚ンティティを取埗できたせん。https //5d403395cd145c0008eea971--ant-design.netlify.com/components/form/v3-cnこのリンクの䞋のサンプルコヌドは実装できず、formRefに゚ンティティがありたせん。方法

で解決したした

@ Kwei9 、問題を開いお添付しお再珟できたすか芋せおください

@ Kwei9 、問題を開いお添付しお再珟できたすか芋せおください

参照曞き蟌みはこの゜リュヌションに倉曎されたす

今こそ、地球芏暡の汚染に取り組む時だず思いたす これにより、他のアプリケヌションず䞀緒にantdを䜿甚する必芁がありたした。

Momentはフロント゚ンドプロゞェクトには倧きすぎたす。倚くの遞択肢がありたすが、TimePickerずDatePickerの小道具はMomentを䞭継したす。 それは私たちが瞬間を眮き換えるこずができないように導きたす...

@ jas0ncnこんにちは、momentjsをdayjs2kbの代替に眮き換えるこずを怜蚎しおください。 これらは、Ant DesignAntdのReplaceMoment.jsをDay.jshttps  //github.com/iamkun/dayjs/issues/529でテスト枈みの問題であり、非垞にうたく機胜したす。

dayjsのコアメンテナヌずしお、私たちはこの亀換に぀いおどんな助けも喜んで提䟛したす。

ありがずう。

请考虑䜿甚蜻量的Dayjs来亀換换moment.js、圚この里已经これは试オヌバヌ萜换的可行性https://github.com/iamkun/dayjs/issues/529 。

叀いアむコンの䜿甚方法は*非掚奚になりたす*

import { Icon, Button } from 'antd';

const Demo = () => (
  <div>
    <Icon type="smile" />
    <Button icon="smile" />
  </div>
);

4.0では代わりにimportsingleIconを䜿甚したす。

// Directly import
import SmileOutline from 'antd/icons/SmileOutline';

// If tree-shaking supported
import { SmileOutline } from 'antd/icons';

const Demo = () => (
  <div>
    <SmileOutline />
    <Button icon={<SmileOutline />} />
  </div>
);

新しいアむコンの参照に぀いお考えおいたす。䞊蚘の新しい衚珟により、各アむコンは個別のコンポヌネントに盞圓したす。たずえば、読み蟌みアむコンの導入は次のようになりたす。

import Loading from 'antd/icons/Loading';

<Loading />

ただし、通垞は、実際の読み蟌みコンポヌネントを自分でカプセル化するこずができたす。以前は、 <Icon />はそれがアむコンであるこずが䞀目でわかりたしたが、今では名前が倚すぎお、アむコンかどうかを知りたい堎合はむンポヌト堎所を芋぀ける必芁がありたす。
ずいった

<Title />
<Loading />
<Sun />  

䞀芋、次の2぀はアむコンずしお芋えないようですもちろん、コヌドの実行には圱響したせん〜
次の文蚀に倉曎した堎合

 import {Icon} from 'antd';
 import {Loading, Sun} from '@antd/icons';  

<Icon spec={Loading}  {...otherProps}/>
<Icon spec={Sun} />

パンの倖局を通しお、それは前のものず非垞によく䌌おおり、オンデマンドで䜿甚するこずもできたす。それはアむコンコンポヌネントを導入するこずに他なりたせん。
たた、特定の芏則が満たされおいる堎合、ナヌザヌ定矩のアむコンをspec属性を介しお枡すこずができたすかこれは、事前に倚くのアむコンを定矩するのに圹立぀antdず同等ですが、ナヌザヌ定矩のアむコンはたったく同じです~~~

psそれずも、この皮の執筆は実際にはずっず前に考えられおいたのですか、それずもこの皮の執筆に問題があるために考えおいなかったのですか 。 。 😂
考えただけです。 。 。

@ppblは、あなたの考えによるず次のようになりたす。

import Icon from '@antd/icons'; 
imoort { LoadingOutline } from '@antd/icons-svg';

<Icon component={LoadingOutline}  {...otherProps}/>

新しいアむコンも同様に生成されたす。https//github.com/ant-design/ant-design-icons/blob/master/packages/icons-react/src/icons/AccountBook.tsxを参照しお

Iconの名前にIconプレフィックス/サフィックスを远加するこずでこの状況を回避できたすか

imoort { LoadingOutlineIcon } from '@antd/icons';

<LoadingOutlineIcon  {...otherProps}/>

バンドルサむズの瞮小に取り組んでください
https://github.com/ant-design/ant-design/issues/9419
Buttonをむンポヌトするず、プロゞェクトに95kbが远加されたす。これは2019幎には受け入れられたせん。👎

@vagusXたぶん、名前が少し長いず思いたすか名前は簡朔で、小さなコンポヌネントたたは比范的単䞀のコンポヌネントのように芋えるずい぀も思っおいたす。名前が長すぎる堎合は、倧きなコンポヌネントにする必芁がありたすもちろんこれは間違った感じです〜私は知っおいたす。 。 〜

もちろん、 <Icon />を芋るためだけのアむコンであるこずがわかっおいる堎合は、自分で<Icon />コンポヌネントを䜜成し、それを䜿甚するずきにantdアむコンをラップするこずもできたす。効果はほが同じです。 〜すべおアむコンだず感じたすが、実際には散らばった名前がたくさんありたす。少し奇劙に感じたす。違いは、以前はアむコンを最初に知っおいお、次にそれがどのタむプであるかを知っおいたずいうこずです。今では最初にタむプを知っおから、ああ、それはアむコンです〜

@ avalanche1このPRhttps  //github.com/ant-design/ant-design/pull/18217#issuecomment -520683838からのバンドル分析結果、およびコンポヌネントのサむズButton明らかに衰退する

知っおおくず良い。 しかし、あなたのスクリヌンショットには実際のサむズの衚瀺がないので、私は確認も反蚌もできたせん。

Formを新しいAPIに移行したすが、 field-formのバヌゞョンが䞍安定であるこずがわかったので、将来、これらのむンタヌフェヌスで重倧な倉曎が行われるかどうかを知りたいず思いたす。

@orzyyyy 、
antdは、瀟䌚的および内郚のボランティアがテストできるように、 4.0-alpha.xバヌゞョンをリリヌスしたす。 アルファ版からの吊定的なフィヌドバックがない堎合、このAPIはリリヌス時の最埌のAPIになりたす。

@ avalanche1 @ant-design/icons v4-alphaバヌゞョンはツリヌシェむクをサポヌトしおいるため、バンドルサむズは、アむコンを内郚的にむンポヌトするantdコンポヌネントを䜿甚するか、 @ant-design/iconsを䜿甚するかにかかわらず、プロゞェクトで䜿甚したアむコンの量によっお異なりたす。

最初の投皿がボタン、カレンダヌ、その他のコンポヌネントに関するものだったのに、なぜアむコンに぀いお話しおいるのですか https://github.com/ant-design/ant-design/issues/9419

DatePickerの倀はモヌメントである必芁がありたすが、モヌメントを削陀できたすか fromを曎新する堎合は、モヌメントに倉換する必芁がありたす

moment 、これが私の考察です。 DatePickerは、互換性芁件以降、デフォルトでmoment匕き続き䜿甚したすが、他のdatelibで䜜成するファクトリ関数を提䟛したす。

import DatePicker, { createPicker } from 'antd/lib/date-picker';

import dayjs from 'dayjs';

const basicDemo = <DatePicker />

const MyDatePicker = createPicker(dayjs, {
  // Some proxy function, maybe can provided by default...
  format(dayObj, formatStr) {
    return ...;
  },
  parse(str, formatStr) {
    return ...;
  },
});

const dayDemo = <MyDatePicker />;

考えただけで、議論を歓迎したす。

今がmoment.jsを取り陀く時です

  1. Moment.jsは、耇雑なOOP APIであるため、ツリヌシェむク可胜になるたせん。 圌らはそれを最初から曞き盎す必芁があるでしょう。 これは、antdずナヌザヌにずっお倧きなオヌバヌヘッドです。

  2. Ant Design v4はメゞャヌリリヌスであり、すでに重倧な倉曎が加えられおいたす。 今がその時だ

  3. 別のラむブラリに眮き換えないこずをお勧めしたす。 Antdは、内郚でdayjsやdate-fnsような小さなものを䜿甚する堎合がありたすが、そのコンポヌネントにはネむティブのDateオブゞェクトたたは文字列を受け入れる必芁がありたす。

moment()を呌び出すたびに、子犬は死にたす。

犬

@zombieJは、テヌブルコンポヌネントの進行状況を知りたいのですが、フォヌムのようなプレビュヌバヌゞョンはありたすか党郚でほずんど嘔吐したした😂

アルファ版にはすでに新しいテヌブルが含たれおいたすか もしそうなら、プレビュヌりェブサむトはそれの䟋を含むべきですか

テヌブルはキュヌにありたす。珟圚、仮想リストで䜜業しおいたす。

スタむル付きコンポヌネントのサポヌトはどうですか

フォヌムのinitialValuesはmoment蚭定したせん。 https://github.com/react-component/field-form/blob/master/src/interface.ts#L7

Formが、Excelのような倧きなフォヌムのパフォヌマンスの問題を解決するための制埡されおいないバヌゞョンを提䟛できるこずを願っおいたす。

アルファ版のドキュメントを通垞のAntドキュメントサむトに移動できる可胜性はありたすか

私の雇甚䞻はNetlifyドメむンをブロックしおおり、他の人も同様にブロックしおいるず思いたす。

メニュヌずドロップダりンでのキヌボヌド操䜜をサポヌトする具䜓的な蚈画はありたすか

アルファ版のドキュメントを通垞のAntドキュメントサむトに移動できる可胜性はありたすか

私の雇甚䞻はNetlifyドメむンをブロックしおおり、他の人も同様にブロックしおいるず思いたす。

どうしお 笑

TableコンポヌネントがElementのTableコンポヌネントに䌌おいるこずが望たれたす。各列が最初に自動的に幅を蚭定したす。テヌブルのヘッダヌ文字を行倉曎ではなくmin-widthに倉曎するこずをお勧めしたす。折り畳みが望たれたす。スクロヌル機胜ずスクロヌル機胜を同時に䜿甚できたす。耇数遞択した堎合、ツリヌ型のテヌブルがTreeSelectに䌌おいるこずが望たれたす。

TableコンポヌネントがElementのTableコンポヌネントのようになるこずを願っおいたす。各列は最初に幅で自動的に蚭定されたす。テヌブルヘッドの文字を折り返さずに最小幅に倉曎するこずをお勧めしたす。折りたたみ機胜ずスクロヌル機胜を同時に䜿甚できるこずを願っおいたす。耇数の遞択を行うずきにツリヌテヌブルが䜿甚されるこずを願っおいたす。 、TreeSelectに類䌌するこずができたす

v4たたはおそらくv5で、カスタマむズに぀いお䜕かをする可胜性はありたすか MaterialUIはカスタマむズがはるかに簡単で、AntDの方がはるかに完成床が高いため、本圓に䜿甚したい堎合でも、䜜業䞭のプロゞェクトに遞択できたす。
カスタマむズのためにより良いもののためにドロップを少なくしおください。

代理店にantdWebアプリのテストを䟝頌した埌、圌らは深刻なアクセシビリティの欠陥を特定し、可胜な限り最悪の成瞟を埗たした。 䞻な理由を調査するず、次のrcコンポヌネントに芁玄されたす。

  • rc-selectDownshiftに眮き換えお、antdスタむルを䞊に適甚する必芁がありたした
  • rc-tabs18798を参照
  • そしお倚分私達が今たで䜿甚しない他のもの

antdはrcコンポヌネントに察しおどの皋床のガバナンスを持っおおり、チヌムは4.0リリヌスでこれをタむムリヌに修正できたすか アクセシビリティは垞に比范的優先順䜍が䜎くなりたすが、実際には、䌁業が埓業員/顧客にアクセシブルなアプリを提䟛するこずが法的に矩務付けられるようになるに぀れお、アクセシビリティを無芖するこずはたすたす難しくなっおいたす。

スクリヌンリヌダヌを䜿甚したいく぀かの重いテストず、ベストプラクティスに察するベンチマヌクに぀いお私を数えるこずができたす。

MaterialUIはカスタマむズがはるかに簡単です

@murbanowicz詳しく教えおいただけたすか なぜそう思うのか気になりたす。

@abenhamdine問題ありたせん
MUIにはThemeProviderあり、アプリをラップしお、TypeScriptで入力されたJSオブゞェクトだけでテヌマ党䜓を構成するので、䜜業がずおも䟿利です。

AntDをカスタマむズするには、LESSたたはSASS䞀郚のプラグむンを䜿甚をいじる必芁があるため、他のdepなどを維持する必芁がありたす。コンポヌネントの゜ヌスを調べお、特定のコンポヌネントなどに倉曎する倉数を芋぀ける必芁がありたす。
たた、サヌバヌなどから簡単に入手できるJSオブゞェクトを切り替えるだけでは、MUIで簡単に実行時にテヌマを倉曎する良い方法はありたせん。

基本的に、AntDずMUIのカスタマむズを探すずき、MUIは簡単なので話すこずがないので簡単な䟋を芋぀けたすが、AntDのカスタマむズをグヌグルで怜玢するず、ハッキヌな゜リュヌションなどがたくさん芋぀かりたす。

私はAntDの完成床ず非垞に倚くの優れたコンポヌネントが倧奜きですが、カスタマむズは非垞に悪く、私の経隓ず他の開発者ずの話し合いに基づいお、ロヌドマップの重芁なポむントの1぀になるはずです。

@abenhamdine問題ありたせん
MUIにはThemeProviderあり、アプリをラップしお、TypeScriptで入力されたJSオブゞェクトだけでテヌマ党䜓を構成するので、䜜業がずおも䟿利です。

AntDをカスタマむズするには、LESSたたはSASS䞀郚のプラグむンを䜿甚をいじる必芁があるため、他のdepなどを維持する必芁がありたす。コンポヌネントの゜ヌスを調べお、特定のコンポヌネントなどに倉曎する倉数を芋぀ける必芁がありたす。
たた、サヌバヌなどから簡単に入手できるJSオブゞェクトを切り替えるだけでは、MUIで簡単に実行時にテヌマを倉曎する良い方法はありたせん。

基本的に、AntDずMUIのカスタマむズを探すずき、MUIは簡単なので話すこずがないので簡単な䟋を芋぀けたすが、AntDのカスタマむズをグヌグルで怜玢するず、ハッキヌな゜リュヌションなどがたくさん芋぀かりたす。

私はAntDの完成床ず非垞に倚くの優れたコンポヌネントが倧奜きですが、カスタマむズは非垞に悪く、私の経隓ず他の開発者ずの話し合いに基づいお、ロヌドマップの重芁なポむントの1぀になるはずです。

明確で正確な説明、thx

@abenhamdine問題ありたせん
MUIにはThemeProviderあり、アプリをラップしお、TypeScriptで入力されたJSオブゞェクトだけでテヌマ党䜓を構成するので、䜜業がずおも䟿利です。

AntDをカスタマむズするには、LESSたたはSASS䞀郚のプラグむンを䜿甚をいじる必芁があるため、他のdepなどを維持する必芁がありたす。コンポヌネントの゜ヌスを調べお、特定のコンポヌネントなどに倉曎する倉数を芋぀ける必芁がありたす。
たた、サヌバヌなどから簡単に入手できるJSオブゞェクトを切り替えるだけでは、MUIで簡単に実行時にテヌマを倉曎する良い方法はありたせん。

基本的に、AntDずMUIのカスタマむズを探すずき、MUIは簡単なので話すこずがないので簡単な䟋を芋぀けたすが、AntDのカスタマむズをグヌグルで怜玢するず、ハッキヌな゜リュヌションなどがたくさん芋぀かりたす。

私はAntDの完成床ず非垞に倚くの優れたコンポヌネントが倧奜きですが、カスタマむズは非垞に悪く、私の経隓ず他の開発者ずの話し合いに基づいお、ロヌドマップの重芁なポむントの1぀になるはずです。

私は@murbanowiczに同意しAntdを䜿甚したカスタマむズが少し厄介になる可胜性があるこずですグロヌバルスタむルのリヌク、Sassのハッキヌな䜿甚方法、スタむルオヌバヌラむド間の優先順䜍の競合、 momentなどの倖郚䟝存関係が非垞に倚く、バンドルサむズが非垞に倧きくなりたす、しかしMUIを長い間䜿甚しおきたので、Antdの方がはるかにカスタマむズ可胜だず思いたす。

私はMUIの新しいリリヌスに぀いお最新ではありたせんが、前回チェックしたずきに、開発者がclassNames远加しなかった堎合、MUIはstyled-components䜿甚するため、カスタマむズできないコンポヌネントの䞀郚がありたした。 classNamesどこでも、コンポヌネントの正確なclassNameを遞択しお、独自のスタむルでオヌバヌラむドするこずはできたせん。
テヌマはラむブラリを盎接䜿甚するのに䟿利ですが、スタむルをデザむンシステムに適合させたい堎合は、MUIが非垞に面倒で、䞍可胜な堎合もありたす;

しかし、それでも、 antdは、カスタマむズ゚クスペリ゚ンスを簡単にするために実際にいく぀かの䜜業が必芁です;

@filipjnc 、
rc-selectは、アクセシビリティを匷化するアルファ版をリリヌスしたした。 あなたはそれをテストするのを手䌝うこずができたす。 そしお、v4prepareブランチはそれを䜿甚しおいたす。䞊郚にプレビュヌが衚瀺されたす。
rc-tabsの堎合、最優先事項ではないため、埌で匷化したす。

@zombieJわかりたした、 rc-selectアルファを芋おみたしょう。

rc-tabsは優先事項ではありたせんが、アクセシビリティテストの結果から最も重芁なポむントを修正するプルリク゚ストをご芧ください。

ここで問題がありたす。珟圚のアむコンリフォヌム方法によるず、antdコンポヌネントのフォヌムずアむコンがある堎合
フォヌムが同時に導入された堎合、゚むリアスを1぀だけ指定できたすか

@zkwolfはい、アむコンの名前を倉曎しおいたす https 

cc @vagusX

䞀定のフォヌムの再レンダリング

https://next.ant.designでは、コンポヌネントはコンポヌネントサむドバヌでアルファベット順に゜ヌトされおいないこずに泚意しお
Schermata 2019-09-30 alle 18 01 03

ご存知かもしれたせんが、ant-designはアクセシビリティの点であたりうたくいっおいたせん。 これは倧倚数の人にずっお衚面䞊はあたり目立たないですが、深く朜るずきは倧きな問題です。 ant-designのスコアがかなり悪いこずをここで確認しおください https 

幞いなこずに、私はant-designが倧奜きで、゚ンタヌプラむズプロゞェクトでさらに䜿甚する぀もりなので、リストの䞀番䞊に衚瀺するこずを目暙ずしおいたす。

私は、ドむツのクラむアント向けに゚ンタヌプラむズアプリの1぀を代理店にテストさせたした倧䌁業ではアクセシビリティが倧きなトピックです。 最も重芁なこずは次のずおりです。

  1. 遞択、オヌトコンプリヌト、タブなどの基本的で重芁なコンポヌネントのスクリヌンリヌダヌのアクセシビリティ
  2. 倚くの堎所で色のコントラスト
  3. いく぀かの堎所でのキヌボヌドナビゲヌション

アクセシビリティの問題をすべお修正するためのクむックりィンずしお、最初にrc-tabsたした。たもなくリリヌスされる予定ですhttps://github.com/react-component/tabs/pull/218。 しかし、私が最も心配しおいるのは、 rc-select 、特にそのコンボボックスオヌトコンプリヌト郚分です。 コンボボックスは、スクリヌンリヌダヌのアクセシビリティの最も難しい偎面の1぀であり、間違えやすいです。 すべおの問題を修正するには、ariaプロパティの埮調敎だけでなく、倧幅なオヌバヌホヌルが必芁です。

皌働前にアプリケヌションですばやく修正するために、ant-designのSelectずAutoComplete rc-select をhttps://github.com/downshift-js/downshiftに基づく独自のコンポヌネントに眮き換えたした

したがっお、挑発的な質問は次のずおりです。二重䜜業を行わず、 rc-selectを非掚奚にしお、より人気のある完党なdownshiftラむブラリを優先したすか チヌムで時間を節玄し、オヌプン゜ヌス垂堎で優れた代替手段がない他のコアコンポヌネントの完成に集䞭するこずができたす。

このアむデアは私には玠晎らしいように芋えたす@filipjnc 。 たた、ダりンシフトはrc-selectのサむズの1/4です。 antdチヌムがこれを実行できるこずを願っおいたす。

4.0リリヌスでさらに色が改善されるこずを望んでいたす。 具䜓的には、ドキュメントには、ダッシュボヌドやその他のデヌタ量の倚いアプリケヌションで非垞に圹立぀「デヌタ芖芚化カラヌパレット近日公開」が蚘茉されおいたす。 暖かくお涌しい灰色は、よりたずたりのあるカラヌパレットを構築するのにも圹立ちたす。 さらに、アクセシビリティのために色のコントラストを修正する良い機䌚です@filipjncで蚀及されおいたす。 良い仕事を続けおください👍

ご存知かもしれたせんが、ant-designはアクセシビリティの点であたりうたくいっおいたせん。 これは倧倚数の人にずっお衚面䞊はあたり目立たないですが、深く朜るずきは倧きな問題です。 ant-designのスコアがかなり悪いこずをここで確認しおください https 

幞いなこずに、私はant-designが倧奜きで、゚ンタヌプラむズプロゞェクトでさらに䜿甚する぀もりなので、リストの䞀番䞊に衚瀺するこずを目暙ずしおいたす。

私は、ドむツのクラむアント向けに゚ンタヌプラむズアプリの1぀を代理店にテストさせたした倧䌁業ではアクセシビリティが倧きなトピックです。 最も重芁なこずは次のずおりです。

1. Screen reader accessibility for basic but crucial components like Select, Autocomplete and Tabs

2. Color contrasts in many places

3. Keyboard navigation in some places

アクセシビリティの問題をすべお修正するためのクむックりィンずしお、最初にrc-tabsしたした。たもなくリリヌスされるはずです rc-select 、特にそのコンボボックスオヌトコンプリヌト郚分です。 コンボボックスは、スクリヌンリヌダヌのアクセシビリティの最も難しい偎面の1぀であり、間違えやすいです。 すべおの問題を修正するには、ariaプロパティの埮調敎だけでなく、倧幅なオヌバヌホヌルが必芁です。

皌働前にアプリケヌションですばやく修正するために、ant-designのSelectずAutoComplete rc-select をhttps://github.com/downshift-js/downshiftに基づく独自のコンポヌネントに眮き換えたした

したがっお、挑発的な質問は、二重䜜業を行わず、より人気のある完党なdownshiftラむブラリを優先しお、 rc-selectを廃止するこずを怜蚎したすか チヌムで時間を節玄し、オヌプン゜ヌス垂堎で優れた代替手段がない他のコアコンポヌネントの完成に集䞭するこずができたす。

ダりンシフトに぀いおはそれほど熱心ではありたせん。https//github.com/downshift-js/downshift/issues/730を参照しお
䞀郚のナヌザヌにずっおアクセシビリティは重芁ですが、さらに倚くのナヌザヌにずっおはパフォヌマンスが重芁です。

テヌブルはキュヌにありたす。珟圚、仮想リストで䜜業しおいたす。

こんにちは、@ zombieJ
サマリヌフッタヌに進展はありたすか

@ alexchen1875 、
新しいラむフサむクルコヌドの曎新を保留䞭です。 テヌブルは完了埌の次です:)

4.0䞀郚の小道具パラメヌタヌをラクダケヌスに倉曎できたすか䟋えば、 Input.TextAreaでautosizeに倉曎autoSize 
ReactのネむティブHTMLタグの小道具はすべお、 <input autoComplete />などのラクダの堎合であり、このautosize垞に䞍䞀臎に芋えたす。 。 。

3.xで倉曎でき、元の䜿甚法ず互換性があり、砎棄できたす。 @ jinliming2 PRに興味がありたすか

  • 4.0 Treeのprops.childrenを叀いapiずしおマヌクし、代わりにtreeDataの玔粋なデヌタメ゜ッドを掚奚する理由props.childrenは非垞に䟿利で、非垞にプレむしやすいず思いたす。
  • ComponentWillReceivePropsは、reactの最新のapiで廃止ずしおマヌクされおいたす。珟圚、詊甚期間䞭、テヌブルコンポヌネントずAnimateコンポヌネントがただ存圚しおいるこずがわかりたした。

アクセシビリティのための+1。 お願いしたす

クリアアむコンのサむズの問題ず蚀えば、他のコンポヌネントのアむコンは12px、日付ピッカヌは14pxのようですが、他のコンポヌネントのクリアアむコンずサフィックスアむコンのサむズの違いは考慮されおいたすか、それずも日付ピッカヌがアむコンスむッチであるため14pxですかサむズを統䞀する予定はありたすか

@zombieJは、テヌブルの耇数列の䞊べ替え機胜を远加する予定です

plsは英語で曞く

モヌメントサむズが倧きすぎるずいう問題は修正されたすか

モヌメントサむズが倧きすぎるずいう問題は修正されたすか

最初にdayjsを䜿甚しおみおください

英語でもいいですか倖囜人の気持ちを考えお、い぀もグヌグル翻蚳しおいたす。文法が暙準的でないこずは重芁ではなく、蚀葉が理解できるのです。

@ afc163
倖囜人がこのレポをフォロヌしおいるず思いたしたか 残念ながら、Google翻蚳はあなたが蚀っおいるこずを理解するための良いツヌルではありたせん。 Ant-Designの開発者ずナヌザヌのほずんどは䞭囜人だず思いたすが、䞭囜人以倖の人も考えおいたすか
したがっお、私たち党員を尊重するために囜際語を䜿甚するこずをお勧めしたす。

こんにちは、
create-react-appずTypescriptを䜿っおAntDesign4.0を詊しおみたかったのです。
https://next.ant.design/docs/react/introduceの指瀺に埓いたしたが、動䜜するアプリを取埗できたせん。
create-react-appの基本的な指瀺 import Button from 'antd/es/button'; に埓うず、゚ラヌが発生したす。

モゞュヌルantd / es / buttonが芋぀かりたせん

react-app-rewired、customize-cra、babel-plugin-importを远加し、むンポヌトをimport {Button} from 'antd'埌、゚ラヌメッセヌゞが衚瀺されたす。

モゞュヌル 'antd'の宣蚀ファむルが芋぀かりたせんでした

antd4をcrea-react-appずtypescriptで動䜜させる方法に぀いおアドバむスをいただけたすか

@gynekolog 、
node_modules正しくむンストヌルされおいるかどうかを確認しおください。

参照https://codesandbox.io/s/cool-paper-4y1u7

@lvlohammadi残念ながら、私のような䞭囜人の䞭には英語が苊手な人もいたすが、コミュニティのコミュニケヌションに参加するために囜際語を䜿うように最善を尜くしたす。

@gynekolog 、
node_modules正しくむンストヌルされおいるかどうかを確認しおください。

参照https://codesandbox.io/s/cool-paper-4y1u7

あなたが正しい。 走る

yarn add "https://github.com/ant-design/ant-design.git#4.0-prepare"

代わりに

yarn add "[email protected]"

恥...
ありがずうございたした。

dropdownMatchSelectWidth on Selectコンポヌネントブレヌクアルファバヌゞョン、以前のバヌゞョンで有効

antdを䜿甚しお新しいプロゞェクトを開始する堎合、バヌゞョン3たたは4のアルファを遞択したすか バヌゞョン4はどの皋床「本番環境に察応」しおいたすか ただq4リリヌスを目指しおいたすか

antdを䜿甚しお新しいプロゞェクトを開始する堎合、バヌゞョン3たたは4のアルファを遞択したすか バヌゞョン4はどの皋床「本番環境に察応」しおいたすか ただq4リリヌスを目指しおいたすか

Antd4はただ本番環境に察応しおいたせん。 antd 3から始める必芁がありたす特に、codemodが期埅どおりに提䟛されおいる堎合。

ロゞックず衚瀺が完党に分離されおいるこずを期埅しおいたす。぀たり、クラス名を操䜜する以倖に、jsはビュヌに察しお䜕もしたせん。 倖芳はすべおCSSLESSで凊理する必芁がありたす。 たた、Reactコンポヌネントの代わりに、Webコンポヌネントを䜿甚しお、React以倖の開発者がより簡単に䜿甚できるようにするこずもできたす。

ロゞックず衚瀺が完党に分離されおいるこずを期埅しおいたす。぀たり、クラス名を操䜜する以倖に、jsはビュヌに察しお䜕もしたせん。 倖芳はすべおCSSLESSで凊理する必芁がありたす。 たた、Reactコンポヌネントの代わりに、Webコンポヌネントを䜿甚しお、React以倖の開発者がより簡単に䜿甚できるようにするこずもできたす。

すべおを浄化するずいうこの考えは無意味だず思いたす。 もっず重芁なこずに焊点を圓おたほうがいいです。

https://react-select.comのように、オヌトコンプリヌトで耇数遞択する予定はあり

ロゞックず衚瀺が完党に分離されおいるこずを期埅しおいたす。぀たり、クラス名を操䜜する以倖に、jsはビュヌに察しお䜕もしたせん。 倖芳はすべおCSSLESSで凊理する必芁がありたす。 たた、Reactコンポヌネントの代わりに、Webコンポヌネントを䜿甚しお、React以倖の開発者がより簡単に䜿甚できるようにするこずもできたす。

すべおを浄化するずいうこの考えは無意味だず思いたす。 もっず重芁なこずに焊点を圓おたほうがいいです。

分離以䞊に差し迫った問題はないず思いたす。 チヌムでは、CSSは通垞蚭蚈者によっお凊理されたすが、JSは通垞コヌダヌによっお凊理されたす。 䞡方がスタむルを操䜜できるようにするず、混乱が生じ、開発時間が䞍必芁に倱われたす。

メニュヌを䟋にずるず、デフォルトの幅ず高さはJSによっお蚭定されたす。問題は、誰かがアりタヌラッパヌの幅たたは高さを倉曎したいずきに、メニュヌがはみ出すか、隙間があるこずです。 これには、蚭蚈者ずコヌダヌの䞡方が修正する必芁があり、これはダりンタむムを意味したす。

たた、コンポヌネントずしお、コヌドはそれほど耇雑ではなく、分離にそれほど劎力をかける必芁はありたせんが、その結果、ナヌザヌずant.designチヌム自䜓の䜜業がはるかに楜になりたす。

もう1぀の小さな問題ずしお、Iconはデフォルトで16pxにする必芁がありたす。これは、グロヌバルなデフォルトのフォントサむズである14pxではありたせん。 ぀たり、Iconは、テキストずは別に、@ default-icon-size、@ icon-size-lgなどの倉数を䜿甚する必芁がありたす。 これは実際にはバグではありたせんが、機胜が倱われおいたす。

@ afc163
倖囜人がこのレポをフォロヌしおいるず思いたしたか 残念ながら、Google翻蚳はあなたが蚀っおいるこずを理解するための良いツヌルではありたせん。 Ant-Designの開発者ずナヌザヌのほずんどは䞭囜人だず思いたすが、䞭囜人以倖の人も考えおいたすか
したがっお、私たち党員を尊重するために囜際語を䜿甚するこずをお勧めしたす。

人々は自分の蚀語を䜿甚する暩利があり、そうするこずを快適に感じるはずです。翻蚳を提䟛するこずによっお可胜な限り倚くの聎衆を巻き蟌む努力を尊重する限り、圌が最も快適な蚀語を䜿甚するためだけに講矩を行うべきではありたせん。メンテナがコミュニケヌションするこずを理解しおいるこず。 このプロゞェクトの䞻芁な貢献者が、他の蚀語が優れおいるこずを䌝えるために母囜語を䜿甚すべきではないずいう考えは、ばかげたこずを超えおいたす。 翻蚳を䟝頌するこずは問題ありたせんが、敬意を衚しおください。 䞭囜語であるために回答に反察祚を投じるこずは、逆効果であり、幌皚です。

おい、 And Designバヌゞョン4.0にはCSSを生成するための_Less_の代わりにJSSがありたすか

おい、 And Designバヌゞョン4.0にはCSSを生成するための_Less_の代わりにJSSがありたすか

AFAIK、いいえ。 ただし、lessに加えおたずえばstyled-componentsを䜿甚しおみるこずができたす。

おかげで、芪愛なる@ tomgao365 、私はあなたがそれを参照した問題を䜜成したす。 Lessを完党に削陀し、代わりにJSSを䜿甚するための優れたPRを䜜成したいず思いたす。バヌゞョン3を䜿甚しお倚くのプロゞェクトが䜜成されたため、バヌゞョン3での䜜業はお

たた、 @ abenhamdine様、少し質問がありたすJSSを䜿甚するこずに぀いおどう思いたすか

たた、 @ abenhamdine様、少し質問がありたす

私によるず䞻な利点

  • ダむナミックなスタむリング痛みが少ない
  • オヌトコンプリヌト䜿甚するツヌル/ JSSラむブラリによっお異なりたす
  • スタむルの継承

詊す䟡倀がありたす。
しかし、それは特効薬ではありたせん。

@abenhamdine様、 Discussionバッゞを取埗した問題を残したした。 19181です。

そしお、JSSの実装を開始し、Lessを省略したいのですが、新しいバヌゞョンが登堎し、すべおの努力が無駄になるのではないかず心配しおいたす。

ここhttps://github.com/ant-design/ant-design/issues/19738で、 moment.jsをDay.jsやネむティブのDateObjectなどの代替に眮き換えるこずに぀いおの議論を芋おうれしいです

バヌゞョン4でcreate-react-appを䜿甚しおカラヌテヌマを倉曎する簡単な方法はありたすか

@flashthemanに同意したす。倉数を少なくしお䜜業する必芁なしにテヌマをオヌバヌラむドするずよいでしょう。぀たり、感情からのThemeProviderのようなものです https //emotion.sh/docs/theming

jQueryの時代には、テヌマ蚭定は非垞に人気があり、ナヌザヌはそれを䜿甚するこずを奜みたす。
実皌働環境でテヌマを簡単に倉曎できる方法を2幎以䞊埅っおいたした。

新しいバヌゞョンのアむコンコンポヌネントでは、アむコンが動的に決定される堎合、新しいバヌゞョンでどのように凊理する必芁がありたすか圓面はrequire + variable文字列の䜿甚しか考えられたせんが、type属性のみに倉数を入力する必芁があるこずがわかりたした。他に察凊する方法はありたすか
google translateアむコンコンポヌネントの新しいバヌゞョンでは、アむコンが動的に決定される堎合、新しいバヌゞョンでの凊理方法は、圓面はrequire +倉数文字列しか考えられず、元の文字列を入力するだけで枈みたす。倉数を持぀type属性、他にどのような凊理方法がありたすか

新しいバヌゞョンのアむコンコンポヌネントでは、アむコンが動的に決定される堎合、新しいバヌゞョンでどのように凊理する必芁がありたすか圓面はrequire + variable文字列の䜿甚しか考えられたせんが、type属性のみに倉数を入力する必芁があるこずがわかりたした。他に察凊する方法はありたすか
google translateアむコンコンポヌネントの新しいバヌゞョンでは、アむコンが動的に決定される堎合、新しいバヌゞョンでの凊理方法は、圓面はrequire +倉数文字列しか考えられず、元の文字列を入力するだけで枈みたす。倉数を持぀type属性、他にどのような凊理方法がありたすか

Reactのドキュメントで掚奚されおいるhttps://github.com/smooth-code/loadable-componentsを詊しお

公匏版はい぀リリヌスされたすか

4.0テヌブルはピボット機胜をサポヌトしおいたすか

@ afc163-グロヌバルスタむルの汚染は、人々が新しいリリヌスで望んでいる䞀番の問題のようです。 これに取り組む人はいたすか 私はこの仕事をしお助けおいただければ幞いです。 それは難しいこずではなく、少し努力するだけです。 私もAntDesignでこの問題に苊しんでいたす。 解決したいのですが。

コンポヌネントサむズを瞮小するために行われおいる䜜業はありたすか
䞀床だけ単玔なButton必芁な堎合-antd.cssファむル党䜓をむンポヌトする必芁があるのはなぜですか

コンポヌネントサむズを瞮小するために行われおいる䜜業はありたすか
䞀床だけ単玔なButton必芁な堎合-antd.cssファむル党䜓をむンポヌトする必芁があるのはなぜですか

@ avalanche1https  //ant.design/docs/react/introduce#Usageを参照しおください

モゞュヌル化されたantdを䜿甚する

私にずっお、アップロヌドコンポヌネントは、カスタムリストレンダリングのサポヌトをサポヌトするのに十分ではありたせん。
さらに、アップロヌドの進行状況はほんの䞀郚であり、リアルタむムの速床衚瀺をサポヌトするために拡匵するのは䟿利ではありたせん。

@ banxi1988

https://github.com/ant-design/ant-design/blob/c824569ea0810e2cf11bc2953b333eb0e404fd1c/components/upload/interface.tsx#L47 -L52

速床を衚瀺したい堎合、onChangeはアップロヌドされたファむルのパヌセンテヌゞを返したした。 アップロヌド速床を蚈算できたす。

@ Z3SA https://caniuse.com/#search = CSS20Variables。 これはすべおのIEサポヌトを停止する必芁がありたす。IE11サポヌトの停止は過激すぎたすが、私もそうするこずをサポヌトしおいたす。

フォヌルバックサポヌトを䜿甚しおこれを行うこずもできたす。 䟋 color: var(--red, @red);珟圚のすべおの倉数の単玔なグロヌバル怜玢/眮換でこれを解決できたす。

SASSたたは他のより良いスタむリング゜リュヌションをv4で怜蚎するこずを支持しお、LESSを削陀しおいたすか

@murbanowicz 、こんにちは、コメントありがずうJSS代わりにLess JSSを䜿甚するこずに぀いお問題を残したした。ここでは、この移行の準備ができおいるこずを瀺しおいたすが、誰もアクションを瀺しおいたせん。

こんにちは@ zombieJ 、Ant Designでの玠晎らしい仕事に感謝したすか アプリケヌションでダヌクテヌマを切り替えるためのすぐに䜿える方法を提䟛する蚈画はありたすか

フォヌムコンポヌネントに関する提案
新しい4.0バヌゞョンでは、フォヌムコンポヌネントが開発者にずっおより䜿いやすいものになるこずを非垞に嬉しく思いたす。新しい䟋を芋たした。Formコンポヌネントの䞋にあるForm.Itemコンポヌネントは、getFieldDecoratorを䜿甚する必芁がなくなりたす。これは非垞に優れた改善ですが、もっず根本的な提案がありたす。Form.Itemコンポヌネントを削陀し、コヌディング゚クスペリ゚ンスをさらに最適化し、コヌディングをより新鮮にしたす。 Form.Itemコンポヌネントの元の機胜は、特定の入力コンポヌネントInput、DataPickなどに盎接転送されたす。
これは、ほずんどの堎合、開発されたフォヌムがantdの組み蟌み入力コンポヌネントを䜿甚するこずを考慮に入れおいたす。これらは、入力コンポヌネントの機胜を匷化するこずによっおForm.Itemコンポヌネントの機胜を実珟する資栌がありたす。たた、いく぀かの特殊なケヌスナヌザヌ自身などの堎合も同様です。コンポヌネントを定矩したす。特定の入力コンポヌネントはフォヌムにバむンドされたくない堎合、指瀺甚に特別なパッケヌゞコンポヌネントを提䟛できたす。
antdの研究は詳现ではなく、䞀般ナヌザヌの芖点からのアピヌル提案のみです。䜕かおかしいこずがあれば、ハむハンにお願いしたす。

フォヌムコンポヌネントに関する提案
新しい4.0バヌゞョンでは、フォヌムコンポヌネントが開発者にずっおより䜿いやすいものになるこずを非垞に嬉しく思いたす。新しい䟋を芋たした。Formコンポヌネントの䞋にあるForm.Itemコンポヌネントは、getFieldDecoratorを䜿甚する必芁がなくなりたす。これは非垞に優れた改善ですが、もっず根本的な提案がありたす。Form.Itemコンポヌネントを削陀し、コヌディング゚クスペリ゚ンスをさらに最適化し、コヌディングをより新鮮にしたす。 Form.Itemコンポヌネントの元の機胜は、特定の入力コンポヌネントInput、DataPickなどに盎接転送されたす。
これは、ほずんどの堎合、開発されたフォヌムがantdの組み蟌み入力コンポヌネントを䜿甚するこずを考慮に入れおいたす。これらは、入力コンポヌネントの機胜を匷化するこずによっおForm.Itemコンポヌネントの機胜を実珟する資栌がありたす。たた、いく぀かの特殊なケヌスナヌザヌ自身などの堎合も同様です。コンポヌネントを定矩したす。特定の入力コンポヌネントはフォヌムにバむンドされたくない堎合、指瀺甚に特別なパッケヌゞコンポヌネントを提䟛できたす。
antdの研究は詳现ではなく、䞀般ナヌザヌの芖点からのアピヌル提案のみです。䜕かおかしいこずがあれば、ハむハンにお願いしたす。

@shengliangliは、結合が匷すぎるず感じおいたす。 。 。

フォヌムコンポヌネントに関する提案
新しい4.0バヌゞョンでは、フォヌムコンポヌネントが開発者にずっおより䜿いやすいものになるこずを非垞に嬉しく思いたす。新しい䟋を芋たした。Formコンポヌネントの䞋にあるForm.Itemコンポヌネントは、getFieldDecoratorを䜿甚する必芁がなくなりたす。これは非垞に優れた改善ですが、もっず根本的な提案がありたす。Form.Itemコンポヌネントを削陀し、コヌディング゚クスペリ゚ンスをさらに最適化し、コヌディングをより新鮮にしたす。 Form.Itemコンポヌネントの元の機胜は、特定の入力コンポヌネントInput、DataPickなどに盎接転送されたす。
これは、ほずんどの堎合、開発されたフォヌムがantdの組み蟌み入力コンポヌネントを䜿甚するこずを考慮に入れおいたす。これらは、入力コンポヌネントの機胜を匷化するこずによっおForm.Itemコンポヌネントの機胜を実珟する資栌がありたす。たた、いく぀かの特殊なケヌスナヌザヌ自身などの堎合も同様です。コンポヌネントを定矩したす。特定の入力コンポヌネントはフォヌムにバむンドされたくない堎合、指瀺甚に特別なパッケヌゞコンポヌネントを提䟛できたす。
antdの研究は詳现ではなく、䞀般ナヌザヌの芖点からのアピヌル提案のみです。䜕かおかしいこずがあれば、ハむハンにお願いしたす。

@shengliangliは、結合が匷すぎるず感じおいたす。 。 。

Form.Itemは、Formコンポヌネントのデヌタバむンディング機胜を実珟するためにantdによっお远加された「远加」コンポヌネントだず思いたす。この実珟には理由がありたすが、結局のずころ、远加のものが远加されたす。誰もがreduxのモゞュラヌコヌドが倚すぎるずいう問題を批刀しおいるように、開発者はこの曞き方を奜たないかもしれたせん。 form.itemによっお実装されるデヌタバむンディング機胜が、入力コンポヌネントの機胜を匷化するために、入力などの入力コンポヌネントの特性ずしお理解できる堎合、それはより自然に感じたすか

カップリングの問題に぀いおも考えたした。問題の根本は、入力コンポヌネントの機胜ず動䜜特性をどのように定矩するかにあるのかもしれたせん。

フォヌムコンポヌネントに関する提案
新しい4.0バヌゞョンでは、フォヌムコンポヌネントが開発者にずっおより䜿いやすいものになるこずを非垞に嬉しく思いたす。新しい䟋を芋たした。Formコンポヌネントの䞋にあるForm.Itemコンポヌネントは、getFieldDecoratorを䜿甚する必芁がなくなりたす。これは非垞に優れた改善ですが、もっず根本的な提案がありたす。Form.Itemコンポヌネントを削陀し、コヌディング゚クスペリ゚ンスをさらに最適化し、コヌディングをより新鮮にしたす。 Form.Itemコンポヌネントの元の機胜は、特定の入力コンポヌネントInput、DataPickなどに盎接転送されたす。
これは、ほずんどの堎合、開発されたフォヌムがantdの組み蟌み入力コンポヌネントを䜿甚するこずを考慮に入れおいたす。これらは、入力コンポヌネントの機胜を匷化するこずによっおForm.Itemコンポヌネントの機胜を実珟する資栌がありたす。たた、いく぀かの特殊なケヌスナヌザヌ自身などの堎合も同様です。コンポヌネントを定矩したす。特定の入力コンポヌネントはフォヌムにバむンドされたくない堎合、指瀺甚に特別なパッケヌゞコンポヌネントを提䟛できたす。
antdの研究は詳现ではなく、䞀般ナヌザヌの芖点からのアピヌル提案のみです。䜕かおかしいこずがあれば、ハむハンにお願いしたす。

@shengliangliは、結合が匷すぎるず感じおいたす。 。 。

Form.Itemは、Formコンポヌネントのデヌタバむンディング機胜を実珟するためにantdによっお远加された「远加」コンポヌネントだず思いたす。この実珟には理由がありたすが、結局のずころ、远加のものが远加されたす。誰もがreduxのモゞュラヌコヌドが倚すぎるずいう問題を批刀しおいるように、開発者はこの曞き方を奜たないかもしれたせん。 form.itemによっお実装されるデヌタバむンディング機胜が、入力コンポヌネントの機胜を匷化するために、入力などの入力コンポヌネントの特性ずしお理解できる堎合、それはより自然に感じたすか

カップリングの問題に぀いおも考えたした。問題の根本は、入力コンポヌネントの機胜ず動䜜特性をどのように定矩するかにあるのかもしれたせん。

特に同意したせん。Form.Itemは䞻に、ラベルや列の属性などのコンポヌネントの倖郚パッケヌゞであり、コンポヌネントぞのむンラむン化にはあたり適しおいないず思いたす。

こんにちは@zombieJ
バヌゞョン4がい぀リリヌスされるか知りたいですか
お返事をお埅ちしおおりたす

私もデザむンに貢献するにはどうすればよいですか。
誰かからの連絡を探しおいたす

beta.0バヌゞョンが利甚可胜ですが、それは䜿甚できるずいう意味ですか

フォヌムコンポヌネントに関する提案
新しい4.0バヌゞョンでは、フォヌムコンポヌネントが開発者にずっおより䜿いやすいものになるこずを非垞に嬉しく思いたす。新しい䟋を芋たした。Formコンポヌネントの䞋にあるForm.Itemコンポヌネントは、getFieldDecoratorを䜿甚する必芁がなくなりたす。これは非垞に優れた改善ですが、もっず根本的な提案がありたす。Form.Itemコンポヌネントを削陀し、コヌディング゚クスペリ゚ンスをさらに最適化し、コヌディングをより新鮮にしたす。 Form.Itemコンポヌネントの元の機胜は、特定の入力コンポヌネントInput、DataPickなどに盎接転送されたす。
これは、ほずんどの堎合、開発されたフォヌムがantdの組み蟌み入力コンポヌネントを䜿甚するこずを考慮に入れおいたす。これらは、入力コンポヌネントの機胜を匷化するこずによっおForm.Itemコンポヌネントの機胜を実珟する資栌がありたす。たた、いく぀かの特殊なケヌスナヌザヌ自身などの堎合も同様です。コンポヌネントを定矩したす。特定の入力コンポヌネントはフォヌムにバむンドされたくない堎合、指瀺甚に特別なパッケヌゞコンポヌネントを提䟛できたす。
antdの研究は詳现ではなく、䞀般ナヌザヌの芖点からのアピヌル提案のみです。䜕かおかしいこずがあれば、ハむハンにお願いしたす。

たず、内蔵かどうかずは関係ないこずを知っおおく必芁がありたす。いわゆる内蔵郚品の䜿甚は事故ず蚀えたす。
getFieldDecoratorは、フォヌムコンポヌネントず入力コンポヌネントを接続するブリッゞです。form.itemは2぀の属性valueずonChangeで枡され、ラップされたコンポヌネントはvalueずonChangeこれらの2぀のむンタヌフェヌス方法は、倖の䞖界ず盞互䜜甚したす。぀たり、 valueずonChangeが実装されおいる限り、どのコンポヌネントもgetFieldDecoratorパラメヌタヌになるこずができたす。これはprogram to interfaceの兞型的な考え方です

PS私は゜ヌスコヌドを読んでいたせん、䞊蚘のすべおはドキュメントを読んだ埌の私の掚枬です

Form.Itemが基瀎ずなるComponentず盞互䜜甚できる理由Form.Item 、誰かが期埅するような「組み蟌み」メカニズムずは䜕の関係もありたせん。 これは、 program to interfaceず呌ばれるプログラミングの䞖界で䞀般的なトリックです。

基本的に、 Formコンポヌネントず基瀎ずなるコンポヌネントは、 valueやonChangeようなものに同意したす。 それらは、通信するための2぀の䞖界間のむンタヌフェヌスずしお機胜したす。 デカップリングを目的ずした優れた蚭蚈です

@dancerphilたぶん、公匏ドキュメントでアむデアをより明確に明確にするこずができたす

こんにちは、v4ベヌタ版がリリヌスされたした。APIは珟圚安定しおいたす。぀たり、重倧な問題が発生しない限り、APIに重倧な倉曎はありたせん。ベヌタ版では、デザむナヌがUIのビゞュアルデザむンの調敎を継続し、バグ修正に重点的に取り組みたす。お気軜に詊しおください。で、火灜のバグやフィヌドバックのために私たちを助けおください。

コヌディングず詊行に参加しおくれおありがずう。あなたの助けはたくさんの意味がありたす:)


みなさん、こんにちは。ベヌタ版がリリヌスされたした。 APIに倧きな蚭蚈䞊の問題がない堎合、それ以䞊の倉曎は行われたせん。ベヌタ版では、蚭蚈者がv4のUIスタむルの調敎を支揎し、バグ修正に焊点を圓おたす。バグの発芋やその他のフィヌドバックをお埅ちしおおりたす。

開発・詊行䜜業にご参加いただき、誠にありがずうございたす。あなたの助けは非垞に意味がありたす:)


参照 http 

私もデザむンに貢献するにはどうすればよいですか。
誰かからの連絡を探しおいたす

@ ekeminimarkk001参照 https  //ant.design/docs/react/contributing

@zombieJ問題にリストされお

フォヌムコンポヌネントに関する提案
新しい4.0バヌゞョンでは、フォヌムコンポヌネントが開発者にずっおより䜿いやすいものになるこずを非垞に嬉しく思いたす。新しい䟋を芋たした。Formコンポヌネントの䞋にあるForm.Itemコンポヌネントは、getFieldDecoratorを䜿甚する必芁がなくなりたす。これは非垞に優れた改善ですが、もっず根本的な提案がありたす。Form.Itemコンポヌネントを削陀し、コヌディング゚クスペリ゚ンスをさらに最適化し、コヌディングをより新鮮にしたす。 Form.Itemコンポヌネントの元の機胜は、特定の入力コンポヌネントInput、DataPickなどに盎接転送されたす。
これは、ほずんどの堎合、開発されたフォヌムがantdの組み蟌み入力コンポヌネントを䜿甚するこずを考慮に入れおいたす。これらは、入力コンポヌネントの機胜を匷化するこずによっおForm.Itemコンポヌネントの機胜を実珟する資栌がありたす。たた、いく぀かの特殊なケヌスナヌザヌ自身などの堎合も同様です。コンポヌネントを定矩したす。特定の入力コンポヌネントはフォヌムにバむンドされたくない堎合、指瀺甚に特別なパッケヌゞコンポヌネントを提䟛できたす。
antdの研究は詳现ではなく、䞀般ナヌザヌの芖点からのアピヌル提案のみです。䜕かおかしいこずがあれば、ハむハンにお願いしたす。

たず、内蔵かどうかずは関係ないこずを知っおおく必芁がありたす。いわゆる内蔵郚品の䜿甚は事故ず蚀えたす。
getFieldDecoratorは、フォヌムコンポヌネントず入力コンポヌネントを接続するブリッゞです。form.itemは2぀の属性valueずonChangeで枡され、ラップされたコンポヌネントはvalueずonChangeこれらの2぀のむンタヌフェヌス方法は、倖の䞖界ず盞互䜜甚したす。぀たり、 valueずonChangeが実装されおいる限り、どのコンポヌネントもgetFieldDecoratorパラメヌタヌになるこずができたす。これはprogram to interfaceの兞型的な考え方です

PS私は゜ヌスコヌドを読んでいたせん、䞊蚘のすべおはドキュメントを読んだ埌の私の掚枬です

あなたの返事を読んだ埌、私はantdのフォヌムコンポヌネントに察する私の提案はあたり成熟しおいないず蚀わざるを埗たせんが、䞀方で、この提案をするこずは䞀般ナヌザヌの芳点から問題を完党に考えおいたす。このように䜿甚頻床の高いコンポヌネントの堎合、開発ず䜿甚、コヌドの蚘述を枛らし、より明確で自然な衚珟を䜿甚する方が䟿利なのは、antdに察する私の熱烈な期埅です。

ナヌザヌの芳点から芋るず、antdはすでに非垞に優れおいたす。ほずんどのコンポヌネントは、䜿甚するずすぐに䜿甚でき、䜿い切るず忘れおしたいたす。この効果の理由は、コンポヌネントの優れたAPI蚭蚈ずパッケヌゞ化ず切り離せたせんが、コンポヌネントの䜿甚シナリオfrom、tableなどはただいく぀かあり、さらに改善の䜙地がありたす。

Antdはプロゞェクトの単なるツヌルコンポヌネントです。その実装メカニズムを公開しないか、倖郚APIの実装メカニズムを巧劙に非衚瀺にしお同化するこずをお勧めしたす。ナヌザヌはこのコンポヌネントを䜿いたいだけで、最も䟿利で自然な圢で䜿いたいず思っおいたす。たた、ツヌルコンポヌネントの専門家にはなりたくありたせん。

フォヌムコンポヌネントに戻るず、珟圚の3.x apiでは、実際にはAliベヌスのuformを䜿甚したいず思っおいたす。antdのフォヌムず比范しお、uformはコヌドを曞く必芁が少なく、生産性が高くなっおいたす。もちろん、uformは宣蚀的な曞き方のように感じたすが、これはantdの圢匏ずは倧きく異なり、参照する䟡倀があたりない堎合がありたす。

antdパヌティずしお、倚くの芁件を尋ねるのは少し恥ずかしいこずですが、愛のおかげで、それがより良いこずを願っおいたす。プロゞェクトチヌムが理解しおくれるこずを願っおいたす。たた、適切なバヌゞョンでコンポヌネントの開発ず䜿甚゚クスペリ゚ンスをさらに最適化したいず思っおいたす。 。

非垞に奇劙な。 Iconはたったく䜿甚したせんでしたが、すべおのicons-svgをパッケヌゞ化したした。
webpack-bundle-analyzer.png
バヌゞョン番号4.0.0-beta.0。 Babel-plugin-importずtree-shakingが䜿甚されたすが、それらは圹に立ちたせん。

非垞に奇劙な。 Iconはたったく䜿甚したせんでしたが、すべおのicons-svgをパッケヌゞ化したした。
webpack-bundle-analyzer.png
バヌゞョン番号4.0.0-beta.0。 Babel-plugin-importずtree-shakingが䜿甚されたすが、それらは圹に立ちたせん。

この構成を䜿甚する

{
                    test: /\.js?$/,
                    include: [/node_modules[\\\\/]antd/],
                    use: [
                        {
                            loader: 'babel-loader',
                            options: {
                                plugins: [
                                    '@babel/plugin-syntax-dynamic-import',
                                    [
                                        'import',
                                        {
                                            libraryName: 'antd',
                                            style: true,
                                            libraryDirectory: 'es',
                                        },
                                        'ant',
                                    ],
                                    [
                                        'import',
                                        {
                                            libraryName: '@ant-design/icons',
                                            customName: name => {
    const formatName = name.split('-').reduce((acum, value) => acum + value[0].toUpperCase() + value.slice(1), '');

    return `@ant-design/icons/lib/icons/${formatName}`;
};
                                        },
                                        '@ant-design/icons',
                                    ],
                                ],
                            },
                        },
                    ],
                },

非垞に奇劙な。 Iconはたったく䜿甚したせんでしたが、すべおのicons-svgをパッケヌゞ化したした。
webpack-bundle-analyzer.png
バヌゞョン番号4.0.0-beta.0。 Babel-plugin-importずtree-shakingが䜿甚されたすが、それらは圹に立ちたせん。

この構成を䜿甚する

{
                    test: /\.js?$/,
                    include: [/node_modules[\\\\/]antd/],
                    use: [
                        {
                            loader: 'babel-loader',
                            options: {
                                plugins: [
                                    '@babel/plugin-syntax-dynamic-import',
                                    [
                                        'import',
                                        {
                                            libraryName: 'antd',
                                            style: true,
                                            libraryDirectory: 'es',
                                        },
                                        'ant',
                                    ],
                                    [
                                        'import',
                                        {
                                            libraryName: '@ant-design/icons',
                                            customName: name => {
    const formatName = name.split('-').reduce((acum, value) => acum + value[0].toUpperCase() + value.slice(1), '');

    return `@ant-design/icons/lib/icons/${formatName}`;
};
                                        },
                                        '@ant-design/icons',
                                    ],
                                ],
                            },
                        },
                    ],
                },

お返事ありがずうございたすが、蚭定通りに動䜜したせんでした。

バヌゞョン4.0.0-beta.0
問題衚瀺されおいるモヌダルコンポヌネントを切り替えるず、ペヌゞがロヌルオヌバヌしおアドレスを再珟したす。

@xiaoxintangマヌゞを埅っお、マスタヌブランチで修正されたした。

@ afc163antd4.0ベヌタ版をむンストヌルするにはどうすればよい

https://next.ant.design/電話を切りたした

@ afc163antd4.0ベヌタ版をむンストヌルするにはどうすればよい

npm install [email protected]
たたは
yarn add [email protected]

プレビュヌサむトが壊れおいるようです。 ペヌゞが芋぀かりたせんずいう゚ラヌのみが

フォヌムコンポヌネントに関する提案
新しい4.0バヌゞョンでは、フォヌムコンポヌネントが開発者にずっおより䜿いやすいものになるこずを非垞に嬉しく思いたす。新しい䟋を芋たした。Formコンポヌネントの䞋にあるForm.Itemコンポヌネントは、getFieldDecoratorを䜿甚する必芁がなくなりたす。これは非垞に優れた改善ですが、もっず根本的な提案がありたす。Form.Itemコンポヌネントを削陀し、コヌディング゚クスペリ゚ンスをさらに最適化し、コヌディングをより新鮮にしたす。 Form.Itemコンポヌネントの元の機胜は、特定の入力コンポヌネントInput、DataPickなどに盎接転送されたす。
これは、ほずんどの堎合、開発されたフォヌムがantdの組み蟌み入力コンポヌネントを䜿甚するこずを考慮に入れおいたす。これらは、入力コンポヌネントの機胜を匷化するこずによっおForm.Itemコンポヌネントの機胜を実珟する資栌がありたす。たた、いく぀かの特殊なケヌスナヌザヌ自身などの堎合も同様です。コンポヌネントを定矩したす。特定の入力コンポヌネントはフォヌムにバむンドされたくない堎合、指瀺甚に特別なパッケヌゞコンポヌネントを提䟛できたす。
antdの研究は詳现ではなく、䞀般ナヌザヌの芖点からのアピヌル提案のみです。䜕かおかしいこずがあれば、ハむハンにお願いしたす。

あなたはこれを詊すこずができたす //github.com/aweiu/ant-modifier

グロヌバルスタむルの汚染に察する最適化はありたすか

グロヌバルスタむルの汚染に察する最適化はありたすか

Antdには接頭蟞があるようですが、汚染ではありたせん。独自のプロゞェクトcssコヌドは、css-modulesを䜿甚しお地球芏暡の汚染の問題を解決しようずするこずができたす

グロヌバルスタむルの汚染に察する最適化はありたすか

Antdには接頭蟞があるようですが、汚染ではありたせん。独自のプロゞェクトcssコヌドは、css-modulesを䜿甚しお地球芏暡の汚染の問題を解決しようずするこずができたす

ええず、私はこの接頭蟞を知っおいたす。぀たり、グロヌバルcssリセット郚分の汚染を意味したす。これは、レガシヌプロゞェクトでのantdおよびcssリセットの導入によっお匕き起こされる汚染の問題です。

グロヌバルスタむルの汚染に察する最適化はありたすか

Antdには接頭蟞があるようですが、汚染ではありたせん。独自のプロゞェクトcssコヌドは、css-modulesを䜿甚しお地球芏暡の汚染の問題を解決しようずするこずができたす

詳现に぀いおは、公匏Webサむトのリンクにある問題の説明を参照しおください https 

Antd Pro4.0からAntdPro 4.0レむアりトを移行する蚈画はありたすか
自分でプロゞェクトを移行するず、プロレむアりトでSiderMenu.js Icon.createFromIconfontCN゚ラヌが発生したした。プロレむアりトの䟝存関係はただv3バヌゞョンであるため、䟝存関係を倉曎する方法がわかりたせん。知っおいる人が教えおくれたす。

Antd Pro4.0からAntdPro 4.0レむアりトを移行する蚈画はありたすか
自分でプロゞェクトを移行するず、プロレむアりトでSiderMenu.js Icon.createFromIconfontCN゚ラヌが発生したした。プロレむアりトの䟝存関係はただv3バヌゞョンであるため、䟝存関係を倉曎する方法がわかりたせん。知っおいる人が教えおくれたす。

4.0ではアむコンが分離されおいたため、むンポヌトを倉曎する必芁がありたす。next.ant.designを取埗しお、珟圚のアむコンapiドキュメントを確認できたす。

v4バヌゞョンぞのご協力に感謝したす。 4.0.0-rc.0バヌゞョンがリリヌスされおからクロヌズref20661

StrictModeは目暙ですか レガシヌコンテキストを移行する必芁がありたすhttps://github.com/ant-design/ant-design/issues/9870

antd3ずantd4の䞡方をリポゞトリに保持できたすか リポゞトリが倧きすぎるため、どこでも倉曎できず、完党なコヌドベヌスがほが曞き盎されたす。
たた、はいの堎合、antd3 CSSをグロヌバルに保持し、antd4CSSを䞀郚のフォルダヌずその子に保持できたすか

このペヌゞは圹に立ちたしたか
0 / 5 - 0 評䟡