UNPKG

form-tdesigner

Version:

好用的Vue低代码可视化表单设计器,可以通过拖拽的方式快速创建表单,提高开发者对表单的开发效率。

934 lines (931 loc) 30.6 kB
const ZhCn = { name: 'zh-cn', form: { field: '字段 ID', title: '字段名称', info: '提示信息', control: '联动数据', labelAlign: '标签的位置', labelStyle: '标签的样式', labelSuffix: '标签的后缀', size: '表单的尺寸', event: '表单事件', labelWidth: '标签的宽度', requiredMark: '是否必填字段的标签旁边的红色星号', showErrorMessage: '显示校验错误信息', inlineMessage: '以行内形式展示校验信息', submitBtn: '是否显示表单提交按钮', resetBtn: '是否显示表单重置按钮', appendChild: '添加子级', formMode: '表单模式', formName: '表单名称', componentMode: '生成组件', htmlMode: '生成HTML', document: '帮助文档', controlDocument: '需要更详细的配置方法?请查看https://form-create.com/v3/guide/control#%E7%BB%84%E4%BB%B6%E5%8A%A8%E6%80%81%E8%81%94%E5%8A%A8%E6%95%99%E7%A8%8B', onSubmit: '表单提交时触发', onReset: '表单重置后触发', onCreated: '表单组件初始化完毕后触发', onMounted: '表单组件渲染完毕后触发', onReload: '表单渲染规则重载后触发', onChange: '表单组件的值发生变化时触发', beforeFetch: '远程数据请求发送前触发', }, computed: { fieldUsed: '【{label}】在计算公式中被使用,请先修改对应公式', fieldExist: '【{label}】字段已存在', fieldEmpty: '字段名称不能为空', fieldChar: '字段名称必须以字母开头', }, validate: { type: '字段类型', typePlaceholder: '请选择', trigger: '触发方式', mode: '验证方式', modes: { required: '必填', pattern: '正则表达式', validator: '自定义验证', min: '最小值', max: '最大值', len: '长度', }, types: { string: '文本', boolean: '布尔', array: '多选', number: '数字', integer: '整数', float: '小数', object: '合集', date: '日期', url: 'URL链接', email: '邮箱地址', }, message: '错误信息', auto: '自动获取', autoRequired: '请输入{title}', autoMode: '请输入正确的{title}', requiredPlaceholder: '请输入提示语', required: '是否必填', rule: '验证规则', }, tableOptions: { handle: '操作', add: '添加', empty1: '点击右下角', empty2: '按钮添加一列', rmCol: '删除当前列', rmRow: '删除当前行', splitRow: '拆分成行', splitCol: '拆分成列', mergeBottom: '向下合并', mergeRight: '向右合并', addTop: '添加上列', addBottom: '添加下列', addLeft: '添加左列', addRight: '添加右列', keyValue: '键值对', }, struct: { title: '编辑数据', only: '【{label}】只允许添加一个', errorMsg: '输入的内容语法错误', configured: '已配置', }, linkage: { hidden: '隐藏条件', disabled: '禁用条件', change: '值改变时', }, event: { title: '设置事件', create: '创建事件', list: '事件列表', placeholder: '请输入事件的名称', saveMsg: '请先保存当前正在编辑的事件', type: '类型', info: '说明', label: '字段', inject: { api: '当前表单的api', rule: '当前表单的生成规则', self: '组件的生成规则', option: '表单的配置', args: '事件的原始参数', }, }, eventInfo: { blur: '失去焦点时触发', focus: '获得焦点时触发', change: '当绑定值变化时触发', input: '在值改变时触发', clear: '在点击清空按钮时触发', close: '关闭组件时触发', click: '点击组件时触发', add: '增加时触发', delete: '删除时触发', visibleChange: '下拉框出现/隐藏时触发', calendarChange: '在日历所选日期更改时触发', panelChange: '当日期面板改变时触发', open: '打开的回调', opened: '打开动画结束时的回调', closed: '关闭动画结束时的回调', openAutoFocus: '输入焦点聚焦在内容时的回调', closeAutoFocus: '输入焦点从内容失焦时的回调', submit: '表单提交时触发', confirm: '点击确认按钮时触发', validateFail: '表单验证失败时触发', hook_load: '组件规则加载后触发', hook_mounted: '组件挂载后触发', hook_deleted: '组件规则被移除后触发', hook_watch: '组件规则发生变化后触发', hook_value: '组件的值发生变化后触发', hook_hidden: '组件显示状态发生变化后触发', }, fetch: { title: '设置数据源', create: '创建数据源', config: '请求配置', action: '请求链接', actionRequired: '请输入正确的链接', placeholder: '请输入数据源的名称', method: '请求方式', data: '附带数据', dataType: '数据类型', headers: '请求头部', query: '请求参数', parse: '数据处理', response: '接口返回的数据', onError: '错误处理', remote: '远程数据', static: '静态数据', optionsType: { fetch: '远程数据', struct: '静态数据', }, }, style: { width: '宽度', height: '高度', color: '颜色', backgroundColor: '背景色', margin: '外边距', padding: '内边距', borderRadius: '圆角', border: '边框', solid: '实线', dashed: '虚线', dotted: '点状虚线', double: '双实线', opacity: '透明度', scale: '缩放', minWidth: '最小宽', minHeight: '最小高', maxWidth: '最大宽', maxHeight: '最大高', overflow: { name: '溢出', visible: '可见', hidden: '隐藏', scroll: '滚动', auto: '溢出后自动滚动', }, shadow: { name: '阴影', x: 'x轴偏移量', y: 'y轴偏移量', vague: '模糊半径', extend: '扩散半径', inset: '向内', external: '向外', mode: '模式', classic: '经典', flat: '扁平', solid: '立体', }, font: { name: '字体', size: '大小', align: '对齐方式', height: '行高', spacing: '字间距', preview: '样式预览', }, decoration: { name: '修饰', underline: '下划线', 'line-through': '删除线', overline: '上划线', }, weight: { name: '粗细', 300: '细体', 400: '常规体', 500: '中黑体', 700: '中粗体', }, }, designer: { component: '组件配置', id: '唯一值', name: '编号', type: '组件类型', form: '表单配置', json: '渲染规则', style: '组件样式配置', rule: '基础配置', advanced: '高级配置', props: '属性配置', customProps: '自定义属性配置', validate: '验证配置', event: '事件配置', linkage: '联动配置', clearWarn: '清空后将不能恢复,确定要清空吗?', childEmpty: '点击右下角 \\e789 按钮添加一列', dragEmpty: '拖拽左侧列表中的组件到此处', unload: '确定离开当前页面吗?', comList: '组件列表', }, language: { name: '国际化配置', add: '新增词条', batchRemove: '批量删除', }, menu: { main: '基础组件', aide: '辅助组件', layout: '布局组件', component: '组件', subform: '子表单组件', tree: '大纲', }, props: { disabled: '禁用', time: '时间', size: '尺寸', email: '邮箱', number: '数字', globalData: '全局数据', mobile: '移动端', reactive: '响应式', pc: '电脑端', title: '标题', content: '内容', collection: '合集', group: '分组', custom: '自定义', change: '改变', blur: '失去焦点', preview: '预览', clear: '清空', cancel: '取消', close: '关闭', ok: '确定', save: '保存', refresh: '刷新', submit: '提交', reset: '重置', copy: '复制', delete: '删除', hide: '隐藏', show: '显示', position: '位置', render: '渲染', large: '大', medium:'中', default: '默认', small: '小', always: '常显', never: '不显示', hover: '悬浮', click: '点击', button: '按钮', year: '年份', month: '月份', date: '日期', dates: '日期多选', quarter: '一季', week: '一周', datetime: '日期时间', 'datetime-local': '日期时间', datetimerange: '日期时间区间', daterange: '日期区间', monthrange: '月份区间', left: '左对齐', right: '右对齐', top: '顶部', text: '文字', picture: '图片', 'picture-card': '卡片', center: '居中', vertical: '竖向', horizontal: '横向', manage: '管理', key: '键名', name: '名称', value: '值', inputData: '默认值', append: '插入', options: '选项数据', option: '选项', callback: '回调', _self: '当前窗口', _blank: '新的窗口', _parent: '父级窗口', _top: '顶级窗口', }, com: { cascader: { name: '级联选择器', event: { expandChange: '当展开节点发生变化时触发', removeTag: '在多选模式下,移除Tag时触发', }, props: { props: '配置选项', placeholder: '输入框占位文本', disabled: '是否禁用', clearable: '是否支持清空选项', showAllLevels: '输入框中是否显示选中值的完整路径', collapseTags: '多选模式下是否折叠Tag', collapseTagsTooltip: '当鼠标悬停于折叠标签的文本时,是否显示所有选中的标签', separator: '选项分隔符', filterable: '该选项是否可以被搜索', tagType: '标签类型', }, propsOpt: { multiple: '是否多选', expandTrigger: '次级菜单的展开方式', checkStrictly: '是否严格的遵守父子节点不互相关联', emitPath: '在选中节点改变时,是否返回由该节点所在的各级菜单的值所组成的数组', value: '指定选项的值为选项对象的某个属性值', label: '指定选项标签为选项对象的某个属性值', children: '指定选项的子选项为选项对象的某个属性值', disabled: '指定选项的禁用为选项对象的某个属性值', leaf: '指定选项的叶子节点的标志位为选项对象的某个属性值', }, }, checkbox: { name: '多选框组', props: { input: '是否可以填写', type: '按钮类型', disabled: '是否禁用', min: '可被勾选的最小数量', max: '可被勾选的最大数量', textColor: '当按钮为活跃状态时的字体颜色', fill: '当按钮为活跃状态时的边框和背景颜色', }, }, 't-checkbox': { name: '多选框', props: { input: '是否可以填写', type: '按钮类型', disabled: '是否禁用', min: '可被勾选的最小数量', max: '可被勾选的最大数量', textColor: '当按钮为活跃状态时的字体颜色', fill: '当按钮为活跃状态时的边框和背景颜色', label:'label' }, }, 't-input-number': { name: '数字输入框', event: { change: '当值改变时,当组件失去焦点或用户按Enter时触发', }, props: { theme: 'theme', max: '最大', min: '最小', placeholder: '输入框占位文本', clearable: '是否显示清除按钮', disabled: '是否禁用', readonly: '是否只读', suffix: '后置内容', decimalPlaces: '数值精度', step: '计数器步长', stepStrictly: '是否只能输入 step 的倍数', disabled: '是否禁用计数器', controls: '是否使用控制按钮', controlsPosition: '控制按钮位置', placeholder: '输入框占位文本', size:'size' }, }, col: { name: '布局格子', props: { span: '栅格占据的列数', offset: '栅格左侧的间隔格数', push: '栅格向右移动格数', pull: '栅格向左移动格数', }, }, colorPicker: { name: '颜色选择器', event: { activeChange: '面板中当前显示的颜色发生改变时触发', }, props: { disabled: '是否禁用', enableAlpha: '是否支持透明度选择', format: '颜色的格式', predefine: '预定义颜色', }, }, datePicker: { name: '日期', props: { pickerOptions: '当前时间日期选择器特有的选项', readonly: '完全只读', disabled: '禁用', mode: '显示类型', allowInput: '文本框可输入', clearable: '是否显示清除按钮', placeholder: '占位内容', startPlaceholder: '范围选择时开始日期的占位内容', endPlaceholder: '范围选择时结束日期的占位内容', format: '显示在输入框中的格式', align: '对齐方式', rangeSeparator: '选择范围时的分隔符', unlinkPanels: '在范围选择器里取消两个日期面板之间的联动', }, }, dateRangePicker: { name: '日期区间', props: { pickerOptions: '当前时间日期选择器特有的选项', readonly: '完全只读', disabled: '禁用', mode: '显示类型', editable: '文本框可输入', clearable: '是否显示清除按钮', placeholder: '非范围选择时的占位内容', startPlaceholder: '范围选择时开始日期的占位内容', endPlaceholder: '范围选择时结束日期的占位内容', format: '显示在输入框中的格式', align: '对齐方式', separator: '选择范围时的分隔符', unlinkPanels: '在范围选择器里取消两个日期面板之间的联动', }, }, timeRange: { name: '时间区间', props: { pickerOptions: '当前时间日期选择器特有的选项', readonly: '完全只读', disabled: '禁用', allowInput: '文本框可输入', clearable: '是否显示清除按钮', placeholder: '非范围选择时的占位内容', placeholder: '占位内容', isRange: '是否为时间范围选择', arrowControl: '是否使用箭头进行时间选择', align: '对齐方式', }, }, tAlert: { name: '提示', description: '说明文字', props: { title: '标题', theme: '主题', message: '辅助性文字', close: '是否可关闭', closeText: '关闭按钮自定义文本', showIcon: '是否显示图标', effect: '选择提供的主题', }, }, tButton: { name: '按钮', props: { variant: '按钮形式', formCreateChild: '内容', size: '尺寸', theme: '类型', shape: '形状', disabled: '是否禁用状态', }, }, tCard: { name: '卡片', props: { title: '标题', shadow: '是否显示卡片阴影', }, }, tCollapse: { name: '折叠面板', event: { change: '切换当前活动面板,在手风琴模式下其类型是string,在其他模式下是array', }, props: { accordion: '是否手风琴模式', }, }, tCollapseItem: { name: '面板', props: { header: '面板标题', name: '唯一标志符', disabled: '是否禁用', }, }, tDivider: { name: '分割线', props: { formCreateChild: '设置分割线文案', layout: '分隔线类型', }, }, elTabPane: { name: '选项卡', props: { label: '选项卡标题', disabled: '是否禁用', name: '选项卡的标识符', lazy: '标签是否延迟渲染', }, }, tTabs: { name: '标签页', event: { tabClick: 'tab 被选中时触发', tabChange: 'activeName 改变时触发', tabRemove: '点击 tab 移除按钮时触发', tabAdd: '点击 tab 新增按钮时触发', edit: '点击 tab 的新增或移除按钮后触发', }, props: { type: '风格类型', closable: '标签是否可关闭', tabPosition: '选项卡所在位置', stretch: '标签的宽度是否自撑开', }, }, tTag: { name: '标签', props: { formCreateNative: '是否显示标题', formCreateTitle: '标题', content: '标签内容', theme: '标签的类型', size: '标签的尺寸', effect: '标签的主题', closable: '是否可关闭', disableTransitions: '是否禁用渐变动画', shape: '形状', }, }, elTransfer: { name: '穿梭框', event: { leftCheckChange: '左侧列表元素被用户选中 / 取消选中时触发', rightCheckChange: '右侧列表元素被用户选中 / 取消选中时触发', }, props: { filterable: '是否可搜索', filterPlaceholder: '搜索框占位符', targetOrder: '右侧列表元素的排序策略', targetOrderInfo: '若为 original,则保持与数据相同的顺序;若为 push,则新加入的元素排在最后;若为 unshift,则新加入的元素排在最前', titles: '自定义列表标题', buttonTexts: '自定义按钮文案', props: '数据源的字段别名', }, }, elTreeSelect: { name: '树形选择', event: { removeTag: '多选模式下移除tag时触发', }, props: { multiple: '是否多选', disabled: '是否禁用', clearable: '是否可以清空选项', collapseTags: '多选时是否将选中值按文字的形式展示', multipleLimit: '多选时用户最多可以选择的项目数,为 0 则不限制', placeholder: '占位符', props: '配置选项', renderAfterExpand: '是否在第一次展开某个树节点后才渲染其子节点', defaultExpandAll: '是否默认展开所有节点', expandOnClickNode: '是否在点击节点的时候展开或者收缩节点', checkOnClickNode: '是否在点击节点的时候选中节点', nodeKey: '每个树节点用来作为唯一标识的属性,整棵树应该是唯一的', }, }, elImage: { name: '图片', props: { src: '图片链接', }, }, fcEditor: { name: '富文本框', props: { disabled: '是否禁用', }, }, fcRow: { name: '栅格布局', props: { gutter: '栅格间隔', type: 'flex布局模式', justify: 'flex布局下的水平排列方式', align: 'flex布局下的垂直排列方式', }, }, fcTable: { name: '表格布局', props: { border: '是否显示边框', borderColor: '边框颜色', borderWidth: '边框宽度', }, }, fcTableGrid: { name: '格子', }, group: { name: '子表单', props: { disabled: '是否禁用', syncDisabled: '是否与子表单强制同步禁用状态', expand: '设置默认展开几项', button: '是否显示操作按钮', sortBtn: '是否显示排序按钮', min: '设置最小添加几项', max: '设置最多添加几项', }, }, html: { name: 'HTML', props: { formCreateNative: '是否显示标题', formCreateTitle: '标题', formCreateChild: '内容', }, }, input: { name: '输入框', event: { change: '当值改变时,当组件失去焦点或用户按Enter时触发', }, props: { type: '类型', maxlength: '最大输入长度', minlength: '最小输入长度', placeholder: '输入框占位文本', clearable: '是否显示清除按钮', disabled: '是否禁用', readonly: '是否只读', }, }, inputNumber: { name: '计数器', props: { precision: '数值精度', min: '设置计数器允许的最小值', max: '设置计数器允许的最大值', step: '计数器步长', stepStrictly: '是否只能输入 step 的倍数', disabled: '是否禁用计数器', controls: '是否使用控制按钮', controlsPosition: '控制按钮位置', placeholder: '输入框占位文本', }, }, password: { name: '密码输入框', event: { change: '当值改变时,当组件失去焦点或用户按Enter时触发', }, props: { disabled: '是否禁用', readonly: '是否只读', maxlength: '最大输入长度', minlength: '最小输入长度', placeholder: '输入框占位文本', clearable: '是否显示清除按钮', }, }, radio: { name: '单选框', props: { input: '是否可以填写', disabled: '是否禁用', theme: '组件风格', variant: '单选组件按钮形式', textColor: '按钮形式激活时的文本颜色', fill: '按钮形式激活时的填充色和边框色', }, }, rate: { name: '评分', props: { max: '最大分值', disabled: '是否禁用', allowHalf: '是否允许半选', voidColor: '未选中时图标的颜色', disabledVoidColor: '只读时未选中时图标的颜色', voidIconClass: '未选中时图标的类名', disabledVoidIconClass: '只读时未选中时图标的类名', showScore: '是否显示当前分数', textColor: '辅助文字的颜色', scoreTemplate: '分数显示模板', }, }, select: { name: '选择器', event: { removeTag: '多选模式下移除tag时触发', }, props: { multiple: '是否多选', disabled: '是否禁用', clearable: '是否可以清空选项', collapseTags: '多选时是否将选中值按文字的形式展示', multipleLimit: '多选时用户最多可以选择的项目数,为 0 则不限制', placeholder: '占位符', filterable: '是否可搜索', creatable: '是否允许用户创建新条目', noMatchText: '搜索条件无匹配时显示的文字', empty: '选项为空时显示的文字', reserveKeyword: '多选且可搜索时,是否在选中一个选项后保留当前的搜索关键词', defaultFirstOption: '在输入框按下回车,选择第一个匹配项', remote: '其中的选项是否从服务器远程加载', remoteMethod: '自定义远程搜索方法', size:'size' }, }, slider: { name: '滑块', props: { min: '最小值', max: '最大值', disabled: '是否禁用', step: '步长', inputNumberProps: '是否显示输入框', showInputControls: '在显示输入框的情况下,是否显示输入框的控制按钮', showStep: '控制步长刻度值显示', range: '是否为范围选择', layout: '显示模式', height: 'Slider 高度,竖向模式时必填', }, }, space: { name: '间距', props: { height: '高度', }, }, subForm: { name: '分组', props: { disabled: '是否禁用', syncDisabled: '是否与子表单强制同步禁用状态', }, }, switch: { name: '开关', props: { disabled: '是否禁用', width: '宽度(px)', activeText: '打开时的文字描述', inactiveText: '关闭时的文字描述', activeValue: '打开时的值', inactiveValue: '关闭时的值', activeColor: '打开时的背景色', inactiveColor: '关闭时的背景色', }, }, tableForm: { name: '表格表单', props: { disabled: '是否禁用', filterEmptyColumn: '是否过滤空行的数据', max: '最多添加几行,为 0 则不限制', }, }, tableFormColumn: { name: '表格格子', label: '自定义名称', props: { label: '标题', width: '宽度', color: '颜色', required: '是否显示必填星号', }, }, text: { name: '文字', props: { formCreateNative: '是否显示标题', formCreateTitle: '标题', formCreateChild: '内容', }, }, textarea: { name: '多行输入框', event: { change: '当值改变时,当组件失去焦点或用户按Enter时触发', }, props: { disabled: '是否禁用', readonly: '是否只读', maxlength: '最大输入长度', minlength: '最小输入长度', showWordLimit: '是否显示统计字数', placeholder: '输入框占位文本', rows: '输入框行数', autosize: '高度是否自适应', }, }, timePicker: { name: '时间', props: { pickerOptions: '当前时间日期选择器特有的选项', readonly: '完全只读', disabled: '禁用', allowInput: '文本框可输入', clearable: '是否显示清除按钮', placeholder: '非范围选择时的占位内容', placeholder: '占位内容', isRange: '是否为时间范围选择', arrowControl: '是否使用箭头进行时间选择', align: '对齐方式', }, }, tree: { name: '树形控件', event: { nodeClick: '当节点被点击的时候触发', nodeContextmenu: '当某一节点被鼠标右键点击时会触发该事件', checkChange: '当复选框被点击的时候触发', check: '点击节点复选框之后触发', currentChange: '当前选中节点变化时触发的事件', nodeExpand: '节点被展开时触发的事件', nodeCollapse: '节点被关闭时触发的事件', nodeDragStart: '节点开始拖拽时触发的事件', nodeDragEnter: '拖拽进入其他节点时触发的事件', nodeDragLeave: '拖拽离开某个节点时触发的事件', nodeDragOver: '在拖拽节点时触发的事件(类似浏览器的 mouseover 事件)', nodeDragEnd: '拖拽结束时(可能未成功)触发的事件', nodeDrop: '拖拽成功完成时触发的事件', }, props: { emptyText: '内容为空的时候展示的文本', props: '配置选项', renderAfterExpand: '是否在第一次展开某个树节点后才渲染其子节点', defaultExpandAll: '是否默认展开所有节点', expandOnClickNode: '是否在点击节点的时候展开或者收缩节点,如果为 false,则只有点箭头图标的时候才会展开或者收缩节点。', checkOnClickNode: '是否在点击节点的时候选中节点', autoExpandParent: '展开子节点的时候是否自动展开父节点', checkStrictly: '在显示复选框的情况下,是否严格的遵循父子不互相关联的做法', accordion: '是否每次只打开一个同级树节点展开', indent: '相邻级节点间的水平缩进(px)', nodeKey: '每个树节点用来作为唯一标识的属性,整棵树应该是唯一的', }, }, upload: { name: '上传', info: '在onSuccess方法中将接口返回的url赋值给file.url', event: { remove: '文件列表移除文件时触发', preview: '点击文件列表中已上传的文件时触发', error: '文件上传失败时触发', progress: '文件上传时触发', exceed: '当超出限制时触发', }, props: { listType: '上传类型', theme: '上传类型', multiple: '是否支持多选文件', action: '上传的地址(必填)', beforeUpload: '上传文件之前触发', onSuccess: '上传成功时触发', beforeRemove: '删除文件之前触发', headers: '设置上传的请求头部', data: '上传时附带的额外参数', name: '上传的文件字段名', withCredentials: '支持发送 cookie 凭证信息', accept: '接受上传的文件类型', autoUpload: '是否在选取文件后立即进行上传', disabled: '是否禁用', limit: '最大允许上传个数', }, }, }, }; export default ZhCn;