@cuvp1225/antd 0.2.58 → 0.2.59

package/lib/esm/components/checkbox.js

@@ -0,0 +1,19 @@
+import { __rest } from "tslib";
+import { defineComponent } from '@music163/tango-boot';
+import { Checkbox as AntCheckbox } from 'antd';
+import React from 'react';
+function CheckboxDesigner(_a) {
+    var { style } = _a, rest = __rest(_a, ["style"]);
+    return (React.createElement(AntCheckbox, Object.assign({}, rest, { style: style }), rest.label));
+}
+export const Checkbox = defineComponent(AntCheckbox, {
+    name: 'Checkbox',
+    designerConfig: {
+        render({ designerProps, originalProps, }) {
+            return React.createElement(CheckboxDesigner, Object.assign({ label: '多选项1' }, designerProps, originalProps));
+        },
+    },
+});
+export const CheckboxGroup = defineComponent(AntCheckbox.Group, {
+    name: 'CheckboxGroup',
+});

package/lib/esm/components/date-picker.d.ts

@@ -0,0 +1,8 @@
+import moment from 'moment';
+import 'moment/locale/zh-cn';
+import React from 'react';
+export declare const DatePicker: React.ForwardRefExoticComponent<((import("antd/lib/date-picker/generatePicker").PickerProps<moment.Moment> & {
+    status?: "" | "warning" | "error" | undefined;
+    dropdownClassName?: string | undefined;
+    popupClassName?: string | undefined;
+}) & import("@music163/tango-boot").TangoComponentProps) & React.RefAttributes<unknown>>;

package/lib/esm/components/date-picker.js

@@ -0,0 +1,21 @@
+import { __rest } from "tslib";
+import { defineComponent } from '@music163/tango-boot';
+import { DatePicker as AntDataPicker, ConfigProvider } from 'antd';
+import zhCN from 'antd/es/locale/zh_CN';
+import moment from 'moment';
+import 'moment/locale/zh-cn';
+import React from 'react';
+moment.locale('zh-cn');
+function DataPickerDesigner(_a) {
+    var { style } = _a, rest = __rest(_a, ["style"]);
+    return (React.createElement(ConfigProvider, { locale: zhCN },
+        React.createElement(AntDataPicker, Object.assign({}, rest, { style: style }))));
+}
+export const DatePicker = defineComponent(AntDataPicker, {
+    name: 'DatePicker',
+    designerConfig: {
+        render({ designerProps, originalProps, }) {
+            return React.createElement(DataPickerDesigner, Object.assign({}, designerProps, originalProps));
+        },
+    },
+});

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

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

package/lib/esm/components/drawer.js

@@ -0,0 +1,18 @@
+import { __rest } from "tslib";
+import { Drawer as AntDrawer } from 'antd';
+import { defineComponent } from '@music163/tango-boot';
+import React from 'react';
+import { Placeholder } from './placeholder';
+function DrawerDesigner(_a) {
+    var { children, style } = _a, rest = __rest(_a, ["children", "style"]);
+    return (React.createElement(AntDrawer, Object.assign({}, rest, { style: style }),
+        React.createElement(Placeholder, null)));
+}
+export const Drawer = defineComponent(AntDrawer, {
+    name: 'Drawer',
+    designerConfig: {
+        render({ designerProps, originalProps, }) {
+            return React.createElement(DrawerDesigner, Object.assign({}, designerProps, originalProps));
+        },
+    },
+});

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

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const AntdIcon: React.ForwardRefExoticComponent<Omit<Omit<import("@ant-design/icons/lib/components/Icon").IconComponentProps, "ref"> & React.RefAttributes<HTMLSpanElement> & import("@music163/tango-boot").TangoComponentProps, "ref"> & React.RefAttributes<unknown>>;

package/lib/esm/components/icon.js

