@kp-ui/lowcode 2.13.2 → 2.14.0-alpha

package/src/mixins/useDataTableMixin.js

@@ -0,0 +1,341 @@
+import { createVNode as w } from "vue";
+import { omit as r, isArray as g, isEmpty as u } from "lodash-es";
+import { fmtHttpParams as p } from "../utils/request/fmtHttpParams.js";
+import { TpfConfirm as m } from "../hooks/TpfConfirm.js";
+import f from "../components/CustomRender/RenderBodyCell.js";
+import { executeFunction as l } from "../utils/executeFunction.js";
+import R from "../components/public/ActionButtonListRender.vue.js";
+const I = {
+  data() {
+    return {
+      selectedRowInfo: {
+        selectedRowKeys: [],
+        selectedRows: []
+      },
+      selectRow: {},
+      loading: !1
+    };
+  },
+  components: {
+    RenderBodyCell: f
+  },
+  inject: ["refList"],
+  computed: {
+    columns() {
+      var c;
+      const t = [], e = ((c = this.widget) == null ? void 0 : c.options) ?? {};
+      e.showIndex && t.push({
+        title: "序号",
+        align: "left",
+        width: 90,
+        fixed: "left",
+        maxWidth: 100,
+        field: "dataIndex",
+        customRender: this.customRenderIndex
+      });
+      const o = e.tableColumns.filter((i) => i.show).map((i) => ({
+        ...i,
+        ...this.handleColumnItem(i)
+      })), s = [];
+      if (e.showButtonsColumn) {
+        const i = e.operationButtons ?? [];
+        let d = this;
+        s.push({
+          fixed: "right",
+          align: "center",
+          title: e.buttonsColumnTitle,
+          width: e.buttonsColumnWidth,
+          customRender(h) {
+            return w(R, {
+              buttonList: i,
+              flex: "center",
+              scope: h,
+              ctx: d
+            }, null);
+          }
+        });
+      }
+      let n = {};
+      return {
+        columns: [...t, ...o, ...s].map((i) => (i.bodyCell && (n[i.dataIndex] = i.bodyCell, delete i.customRender), i)),
+        bodyCell: n
+      };
+    },
+    tableHeight() {
+      return parseFloat(this.widget.options.tableHeight || 0);
+    },
+    // rowClassName() {
+    //   if (this.widget.options.stripe) {
+    //     return (_record, index) => (index % 2 === 1 ? 'table-striped' : null);
+    //   }
+    //   return null;
+    // },
+    customClass() {
+      return this.widget.options.customClass || "";
+    },
+    widgetSize() {
+      return this.widget.options.tableSize || "default";
+    },
+    lineHeight() {
+      return this.widget.options.lineHeight || 40;
+    },
+    fmtPagination() {
+      const {
+        showPagination: t
+      } = this.widget.options;
+      return t ? {
+        ...this.widget.options.pagination,
+        showTotal: (e) => `共 ${e} 条`
+      } : !1;
+    }
+  },
+  watch: {
+    "widget.options.dataSource": {
+      handler(t) {
+        var e;
+        t && t.length && (console.log("DataTable dataSource changed:", t), this.widget.options.dataSource = t, console.log(this.getFormRef()), (e = this.getFormRef()) == null || e.setTableValue(this.widget.options.name, t));
+      },
+      deep: !0
+    }
+  },
+  methods: {
+    isShowBodyCell(t) {
+      var e, o;
+      return (o = (e = this.columns) == null ? void 0 : e.bodyCell) == null ? void 0 : o[t];
+    },
+    handleHidden() {
+      const {
+        onHidden: t,
+        hidden: e
+      } = this.widget.options;
+      return e ? !0 : t ? new Function(t).call(this) : !1;
+    },
+    rowClassName(t) {
+      const {
+        rowKey: e,
+        colorRow: o
+      } = this.widget.options;
+      return o && this.selectRow[e] === t[e] ? "colorRowClassName surely-table-row-selected" : "";
+    },
+    handleResizeColumn(t, e) {
+      const {
+        tableColumns: o
+      } = this.widget.options, s = o.map((n) => (n.dataIndex === e.dataIndex && (n.width = t), {
+        ...n
+      }));
+      this.setTableColumns(s);
+    },
+    disabledClick() {
+      const {
+        hasRowSelection: t
+      } = this.widget.options.rowSelection;
+      return t ? u(this.selectedRowInfo.selectedRowKeys) : u(this.selectRow);
+    },
+    getSelectedRowKeys() {
+      return this.selectedRowInfo.selectedRowKeys;
+    },
+    getSelectedRows() {
+      return this.selectedRowInfo.getSelectedRows;
+    },
+    getTableColumns() {
+      return this.widget.options.tableColumns;
+    },
+    setTableColumns(t) {
+      this.widget.options.tableColumns = t;
+    },
+    async delSelectRow(t) {
+      if (await m({
+        content: "确定删除选中的数据吗"
+      }), t = t || this.selectedRowInfo.selectedRowKeys, !t.length) return;
+      const {
+        rowKey: e
+      } = this.widget.options, s = this.getDataSource().filter((n) => !(t != null && t.includes(n[e])));
+      this.setDataSource(s), this.$message.success("操作成功");
+    },
+    getPagination() {
+      return this.widget.options.pagination;
+    },
+    /**
+     * 设置表格分页
+     * @param pagination
+     */
+    setPagination(t) {
+      t.page !== void 0 && (this.widget.options.pagination.current = t.page), t.pageSize !== void 0 && (this.widget.options.pagination.pageSize = t.pageSize), t.total !== void 0 && (this.widget.options.pagination.total = t.total);
+    },
+    setDataSource(t) {
+      var o;
+      t = t || [], this.selectedRowInfo = {
+        selectedRowKeys: [],
+        selectedRows: []
+      }, this.selectRow = {};
+      const e = g(t) ? t : [t];
+      console.log("setDataSource: ", e), (o = this.getFormRef()) == null || o.setTableValue(this.widget.options.name, e);
+    },
+    setValue(t) {
+      console.log("list: ", t), this.setDataSource(t);
+    },
+    setRowDataSource(t, e) {
+      var o;
+      (o = this.getFormRef()) == null || o.setTableRowDataValue(this.widget.options.name, t, e);
+    },
+    insertTableValue(t) {
+      var e;
+      (e = this.getFormRef()) == null || e.insertTableValue(this.widget.options.name, t);
+    },
+    getDataSource() {
+      var t;
+      return ((t = this.getFormRef()) == null ? void 0 : t.getTableValue(this.widget.options.name)) || [];
+    },
+    getValue() {
+      return this.getDataSource();
+    },
+    async loadDataTableDataSource() {
+      this.widget.options.dsEnabled && setTimeout(async () => {
+        const t = this.widget.options;
+        if (t.dsEnabled && t.http.url) {
+          this.loading = !0;
+          const e = await p.call(this, t);
+          this.setPagination(e), this.setDataSource(e.list), this.loading = !1;
+        }
+      }, 500);
+    },
+    handleCustomRow(t) {
+      const {
+        customRow: e,
+        colorRow: o
+      } = this.widget.options, {
+        hasRowSelection: s
+      } = this.widget.options.rowSelection;
+      return {
+        onClick: (n) => {
+          o && (this.selectRow = t), s && this.selectTableRow(t), new Function("record", "event", e.onClick).call(this, t, n);
+        },
+        onDblclick: (n) => {
+          new Function("record", "event", e.onDblclick).call(this, t, n);
+        },
+        onMouseenter: (n) => {
+          new Function("record", "event", e.onMouseenter).call(this, t, n);
+        },
+        onMouseleave: (n) => {
+          new Function("record", "event", e.onMouseleave).call(this, t, n);
+        }
+      };
+    },
+    selectTableRow(t) {
+      const e = this.widget.options.rowKey, o = this.selectedRowInfo.selectedRowKeys;
+      console.log(this.selectedRowInfo.selectedRowKeys), o.includes(t[e]) ? this.selectedRowInfo.selectedRowKeys.splice(o.indexOf(t[e]), 1) : this.selectedRowInfo.selectedRowKeys.push(t[e]);
+    },
+    // 处理列配置
+    handleColumnItem(t) {
+      const e = r(t, ["customRender"]), o = t.customRender;
+      return t.minWidth = 50, t.maxWidth = 1200, t.isAutoWidth ? (t.width = null, delete t.width) : t.width = isNaN(Number(t.width)) ? t.width : Number(t.width), o ? {
+        ...e,
+        bodyCell: (s) => l({
+          functionBody: o,
+          params: s,
+          context: this,
+          errorCallback: (n) => {
+            console.error("Custom render error:", n);
+          }
+        })
+      } : t;
+    },
+    getOperationButtonLabel(t, e, o) {
+      const {
+        onGetOperationButtonLabel: s
+      } = this.widget.options;
+      return s ? new Function("buttonConfig", "rowIndex", "row", s).call(this, t, e, o) : t.label;
+    },
+    // 处理操作按钮点击
+    async handleOperationButtonClick(t, e, o, s, n) {
+      this.skipSelectionChangeEvent = !0;
+      try {
+        if (n.onClick) {
+          await l({
+            functionBody: n.onClick,
+            params: {
+              record: o,
+              index: e,
+              column: s.column,
+              btn: n
+            },
+            context: this
+          });
+          return;
+        }
+        const {
+          onOperationButtonClick: a
+        } = this.widget.options;
+        a ? await l({
+          functionBody: a,
+          params: {
+            buttonName: t,
+            rowIndex: e,
+            row: o
+          },
+          context: this
+        }) : this.dispatch("VFormRender", "operationButtonClick", [this, t, e, o]);
+      } finally {
+        this.skipSelectionChangeEvent = !1;
+      }
+    },
+    showOperationButton(t, e, o) {
+      const {
+        onHideOperationButton: s
+      } = this.widget.options;
+      return s ? !!new Function("buttonConfig", "rowIndex", "row", s).call(this, t, e, o) : !t.hidden;
+    },
+    disableOperationButton(t, e, o) {
+      const {
+        onDisableOperationButton: s
+      } = this.widget.options;
+      return s ? new Function("buttonConfig", "rowIndex", "row", s).call(this, t, e, o) : t.disabled;
+    },
+    customRenderIndex({
+      index: t
+    }) {
+      return t + 1;
+    },
+    handleCurrentPageChange(t) {
+      this.currentPage = t;
+      const {
+        onCurrentPageChange: e
+      } = this.widget.options;
+      e ? new Function("pageSize", "currentPage", e).call(this, this.pageSize, t) : this.dispatch("VFormRender", "dataTablePageChange", [this, this.pageSize, t]);
+    },
+    getFormRef() {
+      return this.refList.v_form_ref;
+    },
+    handlePageSizeChange(t) {
+      this.pageSize = t;
+      const {
+        onPageSizeChange: e
+      } = this.widget.options;
+      e ? new Function("pageSize", "currentPage", e).call(this, t, this.currentPage) : this.dispatch("VFormRender", "dataTablePageSizeChange", [this, t, this.currentPage]);
+    },
+    handleTablePageChange(t, e, o, {
+      currentDataSource: s
+    }) {
+      const n = this.widget.options.onTableChange;
+      this.widget.options.pagination.current = t.current, this.widget.options.pagination.pageSize = t.pageSize, n && new Function("pagination", "filters", "sorter", "currentDataSource", n).call(this, t, e, o, {
+        currentDataSource: s
+      }), this.loadDataTableDataSource();
+    },
+    handleRowSelection() {
+      const t = this.widget.options.rowSelection;
+      if (t.hasRowSelection)
+        return {
+          ...r(t, ["onChange"]),
+          onChange: (e, o) => {
+            this.selectedRowInfo = {
+              selectedRowKeys: e,
+              selectedRows: o
+            }, new Function("selectedRowKeys", "selectedRows", t.onChange).call(this, e, o);
+          }
+        };
+    }
+  }
+};
+export {
+  I as default
+};

