@cuvp1225/antd 0.2.57 → 0.2.59

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/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/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>>;

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 { Row } from './row';
+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 { Row } from './row';
+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/row.d.ts

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

@@ -24,8 +24,8 @@ function RowDesigner(_a) {
         React.createElement(BaseRowWrapper, { style: style },
             React.createElement("div", { className: "RowNewPanelBody" }, children || React.createElement(Placeholder, null)))));
 }
-export const Row = defineComponent(AntRow, {
-    name: 'Row',
+export const Row1 = defineComponent(AntRow, {
+    name: 'Row1',
     designerConfig: {
         render({ designerProps, originalProps }) {
             return React.createElement(RowDesigner, Object.assign({}, designerProps, originalProps));

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: '关闭后的回调函数',