@kp-ui/lowcode 2.13.1 → 2.14.0-alpha

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

@@ -0,0 +1,45 @@
+import a from "../../../../utils/i18n.js";
+import p from "./propertyMixin.js";
+import { resolveComponent as o, createBlock as s, openBlock as l, withCtx as d, createVNode as u } from "vue";
+import c from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const g = {
+  name: "maxLength-editor",
+  mixins: [a, p],
+  props: {
+    designer: Object,
+    selectedWidget: Object,
+    optionModel: Object
+  },
+  computed: {
+    maxLength: {
+      get() {
+        return this.optionModel.maxLength;
+      },
+      set(e) {
+        !e || isNaN(e) ? this.optionModel.maxLength = null : this.optionModel.maxLength = Number(e);
+      }
+    }
+  }
+};
+function h(e, t, f, x, _, n) {
+  const i = o("a-input-number"), r = o("a-form-item");
+  return l(), s(r, {
+    label: e.i18nt("designer.setting.maxLength")
+  }, {
+    default: d(() => [
+      u(i, {
+        onInput: e.inputNumberHandler,
+        class: "hide-spin-button",
+        min: 0,
+        value: n.maxLength,
+        "onUpdate:value": t[0] || (t[0] = (m) => n.maxLength = m),
+        style: { width: "100%" }
+      }, null, 8, ["onInput", "value"])
+    ]),
+    _: 1
+  }, 8, ["label"]);
+}
+const v = /* @__PURE__ */ c(g, [["render", h]]);
+export {
+  v as default
+};

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

@@ -0,0 +1,4 @@
+import f from "./maxSize-editor.vue2.js";
+export {
+  f as default
+};

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

@@ -0,0 +1,38 @@
+import { defineComponent as r, useModel as u, resolveComponent as t, createBlock as p, openBlock as d, unref as s, withCtx as _, createVNode as f } from "vue";
+import { useI18n as c } from "../../../../utils/i18n.js";
+const z = /* @__PURE__ */ r({
+  name: "maxSize-editor",
+  __name: "maxSize-editor",
+  props: {
+    optionModel: {
+      default: () => ({
+        maxSize: 10
+      })
+    },
+    optionModelModifiers: {}
+  },
+  emits: ["update:optionModel"],
+  setup(n) {
+    const e = u(n, "optionModel"), { i18nt: i } = c();
+    return (x, o) => {
+      const a = t("a-input-number"), l = t("a-form-item");
+      return d(), p(l, {
+        label: s(i)("designer.setting.fileMaxSize")
+      }, {
+        default: _(() => [
+          f(a, {
+            value: e.value.maxSize,
+            "onUpdate:value": o[0] || (o[0] = (m) => e.value.maxSize = m),
+            min: 1,
+            max: 20,
+            style: { width: "100%" }
+          }, null, 8, ["value"])
+        ]),
+        _: 1
+      }, 8, ["label"]);
+    };
+  }
+});
+export {
+  z as default
+};

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

@@ -0,0 +1,44 @@
+import l from "../../../../utils/i18n.js";
+import { resolveComponent as o, createBlock as s, openBlock as a, withCtx as d, createVNode as p } from "vue";
+import u from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const c = {
+  name: "min-editor",
+  mixins: [l],
+  props: {
+    designer: Object,
+    selectedWidget: Object,
+    optionModel: Object
+  },
+  computed: {
+    minValue: {
+      get() {
+        return this.optionModel.min;
+      },
+      set(e) {
+        e == null || isNaN(e) ? this.optionModel.min = null : this.optionModel.min = Number(e);
+      }
+    }
+  }
+};
+function _(e, t, f, b, g, n) {
+  const i = o("a-input-number"), m = o("a-form-item");
+  return a(), s(m, {
+    label: e.i18nt("designer.setting.minValue")
+  }, {
+    default: d(() => [
+      p(i, {
+        value: n.minValue,
+        "onUpdate:value": t[0] || (t[0] = (r) => n.minValue = r),
+        class: "hide-spin-button",
+        style: { width: "100%" },
+        min: -999999999,
+        max: 999999999
+      }, null, 8, ["value"])
+    ]),
+    _: 1
+  }, 8, ["label"]);
+}
+const M = /* @__PURE__ */ u(c, [["render", _]]);
+export {
+  M as default
+};

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

