@kp-ui/lowcode 2.14.0-beta.1 → 2.14.0-beta.2

package/src/components/form-render/container-item/table-item.vue.js

@@ -0,0 +1,96 @@
+import _ from "../../../utils/emitter.js";
+import x from "../../../utils/i18n.js";
+import I from "../refMixin.js";
+import C from "./container-item-wrapper.vue.js";
+import y from "./table-cell-item.vue.js";
+import h from "./containerItemMixin.js";
+import { resolveComponent as s, createBlock as c, openBlock as t, withCtx as u, withDirectives as F, createElementBlock as r, createElementVNode as f, normalizeClass as k, Fragment as n, renderList as i, createCommentVNode as R, createSlots as v, renderSlot as L, mergeProps as N, vShow as S } from "vue";
+/* empty css                */
+import j from "../../../../_virtual/_plugin-vue_export-helper.js";
+const B = {
+  name: "table-item",
+  componentName: "ContainerItem",
+  mixins: [_, x, I, h],
+  components: {
+    ContainerItemWrapper: C,
+    TableCellItem: y
+  },
+  props: {
+    widget: Object,
+    subFormRowIndex: {
+      /* 子表单组件行索引，从0开始计数 */
+      type: Number,
+      default: -1
+    },
+    subFormColIndex: {
+      /* 子表单组件列索引，从0开始计数 */
+      type: Number,
+      default: -1
+    },
+    subFormRowId: {
+      /* 子表单组件行Id，唯一id且不可变 */
+      type: String,
+      default: ""
+    }
+  },
+  inject: ["refList", "sfRefList", "globalModel"],
+  created() {
+    this.initRefList();
+  },
+  mounted() {
+  },
+  beforeUnmount() {
+    this.unregisterFromRefList();
+  },
+  methods: {}
+};
+function M(o, E, e, O, V, z) {
+  const w = s("table-cell-item"), b = s("container-item-wrapper");
+  return t(), c(b, { widget: e.widget }, {
+    default: u(() => [
+      F((t(), r("div", {
+        key: e.widget.id,
+        class: "table-container"
+      }, [
+        f("table", {
+          ref: e.widget.id,
+          class: k(["table-layout", [o.customClass]])
+        }, [
+          f("tbody", null, [
+            (t(!0), r(n, null, i(e.widget.rows, (m, g) => (t(), r("tr", {
+              key: m.id
+            }, [
+              (t(!0), r(n, null, i(m.cols, (d, l) => (t(), r(n, null, [
+                d.merged ? R("", !0) : (t(), c(w, {
+                  widget: d,
+                  key: l,
+                  "parent-list": e.widget.cols,
+                  "row-index": g,
+                  "col-index": l,
+                  "parent-widget": e.widget,
+                  "sub-form-row-id": e.subFormRowId,
+                  "sub-form-row-index": e.subFormRowIndex,
+                  "sub-form-col-index": e.subFormColIndex
+                }, v({ _: 2 }, [
+                  i(Object.keys(o.$slots), (a) => ({
+                    name: a,
+                    fn: u((p) => [
+                      L(o.$slots, a, N({ ref_for: !0 }, p), void 0, !0)
+                    ])
+                  }))
+                ]), 1032, ["widget", "parent-list", "row-index", "col-index", "parent-widget", "sub-form-row-id", "sub-form-row-index", "sub-form-col-index"]))
+              ], 64))), 256))
+            ]))), 128))
+          ])
+        ], 2)
+      ])), [
+        [S, !e.widget.options.hidden]
+      ])
+    ]),
+    _: 3
+  }, 8, ["widget"]);
+}
+const K = /* @__PURE__ */ j(B, [["render", M], ["__scopeId", "data-v-48955c34"]]);
+export {
+  K as default
+};

package/src/components/form-render/container-item/vf-collapse-item.vue.js

