@kp-ui/lowcode 1.0.20 → 1.0.21

package/es/components/form-designer/form-widget/container-widget/grid-sub-form-widget.vue.js

@@ -0,0 +1,106 @@
+import c from "../../../../utils/i18n.js";
+import p from "./container-wrapper.vue.js";
+import w from "../field-widget/index.js";
+import f from "./containerMixin.js";
+import u from "../../refMixinDesign.js";
+import { resolveComponent as o, createBlock as a, openBlock as d, withCtx as s, createElementBlock as h, withModifiers as b, normalizeClass as C, createElementVNode as x, createVNode as _, mergeProps as v, createCommentVNode as F, resolveDynamicComponent as S } from "vue";
+/* empty css                          */
+import k from "../../../../_virtual/_plugin-vue_export-helper.js";
+const y = {
+  name: "grid-sub-form-widget",
+  componentName: "ContainerWidget",
+  mixins: [c, f, u],
+  inject: ["refList"],
+  components: {
+    ContainerWrapper: p,
+    ...w
+  },
+  props: {
+    widget: Object,
+    parentWidget: Object,
+    parentList: Array,
+    indexOfParentList: Number,
+    designer: Object
+  },
+  provide() {
+    return {
+      getSubFormFieldFlag: () => !0,
+      getSubFormName: () => this.widget.options.name
+    };
+  },
+  computed: {
+    selected() {
+      return this.widget.id === this.designer.selectedId;
+    },
+    customClass() {
+      return this.widget.options.customClass || "";
+    }
+  },
+  watch: {
+    //
+  },
+  created() {
+    this.initRefList();
+  },
+  mounted() {
+  },
+  methods: {
+    onSubFormDragAdd(t, n) {
+      const e = t.newIndex;
+      n[e] && this.designer.setSelected(n[e]), this.designer.emitHistoryChange(), console.log("test", "onSubFormDragAdd"), this.designer.emitEvent("field-selected", this.widget);
+    },
+    onSubFormDragEnd(t) {
+      console.log("sub form drag end: ", t);
+    }
+  }
+}, D = { class: "grid-sub-form" };
+function L(t, n, e, E, N, r) {
+  const g = o("draggable"), m = o("container-wrapper");
+  return d(), a(m, {
+    designer: e.designer,
+    widget: e.widget,
+    "parent-widget": e.parentWidget,
+    "parent-list": e.parentList,
+    "index-of-parent-list": e.indexOfParentList
+  }, {
+    default: s(() => [
+      (d(), h("div", {
+        key: e.widget.id,
+        class: C(["sub-form-container", { selected: r.selected }]),
+        onClick: n[1] || (n[1] = b((i) => t.selectWidget(e.widget), ["stop"]))
+      }, [
+        x("div", D, [
+          _(g, v({
+            list: e.widget.widgetList,
+            "item-key": "id"
+          }, { group: "dragGroup", ghostClass: "ghost", animation: 200 }, {
+            tag: "transition-group",
+            "component-data": { name: "fade" },
+            handle: ".drag-handler",
+            onAdd: n[0] || (n[0] = (i) => r.onSubFormDragAdd(i, e.widget.widgetList)),
+            onEnd: r.onSubFormDragEnd,
+            onUpdate: t.onContainerDragUpdate,
+            move: t.checkContainerMove
+          }), {
+            item: s(({ element: i, index: l }) => [
+              i.category === "container" ? (d(), a(S(i.type + "-widget"), {
+                widget: i,
+                designer: e.designer,
+                key: i.id,
+                "parent-list": e.widget.widgetList,
+                "index-of-parent-list": l,
+                "parent-widget": e.widget
+              }, null, 8, ["widget", "designer", "parent-list", "index-of-parent-list", "parent-widget"])) : F("", !0)
+            ]),
+            _: 1
+          }, 16, ["list", "onEnd", "onUpdate", "move"])
+        ])
+      ], 2))
+    ]),
+    _: 1
+  }, 8, ["designer", "widget", "parent-widget", "parent-list", "index-of-parent-list"]);
+}
+const V = /* @__PURE__ */ k(y, [["render", L], ["__scopeId", "data-v-1fae3721"]]);
+export {
+  V as default
+};

package/es/components/form-designer/form-widget/container-widget/grid-widget.vue.js

