@kp-ui/lowcode 1.0.3 → 1.0.21

package/es/components/form-designer/setting-panel/property-editor/labelIconClass-editor.vue.js

@@ -0,0 +1,44 @@
+import c from "../../../../utils/i18n.js";
+import { resolveComponent as t, createElementBlock as m, openBlock as p, createVNode as e, withCtx as o, createTextVNode as _, toDisplayString as u } from "vue";
+import f from "../../../../_virtual/_plugin-vue_export-helper.js";
+const b = {
+  name: "labelIconClass-editor",
+  mixins: [c],
+  props: {
+    designer: Object,
+    selectedWidget: Object,
+    optionModel: Object
+  }
+};
+function v(n, l, a, g, C, I) {
+  const s = t("a-divider"), i = t("a-form-item"), r = t("a-input");
+  return p(), m("div", null, [
+    e(i, { "label-width": "0" }, {
+      default: o(() => [
+        e(s, { class: "custom-divider" }, {
+          default: o(() => [
+            _(u(n.i18nt("designer.setting.customLabelIcon")), 1)
+          ]),
+          _: 1
+        })
+      ]),
+      _: 1
+    }),
+    e(i, {
+      label: n.i18nt("designer.setting.labelIconClass")
+    }, {
+      default: o(() => [
+        e(r, {
+          type: "text",
+          value: a.optionModel.labelIconClass,
+          "onUpdate:value": l[0] || (l[0] = (d) => a.optionModel.labelIconClass = d)
+        }, null, 8, ["value"])
+      ]),
+      _: 1
+    }, 8, ["label"])
+  ]);
+}
+const O = /* @__PURE__ */ f(b, [["render", v]]);
+export {
+  O as default
+};

package/es/components/form-designer/setting-panel/property-editor/labelIconPosition-editor.vue.js

@@ -0,0 +1,52 @@
+import p from "../../../../utils/i18n.js";
+import { resolveComponent as o, createBlock as i, openBlock as t, withCtx as l, createVNode as _, createElementBlock as b, Fragment as m, renderList as f, createTextVNode as v, toDisplayString as I } from "vue";
+import P from "../../../../_virtual/_plugin-vue_export-helper.js";
+const g = {
+  name: "labelIconPosition-editor",
+  mixins: [p],
+  props: {
+    designer: Object,
+    selectedWidget: Object,
+    optionModel: Object
+  },
+  data() {
+    return {
+      labelIconPosition: [
+        { label: "标签前面", value: "front" },
+        { label: "标签后面", value: "rear" }
+      ]
+    };
+  }
+};
+function x(r, n, a, k, c, j) {
+  const s = o("a-select-option"), d = o("a-select"), u = o("a-form-item");
+  return t(), i(u, {
+    label: r.i18nt("designer.setting.labelIconPosition")
+  }, {
+    default: l(() => [
+      _(d, {
+        value: a.optionModel.labelIconPosition,
+        "onUpdate:value": n[0] || (n[0] = (e) => a.optionModel.labelIconPosition = e)
+      }, {
+        default: l(() => [
+          (t(!0), b(m, null, f(c.labelIconPosition, (e) => (t(), i(s, {
+            key: e.value,
+            label: e.label,
+            value: e.value
+          }, {
+            default: l(() => [
+              v(I(e.label), 1)
+            ]),
+            _: 2
+          }, 1032, ["label", "value"]))), 128))
+        ]),
+        _: 1
+      }, 8, ["value"])
+    ]),
+    _: 1
+  }, 8, ["label"]);
+}
+const y = /* @__PURE__ */ P(g, [["render", x]]);
+export {
+  y as default
+};

package/es/components/form-designer/setting-panel/property-editor/labelTooltip-editor.vue.js

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

package/es/components/form-designer/setting-panel/property-editor/labelWidth-editor.vue.js

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

package/es/components/form-designer/setting-panel/property-editor/limit-editor.vue.js

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

package/es/components/form-designer/setting-panel/property-editor/loadingPage-editor.vue.js

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

package/es/components/form-designer/setting-panel/property-editor/max-editor.vue.js

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

package/es/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/es/components/form-designer/setting-panel/property-editor/maxSize-editor.vue.js

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

package/es/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/es/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/es/components/form-designer/setting-panel/property-editor/multiple-editor.vue.js

@@ -0,0 +1,37 @@
+import s from "../../../../utils/i18n.js";
+import { resolveComponent as i, createBlock as c, openBlock as a, withCtx as f, createVNode as m } from "vue";
+import p from "../../../../_virtual/_plugin-vue_export-helper.js";
+const u = {
+  name: "multiple-editor",
+  mixins: [s],
+  props: {
+    designer: Object,
+    selectedWidget: Object,
+    optionModel: Object
+  },
+  methods: {
+    changeMultiple(t) {
+      if (this.designer && this.designer.formWidget) {
+        const e = this.designer.formWidget.getWidgetRef(this.optionModel.name);
+        e && e.refreshDefaultValue && (t ? this.optionModel.defaultValue = [] : this.optionModel.defaultValue = null, e.refreshDefaultValue());
+      }
+    }
+  }
+};
+function h(t, e, o, g, _, n) {
+  const l = i("a-switch"), d = i("a-form-item");
+  return a(), c(d, { label: "是否可多选" }, {
+    default: f(() => [
+      m(l, {
+        checked: o.optionModel.multiple,
+        "onUpdate:checked": e[0] || (e[0] = (r) => o.optionModel.multiple = r),
+        onChange: n.changeMultiple
+      }, null, 8, ["checked", "onChange"])
+    ]),
+    _: 1
+  });
+}
+const V = /* @__PURE__ */ p(u, [["render", h]]);
+export {
+  V as default
+};

package/es/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/es/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
+};