@cuvp1225/antd 0.3.15 → 0.3.17

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/typography.js

@@ -133,11 +133,11 @@ exports.Title = {
             title: '标题级别',
             setter: 'pickerSetter',
             options: [
-                { label: 'h1', value: '1' },
-                { label: 'h2', value: '2' },
-                { label: 'h3', value: '3' },
-                { label: 'h4', value: '4' },
-                { label: 'h5', value: '5' },
+                { label: 'h1', value: 1 },
+                { label: 'h2', value: 2 },
+                { label: 'h3', value: 3 },
+                { label: 'h4', value: 4 },
+                { label: 'h5', value: 5 },
             ],
             tip: '数字越小，级别越大',
         },

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

@@ -4,7 +4,7 @@ export { Button, ButtonGroup } from './button';
 export * from './formily';
 export { InputNumber } from './input-number';
 export { Input, TextArea } from './input';
-export { Modal } from './modal';
+export { Modalnew } from './modal';
 export * from './page';
 export * from './placeholder';
 export * from './section';
@@ -12,3 +12,4 @@ export { Select } from './select';
 export { Space } from './space';
 export { Typography, Title, Paragraph } from './typography';
 export { Columns, Column } from './columns';
+export { Row1 } from './row';

package/lib/esm/components/index.js

@@ -5,7 +5,7 @@ export { Button, ButtonGroup } from './button';
 export * from './formily';
 export { InputNumber } from './input-number';
 export { Input, TextArea } from './input';
-export { Modal } from './modal';
+export { Modalnew } from './modal';
 export * from './page';
 export * from './placeholder';
 export * from './section';
@@ -13,6 +13,7 @@ export { Select } from './select';
 export { Space } from './space';
 export { Typography, Title, Paragraph } from './typography';
 export { Columns, Column } from './columns';
+export { Row1 } from './row';
 //export { MultiColumns } from './multiColumns'
 //export { Row,Col } from './grid'
 //export { RowCombination,ColCombination } from './gridCombination'

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

@@ -1,3 +1,3 @@
 import React from 'react';
 import { ModalProps } from 'antd';
-export declare const Modal: React.ForwardRefExoticComponent<ModalProps & import("@music163/tango-boot").TangoComponentProps & React.RefAttributes<unknown>>;
+export declare const Modalnew: React.ForwardRefExoticComponent<ModalProps & import("@music163/tango-boot").TangoComponentProps & React.RefAttributes<unknown>>;

package/lib/esm/components/modal.js

@@ -62,8 +62,8 @@ function ModalDesigner(_a) {
             React.createElement("div", { className: "ModalPanelBody" }, children || React.createElement(Placeholder, null)),
             renderFooter())));
 }
