@houaoran/designer 1.0.0

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 (126) hide show
  1. package/LICENSE +21 -0
  2. package/README.md +98 -0
  3. package/dist/components.es.js +11424 -0
  4. package/dist/components.umd.js +878 -0
  5. package/dist/index.es.js +39113 -0
  6. package/dist/index.umd.js +1187 -0
  7. package/package.json +96 -0
  8. package/src/components/DragBox.vue +49 -0
  9. package/src/components/DragTool.vue +235 -0
  10. package/src/components/EventConfig.vue +557 -0
  11. package/src/components/FcDesigner.vue +2569 -0
  12. package/src/components/FcTitle.vue +69 -0
  13. package/src/components/FetchConfig.vue +415 -0
  14. package/src/components/FieldInput.vue +371 -0
  15. package/src/components/FnConfig.vue +315 -0
  16. package/src/components/FnEditor.vue +327 -0
  17. package/src/components/FnInput.vue +103 -0
  18. package/src/components/FormLabel.vue +47 -0
  19. package/src/components/HtmlEditor.vue +125 -0
  20. package/src/components/JsonPreview.vue +146 -0
  21. package/src/components/OptionsTextInput.vue +151 -0
  22. package/src/components/PropsInput.vue +72 -0
  23. package/src/components/Required.vue +75 -0
  24. package/src/components/Row.vue +26 -0
  25. package/src/components/SignaturePad.vue +176 -0
  26. package/src/components/Struct.vue +153 -0
  27. package/src/components/StructEditor.vue +121 -0
  28. package/src/components/StructTree.vue +209 -0
  29. package/src/components/TableOptions.vue +164 -0
  30. package/src/components/TreeOptions.vue +167 -0
  31. package/src/components/TypeSelect.vue +144 -0
  32. package/src/components/Validate.vue +302 -0
  33. package/src/components/ValueInput.vue +89 -0
  34. package/src/components/Warning.vue +46 -0
  35. package/src/components/ai/AiPanel.vue +1122 -0
  36. package/src/components/ai/MarkdownRenderer.vue +548 -0
  37. package/src/components/language/LanguageConfig.vue +174 -0
  38. package/src/components/language/LanguageInput.vue +191 -0
  39. package/src/components/style/BackgroundInput.vue +315 -0
  40. package/src/components/style/BorderInput.vue +242 -0
  41. package/src/components/style/BoxSizeInput.vue +166 -0
  42. package/src/components/style/BoxSpaceInput.vue +269 -0
  43. package/src/components/style/ColorInput.vue +90 -0
  44. package/src/components/style/ConfigItem.vue +118 -0
  45. package/src/components/style/FontInput.vue +197 -0
  46. package/src/components/style/PositionInput.vue +146 -0
  47. package/src/components/style/RadiusInput.vue +164 -0
  48. package/src/components/style/ShadowContent.vue +335 -0
  49. package/src/components/style/ShadowInput.vue +91 -0
  50. package/src/components/style/SizeInput.vue +118 -0
  51. package/src/components/style/StyleConfig.vue +307 -0
  52. package/src/components/table/Table.vue +252 -0
  53. package/src/components/table/TableView.vue +1058 -0
  54. package/src/components/tableForm/TableForm.vue +471 -0
  55. package/src/components/tableForm/TableFormColumnView.vue +103 -0
  56. package/src/components/tableForm/TableFormView.vue +46 -0
  57. package/src/components/tree/FcTree.vue +713 -0
  58. package/src/components/tree/FcTreeNode.vue +216 -0
  59. package/src/config/base/field.js +43 -0
  60. package/src/config/base/form.js +132 -0
  61. package/src/config/base/style.js +26 -0
  62. package/src/config/base/validate.js +15 -0
  63. package/src/config/index.js +70 -0
  64. package/src/config/menu.js +24 -0
  65. package/src/config/rule/alert.js +45 -0
  66. package/src/config/rule/button.js +49 -0
  67. package/src/config/rule/card.js +40 -0
  68. package/src/config/rule/cascader.js +121 -0
  69. package/src/config/rule/checkbox.js +68 -0
  70. package/src/config/rule/col.js +86 -0
  71. package/src/config/rule/collapse.js +30 -0
  72. package/src/config/rule/collapseItem.js +36 -0
  73. package/src/config/rule/color.js +53 -0
  74. package/src/config/rule/date.js +66 -0
  75. package/src/config/rule/dateRange.js +60 -0
  76. package/src/config/rule/divider.js +31 -0
  77. package/src/config/rule/editor.js +31 -0
  78. package/src/config/rule/group.js +86 -0
  79. package/src/config/rule/html.js +43 -0
  80. package/src/config/rule/image.js +32 -0
  81. package/src/config/rule/input.js +62 -0
  82. package/src/config/rule/number.js +49 -0
  83. package/src/config/rule/password.js +52 -0
  84. package/src/config/rule/radio.js +43 -0
  85. package/src/config/rule/rate.js +44 -0
  86. package/src/config/rule/row.js +46 -0
  87. package/src/config/rule/select.js +70 -0
  88. package/src/config/rule/signaturePad.js +59 -0
  89. package/src/config/rule/slider.js +53 -0
  90. package/src/config/rule/space.js +44 -0
  91. package/src/config/rule/subForm.js +47 -0
  92. package/src/config/rule/switch.js +46 -0
  93. package/src/config/rule/tabPane.js +29 -0
  94. package/src/config/rule/table.js +37 -0
  95. package/src/config/rule/tableForm.js +115 -0
  96. package/src/config/rule/tableFormColumn.js +55 -0
  97. package/src/config/rule/tabs.js +38 -0
  98. package/src/config/rule/tag.js +69 -0
  99. package/src/config/rule/text.js +41 -0
  100. package/src/config/rule/textarea.js +63 -0
  101. package/src/config/rule/time.js +58 -0
  102. package/src/config/rule/timeRange.js +49 -0
  103. package/src/config/rule/title.js +37 -0
  104. package/src/config/rule/transfer.js +59 -0
  105. package/src/config/rule/tree.js +70 -0
  106. package/src/config/rule/treeSelect.js +77 -0
  107. package/src/config/rule/upload.js +107 -0
  108. package/src/form/index.js +19 -0
  109. package/src/index.js +173 -0
  110. package/src/locale/en.js +981 -0
  111. package/src/locale/zh-cn.js +983 -0
  112. package/src/style/fonts/fc-icons.woff +0 -0
  113. package/src/style/icon.css +1052 -0
  114. package/src/style/index.css +836 -0
  115. package/src/utils/form.js +9 -0
  116. package/src/utils/highlight/highlight.min.js +307 -0
  117. package/src/utils/highlight/javascript.min.js +80 -0
  118. package/src/utils/highlight/style.css +1 -0
  119. package/src/utils/highlight/xml.min.js +29 -0
  120. package/src/utils/hintStubs.js +120 -0
  121. package/src/utils/index.js +544 -0
  122. package/src/utils/jsonDiff.js +173 -0
  123. package/src/utils/locale.js +23 -0
  124. package/src/utils/message.js +19 -0
  125. package/src/utils/template.js +105 -0
  126. package/types/index.d.ts +575 -0
