@cuvp1225/antd 0.3.70 → 0.3.71

package/lib/cjs/components/anchor.js

@@ -12,7 +12,7 @@ function AnchorDesigner(_a) {
     const anchorRef = (0, react_1.useRef)(null);
     (0, react_1.useEffect)(() => {
         Promise.resolve().then(() => {
-            const popoverNode = document.querySelector('.ant-anchor');
+            const popoverNode = document.querySelector(`.${dataId}`);
             console.log('spinNode', popoverNode);
             if (popoverNode) {
                 popoverNode.setAttribute('data-dnd', dataDnd);
@@ -34,7 +34,7 @@ function AnchorDesigner(_a) {
         });
     };
     return (react_1.default.createElement("div", { ref: anchorRef, draggable: 'true' },
-        react_1.default.createElement(antd_1.Anchor, Object.assign({ "data-dnd": dataDnd, "data-id": dataId, style: style }, rest), renderLinks(items))));
+        react_1.default.createElement(antd_1.Anchor, Object.assign({ className: dataId, "data-dnd": dataDnd, "data-id": dataId, style: style }, rest), renderLinks(items))));
 }
 exports.Anchor = (0, tango_boot_1.defineComponent)(antd_1.Anchor, {
     name: 'Anchor',

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

@@ -11,7 +11,7 @@ function AutoCompleteDesigner(_a) {
     const autocompleteRef = (0, react_1.useRef)(null);
     (0, react_1.useEffect)(() => {
         Promise.resolve().then(() => {
-            const popoverNode = document.querySelector('.ant-autocomplete');
+            const popoverNode = document.querySelector(`.${dataId}`);
             // console.log('spinNode', popoverNode);
             if (popoverNode) {
                 popoverNode.setAttribute('data-dnd', dataDnd);
@@ -21,7 +21,7 @@ function AutoCompleteDesigner(_a) {
         });
     }, [dataDnd, dataId]);
     return (react_1.default.createElement("div", { ref: autocompleteRef },
-        react_1.default.createElement(antd_1.AutoComplete, Object.assign({ className: 'ant-autocomplete', "data-dnd": dataDnd, "data-id": dataId, style: style }, rest), children)));
+        react_1.default.createElement(antd_1.AutoComplete, Object.assign({ className: dataId, "data-dnd": dataDnd, "data-id": dataId, style: style }, rest), children)));
 }
 exports.AutoComplete = (0, tango_boot_1.defineComponent)(antd_1.AutoComplete, {
     name: 'AutoComplete',

package/lib/cjs/components/avatar.js

@@ -11,7 +11,7 @@ function AvatarDesigner(_a) {
     const avatarRef = (0, react_1.useRef)(null);
     (0, react_1.useEffect)(() => {
         Promise.resolve().then(() => {
-            const popoverNode = document.querySelector('.ant-avatar');
+            const popoverNode = document.querySelector(`.${dataId}`);
             // console.log('spinNode', popoverNode);
             if (popoverNode) {
                 popoverNode.setAttribute('data-dnd', dataDnd);
@@ -21,7 +21,7 @@ function AvatarDesigner(_a) {
         });
     }, [dataDnd, dataId]);
     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)));
+        react_1.default.createElement(antd_1.Avatar, Object.assign({ className: dataId, "data-dnd": dataDnd, "data-id": dataId, style: style }, rest), children)));
 }
 exports.Avatar = (0, tango_boot_1.defineComponent)(antd_1.Avatar, {
     name: 'Avatar',

package/lib/cjs/components/badge.js

@@ -11,7 +11,7 @@ function BadgeDesigner(_a) {
     const badgeRef = (0, react_1.useRef)(null);
     (0, react_1.useEffect)(() => {
         Promise.resolve().then(() => {
-            const popoverNode = document.querySelector('.ant-badge');
+            const popoverNode = document.querySelector(`.${dataId}`);
             // console.log('spinNode', popoverNode);
             if (popoverNode) {
                 popoverNode.setAttribute('data-dnd', dataDnd);
@@ -21,7 +21,7 @@ function BadgeDesigner(_a) {
         });
     }, [dataDnd, dataId]);
     return (react_1.default.createElement("div", { ref: badgeRef, draggable: 'true' },
-        react_1.default.createElement(antd_1.Badge, Object.assign({ "data-dnd": dataDnd, "data-id": dataId, style: style }, rest), children)));
+        react_1.default.createElement(antd_1.Badge, Object.assign({ className: dataId, "data-dnd": dataDnd, "data-id": dataId, style: style }, rest), children)));
 }
 exports.Badge = (0, tango_boot_1.defineComponent)(antd_1.Badge, {
     name: 'Badge',

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-picker-calendar');
+            const popoverNode = document.querySelector(`.${dataId}`);
             console.log('spinNode', popoverNode);
             if (popoverNode) {
                 popoverNode.setAttribute('data-dnd', dataDnd);
@@ -21,7 +21,7 @@ function CalendarDesigner(_a) {
         });
     }, [dataDnd, dataId]);
     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))));
