@cuvp1225/antd 0.2.58 → 0.2.60

package/lib/cjs/prototypes/button.js

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Button = void 0;
 const common_1 = require("./common");
+// import { AntdIconSetter } from '../setters';
 exports.Button = {
     title: '按钮',
     name: 'Button',
@@ -23,6 +24,7 @@ exports.Button = {
                 { label: '幽灵按钮', value: 'ghost' },
                 { label: '虚线按钮', value: 'dashed' },
                 { label: '链接按钮', value: 'link' },
+                { label: '文本按钮', value: 'text' },
             ],
         },
         {
@@ -34,13 +36,13 @@ exports.Button = {
         {
             name: 'icon',
             title: '图标',
-            setter: 'iconSetter',
-        },
-        {
-            name: 'isText',
-            title: '文本按钮',
-            setter: 'boolSetter',
+            setter: 'AntdIconSetter',
         },
+        // {
+        //   name: 'isText',
+        //   title: '文本按钮',
+        //   setter: 'boolSetter',
+        // },
         {
             name: 'shape',
             title: '按钮形状',

package/lib/cjs/prototypes/cascader.js

@@ -90,7 +90,7 @@ exports.Cascader = {
             name: 'loadData',
             title: '动态加载选项',
             setter: 'expressionSetter',
-            autoCompleteOptions: ['(selectedOptions) => {} '],
+            autoCompleteOptions: ['(selectedOptions) => {\nconsole.log("选择", selectedOptions);\nconst targetOption = selectedOptions[selectedOptions.length - 1];\nconsole.log("targetOption", targetOption);\nsetTimeout(() => {\ntargetOption.children = [\n{ label: `${targetOption.label} Dynamic 1`, value: "dynamic1" },\n{ label: `${targetOption.label} Dynamic 2`, value: "dynamic2" },\n];\nconsole.log("targetOption1", targetOption);\nthis.setState({ optionsList: [...this.state.optionsList] });\n }, 1000);\n} '],
             tip: '无法与 showSearch 一起使用',
         },
     ],

package/lib/cjs/prototypes/common.js

@@ -5,12 +5,13 @@ exports.StylePrototypes = [
     {
         name: 'style',
         title: '样式对象',
-        setter: 'expressionSetter',
-        setterProps: {
-            expressionType: 'cssObject',
-        },
+        // setter: 'expressionSetter',
+        // setterProps: {
+        //   expressionType: 'cssObject',
+        // },
+        setter: 'cssSetter',
         group: 'style',
-        autoCompleteOptions: ['{}'],
+        // autoCompleteOptions: ['{}'],
     },
     {
         name: 'className',

package/lib/cjs/prototypes/drawer.js

@@ -14,17 +14,26 @@ exports.Drawer = {
     initChildren: '',
     props: [
         ...common_1.StylePrototypes,
-        {
-            name: 'id',
-            title: '弹窗 ID',
-            tip: '设置弹窗 ID，可以借助 tango.openModal 轻松唤起弹窗',
-            setter: 'textSetter',
-        },
-        {
-            name: 'visible',
+        // {
+        //   name: 'id',
+        //   title: '弹窗 ID',
+        //   tip: '设置弹窗 ID，可以借助 tango.openModal 轻松唤起弹窗',
+        //   setter: 'textSetter',
+        // },
+        // {
+        //   name: 'visible',
+        //   title: '是否显示',
+        //   setter: 'expressionSetter',
+        //   group: 'basic',
+        // },
+        {
+            name: 'open',
             title: '是否显示',
             setter: 'expressionSetter',
             group: 'basic',
+            // initValue: true,
+            initValue: true,
+            tip: '默认显示为true，也可以绑定变量如：this.state.open',
         },
         {
             name: 'title',
@@ -37,18 +46,18 @@ exports.Drawer = {
             name: 'closable',
             title: '是否显示关闭按钮',
             setter: 'boolSetter',
-            defaultValue: true,
+            initValue: true,
         },
         {
             name: 'destroyOnClose',
             title: '关闭时销毁子元素',
             setter: 'boolSetter',
-            defaultValue: false,
+            initValue: false,
         },
         {
             name: 'width',
             title: '宽度',
-            defaultValue: 378,
+            initValue: 378,
             setter: 'numberSetter',
         },
         {
@@ -63,6 +72,7 @@ exports.Drawer = {
             title: '点击关闭按钮的回调',
             setter: 'actionSetter',
             group: 'event',
+            initValue: '{{() => {if(this.state.open){ this.setState({open: false})}}}}',
         },
         {
             name: 'afterVisibleChange',
@@ -73,7 +83,7 @@ exports.Drawer = {
         {
             name: 'placement',
             title: '抽屉的方向',
-            defaultValue: 'right',
+            initValue: 'right',
             options: [
                 { label: '上', value: 'top' },
                 { label: '右', value: 'right' },
@@ -87,7 +97,7 @@ exports.Drawer = {
             name: 'size',
             title: '预设尺寸',
             setter: 'choiceSetter',
-            defaultValue: 'default',
+            initValue: 'default',
             options: [
                 { label: '默认', value: 'default' },
                 { label: '更宽', value: 'large' },
@@ -97,7 +107,7 @@ exports.Drawer = {
             name: 'mask',
             title: '是否展示遮罩',
             setter: 'boolSetter',
-            defaultValue: true,
+            initValue: true,
         },
         {
             name: 'keyboard',
@@ -112,7 +122,7 @@ exports.Drawer = {
         {
             name: 'zIndex',
             title: '设置 Drawer 的 z-index',
-            defaultValue: 1000,
+            initValue: 1000,
             setter: 'numberSetter',
             group: 'advanced',
         },

package/lib/cjs/prototypes/form.js

@@ -58,7 +58,7 @@ exports.Form = {
       Submit
     </Button>
   </Form.Item>`,
-    relatedImports: ['FormItem', 'FormFooter', 'Button'],
+    relatedImports: ['FormItem', 'FormFooter', 'Button', 'Input'],
     childrenName: ['FormItem', 'Fieldset', 'FormFooter'],
     props: [
         ...common_1.StylePrototypes,

package/lib/cjs/prototypes/icon.d.ts

@@ -0,0 +1,2 @@
+import { ComponentPrototypeType } from '@music163/tango-helpers';
+export declare const AntdIcon: ComponentPrototypeType;

package/lib/cjs/prototypes/icon.js

@@ -0,0 +1,46 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AntdIcon = void 0;
+// import { AntdIconSetter } from '../setters';
+exports.AntdIcon = {
+    title: '图标',
+    name: 'AntdIcon',
+    icon: 'icon-anniu',
+    type: 'element',
+    package: '@cuvp1225/antd',
+    props: [
+        {
+            name: 'type',
+            title: '图标',
+            setter: 'AntdIconSetter',
+        },
+        {
+            name: 'size',
+            title: '大小',
+            setter: 'NumberSetter',
+            defaultValue: 20,
+        },
+        {
+            name: 'color',
+            title: '颜色',
+            setter: 'ColorSetter',
+        },
+        {
+            name: 'rotate',
+            title: '旋转角度',
+            setter: 'NumberSetter',
+            defaultValue: 0,
+        },
+        {
+            name: 'spin',
+            title: '旋转动画',
+            setter: 'BooleanSetter',
+            defaultValue: false,
+        },
+        // {
+        //   name: 'onClick',
+        //   title: '点击回调',
+        //   propType: 'func',
+        // },
+    ],
+};

package/lib/cjs/prototypes/popconfirm.js

@@ -6,11 +6,13 @@ const button_1 = require("./button");
 exports.Popconfirm = {
     name: 'Popconfirm',
     title: '气泡确认框',
+    exportType: 'namedExport',
     package: '@cuvp1225/antd',
     icon: 'icon-qipaoqueren',
     help: '点击元素，弹出气泡式的确认框',
-    type: 'element',
+    type: 'container',
     hasChildren: true,
+    siblingNames: ['Popconfirm'],
     initChildren: '<Button children="删除" />',
     relatedImports: ['Button'],
     props: [

package/lib/cjs/prototypes/progress.js

@@ -59,6 +59,7 @@ exports.Progress = {
             name: 'format',
             title: '内容的模板函数',
             setter: 'expressionSetter',
+            autoCompleteOptions: ['(a) => a + "Day"'],
         },
         {
             name: 'success',

package/lib/cjs/prototypes/radio.js

@@ -23,11 +23,27 @@ exports.Radio = {
             title: '选中',
             setter: 'boolSetter',
         },
-        {
-            name: 'tooltip',
-            title: '提示文案',
+        // {
+        //   name: 'radioGroup',
+        //   title: '单选框组',
+        //   setter: 'boolSetter',
+        // },
+        {
+            name: 'label',
+            title: '标签',
+            initValue: '单项1',
             setter: 'textSetter',
         },
+        {
+            name: 'optionType',
+            title: '选项类型',
+            setter: 'choiceSetter',
+            initValue: 'default',
+            options: [
+                { label: '默认', value: 'default' },
+                { label: '按钮类型', value: 'button' },
+            ],
+        },
         {
             name: 'defaultChecked',
             title: '初始选中',
@@ -144,7 +160,7 @@ exports.RadioGroup = {
                     { label: '按钮', value: 'button' },
                 ],
             },
-            group: 'advanced',
+            group: 'basic',
         },
         {
             name: 'size',

package/lib/cjs/prototypes/select.js

@@ -31,6 +31,7 @@ exports.CommonPrototypes = [
         setter: 'expressionSetter',
         tip: '可通过model变量设置初始值',
         group: 'basic',
+        initValue: [], // 默认值
     },
     {
         name: 'width',
@@ -364,6 +365,13 @@ exports.Select = {
             setter: 'actionSetter',
             group: 'event',
         },
+        {
+            name: "style",
+            title: "样式",
+            setter: "styleSetter",
+            group: "style",
+            initValue: `{{{width: '100%'}}}`
+        },
         {
             name: 'dropdownClassName',
             title: '下拉菜单className',

package/lib/cjs/prototypes/steps.js

@@ -14,7 +14,24 @@ exports.Steps = {
     initChildren: '<StepsItem title="步骤1" /><StepsItem title="步骤2" />',
     relatedImports: ['StepsItem'],
     props: [
-        ...common_1.StylePrototypes,
+        // ...StylePrototypes,
+        {
+            name: 'style',
+            title: '样式对象',
+            setter: 'expressionSetter',
+            setterProps: {
+                expressionType: 'cssObject',
+            },
+            group: 'style',
+            initValue: '{{{width: "100%"}}}',
+            autoCompleteOptions: ['{}'],
+        },
+        {
+            name: 'className',
+            title: '自定义样式类名',
+            setter: 'classNameSetter',
+            group: 'style',
+        },
         {
             name: 'initial',
             title: '默认起始序号',
@@ -119,12 +136,21 @@ exports.StepsItem = {
     type: 'element',
     props: [
         ...common_1.StylePrototypes,
-        { name: 'title', title: '标题', setter: 'textSetter', initValue: '步骤' },
-        { name: 'subTitle', title: '子标题', setter: 'expressionSetter' },
+        {
+            name: 'title',
+            title: '标题',
+            setter: 'textSetter',
+            initValue: '步骤'
+        },
+        {
+            name: 'subTitle',
+            title: '子标题',
+            setter: 'textSetter',
+        },
         {
             name: 'description',
             title: '步骤的详情描述',
-            setter: 'expressionSetter',
+            setter: 'textSetter',
         },
         {
             name: 'status',

package/lib/cjs/prototypes/table.js

@@ -7,10 +7,10 @@ const renderChildrenOptions = [
     { label: '取消自定义', value: '' },
     {
         label: '自定义区域',
-        value: 'Box',
+        value: 'div',
         //render: '{(record, index, indent, expanded) => <Box></Box>}',
-        render: '(record, index, indent, expanded) => <Box></Box>',
-        relatedImports: ['Box'],
+        render: '(record, index, indent, expanded) => <div><Placeholder text="放置替换" /></div>',
+        relatedImports: ['div'],
     },
 ];
 exports.Table = {
@@ -271,13 +271,13 @@ exports.Table = {
                 {
                     name: 'x',
                     title: '横向滚动',
-                    tip: "也可用于指定滚动区域的宽，可以设置为像素值，百分比，true 和 'max-content'",
+                    tip: '可用于指定滚动区域的宽，可以设置为像素值如"2000px"或2000, 百分比如"80%" 和 "max-content"',
                     setter: 'expressionSetter',
                 },
                 {
                     name: 'y',
                     title: '纵向滚动',
-                    tip: '也可用于指定滚动区域的高，可以设置为像素值',
+                    tip: '可用于指定滚动区域的高，可以设置为像素值如"150px"或150, 百分比如"100%" 和 "max-content"',
                     setter: 'expressionSetter',
                 },
             ],

package/lib/cjs/prototypes/tabs.js

@@ -10,16 +10,38 @@ exports.Tabs = {
     type: 'container',
     package: '@cuvp1225/antd',
     help: '提供平级的区域将大块内容进行收纳和展现，保持界面整洁',
-    hasChildren: true,
-    initChildren: '<TabPane key="1" tab="选项卡1"></TabPane><TabPane key="2" tab="选项卡2"></TabPane>',
+    hasChildren: false,
+    initChildren: `<TabPane key="1" tab="选项卡1"><Placeholder text="放置替换" style={{ margin: "15px"}} /></TabPane><TabPane key="2" tab="选项卡2"><Placeholder text="放置替换" style={{ margin: "15px" }}/></TabPane>`,
     childrenName: 'TabPane',
     relatedImports: ['TabPane'],
     props: [
         ...common_1.StylePrototypes,
+        {
+            name: 'items',
+            title: '标签项',
+            setter: 'tabPaneSetter',
+            initValue: [
+                {
+                    key: '1',
+                    label: '选项卡1',
+                    forceRender: false,
+                    disabled: false,
+                    // children: '选项卡1',
+                },
+                {
+                    key: '2',
+                    label: '选项卡2',
+                    forceRender: false,
+                    disabled: false,
+                    // children: '选项卡2',
+                },
+            ]
+        },
         {
             name: 'defaultActiveKey',
             title: '默认选中的面板',
             setter: 'textSetter',
+            initValue: '1',
         },
         {
             name: 'centered',
@@ -34,9 +56,20 @@ exports.Tabs = {
                 { label: '基本', value: 'line' },
                 { label: '卡片', value: 'card' },
                 { label: '可编辑卡片', value: 'editable-card' },
-                { label: '胶囊', value: 'capsule' },
-                { label: '文本', value: 'text' },
+                // { label: '胶囊', value: 'capsule' },
+                // { label: '文本', value: 'text' },
+            ],
+        },
+        {
+            name: 'size',
+            title: '选项卡大小',
+            setter: 'choiceSetter',
+            options: [
+                { label: '大', value: 'large' },
+                { label: '中', value: 'middle' },
+                { label: '小', value: 'small' },
             ],
+            tip: '提供large、middle和small三种大小',
         },
         {
             name: 'tabPosition',
@@ -49,6 +82,13 @@ exports.Tabs = {
                 { label: '左', value: 'left' },
             ],
         },
+        {
+            name: 'hideAdd',
+            title: '是否隐藏加号图标',
+            tip: '仅在选项卡类型为可编辑卡片时有效',
+            setter: 'boolSetter',
+            getVisible: (form) => form.getValue('type') === 'editable-card',
+        },
         {
             name: 'onChange',
             title: '当面板切换时',
@@ -56,6 +96,15 @@ exports.Tabs = {
             group: 'event',
             autoCompleteOptions: ['(activeKey)=>{}'],
         },
+        {
+            name: 'onEdit',
+            title: '新增和删除页签的回调',
+            tip: '仅在选项卡类型为可编辑卡片时有效',
+            setter: 'expressionSetter',
+            group: 'event',
+            // autoCompleteOptions: ["(action === 'add' ? event : targetKey, action): void"],
+            getVisible: (form) => form.getValue('type') === 'editable-card',
+        },
         {
             name: 'tabBarExtraContent',
             title: 'tab bar 上额外的元素',

package/lib/cjs/prototypes/tree-select.js

@@ -13,7 +13,24 @@ exports.TreeSelect = {
     childrenName: 'TreeNode',
     relatedImports: ['TreeNode'],
     props: [
-        ...common_1.StylePrototypes,
+        // ...StylePrototypes,
+        {
+            name: 'style',
+            title: '样式对象',
+            setter: 'expressionSetter',
+            setterProps: {
+                expressionType: 'cssObject',
+            },
+            group: 'style',
+            initValue: '{{{width: "100%"}}}',
+            autoCompleteOptions: ['{}'],
+        },
+        {
+            name: 'className',
+            title: '自定义样式类名',
+            setter: 'classNameSetter',
+            group: 'style',
+        },
         ...common_1.InstancePrototypes,
         {
             name: 'treeData',
@@ -200,6 +217,19 @@ exports.TreeSelect = {
             name: 'loadData',
             title: '异步加载数据',
             setter: 'expressionSetter',
+            autoCompleteOptions: [`({ id }) =>
+new Promise((resolve) => {
+  setTimeout(() => {
+    this.setState({
+      treeData: this.state.treeData.concat([
+        genTreeNode(id, false),
+        genTreeNode(id, true),
+        genTreeNode(id, true),
+      ]),
+    });
+    resolve(undefined);
+  }, 300);
+})`]
         },
         {
             name: 'maxTagCount',

package/lib/cjs/prototypes/tree.js

@@ -12,7 +12,7 @@ exports.Tree = {
     props: [
         ...common_1.StylePrototypes,
         {
-            name: 'dataSource',
+            name: 'treeData',
             title: '数据源',
             tip: '支持异步数据载入',
             setter: 'expressionSetter',

package/lib/cjs/utils/utils.d.ts

@@ -0,0 +1,2 @@
+export { get, set, has } from 'lodash';
+export declare function uuid(): string;

package/lib/cjs/utils/utils.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.has = exports.set = exports.get = void 0;
+exports.uuid = uuid;
+var lodash_1 = require("lodash");
+Object.defineProperty(exports, "get", { enumerable: true, get: function () { return lodash_1.get; } });
+Object.defineProperty(exports, "set", { enumerable: true, get: function () { return lodash_1.set; } });
+Object.defineProperty(exports, "has", { enumerable: true, get: function () { return lodash_1.has; } });
+// simple uuid
+function uuid() {
+    return ((Math.random() * 1e6) >> 0).toString(36);
+}

package/lib/esm/components/button.js

@@ -1,3 +1,29 @@
+// import { defineComponent } from '@music163/tango-boot';
+// import { Button as AntButton } from 'antd';
+// import React from 'react';
+// import SmileOutlined from '@ant-design/icons/SmileOutlined';
+// import { Placeholder } from './placeholder';
+// function ButtonDesigner({
+//   children,
+//   style,
+//   icon,
+//   ...rest
+// }: any) {
+//   return (
+//     <AntButton {...rest} style={style} icon={icon || <SmileOutlined/>}/>
+//   );
+// }
+// export const Button = defineComponent(AntButton, {
+//   name: 'Button',
+//   designerConfig: {
+//     render({ designerProps, originalProps }) {
+//       return <ButtonDesigner {...designerProps} {...originalProps} />;
+//     },
+//   },
+// });
+// export const ButtonGroup = defineComponent(AntButton.Group, {
+//   name: 'ButtonGroup',
+// });
 import { defineComponent } from '@music163/tango-boot';
 import { Button as AntButton } from 'antd';
 export const Button = defineComponent(AntButton, {

package/lib/esm/components/cascader.d.ts

@@ -0,0 +1,34 @@
+import React from 'react';
+export declare const Cascader: React.ForwardRefExoticComponent<(Omit<Omit<import("rc-cascader").SingleCascaderProps<import("rc-cascader").DefaultOptionType>, "options" | "checkable"> & {
+    multiple?: false;
+} & {
+    multiple?: boolean;
+    size?: import("antd/lib/button").ButtonSize;
+    disabled?: boolean;
+    bordered?: boolean;
+    placement?: import("antd/lib/_util/motion").SelectCommonPlacement;
+    suffixIcon?: React.ReactNode;
+    options?: (import("rc-cascader").DefaultOptionType | import("rc-cascader").BaseOptionType)[];
+    status?: import("antd/lib/_util/statusUtils").InputStatus;
+    dropdownClassName?: string;
+} & {
+    children?: React.ReactNode | undefined;
+} & {
+    ref?: React.Ref<import("antd/lib/cascader").CascaderRef> | undefined;
+} & import("@music163/tango-boot").TangoComponentProps, "ref"> | Omit<Omit<import("rc-cascader").MultipleCascaderProps<import("rc-cascader").DefaultOptionType>, "options" | "checkable"> & {
+    multiple: true;
+} & {
+    multiple?: boolean;
+    size?: import("antd/lib/button").ButtonSize;
+    disabled?: boolean;
+    bordered?: boolean;
+    placement?: import("antd/lib/_util/motion").SelectCommonPlacement;
+    suffixIcon?: React.ReactNode;
+    options?: (import("rc-cascader").DefaultOptionType | import("rc-cascader").BaseOptionType)[];
+    status?: import("antd/lib/_util/statusUtils").InputStatus;
+    dropdownClassName?: string;
+} & {
+    children?: React.ReactNode | undefined;
+} & {
+    ref?: React.Ref<import("antd/lib/cascader").CascaderRef> | undefined;
+} & import("@music163/tango-boot").TangoComponentProps, "ref">) & React.RefAttributes<unknown>>;

package/lib/esm/components/cascader.js

@@ -0,0 +1,20 @@
+import { __rest } from "tslib";
+import { defineComponent } from '@music163/tango-boot';
+import { Cascader as AntCascader } from 'antd';
+import React from 'react';
+function CascaderDesigner(_a) {
+    var { style, value } = _a, rest = __rest(_a, ["style", "value"]);
+    if (value && value.length > 0) {
+        return React.createElement(AntCascader, Object.assign({ value: value }, rest, { style: style }));
+    }
+    return (React.createElement(AntCascader, Object.assign({}, rest, { style: style })));
+}
+export const Cascader = defineComponent(AntCascader, {
+    name: 'Cascader',
+    designerConfig: {
+        render({ designerProps, originalProps, }) {
+            console.log("Cascader props:", designerProps, originalProps);
+            return React.createElement(CascaderDesigner, Object.assign({}, designerProps, originalProps));
+        },
+    },
+});

package/lib/esm/components/checkbox.d.ts

@@ -0,0 +1,6 @@
+import { CheckboxProps } from 'antd';
+import React from 'react';
+export declare const Checkbox: React.ForwardRefExoticComponent<Omit<CheckboxProps & React.RefAttributes<HTMLInputElement> & import("@music163/tango-boot").TangoComponentProps, "ref"> & React.RefAttributes<unknown>>;
+export declare const CheckboxGroup: React.ForwardRefExoticComponent<Omit<Omit<import("antd/lib/checkbox").CheckboxGroupProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    ref?: React.Ref<HTMLDivElement>;
+} & import("@music163/tango-boot").TangoComponentProps, "ref"> & React.RefAttributes<unknown>>;