feat(zhst/meta): 全量迁移antd5.17.4

packages/meta/src/alert/design/behavior-pattern.tsx

@@ -1,39 +0,0 @@
-import React from 'react';
-
-import BehaviorMap from '../../../.dumi/theme/common/BehaviorMap';
-
-const BehaviorPattern: React.FC = () => (
-  <BehaviorMap
-    data={{
-      id: '200000004',
-      label: '了解页面/模块内需要关注的提示',
-      children: [
-        {
-          id: '500000061',
-          label: '了解提示信息',
-          targetType: 'mvp',
-          children: [
-            {
-              id: '707000085',
-              label: '了解提示内容',
-              link: 'components-alert-index-tab-design-demo-content',
-            },
-            {
-              id: '707000086',
-              label: '了解提示类型',
-              link: 'components-alert-index-tab-design-demo-type',
-            },
-          ],
-        },
-        {
-          id: '200000005',
-          label: '针对提示进行操作',
-          targetType: 'extension',
-          link: 'components-alert-index-tab-design-demo-action',
-        },
-      ],
-    }}
-  />
-);
-
-export default BehaviorPattern;

packages/meta/src/breadcrumb/design/behavior-pattern.tsx

@@ -1,45 +0,0 @@
-import React from 'react';
-
-import BehaviorMap from '../../../.dumi/theme/common/BehaviorMap';
-
-const BehaviorPattern: React.FC = () => (
-  <BehaviorMap
-    data={{
-      id: '200000004',
-      label: '了解当前所处页面的位置并向上导航',
-      children: [
-        {
-          id: '500000061',
-          label: '确定位置',
-          targetType: 'mvp',
-          children: [
-            {
-              id: '707000085',
-              label: '了解当前页面的位置',
-              link: 'components-breadcrumb-index-tab-design-demo-basic',
-            },
-            {
-              id: '707000086',
-              label: '了解系统层级结构',
-              link: 'components-breadcrumb-index-tab-design-demo-basic',
-            },
-          ],
-        },
-        {
-          id: '200000005',
-          label: '向上导航',
-          targetType: 'mvp',
-          link: 'components-breadcrumb-index-tab-design-demo-basic',
-        },
-        {
-          id: '200000006',
-          label: '快捷导航',
-          targetType: 'extension',
-          link: 'components-breadcrumb-index-tab-design-demo-overlay',
-        },
-      ],
-    }}
-  />
-);
-
-export default BehaviorPattern;

packages/meta/src/date-picker/design/behavior-pattern.tsx