package/src/mixins/useSelectMixin.js

@@ -0,0 +1,60 @@
+import { debounce as s } from "lodash-es";
+const l = {
+  data() {
+    return {
+      keyword: "",
+      pager: {
+        page: 1,
+        pageSize: 20,
+        totalPage: 0,
+        total: 0
+      }
+    };
+  },
+  computed: {
+    fieldNames() {
+      return {
+        label: this.field.options.labelKey || "label",
+        value: this.field.options.valueKey || "value",
+        options: "options"
+      };
+    },
+    selectOps() {
+      const t = this.field.options.showSearch;
+      return {
+        fieldNames: this.fieldNames,
+        showSearch: !0,
+        onPopupScroll: this.onPopupScroll,
+        onSearch: this.remoteQuery,
+        filterOption: !t && this.filterOption,
+        listHeight: 240
+      };
+    }
+  },
+  methods: {
+    filterOption(e, t) {
+      return t[this.fieldNames.label].toLowerCase().indexOf(e.toLowerCase()) >= 0;
+    },
+    initPager() {
+      this.pager = { page: 1, pageSize: 20, total: 0, totalPage: 0 }, this.loadOptions([]);
+    },
+    remoteQuery(e) {
+      this.field.options.showSearch && (this.designState || (this.initPager(), this.keyword = e, this.initOptionItems(!0)));
+    },
+    onPopupScroll(e) {
+      if (!this.field.options.loadingPage) return;
+      const { target: t } = e, { scrollTop: i, scrollHeight: o, clientHeight: r } = t;
+      if (o - (i + r) <= 30 && this.pager.totalPage > this.pager.page) {
+        if (this.pager.totalPage === this.pager.page)
+          return;
+        this.changePager();
+      }
+    },
+    changePager: s(function() {
+      this.pager.page += 1, this.initOptionItems(!0);
+    }, 500)
+  }
+};
+export {
+  l as default
+};

