@cuvp1225/antd 0.3.38 → 0.3.41

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 (49) hide show
  1. package/dist/designer.js +85 -8
  2. package/dist/index.js +83 -6
  3. package/lib/cjs/components/breadcrumb.d.ts +2 -0
  4. package/lib/cjs/components/breadcrumb.js +11 -0
  5. package/lib/cjs/components/collapse.d.ts +2 -0
  6. package/lib/cjs/components/collapse.js +11 -0
  7. package/lib/cjs/components/date-picker.js +1 -2
  8. package/lib/cjs/components/dropdown.d.ts +2 -0
  9. package/lib/cjs/components/dropdown.js +11 -0
  10. package/lib/cjs/components/each.d.ts +1 -0
  11. package/lib/cjs/components/each.js +8 -0
  12. package/lib/cjs/components/index.d.ts +9 -1
  13. package/lib/cjs/components/index.js +31 -3
  14. package/lib/cjs/components/input.d.ts +2 -1
  15. package/lib/cjs/components/input.js +16 -1
  16. package/lib/cjs/components/list.d.ts +2 -0
  17. package/lib/cjs/components/list.js +11 -0
  18. package/lib/cjs/components/menu.d.ts +2 -0
  19. package/lib/cjs/components/menu.js +11 -0
  20. package/lib/cjs/components/popconfirm.js +14 -2
  21. package/lib/cjs/components/row.js +22 -18
  22. package/lib/cjs/components/timeline.d.ts +2 -0
  23. package/lib/cjs/components/timeline.js +11 -0
  24. package/lib/cjs/prototypes/form.js +19 -16
  25. package/lib/cjs/prototypes/input.js +30 -7
  26. package/lib/esm/components/breadcrumb.d.ts +2 -0
  27. package/lib/esm/components/breadcrumb.js +8 -0
  28. package/lib/esm/components/collapse.d.ts +2 -0
  29. package/lib/esm/components/collapse.js +8 -0
  30. package/lib/esm/components/date-picker.js +2 -4
  31. package/lib/esm/components/dropdown.d.ts +2 -0
  32. package/lib/esm/components/dropdown.js +8 -0
  33. package/lib/esm/components/each.d.ts +1 -0
  34. package/lib/esm/components/each.js +5 -0
  35. package/lib/esm/components/index.d.ts +9 -1
  36. package/lib/esm/components/index.js +11 -3
  37. package/lib/esm/components/input.d.ts +2 -1
  38. package/lib/esm/components/input.js +15 -0
  39. package/lib/esm/components/list.d.ts +2 -0
  40. package/lib/esm/components/list.js +8 -0
  41. package/lib/esm/components/menu.d.ts +2 -0
  42. package/lib/esm/components/menu.js +8 -0
  43. package/lib/esm/components/popconfirm.js +14 -2
  44. package/lib/esm/components/row.js +22 -18
  45. package/lib/esm/components/timeline.d.ts +2 -0
  46. package/lib/esm/components/timeline.js +8 -0
  47. package/lib/esm/prototypes/form.js +19 -16
  48. package/lib/esm/prototypes/input.js +30 -7
  49. package/package.json +3 -3
@@ -4,9 +4,8 @@ exports.DatePicker = 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");
7
- // import zhCN from 'antd/es/locale/zh_CN';
8
- const zh_CN_1 = tslib_1.__importDefault(require("antd/es/locale/zh_CN"));
9
7
  require("moment/locale/zh-cn");
8
+ const zh_CN_1 = tslib_1.__importDefault(require("antd/es/locale/zh_CN"));
10
9
  const react_1 = tslib_1.__importDefault(require("react"));
11
10
  // moment.locale('zh-cn');