@@ -0,0 +1,45 @@
+import p from "../../../../utils/i18n.js";
+import s from "./propertyMixin.js";
+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",
+  mixins: [p, s],
+  props: {
+    designer: Object,
+    selectedWidget: Object,
+    optionModel: Object
+  },
+  computed: {
+    minLength: {
+      get() {
+        return this.optionModel.minLength;
+      },
+      set(e) {
+        !e || isNaN(e) ? this.optionModel.minLength = null : this.optionModel.minLength = Number(e);
+      }
+    }
+  }
+};
+function h(e, t, f, _, b, n) {
+  const i = o("a-input-number"), r = o("a-form-item");
+  return d(), l(r, {
+    label: e.i18nt("designer.setting.minLength")
+  }, {
+    default: u(() => [
+      a(i, {
+        onInput: e.inputNumberHandler,
+        class: "hide-spin-button",
+        min: 0,
+        value: n.minLength,
+        "onUpdate:value": t[0] || (t[0] = (m) => n.minLength = m),
+        style: { width: "100%" }
+      }, null, 8, ["onInput", "value"])
+    ]),
+    _: 1
+  }, 8, ["label"]);
+}
+const x = /* @__PURE__ */ c(g, [["render", h]]);
+export {
+  x as default
+};

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

@@ -0,0 +1,4 @@
+import f from "./multiple-editor.vue2.js";
+export {
+  f as default
+};

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

@@ -0,0 +1,46 @@
+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",
+  __name: "multiple-editor",
+  props: /* @__PURE__ */ m({
+    designer: Object,
+    selectedWidget: Object,
+    optionModel: Object
+  }, {
+    optionModel: {
+      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"]);
+    };
+  }
+});
+export {
+  k as default
+};

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

@@ -0,0 +1,30 @@
+import r from "../../../../utils/i18n.js";
+import { resolveComponent as o, createBlock as m, openBlock as p, withCtx as d, createVNode as s } from "vue";
+import a from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const _ = {
+  name: "multipleSelect-editor",
+  mixins: [r],
+  props: {
+    designer: Object,
+    selectedWidget: Object,
+    optionModel: Object
+  }
+};
+function f(l, e, t, u, b, h) {
+  const n = o("a-switch"), c = o("a-form-item");
+  return p(), m(c, {
+    label: l.i18nt("designer.setting.multipleSelect")
+  }, {
+    default: d(() => [
+      s(n, {
+        checked: t.optionModel.multipleSelect,
+        "onUpdate:checked": e[0] || (e[0] = (i) => t.optionModel.multipleSelect = i)
+      }, null, 8, ["checked"])
+    ]),
+    _: 1
+  }, 8, ["label"]);
+}
+const x = /* @__PURE__ */ a(_, [["render", f]]);
+export {
+  x as default
+};

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

@@ -0,0 +1,131 @@
+import v from "../../../svg-icon/index.vue.js";
+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(_, {
+    name: "name",
+    rules: s.nameRequiredRule
+  }, {
+    label: l(() => [
+      a("span", null, [
+        N(m(e.i18nt("designer.setting.uniqueName")) + " ", 1),
+        r(u, {
+          title: e.i18nt("designer.setting.editNameHelp")
+        }, {
+          default: l(() => [
+            r(f, { "icon-class": "el-info" })
+          ]),
+          _: 1
+        }, 8, ["title"])
+      ])
+    ]),
+    default: l(() => [
+      r(h, null, {
+        default: l(() => [
+          r(c, {
+            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
+          }, {
+            suffix: l(() => [
+              a("a", {
+                onClick: t[0] || (t[0] = (...d) => n.copyFormJson && n.copyFormJson(...d))
+              }, m(e.i18nt("复制")), 1)
+            ]),
+            _: 1
+          }, 8, ["value", "readonly", "onChange"]),
+          r(p, {
+            value: i.optionModel.name,
+            "onUpdate:value": t[2] || (t[2] = (d) => i.optionModel.name = d),
+            allowClear: "",
+            disabled: n.widgetNameReadonly,
+            onChange: n.updateWidgetNameAndRef,
+            title: e.i18nt("designer.setting.editNameHelp"),
+            options: n.fieldList,
+            fieldNames: { label: "showName", value: "fieldCode" }
+          }, null, 8, ["value", "disabled", "onChange", "title", "options"])
+        ]),
+        _: 1
+      })
+    ]),
+    _: 1
+  }, 8, ["rules"]);
+}
+const B = /* @__PURE__ */ C(F, [["render", M]]);
+export {
+  B as default
+};

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

