@cuvp1225/antd 0.1.19-beta.2 → 0.1.19-beta.20

package/lib/cjs/components/upload.js

@@ -3,48 +3,16 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Upload = 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 UploadDesigner(_a) {
-    var { children, title } = _a, _b = tango_helpers_1.SLOT.dnd, dataDnd = _a[_b], _c = tango_helpers_1.SLOT.id, dataId = _a[_c], { style } = _a, rest = tslib_1.__rest(_a, ["children", "title", typeof _b === "symbol" ? _b : _b + "", typeof _c === "symbol" ? _c : _c + "", "style"]);
-    const uploadRef = (0, react_1.useRef)(null);
-    (0, react_1.useEffect)(() => {
-        Promise.resolve().then(() => {
-            const popoverNode = document.querySelector(`.${dataId}`);
-            console.log('uploadNode', popoverNode);
-            if (popoverNode) {
-                popoverNode.setAttribute('data-dnd', dataDnd);
-                popoverNode.setAttribute('data-id', dataId);
-            }
-        });
-    }, [dataDnd, dataId]);
-    // 监听弹层显示事件
-    // const handleVisibleChange = (visible: boolean) => {
-    //   console.log('handleVisibleChange', visible);
-    //   if (visible) {
-    //     // 使用微任务确保弹层已渲染
-    //     Promise.resolve().then(() => {
-    //       const popoverNode = document.querySelector('.ant-popover-placement-top');
-    //       console.log('popoverNode' ,popoverNode)
-    //       if (popoverNode) {
-    //         popoverNode.setAttribute('data-dnd', dataDnd);
-    //         popoverNode.setAttribute('data-id', dataId);
-    //       }
-    //     });
-    //   }
-    // };
-    return (react_1.default.createElement("div", { ref: uploadRef },
-        react_1.default.createElement(antd_1.Upload, Object.assign({ className: dataId, "data-dnd": dataDnd, "data-id": dataId }, rest), children)));
-}
-exports.Upload = (0, tango_boot_1.defineComponent)(antd_1.Upload, {
-    name: 'Upload',
-    designerConfig: {
-        render({ designerProps, originalProps }) {
-            console.log("Upload:  designerProps:", designerProps, "originalProps:", originalProps);
-            return react_1.default.createElement(UploadDesigner, Object.assign({ title: "Are you sure?" }, designerProps, originalProps));
-        },
-    },
-    // designerConfig: {
-    // },
-});
+const react_1 = tslib_1.__importDefault(require("react"));
+const slottype_1 = require("../helpers/slottype");
+const Upload = (_a) => {
+    var 
+    //items,
+    _b = slottype_1.SLOT.id, 
+    //items,
+    dataId = _a[_b], _c = slottype_1.SLOT.dnd, dataDnd = _a[_c], { style } = _a, rest = tslib_1.__rest(_a, [typeof _b === "symbol" ? _b : _b + "", typeof _c === "symbol" ? _c : _c + "", "style"]);
+    //console.log("新的descriptions组件0507001", dataId, dataDnd, rest);
+    return (react_1.default.createElement("div", { "data-dnd": dataDnd, "data-id": rest.tid, draggable: true, style: style },
+        react_1.default.createElement(antd_1.Upload, Object.assign({}, rest), rest.children)));
+};
+exports.Upload = Upload;

package/lib/cjs/helpers/slottype.d.ts

@@ -0,0 +1,10 @@
+export declare const SLOT: {
+    /**
+     * DND 追踪标记，通常值为 {{pagePath}}:{{componentName}}
+     */
+    dnd: string;
+    /**
+     * ID 追踪标记
+     */
+    id: string;
+};

package/lib/cjs/helpers/slottype.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SLOT = void 0;
+exports.SLOT = {
+    /**
+     * DND 追踪标记，通常值为 {{pagePath}}:{{componentName}}
+     */
+    dnd: 'data-dnd',
+    /**
+     * ID 追踪标记
+     */
+    id: 'data-id',
+};