12
11
  const local = {
@@ -0,0 +1,2 @@
1
+ export declare const Dropdown: import("react").ForwardRefExoticComponent<import("antd").DropdownProps & import("@music163/tango-boot").TangoComponentProps & import("react").RefAttributes<unknown>>;
2
+ export declare const DropdownButton: import("react").ForwardRefExoticComponent<import("antd").DropdownProps & import("@music163/tango-boot").TangoComponentProps & import("react").RefAttributes<unknown>>;
@@ -0,0 +1,11 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.DropdownButton = exports.Dropdown = void 0;
4
+ const tango_boot_1 = require("@music163/tango-boot");
5
+ const antd_1 = require("antd");
6
+ exports.Dropdown = (0, tango_boot_1.defineComponent)(antd_1.Dropdown, {
7
+ name: 'Dropdown'
8
+ });
9
+ exports.DropdownButton = (0, tango_boot_1.defineComponent)(antd_1.Dropdown, {
10
+ name: 'DropdownButton',
11
+ });
@@ -0,0 +1 @@
1
+ export declare const Each: import("react").ForwardRefExoticComponent<import("antd").MenuProps & import("@music163/tango-boot").TangoComponentProps & import("react").RefAttributes<unknown>>;
@@ -0,0 +1,8 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.Each = void 0;
4
+ const tango_boot_1 = require("@music163/tango-boot");
5
+ const antd_1 = require("antd");
6
+ exports.Each = (0, tango_boot_1.defineComponent)(antd_1.Menu, {
7
+ name: 'Each'
8
+ });
@@ -1,9 +1,10 @@
1
1
  export * from 'antd';
2
+ export { Each, Link, When } from '@cuvp1225/foundation';
2
3
  export { Box } from './box';
3
4
  export { Button, ButtonGroup } from './button';
4
5
  export * from './formily';
5
6
  export { InputNumber } from './input-number';
6
- export { Input, TextArea } from './input';
7
+ export { Input, TextArea, Password } from './input';
7
8
  export { Modalnew } from './modal';
8
9
  export * from './page';
9
10
  export * from './placeholder';
@@ -19,3 +20,10 @@ export { DatePicker } from "./date-picker";
19
20
  export { Radio, RadioGroup } from "./radio";
20
21
  export { Checkbox, CheckboxGroup } from "./checkbox";
21
22
  export { Cascader } from "./cascader";
23
+ export { Form, Fieldset, FormItem, FormFooter } from './form';
24
+ export { Breadcrumb, BreadcrumbItem } from './breadcrumb';
25
+ export { MenuItem, Menu } from './menu';
26
+ export { Timeline, TimelineItem } from './timeline';
27
+ export { Collapse, CollapsePanel } from './collapse';
28
+ export { List, ListItem } from './list';
29
+ export { Dropdown, DropdownButton } from './dropdown';
@@ -1,9 +1,13 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.Cascader = exports.CheckboxGroup = exports.Checkbox = exports.RadioGroup = exports.Radio = exports.DatePicker = exports.Drawer = exports.Popconfirm = exports.Row1 = exports.Column = exports.Columns = exports.Text = exports.Paragraph = exports.Title = exports.Typography = exports.Space = exports.Select = exports.Modalnew = exports.TextArea = exports.Input = exports.InputNumber = exports.ButtonGroup = exports.Button = exports.Box = void 0;
3
+ exports.DropdownButton = exports.Dropdown = exports.ListItem = exports.List = exports.CollapsePanel = exports.Collapse = exports.TimelineItem = exports.Timeline = exports.Menu = exports.MenuItem = exports.BreadcrumbItem = exports.Breadcrumb = exports.FormFooter = exports.FormItem = exports.Fieldset = exports.Form = exports.Cascader = exports.CheckboxGroup = exports.Checkbox = exports.RadioGroup = exports.Radio = exports.DatePicker = exports.Drawer = exports.Popconfirm = exports.Row1 = exports.Column = exports.Columns = exports.Text = exports.Paragraph = exports.Title = exports.Typography = exports.Space = exports.Select = exports.Modalnew = exports.Password = exports.TextArea = exports.Input = exports.InputNumber = exports.ButtonGroup = exports.Button = exports.Box = exports.When = exports.Link = exports.Each = void 0;
4
4
  const tslib_1 = require("tslib");
5
5
  tslib_1.__exportStar(require("antd"), exports);
6
- // export { Each, Link, Text, When } from '@cuvp1225/foundation';
6
+ //export { Each, Link, Text, When } from '@cuvp1225/foundation';
7
+ var foundation_1 = require("@cuvp1225/foundation");
8
+ Object.defineProperty(exports, "Each", { enumerable: true, get: function () { return foundation_1.Each; } });
9
+ Object.defineProperty(exports, "Link", { enumerable: true, get: function () { return foundation_1.Link; } });
10
+ Object.defineProperty(exports, "When", { enumerable: true, get: function () { return foundation_1.When; } });
7
11
  var box_1 = require("./box");
8
12
  Object.defineProperty(exports, "Box", { enumerable: true, get: function () { return box_1.Box; } });
9
13
  var button_1 = require("./button");
@@ -15,6 +19,7 @@ Object.defineProperty(exports, "InputNumber", { enumerable: true, get: function
15
19
  var input_1 = require("./input");
16
20
  Object.defineProperty(exports, "Input", { enumerable: true, get: function () { return input_1.Input; } });
17
21
  Object.defineProperty(exports, "TextArea", { enumerable: true, get: function () { return input_1.TextArea; } });
22
+ Object.defineProperty(exports, "Password", { enumerable: true, get: function () { return input_1.Password; } });
18
23
  var modal_1 = require("./modal");
19
24
  Object.defineProperty(exports, "Modalnew", { enumerable: true, get: function () { return modal_1.Modalnew; } });
20
25
  tslib_1.__exportStar(require("./page"), exports);
@@ -51,4 +56,27 @@ Object.defineProperty(exports, "Cascader", { enumerable: true, get: function ()
51
56
  //export { MultiColumns } from './multiColumns'
52
57
  //export { Row,Col } from './grid'
53
58
  //export { RowCombination,ColCombination } from './gridCombination'
54
- //export { Form,Fieldset,FormItem,FormFooter } from './form'
59
+ var form_1 = require("./form");
60
+ Object.defineProperty(exports, "Form", { enumerable: true, get: function () { return form_1.Form; } });
61
+ Object.defineProperty(exports, "Fieldset", { enumerable: true, get: function () { return form_1.Fieldset; } });
62
+ Object.defineProperty(exports, "FormItem", { enumerable: true, get: function () { return form_1.FormItem; } });
63
+ Object.defineProperty(exports, "FormFooter", { enumerable: true, get: function () { return form_1.FormFooter; } });
64
+ var breadcrumb_1 = require("./breadcrumb");
65
+ Object.defineProperty(exports, "Breadcrumb", { enumerable: true, get: function () { return breadcrumb_1.Breadcrumb; } });
66
+ Object.defineProperty(exports, "BreadcrumbItem", { enumerable: true, get: function () { return breadcrumb_1.BreadcrumbItem; } });
67
+ var menu_1 = require("./menu");
68
+ Object.defineProperty(exports, "MenuItem", { enumerable: true, get: function () { return menu_1.MenuItem; } });
69
+ Object.defineProperty(exports, "Menu", { enumerable: true, get: function () { return menu_1.Menu; } });
70
+ var timeline_1 = require("./timeline");
71
+ Object.defineProperty(exports, "Timeline", { enumerable: true, get: function () { return timeline_1.Timeline; } });
72
+ Object.defineProperty(exports, "TimelineItem", { enumerable: true, get: function () { return timeline_1.TimelineItem; } });
73
+ //export { Each } from './each'
74
+ var collapse_1 = require("./collapse");
75
+ Object.defineProperty(exports, "Collapse", { enumerable: true, get: function () { return collapse_1.Collapse; } });
76
+ Object.defineProperty(exports, "CollapsePanel", { enumerable: true, get: function () { return collapse_1.CollapsePanel; } });
77
+ var list_1 = require("./list");
78
+ Object.defineProperty(exports, "List", { enumerable: true, get: function () { return list_1.List; } });
79
+ Object.defineProperty(exports, "ListItem", { enumerable: true, get: function () { return list_1.ListItem; } });
80
+ var dropdown_1 = require("./dropdown");
81
+ Object.defineProperty(exports, "Dropdown", { enumerable: true, get: function () { return dropdown_1.Dropdown; } });
82
+ Object.defineProperty(exports, "DropdownButton", { enumerable: true, get: function () { return dropdown_1.DropdownButton; } });
@@ -1,5 +1,6 @@
1
1
  import { InputProps } from 'antd';
2
- import { TextAreaProps } from 'antd/lib/input';
2
+ import { TextAreaProps, PasswordProps } from 'antd/lib/input';
3
3
  import React from 'react';
4
4
  export declare const Input: React.ForwardRefExoticComponent<Omit<InputProps & React.RefAttributes<import("antd").InputRef> & import("@music163/tango-boot").TangoComponentProps, "ref"> & React.RefAttributes<unknown>>;
5
5
  export declare const TextArea: React.ForwardRefExoticComponent<Omit<TextAreaProps & React.RefAttributes<import("antd/lib/input/TextArea").TextAreaRef> & import("@music163/tango-boot").TangoComponentProps, "ref"> & React.RefAttributes<unknown>>;
6
+ export declare const Password: React.ForwardRefExoticComponent<Omit<PasswordProps & React.RefAttributes<import("antd").InputRef> & import("@music163/tango-boot").TangoComponentProps, "ref"> & React.RefAttributes<unknown>>;
@@ -1,6 +1,6 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.TextArea = exports.Input = void 0;
3
+ exports.Password = exports.TextArea = exports.Input = void 0;
4
4
  const tslib_1 = require("tslib");
5
5
  const antd_1 = require("antd");
6
6
  const tango_boot_1 = require("@music163/tango-boot");
@@ -36,3 +36,18 @@ exports.TextArea = (0, tango_boot_1.defineComponent)(antd_1.Input.TextArea, {
36
36
  },
37
37
  }
38
38
  });
39
+ function PasswordDesigner(_a) {
40
+ var { style, value } = _a, rest = tslib_1.__rest(_a, ["style", "value"]);
41
+ if (value && value !== '') {
42
+ return react_1.default.createElement(antd_1.Input.Password, Object.assign({ value: value }, rest, { style: style }));
43
+ }
44
+ return (react_1.default.createElement(antd_1.Input.Password, Object.assign({}, rest, { style: style })));
45
+ }
46
+ exports.Password = (0, tango_boot_1.defineComponent)(antd_1.Input.Password, {
47
+ name: 'Password',
48
+ designerConfig: {
49
+ render({ designerProps, originalProps, }) {
50
+ return react_1.default.createElement(PasswordDesigner, Object.assign({}, designerProps, originalProps));
51
+ },
52
+ }
53
+ });
@@ -0,0 +1,2 @@
1
+ export declare const List: import("react").ForwardRefExoticComponent<import("antd").ListProps<unknown> & import("@music163/tango-boot").TangoComponentProps & import("react").RefAttributes<unknown>>;
2
+ export declare const ListItem: import("react").ForwardRefExoticComponent<Omit<import("antd/lib/list").ListItemProps & import("react").RefAttributes<HTMLElement> & import("@music163/tango-boot").TangoComponentProps, "ref"> & import("react").RefAttributes<unknown>>;
@@ -0,0 +1,11 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.ListItem = exports.List = void 0;
4
+ const tango_boot_1 = require("@music163/tango-boot");
5
+ const antd_1 = require("antd");
6
+ exports.List = (0, tango_boot_1.defineComponent)(antd_1.List, {
7
+ name: 'List'
8
+ });
9
+ exports.ListItem = (0, tango_boot_1.defineComponent)(antd_1.List.Item, {
10
+ name: 'ListItem',
11
+ });
@@ -0,0 +1,2 @@
1
+ export declare const Menu: import("react").ForwardRefExoticComponent<import("antd").MenuProps & import("@music163/tango-boot").TangoComponentProps & import("react").RefAttributes<unknown>>;
2
+ export declare const MenuItem: import("react").ForwardRefExoticComponent<import("antd").MenuItemProps & import("@music163/tango-boot").TangoComponentProps & import("react").RefAttributes<unknown>>;
@@ -0,0 +1,11 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.MenuItem = exports.Menu = void 0;
4
+ const tango_boot_1 = require("@music163/tango-boot");
5
+ const antd_1 = require("antd");
6
+ exports.Menu = (0, tango_boot_1.defineComponent)(antd_1.Menu, {
7
+ name: 'Menu'
8
+ });
9
+ exports.MenuItem = (0, tango_boot_1.defineComponent)(antd_1.Menu.Item, {
10
+ name: 'MenuItem',
11
+ });
@@ -11,8 +11,20 @@ function PopconfirmDesigner(_a) {
11
11
  (0, react_1.useEffect)(() => {
12
12
  console.log('PopconfirmDesigner', dataDnd, dataId, rest);
13
13
  }, []);
14
- return (react_1.default.createElement("div", { id: "popconfirSwrapper", "data-dnd": dataDnd, "data-id": dataId },
15
- react_1.default.createElement(antd_1.Popconfirm, Object.assign({ title: title, "data-dnd": dataDnd, "data-id": dataId }, rest, { style: style }), children)));
14
+ // 添加弹出层容器的自定义属性
15
+ const overlayProps = {
16
+ "data-dnd": dataDnd,
17
+ "data-id": dataId,
18
+ };
19
+ (0, react_1.useEffect)(() => {
20
+ const popover = document.querySelector('.ant-popconfirm');
21
+ console.log('popover', popover);
22
+ if (popover) {
23
+ popover.setAttribute('data-dnd', dataDnd);
24
+ popover.setAttribute('data-id', dataId);
25
+ }
26
+ }, [dataDnd, dataId]);
27
+ return (react_1.default.createElement(antd_1.Popconfirm, Object.assign({ title: title, overlayClassName: "custom-popconfirm-overlay" }, rest, { style: style }), children));
16
28
  }
17
29
  exports.Popconfirm = (0, tango_boot_1.defineComponent)(antd_1.Popconfirm, {
18
30
  name: 'Popconfirm',
@@ -3,29 +3,33 @@ Object.defineProperty(exports, "__esModule", { value: true });
3
3
  exports.Row1 = void 0;
4
4
  const tslib_1 = require("tslib");
5
5
  const react_1 = tslib_1.__importDefault(require("react"));
6
- const styled_components_1 = require("styled-components");
7
- const coral_system_1 = require("coral-system");
8
6
  const antd_1 = require("antd");
9
7
  const tango_boot_1 = require("@music163/tango-boot");
10
- const placeholder_1 = require("./placeholder");
11
- const shadow_container_1 = require("./shadow-container");
12
- const BaseRowWrapper = (0, coral_system_1.coral)('div', (0, styled_components_1.css) `
13
- position: relative;
14
- background-color: #fff;
15
- border: 1px solid var(--music-colors-line-normal);
16
- box-shadow: var(--music-shadows-lowDown);
17
- min-width: 600px;
18
-
19
- .RowNewPanelBody {
20
- padding: 12px;
21
- }
22
- `);
8
+ // const BaseRowWrapper = coral(
9
+ // 'div',
10
+ // css`
11
+ // position: relative;
12
+ // background-color: #fff;
13
+ // min-width: 600px;
14
+ // .RowNewPanelBody {
15
+ // padding: 12px;
16
+ // }
17
+ // `,
18
+ // );
19
+ const rowStyle = {
20
+ position: 'relative',
21
+ backgroundColor: '#fff',
22
+ minWidth: '600px',
23
+ };
24
+ // interface RowDesignerProps extends React.HTMLAttributes<HTMLDivElement> {
25
+ // style?: React.CSSProperties;
26
+ // children?: React.ReactNode;
27
+ // }
23
28
  function RowDesigner(_a) {
24
29
  var { gutter, align, justify, prefixCls, wrap, style, children } = _a, rest = tslib_1.__rest(_a, ["gutter", "align", "justify", "prefixCls", "wrap", "style", "children"]);
25
30
  console.log("zcq栅格行的入参", gutter, align, justify, prefixCls, wrap, style, children);
26
- return (react_1.default.createElement(shadow_container_1.ShadowContainer, Object.assign({ type: "modal", label: "Row", bg: "rgba(0, 0, 0, 0.45)", px: "100px", py: "24px" }, rest),
27
- react_1.default.createElement(BaseRowWrapper, { style: style },
28
- react_1.default.createElement("div", { className: "RowNewPanelBody" }, children || react_1.default.createElement(placeholder_1.Placeholder, null)))));
31
+ return (react_1.default.createElement("div", { style: Object.assign(Object.assign({}, rowStyle), style) },
32
+ react_1.default.createElement("div", null, children || react_1.default.createElement("div", null, "\u62D6\u5165\u7EC4\u4EF6"))));
29
33
  }
30
34
  exports.Row1 = (0, tango_boot_1.defineComponent)(antd_1.Row, {
31
35
  name: 'Row1',
@@ -0,0 +1,2 @@
1
+ export declare const Timeline: import("react").ForwardRefExoticComponent<import("antd").TimelineProps & import("@music163/tango-boot").TangoComponentProps & import("react").RefAttributes<unknown>>;
2
+ export declare const TimelineItem: import("react").ForwardRefExoticComponent<import("antd").TimelineItemProps & import("@music163/tango-boot").TangoComponentProps & import("react").RefAttributes<unknown>>;
@@ -0,0 +1,11 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.TimelineItem = exports.Timeline = void 0;
4
+ const tango_boot_1 = require("@music163/tango-boot");
5
+ const antd_1 = require("antd");
6
+ exports.Timeline = (0, tango_boot_1.defineComponent)(antd_1.Timeline, {
7
+ name: 'Timeline'
8
+ });
9
+ exports.TimelineItem = (0, tango_boot_1.defineComponent)(antd_1.Timeline.Item, {
10
+ name: 'TimelineItem',
11
+ });
@@ -43,22 +43,24 @@ exports.Form = {
43
43
  package: '@cuvp1225/antd',
44
44
  help: '最基本的表单组件,可以创建一个轻量级表单。',
45
45
  hasChildren: true,
46
- initChildren: `<Form.Item label="Username" name="username" rules={[{ required: true, message: "Please input your username!" }]}>
47
- <Input />
48
- </Form.Item>
49
- <Form.Item
50
- label="Password"
51
- name="password"
52
- rules={[{ required: true, message: 'Please input your password!' }]}
53
- >
54
- <Input.Password />
55
- </Form.Item>
56
- <Form.Item wrapperCol={{ offset: 8, span: 16 }}>
57
- <Button type="primary" htmlType="submit">
58
- Submit
59
- </Button>
60
- </Form.Item>`,
61
- relatedImports: ['FormItem', 'FormFooter', 'Button'],
46
+ // initChildren:
47
+ // `<Form.Item label="Username" name="username" rules={[{ required: true, message: "Please input your username!" }]}>
48
+ // <Input />
49
+ // </Form.Item>
50
+ // <Form.Item
51
+ // label="Password"
52
+ // name="password"
53
+ // rules={[{ required: true, message: 'Please input your password!' }]}
54
+ // >
55
+ // <Input.Password />
56
+ // </Form.Item>
57
+ // <Form.Item wrapperCol={{ offset: 8, span: 16 }}>
58
+ // <Button type="primary" htmlType="submit">
59
+ // Submit
60
+ // </Button>
61
+ // </Form.Item>`,
62
+ initChildren: '<FormItem component="Input" label="表单项" ><div><Placeholder></Placeholder></div></FormItem><FormItem component="Input" label="表单项" ><div><Placeholder></Placeholder></div></FormItem><FormItem component="Input" label="表单项" ><div><Placeholder></Placeholder></div></FormItem><FormItem wrapperCol={{offset: 8,span: 16,}}><Button type="primary" htmlType="submit">提交</Button></FormItem>',
63
+ relatedImports: ['FormItem', 'FormFooter', 'Button', 'Input'],
62
64
  childrenName: ['FormItem', 'Fieldset', 'FormFooter'],
63
65
  props: [
64
66
  ...common_1.StylePrototypes,
@@ -184,6 +186,7 @@ exports.FormItem = {
184
186
  package: '@cuvp1225/antd',
185
187
  help: '一个基本的表单项',
186
188
  hasChildren: true,
189
+ initChildren: '<div><Placeholder></Placeholder></div>',
187
190
  props: [
188
191
  ...common_1.StylePrototypes,
189
192
  {
@@ -31,6 +31,36 @@ exports.Input = {
31
31
  setter: 'textSetter',
32
32
  group: 'basic',
33
33
  },
34
+ {
35
+ name: 'type',
36
+ title: '类型',
37
+ tip: '声明 input 类型,同原生 input 标签的 type 属性',
38
+ setter: 'choiceSetter',
39
+ setterProps: {
40
+ options: [
41
+ { label: '文本', value: 'text' },
42
+ { label: '密码', value: 'password' },
43
+ { label: '数字', value: 'number' },
44
+ { label: '颜色', value: 'color' },
45
+ { label: '电话', value: 'tel' },
46
+ { label: '搜索', value: 'search' },
47
+ { label: '电子邮件', value: 'email' },
48
+ { label: '网址', value: 'url' },
49
+ { label: '日期', value: 'date' },
50
+ { label: '月份', value: 'month' },
51
+ { label: '周', value: 'week' },
52
+ { label: '时间', value: 'time' },
53
+ { label: '日期时间', value: 'datetime-local' },
54
+ { label: '文件', value: 'file' },
55
+ { label: '提交', value: 'submit' },
56
+ { label: '重置', value: 'reset' },
57
+ { label: '图像', value: 'image' },
58
+ { label: '按钮', value: 'button' },
59
+ { label: '范围', value: 'range' }
60
+ ],
61
+ },
62
+ group: 'basic',
63
+ },
34
64
  {
35
65
  name: 'maxLength',
36
66
  title: '最大长度',
@@ -102,13 +132,6 @@ exports.Input = {
102
132
  setter: 'iconSetter',
103
133
  group: 'advanced',
104
134
  },
105
- {
106
- name: 'type',
107
- title: '类型',
108
- tip: '声明 input 类型,同原生 input 标签的 type 属性',
109
- setter: 'textSetter',
110
- group: 'advanced',
111
- },
112
135
  {
113
136
  name: 'onPressEnter',
114
137
  title: '回车回调',
@@ -0,0 +1,2 @@
1
+ export declare const Breadcrumb: import("react").ForwardRefExoticComponent<import("antd").BreadcrumbProps & import("@music163/tango-boot").TangoComponentProps & import("react").RefAttributes<unknown>>;
2
+ export declare const BreadcrumbItem: import("react").ForwardRefExoticComponent<import("antd").BreadcrumbItemProps & import("@music163/tango-boot").TangoComponentProps & import("react").RefAttributes<unknown>>;
@@ -0,0 +1,8 @@
1
+ import { defineComponent } from '@music163/tango-boot';
2
+ import { Breadcrumb as AntBreadcrumb } from 'antd';
3
+ export const Breadcrumb = defineComponent(AntBreadcrumb, {
4
+ name: 'Breadcrumb'
5
+ });
6
+ export const BreadcrumbItem = defineComponent(AntBreadcrumb.Item, {
7
+ name: 'BreadcrumbItem',
8
+ });
@@ -0,0 +1,2 @@
1
+ export declare const Collapse: import("react").ForwardRefExoticComponent<import("antd").CollapseProps & import("@music163/tango-boot").TangoComponentProps & import("react").RefAttributes<unknown>>;
2
+ export declare const CollapsePanel: import("react").ForwardRefExoticComponent<import("antd").CollapsePanelProps & import("@music163/tango-boot").TangoComponentProps & import("react").RefAttributes<unknown>>;
@@ -0,0 +1,8 @@
1
+ import { defineComponent } from '@music163/tango-boot';
2
+ import { Collapse as AntCollapse } from 'antd';
3
+ export const Collapse = defineComponent(AntCollapse, {
4
+ name: 'Collapse'
5
+ });
6
+ export const CollapsePanel = defineComponent(AntCollapse.Panel, {
7
+ name: 'CollapsePanel',
8
+ });
@@ -1,12 +1,10 @@
1
1
  import { __rest } from "tslib";
2
2
  import { defineComponent } from '@music163/tango-boot';
3
3
  import { DatePicker as AntDataPicker, ConfigProvider } from 'antd';
4
- // import zhCN from 'antd/es/locale/zh_CN';
5
- import locale from 'antd/es/locale/zh_CN';
6
- import moment from 'moment';
7
4
  import 'moment/locale/zh-cn';
5
+ import locale from 'antd/es/locale/zh_CN';
8
6
  import React from 'react';
9
- moment.locale('zh-cn');
7
+ // moment.locale('zh-cn');
10
8
  const local = {
11
9
  "lang": {
12
10
  "locale": "zh-cn",
@@ -0,0 +1,2 @@
1
+ export declare const Dropdown: import("react").ForwardRefExoticComponent<import("antd").DropdownProps & import("@music163/tango-boot").TangoComponentProps & import("react").RefAttributes<unknown>>;
2
+ export declare const DropdownButton: import("react").ForwardRefExoticComponent<import("antd").DropdownProps & import("@music163/tango-boot").TangoComponentProps & import("react").RefAttributes<unknown>>;
@@ -0,0 +1,8 @@
1
+ import { defineComponent } from '@music163/tango-boot';
2
+ import { Dropdown as AntDropdown } from 'antd';
3
+ export const Dropdown = defineComponent(AntDropdown, {
4
+ name: 'Dropdown'
5
+ });
6
+ export const DropdownButton = defineComponent(AntDropdown, {
7
+ name: 'DropdownButton',
8
+ });
@@ -0,0 +1 @@
1
+ export declare const Each: import("react").ForwardRefExoticComponent<import("antd").MenuProps & import("@music163/tango-boot").TangoComponentProps & import("react").RefAttributes<unknown>>;
@@ -0,0 +1,5 @@
1
+ import { defineComponent } from '@music163/tango-boot';
2
+ import { Menu as AntMenu } from 'antd';
3
+ export const Each = defineComponent(AntMenu, {
4
+ name: 'Each'
5
+ });
@@ -1,9 +1,10 @@
1
1
  export * from 'antd';
2
+ export { Each, Link, When } from '@cuvp1225/foundation';
2
3
  export { Box } from './box';
3
4
  export { Button, ButtonGroup } from './button';
4
5
  export * from './formily';
5
6
  export { InputNumber } from './input-number';
6
- export { Input, TextArea } from './input';
7
+ export { Input, TextArea, Password } from './input';
7
8
  export { Modalnew } from './modal';
8
9
  export * from './page';
9
10
  export * from './placeholder';
@@ -19,3 +20,10 @@ export { DatePicker } from "./date-picker";
19
20
  export { Radio, RadioGroup } from "./radio";
20
21
  export { Checkbox, CheckboxGroup } from "./checkbox";
21
22
  export { Cascader } from "./cascader";
23
+ export { Form, Fieldset, FormItem, FormFooter } from './form';
24
+ export { Breadcrumb, BreadcrumbItem } from './breadcrumb';
25
+ export { MenuItem, Menu } from './menu';
26
+ export { Timeline, TimelineItem } from './timeline';
27
+ export { Collapse, CollapsePanel } from './collapse';
28
+ export { List, ListItem } from './list';
29
+ export { Dropdown, DropdownButton } from './dropdown';
@@ -1,10 +1,11 @@
1
1
  export * from 'antd';
2
- // export { Each, Link, Text, When } from '@cuvp1225/foundation';
2
+ //export { Each, Link, Text, When } from '@cuvp1225/foundation';
3
+ export { Each, Link, When } from '@cuvp1225/foundation';
3
4
  export { Box } from './box';
4
5
  export { Button, ButtonGroup } from './button';
5
6
  export * from './formily';
6
7
  export { InputNumber } from './input-number';
7
- export { Input, TextArea } from './input';
8
+ export { Input, TextArea, Password } from './input';
8
9
  export { Modalnew } from './modal';
9
10
  export * from './page';
10
11
  export * from './placeholder';
@@ -23,4 +24,11 @@ export { Cascader } from "./cascader";
23
24
  //export { MultiColumns } from './multiColumns'
24
25
  //export { Row,Col } from './grid'
25
26
  //export { RowCombination,ColCombination } from './gridCombination'
26
- //export { Form,Fieldset,FormItem,FormFooter } from './form'
27
+ export { Form, Fieldset, FormItem, FormFooter } from './form';
28
+ export { Breadcrumb, BreadcrumbItem } from './breadcrumb';
29
+ export { MenuItem, Menu } from './menu';
30
+ export { Timeline, TimelineItem } from './timeline';
31
+ //export { Each } from './each'
32
+ export { Collapse, CollapsePanel } from './collapse';
33
+ export { List, ListItem } from './list';
34
+ export { Dropdown, DropdownButton } from './dropdown';
@@ -1,5 +1,6 @@
1
1
  import { InputProps } from 'antd';
2
- import { TextAreaProps } from 'antd/lib/input';
2
+ import { TextAreaProps, PasswordProps } from 'antd/lib/input';
3
3
  import React from 'react';
4
4
  export declare const Input: React.ForwardRefExoticComponent<Omit<InputProps & React.RefAttributes<import("antd").InputRef> & import("@music163/tango-boot").TangoComponentProps, "ref"> & React.RefAttributes<unknown>>;
5
5
  export declare const TextArea: React.ForwardRefExoticComponent<Omit<TextAreaProps & React.RefAttributes<import("antd/lib/input/TextArea").TextAreaRef> & import("@music163/tango-boot").TangoComponentProps, "ref"> & React.RefAttributes<unknown>>;
6
+ export declare const Password: React.ForwardRefExoticComponent<Omit<PasswordProps & React.RefAttributes<import("antd").InputRef> & import("@music163/tango-boot").TangoComponentProps, "ref"> & React.RefAttributes<unknown>>;
@@ -33,3 +33,18 @@ export const TextArea = defineComponent(AntInput.TextArea, {
33
33
  },
34
34
  }
35
35
  });
36
+ function PasswordDesigner(_a) {
37
+ var { style, value } = _a, rest = __rest(_a, ["style", "value"]);
38
+ if (value && value !== '') {
39
+ return React.createElement(AntInput.Password, Object.assign({ value: value }, rest, { style: style }));
40
+ }
41
+ return (React.createElement(AntInput.Password, Object.assign({}, rest, { style: style })));
42
+ }
43
+ export const Password = defineComponent(AntInput.Password, {
44
+ name: 'Password',
45
+ designerConfig: {
46
+ render({ designerProps, originalProps, }) {
47
+ return React.createElement(PasswordDesigner, Object.assign({}, designerProps, originalProps));
48
+ },
49
+ }
50
+ });
@@ -0,0 +1,2 @@
1
+ export declare const List: import("react").ForwardRefExoticComponent<import("antd").ListProps<unknown> & import("@music163/tango-boot").TangoComponentProps & import("react").RefAttributes<unknown>>;
2
+ export declare const ListItem: import("react").ForwardRefExoticComponent<Omit<import("antd/lib/list").ListItemProps & import("react").RefAttributes<HTMLElement> & import("@music163/tango-boot").TangoComponentProps, "ref"> & import("react").RefAttributes<unknown>>;
@@ -0,0 +1,8 @@
1
+ import { defineComponent } from '@music163/tango-boot';
2
+ import { List as AntList } from 'antd';
3
+ export const List = defineComponent(AntList, {
4
+ name: 'List'
5
+ });
6
+ export const ListItem = defineComponent(AntList.Item, {
7
+ name: 'ListItem',
8
+ });
@@ -0,0 +1,2 @@
1
+ export declare const Menu: import("react").ForwardRefExoticComponent<import("antd").MenuProps & import("@music163/tango-boot").TangoComponentProps & import("react").RefAttributes<unknown>>;
2
+ export declare const MenuItem: import("react").ForwardRefExoticComponent<import("antd").MenuItemProps & import("@music163/tango-boot").TangoComponentProps & import("react").RefAttributes<unknown>>;
@@ -0,0 +1,8 @@
1
+ import { defineComponent } from '@music163/tango-boot';
2
+ import { Menu as AntMenu } from 'antd';
3
+ export const Menu = defineComponent(AntMenu, {
4
+ name: 'Menu'
5
+ });
6
+ export const MenuItem = defineComponent(AntMenu.Item, {
7
+ name: 'MenuItem',
8
+ });
@@ -8,8 +8,20 @@ function PopconfirmDesigner(_a) {
8
8
  useEffect(() => {
9
9
  console.log('PopconfirmDesigner', dataDnd, dataId, rest);
10
10
  }, []);
11
- return (React.createElement("div", { id: "popconfirSwrapper", "data-dnd": dataDnd, "data-id": dataId },
12
- React.createElement(AntPopconfirm, Object.assign({ title: title, "data-dnd": dataDnd, "data-id": dataId }, rest, { style: style }), children)));
11
+ // 添加弹出层容器的自定义属性
12
+ const overlayProps = {
13
+ "data-dnd": dataDnd,
14
+ "data-id": dataId,
15
+ };
16
+ useEffect(() => {
17
+ const popover = document.querySelector('.ant-popconfirm');
18
+ console.log('popover', popover);
19
+ if (popover) {
20
+ popover.setAttribute('data-dnd', dataDnd);
21
+ popover.setAttribute('data-id', dataId);
22
+ }
23
+ }, [dataDnd, dataId]);
24
+ return (React.createElement(AntPopconfirm, Object.assign({ title: title, overlayClassName: "custom-popconfirm-overlay" }, rest, { style: style }), children));
13
25
  }
14
26
  export const Popconfirm = defineComponent(AntPopconfirm, {
15
27
  name: 'Popconfirm',