@cuvp1225/antd 0.2.75 → 0.2.77

package/lib/cjs/prototypes/tabs.js

@@ -26,7 +26,7 @@ exports.Tabs = {
                     label: '选项卡1',
                     forceRender: false,
                     disabled: false,
-                    // children: '选项卡1',
+                    children: `{{<Placeholder text="放置替换" style={{ margin: "15px"}} />}}`,
                 },
                 {
                     key: '2',
@@ -34,6 +34,7 @@ exports.Tabs = {
                     forceRender: false,
                     disabled: false,
                     // children: '选项卡2',
+                    children: `{{<Placeholder text="放置替换" style={{ margin: "15px"}} />}}`,
                 },
             ]
         },

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

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

package/lib/esm/components/affix.js

@@ -0,0 +1,16 @@
+import { __rest } from "tslib";
+import { Affix as AntAffix } from 'antd';
+import React from 'react';
+import { Placeholder } from './placeholder';
+function AffixDesigner(_a) {
+    var { children, style } = _a, rest = __rest(_a, ["children", "style"]);
+    return (React.createElement(AntAffix, Object.assign({}, rest, { style: style }), children || React.createElement(Placeholder, null)));
+}
+// export const Affix = defineComponent(AntAffix, {
+//     name: 'Affix',
+//     designerConfig: {
+//         render({ designerProps, originalProps, }) {
+//             return <AffixDesigner  {...designerProps} {...originalProps} />;
+//           },
+//     },
+//   });

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

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

package/lib/esm/components/anchor.js

@@ -3,12 +3,13 @@ import { Anchor as AntAnchor } from 'antd';
 import { defineComponent } from '@music163/tango-boot';
 import React, { useEffect, useRef } from 'react';
 import { SLOT } from '@music163/tango-helpers';
+const { Link } = AntAnchor;
 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"]);