package/src/utils/emitter.js

@@ -0,0 +1,52 @@
+const h = {
+  data() {
+    return {
+      vfEvents: {}
+    };
+  },
+  methods: {
+    emit$(i, s) {
+      this.vfEvents[i] && this.vfEvents[i].forEach((f) => {
+        f(s);
+      });
+    },
+    on$(i, s) {
+      this.vfEvents[i] = this.vfEvents[i] || [], this.vfEvents[i].push(s);
+    },
+    off$(i, s) {
+      if (this.vfEvents[i]) {
+        if (s == null) {
+          this.vfEvents[i].length = 0;
+          return;
+        }
+        for (let f = 0; f < this.vfEvents[i].length; f++)
+          if (this.vfEvents[i][f] === s) {
+            this.vfEvents[i].splice(f, 1);
+            break;
+          }
+      }
+    },
+    dispatch: function(s, f, e) {
+      let t = this.$parent || this.$root, o = t.$options.componentName;
+      for (; t && (!o || o !== s); )
+        t = t.$parent, t && (o = t.$options.componentName);
+      t && t.emit$ && (t.emit$.call(t, f, e), s === "VFormRender" && t.$emit(f, ...e));
+    },
+    broadcast: function(s, f, e) {
+      this.widgetRefList && Object.keys(this.widgetRefList).forEach((t) => {
+        if (this.widgetRefList[t].$options.componentName === s) {
+          const n = this.widgetRefList[t];
+          n.emit$.call(n, f, e);
+        }
+      }), this.refList && Object.keys(this.refList).forEach((t) => {
+        if (this.refList[t].$options.componentName === s) {
+          const n = this.refList[t];
+          n.emit$.call(n, f, e);
+        }
+      });
+    }
+  }
+};
+export {
+  h as default
+};