@@ -0,0 +1,79 @@
+import w from "../../../../utils/i18n.js";
+import f from "./grid-col-widget.vue.js";
+import p from "./containerMixin.js";
+import u from "./container-wrapper.vue.js";
+import _ from "../../refMixinDesign.js";
+import { resolveComponent as n, createBlock as r, openBlock as t, withCtx as s, withModifiers as h, normalizeClass as x, createElementBlock as C, Fragment as L, renderList as k } from "vue";
+/* empty css                 */
+import W from "../../../../_virtual/_plugin-vue_export-helper.js";
+const O = {
+  name: "grid-widget",
+  componentName: "ContainerWidget",
+  mixins: [w, p, _],
+  inject: ["refList"],
+  components: {
+    ContainerWrapper: u,
+    GridColWidget: f
+  },
+  props: {
+    widget: Object,
+    parentWidget: Object,
+    parentList: Array,
+    indexOfParentList: Number,
+    designer: Object
+  },
+  computed: {
+    selected() {
+      return this.widget.id === this.designer.selectedId;
+    },
+    customClass() {
+      return this.widget.options.customClass || "";
+    }
+  },
+  watch: {
+    //
+  },
+  created() {
+    this.initRefList();
+  },
+  mounted() {
+  },
+  methods: {}
+};
+function b(a, d, e, j, v, o) {
+  const g = n("grid-col-widget"), c = n("a-row"), l = n("container-wrapper");
+  return t(), r(l, {
+    designer: e.designer,
+    widget: e.widget,
+    "parent-widget": e.parentWidget,
+    "parent-list": e.parentList,
+    "index-of-parent-list": e.indexOfParentList
+  }, {
+    default: s(() => [
+      (t(), r(c, {
+        key: e.widget.id,
+        gutter: e.widget.options.gutter,
+        class: x(["grid-container", [o.selected ? "selected" : "", o.customClass]]),
+        onClick: d[0] || (d[0] = h((i) => a.selectWidget(e.widget), ["stop"]))
+      }, {
+        default: s(() => [
+          (t(!0), C(L, null, k(e.widget.cols, (i, m) => (t(), r(g, {
+            key: i.id,
+            widget: i,
+            designer: e.designer,
+            "parent-list": e.widget.cols,
+            "index-of-parent-list": m,
+            "parent-widget": e.widget,
+            "col-height": e.widget.options.colHeight
+          }, null, 8, ["widget", "designer", "parent-list", "index-of-parent-list", "parent-widget", "col-height"]))), 128))
+        ]),
+        _: 1
+      }, 8, ["gutter", "class"]))
+    ]),
+    _: 1
+  }, 8, ["designer", "widget", "parent-widget", "parent-list", "index-of-parent-list"]);
+}
+const D = /* @__PURE__ */ W(O, [["render", b], ["__scopeId", "data-v-95f5c98f"]]);
+export {
+  D as default
+};

package/es/components/form-designer/form-widget/container-widget/index.js

@@ -0,0 +1,25 @@
+import * as r from "./container-wrapper.vue.js";
+import * as a from "./data-table-widget.vue.js";
+import * as d from "./grid-col-widget.vue.js";
+import * as m from "./grid-sub-form-widget.vue.js";
+import * as g from "./grid-widget.vue.js";
+import * as f from "./sub-form-widget.vue.js";
+import * as s from "./tab-widget.vue.js";
+import * as l from "./table-cell-widget.vue.js";
+import * as v from "./table-widget.vue.js";
+import * as p from "./vf-box-item.vue.js";
+import * as u from "./vf-box-widget.vue.js";
+import * as n from "./vf-collapse-widget.vue.js";
+import * as b from "./vf-dialog-widget.vue.js";
+import * as w from "./vf-drawer-widget.vue.js";
+const e = /* @__PURE__ */ Object.assign({ "./container-wrapper.vue": r, "./data-table-widget.vue": a, "./grid-col-widget.vue": d, "./grid-sub-form-widget.vue": m, "./grid-widget.vue": g, "./sub-form-widget.vue": f, "./tab-widget.vue": s, "./table-cell-widget.vue": l, "./table-widget.vue": v, "./vf-box-item.vue": p, "./vf-box-widget.vue": u, "./vf-collapse-widget.vue": n, "./vf-dialog-widget.vue": b, "./vf-drawer-widget.vue": w }), W = {
+  install(i) {
+    for (const t in e) {
+      const o = e[t].default.name;
+      i.component(o, e[t].default);
+    }
+  }
+};
+export {
+  W as default
+};

package/es/components/form-designer/form-widget/container-widget/sub-form-widget.vue.js

