@dazhicheng/ui 1.5.199 → 1.5.202

package/dist/components/tt-table/src/hooks/useRowSelection.js

@@ -0,0 +1,84 @@
+import { isArray as b } from "lodash-es";
+import { ref as f, computed as I, unref as o, toValue as A } from "vue";
+function B(u, l, n) {
+  const s = f([]), h = f([]), k = I(() => {
+    const { showCheckbox: e, showRadio: c } = o(u), t = A(s);
+    return e ? t : c ? t ? [t] : [] : [];
+  });
+  function i() {
+    return o(s);
+  }
+  function a() {
+    const { showCheckbox: e, showRadio: c } = o(u);
+    return e ? o(n).getCheckboxRecords(!0) : c ? o(n).getRadioRecord(!0) : [];
+  }
+  function r(e) {
+    const { tableRowId: c } = o(u);
+    h.value = a(), s.value = o(h).map((t) => t[c || "id"]), l("selection-change", {
+      keys: i(),
+      rows: a(),
+      data: e
+    });
+  }
+  const C = (e) => {
+    r(e), l("checkbox-change", e);
+  }, v = (e) => {
+    r(e), l("checkbox-all", e);
+  }, y = (e) => {
+    l("checkbox-range-change", e);
+    const { records: c } = e;
+    c && c.length === 1 || r(e);
+  }, d = async (e, c = []) => {
+    const { tableRowId: t, showCheckbox: w, showRadio: R } = o(u);
+    h.value = e, w && (b(c) && c.length === 0 && b(e) && e.length !== 0 && (c = e.map((g) => g[t || "id"])), s.value = c, o(n) && await o(n).setCheckboxRow(e, !0)), R && (e = e, s.value = e[t || "id"], o(n) && await o(n).setRadioRow(e)), setTimeout(() => {
+      l("selection-change", {
+        keys: i(),
+        rows: a()
+      });
+    }, 200);
+  }, S = () => {
+    const { showCheckbox: e, showRadio: c } = o(u);
+    e && (s.value = [], h.value = [], o(n) && o(n).clearCheckboxRow(), l("selection-change", {
+      keys: i(),
+      rows: a()
+    })), c && (s.value = void 0, h.value = void 0, o(n) && o(n).clearRadioRow());
+  };
+  async function x(e) {
+    const { rows: c, cols: t } = e;
+    if (c.length !== 1 && o(n) && t.some((w) => w.type === "checkbox")) {
+      const w = o(n).isCheckedByCheckboxRow(c[0]);
+      await o(n).setCheckboxRow(c, !w);
+      const { tableRowId: R } = o(u);
+      h.value = a(), s.value = o(h).map((g) => g[R || "id"]), l("selection-change", {
+        keys: i(),
+        rows: a(),
+        data: e
+      });
+    }
+  }
+  function K(e) {
+    var c, t;
+    h.value = e.row, s.value = (t = e.row) == null ? void 0 : t[((c = o(u)) == null ? void 0 : c.tableRowId) || "id"], l("radio-change", e), l("selection-change", {
+      keys: i(),
+      rows: a(),
+      data: e
+    });
+  }
+  return {
+    selectedKeys: s,
+    selectedRows: h,
+    setSelectedRowKeys: d,
+    onCellAreaSelectionEndSetCheckbox: x,
+    clearSelectedRowKeys: S,
+    onCheckboxChange: C,
+    onCheckboxAll: v,
+    getSelectRowKeys: i,
+    getSelectRows: a,
+    onCheckboxRangeChange: y,
+    onRadioChange: K,
+    getCheckboxSelectedKeys: k
+  };
+}
+export {
+  B as useRowSelection
+};

package/dist/components/tt-table/src/hooks/useTableContext.js

@@ -0,0 +1,20 @@
+import { provide as e, inject as o } from "vue";
+const n = Symbol("tt-table"), r = Symbol("tt-table-form");
+function a(t) {
+  e(n, t);
+}
+function b() {
+  return o(n);
+}
+function l(t) {
+  e(r, t);
+}
+function m() {
+  return o(r);
+}
+export {
+  a as createTableContext,
+  l as createTableFormContext,
+  b as useTableContext,
+  m as useTableFormContext
+};

package/dist/components/tt-table/src/hooks/useTableEvent.js

