@cuvp1225/antd 0.2.74 → 0.2.76

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

@@ -0,0 +1 @@
+export {};

package/lib/cjs/components/affix.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+const antd_1 = require("antd");
+const react_1 = tslib_1.__importDefault(require("react"));
+const placeholder_1 = require("./placeholder");
+function AffixDesigner(_a) {
+    var { children, style } = _a, rest = tslib_1.__rest(_a, ["children", "style"]);
+    return (react_1.default.createElement(antd_1.Affix, Object.assign({}, rest, { style: style }), children || react_1.default.createElement(placeholder_1.Placeholder, null)));
+}
+// export const Affix = defineComponent(AntAffix, {
+//     name: 'Affix',
+//     designerConfig: {
+//         render({ designerProps, originalProps, }) {
+//             return <AffixDesigner  {...designerProps} {...originalProps} />;
+//           },
+//     },
+//   });

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

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

package/lib/cjs/components/alert.js

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

package/lib/cjs/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/cjs/components/anchor.js

@@ -0,0 +1,47 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Anchor = 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");
+const { Link } = antd_1.Anchor;
+function AnchorDesigner(_a) {
+    var { items } = _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, ["items", typeof _b === "symbol" ? _b : _b + "", typeof _c === "symbol" ? _c : _c + "", "style"]);
+    const anchorRef = (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]);
+    //递归遍历生成子节点
+    const renderLinks = (items) => {
+        return items.map((item) => {
+            const { key, href, title, children } = item;
+            // 如果有子节点，则递归渲染
+            if (children) {
+                return (react_1.default.createElement(Link, { key: key, href: href, title: title }, renderLinks(children)));
+            }
+            // 没有子节点的情况
+            return react_1.default.createElement(Link, { key: key, href: href, title: title });
+        });
+    };
+    return (react_1.default.createElement("div", { ref: anchorRef, draggable: 'true' },
+        react_1.default.createElement(antd_1.Anchor, Object.assign({ className: dataId, "data-dnd": dataDnd, "data-id": dataId, style: style }, rest), renderLinks(items))));
+}
+exports.Anchor = (0, tango_boot_1.defineComponent)(antd_1.Anchor, {
+    name: 'Anchor',
+    designerConfig: {
+        render({ designerProps, originalProps }) {
+            console.log("Anchor:  designerProps:", designerProps, "originalProps:", originalProps);
+            return react_1.default.createElement(AnchorDesigner, Object.assign({}, designerProps, originalProps));
+        },
+    },
+});

package/lib/cjs/components/auto-complete.d.ts

@@ -0,0 +1,7 @@
+import { AutoCompleteProps } from 'antd';
+import React from 'react';
+export declare const AutoComplete: React.ForwardRefExoticComponent<Omit<AutoCompleteProps<unknown, import("rc-select/lib/Select").BaseOptionType | import("rc-select/lib/Select").DefaultOptionType> & {
+    children?: React.ReactNode;
+} & {
+    ref?: React.Ref<import("antd").RefSelectProps> | undefined;
+} & import("@music163/tango-boot").TangoComponentProps, "ref"> & React.RefAttributes<unknown>>;

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

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AutoComplete = 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 AutoCompleteDesigner(_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 autocompleteRef = (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: autocompleteRef },
+        react_1.default.createElement(antd_1.AutoComplete, Object.assign({ className: dataId, "data-dnd": dataDnd, "data-id": dataId, style: style }, rest), children)));
+}
+exports.AutoComplete = (0, tango_boot_1.defineComponent)(antd_1.AutoComplete, {
+    name: 'AutoComplete',
+    designerConfig: {
+        render({ designerProps, originalProps }) {
+            // console.log("AutoComplete:  designerProps:", designerProps, "originalProps:", originalProps);
+            return react_1.default.createElement(AutoCompleteDesigner, Object.assign({}, designerProps, originalProps));
+        }
+    }
+});

package/lib/cjs/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/cjs/components/avatar.js

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Avatar = 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 AvatarDesigner(_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 avatarRef = (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: avatarRef },
+        react_1.default.createElement(antd_1.Avatar, Object.assign({ className: dataId, "data-dnd": dataDnd, "data-id": dataId, style: style }, rest), children)));
+}
+exports.Avatar = (0, tango_boot_1.defineComponent)(antd_1.Avatar, {
+    name: 'Avatar',
+    designerConfig: {
+        render({ designerProps, originalProps }) {
+            // console.log("Avatar:  designerProps:", designerProps, "originalProps:", originalProps);
+            return react_1.default.createElement(AvatarDesigner, Object.assign({}, designerProps, originalProps));
+        }
+    }
+});

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

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