package/src/utils/event-bus.js

@@ -0,0 +1,8 @@
+import e from "mitt";
+const t = e(), o = {};
+o.$on = t.on;
+o.$off = t.off;
+o.$emit = t.emit;
+export {
+  o as default
+};

package/src/utils/executeFunction.js

@@ -0,0 +1,27 @@
+import { h as s } from "vue";
+const l = ({
+  functionBody: r,
+  params: u = {},
+  context: c = {},
+  keys: t = [],
+  errorCallback: n
+}) => {
+  if (!(r != null && r.trim())) return !0;
+  try {
+    let e = ["scope"];
+    t && t.length && (e = t);
+    const h = new Function(...e, `${r}`);
+    let p;
+    if (t && t.length) {
+      const i = t.map((m) => u[m]);
+      p = h.apply(c, i);
+    } else
+      p = h.call(c, u);
+    return p;
+  } catch (e) {
+    return console.error("Execute function error:", e), n == null || n(e), s("span", "自定义渲染失败");
+  }
+};
+export {
+  l as executeFunction
+};

package/src/utils/format.js

@@ -0,0 +1,30 @@
+import { isArray as h } from "lodash-es";
+const b = (u = [], r, e = { label: "label", value: "value", children: "children" }, n = "/") => {
+  if (!(!r || r.length === 0))
+    return h(r[0]) ? r.map((l) => c(u, l, e).join(n)).join(",") : c(u, r, e).join(n);
+}, c = (u = [], r = [], e = { label: "label", value: "value", children: "children" }) => {
+  const n = [];
+  return u.forEach((t) => {
+    if (r.length !== 0 && t[e.value] === r[0] && (n.push(t[e.label]), h(t[e.children]))) {
+      const l = c(t[e.children], r.slice(1), e);
+      n.push(...l);
+    }
+  }), n;
+}, g = (u = [], r, e = { label: "label", value: "value", children: "children" }, n = ",") => !r || r.length === 0 ? void 0 : u.reduce((l, a) => {
+  const s = o(a, r, e);
+  return l = [...l, s], l;
+}, []).map((l) => l[e.label]).join(n), o = (u, r, e) => {
+  let n;
+  return r.forEach((t) => {
+    if (t[e.value] === u) {
+      n = t;
+      return;
+    }
+    const l = t[e.children] || [];
+    l.length && (n = o(u, l, e));
+  }), n;
+};
+export {
+  b as formateCascaderCode,
+  g as formateTreeToName
+};

