@kp-ui/lowcode 1.0.90 → 1.0.91

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

@@ -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        .eventPanel {\n            :deep(.ant-form-item-label) {\n                flex: 1;\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            &:hover {\n                color: #1890ff;\n            }\n        }\n        :deep(.ant-tabs-content) {\n            overflow: auto;\n            padding: 0;\n        }\n        :deep(.ant-form-item) {\n            margin-bottom: 1px;\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":";;;;;;;;;;;;;AAgMI,MAAM,EAAE,mBAAmB,qBAAqB,iBAAe,IAAM;AAErE,MAAK,YAAU;AAAA,EACX,MAAM;AAAA,EACN,eAAe;AAAA,EACf,QAAQ,CAAC,MAAM,OAAO;AAAA,EACtB,YAAY;AAAA,IACR;AAAA,IACA;AAAA,IACA,iBAAAA;AAAAA,IACA,iBAAAC;AAAAA,IACA,GAAGC;AAAAA;EAEP,OAAO;AAAA,IACH,UAAU;AAAA,IACV,gBAAgB;AAAA,IAChB,YAAY;AAAA,IACZ,WAAW;AAAA,MACP,MAAM;AAAA,MACN,SAAS,OAAO,CAAA;AAAA,IACpB;AAAA;EAEJ,UAAU;AACN,WAAO;AAAA,MACH,sBAAsB,MAAM,KAAK;AAAA,MACjC,cAAc,MAAM,KAAK;AAAA;AAAA;;EAGjC,QAAQ,CAAC,mBAAmB;AAAA,EAC5B,OAAO;AACH,WAAO;AAAA,MACH,gBAAgB,KAAK,kBAAiB;AAAA,MAEtC,gBAAgB;AAAA,MAEhB,WAAW;AAAA,MACX,2BAA2B,CAAC,KAAK,KAAK,GAAG;AAAA,MACzC,yBAAyB,CAAC,KAAK,GAAG;AAAA,MAElC,aAAa;AAAA,MACb,UAAU;AAAA,MACV,YAAY;AAAA,MAEZ,2BAA2B;AAAA,MAC3B,kBAAkB;AAAA,MAClB,cAAc;AAAA,MACd,aAAa;AAAA,MAEb,wBAAwB;AAAA;;EAGhC,UAAU;AAAA,IACN,aAAa;AAAA,MACT,MAAM;AACF,eAAO,KAAK,eAAe;AAAA;MAG/B,IAAI,UAAU;AACV,aAAK,eAAe,UAAU;AAAA,MAClC;AAAA,IACJ;AAAA;EAEJ,OAAO;AAAA,IACH,2BAA2B;AAAA,MACvB,QAAQ,KAAK;AACT,YAAI,CAAC,CAAC,KAAK;AACP,eAAK,YAAY;AAAA,QACrB;AAAA,MACJ;AAAA;IAGJ,0BAA0B;AAAA;AAAA,MAEtB,MAAM;AAAA,MACN,UAAU;AACN,aAAK,SAAS,uBAAsB;AAAA,MACxC;AAAA;IAGJ,YAAY;AAAA,MACR,MAAM;AAAA,MACN,UAAU;AACN,aAAK,SAAS,uBAAsB;AAAA,MACxC;AAAA,IACJ;AAAA;EAEJ,UAAU;AACN,SAAK,IAAI,oBAAoB,iBAAe;AAExC,WAAK,iBAAiB,YAAY,CAAC,GAAG,YAAY,CAAC,CAAC;AAAA,IACxD,CAAC;AAED,SAAK,SAAS,YAAY,oBAAoB,kBAAgB;AAC1D,WAAK,SAAS,gBAAgB,YAAY;AAAA,IAC9C,CAAC;AAGD,SAAK,SAAS,YAAY,kBAAkB,kBAAgB;AACxD,WAAK,yBAAyB,CAAC,CAAC,gBAAgB,aAAa,SAAS;AAAA,IAC1E,CAAC;AAAA;EAEL,UAAU;AACN,QAAI,CAAC,KAAK,SAAS,gBAAgB;AAC/B,WAAK,YAAY;AAAA,WACd;AACH,WAAK,YAAY;AAAA,IACrB;AAEA,SAAK,iBAAiB,OAAO,cAAc,KAAK,KAAK;AACrD,2BAAuB,MAAM;AACzB,WAAK,UAAU,MAAM;AACjB,aAAK,iBAAiB,OAAO,cAAc,KAAK,KAAK;AAAA,MAEzD,CAAC;AAAA,IACL,CAAC;AAAA;EAEL,SAAS;AAAA,IACL,gBAAgB,WAAW;AACvB,aAAO,CAAC,CAAC,KAAK,YAAY,SAAS,KAAK,KAAK,YAAY,SAAS,EAAE,SAAS;AAAA;IAGjF,oBAAoB;AAChB,UAAI,KAAK,eAAe,eAAe,MAAM,QAAW;AACpD,eAAO;AAAA,MACX;AAEA,aAAO,CAAC,CAAC,KAAK,eAAe,eAAe;AAAA;IAGhD,cAAc,UAAU,YAAY;AAChC,UAAI,CAAC,YAAY;AACb,eAAO;AAAA,MACX;AAGA,UAAI,SAAS,QAAQ,GAAG,KAAK,IAAI;AAC7B,cAAM,iBAAiB,KAAK,eAAe,OAAO,MAAM;AACxD,YAAI,mBAAmB,cAAc,GAAG;AACpC,iBAAO;AAAA,QACX;AAAA,MACJ;AAEA,YAAM,mBAAmB,SAAS,QAAQ,KAAK,eAAe,OAAO,KAAK,EAAE;AAC5E,YAAM,MAAM,KAAK,SAAS,UAAU,KAAK,gBAAgB,gBAAgB;AAEzE,aAAO;AAAA;IAGX,cAAc,UAAU,YAAY;AAChC,YAAM,mBAAmB,SAAS,QAAQ,KAAK,eAAe,OAAO,KAAK,EAAE;AAC5E,YAAM,oBAAoB,GAAG,KAAK,eAAe,IAAI,IAAI,gBAAgB;AAEzE,UAAI,KAAK,SAAS,WAAW,iBAAiB,GAAG;AAE7C,eAAO;AAAA,MACX;AAGA,YAAM,WAAW,KAAK,MAAM,EAAE,WAAW,WAAW,iBAAiB,IAC/D,oBACA;AAEN,aAAO;AAAA;IAIX,aAAa,UAAU;AACnB,UAAI,SAAS;AAEb,iBAAW,YAAY,UAAU;AAC7B,YAAI,CAAC,SAAS,eAAe,QAAQ,GAAG;AACpC;AAAA,QACJ;AAEA,YAAI,KAAK,cAAc,UAAU,SAAS,QAAQ,CAAC,GAAG;AAClD,mBAAS;AACT;AAAA,QACJ;AAAA,MACJ;AAEA,aAAO;AAAA;IAGX,iBAAiB,WAAW,aAAa;AAGrC,WAAK,eAAe;AACpB,WAAK,cAAc,GAAG,KAAK,YAAY,IAAI,IAAI,SAAS,IAAI,YAAY;AAAA,QACpE;AAAA,OACH;AACD,WAAK,mBAAmB,KAAK,eAAe,QAAQ,SAAS,KAAK;AAGlE,UAAI,cAAc,gBAAgB,CAAC,KAAK,YAAY,YAAY,GAAG;AAC/D,aAAK,mBACD;AAAA,MACR;AACA,cAAQ,IAAI,KAAK,gBAAgB;AACjC,WAAK,MAAM,mBAAmB,KAAK,KAAK,gBAAgB;AAAA;IAG5D,iBAAiB,OAAO;AACpB,YAAM,YACF,KAAK,MAAM,mBAAmB,cAAc,SAAS,qBAAoB;AAC7E,UAAI,kBAAkB;AACtB,UAAI,CAAC,CAAC,aAAa,UAAU,SAAS,GAAG;AACrC,kBAAU,QAAQ,YAAU;AACxB,cAAI,OAAO,SAAS,SAAS;AACzB,8BAAkB;AAAA,UACtB;AAAA,QACJ,CAAC;AAED,YAAI,iBAAiB;AACjB,eAAK,SAAS,MAAM,KAAK,MAAM,qCAAqC,CAAC;AACrE;AAAA,QACJ;AAAA,MACJ;AAEA,UAAI,KAAK,aAAa,SAAS,GAAG,GAAG;AACjC,cAAM,CAAC,GAAG,CAAC,IAAI,KAAK,aAAa,MAAM,GAAG;AAC1C,aAAK,eAAe,QAAQ,CAAC,EAAE,CAAC,IAAI;AAAA,aACjC;AACH,aAAK,eAAe,QAAQ,KAAK,YAAY,IAAI;AAAA,MACrD;AAAA,IACJ;AAAA,EACJ;;;;;;;;;;;;;;sBAhaJC,YAgLoB,8BAAA,EAhLD,eAAc,WAAO;AAAA,qBACpC,MA8KW;AAAA,MA9KXC,YA8KW,qBAAA,EA9KD,OAAM,kBAAiB,GAAA;AAAA,yBAC7B,MAmKS;AAAA,UAnKTA,YAmKS,mBAAA;AAAA,YAlKG,WAAW,MAAA;AAAA,wEAAA,MAAA,YAAS;AAAA,YAC5B,OAAA,EAAA,UAAA,QAAA,SAAA,QAAA,YAAA,SAAA;AAAA;6BAEA,MAkJa;AAAA,cAlJbA,YAkJa,uBAAA;AAAA,gBAlJA,KAAK,KAAA,MAAK,6BAAA;AAAA,gBAAiC,KAAI;AAAA;iCACxD,MAgJM;AAAA,kBAhJNC,mBAgJM,OAAA;AAAA,oBAhJD,OAAM;AAAA,oBAAqB,gCAAiB,MAAA,eAAc,CAAA;AAAA;oBAE/C,CAAA,CAAA,OAAA,SAAS,kBAAc,CAAK,gBAAS,eAAe,yBAE5DF,YAgES,mBAAA;AAAA;sBA/DJ,OAAO,SAAA;AAAA,sBACR,YAAW;AAAA,sBACX,eAAY;AAAA,sBACZ,OAAM;AAAA,sBACL,kDAAD,MAAA;AAAA,sBAAA,GAAe,CAAA,SAAA,CAAA;AAAA;uCAEf,MAwDa;AAAA,wBAxDbC,YAwDa,uBAAA;AAAA,0BAvDD,WAAW,MAAA;AAAA,sFAAA,MAAA,4BAAyB;AAAA,0BAC5C,OAAM;AAAA;2CAEN,MAemB;AAAA,4BAbT,SAAA,aAAa,MAAA,WAAW,kBAFlCD,YAemB,6BAAA;AAAA,8BAdf,KAAI;AAAA,8BAEH,QAAQ,KAAA,MAAK,uBAAA;AAAA;+CAEJ,MAA6C;AAAA,iCAAvDG,UAAA,IAAA,GAAAC,mBASWC,UAAA,MAAAC,WATgC,MAAA,aAAW,CAApC,YAAY,aAAQ;;oCAExB,SAAA,cAAc,UAAU,UAAU,KAD5CH,UAAA,GAAAH,YAOEO,wBAJO,SAAA,cAAc,UAAU,UAAU,CAAA,GAAA;AAAA,sCADtC,KAAK;AAAA,sCAEL,UAAU,OAAA;AAAA,sCACV,mBAAiB,OAAA;AAAA,sCACV,gBAAc,SAAA;AAAA,oGAAA,SAAA,cAAW;AAAA;;;;;;4BAOnC,SAAA,aAAa,MAAA,QAAQ,kBAF/BP,YAemB,6BAAA;AAAA,8BAdf,KAAI;AAAA,8BAEH,QAAQ,KAAA,MAAK,uBAAA;AAAA;+CAEJ,MAA0C;AAAA,iCAApDG,UAAA,IAAA,GAAAC,mBASWC,UAAA,MAAAC,WATgC,MAAA,UAAQ,CAAjC,YAAY,aAAQ;;oCAExB,SAAA,cAAc,UAAU,UAAU,KAD5CH,UAAA,GAAAH,YAOEO,wBAJO,SAAA,cAAc,UAAU,UAAU,CAAA,GAAA;AAAA,sCADtC,KAAK;AAAA,sCAEL,UAAU,OAAA;AAAA,sCACV,mBAAiB,OAAA;AAAA,sCACjB,gBAAc,SAAA;AAAA;;;;;;4BAQjB,SAAA,kBAAiB,KAAM,SAAA,aAAa,MAAA,UAAU,kBAHxDP,YAiBmB,6BAAA;AAAA,8BAhBf,KAAI;AAAA,8BACJ,OAAM;AAAA,8BAEL,QAAQ,KAAA,MAAK,uBAAA;AAAA;+CAEJ,MAA4C;AAAA,iCAAtDG,UAAA,IAAA,GAAAC,mBAUWC,UAAA,MAAAC,WAVgC,MAAA,YAAU,CAAnC,YAAY,aAAQ;;oCAExB,SAAA,cAAc,UAAU,UAAU,KAD5CH,UAAA,GAAAH,YAQEO,wBALO,SAAA,cAAc,UAAU,UAAU,CAAA,GAAA;AAAA,sCADtC,KAAK;AAAA,sCAEL,UAAU,OAAA;AAAA,sCACV,mBAAiB,OAAA;AAAA,sCACjB,gBAAc,SAAA;AAAA,sCACd,iBAAe,SAAA,gBAAgB,QAAQ;AAAA;;;;;;;;;;;;oBASpD,CAAA,CAAA,OAAA,SAAS,kBAAc,CAAA,CAAM,gBAAS,eAAe,yBAE7DP,YAgES,mBAAA;AAAA;sBA/DJ,OAAO,SAAA;AAAA,sBACR,YAAW;AAAA,sBACX,eAAY;AAAA,sBACZ,OAAM;AAAA,sBACL,kDAAD,MAAA;AAAA,sBAAA,GAAe,CAAA,SAAA,CAAA;AAAA;uCAEf,MAwDa;AAAA,wBAxDbC,YAwDa,uBAAA;AAAA,0BAvDD,WAAW,MAAA;AAAA,sFAAA,MAAA,4BAAyB;AAAA,0BAC5C,OAAM;AAAA;2CAEN,MAemB;AAAA,4BAbT,SAAA,aAAa,MAAA,WAAW,kBAFlCD,YAemB,6BAAA;AAAA,8BAdf,KAAI;AAAA,8BAEH,QAAQ,KAAA,MAAK,uBAAA;AAAA;+CAEJ,MAA6C;AAAA,iCAAvDG,UAAA,IAAA,GAAAC,mBASWC,UAAA,MAAAC,WATgC,MAAA,aAAW,CAApC,YAAY,aAAQ;;oCAExB,SAAA,cAAc,UAAU,UAAU,KAD5CH,UAAA,GAAAH,YAOEO,wBAJO,SAAA,cAAc,UAAU,UAAU,CAAA,GAAA;AAAA,sCADtC,KAAK;AAAA,sCAEL,UAAU,OAAA;AAAA,sCACV,mBAAiB,OAAA;AAAA,sCACV,gBAAc,SAAA;AAAA,oGAAA,SAAA,cAAW;AAAA;;;;;;4BAOnC,SAAA,aAAa,MAAA,QAAQ,kBAF/BP,YAemB,6BAAA;AAAA,8BAdf,KAAI;AAAA,8BAEH,QAAQ,KAAA,MAAK,uBAAA;AAAA;+CAEJ,MAA0C;AAAA,iCAApDG,UAAA,IAAA,GAAAC,mBASWC,UAAA,MAAAC,WATgC,MAAA,UAAQ,CAAjC,YAAY,aAAQ;;oCAExB,SAAA,cAAc,UAAU,UAAU,KAD5CH,UAAA,GAAAH,YAOEO,wBAJO,SAAA,cAAc,UAAU,UAAU,CAAA,GAAA;AAAA,sCADtC,KAAK;AAAA,sCAEL,UAAU,OAAA;AAAA,sCACV,mBAAiB,OAAA;AAAA,sCACjB,gBAAc,SAAA;AAAA;;;;;;4BAQjB,SAAA,kBAAiB,KAAM,SAAA,aAAa,MAAA,UAAU,kBAHxDP,YAiBmB,6BAAA;AAAA,8BAhBf,KAAI;AAAA,8BACJ,OAAM;AAAA,8BAEL,QAAQ,KAAA,MAAK,uBAAA;AAAA;+CAEJ,MAA4C;AAAA,iCAAtDG,UAAA,IAAA,GAAAC,mBAUWC,UAAA,MAAAC,WAVgC,MAAA,YAAU,CAAnC,YAAY,aAAQ;;oCAExB,SAAA,cAAc,UAAU,UAAU,KAD5CH,UAAA,GAAAH,YAQEO,wBALO,SAAA,cAAc,UAAU,UAAU,CAAA,GAAA;AAAA,sCADtC,KAAK;AAAA,sCAEL,UAAU,OAAA;AAAA,sCACV,mBAAiB,OAAA;AAAA,sCACjB,gBAAc,SAAA;AAAA,sCACd,iBAAe,SAAA,gBAAgB,QAAQ;AAAA;;;;;;;;;;;;oBAQ/C,CAAA,OAAA,SAAS,+BACtBP,YAAsE,oBAAA;AAAA;sBAA5D,aAAa,KAAA,MAAK,oCAAA;AAAA;;;;;gBAKpB,OAAA,yBAApBA,YAIa,uBAAA;AAAA,gBAJkB,KAAK,KAAA,MAAK,oBAAA;AAAA,gBAAwB,KAAI;AAAA;iCACjE,MAEM;AAAA,kBAFNE,mBAEM,OAAA;AAAA,oBAFD,OAAM;AAAA,oBAAqB,gCAAiB,MAAA,eAAc,CAAA;AAAA;oBAC3DD,YAA+D,yBAAA;AAAA,sBAAhD,UAAU,OAAA;AAAA,sBAAW,eAAa,OAAA;AAAA;;;;;cAIzDA,YAIa,uBAAA;AAAA,gBAJA,KAAK;AAAA,gBAAW,KAAI;AAAA;iCAC7B,MAEM;AAAA,kBAFNC,mBAEM,OAAA;AAAA,oBAFD,OAAM;AAAA,oBAAwB,gCAAiB,MAAA,eAAc,CAAA;AAAA;oBAC9DD,YAAkE,4BAAA;AAAA,sBAAhD,UAAU,OAAA;AAAA,sBAAW,eAAa,OAAA;AAAA;;;;;;;;UAKhEA,YAOE,4BAAA;AAAA,YANG,aAAa,MAAA;AAAA,YACd,KAAI;AAAA,YACH,OAAO,KAAA,MAAK,yCAAA;AAAA,YACb,MAAK;AAAA,YACJ,UAAU;AAAA,YACV,QAAM,SAAA;AAAA;;;;;;;;;"}
+{"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":";;;;;;;;;;;;;AAgMI,MAAM,EAAE,mBAAmB,qBAAqB,iBAAe,IAAM;AAErE,MAAK,YAAU;AAAA,EACX,MAAM;AAAA,EACN,eAAe;AAAA,EACf,QAAQ,CAAC,MAAM,OAAO;AAAA,EACtB,YAAY;AAAA,IACR;AAAA,IACA;AAAA,IACA,iBAAAA;AAAAA,IACA,iBAAAC;AAAAA,IACA,GAAGC;AAAAA;EAEP,OAAO;AAAA,IACH,UAAU;AAAA,IACV,gBAAgB;AAAA,IAChB,YAAY;AAAA,IACZ,WAAW;AAAA,MACP,MAAM;AAAA,MACN,SAAS,OAAO,CAAA;AAAA,IACpB;AAAA;EAEJ,UAAU;AACN,WAAO;AAAA,MACH,sBAAsB,MAAM,KAAK;AAAA,MACjC,cAAc,MAAM,KAAK;AAAA;AAAA;;EAGjC,QAAQ,CAAC,mBAAmB;AAAA,EAC5B,OAAO;AACH,WAAO;AAAA,MACH,gBAAgB,KAAK,kBAAiB;AAAA,MAEtC,gBAAgB;AAAA,MAEhB,WAAW;AAAA,MACX,2BAA2B,CAAC,KAAK,KAAK,GAAG;AAAA,MACzC,yBAAyB,CAAC,KAAK,GAAG;AAAA,MAElC,aAAa;AAAA,MACb,UAAU;AAAA,MACV,YAAY;AAAA,MAEZ,2BAA2B;AAAA,MAC3B,kBAAkB;AAAA,MAClB,cAAc;AAAA,MACd,aAAa;AAAA,MAEb,wBAAwB;AAAA;;EAGhC,UAAU;AAAA,IACN,aAAa;AAAA,MACT,MAAM;AACF,eAAO,KAAK,eAAe;AAAA;MAG/B,IAAI,UAAU;AACV,aAAK,eAAe,UAAU;AAAA,MAClC;AAAA,IACJ;AAAA;EAEJ,OAAO;AAAA,IACH,2BAA2B;AAAA,MACvB,QAAQ,KAAK;AACT,YAAI,CAAC,CAAC,KAAK;AACP,eAAK,YAAY;AAAA,QACrB;AAAA,MACJ;AAAA;IAGJ,0BAA0B;AAAA;AAAA,MAEtB,MAAM;AAAA,MACN,UAAU;AACN,aAAK,SAAS,uBAAsB;AAAA,MACxC;AAAA;IAGJ,YAAY;AAAA,MACR,MAAM;AAAA,MACN,UAAU;AACN,aAAK,SAAS,uBAAsB;AAAA,MACxC;AAAA,IACJ;AAAA;EAEJ,UAAU;AACN,SAAK,IAAI,oBAAoB,iBAAe;AAExC,WAAK,iBAAiB,YAAY,CAAC,GAAG,YAAY,CAAC,CAAC;AAAA,IACxD,CAAC;AAED,SAAK,SAAS,YAAY,oBAAoB,kBAAgB;AAC1D,WAAK,SAAS,gBAAgB,YAAY;AAAA,IAC9C,CAAC;AAGD,SAAK,SAAS,YAAY,kBAAkB,kBAAgB;AACxD,WAAK,yBAAyB,CAAC,CAAC,gBAAgB,aAAa,SAAS;AAAA,IAC1E,CAAC;AAAA;EAEL,UAAU;AACN,QAAI,CAAC,KAAK,SAAS,gBAAgB;AAC/B,WAAK,YAAY;AAAA,WACd;AACH,WAAK,YAAY;AAAA,IACrB;AAEA,SAAK,iBAAiB,OAAO,cAAc,KAAK,KAAK;AACrD,2BAAuB,MAAM;AACzB,WAAK,UAAU,MAAM;AACjB,aAAK,iBAAiB,OAAO,cAAc,KAAK,KAAK;AAAA,MAEzD,CAAC;AAAA,IACL,CAAC;AAAA;EAEL,SAAS;AAAA,IACL,gBAAgB,WAAW;AACvB,aAAO,CAAC,CAAC,KAAK,YAAY,SAAS,KAAK,KAAK,YAAY,SAAS,EAAE,SAAS;AAAA;IAGjF,oBAAoB;AAChB,UAAI,KAAK,eAAe,eAAe,MAAM,QAAW;AACpD,eAAO;AAAA,MACX;AAEA,aAAO,CAAC,CAAC,KAAK,eAAe,eAAe;AAAA;IAGhD,cAAc,UAAU,YAAY;AAChC,UAAI,CAAC,YAAY;AACb,eAAO;AAAA,MACX;AAGA,UAAI,SAAS,QAAQ,GAAG,KAAK,IAAI;AAC7B,cAAM,iBAAiB,KAAK,eAAe,OAAO,MAAM;AACxD,YAAI,mBAAmB,cAAc,GAAG;AACpC,iBAAO;AAAA,QACX;AAAA,MACJ;AAEA,YAAM,mBAAmB,SAAS,QAAQ,KAAK,eAAe,OAAO,KAAK,EAAE;AAC5E,YAAM,MAAM,KAAK,SAAS,UAAU,KAAK,gBAAgB,gBAAgB;AAEzE,aAAO;AAAA;IAGX,cAAc,UAAU,YAAY;AAChC,YAAM,mBAAmB,SAAS,QAAQ,KAAK,eAAe,OAAO,KAAK,EAAE;AAC5E,YAAM,oBAAoB,GAAG,KAAK,eAAe,IAAI,IAAI,gBAAgB;AAEzE,UAAI,KAAK,SAAS,WAAW,iBAAiB,GAAG;AAE7C,eAAO;AAAA,MACX;AAGA,YAAM,WAAW,KAAK,MAAM,EAAE,WAAW,WAAW,iBAAiB,IAC/D,oBACA;AAEN,aAAO;AAAA;IAIX,aAAa,UAAU;AACnB,UAAI,SAAS;AAEb,iBAAW,YAAY,UAAU;AAC7B,YAAI,CAAC,SAAS,eAAe,QAAQ,GAAG;AACpC;AAAA,QACJ;AAEA,YAAI,KAAK,cAAc,UAAU,SAAS,QAAQ,CAAC,GAAG;AAClD,mBAAS;AACT;AAAA,QACJ;AAAA,MACJ;AAEA,aAAO;AAAA;IAGX,iBAAiB,WAAW,aAAa;AAGrC,WAAK,eAAe;AACpB,WAAK,cAAc,GAAG,KAAK,YAAY,IAAI,IAAI,SAAS,IAAI,YAAY;AAAA,QACpE;AAAA,OACH;AACD,WAAK,mBAAmB,KAAK,eAAe,QAAQ,SAAS,KAAK;AAGlE,UAAI,cAAc,gBAAgB,CAAC,KAAK,YAAY,YAAY,GAAG;AAC/D,aAAK,mBACD;AAAA,MACR;AACA,cAAQ,IAAI,KAAK,gBAAgB;AACjC,WAAK,MAAM,mBAAmB,KAAK,KAAK,gBAAgB;AAAA;IAG5D,iBAAiB,OAAO;AACpB,YAAM,YACF,KAAK,MAAM,mBAAmB,cAAc,SAAS,qBAAoB;AAC7E,UAAI,kBAAkB;AACtB,UAAI,CAAC,CAAC,aAAa,UAAU,SAAS,GAAG;AACrC,kBAAU,QAAQ,YAAU;AACxB,cAAI,OAAO,SAAS,SAAS;AACzB,8BAAkB;AAAA,UACtB;AAAA,QACJ,CAAC;AAED,YAAI,iBAAiB;AACjB,eAAK,SAAS,MAAM,KAAK,MAAM,qCAAqC,CAAC;AACrE;AAAA,QACJ;AAAA,MACJ;AAEA,UAAI,KAAK,aAAa,SAAS,GAAG,GAAG;AACjC,cAAM,CAAC,GAAG,CAAC,IAAI,KAAK,aAAa,MAAM,GAAG;AAC1C,aAAK,eAAe,QAAQ,CAAC,EAAE,CAAC,IAAI;AAAA,aACjC;AACH,aAAK,eAAe,QAAQ,KAAK,YAAY,IAAI;AAAA,MACrD;AAAA,IACJ;AAAA,EACJ;;;;;;;;;;;;;;sBAhaJC,YAgLoB,8BAAA,EAhLD,eAAc,WAAO;AAAA,qBACpC,MA8KW;AAAA,MA9KXC,YA8KW,qBAAA,EA9KD,OAAM,kBAAiB,GAAA;AAAA,yBAC7B,MAmKS;AAAA,UAnKTA,YAmKS,mBAAA;AAAA,YAlKG,WAAW,MAAA;AAAA,wEAAA,MAAA,YAAS;AAAA,YAC5B,OAAA,EAAA,UAAA,QAAA,SAAA,QAAA,YAAA,SAAA;AAAA;6BAEA,MAkJa;AAAA,cAlJbA,YAkJa,uBAAA;AAAA,gBAlJA,KAAK,KAAA,MAAK,6BAAA;AAAA,gBAAiC,KAAI;AAAA;iCACxD,MAgJM;AAAA,kBAhJNC,mBAgJM,OAAA;AAAA,oBAhJD,OAAM;AAAA,oBAAqB,gCAAiB,MAAA,eAAc,CAAA;AAAA;oBAE/C,CAAA,CAAA,OAAA,SAAS,kBAAc,CAAK,gBAAS,eAAe,yBAE5DF,YAgES,mBAAA;AAAA;sBA/DJ,OAAO,SAAA;AAAA,sBACR,YAAW;AAAA,sBACX,eAAY;AAAA,sBACZ,OAAM;AAAA,sBACL,kDAAD,MAAA;AAAA,sBAAA,GAAe,CAAA,SAAA,CAAA;AAAA;uCAEf,MAwDa;AAAA,wBAxDbC,YAwDa,uBAAA;AAAA,0BAvDD,WAAW,MAAA;AAAA,sFAAA,MAAA,4BAAyB;AAAA,0BAC5C,OAAM;AAAA;2CAEN,MAemB;AAAA,4BAbT,SAAA,aAAa,MAAA,WAAW,kBAFlCD,YAemB,6BAAA;AAAA,8BAdf,KAAI;AAAA,8BAEH,QAAQ,KAAA,MAAK,uBAAA;AAAA;+CAEJ,MAA6C;AAAA,iCAAvDG,UAAA,IAAA,GAAAC,mBASWC,UAAA,MAAAC,WATgC,MAAA,aAAW,CAApC,YAAY,aAAQ;;oCAExB,SAAA,cAAc,UAAU,UAAU,KAD5CH,UAAA,GAAAH,YAOEO,wBAJO,SAAA,cAAc,UAAU,UAAU,CAAA,GAAA;AAAA,sCADtC,KAAK;AAAA,sCAEL,UAAU,OAAA;AAAA,sCACV,mBAAiB,OAAA;AAAA,sCACV,gBAAc,SAAA;AAAA,oGAAA,SAAA,cAAW;AAAA;;;;;;4BAOnC,SAAA,aAAa,MAAA,QAAQ,kBAF/BP,YAemB,6BAAA;AAAA,8BAdf,KAAI;AAAA,8BAEH,QAAQ,KAAA,MAAK,uBAAA;AAAA;+CAEJ,MAA0C;AAAA,iCAApDG,UAAA,IAAA,GAAAC,mBASWC,UAAA,MAAAC,WATgC,MAAA,UAAQ,CAAjC,YAAY,aAAQ;;oCAExB,SAAA,cAAc,UAAU,UAAU,KAD5CH,UAAA,GAAAH,YAOEO,wBAJO,SAAA,cAAc,UAAU,UAAU,CAAA,GAAA;AAAA,sCADtC,KAAK;AAAA,sCAEL,UAAU,OAAA;AAAA,sCACV,mBAAiB,OAAA;AAAA,sCACjB,gBAAc,SAAA;AAAA;;;;;;4BAQjB,SAAA,kBAAiB,KAAM,SAAA,aAAa,MAAA,UAAU,kBAHxDP,YAiBmB,6BAAA;AAAA,8BAhBf,KAAI;AAAA,8BACJ,OAAM;AAAA,8BAEL,QAAQ,KAAA,MAAK,uBAAA;AAAA;+CAEJ,MAA4C;AAAA,iCAAtDG,UAAA,IAAA,GAAAC,mBAUWC,UAAA,MAAAC,WAVgC,MAAA,YAAU,CAAnC,YAAY,aAAQ;;oCAExB,SAAA,cAAc,UAAU,UAAU,KAD5CH,UAAA,GAAAH,YAQEO,wBALO,SAAA,cAAc,UAAU,UAAU,CAAA,GAAA;AAAA,sCADtC,KAAK;AAAA,sCAEL,UAAU,OAAA;AAAA,sCACV,mBAAiB,OAAA;AAAA,sCACjB,gBAAc,SAAA;AAAA,sCACd,iBAAe,SAAA,gBAAgB,QAAQ;AAAA;;;;;;;;;;;;oBASpD,CAAA,CAAA,OAAA,SAAS,kBAAc,CAAA,CAAM,gBAAS,eAAe,yBAE7DP,YAgES,mBAAA;AAAA;sBA/DJ,OAAO,SAAA;AAAA,sBACR,YAAW;AAAA,sBACX,eAAY;AAAA,sBACZ,OAAM;AAAA,sBACL,kDAAD,MAAA;AAAA,sBAAA,GAAe,CAAA,SAAA,CAAA;AAAA;uCAEf,MAwDa;AAAA,wBAxDbC,YAwDa,uBAAA;AAAA,0BAvDD,WAAW,MAAA;AAAA,sFAAA,MAAA,4BAAyB;AAAA,0BAC5C,OAAM;AAAA;2CAEN,MAemB;AAAA,4BAbT,SAAA,aAAa,MAAA,WAAW,kBAFlCD,YAemB,6BAAA;AAAA,8BAdf,KAAI;AAAA,8BAEH,QAAQ,KAAA,MAAK,uBAAA;AAAA;+CAEJ,MAA6C;AAAA,iCAAvDG,UAAA,IAAA,GAAAC,mBASWC,UAAA,MAAAC,WATgC,MAAA,aAAW,CAApC,YAAY,aAAQ;;oCAExB,SAAA,cAAc,UAAU,UAAU,KAD5CH,UAAA,GAAAH,YAOEO,wBAJO,SAAA,cAAc,UAAU,UAAU,CAAA,GAAA;AAAA,sCADtC,KAAK;AAAA,sCAEL,UAAU,OAAA;AAAA,sCACV,mBAAiB,OAAA;AAAA,sCACV,gBAAc,SAAA;AAAA,oGAAA,SAAA,cAAW;AAAA;;;;;;4BAOnC,SAAA,aAAa,MAAA,QAAQ,kBAF/BP,YAemB,6BAAA;AAAA,8BAdf,KAAI;AAAA,8BAEH,QAAQ,KAAA,MAAK,uBAAA;AAAA;+CAEJ,MAA0C;AAAA,iCAApDG,UAAA,IAAA,GAAAC,mBASWC,UAAA,MAAAC,WATgC,MAAA,UAAQ,CAAjC,YAAY,aAAQ;;oCAExB,SAAA,cAAc,UAAU,UAAU,KAD5CH,UAAA,GAAAH,YAOEO,wBAJO,SAAA,cAAc,UAAU,UAAU,CAAA,GAAA;AAAA,sCADtC,KAAK;AAAA,sCAEL,UAAU,OAAA;AAAA,sCACV,mBAAiB,OAAA;AAAA,sCACjB,gBAAc,SAAA;AAAA;;;;;;4BAQjB,SAAA,kBAAiB,KAAM,SAAA,aAAa,MAAA,UAAU,kBAHxDP,YAiBmB,6BAAA;AAAA,8BAhBf,KAAI;AAAA,8BACJ,OAAM;AAAA,8BAEL,QAAQ,KAAA,MAAK,uBAAA;AAAA;+CAEJ,MAA4C;AAAA,iCAAtDG,UAAA,IAAA,GAAAC,mBAUWC,UAAA,MAAAC,WAVgC,MAAA,YAAU,CAAnC,YAAY,aAAQ;;oCAExB,SAAA,cAAc,UAAU,UAAU,KAD5CH,UAAA,GAAAH,YAQEO,wBALO,SAAA,cAAc,UAAU,UAAU,CAAA,GAAA;AAAA,sCADtC,KAAK;AAAA,sCAEL,UAAU,OAAA;AAAA,sCACV,mBAAiB,OAAA;AAAA,sCACjB,gBAAc,SAAA;AAAA,sCACd,iBAAe,SAAA,gBAAgB,QAAQ;AAAA;;;;;;;;;;;;oBAQ/C,CAAA,OAAA,SAAS,+BACtBP,YAAsE,oBAAA;AAAA;sBAA5D,aAAa,KAAA,MAAK,oCAAA;AAAA;;;;;gBAKpB,OAAA,yBAApBA,YAIa,uBAAA;AAAA,gBAJkB,KAAK,KAAA,MAAK,oBAAA;AAAA,gBAAwB,KAAI;AAAA;iCACjE,MAEM;AAAA,kBAFNE,mBAEM,OAAA;AAAA,oBAFD,OAAM;AAAA,oBAAqB,gCAAiB,MAAA,eAAc,CAAA;AAAA;oBAC3DD,YAA+D,yBAAA;AAAA,sBAAhD,UAAU,OAAA;AAAA,sBAAW,eAAa,OAAA;AAAA;;;;;cAIzDA,YAIa,uBAAA;AAAA,gBAJA,KAAK;AAAA,gBAAW,KAAI;AAAA;iCAC7B,MAEM;AAAA,kBAFNC,mBAEM,OAAA;AAAA,oBAFD,OAAM;AAAA,oBAAwB,gCAAiB,MAAA,eAAc,CAAA;AAAA;oBAC9DD,YAAkE,4BAAA;AAAA,sBAAhD,UAAU,OAAA;AAAA,sBAAW,eAAa,OAAA;AAAA;;;;;;;;UAKhEA,YAOE,4BAAA;AAAA,YANG,aAAa,MAAA;AAAA,YACd,KAAI;AAAA,YACH,OAAO,KAAA,MAAK,yCAAA;AAAA,YACb,MAAK;AAAA,YACJ,UAAU;AAAA,YACV,QAAM,SAAA;AAAA;;;;;;;;;"}

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

@@ -1,421 +1,7 @@
-import CodeEditor from "../../code-editor/index.vue.js";
-import i18n from "../../../utils/i18n.js";
-import draggableComponent from "../../../lib/vuedraggable/src/vuedraggable.js";
-import { resolveComponent, createElementBlock, openBlock, createBlock, createCommentVNode, createVNode, withCtx, mergeProps, createElementVNode, createTextVNode, toDisplayString } from "vue";
+import _sfc_main from "./option-items-setting.vue2.js";
 /* empty css                          */
 import _export_sfc from "../../../../_virtual/_plugin-vue_export-helper.js";
-const _sfc_main = {
-  name: "OptionItemsSetting",
-  mixins: [i18n],
-  components: {
-    CodeEditor,
-    Draggable: draggableComponent
-  },
-  props: {
-    designer: Object,
-    selectedWidget: Object
-  },
-  data() {
-    return {
-      showImportDialogFlag: false,
-      optionLines: "",
-      cascaderOptions: "",
-      showImportCascaderDialogFlag: false,
-      //separator: '||',
-      separator: ","
-    };
-  },
-  computed: {
-    optionModel() {
-      return this.selectedWidget.options;
-    }
-  },
-  watch: {
-    "selectedWidget.options": {
-      deep: true,
-      handler(val) {
-      }
-    }
-  },
-  methods: {
-    emitDefaultValueChange() {
-      if (!!this.designer && !!this.designer.formWidget) {
-        const fieldWidget = this.designer.formWidget.getWidgetRef(
-          this.selectedWidget.options.name
-        );
-        if (!!fieldWidget && !!fieldWidget.refreshDefaultValue) {
-          fieldWidget.refreshDefaultValue();
-        }
-      }
-    },
-    deleteOption(option, index) {
-      this.optionModel.optionItems.splice(index, 1);
-    },
-    addOption() {
-      const newValue = this.optionModel.optionItems.length + 1;
-      this.optionModel.optionItems.push({
-        value: newValue,
-        label: "new option"
-      });
-    },
-    importOptions() {
-      this.optionLines = "";
-      if (this.optionModel.optionItems.length > 0) {
-        this.optionModel.optionItems.forEach((opt) => {
-          if (opt.value === opt.label) {
-            this.optionLines += opt.value + "\n";
-          } else {
-            this.optionLines += opt.value + this.separator + opt.label + "\n";
-          }
-        });
-      }
-      this.showImportDialogFlag = true;
-    },
-    saveOptions() {
-      const lineArray = this.optionLines.split("\n");
-      if (lineArray.length > 0) {
-        this.optionModel.optionItems = [];
-        lineArray.forEach((optLine) => {
-          if (!!optLine && !!optLine.trim()) {
-            if (optLine.indexOf(this.separator) !== -1) {
-              this.optionModel.optionItems.push({
-                value: optLine.split(this.separator)[0],
-                label: optLine.split(this.separator)[1]
-              });
-            } else {
-              this.optionModel.optionItems.push({
-                value: optLine,
-                label: optLine
-              });
-            }
-          }
-        });
-      } else {
-        this.optionModel.optionItems = [];
-      }
-      this.showImportDialogFlag = false;
-    },
-    resetDefault() {
-      if (this.selectedWidget.type === "checkbox" || this.selectedWidget.type === "select" && this.selectedWidget.options.multiple) {
-        this.optionModel.defaultValue = [];
-      } else {
-        this.optionModel.defaultValue = "";
-      }
-      this.emitDefaultValueChange();
-    },
-    importCascaderOptions() {
-      this.cascaderOptions = JSON.stringify(this.optionModel.optionItems, null, "  ");
-      this.showImportCascaderDialogFlag = true;
-    },
-    saveCascaderOptions() {
-      try {
-        const newOptions = JSON.parse(this.cascaderOptions);
-        this.optionModel.optionItems = newOptions;
-        this.showImportCascaderDialogFlag = false;
-      } catch (ex) {
-        this.$message.error(
-          this.i18nt("designer.hint.invalidOptionsData") + ex.message
-        );
-      }
-    }
-  }
-};
-const _hoisted_1 = { class: "option-items-pane" };
-const _hoisted_2 = {
-  key: 2,
-  class: "full-width-input"
-};
-const _hoisted_3 = {
-  key: 3,
-  class: "full-width-input"
-};
-const _hoisted_4 = { key: 4 };
-const _hoisted_5 = { key: 5 };
-const _hoisted_6 = { class: "dialog-footer" };
-const _hoisted_7 = { class: "dialog-footer" };
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_a_input = resolveComponent("a-input");
-  const _component_a_button = resolveComponent("a-button");
-  const _component_a_radio = resolveComponent("a-radio");
-  const _component_draggable = resolveComponent("draggable");
-  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");
-  const _component_a_textarea = resolveComponent("a-textarea");
-  const _component_a_form_item = resolveComponent("a-form-item");
-  const _component_a_modal = resolveComponent("a-modal");
-  const _component_code_editor = resolveComponent("code-editor");
-  return openBlock(), createElementBlock("div", _hoisted_1, [
-    $props.selectedWidget.type === "radio" || $props.selectedWidget.type === "select" && ["combobox"].includes($props.selectedWidget.options.mode) ? (openBlock(), createBlock(_component_a_radio_group, {
-      key: 0,
-      value: $options.optionModel.defaultValue,
-      "onUpdate:value": _cache[0] || (_cache[0] = ($event) => $options.optionModel.defaultValue = $event),
-      onChange: $options.emitDefaultValueChange
-    }, {
-      default: withCtx(() => [
-        createVNode(_component_draggable, mergeProps({
-          tag: "ul",
-          list: $options.optionModel.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
-              }, {
-                default: withCtx(() => [
-                  createVNode(_component_a_input, {
-                    value: option.value,
-                    "onUpdate:value": ($event) => option.value = $event,
-                    size: "small",
-                    style: { "width": "60px" }
-                  }, null, 8, ["value", "onUpdate:value"]),
-                  createVNode(_component_a_input, {
-                    value: option.label,
-                    "onUpdate:value": ($event) => option.label = $event,
-                    size: "small",
-                    style: { "width": "70px" }
-                  }, null, 8, ["value", "onUpdate:value"]),
-                  _cache[11] || (_cache[11] = createElementVNode("i", { class: "iconfont icon-drag drag-option" }, null, -1)),
-                  createVNode(_component_a_button, {
-                    size: "small",
-                    type: "danger",
-                    onClick: ($event) => $options.deleteOption(option, idx)
-                  }, {
-                    default: withCtx(() => _cache[10] || (_cache[10] = [
-                      createTextVNode(" 删除 ")
-                    ])),
-                    _: 2,
-                    __: [10]
-                  }, 1032, ["onClick"])
-                ]),
-                _: 2,
-                __: [11]
-              }, 1032, ["value"])
-            ])
-          ]),
-          _: 1
-        }, 16, ["list"])
-      ]),
-      _: 1
-    }, 8, ["value", "onChange"])) : $props.selectedWidget.type === "checkbox" || $props.selectedWidget.type === "select" && ["multiple", "tags"].includes($props.selectedWidget.options.mode) ? (openBlock(), createBlock(_component_a_checkbox_group, {
-      key: 1,
-      value: $options.optionModel.defaultValue,
-      "onUpdate:value": _cache[1] || (_cache[1] = ($event) => $options.optionModel.defaultValue = $event),
-      onChange: $options.emitDefaultValueChange,
-      style: { "width": "100%" }
-    }, {
-      default: withCtx(() => [
-        createVNode(_component_draggable, mergeProps({
-          tag: "ul",
-          list: $options.optionModel.optionItems,
-          "item-key": "id"
-        }, { group: "optionsGroup", ghostClass: "ghost", handle: ".drag-option" }), {
-          item: withCtx(({ element: option, index: idx }) => [
-            createElementVNode("li", null, [
-              createVNode(_component_a_checkbox, {
-                value: option.value
-              }, {
-                default: withCtx(() => [
-                  createVNode(_component_a_input, {
-                    value: option.value,
-                    "onUpdate:value": ($event) => option.value = $event,
-                    size: "small",
-                    style: { "width": "60px" }
-                  }, null, 8, ["value", "onUpdate:value"]),
-                  createVNode(_component_a_input, {
-                    value: option.label,
-                    "onUpdate:value": ($event) => option.label = $event,
-                    size: "small",
-                    style: { "width": "80px" }
-                  }, null, 8, ["value", "onUpdate:value"]),
-                  _cache[13] || (_cache[13] = createElementVNode("i", { class: "iconfont icon-drag drag-option" }, null, -1)),
-                  createVNode(_component_a_button, {
-                    size: "small",
-                    type: "danger",
-                    onClick: ($event) => $options.deleteOption(option, idx)
-                  }, {
-                    default: withCtx(() => _cache[12] || (_cache[12] = [
-                      createTextVNode(" 删除 ")
-                    ])),
-                    _: 2,
-                    __: [12]
-                  }, 1032, ["onClick"])
-                ]),
-                _: 2,
-                __: [13]
-              }, 1032, ["value"])
-            ])
-          ]),
-          _: 1
-        }, 16, ["list"])
-      ]),
-      _: 1
-    }, 8, ["value", "onChange"])) : $props.selectedWidget.type === "cascader" ? (openBlock(), createElementBlock("div", _hoisted_2, [
-      createVNode(_component_a_cascader, {
-        value: $options.optionModel.defaultValue,
-        "onUpdate:value": _cache[2] || (_cache[2] = ($event) => $options.optionModel.defaultValue = $event),
-        multiple: $options.optionModel.multiple,
-        options: $options.optionModel.optionItems,
-        onChange: $options.emitDefaultValueChange,
-        placeholder: _ctx.i18nt("render.hint.selectPlaceholder")
-      }, null, 8, ["value", "multiple", "options", "onChange", "placeholder"])
-    ])) : $props.selectedWidget.type === "treeSelect" ? (openBlock(), createElementBlock("div", _hoisted_3, [
-      createVNode(_component_a_tree_select, {
-        value: $options.optionModel.defaultValue,
-        "onUpdate:value": _cache[3] || (_cache[3] = ($event) => $options.optionModel.defaultValue = $event),
-        treeData: $options.optionModel.optionItems,
-        onChange: $options.emitDefaultValueChange,
-        placeholder: _ctx.i18nt("render.hint.selectPlaceholder")
-      }, null, 8, ["value", "treeData", "onChange", "placeholder"])
-    ])) : createCommentVNode("", true),
-    ["cascader", "treeSelect"].includes($props.selectedWidget.type) ? (openBlock(), createElementBlock("div", _hoisted_4, [
-      createVNode(_component_a_button, {
-        type: "text",
-        onClick: $options.importCascaderOptions
-      }, {
-        default: withCtx(() => [
-          createTextVNode(toDisplayString(_ctx.i18nt("designer.setting.importOptions")), 1)
-        ]),
-        _: 1
-      }, 8, ["onClick"]),
-      createVNode(_component_a_button, {
-        type: "text",
-        onClick: $options.resetDefault
-      }, {
-        default: withCtx(() => [
-          createTextVNode(toDisplayString(_ctx.i18nt("designer.setting.resetDefault")), 1)
-        ]),
-        _: 1
-      }, 8, ["onClick"])
-    ])) : createCommentVNode("", true),
-    ["radio", "checkbox", "select"].includes($props.selectedWidget.type) ? (openBlock(), createElementBlock("div", _hoisted_5, [
-      createVNode(_component_a_button, {
-        type: "text",
-        onClick: $options.addOption
-      }, {
-        default: withCtx(() => [
-          createTextVNode(toDisplayString(_ctx.i18nt("designer.setting.addOption")), 1)
-        ]),
-        _: 1
-      }, 8, ["onClick"]),
-      createVNode(_component_a_button, {
-        type: "text",
-        onClick: $options.importOptions
-      }, {
-        default: withCtx(() => [
-          createTextVNode(toDisplayString(_ctx.i18nt("designer.setting.importOptions")), 1)
-        ]),
-        _: 1
-      }, 8, ["onClick"]),
-      createVNode(_component_a_button, {
-        type: "text",
-        onClick: $options.resetDefault
-      }, {
-        default: withCtx(() => [
-          createTextVNode(toDisplayString(_ctx.i18nt("designer.setting.resetDefault")), 1)
-        ]),
-        _: 1
-      }, 8, ["onClick"])
-    ])) : createCommentVNode("", true),
-    createVNode(_component_a_modal, {
-      title: _ctx.i18nt("designer.setting.importOptions"),
-      visible: $data.showImportDialogFlag,
-      "onUpdate:visible": _cache[6] || (_cache[6] = ($event) => $data.showImportDialogFlag = $event),
-      "show-close": true,
-      "custom-class": "drag-dialog small-padding-dialog",
-      "append-to-body": "",
-      "close-on-click-modal": false,
-      "close-on-press-escape": false,
-      "destroy-on-close": true
-    }, {
-      footer: withCtx(() => [
-        createElementVNode("div", _hoisted_6, [
-          createVNode(_component_a_button, {
-            size: "large",
-            type: "primary",
-            onClick: $options.saveOptions
-          }, {
-            default: withCtx(() => [
-              createTextVNode(toDisplayString(_ctx.i18nt("designer.hint.confirm")), 1)
-            ]),
-            _: 1
-          }, 8, ["onClick"]),
-          createVNode(_component_a_button, {
-            size: "large",
-            onClick: _cache[5] || (_cache[5] = ($event) => $data.showImportDialogFlag = false)
-          }, {
-            default: withCtx(() => [
-              createTextVNode(toDisplayString(_ctx.i18nt("designer.hint.cancel")), 1)
-            ]),
-            _: 1
-          })
-        ])
-      ]),
-      default: withCtx(() => [
-        createVNode(_component_a_form_item, null, {
-          default: withCtx(() => [
-            createVNode(_component_a_textarea, {
-              type: "textarea",
-              rows: "10",
-              value: $data.optionLines,
-              "onUpdate:value": _cache[4] || (_cache[4] = ($event) => $data.optionLines = $event)
-            }, null, 8, ["value"])
-          ]),
-          _: 1
-        })
-      ]),
-      _: 1
-    }, 8, ["title", "visible"]),
-    createVNode(_component_a_modal, {
-      title: _ctx.i18nt("designer.setting.importOptions"),
-      visible: $data.showImportCascaderDialogFlag,
-      "onUpdate:visible": _cache[9] || (_cache[9] = ($event) => $data.showImportCascaderDialogFlag = $event),
-      "show-close": true,
-      "custom-class": "drag-dialog small-padding-dialog",
-      "append-to-body": "",
-      "close-on-click-modal": false,
-      "close-on-press-escape": false,
-      "destroy-on-close": true
-    }, {
-      footer: withCtx(() => [
-        createElementVNode("div", _hoisted_7, [
-          createVNode(_component_a_button, {
-            size: "large",
-            type: "primary",
-            onClick: $options.saveCascaderOptions
-          }, {
-            default: withCtx(() => [
-              createTextVNode(toDisplayString(_ctx.i18nt("designer.hint.confirm")), 1)
-            ]),
-            _: 1
-          }, 8, ["onClick"]),
-          createVNode(_component_a_button, {
-            size: "large",
-            onClick: _cache[8] || (_cache[8] = ($event) => $data.showImportCascaderDialogFlag = false)
-          }, {
-            default: withCtx(() => [
-              createTextVNode(toDisplayString(_ctx.i18nt("designer.hint.cancel")), 1)
-            ]),
-            _: 1
-          })
-        ])
-      ]),
-      default: withCtx(() => [
-        createVNode(_component_code_editor, {
-          modelValue: $data.cascaderOptions,
-          "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => $data.cascaderOptions = $event),
-          mode: "json",
-          readonly: false
-        }, null, 8, ["modelValue"])
-      ]),
-      _: 1
-    }, 8, ["title", "visible"])
-  ]);
-}
-const OptionItemsSetting = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-66ac421e"]]);
+const OptionItemsSetting = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-3a8c8131"]]);
 export {
   OptionItemsSetting as default
 };

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

