@cuvp1225/antd 0.3.50 → 0.3.52

package/lib/cjs/components/card.js

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Card = 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 CardDesigner(_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 cardRef = (0, react_1.useRef)(null);
+    (0, react_1.useEffect)(() => {
+        Promise.resolve().then(() => {
+            const popoverNode = document.querySelector('.ant-card');
+            // 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: cardRef, draggable: 'true' },
+        react_1.default.createElement(antd_1.Card, Object.assign({ "data-dnd": dataDnd, "data-id": dataId, style: style }, rest), children)));
+}
+exports.Card = (0, tango_boot_1.defineComponent)(antd_1.Card, {
+    name: 'Card',
+    designerConfig: {
+        render({ designerProps, originalProps }) {
+            // console.log("Card:  designerProps:", designerProps, "originalProps:", originalProps);
+            return react_1.default.createElement(CardDesigner, Object.assign({}, designerProps, originalProps));
+        }
+    }
+});

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

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

package/lib/cjs/components/carousel.js

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

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('.ant-empty');
+            // 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, draggable: 'true' },
+        react_1.default.createElement(antd_1.Empty, Object.assign({ "data-dnd": dataDnd, "data-id": dataId, style: style }, rest), children)));
+}
+exports.Empty = (0, tango_boot_1.defineComponent)(antd_1.Empty, {
+    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/index.d.ts

@@ -33,5 +33,14 @@ 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';

package/lib/cjs/components/index.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Spin = exports.Skeleton = exports.Upload = exports.DropdownButton = exports.Dropdown = exports.ListItem = exports.List = exports.CollapsePanel = exports.Collapse = exports.TimelineItem = exports.Timeline = exports.Menu = exports.MenuItem = exports.BreadcrumbItem = exports.Breadcrumb = exports.FormFooter = exports.FormItem = exports.Fieldset = exports.Form = exports.Cascader = exports.CheckboxGroup = exports.Checkbox = exports.RadioGroup = exports.Radio = exports.DatePicker = exports.Drawer = exports.Result = exports.Tooltip = exports.Popover = exports.Popconfirm = exports.Row1 = exports.Column = exports.Columns = exports.Text = exports.Paragraph = exports.Title = exports.Typography = exports.Space = exports.Select = exports.Modalnew = exports.Password = exports.TextArea = exports.Input = exports.InputNumber = exports.ButtonGroup = exports.Button = exports.Box = exports.When = exports.Link = exports.Each = void 0;
-exports.Badge = exports.Divider = void 0;
+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';
@@ -93,7 +93,25 @@ 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; } });

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, draggable: 'true' },
+        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/table.d.ts

@@ -0,0 +1,7 @@
+import { TableProps } from 'antd';
+import React from 'react';
+export declare const Table: React.ForwardRefExoticComponent<Omit<TableProps<object> & {
+    children?: React.ReactNode;
+} & {
+    ref?: React.Ref<HTMLDivElement> | undefined;
+} & import("@music163/tango-boot").TangoComponentProps, "ref"> & React.RefAttributes<unknown>>;

package/lib/cjs/components/table.js

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

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

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