package/src/utils/getFileName.js

@@ -0,0 +1,7 @@
+function o(n) {
+  const t = n.replace(/\\/g, "/").split("/").pop(), e = t.lastIndexOf(".");
+  return e === -1 ? t : t.substring(0, e);
+}
+export {
+  o as getFileName
+};

package/src/utils/i18n.js

@@ -0,0 +1,35 @@
+import { mapActions as r, mapState as c } from "pinia";
+import { createI18n as i } from "./smart-vue-i18n/index.js";
+import { useLocaleStore as o } from "@kp-ui/i18n";
+const e = i(), p = (t, n) => {
+  e.setLangMessages(t, n);
+}, L = {
+  computed: {
+    ...c(o, ["getLocale"])
+  },
+  methods: {
+    ...r(o, ["setLocale"]),
+    async changeLocale(t) {
+      await e.setLang(t);
+    },
+    i18nt(t) {
+      return e.$st(t);
+    },
+    /* 如果key1不存在，则查找key2 */
+    i18n2t(t, n) {
+      return e.$st2(t, n);
+    }
+  }
+};
+function f() {
+  return {
+    i18nt: (s) => e.$st(s),
+    i18n2t: (s, a) => e.$st2(s, a)
+  };
+}
+export {
+  L as default,
+  e as i18n,
+  p as setLangMessages,
+  f as useI18n
+};

package/src/utils/request/fmtHttpParams.js