@@ -0,0 +1,143 @@
+import h from "../../../../utils/i18n.js";
+import _ from "../option-items-setting.vue.js";
+import b 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 i, 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: [h, b],
+  props: {
+    designer: Object,
+    selectedWidget: Object,
+    optionModel: Object
+  },
+  components: {
+    OptionItemsSetting: _,
+    HttpEditor: y
+  },
+  data() {
+    return {
+      dataSetList: []
+    };
+  },
+  computed: {
+    dataSourceList() {
+      return !this.designer.formConfig || !this.designer.formConfig.dataSources ? [] : this.designer.formConfig.dataSources;
+    }
+  },
+  watch: {
+    selectedWidget: {
+      handler(o, t) {
+        o && this.loadDataSet(o.options.dsName);
+      },
+      immediate: !0
+    }
+  },
+  methods: {
+    loadDataSet(o) {
+      if (this.dataSetList.length = 0, !o)
+        return;
+      const t = M(this.designer.formConfig, o);
+      t && t.dataSets && t.dataSets.forEach((e) => {
+        this.dataSetList.push({
+          name: e.name,
+          remark: e.remark
+        });
+      });
+    },
+    getDataSetList() {
+      this.optionModel.dataSetName = "", this.loadDataSet(this.optionModel.dsName);
+    }
+  }
+};
+function K(o, t, 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, [
+    i(d, { "label-width": "0" }, {
+      default: l(() => [
+        i(g, { class: "custom-divider-margin-top" }, {
+          default: l(() => [
+            w(k(o.i18nt("designer.setting.optionsSetting")), 1)
+          ]),
+          _: 1
+        })
+      ]),
+      _: 1
+    }),
+    i(d, {
+      label: o.i18nt("designer.setting.labelKeyName")
+    }, {
+      default: l(() => [
+        i(r, {
+          size: "small",
+          value: e.optionModel.labelKey,
+          "onUpdate:value": t[0] || (t[0] = (n) => e.optionModel.labelKey = n),
+          allowClear: ""
+        }, null, 8, ["value"])
+      ]),
+      _: 1
+    }, 8, ["label"]),
+    i(d, {
+      label: o.i18nt("designer.setting.valueKeyName")
+    }, {
+      default: l(() => [
+        i(r, {
+          size: "small",
+          value: e.optionModel.valueKey,
+          "onUpdate:value": t[1] || (t[1] = (n) => e.optionModel.valueKey = n),
+          allowClear: ""
+        }, null, 8, ["value"])
+      ]),
+      _: 1
+    }, 8, ["label"]),
+    o.hasConfig("childrenKey") ? (s(), m(d, {
+      key: 0,
+      label: o.i18nt("designer.setting.childrenKeyName")
+    }, {
+      default: l(() => [
+        i(r, {
+          size: "small",
+          value: e.optionModel.childrenKey,
+          "onUpdate:value": t[2] || (t[2] = (n) => e.optionModel.childrenKey = n),
+          allowClear: ""
+        }, null, 8, ["value"])
+      ]),
+      _: 1
+    }, 8, ["label"])) : u("", !0),
+    i(d, {
+      label: o.i18nt("designer.setting.dsEnabled")
+    }, {
+      default: l(() => [
+        i(c, {
+          checked: e.optionModel.dsEnabled,
+          "onUpdate:checked": t[3] || (t[3] = (n) => e.optionModel.dsEnabled = n)
+        }, null, 8, ["checked"])
+      ]),
+      _: 1
+    }, 8, ["label"]),
+    e.optionModel.dsEnabled ? (s(), m(f, {
+      key: 1,
+      designer: e.designer,
+      "selected-widget": e.selectedWidget,
+      optionModel: e.optionModel
+    }, null, 8, ["designer", "selected-widget", "optionModel"])) : u("", !0),
+    e.optionModel.dsEnabled ? u("", !0) : (s(), m(d, {
+      key: 2,
+      "label-width": "0"
+    }, {
+      default: l(() => [
+        i(p, {
+          designer: e.designer,
+          "selected-widget": e.selectedWidget
+        }, null, 8, ["designer", "selected-widget"])
+      ]),
+      _: 1
+    }))
+  ], 64);
+}
+const H = /* @__PURE__ */ C(E, [["render", K]]);
+export {
+  H as default
+};

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

