@cuvp1225/antd 0.2.74 → 0.2.75

package/lib/cjs/components/slider.js

@@ -0,0 +1,51 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Slider = 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"));
+const tango_helpers_1 = require("@music163/tango-helpers");
+function SliderDesigner(_a) {
+    var { children, title } = _a, _b = tango_helpers_1.SLOT.dnd, dataDnd = _a[_b], _c = tango_helpers_1.SLOT.id, dataId = _a[_c], { style } = _a, rest = tslib_1.__rest(_a, ["children", "title", typeof _b === "symbol" ? _b : _b + "", typeof _c === "symbol" ? _c : _c + "", "style"]);
+    const rateRef = (0, react_1.useRef)(null);
+    // 监听弹层显示事件
+    // const handleVisibleChange = (visible: boolean) => {
+    //   console.log('handleVisibleChange', visible);
+    //   if (visible) {
+    //     // 使用微任务确保弹层已渲染
+    //     Promise.resolve().then(() => {
+    //       const popoverNode = document.querySelector('.ant-popover-placement-top');
+    //       console.log('popoverNode' ,popoverNode)
+    //       if (popoverNode) {
+    //         popoverNode.setAttribute('data-dnd', dataDnd);
+    //         popoverNode.setAttribute('data-id', dataId);
+    //       }
+    //     });
+    //   }
+    // };
+    (0, react_1.useEffect)(() => {
+        Promise.resolve().then(() => {
+            const popoverNode = document.querySelector('.ant-slider');
+            console.log('rate', popoverNode);
+            if (popoverNode) {
+                popoverNode.setAttribute('data-dnd', dataDnd);
+                popoverNode.setAttribute('data-id', dataId);
+                popoverNode.setAttribute('draggable', 'true');
+            }
+        });
+    }, [dataDnd, dataId]);
+    return (react_1.default.createElement("div", { ref: rateRef },
+        react_1.default.createElement(antd_1.Slider, Object.assign({ "data-dnd": dataDnd, "data-id": dataId }, rest))));
+}
+exports.Slider = (0, tango_boot_1.defineComponent)(antd_1.Slider, {
+    name: 'Slider',
+    designerConfig: {
+        render({ designerProps, originalProps }) {
+            console.log("Slider:  designerProps:", designerProps, "originalProps:", originalProps);
+            return react_1.default.createElement(SliderDesigner, Object.assign({ title: "\u4E00\u7EA7\u6807\u9898" }, designerProps, originalProps));
+        },
+    },
+    // designerConfig: {
+    // },
+});

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

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

package/lib/cjs/components/spin.js

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Spin = 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"));
+const tango_helpers_1 = require("@music163/tango-helpers");
+function SpinDesigner(_a) {
+    var { children, spinning } = _a, _b = tango_helpers_1.SLOT.dnd, dataDnd = _a[_b], _c = tango_helpers_1.SLOT.id, dataId = _a[_c], { style } = _a, rest = tslib_1.__rest(_a, ["children", "spinning", typeof _b === "symbol" ? _b : _b + "", typeof _c === "symbol" ? _c : _c + "", "style"]);
+    const spinRef = (0, react_1.useRef)(null);
+    (0, react_1.useEffect)(() => {
+        Promise.resolve().then(() => {
+            const popoverNode = document.querySelector('.ant-spin');
+            // console.log('spinNode', popoverNode);
+            if (popoverNode) {
+                popoverNode.setAttribute('data-dnd', dataDnd);
+                popoverNode.setAttribute('data-id', dataId);
+                popoverNode.setAttribute('draggable', 'true');
+            }
+        });
+    }, [dataDnd, dataId]);
+    return (react_1.default.createElement("div", { ref: spinRef },
+        react_1.default.createElement(antd_1.Spin, Object.assign({ spinning: spinning, "data-dnd": dataDnd, "data-id": dataId, style: style }, rest), children)));
+}
+exports.Spin = (0, tango_boot_1.defineComponent)(antd_1.Spin, {
+    name: 'Spin',
+    designerConfig: {
+        render({ designerProps, originalProps }) {
+            // console.log("Spin:  designerProps:", designerProps, "originalProps:", originalProps);
+            return react_1.default.createElement(SpinDesigner, Object.assign({ spinning: true }, designerProps, originalProps));
+        },
+    },
+});

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

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

