@cuvp1225/antd 0.1.7 → 0.1.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (7) hide show
  1. package/dist/designer.js +18197 -638
  2. package/dist/f85a2c594d34da3af9f9.svg +46 -0
  3. package/lib/cjs/prototypes/form.js +6 -0
  4. package/lib/cjs/prototypes/timeline.js +32 -0
  5. package/lib/esm/prototypes/form.js +6 -0
  6. package/lib/esm/prototypes/timeline.js +31 -0
  7. package/package.json +4 -3
package/dist/f85a2c594d34da3af9f9.svg ADDED
@@ -0,0 +1,46 @@
1
+ <?xml version="1.0" encoding="UTF-8"?>
2
+ <svg width="8px" height="8px" viewBox="0 0 8 8" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
3
+ <title>编组</title>
4
+ <defs>
5
+ <path d="M21.5857864,0.585786438 C22.366835,-0.195262146 23.633165,-0.195262146 24.4142136,0.585786438 L29.8284271,6 C30.5785726,6.75014551 31.5959883,7.17157288 32.6568542,7.17157288 L247.744459,7.17157288 C251.310534,7.17157288 252.603679,7.54287532 253.907383,8.24010369 C255.211087,8.93733206 256.234241,9.96048636 256.931469,11.2641901 C257.628698,12.5678938 258,13.8610387 258,17.4271137 L258,406.916032 C258,410.482107 257.628698,411.775252 256.931469,413.078956 C256.234241,414.382659 255.211087,415.405814 253.907383,416.103042 C252.603679,416.80027 251.310534,417.171573 247.744459,417.171573 L10.2555408,417.171573 C6.68946584,417.171573 5.39632089,416.80027 4.09261719,416.103042 C2.78891348,415.405814 1.76575919,414.382659 1.06853082,413.078956 C0.371302445,411.775252 -5.68434189e-14,410.482107 5.68434189e-14,406.916032 L0,17.4271137 C0,13.8610387 0.371302445,12.5678938 1.06853082,11.2641901 C1.76575919,9.96048636 2.78891348,8.93733206 4.09261719,8.24010369 C5.39632089,7.54287532 6.68946584,7.17157288 10.2555408,7.17157288 L13.3431458,7.17157288 C14.4040117,7.17157288 15.4214274,6.75014551 16.1715729,6 Z" id="path-1"></path>
6
+ <filter x="-22.7%" y="-11.9%" width="145.3%" height="128.0%" filterUnits="objectBoundingBox" id="filter-2">
7
+ <feMorphology radius="4" operator="dilate" in="SourceAlpha" result="shadowSpreadOuter1"></feMorphology>
8
+ <feOffset dx="0" dy="9" in="shadowSpreadOuter1" result="shadowOffsetOuter1"></feOffset>
9
+ <feGaussianBlur stdDeviation="14" in="shadowOffsetOuter1" result="shadowBlurOuter1"></feGaussianBlur>
10
+ <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0" type="matrix" in="shadowBlurOuter1" result="shadowMatrixOuter1"></feColorMatrix>
11
+ <feOffset dx="0" dy="6" in="SourceAlpha" result="shadowOffsetOuter2"></feOffset>
12
+ <feGaussianBlur stdDeviation="8" in="shadowOffsetOuter2" result="shadowBlurOuter2"></feGaussianBlur>
13
+ <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.08 0" type="matrix" in="shadowBlurOuter2" result="shadowMatrixOuter2"></feColorMatrix>
14
+ <feMorphology radius="2" operator="erode" in="SourceAlpha" result="shadowSpreadOuter3"></feMorphology>
15
+ <feOffset dx="0" dy="3" in="shadowSpreadOuter3" result="shadowOffsetOuter3"></feOffset>
16
+ <feGaussianBlur stdDeviation="3" in="shadowOffsetOuter3" result="shadowBlurOuter3"></feGaussianBlur>
17
+ <feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.12 0" type="matrix" in="shadowBlurOuter3" result="shadowMatrixOuter3"></feColorMatrix>
18
+ <feMerge>
19
+ <feMergeNode in="shadowMatrixOuter1"></feMergeNode>
20
+ <feMergeNode in="shadowMatrixOuter2"></feMergeNode>
21
+ <feMergeNode in="shadowMatrixOuter3"></feMergeNode>
22
+ </feMerge>
23
+ </filter>
24
+ <rect id="path-3" x="0" y="0" width="162" height="8" rx="4"></rect>
25
+ </defs>
26
+ <g id="拾色器页面" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
27
+ <g id="样式变体" transform="translate(-121.000000, -1367.000000)">
28
+ <rect fill="#F0F2F5" x="0" y="0" width="1000" height="1684"></rect>
29
+ <g id="形状结合" transform="translate(61.000000, 1155.828427)">
30
+ <use fill="black" fill-opacity="1" filter="url(#filter-2)" xlink:href="#path-1"></use>
31
+ <use fill="#FFFFFF" fill-rule="evenodd" xlink:href="#path-1"></use>
32
+ </g>
33
+ <g id="Group-Copy备份-36" transform="translate(110.000000, 1365.000000)">
34
+ <g id="编组" transform="translate(3.000000, 2.000000)">
35
+ <mask id="mask-4" fill="white">
36
+ <use xlink:href="#path-3"></use>
37
+ </mask>
38
+ <g id="蒙版"></g>
39
+ <g mask="url(#mask-4)" fill="#000000" fill-opacity="0.056043078" id="形状结合">
40
+ <path d="M8,4 L8,8 L4,8 L4,4 L8,4 Z M16,4 L16,8 L12,8 L12,4 L16,4 Z M24,4 L24,8 L20,8 L20,4 L24,4 Z M32,4 L32,8 L28,8 L28,4 L32,4 Z M40,4 L40,8 L36,8 L36,4 L40,4 Z M48,4 L48,8 L44,8 L44,4 L48,4 Z M56,4 L56,8 L52,8 L52,4 L56,4 Z M64,4 L64,8 L60,8 L60,4 L64,4 Z M136,4 L136,8 L132,8 L132,4 L136,4 Z M128,4 L128,8 L124,8 L124,4 L128,4 Z M120,4 L120,8 L116,8 L116,4 L120,4 Z M112,4 L112,8 L108,8 L108,4 L112,4 Z M104,4 L104,8 L100,8 L100,4 L104,4 Z M96,4 L96,8 L92,8 L92,4 L96,4 Z M88,4 L88,8 L84,8 L84,4 L88,4 Z M80,4 L80,8 L76,8 L76,4 L80,4 Z M72,4 L72,8 L68,8 L68,4 L72,4 Z M160,8 L156,8 L156,4 L160,4 L160,0 L164,0 L164,4 L166,4 L166,0 L170,0 L170,4 L167,4 L167,8 L163,8 L163,4 L160,4 L160,8 Z M152,4 L152,8 L148,8 L148,4 L152,4 Z M144,4 L144,8 L140,8 L140,4 L144,4 Z M44,0 L44,4 L40,4 L40,0 L44,0 Z M28,0 L28,4 L24,4 L24,0 L28,0 Z M20,0 L20,4 L16,4 L16,0 L20,0 Z M12,0 L12,4 L8,4 L8,0 L12,0 Z M4,0 L4,4 L0,4 L0,0 L4,0 Z M76,0 L76,4 L72,4 L72,0 L76,0 Z M84,0 L84,4 L80,4 L80,0 L84,0 Z M92,0 L92,4 L88,4 L88,0 L92,0 Z M100,0 L100,4 L96,4 L96,0 L100,0 Z M108,0 L108,4 L104,4 L104,0 L108,0 Z M116,0 L116,4 L112,4 L112,0 L116,0 Z M124,0 L124,4 L120,4 L120,0 L124,0 Z M132,0 L132,4 L128,4 L128,0 L132,0 Z M52,0 L52,4 L48,4 L48,0 L52,0 Z M60,0 L60,4 L56,4 L56,0 L60,0 Z M68,0 L68,4 L64,4 L64,0 L68,0 Z M140,0 L140,4 L136,4 L136,0 L140,0 Z M148,0 L148,4 L144,4 L144,0 L148,0 Z M156,0 L156,4 L152,4 L152,0 L156,0 Z M36,0 L36,4 L32,4 L32,0 L36,0 Z"></path>
41
+ </g>
42
+ </g>
43
+ </g>
44
+ </g>
45
+ </g>
46
+ </svg>
package/lib/cjs/prototypes/form.js CHANGED
@@ -64,6 +64,12 @@ exports.Form = {
64
64
  childrenName: ['FormItem', 'Fieldset', 'FormFooter'],
65
65
  props: [
66
66
  ...common_1.StylePrototypes,
67
+ {
68
+ name: 'formChildren',
69
+ title: '表单项',
70
+ tip: '表单项子节点',
71
+ setter: 'arraySetter',
72
+ },
67
73
  {
68
74
  name: 'layout',
69
75
  title: '表单布局',
package/lib/cjs/prototypes/timeline.js CHANGED
@@ -1,7 +1,12 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
3
  exports.TimelineItem = exports.Timeline = void 0;
4
+ const tslib_1 = require("tslib");
4
5
  const common_1 = require("./common");
6
+ const react_1 = tslib_1.__importDefault(require("react"));
7
+ const antd_1 = require("antd");
8
+ const refControlledColorPicker_1 = require("@music163/tango-designer/lib/esm/setters/utils/refControlledColorPicker");
9
+ const icon_setter_1 = require("@music163/tango-designer/lib/esm/setters/icon-setter");
5
10
  exports.Timeline = {
6
11
  name: 'Timeline',
7
12
  title: '时间轴',
@@ -10,6 +15,7 @@ exports.Timeline = {
10
15
  type: 'element',
11
16
  help: '垂直展示的时间流信息，用于一系列信息需按时间排列时',
12
17
  hasChildren: true,
18
+ hasChildrenItem: true,
13
19
  childrenName: 'TimelineItem',
14
20
  initChildren: `<Timeline.Item>阶段1</Timeline.Item><Timeline.Item>阶段2</Timeline.Item><Timeline.Item>阶段3</Timeline.Item>`,
15
21
  //relatedImports: ['TimelineItem'],
@@ -20,6 +26,27 @@ exports.Timeline = {
20
26
  title: '子节点',
21
27
  tip: '时间轴子节点',
22
28
  setter: 'arraySetter',
29
+ setterProps: {
30
+ ArrayProps: [
31
+ { label: '内容', name: 'children', required: true },
32
+ { label: '标签', name: 'label', required: false },
33
+ {
34
+ label: '节点位置',
35
+ name: 'position',
36
+ component: react_1.default.createElement(antd_1.Select, { options: [{ value: 'left', label: 'left', }, { value: 'right', label: 'right', }] })
37
+ },
38
+ {
39
+ label: '圆圈颜色',
40
+ name: 'color',
41
+ component: react_1.default.createElement(refControlledColorPicker_1.RefControlledColorPicker, { onChange: (color) => console.log(color) })
42
+ },
43
+ {
44
+ label: '时间轴点',
45
+ name: 'dot',
46
+ component: react_1.default.createElement(icon_setter_1.AntdIconSetter, { style: { width: '82%' }, onChange: (value) => console.log(value) })
47
+ },
48
+ ]
49
+ },
23
50
  },
24
51
  {
25
52
  name: 'mode',
@@ -52,6 +79,11 @@ exports.Timeline = {
52
79
  setter: 'boolSetter',
53
80
  },
54
81
  ],
82
+ rules: {
83
+ canMoveIn() {
84
+ return false;
85
+ },
86
+ }
55
87
  };
56
88
  exports.TimelineItem = {
57
89
  name: 'Timeline.Item',
package/lib/esm/prototypes/form.js CHANGED
@@ -61,6 +61,12 @@ export const Form = {
61
61
  childrenName: ['FormItem', 'Fieldset', 'FormFooter'],
62
62
  props: [
63
63
  ...StylePrototypes,
64
+ {
65
+ name: 'formChildren',
66
+ title: '表单项',
67
+ tip: '表单项子节点',
68
+ setter: 'arraySetter',
69
+ },
64
70
  {
65
71
  name: 'layout',
66
72
  title: '表单布局',
package/lib/esm/prototypes/timeline.js CHANGED
@@ -1,4 +1,8 @@
1
1
  import { StylePrototypes } from './common';
2
+ import React from 'react';
3
+ import { Select } from 'antd';
4
+ import { RefControlledColorPicker } from '@music163/tango-designer/lib/esm/setters/utils/refControlledColorPicker';
5
+ import { AntdIconSetter } from '@music163/tango-designer/lib/esm/setters/icon-setter';
2
6
  export const Timeline = {
3
7
  name: 'Timeline',
4
8
  title: '时间轴',
@@ -7,6 +11,7 @@ export const Timeline = {
7
11
  type: 'element',
8
12
  help: '垂直展示的时间流信息，用于一系列信息需按时间排列时',
9
13
  hasChildren: true,
14
+ hasChildrenItem: true,
10
15
  childrenName: 'TimelineItem',
11
16
  initChildren: `<Timeline.Item>阶段1</Timeline.Item><Timeline.Item>阶段2</Timeline.Item><Timeline.Item>阶段3</Timeline.Item>`,
12
17
  //relatedImports: ['TimelineItem'],
@@ -17,6 +22,27 @@ export const Timeline = {
17
22
  title: '子节点',
18
23
  tip: '时间轴子节点',
19
24
  setter: 'arraySetter',
25
+ setterProps: {
26
+ ArrayProps: [
27
+ { label: '内容', name: 'children', required: true },
28
+ { label: '标签', name: 'label', required: false },
29
+ {
30
+ label: '节点位置',
31
+ name: 'position',
32
+ component: React.createElement(Select, { options: [{ value: 'left', label: 'left', }, { value: 'right', label: 'right', }] })
33
+ },
34
+ {
35
+ label: '圆圈颜色',
36
+ name: 'color',
37
+ component: React.createElement(RefControlledColorPicker, { onChange: (color) => console.log(color) })
38
+ },
39
+ {
40
+ label: '时间轴点',
41
+ name: 'dot',
42
+ component: React.createElement(AntdIconSetter, { style: { width: '82%' }, onChange: (value) => console.log(value) })
43
+ },
44
+ ]
45
+ },
20
46
  },
21
47
  {
22
48
  name: 'mode',
@@ -49,6 +75,11 @@ export const Timeline = {
49
75
  setter: 'boolSetter',
50
76
  },
51
77
  ],
78
+ rules: {
79
+ canMoveIn() {
80
+ return false;
81
+ },
82
+ }
52
83
  };
53
84
  export const TimelineItem = {
54
85
  name: 'Timeline.Item',
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@cuvp1225/antd",
3
- "version": "0.1.7",
3
+ "version": "0.1.9",
4
4
  "description": "antd components for tango app",
5
5
  "author": "wwsun <ww.sww@outlook.com>",
6
6
  "homepage": "https://github.com/netease/tango-components#readme",
@@ -49,10 +49,11 @@
49
49
  "@cuvp1225/formily": "^0.2.6",
50
50
  "@cuvp1225/foundation": "^0.3.2",
51
51
  "@music163/tango-boot": "0.3.5",
52
- "@music163/tango-helpers": "1.2.8",
52
+ "@music163/tango-designer": "^1.4.58",
53
+ "@music163/tango-helpers": "^1.2.12",
53
54
  "antd": "4",
54
55
  "classnames": "^2.3.2",
55
56
  "coral-system": "^1.0.6"
56
57
  },
57
- "gitHead": "28ad9a9f855500ee63e95b050c5599ba4272ba5d"
58
+ "gitHead": "5b504477a5d96c7c7e1251fa3715ec7ff1e66d42"
58
59
  }