@cuvp1225/antd 0.3.69 → 0.3.71

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',

package/lib/cjs/components/tooltip.js

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

package/lib/cjs/components/transfer.js

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

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

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

package/lib/cjs/components/upload.js

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

package/lib/esm/components/anchor.js

@@ -9,7 +9,7 @@ function AnchorDesigner(_a) {
     const anchorRef = useRef(null);
     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);
@@ -31,7 +31,7 @@ function AnchorDesigner(_a) {
         });
     };
     return (React.createElement("div", { ref: anchorRef, draggable: 'true' },
-        React.createElement(AntAnchor, Object.assign({ "data-dnd": dataDnd, "data-id": dataId, style: style }, rest), renderLinks(items))));
+        React.createElement(AntAnchor, Object.assign({ className: dataId, "data-dnd": dataDnd, "data-id": dataId, style: style }, rest), renderLinks(items))));
 }
 export const Anchor = defineComponent(AntAnchor, {
     name: 'Anchor',

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

@@ -8,7 +8,7 @@ function AutoCompleteDesigner(_a) {
     const autocompleteRef = useRef(null);
     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);
@@ -18,7 +18,7 @@ function AutoCompleteDesigner(_a) {
         });
     }, [dataDnd, dataId]);
     return (React.createElement("div", { ref: autocompleteRef },
-        React.createElement(AntAutoComplete, Object.assign({ className: 'ant-autocomplete', "data-dnd": dataDnd, "data-id": dataId, style: style }, rest), children)));
+        React.createElement(AntAutoComplete, Object.assign({ className: dataId, "data-dnd": dataDnd, "data-id": dataId, style: style }, rest), children)));
 }
 export const AutoComplete = defineComponent(AntAutoComplete, {
     name: 'AutoComplete',

package/lib/esm/components/avatar.js

@@ -8,7 +8,7 @@ function AvatarDesigner(_a) {
     const avatarRef = useRef(null);
     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);
@@ -18,7 +18,7 @@ function AvatarDesigner(_a) {
         });
     }, [dataDnd, dataId]);
     return (React.createElement("div", { ref: avatarRef },
-        React.createElement(AntAvatar, Object.assign({ "data-dnd": dataDnd, "data-id": dataId, style: style }, rest), children)));
+        React.createElement(AntAvatar, Object.assign({ className: dataId, "data-dnd": dataDnd, "data-id": dataId, style: style }, rest), children)));
 }
 export const Avatar = defineComponent(AntAvatar, {
     name: 'Avatar',

package/lib/esm/components/badge.js

@@ -8,7 +8,7 @@ function BadgeDesigner(_a) {
     const badgeRef = useRef(null);
     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);
@@ -18,7 +18,7 @@ function BadgeDesigner(_a) {
         });
     }, [dataDnd, dataId]);
     return (React.createElement("div", { ref: badgeRef, draggable: 'true' },
-        React.createElement(AntBadge, Object.assign({ "data-dnd": dataDnd, "data-id": dataId, style: style }, rest), children)));
+        React.createElement(AntBadge, Object.assign({ className: dataId, "data-dnd": dataDnd, "data-id": dataId, style: style }, rest), children)));
 }
 export const Badge = defineComponent(AntBadge, {
     name: 'Badge',

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-picker-calendar');
+            const popoverNode = document.querySelector(`.${dataId}`);
             console.log('spinNode', popoverNode);
             if (popoverNode) {
                 popoverNode.setAttribute('data-dnd', dataDnd);
@@ -18,7 +18,7 @@ function CalendarDesigner(_a) {
         });
     }, [dataDnd, dataId]);
     return (React.createElement("div", { ref: calendarRef },
-        React.createElement(AntCalendar, Object.assign({ "data-dnd": dataDnd, "data-id": dataId, style: style }, rest))));
+        React.createElement(AntCalendar, Object.assign({ className: dataId, "data-dnd": dataDnd, "data-id": dataId, style: style }, rest))));
 }
 export const Calendar = defineComponent(AntCalendar, {
     name: 'Calendar',

package/lib/esm/components/card.js

@@ -8,7 +8,7 @@ function CardDesigner(_a) {
     const cardRef = useRef(null);
     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);
@@ -18,7 +18,7 @@ function CardDesigner(_a) {
         });
     }, [dataDnd, dataId]);
     return (React.createElement("div", { ref: cardRef },
-        React.createElement(AntCard, Object.assign({ "data-dnd": dataDnd, "data-id": dataId, style: style }, rest), children)));
+        React.createElement(AntCard, Object.assign({ className: dataId, "data-dnd": dataDnd, "data-id": dataId, style: style }, rest), children)));
 }
 export const Card = defineComponent(AntCard, {
     name: 'Card',

package/lib/esm/components/carousel.js

@@ -7,7 +7,7 @@ function CarouselDesigner(_a) {
     var { children } = _a, _b = SLOT.dnd, dataDnd = _a[_b], _c = SLOT.id, dataId = _a[_c], { style } = _a, rest = __rest(_a, ["children", typeof _b === "symbol" ? _b : _b + "", typeof _c === "symbol" ? _c : _c + "", "style"]);
     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);
@@ -16,7 +16,7 @@ function CarouselDesigner(_a) {
             }
         });
     }, [dataDnd, dataId]);