package/lib/cjs/components/statistic.js

@@ -0,0 +1,51 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Statistic = 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"));
+const tango_helpers_1 = require("@music163/tango-helpers");
+function StatisticDesigner(_a) {
+    var { children, title } = _a, _b = tango_helpers_1.SLOT.dnd, dataDnd = _a[_b], _c = tango_helpers_1.SLOT.id, dataId = _a[_c], { style } = _a, rest = tslib_1.__rest(_a, ["children", "title", typeof _b === "symbol" ? _b : _b + "", typeof _c === "symbol" ? _c : _c + "", "style"]);
+    const statisticRef = (0, react_1.useRef)(null);
+    // 监听弹层显示事件
+    // const handleVisibleChange = (visible: boolean) => {
+    //   console.log('handleVisibleChange', visible);
+    //   if (visible) {
+    //     // 使用微任务确保弹层已渲染
+    //     Promise.resolve().then(() => {
+    //       const popoverNode = document.querySelector('.ant-popover-placement-top');
+    //       console.log('popoverNode' ,popoverNode)
+    //       if (popoverNode) {
+    //         popoverNode.setAttribute('data-dnd', dataDnd);
+    //         popoverNode.setAttribute('data-id', dataId);
+    //       }
+    //     });
+    //   }
+    // };
+    (0, react_1.useEffect)(() => {
+        Promise.resolve().then(() => {
+            const popoverNode = document.querySelector('.ant-statistic');
+            console.log('rate', popoverNode);
+            if (popoverNode) {
+                popoverNode.setAttribute('data-dnd', dataDnd);
+                popoverNode.setAttribute('data-id', dataId);
+                popoverNode.setAttribute('draggable', 'true');
+            }
+        });
+    }, [dataDnd, dataId]);
+    return (react_1.default.createElement("div", { ref: statisticRef },
+        react_1.default.createElement(antd_1.Statistic, Object.assign({ "data-dnd": dataDnd, "data-id": dataId }, rest))));
+}
+exports.Statistic = (0, tango_boot_1.defineComponent)(antd_1.Statistic, {
+    name: 'Statistic',
+    designerConfig: {
+        render({ designerProps, originalProps }) {
+            console.log("Statistic:  designerProps:", designerProps, "originalProps:", originalProps);
+            return react_1.default.createElement(StatisticDesigner, Object.assign({ title: "\u4E00\u7EA7\u6807\u9898" }, designerProps, originalProps));
+        },
+    },
+    // designerConfig: {
+    // },
+});

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

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

package/lib/cjs/components/switch.js

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Switch = 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"));
+const tango_helpers_1 = require("@music163/tango-helpers");
+function SwitchDesigner(_a) {
+    var _b = tango_helpers_1.SLOT.dnd, dataDnd = _a[_b], _c = tango_helpers_1.SLOT.id, dataId = _a[_c], { style } = _a, rest = tslib_1.__rest(_a, [typeof _b === "symbol" ? _b : _b + "", typeof _c === "symbol" ? _c : _c + "", "style"]);
+    const switchRef = (0, react_1.useRef)(null);
+    (0, react_1.useEffect)(() => {
+        Promise.resolve().then(() => {
+            const popoverNode = document.querySelector('.ant-switch');
+            // console.log('spinNode', popoverNode);
+            if (popoverNode) {
+                popoverNode.setAttribute('data-dnd', dataDnd);
+                popoverNode.setAttribute('data-id', dataId);
+                popoverNode.setAttribute('draggable', 'true');
+            }
+        });
+    }, [dataDnd, dataId]);
+    return (react_1.default.createElement("div", { ref: switchRef },
+        react_1.default.createElement(antd_1.Switch, Object.assign({ "data-dnd": dataDnd, "data-id": dataId, style: style }, rest))));
+}
+exports.Switch = (0, tango_boot_1.defineComponent)(antd_1.Switch, {
+    name: 'Switch',
+    designerConfig: {
+        render({ designerProps, originalProps }) {
+            // console.log("Switch:  designerProps:", designerProps, "originalProps:", originalProps);
+            return react_1.default.createElement(SwitchDesigner, Object.assign({}, designerProps, originalProps));
+        }
+    }
+});

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

