@cuvp1225/antd 0.1.16 → 0.1.17

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.
Files changed (43) hide show
  1. package/dist/designer.js +25 -320
  2. package/dist/index.js +13 -308
  3. package/lib/cjs/components/collapse.d.ts +0 -1
  4. package/lib/cjs/components/collapse.js +4 -4
  5. package/lib/cjs/components/descriptions.d.ts +5 -1
  6. package/lib/cjs/components/descriptions.js +9 -18
  7. package/lib/cjs/components/index.d.ts +1 -3
  8. package/lib/cjs/components/index.js +8 -8
  9. package/lib/cjs/components/modal.d.ts +1 -1
  10. package/lib/cjs/components/modal.js +3 -3
  11. package/lib/cjs/components/result1.js +1 -1
  12. package/lib/cjs/components/result2.d.ts +4 -0
  13. package/lib/cjs/components/result2.js +13 -0
  14. package/lib/cjs/components/result3.d.ts +9 -0
  15. package/lib/cjs/components/result3.js +17 -0
  16. package/lib/cjs/prototypes/collapse.js +44 -1
  17. package/lib/cjs/prototypes/descriptions.js +1 -1
  18. package/lib/cjs/prototypes/drawer.js +1 -1
  19. package/lib/cjs/prototypes/form.js +10 -6
  20. package/lib/cjs/prototypes/list.js +1 -1
  21. package/lib/cjs/prototypes/row.js +2 -2
  22. package/lib/cjs/prototypes/timeline.js +1 -1
  23. package/lib/esm/components/collapse.d.ts +0 -1
  24. package/lib/esm/components/collapse.js +3 -3
  25. package/lib/esm/components/descriptions.d.ts +5 -1
  26. package/lib/esm/components/descriptions.js +7 -17
  27. package/lib/esm/components/index.d.ts +1 -3
  28. package/lib/esm/components/index.js +6 -4
  29. package/lib/esm/components/modal.d.ts +1 -1
  30. package/lib/esm/components/modal.js +2 -2
  31. package/lib/esm/components/result1.js +1 -1
  32. package/lib/esm/components/result2.d.ts +4 -0
  33. package/lib/esm/components/result2.js +9 -0
  34. package/lib/esm/components/result3.d.ts +9 -0
  35. package/lib/esm/components/result3.js +13 -0
  36. package/lib/esm/prototypes/collapse.js +43 -1
  37. package/lib/esm/prototypes/descriptions.js +1 -1
  38. package/lib/esm/prototypes/drawer.js +1 -1
  39. package/lib/esm/prototypes/form.js +10 -6
  40. package/lib/esm/prototypes/list.js +1 -1
  41. package/lib/esm/prototypes/row.js +2 -2
  42. package/lib/esm/prototypes/timeline.js +1 -1
  43. package/package.json +2 -2
@@ -1,4 +1,3 @@
1
1
  import { CollapseProps } from 'antd';
2
2
  import React from 'react';
3
3
  export declare const Collapse: React.ForwardRefExoticComponent<CollapseProps & import("@music163/tango-boot").TangoComponentProps & React.RefAttributes<unknown>>;
4
- export declare const CollapsePanel: React.ForwardRefExoticComponent<import("antd").CollapsePanelProps & import("@music163/tango-boot").TangoComponentProps & React.RefAttributes<unknown>>;
@@ -1,6 +1,6 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.CollapsePanel = exports.Collapse = void 0;
3
+ exports.Collapse = void 0;
4
4
  const tslib_1 = require("tslib");
5
5
  const tango_boot_1 = require("@music163/tango-boot");
6
6
  const antd_1 = require("antd");
@@ -30,6 +30,6 @@ exports.Collapse = (0, tango_boot_1.defineComponent)(antd_1.Collapse, {
30
30
  },
31
31
  },
32
32
  });
33
- exports.CollapsePanel = (0, tango_boot_1.defineComponent)(antd_1.Collapse.Panel, {
34
- name: 'CollapsePanel',
35
- });
33
+ // export const CollapsePanel = defineComponent(AntCollapse.Panel, {
34
+ // name: 'CollapsePanel',
35
+ // });
@@ -1,6 +1,10 @@
1
1
  import { DescriptionsProps } from 'antd';
2
2
  import React from 'react';
