Ant Design 5.9.0 リリース、エンタープライズレベルの UI 設計言語と React 実装

Ant Design 5.9.0がリリースされました。主な変更点は次のとおりです。  

  • テーブルは、仮想スクロールを可能にする属性をサポートしています。#44349 virtual 
  • フォームは、パスを含むすべてのフィールドの検証をサポートしています#44130 validateFields  recursive 
  • Form.Item は検証手ぶれ補正の構成をサポートしています。#44633 validateDebounce 
  • Button コンポーネントは、各サイズのフォント サイズをカスタマイズするために使用される 3 つのコンポーネント トークンを追加します。#44257 contentFontSize contentFontSizeSM contentFontSizeLG 
  • フォームはカスタム レンダリングをサポートしています。#44073 requiredMark 
  • Tabs コンポーネントは、通常のタブのテキストの色を制御するために使用される新しいコンポーネント Token を追加します#44201 itemColor
  • ColorPicker コンポーネントはプロパティをサポートします。#44487 defaultFormat 
  • Form には新しい属性があり、検証アイコンのカスタマイズに使用される Form.Item によってサポートされています#43894 feedbackIcons  hasFeedback={{ icons: ... }}
  • セグメント化されたコンポーネントの新しいコンポーネント トークン。#44570 itemSelectedColor 
  • モーダル フッターはカスタム関数のレンダリングをサポートします。#44318 footer 
  • 説明はレスポンシブ設定をサポートします。#44534 items.span 
  • Tabs コンポーネントは、ConfigProvider を通じてグローバル構成をサポートします。#44406 indicatorSize 
  • 転送コンポーネント機能により、新たなパラメータが追加されます。#44417 filterOption  direction 
  • Input.Search コンポーネントは、メソッドでのパラメーターの受け入れをサポートしています#44457 onSearch  source 
  • 入力コンポーネントは、アクティブ シャドウをカスタマイズするための新しいコンポーネント トークンを追加します。#44410
  • Radio コンポーネントは、塗りつぶしボタンが選択されたときにその色をカスタマイズするために使用される新しいコンポーネント トークンを追加します。#44389
  • ツアーコンポーネントの間隔は横方向のオフセットをサポートします。#44377
  • ツアー コンポーネントは、閉じるボタンのカスタマイズをサポートしています。#44312 closeIcon 
  • アバターは、 ConfigProvider を使用した構成をサポートしています#44288 componentSize  size
  • List は、 ConfigProvider を使用した構成をサポートしています#44267 componentSize  size
  • カスケードは属性をサポートします。#44033 autoClearSearchValue 
  • UploadAutoCompleteBadge.RibbonInput.TextAreaRangePickerTimePickerのサポートを追加しました   rootClassName 
  • Modal.confirm 構造をリファクタリングして、幅の異常を引き起こす問題と、大量のテキストの下での改行のスタイルを修正します。SSR でのスタイル サイズを最適化するために確認スタイルを遅延読み込みに抽出します。#44557 width: fit-content 
  • 「進行状況」は、線形グラデーションの合計を漸減グラデーションに調整します#44404 circle  dashboard 
  • DatePickerコンポーネントのカスタムフッタースタイルの問題を修正しました。#44642
  • ConfigProviderがTag.CheckableTagに対して動作できない問題を修正#44602 tag.className  tag.style 
  • Selectで設定したコンテナにスタイルがある場合、ポップアップボックスの幅が入力ボックスと一致しない問題を修正しました。#44378 getPopupContainer  transform: scale 
  • Form.Item を構成するときにバインドされた要素を使用できない問題を修正しました#44576 noStyle  useStatus 
  • Tag が Popover/Popconfirm でラップされているときにHover がエラーを引き起こす問題を修正しました。#44663 font-size 
  • Input.Search の組み合わせで検索ボタンに余分な影が表示される問題を修正しました。#44660
  • キーを押して閉じたときにモーダルのフック呼び出しが await を正しくトリガーできない問題を修正しました。#44646 esc 
  • スペースのプリセットがデザイン トークンに従っていない問題を修正し、コンパクト モードでも対応する間隔値を正しく処理できるようになりました。#44598 size 
  • Upload コンポーネントがファイルのダウンロード ボタンをクリックした後、マウスがファイルの外に移動してもダウンロード ボタンが表示されたままになる問題を修正しました。#44594
  • FloatButton コンポーネントを追加した後に FloatButton.Group の間隔が失敗する問題を修正しました。#44707 href 
  • ボタントークンが有効にならない問題を修正しました。#44217 fontSizeSM 
  • ウォーターマークは、ネストされたモーダル コンポーネントとドロワー コンポーネントで機能するようになりました。#44104
  • Alert、Tree、Cascader、Layout、Table、Modal、Drawer、Button、Switch、Select、Badge、Form、TimePicker、Spin、Input、Progress、Divider の少数の変数をトークンに移行します。#42142 #42607 #42627 # 42757 # 42774 # 42778 #44090 #44118 # 44174 # 44228 #44261 #44282 #44334 #42192             
  • 古い IE ブラウザのスペースとグリッドの互換性ロジックを削除して、パッケージ化された製品のサイズを削減します。#44620
  • TypeScript
    • Tree から型を派生します#44624 BasicDataNode 

更新手順: https://github.com/ant-design/ant-design/releases/tag/5.9.0

おすすめ

転載: www.oschina.net/news/257656/ant-design-5-9-0-released