@@ -0,0 +1,121 @@
+import u from "../../../../utils/i18n.js";
+import w from "./containerMixin.js";
+import h from "./container-wrapper.vue.js";
+import b from "../field-widget/index.js";
+import _ from "../../refMixinDesign.js";
+import { resolveComponent as r, createBlock as s, openBlock as d, withCtx as a, createElementBlock as x, withModifiers as C, normalizeClass as v, createVNode as m, createElementVNode as g, mergeProps as y, normalizeStyle as F, resolveDynamicComponent as S } from "vue";
+/* empty css                     */
+import k from "../../../../_virtual/_plugin-vue_export-helper.js";
+const D = {
+  name: "sub-form-widget",
+  componentName: "ContainerWidget",
+  mixins: [u, w, _],
+  inject: ["refList"],
+  components: {
+    ContainerWrapper: h,
+    ...b
+  },
+  props: {
+    widget: Object,
+    parentWidget: Object,
+    parentList: Array,
+    indexOfParentList: Number,
+    designer: Object
+  },
+  provide() {
+    return {
+      getSubFormFieldFlag: () => !0,
+      getSubFormName: () => this.widget.options.name
+    };
+  },
+  computed: {
+    selected() {
+      return this.widget.id === this.designer.selectedId;
+    },
+    customClass() {
+      return this.widget.options.customClass || "";
+    }
+  },
+  watch: {
+    //
+  },
+  created() {
+    this.initRefList();
+  },
+  mounted() {
+  },
+  methods: {
+    onSubFormDragAdd(t, n) {
+      const e = t.newIndex;
+      n[e] && this.designer.setSelected(n[e]), this.designer.emitHistoryChange(), console.log("test", "onSubFormDragAdd"), this.designer.emitEvent("field-selected", this.widget);
+    },
+    onSubFormDragEnd(t) {
+      console.log("sub form drag end: ", t);
+    }
+  }
+}, L = { class: "sub-form-table" };
+function E(t, n, e, A, N, o) {
+  const l = r("draggable"), c = r("a-form"), f = r("container-wrapper");
+  return d(), s(f, {
+    designer: e.designer,
+    widget: e.widget,
+    "parent-widget": e.parentWidget,
+    "parent-list": e.parentList,
+    "index-of-parent-list": e.indexOfParentList
+  }, {
+    default: a(() => [
+      (d(), x("div", {
+        key: e.widget.id,
+        class: v(["sub-form-container", { selected: o.selected }]),
+        onClick: n[1] || (n[1] = C((i) => t.selectWidget(e.widget), ["stop"]))
+      }, [
+        m(c, {
+          layout: "horizontal",
+          class: "tpf-form"
+        }, {
+          default: a(() => [
+            g("div", L, [
+              m(l, y({
+                list: e.widget.widgetList,
+                "item-key": "id"
+              }, { group: "dragGroup", ghostClass: "ghost", animation: 200 }, {
+                tag: "transition-group",
+                "component-data": { name: "fade" },
+                handle: ".drag-handler",
+                onAdd: n[0] || (n[0] = (i) => o.onSubFormDragAdd(i, e.widget.widgetList)),
+                onEnd: o.onSubFormDragEnd,
+                onUpdate: t.onContainerDragUpdate,
+                move: t.checkContainerMove
+              }), {
+                item: a(({ element: i, index: p }) => [
+                  g("div", {
+                    class: "sub-form-table-column",
+                    style: F({ width: i.options.columnWidth })
+                  }, [
+                    (d(), s(S(i.type + "-widget"), {
+                      field: i,
+                      designer: e.designer,
+                      key: i.id,
+                      "parent-list": e.widget.widgetList,
+                      "index-of-parent-list": p,
+                      "parent-widget": e.widget,
+                      "design-state": !0,
+                      "sub-form-item-flag": !0
+                    }, null, 8, ["field", "designer", "parent-list", "index-of-parent-list", "parent-widget"]))
+                  ], 4)
+                ]),
+                _: 1
+              }, 16, ["list", "onEnd", "onUpdate", "move"])
+            ])
+          ]),
+          _: 1
+        })
+      ], 2))
+    ]),
+    _: 1
+  }, 8, ["designer", "widget", "parent-widget", "parent-list", "index-of-parent-list"]);
+}
+const U = /* @__PURE__ */ k(D, [["render", E], ["__scopeId", "data-v-6f4a48e4"]]);
+export {
+  U as default
+};

package/es/components/form-designer/form-widget/container-widget/tab-widget.vue.js