@@ -0,0 +1,197 @@
+import { delay as w } from "lodash-es";
+import { unref as a, nextTick as i } from "vue";
+function b(n, R, f, E, m, u) {
+  const r = () => {
+    i(() => {
+      const o = a(n), { tableData: t } = o.getTableData();
+      E.setState({
+        modelValue: t
+      }), E.setProxyState({ isTableEvent: !1 }), f("update:modelValue", t);
+    });
+  }, c = () => {
+    E.setProxyState({ isTableEvent: !0 });
+  };
+  return {
+    ...{
+      /**
+       * @description: 插入行
+       * @param {VxeTablePropTypes.Row | VxeTablePropTypes.Row[]} records
+       * @return {Promise<InsertReturnData>}
+       */
+      insert: async function(t) {
+        c();
+        const s = await a(n).insert(t);
+        return r(), s;
+      },
+      /**
+       * @description: 插入指定行
+       * @param {VxeTablePropTypes.Row | VxeTablePropTypes.Row[]} records
+       * @param {*} row
+       * @return {Promise<InsertReturnData>}
+       */
+      insertAt: async function(t, e) {
+        c();
+        const d = await a(n).insertAt(t, e);
+        return r(), d;
+      },
+      /**
+       * @description: 退出编辑并还原数据
+       * @param {VxeTablePropTypes.Row} row
+       */
+      clearEditRevertData: async function(t) {
+        var e, s;
+        c(), await ((e = a(n)) == null ? void 0 : e.clearEdit()), (s = a(n)) == null || s.revertData(t), r();
+      },
+      /**
+       * @description: 指定行激活编辑
+       * @param  row 指定行
+       * @param  fieldOrColumn 指定列
+       */
+      setEditRow: async function(t, e) {
+        var s;
+        await ((s = a(n)) == null ? void 0 : s.setEditRow(t, e));
+      },
+      /**
+       * @description: 指定单元格激活编辑
+       * @param  row 指定行
+       * @param  fieldOrColumn 指定列
+       */
+      setEditCell: async function(t, e) {
+        var s;
+        await ((s = a(n)) == null ? void 0 : s.setEditCell(t, e));
+      },
+      /**
+       * @description: 删除行
+       * @param {any} row
+       * @return {*}
+       */
+      remove: async function(t) {
+        c();
+        const e = await a(n).remove(t);
+        return r(), e;
+      },
+      /**
+       * 删除复选框选中的行数据
+       */
+      removeCheckboxRow: async function() {
+        var e;
+        c();
+        const t = await a(n).removeCheckboxRow();
+        return (e = u == null ? void 0 : u.clearSelectedRowKeys) == null || e.call(u), r(), t;
+      },
+      /**
+       * 删除单选框选中的行数据
+       */
+      removeRadioRow: async function() {
+        var e;
+        c();
+        const t = await a(n).removeRadioRow();
+        return (e = u == null ? void 0 : u.clearSelectedRowKeys) == null || e.call(u), r(), t;
+      },
+      /**
+       * 删除当前行选中的行数据
+       */
+      removeCurrentRow: async function() {
+        c();
+        const t = await a(n).removeCurrentRow();
+        return r(), t;
+      },
+      /**
+       * 删除所有新增的临时数据
+       */
+      removeInsertRow: async function() {
+        c();
+        const t = await a(n).removeInsertRow();
+        return r(), t;
+      }
+    },
+    ...{
+      /**
+       * 加载数据
+       * @param data 数据
+       */
+      loadData: async function(t) {
+        var l, v;
+        const e = a(n).getTreeExpandRecords();
+        c();
+        const s = await a(n).loadData(t), d = (v = (l = a(m)) == null ? void 0 : l.treeConfig) == null ? void 0 : v.reserve;
+        return e.length > 0 && d && a(n).setTreeExpand(e, !0), r(), s;
+      },
+      /**
+       * 加载数据并恢复到初始状态
+       * @param data 数据
+       */
+      reloadData: async function(t) {
+        var l, v;
+        const e = a(n).getTreeExpandRecords();
+        c();
+        const s = await a(n).reloadData(t), d = (v = (l = a(m)) == null ? void 0 : l.treeConfig) == null ? void 0 : v.reserve;
+        return e.length > 0 && d && a(n).setTreeExpand(e, !0), r(), s;
+      },
+      /**
+       * 重新加载列
+       * @param columns 列对象
+       */
+      reloadColumn: async function(t) {
+        const e = a(n).getTreeExpandRecords();
+        return c(), await E.setTableColumns(t), w(() => {
+          var l, v;
+          const d = (v = (l = a(m)) == null ? void 0 : l.treeConfig) == null ? void 0 : v.reserve;
+          e.length > 0 && d && a(n).setTreeExpand(e, !0);
+        }, 50), r(), E.getTableColumns();
+      },
+      /**
+       * 局部加载行数据并恢复到初始状态
+       * @param rows 行对象
+       * @param record 新数据
+       * @param field 指定字段名
+       */
+      reloadRow: async function(t, e, s) {
+        c();
+        const d = await a(n).reloadRow(t, e, s);
+        return r(), d;
+      },
+      /**
+       * 手动清空单元格内容，如果不传参数，则清空整个表格内容，如果传了行则清空指定行内容，如果传了指定字段，则清空该字段内容
+       * @param rows 指定行
+       * @param field 字段名
+       */
+      clearData: async function(t, e) {
+        c();
+        const s = await a(n).clearData(t, e);
+        return r(), s;
+      },
+      /**
+       * 重新懒加载展开行，并展开内容
+       * @param rows 指定行
+       */
+      reloadRowExpand: async function(t) {
+        c();
+        const e = await a(n).reloadRowExpand(t);
+        return r(), e;
+      },
+      /**
+       * 重新懒加载树节点，并展开该节点
+       * @param rows 指定行
+       */
+      reloadTreeExpand: async function(t) {
+        c();
+        const e = await a(n).reloadTreeExpand(t);
+        return r(), e;
+      }
+    },
+    ...{
+      /**
+       * 设置空数据展示的text
+       */
+      setEmptyText: (o) => {
+        R.emptyText = o, E.setState({
+          emptyText: o
+        });
+      }
+    }
+  };
+}
+export {
+  b as useTableEvents
+};