@@ -0,0 +1,252 @@
+import L from "./container-item-wrapper.vue.js";
+import I from "../../../utils/emitter.js";
+import { defineAsyncComponent as j, resolveComponent as f, withDirectives as F, createBlock as s, openBlock as i, withCtx as d, createElementVNode as C, createVNode as c, createElementBlock as m, createCommentVNode as y, normalizeClass as S, Fragment as u, renderList as l, resolveDynamicComponent as g, createSlots as p, renderSlot as w, mergeProps as h, Transition as D, normalizeStyle as N, vShow as O } from "vue";
+import M from "../../../utils/i18n.js";
+import T from "../../form-designer/form-widget/field-widget/index.js";
+import B from "../refMixin.js";
+import V from "./containerItemMixin.js";
+import { TpfCollapseTitle as z } from "tmgc2-share";
+import J from "../../svg-icon/index.vue.js";
+/* empty css                      */
+/* empty css                      */
+/* empty css                      */
+import A from "../../../../_virtual/_plugin-vue_export-helper.js";
+const E = {
+  name: "VfCollapseItem",
+  componentName: "ContainerItem",
+  // 必须固定为ContainerItem，用于接收父级组件的broadcast事件
+  mixins: [I, M, B, V],
+  components: {
+    ContainerItemWrapper: L,
+    TpfCollapseTitle: z,
+    SvgIcon: J,
+    ...T,
+    VFormRender: j(() => import("../index.vue.js"))
+  },
+  props: {
+    widget: Object,
+    parentWidget: Object,
+    parentList: Array,
+    indexOfParentList: Number,
+    model: {
+      type: Object,
+      default: () => ({})
+    },
+    subFormRowIndex: {
+      /* 子表单组件行索引，从0开始计数 */
+      type: Number,
+      default: -1
+    },
+    subFormColIndex: {
+      /* 子表单组件列索引，从0开始计数 */
+      type: Number,
+      default: -1
+    },
+    subFormRowId: {
+      /* 子表单组件行Id，唯一id且不可变 */
+      type: String,
+      default: ""
+    },
+    formJson: {
+      type: Object
+    },
+    formData: {
+      type: Object,
+      default: () => ({})
+    },
+    optionData: {
+      //prop传入的选项数据
+      type: Object,
+      default: () => ({})
+    },
+    globalDsv: {
+      // 全局数据源变量
+      type: Object,
+      default: () => ({})
+    },
+    parentFormRef: {
+      type: Object,
+      default: null
+    },
+    extraData: {
+      type: Object,
+      default: () => ({})
+    },
+    wrapperId: {
+      type: String,
+      default: null
+    }
+  },
+  inject: ["refList", "sfRefList", "globalModel", "getFormConfig", "getGlobalDsv"],
+  data() {
+    return {};
+  },
+  computed: {
+    rightSlotCss() {
+      return this.widget.options.rightSlotCss || "";
+    },
+    formConfig() {
+      return this.getFormConfig();
+    }
+  },
+  created() {
+    this.initRefList(), this.handleOnCreated();
+  },
+  mounted() {
+    this.loadFormCode(this.widget.options.formCode), this.$nextTick(() => {
+      this.handleOnMounted();
+    });
+  },
+  beforeUnmount() {
+    this.unregisterFromRefList();
+  },
+  methods: {
+    toggleCollapse() {
+      this.widget.options.isCollapse = !this.widget.options.isCollapse;
+    },
+    async loadFormCode(t) {
+      if (t) {
+        const _ = await this.$http.get("/api/tmgc2-query/dataQuery/detail/FormDefinitionManagement", {
+          params: { code: t }
+        }).then((e) => e.data.object.frontendDefinition || "{}");
+        this.$refs.dFormRef.setFormJson(JSON.parse(_));
+      }
+    },
+    handleOnCreated() {
+      this.widget.options.onCreated && new Function(this.widget.options.onCreated).call(this);
+    },
+    handleOnMounted() {
+      this.widget.options.onMounted && new Function(this.widget.options.onMounted).call(this);
+    },
+    getFormRef() {
+      return this.$refs.dFormRef;
+    }
+  }
+}, P = { class: "tpf-collapse" }, q = { class: "tpf-collapse-header" };
+function G(t, _, e, Q, U, b) {
+  const R = f("TpfCollapseTitle"), v = f("SvgIcon"), k = f("a-space"), x = f("container-item-wrapper");
+  return F((i(), s(x, { widget: e.widget }, {
+    default: d(() => [
+      C("div", P, [
+        C("div", q, [
+          c(k, { size: 5 }, {
+            default: d(() => [
+              c(R, {
+                title: e.widget.options.title
+              }, null, 8, ["title"]),
+              c(v, {
+                "icon-class": e.widget.options.isCollapse ? e.widget.options.collapseIcon : e.widget.options.unCollapseIcon,
+                size: "24px",
+                shadow: "",
+                cursor: "",
+                onClick: b.toggleCollapse
+              }, null, 8, ["icon-class", "onClick"])
+            ]),
+            _: 1
+          }),
+          e.widget.options.isCollapse ? y("", !0) : (i(), m("div", {
+            key: 0,
+            class: S(["header-right", b.rightSlotCss])
+          }, [
+            e.widget.headerRightSlotList && e.widget.headerRightSlotList.length > 0 ? (i(!0), m(u, { key: 0 }, l(e.widget.headerRightSlotList, (n, a) => (i(), m(u, null, [
+              n.category === "container" ? (i(), s(g(t.getComponentByContainer(n)), {
+                widget: n,
+                key: a,
+                "parent-list": e.widget.headerRightSlotList,
+                "index-of-parent-list": a,
+                "parent-widget": e.widget,
+                "sub-form-row-id": e.subFormRowId,
+                "sub-form-row-index": e.subFormRowIndex,
+                "sub-form-col-index": e.subFormColIndex,
+                data: e.model[e.widget.options.name]
+              }, p({ _: 2 }, [
+                l(Object.keys(t.$slots), (o) => ({
+                  name: o,
+                  fn: d((r) => [
+                    w(t.$slots, o, h({ ref_for: !0 }, r), void 0, !0)
+                  ])
+                }))
+              ]), 1032, ["widget", "parent-list", "index-of-parent-list", "parent-widget", "sub-form-row-id", "sub-form-row-index", "sub-form-col-index", "data"])) : (i(), s(g(n.type + "-widget"), {
+                field: n,
+                designer: null,
+                key: a,
+                "parent-list": e.widget.headerRightSlotList,
+                "index-of-parent-list": a,
+                "parent-widget": e.widget
+              }, p({ _: 2 }, [
+                l(Object.keys(t.$slots), (o) => ({
+                  name: o,
+                  fn: d((r) => [
+                    w(t.$slots, o, h({ ref_for: !0 }, r), void 0, !0)
+                  ])
+                }))
+              ]), 1032, ["field", "parent-list", "index-of-parent-list", "parent-widget"]))
+            ], 64))), 256)) : y("", !0)
+          ], 2))
+        ]),
+        c(D, {
+          mode: "out-in",
+          appear: "",
+          "enter-active-class": "animate__animated animate__fadeIn animate__faster",
+          "leave-active-class": "animate__animated animate__fadeOut animate__faster"
+        }, {
+          default: d(() => [
+            F(C("div", {
+              class: S(["tpf-collapse-content"]),
+              style: N({
+                height: e.widget.options.height || "unset",
+                ...JSON.parse(e.widget.options.bodyStyle || "{}")
+              })
+            }, [
+              e.widget.defaultSlotsList && e.widget.defaultSlotsList.length > 0 ? (i(!0), m(u, { key: 0 }, l(e.widget.defaultSlotsList, (n, a) => (i(), m(u, null, [
+                n.category === "container" ? (i(), s(g(t.getComponentByContainer(n)), {
+                  widget: n,
+                  key: a,
+                  "parent-list": e.widget.defaultSlotsList,
+                  "index-of-parent-list": a,
+                  "parent-widget": e.widget,
+                  "sub-form-row-id": e.subFormRowId,
+                  "sub-form-row-index": e.subFormRowIndex,
+                  "sub-form-col-index": e.subFormColIndex,
+                  data: e.model[n.options.name],
+                  model: e.model
+                }, p({ _: 2 }, [
+                  l(Object.keys(t.$slots), (o) => ({
+                    name: o,
+                    fn: d((r) => [
+                      w(t.$slots, o, h({ ref_for: !0 }, r), void 0, !0)
+                    ])
+                  }))
+                ]), 1032, ["widget", "parent-list", "index-of-parent-list", "parent-widget", "sub-form-row-id", "sub-form-row-index", "sub-form-col-index", "data", "model"])) : (i(), s(g(n.type + "-widget"), {
+                  field: n,
+                  designer: null,
+                  key: a,
+                  "parent-list": e.widget.defaultSlotsList,
+                  "index-of-parent-list": a,
+                  "parent-widget": e.widget
+                }, p({ _: 2 }, [
+                  l(Object.keys(t.$slots), (o) => ({
+                    name: o,
+                    fn: d((r) => [
+                      w(t.$slots, o, h({ ref_for: !0 }, r), void 0, !0)
+                    ])
+                  }))
+                ]), 1032, ["field", "parent-list", "index-of-parent-list", "parent-widget"]))
+              ], 64))), 256)) : y("", !0)
+            ], 4), [
+              [O, !e.widget.options.isCollapse]
+            ])
+          ]),
+          _: 3
+        })
+      ])
+    ]),
+    _: 3
+  }, 8, ["widget"])), [
+    [O, !e.widget.options.hidden]
+  ]);
+}
+const re = /* @__PURE__ */ A(E, [["render", G], ["__scopeId", "data-v-dd25bb5f"]]);
+export {
+  re as default
+};

