@cuvp1225/antd 0.1.19-beta.33 → 0.1.19-beta.34
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.
- package/lib/cjs/prototypes/index.d.ts +1 -0
- package/lib/cjs/prototypes/index.js +1 -0
- package/lib/cjs/prototypes/unitabs.d.ts +2 -0
- package/lib/cjs/prototypes/unitabs.js +158 -0
- package/lib/esm/prototypes/index.d.ts +1 -0
- package/lib/esm/prototypes/index.js +1 -0
- package/lib/esm/prototypes/unitabs.d.ts +2 -0
- package/lib/esm/prototypes/unitabs.js +155 -0
- package/package.json +2 -2
|
@@ -69,3 +69,4 @@ tslib_1.__exportStar(require("./tree"), exports);
|
|
|
69
69
|
tslib_1.__exportStar(require("./typography"), exports);
|
|
70
70
|
tslib_1.__exportStar(require("./upload"), exports);
|
|
71
71
|
tslib_1.__exportStar(require("./row"), exports);
|
|
72
|
+
tslib_1.__exportStar(require("./unitabs"), exports);
|
|
@@ -0,0 +1,158 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.UniTabs = void 0;
|
|
4
|
+
const common_1 = require("./common");
|
|
5
|
+
exports.UniTabs = {
|
|
6
|
+
title: '标签页',
|
|
7
|
+
name: 'UniTabs',
|
|
8
|
+
exportType: 'namedExport',
|
|
9
|
+
icon: 'icon-xuanxiangka',
|
|
10
|
+
type: 'container',
|
|
11
|
+
package: '@cuvp1225/antd',
|
|
12
|
+
help: '提供平级的区域将大块内容进行收纳和展现，保持界面整洁',
|
|
13
|
+
hasChildren: false,
|
|
14
|
+
// initChildren: `<TabPane key="1" tab="选项卡1"><Placeholder text="放置替换" style={{ margin: "15px"}} /></TabPane><TabPane key="2" tab="选项卡2"><Placeholder text="放置替换" style={{ margin: "15px" }}/></TabPane>`,
|
|
15
|
+
// childrenName: 'TabPane',
|
|
16
|
+
// relatedImports: ['TabPane'],
|
|
17
|
+
props: [
|
|
18
|
+
...common_1.StylePrototypes,
|
|
19
|
+
{
|
|
20
|
+
name: 'theme',
|
|
21
|
+
title: '主题',
|
|
22
|
+
setter: 'pickerSetter',
|
|
23
|
+
options: [
|
|
24
|
+
{ label: '红色', value: 'red' },
|
|
25
|
+
{ label: '蓝色', value: 'blue' },
|
|
26
|
+
{ label: '绿色', value: 'green' },
|
|
27
|
+
],
|
|
28
|
+
defaultValue: 'blue',
|
|
29
|
+
},
|
|
30
|
+
{
|
|
31
|
+
name: 'items',
|
|
32
|
+
title: '标签项',
|
|
33
|
+
setter: 'tabPaneSetter',
|
|
34
|
+
initValue: [
|
|
35
|
+
{
|
|
36
|
+
key: 'item-1',
|
|
37
|
+
label: '标签项1',
|
|
38
|
+
forceRender: false,
|
|
39
|
+
disabled: false,
|
|
40
|
+
children: `{{<div><Placeholder text="放置替换" style={{ margin: "15px"}} /></div>}}`,
|
|
41
|
+
},
|
|
42
|
+
{
|
|
43
|
+
key: 'item-2',
|
|
44
|
+
label: '标签项2',
|
|
45
|
+
forceRender: false,
|
|
46
|
+
disabled: false,
|
|
47
|
+
// children: '选项卡2',
|
|
48
|
+
children: `{{<div><Placeholder text="放置替换" style={{ margin: "15px"}} /></div>}}`,
|
|
49
|
+
},
|
|
50
|
+
]
|
|
51
|
+
},
|
|
52
|
+
{
|
|
53
|
+
name: 'defaultActiveKey',
|
|
54
|
+
title: '默认选中的面板',
|
|
55
|
+
setter: 'textSetter',
|
|
56
|
+
// initValue: null,
|
|
57
|
+
},
|
|
58
|
+
{
|
|
59
|
+
name: 'centered',
|
|
60
|
+
title: '标签是否居中',
|
|
61
|
+
setter: 'boolSetter',
|
|
62
|
+
},
|
|
63
|
+
{
|
|
64
|
+
name: 'type',
|
|
65
|
+
title: '选项卡外观',
|
|
66
|
+
setter: 'pickerSetter',
|
|
67
|
+
options: [
|
|
68
|
+
{ label: '基本', value: 'line' },
|
|
69
|
+
{ label: '卡片', value: 'card' },
|
|
70
|
+
{ label: '可编辑卡片', value: 'editable-card' },
|
|
71
|
+
// { label: '胶囊', value: 'capsule' },
|
|
72
|
+
// { label: '文本', value: 'text' },
|
|
73
|
+
],
|
|
74
|
+
},
|
|
75
|
+
{
|
|
76
|
+
name: 'size',
|
|
77
|
+
title: '选项卡大小',
|
|
78
|
+
setter: 'choiceSetter',
|
|
79
|
+
options: [
|
|
80
|
+
{ label: '大', value: 'large' },
|
|
81
|
+
{ label: '中', value: 'middle' },
|
|
82
|
+
{ label: '小', value: 'small' },
|
|
83
|
+
],
|
|
84
|
+
tip: '提供large、middle和small三种大小',
|
|
85
|
+
},
|
|
86
|
+
{
|
|
87
|
+
name: 'tabPosition',
|
|
88
|
+
title: '选项卡位置',
|
|
89
|
+
setter: 'choiceSetter',
|
|
90
|
+
options: [
|
|
91
|
+
{ label: '上', value: 'top' },
|
|
92
|
+
{ label: '右', value: 'right' },
|
|
93
|
+
{ label: '下', value: 'bottom' },
|
|
94
|
+
{ label: '左', value: 'left' },
|
|
95
|
+
],
|
|
96
|
+
},
|
|
97
|
+
{
|
|
98
|
+
name: 'hideAdd',
|
|
99
|
+
title: '是否隐藏加号图标',
|
|
100
|
+
tip: '仅在选项卡类型为可编辑卡片时有效',
|
|
101
|
+
setter: 'boolSetter',
|
|
102
|
+
getVisible: (form) => form.getValue('type') === 'editable-card',
|
|
103
|
+
},
|
|
104
|
+
{
|
|
105
|
+
name: 'onChange',
|
|
106
|
+
title: '当面板切换时',
|
|
107
|
+
setter: 'expressionSetter',
|
|
108
|
+
group: 'event',
|
|
109
|
+
autoCompleteOptions: ['(activeKey)=>{}'],
|
|
110
|
+
},
|
|
111
|
+
{
|
|
112
|
+
name: 'onEdit',
|
|
113
|
+
title: '新增和删除页签的回调',
|
|
114
|
+
tip: '仅在选项卡类型为可编辑卡片时有效',
|
|
115
|
+
setter: 'expressionSetter',
|
|
116
|
+
group: 'event',
|
|
117
|
+
// autoCompleteOptions: ["(action === 'add' ? event : targetKey, action): void"],
|
|
118
|
+
getVisible: (form) => form.getValue('type') === 'editable-card',
|
|
119
|
+
},
|
|
120
|
+
{
|
|
121
|
+
name: 'tabBarExtraContent',
|
|
122
|
+
title: 'tab bar 上额外的元素',
|
|
123
|
+
setter: 'jsxSetter',
|
|
124
|
+
group: 'advanced',
|
|
125
|
+
},
|
|
126
|
+
{
|
|
127
|
+
name: 'destroyInactiveTabPane',
|
|
128
|
+
title: '被隐藏时是否销毁 DOM 结构',
|
|
129
|
+
setter: 'boolSetter',
|
|
130
|
+
group: 'advanced',
|
|
131
|
+
},
|
|
132
|
+
{
|
|
133
|
+
name: 'tabBarGutter',
|
|
134
|
+
title: 'tabs 之间的间隙',
|
|
135
|
+
setter: 'numberSetter',
|
|
136
|
+
group: 'advanced',
|
|
137
|
+
},
|
|
138
|
+
],
|
|
139
|
+
};
|
|
140
|
+
// export const TabPane: ComponentPrototypeType = {
|
|
141
|
+
// title: '选项卡面板',
|
|
142
|
+
// name: 'TabPane',
|
|
143
|
+
// exportType: 'namedExport',
|
|
144
|
+
// icon: 'icon-xuanxiangka',
|
|
145
|
+
// type: 'container',
|
|
146
|
+
// package: '@cuvp1225/antd',
|
|
147
|
+
// hasChildren: true,
|
|
148
|
+
// props: [
|
|
149
|
+
// ...StylePrototypes,
|
|
150
|
+
// { name: 'key', title: '选项卡标识', setter: 'textSetter', autoInitValue: true, },
|
|
151
|
+
// { name: 'tab', title: '选项卡标题', setter: 'textSetter', initValue: '选项卡' },
|
|
152
|
+
// {
|
|
153
|
+
// name: 'forceRender',
|
|
154
|
+
// title: '被隐藏时是否渲染 DOM 结构',
|
|
155
|
+
// setter: 'boolSetter',
|
|
156
|
+
// },
|
|
157
|
+
// ],
|
|
158
|
+
// };
|
|
@@ -0,0 +1,155 @@
|
|
|
1
|
+
import { StylePrototypes } from './common';
|
|
2
|
+
export const UniTabs = {
|
|
3
|
+
title: '标签页',
|
|
4
|
+
name: 'UniTabs',
|
|
5
|
+
exportType: 'namedExport',
|
|
6
|
+
icon: 'icon-xuanxiangka',
|
|
7
|
+
type: 'container',
|
|
8
|
+
package: '@cuvp1225/antd',
|
|
9
|
+
help: '提供平级的区域将大块内容进行收纳和展现，保持界面整洁',
|
|
10
|
+
hasChildren: false,
|
|
11
|
+
// initChildren: `<TabPane key="1" tab="选项卡1"><Placeholder text="放置替换" style={{ margin: "15px"}} /></TabPane><TabPane key="2" tab="选项卡2"><Placeholder text="放置替换" style={{ margin: "15px" }}/></TabPane>`,
|
|
12
|
+
// childrenName: 'TabPane',
|
|
13
|
+
// relatedImports: ['TabPane'],
|
|
14
|
+
props: [
|
|
15
|
+
...StylePrototypes,
|
|
16
|
+
{
|
|
17
|
+
name: 'theme',
|
|
18
|
+
title: '主题',
|
|
19
|
+
setter: 'pickerSetter',
|
|
20
|
+
options: [
|
|
21
|
+
{ label: '红色', value: 'red' },
|
|
22
|
+
{ label: '蓝色', value: 'blue' },
|
|
23
|
+
{ label: '绿色', value: 'green' },
|
|
24
|
+
],
|
|
25
|
+
defaultValue: 'blue',
|
|
26
|
+
},
|
|
27
|
+
{
|
|
28
|
+
name: 'items',
|
|
29
|
+
title: '标签项',
|
|
30
|
+
setter: 'tabPaneSetter',
|
|
31
|
+
initValue: [
|
|
32
|
+
{
|
|
33
|
+
key: 'item-1',
|
|
34
|
+
label: '标签项1',
|
|
35
|
+
forceRender: false,
|
|
36
|
+
disabled: false,
|
|
37
|
+
children: `{{<div><Placeholder text="放置替换" style={{ margin: "15px"}} /></div>}}`,
|
|
38
|
+
},
|
|
39
|
+
{
|
|
40
|
+
key: 'item-2',
|
|
41
|
+
label: '标签项2',
|
|
42
|
+
forceRender: false,
|
|
43
|
+
disabled: false,
|
|
44
|
+
// children: '选项卡2',
|
|
45
|
+
children: `{{<div><Placeholder text="放置替换" style={{ margin: "15px"}} /></div>}}`,
|
|
46
|
+
},
|
|
47
|
+
]
|
|
48
|
+
},
|
|
49
|
+
{
|
|
50
|
+
name: 'defaultActiveKey',
|
|
51
|
+
title: '默认选中的面板',
|
|
52
|
+
setter: 'textSetter',
|
|
53
|
+
// initValue: null,
|
|
54
|
+
},
|
|
55
|
+
{
|
|
56
|
+
name: 'centered',
|
|
57
|
+
title: '标签是否居中',
|
|
58
|
+
setter: 'boolSetter',
|
|
59
|
+
},
|
|
60
|
+
{
|
|
61
|
+
name: 'type',
|
|
62
|
+
title: '选项卡外观',
|
|
63
|
+
setter: 'pickerSetter',
|
|
64
|
+
options: [
|
|
65
|
+
{ label: '基本', value: 'line' },
|
|
66
|
+
{ label: '卡片', value: 'card' },
|
|
67
|
+
{ label: '可编辑卡片', value: 'editable-card' },
|
|
68
|
+
// { label: '胶囊', value: 'capsule' },
|
|
69
|
+
// { label: '文本', value: 'text' },
|
|
70
|
+
],
|
|
71
|
+
},
|
|
72
|
+
{
|
|
73
|
+
name: 'size',
|
|
74
|
+
title: '选项卡大小',
|
|
75
|
+
setter: 'choiceSetter',
|
|
76
|
+
options: [
|
|
77
|
+
{ label: '大', value: 'large' },
|
|
78
|
+
{ label: '中', value: 'middle' },
|
|
79
|
+
{ label: '小', value: 'small' },
|
|
80
|
+
],
|
|
81
|
+
tip: '提供large、middle和small三种大小',
|
|
82
|
+
},
|
|
83
|
+
{
|
|
84
|
+
name: 'tabPosition',
|
|
85
|
+
title: '选项卡位置',
|
|
86
|
+
setter: 'choiceSetter',
|
|
87
|
+
options: [
|
|
88
|
+
{ label: '上', value: 'top' },
|
|
89
|
+
{ label: '右', value: 'right' },
|
|
90
|
+
{ label: '下', value: 'bottom' },
|
|
91
|
+
{ label: '左', value: 'left' },
|
|
92
|
+
],
|
|
93
|
+
},
|
|
94
|
+
{
|
|
95
|
+
name: 'hideAdd',
|
|
96
|
+
title: '是否隐藏加号图标',
|
|
97
|
+
tip: '仅在选项卡类型为可编辑卡片时有效',
|
|
98
|
+
setter: 'boolSetter',
|
|
99
|
+
getVisible: (form) => form.getValue('type') === 'editable-card',
|
|
100
|
+
},
|
|
101
|
+
{
|
|
102
|
+
name: 'onChange',
|
|
103
|
+
title: '当面板切换时',
|
|
104
|
+
setter: 'expressionSetter',
|
|
105
|
+
group: 'event',
|
|
106
|
+
autoCompleteOptions: ['(activeKey)=>{}'],
|
|
107
|
+
},
|
|
108
|
+
{
|
|
109
|
+
name: 'onEdit',
|
|
110
|
+
title: '新增和删除页签的回调',
|
|
111
|
+
tip: '仅在选项卡类型为可编辑卡片时有效',
|
|
112
|
+
setter: 'expressionSetter',
|
|
113
|
+
group: 'event',
|
|
114
|
+
// autoCompleteOptions: ["(action === 'add' ? event : targetKey, action): void"],
|
|
115
|
+
getVisible: (form) => form.getValue('type') === 'editable-card',
|
|
116
|
+
},
|
|
117
|
+
{
|
|
118
|
+
name: 'tabBarExtraContent',
|
|
119
|
+
title: 'tab bar 上额外的元素',
|
|
120
|
+
setter: 'jsxSetter',
|
|
121
|
+
group: 'advanced',
|
|
122
|
+
},
|
|
123
|
+
{
|
|
124
|
+
name: 'destroyInactiveTabPane',
|
|
125
|
+
title: '被隐藏时是否销毁 DOM 结构',
|
|
126
|
+
setter: 'boolSetter',
|
|
127
|
+
group: 'advanced',
|
|
128
|
+
},
|
|
129
|
+
{
|
|
130
|
+
name: 'tabBarGutter',
|
|
131
|
+
title: 'tabs 之间的间隙',
|
|
132
|
+
setter: 'numberSetter',
|
|
133
|
+
group: 'advanced',
|
|
134
|
+
},
|
|
135
|
+
],
|
|
136
|
+
};
|
|
137
|
+
// export const TabPane: ComponentPrototypeType = {
|
|
138
|
+
// title: '选项卡面板',
|
|
139
|
+
// name: 'TabPane',
|
|
140
|
+
// exportType: 'namedExport',
|
|
141
|
+
// icon: 'icon-xuanxiangka',
|
|
142
|
+
// type: 'container',
|
|
143
|
+
// package: '@cuvp1225/antd',
|
|
144
|
+
// hasChildren: true,
|
|
145
|
+
// props: [
|
|
146
|
+
// ...StylePrototypes,
|
|
147
|
+
// { name: 'key', title: '选项卡标识', setter: 'textSetter', autoInitValue: true, },
|
|
148
|
+
// { name: 'tab', title: '选项卡标题', setter: 'textSetter', initValue: '选项卡' },
|
|
149
|
+
// {
|
|
150
|
+
// name: 'forceRender',
|
|
151
|
+
// title: '被隐藏时是否渲染 DOM 结构',
|
|
152
|
+
// setter: 'boolSetter',
|
|
153
|
+
// },
|
|
154
|
+
// ],
|
|
155
|
+
// };
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@cuvp1225/antd",
|
|
3
|
-
"version": "0.1.19-beta.
|
|
3
|
+
"version": "0.1.19-beta.34",
|
|
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",
|
|
@@ -55,5 +55,5 @@
|
|
|
55
55
|
"classnames": "^2.3.2",
|
|
56
56
|
"coral-system": "^1.0.6"
|
|
57
57
|
},
|
|
58
|
-
"gitHead": "
|
|
58
|
+
"gitHead": "341c4a0764f7bfbecfc36a379dcb70f79b65ee5d"
|
|
59
59
|
}
|