@kp-ui/lowcode 1.0.3 → 1.0.21

package/es/components/form-designer/setting-panel/property-editor/container-grid/gutter-editor.vue.js

@@ -0,0 +1,127 @@
+import b from "../../../../../utils/i18n.js";
+import y from "../../../../svg-icon/index.vue.js";
+import { resolveComponent as a, createElementBlock as w, openBlock as k, createVNode as e, withCtx as i, createTextVNode as u, toDisplayString as r, createElementVNode as p, mergeProps as N } from "vue";
+/* empty css                   */
+import O from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const S = {
+  name: "gutter-editor",
+  components: { SvgIcon: y },
+  mixins: [b],
+  props: {
+    designer: Object,
+    selectedWidget: Object,
+    optionModel: Object
+  },
+  methods: {
+    spanChanged(t) {
+      let n = 0;
+      t.cols.forEach((o) => {
+        n += o.options.span;
+      }), n > 24 && console.log("列栅格之和超出24", this.$message1), this.designer.saveCurrentHistoryStep();
+    },
+    deleteCol(t, n) {
+      this.designer.deleteColOfGrid(t, n), this.designer.emitHistoryChange();
+    },
+    addNewCol(t) {
+      this.designer.addNewColOfGrid(t), this.designer.emitHistoryChange();
+    }
+  }
+}, W = { class: "col-item" }, E = { class: "col-span-title" };
+function G(t, n, o, j, H, c) {
+  const f = a("a-divider"), s = a("a-form-item"), _ = a("a-input-number"), g = a("a-button"), h = a("svg-icon"), v = a("draggable");
+  return k(), w("div", null, [
+    e(s, { "label-width": "0" }, {
+      default: i(() => [
+        e(f, { class: "custom-divider" }, {
+          default: i(() => [
+            u(r(t.i18nt("designer.setting.columnSetting")), 1)
+          ]),
+          _: 1
+        })
+      ]),
+      _: 1
+    }),
+    e(s, {
+      label: t.i18nt("designer.setting.gutter")
+    }, {
+      default: i(() => [
+        e(_, {
+          value: o.optionModel.gutter,
+          "onUpdate:value": n[0] || (n[0] = (l) => o.optionModel.gutter = l),
+          style: { width: "100%" }
+        }, null, 8, ["value"])
+      ]),
+      _: 1
+    }, 8, ["label"]),
+    e(s, {
+      label: t.i18nt("designer.setting.colsOfGrid")
+    }, null, 8, ["label"]),
+    e(s, { "label-width": "0" }, {
+      default: i(() => [
+        e(v, N({
+          list: o.selectedWidget.cols,
+          "item-key": "id"
+        }, { group: "dragGroup", ghostClass: "ghost", animation: 300 }, {
+          tag: "transition-group",
+          "component-data": { name: "fade" },
+          handle: ".drag-handler"
+        }), {
+          item: i(({ element: l, index: m }) => [
+            p("li", W, [
+              p("span", E, r(t.i18nt("designer.setting.colSpanTitle")) + r(m + 1), 1),
+              e(_, {
+                value: l.options.span,
+                "onUpdate:value": (d) => l.options.span = d,
+                min: 1,
+                max: 24,
+                onChange: (d, C) => c.spanChanged(o.selectedWidget, l, m, d, C),
+                class: "cell-span-input"
+              }, null, 8, ["value", "onUpdate:value", "onChange"]),
+              e(g, {
+                circle: "",
+                shape: "plain",
+                size: "small",
+                type: "danger",
+                onClick: (d) => c.deleteCol(o.selectedWidget, m),
+                class: "col-delete-button"
+              }, {
+                default: i(() => [
+                  u(" 删除 ")
+                ]),
+                _: 2
+              }, 1032, ["onClick"]),
+              e(g, {
+                circle: "",
+                shape: "plain",
+                size: "small",
+                class: "col-delete-button drag-handler"
+              }, {
+                default: i(() => [
+                  e(h, { "icon-class": "move1" })
+                ]),
+                _: 1
+              })
+            ])
+          ]),
+          _: 1
+        }, 16, ["list"]),
+        p("div", null, [
+          e(g, {
+            type: "primary",
+            onClick: n[1] || (n[1] = (l) => c.addNewCol(o.selectedWidget))
+          }, {
+            default: i(() => [
+              u(r(t.i18nt("designer.setting.addColumn")), 1)
+            ]),
+            _: 1
+          })
+        ])
+      ]),
+      _: 1
+    })
+  ]);
+}
+const T = /* @__PURE__ */ O(S, [["render", G], ["__scopeId", "data-v-35700e4d"]]);
+export {
+  T as default
+};

package/es/components/form-designer/setting-panel/property-editor/container-grid-col/grid-col-offset-editor.vue.js

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