@@ -0,0 +1,7 @@
+import { TableProps } from 'antd';
+import React from 'react';
+export declare const Table: React.ForwardRefExoticComponent<Omit<TableProps<object> & {
+    children?: React.ReactNode;
+} & {
+    ref?: React.Ref<HTMLDivElement> | undefined;
+} & import("@music163/tango-boot").TangoComponentProps, "ref"> & React.RefAttributes<unknown>>;

package/lib/cjs/components/table.js

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Table = 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"));
+const tango_helpers_1 = require("@music163/tango-helpers");
+function TableDesigner(_a) {
+    var { children, columns, dataSource } = _a, _b = tango_helpers_1.SLOT.dnd, dataDnd = _a[_b], _c = tango_helpers_1.SLOT.id, dataId = _a[_c], { style } = _a, rest = tslib_1.__rest(_a, ["children", "columns", "dataSource", typeof _b === "symbol" ? _b : _b + "", typeof _c === "symbol" ? _c : _c + "", "style"]);
+    const tableRef = (0, react_1.useRef)(null);
+    (0, react_1.useEffect)(() => {
+        Promise.resolve().then(() => {
+            const popoverNode = document.querySelector('.ant-table');
+            // console.log('spinNode', popoverNode);
+            if (popoverNode) {
+                popoverNode.setAttribute('data-dnd', dataDnd);
+                popoverNode.setAttribute('data-id', dataId);
+                popoverNode.setAttribute('draggable', 'true');
+            }
+        });
+    }, [dataDnd, dataId]);
+    return (react_1.default.createElement("div", { ref: tableRef },
+        react_1.default.createElement(antd_1.Table, Object.assign({ columns: columns, dataSource: dataSource, "data-dnd": dataDnd, "data-id": dataId, style: style }, rest), children)));
+}
+exports.Table = (0, tango_boot_1.defineComponent)(antd_1.Table, {
+    name: 'Table',
+    designerConfig: {
+        render({ designerProps, originalProps }) {
+            // console.log("Table:  designerProps:", designerProps, "originalProps:", originalProps);
+            return react_1.default.createElement(TableDesigner, Object.assign({}, designerProps, originalProps));
+        }
+    }
+});

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

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

package/lib/cjs/components/tag.js

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Tag = 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"));
+const tango_helpers_1 = require("@music163/tango-helpers");
+function TagDesigner(_a) {
+    var { children } = _a, _b = tango_helpers_1.SLOT.dnd, dataDnd = _a[_b], _c = tango_helpers_1.SLOT.id, dataId = _a[_c], { style } = _a, rest = tslib_1.__rest(_a, ["children", typeof _b === "symbol" ? _b : _b + "", typeof _c === "symbol" ? _c : _c + "", "style"]);
+    const tagRef = (0, react_1.useRef)(null);
+    (0, react_1.useEffect)(() => {
+        Promise.resolve().then(() => {
+            const popoverNode = document.querySelector('.ant-tag');
+            // console.log('spinNode', popoverNode);
+            if (popoverNode) {
+                popoverNode.setAttribute('data-dnd', dataDnd);
+                popoverNode.setAttribute('data-id', dataId);
+                popoverNode.setAttribute('draggable', 'true');
+            }
+        });
+    }, [dataDnd, dataId]);
+    return (react_1.default.createElement("div", { ref: tagRef },
+        react_1.default.createElement(antd_1.Tag, Object.assign({ "data-dnd": dataDnd, "data-id": dataId, style: style }, rest), children)));
+}
+exports.Tag = (0, tango_boot_1.defineComponent)(antd_1.Tag, {
+    name: 'Tag',
+    designerConfig: {
+        render({ designerProps, originalProps }) {
+            // console.log("Tag:  designerProps:", designerProps, "originalProps:", originalProps);
+            return react_1.default.createElement(TagDesigner, Object.assign({}, designerProps, originalProps));
+        }
+    }
+});

