@kp-ui/lowcode 2.15.0-alpha.10 → 2.15.0-alpha.12

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

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