npm - @kp-ui/lowcode - Versions diffs - 1.0.91 → 1.0.94 - Mend

@kp-ui/lowcode 1.0.91 → 1.0.94

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 (1008) hide show

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":["CodeModalEditor","FormCrudSetting","PropertyEditors","_createBlock","_createVNode","_createElementVNode","_openBlock","_createElementBlock","_Fragment","_renderList","_resolveDynamicComponent"],"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 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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"}

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

@@ -1,8 +1,8 @@
-import _sfc_main from "./option-items-setting.vue2.js";
+import t from "./option-items-setting.vue2.js";
 /* empty css                          */
-import _export_sfc from "../../../../_virtual/_plugin-vue_export-helper.js";
-const OptionItemsSetting = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-3a8c8131"]]);
+import o from "../../../../_virtual/_plugin-vue_export-helper.js";
+const a = /* @__PURE__ */ o(t, [["__scopeId", "data-v-3a8c8131"]]);
 export {
-  OptionItemsSetting as default
+  a as default
 };
 //# sourceMappingURL=option-items-setting.vue.js.map

package/src/components/form-designer/setting-panel/option-items-setting.vue2.js CHANGED Viewed

@@ -1,131 +1,101 @@
-import { defineComponent, ref, resolveComponent, createElementBlock, openBlock, createBlock, createCommentVNode, createVNode, withCtx, unref, mergeProps, createElementVNode, createTextVNode, toDisplayString } from "vue";
-import draggableComponent from "../../../lib/vuedraggable/src/vuedraggable.js";
-import { useI18n } from "../../../utils/i18n.js";
-import { TpfCodeEditor } from "tmgc2-share";
-import { DragOutlined, DeleteOutlined, ImportOutlined, ReloadOutlined } from "@ant-design/icons-vue";
-const _hoisted_1 = { class: "option-items-pane" };
-const _hoisted_2 = {
+import { defineComponent as T, ref as $, resolveComponent as d, createElementBlock as g, openBlock as u, createBlock as b, createCommentVNode as _, createVNode as t, withCtx as n, unref as o, mergeProps as V, createElementVNode as m, createTextVNode as f, toDisplayString as h } from "vue";
+import O from "../../../lib/vuedraggable/src/vuedraggable.js";
+import { useI18n as j } from "../../../utils/i18n.js";
+import { TpfCodeEditor as H } from "tmgc2-share";
+import { DragOutlined as U, DeleteOutlined as w, ImportOutlined as J, ReloadOutlined as q } from "@ant-design/icons-vue";
+const A = { class: "option-items-pane" }, F = {
   class: "drag-option",
   title: "拖动排序"
-};
-const _hoisted_3 = {
+}, K = {
   class: "drag-option",
   title: "拖动排序"
-};
-const _hoisted_4 = ["onClick"];
-const _hoisted_5 = {
+}, L = ["onClick"], M = {
   key: 2,
   class: "full-width-input"
-};
-const _hoisted_6 = {
+}, Q = {
   key: 3,
   class: "full-width-input"
-};
-const _hoisted_7 = {
+}, X = {
   key: 4,
   class: "action-buttons"
-};
-const _hoisted_8 = {
+}, Y = {
   key: 5,
   class: "action-buttons"
-};
-const _sfc_main = /* @__PURE__ */ defineComponent({
+}, oe = /* @__PURE__ */ T({
   __name: "option-items-setting",
   props: {
     designer: {},
     selectedWidget: {}
   },
-  setup(__props) {
-    const codeEditorRef = ref();
-    const props = __props;
-    const { i18nt } = useI18n();
-    const emitDefaultValueChange = () => {
-      var _a;
-      if ((_a = props.designer) == null ? void 0 : _a.formWidget) {
-        const fieldWidget = props.designer.formWidget.getWidgetRef(
-          props.selectedWidget.options.name
+  setup(D) {
+    const k = $(), i = D, { i18nt: p } = j(), c = () => {
+      var e;
+      if ((e = i.designer) != null && e.formWidget) {
+        const s = i.designer.formWidget.getWidgetRef(
+          i.selectedWidget.options.name
         );
-        if (fieldWidget == null ? void 0 : fieldWidget.refreshDefaultValue) {
-          fieldWidget.refreshDefaultValue();
-        }
+        s != null && s.refreshDefaultValue && s.refreshDefaultValue();
       }
-    };
-    const deleteOption = (option, index) => {
-      props.selectedWidget.options.optionItems.splice(index, 1);
-    };
-    const addOption = () => {
-      const newValue = props.selectedWidget.options.optionItems.length + 1;
-      props.selectedWidget.options.optionItems.push({
-        value: newValue,
+    }, y = (e, s) => {
+      i.selectedWidget.options.optionItems.splice(s, 1);
+    }, I = () => {
+      const e = i.selectedWidget.options.optionItems.length + 1;
+      i.selectedWidget.options.optionItems.push({
+        value: e,
         label: "new option"
       });
+    }, C = () => {
+      i.selectedWidget.type === "checkbox" || i.selectedWidget.type === "select" && i.selectedWidget.options.multiple ? i.selectedWidget.options.defaultValue = [] : i.selectedWidget.options.defaultValue = "", c();
+    }, z = () => {
+      k.value.open(i.selectedWidget.options.optionItems);
+    }, E = (e) => {
+      i.selectedWidget.options.optionItems = JSON.parse(e);
     };
-    const resetDefault = () => {
-      if (props.selectedWidget.type === "checkbox" || props.selectedWidget.type === "select" && props.selectedWidget.options.multiple) {
-        props.selectedWidget.options.defaultValue = [];
-      } else {
-        props.selectedWidget.options.defaultValue = "";
-      }
-      emitDefaultValueChange();
-    };
-    const importCascaderOptions = () => {
-      codeEditorRef.value.open(props.selectedWidget.options.optionItems);
-    };
-    const saveCascaderOptions = (value) => {
-      props.selectedWidget.options.optionItems = JSON.parse(value);
-    };
-    return (_ctx, _cache) => {
-      const _component_a_input = resolveComponent("a-input");
-      const _component_a_button = resolveComponent("a-button");
-      const _component_a_radio = resolveComponent("a-radio");
-      const _component_a_radio_group = resolveComponent("a-radio-group");
-      const _component_a_checkbox = resolveComponent("a-checkbox");
-      const _component_a_checkbox_group = resolveComponent("a-checkbox-group");
-      const _component_a_cascader = resolveComponent("a-cascader");
-      const _component_a_tree_select = resolveComponent("a-tree-select");
-      return openBlock(), createElementBlock("div", _hoisted_1, [
-        _ctx.selectedWidget.type === "radio" || _ctx.selectedWidget.type === "select" && ["combobox"].includes(_ctx.selectedWidget.options.mode || "") ? (openBlock(), createBlock(_component_a_radio_group, {
+    return (e, s) => {
+      const v = d("a-input"), r = d("a-button"), S = d("a-radio"), N = d("a-radio-group"), R = d("a-checkbox"), B = d("a-checkbox-group"), P = d("a-cascader"), G = d("a-tree-select");
+      return u(), g("div", A, [
+        e.selectedWidget.type === "radio" || e.selectedWidget.type === "select" && ["combobox"].includes(e.selectedWidget.options.mode || "") ? (u(), b(N, {
           key: 0,
-          value: _ctx.selectedWidget.options.defaultValue,
-          "onUpdate:value": _cache[0] || (_cache[0] = ($event) => _ctx.selectedWidget.options.defaultValue = $event),
-          onChange: emitDefaultValueChange,
+          value: e.selectedWidget.options.defaultValue,
+          "onUpdate:value": s[0] || (s[0] = (l) => e.selectedWidget.options.defaultValue = l),
+          onChange: c,
           class: "option-group"
         }, {
-          default: withCtx(() => [
-            createVNode(unref(draggableComponent), mergeProps({
+          default: n(() => [
+            t(o(O), V({
               tag: "ul",
-              list: _ctx.selectedWidget.options.optionItems,
+              list: e.selectedWidget.options.optionItems,
               "item-key": "id"
             }, { group: "optionsGroup", ghostClass: "ghost", handle: ".drag-option" }), {
-              item: withCtx(({ element: option, index: idx }) => [
-                createElementVNode("li", null, [
-                  createVNode(_component_a_radio, {
-                    value: option.value
+              item: n(({ element: l, index: W }) => [
+                m("li", null, [
+                  t(S, {
+                    value: l.value
                   }, {
-                    default: withCtx(() => [
-                      createElementVNode("span", _hoisted_2, [
-                        createVNode(unref(DragOutlined))
+                    default: n(() => [
+                      m("span", F, [
+                        t(o(U))
                       ]),
-                      createVNode(_component_a_input, {
-                        value: option.value,
-                        "onUpdate:value": ($event) => option.value = $event,
+                      t(v, {
+                        value: l.value,
+                        "onUpdate:value": (a) => l.value = a,
                         size: "small",
-                        style: { "width": "80px" },
+                        style: { width: "80px" },
                         placeholder: "值"
                       }, null, 8, ["value", "onUpdate:value"]),
-                      createVNode(_component_a_input, {
-                        value: option.label,
-                        "onUpdate:value": ($event) => option.label = $event,
+                      t(v, {
+                        value: l.label,
+                        "onUpdate:value": (a) => l.label = a,
                         size: "small",
-                        style: { "width": "80px" },
+                        style: { width: "80px" },
                         placeholder: "文本"
                       }, null, 8, ["value", "onUpdate:value"]),
-                      createVNode(_component_a_button, {
+                      t(r, {
                         size: "small",
-                        onClick: ($event) => deleteOption(option, idx)
+                        onClick: (a) => y(l, W)
                       }, {
-                        default: withCtx(() => [
-                          createVNode(unref(DeleteOutlined))
+                        default: n(() => [
+                          t(o(w))
                         ]),
                         _: 2
                       }, 1032, ["onClick"])
@@ -138,120 +108,120 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             }, 16, ["list"])
           ]),
           _: 1
-        }, 8, ["value"])) : _ctx.selectedWidget.type === "checkbox" || _ctx.selectedWidget.type === "select" && ["multiple", "tags"].includes(_ctx.selectedWidget.options.mode || "") ? (openBlock(), createBlock(_component_a_checkbox_group, {
+        }, 8, ["value"])) : e.selectedWidget.type === "checkbox" || e.selectedWidget.type === "select" && ["multiple", "tags"].includes(e.selectedWidget.options.mode || "") ? (u(), b(B, {
           key: 1,
-          value: _ctx.selectedWidget.options.defaultValue,
-          "onUpdate:value": _cache[1] || (_cache[1] = ($event) => _ctx.selectedWidget.options.defaultValue = $event),
-          onChange: emitDefaultValueChange,
-          style: { "width": "100%" },
+          value: e.selectedWidget.options.defaultValue,
+          "onUpdate:value": s[1] || (s[1] = (l) => e.selectedWidget.options.defaultValue = l),
+          onChange: c,
+          style: { width: "100%" },
           class: "option-group"
         }, {
-          default: withCtx(() => [
-            createVNode(unref(draggableComponent), mergeProps({
+          default: n(() => [
+            t(o(O), V({
               tag: "ul",
-              list: _ctx.selectedWidget.options.optionItems,
+              list: e.selectedWidget.options.optionItems,
               "item-key": "id"
             }, { group: "optionsGroup", ghostClass: "ghost", handle: ".drag-option" }), {
-              item: withCtx(({ element: option, index: idx }) => [
-                createElementVNode("li", null, [
-                  createElementVNode("span", _hoisted_3, [
-                    createVNode(unref(DragOutlined))
+              item: n(({ element: l, index: W }) => [
+                m("li", null, [
+                  m("span", K, [
+                    t(o(U))
                   ]),
-                  createVNode(_component_a_checkbox, {
-                    value: option.value
+                  t(R, {
+                    value: l.value
                   }, {
-                    default: withCtx(() => [
-                      createVNode(_component_a_input, {
-                        value: option.value,
-                        "onUpdate:value": ($event) => option.value = $event,
+                    default: n(() => [
+                      t(v, {
+                        value: l.value,
+                        "onUpdate:value": (a) => l.value = a,
                         size: "small",
-                        style: { "width": "85px" },
+                        style: { width: "85px" },
                         placeholder: "值"
                       }, null, 8, ["value", "onUpdate:value"]),
-                      createVNode(_component_a_input, {
-                        value: option.label,
-                        "onUpdate:value": ($event) => option.label = $event,
+                      t(v, {
+                        value: l.label,
+                        "onUpdate:value": (a) => l.label = a,
                         size: "small",
-                        style: { "width": "95px" },
+                        style: { width: "95px" },
                         placeholder: "文本"
                       }, null, 8, ["value", "onUpdate:value"])
                     ]),
                     _: 2
                   }, 1032, ["value"]),
-                  createElementVNode("div", {
+                  m("div", {
                     size: "small",
-                    onClick: ($event) => deleteOption(option, idx)
+                    onClick: (a) => y(l, W)
                   }, [
-                    createVNode(unref(DeleteOutlined))
-                  ], 8, _hoisted_4)
+                    t(o(w))
+                  ], 8, L)
                 ])
               ]),
               _: 1
             }, 16, ["list"])
           ]),
           _: 1
-        }, 8, ["value"])) : _ctx.selectedWidget.type === "cascader" ? (openBlock(), createElementBlock("div", _hoisted_5, [
-          createVNode(_component_a_cascader, {
-            value: _ctx.selectedWidget.options.defaultValue,
-            "onUpdate:value": _cache[2] || (_cache[2] = ($event) => _ctx.selectedWidget.options.defaultValue = $event),
-            multiple: _ctx.selectedWidget.options.multiple,
-            options: _ctx.selectedWidget.options.optionItems,
-            onChange: emitDefaultValueChange,
-            placeholder: unref(i18nt)("render.hint.selectPlaceholder")
+        }, 8, ["value"])) : e.selectedWidget.type === "cascader" ? (u(), g("div", M, [
+          t(P, {
+            value: e.selectedWidget.options.defaultValue,
+            "onUpdate:value": s[2] || (s[2] = (l) => e.selectedWidget.options.defaultValue = l),
+            multiple: e.selectedWidget.options.multiple,
+            options: e.selectedWidget.options.optionItems,
+            onChange: c,
+            placeholder: o(p)("render.hint.selectPlaceholder")
           }, null, 8, ["value", "multiple", "options", "placeholder"])
-        ])) : _ctx.selectedWidget.type === "treeSelect" ? (openBlock(), createElementBlock("div", _hoisted_6, [
-          createVNode(_component_a_tree_select, {
-            value: _ctx.selectedWidget.options.defaultValue,
-            "onUpdate:value": _cache[3] || (_cache[3] = ($event) => _ctx.selectedWidget.options.defaultValue = $event),
-            treeData: _ctx.selectedWidget.options.optionItems,
-            onChange: emitDefaultValueChange,
-            placeholder: unref(i18nt)("render.hint.selectPlaceholder")
+        ])) : e.selectedWidget.type === "treeSelect" ? (u(), g("div", Q, [
+          t(G, {
+            value: e.selectedWidget.options.defaultValue,
+            "onUpdate:value": s[3] || (s[3] = (l) => e.selectedWidget.options.defaultValue = l),
+            treeData: e.selectedWidget.options.optionItems,
+            onChange: c,
+            placeholder: o(p)("render.hint.selectPlaceholder")
           }, null, 8, ["value", "treeData", "placeholder"])
-        ])) : createCommentVNode("", true),
-        ["cascader", "treeSelect"].includes(_ctx.selectedWidget.type) ? (openBlock(), createElementBlock("div", _hoisted_7, [
-          createVNode(_component_a_button, { onClick: importCascaderOptions }, {
-            default: withCtx(() => [
-              createVNode(unref(ImportOutlined)),
-              createTextVNode(" " + toDisplayString(unref(i18nt)("designer.setting.importOptions")), 1)
+        ])) : _("", !0),
+        ["cascader", "treeSelect"].includes(e.selectedWidget.type) ? (u(), g("div", X, [
+          t(r, { onClick: z }, {
+            default: n(() => [
+              t(o(J)),
+              f(" " + h(o(p)("designer.setting.importOptions")), 1)
             ]),
             _: 1
           }),
-          createVNode(_component_a_button, { onClick: resetDefault }, {
-            default: withCtx(() => [
-              createVNode(unref(ReloadOutlined)),
-              createTextVNode(" " + toDisplayString(unref(i18nt)("designer.setting.resetDefault")), 1)
+          t(r, { onClick: C }, {
+            default: n(() => [
+              t(o(q)),
+              f(" " + h(o(p)("designer.setting.resetDefault")), 1)
             ]),
             _: 1
           })
-        ])) : createCommentVNode("", true),
-        ["radio", "checkbox", "select"].includes(_ctx.selectedWidget.type) ? (openBlock(), createElementBlock("div", _hoisted_8, [
-          createVNode(_component_a_button, { onClick: addOption }, {
-            default: withCtx(() => [
-              createTextVNode(toDisplayString(unref(i18nt)("designer.setting.addOption")), 1)
+        ])) : _("", !0),
+        ["radio", "checkbox", "select"].includes(e.selectedWidget.type) ? (u(), g("div", Y, [
+          t(r, { onClick: I }, {
+            default: n(() => [
+              f(h(o(p)("designer.setting.addOption")), 1)
             ]),
             _: 1
           }),
-          createVNode(_component_a_button, { onClick: resetDefault }, {
-            default: withCtx(() => [
-              createTextVNode(toDisplayString(unref(i18nt)("designer.setting.resetDefault")), 1)
+          t(r, { onClick: C }, {
+            default: n(() => [
+              f(h(o(p)("designer.setting.resetDefault")), 1)
             ]),
             _: 1
           })
-        ])) : createCommentVNode("", true),
-        createVNode(unref(TpfCodeEditor), {
-          isShowEventHeader: false,
-          title: unref(i18nt)("designer.setting.importOptions"),
+        ])) : _("", !0),
+        t(o(H), {
+          isShowEventHeader: !1,
+          title: o(p)("designer.setting.importOptions"),
           mode: "javascript",
-          readonly: false,
+          readonly: !1,
           ref_key: "codeEditorRef",
-          ref: codeEditorRef,
-          onSetCode: saveCascaderOptions
+          ref: k,
+          onSetCode: E
         }, null, 8, ["title"])
       ]);
     };
   }
 });
 export {
-  _sfc_main as default
+  oe as default
 };
 //# sourceMappingURL=option-items-setting.vue2.js.map