package/lib/cjs/prototypes/collapse.js

@@ -14,8 +14,10 @@ exports.Collapse = {
     type: 'element',
     hasChildrenItem: true,
     hasChildren: true,
-    childrenName: 'Collapse.Panel',
-    initChildren: `<Collapse.Panel  header="panel1" key="1"><Placeholder text="放置替换" /></Collapse.Panel><Collapse.Panel header="panel2" key="2"><Placeholder text="放置替换" /></Collapse.Panel><Collapse.Panel header="panel3" key="3"><Placeholder text="放置替换" /></Collapse.Panel>`,
+    // childrenName: 'Collapse.Panel',
+    // initChildren: `<Collapse.Panel  header="panel1" key="1"><Placeholder text="放置替换" /></Collapse.Panel><Collapse.Panel header="panel2" key="2"><Placeholder text="放置替换" /></Collapse.Panel><Collapse.Panel header="panel3" key="3"><Placeholder text="放置替换" /></Collapse.Panel>`,
+    childrenName: 'Panel',
+    initChildren: `<Panel  header="panel1" key="1"><Placeholder text="放置替换" /></Panel><Panel header="panel2" key="2"><Placeholder text="放置替换" /></Panel>`,
     relatedImports: ['Placeholder'],
     props: [
         ...common_1.StylePrototypes,
@@ -28,32 +30,44 @@ exports.Collapse = {
                     {
                         label: '面板头内容',
                         name: 'header',
+                        defaultValue: 'panel'
                     },
                     {
-                        label: '对应 activeKey',
+                        label: 'activeKey',
                         name: 'key',
+                        required: true,
+                    },
+                    {
+                        label: '面板内容',
+                        name: 'children',
+                        defaultValue: '<Placeholder text="放置替换" />',
+                        // required: true,
+                    },
+                    {
+                        label: '指定可折叠触发区域',
+                        name: 'collapsible',
+                        component: react_1.default.createElement(antd_1.Select, { options: [
+                                { value: 'header', label: '面板头', },
+                                { value: 'icon', label: '箭头', },
+                                { value: 'disabled', label: '不可折叠', },
+                            ] })
                     },
-                    // {
-                    //   label: '是否可折叠',
-                    //   name: 'collapsible',
-                    //   component: <Switch />
-                    // },
                     {
                         label: '自定义渲染',
                         name: 'extra',
-                        component: react_1.default.createElement(antd_1.Switch, null)
+                        component: react_1.default.createElement(antd_1.Switch, { defaultChecked: false })
                     },
                     {
                         label: '隐藏时保留',
                         name: 'forceRender',
-                        component: react_1.default.createElement(antd_1.Switch, null),
-                        defaultValue: false,
+                        component: react_1.default.createElement(antd_1.Switch, { defaultChecked: false }),
+                        // defaultValue: false,
                     },
                     {
                         label: '是否展示当前面板上的箭头',
                         name: 'showArrow',
-                        component: react_1.default.createElement(antd_1.Switch, null),
-                        defaultValue: true,
+                        component: react_1.default.createElement(antd_1.Switch, { defaultChecked: true }),
+                        // defaultValue: true,
                     },
                 ]
             }

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

@@ -1,3 +1,16 @@
-import { AnchorProps } from 'antd';
+import { AnchorProps, AnchorLinkProps } from 'antd';
 import React from 'react';
-export declare const Anchor: React.ForwardRefExoticComponent<AnchorProps & import("@music163/tango-boot").TangoComponentProps & React.RefAttributes<unknown>>;
+export declare const Anchor: {
+    ({ [SLOT.id]: dataId, [SLOT.dnd]: dataDnd, style, ...rest }: AnchorProps & {
+        [key: string]: any;
+        children?: React.ReactNode;
+    }): React.JSX.Element;
+    Link: (props: AnchorLinkProps & {
+        [key: string]: any;
+        children?: React.ReactNode;
+    }) => React.JSX.Element;
+};
+export declare const AnchorLink: (props: AnchorLinkProps & {
+    [key: string]: any;
+    children?: React.ReactNode;
+}) => React.JSX.Element;

package/lib/esm/components/anchor.js

@@ -1,44 +1,23 @@
 import { __rest } from "tslib";
 import { Anchor as AntAnchor } from 'antd';
-import { defineComponent } from '@music163/tango-boot';
-import React, { useEffect, useRef } from 'react';
-import { SLOT } from '@music163/tango-helpers';
-const { Link } = AntAnchor;
-function AnchorDesigner(_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"]);
-    const anchorRef = 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]);
-    //递归遍历生成子节点
-    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({ className: dataId, "data-dnd": dataDnd, "data-id": dataId, style: style }, rest), renderLinks(items))));
-}
-export const Anchor = defineComponent(AntAnchor, {
-    name: 'Anchor',
-    designerConfig: {
-        render({ designerProps, originalProps }) {
-            console.log("Anchor:  designerProps:", designerProps, "originalProps:", originalProps);
-            return React.createElement(AnchorDesigner, Object.assign({}, designerProps, originalProps));
-        },
-    },
-});
+import React from 'react';
+import { SLOT } from '../helpers/slottype';
+export const Anchor = (_a) => {
+    var 
+    //items,
+    _b = SLOT.id, 
+    //items,
+    dataId = _a[_b], _c = SLOT.dnd, dataDnd = _a[_c], { style } = _a, rest = __rest(_a, [typeof _b === "symbol" ? _b : _b + "", typeof _c === "symbol" ? _c : _c + "", "style"]);
+    //console.log("0515001-锚点",dataId,dataDnd,rest)
+    return (React.createElement("div", { "data-dnd": dataDnd, "data-id": rest.tid, draggable: true, style: style },
+        React.createElement(AntAnchor, Object.assign({}, rest), rest.children)));
+};
+export const AnchorLink = (props) => {
+    //console.log("新的descriptions组件0507001", dataId, dataDnd, rest);
+    return (
+    // <div data-dnd={dataDnd} data-id={rest.tid}  draggable={true} style={style} >
+    React.createElement(AntAnchor.Link, Object.assign({}, props))
+    // </div>
+    );
+};
+Anchor.Link = AnchorLink;

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

