@kp-ui/lowcode 2.13.1 → 2.14.0-alpha

package/src/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/src/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/src/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/src/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/src/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/src/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/src/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/src/components/form-designer/setting-panel/property-editor/container-sub-form/sub-form-labelAlign-editor.vue.js

@@ -0,0 +1,47 @@
+import m from "../../../../../utils/i18n.js";
+import { resolveComponent as o, createBlock as p, openBlock as c, withCtx as e, createVNode as n, createTextVNode as a, toDisplayString as d } from "vue";
+import _ 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, l, A, v, j) {
+  const r = o("a-radio-button"), s = o("a-radio-group"), g = o("a-form-item");
+  return c(), p(g, {
+    label: t.i18nt("designer.setting.labelAlign")
+  }, {
+    default: e(() => [
+      n(s, {
+        value: l.optionModel.labelAlign,
+        "onUpdate:value": i[0] || (i[0] = (u) => l.optionModel.labelAlign = u),
+        class: "radio-group-custom"
+      }, {
+        default: e(() => [
+          n(r, { value: "left" }, {
+            default: e(() => [
+              a(d(t.i18nt("designer.setting.leftAlign")), 1)
+            ]),
+            _: 1
+          }),
+          n(r, { value: "right" }, {
+            default: e(() => [
+              a(d(t.i18nt("designer.setting.rightAlign")), 1)
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      }, 8, ["value"])
+    ]),
+    _: 1
+  }, 8, ["label"]);
+}
+const h = /* @__PURE__ */ _(f, [["render", b]]);
+export {
+  h as default
+};

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

@@ -0,0 +1,134 @@
+import T from "../../../../../utils/i18n.js";
+import P from "../../../../../lib/vuedraggable/src/vuedraggable.js";
+import { deepClone as y } from "../../../../../utils/util.js";
+import { resolveComponent as s, createElementBlock as M, openBlock as k, createVNode as a, withCtx as i, createElementVNode as d, mergeProps as x, createTextVNode as r, toDisplayString as g } 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: P
+  },
+  props: {
+    designer: Object,
+    selectedWidget: Object,
+    optionModel: Object
+  },
+  data() {
+    return {
+      cssClassList: []
+    };
+  },
+  created() {
+    this.cssClassList = y(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, n) {
+      if (console.log("curTabs, tpIdx: ", e, t, n), e.tabs.length === 1) {
+        this.$message.info(this.i18nt("designer.hint.lastPaneCannotBeDeleted"));
+        return;
+      }
+      this.optionModel.activeTab === n.options.label && (this.optionModel.activeTab = ""), this.designer.deleteTabPaneOfTabs(e, t), this.designer.emitHistoryChange();
+    }
+  }
+}, O = { class: "col-item" };
+function w(e, t, n, N, u, c) {
+  const b = s("a-select"), l = s("a-form-item"), _ = s("a-radio"), v = s("a-input"), m = s("a-button"), f = s("draggable"), C = s("a-radio-group");
+  return k(), M("div", null, [
+    a(l, {
+      label: e.i18nt("designer.setting.customClass")
+    }, {
+      default: i(() => [
+        a(b, {
+          value: n.optionModel.customClass,
+          "onUpdate:value": t[0] || (t[0] = (o) => n.optionModel.customClass = o),
+          allowClear: "",
+          mode: "tags",
+          options: u.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(C, {
+          value: n.optionModel.activeTab,
+          "onUpdate:value": t[1] || (t[1] = (o) => n.optionModel.activeTab = o)
+        }, {
+          default: i(() => [
+            a(f, x({
+              tag: "ul",
+              list: n.selectedWidget.tabs,
+              "item-key": "id"
+            }, { group: "panesGroup", ghostClass: "ghost", handle: ".drag-option" }), {
+              item: i(({ element: o, index: h }) => [
+                d("li", O, [
+                  a(_, {
+                    value: o.options.label,
+                    style: { "margin-right": "8px" }
+                  }, {
+                    default: i(() => [
+                      r(g(e.i18nt("designer.setting.paneActive")), 1)
+                    ]),
+                    _: 2
+                  }, 1032, ["value"]),
+                  a(v, {
+                    type: "text",
+                    value: o.options.label,
+                    "onUpdate:value": (p) => o.options.label = p,
+                    style: { width: "120px" }
+                  }, null, 8, ["value", "onUpdate:value"]),
+                  t[3] || (t[3] = d("i", { class: "iconfont icon-drag drag-option" }, null, -1)),
+                  a(m, {
+                    size: "small",
+                    type: "danger",
+                    onClick: (p) => c.deleteTabPane(n.selectedWidget, h, o),
+                    class: "col-delete-button"
+                  }, {
+                    default: i(() => [
+                      r(g(e.i18nt("designer.setting.delete")), 1)
+                    ]),
+                    _: 2
+                  }, 1032, ["onClick"])
+                ])
+              ]),
+              _: 1
+            }, 16, ["list"])
+          ]),
+          _: 1
+        }, 8, ["value"]),
+        d("div", null, [
+          a(m, {
+            type: "text",
+            onClick: t[2] || (t[2] = (o) => c.addTabPane(n.selectedWidget))
+          }, {
+            default: i(() => [
+              r(g(e.i18nt("designer.setting.addTabPane")), 1)
+            ]),
+            _: 1
+          })
+        ])
+      ]),
+      _: 1
+    })
+  ]);
+}
+const A = /* @__PURE__ */ E(L, [["render", w], ["__scopeId", "data-v-c935c9c7"]]);
+export {
+  A as default
+};

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

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

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

@@ -0,0 +1,49 @@
+import s from "../../../../../utils/i18n.js";
+import { resolveComponent as o, createBlock as m, openBlock as c, withCtx as p, createVNode as d } from "vue";
+import b from "../../../../../../_virtual/_plugin-vue_export-helper.js";
+const u = {
+  name: "tab-tabPosition-editor",
+  componentName: "PropertyEditor",
+  mixins: [s],
+  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 f(n, t, e, _, i, v) {
+  const a = o("a-select"), l = o("a-form-item");
+  return c(), m(l, {
+    label: n.i18nt("designer.setting.tabPosition")
+  }, {
+    default: p(() => [
+      d(a, {
+        value: e.optionModel.tabPosition,
+        "onUpdate:value": t[0] || (t[0] = (r) => e.optionModel.tabPosition = r),
+        options: i.modeList
+      }, null, 8, ["value", "options"])
+    ]),
+    _: 1
+  }, 8, ["label"]);
+}
+const h = /* @__PURE__ */ b(u, [["render", f]]);
+export {
+  h as default
+};

package/src/components/form-designer/setting-panel/property-editor/container-tab/tab-type-editor.vue.js

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

package/src/components/form-designer/setting-panel/property-editor/container-table-cell/cellHeight-editor.vue.js

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

package/src/components/form-designer/setting-panel/property-editor/container-table-cell/cellWidth-editor.vue.js

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

package/src/components/form-designer/setting-panel/property-editor/container-vf-dialog/bodyStyle-editor.vue.js

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