@cuvp1225/antd 0.2.74 → 0.2.75

package/lib/cjs/components/index.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-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.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.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.Image = exports.TreeSelect = exports.Mentions = exports.AutoComplete = exports.Switch = exports.PageHeader = exports.Statistic = 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';
@@ -41,6 +42,12 @@ var row_1 = require("./row");
 Object.defineProperty(exports, "Row1", { enumerable: true, get: function () { return row_1.Row1; } });
 var popconfirm_1 = require("./popconfirm");
 Object.defineProperty(exports, "Popconfirm", { enumerable: true, get: function () { return popconfirm_1.Popconfirm; } });
+var popover_1 = require("./popover");
+Object.defineProperty(exports, "Popover", { enumerable: true, get: function () { return popover_1.Popover; } });
+var tooltip_1 = require("./tooltip");
+Object.defineProperty(exports, "Tooltip", { enumerable: true, get: function () { return tooltip_1.Tooltip; } });
+var result_1 = require("./result");
+Object.defineProperty(exports, "Result", { enumerable: true, get: function () { return result_1.Result; } });
 var drawer_1 = require("./drawer");
 Object.defineProperty(exports, "Drawer", { enumerable: true, get: function () { return drawer_1.Drawer; } });
 var date_picker_1 = require("./date-picker");
@@ -80,3 +87,55 @@ Object.defineProperty(exports, "ListItem", { enumerable: true, get: function ()
 var dropdown_1 = require("./dropdown");
 Object.defineProperty(exports, "Dropdown", { enumerable: true, get: function () { return dropdown_1.Dropdown; } });
 Object.defineProperty(exports, "DropdownButton", { enumerable: true, get: function () { return dropdown_1.DropdownButton; } });
+var upload_1 = require("./upload");
+Object.defineProperty(exports, "Upload", { enumerable: true, get: function () { return upload_1.Upload; } });
+var skeleton_1 = require("./skeleton");
+Object.defineProperty(exports, "Skeleton", { enumerable: true, get: function () { return skeleton_1.Skeleton; } });
+var spin_1 = require("./spin");
+Object.defineProperty(exports, "Spin", { enumerable: true, get: function () { return spin_1.Spin; } });
+var anchor_1 = require("./anchor");
+Object.defineProperty(exports, "Anchor", { enumerable: true, get: function () { return anchor_1.Anchor; } });
+var calendar_1 = require("./calendar");
+Object.defineProperty(exports, "Calendar", { enumerable: true, get: function () { return calendar_1.Calendar; } });
+var carousel_1 = require("./carousel");
+Object.defineProperty(exports, "Carousel", { enumerable: true, get: function () { return carousel_1.Carousel; } });
+var divider_1 = require("./divider");
+Object.defineProperty(exports, "Divider", { enumerable: true, get: function () { return divider_1.Divider; } });
+var badge_1 = require("./badge");
+Object.defineProperty(exports, "Badge", { enumerable: true, get: function () { return badge_1.Badge; } });
+var pagination_1 = require("./pagination");
+Object.defineProperty(exports, "Pagination", { enumerable: true, get: function () { return pagination_1.Pagination; } });
+var table_1 = require("./table");
+Object.defineProperty(exports, "Table", { enumerable: true, get: function () { return table_1.Table; } });
+var card_1 = require("./card");
+Object.defineProperty(exports, "Card", { enumerable: true, get: function () { return card_1.Card; } });
+var tag_1 = require("./tag");
+Object.defineProperty(exports, "Tag", { enumerable: true, get: function () { return tag_1.Tag; } });
+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; } });
+var statistic_1 = require("./statistic");
+Object.defineProperty(exports, "Statistic", { enumerable: true, get: function () { return statistic_1.Statistic; } });
+var pageheader_1 = require("./pageheader");
+Object.defineProperty(exports, "PageHeader", { enumerable: true, get: function () { return pageheader_1.PageHeader; } });
+var switch_1 = require("./switch");
+Object.defineProperty(exports, "Switch", { enumerable: true, get: function () { return switch_1.Switch; } });
+var auto_complete_1 = require("./auto-complete");
+Object.defineProperty(exports, "AutoComplete", { enumerable: true, get: function () { return auto_complete_1.AutoComplete; } });
+var mentions_1 = require("./mentions");
+Object.defineProperty(exports, "Mentions", { enumerable: true, get: function () { return mentions_1.Mentions; } });
+var tree_select_1 = require("./tree-select");
+Object.defineProperty(exports, "TreeSelect", { enumerable: true, get: function () { return tree_select_1.TreeSelect; } });
+var image_1 = require("./image");
+Object.defineProperty(exports, "Image", { enumerable: true, get: function () { return image_1.Image; } });

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

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