3
- export declare const Descriptions: ({ items, [SLOT.dnd]: dataDnd, [SLOT.id]: dataId, ...rest }: DescriptionsProps & {
3
+ export declare const Descriptions: ({ items, [SLOT.id]: dataId, [SLOT.dnd]: dataDnd, ...rest }: DescriptionsProps & {
4
+ [key: string]: any;
5
+ children?: React.ReactNode;
6
+ }) => React.JSX.Element;
7
+ export declare const DescriptionsItem: ({ ...rest }: DescriptionsProps & {
4
8
  [key: string]: any;
5
9
  children?: React.ReactNode;
6
10
  }) => React.JSX.Element;
@@ -4,7 +4,7 @@
4
4
  // import React, { useEffect} from 'react';
5
5
  // import { SLOT } from '@music163/tango-helpers';
6
6
  Object.defineProperty(exports, "__esModule", { value: true });
7
- exports.Descriptions = void 0;
7
+ exports.DescriptionsItem = exports.Descriptions = void 0;
8
8
  const tslib_1 = require("tslib");
9
9
  // function DescriptionsDesigner({
10
10
  // items,
@@ -49,27 +49,18 @@ const tslib_1 = require("tslib");
49
49
  // },
50
50
  // },
51
51
  // });
52
- // import { Descriptions as AntDescriptions} from 'antd';
53
- // import React, {} from 'react';
54
- // import { SLOT } from '@music163/tango-helpers';
55
- // export const Descriptions = ({
56
- // [SLOT.id]: dataId,
57
- // [SLOT.dnd]: dataDnd,
58
- // ...rest
59
- // }) => {
60
- // console.log("新的descriptions组件01", dataId, dataDnd, rest);
61
- // return (
62
- // <div data-dnd={dataDnd} data-id={dataId} draggable={true}>
63
- // <AntDescriptions {...rest} > </AntDescriptions>
64
- // </div>
65
- // )
66
- // }
67
52
  const antd_1 = require("antd");
68
53
  const react_1 = tslib_1.__importDefault(require("react"));
69
54
  const tango_helpers_1 = require("@music163/tango-helpers");
70
55
  const Descriptions = (_a) => {
71
- var { items } = _a, _b = tango_helpers_1.SLOT.dnd, dataDnd = _a[_b], _c = tango_helpers_1.SLOT.id, dataId = _a[_c], rest = tslib_1.__rest(_a, ["items", typeof _b === "symbol" ? _b : _b + "", typeof _c === "symbol" ? _c : _c + ""]);
56
+ var { items } = _a, _b = tango_helpers_1.SLOT.id, dataId = _a[_b], _c = tango_helpers_1.SLOT.dnd, dataDnd = _a[_c], rest = tslib_1.__rest(_a, ["items", typeof _b === "symbol" ? _b : _b + "", typeof _c === "symbol" ? _c : _c + ""]);
57
+ console.log("新的descriptions组件01", dataId, dataDnd, rest);
72
58
  return (react_1.default.createElement("div", { "data-dnd": dataDnd, "data-id": dataId, draggable: true },
73
- react_1.default.createElement(antd_1.Descriptions, Object.assign({}, rest), items.map((item) => (react_1.default.createElement(antd_1.Descriptions.Item, { label: item.label, key: item.label }, item.value))))));
59
+ react_1.default.createElement(antd_1.Descriptions, Object.assign({}, rest), items)));
74
60
  };
75
61
  exports.Descriptions = Descriptions;
62
+ const DescriptionsItem = (_a) => {
63
+ var rest = tslib_1.__rest(_a, []);
64
+ return react_1.default.createElement(antd_1.Descriptions.Item, Object.assign({}, rest), " ");
65
+ };
66
+ exports.DescriptionsItem = DescriptionsItem;
@@ -5,18 +5,17 @@ export { Button, ButtonGroup } from './button';
5
5
  export * from './formily';
6
6
  export { InputNumber } from './input-number';
7
7
  export { Input, TextArea, Password } from './input';
8
- export { Modalnew } from './modal';
9
8
  export * from './page';
10
9
  export * from './placeholder';
11
10
  export * from './section';
12
11
  export { Select } from './select';
13
12
  export { Space } from './space';
14
- export { Result } from './result1';
15
13
  export { Drawer } from "./drawer";
16
14
  export { DatePicker } from "./date-picker";
17
15
  export { Radio, RadioGroup } from "./radio";
18
16
  export { Checkbox, CheckboxGroup } from "./checkbox";
19
17
  export { Cascader } from "./cascader";
18
+ export { Collapse } from './collapse';
20
19
  export { Dropdown, DropdownButton } from './dropdown';
21
20
  export { Upload } from "./upload";
22
21
  export { Skeleton } from "./skeleton";
@@ -41,7 +40,6 @@ export { AutoComplete } from './auto-complete';
41
40
  export { Mentions } from './mentions';
42
41
  export { TreeSelect } from './tree-select';
43
42
  export { Image } from './image';
44
- export { Descriptions } from './descriptions';
45
43
  export { Tree } from './tree';
46
44
  export { Alert } from "./alert";