package/src/components/form-render/container-item/vf-dialog-item.vue.js

@@ -0,0 +1,12 @@
+import { createCommentVNode as e } from "vue";
+import t from "../../../../_virtual/_plugin-vue_export-helper.js";
+const o = {
+  name: "vf-dialog-item"
+};
+function r(n, a, c, m, f, s) {
+  return e("", !0);
+}
+const _ = /* @__PURE__ */ t(o, [["render", r]]);
+export {
+  _ as default
+};

package/src/components/form-render/container-item/vf-drawer-item.vue.js

@@ -0,0 +1,12 @@
+import { createCommentVNode as e } from "vue";
+import r from "../../../../_virtual/_plugin-vue_export-helper.js";
+const t = {
+  name: "vf-drawer-item"
+};
+function o(n, a, c, m, f, s) {
+  return e("", !0);
+}
+const d = /* @__PURE__ */ r(t, [["render", o]]);
+export {
+  d as default
+};

package/src/components/form-render/index.vue.js

@@ -13,6 +13,7 @@ import tt from "../../../_virtual/_plugin-vue_export-helper.js";
 const et = {
   name: "VFormRender",
   componentName: "VFormRender",
+  inheritAttrs: !1,
   mixins: [P, X],
   components: {
     DynamicDialog: Z,
@@ -824,7 +825,7 @@ function it(t, e, i, o, s, r) {
     u(d, y(s.dialogProps, { ref: "dynamicDialgRef" }), null, 16)
   ], 64);
 }
