dishui 0.0.65 → 0.0.66

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

@@ -1,98 +1,97 @@
-import s from "../../../Table/index.js";
-import { flexRender as z } from "../tanstack-table.js";
-import G from "react";
-import { Fragment as H, jsx as i, jsxs as S } from "react/jsx-runtime";
-function X({ table: m, expandedRowsState: v, onRowClick: C, onRowDoubleClick: _, onRowMouseEnter: x, onRowMouseLeave: N, onCellClick: k, onCellDoubleClick: y, onCellMouseEnter: b, onCellMouseLeave: P, enableExpanding: $, indentSize: D, handleRowExpand: L, extensions: a = [], extensionApi: l, getRowId: j, onCellContextMenu: E }) {
-  const g = a.length > 0 && !!l;
-  return /* @__PURE__ */ i(s.Body, { children: m.getRowModel().rows.length === 0 ? /* @__PURE__ */ i(s.Row, { children: /* @__PURE__ */ i(s.Cell, {
-    colSpan: m.getAllColumns().length,
-    className: "text-center py-4",
-    children: "没有数据"
-  }) }) : m.getRowModel().rows.map((t, r) => {
-    const d = t.original, I = d.__depth || 0, u = d.__hasChildren || !1, p = d.__id, R = u && v[p] || !1, T = I > 0, w = d.__parentId, V = w ? v[w] || !1 : !0, W = `
-            ${t.getIsSelected() ? "bg-primary/10" : ""}
-            ${u && R ? "tree-row-expanded" : ""}
+import e from "../../../Table/index.js";
+import { flexRender as t } from "../tanstack-table.js";
+import n from "react";
+import { Fragment as r, jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/components/pro/DataTable/components/TableBody.tsx
+function o({ table: o, expandedRowsState: s, onRowClick: c, onRowDoubleClick: l, onRowMouseEnter: u, onRowMouseLeave: d, onCellClick: f, onCellDoubleClick: p, onCellMouseEnter: m, onCellMouseLeave: h, enableExpanding: g, indentSize: _, handleRowExpand: v, extensions: y = [], extensionApi: b, getRowId: x, onCellContextMenu: S }) {
+	let C = y.length > 0 && !!b;
+	return /* @__PURE__ */ i(e.Body, { children: o.getRowModel().rows.length === 0 ? /* @__PURE__ */ i(e.Row, { children: /* @__PURE__ */ i(e.Cell, {
+		colSpan: o.getAllColumns().length,
+		className: "text-center py-4",
+		children: "没有数据"
+	}) }) : o.getRowModel().rows.map((o, w) => {
+		let T = o.original, E = T.__depth || 0, D = T.__hasChildren || !1, O = T.__id, k = D && s[O] || !1, A = E > 0, j = T.__parentId, M = !j || s[j] || !1, N = `
+            ${o.getIsSelected() ? "bg-primary/10" : ""}
+            ${D && k ? "tree-row-expanded" : ""}
           `;
-    if (T && !V) return null;
-    const B = j ? j(t.original, r) : String(p ?? r), F = {
-      row: t.original,
-      rowId: B,
-      rowIndex: r,
-      selected: t.getIsSelected()
-    }, O = g ? a.reduce((o, e) => Object.assign(o, e.rowProps?.(F, l) ?? {}), {}) : {}, h = /* @__PURE__ */ i(s.Row, {
-      className: W,
-      onClick: C ? (o) => C(t.original, o) : void 0,
-      onDoubleClick: _ ? (o) => _(t.original, o) : void 0,
-      onMouseEnter: x ? (o) => x(t.original, o) : void 0,
-      onMouseLeave: N ? (o) => N(t.original, o) : void 0,
-      ...O,
-      children: t.getVisibleCells().map((o, e) => {
-        const f = e === 0;
-        let c;
-        if (g) {
-          const n = {
-            value: o.getValue(),
-            row: t.original,
-            rowId: B,
-            rowIndex: r,
-            columnId: o.column.id
-          };
-          for (const q of a) {
-            const M = q.cell?.(n, l);
-            if (M !== void 0) {
-              c = M;
-              break;
-            }
-          }
-        }
-        return c === void 0 && (c = z(o.column.columnDef.cell, o.getContext())), /* @__PURE__ */ i(s.Cell, {
-          onClick: k ? (n) => {
-            n.stopPropagation(), k(t.original, o.column, n);
-          } : void 0,
-          onDoubleClick: y ? (n) => {
-            n.stopPropagation(), y(t.original, o.column, n);
-          } : void 0,
-          onMouseEnter: b ? (n) => b(t.original, o.column, n) : void 0,
-          onMouseLeave: P ? (n) => P(t.original, o.column, n) : void 0,
-          children: /* @__PURE__ */ S("div", {
-            className: "flex items-center",
-            onContextMenu: E ? (n) => E(n, t.original, o.column, r) : void 0,
-            children: [f && $ && /* @__PURE__ */ S(H, { children: [/* @__PURE__ */ i("div", { style: { width: `${I * D}px` } }), u ? /* @__PURE__ */ i("button", {
-              onClick: (n) => {
-                n.stopPropagation(), L(p, t.original);
-              },
-              className: "mr-2 focus:outline-none",
-              children: /* @__PURE__ */ i("svg", {
-                xmlns: "http://www.w3.org/2000/svg",
-                className: "h-4 w-4",
-                fill: "none",
-                viewBox: "0 0 24 24",
-                stroke: "currentColor",
-                style: {
-                  transition: "transform 0.3s ease",
-                  transform: R ? "rotate(90deg)" : "rotate(0deg)"
-                },
-                children: /* @__PURE__ */ i("path", {
-                  strokeLinecap: "round",
-                  strokeLinejoin: "round",
-                  strokeWidth: "2",
-                  d: "M9 5l7 7-7 7"
-                })
-              })
-            }) : /* @__PURE__ */ i("div", { className: "w-6" })] }), c]
-          })
-        }, o.id);
-      })
-    }, t.id);
-    if (g) {
-      const o = a.reduce((e, f) => f.wrapRow?.(e, F, l) ?? e, h);
-      if (o !== h) return /* @__PURE__ */ i(G.Fragment, { children: o }, t.id);
-    }
-    return h;
-  }) });
+		if (A && !M) return null;
+		let P = x ? x(o.original, w) : String(O ?? w), F = {
+			row: o.original,
+			rowId: P,
+			rowIndex: w,
+			selected: o.getIsSelected()
+		}, I = C ? y.reduce((e, t) => Object.assign(e, t.rowProps?.(F, b) ?? {}), {}) : {}, L = /* @__PURE__ */ i(e.Row, {
+			className: N,
+			onClick: c ? (e) => c(o.original, e) : void 0,
+			onDoubleClick: l ? (e) => l(o.original, e) : void 0,
+			onMouseEnter: u ? (e) => u(o.original, e) : void 0,
+			onMouseLeave: d ? (e) => d(o.original, e) : void 0,
+			...I,
+			children: o.getVisibleCells().map((n, s) => {
+				let c = s === 0, l;
+				if (C) {
+					let e = {
+						value: n.getValue(),
+						row: o.original,
+						rowId: P,
+						rowIndex: w,
+						columnId: n.column.id
+					};
+					for (let t of y) {
+						let n = t.cell?.(e, b);
+						if (n !== void 0) {
+							l = n;
+							break;
+						}
+					}
+				}
+				return l === void 0 && (l = t(n.column.columnDef.cell, n.getContext())), /* @__PURE__ */ i(e.Cell, {
+					onClick: f ? (e) => {
+						e.stopPropagation(), f(o.original, n.column, e);
+					} : void 0,
+					onDoubleClick: p ? (e) => {
+						e.stopPropagation(), p(o.original, n.column, e);
+					} : void 0,
+					onMouseEnter: m ? (e) => m(o.original, n.column, e) : void 0,
+					onMouseLeave: h ? (e) => h(o.original, n.column, e) : void 0,
+					children: /* @__PURE__ */ a("div", {
+						className: "flex items-center",
+						onContextMenu: S ? (e) => S(e, o.original, n.column, w) : void 0,
+						children: [c && g && /* @__PURE__ */ a(r, { children: [/* @__PURE__ */ i("div", { style: { width: `${E * _}px` } }), D ? /* @__PURE__ */ i("button", {
+							onClick: (e) => {
+								e.stopPropagation(), v(O, o.original);
+							},
+							className: "mr-2 focus:outline-none",
+							children: /* @__PURE__ */ i("svg", {
+								xmlns: "http://www.w3.org/2000/svg",
+								className: "h-4 w-4",
+								fill: "none",
+								viewBox: "0 0 24 24",
+								stroke: "currentColor",
+								style: {
+									transition: "transform 0.3s ease",
+									transform: k ? "rotate(90deg)" : "rotate(0deg)"
+								},
+								children: /* @__PURE__ */ i("path", {
+									strokeLinecap: "round",
+									strokeLinejoin: "round",
+									strokeWidth: "2",
+									d: "M9 5l7 7-7 7"
+								})
+							})
+						}) : /* @__PURE__ */ i("div", { className: "w-6" })] }), l]
+					})
+				}, n.id);
+			})
+		}, o.id);
+		if (C) {
+			let e = y.reduce((e, t) => t.wrapRow?.(e, F, b) ?? e, L);
+			if (e !== L) return /* @__PURE__ */ i(n.Fragment, { children: e }, o.id);
+		}
+		return L;
+	}) });
 }
-export {
-  X as TableBody
-};
+//#endregion
+export { o as TableBody };
 
 //# sourceMappingURL=TableBody.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"TableBody.js","names":[],"sources":["../../../../../src/components/pro/DataTable/components/TableBody.tsx"],"sourcesContent":["import React from 'react';\nimport { Table as TanStackTable, flexRender } from '../tanstack-table';\nimport Table from '../../../Table';\nimport { RowEventHandler, CellEventHandler } from '../types';\nimport type {\n    DataTableApi,\n    DataTableCellContext,\n    DataTableExtension,\n    DataTableRowContext,\n} from '../extension';\n\ninterface TableBodyProps<T extends object> {\n    table: TanStackTable<T>;\n    expandedRowsState: Record<string, boolean>;\n    onRowClick?: RowEventHandler;\n    onRowDoubleClick?: RowEventHandler;\n    onRowMouseEnter?: RowEventHandler;\n    onRowMouseLeave?: RowEventHandler;\n    onCellClick?: CellEventHandler;\n    onCellDoubleClick?: CellEventHandler;\n    onCellMouseEnter?: CellEventHandler;\n    onCellMouseLeave?: CellEventHandler;\n    enableExpanding: boolean;\n    indentSize: number;\n    handleRowExpand: (rowId: string, row: T) => void;\n    // 扩展系统\n    extensions?: DataTableExtension<T>[];\n    extensionApi?: DataTableApi<T>;\n    getRowId?: (row: T, index: number) => string;\n    onCellContextMenu?: (\n        e: React.MouseEvent,\n        row: T,\n        column: any,\n        rowIndex: number,\n    ) => void;\n}\n\nexport function TableBody<T extends object>({\n    table,\n    expandedRowsState,\n    onRowClick,\n    onRowDoubleClick,\n    onRowMouseEnter,\n    onRowMouseLeave,\n    onCellClick,\n    onCellDoubleClick,\n    onCellMouseEnter,\n    onCellMouseLeave,\n    enableExpanding,\n    indentSize,\n    handleRowExpand,\n    extensions = [],\n    extensionApi,\n    getRowId,\n    onCellContextMenu,\n}: TableBodyProps<T>) {\n    const hasExtensions = extensions.length > 0 && !!extensionApi;\n\n    return (\n        <Table.Body>\n            {table.getRowModel().rows.length === 0 ? (\n                <Table.Row>\n                    <Table.Cell colSpan={table.getAllColumns().length} className=\"text-center py-4\">\n                        没有数据\n                    </Table.Cell>\n                </Table.Row>\n            ) : (\n                table.getRowModel().rows.map((row, rowIndex) => {\n                    const rowData = row.original as any;\n                    const depth = rowData.__depth || 0;\n                    const hasChildren = rowData.__hasChildren || false;\n                    const rowId = rowData.__id;\n                    const isExpanded = hasChildren && expandedRowsState[rowId] || false;\n                    const isChildRow = depth > 0;\n                    const parentId = rowData.__parentId;\n                    const parentExpanded = parentId ? expandedRowsState[parentId] || false : true;\n\n                    // 根据层级和展开状态应用不同的CSS类\n                    const rowClassName = `\n            ${row.getIsSelected() ? 'bg-primary/10' : ''}\n            ${hasChildren ? (isExpanded ? 'tree-row-expanded' : '') : ''}\n          `;\n\n                    // 如果是子行且父行未展开，则不显示\n                    if (isChildRow && !parentExpanded) {\n                        return null;\n                    }\n\n                    // 扩展的行级上下文与注入属性\n                    const resolvedRowId = getRowId\n                        ? getRowId(row.original, rowIndex)\n                        : String(rowId ?? rowIndex);\n                    const rowCtx: DataTableRowContext<T> = {\n                        row: row.original,\n                        rowId: resolvedRowId,\n                        rowIndex,\n                        selected: row.getIsSelected(),\n                    };\n                    const extraRowProps = hasExtensions\n                        ? extensions.reduce<React.HTMLAttributes<HTMLTableRowElement>>(\n                              (acc, ext) =>\n                                  Object.assign(acc, ext.rowProps?.(rowCtx, extensionApi!) ?? {}),\n                              {},\n                          )\n                        : {};\n\n                    const rowElement = (\n                        <Table.Row\n                            key={row.id}\n                            className={rowClassName}\n                            onClick={onRowClick ? e => onRowClick(row.original, e) : undefined}\n                            onDoubleClick={onRowDoubleClick ? e => onRowDoubleClick(row.original, e) : undefined}\n                            onMouseEnter={onRowMouseEnter ? e => onRowMouseEnter(row.original, e) : undefined}\n                            onMouseLeave={onRowMouseLeave ? e => onRowMouseLeave(row.original, e) : undefined}\n                            {...(extraRowProps as any)}\n                        >\n                            {row.getVisibleCells().map((cell, cellIndex) => {\n                                // 为第一列添加缩进和展开/折叠控件\n                                const isFirstColumn = cellIndex === 0;\n\n                                // 扩展可覆写单元格渲染。\n                                let cellContent: React.ReactNode | undefined;\n                                if (hasExtensions) {\n                                    const cellCtx: DataTableCellContext<T> = {\n                                        value: cell.getValue(),\n                                        row: row.original,\n                                        rowId: resolvedRowId,\n                                        rowIndex,\n                                        columnId: cell.column.id,\n                                    };\n                                    for (const ext of extensions) {\n                                        const out = ext.cell?.(cellCtx, extensionApi!);\n                                        if (out !== undefined) {\n                                            cellContent = out;\n                                            break;\n                                        }\n                                    }\n                                }\n                                if (cellContent === undefined) {\n                                    cellContent = flexRender(\n                                        cell.column.columnDef.cell,\n                                        cell.getContext(),\n                                    );\n                                }\n\n                                return (\n                                    <Table.Cell\n                                        key={cell.id}\n                                        onClick={onCellClick ? e => {\n                                            e.stopPropagation(); // 防止触发行点击事件\n                                            onCellClick(row.original, cell.column, e);\n                                        } : undefined}\n                                        onDoubleClick={onCellDoubleClick ? e => {\n                                            e.stopPropagation(); // 防止触发行双击事件\n                                            onCellDoubleClick(row.original, cell.column, e);\n                                        } : undefined}\n                                        onMouseEnter={onCellMouseEnter ? e => onCellMouseEnter(row.original, cell.column, e) : undefined}\n                                        onMouseLeave={onCellMouseLeave ? e => onCellMouseLeave(row.original, cell.column, e) : undefined}\n                                    >\n                                        <div\n                                            className=\"flex items-center\"\n                                            onContextMenu={\n                                                onCellContextMenu\n                                                    ? e =>\n                                                          onCellContextMenu(\n                                                              e,\n                                                              row.original,\n                                                              cell.column,\n                                                              rowIndex,\n                                                          )\n                                                    : undefined\n                                            }\n                                        >\n                                            {isFirstColumn && enableExpanding && (\n                                                <>\n                                                    <div style={{ width: `${depth * indentSize}px` }} />\n                                                    {hasChildren ? (\n                                                        <button\n                                                            onClick={(e) => {\n                                                                e.stopPropagation();\n                                                                handleRowExpand(rowId, row.original);\n                                                            }}\n                                                            className=\"mr-2 focus:outline-none\"\n                                                        >\n                                                            {/* 完全重写箭头图标部分，使用内联样式控制方向 */}\n                                                            <svg\n                                                                xmlns=\"http://www.w3.org/2000/svg\"\n                                                                className=\"h-4 w-4\"\n                                                                fill=\"none\"\n                                                                viewBox=\"0 0 24 24\"\n                                                                stroke=\"currentColor\"\n                                                                style={{\n                                                                    transition: 'transform 0.3s ease',\n                                                                    transform: isExpanded ? 'rotate(90deg)' : 'rotate(0deg)'\n                                                                }}\n                                                            >\n                                                                {/* 使用右箭头，通过旋转变为下箭头 */}\n                                                                <path\n                                                                    strokeLinecap=\"round\"\n                                                                    strokeLinejoin=\"round\"\n                                                                    strokeWidth=\"2\"\n                                                                    d=\"M9 5l7 7-7 7\"\n                                                                />\n                                                            </svg>\n                                                        </button>\n                                                    ) : (\n                                                        <div className=\"w-6\"></div>\n                                                    )}\n                                                </>\n                                            )}\n                                            {cellContent}\n                                        </div>\n                                    </Table.Cell>\n                                );\n                            })}\n                        </Table.Row>\n                    );\n\n                    // 让扩展包裹整行（如在行下方追加 detail 面板）。\n                    if (hasExtensions) {\n                        const wrapped = extensions.reduce<React.ReactNode>(\n                            (node, ext) => ext.wrapRow?.(node, rowCtx, extensionApi!) ?? node,\n                            rowElement,\n                        );\n                        if (wrapped !== rowElement) {\n                            return <React.Fragment key={row.id}>{wrapped}</React.Fragment>;\n                        }\n                    }\n\n                    return rowElement;\n                })\n            )}\n        </Table.Body>\n    );\n}\n"],"mappings":"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"}
+{"version":3,"file":"TableBody.js","names":[],"sources":["../../../../../src/components/pro/DataTable/components/TableBody.tsx"],"sourcesContent":["import React from 'react';\nimport { Table as TanStackTable, flexRender } from '../tanstack-table';\nimport Table from '../../../Table';\nimport { RowEventHandler, CellEventHandler } from '../types';\nimport type {\n    DataTableApi,\n    DataTableCellContext,\n    DataTableExtension,\n    DataTableRowContext,\n} from '../extension';\n\ninterface TableBodyProps<T extends object> {\n    table: TanStackTable<T>;\n    expandedRowsState: Record<string, boolean>;\n    onRowClick?: RowEventHandler;\n    onRowDoubleClick?: RowEventHandler;\n    onRowMouseEnter?: RowEventHandler;\n    onRowMouseLeave?: RowEventHandler;\n    onCellClick?: CellEventHandler;\n    onCellDoubleClick?: CellEventHandler;\n    onCellMouseEnter?: CellEventHandler;\n    onCellMouseLeave?: CellEventHandler;\n    enableExpanding: boolean;\n    indentSize: number;\n    handleRowExpand: (rowId: string, row: T) => void;\n    // 扩展系统\n    extensions?: DataTableExtension<T>[];\n    extensionApi?: DataTableApi<T>;\n    getRowId?: (row: T, index: number) => string;\n    onCellContextMenu?: (\n        e: React.MouseEvent,\n        row: T,\n        column: any,\n        rowIndex: number,\n    ) => void;\n}\n\nexport function TableBody<T extends object>({\n    table,\n    expandedRowsState,\n    onRowClick,\n    onRowDoubleClick,\n    onRowMouseEnter,\n    onRowMouseLeave,\n    onCellClick,\n    onCellDoubleClick,\n    onCellMouseEnter,\n    onCellMouseLeave,\n    enableExpanding,\n    indentSize,\n    handleRowExpand,\n    extensions = [],\n    extensionApi,\n    getRowId,\n    onCellContextMenu,\n}: TableBodyProps<T>) {\n    const hasExtensions = extensions.length > 0 && !!extensionApi;\n\n    return (\n        <Table.Body>\n            {table.getRowModel().rows.length === 0 ? (\n                <Table.Row>\n                    <Table.Cell colSpan={table.getAllColumns().length} className=\"text-center py-4\">\n                        没有数据\n                    </Table.Cell>\n                </Table.Row>\n            ) : (\n                table.getRowModel().rows.map((row, rowIndex) => {\n                    const rowData = row.original as any;\n                    const depth = rowData.__depth || 0;\n                    const hasChildren = rowData.__hasChildren || false;\n                    const rowId = rowData.__id;\n                    const isExpanded = hasChildren && expandedRowsState[rowId] || false;\n                    const isChildRow = depth > 0;\n                    const parentId = rowData.__parentId;\n                    const parentExpanded = parentId ? expandedRowsState[parentId] || false : true;\n\n                    // 根据层级和展开状态应用不同的CSS类\n                    const rowClassName = `\n            ${row.getIsSelected() ? 'bg-primary/10' : ''}\n            ${hasChildren ? (isExpanded ? 'tree-row-expanded' : '') : ''}\n          `;\n\n                    // 如果是子行且父行未展开，则不显示\n                    if (isChildRow && !parentExpanded) {\n                        return null;\n                    }\n\n                    // 扩展的行级上下文与注入属性\n                    const resolvedRowId = getRowId\n                        ? getRowId(row.original, rowIndex)\n                        : String(rowId ?? rowIndex);\n                    const rowCtx: DataTableRowContext<T> = {\n                        row: row.original,\n                        rowId: resolvedRowId,\n                        rowIndex,\n                        selected: row.getIsSelected(),\n                    };\n                    const extraRowProps = hasExtensions\n                        ? extensions.reduce<React.HTMLAttributes<HTMLTableRowElement>>(\n                              (acc, ext) =>\n                                  Object.assign(acc, ext.rowProps?.(rowCtx, extensionApi!) ?? {}),\n                              {},\n                          )\n                        : {};\n\n                    const rowElement = (\n                        <Table.Row\n                            key={row.id}\n                            className={rowClassName}\n                            onClick={onRowClick ? e => onRowClick(row.original, e) : undefined}\n                            onDoubleClick={onRowDoubleClick ? e => onRowDoubleClick(row.original, e) : undefined}\n                            onMouseEnter={onRowMouseEnter ? e => onRowMouseEnter(row.original, e) : undefined}\n                            onMouseLeave={onRowMouseLeave ? e => onRowMouseLeave(row.original, e) : undefined}\n                            {...(extraRowProps as any)}\n                        >\n                            {row.getVisibleCells().map((cell, cellIndex) => {\n                                // 为第一列添加缩进和展开/折叠控件\n                                const isFirstColumn = cellIndex === 0;\n\n                                // 扩展可覆写单元格渲染。\n                                let cellContent: React.ReactNode | undefined;\n                                if (hasExtensions) {\n                                    const cellCtx: DataTableCellContext<T> = {\n                                        value: cell.getValue(),\n                                        row: row.original,\n                                        rowId: resolvedRowId,\n                                        rowIndex,\n                                        columnId: cell.column.id,\n                                    };\n                                    for (const ext of extensions) {\n                                        const out = ext.cell?.(cellCtx, extensionApi!);\n                                        if (out !== undefined) {\n                                            cellContent = out;\n                                            break;\n                                        }\n                                    }\n                                }\n                                if (cellContent === undefined) {\n                                    cellContent = flexRender(\n                                        cell.column.columnDef.cell,\n                                        cell.getContext(),\n                                    );\n                                }\n\n                                return (\n                                    <Table.Cell\n                                        key={cell.id}\n                                        onClick={onCellClick ? e => {\n                                            e.stopPropagation(); // 防止触发行点击事件\n                                            onCellClick(row.original, cell.column, e);\n                                        } : undefined}\n                                        onDoubleClick={onCellDoubleClick ? e => {\n                                            e.stopPropagation(); // 防止触发行双击事件\n                                            onCellDoubleClick(row.original, cell.column, e);\n                                        } : undefined}\n                                        onMouseEnter={onCellMouseEnter ? e => onCellMouseEnter(row.original, cell.column, e) : undefined}\n                                        onMouseLeave={onCellMouseLeave ? e => onCellMouseLeave(row.original, cell.column, e) : undefined}\n                                    >\n                                        <div\n                                            className=\"flex items-center\"\n                                            onContextMenu={\n                                                onCellContextMenu\n                                                    ? e =>\n                                                          onCellContextMenu(\n                                                              e,\n                                                              row.original,\n                                                              cell.column,\n                                                              rowIndex,\n                                                          )\n                                                    : undefined\n                                            }\n                                        >\n                                            {isFirstColumn && enableExpanding && (\n                                                <>\n                                                    <div style={{ width: `${depth * indentSize}px` }} />\n                                                    {hasChildren ? (\n                                                        <button\n                                                            onClick={(e) => {\n                                                                e.stopPropagation();\n                                                                handleRowExpand(rowId, row.original);\n                                                            }}\n                                                            className=\"mr-2 focus:outline-none\"\n                                                        >\n                                                            {/* 完全重写箭头图标部分，使用内联样式控制方向 */}\n                                                            <svg\n                                                                xmlns=\"http://www.w3.org/2000/svg\"\n                                                                className=\"h-4 w-4\"\n                                                                fill=\"none\"\n                                                                viewBox=\"0 0 24 24\"\n                                                                stroke=\"currentColor\"\n                                                                style={{\n                                                                    transition: 'transform 0.3s ease',\n                                                                    transform: isExpanded ? 'rotate(90deg)' : 'rotate(0deg)'\n                                                                }}\n                                                            >\n                                                                {/* 使用右箭头，通过旋转变为下箭头 */}\n                                                                <path\n                                                                    strokeLinecap=\"round\"\n                                                                    strokeLinejoin=\"round\"\n                                                                    strokeWidth=\"2\"\n                                                                    d=\"M9 5l7 7-7 7\"\n                                                                />\n                                                            </svg>\n                                                        </button>\n                                                    ) : (\n                                                        <div className=\"w-6\"></div>\n                                                    )}\n                                                </>\n                                            )}\n                                            {cellContent}\n                                        </div>\n                                    </Table.Cell>\n                                );\n                            })}\n                        </Table.Row>\n                    );\n\n                    // 让扩展包裹整行（如在行下方追加 detail 面板）。\n                    if (hasExtensions) {\n                        const wrapped = extensions.reduce<React.ReactNode>(\n                            (node, ext) => ext.wrapRow?.(node, rowCtx, extensionApi!) ?? node,\n                            rowElement,\n                        );\n                        if (wrapped !== rowElement) {\n                            return <React.Fragment key={row.id}>{wrapped}</React.Fragment>;\n                        }\n                    }\n\n                    return rowElement;\n                })\n            )}\n        </Table.Body>\n    );\n}\n"],"mappings":"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"}

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

@@ -1,83 +1,83 @@
-import l from "../../../Table/index.js";
-import { flexRender as f } from "../tanstack-table.js";
+import e from "../../../Table/index.js";
+import { flexRender as t } from "../tanstack-table.js";
 import "react";
-import { jsx as o, jsxs as h } from "react/jsx-runtime";
-function N({ table: a, visibilityState: d, enableSorting: g, enableColumnReordering: t, draggedColumnId: u, onColumnMouseEnter: n, onColumnMouseLeave: c, handleDragStart: v, handleDragOver: p, handleDrop: w }) {
-  return /* @__PURE__ */ o(l.Head, { children: a.getHeaderGroups().map((m) => /* @__PURE__ */ o(l.Row, { children: m.headers.map((r) => {
-    if (d[r.column.id] === !1) return null;
-    r.column.columnDef.meta;
-    const i = g && r.column.getCanSort();
-    return /* @__PURE__ */ o(l.HeaderCell, {
-      className: `
-                  ${i ? "cursor-pointer" : ""}
-                  ${t ? "cursor-move" : ""}
-                  ${u === r.id ? "bg-primary/30 shadow-lg border-2 border-primary" : ""}
+import { jsx as n, jsxs as r } from "react/jsx-runtime";
+//#region src/components/pro/DataTable/components/TableHeader.tsx
+function i({ table: i, visibilityState: a, enableSorting: o, enableColumnReordering: s, draggedColumnId: c, onColumnMouseEnter: l, onColumnMouseLeave: u, handleDragStart: d, handleDragOver: f, handleDrop: p }) {
+	return /* @__PURE__ */ n(e.Head, { children: i.getHeaderGroups().map((i) => /* @__PURE__ */ n(e.Row, { children: i.headers.map((i) => {
+		if (a[i.column.id] === !1) return null;
+		i.column.columnDef.meta;
+		let m = o && i.column.getCanSort();
+		return /* @__PURE__ */ n(e.HeaderCell, {
+			className: `
+                  ${m ? "cursor-pointer" : ""}
+                  ${s ? "cursor-move" : ""}
+                  ${c === i.id ? "bg-primary/30 shadow-lg border-2 border-primary" : ""}
                 `,
-      onClick: i ? r.column.getToggleSortingHandler() : void 0,
-      onMouseEnter: n ? (s) => n(r.column, s) : void 0,
-      onMouseLeave: c ? (s) => c(r.column, s) : void 0,
-      draggable: t,
-      onDragStart: t ? (s) => v(s, r.id) : void 0,
-      onDragOver: t ? p : void 0,
-      onDrop: t ? (s) => {
-        w(s, r.id), document.querySelectorAll(".bg-primary\\/20, .bg-primary\\/30, .dragging-source, .menu-item-highlight").forEach((e) => {
-          e.classList.remove("bg-primary/20"), e.classList.remove("bg-primary/30"), e.classList.remove("shadow-lg"), e.classList.remove("border-b-2"), e.classList.remove("border-2"), e.classList.remove("border-l-4"), e.classList.remove("border-primary"), e.classList.remove("dragging-source"), e.classList.remove("menu-item-highlight");
-        });
-      } : void 0,
-      children: /* @__PURE__ */ h("div", {
-        className: "flex items-center justify-between w-full",
-        children: [r.isPlaceholder ? null : /* @__PURE__ */ o("div", {
-          className: "flex items-center",
-          children: f(r.column.columnDef.header, r.getContext())
-        }), i && /* @__PURE__ */ o("div", {
-          className: "flex items-center ml-2",
-          children: /* @__PURE__ */ o("span", {
-            className: "w-4 flex justify-center",
-            children: r.column.getIsSorted() ? r.column.getIsSorted() === "desc" ? /* @__PURE__ */ o("svg", {
-              xmlns: "http://www.w3.org/2000/svg",
-              className: "h-4 w-4 text-success",
-              fill: "none",
-              viewBox: "0 0 24 24",
-              stroke: "currentColor",
-              children: /* @__PURE__ */ o("path", {
-                strokeLinecap: "round",
-                strokeLinejoin: "round",
-                strokeWidth: "2",
-                d: "M5 15l7-7 7 7"
-              })
-            }) : /* @__PURE__ */ o("svg", {
-              xmlns: "http://www.w3.org/2000/svg",
-              className: "h-4 w-4 text-error",
-              fill: "none",
-              viewBox: "0 0 24 24",
-              stroke: "currentColor",
-              children: /* @__PURE__ */ o("path", {
-                strokeLinecap: "round",
-                strokeLinejoin: "round",
-                strokeWidth: "2",
-                d: "M19 9l-7 7-7-7"
-              })
-            }) : /* @__PURE__ */ o("svg", {
-              xmlns: "http://www.w3.org/2000/svg",
-              className: "h-4 w-4 text-base-content/30",
-              fill: "none",
-              viewBox: "0 0 24 24",
-              stroke: "currentColor",
-              children: /* @__PURE__ */ o("path", {
-                strokeLinecap: "round",
-                strokeLinejoin: "round",
-                strokeWidth: "2",
-                d: "M7 16V4m0 0L3 8m4-4l4 4m6 0v12m0 0l4-4m-4 4l-4-4"
-              })
-            })
-          })
-        })]
-      })
-    }, r.id);
-  }) }, m.id)) });
+			onClick: m ? i.column.getToggleSortingHandler() : void 0,
+			onMouseEnter: l ? (e) => l(i.column, e) : void 0,
+			onMouseLeave: u ? (e) => u(i.column, e) : void 0,
+			draggable: s,
+			onDragStart: s ? (e) => d(e, i.id) : void 0,
+			onDragOver: s ? f : void 0,
+			onDrop: s ? (e) => {
+				p(e, i.id), document.querySelectorAll(".bg-primary\\/20, .bg-primary\\/30, .dragging-source, .menu-item-highlight").forEach((e) => {
+					e.classList.remove("bg-primary/20"), e.classList.remove("bg-primary/30"), e.classList.remove("shadow-lg"), e.classList.remove("border-b-2"), e.classList.remove("border-2"), e.classList.remove("border-l-4"), e.classList.remove("border-primary"), e.classList.remove("dragging-source"), e.classList.remove("menu-item-highlight");
+				});
+			} : void 0,
+			children: /* @__PURE__ */ r("div", {
+				className: "flex items-center justify-between w-full",
+				children: [i.isPlaceholder ? null : /* @__PURE__ */ n("div", {
+					className: "flex items-center",
+					children: t(i.column.columnDef.header, i.getContext())
+				}), m && /* @__PURE__ */ n("div", {
+					className: "flex items-center ml-2",
+					children: /* @__PURE__ */ n("span", {
+						className: "w-4 flex justify-center",
+						children: i.column.getIsSorted() ? i.column.getIsSorted() === "desc" ? /* @__PURE__ */ n("svg", {
+							xmlns: "http://www.w3.org/2000/svg",
+							className: "h-4 w-4 text-success",
+							fill: "none",
+							viewBox: "0 0 24 24",
+							stroke: "currentColor",
+							children: /* @__PURE__ */ n("path", {
+								strokeLinecap: "round",
+								strokeLinejoin: "round",
+								strokeWidth: "2",
+								d: "M5 15l7-7 7 7"
+							})
+						}) : /* @__PURE__ */ n("svg", {
+							xmlns: "http://www.w3.org/2000/svg",
+							className: "h-4 w-4 text-error",
+							fill: "none",
+							viewBox: "0 0 24 24",
+							stroke: "currentColor",
+							children: /* @__PURE__ */ n("path", {
+								strokeLinecap: "round",
+								strokeLinejoin: "round",
+								strokeWidth: "2",
+								d: "M19 9l-7 7-7-7"
+							})
+						}) : /* @__PURE__ */ n("svg", {
+							xmlns: "http://www.w3.org/2000/svg",
+							className: "h-4 w-4 text-base-content/30",
+							fill: "none",
+							viewBox: "0 0 24 24",
+							stroke: "currentColor",
+							children: /* @__PURE__ */ n("path", {
+								strokeLinecap: "round",
+								strokeLinejoin: "round",
+								strokeWidth: "2",
+								d: "M7 16V4m0 0L3 8m4-4l4 4m6 0v12m0 0l4-4m-4 4l-4-4"
+							})
+						})
+					})
+				})]
+			})
+		}, i.id);
+	}) }, i.id)) });
 }
