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

package/src/components/form-designer/setting-panel/property-editor/min-editor.vue2.js

@@ -1,8 +1,8 @@
-import { defineComponent as p, useModel as u, computed as d, unref as s } from "vue";
-import { useI18n as l } from "../../../../utils/i18n.js";
-import { EditorTypeEnum as f } from "../../../../constants/EditorTypeEnum.js";
-const M = /* @__PURE__ */ p({
-  name: f.minEditor,
+import { defineComponent as s, useModel as d, computed as c, unref as i, resolveComponent as m, createBlock as f, openBlock as _, withCtx as v, createVNode as b } from "vue";
+import { useI18n as M } from "../../../../utils/i18n.js";
+import { EditorTypeEnum as x } from "../../../../constants/EditorTypeEnum.js";
+const C = /* @__PURE__ */ s({
+  name: x.minEditor,
   __name: "min-editor",
   props: {
     optionModel: {
@@ -13,19 +13,35 @@ const M = /* @__PURE__ */ p({
     optionModelModifiers: {}
   },
   emits: ["update:optionModel"],
-  setup(i, { expose: n }) {
-    n();
-    const e = u(i, "optionModel"), { i18nt: r } = l(), m = d({
+  setup(l) {
+    const t = d(l, "optionModel"), { i18nt: r } = M(), o = c({
       get() {
-        return s(e).min;
+        return i(t).min;
       },
-      set(o) {
-        o == null || isNaN(o) ? e.value.min = null : e.value.min = Number(o);
+      set(e) {
+        e == null || isNaN(e) ? t.value.min = null : t.value.min = Number(e);
       }
-    }), t = { optionModel: e, i18nt: r, minValue: m };
-    return Object.defineProperty(t, "__isScriptSetup", { enumerable: !1, value: !0 }), t;
+    });
+    return (e, n) => {
+      const u = m("a-input-number"), a = m("a-form-item");
+      return _(), f(a, {
+        label: i(r)("designer.setting.minValue")
+      }, {
+        default: v(() => [
+          b(u, {
+            value: o.value,
+            "onUpdate:value": n[0] || (n[0] = (p) => o.value = p),
+            class: "hide-spin-button",
+            style: { width: "100%" },
+            min: -999999999,
+            max: 999999999
+          }, null, 8, ["value"])
+        ]),
+        _: 1
+      }, 8, ["label"]);
+    };
   }
 });
 export {
-  M as default
+  C as default
 };

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

@@ -1,6 +1,6 @@
 import p from "../../../../utils/i18n.js";
 import s from "./propertyMixin.js";
-import { resolveComponent as o, createBlock as d, openBlock as l, withCtx as u, createVNode as a } from "vue";
+import { resolveComponent as o, createBlock as l, openBlock as d, withCtx as u, createVNode as a } from "vue";
 import c from "../../../../../_virtual/_plugin-vue_export-helper.js";
 const g = {
   name: "minLength-editor",
@@ -21,9 +21,9 @@ const g = {
     }
   }
 };
-function f(e, t, h, _, b, n) {
+function h(e, t, f, _, b, n) {
   const i = o("a-input-number"), r = o("a-form-item");
-  return l(), d(r, {
+  return d(), l(r, {
     label: e.i18nt("designer.setting.minLength")
   }, {
     default: u(() => [
@@ -37,10 +37,9 @@ function f(e, t, h, _, b, n) {
       }, null, 8, ["onInput", "value"])
     ]),
     _: 1
-    /* STABLE */
   }, 8, ["label"]);
 }
-const x = /* @__PURE__ */ c(g, [["render", f], ["__file", "/Users/zhaopeng/dev/kunpeng/tmgc2-web-vfrom/src/components/form-designer/setting-panel/property-editor/minLength-editor.vue"]]);
+const x = /* @__PURE__ */ c(g, [["render", h]]);
 export {
   x as default
 };

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

@@ -1,23 +1,4 @@
-import l from "./multiple-editor.vue2.js";
-import { resolveComponent as t, createBlock as c, openBlock as p, withCtx as m, createVNode as a } from "vue";
-import d from "../../../../../_virtual/_plugin-vue_export-helper.js";
-function s(_, o, f, e, u, g) {
-  const n = t("a-switch"), r = t("a-form-item");
-  return p(), c(r, {
-    label: e.i18nt("designer.setting.multiple")
-  }, {
-    default: m(() => [
-      a(n, {
-        checked: e.optionModel.multiple,
-        "onUpdate:checked": o[0] || (o[0] = (i) => e.optionModel.multiple = i),
-        onChange: e.changeMultiple
-      }, null, 8, ["checked"])
-    ]),
-    _: 1
-    /* STABLE */
-  }, 8, ["label"]);
-}
-const w = /* @__PURE__ */ d(l, [["render", s], ["__file", "/Users/zhaopeng/dev/kunpeng/tmgc2-web-vfrom/src/components/form-designer/setting-panel/property-editor/multiple-editor.vue"]]);
+import f from "./multiple-editor.vue2.js";
 export {
-  w as default
+  f as default
 };

package/src/components/form-designer/setting-panel/property-editor/multiple-editor.vue2.js

@@ -1,29 +1,44 @@
-import { defineComponent as d, mergeModels as r, useModel as p } from "vue";
-import { useI18n as s } from "../../../../utils/i18n.js";
-import { EditorTypeEnum as f } from "../../../../constants/EditorTypeEnum.js";
-const g = /* @__PURE__ */ d({
-  name: f.multipleEditor,
+import { defineComponent as m, mergeModels as p, useModel as c, resolveComponent as n, createBlock as f, openBlock as _, unref as h, withCtx as M, createVNode as g } from "vue";
+import { useI18n as V } from "../../../../utils/i18n.js";
+import { EditorTypeEnum as k } from "../../../../constants/EditorTypeEnum.js";
+const w = /* @__PURE__ */ m({
+  name: k.multipleEditor,
   __name: "multiple-editor",
-  props: /* @__PURE__ */ r({
+  props: /* @__PURE__ */ p({
     selectedWidget: Object
   }, {
-    optionModel: { type: Object, default: () => ({
-      name: "",
-      multiple: !1,
-      defaultValue: []
-    }) },
+    optionModel: {
+      default: () => ({
+        name: "",
+        multiple: !1,
+        defaultValue: []
+      })
+    },
     optionModelModifiers: {}
   }),
   emits: ["update:optionModel"],
-  setup(l, { expose: u }) {
-    u();
-    const { i18nt: n } = s(), o = l, e = p(l, "optionModel"), i = { i18nt: n, props: o, optionModel: e, changeMultiple: (a) => {
-      const t = o.selectedWidget;
-      t && t.refreshDefaultValue && (a ? e.value.defaultValue = [] : e.value.defaultValue = null, t.refreshDefaultValue());
-    } };
-    return Object.defineProperty(i, "__isScriptSetup", { enumerable: !1, value: !0 }), i;
+  setup(l) {
+    const { i18nt: i } = V(), a = l, t = c(l, "optionModel"), u = (o) => {
+      const e = a.selectedWidget;
+      e && e.refreshDefaultValue && (o ? t.value.defaultValue = [] : t.value.defaultValue = null, e.refreshDefaultValue());
+    };
+    return (o, e) => {
+      const d = n("a-switch"), r = n("a-form-item");
+      return _(), f(r, {
+        label: h(i)("designer.setting.multiple")
+      }, {
+        default: M(() => [
+          g(d, {
+            checked: t.value.multiple,
+            "onUpdate:checked": e[0] || (e[0] = (s) => t.value.multiple = s),
+            onChange: u
+          }, null, 8, ["checked"])
+        ]),
+        _: 1
+      }, 8, ["label"]);
+    };
   }
 });
 export {
-  g as default
+  w as default
 };

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

@@ -1,73 +1,4 @@
 import f from "./name-editor.vue2.js";
-import { resolveComponent as o, createBlock as p, openBlock as g, withCtx as n, createVNode as t, createElementVNode as l, toDisplayString as d, createTextVNode as u } from "vue";
-import v from "../../../../../_virtual/_plugin-vue_export-helper.js";
-function N(x, a, y, e, C, b) {
-  const m = o("a-tooltip"), r = o("a-input"), s = o("a-select"), c = o("a-form-item-rest"), _ = o("a-form-item");
-  return g(), p(_, {
-    name: "name",
-    rules: e.nameRequiredRule
-  }, {
-    label: n(() => [
-      l("span", null, [
-        u(
-          d(e.i18nt("designer.setting.uniqueName")) + " ",
-          1
-          /* TEXT */
-        ),
-        t(m, {
-          title: e.i18nt("designer.setting.editNameHelp")
-        }, {
-          default: n(() => [
-            t(e.SvgIcon, { "icon-class": "icon-el-info" })
-          ]),
-          _: 1
-          /* STABLE */
-        }, 8, ["title"])
-      ])
-    ]),
-    default: n(() => [
-      t(c, null, {
-        default: n(() => [
-          t(r, {
-            size: "small",
-            class: "t-mb-[5px]",
-            value: e.optionModel.name,
-            "onUpdate:value": a[0] || (a[0] = (i) => e.optionModel.name = i),
-            readonly: e.widgetNameReadonly,
-            onChange: e.updateWidgetNameAndRef
-          }, {
-            suffix: n(() => [
-              l(
-                "a",
-                { onClick: e.copyFormJson },
-                d(e.i18nt("复制")),
-                1
-                /* TEXT */
-              )
-            ]),
-            _: 1
-            /* STABLE */
-          }, 8, ["value", "readonly"]),
-          t(s, {
-            value: e.optionModel.name,
-            "onUpdate:value": a[1] || (a[1] = (i) => e.optionModel.name = i),
-            allowClear: "",
-            disabled: e.widgetNameReadonly,
-            onChange: e.updateWidgetNameAndRef,
-            title: e.i18nt("designer.setting.editNameHelp"),
-            options: e.fieldList,
-            fieldNames: { label: "showName", value: "fieldCode" }
-          }, null, 8, ["value", "disabled", "title", "options"])
-        ]),
-        _: 1
-        /* STABLE */
-      })
-    ]),
-    _: 1
-    /* STABLE */
-  }, 8, ["rules"]);
-}
-const M = /* @__PURE__ */ v(f, [["render", N], ["__file", "/Users/zhaopeng/dev/kunpeng/tmgc2-web-vfrom/src/components/form-designer/setting-panel/property-editor/name-editor.vue"]]);
 export {
-  M as default
+  f as default
 };

package/src/components/form-designer/setting-panel/property-editor/name-editor.vue2.js

@@ -1,12 +1,12 @@
-import { defineComponent as W, useModel as m, ref as N, computed as i, unref as d, watch as R } from "vue";
-import { SvgIcon as h } from "tmgc2-share";
-import { useI18n as q } from "../../../../utils/i18n.js";
-import { message as w } from "ant-design-vue";
-import { copyToClipboard as F } from "../../../../utils/util.js";
-import { EditorTypeEnum as L } from "../../../../constants/EditorTypeEnum.js";
-import { useEditor as S } from "./useEditor.js";
-const A = /* @__PURE__ */ W({
-  name: L.name,
+import { defineComponent as R, useModel as g, ref as W, computed as m, unref as e, watch as h, resolveComponent as a, createBlock as E, openBlock as k, withCtx as l, createVNode as i, createElementVNode as _, toDisplayString as v, createTextVNode as T } from "vue";
+import { SvgIcon as V } from "tmgc2-share";
+import { useI18n as j } from "../../../../utils/i18n.js";
+import { message as B } from "ant-design-vue";
+import { copyToClipboard as D } from "../../../../utils/util.js";
+import { EditorTypeEnum as F } from "../../../../constants/EditorTypeEnum.js";
+import { useEditor as H } from "./useEditor.js";
+const J = /* @__PURE__ */ R({
+  name: F.name,
   __name: "name-editor",
   props: {
     selectedWidget: {
@@ -23,32 +23,76 @@ const A = /* @__PURE__ */ W({
     optionModelModifiers: {}
   },
   emits: ["update:selectedWidget", "update:optionModel"],
-  setup(s, { expose: a }) {
-    a();
-    const p = m(s, "selectedWidget"), n = m(s, "optionModel"), { i18nt: c } = q(), { serverFieldList: e, getDesignerConfig: u, designer: f } = S(), g = N([{ required: !0, message: "名称必填" }]), y = function(t) {
-      F(d(n).name, t, w, "复制成功", "复制失败");
-    }, b = (t, o) => {
-    }, M = (t) => {
-      for (let o = 0; o < e.length; o++)
-        if (e[o].name === t)
-          return e[o].label;
-      return null;
-    }, r = i(() => e ? e() || [] : []), _ = i(() => d(r) ? d(r).length <= 0 : !0), v = i(() => !!u().widgetNameReadonly);
-    R(
-      () => r.value,
-      (t) => {
-        t.length && (n.value.name = "");
+  setup(u) {
+    g(u, "selectedWidget");
+    const t = g(u, "optionModel"), { i18nt: r } = j(), { serverFieldList: p, getDesignerConfig: N } = H(), y = W([{ required: !0, message: "名称必填" }]), C = function(o) {
+      D(e(t).name, o, B, "复制成功", "复制失败");
+    }, c = (o, n) => {
+    }, s = m(() => p ? p() || [] : []);
+    m(() => e(s) ? e(s).length <= 0 : !0);
+    const f = m(() => !!N().widgetNameReadonly);
+    return h(
+      () => s.value,
+      (o) => {
+        o.length && (t.value.name = "");
       },
       {
         deep: !0
       }
-    );
-    const l = { selectedWidget: p, optionModel: n, i18nt: c, serverFieldList: e, getDesignerConfig: u, designer: f, nameRequiredRule: g, copyFormJson: y, updateWidgetNameAndRef: b, getLabelByFieldName: M, fieldList: r, noFieldList: _, widgetNameReadonly: v, get SvgIcon() {
-      return h;
-    } };
-    return Object.defineProperty(l, "__isScriptSetup", { enumerable: !1, value: !0 }), l;
+    ), (o, n) => {
+      const b = a("a-tooltip"), M = a("a-input"), w = a("a-select"), x = a("a-form-item-rest"), q = a("a-form-item");
+      return k(), E(q, {
+        name: "name",
+        rules: y.value
+      }, {
+        label: l(() => [
+          _("span", null, [
+            T(v(e(r)("designer.setting.uniqueName")) + " ", 1),
+            i(b, {
+              title: e(r)("designer.setting.editNameHelp")
+            }, {
+              default: l(() => [
+                i(e(V), { "icon-class": "icon-el-info" })
+              ]),
+              _: 1
+            }, 8, ["title"])
+          ])
+        ]),
+        default: l(() => [
+          i(x, null, {
+            default: l(() => [
+              i(M, {
+                size: "small",
+                class: "t-mb-[5px]",
+                value: t.value.name,
+                "onUpdate:value": n[0] || (n[0] = (d) => t.value.name = d),
+                readonly: f.value,
+                onChange: c
+              }, {
+                suffix: l(() => [
+                  _("a", { onClick: C }, v(e(r)("复制")), 1)
+                ]),
+                _: 1
+              }, 8, ["value", "readonly"]),
+              i(w, {
+                value: t.value.name,
+                "onUpdate:value": n[1] || (n[1] = (d) => t.value.name = d),
+                allowClear: "",
+                disabled: f.value,
+                onChange: c,
+                title: e(r)("designer.setting.editNameHelp"),
+                options: s.value,
+                fieldNames: { label: "showName", value: "fieldCode" }
+              }, null, 8, ["value", "disabled", "title", "options"])
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      }, 8, ["rules"]);
+    };
   }
 });
 export {
-  A as default
+  J as default
 };

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

@@ -1,107 +1,4 @@
-import b from "./optionItems-editor.vue2.js";
-import { resolveComponent as d, createElementBlock as p, openBlock as a, Fragment as v, createVNode as l, createBlock as s, createCommentVNode as m, withCtx as n, createTextVNode as _, toDisplayString as u } from "vue";
-import y from "../../../../../_virtual/_plugin-vue_export-helper.js";
-function w(M, t, c, e, k, K) {
-  const g = d("a-divider"), i = d("a-form-item"), r = d("a-input"), f = d("a-switch");
-  return a(), p(
-    v,
-    null,
-    [
-      l(i, { "label-width": "0" }, {
-        default: n(() => [
-          l(g, { class: "custom-divider-margin-top" }, {
-            default: n(() => [
-              _(
-                u(e.i18nt("designer.setting.optionsSetting")),
-                1
-                /* TEXT */
-              )
-            ]),
-            _: 1
-            /* STABLE */
-          })
-        ]),
-        _: 1
-        /* STABLE */
-      }),
-      l(i, {
-        label: e.i18nt("designer.setting.labelKeyName")
-      }, {
-        default: n(() => [
-          l(r, {
-            size: "small",
-            value: e.optionModel.labelKey,
-            "onUpdate:value": t[0] || (t[0] = (o) => e.optionModel.labelKey = o),
-            allowClear: ""
-          }, null, 8, ["value"])
-        ]),
-        _: 1
-        /* STABLE */
-      }, 8, ["label"]),
-      l(i, {
-        label: e.i18nt("designer.setting.valueKeyName")
-      }, {
-        default: n(() => [
-          l(r, {
-            size: "small",
-            value: e.optionModel.valueKey,
-            "onUpdate:value": t[1] || (t[1] = (o) => e.optionModel.valueKey = o),
-            allowClear: ""
-          }, null, 8, ["value"])
-        ]),
-        _: 1
-        /* STABLE */
-      }, 8, ["label"]),
-      e.hasConfig("childrenKey") ? (a(), s(i, {
-        key: 0,
-        label: e.i18nt("designer.setting.childrenKeyName")
-      }, {
-        default: n(() => [
-          l(r, {
-            size: "small",
-            value: e.optionModel.childrenKey,
-            "onUpdate:value": t[2] || (t[2] = (o) => e.optionModel.childrenKey = o),
-            allowClear: ""
-          }, null, 8, ["value"])
-        ]),
-        _: 1
-        /* STABLE */
-      }, 8, ["label"])) : m("v-if", !0),
-      l(i, {
-        label: e.i18nt("designer.setting.dsEnabled")
-      }, {
-        default: n(() => [
-          l(f, {
-            checked: e.optionModel.dsEnabled,
-            "onUpdate:checked": t[3] || (t[3] = (o) => e.optionModel.dsEnabled = o)
-          }, null, 8, ["checked"])
-        ]),
-        _: 1
-        /* STABLE */
-      }, 8, ["label"]),
-      e.optionModel.dsEnabled ? (a(), s(e.HttpEditor, {
-        key: 1,
-        "selected-widget": c.selectedWidget,
-        optionModel: e.optionModel,
-        label: e.i18nt("designer.setting.dsName"),
-        "button-name": e.i18nt("designer.setting.editAction")
-      }, null, 8, ["selected-widget", "optionModel", "label", "button-name"])) : m("v-if", !0),
-      e.optionModel.dsEnabled ? m("v-if", !0) : (a(), s(i, {
-        key: 2,
-        "label-width": "0"
-      }, {
-        default: n(() => [
-          l(e.OptionItemsSetting, { "selected-widget": c.selectedWidget }, null, 8, ["selected-widget"])
-        ]),
-        _: 1
-        /* STABLE */
-      }))
-    ],
-    64
-    /* STABLE_FRAGMENT */
-  );
-}
-const N = /* @__PURE__ */ y(b, [["render", w], ["__file", "/Users/zhaopeng/dev/kunpeng/tmgc2-web-vfrom/src/components/form-designer/setting-panel/property-editor/optionItems-editor.vue"]]);
+import f from "./optionItems-editor.vue2.js";
 export {
-  N as default
+  f as default
 };

package/src/components/form-designer/setting-panel/property-editor/optionItems-editor.vue2.js

@@ -1,17 +1,17 @@
-import { defineComponent as S, mergeModels as y, useModel as _, ref as h, computed as E, unref as t, watch as b } from "vue";
-import { useI18n as C } from "../../../../utils/i18n.js";
-import M from "../option-items-setting.vue.js";
-import { getDSByName as N } from "../../../../utils/util.js";
-import v from "../../../http-editor/index.vue.js";
-import { EditorTypeEnum as D } from "../../../../constants/EditorTypeEnum.js";
-import { useEditor as I } from "./useEditor.js";
-import { useDesigner as O } from "../../form-widget/useFormDesigner.js";
-const A = /* @__PURE__ */ S({
-  name: D.optionItemsEditor,
+import { defineComponent as K, mergeModels as h, useModel as C, ref as E, computed as k, unref as t, watch as N, resolveComponent as m, createElementBlock as S, openBlock as p, Fragment as M, createVNode as a, createBlock as f, createCommentVNode as g, withCtx as r, createTextVNode as B, toDisplayString as D } from "vue";
+import { useI18n as I } from "../../../../utils/i18n.js";
+import U from "../option-items-setting.vue.js";
+import { getDSByName as W } from "../../../../utils/util.js";
+import z from "../../../http-editor/index.vue.js";
+import { EditorTypeEnum as V } from "../../../../constants/EditorTypeEnum.js";
+import { useEditor as x } from "./useEditor.js";
+import { useDesigner as A } from "../../form-widget/useFormDesigner.js";
+const H = /* @__PURE__ */ K({
+  name: V.optionItemsEditor,
   inheritAttrs: !1,
   __name: "optionItems-editor",
-  props: /* @__PURE__ */ y({
-    selectedWidget: { type: Object, required: !0 }
+  props: /* @__PURE__ */ h({
+    selectedWidget: {}
   }, {
     optionModel: {
       type: Object,
@@ -28,37 +28,116 @@ const A = /* @__PURE__ */ S({
     optionModelModifiers: {}
   }),
   emits: ["update:optionModel"],
-  setup(s, { expose: f }) {
-    f();
-    const i = _(s, "optionModel"), { designer: o } = O(), { i18nt: p } = C(), { hasConfig: c } = I({
-      optionModel: i
-    }), n = h([]), l = E(() => !t(o).formConfig || !t(o).formConfig.dataSources ? [] : t(o).formConfig.dataSources), a = (r) => {
-      var d;
-      if (n.value.length = 0, !r)
+  setup(v) {
+    const l = C(v, "optionModel"), { designer: s } = A(), { i18nt: i } = I(), { hasConfig: y } = x({
+      optionModel: l
+    }), b = E([]);
+    k(() => !t(s).formConfig || !t(s).formConfig.dataSources ? [] : t(s).formConfig.dataSources);
+    const _ = (o) => {
+      var u;
+      if (b.value.length = 0, !o)
         return;
-      const e = N(t(o).formConfig, r);
-      e && (e != null && e.dataSets) && ((d = e == null ? void 0 : e.dataSets) == null || d.forEach((u) => {
-        n.value.push({
-          name: u.name,
-          remark: u.remark
+      const e = W(t(s).formConfig, o);
+      e && (e != null && e.dataSets) && ((u = e == null ? void 0 : e.dataSets) == null || u.forEach((n) => {
+        b.value.push({
+          name: n.name,
+          remark: n.remark
         });
       }));
-    }, g = () => {
-      i.value.dataSetName = "", a(t(i).dsName);
     };
-    b(
-      () => t(s.selectedWidget),
-      (r) => {
-        r && a(r.options.dsName);
+    return N(
+      () => t(v.selectedWidget),
+      (o) => {
+        o && _(o.options.dsName);
       },
       {
         immediate: !0
       }
-    );
-    const m = { optionModel: i, designer: o, i18nt: p, hasConfig: c, dataSetList: n, dataSourceList: l, loadDataSet: a, getDataSetList: g, OptionItemsSetting: M, HttpEditor: v };
-    return Object.defineProperty(m, "__isScriptSetup", { enumerable: !1, value: !0 }), m;
+    ), (o, e) => {
+      const u = m("a-divider"), n = m("a-form-item"), c = m("a-input"), w = m("a-switch");
+      return p(), S(M, null, [
+        a(n, { "label-width": "0" }, {
+          default: r(() => [
+            a(u, { class: "custom-divider-margin-top" }, {
+              default: r(() => [
+                B(D(t(i)("designer.setting.optionsSetting")), 1)
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }),
+        a(n, {
+          label: t(i)("designer.setting.labelKeyName")
+        }, {
+          default: r(() => [
+            a(c, {
+              size: "small",
+              value: l.value.labelKey,
+              "onUpdate:value": e[0] || (e[0] = (d) => l.value.labelKey = d),
+              allowClear: ""
+            }, null, 8, ["value"])
+          ]),
+          _: 1
+        }, 8, ["label"]),
+        a(n, {
+          label: t(i)("designer.setting.valueKeyName")
+        }, {
+          default: r(() => [
+            a(c, {
+              size: "small",
+              value: l.value.valueKey,
+              "onUpdate:value": e[1] || (e[1] = (d) => l.value.valueKey = d),
+              allowClear: ""
+            }, null, 8, ["value"])
+          ]),
+          _: 1
+        }, 8, ["label"]),
+        t(y)("childrenKey") ? (p(), f(n, {
+          key: 0,
+          label: t(i)("designer.setting.childrenKeyName")
+        }, {
+          default: r(() => [
+            a(c, {
+              size: "small",
+              value: l.value.childrenKey,
+              "onUpdate:value": e[2] || (e[2] = (d) => l.value.childrenKey = d),
+              allowClear: ""
+            }, null, 8, ["value"])
+          ]),
+          _: 1
+        }, 8, ["label"])) : g("", !0),
+        a(n, {
+          label: t(i)("designer.setting.dsEnabled")
+        }, {
+          default: r(() => [
+            a(w, {
+              checked: l.value.dsEnabled,
+              "onUpdate:checked": e[3] || (e[3] = (d) => l.value.dsEnabled = d)
+            }, null, 8, ["checked"])
+          ]),
+          _: 1
+        }, 8, ["label"]),
+        l.value.dsEnabled ? (p(), f(z, {
+          key: 1,
+          "selected-widget": o.selectedWidget,
+          optionModel: l.value,
+          label: t(i)("designer.setting.dsName"),
+          "button-name": t(i)("designer.setting.editAction")
+        }, null, 8, ["selected-widget", "optionModel", "label", "button-name"])) : g("", !0),
+        l.value.dsEnabled ? g("", !0) : (p(), f(n, {
+          key: 2,
+          "label-width": "0"
+        }, {
+          default: r(() => [
+            a(U, { "selected-widget": o.selectedWidget }, null, 8, ["selected-widget"])
+          ]),
+          _: 1
+        }))
+      ], 64);
+    };
   }
 });
 export {
-  A as default
+  H as default
 };