npm - @kp-ui/lowcode - Versions diffs - 1.0.96 → 1.0.98 - Mend

@kp-ui/lowcode 1.0.96 → 1.0.98

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (64) hide show

package/src/components/form-designer/index.vue.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.vue.js","sources":["../../../../src/components/form-designer/index.vue"],"sourcesContent":["<template>\n <TpfConfigProvider>\n <a-layout class=\"main-container full-height\">\n <a-layout>\n <a-layout-sider :width=\"leftWidth\" class=\"side-panel\">\n <WidgetPanel :designer=\"designer\" />\n </a-layout-sider>\n\n <a-layout-content class=\"center-layout-container\">\n <a-layout-header class=\"toolbar-header\">\n <toolbar-panel\n :saveJsonApi=\"saveJsonApi\"\n :designer=\"designer\"\n :global-dsv=\"globalDsv\"\n :changeLeftWidth=\"changeLeftWidth\"\n :changeRightWidth=\"changeRightWidth\"\n :leftWidth=\"leftWidth\"\n :rightWidth=\"rightWidth\"\n ref=\"toolbarRef\"\n >\n <template v-for=\"(idx, slotName) in $slots\" #[slotName]>\n <slot :name=\"slotName\"></slot>\n </template>\n </toolbar-panel>\n </a-layout-header>\n <a-layout-content class=\"form-widget-main\">\n <div class=\"container-scroll-bar\">\n <VFormWidget\n :designer=\"designer\"\n :form-config=\"designer.formConfig\"\n :global-dsv=\"globalDsv\"\n ref=\"formRef\"\n />\n </div>\n </a-layout-content>\n </a-layout-content>\n\n <a-layout-sider :width=\"rightWidth\">\n <setting-panel\n :designer=\"designer\"\n :selected-widget=\"designer.selectedWidget\"\n :global-dsv=\"globalDsv\"\n :form-config=\"designer.formConfig\"\n @edit-event-handler=\"testEEH\"\n />\n </a-layout-sider>\n </a-layout>\n </a-layout>\n </TpfConfigProvider>\n</template>\n\n<script>\n import WidgetPanel from './widget-panel/index.vue';\n import ToolbarPanel from './toolbar-panel/index.vue';\n import SettingPanel from './setting-panel/index.vue';\n import VFormWidget from './form-widget/index.vue';\n import { createDesigner } from '@/components/form-designer/designer';\n import { TpfConfigProvider } from 'tmgc2-share';\n import {\n addWindowResizeHandler,\n deepClone,\n getAllContainerWidgets,\n getAllFieldWidgets,\n traverseAllWidgets\n } from '@/utils/util';\n import i18n, { changeLocale } from '@/utils/i18n';\n import { isEmpty } from 'lodash-es';\n\n export default {\n name: 'VFormDesigner',\n componentName: 'VFormDesigner',\n mixins: [i18n],\n components: {\n TpfConfigProvider,\n WidgetPanel,\n ToolbarPanel,\n SettingPanel,\n VFormWidget\n },\n props: {\n /* 保存jsonApi /\n\n saveJsonApi: {\n type: Function,\n default: null\n },\n / 后端字段列表API /\n fieldListApi: {\n type: Function,\n default: null\n },\n\n / 禁止显示的组件名称数组 /\n bannedWidgets: {\n type: Array,\n default: () => []\n },\n / 设计器配置参数 /\n designerConfig: {\n type: Object,\n default: () => {\n return {\n languageMenu: true, //是否显示语言切换菜单\n // externalLink: true, //是否显示GitHub、文档等外部链接\n // formTemplates: true, //是否显示表单模板\n eventCollapse: true, //是否显示组件事件属性折叠面板\n widgetNameReadonly: false, //禁止修改组件名称\n\n clearDesignerButton: true, //是否显示清空设计器按钮\n previewFormButton: true, //是否显示预览表单按钮\n importJsonButton: true, //是否显示导入JSON按钮\n exportJsonButton: true, //是否显示导出JSON器按钮\n exportCodeButton: true, //是否显示导出代码按钮\n // generateSFCButton: true, //是否显示生成SFC按钮\n\n toolbarMaxWidth: 450, //设计器工具按钮栏最大宽度（单位像素）\n toolbarMinWidth: 300, //设计器工具按钮栏最小宽度（单位像素）\n\n presetCssCode: '', //设计器预设CSS样式代码\n\n resetFormJson: false //是否在设计器初始化时将表单内容重置为空\n };\n }\n },\n\n / 全局数据源变量 /\n globalDsv: {\n type: Object,\n default: () => ({})\n }\n },\n data() {\n return {\n leftWidth: 270,\n rightWidth: 300,\n curLangName: '',\n curLocale: '',\n isLoading: false, //是否正在加载中\n vsCodeFlag: false,\n caseName: '',\n\n docUrl: 'https://www.vform666.com/document3.html',\n gitUrl: 'https://github.com/vform666/variant-form3-vite',\n chatUrl: 'https://www.vform666.com/pages/chat-group/',\n subScribeUrl: 'https://www.vform666.com/pages/pro/',\n\n scrollerHeight: 0,\n\n designer: createDesigner(this),\n\n fieldList: []\n };\n },\n provide() {\n return {\n serverFieldList: () => this.fieldList,\n getDesignerConfig: () => this.designerConfig,\n getBannedWidgets: () => this.bannedWidgets\n };\n },\n created() {\n // this.vsCodeFlag = getQueryParam('vscode') == 1;\n // this.caseName = getQueryParam('case');\n },\n mounted() {\n this.initLocale();\n\n this.scrollerHeight = window.innerHeight - 56 - 36 + 'px';\n addWindowResizeHandler(() => {\n this.$nextTick(() => {\n this.scrollerHeight = window.innerHeight - 56 - 36 + 'px';\n });\n });\n\n this.loadFieldListFromServer();\n },\n methods: {\n setLoading(flag) {\n this.isLoading = flag;\n },\n changeLeftWidth() {\n if (this.leftWidth === 270) {\n this.leftWidth = 0;\n } else {\n this.leftWidth = 270;\n }\n },\n changeRightWidth() {\n if (this.rightWidth === 300) {\n this.rightWidth = 0;\n } else {\n this.rightWidth = 300;\n }\n },\n /\n json回填\n * @param {} importObj\n /\n setJsonImport(importObj = {}) {\n if (isEmpty(importObj)) return;\n try {\n if (!importObj \|\| !importObj.formConfig) {\n throw new Error(this.i18nt('designer.hint.invalidJsonFormat'));\n }\n\n // const fJsonVer = importObj?.formConfig?.jsonVersion \|\| '';\n // if (!fJsonVer \|\| fJsonVer !== 3) {\n // throw new Error(this.i18nt('designer.hint.jsonVersionMismatch'));\n // }\n\n this.designer.loadFormJson(importObj);\n\n this.designer.emitHistoryChange();\n\n this.designer.emitEvent('form-json-imported', []);\n } catch (ex) {\n this.$message.error(ex + '');\n }\n },\n testEEH(eventName, eventParams) {\n console.log('test', eventName);\n console.log('test222222', eventParams);\n },\n\n showLink(configName) {\n if (this.designerConfig[configName] === undefined) {\n return true;\n }\n\n return !!this.designerConfig[configName];\n },\n\n openUrl(event, url) {\n if (!!this.vsCodeFlag) {\n const msgObj = {\n cmd: 'openUrl',\n data: {\n url\n }\n };\n window.parent.postMessage(msgObj, '');\n } else {\n const aDom = event.currentTarget;\n aDom.href = url;\n //window.open(url, '_blank') //直接打开新窗口，会被浏览器拦截\n }\n },\n\n changeLanguage(langName) {\n changeLocale(langName);\n },\n initLocale() {\n this.curLocale = localStorage.getItem('lowcode_local');\n if (!!this.vsCodeFlag) {\n this.curLocale = this.curLocale \|\| 'en-US';\n } else {\n this.curLocale = this.curLocale \|\| 'zh-CN';\n }\n this.curLangName = this.i18nt('application.' + this.curLocale);\n this.changeLanguage(this.curLocale);\n },\n\n async loadFieldListFromServer() {\n if (!this.fieldListApi) {\n return;\n }\n this.fieldList = await this.fieldListApi();\n console.log('this.fieldList: ', this.fieldList);\n },\n setFormJson(formJson) {\n console.log('formJson: ', formJson);\n let modifiedFlag = false;\n if (!!formJson) {\n if (typeof formJson === 'string') {\n //TODO\n modifiedFlag = this.designer.loadFormJson(JSON.parse(formJson));\n } else if (formJson.constructor === Object) {\n modifiedFlag = this.designer.loadFormJson(formJson);\n }\n\n if (modifiedFlag) {\n this.designer.emitHistoryChange();\n }\n }\n },\n\n getFormJson() {\n return {\n widgetList: deepClone(this.designer.widgetList),\n formConfig: deepClone(this.designer.formConfig)\n };\n },\n\n clearDesigner() {\n this.$refs.toolbarRef.clearFormWidget();\n },\n\n /\n 刷新表单设计器\n /\n refreshDesigner() {\n //this.designer.loadFormJson( this.getFormJson() ) //只有第一次调用生效？？\n\n const fJson = this.getFormJson();\n this.designer.clearDesigner(true); //不触发历史记录变更\n this.designer.loadFormJson(fJson);\n },\n\n /\n 预览表单\n /\n previewForm() {\n this.$refs.toolbarRef.previewForm();\n },\n\n /\n 导入表单JSON\n /\n importJson() {\n this.$refs.toolbarRef.importJson();\n },\n\n /\n 导出表单JSON\n /\n exportJson() {\n this.$refs.toolbarRef.exportJson();\n },\n\n /\n 导出Vue/HTML代码\n /\n exportCode() {\n this.$refs.toolbarRef.exportCode();\n },\n\n /\n 生成SFC代码\n /\n generateSFC() {\n this.$refs.toolbarRef.generateSFC();\n },\n\n /\n 获取所有字段组件\n * @returns {[]}\n /\n getFieldWidgets(widgetList = null) {\n return !!widgetList\n ? getAllFieldWidgets(widgetList)\n : getAllFieldWidgets(this.designer.widgetList);\n },\n\n /*\n 获取所有容器组件\n * @returns {[]}\n /\n getContainerWidgets(widgetList = null) {\n return !!widgetList\n ? getAllContainerWidgets(widgetList)\n : getAllContainerWidgets(this.designer.widgetList);\n },\n\n /*\n 升级表单json，以补充最新的组件属性\n * @param formJson\n /\n upgradeFormJson(formJson) {\n if (!formJson.widgetList \|\| !formJson.formConfig) {\n this.$message.error('Invalid form json!');\n return;\n }\n\n traverseAllWidgets(formJson.widgetList, w => {\n this.designer.upgradeWidgetConfig(w);\n });\n this.designer.upgradeFormConfig(formJson.formConfig);\n\n return formJson;\n },\n\n getWidgetRef(widgetName, showError = false) {\n return this.$refs['formRef'].getWidgetRef(widgetName, showError);\n },\n\n getSelectedWidgetRef() {\n return this.$refs['formRef'].getSelectedWidgetRef();\n },\n\n /\n 添加数据源对象\n * @param dsObj\n /\n addDataSource(dsObj) {\n this.designer.formConfig.dataSources.push(dsObj);\n },\n\n /\n 增加外部组件引用，可通过getEC()方法获取外部组件，以便在VForm内部调用外部组件方法\n * @param componentName 外部组件名称\n * @param externalComponent 外部组件实例\n /\n addEC(componentName, externalComponent) {\n this.externalComponents[componentName] = externalComponent;\n },\n\n /\n 判断外部组件是否可获取\n * @param componentName 外部组件名称\n * @returns {boolean}\n /\n hasEC(componentName) {\n return this.externalComponents.hasOwnProperty(componentName);\n },\n\n /\n 获取外部组件实例\n * @param componentName\n * @returns {}\n /\n getEC(componentName) {\n return this.externalComponents[componentName];\n }\n\n //TODO: 增加更多方法！！\n }\n };\n</script>\n\n<style lang=\"scss\" scoped>\n .ant-layout.main-container {\n background: #fff;\n\n .ant-layout-sider {\n background: #fff;\n }\n\n :deep(aside) {\n /* 防止aside样式被外部样式覆盖！！ */\n margin: 0;\n padding: 0;\n background: inherit;\n }\n }\n\n .ant-layout.full-height {\n height: 100%;\n overflow-y: hidden;\n }\n\n .ant-layout-content.center-layout-container {\n min-width: 680px;\n border-left: 2px dotted #ebeef5;\n border-right: 2px dotted #ebeef5;\n display: flex;\n flex-direction: column;\n }\n\n .ant-layout-header.main-header {\n border-bottom: 2px dotted #ebeef5;\n background: #fff;\n padding: 0;\n\n height: 48px !important;\n line-height: 48px !important;\n min-width: 800px;\n }\n\n div.main-title {\n font-size: 18px;\n color: #242424;\n display: flex;\n align-items: center;\n justify-items: center;\n\n img {\n cursor: pointer;\n width: 36px;\n height: 36px;\n }\n\n span.bold {\n font-size: 20px;\n font-weight: bold;\n margin: 0 6px 0 6px;\n }\n\n span.version-span {\n font-size: 14px;\n color: #101f1c;\n margin-left: 6px;\n }\n }\n\n .float-left {\n float: left;\n }\n\n .float-right {\n float: right;\n }\n\n .el-dropdown-link {\n margin-right: 12px;\n cursor: pointer;\n }\n\n div.external-link {\n display: flex;\n align-items: center;\n\n a {\n font-size: 13px;\n text-decoration: none;\n margin-right: 10px;\n color: #606266;\n }\n }\n\n .ant-layout-header.toolbar-header {\n font-size: 14px;\n border-bottom: 1px dotted #cccccc;\n height: 42px !important;\n background: #fff;\n padding: 0;\n }\n\n .ant-layout-sider.side-panel {\n width: 260px !important;\n overflow-y: hidden;\n }\n // .left-aside-toggle-bar {\n // position: relative;\n // width: 0px;\n // .icons {\n // position: absolute;\n // right: 100%;\n // top: 50%;\n // transform: translate(100%, -50%);\n // z-index: 9999;\n // background: #fff;\n // width: 12px !important;\n // height: 36px !important;\n // }\n // }\n\n .ant-layout-content.form-widget-main {\n padding: 0;\n position: relative;\n overflow-x: hidden;\n flex: 1 0 0;\n }\n\n .container-scroll-bar {\n height: 100%;\n & > :deep(.form-widget-container) {\n height: 100%;\n }\n }\n</style>\n"],"names":["_sfc_main","i18n","TpfConfigProvider","WidgetPanel","ToolbarPanel","SettingPanel","VFormWidget","createDesigner","addWindowResizeHandler","flag","importObj","isEmpty","ex","eventName","eventParams","configName","event","url","msgObj","aDom","langName","changeLocale","formJson","modifiedFlag","deepClone","fJson","widgetList","getAllFieldWidgets","getAllContainerWidgets","traverseAllWidgets","w","widgetName","showError","dsObj","componentName","externalComponent","_hoisted_1","_createBlock","_component_TpfConfigProvider","_createVNode","_component_a_layout","_component_a_layout_sider","$data","_component_WidgetPanel","_component_a_layout_content","_component_a_layout_header","_component_toolbar_panel","$props","$options","_ctx","idx","slotName","_renderSlot","_createElementVNode","_component_VFormWidget","_component_setting_panel"],"mappings":";;;;;;;;;;;;AAoEI,MAAKA,IAAU;AAAA,EACX,MAAM;AAAA,EACN,eAAe;AAAA,EACf,QAAQ,CAACC,CAAI;AAAA,EACb,YAAY;AAAA,IACR,mBAAAC;AAAA,IACA,aAAAC;AAAA,IACA,cAAAC;AAAA,IACA,cAAAC;AAAA,IACA,aAAAC;AAAA;EAEJ,OAAO;AAAA;AAAA,IAGH,aAAa;AAAA,MACT,MAAM;AAAA,MACN,SAAS;AAAA;;IAGb,cAAc;AAAA,MACV,MAAM;AAAA,MACN,SAAS;AAAA;;IAIb,eAAe;AAAA,MACX,MAAM;AAAA,MACN,SAAS,MAAM,CAAA;AAAA;;IAGnB,gBAAgB;AAAA,MACZ,MAAM;AAAA,MACN,SAAS,OACE;AAAA,QACH,cAAc;AAAA;AAAA;AAAA;AAAA,QAGd,eAAe;AAAA;AAAA,QACf,oBAAoB;AAAA;AAAA,QAEpB,qBAAqB;AAAA;AAAA,QACrB,mBAAmB;AAAA;AAAA,QACnB,kBAAkB;AAAA;AAAA,QAClB,kBAAkB;AAAA;AAAA,QAClB,kBAAkB;AAAA;AAAA;AAAA,QAGlB,iBAAiB;AAAA;AAAA,QACjB,iBAAiB;AAAA;AAAA,QAEjB,eAAe;AAAA;AAAA,QAEf,eAAe;AAAA;AAAA;;;IAM3B,WAAW;AAAA,MACP,MAAM;AAAA,MACN,SAAS,OAAO,CAAA;AAAA,IACpB;AAAA;EAEJ,OAAO;AACH,WAAO;AAAA,MACH,WAAW;AAAA,MACX,YAAY;AAAA,MACZ,aAAa;AAAA,MACb,WAAW;AAAA,MACX,WAAW;AAAA;AAAA,MACX,YAAY;AAAA,MACZ,UAAU;AAAA,MAEV,QAAQ;AAAA,MACR,QAAQ;AAAA,MACR,SAAS;AAAA,MACT,cAAc;AAAA,MAEd,gBAAgB;AAAA,MAEhB,UAAUC,EAAe,IAAI;AAAA,MAE7B,WAAW,CAAA;AAAA;EAEnB;AAAA,EACA,UAAU;AACN,WAAO;AAAA,MACH,iBAAiB,MAAM,KAAK;AAAA,MAC5B,mBAAmB,MAAM,KAAK;AAAA,MAC9B,kBAAkB,MAAM,KAAK;AAAA;EAErC;AAAA,EACA,UAAU;AAAA,EAGV;AAAA,EACA,UAAU;AACN,SAAK,WAAU,GAEf,KAAK,iBAAiB,OAAO,cAAc,KAAK,KAAK,MACrDC,EAAuB,MAAM;AACzB,WAAK,UAAU,MAAM;AACjB,aAAK,iBAAiB,OAAO,cAAc,KAAK,KAAK;AAAA,MACzD,CAAC;AAAA,IACL,CAAC,GAED,KAAK,wBAAuB;AAAA,EAChC;AAAA,EACA,SAAS;AAAA,IACL,WAAWC,GAAM;AACb,WAAK,YAAYA;AAAA,IACrB;AAAA,IACA,kBAAkB;AACd,MAAI,KAAK,cAAc,MACnB,KAAK,YAAY,IAEjB,KAAK,YAAY;AAAA,IAEzB;AAAA,IACA,mBAAmB;AACf,MAAI,KAAK,eAAe,MACpB,KAAK,aAAa,IAElB,KAAK,aAAa;AAAA,IAE1B;AAAA;AAAA;AAAA;AAAA;AAAA,IAKA,cAAcC,IAAY,IAAI;AAC1B,UAAI,CAAAC,EAAQD,CAAS;AACrB,YAAI;AACA,cAAI,CAACA,KAAa,CAACA,EAAU;AACzB,kBAAM,IAAI,MAAM,KAAK,MAAM,iCAAiC,CAAC;AAQjE,eAAK,SAAS,aAAaA,CAAS,GAEpC,KAAK,SAAS,kBAAiB,GAE/B,KAAK,SAAS,UAAU,sBAAsB,CAAA,CAAE;AAAA,QACpD,SAASE,GAAI;AACT,eAAK,SAAS,MAAMA,IAAK,EAAE;AAAA,QAC/B;AAAA,IACJ;AAAA,IACA,QAAQC,GAAWC,GAAa;AAC5B,cAAQ,IAAI,QAAQD,CAAS,GAC7B,QAAQ,IAAI,cAAcC,CAAW;AAAA,IACzC;AAAA,IAEA,SAASC,GAAY;AACjB,aAAI,KAAK,eAAeA,CAAU,MAAM,SAC7B,KAGJ,CAAC,CAAC,KAAK,eAAeA,CAAU;AAAA,IAC3C;AAAA,IAEA,QAAQC,GAAOC,GAAK;AAChB,UAAM,KAAK,YAAY;AACnB,cAAMC,IAAS;AAAA,UACX,KAAK;AAAA,UACL,MAAM;AAAA,YACF,KAAAD;AAAA,UACJ;AAAA;AAEJ,eAAO,OAAO,YAAYC,GAAQ,GAAG;AAAA,MACzC,OAAO;AACH,cAAMC,IAAOH,EAAM;AACnB,QAAAG,EAAK,OAAOF;AAAA,MAEhB;AAAA,IACJ;AAAA,IAEA,eAAeG,GAAU;AACrB,MAAAC,EAAaD,CAAQ;AAAA,IACzB;AAAA,IACA,aAAa;AACT,WAAK,YAAY,aAAa,QAAQ,eAAe,GAC/C,KAAK,aACP,KAAK,YAAY,KAAK,aAAa,UAEnC,KAAK,YAAY,KAAK,aAAa,SAEvC,KAAK,cAAc,KAAK,MAAM,iBAAiB,KAAK,SAAS,GAC7D,KAAK,eAAe,KAAK,SAAS;AAAA,IACtC;AAAA,IAEA,MAAM,0BAA0B;AAC5B,MAAK,KAAK,iBAGV,KAAK,YAAY,MAAM,KAAK,aAAY,GACxC,QAAQ,IAAI,oBAAoB,KAAK,SAAS;AAAA,IAClD;AAAA,IACA,YAAYE,GAAU;AAClB,cAAQ,IAAI,cAAcA,CAAQ;AAClC,UAAIC,IAAe;AACnB,MAAMD,MACE,OAAOA,KAAa,WAEpBC,IAAe,KAAK,SAAS,aAAa,KAAK,MAAMD,CAAQ,CAAC,IACvDA,EAAS,gBAAgB,WAChCC,IAAe,KAAK,SAAS,aAAaD,CAAQ,IAGlDC,KACA,KAAK,SAAS,kBAAiB;AAAA,IAG3C;AAAA,IAEA,cAAc;AACV,aAAO;AAAA,QACH,YAAYC,EAAU,KAAK,SAAS,UAAU;AAAA,QAC9C,YAAYA,EAAU,KAAK,SAAS,UAAU;AAAA;IAEtD;AAAA,IAEA,gBAAgB;AACZ,WAAK,MAAM,WAAW,gBAAe;AAAA,IACzC;AAAA;AAAA;AAAA;AAAA,IAKA,kBAAkB;AAGd,YAAMC,IAAQ,KAAK,YAAW;AAC9B,WAAK,SAAS,cAAc,EAAI,GAChC,KAAK,SAAS,aAAaA,CAAK;AAAA,IACpC;AAAA;AAAA;AAAA;AAAA,IAKA,cAAc;AACV,WAAK,MAAM,WAAW,YAAW;AAAA,IACrC;AAAA;AAAA;AAAA;AAAA,IAKA,aAAa;AACT,WAAK,MAAM,WAAW,WAAU;AAAA,IACpC;AAAA;AAAA;AAAA;AAAA,IAKA,aAAa;AACT,WAAK,MAAM,WAAW,WAAU;AAAA,IACpC;AAAA;AAAA;AAAA;AAAA,IAKA,aAAa;AACT,WAAK,MAAM,WAAW,WAAU;AAAA,IACpC;AAAA;AAAA;AAAA;AAAA,IAKA,cAAc;AACV,WAAK,MAAM,WAAW,YAAW;AAAA,IACrC;AAAA;AAAA;AAAA;AAAA;AAAA,IAMA,gBAAgBC,IAAa,MAAM;AAC/B,aAASA,IACHC,EAAmBD,CAAU,IAC7BC,EAAmB,KAAK,SAAS,UAAU;AAAA,IACrD;AAAA;AAAA;AAAA;AAAA;AAAA,IAMA,oBAAoBD,IAAa,MAAM;AACnC,aAASA,IACHE,EAAuBF,CAAU,IACjCE,EAAuB,KAAK,SAAS,UAAU;AAAA,IACzD;AAAA;AAAA;AAAA;AAAA;AAAA,IAMA,gBAAgBN,GAAU;AACtB,UAAI,CAACA,EAAS,cAAc,CAACA,EAAS,YAAY;AAC9C,aAAK,SAAS,MAAM,oBAAoB;AACxC;AAAA,MACJ;AAEA,aAAAO,EAAmBP,EAAS,YAAY,CAAAQ,MAAK;AACzC,aAAK,SAAS,oBAAoBA,CAAC;AAAA,MACvC,CAAC,GACD,KAAK,SAAS,kBAAkBR,EAAS,UAAU,GAE5CA;AAAA,IACX;AAAA,IAEA,aAAaS,GAAYC,IAAY,IAAO;AACxC,aAAO,KAAK,MAAM,QAAW,aAAaD,GAAYC,CAAS;AAAA,IACnE;AAAA,IAEA,uBAAuB;AACnB,aAAO,KAAK,MAAM,QAAW,qBAAoB;AAAA,IACrD;AAAA;AAAA;AAAA;AAAA;AAAA,IAMA,cAAcC,GAAO;AACjB,WAAK,SAAS,WAAW,YAAY,KAAKA,CAAK;AAAA,IACnD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOA,MAAMC,GAAeC,GAAmB;AACpC,WAAK,mBAAmBD,CAAa,IAAIC;AAAA,IAC7C;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOA,MAAMD,GAAe;AACjB,aAAO,KAAK,mBAAmB,eAAeA,CAAa;AAAA,IAC/D;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOA,MAAMA,GAAe;AACjB,aAAO,KAAK,mBAAmBA,CAAa;AAAA,IAChD;AAAA;AAAA,EAGJ;GA/YqBE,IAAA,EAAA,OAAM,uBAAsB;;;cAzBrDC,EA+CoBC,GAAA,MAAA;AAAA,eA9ChB,MA6CW;AAAA,MA7CXC,EA6CWC,GAAA,EA7CD,OAAM,6BAA4B,GAAA;AAAA,mBACxC,MA2CW;AAAA,UA3CXD,EA2CWC,GAAA,MAAA;AAAA,uBA1CP,MAEiB;AAAA,cAFjBD,EAEiBE,GAAA;AAAA,gBAFA,OAAOC,EAAA;AAAA,gBAAW,OAAM;AAAA;2BACrC,MAAoC;AAAA,kBAApCH,EAAoCI,GAAA,EAAtB,UAAUD,EAAA,SAAQ,GAAA,MAAA,GAAA,CAAA,UAAA,CAAA;AAAA;;;cAGpCH,EA2BmBK,GAAA,EA3BD,OAAM,0BAAyB,GAAA;AAAA,2BAC7C,MAekB;AAAA,kBAflBL,EAekBM,GAAA,EAfD,OAAM,iBAAgB,GAAA;AAAA,+BACnC,MAagB;AAAA,sBAbhBN,EAagBO,GAAA;AAAA,wBAZX,aAAaC,EAAA;AAAA,wBACb,UAAUL,EAAA;AAAA,wBACV,cAAYK,EAAA;AAAA,wBACZ,iBAAiBC,EAAA;AAAA,wBACjB,kBAAkBA,EAAA;AAAA,wBAClB,WAAWN,EAAA;AAAA,wBACX,YAAYA,EAAA;AAAA,wBACb,KAAI;AAAA;0BAEgCO,EAAA,QAAM,CAAxBC,GAAKC;gCAAsBA;AAAA,gCACzC,MAA8B;AAAA,4BAA9BC,EAA8BH,UAAjBE,GAAQ,CAAA,GAAA,QAAA,EAAA;AAAA;;;;;;kBAIjCZ,EASmBK,GAAA,EATD,OAAM,mBAAkB,GAAA;AAAA,+BACtC,MAOM;AAAA,sBAPNS,EAOM,OAPNjB,GAOM;AAAA,wBANFG,EAKEe,GAAA;AAAA,0BAJG,UAAUZ,EAAA;AAAA,0BACV,eAAaA,EAAA,SAAS;AAAA,0BACtB,cAAYK,EAAA;AAAA,0BACb,KAAI;AAAA;;;;;;;;cAMpBR,EAQiBE,GAAA,EARA,OAAOC,EAAA,WAAU,GAAA;AAAA,2BAC9B,MAME;AAAA,kBANFH,EAMEgB,GAAA;AAAA,oBALG,UAAUb,EAAA;AAAA,oBACV,mBAAiBA,EAAA,SAAS;AAAA,oBAC1B,cAAYK,EAAA;AAAA,oBACZ,eAAaL,EAAA,SAAS;AAAA,oBACtB,oBAAoBM,EAAA;AAAA;;;;;;;;;;;;;;;"}
1	+ {"version":3,"file":"index.vue.js","sources":["../../../../src/components/form-designer/index.vue"],"sourcesContent":["<template>\n <TpfConfigProvider>\n <a-layout class=\"main-container full-height\">\n <a-layout>\n <a-layout-sider :width=\"leftWidth\" class=\"side-panel\">\n <WidgetPanel :designer=\"designer\" />\n </a-layout-sider>\n\n <a-layout-content class=\"center-layout-container\">\n <a-layout-header class=\"toolbar-header\">\n <toolbar-panel\n :saveJsonApi=\"saveJsonApi\"\n :designer=\"designer\"\n :global-dsv=\"globalDsv\"\n :changeLeftWidth=\"changeLeftWidth\"\n :changeRightWidth=\"changeRightWidth\"\n :leftWidth=\"leftWidth\"\n :rightWidth=\"rightWidth\"\n ref=\"toolbarRef\"\n >\n <template v-for=\"(idx, slotName) in $slots\" #[slotName]>\n <slot :name=\"slotName\"></slot>\n </template>\n </toolbar-panel>\n </a-layout-header>\n <a-layout-content class=\"form-widget-main\">\n <div class=\"container-scroll-bar\">\n <VFormWidget\n :designer=\"designer\"\n :form-config=\"designer.formConfig\"\n :global-dsv=\"globalDsv\"\n ref=\"formRef\"\n />\n </div>\n </a-layout-content>\n </a-layout-content>\n\n <a-layout-sider :width=\"rightWidth\">\n <setting-panel\n :designer=\"designer\"\n :selected-widget=\"designer.selectedWidget\"\n :global-dsv=\"globalDsv\"\n :form-config=\"designer.formConfig\"\n @edit-event-handler=\"testEEH\"\n />\n </a-layout-sider>\n </a-layout>\n </a-layout>\n </TpfConfigProvider>\n</template>\n\n<script>\n import WidgetPanel from './widget-panel/index.vue';\n import ToolbarPanel from './toolbar-panel/index.vue';\n import SettingPanel from './setting-panel/index.vue';\n import VFormWidget from './form-widget/index.vue';\n import { createDesigner } from '@/components/form-designer/designer';\n import { TpfConfigProvider } from 'tmgc2-share';\n import {\n addWindowResizeHandler,\n deepClone,\n getAllContainerWidgets,\n getAllFieldWidgets,\n traverseAllWidgets\n } from '@/utils/util';\n import i18n, { changeLocale } from '@/utils/i18n';\n import { isEmpty } from 'lodash-es';\n\n export default {\n name: 'VFormDesigner',\n componentName: 'VFormDesigner',\n mixins: [i18n],\n components: {\n TpfConfigProvider,\n WidgetPanel,\n ToolbarPanel,\n SettingPanel,\n VFormWidget\n },\n props: {\n /* 保存jsonApi /\n\n saveJsonApi: {\n type: Function,\n default: null\n },\n / 后端字段列表API /\n fieldListApi: {\n type: Function,\n default: null\n },\n\n / 禁止显示的组件名称数组 /\n bannedWidgets: {\n type: Array,\n default: () => []\n },\n / 设计器配置参数 /\n designerConfig: {\n type: Object,\n default: () => {\n return {\n languageMenu: true, //是否显示语言切换菜单\n // externalLink: true, //是否显示GitHub、文档等外部链接\n // formTemplates: true, //是否显示表单模板\n eventCollapse: true, //是否显示组件事件属性折叠面板\n widgetNameReadonly: false, //禁止修改组件名称\n\n clearDesignerButton: true, //是否显示清空设计器按钮\n previewFormButton: true, //是否显示预览表单按钮\n importJsonButton: true, //是否显示导入JSON按钮\n exportJsonButton: true, //是否显示导出JSON器按钮\n exportCodeButton: true, //是否显示导出代码按钮\n // generateSFCButton: true, //是否显示生成SFC按钮\n\n toolbarMaxWidth: 450, //设计器工具按钮栏最大宽度（单位像素）\n toolbarMinWidth: 300, //设计器工具按钮栏最小宽度（单位像素）\n\n presetCssCode: '', //设计器预设CSS样式代码\n\n resetFormJson: false //是否在设计器初始化时将表单内容重置为空\n };\n }\n },\n\n / 全局数据源变量 /\n globalDsv: {\n type: Object,\n default: () => ({})\n }\n },\n data() {\n return {\n leftWidth: 270,\n rightWidth: 300,\n curLangName: '',\n curLocale: '',\n isLoading: false, //是否正在加载中\n vsCodeFlag: false,\n caseName: '',\n\n docUrl: 'https://www.vform666.com/document3.html',\n gitUrl: 'https://github.com/vform666/variant-form3-vite',\n chatUrl: 'https://www.vform666.com/pages/chat-group/',\n subScribeUrl: 'https://www.vform666.com/pages/pro/',\n\n scrollerHeight: 0,\n\n designer: createDesigner(this),\n\n fieldList: []\n };\n },\n provide() {\n return {\n serverFieldList: () => this.fieldList,\n getDesignerConfig: () => this.designerConfig,\n getBannedWidgets: () => this.bannedWidgets\n };\n },\n created() {\n // this.vsCodeFlag = getQueryParam('vscode') == 1;\n // this.caseName = getQueryParam('case');\n },\n mounted() {\n this.initLocale();\n\n this.scrollerHeight = window.innerHeight - 56 - 36 + 'px';\n addWindowResizeHandler(() => {\n this.$nextTick(() => {\n this.scrollerHeight = window.innerHeight - 56 - 36 + 'px';\n });\n });\n\n this.loadFieldListFromServer();\n },\n methods: {\n setLoading(flag) {\n this.isLoading = flag;\n },\n changeLeftWidth() {\n if (this.leftWidth === 270) {\n this.leftWidth = 0;\n } else {\n this.leftWidth = 270;\n }\n },\n changeRightWidth() {\n if (this.rightWidth === 300) {\n this.rightWidth = 0;\n } else {\n this.rightWidth = 300;\n }\n },\n /\n json回填\n * @param {} importObj\n /\n setJsonImport(importObj = {}) {\n if (isEmpty(importObj)) return;\n try {\n if (!importObj \|\| !importObj.formConfig) {\n throw new Error(this.i18nt('designer.hint.invalidJsonFormat'));\n }\n\n // const fJsonVer = importObj?.formConfig?.jsonVersion \|\| '';\n // if (!fJsonVer \|\| fJsonVer !== 3) {\n // throw new Error(this.i18nt('designer.hint.jsonVersionMismatch'));\n // }\n\n this.designer.loadFormJson(importObj);\n\n this.designer.emitHistoryChange();\n\n this.designer.emitEvent('form-json-imported', []);\n } catch (ex) {\n this.$message.error(ex + '');\n }\n },\n testEEH(eventName, eventParams) {\n console.log('test', eventName);\n console.log('test222222', eventParams);\n },\n\n showLink(configName) {\n if (this.designerConfig[configName] === undefined) {\n return true;\n }\n\n return !!this.designerConfig[configName];\n },\n\n openUrl(event, url) {\n if (!!this.vsCodeFlag) {\n const msgObj = {\n cmd: 'openUrl',\n data: {\n url\n }\n };\n window.parent.postMessage(msgObj, '');\n } else {\n const aDom = event.currentTarget;\n aDom.href = url;\n //window.open(url, '_blank') //直接打开新窗口，会被浏览器拦截\n }\n },\n\n changeLanguage(langName) {\n changeLocale(langName);\n },\n initLocale() {\n this.curLocale = localStorage.getItem('lowcode_local');\n if (!!this.vsCodeFlag) {\n this.curLocale = this.curLocale \|\| 'en-US';\n } else {\n this.curLocale = this.curLocale \|\| 'zh-CN';\n }\n this.curLangName = this.i18nt('application.' + this.curLocale);\n this.changeLanguage(this.curLocale);\n },\n\n async loadFieldListFromServer() {\n if (!this.fieldListApi) {\n return;\n }\n this.fieldList = await this.fieldListApi();\n console.log('this.fieldList: ', this.fieldList);\n },\n setFormJson(formJson) {\n console.log('formJson: ', formJson);\n let modifiedFlag = false;\n if (!!formJson) {\n if (typeof formJson === 'string') {\n //TODO\n modifiedFlag = this.designer.loadFormJson(JSON.parse(formJson));\n } else if (formJson.constructor === Object) {\n modifiedFlag = this.designer.loadFormJson(formJson);\n }\n\n if (modifiedFlag) {\n this.designer.emitHistoryChange();\n }\n }\n },\n\n getFormJson() {\n return {\n widgetList: deepClone(this.designer.widgetList),\n formConfig: deepClone(this.designer.formConfig)\n };\n },\n\n clearDesigner() {\n this.$refs.toolbarRef.clearFormWidget();\n },\n\n /\n 刷新表单设计器\n /\n refreshDesigner() {\n //this.designer.loadFormJson( this.getFormJson() ) //只有第一次调用生效？？\n\n const fJson = this.getFormJson();\n this.designer.clearDesigner(true); //不触发历史记录变更\n this.designer.loadFormJson(fJson);\n },\n\n /\n 预览表单\n /\n previewForm() {\n this.$refs.toolbarRef.previewForm();\n },\n\n /\n 导入表单JSON\n /\n importJson() {\n this.$refs.toolbarRef.importJson();\n },\n\n /\n 导出表单JSON\n /\n exportJson() {\n this.$refs.toolbarRef.exportJson();\n },\n\n /\n 导出Vue/HTML代码\n /\n exportCode() {\n this.$refs.toolbarRef.exportCode();\n },\n\n /\n 生成SFC代码\n /\n generateSFC() {\n this.$refs.toolbarRef.generateSFC();\n },\n\n /\n 获取所有字段组件\n * @returns {[]}\n /\n getFieldWidgets(widgetList = null) {\n return !!widgetList\n ? getAllFieldWidgets(widgetList)\n : getAllFieldWidgets(this.designer.widgetList);\n },\n\n /*\n 获取所有容器组件\n * @returns {[]}\n /\n getContainerWidgets(widgetList = null) {\n return !!widgetList\n ? getAllContainerWidgets(widgetList)\n : getAllContainerWidgets(this.designer.widgetList);\n },\n\n /*\n 升级表单json，以补充最新的组件属性\n * @param formJson\n /\n upgradeFormJson(formJson) {\n if (!formJson.widgetList \|\| !formJson.formConfig) {\n this.$message.error('Invalid form json!');\n return;\n }\n\n traverseAllWidgets(formJson.widgetList, w => {\n this.designer.upgradeWidgetConfig(w);\n });\n this.designer.upgradeFormConfig(formJson.formConfig);\n\n return formJson;\n },\n\n getWidgetRef(widgetName, showError = false) {\n return this.$refs['formRef'].getWidgetRef(widgetName, showError);\n },\n\n getSelectedWidgetRef() {\n return this.$refs['formRef'].getSelectedWidgetRef();\n },\n\n /\n 添加数据源对象\n * @param dsObj\n /\n addDataSource(dsObj) {\n this.designer.formConfig.dataSources.push(dsObj);\n },\n\n /\n 增加外部组件引用，可通过getEC()方法获取外部组件，以便在VForm内部调用外部组件方法\n * @param componentName 外部组件名称\n * @param externalComponent 外部组件实例\n /\n addEC(componentName, externalComponent) {\n this.externalComponents[componentName] = externalComponent;\n },\n\n /\n 判断外部组件是否可获取\n * @param componentName 外部组件名称\n * @returns {boolean}\n /\n hasEC(componentName) {\n return this.externalComponents.hasOwnProperty(componentName);\n },\n\n /\n 获取外部组件实例\n * @param componentName\n * @returns {}\n /\n getEC(componentName) {\n return this.externalComponents[componentName];\n }\n\n //TODO: 增加更多方法！！\n }\n };\n</script>\n\n<style lang=\"scss\" scoped>\n .ant-layout.main-container {\n background: #fff;\n\n .ant-layout-sider {\n background: #fff;\n }\n\n :deep(aside) {\n /* 防止aside样式被外部样式覆盖！！ */\n margin: 0;\n padding: 0;\n background: inherit;\n }\n }\n\n .ant-layout.full-height {\n height: 100%;\n overflow-y: hidden;\n }\n\n .ant-layout-content.center-layout-container {\n min-width: 680px;\n border-left: 2px dotted #ebeef5;\n border-right: 2px dotted #ebeef5;\n display: flex;\n flex-direction: column;\n }\n\n .ant-layout-header.main-header {\n border-bottom: 2px dotted #ebeef5;\n background: #fff;\n padding: 0;\n\n height: 48px !important;\n line-height: 48px !important;\n min-width: 800px;\n }\n\n div.main-title {\n font-size: 18px;\n color: #242424;\n display: flex;\n align-items: center;\n justify-items: center;\n\n img {\n cursor: pointer;\n width: 36px;\n height: 36px;\n }\n\n span.bold {\n font-size: 20px;\n font-weight: bold;\n margin: 0 6px 0 6px;\n }\n\n span.version-span {\n font-size: 14px;\n color: #101f1c;\n margin-left: 6px;\n }\n }\n\n .float-left {\n float: left;\n }\n\n .float-right {\n float: right;\n }\n\n div.external-link {\n display: flex;\n align-items: center;\n\n a {\n font-size: 13px;\n text-decoration: none;\n margin-right: 10px;\n color: #606266;\n }\n }\n\n .ant-layout-header.toolbar-header {\n font-size: 14px;\n border-bottom: 1px dotted #cccccc;\n height: 42px !important;\n background: #fff;\n padding: 0;\n }\n\n .ant-layout-sider.side-panel {\n width: 260px !important;\n overflow-y: hidden;\n }\n // .left-aside-toggle-bar {\n // position: relative;\n // width: 0px;\n // .icons {\n // position: absolute;\n // right: 100%;\n // top: 50%;\n // transform: translate(100%, -50%);\n // z-index: 9999;\n // background: #fff;\n // width: 12px !important;\n // height: 36px !important;\n // }\n // }\n\n .ant-layout-content.form-widget-main {\n padding: 0;\n position: relative;\n overflow-x: hidden;\n flex: 1 0 0;\n }\n\n .container-scroll-bar {\n height: 100%;\n & > :deep(.form-widget-container) {\n height: 100%;\n }\n }\n</style>\n"],"names":["_sfc_main","i18n","TpfConfigProvider","WidgetPanel","ToolbarPanel","SettingPanel","VFormWidget","createDesigner","addWindowResizeHandler","flag","importObj","isEmpty","ex","eventName","eventParams","configName","event","url","msgObj","aDom","langName","changeLocale","formJson","modifiedFlag","deepClone","fJson","widgetList","getAllFieldWidgets","getAllContainerWidgets","traverseAllWidgets","w","widgetName","showError","dsObj","componentName","externalComponent","_hoisted_1","_createBlock","_component_TpfConfigProvider","_createVNode","_component_a_layout","_component_a_layout_sider","$data","_component_WidgetPanel","_component_a_layout_content","_component_a_layout_header","_component_toolbar_panel","$props","$options","_ctx","idx","slotName","_renderSlot","_createElementVNode","_component_VFormWidget","_component_setting_panel"],"mappings":"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"}