package/lib/cjs/components/time-picker.d.ts

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

package/lib/cjs/components/time-picker.js

@@ -0,0 +1,33 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TimePicker = 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"));
+const tango_helpers_1 = require("@music163/tango-helpers");
+function TimePickerDesigner(_a) {
+    var _b = tango_helpers_1.SLOT.dnd, dataDnd = _a[_b], _c = tango_helpers_1.SLOT.id, dataId = _a[_c], { style } = _a, rest = tslib_1.__rest(_a, [typeof _b === "symbol" ? _b : _b + "", typeof _c === "symbol" ? _c : _c + "", "style"]);
+    const timePickerRef = (0, react_1.useRef)(null);
+    (0, react_1.useEffect)(() => {
+        Promise.resolve().then(() => {
+            const popoverNode = document.querySelector('.ant-timePicker');
+            // console.log('spinNode', popoverNode);
+            if (popoverNode) {
+                popoverNode.setAttribute('data-dnd', dataDnd);
+                popoverNode.setAttribute('data-id', dataId);
+                popoverNode.setAttribute('draggable', 'true');
+            }
+        });
+    }, [dataDnd, dataId]);
+    return (react_1.default.createElement(antd_1.TimePicker, Object.assign({ className: 'ant-timePicker', "data-dnd": dataDnd, "data-id": dataId, style: style }, rest)));
+}
+exports.TimePicker = (0, tango_boot_1.defineComponent)(antd_1.TimePicker, {
+    name: 'TimePicker',
+    designerConfig: {
+        render({ designerProps, originalProps }) {
+            // console.log("TimePicker:  designerProps:", designerProps, "originalProps:", originalProps);
+            return react_1.default.createElement(TimePickerDesigner, Object.assign({}, designerProps, originalProps));
+        }
+    }
+});

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

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const Tooltip: React.ForwardRefExoticComponent<(Omit<import("antd/lib/tooltip").TooltipPropsWithTitle & React.RefAttributes<unknown> & import("@music163/tango-boot").TangoComponentProps, "ref"> | Omit<import("antd/lib/tooltip").TooltipPropsWithOverlay & React.RefAttributes<unknown> & import("@music163/tango-boot").TangoComponentProps, "ref">) & React.RefAttributes<unknown>>;

package/lib/cjs/components/tooltip.js

@@ -0,0 +1,40 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Tooltip = 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"));
+const tango_helpers_1 = require("@music163/tango-helpers");
+function TooltipDesigner(_a) {
+    var { children, title } = _a, _b = tango_helpers_1.SLOT.dnd, dataDnd = _a[_b], _c = tango_helpers_1.SLOT.id, dataId = _a[_c], { style } = _a, rest = tslib_1.__rest(_a, ["children", "title", typeof _b === "symbol" ? _b : _b + "", typeof _c === "symbol" ? _c : _c + "", "style"]);
+    const tooltipRef = (0, react_1.useRef)(null);
+    // 监听弹层显示事件
+    const handleVisibleChange = (visible) => {
+        console.log('handleVisibleChange', visible);
+        if (visible) {
+            // 使用微任务确保弹层已渲染
+            Promise.resolve().then(() => {
+                const popoverNode = document.querySelector('.ant-tooltip');
+                console.log('popoverNode', popoverNode);
+                if (popoverNode) {
+                    popoverNode.setAttribute('data-dnd', dataDnd);
+                    popoverNode.setAttribute('data-id', dataId);
+                }
+            });
+        }
+    };
+    return (react_1.default.createElement("div", { ref: tooltipRef },
+        react_1.default.createElement(antd_1.Tooltip, Object.assign({ title: title, onOpenChange: handleVisibleChange }, rest), children)));
+}
+exports.Tooltip = (0, tango_boot_1.defineComponent)(antd_1.Tooltip, {
+    name: 'Tooltip',
+    designerConfig: {
+        render({ designerProps, originalProps }) {
+            console.log("Tooltip:  designerProps:", designerProps, "originalProps:", originalProps);
+            return react_1.default.createElement(TooltipDesigner, Object.assign({ title: "Are you sure?" }, designerProps, originalProps));
+        },
+    },
+    // designerConfig: {
+    // },
+});

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

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

