@dazhicheng/ui 1.6.7 → 1.6.9

package/dist/components/tt-vtable/src/runtime/createVTableRuntime.js

@@ -0,0 +1,380 @@
+import "axios";
+import "element-plus";
+import { isFunction as ye, isString as ve, isObject as Ce, isArray as Te } from "../../../../packages/utils/src/is.js";
+import { shallowRef as v, computed as Q, watch as Se, nextTick as pe } from "vue";
+import "dayjs";
+import "numeral";
+import "xe-utils";
+import "dayjs/plugin/utc";
+import "dayjs/plugin/timezone";
+import "../../../../node_modules/.pnpm/decimal.js@10.6.0/node_modules/decimal.js/decimal.js";
+import "../../../../node_modules/.pnpm/crypto-js@4.2.0/node_modules/crypto-js/aes.js";
+import "../../../../node_modules/.pnpm/crypto-js@4.2.0/node_modules/crypto-js/enc-utf8.js";
+import "../../../../node_modules/.pnpm/crypto-js@4.2.0/node_modules/crypto-js/mode-ecb.js";
+import "../../../../node_modules/.pnpm/crypto-js@4.2.0/node_modules/crypto-js/pad-pkcs7.js";
+import "lodash-es";
+import { createVisactorTableEngine as we } from "../engine/visactor/createListTable.js";
+import "../engine/visactor/createVueCellLayout.js";
+import { bindNativeEvents as Ee } from "../engine/visactor/native-boundaries.js";
+import { createTtVTableError as x } from "../public/table-errors.js";
+import { useColumnPreferences as _e } from "../features/column-preferences/useColumnPreferences.js";
+import { useCellEditing as Ie } from "../features/editing/useCellEditing.js";
+import { useTablePagination as xe } from "../features/pagination/useTablePagination.js";
+import { useRecordQuery as Ae } from "../features/querying/useRecordQuery.js";
+import { getRecordFieldValue as q } from "../features/records/record-index.js";
+import { useRecordSource as Fe } from "../features/records/useRecordSource.js";
+import { useRowSelection as Ke } from "../features/selection/useRowSelection.js";
+import { useTreeRecords as Ne } from "../features/tree/useTreeRecords.js";
+const A = "__tt_vtable_selection__";
+function M(n) {
+  return n === "expand";
+}
+function B(n) {
+  return Ce(n);
+}
+function ot(n) {
+  var z, H;
+  const s = we(), p = v(!1), V = v(0), b = v(0), F = v([]), D = v({});
+  let K = !1, l, i, u, f, m, N = !1;
+  const R = ye(n.fetchRecords), C = Q(
+    () => {
+      var e, t;
+      return ((t = (e = n.getFeatures()) == null ? void 0 : e.selection) == null ? void 0 : t.mode) ?? "none";
+    }
+  );
+  function U() {
+    var t;
+    const e = (t = n.getFeatures()) == null ? void 0 : t.pagination;
+    return e === !1 ? void 0 : e;
+  }
+  function w() {
+    var t;
+    const e = (t = n.getFeatures()) == null ? void 0 : t.tree;
+    return e === !1 ? void 0 : e;
+  }
+  function W() {
+    var t;
+    const e = (t = n.getFeatures()) == null ? void 0 : t.editing;
+    return e === !1 ? void 0 : e;
+  }
+  function P() {
+    var t;
+    const e = (t = n.getFeatures()) == null ? void 0 : t.columnPreferences;
+    return e === !1 ? void 0 : e;
+  }
+  const T = U(), S = w(), h = P();
+  function E() {
+    !R || N || (N = !0, pe(() => {
+      N = !1, m == null || m.fetch();
+    }));
+  }
+  function $() {
+    i == null || i.reconcilePage(), u == null || u.reconcileRecords(), f == null || f.onRecordsReplaced(), L();
+  }
+  const o = Fe({
+    records: R ? [] : n.records,
+    rowKey: n.rowKey,
+    childrenField: S == null ? void 0 : S.childrenField,
+    mutationMode: n.mutationMode,
+    engine: s,
+    onRecordChange: n.onRecordChange,
+    onRecordsReplaced: $
+  });
+  i = xe({
+    initialPage: T == null ? void 0 : T.page,
+    initialPageSize: T == null ? void 0 : T.pageSize,
+    isRemote: R,
+    getRecords: o.getAll,
+    onChange: (e) => {
+      var t;
+      (t = n.onPageChange) == null || t.call(n, e), L(), E();
+    }
+  });
+  function j(e) {
+    var c;
+    const t = ((c = w()) == null ? void 0 : c.childrenField) || "children", r = q(e, t);
+    return Te(r) ? r : void 0;
+  }
+  f = Ne({
+    defaultExpandedKeys: S == null ? void 0 : S.defaultExpandedKeys,
+    getRecordByKey: o.getByKey,
+    getRowKey: o.getRowKey,
+    getChildren: j,
+    setChildren: o.setChildren,
+    fetchTreeChildren: (e) => {
+      const t = w();
+      return t != null && t.fetchTreeChildren ? t.fetchTreeChildren(e) : Promise.resolve([]);
+    },
+    cacheChildren: () => {
+      const e = w();
+      return (e == null ? void 0 : e.cacheChildren) ?? !0;
+    },
+    setNativeExpanded: ce,
+    setNativeLoading: oe,
+    onLoadSuccess: n.onTreeLoadSuccess,
+    onLoadError: n.onTreeLoadError
+  }), u = Ke({
+    mode: C,
+    selectedRowKeys: n.selectedRowKeys,
+    getLoadedRecords: o.getAll,
+    getCurrentPageRecords: () => i.pageRecords.value,
+    getRecordByKey: o.getByKey,
+    getRowKey: o.getRowKey,
+    isRowSelectable: (e) => {
+      var t, r, c;
+      return ((c = (r = (t = n.getFeatures()) == null ? void 0 : t.selection) == null ? void 0 : r.isRowSelectable) == null ? void 0 : c.call(r, e)) ?? !0;
+    },
+    reserveAcrossPages: () => {
+      var e, t;
+      return ((t = (e = n.getFeatures()) == null ? void 0 : e.selection) == null ? void 0 : t.reserveAcrossPages) ?? !1;
+    },
+    getCascadeRecords: (e) => {
+      var t, r;
+      return (r = (t = n.getFeatures()) == null ? void 0 : t.selection) != null && r.cascade ? f.getCascadeRecords(e) : [e];
+    },
+    syncNativeSelection: O
+  });
+  const k = Ie({
+    getRecordByKey: o.getByKey,
+    getFieldValue: q,
+    setCellValue: o.setCellValue,
+    getValidator: (e) => {
+      var r;
+      const t = W();
+      if (t)
+        return (r = t.validators) == null ? void 0 : r[String(e)];
+    },
+    startNativeEditing: ae,
+    cancelNativeEditing: () => {
+      var e;
+      return (e = s.getInstance()) == null ? void 0 : e.cancelEditCell();
+    },
+    onCommit: n.onEditCommit,
+    onError: n.onEditError
+  }), g = _e({
+    columns: n.getColumns,
+    columnsKey: () => {
+      var e;
+      return (e = P()) == null ? void 0 : e.columnsKey;
+    },
+    persistent: () => {
+      var e;
+      return !!((e = P()) != null && e.persistent);
+    },
+    schemaVersion: h == null ? void 0 : h.schemaVersion,
+    writeDelay: h == null ? void 0 : h.writeDelay,
+    storage: h == null ? void 0 : h.storage,
+    onPreferencesChange: n.onColumnPreferencesChange
+  }), Y = Q(() => C.value === "none" ? g.columns.value : [{
+    key: A,
+    field: A,
+    title: "",
+    width: 44,
+    minWidth: 44,
+    maxWidth: 44,
+    frozen: "left",
+    native: C.value === "multiple" ? { cellType: "checkbox", headerType: "checkbox" } : { cellType: "radio", radioCheckType: "column" }
+  }, ...g.columns.value]);
+  function G() {
+    return {
+      page: i.page.value,
+      pageSize: i.pageSize.value,
+      queryParams: n.getQueryParams(),
+      sort: F.value,
+      filters: D.value
+    };
+  }
+  R && (m = Ae({
+    fetchRecords: (e) => n.fetchRecords(e),
+    getRequestSnapshot: G,
+    replaceRecords: o.replaceAll,
+    setTotal: i.setRemoteTotal,
+    immediate: !1,
+    onSuccess: n.onFetchSuccess,
+    onError: n.onFetchError
+  }), Se(n.getQueryParams, E, {
+    immediate: ((H = (z = n.getFeatures()) == null ? void 0 : z.query) == null ? void 0 : H.immediate) ?? !0
+  }));
+  const J = v(!1), X = v(), Z = m ?? {
+    isFetching: J,
+    error: X,
+    fetch: async () => !1,
+    refresh: async () => !1,
+    cancel: () => {
+    }
+  };
+  function _() {
+    const e = s.getInstance();
+    if (!e || !p.value)
+      throw x("TT_VTABLE_NOT_READY", "原生 VTable 实例尚未就绪。", {});
+    return e;
+  }
+  function I(e, t) {
+    var a;
+    const r = o.getRecordIndex(e);
+    if (r === void 0) return;
+    const c = (a = s.getInstance()) == null ? void 0 : a.getCellAddrByFieldRecord(t, r);
+    if (!(!c || c.col < 0 || c.row < 0))
+      return c;
+  }
+  function ee() {
+    _(), s.recalculate();
+  }
+  function te(e) {
+    const t = _(), r = o.getRecordIndex(e);
+    if (r === void 0)
+      throw x("TT_VTABLE_RECORD_NOT_FOUND", `未找到 rowKey ${String(e)}。`, { rowKey: e });
+    t.scrollToRow(t.getBodyRowIndexByRecordIndex(r), !1);
+  }
+  function re(e, t) {
+    const r = _(), c = I(e, t);
+    if (!c)
+      throw x("TT_VTABLE_RECORD_NOT_FOUND", `未找到 rowKey ${String(e)} 对应单元格。`, {
+        rowKey: e,
+        field: t
+      });
+    r.scrollToCell(c);
+  }
+  const ne = {
+    records: o,
+    query: Z,
+    pagination: i,
+    selection: u,
+    columns: {
+      columns: g.columns,
+      replaceAll: g.replaceAll,
+      show: g.show,
+      hide: g.hide,
+      move: g.move,
+      resetPreferences: g.resetPreferences
+    },
+    editing: k,
+    tree: f,
+    layout: {
+      isReady: p,
+      width: V,
+      height: b,
+      recalculate: ee,
+      scrollToRecord: te,
+      scrollToCell: re
+    },
+    native: {
+      getInstance: s.getInstance
+    }
+  };
+  function O(e) {
+    const t = s.getInstance();
+    if (!t || C.value === "none") return;
+    const r = new Set(e);
+    o.getAll().forEach((c) => {
+      const a = o.getRowKey(c), d = o.getRecordIndex(a);
+      if (d === void 0) return;
+      if (C.value === "multiple") {
+        t.setCellCheckboxStateByRecordIndex(d, A, r.has(a));
+        return;
+      }
+      if (!r.has(a)) return;
+      const y = t.getCellAddrByFieldRecord(A, d);
+      y && t.setCellRadioState(y.col, y.row);
+    });
+  }
+  function L() {
+    var e, t;
+    !s.getInstance() || R || ((e = n.getFeatures()) == null ? void 0 : e.pagination) === !1 || !((t = n.getFeatures()) != null && t.pagination) || s.updatePagination({
+      currentPage: i.page.value - 1,
+      perPageCount: i.pageSize.value
+    });
+  }
+  function ce(e, t) {
+    const r = g.columns.value.find((y) => y.tree && y.field !== void 0);
+    if (!(r != null && r.field)) return;
+    const c = I(e, r.field), a = s.getInstance();
+    if (!a || !c) return;
+    M(a.getHierarchyState(c.col, c.row)) !== t && a.toggleHierarchyState(c.col, c.row);
+  }
+  function oe(e, t) {
+    var a;
+    if (!t) return;
+    const r = g.columns.value.find((d) => d.tree && d.field !== void 0);
+    if (!(r != null && r.field)) return;
+    const c = I(e, r.field);
+    c && ((a = s.getInstance()) == null || a.setLoadingHierarchyState(c.col, c.row));
+  }
+  function ae(e, t) {
+    const r = _(), c = I(e, t);
+    if (!c)
+      throw x("TT_VTABLE_RECORD_NOT_FOUND", `未找到 rowKey ${String(e)} 对应编辑单元格。`, {
+        rowKey: e,
+        field: t
+      });
+    r.startEditCell(c.col, c.row);
+  }
+  function se(e) {
+    if (B(e.originData)) {
+      u.onNativeSelectionChange(e.originData, e.checked);
+      return;
+    }
+    if (e.checked) {
+      u.selectCurrentPage();
+      return;
+    }
+    const t = new Set(i.pageRecords.value.map(o.getRowKey));
+    u.setKeys(u.keys.value.filter((r) => !t.has(r)));
+  }
+  function ie(e) {
+    B(e.originData) && u.onNativeSelectionChange(e.originData, !0);
+  }
+  function le(e) {
+    B(e.originData) && f.onNativeHierarchyChange(e.originData, M(e.hierarchyState));
+  }
+  function de(e) {
+    var c, a, d;
+    const t = ve(e.field) ? e.field : String(e.field), r = e.order === "asc" || e.order === "desc" ? [{ field: t, order: e.order }] : [];
+    if (F.value = r, (c = n.onSortChange) == null || c.call(n, r), !R) return !0;
+    if (((d = (a = n.getFeatures()) == null ? void 0 : a.query) == null ? void 0 : d.resetPageOnSort) ?? !0) {
+      const y = i.page.value;
+      i.reset(), i.page.value === y && E();
+    } else
+      E();
+    return !0;
+  }
+  function ue(e) {
+    const t = e.on("checkbox_state_change", se), r = e.on("radio_state_change", ie), c = e.on("tree_hierarchy_state_change", le), a = e.on("sort_click", de), d = Ee(e, n.getNativeEvents());
+    return () => {
+      e.off(t), e.off(r), e.off(c), e.off(a), d();
+    };
+  }
+  function ge(e) {
+    K || (l == null || l(), s.setInstance(e), l = ue(e), p.value = !0, o.syncToEngine(), L(), O(u.keys.value), f.syncExpandedState());
+  }
+  function fe(e) {
+    s.getInstance() === e && (l == null || l(), l = void 0, p.value = !1, s.setInstance(void 0));
+  }
+  function he(e, t) {
+    V.value = e, b.value = t;
+  }
+  function me(e) {
+    R || o.replaceAll(e);
+  }
+  function Re() {
+    K || (K = !0, l == null || l(), l = void 0, m == null || m.cancel(), k.release(), f.release(), o.release(), p.value = !1, s.release());
+  }
+  return {
+    tableApi: ne,
+    renderColumns: Y,
+    isRemote: R,
+    selectionMode: C,
+    sort: F,
+    filters: D,
+    getRowKey: o.getRowKey,
+    acceptNativeInstance: ge,
+    clearNativeInstance: fe,
+    acceptViewportSize: he,
+    acceptRecords: me,
+    release: Re
+  };
+}
+export {
+  A as TT_VTABLE_SELECTION_FIELD,
+  ot as createVTableRuntime
+};

package/dist/index.d.ts

@@ -16,6 +16,7 @@ export * from './components/tt-modal-form';
 export * from './components/tt-image';
 export * from './components/tt-loading';
 export * from './components/tt-table';
+export * from './components/tt-vtable';
 export * from './components/tt-upload';
 export * from './components/tt-nav-anchor';
 export * from './components/tt-api-component';