@@ -0,0 +1,45 @@
+import { __rest } from "tslib";
+import React from 'react';
+// import * as icons from '@ant-design/icons';
+// import { createFromIconfontCN } from '@ant-design/icons';
+import HomeOutlined from "@ant-design/icons/HomeOutlined";
+import { defineComponent } from '@music163/tango-boot';
+import Icon from '@ant-design/icons';
+// function IconView = (props: IconProps, ref: Ref<any>) => {
+//   const { type = '', size, color, ...rest } = props;
+// //   const IconComp = ((icons || {}) as any)[type];
+//   const style = {
+//     ...rest.style,
+//     fontSize: size,
+//     color,
+//   };
+// //   if (!IconComp) {
+// //     const IconFont = createFromIconfontCN();
+// //     return <IconFont type={type} {...rest} style={style} ref={ref} />;
+// //   }
+//   return <ChromeFilled {...rest} style={style} twoToneColor={color} ref={ref} />;
+// };
+// function IconView({
+//   ...props
+// }) {
+//     const { type = '', size, color, ...rest } = props;
+//     const style = {
+//         ...props.style,
+//         fontSize: size,
+//         color,
+//       };
+//   return <ChromeFilled {...rest} style={style} twoToneColor={color}/>;
+// }
+// export const AntdIcon = defineComponent(IconView);
+function IconDesigner(_a) {
+    var { children, style, icon } = _a, rest = __rest(_a, ["children", "style", "icon"]);
+    return (React.createElement(Icon, Object.assign({}, rest, { style: style, component: HomeOutlined })));
+}
+export const AntdIcon = defineComponent(Icon, {
+    name: 'AntdIcon',
+    designerConfig: {
+        render({ designerProps, originalProps }) {
+            return React.createElement(IconDesigner, Object.assign({}, designerProps, originalProps));
+        },
+    },
+});

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

@@ -3,13 +3,18 @@ export { Box } from './box';
 export { Button, ButtonGroup } from './button';
 export * from './formily';
 export { InputNumber } from './input-number';
-export { Input, TextArea } from './input';
 export { Modalnew } from './modal';
 export * from './page';
 export * from './placeholder';
 export * from './section';
 export { Select } from './select';
 export { Space } from './space';
-export { Typography, Title, Paragraph } from './typography';
+export { Typography, Title, Paragraph, Text } from './typography';
 export { Columns, Column } from './columns';
 export { Row1 } from './row';
+export { Popconfirm } from './popconfirm';
+export { Drawer } from "./drawer";
+export { DatePicker } from "./date-picker";
+export { Radio, RadioGroup } from "./radio";
+export { Checkbox, CheckboxGroup } from "./checkbox";
+export { Cascader } from "./cascader";

package/lib/esm/components/index.js

@@ -4,16 +4,22 @@ export { Box } from './box';
 export { Button, ButtonGroup } from './button';
 export * from './formily';
 export { InputNumber } from './input-number';
-export { Input, TextArea } from './input';
+// export { Input, TextArea } from './input';
 export { Modalnew } from './modal';
 export * from './page';
 export * from './placeholder';
 export * from './section';
 export { Select } from './select';
 export { Space } from './space';
-export { Typography, Title, Paragraph } from './typography';
+export { Typography, Title, Paragraph, Text } from './typography';
 export { Columns, Column } from './columns';
 export { Row1 } from './row';
+export { Popconfirm } from './popconfirm';
+export { Drawer } from "./drawer";
+export { DatePicker } from "./date-picker";
+export { Radio, RadioGroup } from "./radio";
+export { Checkbox, CheckboxGroup } from "./checkbox";
+export { Cascader } from "./cascader";
 //export { MultiColumns } from './multiColumns'
 //export { Row,Col } from './grid'
 //export { RowCombination,ColCombination } from './gridCombination'

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

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

package/lib/esm/components/popconfirm.js