-export const Modal = defineComponent(AntModal, {
-    name: 'Modal',
+export const Modalnew = defineComponent(AntModal, {
+    name: 'Modalnew',
     designerConfig: {
         render({ designerProps, originalProps }) {
             return React.createElement(ModalDesigner, Object.assign({}, designerProps, originalProps));

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

@@ -0,0 +1,3 @@
+import React from 'react';
+import { RowProps } from 'antd';
+export declare const Row1: React.ForwardRefExoticComponent<Omit<RowProps & React.RefAttributes<HTMLDivElement> & import("@music163/tango-boot").TangoComponentProps, "ref"> & React.RefAttributes<unknown>>;

package/lib/esm/components/row.js

@@ -0,0 +1,34 @@
+import { __rest } from "tslib";
+import React from 'react';
+import { css } from 'styled-components';
+import { coral } from 'coral-system';
+import { Row as AntRow } from 'antd';
+import { defineComponent } from '@music163/tango-boot';
+import { Placeholder } from './placeholder';
+import { ShadowContainer } from './shadow-container';
+const BaseRowWrapper = coral('div', css `
+    position: relative;
+    background-color: #fff;
+    border: 1px solid var(--music-colors-line-normal);
+    box-shadow: var(--music-shadows-lowDown);
+    min-width: 600px;
+
+    .RowNewPanelBody {
+      padding: 12px;
+    }
+  `);
+function RowDesigner(_a) {
+    var { gutter, align, justify, prefixCls, wrap, style, children } = _a, rest = __rest(_a, ["gutter", "align", "justify", "prefixCls", "wrap", "style", "children"]);
+    console.log("zcq栅格行的入参", gutter, align, justify, prefixCls, wrap, style, children);
+    return (React.createElement(ShadowContainer, Object.assign({ type: "modal", label: "Row", bg: "rgba(0, 0, 0, 0.45)", px: "100px", py: "24px" }, rest),
+        React.createElement(BaseRowWrapper, { style: style },
+            React.createElement("div", { className: "RowNewPanelBody" }, children || React.createElement(Placeholder, null)))));
+}
+export const Row1 = defineComponent(AntRow, {
+    name: 'Row1',
+    designerConfig: {
+        render({ designerProps, originalProps }) {
+            return React.createElement(RowDesigner, Object.assign({}, designerProps, originalProps));
+        },
+    },
+});

package/lib/esm/index.d.ts

@@ -1 +1,2 @@
+import 'antd/dist/antd.css';
 export * from './components';

package/lib/esm/index.js

@@ -1 +1,2 @@
+import 'antd/dist/antd.css';
 export * from './components';

package/lib/esm/prototypes/alert.js

@@ -33,7 +33,12 @@ export const Alert = {
                 ],
             },
         },
-        { name: 'action', title: '自定义操作项', setter: 'expressionSetter' },
+        {
+            name: 'action',
+            title: '自定义操作项',
+            setter: 'expressionSetter',
+            autoCompleteOptions: [`<Button size="small" danger> Detail </Button>`],
+        },
         {
             name: 'afterClose',
             title: '关闭后的回调函数',

package/lib/esm/prototypes/auto-complete.js

@@ -1,4 +1,4 @@
-import { InstancePrototypes, StylePrototypes } from './common';
+import { InstancePrototypes } from './common';
 export const AutoComplete = {
     name: 'AutoComplete',
     title: '自动完成',
@@ -7,13 +7,13 @@ export const AutoComplete = {
     help: '输入框自动完成功能，可提供输入建议/辅助提示能力',
     type: 'element',
     props: [
-        ...StylePrototypes,
+        // ...StylePrototypes,
         ...InstancePrototypes,
-        {
-            name: 'width',
-            title: '输入框宽度',
-            setter: 'textSetter',
-        },
+        // {
+        //   name: 'width',
+        //   title: '输入框宽度',
+        //   setter: 'textSetter',
+        // },
         {
             name: 'allowClear',
             title: '支持清除',
@@ -78,13 +78,13 @@ export const AutoComplete = {
             setter: 'boolSetter',
             group: 'advanced',
         },
-        {
-            name: 'filterOption',
-            title: '根据输入项进行筛选',
-            tip: '当其为一个函数时，会接收 inputValue option 两个参数，当 option 符合筛选条件时，应返回 true，反之则返回 false',
-            setter: 'boolSetter',
-            group: 'advanced',
-        },
+        // {
+        //   name: 'filterOption',
+        //   title: '根据输入项进行筛选',
+        //   tip: '是否根据输入项进行筛选',
+        //   setter: 'boolSetter',
+        //   group: 'advanced',
+        // },
         {
             name: 'getPopupContainer',
             title: '菜单渲染父节点',
@@ -98,7 +98,11 @@ export const AutoComplete = {
             setter: 'expressionSetter',
             group: 'advanced',
         },
-        { name: 'open', title: '展开下拉菜单', setter: 'boolSetter' },
+        {
+            name: 'open',
+            title: '展开下拉菜单',
+            setter: 'boolSetter'
+        },
         {
             name: 'options',
             title: '下拉数据源',
@@ -106,9 +110,23 @@ export const AutoComplete = {
             setter: 'expressionSetter',
             initValue: [{ value: 'option1' }, { value: 'option2' }, { value: 'option3' }],
         },
-        { name: 'placeholder', title: '输入框提示', setter: 'textSetter', initValue: 'input here' },
-        { name: 'value', title: '指定当前选中的条目', setter: 'textSetter' },
-        { name: 'onBlur', title: '失去焦点时的回调', setter: 'actionSetter', group: 'event' },
+        {
+            name: 'placeholder',
+            title: '输入框提示',
+            setter: 'textSetter',
+            initValue: '请在这里输入'
+        },
+        {
+            name: 'value',
+            title: '指定当前选中的条目',
+            setter: 'textSetter'
+        },
+        {
+            name: 'onBlur',
+            title: '失去焦点时的回调',
+            setter: 'actionSetter',
+            group: 'event'
+        },
         {
             name: 'onChange',
             title: 'onChange事件',
@@ -116,13 +134,29 @@ export const AutoComplete = {
             group: 'event',
             autoCompleteOptions: ['(currentActiveLink)=>{}'],
         },
+        {
+            name: 'filterOption',
+            title: '是否根据输入项进行筛选',
+            tip: '是否根据输入项进行筛选。当其为一个函数时，会接收 inputValue option 两个参数，当 option 符合筛选条件时，应返回 true，反之则返回 false',
+            setter: 'boolSetter',
+            autoCompleteOptions: [`(inputValue, option) => {
+          // 将输入值和选项值都转换为小写，进行不区分大小写的匹配
+          return option.value.toLowerCase().includes(inputValue.toLowerCase());
+      }`],
+            group: 'event',
+        },
         {
             name: 'onDropdownVisibleChange',
             title: '展开下拉菜单的回调',
             setter: 'actionSetter',
             group: 'event',
         },
-        { name: 'onFocus', title: '获得焦点时的回调', setter: 'actionSetter', group: 'event' },
+        {
+            name: 'onFocus',
+            title: '获得焦点时的回调',
+            setter: 'actionSetter',
+            group: 'event'
+        },
         {
             name: 'onSearch',
             title: '搜索补全项的时候调用',
@@ -135,5 +169,22 @@ export const AutoComplete = {
             setter: 'actionSetter',
             group: 'event',
         },
+        {
+            name: 'style',
+            title: '样式对象',
+            setter: 'expressionSetter',
+            setterProps: {
+                expressionType: 'cssObject',
+            },
+            group: 'style',
+            initValue: '{{{width: "200px"}}}',
+            autoCompleteOptions: ['{}'],
+        },
+        {
+            name: 'className',
+            title: '自定义样式类名',
+            setter: 'classNameSetter',
+            group: 'style',
+        },
     ],
 };

package/lib/esm/prototypes/common.js

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

package/lib/esm/prototypes/drawer.js

@@ -11,17 +11,26 @@ export const Drawer = {
     initChildren: '',
     props: [
         ...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: '{{this.state.open}}',
+            tip: '默认显示为true，也可以绑定变量如：this.state.open',
         },
         {
             name: 'title',
@@ -34,18 +43,18 @@ export const 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',
         },
         {
@@ -60,6 +69,7 @@ export const Drawer = {
             title: '点击关闭按钮的回调',
             setter: 'actionSetter',
             group: 'event',
+            initValue: '{{() => {if(this.state.open){ this.setState({open: false})}}}}',
         },
         {
             name: 'afterVisibleChange',
@@ -70,7 +80,7 @@ export const Drawer = {
         {
             name: 'placement',
             title: '抽屉的方向',
-            defaultValue: 'right',
+            initValue: 'right',
             options: [
                 { label: '上', value: 'top' },
                 { label: '右', value: 'right' },
@@ -84,7 +94,7 @@ export const Drawer = {
             name: 'size',
             title: '预设尺寸',
             setter: 'choiceSetter',
-            defaultValue: 'default',
+            initValue: 'default',
             options: [
                 { label: '默认', value: 'default' },
                 { label: '更宽', value: 'large' },
@@ -94,7 +104,7 @@ export const Drawer = {
             name: 'mask',
             title: '是否展示遮罩',
             setter: 'boolSetter',
-            defaultValue: true,
+            initValue: true,
         },
         {
             name: 'keyboard',
@@ -109,7 +119,7 @@ export const Drawer = {
         {
             name: 'zIndex',
             title: '设置 Drawer 的 z-index',
-            defaultValue: 1000,
+            initValue: 1000,
             setter: 'numberSetter',
             group: 'advanced',
         },

package/lib/esm/prototypes/index.d.ts

@@ -65,3 +65,4 @@ export * from './tree-select';
 export * from './tree';
 export * from './typography';
 export * from './upload';
+export * from './row';

package/lib/esm/prototypes/index.js

@@ -65,4 +65,4 @@ export * from './tree-select';
 export * from './tree';
 export * from './typography';
 export * from './upload';
-//export * from './grid';
+export * from './row';

package/lib/esm/prototypes/progress.js

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

package/lib/esm/prototypes/row.d.ts

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

package/lib/esm/prototypes/row.js

@@ -0,0 +1,27 @@
+import { StylePrototypes } from './common';
+export const Row1 = {
+    name: 'Row1',
+    title: '栅格行0214',
+    package: '@cuvp1225/antd',
+    icon: 'icon-column',
+    //type: 'element',
+    type: 'container',
+    help: '栅格行',
+    hasChildren: true,
+    initChildren: '<Placeholder text="放置替换" />',
+    relatedImports: ['Placeholder'],
+    props: [
+        ...StylePrototypes,
+        {
+            name: 'gutter',
+            title: '栅格间隔',
+            setter: 'textSetter',
+            defaultValue: [20, 20]
+        },
+    ],
+    rules: {
+        canMoveIn(incomingName) {
+            return !(incomingName === Row1.name);
+        },
+    },
+};

package/lib/esm/prototypes/space.js

@@ -53,7 +53,7 @@ export const Space = {
             name: 'split',
             title: '设置拆分',
             setter: 'expressionSetter',
-            tip: '可以使用字符串进行拆分，例如： "--"; 或者使用分割线组件，例如：<Divider style={{ type="vertical", height: "100px", borderTop: "10px" }} />',
+            tip: '可以使用字符串进行拆分，例如： "--"; 或者使用分割线组件，例如：<Divider type="vertical" style={{ height: "100px", borderTop: "10px" }} />',
         },
         {
             name: 'wrap',

package/lib/esm/prototypes/spin.js

@@ -11,7 +11,8 @@ export const Spin = {
         {
             name: 'children',
             title: '内容',
-            setter: 'expressionSetter',
+            setter: 'textSetter',
+            initValue: null,
         },
         {
             name: 'spinning',
@@ -22,6 +23,7 @@ export const Spin = {
             name: 'tip',
             title: '自定义描述文案',
             setter: 'textSetter',
+            initValue: null,
         },
         {
             name: 'size',
@@ -31,7 +33,7 @@ export const Spin = {
                 options: [
                     { label: 'small', value: 'small' },
                     { label: 'middle', value: 'middle' },
-                    { label: 'default', value: 'default' },
+                    { label: 'large', value: 'large' },
                 ],
             },
         },
@@ -41,7 +43,11 @@ export const Spin = {
             tip: '延迟显示加载效果的时间（防止闪烁）',
             setter: 'numberSetter',
         },
-        { name: 'indicator', title: '加载指示符', setter: 'iconSetter' },
+        {
+            name: 'indicator',
+            title: '加载指示符',
+            setter: 'iconSetter'
+        },
         {
             name: 'wrapperClassName',
             title: '包装器的类属性',

package/lib/esm/prototypes/steps.js

@@ -11,7 +11,24 @@ export const Steps = {
     initChildren: '<StepsItem title="步骤1" /><StepsItem title="步骤2" />',
     relatedImports: ['StepsItem'],
     props: [
-        ...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: '默认起始序号',
@@ -116,12 +133,21 @@ export const StepsItem = {
     type: 'element',
     props: [
         ...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/esm/prototypes/table.js

@@ -268,13 +268,13 @@ export const 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',
                 },
             ],