@@ -0,0 +1,151 @@
+import y from "../../../../utils/i18n.js";
+import _ from "./containerMixin.js";
+import v from "./container-wrapper.vue.js";
+import x from "../field-widget/index.js";
+import T from "../../refMixinDesign.js";
+import { resolveComponent as r, createBlock as l, openBlock as s, withCtx as c, createElementBlock as p, withModifiers as w, normalizeClass as L, createVNode as f, Fragment as F, renderList as O, mergeProps as M, createElementVNode as B, resolveDynamicComponent as u } from "vue";
+/* empty css                */
+import P from "../../../../_virtual/_plugin-vue_export-helper.js";
+const N = {
+  name: "tab-widget",
+  componentName: "ContainerWidget",
+  mixins: [y, _, T],
+  inject: ["refList"],
+  components: {
+    ContainerWrapper: v,
+    ...x
+  },
+  props: {
+    widget: Object,
+    parentWidget: Object,
+    parentList: Array,
+    indexOfParentList: Number,
+    designer: Object,
+    designState: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  data() {
+    return {
+      //
+    };
+  },
+  computed: {
+    selected() {
+      return this.widget.id === this.designer.selectedId;
+    },
+    customClass() {
+      return this.widget.options.customClass || "";
+    }
+  },
+  watch: {
+    //
+  },
+  created() {
+    this.initRefList(), this.handleOnCreated();
+  },
+  mounted() {
+    this.handleOnMounted();
+  },
+  methods: {
+    handleOnCreated() {
+      this.widget.options.onCreated && new Function(this.widget.options.onCreated).call(this);
+    },
+    handleOnMounted() {
+      this.designState || this.widget.options.onMounted && new Function(this.widget.options.onMounted).call(this);
+    },
+    changeCurrentTab(e) {
+      var t, a;
+      const n = ((a = (t = this.widget.tabs[e]) == null ? void 0 : t.options) == null ? void 0 : a.label) || "";
+      this.onTabClick(n), this.widget.options.activeTab = n;
+    },
+    onTabClick(e) {
+      const n = this.widget.tabs.findIndex((d) => d.options.label === e), t = e;
+      if (this.widget.tabs.forEach((d) => {
+        d.options.active = d.options.name === t;
+      }), this.designState)
+        return;
+      const a = this.widget.options.onTabClick;
+      a && new Function("tab", "index", a).call(this, t, n);
+    }
+  }
+}, j = { class: "form-widget-list" };
+function A(e, n, t, a, d, g) {
+  const b = r("draggable"), h = r("a-tab-pane"), C = r("a-tabs"), k = r("container-wrapper");
+  return s(), l(k, {
+    designer: t.designer,
+    widget: t.widget,
+    "parent-widget": t.parentWidget,
+    "parent-list": t.parentList,
+    "index-of-parent-list": t.indexOfParentList
+  }, {
+    default: c(() => [
+      (s(), p("div", {
+        key: t.widget.id,
+        class: L(["tab-container", { selected: g.selected }]),
+        onClick: n[2] || (n[2] = w((o) => e.selectWidget(t.widget), ["stop"]))
+      }, [
+        f(C, {
+          type: t.widget.options.type,
+          tabBarGutter: t.widget.options.tabBarGutter,
+          tabPosition: t.widget.options.tabPosition,
+          activeKey: t.widget.options.activeTab,
+          "onUpdate:activeKey": n[1] || (n[1] = (o) => t.widget.options.activeTab = o),
+          onTabClick: g.onTabClick
+        }, {
+          default: c(() => [
+            (s(!0), p(F, null, O(t.widget.tabs, (o) => (s(), l(h, {
+              tab: o.options.label,
+              key: o.options.label,
+              onClick: n[0] || (n[0] = w((i) => e.selectWidget(t.widget), ["stop"]))
+            }, {
+              default: c(() => [
+                f(b, M({
+                  list: o.widgetList,
+                  "item-key": "id"
+                }, { group: "dragGroup", ghostClass: "ghost", animation: 200 }, {
+                  handle: ".drag-handler",
+                  tag: "transition-group",
+                  "component-data": { name: "fade" },
+                  onAdd: (i) => e.onContainerDragAdd(i, o.widgetList),
+                  onUpdate: e.onContainerDragUpdate,
+                  move: e.checkContainerMove
+                }), {
+                  item: c(({ element: i, index: m }) => [
+                    B("div", j, [
+                      i.category === "container" ? (s(), l(u(i.type + "-widget"), {
+                        widget: i,
+                        designer: t.designer,
+                        key: i.id,
+                        "parent-list": o.widgetList,
+                        "index-of-parent-list": m,
+                        "parent-widget": t.widget
+                      }, null, 8, ["widget", "designer", "parent-list", "index-of-parent-list", "parent-widget"])) : (s(), l(u(i.type + "-widget"), {
+                        field: i,
+                        designer: t.designer,
+                        key: i.id,
+                        "parent-list": o.widgetList,
+                        "index-of-parent-list": m,
+                        "parent-widget": t.widget,
+                        "design-state": !0
+                      }, null, 8, ["field", "designer", "parent-list", "index-of-parent-list", "parent-widget"]))
+                    ])
+                  ]),
+                  _: 2
+                }, 1040, ["list", "onAdd", "onUpdate", "move"])
+              ]),
+              _: 2
+            }, 1032, ["tab"]))), 128))
+          ]),
+          _: 1
+        }, 8, ["type", "tabBarGutter", "tabPosition", "activeKey", "onTabClick"])
+      ], 2))
+    ]),
+    _: 1
+  }, 8, ["designer", "widget", "parent-widget", "parent-list", "index-of-parent-list"]);
+}
+const z = /* @__PURE__ */ P(N, [["render", A], ["__scopeId", "data-v-743d0c0c"]]);
+export {
+  z as default
+};