@@ -0,0 +1,23 @@
+import { __rest } from "tslib";
+import { Popconfirm as AntPopconfirm } from 'antd';
+import { defineComponent } from '@music163/tango-boot';
+import React, { useEffect } from 'react';
+function PopconfirmDesigner(_a) {
+    var { children, title, dataDnd, dataId, style } = _a, rest = __rest(_a, ["children", "title", "dataDnd", "dataId", "style"]);
+    useEffect(() => {
+        console.log('PopconfirmDesigner', dataDnd, dataId, rest);
+    }, []);
+    return (React.createElement("div", { id: "popconfirSwrapper", "data-dnd": dataDnd, "data-id": dataId },
+        React.createElement(AntPopconfirm, Object.assign({ title: title, "data-dnd": dataDnd, "data-id": dataId }, rest, { style: style }), children)));
+}
+export const Popconfirm = defineComponent(AntPopconfirm, {
+    name: 'Popconfirm',
+    designerConfig: {
+        render({ designerProps, originalProps }) {
+            console.log("Popconfirm:  designerProps:", designerProps, "originalProps:", originalProps);
+            return React.createElement(PopconfirmDesigner, Object.assign({ title: "Are you sure?" }, designerProps, originalProps));
+        },
+    },
+    // designerConfig: {
+    // },
+});

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

@@ -0,0 +1,6 @@
+import { RadioProps } from 'antd';
+import React from 'react';
+export declare const Radio: React.ForwardRefExoticComponent<Omit<RadioProps & React.RefAttributes<HTMLElement> & import("@music163/tango-boot").TangoComponentProps, "ref"> & React.RefAttributes<unknown>>;
+export declare const RadioGroup: React.ForwardRefExoticComponent<Omit<Omit<import("antd").RadioGroupProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    ref?: React.Ref<HTMLDivElement>;
+} & import("@music163/tango-boot").TangoComponentProps, "ref"> & React.RefAttributes<unknown>>;

package/lib/esm/components/radio.js

@@ -0,0 +1,24 @@
+import { __rest } from "tslib";
+import { defineComponent } from '@music163/tango-boot';
+import { Radio as AntRadio } from 'antd';
+import React from 'react';
+function RadioDesigner(_a) {
+    var { style } = _a, rest = __rest(_a, ["style"]);
+    const { optionType } = rest;
+    if (optionType === 'button') {
+        return React.createElement(AntRadio.Button, Object.assign({}, rest, { style: style }), rest.label);
+    }
+    return (React.createElement(AntRadio, Object.assign({}, rest, { style: style }), rest.label));
+}
+export const Radio = defineComponent(AntRadio, {
+    name: 'Radio',
+    designerConfig: {
+        render({ designerProps, originalProps, }) {
+            console.log("designerProps:", designerProps, "originalProps:", originalProps);
+            return React.createElement(RadioDesigner, Object.assign({ label: '单项1', optionType: '' }, designerProps, originalProps));
+        },
+    },
+});
+export const RadioGroup = defineComponent(AntRadio.Group, {
+    name: 'RadioGroup',
+});

package/lib/esm/components/select.js