@@ -0,0 +1,6 @@
+import { BackTopProps } from 'antd';
+import React from 'react';
+export declare const BackTop: ({ [SLOT.id]: dataId, [SLOT.dnd]: dataDnd, style, ...rest }: BackTopProps & {
+    [key: string]: any;
+    children?: React.ReactNode;
+}) => React.JSX.Element;

package/lib/esm/components/backTop.js

@@ -0,0 +1,13 @@
+import { __rest } from "tslib";
+import { BackTop as AntBackTop } from 'antd';
+import React from 'react';
+import { SLOT } from '../helpers/slottype';
+export const BackTop = (_a) => {
+    var 
+    //items,
+    _b = SLOT.id, 
+    //items,
+    dataId = _a[_b], _c = SLOT.dnd, dataDnd = _a[_c], { style } = _a, rest = __rest(_a, [typeof _b === "symbol" ? _b : _b + "", typeof _c === "symbol" ? _c : _c + "", "style"]);
+    return (React.createElement("div", { "data-dnd": dataDnd, "data-id": rest.tid, draggable: true, style: style },
+        React.createElement(AntBackTop, Object.assign({}, rest), rest.children)));
+};

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

@@ -1,2 +1,16 @@
-export declare const Breadcrumb: import("react").ForwardRefExoticComponent<import("antd").BreadcrumbProps & import("@music163/tango-boot").TangoComponentProps & import("react").RefAttributes<unknown>>;
-export declare const BreadcrumbItem: import("react").ForwardRefExoticComponent<import("antd").BreadcrumbItemProps & import("@music163/tango-boot").TangoComponentProps & import("react").RefAttributes<unknown>>;
+import { BreadcrumbProps, BreadcrumbItemProps } from 'antd';
+import React from 'react';
+export declare const Breadcrumb: {
+    ({ [SLOT.id]: dataId, [SLOT.dnd]: dataDnd, style, ...rest }: BreadcrumbProps & {
+        [key: string]: any;
+        children?: React.ReactNode;
+    }): React.JSX.Element;
+    Item: (props: BreadcrumbItemProps & {
+        [key: string]: any;
+        children?: React.ReactNode;
+    }) => React.JSX.Element;
+};
+export declare const BreadcrumbItem: (props: BreadcrumbItemProps & {
+    [key: string]: any;
+    children?: React.ReactNode;
+}) => React.JSX.Element;

