@cuvp1225/antd 0.2.74 → 0.2.76

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

@@ -0,0 +1,31 @@
+import { __rest } from "tslib";
+import { AutoComplete as AntAutoComplete } from 'antd';
+import { defineComponent } from '@music163/tango-boot';
+import React, { useEffect, useRef } from 'react';
+import { SLOT } from '@music163/tango-helpers';
+function AutoCompleteDesigner(_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 autocompleteRef = useRef(null);
+    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.createElement("div", { ref: autocompleteRef },
+        React.createElement(AntAutoComplete, Object.assign({ className: dataId, "data-dnd": dataDnd, "data-id": dataId, style: style }, rest), children)));
+}
+export const AutoComplete = defineComponent(AntAutoComplete, {
+    name: 'AutoComplete',
+    designerConfig: {
+        render({ designerProps, originalProps }) {
+            // console.log("AutoComplete:  designerProps:", designerProps, "originalProps:", originalProps);
+            return React.createElement(AutoCompleteDesigner, 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(`.${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.createElement("div", { ref: avatarRef },
+        React.createElement(AntAvatar, Object.assign({ className: dataId, "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/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/esm/components/badge.js

@@ -0,0 +1,34 @@
+import { __rest } from "tslib";
+import { Badge as AntBadge } from 'antd';
+import { defineComponent } from '@music163/tango-boot';
+import React, { useEffect, useRef } from 'react';
+import { SLOT } from '@music163/tango-helpers';
+function BadgeDesigner(_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 badgeRef = useRef(null);
+    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.createElement("div", { ref: badgeRef },
+        React.createElement(AntBadge, Object.assign({ className: dataId, 
+            // data-dnd={dataDnd}
+            // data-id={dataId}
+            style: style }, rest), children)));
+}
+export const Badge = defineComponent(AntBadge, {
+    name: 'Badge',
+    designerConfig: {
+        render({ designerProps, originalProps }) {
+            // console.log("Badge:  designerProps:", designerProps, "originalProps:", originalProps);
+            return React.createElement(BadgeDesigner, 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(`.${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.createElement("div", { ref: calendarRef },
+        React.createElement(AntCalendar, Object.assign({ className: dataId, "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(`.${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.createElement("div", { ref: cardRef },
+        React.createElement(AntCard, Object.assign({ className: dataId, "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,29 @@
+import { __rest } from "tslib";
+import { Carousel as AntCarousel } from 'antd';
+import { defineComponent } from '@music163/tango-boot';
+import React, { useEffect } 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"]);
+    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.createElement(AntCarousel, Object.assign({ className: dataId, "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/checkbox.js

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

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

@@ -1,7 +1,31 @@
+import { __rest } from "tslib";
 import { defineComponent } from '@music163/tango-boot';
 import { Collapse as AntCollapse } from 'antd';
+import React, { useEffect } from 'react';
+import { SLOT } from '@music163/tango-helpers';
+function CollapseDesigner(_a) {
+    var { children } = _a, _b = SLOT.dnd, dataDnd = _a[_b], _c = SLOT.id, dataId = _a[_c], { style } = _a, rest = __rest(_a, ["children", typeof _b === "symbol" ? _b : _b + "", typeof _c === "symbol" ? _c : _c + "", "style"]);
+    useEffect(() => {
+        Promise.resolve().then(() => {
+            const popoverNode = document.querySelector(`.${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.createElement(AntCollapse, Object.assign({ className: dataId, "data-dnd": dataDnd, "data-id": dataId, style: style }, rest), children));
+}
 export const Collapse = defineComponent(AntCollapse, {
-    name: 'Collapse'
+    name: 'Collapse',
+    designerConfig: {
+        render({ designerProps, originalProps }) {
+            console.log("Collapse:  designerProps:", designerProps, "originalProps:", originalProps);
+            return React.createElement(CollapseDesigner, Object.assign({}, designerProps, originalProps));
+        },
+    },
 });
 export const CollapsePanel = defineComponent(AntCollapse.Panel, {
     name: 'CollapsePanel',

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

@@ -0,0 +1,33 @@
+import { __rest } from "tslib";
+import { Comment as AntComment } from 'antd';
+import { defineComponent } from '@music163/tango-boot';
+import React, { useEffect, useRef } from 'react';
+import { SLOT } from '@music163/tango-helpers';
+import { Placeholder } from './placeholder';
+function CommentDesigner(_a) {
+    var { children, content } = _a, _b = SLOT.dnd, dataDnd = _a[_b], _c = SLOT.id, dataId = _a[_c], { style } = _a, rest = __rest(_a, ["children", "content", typeof _b === "symbol" ? _b : _b + "", typeof _c === "symbol" ? _c : _c + "", "style"]);
+    const commentRef = useRef(null);
+    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.createElement("div", { ref: commentRef },
+        React.createElement(AntComment, Object.assign({ className: dataId, "data-dnd": dataDnd, "data-id": dataId, content: content, style: style }, rest), children)));
+}
+export const Comment = defineComponent(AntComment, {
+    name: 'Comment',
+    designerConfig: {
+        render({ designerProps, originalProps }) {
+            // console.log("Comment:  designerProps:", designerProps, "originalProps:", originalProps);
+            return React.createElement(CommentDesigner, Object.assign({ content: React.createElement("div", null,
+                    React.createElement(Placeholder, { placeholder: "\u653E\u7F6E\u66FF\u6362" })) }, designerProps, originalProps));
+        }
+    }
+});

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

@@ -1,10 +1,11 @@
 import { __rest } from "tslib";
 import { defineComponent } from '@music163/tango-boot';
+import React, { useEffect, useRef } from 'react';
 import { DatePicker as AntDataPicker, ConfigProvider } from 'antd';
 import 'moment/locale/zh-cn';
 import locale from 'antd/es/locale/zh_CN';
-import React from 'react';
-// moment.locale('zh-cn');
+import { SLOT } from '@music163/tango-helpers';
+// moment.locale('zh-cn');S
 const local = {
     "lang": {
         "locale": "zh-cn",
@@ -66,14 +67,31 @@ const local = {
     "monthFormat": "YYYY-MM"
 };
 function DataPickerDesigner(_a) {
-    var { style } = _a, rest = __rest(_a, ["style"]);
-    return (React.createElement(ConfigProvider, { locale: locale },
-        React.createElement(AntDataPicker, Object.assign({}, rest, { style: style, locale: local }))));
+    var { style } = _a, _b = SLOT.dnd, dataDnd = _a[_b], _c = SLOT.id, dataId = _a[_c], rest = __rest(_a, ["style", typeof _b === "symbol" ? _b : _b + "", typeof _c === "symbol" ? _c : _c + ""]);
+    const dateRef = useRef(null);
+    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.createElement(ConfigProvider, { locale: locale },
+        React.createElement(AntDataPicker, Object.assign({ className: dataId, "data-dnd": dataDnd, "data-id": dataId, style: style, locale: local }, rest)))
+    // </div>
+    );
 }
 export const DatePicker = defineComponent(AntDataPicker, {
     name: 'DatePicker',
     designerConfig: {
         render({ designerProps, originalProps, }) {
+            console.log("DatePicker:  designerProps:", designerProps, "originalProps:", originalProps);
             return React.createElement(DataPickerDesigner, Object.assign({}, designerProps, originalProps));
         },
     },

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

@@ -0,0 +1,29 @@
+import { __rest } from "tslib";
+import { Descriptions as AntDescriptions } from 'antd';
+import { defineComponent } from '@music163/tango-boot';
+import React, { useEffect } from 'react';
+import { SLOT } from '@music163/tango-helpers';
+function DescriptionsDesigner(_a) {
+    var { items } = _a, _b = SLOT.dnd, dataDnd = _a[_b], _c = SLOT.id, dataId = _a[_c], { style } = _a, rest = __rest(_a, ["items", typeof _b === "symbol" ? _b : _b + "", typeof _c === "symbol" ? _c : _c + "", "style"]);
+    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.createElement(AntDescriptions, Object.assign({ className: dataId, "data-dnd": dataDnd, "data-id": dataId, style: style }, rest), items.map((item) => (React.createElement(AntDescriptions.Item, { label: item.label, key: item.label }, item.value)))));
+}
+export const Descriptions = defineComponent(AntDescriptions, {
+    name: 'Descriptions',
+    designerConfig: {
+        render({ designerProps, originalProps }) {
+            console.log("Descriptions:  designerProps:", designerProps, "originalProps:", originalProps);
+            return React.createElement(DescriptionsDesigner, Object.assign({}, designerProps, originalProps));
+        },
+    },
+});

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

@@ -0,0 +1,31 @@
+import { __rest } from "tslib";
+import { Divider as AntDivider } from 'antd';
+import { defineComponent } from '@music163/tango-boot';
+import React, { useEffect, useRef } from 'react';
+import { SLOT } from '@music163/tango-helpers';
+function DividerDesigner(_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 dividerRef = useRef(null);
+    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.createElement("div", { ref: dividerRef },
+        React.createElement(AntDivider, Object.assign({ className: dataId, "data-dnd": dataDnd, "data-id": dataId, style: style }, rest), children)));
+}
+export const Divider = defineComponent(AntDivider, {
+    name: 'Divider',
+    designerConfig: {
+        render({ designerProps, originalProps }) {
+            // console.log("Divider:  designerProps:", designerProps, "originalProps:", originalProps);
+            return React.createElement(DividerDesigner, Object.assign({}, designerProps, originalProps));
+        }
+    }
+});

package/lib/esm/components/drawer.js

@@ -5,8 +5,7 @@ import React from 'react';
 import { Placeholder } from './placeholder';
 function DrawerDesigner(_a) {
     var { children, style } = _a, rest = __rest(_a, ["children", "style"]);
-    return (React.createElement(AntDrawer, Object.assign({}, rest, { style: style }),
-        React.createElement(Placeholder, null)));
+    return (React.createElement(AntDrawer, Object.assign({}, rest, { style: style }), children || React.createElement(Placeholder, null)));
 }
 export const Drawer = defineComponent(AntDrawer, {
     name: 'Drawer',

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(`.${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.createElement("div", { ref: emptyRef },
+        React.createElement(AntEmpty, Object.assign({ className: dataId, "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/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/esm/components/image.js

@@ -0,0 +1,32 @@
+import { __rest } from "tslib";
+import { Image as AntImage } from 'antd';
+import { defineComponent } from '@music163/tango-boot';
+import React, { useEffect, useRef } from 'react';
+import { SLOT } from '@music163/tango-helpers';
+function ImageDesigner(_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 imageRef = useRef(null);
+    console.log("wxy-image-rest: ", Object.assign({}, rest));
+    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.createElement("div", { ref: imageRef },
+        React.createElement(AntImage, Object.assign({ className: dataId, "data-dnd": dataDnd, "data-id": dataId, style: style }, rest))));
+}
+export const Image = defineComponent(AntImage, {
+    name: 'Image',
+    designerConfig: {
+        render({ designerProps, originalProps }) {
+            // console.log("Image:  designerProps:", designerProps, "originalProps:", originalProps);
+            return React.createElement(ImageDesigner, Object.assign({}, designerProps, originalProps));
+        }
+    }
+});

package/lib/esm/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';