diff --git a/.eslintrc.js b/.eslintrc.js new file mode 100644 index 0000000000000000000000000000000000000000..009783b61fea20a777d828e8ffde460833d9bcf3 --- /dev/null +++ b/.eslintrc.js @@ -0,0 +1,39 @@ +module.exports = { + 'env': { + 'browser': true, + 'es6': true + }, + 'extends': [ + 'eslint:recommended', + 'plugin:vue/essential' + ], + 'globals': { + 'Atomics': 'readonly', + 'SharedArrayBuffer': 'readonly' + }, + 'parserOptions': { + 'ecmaVersion': 2018, + 'sourceType': 'module' + }, + 'plugins': [ + 'vue' + ], + 'rules': { + 'indent': [ + 'error', + 'tab' + ], + 'linebreak-style': [ + 'error', + 'unix' + ], + 'quotes': [ + 'error', + 'single' + ], + 'semi': [ + 'error', + 'always' + ] + } +}; diff --git a/babel.config.js b/babel.config.js index e9558405fdcc02f12d757acb308e02937a7444f1..98b0a6cc5d4fed5ff7b56c4f93485a0813d10a4a 100644 --- a/babel.config.js +++ b/babel.config.js @@ -1,5 +1,5 @@ module.exports = { - presets: [ - '@vue/cli-plugin-babel/preset' - ] -} + presets: [ + '@vue/cli-plugin-babel/preset' + ] +}; diff --git a/install-render.js b/install-render.js index da60086cf16c5e04e44d90b3e31d1d9c7e836fdc..4e72d95e7780f8bff63b277b57f3d77e817d03ba 100644 --- a/install-render.js +++ b/install-render.js @@ -1,29 +1,29 @@ -import VFormRender from '@/components/form-render/index.vue' -import {loadExtension} from "@/extension/extension-loader" -import axios from "axios" +import VFormRender from '@/components/form-render/index.vue'; +import {loadExtension} from '@/extension/extension-loader'; +import axios from 'axios'; -loadExtension() +loadExtension(); VFormRender.install = function (Vue) { - Vue.component(VFormRender.name, VFormRender) -} + Vue.component(VFormRender.name, VFormRender); +}; const components = [ - VFormRender -] + VFormRender +]; const install = (Vue) => { - window.axios = axios - components.forEach(component => { - Vue.component(component.name, component) - }) -} + window.axios = axios; + components.forEach(component => { + Vue.component(component.name, component); + }); +}; if (typeof window !== 'undefined' && window.Vue) { /* script方式引入时主动调用install方法！！ */ - install(window.Vue); + install(window.Vue); } export default { - install, - VFormRender -} + install, + VFormRender +}; diff --git a/install.js b/install.js index 71df8869ff856b84cc068957121cc2fcdae1823c..6ed9c31dbb3f7eb846ac06c1def70d6c84a91d5d 100644 --- a/install.js +++ b/install.js @@ -1,41 +1,41 @@ -import axios from 'axios' +import axios from 'axios'; -import VFormDesigner from '@/components/form-designer/index.vue' -import VFormRender from '@/components/form-render/index.vue' -import {loadExtension} from "@/extension/extension-loader" +import VFormDesigner from '@/components/form-designer/index.vue'; +import VFormRender from '@/components/form-render/index.vue'; +import {loadExtension} from '@/extension/extension-loader'; -import '@/utils/directive' -import '@/icons' -import '@/iconfont/iconfont.css' +import '@/utils/directive'; +import '@/icons'; +import '@/iconfont/iconfont.css'; -loadExtension() +loadExtension(); VFormDesigner.install = function (Vue) { - Vue.component(VFormDesigner.name, VFormDesigner) -} + Vue.component(VFormDesigner.name, VFormDesigner); +}; VFormRender.install = function (Vue) { - Vue.component(VFormRender.name, VFormRender) -} + Vue.component(VFormRender.name, VFormRender); +}; const components = [ - VFormDesigner, - VFormRender -] + VFormDesigner, + VFormRender +]; const install = (Vue) => { - window.axios = axios - components.forEach(component => { - Vue.component(component.name, component) - }) -} + window.axios = axios; + components.forEach(component => { + Vue.component(component.name, component); + }); +}; if (typeof window !== 'undefined' && window.Vue) { /* script方式引入时主动调用install方法！！ */ - install(window.Vue); + install(window.Vue); } export default { - install, - VFormDesigner, - VFormRender -} + install, + VFormDesigner, + VFormRender +}; diff --git a/package.json b/package.json index ddbe10b60251cd8d8378918779c361fec21515a0..10bd2eb3533089e518cb281516f5a8cf01c0eb63 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { - "name": "variant-form", - "version": "2.2.7", + "name": "xy-vform", + "version": "2.3.0", "private": false, "scripts": { "serve": "vue-cli-service serve --open src/main.js", @@ -10,6 +10,7 @@ "lint": "vue-cli-service lint" }, "dependencies": { + "@popperjs/core": "^2.11.6", "axios": "^0.21.1", "clipboard": "^2.0.8", "core-js": "^3.6.5", diff --git a/pro/3e94b4b3b6dcf0f77a164293733d20e.png b/pro/3e94b4b3b6dcf0f77a164293733d20e.png new file mode 100644 index 0000000000000000000000000000000000000000..6fee968661133ef0126acc2cd4991106b5beae52 Binary files /dev/null and b/pro/3e94b4b3b6dcf0f77a164293733d20e.png differ diff --git a/pro/95737186ebd7582b780b3c1ddd831bb.png b/pro/95737186ebd7582b780b3c1ddd831bb.png new file mode 100644 index 0000000000000000000000000000000000000000..56f580201a6fdac811e3e630c3eb23b6387dd306 Binary files /dev/null and b/pro/95737186ebd7582b780b3c1ddd831bb.png differ diff --git a/pro/dynamic-dialog.vue b/pro/dynamic-dialog.vue new file mode 100644 index 0000000000000000000000000000000000000000..c26beefb5ef526f6dca81c6732beb903f93c99c1 --- /dev/null +++ b/pro/dynamic-dialog.vue @@ -0,0 +1,177 @@ + + + + + diff --git a/pro/util.js b/pro/util.js new file mode 100644 index 0000000000000000000000000000000000000000..81ee34f9ab9c60681bda2db6a461202db58b57e6 --- /dev/null +++ b/pro/util.js @@ -0,0 +1,559 @@ +import Clipboard from 'clipboard'; +import axios from 'axios'; + +export function isNull(value) { + return (value === null) || (value === undefined); +} + +export function isNotNull(value) { + return (value !== null) && (value !== undefined); +} + +export function isEmptyStr(str) { + //return (str === undefined) || (!str) || (!/[^\s]/.test(str)); + return (str === undefined) || (!str && (str !== 0) && (str !== '0')) || (!/[^\s]/.test(str)); +} + +export const generateId = function() { + return Math.floor(Math.random() * 100000 + Math.random() * 20000 + Math.random() * 5000); +}; + +export const deepClone = function (origin) { + if (origin === undefined) { + return undefined; + } + + return JSON.parse(JSON.stringify(origin)); +}; + +export const overwriteObj = function(obj1, obj2) { /* 浅拷贝对象属性，obj2覆盖obj1 */ + // for (let prop in obj2) { + // if (obj2.hasOwnProperty(prop)) { + // obj1[prop] = obj2[prop] + // } + // } + + Object.keys(obj2).forEach(prop => { + obj1[prop] = obj2[prop]; + }); +}; + +export const addWindowResizeHandler = function (handler) { + let oldHandler = window.onresize; + if (typeof window.onresize != 'function') { + window.onresize = handler; + } else { + window.onresize = function () { + oldHandler(); + handler(); + }; + } +}; + +const createStyleSheet = function() { + let head = document.head || document.getElementsByTagName('head')[0]; + let style = document.createElement('style'); + style.type = 'text/css'; + head.appendChild(style); + return style.sheet; +}; + +export const insertCustomCssToHead = function (cssCode, formId = '') { + let head = document.getElementsByTagName('head')[0]; + let oldStyle = document.getElementById('vform-custom-css'); + if (oldStyle) { + head.removeChild(oldStyle); //先清除后插入！！ + } + if (formId) { + oldStyle = document.getElementById('vform-custom-css' + '-' + formId); + !!oldStyle && head.removeChild(oldStyle); //先清除后插入！！ + } + + let newStyle = document.createElement('style'); + newStyle.type = 'text/css'; + newStyle.rel = 'stylesheet'; + newStyle.id = formId ? 'vform-custom-css' + '-' + formId : 'vform-custom-css'; + try { + newStyle.appendChild(document.createTextNode(cssCode)); + } catch(ex) { + newStyle.styleSheet.cssText = cssCode; + } + + head.appendChild(newStyle); +}; + +export const insertGlobalFunctionsToHtml = function (functionsCode, formId = '') { + let bodyEle = document.getElementsByTagName('body')[0]; + let oldScriptEle = document.getElementById('v_form_global_functions'); + !!oldScriptEle && bodyEle.removeChild(oldScriptEle); //先清除后插入！！ + if (formId) { + oldScriptEle = document.getElementById('v_form_global_functions' + '-' + formId); + !!oldScriptEle && bodyEle.removeChild(oldScriptEle); //先清除后插入！！ + } + + let newScriptEle = document.createElement('script'); + newScriptEle.id = formId ? 'v_form_global_functions' + '-' + formId : 'v_form_global_functions'; + newScriptEle.type = 'text/javascript'; + newScriptEle.innerHTML = functionsCode; + bodyEle.appendChild(newScriptEle); +}; + +export const optionExists = function(optionsObj, optionName) { + if (!optionsObj) { + return false; + } + + return Object.keys(optionsObj).indexOf(optionName) > -1; +}; + +export const loadRemoteScript = function(srcPath, callback) { /*加载远程js，加载成功后执行回调函数*/ + let sid = encodeURIComponent(srcPath); + let oldScriptEle = document.getElementById(sid); + + if (!oldScriptEle) { + let s = document.createElement('script'); + s.src = srcPath; + s.id = sid; + document.body.appendChild(s); + + s.onload = s.onreadystatechange = function (_, isAbort) { /* 借鉴自ace.js */ + if (isAbort || !s.readyState || s.readyState === 'loaded' || s.readyState === 'complete') { + s = s.onload = s.onreadystatechange = null; + if (!isAbort) { + callback(); + } + } + }; + } +}; + +export function traverseFieldWidgets(widgetList, handler, parent = null, staticWidgetsIncluded) { + widgetList.forEach(w => { + if (w.formItemFlag || ((w.formItemFlag === false) && staticWidgetsIncluded)) { + handler(w, parent); + } else if (w.type === 'grid') { + w.cols.forEach(col => { + traverseFieldWidgets(col.widgetList, handler, w, staticWidgetsIncluded); + }); + } else if (w.type === 'table') { + w.rows.forEach(row => { + row.cols.forEach(cell => { + traverseFieldWidgets(cell.widgetList, handler, w, staticWidgetsIncluded); + }); + }); + } else if (w.type === 'tab') { + w.tabs.forEach(tab => { + traverseFieldWidgets(tab.widgetList, handler, w, staticWidgetsIncluded); + }); + } else if (w.type === 'sub-form' || w.type === 'grid-sub-form') { + traverseFieldWidgets(w.widgetList, handler, w, staticWidgetsIncluded); + } else if (w.category === 'container') { //自定义容器 + traverseFieldWidgets(w.widgetList, handler, w, staticWidgetsIncluded); + } + }); +} + +export function traverseContainerWidgets(widgetList, handler) { + widgetList.forEach(w => { + if (w.category === 'container') { + handler(w); + } + + if (w.type === 'grid') { + w.cols.forEach(col => { + traverseContainerWidgets(col.widgetList, handler); + }); + } else if (w.type === 'table') { + w.rows.forEach(row => { + row.cols.forEach(cell => { + traverseContainerWidgets(cell.widgetList, handler); + }); + }); + } else if (w.type === 'tab') { + w.tabs.forEach(tab => { + traverseContainerWidgets(tab.widgetList, handler); + }); + } else if (w.type === 'sub-form' || w.type === 'grid-sub-form') { + traverseContainerWidgets(w.widgetList, handler); + } else if (w.category === 'container') { //自定义容器 + traverseContainerWidgets(w.widgetList, handler); + } + }); +} + +export function traverseAllWidgets(widgetList, handler) { + widgetList.forEach(w => { + handler(w); + + if (w.type === 'grid') { + w.cols.forEach(col => { + handler(col); + traverseAllWidgets(col.widgetList, handler); + }); + } else if (w.type === 'table') { + w.rows.forEach(row => { + row.cols.forEach(cell => { + handler(cell); + traverseAllWidgets(cell.widgetList, handler); + }); + }); + } else if (w.type === 'tab') { + w.tabs.forEach(tab => { + traverseAllWidgets(tab.widgetList, handler); + }); + } else if (w.type === 'sub-form' || w.type === 'grid-sub-form') { + traverseAllWidgets(w.widgetList, handler); + } else if (w.category === 'container') { //自定义容器 + traverseAllWidgets(w.widgetList, handler); + } + }); +} + +function handleWidgetForTraverse(widget, handler) { + if (!!widget.category && (widget.category === 'container')) { + traverseFieldWidgetsOfContainer(widget, handler); + } else if (widget.formItemFlag) { + handler(widget); + } +} + +/** + * 遍历容器内的字段组件 + * @param con + * @param handler + */ +export function traverseFieldWidgetsOfContainer(con, handler) { + if (con.type === 'grid') { + con.cols.forEach(col => { + col.widgetList.forEach(cw => { + handleWidgetForTraverse(cw, handler); + }); + }); + } else if (con.type === 'table') { + con.rows.forEach(row => { + row.cols.forEach(cell => { + cell.widgetList.forEach(cw => { + handleWidgetForTraverse(cw, handler); + }); + }); + }); + } else if (con.type === 'tab') { + con.tabs.forEach(tab => { + tab.widgetList.forEach(cw => { + handleWidgetForTraverse(cw, handler); + }); + }); + } else if (con.type === 'sub-form' || con.type === 'grid-sub-form') { + con.widgetList.forEach(cw => { + handleWidgetForTraverse(cw, handler); + }); + } else if (con.category === 'container') { //自定义容器 + con.widgetList.forEach(cw => { + handleWidgetForTraverse(cw, handler); + }); + } +} + +function handleContainerTraverse(widget, fieldHandler, containerHandler) { + if (!!widget.category && (widget.category === 'container')) { + traverseWidgetsOfContainer(widget, fieldHandler, containerHandler); + } else if (widget.formItemFlag) { + fieldHandler(widget); + } +} + +/** + * 遍历容器内部的字段组件和容器组件 + * @param con + * @param fieldHandler + * @param containerHandler + */ +export function traverseWidgetsOfContainer(con, fieldHandler, containerHandler) { + if (con.type === 'grid') { + con.cols.forEach(col => { + col.widgetList.forEach(cw => { + handleContainerTraverse(cw, fieldHandler, containerHandler); + }); + }); + } else if (con.type === 'table') { + con.rows.forEach(row => { + row.cols.forEach(cell => { + cell.widgetList.forEach(cw => { + handleContainerTraverse(cw, fieldHandler, containerHandler); + }); + }); + }); + } else if (con.type === 'tab') { + con.tabs.forEach(tab => { + tab.widgetList.forEach(cw => { + handleContainerTraverse(cw, fieldHandler, containerHandler); + }); + }); + } else if (con.type === 'sub-form' || con.type === 'grid-sub-form') { + con.widgetList.forEach(cw => { + handleContainerTraverse(cw, fieldHandler, containerHandler); + }); + } else if (con.category === 'container') { //自定义容器 + con.widgetList.forEach(cw => { + handleContainerTraverse(cw, fieldHandler, containerHandler); + }); + } +} + +/** + * 获取所有字段组件 + * @param widgetList + * @param staticWidgetsIncluded 是否包含按钮等静态组件，默认不包含 + * @returns {[]} + */ +export function getAllFieldWidgets(widgetList, staticWidgetsIncluded) { + let result = []; + let handlerFn = (w) => { + result.push({ + type: w.type, + name: w.options.name, + field: w + }); + }; + traverseFieldWidgets(widgetList, handlerFn, null, staticWidgetsIncluded); + + return result; +} + +/** + * 获取所有容器组件 + * @param widgetList + * @returns {[]} + */ +export function getAllContainerWidgets(widgetList) { + let result = []; + let handlerFn = (w) => { + result.push({ + type: w.type, + name: w.options.name, + container: w + }); + }; + traverseContainerWidgets(widgetList, handlerFn); + + return result; +} + +export function getFieldWidgetByName(widgetList, fieldName, staticWidgetsIncluded) { + let foundWidget = null; + let handlerFn = (widget) => { + if (widget.options.name === fieldName) { + foundWidget = widget; + } + }; + + traverseFieldWidgets(widgetList, handlerFn, null, staticWidgetsIncluded); + return foundWidget; +} + +export function getContainerWidgetByName(widgetList, containerName) { + let foundContainer = null; + let handlerFn = (con) => { + if (con.options.name === containerName) { + foundContainer = con; + } + }; + + traverseContainerWidgets(widgetList, handlerFn); + return foundContainer; +} + +export function getContainerWidgetById(widgetList, containerId) { + let foundContainer = null; + let handlerFn = (con) => { + if (con.id === containerId) { + foundContainer = con; + } + }; + + traverseContainerWidgets(widgetList, handlerFn); + return foundContainer; +} + +export function copyToClipboard(content, clickEvent, $message, successMsg, errorMsg) { + const clipboard = new Clipboard(clickEvent.target, { + text: () => content + }); + + clipboard.on('success', () => { + $message.success(successMsg); + clipboard.destroy(); + }); + + clipboard.on('error', () => { + $message.error(errorMsg); + clipboard.destroy(); + }); + + clipboard.onClick(clickEvent); +} + +export function getQueryParam(variable) { + let query = window.location.search.substring(1); + let vars = query.split('&'); + for (let i=0; i 0)) { + rawData.forEach(ri => { + result.push({ + label: ri[labelKey], + value: ri[valueKey] + }); + }); + } + + return result; +} + +/** + * 组装axios请求配置参数 + * @param arrayObj + * @param DSV + * @param VFR + * @returns {{}} + */ +export function assembleAxiosConfig(arrayObj, DSV, VFR) { + let result = {}; + if (!arrayObj || (arrayObj.length <= 0)) { + return result; + } + + arrayObj.map(ai => { + if (ai.type === 'String') { + result[ai.name] = String(ai.value); + } else if (ai.type === 'Number') { + result[ai.name] = Number(ai.value); + } else if (ai.type === 'Boolean') { + if ((ai.value.toLowerCase() === 'false') || (ai.value === '0')) { + result[ai.name] = false; + } else if ((ai.value.toLowerCase() === 'true') || (ai.value === '1')) { + result[ai.name] = true; + } else { + result[ai.name] = null; + } + } else if (ai.type === 'Variable') { + result[ai.name] = eval(ai.value); + } + }); + + /* 需要注意：VFR.getWidgetRef()可能无法获取组件，因为组件尚未创建完成，跟数据源执行时机有关！！ */ + + /* 加入如下两行日志打印代码，是为了防止编译打包时DSV、VFR参数被剔除！！ begin */ + /* DSV、VFR入参没有在本函数中直接使用到，但在eval表达式中可能被使用到，故需确保DSV、VFR参数始终存在！！ */ + console.log('test DSV: ', DSV); + console.log('test VFR: ', VFR); + /* 加入如下两行日志打印代码，是为了防止编译打包时DSV、VFR入参会被剔除！！ end */ + + return result; +} + +function buildRequestConfig(dataSource, DSV, VFR, isSandbox) { + let config = {}; + if (dataSource.requestURLType === 'String') { + config.url = dataSource.requestURL; + } else { + config.url = eval(dataSource.requestURL); + } + config.method = dataSource.requestMethod; + + config.headers = assembleAxiosConfig(dataSource.headers, DSV, VFR); + config.params = assembleAxiosConfig(dataSource.params, DSV, VFR); + config.data = assembleAxiosConfig(dataSource.data, DSV, VFR); + + + let chFn = new Function('config', 'isSandbox', 'DSV', 'VFR', dataSource.configHandlerCode); + return chFn.call(null, config, isSandbox, DSV, VFR); +} + +export async function runDataSourceRequest(dataSource, DSV, VFR, isSandbox, $message) { + try { + let requestConfig = buildRequestConfig(dataSource, DSV, VFR, isSandbox); + let result = await axios.request(requestConfig); + //let result = await axios.create().request(requestConfig) + + let dhFn = new Function('result', 'isSandbox', 'DSV', 'VFR', dataSource.dataHandlerCode); + return dhFn.call(null, result, isSandbox, DSV, VFR); + } catch (err) { + let ehFn = new Function('error', 'isSandbox', 'DSV', '$message', 'VFR', dataSource.errorHandlerCode); + ehFn.call(null, err, isSandbox, DSV, $message, VFR); + console.error(err); + } +} + +export function getDSByName(formConfig, dsName) { + let resultDS = null; + if (!!dsName && !!formConfig.dataSources) { + formConfig.dataSources.forEach(ds => { + if (ds.uniqueName === dsName) { + resultDS = ds; + } + }); + } + + return resultDS; +} diff --git a/pro/vf-dialog-item.vue b/pro/vf-dialog-item.vue new file mode 100644 index 0000000000000000000000000000000000000000..09c207162051c0cac36edb351a3b75a021c7e700 --- /dev/null +++ b/pro/vf-dialog-item.vue @@ -0,0 +1,13 @@ + + + + + diff --git a/pro/vf-dialog-widget.vue b/pro/vf-dialog-widget.vue new file mode 100644 index 0000000000000000000000000000000000000000..b99d6f940707f8775c0f7e45e3e99f9785739907 --- /dev/null +++ b/pro/vf-dialog-widget.vue @@ -0,0 +1,160 @@ + + + + + diff --git "a/pro/\346\226\260\345\273\272\346\226\207\344\273\266\345\244\271.zip" "b/pro/\346\226\260\345\273\272\346\226\207\344\273\266\345\244\271.zip" new file mode 100644 index 0000000000000000000000000000000000000000..e941e9f6ed59305cef15b173bd14baf50b4dfeed Binary files /dev/null and "b/pro/\346\226\260\345\273\272\346\226\207\344\273\266\345\244\271.zip" differ diff --git a/src/App.vue b/src/App.vue index c0e75a7a19d4e9fb894da1dfd94bbf79111461e8..ec588c64723edc9831c882cadfb97ba6de8f016d 100644 --- a/src/App.vue +++ b/src/App.vue @@ -1,35 +1,34 @@ diff --git a/src/components/form-designer/form-widget/container-widget/containerMixin.js b/src/components/form-designer/form-widget/container-widget/containerMixin.js index fc0f2b11749bdcaee3040a933f974495b99a9f8a..45104890a1102e8f94b04e229c73dc4ecebc6d74 100644 --- a/src/components/form-designer/form-widget/container-widget/containerMixin.js +++ b/src/components/form-designer/form-widget/container-widget/containerMixin.js @@ -1,92 +1,125 @@ -export default { - methods: { - appendTableRow(widget) { - this.designer.appendTableRow(widget) - }, - - appendTableCol(widget) { - this.designer.appendTableCol(widget) - }, - - onContainerDragAdd(evt, subList) { - const newIndex = evt.newIndex - if (!!subList[newIndex]) { - this.designer.setSelected( subList[newIndex] ) - } - - this.designer.emitHistoryChange() - this.designer.emitEvent('field-selected', this.widget) - }, - - onContainerDragUpdate() { - this.designer.emitHistoryChange() - }, - - checkContainerMove(evt) { - return this.designer.checkWidgetMove(evt) - }, - - selectWidget(widget) { - this.designer.setSelected(widget) - }, - - selectParentWidget() { - if (this.parentWidget) { - this.designer.setSelected(this.parentWidget) - } else { - this.designer.clearSelected() - } - }, - - moveUpWidget() { - this.designer.moveUpWidget(this.parentList, this.indexOfParentList) - this.designer.emitHistoryChange() - }, +import {deepClone, generateId} from '@/utils/util'; - moveDownWidget() { - this.designer.moveDownWidget(this.parentList, this.indexOfParentList) - this.designer.emitHistoryChange() - }, - - cloneContainer(widget) { - if (!!this.parentList) { - let newCon = this.designer.cloneContainer(widget) - this.parentList.splice(this.indexOfParentList + 1, 0, newCon) - this.designer.setSelected(newCon) - - this.designer.emitHistoryChange() - } - }, - - removeWidget() { - if (!!this.parentList) { - let nextSelected = null - if (this.parentList.length === 1) { - if (!!this.parentWidget) { - nextSelected = this.parentWidget - } - } else if (this.parentList.length === (1 + this.indexOfParentList)) { - nextSelected = this.parentList[this.indexOfParentList - 1] - } else { - nextSelected = this.parentList[this.indexOfParentList + 1] - } - - this.$nextTick(() => { - this.parentList.splice(this.indexOfParentList, 1) - //if (!!nextSelected) { - this.designer.setSelected(nextSelected) - //} - - this.designer.emitHistoryChange() - }) - } - }, - - setWidgetOption(optionName, optionValue) { //通用组件选项修改API - if (this.widget.options.hasOwnProperty(optionName)) { - this.widget.options[optionName] = optionValue - } - }, - - } -} +export default { + methods: { + appendTableRow(widget) { + this.designer.appendTableRow(widget); + }, + setHidden(flag) { + console.log('>>>>>>2', flag); + }, + appendTableCol(widget) { + this.designer.appendTableCol(widget); + }, + + onContainerDragAdd(evt, subList) { + const newIndex = evt.newIndex; + if (subList[newIndex]) { + this.designer.setSelected(subList[newIndex]); + } + + this.designer.emitHistoryChange(); + this.designer.emitEvent('field-selected', this.widget); + }, + + onContainerDragUpdate() { + this.designer.emitHistoryChange(); + }, + + checkContainerMove(evt) { + return this.designer.checkWidgetMove(evt); + }, + + selectWidget(widget) { + this.designer.setSelected(widget); + }, + + selectParentWidget() { + if (this.parentWidget) { + this.designer.setSelected(this.parentWidget); + } else { + this.designer.clearSelected(); + } + }, + + moveUpWidget() { + this.designer.moveUpWidget(this.parentList, this.indexOfParentList); + this.designer.emitHistoryChange(); + }, + + moveDownWidget() { + this.designer.moveDownWidget(this.parentList, this.indexOfParentList); + this.designer.emitHistoryChange(); + }, + + cloneComponent(widget) { + console.log('cloneComponent:', widget); + let newFieldSchema = deepClone(widget); + newFieldSchema.id = widget.type.replace(/-/g, '') + generateId(); + newFieldSchema.options.name = newFieldSchema.id; + console.log(this,this.parentList); + if (this.parentList) { + this.parentList.splice(this.indexOfParentList + 1, 0, newFieldSchema); + }else if(this.designer.selectedParentList){ + this.designer.selectedParentList.splice(this.indexOfParentList + 1, 0, newFieldSchema); + } + }, + + cloneContainer(widget) { + console.log('containerMixin.js-cloneContainer:', widget, this.parentList); + let newCon = this.designer.cloneContainer(widget); + if (this.parentList) { + this.parentList.splice(this.indexOfParentList + 1, 0, newCon); + this.designer.setSelected(newCon); + this.designer.emitHistoryChange(); + } + }, + // 滑动至部件位置 + slideToSpecifyWidget(widgetId) { + let elementById = document.getElementById(`popover-designState-${widgetId}`); + if (elementById) { + elementById.scrollIntoView({ + //滚动到指定节点 + block: 'center', //值有start,center,end，nearest，当前显示在视图区域中间 + behavior: 'smooth', //值有auto、instant,smooth，缓动动画（当前是慢速的） + }); + elementById.classList.add('move-popover'); + setTimeout(() => { + elementById.classList.remove('move-popover'); + }, 4000); + }else{ + this.$message.warning(`未找到组件id：${widgetId}`); + } + }, + removeWidget() { + if (this.parentList) { + let nextSelected = null; + if (this.parentList.length === 1) { + if (this.parentWidget) { + nextSelected = this.parentWidget; + } + } else if (this.parentList.length === (1 + this.indexOfParentList)) { + nextSelected = this.parentList[this.indexOfParentList - 1]; + } else { + nextSelected = this.parentList[this.indexOfParentList + 1]; + } + + this.$nextTick(() => { + this.parentList.splice(this.indexOfParentList, 1); + //if (!!nextSelected) { + this.designer.setSelected(nextSelected); + //} + + this.designer.emitHistoryChange(); + }); + } + }, + + setWidgetOption(optionName, optionValue) { //通用组件选项修改API + if (this.widget.options.hasOwnProperty(optionName)) { + this.widget.options[optionName] = optionValue; + } + }, + + } +}; diff --git a/src/components/form-designer/form-widget/container-widget/grid-col-widget.vue b/src/components/form-designer/form-widget/container-widget/grid-col-widget.vue index 37d7fadd17563b16b5e3f9975c20269caab251ca..bf67426665fa051201c43c4a17c398616d48ac21 100644 --- a/src/components/form-designer/form-widget/container-widget/grid-col-widget.vue +++ b/src/components/form-designer/form-widget/container-widget/grid-col-widget.vue @@ -1,314 +1,324 @@ diff --git a/src/components/form-designer/form-widget/container-widget/grid-widget.vue b/src/components/form-designer/form-widget/container-widget/grid-widget.vue index f75f91e81067a631b5ff98c2b0813ff3f08b863f..d506d24495a4474adb1374878bc80b624b55792e 100644 --- a/src/components/form-designer/form-widget/container-widget/grid-widget.vue +++ b/src/components/form-designer/form-widget/container-widget/grid-widget.vue @@ -9,85 +9,105 @@ --> diff --git a/src/components/form-designer/form-widget/container-widget/index.js b/src/components/form-designer/form-widget/container-widget/index.js index 79f6d00ab310199448597b23c3c405df5ab5315e..0485dd0bcfa85a87609155cc5d8f07900716f8ec 100644 --- a/src/components/form-designer/form-widget/container-widget/index.js +++ b/src/components/form-designer/form-widget/container-widget/index.js @@ -1,6 +1,6 @@ -import Vue from 'vue' +import Vue from 'vue'; -const requireComponent = require.context('./', false, /\w+\.vue$/) +const requireComponent = require.context('./', false, /\w+\.vue$/); /** * 容器组件时递归组件，且内部可以嵌套其他容器，局部注册会找不到组件，必须注册为全局组件，原因不明？！ @@ -19,6 +19,6 @@ end */ /* 全局注册！！ */ requireComponent.keys().map(fileName => { - let comp = requireComponent(fileName).default; - Vue.component(comp.name, comp) -}) + let comp = requireComponent(fileName).default; + Vue.component(comp.name, comp); +}); diff --git a/src/components/form-designer/form-widget/container-widget/popover-widget.vue b/src/components/form-designer/form-widget/container-widget/popover-widget.vue new file mode 100644 index 0000000000000000000000000000000000000000..6d2c244a065ae668c74c41d0970c60736ee5abed --- /dev/null +++ b/src/components/form-designer/form-widget/container-widget/popover-widget.vue @@ -0,0 +1,83 @@ + + + + + diff --git a/src/components/form-designer/form-widget/container-widget/tab-widget.vue b/src/components/form-designer/form-widget/container-widget/tab-widget.vue index e966aff1e5e5d9176609e83fb67b177765990b3d..5992beb0dd9fa51d5c52caac7dac0f03652ddd78 100644 --- a/src/components/form-designer/form-widget/container-widget/tab-widget.vue +++ b/src/components/form-designer/form-widget/container-widget/tab-widget.vue @@ -44,67 +44,67 @@ diff --git a/src/components/form-designer/form-widget/field-widget/button-widget.vue b/src/components/form-designer/form-widget/field-widget/button-widget.vue index 758117f410595b3a9b55789edcebaf135b6289d3..5847caf03d6293c9ce4efd7c6cdda055b0c5c4a4 100644 --- a/src/components/form-designer/form-widget/field-widget/button-widget.vue +++ b/src/components/form-designer/form-widget/field-widget/button-widget.vue @@ -1,87 +1,98 @@ diff --git a/src/components/form-designer/form-widget/field-widget/cascader-widget.vue b/src/components/form-designer/form-widget/field-widget/cascader-widget.vue index 5fa2a0ba915de7abed92977702314b283fa2922d..b173960f302a98e6aae10ed21b5044ed263c9090 100644 --- a/src/components/form-designer/form-widget/field-widget/cascader-widget.vue +++ b/src/components/form-designer/form-widget/field-widget/cascader-widget.vue @@ -1,120 +1,128 @@ diff --git a/src/components/form-designer/form-widget/field-widget/checkbox-widget.vue b/src/components/form-designer/form-widget/field-widget/checkbox-widget.vue index b7e21b5b2f887e9ac390fb18cea4c86240d814ec..ef03efc4924868027022170f149a142be569f710 100644 --- a/src/components/form-designer/form-widget/field-widget/checkbox-widget.vue +++ b/src/components/form-designer/form-widget/field-widget/checkbox-widget.vue @@ -1,105 +1,129 @@ diff --git a/src/components/form-designer/form-widget/field-widget/color-widget.vue b/src/components/form-designer/form-widget/field-widget/color-widget.vue index b02789c8bf46645c45759aa2b12aa6e3e6f000e4..bb12266df130223aa188807be1489ca6a02887a1 100644 --- a/src/components/form-designer/form-widget/field-widget/color-widget.vue +++ b/src/components/form-designer/form-widget/field-widget/color-widget.vue @@ -11,82 +11,82 @@ diff --git a/src/components/form-designer/form-widget/field-widget/date-widget.vue b/src/components/form-designer/form-widget/field-widget/date-widget.vue index 5fd071b85d4c7b53e0170b646a62c3c979eb4dec..0e3b26b9e84e199af56dabae121c2b5cf102a9c6 100644 --- a/src/components/form-designer/form-widget/field-widget/date-widget.vue +++ b/src/components/form-designer/form-widget/field-widget/date-widget.vue @@ -1,103 +1,118 @@ diff --git a/src/components/form-designer/form-widget/field-widget/divider-widget.vue b/src/components/form-designer/form-widget/field-widget/divider-widget.vue index a09117a2c2e9a9a3b61b242fa2472d8d715a3d0e..be70c69548bd4961f2ae427e2ac86025a1577afb 100644 --- a/src/components/form-designer/form-widget/field-widget/divider-widget.vue +++ b/src/components/form-designer/form-widget/field-widget/divider-widget.vue @@ -8,73 +8,73 @@ diff --git a/src/components/form-designer/form-widget/field-widget/html-text-widget.vue b/src/components/form-designer/form-widget/field-widget/html-text-widget.vue index 6046b6546f0399be9688e991c4baab7c467226dc..d6fddd733e91fb881d43b7af4663bedcfaf993af 100644 --- a/src/components/form-designer/form-widget/field-widget/html-text-widget.vue +++ b/src/components/form-designer/form-widget/field-widget/html-text-widget.vue @@ -7,73 +7,73 @@ diff --git a/src/components/form-designer/form-widget/field-widget/number-widget.vue b/src/components/form-designer/form-widget/field-widget/number-widget.vue index a68519213b0f01c102b5a77b83dd1b921a6fb03d..baca41f58211bed623045aadc993948e67df0553 100644 --- a/src/components/form-designer/form-widget/field-widget/number-widget.vue +++ b/src/components/form-designer/form-widget/field-widget/number-widget.vue @@ -1,103 +1,112 @@ diff --git a/src/components/form-designer/form-widget/field-widget/picture-upload-widget.vue b/src/components/form-designer/form-widget/field-widget/picture-upload-widget.vue index 9705220f0455103cb08831969d5a4580d96a860e..a7d97b52024e9c19e30ad749fc01eeb85b55d56c 100644 --- a/src/components/form-designer/form-widget/field-widget/picture-upload-widget.vue +++ b/src/components/form-designer/form-widget/field-widget/picture-upload-widget.vue @@ -26,224 +26,224 @@ diff --git a/src/components/form-designer/form-widget/field-widget/slider-widget.vue b/src/components/form-designer/form-widget/field-widget/slider-widget.vue index ecbe13c36b3e86be3616f30ddc7df8133ad014be..673b02703a4acc4994ee429dc9c22bb548f20619 100644 --- a/src/components/form-designer/form-widget/field-widget/slider-widget.vue +++ b/src/components/form-designer/form-widget/field-widget/slider-widget.vue @@ -12,82 +12,82 @@ diff --git a/src/components/form-designer/form-widget/field-widget/static-text-widget.vue b/src/components/form-designer/form-widget/field-widget/static-text-widget.vue index 6962bb7d7537896ba5a934c1b56e3796a1791fbd..53f0ba5e7abb9fa712f39b8e0d5ab84ff315b274 100644 --- a/src/components/form-designer/form-widget/field-widget/static-text-widget.vue +++ b/src/components/form-designer/form-widget/field-widget/static-text-widget.vue @@ -1,83 +1,90 @@ diff --git a/src/components/form-designer/form-widget/field-widget/switch-widget.vue b/src/components/form-designer/form-widget/field-widget/switch-widget.vue index 5b433d54a748ad94140e877e128392d4fb2cf8f4..c7873177bec86cb6bb421cd1b4d277b4acf899cb 100644 --- a/src/components/form-designer/form-widget/field-widget/switch-widget.vue +++ b/src/components/form-designer/form-widget/field-widget/switch-widget.vue @@ -13,82 +13,82 @@ diff --git a/src/components/form-designer/form-widget/field-widget/time-range-widget.vue b/src/components/form-designer/form-widget/field-widget/time-range-widget.vue index 8a83704bb16ad40881046e2adc1a79bc2c0e4a5e..774143f553620c9679e3cc0df69926b056ee06ff 100644 --- a/src/components/form-designer/form-widget/field-widget/time-range-widget.vue +++ b/src/components/form-designer/form-widget/field-widget/time-range-widget.vue @@ -2,103 +2,105 @@ - diff --git a/src/components/form-designer/form-widget/field-widget/time-widget.vue b/src/components/form-designer/form-widget/field-widget/time-widget.vue index b4f15aad380c5f77dee8141ba7dcf2a3adba8ef6..889607a9be4f1086091891e69eb38639e0ebfc43 100644 --- a/src/components/form-designer/form-widget/field-widget/time-widget.vue +++ b/src/components/form-designer/form-widget/field-widget/time-widget.vue @@ -1,103 +1,109 @@ diff --git a/src/components/form-designer/form-widget/functionalUnit.vue b/src/components/form-designer/form-widget/functionalUnit.vue new file mode 100644 index 0000000000000000000000000000000000000000..f51f9bd595b2b79dd2a70b2f1355ea254263041f --- /dev/null +++ b/src/components/form-designer/form-widget/functionalUnit.vue @@ -0,0 +1,441 @@ + + + + + + + diff --git a/src/components/form-designer/form-widget/index.vue b/src/components/form-designer/form-widget/index.vue index 6358dcf31a9c3e9468d046b1f8abacd2d32b1471..d796d5c4d6a4507e96dea257a0dfc9e7ff94a2c2 100644 --- a/src/components/form-designer/form-widget/index.vue +++ b/src/components/form-designer/form-widget/index.vue @@ -6,174 +6,187 @@
{{i18nt('designer.noWidgetHint')}}
- + - - + diff --git a/src/components/form-designer/refMixinDesign.js b/src/components/form-designer/refMixinDesign.js index 0b027f112a237247842b87e8e6396e78cbf4d1fe..137996e879ef30e9317f8274653e1cc38534a020 100644 --- a/src/components/form-designer/refMixinDesign.js +++ b/src/components/form-designer/refMixinDesign.js @@ -1,28 +1,28 @@ export default { - methods: { - initRefList() { - if ((this.refList !== null) && !!this.widget.options.name) { - this.refList[this.widget.options.name] = this - } - }, + methods: { + initRefList() { + if ((this.refList !== null) && !!this.widget.options.name) { + this.refList[this.widget.options.name] = this; + } + }, - getWidgetRef(widgetName, showError = false) { - let foundRef = this.refList[widgetName] - if (!foundRef && !!showError) { - this.$message.error(this.i18nt('render.hint.refNotFound') + widgetName) - } - return foundRef - }, + getWidgetRef(widgetName, showError = false) { + let foundRef = this.refList[widgetName]; + if (!foundRef && !!showError) { + this.$message.error(this.i18nt('render.hint.refNotFound') + widgetName); + } + return foundRef; + }, - /* 该方法用于组件重名检查！！ */ - registerToRefList(oldRefName) { - if ((this.refList !== null) && !!this.widget.options.name) { - if (!!oldRefName) { - delete this.refList[oldRefName] - } - this.refList[this.widget.options.name] = this - } - }, + /* 该方法用于组件重名检查！！ */ + registerToRefList(oldRefName) { + if ((this.refList !== null) && !!this.widget.options.name) { + if (oldRefName) { + delete this.refList[oldRefName]; + } + this.refList[this.widget.options.name] = this; + } + }, - } -} + } +}; diff --git a/src/components/form-designer/setting-panel/form-setting.vue b/src/components/form-designer/setting-panel/form-setting.vue index 029964ee52c3aea5896d5f37b64dde1a55099520..791015a0ecc7077d626840de5f3eb69dc344acbf 100644 --- a/src/components/form-designer/setting-panel/form-setting.vue +++ b/src/components/form-designer/setting-panel/form-setting.vue @@ -24,9 +24,23 @@ {{i18nt('designer.setting.rightAlign')}} + + + + + + {{i18nt('designer.setting.labelOverflowNowrap')}} + + {{i18nt('designer.setting.labelOverflowHidden')}} + + {{i18nt('designer.setting.labelOverflowLineFeed')}} + + + + {{i18nt('designer.setting.addCss')}} @@ -69,20 +83,27 @@ {{i18nt('designer.setting.addEventHandler')}} - - + - + @@ -95,7 +116,7 @@
@@ -107,7 +128,7 @@
@@ -122,191 +143,191 @@ diff --git a/src/components/form-designer/setting-panel/option-items-setting.vue b/src/components/form-designer/setting-panel/option-items-setting.vue index 5e8b3d5e331947468e262bfac5ce1cc55ba33120..af8f1b79bb8255483de60e1ab95504538caac301 100644 --- a/src/components/form-designer/setting-panel/option-items-setting.vue +++ b/src/components/form-designer/setting-panel/option-items-setting.vue @@ -2,15 +2,14 @@
- +
  • - +
    • @@ -47,7 +46,7 @@
    @@ -59,7 +58,7 @@
    @@ -71,142 +70,142 @@ diff --git a/src/components/form-designer/setting-panel/property-editor/buttonIcon-editor.vue b/src/components/form-designer/setting-panel/property-editor/buttonIcon-editor.vue index 93848a4a09c7d7e969b3c2a9915b66545545ed68..fc7ee20414eccba756fb7c3a7f292f0ec9ebbf2f 100644 --- a/src/components/form-designer/setting-panel/property-editor/buttonIcon-editor.vue +++ b/src/components/form-designer/setting-panel/property-editor/buttonIcon-editor.vue @@ -5,17 +5,17 @@ diff --git a/src/components/form-designer/setting-panel/property-editor/cancelButtonLabel-editor.vue b/src/components/form-designer/setting-panel/property-editor/cancelButtonLabel-editor.vue new file mode 100644 index 0000000000000000000000000000000000000000..188bd9f31db092121dbf55c38026f823e4e74ec2 --- /dev/null +++ b/src/components/form-designer/setting-panel/property-editor/cancelButtonLabel-editor.vue @@ -0,0 +1,29 @@ + + + + diff --git a/src/components/form-designer/setting-panel/property-editor/clearable-editor.vue b/src/components/form-designer/setting-panel/property-editor/clearable-editor.vue index bae7dc0e324a76743c1cf2174f5f2cc50c06770d..b5deef2b49e661e4f4bfa11478ccf1a34fd8079f 100644 --- a/src/components/form-designer/setting-panel/property-editor/clearable-editor.vue +++ b/src/components/form-designer/setting-panel/property-editor/clearable-editor.vue @@ -5,17 +5,17 @@ diff --git a/src/components/form-designer/setting-panel/property-editor/componentWidth-editor.vue b/src/components/form-designer/setting-panel/property-editor/componentWidth-editor.vue new file mode 100644 index 0000000000000000000000000000000000000000..14a349fe0e34679476f400f88af4e47da8b1be9e --- /dev/null +++ b/src/components/form-designer/setting-panel/property-editor/componentWidth-editor.vue @@ -0,0 +1,62 @@ + + + + + diff --git a/src/components/form-designer/setting-panel/property-editor/container-grid-col/grid-col-offset-editor.vue b/src/components/form-designer/setting-panel/property-editor/container-grid-col/grid-col-offset-editor.vue index 046818cf785325870ec455722bca7f52b8018aad..6c33166fa68e72a30cdcdba865547edd9588807f 100644 --- a/src/components/form-designer/setting-panel/property-editor/container-grid-col/grid-col-offset-editor.vue +++ b/src/components/form-designer/setting-panel/property-editor/container-grid-col/grid-col-offset-editor.vue @@ -6,17 +6,17 @@ diff --git a/src/components/form-designer/setting-panel/property-editor/event-handler/onChange-editor.vue b/src/components/form-designer/setting-panel/property-editor/event-handler/onChange-editor.vue index 80106106cc3421a33e11af03718068803e93592a..dde27effb63d82792963dba6990e02148241c2ba 100644 --- a/src/components/form-designer/setting-panel/property-editor/event-handler/onChange-editor.vue +++ b/src/components/form-designer/setting-panel/property-editor/event-handler/onChange-editor.vue @@ -6,23 +6,23 @@ diff --git a/src/components/form-designer/setting-panel/property-editor/event-handler/onRemoteQuery-editor.vue b/src/components/form-designer/setting-panel/property-editor/event-handler/onRemoteQuery-editor.vue index 5275c61139c1c3cac69af1f041b2a6ffbb018755..6ca10757f0f36ecc72c20a3f83802ff082baf912 100644 --- a/src/components/form-designer/setting-panel/property-editor/event-handler/onRemoteQuery-editor.vue +++ b/src/components/form-designer/setting-panel/property-editor/event-handler/onRemoteQuery-editor.vue @@ -6,23 +6,23 @@ diff --git a/src/components/form-designer/setting-panel/property-editor/event-handler/onSubFormRowAdd-editor.vue b/src/components/form-designer/setting-panel/property-editor/event-handler/onSubFormRowAdd-editor.vue index 26abcfe55d56469def05b026648d0010ca76ec4a..f97a955f79627af87e0c2b4277ed2fcf8aa8648e 100644 --- a/src/components/form-designer/setting-panel/property-editor/event-handler/onSubFormRowAdd-editor.vue +++ b/src/components/form-designer/setting-panel/property-editor/event-handler/onSubFormRowAdd-editor.vue @@ -6,23 +6,23 @@ diff --git a/src/components/form-designer/setting-panel/property-editor/field-date/date-type-editor.vue b/src/components/form-designer/setting-panel/property-editor/field-date/date-type-editor.vue index 2dcb30133b20668c329d88763e4dc632d129878c..5ad259f6c862d3f31da04b254056cc91159ca013 100644 --- a/src/components/form-designer/setting-panel/property-editor/field-date/date-type-editor.vue +++ b/src/components/form-designer/setting-panel/property-editor/field-date/date-type-editor.vue @@ -12,17 +12,17 @@ diff --git a/src/components/form-designer/setting-panel/property-editor/label-editor.vue b/src/components/form-designer/setting-panel/property-editor/label-editor.vue index cfa112edd87baf598ddb7f8739d3d38b2b0f1616..24f23caa40fb3d494b54f39390f6aa6403237533 100644 --- a/src/components/form-designer/setting-panel/property-editor/label-editor.vue +++ b/src/components/form-designer/setting-panel/property-editor/label-editor.vue @@ -5,24 +5,24 @@ diff --git a/src/components/form-designer/setting-panel/property-editor/labelTooltip-editor.vue b/src/components/form-designer/setting-panel/property-editor/labelTooltip-editor.vue index 3ee13081369185a27f7946186343ea9a34a94be1..fb867c6a9e4363c18d0720cd00919d701fca62b2 100644 --- a/src/components/form-designer/setting-panel/property-editor/labelTooltip-editor.vue +++ b/src/components/form-designer/setting-panel/property-editor/labelTooltip-editor.vue @@ -5,17 +5,17 @@ diff --git a/src/components/form-designer/setting-panel/property-editor/multiple-editor.vue b/src/components/form-designer/setting-panel/property-editor/multiple-editor.vue index 487e4ad5b36169eb53f3bedbcd270c9a8c45beb5..3b97eb1e42707f2f2692087c325733bca48c0708 100644 --- a/src/components/form-designer/setting-panel/property-editor/multiple-editor.vue +++ b/src/components/form-designer/setting-panel/property-editor/multiple-editor.vue @@ -5,18 +5,18 @@ diff --git a/src/components/form-designer/setting-panel/property-editor/okButtonLabel-editor.vue b/src/components/form-designer/setting-panel/property-editor/okButtonLabel-editor.vue new file mode 100644 index 0000000000000000000000000000000000000000..7465d45f43ebb8385a3c8e74a442e92b24478dc7 --- /dev/null +++ b/src/components/form-designer/setting-panel/property-editor/okButtonLabel-editor.vue @@ -0,0 +1,29 @@ + + + + diff --git a/src/components/form-designer/setting-panel/property-editor/optionItems-editor.vue b/src/components/form-designer/setting-panel/property-editor/optionItems-editor.vue index d911453a7ede8ff5a098fbde6f8459dbe02354a7..886fde75f9e0a024e0588f08be5ab25d0f65d6ba 100644 --- a/src/components/form-designer/setting-panel/property-editor/optionItems-editor.vue +++ b/src/components/form-designer/setting-panel/property-editor/optionItems-editor.vue @@ -6,21 +6,21 @@ diff --git a/src/components/form-designer/setting-panel/property-editor/popover/eventTypeShow-editor.vue b/src/components/form-designer/setting-panel/property-editor/popover/eventTypeShow-editor.vue new file mode 100644 index 0000000000000000000000000000000000000000..4964b4482819dd9ad579d8e560edaa2aa0ca7686 --- /dev/null +++ b/src/components/form-designer/setting-panel/property-editor/popover/eventTypeShow-editor.vue @@ -0,0 +1,33 @@ + + + + + diff --git a/src/components/form-designer/setting-panel/property-editor/popover/popoverBinding-editor.vue b/src/components/form-designer/setting-panel/property-editor/popover/popoverBinding-editor.vue new file mode 100644 index 0000000000000000000000000000000000000000..ee2147f4e6f523a8a744f769d2d6dbbb8001f6b7 --- /dev/null +++ b/src/components/form-designer/setting-panel/property-editor/popover/popoverBinding-editor.vue @@ -0,0 +1,78 @@ + + + + + diff --git a/src/components/form-designer/setting-panel/property-editor/popover/popoverPosition-editor.vue b/src/components/form-designer/setting-panel/property-editor/popover/popoverPosition-editor.vue new file mode 100644 index 0000000000000000000000000000000000000000..6bf521d71718d3cec13a18c388e5339c94a53ed4 --- /dev/null +++ b/src/components/form-designer/setting-panel/property-editor/popover/popoverPosition-editor.vue @@ -0,0 +1,45 @@ + + + + diff --git a/src/components/form-designer/setting-panel/property-editor/precision-editor.vue b/src/components/form-designer/setting-panel/property-editor/precision-editor.vue index 4e648780a298f95a6003b87ef14be823af6d4d67..c6fa49f5553ca5d77df8ff15de6fcf545696e1df 100644 --- a/src/components/form-designer/setting-panel/property-editor/precision-editor.vue +++ b/src/components/form-designer/setting-panel/property-editor/precision-editor.vue @@ -5,17 +5,17 @@ diff --git a/src/components/form-designer/setting-panel/property-editor/restButtonLabel-editor.vue b/src/components/form-designer/setting-panel/property-editor/restButtonLabel-editor.vue new file mode 100644 index 0000000000000000000000000000000000000000..0e4f4fe1a1b959e0f2ea90f9a47b4d2d00be2535 --- /dev/null +++ b/src/components/form-designer/setting-panel/property-editor/restButtonLabel-editor.vue @@ -0,0 +1,29 @@ + + + + diff --git a/src/components/form-designer/setting-panel/property-editor/rows-editor.vue b/src/components/form-designer/setting-panel/property-editor/rows-editor.vue index dafd6882b4ea28bd6697cbcc7e7b8dd0066dd6ab..4c6be994ea89a4701a6e5f03bcacaa018bf86e73 100644 --- a/src/components/form-designer/setting-panel/property-editor/rows-editor.vue +++ b/src/components/form-designer/setting-panel/property-editor/rows-editor.vue @@ -5,18 +5,18 @@ diff --git a/src/components/form-designer/setting-panel/property-editor/showFileList-editor.vue b/src/components/form-designer/setting-panel/property-editor/showFileList-editor.vue index 04e2def0a8d147b0b04c38e839c9002baf5ef05f..3e4b34b2a661eb95e1b97cb7639deb57afe160fe 100644 --- a/src/components/form-designer/setting-panel/property-editor/showFileList-editor.vue +++ b/src/components/form-designer/setting-panel/property-editor/showFileList-editor.vue @@ -5,17 +5,17 @@ diff --git a/src/components/form-designer/widget-panel/index.vue b/src/components/form-designer/widget-panel/index.vue index 7b6dc890bf765159623bb679d2b7abca3fd691a5..5782f4959e2cc198b454040477419e1667a8babb 100644 --- a/src/components/form-designer/widget-panel/index.vue +++ b/src/components/form-designer/widget-panel/index.vue @@ -83,184 +83,191 @@ + + diff --git a/src/components/form-render/dynamic-popover.vue b/src/components/form-render/dynamic-popover.vue new file mode 100644 index 0000000000000000000000000000000000000000..902eaef0e096289ee9295a0d9b21086ba9af0c6c --- /dev/null +++ b/src/components/form-render/dynamic-popover.vue @@ -0,0 +1,191 @@ + + + + + + diff --git a/src/components/form-render/index.vue b/src/components/form-render/index.vue index 44742a52319482babf81d5f80316b5b977e3e095..cf4c6f81a7a181a346de3128a60d49156616f540 100644 --- a/src/components/form-render/index.vue +++ b/src/components/form-render/index.vue @@ -9,26 +9,39 @@ --> diff --git a/src/extension/samples/extension-schema.js b/src/extension/samples/extension-schema.js index abdae4856a8241795df09f658119eae962a7c7e3..2e735d50c9124495145a9713f21b3fc9deb57f13 100644 --- a/src/extension/samples/extension-schema.js +++ b/src/extension/samples/extension-schema.js @@ -1,36 +1,108 @@ +import {generateId} from '@/utils/util'; + export const cardSchema = { - type: 'card', - category: 'container', - icon: 'card', - widgetList: [], - options: { - name: '', - label: 'card', - hidden: false, - folded: false, - showFold: true, - cardWidth: '100%', - shadow: 'never', - customClass: '', - } -} + type: 'card', + category: 'container', + icon: 'card', + widgetList: [], + options: { + name: '', + label: 'card', + hidden: false, + folded: false, + showFold: true, + cardWidth: '100%', + shadow: 'never', + customClass: '', + } +}; export const alertSchema = { - type: 'alert', - icon: 'alert', - formItemFlag: false, - options: { - name: '', - title: 'Good things are coming...', - type: 'info', - description: '', - closable: true, - closeText: '', - center: true, - showIcon: false, - effect: 'light', - hidden: false, - onClose: '', - customClass: '', - } -} + type: 'alert', + icon: 'alert', + formItemFlag: false, + options: { + name: '', + title: 'Good things are coming...', + type: 'info', + description: '', + closable: true, + closeText: '', + center: true, + showIcon: false, + effect: 'light', + hidden: false, + onClose: '', + customClass: '', + } +}; + + +export const popoverSchema = { + type: 'popover', + category: 'container', + icon: 'cascader-field', + options: { + name: '', + hidden: false, + customClass: '', //自定义css类名 + } +}; + +export const containerSchema = { + type: 'container', + category: 'container', + icon: 'cascader-field', + options: { + name: '', + hidden: false, + customClass: '', //自定义css类名 + } +}; + +export const multiStatusSchema = { + type: 'multi-status', + icon: 'cascader-field', + formItemFlag: true, //是否需嵌套于el-form-item + options: { + name: '', + label: 'multi-status', + selectDefaultValue: '0', + + hidden: false, + labelWidth: '', + labelOverflow: 'label-overflow-nowrap', + customClass: '', + disabled: false, + + displayStyle: 'block', + + componentWidth: 100, + componentWidthType: '%', + + selectOptions : [ + { + 'label': '', + 'value': '0', + 'event': 'click', + 'index': generateId() + }, + { + 'label': '〇', + 'value': '1', + 'event': 'click', + 'color': '#52b358', + 'font-size': '16px', + 'index': generateId(), + }, + { + 'label': '×', + 'value': '2', + 'event': 'click', + 'font-size': '16px', + 'color': '#b72020', + 'index': generateId(), + } + ] + } +}; diff --git a/src/extension/samples/extension-sfc-generator.js b/src/extension/samples/extension-sfc-generator.js index 4625c03a5011efa0ac5b7bf46006cedfdd35952f..948cff3a77abc38460f87373796fe93a9aec9fc1 100644 --- a/src/extension/samples/extension-sfc-generator.js +++ b/src/extension/samples/extension-sfc-generator.js @@ -1,50 +1,70 @@ -import {buildClassAttr, buildContainerWidget, buildFieldWidget} from '@/utils/sfc-generator' +import {buildClassAttr, buildContainerWidget, buildFieldWidget} from '@/utils/sfc-generator'; export const cardTemplateGenerator = function (cw, formConfig) { - const wop = cw.options - //const headerAttr = `header="${wop.label}"` - const classAttr = buildClassAttr(cw) - const styleAttr = !!wop.cardWidth ? `style="{width: ${wop.cardWidth} !important}"` : '' - const shadowAttr = `shadow="${wop.shadow}"` - const vShowAttr = !!wop.hidden ? `v-show="false"` : '' - - const cardTemplate = + const wop = cw.options; + //const headerAttr = `header="${wop.label}"` + const classAttr = buildClassAttr(cw); + const styleAttr = wop.cardWidth ? `style="{width: ${wop.cardWidth} !important}"` : ''; + const shadowAttr = `shadow="${wop.shadow}"`; + const vShowAttr = wop.hidden ? 'v-show="false"' : ''; + + const cardTemplate = `
    ${wop.label} - ${!!wop.showFold ? `` : ''} + ${wop.showFold ? '' : ''}
    ${ - cw.widgetList.map(wItem => { - if (wItem.category === 'container') { - return buildContainerWidget(wItem, formConfig) - } else { - return buildFieldWidget(wItem, formConfig) - } - }).join('') - } + cw.widgetList.map(wItem => { + if (wItem.category === 'container') { + return buildContainerWidget(wItem, formConfig); + } else { + return buildFieldWidget(wItem, formConfig); + } + }).join('') +}     -
    ` +
    `; - return cardTemplate -} + return cardTemplate; +}; export const alertTemplateGenerator = function(fw, formConfig) { - const wop = fw.options - const titleAttr = `title="${wop.title}"` - const typeAttr = `type=${wop.type}` - const descriptionAttr = !!wop.description ? `description="${wop.description}"` : '' - const closableAttr = `:closable="${wop.closable}"` - const closeTextAttr = !!wop.closeText ? `close-text="${wop.closeText}"` : '' - const centerAttr = `:center="${wop.center}"` - const showIconAttr = `:show-icon="${wop.showIcon}"` - const effectAttr = `effect="${wop.effect}"` - - const alertTemplate = + const wop = fw.options; + const titleAttr = `title="${wop.title}"`; + const typeAttr = `type=${wop.type}`; + const descriptionAttr = wop.description ? `description="${wop.description}"` : ''; + const closableAttr = `:closable="${wop.closable}"`; + const closeTextAttr = wop.closeText ? `close-text="${wop.closeText}"` : ''; + const centerAttr = `:center="${wop.center}"`; + const showIconAttr = `:show-icon="${wop.showIcon}"`; + const effectAttr = `effect="${wop.effect}"`; + + const alertTemplate = ` -` +`; + + return alertTemplate; +}; + +export const multiStatusTemplateGenerator = function(fw, formConfig) { + const wop = fw.options; + const titleAttr = `title="${wop.title}"`; + const typeAttr = `type=${wop.type}`; + const descriptionAttr = wop.description ? `description="${wop.description}"` : ''; + const closableAttr = `:closable="${wop.closable}"`; + const closeTextAttr = wop.closeText ? `close-text="${wop.closeText}"` : ''; + const centerAttr = `:center="${wop.center}"`; + const showIconAttr = `:show-icon="${wop.showIcon}"`; + const effectAttr = `effect="${wop.effect}"`; + + const alertTemplate = + ` +`; + + return alertTemplate; +}; - return alertTemplate -} diff --git a/src/extension/samples/multiStatus/multi-status-widget.vue b/src/extension/samples/multiStatus/multi-status-widget.vue new file mode 100644 index 0000000000000000000000000000000000000000..aae990e577fcf189d1e6ef403458d5095654c1ac --- /dev/null +++ b/src/extension/samples/multiStatus/multi-status-widget.vue @@ -0,0 +1,113 @@ + + + + + diff --git a/src/extension/samples/multiStatus/multi-status.vue b/src/extension/samples/multiStatus/multi-status.vue new file mode 100644 index 0000000000000000000000000000000000000000..87b683fb0a1813c21d0efcc0e1b604ae8d1405d0 --- /dev/null +++ b/src/extension/samples/multiStatus/multi-status.vue @@ -0,0 +1,162 @@ + + + + + diff --git a/src/iconfont/iconfont.js b/src/iconfont/iconfont.js index 577219f592e1629460fb5ded1f09552f8c31c1f7..ef35d5179735ce52e39acb9b7e584057f6f85f08 100644 --- a/src/iconfont/iconfont.js +++ b/src/iconfont/iconfont.js @@ -1 +1 @@ -!function(e){var t,n,o,l,c,i,a='',d=(d=document.getElementsByTagName("script"))[d.length-1].getAttribute("data-injectcss");if(d&&!e.__iconfont__svg__cssinject__){e.__iconfont__svg__cssinject__=!0;try{document.write("")}catch(e){console&&console.log(e)}}function s(){c||(c=!0,o())}t=function(){var e,t,n,o;(o=document.createElement("div")).innerHTML=a,a=null,(n=o.getElementsByTagName("svg")[0])&&(n.setAttribute("aria-hidden","true"),n.style.position="absolute",n.style.width=0,n.style.height=0,n.style.overflow="hidden",e=n,(t=document.body).firstChild?(o=e,(n=t.firstChild).parentNode.insertBefore(o,n)):t.appendChild(e))},document.addEventListener?~["complete","loaded","interactive"].indexOf(document.readyState)?setTimeout(t,0):(n=function(){document.removeEventListener("DOMContentLoaded",n,!1),t()},document.addEventListener("DOMContentLoaded",n,!1)):document.attachEvent&&(o=t,l=e.document,c=!1,(i=function(){try{l.documentElement.doScroll("left")}catch(e){return void setTimeout(i,50)}s()})(),l.onreadystatechange=function(){"complete"==l.readyState&&(l.onreadystatechange=null,s())})}(window); \ No newline at end of file +!function(e){var t,n,o,l,c,i,a='',d=(d=document.getElementsByTagName('script'))[d.length-1].getAttribute('data-injectcss');if(d&&!e.__iconfont__svg__cssinject__){e.__iconfont__svg__cssinject__=!0;try{document.write('');}catch(e){console&&console.log(e);}}function s(){c||(c=!0,o());}t=function(){var e,t,n,o;(o=document.createElement('div')).innerHTML=a,a=null,(n=o.getElementsByTagName('svg')[0])&&(n.setAttribute('aria-hidden','true'),n.style.position='absolute',n.style.width=0,n.style.height=0,n.style.overflow='hidden',e=n,(t=document.body).firstChild?(o=e,(n=t.firstChild).parentNode.insertBefore(o,n)):t.appendChild(e));},document.addEventListener?~['complete','loaded','interactive'].indexOf(document.readyState)?setTimeout(t,0):(n=function(){document.removeEventListener('DOMContentLoaded',n,!1),t();},document.addEventListener('DOMContentLoaded',n,!1)):document.attachEvent&&(o=t,l=e.document,c=!1,(i=function(){try{l.documentElement.doScroll('left');}catch(e){return void setTimeout(i,50);}s();})(),l.onreadystatechange=function(){'complete'==l.readyState&&(l.onreadystatechange=null,s());});}(window); diff --git a/src/icons/index.js b/src/icons/index.js index 4c4c36eb72cd47b92f3254cccd03b89f96271edd..c7f6532cf63601236c312e0eeda5fd10672b10f8 100644 --- a/src/icons/index.js +++ b/src/icons/index.js @@ -1,3 +1,3 @@ -const requireAll = requireContext => requireContext.keys().map(requireContext) -const req = require.context('./svg', false, /\.svg$/) -requireAll(req) +const requireAll = requireContext => requireContext.keys().map(requireContext); +const req = require.context('./svg', false, /\.svg$/); +requireAll(req); diff --git a/src/icons/svg/locating.svg b/src/icons/svg/locating.svg new file mode 100644 index 0000000000000000000000000000000000000000..fcbd5589f8e84b46a3574a0c928b38f46a0fe087 --- /dev/null +++ b/src/icons/svg/locating.svg @@ -0,0 +1,8 @@ + + + + + diff --git a/src/icons/svg/popup.svg b/src/icons/svg/popup.svg new file mode 100644 index 0000000000000000000000000000000000000000..e869427fd4dc1d661091958707d41214214f053c --- /dev/null +++ b/src/icons/svg/popup.svg @@ -0,0 +1,9 @@ + + + + + diff --git a/src/lang/en-US.js b/src/lang/en-US.js index 102b1ae7d07237e51e3f718a227eef3390185620..ca6aed9dd5d3596e3fc76de592d72890bf1c1677 100644 --- a/src/lang/en-US.js +++ b/src/lang/en-US.js @@ -1,351 +1,351 @@ export default { - application: { - 'zh-CN': '简体中文', - 'en-US': 'English', - productTitle: 'Online Form Designer', - github: 'GitHub', - document: 'Docs', - qqGroup: 'WeChat Group', - deployment: 'Deployment', - subscription: 'Subscription', - }, + application: { + 'zh-CN': '简体中文', + 'en-US': 'English', + productTitle: 'Online Form Designer', + github: 'GitHub', + document: 'Docs', + qqGroup: 'WeChat Group', + deployment: 'Deployment', + subscription: 'Subscription', + }, - designer: { - componentLib: 'Components', - formLib: 'Templates', - containerTitle: 'Container', - dragHandlerHint: 'drag container or field to layout center', - dragAction: 'drag', - basicFieldTitle: 'Basic Field', - advancedFieldTitle: 'Advanced Field', - customFieldTitle: 'Customized Field', + designer: { + componentLib: 'Components', + formLib: 'Templates', + containerTitle: 'Container', + dragHandlerHint: 'drag container or field to layout center', + dragAction: 'drag', + basicFieldTitle: 'Basic Field', + advancedFieldTitle: 'Advanced Field', + customFieldTitle: 'Customized Field', - noWidgetHint: 'Please select a widget from the left list, drag and drop to this container.', + noWidgetHint: 'Please select a widget from the left list, drag and drop to this container.', - widgetLabel: { - grid: 'Grid', - table: 'Table', - tab: 'Tab', - section: 'Section', - 'sub-form': 'SubForm', - 'grid-col': 'GridCol', - 'table-cell': 'TableCell', - 'tab-pane': 'TabPane', - 'data-table': 'DataTable', + widgetLabel: { + grid: 'Grid', + table: 'Table', + tab: 'Tab', + section: 'Section', + 'sub-form': 'SubForm', + 'grid-col': 'GridCol', + 'table-cell': 'TableCell', + 'tab-pane': 'TabPane', + 'data-table': 'DataTable', - input: 'Input', - textarea: 'Textarea', - number: 'InputNumber', - radio: 'Radio', - checkbox: 'Checkbox', - select: 'Select', - time: 'Time', - 'time-range': 'Time range', - date: 'Date', - 'date-range': 'Date range', - switch: 'Switch', - rate: 'Rate', - color: 'ColorPicker', - slider: 'Slider', - 'static-text': 'Text', - 'html-text': 'HTML', - button: 'Button', - divider: 'Divider', + input: 'Input', + textarea: 'Textarea', + number: 'InputNumber', + radio: 'Radio', + checkbox: 'Checkbox', + select: 'Select', + time: 'Time', + 'time-range': 'Time range', + date: 'Date', + 'date-range': 'Date range', + switch: 'Switch', + rate: 'Rate', + color: 'ColorPicker', + slider: 'Slider', + 'static-text': 'Text', + 'html-text': 'HTML', + button: 'Button', + divider: 'Divider', - 'picture-upload': 'Picture', - 'file-upload': 'File', - 'rich-editor': 'Rich Editor', - cascader: 'Cascader', - slot: 'Slot', + 'picture-upload': 'Picture', + 'file-upload': 'File', + 'rich-editor': 'Rich Editor', + cascader: 'Cascader', + slot: 'Slot', - custom: 'Custom Component', - }, + custom: 'Custom Component', + }, - hint: { - selectParentWidget: 'Select parent of this widget', - moveUpWidget: 'Move up this widget', - moveDownWidget: 'Move down this widget', - cloneWidget: 'Clone this widget', - insertRow: 'Insert new row', - insertColumn: 'Insert new column', - remove: 'Remove this widget', - cellSetting: 'Cell setting', - dragHandler: 'Drag handler', - copyField: 'Copy field widget', - onlyFieldWidgetAcceptable: 'Only field widget can be dragged into sub-form', - moveUpFirstChildHint: 'First child can not be move up', - moveDownLastChildHint: 'Last child can not be move down', + hint: { + selectParentWidget: 'Select parent of this widget', + moveUpWidget: 'Move up this widget', + moveDownWidget: 'Move down this widget', + cloneWidget: 'Clone this widget', + insertRow: 'Insert new row', + insertColumn: 'Insert new column', + remove: 'Remove this widget', + cellSetting: 'Cell setting', + dragHandler: 'Drag handler', + copyField: 'Copy field widget', + onlyFieldWidgetAcceptable: 'Only field widget can be dragged into sub-form', + moveUpFirstChildHint: 'First child can not be move up', + moveDownLastChildHint: 'Last child can not be move down', - closePreview: 'Close', - copyJson: 'Copy', - saveFormJson: 'Save As File', - copyVueCode: 'Copy Vue Code', - copyHtmlCode: 'Copy HTML Code', - copyJsonSuccess: 'Copy succeed', - importJsonSuccess: 'Import succeed', - copyJsonFail: 'Copy failed', - copyVueCodeSuccess: 'Copy succeed', - copyVueCodeFail: 'Copy failed', - copyHtmlCodeSuccess: 'Copy succeed', - copyHtmlCodeFail: 'Copy failed', - saveVueCode: 'Save Vue File', - saveHtmlCode: 'Save Html File', - getFormData: 'Get Data', - resetForm: 'Reset', - disableForm: 'Disable', - enableForm: 'Enable', - exportFormData: 'Form Data', - copyFormData: 'Copy', - saveFormData: 'Save As File', - copyVue2SFC: 'Copy Vue2', - copyVue3SFC: 'Copy Vue3', - copySFCFail: 'Copy failed', - copySFCSuccess: 'Copy succeed', - saveVue2SFC: 'Save As Vue2', - saveVue3SFC: 'Save As Vue3', - fileNameForSave: 'File name:', - saveFileTitle: 'Save as File', - fileNameInputPlaceholder: 'Enter the file name', - sampleLoadedSuccess: 'Example loaded successfully', - sampleLoadedFail: 'Sample load failed', - loadFormTemplate: 'Load This', - loadFormTemplateHint: 'Are you sure to load this template?', - loadFormTemplateSuccess: 'Load form template success!', - loadFormTemplateFailed: 'Load form template failed.', - currentNodeCannotBeSelected: 'The current node cannot be selected.', + closePreview: 'Close', + copyJson: 'Copy', + saveFormJson: 'Save As File', + copyVueCode: 'Copy Vue Code', + copyHtmlCode: 'Copy HTML Code', + copyJsonSuccess: 'Copy succeed', + importJsonSuccess: 'Import succeed', + copyJsonFail: 'Copy failed', + copyVueCodeSuccess: 'Copy succeed', + copyVueCodeFail: 'Copy failed', + copyHtmlCodeSuccess: 'Copy succeed', + copyHtmlCodeFail: 'Copy failed', + saveVueCode: 'Save Vue File', + saveHtmlCode: 'Save Html File', + getFormData: 'Get Data', + resetForm: 'Reset', + disableForm: 'Disable', + enableForm: 'Enable', + exportFormData: 'Form Data', + copyFormData: 'Copy', + saveFormData: 'Save As File', + copyVue2SFC: 'Copy Vue2', + copyVue3SFC: 'Copy Vue3', + copySFCFail: 'Copy failed', + copySFCSuccess: 'Copy succeed', + saveVue2SFC: 'Save As Vue2', + saveVue3SFC: 'Save As Vue3', + fileNameForSave: 'File name:', + saveFileTitle: 'Save as File', + fileNameInputPlaceholder: 'Enter the file name', + sampleLoadedSuccess: 'Example loaded successfully', + sampleLoadedFail: 'Sample load failed', + loadFormTemplate: 'Load This', + loadFormTemplateHint: 'Are you sure to load this template?', + loadFormTemplateSuccess: 'Load form template success!', + loadFormTemplateFailed: 'Load form template failed.', + currentNodeCannotBeSelected: 'The current node cannot be selected.', - widgetSetting: 'Widget Config', - formSetting: 'Form Config', + widgetSetting: 'Widget Config', + formSetting: 'Form Config', - prompt: 'Prompt', - confirm: 'OK', - cancel: 'Cancel', - import: 'Import', - importJsonHint: 'The code to be imported should have the following JSON format.', - invalidOptionsData: 'Invalid data of options:', - lastPaneCannotBeDeleted: 'The last pane cannot be deleted.', - duplicateName: 'Duplicate name: ', - nameRequired: 'Name required.', + prompt: 'Prompt', + confirm: 'OK', + cancel: 'Cancel', + import: 'Import', + importJsonHint: 'The code to be imported should have the following JSON format.', + invalidOptionsData: 'Invalid data of options:', + lastPaneCannotBeDeleted: 'The last pane cannot be deleted.', + duplicateName: 'Duplicate name: ', + nameRequired: 'Name required.', - numberValidator: 'Number', - letterValidator: 'Letter', - letterAndNumberValidator: 'LetterAndNumber', - mobilePhoneValidator: 'MobilePhone', - emailValidator: 'Email', - urlValidator: 'URL', - noChineseValidator: 'Non-Chinese', - chineseValidator: 'Chinese', + numberValidator: 'Number', + letterValidator: 'Letter', + letterAndNumberValidator: 'LetterAndNumber', + mobilePhoneValidator: 'MobilePhone', + emailValidator: 'Email', + urlValidator: 'URL', + noChineseValidator: 'Non-Chinese', + chineseValidator: 'Chinese', - rowspanNotConsistentForMergeEntireRow: 'Cells in this row don\'t have the same rowspan, operation failed.', - colspanNotConsistentForMergeEntireColumn: 'Cells in this column don\'t have the same colspan, operation failed.', - rowspanNotConsistentForDeleteEntireRow: 'Cells in this row don\'t have the same rowspan, operation failed.', - colspanNotConsistentForDeleteEntireColumn: 'Cells in this column don\'t have the same colspan, operation failed.', - lastColCannotBeDeleted: 'The last col cannot be deleted.', - lastRowCannotBeDeleted: 'The last row cannot be deleted.', - }, + rowspanNotConsistentForMergeEntireRow: 'Cells in this row don\'t have the same rowspan, operation failed.', + colspanNotConsistentForMergeEntireColumn: 'Cells in this column don\'t have the same colspan, operation failed.', + rowspanNotConsistentForDeleteEntireRow: 'Cells in this row don\'t have the same rowspan, operation failed.', + colspanNotConsistentForDeleteEntireColumn: 'Cells in this column don\'t have the same colspan, operation failed.', + lastColCannotBeDeleted: 'The last col cannot be deleted.', + lastRowCannotBeDeleted: 'The last row cannot be deleted.', + }, - toolbar: { - undoHint: 'Undo', - redoHint: 'Redo', - pcLayout: 'PC', - padLayout: 'Pad', - mobileLayout: 'H5', - nodeTreeHint: 'Tree View Of Component Hierarchy', - nodeTreeTitle: 'Tree View Of Component Hierarchy', - clear: 'Clear', - preview: 'Preview', - importJson: 'Import', - exportJson: 'Export', - exportCode: 'Codes', - generateCode: 'Generate Code', - generateSFC: 'Generate SFC', - }, + toolbar: { + undoHint: 'Undo', + redoHint: 'Redo', + pcLayout: 'PC', + padLayout: 'Pad', + mobileLayout: 'H5', + nodeTreeHint: 'Tree View Of Component Hierarchy', + nodeTreeTitle: 'Tree View Of Component Hierarchy', + clear: 'Clear', + preview: 'Preview', + importJson: 'Import', + exportJson: 'Export', + exportCode: 'Codes', + generateCode: 'Generate Code', + generateSFC: 'Generate SFC', + }, - setting: { - basicSetting: 'Basic Setting', - attributeSetting: 'Attribute Setting', - commonSetting: 'Common Setting', - advancedSetting: 'Advanced Setting', - eventSetting: 'Event Setting', - uniqueName: 'Unique Name', - editNameHelp: 'Press enter to confirm the modification', - label: 'Label', - displayType: 'Type', - defaultValue: 'Default Value', - placeholder: 'Placeholder', - startPlaceholder: 'Start Placeholder', - endPlaceholder: 'End Placeholder', - widgetColumnWidth: 'Width', - widgetSize: 'Size', - fontSize: 'Font Size', - showStops: 'Show Stops', - displayStyle: 'Display Style', - inlineLayout: 'inline', - blockLayout: 'block', - buttonStyle: 'Show As Button', - border: 'Show Border', - labelWidth: 'Width Of Label', - rows: 'Rows', - labelHidden: 'Hide Label', - required: 'Required', - requiredHint: 'Failure Hint', - validation: 'Validation', - validationHelp: 'Regular expressions supported', - validationHint: 'Validation Hint', - readonly: 'Readonly', - disabled: 'Disabled', - hidden: 'Hidden', - textContent: 'Text', - htmlContent: 'HTML', - clearable: 'Clearable', - editable: 'Editable', - format: 'Format', - valueFormat: 'Value Format', - showPassword: 'Show Reveal', - filterable: 'Filterable', - allowCreate: 'Allow Create', - remote: 'Remote Query', - automaticDropdown: 'Automatic Dropdown', - multiple: 'Multiple', - multipleLimit: 'Multiple Limit', - checkStrictly: 'Any Level Selectable', - showAllLevels: 'Show All Levels', - contentPosition: 'Content Position', - plain: 'Plain', - round: 'Round', - circle: 'Circle', - icon: 'Icon', - optionsSetting: 'Options Setting', - addOption: 'Add Option', - importOptions: 'Import Options', - resetDefault: 'Reset Default', - uploadSetting: 'Upload Setting', - uploadURL: 'Upload URL', - uploadTip: 'Tip Content', - withCredentials: 'Send Cookie', - multipleSelect: 'File Multi-select', - showFileList: 'Show File List', - limit: 'Max Upload Number', - fileMaxSize: 'Max Size(MB)', - fileTypes: 'Upload File Types', - fileTypesHelp: 'Allows to add more file types', - headers: 'Request Headers', + setting: { + basicSetting: 'Basic Setting', + attributeSetting: 'Attribute Setting', + commonSetting: 'Common Setting', + advancedSetting: 'Advanced Setting', + eventSetting: 'Event Setting', + uniqueName: 'Unique Name', + editNameHelp: 'Press enter to confirm the modification', + label: 'Label', + displayType: 'Type', + defaultValue: 'Default Value', + placeholder: 'Placeholder', + startPlaceholder: 'Start Placeholder', + endPlaceholder: 'End Placeholder', + widgetColumnWidth: 'Width', + widgetSize: 'Size', + fontSize: 'Font Size', + showStops: 'Show Stops', + displayStyle: 'Display Style', + inlineLayout: 'inline', + blockLayout: 'block', + buttonStyle: 'Show As Button', + border: 'Show Border', + labelWidth: 'Width Of Label', + rows: 'Rows', + labelHidden: 'Hide Label', + required: 'Required', + requiredHint: 'Failure Hint', + validation: 'Validation', + validationHelp: 'Regular expressions supported', + validationHint: 'Validation Hint', + readonly: 'Readonly', + disabled: 'Disabled', + hidden: 'Hidden', + textContent: 'Text', + htmlContent: 'HTML', + clearable: 'Clearable', + editable: 'Editable', + format: 'Format', + valueFormat: 'Value Format', + showPassword: 'Show Reveal', + filterable: 'Filterable', + allowCreate: 'Allow Create', + remote: 'Remote Query', + automaticDropdown: 'Automatic Dropdown', + multiple: 'Multiple', + multipleLimit: 'Multiple Limit', + checkStrictly: 'Any Level Selectable', + showAllLevels: 'Show All Levels', + contentPosition: 'Content Position', + plain: 'Plain', + round: 'Round', + circle: 'Circle', + icon: 'Icon', + optionsSetting: 'Options Setting', + addOption: 'Add Option', + importOptions: 'Import Options', + resetDefault: 'Reset Default', + uploadSetting: 'Upload Setting', + uploadURL: 'Upload URL', + uploadTip: 'Tip Content', + withCredentials: 'Send Cookie', + multipleSelect: 'File Multi-select', + showFileList: 'Show File List', + limit: 'Max Upload Number', + fileMaxSize: 'Max Size(MB)', + fileTypes: 'Upload File Types', + fileTypesHelp: 'Allows to add more file types', + headers: 'Request Headers', - cellWidth: 'Width', - cellHeight: 'Height', - gridColHeight: 'Height Of Col(px)', - gutter: 'Gutter(px)', - columnSetting: 'Cols Setting', - colsOfGrid: 'Cols Of Grid:', - colSpanTitle: 'Spans Of Col', - colOffsetTitle: 'Offset Of Col', - colPushTitle: 'Push Of Col', - colPullTitle: 'Pull Of Col', - addColumn: 'Add Column', - responsive: 'Responsive', + cellWidth: 'Width', + cellHeight: 'Height', + gridColHeight: 'Height Of Col(px)', + gutter: 'Gutter(px)', + columnSetting: 'Cols Setting', + colsOfGrid: 'Cols Of Grid:', + colSpanTitle: 'Spans Of Col', + colOffsetTitle: 'Offset Of Col', + colPushTitle: 'Push Of Col', + colPullTitle: 'Pull Of Col', + addColumn: 'Add Column', + responsive: 'Responsive', - tabPaneSetting: 'Tab Panes', - addTabPane: 'Add Tab Pane', - paneActive: 'Active', + tabPaneSetting: 'Tab Panes', + addTabPane: 'Add Tab Pane', + paneActive: 'Active', - customLabelIcon: 'Custom Label', - labelIconClass: 'Label Icon Class', - labelIconPosition: 'Label Icon Position', - labelTooltip: 'Label Tooltip', - minValue: 'Min Value', - maxValue: 'Max Value', - precision: 'Precision', - step: 'Step', - controlsPosition: 'Controls Position', - minLength: 'Min Length', - maxLength: 'Max Length', - showWordLimit: 'Show Word Limit', - prefixIcon: 'Prefix Icon', - suffixIcon: 'Suffix Icon', - inputButton: 'Input Button Setting', - appendButton: 'Append Button', - appendButtonDisabled: 'Button Disabled', - appendButtonIcon: 'Append Button Icon', - buttonIcon: 'Button Icon', - switchWidth: 'Width of Switch(px)', - activeText: 'Active Text', - inactiveText: 'Inactive Text', - activeColor: 'Active Color', - inactiveColor: 'Inactive Color', - maxStars: 'Stars Max Number', - lowThreshold: 'Low Threshold', - highThreshold: 'High Threshold', - allowHalf: 'Allow Half', - showText: 'Show Text', - showScore: 'Show Score', - range: 'Range', - vertical: 'Vertical', - showBlankRow: 'Show Blank Row', - showRowNumber: 'Show Row Number', + customLabelIcon: 'Custom Label', + labelIconClass: 'Label Icon Class', + labelIconPosition: 'Label Icon Position', + labelTooltip: 'Label Tooltip', + minValue: 'Min Value', + maxValue: 'Max Value', + precision: 'Precision', + step: 'Step', + controlsPosition: 'Controls Position', + minLength: 'Min Length', + maxLength: 'Max Length', + showWordLimit: 'Show Word Limit', + prefixIcon: 'Prefix Icon', + suffixIcon: 'Suffix Icon', + inputButton: 'Input Button Setting', + appendButton: 'Append Button', + appendButtonDisabled: 'Button Disabled', + appendButtonIcon: 'Append Button Icon', + buttonIcon: 'Button Icon', + switchWidth: 'Width of Switch(px)', + activeText: 'Active Text', + inactiveText: 'Inactive Text', + activeColor: 'Active Color', + inactiveColor: 'Inactive Color', + maxStars: 'Stars Max Number', + lowThreshold: 'Low Threshold', + highThreshold: 'High Threshold', + allowHalf: 'Allow Half', + showText: 'Show Text', + showScore: 'Show Score', + range: 'Range', + vertical: 'Vertical', + showBlankRow: 'Show Blank Row', + showRowNumber: 'Show Row Number', - insertColumnToLeft: 'insert column to left', - insertColumnToRight: 'insert column to right', - insertRowAbove: 'insert row above', - insertRowBelow: 'insert row below', - mergeLeftColumn: 'merge left cell', - mergeRightColumn: 'merge right cell', - mergeEntireRow: 'merge entire row', - mergeRowAbove: 'merge cell above', - mergeRowBelow: 'merge cell below', - mergeEntireColumn: 'merge entire column', - undoMergeCol: 'undo merge column', - undoMergeRow: 'undo merge row', - deleteEntireCol: 'delete entire column', - deleteEntireRow: 'delete entire row', + insertColumnToLeft: 'insert column to left', + insertColumnToRight: 'insert column to right', + insertRowAbove: 'insert row above', + insertRowBelow: 'insert row below', + mergeLeftColumn: 'merge left cell', + mergeRightColumn: 'merge right cell', + mergeEntireRow: 'merge entire row', + mergeRowAbove: 'merge cell above', + mergeRowBelow: 'merge cell below', + mergeEntireColumn: 'merge entire column', + undoMergeCol: 'undo merge column', + undoMergeRow: 'undo merge row', + deleteEntireCol: 'delete entire column', + deleteEntireRow: 'delete entire row', - widgetName: 'Unique Name', - formSize: 'Size', - labelPosition: 'Position Of Label', - topPosition: 'Top', - leftPosition: 'Left', - labelAlign: 'Label Align', - leftAlign: 'Left', - centerAlign: 'Center', - rightAlign: 'Right', - formCss: 'Form CSS', - addCss: 'Edit', - customClass: 'Custom Class', - globalFunctions: 'Global Functions', - addEventHandler: 'Edit', - editWidgetEventHandler: 'Edit Widget Event Handler', - editFormEventHandler: 'Edit Form Event Handler', - formSFCSetting: 'SFC Setting', - formModelName: 'Model Name', - formRefName: 'Ref Name', - formRulesName: 'Rules Name', - syntaxCheckWarning: 'Syntax error in the javascript codes, please check again!', + widgetName: 'Unique Name', + formSize: 'Size', + labelPosition: 'Position Of Label', + topPosition: 'Top', + leftPosition: 'Left', + labelAlign: 'Label Align', + leftAlign: 'Left', + centerAlign: 'Center', + rightAlign: 'Right', + formCss: 'Form CSS', + addCss: 'Edit', + customClass: 'Custom Class', + globalFunctions: 'Global Functions', + addEventHandler: 'Edit', + editWidgetEventHandler: 'Edit Widget Event Handler', + editFormEventHandler: 'Edit Form Event Handler', + formSFCSetting: 'SFC Setting', + formModelName: 'Model Name', + formRefName: 'Ref Name', + formRulesName: 'Rules Name', + syntaxCheckWarning: 'Syntax error in the javascript codes, please check again!', - //data-table - tableWidth: 'Width(px/%)', - tableHeight: 'Height(px/%)', - showCheckBox: 'Show CheckBox', - showIndex: 'Show Row Number', - showPagination: 'Show Pagination', - smallPagination: 'Small Pagination', - tableColEdit: 'Edit Cols', - tableDataEdit: 'Edit Data', - stripe: 'Stripe', - showSummary: 'Show Summary', - rowSpacing: 'Row Spacing(px)', - editAction: 'Edit...', - columnName: 'Name', - columnLabel: 'Label', - columnWidth: 'Width(px/%)', - visibleColumn: 'Visible', - sortableColumn: 'Sortable', - fixedColumn: 'Fixed', - alignTypeOfColumn: 'Align', - formatOfColumn: 'Format', - actionColumn: 'Action', - addTableColumn: 'Add New Column', - deleteTableColumn: 'Delete This Column', - OnlyOneColumnCannotBeDeleted: 'The last column cannot be deleted.', - } + //data-table + tableWidth: 'Width(px/%)', + tableHeight: 'Height(px/%)', + showCheckBox: 'Show CheckBox', + showIndex: 'Show Row Number', + showPagination: 'Show Pagination', + smallPagination: 'Small Pagination', + tableColEdit: 'Edit Cols', + tableDataEdit: 'Edit Data', + stripe: 'Stripe', + showSummary: 'Show Summary', + rowSpacing: 'Row Spacing(px)', + editAction: 'Edit...', + columnName: 'Name', + columnLabel: 'Label', + columnWidth: 'Width(px/%)', + visibleColumn: 'Visible', + sortableColumn: 'Sortable', + fixedColumn: 'Fixed', + alignTypeOfColumn: 'Align', + formatOfColumn: 'Format', + actionColumn: 'Action', + addTableColumn: 'Add New Column', + deleteTableColumn: 'Delete This Column', + OnlyOneColumnCannotBeDeleted: 'The last column cannot be deleted.', + } - } -} + } +}; diff --git a/src/lang/en-US_extension.js b/src/lang/en-US_extension.js index 2149320e8f75f1dd5a2fbdea5aadfd0233e31113..ea0170e901f6969b2c761ecc2ec9f46d565497b3 100644 --- a/src/lang/en-US_extension.js +++ b/src/lang/en-US_extension.js @@ -1,26 +1,26 @@ export default { - extension: { - widgetLabel: { - card: 'Card', - alert: 'Alert', - }, + extension: { + widgetLabel: { + card: 'Card', + alert: 'Alert', + }, - setting: { - cardFolded: 'Folded', - cardShowFold: 'Show Fold', - cardWidth: 'Width Of Card', - cardShadow: 'Shadow', + setting: { + cardFolded: 'Folded', + cardShowFold: 'Show Fold', + cardWidth: 'Width Of Card', + cardShadow: 'Shadow', - alertTitle: 'Title', - alertType: 'Type', - description: 'Description', - closable: 'Closable', - closeText: 'Text On Close Btn', - center: 'Center', - showIcon: 'Show Icon', - effect: 'Effect', + alertTitle: 'Title', + alertType: 'Type', + description: 'Description', + closable: 'Closable', + closeText: 'Text On Close Btn', + center: 'Center', + showIcon: 'Show Icon', + effect: 'Effect', - }, + }, - } -} + } +}; diff --git a/src/lang/en-US_render.js b/src/lang/en-US_render.js index 8582386711a3227613abfc8c1387cd7c93bdf9e2..37493b724e12a7fd4dfa6b69442704dac20c068f 100644 --- a/src/lang/en-US_render.js +++ b/src/lang/en-US_render.js @@ -1,38 +1,38 @@ export default { - render: { + render: { - hint: { - prompt: 'Prompt', - confirm: 'OK', - cancel: 'Cancel', + hint: { + prompt: 'Prompt', + confirm: 'OK', + cancel: 'Cancel', - selectPlaceholder: 'Pick some item', - timePlaceholder: 'Select time', - startTimePlaceholder: 'Start time', - endTimePlaceholder: 'End time', - datePlaceholder: 'Select date', - startDatePlaceholder: 'Start date', - endDatePlaceholder: 'End date', - blankCellContent: '--', + selectPlaceholder: 'Pick some item', + timePlaceholder: 'Select time', + startTimePlaceholder: 'Start time', + endTimePlaceholder: 'End time', + datePlaceholder: 'Select date', + startDatePlaceholder: 'Start date', + endDatePlaceholder: 'End date', + blankCellContent: '--', - uploadError: 'Upload error: ', - uploadExceed: 'The maximum number(${uploadLimit}) of file uploads has been exceeded.', - unsupportedFileType: 'Unsupported format: ', - fileSizeExceed: 'File size out of limit: ', - refNotFound: 'Ref not found: ', - fieldRequired: 'Input value should be not null.', - invalidNumber: 'Invalid number format', - selectFile: ' File...', - downloadFile: 'Download', - removeFile: 'Remove', - validationFailed: 'Form validation failed', + uploadError: 'Upload error: ', + uploadExceed: 'The maximum number(${uploadLimit}) of file uploads has been exceeded.', + unsupportedFileType: 'Unsupported format: ', + fileSizeExceed: 'File size out of limit: ', + refNotFound: 'Ref not found: ', + fieldRequired: 'Input value should be not null.', + invalidNumber: 'Invalid number format', + selectFile: ' File...', + downloadFile: 'Download', + removeFile: 'Remove', + validationFailed: 'Form validation failed', - subFormAction: 'Action', - subFormAddAction: 'Add', - subFormAddActionHint: 'add new row', - insertSubFormRow: 'insert new row', - deleteSubFormRow: 'delete this row', - nonSubFormType: 'The type of widget don\'t match sub-form', - } - } -} + subFormAction: 'Action', + subFormAddAction: 'Add', + subFormAddActionHint: 'add new row', + insertSubFormRow: 'insert new row', + deleteSubFormRow: 'delete this row', + nonSubFormType: 'The type of widget don\'t match sub-form', + } + } +}; diff --git a/src/lang/zh-CN.js b/src/lang/zh-CN.js index d84aa5818e684100544b8b9bf953219acd8ffb59..b7e5bd9414d6baf2fe2fd62ba1234f6194152095 100644 --- a/src/lang/zh-CN.js +++ b/src/lang/zh-CN.js @@ -1,351 +1,384 @@ export default { - application: { - 'zh-CN': '简体中文', - 'en-US': 'English', - productTitle: '表单设计器', - github: 'GitHub', - document: '文档', - qqGroup: '技术WX群', - deployment: '私有部署', - subscription: '订阅Pro', - }, + application: { + 'zh-CN': '简体中文', + 'en-US': 'English', + productTitle: '表单设计器', + github: 'GitHub', + document: '文档', + qqGroup: '技术WX群', + deployment: '私有部署', + subscription: '订阅Pro', + }, - designer: { - componentLib: '组件库', - formLib: '表单模板', - containerTitle: '容器', - dragHandlerHint: '鼠标拖拽容器组件或字段组件并放置于表单中', - dragAction: '拖动', - basicFieldTitle: '基础字段', - advancedFieldTitle: '高级字段', - customFieldTitle: '自定义扩展字段', + designer: { + componentLib: '组件库', + formLib: '表单模板', + containerTitle: '容器', + dragHandlerHint: '鼠标拖拽容器组件或字段组件并放置于表单中', + dragAction: '拖动', + basicFieldTitle: '基础字段', + advancedFieldTitle: '高级字段', + customFieldTitle: '自定义扩展字段', - noWidgetHint: '请从左侧列表中选择一个组件, 然后用鼠标拖动组件放置于此处.', + noWidgetHint: '请从左侧列表中选择一个组件, 然后用鼠标拖动组件放置于此处.', - widgetLabel: { - grid: '栅格', - table: '表格', - tab: '标签页', - section: '区块', - 'sub-form': '子表单', - 'grid-col': '栅格列', - 'table-cell': '单元格', - 'tab-pane': '选项卡页', - 'data-table': '数据表格', + widgetLabel: { + grid: '栅格', + table: '表格', + tab: '标签页', + popover: '容器', + section: '区块', + 'vf-popover': '气泡', + 'sub-form': '子表单', + 'grid-col': '栅格列', + 'table-cell': '单元格', + 'tab-pane': '选项卡页', + 'data-table': '数据表格', - input: '单行输入', - textarea: '多行输入', - number: '计数器', - radio: '单选项', - checkbox: '多选项', - select: '下拉选项', - time: '时间', - 'time-range': '时间范围', - date: '日期', - 'date-range': '日期范围', - switch: '开关', - rate: '评分', - color: '颜色选择器', - slider: '滑块', - 'static-text': '静态文字', - 'html-text': 'HTML', - button: '按钮', - divider: '分隔线', + input: '单行输入', + textarea: '多行输入', + number: '计数器', + radio: '单选项', + checkbox: '多选项', + select: '下拉选项', + time: '时间', + 'time-range': '时间范围', + date: '日期', + 'date-range': '日期范围', + switch: '开关', + rate: '评分', + color: '颜色选择器', + slider: '滑块', + 'static-text': '静态文字', + 'html-text': 'HTML', + button: '按钮', + divider: '分隔线', - 'picture-upload': '图片', - 'file-upload': '文件', - 'rich-editor': '富文本', - cascader: '级联选择', - slot: '插槽', + 'picture-upload': '图片', + 'file-upload': '文件', + 'rich-editor': '富文本', + cascader: '级联选择', + slot: '插槽', - custom: 'Custom Component', - }, + custom: 'Custom Component', + 'multi-status': '多状态单选', + }, - hint: { - selectParentWidget: '选中父组件', - moveUpWidget: '上移组件', - moveDownWidget: '下移组件', - cloneWidget: '复制组件', - insertRow: '插入新行', - insertColumn: '插入新列', - remove: '移除组件', - cellSetting: '单元格操作', - dragHandler: '拖拽手柄', - copyField: '复制字段组件', - onlyFieldWidgetAcceptable: '子表单只能接收字段组件', - moveUpFirstChildHint: '已经移动到最上面', - moveDownLastChildHint: '已经移动到最下面', + hint: { + selectParentWidget: '选中父组件', + moveUpWidget: '上移组件', + moveDownWidget: '下移组件', + cloneWidget: '复制组件', + insertRow: '插入新行', + locatingCurrent: '定位的当前', + insertColumn: '插入新列', + remove: '移除组件', + cellSetting: '单元格操作', + dragHandler: '拖拽手柄', + copyField: '复制字段组件', + onlyFieldWidgetAcceptable: '子表单只能接收字段组件', + moveUpFirstChildHint: '已经移动到最上面', + moveDownLastChildHint: '已经移动到最下面', - closePreview: '关闭', - copyJson: '复制JSON', - saveFormJson: '保存为文件', - copyVueCode: '复制Vue代码', - copyHtmlCode: '复制HTML代码', - copyJsonSuccess: '复制JSON成功', - importJsonSuccess: '导入JSON成功', - copyJsonFail: '复制JSON失败', - copyVueCodeSuccess: '复制Vue代码成功', - copyVueCodeFail: '复制Vue代码失败', - copyHtmlCodeSuccess: '复制HTML代码成功', - copyHtmlCodeFail: '复制HTML代码失败', - saveVueCode: '保存Vue文件', - saveHtmlCode: '保存Html文件', - getFormData: '获取数据', - resetForm: '重置表单', - disableForm: '禁用编辑', - enableForm: '恢复编辑', - exportFormData: '表单数据', - copyFormData: '复制JSON', - saveFormData: '保存为文件', - copyVue2SFC: '复制Vue2代码', - copyVue3SFC: '复制Vue3代码', - copySFCFail: '复制SFC代码失败', - copySFCSuccess: '复制SFC代码成功', - saveVue2SFC: '保存为Vue2组件', - saveVue3SFC: '保存为Vue3组件', - fileNameForSave: '文件名：', - saveFileTitle: '保存为文件', - fileNameInputPlaceholder: '请输入文件名', - sampleLoadedSuccess: '表单示例加载成功', - sampleLoadedFail: '表单示例加载失败', - loadFormTemplate: '加载此模板', - loadFormTemplateHint: '是否加载这个模板？加载后会覆盖设计器当前表单，你可以使用“撤销”功能恢复。', - loadFormTemplateSuccess: '表单模板加载成功', - loadFormTemplateFailed: '表单模板加载失败', - currentNodeCannotBeSelected: '当前组件节点不可选择', + closePreview: '关闭', + copyJson: '复制JSON', + saveFormJson: '保存为文件', + copyVueCode: '复制Vue代码', + copyHtmlCode: '复制HTML代码', + copyJsonSuccess: '复制JSON成功', + importJsonSuccess: '导入JSON成功', + copyJsonFail: '复制JSON失败', + copyVueCodeSuccess: '复制Vue代码成功', + copyVueCodeFail: '复制Vue代码失败', + copyHtmlCodeSuccess: '复制HTML代码成功', + copyHtmlCodeFail: '复制HTML代码失败', + saveVueCode: '保存Vue文件', + saveHtmlCode: '保存Html文件', + getFormData: '获取数据', + resetForm: '重置表单', + disableForm: '禁用编辑', + enableForm: '恢复编辑', + exportFormData: '表单数据', + copyFormData: '复制JSON', + saveFormData: '保存为文件', + copyVue2SFC: '复制Vue2代码', + copyVue3SFC: '复制Vue3代码', + copySFCFail: '复制SFC代码失败', + copySFCSuccess: '复制SFC代码成功', + saveVue2SFC: '保存为Vue2组件', + saveVue3SFC: '保存为Vue3组件', + fileNameForSave: '文件名：', + saveFileTitle: '保存为文件', + fileNameInputPlaceholder: '请输入文件名', + sampleLoadedSuccess: '表单示例加载成功', + sampleLoadedFail: '表单示例加载失败', + loadFormTemplate: '加载此模板', + loadFormTemplateHint: '是否加载这个模板？加载后会覆盖设计器当前表单，你可以使用“撤销”功能恢复。', + loadFormTemplateSuccess: '表单模板加载成功', + loadFormTemplateFailed: '表单模板加载失败', + currentNodeCannotBeSelected: '当前组件节点不可选择', - widgetSetting: '组件设置', - formSetting: '表单设置', + widgetSetting: '组件设置', + formSetting: '表单设置', - prompt: '提示', - confirm: '确定', - cancel: '取消', - import: '导入', - importJsonHint: '导入的JSON内容须符合下述格式，以保证顺利导入.', - invalidOptionsData: '无效的选项数据:', - lastPaneCannotBeDeleted: '仅剩一个选项卡页不可删除.', - duplicateName: '组件名称已存在: ', - nameRequired: '组件名称不可为空', + prompt: '提示', + confirm: '确定', + cancel: '取消', + import: '导入', + importJsonHint: '导入的JSON内容须符合下述格式，以保证顺利导入.', + invalidOptionsData: '无效的选项数据:', + lastPaneCannotBeDeleted: '仅剩一个选项卡页不可删除.', + duplicateName: '组件名称已存在: ', + nameRequired: '组件名称不可为空', - numberValidator: '数字', - letterValidator: '字母', - letterAndNumberValidator: '数字字母', - mobilePhoneValidator: '手机号码', - emailValidator: '邮箱', - urlValidator: '网址', - noChineseValidator: '非中文字符', - chineseValidator: '仅中文字符', + numberValidator: '数字', + letterValidator: '字母', + letterAndNumberValidator: '数字字母', + mobilePhoneValidator: '手机号码', + emailValidator: '邮箱', + urlValidator: '网址', + noChineseValidator: '非中文字符', + chineseValidator: '仅中文字符', - rowspanNotConsistentForMergeEntireRow: '存在行高不一致的单元格, 无法合并整行.', - colspanNotConsistentForMergeEntireColumn: '存在列宽不一致的单元格, 无法合并整列.', - rowspanNotConsistentForDeleteEntireRow: '存在行高不一致的单元格, 不可删除整行.', - colspanNotConsistentForDeleteEntireColumn: '存在列宽不一致的单元格, 不可删除整列.', - lastColCannotBeDeleted: '最后一列不可删除.', - lastRowCannotBeDeleted: '最后一行不可删除.', - }, + rowspanNotConsistentForMergeEntireRow: '存在行高不一致的单元格, 无法合并整行.', + colspanNotConsistentForMergeEntireColumn: '存在列宽不一致的单元格, 无法合并整列.', + rowspanNotConsistentForDeleteEntireRow: '存在行高不一致的单元格, 不可删除整行.', + colspanNotConsistentForDeleteEntireColumn: '存在列宽不一致的单元格, 不可删除整列.', + lastColCannotBeDeleted: '最后一列不可删除.', + lastRowCannotBeDeleted: '最后一行不可删除.', + }, - toolbar: { - undoHint: '撤销', - redoHint: '重做', - pcLayout: 'PC', - padLayout: 'Pad', - mobileLayout: 'H5', - nodeTreeHint: '组件层次结构树', - nodeTreeTitle: '组件层次结构树', - clear: '清空', - preview: '预览', - importJson: '导入JSON', - exportJson: '导出JSON', - exportCode: '导出代码', - generateCode: '生成代码', - generateSFC: '生成SFC', - }, + toolbar: { + undoHint: '撤销', + redoHint: '重做', + pcLayout: 'PC', + padLayout: 'Pad', + mobileLayout: 'H5', + nodeTreeHint: '组件层次结构树', + nodeTreeTitle: '组件层次结构树', + clear: '清空', + preview: '预览', + importJson: '导入JSON', + exportJson: '导出JSON', + exportCode: '导出代码', + generateCode: '生成代码', + generateSFC: '生成SFC', + }, - setting: { - basicSetting: '基本属性', - attributeSetting: '属性设置', - commonSetting: '常见属性', - advancedSetting: '高级属性', - eventSetting: '事件属性', - uniqueName: '唯一名称', - editNameHelp: '修改名称后需按回车确认', - label: '标签', - displayType: '显示类型', - defaultValue: '默认值', - placeholder: '占位内容', - startPlaceholder: '起始占位内容', - endPlaceholder: '截止占位内容', - widgetColumnWidth: '组件列宽', - widgetSize: '组件大小', - fontSize: '字体大小', - showStops: '显示间断点', - displayStyle: '显示样式', - inlineLayout: '行内', - blockLayout: '块', - buttonStyle: '显示为按钮', - border: '带有边框', - labelWidth: '标签宽度', - rows: '行数', - labelHidden: '隐藏字段标签', - required: '必填字段', - validation: '字段校验', - requiredHint: '必填校验提示', - validationHelp: '支持输入正则表达式', - validationHint: '校验失败提示', - readonly: '只读', - disabled: '禁用', - hidden: '隐藏', - textContent: '静态文字', - htmlContent: 'HTML', - clearable: '可清除', - editable: '可输入', - format: '显示格式', - valueFormat: '绑定值格式', - showPassword: '可显示密码', - filterable: '可搜索选项', - allowCreate: '允许创建选项', - remote: '可远程搜索', - automaticDropdown: '自动弹出选项', - multiple: '选项可多选', - multipleLimit: '多选数量限制', - checkStrictly: '任意级节点可选', - showAllLevels: '显示完整路径', - contentPosition: '文字位置', - plain: '朴素按钮', - round: '圆角按钮', - circle: '圆形按钮', - icon: '图标', - optionsSetting: '选项设置', - addOption: '增加选项', - importOptions: '导入选项', - resetDefault: '重设选中项', - uploadSetting: '上传参数设置', - uploadURL: '上传地址', - uploadTip: '上传提示内容', - withCredentials: '发送cookie凭证', - multipleSelect: '文件可多选', - showFileList: '显示文件列表', - limit: '最大上传数量', - fileMaxSize: '文件大小限制(MB)', - fileTypes: '上传文件类型', - fileTypesHelp: '支持添加其他文件类型', - headers: '上传请求头', + setting: { + basicSetting: '基本属性', + attributeSetting: '属性设置', + commonSetting: '常见属性', + advancedSetting: '高级属性', + eventSetting: '事件属性', + uniqueName: '唯一名称', + editNameHelp: '修改名称后需按回车确认', + popoverBindingHelp: '通过抓取功能自动填充ID', + componentHeightHelp: '%可能无法继承上级宽度', - cellWidth: '宽度', - cellHeight: '高度', - gridColHeight: '栅格列统一高度(px)', - gutter: '栅格间隔(px)', - columnSetting: '栅格属性设置', - colsOfGrid: '当前栅格列:', - colSpanTitle: '栅格宽度', - colOffsetTitle: '左侧间隔格数', - colPushTitle: '右移栅格数', - colPullTitle: '左移栅格数', - addColumn: '增加栅格', - responsive: '响应式布局', + label: '标签', + displayType: '显示类型', + defaultValue: '默认值', + placeholder: '占位内容', + startPlaceholder: '起始占位内容', + endPlaceholder: '截止占位内容', + widgetColumnWidth: '组件列宽', + widgetSize: '组件大小', + fontSize: '字体大小', + showStops: '显示间断点', + displayStyle: '显示样式', + inlineLayout: '行内', + blockLayout: '块', + inlineBlock: '行内块', + buttonStyle: '显示为按钮', + border: '带有边框', + labelWidth: '标签宽度', + labelOverflow: '标签溢出', + labelOverflowNowrap: '忽略', + labelOverflowHidden: '隐藏', + labelOverflowLineFeed: '换行', - tabPaneSetting: '选项卡设置', - addTabPane: '增加选项卡页', - paneActive: '激活', + inputWidth: '输入框宽度', + componentWidth: '组件宽度', + componentHeight: '组件高度', + btnWidth: '按钮宽度', + eventTypeShow: '触发显示', + eventTypeHide: '触发关闭', - customLabelIcon: '定制字段标签', - labelIconClass: '标签Icon样式', - labelIconPosition: '标签Icon位置', - labelTooltip: '标签文字提示', - minValue: '最小值', - maxValue: '最大值', - precision: '精度', - step: '增减步长', - controlsPosition: '控制按钮位置', - minLength: '最小长度', - maxLength: '最大长度', - showWordLimit: '显示字数统计', - prefixIcon: '头部Icon', - suffixIcon: '尾部Icon', - inputButton: '输入框按钮设置', - appendButton: '添加后置按钮', - appendButtonDisabled: '后置按钮禁用', - appendButtonIcon: '后置按钮Icon', - buttonIcon: '按钮Icon', - switchWidth: '开关宽度（像素）', - activeText: '开启时文字描述', - inactiveText: '关闭时文字描述', - activeColor: '开启时背景色', - inactiveColor: '关闭时背景色', - maxStars: '最大评分值', - lowThreshold: '低分界限值', - highThreshold: '高分界限值', - allowHalf: '允许半选', - showText: '显示辅助文字', - showScore: '显示当前分数', - range: '是否为范围选择', - vertical: '是否竖向显示', - showBlankRow: '默认显示新行', - showRowNumber: '显示行号', + showClose: '显示关闭按钮', + restButtonHidden:'隐藏重置按钮', + okButtonHidden:'隐藏确认按钮', + cancelButtonHidden:'隐藏取消按钮', + restButtonLabel:'重置按钮文字', + okButtonLabel:'确认按钮文字', + cancelButtonLabel:'取消按钮文字', - insertColumnToLeft: '插入左侧列', - insertColumnToRight: '插入右侧列', - insertRowAbove: '插入上方行', - insertRowBelow: '插入下方行', - mergeLeftColumn: '合并左侧单元格', - mergeRightColumn: '合并右侧单元格', - mergeEntireRow: '合并整行', - mergeRowAbove: '合并上方单元格', - mergeRowBelow: '合并下方单元格', - mergeEntireColumn: '合并整列', - undoMergeCol: '撤销列合并', - undoMergeRow: '撤销行合并', - deleteEntireCol: '删除整列', - deleteEntireRow: '删除整行', + popoverBinding: '绑定触发ID', + popoverPosition: '弹出位置', + rows: '行数', + labelHidden: '隐藏字段标签', + required: '必填字段', + validation: '字段校验', + requiredHint: '必填校验提示', + validationHelp: '支持输入正则表达式', + validationHint: '校验失败提示', + readonly: '只读', + disabled: '禁用', + hidden: '隐藏', + textContent: '静态文字', + htmlContent: 'HTML', + clearable: '可清除', + editable: '可输入', + format: '显示格式', + valueFormat: '绑定值格式', + showPassword: '可显示密码', + filterable: '可搜索选项', + allowCreate: '允许创建选项', + remote: '可远程搜索', + automaticDropdown: '自动弹出选项', + multiple: '选项可多选', + multipleLimit: '多选数量限制', + checkStrictly: '任意级节点可选', + showAllLevels: '显示完整路径', + contentPosition: '文字位置', + plain: '朴素按钮', + round: '圆角按钮', + circle: '圆形按钮', + icon: '图标', + optionsSetting: '选项设置', + addOption: '增加选项', + importOptions: '导入选项', + resetDefault: '重设选中项', + uploadSetting: '上传参数设置', + uploadURL: '上传地址', + uploadTip: '上传提示内容', + withCredentials: '发送cookie凭证', + multipleSelect: '文件可多选', + showFileList: '显示文件列表', + limit: '最大上传数量', + fileMaxSize: '文件大小限制(MB)', + fileTypes: '上传文件类型', + fileTypesHelp: '支持添加其他文件类型', + headers: '上传请求头', - widgetName: '组件唯一名称', - formSize: '全局组件大小', - labelPosition: '字段标签位置', - topPosition: '顶部', - leftPosition: '左边', - labelAlign: '标签对齐', - leftAlign: '居左', - centerAlign: '居中', - rightAlign: '居右', - formCss: '表单全局CSS', - addCss: '编写CSS', - customClass: '自定义CSS样式', - globalFunctions: '表单全局函数', - addEventHandler: '编写代码', - editWidgetEventHandler: '组件事件处理', - editFormEventHandler: '表单事件处理', - formSFCSetting: '生成SFC设置', - formModelName: '数据对象名称', - formRefName: '引用名称', - formRulesName: '验证规则名称', - syntaxCheckWarning: 'JS代码存在语法错误，请仔细检查！', + cellWidth: '宽度', + cellHeight: '高度', + gridColHeight: '栅格列统一高度(px)', + gutter: '栅格间隔(px)', + columnSetting: '栅格属性设置', + colsOfGrid: '当前栅格列:', + colSpanTitle: '栅格宽度', + colOffsetTitle: '左侧间隔格数', + colPushTitle: '右移栅格数', + colPullTitle: '左移栅格数', + addColumn: '增加栅格', + responsive: '响应式布局', - //data-table - tableWidth: '宽度(px/%)', - tableHeight: '高度(px/%)', - showCheckBox: '是否显示复选框列', - showIndex: '是否显示行号', - showPagination: '是否显示分页', - smallPagination: '小型分页', - tableColEdit: '表格列编辑', - tableDataEdit: '表格数据编辑', - showSummary: '是否合计', - stripe: '是否斑马线', - rowSpacing: '行距（px）', - editAction: '编辑...', - columnName: '字段名称', - columnLabel: '显示名称', - columnWidth: '列宽(px/%)', - visibleColumn: '是否显示', - sortableColumn: '是否排序', - fixedColumn: '是否固定', - alignTypeOfColumn: '对齐方式', - formatOfColumn: '格式化', - actionColumn: '操作', - addTableColumn: '增加列', - deleteTableColumn: '删除列', - OnlyOneColumnCannotBeDeleted: '表格只有一列时不可删除.', - } + tabPaneSetting: '选项卡设置', + addTabPane: '增加选项卡页', + paneActive: '激活', - } -} + customLabelIcon: '定制字段标签', + labelIconClass: '标签Icon样式', + labelIconPosition: '标签Icon位置', + labelTooltip: '标签文字提示', + minValue: '最小值', + maxValue: '最大值', + precision: '精度', + step: '增减步长', + controlsPosition: '控制按钮位置', + minLength: '最小长度', + maxLength: '最大长度', + showWordLimit: '显示字数统计', + prefixIcon: '头部Icon', + suffixIcon: '尾部Icon', + inputButton: '输入框按钮设置', + selectDefaultValue :'状态设置', + appendButton: '添加后置按钮', + appendButtonDisabled: '后置按钮禁用', + appendButtonIcon: '后置按钮Icon', + buttonIcon: '按钮Icon', + switchWidth: '开关宽度（像素）', + activeText: '开启时文字描述', + inactiveText: '关闭时文字描述', + activeColor: '开启时背景色', + inactiveColor: '关闭时背景色', + maxStars: '最大评分值', + lowThreshold: '低分界限值', + highThreshold: '高分界限值', + allowHalf: '允许半选', + showText: '显示辅助文字', + showScore: '显示当前分数', + range: '是否为范围选择', + vertical: '是否竖向显示', + showBlankRow: '默认显示新行', + showRowNumber: '显示行号', + + insertColumnToLeft: '插入左侧列', + insertColumnToRight: '插入右侧列', + insertRowAbove: '插入上方行', + insertRowBelow: '插入下方行', + mergeLeftColumn: '合并左侧单元格', + mergeRightColumn: '合并右侧单元格', + mergeEntireRow: '合并整行', + mergeRowAbove: '合并上方单元格', + mergeRowBelow: '合并下方单元格', + mergeEntireColumn: '合并整列', + undoMergeCol: '撤销列合并', + undoMergeRow: '撤销行合并', + deleteEntireCol: '删除整列', + deleteEntireRow: '删除整行', + + widgetName: '组件唯一名称', + formSize: '全局组件大小', + labelPosition: '字段标签位置', + topPosition: '顶部', + leftPosition: '左边', + labelAlign: '标签对齐', + leftAlign: '居左', + centerAlign: '居中', + rightAlign: '居右', + formCss: '表单全局CSS', + addOptions: 'options配置', + addCss: '编写CSS', + customClass: '自定义CSS样式', + globalFunctions: '表单全局函数', + addEventHandler: '编写代码', + editWidgetEventHandler: '组件事件处理', + editFormEventHandler: '表单事件处理', + editFormOption: '表单组件参数配置', + formSFCSetting: '生成SFC设置', + formModelName: '数据对象名称', + formRefName: '引用名称', + formRulesName: '验证规则名称', + syntaxCheckWarning: 'JS代码存在语法错误，请仔细检查！', + + //data-table + tableWidth: '宽度(px/%)', + tableHeight: '高度(px/%)', + showCheckBox: '是否显示复选框列', + showIndex: '是否显示行号', + showPagination: '是否显示分页', + smallPagination: '小型分页', + tableColEdit: '表格列编辑', + tableDataEdit: '表格数据编辑', + showSummary: '是否合计', + stripe: '是否斑马线', + rowSpacing: '行距（px）', + editAction: '编辑...', + columnName: '字段名称', + columnLabel: '显示名称', + columnWidth: '列宽(px/%)', + visibleColumn: '是否显示', + sortableColumn: '是否排序', + fixedColumn: '是否固定', + alignTypeOfColumn: '对齐方式', + formatOfColumn: '格式化', + actionColumn: '操作', + addTableColumn: '增加列', + deleteTableColumn: '删除列', + OnlyOneColumnCannotBeDeleted: '表格只有一列时不可删除.', + } + + } +}; diff --git a/src/lang/zh-CN_extension.js b/src/lang/zh-CN_extension.js index 907e38e57a531d1f60ef469e5d9b312da9b28444..7c8a5ea5b6e6b2a91907632f07c35963b791eec2 100644 --- a/src/lang/zh-CN_extension.js +++ b/src/lang/zh-CN_extension.js @@ -1,26 +1,30 @@ export default { - extension: { - widgetLabel: { - card: '卡片', - alert: '提示', - }, + extension: { + widgetLabel: { + card: '卡片', + alert: '提示', + }, - setting: { - cardFolded: '是否收起', - cardShowFold: '显示折叠按钮', - cardWidth: '卡片宽度', - cardShadow: '显示阴影', + setting: { + cardFolded: '是否收起', + cardShowFold: '显示折叠按钮', + cardWidth: '卡片宽度', + cardShadow: '显示阴影', + alertTitle: '标题', + alertType: '类型', + description: '辅助性文字', + closable: '是否可关闭', + closeText: '关闭按钮文字', + center: '文字居中', + showIcon: '显示图标', + effect: '显示效果', - alertTitle: '标题', - alertType: '类型', - description: '辅助性文字', - closable: '是否可关闭', - closeText: '关闭按钮文字', - center: '文字居中', - showIcon: '显示图标', - effect: '显示效果', + defaultValue:'默认值', - }, + displayStyle:'显示样式', + componentWidth:'组件宽度', + componentHeight:'组件高度', + }, - } -} + } +}; diff --git a/src/lang/zh-CN_render.js b/src/lang/zh-CN_render.js index 1dd74c49a3fa45b8fca1cc792d26128da553da67..1d9991439a85ecf2767d1870f989c0b3deafc8c8 100644 --- a/src/lang/zh-CN_render.js +++ b/src/lang/zh-CN_render.js @@ -1,38 +1,38 @@ export default { - render: { + render: { - hint: { - prompt: '提示', - confirm: '确定', - cancel: '取消', + hint: { + prompt: '提示', + confirm: '确定', + cancel: '取消', - selectPlaceholder: '请选择', - timePlaceholder: '选择时间', - startTimePlaceholder: '起始时间', - endTimePlaceholder: '截止时间', - datePlaceholder: '选择日期', - startDatePlaceholder: '起始日期', - endDatePlaceholder: '截止日期', - blankCellContent: '--', + selectPlaceholder: '请选择', + timePlaceholder: '选择时间', + startTimePlaceholder: '起始时间', + endTimePlaceholder: '截止时间', + datePlaceholder: '选择日期', + startDatePlaceholder: '起始日期', + endDatePlaceholder: '截止日期', + blankCellContent: '--', - uploadError: '上传错误: ', - uploadExceed: '最大上传数量(${uploadLimit})已超出.', - unsupportedFileType: '不支持格式: ', - fileSizeExceed: '文件大小已超出: ', - refNotFound: '组件未找到: ', - fieldRequired: '字段值不可为空', - invalidNumber: '数据格式错误', - selectFile: ' 选择文件', - downloadFile: '下载', - removeFile: '移除', - validationFailed: '表单数据校验失败', + uploadError: '上传错误: ', + uploadExceed: '最大上传数量(${uploadLimit})已超出.', + unsupportedFileType: '不支持格式: ', + fileSizeExceed: '文件大小已超出: ', + refNotFound: '组件未找到: ', + fieldRequired: '字段值不可为空', + invalidNumber: '数据格式错误', + selectFile: ' 选择文件', + downloadFile: '下载', + removeFile: '移除', + validationFailed: '表单数据校验失败', - subFormAction: '操作', - subFormAddAction: '新增', - subFormAddActionHint: '新增行', - insertSubFormRow: '插入行', - deleteSubFormRow: '删除行', - nonSubFormType: '组件类型不是子表单', - } - } -} + subFormAction: '操作', + subFormAddAction: '新增', + subFormAddActionHint: '新增行', + insertSubFormRow: '插入行', + deleteSubFormRow: '删除行', + nonSubFormType: '组件类型不是子表单', + } + } +}; diff --git a/src/main.js b/src/main.js index 6b28b0b6cbac8c2e189ae4268f9addd1620fa629..deeccfc6ceb05279704035f068701ccd61b83aa1 100644 --- a/src/main.js +++ b/src/main.js @@ -1,29 +1,33 @@ -import 'babel-polyfill' -import './utils/debug-console' -import Vue from 'vue' -import axios from "axios"; -import App from './App.vue' -import ElementUI from 'element-ui' -import './utils/directive' -import './icons' +import 'babel-polyfill'; +import './utils/debug-console'; +import Vue from 'vue'; +import axios from 'axios'; +import App from './App.vue'; +import ElementUI from 'element-ui'; +import './utils/directive'; +import './icons'; -import 'element-ui/lib/theme-chalk/index.css' -import '@/styles/index.scss' -import '@/iconfont/iconfont.css' +import 'element-ui/lib/theme-chalk/index.css'; +import '@/styles/index.scss'; +import '@/iconfont/iconfont.css'; -import {loadExtension} from '@/extension/extension-loader' +import {loadExtension} from '@/extension/extension-loader'; +loadExtension(); -loadExtension() -Vue.use(ElementUI, { size: 'small' }) + +import VFormRender from '@/components/form-render/index'; +Vue.component('VFormRender', VFormRender); + +Vue.use(ElementUI, { size: 'small' }); if (typeof window !== 'undefined') { - window.axios = axios + window.axios = axios; } -Vue.config.productionTip = false +Vue.config.productionTip = false; new Vue({ - el: "#app", - render: h => h(App), -}) + el: '#app', + render: h => h(App), +}); diff --git a/src/store/getters.js b/src/store/getters.js new file mode 100644 index 0000000000000000000000000000000000000000..725d1361fbf292cc5069fdbe62f5986d70a5ec4c --- /dev/null +++ b/src/store/getters.js @@ -0,0 +1,20 @@ +const getters = { + sidebar: state => state.app.sidebar, + size: state => state.app.size, + device: state => state.app.device, + visitedViews: state => state.tagsView.visitedViews, + cachedViews: state => state.tagsView.cachedViews, + token: state => state.user.token, + avatar: state => state.user.avatar, + name: state => state.user.name, + introduction: state => state.user.introduction, + roles: state => state.user.roles, + permissions: state => state.user.permissions, + permission_routes: state => state.permission.routes, + topbarRouters:state => state.permission.topbarRouters, + defaultRoutes:state => state.permission.defaultRoutes, + sidebarRouters:state => state.permission.sidebarRouters, + getShow: (state) => state.breadcrumbConfig.show, + getBack: (state) => state.breadcrumbConfig.back, +}; +export default getters; diff --git a/src/store/index.js b/src/store/index.js new file mode 100644 index 0000000000000000000000000000000000000000..d29a008f5555090947702dc61987143815ef1a3a --- /dev/null +++ b/src/store/index.js @@ -0,0 +1,19 @@ +import Vue from 'vue'; +import Vuex from 'vuex'; +import user from './modules/user'; +import settings from './modules/settings'; +import getters from './getters'; +import breadcrumbConfig from './modules/breadcrumbConfig'; + +Vue.use(Vuex); + +const store = new Vuex.Store({ + modules: { + user, + settings, + breadcrumbConfig, + }, + getters +}); + +export default store; diff --git a/src/store/modules/breadcrumbConfig.js b/src/store/modules/breadcrumbConfig.js new file mode 100644 index 0000000000000000000000000000000000000000..a9c1075f936d2cdbc8e7f74c76edec5a371d25a4 --- /dev/null +++ b/src/store/modules/breadcrumbConfig.js @@ -0,0 +1,29 @@ +const state = { + show: false, // 查看状态 + back: true // 返回 +}; + +const mutations = { + setShow(state, v) { + state.show = v; + }, + setBack(state, v) { + state.back = v; + } +}; + +const actions = { + SetShow({ commit }, val) { + commit('setShow', val); + }, + SetBack({ commit }, val) { + commit('setBack', val); + } +}; + +export default { + namespaced: true, + state, + mutations, + actions +}; diff --git a/src/store/modules/settings.js b/src/store/modules/settings.js new file mode 100644 index 0000000000000000000000000000000000000000..ed79eca84aac836027dabaa6308447158e0f5979 --- /dev/null +++ b/src/store/modules/settings.js @@ -0,0 +1,43 @@ +import defaultSettings from '@/settings'; + +const { sideTheme, showSettings, topNav, tagsView, fixedHeader, sidebarLogo, dynamicTitle, settingView } = defaultSettings; + +const storageSetting = JSON.parse(localStorage.getItem('layout-setting')) || ''; +const state = { + title: '', + theme: storageSetting.theme || '#409EFF', + sideTheme: storageSetting.sideTheme || sideTheme, + showSettings: showSettings, + settingView: settingView, + topNav: storageSetting.topNav === undefined ? topNav : storageSetting.topNav, + tagsView: storageSetting.tagsView === undefined ? tagsView : storageSetting.tagsView, + fixedHeader: storageSetting.fixedHeader === undefined ? fixedHeader : storageSetting.fixedHeader, + sidebarLogo: storageSetting.sidebarLogo === undefined ? sidebarLogo : storageSetting.sidebarLogo, + dynamicTitle: storageSetting.dynamicTitle === undefined ? dynamicTitle : storageSetting.dynamicTitle +}; +const mutations = { + CHANGE_SETTING: (state, { key, value }) => { + if (state.hasOwnProperty(key)) { + state[key] = value; + } + } +}; + +const actions = { + // 修改布局设置 + changeSetting({ commit }, data) { + commit('CHANGE_SETTING', data); + }, + // 设置网页标题 + setTitle({ commit }, title) { + state.title = title; + } +}; + +export default { + namespaced: true, + state, + mutations, + actions +}; + diff --git a/src/store/modules/user.js b/src/store/modules/user.js new file mode 100644 index 0000000000000000000000000000000000000000..e40d7466fa4765a002921a1e227abcadf2ce5d27 --- /dev/null +++ b/src/store/modules/user.js @@ -0,0 +1,118 @@ +import { login, logout, getInfo } from '@/api/login'; +import { getToken, setToken, removeToken } from '@/utils/auth'; +import { getUserProfile } from '@/api/system/user'; +import Cookies from 'js-cookie'; + +const user = { + state: { + token: getToken(), + name: '', + avatar: '', + roles: [], + permissions: [] + }, + + mutations: { + SET_TOKEN: (state, token) => { + state.token = token; + }, + SET_NAME: (state, name) => { + state.name = name; + }, + SET_AVATAR: (state, avatar) => { + state.avatar = avatar; + }, + SET_ROLES: (state, roles) => { + state.roles = roles; + }, + SET_PERMISSIONS: (state, permissions) => { + state.permissions = permissions; + } + }, + + actions: { + // 登录 + Login({ commit }, userInfo) { + const username = userInfo.username.trim(); + const password = userInfo.password; + const code = userInfo.code; + const uuid = userInfo.uuid; + return new Promise((resolve, reject) => { + login(username, password, code, uuid).then(res => { + setToken(res.token); + commit('SET_TOKEN', res.token); + resolve(); + }).catch(error => { + reject(error); + }); + }); + }, + + // 获取用户信息 + GetInfo({ commit, state }) { + return new Promise((resolve, reject) => { + /** 框架自带 */ + getInfo().then(res => { + const user = res.user; + const avatar = (user.avatar == '' || user.avatar == null) ? require('@/assets/images/profile.jpg') : process.env.VUE_APP_BASE_API + user.avatar; + if (res.roles && res.roles.length > 0) { // 验证返回的roles是否是一个非空数组 + commit('SET_ROLES', res.roles); + commit('SET_PERMISSIONS', res.permissions); + } else { + commit('SET_ROLES', ['ROLE_DEFAULT']); + } + commit('SET_NAME', user.userName); + commit('SET_AVATAR', avatar); + resolve(res); + }).catch(error => { + reject(error); + }); + /** 重新修改 */ + // getUserProfile().then(res => { + // const user = res.data + // const avatar = (user.avatar == '' || user.avatar == null) ? require('@/assets/images/profile.jpg') : process.env.VUE_APP_BASE_API + user.avatar + // if (res.roles && res.roles.length > 0) { // 验证返回的roles是否是一个非空数组 + // commit('SET_ROLES', res.roles) + // commit('SET_PERMISSIONS', res.permissions) + // } else { + // commit('SET_ROLES', ['ROLE_DEFAULT']) + // } + // + // commit('SET_NAME', user.userName) + // commit('SET_AVATAR', avatar) + // resolve(res) + // }).catch(error => { + // reject(error) + // }) + }); + }, + + // 退出系统 + LogOut({ commit, state }) { + return new Promise((resolve, reject) => { + logout(state.token).then(() => { + commit('SET_TOKEN', ''); + commit('SET_ROLES', []); + commit('SET_PERMISSIONS', []); + Cookies.remove('dict_userInfo'); + removeToken(); + resolve(); + }).catch(error => { + reject(error); + }); + }); + }, + + // 前端 登出 + FedLogOut({ commit }) { + return new Promise(resolve => { + commit('SET_TOKEN', ''); + Cookies.remove('dict_userInfo'); + removeToken(); + resolve(); + }); + } + } +}; + +export default user; diff --git a/src/utils/beautifierLoader.js b/src/utils/beautifierLoader.js index 3736b8f0078305ad3855b0a4317a67e7ae10864f..bff20d5d9721d9ffd59db509cbbd933e628ebaaa 100644 --- a/src/utils/beautifierLoader.js +++ b/src/utils/beautifierLoader.js @@ -1,77 +1,77 @@ -import {loadRemoteScript} from "@/utils/util"; -import {BEAUTIFIER_PATH} from "@/utils/config"; +import {loadRemoteScript} from '@/utils/util'; +import {BEAUTIFIER_PATH} from '@/utils/config'; -let beautifierObj +let beautifierObj; export const beautifierOpts = { - html: { - indent_size: '2', - indent_char: ' ', - max_preserve_newlines: '-1', - preserve_newlines: false, - keep_array_indentation: false, - break_chained_methods: false, - indent_scripts: 'separate', - brace_style: 'end-expand', - space_before_conditional: true, - unescape_strings: false, - jslint_happy: false, - end_with_newline: true, - wrap_line_length: '110', - indent_inner_html: true, - comma_first: false, - e4x: true, - indent_empty_lines: true - }, - js: { - indent_size: '2', - indent_char: ' ', - max_preserve_newlines: '-1', - preserve_newlines: false, - keep_array_indentation: false, - break_chained_methods: false, - indent_scripts: 'normal', - brace_style: 'end-expand', - space_before_conditional: true, - unescape_strings: false, - jslint_happy: true, - end_with_newline: true, - wrap_line_length: '110', - indent_inner_html: true, - comma_first: false, - e4x: true, - indent_empty_lines: true - }, - css: { - indent_size: '2', - indent_char: ' ', - max_preserve_newlines: '-1', - preserve_newlines: false, - keep_array_indentation: false, - break_chained_methods: false, - indent_scripts: 'normal', - brace_style: 'end-expand', - space_before_conditional: true, - unescape_strings: false, - jslint_happy: true, - end_with_newline: true, - wrap_line_length: '110', - indent_inner_html: true, - comma_first: false, - e4x: true, - indent_empty_lines: true - } -} + html: { + indent_size: '2', + indent_char: ' ', + max_preserve_newlines: '-1', + preserve_newlines: false, + keep_array_indentation: false, + break_chained_methods: false, + indent_scripts: 'separate', + brace_style: 'end-expand', + space_before_conditional: true, + unescape_strings: false, + jslint_happy: false, + end_with_newline: true, + wrap_line_length: '110', + indent_inner_html: true, + comma_first: false, + e4x: true, + indent_empty_lines: true + }, + js: { + indent_size: '2', + indent_char: ' ', + max_preserve_newlines: '-1', + preserve_newlines: false, + keep_array_indentation: false, + break_chained_methods: false, + indent_scripts: 'normal', + brace_style: 'end-expand', + space_before_conditional: true, + unescape_strings: false, + jslint_happy: true, + end_with_newline: true, + wrap_line_length: '110', + indent_inner_html: true, + comma_first: false, + e4x: true, + indent_empty_lines: true + }, + css: { + indent_size: '2', + indent_char: ' ', + max_preserve_newlines: '-1', + preserve_newlines: false, + keep_array_indentation: false, + break_chained_methods: false, + indent_scripts: 'normal', + brace_style: 'end-expand', + space_before_conditional: true, + unescape_strings: false, + jslint_happy: true, + end_with_newline: true, + wrap_line_length: '110', + indent_inner_html: true, + comma_first: false, + e4x: true, + indent_empty_lines: true + } +}; export default function loadBeautifier(callback) { - if (beautifierObj) { - callback(beautifierObj) - return - } + if (beautifierObj) { + callback(beautifierObj); + return; + } - loadRemoteScript(BEAUTIFIER_PATH, () => { - // eslint-disable-next-line no-undef - beautifierObj = beautifier //beautifier为全局对象 - callback(beautifierObj) - }) + loadRemoteScript(BEAUTIFIER_PATH, () => { + // eslint-disable-next-line no-undef + beautifierObj = beautifier; //beautifier为全局对象 + callback(beautifierObj); + }); } diff --git a/src/utils/code-generator.js b/src/utils/code-generator.js index 221743a16cad58954e2c948de29e016b1ddf3cea..e9f3507bd10002359ab8aa86e491744281703a6d 100644 --- a/src/utils/code-generator.js +++ b/src/utils/code-generator.js @@ -1,8 +1,8 @@ export const generateCode = function(formJson, codeType= 'vue') { - let formJsonStr = JSON.stringify(formJson) + let formJsonStr = JSON.stringify(formJson); - if (codeType === 'html') { - return ` + if (codeType === 'html') { + return ` @@ -54,10 +54,10 @@ export const generateCode = function(formJson, codeType= 'vue') { }); -` +`; - } else { - return `