package/lib/esm/components/breadcrumb.js

@@ -1,8 +1,22 @@
-import { defineComponent } from '@music163/tango-boot';
+import { __rest } from "tslib";
 import { Breadcrumb as AntBreadcrumb } from 'antd';
-export const Breadcrumb = defineComponent(AntBreadcrumb, {
-    name: 'Breadcrumb'
-});
-export const BreadcrumbItem = defineComponent(AntBreadcrumb.Item, {
-    name: 'BreadcrumbItem',
-});
+import React from 'react';
+import { SLOT } from '../helpers/slottype';
+export const Breadcrumb = (_a) => {
+    var 
+    //items,
+    _b = SLOT.id, 
+    //items,
+    dataId = _a[_b], _c = SLOT.dnd, dataDnd = _a[_c], { style } = _a, rest = __rest(_a, [typeof _b === "symbol" ? _b : _b + "", typeof _c === "symbol" ? _c : _c + "", "style"]);
+    return (React.createElement("div", { "data-dnd": dataDnd, "data-id": rest.tid, draggable: true, style: style },
+        React.createElement(AntBreadcrumb, Object.assign({}, rest), rest.children)));
+};
+export const BreadcrumbItem = (props) => {
+    //console.log("新的descriptions组件0507001", dataId, dataDnd, rest);
+    return (
+    // <div data-dnd={dataDnd} data-id={rest.tid}  draggable={true} style={style} >
+    React.createElement(AntBreadcrumb.Item, Object.assign({}, props))
+    // </div>
+    );
+};
+Breadcrumb.Item = BreadcrumbItem;

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

@@ -1,3 +1,6 @@
 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>>;
+export declare const Carousel: ({ [SLOT.id]: dataId, [SLOT.dnd]: dataDnd, style, ...rest }: CarouselProps & {
+    [key: string]: any;
+    children?: React.ReactNode;
+}) => React.JSX.Element;

package/lib/esm/components/carousel.js

@@ -1,29 +1,57 @@
+// import { Carousel as AntCarousel, CarouselProps } from 'antd';
+// import { defineComponent } from '@music163/tango-boot';
+// import React, { useEffect} from 'react';
+// import { SLOT } from '@music163/tango-helpers';
 import { __rest } from "tslib";
+// function CarouselDesigner({
+//     children,
+//     [SLOT.dnd]: dataDnd,
+//     [SLOT.id]: dataId,
+//     style,
+//     ...rest
+// }: CarouselProps & { [key: string]: any; dnd?: string; children?: React.ReactNode }) {
+//     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 (
+//         <AntCarousel
+//         className={dataId}
+//             data-dnd={dataDnd}
+//             data-id={dataId}
+//             style={style}
+//             {...rest}
+//         >
+//             {children}
+//         </AntCarousel>
+//     );
+// }
+// export const Carousel = defineComponent(AntCarousel, {
+//     name: 'Carousel',
+//     designerConfig: {
+//         render({ designerProps, originalProps }) {
+//             console.log("Carousel:  designerProps:", designerProps, "originalProps:", originalProps);
+//             return <CarouselDesigner {...designerProps} {...originalProps} />;
+//         },
+//     },
+// });
 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));