@@ -1 +1 @@
-{"version":3,"file":"option-items-setting.vue.js","sources":["../../../../../src/components/form-designer/setting-panel/option-items-setting.vue"],"sourcesContent":["<template>\n    <div class=\"option-items-pane\">\n        <a-radio-group\n            v-if=\"\n                selectedWidget.type === 'radio' ||\n                (selectedWidget.type === 'select' &&\n                    ['combobox'].includes(selectedWidget.options.mode))\n            \"\n            v-model:value=\"optionModel.defaultValue\"\n            @change=\"emitDefaultValueChange\"\n        >\n            <draggable\n                tag=\"ul\"\n                :list=\"optionModel.optionItems\"\n                item-key=\"id\"\n                v-bind=\"{ group: 'optionsGroup', ghostClass: 'ghost', handle: '.drag-option' }\"\n            >\n                <template #item=\"{ element: option, index: idx }\">\n                    <li>\n                        <a-radio :value=\"option.value\">\n                            <a-input\n                                v-model:value=\"option.value\"\n                                size=\"small\"\n                                style=\"width: 60px\"\n                            />\n                            <a-input\n                                v-model:value=\"option.label\"\n                                size=\"small\"\n                                style=\"width: 70px\"\n                            />\n                            <i class=\"iconfont icon-drag drag-option\"></i>\n                            <a-button size=\"small\" type=\"danger\" @click=\"deleteOption(option, idx)\">\n                                删除\n                            </a-button>\n                        </a-radio>\n                    </li>\n                </template>\n            </draggable>\n        </a-radio-group>\n        <a-checkbox-group\n            v-else-if=\"\n                selectedWidget.type === 'checkbox' ||\n                (selectedWidget.type === 'select' &&\n                    ['multiple', 'tags'].includes(selectedWidget.options.mode))\n            \"\n            v-model:value=\"optionModel.defaultValue\"\n            @change=\"emitDefaultValueChange\"\n            style=\"width: 100%\"\n        >\n            <draggable\n                tag=\"ul\"\n                :list=\"optionModel.optionItems\"\n                item-key=\"id\"\n                v-bind=\"{ group: 'optionsGroup', ghostClass: 'ghost', handle: '.drag-option' }\"\n            >\n                <template #item=\"{ element: option, index: idx }\">\n                    <li>\n                        <a-checkbox :value=\"option.value\">\n                            <a-input\n                                v-model:value=\"option.value\"\n                                size=\"small\"\n                                style=\"width: 60px\"\n                            />\n                            <a-input\n                                v-model:value=\"option.label\"\n                                size=\"small\"\n                                style=\"width: 80px\"\n                            />\n                            <i class=\"iconfont icon-drag drag-option\"></i>\n                            <a-button size=\"small\" type=\"danger\" @click=\"deleteOption(option, idx)\">\n                                删除\n                            </a-button>\n                        </a-checkbox>\n                    </li>\n                </template>\n            </draggable>\n        </a-checkbox-group>\n        <!-- 设置联级选择默认值 -->\n        <div v-else-if=\"selectedWidget.type === 'cascader'\" class=\"full-width-input\">\n            <a-cascader\n                v-model:value=\"optionModel.defaultValue\"\n                :multiple=\"optionModel.multiple\"\n                :options=\"optionModel.optionItems\"\n                @change=\"emitDefaultValueChange\"\n                :placeholder=\"i18nt('render.hint.selectPlaceholder')\"\n            />\n        </div>\n        <!-- 设置树的默认值 -->\n        <div v-else-if=\"selectedWidget.type === 'treeSelect'\" class=\"full-width-input\">\n            <a-tree-select\n                v-model:value=\"optionModel.defaultValue\"\n                :treeData=\"optionModel.optionItems\"\n                @change=\"emitDefaultValueChange\"\n                :placeholder=\"i18nt('render.hint.selectPlaceholder')\"\n            />\n        </div>\n        <div v-if=\"['cascader', 'treeSelect'].includes(selectedWidget.type)\">\n            <a-button type=\"text\" @click=\"importCascaderOptions\">\n                {{ i18nt('designer.setting.importOptions') }}\n            </a-button>\n            <a-button type=\"text\" @click=\"resetDefault\">\n                {{ i18nt('designer.setting.resetDefault') }}\n            </a-button>\n        </div>\n\n        <div v-if=\"['radio', 'checkbox', 'select'].includes(selectedWidget.type)\">\n            <a-button type=\"text\" @click=\"addOption\">{{\n                i18nt('designer.setting.addOption')\n            }}</a-button>\n            <a-button type=\"text\" @click=\"importOptions\">\n                {{ i18nt('designer.setting.importOptions') }}\n            </a-button>\n            <a-button type=\"text\" @click=\"resetDefault\">\n                {{ i18nt('designer.setting.resetDefault') }}\n            </a-button>\n        </div>\n\n        <a-modal\n            :title=\"i18nt('designer.setting.importOptions')\"\n            v-model:visible=\"showImportDialogFlag\"\n            :show-close=\"true\"\n            custom-class=\"drag-dialog small-padding-dialog\"\n            append-to-body\n            :close-on-click-modal=\"false\"\n            :close-on-press-escape=\"false\"\n            :destroy-on-close=\"true\"\n        >\n            <a-form-item>\n                <a-textarea type=\"textarea\" rows=\"10\" v-model:value=\"optionLines\" />\n            </a-form-item>\n            <template #footer>\n                <div class=\"dialog-footer\">\n                    <a-button size=\"large\" type=\"primary\" @click=\"saveOptions\">\n                        {{ i18nt('designer.hint.confirm') }}\n                    </a-button>\n                    <a-button size=\"large\" @click=\"showImportDialogFlag = false\">\n                        {{ i18nt('designer.hint.cancel') }}\n                    </a-button>\n                </div>\n            </template>\n        </a-modal>\n\n        <a-modal\n            :title=\"i18nt('designer.setting.importOptions')\"\n            v-model:visible=\"showImportCascaderDialogFlag\"\n            :show-close=\"true\"\n            custom-class=\"drag-dialog small-padding-dialog\"\n            append-to-body\n            :close-on-click-modal=\"false\"\n            :close-on-press-escape=\"false\"\n            :destroy-on-close=\"true\"\n        >\n            <code-editor v-model=\"cascaderOptions\" mode=\"json\" :readonly=\"false\" />\n            <template #footer>\n                <div class=\"dialog-footer\">\n                    <a-button size=\"large\" type=\"primary\" @click=\"saveCascaderOptions\">\n                        {{ i18nt('designer.hint.confirm') }}\n                    </a-button>\n                    <a-button size=\"large\" @click=\"showImportCascaderDialogFlag = false\">\n                        {{ i18nt('designer.hint.cancel') }}\n                    </a-button>\n                </div>\n            </template>\n        </a-modal>\n    </div>\n</template>\n\n<script>\n    import CodeEditor from '@/components/code-editor/index';\n    import i18n from '@/utils/i18n';\n    import Draggable from '@/lib/vuedraggable/src/vuedraggable';\n\n    export default {\n        name: 'OptionItemsSetting',\n        mixins: [i18n],\n        components: {\n            CodeEditor,\n            Draggable\n        },\n        props: {\n            designer: Object,\n            selectedWidget: Object\n        },\n        data() {\n            return {\n                showImportDialogFlag: false,\n                optionLines: '',\n\n                cascaderOptions: '',\n                showImportCascaderDialogFlag: false,\n\n                //separator: '||',\n                separator: ','\n            };\n        },\n        computed: {\n            optionModel() {\n                return this.selectedWidget.options;\n            }\n        },\n        watch: {\n            'selectedWidget.options': {\n                deep: true,\n                handler(val) {\n                    //console.log('888888', 'Options change!')\n                }\n            }\n        },\n        methods: {\n            emitDefaultValueChange() {\n                if (!!this.designer && !!this.designer.formWidget) {\n                    const fieldWidget = this.designer.formWidget.getWidgetRef(\n                        this.selectedWidget.options.name\n                    );\n                    if (!!fieldWidget && !!fieldWidget.refreshDefaultValue) {\n                        fieldWidget.refreshDefaultValue();\n                    }\n                }\n            },\n\n            deleteOption(option, index) {\n                this.optionModel.optionItems.splice(index, 1);\n            },\n\n            addOption() {\n                const newValue = this.optionModel.optionItems.length + 1;\n                this.optionModel.optionItems.push({\n                    value: newValue,\n                    label: 'new option'\n                });\n            },\n\n            importOptions() {\n                this.optionLines = '';\n                if (this.optionModel.optionItems.length > 0) {\n                    this.optionModel.optionItems.forEach(opt => {\n                        if (opt.value === opt.label) {\n                            this.optionLines += opt.value + '\\n';\n                        } else {\n                            this.optionLines += opt.value + this.separator + opt.label + '\\n';\n                        }\n                    });\n                }\n\n                this.showImportDialogFlag = true;\n            },\n\n            saveOptions() {\n                const lineArray = this.optionLines.split('\\n');\n                if (lineArray.length > 0) {\n                    this.optionModel.optionItems = [];\n                    lineArray.forEach(optLine => {\n                        if (!!optLine && !!optLine.trim()) {\n                            if (optLine.indexOf(this.separator) !== -1) {\n                                this.optionModel.optionItems.push({\n                                    value: optLine.split(this.separator)[0],\n                                    label: optLine.split(this.separator)[1]\n                                });\n                            } else {\n                                this.optionModel.optionItems.push({\n                                    value: optLine,\n                                    label: optLine\n                                });\n                            }\n                        }\n                    });\n                } else {\n                    this.optionModel.optionItems = [];\n                }\n\n                this.showImportDialogFlag = false;\n            },\n\n            resetDefault() {\n                if (\n                    this.selectedWidget.type === 'checkbox' ||\n                    (this.selectedWidget.type === 'select' && this.selectedWidget.options.multiple)\n                ) {\n                    this.optionModel.defaultValue = [];\n                } else {\n                    this.optionModel.defaultValue = '';\n                }\n\n                this.emitDefaultValueChange();\n            },\n\n            importCascaderOptions() {\n                this.cascaderOptions = JSON.stringify(this.optionModel.optionItems, null, '  ');\n                this.showImportCascaderDialogFlag = true;\n            },\n\n            saveCascaderOptions() {\n                try {\n                    const newOptions = JSON.parse(this.cascaderOptions);\n                    this.optionModel.optionItems = newOptions;\n                    //TODO: 是否需要重置选项默认值？？\n\n                    this.showImportCascaderDialogFlag = false;\n                } catch (ex) {\n                    this.$message.error(\n                        this.i18nt('designer.hint.invalidOptionsData') + ex.message\n                    );\n                }\n            }\n        }\n    };\n</script>\n\n<style lang=\"scss\" scoped>\n    .option-items-pane {\n        width: 100%;\n\n        ul {\n            padding-inline-start: 6px;\n            padding-left: 6px; /* 重置IE11默认样式 */\n            > li {\n                margin-bottom: 5px;\n            }\n        }\n    }\n\n    li.ghost {\n        background: #fff;\n        border: 2px dotted var(--ant-primary-4);\n    }\n\n    .drag-option {\n        cursor: move;\n    }\n\n    .dialog-footer .ant-button {\n        width: 100px;\n    }\n\n    .full-width-input {\n        width: 100% !important;\n\n        :deep(.ant-cascader) {\n            width: 100% !important;\n        }\n    }\n</style>\n"],"names":["Draggable","_openBlock","_createElementBlock","_createBlock","_createVNode","_mergeProps","_withCtx","_createElementVNode"],"mappings":"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"}
+{"version":3,"file":"option-items-setting.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}