+        react_1.default.createElement(antd_1.Calendar, Object.assign({ className: dataId, "data-dnd": dataDnd, "data-id": dataId, style: style }, rest))));
 }
 exports.Calendar = (0, tango_boot_1.defineComponent)(antd_1.Calendar, {
     name: 'Calendar',

package/lib/cjs/components/card.js

@@ -11,7 +11,7 @@ function CardDesigner(_a) {
     const cardRef = (0, react_1.useRef)(null);
     (0, react_1.useEffect)(() => {
         Promise.resolve().then(() => {
-            const popoverNode = document.querySelector('.ant-card');
+            const popoverNode = document.querySelector(`.${dataId}`);
             // console.log('spinNode', popoverNode);
             if (popoverNode) {
                 popoverNode.setAttribute('data-dnd', dataDnd);
@@ -21,7 +21,7 @@ function CardDesigner(_a) {
         });
     }, [dataDnd, dataId]);
     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)));
+        react_1.default.createElement(antd_1.Card, Object.assign({ className: dataId, "data-dnd": dataDnd, "data-id": dataId, style: style }, rest), children)));
 }
 exports.Card = (0, tango_boot_1.defineComponent)(antd_1.Card, {
     name: 'Card',

package/lib/cjs/components/carousel.js

@@ -10,7 +10,7 @@ function CarouselDesigner(_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"]);
     (0, react_1.useEffect)(() => {
         Promise.resolve().then(() => {
-            const popoverNode = document.querySelector('.ant-carousel');
+            const popoverNode = document.querySelector(`.${dataId}`);
             console.log('spinNode', popoverNode);
             if (popoverNode) {
                 popoverNode.setAttribute('data-dnd', dataDnd);
@@ -19,7 +19,7 @@ function CarouselDesigner(_a) {
             }
         });
     }, [dataDnd, dataId]);
-    return (react_1.default.createElement(antd_1.Carousel, Object.assign({ "data-dnd": dataDnd, "data-id": dataId, style: style }, rest), children));
+    return (react_1.default.createElement(antd_1.Carousel, Object.assign({ className: dataId, "data-dnd": dataDnd, "data-id": dataId, style: style }, rest), children));
 }
 exports.Carousel = (0, tango_boot_1.defineComponent)(antd_1.Carousel, {
     name: 'Carousel',

package/lib/cjs/components/checkbox.js

@@ -3,14 +3,15 @@ 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 tango_helpers_1 = require("@music163/tango-helpers");
 const antd_1 = require("antd");
 const react_1 = tslib_1.__importStar(require("react"));
 function CheckboxDesigner(_a) {
-    var { style } = _a, rest = tslib_1.__rest(_a, ["style"]);
+    var { style } = _a, _b = tango_helpers_1.SLOT.dnd, dataDnd = _a[_b], _c = tango_helpers_1.SLOT.id, dataId = _a[_c], rest = tslib_1.__rest(_a, ["style", typeof _b === "symbol" ? _b : _b + "", typeof _c === "symbol" ? _c : _c + ""]);
     const checkBoxRef = (0, react_1.useRef)(null);
     (0, react_1.useEffect)(() => {
         Promise.resolve().then(() => {
-            const popoverNode = document.querySelector('.ant-checkbox');
+            const popoverNode = document.querySelector(`.${dataId}`);
             // console.log('spinNode', popoverNode);
             if (popoverNode) {
                 popoverNode.setAttribute('draggable', 'true');
@@ -18,7 +19,7 @@ function CheckboxDesigner(_a) {
         });
     }, []);
     return (react_1.default.createElement("div", { ref: checkBoxRef },
-        react_1.default.createElement(antd_1.Checkbox, Object.assign({}, rest, { style: style }), rest.label)));
+        react_1.default.createElement(antd_1.Checkbox, Object.assign({}, rest, { style: style, className: dataId }), rest.label)));
 }
 exports.Checkbox = (0, tango_boot_1.defineComponent)(antd_1.Checkbox, {
     name: 'Checkbox',

package/lib/cjs/components/collapse.js

@@ -10,7 +10,7 @@ function CollapseDesigner(_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"]);
     (0, react_1.useEffect)(() => {
         Promise.resolve().then(() => {
-            const popoverNode = document.querySelector('.ant-collapse');
+            const popoverNode = document.querySelector(`.${dataId}`);
             console.log('spinNode', popoverNode);
             if (popoverNode) {
                 popoverNode.setAttribute('data-dnd', dataDnd);
@@ -19,7 +19,7 @@ function CollapseDesigner(_a) {
             }
         });
     }, [dataDnd, dataId]);
-    return (react_1.default.createElement(antd_1.Collapse, Object.assign({ "data-dnd": dataDnd, "data-id": dataId, style: style }, rest), children));
+    return (react_1.default.createElement(antd_1.Collapse, Object.assign({ className: dataId, "data-dnd": dataDnd, "data-id": dataId, style: style }, rest), children));
 }
 exports.Collapse = (0, tango_boot_1.defineComponent)(antd_1.Collapse, {
     name: 'Collapse',

package/lib/cjs/components/comment.js

@@ -12,7 +12,7 @@ function CommentDesigner(_a) {
     const commentRef = (0, react_1.useRef)(null);
     (0, react_1.useEffect)(() => {
         Promise.resolve().then(() => {
-            const popoverNode = document.querySelector('.ant-comment');
+            const popoverNode = document.querySelector(`.${dataId}`);
             // console.log('spinNode', popoverNode);
             if (popoverNode) {
                 popoverNode.setAttribute('data-dnd', dataDnd);
@@ -22,7 +22,7 @@ function CommentDesigner(_a) {
         });
     }, [dataDnd, dataId]);
     return (react_1.default.createElement("div", { ref: commentRef },
-        react_1.default.createElement(antd_1.Comment, Object.assign({ "data-dnd": dataDnd, "data-id": dataId, content: content, style: style }, rest), children)));
+        react_1.default.createElement(antd_1.Comment, Object.assign({ className: dataId, "data-dnd": dataDnd, "data-id": dataId, content: content, style: style }, rest), children)));
 }
 exports.Comment = (0, tango_boot_1.defineComponent)(antd_1.Comment, {
     name: 'Comment',

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

@@ -74,7 +74,7 @@ function DataPickerDesigner(_a) {
     const dateRef = (0, react_1.useRef)(null);
     (0, react_1.useEffect)(() => {
         Promise.resolve().then(() => {
-            const popoverNode = document.querySelector('.ant-datePicker');
+            const popoverNode = document.querySelector(`.${dataId}`);
             console.log('spinNode', popoverNode);
             if (popoverNode) {
                 popoverNode.setAttribute('data-dnd', dataDnd);
@@ -86,7 +86,7 @@ function DataPickerDesigner(_a) {
     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)))
+        react_1.default.createElement(antd_1.DatePicker, Object.assign({ className: dataId, "data-dnd": dataDnd, "data-id": dataId, style: style, locale: local }, rest)))
     // </div>
     );
 }

package/lib/cjs/components/descriptions.js

@@ -10,7 +10,7 @@ function DescriptionsDesigner(_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"]);
     (0, react_1.useEffect)(() => {
         Promise.resolve().then(() => {
-            const popoverNode = document.querySelector('.ant-descriptions');
+            const popoverNode = document.querySelector(`.${dataId}`);
             console.log('spinNode', popoverNode);
             if (popoverNode) {
                 popoverNode.setAttribute('data-dnd', dataDnd);
@@ -19,7 +19,7 @@ function DescriptionsDesigner(_a) {
             }
         });
     }, [dataDnd, dataId]);
-    return (react_1.default.createElement(antd_1.Descriptions, Object.assign({ "data-dnd": dataDnd, "data-id": dataId, style: style }, rest), children));
+    return (react_1.default.createElement(antd_1.Descriptions, Object.assign({ className: dataId, "data-dnd": dataDnd, "data-id": dataId, style: style }, rest), children));
 }
 exports.Descriptions = (0, tango_boot_1.defineComponent)(antd_1.Descriptions, {
     name: 'Descriptions',

package/lib/cjs/components/divider.js

@@ -11,7 +11,7 @@ function DividerDesigner(_a) {
     const dividerRef = (0, react_1.useRef)(null);
     (0, react_1.useEffect)(() => {
         Promise.resolve().then(() => {
-            const popoverNode = document.querySelector('.ant-divider');
+            const popoverNode = document.querySelector(`.${dataId}`);
             // console.log('spinNode', popoverNode);
             if (popoverNode) {
                 popoverNode.setAttribute('data-dnd', dataDnd);
@@ -21,7 +21,7 @@ function DividerDesigner(_a) {
         });
     }, [dataDnd, dataId]);
     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)));
+        react_1.default.createElement(antd_1.Divider, Object.assign({ className: dataId, "data-dnd": dataDnd, "data-id": dataId, style: style }, rest), children)));
 }
 exports.Divider = (0, tango_boot_1.defineComponent)(antd_1.Divider, {
     name: 'Divider',

package/lib/cjs/components/empty.js

@@ -11,7 +11,7 @@ function EmptyDesigner(_a) {
     const emptyRef = (0, react_1.useRef)(null);
     (0, react_1.useEffect)(() => {
         Promise.resolve().then(() => {
-            const popoverNode = document.querySelector('.ant-empty');
+            const popoverNode = document.querySelector(`.${dataId}`);
             // console.log('spinNode', popoverNode);
             if (popoverNode) {
                 popoverNode.setAttribute('data-dnd', dataDnd);
@@ -21,7 +21,7 @@ function EmptyDesigner(_a) {
         });
     }, [dataDnd, dataId]);
     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)));
+        react_1.default.createElement(antd_1.Empty, Object.assign({ className: dataId, "data-dnd": dataDnd, "data-id": dataId, style: style }, rest), children)));
 }
 exports.Empty = (0, tango_boot_1.defineComponent)(antd_1.Empty, {
     name: 'Empty',

package/lib/cjs/components/image.js

@@ -11,7 +11,7 @@ function ImageDesigner(_a) {
     const imageRef = (0, react_1.useRef)(null);
     (0, react_1.useEffect)(() => {
         Promise.resolve().then(() => {
-            const popoverNode = document.querySelector('.ant-image');
+            const popoverNode = document.querySelector(`.${dataId}`);
             // console.log('spinNode', popoverNode);
             if (popoverNode) {
                 popoverNode.setAttribute('data-dnd', dataDnd);
@@ -21,7 +21,7 @@ function ImageDesigner(_a) {
         });
     }, [dataDnd, dataId]);
     return (react_1.default.createElement("div", { ref: imageRef },
-        react_1.default.createElement(antd_1.Image, Object.assign({ "data-dnd": dataDnd, "data-id": dataId, style: style }, rest))));
+        react_1.default.createElement(antd_1.Image, Object.assign({ className: dataId, "data-dnd": dataDnd, "data-id": dataId, style: style }, rest))));
 }
 exports.Image = (0, tango_boot_1.defineComponent)(antd_1.Image, {
     name: 'Image',

package/lib/cjs/components/mentions.js

@@ -11,7 +11,7 @@ function MentionsDesigner(_a) {
     const mentionsRef = (0, react_1.useRef)(null);
     (0, react_1.useEffect)(() => {
         Promise.resolve().then(() => {
-            const popoverNode = document.querySelector('.ant-mentions');
+            const popoverNode = document.querySelector(`.${dataId}`);
             // console.log('spinNode', popoverNode);
             if (popoverNode) {
                 popoverNode.setAttribute('data-dnd', dataDnd);
@@ -21,7 +21,7 @@ function MentionsDesigner(_a) {
         });
     }, [dataDnd, dataId]);
     return (react_1.default.createElement("div", { ref: mentionsRef },
-        react_1.default.createElement(antd_1.Mentions, Object.assign({ "data-dnd": dataDnd, "data-id": dataId, style: style }, rest))));
+        react_1.default.createElement(antd_1.Mentions, Object.assign({ className: dataId, "data-dnd": dataDnd, "data-id": dataId, style: style }, rest))));
 }
 exports.Mentions = (0, tango_boot_1.defineComponent)(antd_1.Mentions, {
     name: 'Mentions',

package/lib/cjs/components/pagination.js

@@ -11,7 +11,7 @@ function PaginationDesigner(_a) {
     const paginationRef = (0, react_1.useRef)(null);
     (0, react_1.useEffect)(() => {
         Promise.resolve().then(() => {
-            const popoverNode = document.querySelector('.ant-pagination');
+            const popoverNode = document.querySelector(`.${dataId}`);
             // console.log('spinNode', popoverNode);
             if (popoverNode) {
                 popoverNode.setAttribute('data-dnd', dataDnd);
@@ -21,7 +21,7 @@ function PaginationDesigner(_a) {
         });
     }, [dataDnd, dataId]);
     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))));
+        react_1.default.createElement(antd_1.Pagination, Object.assign({ className: dataId, "data-dnd": dataDnd, "data-id": dataId, style: style }, rest))));
 }
 exports.Pagination = (0, tango_boot_1.defineComponent)(antd_1.Pagination, {
     name: 'Pagination',

package/lib/cjs/components/popconfirm.js

@@ -15,7 +15,7 @@ function PopconfirmDesigner(_a) {
         if (visible) {
             // 使用微任务确保弹层已渲染
             Promise.resolve().then(() => {
-                const popoverNode = document.querySelector('.ant-popconfirm');
+                const popoverNode = document.querySelector(`.${dataId}`);
                 console.log('popoverNode', popoverNode);
                 if (popoverNode) {
                     popoverNode.setAttribute('data-dnd', dataDnd);
@@ -26,7 +26,7 @@ function PopconfirmDesigner(_a) {
         }
     };
     return (react_1.default.createElement("div", { ref: popconfirmRef },
-        react_1.default.createElement(antd_1.Popconfirm, Object.assign({ title: title, onOpenChange: handleVisibleChange }, rest), children)));
+        react_1.default.createElement(antd_1.Popconfirm, Object.assign({ className: dataId, title: title, onOpenChange: handleVisibleChange }, rest), children)));
 }
 exports.Popconfirm = (0, tango_boot_1.defineComponent)(antd_1.Popconfirm, {
     name: 'Popconfirm',

package/lib/cjs/components/popover.js

@@ -15,7 +15,7 @@ function PopoverDesigner(_a) {
         if (visible) {
             // 使用微任务确保弹层已渲染
             Promise.resolve().then(() => {
-                const popoverNode = document.querySelector('.ant-popover');
+                const popoverNode = document.querySelector(`.${dataId}`);
                 console.log('popoverNode', popoverNode);
                 if (popoverNode) {
                     popoverNode.setAttribute('data-dnd', dataDnd);
@@ -26,7 +26,7 @@ function PopoverDesigner(_a) {
         }
     };
     return (react_1.default.createElement("div", { ref: popoverRef },
-        react_1.default.createElement(antd_1.Popover, Object.assign({ title: title, onOpenChange: handleVisibleChange }, rest), children)));
+        react_1.default.createElement(antd_1.Popover, Object.assign({ className: dataId, title: title, onOpenChange: handleVisibleChange }, rest), children)));
 }
 exports.Popover = (0, tango_boot_1.defineComponent)(antd_1.Popover, {
     name: 'Popover',

package/lib/cjs/components/radio.js

@@ -3,14 +3,15 @@ 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 tango_helpers_1 = require("@music163/tango-helpers");
 const antd_1 = require("antd");
 const react_1 = tslib_1.__importStar(require("react"));
 function RadioDesigner(_a) {
-    var { children, style } = _a, rest = tslib_1.__rest(_a, ["children", "style"]);
+    var { children, style } = _a, _b = tango_helpers_1.SLOT.dnd, dataDnd = _a[_b], _c = tango_helpers_1.SLOT.id, dataId = _a[_c], rest = tslib_1.__rest(_a, ["children", "style", typeof _b === "symbol" ? _b : _b + "", typeof _c === "symbol" ? _c : _c + ""]);
     // const radioRef = useRef<HTMLDivElement>(null);
     (0, react_1.useEffect)(() => {
         Promise.resolve().then(() => {
-            const popoverNode = document.querySelector('.ant-radio');
+            const popoverNode = document.querySelector(`.${dataId}`);
             console.log('popoverNode', popoverNode);
             if (popoverNode) {
                 popoverNode.setAttribute('draggable', 'true');
@@ -25,7 +26,7 @@ function RadioDesigner(_a) {
     //     </div>
     //   );
     // }
-    return (react_1.default.createElement(antd_1.Radio, Object.assign({}, rest, { style: style }), children));
+    return (react_1.default.createElement(antd_1.Radio, Object.assign({}, rest, { style: style, className: dataId }), children));
 }
 exports.Radio = (0, tango_boot_1.defineComponent)(antd_1.Radio, {
     name: 'Radio',

package/lib/cjs/components/rate.js

@@ -26,7 +26,7 @@ function RateDesigner(_a) {
     // };
     (0, react_1.useEffect)(() => {
         Promise.resolve().then(() => {
-            const popoverNode = document.querySelector('.ant-rate');
+            const popoverNode = document.querySelector(`.${dataId}`);
             console.log('rate', popoverNode);
             if (popoverNode) {
                 popoverNode.setAttribute('data-dnd', dataDnd);
@@ -36,7 +36,7 @@ function RateDesigner(_a) {
         });
     }, [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))));
+        react_1.default.createElement(antd_1.Rate, Object.assign({ className: dataId, "data-dnd": dataDnd, "data-id": dataId }, rest))));
 }
 exports.Rate = (0, tango_boot_1.defineComponent)(antd_1.Rate, {
     name: 'Rate',

package/lib/cjs/components/result.js

@@ -11,7 +11,7 @@ function ResultDesigner(_a) {
     const resultRef = (0, react_1.useRef)(null);
     (0, react_1.useEffect)(() => {
         Promise.resolve().then(() => {
-            const popoverNode = document.querySelector('.ant-result');
+            const popoverNode = document.querySelector(`.${dataId}`);
             console.log('popoverNode', popoverNode);
             if (popoverNode) {
                 popoverNode.setAttribute('data-dnd', dataDnd);
@@ -36,7 +36,7 @@ function ResultDesigner(_a) {
     //   }
     // };
     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)));
+        react_1.default.createElement(antd_1.Result, Object.assign({ className: dataId, title: title, "data-dnd": dataDnd, "data-id": dataId, style: style }, rest), children)));
 }
 exports.Result = (0, tango_boot_1.defineComponent)(antd_1.Result, {
     name: 'Result',

package/lib/cjs/components/skeleton.js

@@ -26,7 +26,7 @@ function SkeletonDesigner(_a) {
     // };
     (0, react_1.useEffect)(() => {
         Promise.resolve().then(() => {
-            const popoverNode = document.querySelector('.ant-skeleton');
+            const popoverNode = document.querySelector(`.${dataId}}`);
             console.log('ant-skeleton', popoverNode);
             if (popoverNode) {
                 popoverNode.setAttribute('data-dnd', dataDnd);
@@ -36,7 +36,7 @@ function SkeletonDesigner(_a) {
         });
     }, [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)));
+        react_1.default.createElement(antd_1.Skeleton, Object.assign({ className: dataId, "data-dnd": dataDnd, "data-id": dataId }, rest), children)));
 }
 exports.Skeleton = (0, tango_boot_1.defineComponent)(antd_1.Skeleton, {
     name: 'Skeleton',

package/lib/cjs/components/slider.js

@@ -26,7 +26,7 @@ function SliderDesigner(_a) {
     // };
     (0, react_1.useEffect)(() => {
         Promise.resolve().then(() => {
-            const popoverNode = document.querySelector('.ant-slider');
+            const popoverNode = document.querySelector(`.${dataId}`);
             console.log('rate', popoverNode);
             if (popoverNode) {
                 popoverNode.setAttribute('data-dnd', dataDnd);
@@ -36,7 +36,7 @@ function SliderDesigner(_a) {
         });
     }, [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))));
+        react_1.default.createElement(antd_1.Slider, Object.assign({ className: dataId, "data-dnd": dataDnd, "data-id": dataId }, rest))));
 }
 exports.Slider = (0, tango_boot_1.defineComponent)(antd_1.Slider, {
     name: 'Slider',

package/lib/cjs/components/spin.js

@@ -11,7 +11,7 @@ function SpinDesigner(_a) {
     const spinRef = (0, react_1.useRef)(null);
     (0, react_1.useEffect)(() => {
         Promise.resolve().then(() => {
-            const popoverNode = document.querySelector('.ant-spin');
+            const popoverNode = document.querySelector(`.${dataId}`);
             // console.log('spinNode', popoverNode);
             if (popoverNode) {
                 popoverNode.setAttribute('data-dnd', dataDnd);
@@ -21,7 +21,7 @@ function SpinDesigner(_a) {
         });
     }, [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)));
+        react_1.default.createElement(antd_1.Spin, Object.assign({ className: dataId, spinning: spinning, "data-dnd": dataDnd, "data-id": dataId, style: style }, rest), children)));
 }
 exports.Spin = (0, tango_boot_1.defineComponent)(antd_1.Spin, {
     name: 'Spin',

package/lib/cjs/components/statistic.js

@@ -26,7 +26,7 @@ function StatisticDesigner(_a) {
     // };
     (0, react_1.useEffect)(() => {
         Promise.resolve().then(() => {
-            const popoverNode = document.querySelector('.ant-statistic');
+            const popoverNode = document.querySelector(`.${dataId}`);
             console.log('rate', popoverNode);
             if (popoverNode) {
                 popoverNode.setAttribute('data-dnd', dataDnd);
@@ -37,7 +37,7 @@ function StatisticDesigner(_a) {
     }, [dataDnd, dataId]);
     return (
     //   <div ref={statisticRef}>
-    react_1.default.createElement(antd_1.Statistic, Object.assign({ "data-dnd": dataDnd, "data-id": dataId }, rest))
+    react_1.default.createElement(antd_1.Statistic, Object.assign({ className: dataId, "data-dnd": dataDnd, "data-id": dataId }, rest))
     // </div>
     );
 }

package/lib/cjs/components/switch.js

@@ -11,7 +11,7 @@ function SwitchDesigner(_a) {
     const switchRef = (0, react_1.useRef)(null);
     (0, react_1.useEffect)(() => {
         Promise.resolve().then(() => {
-            const popoverNode = document.querySelector('.ant-switch');
+            const popoverNode = document.querySelector(`.${dataId}`);
             // console.log('spinNode', popoverNode);
             if (popoverNode) {
                 popoverNode.setAttribute('data-dnd', dataDnd);

package/lib/cjs/components/table.js

@@ -11,7 +11,7 @@ function TableDesigner(_a) {
     const tableRef = (0, react_1.useRef)(null);
     (0, react_1.useEffect)(() => {
         Promise.resolve().then(() => {
-            const popoverNode = document.querySelector('.ant-table');
+            const popoverNode = document.querySelector(`.${dataId}`);
             // console.log('spinNode', popoverNode);
             if (popoverNode) {
                 popoverNode.setAttribute('data-dnd', dataDnd);
@@ -21,7 +21,7 @@ function TableDesigner(_a) {
         });
     }, [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)));
+        react_1.default.createElement(antd_1.Table, Object.assign({ className: dataId, 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',

package/lib/cjs/components/tabs.js

@@ -10,7 +10,7 @@ function TabsDesigner(_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"]);
     (0, react_1.useEffect)(() => {
         Promise.resolve().then(() => {
-            const popoverNode = document.querySelector('.ant-tabs');
+            const popoverNode = document.querySelector(`.${dataId}`);
             console.log('spinNode', popoverNode);
             if (popoverNode) {
                 popoverNode.setAttribute('data-dnd', dataDnd);
@@ -19,7 +19,7 @@ function TabsDesigner(_a) {
             }
         });
     }, [dataDnd, dataId]);
-    return (react_1.default.createElement(antd_1.Tabs, Object.assign({ "data-dnd": dataDnd, "data-id": dataId, style: style }, rest), children));
+    return (react_1.default.createElement(antd_1.Tabs, Object.assign({ className: dataId, "data-dnd": dataDnd, "data-id": dataId, style: style }, rest), children));
 }
 exports.Tabs = (0, tango_boot_1.defineComponent)(antd_1.Tabs, {
     name: 'Tabs',

package/lib/cjs/components/tag.js

@@ -11,7 +11,7 @@ function TagDesigner(_a) {
     const tagRef = (0, react_1.useRef)(null);
     (0, react_1.useEffect)(() => {
         Promise.resolve().then(() => {
-            const popoverNode = document.querySelector('.ant-tag');
+            const popoverNode = document.querySelector(`.${dataId}`);
             // console.log('spinNode', popoverNode);
             if (popoverNode) {
                 popoverNode.setAttribute('data-dnd', dataDnd);
@@ -21,7 +21,7 @@ function TagDesigner(_a) {
         });
     }, [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)));
+        react_1.default.createElement(antd_1.Tag, Object.assign({ className: dataId, "data-dnd": dataDnd, "data-id": dataId, style: style }, rest), children)));
 }
 exports.Tag = (0, tango_boot_1.defineComponent)(antd_1.Tag, {
     name: 'Tag',

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

@@ -11,7 +11,7 @@ function TimePickerDesigner(_a) {
     const timePickerRef = (0, react_1.useRef)(null);
     (0, react_1.useEffect)(() => {
         Promise.resolve().then(() => {
-            const popoverNode = document.querySelector('.ant-timePicker');
+            const popoverNode = document.querySelector(`.${dataId}`);
             // console.log('spinNode', popoverNode);
             if (popoverNode) {
                 popoverNode.setAttribute('data-dnd', dataDnd);
@@ -20,7 +20,7 @@ function TimePickerDesigner(_a) {
             }
         });
     }, [dataDnd, dataId]);
-    return (react_1.default.createElement(antd_1.TimePicker, Object.assign({ className: 'ant-timePicker', "data-dnd": dataDnd, "data-id": dataId, style: style }, rest)));
+    return (react_1.default.createElement(antd_1.TimePicker, Object.assign({ className: dataId, "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/timeline.js

@@ -10,7 +10,7 @@ function TimelineDesigner(_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"]);
     (0, react_1.useEffect)(() => {
         Promise.resolve().then(() => {
-            const popoverNode = document.querySelector('.ant-timeline');
+            const popoverNode = document.querySelector(`.${dataId}`);
             console.log('spinNode', popoverNode);
             if (popoverNode) {
                 popoverNode.setAttribute('data-dnd', dataDnd);
@@ -19,7 +19,7 @@ function TimelineDesigner(_a) {
             }
         });
     }, [dataDnd, dataId]);
-    return (react_1.default.createElement(antd_1.Timeline, Object.assign({ "data-dnd": dataDnd, "data-id": dataId, style: style }, rest), children));
+    return (react_1.default.createElement(antd_1.Timeline, Object.assign({ className: dataId, "data-dnd": dataDnd, "data-id": dataId, style: style }, rest), children));
 }
 exports.Timeline = (0, tango_boot_1.defineComponent)(antd_1.Timeline, {
     name: 'Timeline',