package/lib/cjs/components/mentions.js

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

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

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

package/lib/cjs/components/pageheader.js

@@ -0,0 +1,51 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PageHeader = 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 PageHeaderDesigner(_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 pageHeaderRef = (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-page-header');
+            console.log('pageHeader', 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)));
+}
+exports.PageHeader = (0, tango_boot_1.defineComponent)(antd_1.PageHeader, {
+    name: 'PageHeader',
+    designerConfig: {
+        render({ designerProps, originalProps }) {
+            console.log("PageHeader:  designerProps:", designerProps, "originalProps:", originalProps);
+            return react_1.default.createElement(PageHeaderDesigner, Object.assign({ title: "\u4E00\u7EA7\u6807\u9898" }, designerProps, originalProps));
+        },
+    },
+    // designerConfig: {
+    // },
+});

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

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

package/lib/cjs/components/pagination.js

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Pagination = 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 PaginationDesigner(_a) {
+    var _b = tango_helpers_1.SLOT.dnd, dataDnd = _a[_b], _c = tango_helpers_1.SLOT.id, dataId = _a[_c], { style } = _a, rest = tslib_1.__rest(_a, [typeof _b === "symbol" ? _b : _b + "", typeof _c === "symbol" ? _c : _c + "", "style"]);
+    const paginationRef = (0, react_1.useRef)(null);
+    (0, react_1.useEffect)(() => {
+        Promise.resolve().then(() => {
+            const popoverNode = document.querySelector('.ant-pagination');
+            // 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: 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, {
+    name: 'Pagination',
+    designerConfig: {
+        render({ designerProps, originalProps }) {
+            // console.log("Pagination:  designerProps:", designerProps, "originalProps:", originalProps);
+            return react_1.default.createElement(PaginationDesigner, Object.assign({}, designerProps, originalProps));
+        }
+    }
+});

package/lib/cjs/components/placeholder.js

@@ -34,6 +34,15 @@ function PlaceholderView(_a) {
     //placeholder = '点击或拖拽组件/区块到这里',
     placeholder = '点击或拖拽组件/区块到这里' } = _a, rest = tslib_1.__rest(_a, ["size", "placeholder"]);
     const height = sizeMap[size];
-    return (react_1.default.createElement(foundation_1.Box, Object.assign({ className: "tango-placeholder", height: height, css: placeholderStyle }, rest), placeholder));
+    console.log('zcq-PlaceholderView01', rest);
+    //去除rest里的dnd-id属性，解决row等容器组件能否直接选中问题
+    const newRest = Object.keys(rest)
+        .filter(key => key !== "data-dnd")
+        .reduce((acc, key) => {
+        acc[key] = rest[key];
+        return acc;
+    }, {});
+    console.log('zcq-PlaceholderView02', newRest);
+    return (react_1.default.createElement(foundation_1.Box, Object.assign({ className: "tango-placeholder", height: height, css: placeholderStyle }, newRest), placeholder));
 }
 exports.Placeholder = (0, tango_boot_1.defineComponent)(PlaceholderView);

package/lib/cjs/components/popconfirm.js

@@ -8,34 +8,24 @@ const react_1 = tslib_1.__importStar(require("react"));
 const tango_helpers_1 = require("@music163/tango-helpers");
 function PopconfirmDesigner(_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"]);
-    (0, react_1.useEffect)(() => {
-        console.log('PopconfirmDesigner', dataDnd, dataId, rest);
-    }, []);
-    // 添加弹出层容器的自定义属性
-    const observer = (0, react_1.useRef)(new MutationObserver((mutations) => {
-        function isElement(node) {
-            return node.nodeType === Node.ELEMENT_NODE;
-        }
-        mutations.forEach((mutation) => {
-            Array.from(mutation.addedNodes).forEach((node) => {
-                if (isElement(node)) {
-                    if (node.nodeType === 1 && node.classList.contains('ant-popover')) {
-                        console.log('找到了 Popconfirm 的弹出层容器', node);
-                        node.setAttribute('data-dnd', dataDnd);
-                        observer.current.disconnect(); // 一旦找到并修改，就停止观察
-                    }
+    const popconfirmRef = (0, react_1.useRef)(null);
+    // 监听弹层显示事件
+    const handleVisibleChange = (visible) => {
+        console.log('handleVisibleChange', visible);
+        if (visible) {
+            // 使用微任务确保弹层已渲染
+            Promise.resolve().then(() => {
+                const popoverNode = document.querySelector('.ant-popconfirm');
+                console.log('popoverNode', popoverNode);
+                if (popoverNode) {
+                    popoverNode.setAttribute('data-dnd', dataDnd);
+                    popoverNode.setAttribute('data-id', dataId);
                 }
             });
-        });
-    }));
-    (0, react_1.useEffect)(() => {
-        const container = document.body; // 或者更具体的容器，如果你知道 Popconfirm 将会在哪里渲染
-        observer.current.observe(container, { childList: true, subtree: true });
-        return () => {
-            observer.current.disconnect(); // 组件卸载时停止观察
-        };
-    }, []);
-    return (react_1.default.createElement(antd_1.Popconfirm, Object.assign({ title: title }, rest, { style: style }), children));
+        }
+    };
+    return (react_1.default.createElement("div", { ref: popconfirmRef },
+        react_1.default.createElement(antd_1.Popconfirm, Object.assign({ title: title, onOpenChange: handleVisibleChange }, rest), children)));
 }
 exports.Popconfirm = (0, tango_boot_1.defineComponent)(antd_1.Popconfirm, {
     name: 'Popconfirm',

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

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

package/lib/cjs/components/popover.js

@@ -0,0 +1,40 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Popover = 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 PopoverDesigner(_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 popoverRef = (0, react_1.useRef)(null);
+    // 监听弹层显示事件
+    const handleVisibleChange = (visible) => {
+        console.log('handleVisibleChange', visible);
+        if (visible) {
+            // 使用微任务确保弹层已渲染
+            Promise.resolve().then(() => {
+                const popoverNode = document.querySelector('.ant-popover');
+                console.log('popoverNode', popoverNode);
+                if (popoverNode) {
+                    popoverNode.setAttribute('data-dnd', dataDnd);
+                    popoverNode.setAttribute('data-id', dataId);
+                }
+            });
+        }
+    };
+    return (react_1.default.createElement("div", { ref: popoverRef },
+        react_1.default.createElement(antd_1.Popover, Object.assign({ title: title, onOpenChange: handleVisibleChange }, rest), children)));
+}
+exports.Popover = (0, tango_boot_1.defineComponent)(antd_1.Popover, {
+    name: 'Popover',
+    designerConfig: {
+        render({ designerProps, originalProps }) {
+            console.log("Popover:  designerProps:", designerProps, "originalProps:", originalProps);
+            return react_1.default.createElement(PopoverDesigner, Object.assign({ title: "Are you sure?" }, designerProps, originalProps));
+        },
+    },
+    // designerConfig: {
+    // },
+});

package/lib/cjs/components/radio.js

@@ -4,21 +4,35 @@ 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"]);
-    const { optionType } = rest;
-    if (optionType === 'button') {
-        return react_1.default.createElement(antd_1.Radio.Button, Object.assign({}, rest, { style: style }), rest.label);
-    }
-    return (react_1.default.createElement(antd_1.Radio, Object.assign({}, rest, { style: style }), rest.label));
+    var { children, style } = _a, rest = tslib_1.__rest(_a, ["children", "style"]);
+    // const radioRef = useRef<HTMLDivElement>(null);
+    (0, react_1.useEffect)(() => {
+        Promise.resolve().then(() => {
+            const popoverNode = document.querySelector('.ant-radio');
+            console.log('popoverNode', popoverNode);
+            if (popoverNode) {
+                popoverNode.setAttribute('draggable', 'true');
+            }
+        });
+    }, []);
+    // const { optionType } = rest;
+    // if (optionType === 'button') {
+    //   return (
+    //     <div ref={radioRef} className='.ant-radio'>
+    //       <AntRadio.Button {...rest} style={style} >{rest.label}</AntRadio.Button>
+    //     </div>
+    //   );
+    // }
+    return (react_1.default.createElement(antd_1.Radio, Object.assign({}, rest, { style: style }), children));
 }
 exports.Radio = (0, tango_boot_1.defineComponent)(antd_1.Radio, {
     name: 'Radio',
     designerConfig: {
         render({ designerProps, originalProps, }) {
             console.log("designerProps:", designerProps, "originalProps:", originalProps);
-            return react_1.default.createElement(RadioDesigner, Object.assign({ label: '单项1', optionType: '' }, designerProps, originalProps));
+            return react_1.default.createElement(RadioDesigner, Object.assign({}, designerProps, originalProps));
         },
     },
 });

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.d.ts

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

package/lib/cjs/components/result.js

@@ -0,0 +1,51 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Result = 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 ResultDesigner(_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 resultRef = (0, react_1.useRef)(null);
+    (0, react_1.useEffect)(() => {
+        Promise.resolve().then(() => {
+            const popoverNode = document.querySelector('.ant-result');
+            console.log('popoverNode', popoverNode);
+            if (popoverNode) {
+                popoverNode.setAttribute('data-dnd', dataDnd);
+                popoverNode.setAttribute('data-id', dataId);
+                popoverNode.setAttribute('draggable', 'true');
+            }
+        });
+    }, [dataDnd, dataId]);
+    // 监听弹层显示事件
+    // const handleVisibleChange = (visible: boolean) => {
+    //   console.log('handleVisibleChange', visible);
+    //   if (visible) {
+    //     // 使用微任务确保弹层已渲染
+    //     Promise.resolve().then(() => {
+    //       const popoverNode = document.querySelector('.ant-popover-placement-top');
+    //       console.log('popoverNode' ,popoverNode)
+    //       if (popoverNode) {
+    //         popoverNode.setAttribute('data-dnd', dataDnd);
+    //         popoverNode.setAttribute('data-id', dataId);
+    //       }
+    //     });
+    //   }
+    // };
+    return (react_1.default.createElement("div", { ref: 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, {
+    name: 'Result',
+    designerConfig: {
+        render({ designerProps, originalProps }) {
+            console.log("Result:  designerProps:", designerProps, "originalProps:", originalProps);
+            return react_1.default.createElement(ResultDesigner, Object.assign({ title: "Are you sure?" }, designerProps, originalProps));
+        },
+    },
+    // designerConfig: {
+    // },
+});

package/lib/cjs/components/row.js

@@ -5,7 +5,6 @@ const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
 const coral_system_1 = require("coral-system");
 const tango_boot_1 = require("@music163/tango-boot");
-const placeholder_1 = require("./placeholder");
 //import { ShadowContainer } from './shadow-container';
 // const BaseRowWrapper = coral(
 //   'div',
@@ -28,11 +27,19 @@ const rowStyle = {
 //   children?: React.ReactNode;
 // }
 function RowDesigner(_a) {
+    // useEffect(() => {
+    //   Promise.resolve().then(() => {
+    //     const popoverNode = document.querySelector('.ant-raw');
+    //     // console.log('spinNode', popoverNode);
+    //     if (popoverNode) {
+    //       popoverNode.setAttribute('draggable', 'true');
     var { gutter, align, justify, prefixCls, wrap, style, children } = _a, rest = tslib_1.__rest(_a, ["gutter", "align", "justify", "prefixCls", "wrap", "style", "children"]);
-    //console.log("zcq栅格行的入参",dataDnd,dataId);
-    const mergedStyle = react_1.default.useMemo(() => (Object.assign(Object.assign({}, rowStyle), style)), [style]);
-    return (react_1.default.createElement("div", Object.assign({ style: Object.assign({}, mergedStyle) }, rest),
-        react_1.default.createElement("div", null, children || react_1.default.createElement(placeholder_1.Placeholder, null))));
+    //     }
+    //   });
+    // }, []);
+    console.log("zcq栅格行的入参", gutter, align, justify, prefixCls, wrap, style, children);
+    return (react_1.default.createElement("div", { style: Object.assign(Object.assign({}, rowStyle), style) },
+        react_1.default.createElement("div", null, children || react_1.default.createElement("div", null, "\u62D6\u5165\u7EC4\u4EF6"))));
 }
 const Div = (0, coral_system_1.coral)('div', undefined, {
     prefix: '--music',

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

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

package/lib/cjs/components/skeleton.js

@@ -0,0 +1,51 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Skeleton = 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 SkeletonDesigner(_a) {
+    var { children } = _a, _b = tango_helpers_1.SLOT.dnd, dataDnd = _a[_b], _c = tango_helpers_1.SLOT.id, dataId = _a[_c], { style } = _a, rest = tslib_1.__rest(_a, ["children", typeof _b === "symbol" ? _b : _b + "", typeof _c === "symbol" ? _c : _c + "", "style"]);
+    const skeletonRef = (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-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)));
+}
+exports.Skeleton = (0, tango_boot_1.defineComponent)(antd_1.Skeleton, {
+    name: 'Skeleton',
+    designerConfig: {
+        render({ designerProps, originalProps }) {
+            console.log("Skeleton:  designerProps:", designerProps, "originalProps:", originalProps);
+            return react_1.default.createElement(SkeletonDesigner, Object.assign({}, designerProps, originalProps));
+        },
+    },
+    // designerConfig: {
+    // },
+});

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>>;