@kp-ui/lowcode 2.13.2 → 2.14.0-alpha

package/src/components/form-render/refMixin.js

@@ -0,0 +1,20 @@
+const s = {
+  methods: {
+    initRefList() {
+      this.subFormRowIndex === -1 || this.subFormRowIndex === void 0 ? this.refList !== null && this.widget.options.name && (this.refList[this.widget.options.name] = this) : this.refList !== null && this.widget.options.name && (this.refList[this.widget.options.name + "@row" + this.subFormRowId] = this);
+    },
+    getWidgetRef(t, e) {
+      const i = this.refList[t];
+      return !i && e && this.$message.error(this.i18nt("render.hint.refNotFound") + t), i;
+    },
+    getFormRef() {
+      return this.refList.v_form_ref;
+    },
+    getComponentByContainer(t) {
+      return t.type === "grid" ? "vf-grid-item" : t.type + "-item";
+    }
+  }
+};
+export {
+  s as default
+};

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

@@ -0,0 +1,72 @@
+import { defineComponent as f, mergeModels as c, useModel as b, computed as g, ref as v, resolveComponent as r, createElementBlock as M, openBlock as C, Fragment as w, createVNode as a, withCtx as d, normalizeClass as x, createTextVNode as _, toDisplayString as h, unref as S } from "vue";
+import { HttpEditor as y } from "tmgc2-share";
+import { useI18n as D } from "../../utils/i18n.js";
+const q = /* @__PURE__ */ f({
+  __name: "index",
+  props: /* @__PURE__ */ c({
+    drawerTitle: {
+      type: String,
+      default: ""
+    },
+    buttonName: {
+      type: String,
+      default: ""
+    }
+  }, {
+    optionModel: {
+      type: Object,
+      required: !0,
+      default: () => ({
+        http: {
+          url: "",
+          method: "get",
+          params: {},
+          data: {}
+        },
+        dataReqHandlerCode: "",
+        dataHandlerCode: ""
+      })
+    },
+    optionModelModifiers: {}
+  }),
+  emits: ["update:optionModel"],
+  setup(t) {
+    const n = b(t, "optionModel"), { i18nt: u } = D(), i = g(() => u("designer.setting.editAPIConfig")), o = v(!1), s = () => {
+      o.value = !0;
+    };
+    return (N, e) => {
+      const p = r("a-button"), m = r("a-form-item");
+      return C(), M(w, null, [
+        a(m, {
+          label: i.value,
+          labelAlign: "left",
+          "label-width": "150px"
+        }, {
+          default: d(() => [
+            a(p, {
+              shape: "round",
+              onClick: s,
+              class: x(["button-text-highlight"])
+            }, {
+              default: d(() => [
+                _(h(t.buttonName || i.value), 1)
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }, 8, ["label"]),
+        a(S(y), {
+          "option-model": n.value,
+          "onUpdate:optionModel": e[0] || (e[0] = (l) => n.value = l),
+          visible: o.value,
+          "onUpdate:visible": e[1] || (e[1] = (l) => o.value = l),
+          "drawer-title": t.drawerTitle
+        }, null, 8, ["option-model", "visible", "drawer-title"])
+      ], 64);
+    };
+  }
+});
+export {
+  q as default
+};

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

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

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

@@ -0,0 +1,190 @@
+import c from "./ActionButtonListDialog.vue2.js";
+import { resolveComponent as k, createElementBlock as z, openBlock as s, Fragment as U, createVNode as i, createElementVNode as $, withCtx as n, createBlock as p, createCommentVNode as r, createTextVNode as a, normalizeClass as m, toDisplayString as g } from "vue";
+/* empty css                            */
+import E from "../../../_virtual/_plugin-vue_export-helper.js";
+const w = { class: "add-btn" };
+function D(e, t, S, V, H, N) {
+  const C = k("a-input"), u = k("a-select-option"), b = k("a-select"), y = k("TpfSelectIcon"), _ = k("a-switch"), f = k("a-button"), h = k("s-table"), B = k("CodeModalEditor");
+  return s(), z(U, null, [
+    i(h, {
+      deepWatchDataSource: "",
+      "data-source": e.buttonList,
+      pagination: !1,
+      resizable: !0,
+      columns: e.columns,
+      "row-key": (d) => d.name
+    }, {
+      bodyCell: n(({ column: d, recordIndexs: l, index: L, record: v }) => [
+        d.dataIndex === "label" ? (s(), p(C, {
+          key: 0,
+          value: e.buttonList[l[0]].label,
+          "onUpdate:value": (o) => e.buttonList[l[0]].label = o,
+          placeholder: e.i18nt("designer.setting.operationButtonLabel")
+        }, null, 8, ["value", "onUpdate:value", "placeholder"])) : r("", !0),
+        d.dataIndex === "type" ? (s(), p(b, {
+          key: 1,
+          value: e.buttonList[l[0]].type,
+          "onUpdate:value": (o) => e.buttonList[l[0]].type = o,
+          placeholder: e.i18nt("designer.setting.operationButtonType"),
+          style: { width: "100%" }
+        }, {
+          default: n(() => [
+            i(u, { value: "primary" }, {
+              default: n(() => t[0] || (t[0] = [
+                a("primary")
+              ])),
+              _: 1,
+              __: [0]
+            }),
+            i(u, { value: "ghost" }, {
+              default: n(() => t[1] || (t[1] = [
+                a("ghost")
+              ])),
+              _: 1,
+              __: [1]
+            }),
+            i(u, { value: "dashed" }, {
+              default: n(() => t[2] || (t[2] = [
+                a("dashed")
+              ])),
+              _: 1,
+              __: [2]
+            }),
+            i(u, { value: "text" }, {
+              default: n(() => t[3] || (t[3] = [
+                a("text")
+              ])),
+              _: 1,
+              __: [3]
+            }),
+            i(u, { value: "link" }, {
+              default: n(() => t[4] || (t[4] = [
+                a("link")
+              ])),
+              _: 1,
+              __: [4]
+            }),
+            i(u, { value: "default" }, {
+              default: n(() => t[5] || (t[5] = [
+                a("default")
+              ])),
+              _: 1,
+              __: [5]
+            })
+          ]),
+          _: 2
+        }, 1032, ["value", "onUpdate:value", "placeholder"])) : r("", !0),
+        d.dataIndex === "size" ? (s(), p(b, {
+          key: 2,
+          value: e.buttonList[l[0]].size,
+          "onUpdate:value": (o) => e.buttonList[l[0]].size = o,
+          placeholder: e.i18nt("designer.setting.size"),
+          style: { width: "100%" }
+        }, {
+          default: n(() => [
+            i(u, { value: "default" }, {
+              default: n(() => t[6] || (t[6] = [
+                a("default")
+              ])),
+              _: 1,
+              __: [6]
+            }),
+            i(u, { value: "small" }, {
+              default: n(() => t[7] || (t[7] = [
+                a("small")
+              ])),
+              _: 1,
+              __: [7]
+            }),
+            i(u, { value: "large" }, {
+              default: n(() => t[8] || (t[8] = [
+                a("large")
+              ])),
+              _: 1,
+              __: [8]
+            })
+          ]),
+          _: 2
+        }, 1032, ["value", "onUpdate:value", "placeholder"])) : r("", !0),
+        d.dataIndex === "icon" ? (s(), p(y, {
+          key: 3,
+          value: e.buttonList[l[0]].icon,
+          "onUpdate:value": (o) => e.buttonList[l[0]].icon = o
+        }, null, 8, ["value", "onUpdate:value"])) : r("", !0),
+        d.dataIndex === "danger" ? (s(), p(_, {
+          key: 4,
+          checkedValue: 1,
+          unCheckedValue: 0,
+          checked: e.buttonList[l[0]].danger,
+          "onUpdate:checked": (o) => e.buttonList[l[0]].danger = o
+        }, null, 8, ["checked", "onUpdate:checked"])) : r("", !0),
+        d.dataIndex === "onHidden" ? (s(), p(f, {
+          key: 5,
+          class: m([{ "button-text-highlight": !!v.onHidden }]),
+          onClick: (o) => e.editClickEvent("onHidden", v, l),
+          size: "small"
+        }, {
+          default: n(() => [
+            a(g(e.i18nt("designer.setting.operationButtonHidden")), 1)
+          ]),
+          _: 2
+        }, 1032, ["class", "onClick"])) : r("", !0),
+        d.dataIndex === "onDisabled" ? (s(), p(f, {
+          key: 6,
+          class: m([{ "button-text-highlight": !!v.onDisabled }]),
+          onClick: (o) => e.editClickEvent("onDisabled", v, l),
+          size: "small"
+        }, {
+          default: n(() => [
+            a(g(e.i18nt("designer.setting.operationButtonDisabled")), 1)
+          ]),
+          _: 2
+        }, 1032, ["class", "onClick"])) : r("", !0),
+        d.dataIndex === "onClick" ? (s(), p(f, {
+          key: 7,
+          class: m([{ "button-text-highlight": !!v.onClick }]),
+          onClick: (o) => e.editClickEvent("onClick", v, l),
+          size: "small"
+        }, {
+          default: n(() => [
+            a(g(e.i18nt("designer.setting.operationButtonClick")), 1)
+          ]),
+          _: 2
+        }, 1032, ["class", "onClick"])) : r("", !0),
+        d.dataIndex === "action" ? (s(), p(f, {
+          key: 8,
+          type: "link",
+          onClick: (o) => e.deleteOperationButton(L),
+          size: "small"
+        }, {
+          default: n(() => [
+            a(g(e.i18nt("designer.setting.delete")), 1)
+          ]),
+          _: 2
+        }, 1032, ["onClick"])) : r("", !0)
+      ]),
+      _: 1
+    }, 8, ["data-source", "columns", "row-key"]),
+    $("div", w, [
+      i(f, {
+        type: "primary",
+        size: "default",
+        onClick: e.addOperationButton
+      }, {
+        default: n(() => [
+          a(g(e.i18nt("designer.setting.addOperationButton")), 1)
+        ]),
+        _: 1
+      }, 8, ["onClick"])
+    ]),
+    i(B, {
+      ref: "codeModalEditorRef",
+      onSave: e.saveColumnRender,
+      "event-header": `${e.currentEditBtn}(${e.parmas}){`
+    }, null, 8, ["onSave", "event-header"])
+  ], 64);
+}
+const A = /* @__PURE__ */ E(c, [["render", D], ["__scopeId", "data-v-0cd55ffd"]]);
+export {
+  A as default
+};

package/src/components/public/ActionButtonListDialog.vue2.js

@@ -0,0 +1,109 @@
+import { defineComponent as g, ref as a, computed as m, watch as v } from "vue";
+import f, { useI18n as I } from "../../utils/i18n.js";
+import h from "../code-editor/code-modal-editor.vue.js";
+import { generateId as B } from "../../utils/util.js";
+import { TpfSelectIcon as x } from "tmgc2-share";
+const z = g({
+  name: "ActionButtonList",
+  props: {
+    parmas: {
+      type: String,
+      default: ""
+    },
+    data: {
+      type: Array,
+      required: !0
+    }
+  },
+  components: { CodeModalEditor: h, TpfSelectIcon: x },
+  mixins: [f],
+  emits: ["update:data"],
+  setup(r, { emit: u }) {
+    const { i18nt: t } = I(), o = a(), d = a(), i = a(), c = [
+      {
+        dataIndex: "label",
+        title: t("designer.setting.operationButtonLabel"),
+        width: 100
+      },
+      {
+        dataIndex: "type",
+        title: t("designer.setting.operationButtonType"),
+        width: 120
+      },
+      {
+        dataIndex: "size",
+        title: t("designer.setting.operationButtonSize"),
+        width: 80
+      },
+      {
+        dataIndex: "danger",
+        title: t("designer.setting.danger"),
+        width: 120
+      },
+      {
+        dataIndex: "icon",
+        title: t("designer.setting.buttonIcon"),
+        width: 120
+      },
+      {
+        dataIndex: "onHidden",
+        title: t("designer.setting.operationButtonHidden"),
+        width: 100
+      },
+      {
+        dataIndex: "onDisabled",
+        title: t("designer.setting.operationButtonDisabled"),
+        width: 100
+      },
+      {
+        dataIndex: "onClick",
+        title: t("designer.setting.operationButtonClick"),
+        width: 100
+      },
+      {
+        dataIndex: "action",
+        title: t("designer.setting.operationButtonAction"),
+        width: 80
+      }
+    ], n = m(() => r.data);
+    return v(
+      () => n.value,
+      () => {
+        u("update:data", n.value);
+      },
+      {
+        deep: !0
+      }
+    ), {
+      addOperationButton: () => {
+        n.value.push({
+          name: "btn" + B(),
+          label: "new btn",
+          type: "primary",
+          size: "small",
+          shape: "default",
+          hidden: !1,
+          disabled: !1,
+          onClick: ""
+        });
+      },
+      saveColumnRender: (e) => {
+        console.log(n.value, i.value, o.value), n.value[i.value][o.value] = e;
+      },
+      columns: c,
+      buttonList: n,
+      editClickEvent: (e, s, p) => {
+        var l;
+        i.value = p[0], o.value = e, console.log({ code: s[e] }), (l = d.value) == null || l.open(s[e]);
+      },
+      codeModalEditorRef: d,
+      currentEditBtn: o,
+      deleteOperationButton: (e) => {
+        console.log(e), n.value.splice(e, 1);
+      }
+    };
+  }
+});
+export {
+  z as default
+};

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

@@ -0,0 +1,45 @@
+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 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: u(["button-list-container", ...o.customClass]),
+    style: p(o.containerStyle)
+  }, [
+    (t(), a(b, {
+      disabled: o.isDisabled,
+      to: o.getContainer
+    }, [
+      f(i, { size: 8 }, {
+        default: l(() => [
+          (t(!0), s(_, null, m(o.visibleButtons, (e) => (t(), a(c, {
+            key: e.key,
+            type: e.type,
+            danger: e.danger,
+            class: "tpf-button",
+            disabled: o.handleDisabled(e),
+            onClick: (D) => o.handleClick(e)
+          }, {
+            default: l(() => [
+              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))
+        ]),
+        _: 1
+      })
+    ], 8, ["disabled", "to"]))
+  ], 6);
+}
+const L = /* @__PURE__ */ g(d, [["render", v], ["__scopeId", "data-v-b1664204"]]);
+export {
+  L as default
+};

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

@@ -0,0 +1,102 @@
+import { defineComponent as f, computed as o } from "vue";
+import { executeFunction as a } from "../../utils/executeFunction.js";
+import y from "../svg-icon/index.vue.js";
+import { ButtonPositionEnum as m } from "../../constants/index.js";
+const g = f({
+  name: "ActionButtonListRender",
+  components: { SvgIcon: y },
+  props: {
+    options: {
+      type: Object,
+      default: () => {
+      }
+    },
+    scope: {
+      type: Object,
+      default: () => {
+      }
+    },
+    ctx: {
+      type: Object
+    },
+    buttonList: {
+      type: Array,
+      default: () => []
+    },
+    customClass: {
+      type: Array,
+      default: () => []
+    },
+    flex: {
+      type: String,
+      default: "center"
+    },
+    designState: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  setup(e) {
+    const i = o(() => ({
+      "--flex": e.flex
+    })), r = o(
+      () => {
+        var t;
+        return ((t = e.options) == null ? void 0 : t.buttonPosition) !== m.DIY || e.designState;
+      }
+    ), c = o(
+      () => {
+        var t;
+        return r.value ? null : (t = e.options) == null ? void 0 : t.getContainer;
+      }
+    );
+    console.log({ isDisabled: r.value, getContainer: c.value });
+    const l = o(
+      () => e.buttonList.filter((t) => !d(t))
+    ), s = async (t) => {
+      if (!e.designState && t.onClick)
+        try {
+          await a({
+            functionBody: t.onClick,
+            context: e.ctx,
+            params: e.scope
+          });
+        } catch (n) {
+          console.error("Button click handler error:", n);
+        }
+    }, u = (t) => {
+      if (!t.onDisabled) return !1;
+      try {
+        return a({
+          functionBody: t.onDisabled,
+          context: e.ctx,
+          params: e.scope
+        });
+      } catch (n) {
+        return console.error("Button disabled handler error:", n), !1;
+      }
+    }, d = (t) => {
+      if (!t.onHidden) return !1;
+      try {
+        return a({
+          functionBody: t.onHidden,
+          context: e.ctx,
+          params: e.scope
+        });
+      } catch (n) {
+        return console.error("Button hidden handler error:", n), !1;
+      }
+    };
+    return {
+      getContainer: c,
+      isDisabled: r,
+      containerStyle: i,
+      visibleButtons: l,
+      handleClick: s,
+      handleDisabled: u
+    };
+  }
+});
+export {
+  g as default
+};

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

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

package/src/components/public/CustomerModal/CustomerModal.vue2.js

@@ -0,0 +1,72 @@
+import { defineComponent as x, getCurrentInstance as _, useAttrs as b, ref as w, computed as p, onMounted as k, createBlock as V, openBlock as R, unref as o, withCtx as l, createVNode as s, mergeProps as $, nextTick as M } from "vue";
+import { useLowcode as T } from "../../../hooks/useLowcode.js";
+import B from "../../form-render/SubmitButtonRender.vue.js";
+import L from "../../form-render/index.vue.js";
+import { TpfConfigProvider as P, TpfModal as U } from "tmgc2-share";
+import { Skeleton as A } from "ant-design-vue";
+import "../../../utils/i18n.js";
+const q = /* @__PURE__ */ x({
+  __name: "CustomerModal",
+  props: {
+    title: {},
+    type: {},
+    formCode: {}
+  },
+  setup(d) {
+    const a = _(), r = b() || {}, i = w(!1), e = d, m = p(() => {
+      var n, t;
+      return {
+        $router: a.proxy.$router,
+        _id: ((t = (n = r == null ? void 0 : r.row) == null ? void 0 : n.record) == null ? void 0 : t._id) || null,
+        type: e.type,
+        instance: a,
+        ...r
+      };
+    }), {
+      vfdRef: u,
+      formConfig: c,
+      getComponentJson: v,
+      isLoading: g
+    } = T({
+      formCode: e.formCode,
+      type: e.type
+    }), C = p(() => (console.log({
+      props: e
+    }), e.title ? e.title : e.type === "add" ? "新增" : e.type === "edit" ? "编辑" : e.type === "view" ? "查看" : "新增")), y = async () => {
+      i.value = !0, await M(), await v([]), console.log("attrs", r);
+    };
+    return k(() => {
+      y();
+    }), (n, t) => (R(), V(o(P), null, {
+      default: l(() => [s(o(U), $({
+        visible: i.value,
+        "onUpdate:visible": t[1] || (t[1] = (f) => i.value = f)
+      }, n.$attrs, {
+        title: C.value
+      }), {
+        footerRight: l(() => [s(B, {
+          dialogVisible: i.value,
+          "onUpdate:dialogVisible": t[0] || (t[0] = (f) => i.value = f),
+          options: o(c),
+          ctx: o(u)
+        }, null, 8, ["dialogVisible", "options", "ctx"])]),
+        default: l(() => [s(o(A), {
+          active: "",
+          loading: o(g)
+        }, {
+          default: l(() => [s(L, {
+            vfCtx: m.value,
+            ref_key: "vfdRef",
+            ref: u
+          }, null, 8, ["vfCtx"])]),
+          _: 1
+        }, 8, ["loading"])]),
+        _: 1
+      }, 16, ["visible", "title"])]),
+      _: 1
+    }));
+  }
+});
+export {
+  q as default
+};

package/src/components/public/CustomerModal/useCustomerModal.js

@@ -0,0 +1,24 @@
+import { defineAsyncComponent as a, createApp as p, createVNode as i, mergeProps as C } from "vue";
+const g = (n, t) => {
+  console.log("ops: ", n);
+  const {
+    type: c,
+    formCode: m,
+    ...d
+  } = n, o = document.createElement("div");
+  document.body.appendChild(o);
+  const r = a(() => import("./CustomerModal.vue.js")), l = (s) => {
+    s.unmount(), o.remove();
+  }, e = p(i(r, C({
+    type: c,
+    formCode: m
+  }, {
+    onCancel: () => {
+      console.log("cancel"), l(e);
+    }
+  }, d), null));
+  t && t(e), e.mount(o);
+};
+export {
+  g as openCustomerModal
+};