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

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

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

package/lib/esm/components/upload.js

@@ -1,47 +1,14 @@
 import { __rest } from "tslib";
 import { Upload as AntUpload } from 'antd';
-import { defineComponent } from '@music163/tango-boot';
-import React, { useEffect, useRef } from 'react';
-import { SLOT } from '@music163/tango-helpers';
-function UploadDesigner(_a) {
-    var { children, title } = _a, _b = SLOT.dnd, dataDnd = _a[_b], _c = SLOT.id, dataId = _a[_c], { style } = _a, rest = __rest(_a, ["children", "title", typeof _b === "symbol" ? _b : _b + "", typeof _c === "symbol" ? _c : _c + "", "style"]);
-    const uploadRef = useRef(null);
-    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.createElement("div", { ref: uploadRef },
-        React.createElement(AntUpload, Object.assign({ className: dataId, "data-dnd": dataDnd, "data-id": dataId }, rest), children)));
-}
-export const Upload = defineComponent(AntUpload, {
-    name: 'Upload',
-    designerConfig: {
-        render({ designerProps, originalProps }) {
-            console.log("Upload:  designerProps:", designerProps, "originalProps:", originalProps);
-            return React.createElement(UploadDesigner, Object.assign({ title: "Are you sure?" }, designerProps, originalProps));
-        },
-    },
-    // designerConfig: {
-    // },
-});
+import React from 'react';
+import { SLOT } from '../helpers/slottype';
+export const Upload = (_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(AntUpload, Object.assign({}, rest), rest.children)));
+};

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

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

package/lib/esm/helpers/slottype.js

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

package/lib/esm/prototypes/collapse.js

@@ -1,6 +1,6 @@
 import { StylePrototypes } from './common';
 import React from 'react';
-import { Switch } from 'antd';
+import { Switch, Select } from 'antd';
 export const Collapse = {
     name: 'Collapse',
     title: '折叠面板',
@@ -10,8 +10,10 @@ export const 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: [
         ...StylePrototypes,
@@ -24,32 +26,44 @@ export const 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.createElement(Select, { options: [
+                                { value: 'header', label: '面板头', },
+                                { value: 'icon', label: '箭头', },
+                                { value: 'disabled', label: '不可折叠', },
+                            ] })
                     },
-                    // {
-                    //   label: '是否可折叠',
-                    //   name: 'collapsible',
-                    //   component: <Switch />
-                    // },
                     {
                         label: '自定义渲染',
                         name: 'extra',
-                        component: React.createElement(Switch, null)
+                        component: React.createElement(Switch, { defaultChecked: false })
                     },
                     {
                         label: '隐藏时保留',
                         name: 'forceRender',
-                        component: React.createElement(Switch, null),
-                        defaultValue: false,
+                        component: React.createElement(Switch, { defaultChecked: false }),
+                        // defaultValue: false,
                     },
                     {
                         label: '是否展示当前面板上的箭头',
                         name: 'showArrow',
-                        component: React.createElement(Switch, null),
-                        defaultValue: true,
+                        component: React.createElement(Switch, { defaultChecked: true }),
+                        // defaultValue: true,
                     },
                 ]
             }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cuvp1225/antd",
-  "version": "0.1.19-beta.2",
+  "version": "0.1.19-beta.20",
   "description": "antd components for tango app",
   "author": "wwsun <ww.sww@outlook.com>",
   "homepage": "https://github.com/netease/tango-components#readme",
@@ -55,5 +55,5 @@
     "classnames": "^2.3.2",
     "coral-system": "^1.0.6"
   },
-  "gitHead": "86f6c85a3ea1082f6eb3f225f38e190cd0e6953d"
+  "gitHead": "10779ae7b978a95c533f446f8d9d1c3973249290"
 }