-export {
-  N as TableHeader
-};
+//#endregion
+export { i as TableHeader };
 
 //# sourceMappingURL=TableHeader.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"TableHeader.js","names":[],"sources":["../../../../../src/components/pro/DataTable/components/TableHeader.tsx"],"sourcesContent":["import React from 'react';\nimport { Table as TanStackTable, VisibilityState, flexRender } from '../tanstack-table';\nimport Table from '../../../Table';\nimport { ColumnEventHandler } from '../types';\n\ninterface TableHeaderProps<T extends object> {\n    table: TanStackTable<T>;\n    visibilityState: VisibilityState;\n    enableSorting: boolean;\n    enableColumnReordering: boolean;\n    draggedColumnId: string | null;\n    onColumnMouseEnter?: ColumnEventHandler;\n    onColumnMouseLeave?: ColumnEventHandler;\n    handleDragStart: (e: React.DragEvent, columnId: string) => void;\n    handleDragOver: (e: React.DragEvent | Event) => void;\n    handleDrop: (e: React.DragEvent, targetColumnId: string) => void;\n}\n\nexport function TableHeader<T extends object>({\n    table,\n    visibilityState,\n    enableSorting,\n    enableColumnReordering,\n    draggedColumnId,\n    onColumnMouseEnter,\n    onColumnMouseLeave,\n    handleDragStart,\n    handleDragOver,\n    handleDrop,\n}: TableHeaderProps<T>) {\n    return (\n        <Table.Head>\n            {table.getHeaderGroups().map(headerGroup => (\n                <Table.Row key={headerGroup.id}>\n                    {headerGroup.headers.map(header => {\n                        // 确保列是可见的\n                        const columnId = header.column.id;\n                        if (visibilityState[columnId] === false) return null;\n\n                        // 获取列的自定义元数据\n                        const meta = header.column.columnDef.meta || {};\n                        const isSortable = enableSorting && header.column.getCanSort();\n\n                        return (\n                            <Table.HeaderCell\n                                key={header.id}\n                                className={`\n                  ${isSortable ? 'cursor-pointer' : ''}\n                  ${enableColumnReordering ? 'cursor-move' : ''}\n                  ${draggedColumnId === header.id ? 'bg-primary/30 shadow-lg border-2 border-primary' : ''}\n                `}\n                                onClick={isSortable ? header.column.getToggleSortingHandler() : undefined}\n                                onMouseEnter={onColumnMouseEnter ? e => onColumnMouseEnter(header.column, e) : undefined}\n                                onMouseLeave={onColumnMouseLeave ? e => onColumnMouseLeave(header.column, e) : undefined}\n                                draggable={enableColumnReordering}\n                                onDragStart={enableColumnReordering ? e => handleDragStart(e, header.id) : undefined}\n                                onDragOver={enableColumnReordering ? handleDragOver : undefined}\n                                onDrop={enableColumnReordering ? e => {\n                                    handleDrop(e, header.id);\n                                    // 清理所有拖拽相关的样式\n                                    document.querySelectorAll('.bg-primary\\\\/20, .bg-primary\\\\/30, .dragging-source, .menu-item-highlight').forEach(el => {\n                                        el.classList.remove('bg-primary/20');\n                                        el.classList.remove('bg-primary/30');\n                                        el.classList.remove('shadow-lg');\n                                        el.classList.remove('border-b-2');\n                                        el.classList.remove('border-2');\n                                        el.classList.remove('border-l-4');\n                                        el.classList.remove('border-primary');\n                                        el.classList.remove('dragging-source');\n                                        el.classList.remove('menu-item-highlight');\n                                    });\n                                } : undefined}\n                            >\n                                <div className=\"flex items-center justify-between w-full\">\n                                    {header.isPlaceholder ? null : (\n                                        <div className=\"flex items-center\">\n                                            {flexRender(\n                                                header.column.columnDef.header,\n                                                header.getContext()\n                                            )}\n                                        </div>\n                                    )}\n\n                                    {isSortable && (\n                                        <div className=\"flex items-center ml-2\">\n                                            <span className=\"w-4 flex justify-center\">\n                                                {header.column.getIsSorted() ? (\n                                                    header.column.getIsSorted() === 'desc' ? (\n                                                        <svg\n                                                            xmlns=\"http://www.w3.org/2000/svg\"\n                                                            className=\"h-4 w-4 text-success\"\n                                                            fill=\"none\"\n                                                            viewBox=\"0 0 24 24\"\n                                                            stroke=\"currentColor\"\n                                                        >\n                                                            <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"2\" d=\"M5 15l7-7 7 7\" />\n                                                        </svg>\n                                                    ) : (\n                                                        <svg\n                                                            xmlns=\"http://www.w3.org/2000/svg\"\n                                                            className=\"h-4 w-4 text-error\"\n                                                            fill=\"none\"\n                                                            viewBox=\"0 0 24 24\"\n                                                            stroke=\"currentColor\"\n                                                        >\n                                                            <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"2\" d=\"M19 9l-7 7-7-7\" />\n                                                        </svg>\n                                                    )\n                                                ) : (\n                                                    <svg\n                                                        xmlns=\"http://www.w3.org/2000/svg\"\n                                                        className=\"h-4 w-4 text-base-content/30\"\n                                                        fill=\"none\"\n                                                        viewBox=\"0 0 24 24\"\n                                                        stroke=\"currentColor\"\n                                                    >\n                                                        <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"2\" d=\"M7 16V4m0 0L3 8m4-4l4 4m6 0v12m0 0l4-4m-4 4l-4-4\" />\n                                                    </svg>\n                                                )}\n                                            </span>\n                                        </div>\n                                    )}\n                                </div>\n                            </Table.HeaderCell>\n                        );\n                    })}\n                </Table.Row>\n            ))}\n        </Table.Head>\n    );\n}\n"],"mappings":"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"}