package/src/components/form-designer/setting-panel/index.vue.js CHANGED Viewed

@@ -1,26 +1,24 @@
-import T from "../../code-editor/index.vue.js";
-import D from "./property-editor/index.js";
-import K from "./form-setting.vue.js";
-import O from "./form-crud-setting.vue.js";
-import V, { propertyRegistered as j } from "./propertyRegister.js";
-import { addWindowResizeHandler as U } from "../../../utils/util.js";
-import x from "../../../utils/i18n.js";
-import I from "../../../utils/emitter.js";
-import z from "../../code-editor/code-modal-editor.vue.js";
-import { resolveComponent as m, createBlock as s, openBlock as n, withCtx as g, createVNode as f, createCommentVNode as a, createElementVNode as P, normalizeStyle as w, withModifiers as W, createElementBlock as c, Fragment as u, renderList as p, resolveDynamicComponent as C } from "vue";
+import T from "./property-editor/index.js";
+import D from "./form-setting.vue.js";
+import K from "./form-crud-setting.vue.js";
+import O, { propertyRegistered as V } from "./propertyRegister.js";
+import { addWindowResizeHandler as j } from "../../../utils/util.js";
+import U from "../../../utils/i18n.js";
+import x from "../../../utils/emitter.js";
+import I from "../../code-editor/code-modal-editor.vue.js";
+import { resolveComponent as h, createBlock as s, openBlock as n, withCtx as g, createVNode as f, createCommentVNode as a, createElementVNode as P, normalizeStyle as w, withModifiers as W, createElementBlock as c, Fragment as u, renderList as p, resolveDynamicComponent as C } from "vue";
 /* empty css           */
 /* empty css           */
