@kp-ui/lowcode 2.14.0-beta.9 → 2.15.0-alpha.2

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

@@ -1,37 +1,31 @@
-import { defineComponent as ie, mergeModels as re, useModel as B, inject as de, ref as i, provide as I, computed as M, watchEffect as ue, watch as L, onBeforeMount as ce, resolveComponent as f, createElementBlock as T, openBlock as g, Fragment as V, createVNode as r, withCtx as d, createBlock as C, createCommentVNode as ve, unref as h, createElementVNode as K, withModifiers as pe, renderList as U, normalizeClass as fe, resolveDynamicComponent as ge } from "vue";
-import $ from "./property-editor/index.js";
-import { TpfCodeEditor as me } from "tmgc2-share";
-import ye from "./form-setting.vue.js";
-import Ee from "./form-crud-setting.vue.js";
-import _e, { PROPERTY_TYPE as R } from "./propertyRegister.js";
-import { get as x } from "../../../utils/smart-vue-i18n/utils.js";
-import { useEmitter as be } from "../../../utils/useEmitter.js";
-import { useI18n as Ce } from "../../../utils/i18n.js";
-const he = { class: "setting-scrollbar" }, Pe = { class: "setting-scrollbar" }, ke = { class: "ds-setting-scrollbar" }, Ve = /* @__PURE__ */ ie({
+import { defineComponent as B, mergeModels as z, inject as G, ref as i, provide as Q, useModel as U, computed as E, watchEffect as X, watch as x, onBeforeMount as Z } from "vue";
+import y from "./property-editor/index.js";
+import { TpfCodeEditor as ee } from "tmgc2-share";
+import te from "./form-setting.vue.js";
+import ne from "./form-crud-setting.vue.js";
+import se, { PROPERTY_TYPE as O } from "./propertyRegister.js";
+import { get as W } from "../../../utils/smart-vue-i18n/utils.js";
+import { useEmitter as oe } from "../../../utils/useEmitter.js";
+import { useI18n as re } from "../../../utils/i18n.js";
+import { set as ie } from "lodash-es";
+import { message as le } from "ant-design-vue";
+import { useDesigner as ae } from "../form-widget/useFormDesigner.js";
+const be = /* @__PURE__ */ B({
   name: "SettingPanel",
   componentName: "SettingPanel",
+  inheritAttrs: !1,
   __name: "index",
-  props: /* @__PURE__ */ re({
-    designer: { default: () => {
-    } },
-    globalDsv: {}
+  props: /* @__PURE__ */ z({
+    globalDsv: { type: Object, required: !1 }
   }, {
-    "form-config": {
-      default: () => ({})
-    },
-    "form-configModifiers": {},
-    "selected-widget": {
-      default: () => ({})
-    },
+    "selected-widget": { type: Object, default: () => ({}) },
     "selected-widgetModifiers": {}
   }),
-  emits: ["update:form-config", "update:selected-widget"],
-  setup(j, { expose: z }) {
-    const { i18nt: u } = Ce(), { COMMON_PROPERTIES: Y, ADVANCED_PROPERTIES: G, EVENT_PROPERTIES: q } = _e, m = j, H = B(j, "form-config"), P = be(), Q = m.globalDsv || {}, X = de("getDesignerConfig"), D = i(!1);
-    I("isSubFormChildWidget", () => D.value), I("getGlobalDsv", () => Q);
-    const S = i(), W = i(""), k = i("javascript"), w = i("2"), A = i(["1", "2", "3"]), c = i(""), E = i(""), N = i(""), o = B(j, "selected-widget");
-    M(() => X());
-    const s = M({
+  emits: ["update:selected-widget"],
+  setup($, { expose: A }) {
+    const { formConfig: S, designer: a } = ae(), { i18nt: d } = re(), { COMMON_PROPERTIES: H, ADVANCED_PROPERTIES: M, EVENT_PROPERTIES: T } = se, _ = $, v = oe(), F = _.globalDsv || {}, N = G("getDesignerConfig"), C = i(!1);
+    Q("isSubFormChildWidget", () => C.value);
+    const P = i(), k = i(), p = i("javascript"), R = i("2"), J = i(["1", "2", "3"]), s = i(""), g = i(""), b = i(""), o = U($, "selected-widget"), I = E(() => N()), l = E({
       get() {
         var e;
         return ((e = o.value) == null ? void 0 : e.options) || {};
@@ -39,32 +33,32 @@ const he = { class: "setting-scrollbar" }, Pe = { class: "setting-scrollbar" },
       set(e) {
         o.value.options = e;
       }
-    }), Z = (e) => !!s.value[e] && s.value[e].length > 0, F = M(
+    }), K = (e) => !!l.value[e] && l.value[e].length > 0, h = E(
       () => {
         var e;
         return Object.keys(((e = o.value) == null ? void 0 : e.options) || {});
       }
-    ), O = (e) => {
-      const t = o.value.type;
-      let n = {};
-      return Object.entries(e).map(([l, v]) => {
-        for (let p = 0; p < F.value.length; p++) {
-          const _ = F.value[p];
-          if (l === _) {
-            const y = v, b = `${t}-${y}`;
-            $[b] ? n[b] = $[b] : $[y] && (n[y] = $[y]);
+    ), m = (e) => {
+      const n = o.value.type;
+      let t = {};
+      return Object.entries(e).map(([r, u]) => {
+        for (let c = 0; c < h.value.length; c++) {
+          const q = h.value[c];
+          if (r === q) {
+            const f = u, j = `${n}-${f}`;
+            y[j] ? t[j] = y[j] : y[f] && (t[f] = y[f]);
             break;
           }
         }
-      }), n;
-    }, ee = M(() => {
-      const e = O(Y), t = O(G), n = O(q);
-      return console.log(e, t, n), [
+      }), t;
+    }, L = E(() => {
+      const e = m(H), n = m(M), t = m(T);
+      return [
         {
           key: "1",
-          headerKey: u("designer.setting.常见属性"),
+          headerKey: d("designer.setting.常见属性"),
           props: e,
-          type: R.Common,
+          type: O.Common,
           className: "",
           visible: Object.keys(e).length > 0,
           useVModel: !0,
@@ -72,202 +66,95 @@ const he = { class: "setting-scrollbar" }, Pe = { class: "setting-scrollbar" },
         },
         {
           key: "2",
-          headerKey: u("designer.setting.高级属性"),
-          props: t,
-          type: R.Advanced,
+          headerKey: d("designer.setting.高级属性"),
+          props: n,
+          type: O.Advanced,
           className: "",
-          visible: Object.keys(t).length > 0,
+          visible: Object.keys(n).length > 0,
           useVModel: !1,
           isEvent: !1
         },
         {
           key: "3",
-          headerKey: u("designer.setting.事件属性"),
-          props: n,
-          type: R.Event,
+          headerKey: d("designer.setting.事件属性"),
+          props: t,
+          type: O.Event,
           className: "eventPanel",
-          visible: Object.keys(n).length > 0,
+          visible: Object.keys(t).length > 0,
           useVModel: !1,
           isEvent: !0
         }
-      ].filter((l) => l.visible);
-    }), te = () => {
-      P.off$("onChangeEventHandler"), P.on$("onChangeEventHandler", ({ title: e, attr: t, eventParams: n = [], mode: l }) => {
-        W.value = e || u("designer.setting.editWidgetEventHandler");
-        const v = l === "json";
-        E.value = t, k.value = l;
-        const p = `${s.value.name}.${t}`;
-        N.value = v ? `${p}{` : `${p}(${n.join(", ")}) {`, c.value = x(o.value.options, t) || "", l === "json" && (c.value = JSON.stringify(s.value.menuList, null, "  ")), t === "onValidate" && !s.value.onValidate && (c.value = `  /* sample code */
+      ].filter((r) => r.visible);
+    }), V = () => {
+      v.off$("onChangeEventHandler"), v.on$("onChangeEventHandler", ({ title: e, attr: n, eventParams: t = [], mode: r }) => {
+        k.value = e || d("designer.setting.editWidgetEventHandler");
+        const u = r === "json";
+        g.value = n, p.value = r;
+        const c = `${l.value.name}.${n}`;
+        b.value = u ? `${c}{` : `${c}(${t.join(", ")}) {`, s.value = W(o.value.options, n) || "", r === "json" && (s.value = JSON.stringify(s.value, null, "  ")), n === "onValidate" && !l.value.onValidate && (s.value = `  /* sample code */
   /*
   if ((value > 100) || (value < 0)) {
     return Promise.reject('error message')  //fail
   } else {
     return Promise.resolve();  //pass
   }
-  */`), S.value.open(c.value);
+  */`), P.value.open(s.value);
       });
-    }, ne = (e, t, n = "javascript") => {
-      const l = n === "json";
-      E.value = e, k.value = n;
-      const v = `${s.value.name}.${e}`;
-      N.value = l ? `${v}{` : `${v}(${t.join(", ")}) {`, c.value = x(o.value.options, e) || "", n === "json" && (c.value = JSON.stringify(s.value.menuList, null, "  ")), e === "onValidate" && !s.value.onValidate && (c.value = `  /* sample code */
+    }, w = (e, n, t = "javascript") => {
+      const r = t === "json";
+      g.value = e, p.value = t;
+      const u = `${l.value.name}.${e}`;
+      b.value = r ? `${u}{` : `${u}(${n.join(", ")}) {`, s.value = W(o.value.options, e) || "", t === "json" && (s.value = JSON.stringify(l.value.menuList, null, "  ")), e === "onValidate" && !l.value.onValidate && (s.value = `  /* sample code */
   /*
   if ((value > 100) || (value < 0)) {
     return Promise.reject('error message')  //fail
   } else {
     return Promise.resolve();  //pass
   }
-  */`), S.value.open(c.value);
-    }, oe = (e) => {
-      if (k.value === "json" && (e = JSON.parse(e)), E.value.includes(".")) {
-        const [t, n] = E.value.split(".");
-        o.value.options[t][n] = e;
-      } else
-        o.value.options[E.value] = e;
+  */`), P.value.open(s.value);
+    }, Y = (e) => {
+      if (e != null && e.length && p.value === "json")
+        try {
+          e = JSON.parse(e);
+        } catch {
+          return le.error(d("designer.setting.syntaxCheckWarning"));
+        }
+      ie(o.value.options, g.value, e);
     };
-    return ue(() => {
-      o.value && (w.value = "1");
-    }), L(
+    X(() => {
+      o.value && (R.value = "1");
+    }), x(
       () => {
         var e;
         return (e = o.value) == null ? void 0 : e.options;
       },
       () => {
-        m.designer.saveCurrentHistoryStep();
+        a.value.saveCurrentHistoryStep();
       },
       { deep: !0 }
-    ), L(
-      () => m.formConfig,
+    ), x(
+      () => S.value,
       () => {
-        m.designer.saveCurrentHistoryStep();
+        a.value.saveCurrentHistoryStep();
       },
       { deep: !0 }
-    ), ce(() => {
-      P.on$("editEventHandler", (e) => {
-        ne(e[0], e[1], e[2]);
-      }), te(), m.designer.handleEvent("form-css-updated", (e) => {
-        m.designer.setCssClassList(e);
-      }), m.designer.handleEvent("field-selected", (e) => {
-        D.value = !!e && e.type === "sub-form";
+    ), Z(() => {
+      v.on$("editEventHandler", (e) => {
+        w(e[0], e[1], e[2]);
+      }), V(), a.value.handleEvent("form-css-updated", (e) => {
+        a.value.setCssClassList(e);
+      }), a.value.handleEvent("field-selected", (e) => {
+        C.value = !!e && e.type === "sub-form";
       });
-    }), z({
-      emit$: P.emit$
-    }), (e, t) => {
-      const n = f("a-collapse-panel"), l = f("a-collapse"), v = f("a-form"), p = f("a-empty"), _ = f("a-tab-pane"), y = f("a-tabs"), b = f("a-layout"), se = f("a-config-provider");
-      return g(), T(V, null, [
-        r(se, { componentSize: "small" }, {
-          default: d(() => [
-            r(b, { class: "panel-container" }, {
-              default: d(() => [
-                r(y, {
-                  activeKey: w.value,
-                  "onUpdate:activeKey": t[4] || (t[4] = (a) => w.value = a),
-                  style: { height: "100%", width: "100%", overflow: "hidden" }
-                }, {
-                  default: d(() => [
-                    r(_, {
-                      tab: h(u)("designer.hint.widgetSetting"),
-                      key: "1"
-                    }, {
-                      default: d(() => [
-                        K("div", he, [
-                          e.designer.selectedWidget ? (g(), C(v, {
-                            key: 0,
-                            model: s.value,
-                            labelAlign: "left",
-                            "label-width": "120px",
-                            class: "setting-form tpf-form",
-                            onSubmit: t[2] || (t[2] = pe(() => {
-                            }, ["prevent"]))
-                          }, {
-                            default: d(() => [
-                              r(l, {
-                                activeKey: A.value,
-                                "onUpdate:activeKey": t[1] || (t[1] = (a) => A.value = a),
-                                class: "setting-collapse"
-                              }, {
-                                default: d(() => [
-                                  (g(!0), T(V, null, U(ee.value, (a) => (g(), C(n, {
-                                    key: a.key,
-                                    class: fe(a.className),
-                                    header: a.headerKey
-                                  }, {
-                                    default: d(() => [
-                                      (g(!0), T(V, null, U(a.props, (le, J) => (g(), C(ge(le), {
-                                        key: J,
-                                        designer: e.designer,
-                                        "selected-widget": o.value,
-                                        "option-model": s.value,
-                                        "onUpdate:optionModel": t[0] || (t[0] = (ae) => s.value = ae),
-                                        "event-handled": Z(J)
-                                      }, null, 40, ["designer", "selected-widget", "option-model", "event-handled"]))), 128))
-                                    ]),
-                                    _: 2
-                                  }, 1032, ["class", "header"]))), 128))
-                                ]),
-                                _: 1
-                              }, 8, ["activeKey"])
-                            ]),
-                            _: 1
-                          }, 8, ["model"])) : (g(), C(p, {
-                            key: 1,
-                            description: h(u)("designer.hint.noSelectedWidgetHint")
-                          }, null, 8, ["description"]))
-                        ])
-                      ]),
-                      _: 1
-                    }, 8, ["tab"]),
-                    e.designer ? (g(), C(_, {
-                      tab: h(u)("designer.hint.表单设置"),
-                      key: "2"
-                    }, {
-                      default: d(() => [
-                        K("div", Pe, [
-                          r(ye, {
-                            designer: e.designer,
-                            "form-config": H.value
-                          }, null, 8, ["designer", "form-config"])
-                        ])
-                      ]),
-                      _: 1
-                    }, 8, ["tab"])) : ve("", !0),
-                    r(_, {
-                      tab: h(u)("designer.hint.表单api配置"),
-                      key: "3"
-                    }, {
-                      default: d(() => [
-                        K("div", ke, [
-                          r(Ee, {
-                            designer: e.designer,
-                            "form-config": H.value,
-                            "onUpdate:formConfig": t[3] || (t[3] = (a) => H.value = a)
-                          }, null, 8, ["designer", "form-config"])
-                        ])
-                      ]),
-                      _: 1
-                    }, 8, ["tab"])
-                  ]),
-                  _: 1
-                }, 8, ["activeKey"])
-              ]),
-              _: 1
-            })
-          ]),
-          _: 1
-        }),
-        r(h(me), {
-          eventHeader: N.value,
-          ref_key: "CodeModalEditorRef",
-          ref: S,
-          title: W.value,
-          mode: k.value,
-          readonly: !1,
-          onSetCode: oe
-        }, null, 8, ["eventHeader", "title", "mode"])
-      ], 64);
-    };
+    }), A({
+      emit$: v.emit$
+    });
+    const D = { formConfig: S, designer: a, i18nt: d, COMMON_PROPERTIES: H, ADVANCED_PROPERTIES: M, EVENT_PROPERTIES: T, props: _, emitter: v, globalDsv: F, getDesignerConfig: N, subFormChildWidgetFlag: C, CodeModalEditorRef: P, dialogTitle: k, currentMode: p, activeTab: R, widgetActiveCollapseNames: J, eventHandlerCode: s, curEventName: g, eventHeader: b, selectedWidget: o, designerConfig: I, optionModel: l, getEventHandled: K, selectedWidgetOptionsEditor: h, getPropEditor: m, collapsePanels: L, onChangeEventHandler: V, editEventHandler: w, saveEventHandler: Y, get TpfCodeEditor() {
+      return ee;
+    }, FormSetting: te, FormCrudSetting: ne };
+    return Object.defineProperty(D, "__isScriptSetup", { enumerable: !1, value: !0 }), D;
   }
 });
 export {
-  Ve as default
+  be as default
 };

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

@@ -1,7 +1,233 @@
-import t from "./option-items-setting.vue2.js";
+import V from "./option-items-setting.vue2.js";
+import { resolveComponent as d, createElementBlock as r, openBlock as s, createBlock as h, createCommentVNode as g, createVNode as l, withCtx as o, mergeProps as p, createElementVNode as c, Fragment as k, createTextVNode as _, toDisplayString as v } from "vue";
 /* empty css                          */
-import o from "../../../../_virtual/_plugin-vue_export-helper.js";
-const a = /* @__PURE__ */ o(t, [["__scopeId", "data-v-3a8c8131"]]);
+import O from "../../../../_virtual/_plugin-vue_export-helper.js";
+const U = { class: "option-items-pane" }, w = {
+  class: "drag-option",
+  title: "拖动排序"
+}, z = {
+  class: "drag-option",
+  title: "拖动排序"
+}, I = ["onClick"], S = { class: "full-width-input" }, E = { class: "full-width-input" }, N = {
+  key: 4,
+  class: "action-buttons"
+}, B = {
+  key: 5,
+  class: "action-buttons"
+};
+function P(G, i, t, e, R, T) {
+  const m = d("a-input"), u = d("a-button"), C = d("a-radio"), y = d("a-radio-group"), W = d("a-checkbox"), b = d("a-checkbox-group"), x = d("a-cascader"), D = d("a-tree-select");
+  return s(), r("div", U, [
+    t.selectedWidget.type === "radio" || t.selectedWidget.type === "select" && ["combobox"].includes(t.selectedWidget.options.mode || "") ? (s(), h(y, {
+      key: 0,
+      value: t.selectedWidget.options.defaultValue,
+      "onUpdate:value": i[0] || (i[0] = (a) => t.selectedWidget.options.defaultValue = a),
+      onChange: e.emitDefaultValueChange,
+      class: "option-group"
+    }, {
+      default: o(() => [
+        l(e.Draggable, p({
+          tag: "ul",
+          list: t.selectedWidget.options.optionItems,
+          "item-key": "id"
+        }, { group: "optionsGroup", ghostClass: "ghost", handle: ".drag-option" }), {
+          item: o(({ element: a, index: f }) => [
+            c("li", null, [
+              l(C, {
+                value: a.value
+              }, {
+                default: o(() => [
+                  c("span", w, [
+                    l(e.DragOutlined)
+                  ]),
+                  l(m, {
+                    value: a.value,
+                    "onUpdate:value": (n) => a.value = n,
+                    size: "small",
+                    style: { width: "80px" },
+                    placeholder: "值"
+                  }, null, 8, ["value", "onUpdate:value"]),
+                  l(m, {
+                    value: a.label,
+                    "onUpdate:value": (n) => a.label = n,
+                    size: "small",
+                    style: { width: "80px" },
+                    placeholder: "文本"
+                  }, null, 8, ["value", "onUpdate:value"]),
+                  l(u, {
+                    size: "small",
+                    onClick: (n) => e.deleteOption(a, f)
+                  }, {
+                    default: o(() => [
+                      l(e.DeleteOutlined)
+                    ]),
+                    _: 2
+                    /* DYNAMIC */
+                  }, 1032, ["onClick"])
+                ]),
+                _: 2
+                /* DYNAMIC */
+              }, 1032, ["value"])
+            ])
+          ]),
+          _: 1
+          /* STABLE */
+        }, 16, ["list"])
+      ]),
+      _: 1
+      /* STABLE */
+    }, 8, ["value"])) : t.selectedWidget.type === "checkbox" || t.selectedWidget.type === "select" && ["multiple", "tags"].includes(t.selectedWidget.options.mode || "") ? (s(), h(b, {
+      key: 1,
+      value: t.selectedWidget.options.defaultValue,
+      "onUpdate:value": i[1] || (i[1] = (a) => t.selectedWidget.options.defaultValue = a),
+      onChange: e.emitDefaultValueChange,
+      style: { width: "100%" },
+      class: "option-group"
+    }, {
+      default: o(() => [
+        l(e.Draggable, p({
+          tag: "ul",
+          list: t.selectedWidget.options.optionItems,
+          "item-key": "id"
+        }, { group: "optionsGroup", ghostClass: "ghost", handle: ".drag-option" }), {
+          item: o(({ element: a, index: f }) => [
+            c("li", null, [
+              c("span", z, [
+                l(e.DragOutlined)
+              ]),
+              l(W, {
+                value: a.value
+              }, {
+                default: o(() => [
+                  l(m, {
+                    value: a.value,
+                    "onUpdate:value": (n) => a.value = n,
+                    size: "small",
+                    style: { width: "85px" },
+                    placeholder: "值"
+                  }, null, 8, ["value", "onUpdate:value"]),
+                  l(m, {
+                    value: a.label,
+                    "onUpdate:value": (n) => a.label = n,
+                    size: "small",
+                    style: { width: "95px" },
+                    placeholder: "文本"
+                  }, null, 8, ["value", "onUpdate:value"])
+                ]),
+                _: 2
+                /* DYNAMIC */
+              }, 1032, ["value"]),
+              c("div", {
+                size: "small",
+                onClick: (n) => e.deleteOption(a, f)
+              }, [
+                l(e.DeleteOutlined)
+              ], 8, I)
+            ])
+          ]),
+          _: 1
+          /* STABLE */
+        }, 16, ["list"])
+      ]),
+      _: 1
+      /* STABLE */
+    }, 8, ["value"])) : t.selectedWidget.type === "cascader" ? (s(), r(
+      k,
+      { key: 2 },
+      [
+        g(" 设置联级选择默认值 "),
+        c("div", S, [
+          l(x, {
+            value: t.selectedWidget.options.defaultValue,
+            "onUpdate:value": i[2] || (i[2] = (a) => t.selectedWidget.options.defaultValue = a),
+            multiple: t.selectedWidget.options.multiple,
+            options: t.selectedWidget.options.optionItems,
+            onChange: e.emitDefaultValueChange,
+            placeholder: e.i18nt("render.hint.selectPlaceholder")
+          }, null, 8, ["value", "multiple", "options", "placeholder"])
+        ])
+      ],
+      2112
+      /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
+    )) : t.selectedWidget.type === "treeSelect" ? (s(), r(
+      k,
+      { key: 3 },
+      [
+        g(" 设置树的默认值 "),
+        c("div", E, [
+          l(D, {
+            value: t.selectedWidget.options.defaultValue,
+            "onUpdate:value": i[3] || (i[3] = (a) => t.selectedWidget.options.defaultValue = a),
+            treeData: t.selectedWidget.options.optionItems,
+            onChange: e.emitDefaultValueChange,
+            placeholder: e.i18nt("render.hint.selectPlaceholder")
+          }, null, 8, ["value", "treeData", "placeholder"])
+        ])
+      ],
+      2112
+      /* STABLE_FRAGMENT, DEV_ROOT_FRAGMENT */
+    )) : g("v-if", !0),
+    ["cascader", "treeSelect"].includes(t.selectedWidget.type) ? (s(), r("div", N, [
+      l(u, { onClick: e.importCascaderOptions }, {
+        default: o(() => [
+          l(e.ImportOutlined),
+          _(
+            " " + v(e.i18nt("designer.setting.importOptions")),
+            1
+            /* TEXT */
+          )
+        ]),
+        _: 1
+        /* STABLE */
+      }),
+      l(u, { onClick: e.resetDefault }, {
+        default: o(() => [
+          l(e.ReloadOutlined),
+          _(
+            " " + v(e.i18nt("designer.setting.resetDefault")),
+            1
+            /* TEXT */
+          )
+        ]),
+        _: 1
+        /* STABLE */
+      })
+    ])) : g("v-if", !0),
+    ["radio", "checkbox", "select"].includes(t.selectedWidget.type) ? (s(), r("div", B, [
+      l(u, { onClick: e.addOption }, {
+        default: o(() => [
+          _(
+            v(e.i18nt("designer.setting.addOption")),
+            1
+            /* TEXT */
+          )
+        ]),
+        _: 1
+        /* STABLE */
+      }),
+      l(u, { onClick: e.resetDefault }, {
+        default: o(() => [
+          _(
+            v(e.i18nt("designer.setting.resetDefault")),
+            1
+            /* TEXT */
+          )
+        ]),
+        _: 1
+        /* STABLE */
+      })
+    ])) : g("v-if", !0),
+    l(e.TpfCodeEditor, {
+      isShowEventHeader: !1,
+      title: e.i18nt("designer.setting.importOptions"),
+      mode: "javascript",
+      readonly: !1,
+      ref: "codeEditorRef",
+      onSetCode: e.saveCascaderOptions
+    }, null, 8, ["title"])
+  ]);
+}
+const A = /* @__PURE__ */ O(V, [["render", P], ["__scopeId", "data-v-cf18c84a"], ["__file", "/Users/zhaopeng/dev/kunpeng/tmgc2-web-vfrom/src/components/form-designer/setting-panel/option-items-setting.vue"]]);
 export {
-  a as default
+  A as default
 };