@cuvp1225/antd 0.2.58 → 0.2.60

package/lib/cjs/components/button.js

@@ -1,6 +1,32 @@
 "use strict";
+// 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';
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ButtonGroup = exports.Button = void 0;
+// 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',
+// });
 const tango_boot_1 = require("@music163/tango-boot");
 const antd_1 = require("antd");
 exports.Button = (0, tango_boot_1.defineComponent)(antd_1.Button, {

package/lib/cjs/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/cjs/components/cascader.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Cascader = void 0;
+const tslib_1 = require("tslib");
+const tango_boot_1 = require("@music163/tango-boot");
+const antd_1 = require("antd");
+const react_1 = tslib_1.__importDefault(require("react"));
+function CascaderDesigner(_a) {
+    var { style, value } = _a, rest = tslib_1.__rest(_a, ["style", "value"]);
+    if (value && value.length > 0) {
+        return react_1.default.createElement(antd_1.Cascader, Object.assign({ value: value }, rest, { style: style }));
+    }
+    return (react_1.default.createElement(antd_1.Cascader, Object.assign({}, rest, { style: style })));
+}
+exports.Cascader = (0, tango_boot_1.defineComponent)(antd_1.Cascader, {
+    name: 'Cascader',
+    designerConfig: {
+        render({ designerProps, originalProps, }) {
+            console.log("Cascader props:", designerProps, originalProps);
+            return react_1.default.createElement(CascaderDesigner, Object.assign({}, designerProps, originalProps));
+        },
+    },
+});

package/lib/cjs/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/cjs/components/checkbox.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CheckboxGroup = exports.Checkbox = void 0;
+const tslib_1 = require("tslib");
+const tango_boot_1 = require("@music163/tango-boot");
+const antd_1 = require("antd");
+const react_1 = tslib_1.__importDefault(require("react"));
+function CheckboxDesigner(_a) {
+    var { style } = _a, rest = tslib_1.__rest(_a, ["style"]);
+    return (react_1.default.createElement(antd_1.Checkbox, Object.assign({}, rest, { style: style }), rest.label));
+}
+exports.Checkbox = (0, tango_boot_1.defineComponent)(antd_1.Checkbox, {
+    name: 'Checkbox',
+    designerConfig: {
+        render({ designerProps, originalProps, }) {
+            return react_1.default.createElement(CheckboxDesigner, Object.assign({ label: '多选项1' }, designerProps, originalProps));
+        },
+    },
+});
+exports.CheckboxGroup = (0, tango_boot_1.defineComponent)(antd_1.Checkbox.Group, {
+    name: 'CheckboxGroup',
+});

package/lib/cjs/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/cjs/components/date-picker.js

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DatePicker = void 0;
+const tslib_1 = require("tslib");
+const tango_boot_1 = require("@music163/tango-boot");
+const antd_1 = require("antd");
+const zh_CN_1 = tslib_1.__importDefault(require("antd/es/locale/zh_CN"));
+const moment_1 = tslib_1.__importDefault(require("moment"));
+require("moment/locale/zh-cn");
+const react_1 = tslib_1.__importDefault(require("react"));
+moment_1.default.locale('zh-cn');
+function DataPickerDesigner(_a) {
+    var { style } = _a, rest = tslib_1.__rest(_a, ["style"]);
+    return (react_1.default.createElement(antd_1.ConfigProvider, { locale: zh_CN_1.default },
+        react_1.default.createElement(antd_1.DatePicker, Object.assign({}, rest, { style: style }))));
+}
+exports.DatePicker = (0, tango_boot_1.defineComponent)(antd_1.DatePicker, {
+    name: 'DatePicker',
+    designerConfig: {
+        render({ designerProps, originalProps, }) {
+            return react_1.default.createElement(DataPickerDesigner, Object.assign({}, designerProps, originalProps));
+        },
+    },
+});

package/lib/cjs/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/cjs/components/drawer.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Drawer = void 0;
+const tslib_1 = require("tslib");
+const antd_1 = require("antd");
+const tango_boot_1 = require("@music163/tango-boot");
+const react_1 = tslib_1.__importDefault(require("react"));
+const placeholder_1 = require("./placeholder");
+function DrawerDesigner(_a) {
+    var { children, style } = _a, rest = tslib_1.__rest(_a, ["children", "style"]);
+    return (react_1.default.createElement(antd_1.Drawer, Object.assign({}, rest, { style: style }),
+        react_1.default.createElement(placeholder_1.Placeholder, null)));
+}
+exports.Drawer = (0, tango_boot_1.defineComponent)(antd_1.Drawer, {
+    name: 'Drawer',
+    designerConfig: {
+        render({ designerProps, originalProps, }) {
+            return react_1.default.createElement(DrawerDesigner, Object.assign({}, designerProps, originalProps));
+        },
+    },
+});

package/lib/cjs/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/cjs/components/icon.js

@@ -0,0 +1,48 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AntdIcon = void 0;
+const tslib_1 = require("tslib");
+const react_1 = tslib_1.__importDefault(require("react"));
+// import * as icons from '@ant-design/icons';
+// import { createFromIconfontCN } from '@ant-design/icons';
+const HomeOutlined_1 = tslib_1.__importDefault(require("@ant-design/icons/HomeOutlined"));
+const tango_boot_1 = require("@music163/tango-boot");
+const icons_1 = tslib_1.__importDefault(require("@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 = tslib_1.__rest(_a, ["children", "style", "icon"]);
+    return (react_1.default.createElement(icons_1.default, Object.assign({}, rest, { style: style, component: HomeOutlined_1.default })));
+}
+exports.AntdIcon = (0, tango_boot_1.defineComponent)(icons_1.default, {
+    name: 'AntdIcon',
+    designerConfig: {
+        render({ designerProps, originalProps }) {
+            return react_1.default.createElement(IconDesigner, Object.assign({}, designerProps, originalProps));
+        },
+    },
+});

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

@@ -3,13 +3,19 @@ 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";
+export { Form, Fieldset, FormItem, FormFooter } from './form';

package/lib/cjs/components/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Row1 = exports.Column = exports.Columns = exports.Paragraph = exports.Title = exports.Typography = exports.Space = exports.Select = exports.Modalnew = exports.TextArea = exports.Input = exports.InputNumber = exports.ButtonGroup = exports.Button = exports.Box = void 0;
+exports.FormFooter = exports.FormItem = exports.Fieldset = exports.Form = exports.Cascader = exports.CheckboxGroup = exports.Checkbox = exports.RadioGroup = exports.Radio = exports.DatePicker = exports.Drawer = exports.Popconfirm = exports.Row1 = exports.Column = exports.Columns = exports.Text = exports.Paragraph = exports.Title = exports.Typography = exports.Space = exports.Select = exports.Modalnew = exports.InputNumber = exports.ButtonGroup = exports.Button = exports.Box = void 0;
 const tslib_1 = require("tslib");
 tslib_1.__exportStar(require("antd"), exports);
 // export { Each, Link, Text, When } from '@cuvp1225/foundation';
@@ -12,9 +12,7 @@ Object.defineProperty(exports, "ButtonGroup", { enumerable: true, get: function
 tslib_1.__exportStar(require("./formily"), exports);
 var input_number_1 = require("./input-number");
 Object.defineProperty(exports, "InputNumber", { enumerable: true, get: function () { return input_number_1.InputNumber; } });
-var input_1 = require("./input");
-Object.defineProperty(exports, "Input", { enumerable: true, get: function () { return input_1.Input; } });
-Object.defineProperty(exports, "TextArea", { enumerable: true, get: function () { return input_1.TextArea; } });
+// export { Input, TextArea } from './input';
 var modal_1 = require("./modal");
 Object.defineProperty(exports, "Modalnew", { enumerable: true, get: function () { return modal_1.Modalnew; } });
 tslib_1.__exportStar(require("./page"), exports);
@@ -28,12 +26,31 @@ var typography_1 = require("./typography");
 Object.defineProperty(exports, "Typography", { enumerable: true, get: function () { return typography_1.Typography; } });
 Object.defineProperty(exports, "Title", { enumerable: true, get: function () { return typography_1.Title; } });
 Object.defineProperty(exports, "Paragraph", { enumerable: true, get: function () { return typography_1.Paragraph; } });
+Object.defineProperty(exports, "Text", { enumerable: true, get: function () { return typography_1.Text; } });
 var columns_1 = require("./columns");
 Object.defineProperty(exports, "Columns", { enumerable: true, get: function () { return columns_1.Columns; } });
 Object.defineProperty(exports, "Column", { enumerable: true, get: function () { return columns_1.Column; } });
 var row_1 = require("./row");
 Object.defineProperty(exports, "Row1", { enumerable: true, get: function () { return row_1.Row1; } });
+var popconfirm_1 = require("./popconfirm");
+Object.defineProperty(exports, "Popconfirm", { enumerable: true, get: function () { return popconfirm_1.Popconfirm; } });
+var drawer_1 = require("./drawer");
+Object.defineProperty(exports, "Drawer", { enumerable: true, get: function () { return drawer_1.Drawer; } });
+var date_picker_1 = require("./date-picker");
+Object.defineProperty(exports, "DatePicker", { enumerable: true, get: function () { return date_picker_1.DatePicker; } });
+var radio_1 = require("./radio");
+Object.defineProperty(exports, "Radio", { enumerable: true, get: function () { return radio_1.Radio; } });
+Object.defineProperty(exports, "RadioGroup", { enumerable: true, get: function () { return radio_1.RadioGroup; } });
+var checkbox_1 = require("./checkbox");
+Object.defineProperty(exports, "Checkbox", { enumerable: true, get: function () { return checkbox_1.Checkbox; } });
+Object.defineProperty(exports, "CheckboxGroup", { enumerable: true, get: function () { return checkbox_1.CheckboxGroup; } });
+var cascader_1 = require("./cascader");
+Object.defineProperty(exports, "Cascader", { enumerable: true, get: function () { return cascader_1.Cascader; } });
 //export { MultiColumns } from './multiColumns'
 //export { Row,Col } from './grid'
 //export { RowCombination,ColCombination } from './gridCombination'
-//export { Form,Fieldset,FormItem,FormFooter } from './form'
+var form_1 = require("./form");
+Object.defineProperty(exports, "Form", { enumerable: true, get: function () { return form_1.Form; } });
+Object.defineProperty(exports, "Fieldset", { enumerable: true, get: function () { return form_1.Fieldset; } });
+Object.defineProperty(exports, "FormItem", { enumerable: true, get: function () { return form_1.FormItem; } });
+Object.defineProperty(exports, "FormFooter", { enumerable: true, get: function () { return form_1.FormFooter; } });

package/lib/cjs/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/cjs/components/popconfirm.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Popconfirm = void 0;
+const tslib_1 = require("tslib");
+const antd_1 = require("antd");
+const tango_boot_1 = require("@music163/tango-boot");
+const react_1 = tslib_1.__importStar(require("react"));
+function PopconfirmDesigner(_a) {
+    var { children, title, dataDnd, dataId, style } = _a, rest = tslib_1.__rest(_a, ["children", "title", "dataDnd", "dataId", "style"]);
+    (0, react_1.useEffect)(() => {
+        console.log('PopconfirmDesigner', dataDnd, dataId, rest);
+    }, []);
+    return (react_1.default.createElement("div", { id: "popconfirSwrapper", "data-dnd": dataDnd, "data-id": dataId },
+        react_1.default.createElement(antd_1.Popconfirm, Object.assign({ title: title, "data-dnd": dataDnd, "data-id": dataId }, rest, { style: style }), children)));
+}
+exports.Popconfirm = (0, tango_boot_1.defineComponent)(antd_1.Popconfirm, {
+    name: 'Popconfirm',
+    designerConfig: {
+        render({ designerProps, originalProps }) {
+            console.log("Popconfirm:  designerProps:", designerProps, "originalProps:", originalProps);
+            return react_1.default.createElement(PopconfirmDesigner, Object.assign({ title: "Are you sure?" }, designerProps, originalProps));
+        },
+    },
+    // designerConfig: {
+    // },
+});

package/lib/cjs/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/cjs/components/radio.js

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RadioGroup = exports.Radio = void 0;
+const tslib_1 = require("tslib");
+const tango_boot_1 = require("@music163/tango-boot");
+const antd_1 = require("antd");
+const react_1 = tslib_1.__importDefault(require("react"));
+function RadioDesigner(_a) {
+    var { style } = _a, rest = tslib_1.__rest(_a, ["style"]);
+    const { optionType } = rest;
+    if (optionType === 'button') {
+        return react_1.default.createElement(antd_1.Radio.Button, Object.assign({}, rest, { style: style }), rest.label);
+    }
+    return (react_1.default.createElement(antd_1.Radio, Object.assign({}, rest, { style: style }), rest.label));
+}
+exports.Radio = (0, tango_boot_1.defineComponent)(antd_1.Radio, {
+    name: 'Radio',
+    designerConfig: {
+        render({ designerProps, originalProps, }) {
+            console.log("designerProps:", designerProps, "originalProps:", originalProps);
+            return react_1.default.createElement(RadioDesigner, Object.assign({ label: '单项1', optionType: '' }, designerProps, originalProps));
+        },
+    },
+});
+exports.RadioGroup = (0, tango_boot_1.defineComponent)(antd_1.Radio.Group, {
+    name: 'RadioGroup',
+});

package/lib/cjs/components/select.js

@@ -7,16 +7,42 @@ exports.Select = (0, tango_boot_1.defineComponent)(antd_1.Select, {
     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/cjs/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/cjs/components/typography.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Typography = exports.Paragraph = exports.Title = void 0;
+exports.Typography = exports.Paragraph = exports.Text = exports.Title = void 0;
 const tslib_1 = require("tslib");
 const tango_boot_1 = require("@music163/tango-boot");
 const antd_1 = require("antd");
@@ -9,6 +9,9 @@ const placeholder_1 = require("./placeholder");
 exports.Title = (0, tango_boot_1.defineComponent)(antd_1.Typography.Title, {
     name: 'Title',
 });
+exports.Text = (0, tango_boot_1.defineComponent)(antd_1.Typography.Text, {
+    name: 'Text',
+});
 exports.Paragraph = (0, tango_boot_1.defineComponent)(antd_1.Typography.Paragraph, {
     name: 'Paragraph',
 });
@@ -23,4 +26,4 @@ exports.Typography = (0, tango_boot_1.defineComponent)(antd_1.Typography, {
 exports.Typography.Title = exports.Title;
 exports.Typography.Paragraph = exports.Paragraph;
 exports.Typography.Link = antd_1.Typography.Link;
-exports.Typography.Text = antd_1.Typography.Text;
+exports.Typography.Text = exports.Text;

package/lib/cjs/index.d.ts

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

package/lib/cjs/index.js

@@ -1,4 +1,5 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const tslib_1 = require("tslib");
+require("antd/dist/antd.css");
 tslib_1.__exportStar(require("./components"), exports);

package/lib/cjs/prototypes/alert.js

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

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

@@ -10,13 +10,13 @@ exports.AutoComplete = {
     help: '输入框自动完成功能，可提供输入建议/辅助提示能力',
     type: 'element',
     props: [
-        ...common_1.StylePrototypes,
+        // ...StylePrototypes,
         ...common_1.InstancePrototypes,
-        {
-            name: 'width',
-            title: '输入框宽度',
-            setter: 'textSetter',
-        },
+        // {
+        //   name: 'width',
+        //   title: '输入框宽度',
+        //   setter: 'textSetter',
+        // },
         {
             name: 'allowClear',
             title: '支持清除',
@@ -81,13 +81,13 @@ exports.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: '菜单渲染父节点',
@@ -101,7 +101,11 @@ exports.AutoComplete = {
             setter: 'expressionSetter',
             group: 'advanced',
         },
-        { name: 'open', title: '展开下拉菜单', setter: 'boolSetter' },
+        {
+            name: 'open',
+            title: '展开下拉菜单',
+            setter: 'boolSetter'
+        },
         {
             name: 'options',
             title: '下拉数据源',
@@ -109,9 +113,23 @@ exports.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事件',
@@ -119,13 +137,29 @@ exports.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: '搜索补全项的时候调用',
@@ -138,5 +172,22 @@ exports.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',
+        },
     ],
 };