package/lib/cjs/components/tag.js

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Tag = 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 TagDesigner(_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 tagRef = (0, react_1.useRef)(null);
+    (0, react_1.useEffect)(() => {
+        Promise.resolve().then(() => {
+            const popoverNode = document.querySelector('.ant-tag');
+            // 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: tagRef, draggable: 'true' },
+        react_1.default.createElement(antd_1.Tag, Object.assign({ "data-dnd": dataDnd, "data-id": dataId, style: style }, rest), children)));
+}
+exports.Tag = (0, tango_boot_1.defineComponent)(antd_1.Tag, {
+    name: 'Tag',
+    designerConfig: {
+        render({ designerProps, originalProps }) {
+            // console.log("Tag:  designerProps:", designerProps, "originalProps:", originalProps);
+            return react_1.default.createElement(TagDesigner, Object.assign({}, designerProps, originalProps));
+        }
+    }
+});

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

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

package/lib/esm/components/anchor.js

@@ -0,0 +1,31 @@
+import { __rest } from "tslib";
+import { Anchor as AntAnchor } from 'antd';
+import { defineComponent } from '@music163/tango-boot';
+import React, { useEffect, useRef } from 'react';
+import { SLOT } from '@music163/tango-helpers';
+function AnchorDesigner(_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"]);
+    const anchorRef = useRef(null);
+    useEffect(() => {
+        Promise.resolve().then(() => {
+            const popoverNode = document.querySelector('.ant-spin');
+            console.log('spinNode', popoverNode);
+            if (popoverNode) {
+                popoverNode.setAttribute('data-dnd', dataDnd);
+                popoverNode.setAttribute('data-id', dataId);
+                popoverNode.setAttribute('draggable', 'true');
+            }
+        });
+    }, [dataDnd, dataId]);
+    return (React.createElement("div", { ref: anchorRef, draggable: 'true' },
+        React.createElement(AntAnchor, Object.assign({ "data-dnd": dataDnd, "data-id": dataId, style: style }, rest), children)));
+}
+export const Anchor = defineComponent(AntAnchor, {
+    name: 'Anchor',
+    designerConfig: {
+        render({ designerProps, originalProps }) {
+            console.log("Anchor:  designerProps:", designerProps, "originalProps:", originalProps);
+            return React.createElement(AnchorDesigner, Object.assign({}, designerProps, originalProps));
+        },
+    },
+});

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

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

package/lib/esm/components/avatar.js

@@ -0,0 +1,31 @@
+import { __rest } from "tslib";
+import { Avatar as AntAvatar } from 'antd';
+import { defineComponent } from '@music163/tango-boot';
+import React, { useEffect, useRef } from 'react';
+import { SLOT } from '@music163/tango-helpers';
+function AvatarDesigner(_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"]);
+    const avatarRef = useRef(null);
+    useEffect(() => {
+        Promise.resolve().then(() => {
+            const popoverNode = document.querySelector('.ant-avatar');
+            // console.log('spinNode', popoverNode);
+            if (popoverNode) {
+                popoverNode.setAttribute('data-dnd', dataDnd);
+                popoverNode.setAttribute('data-id', dataId);
+                popoverNode.setAttribute('draggable', 'true');
+            }
+        });
+    }, [dataDnd, dataId]);
+    return (React.createElement("div", { ref: avatarRef, draggable: 'true' },
+        React.createElement(AntAvatar, Object.assign({ "data-dnd": dataDnd, "data-id": dataId, style: style }, rest), children)));
+}
+export const Avatar = defineComponent(AntAvatar, {
+    name: 'Avatar',
+    designerConfig: {
+        render({ designerProps, originalProps }) {
+            // console.log("Avatar:  designerProps:", designerProps, "originalProps:", originalProps);
+            return React.createElement(AvatarDesigner, Object.assign({}, designerProps, originalProps));
+        }
+    }
+});

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

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

package/lib/esm/components/calendar.js

@@ -0,0 +1,31 @@
+import { __rest } from "tslib";
+import { Calendar as AntCalendar } from 'antd';
+import { defineComponent } from '@music163/tango-boot';
+import React, { useEffect, useRef } from 'react';
+import { SLOT } from '@music163/tango-helpers';
+function CalendarDesigner(_a) {
+    var _b = SLOT.dnd, dataDnd = _a[_b], _c = SLOT.id, dataId = _a[_c], { style } = _a, rest = __rest(_a, [typeof _b === "symbol" ? _b : _b + "", typeof _c === "symbol" ? _c : _c + "", "style"]);
+    const calendarRef = useRef(null);
+    useEffect(() => {
+        Promise.resolve().then(() => {
+            const popoverNode = document.querySelector('.ant-spin');
+            console.log('spinNode', popoverNode);
+            if (popoverNode) {
+                popoverNode.setAttribute('data-dnd', dataDnd);
+                popoverNode.setAttribute('data-id', dataId);
+                popoverNode.setAttribute('draggable', 'true');
+            }
+        });
+    }, [dataDnd, dataId]);
+    return (React.createElement("div", { ref: calendarRef, draggable: 'true' },
+        React.createElement(AntCalendar, Object.assign({ "data-dnd": dataDnd, "data-id": dataId, style: style }, rest))));
+}
+export const Calendar = defineComponent(AntCalendar, {
+    name: 'Calendar',
+    designerConfig: {
+        render({ designerProps, originalProps }) {
+            console.log("Calendar:  designerProps:", designerProps, "originalProps:", originalProps);
+            return React.createElement(CalendarDesigner, Object.assign({}, designerProps, originalProps));
+        },
+    },
+});

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

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

package/lib/esm/components/card.js

@@ -0,0 +1,31 @@
+import { __rest } from "tslib";
+import { Card as AntCard } from 'antd';
+import { defineComponent } from '@music163/tango-boot';
+import React, { useEffect, useRef } from 'react';
+import { SLOT } from '@music163/tango-helpers';
+function CardDesigner(_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"]);
+    const cardRef = useRef(null);
+    useEffect(() => {
+        Promise.resolve().then(() => {
+            const popoverNode = document.querySelector('.ant-card');
+            // console.log('spinNode', popoverNode);
+            if (popoverNode) {
+                popoverNode.setAttribute('data-dnd', dataDnd);
+                popoverNode.setAttribute('data-id', dataId);
+                popoverNode.setAttribute('draggable', 'true');
+            }
+        });
+    }, [dataDnd, dataId]);
+    return (React.createElement("div", { ref: cardRef, draggable: 'true' },
+        React.createElement(AntCard, Object.assign({ "data-dnd": dataDnd, "data-id": dataId, style: style }, rest), children)));
+}
+export const Card = defineComponent(AntCard, {
+    name: 'Card',
+    designerConfig: {
+        render({ designerProps, originalProps }) {
+            // console.log("Card:  designerProps:", designerProps, "originalProps:", originalProps);
+            return React.createElement(CardDesigner, Object.assign({}, designerProps, originalProps));
+        }
+    }
+});

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

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

package/lib/esm/components/carousel.js

@@ -0,0 +1,31 @@
+import { __rest } from "tslib";
+import { Carousel as AntCarousel } from 'antd';
+import { defineComponent } from '@music163/tango-boot';
+import React, { useEffect, useRef } from 'react';
+import { SLOT } from '@music163/tango-helpers';
+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"]);
+    const carouselRef = useRef(null);
+    useEffect(() => {
+        Promise.resolve().then(() => {
+            const popoverNode = document.querySelector('.ant-spin');
+            console.log('spinNode', popoverNode);
+            if (popoverNode) {
+                popoverNode.setAttribute('data-dnd', dataDnd);
+                popoverNode.setAttribute('data-id', dataId);
+                popoverNode.setAttribute('draggable', 'true');
+            }
+        });
+    }, [dataDnd, dataId]);
+    return (React.createElement("div", { ref: carouselRef, draggable: 'true' },
+        React.createElement(AntCarousel, Object.assign({ "data-dnd": dataDnd, "data-id": dataId, style: style }, rest), children)));
+}
+export const Carousel = defineComponent(AntCarousel, {
+    name: 'Carousel',
+    designerConfig: {
+        render({ designerProps, originalProps }) {
+            console.log("Carousel:  designerProps:", designerProps, "originalProps:", originalProps);
+            return React.createElement(CarouselDesigner, Object.assign({}, designerProps, originalProps));
+        },
+    },
+});

package/lib/esm/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/esm/components/empty.js

@@ -0,0 +1,31 @@
+import { __rest } from "tslib";
+import { Empty as AntEmpty } from 'antd';
+import { defineComponent } from '@music163/tango-boot';
+import React, { useEffect, useRef } from 'react';
+import { SLOT } from '@music163/tango-helpers';
+function EmptyDesigner(_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"]);
+    const emptyRef = useRef(null);
+    useEffect(() => {
+        Promise.resolve().then(() => {
+            const popoverNode = document.querySelector('.ant-empty');
+            // console.log('spinNode', popoverNode);
+            if (popoverNode) {
+                popoverNode.setAttribute('data-dnd', dataDnd);
+                popoverNode.setAttribute('data-id', dataId);
+                popoverNode.setAttribute('draggable', 'true');
+            }
+        });
+    }, [dataDnd, dataId]);
+    return (React.createElement("div", { ref: emptyRef, draggable: 'true' },
+        React.createElement(AntEmpty, Object.assign({ "data-dnd": dataDnd, "data-id": dataId, style: style }, rest), children)));
+}
+export const Empty = defineComponent(AntEmpty, {
+    name: 'Empty',
+    designerConfig: {
+        render({ designerProps, originalProps }) {
+            // console.log("Empty:  designerProps:", designerProps, "originalProps:", originalProps);
+            return React.createElement(EmptyDesigner, Object.assign({}, designerProps, originalProps));
+        }
+    }
+});

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

@@ -33,5 +33,14 @@ 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';

package/lib/esm/components/index.js

@@ -38,5 +38,14 @@ 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';

package/lib/esm/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/esm/components/pagination.js

@@ -0,0 +1,31 @@
+import { __rest } from "tslib";
+import { Pagination as AntPagination } from 'antd';
+import { defineComponent } from '@music163/tango-boot';
+import React, { useEffect, useRef } from 'react';
+import { SLOT } from '@music163/tango-helpers';
+function PaginationDesigner(_a) {
+    var _b = SLOT.dnd, dataDnd = _a[_b], _c = SLOT.id, dataId = _a[_c], { style } = _a, rest = __rest(_a, [typeof _b === "symbol" ? _b : _b + "", typeof _c === "symbol" ? _c : _c + "", "style"]);
+    const paginationRef = useRef(null);
+    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.createElement("div", { ref: paginationRef, draggable: 'true' },
+        React.createElement(AntPagination, Object.assign({ "data-dnd": dataDnd, "data-id": dataId, style: style }, rest))));
+}
+export const Pagination = defineComponent(AntPagination, {
+    name: 'Pagination',
+    designerConfig: {
+        render({ designerProps, originalProps }) {
+            // console.log("Pagination:  designerProps:", designerProps, "originalProps:", originalProps);
+            return React.createElement(PaginationDesigner, Object.assign({}, designerProps, originalProps));
+        }
+    }
+});

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