-        },
-    },
-});
+import React from 'react';
+import { SLOT } from '../helpers/slottype';
+export const Carousel = (_a) => {
+    var 
+    //items,
+    _b = SLOT.id, 
+    //items,
+    dataId = _a[_b], _c = SLOT.dnd, dataDnd = _a[_c], { style } = _a, rest = __rest(_a, [typeof _b === "symbol" ? _b : _b + "", typeof _c === "symbol" ? _c : _c + "", "style"]);
+    //console.log("0515001-走马灯",dataId,dataDnd,rest)
+    return (React.createElement("div", { "data-dnd": dataDnd, "data-id": rest.tid, draggable: true, style: style },
+        React.createElement(AntCarousel, Object.assign({}, rest), rest.children)));
+};

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

@@ -1,6 +1,7 @@
-import { CheckboxProps } from 'antd';
 import React from 'react';
-export declare const Checkbox: React.ForwardRefExoticComponent<Omit<CheckboxProps & React.RefAttributes<HTMLInputElement> & import("@music163/tango-boot").TangoComponentProps, "ref"> & React.RefAttributes<unknown>>;
+export declare const Checkbox: ({ [SLOT.id]: dataId, [SLOT.dnd]: dataDnd, ...rest }: {
+    [x: string]: any;
+}) => React.JSX.Element;
 export declare const CheckboxGroup: React.ForwardRefExoticComponent<Omit<Omit<import("antd/lib/checkbox").CheckboxGroupProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
     ref?: React.Ref<HTMLDivElement>;
 } & import("@music163/tango-boot").TangoComponentProps, "ref"> & React.RefAttributes<unknown>>;

package/lib/esm/components/checkbox.js

@@ -2,32 +2,52 @@ 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, _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',
-    designerConfig: {
-        render({ designerProps, originalProps, }) {
-            return React.createElement(CheckboxDesigner, Object.assign({ label: '多选项1' }, designerProps, originalProps));
-        },
-    },
-});
+import React from 'react';
+// function CheckboxDesigner({
+//   style,
+//   [SLOT.dnd]: dataDnd,
+//   [SLOT.id]: dataId,
+//   ...rest
+// }: CheckboxProps & { [key: string]: any; dnd?: string; label: string }) {
+//   const checkBoxRef = useRef<HTMLDivElement>(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={checkBoxRef}>
+//       <AntCheckbox {...rest}
+//         style={style}
+//         className={dataId}
+//         data-dnd={dataDnd}
+//         data-id={dataId}
+//       >{rest.label}</AntCheckbox>
+//     </div>
+//   );
+// }
+// export const Checkbox = defineComponent(AntCheckbox, {
+//   name: 'Checkbox',
+//   designerConfig: {
+//     render({ designerProps, originalProps, }) {
+//       return <CheckboxDesigner label={'多选项1'}  {...designerProps} {...originalProps} />;
+//     },
+//   },
+// });
+export const Checkbox = (_a) => {
+    var _b = SLOT.id, dataId = _a[_b], _c = SLOT.dnd, dataDnd = _a[_c], rest = __rest(_a, [typeof _b === "symbol" ? _b : _b + "", typeof _c === "symbol" ? _c : _c + ""]);
+    console.log("新的多选组件", dataId, dataDnd, rest);
+    //const newProps = {...rest, ...{draggable:true}}
+    //console.log("新的表格组件01",newProps);
+    return (React.createElement("div", { "data-dnd": dataDnd, "data-id": dataId, draggable: true },
+        React.createElement(AntCheckbox, Object.assign({}, rest))));
+};
 export const CheckboxGroup = defineComponent(AntCheckbox.Group, {
     name: 'CheckboxGroup',
 });

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

