@kp-ui/lowcode 1.0.20 → 1.0.21

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

@@ -0,0 +1,143 @@
+import h from "../../../../utils/i18n.js";
+import b 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 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, _],
+  props: {
+    designer: Object,
+    selectedWidget: Object,
+    optionModel: Object
+  },
+  components: {
+    OptionItemsSetting: b,
+    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/es/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/es/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/es/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/es/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
+};

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

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

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

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

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

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

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

@@ -0,0 +1,43 @@
+import a from "../../../../utils/i18n.js";
+import { deepClone as c } from "../../../../utils/util.js";
+import { resolveComponent as o, createBlock as d, openBlock as m, withCtx as p, createVNode as C } from "vue";
+import _ from "../../../../_virtual/_plugin-vue_export-helper.js";
+const f = {
+  name: "rightSlotCss-editor",
+  componentName: "PropertyEditor",
+  mixins: [a],
+  props: {
+    designer: Object,
+    selectedWidget: Object,
+    optionModel: Object
+  },
+  data() {
+    return {
+      cssClassList: []
+    };
+  },
+  created() {
+    this.cssClassList = c(this.designer.getCssClassList()), this.designer.handleEvent("form-css-updated", (t) => {
+      this.cssClassList = t;
+    });
+  }
+};
+function u(t, e, s, g, i, h) {
+  const r = o("a-select"), n = o("a-form-item");
+  return m(), d(n, { label: "头部右插槽样式" }, {
+    default: p(() => [
+      C(r, {
+        value: s.optionModel.rightSlotCss,
+        "onUpdate:value": e[0] || (e[0] = (l) => s.optionModel.rightSlotCss = l),
+        allowClear: "",
+        mode: "tags",
+        options: i.cssClassList
+      }, null, 8, ["value", "options"])
+    ]),
+    _: 1
+  });
+}
+const S = /* @__PURE__ */ _(f, [["render", u]]);
+export {
+  S as default
+};

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

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

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

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

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

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

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

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

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

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

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

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

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

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