package/lib/cjs/components/transfer.js

@@ -0,0 +1,51 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Transfer = 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"));
+const tango_helpers_1 = require("@music163/tango-helpers");
+function TransferDesigner(_a) {
+    var { children, title } = _a, _b = tango_helpers_1.SLOT.dnd, dataDnd = _a[_b], _c = tango_helpers_1.SLOT.id, dataId = _a[_c], { style } = _a, rest = tslib_1.__rest(_a, ["children", "title", typeof _b === "symbol" ? _b : _b + "", typeof _c === "symbol" ? _c : _c + "", "style"]);
+    const transferRef = (0, react_1.useRef)(null);
+    // 监听弹层显示事件
+    // const handleVisibleChange = (visible: boolean) => {
+    //   console.log('handleVisibleChange', visible);
+    //   if (visible) {
+    //     // 使用微任务确保弹层已渲染
+    //     Promise.resolve().then(() => {
+    //       const popoverNode = document.querySelector('.ant-popover-placement-top');
+    //       console.log('popoverNode' ,popoverNode)
+    //       if (popoverNode) {
+    //         popoverNode.setAttribute('data-dnd', dataDnd);
+    //         popoverNode.setAttribute('data-id', dataId);
+    //       }
+    //     });
+    //   }
+    // };
+    (0, react_1.useEffect)(() => {
+        Promise.resolve().then(() => {
+            const popoverNode = document.querySelector('.ant-transfer');
+            console.log('rate', popoverNode);
+            if (popoverNode) {
+                popoverNode.setAttribute('data-dnd', dataDnd);
+                popoverNode.setAttribute('data-id', dataId);
+                popoverNode.setAttribute('draggable', 'true');
+            }
+        });
+    }, [dataDnd, dataId]);
+    return (react_1.default.createElement("div", { ref: transferRef },
+        react_1.default.createElement(antd_1.Transfer, Object.assign({ "data-dnd": dataDnd, "data-id": dataId }, rest))));
+}
+exports.Transfer = (0, tango_boot_1.defineComponent)(antd_1.Transfer, {
+    name: 'Transfer',
+    designerConfig: {
+        render({ designerProps, originalProps }) {
+            console.log("Transfer:  designerProps:", designerProps, "originalProps:", originalProps);
+            return react_1.default.createElement(TransferDesigner, Object.assign({ title: "\u4E00\u7EA7\u6807\u9898" }, designerProps, originalProps));
+        },
+    },
+    // designerConfig: {
+    // },
+});

package/lib/cjs/components/tree-select.d.ts

