@cuvp1225/antd 0.2.74 → 0.2.76

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

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

package/lib/cjs/components/empty.js

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Empty = 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 EmptyDesigner(_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 emptyRef = (0, react_1.useRef)(null);
+    (0, react_1.useEffect)(() => {
+        Promise.resolve().then(() => {
+            const popoverNode = document.querySelector(`.${dataId}`);
+            // 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: emptyRef },
+        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',
+    designerConfig: {
+        render({ designerProps, originalProps }) {
+            // console.log("Empty:  designerProps:", designerProps, "originalProps:", originalProps);
+            return react_1.default.createElement(EmptyDesigner, Object.assign({}, designerProps, originalProps));
+        }
+    }
+});

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

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

package/lib/cjs/components/image.js

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Image = 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 ImageDesigner(_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 imageRef = (0, react_1.useRef)(null);
+    console.log("wxy-image-rest: ", Object.assign({}, rest));
+    (0, react_1.useEffect)(() => {
+        Promise.resolve().then(() => {
+            const popoverNode = document.querySelector(`.${dataId}`);
+            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: imageRef },
+        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',
+    designerConfig: {
+        render({ designerProps, originalProps }) {
+            // console.log("Image:  designerProps:", designerProps, "originalProps:", originalProps);
+            return react_1.default.createElement(ImageDesigner, Object.assign({}, designerProps, originalProps));
+        }
+    }
+});

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

@@ -15,6 +15,9 @@ export { Typography, Title, Paragraph, Text } from './typography';
 export { Columns, Column } from './columns';
 export { Row1 } from './row';
 export { Popconfirm } from './popconfirm';
+export { Popover } from './popover';
+export { Tooltip } from './tooltip';
+export { Result } from './result';
 export { Drawer } from "./drawer";
 export { DatePicker } from "./date-picker";
 export { Radio, RadioGroup } from "./radio";
@@ -27,3 +30,34 @@ export { Timeline, TimelineItem } from './timeline';
 export { Collapse, CollapsePanel } from './collapse';
 export { List, ListItem } from './list';
 export { Dropdown, DropdownButton } from './dropdown';
+export { Upload } from "./upload";
+export { Skeleton } from "./skeleton";
+export { Spin } from './spin';
+export { Anchor } from './anchor';
+export { Calendar } from './calendar';
+export { Carousel } from './carousel';
+export { Divider } from './divider';
+export { Badge } from './badge';
+export { Pagination } from './pagination';
+export { Table } from './table';
+export { Card } from './card';
+export { Tag } from './tag';
+export { Avatar } from './avatar';
+export { Empty } from './empty';
+export { Slider } from './slider';
+export { Rate } from './rate';
+export { Comment } from './comment';
+export { TimePicker } from './time-picker';
+export { Transfer } from './transfer';
+export { Statistic } from './statistic';
+export { PageHeader } from './pageheader';
+export { Switch } from './switch';
+export { AutoComplete } from './auto-complete';
+export { Mentions } from './mentions';
+export { TreeSelect } from './tree-select';
+export { Image } from './image';
+export { Tabs } from './tabs';
+export { Descriptions } from './descriptions';
+export { Tree } from './tree';
+export { Alert } from "./alert";
+export { Progress } from './progress';

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.Progress = exports.Alert = exports.Tree = exports.Descriptions = exports.Tabs = 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,66 @@ 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; } });
+var tabs_1 = require("./tabs");
+Object.defineProperty(exports, "Tabs", { enumerable: true, get: function () { return tabs_1.Tabs; } });
+var descriptions_1 = require("./descriptions");
+Object.defineProperty(exports, "Descriptions", { enumerable: true, get: function () { return descriptions_1.Descriptions; } });
+var tree_1 = require("./tree");
+Object.defineProperty(exports, "Tree", { enumerable: true, get: function () { return tree_1.Tree; } });
+var alert_1 = require("./alert");
+Object.defineProperty(exports, "Alert", { enumerable: true, get: function () { return alert_1.Alert; } });
+var progress_1 = require("./progress");
+Object.defineProperty(exports, "Progress", { enumerable: true, get: function () { return progress_1.Progress; } });
+//export {Affix} from './affix';

package/lib/cjs/components/input-number.js

@@ -8,33 +8,36 @@ const react_1 = tslib_1.__importDefault(require("react"));
 function InputNumberDesigner(_a) {
     var { style, value } = _a, rest = tslib_1.__rest(_a, ["style", "value"]);
     console.log("AntInputNumber:", value, rest);
-    return (react_1.default.createElement(antd_1.InputNumber, Object.assign({}, rest, { style: style })));
+    if (value === undefined || value === null) {
+        return (react_1.default.createElement(antd_1.InputNumber, Object.assign({}, rest, { style: style })));
+    }
+    else {
+        return (react_1.default.createElement(antd_1.InputNumber, Object.assign({}, rest, { style: style, value: value })));
+    }
 }
 exports.InputNumber = (0, tango_boot_1.defineComponent)(antd_1.InputNumber, {
     name: 'InputNumber',
-    //   designerConfig: {
-    //     render({ designerProps, originalProps, }) {
-    //         return <InputNumberDesigner   {...designerProps} {...originalProps} />;
-    //       },
-    // },
-    registerState: {
-        getInitStates({ setPageState }, props) {
-            var _a;
-            return {
-                value: (_a = props.defaultValue) !== null && _a !== void 0 ? _a : props.value,
-                setValue(value) {
-                    setPageState({ value });
-                },
-            };
-        },
-        getTriggerProps({ setPageState, getPageState }) {
-            var _a;
-            return {
-                value: (_a = getPageState()) === null || _a === void 0 ? void 0 : _a.value,
-                onChange(value) {
-                    setPageState({ value });
-                },
-            };
+    designerConfig: {
+        render({ designerProps, originalProps, }) {
+            return react_1.default.createElement(InputNumberDesigner, Object.assign({}, designerProps, originalProps));
         },
     },
+    // registerState: {
+    //   getInitStates({ setPageState }, props) {
+    //     return {
+    //       value: props.defaultValue ?? props.value,
+    //       setValue(value: number) {
+    //         setPageState({ value });
+    //       },
+    //     };
+    //   },
+    //   getTriggerProps({ setPageState, getPageState }): InputNumberProps {
+    //     return {
+    //       value: getPageState()?.value,
+    //       onChange(value) {
+    //         setPageState({ value });
+    //       },
+    //     };
+    //   },
+    // },
 });

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(`.${dataId}`);
+            // 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({ className: dataId, "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(`.${dataId}`);
+            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, className: 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(`.${dataId}`);
+            // 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({ className: dataId, "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];
+    //console.log('zcq-PlaceholderView01', rest);
+    //去除rest里的dnd-id属性，解决row等容器组件能否直接选中问题(方案废弃，会导致占位符无法被替换)
+    // const newRest = Object.keys(rest)
+    // .filter(key => key !== "data-dnd")
+    // .reduce((acc, key) => {
+    //     acc[key as keyof typeof rest] = rest[key as keyof typeof rest];
+    //     return acc;
+    // }, {} as { [key: string]: any });
+    // console.log('zcq-PlaceholderView02', newRest);
     return (react_1.default.createElement(foundation_1.Box, Object.assign({ className: "tango-placeholder", height: height, css: placeholderStyle }, rest), placeholder));
 }
 exports.Placeholder = (0, tango_boot_1.defineComponent)(PlaceholderView);

package/lib/cjs/components/popconfirm.js

@@ -8,34 +8,25 @@ 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(`#${dataId}`);
+                console.log('popoverNode', popoverNode);
+                if (popoverNode) {
+                    popoverNode.setAttribute('data-dnd', dataDnd);
+                    popoverNode.setAttribute('data-id', dataId);
+                    popoverNode.setAttribute('draggable', 'true');
                 }
             });
-        });
-    }));
-    (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({ id: dataId, 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.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,41 @@
+"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(`#${dataId}`);
+                console.log('popoverNode', popoverNode);
+                if (popoverNode) {
+                    popoverNode.setAttribute('data-dnd', dataDnd);
+                    popoverNode.setAttribute('data-id', dataId);
+                    popoverNode.setAttribute('draggable', 'true');
+                }
+            });
+        }
+    };
+    return (react_1.default.createElement("div", { ref: popoverRef },
+        react_1.default.createElement(antd_1.Popover, Object.assign({ id: dataId, 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/progress.d.ts

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

package/lib/cjs/components/progress.js

@@ -0,0 +1,38 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Progress = 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 ProgressDesigner(_a
+// ProgressProps & { [key: string]: any; dnd?: string; children?: React.ReactNode }
+) {
+    var { children } = _a
+    // ProgressProps & { [key: string]: any; dnd?: string; children?: React.ReactNode }
+    , _b = tango_helpers_1.SLOT.dnd, dataDnd = _a[_b], _c = tango_helpers_1.SLOT.id, dataId = _a[_c], { style } = _a
+    // ProgressProps & { [key: string]: any; dnd?: string; children?: React.ReactNode }
+    , 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(`#${dataId}`);
+            // console.log('spinNode', popoverNode);
+            if (popoverNode) {
+                popoverNode.setAttribute('data-dnd', dataDnd);
+                popoverNode.setAttribute('data-id', dataId);
+                popoverNode.setAttribute('draggable', 'true');
+            }
+        });
+    }, [dataDnd, dataId]);
+    return (react_1.default.createElement(antd_1.Progress, Object.assign({ id: dataId, "data-dnd": dataDnd, "data-id": dataId, style: style }, rest), children));
+}
+exports.Progress = (0, tango_boot_1.defineComponent)(antd_1.Progress, {
+    name: 'Progress',
+    designerConfig: {
+        render({ designerProps, originalProps }) {
+            // console.log("Progress:  designerProps:", designerProps, "originalProps:", originalProps);
+            return react_1.default.createElement(ProgressDesigner, Object.assign({}, designerProps, originalProps));
+        }
+    }
+});

package/lib/cjs/components/radio.js

@@ -3,22 +3,39 @@ 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.__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, _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(`.${dataId}`);
+            console.log('popoverNode', popoverNode);
+            if (popoverNode) {
+                popoverNode.setAttribute('data-dnd', dataDnd);
+                popoverNode.setAttribute('data-id', dataId);
+                popoverNode.setAttribute('draggable', 'true');
+            }
+        });
+    }, [dataDnd, dataId]);
+    // 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, className: dataId, "data-dnd": dataDnd, "data-id": dataId }), 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));
         },
     },
 });