dishui 0.0.65 → 0.0.67

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

@@ -1,97 +1,97 @@
-import { PivotView as T } from "./PivotView.js";
-import { PivotPanel as j } from "./PivotPanel.js";
-import { useMemo as s, useState as a } from "react";
-import { jsx as o, jsxs as c } from "react/jsx-runtime";
-var y = {
-  zh: { pivotMode: "透视模式" },
-  en: { pivotMode: "Pivot Mode" }
+import { PivotView as e } from "./PivotView.js";
+import { PivotPanel as t } from "./PivotPanel.js";
+import { useMemo as n, useState as r } from "react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/components/pro/DataTable/pivotExtension.tsx
+var o = {
+	zh: { pivotMode: "透视模式" },
+	en: { pivotMode: "Pivot Mode" }
 };
-function X(N) {
-  const { fields: l, initialRowFields: b = [], initialColFields: M = [], initialValues: P = [], initialActive: z = !1, treeView: v = !0, lang: r = "zh", panelPlacement: i = "top", panelWidth: h = 224, hideModeToggle: g = !1 } = N, [n, C] = a(z), [d, V] = a(b), [m, k] = a(M), [f, R] = a(P), x = y[r], p = s(() => {
-    const e = {};
-    for (const t of l) e[t.field] = t.label ?? t.field;
-    return e;
-  }, [l]), w = s(() => l.filter((e) => !e.numeric), [l]), F = s(() => l.filter((e) => e.numeric), [l]);
-  return s(() => {
-    const e = (t) => /* @__PURE__ */ o(j, {
-      orientation: t,
-      lang: r,
-      fieldLabels: p,
-      dimensionFields: w,
-      numericFields: F,
-      rowFields: d,
-      colFields: m,
-      values: f,
-      setRowFields: V,
-      setColFields: k,
-      setValues: R,
-      panelWidth: h
-    });
-    return {
-      name: "pivot",
-      toolbar: () => g ? !n || i !== "top" ? null : e("horizontal") : /* @__PURE__ */ c("div", {
-        className: "w-full flex flex-col gap-2",
-        children: [/* @__PURE__ */ c("label", {
-          className: "flex items-center gap-2 cursor-pointer w-fit",
-          children: [/* @__PURE__ */ o("input", {
-            type: "checkbox",
-            className: "toggle toggle-sm toggle-primary",
-            checked: n,
-            onChange: (t) => C(t.target.checked)
-          }), /* @__PURE__ */ o("span", {
-            className: "text-sm font-medium",
-            children: x.pivotMode
-          })]
-        }), n && i === "top" && e("horizontal")]
-      }),
-      renderContent: (t) => {
-        if (!n) return;
-        const u = /* @__PURE__ */ o(T, {
-          data: t.data,
-          rowFields: d,
-          colFields: m,
-          values: f,
-          fieldLabels: p,
-          lang: r,
-          treeView: v
-        });
-        return i === "top" ? u : i === "bottom" ? /* @__PURE__ */ c("div", {
-          className: "flex flex-col gap-3",
-          children: [/* @__PURE__ */ o("div", {
-            className: "flex-1 min-w-0",
-            children: u
-          }), e("horizontal")]
-        }) : /* @__PURE__ */ c("div", {
-          className: "flex gap-3 items-stretch",
-          children: [
-            i === "left" && e("vertical"),
-            /* @__PURE__ */ o("div", {
-              className: "flex-1 min-w-0",
-              children: u
-            }),
-            i === "right" && e("vertical")
-          ]
-        });
-      }
-    };
-  }, [
-    n,
-    d,
-    m,
-    f,
-    p,
-    w,
-    F,
-    v,
-    r,
-    i,
-    h,
-    g,
-    x
-  ]);
+function s(s) {
+	let { fields: c, initialRowFields: l = [], initialColFields: u = [], initialValues: d = [], initialActive: f = !1, treeView: p = !0, lang: m = "zh", panelPlacement: h = "top", panelWidth: g = 224, hideModeToggle: _ = !1 } = s, [v, y] = r(f), [b, x] = r(l), [S, C] = r(u), [w, T] = r(d), E = o[m], D = n(() => {
+		let e = {};
+		for (let t of c) e[t.field] = t.label ?? t.field;
+		return e;
+	}, [c]), O = n(() => c.filter((e) => !e.numeric), [c]), k = n(() => c.filter((e) => e.numeric), [c]);
+	return n(() => {
+		let n = (e) => /* @__PURE__ */ i(t, {
+			orientation: e,
+			lang: m,
+			fieldLabels: D,
+			dimensionFields: O,
+			numericFields: k,
+			rowFields: b,
+			colFields: S,
+			values: w,
+			setRowFields: x,
+			setColFields: C,
+			setValues: T,
+			panelWidth: g
+		});
+		return {
+			name: "pivot",
+			toolbar: () => _ ? !v || h !== "top" ? null : n("horizontal") : /* @__PURE__ */ a("div", {
+				className: "w-full flex flex-col gap-2",
+				children: [/* @__PURE__ */ a("label", {
+					className: "flex items-center gap-2 cursor-pointer w-fit",
+					children: [/* @__PURE__ */ i("input", {
+						type: "checkbox",
+						className: "toggle toggle-sm toggle-primary",
+						checked: v,
+						onChange: (e) => y(e.target.checked)
+					}), /* @__PURE__ */ i("span", {
+						className: "text-sm font-medium",
+						children: E.pivotMode
+					})]
+				}), v && h === "top" && n("horizontal")]
+			}),
+			renderContent: (t) => {
+				if (!v) return;
+				let r = /* @__PURE__ */ i(e, {
+					data: t.data,
+					rowFields: b,
+					colFields: S,
+					values: w,
+					fieldLabels: D,
+					lang: m,
+					treeView: p
+				});
+				return h === "top" ? r : h === "bottom" ? /* @__PURE__ */ a("div", {
+					className: "flex flex-col gap-3",
+					children: [/* @__PURE__ */ i("div", {
+						className: "flex-1 min-w-0",
+						children: r
+					}), n("horizontal")]
+				}) : /* @__PURE__ */ a("div", {
+					className: "flex gap-3 items-stretch",
+					children: [
+						h === "left" && n("vertical"),
+						/* @__PURE__ */ i("div", {
+							className: "flex-1 min-w-0",
+							children: r
+						}),
+						h === "right" && n("vertical")
+					]
+				});
+			}
+		};
+	}, [
+		v,
+		b,
+		S,
+		w,
+		D,
+		O,
+		k,
+		p,
+		m,
+		h,
+		g,
+		_,
+		E
+	]);
 }
-export {
-  X as usePivotExtension
-};
+//#endregion
+export { s as usePivotExtension };
 
 //# sourceMappingURL=pivotExtension.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"pivotExtension.js","names":[],"sources":["../../../../src/components/pro/DataTable/pivotExtension.tsx"],"sourcesContent":["import React, { useMemo, useState } from 'react';\nimport {\n    PivotView,\n    type PivotValue,\n    type PivotFieldLabels,\n} from './PivotView';\nimport { PivotPanel } from './PivotPanel';\nimport type { DataTableExtension } from './extension';\n\n/** 可参与透视的字段描述。 */\nexport interface PivotField {\n    /** 字段 key（对应数据对象的属性名）。 */\n    field: string;\n    /** 展示标签。 */\n    label?: string;\n    /** 是否为可聚合的数值字段。默认 false（维度字段）。 */\n    numeric?: boolean;\n}\n\n/** 配置面板的排布位置。 */\nexport type PivotPanelPlacement = 'top' | 'bottom' | 'left' | 'right';\n\nexport interface PivotExtensionOptions {\n    /** 可用于透视的字段列表。 */\n    fields: PivotField[];\n    /** 初始行分组字段。 */\n    initialRowFields?: string[];\n    /** 初始列分组字段。 */\n    initialColFields?: string[];\n    /** 初始数值度量。 */\n    initialValues?: PivotValue[];\n    /** 初始是否启用透视模式。默认 false。 */\n    initialActive?: boolean;\n    /** 是否以树形（可展开分组）展示多级行分组。默认 true。 */\n    treeView?: boolean;\n    /** 语言。默认 'zh'。 */\n    lang?: 'zh' | 'en';\n    /**\n     * 配置面板的排布位置：\n     *  - `'top'`（默认）水平排布在工具栏下方；\n     *  - `'bottom'` 水平排布在透视表格下方；\n     *  - `'left'` / `'right'` 纵向排布在透视表格的左/右侧。\n     */\n    panelPlacement?: PivotPanelPlacement;\n    /**\n     * 垂直（`'left'`/`'right'`）面板的宽度。数字视为 px，字符串直接\n     * 作为 CSS 宽度（如 `'20%'` / `'16rem'`）。仅对左/右侧纵向面板生效，\n     * 默认 224px。\n     */\n    panelWidth?: number | string;\n    /**\n     * 隐藏工具栏中的「透视模式」开关。默认 false。\n     * 适用于由外部（如宿主 Inspector）控制透视开关的场景：此时模式仅能通过\n     * `initialActive` 设定，工具栏不再渲染开关；未激活时不占用任何工具栏空间。\n     */\n    hideModeToggle?: boolean;\n}\n\nconst TEXT = {\n    zh: { pivotMode: '透视模式' },\n    en: { pivotMode: 'Pivot Mode' },\n} as const;\n\n/**\n * 透视（Pivot）扩展。\n *\n * 使用方式（在组件内调用该 hook，因为它持有 React 状态）：\n * ```tsx\n * const pivot = usePivotExtension<Row>({\n *   fields: [\n *     { field: 'region', label: '地区' },\n *     { field: 'category', label: '品类' },\n *     { field: 'amount', label: '金额', numeric: true },\n *   ],\n *   initialRowFields: ['region'],\n *   initialValues: [{ field: 'amount', aggFn: 'sum' }],\n *   panelPlacement: 'left', // 面板纵向排布在左侧\n * });\n * <DataTable data={data} columns={columns} extensions={[pivot]} />\n * ```\n *\n * 扩展会：\n *  - 在工具栏放一个「透视模式」开关；\n *  - 开启后通过 `renderContent` 接管表格主体，渲染 ag-grid 风格的交叉表 +\n *    可拖拽配置面板（支持顶部水平 / 左右纵向排布，拖拽时带跟随光标的拖拽引用）。\n */\nexport function usePivotExtension<T extends object>(\n    options: PivotExtensionOptions,\n): DataTableExtension<T> {\n    const {\n        fields,\n        initialRowFields = [],\n        initialColFields = [],\n        initialValues = [],\n        initialActive = false,\n        treeView = true,\n        lang = 'zh',\n        panelPlacement = 'top',\n        panelWidth = 224,\n        hideModeToggle = false,\n    } = options;\n\n    const [active, setActive] = useState(initialActive);\n    const [rowFields, setRowFields] = useState<string[]>(initialRowFields);\n    const [colFields, setColFields] = useState<string[]>(initialColFields);\n    const [values, setValues] = useState<PivotValue[]>(initialValues);\n\n    const t = TEXT[lang];\n\n    const fieldLabels: PivotFieldLabels = useMemo(() => {\n        const map: PivotFieldLabels = {};\n        for (const f of fields) map[f.field] = f.label ?? f.field;\n        return map;\n    }, [fields]);\n\n    const dimensionFields = useMemo(\n        () => fields.filter((f) => !f.numeric),\n        [fields],\n    );\n    const numericFields = useMemo(\n        () => fields.filter((f) => f.numeric),\n        [fields],\n    );\n\n    return useMemo<DataTableExtension<T>>(() => {\n        const panel = (orientation: 'horizontal' | 'vertical') => (\n            <PivotPanel\n                orientation={orientation}\n                lang={lang}\n                fieldLabels={fieldLabels}\n                dimensionFields={dimensionFields}\n                numericFields={numericFields}\n                rowFields={rowFields}\n                colFields={colFields}\n                values={values}\n                setRowFields={setRowFields}\n                setColFields={setColFields}\n                setValues={setValues}\n                panelWidth={panelWidth}\n            />\n        );\n\n        return {\n            name: 'pivot',\n            toolbar: () => {\n                // 隐藏开关时：未激活不渲染任何内容（不占空间）；激活且面板在顶部\n                // 时仅渲染面板本身。\n                if (hideModeToggle) {\n                    if (!active || panelPlacement !== 'top') return null;\n                    return panel('horizontal');\n                }\n                return (\n                    <div className=\"w-full flex flex-col gap-2\">\n                        <label className=\"flex items-center gap-2 cursor-pointer w-fit\">\n                            <input\n                                type=\"checkbox\"\n                                className=\"toggle toggle-sm toggle-primary\"\n                                checked={active}\n                                onChange={(e) => setActive(e.target.checked)}\n                            />\n                            <span className=\"text-sm font-medium\">{t.pivotMode}</span>\n                        </label>\n                        {/* 顶部（水平）面板放在工具栏内。 */}\n                        {active && panelPlacement === 'top' && panel('horizontal')}\n                    </div>\n                );\n            },\n            renderContent: (api) => {\n                if (!active) return undefined;\n                const content = (\n                    <PivotView<T>\n                        data={api.data}\n                        rowFields={rowFields}\n                        colFields={colFields}\n                        values={values}\n                        fieldLabels={fieldLabels}\n                        lang={lang}\n                        treeView={treeView}\n                    />\n                );\n                // 顶部面板已在工具栏内渲染，这里只渲染表格主体。\n                if (panelPlacement === 'top') return content;\n                // 底部面板：水平排布在透视表格下方。\n                if (panelPlacement === 'bottom') {\n                    return (\n                        <div className=\"flex flex-col gap-3\">\n                            <div className=\"flex-1 min-w-0\">{content}</div>\n                            {panel('horizontal')}\n                        </div>\n                    );\n                }\n                // 左/右侧纵向面板：与透视表格并排，默认与表格同高。\n                return (\n                    <div className=\"flex gap-3 items-stretch\">\n                        {panelPlacement === 'left' && panel('vertical')}\n                        <div className=\"flex-1 min-w-0\">{content}</div>\n                        {panelPlacement === 'right' && panel('vertical')}\n                    </div>\n                );\n            },\n        };\n    }, [\n        active,\n        rowFields,\n        colFields,\n        values,\n        fieldLabels,\n        dimensionFields,\n        numericFields,\n        treeView,\n        lang,\n        panelPlacement,\n        panelWidth,\n        hideModeToggle,\n        t,\n    ]);\n}\n"],"mappings":"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"}
+{"version":3,"file":"pivotExtension.js","names":[],"sources":["../../../../src/components/pro/DataTable/pivotExtension.tsx"],"sourcesContent":["import React, { useMemo, useState } from 'react';\nimport {\n    PivotView,\n    type PivotValue,\n    type PivotFieldLabels,\n} from './PivotView';\nimport { PivotPanel } from './PivotPanel';\nimport type { DataTableExtension } from './extension';\n\n/** 可参与透视的字段描述。 */\nexport interface PivotField {\n    /** 字段 key（对应数据对象的属性名）。 */\n    field: string;\n    /** 展示标签。 */\n    label?: string;\n    /** 是否为可聚合的数值字段。默认 false（维度字段）。 */\n    numeric?: boolean;\n}\n\n/** 配置面板的排布位置。 */\nexport type PivotPanelPlacement = 'top' | 'bottom' | 'left' | 'right';\n\nexport interface PivotExtensionOptions {\n    /** 可用于透视的字段列表。 */\n    fields: PivotField[];\n    /** 初始行分组字段。 */\n    initialRowFields?: string[];\n    /** 初始列分组字段。 */\n    initialColFields?: string[];\n    /** 初始数值度量。 */\n    initialValues?: PivotValue[];\n    /** 初始是否启用透视模式。默认 false。 */\n    initialActive?: boolean;\n    /** 是否以树形（可展开分组）展示多级行分组。默认 true。 */\n    treeView?: boolean;\n    /** 语言。默认 'zh'。 */\n    lang?: 'zh' | 'en';\n    /**\n     * 配置面板的排布位置：\n     *  - `'top'`（默认）水平排布在工具栏下方；\n     *  - `'bottom'` 水平排布在透视表格下方；\n     *  - `'left'` / `'right'` 纵向排布在透视表格的左/右侧。\n     */\n    panelPlacement?: PivotPanelPlacement;\n    /**\n     * 垂直（`'left'`/`'right'`）面板的宽度。数字视为 px，字符串直接\n     * 作为 CSS 宽度（如 `'20%'` / `'16rem'`）。仅对左/右侧纵向面板生效，\n     * 默认 224px。\n     */\n    panelWidth?: number | string;\n    /**\n     * 隐藏工具栏中的「透视模式」开关。默认 false。\n     * 适用于由外部（如宿主 Inspector）控制透视开关的场景：此时模式仅能通过\n     * `initialActive` 设定，工具栏不再渲染开关；未激活时不占用任何工具栏空间。\n     */\n    hideModeToggle?: boolean;\n}\n\nconst TEXT = {\n    zh: { pivotMode: '透视模式' },\n    en: { pivotMode: 'Pivot Mode' },\n} as const;\n\n/**\n * 透视（Pivot）扩展。\n *\n * 使用方式（在组件内调用该 hook，因为它持有 React 状态）：\n * ```tsx\n * const pivot = usePivotExtension<Row>({\n *   fields: [\n *     { field: 'region', label: '地区' },\n *     { field: 'category', label: '品类' },\n *     { field: 'amount', label: '金额', numeric: true },\n *   ],\n *   initialRowFields: ['region'],\n *   initialValues: [{ field: 'amount', aggFn: 'sum' }],\n *   panelPlacement: 'left', // 面板纵向排布在左侧\n * });\n * <DataTable data={data} columns={columns} extensions={[pivot]} />\n * ```\n *\n * 扩展会：\n *  - 在工具栏放一个「透视模式」开关；\n *  - 开启后通过 `renderContent` 接管表格主体，渲染 ag-grid 风格的交叉表 +\n *    可拖拽配置面板（支持顶部水平 / 左右纵向排布，拖拽时带跟随光标的拖拽引用）。\n */\nexport function usePivotExtension<T extends object>(\n    options: PivotExtensionOptions,\n): DataTableExtension<T> {\n    const {\n        fields,\n        initialRowFields = [],\n        initialColFields = [],\n        initialValues = [],\n        initialActive = false,\n        treeView = true,\n        lang = 'zh',\n        panelPlacement = 'top',\n        panelWidth = 224,\n        hideModeToggle = false,\n    } = options;\n\n    const [active, setActive] = useState(initialActive);\n    const [rowFields, setRowFields] = useState<string[]>(initialRowFields);\n    const [colFields, setColFields] = useState<string[]>(initialColFields);\n    const [values, setValues] = useState<PivotValue[]>(initialValues);\n\n    const t = TEXT[lang];\n\n    const fieldLabels: PivotFieldLabels = useMemo(() => {\n        const map: PivotFieldLabels = {};\n        for (const f of fields) map[f.field] = f.label ?? f.field;\n        return map;\n    }, [fields]);\n\n    const dimensionFields = useMemo(\n        () => fields.filter((f) => !f.numeric),\n        [fields],\n    );\n    const numericFields = useMemo(\n        () => fields.filter((f) => f.numeric),\n        [fields],\n    );\n\n    return useMemo<DataTableExtension<T>>(() => {\n        const panel = (orientation: 'horizontal' | 'vertical') => (\n            <PivotPanel\n                orientation={orientation}\n                lang={lang}\n                fieldLabels={fieldLabels}\n                dimensionFields={dimensionFields}\n                numericFields={numericFields}\n                rowFields={rowFields}\n                colFields={colFields}\n                values={values}\n                setRowFields={setRowFields}\n                setColFields={setColFields}\n                setValues={setValues}\n                panelWidth={panelWidth}\n            />\n        );\n\n        return {\n            name: 'pivot',\n            toolbar: () => {\n                // 隐藏开关时：未激活不渲染任何内容（不占空间）；激活且面板在顶部\n                // 时仅渲染面板本身。\n                if (hideModeToggle) {\n                    if (!active || panelPlacement !== 'top') return null;\n                    return panel('horizontal');\n                }\n                return (\n                    <div className=\"w-full flex flex-col gap-2\">\n                        <label className=\"flex items-center gap-2 cursor-pointer w-fit\">\n                            <input\n                                type=\"checkbox\"\n                                className=\"toggle toggle-sm toggle-primary\"\n                                checked={active}\n                                onChange={(e) => setActive(e.target.checked)}\n                            />\n                            <span className=\"text-sm font-medium\">{t.pivotMode}</span>\n                        </label>\n                        {/* 顶部（水平）面板放在工具栏内。 */}\n                        {active && panelPlacement === 'top' && panel('horizontal')}\n                    </div>\n                );\n            },\n            renderContent: (api) => {\n                if (!active) return undefined;\n                const content = (\n                    <PivotView<T>\n                        data={api.data}\n                        rowFields={rowFields}\n                        colFields={colFields}\n                        values={values}\n                        fieldLabels={fieldLabels}\n                        lang={lang}\n                        treeView={treeView}\n                    />\n                );\n                // 顶部面板已在工具栏内渲染，这里只渲染表格主体。\n                if (panelPlacement === 'top') return content;\n                // 底部面板：水平排布在透视表格下方。\n                if (panelPlacement === 'bottom') {\n                    return (\n                        <div className=\"flex flex-col gap-3\">\n                            <div className=\"flex-1 min-w-0\">{content}</div>\n                            {panel('horizontal')}\n                        </div>\n                    );\n                }\n                // 左/右侧纵向面板：与透视表格并排，默认与表格同高。\n                return (\n                    <div className=\"flex gap-3 items-stretch\">\n                        {panelPlacement === 'left' && panel('vertical')}\n                        <div className=\"flex-1 min-w-0\">{content}</div>\n                        {panelPlacement === 'right' && panel('vertical')}\n                    </div>\n                );\n            },\n        };\n    }, [\n        active,\n        rowFields,\n        colFields,\n        values,\n        fieldLabels,\n        dimensionFields,\n        numericFields,\n        treeView,\n        lang,\n        panelPlacement,\n        panelWidth,\n        hideModeToggle,\n        t,\n    ]);\n}\n"],"mappings":";;;;;AA0DA,IAAM,IAAO;CACT,IAAI,EAAE,WAAW,OAAO;CACxB,IAAI,EAAE,WAAW,aAAa;AAClC;AAyBA,SAAgB,EACZ,GACqB;CACrB,IAAM,EACF,WACA,sBAAmB,CAAC,GACpB,sBAAmB,CAAC,GACpB,mBAAgB,CAAC,GACjB,mBAAgB,IAChB,cAAW,IACX,UAAO,MACP,oBAAiB,OACjB,gBAAa,KACb,oBAAiB,OACjB,GAEE,CAAC,GAAQ,KAAa,EAAS,CAAa,GAC5C,CAAC,GAAW,KAAgB,EAAmB,CAAgB,GAC/D,CAAC,GAAW,KAAgB,EAAmB,CAAgB,GAC/D,CAAC,GAAQ,KAAa,EAAuB,CAAa,GAE1D,IAAI,EAAK,IAET,IAAgC,QAAc;EAChD,IAAM,IAAwB,CAAC;EAC/B,KAAK,IAAM,KAAK,GAAQ,EAAI,EAAE,SAAS,EAAE,SAAS,EAAE;EACpD,OAAO;CACX,GAAG,CAAC,CAAM,CAAC,GAEL,IAAkB,QACd,EAAO,QAAQ,MAAM,CAAC,EAAE,OAAO,GACrC,CAAC,CAAM,CACX,GACM,IAAgB,QACZ,EAAO,QAAQ,MAAM,EAAE,OAAO,GACpC,CAAC,CAAM,CACX;CAEA,OAAO,QAAqC;EACxC,IAAM,KAAS,MACX,kBAAC,GAAD;GACiB;GACP;GACO;GACI;GACF;GACJ;GACA;GACH;GACM;GACA;GACH;GACC;EACf,CAAA;EAGL,OAAO;GACH,MAAM;GACN,eAGQ,IACI,CAAC,KAAU,MAAmB,QAAc,OACzC,EAAM,YAAY,IAGzB,kBAAC,OAAD;IAAK,WAAU;IAAf,UAAA,CACI,kBAAC,SAAD;KAAO,WAAU;KAAjB,UAAA,CACI,kBAAC,SAAD;MACI,MAAK;MACL,WAAU;MACV,SAAS;MACT,WAAW,MAAM,EAAU,EAAE,OAAO,OAAO;KAC9C,CAAA,GACD,kBAAC,QAAD;MAAM,WAAU;MAAuB,UAAA,EAAE;KAAgB,CAAA,CACtD;IAEN,CAAA,GAAA,KAAU,MAAmB,SAAS,EAAM,YAAY,CACxD;;GAGb,gBAAgB,MAAQ;IACpB,IAAI,CAAC,GAAQ;IACb,IAAM,IACF,kBAAC,GAAD;KACI,MAAM,EAAI;KACC;KACA;KACH;KACK;KACP;KACI;IACb,CAAA;IAcL,OAXI,MAAmB,QAAc,IAEjC,MAAmB,WAEf,kBAAC,OAAD;KAAK,WAAU;KAAf,UAAA,CACI,kBAAC,OAAD;MAAK,WAAU;MAAkB,UAAA;KAAa,CAAA,GAC7C,EAAM,YAAY,CAClB;SAKT,kBAAC,OAAD;KAAK,WAAU;KAAf,UAAA;MACK,MAAmB,UAAU,EAAM,UAAU;MAC9C,kBAAC,OAAD;OAAK,WAAU;OAAkB,UAAA;MAAa,CAAA;MAC7C,MAAmB,WAAW,EAAM,UAAU;KAC9C;;GAEb;EACJ;CACJ,GAAG;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACJ,CAAC;AACL"}

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

@@ -1,33 +1,33 @@
-import { useMemo as n, useState as d } from "react";
-import { Fragment as s, jsx as t, jsxs as i } from "react/jsx-runtime";
-function c({ render: a }) {
-  const [o, l] = d({});
-  return n(() => ({
-    name: "row-detail",
-    wrapRow: (e, r) => o[r.rowId] ? /* @__PURE__ */ i(s, { children: [e, /* @__PURE__ */ t("tr", {
-      className: "table-row",
-      children: /* @__PURE__ */ t("td", {
-        className: "table-cell p-0",
-        colSpan: 9999,
-        children: /* @__PURE__ */ t("div", {
-          className: "bg-base-200/60 p-4 border-l-4 border-primary",
-          children: a(r)
-        })
-      })
-    })] }) : e,
-    rowProps: (e) => ({ "data-detail-open": o[e.rowId] ? "true" : void 0 }),
-    contextMenu: (e) => [{
-      key: "toggle-detail",
-      label: o[e.rowId] ? "收起详情" : "展开详情",
-      onSelect: () => l((r) => ({
-        ...r,
-        [e.rowId]: !r[e.rowId]
-      }))
-    }]
-  }), [o, a]);
+import { useMemo as e, useState as t } from "react";
+import { Fragment as n, jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region src/components/pro/DataTable/rowDetailExtension.tsx
+function a({ render: a }) {
+	let [o, s] = t({});
+	return e(() => ({
+		name: "row-detail",
+		wrapRow: (e, t) => o[t.rowId] ? /* @__PURE__ */ i(n, { children: [e, /* @__PURE__ */ r("tr", {
+			className: "table-row",
+			children: /* @__PURE__ */ r("td", {
+				className: "table-cell p-0",
+				colSpan: 9999,
+				children: /* @__PURE__ */ r("div", {
+					className: "bg-base-200/60 p-4 border-l-4 border-primary",
+					children: a(t)
+				})
+			})
+		})] }) : e,
+		rowProps: (e) => ({ "data-detail-open": o[e.rowId] ? "true" : void 0 }),
+		contextMenu: (e) => [{
+			key: "toggle-detail",
+			label: o[e.rowId] ? "收起详情" : "展开详情",
+			onSelect: () => s((t) => ({
+				...t,
+				[e.rowId]: !t[e.rowId]
+			}))
+		}]
+	}), [o, a]);
 }
-export {
-  c as useRowDetailExtension
-};
+//#endregion
+export { a as useRowDetailExtension };
 
 //# sourceMappingURL=rowDetailExtension.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"rowDetailExtension.js","names":[],"sources":["../../../../src/components/pro/DataTable/rowDetailExtension.tsx"],"sourcesContent":["import React, { useMemo, useState } from 'react';\nimport type { DataTableExtension, DataTableRowContext } from './extension';\n\nexport interface RowDetailOptions<T extends object> {\n    /** 渲染展开后的行详情面板。 */\n    render: (ctx: DataTableRowContext<T>) => React.ReactNode;\n}\n\n/**\n * 行详情（master/detail）扩展。\n *\n * 由于扩展是普通对象无法持有 React 状态，这里以 hook 工厂的形式返回一个绑定了\n * 展开状态的扩展。为每一行的第一列注入一个展开按钮（通过 `cell` 覆写），点击后\n * 在该行下方渲染一个详情面板（通过 `wrapRow`）。\n *\n * 使用方式：\n * ```tsx\n * const detail = useRowDetailExtension<Row>({\n *   render: ({ row }) => <pre>{JSON.stringify(row, null, 2)}</pre>,\n * });\n * <DataTable data={data} columns={columns} extensions={[detail]} />\n * ```\n */\nexport function useRowDetailExtension<T extends object>({\n    render,\n}: RowDetailOptions<T>): DataTableExtension<T> {\n    const [open, setOpen] = useState<Record<string, boolean>>({});\n\n    return useMemo<DataTableExtension<T>>(\n        () => ({\n            name: 'row-detail',\n            wrapRow: (children, ctx) => {\n                if (!open[ctx.rowId]) return children;\n                return (\n                    <>\n                        {children}\n                        <tr className=\"table-row\">\n                            <td className=\"table-cell p-0\" colSpan={9999}>\n                                <div className=\"bg-base-200/60 p-4 border-l-4 border-primary\">\n                                    {render(ctx)}\n                                </div>\n                            </td>\n                        </tr>\n                    </>\n                );\n            },\n            rowProps: (ctx) =>\n                ({\n                    'data-detail-open': open[ctx.rowId] ? 'true' : undefined,\n                }) as React.HTMLAttributes<HTMLTableRowElement>,\n            // 通过右键菜单切换详情面板，避免占用列布局。\n            contextMenu: (ctx) => [\n                {\n                    key: 'toggle-detail',\n                    label: open[ctx.rowId] ? '收起详情' : '展开详情',\n                    onSelect: () =>\n                        setOpen((s) => ({ ...s, [ctx.rowId]: !s[ctx.rowId] })),\n                },\n            ],\n        }),\n        [open, render],\n    );\n}\n"],"mappings":";;AAuBA,SAAgB,EAAwC,EACpD,QAAA,EAAA,GAC2C;AAC3C,QAAM,CAAC,GAAM,CAAA,IAAW,EAAkC,CAAC,CAAC;AAE5D,SAAO,EAAA,OACI;AAAA,IACH,MAAM;AAAA,IACN,SAAA,CAAU,GAAU,MACX,EAAK,EAAI,KAAA,IAEV,gBAAA,EAAA,GAAA,EAAA,UAAA,CACK,GACD,gBAAA,EAAC,MAAD;AAAA,MAAI,WAAU;AAAA,MACV,UAAA,gBAAA,EAAC,MAAD;AAAA,QAAI,WAAU;AAAA,QAAiB,SAAS;AAAA,QACpC,UAAA,gBAAA,EAAC,OAAD;AAAA,UAAK,WAAU;AAAA,UACV,UAAA,EAAO,CAAG;AAAA,QACV,CAAA;AAAA,MACL,CAAA;AAAA,IACJ,CAAA,CACN,EAAA,CAAA,IAXuB;AAAA,IAcjC,UAAA,CAAW,OACN,EACG,oBAAoB,EAAK,EAAI,KAAA,IAAS,SAAS,OACnD;AAAA,IAEJ,aAAA,CAAc,MAAQ,CAClB;AAAA,MACI,KAAK;AAAA,MACL,OAAO,EAAK,EAAI,KAAA,IAAS,SAAS;AAAA,MAClC,UAAA,MACI,EAAA,CAAS,OAAO;AAAA,QAAE,GAAG;AAAA,QAAI,CAAA,EAAI,KAAA,GAAQ,CAAC,EAAE,EAAI,KAAA;AAAA,MAAO,EAAE;AAAA,IAC7D,CACJ;AAAA,EACJ,IACA,CAAC,GAAM,CAAM,CACjB;AACJ"}
+{"version":3,"file":"rowDetailExtension.js","names":[],"sources":["../../../../src/components/pro/DataTable/rowDetailExtension.tsx"],"sourcesContent":["import React, { useMemo, useState } from 'react';\nimport type { DataTableExtension, DataTableRowContext } from './extension';\n\nexport interface RowDetailOptions<T extends object> {\n    /** 渲染展开后的行详情面板。 */\n    render: (ctx: DataTableRowContext<T>) => React.ReactNode;\n}\n\n/**\n * 行详情（master/detail）扩展。\n *\n * 由于扩展是普通对象无法持有 React 状态，这里以 hook 工厂的形式返回一个绑定了\n * 展开状态的扩展。为每一行的第一列注入一个展开按钮（通过 `cell` 覆写），点击后\n * 在该行下方渲染一个详情面板（通过 `wrapRow`）。\n *\n * 使用方式：\n * ```tsx\n * const detail = useRowDetailExtension<Row>({\n *   render: ({ row }) => <pre>{JSON.stringify(row, null, 2)}</pre>,\n * });\n * <DataTable data={data} columns={columns} extensions={[detail]} />\n * ```\n */\nexport function useRowDetailExtension<T extends object>({\n    render,\n}: RowDetailOptions<T>): DataTableExtension<T> {\n    const [open, setOpen] = useState<Record<string, boolean>>({});\n\n    return useMemo<DataTableExtension<T>>(\n        () => ({\n            name: 'row-detail',\n            wrapRow: (children, ctx) => {\n                if (!open[ctx.rowId]) return children;\n                return (\n                    <>\n                        {children}\n                        <tr className=\"table-row\">\n                            <td className=\"table-cell p-0\" colSpan={9999}>\n                                <div className=\"bg-base-200/60 p-4 border-l-4 border-primary\">\n                                    {render(ctx)}\n                                </div>\n                            </td>\n                        </tr>\n                    </>\n                );\n            },\n            rowProps: (ctx) =>\n                ({\n                    'data-detail-open': open[ctx.rowId] ? 'true' : undefined,\n                }) as React.HTMLAttributes<HTMLTableRowElement>,\n            // 通过右键菜单切换详情面板，避免占用列布局。\n            contextMenu: (ctx) => [\n                {\n                    key: 'toggle-detail',\n                    label: open[ctx.rowId] ? '收起详情' : '展开详情',\n                    onSelect: () =>\n                        setOpen((s) => ({ ...s, [ctx.rowId]: !s[ctx.rowId] })),\n                },\n            ],\n        }),\n        [open, render],\n    );\n}\n"],"mappings":";;;AAuBA,SAAgB,EAAwC,EACpD,aAC2C;CAC3C,IAAM,CAAC,GAAM,KAAW,EAAkC,CAAC,CAAC;CAE5D,OAAO,SACI;EACH,MAAM;EACN,UAAU,GAAU,MACX,EAAK,EAAI,SAEV,kBAAA,GAAA,EAAA,UAAA,CACK,GACD,kBAAC,MAAD;GAAI,WAAU;GACV,UAAA,kBAAC,MAAD;IAAI,WAAU;IAAiB,SAAS;IACpC,UAAA,kBAAC,OAAD;KAAK,WAAU;KACV,UAAA,EAAO,CAAG;IACV,CAAA;GACL,CAAA;EACJ,CAAA,CACN,EAAA,CAAA,IAXuB;EAcjC,WAAW,OACN,EACG,oBAAoB,EAAK,EAAI,SAAS,SAAS,KAAA,EACnD;EAEJ,cAAc,MAAQ,CAClB;GACI,KAAK;GACL,OAAO,EAAK,EAAI,SAAS,SAAS;GAClC,gBACI,GAAS,OAAO;IAAE,GAAG;KAAI,EAAI,QAAQ,CAAC,EAAE,EAAI;GAAO,EAAE;EAC7D,CACJ;CACJ,IACA,CAAC,GAAM,CAAM,CACjB;AACJ"}

package/dist/components/pro/DataTable/tanstack-table.js

@@ -1,66 +1,49 @@
-import { useMemo as x } from "react";
-import { columnFilteringFeature as t, columnOrderingFeature as a, columnVisibilityFeature as d, coreFeatures as l, createCoreRowModel as n, createExpandedRowModel as i, createFilteredRowModel as u, createPaginatedRowModel as s, createSortedRowModel as w, flexRender as h, globalFilteringFeature as F, rowExpandingFeature as c, rowPaginationFeature as R, rowSelectionFeature as M, rowSortingFeature as f, tableFeatures as g, useTable as S } from "@tanstack/react-table";
-var T = g({
-  ...l,
-  columnFilteringFeature: t,
-  columnOrderingFeature: a,
-  columnVisibilityFeature: d,
-  globalFilteringFeature: F,
-  rowSortingFeature: f,
-  rowPaginationFeature: R,
-  rowSelectionFeature: M,
-  rowExpandingFeature: c,
-  coreRowModel: n(),
-  filteredRowModel: u(),
-  sortedRowModel: w(),
-  paginatedRowModel: s(),
-  expandedRowModel: i()
+import { useMemo as e } from "react";
+import { columnFilteringFeature as t, columnOrderingFeature as n, columnVisibilityFeature as r, coreFeatures as i, createCoreRowModel as a, createExpandedRowModel as o, createFilteredRowModel as s, createPaginatedRowModel as c, createSortedRowModel as l, flexRender as u, globalFilteringFeature as d, rowExpandingFeature as f, rowPaginationFeature as p, rowSelectionFeature as m, rowSortingFeature as h, tableFeatures as g, useTable as _ } from "@tanstack/react-table";
+//#region src/components/pro/DataTable/tanstack-table.ts
+var v = g({
+	...i,
+	columnFilteringFeature: t,
+	columnOrderingFeature: n,
+	columnVisibilityFeature: r,
+	globalFilteringFeature: d,
+	rowSortingFeature: h,
+	rowPaginationFeature: p,
+	rowSelectionFeature: m,
+	rowExpandingFeature: f,
+	coreRowModel: a(),
+	filteredRowModel: s(),
+	sortedRowModel: l(),
+	paginatedRowModel: c(),
+	expandedRowModel: o()
 });
-function v(m) {
-  const { sortFns: e, filterFns: o, ...p } = m, b = x(() => {
-    if (!e && !o) return T;
-    const r = {
-      ...l,
-      columnFilteringFeature: t,
-      columnOrderingFeature: a,
-      columnVisibilityFeature: d,
-      globalFilteringFeature: F,
-      rowSortingFeature: f,
-      rowPaginationFeature: R,
-      rowSelectionFeature: M,
-      rowExpandingFeature: c,
-      coreRowModel: n(),
-      filteredRowModel: u(),
-      sortedRowModel: w(),
-      paginatedRowModel: s(),
-      expandedRowModel: i()
-    };
-    return e && (r.sortFns = e), o && (r.filterFns = o), g(r);
-  }, [e, o]);
-  return S({
-    features: b,
-    ...p
-  });
+function y(u) {
+	let { sortFns: y, filterFns: b, ...x } = u, S = e(() => {
+		if (!y && !b) return v;
+		let e = {
+			...i,
+			columnFilteringFeature: t,
+			columnOrderingFeature: n,
+			columnVisibilityFeature: r,
+			globalFilteringFeature: d,
+			rowSortingFeature: h,
+			rowPaginationFeature: p,
+			rowSelectionFeature: m,
+			rowExpandingFeature: f,
+			coreRowModel: a(),
+			filteredRowModel: s(),
+			sortedRowModel: l(),
+			paginatedRowModel: c(),
+			expandedRowModel: o()
+		};
+		return y && (e.sortFns = y), b && (e.filterFns = b), g(e);
+	}, [y, b]);
+	return _({
+		features: S,
+		...x
+	});
 }
-export {
-  t as columnFilteringFeature,
-  a as columnOrderingFeature,
-  d as columnVisibilityFeature,
-  l as coreFeatures,
-  n as createCoreRowModel,
-  i as createExpandedRowModel,
-  u as createFilteredRowModel,
-  s as createPaginatedRowModel,
-  w as createSortedRowModel,
-  h as flexRender,
-  F as globalFilteringFeature,
-  c as rowExpandingFeature,
-  R as rowPaginationFeature,
-  M as rowSelectionFeature,
-  f as rowSortingFeature,
-  g as tableFeatures,
-  v as useReactTable,
-  S as useTable
-};
+//#endregion
+export { t as columnFilteringFeature, n as columnOrderingFeature, r as columnVisibilityFeature, i as coreFeatures, a as createCoreRowModel, o as createExpandedRowModel, s as createFilteredRowModel, c as createPaginatedRowModel, l as createSortedRowModel, u as flexRender, d as globalFilteringFeature, f as rowExpandingFeature, p as rowPaginationFeature, m as rowSelectionFeature, h as rowSortingFeature, g as tableFeatures, y as useReactTable, _ as useTable };
 
 //# sourceMappingURL=tanstack-table.js.map

package/dist/components/pro/DataTable/tanstack-table.js.map

@@ -1 +1 @@
-{"version":3,"file":"tanstack-table.js","names":[],"sources":["../../../../src/components/pro/DataTable/tanstack-table.ts"],"sourcesContent":["/**\n * TanStack Table v9 适配层（全面使用 v9 原生 API）。\n *\n * DishUI 的 DataTable 现已全面迁移到 TanStack Table v9 的原生 API：\n *   - `useTable` + `tableFeatures({...})` 显式注册特性与 row model 工厂；\n *   - row model 通过 `createCoreRowModel()` / `createSortedRowModel()` 等工厂注册；\n *   - 使用 `table.state`（而非 v8 的 `table.getState()`）读取状态；\n *   - 列定义的自定义排序使用 `sortFn`（v8 为 `sortingFn`）。\n *\n * 本模块把 v9 的多泛型类型（`<TFeatures, TData, TValue>`）用 `StockFeatures`\n * 预绑定成单泛型别名（`ColumnDef<T>`、`Row<T>`、`Table<T>` 等），让上层代码\n * 保持简洁；同时保留一个 v8 命名习惯的 `useReactTable` 包装器，内部把\n * 「row model 工厂」组装进 v9 的 `features`，从而对调用方屏蔽 v9 的 `features`\n * 组装细节。请始终从本模块导入表格相关类型与工具，而不要直接依赖\n * `@tanstack/react-table`。\n */\nimport {\n  useTable,\n  flexRender,\n  tableFeatures,\n  type ReactTable,\n  // 核心特性\n  coreFeatures,\n  // 各功能特性\n  columnFilteringFeature,\n  columnOrderingFeature,\n  columnVisibilityFeature,\n  globalFilteringFeature,\n  rowSortingFeature,\n  rowPaginationFeature,\n  rowSelectionFeature,\n  rowExpandingFeature,\n  // row model 工厂\n  createCoreRowModel,\n  createFilteredRowModel,\n  createSortedRowModel,\n  createPaginatedRowModel,\n  createExpandedRowModel,\n} from '@tanstack/react-table';\nimport type {\n  RowData,\n  OnChangeFn,\n  Updater,\n  CellContext as CoreCellContext,\n  HeaderContext as CoreHeaderContext,\n  // 状态类型\n  SortingState,\n  ColumnFiltersState,\n  RowSelectionState,\n  PaginationState,\n  ColumnOrderState,\n  ExpandedState,\n  ColumnVisibilityState,\n  // 多泛型类型（用 StockFeatures 预绑定为单泛型别名）\n  StockFeatures,\n  Column as CoreColumn,\n  ColumnDef as CoreColumnDef,\n  Row as CoreRow,\n  Cell as CoreCell,\n  Header as CoreHeader,\n  HeaderGroup as CoreHeaderGroup,\n  SortFnOption,\n  SortFn as CoreSortFn,\n  FilterFn as CoreFilterFn,\n  ColumnMeta as CoreColumnMeta,\n  TableOptions,\n} from '@tanstack/react-table';\nimport { useMemo } from 'react';\n\nexport { flexRender, useTable, tableFeatures };\n\n/**\n * 一个包含全部常用特性 + row model 工厂的默认 features 预设。\n * `useReactTable` 会用它作为默认 `features`，因此调用方无需手动组装。\n * （内部常量：其推断类型引用了 table-core 的内部路径，不对外导出以避免\n * 声明文件的可移植性问题；对外通过 `DishUITableFeatures` 类型别名暴露。）\n */\nconst dishuiTableFeatures = tableFeatures({\n  ...coreFeatures,\n  columnFilteringFeature,\n  columnOrderingFeature,\n  columnVisibilityFeature,\n  globalFilteringFeature,\n  rowSortingFeature,\n  rowPaginationFeature,\n  rowSelectionFeature,\n  rowExpandingFeature,\n  coreRowModel: createCoreRowModel(),\n  filteredRowModel: createFilteredRowModel(),\n  sortedRowModel: createSortedRowModel(),\n  paginatedRowModel: createPaginatedRowModel(),\n  expandedRowModel: createExpandedRowModel(),\n});\n\nexport type DishUITableFeatures = StockFeatures;\n\n// v9 原生 row model 工厂再导出（供需要精细控制 features 的调用方使用）。\nexport {\n  coreFeatures,\n  columnFilteringFeature,\n  columnOrderingFeature,\n  columnVisibilityFeature,\n  globalFilteringFeature,\n  rowSortingFeature,\n  rowPaginationFeature,\n  rowSelectionFeature,\n  rowExpandingFeature,\n  createCoreRowModel,\n  createFilteredRowModel,\n  createSortedRowModel,\n  createPaginatedRowModel,\n  createExpandedRowModel,\n};\n\n// 单泛型（StockFeatures 预绑定）类型别名，保持上层简洁。\n// `Table` 映射到 `useTable` 返回的 ReactTable（具备 `.state` / `.FlexRender`）。\nexport type Table<TData extends RowData> = ReactTable<DishUITableFeatures, TData>;\nexport type Column<TData extends RowData, TValue = unknown> = CoreColumn<DishUITableFeatures, TData, TValue>;\nexport type ColumnDef<TData extends RowData, TValue = unknown> = CoreColumnDef<DishUITableFeatures, TData, TValue>;\nexport type Row<TData extends RowData> = CoreRow<DishUITableFeatures, TData>;\nexport type Cell<TData extends RowData, TValue = unknown> = CoreCell<DishUITableFeatures, TData, TValue>;\nexport type Header<TData extends RowData, TValue = unknown> = CoreHeader<DishUITableFeatures, TData, TValue>;\nexport type HeaderGroup<TData extends RowData> = CoreHeaderGroup<DishUITableFeatures, TData>;\nexport type CellContext<TData extends RowData, TValue = unknown> = CoreCellContext<DishUITableFeatures, TData, TValue>;\nexport type HeaderContext<TData extends RowData, TValue = unknown> = CoreHeaderContext<DishUITableFeatures, TData, TValue>;\n\n// 状态类型（沿用 v8 惯用命名）。\nexport type {\n  SortingState,\n  ColumnFiltersState,\n  RowSelectionState,\n  PaginationState,\n  ColumnOrderState,\n  ExpandedState,\n  OnChangeFn,\n  Updater,\n  RowData,\n};\n\n/** v8 `VisibilityState` -> v9 `ColumnVisibilityState`。 */\nexport type VisibilityState = ColumnVisibilityState;\n\n/** 列的自定义排序函数（v9：`sortFn`）。 */\nexport type SortingFnOption<TData extends RowData> = SortFnOption<DishUITableFeatures, TData>;\nexport type SortingFn<TData extends RowData> = CoreSortFn<DishUITableFeatures, TData>;\nexport type FilterFn<TData extends RowData> = CoreFilterFn<DishUITableFeatures, TData>;\nexport type ColumnMeta<TData extends RowData, TValue = unknown> = CoreColumnMeta<DishUITableFeatures, TData, TValue>;\n\n/**\n * v8 命名习惯的表格 hook 包装器。\n *\n * 接收「已经组装好的」表格选项（不含 `features`），自动注入 DishUI 的默认\n * `features` 预设（含 core + 全部常用特性 + row model 工厂），返回 v9 原生\n * 的 `useTable` 实例。若需自定义排序/筛选函数注册表，可通过 `sortFns` /\n * `filterFns` 传入（会并入 features）。\n */\nexport function useReactTable<TData extends RowData>(\n  options: Omit<TableOptions<DishUITableFeatures, TData>, 'features'> & {\n    /** 自定义排序函数注册表（v9：合入 features 的 sortFns）。 */\n    sortFns?: Record<string, SortingFn<TData>>;\n    /** 自定义筛选函数注册表（v9：合入 features 的 filterFns）。 */\n    filterFns?: Record<string, FilterFn<TData>>;\n  },\n): Table<TData> {\n  const { sortFns, filterFns, ...rest } = options;\n\n  const features = useMemo(() => {\n    if (!sortFns && !filterFns) return dishuiTableFeatures;\n    const merged: Record<string, unknown> = {\n      ...coreFeatures,\n      columnFilteringFeature,\n      columnOrderingFeature,\n      columnVisibilityFeature,\n      globalFilteringFeature,\n      rowSortingFeature,\n      rowPaginationFeature,\n      rowSelectionFeature,\n      rowExpandingFeature,\n      coreRowModel: createCoreRowModel(),\n      filteredRowModel: createFilteredRowModel(),\n      sortedRowModel: createSortedRowModel(),\n      paginatedRowModel: createPaginatedRowModel(),\n      expandedRowModel: createExpandedRowModel(),\n    };\n    if (sortFns) merged.sortFns = sortFns;\n    if (filterFns) merged.filterFns = filterFns;\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    return tableFeatures(merged as any);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [sortFns, filterFns]);\n\n  return useTable<DishUITableFeatures, TData>({\n    features,\n    ...rest,\n  } as TableOptions<DishUITableFeatures, TData>) as unknown as Table<TData>;\n}\n"],"mappings":";;AA6EA,IAAM,IAAsB,EAAc;AAAA,EACxC,GAAG;AAAA,EACH,wBAAA;AAAA,EACA,uBAAA;AAAA,EACA,yBAAA;AAAA,EACA,wBAAA;AAAA,EACA,mBAAA;AAAA,EACA,sBAAA;AAAA,EACA,qBAAA;AAAA,EACA,qBAAA;AAAA,EACA,cAAc,EAAmB;AAAA,EACjC,kBAAkB,EAAuB;AAAA,EACzC,gBAAgB,EAAqB;AAAA,EACrC,mBAAmB,EAAwB;AAAA,EAC3C,kBAAkB,EAAuB;AAC3C,CAAC;AAgED,SAAgB,EACd,GAMc;AACd,QAAM,EAAE,SAAA,GAAS,WAAA,GAAW,GAAG,EAAA,IAAS,GAElC,IAAW,EAAA,MAAc;AAC7B,QAAI,CAAC,KAAW,CAAC,EAAW,QAAO;AACnC,UAAM,IAAkC;AAAA,MACtC,GAAG;AAAA,MACH,wBAAA;AAAA,MACA,uBAAA;AAAA,MACA,yBAAA;AAAA,MACA,wBAAA;AAAA,MACA,mBAAA;AAAA,MACA,sBAAA;AAAA,MACA,qBAAA;AAAA,MACA,qBAAA;AAAA,MACA,cAAc,EAAmB;AAAA,MACjC,kBAAkB,EAAuB;AAAA,MACzC,gBAAgB,EAAqB;AAAA,MACrC,mBAAmB,EAAwB;AAAA,MAC3C,kBAAkB,EAAuB;AAAA,IAC3C;AACA,WAAI,MAAS,EAAO,UAAU,IAC1B,MAAW,EAAO,YAAY,IAE3B,EAAc,CAAa;AAAA,EAEpC,GAAG,CAAC,GAAS,CAAS,CAAC;AAEvB,SAAO,EAAqC;AAAA,IAC1C,UAAA;AAAA,IACA,GAAG;AAAA,EACL,CAA6C;AAC/C"}
+{"version":3,"file":"tanstack-table.js","names":[],"sources":["../../../../src/components/pro/DataTable/tanstack-table.ts"],"sourcesContent":["/**\n * TanStack Table v9 适配层（全面使用 v9 原生 API）。\n *\n * DishUI 的 DataTable 现已全面迁移到 TanStack Table v9 的原生 API：\n *   - `useTable` + `tableFeatures({...})` 显式注册特性与 row model 工厂；\n *   - row model 通过 `createCoreRowModel()` / `createSortedRowModel()` 等工厂注册；\n *   - 使用 `table.state`（而非 v8 的 `table.getState()`）读取状态；\n *   - 列定义的自定义排序使用 `sortFn`（v8 为 `sortingFn`）。\n *\n * 本模块把 v9 的多泛型类型（`<TFeatures, TData, TValue>`）用 `StockFeatures`\n * 预绑定成单泛型别名（`ColumnDef<T>`、`Row<T>`、`Table<T>` 等），让上层代码\n * 保持简洁；同时保留一个 v8 命名习惯的 `useReactTable` 包装器，内部把\n * 「row model 工厂」组装进 v9 的 `features`，从而对调用方屏蔽 v9 的 `features`\n * 组装细节。请始终从本模块导入表格相关类型与工具，而不要直接依赖\n * `@tanstack/react-table`。\n */\nimport {\n  useTable,\n  flexRender,\n  tableFeatures,\n  type ReactTable,\n  // 核心特性\n  coreFeatures,\n  // 各功能特性\n  columnFilteringFeature,\n  columnOrderingFeature,\n  columnVisibilityFeature,\n  globalFilteringFeature,\n  rowSortingFeature,\n  rowPaginationFeature,\n  rowSelectionFeature,\n  rowExpandingFeature,\n  // row model 工厂\n  createCoreRowModel,\n  createFilteredRowModel,\n  createSortedRowModel,\n  createPaginatedRowModel,\n  createExpandedRowModel,\n} from '@tanstack/react-table';\nimport type {\n  RowData,\n  OnChangeFn,\n  Updater,\n  CellContext as CoreCellContext,\n  HeaderContext as CoreHeaderContext,\n  // 状态类型\n  SortingState,\n  ColumnFiltersState,\n  RowSelectionState,\n  PaginationState,\n  ColumnOrderState,\n  ExpandedState,\n  ColumnVisibilityState,\n  // 多泛型类型（用 StockFeatures 预绑定为单泛型别名）\n  StockFeatures,\n  Column as CoreColumn,\n  ColumnDef as CoreColumnDef,\n  Row as CoreRow,\n  Cell as CoreCell,\n  Header as CoreHeader,\n  HeaderGroup as CoreHeaderGroup,\n  SortFnOption,\n  SortFn as CoreSortFn,\n  FilterFn as CoreFilterFn,\n  ColumnMeta as CoreColumnMeta,\n  TableOptions,\n} from '@tanstack/react-table';\nimport { useMemo } from 'react';\n\nexport { flexRender, useTable, tableFeatures };\n\n/**\n * 一个包含全部常用特性 + row model 工厂的默认 features 预设。\n * `useReactTable` 会用它作为默认 `features`，因此调用方无需手动组装。\n * （内部常量：其推断类型引用了 table-core 的内部路径，不对外导出以避免\n * 声明文件的可移植性问题；对外通过 `DishUITableFeatures` 类型别名暴露。）\n */\nconst dishuiTableFeatures = tableFeatures({\n  ...coreFeatures,\n  columnFilteringFeature,\n  columnOrderingFeature,\n  columnVisibilityFeature,\n  globalFilteringFeature,\n  rowSortingFeature,\n  rowPaginationFeature,\n  rowSelectionFeature,\n  rowExpandingFeature,\n  coreRowModel: createCoreRowModel(),\n  filteredRowModel: createFilteredRowModel(),\n  sortedRowModel: createSortedRowModel(),\n  paginatedRowModel: createPaginatedRowModel(),\n  expandedRowModel: createExpandedRowModel(),\n});\n\nexport type DishUITableFeatures = StockFeatures;\n\n// v9 原生 row model 工厂再导出（供需要精细控制 features 的调用方使用）。\nexport {\n  coreFeatures,\n  columnFilteringFeature,\n  columnOrderingFeature,\n  columnVisibilityFeature,\n  globalFilteringFeature,\n  rowSortingFeature,\n  rowPaginationFeature,\n  rowSelectionFeature,\n  rowExpandingFeature,\n  createCoreRowModel,\n  createFilteredRowModel,\n  createSortedRowModel,\n  createPaginatedRowModel,\n  createExpandedRowModel,\n};\n\n// 单泛型（StockFeatures 预绑定）类型别名，保持上层简洁。\n// `Table` 映射到 `useTable` 返回的 ReactTable（具备 `.state` / `.FlexRender`）。\nexport type Table<TData extends RowData> = ReactTable<DishUITableFeatures, TData>;\nexport type Column<TData extends RowData, TValue = unknown> = CoreColumn<DishUITableFeatures, TData, TValue>;\nexport type ColumnDef<TData extends RowData, TValue = unknown> = CoreColumnDef<DishUITableFeatures, TData, TValue>;\nexport type Row<TData extends RowData> = CoreRow<DishUITableFeatures, TData>;\nexport type Cell<TData extends RowData, TValue = unknown> = CoreCell<DishUITableFeatures, TData, TValue>;\nexport type Header<TData extends RowData, TValue = unknown> = CoreHeader<DishUITableFeatures, TData, TValue>;\nexport type HeaderGroup<TData extends RowData> = CoreHeaderGroup<DishUITableFeatures, TData>;\nexport type CellContext<TData extends RowData, TValue = unknown> = CoreCellContext<DishUITableFeatures, TData, TValue>;\nexport type HeaderContext<TData extends RowData, TValue = unknown> = CoreHeaderContext<DishUITableFeatures, TData, TValue>;\n\n// 状态类型（沿用 v8 惯用命名）。\nexport type {\n  SortingState,\n  ColumnFiltersState,\n  RowSelectionState,\n  PaginationState,\n  ColumnOrderState,\n  ExpandedState,\n  OnChangeFn,\n  Updater,\n  RowData,\n};\n\n/** v8 `VisibilityState` -> v9 `ColumnVisibilityState`。 */\nexport type VisibilityState = ColumnVisibilityState;\n\n/** 列的自定义排序函数（v9：`sortFn`）。 */\nexport type SortingFnOption<TData extends RowData> = SortFnOption<DishUITableFeatures, TData>;\nexport type SortingFn<TData extends RowData> = CoreSortFn<DishUITableFeatures, TData>;\nexport type FilterFn<TData extends RowData> = CoreFilterFn<DishUITableFeatures, TData>;\nexport type ColumnMeta<TData extends RowData, TValue = unknown> = CoreColumnMeta<DishUITableFeatures, TData, TValue>;\n\n/**\n * v8 命名习惯的表格 hook 包装器。\n *\n * 接收「已经组装好的」表格选项（不含 `features`），自动注入 DishUI 的默认\n * `features` 预设（含 core + 全部常用特性 + row model 工厂），返回 v9 原生\n * 的 `useTable` 实例。若需自定义排序/筛选函数注册表，可通过 `sortFns` /\n * `filterFns` 传入（会并入 features）。\n */\nexport function useReactTable<TData extends RowData>(\n  options: Omit<TableOptions<DishUITableFeatures, TData>, 'features'> & {\n    /** 自定义排序函数注册表（v9：合入 features 的 sortFns）。 */\n    sortFns?: Record<string, SortingFn<TData>>;\n    /** 自定义筛选函数注册表（v9：合入 features 的 filterFns）。 */\n    filterFns?: Record<string, FilterFn<TData>>;\n  },\n): Table<TData> {\n  const { sortFns, filterFns, ...rest } = options;\n\n  const features = useMemo(() => {\n    if (!sortFns && !filterFns) return dishuiTableFeatures;\n    const merged: Record<string, unknown> = {\n      ...coreFeatures,\n      columnFilteringFeature,\n      columnOrderingFeature,\n      columnVisibilityFeature,\n      globalFilteringFeature,\n      rowSortingFeature,\n      rowPaginationFeature,\n      rowSelectionFeature,\n      rowExpandingFeature,\n      coreRowModel: createCoreRowModel(),\n      filteredRowModel: createFilteredRowModel(),\n      sortedRowModel: createSortedRowModel(),\n      paginatedRowModel: createPaginatedRowModel(),\n      expandedRowModel: createExpandedRowModel(),\n    };\n    if (sortFns) merged.sortFns = sortFns;\n    if (filterFns) merged.filterFns = filterFns;\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    return tableFeatures(merged as any);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [sortFns, filterFns]);\n\n  return useTable<DishUITableFeatures, TData>({\n    features,\n    ...rest,\n  } as TableOptions<DishUITableFeatures, TData>) as unknown as Table<TData>;\n}\n"],"mappings":";;;AA6EA,IAAM,IAAsB,EAAc;CACxC,GAAG;CACH;CACA;CACA;CACA;CACA;CACA;CACA;CACA;CACA,cAAc,EAAmB;CACjC,kBAAkB,EAAuB;CACzC,gBAAgB,EAAqB;CACrC,mBAAmB,EAAwB;CAC3C,kBAAkB,EAAuB;AAC3C,CAAC;AAgED,SAAgB,EACd,GAMc;CACd,IAAM,EAAE,YAAS,cAAW,GAAG,MAAS,GAElC,IAAW,QAAc;EAC7B,IAAI,CAAC,KAAW,CAAC,GAAW,OAAO;EACnC,IAAM,IAAkC;GACtC,GAAG;GACH;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA,cAAc,EAAmB;GACjC,kBAAkB,EAAuB;GACzC,gBAAgB,EAAqB;GACrC,mBAAmB,EAAwB;GAC3C,kBAAkB,EAAuB;EAC3C;EAIA,OAHI,MAAS,EAAO,UAAU,IAC1B,MAAW,EAAO,YAAY,IAE3B,EAAc,CAAa;CAEpC,GAAG,CAAC,GAAS,CAAS,CAAC;CAEvB,OAAO,EAAqC;EAC1C;EACA,GAAG;CACL,CAA6C;AAC/C"}

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

@@ -1,53 +1,42 @@
-var d = `
-.tree-row-icon {
-  transition: transform 0.3s ease;
+//#region src/components/pro/DataTable/treeDataUtils.ts
+var e = "\n.tree-row-icon {\n  transition: transform 0.3s ease;\n}\n\n.tree-row-expanded .tree-row-icon {\n  transform: rotate(90deg);\n}\n";
+function t(e, n, r, i, a = "") {
+	let o = [], s = e[r];
+	return Array.isArray(s) && s.length > 0 && s.forEach((e, s) => {
+		let c = i ? i(e, s) : `${a}${n}_${s}`;
+		o.push(c);
+		let l = t(e, c, r, i, `${a}${n}_${s}_`);
+		o.push(...l);
+	}), o;
 }
-
-.tree-row-expanded .tree-row-icon {
-  transform: rotate(90deg);
-}
-`;
-function A(l, s, t, o, e = "") {
-  const c = [], f = l[t];
-  return Array.isArray(f) && f.length > 0 && f.forEach((r, n) => {
-    const i = o ? o(r, n) : `${e}${s}_${n}`;
-    c.push(i);
-    const _ = A(r, i, t, o, `${e}${s}_${n}_`);
-    c.push(..._);
-  }), c;
-}
-function g(l, s, t, o, e = 0, c = "", f = !0, r = [], n = !1) {
-  return l.forEach((i, _) => {
-    const h = o ? o(i, _) : c ? `${c}_${_}` : `${_}`, a = {
-      ...i,
-      __depth: e,
-      __id: h,
-      __parentId: c,
-      __hasChildren: Array.isArray(i[t]) && i[t].length > 0,
-      __isExpanded: s[h] || !1,
-      __childCount: Array.isArray(i[t]) ? i[t].length : 0
-    };
-    n ? e === 0 && r.push(a) : (e === 0 || f) && r.push(a);
-    const u = s[h] || !1;
-    Array.isArray(i[t]) && i[t].length > 0 && u && !n && g(i[t], s, t, o, e + 1, h, f && u, r, n);
-  }), r;
+function n(e, t, r, i, a = 0, o = "", s = !0, c = [], l = !1) {
+	return e.forEach((e, u) => {
+		let d = i ? i(e, u) : o ? `${o}_${u}` : `${u}`, f = {
+			...e,
+			__depth: a,
+			__id: d,
+			__parentId: o,
+			__hasChildren: Array.isArray(e[r]) && e[r].length > 0,
+			__isExpanded: t[d] || !1,
+			__childCount: Array.isArray(e[r]) ? e[r].length : 0
+		};
+		l ? a === 0 && c.push(f) : (a === 0 || s) && c.push(f);
+		let p = t[d] || !1;
+		Array.isArray(e[r]) && e[r].length > 0 && p && !l && n(e[r], t, r, i, a + 1, d, s && p, c, l);
+	}), c;
 }
-function $() {
-  return { treeSortAsc: (l, s, t) => {
-    const o = l.original, e = s.original, c = o.__depth !== void 0 ? o.__depth : 0, f = e.__depth !== void 0 ? e.__depth : 0;
-    if (c !== f) return 0;
-    if (c === 0 && f === 0) {
-      const r = l.getValue(t), n = s.getValue(t);
-      return r === n ? 0 : r == null ? -1 : n == null ? 1 : typeof r == "number" && typeof n == "number" ? r - n : r instanceof Date && n instanceof Date ? r.getTime() - n.getTime() : String(r).localeCompare(String(n));
-    }
-    return 0;
-  } };
+function r() {
+	return { treeSortAsc: (e, t, n) => {
+		let r = e.original, i = t.original, a = r.__depth === void 0 ? 0 : r.__depth, o = i.__depth === void 0 ? 0 : i.__depth;
+		if (a !== o) return 0;
+		if (a === 0 && o === 0) {
+			let r = e.getValue(n), i = t.getValue(n);
+			return r === i ? 0 : r == null ? -1 : i == null ? 1 : typeof r == "number" && typeof i == "number" ? r - i : r instanceof Date && i instanceof Date ? r.getTime() - i.getTime() : String(r).localeCompare(String(i));
+		}
+		return 0;
+	} };
 }
-export {
-  $ as createTreeSortingFns,
-  A as findAllChildRowIds,
-  g as flattenTreeData,
-  d as treeRowAnimationStyles
-};
+//#endregion
+export { r as createTreeSortingFns, t as findAllChildRowIds, n as flattenTreeData, e as treeRowAnimationStyles };
 
 //# sourceMappingURL=treeDataUtils.js.map