@@ -0,0 +1,7 @@
+import { TreeSelectProps } from 'antd';
+import React from 'react';
+export declare const TreeSelect: React.ForwardRefExoticComponent<Omit<TreeSelectProps<unknown, import("rc-tree-select/lib/TreeSelect").DefaultOptionType | import("rc-tree-select/lib/TreeSelect").BaseOptionType> & {
+    children?: React.ReactNode;
+} & {
+    ref?: React.Ref<import("antd").RefSelectProps> | undefined;
+} & import("@music163/tango-boot").TangoComponentProps, "ref"> & React.RefAttributes<unknown>>;

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

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TreeSelect = 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"));
+const tango_helpers_1 = require("@music163/tango-helpers");
+function TreeSelectDesigner(_a) {
+    var _b = tango_helpers_1.SLOT.dnd, dataDnd = _a[_b], _c = tango_helpers_1.SLOT.id, dataId = _a[_c], { style } = _a, rest = tslib_1.__rest(_a, [typeof _b === "symbol" ? _b : _b + "", typeof _c === "symbol" ? _c : _c + "", "style"]);
+    const treeselectRef = (0, react_1.useRef)(null);
+    (0, react_1.useEffect)(() => {
+        Promise.resolve().then(() => {
+            const popoverNode = document.querySelector('.ant-tree-select');
+            // console.log('spinNode', popoverNode);
+            if (popoverNode) {
+                popoverNode.setAttribute('data-dnd', dataDnd);
+                popoverNode.setAttribute('data-id', dataId);
+                popoverNode.setAttribute('draggable', 'true');
+            }
+        });
+    }, [dataDnd, dataId]);
+    return (react_1.default.createElement("div", { ref: treeselectRef },
+        react_1.default.createElement(antd_1.TreeSelect, Object.assign({ className: 'ant-tree-select', "data-dnd": dataDnd, "data-id": dataId, style: style }, rest))));
+}
+exports.TreeSelect = (0, tango_boot_1.defineComponent)(antd_1.TreeSelect, {
+    name: 'TreeSelect',
+    designerConfig: {
+        render({ designerProps, originalProps }) {
+            // console.log("TreeSelect:  designerProps:", designerProps, "originalProps:", originalProps);
+            return react_1.default.createElement(TreeSelectDesigner, Object.assign({}, designerProps, originalProps));
+        }
+    }
+});

package/lib/cjs/components/typography.js

@@ -19,7 +19,8 @@ exports.Typography = (0, tango_boot_1.defineComponent)(antd_1.Typography, {
     name: 'Typography',
     designerConfig: {
         defaultProps: {
-            children: react_1.default.createElement(placeholder_1.Placeholder, { placeholder: "\u6DFB\u52A0\u6807\u9898\u6216\u6BB5\u843D\u5230\u8FD9\u91CC" }),
+            children: react_1.default.createElement("div", null,
+                react_1.default.createElement(placeholder_1.Placeholder, { placeholder: "\u6DFB\u52A0\u6807\u9898\u6216\u6BB5\u843D\u5230\u8FD9\u91CC" })),
         },
     },
 });

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

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

package/lib/cjs/components/upload.js

@@ -0,0 +1,50 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Upload = 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"));
+const tango_helpers_1 = require("@music163/tango-helpers");
+function UploadDesigner(_a) {
+    var { children, title } = _a, _b = tango_helpers_1.SLOT.dnd, dataDnd = _a[_b], _c = tango_helpers_1.SLOT.id, dataId = _a[_c], { style } = _a, rest = tslib_1.__rest(_a, ["children", "title", typeof _b === "symbol" ? _b : _b + "", typeof _c === "symbol" ? _c : _c + "", "style"]);
+    const uploadRef = (0, react_1.useRef)(null);
+    (0, react_1.useEffect)(() => {
+        Promise.resolve().then(() => {
+            const popoverNode = document.querySelector('.ant-upload');
+            console.log('uploadNode', popoverNode);
+            if (popoverNode) {
+                popoverNode.setAttribute('data-dnd', dataDnd);
+                popoverNode.setAttribute('data-id', dataId);
+            }
+        });
+    }, [dataDnd, dataId]);
+    // 监听弹层显示事件
+    // const handleVisibleChange = (visible: boolean) => {
+    //   console.log('handleVisibleChange', visible);
+    //   if (visible) {
+    //     // 使用微任务确保弹层已渲染
+    //     Promise.resolve().then(() => {
+    //       const popoverNode = document.querySelector('.ant-popover-placement-top');
+    //       console.log('popoverNode' ,popoverNode)
+    //       if (popoverNode) {
+    //         popoverNode.setAttribute('data-dnd', dataDnd);
+    //         popoverNode.setAttribute('data-id', dataId);
+    //       }
+    //     });
+    //   }
+    // };
+    return (react_1.default.createElement("div", { ref: uploadRef },
+        react_1.default.createElement(antd_1.Upload, Object.assign({ "data-dnd": dataDnd, "data-id": dataId }, rest), children)));
+}
+exports.Upload = (0, tango_boot_1.defineComponent)(antd_1.Upload, {
+    name: 'Upload',
+    designerConfig: {
+        render({ designerProps, originalProps }) {
+            console.log("Upload:  designerProps:", designerProps, "originalProps:", originalProps);
+            return react_1.default.createElement(UploadDesigner, Object.assign({ title: "Are you sure?" }, designerProps, originalProps));
+        },
+    },
+    // designerConfig: {
+    // },
+});

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

