@cuvp1225/antd 0.3.57 → 0.3.59

package/lib/cjs/components/anchor.js

@@ -11,7 +11,7 @@ function AnchorDesigner(_a) {
     const anchorRef = (0, react_1.useRef)(null);
     (0, react_1.useEffect)(() => {
         Promise.resolve().then(() => {
-            const popoverNode = document.querySelector('.ant-spin');
+            const popoverNode = document.querySelector('.ant-anchor');
             console.log('spinNode', popoverNode);
             if (popoverNode) {
                 popoverNode.setAttribute('data-dnd', dataDnd);

package/lib/cjs/components/avatar.js

@@ -20,7 +20,7 @@ function AvatarDesigner(_a) {
             }
         });
     }, [dataDnd, dataId]);
-    return (react_1.default.createElement("div", { ref: avatarRef, draggable: 'true' },
+    return (react_1.default.createElement("div", { ref: avatarRef },
         react_1.default.createElement(antd_1.Avatar, Object.assign({ "data-dnd": dataDnd, "data-id": dataId, style: style }, rest), children)));
 }
 exports.Avatar = (0, tango_boot_1.defineComponent)(antd_1.Avatar, {

package/lib/cjs/components/calendar.js

@@ -11,7 +11,7 @@ function CalendarDesigner(_a) {
     const calendarRef = (0, react_1.useRef)(null);
     (0, react_1.useEffect)(() => {
         Promise.resolve().then(() => {
-            const popoverNode = document.querySelector('.ant-spin');
+            const popoverNode = document.querySelector('.ant-picker-calendar');
             console.log('spinNode', popoverNode);
             if (popoverNode) {
                 popoverNode.setAttribute('data-dnd', dataDnd);
@@ -20,7 +20,7 @@ function CalendarDesigner(_a) {
             }
         });
     }, [dataDnd, dataId]);
-    return (react_1.default.createElement("div", { ref: calendarRef, draggable: 'true' },
+    return (react_1.default.createElement("div", { ref: calendarRef },
         react_1.default.createElement(antd_1.Calendar, Object.assign({ "data-dnd": dataDnd, "data-id": dataId, style: style }, rest))));
 }
 exports.Calendar = (0, tango_boot_1.defineComponent)(antd_1.Calendar, {

package/lib/cjs/components/card.js

@@ -20,7 +20,7 @@ function CardDesigner(_a) {
             }
         });
     }, [dataDnd, dataId]);
-    return (react_1.default.createElement("div", { ref: cardRef, draggable: 'true' },
+    return (react_1.default.createElement("div", { ref: cardRef },
         react_1.default.createElement(antd_1.Card, Object.assign({ "data-dnd": dataDnd, "data-id": dataId, style: style }, rest), children)));
 }
 exports.Card = (0, tango_boot_1.defineComponent)(antd_1.Card, {

package/lib/cjs/components/carousel.js

@@ -11,7 +11,7 @@ function CarouselDesigner(_a) {
     const carouselRef = (0, react_1.useRef)(null);
     (0, react_1.useEffect)(() => {
         Promise.resolve().then(() => {
-            const popoverNode = document.querySelector('.ant-spin');
+            const popoverNode = document.querySelector('.ant-carousel');
             console.log('spinNode', popoverNode);
             if (popoverNode) {
                 popoverNode.setAttribute('data-dnd', dataDnd);
@@ -20,7 +20,7 @@ function CarouselDesigner(_a) {
             }
         });
     }, [dataDnd, dataId]);
-    return (react_1.default.createElement("div", { ref: carouselRef, draggable: 'true' },
+    return (react_1.default.createElement("div", { ref: carouselRef },
         react_1.default.createElement(antd_1.Carousel, Object.assign({ "data-dnd": dataDnd, "data-id": dataId, style: style }, rest), children)));
 }
 exports.Carousel = (0, tango_boot_1.defineComponent)(antd_1.Carousel, {

package/lib/cjs/components/checkbox.js

@@ -4,9 +4,18 @@ 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"));
+const react_1 = tslib_1.__importStar(require("react"));
 function CheckboxDesigner(_a) {
     var { style } = _a, rest = tslib_1.__rest(_a, ["style"]);
+    (0, react_1.useEffect)(() => {
+        Promise.resolve().then(() => {
+            const popoverNode = document.querySelector('.ant-checkbox');
+            // console.log('spinNode', popoverNode);
+            if (popoverNode) {
+                popoverNode.setAttribute('draggable', 'true');
+            }
+        });
+    }, []);
     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, {

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

@@ -83,9 +83,12 @@ function DataPickerDesigner(_a) {
             }
         });
     }, [dataDnd, dataId]);
-    return (react_1.default.createElement("div", { ref: dateRef },
-        react_1.default.createElement(antd_1.ConfigProvider, { locale: zh_CN_1.default },
-            react_1.default.createElement(antd_1.DatePicker, Object.assign({ className: 'antd-datePicker', "data-dnd": dataDnd, "data-id": dataId, style: style, locale: local }, rest)))));
+    return (
+    // <div ref={dateRef}>
+    react_1.default.createElement(antd_1.ConfigProvider, { locale: zh_CN_1.default },
+        react_1.default.createElement(antd_1.DatePicker, Object.assign({ className: 'ant-datePicker', "data-dnd": dataDnd, "data-id": dataId, style: style, locale: local }, rest)))
+    // </div>
+    );
 }
 exports.DatePicker = (0, tango_boot_1.defineComponent)(antd_1.DatePicker, {
     name: 'DatePicker',

package/lib/cjs/components/divider.js

@@ -20,7 +20,7 @@ function DividerDesigner(_a) {
             }
         });
     }, [dataDnd, dataId]);
-    return (react_1.default.createElement("div", { ref: dividerRef, draggable: 'true' },
+    return (react_1.default.createElement("div", { ref: dividerRef },
         react_1.default.createElement(antd_1.Divider, Object.assign({ "data-dnd": dataDnd, "data-id": dataId, style: style }, rest), children)));
 }
 exports.Divider = (0, tango_boot_1.defineComponent)(antd_1.Divider, {

package/lib/cjs/components/empty.js

@@ -20,7 +20,7 @@ function EmptyDesigner(_a) {
             }
         });
     }, [dataDnd, dataId]);
-    return (react_1.default.createElement("div", { ref: emptyRef, draggable: 'true' },
+    return (react_1.default.createElement("div", { ref: emptyRef },
         react_1.default.createElement(antd_1.Empty, Object.assign({ "data-dnd": dataDnd, "data-id": dataId, style: style }, rest), children)));
 }
 exports.Empty = (0, tango_boot_1.defineComponent)(antd_1.Empty, {

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

@@ -44,5 +44,8 @@ export { Card } from './card';
 export { Tag } from './tag';
 export { Avatar } from './avatar';
 export { Empty } from './empty';
+export { Slider } from './slider';
+export { Rate } from './rate';
 export { Comment } from './comment';
 export { TimePicker } from './time-picker';
+export { Transfer } from './transfer';

package/lib/cjs/components/index.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Spin = exports.Skeleton = exports.Upload = exports.DropdownButton = exports.Dropdown = exports.ListItem = exports.List = exports.CollapsePanel = exports.Collapse = exports.TimelineItem = exports.Timeline = exports.Menu = exports.MenuItem = exports.BreadcrumbItem = exports.Breadcrumb = exports.FormFooter = exports.FormItem = exports.Fieldset = exports.Form = exports.Cascader = exports.CheckboxGroup = exports.Checkbox = exports.RadioGroup = exports.Radio = exports.DatePicker = exports.Drawer = exports.Result = exports.Tooltip = exports.Popover = exports.Popconfirm = exports.Row1 = exports.Column = exports.Columns = exports.Text = exports.Paragraph = exports.Title = exports.Typography = exports.Space = exports.Select = exports.Modalnew = exports.Password = exports.TextArea = exports.Input = exports.InputNumber = exports.ButtonGroup = exports.Button = exports.Box = exports.When = exports.Link = exports.Each = void 0;
-exports.TimePicker = exports.Comment = exports.Empty = exports.Avatar = exports.Tag = exports.Card = exports.Table = exports.Pagination = exports.Badge = exports.Divider = exports.Carousel = exports.Calendar = exports.Anchor = void 0;
+exports.Transfer = exports.TimePicker = exports.Comment = exports.Rate = exports.Slider = exports.Empty = exports.Avatar = exports.Tag = exports.Card = exports.Table = exports.Pagination = exports.Badge = exports.Divider = exports.Carousel = exports.Calendar = exports.Anchor = void 0;
 const tslib_1 = require("tslib");
 tslib_1.__exportStar(require("antd"), exports);
 //export { Each, Link, Text, When } from '@cuvp1225/foundation';
@@ -115,7 +115,13 @@ var avatar_1 = require("./avatar");
 Object.defineProperty(exports, "Avatar", { enumerable: true, get: function () { return avatar_1.Avatar; } });
 var empty_1 = require("./empty");
 Object.defineProperty(exports, "Empty", { enumerable: true, get: function () { return empty_1.Empty; } });
+var slider_1 = require("./slider");
+Object.defineProperty(exports, "Slider", { enumerable: true, get: function () { return slider_1.Slider; } });
+var rate_1 = require("./rate");
+Object.defineProperty(exports, "Rate", { enumerable: true, get: function () { return rate_1.Rate; } });
 var comment_1 = require("./comment");
 Object.defineProperty(exports, "Comment", { enumerable: true, get: function () { return comment_1.Comment; } });
 var time_picker_1 = require("./time-picker");
 Object.defineProperty(exports, "TimePicker", { enumerable: true, get: function () { return time_picker_1.TimePicker; } });
+var transfer_1 = require("./transfer");
+Object.defineProperty(exports, "Transfer", { enumerable: true, get: function () { return transfer_1.Transfer; } });

package/lib/cjs/components/pageheader.js

@@ -24,6 +24,17 @@ function PageHeaderDesigner(_a) {
     //     });
     //   }
     // };
+    (0, react_1.useEffect)(() => {
+        Promise.resolve().then(() => {
+            const popoverNode = document.querySelector('.ant-page-header');
+            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: pageHeaderRef },
         react_1.default.createElement(antd_1.PageHeader, Object.assign({ title: title, "data-dnd": dataDnd, "data-id": dataId }, rest), children)));
 }

package/lib/cjs/components/pagination.js

@@ -20,7 +20,7 @@ function PaginationDesigner(_a) {
             }
         });
     }, [dataDnd, dataId]);
-    return (react_1.default.createElement("div", { ref: paginationRef, draggable: 'true' },
+    return (react_1.default.createElement("div", { ref: paginationRef },
         react_1.default.createElement(antd_1.Pagination, Object.assign({ "data-dnd": dataDnd, "data-id": dataId, style: style }, rest))));
 }
 exports.Pagination = (0, tango_boot_1.defineComponent)(antd_1.Pagination, {

package/lib/cjs/components/popover.js

@@ -15,7 +15,7 @@ function PopoverDesigner(_a) {
         if (visible) {
             // 使用微任务确保弹层已渲染
             Promise.resolve().then(() => {
-                const popoverNode = document.querySelector('.ant-popover-placement-top');
+                const popoverNode = document.querySelector('.ant-popover');
                 console.log('popoverNode', popoverNode);
                 if (popoverNode) {
                     popoverNode.setAttribute('data-dnd', dataDnd);

package/lib/cjs/components/radio.js

@@ -4,9 +4,18 @@ 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"));
+const react_1 = tslib_1.__importStar(require("react"));
 function RadioDesigner(_a) {
     var { style } = _a, rest = tslib_1.__rest(_a, ["style"]);
+    (0, react_1.useEffect)(() => {
+        Promise.resolve().then(() => {
+            const popoverNode = document.querySelector('.ant-radio');
+            // console.log('spinNode', popoverNode);
+            if (popoverNode) {
+                popoverNode.setAttribute('draggable', 'true');
+            }
+        });
+    }, []);
     const { optionType } = rest;
     if (optionType === 'button') {
         return react_1.default.createElement(antd_1.Radio.Button, Object.assign({}, rest, { style: style }), rest.label);

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

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

package/lib/cjs/components/rate.js

@@ -0,0 +1,51 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Rate = 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 RateDesigner(_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-rate');
+            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.Rate, Object.assign({ "data-dnd": dataDnd, "data-id": dataId }, rest))));
+}
+exports.Rate = (0, tango_boot_1.defineComponent)(antd_1.Rate, {
+    name: 'Rate',
+    designerConfig: {
+        render({ designerProps, originalProps }) {
+            console.log("Rate:  designerProps:", designerProps, "originalProps:", originalProps);
+            return react_1.default.createElement(RateDesigner, Object.assign({ title: "\u4E00\u7EA7\u6807\u9898" }, designerProps, originalProps));
+        },
+    },
+    // designerConfig: {
+    // },
+});

package/lib/cjs/components/result.js

@@ -35,7 +35,7 @@ function ResultDesigner(_a) {
     //     });
     //   }
     // };
-    return (react_1.default.createElement("div", { ref: resultRef, draggable: 'true' },
+    return (react_1.default.createElement("div", { ref: resultRef },
         react_1.default.createElement(antd_1.Result, Object.assign({ title: title, "data-dnd": dataDnd, "data-id": dataId, style: style }, rest), children)));
 }
 exports.Result = (0, tango_boot_1.defineComponent)(antd_1.Result, {

package/lib/cjs/components/skeleton.js

@@ -24,6 +24,17 @@ function SkeletonDesigner(_a) {
     //     });
     //   }
     // };
+    (0, react_1.useEffect)(() => {
+        Promise.resolve().then(() => {
+            const popoverNode = document.querySelector('.ant-skeleton');
+            console.log('ant-skeleton', 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: skeletonRef },
         react_1.default.createElement(antd_1.Skeleton, Object.assign({ "data-dnd": dataDnd, "data-id": dataId }, rest), children)));
 }

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

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

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

@@ -20,7 +20,7 @@ function SpinDesigner(_a) {
             }
         });
     }, [dataDnd, dataId]);
-    return (react_1.default.createElement("div", { ref: spinRef, draggable: 'true' },
+    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, {

package/lib/cjs/components/table.js

@@ -20,7 +20,7 @@ function TableDesigner(_a) {
             }
         });
     }, [dataDnd, dataId]);
-    return (react_1.default.createElement("div", { ref: tableRef, draggable: 'true' },
+    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, {

package/lib/cjs/components/tag.js

@@ -20,7 +20,7 @@ function TagDesigner(_a) {
             }
         });
     }, [dataDnd, dataId]);
-    return (react_1.default.createElement("div", { ref: tagRef, draggable: 'true' },
+    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, {

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

@@ -20,8 +20,7 @@ function TimePickerDesigner(_a) {
             }
         });
     }, [dataDnd, dataId]);
-    return (react_1.default.createElement("div", { ref: timePickerRef, draggable: 'true' },
-        react_1.default.createElement(antd_1.TimePicker, Object.assign({ className: 'antd-timePicker', "data-dnd": dataDnd, "data-id": dataId, style: style }, rest))));
+    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',

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/esm/components/anchor.js

@@ -8,7 +8,7 @@ function AnchorDesigner(_a) {
     const anchorRef = useRef(null);
     useEffect(() => {
         Promise.resolve().then(() => {
-            const popoverNode = document.querySelector('.ant-spin');
+            const popoverNode = document.querySelector('.ant-anchor');
             console.log('spinNode', popoverNode);
             if (popoverNode) {
                 popoverNode.setAttribute('data-dnd', dataDnd);

package/lib/esm/components/avatar.js

@@ -17,7 +17,7 @@ function AvatarDesigner(_a) {
             }
         });
     }, [dataDnd, dataId]);
-    return (React.createElement("div", { ref: avatarRef, draggable: 'true' },
+    return (React.createElement("div", { ref: avatarRef },
         React.createElement(AntAvatar, Object.assign({ "data-dnd": dataDnd, "data-id": dataId, style: style }, rest), children)));
 }
 export const Avatar = defineComponent(AntAvatar, {

package/lib/esm/components/calendar.js

@@ -8,7 +8,7 @@ function CalendarDesigner(_a) {
     const calendarRef = useRef(null);
     useEffect(() => {
         Promise.resolve().then(() => {
-            const popoverNode = document.querySelector('.ant-spin');
+            const popoverNode = document.querySelector('.ant-picker-calendar');
             console.log('spinNode', popoverNode);
             if (popoverNode) {
                 popoverNode.setAttribute('data-dnd', dataDnd);
@@ -17,7 +17,7 @@ function CalendarDesigner(_a) {
             }
         });
     }, [dataDnd, dataId]);
-    return (React.createElement("div", { ref: calendarRef, draggable: 'true' },
+    return (React.createElement("div", { ref: calendarRef },
         React.createElement(AntCalendar, Object.assign({ "data-dnd": dataDnd, "data-id": dataId, style: style }, rest))));
 }
 export const Calendar = defineComponent(AntCalendar, {

package/lib/esm/components/card.js

@@ -17,7 +17,7 @@ function CardDesigner(_a) {
             }
         });
     }, [dataDnd, dataId]);
-    return (React.createElement("div", { ref: cardRef, draggable: 'true' },
+    return (React.createElement("div", { ref: cardRef },
         React.createElement(AntCard, Object.assign({ "data-dnd": dataDnd, "data-id": dataId, style: style }, rest), children)));
 }
 export const Card = defineComponent(AntCard, {

package/lib/esm/components/carousel.js

@@ -8,7 +8,7 @@ function CarouselDesigner(_a) {
     const carouselRef = useRef(null);
     useEffect(() => {
         Promise.resolve().then(() => {
-            const popoverNode = document.querySelector('.ant-spin');
+            const popoverNode = document.querySelector('.ant-carousel');
             console.log('spinNode', popoverNode);
             if (popoverNode) {
                 popoverNode.setAttribute('data-dnd', dataDnd);
@@ -17,7 +17,7 @@ function CarouselDesigner(_a) {
             }
         });
     }, [dataDnd, dataId]);
-    return (React.createElement("div", { ref: carouselRef, draggable: 'true' },
+    return (React.createElement("div", { ref: carouselRef },
         React.createElement(AntCarousel, Object.assign({ "data-dnd": dataDnd, "data-id": dataId, style: style }, rest), children)));
 }
 export const Carousel = defineComponent(AntCarousel, {

package/lib/esm/components/checkbox.js

@@ -1,9 +1,18 @@
 import { __rest } from "tslib";
 import { defineComponent } from '@music163/tango-boot';
 import { Checkbox as AntCheckbox } from 'antd';
-import React from 'react';
+import React, { useEffect } from 'react';
 function CheckboxDesigner(_a) {
     var { style } = _a, rest = __rest(_a, ["style"]);
+    useEffect(() => {
+        Promise.resolve().then(() => {
+            const popoverNode = document.querySelector('.ant-checkbox');
+            // console.log('spinNode', popoverNode);
+            if (popoverNode) {
+                popoverNode.setAttribute('draggable', 'true');
+            }
+        });
+    }, []);
     return (React.createElement(AntCheckbox, Object.assign({}, rest, { style: style }), rest.label));
 }
 export const Checkbox = defineComponent(AntCheckbox, {

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

@@ -80,9 +80,12 @@ function DataPickerDesigner(_a) {
             }
         });
     }, [dataDnd, dataId]);
-    return (React.createElement("div", { ref: dateRef },
-        React.createElement(ConfigProvider, { locale: locale },
-            React.createElement(AntDataPicker, Object.assign({ className: 'antd-datePicker', "data-dnd": dataDnd, "data-id": dataId, style: style, locale: local }, rest)))));
+    return (
+    // <div ref={dateRef}>
+    React.createElement(ConfigProvider, { locale: locale },
+        React.createElement(AntDataPicker, Object.assign({ className: 'ant-datePicker', "data-dnd": dataDnd, "data-id": dataId, style: style, locale: local }, rest)))
+    // </div>
+    );
 }
 export const DatePicker = defineComponent(AntDataPicker, {
     name: 'DatePicker',

package/lib/esm/components/divider.js

@@ -17,7 +17,7 @@ function DividerDesigner(_a) {
             }
         });
     }, [dataDnd, dataId]);
-    return (React.createElement("div", { ref: dividerRef, draggable: 'true' },
+    return (React.createElement("div", { ref: dividerRef },
         React.createElement(AntDivider, Object.assign({ "data-dnd": dataDnd, "data-id": dataId, style: style }, rest), children)));
 }
 export const Divider = defineComponent(AntDivider, {

package/lib/esm/components/empty.js

@@ -17,7 +17,7 @@ function EmptyDesigner(_a) {
             }
         });
     }, [dataDnd, dataId]);
-    return (React.createElement("div", { ref: emptyRef, draggable: 'true' },
+    return (React.createElement("div", { ref: emptyRef },
         React.createElement(AntEmpty, Object.assign({ "data-dnd": dataDnd, "data-id": dataId, style: style }, rest), children)));
 }
 export const Empty = defineComponent(AntEmpty, {

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

@@ -44,5 +44,8 @@ export { Card } from './card';
 export { Tag } from './tag';
 export { Avatar } from './avatar';
 export { Empty } from './empty';
+export { Slider } from './slider';
+export { Rate } from './rate';
 export { Comment } from './comment';
 export { TimePicker } from './time-picker';
+export { Transfer } from './transfer';

package/lib/esm/components/index.js

@@ -49,5 +49,8 @@ export { Card } from './card';
 export { Tag } from './tag';
 export { Avatar } from './avatar';
 export { Empty } from './empty';
+export { Slider } from './slider';
+export { Rate } from './rate';
 export { Comment } from './comment';
 export { TimePicker } from './time-picker';
+export { Transfer } from './transfer';