package/es/components/form-designer/setting-panel/property-editor/container-grid-col/grid-col-pull-editor.vue.js

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

package/es/components/form-designer/setting-panel/property-editor/container-grid-col/grid-col-push-editor.vue.js

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

package/es/components/form-designer/setting-panel/property-editor/container-grid-col/grid-col-responsive-editor.vue.js

@@ -0,0 +1,30 @@
+import c from "../../../../../utils/i18n.js";
+import { resolveComponent as t, createBlock as d, openBlock as p, withCtx as l, createVNode as m } from "vue";
+import a from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const _ = {
+  name: "grid-col-responsive-editor",
+  mixins: [c],
+  props: {
+    designer: Object,
+    selectedWidget: Object,
+    optionModel: Object
+  }
+};
+function f(n, e, o, g, u, v) {
+  const i = t("a-switch"), r = t("a-form-item");
+  return p(), d(r, {
+    label: n.i18nt("designer.setting.responsive")
+  }, {
+    default: l(() => [
+      m(i, {
+        checked: o.optionModel.responsive,
+        "onUpdate:checked": e[0] || (e[0] = (s) => o.optionModel.responsive = s)
+      }, 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/container-grid-col/grid-col-span-editor.vue.js

@@ -0,0 +1,86 @@
+import p from "../../../../../utils/i18n.js";
+import { resolveComponent as f, createElementBlock as g, openBlock as n, createBlock as d, createCommentVNode as m, withCtx as r, createVNode as u } from "vue";
+import v from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const y = {
+  name: "grid-col-span-editor",
+  mixins: [p],
+  props: {
+    designer: Object,
+    selectedWidget: Object,
+    optionModel: Object
+  },
+  computed: {
+    formConfig() {
+      return this.designer.formConfig;
+    }
+  }
+};
+function b(l, t, e, M, C, s) {
+  const i = f("a-input-number"), a = f("a-form-item");
+  return n(), g("div", null, [
+    e.optionModel.responsive ? m("", !0) : (n(), d(a, {
+      key: 0,
+      label: l.i18nt("designer.setting.colSpanTitle")
+    }, {
+      default: r(() => [
+        u(i, {
+          value: e.optionModel.span,
+          "onUpdate:value": t[0] || (t[0] = (o) => e.optionModel.span = o),
+          min: 1,
+          max: 24,
+          style: { width: "100%" }
+        }, null, 8, ["value"])
+      ]),
+      _: 1
+    }, 8, ["label"])),
+    e.optionModel.responsive && s.formConfig.layoutType === "PC" ? (n(), d(a, {
+      key: 1,
+      label: l.i18nt("designer.setting.colSpanTitle") + "(PC)"
+    }, {
+      default: r(() => [
+        u(i, {
+          value: e.optionModel.md,
+          "onUpdate:value": t[1] || (t[1] = (o) => e.optionModel.md = o),
+          min: 1,
+          max: 24,
+          style: { width: "100%" }
+        }, null, 8, ["value"])
+      ]),
+      _: 1
+    }, 8, ["label"])) : m("", !0),
+    e.optionModel.responsive && s.formConfig.layoutType === "Pad" ? (n(), d(a, {
+      key: 2,
+      label: l.i18nt("designer.setting.colSpanTitle") + "(Pad)"
+    }, {
+      default: r(() => [
+        u(i, {
+          value: e.optionModel.sm,
+          "onUpdate:value": t[2] || (t[2] = (o) => e.optionModel.sm = o),
+          min: 1,
+          max: 24,
+          style: { width: "100%" }
+        }, null, 8, ["value"])
+      ]),
+      _: 1
+    }, 8, ["label"])) : m("", !0),
+    e.optionModel.responsive && s.formConfig.layoutType === "H5" ? (n(), d(a, {
+      key: 3,
+      label: l.i18nt("designer.setting.colSpanTitle") + "(H5)"
+    }, {
+      default: r(() => [
+        u(i, {
+          value: e.optionModel.xs,
+          "onUpdate:value": t[3] || (t[3] = (o) => e.optionModel.xs = o),
+          min: 1,
+          max: 24,
+          style: { width: "100%" }
+        }, null, 8, ["value"])
+      ]),
+      _: 1
+    }, 8, ["label"])) : m("", !0)
+  ]);
+}
+const x = /* @__PURE__ */ v(y, [["render", b]]);
+export {
+  x as default
+};

package/es/components/form-designer/setting-panel/property-editor/container-sub-form/showBlankRow-editor.vue.js

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

package/es/components/form-designer/setting-panel/property-editor/container-sub-form/showRowNumber-editor.vue.js

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

package/es/components/form-designer/setting-panel/property-editor/container-sub-form/sub-form-labelAlign-editor.vue.js

@@ -0,0 +1,48 @@
+import m from "../../../../../utils/i18n.js";
+import { resolveComponent as o, createBlock as u, openBlock as _, withCtx as e, createVNode as n, createTextVNode as r, toDisplayString as d } from "vue";
+/* empty css                                */
+import c from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const f = {
+  name: "sub-form-labelAlign-editor",
+  mixins: [m],
+  props: {
+    designer: Object,
+    selectedWidget: Object,
+    optionModel: Object
+  }
+};
+function b(t, i, a, v, A, j) {
+  const l = o("a-radio-button"), s = o("a-radio-group"), p = o("a-form-item");
+  return _(), u(p, {
+    label: t.i18nt("designer.setting.labelAlign")
+  }, {
+    default: e(() => [
+      n(s, {
+        value: a.optionModel.labelAlign,
+        "onUpdate:value": i[0] || (i[0] = (g) => a.optionModel.labelAlign = g),
+        class: "radio-group-custom"
+      }, {
+        default: e(() => [
+          n(l, { value: "left" }, {
+            default: e(() => [
+              r(d(t.i18nt("designer.setting.leftAlign")), 1)
+            ]),
+            _: 1
+          }),
+          n(l, { value: "right" }, {
+            default: e(() => [
+              r(d(t.i18nt("designer.setting.rightAlign")), 1)
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      }, 8, ["value"])
+    ]),
+    _: 1
+  }, 8, ["label"]);
+}
+const k = /* @__PURE__ */ c(f, [["render", b], ["__scopeId", "data-v-35af70d0"]]);
+export {
+  k as default
+};

package/es/components/form-designer/setting-panel/property-editor/container-tab/tab-customClass-editor.vue.js

@@ -0,0 +1,133 @@
+import T from "../../../../../utils/i18n.js";
+import { deepClone as P } from "../../../../../utils/util.js";
+import { resolveComponent as s, createElementBlock as y, openBlock as x, createVNode as a, withCtx as i, createElementVNode as r, mergeProps as M, createTextVNode as d, toDisplayString as u, pushScopeId as k, popScopeId as w } from "vue";
+/* empty css                            */
+import E from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const L = {
+  name: "tab-customClass-editor",
+  componentName: "PropertyEditor",
+  mixins: [T],
+  components: {
+    //Draggable,
+  },
+  props: {
+    designer: Object,
+    selectedWidget: Object,
+    optionModel: Object
+  },
+  data() {
+    return {
+      cssClassList: []
+    };
+  },
+  created() {
+    this.cssClassList = P(this.designer.getCssClassList()), this.designer.handleEvent("form-css-updated", (e) => {
+      this.cssClassList = e;
+    });
+  },
+  methods: {
+    onTabPaneActiveChange(e, t) {
+    },
+    addTabPane(e) {
+      this.designer.addTabPaneOfTabs(e), this.designer.emitHistoryChange();
+    },
+    deleteTabPane(e, t, o) {
+      if (console.log("curTabs, tpIdx: ", e, t, o), e.tabs.length === 1) {
+        this.$message.info(this.i18nt("designer.hint.lastPaneCannotBeDeleted"));
+        return;
+      }
+      this.optionModel.activeTab === o.options.label && (this.optionModel.activeTab = ""), this.designer.deleteTabPaneOfTabs(e, t), this.designer.emitHistoryChange();
+    }
+  }
+}, O = (e) => (k("data-v-388bef31"), e = e(), w(), e), S = { class: "col-item" }, N = /* @__PURE__ */ O(() => /* @__PURE__ */ r("i", { class: "iconfont icon-drag drag-option" }, null, -1));
+function U(e, t, o, W, m, c) {
+  const b = s("a-select"), l = s("a-form-item"), _ = s("a-radio"), v = s("a-input"), p = s("a-button"), f = s("draggable"), h = s("a-radio-group");
+  return x(), y("div", null, [
+    a(l, {
+      label: e.i18nt("designer.setting.customClass")
+    }, {
+      default: i(() => [
+        a(b, {
+          value: o.optionModel.customClass,
+          "onUpdate:value": t[0] || (t[0] = (n) => o.optionModel.customClass = n),
+          allowClear: "",
+          mode: "tags",
+          options: m.cssClassList
+        }, null, 8, ["value", "options"])
+      ]),
+      _: 1
+    }, 8, ["label"]),
+    a(l, {
+      label: e.i18nt("designer.setting.tabPaneSetting")
+    }, null, 8, ["label"]),
+    a(l, {
+      "label-width": "0",
+      class: "panes-setting"
+    }, {
+      default: i(() => [
+        a(h, {
+          value: o.optionModel.activeTab,
+          "onUpdate:value": t[1] || (t[1] = (n) => o.optionModel.activeTab = n)
+        }, {
+          default: i(() => [
+            a(f, M({
+              tag: "ul",
+              list: o.selectedWidget.tabs,
+              "item-key": "id"
+            }, { group: "panesGroup", ghostClass: "ghost", handle: ".drag-option" }), {
+              item: i(({ element: n, index: C }) => [
+                r("li", S, [
+                  a(_, {
+                    value: n.options.label,
+                    style: { "margin-right": "8px" }
+                  }, {
+                    default: i(() => [
+                      d(u(e.i18nt("designer.setting.paneActive")), 1)
+                    ]),
+                    _: 2
+                  }, 1032, ["value"]),
+                  a(v, {
+                    type: "text",
+                    value: n.options.label,
+                    "onUpdate:value": (g) => n.options.label = g,
+                    style: { width: "120px" }
+                  }, null, 8, ["value", "onUpdate:value"]),
+                  N,
+                  a(p, {
+                    size: "small",
+                    type: "danger",
+                    onClick: (g) => c.deleteTabPane(o.selectedWidget, C, n),
+                    class: "col-delete-button"
+                  }, {
+                    default: i(() => [
+                      d(" 删除 ")
+                    ]),
+                    _: 2
+                  }, 1032, ["onClick"])
+                ])
+              ]),
+              _: 1
+            }, 16, ["list"])
+          ]),
+          _: 1
+        }, 8, ["value"]),
+        r("div", null, [
+          a(p, {
+            type: "text",
+            onClick: t[2] || (t[2] = (n) => c.addTabPane(o.selectedWidget))
+          }, {
+            default: i(() => [
+              d(u(e.i18nt("designer.setting.addTabPane")), 1)
+            ]),
+            _: 1
+          })
+        ])
+      ]),
+      _: 1
+    })
+  ]);
+}
+const H = /* @__PURE__ */ E(L, [["render", U], ["__scopeId", "data-v-388bef31"]]);
+export {
+  H as default
+};

package/es/components/form-designer/setting-panel/property-editor/container-tab/tab-tabBarGutter-editor.vue.js

@@ -0,0 +1,42 @@
+import i from "../../../../../utils/i18n.js";
+import { resolveComponent as o, createBlock as c, openBlock as m, withCtx as p, createVNode as u } from "vue";
+import d from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const l = {
+  name: "tab-tabBarGutter-editor",
+  componentName: "PropertyEditor",
+  mixins: [i],
+  components: {},
+  props: {
+    designer: Object,
+    selectedWidget: Object,
+    optionModel: Object
+  },
+  data() {
+    return {};
+  },
+  computed: {},
+  watch: {},
+  created() {
+  },
+  mounted() {
+  }
+};
+function s(_, t, e, b, f, B) {
+  const n = o("a-input-number"), r = o("a-form-item");
+  return m(), c(r, { label: "tabs 之间的间隙" }, {
+    default: p(() => [
+      u(n, {
+        class: "t-w-full",
+        min: 0,
+        value: e.optionModel.tabBarGutter,
+        "onUpdate:value": t[0] || (t[0] = (a) => e.optionModel.tabBarGutter = a),
+        precision: 0
+      }, null, 8, ["value"])
+    ]),
+    _: 1
+  });
+}
+const j = /* @__PURE__ */ d(l, [["render", s]]);
+export {
+  j as default
+};

package/es/components/form-designer/setting-panel/property-editor/container-tab/tab-tabPosition-editor.vue.js

@@ -0,0 +1,47 @@
+import r from "../../../../../utils/i18n.js";
+import { resolveComponent as e, createBlock as m, openBlock as s, withCtx as c, createVNode as p } from "vue";
+import d from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const b = {
+  name: "tab-tabPosition-editor",
+  componentName: "PropertyEditor",
+  mixins: [r],
+  components: {},
+  props: {
+    designer: Object,
+    selectedWidget: Object,
+    optionModel: Object
+  },
+  data() {
+    return {
+      modeList: [
+        { value: "top", label: "top" },
+        { value: "right", label: "right" },
+        { value: "bottom", label: "bottom" },
+        { value: "left", label: "left" }
+      ]
+    };
+  },
+  computed: {},
+  watch: {},
+  created() {
+  },
+  mounted() {
+  }
+};
+function u(_, t, o, f, n, v) {
+  const a = e("a-select"), i = e("a-form-item");
+  return s(), m(i, { label: "页签位置" }, {
+    default: c(() => [
+      p(a, {
+        value: o.optionModel.tabPosition,
+        "onUpdate:value": t[0] || (t[0] = (l) => o.optionModel.tabPosition = l),
+        options: n.modeList
+      }, null, 8, ["value", "options"])
+    ]),
+    _: 1
+  });
+}
+const h = /* @__PURE__ */ d(b, [["render", u]]);
+export {
+  h as default
+};