package/lib/cjs/components/badge.js

@@ -0,0 +1,37 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Badge = 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 BadgeDesigner(_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 badgeRef = (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: badgeRef },
+        react_1.default.createElement(antd_1.Badge, Object.assign({ className: dataId, 
+            // data-dnd={dataDnd}
+            // data-id={dataId}
+            style: style }, rest), children)));
+}
+exports.Badge = (0, tango_boot_1.defineComponent)(antd_1.Badge, {
+    name: 'Badge',
+    designerConfig: {
+        render({ designerProps, originalProps }) {
+            // console.log("Badge:  designerProps:", designerProps, "originalProps:", originalProps);
+            return react_1.default.createElement(BadgeDesigner, Object.assign({}, designerProps, originalProps));
+        }
+    }
+});

package/lib/cjs/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/cjs/components/calendar.js

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Calendar = 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 CalendarDesigner(_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 calendarRef = (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: calendarRef },
+        react_1.default.createElement(antd_1.Calendar, Object.assign({ className: dataId, "data-dnd": dataDnd, "data-id": dataId, style: style }, rest))));
+}
+exports.Calendar = (0, tango_boot_1.defineComponent)(antd_1.Calendar, {
+    name: 'Calendar',
+    designerConfig: {
+        render({ designerProps, originalProps }) {
+            console.log("Calendar:  designerProps:", designerProps, "originalProps:", originalProps);
+            return react_1.default.createElement(CalendarDesigner, Object.assign({}, designerProps, originalProps));
+        },
+    },
+});