-    return (React.createElement(AntCarousel, Object.assign({ "data-dnd": dataDnd, "data-id": dataId, style: style }, rest), children));
+    return (React.createElement(AntCarousel, Object.assign({ className: dataId, "data-dnd": dataDnd, "data-id": dataId, style: style }, rest), children));
 }
 export const Carousel = defineComponent(AntCarousel, {
     name: 'Carousel',

package/lib/esm/components/checkbox.js

@@ -1,13 +1,14 @@
 import { __rest } from "tslib";
 import { defineComponent } from '@music163/tango-boot';
+import { SLOT } from '@music163/tango-helpers';
 import { Checkbox as AntCheckbox } from 'antd';
 import React, { useRef, useEffect } from 'react';
 function CheckboxDesigner(_a) {
-    var { style } = _a, rest = __rest(_a, ["style"]);
+    var { style } = _a, _b = SLOT.dnd, dataDnd = _a[_b], _c = SLOT.id, dataId = _a[_c], rest = __rest(_a, ["style", typeof _b === "symbol" ? _b : _b + "", typeof _c === "symbol" ? _c : _c + ""]);
     const checkBoxRef = useRef(null);
     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');
@@ -15,7 +16,7 @@ function CheckboxDesigner(_a) {
         });
     }, []);
     return (React.createElement("div", { ref: checkBoxRef },
-        React.createElement(AntCheckbox, Object.assign({}, rest, { style: style }), rest.label)));
+        React.createElement(AntCheckbox, Object.assign({}, rest, { style: style, className: dataId }), rest.label)));
 }
 export const Checkbox = defineComponent(AntCheckbox, {
     name: 'Checkbox',

package/lib/esm/components/collapse.js

@@ -7,7 +7,7 @@ function CollapseDesigner(_a) {
     var { children } = _a, _b = SLOT.dnd, dataDnd = _a[_b], _c = SLOT.id, dataId = _a[_c], { style } = _a, rest = __rest(_a, ["children", typeof _b === "symbol" ? _b : _b + "", typeof _c === "symbol" ? _c : _c + "", "style"]);
     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);
@@ -16,7 +16,7 @@ function CollapseDesigner(_a) {
             }
         });
     }, [dataDnd, dataId]);
-    return (React.createElement(AntCollapse, Object.assign({ "data-dnd": dataDnd, "data-id": dataId, style: style }, rest), children));
+    return (React.createElement(AntCollapse, Object.assign({ className: dataId, "data-dnd": dataDnd, "data-id": dataId, style: style }, rest), children));
 }
 export const Collapse = defineComponent(AntCollapse, {
     name: 'Collapse',

package/lib/esm/components/comment.js

@@ -9,7 +9,7 @@ function CommentDesigner(_a) {
     const commentRef = useRef(null);
     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);
@@ -19,7 +19,7 @@ function CommentDesigner(_a) {
         });
     }, [dataDnd, dataId]);
     return (React.createElement("div", { ref: commentRef },
-        React.createElement(AntComment, Object.assign({ "data-dnd": dataDnd, "data-id": dataId, content: content, style: style }, rest), children)));
+        React.createElement(AntComment, Object.assign({ className: dataId, "data-dnd": dataDnd, "data-id": dataId, content: content, style: style }, rest), children)));
 }
 export const Comment = defineComponent(AntComment, {
     name: 'Comment',

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

@@ -71,7 +71,7 @@ function DataPickerDesigner(_a) {
     const dateRef = useRef(null);
     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);
@@ -83,7 +83,7 @@ function DataPickerDesigner(_a) {
     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)))