47
45
  export { Progress } from './progress';
@@ -1,6 +1,6 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.Progress = exports.Alert = exports.Tree = exports.Descriptions = exports.Image = exports.TreeSelect = exports.Mentions = exports.AutoComplete = exports.Switch = exports.PageHeader = exports.Statistic = exports.Transfer = exports.TimePicker = exports.Comment = exports.Rate = exports.Slider = exports.Empty = exports.Avatar = exports.Card = exports.Table = exports.Pagination = exports.Badge = exports.Divider = exports.Calendar = exports.Spin = exports.Skeleton = exports.Upload = exports.DropdownButton = exports.Dropdown = exports.Cascader = exports.CheckboxGroup = exports.Checkbox = exports.RadioGroup = exports.Radio = exports.DatePicker = exports.Drawer = exports.Result = exports.Space = exports.Select = exports.Modalnew = exports.Password = exports.TextArea = exports.Input = exports.InputNumber = exports.ButtonGroup = exports.Button = exports.Box = exports.When = exports.Each = void 0;
3
+ exports.Progress = exports.Alert = exports.Tree = exports.Image = exports.TreeSelect = exports.Mentions = exports.AutoComplete = exports.Switch = exports.PageHeader = exports.Statistic = exports.Transfer = exports.TimePicker = exports.Comment = exports.Rate = exports.Slider = exports.Empty = exports.Avatar = exports.Card = exports.Table = exports.Pagination = exports.Badge = exports.Divider = exports.Calendar = exports.Spin = exports.Skeleton = exports.Upload = exports.DropdownButton = exports.Dropdown = exports.Collapse = exports.Cascader = exports.CheckboxGroup = exports.Checkbox = exports.RadioGroup = exports.Radio = exports.DatePicker = exports.Drawer = exports.Space = exports.Select = exports.Password = exports.TextArea = exports.Input = exports.InputNumber = exports.ButtonGroup = exports.Button = exports.Box = exports.When = exports.Each = void 0;
4
4
  const tslib_1 = require("tslib");
5
5
  tslib_1.__exportStar(require("antd"), exports);
6
6
  //以下组件都从antd中导出,解决下述组件卡顿问题
@@ -22,8 +22,7 @@ var input_1 = require("./input");
22
22
  Object.defineProperty(exports, "Input", { enumerable: true, get: function () { return input_1.Input; } });
23
23
  Object.defineProperty(exports, "TextArea", { enumerable: true, get: function () { return input_1.TextArea; } });
24
24
  Object.defineProperty(exports, "Password", { enumerable: true, get: function () { return input_1.Password; } });
25
- var modal_1 = require("./modal");
26
- Object.defineProperty(exports, "Modalnew", { enumerable: true, get: function () { return modal_1.Modalnew; } });
25
+ //export { Modalnew } from './modal';
27
26
  tslib_1.__exportStar(require("./page"), exports);
28
27
  tslib_1.__exportStar(require("./placeholder"), exports);
29
28
  tslib_1.__exportStar(require("./section"), exports);
