@cuvp1225/antd 0.3.87 → 0.3.89

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

@@ -61,3 +61,4 @@ export { Descriptions } from './descriptions';
 export { Tree } from './tree';
 export { Alert } from "./alert";
 export { Progress } from './progress';
+export { Div } from './div';

package/lib/cjs/components/index.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Spin = exports.Skeleton = exports.Upload = exports.DropdownButton = exports.Dropdown = exports.ListItem = exports.List = exports.CollapsePanel = exports.Collapse = exports.TimelineItem = exports.Timeline = exports.Menu = exports.MenuItem = exports.BreadcrumbItem = exports.Breadcrumb = exports.FormFooter = exports.FormItem = exports.Fieldset = exports.Form = exports.Cascader = exports.CheckboxGroup = exports.Checkbox = exports.RadioGroup = exports.Radio = exports.DatePicker = exports.Drawer = exports.Result = exports.Tooltip = exports.Popover = exports.Popconfirm = exports.Row1 = exports.Column = exports.Columns = exports.Text = exports.Paragraph = exports.Title = exports.Typography = exports.Space = exports.Select = exports.Modalnew = exports.Password = exports.TextArea = exports.Input = exports.InputNumber = exports.ButtonGroup = exports.Button = exports.Box = exports.When = exports.Link = exports.Each = void 0;
-exports.Progress = exports.Alert = exports.Tree = exports.Descriptions = exports.Tabs = exports.Image = exports.TreeSelect = exports.Mentions = exports.AutoComplete = exports.Switch = exports.PageHeader = exports.Statistic = exports.Transfer = exports.TimePicker = exports.Comment = exports.Rate = exports.Slider = exports.Empty = exports.Avatar = exports.Tag = exports.Card = exports.Table = exports.Pagination = exports.Badge = exports.Divider = exports.Carousel = exports.Calendar = exports.Anchor = void 0;
+exports.Div = exports.Progress = exports.Alert = exports.Tree = exports.Descriptions = exports.Tabs = exports.Image = exports.TreeSelect = exports.Mentions = exports.AutoComplete = exports.Switch = exports.PageHeader = exports.Statistic = exports.Transfer = exports.TimePicker = exports.Comment = exports.Rate = exports.Slider = exports.Empty = exports.Avatar = exports.Tag = exports.Card = exports.Table = exports.Pagination = exports.Badge = exports.Divider = exports.Carousel = exports.Calendar = exports.Anchor = void 0;
 const tslib_1 = require("tslib");
 tslib_1.__exportStar(require("antd"), exports);
 //export { Each, Link, Text, When } from '@cuvp1225/foundation';
@@ -149,3 +149,5 @@ var alert_1 = require("./alert");
 Object.defineProperty(exports, "Alert", { enumerable: true, get: function () { return alert_1.Alert; } });
 var progress_1 = require("./progress");
 Object.defineProperty(exports, "Progress", { enumerable: true, get: function () { return progress_1.Progress; } });
+var div_1 = require("./div");
+Object.defineProperty(exports, "Div", { enumerable: true, get: function () { return div_1.Div; } });

package/lib/cjs/components/spin.js

@@ -21,7 +21,10 @@ function SpinDesigner(_a) {
         });
     }, [dataDnd, dataId]);
     return (react_1.default.createElement("div", { ref: spinRef },
-        react_1.default.createElement(antd_1.Spin, Object.assign({ className: dataId, spinning: spinning, "data-dnd": dataDnd, "data-id": dataId, style: style }, rest), children)));
+        react_1.default.createElement(antd_1.Spin, Object.assign({ className: dataId, spinning: spinning, 
+            // data-dnd={dataDnd}
+            // data-id={dataId}
+            style: style }, rest), children)));
 }
 exports.Spin = (0, tango_boot_1.defineComponent)(antd_1.Spin, {
     name: 'Spin',

package/lib/cjs/components/statistic.js

@@ -29,15 +29,18 @@ function StatisticDesigner(_a) {
             const popoverNode = document.querySelector(`.${dataId}`);
             console.log('rate', popoverNode);
             if (popoverNode) {
-                // popoverNode.setAttribute('data-dnd', dataDnd);
-                // popoverNode.setAttribute('data-id', dataId);
+                popoverNode.setAttribute('data-dnd', dataDnd);
+                popoverNode.setAttribute('data-id', dataId);
                 popoverNode.setAttribute('draggable', 'true');
             }
         });
     }, [dataDnd, dataId]);
     return (
     //   <div ref={statisticRef}>
-    react_1.default.createElement(antd_1.Statistic, Object.assign({ className: dataId, "data-dnd": dataDnd, "data-id": dataId, style: style }, rest))
+    react_1.default.createElement(antd_1.Statistic, Object.assign({ className: dataId, 
+        // data-dnd={dataDnd}
+        // data-id={dataId}
+        style: style }, rest))
     // </div>
     );
 }

