@kp-ui/lowcode 1.0.92 → 1.0.95

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

@@ -0,0 +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

@@ -1,7 +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.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"option-items-setting.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

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

@@ -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,119 +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

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

@@ -0,0 +1 @@
+{"version":3,"file":"option-items-setting.vue2.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=\"selectedWidget.options.defaultValue\"\n            @change=\"emitDefaultValueChange\"\n            class=\"option-group\"\n        >\n            <draggable\n                tag=\"ul\"\n                :list=\"selectedWidget.options.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                            <span class=\"drag-option\" title=\"拖动排序\">\n                                <DragOutlined />\n                            </span>\n                            <a-input\n                                v-model:value=\"option.value\"\n                                size=\"small\"\n                                style=\"width: 80px\"\n                                placeholder=\"值\"\n                            />\n                            <a-input\n                                v-model:value=\"option.label\"\n                                size=\"small\"\n                                style=\"width: 80px\"\n                                placeholder=\"文本\"\n                            />\n                            <a-button size=\"small\" @click=\"deleteOption(option, idx)\">\n                                <DeleteOutlined />\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=\"selectedWidget.options.defaultValue\"\n            @change=\"emitDefaultValueChange\"\n            style=\"width: 100%\"\n            class=\"option-group\"\n        >\n            <draggable\n                tag=\"ul\"\n                :list=\"selectedWidget.options.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                        <span class=\"drag-option\" title=\"拖动排序\">\n                            <DragOutlined />\n                        </span>\n                        <a-checkbox :value=\"option.value\">\n                            <a-input\n                                v-model:value=\"option.value\"\n                                size=\"small\"\n                                style=\"width: 85px\"\n                                placeholder=\"值\"\n                            />\n                            <a-input\n                                v-model:value=\"option.label\"\n                                size=\"small\"\n                                style=\"width: 95px\"\n                                placeholder=\"文本\"\n                            />\n                        </a-checkbox>\n                        <div size=\"small\" @click=\"deleteOption(option, idx)\">\n                            <DeleteOutlined />\n                        </div>\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=\"selectedWidget.options.defaultValue\"\n                :multiple=\"selectedWidget.options.multiple\"\n                :options=\"selectedWidget.options.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=\"selectedWidget.options.defaultValue\"\n                :treeData=\"selectedWidget.options.optionItems\"\n                @change=\"emitDefaultValueChange\"\n                :placeholder=\"i18nt('render.hint.selectPlaceholder')\"\n            />\n        </div>\n        <div v-if=\"['cascader', 'treeSelect'].includes(selectedWidget.type)\" class=\"action-buttons\">\n            <a-button @click=\"importCascaderOptions\">\n                <ImportOutlined />\n                {{ i18nt('designer.setting.importOptions') }}\n            </a-button>\n            <a-button @click=\"resetDefault\">\n                <ReloadOutlined />\n                {{ i18nt('designer.setting.resetDefault') }}\n            </a-button>\n        </div>\n\n        <div\n            v-if=\"['radio', 'checkbox', 'select'].includes(selectedWidget.type)\"\n            class=\"action-buttons\"\n        >\n            <a-button @click=\"addOption\">\n                {{ i18nt('designer.setting.addOption') }}\n            </a-button>\n            <a-button @click=\"resetDefault\">\n                {{ i18nt('designer.setting.resetDefault') }}\n            </a-button>\n        </div>\n\n        <TpfCodeEditor\n            :isShowEventHeader=\"false\"\n            :title=\"i18nt('designer.setting.importOptions')\"\n            mode=\"javascript\"\n            :readonly=\"false\"\n            ref=\"codeEditorRef\"\n            @set-code=\"saveCascaderOptions\"\n        />\n    </div>\n</template>\n\n<script lang=\"ts\" setup>\n    import { ref } from 'vue';\n    import Draggable from '@/lib/vuedraggable/src/vuedraggable';\n    import { useI18n } from '@/utils/i18n';\n    import { TpfCodeEditor } from 'tmgc2-share';\n    import {\n        DragOutlined,\n        ImportOutlined,\n        ReloadOutlined,\n        DeleteOutlined\n    } from '@ant-design/icons-vue';\n\n    const codeEditorRef = ref();\n\n    interface OptionItem {\n        value: string | number;\n        label: string;\n        [key: string]: any;\n    }\n\n    interface WidgetOptions {\n        name: string;\n        defaultValue: string | string[] | number[];\n        optionItems: OptionItem[];\n        multiple?: boolean;\n        mode?: string;\n        [key: string]: any;\n    }\n\n    interface Widget {\n        type: string;\n        options: WidgetOptions;\n        [key: string]: any;\n    }\n\n    interface FormWidget {\n        getWidgetRef: (name: string) => any;\n        [key: string]: any;\n    }\n\n    interface Designer {\n        formWidget?: FormWidget;\n        [key: string]: any;\n    }\n\n    interface Props {\n        designer?: Designer;\n        selectedWidget: Widget;\n    }\n\n    const props = defineProps<Props>();\n\n    const { i18nt } = useI18n();\n\n    const emitDefaultValueChange = () => {\n        if (props.designer?.formWidget) {\n            const fieldWidget = props.designer.formWidget.getWidgetRef(\n                props.selectedWidget.options.name\n            );\n            if (fieldWidget?.refreshDefaultValue) {\n                fieldWidget.refreshDefaultValue();\n            }\n        }\n    };\n\n    const deleteOption = (option: OptionItem, index: number) => {\n        props.selectedWidget.options.optionItems.splice(index, 1);\n    };\n\n    const addOption = () => {\n        const newValue = props.selectedWidget.options.optionItems.length + 1;\n        props.selectedWidget.options.optionItems.push({\n            value: newValue,\n            label: 'new option'\n        });\n    };\n\n    const importOptions = () => {\n        codeEditorRef.value.open(\n            JSON.stringify(props.selectedWidget.options.optionItems, null, '')\n        );\n    };\n\n    const resetDefault = () => {\n        if (\n            props.selectedWidget.type === 'checkbox' ||\n            (props.selectedWidget.type === 'select' && props.selectedWidget.options.multiple)\n        ) {\n            props.selectedWidget.options.defaultValue = [];\n        } else {\n            props.selectedWidget.options.defaultValue = '';\n        }\n\n        emitDefaultValueChange();\n    };\n\n    const importCascaderOptions = () => {\n        codeEditorRef.value.open(props.selectedWidget.options.optionItems);\n    };\n\n    const saveCascaderOptions = (value: any) => {\n        props.selectedWidget.options.optionItems = JSON.parse(value);\n    };\n</script>\n\n<style lang=\"scss\" scoped>\n    .option-items-pane {\n        width: 100%;\n\n        ul {\n            width: 100%;\n            margin-bottom: 0;\n            > li {\n                margin-bottom: 5px;\n                display: flex;\n                align-items: center;\n\n                .ant-radio-wrapper,\n                .ant-checkbox-wrapper {\n                    display: flex;\n                    align-items: center;\n                    width: 100%;\n                    margin-right: 0;\n                }\n\n                .ant-input {\n                    margin: 0 4px;\n                }\n\n                .drag-option {\n                    display: inline-flex;\n                    align-items: center;\n                    margin: 0 6px;\n                    cursor: move;\n                    color: #999;\n\n                    &:hover {\n                        color: var(--ant-primary-color);\n                    }\n                }\n\n                .ant-btn {\n                    margin-left: 4px;\n                }\n            }\n        }\n\n        .option-header {\n            display: flex;\n            margin-bottom: 8px;\n            padding-left: 28px;\n\n            .value-label {\n                width: 64px;\n                margin-right: 4px;\n                color: rgba(0, 0, 0, 0.85);\n                font-size: 12px;\n            }\n\n            .text-label {\n                width: 74px;\n                color: rgba(0, 0, 0, 0.85);\n                font-size: 12px;\n            }\n        }\n\n        .option-group {\n            width: 100%;\n            margin-bottom: 2px;\n        }\n\n        .ant-btn {\n            margin-right: 8px;\n\n            &:last-child {\n                margin-right: 0;\n            }\n\n            .anticon {\n                margin-right: 0;\n            }\n        }\n    }\n\n    li.ghost {\n        background: #f5f5f5;\n        border: 1px dashed var(--ant-primary-color);\n        border-radius: 4px;\n        padding: 4px;\n    }\n\n    .dialog-footer {\n        display: flex;\n        justify-content: flex-end;\n        margin-top: 16px;\n\n        .ant-btn {\n            min-width: 80px;\n            margin-left: 8px;\n        }\n    }\n\n    .full-width-input {\n        width: 100% !important;\n        margin-bottom: 5px;\n\n        :deep(.ant-cascader),\n        :deep(.ant-tree-select) {\n            width: 100% !important;\n        }\n    }\n\n    /* Button action group styles */\n    .action-buttons {\n        display: flex;\n        flex-wrap: wrap;\n        margin-bottom: 5px;\n        justify-content: center;\n    }\n</style>\n"],"names":["codeEditorRef","ref","props","__props","i18nt","useI18n","emitDefaultValueChange","_a","fieldWidget","deleteOption","option","index","addOption","newValue","resetDefault","importCascaderOptions","saveCascaderOptions","value","_openBlock","_createElementBlock","_hoisted_1","selectedWidget","_createBlock","_component_a_radio_group","$event","_createVNode","_unref","_mergeProps","_withCtx","idx","_createElementVNode","_component_a_radio","_hoisted_2","DragOutlined","_component_a_input","_component_a_button","DeleteOutlined","_component_a_checkbox_group","_hoisted_3","_component_a_checkbox","_hoisted_5","_component_a_cascader","_hoisted_6","_component_a_tree_select","_hoisted_7","ImportOutlined","_createTextVNode","ReloadOutlined","_hoisted_8","TpfCodeEditor"],"mappings":"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"}

