@pisell/materials 1.0.165 → 1.0.166

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.
@@ -0,0 +1,217 @@
1
+ import snippets from "./snippets";
2
+
3
+ const genMinMaxProps = (key: "minInputNumberProps" | "maxInputNumberProps") => {
4
+ return [
5
+ {
6
+ name: `${key}.autoFocus`,
7
+ title: { label: "自动聚焦", tip: "自动获取焦点" },
8
+ propType: "bool",
9
+ defaultValue: false,
10
+ setter: "BoolSetter",
11
+ },
12
+ {
13
+ name: `${key}.disabled`,
14
+ title: { label: "是否禁用", tip: "是否为禁用状态" },
15
+ propType: "bool",
16
+ defaultValue: false,
17
+ setter: "BoolSetter",
18
+ },
19
+ {
20
+ name: `${key}.placeholder`,
21
+ title: { label: "占位提示", tip: "占位提示" },
22
+ propType: "string",
23
+ defaultValue: "请输入",
24
+ setter: "PisellI18nSetter",
25
+ },
26
+ {
27
+ name: `${key}.controls`,
28
+ title: { label: "是否显示增减按钮", tip: "是否显示增减按钮" },
29
+ propType: "bool",
30
+ defaultValue: true,
31
+ setter: "BoolSetter",
32
+ },
33
+ {
34
+ name: `${key}.bordered`,
35
+ title: { label: "显示边框", tip: "是否有边框" },
36
+ propType: "bool",
37
+ defaultValue: true,
38
+ setter: "BoolSetter",
39
+ },
40
+ {
41
+ name: `${key}.addonAfter`,
42
+ title: { label: "后置标签", tip: "后置标签" },
43
+ propType: { type: "oneOfType", value: ["string", "node"] },
44
+ setter: ["PisellI18nSetter", "SlotSetter"],
45
+ },
46
+ {
47
+ name: `${key}.addonBefore`,
48
+ title: { label: "前置标签", tip: "前置标签" },
49
+ propType: { type: "oneOfType", value: ["string", "node"] },
50
+ setter: ["PisellI18nSetter", "SlotSetter"],
51
+ },
52
+ // {
53
+ // name: 'formatter',
54
+ // title: {
55
+ // label: '指定输入框展示值的格式',
56
+ // tip: '指定输入框展示值的格式',
57
+ // },
58
+ // propType: 'func',
59
+ // },
60
+ {
61
+ name: `${key}.max`,
62
+ title: { label: "最大值", tip: "最大值" },
63
+ propType: "number",
64
+ setter: "NumberSetter",
65
+ },
66
+ {
67
+ name: `${key}.min`,
68
+ title: { label: "最小值", tip: "最小值" },
69
+ propType: "number",
70
+ setter: "NumberSetter",
71
+ },
72
+ {
73
+ name: `${key}.precision`,
74
+ title: { label: "数值精度", tip: "数值精度" },
75
+ propType: "number",
76
+ setter: "NumberSetter",
77
+ },
78
+ // {
79
+ // name: 'decimalSeparator',
80
+ // title: { label: '小数点', tip: '小数点' },
81
+ // propType: 'string',
82
+ // },
83
+ {
84
+ name: `${key}.size`,
85
+ title: { label: "尺寸", tip: "输入框大小" },
86
+ propType: { type: "oneOf", value: ["large", "middle", "small"] },
87
+ setter: {
88
+ componentName: "RadioGroupSetter",
89
+ props: {
90
+ options: [
91
+ {
92
+ title: "大",
93
+ value: "large",
94
+ },
95
+ {
96
+ title: "中",
97
+ value: "middle",
98
+ },
99
+ {
100
+ title: "小",
101
+ value: "small",
102
+ },
103
+ ],
104
+ },
105
+ },
106
+ defaultValue: "middle",
107
+ },
108
+ {
109
+ name: `${key}.step`,
110
+ title: { label: "单步长", tip: "每次改变步数" },
111
+ propType: "number",
112
+ setter: "NumberSetter",
113
+ },
114
+ {
115
+ name: `${key}.onPressEnter`,
116
+ title: { label: "按下回车的回调", tip: "按下回车的回调" },
117
+ propType: "func",
118
+ },
119
+ {
120
+ name: `${key}.onFocus`,
121
+ title: { label: "获取焦点回调", tip: "获取焦点回调" },
122
+ propType: "func",
123
+ },
124
+ {
125
+ name: `${key}.onKeyDown`,
126
+ title: { label: "按键按下时的回调", tip: "按键按下时的回调" },
127
+ propType: "func",
128
+ },
129
+ {
130
+ name: `${key}.onKeyPress`,
131
+ title: { label: "按键按下后的回调", tip: "按键按下之后释放之前的回调" },
132
+ propType: "func",
133
+ },
134
+ {
135
+ name: `${key}.onKeyUp`,
136
+ title: { label: "按键释放回调", tip: "按键释放之后的回调" },
137
+ propType: "func",
138
+ },
139
+ {
140
+ name: `${key}.onBlur`,
141
+ title: { label: "失去焦点回调", tip: "失去焦点回调" },
142
+ propType: "func",
143
+ },
144
+ ];
145
+ };
146
+
147
+ export default {
148
+ snippets,
149
+ componentName: "InputNumberRange",
150
+ title: "数字范围输入框",
151
+ category: "表单",
152
+ docUrl: "",
153
+ screenshot: "",
154
+ devMode: "proCode",
155
+ npm: {
156
+ package: "@pisell/materials",
157
+ version: "1.0.1",
158
+ exportName: "InputNumberRange",
159
+ main: "src/index.tsx",
160
+ destructuring: true,
161
+ subName: "",
162
+ },
163
+ props: [
164
+ {
165
+ name: "defaultValue",
166
+ title: { label: "默认值", tip: "默认值" },
167
+ propType: "object",
168
+ setter: "ObjectSetter",
169
+ },
170
+ {
171
+ name: "value",
172
+ title: { label: "当前值", tip: "当前值" },
173
+ propType: "object",
174
+ setter: "ObjectSetter",
175
+ },
176
+ {
177
+ name: "separator",
178
+ title: { label: "分隔符自定义", tip: "分隔符自定义" },
179
+ propType: { type: "oneOfType", value: ["string", "node"] },
180
+ setter: [
181
+ "PisellI18nSetter",
182
+ {
183
+ componentName: "SlotSetter",
184
+ initialValue: {
185
+ type: "JSSlot",
186
+ value: [],
187
+ },
188
+ },
189
+ "VariableSetter",
190
+ ],
191
+ },
192
+ {
193
+ title: "最小值InputNumber props",
194
+ display: "block",
195
+ type: "group",
196
+ items: [...genMinMaxProps("minInputNumberProps")],
197
+ },
198
+ {
199
+ title: "最大值InputNumber props",
200
+ display: "block",
201
+ type: "group",
202
+ items: [...genMinMaxProps("maxInputNumberProps")],
203
+ },
204
+ ],
205
+ configure: {
206
+ supports: {
207
+ style: true,
208
+ events: [
209
+ {
210
+ name: "onChange",
211
+ template:
212
+ "onChange(value,${extParams}){\n// 变化回调\nconsole.log('onChange',value);}",
213
+ },
214
+ ],
215
+ },
216
+ },
217
+ };
@@ -0,0 +1,12 @@
1
+ export default [
2
+ {
3
+ title: '数字范围输入框',
4
+ screenshot: 'https://alifd.alicdn.com/fusion-cool/icons/icon-antd/input-number-1.png',
5
+ schema: {
6
+ componentName: 'InputNumberRange',
7
+ props: {
8
+ placeholder: '请输入',
9
+ },
10
+ },
11
+ },
12
+ ];
@@ -0,0 +1,56 @@
1
+
2
+ import { ComponentMetadata, Snippet } from '@alilc/lowcode-types';
3
+
4
+ const LowCodePageMeta: ComponentMetadata = {
5
+ "componentName": "LowCodePage",
6
+ "title": "LowCodePage",
7
+ "docUrl": "",
8
+ "screenshot": "",
9
+ "devMode": "proCode",
10
+ "npm": {
11
+ "package": "@pisell/materials",
12
+ "version": "1.0.165",
13
+ "exportName": "LowCodePage",
14
+ "main": "src/index.tsx",
15
+ "destructuring": true,
16
+ "subName": ""
17
+ },
18
+ "configure": {
19
+ "props": [
20
+ {
21
+ "title": {
22
+ "label": {
23
+ "type": "i18n",
24
+ "en-US": "id",
25
+ "zh-CN": "id"
26
+ }
27
+ },
28
+ "name": "id",
29
+ "setter": {
30
+ "componentName": "NumberSetter",
31
+ "isRequired": true,
32
+ "initialValue": 0
33
+ }
34
+ }
35
+ ],
36
+ "supports": {
37
+ "style": true
38
+ },
39
+ "component": {}
40
+ }
41
+ };
42
+ const snippets: Snippet[] = [
43
+ {
44
+ "title": "LowCodePage",
45
+ "screenshot": "",
46
+ "schema": {
47
+ "componentName": "LowCodePage",
48
+ "props": {}
49
+ }
50
+ }
51
+ ];
52
+
53
+ export default {
54
+ ...LowCodePageMeta,
55
+ snippets
56
+ };