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

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

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

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

@@ -1,135 +1,73 @@
-import { SvgIcon as v } from "tmgc2-share";
-import L from "../../../../utils/i18n.js";
-import { isEmptyStr as R, copyToClipboard as b } from "../../../../utils/util.js";
-import { resolveComponent as o, createBlock as y, openBlock as W, withCtx as l, createVNode as r, createElementVNode as a, toDisplayString as m, createTextVNode as N } from "vue";
-import C from "../../../../../_virtual/_plugin-vue_export-helper.js";
-const F = {
-  name: "name-editor",
-  mixins: [L],
-  components: {
-    SvgIcon: v
-  },
-  props: {
-    designer: Object,
-    selectedWidget: Object,
-    optionModel: Object
-  },
-  inject: ["serverFieldList", "getDesignerConfig"],
-  data() {
-    return {
-      nameRequiredRule: [{ required: !0, message: "名称必填" }]
-    };
-  },
-  watch: {
-    fieldList: {
-      deep: !0,
-      handler(e) {
-        e.length && (this.optionModel.name = "");
-      }
-    }
-  },
-  computed: {
-    fieldList() {
-      return this.serverFieldList ? this.serverFieldList() || [] : [];
-    },
-    noFieldList() {
-      return this.fieldList ? this.fieldList.length <= 0 : !0;
-    },
-    widgetNameReadonly() {
-      return !!this.getDesignerConfig().widgetNameReadonly;
-    }
-  },
-  methods: {
-    copyFormJson(e) {
-      b(this.optionModel.name, e, this.$message, "复制成功", "复制失败");
-    },
-    updateWidgetNameAndRef(e, t) {
-      e && (e = e.target ? e.target.value : e), t && (this.optionModel.label = t.showName);
-      const i = this.designer.selectedWidgetName;
-      if (R(e)) {
-        this.selectedWidget.options.name = i, this.$message.warning(this.i18nt("designer.hint.nameRequired"));
-        return;
-      }
-      if (this.designer.formWidget) {
-        if (this.designer.formWidget.getWidgetRef(e)) {
-          this.selectedWidget.options.name = i, this.$message.warning(this.i18nt("designer.hint.duplicateName") + e);
-          return;
-        }
-        const s = this.designer.formWidget.getWidgetRef(i);
-        if (s && s.registerToRefList) {
-          s.registerToRefList(i);
-          const n = this.getLabelByFieldName(e);
-          this.designer.updateSelectedWidgetNameAndLabel(
-            this.selectedWidget,
-            e,
-            n
-          );
-        }
-      }
-    },
-    getLabelByFieldName(e) {
-      for (let t = 0; t < this.serverFieldList.length; t++)
-        if (this.serverFieldList[t].name === e)
-          return this.serverFieldList[t].label;
-      return null;
-    }
-  }
-};
-function M(e, t, i, g, s, n) {
-  const f = o("svg-icon"), u = o("a-tooltip"), c = o("a-input"), p = o("a-select"), h = o("a-form-item-rest"), _ = o("a-form-item");
-  return W(), y(_, {
+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: s.nameRequiredRule
+    rules: e.nameRequiredRule
   }, {
-    label: l(() => [
-      a("span", null, [
-        N(m(e.i18nt("designer.setting.uniqueName")) + " ", 1),
-        r(u, {
+    label: n(() => [
+      l("span", null, [
+        u(
+          d(e.i18nt("designer.setting.uniqueName")) + " ",
+          1
+          /* TEXT */
+        ),
+        t(m, {
           title: e.i18nt("designer.setting.editNameHelp")
         }, {
-          default: l(() => [
-            r(f, { "icon-class": "icon-el-info" })
+          default: n(() => [
+            t(e.SvgIcon, { "icon-class": "icon-el-info" })
           ]),
           _: 1
+          /* STABLE */
         }, 8, ["title"])
       ])
     ]),
-    default: l(() => [
-      r(h, null, {
-        default: l(() => [
-          r(c, {
+    default: n(() => [
+      t(c, null, {
+        default: n(() => [
+          t(r, {
             size: "small",
             class: "t-mb-[5px]",
-            value: i.optionModel.name,
-            "onUpdate:value": t[1] || (t[1] = (d) => i.optionModel.name = d),
-            readonly: n.widgetNameReadonly,
-            onChange: n.updateWidgetNameAndRef
+            value: e.optionModel.name,
+            "onUpdate:value": a[0] || (a[0] = (i) => e.optionModel.name = i),
+            readonly: e.widgetNameReadonly,
+            onChange: e.updateWidgetNameAndRef
           }, {
-            suffix: l(() => [
-              a("a", {
-                onClick: t[0] || (t[0] = (...d) => n.copyFormJson && n.copyFormJson(...d))
-              }, m(e.i18nt("复制")), 1)
+            suffix: n(() => [
+              l(
+                "a",
+                { onClick: e.copyFormJson },
+                d(e.i18nt("复制")),
+                1
+                /* TEXT */
+              )
             ]),
             _: 1
-          }, 8, ["value", "readonly", "onChange"]),
-          r(p, {
-            value: i.optionModel.name,
-            "onUpdate:value": t[2] || (t[2] = (d) => i.optionModel.name = d),
+            /* STABLE */
+          }, 8, ["value", "readonly"]),
+          t(s, {
+            value: e.optionModel.name,
+            "onUpdate:value": a[1] || (a[1] = (i) => e.optionModel.name = i),
             allowClear: "",
-            disabled: n.widgetNameReadonly,
-            onChange: n.updateWidgetNameAndRef,
+            disabled: e.widgetNameReadonly,
+            onChange: e.updateWidgetNameAndRef,
             title: e.i18nt("designer.setting.editNameHelp"),
-            options: n.fieldList,
+            options: e.fieldList,
             fieldNames: { label: "showName", value: "fieldCode" }
-          }, null, 8, ["value", "disabled", "onChange", "title", "options"])
+          }, null, 8, ["value", "disabled", "title", "options"])
         ]),
         _: 1
+        /* STABLE */
       })
     ]),
     _: 1
+    /* STABLE */
   }, 8, ["rules"]);
 }
-const B = /* @__PURE__ */ C(F, [["render", M]]);
+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 {
-  B as default
+  M as default
 };

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

@@ -0,0 +1,54 @@
+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,
+  __name: "name-editor",
+  props: {
+    selectedWidget: {
+      type: Object,
+      required: !0,
+      default: () => ({ options: {} })
+    },
+    selectedWidgetModifiers: {},
+    optionModel: {
+      type: Object,
+      required: !0,
+      default: () => ({ name: "", label: "" })
+    },
+    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 = "");
+      },
+      {
+        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;
+  }
+});
+export {
+  A as default
+};

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

@@ -1,146 +1,107 @@
-import b from "../../../../utils/i18n.js";
-import h from "../option-items-setting.vue.js";
-import _ from "./propertyMixin.js";
-import { getDSByName as M } from "../../../../utils/util.js";
-import y from "../../../http-editor/index.vue.js";
-import { resolveComponent as a, createElementBlock as S, openBlock as s, Fragment as v, createVNode as n, createBlock as m, createCommentVNode as u, withCtx as l, createTextVNode as w, toDisplayString as k } from "vue";
-import C from "../../../../../_virtual/_plugin-vue_export-helper.js";
-const E = {
-  name: "optionItems-editor",
-  mixins: [b, _],
-  inheritAttrs: !1,
-  props: {
-    designer: Object,
-    selectedWidget: Object,
-    optionModel: Object
-  },
-  components: {
-    OptionItemsSetting: h,
-    HttpEditor: y
-  },
-  data() {
-    return {
-      dataSetList: []
-    };
-  },
-  computed: {
-    dataSourceList() {
-      return !this.designer.formConfig || !this.designer.formConfig.dataSources ? [] : this.designer.formConfig.dataSources;
-    }
-  },
-  watch: {
-    selectedWidget: {
-      handler(t, i) {
-        t && this.loadDataSet(t.options.dsName);
-      },
-      immediate: !0
-    }
-  },
-  methods: {
-    loadDataSet(t) {
-      if (this.dataSetList.length = 0, !t)
-        return;
-      const i = M(this.designer.formConfig, t);
-      i && i.dataSets && i.dataSets.forEach((e) => {
-        this.dataSetList.push({
-          name: e.name,
-          remark: e.remark
-        });
-      });
-    },
-    getDataSetList() {
-      this.optionModel.dataSetName = "", this.loadDataSet(this.optionModel.dsName);
-    }
-  }
-};
-function K(t, i, e, N, D, L) {
-  const g = a("a-divider"), d = a("a-form-item"), r = a("a-input"), c = a("a-switch"), f = a("HttpEditor"), p = a("option-items-setting");
-  return s(), S(v, null, [
-    n(d, { "label-width": "0" }, {
-      default: l(() => [
-        n(g, { class: "custom-divider-margin-top" }, {
-          default: l(() => [
-            w(k(t.i18nt("designer.setting.optionsSetting")), 1)
-          ]),
-          _: 1
-        })
-      ]),
-      _: 1
-    }),
-    n(d, {
-      label: t.i18nt("designer.setting.labelKeyName")
-    }, {
-      default: l(() => [
-        n(r, {
-          size: "small",
-          value: e.optionModel.labelKey,
-          "onUpdate:value": i[0] || (i[0] = (o) => e.optionModel.labelKey = o),
-          allowClear: ""
-        }, null, 8, ["value"])
-      ]),
-      _: 1
-    }, 8, ["label"]),
-    n(d, {
-      label: t.i18nt("designer.setting.valueKeyName")
-    }, {
-      default: l(() => [
-        n(r, {
-          size: "small",
-          value: e.optionModel.valueKey,
-          "onUpdate:value": i[1] || (i[1] = (o) => e.optionModel.valueKey = o),
-          allowClear: ""
-        }, null, 8, ["value"])
-      ]),
-      _: 1
-    }, 8, ["label"]),
-    t.hasConfig("childrenKey") ? (s(), m(d, {
-      key: 0,
-      label: t.i18nt("designer.setting.childrenKeyName")
-    }, {
-      default: l(() => [
-        n(r, {
-          size: "small",
-          value: e.optionModel.childrenKey,
-          "onUpdate:value": i[2] || (i[2] = (o) => e.optionModel.childrenKey = o),
-          allowClear: ""
-        }, null, 8, ["value"])
-      ]),
-      _: 1
-    }, 8, ["label"])) : u("", !0),
-    n(d, {
-      label: t.i18nt("designer.setting.dsEnabled")
-    }, {
-      default: l(() => [
-        n(c, {
-          checked: e.optionModel.dsEnabled,
-          "onUpdate:checked": i[3] || (i[3] = (o) => e.optionModel.dsEnabled = o)
-        }, null, 8, ["checked"])
-      ]),
-      _: 1
-    }, 8, ["label"]),
-    e.optionModel.dsEnabled ? (s(), m(f, {
-      key: 1,
-      designer: e.designer,
-      "selected-widget": e.selectedWidget,
-      optionModel: e.optionModel,
-      label: t.i18nt("designer.setting.dsName"),
-      "button-name": t.i18nt("designer.setting.editAction")
-    }, null, 8, ["designer", "selected-widget", "optionModel", "label", "button-name"])) : u("", !0),
-    e.optionModel.dsEnabled ? u("", !0) : (s(), m(d, {
-      key: 2,
-      "label-width": "0"
-    }, {
-      default: l(() => [
-        n(p, {
-          designer: e.designer,
-          "selected-widget": e.selectedWidget
-        }, null, 8, ["designer", "selected-widget"])
-      ]),
-      _: 1
-    }))
-  ], 64);
+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 H = /* @__PURE__ */ C(E, [["render", K]]);
+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"]]);
 export {
-  H as default
+  N as default
 };

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

@@ -0,0 +1,64 @@
+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,
+  inheritAttrs: !1,
+  __name: "optionItems-editor",
+  props: /* @__PURE__ */ y({
+    selectedWidget: { type: Object, required: !0 }
+  }, {
+    optionModel: {
+      type: Object,
+      required: !0,
+      default: () => ({
+        dsEnabled: !1,
+        childrenKey: "",
+        valueKey: "",
+        labelKey: "",
+        dsName: "",
+        dataSetName: ""
+      })
+    },
+    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)
+        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
+        });
+      }));
+    }, g = () => {
+      i.value.dataSetName = "", a(t(i).dsName);
+    };
+    b(
+      () => t(s.selectedWidget),
+      (r) => {
+        r && a(r.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;
+  }
+});
+export {
+  A as default
+};