@@ -1,113 +0,0 @@
-import React from 'react';
-
-import BehaviorMap from '../../../.dumi/theme/common/BehaviorMap';
-
-const BehaviorPattern: React.FC = () => (
-  <BehaviorMap
-    data={{
-      id: '200000004',
-      label: '选择（输入）日期数据',
-      children: [
-        {
-          id: '500000061',
-          label: '选择时间点',
-          targetType: 'mvp',
-          children: [
-            {
-              id: '707000085',
-              label: '选择某天',
-              link: 'components-date-picker-index-tab-design-zh-cn-demo-pick-date',
-            },
-            {
-              id: '707000086',
-              label: '选择某周',
-              link: 'components-date-picker-index-tab-design-zh-cn-demo-pick-week',
-            },
-            {
-              id: '707000087',
-              label: '选择某月',
-              link: 'components-date-picker-index-tab-design-zh-cn-demo-pick-month',
-            },
-            {
-              id: '707000088',
-              label: '选择某季度',
-              link: 'components-date-picker-index-tab-design-zh-cn-demo-pick-quarter',
-            },
-            {
-              id: '707000089',
-              label: '选择某年',
-              link: 'components-date-picker-index-tab-design-zh-cn-demo-pick-year',
-            },
-            {
-              id: '707000090',
-              label: '选择某时间',
-              link: 'components-date-picker-index-tab-design-zh-cn-demo-pick-time',
-            },
-          ],
-        },
-        {
-          id: '200000005',
-          label: '选择时间段',
-          targetType: 'mvp',
-          children: [
-            {
-              id: '7070000851',
-              label: '选择某天至某天',
-              link: 'components-date-picker-index-tab-design-zh-cn-demo-pick-date-range',
-            },
-            {
-              id: '7070000861',
-              label: '选择某周至某周',
-              link: 'components-date-picker-index-tab-design-zh-cn-demo-pick-week-range',
-            },
-            {
-              id: '7070000871',
-              label: '选择某月至某月',
-              link: 'components-date-picker-index-tab-design-zh-cn-demo-pick-month-range',
-            },
-            {
-              id: '7070000881',
-              label: '选择某季度至某季度',
-              link: 'components-date-picker-index-tab-design-zh-cn-demo-pick-quarter-range',
-            },
-            {
-              id: '7070000891',
-              label: '选择某年至某年',
-              link: 'components-date-picker-index-tab-design-zh-cn-demo-pick-year-range',
-            },
-            {
-              id: '7070000901',
-              label: '选择某时间至某时间',
-              link: 'components-date-picker-index-tab-design-zh-cn-demo-pick-time-range',
-            },
-          ],
-        },
-        {
-          id: '200000006',
-          label: '快捷选择日期数据',
-          targetType: 'extension',
-          children: [
-            {
-              id: '70700008912',
-              label: '快捷选择时间点',
-              link: 'components-date-picker-index-tab-design-zh-cn-demo-preset-time',
-            },
-            {
-              id: '70700009012',
-              label: '快捷选择时间段',
-              link: 'components-date-picker-index-tab-design-zh-cn-demo-preset-range',
-            },
-          ],
-        },
-        {
-          id: '200000007',
-          label: '查看日期附属信息',
-          targetType: 'extension',
-          link: 'components-date-picker-index-tab-design-zh-cn-demo-date-extra-info',
-        },
-      ],
-    }}
-  />
-);
-
-export default BehaviorPattern;

packages/meta/src/date-picker/style/multiple.ts