@@ -0,0 +1,28 @@
+import { getLocat as f } from "@kp-ui/tool";
+import m from "./http.js";
+const F = (e, o) => (Object.entries(e).forEach(([a, d]) => {
+  a && Object.keys(d).forEach((n) => {
+    o[n] !== void 0 ? e[a][n] = o[n] : e[a][n] = e[a][n] ?? null;
+  });
+}), e);
+async function g(e, o = {}) {
+  const { data: a, vfCtx: d, ...n } = o, { http: t, dataHandlerCode: h, dataReqHandlerCode: l } = e;
+  if (!t.url) return;
+  const p = { ...f(), ...a, ...d, ...n }, i = t.method || "get";
+  let c = {
+    params: t.method === "get" ? { ...t.params, ...a } : { ...t.params },
+    data: t.method === "post" ? { ...t.data, ...a } : { ...t.data }
+  };
+  c = F(c, p);
+  let r = {
+    ...t,
+    method: i,
+    ...c
+  };
+  if (l && (r = new Function("data", l).call(this, r)), !r) return;
+  let s = await m(r);
+  return h && (s = new Function("data", h).call(this, s)), s;
+}
+export {
+  g as fmtHttpParams
+};

package/src/utils/request/handleAxiosError.js

@@ -0,0 +1,31 @@
+import { message as t } from "ant-design-vue";
+import { goLogin as e } from "tmgc2-share";
+const a = {
+  401: (r) => {
+    t.error(r.statusText), e();
+  },
+  403: (r) => {
+    t.error(r.statusText);
+  },
+  404: (r) => {
+    t.error(r.statusText);
+  },
+  418: (r) => {
+    t.error(r.statusText);
+  },
+  429: (r) => {
+    t.error(r.statusText);
+  },
+  500: (r) => {
+    t.error("网络繁忙");
+  },
+  510: (r) => {
+    t.error(r.data.errorMessage || r.statusText);
+  },
+  599: (r) => {
+    t.error(r.data.errorMessage);
+  }
+};
+export {
+  a as handleErrorStatus
+};

package/src/utils/request/http.js

@@ -0,0 +1,44 @@
+import { getUserInfo as o } from "@kp-ui/tool";
+import m from "axios";
+import { message as n } from "ant-design-vue";
+import { handleErrorStatus as u } from "./handleAxiosError.js";
+const t = m.create({
+  timeout: 6e5,
+  baseURL: void 0,
+  withCredentials: !0,
+  // transformResponse: [
+  //   function (data) {
+  //     try {
+  //       return JSONBig.parse(data);
+  //     } catch (error) {
+  //       console.log(error);
+  //       return data;
+  //     }
+  //   }
+  // ],
+  validateStatus(e) {
+    return e <= 600;
+  }
+});
+t.interceptors.request.use((e) => {
+  const { tokenId: r, tenantId: s, employeeId: i } = o();
+  return e.withCredentials = !0, e.headers || (e.headers = {}), e.headers["mes-user"] = "{}", e.headers["imeclient-type"] = "PC", e.headers["imeclient-source"] = "tmgc2", e.headers["imeclient-version"] = "1.0", e.headers["accept-language"] = "zh-CN", r && (e.headers.Authorization = "Bearer " + r), s && (e.headers["imeclient-tenant-id"] = s), i && (e.headers["imeclient-employee-id"] = i), e;
+});
+t.interceptors.response.use(
+  (e) => {
+    if ([200].includes(e.status)) {
+      const r = e.data;
+      return e.config.responseType === "blob" ? e : r.success === !0 ? r : (n.error(r.errorMessage || "接口报错"), Promise.reject(e));
+    } else
+      return u[Number(e.status)] ? u[Number(e.status)](e) : n.error(e.statusText), Promise.reject(e);
+  },
+  (e) => (e.name === "CanceledError" || !e.response || console.log(e), Promise.reject(e))
+);
+const h = () => {
+  var e;
+  return ((e = window.$vform) == null ? void 0 : e.$http) || t;
+};
+export {
+  t as default,
+  h as getHttp
+};