@@ -1,3 +1,16 @@
-import { CollapseProps } from 'antd';
+import { CollapseProps, CollapsePanelProps } from 'antd';
 import React from 'react';
-export declare const Collapse: React.ForwardRefExoticComponent<CollapseProps & import("@music163/tango-boot").TangoComponentProps & React.RefAttributes<unknown>>;
+export declare const Collapse: {
+    ({ [SLOT.id]: dataId, [SLOT.dnd]: dataDnd, style, ...rest }: CollapseProps & {
+        [key: string]: any;
+        children?: React.ReactNode;
+    }): React.JSX.Element;
+    Panel: (props: CollapsePanelProps & {
+        [key: string]: any;
+        children?: React.ReactNode;
+    }) => React.JSX.Element;
+};
+export declare const CollapsePanel: (props: CollapsePanelProps & {
+    [key: string]: any;
+    children?: React.ReactNode;
+}) => React.JSX.Element;

package/lib/esm/components/collapse.js

@@ -1,32 +1,69 @@
+// import { defineComponent } from '@music163/tango-boot';
+// import { Collapse as AntCollapse, CollapseProps} from 'antd';
+// import React, { useEffect} from 'react';
+// import { SLOT } from '@music163/tango-helpers';
 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',
-    designerConfig: {
-        render({ designerProps, originalProps }) {
-            console.log("Collapse:  designerProps:", designerProps, "originalProps:", originalProps);
-            return React.createElement(CollapseDesigner, Object.assign({}, designerProps, originalProps));
-        },
-    },
-});
+// function CollapseDesigner({
+//     children,
+//     [SLOT.dnd]: dataDnd,
+//     [SLOT.id]: dataId,
+//     style,
+//     ...rest
+// }: CollapseProps & { [key: string]: any; dnd?: string; children?: React.ReactNode }) {
+//     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 (
+//         <AntCollapse
+//         className={dataId}
+//             data-dnd={dataDnd}
+//             data-id={dataId}
+//             style={style}
+//             {...rest}
+//         >
+//             {children}
+//         </AntCollapse>
+//     );
+// }
+// export const Collapse = defineComponent(AntCollapse, {
+//     name: 'Collapse',
+//     designerConfig: {
+//         render({ designerProps, originalProps }) {
+//             console.log("Collapse:  designerProps:", designerProps, "originalProps:", originalProps);
+//             return <CollapseDesigner {...designerProps} {...originalProps} />;
+//         },
+//     },
+// });
 // export const CollapsePanel = defineComponent(AntCollapse.Panel, {
 //     name: 'CollapsePanel',
 // });
+import { Collapse as AntCollapse } from 'antd';
+import React from 'react';
+import { SLOT } from '../helpers/slottype';
+export const Collapse = (_a) => {
+    var 
+    //items,
+    _b = SLOT.id, 
+    //items,
+    dataId = _a[_b], _c = SLOT.dnd, dataDnd = _a[_c], { style } = _a, rest = __rest(_a, [typeof _b === "symbol" ? _b : _b + "", typeof _c === "symbol" ? _c : _c + "", "style"]);
+    //console.log("新的descriptions组件0507001", dataId, dataDnd, rest);
+    return (React.createElement("div", { "data-dnd": dataDnd, "data-id": rest.tid, draggable: true, style: style },
+        React.createElement(AntCollapse, Object.assign({}, rest), rest.children)));
+};
+export const CollapsePanel = (props) => {
+    //console.log("新的descriptions组件0507001", dataId, dataDnd, rest);
+    return (
+    // <div data-dnd={dataDnd} data-id={rest.tid}  draggable={true} style={style} >
+    React.createElement(AntCollapse.Panel, Object.assign({}, props))
+    // </div>
+    );
+};
+Collapse.Panel = CollapsePanel;