@cuvp1225/antd 0.3.1 → 0.3.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE +21 -21
- package/README.md +11 -11
- package/dist/designer.js +886 -14079
- package/dist/index.js +530 -13820
- package/dist/index.less +1 -1
- package/lib/cjs/components/box.d.ts +1 -1
- package/lib/cjs/components/box.js +1 -1
- package/lib/cjs/components/button.d.ts +2 -2
- package/lib/cjs/components/columns.d.ts +2 -2
- package/lib/cjs/components/columns.js +1 -1
- package/lib/cjs/components/form.d.ts +16 -0
- package/lib/cjs/components/form.js +17 -0
- package/lib/cjs/components/formily.d.ts +5 -5
- package/lib/cjs/components/formily.js +2 -2
- package/lib/cjs/components/grid.d.ts +3 -0
- package/lib/cjs/components/grid.js +28 -0
- package/lib/cjs/components/gridCombination.d.ts +7 -0
- package/lib/cjs/components/gridCombination.js +26 -0
- package/lib/cjs/components/index.d.ts +1 -15
- package/lib/cjs/components/index.js +21 -35
- package/lib/cjs/components/input-number.d.ts +3 -3
- package/lib/cjs/components/modal.js +35 -35
- package/lib/cjs/components/multiColumns.d.ts +4 -0
- package/lib/cjs/components/multiColumns.js +17 -0
- package/lib/cjs/components/page.d.ts +1 -1
- package/lib/cjs/components/page.js +9 -9
- package/lib/cjs/components/placeholder.d.ts +1 -1
- package/lib/cjs/components/placeholder.js +22 -24
- package/lib/cjs/components/section.d.ts +1 -1
- package/lib/cjs/components/section.js +1 -1
- package/lib/cjs/components/select.d.ts +2 -2
- package/lib/cjs/components/shadow-container.js +9 -9
- package/lib/cjs/components/typography.d.ts +2 -2
- package/lib/cjs/designer.js +4 -4
- package/lib/cjs/index.less +1 -1
- package/lib/cjs/prototypes/affix.js +1 -1
- package/lib/cjs/prototypes/alert.js +2 -2
- package/lib/cjs/prototypes/anchor.js +2 -2
- package/lib/cjs/prototypes/auto-complete.js +1 -1
- package/lib/cjs/prototypes/avatar.js +2 -2
- package/lib/cjs/prototypes/back-top.js +1 -1
- package/lib/cjs/prototypes/badge.js +2 -2
- package/lib/cjs/prototypes/box.js +1 -1
- package/lib/cjs/prototypes/breadcrumb.js +3 -3
- package/lib/cjs/prototypes/button.js +1 -1
- package/lib/cjs/prototypes/calendar.js +1 -1
- package/lib/cjs/prototypes/card.js +3 -3
- package/lib/cjs/prototypes/carousel.js +1 -1
- package/lib/cjs/prototypes/cascader.js +1 -1
- package/lib/cjs/prototypes/checkbox.js +2 -2
- package/lib/cjs/prototypes/collapse.js +2 -2
- package/lib/cjs/prototypes/columns.js +2 -2
- package/lib/cjs/prototypes/comment.js +1 -1
- package/lib/cjs/prototypes/date-picker.js +33 -33
- package/lib/cjs/prototypes/descriptions.js +2 -2
- package/lib/cjs/prototypes/divider.js +1 -1
- package/lib/cjs/prototypes/drawer.js +1 -1
- package/lib/cjs/prototypes/dropdown.js +2 -2
- package/lib/cjs/prototypes/each.js +1 -1
- package/lib/cjs/prototypes/empty.js +1 -1
- package/lib/cjs/prototypes/form.js +19 -5
- package/lib/cjs/prototypes/formily.js +5 -5
- package/lib/cjs/prototypes/grid.d.ts +3 -0
- package/lib/cjs/prototypes/grid.js +56 -0
- package/lib/cjs/prototypes/iframe.js +1 -1
- package/lib/cjs/prototypes/image.js +2 -2
- package/lib/cjs/prototypes/index.d.ts +1 -0
- package/lib/cjs/prototypes/index.js +1 -0
- package/lib/cjs/prototypes/input-number.js +1 -1
- package/lib/cjs/prototypes/input.js +5 -5
- package/lib/cjs/prototypes/interval.js +1 -1
- package/lib/cjs/prototypes/link.js +1 -1
- package/lib/cjs/prototypes/list.js +3 -3
- package/lib/cjs/prototypes/mentions.js +2 -2
- package/lib/cjs/prototypes/menu.js +5 -5
- package/lib/cjs/prototypes/modal.js +1 -1
- package/lib/cjs/prototypes/page-header.js +1 -1
- package/lib/cjs/prototypes/page.js +1 -1
- package/lib/cjs/prototypes/pagination.js +2 -1
- package/lib/cjs/prototypes/popconfirm.js +1 -1
- package/lib/cjs/prototypes/popover.js +1 -1
- package/lib/cjs/prototypes/progress.js +1 -1
- package/lib/cjs/prototypes/radio.js +2 -2
- package/lib/cjs/prototypes/rate.js +1 -1
- package/lib/cjs/prototypes/result.js +1 -1
- package/lib/cjs/prototypes/section.js +1 -1
- package/lib/cjs/prototypes/select.js +1 -1
- package/lib/cjs/prototypes/skeleton.js +6 -6
- package/lib/cjs/prototypes/slider.js +1 -1
- package/lib/cjs/prototypes/space.js +1 -1
- package/lib/cjs/prototypes/spin.js +1 -1
- package/lib/cjs/prototypes/statistic.js +2 -2
- package/lib/cjs/prototypes/steps.js +2 -2
- package/lib/cjs/prototypes/switch.js +1 -1
- package/lib/cjs/prototypes/table.js +38 -27
- package/lib/cjs/prototypes/tabs.js +2 -2
- package/lib/cjs/prototypes/tag.js +3 -2
- package/lib/cjs/prototypes/text.js +1 -1
- package/lib/cjs/prototypes/time-picker.js +2 -2
- package/lib/cjs/prototypes/timeline.js +2 -2
- package/lib/cjs/prototypes/toolbar.js +1 -1
- package/lib/cjs/prototypes/tooltip.js +1 -1
- package/lib/cjs/prototypes/transfer.js +2 -2
- package/lib/cjs/prototypes/tree-select.js +1 -1
- package/lib/cjs/prototypes/tree.js +3 -3
- package/lib/cjs/prototypes/typography.js +3 -3
- package/lib/cjs/prototypes/upload.js +2 -2
- package/lib/cjs/prototypes/when.js +1 -1
- package/lib/esm/components/box.d.ts +1 -1
- package/lib/esm/components/box.js +1 -1
- package/lib/esm/components/button.d.ts +2 -2
- package/lib/esm/components/columns.d.ts +2 -2
- package/lib/esm/components/columns.js +1 -1
- package/lib/esm/components/form.d.ts +16 -0
- package/lib/esm/components/form.js +14 -0
- package/lib/esm/components/formily.d.ts +5 -5
- package/lib/esm/components/formily.js +2 -2
- package/lib/esm/components/grid.d.ts +3 -0
- package/lib/esm/components/grid.js +24 -0
- package/lib/esm/components/gridCombination.d.ts +7 -0
- package/lib/esm/components/gridCombination.js +22 -0
- package/lib/esm/components/index.d.ts +1 -15
- package/lib/esm/components/index.js +19 -15
- package/lib/esm/components/input-number.d.ts +3 -3
- package/lib/esm/components/modal.js +35 -35
- package/lib/esm/components/multiColumns.d.ts +4 -0
- package/lib/esm/components/multiColumns.js +13 -0
- package/lib/esm/components/page.d.ts +1 -1
- package/lib/esm/components/page.js +9 -9
- package/lib/esm/components/placeholder.d.ts +1 -1
- package/lib/esm/components/placeholder.js +22 -24
- package/lib/esm/components/section.d.ts +1 -1
- package/lib/esm/components/section.js +1 -1
- package/lib/esm/components/select.d.ts +2 -2
- package/lib/esm/components/shadow-container.js +9 -9
- package/lib/esm/components/typography.d.ts +2 -2
- package/lib/esm/designer.js +4 -4
- package/lib/esm/index.less +1 -1
- package/lib/esm/prototypes/affix.js +1 -1
- package/lib/esm/prototypes/alert.js +2 -2
- package/lib/esm/prototypes/anchor.js +2 -2
- package/lib/esm/prototypes/auto-complete.js +1 -1
- package/lib/esm/prototypes/avatar.js +2 -2
- package/lib/esm/prototypes/back-top.js +1 -1
- package/lib/esm/prototypes/badge.js +2 -2
- package/lib/esm/prototypes/box.js +1 -1
- package/lib/esm/prototypes/breadcrumb.js +3 -3
- package/lib/esm/prototypes/button.js +1 -1
- package/lib/esm/prototypes/calendar.js +1 -1
- package/lib/esm/prototypes/card.js +3 -3
- package/lib/esm/prototypes/carousel.js +1 -1
- package/lib/esm/prototypes/cascader.js +1 -1
- package/lib/esm/prototypes/checkbox.js +2 -2
- package/lib/esm/prototypes/collapse.js +2 -2
- package/lib/esm/prototypes/columns.js +2 -2
- package/lib/esm/prototypes/comment.js +1 -1
- package/lib/esm/prototypes/date-picker.js +33 -33
- package/lib/esm/prototypes/descriptions.js +2 -2
- package/lib/esm/prototypes/divider.js +1 -1
- package/lib/esm/prototypes/drawer.js +1 -1
- package/lib/esm/prototypes/dropdown.js +2 -2
- package/lib/esm/prototypes/each.js +1 -1
- package/lib/esm/prototypes/empty.js +1 -1
- package/lib/esm/prototypes/form.js +19 -5
- package/lib/esm/prototypes/formily.js +5 -5
- package/lib/esm/prototypes/grid.d.ts +3 -0
- package/lib/esm/prototypes/grid.js +53 -0
- package/lib/esm/prototypes/iframe.js +1 -1
- package/lib/esm/prototypes/image.js +2 -2
- package/lib/esm/prototypes/index.d.ts +1 -0
- package/lib/esm/prototypes/index.js +1 -0
- package/lib/esm/prototypes/input-number.js +1 -1
- package/lib/esm/prototypes/input.js +5 -5
- package/lib/esm/prototypes/interval.js +1 -1
- package/lib/esm/prototypes/link.js +1 -1
- package/lib/esm/prototypes/list.js +3 -3
- package/lib/esm/prototypes/mentions.js +2 -2
- package/lib/esm/prototypes/menu.js +5 -5
- package/lib/esm/prototypes/modal.js +1 -1
- package/lib/esm/prototypes/page-header.js +1 -1
- package/lib/esm/prototypes/page.js +1 -1
- package/lib/esm/prototypes/pagination.js +2 -1
- package/lib/esm/prototypes/popconfirm.js +1 -1
- package/lib/esm/prototypes/popover.js +1 -1
- package/lib/esm/prototypes/progress.js +1 -1
- package/lib/esm/prototypes/radio.js +2 -2
- package/lib/esm/prototypes/rate.js +1 -1
- package/lib/esm/prototypes/result.js +1 -1
- package/lib/esm/prototypes/section.js +1 -1
- package/lib/esm/prototypes/select.js +1 -1
- package/lib/esm/prototypes/skeleton.js +6 -6
- package/lib/esm/prototypes/slider.js +1 -1
- package/lib/esm/prototypes/space.js +1 -1
- package/lib/esm/prototypes/spin.js +1 -1
- package/lib/esm/prototypes/statistic.js +2 -2
- package/lib/esm/prototypes/steps.js +2 -2
- package/lib/esm/prototypes/switch.js +1 -1
- package/lib/esm/prototypes/table.js +38 -27
- package/lib/esm/prototypes/tabs.js +2 -2
- package/lib/esm/prototypes/tag.js +3 -2
- package/lib/esm/prototypes/text.js +1 -1
- package/lib/esm/prototypes/time-picker.js +2 -2
- package/lib/esm/prototypes/timeline.js +2 -2
- package/lib/esm/prototypes/toolbar.js +1 -1
- package/lib/esm/prototypes/tooltip.js +1 -1
- package/lib/esm/prototypes/transfer.js +2 -2
- package/lib/esm/prototypes/tree-select.js +1 -1
- package/lib/esm/prototypes/tree.js +3 -3
- package/lib/esm/prototypes/typography.js +3 -3
- package/lib/esm/prototypes/upload.js +2 -2
- package/lib/esm/prototypes/when.js +1 -1
- package/package.json +7 -4
@@ -1,7 +1,7 @@
|
|
1
1
|
import { __rest } from "tslib";
|
2
2
|
import React from 'react';
|
3
3
|
import cx from 'classnames';
|
4
|
-
import { Box } from '@
|
4
|
+
import { Box } from '@cuvp1225/foundation';
|
5
5
|
import { defineComponent } from '@music163/tango-boot';
|
6
6
|
import { Placeholder } from './placeholder';
|
7
7
|
function SectionView(_a) {
|
@@ -1,6 +1,6 @@
|
|
1
1
|
import { SelectProps } from 'antd';
|
2
2
|
export declare const Select: import("react").ForwardRefExoticComponent<Omit<SelectProps<unknown, import("rc-select/lib/Select").BaseOptionType | import("rc-select/lib/Select").DefaultOptionType> & {
|
3
|
-
children?:
|
3
|
+
children?: React.ReactNode;
|
4
4
|
} & {
|
5
|
-
ref?:
|
5
|
+
ref?: React.Ref<import("antd").RefSelectProps> | undefined;
|
6
6
|
} & import("@music163/tango-boot").TangoComponentProps, "ref"> & import("react").RefAttributes<unknown>>;
|
@@ -1,15 +1,15 @@
|
|
1
1
|
import { __rest } from "tslib";
|
2
2
|
import React from 'react';
|
3
3
|
import { css, Box } from 'coral-system';
|
4
|
-
const badgeStyle = css `
|
5
|
-
position: absolute;
|
6
|
-
right: 0;
|
7
|
-
top: 0;
|
8
|
-
font-size: 12px;
|
9
|
-
line-height: 14px;
|
10
|
-
outline: none;
|
11
|
-
border: 0;
|
12
|
-
z-index: 1;
|
4
|
+
const badgeStyle = css `
|
5
|
+
position: absolute;
|
6
|
+
right: 0;
|
7
|
+
top: 0;
|
8
|
+
font-size: 12px;
|
9
|
+
line-height: 14px;
|
10
|
+
outline: none;
|
11
|
+
border: 0;
|
12
|
+
z-index: 1;
|
13
13
|
`;
|
14
14
|
const colorPallet = {
|
15
15
|
effect: ['#531dab', '#d3adf7', '#f9f0ff'],
|
@@ -1,7 +1,7 @@
|
|
1
1
|
import { Typography as AntTypography } from 'antd';
|
2
2
|
import React from 'react';
|
3
|
-
export declare const Title: React.ForwardRefExoticComponent<Omit<import("antd/lib/typography/Title").TitleProps & React.RefAttributes<
|
4
|
-
export declare const Paragraph: React.ForwardRefExoticComponent<Omit<import("antd/lib/typography/Paragraph").ParagraphProps & React.RefAttributes<
|
3
|
+
export declare const Title: React.ForwardRefExoticComponent<Omit<import("antd/lib/typography/Title").TitleProps & React.RefAttributes<HTMLElement> & import("@music163/tango-boot").TangoComponentProps, "ref"> & React.RefAttributes<unknown>>;
|
4
|
+
export declare const Paragraph: React.ForwardRefExoticComponent<Omit<import("antd/lib/typography/Paragraph").ParagraphProps & React.RefAttributes<HTMLElement> & import("@music163/tango-boot").TangoComponentProps, "ref"> & React.RefAttributes<unknown>>;
|
5
5
|
type TypographyComponent = React.ForwardRefExoticComponent<any & React.RefAttributes<React.ReactElement>> & {
|
6
6
|
Title: typeof Title;
|
7
7
|
Paragraph: typeof Paragraph;
|
package/lib/esm/designer.js
CHANGED
@@ -10,9 +10,9 @@ export const menuData = {
|
|
10
10
|
title: '输入',
|
11
11
|
items: ['Input', 'InputNumber', 'Select'],
|
12
12
|
},
|
13
|
-
{
|
14
|
-
|
15
|
-
|
16
|
-
}
|
13
|
+
// {
|
14
|
+
// title: 'Formily表单',
|
15
|
+
// items: ['FormilyForm', 'FormilyFormItem', 'FormilySubmit', 'FormilyReset'],
|
16
|
+
// }
|
17
17
|
],
|
18
18
|
};
|
package/lib/esm/index.less
CHANGED
@@ -1 +1 @@
|
|
1
|
-
@import '~antd/dist/antd.less';
|
1
|
+
@import '~antd/dist/antd.less';
|
@@ -2,7 +2,7 @@ import { StylePrototypes } from './common';
|
|
2
2
|
export const Alert = {
|
3
3
|
name: 'Alert',
|
4
4
|
title: '警告提示',
|
5
|
-
package: '@
|
5
|
+
package: '@cuvp1225/antd',
|
6
6
|
icon: 'icon-xinxitishi',
|
7
7
|
help: '警告提示,展现需要关注的信息',
|
8
8
|
type: 'element',
|
@@ -77,7 +77,7 @@ export const Alert = {
|
|
77
77
|
export const AlertErrorBoundary = {
|
78
78
|
name: 'AlertErrorBoundary',
|
79
79
|
title: '警告提示',
|
80
|
-
package: '@
|
80
|
+
package: '@cuvp1225/antd',
|
81
81
|
icon: '',
|
82
82
|
type: 'element',
|
83
83
|
props: [
|
@@ -2,7 +2,7 @@ import { StylePrototypes } from './common';
|
|
2
2
|
export const Anchor = {
|
3
3
|
name: 'Anchor',
|
4
4
|
title: '锚点',
|
5
|
-
package: '@
|
5
|
+
package: '@cuvp1225/antd',
|
6
6
|
icon: 'icon-maodian',
|
7
7
|
type: 'element',
|
8
8
|
props: [
|
@@ -62,7 +62,7 @@ export const Anchor = {
|
|
62
62
|
export const AnchorLink = {
|
63
63
|
name: 'Link',
|
64
64
|
title: '锚点',
|
65
|
-
package: '@
|
65
|
+
package: '@cuvp1225/antd',
|
66
66
|
icon: 'icon-maodianlink',
|
67
67
|
type: 'element',
|
68
68
|
props: [
|
@@ -2,7 +2,7 @@ import { InstancePrototypes, StylePrototypes } from './common';
|
|
2
2
|
export const AutoComplete = {
|
3
3
|
name: 'AutoComplete',
|
4
4
|
title: '自动完成',
|
5
|
-
package: '@
|
5
|
+
package: '@cuvp1225/antd',
|
6
6
|
icon: 'icon-zidongwancheng',
|
7
7
|
help: '输入框自动完成功能,可提供输入建议/辅助提示能力',
|
8
8
|
type: 'element',
|
@@ -2,7 +2,7 @@ import { StylePrototypes } from './common';
|
|
2
2
|
export const Avatar = {
|
3
3
|
name: 'Avatar',
|
4
4
|
title: '头像',
|
5
|
-
package: '@
|
5
|
+
package: '@cuvp1225/antd',
|
6
6
|
icon: 'icon-touxiang',
|
7
7
|
help: '用来代表用户或事物,支持图片、图标或字符展示',
|
8
8
|
type: 'element',
|
@@ -84,7 +84,7 @@ export const Avatar = {
|
|
84
84
|
export const AvatarGroup = {
|
85
85
|
name: 'AvatarGroup',
|
86
86
|
title: '头像',
|
87
|
-
package: '@
|
87
|
+
package: '@cuvp1225/antd',
|
88
88
|
icon: '',
|
89
89
|
type: 'element',
|
90
90
|
props: [
|
@@ -2,7 +2,7 @@ import { StylePrototypes } from './common';
|
|
2
2
|
export const Badge = {
|
3
3
|
name: 'Badge',
|
4
4
|
title: '徽标数',
|
5
|
-
package: '@
|
5
|
+
package: '@cuvp1225/antd',
|
6
6
|
icon: 'icon-huibiaoshu',
|
7
7
|
help: '图标右上角的圆形徽标数字,用于显示需要处理的消息条数',
|
8
8
|
type: 'element',
|
@@ -83,7 +83,7 @@ export const Badge = {
|
|
83
83
|
export const RibbonBadge = {
|
84
84
|
name: 'RibbonBadge',
|
85
85
|
title: '缎带徽标',
|
86
|
-
package: '@
|
86
|
+
package: '@cuvp1225/antd',
|
87
87
|
icon: 'icon-duandaihuibiao',
|
88
88
|
type: 'element',
|
89
89
|
help: '使用缎带型的徽标',
|
@@ -2,7 +2,7 @@ import { StylePrototypes } from './common';
|
|
2
2
|
export const Breadcrumb = {
|
3
3
|
name: 'Breadcrumb',
|
4
4
|
title: '面包屑',
|
5
|
-
package: '@
|
5
|
+
package: '@cuvp1225/antd',
|
6
6
|
icon: 'icon-mianbaoxie',
|
7
7
|
type: 'element',
|
8
8
|
help: '显示当前页面在系统层级结构中的位置,并能向上返回',
|
@@ -30,7 +30,7 @@ export const Breadcrumb = {
|
|
30
30
|
export const BreadcrumbItem = {
|
31
31
|
name: 'BreadcrumbItem',
|
32
32
|
title: '单个面包屑',
|
33
|
-
package: '@
|
33
|
+
package: '@cuvp1225/antd',
|
34
34
|
icon: '',
|
35
35
|
type: 'element',
|
36
36
|
hasChildren: false,
|
@@ -56,7 +56,7 @@ export const BreadcrumbItem = {
|
|
56
56
|
export const BreadcrumbSeparator = {
|
57
57
|
name: 'BreadcrumbSeparator',
|
58
58
|
title: '面包屑',
|
59
|
-
package: '@
|
59
|
+
package: '@cuvp1225/antd',
|
60
60
|
icon: '',
|
61
61
|
type: 'element',
|
62
62
|
props: [
|
@@ -4,7 +4,7 @@ import { omitProps } from '../helpers';
|
|
4
4
|
export const Card = {
|
5
5
|
name: 'Card',
|
6
6
|
title: '卡片',
|
7
|
-
package: '@
|
7
|
+
package: '@cuvp1225/antd',
|
8
8
|
icon: 'icon-card',
|
9
9
|
help: '最基础的卡片容器,可承载文字、列表、图片、段落,常用于后台概览页面',
|
10
10
|
type: 'element',
|
@@ -120,7 +120,7 @@ export const Card = {
|
|
120
120
|
export const CardGrid = {
|
121
121
|
name: 'CardGrid',
|
122
122
|
title: '卡片Grid',
|
123
|
-
package: '@
|
123
|
+
package: '@cuvp1225/antd',
|
124
124
|
icon: 'icon-kapiangrid',
|
125
125
|
type: 'element',
|
126
126
|
props: [
|
@@ -135,7 +135,7 @@ export const CardGrid = {
|
|
135
135
|
export const CardMeta = {
|
136
136
|
name: 'CardMeta',
|
137
137
|
title: '卡片',
|
138
|
-
package: '@
|
138
|
+
package: '@cuvp1225/antd',
|
139
139
|
icon: '',
|
140
140
|
type: 'element',
|
141
141
|
props: [
|
@@ -4,7 +4,7 @@ export const Checkbox = {
|
|
4
4
|
title: '多选框',
|
5
5
|
icon: 'icon-duoxuankuang',
|
6
6
|
type: 'element',
|
7
|
-
package: '@
|
7
|
+
package: '@cuvp1225/antd',
|
8
8
|
help: '多选框,单独使用可以表示两种状态之间的切换,和 Switch 类似',
|
9
9
|
hasChildren: true,
|
10
10
|
initChildren: '选项1',
|
@@ -62,7 +62,7 @@ export const CheckboxGroup = {
|
|
62
62
|
title: '多选框组',
|
63
63
|
icon: 'icon-duoxuankuang',
|
64
64
|
type: 'element',
|
65
|
-
package: '@
|
65
|
+
package: '@cuvp1225/antd',
|
66
66
|
help: '多选框,在一组可选项中进行多项选择时',
|
67
67
|
props: [
|
68
68
|
...StylePrototypes,
|
@@ -2,7 +2,7 @@ import { StylePrototypes } from './common';
|
|
2
2
|
export const Collapse = {
|
3
3
|
name: 'Collapse',
|
4
4
|
title: '折叠面板',
|
5
|
-
package: '@
|
5
|
+
package: '@cuvp1225/antd',
|
6
6
|
icon: 'icon-zhediemianban',
|
7
7
|
help: '可以折叠/展开的内容区域,对复杂区域进行分组和隐藏,保持页面的整洁',
|
8
8
|
type: 'element',
|
@@ -84,7 +84,7 @@ export const Collapse = {
|
|
84
84
|
export const CollapsePanel = {
|
85
85
|
name: 'CollapsePanel',
|
86
86
|
title: '折叠面板Panel',
|
87
|
-
package: '@
|
87
|
+
package: '@cuvp1225/antd',
|
88
88
|
icon: 'icon-zhediemianban',
|
89
89
|
type: 'element',
|
90
90
|
props: [
|
@@ -3,7 +3,7 @@ export const Columns = {
|
|
3
3
|
name: 'Columns',
|
4
4
|
type: 'container',
|
5
5
|
icon: 'icon-column-4',
|
6
|
-
package: '@
|
6
|
+
package: '@cuvp1225/antd',
|
7
7
|
hasChildren: true,
|
8
8
|
childrenName: ['Column'],
|
9
9
|
props: [...StylePrototypes],
|
@@ -12,7 +12,7 @@ export const Column = {
|
|
12
12
|
name: 'Column',
|
13
13
|
type: 'container',
|
14
14
|
icon: 'icon-column-4',
|
15
|
-
package: '@
|
15
|
+
package: '@cuvp1225/antd',
|
16
16
|
hasChildren: true,
|
17
17
|
props: [...StylePrototypes],
|
18
18
|
};
|
@@ -122,10 +122,10 @@ export const PickerCommonProps = [
|
|
122
122
|
setter: 'expressionSetter',
|
123
123
|
group: 'advanced',
|
124
124
|
autoCompleteOptions: [
|
125
|
-
`current => {
|
126
|
-
// // 示例:不可选择今日(包含)之前的日期
|
127
|
-
return current && current < moment().endOf('day');
|
128
|
-
}
|
125
|
+
`current => {
|
126
|
+
// // 示例:不可选择今日(包含)之前的日期
|
127
|
+
return current && current < moment().endOf('day');
|
128
|
+
}
|
129
129
|
`,
|
130
130
|
],
|
131
131
|
},
|
@@ -135,10 +135,10 @@ export const PickerCommonProps = [
|
|
135
135
|
tip: '需要showTime=true',
|
136
136
|
setter: 'expressionSetter',
|
137
137
|
autoCompleteOptions: [
|
138
|
-
`(date) => ({
|
139
|
-
disabledHours: () => range(0, 24).splice(4, 20),
|
140
|
-
disabledMinutes: () => range(30, 60),
|
141
|
-
disabledSeconds: () => [55, 56],
|
138
|
+
`(date) => ({
|
139
|
+
disabledHours: () => range(0, 24).splice(4, 20),
|
140
|
+
disabledMinutes: () => range(30, 60),
|
141
|
+
disabledSeconds: () => [55, 56],
|
142
142
|
})`,
|
143
143
|
],
|
144
144
|
group: 'advanced',
|
@@ -150,18 +150,18 @@ export const PickerCommonProps = [
|
|
150
150
|
group: 'advanced',
|
151
151
|
tip: '自定义日期单元格的内容和样式',
|
152
152
|
autoCompleteOptions: [
|
153
|
-
`current => {
|
154
|
-
// 示例:给每个月的第一天增加样式
|
155
|
-
const style = {};
|
156
|
-
if (current.date() === 1) {
|
157
|
-
style.border = '1px solid #1890ff';
|
158
|
-
style.borderRadius = '50%';
|
159
|
-
}
|
160
|
-
return (
|
161
|
-
<div className="ant-picker-cell-inner" style={style}>
|
162
|
-
{current.date()}
|
163
|
-
</div>
|
164
|
-
);
|
153
|
+
`current => {
|
154
|
+
// 示例:给每个月的第一天增加样式
|
155
|
+
const style = {};
|
156
|
+
if (current.date() === 1) {
|
157
|
+
style.border = '1px solid #1890ff';
|
158
|
+
style.borderRadius = '50%';
|
159
|
+
}
|
160
|
+
return (
|
161
|
+
<div className="ant-picker-cell-inner" style={style}>
|
162
|
+
{current.date()}
|
163
|
+
</div>
|
164
|
+
);
|
165
165
|
}`,
|
166
166
|
],
|
167
167
|
},
|
@@ -249,7 +249,7 @@ export const DatePicker = {
|
|
249
249
|
title: '日期选择框',
|
250
250
|
icon: 'icon-riqishijian',
|
251
251
|
type: 'element',
|
252
|
-
package: '@
|
252
|
+
package: '@cuvp1225/antd',
|
253
253
|
help: '当需要输入或选择具体日期的控件',
|
254
254
|
hasChildren: false,
|
255
255
|
props: [
|
@@ -271,9 +271,9 @@ export const DatePicker = {
|
|
271
271
|
setter: 'expressionSetter',
|
272
272
|
group: 'advanced',
|
273
273
|
autoCompleteOptions: [
|
274
|
-
`{
|
275
|
-
Today: moment(),
|
276
|
-
'This Month': moment().endOf('month'),
|
274
|
+
`{
|
275
|
+
Today: moment(),
|
276
|
+
'This Month': moment().endOf('month'),
|
277
277
|
}`,
|
278
278
|
],
|
279
279
|
},
|
@@ -302,7 +302,7 @@ export const MonthPicker = {
|
|
302
302
|
title: '月选择器',
|
303
303
|
icon: 'icon-month',
|
304
304
|
type: 'element',
|
305
|
-
package: '@
|
305
|
+
package: '@cuvp1225/antd',
|
306
306
|
help: '当需要输入或选择具体月份的控件',
|
307
307
|
hasChildren: false,
|
308
308
|
props: [
|
@@ -312,8 +312,8 @@ export const MonthPicker = {
|
|
312
312
|
title: '自定义渲染月份内容',
|
313
313
|
setter: 'expressionSetter',
|
314
314
|
autoCompleteOptions: [
|
315
|
-
`(date) => {
|
316
|
-
return date.format("MM");
|
315
|
+
`(date) => {
|
316
|
+
return date.format("MM");
|
317
317
|
}`,
|
318
318
|
],
|
319
319
|
group: 'advanced',
|
@@ -325,7 +325,7 @@ export const YearPicker = {
|
|
325
325
|
title: '年选择器',
|
326
326
|
icon: 'icon-year',
|
327
327
|
type: 'element',
|
328
|
-
package: '@
|
328
|
+
package: '@cuvp1225/antd',
|
329
329
|
help: '当需要输入或选择具体年份的控件',
|
330
330
|
hasChildren: false,
|
331
331
|
props: [...PickerCommonProps],
|
@@ -335,7 +335,7 @@ export const WeekPicker = {
|
|
335
335
|
title: '周选择框',
|
336
336
|
icon: 'icon-week',
|
337
337
|
type: 'element',
|
338
|
-
package: '@
|
338
|
+
package: '@cuvp1225/antd',
|
339
339
|
help: '当需要输入或选择具体周的控件',
|
340
340
|
hasChildren: false,
|
341
341
|
props: [...PickerCommonProps],
|
@@ -345,7 +345,7 @@ export const DateRangePicker = {
|
|
345
345
|
title: '日期选择框 Range',
|
346
346
|
icon: 'icon-date-range',
|
347
347
|
type: 'element',
|
348
|
-
package: '@
|
348
|
+
package: '@cuvp1225/antd',
|
349
349
|
help: '当需要输入或选择具体日期范围的控件',
|
350
350
|
hasChildren: false,
|
351
351
|
props: [
|
@@ -366,9 +366,9 @@ export const DateRangePicker = {
|
|
366
366
|
setter: 'expressionSetter',
|
367
367
|
group: 'advanced',
|
368
368
|
autoCompleteOptions: [
|
369
|
-
`{
|
370
|
-
Today: [moment(), moment()],
|
371
|
-
'This Month': [moment().startOf('month'), moment().endOf('month')],
|
369
|
+
`{
|
370
|
+
Today: [moment(), moment()],
|
371
|
+
'This Month': [moment().startOf('month'), moment().endOf('month')],
|
372
372
|
}`,
|
373
373
|
],
|
374
374
|
},
|
@@ -2,7 +2,7 @@ import { StylePrototypes } from './common';
|
|
2
2
|
export const Descriptions = {
|
3
3
|
name: 'Descriptions',
|
4
4
|
title: '描述列表',
|
5
|
-
package: '@
|
5
|
+
package: '@cuvp1225/antd',
|
6
6
|
icon: 'icon-miaoshu',
|
7
7
|
help: '成组展示多个只读字段,常见于详情页的信息展示',
|
8
8
|
type: 'element',
|
@@ -97,7 +97,7 @@ export const Descriptions = {
|
|
97
97
|
export const DescriptionItem = {
|
98
98
|
name: 'DescriptionItem',
|
99
99
|
title: '描述列表子项',
|
100
|
-
package: '@
|
100
|
+
package: '@cuvp1225/antd',
|
101
101
|
icon: 'icon-miaoshuliebiaoitem',
|
102
102
|
type: 'element',
|
103
103
|
hasChildren: false,
|
@@ -1,7 +1,7 @@
|
|
1
1
|
export const Dropdown = {
|
2
2
|
name: 'Dropdown',
|
3
3
|
title: '下拉菜单',
|
4
|
-
package: '@
|
4
|
+
package: '@cuvp1225/antd',
|
5
5
|
icon: 'icon-xialacaidan',
|
6
6
|
type: 'element',
|
7
7
|
initChildren: '<a>Hover me <Icon type="DownOutlined" /></a>',
|
@@ -76,7 +76,7 @@ export const Dropdown = {
|
|
76
76
|
export const DropdownButton = {
|
77
77
|
name: 'DropdownButton',
|
78
78
|
title: '下拉菜单',
|
79
|
-
package: '@
|
79
|
+
package: '@cuvp1225/antd',
|
80
80
|
icon: '',
|
81
81
|
type: 'element',
|
82
82
|
props: [
|
@@ -37,10 +37,24 @@ export const Form = {
|
|
37
37
|
exportType: 'namedExport',
|
38
38
|
icon: 'icon-biaodan',
|
39
39
|
type: 'element',
|
40
|
-
package: '@
|
40
|
+
package: '@cuvp1225/antd',
|
41
41
|
help: '最基本的表单组件,可以创建一个轻量级表单。',
|
42
42
|
hasChildren: true,
|
43
|
-
initChildren:
|
43
|
+
initChildren: `<Form.Item label="Username" name="username" rules={[{ required: true, message: "Please input your username!" }]}>
|
44
|
+
<Input />
|
45
|
+
</Form.Item>
|
46
|
+
<Form.Item
|
47
|
+
label="Password"
|
48
|
+
name="password"
|
49
|
+
rules={[{ required: true, message: 'Please input your password!' }]}
|
50
|
+
>
|
51
|
+
<Input.Password />
|
52
|
+
</Form.Item>
|
53
|
+
<Form.Item wrapperCol={{ offset: 8, span: 16 }}>
|
54
|
+
<Button type="primary" htmlType="submit">
|
55
|
+
Submit
|
56
|
+
</Button>
|
57
|
+
</Form.Item>`,
|
44
58
|
relatedImports: ['FormItem', 'FormFooter', 'Button'],
|
45
59
|
childrenName: ['FormItem', 'Fieldset', 'FormFooter'],
|
46
60
|
props: [
|
@@ -140,7 +154,7 @@ export const Fieldset = {
|
|
140
154
|
exportType: 'namedExport',
|
141
155
|
icon: 'icon-biaodan',
|
142
156
|
type: 'element',
|
143
|
-
package: '@
|
157
|
+
package: '@cuvp1225/antd',
|
144
158
|
hasChildren: true,
|
145
159
|
initChildren: '<FormItem component="Input" label="表单项" /><FormItem component="Input" label="表单项" />',
|
146
160
|
relatedImports: ['FormItem'],
|
@@ -164,7 +178,7 @@ export const FormItem = {
|
|
164
178
|
exportType: 'namedExport',
|
165
179
|
icon: 'icon-biaodan',
|
166
180
|
type: 'element',
|
167
|
-
package: '@
|
181
|
+
package: '@cuvp1225/antd',
|
168
182
|
help: '一个基本的表单项',
|
169
183
|
hasChildren: true,
|
170
184
|
props: [
|
@@ -282,7 +296,7 @@ export const FormFooter = {
|
|
282
296
|
exportType: 'namedExport',
|
283
297
|
icon: 'icon-biaodan',
|
284
298
|
type: 'element',
|
285
|
-
package: '@
|
299
|
+
package: '@cuvp1225/antd',
|
286
300
|
hasChildren: true,
|
287
301
|
initChildren: '<Button type="primary" htmlType="submit">提交</Button>',
|
288
302
|
relatedImports: ['Button'],
|