package/lib/cjs/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/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(`.${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: cardRef },
+        react_1.default.createElement(antd_1.Card, Object.assign({ className: dataId, "data-dnd": dataDnd, "data-id": dataId, style: style }, rest), children)));
+}
+exports.Card = (0, tango_boot_1.defineComponent)(antd_1.Card, {
+    name: 'Card',
+    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,32 @@
+"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"]);
+    (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.Carousel, Object.assign({ className: dataId, "data-dnd": dataDnd, "data-id": dataId, style: style }, rest), children));
+}
+exports.Carousel = (0, tango_boot_1.defineComponent)(antd_1.Carousel, {
+    name: 'Carousel',
+    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/checkbox.js

@@ -3,11 +3,25 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.CheckboxGroup = exports.Checkbox = void 0;
 const tslib_1 = require("tslib");
 const tango_boot_1 = require("@music163/tango-boot");
+const tango_helpers_1 = require("@music163/tango-helpers");
 const antd_1 = require("antd");
-const react_1 = tslib_1.__importDefault(require("react"));
+const react_1 = tslib_1.__importStar(require("react"));
 function CheckboxDesigner(_a) {
-    var { style } = _a, rest = tslib_1.__rest(_a, ["style"]);
-    return (react_1.default.createElement(antd_1.Checkbox, Object.assign({}, rest, { style: style }), rest.label));
+    var { style } = _a, _b = tango_helpers_1.SLOT.dnd, dataDnd = _a[_b], _c = tango_helpers_1.SLOT.id, dataId = _a[_c], rest = tslib_1.__rest(_a, ["style", typeof _b === "symbol" ? _b : _b + "", typeof _c === "symbol" ? _c : _c + ""]);
+    const checkBoxRef = (0, react_1.useRef)(null);
+    (0, react_1.useEffect)(() => {
+        Promise.resolve().then(() => {
+            const popoverNode = document.querySelector(`.${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: checkBoxRef },
+        react_1.default.createElement(antd_1.Checkbox, Object.assign({}, rest, { style: style, className: dataId, "data-dnd": dataDnd, "data-id": dataId }), rest.label)));
 }
 exports.Checkbox = (0, tango_boot_1.defineComponent)(antd_1.Checkbox, {
     name: 'Checkbox',

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

@@ -1,2 +1,4 @@
-export declare const Collapse: import("react").ForwardRefExoticComponent<import("antd").CollapseProps & import("@music163/tango-boot").TangoComponentProps & import("react").RefAttributes<unknown>>;
-export declare const CollapsePanel: import("react").ForwardRefExoticComponent<import("antd").CollapsePanelProps & import("@music163/tango-boot").TangoComponentProps & import("react").RefAttributes<unknown>>;
+import { CollapseProps } from 'antd';
+import React from 'react';
+export declare const Collapse: React.ForwardRefExoticComponent<CollapseProps & import("@music163/tango-boot").TangoComponentProps & React.RefAttributes<unknown>>;
+export declare const CollapsePanel: React.ForwardRefExoticComponent<import("antd").CollapsePanelProps & import("@music163/tango-boot").TangoComponentProps & React.RefAttributes<unknown>>;

package/lib/cjs/components/collapse.js

@@ -1,10 +1,34 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.CollapsePanel = exports.Collapse = 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.__importStar(require("react"));
+const tango_helpers_1 = require("@music163/tango-helpers");
+function CollapseDesigner(_a) {
+    var { children } = _a, _b = tango_helpers_1.SLOT.dnd, dataDnd = _a[_b], _c = tango_helpers_1.SLOT.id, dataId = _a[_c], { style } = _a, rest = tslib_1.__rest(_a, ["children", typeof _b === "symbol" ? _b : _b + "", typeof _c === "symbol" ? _c : _c + "", "style"]);
+    (0, react_1.useEffect)(() => {
+        Promise.resolve().then(() => {
+            const popoverNode = document.querySelector(`.${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.Collapse, Object.assign({ className: dataId, "data-dnd": dataDnd, "data-id": dataId, style: style }, rest), children));
+}
 exports.Collapse = (0, tango_boot_1.defineComponent)(antd_1.Collapse, {
-    name: 'Collapse'
+    name: 'Collapse',
+    designerConfig: {
+        render({ designerProps, originalProps }) {
+            console.log("Collapse:  designerProps:", designerProps, "originalProps:", originalProps);
+            return react_1.default.createElement(CollapseDesigner, Object.assign({}, designerProps, originalProps));
+        },
+    },
 });
 exports.CollapsePanel = (0, tango_boot_1.defineComponent)(antd_1.Collapse.Panel, {
     name: 'CollapsePanel',

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

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

package/lib/cjs/components/comment.js

@@ -0,0 +1,36 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Comment = 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");
+const placeholder_1 = require("./placeholder");
+function CommentDesigner(_a) {
+    var { children, content } = _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", "content", typeof _b === "symbol" ? _b : _b + "", typeof _c === "symbol" ? _c : _c + "", "style"]);
+    const commentRef = (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: commentRef },
+        react_1.default.createElement(antd_1.Comment, Object.assign({ className: dataId, "data-dnd": dataDnd, "data-id": dataId, content: content, style: style }, rest), children)));
+}
+exports.Comment = (0, tango_boot_1.defineComponent)(antd_1.Comment, {
+    name: 'Comment',
+    designerConfig: {
+        render({ designerProps, originalProps }) {
+            // console.log("Comment:  designerProps:", designerProps, "originalProps:", originalProps);
+            return react_1.default.createElement(CommentDesigner, Object.assign({ content: react_1.default.createElement("div", null,
+                    react_1.default.createElement(placeholder_1.Placeholder, { placeholder: "\u653E\u7F6E\u66FF\u6362" })) }, designerProps, originalProps));
+        }
+    }
+});

package/lib/cjs/components/date-picker.d.ts

@@ -1,6 +1,6 @@
+import React from 'react';
 import moment from 'moment';
 import 'moment/locale/zh-cn';
-import React from 'react';
 export declare const DatePicker: React.ForwardRefExoticComponent<((import("antd/lib/date-picker/generatePicker").PickerProps<moment.Moment> & {
     status?: "" | "warning" | "error" | undefined;
     dropdownClassName?: string | undefined;

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

@@ -3,11 +3,12 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.DatePicker = void 0;
 const tslib_1 = require("tslib");
 const tango_boot_1 = require("@music163/tango-boot");
+const react_1 = tslib_1.__importStar(require("react"));
 const antd_1 = require("antd");
 require("moment/locale/zh-cn");
 const zh_CN_1 = tslib_1.__importDefault(require("antd/es/locale/zh_CN"));
-const react_1 = tslib_1.__importDefault(require("react"));
-// moment.locale('zh-cn');
+const tango_helpers_1 = require("@music163/tango-helpers");
+// moment.locale('zh-cn');S
 const local = {
     "lang": {
         "locale": "zh-cn",
@@ -69,14 +70,31 @@ const local = {
     "monthFormat": "YYYY-MM"
 };
 function DataPickerDesigner(_a) {
-    var { style } = _a, rest = tslib_1.__rest(_a, ["style"]);
-    return (react_1.default.createElement(antd_1.ConfigProvider, { locale: zh_CN_1.default },
-        react_1.default.createElement(antd_1.DatePicker, Object.assign({}, rest, { style: style, locale: local }))));
+    var { style } = _a, _b = tango_helpers_1.SLOT.dnd, dataDnd = _a[_b], _c = tango_helpers_1.SLOT.id, dataId = _a[_c], rest = tslib_1.__rest(_a, ["style", typeof _b === "symbol" ? _b : _b + "", typeof _c === "symbol" ? _c : _c + ""]);
+    const dateRef = (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 (
+    // <div ref={dateRef}>
+    react_1.default.createElement(antd_1.ConfigProvider, { locale: zh_CN_1.default },
+        react_1.default.createElement(antd_1.DatePicker, Object.assign({ className: dataId, "data-dnd": dataDnd, "data-id": dataId, style: style, locale: local }, rest)))
+    // </div>
+    );
 }
 exports.DatePicker = (0, tango_boot_1.defineComponent)(antd_1.DatePicker, {
     name: 'DatePicker',
     designerConfig: {
         render({ designerProps, originalProps, }) {
+            console.log("DatePicker:  designerProps:", designerProps, "originalProps:", originalProps);
             return react_1.default.createElement(DataPickerDesigner, Object.assign({}, designerProps, originalProps));
         },
     },

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

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

package/lib/cjs/components/descriptions.js

@@ -0,0 +1,32 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Descriptions = 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 DescriptionsDesigner(_a) {
+    var { items } = _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, ["items", 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.Descriptions, Object.assign({ className: dataId, "data-dnd": dataDnd, "data-id": dataId, style: style }, rest), items.map((item) => (react_1.default.createElement(antd_1.Descriptions.Item, { label: item.label, key: item.label }, item.value)))));
+}
+exports.Descriptions = (0, tango_boot_1.defineComponent)(antd_1.Descriptions, {
+    name: 'Descriptions',
+    designerConfig: {
+        render({ designerProps, originalProps }) {
+            console.log("Descriptions:  designerProps:", designerProps, "originalProps:", originalProps);
+            return react_1.default.createElement(DescriptionsDesigner, Object.assign({}, designerProps, originalProps));
+        },
+    },
+});

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

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

package/lib/cjs/components/divider.js

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Divider = 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 DividerDesigner(_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 dividerRef = (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: dividerRef },
+        react_1.default.createElement(antd_1.Divider, Object.assign({ className: dataId, "data-dnd": dataDnd, "data-id": dataId, style: style }, rest), children)));
+}
+exports.Divider = (0, tango_boot_1.defineComponent)(antd_1.Divider, {
+    name: 'Divider',
+    designerConfig: {
+        render({ designerProps, originalProps }) {
+            // console.log("Divider:  designerProps:", designerProps, "originalProps:", originalProps);
+            return react_1.default.createElement(DividerDesigner, Object.assign({}, designerProps, originalProps));
+        }
+    }
+});

package/lib/cjs/components/drawer.js

@@ -8,8 +8,7 @@ const react_1 = tslib_1.__importDefault(require("react"));
 const placeholder_1 = require("./placeholder");
 function DrawerDesigner(_a) {
     var { children, style } = _a, rest = tslib_1.__rest(_a, ["children", "style"]);
-    return (react_1.default.createElement(antd_1.Drawer, Object.assign({}, rest, { style: style }),
-        react_1.default.createElement(placeholder_1.Placeholder, null)));
+    return (react_1.default.createElement(antd_1.Drawer, Object.assign({}, rest, { style: style }), children || react_1.default.createElement(placeholder_1.Placeholder, null)));
 }
 exports.Drawer = (0, tango_boot_1.defineComponent)(antd_1.Drawer, {
     name: 'Drawer',