-const ut = /* @__PURE__ */ tt(et, [["render", it], ["__scopeId", "data-v-70622583"]]);
+const ut = /* @__PURE__ */ tt(et, [["render", it], ["__scopeId", "data-v-01a89db4"]]);
 export {
   ut as default
 };

package/src/components/http-editor/index.vue.js

@@ -1,7 +1,7 @@
-import { defineComponent as m, mergeModels as s, useModel as f, ref as b, resolveComponent as i, createElementBlock as c, openBlock as g, Fragment as v, createVNode as a, withCtx as r, normalizeClass as M, createTextVNode as w, toDisplayString as x, unref as C } from "vue";
+import { defineComponent as p, mergeModels as s, useModel as f, ref as b, resolveComponent as i, createElementBlock as c, openBlock as g, Fragment as v, createVNode as a, withCtx as d, normalizeClass as M, createTextVNode as w, toDisplayString as x, unref as C } from "vue";
 import { HttpEditor as h } from "tmgc2-share";
 import "../../utils/i18n.js";
-const N = /* @__PURE__ */ m({
+const k = /* @__PURE__ */ p({
   __name: "index",
   props: /* @__PURE__ */ s({
     drawerTitle: {
@@ -35,25 +35,25 @@ const N = /* @__PURE__ */ m({
   }),
   emits: ["update:optionModel"],
   setup(e) {
-    const n = f(e, "optionModel"), o = b(!1), d = () => {
+    const n = f(e, "optionModel"), o = b(!1), r = () => {
       o.value = !0;
     };
     return (S, t) => {
-      const u = i("a-button"), p = i("a-form-item");
+      const u = i("a-button"), m = i("a-form-item");
       return g(), c(v, null, [
-        a(p, {
+        a(m, {
           label: e.label,
           labelAlign: "left",
           "label-width": "150px"
         }, {
-          default: r(() => [
+          default: d(() => [
             a(u, {
               shape: "round",
-              onClick: d,
+              onClick: r,
               class: M(["button-text-highlight"])
             }, {
-              default: r(() => [
-                w(x(e.buttonName), 1)
+              default: d(() => [
+                w(x(e.buttonName || e.label), 1)
               ]),
               _: 1
             })
@@ -72,5 +72,5 @@ const N = /* @__PURE__ */ m({
   }
 });
 export {
-  N as default
+  k as default
 };

package/src/components/public/ActionButtonListRender.vue.js

@@ -1,21 +1,21 @@
-import b from "./ActionButtonListRender.vue2.js";
-import { resolveComponent as t, createElementBlock as s, openBlock as n, normalizeStyle as f, normalizeClass as _, createBlock as c, Teleport as m, createVNode as a, withCtx as l, Fragment as r, renderList as g, createCommentVNode as y, createTextVNode as k, toDisplayString as v } from "vue";
+import d from "./ActionButtonListRender.vue2.js";
+import { resolveComponent as n, createElementBlock as s, openBlock as t, normalizeStyle as p, normalizeClass as u, createBlock as a, Teleport as b, createVNode as f, withCtx as l, Fragment as _, renderList as m, createCommentVNode as y, createTextVNode as k, toDisplayString as C } from "vue";
 /* empty css                            */
-import C from "../../../_virtual/_plugin-vue_export-helper.js";
-function S(o, B, I, $, h, z) {
-  const i = t("SvgIcon"), d = t("SvgIcon2"), p = t("a-button"), u = t("a-space");
-  return n(), s("div", {
+import g from "../../../_virtual/_plugin-vue_export-helper.js";
+function v(o, B, S, $, h, z) {
+  const r = n("SvgIcon"), c = n("a-button"), i = n("a-space");
+  return t(), s("div", {
     ref: "fieldEditor",
-    class: _(["button-list-container", ...o.customClass]),
-    style: f(o.containerStyle)
+    class: u(["button-list-container", ...o.customClass]),
+    style: p(o.containerStyle)
   }, [
-    (n(), c(m, {
+    (t(), a(b, {
       disabled: o.isDisabled,
       to: o.getContainer
     }, [
-      a(u, { size: 8 }, {
+      f(i, { size: 8 }, {
         default: l(() => [
-          (n(!0), s(r, null, g(o.visibleButtons, (e) => (n(), c(p, {
+          (t(!0), s(_, null, m(o.visibleButtons, (e) => (t(), a(c, {
             key: e.key,
             type: e.type,
             danger: e.danger,
@@ -24,17 +24,12 @@ function S(o, B, I, $, h, z) {
             onClick: (D) => o.handleClick(e)
           }, {
             default: l(() => [
-              e.icon ? (n(), s(r, { key: 0 }, [
-                a(i, {
-                  "icon-class": e.icon,
-                  class: "button-icon"
-                }, null, 8, ["icon-class"]),
-                a(d, {
-                  "icon-class": e.icon,
-                  class: "button-icon"
-                }, null, 8, ["icon-class"])
-              ], 64)) : y("", !0),
-              k(" " + v(e.label), 1)
+              e.icon ? (t(), a(r, {
+                key: 0,
+                "icon-class": e.icon,
+                class: "button-icon"
+              }, null, 8, ["icon-class"])) : y("", !0),
+              k(" " + C(e.label), 1)
             ]),
             _: 2
           }, 1032, ["type", "danger", "disabled", "onClick"]))), 128))
@@ -44,7 +39,7 @@ function S(o, B, I, $, h, z) {
     ], 8, ["disabled", "to"]))
   ], 6);
 }
-const T = /* @__PURE__ */ C(b, [["render", S], ["__scopeId", "data-v-8bf7bfc0"]]);
+const L = /* @__PURE__ */ g(d, [["render", v], ["__scopeId", "data-v-a5c375c2"]]);
 export {
-  T as default
+  L as default
 };

package/src/lang/en-US.js

@@ -322,7 +322,6 @@ const e = {
       appendButtonDisabled: "Button Disabled",
       appendButtonIcon: "Append Button Icon",
       buttonIcon: "Button Icon",
-      danger: "Danger Button",
       switchWidth: "Width of Switch(px)",
       checkedValue: "Active Text",
       unCheckedValue: "Inactive Text",
@@ -357,10 +356,8 @@ const e = {
       buttonConfig: "Button Config",
       placement: "Placement",
       bottomLeft: "Bottom Left",
-      bottom: "Bottom Center",
       bottomRight: "Bottom Right",
       topLeft: "Top Left",
-      top: "Top Center",
       topRight: "Top Right",
       menuList: "Menu Options",
       widgetName: "Unique Name",
@@ -414,6 +411,7 @@ const e = {
       showSummary: "Show Summary",
       rowSpacing: "Row Spacing(px)",
       editAction: "Edit...",
+      dsEnabled: "Use Datasource",
       columnName: "Name",
       columnLabel: "Label",
       columnWidth: "Width(px/%)",

package/src/lang/zh-CN.js

@@ -187,10 +187,8 @@ const e = {
       buttonConfig: "按钮配置",
       placement: "菜单弹出位置",
       bottomLeft: "下左",
-      bottom: "下中",
       bottomRight: "下右",
       topLeft: "上左",
-      top: "上中",
       topRight: "上右",
       menuList: "下拉菜单选项设置",
       pagination: "分页配置",
@@ -288,7 +286,6 @@ const e = {
       uploadType: "上传类型",
       fileTypesHelp: "支持添加其他文件类型",
       headers: "上传请求头",
-      danger: "危险按钮",
       cellWidth: "宽度",
       cellHeight: "高度",
       gridColHeight: "栅格列统一高度(px)",

package/src/utils/useEmitter.js

@@ -0,0 +1,57 @@
+import { ref as m, getCurrentInstance as h } from "vue";
+function w() {
+  const r = m({}), s = h(), E = (e, n) => {
+    r.value[e] && r.value[e].forEach((i) => {
+      i(n);
+    });
+  }, g = (e, n) => {
+    r.value[e] = r.value[e] || [], r.value[e].push(n);
+  }, $ = (e, n) => {
+    if (r.value[e]) {
+      if (n == null) {
+        r.value[e].length = 0;
+        return;
+      }
+      for (let i = 0; i < r.value[e].length; i++)
+        if (r.value[e][i] === n) {
+          r.value[e].splice(i, 1);
+          break;
+        }
+    }
+  }, a = (e, n, i) => {
+    var o, f, l, d, u, p;
+    if (!s) return;
+    let t = s.parent, c = (o = t == null ? void 0 : t.type) == null ? void 0 : o.componentName;
+    for (; t && (!c || c !== e); )
+      t = t.parent, t && (c = (f = t.type) == null ? void 0 : f.componentName);
+    t && ((l = t.exposed) != null && l.emit$ || (d = t.ctx) != null && d.emit$) && ((((u = t.exposed) == null ? void 0 : u.emit$) || ((p = t.ctx) == null ? void 0 : p.emit$)).call(t.proxy, n, i), e === "VFormRender" && t.emit(n, ...Array.isArray(i) ? i : [i]));
+  };
+  return {
+    vfEvents: r,
+    editEventHandler: (e, n, i) => {
+      console.log("editEventHandler", e, n, i), a("SettingPanel", "editEventHandler", [e, [...n], i]);
+    },
+    onChangeEditEventHandler: (e) => {
+      a("SettingPanel", "onChangeEventHandler", e);
+    },
+    emit$: E,
+    on$: g,
+    off$: $,
+    dispatch: a,
+    broadcast: (e, n, i) => {
+      const t = s == null ? void 0 : s.proxy;
+      t != null && t.widgetRefList && Object.keys(t.widgetRefList).forEach((c) => {
+        var l;
+        const o = t.widgetRefList[c];
+        ((l = o.$options) == null ? void 0 : l.componentName) === e && o.emit$ && o.emit$.call(o, n, i);
+      }), t != null && t.refList && Object.keys(t.refList).forEach((c) => {
+        var l;
+        const o = t.refList[c];
+        ((l = o.$options) == null ? void 0 : l.componentName) === e && o.emit$ && o.emit$.call(o, n, i);
+      });
+    }
+  };
+}
+export {
+  w as useEmitter
+};