@cuvp1225/antd 0.3.37 → 0.3.40

package/lib/esm/components/popconfirm.js

@@ -8,8 +8,19 @@ function PopconfirmDesigner(_a) {
     useEffect(() => {
         console.log('PopconfirmDesigner', dataDnd, dataId, rest);
     }, []);
-    return (React.createElement("div", { id: "popconfirSwrapper", "data-dnd": dataDnd, "data-id": dataId },
-        React.createElement(AntPopconfirm, Object.assign({ title: title, "data-dnd": dataDnd, "data-id": dataId }, rest, { style: style }), children)));
+    // 添加弹出层容器的自定义属性
+    const overlayProps = {
+        "data-dnd": dataDnd,
+        "data-id": dataId,
+    };
+    useEffect(() => {
+        const popover = document.querySelector('.ant-popconfirm');
+        if (popover) {
+            popover.setAttribute('data-dnd', dataDnd);
+            popover.setAttribute('data-id', dataId);
+        }
+    }, [dataDnd, dataId]);
+    return (React.createElement(AntPopconfirm, Object.assign({ title: title, overlayClassName: "custom-popconfirm-overlay" }, rest, { style: style }), children));
 }
 export const Popconfirm = defineComponent(AntPopconfirm, {
     name: 'Popconfirm',

package/lib/esm/components/row.js

@@ -1,28 +1,32 @@
 import { __rest } from "tslib";
 import React from 'react';
-import { css } from 'styled-components';
-import { coral } from 'coral-system';
 import { Row as AntRow } from 'antd';
 import { defineComponent } from '@music163/tango-boot';
-import { Placeholder } from './placeholder';
-import { ShadowContainer } from './shadow-container';
-const BaseRowWrapper = coral('div', css `
-    position: relative;
-    background-color: #fff;
-    border: 1px solid var(--music-colors-line-normal);
-    box-shadow: var(--music-shadows-lowDown);
-    min-width: 600px;
-
-    .RowNewPanelBody {
-      padding: 12px;
-    }
-  `);
+// const BaseRowWrapper = coral(
+//   'div',
+//   css`
+//     position: relative;
+//     background-color: #fff;
+//     min-width: 600px;
+//     .RowNewPanelBody {
+//       padding: 12px;
+//     }
+//   `,
+// );
+const rowStyle = {
+    position: 'relative',
+    backgroundColor: '#fff',
+    minWidth: '600px',
+};
+// interface RowDesignerProps extends React.HTMLAttributes<HTMLDivElement> {
+//   style?: React.CSSProperties;
+//   children?: React.ReactNode;
+// }
 function RowDesigner(_a) {
     var { gutter, align, justify, prefixCls, wrap, style, children } = _a, rest = __rest(_a, ["gutter", "align", "justify", "prefixCls", "wrap", "style", "children"]);
     console.log("zcq栅格行的入参", gutter, align, justify, prefixCls, wrap, style, children);
-    return (React.createElement(ShadowContainer, Object.assign({ type: "modal", label: "Row", bg: "rgba(0, 0, 0, 0.45)", px: "100px", py: "24px" }, rest),
-        React.createElement(BaseRowWrapper, { style: style },
-            React.createElement("div", { className: "RowNewPanelBody" }, children || React.createElement(Placeholder, null)))));
+    return (React.createElement("div", { style: Object.assign(Object.assign({}, rowStyle), style) },
+        React.createElement("div", null, children || React.createElement("div", null, "\u62D6\u5165\u7EC4\u4EF6"))));
 }
 export const Row1 = defineComponent(AntRow, {
     name: 'Row1',

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

@@ -0,0 +1,2 @@
+export declare const Timeline: import("react").ForwardRefExoticComponent<import("antd").TimelineProps & import("@music163/tango-boot").TangoComponentProps & import("react").RefAttributes<unknown>>;
+export declare const TimelineItem: import("react").ForwardRefExoticComponent<import("antd").TimelineItemProps & import("@music163/tango-boot").TangoComponentProps & import("react").RefAttributes<unknown>>;

package/lib/esm/components/timeline.js

@@ -0,0 +1,8 @@
+import { defineComponent } from '@music163/tango-boot';
+import { Timeline as AntTimeline } from 'antd';
+export const Timeline = defineComponent(AntTimeline, {
+    name: 'Timeline'
+});
+export const TimelineItem = defineComponent(AntTimeline.Item, {
+    name: 'TimelineItem',
+});

package/lib/esm/prototypes/form.js

@@ -40,22 +40,24 @@ export const Form = {
     package: '@cuvp1225/antd',
     help: '最基本的表单组件，可以创建一个轻量级表单。',
     hasChildren: true,
-    initChildren: `<Form.Item label="Username" name="username" rules={[{ required: true, message: "Please input your username!" }]}>
-  <Input />
-  </Form.Item>
-  <Form.Item
-      label="Password"
-      name="password"
-      rules={[{ required: true, message: 'Please input your password!' }]}
-    >
-      <Input.Password />
-    </Form.Item> 
-     <Form.Item wrapperCol={{ offset: 8, span: 16 }}>
-    <Button type="primary" htmlType="submit">
-      Submit
-    </Button>
-  </Form.Item>`,
-    relatedImports: ['FormItem', 'FormFooter', 'Button'],
+    // initChildren:
+    // `<Form.Item label="Username" name="username" rules={[{ required: true, message: "Please input your username!" }]}>
+    // <Input />
+    // </Form.Item>
+    // <Form.Item
+    //     label="Password"
+    //     name="password"
+    //     rules={[{ required: true, message: 'Please input your password!' }]}
+    //   >
+    //     <Input.Password />
+    //   </Form.Item> 
+    //    <Form.Item wrapperCol={{ offset: 8, span: 16 }}>
+    //   <Button type="primary" htmlType="submit">
+    //     Submit
+    //   </Button>
+    // </Form.Item>`,
+    initChildren: '<FormItem component="Input" label="表单项" ><div><Placeholder></Placeholder></div></FormItem><FormItem component="Input" label="表单项" ><div><Placeholder></Placeholder></div></FormItem><FormItem component="Input" label="表单项" ><div><Placeholder></Placeholder></div></FormItem><FormItem   wrapperCol={{offset: 8,span: 16,}}><Button type="primary" htmlType="submit">提交</Button></FormItem>',
+    relatedImports: ['FormItem', 'FormFooter', 'Button', 'Input'],
     childrenName: ['FormItem', 'Fieldset', 'FormFooter'],
     props: [
         ...StylePrototypes,
@@ -181,6 +183,7 @@ export const FormItem = {
     package: '@cuvp1225/antd',
     help: '一个基本的表单项',
     hasChildren: true,
+    initChildren: '<div><Placeholder></Placeholder></div>',
     props: [
         ...StylePrototypes,
         {

package/lib/esm/prototypes/input.js

@@ -28,6 +28,36 @@ export const Input = {
             setter: 'textSetter',
             group: 'basic',
         },
+        {
+            name: 'type',
+            title: '类型',
+            tip: '声明 input 类型，同原生 input 标签的 type 属性',
+            setter: 'choiceSetter',
+            setterProps: {
+                options: [
+                    { label: '文本', value: 'text' },
+                    { label: '密码', value: 'password' },
+                    { label: '数字', value: 'number' },
+                    { label: '颜色', value: 'color' },
+                    { label: '电话', value: 'tel' },
+                    { label: '搜索', value: 'search' },
+                    { label: '电子邮件', value: 'email' },
+                    { label: '网址', value: 'url' },
+                    { label: '日期', value: 'date' },
+                    { label: '月份', value: 'month' },
+                    { label: '周', value: 'week' },
+                    { label: '时间', value: 'time' },
+                    { label: '日期时间', value: 'datetime-local' },
+                    { label: '文件', value: 'file' },
+                    { label: '提交', value: 'submit' },
+                    { label: '重置', value: 'reset' },
+                    { label: '图像', value: 'image' },
+                    { label: '按钮', value: 'button' },
+                    { label: '范围', value: 'range' }
+                ],
+            },
+            group: 'basic',
+        },
         {
             name: 'maxLength',
             title: '最大长度',
@@ -99,13 +129,6 @@ export const Input = {
             setter: 'iconSetter',
             group: 'advanced',
         },
-        {
-            name: 'type',
-            title: '类型',
-            tip: '声明 input 类型，同原生 input 标签的 type 属性',
-            setter: 'textSetter',
-            group: 'advanced',
-        },
         {
             name: 'onPressEnter',
             title: '回车回调',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cuvp1225/antd",
-  "version": "0.3.37",
+  "version": "0.3.40",
   "description": "antd components for tango app",
   "author": "wwsun <ww.sww@outlook.com>",
   "homepage": "https://github.com/netease/tango-components#readme",
@@ -48,11 +48,11 @@
   "dependencies": {
     "@cuvp1225/formily": "^0.2.6",
     "@cuvp1225/foundation": "^0.3.2",
-    "@music163/tango-boot": "^0.3.3",
+    "@music163/tango-boot": "0.3.5",
     "@music163/tango-helpers": "1.2.8",
     "antd": "4",
     "classnames": "^2.3.2",
     "coral-system": "^1.0.6"
   },
-  "gitHead": "5a02ab8c904bdd59d746c45847aac79832ecef55"
+  "gitHead": "7fc136c6e7de89550d2ffc92f2b819d76c952594"
 }