@cuvp1225/antd 0.1.19-beta.14 → 0.1.19-beta.3

package/lib/esm/components/upload.js

@@ -1,14 +1,47 @@
 import { __rest } from "tslib";
 import { Upload as AntUpload } from 'antd';
-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)));
-};
+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: {
+    // },
+});

package/lib/esm/prototypes/collapse.js

@@ -1,6 +1,6 @@
 import { StylePrototypes } from './common';
 import React from 'react';
-import { Switch, Select } from 'antd';
+import { Switch } from 'antd';
 export const Collapse = {
     name: 'Collapse',
     title: '折叠面板',
@@ -10,10 +10,8 @@ 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: 'Panel',
-    initChildren: `<Panel  header="panel1" key="1"><Placeholder text="放置替换" /></Panel><Panel header="panel2" key="2"><Placeholder text="放置替换" /></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>`,
     relatedImports: ['Placeholder'],
     props: [
         ...StylePrototypes,
@@ -26,44 +24,32 @@ 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, { defaultChecked: false })
+                        component: React.createElement(Switch, null)
                     },
                     {
                         label: '隐藏时保留',
                         name: 'forceRender',
-                        component: React.createElement(Switch, { defaultChecked: false }),
-                        // defaultValue: false,
+                        component: React.createElement(Switch, null),
+                        defaultValue: false,
                     },
                     {
                         label: '是否展示当前面板上的箭头',
                         name: 'showArrow',
-                        component: React.createElement(Switch, { defaultChecked: true }),
-                        // defaultValue: true,
+                        component: React.createElement(Switch, null),
+                        defaultValue: true,
                     },
                 ]
             }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cuvp1225/antd",
-  "version": "0.1.19-beta.14",
+  "version": "0.1.19-beta.3",
   "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": "1937d175c21dc0b4b463a54b47fc3957302f82bf"
+  "gitHead": "7307ebd49884f0856d7f20182b80eedcb9a2dacc"
 }

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

@@ -1,6 +0,0 @@
-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/cjs/components/backTop.js

@@ -1,17 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.BackTop = void 0;
-const tslib_1 = require("tslib");
-const antd_1 = require("antd");
-const react_1 = tslib_1.__importDefault(require("react"));
-const slottype_1 = require("../helpers/slottype");
-const BackTop = (_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"]);
-    return (react_1.default.createElement("div", { "data-dnd": dataDnd, "data-id": rest.tid, draggable: true, style: style },
-        react_1.default.createElement(antd_1.BackTop, Object.assign({}, rest), rest.children)));
-};
-exports.BackTop = BackTop;

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

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

package/lib/cjs/helpers/slottype.js

@@ -1,13 +0,0 @@
-"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/esm/components/backTop.d.ts

@@ -1,6 +0,0 @@
-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

@@ -1,13 +0,0 @@
-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/helpers/slottype.d.ts

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

package/lib/esm/helpers/slottype.js

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