-import B from "../../../../_virtual/_plugin-vue_export-helper.js";
-const { COMMON_PROPERTIES: L, ADVANCED_PROPERTIES: q, EVENT_PROPERTIES: G } = V, J = {
+import z from "../../../../_virtual/_plugin-vue_export-helper.js";
+const { COMMON_PROPERTIES: B, ADVANCED_PROPERTIES: L, EVENT_PROPERTIES: q } = O, G = {
   name: "SettingPanel",
   componentName: "SettingPanel",
-  mixins: [x, I],
+  mixins: [U, x],
   components: {
-    CodeEditor: T,
-    FormSetting: K,
-    CodeModalEditor: z,
-    FormCrudSetting: O,
-    ...D
+    FormSetting: D,
+    CodeModalEditor: I,
+    FormCrudSetting: K,
+    ...T
   },
   props: {
     designer: Object,
@@ -46,9 +44,9 @@ const { COMMON_PROPERTIES: L, ADVANCED_PROPERTIES: q, EVENT_PROPERTIES: G } = V,
       activeTab: "2",
       widgetActiveCollapseNames: ["1", "2", "3"],
       formActiveCollapseNames: ["1", "2"],
-      commonProps: L,
-      advProps: q,
-      eventProps: G,
+      commonProps: B,
+      advProps: L,
+      eventProps: q,
       showWidgetEventDialogFlag: !1,
       eventHandlerCode: "",
       curEventName: "",
@@ -96,7 +94,7 @@ const { COMMON_PROPERTIES: L, ADVANCED_PROPERTIES: q, EVENT_PROPERTIES: G } = V,
     });
   },
   mounted() {
-    this.designer.selectedWidget ? this.activeTab = "1" : this.activeTab = "2", this.scrollerHeight = window.innerHeight - 56 - 48 + "px", U(() => {
+    this.designer.selectedWidget ? this.activeTab = "1" : this.activeTab = "2", this.scrollerHeight = window.innerHeight - 56 - 48 + "px", j(() => {
       this.$nextTick(() => {
         this.scrollerHeight = window.innerHeight - 56 - 48 + "px";
       });
@@ -114,15 +112,15 @@ const { COMMON_PROPERTIES: L, ADVANCED_PROPERTIES: q, EVENT_PROPERTIES: G } = V,
         return !1;
       if (e.indexOf("-") <= -1) {
         const d = this.selectedWidget.type + "-" + e;
-        if (j(d))
+        if (V(d))
           return !1;
       }
       const t = e.replace(this.selectedWidget.type + "-", "");
       return this.designer.hasConfig(this.selectedWidget, t);
     },
     getPropEditor(e, o) {
-      const t = e.replace(this.selectedWidget.type + "-", ""), h = `${this.selectedWidget.type}-${t}-editor`;
-      return this.$options.components[h] || this.$root.$.appContext.components[h] ? h : o;
+      const t = e.replace(this.selectedWidget.type + "-", ""), m = `${this.selectedWidget.type}-${t}-editor`;
+      return this.$options.components[m] || this.$root.$.appContext.components[m] ? m : o;
     },
     showCollapse(e) {
       let o = !1;
@@ -148,22 +146,22 @@ const { COMMON_PROPERTIES: L, ADVANCED_PROPERTIES: q, EVENT_PROPERTIES: G } = V,
     saveEventHandler(e) {
       const o = this.$refs.CodeModalEditorRef.codeEditorRef.ecEditor.getEditorAnnotations();
       let t = !1;
-      if (o && o.length > 0 && (o.forEach((h) => {
-        h.type === "error" && (t = !0);
+      if (o && o.length > 0 && (o.forEach((m) => {
+        m.type === "error" && (t = !0);
       }), t)) {
         this.$message.error(this.i18nt("designer.setting.syntaxCheckWarning"));
         return;
       }
       if (this.curEventName.includes(".")) {
-        const [h, d] = this.curEventName.split(".");
-        this.selectedWidget.options[h][d] = e;
+        const [m, d] = this.curEventName.split(".");
+        this.selectedWidget.options[m][d] = e;
       } else
         this.selectedWidget.options[this.curEventName] = e;
     }
   }
 };
-function Q(e, o, t, h, d, i) {
-  const v = m("a-collapse-panel"), _ = m("a-collapse"), b = m("a-form"), H = m("a-empty"), E = m("a-tab-pane"), M = m("form-setting"), k = m("FormCrudSetting"), S = m("a-tabs"), F = m("CodeModalEditor"), R = m("a-layout"), A = m("a-config-provider");
+function J(e, o, t, m, d, i) {
+  const v = h("a-collapse-panel"), _ = h("a-collapse"), b = h("a-form"), H = h("a-empty"), E = h("a-tab-pane"), M = h("form-setting"), k = h("FormCrudSetting"), S = h("a-tabs"), F = h("CodeModalEditor"), R = h("a-layout"), A = h("a-config-provider");
   return n(), s(A, { componentSize: "small" }, {
     default: g(() => [
       f(R, { class: "panel-container" }, {
@@ -389,8 +387,8 @@ function Q(e, o, t, h, d, i) {
     _: 1
   });
 }
-const se = /* @__PURE__ */ B(J, [["render", Q], ["__scopeId", "data-v-dc8cd5e3"]]);
+const re = /* @__PURE__ */ z(G, [["render", J], ["__scopeId", "data-v-e168cf19"]]);
 export {
-  se as default
+  re as default
 };
 //# sourceMappingURL=index.vue.js.map

package/src/components/form-designer/setting-panel/index.vue.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.vue.js","sources":["../../../../../src/components/form-designer/setting-panel/index.vue"],"sourcesContent":["<template>\n <a-config-provider componentSize=\"small\">\n <a-layout class=\"panel-container\">\n <a-tabs\n v-model:activeKey=\"activeTab\"\n style=\"height: 100%; width: 100%; overflow: hidden\"\n >\n <a-tab-pane :tab=\"i18nt('designer.hint.widgetSetting')\" key=\"1\">\n <div class=\"setting-scrollbar\" :style=\"{ height: scrollerHeight }\">\n <template\n v-if=\"!!designer.selectedWidget && !designer.selectedWidget.category\"\n >\n <a-form\n :model=\"optionModel\"\n labelAlign=\"left\"\n label-width=\"120px\"\n class=\"setting-form tpf-form\"\n @submit.prevent\n >\n <a-collapse\n v-model:activeKey=\"widgetActiveCollapseNames\"\n class=\"setting-collapse\"\n >\n <a-collapse-panel\n key=\"1\"\n v-if=\"showCollapse(commonProps)\"\n :header=\"i18nt('designer.setting.常见属性')\"\n >\n <template v-for=\"(editorName, propName) in commonProps\">\n <component\n v-if=\"hasPropEditor(propName, editorName)\"\n :key=\"propName\"\n :is=\"getPropEditor(propName, editorName)\"\n :designer=\"designer\"\n :selected-widget=\"selectedWidget\"\n v-model:option-model=\"optionModel\"\n />\n </template>\n </a-collapse-panel>\n\n <a-collapse-panel\n key=\"2\"\n v-if=\"showCollapse(advProps)\"\n :header=\"i18nt('designer.setting.高级属性')\"\n >\n <template v-for=\"(editorName, propName) in advProps\">\n <component\n v-if=\"hasPropEditor(propName, editorName)\"\n :key=\"propName\"\n :is=\"getPropEditor(propName, editorName)\"\n :designer=\"designer\"\n :selected-widget=\"selectedWidget\"\n :option-model=\"optionModel\"\n />\n </template>\n </a-collapse-panel>\n\n <a-collapse-panel\n key=\"3\"\n class=\"eventPanel\"\n v-if=\"showEventCollapse() && showCollapse(eventProps)\"\n :header=\"i18nt('designer.setting.事件属性')\"\n >\n <template v-for=\"(editorName, propName) in eventProps\">\n <component\n v-if=\"hasPropEditor(propName, editorName)\"\n :key=\"propName\"\n :is=\"getPropEditor(propName, editorName)\"\n :designer=\"designer\"\n :selected-widget=\"selectedWidget\"\n :option-model=\"optionModel\"\n :event-handled=\"getEventHandled(propName)\"\n />\n </template>\n </a-collapse-panel>\n </a-collapse>\n </a-form>\n </template>\n\n <template\n v-if=\"!!designer.selectedWidget && !!designer.selectedWidget.category\"\n >\n <a-form\n :model=\"optionModel\"\n labelAlign=\"left\"\n label-width=\"120px\"\n class=\"setting-form tpf-form\"\n @submit.prevent\n >\n <a-collapse\n v-model:activeKey=\"widgetActiveCollapseNames\"\n class=\"setting-collapse\"\n >\n <a-collapse-panel\n key=\"1\"\n v-if=\"showCollapse(commonProps)\"\n :header=\"i18nt('designer.setting.常见属性')\"\n >\n <template v-for=\"(editorName, propName) in commonProps\">\n <component\n v-if=\"hasPropEditor(propName, editorName)\"\n :key=\"propName\"\n :is=\"getPropEditor(propName, editorName)\"\n :designer=\"designer\"\n :selected-widget=\"selectedWidget\"\n v-model:option-model=\"optionModel\"\n />\n </template>\n </a-collapse-panel>\n\n <a-collapse-panel\n key=\"2\"\n v-if=\"showCollapse(advProps)\"\n :header=\"i18nt('designer.setting.高级属性')\"\n >\n <template v-for=\"(editorName, propName) in advProps\">\n <component\n v-if=\"hasPropEditor(propName, editorName)\"\n :key=\"propName\"\n :is=\"getPropEditor(propName, editorName)\"\n :designer=\"designer\"\n :selected-widget=\"selectedWidget\"\n :option-model=\"optionModel\"\n />\n </template>\n </a-collapse-panel>\n\n <a-collapse-panel\n key=\"3\"\n class=\"eventPanel\"\n v-if=\"showEventCollapse() && showCollapse(eventProps)\"\n :header=\"i18nt('designer.setting.事件属性')\"\n >\n <template v-for=\"(editorName, propName) in eventProps\">\n <component\n v-if=\"hasPropEditor(propName, editorName)\"\n :key=\"propName\"\n :is=\"getPropEditor(propName, editorName)\"\n :designer=\"designer\"\n :selected-widget=\"selectedWidget\"\n :option-model=\"optionModel\"\n :event-handled=\"getEventHandled(propName)\"\n />\n </template>\n </a-collapse-panel>\n </a-collapse>\n </a-form>\n </template>\n\n <template v-if=\"!designer.selectedWidget\">\n <a-empty :description=\"i18nt('designer.hint.noSelectedWidgetHint')\" />\n </template>\n </div>\n </a-tab-pane>\n\n <a-tab-pane v-if=\"!!designer\" :tab=\"i18nt('designer.hint.表单设置')\" key=\"2\">\n <div class=\"setting-scrollbar\" :style=\"{ height: scrollerHeight }\">\n <form-setting :designer=\"designer\" :form-config=\"formConfig\" />\n </div>\n </a-tab-pane>\n\n <a-tab-pane :tab=\"'表单api配置'\" key=\"3\">\n <div class=\"ds-setting-scrollbar\" :style=\"{ height: scrollerHeight }\">\n <FormCrudSetting :designer=\"designer\" :form-config=\"formConfig\" />\n </div>\n </a-tab-pane>\n </a-tabs>\n\n <CodeModalEditor\n :eventHeader=\"eventHeader\"\n ref=\"CodeModalEditorRef\"\n :title=\"i18nt('designer.setting.editWidgetEventHandler')\"\n mode=\"javascript\"\n :readonly=\"false\"\n @save=\"saveEventHandler\"\n />\n </a-layout>\n </a-config-provider>\n</template>\n\n<script>\n import CodeEditor from '@/components/code-editor/index.vue';\n import PropertyEditors from './property-editor/index';\n import FormSetting from './form-setting';\n import FormCrudSetting from './form-crud-setting.vue';\n import WidgetProperties from './propertyRegister';\n import { addWindowResizeHandler } from '@/utils/util';\n import i18n from '@/utils/i18n';\n import emitter from '@/utils/emitter';\n import { propertyRegistered } from '@/components/form-designer/setting-panel/propertyRegister';\n import CodeModalEditor from '@/components/code-editor/code-modal-editor.vue';\n\n const { COMMON_PROPERTIES, ADVANCED_PROPERTIES, EVENT_PROPERTIES } = WidgetProperties;\n\n export default {\n name: 'SettingPanel',\n componentName: 'SettingPanel',\n mixins: [i18n, emitter],\n components: {\n CodeEditor,\n FormSetting,\n CodeModalEditor,\n FormCrudSetting,\n ...PropertyEditors\n },\n props: {\n designer: Object,\n selectedWidget: Object,\n formConfig: Object,\n globalDsv: {\n type: Object,\n default: () => ({})\n }\n },\n provide() {\n return {\n isSubFormChildWidget: () => this.subFormChildWidgetFlag,\n getGlobalDsv: () => this.globalDsv // 全局数据源变量\n };\n },\n inject: ['getDesignerConfig'],\n data() {\n return {\n designerConfig: this.getDesignerConfig(),\n\n scrollerHeight: 0,\n\n activeTab: '2',\n widgetActiveCollapseNames: ['1', '2', '3'],\n formActiveCollapseNames: ['1', '2'],\n\n commonProps: COMMON_PROPERTIES,\n advProps: ADVANCED_PROPERTIES,\n eventProps: EVENT_PROPERTIES,\n\n showWidgetEventDialogFlag: false,\n eventHandlerCode: '',\n curEventName: '',\n eventHeader: '',\n\n subFormChildWidgetFlag: false\n };\n },\n computed: {\n optionModel: {\n get() {\n return this.selectedWidget.options;\n },\n\n set(newValue) {\n this.selectedWidget.options = newValue;\n }\n }\n },\n watch: {\n 'designer.selectedWidget': {\n handler(val) {\n if (!!val) {\n this.activeTab = '1';\n }\n }\n },\n\n 'selectedWidget.options': {\n //组件属性变动后，立即保存表单JSON！！\n deep: true,\n handler() {\n this.designer.saveCurrentHistoryStep();\n }\n },\n\n formConfig: {\n deep: true,\n handler() {\n this.designer.saveCurrentHistoryStep();\n }\n }\n },\n created() {\n this.on$('editEventHandler', eventParams => {\n //debugger\n this.editEventHandler(eventParams[0], eventParams[1]);\n });\n\n this.designer.handleEvent('form-css-updated', cssClassList => {\n this.designer.setCssClassList(cssClassList);\n });\n\n //监听字段组件选中事件\n this.designer.handleEvent('field-selected', parentWidget => {\n this.subFormChildWidgetFlag = !!parentWidget && parentWidget.type === 'sub-form';\n });\n },\n mounted() {\n if (!this.designer.selectedWidget) {\n this.activeTab = '2';\n } else {\n this.activeTab = '1';\n }\n\n this.scrollerHeight = window.innerHeight - 56 - 48 + 'px';\n addWindowResizeHandler(() => {\n this.$nextTick(() => {\n this.scrollerHeight = window.innerHeight - 56 - 48 + 'px';\n //console.log(this.scrollerHeight)\n });\n });\n },\n methods: {\n getEventHandled(eventName) {\n return !!this.optionModel[eventName] && this.optionModel[eventName].length > 0;\n },\n\n showEventCollapse() {\n if (this.designerConfig['eventCollapse'] === undefined) {\n return true;\n }\n\n return !!this.designerConfig['eventCollapse'];\n },\n\n hasPropEditor(propName, editorName) {\n if (!editorName) {\n return false;\n }\n\n /* alert组件注册了两个type属性编辑器，跳过第一个type属性编辑器，只显示第二个alert-type属性编辑器！！ /\n if (propName.indexOf('-') <= -1) {\n const uniquePropName = this.selectedWidget.type + '-' + propName;\n if (propertyRegistered(uniquePropName)) {\n return false;\n }\n }\n\n const originalPropName = propName.replace(this.selectedWidget.type + '-', ''); //去掉组件名称前缀-，如果有的话！！\n const res = this.designer.hasConfig(this.selectedWidget, originalPropName);\n\n return res;\n },\n\n getPropEditor(propName, editorName) {\n const originalPropName = propName.replace(this.selectedWidget.type + '-', ''); //去掉组件名称前缀-，如果有的话！！\n const ownPropEditorName = `${this.selectedWidget.type}-${originalPropName}-editor`;\n\n if (this.$options.components[ownPropEditorName]) {\n //局部注册的属性编辑器组件\n return ownPropEditorName;\n }\n\n // 如果全局有就调用全局的否则动态加载\n const editName = this.$root.$.appContext.components[ownPropEditorName]\n ? ownPropEditorName\n : editorName;\n\n return editName;\n // return defineAsyncComponent(() => PropertyEditors[editName]?.()); //Vue3全局注册的属性编辑器组件\n },\n\n showCollapse(propsObj) {\n let result = false;\n\n for (const propName in propsObj) {\n if (!propsObj.hasOwnProperty(propName)) {\n continue;\n }\n\n if (this.hasPropEditor(propName, propsObj[propName])) {\n result = true;\n break;\n }\n }\n\n return result;\n },\n\n editEventHandler(eventName, eventParams) {\n //debugger\n\n this.curEventName = eventName;\n this.eventHeader = `${this.optionModel.name}.${eventName}(${eventParams.join(\n ', '\n )}) {`;\n this.eventHandlerCode = this.selectedWidget.options[eventName] \|\| '';\n\n // 设置字段校验函数示例代码\n if (eventName === 'onValidate' && !this.optionModel['onValidate']) {\n this.eventHandlerCode =\n \" / sample code /\\n /\\n if ((value > 100) \|\| (value < 0)) {\\n return Promise.reject('error message') //fail\\n } else {\\n return Promise.resolve(); //pass\\n }\\n /\";\n }\n console.log(this.eventHandlerCode);\n this.$refs.CodeModalEditorRef.open(this.eventHandlerCode);\n },\n\n saveEventHandler(value) {\n const codeHints =\n this.$refs.CodeModalEditorRef.codeEditorRef.ecEditor.getEditorAnnotations();\n let syntaxErrorFlag = false;\n if (!!codeHints && codeHints.length > 0) {\n codeHints.forEach(chItem => {\n if (chItem.type === 'error') {\n syntaxErrorFlag = true;\n }\n });\n\n if (syntaxErrorFlag) {\n this.$message.error(this.i18nt('designer.setting.syntaxCheckWarning'));\n return;\n }\n }\n\n if (this.curEventName.includes('.')) {\n const [a, b] = this.curEventName.split('.');\n this.selectedWidget.options[a][b] = value;\n } else {\n this.selectedWidget.options[this.curEventName] = value;\n }\n }\n }\n };\n</script>\n\n<style lang=\"scss\" scoped>\n .panel-container {\n background-color: #fff;\n border-radius: 4px;\n height: 100%;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);\n :deep(.ant-tabs-content-holder) {\n flex: 1;\n display: flex;\n }\n .tpf-form.ant-form {\n padding: 0;\n }\n .eventPanel {\n :deep(.ant-form-item-row) {\n flex: 1;\n .ant-form-item-label {\n flex: 1;\n }\n .ant-form-item-control-input-content .ant-btn {\n border: 1px solid #eee;\n }\n }\n\n :deep(.ant-col.ant-form-item-control) {\n flex: 0 0 80px;\n }\n }\n :deep(.ant-tabs-nav) {\n padding: 0 16px;\n margin: 0;\n margin-bottom: 0;\n height: 42px;\n border-bottom: 1px solid #f0f0f0;\n }\n :deep(.ant-tabs-tab) {\n padding: 12px 0;\n margin: 0 16px 0 0;\n transition: all 0.3s;\n }\n :deep(.ant-tabs-content) {\n overflow: auto;\n padding: 0;\n }\n :deep(.ant-form-item) {\n .ant-form-item-row {\n flex: 1;\n }\n .ant-select {\n width: 100%;\n }\n margin-bottom: 3px;\n &:last-child {\n margin-bottom: 0;\n }\n .ant-form-item-label > label {\n color: var();\n }\n }\n :deep(.ant-collapse) {\n border: none;\n background: transparent;\n }\n :deep(.ant-collapse-item) {\n border: none;\n overflow: hidden;\n &:last-child {\n margin-bottom: 0;\n }\n }\n :deep(.ant-collapse-header) {\n padding: 8px !important;\n background: #fafafa;\n &:hover {\n background: #f5f5f5;\n }\n }\n :deep(.ant-collapse-content-box) {\n padding: 8px;\n background: #fff;\n .ant-form-item {\n display: flex;\n }\n .ant-form-item-label {\n width: 130px;\n }\n }\n }\n\n / 隐藏Chrome浏览器中el-input数字输入框右侧的上下调整小箭头 /\n :deep(.hide-spin-button) input::-webkit-outer-spin-button,\n :deep(.hide-spin-button) input::-webkit-inner-spin-button {\n -webkit-appearance: none !important;\n }\n\n / 隐藏Firefox浏览器中el-input数字输入框右侧的上下调整小箭头 */\n // :deep(.hide-spin-button) input[type='number'] {\n // -moz-appearance: textfield;\n // }\n</style>\n\n<style lang=\"scss\">\n .ds-setting-drawer {\n right: 320px !important;\n }\n</style>\n"],"names":["COMMON_PROPERTIES","ADVANCED_PROPERTIES","EVENT_PROPERTIES","WidgetProperties","_sfc_main","i18n","emitter","CodeEditor","FormSetting","CodeModalEditor","FormCrudSetting","PropertyEditors","newValue","val","eventParams","cssClassList","parentWidget","addWindowResizeHandler","eventName","propName","editorName","uniquePropName","propertyRegistered","originalPropName","ownPropEditorName","propsObj","result","value","codeHints","syntaxErrorFlag","chItem","a","b","_createBlock","_component_a_config_provider","_createVNode","_component_a_layout","_component_a_tabs","$data","$event","_component_a_tab_pane","_ctx","_createElementVNode","$props","_component_a_form","$options","_component_a_collapse","_component_a_collapse_panel","_openBlock","_createElementBlock","_Fragment","_renderList","_resolveDynamicComponent","_component_a_empty","_component_form_setting","_component_FormCrudSetting","_component_CodeModalEditor"],"mappings":"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"}
1	+ {"version":3,"file":"index.vue.js","sources":["../../../../../src/components/form-designer/setting-panel/index.vue"],"sourcesContent":["<template>\n <a-config-provider componentSize=\"small\">\n <a-layout class=\"panel-container\">\n <a-tabs\n v-model:activeKey=\"activeTab\"\n style=\"height: 100%; width: 100%; overflow: hidden\"\n >\n <a-tab-pane :tab=\"i18nt('designer.hint.widgetSetting')\" key=\"1\">\n <div class=\"setting-scrollbar\" :style=\"{ height: scrollerHeight }\">\n <template\n v-if=\"!!designer.selectedWidget && !designer.selectedWidget.category\"\n >\n <a-form\n :model=\"optionModel\"\n labelAlign=\"left\"\n label-width=\"120px\"\n class=\"setting-form tpf-form\"\n @submit.prevent\n >\n <a-collapse\n v-model:activeKey=\"widgetActiveCollapseNames\"\n class=\"setting-collapse\"\n >\n <a-collapse-panel\n key=\"1\"\n v-if=\"showCollapse(commonProps)\"\n :header=\"i18nt('designer.setting.常见属性')\"\n >\n <template v-for=\"(editorName, propName) in commonProps\">\n <component\n v-if=\"hasPropEditor(propName, editorName)\"\n :key=\"propName\"\n :is=\"getPropEditor(propName, editorName)\"\n :designer=\"designer\"\n :selected-widget=\"selectedWidget\"\n v-model:option-model=\"optionModel\"\n />\n </template>\n </a-collapse-panel>\n\n <a-collapse-panel\n key=\"2\"\n v-if=\"showCollapse(advProps)\"\n :header=\"i18nt('designer.setting.高级属性')\"\n >\n <template v-for=\"(editorName, propName) in advProps\">\n <component\n v-if=\"hasPropEditor(propName, editorName)\"\n :key=\"propName\"\n :is=\"getPropEditor(propName, editorName)\"\n :designer=\"designer\"\n :selected-widget=\"selectedWidget\"\n :option-model=\"optionModel\"\n />\n </template>\n </a-collapse-panel>\n\n <a-collapse-panel\n key=\"3\"\n class=\"eventPanel\"\n v-if=\"showEventCollapse() && showCollapse(eventProps)\"\n :header=\"i18nt('designer.setting.事件属性')\"\n >\n <template v-for=\"(editorName, propName) in eventProps\">\n <component\n v-if=\"hasPropEditor(propName, editorName)\"\n :key=\"propName\"\n :is=\"getPropEditor(propName, editorName)\"\n :designer=\"designer\"\n :selected-widget=\"selectedWidget\"\n :option-model=\"optionModel\"\n :event-handled=\"getEventHandled(propName)\"\n />\n </template>\n </a-collapse-panel>\n </a-collapse>\n </a-form>\n </template>\n\n <template\n v-if=\"!!designer.selectedWidget && !!designer.selectedWidget.category\"\n >\n <a-form\n :model=\"optionModel\"\n labelAlign=\"left\"\n label-width=\"120px\"\n class=\"setting-form tpf-form\"\n @submit.prevent\n >\n <a-collapse\n v-model:activeKey=\"widgetActiveCollapseNames\"\n class=\"setting-collapse\"\n >\n <a-collapse-panel\n key=\"1\"\n v-if=\"showCollapse(commonProps)\"\n :header=\"i18nt('designer.setting.常见属性')\"\n >\n <template v-for=\"(editorName, propName) in commonProps\">\n <component\n v-if=\"hasPropEditor(propName, editorName)\"\n :key=\"propName\"\n :is=\"getPropEditor(propName, editorName)\"\n :designer=\"designer\"\n :selected-widget=\"selectedWidget\"\n v-model:option-model=\"optionModel\"\n />\n </template>\n </a-collapse-panel>\n\n <a-collapse-panel\n key=\"2\"\n v-if=\"showCollapse(advProps)\"\n :header=\"i18nt('designer.setting.高级属性')\"\n >\n <template v-for=\"(editorName, propName) in advProps\">\n <component\n v-if=\"hasPropEditor(propName, editorName)\"\n :key=\"propName\"\n :is=\"getPropEditor(propName, editorName)\"\n :designer=\"designer\"\n :selected-widget=\"selectedWidget\"\n :option-model=\"optionModel\"\n />\n </template>\n </a-collapse-panel>\n\n <a-collapse-panel\n key=\"3\"\n class=\"eventPanel\"\n v-if=\"showEventCollapse() && showCollapse(eventProps)\"\n :header=\"i18nt('designer.setting.事件属性')\"\n >\n <template v-for=\"(editorName, propName) in eventProps\">\n <component\n v-if=\"hasPropEditor(propName, editorName)\"\n :key=\"propName\"\n :is=\"getPropEditor(propName, editorName)\"\n :designer=\"designer\"\n :selected-widget=\"selectedWidget\"\n :option-model=\"optionModel\"\n :event-handled=\"getEventHandled(propName)\"\n />\n </template>\n </a-collapse-panel>\n </a-collapse>\n </a-form>\n </template>\n\n <template v-if=\"!designer.selectedWidget\">\n <a-empty :description=\"i18nt('designer.hint.noSelectedWidgetHint')\" />\n </template>\n </div>\n </a-tab-pane>\n\n <a-tab-pane v-if=\"!!designer\" :tab=\"i18nt('designer.hint.表单设置')\" key=\"2\">\n <div class=\"setting-scrollbar\" :style=\"{ height: scrollerHeight }\">\n <form-setting :designer=\"designer\" :form-config=\"formConfig\" />\n </div>\n </a-tab-pane>\n\n <a-tab-pane :tab=\"'表单api配置'\" key=\"3\">\n <div class=\"ds-setting-scrollbar\" :style=\"{ height: scrollerHeight }\">\n <FormCrudSetting :designer=\"designer\" :form-config=\"formConfig\" />\n </div>\n </a-tab-pane>\n </a-tabs>\n\n <CodeModalEditor\n :eventHeader=\"eventHeader\"\n ref=\"CodeModalEditorRef\"\n :title=\"i18nt('designer.setting.editWidgetEventHandler')\"\n mode=\"javascript\"\n :readonly=\"false\"\n @save=\"saveEventHandler\"\n />\n </a-layout>\n </a-config-provider>\n</template>\n\n<script>\n import PropertyEditors from './property-editor/index';\n import FormSetting from './form-setting';\n import FormCrudSetting from './form-crud-setting.vue';\n import WidgetProperties from './propertyRegister';\n import { addWindowResizeHandler } from '@/utils/util';\n import i18n from '@/utils/i18n';\n import emitter from '@/utils/emitter';\n import { propertyRegistered } from '@/components/form-designer/setting-panel/propertyRegister';\n import CodeModalEditor from '@/components/code-editor/code-modal-editor.vue';\n\n const { COMMON_PROPERTIES, ADVANCED_PROPERTIES, EVENT_PROPERTIES } = WidgetProperties;\n\n export default {\n name: 'SettingPanel',\n componentName: 'SettingPanel',\n mixins: [i18n, emitter],\n components: {\n FormSetting,\n CodeModalEditor,\n FormCrudSetting,\n ...PropertyEditors\n },\n props: {\n designer: Object,\n selectedWidget: Object,\n formConfig: Object,\n globalDsv: {\n type: Object,\n default: () => ({})\n }\n },\n provide() {\n return {\n isSubFormChildWidget: () => this.subFormChildWidgetFlag,\n getGlobalDsv: () => this.globalDsv // 全局数据源变量\n };\n },\n inject: ['getDesignerConfig'],\n data() {\n return {\n designerConfig: this.getDesignerConfig(),\n\n scrollerHeight: 0,\n\n activeTab: '2',\n widgetActiveCollapseNames: ['1', '2', '3'],\n formActiveCollapseNames: ['1', '2'],\n\n commonProps: COMMON_PROPERTIES,\n advProps: ADVANCED_PROPERTIES,\n eventProps: EVENT_PROPERTIES,\n\n showWidgetEventDialogFlag: false,\n eventHandlerCode: '',\n curEventName: '',\n eventHeader: '',\n\n subFormChildWidgetFlag: false\n };\n },\n computed: {\n optionModel: {\n get() {\n return this.selectedWidget.options;\n },\n\n set(newValue) {\n this.selectedWidget.options = newValue;\n }\n }\n },\n watch: {\n 'designer.selectedWidget': {\n handler(val) {\n if (!!val) {\n this.activeTab = '1';\n }\n }\n },\n\n 'selectedWidget.options': {\n //组件属性变动后，立即保存表单JSON！！\n deep: true,\n handler() {\n this.designer.saveCurrentHistoryStep();\n }\n },\n\n formConfig: {\n deep: true,\n handler() {\n this.designer.saveCurrentHistoryStep();\n }\n }\n },\n created() {\n this.on$('editEventHandler', eventParams => {\n //debugger\n this.editEventHandler(eventParams[0], eventParams[1]);\n });\n\n this.designer.handleEvent('form-css-updated', cssClassList => {\n this.designer.setCssClassList(cssClassList);\n });\n\n //监听字段组件选中事件\n this.designer.handleEvent('field-selected', parentWidget => {\n this.subFormChildWidgetFlag = !!parentWidget && parentWidget.type === 'sub-form';\n });\n },\n mounted() {\n if (!this.designer.selectedWidget) {\n this.activeTab = '2';\n } else {\n this.activeTab = '1';\n }\n\n this.scrollerHeight = window.innerHeight - 56 - 48 + 'px';\n addWindowResizeHandler(() => {\n this.$nextTick(() => {\n this.scrollerHeight = window.innerHeight - 56 - 48 + 'px';\n //console.log(this.scrollerHeight)\n });\n });\n },\n methods: {\n getEventHandled(eventName) {\n return !!this.optionModel[eventName] && this.optionModel[eventName].length > 0;\n },\n\n showEventCollapse() {\n if (this.designerConfig['eventCollapse'] === undefined) {\n return true;\n }\n\n return !!this.designerConfig['eventCollapse'];\n },\n\n hasPropEditor(propName, editorName) {\n if (!editorName) {\n return false;\n }\n\n /* alert组件注册了两个type属性编辑器，跳过第一个type属性编辑器，只显示第二个alert-type属性编辑器！！ /\n if (propName.indexOf('-') <= -1) {\n const uniquePropName = this.selectedWidget.type + '-' + propName;\n if (propertyRegistered(uniquePropName)) {\n return false;\n }\n }\n\n const originalPropName = propName.replace(this.selectedWidget.type + '-', ''); //去掉组件名称前缀-，如果有的话！！\n const res = this.designer.hasConfig(this.selectedWidget, originalPropName);\n\n return res;\n },\n\n getPropEditor(propName, editorName) {\n const originalPropName = propName.replace(this.selectedWidget.type + '-', ''); //去掉组件名称前缀-，如果有的话！！\n const ownPropEditorName = `${this.selectedWidget.type}-${originalPropName}-editor`;\n\n if (this.$options.components[ownPropEditorName]) {\n //局部注册的属性编辑器组件\n return ownPropEditorName;\n }\n\n // 如果全局有就调用全局的否则动态加载\n const editName = this.$root.$.appContext.components[ownPropEditorName]\n ? ownPropEditorName\n : editorName;\n\n return editName;\n // return defineAsyncComponent(() => PropertyEditors[editName]?.()); //Vue3全局注册的属性编辑器组件\n },\n\n showCollapse(propsObj) {\n let result = false;\n\n for (const propName in propsObj) {\n if (!propsObj.hasOwnProperty(propName)) {\n continue;\n }\n\n if (this.hasPropEditor(propName, propsObj[propName])) {\n result = true;\n break;\n }\n }\n\n return result;\n },\n\n editEventHandler(eventName, eventParams) {\n //debugger\n\n this.curEventName = eventName;\n this.eventHeader = `${this.optionModel.name}.${eventName}(${eventParams.join(\n ', '\n )}) {`;\n this.eventHandlerCode = this.selectedWidget.options[eventName] \|\| '';\n\n // 设置字段校验函数示例代码\n if (eventName === 'onValidate' && !this.optionModel['onValidate']) {\n this.eventHandlerCode =\n \" / sample code /\\n /\\n if ((value > 100) \|\| (value < 0)) {\\n return Promise.reject('error message') //fail\\n } else {\\n return Promise.resolve(); //pass\\n }\\n /\";\n }\n console.log(this.eventHandlerCode);\n this.$refs.CodeModalEditorRef.open(this.eventHandlerCode);\n },\n\n saveEventHandler(value) {\n const codeHints =\n this.$refs.CodeModalEditorRef.codeEditorRef.ecEditor.getEditorAnnotations();\n let syntaxErrorFlag = false;\n if (!!codeHints && codeHints.length > 0) {\n codeHints.forEach(chItem => {\n if (chItem.type === 'error') {\n syntaxErrorFlag = true;\n }\n });\n\n if (syntaxErrorFlag) {\n this.$message.error(this.i18nt('designer.setting.syntaxCheckWarning'));\n return;\n }\n }\n\n if (this.curEventName.includes('.')) {\n const [a, b] = this.curEventName.split('.');\n this.selectedWidget.options[a][b] = value;\n } else {\n this.selectedWidget.options[this.curEventName] = value;\n }\n }\n }\n };\n</script>\n\n<style lang=\"scss\" scoped>\n .panel-container {\n background-color: #fff;\n border-radius: 4px;\n height: 100%;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);\n :deep(.ant-tabs-content-holder) {\n flex: 1;\n display: flex;\n }\n .tpf-form.ant-form {\n padding: 0;\n }\n .eventPanel {\n :deep(.ant-form-item-row) {\n flex: 1;\n .ant-form-item-label {\n flex: 1;\n }\n .ant-form-item-control-input-content .ant-btn {\n border: 1px solid #eee;\n }\n }\n\n :deep(.ant-col.ant-form-item-control) {\n flex: 0 0 80px;\n }\n }\n :deep(.ant-tabs-nav) {\n padding: 0 16px;\n margin: 0;\n margin-bottom: 0;\n height: 42px;\n border-bottom: 1px solid #f0f0f0;\n }\n :deep(.ant-tabs-tab) {\n padding: 12px 0;\n margin: 0 16px 0 0;\n transition: all 0.3s;\n }\n :deep(.ant-tabs-content) {\n overflow: auto;\n padding: 0;\n }\n :deep(.ant-form-item) {\n .ant-form-item-row {\n flex: 1;\n }\n .ant-select {\n width: 100%;\n }\n margin-bottom: 3px;\n &:last-child {\n margin-bottom: 0;\n }\n .ant-form-item-label > label {\n color: var();\n }\n }\n :deep(.ant-collapse) {\n border: none;\n background: transparent;\n }\n :deep(.ant-collapse-item) {\n border: none;\n overflow: hidden;\n &:last-child {\n margin-bottom: 0;\n }\n }\n :deep(.ant-collapse-header) {\n padding: 8px !important;\n background: #fafafa;\n &:hover {\n background: #f5f5f5;\n }\n }\n :deep(.ant-collapse-content-box) {\n padding: 8px;\n background: #fff;\n .ant-form-item {\n display: flex;\n }\n .ant-form-item-label {\n width: 130px;\n }\n }\n }\n\n / 隐藏Chrome浏览器中el-input数字输入框右侧的上下调整小箭头 /\n :deep(.hide-spin-button) input::-webkit-outer-spin-button,\n :deep(.hide-spin-button) input::-webkit-inner-spin-button {\n -webkit-appearance: none !important;\n }\n\n / 隐藏Firefox浏览器中el-input数字输入框右侧的上下调整小箭头 */\n // :deep(.hide-spin-button) input[type='number'] {\n // -moz-appearance: textfield;\n // }\n</style>\n\n<style lang=\"scss\">\n .ds-setting-drawer {\n right: 320px !important;\n }\n</style>\n"],"names":["COMMON_PROPERTIES","ADVANCED_PROPERTIES","EVENT_PROPERTIES","WidgetProperties","_sfc_main","i18n","emitter","FormSetting","CodeModalEditor","FormCrudSetting","PropertyEditors","newValue","val","eventParams","cssClassList","parentWidget","addWindowResizeHandler","eventName","propName","editorName","uniquePropName","propertyRegistered","originalPropName","ownPropEditorName","propsObj","result","value","codeHints","syntaxErrorFlag","chItem","a","b","_createBlock","_component_a_config_provider","_createVNode","_component_a_layout","_component_a_tabs","$data","$event","_component_a_tab_pane","_ctx","_createElementVNode","$props","_component_a_form","$options","_component_a_collapse","_component_a_collapse_panel","_openBlock","_createElementBlock","_Fragment","_renderList","_resolveDynamicComponent","_component_a_empty","_component_form_setting","_component_FormCrudSetting","_component_CodeModalEditor"],"mappings":"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"}

package/src/components/form-designer/setting-panel/property-editor/actionColumnPosition-editor.vue.js CHANGED Viewed

@@ -1,10 +1,9 @@
-import u from "../../../../utils/i18n.js";
-import { resolveComponent as o, createBlock as p, openBlock as _, withCtx as t, createVNode as i, createTextVNode as l, toDisplayString as s } from "vue";
-import "./actionColumnPosition-editor.vue2.js";
-import g from "../../../../../_virtual/_plugin-vue_export-helper.js";
+import m from "../../../../utils/i18n.js";
+import { resolveComponent as o, createBlock as p, openBlock as g, withCtx as t, createVNode as n, createTextVNode as l, toDisplayString as s } from "vue";
+import _ from "../../../../../_virtual/_plugin-vue_export-helper.js";
 const f = {
   name: "actionColumnPosition-editor",
-  mixins: [u],
+  mixins: [m],
   props: {
     designer: Object,
     selectedWidget: Object,
@@ -16,25 +15,25 @@ const f = {
     }
   }
 };
-function b(e, n, a, v, C, h) {
+function b(e, i, a, C, v, h) {
   const r = o("a-radio-button"), d = o("a-radio-group"), c = o("a-form-item");
-  return _(), p(c, {
+  return g(), p(c, {
     label: e.i18nt("designer.setting.actionColumnPosition")
   }, {
     default: t(() => [
-      i(d, {
+      n(d, {
         value: a.optionModel.actionColumnPosition,
-        "onUpdate:value": n[0] || (n[0] = (m) => a.optionModel.actionColumnPosition = m),
+        "onUpdate:value": i[0] || (i[0] = (u) => a.optionModel.actionColumnPosition = u),
         class: "radio-group-custom"
       }, {
         default: t(() => [
-          i(r, { value: "left" }, {
+          n(r, { value: "left" }, {
             default: t(() => [
               l(s(e.i18nt("designer.setting.leftAlign")), 1)
             ]),
             _: 1
           }),
-          i(r, { value: "right" }, {
+          n(r, { value: "right" }, {
             default: t(() => [
               l(s(e.i18nt("designer.setting.rightAlign")), 1)
             ]),
@@ -47,8 +46,8 @@ function b(e, n, a, v, C, h) {
     _: 1
   }, 8, ["label"]);
 }
-const M = /* @__PURE__ */ g(f, [["render", b], ["__scopeId", "data-v-d3a47f26"]]);
+const y = /* @__PURE__ */ _(f, [["render", b]]);
 export {
-  M as default
+  y as default
 };
 //# sourceMappingURL=actionColumnPosition-editor.vue.js.map

package/src/components/form-designer/setting-panel/property-editor/actionColumnPosition-editor.vue.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"actionColumnPosition-editor.vue.js","sources":["../../../../../../src/components/form-designer/setting-panel/property-editor/actionColumnPosition-editor.vue"],"sourcesContent":["<template>\n <a-form-item :label=\"i18nt('designer.setting.actionColumnPosition')\">\n <a-radio-group v-model:value=\"optionModel.actionColumnPosition\" class=\"radio-group-custom\">\n <a-radio-button value=\"left\"> {{ i18nt('designer.setting.leftAlign') }}</a-radio-button>\n <a-radio-button value=\"right\"> {{ i18nt('designer.setting.rightAlign') }}</a-radio-button>\n </a-radio-group>\n </a-form-item>\n</template>\n\n<script>\n import i18n from '@/utils/i18n';\n\n export default {\n name: 'actionColumnPosition-editor',\n mixins: [i18n],\n props: {\n designer: Object,\n selectedWidget: Object,\n optionModel: Object\n },\n computed: {\n noLabelSetting() {\n return (\n this.selectedWidget.type === 'static-text' \|\| this.selectedWidget.type === 'html-text'\n );\n //\|\| (this.selectedWidget.type === 'divider')\n }\n }\n };\n</script>\n\n<style lang=\"scss\" scoped~~>\n .radio-group-custom {\n // :deep(.el-radio-button__inner) {\n // padding-left: 12px;\n // padding-right: 12px;\n // }\n }\n</~~style>\n"],"names":["_sfc_main","i18n","_createBlock","_component_a_form_item","_ctx","_createVNode","_component_a_radio_group","$props","_cache","$event","_component_a_radio_button"],"mappings":"~~;;;;AAYE~~,MAAKA,IAAU;AAAA,~~EACb~~,MAAM;AAAA,EACN,QAAQ,CAACC,CAAI;AAAA,EACb,OAAO;AAAA,~~IACL~~,UAAU;AAAA,IACV,gBAAgB;AAAA,IAChB,aAAa;AAAA;~~EAEf~~,UAAU;AAAA,~~IACR~~,iBAAiB;~~AACf~~,~~aACE~~,KAAK,eAAe,SAAS,~~iBAAiB~~,KAAK,eAAe,SAAS;AAAA,~~IAG/E~~;AAAA,~~EACF~~;;;;~~cA1BFC~~,~~EAKcC~~,GAAA;AAAA,~~IALA~~,OAAOC,EAAA,MAAK,uCAAA;AAAA;~~eACxB~~,~~MAGgB~~;AAAA,~~MAHhBC~~,~~EAGgBC~~,GAAA;AAAA,~~QAHO~~,OAAOC,EAAA,YAAY;AAAA,QAAZ,kBAAAC,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAAF,EAAA,YAAY,uBAAoBE;AAAA,QAAE,OAAM;AAAA;~~mBACpE~~,MAAwF;AAAA,UAAxFJ,EAAwFK,GAAA,EAAxE,OAAM,OAAM,GAAA;AAAA,uBAAE,MAAyC;AAAA,kBAAtCN,EAAA,MAAK,4BAAA,CAAA,GAAA,CAAA;AAAA;;;UACtCC,~~EAA0FK~~,GAAA,~~EAA1E~~,OAAM,QAAO,GAAA;AAAA,~~uBAAE~~,MAA0C;AAAA,kBAAvCN,EAAA,MAAK,6BAAA,CAAA,GAAA,CAAA;AAAA;;;;;;;;;;;"}
1	+ {"version":3,"file":"actionColumnPosition-editor.vue.js","sources":["../../../../../../src/components/form-designer/setting-panel/property-editor/actionColumnPosition-editor.vue"],"sourcesContent":["<template>\n <a-form-item :label=\"i18nt('designer.setting.actionColumnPosition')\">\n <a-radio-group v-model:value=\"optionModel.actionColumnPosition\" class=\"radio-group-custom\">\n <a-radio-button value=\"left\"> {{ i18nt('designer.setting.leftAlign') }}</a-radio-button>\n <a-radio-button value=\"right\">\n {{ i18nt('designer.setting.rightAlign') }}</a-radio-button\n >\n </a-radio-group>\n </a-form-item>\n</template>\n\n<script>\n import i18n from '@/utils/i18n';\n\n export default {\n name: 'actionColumnPosition-editor',\n mixins: [i18n],\n props: {\n designer: Object,\n selectedWidget: Object,\n optionModel: Object\n },\n computed: {\n noLabelSetting() {\n return (\n this.selectedWidget.type === 'static-text' \|\|\n this.selectedWidget.type === 'html-text'\n );\n //\|\| (this.selectedWidget.type === 'divider')\n }\n }\n };\n</script>\n\n<style lang=\"scss\" scoped></style>\n"],"names":["_sfc_main","i18n","_createBlock","_component_a_form_item","_ctx","_createVNode","_component_a_radio_group","$props","_cache","$event","_component_a_radio_button"],"mappings":";;;AAcI,MAAKA,IAAU;AAAA,EACX,MAAM;AAAA,EACN,QAAQ,CAACC,CAAI;AAAA,EACb,OAAO;AAAA,IACH,UAAU;AAAA,IACV,gBAAgB;AAAA,IAChB,aAAa;AAAA;EAEjB,UAAU;AAAA,IACN,iBAAiB;AACb,aACI,KAAK,eAAe,SAAS,iBAC7B,KAAK,eAAe,SAAS;AAAA,IAGrC;AAAA,EACJ;;;;cA7BJC,EAOcC,GAAA;AAAA,IAPA,OAAOC,EAAA,MAAK,uCAAA;AAAA;eACtB,MAKgB;AAAA,MALhBC,EAKgBC,GAAA;AAAA,QALO,OAAOC,EAAA,YAAY;AAAA,QAAZ,kBAAAC,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAAF,EAAA,YAAY,uBAAoBE;AAAA,QAAE,OAAM;AAAA;mBAClE,MAAwF;AAAA,UAAxFJ,EAAwFK,GAAA,EAAxE,OAAM,OAAM,GAAA;AAAA,uBAAE,MAAyC;AAAA,kBAAtCN,EAAA,MAAK,4BAAA,CAAA,GAAA,CAAA;AAAA;;;UACtCC,EAECK,GAAA,EAFe,OAAM,QAAO,GAAA;AAAA,uBACzB,MAA0C;AAAA,kBAAvCN,EAAA,MAAK,6BAAA,CAAA,GAAA,CAAA;AAAA;;;;;;;;;;;"}

package/src/components/form-designer/setting-panel/property-editor/button-list-editor.vue2.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"button-list-editor.vue2.js","sources":["../../../../../../src/components/form-designer/setting-panel/property-editor/button-list-editor.vue"],"sourcesContent":["<template>\n <a-form-item :label=\"i18nt('designer.setting.buttonList')\">\n <a-button @click=\"handleConfigBtn\">按钮配置</a-button>\n </a-form-item>\n <TpfModal\n :title=\"i18nt('designer.setting.buttonsColumnEdit')\"\n v-model:visible=\"btnListConfigDialogVisible\"\n :show-close=\"true\"\n dialogClass=\"drag-dialog\"\n append-to-body\n :close-on-click-modal=\"false\"\n :close-on-press-escape=\"false\"\n width=\"1250px\"\n >\n <ActionButtonListDialog v-model:data=\"buttonList\" />\n <template #footerRight>\n <a-button size=\"default\" @click=\"handleCloseDialog\">\n {{ i18nt('designer.hint.closePreview') }}\n </a-button>\n </template>\n </TpfModal>\n</template>\n\n<script lang=\"ts\" setup>\n import { ref, watch } from 'vue';\n import { useI18n } from '@/utils/i18n';\n import ~~CodeModalEditor from '@/components/code-editor/code-modal-editor.vue';\n import~~ { cloneDeep } from 'lodash-es';\n import ActionButtonListDialog from '@/components/public/ActionButtonListDialog.vue';\n import { TpfModal } from 'tmgc2-share';\n\n defineOptions({\n name: 'button-list-editor'\n });\n\n const { i18nt } = useI18n();\n\n // 定义Props接口\n interface Props {\n designer: any;\n selectedWidget: any;\n optionModel: any;\n }\n\n // 定义按钮接口\n interface ButtonItem {\n key: string;\n label: string;\n type: string;\n danger: boolean;\n icon: string;\n onHidden: string;\n onDisabled: string;\n onClick: string;\n [key: string]: any; // 允许其他属性\n }\n\n const props = defineProps<Props>();\n\n // 响应式数据\n const buttonList = ref<ButtonItem[]>([]);\n const btnListConfigDialogVisible = ref(false);\n\n // 监听buttonList变化\n watch(buttonList, () => {\n props.optionModel.buttonList = buttonList.value;\n });\n\n const handleConfigBtn = () => {\n buttonList.value = cloneDeep(props.optionModel.buttonList);\n btnListConfigDialogVisible.value = true;\n };\n\n const handleCloseDialog = () => {\n btnListConfigDialogVisible.value = false;\n };\n</script>\n\n<style lang=\"scss\" scoped></style>\n"],"names":["i18nt","useI18n","props","__props","buttonList","ref","btnListConfigDialogVisible","watch","handleConfigBtn","cloneDeep","handleCloseDialog","_createVNode","_component_a_form_item","_unref","_component_a_button","_cache","TpfModal","$event","ActionButtonListDialog"],"mappings":";;;;;;;;;;;;;;~~AAmCI~~,UAAM,EAAE,OAAAA,EAAA,IAAUC,EAAA,GAsBZC,IAAQC,GAGRC,IAAaC,EAAkB,EAAE,GACjCC,IAA6BD,EAAI,EAAK;AAG5C,IAAAE,EAAMH,GAAY,MAAM;AACpB,MAAAF,EAAM,YAAY,aAAaE,EAAW;AAAA,IAC9C,CAAC;AAED,UAAMI,IAAkB,MAAM;AAC1B,MAAAJ,EAAW,QAAQK,EAAUP,EAAM,YAAY,UAAU,GACzDI,EAA2B,QAAQ;AAAA,IACvC,GAEMI,IAAoB,MAAM;AAC5B,MAAAJ,EAA2B,QAAQ;AAAA,IACvC;;;;~~QA1EAK~~,EAEcC,GAAA;AAAA,UAFA,OAAOC,EAAAb,CAAA,EAAK,6BAAA;AAAA,QAAA;qBACtB,MAAkD;AAAA,YAAlDW,EAAkDG,GAAA,EAAvC,SAAON,KAAe;AAAA,yBAAE,MAAIO,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA;AAAA,kBAAJ,MAAI;AAAA,cAAA;;;;;;;QAE3CJ,EAgBWE,EAAAG,CAAA,GAAA;AAAA,UAfN,OAAOH,EAAAb,CAAA,EAAK,oCAAA;AAAA,UACL,SAASM,EAAA;AAAA,qDAAAA,EAA0B,QAAAW;AAAA,UAC1C,cAAY;AAAA,UACb,aAAY;AAAA,UACZ,kBAAA;AAAA,UACC,wBAAsB;AAAA,UACtB,yBAAuB;AAAA,UACxB,OAAM;AAAA,QAAA;UAGK,eACP,MAEW;AAAA,YAFXN,EAEWG,GAAA;AAAA,cAFD,MAAK;AAAA,cAAW,SAAOJ;AAAA,YAAA;yBAC7B,MAAyC;AAAA,oBAAtCG,EAAAb,CAAA,EAAK,4BAAA,CAAA,GAAA,CAAA;AAAA,cAAA;;;;qBAHhB,MAAoD;AAAA,YAApDW,EAAoDO,GAAA;AAAA,cAApB,MAAMd,EAAA;AAAA,sDAAAA,EAAU,QAAAa;AAAA,YAAA;;;;;;;;"}
1	+ {"version":3,"file":"button-list-editor.vue2.js","sources":["../../../../../../src/components/form-designer/setting-panel/property-editor/button-list-editor.vue"],"sourcesContent":["<template>\n <a-form-item :label=\"i18nt('designer.setting.buttonList')\">\n <a-button @click=\"handleConfigBtn\">按钮配置</a-button>\n </a-form-item>\n <TpfModal\n :title=\"i18nt('designer.setting.buttonsColumnEdit')\"\n v-model:visible=\"btnListConfigDialogVisible\"\n :show-close=\"true\"\n dialogClass=\"drag-dialog\"\n append-to-body\n :close-on-click-modal=\"false\"\n :close-on-press-escape=\"false\"\n width=\"1250px\"\n >\n <ActionButtonListDialog v-model:data=\"buttonList\" />\n <template #footerRight>\n <a-button size=\"default\" @click=\"handleCloseDialog\">\n {{ i18nt('designer.hint.closePreview') }}\n </a-button>\n </template>\n </TpfModal>\n</template>\n\n<script lang=\"ts\" setup>\n import { ref, watch } from 'vue';\n import { useI18n } from '@/utils/i18n';\n import { cloneDeep } from 'lodash-es';\n import ActionButtonListDialog from '@/components/public/ActionButtonListDialog.vue';\n import { TpfModal } from 'tmgc2-share';\n\n defineOptions({\n name: 'button-list-editor'\n });\n\n const { i18nt } = useI18n();\n\n // 定义Props接口\n interface Props {\n designer: any;\n selectedWidget: any;\n optionModel: any;\n }\n\n // 定义按钮接口\n interface ButtonItem {\n key: string;\n label: string;\n type: string;\n danger: boolean;\n icon: string;\n onHidden: string;\n onDisabled: string;\n onClick: string;\n [key: string]: any; // 允许其他属性\n }\n\n const props = defineProps<Props>();\n\n // 响应式数据\n const buttonList = ref<ButtonItem[]>([]);\n const btnListConfigDialogVisible = ref(false);\n\n // 监听buttonList变化\n watch(buttonList, () => {\n props.optionModel.buttonList = buttonList.value;\n });\n\n const handleConfigBtn = () => {\n buttonList.value = cloneDeep(props.optionModel.buttonList);\n btnListConfigDialogVisible.value = true;\n };\n\n const handleCloseDialog = () => {\n btnListConfigDialogVisible.value = false;\n };\n</script>\n\n<style lang=\"scss\" scoped></style>\n"],"names":["i18nt","useI18n","props","__props","buttonList","ref","btnListConfigDialogVisible","watch","handleConfigBtn","cloneDeep","handleCloseDialog","_createVNode","_component_a_form_item","_unref","_component_a_button","_cache","TpfModal","$event","ActionButtonListDialog"],"mappings":";;;;;;;;;;;;;;AAkCI,UAAM,EAAE,OAAAA,EAAA,IAAUC,EAAA,GAsBZC,IAAQC,GAGRC,IAAaC,EAAkB,EAAE,GACjCC,IAA6BD,EAAI,EAAK;AAG5C,IAAAE,EAAMH,GAAY,MAAM;AACpB,MAAAF,EAAM,YAAY,aAAaE,EAAW;AAAA,IAC9C,CAAC;AAED,UAAMI,IAAkB,MAAM;AAC1B,MAAAJ,EAAW,QAAQK,EAAUP,EAAM,YAAY,UAAU,GACzDI,EAA2B,QAAQ;AAAA,IACvC,GAEMI,IAAoB,MAAM;AAC5B,MAAAJ,EAA2B,QAAQ;AAAA,IACvC;;;;QAzEAK,EAEcC,GAAA;AAAA,UAFA,OAAOC,EAAAb,CAAA,EAAK,6BAAA;AAAA,QAAA;qBACtB,MAAkD;AAAA,YAAlDW,EAAkDG,GAAA,EAAvC,SAAON,KAAe;AAAA,yBAAE,MAAIO,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA;AAAA,kBAAJ,MAAI;AAAA,cAAA;;;;;;;QAE3CJ,EAgBWE,EAAAG,CAAA,GAAA;AAAA,UAfN,OAAOH,EAAAb,CAAA,EAAK,oCAAA;AAAA,UACL,SAASM,EAAA;AAAA,qDAAAA,EAA0B,QAAAW;AAAA,UAC1C,cAAY;AAAA,UACb,aAAY;AAAA,UACZ,kBAAA;AAAA,UACC,wBAAsB;AAAA,UACtB,yBAAuB;AAAA,UACxB,OAAM;AAAA,QAAA;UAGK,eACP,MAEW;AAAA,YAFXN,EAEWG,GAAA;AAAA,cAFD,MAAK;AAAA,cAAW,SAAOJ;AAAA,YAAA;yBAC7B,MAAyC;AAAA,oBAAtCG,EAAAb,CAAA,EAAK,4BAAA,CAAA,GAAA,CAAA;AAAA,cAAA;;;;qBAHhB,MAAoD;AAAA,YAApDW,EAAoDO,GAAA;AAAA,cAApB,MAAMd,EAAA;AAAA,sDAAAA,EAAU,QAAAa;AAAA,YAAA;;;;;;;;"}

package/src/components/form-designer/setting-panel/property-editor/container-sub-form/sub-form-labelAlign-editor.vue.js CHANGED Viewed

@@ -1,7 +1,6 @@
 import m from "../../../../../utils/i18n.js";
-import { resolveComponent as o, createBlock as u, openBlock as _, withCtx as e, createVNode as n, createTextVNode as r, toDisplayString as d } from "vue";
-/* empty css                                */
-import c from "../../../../../../_virtual/_plugin-vue_export-helper.js";
+import { resolveComponent as o, createBlock as p, openBlock as c, withCtx as e, createVNode as n, createTextVNode as a, toDisplayString as d } from "vue";
+import _ from "../../../../../../_virtual/_plugin-vue_export-helper.js";
 const f = {
   name: "sub-form-labelAlign-editor",
   mixins: [m],
@@ -11,27 +10,27 @@ const f = {
     optionModel: Object
   }
 };
-function b(t, i, a, v, A, j) {
-  const l = o("a-radio-button"), s = o("a-radio-group"), p = o("a-form-item");
-  return _(), u(p, {
+function b(t, i, l, A, v, j) {
+  const r = o("a-radio-button"), s = o("a-radio-group"), g = o("a-form-item");
+  return c(), p(g, {
     label: t.i18nt("designer.setting.labelAlign")
   }, {
     default: e(() => [
       n(s, {
-        value: a.optionModel.labelAlign,
-        "onUpdate:value": i[0] || (i[0] = (g) => a.optionModel.labelAlign = g),
+        value: l.optionModel.labelAlign,
+        "onUpdate:value": i[0] || (i[0] = (u) => l.optionModel.labelAlign = u),
         class: "radio-group-custom"
       }, {
         default: e(() => [
-          n(l, { value: "left" }, {
+          n(r, { value: "left" }, {
             default: e(() => [
-              r(d(t.i18nt("designer.setting.leftAlign")), 1)
+              a(d(t.i18nt("designer.setting.leftAlign")), 1)
             ]),
             _: 1
           }),
-          n(l, { value: "right" }, {
+          n(r, { value: "right" }, {
             default: e(() => [
-              r(d(t.i18nt("designer.setting.rightAlign")), 1)
+              a(d(t.i18nt("designer.setting.rightAlign")), 1)
             ]),
             _: 1
           })
@@ -42,8 +41,8 @@ function b(t, i, a, v, A, j) {
     _: 1
   }, 8, ["label"]);
 }
-const k = /* @__PURE__ */ c(f, [["render", b], ["__scopeId", "data-v-35af70d0"]]);
+const h = /* @__PURE__ */ _(f, [["render", b]]);
 export {
-  k as default
+  h as default
 };
 //# sourceMappingURL=sub-form-labelAlign-editor.vue.js.map

package/src/components/form-designer/setting-panel/property-editor/container-sub-form/sub-form-labelAlign-editor.vue.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"sub-form-labelAlign-editor.vue.js","sources":["../../../../../../../src/components/form-designer/setting-panel/property-editor/container-sub-form/sub-form-labelAlign-editor.vue"],"sourcesContent":["<template>\n <a-form-item :label=\"i18nt('designer.setting.labelAlign')\">\n <a-radio-group v-model:value=\"optionModel.labelAlign\" class=\"radio-group-custom\">\n <a-radio-button value=\"left\">\n {{ i18nt('designer.setting.leftAlign') }}\n </a-radio-button>\n <!-- <a-radio-button value=\"label-center-align\">\n {{ i18nt('designer.setting.centerAlign') }}\n </a-radio-button> -->\n <a-radio-button value=\"right\">\n {{ i18nt('designer.setting.rightAlign') }}\n </a-radio-button>\n </a-radio-group>\n </a-form-item>\n</template>\n\n<script>\n import i18n from '@/utils/i18n';\n\n export default {\n name: 'sub-form-labelAlign-editor',\n mixins: [i18n],\n props: {\n designer: Object,\n selectedWidget: Object,\n optionModel: Object\n }\n };\n</script>\n\n<style lang=\"scss\" scoped~~>\n .radio-group-custom {\n :deep(.el-radio-button__inner) {\n padding-left: 12px;\n padding-right: 12px;\n }\n }\n</~~style>\n"],"names":["_sfc_main","i18n","_createBlock","_component_a_form_item","_ctx","_createVNode","_component_a_radio_group","$props","_cache","$event","_component_a_radio_button"],"mappings":"~~;;;;AAmBE~~,MAAKA,IAAU;AAAA,~~EACb~~,MAAM;AAAA,EACN,QAAQ,CAACC,CAAI;AAAA,EACb,OAAO;AAAA,~~IACL~~,UAAU;AAAA,IACV,gBAAgB;AAAA,IAChB,aAAa;AAAA,~~EACf~~;;;;~~cAzBFC~~,EAYcC,GAAA;AAAA,IAZA,OAAOC,EAAA,MAAK,6BAAA;AAAA;~~eACxB~~,MAUgB;AAAA,MAVhBC,EAUgBC,GAAA;AAAA,QAVO,OAAOC,EAAA,YAAY;AAAA,QAAZ,kBAAAC,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAAF,EAAA,YAAY,aAAUE;AAAA,QAAE,OAAM;AAAA;~~mBAC1D~~,MAEiB;AAAA,UAFjBJ,EAEiBK,GAAA,EAFD,OAAM,OAAM,GAAA;AAAA,~~uBAC1B~~,MAAyC;AAAA,kBAAtCN,EAAA,MAAK,4BAAA,CAAA,GAAA,CAAA;AAAA;;;~~UAKVC~~,EAEiBK,GAAA,EAFD,OAAM,QAAO,GAAA;AAAA,~~uBAC3B~~,MAA0C;AAAA,kBAAvCN,EAAA,MAAK,6BAAA,CAAA,GAAA,CAAA;AAAA;;;;;;;;;;;"}
1	+ {"version":3,"file":"sub-form-labelAlign-editor.vue.js","sources":["../../../../../../../src/components/form-designer/setting-panel/property-editor/container-sub-form/sub-form-labelAlign-editor.vue"],"sourcesContent":["<template>\n <a-form-item :label=\"i18nt('designer.setting.labelAlign')\">\n <a-radio-group v-model:value=\"optionModel.labelAlign\" class=\"radio-group-custom\">\n <a-radio-button value=\"left\">\n {{ i18nt('designer.setting.leftAlign') }}\n </a-radio-button>\n <!-- <a-radio-button value=\"label-center-align\">\n {{ i18nt('designer.setting.centerAlign') }}\n </a-radio-button> -->\n <a-radio-button value=\"right\">\n {{ i18nt('designer.setting.rightAlign') }}\n </a-radio-button>\n </a-radio-group>\n </a-form-item>\n</template>\n\n<script>\n import i18n from '@/utils/i18n';\n\n export default {\n name: 'sub-form-labelAlign-editor',\n mixins: [i18n],\n props: {\n designer: Object,\n selectedWidget: Object,\n optionModel: Object\n }\n };\n</script>\n\n<style lang=\"scss\" scoped></style>\n"],"names":["_sfc_main","i18n","_createBlock","_component_a_form_item","_ctx","_createVNode","_component_a_radio_group","$props","_cache","$event","_component_a_radio_button"],"mappings":";;;AAmBI,MAAKA,IAAU;AAAA,EACX,MAAM;AAAA,EACN,QAAQ,CAACC,CAAI;AAAA,EACb,OAAO;AAAA,IACH,UAAU;AAAA,IACV,gBAAgB;AAAA,IAChB,aAAa;AAAA,EACjB;;;;cAzBJC,EAYcC,GAAA;AAAA,IAZA,OAAOC,EAAA,MAAK,6BAAA;AAAA;eACtB,MAUgB;AAAA,MAVhBC,EAUgBC,GAAA;AAAA,QAVO,OAAOC,EAAA,YAAY;AAAA,QAAZ,kBAAAC,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAAF,EAAA,YAAY,aAAUE;AAAA,QAAE,OAAM;AAAA;mBACxD,MAEiB;AAAA,UAFjBJ,EAEiBK,GAAA,EAFD,OAAM,OAAM,GAAA;AAAA,uBACxB,MAAyC;AAAA,kBAAtCN,EAAA,MAAK,4BAAA,CAAA,GAAA,CAAA;AAAA;;;UAKZC,EAEiBK,GAAA,EAFD,OAAM,QAAO,GAAA;AAAA,uBACzB,MAA0C;AAAA,kBAAvCN,EAAA,MAAK,6BAAA,CAAA,GAAA,CAAA;AAAA;;;;;;;;;;;"}