@@ -0,0 +1,983 @@
1
+ const ZhCn = {
2
+ name: 'zh-cn',
3
+ form: {
4
+ field: '字段 ID',
5
+ title: '字段名称',
6
+ info: '提示信息',
7
+ control: '组件联动',
8
+ labelPosition: '标签的位置',
9
+ labelStyle: '标签的样式',
10
+ labelSuffix: '标签的后缀',
11
+ size: '表单的尺寸',
12
+ event: '表单事件',
13
+ labelWidth: '标签的宽度',
14
+ hideRequiredAsterisk: '隐藏必填字段的标签旁边的红色星号',
15
+ showMessage: '显示校验错误信息',
16
+ inlineMessage: '以行内形式展示校验信息',
17
+ submitBtn: '是否显示表单提交按钮',
18
+ resetBtn: '是否显示表单重置按钮',
19
+ appendChild: '添加子级',
20
+ formMode: '表单模式',
21
+ formName: '表单名称',
22
+ componentMode: '生成组件',
23
+ htmlMode: '生成HTML',
24
+ document: '帮助文档',
25
+ controlDocument: '需要更详细的配置方法?请查看{doc}',
26
+ onSubmit: '表单提交时触发',
27
+ onReset: '表单重置后触发',
28
+ onCreated: '表单组件初始化完毕后触发',
29
+ onMounted: '表单组件渲染完毕后触发',
30
+ onBeforeUnmount: '表单组件卸载前触发',
31
+ onReload: '表单渲染规则重载后触发',
32
+ onChange: '表单组件的值发生变化时触发',
33
+ beforeSubmit: '表单验证通过时触发',
34
+ beforeFetch: '远程数据请求发送前触发',
35
+ },
36
+ ai: {
37
+ name: '智能助理',
38
+ welcome: '欢迎使用 AI 助理',
39
+ info: '我可以帮助您快速生成和修改表单,帮助您轻松高效地完成表单设计。',
40
+ try: '试着问我',
41
+ change: '换一换',
42
+ placeholder: '请描述您的需求...',
43
+ error: 'AI 服务暂时不可用,请稍后重试',
44
+ },
45
+ warning: {
46
+ name: '组件的唯一标识,用于获取和修改该组件的配置规则。通过该标识可以精确定位组件,实现对组件属性和行为的控制。',
47
+ field: '组件对应的字段名用于与组件的数据进行绑定。字段名需以字母开头,以确保能够正确识别。',
48
+ fetch: '远程数据通过远程请求加载组件的配置项。配置请求参数后,组件会自动发起请求,获取远程数据并根据返回的结果更新组件。',
49
+ fetchQuery: '定义请求的 GET 参数,通过 URL 传递数据。',
50
+ fetchData: '定义请求的 POST 参数,通过请求体传递数据。',
51
+ fetchDataType: '选择请求体的数据类型,确保数据格式正确。',
52
+ beforeFetch: '在请求发送前,可通过处理函数修改请求参数;若需终止请求,直接返回 false 或一个拒绝的 Promise。',
53
+ fetchParse: '请求返回后,可以通过处理函数对返回的结果进行处理,将结果转换为组件所需的数据和结构。',
54
+ language: '管理页面的多语言数据,在组件中配置不同语言的文本,支持一键切换语言体系,便于在多语言环境下使用和展示内容。',
55
+ },
56
+ computed: {
57
+ fieldUsed: '【{label}】在计算公式中被使用,请先修改对应公式',
58
+ fieldExist: '【{label}】字段已存在',
59
+ fieldEmpty: '字段名称不能为空',
60
+ fieldChar: '字段名称必须以字母开头',
61
+ },
62
+ validate: {
63
+ type: '字段类型',
64
+ typePlaceholder: '请选择',
65
+ trigger: '触发方式',
66
+ mode: '验证方式',
67
+ modes: {
68
+ required: '必填',
69
+ pattern: '正则表达式',
70
+ validator: '自定义验证',
71
+ min: '最小值',
72
+ max: '最大值',
73
+ len: '长度',
74
+ maxLen: '最大长度',
75
+ minLen: '最小长度',
76
+ uppercase: '全大写',
77
+ lowercase: '全小写',
78
+ email: '邮箱格式',
79
+ url: 'URL格式',
80
+ ip: 'IP地址',
81
+ phone: '手机号',
82
+ positive: '正数',
83
+ negative: '负数',
84
+ integer: '整数',
85
+ number: '数字',
86
+ },
87
+ types: {
88
+ string: '文本',
89
+ boolean: '布尔',
90
+ array: '多选',
91
+ number: '数字',
92
+ integer: '整数',
93
+ float: '小数',
94
+ object: '合集',
95
+ date: '日期',
96
+ url: 'URL链接',
97
+ email: '邮箱地址',
98
+ },
99
+ message: '错误信息',
100
+ auto: '自动获取',
101
+ autoRequired: '请输入{title}',
102
+ autoMode: '请输入正确的{title}',
103
+ requiredPlaceholder: '请输入提示语',
104
+ required: '是否必填',
105
+ rule: '验证规则',
106
+ },
107
+ tableOptions: {
108
+ handle: '操作',
109
+ add: '添加',
110
+ empty1: '点击右下角',
111
+ empty2: '按钮添加一列',
112
+ rmCol: '删除当前列',
113
+ rmRow: '删除当前行',
114
+ batchRmCol: '删除列',
115
+ batchRmRow: '删除行',
116
+ batchSplit: '拆分单元格',
117
+ batchMerge: '合并单元格',
118
+ splitRow: '拆分成行',
119
+ splitCol: '拆分成列',
120
+ mergeBottom: '向下合并',
121
+ mergeRight: '向右合并',
122
+ addTop: '添加上列',
123
+ addBottom: '添加下列',
124
+ addLeft: '添加左列',
125
+ addRight: '添加右列',
126
+ keyValue: '键值对',
127
+ },
128
+ struct: {
129
+ title: '编辑数据',
130
+ editText: '编辑文本',
131
+ only: '【{label}】只允许添加一个',
132
+ errorMsg: '输入的内容语法错误',
133
+ configured: '已配置',
134
+ },
135
+ event: {
136
+ title: '设置事件',
137
+ create: '创建事件',
138
+ list: '事件列表',
139
+ placeholder: '请输入事件的名称',
140
+ saveMsg: '请先保存当前正在编辑的事件',
141
+ type: '类型',
142
+ info: '说明',
143
+ label: '字段',
144
+ inject: {
145
+ api: '当前表单的api',
146
+ rule: '当前表单的生成规则',
147
+ self: '组件的生成规则',
148
+ option: '表单的配置',
149
+ args: '事件的原始参数',
150
+ }
151
+ },
152
+ eventInfo: {
153
+ blur: '失去焦点时触发',
154
+ focus: '获得焦点时触发',
155
+ change: '当绑定值变化时触发',
156
+ input: '在值改变时触发',
157
+ clear: '在点击清空按钮时触发',
158
+ close: '关闭组件时触发',
159
+ click: '点击组件时触发',
160
+ add: '增加时触发',
161
+ delete: '删除时触发',
162
+ visibleChange: '下拉框出现/隐藏时触发',
163
+ calendarChange: '在日历所选日期更改时触发',
164
+ panelChange: '当日期面板改变时触发',
165
+ open: '打开的回调',
166
+ opened: '打开动画结束时的回调',
167
+ closed: '关闭动画结束时的回调',
168
+ openAutoFocus: '输入焦点聚焦在内容时的回调',
169
+ closeAutoFocus: '输入焦点从内容失焦时的回调',
170
+ submit: '表单提交时触发',
171
+ confirm: '点击确认按钮时触发',
172
+ validateFail: '表单验证失败时触发',
173
+ hook_load: '组件规则加载后触发',
174
+ hook_mounted: '组件挂载后触发',
175
+ hook_beforeUnmount: '组件卸载前触发',
176
+ hook_deleted: '组件规则被移除后触发',
177
+ hook_watch: '组件规则发生变化后触发',
178
+ hook_value: '组件的值发生变化后触发',
179
+ hook_hidden: '组件显示状态发生变化后触发',
180
+ hook_titleClick: '点击组件的标签名称时触发',
181
+ },
182
+ fetch: {
183
+ title: '设置数据源',
184
+ create: '创建数据源',
185
+ config: '请求配置',
186
+ action: '请求链接',
187
+ actionRequired: '请输入正确的链接',
188
+ placeholder: '请输入数据源的名称',
189
+ method: '请求方式',
190
+ data: '附带数据',
191
+ dataType: '数据类型',
192
+ headers: '请求头部',
193
+ query: '请求参数',
194
+ parse: '数据处理',
195
+ response: '接口返回的数据',
196
+ onError: '错误处理',
197
+ beforeFetch: '前置处理',
198
+ remote: '远程数据',
199
+ static: '静态数据',
200
+ optionsType: {
201
+ fetch: '远程数据',
202
+ struct: '静态数据',
203
+ text: '文本录入',
204
+ json: 'JSON数据',
205
+ },
206
+ preview: '预览响应数据',
207
+ test: '测试请求',
208
+ previewEmpty: '点击"测试请求"按钮预览响应数据',
209
+ requestFailed: '请求失败'
210
+ },
211
+ style: {
212
+ width: '宽度',
213
+ height: '高度',
214
+ color: '颜色',
215
+ backgroundColor: '背景色',
216
+ margin: '外边距',
217
+ padding: '内边距',
218
+ borderRadius: '圆角',
219
+ border: '边框',
220
+ solid: '实线',
221
+ dashed: '虚线',
222
+ dotted: '点状虚线',
223
+ double: '双实线',
224
+ opacity: '透明度',
225
+ scale: '缩放',
226
+ minWidth: '最小宽',
227
+ minHeight: '最小高',
228
+ maxWidth: '最大宽',
229
+ maxHeight: '最大高',
230
+ overflow: {
231
+ name: '溢出',
232
+ visible: '可见',
233
+ hidden: '隐藏',
234
+ scroll: '滚动',
235
+ auto: '溢出后自动滚动',
236
+ },
237
+ shadow: {
238
+ name: '阴影',
239
+ x: 'x轴偏移量',
240
+ y: 'y轴偏移量',
241
+ vague: '模糊半径',
242
+ extend: '扩散半径',
243
+ inset: '向内',
244
+ external: '向外',
245
+ mode: '模式',
246
+ classic: '经典',
247
+ flat: '扁平',
248
+ solid: '立体',
249
+ },
250
+ font: {
251
+ name: '文字',
252
+ size: '大小',
253
+ family: '字体',
254
+ align: '对齐方式',
255
+ height: '行高',
256
+ spacing: '字间距',
257
+ preview: '样式预览',
258
+ },
259
+ family: {
260
+ 'Microsoft YaHei': '微软雅黑',
261
+ SimSun: '宋体',
262
+ SimHei: '黑体',
263
+ KaiTi: '楷体',
264
+ FangSong: '仿宋',
265
+ LiSu: '隶书',
266
+ },
267
+ position: {
268
+ name: '位置',
269
+ static: '默认定位',
270
+ relative: '相对定位',
271
+ absolute: '绝对定位',
272
+ fixed: '固定定位',
273
+ sticky: '粘性定位',
274
+ },
275
+ decoration: {
276
+ name: '修饰',
277
+ underline: '下划线',
278
+ 'line-through': '删除线',
279
+ overline: '上划线',
280
+ },
281
+ weight: {
282
+ name: '粗细',
283
+ 300: '细体',
284
+ 400: '常规体',
285
+ 500: '中黑体',
286
+ 700: '中粗体',
287
+ },
288
+ background: {
289
+ name: '背景',
290
+ image: '背景图',
291
+ placeholder: '输入图片地址',
292
+ select: '选择',
293
+ size: {
294
+ name: '尺寸',
295
+ cover: '覆盖',
296
+ contain: '包含',
297
+ auto: '自动',
298
+ },
299
+ position: '位置',
300
+ repeat: {
301
+ name: '重复',
302
+ 'no-repeat': '不重复',
303
+ repeat: '重复',
304
+ 'repeat-x': '横向重复',
305
+ 'repeat-y': '纵向重复',
306
+ round: '圆角重复',
307
+ space: '间距重复',
308
+ },
309
+ },
310
+ },
311
+ designer: {
312
+ component: '组件配置',
313
+ id: '唯一值',
314
+ name: '编号',
315
+ type: '组件类型',
316
+ form: '表单配置',
317
+ json: '渲染规则',
318
+ style: '组件样式配置',
319
+ rule: '基础配置',
320
+ advanced: '高级配置',
321
+ props: '属性配置',
322
+ customProps: '自定义属性配置',
323
+ validate: '验证配置',
324
+ event: '事件配置',
325
+ clearWarn: '清空后将不能恢复,确定要清空吗?',
326
+ childEmpty: '点击右下角 \\e789 按钮添加一列',
327
+ dragEmpty: '拖拽左侧列表中的组件到此处',
328
+ unload: '确定离开当前页面吗?',
329
+ comList: '组件列表',
330
+ },
331
+ language: {
332
+ name: '国际化配置',
333
+ add: '新增词条',
334
+ batchRemove: '批量删除',
335
+ select: '选择多语言',
336
+ },
337
+ menu: {
338
+ main: '基础组件',
339
+ aide: '辅助组件',
340
+ layout: '布局组件',
341
+ component: '组件',
342
+ subform: '子表单组件',
343
+ tree: '大纲'
344
+ },
345
+ props: {
346
+ success: '成功',
347
+ error: '失败',
348
+ disabled: '禁用',
349
+ time: '时间',
350
+ size: '尺寸',
351
+ email: '邮箱',
352
+ number: '数字',
353
+ globalData: '全局数据',
354
+ mobile: '移动端',
355
+ reactive: '响应式',
356
+ pc: '电脑端',
357
+ title: '标题',
358
+ content: '内容',
359
+ collection: '合集',
360
+ group: '分组',
361
+ custom: '自定义',
362
+ change: '改变',
363
+ blur: '失去焦点',
364
+ preview: '预览',
365
+ clear: '清空',
366
+ cancel: '取消',
367
+ close: '关闭',
368
+ ok: '确定',
369
+ save: '保存',
370
+ refresh: '刷新',
371
+ submit: '提交',
372
+ reset: '重置',
373
+ copy: '复制',
374
+ import: '导入',
375
+ export: '导出',
376
+ delete: '删除',
377
+ hide: '隐藏',
378
+ show: '显示',
379
+ position: '位置',
380
+ render: '渲染',
381
+ large: '大',
382
+ default: '默认',
383
+ small: '小',
384
+ always: '常显',
385
+ never: '不显示',
386
+ hover: '悬浮',
387
+ click: '点击',
388
+ button: '按钮',
389
+ year: '年份',
390
+ month: '月份',
391
+ date: '日期',
392
+ dates: '日期多选',
393
+ week: '一周',
394
+ datetime: '日期时间',
395
+ 'datetime-local': '日期时间',
396
+ datetimerange: '日期时间区间',
397
+ daterange: '日期区间',
398
+ monthrange: '月份区间',
399
+ left: '左对齐',
400
+ right: '右对齐',
401
+ top: '顶部',
402
+ text: '文字',
403
+ picture: '图片',
404
+ 'picture-card': '卡片',
405
+ center: '居中',
406
+ vertical: '竖向',
407
+ horizontal: '横向',
408
+ manage: '管理',
409
+ key: '键名',
410
+ name: '名称',
411
+ value: '值',
412
+ inputData: '默认值',
413
+ append: '插入',
414
+ options: '选项数据',
415
+ option: '选项',
416
+ callback: '回调',
417
+ style: '样式',
418
+ card: '卡片',
419
+ _self: '当前窗口',
420
+ _blank: '新的窗口',
421
+ _parent: '父级窗口',
422
+ _top: '顶级窗口',
423
+ },
424
+ com: {
425
+ cascader: {
426
+ name: '级联选择器',
427
+ event: {
428
+ expandChange: '当展开节点发生变化时触发',
429
+ removeTag: '在多选模式下,移除Tag时触发'
430
+ },
431
+ props: {
432
+ props: '配置选项',
433
+ placeholder: '输入框占位文本',
434
+ disabled: '是否禁用',
435
+ clearable: '是否支持清空选项',
436
+ showAllLevels: '输入框中是否显示选中值的完整路径',
437
+ collapseTags: '多选模式下是否折叠Tag',
438
+ collapseTagsTooltip: '当鼠标悬停于折叠标签的文本时,是否显示所有选中的标签',
439
+ separator: '选项分隔符',
440
+ filterable: '该选项是否可以被搜索',
441
+ tagType: '标签类型',
442
+ },
443
+ propsOpt: {
444
+ multiple: '是否多选',
445
+ expandTrigger: '次级菜单的展开方式',
446
+ checkStrictly: '是否严格的遵守父子节点不互相关联',
447
+ emitPath: '在选中节点改变时,是否返回由该节点所在的各级菜单的值所组成的数组',
448
+ value: '指定选项的值为选项对象的某个属性值',
449
+ label: '指定选项标签为选项对象的某个属性值',
450
+ children: '指定选项的子选项为选项对象的某个属性值',
451
+ disabled: '指定选项的禁用为选项对象的某个属性值',
452
+ leaf: '指定选项的叶子节点的标志位为选项对象的某个属性值',
453
+ }
454
+ },
455
+ checkbox: {
456
+ name: '多选框',
457
+ props: {
458
+ input: '是否可以填写',
459
+ type: '按钮类型',
460
+ disabled: '是否禁用',
461
+ min: '可被勾选的最小数量',
462
+ max: '可被勾选的最大数量',
463
+ textColor: '当按钮为活跃状态时的字体颜色',
464
+ fill: '当按钮为活跃状态时的边框和背景颜色'
465
+ }
466
+ },
467
+ col: {
468
+ name: '布局格子',
469
+ props: {
470
+ span: '栅格占据的列数',
471
+ offset: '栅格左侧的间隔格数',
472
+ push: '栅格向右移动格数',
473
+ pull: '栅格向左移动格数'
474
+ }
475
+ },
476
+ colorPicker: {
477
+ name: '颜色选择器',
478
+ event: {
479
+ activeChange: '面板中当前显示的颜色发生改变时触发'
480
+ },
481
+ props: {
482
+ disabled: '是否禁用',
483
+ showAlpha: '是否支持透明度选择',
484
+ colorFormat: '颜色的格式',
485
+ predefine: '预定义颜色',
486
+ }
487
+ },
488
+ datePicker: {
489
+ name: '日期',
490
+ props: {
491
+ pickerOptions: '当前时间日期选择器特有的选项',
492
+ readonly: '完全只读',
493
+ disabled: '禁用',
494
+ type: '显示类型',
495
+ editable: '文本框可输入',
496
+ clearable: '是否显示清除按钮',
497
+ placeholder: '非范围选择时的占位内容',
498
+ startPlaceholder: '范围选择时开始日期的占位内容',
499
+ endPlaceholder: '范围选择时结束日期的占位内容',
500
+ format: '显示在输入框中的格式',
501
+ align: '对齐方式',
502
+ rangeSeparator: '选择范围时的分隔符',
503
+ unlinkPanels: '在范围选择器里取消两个日期面板之间的联动',
504
+ }
505
+ },
506
+ dateRange: {
507
+ name: '日期区间',
508
+ },
509
+ timeRange: {
510
+ name: '时间区间',
511
+ },
512
+ elAlert: {
513
+ name: '提示',
514
+ description: '说明文字',
515
+ props: {
516
+ title: '标题',
517
+ type: '主题',
518
+ description: '辅助性文字',
519
+ closable: '是否可关闭',
520
+ center: '文字是否居中',
521
+ closeText: '关闭按钮自定义文本',
522
+ showIcon: '是否显示图标',
523
+ effect: '选择提供的主题'
524
+ }
525
+ },
526
+ elButton: {
527
+ name: '按钮',
528
+ props: {
529
+ formCreateChild: '内容',
530
+ size: '尺寸',
531
+ type: '类型',
532
+ plain: '是否朴素按钮',
533
+ round: '是否圆角按钮',
534
+ circle: '是否圆形按钮',
535
+ loading: '是否加载中状态',
536
+ disabled: '是否禁用状态',
537
+ }
538
+ },
539
+ elCard: {
540
+ name: '卡片',
541
+ props: {
542
+ header: '标题',
543
+ shadow: '阴影显示时机',
544
+ }
545
+ },
546
+ elCollapse: {
547
+ name: '折叠面板',
548
+ event: {
549
+ change: '切换当前活动面板,在手风琴模式下其类型是string,在其他模式下是array',
550
+ },
551
+ props: {
552
+ accordion: '是否手风琴模式'
553
+ }
554
+ },
555
+ elCollapseItem: {
556
+ name: '面板',
557
+ props: {
558
+ title: '面板标题',
559
+ name: '唯一标志符',
560
+ disabled: '是否禁用',
561
+ }
562
+ },
563
+ elDivider: {
564
+ name: '分割线',
565
+ props: {
566
+ formCreateChild: '设置分割线文案',
567
+ contentPosition: '设置分割线文案的位置'
568
+ }
569
+ },
570
+ elTabPane: {
571
+ name: '选项卡',
572
+ props: {
573
+ label: '选项卡标题',
574
+ disabled: '是否禁用',
575
+ name: '选项卡的标识符',
576
+ lazy: '标签是否延迟渲染'
577
+ }
578
+ },
579
+ elTabs: {
580
+ name: '标签页',
581
+ event: {
582
+ tabClick: 'tab 被选中时触发',
583
+ tabChange: 'activeName 改变时触发',
584
+ tabRemove: '点击 tab 移除按钮时触发',
585
+ tabAdd: '点击 tab 新增按钮时触发',
586
+ edit: '点击 tab 的新增或移除按钮后触发',
587
+ },
588
+ props: {
589
+ type: '风格类型',
590
+ closable: '标签是否可关闭',
591
+ tabPosition: '选项卡所在位置',
592
+ stretch: '标签的宽度是否自撑开'
593
+ }
594
+ },
595
+ elTag: {
596
+ name: '标签',
597
+ props: {
598
+ formCreateNative: '是否显示标题',
599
+ formCreateTitle: '标题',
600
+ formCreateChild: '标签内容',
601
+ type: '标签的类型',
602
+ size: '标签的尺寸',
603
+ effect: '标签的主题',
604
+ closable: '是否可关闭',
605
+ disableTransitions: '是否禁用渐变动画',
606
+ hit: '是否有边框描边',
607
+ round: '是否为圆形',
608
+ color: '背景色'
609
+ }
610
+ },
611
+ elTransfer: {
612
+ name: '穿梭框',
613
+ event: {
614
+ leftCheckChange: '左侧列表元素被用户选中 / 取消选中时触发',
615
+ rightCheckChange: '右侧列表元素被用户选中 / 取消选中时触发'
616
+ },
617
+ props: {
618
+ filterable: '是否可搜索',
619
+ filterPlaceholder: '搜索框占位符',
620
+ targetOrder: '右侧列表元素的排序策略',
621
+ targetOrderInfo: '若为 original,则保持与数据相同的顺序;若为 push,则新加入的元素排在最后;若为 unshift,则新加入的元素排在最前',
622
+ titles: '自定义列表标题',
623
+ buttonTexts: '自定义按钮文案',
624
+ props: '数据源的字段别名'
625
+ }
626
+ },
627
+ elTreeSelect: {
628
+ name: '树形选择',
629
+ event: {
630
+ removeTag: '多选模式下移除tag时触发'
631
+ },
632
+ props: {
633
+ multiple: '是否多选',
634
+ disabled: '是否禁用',
635
+ clearable: '是否可以清空选项',
636
+ collapseTags: '多选时是否将选中值按文字的形式展示',
637
+ multipleLimit: '多选时用户最多可以选择的项目数,为 0 则不限制',
638
+ placeholder: '占位符',
639
+ props: '配置选项',
640
+ renderAfterExpand: '是否在第一次展开某个树节点后才渲染其子节点',
641
+ defaultExpandAll: '是否默认展开所有节点',
642
+ expandOnClickNode: '是否在点击节点的时候展开或者收缩节点',
643
+ checkOnClickNode: '是否在点击节点的时候选中节点',
644
+ nodeKey: '每个树节点用来作为唯一标识的属性,整棵树应该是唯一的'
645
+ }
646
+ },
647
+ elImage: {
648
+ name: '图片',
649
+ props: {
650
+ src: '图片链接'
651
+ }
652
+ },
653
+ fcTitle: {
654
+ name: '标题',
655
+ props: {
656
+ title: '标题',
657
+ size: '尺寸',
658
+ align: '对齐方式'
659
+ }
660
+ },
661
+ fcEditor: {
662
+ name: '富文本框',
663
+ props: {
664
+ disabled: '是否禁用'
665
+ }
666
+ },
667
+ fcRow: {
668
+ name: '栅格布局',
669
+ props: {
670
+ gutter: '栅格间隔',
671
+ type: 'flex布局模式',
672
+ justify: 'flex布局下的水平排列方式',
673
+ align: 'flex布局下的垂直排列方式'
674
+ }
675
+ },
676
+ fcTable: {
677
+ name: '表格布局',
678
+ props: {
679
+ border: '是否显示边框',
680
+ mini: '紧凑模式',
681
+ formStyle: '表格表单样式',
682
+ borderColor: '边框颜色',
683
+ borderWidth: '边框宽度'
684
+ }
685
+ },
686
+ fcTableGrid: {
687
+ name: '格子',
688
+ },
689
+ signaturePad: {
690
+ name: '手写签名',
691
+ info: '删除签名前的回调函数,返回 false 可阻止删除操作',
692
+ props: {
693
+ tip: '签名提示文字',
694
+ padTitle: '弹窗标题',
695
+ penColor: '线条的颜色',
696
+ disabled: '禁用',
697
+ beforeRemove: '删除前置回调',
698
+ }
699
+ },
700
+ group: {
701
+ name: '子表单',
702
+ info: '删除子表单项前的回调函数,返回 false 可阻止删除操作',
703
+ props: {
704
+ type: '类型',
705
+ title: '标题',
706
+ disabled: '是否禁用',
707
+ syncDisabled: '是否与子表单强制同步禁用状态',
708
+ expand: '设置默认展开几项',
709
+ button: '是否显示操作按钮',
710
+ sortBtn: '是否显示排序按钮',
711
+ min: '设置最小添加几项',
712
+ max: '设置最多添加几项',
713
+ onBeforeRemove: '删除前置回调',
714
+ },
715
+ },
716
+ html: {
717
+ name: 'HTML',
718
+ props: {
719
+ formCreateNative: '是否显示标题',
720
+ formCreateTitle: '标题',
721
+ formCreateChild: '内容',
722
+ }
723
+ },
724
+ input: {
725
+ name: '输入框',
726
+ event: {
727
+ change: '当值改变时,当组件失去焦点或用户按Enter时触发',
728
+ },
729
+ props: {
730
+ type: '类型',
731
+ maxlength: '最大输入长度',
732
+ minlength: '最小输入长度',
733
+ placeholder: '输入框占位文本',
734
+ clearable: '是否显示清除按钮',
735
+ disabled: '是否禁用',
736
+ readonly: '是否只读',
737
+ }
738
+ },
739
+ inputNumber: {
740
+ name: '计数器',
741
+ props: {
742
+ precision: '数值精度',
743
+ min: '设置计数器允许的最小值',
744
+ max: '设置计数器允许的最大值',
745
+ step: '计数器步长',
746
+ stepStrictly: '是否只能输入 step 的倍数',
747
+ disabled: '是否禁用计数器',
748
+ controls: '是否使用控制按钮',
749
+ controlsPosition: '控制按钮位置',
750
+ placeholder: '输入框占位文本'
751
+ }
752
+ },
753
+ password: {
754
+ name: '密码输入框',
755
+ event: {
756
+ change: '当值改变时,当组件失去焦点或用户按Enter时触发',
757
+ },
758
+ props: {
759
+ disabled: '是否禁用',
760
+ readonly: '是否只读',
761
+ maxlength: '最大输入长度',
762
+ minlength: '最小输入长度',
763
+ placeholder: '输入框占位文本',
764
+ clearable: '是否显示清除按钮'
765
+ }
766
+ },
767
+ radio: {
768
+ name: '单选框',
769
+ props: {
770
+ input: '是否可以填写',
771
+ disabled: '是否禁用',
772
+ type: '按钮形式',
773
+ textColor: '按钮形式激活时的文本颜色',
774
+ fill: '按钮形式激活时的填充色和边框色'
775
+ }
776
+ },
777
+ rate: {
778
+ name: '评分',
779
+ props: {
780
+ max: '最大分值',
781
+ disabled: '是否禁用',
782
+ allowHalf: '是否允许半选',
783
+ voidColor: '未选中时图标的颜色',
784
+ disabledVoidColor: '只读时未选中时图标的颜色',
785
+ voidIconClass: '未选中时图标的类名',
786
+ disabledVoidIconClass: '只读时未选中时图标的类名',
787
+ showScore: '是否显示当前分数',
788
+ textColor: '辅助文字的颜色',
789
+ scoreTemplate: '分数显示模板'
790
+ }
791
+ },
792
+ select: {
793
+ name: '选择器',
794
+ event: {
795
+ removeTag: '多选模式下移除tag时触发'
796
+ },
797
+ props: {
798
+
799
+ multiple: '是否多选',
800
+ disabled: '是否禁用',
801
+ clearable: '是否可以清空选项',
802
+ collapseTags: '多选时是否将选中值按文字的形式展示',
803
+ multipleLimit: '多选时用户最多可以选择的项目数,为 0 则不限制',
804
+ placeholder: '占位符',
805
+ filterable: '是否可搜索',
806
+ allowCreate: '是否允许用户创建新条目',
807
+ noMatchText: '搜索条件无匹配时显示的文字',
808
+ noDataText: '选项为空时显示的文字',
809
+ reserveKeyword: '多选且可搜索时,是否在选中一个选项后保留当前的搜索关键词',
810
+ defaultFirstOption: '在输入框按下回车,选择第一个匹配项',
811
+ remote: '其中的选项是否从服务器远程加载',
812
+ remoteMethod: '自定义远程搜索方法',
813
+ }
814
+ },
815
+ slider: {
816
+ name: '滑块',
817
+ props: {
818
+ min: '最小值',
819
+ max: '最大值',
820
+ disabled: '是否禁用',
821
+ step: '步长',
822
+ showInput: '是否显示输入框,仅在非范围选择时有效',
823
+ showInputControls: '在显示输入框的情况下,是否显示输入框的控制按钮',
824
+ showStops: '是否显示间断点',
825
+ range: '是否为范围选择',
826
+ vertical: '是否竖向模式',
827
+ height: 'Slider 高度,竖向模式时必填'
828
+ }
829
+ },
830
+ space: {
831
+ name: '间距',
832
+ props: {
833
+ height: '高度',
834
+ }
835
+ },
836
+ subForm: {
837
+ name: '分组',
838
+ props: {
839
+ disabled: '是否禁用',
840
+ syncDisabled: '是否与子表单强制同步禁用状态'
841
+ }
842
+ },
843
+ switch: {
844
+ name: '开关',
845
+ props: {
846
+ disabled: '是否禁用',
847
+ width: '宽度(px)',
848
+ activeText: '打开时的文字描述',
849
+ inactiveText: '关闭时的文字描述',
850
+ activeValue: '打开时的值',
851
+ inactiveValue: '关闭时的值',
852
+ activeColor: '打开时的背景色',
853
+ inactiveColor: '关闭时的背景色'
854
+ }
855
+ },
856
+ tableForm: {
857
+ name: '表格表单',
858
+ info: '删除表格行前的回调函数,返回 false 可阻止删除操作',
859
+ props: {
860
+ disabled: '是否禁用',
861
+ filterEmptyColumn: '是否过滤空行的数据',
862
+ max: '最多添加几行,为 0 则不限制',
863
+ min: '最少添加几行',
864
+ showIndex: '显示行号',
865
+ addable: '允许新增',
866
+ deletable: '允许删除',
867
+ beforeRemove: '删除前置回调',
868
+ }
869
+ },
870
+ tableFormColumn: {
871
+ name: '表格格子',
872
+ label: '自定义名称',
873
+ props: {
874
+ align: '对齐方式',
875
+ label: '标题',
876
+ width: '宽度',
877
+ color: '颜色',
878
+ required: '是否显示必填星号',
879
+ }
880
+ },
881
+ text: {
882
+ name: '文字',
883
+ props: {
884
+ formCreateNative: '是否显示标题',
885
+ formCreateTitle: '标题',
886
+ formCreateChild: '内容'
887
+ }
888
+ },
889
+ textarea: {
890
+ name: '多行输入框',
891
+ event: {
892
+ change: '当值改变时,当组件失去焦点或用户按Enter时触发',
893
+ },
894
+ props: {
895
+ disabled: '是否禁用',
896
+ readonly: '是否只读',
897
+ maxlength: '最大输入长度',
898
+ minlength: '最小输入长度',
899
+ showWordLimit: '是否显示统计字数',
900
+ placeholder: '输入框占位文本',
901
+ rows: '输入框行数',
902
+ autosize: '高度是否自适应'
903
+ }
904
+ },
905
+ timePicker: {
906
+ name: '时间',
907
+ props: {
908
+ pickerOptions: '当前时间日期选择器特有的选项',
909
+ readonly: '完全只读',
910
+ disabled: '禁用',
911
+ editable: '文本框可输入',
912
+ clearable: '是否显示清除按钮',
913
+ placeholder: '非范围选择时的占位内容',
914
+ startPlaceholder: '范围选择时开始日期的占位内容',
915
+ endPlaceholder: '范围选择时开始日期的占位内容',
916
+ isRange: '是否为时间范围选择',
917
+ arrowControl: '是否使用箭头进行时间选择',
918
+ align: '对齐方式'
919
+ }
920
+ },
921
+ tree: {
922
+ name: '树形控件',
923
+ event: {
924
+ nodeClick: '当节点被点击的时候触发',
925
+ nodeContextmenu: '当某一节点被鼠标右键点击时会触发该事件',
926
+ checkChange: '当复选框被点击的时候触发',
927
+ check: '点击节点复选框之后触发',
928
+ currentChange: '当前选中节点变化时触发的事件',
929
+ nodeExpand: '节点被展开时触发的事件',
930
+ nodeCollapse: '节点被关闭时触发的事件',
931
+ nodeDragStart: '节点开始拖拽时触发的事件',
932
+ nodeDragEnter: '拖拽进入其他节点时触发的事件',
933
+ nodeDragLeave: '拖拽离开某个节点时触发的事件',
934
+ nodeDragOver: '在拖拽节点时触发的事件(类似浏览器的 mouseover 事件)',
935
+ nodeDragEnd: '拖拽结束时(可能未成功)触发的事件',
936
+ nodeDrop: '拖拽成功完成时触发的事件'
937
+ },
938
+ props: {
939
+ emptyText: '内容为空的时候展示的文本',
940
+ props: '配置选项',
941
+ renderAfterExpand: '是否在第一次展开某个树节点后才渲染其子节点',
942
+ defaultExpandAll: '是否默认展开所有节点',
943
+ expandOnClickNode: '是否在点击节点的时候展开或者收缩节点,如果为 false,则只有点箭头图标的时候才会展开或者收缩节点。',
944
+ checkOnClickNode: '是否在点击节点的时候选中节点',
945
+ autoExpandParent: '展开子节点的时候是否自动展开父节点',
946
+ checkStrictly: '在显示复选框的情况下,是否严格的遵循父子不互相关联的做法',
947
+ accordion: '是否每次只打开一个同级树节点展开',
948
+ indent: '相邻级节点间的水平缩进(px)',
949
+ nodeKey: '每个树节点用来作为唯一标识的属性,整棵树应该是唯一的'
950
+ }
951
+ },
952
+ upload: {
953
+ name: '上传',
954
+ info: '上传成功后,将接口返回的 URL 赋值给 file.url,或将返回结果赋值给 file.value,以便在后续的表单提交时获取这些数据。',
955
+ event: {
956
+ remove: '文件列表移除文件时触发',
957
+ preview: '点击文件列表中已上传的文件时触发',
958
+ error: '文件上传失败时触发',
959
+ progress: '文件上传时触发',
960
+ exceed:'当超出限制时触发'
961
+ },
962
+ props: {
963
+ listType: '上传类型',
964
+ multiple: '是否支持多选文件',
965
+ action: '上传的地址(必填)',
966
+ beforeUpload: '上传文件之前触发',
967
+ onSuccess: '上传成功时触发',
968
+ beforeRemove: '删除文件之前触发',
969
+ headers: '设置上传的请求头部',
970
+ data: '上传时附带的额外参数',
971
+ name: '上传的文件字段名',
972
+ withCredentials: '支持发送 cookie 凭证信息',
973
+ accept: '接受上传的文件类型',
974
+ autoUpload: '是否在选取文件后立即进行上传',
975
+ disabled: '是否禁用',
976
+ limit: '最大允许上传个数'
977
+ }
978
+ }
979
+ },
980
+ };
981
+
982
+ export default ZhCn;
983
+