@@ -175,13 +175,14 @@ exports.AutoComplete = {
         {
             name: 'style',
             title: '样式对象',
-            setter: 'expressionSetter',
-            setterProps: {
-                expressionType: 'cssObject',
-            },
+            // setter: 'expressionSetter',
+            // setterProps: {
+            //   expressionType: 'cssObject',
+            // },
+            setter: 'cssSetter',
             group: 'style',
             initValue: '{{{width: "200px"}}}',
-            autoCompleteOptions: ['{}'],
+            // autoCompleteOptions: ['{}'],
         },
         {
             name: 'className',

package/lib/cjs/prototypes/breadcrumb.js

@@ -19,6 +19,7 @@ exports.Breadcrumb = {
             name: 'separator',
             title: '分隔符自定义',
             setter: 'expressionSetter',
+            initValue: '>',
         },
         {
             name: 'itemRender',
@@ -26,8 +27,31 @@ exports.Breadcrumb = {
             tip: '自定义链接函数，和 react-router 配置使用',
             setter: 'expressionSetter',
         },
-        { name: 'params', title: '路由的参数', setter: 'expressionSetter' },
-        { name: 'routes', title: 'router 的路由栈信息', setter: 'expressionSetter' },
+        {
+            name: 'params',
+            title: '路由的参数',
+            tip: '输入格式为: { id: 1 }',
+            setter: 'expressionSetter'
+        },
+        {
+            name: 'routes',
+            title: 'router 的路由栈信息',
+            setter: 'expressionSetter',
+            initValue: null,
+            autoCompleteOptions: [
+                `[
+{ path: "/home", breadcrumbName: "Home" },
+{
+path: "/user",
+breadcrumbName: "User",
+children: [
+{ path: "/user1", breadcrumbName: "User1" },
+{ path: "/user2", breadcrumbName: "User2" },
+],
+},
+]`
+            ]
+        },
     ],
 };
 exports.BreadcrumbItem = {
@@ -40,9 +64,14 @@ exports.BreadcrumbItem = {
     props: [
         ...common_1.StylePrototypes,
         { name: 'children', title: '文案', setter: 'textSetter', initValue: '节点名称' },
-        { name: 'href', title: '链接的目的地', setter: 'textSetter' },
         {
-            name: 'overlay',
+            name: 'href',
+            title: '链接的目的地',
+            setter: 'textSetter',
+            initValue: null,
+        },
+        {
+            name: 'menu',
             title: '下拉菜单的内容',
             setter: 'expressionSetter',
             group: 'advanced',

package/lib/cjs/prototypes/divider.js

@@ -14,7 +14,7 @@ exports.Divider = {
             name: 'children',
             title: '文案',
             setter: 'textSetter',
-            initValue: null,
+            initValue: '分割线',
         },
         {
             name: 'plain',

package/lib/cjs/prototypes/page-header.js

@@ -45,6 +45,7 @@ exports.PageHeader = {
             name: 'subTitle',
             title: '二级标题文字',
             setter: 'expressionSetter',
+            initValue: '二级标题',
         },
         {
             name: 'tags',
@@ -52,7 +53,7 @@ exports.PageHeader = {
             tip: '位于title旁',
             setter: 'expressionSetter',
         },
-        { name: 'title', title: '自定义标题文字', setter: 'expressionSetter' },
+        { name: 'title', title: '自定义标题文字', setter: 'expressionSetter', initValue: '标题' },
         {
             name: 'onBack',
             title: '返回按钮的点击事件',