@@ -4,16 +4,42 @@ export const Select = defineComponent(AntSelect, {
     name: 'Select',
     registerState: {
         getInitStates(_, props) {
-            var _a;
-            return {
-                value: (_a = props.defaultValue) !== null && _a !== void 0 ? _a : '',
-            };
+            var _a, _b;
+            console.log('getInitStates', props);
+            if (props.mode === 'multiple' || props.mode === 'tags') {
+                return {
+                    value: (_a = props.defaultValue) !== null && _a !== void 0 ? _a : [],
+                };
+            }
+            else {
+                return {
+                    value: (_b = props.defaultValue) !== null && _b !== void 0 ? _b : '',
+                };
+            }
+            // return {
+            //   value: props.defaultValue ?? '',
+            // };
         },
         getTriggerProps({ setPageState, getPageState }) {
             var _a;
+            console.log('getTriggerProps', setPageState, getPageState);
+            // 监听 props.mode 的变化
+            //  const currentPageState = getPageState();
+            //  if (props.mode === 'multiple' || props.mode === 'tags') {
+            //    if (!Array.isArray(currentPageState?.value)) {
+            //      // 如果 mode 是 'multiple' 或 'tags'，但当前 value 不是数组，则重置 value
+            //      setPageState({ value: props.defaultValue ?? [] });
+            //    }
+            //  } else {
+            //    if (typeof currentPageState?.value !== 'string') {
+            //      // 如果 mode 不是 'multiple' 或 'tags'，但当前 value 不是字符串，则重置 value
+            //      setPageState({ value: props.defaultValue ?? '' });
+            //    }
+            //  }
             return {
                 value: (_a = getPageState()) === null || _a === void 0 ? void 0 : _a.value,
                 onChange(value) {
+                    console.log('onChange', value);
                     setPageState({ value });
                 },
             };

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

@@ -1,12 +1,13 @@
 import { Typography as AntTypography } from 'antd';
 import React from 'react';
 export declare const Title: React.ForwardRefExoticComponent<Omit<import("antd/lib/typography/Title").TitleProps & React.RefAttributes<HTMLElement> & import("@music163/tango-boot").TangoComponentProps, "ref"> & React.RefAttributes<unknown>>;
+export declare const Text: React.ForwardRefExoticComponent<Omit<import("antd/lib/typography/Text").TextProps & React.RefAttributes<HTMLSpanElement> & import("@music163/tango-boot").TangoComponentProps, "ref"> & React.RefAttributes<unknown>>;
 export declare const Paragraph: React.ForwardRefExoticComponent<Omit<import("antd/lib/typography/Paragraph").ParagraphProps & React.RefAttributes<HTMLElement> & import("@music163/tango-boot").TangoComponentProps, "ref"> & React.RefAttributes<unknown>>;
 type TypographyComponent = React.ForwardRefExoticComponent<any & React.RefAttributes<React.ReactElement>> & {
     Title: typeof Title;
     Paragraph: typeof Paragraph;
     Link: typeof AntTypography.Link;
-    Text: typeof AntTypography.Text;
+    Text: typeof Text;
 };
 export declare const Typography: TypographyComponent;
 export {};

package/lib/esm/components/typography.js

@@ -5,6 +5,9 @@ import { Placeholder } from './placeholder';
 export const Title = defineComponent(AntTypography.Title, {
     name: 'Title',
 });
+export const Text = defineComponent(AntTypography.Text, {
+    name: 'Text',
+});
 export const Paragraph = defineComponent(AntTypography.Paragraph, {
     name: 'Paragraph',
 });
@@ -19,4 +22,4 @@ export const Typography = defineComponent(AntTypography, {
 Typography.Title = Title;
 Typography.Paragraph = Paragraph;
 Typography.Link = AntTypography.Link;
-Typography.Text = AntTypography.Text;
+Typography.Text = Text;

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

@@ -1,4 +1,5 @@
 import { StylePrototypes } from './common';
+// import { AntdIconSetter } from '../setters';
 export const Button = {
     title: '按钮',
     name: 'Button',
@@ -20,6 +21,7 @@ export const Button = {
                 { label: '幽灵按钮', value: 'ghost' },
                 { label: '虚线按钮', value: 'dashed' },
                 { label: '链接按钮', value: 'link' },
+                { label: '文本按钮', value: 'text' },
             ],
         },
         {
@@ -31,13 +33,13 @@ export const Button = {
         {
             name: 'icon',
             title: '图标',
-            setter: 'iconSetter',
-        },
-        {
-            name: 'isText',
-            title: '文本按钮',
-            setter: 'boolSetter',
+            setter: 'AntdIconSetter',
         },
+        // {
+        //   name: 'isText',
+        //   title: '文本按钮',
+        //   setter: 'boolSetter',
+        // },
         {
             name: 'shape',
             title: '按钮形状',

package/lib/esm/prototypes/cascader.js

@@ -87,7 +87,7 @@ export const 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/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: true,
+            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',
         },