package/src/components/form-designer/setting-panel/property-editor/accept-editor.vue.js

@@ -1,10 +1,10 @@
-import i18n from "../../../../utils/i18n.js";
-import { resolveComponent, createBlock, openBlock, withCtx, createVNode } from "vue";
-import _export_sfc from "../../../../../_virtual/_plugin-vue_export-helper.js";
-const _sfc_main = {
+import c from "../../../../utils/i18n.js";
+import { resolveComponent as l, createBlock as r, openBlock as d, withCtx as s, createVNode as i } from "vue";
+import m from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const u = {
   name: "accept-editor",
   componentName: "PropertyEditor",
-  mixins: [i18n],
+  mixins: [c],
   props: {
     designer: Object,
     selectedWidget: Object,
@@ -26,23 +26,23 @@ const _sfc_main = {
     };
   }
 };
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_a_select = resolveComponent("a-select");
-  const _component_a_form_item = resolveComponent("a-form-item");
-  return openBlock(), createBlock(_component_a_form_item, { label: `文件类型` }, {
-    default: withCtx(() => [
-      createVNode(_component_a_select, {
-        value: $props.optionModel.accept,
-        "onUpdate:value": _cache[0] || (_cache[0] = ($event) => $props.optionModel.accept = $event),
+function x(_, e, o, b, t, f) {
+  const a = l("a-select"), p = l("a-form-item");
+  return d(), r(p, { label: "文件类型" }, {
+    default: s(() => [
+      i(a, {
+        value: o.optionModel.accept,
+        "onUpdate:value": e[0] || (e[0] = (n) => o.optionModel.accept = n),
         allowClear: "",
         mode: "tags",
-        options: $data.ops
+        options: t.ops
       }, null, 8, ["value", "options"])
     ]),
     _: 1
   });
 }
-const acceptEditor = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+const w = /* @__PURE__ */ m(u, [["render", x]]);
 export {
-  acceptEditor as default
+  w as default
 };
+//# sourceMappingURL=accept-editor.vue.js.map

package/src/components/form-designer/setting-panel/property-editor/accept-editor.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"accept-editor.vue.js","sources":["../../../../../../src/components/form-designer/setting-panel/property-editor/accept-editor.vue"],"sourcesContent":["<template>\n  <a-form-item :label=\"`文件类型`\">\n    <a-select v-model:value=\"optionModel.accept\" allowClear mode=\"tags\" :options=\"ops\" />\n  </a-form-item>\n</template>\n\n<script>\n  import i18n from '@/utils/i18n';\n\n  export default {\n    name: 'accept-editor',\n    componentName: 'PropertyEditor',\n    mixins: [i18n],\n    props: {\n      designer: Object,\n      selectedWidget: Object,\n      optionModel: Object\n    },\n    data() {\n      return {\n        ops: [\n          { value: '.doc', label: '.doc' },\n          { value: '.docx', label: '.docx' },\n          { value: '.xlsx', label: '.xlsx' },\n          { value: '.xls', label: '.xls' },\n          { value: '.pdf', label: '.pdf' },\n          { value: '.pptx', label: '.pptx' },\n          { value: '.dwg', label: '.dwg' },\n          { value: '.jpg', label: '.jpg' },\n          { value: '.png', label: '.png' }\n        ]\n      };\n    }\n  };\n</script>\n\n<style scoped></style>\n"],"names":["_sfc_main","i18n","_createBlock","_component_a_form_item","_createVNode","_component_a_select","$props","_cache","$event","$data"],"mappings":";;;AASE,MAAKA,IAAU;AAAA,EACb,MAAM;AAAA,EACN,eAAe;AAAA,EACf,QAAQ,CAACC,CAAI;AAAA,EACb,OAAO;AAAA,IACL,UAAU;AAAA,IACV,gBAAgB;AAAA,IAChB,aAAa;AAAA;EAEf,OAAO;AACL,WAAO;AAAA,MACL,KAAK;AAAA,QACH,EAAE,OAAO,QAAQ,OAAO,OAAK;AAAA,QAC7B,EAAE,OAAO,SAAS,OAAO,QAAM;AAAA,QAC/B,EAAE,OAAO,SAAS,OAAO,QAAM;AAAA,QAC/B,EAAE,OAAO,QAAQ,OAAO,OAAK;AAAA,QAC7B,EAAE,OAAO,QAAQ,OAAO,OAAK;AAAA,QAC7B,EAAE,OAAO,SAAS,OAAO,QAAM;AAAA,QAC/B,EAAE,OAAO,QAAQ,OAAO,OAAK;AAAA,QAC7B,EAAE,OAAO,QAAQ,OAAO,OAAK;AAAA,QAC7B,EAAE,OAAO,QAAQ,OAAO,OAAK;AAAA,MAC/B;AAAA;EAEJ;;;;cA/BFC,EAEcC,GAAA,EAFA,OAAO,UAAM;AAAA,eACzB,MAAqF;AAAA,MAArFC,EAAqFC,GAAA;AAAA,QAAnE,OAAOC,EAAA,YAAY;AAAA,QAAZ,kBAAAC,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA,CAAAC,MAAAF,EAAA,YAAY,SAAME;AAAA,QAAE,YAAA;AAAA,QAAW,MAAK;AAAA,QAAQ,SAASC,EAAA;AAAA;;;;;;"}