+    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"]);
     const anchorRef = useRef(null);
     useEffect(() => {
         Promise.resolve().then(() => {
-            const popoverNode = document.querySelector('.ant-anchor');
+            const popoverNode = document.querySelector(`.${dataId}`);
             console.log('spinNode', popoverNode);
             if (popoverNode) {
                 popoverNode.setAttribute('data-dnd', dataDnd);
@@ -17,8 +18,20 @@ function AnchorDesigner(_a) {
             }
         });
     }, [dataDnd, dataId]);
+    //递归遍历生成子节点
+    const renderLinks = (items) => {
+        return items.map((item) => {
+            const { key, href, title, children } = item;
+            // 如果有子节点，则递归渲染
+            if (children) {
+                return (React.createElement(Link, { key: key, href: href, title: title }, renderLinks(children)));
+            }
+            // 没有子节点的情况
+            return React.createElement(Link, { key: key, href: href, title: title });
+        });
+    };
     return (React.createElement("div", { ref: anchorRef, draggable: 'true' },
-        React.createElement(AntAnchor, Object.assign({ "data-dnd": dataDnd, "data-id": dataId, style: style }, rest), children)));
+        React.createElement(AntAnchor, Object.assign({ className: dataId, "data-dnd": dataDnd, "data-id": dataId, style: style }, rest), renderLinks(items))));
 }
 export const Anchor = defineComponent(AntAnchor, {
     name: 'Anchor',

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

@@ -8,7 +8,7 @@ function AutoCompleteDesigner(_a) {
     const autocompleteRef = useRef(null);
     useEffect(() => {
         Promise.resolve().then(() => {
-            const popoverNode = document.querySelector('.ant-autocomplete');
+            const popoverNode = document.querySelector(`.${dataId}`);
             // console.log('spinNode', popoverNode);
             if (popoverNode) {
                 popoverNode.setAttribute('data-dnd', dataDnd);
@@ -18,7 +18,7 @@ function AutoCompleteDesigner(_a) {
         });
     }, [dataDnd, dataId]);
     return (React.createElement("div", { ref: autocompleteRef },
-        React.createElement(AntAutoComplete, Object.assign({ className: 'ant-autocomplete', "data-dnd": dataDnd, "data-id": dataId, style: style }, rest), children)));
+        React.createElement(AntAutoComplete, Object.assign({ className: dataId, "data-dnd": dataDnd, "data-id": dataId, style: style }, rest), children)));
 }
 export const AutoComplete = defineComponent(AntAutoComplete, {
     name: 'AutoComplete',

package/lib/esm/components/avatar.js

@@ -8,7 +8,7 @@ function AvatarDesigner(_a) {
     const avatarRef = useRef(null);
     useEffect(() => {
         Promise.resolve().then(() => {
-            const popoverNode = document.querySelector('.ant-avatar');
+            const popoverNode = document.querySelector(`.${dataId}`);
             // console.log('spinNode', popoverNode);
             if (popoverNode) {
                 popoverNode.setAttribute('data-dnd', dataDnd);
@@ -18,7 +18,7 @@ function AvatarDesigner(_a) {
         });
     }, [dataDnd, dataId]);
     return (React.createElement("div", { ref: avatarRef },
-        React.createElement(AntAvatar, Object.assign({ "data-dnd": dataDnd, "data-id": dataId, style: style }, rest), children)));
+        React.createElement(AntAvatar, Object.assign({ className: dataId, "data-dnd": dataDnd, "data-id": dataId, style: style }, rest), children)));
 }
 export const Avatar = defineComponent(AntAvatar, {
     name: 'Avatar',

package/lib/esm/components/badge.js

@@ -8,7 +8,7 @@ function BadgeDesigner(_a) {
     const badgeRef = useRef(null);
     useEffect(() => {
         Promise.resolve().then(() => {
-            const popoverNode = document.querySelector('.ant-badge');
+            const popoverNode = document.querySelector(`.${dataId}`);
             // console.log('spinNode', popoverNode);
             if (popoverNode) {
                 popoverNode.setAttribute('data-dnd', dataDnd);
@@ -17,8 +17,11 @@ function BadgeDesigner(_a) {
             }
         });
     }, [dataDnd, dataId]);
-    return (React.createElement("div", { ref: badgeRef, draggable: 'true' },
-        React.createElement(AntBadge, Object.assign({ "data-dnd": dataDnd, "data-id": dataId, style: style }, rest), children)));
+    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',

package/lib/esm/components/calendar.js

@@ -8,7 +8,7 @@ function CalendarDesigner(_a) {
     const calendarRef = useRef(null);
     useEffect(() => {
         Promise.resolve().then(() => {
-            const popoverNode = document.querySelector('.ant-picker-calendar');
+            const popoverNode = document.querySelector(`.${dataId}`);
             console.log('spinNode', popoverNode);
             if (popoverNode) {
                 popoverNode.setAttribute('data-dnd', dataDnd);
@@ -18,7 +18,7 @@ function CalendarDesigner(_a) {
         });
     }, [dataDnd, dataId]);
     return (React.createElement("div", { ref: calendarRef },
-        React.createElement(AntCalendar, Object.assign({ "data-dnd": dataDnd, "data-id": dataId, style: style }, rest))));
+        React.createElement(AntCalendar, Object.assign({ className: dataId, "data-dnd": dataDnd, "data-id": dataId, style: style }, rest))));
 }
 export const Calendar = defineComponent(AntCalendar, {
     name: 'Calendar',

package/lib/esm/components/card.js

@@ -8,7 +8,7 @@ function CardDesigner(_a) {
     const cardRef = useRef(null);
     useEffect(() => {
         Promise.resolve().then(() => {
-            const popoverNode = document.querySelector('.ant-card');
+            const popoverNode = document.querySelector(`.${dataId}`);
             // console.log('spinNode', popoverNode);
             if (popoverNode) {
                 popoverNode.setAttribute('data-dnd', dataDnd);
@@ -18,7 +18,7 @@ function CardDesigner(_a) {
         });
     }, [dataDnd, dataId]);
     return (React.createElement("div", { ref: cardRef },
-        React.createElement(AntCard, Object.assign({ "data-dnd": dataDnd, "data-id": dataId, style: style }, rest), children)));
+        React.createElement(AntCard, Object.assign({ className: dataId, "data-dnd": dataDnd, "data-id": dataId, style: style }, rest), children)));
 }
 export const Card = defineComponent(AntCard, {
     name: 'Card',

package/lib/esm/components/carousel.js

@@ -1,14 +1,13 @@
 import { __rest } from "tslib";
 import { Carousel as AntCarousel } from 'antd';
 import { defineComponent } from '@music163/tango-boot';
-import React, { useEffect, useRef } from 'react';
+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"]);
-    const carouselRef = useRef(null);
     useEffect(() => {
         Promise.resolve().then(() => {
-            const popoverNode = document.querySelector('.ant-carousel');
+            const popoverNode = document.querySelector(`.${dataId}`);
             console.log('spinNode', popoverNode);
             if (popoverNode) {
                 popoverNode.setAttribute('data-dnd', dataDnd);
@@ -17,8 +16,7 @@ function CarouselDesigner(_a) {
             }
         });
     }, [dataDnd, dataId]);
-    return (React.createElement("div", { ref: carouselRef },
-        React.createElement(AntCarousel, Object.assign({ "data-dnd": dataDnd, "data-id": dataId, style: style }, rest), children)));
+    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',

package/lib/esm/components/checkbox.js

@@ -1,21 +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, { useRef, useEffect } from 'react';
 function CheckboxDesigner(_a) {
-    var { style } = _a, rest = __rest(_a, ["style"]);
+    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('.ant-checkbox');
+            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 }), rest.label)));
+        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.js

@@ -9,7 +9,7 @@ function CommentDesigner(_a) {
     const commentRef = useRef(null);
     useEffect(() => {
         Promise.resolve().then(() => {
-            const popoverNode = document.querySelector('.ant-comment');
+            const popoverNode = document.querySelector(`.${dataId}`);
             // console.log('spinNode', popoverNode);
             if (popoverNode) {
                 popoverNode.setAttribute('data-dnd', dataDnd);
@@ -19,7 +19,7 @@ function CommentDesigner(_a) {
         });
     }, [dataDnd, dataId]);
     return (React.createElement("div", { ref: commentRef },
-        React.createElement(AntComment, Object.assign({ "data-dnd": dataDnd, "data-id": dataId, content: content, style: style }, rest), children)));
+        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',

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

@@ -71,7 +71,7 @@ function DataPickerDesigner(_a) {
     const dateRef = useRef(null);
     useEffect(() => {
         Promise.resolve().then(() => {
-            const popoverNode = document.querySelector('.ant-datePicker');
+            const popoverNode = document.querySelector(`.${dataId}`);
             console.log('spinNode', popoverNode);
             if (popoverNode) {
                 popoverNode.setAttribute('data-dnd', dataDnd);
@@ -83,7 +83,7 @@ function DataPickerDesigner(_a) {
     return (
     // <div ref={dateRef}>
     React.createElement(ConfigProvider, { locale: locale },
-        React.createElement(AntDataPicker, Object.assign({ className: 'ant-datePicker', "data-dnd": dataDnd, "data-id": dataId, style: style, locale: local }, rest)))
+        React.createElement(AntDataPicker, Object.assign({ className: dataId, "data-dnd": dataDnd, "data-id": dataId, style: style, locale: local }, rest)))
     // </div>
     );
 }

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.js

@@ -8,7 +8,7 @@ function DividerDesigner(_a) {
     const dividerRef = useRef(null);
     useEffect(() => {
         Promise.resolve().then(() => {
-            const popoverNode = document.querySelector('.ant-divider');
+            const popoverNode = document.querySelector(`.${dataId}`);
             // console.log('spinNode', popoverNode);
             if (popoverNode) {
                 popoverNode.setAttribute('data-dnd', dataDnd);
@@ -18,7 +18,7 @@ function DividerDesigner(_a) {
         });
     }, [dataDnd, dataId]);
     return (React.createElement("div", { ref: dividerRef },
-        React.createElement(AntDivider, Object.assign({ "data-dnd": dataDnd, "data-id": dataId, style: style }, rest), children)));
+        React.createElement(AntDivider, Object.assign({ className: dataId, "data-dnd": dataDnd, "data-id": dataId, style: style }, rest), children)));
 }
 export const Divider = defineComponent(AntDivider, {
     name: 'Divider',

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.js

@@ -8,7 +8,7 @@ function EmptyDesigner(_a) {
     const emptyRef = useRef(null);
     useEffect(() => {
         Promise.resolve().then(() => {
-            const popoverNode = document.querySelector('.ant-empty');
+            const popoverNode = document.querySelector(`.${dataId}`);
             // console.log('spinNode', popoverNode);
             if (popoverNode) {
                 popoverNode.setAttribute('data-dnd', dataDnd);
@@ -18,7 +18,7 @@ function EmptyDesigner(_a) {
         });
     }, [dataDnd, dataId]);
     return (React.createElement("div", { ref: emptyRef },
-        React.createElement(AntEmpty, Object.assign({ "data-dnd": dataDnd, "data-id": dataId, style: style }, rest), children)));
+        React.createElement(AntEmpty, Object.assign({ className: dataId, "data-dnd": dataDnd, "data-id": dataId, style: style }, rest), children)));
 }
 export const Empty = defineComponent(AntEmpty, {
     name: 'Empty',

package/lib/esm/components/image.js

@@ -6,10 +6,11 @@ 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('.ant-image');
-            // console.log('spinNode', popoverNode);
+            const popoverNode = document.querySelector(`.${dataId}`);
+            console.log('spinNode', popoverNode);
             if (popoverNode) {
                 popoverNode.setAttribute('data-dnd', dataDnd);
                 popoverNode.setAttribute('data-id', dataId);
@@ -18,7 +19,7 @@ function ImageDesigner(_a) {
         });
     }, [dataDnd, dataId]);
     return (React.createElement("div", { ref: imageRef },
-        React.createElement(AntImage, Object.assign({ "data-dnd": dataDnd, "data-id": dataId, style: style }, rest))));
+        React.createElement(AntImage, Object.assign({ className: dataId, "data-dnd": dataDnd, "data-id": dataId, style: style }, rest))));
 }
 export const Image = defineComponent(AntImage, {
     name: 'Image',

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

@@ -56,3 +56,8 @@ export { AutoComplete } from './auto-complete';
 export { Mentions } from './mentions';
 export { TreeSelect } from './tree-select';
 export { Image } from './image';
+export { Tabs } from './tabs';
+export { Descriptions } from './descriptions';
+export { Tree } from './tree';
+export { Alert } from "./alert";
+export { Progress } from './progress';

package/lib/esm/components/index.js

@@ -61,3 +61,9 @@ 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';
+//export {Affix} from './affix';

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

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

package/lib/esm/components/mentions.js

@@ -8,7 +8,7 @@ function MentionsDesigner(_a) {
     const mentionsRef = useRef(null);
     useEffect(() => {
         Promise.resolve().then(() => {
-            const popoverNode = document.querySelector('.ant-mentions');
+            const popoverNode = document.querySelector(`.${dataId}`);
             // console.log('spinNode', popoverNode);
             if (popoverNode) {
                 popoverNode.setAttribute('data-dnd', dataDnd);
@@ -18,7 +18,7 @@ function MentionsDesigner(_a) {
         });
     }, [dataDnd, dataId]);
     return (React.createElement("div", { ref: mentionsRef },
-        React.createElement(AntMentions, Object.assign({ "data-dnd": dataDnd, "data-id": dataId, style: style }, rest))));
+        React.createElement(AntMentions, Object.assign({ className: dataId, "data-dnd": dataDnd, "data-id": dataId, style: style }, rest))));
 }
 export const Mentions = defineComponent(AntMentions, {
     name: 'Mentions',

package/lib/esm/components/pageheader.js

@@ -23,7 +23,7 @@ function PageHeaderDesigner(_a) {
     // };
     useEffect(() => {
         Promise.resolve().then(() => {
-            const popoverNode = document.querySelector('.ant-page-header');
+            const popoverNode = document.querySelector(`.${dataId}`);
             console.log('pageHeader', popoverNode);
             if (popoverNode) {
                 popoverNode.setAttribute('data-dnd', dataDnd);
@@ -33,7 +33,7 @@ function PageHeaderDesigner(_a) {
         });
     }, [dataDnd, dataId]);
     return (React.createElement("div", { ref: pageHeaderRef },
-        React.createElement(AntPageHeader, Object.assign({ title: title, "data-dnd": dataDnd, "data-id": dataId }, rest), children)));
+        React.createElement(AntPageHeader, Object.assign({ title: title, "data-dnd": dataDnd, "data-id": dataId, className: dataId }, rest), children)));
 }
 export const PageHeader = defineComponent(AntPageHeader, {
     name: 'PageHeader',

package/lib/esm/components/pagination.js

@@ -8,7 +8,7 @@ function PaginationDesigner(_a) {
     const paginationRef = useRef(null);
     useEffect(() => {
         Promise.resolve().then(() => {
-            const popoverNode = document.querySelector('.ant-pagination');
+            const popoverNode = document.querySelector(`.${dataId}`);
             // console.log('spinNode', popoverNode);
             if (popoverNode) {
                 popoverNode.setAttribute('data-dnd', dataDnd);
@@ -18,7 +18,7 @@ function PaginationDesigner(_a) {
         });
     }, [dataDnd, dataId]);
     return (React.createElement("div", { ref: paginationRef },
-        React.createElement(AntPagination, Object.assign({ "data-dnd": dataDnd, "data-id": dataId, style: style }, rest))));
+        React.createElement(AntPagination, Object.assign({ className: dataId, "data-dnd": dataDnd, "data-id": dataId, style: style }, rest))));
 }
 export const Pagination = defineComponent(AntPagination, {
     name: 'Pagination',

package/lib/esm/components/placeholder.js

@@ -31,15 +31,15 @@ function PlaceholderView(_a) {
     //placeholder = '点击或拖拽组件/区块到这里',
     placeholder = '点击或拖拽组件/区块到这里' } = _a, rest = __rest(_a, ["size", "placeholder"]);
     const height = sizeMap[size];
-    console.log('zcq-PlaceholderView01', rest);
-    //去除rest里的dnd-id属性，解决row等容器组件能否直接选中问题
-    const newRest = Object.keys(rest)
-        .filter(key => key !== "data-dnd")
-        .reduce((acc, key) => {
-        acc[key] = rest[key];
-        return acc;
-    }, {});
-    console.log('zcq-PlaceholderView02', newRest);
-    return (React.createElement(Box, Object.assign({ className: "tango-placeholder", height: height, css: placeholderStyle }, newRest), placeholder));
+    //console.log('zcq-PlaceholderView01', rest);
+    //去除rest里的dnd-id属性，解决row等容器组件能否直接选中问题(方案废弃，会导致占位符无法被替换)
+    // const newRest = Object.keys(rest)
+    // .filter(key => key !== "data-dnd")
+    // .reduce((acc, key) => {
+    //     acc[key as keyof typeof rest] = rest[key as keyof typeof rest];
+    //     return acc;
+    // }, {} as { [key: string]: any });
+    // console.log('zcq-PlaceholderView02', newRest);
+    return (React.createElement(Box, Object.assign({ className: "tango-placeholder", height: height, css: placeholderStyle }, rest), placeholder));
 }
 export const Placeholder = defineComponent(PlaceholderView);