@kp-ui/lowcode 2.15.0-alpha.4 → 2.15.0-alpha.6

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

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