+{"version":3,"file":"TableHeader.js","names":[],"sources":["../../../../../src/components/pro/DataTable/components/TableHeader.tsx"],"sourcesContent":["import React from 'react';\nimport { Table as TanStackTable, VisibilityState, flexRender } from '../tanstack-table';\nimport Table from '../../../Table';\nimport { ColumnEventHandler } from '../types';\n\ninterface TableHeaderProps<T extends object> {\n    table: TanStackTable<T>;\n    visibilityState: VisibilityState;\n    enableSorting: boolean;\n    enableColumnReordering: boolean;\n    draggedColumnId: string | null;\n    onColumnMouseEnter?: ColumnEventHandler;\n    onColumnMouseLeave?: ColumnEventHandler;\n    handleDragStart: (e: React.DragEvent, columnId: string) => void;\n    handleDragOver: (e: React.DragEvent | Event) => void;\n    handleDrop: (e: React.DragEvent, targetColumnId: string) => void;\n}\n\nexport function TableHeader<T extends object>({\n    table,\n    visibilityState,\n    enableSorting,\n    enableColumnReordering,\n    draggedColumnId,\n    onColumnMouseEnter,\n    onColumnMouseLeave,\n    handleDragStart,\n    handleDragOver,\n    handleDrop,\n}: TableHeaderProps<T>) {\n    return (\n        <Table.Head>\n            {table.getHeaderGroups().map(headerGroup => (\n                <Table.Row key={headerGroup.id}>\n                    {headerGroup.headers.map(header => {\n                        // 确保列是可见的\n                        const columnId = header.column.id;\n                        if (visibilityState[columnId] === false) return null;\n\n                        // 获取列的自定义元数据\n                        const meta = header.column.columnDef.meta || {};\n                        const isSortable = enableSorting && header.column.getCanSort();\n\n                        return (\n                            <Table.HeaderCell\n                                key={header.id}\n                                className={`\n                  ${isSortable ? 'cursor-pointer' : ''}\n                  ${enableColumnReordering ? 'cursor-move' : ''}\n                  ${draggedColumnId === header.id ? 'bg-primary/30 shadow-lg border-2 border-primary' : ''}\n                `}\n                                onClick={isSortable ? header.column.getToggleSortingHandler() : undefined}\n                                onMouseEnter={onColumnMouseEnter ? e => onColumnMouseEnter(header.column, e) : undefined}\n                                onMouseLeave={onColumnMouseLeave ? e => onColumnMouseLeave(header.column, e) : undefined}\n                                draggable={enableColumnReordering}\n                                onDragStart={enableColumnReordering ? e => handleDragStart(e, header.id) : undefined}\n                                onDragOver={enableColumnReordering ? handleDragOver : undefined}\n                                onDrop={enableColumnReordering ? e => {\n                                    handleDrop(e, header.id);\n                                    // 清理所有拖拽相关的样式\n                                    document.querySelectorAll('.bg-primary\\\\/20, .bg-primary\\\\/30, .dragging-source, .menu-item-highlight').forEach(el => {\n                                        el.classList.remove('bg-primary/20');\n                                        el.classList.remove('bg-primary/30');\n                                        el.classList.remove('shadow-lg');\n                                        el.classList.remove('border-b-2');\n                                        el.classList.remove('border-2');\n                                        el.classList.remove('border-l-4');\n                                        el.classList.remove('border-primary');\n                                        el.classList.remove('dragging-source');\n                                        el.classList.remove('menu-item-highlight');\n                                    });\n                                } : undefined}\n                            >\n                                <div className=\"flex items-center justify-between w-full\">\n                                    {header.isPlaceholder ? null : (\n                                        <div className=\"flex items-center\">\n                                            {flexRender(\n                                                header.column.columnDef.header,\n                                                header.getContext()\n                                            )}\n                                        </div>\n                                    )}\n\n                                    {isSortable && (\n                                        <div className=\"flex items-center ml-2\">\n                                            <span className=\"w-4 flex justify-center\">\n                                                {header.column.getIsSorted() ? (\n                                                    header.column.getIsSorted() === 'desc' ? (\n                                                        <svg\n                                                            xmlns=\"http://www.w3.org/2000/svg\"\n                                                            className=\"h-4 w-4 text-success\"\n                                                            fill=\"none\"\n                                                            viewBox=\"0 0 24 24\"\n                                                            stroke=\"currentColor\"\n                                                        >\n                                                            <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"2\" d=\"M5 15l7-7 7 7\" />\n                                                        </svg>\n                                                    ) : (\n                                                        <svg\n                                                            xmlns=\"http://www.w3.org/2000/svg\"\n                                                            className=\"h-4 w-4 text-error\"\n                                                            fill=\"none\"\n                                                            viewBox=\"0 0 24 24\"\n                                                            stroke=\"currentColor\"\n                                                        >\n                                                            <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"2\" d=\"M19 9l-7 7-7-7\" />\n                                                        </svg>\n                                                    )\n                                                ) : (\n                                                    <svg\n                                                        xmlns=\"http://www.w3.org/2000/svg\"\n                                                        className=\"h-4 w-4 text-base-content/30\"\n                                                        fill=\"none\"\n                                                        viewBox=\"0 0 24 24\"\n                                                        stroke=\"currentColor\"\n                                                    >\n                                                        <path strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"2\" d=\"M7 16V4m0 0L3 8m4-4l4 4m6 0v12m0 0l4-4m-4 4l-4-4\" />\n                                                    </svg>\n                                                )}\n                                            </span>\n                                        </div>\n                                    )}\n                                </div>\n                            </Table.HeaderCell>\n                        );\n                    })}\n                </Table.Row>\n            ))}\n        </Table.Head>\n    );\n}\n"],"mappings":";;;;;AAkBA,SAAgB,EAA8B,EAC1C,UACA,oBACA,kBACA,2BACA,oBACA,uBACA,uBACA,oBACA,mBACA,iBACoB;CACpB,OACI,kBAAC,EAAM,MAAP,EAAA,UACK,EAAM,gBAAgB,CAAC,CAAC,KAAI,MACzB,kBAAC,EAAM,KAAP,EAAA,UACK,EAAY,QAAQ,KAAI,MAAU;EAG/B,IAAI,EADa,EAAO,OAAO,QACG,IAAO,OAAO;EAGnC,EAAO,OAAO,UAAU;EACrC,IAAM,IAAa,KAAiB,EAAO,OAAO,WAAW;EAE7D,OACI,kBAAC,EAAM,YAAP;GAEI,WAAW;oBACvB,IAAa,mBAAmB,GAAG;oBACnC,IAAyB,gBAAgB,GAAG;oBAC5C,MAAoB,EAAO,KAAK,oDAAoD,GAAG;;GAE3E,SAAS,IAAa,EAAO,OAAO,wBAAwB,IAAI,KAAA;GAChE,cAAc,KAAqB,MAAK,EAAmB,EAAO,QAAQ,CAAC,IAAI,KAAA;GAC/E,cAAc,KAAqB,MAAK,EAAmB,EAAO,QAAQ,CAAC,IAAI,KAAA;GAC/E,WAAW;GACX,aAAa,KAAyB,MAAK,EAAgB,GAAG,EAAO,EAAE,IAAI,KAAA;GAC3E,YAAY,IAAyB,IAAiB,KAAA;GACtD,QAAQ,KAAyB,MAAK;IAGlC,AAFA,EAAW,GAAG,EAAO,EAAE,GAEvB,SAAS,iBAAiB,4EAA4E,CAAC,CAAC,SAAQ,MAAM;KASlH,AARA,EAAG,UAAU,OAAO,eAAe,GACnC,EAAG,UAAU,OAAO,eAAe,GACnC,EAAG,UAAU,OAAO,WAAW,GAC/B,EAAG,UAAU,OAAO,YAAY,GAChC,EAAG,UAAU,OAAO,UAAU,GAC9B,EAAG,UAAU,OAAO,YAAY,GAChC,EAAG,UAAU,OAAO,gBAAgB,GACpC,EAAG,UAAU,OAAO,iBAAiB,GACrC,EAAG,UAAU,OAAO,qBAAqB;IAC7C,CAAC;GACL,IAAI,KAAA;GAEJ,UAAA,kBAAC,OAAD;IAAK,WAAU;IAAf,UAAA,CACK,EAAO,gBAAgB,OACpB,kBAAC,OAAD;KAAK,WAAU;KACV,UAAA,EACG,EAAO,OAAO,UAAU,QACxB,EAAO,WAAW,CACtB;IACC,CAAA,GAGR,KACG,kBAAC,OAAD;KAAK,WAAU;KACX,UAAA,kBAAC,QAAD;MAAM,WAAU;MACX,UAAA,EAAO,OAAO,YAAY,IACvB,EAAO,OAAO,YAAY,MAAM,SAC5B,kBAAC,OAAD;OACI,OAAM;OACN,WAAU;OACV,MAAK;OACL,SAAQ;OACR,QAAO;OAEP,UAAA,kBAAC,QAAD;QAAM,eAAc;QAAQ,gBAAe;QAAQ,aAAY;QAAI,GAAE;OAAiB,CAAA;MACrF,CAAA,IAEL,kBAAC,OAAD;OACI,OAAM;OACN,WAAU;OACV,MAAK;OACL,SAAQ;OACR,QAAO;OAEP,UAAA,kBAAC,QAAD;QAAM,eAAc;QAAQ,gBAAe;QAAQ,aAAY;QAAI,GAAE;OAAkB,CAAA;MACtF,CAAA,IAGT,kBAAC,OAAD;OACI,OAAM;OACN,WAAU;OACV,MAAK;OACL,SAAQ;OACR,QAAO;OAEP,UAAA,kBAAC,QAAD;QAAM,eAAc;QAAQ,gBAAe;QAAQ,aAAY;QAAI,GAAE;OAAoD,CAAA;MACxH,CAAA;KAEP,CAAA;IACL,CAAA,CAER;;EACS,GA9ET,EAAO,EA8EE;CAE1B,CAAC,EACM,GA7FK,EAAY,EA6FjB,CACd,EACO,CAAA;AAEpB"}