+        React.createElement(AntDataPicker, Object.assign({ className: dataId, "data-dnd": dataDnd, "data-id": dataId, style: style, locale: local }, rest)))
     // </div>
     );
 }

package/lib/esm/components/descriptions.js

@@ -7,7 +7,7 @@ function DescriptionsDesigner(_a) {
     var { children } = _a, _b = SLOT.dnd, dataDnd = _a[_b], _c = SLOT.id, dataId = _a[_c], { style } = _a, rest = __rest(_a, ["children", typeof _b === "symbol" ? _b : _b + "", typeof _c === "symbol" ? _c : _c + "", "style"]);
     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);
@@ -16,7 +16,7 @@ function DescriptionsDesigner(_a) {
             }
         });
     }, [dataDnd, dataId]);
-    return (React.createElement(AntDescriptions, Object.assign({ "data-dnd": dataDnd, "data-id": dataId, style: style }, rest), children));
+    return (React.createElement(AntDescriptions, Object.assign({ className: dataId, "data-dnd": dataDnd, "data-id": dataId, style: style }, rest), children));
 }
 export const Descriptions = defineComponent(AntDescriptions, {
     name: 'Descriptions',

package/lib/esm/components/divider.js

@@ -8,7 +8,7 @@ function DividerDesigner(_a) {
     const dividerRef = useRef(null);
     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);
@@ -18,7 +18,7 @@ function DividerDesigner(_a) {
         });
     }, [dataDnd, dataId]);
     return (React.createElement("div", { ref: dividerRef },
-        React.createElement(AntDivider, Object.assign({ "data-dnd": dataDnd, "data-id": dataId, style: style }, rest), children)));
+        React.createElement(AntDivider, Object.assign({ className: dataId, "data-dnd": dataDnd, "data-id": dataId, style: style }, rest), children)));
 }
 export const Divider = defineComponent(AntDivider, {
     name: 'Divider',

package/lib/esm/components/empty.js

@@ -8,7 +8,7 @@ function EmptyDesigner(_a) {
     const emptyRef = useRef(null);
     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);
@@ -18,7 +18,7 @@ function EmptyDesigner(_a) {
         });
     }, [dataDnd, dataId]);
     return (React.createElement("div", { ref: emptyRef },
-        React.createElement(AntEmpty, Object.assign({ "data-dnd": dataDnd, "data-id": dataId, style: style }, rest), children)));
+        React.createElement(AntEmpty, Object.assign({ className: dataId, "data-dnd": dataDnd, "data-id": dataId, style: style }, rest), children)));
 }
 export const Empty = defineComponent(AntEmpty, {
     name: 'Empty',

package/lib/esm/components/image.js

@@ -8,7 +8,7 @@ function ImageDesigner(_a) {
     const imageRef = useRef(null);
     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);
@@ -18,7 +18,7 @@ function ImageDesigner(_a) {
         });
     }, [dataDnd, dataId]);
     return (React.createElement("div", { ref: imageRef },
-        React.createElement(AntImage, Object.assign({ "data-dnd": dataDnd, "data-id": dataId, style: style }, rest))));
+        React.createElement(AntImage, Object.assign({ className: dataId, "data-dnd": dataDnd, "data-id": dataId, style: style }, rest))));
 }
 export const Image = defineComponent(AntImage, {
     name: 'Image',

package/lib/esm/components/mentions.js

@@ -8,7 +8,7 @@ function MentionsDesigner(_a) {
     const mentionsRef = useRef(null);
     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);
@@ -18,7 +18,7 @@ function MentionsDesigner(_a) {
         });
     }, [dataDnd, dataId]);
     return (React.createElement("div", { ref: mentionsRef },
-        React.createElement(AntMentions, Object.assign({ "data-dnd": dataDnd, "data-id": dataId, style: style }, rest))));
+        React.createElement(AntMentions, Object.assign({ className: dataId, "data-dnd": dataDnd, "data-id": dataId, style: style }, rest))));
 }
 export const Mentions = defineComponent(AntMentions, {
     name: 'Mentions',

package/lib/esm/components/pageheader.js

@@ -23,7 +23,7 @@ function PageHeaderDesigner(_a) {
     // };
     useEffect(() => {
         Promise.resolve().then(() => {
-            const popoverNode = document.querySelector('.ant-page-header');
+            const popoverNode = document.querySelector(`.${dataId}`);
             console.log('pageHeader', popoverNode);
             if (popoverNode) {
                 popoverNode.setAttribute('data-dnd', dataDnd);
@@ -33,7 +33,7 @@ function PageHeaderDesigner(_a) {
         });
     }, [dataDnd, dataId]);
     return (React.createElement("div", { ref: pageHeaderRef },
-        React.createElement(AntPageHeader, Object.assign({ title: title, "data-dnd": dataDnd, "data-id": dataId }, rest), children)));
+        React.createElement(AntPageHeader, Object.assign({ title: title, "data-dnd": dataDnd, "data-id": dataId, className: dataId }, rest), children)));
 }
 export const PageHeader = defineComponent(AntPageHeader, {
     name: 'PageHeader',

package/lib/esm/components/pagination.js

@@ -8,7 +8,7 @@ function PaginationDesigner(_a) {
     const paginationRef = useRef(null);
     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);
@@ -18,7 +18,7 @@ function PaginationDesigner(_a) {
         });
     }, [dataDnd, dataId]);
     return (React.createElement("div", { ref: paginationRef },
-        React.createElement(AntPagination, Object.assign({ "data-dnd": dataDnd, "data-id": dataId, style: style }, rest))));
+        React.createElement(AntPagination, Object.assign({ className: dataId, "data-dnd": dataDnd, "data-id": dataId, style: style }, rest))));
 }
 export const Pagination = defineComponent(AntPagination, {
     name: 'Pagination',

package/lib/esm/components/popconfirm.js

@@ -12,7 +12,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);
@@ -23,7 +23,7 @@ function PopconfirmDesigner(_a) {
         }
     };
     return (React.createElement("div", { ref: popconfirmRef },
-        React.createElement(AntPopconfirm, Object.assign({ title: title, onOpenChange: handleVisibleChange }, rest), children)));
+        React.createElement(AntPopconfirm, Object.assign({ className: dataId, title: title, onOpenChange: handleVisibleChange }, rest), children)));
 }
 export const Popconfirm = defineComponent(AntPopconfirm, {
     name: 'Popconfirm',

package/lib/esm/components/popover.js

@@ -12,7 +12,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);
@@ -23,7 +23,7 @@ function PopoverDesigner(_a) {
         }
     };
     return (React.createElement("div", { ref: popoverRef },
-        React.createElement(AntPopover, Object.assign({ title: title, onOpenChange: handleVisibleChange }, rest), children)));
+        React.createElement(AntPopover, Object.assign({ className: dataId, title: title, onOpenChange: handleVisibleChange }, rest), children)));
 }
 export const Popover = defineComponent(AntPopover, {
     name: 'Popover',

package/lib/esm/components/radio.js

@@ -1,13 +1,14 @@
 import { __rest } from "tslib";
 import { defineComponent } from '@music163/tango-boot';
+import { SLOT } from '@music163/tango-helpers';
 import { Radio as AntRadio } from 'antd';
 import React, { useEffect } from 'react';
 function RadioDesigner(_a) {
-    var { children, style } = _a, rest = __rest(_a, ["children", "style"]);
+    var { children, style } = _a, _b = SLOT.dnd, dataDnd = _a[_b], _c = SLOT.id, dataId = _a[_c], rest = __rest(_a, ["children", "style", typeof _b === "symbol" ? _b : _b + "", typeof _c === "symbol" ? _c : _c + ""]);
     // const radioRef = useRef<HTMLDivElement>(null);
     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');
@@ -22,7 +23,7 @@ function RadioDesigner(_a) {
     //     </div>
     //   );
     // }
-    return (React.createElement(AntRadio, Object.assign({}, rest, { style: style }), children));
+    return (React.createElement(AntRadio, Object.assign({}, rest, { style: style, className: dataId }), children));
 }
 export const Radio = defineComponent(AntRadio, {
     name: 'Radio',

package/lib/esm/components/rate.js

@@ -23,7 +23,7 @@ function RateDesigner(_a) {
     // };
     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);
@@ -33,7 +33,7 @@ function RateDesigner(_a) {
         });
     }, [dataDnd, dataId]);
     return (React.createElement("div", { ref: rateRef },
-        React.createElement(AntRate, Object.assign({ "data-dnd": dataDnd, "data-id": dataId }, rest))));
+        React.createElement(AntRate, Object.assign({ className: dataId, "data-dnd": dataDnd, "data-id": dataId }, rest))));
 }
 export const Rate = defineComponent(AntRate, {
     name: 'Rate',

package/lib/esm/components/result.js

@@ -8,7 +8,7 @@ function ResultDesigner(_a) {
     const resultRef = useRef(null);
     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);
@@ -33,7 +33,7 @@ function ResultDesigner(_a) {
     //   }
     // };
     return (React.createElement("div", { ref: resultRef },
-        React.createElement(AntResult, Object.assign({ title: title, "data-dnd": dataDnd, "data-id": dataId, style: style }, rest), children)));
+        React.createElement(AntResult, Object.assign({ className: dataId, title: title, "data-dnd": dataDnd, "data-id": dataId, style: style }, rest), children)));
 }
 export const Result = defineComponent(AntResult, {
     name: 'Result',

package/lib/esm/components/skeleton.js

@@ -23,7 +23,7 @@ function SkeletonDesigner(_a) {
     // };
     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);
@@ -33,7 +33,7 @@ function SkeletonDesigner(_a) {
         });
     }, [dataDnd, dataId]);
     return (React.createElement("div", { ref: skeletonRef },
-        React.createElement(AntSkeleton, Object.assign({ "data-dnd": dataDnd, "data-id": dataId }, rest), children)));
+        React.createElement(AntSkeleton, Object.assign({ className: dataId, "data-dnd": dataDnd, "data-id": dataId }, rest), children)));
 }
 export const Skeleton = defineComponent(AntSkeleton, {
     name: 'Skeleton',

package/lib/esm/components/slider.js

@@ -23,7 +23,7 @@ function SliderDesigner(_a) {
     // };
     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);
@@ -33,7 +33,7 @@ function SliderDesigner(_a) {
         });
     }, [dataDnd, dataId]);
     return (React.createElement("div", { ref: rateRef },
-        React.createElement(AntSlider, Object.assign({ "data-dnd": dataDnd, "data-id": dataId }, rest))));
+        React.createElement(AntSlider, Object.assign({ className: dataId, "data-dnd": dataDnd, "data-id": dataId }, rest))));
 }
 export const Slider = defineComponent(AntSlider, {
     name: 'Slider',

package/lib/esm/components/spin.js

@@ -8,7 +8,7 @@ function SpinDesigner(_a) {
     const spinRef = useRef(null);
     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);
@@ -18,7 +18,7 @@ function SpinDesigner(_a) {
         });
     }, [dataDnd, dataId]);
     return (React.createElement("div", { ref: spinRef },
-        React.createElement(AntSpin, Object.assign({ spinning: spinning, "data-dnd": dataDnd, "data-id": dataId, style: style }, rest), children)));
+        React.createElement(AntSpin, Object.assign({ className: dataId, spinning: spinning, "data-dnd": dataDnd, "data-id": dataId, style: style }, rest), children)));
 }
 export const Spin = defineComponent(AntSpin, {
     name: 'Spin',

package/lib/esm/components/statistic.js

@@ -23,7 +23,7 @@ function StatisticDesigner(_a) {
     // };
     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);
@@ -34,7 +34,7 @@ function StatisticDesigner(_a) {
     }, [dataDnd, dataId]);
     return (
     //   <div ref={statisticRef}>
-    React.createElement(AntStatistic, Object.assign({ "data-dnd": dataDnd, "data-id": dataId }, rest))
+    React.createElement(AntStatistic, Object.assign({ className: dataId, "data-dnd": dataDnd, "data-id": dataId }, rest))
     // </div>
     );
 }

package/lib/esm/components/switch.js

@@ -8,7 +8,7 @@ function SwitchDesigner(_a) {
     const switchRef = useRef(null);
     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);