@@ -0,0 +1,32 @@
+import p from "../../../../utils/i18n.js";
+import a from "./propertyMixin.js";
+import { resolveComponent as t, createBlock as c, openBlock as d, withCtx as m, createVNode as s } from "vue";
+import _ from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const f = {
+  name: "placeholder-editor",
+  mixins: [p, a],
+  props: {
+    designer: Object,
+    selectedWidget: Object,
+    optionModel: Object
+  }
+};
+function u(n, e, o, x, b, h) {
+  const r = t("a-input"), l = t("a-form-item");
+  return d(), c(l, {
+    label: n.i18nt("designer.setting.placeholder")
+  }, {
+    default: m(() => [
+      s(r, {
+        type: "text",
+        value: o.optionModel.placeholder,
+        "onUpdate:value": e[0] || (e[0] = (i) => o.optionModel.placeholder = i)
+      }, null, 8, ["value"])
+    ]),
+    _: 1
+  }, 8, ["label"]);
+}
+const O = /* @__PURE__ */ _(f, [["render", u]]);
+export {
+  O as default
+};

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

@@ -0,0 +1,45 @@
+import p from "../../../../utils/i18n.js";
+import { resolveComponent as o, createBlock as c, openBlock as m, withCtx as i, createVNode as s } from "vue";
+import d from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const u = {
+  name: "placement-editor",
+  componentName: "PropertyEditor",
+  mixins: [p],
+  props: {
+    designer: Object,
+    selectedWidget: Object,
+    optionModel: Object
+  },
+  data() {
+    return {
+      placementList: [
+        { value: "bottomLeft", label: "下左 " },
+        { value: "bottom", label: "下中" },
+        { value: "bottomRight", label: "下右" },
+        { value: "topLeft", label: "上左" },
+        { value: "top", label: "上中" },
+        { value: "topRight", label: "上右" }
+      ]
+    };
+  },
+  created() {
+  }
+};
+function _(b, e, t, f, l, v) {
+  const a = o("a-select"), n = o("a-form-item");
+  return m(), c(n, { label: "菜单弹出位置" }, {
+    default: i(() => [
+      s(a, {
+        value: t.optionModel.placement,
+        "onUpdate:value": e[0] || (e[0] = (r) => t.optionModel.placement = r),
+        allowClear: "",
+        options: l.placementList
+      }, null, 8, ["value", "options"])
+    ]),
+    _: 1
+  });
+}
+const j = /* @__PURE__ */ d(u, [["render", _]]);
+export {
+  j as default
+};

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

@@ -0,0 +1,33 @@
+import p from "../../../../utils/i18n.js";
+import { resolveComponent as t, createBlock as c, openBlock as l, withCtx as a, createVNode as m } from "vue";
+import d from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const u = {
+  name: "precision-editor",
+  mixins: [p],
+  props: {
+    designer: Object,
+    selectedWidget: Object,
+    optionModel: Object
+  }
+};
+function _(n, e, o, f, b, g) {
+  const i = t("a-input-number"), r = t("a-form-item");
+  return l(), c(r, {
+    label: n.i18nt("designer.setting.precision")
+  }, {
+    default: a(() => [
+      m(i, {
+        value: o.optionModel.precision,
+        "onUpdate:value": e[0] || (e[0] = (s) => o.optionModel.precision = s),
+        min: 0,
+        class: "hide-spin-button",
+        style: { width: "100%" }
+      }, null, 8, ["value"])
+    ]),
+    _: 1
+  }, 8, ["label"]);
+}
+const M = /* @__PURE__ */ d(u, [["render", _]]);
+export {
+  M as default
+};

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

@@ -0,0 +1,30 @@
+const t = {
+  methods: {
+    hasConfig(e) {
+      return !this.designer || !this.designer.selectedWidget ? !1 : this.designer.hasConfig(this.selectedWidget, e);
+    },
+    emitDefaultValueChange() {
+      if (this.designer && this.designer.formWidget) {
+        const e = this.designer.formWidget.getWidgetRef(
+          this.designer.selectedWidget.options.name
+        );
+        e && e.refreshDefaultValue && e.refreshDefaultValue();
+      }
+    },
+    inputNumberHandler(e) {
+      e = e.replace(/[^0-9]/gi, "");
+    },
+    onRemoteChange(e) {
+      e && (this.optionModel.filterable = !0);
+    },
+    onAllowCreateChange(e) {
+      e && (this.optionModel.filterable = !0);
+    },
+    onMultipleSelected(e) {
+      e ? this.optionModel.defaultValue = [] : this.optionModel.defaultValue && this.optionModel.defaultValue.length > 0 ? this.optionModel.defaultValue = this.optionModel.defaultValue[0] : this.optionModel.defaultValue = "";
+    }
+  }
+};
+export {
+  t as default
+};