package/lib/cjs/components/timeline.js

@@ -17,10 +17,6 @@ function TimelineDesigner(_a) {
                 popoverNode.setAttribute('data-id', dataId);
                 popoverNode.setAttribute('draggable', 'true');
             }
-            const itemNode = document.querySelector('.ant-timeline-item');
-            if (itemNode) {
-                popoverNode.setAttribute('draggable', 'false');
-            }
         });
     }, [dataDnd, dataId]);
     return (react_1.default.createElement(antd_1.Timeline, Object.assign({ className: dataId, 

package/lib/cjs/prototypes/anchor.js

@@ -11,7 +11,7 @@ exports.Anchor = {
     props: [
         ...common_1.StylePrototypes,
         { name: 'affix', title: '固定模式', setter: 'boolSetter', initValue: true },
-        { name: 'items', title: '锚点列表', setter: 'arraySetter', initValue: [{ name: '锚点1', href: '#1' }] },
+        { name: 'items', title: '锚点列表', setter: 'arraySetter', initValue: [{ title: '锚点1', href: '#1' }] },
         {
             name: 'bounds',
             title: '锚点区域边界',

package/lib/cjs/prototypes/descriptions.js

@@ -21,6 +21,18 @@ exports.Descriptions = {
             setter: 'textSetter',
             initValue: '标题',
         },
+        {
+            name: 'items',
+            title: '数据源',
+            tip: '支持异步数据载入',
+            setter: 'optionSetter',
+            initValue: [
+                { label: 'UserName', value: 'user1' },
+                { label: 'Telephone', value: '123456' },
+                { label: 'Live', value: 'Live' },
+            ],
+            group: 'basic',
+        },
         {
             name: 'bordered',
             title: '是否展示边框',

package/lib/cjs/prototypes/div.d.ts

@@ -0,0 +1,2 @@
+import { ComponentPrototypeType } from '@music163/tango-helpers';
+export declare const Div: ComponentPrototypeType;

package/lib/cjs/prototypes/div.js

@@ -0,0 +1,59 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Div = void 0;
+const common_1 = require("./common");
+exports.Div = {
+    name: 'div',
+    title: 'div容器',
+    package: '@cuvp1225/antd',
+    icon: 'icon-div',
+    type: 'element',
+    hasChildren: true,
+    initChildren: '<Placeholder text="放置替换" />',
+    props: [
+        ...common_1.StylePrototypes,
+        {
+            name: 'className',
+            title: '类名',
+            setter: 'codeSetter',
+        },
+        {
+            name: 'id',
+            title: 'ID',
+            setter: 'codeSetter',
+        },
+        {
+            name: 'title',
+            title: '提示信息',
+            setter: 'textSetter',
+        },
+        {
+            name: 'hidden',
+            title: '隐藏元素',
+            setter: 'boolSetter',
+        },
+        {
+            name: 'onclick',
+            title: '点击事件',
+            group: 'event',
+            setter: 'actionSetter',
+        },
+        {
+            name: 'onmouseover',
+            title: '鼠标悬停事件',
+            group: 'event',
+            setter: 'actionSetter',
+        },
+        {
+            name: 'onmouseout',
+            title: '鼠标移出事件',
+            group: 'event',
+            setter: 'actionSetter',
+        },
+    ],
+    rules: {
+        canMoveIn(incomingName) {
+            return !(incomingName === exports.Div.name);
+        },
+    },
+};

package/lib/cjs/prototypes/index.d.ts

@@ -66,3 +66,4 @@ export * from './tree';
 export * from './typography';
 export * from './upload';
 export * from './row';
+export * from './div';

package/lib/cjs/prototypes/index.js

@@ -69,3 +69,4 @@ tslib_1.__exportStar(require("./tree"), exports);
 tslib_1.__exportStar(require("./typography"), exports);
 tslib_1.__exportStar(require("./upload"), exports);
 tslib_1.__exportStar(require("./row"), exports);
+tslib_1.__exportStar(require("./div"), exports);

package/lib/esm/components/badge.js

@@ -17,8 +17,11 @@ function BadgeDesigner(_a) {
             }
         });
     }, [dataDnd, dataId]);
-    return (React.createElement("div", { ref: badgeRef, draggable: 'true' },
-        React.createElement(AntBadge, Object.assign({ className: dataId, "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/descriptions.js

@@ -4,7 +4,7 @@ import { defineComponent } from '@music163/tango-boot';
 import React, { useEffect } from 'react';
 import { SLOT } from '@music163/tango-helpers';
 function DescriptionsDesigner(_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"]);
     useEffect(() => {
         Promise.resolve().then(() => {
             const popoverNode = document.querySelector(`.${dataId}`);
@@ -16,7 +16,7 @@ function DescriptionsDesigner(_a) {
             }
         });
     }, [dataDnd, dataId]);
-    return (React.createElement(AntDescriptions, Object.assign({ className: dataId, "data-dnd": dataDnd, "data-id": dataId, style: style }, rest), children));
+    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',

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

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const Div: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement> & import("@music163/tango-boot").TangoComponentProps, "ref"> & React.RefAttributes<unknown>>;

package/lib/esm/components/div.js

@@ -0,0 +1,15 @@
+import React from "react";
+import { defineComponent } from "@music163/tango-boot";
+import { Placeholder } from "./placeholder";
+// 指定泛型类型为 HTMLDivElement
+const DivComponent = React.forwardRef((props, ref) => {
+    return React.createElement("div", Object.assign({ ref: ref }, props));
+});
+export const Div = defineComponent(DivComponent, {
+    name: 'Div',
+    designerConfig: {
+        defaultProps: {
+            children: React.createElement(Placeholder, null),
+        },
+    },
+});

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

@@ -61,3 +61,4 @@ export { Descriptions } from './descriptions';
 export { Tree } from './tree';
 export { Alert } from "./alert";
 export { Progress } from './progress';
+export { Div } from './div';

package/lib/esm/components/index.js

@@ -66,3 +66,4 @@ export { Descriptions } from './descriptions';
 export { Tree } from './tree';
 export { Alert } from "./alert";
 export { Progress } from './progress';
+export { Div } from './div';

package/lib/esm/components/spin.js

@@ -18,7 +18,10 @@ function SpinDesigner(_a) {
         });
     }, [dataDnd, dataId]);
     return (React.createElement("div", { ref: spinRef },
-        React.createElement(AntSpin, Object.assign({ className: dataId, spinning: spinning, "data-dnd": dataDnd, "data-id": dataId, style: style }, rest), children)));
+        React.createElement(AntSpin, Object.assign({ className: dataId, spinning: spinning, 
+            // data-dnd={dataDnd}
+            // data-id={dataId}
+            style: style }, rest), children)));
 }
 export const Spin = defineComponent(AntSpin, {
     name: 'Spin',

package/lib/esm/components/statistic.js

@@ -26,15 +26,18 @@ function StatisticDesigner(_a) {
             const popoverNode = document.querySelector(`.${dataId}`);
             console.log('rate', popoverNode);
             if (popoverNode) {
-                // popoverNode.setAttribute('data-dnd', dataDnd);
-                // popoverNode.setAttribute('data-id', dataId);
+                popoverNode.setAttribute('data-dnd', dataDnd);
+                popoverNode.setAttribute('data-id', dataId);
                 popoverNode.setAttribute('draggable', 'true');
             }
         });
     }, [dataDnd, dataId]);
     return (
     //   <div ref={statisticRef}>
-    React.createElement(AntStatistic, Object.assign({ className: dataId, "data-dnd": dataDnd, "data-id": dataId, style: style }, rest))
+    React.createElement(AntStatistic, Object.assign({ className: dataId, 
+        // data-dnd={dataDnd}
+        // data-id={dataId}
+        style: style }, rest))
     // </div>
     );
 }

package/lib/esm/components/timeline.js

@@ -14,10 +14,6 @@ function TimelineDesigner(_a) {
                 popoverNode.setAttribute('data-id', dataId);
                 popoverNode.setAttribute('draggable', 'true');
             }
-            const itemNode = document.querySelector('.ant-timeline-item');
-            if (itemNode) {
-                popoverNode.setAttribute('draggable', 'false');
-            }
         });
     }, [dataDnd, dataId]);
     return (React.createElement(AntTimeline, Object.assign({ className: dataId, 

package/lib/esm/prototypes/anchor.js

@@ -8,7 +8,7 @@ export const Anchor = {
     props: [
         ...StylePrototypes,
         { name: 'affix', title: '固定模式', setter: 'boolSetter', initValue: true },
-        { name: 'items', title: '锚点列表', setter: 'arraySetter', initValue: [{ name: '锚点1', href: '#1' }] },
+        { name: 'items', title: '锚点列表', setter: 'arraySetter', initValue: [{ title: '锚点1', href: '#1' }] },
         {
             name: 'bounds',
             title: '锚点区域边界',

package/lib/esm/prototypes/descriptions.js

@@ -18,6 +18,18 @@ export const Descriptions = {
             setter: 'textSetter',
             initValue: '标题',
         },
+        {
+            name: 'items',
+            title: '数据源',
+            tip: '支持异步数据载入',
+            setter: 'optionSetter',
+            initValue: [
+                { label: 'UserName', value: 'user1' },
+                { label: 'Telephone', value: '123456' },
+                { label: 'Live', value: 'Live' },
+            ],
+            group: 'basic',
+        },
         {
             name: 'bordered',
             title: '是否展示边框',

package/lib/esm/prototypes/div.d.ts

@@ -0,0 +1,2 @@
+import { ComponentPrototypeType } from '@music163/tango-helpers';
+export declare const Div: ComponentPrototypeType;

package/lib/esm/prototypes/div.js

@@ -0,0 +1,56 @@
+import { StylePrototypes } from './common';
+export const Div = {
+    name: 'div',
+    title: 'div容器',
+    package: '@cuvp1225/antd',
+    icon: 'icon-div',
+    type: 'element',
+    hasChildren: true,
+    initChildren: '<Placeholder text="放置替换" />',
+    props: [
+        ...StylePrototypes,
+        {
+            name: 'className',
+            title: '类名',
+            setter: 'codeSetter',
+        },
+        {
+            name: 'id',
+            title: 'ID',
+            setter: 'codeSetter',
+        },
+        {
+            name: 'title',
+            title: '提示信息',
+            setter: 'textSetter',
+        },
+        {
+            name: 'hidden',
+            title: '隐藏元素',
+            setter: 'boolSetter',
+        },
+        {
+            name: 'onclick',
+            title: '点击事件',
+            group: 'event',
+            setter: 'actionSetter',
+        },
+        {
+            name: 'onmouseover',
+            title: '鼠标悬停事件',
+            group: 'event',
+            setter: 'actionSetter',
+        },
+        {
+            name: 'onmouseout',
+            title: '鼠标移出事件',
+            group: 'event',
+            setter: 'actionSetter',
+        },
+    ],
+    rules: {
+        canMoveIn(incomingName) {
+            return !(incomingName === Div.name);
+        },
+    },
+};

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

@@ -66,3 +66,4 @@ export * from './tree';
 export * from './typography';
 export * from './upload';
 export * from './row';
+export * from './div';

package/lib/esm/prototypes/index.js

@@ -66,3 +66,4 @@ export * from './tree';
 export * from './typography';
 export * from './upload';
 export * from './row';
+export * from './div';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cuvp1225/antd",
-  "version": "0.3.87",
+  "version": "0.3.89",
   "description": "antd components for tango app",
   "author": "wwsun <ww.sww@outlook.com>",
   "homepage": "https://github.com/netease/tango-components#readme",
@@ -54,5 +54,5 @@
     "classnames": "^2.3.2",
     "coral-system": "^1.0.6"
   },
-  "gitHead": "f8fa4872ec7495f7ac66dfffa22167797f6202f1"
+  "gitHead": "76c5a3c5565f5a14088efe769ba10bdf4eabbbf4"
 }