diff --git a/.eslintignore b/.eslintignore new file mode 100644 index 0000000000000000000000000000000000000000..89be6f6596352653bf50bfdf3e8794dc6d90e366 --- /dev/null +++ b/.eslintignore @@ -0,0 +1,10 @@ +# 忽略build目录下类型为js的文件的语法检查 +build/*.js +# 忽略src/assets目录下文件的语法检查 +src/assets +# 忽略public目录下文件的语法检查 +public +# 忽略当前目录下为js的文件的语法检查 +*.js +# 忽略当前目录下为vue的文件的语法检查 +*.vue \ No newline at end of file diff --git a/.eslintrc.js b/.eslintrc.js new file mode 100644 index 0000000000000000000000000000000000000000..82bbdeea60fec5062fad77c9cc110c6f831afc71 --- /dev/null +++ b/.eslintrc.js @@ -0,0 +1,199 @@ +// ESlint 检查配置 +module.exports = { + root: true, + parserOptions: { + parser: 'babel-eslint', + sourceType: 'module' + }, + env: { + browser: true, + node: true, + es6: true, + }, + extends: ['plugin:vue/recommended', 'eslint:recommended'], + + // add your custom rules here + //it is base on https://github.com/vuejs/eslint-config-vue + rules: { + "vue/max-attributes-per-line": [2, { + "singleline": 10, + "multiline": { + "max": 1, + "allowFirstLine": false + } + }], + "vue/singleline-html-element-content-newline": "off", + "vue/multiline-html-element-content-newline":"off", + "vue/name-property-casing": ["error", "PascalCase"], + "vue/no-v-html": "off", + 'accessor-pairs': 2, + 'arrow-spacing': [2, { + 'before': true, + 'after': true + }], + 'block-spacing': [2, 'always'], + 'brace-style': [2, '1tbs', { + 'allowSingleLine': true + }], + 'camelcase': [0, { + 'properties': 'always' + }], + 'comma-dangle': [2, 'never'], + 'comma-spacing': [2, { + 'before': false, + 'after': true + }], + 'comma-style': [2, 'last'], + 'constructor-super': 2, + 'curly': [2, 'multi-line'], + 'dot-location': [2, 'property'], + 'eol-last': 2, + 'eqeqeq': ["error", "always", {"null": "ignore"}], + 'generator-star-spacing': [2, { + 'before': true, + 'after': true + }], + 'handle-callback-err': [2, '^(err|error)$'], + 'indent': [2, 2, { + 'SwitchCase': 1 + }], + 'jsx-quotes': [2, 'prefer-single'], + 'key-spacing': [2, { + 'beforeColon': false, + 'afterColon': true + }], + 'keyword-spacing': [2, { + 'before': true, + 'after': true + }], + 'new-cap': [2, { + 'newIsCap': true, + 'capIsNew': false + }], + 'new-parens': 2, + 'no-array-constructor': 2, + 'no-caller': 2, + 'no-console': 'off', + 'no-class-assign': 2, + 'no-cond-assign': 2, + 'no-const-assign': 2, + 'no-control-regex': 0, + 'no-delete-var': 2, + 'no-dupe-args': 2, + 'no-dupe-class-members': 2, + 'no-dupe-keys': 2, + 'no-duplicate-case': 2, + 'no-empty-character-class': 2, + 'no-empty-pattern': 2, + 'no-eval': 2, + 'no-ex-assign': 2, + 'no-extend-native': 2, + 'no-extra-bind': 2, + 'no-extra-boolean-cast': 2, + 'no-extra-parens': [2, 'functions'], + 'no-fallthrough': 2, + 'no-floating-decimal': 2, + 'no-func-assign': 2, + 'no-implied-eval': 2, + 'no-inner-declarations': [2, 'functions'], + 'no-invalid-regexp': 2, + 'no-irregular-whitespace': 2, + 'no-iterator': 2, + 'no-label-var': 2, + 'no-labels': [2, { + 'allowLoop': false, + 'allowSwitch': false + }], + 'no-lone-blocks': 2, + 'no-mixed-spaces-and-tabs': 2, + 'no-multi-spaces': 2, + 'no-multi-str': 2, + 'no-multiple-empty-lines': [2, { + 'max': 1 + }], + 'no-native-reassign': 2, + 'no-negated-in-lhs': 2, + 'no-new-object': 2, + 'no-new-require': 2, + 'no-new-symbol': 2, + 'no-new-wrappers': 2, + 'no-obj-calls': 2, + 'no-octal': 2, + 'no-octal-escape': 2, + 'no-path-concat': 2, + 'no-proto': 2, + 'no-redeclare': 2, + 'no-regex-spaces': 2, + 'no-return-assign': [2, 'except-parens'], + 'no-self-assign': 2, + 'no-self-compare': 2, + 'no-sequences': 2, + 'no-shadow-restricted-names': 2, + 'no-spaced-func': 2, + 'no-sparse-arrays': 2, + 'no-this-before-super': 2, + 'no-throw-literal': 2, + 'no-trailing-spaces': 2, + 'no-undef': 2, + 'no-undef-init': 2, + 'no-unexpected-multiline': 2, + 'no-unmodified-loop-condition': 2, + 'no-unneeded-ternary': [2, { + 'defaultAssignment': false + }], + 'no-unreachable': 2, + 'no-unsafe-finally': 2, + 'no-unused-vars': [2, { + 'vars': 'all', + 'args': 'none' + }], + 'no-useless-call': 2, + 'no-useless-computed-key': 2, + 'no-useless-constructor': 2, + 'no-useless-escape': 0, + 'no-whitespace-before-property': 2, + 'no-with': 2, + 'one-var': [2, { + 'initialized': 'never' + }], + 'operator-linebreak': [2, 'after', { + 'overrides': { + '?': 'before', + ':': 'before' + } + }], + 'padded-blocks': [2, 'never'], + 'quotes': [2, 'single', { + 'avoidEscape': true, + 'allowTemplateLiterals': true + }], + 'semi': [2, 'never'], + 'semi-spacing': [2, { + 'before': false, + 'after': true + }], + 'space-before-blocks': [2, 'always'], + 'space-before-function-paren': [2, 'never'], + 'space-in-parens': [2, 'never'], + 'space-infix-ops': 2, + 'space-unary-ops': [2, { + 'words': true, + 'nonwords': false + }], + 'spaced-comment': [2, 'always', { + 'markers': ['global', 'globals', 'eslint', 'eslint-disable', '*package', '!', ','] + }], + 'template-curly-spacing': [2, 'never'], + 'use-isnan': 2, + 'valid-typeof': 2, + 'wrap-iife': [2, 'any'], + 'yield-star-spacing': [2, 'both'], + 'yoda': [2, 'never'], + 'prefer-const': 2, + 'no-debugger': process.env.NODE_ENV === 'production' ? 2 : 0, + 'object-curly-spacing': [2, 'always', { + objectsInObjects: false + }], + 'array-bracket-spacing': [2, 'never'] + } +} diff --git a/example/main.js b/example/main.js index 926d6479b23852b55d08cc90146af52f692ef5b8..126749bbe5439ff127efe4d246439982173d0b06 100644 --- a/example/main.js +++ b/example/main.js @@ -1,13 +1,15 @@ - + import Vue from 'vue' -import App from './App' - +import App from './App' + +import ElementUI from 'element-ui' +import 'element-ui/lib/theme-chalk/index.css'; import deepmerge from 'deepmerge'; - + // 自定义组件 -import NgComponents from './components/index.js' +import NgComponents from './components/index.js' // 导入组件库 -import FormDesign from '../packages/index.js' +import FormDesign from '../packages/index.js' // ng-form组件国际化资源 import zh from '../packages/locale/lang/zh_CN' import en from '../packages/locale/lang/en' @@ -15,17 +17,16 @@ import en from '../packages/locale/lang/en' // 本地国际化资源 import ngEn from './locale/en.js' import ngZh from './locale/zh_CN.js' - + // 将本地的国际化资源和组件内资源合并 const mergeZh = deepmerge(zh, ngZh, { clone: true }) - + // 注册组件库 +Vue.use(ElementUI) Vue.use(FormDesign , {locale: mergeZh , components: NgComponents}) - - Vue.config.productionTip = false -new Vue({ +new Vue({ // router, render: h => h(App), }).$mount('#app') diff --git a/index_template/index_dev.html b/index_template/index_dev.html new file mode 100644 index 0000000000000000000000000000000000000000..d6f067b4a992fd9f6c118620ee108e7e4fd79c40 --- /dev/null +++ b/index_template/index_dev.html @@ -0,0 +1,19 @@ + + + + + + + + + <%= htmlWebpackPlugin.options.title %> + + + + +
+ + + diff --git a/index_template/index_prod.html b/index_template/index_prod.html new file mode 100644 index 0000000000000000000000000000000000000000..989b0965538b341fcf5e036c9198cdf75d6f3803 --- /dev/null +++ b/index_template/index_prod.html @@ -0,0 +1,24 @@ + + + + + + + + <%= htmlWebpackPlugin.options.title %> + <% for (let i in htmlWebpackPlugin.options.cdn.css) { %> + + <% } %> + <% for (let i in htmlWebpackPlugin.options.cdn.js) { %> + + <% } %> + + + +
+ + + + diff --git a/package.json b/package.json index 53ed6ee73bbb5c87dadd8bf795f4c82bedadf794..577f10ebc590381dea68b0ba2f26ebdafd31892b 100644 --- a/package.json +++ b/package.json @@ -16,7 +16,8 @@ "lodash": "^4.17.21", "object-path": "^0.11.5", "vue": "^2.6.12", - "vuedraggable": "^2.24.3" + "vuedraggable": "^2.24.3", + "element-ui": "^2.15.14" }, "devDependencies": { "@vue/cli-plugin-babel": "~4.4.0", @@ -28,7 +29,8 @@ "terser-webpack-plugin": "^5.3.7", "vue-template-compiler": "^2.6.11", "vuex-persistedstate": "^3.0.1", - "webpack-bundle-analyzer": "^4.4.2" + "webpack-bundle-analyzer": "^4.4.2", + "mvdir": "^1.0.21" }, "eslintConfig": { "root": true, diff --git a/packages/form-design/index.vue b/packages/form-design/index.vue index c6ca2960d2aae5a364c716c8d518ad65d57685ce..c94216ce7e3fc5afcebc0a4c56cfecc283d7d503 100644 --- a/packages/form-design/index.vue +++ b/packages/form-design/index.vue @@ -1,20 +1,20 @@ @@ -22,21 +22,21 @@ + :formTemplate="formTemplate" + @handleSelectItem="handleSelectItem" + :selectItem="selectItem" + > - + - \ No newline at end of file + --> diff --git a/packages/form-design/items/application/state/index.js b/packages/form-design/items/application/state/index.js index df55f1f3c2c278c3517274735a56475f3b2cb13b..571a52f4c2a36a961495d587abbd9c2f1fab43a5 100644 --- a/packages/form-design/items/application/state/index.js +++ b/packages/form-design/items/application/state/index.js @@ -1,154 +1,153 @@ // 对外输出 包含组件的对外json定义、属性配置页面、展示页面 三部分 - -import BaseIndex from './index.vue' -import { t , $t } from '../../../../locale/index.js' + +import BaseIndex from './index.vue' +import { t, $t } from '../../../../locale/index.js' const obj = {} - -obj.type = 'state'//, // 表单类型 -obj.component = BaseIndex + +obj.type = 'state'//, // 表单类型 +obj.component = BaseIndex // 序号 实际在json中删除 obj.seq = 1 // 补充配置样式 obj.options = { - config: { - size: 'mini', - labelWidth: 80 + config: { + size: 'mini', + labelWidth: 80 + }, + columns: [ + { + label: $t('ngform.item.label'),//'标签', '标签', + prop: 'label', + default: $t('ngform.item.state.name'),//'区划选择', + span: 24 + }, + { + label: $t('ngform.item.label_width'),//'标签宽度', + prop: 'labelWidth', + type: 'number', + min: -1, + max: 1000, + default: -1, + span: 24 + }, + { + label: $t('ngform.item.width'),//'要素宽度', + prop: 'width', + default: '100%', + span: 24 + }, + { + label: $t('ngform.item.span'),//'所占栅格', + type: 'spanGroup', + prop: 'span', + min: 1, + max: 24, + default: 24, + span: 24 + }, + { + label: $t('ngform.item.model'), //'数据字段', + prop: 'model', + span: 24 }, - columns: [ + { + label: $t('ngform.item.key'), //'数据KEY', + prop: 'key', + show: false, + span: 24 + }, + { + type: 'divider', + label: $t('ngform.item.validate_rule') //'效验规则' + }, + { + prop: 'rules', + type: 'rules', + labelWidth: 0, + default: [{ + required: false, // 必须填写 + message: $t('ngform.item.required'), //"必填项", + trigger: ['blur', 'change'] + }], + span: 24 + } + ], + group: [ + { + label: $t('ngform.item.options'),//'属性', + prop: 'options', + alone: true, // 是否独立与columns之外展示 false则和columns一起,不另外显示 + collapse: false, // 是否启用 collapse 必须alone=true + column: [ + { - label: $t('ngform.item.label'),//'标签', '标签', - prop: 'label', - default: $t('ngform.item.state.name'),//'区划选择', - span: 24, + label: $t('ngform.item.default_value'),//'默认值', + prop: 'defaultValue', + show: false, + span: 24 }, { - label: $t('ngform.item.label_width') ,//'标签宽度', - prop: 'labelWidth', - type: 'number', - min: -1, - max: 1000, - default: -1, - span: 24, + label: $t('ngform.item.state.max_level'),//'区划层级', + prop: 'maxLevel', + default: 3, + span: 24, + type: 'select', + dicData: [ + { value: 1, label: $t('ngform.item.state.province') }, + { value: 2, label: $t('ngform.item.state.city') }, + { value: 3, label: $t('ngform.item.state.district') } + ] }, { - label: $t('ngform.item.width') ,//'要素宽度', - prop: 'width', - default: '100%', - span: 24, + label: $t('ngform.item.state.one_by_one'),//'递进式显示', + prop: 'oneByOne', + type: 'switch', + default: false, + span: 24 }, { - label: $t('ngform.item.span') ,//'所占栅格', - type: 'slider', - prop: 'span', - min: 1, - max: 24, - default: 24, - span: 24, + label: $t('ngform.item.state.all_path'),//'回显路径', + prop: 'showAllPath', + type: 'switch', + default: false, + span: 24 }, { - label: $t('ngform.item.model') , //'数据字段', - prop: 'model', - span: 24, + label: $t('ngform.item.state.separator'),//'路径分隔符', + prop: 'separator', + show: '$.options.showAllPath', + default: '/', + span: 24 }, { - label: $t('ngform.item.key') , //'数据KEY', - prop: 'key', - show: false, - span: 24, + label: $t('ngform.item.search'),//'可搜索', + prop: 'showSearch', + type: 'switch', + default: true, + span: 24 }, { - type: 'divider', - label: $t('ngform.item.validate_rule') , //'效验规则' + label: $t('ngform.item.if_hidden'),//'是否隐藏', + prop: 'hidden', + type: 'switch', + default: false, + span: 24 }, - { - prop: 'rules', - type: 'rules', - labelWidth: 0, - default: [{ - required: false, // 必须填写 - message: $t('ngform.item.required'), //"必填项", - trigger: ['blur','change'] - }], - span: 24, - } - ], - group: [ { - label: $t('ngform.item.options') ,//'属性', - prop: 'options', - alone: true, // 是否独立与columns之外展示 false则和columns一起,不另外显示 - collapse: false, // 是否启用 collapse 必须alone=true - column: [ - - { - label: $t('ngform.item.default_value') ,//'默认值', - prop: 'defaultValue', - show: false, - span: 24, - }, - { - label: $t('ngform.item.state.max_level') ,//'区划层级', - prop: 'maxLevel', - default: 3, - span: 24, - type: 'select', - dicData: [ - {value:1 , label: $t('ngform.item.state.province')}, - {value:2 , label: $t('ngform.item.state.city')}, - {value:3 , label: $t('ngform.item.state.district')} - ] - }, - { - label: $t('ngform.item.state.one_by_one'),//'递进式显示', - prop: 'oneByOne', - type: 'switch', - default: false, - span: 24, - }, - { - label: $t('ngform.item.state.all_path'),//'回显路径', - prop: 'showAllPath', - type: 'switch', - default: false, - span: 24, - }, - { - label: $t('ngform.item.state.separator'),//'路径分隔符', - prop: 'separator', - show: '$.options.showAllPath' , - default: '/', - span: 24, - }, - { - label: $t('ngform.item.search'),//'可搜索', - prop: 'showSearch', - type: 'switch', - default: true, - span: 24, - } , - { - label: $t('ngform.item.if_hidden') ,//'是否隐藏', - prop: 'hidden', - type: 'switch', - default: false, - span: 24, - }, - { - label: $t('ngform.item.if_disabled') ,//'是否禁用', - prop: 'disabled', - type: 'switch', - default: false, - span: 24, - } - - ] + label: $t('ngform.item.if_disabled'),//'是否禁用', + prop: 'disabled', + type: 'switch', + default: false, + span: 24 } - ] + + ] + } + ] } - export default obj diff --git a/packages/form-design/items/base/batch/index.js b/packages/form-design/items/base/batch/index.js index 71133522abc35a649afbc6ff12ee374ad2788490..17bfd5b55d7a0ef1c78494f67ad8e3908a10f41b 100644 --- a/packages/form-design/items/base/batch/index.js +++ b/packages/form-design/items/base/batch/index.js @@ -1,171 +1,170 @@ // 对外输出 包含组件的对外json定义、属性配置页面、展示页面 三部分 - + import BaseIndex from './index.vue' import BaseProperties from './properties.vue' -import { t , $t } from '../../../../locale/index.js' +import { t, $t } from '../../../../locale/index.js' const obj = {} - -obj.type = 'batch'//, // 表单类型 + +obj.type = 'batch'//, // 表单类型 obj.component = BaseIndex obj.properties = BaseProperties // 序号 实际在json中删除 -obj.seq = 20 +obj.seq = 20 // 补充配置样式 obj.options = { - config: { - size: 'mini', - labelWidth: 80 + config: { + size: 'mini', + labelWidth: 80 + }, + columns: [ + { + label: $t('ngform.item.label'),//'标签', + prop: 'label', + default: $t('ngform.item.batch.name'),//'动态表格', + span: 24 + }, + { + label: $t('ngform.item.label_width'),//'标签宽度', + prop: 'labelWidth', + type: 'number', + default: -1 + }, + { + label: $t('ngform.item.width'),//'要素宽度', + prop: 'width', + default: '100%', + span: 24 + }, + { + label: $t('ngform.item.span'),//'所占栅格', + type: 'spanGroup', + prop: 'span', + min: 1, + max: 24, + default: 24, + span: 24 + }, + { + label: $t('ngform.item.model'), //'数据字段', + prop: 'model', + span: 24 + }, + { + label: $t('ngform.item.key'), //'数据KEY', + prop: 'key', + show: false, + span: 24 }, - columns: [ + // 默认栅格值回填 + { + label: '栅格默认值', + prop: 'list', + show: false, + default: [], + span: 24 + } + ], + group: [ + { + label: $t('ngform.item.options'),//'属性', + prop: 'options', + alone: true, // 是否独立与columns之外展示 false则和columns一起,不另外显示 + collapse: false, // 是否启用 collapse 必须alone=true + column: [ + { - label: $t('ngform.item.label'),//'标签', - prop: 'label', - default: $t('ngform.item.batch.name') ,//'动态表格', - span: 24, + label: $t('ngform.item.batch.scroll_height'),//'滚动高度', + prop: 'scrollY', + type: 'number', + default: 0, + span: 24 }, + // showItem:[] , + // colWidth:{}, + { - label: $t('ngform.item.label_width') ,//'标签宽度', - prop: 'labelWidth', - type: 'number', - default: -1 + prop: 'showItem', + show: false, + default: [] }, { - label: $t('ngform.item.width') ,//'要素宽度', - prop: 'width', - default: '100%', - span: 24, + prop: 'colWidth', + show: false, + default: {} }, { - label: $t('ngform.item.span') ,//'所占栅格', - type: 'slider', - prop: 'span', - min: 1, - max: 24, - default: 24, - span: 24, + label: $t('ngform.item.batch.custom_style'),// '样式style', + prop: 'customStyle', + type: 'textarea', + span: 24 }, { - label: $t('ngform.item.model') , //'数据字段', - prop: 'model', - span: 24, + label: $t('ngform.item.batch.no_data_label'),// '空内容提示', + prop: 'noDataText', + type: 'textarea', + default: $t('ngform.item.batch.no_data'),//'暂无数据', + span: 24 }, { - label: $t('ngform.item.key') , //'数据KEY', - prop: 'key', - show: false, - span: 24, + label: $t('ngform.item.batch.custom_class'),//'样式class', + prop: 'customClass', + type: 'textarea', + span: 24 }, - // 默认栅格值回填 + { - label: '栅格默认值', - prop: 'list', - show: false, - default: [], - span: 24, - } - ], - group: [ + label: $t('ngform.item.batch.copy_row'),//'行复制', + prop: 'copyRow', + type: 'switch', + default: true, + span: 24 + }, { - label: $t('ngform.item.options') ,//'属性', - prop: 'options', - alone: true, // 是否独立与columns之外展示 false则和columns一起,不另外显示 - collapse: false, // 是否启用 collapse 必须alone=true - column: [ - - { - label: $t('ngform.item.batch.scroll_height') ,//'滚动高度', - prop: 'scrollY', - type: 'number', - default: 0, - span: 24, - }, - // showItem:[] , - // colWidth:{}, - - { - prop: 'showItem', - show: false, - default: [] - }, - { - prop: 'colWidth', - show: false, - default: {} - }, - { - label: $t('ngform.item.batch.custom_style') ,// '样式style', - prop: 'customStyle', - type: 'textarea', - span: 24, - }, - { - label: $t('ngform.item.batch.no_data_label') ,// '空内容提示', - prop: 'noDataText', - type: 'textarea', - default: $t('ngform.item.batch.no_data') ,//'暂无数据', - span: 24, - }, - { - label: $t('ngform.item.batch.custom_class') ,//'样式class', - prop: 'customClass', - type: 'textarea', - span: 24, - }, - - { - label: $t('ngform.item.batch.copy_row') ,//'行复制', - prop: 'copyRow', - type: 'switch', - default: true, - span: 24, - }, - { - label: $t('ngform.item.batch.hide_seq') ,//'隐藏序号', - prop: 'hideSequence', - type: 'switch', - default: true, - span: 24, - }, - { - label: $t('ngform.item.batch.show_border') ,// '边框', - prop: 'showBorder', - type: 'switch', - default: true, - span: 24, - }, - - { - label: $t('ngform.item.if_hidden') ,//'是否隐藏', - prop: 'hidden', - type: 'switch', - default: false, - span: 24, - }, - { - label: $t('ngform.item.if_disabled') ,//'是否禁用', - prop: 'disabled', - type: 'switch', - default: false, - span: 24, - }, - { - label: $t('ngform.item.batch.add_type') ,// '新增方式', - prop: 'addType', - default: 'line', - type: 'radioButton', - dicData: [ - {label: $t('ngform.item.batch.add_type_line') /*'增加行'*/ , value: 'line'}, - {label: $t('ngform.item.batch.add_type_dialog')/*'弹出框'*/ , value: 'dialog'} - ], - span: 24 - }, - ] + label: $t('ngform.item.batch.hide_seq'),//'隐藏序号', + prop: 'hideSequence', + type: 'switch', + default: true, + span: 24 + }, + { + label: $t('ngform.item.batch.show_border'),// '边框', + prop: 'showBorder', + type: 'switch', + default: true, + span: 24 + }, + + { + label: $t('ngform.item.if_hidden'),//'是否隐藏', + prop: 'hidden', + type: 'switch', + default: false, + span: 24 + }, + { + label: $t('ngform.item.if_disabled'),//'是否禁用', + prop: 'disabled', + type: 'switch', + default: false, + span: 24 + }, + { + label: $t('ngform.item.batch.add_type'),// '新增方式', + prop: 'addType', + default: 'line', + type: 'radioButton', + dicData: [ + { label: $t('ngform.item.batch.add_type_line') /*'增加行'*/, value: 'line' }, + { label: $t('ngform.item.batch.add_type_dialog')/*'弹出框'*/, value: 'dialog' } + ], + span: 24 } - ] + ] + } + ] } - export default obj diff --git a/packages/form-design/items/base/cascader/index.js b/packages/form-design/items/base/cascader/index.js index 809b512e65b0506029528cf5e634a5d36f1a21bd..9f2586f18513df0f1db468c4d959b67dcbc1cd69 100644 --- a/packages/form-design/items/base/cascader/index.js +++ b/packages/form-design/items/base/cascader/index.js @@ -1,12 +1,12 @@ // 对外输出 包含组件的对外json定义、属性配置页面、展示页面 三部分 - + import BaseIndex from './index.vue' import BaseProperties from './properties.vue' -import { t , $t } from '../../../../locale/index.js' +import { t, $t } from '../../../../locale/index.js' const obj = {} - -obj.type = 'cascader'//, // 表单类型 + +obj.type = 'cascader'//, // 表单类型 obj.component = BaseIndex obj.properties = BaseProperties @@ -15,210 +15,209 @@ obj.seq = 15 // 补充配置样式 obj.options = { - config: { - size: 'mini', - labelWidth: 80 + config: { + size: 'mini', + labelWidth: 80 + }, + columns: [ + { + label: $t('ngform.item.label'), + prop: 'label', + default: $t('ngform.item.cascader.name'),//'级联选择器', + span: 24 + }, + { + label: $t('ngform.item.label_width'), + prop: 'labelWidth', + type: 'number', + min: -1, + max: 1000, + default: -1, + span: 24 + }, + { + label: $t('ngform.item.width'), + prop: 'width', + default: '100%', + span: 24 + }, + { + label: $t('ngform.item.span'),//'所占栅格', + type: 'spanGroup', + prop: 'span', + min: 1, + max: 24, + default: 24, + span: 24 + }, + { + label: $t('ngform.item.model'), //'数据字段', + prop: 'model', + span: 24 }, - columns: [ + { + label: $t('ngform.item.key'), //'数据KEY', + prop: 'key', + show: false, + span: 24 + }, + { + type: 'divider', + label: $t('ngform.item.validate_rule') //'效验规则' + }, + { + prop: 'rules', + type: 'rules', + labelWidth: 0, + default: [{ + required: false, // 必须填写 + message: $t('ngform.item.required'), //"必填项", + trigger: ['blur', 'change'] + }], + span: 24 + } + ], + group: [ + { + label: $t('ngform.item.options'),//'属性', + prop: 'options', + alone: true, // 是否独立与columns之外展示 false则和columns一起,不另外显示 + collapse: false, // 是否启用 collapse 必须alone=true + column: [ + + { + label: $t('ngform.item.default_value'),//'默认值', + prop: 'defaultValue', + default: [], + show: false, + span: 24 + }, + { + label: $t('ngform.item.placeholder'),//'输入提示', + prop: 'placeholder', + default: $t('ngform.item.placeholder_input'),// '请输入', + span: 24 + }, + + // dynamic: 0, // 数据获取方式 + // remoteFunc: '',//远程获取数据链接 + // dataPath: '', + // remoteValue:'' , + // remoteLabel:'', + // dictType: '' ,// 数据字典类型 { - label: $t('ngform.item.label'), - prop: 'label', - default: $t('ngform.item.cascader.name'),//'级联选择器', - span: 24, + label: $t('ngform.item.datasource'),//'数据获取', + prop: 'dynamic', + default: 0, + span: 24, + type: 'select', + show: false, + dicData: [ + { label: $t('ngform.item.datasource_static')/*'静态数据'*/, value: 0 }, + { label: $t('ngform.item.datasource_api')/*'API接口'*/, value: 1 } + ] }, { - label: $t('ngform.item.label_width'), - prop: 'labelWidth', - type: 'number', - min: -1, - max: 1000, - default: -1, - span: 24, + label: $t('ngform.item.datasource_static'),//'静态数据', + prop: 'options', + default: [ + { + value: '1', + label: '下拉框1', + children: [ + { + value: '11', + label: '下拉框11' + }, + { + value: '12', + label: '下拉框12' + } + ] + } + ], + span: 24, + //type: 'kv', + show: false }, { - label: $t('ngform.item.width'), - prop: 'width', - default: '100%', - span: 24, + label: $t('ngform.item.method_type'),//'方法类型', + default: 'get', + prop: 'methodType', + show: false }, { - label: $t('ngform.item.span') ,//'所占栅格', - type: 'slider', - prop: 'span', - min: 1, - max: 24, - default: 24, - span: 24, + label: $t('ngform.item.post_data'),//'post请求携带数据', + prop: 'dynamicPostData', + show: false }, { - label: $t('ngform.item.model') , //'数据字段', - prop: 'model', - span: 24, + label: $t('ngform.item.api_path'),//'远程获取数据链接', + prop: 'remoteFunc', + show: false }, { - label: $t('ngform.item.key') , //'数据KEY', - prop: 'key', - show: false, - span: 24, + label: $t('ngform.item.data_path'),//'数据路径', + prop: 'dataPath', + show: false }, { - type: 'divider', - label: $t('ngform.item.validate_rule') , //'效验规则' + label: $t('ngform.item.filed_value'),//'数据值字段', + prop: 'remoteValue', + show: false + }, + { + label: $t('ngform.item.filed_label'),//'数据标签字段', + prop: 'remoteLabel', + show: false + }, + { + label: $t('ngform.item.filed_children'),//'下级字段', + prop: 'remoteChildren', + show: false }, - { - prop: 'rules', - type: 'rules', - labelWidth: 0, - default: [{ - required: false, // 必须填写 - message: $t('ngform.item.required'), //"必填项", - trigger: ['blur','change'] - }], - span: 24, - } - ], - group: [ - { - label: $t('ngform.item.options') ,//'属性', - prop: 'options', - alone: true, // 是否独立与columns之外展示 false则和columns一起,不另外显示 - collapse: false, // 是否启用 collapse 必须alone=true - column: [ - - { - label: $t('ngform.item.default_value') ,//'默认值', - prop: 'defaultValue', - default: [] , - show: false, - span: 24, - }, - { - label: $t('ngform.item.placeholder') ,//'输入提示', - prop: 'placeholder', - default: $t('ngform.item.placeholder_input') ,// '请输入', - span: 24, - }, - // dynamic: 0, // 数据获取方式 - // remoteFunc: '',//远程获取数据链接 - // dataPath: '', - // remoteValue:'' , - // remoteLabel:'', - // dictType: '' ,// 数据字典类型 - { - label: $t('ngform.item.datasource') ,//'数据获取', - prop: 'dynamic', - default: 0, - span: 24, - type: 'select', - show: false, - dicData: [ - {label: $t('ngform.item.datasource_static')/*'静态数据'*/ , value: 0}, - {label: $t('ngform.item.datasource_api')/*'API接口'*/ , value: 1} - ] - }, - { - label: $t('ngform.item.datasource_static'),//'静态数据', - prop: 'options', - default: [ - { - value: "1", - label: "下拉框1", - children: [ - { - value: "11", - label: "下拉框11", - }, - { - value: "12", - label: "下拉框12", - } - ] - } - ], - span: 24, - //type: 'kv', - show: false - }, - { - label: $t('ngform.item.method_type') ,//'方法类型', - default: 'get', - prop: 'methodType', - show: false - } , - { - label: $t('ngform.item.post_data') ,//'post请求携带数据', - prop: 'dynamicPostData', - show: false - } , - { - label: $t('ngform.item.api_path') ,//'远程获取数据链接', - prop: 'remoteFunc', - show: false - } , - { - label: $t('ngform.item.data_path') ,//'数据路径', - prop: 'dataPath', - show: false - } , - { - label: $t('ngform.item.filed_value') ,//'数据值字段', - prop: 'remoteValue', - show: false - } , - { - label: $t('ngform.item.filed_label') ,//'数据标签字段', - prop: 'remoteLabel', - show: false - } , - { - label: $t('ngform.item.filed_children') ,//'下级字段', - prop: 'remoteChildren', - show: false - } , - - { - label: $t('ngform.item.multiple'),//'多选', - prop: 'multiple', - type: 'switch', - default: false, - span: 24, - } , - { - label: $t('ngform.item.search'),//'可搜索', - prop: 'showSearch', - type: 'switch', - default: false, - span: 24, - } , - - { - label: $t('ngform.item.clearable'),//'可清除', - prop: 'clearable', - type: 'switch', - default: false, - span: 24, - } , - { - label: $t('ngform.item.if_hidden') ,//'是否隐藏', - prop: 'hidden', - type: 'switch', - default: false, - span: 24, - }, - { - label: $t('ngform.item.if_disabled') ,//'是否禁用', - prop: 'disabled', - type: 'switch', - default: false, - span: 24, - } + { + label: $t('ngform.item.multiple'),//'多选', + prop: 'multiple', + type: 'switch', + default: false, + span: 24 + }, + { + label: $t('ngform.item.search'),//'可搜索', + prop: 'showSearch', + type: 'switch', + default: false, + span: 24 + }, - ] + { + label: $t('ngform.item.clearable'),//'可清除', + prop: 'clearable', + type: 'switch', + default: false, + span: 24 + }, + { + label: $t('ngform.item.if_hidden'),//'是否隐藏', + prop: 'hidden', + type: 'switch', + default: false, + span: 24 + }, + { + label: $t('ngform.item.if_disabled'),//'是否禁用', + prop: 'disabled', + type: 'switch', + default: false, + span: 24 } - ] + + ] + } + ] } - export default obj diff --git a/packages/form-design/items/base/checkbox/index.js b/packages/form-design/items/base/checkbox/index.js index eb76bdae94cf6c866c17e4249047cf9e2b6e95e3..b6297ac8f048c9457e169c77da5b30c93a6c0c14 100644 --- a/packages/form-design/items/base/checkbox/index.js +++ b/packages/form-design/items/base/checkbox/index.js @@ -1,12 +1,12 @@ // 对外输出 包含组件的对外json定义、属性配置页面、展示页面 三部分 - + import BaseIndex from './index.vue' import BaseProperties from './properties.vue' -import { t , $t } from '../../../../locale/index.js' +import { t, $t } from '../../../../locale/index.js' const obj = {} - -obj.type = 'checkbox'//, // 表单类型 + +obj.type = 'checkbox'//, // 表单类型 obj.component = BaseIndex obj.properties = BaseProperties @@ -15,197 +15,196 @@ obj.seq = 5 // 补充配置样式 obj.options = { - config: { - size: 'mini', - labelWidth: 80 + config: { + size: 'mini', + labelWidth: 80 + }, + columns: [ + { + label: $t('ngform.item.label'), + prop: 'label', + default: $t('ngform.item.checkbox.name'),//'多选框', + span: 24 + }, + { + label: $t('ngform.item.label_width'), + prop: 'labelWidth', + type: 'number', + min: -1, + max: 1000, + default: -1, + span: 24 + }, + { + label: $t('ngform.item.width'), + prop: 'width', + default: '100%', + span: 24 + }, + { + label: $t('ngform.item.span'),//'所占栅格', + type: 'spanGroup', + prop: 'span', + min: 1, + max: 24, + default: 24, + span: 24 + }, + { + label: $t('ngform.item.model'), //'数据字段', + prop: 'model', + span: 24 + }, + { + label: $t('ngform.item.key'), //'数据KEY', + prop: 'key', + show: false, + span: 24 }, - columns: [ + { + type: 'divider', + label: $t('ngform.item.validate_rule') //'效验规则' + }, + { + prop: 'rules', + type: 'rules', + labelWidth: 0, + default: [{ + required: false, // 必须填写 + message: $t('ngform.item.required'), //"必填项", + trigger: ['blur'] + }], + span: 24 + } + ], + group: [ + { + label: $t('ngform.item.options'),//'属性', + prop: 'options', + alone: true, // 是否独立与columns之外展示 false则和columns一起,不另外显示 + collapse: false, // 是否启用 collapse 必须alone=true + column: [ + { - label: $t('ngform.item.label'), - prop: 'label', - default: $t('ngform.item.checkbox.name'),//'多选框', - span: 24, + label: $t('ngform.item.default_value'),//'默认值', + prop: 'defaultValue', + default: [], + show: false, + span: 24 }, { - label: $t('ngform.item.label_width'), - prop: 'labelWidth', - type: 'number', - min: -1, - max: 1000, - default: -1, - span: 24, + label: $t('ngform.item.placeholder'),//'输入提示', + prop: 'placeholder', + default: $t('ngform.item.placeholder_input'),// '请输入' + span: 24 }, + + // dynamic: 0, // 数据获取方式 + // remoteFunc: '',//远程获取数据链接 + // dataPath: '', + // remoteValue:'' , + // remoteLabel:'', + // dictType: '' ,// 数据字典类型 { - label: $t('ngform.item.width'), - prop: 'width', - default: '100%', - span: 24, + label: $t('ngform.item.datasource'),//'数据获取', + prop: 'dynamic', + default: 0, + span: 24, + type: 'select', + show: false, + dicData: [ + { label: $t('ngform.item.datasource_static'), value: 0 }, + { label: $t('ngform.item.datasource_api'), value: 1 }, + { label: $t('ngform.item.datasource_dict'), value: 2 } + ] }, { - label: $t('ngform.item.span') ,//'所占栅格', - type: 'slider', - prop: 'span', - min: 1, - max: 24, - default: 24, - span: 24, + label: $t('ngform.item.datasource_static'), + prop: 'options', + default: [ + { + value: '1', + label: '选项1' + }, + { + value: '2', + label: '选项2' + } + ], + span: 24, + //type: 'kv', + show: false }, { - label: $t('ngform.item.model') , //'数据字段', - prop: 'model', - span: 24, + label: $t('ngform.item.method_type'), + default: 'get', + prop: 'methodType', + show: false }, { - label: $t('ngform.item.key') , //'数据KEY', - prop: 'key', - show: false, - span: 24, + label: $t('ngform.item.post_data'), + prop: 'dynamicPostData', + show: false }, { - type: 'divider', - label: $t('ngform.item.validate_rule') , //'效验规则' + label: $t('ngform.item.api_path'), + prop: 'remoteFunc', + show: false }, - { - prop: 'rules', - type: 'rules', - labelWidth: 0, - default: [{ - required: false, // 必须填写 - message: $t('ngform.item.required'), //"必填项", - trigger: ['blur'] - }], - span: 24, - } - ], - group: [ { - label: $t('ngform.item.options') ,//'属性', - prop: 'options', - alone: true, // 是否独立与columns之外展示 false则和columns一起,不另外显示 - collapse: false, // 是否启用 collapse 必须alone=true - column: [ - - { - label: $t('ngform.item.default_value') ,//'默认值', - prop: 'defaultValue', - default: [] , - show: false, - span: 24, - }, - { - label: $t('ngform.item.placeholder') ,//'输入提示', - prop: 'placeholder', - default: $t('ngform.item.placeholder_input') ,// '请输入' - span: 24, - }, - - // dynamic: 0, // 数据获取方式 - // remoteFunc: '',//远程获取数据链接 - // dataPath: '', - // remoteValue:'' , - // remoteLabel:'', - // dictType: '' ,// 数据字典类型 - { - label: $t('ngform.item.datasource') ,//'数据获取', - prop: 'dynamic', - default: 0, - span: 24, - type: 'select', - show: false, - dicData: [ - {label: $t('ngform.item.datasource_static') , value: 0}, - {label: $t('ngform.item.datasource_api') , value: 1}, - {label: $t('ngform.item.datasource_dict') , value: 2} - ] - }, - { - label: $t('ngform.item.datasource_static'), - prop: 'options', - default: [ - { - value: "1", - label: "选项1" - }, - { - value: "2", - label: "选项2" - } - ], - span: 24, - //type: 'kv', - show: false - }, - { - label: $t('ngform.item.method_type') , - default: 'get', - prop: 'methodType', - show: false - } , - { - label: $t('ngform.item.post_data'), - prop: 'dynamicPostData', - show: false - } , - { - label: $t('ngform.item.api_path'), - prop: 'remoteFunc', - show: false - } , - { - label: $t('ngform.item.data_path'), - prop: 'dataPath', - show: false - } , - { - label: $t('ngform.item.filed_value'), - prop: 'remoteValue', - show: false - } , - { - label: $t('ngform.item.filed_label'), - prop: 'remoteLabel', - show: false - } , - { - label: $t('ngform.item.dict_type'),//'字典分类', - prop: 'dictType', - show: false - } , - { - label: $t('ngform.item.if_hidden'),//'是否隐藏', - prop: 'hidden', - type: 'switch', - default: false, - span: 24, - }, - { - label: $t('ngform.item.if_disabled') ,//'是否禁用', - prop: 'disabled', - type: 'switch', - default: false, - span: 24, - }, - { - label: $t('ngform.item.linkage') ,//'联动关联', - prop: 'linkage', - type: 'switch', - default: false, - show: false, - span: 24, - }, - { - label: $t('ngform.item.linkage') ,//'联动关联', - prop: 'linkData', - default: [], - show: false, - span: 24, - }, - - ] + label: $t('ngform.item.data_path'), + prop: 'dataPath', + show: false + }, + { + label: $t('ngform.item.filed_value'), + prop: 'remoteValue', + show: false + }, + { + label: $t('ngform.item.filed_label'), + prop: 'remoteLabel', + show: false + }, + { + label: $t('ngform.item.dict_type'),//'字典分类', + prop: 'dictType', + show: false + }, + { + label: $t('ngform.item.if_hidden'),//'是否隐藏', + prop: 'hidden', + type: 'switch', + default: false, + span: 24 + }, + { + label: $t('ngform.item.if_disabled'),//'是否禁用', + prop: 'disabled', + type: 'switch', + default: false, + span: 24 + }, + { + label: $t('ngform.item.linkage'),//'联动关联', + prop: 'linkage', + type: 'switch', + default: false, + show: false, + span: 24 + }, + { + label: $t('ngform.item.linkage'),//'联动关联', + prop: 'linkData', + default: [], + show: false, + span: 24 } - ] + + ] + } + ] } - export default obj diff --git a/packages/form-design/items/base/date/index.js b/packages/form-design/items/base/date/index.js index a2d311a354f4edc111507a61474018ee50e8dd6b..bcd7c402a22eee06aacda602795fded605fe3e02 100644 --- a/packages/form-design/items/base/date/index.js +++ b/packages/form-design/items/base/date/index.js @@ -1,12 +1,12 @@ // 对外输出 包含组件的对外json定义、属性配置页面、展示页面 三部分 - + import BaseIndex from './index.vue' //import BaseProperties from './properties.vue' -import { t , $t } from '../../../../locale/index.js' +import { t, $t } from '../../../../locale/index.js' const obj = {} - -obj.type = 'date'//, // 表单类型 + +obj.type = 'date'//, // 表单类型 obj.component = BaseIndex //obj.properties = BaseProperties @@ -15,140 +15,139 @@ obj.seq = 7 // 补充配置样式 obj.options = { - config: { - size: 'mini', - labelWidth: 80 + config: { + size: 'mini', + labelWidth: 80 + }, + columns: [ + { + label: $t('ngform.item.label'), + prop: 'label', + default: $t('ngform.item.date.name'),//'多选框', + span: 24 + }, + { + label: $t('ngform.item.label_width'), + prop: 'labelWidth', + type: 'number', + min: -1, + max: 1000, + default: -1, + span: 24 + }, + { + label: $t('ngform.item.width'), + prop: 'width', + default: '100%', + span: 24 + }, + { + label: $t('ngform.item.span'),//'所占栅格', + type: 'spanGroup', + prop: 'span', + min: 1, + max: 24, + default: 24, + span: 24 + }, + { + label: $t('ngform.item.model'), //'数据字段', + prop: 'model', + span: 24 }, - columns: [ + { + label: $t('ngform.item.key'), //'数据KEY', + prop: 'key', + show: false, + span: 24 + }, + { + type: 'divider', + label: $t('ngform.item.validate_rule') //'效验规则' + }, + { + prop: 'rules', + type: 'rules', + labelWidth: 0, + default: [{ + required: false, // 必须填写 + message: $t('ngform.item.required'), //"必填项", + trigger: ['blur'] + }], + span: 24 + } + ], + group: [ + { + label: $t('ngform.item.options'),//'属性', + prop: 'options', + alone: true, // 是否独立与columns之外展示 false则和columns一起,不另外显示 + collapse: false, // 是否启用 collapse 必须alone=true + column: [ + { - label: $t('ngform.item.label'), - prop: 'label', - default: $t('ngform.item.date.name'),//'多选框', - span: 24, + label: $t('ngform.item.date.date_type'),//'日期类型', + prop: 'dateType', + default: 'date', + type: 'select', + dicData: [ + { label: $t('ngform.item.date.year'), value: 'year' }, + { label: $t('ngform.item.date.month'), value: 'month' }, + { label: $t('ngform.item.date.date'), value: 'date' } + ], + span: 24 }, { - label: $t('ngform.item.label_width'), - prop: 'labelWidth', - type: 'number', - min: -1, - max: 1000, - default: -1, - span: 24, + label: $t('ngform.item.date.date_format'),//'日期格式', + prop: 'format', + default: 'yyyy-MM-dd', + span: 24 }, { - label: $t('ngform.item.width'), - prop: 'width', - default: '100%', - span: 24, + label: $t('ngform.item.default_value'),//'默认值', + prop: 'defaultValue', + span: 24 }, { - label: $t('ngform.item.span') ,//'所占栅格', - type: 'slider', - prop: 'span', - min: 1, - max: 24, - default: 24, - span: 24, + label: $t('ngform.item.placeholder'),//'输入提示', + prop: 'placeholder', + default: $t('ngform.item.placeholder_input'),// '请输入', + span: 24 }, + { - label: $t('ngform.item.model') , //'数据字段', - prop: 'model', - span: 24, + label: $t('ngform.item.clearable'),//'可清除', + prop: 'clearable', + type: 'switch', + default: false, + span: 24 }, { - label: $t('ngform.item.key') , //'数据KEY', - prop: 'key', - show: false, - span: 24, + label: $t('ngform.item.editable'),//'可编辑', + prop: 'editable', + type: 'switch', + default: true, + span: 24 }, { - type: 'divider', - label: $t('ngform.item.validate_rule') , //'效验规则' + label: $t('ngform.item.if_hidden'),//'是否隐藏', + prop: 'hidden', + type: 'switch', + default: false, + span: 24 }, - { - prop: 'rules', - type: 'rules', - labelWidth: 0, - default: [{ - required: false, // 必须填写 - message: $t('ngform.item.required'), //"必填项", - trigger: ['blur'] - }], - span: 24, - } - ], - group: [ { - label: $t('ngform.item.options') ,//'属性', - prop: 'options', - alone: true, // 是否独立与columns之外展示 false则和columns一起,不另外显示 - collapse: false, // 是否启用 collapse 必须alone=true - column: [ - - { - label: $t('ngform.item.date.date_type'),//'日期类型', - prop: 'dateType', - default: 'date' , - type: 'select', - dicData: [ - {label: $t('ngform.item.date.year') , value: 'year'}, - {label: $t('ngform.item.date.month') , value: 'month'}, - {label: $t('ngform.item.date.date') , value: 'date'} - ], - span: 24, - }, - { - label: $t('ngform.item.date.date_format'),//'日期格式', - prop: 'format', - default: 'yyyy-MM-dd' , - span: 24, - }, - { - label: $t('ngform.item.default_value') ,//'默认值', - prop: 'defaultValue', - span: 24, - }, - { - label: $t('ngform.item.placeholder') ,//'输入提示', - prop: 'placeholder', - default: $t('ngform.item.placeholder_input') ,// '请输入', - span: 24, - }, - - { - label: $t('ngform.item.clearable'),//'可清除', - prop: 'clearable', - type: 'switch', - default: false, - span: 24, - } , - { - label: $t('ngform.item.editable'),//'可编辑', - prop: 'editable', - type: 'switch', - default: true, - span: 24, - }, - { - label: $t('ngform.item.if_hidden') ,//'是否隐藏', - prop: 'hidden', - type: 'switch', - default: false, - span: 24, - }, - { - label: $t('ngform.item.if_disabled') ,//'是否禁用', - prop: 'disabled', - type: 'switch', - default: false, - span: 24, - } - - ] + label: $t('ngform.item.if_disabled'),//'是否禁用', + prop: 'disabled', + type: 'switch', + default: false, + span: 24 } - ] + + ] + } + ] } - export default obj diff --git a/packages/form-design/items/base/datePicker/index.js b/packages/form-design/items/base/datePicker/index.js index dded97a0d799321b81dbc46d77b51acf6e363caf..e74241f537a0271a82738513744a1f2f6a18dd71 100644 --- a/packages/form-design/items/base/datePicker/index.js +++ b/packages/form-design/items/base/datePicker/index.js @@ -1,12 +1,12 @@ // 对外输出 包含组件的对外json定义、属性配置页面、展示页面 三部分 - + import BaseIndex from './index.vue' //import BaseProperties from './properties.vue' -import { t , $t } from '../../../../locale/index.js' +import { t, $t } from '../../../../locale/index.js' const obj = {} - -obj.type = 'datePicker'//, // 表单类型 + +obj.type = 'datePicker'//, // 表单类型 obj.component = BaseIndex //obj.properties = BaseProperties @@ -15,129 +15,128 @@ obj.seq = 10 // 补充配置样式 obj.options = { - config: { - size: 'mini', - labelWidth: 80 + config: { + size: 'mini', + labelWidth: 80 + }, + columns: [ + { + label: $t('ngform.item.label'), + prop: 'label', + default: $t('ngform.item.datePicker.name'),//'多选框', + span: 24 }, - columns: [ - { - label: $t('ngform.item.label'), - prop: 'label', - default: $t('ngform.item.datePicker.name'),//'多选框', - span: 24, - }, + { + label: $t('ngform.item.label_width'), + prop: 'labelWidth', + type: 'number', + min: -1, + max: 1000, + default: -1, + span: 24 + }, + { + label: $t('ngform.item.width'), + prop: 'width', + default: '100%', + span: 24 + }, + { + label: $t('ngform.item.span'),//'所占栅格', + type: 'spanGroup', + prop: 'span', + min: 1, + max: 24, + default: 24, + span: 24 + }, + { + label: $t('ngform.item.model'), //'数据字段', + prop: 'model', + span: 24 + }, + { + label: $t('ngform.item.key'), //'数据KEY', + prop: 'key', + show: false, + span: 24 + }, + { + type: 'divider', + label: $t('ngform.item.validate_rule') //'效验规则' + }, + { + prop: 'rules', + type: 'rules', + labelWidth: 0, + default: [{ + required: false, // 必须填写 + message: $t('ngform.item.required'), //"必填项", + trigger: ['blur'] + }], + span: 24 + } + ], + group: [ + { + label: $t('ngform.item.options'),//'属性', + prop: 'options', + alone: true, // 是否独立与columns之外展示 false则和columns一起,不另外显示 + collapse: false, // 是否启用 collapse 必须alone=true + column: [ + { - label: $t('ngform.item.label_width'), - prop: 'labelWidth', - type: 'number', - min: -1, - max: 1000, - default: -1, - span: 24, + label: $t('ngform.item.date.date_format'),//'日期格式', + prop: 'format', + default: 'yyyy-MM-dd HH:mm:ss', + span: 24 }, { - label: $t('ngform.item.width'), - prop: 'width', - default: '100%', - span: 24, + label: $t('ngform.item.default_value'),//'默认值', + prop: 'defaultValue', + span: 24 }, { - label: $t('ngform.item.span') ,//'所占栅格', - type: 'slider', - prop: 'span', - min: 1, - max: 24, - default: 24, - span: 24, + label: $t('ngform.item.placeholder'),//'输入提示', + prop: 'placeholder', + default: $t('ngform.item.placeholder_input'),// '请输入', + span: 24 }, + { - label: $t('ngform.item.model') , //'数据字段', - prop: 'model', - span: 24, + label: $t('ngform.item.clearable'),//'可清除', + prop: 'clearable', + type: 'switch', + default: false, + span: 24 }, + { - label: $t('ngform.item.key') , //'数据KEY', - prop: 'key', - show: false, - span: 24, + label: $t('ngform.item.editable'),//'可编辑', + prop: 'editable', + type: 'switch', + default: true, + span: 24 }, { - type: 'divider', - label: $t('ngform.item.validate_rule') , //'效验规则' + label: $t('ngform.item.if_hidden'),//'是否隐藏', + prop: 'hidden', + type: 'switch', + default: false, + span: 24 }, - { - prop: 'rules', - type: 'rules', - labelWidth: 0, - default: [{ - required: false, // 必须填写 - message: $t('ngform.item.required'), //"必填项", - trigger: ['blur'] - }], - span: 24, - } - ], - group: [ { - label: $t('ngform.item.options') ,//'属性', - prop: 'options', - alone: true, // 是否独立与columns之外展示 false则和columns一起,不另外显示 - collapse: false, // 是否启用 collapse 必须alone=true - column: [ - - { - label: $t('ngform.item.date.date_format'),//'日期格式', - prop: 'format', - default: 'yyyy-MM-dd HH:mm:ss' , - span: 24, - }, - { - label: $t('ngform.item.default_value') ,//'默认值', - prop: 'defaultValue', - span: 24, - }, - { - label: $t('ngform.item.placeholder') ,//'输入提示', - prop: 'placeholder', - default: $t('ngform.item.placeholder_input') ,// '请输入', - span: 24, - }, - - { - label: $t('ngform.item.clearable'),//'可清除', - prop: 'clearable', - type: 'switch', - default: false, - span: 24, - } , - - { - label: $t('ngform.item.editable'),//'可编辑', - prop: 'editable', - type: 'switch', - default: true, - span: 24, - }, - { - label: $t('ngform.item.if_hidden') ,//'是否隐藏', - prop: 'hidden', - type: 'switch', - default: false, - span: 24, - }, - { - label: $t('ngform.item.if_disabled') ,//'是否禁用', - prop: 'disabled', - type: 'switch', - default: false, - span: 24, - } - - ] + label: $t('ngform.item.if_disabled'),//'是否禁用', + prop: 'disabled', + type: 'switch', + default: false, + span: 24 } - ] + + ] + } + ] } - export default obj diff --git a/packages/form-design/items/base/daterange/index.js b/packages/form-design/items/base/daterange/index.js index a3dd1bc69dfa30603fe008812a0ed1a6ca568a3c..c0ecc19ea6ffad3ffcd394357085e2d5d5c17177 100644 --- a/packages/form-design/items/base/daterange/index.js +++ b/packages/form-design/items/base/daterange/index.js @@ -1,12 +1,12 @@ // 对外输出 包含组件的对外json定义、属性配置页面、展示页面 三部分 - + import BaseIndex from './index.vue' //import BaseProperties from './properties.vue' -import { t , $t } from '../../../../locale/index.js' +import { t, $t } from '../../../../locale/index.js' const obj = {} - -obj.type = 'daterange'//, // 表单类型 + +obj.type = 'daterange'//, // 表单类型 obj.component = BaseIndex //obj.properties = BaseProperties @@ -15,145 +15,144 @@ obj.seq = 8 // 补充配置样式 obj.options = { - config: { - size: 'mini', - labelWidth: 80 + config: { + size: 'mini', + labelWidth: 80 + }, + columns: [ + { + label: $t('ngform.item.label'), + prop: 'label', + default: $t('ngform.item.daterange.name'),//日期区间', + span: 24 + }, + { + label: $t('ngform.item.label_width'), + prop: 'labelWidth', + type: 'number', + min: -1, + max: 1000, + default: -1, + span: 24 + }, + { + label: $t('ngform.item.width'), + prop: 'width', + default: '100%', + span: 24 + }, + { + label: $t('ngform.item.span'),//'所占栅格', + type: 'spanGroup', + prop: 'span', + min: 1, + max: 24, + default: 24, + span: 24 + }, + { + label: $t('ngform.item.model'), //'数据字段', + prop: 'model', + span: 24 }, - columns: [ + { + label: $t('ngform.item.key'), //'数据KEY', + prop: 'key', + show: false, + span: 24 + }, + { + type: 'divider', + label: $t('ngform.item.validate_rule') //'效验规则' + }, + { + prop: 'rules', + type: 'rules', + labelWidth: 0, + default: [{ + required: false, // 必须填写 + message: $t('ngform.item.required'), //"必填项", + trigger: ['blur'] + }], + span: 24 + } + ], + group: [ + { + label: $t('ngform.item.options'),//'属性', + prop: 'options', + alone: true, // 是否独立与columns之外展示 false则和columns一起,不另外显示 + collapse: false, // 是否启用 collapse 必须alone=true + column: [ + { - label: $t('ngform.item.label'), - prop: 'label', - default: $t('ngform.item.daterange.name'),//日期区间', - span: 24, + label: $t('ngform.item.date.date_type'),//'日期类型', + prop: 'dateType', + default: 'date', + type: 'select', + dicData: [ + { label: $t('ngform.item.date.month'), value: 'month' }, + { label: $t('ngform.item.date.date'), value: 'date' } + ], + span: 24 }, { - label: $t('ngform.item.label_width'), - prop: 'labelWidth', - type: 'number', - min: -1, - max: 1000, - default: -1, - span: 24, + label: $t('ngform.item.date.date_format'),//'日期格式', + prop: 'format', + default: 'yyyy-MM-dd', + span: 24 }, + // { + // label: '默认值', + // prop: 'defaultValue', + // default: ['',''], + // span: 24, + // }, { - label: $t('ngform.item.width'), - prop: 'width', - default: '100%', - span: 24, + label: $t('ngform.item.placeholder'),//'输入提示1', + prop: 'rangeStartPlaceholder', + default: $t('ngform.item.placeholder_input'),//'请输入', + span: 24 }, { - label: $t('ngform.item.span') ,//'所占栅格', - type: 'slider', - prop: 'span', - min: 1, - max: 24, - default: 24, - span: 24, + label: $t('ngform.item.placeholder'), + prop: 'rangeEndPlaceholder', + default: $t('ngform.item.placeholder_input'),//'请输入', + span: 24 }, { - label: $t('ngform.item.model') , //'数据字段', - prop: 'model', - span: 24, + label: $t('ngform.item.clearable'),//'可清除', + prop: 'clearable', + type: 'switch', + default: false, + span: 24 }, { - label: $t('ngform.item.key') , //'数据KEY', - prop: 'key', - show: false, - span: 24, + label: $t('ngform.item.editable'),//'可编辑', + prop: 'editable', + type: 'switch', + default: true, + span: 24 }, { - type: 'divider', - label: $t('ngform.item.validate_rule') , //'效验规则' + label: $t('ngform.item.if_hidden'),//'是否隐藏', + prop: 'hidden', + type: 'switch', + default: false, + span: 24 }, - { - prop: 'rules', - type: 'rules', - labelWidth: 0, - default: [{ - required: false, // 必须填写 - message: $t('ngform.item.required'), //"必填项", - trigger: ['blur'] - }], - span: 24, - } - ], - group: [ { - label: $t('ngform.item.options') ,//'属性', - prop: 'options', - alone: true, // 是否独立与columns之外展示 false则和columns一起,不另外显示 - collapse: false, // 是否启用 collapse 必须alone=true - column: [ - - { - label: $t('ngform.item.date.date_type'),//'日期类型', - prop: 'dateType', - default: 'date' , - type: 'select', - dicData: [ - {label: $t('ngform.item.date.month') , value: 'month'}, - {label: $t('ngform.item.date.date') , value: 'date'} - ], - span: 24, - }, - { - label: $t('ngform.item.date.date_format'),//'日期格式', - prop: 'format', - default: 'yyyy-MM-dd' , - span: 24, - }, - // { - // label: '默认值', - // prop: 'defaultValue', - // default: ['',''], - // span: 24, - // }, - { - label: $t('ngform.item.placeholder'),//'输入提示1', - prop: 'rangeStartPlaceholder', - default: $t('ngform.item.placeholder_input'),//'请输入', - span: 24, - }, - { - label: $t('ngform.item.placeholder'), - prop: 'rangeEndPlaceholder', - default: $t('ngform.item.placeholder_input'),//'请输入', - span: 24, - }, - { - label: $t('ngform.item.clearable'),//'可清除', - prop: 'clearable', - type: 'switch', - default: false, - span: 24, - } , - { - label: $t('ngform.item.editable'),//'可编辑', - prop: 'editable', - type: 'switch', - default: true, - span: 24, - }, - { - label: $t('ngform.item.if_hidden') ,//'是否隐藏', - prop: 'hidden', - type: 'switch', - default: false, - span: 24, - }, - { - label: $t('ngform.item.if_disabled') ,//'是否禁用', - prop: 'disabled', - type: 'switch', - default: false, - span: 24, - } - - ] + label: $t('ngform.item.if_disabled'),//'是否禁用', + prop: 'disabled', + type: 'switch', + default: false, + span: 24 } - ] + + ] + } + ] } - export default obj diff --git a/packages/form-design/items/base/input/index.js b/packages/form-design/items/base/input/index.js index 2e828146c4ac51244e061c8c2ec704dfef36277f..dc7ac76b8799cb97629e7e63500f7eb536285632 100644 --- a/packages/form-design/items/base/input/index.js +++ b/packages/form-design/items/base/input/index.js @@ -1,170 +1,169 @@ // 对外输出 包含组件的对外json定义、属性配置页面、展示页面 三部分 - + import BaseIndex from './index.vue' //import BaseProperties from './properties.vue' -import { t , $t } from '../../../../locale/index.js' +import { t, $t } from '../../../../locale/index.js' const obj = {} - -obj.type = 'input'//, // 表单类型 + +obj.type = 'input'//, // 表单类型 obj.component = BaseIndex // 序号 实际在json中删除 obj.seq = 1 // 补充配置样式 obj.options = { - config: { - size: 'mini', - labelWidth: 80 + config: { + size: 'mini', + labelWidth: 80 + }, + columns: [ + { + label: $t('ngform.item.label'), + prop: 'label', + default: $t('ngform.item.input.name'),//'输入框', + span: 24 + }, + { + label: $t('ngform.item.label_width'), + prop: 'labelWidth', + type: 'number', + min: -1, + max: 1000, + default: -1, + span: 24 + }, + { + label: $t('ngform.item.width'), + prop: 'width', + default: '100%', + span: 24 + }, + { + label: $t('ngform.item.span'),//'所占栅格', + type: 'spanGroup', + prop: 'span', + min: 1, + max: 24, + default: 24, + span: 24 + }, + { + label: $t('ngform.item.model'), //'数据字段', + prop: 'model', + span: 24 }, - columns: [ + { + label: $t('ngform.item.key'), //'数据KEY', + prop: 'key', + show: false, + span: 24 + }, + { + type: 'divider', + label: $t('ngform.item.validate_rule') //'效验规则' + }, + { + prop: 'rules', + type: 'rules', + labelWidth: 0, + default: [{ + required: false, // 必须填写 + message: $t('ngform.item.required'), //"必填项", + trigger: ['blur'] + }], + span: 24 + } + ], + group: [ + { + label: $t('ngform.item.options'),//'属性', + prop: 'options', + alone: true, // 是否独立与columns之外展示 false则和columns一起,不另外显示 + collapse: false, // 是否启用 collapse 必须alone=true + column: [ + { - label: $t('ngform.item.label'), - prop: 'label', - default: $t('ngform.item.input.name'),//'输入框', - span: 24, + label: $t('ngform.item.default_value'),//'默认值', + prop: 'defaultValue', + span: 24 }, { - label: $t('ngform.item.label_width'), - prop: 'labelWidth', - type: 'number', - min: -1, - max: 1000, - default: -1, - span: 24, + label: $t('ngform.item.input.input_type'),//'输入类型', + prop: 'type', + span: 24, + type: 'select', + default: 'text', + dicData: ['text', 'date', 'datetime-local', 'email', 'month', 'number', 'password', 'tel', 'time', 'url', 'week'].map(t => { + return { label: t, value: t } + }) }, { - label: $t('ngform.item.width'), - prop: 'width', - default: '100%', - span: 24, + label: $t('ngform.item.input.prepend'),//'前缀', + prop: 'prepend', + span: 24 }, { - label: $t('ngform.item.span') ,//'所占栅格', - type: 'slider', - prop: 'span', - min: 1, - max: 24, - default: 24, - span: 24, + label: $t('ngform.item.input.append'),//'后缀', + prop: 'append', + span: 24 }, { - label: $t('ngform.item.model') , //'数据字段', - prop: 'model', - span: 24, + label: $t('ngform.item.placeholder'),//'输入提示', + prop: 'placeholder', + default: $t('ngform.item.placeholder_input'),// '请输入', + span: 24 }, { - label: $t('ngform.item.key') , //'数据KEY', - prop: 'key', - show: false, - span: 24, + label: $t('ngform.item.max_length'),//'最大长度', + type: 'number', + min: -1, + max: 1000, + prop: 'maxLength', + span: 24 }, { - type: 'divider', - label: $t('ngform.item.validate_rule') , //'效验规则' + label: $t('ngform.item.clearable'),//'可清除', + prop: 'clearable', + type: 'switch', + default: false, + span: 24 }, - { - prop: 'rules', - type: 'rules', - labelWidth: 0, - default: [{ - required: false, // 必须填写 - message: $t('ngform.item.required'), //"必填项", - trigger: ['blur'] - }], - span: 24, - } - ], - group: [ { - label: $t('ngform.item.options') ,//'属性', - prop: 'options', - alone: true, // 是否独立与columns之外展示 false则和columns一起,不另外显示 - collapse: false, // 是否启用 collapse 必须alone=true - column: [ - - { - label: $t('ngform.item.default_value') ,//'默认值', - prop: 'defaultValue', - span: 24, - }, - { - label: $t('ngform.item.input.input_type') ,//'输入类型', - prop: 'type', - span: 24, - type: 'select', - default: 'text', - dicData: ['text','date' , 'datetime-local' , 'email','month','number' , 'password' , 'tel' , 'time' , 'url' , 'week'].map(t=> { - return {label: t , value: t} - }) - }, - { - label: $t('ngform.item.input.prepend') ,//'前缀', - prop: 'prepend', - span: 24, - }, - { - label: $t('ngform.item.input.append') ,//'后缀', - prop: 'append', - span: 24, - }, - { - label: $t('ngform.item.placeholder') ,//'输入提示', - prop: 'placeholder', - default: $t('ngform.item.placeholder_input') ,// '请输入', - span: 24, - }, - { - label: $t('ngform.item.max_length') ,//'最大长度', - type: 'number', - min: -1, - max: 1000, - prop: 'maxLength', - span: 24, - }, - { - label: $t('ngform.item.clearable'),//'可清除', - prop: 'clearable', - type: 'switch', - default: false, - span: 24, - } , - { - label: $t('ngform.item.if_hidden') ,//'是否隐藏', - prop: 'hidden', - type: 'switch', - default: false, - span: 24, - }, - { - label: $t('ngform.item.if_disabled') ,//'是否禁用', - prop: 'disabled', - type: 'switch', - default: false, - span: 24, - } - - ] + label: $t('ngform.item.if_hidden'),//'是否隐藏', + prop: 'hidden', + type: 'switch', + default: false, + span: 24 }, - // { - // label: '测试分割', - // prop: 'test', - // collapse: false, // 是否启用 collapse 必须alone=true - // column: [ - // { - // label: '标签宽度', - // prop: 'width', - // type: 'number', - // min: 1, - // max: 1000, - // default: 80, - // span: 24, - // } - // ] - // } - ] + { + label: $t('ngform.item.if_disabled'),//'是否禁用', + prop: 'disabled', + type: 'switch', + default: false, + span: 24 + } + + ] + } + // { + // label: '测试分割', + // prop: 'test', + // collapse: false, // 是否启用 collapse 必须alone=true + // column: [ + // { + // label: '标签宽度', + // prop: 'width', + // type: 'number', + // min: 1, + // max: 1000, + // default: 80, + // span: 24, + // } + // ] + // } + ] } - export default obj diff --git a/packages/form-design/items/base/number/index.js b/packages/form-design/items/base/number/index.js index 5f75a4a611565ee288301746a4131c90c35b7d9a..b488fc2addc069b6586e14c017ca102dabdc97d4 100644 --- a/packages/form-design/items/base/number/index.js +++ b/packages/form-design/items/base/number/index.js @@ -1,179 +1,178 @@ // 对外输出 包含组件的对外json定义、属性配置页面、展示页面 三部分 - + import BaseIndex from './index.vue' //import BaseProperties from './properties.vue' -import { t , $t } from '../../../../locale/index.js' +import { t, $t } from '../../../../locale/index.js' const obj = {} - -obj.type = 'number'//, // 表单类型 + +obj.type = 'number'//, // 表单类型 obj.component = BaseIndex // 序号 实际在json中删除 obj.seq = 3 // 补充配置样式 obj.options = { - config: { - size: 'mini', - labelWidth: 80 + config: { + size: 'mini', + labelWidth: 80 + }, + columns: [ + { + label: $t('ngform.item.label'), + prop: 'label', + default: $t('ngform.item.number.name'),//'数字输入框', + span: 24 + }, + { + label: $t('ngform.item.label_width'), + prop: 'labelWidth', + type: 'number', + min: -1, + max: 1000, + default: -1, + span: 24 + }, + { + label: $t('ngform.item.width'), + prop: 'width', + default: '100%', + span: 24 + }, + { + label: $t('ngform.item.span'),//'所占栅格', + type: 'spanGroup', + prop: 'span', + min: 1, + max: 24, + default: 24, + span: 24 + }, + { + label: $t('ngform.item.model'), //'数据字段', + prop: 'model', + span: 24 + }, + { + label: $t('ngform.item.key'), //'数据KEY', + prop: 'key', + show: false, + span: 24 + }, + { + type: 'divider', + label: $t('ngform.item.validate_rule') //'效验规则' }, - columns: [ + { + prop: 'rules', + type: 'rules', + labelWidth: 0, + default: [{ + required: false, // 必须填写 + message: $t('ngform.item.required'), //"必填项", + trigger: ['blur'] + }], + span: 24 + } + ], + group: [ + { + label: $t('ngform.item.options'),//'属性', + prop: 'options', + alone: true, // 是否独立与columns之外展示 false则和columns一起,不另外显示 + collapse: false, // 是否启用 collapse 必须alone=true + column: [ + { - label: $t('ngform.item.label'), - prop: 'label', - default: $t('ngform.item.number.name'),//'数字输入框', - span: 24, + label: $t('ngform.item.number.precision'),//'精度', + prop: 'precision', + type: 'number', + precision: 0, + step: 1, + default: 0, + span: 24 }, { - label: $t('ngform.item.label_width'), - prop: 'labelWidth', - type: 'number', - min: -1, - max: 1000, - default: -1, - span: 24, + label: $t('ngform.item.number.step'),//'步长', + prop: 'step', + type: 'number', + default: 1, + span: 24 }, { - label: $t('ngform.item.width'), - prop: 'width', - default: '100%', - span: 24, + label: $t('ngform.item.number.min'),//'最小值', + prop: 'min', + type: 'number', + default: 0, + span: 24 }, { - label: $t('ngform.item.span') ,//'所占栅格', - type: 'slider', - prop: 'span', - min: 1, - max: 24, - default: 24, - span: 24, + label: $t('ngform.item.number.max'),//'最大值', + prop: 'max', + type: 'number', + default: 1000, + span: 24 }, { - label: $t('ngform.item.model') , //'数据字段', - prop: 'model', - span: 24, + label: $t('ngform.item.default_value'),//'默认值', + prop: 'defaultValue', + type: 'number', + span: 24 }, { - label: $t('ngform.item.key') , //'数据KEY', - prop: 'key', - show: false, - span: 24, + label: $t('ngform.item.number.append'),//'后缀', + prop: 'append', + span: 24 }, + { - type: 'divider', - label: $t('ngform.item.validate_rule') , //'效验规则' + label: $t('ngform.item.placeholder'),//'输入提示', + prop: 'placeholder', + default: $t('ngform.item.placeholder_input'),// '请输入', + span: 24 }, - { - prop: 'rules', - type: 'rules', - labelWidth: 0, - default: [{ - required: false, // 必须填写 - message: $t('ngform.item.required'), //"必填项", - trigger: ['blur'] - }], - span: 24, - } - ], - group: [ { - label: $t('ngform.item.options') ,//'属性', - prop: 'options', - alone: true, // 是否独立与columns之外展示 false则和columns一起,不另外显示 - collapse: false, // 是否启用 collapse 必须alone=true - column: [ - - { - label: $t('ngform.item.number.precision') ,//'精度', - prop: 'precision', - type: 'number', - precision: 0, - step: 1, - default: 0 , - span: 24, - }, - { - label: $t('ngform.item.number.step') ,//'步长', - prop: 'step', - type: 'number', - default: 1 , - span: 24, - }, - { - label: $t('ngform.item.number.min') ,//'最小值', - prop: 'min', - type: 'number', - default: 0, - span: 24, - }, - { - label: $t('ngform.item.number.max') ,//'最大值', - prop: 'max', - type: 'number', - default: 1000, - span: 24, - }, - { - label: $t('ngform.item.default_value') ,//'默认值', - prop: 'defaultValue', - type: 'number', - span: 24, - }, - { - label: $t('ngform.item.number.append') ,//'后缀', - prop: 'append', - span: 24, - }, - - { - label: $t('ngform.item.placeholder') ,//'输入提示', - prop: 'placeholder', - default: $t('ngform.item.placeholder_input') ,// '请输入', - span: 24, - }, - { - label: $t('ngform.item.clearable'),//'可清除', - prop: 'clearable', - type: 'switch', - default: false, - span: 24, - } , - { - label: $t('ngform.item.if_hidden') ,//'是否隐藏', - prop: 'hidden', - type: 'switch', - default: false, - span: 24, - }, - { - label: $t('ngform.item.if_disabled') ,//'是否禁用', - prop: 'disabled', - type: 'switch', - default: false, - span: 24, - } - - ] + label: $t('ngform.item.clearable'),//'可清除', + prop: 'clearable', + type: 'switch', + default: false, + span: 24 }, - // { - // label: '测试分割', - // prop: 'test', - // collapse: false, // 是否启用 collapse 必须alone=true - // column: [ - // { - // label: '标签宽度', - // prop: 'width', - // type: 'number', - // min: 1, - // max: 1000, - // default: 80, - // span: 24, - // } - // ] - // } - ] + { + label: $t('ngform.item.if_hidden'),//'是否隐藏', + prop: 'hidden', + type: 'switch', + default: false, + span: 24 + }, + { + label: $t('ngform.item.if_disabled'),//'是否禁用', + prop: 'disabled', + type: 'switch', + default: false, + span: 24 + } + + ] + } + // { + // label: '测试分割', + // prop: 'test', + // collapse: false, // 是否启用 collapse 必须alone=true + // column: [ + // { + // label: '标签宽度', + // prop: 'width', + // type: 'number', + // min: 1, + // max: 1000, + // default: 80, + // span: 24, + // } + // ] + // } + ] } - export default obj diff --git a/packages/form-design/items/base/radio/index.js b/packages/form-design/items/base/radio/index.js index 778cf61c2f5dd0f2ad8b9baed2a4f14efc681036..b1e9ae6d68a0068a2e518260f1a11420ba9d3234 100644 --- a/packages/form-design/items/base/radio/index.js +++ b/packages/form-design/items/base/radio/index.js @@ -1,12 +1,12 @@ // 对外输出 包含组件的对外json定义、属性配置页面、展示页面 三部分 - + import BaseIndex from './index.vue' import BaseProperties from './properties.vue' -import { t , $t } from '../../../../locale/index.js' +import { t, $t } from '../../../../locale/index.js' const obj = {} - -obj.type = 'radio'//, // 表单类型 + +obj.type = 'radio'//, // 表单类型 obj.component = BaseIndex obj.properties = BaseProperties @@ -15,197 +15,196 @@ obj.seq = 6 // 补充配置样式 obj.options = { - config: { - size: 'mini', - labelWidth: 80 + config: { + size: 'mini', + labelWidth: 80 + }, + columns: [ + { + label: $t('ngform.item.label'), + prop: 'label', + default: $t('ngform.item.radio.name'),//'数字输入框', + span: 24 + }, + { + label: $t('ngform.item.label_width'), + prop: 'labelWidth', + type: 'number', + min: -1, + max: 1000, + default: -1, + span: 24 + }, + { + label: $t('ngform.item.width'), + prop: 'width', + default: '100%', + span: 24 + }, + { + label: $t('ngform.item.span'),//'所占栅格', + type: 'spanGroup', + prop: 'span', + min: 1, + max: 24, + default: 24, + span: 24 + }, + { + label: $t('ngform.item.model'), //'数据字段', + prop: 'model', + span: 24 + }, + { + label: $t('ngform.item.key'), //'数据KEY', + prop: 'key', + show: false, + span: 24 }, - columns: [ + { + type: 'divider', + label: $t('ngform.item.validate_rule') //'效验规则' + }, + { + prop: 'rules', + type: 'rules', + labelWidth: 0, + default: [{ + required: false, // 必须填写 + message: $t('ngform.item.required'), //"必填项", + trigger: ['blur'] + }], + span: 24 + } + ], + group: [ + { + label: $t('ngform.item.options'),//'属性', + prop: 'options', + alone: true, // 是否独立与columns之外展示 false则和columns一起,不另外显示 + collapse: false, // 是否启用 collapse 必须alone=true + column: [ + + { + label: $t('ngform.item.default_value'),//'默认值', + prop: 'defaultValue', + show: false, + span: 24 + }, { - label: $t('ngform.item.label'), - prop: 'label', - default: $t('ngform.item.radio.name'),//'数字输入框', - span: 24, + label: $t('ngform.item.placeholder'),//'输入提示', + prop: 'placeholder', + default: $t('ngform.item.placeholder_input'),// '请输入', + span: 24 }, + + // dynamic: 0, // 数据获取方式 + // remoteFunc: '',//远程获取数据链接 + // dataPath: '', + // remoteValue:'' , + // remoteLabel:'', + // dictType: '' ,// 数据字典类型 { - label: $t('ngform.item.label_width'), - prop: 'labelWidth', - type: 'number', - min: -1, - max: 1000, - default: -1, - span: 24, + label: $t('ngform.item.datasource'),//'数据获取', + prop: 'dynamic', + default: 0, + span: 24, + type: 'select', + show: false, + dicData: [ + { label: $t('ngform.item.datasource_static'), value: 0 }, + { label: $t('ngform.item.datasource_api'), value: 1 }, + { label: $t('ngform.item.datasource_dict'), value: 2 } + ] }, { - label: $t('ngform.item.width'), - prop: 'width', - default: '100%', - span: 24, + label: $t('ngform.item.datasource_static'), //'静态数据', + prop: 'options', + default: [ + { + value: '1', + label: '选项1' + }, + { + value: '2', + label: '选项2' + } + ], + span: 24, + //type: 'kv', + show: false }, { - label: $t('ngform.item.span') ,//'所占栅格', - type: 'slider', - prop: 'span', - min: 1, - max: 24, - default: 24, - span: 24, + label: $t('ngform.item.method_type'),//'方法类型', + default: 'get', + prop: 'methodType', + show: false }, { - label: $t('ngform.item.model') , //'数据字段', - prop: 'model', - span: 24, + label: $t('ngform.item.post_data'), //'post请求携带数据', + prop: 'dynamicPostData', + show: false }, { - label: $t('ngform.item.key') , //'数据KEY', - prop: 'key', - show: false, - span: 24, + label: $t('ngform.item.api_path'),//'远程获取数据链接', + prop: 'remoteFunc', + show: false }, { - type: 'divider', - label: $t('ngform.item.validate_rule') , //'效验规则' + label: $t('ngform.item.data_path'),//'数据路径', + prop: 'dataPath', + show: false }, - { - prop: 'rules', - type: 'rules', - labelWidth: 0, - default: [{ - required: false, // 必须填写 - message: $t('ngform.item.required'), //"必填项", - trigger: ['blur'] - }], - span: 24, - } - ], - group: [ { - label: $t('ngform.item.options') ,//'属性', - prop: 'options', - alone: true, // 是否独立与columns之外展示 false则和columns一起,不另外显示 - collapse: false, // 是否启用 collapse 必须alone=true - column: [ - - { - label: $t('ngform.item.default_value') ,//'默认值', - prop: 'defaultValue', - show: false, - span: 24, - }, - { - label: $t('ngform.item.placeholder') ,//'输入提示', - prop: 'placeholder', - default: $t('ngform.item.placeholder_input') ,// '请输入', - span: 24, - }, - - // dynamic: 0, // 数据获取方式 - // remoteFunc: '',//远程获取数据链接 - // dataPath: '', - // remoteValue:'' , - // remoteLabel:'', - // dictType: '' ,// 数据字典类型 - { - label: $t('ngform.item.datasource') ,//'数据获取', - prop: 'dynamic', - default: 0, - span: 24, - type: 'select', - show: false, - dicData: [ - {label: $t('ngform.item.datasource_static') , value: 0}, - {label: $t('ngform.item.datasource_api') , value: 1}, - {label: $t('ngform.item.datasource_dict') , value: 2} - ] - }, - { - label: $t('ngform.item.datasource_static'), //'静态数据', - prop: 'options', - default: [ - { - value: "1", - label: "选项1" - }, - { - value: "2", - label: "选项2" - } - ], - span: 24, - //type: 'kv', - show: false - }, - { - label: $t('ngform.item.method_type') ,//'方法类型', - default: 'get', - prop: 'methodType', - show: false - } , - { - label: $t('ngform.item.post_data'), //'post请求携带数据', - prop: 'dynamicPostData', - show: false - } , - { - label: $t('ngform.item.api_path'),//'远程获取数据链接', - prop: 'remoteFunc', - show: false - } , - { - label: $t('ngform.item.data_path'),//'数据路径', - prop: 'dataPath', - show: false - } , - { - label: $t('ngform.item.filed_value'),//'数据值字段', - prop: 'remoteValue', - show: false - } , - { - label: $t('ngform.item.filed_label'),//'数据标签字段', - prop: 'remoteLabel', - show: false - } , - { - label: $t('ngform.item.dict_type'),//'字典分类', - prop: 'dictType', - show: false - } , - - { - label: $t('ngform.item.if_hidden'),//'是否隐藏', - prop: 'hidden', - type: 'switch', - default: false, - span: 24, - }, - { - label: $t('ngform.item.if_disabled') ,//'是否禁用', - prop: 'disabled', - type: 'switch', - default: false, - span: 24, - }, - { - label: $t('ngform.item.linkage') ,//'联动关联', - prop: 'linkage', - type: 'switch', - default: false, - show: false, - span: 24, - }, - { - label: $t('ngform.item.linkage') ,//'联动关联', - prop: 'linkData', - default: [], - show: false, - span: 24, - }, + label: $t('ngform.item.filed_value'),//'数据值字段', + prop: 'remoteValue', + show: false + }, + { + label: $t('ngform.item.filed_label'),//'数据标签字段', + prop: 'remoteLabel', + show: false + }, + { + label: $t('ngform.item.dict_type'),//'字典分类', + prop: 'dictType', + show: false + }, - ] + { + label: $t('ngform.item.if_hidden'),//'是否隐藏', + prop: 'hidden', + type: 'switch', + default: false, + span: 24 + }, + { + label: $t('ngform.item.if_disabled'),//'是否禁用', + prop: 'disabled', + type: 'switch', + default: false, + span: 24 + }, + { + label: $t('ngform.item.linkage'),//'联动关联', + prop: 'linkage', + type: 'switch', + default: false, + show: false, + span: 24 + }, + { + label: $t('ngform.item.linkage'),//'联动关联', + prop: 'linkData', + default: [], + show: false, + span: 24 } - ] + + ] + } + ] } - export default obj diff --git a/packages/form-design/items/base/rate/index.js b/packages/form-design/items/base/rate/index.js index 218536cd65983c842a225479d582ee9b3cd8783b..89131064dbb70648b70e1ac4e901e5b4193f1685 100644 --- a/packages/form-design/items/base/rate/index.js +++ b/packages/form-design/items/base/rate/index.js @@ -1,12 +1,12 @@ // 对外输出 包含组件的对外json定义、属性配置页面、展示页面 三部分 - + import BaseIndex from './index.vue' //import BaseProperties from './properties.vue' -import { t , $t } from '../../../../locale/index.js' +import { t, $t } from '../../../../locale/index.js' const obj = {} - -obj.type = 'rate'//, // 表单类型 + +obj.type = 'rate'//, // 表单类型 obj.component = BaseIndex //obj.properties = BaseProperties @@ -15,118 +15,117 @@ obj.seq = 11 // 补充配置样式 obj.options = { - config: { - size: 'mini', - labelWidth: 80 + config: { + size: 'mini', + labelWidth: 80 + }, + columns: [ + { + label: $t('ngform.item.label'), //'标签', + prop: 'label', + default: $t('ngform.item.rate.name'),//'评分', + span: 24 }, - columns: [ - { - label: $t('ngform.item.label'), //'标签', - prop: 'label', - default: $t('ngform.item.rate.name'),//'评分', - span: 24, - }, - { - label: $t('ngform.item.label_width'), //'标签宽度', - prop: 'labelWidth', - type: 'number', - min: -1, - max: 1000, - default: -1, - span: 24, - }, - { - label: $t('ngform.item.width'), //'要素宽度', - prop: 'width', - default: '100%', - span: 24, - }, + { + label: $t('ngform.item.label_width'), //'标签宽度', + prop: 'labelWidth', + type: 'number', + min: -1, + max: 1000, + default: -1, + span: 24 + }, + { + label: $t('ngform.item.width'), //'要素宽度', + prop: 'width', + default: '100%', + span: 24 + }, + { + label: $t('ngform.item.span'),//'所占栅格', + type: 'spanGroup', + prop: 'span', + min: 1, + max: 24, + default: 24, + span: 24 + }, + { + label: $t('ngform.item.model'), //'数据字段', + prop: 'model', + span: 24 + }, + { + label: $t('ngform.item.key'), //'数据KEY', + prop: 'key', + show: false, + span: 24 + }, + { + type: 'divider', + label: $t('ngform.item.validate_rule') //'效验规则' + }, + { + prop: 'rules', + type: 'rules', + labelWidth: 0, + default: [{ + required: false, // 必须填写 + message: $t('ngform.item.required'), //"必填项", + trigger: ['blur'] + }], + span: 24 + } + ], + group: [ + { + label: $t('ngform.item.options'),//'属性', + prop: 'options', + alone: true, // 是否独立与columns之外展示 false则和columns一起,不另外显示 + collapse: false, // 是否启用 collapse 必须alone=true + column: [ + { - label: $t('ngform.item.span') ,//'所占栅格', - type: 'slider', - prop: 'span', - min: 1, - max: 24, - default: 24, - span: 24, + label: $t('ngform.item.rate.max'),//'最大值', + prop: 'max', + type: 'number', + min: 1, + default: 5, + span: 24 }, { - label: $t('ngform.item.model') , //'数据字段', - prop: 'model', - span: 24, + label: $t('ngform.item.default_value'),//'默认值', + prop: 'defaultValue', + type: 'number', + span: 24 }, + { - label: $t('ngform.item.key') , //'数据KEY', - prop: 'key', - show: false, - span: 24, + label: $t('ngform.item.rate.allow_half'),//'允许半选', + prop: 'allowHalf', + type: 'switch', + default: false, + span: 24 }, { - type: 'divider', - label: $t('ngform.item.validate_rule') , //'效验规则' + label: $t('ngform.item.if_hidden'),//'是否隐藏', + prop: 'hidden', + type: 'switch', + default: false, + span: 24 }, - { - prop: 'rules', - type: 'rules', - labelWidth: 0, - default: [{ - required: false, // 必须填写 - message: $t('ngform.item.required'), //"必填项", - trigger: ['blur'] - }], - span: 24, - } - ], - group: [ { - label: $t('ngform.item.options') ,//'属性', - prop: 'options', - alone: true, // 是否独立与columns之外展示 false则和columns一起,不另外显示 - collapse: false, // 是否启用 collapse 必须alone=true - column: [ - - { - label: $t('ngform.item.rate.max'),//'最大值', - prop: 'max', - type: 'number', - min: 1, - default: 5 , - span: 24, - }, - { - label: $t('ngform.item.default_value') ,//'默认值', - prop: 'defaultValue', - type: 'number', - span: 24, - }, - - { - label: $t('ngform.item.rate.allow_half'),//'允许半选', - prop: 'allowHalf', - type: 'switch', - default: false, - span: 24, - } , - { - label: $t('ngform.item.if_hidden'),//'是否隐藏', - prop: 'hidden', - type: 'switch', - default: false, - span: 24, - }, - { - label: $t('ngform.item.if_disabled') ,//'是否禁用', - prop: 'disabled', - type: 'switch', - default: false, - span: 24, - } - - ] + label: $t('ngform.item.if_disabled'),//'是否禁用', + prop: 'disabled', + type: 'switch', + default: false, + span: 24 } - ] + + ] + } + ] } - export default obj diff --git a/packages/form-design/items/base/select/index.js b/packages/form-design/items/base/select/index.js index 25936b8e44db3b2e97b56eac973552fcbc4320b5..a0178746b56ce4a6a4b598c15d199907a299c0c4 100644 --- a/packages/form-design/items/base/select/index.js +++ b/packages/form-design/items/base/select/index.js @@ -1,12 +1,12 @@ // 对外输出 包含组件的对外json定义、属性配置页面、展示页面 三部分 - + import BaseIndex from './index.vue' import BaseProperties from './properties.vue' -import { t , $t } from '../../../../locale/index.js' +import { t, $t } from '../../../../locale/index.js' const obj = {} - -obj.type = 'select'//, // 表单类型 + +obj.type = 'select'//, // 表单类型 obj.component = BaseIndex obj.properties = BaseProperties @@ -15,251 +15,248 @@ obj.seq = 4 // 补充配置样式 obj.options = { - config: { - size: 'mini', - labelWidth: 80 + config: { + size: 'mini', + labelWidth: 80 + }, + columns: [ + { + label: $t('ngform.item.label'), //'标签', + prop: 'label', + default: $t('ngform.item.select.name'),//'下拉选择器', + span: 24 + }, + { + label: $t('ngform.item.label_width'), //'标签宽度', + prop: 'labelWidth', + type: 'number', + min: -1, + max: 1000, + default: -1, + span: 24 + }, + { + label: $t('ngform.item.width'), //'要素宽度', + prop: 'width', + default: '100%', + span: 24 + }, + { + label: $t('ngform.item.span'),//'所占栅格', + type: 'spanGroup', + prop: 'span', + min: 1, + max: 24, + default: 24, + span: 24 }, - columns: [ + { + label: $t('ngform.item.model'), //'数据字段', + prop: 'model', + span: 24 + }, + { + label: $t('ngform.item.key'), //'数据KEY', + prop: 'key', + show: false, + span: 24 + }, + { + type: 'divider', + label: $t('ngform.item.validate_rule') //'效验规则' + }, + { + prop: 'rules', + type: 'rules', + labelWidth: 0, + default: [{ + required: false, // 必须填写 + message: $t('ngform.item.required'), //"必填项", + trigger: ['blur'] + }], + span: 24 + } + ], + group: [ + { + label: $t('ngform.item.options'),//'属性', + prop: 'options', + alone: true, // 是否独立与columns之外展示 false则和columns一起,不另外显示 + collapse: false, // 是否启用 collapse 必须alone=true + column: [ + { - label: $t('ngform.item.label'), //'标签', - prop: 'label', - default: $t('ngform.item.select.name'),//'下拉选择器', - span: 24, + label: $t('ngform.item.default_value'),//'默认值', + prop: 'defaultValue', + show: false, + span: 24 }, { - label: $t('ngform.item.label_width'), //'标签宽度', - prop: 'labelWidth', - type: 'number', - min: -1, - max: 1000, - default: -1, - span: 24, + label: $t('ngform.item.placeholder'),//'输入提示', + prop: 'placeholder', + default: $t('ngform.item.placeholder_input'),// '请输入', + span: 24 + }, + + // dynamic: 0, // 数据获取方式 + // remoteFunc: '',//远程获取数据链接 + // dataPath: '', + // remoteValue:'' , + // remoteLabel:'', + // dictType: '' ,// 数据字典类型 + { + label: $t('ngform.item.datasource'),//'数据获取', + prop: 'dynamic', + default: 0, + span: 24, + type: 'select', + show: false, + dicData: [ + { label: $t('ngform.item.datasource_static'), value: 0 }, + { label: $t('ngform.item.datasource_api'), value: 1 }, + { label: $t('ngform.item.datasource_dict'), value: 2 } + ] + }, + { + label: $t('ngform.item.datasource_static'), //'静态数据', + prop: 'options', + default: [ + { + value: '1', + label: '下拉框1' + }, + { + value: '2', + label: '下拉框2' + } + ], + span: 24, + //type: 'kv', + show: false }, { - label: $t('ngform.item.width'), //'要素宽度', - prop: 'width', - default: '100%', - span: 24, + label: $t('ngform.item.method_type'),//'方法类型', + default: 'get', + prop: 'methodType', + show: false }, { - label: $t('ngform.item.span') ,//'所占栅格', - type: 'slider', - prop: 'span', - min: 1, - max: 24, - default: 24, - span: 24, + label: $t('ngform.item.post_data'), //'post请求携带数据', + prop: 'dynamicPostData', + show: false }, { - label: $t('ngform.item.model') , //'数据字段', - prop: 'model', - span: 24, + label: $t('ngform.item.api_path'),//'远程获取数据链接', + prop: 'remoteFunc', + show: false }, { - label: $t('ngform.item.key') , //'数据KEY', - prop: 'key', - show: false, - span: 24, + label: $t('ngform.item.data_path'),//'数据路径', + prop: 'dataPath', + show: false }, { - type: 'divider', - label: $t('ngform.item.validate_rule') , //'效验规则' + label: $t('ngform.item.filed_value'),//'数据值字段', + prop: 'remoteValue', + show: false }, - { - prop: 'rules', - type: 'rules', - labelWidth: 0, - default: [{ - required: false, // 必须填写 - message: $t('ngform.item.required'), //"必填项", - trigger: ['blur'] - }], - span: 24, - } - ], - group: [ { - label: $t('ngform.item.options') ,//'属性', - prop: 'options', - alone: true, // 是否独立与columns之外展示 false则和columns一起,不另外显示 - collapse: false, // 是否启用 collapse 必须alone=true - column: [ - - { - label: $t('ngform.item.default_value') ,//'默认值', - prop: 'defaultValue', - show: false, - span: 24, - }, - { - label: $t('ngform.item.placeholder') ,//'输入提示', - prop: 'placeholder', - default: $t('ngform.item.placeholder_input') ,// '请输入', - span: 24, - }, + label: $t('ngform.item.filed_label'),//'数据标签字段', + prop: 'remoteLabel', + show: false + }, + { + label: $t('ngform.item.dict_type'),//'字典分类', + prop: 'dictType', + show: false + }, - // dynamic: 0, // 数据获取方式 - // remoteFunc: '',//远程获取数据链接 - // dataPath: '', - // remoteValue:'' , - // remoteLabel:'', - // dictType: '' ,// 数据字典类型 - { - label: $t('ngform.item.datasource') ,//'数据获取', - prop: 'dynamic', - default: 0, - span: 24, - type: 'select', - show: false, - dicData: [ - {label: $t('ngform.item.datasource_static') , value: 0}, - {label: $t('ngform.item.datasource_api') , value: 1}, - {label: $t('ngform.item.datasource_dict') , value: 2} - ] - }, - { - label: $t('ngform.item.datasource_static'), //'静态数据', - prop: 'options', - default: [ - { - value: "1", - label: "下拉框1" - }, - { - value: "2", - label: "下拉框2" - } - ], - span: 24, - //type: 'kv', - show: false - }, - { - label: $t('ngform.item.method_type') ,//'方法类型', - default: 'get', - prop: 'methodType', - show: false - } , - { - label: $t('ngform.item.post_data'), //'post请求携带数据', - prop: 'dynamicPostData', - show: false - } , - { - label: $t('ngform.item.api_path'),//'远程获取数据链接', - prop: 'remoteFunc', - show: false - } , - { - label: $t('ngform.item.data_path'),//'数据路径', - prop: 'dataPath', - show: false - } , - { - label: $t('ngform.item.filed_value'),//'数据值字段', - prop: 'remoteValue', - show: false - } , - { - label: $t('ngform.item.filed_label'),//'数据标签字段', - prop: 'remoteLabel', - show: false - } , - { - label: $t('ngform.item.dict_type'),//'字典分类', - prop: 'dictType', - show: false - } , - - { - label: $t('ngform.item.multiple'),//'多选', - prop: 'multiple', - type: 'switch', - default: false, - span: 24, - } , - { - label: $t('ngform.item.search'),//'可搜索', - prop: 'showSearch', - type: 'switch', - default: false, - span: 24, - } , - - { - label: $t('ngform.item.clearable'),//'可清除', - prop: 'clearable', - type: 'switch', - default: false, - span: 24, - } , - { - label: $t('ngform.item.if_hidden'),//'是否隐藏', - prop: 'hidden', - type: 'switch', - default: false, - span: 24, - }, - { - label: $t('ngform.item.if_disabled') ,//'是否禁用', - prop: 'disabled', - type: 'switch', - default: false, - span: 24, - }, - { - label: $t('ngform.item.select.selectCb') ,//'选择后回调', - prop: 'selectCb', - placeholder: '选择后回调方法,eg: $.A004=$select.name, $表示当前表单数据,$select标示当前选择元素实体' , - type: 'textarea' - }, - { - label: $t('ngform.item.select.clearCb') ,//'清除后回调', - prop: 'clearCb', - placeholder: '清除后回调方法,eg: $.A004="", $表示当前表单数据' , - type: 'textarea', - show: '$.options.clearable' - }, - { - label: $t('ngform.item.linkage') ,//'联动关联', - prop: 'linkage', - type: 'switch', - default: false, - show: false, - span: 24, - }, - { - label: $t('ngform.item.linkage') ,//'联动关联', - prop: 'linkData', - default: [], - show: false, - span: 24, - }, + { + label: $t('ngform.item.multiple'),//'多选', + prop: 'multiple', + type: 'switch', + default: false, + span: 24 + }, + { + label: $t('ngform.item.search'),//'可搜索', + prop: 'showSearch', + type: 'switch', + default: false, + span: 24 + }, - ] + { + label: $t('ngform.item.clearable'),//'可清除', + prop: 'clearable', + type: 'switch', + default: false, + span: 24 + }, + { + label: $t('ngform.item.if_hidden'),//'是否隐藏', + prop: 'hidden', + type: 'switch', + default: false, + span: 24 + }, + { + label: $t('ngform.item.if_disabled'),//'是否禁用', + prop: 'disabled', + type: 'switch', + default: false, + span: 24 + }, + { + label: $t('ngform.item.select.selectCb'),//'选择后回调', + prop: 'selectCb', + placeholder: '选择后回调方法,eg: $.A004=$select.name, $表示当前表单数据,$select标示当前选择元素实体', + type: 'textarea' + }, + { + label: $t('ngform.item.select.clearCb'),//'清除后回调', + prop: 'clearCb', + placeholder: '清除后回调方法,eg: $.A004="", $表示当前表单数据', + type: 'textarea', + show: '$.options.clearable' + }, + { + label: $t('ngform.item.linkage'),//'联动关联', + prop: 'linkage', + type: 'switch', + default: false, + show: false, + span: 24 + }, + { + label: $t('ngform.item.linkage'),//'联动关联', + prop: 'linkData', + default: [], + show: false, + span: 24 } - // , - // { - // label: '属性', - // prop: 'options', - // alone: true, // 是否独立与columns之外展示 false则和columns一起,不另外显示 - // collapse: true, // 是否启用 collapse 必须alone=true - // column: [ - // { - // label: '联动关联', - // prop: 'linkData', - // type: 'switch', - // default: false, - // span: 24, - // } , - + ] + } + // , + // { + // label: '属性', + // prop: 'options', + // alone: true, // 是否独立与columns之外展示 false则和columns一起,不另外显示 + // collapse: true, // 是否启用 collapse 必须alone=true + // column: [ + // { + // label: '联动关联', + // prop: 'linkData', + // type: 'switch', + // default: false, + // span: 24, + // } , - // ] - // } - ] + // ] + // } + ] } - export default obj diff --git a/packages/form-design/items/base/slider/index.js b/packages/form-design/items/base/slider/index.js index 0adc9430b1098f49b450d19638c24bb7c5fc1530..09878dad7f9f3bc92e7c43a9597e9d626c588e8a 100644 --- a/packages/form-design/items/base/slider/index.js +++ b/packages/form-design/items/base/slider/index.js @@ -1,12 +1,12 @@ // 对外输出 包含组件的对外json定义、属性配置页面、展示页面 三部分 - + import BaseIndex from './index.vue' //import BaseProperties from './properties.vue' -import { t , $t } from '../../../../locale/index.js' +import { t, $t } from '../../../../locale/index.js' const obj = {} - -obj.type = 'slider'//, // 表单类型 + +obj.type = 'slider'//, // 表单类型 obj.component = BaseIndex //obj.properties = BaseProperties @@ -15,142 +15,141 @@ obj.seq = 12 // 补充配置样式 obj.options = { - config: { - size: 'mini', - labelWidth: 80 + config: { + size: 'mini', + labelWidth: 80 + }, + columns: [ + { + label: $t('ngform.item.label'), //'标签', + prop: 'label', + default: $t('ngform.item.slider.name'),//'滑动输入条', + span: 24 + }, + { + label: $t('ngform.item.label_width'), //'标签宽度', + prop: 'labelWidth', + type: 'number', + min: -1, + max: 1000, + default: -1, + span: 24 + }, + { + label: $t('ngform.item.width'), //'要素宽度', + prop: 'width', + default: '100%', + span: 24 + }, + { + label: $t('ngform.item.span'),//'所占栅格', + type: 'spanGroup', + prop: 'span', + min: 1, + max: 24, + default: 24, + span: 24 + }, + { + label: $t('ngform.item.model'), //'数据字段', + prop: 'model', + span: 24 }, - columns: [ + { + label: $t('ngform.item.key'), //'数据KEY', + prop: 'key', + show: false, + span: 24 + }, + { + type: 'divider', + label: $t('ngform.item.validate_rule') //'效验规则' + }, + { + prop: 'rules', + type: 'rules', + labelWidth: 0, + default: [{ + required: false, // 必须填写 + message: $t('ngform.item.required'), //"必填项", + trigger: ['blur'] + }], + span: 24 + } + ], + group: [ + { + label: $t('ngform.item.options'),//'属性', + prop: 'options', + alone: true, // 是否独立与columns之外展示 false则和columns一起,不另外显示 + collapse: false, // 是否启用 collapse 必须alone=true + column: [ + { - label: $t('ngform.item.label'), //'标签', - prop: 'label', - default: $t('ngform.item.slider.name'),//'滑动输入条', - span: 24, + label: $t('ngform.item.slider.max'),//'最大值', + prop: 'max', + type: 'number', + min: 1, + default: 5, + span: 24 }, { - label: $t('ngform.item.label_width'), //'标签宽度', - prop: 'labelWidth', - type: 'number', - min: -1, - max: 1000, - default: -1, - span: 24, + label: $t('ngform.item.slider.min'),//'最小值', + prop: 'min', + type: 'number', + min: 1, + default: 0, + span: 24 }, { - label: $t('ngform.item.width'), //'要素宽度', - prop: 'width', - default: '100%', - span: 24, + label: $t('ngform.item.slider.step'),//'步长', + prop: 'step', + type: 'number', + min: 1, + default: 0, + span: 24 }, { - label: $t('ngform.item.span') ,//'所占栅格', - type: 'slider', - prop: 'span', - min: 1, - max: 24, - default: 24, - span: 24, + label: $t('ngform.item.default_value'),//'默认值', + prop: 'defaultValue', + type: 'number', + default: 0, + span: 24 }, + { - label: $t('ngform.item.model') , //'数据字段', - prop: 'model', - span: 24, + label: $t('ngform.item.slider.show_input'),//'输入框', + prop: 'showInput', + type: 'switch', + default: false, + span: 24 }, { - label: $t('ngform.item.key') , //'数据KEY', - prop: 'key', - show: false, - span: 24, + label: $t('ngform.item.slider.marks'),//'标记', + prop: 'marks', + type: 'kv', + default: [], + span: 24 }, { - type: 'divider', - label: $t('ngform.item.validate_rule') , //'效验规则' + label: $t('ngform.item.if_hidden'),//'是否隐藏', + prop: 'hidden', + type: 'switch', + default: false, + span: 24 }, - { - prop: 'rules', - type: 'rules', - labelWidth: 0, - default: [{ - required: false, // 必须填写 - message: $t('ngform.item.required'), //"必填项", - trigger: ['blur'] - }], - span: 24, - } - ], - group: [ { - label: $t('ngform.item.options') ,//'属性', - prop: 'options', - alone: true, // 是否独立与columns之外展示 false则和columns一起,不另外显示 - collapse: false, // 是否启用 collapse 必须alone=true - column: [ - - { - label: $t('ngform.item.slider.max') ,//'最大值', - prop: 'max', - type: 'number', - min: 1, - default: 5 , - span: 24, - }, - { - label: $t('ngform.item.slider.min') ,//'最小值', - prop: 'min', - type: 'number', - min: 1, - default: 0 , - span: 24, - }, - { - label: $t('ngform.item.slider.step') ,//'步长', - prop: 'step', - type: 'number', - min: 1, - default: 0 , - span: 24, - }, - { - label: $t('ngform.item.default_value') ,//'默认值', - prop: 'defaultValue', - type: 'number', - default: 0, - span: 24, - }, - - { - label: $t('ngform.item.slider.show_input') ,//'输入框', - prop: 'showInput', - type: 'switch', - default: false, - span: 24, - } , - { - label: $t('ngform.item.slider.marks'),//'标记', - prop: 'marks', - type: 'kv', - default: [], - span: 24, - } , - { - label: $t('ngform.item.if_hidden'),//'是否隐藏', - prop: 'hidden', - type: 'switch', - default: false, - span: 24, - }, - { - label: $t('ngform.item.if_disabled') ,//'是否禁用', - prop: 'disabled', - type: 'switch', - default: false, - span: 24, - } - - ] + label: $t('ngform.item.if_disabled'),//'是否禁用', + prop: 'disabled', + type: 'switch', + default: false, + span: 24 } - ] + + ] + } + ] } - export default obj diff --git a/packages/form-design/items/base/switch/index.js b/packages/form-design/items/base/switch/index.js index 5a6b8324bd171d9c99b117af8db057db9b19520b..694f6e1a31831b248e291297cd81742fa2b2a557 100644 --- a/packages/form-design/items/base/switch/index.js +++ b/packages/form-design/items/base/switch/index.js @@ -1,130 +1,128 @@ // 对外输出 包含组件的对外json定义、属性配置页面、展示页面 三部分 - + import BaseIndex from './index.vue' //import BaseProperties from './properties.vue' -import { t , $t } from '../../../../locale/index.js' +import { t, $t } from '../../../../locale/index.js' const obj = {} - -obj.type = 'switch'//, // 表单类型 + +obj.type = 'switch'//, // 表单类型 obj.component = BaseIndex // 序号 实际在json中删除 obj.seq = 16 // 补充配置样式 obj.options = { - config: { - size: 'mini', - labelWidth: 80 + config: { + size: 'mini', + labelWidth: 80 + }, + columns: [ + { + label: $t('ngform.item.label'), //'标签', + prop: 'label', + default: $t('ngform.item.switch.name'),//'开关', + span: 24 }, - columns: [ - { - label: $t('ngform.item.label'), //'标签', - prop: 'label', - default: $t('ngform.item.switch.name'),//'开关', - span: 24, - }, - { - label: $t('ngform.item.label_width'), //'标签宽度', - prop: 'labelWidth', - type: 'number', - min: -1, - max: 1000, - default: -1, - span: 24, - }, - { - label: $t('ngform.item.width'), //'要素宽度', - prop: 'width', - default: '100%', - span: 24, - }, + { + label: $t('ngform.item.label_width'), //'标签宽度', + prop: 'labelWidth', + type: 'number', + min: -1, + max: 1000, + default: -1, + span: 24 + }, + { + label: $t('ngform.item.width'), //'要素宽度', + prop: 'width', + default: '100%', + span: 24 + }, + { + label: $t('ngform.item.span'),//'所占栅格', + type: 'spanGroup', + prop: 'span', + min: 1, + max: 24, + default: 24, + span: 24 + }, + { + label: $t('ngform.item.model'), //'数据字段', + prop: 'model', + span: 24 + }, + { + label: $t('ngform.item.key'), //'数据KEY', + prop: 'key', + show: false, + span: 24 + }, + { + type: 'divider', + label: $t('ngform.item.validate_rule') //'效验规则' + }, + { + prop: 'rules', + type: 'rules', + labelWidth: 0, + default: [{ + required: false, // 必须填写 + message: $t('ngform.item.required'), //"必填项", + trigger: ['blur'] + }], + span: 24 + } + ], + group: [ + { + label: $t('ngform.item.options'),//'属性', + prop: 'options', + alone: true, // 是否独立与columns之外展示 false则和columns一起,不另外显示 + collapse: false, // 是否启用 collapse 必须alone=true + column: [ + { - label: $t('ngform.item.span') ,//'所占栅格', - type: 'slider', - prop: 'span', - min: 1, - max: 24, - default: 24, - span: 24, + label: $t('ngform.item.default_value'),//'默认值', + prop: 'defaultValue', + type: 'switch', + default: false, + span: 24 }, + { - label: $t('ngform.item.model') , //'数据字段', - prop: 'model', - span: 24, + label: $t('ngform.item.switch.active_text'),//'选中标签', + prop: 'activeText', + default: $t('ngform.item.yes'),//'是', + span: 24 }, { - label: $t('ngform.item.key') , //'数据KEY', - prop: 'key', - show: false, - span: 24, + label: $t('ngform.item.switch.inactive_text'),//'未选中标签', + prop: 'inactiveText', + default: $t('ngform.item.no'),//'否', + span: 24 }, + { - type: 'divider', - label: $t('ngform.item.validate_rule') , //'效验规则' + label: $t('ngform.item.if_hidden'),//'是否隐藏', + prop: 'hidden', + type: 'switch', + default: false, + span: 24 }, - { - prop: 'rules', - type: 'rules', - labelWidth: 0, - default: [{ - required: false, // 必须填写 - message: $t('ngform.item.required'), //"必填项", - trigger: ['blur'] - }], - span: 24, - } - ], - group: [ { - label: $t('ngform.item.options') ,//'属性', - prop: 'options', - alone: true, // 是否独立与columns之外展示 false则和columns一起,不另外显示 - collapse: false, // 是否启用 collapse 必须alone=true - column: [ - - { - label: $t('ngform.item.default_value') ,//'默认值', - prop: 'defaultValue', - type: 'switch', - default: false, - span: 24, - }, - - - { - label: $t('ngform.item.switch.active_text'),//'选中标签', - prop: 'activeText', - default: $t('ngform.item.yes'),//'是', - span: 24, - }, - { - label: $t('ngform.item.switch.inactive_text'),//'未选中标签', - prop: 'inactiveText', - default: $t('ngform.item.no'),//'否', - span: 24, - }, - - { - label: $t('ngform.item.if_hidden'),//'是否隐藏', - prop: 'hidden', - type: 'switch', - default: false, - span: 24, - }, - { - label: $t('ngform.item.if_disabled') ,//'是否禁用', - prop: 'disabled', - type: 'switch', - default: false, - span: 24, - } - - ] + label: $t('ngform.item.if_disabled'),//'是否禁用', + prop: 'disabled', + type: 'switch', + default: false, + span: 24 } - ] + + ] + } + ] } - export default obj diff --git a/packages/form-design/items/base/textarea/index.js b/packages/form-design/items/base/textarea/index.js index b3034680ca1abd6cac029982261aa3882161d341..96ee551c8208cfb71d965ab7e82cb16cbb7f4aa9 100644 --- a/packages/form-design/items/base/textarea/index.js +++ b/packages/form-design/items/base/textarea/index.js @@ -1,150 +1,149 @@ // 对外输出 包含组件的对外json定义、属性配置页面、展示页面 三部分 - + import BaseIndex from './index.vue' //import BaseProperties from './properties.vue' -import { t , $t } from '../../../../locale/index.js' +import { t, $t } from '../../../../locale/index.js' const obj = {} - -obj.type = 'textarea'//, // 表单类型 + +obj.type = 'textarea'//, // 表单类型 obj.component = BaseIndex // 序号 实际在json中删除 obj.seq = 2 // 补充配置样式 obj.options = { - config: { - size: 'mini', - labelWidth: 80 + config: { + size: 'mini', + labelWidth: 80 + }, + columns: [ + { + label: $t('ngform.item.label'), //'标签', '标签', + prop: 'label', + default: $t('ngform.item.textarea.name'),//'文本框', + span: 24 + }, + { + label: $t('ngform.item.label_width'),//'标签宽度', + prop: 'labelWidth', + type: 'number', + min: -1, + max: 1000, + default: -1, + span: 24 + }, + { + label: $t('ngform.item.width'), //'要素宽度', + prop: 'width', + default: '100%', + span: 24 + }, + { + label: $t('ngform.item.span'),//'所占栅格', + type: 'spanGroup', + prop: 'span', + min: 1, + max: 24, + default: 24, + span: 24 + }, + { + label: $t('ngform.item.model'), //'数据字段', + prop: 'model', + span: 24 }, - columns: [ + { + label: $t('ngform.item.key'), //'数据KEY', + prop: 'key', + show: false, + span: 24 + }, + { + type: 'divider', + label: $t('ngform.item.validate_rule') //'效验规则' + }, + { + prop: 'rules', + type: 'rules', + labelWidth: 0, + default: [{ + required: false, // 必须填写 + message: $t('ngform.item.required'), //"必填项", + trigger: ['blur'] + }], + span: 24 + } + ], + group: [ + { + label: $t('ngform.item.options'),//'属性', + prop: 'options', + alone: true, // 是否独立与columns之外展示 false则和columns一起,不另外显示 + collapse: false, // 是否启用 collapse 必须alone=true + column: [ + { - label: $t('ngform.item.label'), //'标签', '标签', - prop: 'label', - default: $t('ngform.item.textarea.name'),//'文本框', - span: 24, + label: $t('ngform.item.default_value'),//'默认值', + prop: 'defaultValue', + span: 24 }, { - label: $t('ngform.item.label_width'),//'标签宽度', - prop: 'labelWidth', - type: 'number', - min: -1, - max: 1000, - default: -1, - span: 24, + label: $t('ngform.item.textarea.rows'),//'输入框行数', + prop: 'rows', + type: 'number', + default: 4, + min: 1, + span: 24 }, + { - label: $t('ngform.item.width'), //'要素宽度', - prop: 'width', - default: '100%', - span: 24, + label: $t('ngform.item.placeholder'),//'输入提示', + prop: 'placeholder', + default: $t('ngform.item.placeholder_input'),// '请输入', + span: 24 }, { - label: $t('ngform.item.span') ,//'所占栅格', - type: 'slider', - prop: 'span', - min: 1, - max: 24, - default: 24, - span: 24, + label: $t('ngform.item.max_length'),//'最大长度', + type: 'number', + min: -1, + max: 1000, + prop: 'maxLength', + span: 24 }, { - label: $t('ngform.item.model') , //'数据字段', - prop: 'model', - span: 24, + label: $t('ngform.item.clearable'),//'可清除', + prop: 'clearable', + type: 'switch', + default: false, + span: 24 }, { - label: $t('ngform.item.key') , //'数据KEY', - prop: 'key', - show: false, - span: 24, + label: $t('ngform.item.textarea.autosize'),//'自动高度', + prop: 'autosize', + type: 'switch', + default: false, + span: 24 }, { - type: 'divider', - label: $t('ngform.item.validate_rule') , //'效验规则' + label: $t('ngform.item.if_hidden'),//'是否隐藏', + prop: 'hidden', + type: 'switch', + default: false, + span: 24 }, - { - prop: 'rules', - type: 'rules', - labelWidth: 0, - default: [{ - required: false, // 必须填写 - message: $t('ngform.item.required'), //"必填项", - trigger: ['blur'] - }], - span: 24, - } - ], - group: [ { - label: $t('ngform.item.options') ,//'属性', - prop: 'options', - alone: true, // 是否独立与columns之外展示 false则和columns一起,不另外显示 - collapse: false, // 是否启用 collapse 必须alone=true - column: [ - - { - label: $t('ngform.item.default_value') ,//'默认值', - prop: 'defaultValue', - span: 24, - }, - { - label: $t('ngform.item.textarea.rows'),//'输入框行数', - prop: 'rows', - type: 'number', - default: 4, - min: 1, - span: 24, - }, - - { - label: $t('ngform.item.placeholder') ,//'输入提示', - prop: 'placeholder', - default: $t('ngform.item.placeholder_input') ,// '请输入', - span: 24, - }, - { - label:$t('ngform.item.max_length') ,//'最大长度', - type: 'number', - min: -1, - max: 1000, - prop: 'maxLength', - span: 24, - }, - { - label: $t('ngform.item.clearable'),//'可清除', - prop: 'clearable', - type: 'switch', - default: false, - span: 24, - } , - { - label: $t('ngform.item.textarea.autosize'),//'自动高度', - prop: 'autosize', - type: 'switch', - default: false, - span: 24, - } , - { - label: $t('ngform.item.if_hidden') ,//'是否隐藏', - prop: 'hidden', - type: 'switch', - default: false, - span: 24, - }, - { - label: $t('ngform.item.if_disabled') ,//'是否禁用', - prop: 'disabled', - type: 'switch', - default: false, - span: 24, - } - - ] + label: $t('ngform.item.if_disabled'),//'是否禁用', + prop: 'disabled', + type: 'switch', + default: false, + span: 24 } - ] + + ] + } + ] } - export default obj diff --git a/packages/form-design/items/base/time/index.js b/packages/form-design/items/base/time/index.js index 1a6852f0bd08c6dbad4321424b34156c33ad6837..25b4d1d67fd3a2ead056a3f0b43c8eb3a11c25fa 100644 --- a/packages/form-design/items/base/time/index.js +++ b/packages/form-design/items/base/time/index.js @@ -1,12 +1,12 @@ // 对外输出 包含组件的对外json定义、属性配置页面、展示页面 三部分 - + import BaseIndex from './index.vue' //import BaseProperties from './properties.vue' -import { t , $t } from '../../../../locale/index.js' +import { t, $t } from '../../../../locale/index.js' const obj = {} - -obj.type = 'time'//, // 表单类型 + +obj.type = 'time'//, // 表单类型 obj.component = BaseIndex //obj.properties = BaseProperties @@ -15,128 +15,127 @@ obj.seq = 9 // 补充配置样式 obj.options = { - config: { - size: 'mini', - labelWidth: 80 + config: { + size: 'mini', + labelWidth: 80 + }, + columns: [ + { + label: $t('ngform.item.label'), //'标签', + prop: 'label', + default: $t('ngform.item.time.name'),//'时间', + span: 24 }, - columns: [ - { - label: $t('ngform.item.label'), //'标签', - prop: 'label', - default: $t('ngform.item.time.name'),//'时间', - span: 24, - }, + { + label: $t('ngform.item.label_width'),//'标签宽度', + prop: 'labelWidth', + type: 'number', + min: -1, + max: 1000, + default: -1, + span: 24 + }, + { + label: $t('ngform.item.width'), //'要素宽度', + prop: 'width', + default: '100%', + span: 24 + }, + { + label: $t('ngform.item.span'),//'所占栅格', + type: 'spanGroup', + prop: 'span', + min: 1, + max: 24, + default: 24, + span: 24 + }, + { + label: $t('ngform.item.model'), //'数据字段', + prop: 'model', + span: 24 + }, + { + label: $t('ngform.item.key'), //'数据KEY', + prop: 'key', + show: false, + span: 24 + }, + { + type: 'divider', + label: $t('ngform.item.validate_rule') //'效验规则' + }, + { + prop: 'rules', + type: 'rules', + labelWidth: 0, + default: [{ + required: false, // 必须填写 + message: $t('ngform.item.required'), //"必填项", + trigger: ['blur'] + }], + span: 24 + } + ], + group: [ + { + label: $t('ngform.item.options'),//'属性', + prop: 'options', + alone: true, // 是否独立与columns之外展示 false则和columns一起,不另外显示 + collapse: false, // 是否启用 collapse 必须alone=true + column: [ + { - label: $t('ngform.item.label_width'),//'标签宽度', - prop: 'labelWidth', - type: 'number', - min: -1, - max: 1000, - default: -1, - span: 24, + label: $t('ngform.item.time.time_format'),//'时间格式', + prop: 'format', + default: 'HH:mm:ss', + span: 24 }, { - label: $t('ngform.item.width'), //'要素宽度', - prop: 'width', - default: '100%', - span: 24, + label: $t('ngform.item.default_value'),//'默认值', + prop: 'defaultValue', + span: 24 }, { - label: $t('ngform.item.span') ,//'所占栅格', - type: 'slider', - prop: 'span', - min: 1, - max: 24, - default: 24, - span: 24, + label: $t('ngform.item.placeholder'),//'输入提示', + prop: 'placeholder', + default: $t('ngform.item.placeholder_input'),// '请输入', + span: 24 }, + { - label: $t('ngform.item.model') , //'数据字段', - prop: 'model', - span: 24, + label: $t('ngform.item.clearable'),//'可清除', + prop: 'clearable', + type: 'switch', + default: false, + span: 24 }, { - label: $t('ngform.item.key') , //'数据KEY', - prop: 'key', - show: false, - span: 24, + label: $t('ngform.item.editable'),//'可编辑', + prop: 'editable', + type: 'switch', + default: true, + span: 24 }, { - type: 'divider', - label: $t('ngform.item.validate_rule') , //'效验规则' + label: $t('ngform.item.if_hidden'),//'是否隐藏', + prop: 'hidden', + type: 'switch', + default: false, + span: 24 }, - { - prop: 'rules', - type: 'rules', - labelWidth: 0, - default: [{ - required: false, // 必须填写 - message: $t('ngform.item.required'), //"必填项", - trigger: ['blur'] - }], - span: 24, - } - ], - group: [ { - label: $t('ngform.item.options') ,//'属性', - prop: 'options', - alone: true, // 是否独立与columns之外展示 false则和columns一起,不另外显示 - collapse: false, // 是否启用 collapse 必须alone=true - column: [ - - { - label: $t('ngform.item.time.time_format'),//'时间格式', - prop: 'format', - default: 'HH:mm:ss' , - span: 24, - }, - { - label: $t('ngform.item.default_value') ,//'默认值', - prop: 'defaultValue', - span: 24, - }, - { - label: $t('ngform.item.placeholder') ,//'输入提示', - prop: 'placeholder', - default: $t('ngform.item.placeholder_input') ,// '请输入', - span: 24, - }, - - { - label: $t('ngform.item.clearable'),//'可清除', - prop: 'clearable', - type: 'switch', - default: false, - span: 24, - } , - { - label: $t('ngform.item.editable'),//'可编辑', - prop: 'editable', - type: 'switch', - default: true, - span: 24, - }, - { - label: $t('ngform.item.if_hidden') ,//'是否隐藏', - prop: 'hidden', - type: 'switch', - default: false, - span: 24, - }, - { - label: $t('ngform.item.if_disabled') ,//'是否禁用', - prop: 'disabled', - type: 'switch', - default: false, - span: 24, - } - - ] + label: $t('ngform.item.if_disabled'),//'是否禁用', + prop: 'disabled', + type: 'switch', + default: false, + span: 24 } - ] + + ] + } + ] } - export default obj diff --git a/packages/form-design/items/base/upload/file/index.js b/packages/form-design/items/base/upload/file/index.js index 0f4952d985619225675572303ad3a28eb0d21c34..a34e2cc5ab93747c83144e160d140839a1ebea4c 100644 --- a/packages/form-design/items/base/upload/file/index.js +++ b/packages/form-design/items/base/upload/file/index.js @@ -1,12 +1,12 @@ // 对外输出 包含组件的对外json定义、属性配置页面、展示页面 三部分 - + import BaseIndex from './index.vue' //import BaseProperties from './properties.vue' -import { t , $t } from '../../../../../locale/index.js' +import { t, $t } from '../../../../../locale/index.js' const obj = {} - -obj.type = 'uploadFile'//, // 表单类型 + +obj.type = 'uploadFile'//, // 表单类型 obj.component = BaseIndex //obj.properties = BaseProperties @@ -15,161 +15,159 @@ obj.seq = 22 // 补充配置样式 obj.options = { - config: { - size: 'mini', - labelWidth: 80 + config: { + size: 'mini', + labelWidth: 80 + }, + columns: [ + { + label: $t('ngform.item.label'), //'标签', + prop: 'label', + default: $t('ngform.item.upload.file_name'),//'上传文件', + span: 24 + }, + { + label: $t('ngform.item.label_width'),//'标签宽度', + prop: 'labelWidth', + type: 'number', + min: -1, + max: 1000, + default: -1, + span: 24 + }, + { + label: $t('ngform.item.width'), //'要素宽度', + prop: 'width', + default: '100%', + span: 24 + }, + { + label: $t('ngform.item.span'),//'所占栅格', + type: 'spanGroup', + prop: 'span', + min: 1, + max: 24, + default: 24, + span: 24 }, - columns: [ + { + label: $t('ngform.item.model'), //'数据字段', + prop: 'model', + span: 24 + }, + { + label: $t('ngform.item.key'), //'数据KEY', + prop: 'key', + show: false, + span: 24 + }, + { + type: 'divider', + label: $t('ngform.item.validate_rule') //'效验规则' + }, + { + prop: 'rules', + type: 'rules', + labelWidth: 0, + default: [{ + required: false, // 必须填写 + message: $t('ngform.item.required'), //"必填项", + trigger: ['blur'] + }], + span: 24 + } + ], + group: [ + { + label: $t('ngform.item.options'),//'属性', + prop: 'options', + alone: true, // 是否独立与columns之外展示 false则和columns一起,不另外显示 + collapse: false, // 是否启用 collapse 必须alone=true + column: [ + { - label: $t('ngform.item.label'), //'标签', - prop: 'label', - default: $t('ngform.item.upload.file_name'),//'上传文件', - span: 24, + label: $t('ngform.item.upload.upload_url'),//'上传地址', + prop: 'action', + type: 'textarea', + span: 24 }, { - label: $t('ngform.item.label_width'),//'标签宽度', - prop: 'labelWidth', - type: 'number', - min: -1, - max: 1000, - default: -1, - span: 24, + label: $t('ngform.item.upload.file_url_path'),//'epl地址', + prop: 'responseFileUrl', + type: 'textarea', + placeholder: '上传成功后解析文件url的epl地址', + span: 24 }, { - label: $t('ngform.item.width'), //'要素宽度', - prop: 'width', - default: '100%', - span: 24, + label: $t('ngform.item.upload.file_type'),//'文件类型', + prop: 'accept', + placeholder: $t('ngform.item.upload.file_type'),//"文件类型", + span: 24 }, { - label: $t('ngform.item.span') ,//'所占栅格', - type: 'slider', - prop: 'span', - min: 1, - max: 24, - default: 24, - span: 24, + label: $t('ngform.item.upload.limit_size'),//'文件大小', + prop: 'limitSize', + type: 'number', + default: 10, + placeholder: $t('ngform.item.upload.limit_size'),//"文件大小(Mb)", + span: 24 }, { - label: $t('ngform.item.model') , //'数据字段', - prop: 'model', - span: 24, + label: $t('ngform.item.default_value'),//'默认值', + prop: 'defaultValue', + show: false, + default: [], + span: 24 }, { - label: $t('ngform.item.key') , //'数据KEY', - prop: 'key', - show: false, - span: 24, + label: $t('ngform.item.upload.multiple'),//'多选', + prop: 'multiple', + type: 'switch', + default: false, + span: 24 }, { - type: 'divider', - label: $t('ngform.item.validate_rule') , //'效验规则' + label: $t('ngform.item.upload.limit'),//'最大上传数量', + prop: 'limit', + type: 'number', + default: 3, + show: '$.options.multiple', + placeholder: $t('ngform.item.upload.limit'),//"最大上传文件数量", + span: 24 }, - { - prop: 'rules', - type: 'rules', - labelWidth: 0, - default: [{ - required: false, // 必须填写 - message: $t('ngform.item.required'), //"必填项", - trigger: ['blur'] - }], - span: 24, - } - ], - group: [ { - label: $t('ngform.item.options') ,//'属性', - prop: 'options', - alone: true, // 是否独立与columns之外展示 false则和columns一起,不另外显示 - collapse: false, // 是否启用 collapse 必须alone=true - column: [ - - { - label: $t('ngform.item.upload.upload_url'),//'上传地址', - prop: 'action', - type: 'textarea', - span: 24, - }, - { - label: $t('ngform.item.upload.file_url_path'),//'epl地址', - prop: 'responseFileUrl', - type: 'textarea', - placeholder: "上传成功后解析文件url的epl地址", - span: 24, - }, - { - label: $t('ngform.item.upload.file_type'),//'文件类型', - prop: 'accept', - placeholder: $t('ngform.item.upload.file_type') ,//"文件类型", - span: 24, - }, - { - label: $t('ngform.item.upload.limit_size'),//'文件大小', - prop: 'limitSize', - type: 'number', - default: 10 , - placeholder: $t('ngform.item.upload.limit_size'),//"文件大小(Mb)", - span: 24, - }, - { - label: $t('ngform.item.default_value') ,//'默认值', - prop: 'defaultValue', - show: false, - default: [], - span: 24, - }, - { - label: $t('ngform.item.upload.multiple') ,//'多选', - prop: 'multiple', - type: 'switch', - default: false, - span: 24, - } , - { - label: $t('ngform.item.upload.limit'),//'最大上传数量', - prop: 'limit', - type: 'number', - default: 3 , - show: '$.options.multiple' , - placeholder: $t('ngform.item.upload.limit'),//"最大上传文件数量", - span: 24, - }, - { - label: $t('ngform.item.if_hidden') ,//'是否隐藏', - prop: 'hidden', - type: 'switch', - default: false, - span: 24, - }, - { - label: $t('ngform.item.if_disabled') ,//'是否禁用', - prop: 'disabled', - type: 'switch', - default: false, - span: 24, - }, - { - label: $t('ngform.item.upload.upload_hidden') ,//'上传后隐藏', - prop: 'uploadHidden', - type: 'switch', - default: false, - span: 24, - }, - { - label: $t('ngform.item.upload.header') ,//'携带头信息', - prop: 'headers', - type: 'kv', - default: [], - span: 24, - }, - - - ] + label: $t('ngform.item.if_hidden'),//'是否隐藏', + prop: 'hidden', + type: 'switch', + default: false, + span: 24 + }, + { + label: $t('ngform.item.if_disabled'),//'是否禁用', + prop: 'disabled', + type: 'switch', + default: false, + span: 24 + }, + { + label: $t('ngform.item.upload.upload_hidden'),//'上传后隐藏', + prop: 'uploadHidden', + type: 'switch', + default: false, + span: 24 + }, + { + label: $t('ngform.item.upload.header'),//'携带头信息', + prop: 'headers', + type: 'kv', + default: [], + span: 24 } - ] + + ] + } + ] } - export default obj diff --git a/packages/form-design/items/base/upload/image/index.js b/packages/form-design/items/base/upload/image/index.js index 80d422f5bbd02e1bf9a7b7128f6ec33cb00eb012..e2bfe620af9c21c48329c721c5c3ceb17e4cc09d 100644 --- a/packages/form-design/items/base/upload/image/index.js +++ b/packages/form-design/items/base/upload/image/index.js @@ -1,12 +1,12 @@ // 对外输出 包含组件的对外json定义、属性配置页面、展示页面 三部分 - + import BaseIndex from './index.vue' //import BaseProperties from './properties.vue' -import { t , $t } from '../../../../../locale/index.js' +import { t, $t } from '../../../../../locale/index.js' const obj = {} - -obj.type = 'uploadImg'//, // 表单类型 + +obj.type = 'uploadImg'//, // 表单类型 obj.component = BaseIndex //obj.properties = BaseProperties @@ -15,167 +15,165 @@ obj.seq = 21 // 补充配置样式 obj.options = { - config: { - size: 'mini', - labelWidth: 80 + config: { + size: 'mini', + labelWidth: 80 + }, + columns: [ + { + label: $t('ngform.item.label'), //'标签', + prop: 'label', + default: $t('ngform.item.upload.img_name'),//'上传图片', + span: 24 + }, + { + label: $t('ngform.item.label_width'),//'标签宽度', + prop: 'labelWidth', + type: 'number', + min: -1, + max: 1000, + default: -1, + span: 24 + }, + { + label: $t('ngform.item.width'), //'要素宽度', + prop: 'width', + default: '100%', + span: 24 + }, + { + label: $t('ngform.item.span'),//'所占栅格', + type: 'spanGroup', + prop: 'span', + min: 1, + max: 24, + default: 24, + span: 24 }, - columns: [ + { + label: $t('ngform.item.model'), //'数据字段', + prop: 'model', + span: 24 + }, + { + label: $t('ngform.item.key'), //'数据KEY', + prop: 'key', + show: false, + span: 24 + }, + { + type: 'divider', + label: $t('ngform.item.validate_rule') //'效验规则' + }, + { + prop: 'rules', + type: 'rules', + labelWidth: 0, + default: [{ + required: false, // 必须填写 + message: $t('ngform.item.required'), //"必填项", + trigger: ['blur'] + }], + span: 24 + } + ], + group: [ + { + label: $t('ngform.item.options'),//'属性', + prop: 'options', + alone: true, // 是否独立与columns之外展示 false则和columns一起,不另外显示 + collapse: false, // 是否启用 collapse 必须alone=true + column: [ + { - label: $t('ngform.item.label'), //'标签', - prop: 'label', - default: $t('ngform.item.upload.img_name'),//'上传图片', - span: 24, + label: $t('ngform.item.upload.upload_url'),//'上传地址', + prop: 'action', + type: 'textarea', + span: 24 }, { - label: $t('ngform.item.label_width'),//'标签宽度', - prop: 'labelWidth', - type: 'number', - min: -1, - max: 1000, - default: -1, - span: 24, + label: $t('ngform.item.upload.file_url_path'),//'epl地址', + prop: 'responseFileUrl', + type: 'textarea', + placeholder: '上传成功后解析文件url的epl地址', + span: 24 }, { - label: $t('ngform.item.width'), //'要素宽度', - prop: 'width', - default: '100%', - span: 24, + label: $t('ngform.item.upload.style'),//'样式', + prop: 'listType', + type: 'radioButton', + default: 'picture-card', + dicData: [ + { label: 'text', value: 'text' }, + { label: 'picture', value: 'picture' }, + { label: 'card', value: 'picture-card' } + ], + span: 24 }, { - label: $t('ngform.item.span') ,//'所占栅格', - type: 'slider', - prop: 'span', - min: 1, - max: 24, - default: 24, - span: 24, + label: $t('ngform.item.upload.limit_size'),//'文件大小', + prop: 'limitSize', + type: 'number', + default: 10, + placeholder: $t('ngform.item.upload.limit_size'),//"文件大小(Mb)", + span: 24 }, { - label: $t('ngform.item.model') , //'数据字段', - prop: 'model', - span: 24, + label: $t('ngform.item.default_value'),//'默认值', + prop: 'defaultValue', + show: false, + default: [], + span: 24 }, { - label: $t('ngform.item.key') , //'数据KEY', - prop: 'key', - show: false, - span: 24, + label: $t('ngform.item.upload.multiple'),//'多选', + prop: 'multiple', + type: 'switch', + default: false, + span: 24 }, { - type: 'divider', - label: $t('ngform.item.validate_rule') , //'效验规则' + label: $t('ngform.item.upload.limit'),//'最大上传数量', + prop: 'limit', + type: 'number', + default: 3, + show: '$.options.multiple', + placeholder: $t('ngform.item.upload.limit'),//'最大上传数量', + span: 24 }, - { - prop: 'rules', - type: 'rules', - labelWidth: 0, - default: [{ - required: false, // 必须填写 - message: $t('ngform.item.required'), //"必填项", - trigger: ['blur'] - }], - span: 24, - } - ], - group: [ { - label: $t('ngform.item.options') ,//'属性', - prop: 'options', - alone: true, // 是否独立与columns之外展示 false则和columns一起,不另外显示 - collapse: false, // 是否启用 collapse 必须alone=true - column: [ - - { - label: $t('ngform.item.upload.upload_url'),//'上传地址', - prop: 'action', - type: 'textarea', - span: 24, - }, - { - label: $t('ngform.item.upload.file_url_path'),//'epl地址', - prop: 'responseFileUrl', - type: 'textarea', - placeholder: "上传成功后解析文件url的epl地址", - span: 24, - }, - { - label: $t('ngform.item.upload.style'),//'样式', - prop: 'listType', - type: 'radioButton', - default: 'picture-card', - dicData: [ - {label: 'text' , value: 'text' }, - {label: 'picture' , value: 'picture' }, - {label: 'card' , value: 'picture-card' } - ], - span: 24 - }, - { - label: $t('ngform.item.upload.limit_size'),//'文件大小', - prop: 'limitSize', - type: 'number', - default: 10 , - placeholder: $t('ngform.item.upload.limit_size'),//"文件大小(Mb)", - span: 24, - }, - { - label: $t('ngform.item.default_value') ,//'默认值', - prop: 'defaultValue', - show: false, - default: [], - span: 24, - }, - { - label: $t('ngform.item.upload.multiple') ,//'多选', - prop: 'multiple', - type: 'switch', - default: false, - span: 24, - } , - { - label: $t('ngform.item.upload.limit'),//'最大上传数量', - prop: 'limit', - type: 'number', - default: 3 , - show: '$.options.multiple' , - placeholder: $t('ngform.item.upload.limit'),//'最大上传数量', - span: 24, - }, - { - label: $t('ngform.item.if_hidden') ,//'是否隐藏', - prop: 'hidden', - type: 'switch', - default: false, - span: 24, - }, - { - label: $t('ngform.item.if_disabled') ,//'是否禁用', - prop: 'disabled', - type: 'switch', - default: false, - span: 24, - }, - { - label: $t('ngform.item.upload.upload_hidden') ,//'上传后隐藏', - prop: 'uploadHidden', - type: 'switch', - default: false, - span: 24, - }, - { - label: $t('ngform.item.upload.header') ,//'携带头信息', - prop: 'headers', - type: 'kv', - default: [], - span: 24, - }, - - - ] + label: $t('ngform.item.if_hidden'),//'是否隐藏', + prop: 'hidden', + type: 'switch', + default: false, + span: 24 + }, + { + label: $t('ngform.item.if_disabled'),//'是否禁用', + prop: 'disabled', + type: 'switch', + default: false, + span: 24 + }, + { + label: $t('ngform.item.upload.upload_hidden'),//'上传后隐藏', + prop: 'uploadHidden', + type: 'switch', + default: false, + span: 24 + }, + { + label: $t('ngform.item.upload.header'),//'携带头信息', + prop: 'headers', + type: 'kv', + default: [], + span: 24 } - ] + + ] + } + ] } - export default obj diff --git a/packages/form-design/items/decorate/alert/index.js b/packages/form-design/items/decorate/alert/index.js index 7a8588f7af49a7be10a017ac2b636393323fc87a..959e27a6471f4a2e9be0f5c6fc298eb4498b9b5e 100644 --- a/packages/form-design/items/decorate/alert/index.js +++ b/packages/form-design/items/decorate/alert/index.js @@ -1,150 +1,149 @@ // 对外输出 包含组件的对外json定义、属性配置页面、展示页面 三部分 - + import BaseIndex from './index.vue' //import BaseProperties from './properties.vue' -import { t , $t } from '../../../../locale/index.js' +import { t, $t } from '../../../../locale/index.js' const obj = {} - -obj.type = 'alert'//, // 表单类型 + +obj.type = 'alert'//, // 表单类型 obj.component = BaseIndex // 序号 实际在json中删除 obj.seq = 4 // 补充配置样式 obj.options = { - config: { - size: 'mini', - labelWidth: 80 + config: { + size: 'mini', + labelWidth: 80 + }, + columns: [ + { + label: $t('ngform.item.label'), //'标签', + prop: 'label', + default: $t('ngform.item.alert.name'),//'提示', + span: 24 + }, + { + label: $t('ngform.item.label_width'),//'标签宽度', + prop: 'labelWidth', + type: 'number', + min: -1, + show: false, + max: 1000, + default: 0, + span: 24 }, - columns: [ + { + label: $t('ngform.item.width'), //'要素宽度', + prop: 'width', + default: '100%', + span: 24 + }, + { + label: $t('ngform.item.span'),//'所占栅格', + type: 'spanGroup', + prop: 'span', + min: 1, + max: 24, + default: 24, + span: 24 + } + ], + group: [ + { + label: $t('ngform.item.options'),//'属性', + prop: 'options', + alone: true, // 是否独立与columns之外展示 false则和columns一起,不另外显示 + collapse: false, // 是否启用 collapse 必须alone=true + column: [ + { - label: $t('ngform.item.label'), //'标签', - prop: 'label', - default: $t('ngform.item.alert.name'),//'提示', - span: 24, + label: $t('ngform.item.alert.title'),//'标题', + prop: 'title', + type: 'textarea', + default: $t('ngform.item.alert.default'),//'提示标题', + span: 24 }, { - label: $t('ngform.item.label_width'),//'标签宽度', - prop: 'labelWidth', - type: 'number', - min: -1, - show: false, - max: 1000, - default: 0, - span: 24, + label: $t('ngform.item.alert.description'),//'辅助文字', + prop: 'description', + type: 'textarea', + default: $t('ngform.item.alert.description'),//'辅助内容', + span: 24 }, + { - label: $t('ngform.item.width'), //'要素宽度', - prop: 'width', - default: '100%', - span: 24, + label: $t('ngform.item.alert.type'),//'类型', + prop: 'type', + default: 'success', + type: 'radioButton', + dicData: [ + { label: $t('ngform.item.alert.success'), value: 'success' }, + { label: $t('ngform.item.alert.warning'), value: 'warning' }, + { label: $t('ngform.item.alert.info'), value: 'info' }, + { label: $t('ngform.item.alert.error'), value: 'error' } + ], + span: 24 }, { - label: $t('ngform.item.span') ,//'所占栅格', - type: 'slider', - prop: 'span', - min: 1, - max: 24, - default: 24, - span: 24, - } - ], - group: [ + label: $t('ngform.item.alert.effect'),//'主题', + prop: 'effect', + default: 'light', + type: 'radioButton', + dicData: [ + { label: $t('ngform.item.alert.light'), value: 'light' }, + { label: $t('ngform.item.alert.dark'), value: 'dark' } + ], + span: 24 + }, { - label: $t('ngform.item.options') ,//'属性', - prop: 'options', - alone: true, // 是否独立与columns之外展示 false则和columns一起,不另外显示 - collapse: false, // 是否启用 collapse 必须alone=true - column: [ - - { - label: $t('ngform.item.alert.title') ,//'标题', - prop: 'title', - type: 'textarea', - default: $t('ngform.item.alert.default') ,//'提示标题', - span: 24, - }, - { - label: $t('ngform.item.alert.description') ,//'辅助文字', - prop: 'description', - type: 'textarea', - default: $t('ngform.item.alert.description') ,//'辅助内容', - span: 24, - }, - - { - label: $t('ngform.item.alert.type') ,//'类型', - prop: 'type', - default: 'success', - type: 'radioButton', - dicData: [ - {label: $t('ngform.item.alert.success') , value: 'success'}, - {label: $t('ngform.item.alert.warning') , value: 'warning'}, - {label: $t('ngform.item.alert.info') , value: 'info'}, - {label: $t('ngform.item.alert.error') , value: 'error'} - ], - span: 24, - }, - { - label: $t('ngform.item.alert.effect'),//'主题', - prop: 'effect', - default: 'light', - type: 'radioButton', - dicData: [ - {label: $t('ngform.item.alert.light') , value: 'light'}, - {label: $t('ngform.item.alert.dark') , value: 'dark'} - ], - span: 24, - }, - { - label: $t('ngform.item.alert.closable'),//'可关闭', - prop: 'closable', - type: 'switch', - default: false, - span: 24, - }, - { - label: $t('ngform.item.alert.close_text'),//'关闭文本', - prop: 'closeText', - show: '$.options.closable', - placeholder: $t('ngform.item.alert.close_text_placeholder'),//'不需要则不填', - span: 24, - }, - { - label: $t('ngform.item.alert.center'),//'居中', - prop: 'center', - type: 'switch', - default: false, - span: 24, - }, - { - label: $t('ngform.item.alert.show_icon'),//'显示图标', - prop: 'showIcon', - type: 'switch', - default: false, - span: 24, - }, - { - label: $t('ngform.item.if_hidden') ,//'是否隐藏', - prop: 'hidden', - type: 'switch', - default: false, - span: 24, - }, - { - label: $t('ngform.item.if_disabled') ,//'是否禁用', - prop: 'disabled', - type: 'switch', - default: false, - span: 24, - } - - ] + label: $t('ngform.item.alert.closable'),//'可关闭', + prop: 'closable', + type: 'switch', + default: false, + span: 24 + }, + { + label: $t('ngform.item.alert.close_text'),//'关闭文本', + prop: 'closeText', + show: '$.options.closable', + placeholder: $t('ngform.item.alert.close_text_placeholder'),//'不需要则不填', + span: 24 + }, + { + label: $t('ngform.item.alert.center'),//'居中', + prop: 'center', + type: 'switch', + default: false, + span: 24 + }, + { + label: $t('ngform.item.alert.show_icon'),//'显示图标', + prop: 'showIcon', + type: 'switch', + default: false, + span: 24 + }, + { + label: $t('ngform.item.if_hidden'),//'是否隐藏', + prop: 'hidden', + type: 'switch', + default: false, + span: 24 + }, + { + label: $t('ngform.item.if_disabled'),//'是否禁用', + prop: 'disabled', + type: 'switch', + default: false, + span: 24 } - ] + + ] + } + ] } - export default obj diff --git a/packages/form-design/items/decorate/divider/index.js b/packages/form-design/items/decorate/divider/index.js index 62e128dac157ec55f58a9ca8fb579993bb15fb86..b5cd609207dd74d2db814a7456abf5077fcfa650 100644 --- a/packages/form-design/items/decorate/divider/index.js +++ b/packages/form-design/items/decorate/divider/index.js @@ -1,107 +1,106 @@ // 对外输出 包含组件的对外json定义、属性配置页面、展示页面 三部分 - + import BaseIndex from './index.vue' //import BaseProperties from './properties.vue' -import { t , $t } from '../../../../locale/index.js' +import { t, $t } from '../../../../locale/index.js' const obj = {} - -obj.type = 'divider'//, // 表单类型 + +obj.type = 'divider'//, // 表单类型 obj.component = BaseIndex // 序号 实际在json中删除 obj.seq = 3 // 补充配置样式 obj.options = { - config: { - size: 'mini', - labelWidth: 80 + config: { + size: 'mini', + labelWidth: 80 + }, + columns: [ + { + label: $t('ngform.item.label'), //'标签', + prop: 'label', + default: $t('ngform.item.divider.name'),//分割线', + type: 'textarea', + span: 24 + }, + { + label: $t('ngform.item.label_width'),//'标签宽度', '标签宽度', + prop: 'labelWidth', + type: 'number', + show: false, + max: 1000, + default: 0, + span: 24 + }, + { + label: $t('ngform.item.width'), //'要素宽度', + prop: 'width', + default: '100%', + span: 24 }, - columns: [ + { + label: $t('ngform.item.span'),//'所占栅格', + type: 'spanGroup', + prop: 'span', + min: 1, + max: 24, + default: 24, + span: 24 + } + ], + group: [ + { + label: $t('ngform.item.options'),//'属性', + prop: 'options', + alone: true, // 是否独立与columns之外展示 false则和columns一起,不另外显示 + collapse: false, // 是否启用 collapse 必须alone=true + column: [ + { - label: $t('ngform.item.label'), //'标签', - prop: 'label', - default: $t('ngform.item.divider.name'),//分割线', - type: 'textarea', - span: 24, + label: $t('ngform.item.divider.direction'),//'方向', + prop: 'direction', + default: 'horizontal', + type: 'radioButton', + dicData: [ + { label: $t('ngform.item.divider.horizontal'), value: 'horizontal' }, + { label: $t('ngform.item.divider.vertical'), value: 'vertical' } + ], + span: 24 }, { - label: $t('ngform.item.label_width'),//'标签宽度', '标签宽度', - prop: 'labelWidth', - type: 'number', - show: false, - max: 1000, - default: 0, - span: 24, + label: $t('ngform.item.divider.orientation'),//'标签位置', + prop: 'orientation', + default: 'center', + type: 'radioButton', + show: '$.options.direction == "horizontal"', + dicData: [ + { label: $t('ngform.item.left'), value: 'left' }, + { label: $t('ngform.item.center'), value: 'center' }, + { label: $t('ngform.item.right'), value: 'right' } + ], + span: 24 }, { - label: $t('ngform.item.width'), //'要素宽度', - prop: 'width', - default: '100%', - span: 24, + label: $t('ngform.item.if_hidden'),//'是否隐藏', + prop: 'hidden', + type: 'switch', + default: false, + span: 24 }, { - label: $t('ngform.item.span') ,//'所占栅格', - type: 'slider', - prop: 'span', - min: 1, - max: 24, - default: 24, - span: 24, + label: $t('ngform.item.if_disabled'),//'是否禁用', + prop: 'disabled', + type: 'switch', + default: false, + span: 24 } - ], - group: [ - { - label: $t('ngform.item.options') ,//'属性', - prop: 'options', - alone: true, // 是否独立与columns之外展示 false则和columns一起,不另外显示 - collapse: false, // 是否启用 collapse 必须alone=true - column: [ - - { - label: $t('ngform.item.divider.direction') ,//'方向', - prop: 'direction', - default: 'horizontal', - type: 'radioButton', - dicData: [ - {label: $t('ngform.item.divider.horizontal') , value: 'horizontal'}, - {label: $t('ngform.item.divider.vertical') , value: 'vertical'} - ], - span: 24, - }, - { - label: $t('ngform.item.divider.orientation'),//'标签位置', - prop: 'orientation', - default: 'center', - type: 'radioButton', - show: '$.options.direction == "horizontal"', - dicData: [ - {label: $t('ngform.item.left') , value: 'left'}, - {label: $t('ngform.item.center') , value: 'center'}, - {label: $t('ngform.item.right') , value: 'right'} - ], - span: 24, - }, - { - label: $t('ngform.item.if_hidden') ,//'是否隐藏', - prop: 'hidden', - type: 'switch', - default: false, - span: 24, - }, - { - label: $t('ngform.item.if_disabled') ,//'是否禁用', - prop: 'disabled', - type: 'switch', - default: false, - span: 24, - } - ] - } - ] + ] + } + ] } - export default obj diff --git a/packages/form-design/items/decorate/html/index.js b/packages/form-design/items/decorate/html/index.js index 61cb873e74c3e2f0eada4f4143e223ab3c35503b..1824d899ddfc5a517ed6c4da04acd98ad5097ece 100644 --- a/packages/form-design/items/decorate/html/index.js +++ b/packages/form-design/items/decorate/html/index.js @@ -1,90 +1,89 @@ // 对外输出 包含组件的对外json定义、属性配置页面、展示页面 三部分 - + import BaseIndex from './index.vue' //import BaseProperties from './properties.vue' -import { t , $t } from '../../../../locale/index.js' +import { t, $t } from '../../../../locale/index.js' const obj = {} - -obj.type = 'html'//, // 表单类型 + +obj.type = 'html'//, // 表单类型 obj.component = BaseIndex // 序号 实际在json中删除 obj.seq = 2 // 补充配置样式 obj.options = { - config: { - size: 'mini', - labelWidth: 80 + config: { + size: 'mini', + labelWidth: 80 + }, + columns: [ + { + label: $t('ngform.item.label'), //'标签', + prop: 'label', + default: 'HTML', + span: 24 }, - columns: [ - { - label: $t('ngform.item.label'), //'标签', - prop: 'label', - default: 'HTML', - span: 24, - }, + { + label: $t('ngform.item.label_width'),//'标签宽度', + prop: 'labelWidth', + type: 'number', + min: -1, + show: false, + max: 1000, + default: 0, + span: 24 + }, + { + label: $t('ngform.item.width'), //'要素宽度', + prop: 'width', + default: '100%', + span: 24 + }, + { + label: $t('ngform.item.span'),//'所占栅格', + type: 'spanGroup', + prop: 'span', + min: 1, + max: 24, + default: 24, + span: 24 + } + ], + group: [ + { + label: $t('ngform.item.options'),//'属性', + prop: 'options', + alone: true, // 是否独立与columns之外展示 false则和columns一起,不另外显示 + collapse: false, // 是否启用 collapse 必须alone=true + column: [ + { - label: $t('ngform.item.label_width'),//'标签宽度', - prop: 'labelWidth', - type: 'number', - min: -1, - show: false, - max: 1000, - default: 0, - span: 24, + label: 'HTML', + prop: 'defaultValue', + type: 'textarea', + default: 'HTML', + span: 24 }, { - label: $t('ngform.item.width'), //'要素宽度', - prop: 'width', - default: '100%', - span: 24, + label: $t('ngform.item.if_hidden'),//'是否隐藏', + prop: 'hidden', + type: 'switch', + default: false, + span: 24 }, { - label: $t('ngform.item.span') ,//'所占栅格', - type: 'slider', - prop: 'span', - min: 1, - max: 24, - default: 24, - span: 24, + label: $t('ngform.item.if_disabled'),//'是否禁用', + prop: 'disabled', + type: 'switch', + default: false, + span: 24 } - ], - group: [ - { - label: $t('ngform.item.options') ,//'属性', - prop: 'options', - alone: true, // 是否独立与columns之外展示 false则和columns一起,不另外显示 - collapse: false, // 是否启用 collapse 必须alone=true - column: [ - - { - label: 'HTML', - prop: 'defaultValue', - type: 'textarea', - default: 'HTML', - span: 24, - }, - { - label: $t('ngform.item.if_hidden') ,//'是否隐藏', - prop: 'hidden', - type: 'switch', - default: false, - span: 24, - }, - { - label: $t('ngform.item.if_disabled') ,//'是否禁用', - prop: 'disabled', - type: 'switch', - default: false, - span: 24, - } - ] - } - ] + ] + } + ] } - export default obj diff --git a/packages/form-design/items/decorate/text/index.js b/packages/form-design/items/decorate/text/index.js index 6d9e790683bd66ee0e8b7adb9ffea43e6921c6fb..4c6dc6fab92082987672c0790a87fa2a6ebee8f3 100644 --- a/packages/form-design/items/decorate/text/index.js +++ b/packages/form-design/items/decorate/text/index.js @@ -1,120 +1,119 @@ // 对外输出 包含组件的对外json定义、属性配置页面、展示页面 三部分 - + import BaseIndex from './index.vue' //import BaseProperties from './properties.vue' -import { t , $t } from '../../../../locale/index.js' +import { t, $t } from '../../../../locale/index.js' const obj = {} - -obj.type = 'text'//, // 表单类型 + +obj.type = 'text'//, // 表单类型 obj.component = BaseIndex // 序号 实际在json中删除 obj.seq = 1 // 补充配置样式 obj.options = { - config: { - size: 'mini', - labelWidth: 80 + config: { + size: 'mini', + labelWidth: 80 + }, + columns: [ + { + label: $t('ngform.item.label'), //'标签', + prop: 'label', + default: $t('ngform.item.label'),//'标签', + type: 'textarea', + span: 24 + }, + { + label: $t('ngform.item.label_width'),//'标签宽度', + prop: 'labelWidth', + type: 'number', + show: false, + default: 0 }, - columns: [ + { + label: $t('ngform.item.width'), //'要素宽度', + prop: 'width', + default: '100%', + span: 24 + }, + { + label: $t('ngform.item.span'),//'所占栅格', + type: 'spanGroup', + prop: 'span', + min: 1, + max: 24, + default: 24, + span: 24 + } + ], + group: [ + { + label: $t('ngform.item.options'),//'属性', + prop: 'options', + alone: true, // 是否独立与columns之外展示 false则和columns一起,不另外显示 + collapse: false, // 是否启用 collapse 必须alone=true + column: [ { - label: $t('ngform.item.label'), //'标签', - prop: 'label', - default: $t('ngform.item.label') ,//'标签', - type: 'textarea', - span: 24, + label: $t('ngform.item.text.text_align'),//'对齐方式', + prop: 'textAlign', + default: 'left', + type: 'radioButton', + dicData: [ + { label: $t('ngform.item.left'), value: 'left' }, + { label: $t('ngform.item.center'), value: 'center' }, + { label: $t('ngform.item.right'), value: 'right' } + ], + span: 24 }, { - label: $t('ngform.item.label_width'),//'标签宽度', - prop: 'labelWidth', - type: 'number', - show: false, - default: 0 + label: $t('ngform.item.text.font_size'),//'字体大小', + prop: 'fontSize', + default: 13, + type: 'number', + span: 24 }, { - label: $t('ngform.item.width'), //'要素宽度', - prop: 'width', - default: '100%', - span: 24, + label: $t('ngform.item.text.required_mark'),//'必选标记', + prop: 'showRequiredMark', + type: 'switch', + default: false, + span: 24 }, { - label: $t('ngform.item.span') ,//'所占栅格', - type: 'slider', - prop: 'span', - min: 1, - max: 24, - default: 24, - span: 24, - } - ], - group: [ + label: $t('ngform.item.text.required_mark_script'),//'动态必选', + prop: 'showRequiredMarkScript', + show: '$.options.showRequiredMark', + type: 'textarea', + span: 24 + }, { - label: $t('ngform.item.options') ,//'属性', - prop: 'options', - alone: true, // 是否独立与columns之外展示 false则和columns一起,不另外显示 - collapse: false, // 是否启用 collapse 必须alone=true - column: [ - { - label: $t('ngform.item.text.text_align') ,//'对齐方式', - prop: 'textAlign', - default: 'left', - type: 'radioButton', - dicData: [ - {label: $t('ngform.item.left') , value: 'left'}, - {label: $t('ngform.item.center') , value: 'center'}, - {label: $t('ngform.item.right') , value: 'right'} - ], - span: 24, - }, - { - label: $t('ngform.item.text.font_size') ,//'字体大小', - prop: 'fontSize', - default: 13, - type: 'number', - span: 24, - } , - { - label: $t('ngform.item.text.required_mark') ,//'必选标记', - prop: 'showRequiredMark', - type: 'switch', - default: false, - span: 24, - } , - { - label: $t('ngform.item.text.required_mark_script') ,//'动态必选', - prop: 'showRequiredMarkScript', - show: '$.options.showRequiredMark', - type: 'textarea', - span: 24, - }, - { - label: $t('ngform.item.if_hidden') ,//'是否隐藏', - prop: 'hidden', - type: 'switch', - default: false, - span: 24, - }, - { - label: $t('ngform.item.if_disabled') ,//'是否禁用', - prop: 'disabled', - type: 'switch', - default: false, - span: 24, - } , - { - label: $t('ngform.item.text.bold') ,//'是否加粗', - prop: 'bold', - type: 'switch', - default: false, - span: 24, - }, - - ] + label: $t('ngform.item.if_hidden'),//'是否隐藏', + prop: 'hidden', + type: 'switch', + default: false, + span: 24 + }, + { + label: $t('ngform.item.if_disabled'),//'是否禁用', + prop: 'disabled', + type: 'switch', + default: false, + span: 24 + }, + { + label: $t('ngform.item.text.bold'),//'是否加粗', + prop: 'bold', + type: 'switch', + default: false, + span: 24 } - ] + + ] + } + ] } - export default obj diff --git a/packages/form-design/items/layout/controller/index.js b/packages/form-design/items/layout/controller/index.js index 33a64be66c07976ce9858395d63e1a294cbfa984..0dbc09e5a5532592239e5b9109b041cf96c83516 100644 --- a/packages/form-design/items/layout/controller/index.js +++ b/packages/form-design/items/layout/controller/index.js @@ -1,12 +1,12 @@ // 对外输出 包含组件的对外json定义、属性配置页面、展示页面 三部分 - + import BaseIndex from './index.vue' //import BaseProperties from './properties.vue' -import { t , $t } from '../../../../locale/index.js' +import { t, $t } from '../../../../locale/index.js' const obj = {} - -obj.type = 'controller'//, // 表单类型 + +obj.type = 'controller'//, // 表单类型 obj.component = BaseIndex // 序号 实际在json中删除 obj.seq = 2 @@ -14,108 +14,107 @@ obj.layout = true // 补充配置样式 obj.options = { - config: { - size: 'mini', - labelWidth: 80 + config: { + size: 'mini', + labelWidth: 80 + }, + columns: [ + { + label: $t('ngform.item.label'), //'标签', + prop: 'label', + default: $t('ngform.item.controller.name'),//容器', + span: 24 + }, + { + label: $t('ngform.item.label_width'),//'标签宽度', + prop: 'labelWidth', + type: 'number', + show: false, + default: 0 + }, + { + label: $t('ngform.item.width'), //'要素宽度', + prop: 'width', + default: '100%', + span: 24 }, - columns: [ + { + label: $t('ngform.item.span'),//'所占栅格', + type: 'spanGroup', + prop: 'span', + min: 1, + max: 24, + default: 24, + span: 24 + } + ], + group: [ + { + label: $t('ngform.item.options'),//'属性', + prop: 'options', + alone: true, // 是否独立与columns之外展示 false则和columns一起,不另外显示 + collapse: false, // 是否启用 collapse 必须alone=true + column: [ + { - label: $t('ngform.item.label'), //'标签', - prop: 'label', - default: $t('ngform.item.controller.name'),//容器', - span: 24, + label: $t('ngform.item.style'),//'样式style', + prop: 'customStyle', + type: 'textarea', + span: 24 }, - { - label: $t('ngform.item.label_width'),//'标签宽度', - prop: 'labelWidth', - type: 'number', - show: false, - default: 0 + { + label: $t('ngform.item.class'),//'样式class', + prop: 'customClass', + type: 'textarea', + span: 24 }, { - label: $t('ngform.item.width'), //'要素宽度', - prop: 'width', - default: '100%', - span: 24, + label: $t('ngform.item.bordered'),//'边框', + prop: 'bordered', + type: 'switch', + default: false, + span: 24 }, { - label: $t('ngform.item.span') ,//'所占栅格', - type: 'slider', - prop: 'span', - min: 1, - max: 24, - default: 24, - span: 24, - } - ], - group: [ + label: $t('ngform.item.controller.can_add'),//'可新增', + prop: 'add', + type: 'switch', + default: true, + span: 24 + }, { - label: $t('ngform.item.options') ,//'属性', - prop: 'options', - alone: true, // 是否独立与columns之外展示 false则和columns一起,不另外显示 - collapse: false, // 是否启用 collapse 必须alone=true - column: [ - - { - label: $t('ngform.item.style'),//'样式style', - prop: 'customStyle', - type: 'textarea', - span: 24, - }, - { - label: $t('ngform.item.class'),//'样式class', - prop: 'customClass', - type: 'textarea', - span: 24, - }, - { - label: $t('ngform.item.bordered'),//'边框', - prop: 'bordered', - type: 'switch', - default: true, - span: 24, - }, - { - label: $t('ngform.item.controller.can_add'),//'可新增', - prop: 'add', - type: 'switch', - default: true, - span: 24, - }, - { - label: $t('ngform.item.controller.can_copy'),//'可复制', - prop: 'copy', - type: 'switch', - default: true, - span: 24, - }, - { - label: $t('ngform.item.controller.can_remove'),//'可删除', - prop: 'remove', - type: 'switch', - default: true, - span: 24, - }, - { - label: $t('ngform.item.if_hidden') ,//'是否隐藏', - prop: 'hidden', - type: 'switch', - default: false, - span: 24, - }, - { - label: $t('ngform.item.if_disabled') ,//'是否禁用', - prop: 'disabled', - type: 'switch', - default: false, - span: 24, - } - - ] + label: $t('ngform.item.controller.can_copy'),//'可复制', + prop: 'copy', + type: 'switch', + default: true, + span: 24 + }, + { + label: $t('ngform.item.controller.can_remove'),//'可删除', + prop: 'remove', + type: 'switch', + default: true, + span: 24 + }, + { + label: $t('ngform.item.if_hidden'),//'是否隐藏', + prop: 'hidden', + type: 'switch', + default: false, + span: 24 + }, + { + label: $t('ngform.item.if_disabled'),//'是否禁用', + prop: 'disabled', + type: 'switch', + default: false, + span: 24 } - ] + + ] + } + ] } - export default obj diff --git a/packages/form-design/items/layout/grid/index.js b/packages/form-design/items/layout/grid/index.js index e838c6f38db3d7b7142b2f970b48fa4b5e1af7a5..9a475296d65a46b1821ac124c6af8e67e1d63e86 100644 --- a/packages/form-design/items/layout/grid/index.js +++ b/packages/form-design/items/layout/grid/index.js @@ -1,12 +1,12 @@ // 对外输出 包含组件的对外json定义、属性配置页面、展示页面 三部分 - + import BaseIndex from './index.vue' import BaseProperties from './properties.vue' -import { t , $t } from '../../../../locale/index.js' +import { t, $t } from '../../../../locale/index.js' const obj = {} - -obj.type = 'grid'//, // 表单类型 + +obj.type = 'grid'//, // 表单类型 obj.component = BaseIndex obj.properties = BaseProperties // 序号 实际在json中删除 @@ -15,114 +15,112 @@ obj.layout = true // 补充配置样式 obj.options = { - config: { - size: 'mini', - labelWidth: 80 + config: { + size: 'mini', + labelWidth: 80 + }, + columns: [ + { + label: $t('ngform.item.label'), //'标签', + prop: 'label', + default: $t('ngform.item.grid.name'),//'栅格布局', + span: 24 + }, + { + label: $t('ngform.item.label_width'),//'标签宽度', + prop: 'labelWidth', + type: 'number', + show: false, + default: 0 + }, + { + label: $t('ngform.item.width'), //'要素宽度', + prop: 'width', + default: '100%', + span: 24 }, - columns: [ + { + label: $t('ngform.item.span'),//'所占栅格', + type: 'spanGroup', + prop: 'span', + min: 1, + max: 24, + default: 24, + span: 24 + }, + // 默认栅格值回填 + { + label: $t('ngform.item.grid.columns'),//'栅格默认值', + prop: 'columns', + show: false, + default: [ { - label: $t('ngform.item.label'), //'标签', - prop: 'label', - default: $t('ngform.item.grid.name') ,//'栅格布局', - span: 24, + span: 12, + list: [] }, { - label: $t('ngform.item.label_width'),//'标签宽度', - prop: 'labelWidth', - type: 'number', - show: false, - default: 0 + span: 12, + list: [] + } + ], + span: 24 + } + ], + group: [ + { + label: $t('ngform.item.options'),//'属性', + prop: 'options', + alone: true, // 是否独立与columns之外展示 false则和columns一起,不另外显示 + collapse: false, // 是否启用 collapse 必须alone=true + column: [ + + { + label: $t('ngform.item.grid.gutter'),//'栅格间隔', + prop: 'gutter', + type: 'number', + min: 0, + default: 20, + span: 24 }, { - label: $t('ngform.item.width'), //'要素宽度', - prop: 'width', - default: '100%', - span: 24, + label: $t('ngform.item.style'),//'样式style', + prop: 'customStyle', + type: 'textarea', + span: 24 }, { - label: $t('ngform.item.span') ,//'所占栅格', - type: 'slider', - prop: 'span', - min: 1, - max: 24, - default: 24, - span: 24, + label: $t('ngform.item.class'),//'样式class', + prop: 'customClass', + type: 'textarea', + span: 24 }, - // 默认栅格值回填 + // { + // label: '边框', + // prop: 'bordered', + // type: 'switch', + // default: true, + // span: 24, + // }, + { - label: $t('ngform.item.grid.columns'),//'栅格默认值', - prop: 'columns', - show: false, - default: [ - { - span: 12, - list: [] - }, - { - span: 12, - list: [] - } - ], - span: 24, - } - ], - group: [ + label: $t('ngform.item.if_hidden'),//'是否隐藏', + prop: 'hidden', + type: 'switch', + default: false, + span: 24 + }, { - label: $t('ngform.item.options') ,//'属性', - prop: 'options', - alone: true, // 是否独立与columns之外展示 false则和columns一起,不另外显示 - collapse: false, // 是否启用 collapse 必须alone=true - column: [ - - - { - label: $t('ngform.item.grid.gutter'),//'栅格间隔', - prop: 'gutter' , - type: 'number', - min: 0, - default: 20, - span: 24, - }, - { - label: $t('ngform.item.style'),//'样式style', - prop: 'customStyle', - type: 'textarea', - span: 24, - }, - { - label: $t('ngform.item.class'),//'样式class', - prop: 'customClass', - type: 'textarea', - span: 24, - }, - // { - // label: '边框', - // prop: 'bordered', - // type: 'switch', - // default: true, - // span: 24, - // }, - - { - label: $t('ngform.item.if_hidden') ,//'是否隐藏', - prop: 'hidden', - type: 'switch', - default: false, - span: 24, - }, - { - label: $t('ngform.item.if_disabled') ,//'是否禁用', - prop: 'disabled', - type: 'switch', - default: false, - span: 24, - } - - ] + label: $t('ngform.item.if_disabled'),//'是否禁用', + prop: 'disabled', + type: 'switch', + default: false, + span: 24 } - ] + + ] + } + ] } - export default obj diff --git a/packages/form-design/items/layout/table-grid/index.js b/packages/form-design/items/layout/table-grid/index.js index 442289b5d20b11d9a45c84f35cad536d107f811e..7ced036d6c29cb3e9aa4019492a5f5e652c87a2f 100644 --- a/packages/form-design/items/layout/table-grid/index.js +++ b/packages/form-design/items/layout/table-grid/index.js @@ -1,7 +1,8 @@ // 对外输出 包含组件的对外json定义、属性配置页面、展示页面 三部分 import BaseIndex from './index.vue' -import { t , $t } from '../../../../locale/index.js' +import { t, $t } from '../../../../locale/index.js' + const obj = {} // 表单类型 obj.type = 'tableGrid' @@ -12,91 +13,91 @@ obj.layout = true // 补充配置样式 obj.options = { - config: { - size: 'mini', - labelWidth: 80, + config: { + size: 'mini', + labelWidth: 80 + }, + columns: [ + { + label: $t('ngform.item.label'), //'标签', + prop: 'label', + default: $t('ngform.item.tableGrid.name'),/// '网格布局', + span: 24 + }, + { + label: $t('ngform.item.label_width'),//'标签宽度', + prop: 'labelWidth', + type: 'number', + show: false, + default: 0 + }, + { + label: $t('ngform.item.width'), //'要素宽度', + prop: 'width', + default: '100%', + span: 24 }, - columns: [ + { + label: $t('ngform.item.span'),//'所占栅格', + type: 'spanGroup', + prop: 'span', + min: 1, + max: 24, + default: 24, + span: 24 + } + ], + group: [ + { + label: $t('ngform.item.options'),//'属性', + prop: 'options', + alone: true, // 是否独立与columns之外展示 false则和columns一起,不另外显示 + collapse: false, // 是否启用 collapse 必须alone=true + column: [ { - label: $t('ngform.item.label'), //'标签', - prop: 'label', - default: $t('ngform.item.tableGrid.name') ,/// '网格布局', - span: 24, + label: $t('ngform.item.style'),//'样式style', + prop: 'customStyle', + type: 'textarea', + span: 24 }, { - label: $t('ngform.item.label_width'),//'标签宽度', - prop: 'labelWidth', - type: 'number', - show: false, - default: 0, + label: $t('ngform.item.class'),//'样式class', + prop: 'customClass', + type: 'textarea', + span: 24 }, { - label: $t('ngform.item.width'), //'要素宽度', - prop: 'width', - default: '100%', - span: 24, + label: $t('ngform.item.bordered'),//'边框', + prop: 'bordered', + type: 'switch', + default: true, + span: 24 }, { - label: $t('ngform.item.span') ,//'所占栅格', - type: 'slider', - prop: 'span', - min: 1, - max: 24, - default: 24, - span: 24, + label: $t('ngform.item.table.bright'),//'hover点亮', + prop: 'bright', + type: 'switch', + default: true, + span: 24 }, - ], - group: [ { - label: $t('ngform.item.options') ,//'属性', - prop: 'options', - alone: true, // 是否独立与columns之外展示 false则和columns一起,不另外显示 - collapse: false, // 是否启用 collapse 必须alone=true - column: [ - { - label: $t('ngform.item.style'),//'样式style', - prop: 'customStyle', - type: 'textarea', - span: 24, - }, - { - label: $t('ngform.item.class'),//'样式class', - prop: 'customClass', - type: 'textarea', - span: 24, - }, - { - label: $t('ngform.item.bordered'),//'边框', - prop: 'bordered', - type: 'switch', - default: true, - span: 24, - }, - { - label: $t('ngform.item.table.bright') ,//'hover点亮', - prop: 'bright', - type: 'switch', - default: true, - span: 24, - }, - { - label: $t('ngform.item.table.small') ,//'紧凑', - prop: 'small', - type: 'switch', - default: true, - span: 24, - }, - - { - label: $t('ngform.item.if_hidden') ,//'是否隐藏','是否隐藏', - prop: 'hidden', - type: 'switch', - default: false, - span: 24, - }, - ], + label: $t('ngform.item.table.small'),//'紧凑', + prop: 'small', + type: 'switch', + default: true, + span: 24 }, - ], + + { + label: $t('ngform.item.if_hidden'),//'是否隐藏','是否隐藏', + prop: 'hidden', + type: 'switch', + default: false, + span: 24 + } + ] + } + ] } export default obj diff --git a/packages/form-design/items/layout/table/index.js b/packages/form-design/items/layout/table/index.js index b25d5a25396f3ba462a401b5b29d32c744af6cc3..429851b15e86f063d2a4a23d9d6da22d0c2e1db3 100644 --- a/packages/form-design/items/layout/table/index.js +++ b/packages/form-design/items/layout/table/index.js @@ -1,12 +1,12 @@ // 对外输出 包含组件的对外json定义、属性配置页面、展示页面 三部分 - + import BaseIndex from './index.vue' //import BaseProperties from './properties.vue' -import { t , $t } from '../../../../locale/index.js' +import { t, $t } from '../../../../locale/index.js' const obj = {} - -obj.type = 'table'//, // 表单类型 + +obj.type = 'table'//, // 表单类型 obj.component = BaseIndex // 序号 实际在json中删除 obj.seq = 1 @@ -14,94 +14,93 @@ obj.layout = true // 补充配置样式 obj.options = { - config: { - size: 'mini', - labelWidth: 80 + config: { + size: 'mini', + labelWidth: 80 + }, + columns: [ + { + label: $t('ngform.item.label'), //'标签', + prop: 'label', + default: $t('ngform.item.table.name'),//'表格布局', + span: 24 + }, + { + label: $t('ngform.item.label_width'),//'标签宽度', + prop: 'labelWidth', + type: 'number', + show: false, + default: 0 }, - columns: [ + { + label: $t('ngform.item.width'), //'要素宽度', + prop: 'width', + default: '100%', + span: 24 + }, + { + label: $t('ngform.item.span'),//'所占栅格', + type: 'spanGroup', + prop: 'span', + min: 1, + max: 24, + default: 24, + span: 24 + } + ], + group: [ + { + label: $t('ngform.item.options'),//'属性', + prop: 'options', + alone: true, // 是否独立与columns之外展示 false则和columns一起,不另外显示 + collapse: false, // 是否启用 collapse 必须alone=true + column: [ + { - label: $t('ngform.item.label'), //'标签', - prop: 'label', - default: $t('ngform.item.table.name') ,//'表格布局', - span: 24, + label: $t('ngform.item.style'),//'样式style', + prop: 'customStyle', + type: 'textarea', + span: 24 }, { - label: $t('ngform.item.label_width'),//'标签宽度', - prop: 'labelWidth', - type: 'number', - show: false, - default: 0 + label: $t('ngform.item.class'),//'样式class', + prop: 'customClass', + type: 'textarea', + span: 24 }, { - label: $t('ngform.item.width'), //'要素宽度', - prop: 'width', - default: '100%', - span: 24, + label: $t('ngform.item.bordered'),//'边框', + prop: 'bordered', + type: 'switch', + default: true, + span: 24 }, { - label: $t('ngform.item.span') ,//'所占栅格', - type: 'slider', - prop: 'span', - min: 1, - max: 24, - default: 24, - span: 24, - } - ], - group: [ + label: $t('ngform.item.table.bright'),//'hover点亮', + prop: 'bright', + type: 'switch', + default: true, + span: 24 + }, + { + label: $t('ngform.item.table.small'),//'紧凑', + prop: 'small', + type: 'switch', + default: true, + span: 24 + }, + { - label: $t('ngform.item.options') ,//'属性', - prop: 'options', - alone: true, // 是否独立与columns之外展示 false则和columns一起,不另外显示 - collapse: false, // 是否启用 collapse 必须alone=true - column: [ - - { - label: $t('ngform.item.style'),//'样式style', - prop: 'customStyle', - type: 'textarea', - span: 24, - }, - { - label: $t('ngform.item.class'),//'样式class', - prop: 'customClass', - type: 'textarea', - span: 24, - }, - { - label: $t('ngform.item.bordered'),//'边框', - prop: 'bordered', - type: 'switch', - default: true, - span: 24, - }, - { - label: $t('ngform.item.table.bright') ,//'hover点亮', - prop: 'bright', - type: 'switch', - default: true, - span: 24, - }, - { - label: $t('ngform.item.table.small') ,//'紧凑', - prop: 'small', - type: 'switch', - default: true, - span: 24, - }, - - { - label: $t('ngform.item.if_hidden') ,//'是否隐藏','是否隐藏', - prop: 'hidden', - type: 'switch', - default: false, - span: 24, - } - ] + label: $t('ngform.item.if_hidden'),//'是否隐藏','是否隐藏', + prop: 'hidden', + type: 'switch', + default: false, + span: 24 } - ] + ] + } + ] } - export default obj diff --git a/packages/form-design/items/layout/table/index.vue b/packages/form-design/items/layout/table/index.vue index 428e9cef6148200795f91ae3f5b497fd4f31c7ee..6f1edd3bbad3c7ca85ff3b803289458fde330a7f 100644 --- a/packages/form-design/items/layout/table/index.vue +++ b/packages/form-design/items/layout/table/index.vue @@ -1,40 +1,40 @@ - - - \ No newline at end of file + --> diff --git a/packages/form-design/panel-properties/item-properties.vue b/packages/form-design/panel-properties/item-properties.vue index ef7636aab1e7fa35a527e001c313b68c6fabd333..256f64fb494cd5010dcd4e2fde0d2f4f18b92f9a 100644 --- a/packages/form-design/panel-properties/item-properties.vue +++ b/packages/form-design/panel-properties/item-properties.vue @@ -1,453 +1,447 @@ - \ No newline at end of file + --> diff --git a/packages/locale/lang/zh_CN.js b/packages/locale/lang/zh_CN.js index 7d93d2b04cd74b6be9ba1690b3c5ac658c353a2e..fb8c949d10021efe9d48ab0f1f098fd11addb28f 100644 --- a/packages/locale/lang/zh_CN.js +++ b/packages/locale/lang/zh_CN.js @@ -83,11 +83,11 @@ export default { message_tip: '提示信息', add_rule: '增加效验' }, - + item: { label: '标签', label_width: '标签宽度', - width: '宽度', + width: '填充宽度', span: '所占栅格', model: '数据字段', key: '数据key', @@ -239,7 +239,7 @@ export default { textarea: { name: '文本框', rows: '行数', - autosize: '自动高度' + autosize: '自动高度' }, time: { name: '时间', @@ -272,7 +272,7 @@ export default { warning: '告警', info: '信息', error: '异常', - + effect: '主题', light: '高亮', dark: '暗黑', @@ -289,7 +289,7 @@ export default { horizontal: '横向', vertical: '竖向', orientation: '标签位置', - + }, text: { text_align: '对齐方式', @@ -299,19 +299,19 @@ export default { bold: '加粗' }, controller: { - name: '容器', - + name: '容器', + can_add: '可新增', can_copy: '可复制', can_remove: '可删除', - + }, grid: { name: '栅格布局', columns: '栅格', gutter: '间隔', - + config: '列配置' }, table: { @@ -362,12 +362,12 @@ export default { province_placeholder: '请选择省份', city_placeholder: '请选择省地市', district_placeholder: '请选择区县', - + } }, - + } -} \ No newline at end of file +} diff --git a/packages/ng-form/index.vue b/packages/ng-form/index.vue index 9ba87950ef14e9a013bedf51337b001c284a09f7..60f30ca07d384e4465b544c6c2c1aecf826ede12 100644 --- a/packages/ng-form/index.vue +++ b/packages/ng-form/index.vue @@ -8,29 +8,34 @@ size="mini" :key="formKey" label-position="right" - :label-width="(config.labelWidth || 80) + 'px'"> -