package/dist/components/tt-table/src/hooks/useTableForm.js

@@ -0,0 +1,60 @@
+import { omit as p, cloneDeep as y, isFunction as d, isEqual as T } from "lodash-es";
+import { ref as C, computed as f, unref as n, toValue as m, watch as D, watchEffect as E } from "vue";
+function B(o, w, g, F, I) {
+  const r = C([]), b = f(() => {
+    const { form: t } = n(o), { submitButtonOptions: e = {} } = t || {};
+    return Object.assign(e, { loading: n(g) }), {
+      ...t,
+      submitButtonOptions: e
+    };
+  });
+  async function S(t) {
+    const e = F(), a = { currentPage: 1, pageSize: e == null ? void 0 : e.pageSize };
+    await w({ tablePage: a, searchInfo: t });
+  }
+  const P = f(() => {
+    const { table: t = {}, tableRowId: e, useSearchForm: a, testId: s } = m(o), u = p(n(l), ["tableRowId"]);
+    return y({
+      useSearchForm: a || !1,
+      // TODO: getProps 使用toRaw会导致堆栈溢出问题后续优化
+      ...t,
+      ...u,
+      tableRowId: (t == null ? void 0 : t.tableRowId) || e,
+      // 继承外层的 testId，如果 table.testId 未设置则使用外层的 testId
+      testId: (t == null ? void 0 : t.testId) || s,
+      beforeFetch: async (i) => {
+        const { handleSearchInfoFn: h } = m(o);
+        let c = i;
+        return h && d(h) && (c = await h(c)), t != null && t.beforeFetch && d(t == null ? void 0 : t.beforeFetch) && (c = await (t == null ? void 0 : t.beforeFetch(c))), c;
+      }
+    });
+  }), l = f(() => {
+    const { columnsKey: t, showSetting: e, showSetColumn: a, showRefresh: s, showExport: u } = n(o).table || {}, { toolConfig: i } = n(o);
+    return {
+      columnsKey: t,
+      showSetting: e,
+      showRefresh: s,
+      showSetColumn: a,
+      showExport: u,
+      ...i
+    };
+  });
+  return D(
+    () => r.value,
+    (t, e) => {
+      T(t, e) || I("update:table-data", t);
+    },
+    { deep: !0 }
+  ), E(() => {
+    r.value = n(o).tableData || [];
+  }), {
+    tableData: r,
+    getFormProps: b,
+    handleSearchInfoChange: S,
+    getTableProps: P,
+    getTableToolProps: l
+  };
+}
+export {
+  B as useTableForm
+};

package/dist/components/tt-table/src/hooks/useTableRender.js

@@ -0,0 +1,33 @@
+import { useStore as i } from "@tanstack/vue-store";
+import { defineComponent as s, h as p } from "vue";
+import f from "../Table.vue.js";
+/* empty css            */
+import u from "../TableForm.vue.js";
+import { TableApi as c } from "../utils/table-api.js";
+import { TableFormApi as d } from "../utils/table-form-api.js";
+function S(r) {
+  const t = new d(r), e = t;
+  return e.useStore = (n) => i(t.store, n), [s(
+    (n, { attrs: a, slots: o }) => () => p(u, { ...r, ...n, ...a, tableFormApi: e }, o),
+    {
+      name: "TtTableFormRender",
+      inheritAttrs: !1
+    }
+  ), e];
+}
+function w(r) {
+  const t = new c(r), e = t;
+  e.useStore = (o) => i(t.store, o);
+  const { testId: m } = r, n = m ? { testId: m } : {};
+  return [s(
+    (o, { attrs: l, slots: b }) => () => p(f, { ...n, ...o, ...l, tableApi: e }, b),
+    {
+      name: "TtTableRender",
+      inheritAttrs: !1
+    }
+  ), e];
+}
+export {
+  S as useTableFormRender,
+  w as useTableRender
+};

package/dist/components/tt-table/src/hooks/useTableSlot.js

@@ -0,0 +1,17 @@
+import { useTemplateSlot as e } from "../../../../hooks/useTemplateSlot.js";
+function c() {
+  const { getSlotKeys: t, replaceSlotKey: o } = e("t-"), { getSlotKeys: l, replaceSlotKey: r } = e("form-");
+  return {
+    replaceTableSlotKey: o,
+    // 表格插槽key前缀替换方法
+    replaceFormSlotKey: r,
+    // 表单插槽key前缀替换方法
+    getTableSlotKeysFunc: t,
+    // 获取表格插槽key的方法
+    getFormSlotKeysFunc: l
+    // 获取表单插槽key的方法
+  };
+}
+export {
+  c as useTableSlot
+};