nicecode/nicecode-v2
Template
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
NICE CODE BY DEV 2024-06-05 14:06:04 +08:00
parent e56a19e4fa
commit fcf7f08fe4
12 changed files with 30 additions and 212 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

39
packages/meta/src/alert/design/behavior-pattern.tsx
View File

@ -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;

45
packages/meta/src/breadcrumb/design/behavior-pattern.tsx
View File

@ -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;

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

@ -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;

4
packages/meta/src/date-picker/style/multiple.ts
View File

@ -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 ======================

4
packages/meta/src/date-picker/style/variants.ts
View File

@ -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}`,
},
},

21
packages/meta/src/radio/index.ts
View File

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

5
packages/meta/src/result/index.tsx
View File

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

5
packages/meta/src/select/style/dropdown.ts
View File

@ -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'),
];
};

3
packages/meta/src/select/style/index.ts
View File

@ -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(),

1
packages/meta/src/select/style/multiple.ts
View File

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

1
packages/meta/src/select/style/single.ts
View File

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

1
packages/meta/src/tree/index.zh-CN.md
View File

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