@@ -37,6 +37,7 @@ const genPickerMultipleStyle: GenerateStyle<PickerToken> = (token) => {
   const smallToken = mergeToken<PickerToken>(token, {
     fontHeight: token.fontSize,
     selectHeight: token.controlHeightSM,
+    // @ts-ignore
     multipleSelectItemHeight: token.multipleItemHeightSM,
     borderRadius: token.borderRadiusSM,
     borderRadiusSM: token.borderRadiusXS,
@@ -44,11 +45,13 @@ const genPickerMultipleStyle: GenerateStyle<PickerToken> = (token) => {
   });
 
   const largeToken = mergeToken<PickerToken>(token, {
+    // @ts-ignore
     fontHeight: calc(token.multipleItemHeightLG)
       .sub(calc(lineWidth).mul(2).equal())
       .equal() as number,
     fontSize: token.fontSizeLG,
     selectHeight: token.controlHeightLG,
+    // @ts-ignore
     multipleSelectItemHeight: token.multipleItemHeightLG,
     borderRadius: token.borderRadiusLG,
     borderRadiusSM: token.borderRadius,
@@ -95,6 +98,7 @@ const genPickerMultipleStyle: GenerateStyle<PickerToken> = (token) => {
         },
 
         // ===================== Overflow ====================
+    // @ts-ignore
         ...genOverflowStyle(token),
 
         // ====================== Input ======================

packages/meta/src/date-picker/style/variants.ts

@@ -18,7 +18,9 @@ const genVariantsStyle = (token: PickerToken): CSSObject => {
       {
         '&-outlined': {
           [`&${componentCls}-multiple ${componentCls}-selection-item`]: {
+    // @ts-ignore
             background: token.multipleItemBg,
+    // @ts-ignore
             border: `${unit(token.lineWidth)} ${token.lineType} ${token.multipleItemBorderColor}`,
           },
         },
@@ -30,7 +32,9 @@ const genVariantsStyle = (token: PickerToken): CSSObject => {
         },
         '&-borderless': {
           [`&${componentCls}-multiple ${componentCls}-selection-item`]: {
+    // @ts-ignore
             background: token.multipleItemBg,
+    // @ts-ignore
             border: `${unit(token.lineWidth)} ${token.lineType} ${token.multipleItemBorderColor}`,
           },
         },

packages/meta/src/radio/index.ts

@@ -2,16 +2,17 @@ import Group from './group';
 import InternalRadio from './radio';
 import Button from './radioButton';
 
-// export {
+export type {
-//   RadioChangeEvent,
+  RadioChangeEvent,
-//   RadioChangeEventTarget,
+  RadioChangeEventTarget,
-//   RadioGroupButtonStyle,
+  RadioGroupButtonStyle,
-//   RadioGroupContextProps,
+  RadioGroupContextProps,
-//   RadioGroupOptionType,
+  RadioGroupOptionType,
-//   RadioGroupProps,
+  RadioGroupProps,
-//   RadioProps,
+  RadioProps,
-//   RadioRef,
+  RadioRef,
-// } from './interface';
+} from './interface';
+
 export { Button, Group };
 
 type CompoundedComponent = typeof InternalRadio & {

packages/meta/src/result/index.tsx

@@ -1,8 +1,5 @@
 import * as React from 'react';
-import CheckCircleFilled from '@ant-design/icons/CheckCircleFilled';
+import { CheckCircleFilled, CloseCircleFilled, ExclamationCircleFilled, WarningFilled } from '@ant-design/icons'
-import CloseCircleFilled from '@ant-design/icons/CloseCircleFilled';
-import ExclamationCircleFilled from '@ant-design/icons/ExclamationCircleFilled';
-import WarningFilled from '@ant-design/icons/WarningFilled';
 import classNames from 'classnames';
 
 import { devUseWarning } from '../_util/warning';

packages/meta/src/select/style/dropdown.ts

@@ -43,6 +43,7 @@ const genSingleStyle: GenerateStyle<SelectToken> = (token) => {
     {
       [`${componentCls}-dropdown`]: {
         // ========================== Popup ==========================
+        // @ts-ignore
         ...resetComponent(token),
 
         position: 'absolute',
@@ -171,9 +172,13 @@ const genSingleStyle: GenerateStyle<SelectToken> = (token) => {
     },
 
     // Follow code may reuse in other components
+        // @ts-ignore
     initSlideMotion(token, 'slide-up'),
+        // @ts-ignore
     initSlideMotion(token, 'slide-down'),
+        // @ts-ignore
     initMoveMotion(token, 'move-up'),
+        // @ts-ignore
     initMoveMotion(token, 'move-down'),
   ];
 };

packages/meta/src/select/style/index.ts

@@ -74,6 +74,7 @@ const genBaseStyle: GenerateStyle<SelectToken> = (token) => {
 
   return {
     [componentCls]: {
+        // @ts-ignore
       ...resetComponent(token),
       position: 'relative',
       display: 'inline-block',
@@ -244,6 +245,7 @@ const genSelectStyle: GenerateStyle<SelectToken> = (token) => {
     // =====================================================
     // ==             Space Compact                       ==
     // =====================================================
+        // @ts-ignore
     genCompactItemStyle(token, {
       borderElCls: `${componentCls}-selector`,
       focusElCls: `${componentCls}-focused`,
@@ -255,6 +257,7 @@ const genSelectStyle: GenerateStyle<SelectToken> = (token) => {
 export default genStyleHooks(
   'Select',
   (token, { rootPrefixCls }) => {
+        // @ts-ignore
     const selectToken: SelectToken = mergeToken<SelectToken>(token, {
       rootPrefixCls,
       inputPaddingHorizontalBase: token.calc(token.paddingSM).sub(1).equal(),

packages/meta/src/select/style/multiple.ts

@@ -323,6 +323,7 @@ function genSizeStyle(token: SelectToken, suffix?: string): CSSInterpolation {
     },
   };
 
+        // @ts-ignore
   return [genSelectionStyle(token, suffix), rawStyle];
 }
 

packages/meta/src/select/style/single.ts

@@ -22,6 +22,7 @@ function genSizeStyle(token: SelectToken, suffix?: string): CSSObject {
 
       // ========================= Selector =========================
       [`${componentCls}-selector`]: {
+        // @ts-ignore
         ...resetComponent(token, true),
 
         display: 'flex',

packages/meta/src/tree/index.zh-CN.md

@@ -4,7 +4,6 @@ toc: content
 group: 数据展示
 title: Tree 树形控件
 subtitle: 树形控件
-toc: content
 description: 多层次的结构列表。
 demo:
   cols: 2