dishui 0.0.64 → 0.0.66

package/dist/components/pro/DataTable/DataTable.js

@@ -1,308 +1,308 @@
-import Ge from "../../Table/index.js";
-import { useReactTable as Je } from "./tanstack-table.js";
-import { TableToolbar as Ke } from "./components/TableToolbar.js";
-import { TableHeader as Qe } from "./components/TableHeader.js";
-import { TableBody as Ue } from "./components/TableBody.js";
-import { TablePagination as Ze } from "./components/TablePagination.js";
-import { deepEqual as w, useControllableState as y } from "../../../hooks/useControllableState.js";
-import { createTreeSortingFns as et, findAllChildRowIds as tt, flattenTreeData as nt, treeRowAnimationStyles as ot } from "./treeDataUtils.js";
-import { useColumnDragReorder as rt } from "./useColumnDragReorder.js";
-import ae, { useCallback as A, useEffect as R, useMemo as g, useRef as lt, useState as V } from "react";
-import { Fragment as st, jsx as o, jsxs as P } from "react/jsx-runtime";
-function Rt({ data: a, columns: f, className: ce = "", enableSorting: de = !0, enableFiltering: it = !0, enablePagination: F = !0, enableSelection: X = !0, enableColumnReordering: Y = !0, enableColumnResizing: at = !0, manualFiltering: $ = !1, enableExpanding: l = !1, subDataKey: O = "subs", onRowExpand: ue, expandedRows: fe = {}, onExpandedRowsChange: me, getRowId: C, indentSize: he = 16, enableTreeSort: M = !0, toolbar: pe = {
-  enabled: !1,
-  enableColumnSelector: !1,
-  enableFiltering: !1,
-  enableBulkActions: !1
-}, customFilterPanel: ge, onRowClick: Ce, onRowDoubleClick: ve, onRowMouseEnter: be, onRowMouseLeave: Se, onCellClick: we, onCellDoubleClick: ye, onCellMouseEnter: _e, onCellMouseLeave: Re, onColumnClick: ct, onColumnMouseEnter: Fe, onColumnMouseLeave: Me, onTableClick: dt, onTableMouseEnter: ut, onTableMouseLeave: ft, pageSize: x = 10, pageIndex: D = 0, onPageChange: T, onPageSizeChange: W, selectedRows: xe = {}, onRowSelectionChange: De, sortingState: Te = [], onSortingChange: ke, columnFilters: Ee = [], onColumnFiltersChange: Ie, columnVisibility: Ne = {}, onColumnVisibilityChange: Le, columnOrder: G = [], onColumnOrderChange: ze, extensions: m = [] }) {
-  const [J, K] = y(Te, ke, w), [k, Ae] = y(xe, De, w), [Q, Ve] = y(Ee, Ie, w), [E, Oe] = y(Ne, Le, w), [v, U] = y(G, ze, w), [h, We] = y(fe, me, w), [je, Be] = V(null), j = lt(!1), { draggedColumnId: Z, handleDragStart: ee, handleDragOver: qe, handleDrop: te } = rt(v, U), ne = A((e) => {
-    K((t) => typeof e == "function" ? e(t) : e);
-  }, [K]);
-  R(() => {
-    if (!j.current && f.length > 0) if (G.length === 0 && v.length === 0) {
-      j.current = !0;
-      const e = f.map((t) => "accessorKey" in t ? t.accessorKey : t.id);
-      U(e);
-    } else j.current = !0;
-  }, [f]);
-  const He = (e, t) => {
-    const n = !h[e], i = {
-      ...h,
-      [e]: n
-    };
-    n || tt(t, e, O, C).forEach((u) => {
-      i[u] = !1;
-    }), We(i), ue?.(t, n);
-  }, I = A((e, t = 0, n = "", i = !0, u = [], r = !1) => nt(e, h, O, C, t, n, i, u, r), [
-    h,
-    C,
-    O
-  ]), N = g(() => l ? I(a) : a, [
-    a,
-    l,
-    I
-  ]), L = g(() => l ? I(a, 0, "", !0, [], !0) : a, [
-    a,
-    l,
-    I
-  ]), [c, z] = V(D), [s, B] = V(x);
-  R(() => {
-    D !== c && z(D);
-  }, [D]), R(() => {
-    x !== s && B(x);
-  }, [x]);
-  const oe = g(() => {
-    if (!F) return N;
-    const e = c * s, t = e + s, n = L.slice(e, t);
-    if (l) {
-      const i = /* @__PURE__ */ new Map();
-      n.forEach((r) => i.set(r.__id, r)), n.forEach((r) => {
-        h[r.__id] && N.forEach((S) => {
-          S.__parentId?.startsWith(r.__id) && i.set(S.__id, S);
-        });
-      });
-      const u = [];
-      return N.forEach((r) => {
-        i.has(r.__id) && u.push(r);
-      }), u;
-    }
-    return n;
-  }, [
-    N,
-    L,
-    c,
-    s,
-    F,
-    l,
-    h
-  ]), re = g(() => !l || !M ? f : f.map((e) => e.enableSorting === !1 ? e : {
-    ...e,
-    sortFn: "treeSortAsc"
-  }), [
-    f,
-    l,
-    M
-  ]), le = g(() => l && M ? et() : void 0, [l, M]), d = Je(g(() => ({
-    data: oe,
-    columns: re,
-    pageCount: Math.ceil(L.length / s),
-    manualPagination: !0,
-    manualFiltering: $,
-    state: {
-      sorting: J,
-      rowSelection: k,
-      columnFilters: Q,
-      columnVisibility: E,
-      columnOrder: v.length > 0 ? v : void 0,
-      pagination: {
-        pageIndex: c,
-        pageSize: s
-      }
-    },
-    enableRowSelection: X,
-    onRowSelectionChange: Ae,
-    onSortingChange: ne,
-    onColumnFiltersChange: Ve,
-    onColumnVisibilityChange: Oe,
-    onPaginationChange: (e) => {
-      const t = typeof e == "function" ? e({
-        pageIndex: c,
-        pageSize: s
-      }) : e;
-      t.pageSize !== s && (B(t.pageSize), W?.(t.pageSize)), t.pageIndex !== c && (z(t.pageIndex), T?.(t.pageIndex));
-    },
-    sortFns: le,
-    initialState: { pagination: {
-      pageIndex: 0,
-      pageSize: s
-    } }
-  }), [
-    oe,
-    re,
-    J,
-    k,
-    Q,
-    E,
-    v,
-    X,
-    F,
-    le,
-    $,
-    ne,
-    s,
-    c,
-    T,
-    W,
-    L
-  ])), _ = A((e, t) => {
-    if (C) return C(e, t);
-    const n = e;
-    return n && n.__id != null ? String(n.__id) : String(t);
-  }, [C]), b = g(() => {
-    const e = d.getSelectedRowModel().rows.map((t) => t.original);
-    return {
-      table: d,
-      data: a,
-      rows: d.getRowModel().rows,
-      selectedRows: e,
-      getRowId: _
-    };
-  }, [
-    d,
-    a,
-    _,
-    k
-  ]), [p, q] = V(null);
-  R(() => {
-    if (!p) return;
-    const e = () => q(null);
-    return window.addEventListener("click", e), window.addEventListener("scroll", e, !0), () => {
-      window.removeEventListener("click", e), window.removeEventListener("scroll", e, !0);
-    };
-  }, [p]);
-  const Pe = A((e, t, n, i) => {
-    if (m.length === 0) return;
-    const u = n?.id ?? "", r = {
-      value: n?.id != null ? t[n.id] : void 0,
-      row: t,
-      rowId: _(t, i),
-      rowIndex: i,
-      columnId: u
-    }, S = m.flatMap(($e) => $e.contextMenu?.(r, b) ?? []);
-    S.length && (e.preventDefault(), q({
-      x: e.clientX,
-      y: e.clientY,
-      items: S,
-      ctx: r
-    }));
-  }, [
-    m,
-    b,
-    _
-  ]), se = m.map((e) => e.toolbar ? {
-    name: e.name,
-    node: e.toolbar(b)
-  } : null).filter((e) => !!e && !!e.node), ie = m.map((e) => e.footer ? {
-    name: e.name,
-    node: e.footer(b)
-  } : null).filter((e) => !!e && !!e.node);
-  let H;
-  for (const e of m) {
-    const t = e.renderContent?.(b);
-    if (t !== void 0) {
-      H = t;
-      break;
-    }
-  }
-  const Xe = (e) => {
-    c !== e && (z(e), T?.(e));
-  }, Ye = (e) => {
-    d.getColumn(e)?.toggleVisibility();
-  };
-  return R(() => {
-    const e = document.createElement("style");
-    return e.textContent = ot, document.head.appendChild(e), () => {
-      document.head.removeChild(e);
-    };
-  }, []), /* @__PURE__ */ P("div", {
-    className: `w-full ${ce}`,
-    children: [
-      /* @__PURE__ */ o(Ke, {
-        toolbar: pe,
-        table: d,
-        columns: f,
-        columnOrderState: v,
-        visibilityState: E,
-        activeFilter: je,
-        setActiveFilter: Be,
-        customFilterPanel: ge,
-        draggedColumnId: Z,
-        handleDragStart: ee,
-        toggleColumnVisibility: Ye,
-        rowSelection: k,
-        data: a,
-        enableColumnReordering: Y,
-        handleDrop: te
-      }),
-      se.length > 0 && /* @__PURE__ */ o("div", {
-        className: "flex flex-wrap items-start gap-3 mb-4",
-        children: se.map((e) => /* @__PURE__ */ o(ae.Fragment, { children: e.node }, e.name))
-      }),
-      H !== void 0 ? /* @__PURE__ */ o("div", {
-        className: "w-full",
-        children: H
-      }) : /* @__PURE__ */ P(st, { children: [/* @__PURE__ */ o("div", {
-        className: "overflow-x-auto",
-        children: /* @__PURE__ */ P(Ge, {
-          className: "table-sm w-full",
-          children: [/* @__PURE__ */ o(Qe, {
-            table: d,
-            visibilityState: E,
-            enableSorting: de,
-            enableColumnReordering: Y,
-            draggedColumnId: Z,
-            onColumnMouseEnter: Fe,
-            onColumnMouseLeave: Me,
-            handleDragStart: ee,
-            handleDragOver: qe,
-            handleDrop: te
-          }), /* @__PURE__ */ o(Ue, {
-            table: d,
-            expandedRowsState: h,
-            onRowClick: Ce,
-            onRowDoubleClick: ve,
-            onRowMouseEnter: be,
-            onRowMouseLeave: Se,
-            onCellClick: we,
-            onCellDoubleClick: ye,
-            onCellMouseEnter: _e,
-            onCellMouseLeave: Re,
-            enableExpanding: l,
-            indentSize: he,
-            handleRowExpand: He,
-            extensions: m,
-            extensionApi: b,
-            getRowId: _,
-            onCellContextMenu: Pe
-          })]
-        })
-      }), /* @__PURE__ */ o(Ze, {
-        enablePagination: F,
-        table: d,
-        internalPageIndex: c,
-        internalPageSize: s,
-        handlePageChange: Xe,
-        setInternalPageSize: B,
-        setInternalPageIndex: z,
-        onPageSizeChange: W,
-        onPageChange: T
-      })] }),
-      ie.length > 0 && /* @__PURE__ */ o("div", {
-        className: "flex flex-wrap items-center gap-3 mt-4",
-        children: ie.map((e) => /* @__PURE__ */ o(ae.Fragment, { children: e.node }, e.name))
-      }),
-      p && /* @__PURE__ */ o("ul", {
-        className: "menu bg-base-100 rounded-box shadow-lg border border-base-300 z-1000 p-1",
-        style: {
-          position: "fixed",
-          top: p.y,
-          left: p.x,
-          minWidth: 160
-        },
-        children: p.items.map((e) => e.separator ? /* @__PURE__ */ o("li", { className: "my-1 border-t border-base-300" }, e.key) : /* @__PURE__ */ o("li", { children: /* @__PURE__ */ o("button", {
-          type: "button",
-          disabled: e.disabled,
-          onClick: () => {
-            e.onSelect?.(p.ctx), q(null);
-          },
-          children: e.label
-        }) }, e.key))
-      })
-    ]
-  });
+import e from "../../Table/index.js";
+import { useReactTable as t } from "./tanstack-table.js";
+import { TableToolbar as n } from "./components/TableToolbar.js";
+import { TableHeader as r } from "./components/TableHeader.js";
+import { TableBody as i } from "./components/TableBody.js";
+import { TablePagination as a } from "./components/TablePagination.js";
+import { deepEqual as o, useControllableState as s } from "../../../hooks/useControllableState.js";
+import { createTreeSortingFns as ee, findAllChildRowIds as te, flattenTreeData as ne, treeRowAnimationStyles as re } from "./treeDataUtils.js";
+import { useColumnDragReorder as ie } from "./useColumnDragReorder.js";
+import c, { useCallback as l, useEffect as u, useMemo as d, useRef as ae, useState as f } from "react";
+import { Fragment as oe, jsx as p, jsxs as m } from "react/jsx-runtime";
+//#region src/components/pro/DataTable/DataTable.tsx
+function h({ data: h, columns: g, className: se = "", enableSorting: ce = !0, enableFiltering: le = !0, enablePagination: _ = !0, enableSelection: ue = !0, enableColumnReordering: de = !0, enableColumnResizing: fe = !0, manualFiltering: pe = !1, enableExpanding: v = !1, subDataKey: y = "subs", onRowExpand: me, expandedRows: he = {}, onExpandedRowsChange: ge, getRowId: b, indentSize: _e = 16, enableTreeSort: x = !0, toolbar: ve = {
+	enabled: !1,
+	enableColumnSelector: !1,
+	enableFiltering: !1,
+	enableBulkActions: !1
+}, customFilterPanel: ye, onRowClick: be, onRowDoubleClick: xe, onRowMouseEnter: Se, onRowMouseLeave: Ce, onCellClick: we, onCellDoubleClick: Te, onCellMouseEnter: Ee, onCellMouseLeave: De, onColumnClick: Oe, onColumnMouseEnter: ke, onColumnMouseLeave: Ae, onTableClick: je, onTableMouseEnter: Me, onTableMouseLeave: Ne, pageSize: S = 10, pageIndex: C = 0, onPageChange: w, onPageSizeChange: T, selectedRows: Pe = {}, onRowSelectionChange: Fe, sortingState: Ie = [], onSortingChange: Le, columnFilters: Re = [], onColumnFiltersChange: ze, columnVisibility: Be = {}, onColumnVisibilityChange: Ve, columnOrder: E = [], onColumnOrderChange: He, extensions: D = [] }) {
+	let [O, k] = s(Ie, Le, o), [A, Ue] = s(Pe, Fe, o), [j, We] = s(Re, ze, o), [M, Ge] = s(Be, Ve, o), [N, P] = s(E, He, o), [F, Ke] = s(he, ge, o), [qe, Je] = f(null), I = ae(!1), { draggedColumnId: L, handleDragStart: R, handleDragOver: Ye, handleDrop: z } = ie(N, P), Xe = l((e) => {
+		k((t) => typeof e == "function" ? e(t) : e);
+	}, [k]);
+	u(() => {
+		if (!I.current && g.length > 0) {
+			if (E.length === 0 && N.length === 0) {
+				I.current = !0;
+				let e = g.map((e) => "accessorKey" in e ? e.accessorKey : e.id);
+				P(e);
+			} else I.current = !0;
+		}
+	}, [g]);
+	let Ze = (e, t) => {
+		let n = !F[e], r = {
+			...F,
+			[e]: n
+		};
+		n || te(t, e, y, b).forEach((e) => {
+			r[e] = !1;
+		}), Ke(r), me?.(t, n);
+	}, B = l((e, t = 0, n = "", r = !0, i = [], a = !1) => ne(e, F, y, b, t, n, r, i, a), [
+		F,
+		b,
+		y
+	]), V = d(() => v ? B(h) : h, [
+		h,
+		v,
+		B
+	]), H = d(() => v ? B(h, 0, "", !0, [], !0) : h, [
+		h,
+		v,
+		B
+	]), [U, W] = f(C), [G, K] = f(S);
+	u(() => {
+		C !== U && W(C);
+	}, [C]), u(() => {
+		S !== G && K(S);
+	}, [S]);
+	let Qe = d(() => {
+		if (!_) return V;
+		let e = U * G, t = e + G, n = H.slice(e, t);
+		if (v) {
+			let e = /* @__PURE__ */ new Map();
+			n.forEach((t) => e.set(t.__id, t)), n.forEach((t) => {
+				F[t.__id] && V.forEach((n) => {
+					n.__parentId?.startsWith(t.__id) && e.set(n.__id, n);
+				});
+			});
+			let t = [];
+			return V.forEach((n) => {
+				e.has(n.__id) && t.push(n);
+			}), t;
+		}
+		return n;
+	}, [
+		V,
+		H,
+		U,
+		G,
+		_,
+		v,
+		F
+	]), $e = d(() => !v || !x ? g : g.map((e) => e.enableSorting === !1 ? e : {
+		...e,
+		sortFn: "treeSortAsc"
+	}), [
+		g,
+		v,
+		x
+	]), et = d(() => v && x ? ee() : void 0, [v, x]), tt = d(() => ({
+		data: Qe,
+		columns: $e,
+		pageCount: Math.ceil(H.length / G),
+		manualPagination: !0,
+		manualFiltering: pe,
+		state: {
+			sorting: O,
+			rowSelection: A,
+			columnFilters: j,
+			columnVisibility: M,
+			columnOrder: N.length > 0 ? N : void 0,
+			pagination: {
+				pageIndex: U,
+				pageSize: G
+			}
+		},
+		enableRowSelection: ue,
+		onRowSelectionChange: Ue,
+		onSortingChange: Xe,
+		onColumnFiltersChange: We,
+		onColumnVisibilityChange: Ge,
+		onPaginationChange: (e) => {
+			let t = typeof e == "function" ? e({
+				pageIndex: U,
+				pageSize: G
+			}) : e;
+			t.pageSize !== G && (K(t.pageSize), T?.(t.pageSize)), t.pageIndex !== U && (W(t.pageIndex), w?.(t.pageIndex));
+		},
+		sortFns: et,
+		initialState: { pagination: {
+			pageIndex: 0,
+			pageSize: G
+		} }
+	}), [
+		Qe,
+		$e,
+		O,
+		A,
+		j,
+		M,
+		N,
+		ue,
+		_,
+		et,
+		pe,
+		Xe,
+		G,
+		U,
+		w,
+		T,
+		H
+	]), q = t(tt), J = l((e, t) => {
+		if (b) return b(e, t);
+		let n = e;
+		return n && n.__id != null ? String(n.__id) : String(t);
+	}, [b]), Y = d(() => {
+		let e = q.getSelectedRowModel().rows.map((e) => e.original);
+		return {
+			table: q,
+			data: h,
+			rows: q.getRowModel().rows,
+			selectedRows: e,
+			getRowId: J
+		};
+	}, [
+		q,
+		h,
+		J,
+		A
+	]), [X, Z] = f(null);
+	u(() => {
+		if (!X) return;
+		let e = () => Z(null);
+		return window.addEventListener("click", e), window.addEventListener("scroll", e, !0), () => {
+			window.removeEventListener("click", e), window.removeEventListener("scroll", e, !0);
+		};
+	}, [X]);
+	let nt = l((e, t, n, r) => {
+		if (D.length === 0) return;
+		let i = n?.id ?? "", a = {
+			value: n?.id == null ? void 0 : t[n.id],
+			row: t,
+			rowId: J(t, r),
+			rowIndex: r,
+			columnId: i
+		}, o = D.flatMap((e) => e.contextMenu?.(a, Y) ?? []);
+		o.length && (e.preventDefault(), Z({
+			x: e.clientX,
+			y: e.clientY,
+			items: o,
+			ctx: a
+		}));
+	}, [
+		D,
+		Y,
+		J
+	]), rt = D.map((e) => e.toolbar ? {
+		name: e.name,
+		node: e.toolbar(Y)
+	} : null).filter((e) => !!e && !!e.node), Q = D.map((e) => e.footer ? {
+		name: e.name,
+		node: e.footer(Y)
+	} : null).filter((e) => !!e && !!e.node), $;
+	for (let e of D) {
+		let t = e.renderContent?.(Y);
+		if (t !== void 0) {
+			$ = t;
+			break;
+		}
+	}
+	return u(() => {
+		let e = document.createElement("style");
+		return e.textContent = re, document.head.appendChild(e), () => {
+			document.head.removeChild(e);
+		};
+	}, []), /* @__PURE__ */ m("div", {
+		className: `w-full ${se}`,
+		children: [
+			/* @__PURE__ */ p(n, {
+				toolbar: ve,
+				table: q,
+				columns: g,
+				columnOrderState: N,
+				visibilityState: M,
+				activeFilter: qe,
+				setActiveFilter: Je,
+				customFilterPanel: ye,
+				draggedColumnId: L,
+				handleDragStart: R,
+				toggleColumnVisibility: (e) => {
+					q.getColumn(e)?.toggleVisibility();
+				},
+				rowSelection: A,
+				data: h,
+				enableColumnReordering: de,
+				handleDrop: z
+			}),
+			rt.length > 0 && /* @__PURE__ */ p("div", {
+				className: "flex flex-wrap items-start gap-3 mb-4",
+				children: rt.map((e) => /* @__PURE__ */ p(c.Fragment, { children: e.node }, e.name))
+			}),
+			$ === void 0 ? /* @__PURE__ */ m(oe, { children: [/* @__PURE__ */ p("div", {
+				className: "overflow-x-auto",
+				children: /* @__PURE__ */ m(e, {
+					className: "table-sm w-full",
+					children: [/* @__PURE__ */ p(r, {
+						table: q,
+						visibilityState: M,
+						enableSorting: ce,
+						enableColumnReordering: de,
+						draggedColumnId: L,
+						onColumnMouseEnter: ke,
+						onColumnMouseLeave: Ae,
+						handleDragStart: R,
+						handleDragOver: Ye,
+						handleDrop: z
+					}), /* @__PURE__ */ p(i, {
+						table: q,
+						expandedRowsState: F,
+						onRowClick: be,
+						onRowDoubleClick: xe,
+						onRowMouseEnter: Se,
+						onRowMouseLeave: Ce,
+						onCellClick: we,
+						onCellDoubleClick: Te,
+						onCellMouseEnter: Ee,
+						onCellMouseLeave: De,
+						enableExpanding: v,
+						indentSize: _e,
+						handleRowExpand: Ze,
+						extensions: D,
+						extensionApi: Y,
+						getRowId: J,
+						onCellContextMenu: nt
+					})]
+				})
+			}), /* @__PURE__ */ p(a, {
+				enablePagination: _,
+				table: q,
+				internalPageIndex: U,
+				internalPageSize: G,
+				handlePageChange: (e) => {
+					U !== e && (W(e), w?.(e));
+				},
+				setInternalPageSize: K,
+				setInternalPageIndex: W,
+				onPageSizeChange: T,
+				onPageChange: w
+			})] }) : /* @__PURE__ */ p("div", {
+				className: "w-full",
+				children: $
+			}),
+			Q.length > 0 && /* @__PURE__ */ p("div", {
+				className: "flex flex-wrap items-center gap-3 mt-4",
+				children: Q.map((e) => /* @__PURE__ */ p(c.Fragment, { children: e.node }, e.name))
+			}),
+			X && /* @__PURE__ */ p("ul", {
+				className: "menu bg-base-100 rounded-box shadow-lg border border-base-300 z-1000 p-1",
+				style: {
+					position: "fixed",
+					top: X.y,
+					left: X.x,
+					minWidth: 160
+				},
+				children: X.items.map((e) => e.separator ? /* @__PURE__ */ p("li", { className: "my-1 border-t border-base-300" }, e.key) : /* @__PURE__ */ p("li", { children: /* @__PURE__ */ p("button", {
+					type: "button",
+					disabled: e.disabled,
+					onClick: () => {
+						e.onSelect?.(X.ctx), Z(null);
+					},
+					children: e.label
+				}) }, e.key))
+			})
+		]
+	});
 }
-export {
-  Rt as default
-};
+//#endregion
+export { h as default };
 
 //# sourceMappingURL=DataTable.js.map