@@ -0,0 +1,7 @@
+import { TableProps } from 'antd';
+import React from 'react';
+export declare const Table: React.ForwardRefExoticComponent<Omit<TableProps<object> & {
+    children?: React.ReactNode;
+} & {
+    ref?: React.Ref<HTMLDivElement> | undefined;
+} & import("@music163/tango-boot").TangoComponentProps, "ref"> & React.RefAttributes<unknown>>;

package/lib/esm/components/table.js

@@ -0,0 +1,31 @@
+import { __rest } from "tslib";
+import { Table as AntTable } from 'antd';
+import { defineComponent } from '@music163/tango-boot';
+import React, { useEffect, useRef } from 'react';
+import { SLOT } from '@music163/tango-helpers';
+function TableDesigner(_a) {
+    var { children, columns, dataSource } = _a, _b = SLOT.dnd, dataDnd = _a[_b], _c = SLOT.id, dataId = _a[_c], { style } = _a, rest = __rest(_a, ["children", "columns", "dataSource", typeof _b === "symbol" ? _b : _b + "", typeof _c === "symbol" ? _c : _c + "", "style"]);
+    const tableRef = useRef(null);
+    useEffect(() => {
+        Promise.resolve().then(() => {
+            const popoverNode = document.querySelector('.ant-table');
+            // console.log('spinNode', popoverNode);
+            if (popoverNode) {
+                popoverNode.setAttribute('data-dnd', dataDnd);
+                popoverNode.setAttribute('data-id', dataId);
+                popoverNode.setAttribute('draggable', 'true');
+            }
+        });
+    }, [dataDnd, dataId]);
+    return (React.createElement("div", { ref: tableRef, draggable: 'true' },
+        React.createElement(AntTable, Object.assign({ columns: columns, dataSource: dataSource, "data-dnd": dataDnd, "data-id": dataId, style: style }, rest), children)));
+}
+export const Table = defineComponent(AntTable, {
+    name: 'Table',
+    designerConfig: {
+        render({ designerProps, originalProps }) {
+            // console.log("Table:  designerProps:", designerProps, "originalProps:", originalProps);
+            return React.createElement(TableDesigner, Object.assign({}, designerProps, originalProps));
+        }
+    }
+});