@kp-ui/lowcode 1.0.24 → 1.0.26

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

@@ -1,13 +1,13 @@
-import z from "../../code-editor/index.vue.js";
-import S from "../../../utils/i18n.js";
-import { resolveComponent as s, createElementBlock as h, openBlock as g, createBlock as k, createCommentVNode as _, createVNode as i, withCtx as a, mergeProps as I, createElementVNode as m, createTextVNode as d, toDisplayString as c, pushScopeId as N, popScopeId as E } from "vue";
+import CodeEditor from "../../code-editor/index.vue.js";
+import i18n from "../../../utils/i18n.js";
+import { resolveComponent, createElementBlock, openBlock, createBlock, createCommentVNode, createVNode, withCtx, mergeProps, createElementVNode, createTextVNode, toDisplayString, pushScopeId, popScopeId } from "vue";
 /* empty css                          */
-import j from "../../../../_virtual/_plugin-vue_export-helper.js";
-const B = {
+import _export_sfc from "../../../../_virtual/_plugin-vue_export-helper.js";
+const _sfc_main = {
   name: "OptionItemsSetting",
-  mixins: [S],
+  mixins: [i18n],
   components: {
-    CodeEditor: z
+    CodeEditor
   },
   props: {
     designer: Object,
@@ -15,10 +15,10 @@ const B = {
   },
   data() {
     return {
-      showImportDialogFlag: !1,
+      showImportDialogFlag: false,
       optionLines: "",
       cascaderOptions: "",
-      showImportCascaderDialogFlag: !1,
+      showImportCascaderDialogFlag: false,
       //separator: '||',
       separator: ","
     };
@@ -30,113 +30,161 @@ const B = {
   },
   watch: {
     "selectedWidget.options": {
-      deep: !0,
-      handler(e) {
+      deep: true,
+      handler(val) {
       }
     }
   },
   methods: {
     emitDefaultValueChange() {
-      if (this.designer && this.designer.formWidget) {
-        const e = this.designer.formWidget.getWidgetRef(
+      if (!!this.designer && !!this.designer.formWidget) {
+        const fieldWidget = this.designer.formWidget.getWidgetRef(
           this.selectedWidget.options.name
         );
-        e && e.refreshDefaultValue && e.refreshDefaultValue();
+        if (!!fieldWidget && !!fieldWidget.refreshDefaultValue) {
+          fieldWidget.refreshDefaultValue();
+        }
       }
     },
-    deleteOption(e, l) {
-      this.optionModel.optionItems.splice(l, 1);
+    deleteOption(option, index) {
+      this.optionModel.optionItems.splice(index, 1);
     },
     addOption() {
-      const e = this.optionModel.optionItems.length + 1;
+      const newValue = this.optionModel.optionItems.length + 1;
       this.optionModel.optionItems.push({
-        value: e,
+        value: newValue,
         label: "new option"
       });
     },
     importOptions() {
-      this.optionLines = "", this.optionModel.optionItems.length > 0 && this.optionModel.optionItems.forEach((e) => {
-        e.value === e.label ? this.optionLines += e.value + `
-` : this.optionLines += e.value + this.separator + e.label + `
-`;
-      }), this.showImportDialogFlag = !0;
+      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 e = this.optionLines.split(`
-`);
-      e.length > 0 ? (this.optionModel.optionItems = [], e.forEach((l) => {
-        l && l.trim() && (l.indexOf(this.separator) !== -1 ? this.optionModel.optionItems.push({
-          value: l.split(this.separator)[0],
-          label: l.split(this.separator)[1]
-        }) : this.optionModel.optionItems.push({
-          value: l,
-          label: l
-        }));
-      })) : this.optionModel.optionItems = [], this.showImportDialogFlag = !1;
+      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() {
-      this.selectedWidget.type === "checkbox" || this.selectedWidget.type === "select" && this.selectedWidget.options.multiple ? this.optionModel.defaultValue = [] : this.optionModel.defaultValue = "", this.emitDefaultValueChange();
+      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 = !0;
+      this.cascaderOptions = JSON.stringify(this.optionModel.optionItems, null, "  ");
+      this.showImportCascaderDialogFlag = true;
     },
     saveCascaderOptions() {
       try {
-        const e = JSON.parse(this.cascaderOptions);
-        this.optionModel.optionItems = e, this.showImportCascaderDialogFlag = !1;
-      } catch (e) {
-        this.$message.error(this.i18nt("designer.hint.invalidOptionsData") + e.message);
+        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);
       }
     }
   }
-}, b = (e) => (N("data-v-ae832d59"), e = e(), E(), e), P = { class: "option-items-pane" }, G = /* @__PURE__ */ b(() => /* @__PURE__ */ m("i", { class: "iconfont icon-drag drag-option" }, null, -1)), J = /* @__PURE__ */ b(() => /* @__PURE__ */ m("i", { class: "iconfont icon-drag drag-option" }, null, -1)), A = {
+};
+const _withScopeId = (n) => (pushScopeId("data-v-ae832d59"), n = n(), popScopeId(), n);
+const _hoisted_1 = { class: "option-items-pane" };
+const _hoisted_2 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("i", { class: "iconfont icon-drag drag-option" }, null, -1));
+const _hoisted_3 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("i", { class: "iconfont icon-drag drag-option" }, null, -1));
+const _hoisted_4 = {
   key: 2,
   class: "full-width-input"
-}, L = {
+};
+const _hoisted_5 = {
   key: 3,
   class: "full-width-input"
-}, R = { key: 4 }, T = { key: 5 }, q = { class: "dialog-footer" }, H = { class: "dialog-footer" };
-function K(e, l, r, Q, p, o) {
-  const f = s("a-input"), n = s("a-button"), O = s("a-radio"), C = s("draggable"), D = s("a-radio-group"), w = s("a-checkbox"), M = s("a-checkbox-group"), V = s("a-cascader"), W = s("a-tree-select"), x = s("a-textarea"), U = s("a-form-item"), y = s("a-modal"), F = s("code-editor");
-  return g(), h("div", P, [
-    r.selectedWidget.type === "radio" || r.selectedWidget.type === "select" && ["combobox"].includes(r.selectedWidget.options.mode) ? (g(), k(D, {
+};
+const _hoisted_6 = { key: 4 };
+const _hoisted_7 = { key: 5 };
+const _hoisted_8 = { class: "dialog-footer" };
+const _hoisted_9 = { 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: o.optionModel.defaultValue,
-      "onUpdate:value": l[0] || (l[0] = (t) => o.optionModel.defaultValue = t),
-      onChange: o.emitDefaultValueChange
+      value: $options.optionModel.defaultValue,
+      "onUpdate:value": _cache[0] || (_cache[0] = ($event) => $options.optionModel.defaultValue = $event),
+      onChange: $options.emitDefaultValueChange
     }, {
-      default: a(() => [
-        i(C, I({
+      default: withCtx(() => [
+        createVNode(_component_draggable, mergeProps({
           tag: "ul",
-          list: o.optionModel.optionItems,
+          list: $options.optionModel.optionItems,
           "item-key": "id"
         }, { group: "optionsGroup", ghostClass: "ghost", handle: ".drag-option" }), {
-          item: a(({ element: t, index: v }) => [
-            m("li", null, [
-              i(O, {
-                value: t.value
+          item: withCtx(({ element: option, index: idx }) => [
+            createElementVNode("li", null, [
+              createVNode(_component_a_radio, {
+                value: option.value
               }, {
-                default: a(() => [
-                  i(f, {
-                    value: t.value,
-                    "onUpdate:value": (u) => t.value = u,
+                default: withCtx(() => [
+                  createVNode(_component_a_input, {
+                    value: option.value,
+                    "onUpdate:value": ($event) => option.value = $event,
                     size: "small",
-                    style: { width: "60px" }
+                    style: { "width": "60px" }
                   }, null, 8, ["value", "onUpdate:value"]),
-                  i(f, {
-                    value: t.label,
-                    "onUpdate:value": (u) => t.label = u,
+                  createVNode(_component_a_input, {
+                    value: option.label,
+                    "onUpdate:value": ($event) => option.label = $event,
                     size: "small",
-                    style: { width: "70px" }
+                    style: { "width": "70px" }
                   }, null, 8, ["value", "onUpdate:value"]),
-                  G,
-                  i(n, {
+                  _hoisted_2,
+                  createVNode(_component_a_button, {
                     size: "small",
                     type: "danger",
-                    onClick: (u) => o.deleteOption(t, v)
+                    onClick: ($event) => $options.deleteOption(option, idx)
                   }, {
-                    default: a(() => [
-                      d(" 删除 ")
+                    default: withCtx(() => [
+                      createTextVNode(" 删除 ")
                     ]),
                     _: 2
                   }, 1032, ["onClick"])
@@ -149,45 +197,45 @@ function K(e, l, r, Q, p, o) {
         }, 16, ["list"])
       ]),
       _: 1
-    }, 8, ["value", "onChange"])) : r.selectedWidget.type === "checkbox" || r.selectedWidget.type === "select" && ["multiple", "tags"].includes(r.selectedWidget.options.mode) ? (g(), k(M, {
+    }, 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: o.optionModel.defaultValue,
-      "onUpdate:value": l[1] || (l[1] = (t) => o.optionModel.defaultValue = t),
-      onChange: o.emitDefaultValueChange,
-      style: { width: "100%" }
+      value: $options.optionModel.defaultValue,
+      "onUpdate:value": _cache[1] || (_cache[1] = ($event) => $options.optionModel.defaultValue = $event),
+      onChange: $options.emitDefaultValueChange,
+      style: { "width": "100%" }
     }, {
-      default: a(() => [
-        i(C, I({
+      default: withCtx(() => [
+        createVNode(_component_draggable, mergeProps({
           tag: "ul",
-          list: o.optionModel.optionItems,
+          list: $options.optionModel.optionItems,
           "item-key": "id"
         }, { group: "optionsGroup", ghostClass: "ghost", handle: ".drag-option" }), {
-          item: a(({ element: t, index: v }) => [
-            m("li", null, [
-              i(w, {
-                value: t.value
+          item: withCtx(({ element: option, index: idx }) => [
+            createElementVNode("li", null, [
+              createVNode(_component_a_checkbox, {
+                value: option.value
               }, {
-                default: a(() => [
-                  i(f, {
-                    value: t.value,
-                    "onUpdate:value": (u) => t.value = u,
+                default: withCtx(() => [
+                  createVNode(_component_a_input, {
+                    value: option.value,
+                    "onUpdate:value": ($event) => option.value = $event,
                     size: "small",
-                    style: { width: "60px" }
+                    style: { "width": "60px" }
                   }, null, 8, ["value", "onUpdate:value"]),
-                  i(f, {
-                    value: t.label,
-                    "onUpdate:value": (u) => t.label = u,
+                  createVNode(_component_a_input, {
+                    value: option.label,
+                    "onUpdate:value": ($event) => option.label = $event,
                     size: "small",
-                    style: { width: "80px" }
+                    style: { "width": "80px" }
                   }, null, 8, ["value", "onUpdate:value"]),
-                  J,
-                  i(n, {
+                  _hoisted_3,
+                  createVNode(_component_a_button, {
                     size: "small",
                     type: "danger",
-                    onClick: (u) => o.deleteOption(t, v)
+                    onClick: ($event) => $options.deleteOption(option, idx)
                   }, {
-                    default: a(() => [
-                      d(" 删除 ")
+                    default: withCtx(() => [
+                      createTextVNode(" 删除 ")
                     ]),
                     _: 2
                   }, 1032, ["onClick"])
@@ -200,115 +248,115 @@ function K(e, l, r, Q, p, o) {
         }, 16, ["list"])
       ]),
       _: 1
-    }, 8, ["value", "onChange"])) : r.selectedWidget.type === "cascader" ? (g(), h("div", A, [
-      i(V, {
-        value: o.optionModel.defaultValue,
-        "onUpdate:value": l[2] || (l[2] = (t) => o.optionModel.defaultValue = t),
-        multiple: o.optionModel.multiple,
-        options: o.optionModel.optionItems,
-        onChange: o.emitDefaultValueChange,
-        placeholder: e.i18nt("render.hint.selectPlaceholder")
+    }, 8, ["value", "onChange"])) : $props.selectedWidget.type === "cascader" ? (openBlock(), createElementBlock("div", _hoisted_4, [
+      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"])
-    ])) : r.selectedWidget.type === "treeSelect" ? (g(), h("div", L, [
-      i(W, {
-        value: o.optionModel.defaultValue,
-        "onUpdate:value": l[3] || (l[3] = (t) => o.optionModel.defaultValue = t),
-        treeData: o.optionModel.optionItems,
-        onChange: o.emitDefaultValueChange,
-        placeholder: e.i18nt("render.hint.selectPlaceholder")
+    ])) : $props.selectedWidget.type === "treeSelect" ? (openBlock(), createElementBlock("div", _hoisted_5, [
+      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"])
-    ])) : _("", !0),
-    ["cascader", "treeSelect"].includes(r.selectedWidget.type) ? (g(), h("div", R, [
-      i(n, {
+    ])) : createCommentVNode("", true),
+    ["cascader", "treeSelect"].includes($props.selectedWidget.type) ? (openBlock(), createElementBlock("div", _hoisted_6, [
+      createVNode(_component_a_button, {
         type: "text",
-        onClick: o.importCascaderOptions
+        onClick: $options.importCascaderOptions
       }, {
-        default: a(() => [
-          d(c(e.i18nt("designer.setting.importOptions")), 1)
+        default: withCtx(() => [
+          createTextVNode(toDisplayString(_ctx.i18nt("designer.setting.importOptions")), 1)
         ]),
         _: 1
       }, 8, ["onClick"]),
-      i(n, {
+      createVNode(_component_a_button, {
         type: "text",
-        onClick: o.resetDefault
+        onClick: $options.resetDefault
       }, {
-        default: a(() => [
-          d(c(e.i18nt("designer.setting.resetDefault")), 1)
+        default: withCtx(() => [
+          createTextVNode(toDisplayString(_ctx.i18nt("designer.setting.resetDefault")), 1)
         ]),
         _: 1
       }, 8, ["onClick"])
-    ])) : _("", !0),
-    ["radio", "checkbox", "select"].includes(r.selectedWidget.type) ? (g(), h("div", T, [
-      i(n, {
+    ])) : createCommentVNode("", true),
+    ["radio", "checkbox", "select"].includes($props.selectedWidget.type) ? (openBlock(), createElementBlock("div", _hoisted_7, [
+      createVNode(_component_a_button, {
         type: "text",
-        onClick: o.addOption
+        onClick: $options.addOption
       }, {
-        default: a(() => [
-          d(c(e.i18nt("designer.setting.addOption")), 1)
+        default: withCtx(() => [
+          createTextVNode(toDisplayString(_ctx.i18nt("designer.setting.addOption")), 1)
         ]),
         _: 1
       }, 8, ["onClick"]),
-      i(n, {
+      createVNode(_component_a_button, {
         type: "text",
-        onClick: o.importOptions
+        onClick: $options.importOptions
       }, {
-        default: a(() => [
-          d(c(e.i18nt("designer.setting.importOptions")), 1)
+        default: withCtx(() => [
+          createTextVNode(toDisplayString(_ctx.i18nt("designer.setting.importOptions")), 1)
         ]),
         _: 1
       }, 8, ["onClick"]),
-      i(n, {
+      createVNode(_component_a_button, {
         type: "text",
-        onClick: o.resetDefault
+        onClick: $options.resetDefault
       }, {
-        default: a(() => [
-          d(c(e.i18nt("designer.setting.resetDefault")), 1)
+        default: withCtx(() => [
+          createTextVNode(toDisplayString(_ctx.i18nt("designer.setting.resetDefault")), 1)
         ]),
         _: 1
       }, 8, ["onClick"])
-    ])) : _("", !0),
-    i(y, {
-      title: e.i18nt("designer.setting.importOptions"),
-      visible: p.showImportDialogFlag,
-      "onUpdate:visible": l[6] || (l[6] = (t) => p.showImportDialogFlag = t),
-      "show-close": !0,
+    ])) : 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": !1,
-      "close-on-press-escape": !1,
-      "destroy-on-close": !0
+      "close-on-click-modal": false,
+      "close-on-press-escape": false,
+      "destroy-on-close": true
     }, {
-      footer: a(() => [
-        m("div", q, [
-          i(n, {
+      footer: withCtx(() => [
+        createElementVNode("div", _hoisted_8, [
+          createVNode(_component_a_button, {
             size: "large",
             type: "primary",
-            onClick: o.saveOptions
+            onClick: $options.saveOptions
           }, {
-            default: a(() => [
-              d(c(e.i18nt("designer.hint.confirm")), 1)
+            default: withCtx(() => [
+              createTextVNode(toDisplayString(_ctx.i18nt("designer.hint.confirm")), 1)
             ]),
             _: 1
           }, 8, ["onClick"]),
-          i(n, {
+          createVNode(_component_a_button, {
             size: "large",
-            onClick: l[5] || (l[5] = (t) => p.showImportDialogFlag = !1)
+            onClick: _cache[5] || (_cache[5] = ($event) => $data.showImportDialogFlag = false)
           }, {
-            default: a(() => [
-              d(c(e.i18nt("designer.hint.cancel")), 1)
+            default: withCtx(() => [
+              createTextVNode(toDisplayString(_ctx.i18nt("designer.hint.cancel")), 1)
             ]),
             _: 1
           })
         ])
       ]),
-      default: a(() => [
-        i(U, null, {
-          default: a(() => [
-            i(x, {
+      default: withCtx(() => [
+        createVNode(_component_a_form_item, null, {
+          default: withCtx(() => [
+            createVNode(_component_a_textarea, {
               type: "textarea",
               rows: "10",
-              value: p.optionLines,
-              "onUpdate:value": l[4] || (l[4] = (t) => p.optionLines = t)
+              value: $data.optionLines,
+              "onUpdate:value": _cache[4] || (_cache[4] = ($event) => $data.optionLines = $event)
             }, null, 8, ["value"])
           ]),
           _: 1
@@ -316,53 +364,53 @@ function K(e, l, r, Q, p, o) {
       ]),
       _: 1
     }, 8, ["title", "visible"]),
-    i(y, {
-      title: e.i18nt("designer.setting.importOptions"),
-      visible: p.showImportCascaderDialogFlag,
-      "onUpdate:visible": l[9] || (l[9] = (t) => p.showImportCascaderDialogFlag = t),
-      "show-close": !0,
+    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": !1,
-      "close-on-press-escape": !1,
-      "destroy-on-close": !0
+      "close-on-click-modal": false,
+      "close-on-press-escape": false,
+      "destroy-on-close": true
     }, {
-      footer: a(() => [
-        m("div", H, [
-          i(n, {
+      footer: withCtx(() => [
+        createElementVNode("div", _hoisted_9, [
+          createVNode(_component_a_button, {
             size: "large",
             type: "primary",
-            onClick: o.saveCascaderOptions
+            onClick: $options.saveCascaderOptions
           }, {
-            default: a(() => [
-              d(c(e.i18nt("designer.hint.confirm")), 1)
+            default: withCtx(() => [
+              createTextVNode(toDisplayString(_ctx.i18nt("designer.hint.confirm")), 1)
             ]),
             _: 1
           }, 8, ["onClick"]),
-          i(n, {
+          createVNode(_component_a_button, {
             size: "large",
-            onClick: l[8] || (l[8] = (t) => p.showImportCascaderDialogFlag = !1)
+            onClick: _cache[8] || (_cache[8] = ($event) => $data.showImportCascaderDialogFlag = false)
           }, {
-            default: a(() => [
-              d(c(e.i18nt("designer.hint.cancel")), 1)
+            default: withCtx(() => [
+              createTextVNode(toDisplayString(_ctx.i18nt("designer.hint.cancel")), 1)
             ]),
             _: 1
           })
         ])
       ]),
-      default: a(() => [
-        i(F, {
-          modelValue: p.cascaderOptions,
-          "onUpdate:modelValue": l[7] || (l[7] = (t) => p.cascaderOptions = t),
+      default: withCtx(() => [
+        createVNode(_component_code_editor, {
+          modelValue: $data.cascaderOptions,
+          "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => $data.cascaderOptions = $event),
           mode: "json",
-          readonly: !1
+          readonly: false
         }, null, 8, ["modelValue"])
       ]),
       _: 1
     }, 8, ["title", "visible"])
   ]);
 }
-const te = /* @__PURE__ */ j(B, [["render", K], ["__scopeId", "data-v-ae832d59"]]);
+const OptionItemsSetting = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-ae832d59"]]);
 export {
-  te as default
+  OptionItemsSetting as default
 };

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

@@ -1,10 +1,10 @@
-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 = {
+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 = {
   name: "accept-editor",
   componentName: "PropertyEditor",
-  mixins: [c],
+  mixins: [i18n],
   props: {
     designer: Object,
     selectedWidget: Object,
@@ -26,22 +26,23 @@ const u = {
     };
   }
 };
-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),
+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),
         allowClear: "",
         mode: "tags",
-        options: t.ops
+        options: $data.ops
       }, null, 8, ["value", "options"])
     ]),
     _: 1
   });
 }
-const w = /* @__PURE__ */ m(u, [["render", x]]);
+const acceptEditor = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export {
-  w as default
+  acceptEditor as default
 };