@@ -37,8 +36,9 @@ Object.defineProperty(exports, "Space", { enumerable: true, get: function () { r
37
36
  //export {Popover} from './popover';
38
37
  //export {Tooltip} from './tooltip';
39
38
  //export {Result} from './result';
40
- var result1_1 = require("./result1");
41
- Object.defineProperty(exports, "Result", { enumerable: true, get: function () { return result1_1.Result; } });
39
+ //export {Result} from './result1';
40
+ //export {Result} from './result2';
41
+ //export {Result} from './result3';
42
42
  var drawer_1 = require("./drawer");
43
43
  Object.defineProperty(exports, "Drawer", { enumerable: true, get: function () { return drawer_1.Drawer; } });
44
44
  var date_picker_1 = require("./date-picker");
@@ -61,7 +61,8 @@ Object.defineProperty(exports, "Cascader", { enumerable: true, get: function ()
61
61
  // export { Timeline,TimelineItem } from './timeline1'
62
62
  // export { BasicTimeline } from './timeline2'
63
63
  //export { Each } from './each'
64
- //export { Collapse, CollapsePanel } from './collapse'
64
+ var collapse_1 = require("./collapse");
65
+ Object.defineProperty(exports, "Collapse", { enumerable: true, get: function () { return collapse_1.Collapse; } });
65
66
  //export { List, ListItem } from './list'
66
67
  var dropdown_1 = require("./dropdown");
67
68
  Object.defineProperty(exports, "Dropdown", { enumerable: true, get: function () { return dropdown_1.Dropdown; } });
@@ -117,8 +118,7 @@ Object.defineProperty(exports, "TreeSelect", { enumerable: true, get: function (
117
118
  var image_1 = require("./image");
118
119
  Object.defineProperty(exports, "Image", { enumerable: true, get: function () { return image_1.Image; } });
119
120
  //export { Tabs } from './tabs'
120
- var descriptions_1 = require("./descriptions");
121
- Object.defineProperty(exports, "Descriptions", { enumerable: true, get: function () { return descriptions_1.Descriptions; } });
121
+ // export { Descriptions } from './descriptions'
122
122
  var tree_1 = require("./tree");
123
123
  Object.defineProperty(exports, "Tree", { enumerable: true, get: function () { return tree_1.Tree; } });
124
124
  var alert_1 = require("./alert");
@@ -1,3 +1,3 @@
1
1
  import React from 'react';
2
2
  import { ModalProps } from 'antd';
3
- export declare const Modalnew: React.ForwardRefExoticComponent<ModalProps & import("@music163/tango-boot").TangoComponentProps & React.RefAttributes<unknown>>;
3
+ export declare const Modal: React.ForwardRefExoticComponent<ModalProps & import("@music163/tango-boot").TangoComponentProps & React.RefAttributes<unknown>>;
@@ -1,6 +1,6 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.Modalnew = void 0;
3
+ exports.Modal = void 0;
4
4
  const tslib_1 = require("tslib");
5
5
  const react_1 = tslib_1.__importDefault(require("react"));
6
6
  const styled_components_1 = require("styled-components");
@@ -65,8 +65,8 @@ function ModalDesigner(_a) {
65
65
  react_1.default.createElement("div", { className: "ModalPanelBody" }, children || react_1.default.createElement(placeholder_1.Placeholder, null)),
66
66
  renderFooter())));
67
67
  }
68
- exports.Modalnew = (0, tango_boot_1.defineComponent)(antd_1.Modal, {
69
- name: 'Modalnew',
68
+ exports.Modal = (0, tango_boot_1.defineComponent)(antd_1.Modal, {
69
+ name: 'Modal',
70
70
  designerConfig: {
71
71
  render({ designerProps, originalProps }) {
72
72
  return react_1.default.createElement(ModalDesigner, Object.assign({}, designerProps, originalProps));
@@ -9,6 +9,6 @@ const Result = (_a) => {
9
9
  var _b = tango_helpers_1.SLOT.id, dataId = _a[_b], _c = tango_helpers_1.SLOT.dnd, dataDnd = _a[_c], rest = tslib_1.__rest(_a, [typeof _b === "symbol" ? _b : _b + "", typeof _c === "symbol" ? _c : _c + ""]);
10
10
  console.log("新的结果组件01", dataId, dataDnd, rest);
11
11
  return (react_1.default.createElement("div", { "data-dnd": dataDnd, "data-id": dataId, draggable: true },
12
- react_1.default.createElement(antd_1.Result, Object.assign({}, rest))));
12
+ react_1.default.createElement(antd_1.Result, Object.assign({}, rest), " ")));
13
13
  };
14
14
  exports.Result = Result;
@@ -0,0 +1,4 @@
1
+ import React from 'react';
2
+ export declare const Result: ({ [SLOT.id]: dataId, [SLOT.dnd]: dataDnd, ...rest }: {
3
+ [x: string]: any;
4
+ }) => React.JSX.Element;
@@ -0,0 +1,13 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.Result = void 0;
4
+ const tslib_1 = require("tslib");
5
+ const antd_1 = require("antd");
6
+ const react_1 = tslib_1.__importDefault(require("react"));
7
+ const tango_helpers_1 = require("@music163/tango-helpers");
8
+ const Result = (_a) => {
9
+ var _b = tango_helpers_1.SLOT.id, dataId = _a[_b], _c = tango_helpers_1.SLOT.dnd, dataDnd = _a[_c], rest = tslib_1.__rest(_a, [typeof _b === "symbol" ? _b : _b + "", typeof _c === "symbol" ? _c : _c + ""]);
10
+ console.log("新的结果组件02", dataId, dataDnd, rest);
11
+ return (react_1.default.createElement(antd_1.Result, Object.assign({ "data-dnd": dataDnd, "data-id": dataId }, rest), " "));
12
+ };
13
+ exports.Result = Result;
@@ -0,0 +1,9 @@
1
+ import { ResultProps } from 'antd';
2
+ import React from 'react';
3
+ interface ResultWithDndProps extends ResultProps {
4
+ ["id"]: string;
5
+ ["dnd"]: string;
6
+ extra?: React.ReactNode;
7
+ }
8
+ export declare const Result: React.FC<ResultWithDndProps>;
9
+ export {};
@@ -0,0 +1,17 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.Result = void 0;
4
+ const tslib_1 = require("tslib");
5
+ const antd_1 = require("antd");
6
+ const react_1 = tslib_1.__importStar(require("react"));
7
+ // 静态化ExtraButton组件
8
+ const ExtraButton = (0, react_1.memo)(({ extra }) => {
9
+ return react_1.default.createElement(react_1.default.Fragment, null, extra);
10
+ });
11
+ const Result = (_a) => {
12
+ var { ["id"]: dataId, ["dnd"]: dataDnd, extra } = _a, rest = tslib_1.__rest(_a, ["id", "dnd", "extra"]);
13
+ console.log("结果组件0416001", dataId, dataDnd, extra);
14
+ return (react_1.default.createElement("div", { "data-dnd": dataDnd, "data-id": dataId, draggable: true },
15
+ react_1.default.createElement(antd_1.Result, Object.assign({}, rest, { extra: extra ? [react_1.default.createElement(ExtraButton, { key: "btn", extra: extra })] : null }))));
16
+ };
17
+ exports.Result = Result;
@@ -1,7 +1,10 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
3
  exports.CollapsePanel = exports.Collapse = void 0;
4
+ const tslib_1 = require("tslib");
4
5
  const common_1 = require("./common");
6
+ const react_1 = tslib_1.__importDefault(require("react"));
7
+ const antd_1 = require("antd");
5
8
  exports.Collapse = {
6
9
  name: 'Collapse',
7
10
  title: '折叠面板',
@@ -9,12 +12,52 @@ exports.Collapse = {
9
12
  icon: 'icon-zhediemianban',
10
13
  help: '可以折叠/展开的内容区域,对复杂区域进行分组和隐藏,保持页面的整洁',
11
14
  type: 'element',
15
+ hasChildrenItem: true,
12
16
  hasChildren: true,
13
- childrenName: 'CollapsePanel',
17
+ childrenName: 'Collapse.Panel',
14
18
  initChildren: `<Collapse.Panel header="panel1" key="1"><Placeholder text="放置替换" /></Collapse.Panel><Collapse.Panel header="panel2" key="2"><Placeholder text="放置替换" /></Collapse.Panel><Collapse.Panel header="panel3" key="3"><Placeholder text="放置替换" /></Collapse.Panel>`,
15
19
  relatedImports: ['Placeholder'],
16
20
  props: [
17
21
  ...common_1.StylePrototypes,
22
+ {
23
+ name: 'itemArray',
24
+ title: '子面板',
25
+ setter: 'arraySetter',
26
+ setterProps: {
27
+ ArrayProps: [
28
+ {
29
+ label: '面板头内容',
30
+ name: 'header',
31
+ },
32
+ {
33
+ label: '对应 activeKey',
34
+ name: 'key',
35
+ },
36
+ // {
37
+ // label: '是否可折叠',
38
+ // name: 'collapsible',
39
+ // component: <Switch />
40
+ // },
41
+ {
42
+ label: '自定义渲染',
43
+ name: 'extra',
44
+ component: react_1.default.createElement(antd_1.Switch, null)
45
+ },
46
+ {
47
+ label: '隐藏时保留',
48
+ name: 'forceRender',
49
+ component: react_1.default.createElement(antd_1.Switch, null),
50
+ defaultValue: false,
51
+ },
52
+ {
53
+ label: '是否展示当前面板上的箭头',
54
+ name: 'showArrow',
55
+ component: react_1.default.createElement(antd_1.Switch, null),
56
+ defaultValue: true,
57
+ },
58
+ ]
59
+ }
60
+ },
18
61
  {
19
62
  name: 'accordion',
20
63
  title: '手风琴模式',
@@ -10,7 +10,7 @@ exports.Descriptions = {
10
10
  help: '成组展示多个只读字段,常见于详情页的信息展示',
11
11
  type: 'element',
12
12
  hasChildren: true,
13
- childrenName: 'DescriptionItem',
13
+ childrenName: 'Description.Item',
14
14
  // initChildren: `<DescriptionItem label="标签" content="文本内容" /><DescriptionItem label="标签" content="文本内容" />`,
15
15
  // relatedImports: ['DescriptionItem', 'Text'],
16
16
  hasChildrenItem: true,
@@ -11,7 +11,7 @@ exports.Drawer = {
11
11
  package: '@cuvp1225/antd',
12
12
  help: '屏幕边缘滑出的浮层面板。',
13
13
  hasChildren: true,
14
- initChildren: '',
14
+ initChildren: '<Placeholder></Placeholder>',
15
15
  props: [
16
16
  ...common_1.StylePrototypes,
17
17
  // {
@@ -96,16 +96,20 @@ const formChildren = [{
96
96
  label: '时间范围选择框',
97
97
  },
98
98
  {
99
- value: '< UploadImage />',
100
- label: '图片上传',
99
+ value: '< Upload />',
100
+ label: '上传',
101
101
  },
102
102
  {
103
- value: '< UploadFile />',
104
- label: '文件上传',
103
+ value: '< Rate />',
104
+ label: '评分',
105
105
  },
106
106
  {
107
107
  value: '< Slider />',
108
108
  label: '滑动输入条',
109
+ },
110
+ {
111
+ value: '< Placeholder />',
112
+ label: '插槽',
109
113
  }
110
114
  ];
111
115
  exports.Form = {
@@ -135,8 +139,8 @@ exports.Form = {
135
139
  // </Button>
136
140
  // </Form.Item>`,
137
141
  initChildren: '<Form.Item component="Input" label="表单项" ><Placeholder></Placeholder></Form.Item>',
138
- relatedImports: ['FormItem', 'FormFooter', 'Button', 'Input'],
139
- childrenName: ['FormItem', 'Fieldset', 'FormFooter'],
142
+ // relatedImports: ['Form.Item', 'FormFooter', 'Button', 'Input'],
143
+ childrenName: ['Form.Item', 'Fieldset', 'FormFooter'],
140
144
  props: [
141
145
  ...common_1.StylePrototypes,
142
146
  {
@@ -15,7 +15,7 @@ exports.List = {
15
15
  type: 'element',
16
16
  hasChildren: true,
17
17
  hasChildrenItem: true,
18
- childrenName: 'ListItem',
18
+ childrenName: 'List.Item',
19
19
  // relatedImports: ['ListItem'],
20
20
  initChildren: '<List.Item>列表项</List.Item>',
21
21
  props: [
@@ -18,8 +18,8 @@ exports.Row1 = {
18
18
  {
19
19
  name: 'gutter',
20
20
  title: '栅格间隔',
21
- setter: 'textSetter',
22
- defaultValue: [20, 20]
21
+ setter: 'expressionSetter',
22
+ initValue: 16
23
23
  },
24
24
  ],
25
25
  rules: {
@@ -17,7 +17,7 @@ exports.Timeline = {
17
17
  help: '垂直展示的时间流信息,用于一系列信息需按时间排列时',
18
18
  hasChildren: true,
19
19
  hasChildrenItem: true,
20
- childrenName: 'TimelineItem',
20
+ childrenName: 'Timeline.Item',
21
21
  initChildren: `<Timeline.Item>阶段1</Timeline.Item><Timeline.Item>阶段2</Timeline.Item><Timeline.Item>阶段3</Timeline.Item>`,
22
22
  //relatedImports: ['TimelineItem'],
23
23
  props: [
@@ -1,4 +1,3 @@
1
1
  import { CollapseProps } from 'antd';
2
2
  import React from 'react';
3
3
  export declare const Collapse: React.ForwardRefExoticComponent<CollapseProps & import("@music163/tango-boot").TangoComponentProps & React.RefAttributes<unknown>>;
4
- export declare const CollapsePanel: React.ForwardRefExoticComponent<import("antd").CollapsePanelProps & import("@music163/tango-boot").TangoComponentProps & React.RefAttributes<unknown>>;
@@ -27,6 +27,6 @@ export const Collapse = defineComponent(AntCollapse, {
27
27
  },
28
28
  },
29
29
  });
30
- export const CollapsePanel = defineComponent(AntCollapse.Panel, {
31
- name: 'CollapsePanel',
32
- });
30
+ // export const CollapsePanel = defineComponent(AntCollapse.Panel, {
31
+ // name: 'CollapsePanel',
32
+ // });
@@ -1,6 +1,10 @@
1
1
  import { DescriptionsProps } from 'antd';
2
2
  import React from 'react';
3
- export declare const Descriptions: ({ items, [SLOT.dnd]: dataDnd, [SLOT.id]: dataId, ...rest }: DescriptionsProps & {
3
+ export declare const Descriptions: ({ items, [SLOT.id]: dataId, [SLOT.dnd]: dataDnd, ...rest }: DescriptionsProps & {
4
+ [key: string]: any;
5
+ children?: React.ReactNode;
6
+ }) => React.JSX.Element;
7
+ export declare const DescriptionsItem: ({ ...rest }: DescriptionsProps & {
4
8
  [key: string]: any;
5
9
  children?: React.ReactNode;
6
10
  }) => React.JSX.Element;
@@ -46,26 +46,16 @@ import { __rest } from "tslib";
46
46
  // },
47
47
  // },
48
48
  // });
49
- // import { Descriptions as AntDescriptions} from 'antd';
50
- // import React, {} from 'react';
51
- // import { SLOT } from '@music163/tango-helpers';
52
- // export const Descriptions = ({
53
- // [SLOT.id]: dataId,
54
- // [SLOT.dnd]: dataDnd,
55
- // ...rest
56
- // }) => {
57
- // console.log("新的descriptions组件01", dataId, dataDnd, rest);
58
- // return (
59
- // <div data-dnd={dataDnd} data-id={dataId} draggable={true}>
60
- // <AntDescriptions {...rest} > </AntDescriptions>
61
- // </div>
62
- // )
63
- // }
64
49
  import { Descriptions as AntDescriptions } from 'antd';
65
50
  import React from 'react';
66
51
  import { SLOT } from '@music163/tango-helpers';
67
52
  export const Descriptions = (_a) => {
68
- var { items } = _a, _b = SLOT.dnd, dataDnd = _a[_b], _c = SLOT.id, dataId = _a[_c], rest = __rest(_a, ["items", typeof _b === "symbol" ? _b : _b + "", typeof _c === "symbol" ? _c : _c + ""]);
53
+ var { items } = _a, _b = SLOT.id, dataId = _a[_b], _c = SLOT.dnd, dataDnd = _a[_c], rest = __rest(_a, ["items", typeof _b === "symbol" ? _b : _b + "", typeof _c === "symbol" ? _c : _c + ""]);
54
+ console.log("新的descriptions组件01", dataId, dataDnd, rest);
69
55
  return (React.createElement("div", { "data-dnd": dataDnd, "data-id": dataId, draggable: true },
70
- React.createElement(AntDescriptions, Object.assign({}, rest), items.map((item) => (React.createElement(AntDescriptions.Item, { label: item.label, key: item.label }, item.value))))));
56
+ React.createElement(AntDescriptions, Object.assign({}, rest), items)));
57
+ };
58
+ export const DescriptionsItem = (_a) => {
59
+ var rest = __rest(_a, []);
60
+ return React.createElement(AntDescriptions.Item, Object.assign({}, rest), " ");
71
61
  };
@@ -5,18 +5,17 @@ export { Button, ButtonGroup } from './button';
5
5
  export * from './formily';
6
6
  export { InputNumber } from './input-number';
7
7
  export { Input, TextArea, Password } from './input';
8
- export { Modalnew } from './modal';
9
8
  export * from './page';
10
9
  export * from './placeholder';
11
10
  export * from './section';
12
11
  export { Select } from './select';
13
12
  export { Space } from './space';
14
- export { Result } from './result1';
15
13
  export { Drawer } from "./drawer";
16
14
  export { DatePicker } from "./date-picker";
17
15
  export { Radio, RadioGroup } from "./radio";
18
16
  export { Checkbox, CheckboxGroup } from "./checkbox";
19
17
  export { Cascader } from "./cascader";
18
+ export { Collapse } from './collapse';
20
19
  export { Dropdown, DropdownButton } from './dropdown';
21
20
  export { Upload } from "./upload";
22
21
  export { Skeleton } from "./skeleton";
@@ -41,7 +40,6 @@ export { AutoComplete } from './auto-complete';
41
40
  export { Mentions } from './mentions';
42
41
  export { TreeSelect } from './tree-select';
43
42
  export { Image } from './image';
44
- export { Descriptions } from './descriptions';
45
43
  export { Tree } from './tree';
46
44
  export { Alert } from "./alert";
47
45
  export { Progress } from './progress';
@@ -9,7 +9,7 @@ export { Button, ButtonGroup } from './button';
9
9
  export * from './formily';
10
10
  export { InputNumber } from './input-number';
11
11
  export { Input, TextArea, Password } from './input';
12
- export { Modalnew } from './modal';
12
+ //export { Modalnew } from './modal';
13
13
  export * from './page';
14
14
  export * from './placeholder';
15
15
  export * from './section';
@@ -21,7 +21,9 @@ export { Space } from './space';
21
21
  //export {Popover} from './popover';
22
22
  //export {Tooltip} from './tooltip';
23
23
  //export {Result} from './result';
24
- export { Result } from './result1';
24
+ //export {Result} from './result1';
25
+ //export {Result} from './result2';
26
+ //export {Result} from './result3';
25
27
  export { Drawer } from "./drawer";
26
28
  export { DatePicker } from "./date-picker";
27
29
  export { Radio, RadioGroup } from "./radio";
@@ -37,7 +39,7 @@ export { Cascader } from "./cascader";
37
39
  // export { Timeline,TimelineItem } from './timeline1'
38
40
  // export { BasicTimeline } from './timeline2'
39
41
  //export { Each } from './each'
40
- //export { Collapse, CollapsePanel } from './collapse'
42
+ export { Collapse } from './collapse';
41
43
  //export { List, ListItem } from './list'
42
44
  export { Dropdown, DropdownButton } from './dropdown';
43
45
  export { Upload } from "./upload";
@@ -68,7 +70,7 @@ export { Mentions } from './mentions';
68
70
  export { TreeSelect } from './tree-select';
69
71
  export { Image } from './image';
70
72
  //export { Tabs } from './tabs'
71
- export { Descriptions } from './descriptions';
73
+ // export { Descriptions } from './descriptions'
72
74
  export { Tree } from './tree';
73
75
  export { Alert } from "./alert";
74
76
  export { Progress } from './progress';
@@ -1,3 +1,3 @@
1
1
  import React from 'react';
2
2
  import { ModalProps } from 'antd';
3
- export declare const Modalnew: React.ForwardRefExoticComponent<ModalProps & import("@music163/tango-boot").TangoComponentProps & React.RefAttributes<unknown>>;
3
+ export declare const Modal: React.ForwardRefExoticComponent<ModalProps & import("@music163/tango-boot").TangoComponentProps & React.RefAttributes<unknown>>;
@@ -62,8 +62,8 @@ function ModalDesigner(_a) {
62
62
  React.createElement("div", { className: "ModalPanelBody" }, children || React.createElement(Placeholder, null)),
63
63
  renderFooter())));
64
64
  }
65
- export const Modalnew = defineComponent(AntModal, {
66
- name: 'Modalnew',
65
+ export const Modal = defineComponent(AntModal, {
66
+ name: 'Modal',
67
67
  designerConfig: {
68
68
  render({ designerProps, originalProps }) {
69
69
  return React.createElement(ModalDesigner, Object.assign({}, designerProps, originalProps));
@@ -6,5 +6,5 @@ export const Result = (_a) => {
6
6
  var _b = SLOT.id, dataId = _a[_b], _c = SLOT.dnd, dataDnd = _a[_c], rest = __rest(_a, [typeof _b === "symbol" ? _b : _b + "", typeof _c === "symbol" ? _c : _c + ""]);
7
7
  console.log("新的结果组件01", dataId, dataDnd, rest);
8
8
  return (React.createElement("div", { "data-dnd": dataDnd, "data-id": dataId, draggable: true },
9
- React.createElement(AntResult, Object.assign({}, rest))));
9
+ React.createElement(AntResult, Object.assign({}, rest), " ")));
10
10
  };
@@ -0,0 +1,4 @@
1
+ import React from 'react';
2
+ export declare const Result: ({ [SLOT.id]: dataId, [SLOT.dnd]: dataDnd, ...rest }: {
3
+ [x: string]: any;
4
+ }) => React.JSX.Element;
@@ -0,0 +1,9 @@
1
+ import { __rest } from "tslib";
2
+ import { Result as AntResult } from 'antd';
3
+ import React from 'react';
4
+ import { SLOT } from '@music163/tango-helpers';
5
+ export const Result = (_a) => {
6
+ var _b = SLOT.id, dataId = _a[_b], _c = SLOT.dnd, dataDnd = _a[_c], rest = __rest(_a, [typeof _b === "symbol" ? _b : _b + "", typeof _c === "symbol" ? _c : _c + ""]);
7
+ console.log("新的结果组件02", dataId, dataDnd, rest);
8
+ return (React.createElement(AntResult, Object.assign({ "data-dnd": dataDnd, "data-id": dataId }, rest), " "));
9
+ };
@@ -0,0 +1,9 @@
1
+ import { ResultProps } from 'antd';
2
+ import React from 'react';
3
+ interface ResultWithDndProps extends ResultProps {
4
+ ["id"]: string;
5
+ ["dnd"]: string;
6
+ extra?: React.ReactNode;
7
+ }
8
+ export declare const Result: React.FC<ResultWithDndProps>;
9
+ export {};
@@ -0,0 +1,13 @@
1
+ import { __rest } from "tslib";
2
+ import { Result as AntResult } from 'antd';
3
+ import React, { memo } from 'react';
4
+ // 静态化ExtraButton组件
5
+ const ExtraButton = memo(({ extra }) => {
6
+ return React.createElement(React.Fragment, null, extra);
7
+ });
8
+ export const Result = (_a) => {
9
+ var { ["id"]: dataId, ["dnd"]: dataDnd, extra } = _a, rest = __rest(_a, ["id", "dnd", "extra"]);
10
+ console.log("结果组件0416001", dataId, dataDnd, extra);
11
+ return (React.createElement("div", { "data-dnd": dataDnd, "data-id": dataId, draggable: true },
12
+ React.createElement(AntResult, Object.assign({}, rest, { extra: extra ? [React.createElement(ExtraButton, { key: "btn", extra: extra })] : null }))));
13
+ };