dishui 0.0.65 → 0.0.67

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

@@ -1 +1 @@
-{"version":3,"file":"PivotPanel.js","names":[],"sources":["../../../../src/components/pro/DataTable/PivotPanel.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react';\nimport type { PivotValue, PivotFieldLabels } from './PivotView';\nimport type { PivotAggFn } from './pivotEngine';\nimport type { PivotField } from './pivotExtension';\n\nconst AGG_FNS: PivotAggFn[] = ['sum', 'avg', 'count', 'min', 'max'];\n\n/** 面板内的区域标识。 */\ntype ZoneId = 'available' | 'rows' | 'cols' | 'values';\n\nconst TEXT = {\n    zh: {\n        available: '可用字段',\n        rowGroups: '行分组',\n        colGroups: '列分组',\n        values: '数值',\n        empty: '（无字段）',\n        dropHint: '拖拽字段到此',\n        remove: '移除',\n    },\n    en: {\n        available: 'Available',\n        rowGroups: 'Row Groups',\n        colGroups: 'Column Labels',\n        values: 'Values',\n        empty: '(no fields)',\n        dropHint: 'Drag fields here',\n        remove: 'Remove',\n    },\n} as const;\n\n/** 透明的 1x1 拖拽图，用于隐藏浏览器默认的拖拽影像（改用自定义 ghost）。 */\nconst EMPTY_DRAG_IMAGE =\n    typeof Image !== 'undefined'\n        ? (() => {\n              const img = new Image();\n              img.src =\n                  'data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==';\n              return img;\n          })()\n        : null;\n\nexport interface PivotPanelProps {\n    /** 面板排布方向：水平（工具栏下方）或垂直（表格左/右侧）。 */\n    orientation: 'horizontal' | 'vertical';\n    lang: 'zh' | 'en';\n    fieldLabels: PivotFieldLabels;\n    dimensionFields: PivotField[];\n    numericFields: PivotField[];\n    rowFields: string[];\n    colFields: string[];\n    values: PivotValue[];\n    setRowFields: React.Dispatch<React.SetStateAction<string[]>>;\n    setColFields: React.Dispatch<React.SetStateAction<string[]>>;\n    setValues: React.Dispatch<React.SetStateAction<PivotValue[]>>;\n    /**\n     * 垂直（左/右）面板的宽度。数字视为 px，字符串直接作为 CSS 宽度\n     * （如 `'20%'` / `'16rem'`）。仅在 `orientation='vertical'` 时生效，默认 224px。\n     */\n    panelWidth?: number | string;\n}\n\n/**\n * 当前拖拽的字段信息（低频变化：仅在拖拽开始 / 结束时更新，\n * 不含坐标，避免拖拽过程中高频 setState 导致 chip 重挂载而使拖拽卡死）。\n */\ninterface DragInfo {\n    field: string;\n    label: string;\n    numeric: boolean;\n}\n\n/**\n * ag-grid 风格的透视配置面板。\n *\n * 特性：\n *  - 支持水平（`horizontal`）与垂直（`vertical`）两种排布，后者用于表格左/右侧。\n *  - 拖拽字段时显示跟随光标的「拖拽引用」（ghost 预览），并高亮可放置的目标区域。\n *\n * 关键实现：拖拽期间**不** setState 更新坐标，而是用 ref 直接改写 ghost 的\n * transform；`Chip`/`Zone` 用渲染函数而非内联组件，避免每次渲染都被 React\n * 当作新组件类型而卸载重挂载（那会中断浏览器原生拖拽，导致卡死）。\n */\nexport function PivotPanel({\n    orientation,\n    lang,\n    fieldLabels,\n    dimensionFields,\n    numericFields,\n    rowFields,\n    colFields,\n    values,\n    setRowFields,\n    setColFields,\n    setValues,\n    panelWidth = 224,\n}: PivotPanelProps) {\n    const t = TEXT[lang];\n    const labelOf = (field: string) => fieldLabels[field] ?? field;\n    const isNumericField = (field: string) =>\n        numericFields.some((f) => f.field === field);\n\n    const [drag, setDrag] = useState<DragInfo | null>(null);\n    const [overZone, setOverZone] = useState<ZoneId | null>(null);\n    const ghostRef = useRef<HTMLDivElement | null>(null);\n    const pointerRef = useRef<{ x: number; y: number }>({ x: 0, y: 0 });\n    const dragging = drag != null;\n\n    // 拖拽期间用 window 级 `dragover` 直接更新 ghost 位置（ref 操作 DOM，不触发\n    // React 重渲染），坐标不进入 state，从根本上避免 chip 子树重挂载而卡死。\n    // 同时用 window 级 `dragend`/`drop` 兜底清除拖拽状态：放置后源 chip 常因状态\n    // 更新被移动/重建，其自身的 `onDragEnd` 可能不再触发，导致 ghost 残留。\n    useEffect(() => {\n        if (!dragging) return;\n        const positionGhost = () => {\n            const el = ghostRef.current;\n            if (!el) return;\n            el.style.transform = `translate(${pointerRef.current.x + 12}px, ${\n                pointerRef.current.y + 12\n            }px)`;\n        };\n        positionGhost();\n        const onWindowDragOver = (e: DragEvent) => {\n            if (e.clientX === 0 && e.clientY === 0) return;\n            pointerRef.current = { x: e.clientX, y: e.clientY };\n            positionGhost();\n        };\n        const clear = () => {\n            setDrag(null);\n            setOverZone(null);\n        };\n        window.addEventListener('dragover', onWindowDragOver);\n        window.addEventListener('dragend', clear);\n        window.addEventListener('drop', clear);\n        return () => {\n            window.removeEventListener('dragover', onWindowDragOver);\n            window.removeEventListener('dragend', clear);\n            window.removeEventListener('drop', clear);\n        };\n    }, [dragging]);\n\n    const usedDims = new Set<string>([...rowFields, ...colFields]);\n    const availableDims = dimensionFields.filter((f) => !usedDims.has(f.field));\n    const usedValues = new Set(values.map((v) => v.field));\n    const availableValues = numericFields.filter((f) => !usedValues.has(f.field));\n\n    const removeFromAll = (field: string) => {\n        setRowFields((prev) => prev.filter((x) => x !== field));\n        setColFields((prev) => prev.filter((x) => x !== field));\n        setValues((prev) => prev.filter((x) => x.field !== field));\n    };\n\n    /** 某个区域是否能接收当前正在拖拽的字段。 */\n    const zoneAccepts = (zone: ZoneId): boolean => {\n        if (!drag) return false;\n        if (zone === 'available') return true;\n        if (zone === 'values') return drag.numeric;\n        return !drag.numeric; // rows / cols 只接受维度字段\n    };\n\n    const dropTo = (zone: ZoneId, field: string) => {\n        const numeric = isNumericField(field);\n        if (zone === 'values') {\n            if (!numeric) return;\n            setRowFields((prev) => prev.filter((x) => x !== field));\n            setColFields((prev) => prev.filter((x) => x !== field));\n            setValues((prev) =>\n                prev.some((v) => v.field === field)\n                    ? prev\n                    : [...prev, { field, aggFn: 'sum' }],\n            );\n            return;\n        }\n        if (zone === 'rows' || zone === 'cols') {\n            if (numeric) return;\n            setValues((prev) => prev.filter((x) => x.field !== field));\n            if (zone === 'rows') {\n                setColFields((prev) => prev.filter((x) => x !== field));\n                setRowFields((prev) =>\n                    prev.includes(field) ? prev : [...prev, field],\n                );\n            } else {\n                setRowFields((prev) => prev.filter((x) => x !== field));\n                setColFields((prev) =>\n                    prev.includes(field) ? prev : [...prev, field],\n                );\n            }\n            return;\n        }\n        removeFromAll(field);\n    };\n\n    const onChipDragStart = (e: React.DragEvent, field: string) => {\n        e.dataTransfer.setData('text/plain', field);\n        e.dataTransfer.effectAllowed = 'move';\n        if (EMPTY_DRAG_IMAGE) {\n            e.dataTransfer.setDragImage(EMPTY_DRAG_IMAGE, 0, 0);\n        }\n        pointerRef.current = { x: e.clientX, y: e.clientY };\n        setDrag({\n            field,\n            label: labelOf(field),\n            numeric: isNumericField(field),\n        });\n    };\n\n    const onChipDragEnd = () => {\n        setDrag(null);\n        setOverZone(null);\n    };\n\n    const vertical = orientation === 'vertical';\n\n    // 渲染一个可拖拽的字段 chip（用渲染函数而非组件，避免重挂载）。\n    const renderChip = (\n        field: string,\n        opts?: { onRemove?: () => void; prefix?: React.ReactNode },\n    ) => (\n        <span\n            key={field}\n            draggable\n            onDragStart={(e) => onChipDragStart(e, field)}\n            onDragEnd={onChipDragEnd}\n            className={`badge badge-outline gap-1 items-center cursor-grab active:cursor-grabbing select-none ${\n                drag?.field === field ? 'opacity-40' : ''\n            }`}\n        >\n            {opts?.prefix}\n            {labelOf(field)}\n            {opts?.onRemove && (\n                <button\n                    type=\"button\"\n                    className=\"text-xs opacity-60 hover:opacity-100\"\n                    onClick={opts.onRemove}\n                    aria-label={t.remove}\n                >\n                    ✕\n                </button>\n            )}\n        </span>\n    );\n\n    // 渲染一个拖放区段（渲染函数，非组件）。\n    const renderZone = (\n        zone: ZoneId,\n        icon: string,\n        title: string,\n        children: React.ReactNode,\n    ) => {\n        const accepts = zoneAccepts(zone);\n        const isOver = overZone === zone;\n        const boxTone = drag\n            ? accepts\n                ? isOver\n                    ? 'border-primary border-solid bg-primary/10'\n                    : 'border-primary/60 border-dashed bg-primary/5'\n                : 'border-base-300 border-dashed opacity-40'\n            : 'border-base-300 border-dashed bg-base-100/50';\n        return (\n            <div\n                className={`flex flex-col gap-1 ${vertical ? 'w-full' : 'flex-1 min-w-40'}`}\n                onDragOver={(e) => {\n                    if (!accepts) return;\n                    e.preventDefault();\n                    e.dataTransfer.dropEffect = 'move';\n                    if (overZone !== zone) setOverZone(zone);\n                }}\n                onDragLeave={(e) => {\n                    // 仅当真正离开该区域（而非进入其子元素）时才清除高亮。\n                    if (e.currentTarget.contains(e.relatedTarget as Node)) return;\n                    if (overZone === zone) setOverZone(null);\n                }}\n                onDrop={(e) => {\n                    e.preventDefault();\n                    const field = e.dataTransfer.getData('text/plain');\n                    setOverZone(null);\n                    if (field) dropTo(zone, field);\n                }}\n            >\n                <span className=\"text-xs font-semibold opacity-60 flex items-center gap-1\">\n                    <span aria-hidden>{icon}</span>\n                    {title}\n                </span>\n                <div\n                    className={`flex flex-wrap gap-1 items-center content-start p-1.5 border rounded transition-colors ${\n                        vertical ? 'min-h-16' : 'min-h-9'\n                    } ${boxTone}`}\n                >\n                    {children}\n                </div>\n            </div>\n        );\n    };\n\n    const divider = vertical ? null : (\n        <div className=\"w-px bg-base-300 self-stretch\" />\n    );\n\n    return (\n        <>\n            <div\n                className={`gap-2 p-2 border border-base-300 rounded-box bg-base-200/40 ${\n                    vertical\n                        ? 'flex flex-col shrink-0 self-stretch overflow-auto'\n                        : 'w-full flex flex-wrap items-stretch'\n                }`}\n                style={\n                    vertical\n                        ? {\n                              width:\n                                  typeof panelWidth === 'number'\n                                      ? `${panelWidth}px`\n                                      : panelWidth,\n                          }\n                        : undefined\n                }\n            >\n                {renderZone(\n                    'available',\n                    '☷',\n                    t.available,\n                    <>\n                        {availableDims.length === 0 &&\n                            availableValues.length === 0 && (\n                                <span className=\"text-xs opacity-40\">\n                                    {t.empty}\n                                </span>\n                            )}\n                        {availableDims.map((f) => renderChip(f.field))}\n                        {availableValues.map((f) =>\n                            renderChip(f.field, {\n                                prefix: <span className=\"opacity-70\">#</span>,\n                            }),\n                        )}\n                    </>,\n                )}\n\n                {divider}\n\n                {renderZone(\n                    'rows',\n                    '≣',\n                    t.rowGroups,\n                    <>\n                        {rowFields.length === 0 && (\n                            <span className=\"text-xs opacity-40\">\n                                {t.dropHint}\n                            </span>\n                        )}\n                        {rowFields.map((field) =>\n                            renderChip(field, {\n                                onRemove: () => removeFromAll(field),\n                            }),\n                        )}\n                    </>,\n                )}\n\n                {divider}\n\n                {renderZone(\n                    'cols',\n                    '║',\n                    t.colGroups,\n                    <>\n                        {colFields.length === 0 && (\n                            <span className=\"text-xs opacity-40\">\n                                {t.dropHint}\n                            </span>\n                        )}\n                        {colFields.map((field) =>\n                            renderChip(field, {\n                                onRemove: () => removeFromAll(field),\n                            }),\n                        )}\n                    </>,\n                )}\n\n                {divider}\n\n                {renderZone(\n                    'values',\n                    'Σ',\n                    t.values,\n                    <>\n                        {values.length === 0 && (\n                            <span className=\"text-xs opacity-40\">\n                                {t.dropHint}\n                            </span>\n                        )}\n                        {values.map((v, i) => (\n                            <span\n                                key={`${v.field}:${i}`}\n                                draggable\n                                onDragStart={(e) => onChipDragStart(e, v.field)}\n                                onDragEnd={onChipDragEnd}\n                                className={`badge badge-outline gap-1 items-center cursor-grab active:cursor-grabbing select-none ${\n                                    drag?.field === v.field ? 'opacity-40' : ''\n                                }`}\n                            >\n                                <select\n                                    className=\"bg-transparent text-xs outline-none\"\n                                    value={v.aggFn}\n                                    // 防止在 select 上开始拖拽。\n                                    draggable={false}\n                                    onChange={(e) =>\n                                        setValues(\n                                            values.map((x, xi) =>\n                                                xi === i\n                                                    ? {\n                                                          ...x,\n                                                          aggFn: e.target\n                                                              .value as PivotAggFn,\n                                                      }\n                                                    : x,\n                                            ),\n                                        )\n                                    }\n                                >\n                                    {AGG_FNS.map((fn) => (\n                                        <option key={fn} value={fn}>\n                                            {fn}\n                                        </option>\n                                    ))}\n                                </select>\n                                <span>{labelOf(v.field)}</span>\n                                <button\n                                    type=\"button\"\n                                    className=\"text-xs opacity-60 hover:opacity-100\"\n                                    onClick={() =>\n                                        setValues(\n                                            values.filter((_, xi) => xi !== i),\n                                        )\n                                    }\n                                    aria-label={t.remove}\n                                >\n                                    ✕\n                                </button>\n                            </span>\n                        ))}\n                    </>,\n                )}\n            </div>\n\n            {/* 拖拽引用（ghost 预览）：跟随光标显示当前拖拽的字段。\n                位置由 window `dragover` 通过 ref 直接更新，不触发重渲染。 */}\n            {drag && (\n                <div\n                    ref={ghostRef}\n                    className=\"badge badge-primary gap-1 items-center shadow-lg pointer-events-none\"\n                    style={{\n                        position: 'fixed',\n                        left: 0,\n                        top: 0,\n                        zIndex: 2000,\n                        willChange: 'transform',\n                    }}\n                >\n                    {drag.numeric && <span className=\"opacity-80\">#</span>}\n                    {drag.label}\n                </div>\n            )}\n        </>\n    );\n}\n\nexport default PivotPanel;\n"],"mappings":"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"}
+{"version":3,"file":"PivotPanel.js","names":[],"sources":["../../../../src/components/pro/DataTable/PivotPanel.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react';\nimport type { PivotValue, PivotFieldLabels } from './PivotView';\nimport type { PivotAggFn } from './pivotEngine';\nimport type { PivotField } from './pivotExtension';\n\nconst AGG_FNS: PivotAggFn[] = ['sum', 'avg', 'count', 'min', 'max'];\n\n/** 面板内的区域标识。 */\ntype ZoneId = 'available' | 'rows' | 'cols' | 'values';\n\nconst TEXT = {\n    zh: {\n        available: '可用字段',\n        rowGroups: '行分组',\n        colGroups: '列分组',\n        values: '数值',\n        empty: '（无字段）',\n        dropHint: '拖拽字段到此',\n        remove: '移除',\n    },\n    en: {\n        available: 'Available',\n        rowGroups: 'Row Groups',\n        colGroups: 'Column Labels',\n        values: 'Values',\n        empty: '(no fields)',\n        dropHint: 'Drag fields here',\n        remove: 'Remove',\n    },\n} as const;\n\n/** 透明的 1x1 拖拽图，用于隐藏浏览器默认的拖拽影像（改用自定义 ghost）。 */\nconst EMPTY_DRAG_IMAGE =\n    typeof Image !== 'undefined'\n        ? (() => {\n              const img = new Image();\n              img.src =\n                  'data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==';\n              return img;\n          })()\n        : null;\n\nexport interface PivotPanelProps {\n    /** 面板排布方向：水平（工具栏下方）或垂直（表格左/右侧）。 */\n    orientation: 'horizontal' | 'vertical';\n    lang: 'zh' | 'en';\n    fieldLabels: PivotFieldLabels;\n    dimensionFields: PivotField[];\n    numericFields: PivotField[];\n    rowFields: string[];\n    colFields: string[];\n    values: PivotValue[];\n    setRowFields: React.Dispatch<React.SetStateAction<string[]>>;\n    setColFields: React.Dispatch<React.SetStateAction<string[]>>;\n    setValues: React.Dispatch<React.SetStateAction<PivotValue[]>>;\n    /**\n     * 垂直（左/右）面板的宽度。数字视为 px，字符串直接作为 CSS 宽度\n     * （如 `'20%'` / `'16rem'`）。仅在 `orientation='vertical'` 时生效，默认 224px。\n     */\n    panelWidth?: number | string;\n}\n\n/**\n * 当前拖拽的字段信息（低频变化：仅在拖拽开始 / 结束时更新，\n * 不含坐标，避免拖拽过程中高频 setState 导致 chip 重挂载而使拖拽卡死）。\n */\ninterface DragInfo {\n    field: string;\n    label: string;\n    numeric: boolean;\n}\n\n/**\n * ag-grid 风格的透视配置面板。\n *\n * 特性：\n *  - 支持水平（`horizontal`）与垂直（`vertical`）两种排布，后者用于表格左/右侧。\n *  - 拖拽字段时显示跟随光标的「拖拽引用」（ghost 预览），并高亮可放置的目标区域。\n *\n * 关键实现：拖拽期间**不** setState 更新坐标，而是用 ref 直接改写 ghost 的\n * transform；`Chip`/`Zone` 用渲染函数而非内联组件，避免每次渲染都被 React\n * 当作新组件类型而卸载重挂载（那会中断浏览器原生拖拽，导致卡死）。\n */\nexport function PivotPanel({\n    orientation,\n    lang,\n    fieldLabels,\n    dimensionFields,\n    numericFields,\n    rowFields,\n    colFields,\n    values,\n    setRowFields,\n    setColFields,\n    setValues,\n    panelWidth = 224,\n}: PivotPanelProps) {\n    const t = TEXT[lang];\n    const labelOf = (field: string) => fieldLabels[field] ?? field;\n    const isNumericField = (field: string) =>\n        numericFields.some((f) => f.field === field);\n\n    const [drag, setDrag] = useState<DragInfo | null>(null);\n    const [overZone, setOverZone] = useState<ZoneId | null>(null);\n    const ghostRef = useRef<HTMLDivElement | null>(null);\n    const pointerRef = useRef<{ x: number; y: number }>({ x: 0, y: 0 });\n    const dragging = drag != null;\n\n    // 拖拽期间用 window 级 `dragover` 直接更新 ghost 位置（ref 操作 DOM，不触发\n    // React 重渲染），坐标不进入 state，从根本上避免 chip 子树重挂载而卡死。\n    // 同时用 window 级 `dragend`/`drop` 兜底清除拖拽状态：放置后源 chip 常因状态\n    // 更新被移动/重建，其自身的 `onDragEnd` 可能不再触发，导致 ghost 残留。\n    useEffect(() => {\n        if (!dragging) return;\n        const positionGhost = () => {\n            const el = ghostRef.current;\n            if (!el) return;\n            el.style.transform = `translate(${pointerRef.current.x + 12}px, ${\n                pointerRef.current.y + 12\n            }px)`;\n        };\n        positionGhost();\n        const onWindowDragOver = (e: DragEvent) => {\n            if (e.clientX === 0 && e.clientY === 0) return;\n            pointerRef.current = { x: e.clientX, y: e.clientY };\n            positionGhost();\n        };\n        const clear = () => {\n            setDrag(null);\n            setOverZone(null);\n        };\n        window.addEventListener('dragover', onWindowDragOver);\n        window.addEventListener('dragend', clear);\n        window.addEventListener('drop', clear);\n        return () => {\n            window.removeEventListener('dragover', onWindowDragOver);\n            window.removeEventListener('dragend', clear);\n            window.removeEventListener('drop', clear);\n        };\n    }, [dragging]);\n\n    const usedDims = new Set<string>([...rowFields, ...colFields]);\n    const availableDims = dimensionFields.filter((f) => !usedDims.has(f.field));\n    const usedValues = new Set(values.map((v) => v.field));\n    const availableValues = numericFields.filter((f) => !usedValues.has(f.field));\n\n    const removeFromAll = (field: string) => {\n        setRowFields((prev) => prev.filter((x) => x !== field));\n        setColFields((prev) => prev.filter((x) => x !== field));\n        setValues((prev) => prev.filter((x) => x.field !== field));\n    };\n\n    /** 某个区域是否能接收当前正在拖拽的字段。 */\n    const zoneAccepts = (zone: ZoneId): boolean => {\n        if (!drag) return false;\n        if (zone === 'available') return true;\n        if (zone === 'values') return drag.numeric;\n        return !drag.numeric; // rows / cols 只接受维度字段\n    };\n\n    const dropTo = (zone: ZoneId, field: string) => {\n        const numeric = isNumericField(field);\n        if (zone === 'values') {\n            if (!numeric) return;\n            setRowFields((prev) => prev.filter((x) => x !== field));\n            setColFields((prev) => prev.filter((x) => x !== field));\n            setValues((prev) =>\n                prev.some((v) => v.field === field)\n                    ? prev\n                    : [...prev, { field, aggFn: 'sum' }],\n            );\n            return;\n        }\n        if (zone === 'rows' || zone === 'cols') {\n            if (numeric) return;\n            setValues((prev) => prev.filter((x) => x.field !== field));\n            if (zone === 'rows') {\n                setColFields((prev) => prev.filter((x) => x !== field));\n                setRowFields((prev) =>\n                    prev.includes(field) ? prev : [...prev, field],\n                );\n            } else {\n                setRowFields((prev) => prev.filter((x) => x !== field));\n                setColFields((prev) =>\n                    prev.includes(field) ? prev : [...prev, field],\n                );\n            }\n            return;\n        }\n        removeFromAll(field);\n    };\n\n    const onChipDragStart = (e: React.DragEvent, field: string) => {\n        e.dataTransfer.setData('text/plain', field);\n        e.dataTransfer.effectAllowed = 'move';\n        if (EMPTY_DRAG_IMAGE) {\n            e.dataTransfer.setDragImage(EMPTY_DRAG_IMAGE, 0, 0);\n        }\n        pointerRef.current = { x: e.clientX, y: e.clientY };\n        setDrag({\n            field,\n            label: labelOf(field),\n            numeric: isNumericField(field),\n        });\n    };\n\n    const onChipDragEnd = () => {\n        setDrag(null);\n        setOverZone(null);\n    };\n\n    const vertical = orientation === 'vertical';\n\n    // 渲染一个可拖拽的字段 chip（用渲染函数而非组件，避免重挂载）。\n    const renderChip = (\n        field: string,\n        opts?: { onRemove?: () => void; prefix?: React.ReactNode },\n    ) => (\n        <span\n            key={field}\n            draggable\n            onDragStart={(e) => onChipDragStart(e, field)}\n            onDragEnd={onChipDragEnd}\n            className={`badge badge-outline gap-1 items-center cursor-grab active:cursor-grabbing select-none ${\n                drag?.field === field ? 'opacity-40' : ''\n            }`}\n        >\n            {opts?.prefix}\n            {labelOf(field)}\n            {opts?.onRemove && (\n                <button\n                    type=\"button\"\n                    className=\"text-xs opacity-60 hover:opacity-100\"\n                    onClick={opts.onRemove}\n                    aria-label={t.remove}\n                >\n                    ✕\n                </button>\n            )}\n        </span>\n    );\n\n    // 渲染一个拖放区段（渲染函数，非组件）。\n    const renderZone = (\n        zone: ZoneId,\n        icon: string,\n        title: string,\n        children: React.ReactNode,\n    ) => {\n        const accepts = zoneAccepts(zone);\n        const isOver = overZone === zone;\n        const boxTone = drag\n            ? accepts\n                ? isOver\n                    ? 'border-primary border-solid bg-primary/10'\n                    : 'border-primary/60 border-dashed bg-primary/5'\n                : 'border-base-300 border-dashed opacity-40'\n            : 'border-base-300 border-dashed bg-base-100/50';\n        return (\n            <div\n                className={`flex flex-col gap-1 ${vertical ? 'w-full' : 'flex-1 min-w-40'}`}\n                onDragOver={(e) => {\n                    if (!accepts) return;\n                    e.preventDefault();\n                    e.dataTransfer.dropEffect = 'move';\n                    if (overZone !== zone) setOverZone(zone);\n                }}\n                onDragLeave={(e) => {\n                    // 仅当真正离开该区域（而非进入其子元素）时才清除高亮。\n                    if (e.currentTarget.contains(e.relatedTarget as Node)) return;\n                    if (overZone === zone) setOverZone(null);\n                }}\n                onDrop={(e) => {\n                    e.preventDefault();\n                    const field = e.dataTransfer.getData('text/plain');\n                    setOverZone(null);\n                    if (field) dropTo(zone, field);\n                }}\n            >\n                <span className=\"text-xs font-semibold opacity-60 flex items-center gap-1\">\n                    <span aria-hidden>{icon}</span>\n                    {title}\n                </span>\n                <div\n                    className={`flex flex-wrap gap-1 items-center content-start p-1.5 border rounded transition-colors ${\n                        vertical ? 'min-h-16' : 'min-h-9'\n                    } ${boxTone}`}\n                >\n                    {children}\n                </div>\n            </div>\n        );\n    };\n\n    const divider = vertical ? null : (\n        <div className=\"w-px bg-base-300 self-stretch\" />\n    );\n\n    return (\n        <>\n            <div\n                className={`gap-2 p-2 border border-base-300 rounded-box bg-base-200/40 ${\n                    vertical\n                        ? 'flex flex-col shrink-0 self-stretch overflow-auto'\n                        : 'w-full flex flex-wrap items-stretch'\n                }`}\n                style={\n                    vertical\n                        ? {\n                              width:\n                                  typeof panelWidth === 'number'\n                                      ? `${panelWidth}px`\n                                      : panelWidth,\n                          }\n                        : undefined\n                }\n            >\n                {renderZone(\n                    'available',\n                    '☷',\n                    t.available,\n                    <>\n                        {availableDims.length === 0 &&\n                            availableValues.length === 0 && (\n                                <span className=\"text-xs opacity-40\">\n                                    {t.empty}\n                                </span>\n                            )}\n                        {availableDims.map((f) => renderChip(f.field))}\n                        {availableValues.map((f) =>\n                            renderChip(f.field, {\n                                prefix: <span className=\"opacity-70\">#</span>,\n                            }),\n                        )}\n                    </>,\n                )}\n\n                {divider}\n\n                {renderZone(\n                    'rows',\n                    '≣',\n                    t.rowGroups,\n                    <>\n                        {rowFields.length === 0 && (\n                            <span className=\"text-xs opacity-40\">\n                                {t.dropHint}\n                            </span>\n                        )}\n                        {rowFields.map((field) =>\n                            renderChip(field, {\n                                onRemove: () => removeFromAll(field),\n                            }),\n                        )}\n                    </>,\n                )}\n\n                {divider}\n\n                {renderZone(\n                    'cols',\n                    '║',\n                    t.colGroups,\n                    <>\n                        {colFields.length === 0 && (\n                            <span className=\"text-xs opacity-40\">\n                                {t.dropHint}\n                            </span>\n                        )}\n                        {colFields.map((field) =>\n                            renderChip(field, {\n                                onRemove: () => removeFromAll(field),\n                            }),\n                        )}\n                    </>,\n                )}\n\n                {divider}\n\n                {renderZone(\n                    'values',\n                    'Σ',\n                    t.values,\n                    <>\n                        {values.length === 0 && (\n                            <span className=\"text-xs opacity-40\">\n                                {t.dropHint}\n                            </span>\n                        )}\n                        {values.map((v, i) => (\n                            <span\n                                key={`${v.field}:${i}`}\n                                draggable\n                                onDragStart={(e) => onChipDragStart(e, v.field)}\n                                onDragEnd={onChipDragEnd}\n                                className={`badge badge-outline gap-1 items-center cursor-grab active:cursor-grabbing select-none ${\n                                    drag?.field === v.field ? 'opacity-40' : ''\n                                }`}\n                            >\n                                <select\n                                    className=\"bg-transparent text-xs outline-none\"\n                                    value={v.aggFn}\n                                    // 防止在 select 上开始拖拽。\n                                    draggable={false}\n                                    onChange={(e) =>\n                                        setValues(\n                                            values.map((x, xi) =>\n                                                xi === i\n                                                    ? {\n                                                          ...x,\n                                                          aggFn: e.target\n                                                              .value as PivotAggFn,\n                                                      }\n                                                    : x,\n                                            ),\n                                        )\n                                    }\n                                >\n                                    {AGG_FNS.map((fn) => (\n                                        <option key={fn} value={fn}>\n                                            {fn}\n                                        </option>\n                                    ))}\n                                </select>\n                                <span>{labelOf(v.field)}</span>\n                                <button\n                                    type=\"button\"\n                                    className=\"text-xs opacity-60 hover:opacity-100\"\n                                    onClick={() =>\n                                        setValues(\n                                            values.filter((_, xi) => xi !== i),\n                                        )\n                                    }\n                                    aria-label={t.remove}\n                                >\n                                    ✕\n                                </button>\n                            </span>\n                        ))}\n                    </>,\n                )}\n            </div>\n\n            {/* 拖拽引用（ghost 预览）：跟随光标显示当前拖拽的字段。\n                位置由 window `dragover` 通过 ref 直接更新，不触发重渲染。 */}\n            {drag && (\n                <div\n                    ref={ghostRef}\n                    className=\"badge badge-primary gap-1 items-center shadow-lg pointer-events-none\"\n                    style={{\n                        position: 'fixed',\n                        left: 0,\n                        top: 0,\n                        zIndex: 2000,\n                        willChange: 'transform',\n                    }}\n                >\n                    {drag.numeric && <span className=\"opacity-80\">#</span>}\n                    {drag.label}\n                </div>\n            )}\n        </>\n    );\n}\n\nexport default PivotPanel;\n"],"mappings":"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"}

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

@@ -1,149 +1,147 @@
-import t from "../../Table/index.js";
-import { computePivot as P } from "./pivotEngine.js";
-import { useMemo as W, useState as D } from "react";
-import { jsx as a, jsxs as s } from "react/jsx-runtime";
-var F = "
", H = {
-  sum: {
-    zh: "求和",
-    en: "Sum"
-  },
-  avg: {
-    zh: "平均",
-    en: "Avg"
-  },
-  count: {
-    zh: "计数",
-    en: "Count"
-  },
-  min: {
-    zh: "最小",
-    en: "Min"
-  },
-  max: {
-    zh: "最大",
-    en: "Max"
-  }
+import e from "../../Table/index.js";
+import { computePivot as t } from "./pivotEngine.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/PivotView.tsx
+var o = "
", s = {
+	sum: {
+		zh: "求和",
+		en: "Sum"
+	},
+	avg: {
+		zh: "平均",
+		en: "Avg"
+	},
+	count: {
+		zh: "计数",
+		en: "Count"
+	},
+	min: {
+		zh: "最小",
+		en: "Min"
+	},
+	max: {
+		zh: "最大",
+		en: "Max"
+	}
 };
-function A(m) {
-  return m == null ? "" : m.toLocaleString(void 0, { maximumFractionDigits: 2 });
+function c(e) {
+	return e == null ? "" : e.toLocaleString(void 0, { maximumFractionDigits: 2 });
 }
-function Q({ data: m, rowFields: g, colFields: b, values: p, fieldLabels: R = {}, lang: x = "zh", treeView: v = !0 }) {
-  const [M, T] = D({}), y = (e) => R[e] ?? e, B = (e) => H[e][x], f = W(() => (p.length ? p : [{
-    field: "",
-    aggFn: "count"
-  }]).map((e) => {
-    const n = {
-      rowFields: g,
-      colFields: b,
-      valueField: e.field,
-      aggFn: e.aggFn
-    };
-    return P(m, n);
-  }), [
-    m,
-    g,
-    b,
-    p
-  ]), h = f[0];
-  if (!h || g.length === 0) return /* @__PURE__ */ a("div", {
-    className: "p-8 text-center opacity-60",
-    children: x === "zh" ? "请至少配置一个行分组字段以启用透视视图。" : "Add at least one row group field to enable the pivot view."
-  });
-  const C = p.length ? p : [{
-    field: "",
-    aggFn: "count"
-  }], { rowKeys: V, colKeys: N, rowFields: S } = h, k = N.length, w = h.rowCounts, r = h.colFields.length > 0, L = v && S.length > 1 && h.rowTree.length > 0, $ = S.map(y).join(" / ") || "Group", j = r ? N : [[]], _ = (e) => T((n) => ({
-    ...n,
-    [e]: !n[e]
-  })), z = [];
-  if (L) {
-    const e = (c) => {
-      const l = /* @__PURE__ */ new Map(), i = (u) => {
-        for (const d of u)
-          l.set(d.key.join(F), d), d.children.length && i(d.children);
-      };
-      return i(c), l;
-    }, n = f.map((c) => e(c.rowTree)), o = (c) => {
-      for (const l of c) {
-        const i = l.key.join(F), u = l.children.length > 0, d = M[i] ?? l.depth === 0, E = n.map((G) => G.get(i)?.cells ?? []);
-        z.push({
-          keyStr: i,
-          label: l.label,
-          depth: l.depth,
-          count: l.count,
-          hasChildren: u,
-          open: d,
-          cellsByValue: E
-        }), u && d && o(l.children);
-      }
-    };
-    o(h.rowTree);
-  }
-  return /* @__PURE__ */ a("div", {
-    className: "overflow-auto border border-base-300 rounded-box",
-    children: /* @__PURE__ */ s(t, {
-      className: "table-sm w-full border-collapse",
-      children: [/* @__PURE__ */ s(t.Head, { children: [r && /* @__PURE__ */ s(t.Row, { children: [/* @__PURE__ */ a(t.Cell, {
-        className: "bg-base-200 font-semibold text-left align-bottom",
-        children: $
-      }), j.map((e, n) => /* @__PURE__ */ a(t.Cell, {
-        colSpan: C.length,
-        className: "bg-base-200 font-semibold text-center",
-        children: e.join(" / ")
-      }, n))] }), /* @__PURE__ */ s(t.Row, { children: [/* @__PURE__ */ a(t.Cell, {
-        className: "bg-base-200 font-semibold text-left",
-        children: r ? "" : $
-      }), j.map((e, n) => C.map((o) => /* @__PURE__ */ s(t.Cell, {
-        className: "bg-base-200 font-semibold text-right",
-        children: [B(o.aggFn), o.field ? `(${y(o.field)})` : ""]
-      }, `${n}:${o.field}:${o.aggFn}`)))] })] }), /* @__PURE__ */ a(t.Body, { children: L ? z.map((e) => /* @__PURE__ */ s(t.Row, { children: [/* @__PURE__ */ a(t.Cell, {
-        style: { paddingLeft: e.depth * 16 + 8 },
-        children: /* @__PURE__ */ s("span", {
-          className: "inline-flex items-center gap-1",
-          style: { cursor: e.hasChildren ? "pointer" : "default" },
-          onClick: () => e.hasChildren && _(e.keyStr),
-          children: [
-            /* @__PURE__ */ a("span", {
-              "aria-hidden": !0,
-              className: "inline-block w-3 text-xs opacity-60",
-              children: e.hasChildren ? e.open ? "▾" : "▸" : ""
-            }),
-            /* @__PURE__ */ a("span", {
-              style: { fontWeight: e.depth === 0 ? 600 : 400 },
-              children: e.label
-            }),
-            /* @__PURE__ */ s("span", {
-              className: "opacity-50",
-              children: [
-                " ",
-                "(",
-                e.count.toLocaleString(),
-                ")"
-              ]
-            })
-          ]
-        })
-      }), Array.from({ length: r ? k : 1 }).map((n, o) => e.cellsByValue.map((c, l) => /* @__PURE__ */ a(t.Cell, {
-        className: "text-right tabular-nums",
-        children: A(c[r ? o : 0] ?? null)
-      }, `${o}:${l}`)))] }, e.keyStr)) : V.map((e, n) => /* @__PURE__ */ s(t.Row, { children: [/* @__PURE__ */ s(t.Cell, { children: [e.join(" / "), w[n] != null && /* @__PURE__ */ s("span", {
-        className: "opacity-50",
-        children: [
-          " ",
-          "(",
-          w[n].toLocaleString(),
-          ")"
-        ]
-      })] }), Array.from({ length: r ? k : 1 }).map((o, c) => f.map((l, i) => /* @__PURE__ */ a(t.Cell, {
-        className: "text-right tabular-nums",
-        children: A(l.matrix[n]?.[r ? c : 0] ?? null)
-      }, `${c}:${i}`)))] }, n)) })]
-    })
-  });
+function l({ data: l, rowFields: u, colFields: d, values: f, fieldLabels: p = {}, lang: m = "zh", treeView: h = !0 }) {
+	let [g, _] = r({}), v = (e) => p[e] ?? e, y = (e) => s[e][m], b = n(() => (f.length ? f : [{
+		field: "",
+		aggFn: "count"
+	}]).map((e) => {
+		let n = {
+			rowFields: u,
+			colFields: d,
+			valueField: e.field,
+			aggFn: e.aggFn
+		};
+		return t(l, n);
+	}), [
+		l,
+		u,
+		d,
+		f
+	]), x = b[0];
+	if (!x || u.length === 0) return /* @__PURE__ */ i("div", {
+		className: "p-8 text-center opacity-60",
+		children: m === "zh" ? "请至少配置一个行分组字段以启用透视视图。" : "Add at least one row group field to enable the pivot view."
+	});
+	let S = f.length ? f : [{
+		field: "",
+		aggFn: "count"
+	}], { rowKeys: C, colKeys: w, rowFields: T } = x, E = w.length, D = x.rowCounts, O = x.colFields.length > 0, k = h && T.length > 1 && x.rowTree.length > 0, A = T.map(v).join(" / ") || "Group", j = O ? w : [[]], M = (e) => _((t) => ({
+		...t,
+		[e]: !t[e]
+	})), N = [];
+	if (k) {
+		let e = (e) => {
+			let t = /* @__PURE__ */ new Map(), n = (e) => {
+				for (let r of e) t.set(r.key.join(o), r), r.children.length && n(r.children);
+			};
+			return n(e), t;
+		}, t = b.map((t) => e(t.rowTree)), n = (e) => {
+			for (let r of e) {
+				let e = r.key.join(o), i = r.children.length > 0, a = g[e] ?? r.depth === 0, s = t.map((t) => t.get(e)?.cells ?? []);
+				N.push({
+					keyStr: e,
+					label: r.label,
+					depth: r.depth,
+					count: r.count,
+					hasChildren: i,
+					open: a,
+					cellsByValue: s
+				}), i && a && n(r.children);
+			}
+		};
+		n(x.rowTree);
+	}
+	return /* @__PURE__ */ i("div", {
+		className: "overflow-auto border border-base-300 rounded-box",
+		children: /* @__PURE__ */ a(e, {
+			className: "table-sm w-full border-collapse",
+			children: [/* @__PURE__ */ a(e.Head, { children: [O && /* @__PURE__ */ a(e.Row, { children: [/* @__PURE__ */ i(e.Cell, {
+				className: "bg-base-200 font-semibold text-left align-bottom",
+				children: A
+			}), j.map((t, n) => /* @__PURE__ */ i(e.Cell, {
+				colSpan: S.length,
+				className: "bg-base-200 font-semibold text-center",
+				children: t.join(" / ")
+			}, n))] }), /* @__PURE__ */ a(e.Row, { children: [/* @__PURE__ */ i(e.Cell, {
+				className: "bg-base-200 font-semibold text-left",
+				children: O ? "" : A
+			}), j.map((t, n) => S.map((t) => /* @__PURE__ */ a(e.Cell, {
+				className: "bg-base-200 font-semibold text-right",
+				children: [y(t.aggFn), t.field ? `(${v(t.field)})` : ""]
+			}, `${n}:${t.field}:${t.aggFn}`)))] })] }), /* @__PURE__ */ i(e.Body, { children: k ? N.map((t) => /* @__PURE__ */ a(e.Row, { children: [/* @__PURE__ */ i(e.Cell, {
+				style: { paddingLeft: t.depth * 16 + 8 },
+				children: /* @__PURE__ */ a("span", {
+					className: "inline-flex items-center gap-1",
+					style: { cursor: t.hasChildren ? "pointer" : "default" },
+					onClick: () => t.hasChildren && M(t.keyStr),
+					children: [
+						/* @__PURE__ */ i("span", {
+							"aria-hidden": !0,
+							className: "inline-block w-3 text-xs opacity-60",
+							children: t.hasChildren ? t.open ? "▾" : "▸" : ""
+						}),
+						/* @__PURE__ */ i("span", {
+							style: { fontWeight: t.depth === 0 ? 600 : 400 },
+							children: t.label
+						}),
+						/* @__PURE__ */ a("span", {
+							className: "opacity-50",
+							children: [
+								" ",
+								"(",
+								t.count.toLocaleString(),
+								")"
+							]
+						})
+					]
+				})
+			}), Array.from({ length: O ? E : 1 }).map((n, r) => t.cellsByValue.map((t, n) => /* @__PURE__ */ i(e.Cell, {
+				className: "text-right tabular-nums",
+				children: c(t[O ? r : 0] ?? null)
+			}, `${r}:${n}`)))] }, t.keyStr)) : C.map((t, n) => /* @__PURE__ */ a(e.Row, { children: [/* @__PURE__ */ a(e.Cell, { children: [t.join(" / "), D[n] != null && /* @__PURE__ */ a("span", {
+				className: "opacity-50",
+				children: [
+					" ",
+					"(",
+					D[n].toLocaleString(),
+					")"
+				]
+			})] }), Array.from({ length: O ? E : 1 }).map((t, r) => b.map((t, a) => /* @__PURE__ */ i(e.Cell, {
+				className: "text-right tabular-nums",
+				children: c(t.matrix[n]?.[O ? r : 0] ?? null)
+			}, `${r}:${a}`)))] }, n)) })]
+		})
+	});
 }
-export {
-  Q as PivotView,
-  Q as default
-};
+//#endregion
+export { l as PivotView, l as default };
 
 //# sourceMappingURL=PivotView.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"PivotView.js","names":[],"sources":["../../../../src/components/pro/DataTable/PivotView.tsx"],"sourcesContent":["import React, { useMemo, useState } from 'react';\nimport Table from '../../Table';\nimport {\n    computePivot,\n    type PivotAggFn,\n    type PivotConfig,\n    type PivotResult,\n    type PivotRowNode,\n} from './pivotEngine';\n\nconst SEP = '\\u0001';\n\n/** 一个数值度量：字段 + 聚合函数。 */\nexport interface PivotValue {\n    field: string;\n    aggFn: PivotAggFn;\n}\n\n/** 字段的展示标签映射。 */\nexport type PivotFieldLabels = Record<string, string>;\n\nconst AGG_LABELS: Record<PivotAggFn, { zh: string; en: string }> = {\n    sum: { zh: '求和', en: 'Sum' },\n    avg: { zh: '平均', en: 'Avg' },\n    count: { zh: '计数', en: 'Count' },\n    min: { zh: '最小', en: 'Min' },\n    max: { zh: '最大', en: 'Max' },\n};\n\nfunction fmt(v: number | null): string {\n    if (v == null) return '';\n    return v.toLocaleString(undefined, { maximumFractionDigits: 2 });\n}\n\nexport interface PivotViewProps<T extends object> {\n    /** 全量数据（会在其之上进行客户端聚合）。 */\n    data: T[];\n    /** 行分组字段。 */\n    rowFields: string[];\n    /** 列分组字段。 */\n    colFields: string[];\n    /** 数值度量列表。 */\n    values: PivotValue[];\n    /** 字段展示标签。 */\n    fieldLabels?: PivotFieldLabels;\n    /** 语言（影响聚合函数文案）。默认 'zh'。 */\n    lang?: 'zh' | 'en';\n    /** 是否以树形（可展开分组）方式展示多级行分组。默认 true。 */\n    treeView?: boolean;\n}\n\n/**\n * ag-grid 风格的透视（Pivot）交叉表视图。支持多级行分组、列分组交叉表、\n * 多个数值度量，以及树形分组的展开/折叠。\n */\nexport function PivotView<T extends object>({\n    data,\n    rowFields,\n    colFields,\n    values,\n    fieldLabels = {},\n    lang = 'zh',\n    treeView = true,\n}: PivotViewProps<T>) {\n    const [expanded, setExpanded] = useState<Record<string, boolean>>({});\n\n    const fieldLabel = (f: string) => fieldLabels[f] ?? f;\n    const aggLabel = (fn: PivotAggFn) => AGG_LABELS[fn][lang];\n\n    // 为每个数值度量分别计算一份透视结果。\n    const results: PivotResult[] = useMemo(() => {\n        const activeValues = values.length\n            ? values\n            : [{ field: '', aggFn: 'count' as PivotAggFn }];\n        return activeValues.map((v) => {\n            const config: PivotConfig = {\n                rowFields,\n                colFields,\n                valueField: v.field,\n                aggFn: v.aggFn,\n            };\n            return computePivot(data, config);\n        });\n    }, [data, rowFields, colFields, values]);\n\n    const primary = results[0];\n    if (!primary || rowFields.length === 0) {\n        return (\n            <div className=\"p-8 text-center opacity-60\">\n                {lang === 'zh'\n                    ? '请至少配置一个行分组字段以启用透视视图。'\n                    : 'Add at least one row group field to enable the pivot view.'}\n            </div>\n        );\n    }\n\n    const activeValues = values.length ? values : [{ field: '', aggFn: 'count' as PivotAggFn }];\n    const { rowKeys, colKeys, rowFields: rf } = primary;\n    const colCount = colKeys.length;\n    const rowCounts = primary.rowCounts;\n    const hasCols = primary.colFields.length > 0;\n    const treeMode = treeView && rf.length > 1 && primary.rowTree.length > 0;\n\n    const groupLabel = rf.map(fieldLabel).join(' / ') || 'Group';\n    const columns = hasCols ? colKeys : [[]];\n\n    const toggle = (nodeKey: string) =>\n        setExpanded((prev) => ({ ...prev, [nodeKey]: !prev[nodeKey] }));\n\n    // 树形模式：将树扁平化为可见行（尊重展开状态）。\n    interface VisibleRow {\n        keyStr: string;\n        label: string;\n        depth: number;\n        count: number;\n        hasChildren: boolean;\n        open: boolean;\n        cellsByValue: (number | null)[][];\n    }\n\n    const visibleRows: VisibleRow[] = [];\n    if (treeMode) {\n        const indexTree = (nodes: PivotRowNode[]): Map<string, PivotRowNode> => {\n            const map = new Map<string, PivotRowNode>();\n            const walk = (ns: PivotRowNode[]) => {\n                for (const n of ns) {\n                    map.set(n.key.join(SEP), n);\n                    if (n.children.length) walk(n.children);\n                }\n            };\n            walk(nodes);\n            return map;\n        };\n        const valueIndexes = results.map((r) => indexTree(r.rowTree));\n\n        const walk = (nodes: PivotRowNode[]) => {\n            for (const node of nodes) {\n                const keyStr = node.key.join(SEP);\n                const hasChildren = node.children.length > 0;\n                const open = expanded[keyStr] ?? node.depth === 0;\n                const cellsByValue = valueIndexes.map(\n                    (idx) => idx.get(keyStr)?.cells ?? [],\n                );\n                visibleRows.push({\n                    keyStr,\n                    label: node.label,\n                    depth: node.depth,\n                    count: node.count,\n                    hasChildren,\n                    open,\n                    cellsByValue,\n                });\n                if (hasChildren && open) walk(node.children);\n            }\n        };\n        walk(primary.rowTree);\n    }\n\n    return (\n        <div className=\"overflow-auto border border-base-300 rounded-box\">\n            <Table className=\"table-sm w-full border-collapse\">\n                <Table.Head>\n                    {/* 列分组标签行（交叉表） */}\n                    {hasCols && (\n                        <Table.Row>\n                            <Table.Cell className=\"bg-base-200 font-semibold text-left align-bottom\">\n                                {groupLabel}\n                            </Table.Cell>\n                            {columns.map((ck, ci) => (\n                                <Table.Cell\n                                    key={ci}\n                                    colSpan={activeValues.length}\n                                    className=\"bg-base-200 font-semibold text-center\"\n                                >\n                                    {ck.join(' / ')}\n                                </Table.Cell>\n                            ))}\n                        </Table.Row>\n                    )}\n                    {/* 度量表头行 */}\n                    <Table.Row>\n                        <Table.Cell className=\"bg-base-200 font-semibold text-left\">\n                            {hasCols ? '' : groupLabel}\n                        </Table.Cell>\n                        {columns.map((_, ci) =>\n                            activeValues.map((v) => (\n                                <Table.Cell\n                                    key={`${ci}:${v.field}:${v.aggFn}`}\n                                    className=\"bg-base-200 font-semibold text-right\"\n                                >\n                                    {aggLabel(v.aggFn)}\n                                    {v.field ? `(${fieldLabel(v.field)})` : ''}\n                                </Table.Cell>\n                            )),\n                        )}\n                    </Table.Row>\n                </Table.Head>\n                <Table.Body>\n                    {treeMode\n                        ? visibleRows.map((row) => (\n                              <Table.Row key={row.keyStr}>\n                                  <Table.Cell\n                                      style={{ paddingLeft: row.depth * 16 + 8 }}\n                                  >\n                                      <span\n                                          className=\"inline-flex items-center gap-1\"\n                                          style={{\n                                              cursor: row.hasChildren\n                                                  ? 'pointer'\n                                                  : 'default',\n                                          }}\n                                          onClick={() =>\n                                              row.hasChildren && toggle(row.keyStr)\n                                          }\n                                      >\n                                          <span\n                                              aria-hidden\n                                              className=\"inline-block w-3 text-xs opacity-60\"\n                                          >\n                                              {row.hasChildren\n                                                  ? row.open\n                                                      ? '▾'\n                                                      : '▸'\n                                                  : ''}\n                                          </span>\n                                          <span\n                                              style={{\n                                                  fontWeight:\n                                                      row.depth === 0 ? 600 : 400,\n                                              }}\n                                          >\n                                              {row.label}\n                                          </span>\n                                          <span className=\"opacity-50\">\n                                              {' '}\n                                              ({row.count.toLocaleString()})\n                                          </span>\n                                      </span>\n                                  </Table.Cell>\n                                  {Array.from({\n                                      length: hasCols ? colCount : 1,\n                                  }).map((_, ci) =>\n                                      row.cellsByValue.map((cells, vi) => (\n                                          <Table.Cell\n                                              key={`${ci}:${vi}`}\n                                              className=\"text-right tabular-nums\"\n                                          >\n                                              {fmt(cells[hasCols ? ci : 0] ?? null)}\n                                          </Table.Cell>\n                                      )),\n                                  )}\n                              </Table.Row>\n                          ))\n                        : rowKeys.map((rk, ri) => (\n                              <Table.Row key={ri}>\n                                  <Table.Cell>\n                                      {rk.join(' / ')}\n                                      {rowCounts[ri] != null && (\n                                          <span className=\"opacity-50\">\n                                              {' '}\n                                              ({rowCounts[ri].toLocaleString()})\n                                          </span>\n                                      )}\n                                  </Table.Cell>\n                                  {Array.from({\n                                      length: hasCols ? colCount : 1,\n                                  }).map((_, ci) =>\n                                      results.map((res, vi) => (\n                                          <Table.Cell\n                                              key={`${ci}:${vi}`}\n                                              className=\"text-right tabular-nums\"\n                                          >\n                                              {fmt(\n                                                  res.matrix[ri]?.[\n                                                      hasCols ? ci : 0\n                                                  ] ?? null,\n                                              )}\n                                          </Table.Cell>\n                                      )),\n                                  )}\n                              </Table.Row>\n                          ))}\n                </Table.Body>\n            </Table>\n        </div>\n    );\n}\n\nexport default PivotView;\n"],"mappings":"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"}
+{"version":3,"file":"PivotView.js","names":[],"sources":["../../../../src/components/pro/DataTable/PivotView.tsx"],"sourcesContent":["import React, { useMemo, useState } from 'react';\nimport Table from '../../Table';\nimport {\n    computePivot,\n    type PivotAggFn,\n    type PivotConfig,\n    type PivotResult,\n    type PivotRowNode,\n} from './pivotEngine';\n\nconst SEP = '\\u0001';\n\n/** 一个数值度量：字段 + 聚合函数。 */\nexport interface PivotValue {\n    field: string;\n    aggFn: PivotAggFn;\n}\n\n/** 字段的展示标签映射。 */\nexport type PivotFieldLabels = Record<string, string>;\n\nconst AGG_LABELS: Record<PivotAggFn, { zh: string; en: string }> = {\n    sum: { zh: '求和', en: 'Sum' },\n    avg: { zh: '平均', en: 'Avg' },\n    count: { zh: '计数', en: 'Count' },\n    min: { zh: '最小', en: 'Min' },\n    max: { zh: '最大', en: 'Max' },\n};\n\nfunction fmt(v: number | null): string {\n    if (v == null) return '';\n    return v.toLocaleString(undefined, { maximumFractionDigits: 2 });\n}\n\nexport interface PivotViewProps<T extends object> {\n    /** 全量数据（会在其之上进行客户端聚合）。 */\n    data: T[];\n    /** 行分组字段。 */\n    rowFields: string[];\n    /** 列分组字段。 */\n    colFields: string[];\n    /** 数值度量列表。 */\n    values: PivotValue[];\n    /** 字段展示标签。 */\n    fieldLabels?: PivotFieldLabels;\n    /** 语言（影响聚合函数文案）。默认 'zh'。 */\n    lang?: 'zh' | 'en';\n    /** 是否以树形（可展开分组）方式展示多级行分组。默认 true。 */\n    treeView?: boolean;\n}\n\n/**\n * ag-grid 风格的透视（Pivot）交叉表视图。支持多级行分组、列分组交叉表、\n * 多个数值度量，以及树形分组的展开/折叠。\n */\nexport function PivotView<T extends object>({\n    data,\n    rowFields,\n    colFields,\n    values,\n    fieldLabels = {},\n    lang = 'zh',\n    treeView = true,\n}: PivotViewProps<T>) {\n    const [expanded, setExpanded] = useState<Record<string, boolean>>({});\n\n    const fieldLabel = (f: string) => fieldLabels[f] ?? f;\n    const aggLabel = (fn: PivotAggFn) => AGG_LABELS[fn][lang];\n\n    // 为每个数值度量分别计算一份透视结果。\n    const results: PivotResult[] = useMemo(() => {\n        const activeValues = values.length\n            ? values\n            : [{ field: '', aggFn: 'count' as PivotAggFn }];\n        return activeValues.map((v) => {\n            const config: PivotConfig = {\n                rowFields,\n                colFields,\n                valueField: v.field,\n                aggFn: v.aggFn,\n            };\n            return computePivot(data, config);\n        });\n    }, [data, rowFields, colFields, values]);\n\n    const primary = results[0];\n    if (!primary || rowFields.length === 0) {\n        return (\n            <div className=\"p-8 text-center opacity-60\">\n                {lang === 'zh'\n                    ? '请至少配置一个行分组字段以启用透视视图。'\n                    : 'Add at least one row group field to enable the pivot view.'}\n            </div>\n        );\n    }\n\n    const activeValues = values.length ? values : [{ field: '', aggFn: 'count' as PivotAggFn }];\n    const { rowKeys, colKeys, rowFields: rf } = primary;\n    const colCount = colKeys.length;\n    const rowCounts = primary.rowCounts;\n    const hasCols = primary.colFields.length > 0;\n    const treeMode = treeView && rf.length > 1 && primary.rowTree.length > 0;\n\n    const groupLabel = rf.map(fieldLabel).join(' / ') || 'Group';\n    const columns = hasCols ? colKeys : [[]];\n\n    const toggle = (nodeKey: string) =>\n        setExpanded((prev) => ({ ...prev, [nodeKey]: !prev[nodeKey] }));\n\n    // 树形模式：将树扁平化为可见行（尊重展开状态）。\n    interface VisibleRow {\n        keyStr: string;\n        label: string;\n        depth: number;\n        count: number;\n        hasChildren: boolean;\n        open: boolean;\n        cellsByValue: (number | null)[][];\n    }\n\n    const visibleRows: VisibleRow[] = [];\n    if (treeMode) {\n        const indexTree = (nodes: PivotRowNode[]): Map<string, PivotRowNode> => {\n            const map = new Map<string, PivotRowNode>();\n            const walk = (ns: PivotRowNode[]) => {\n                for (const n of ns) {\n                    map.set(n.key.join(SEP), n);\n                    if (n.children.length) walk(n.children);\n                }\n            };\n            walk(nodes);\n            return map;\n        };\n        const valueIndexes = results.map((r) => indexTree(r.rowTree));\n\n        const walk = (nodes: PivotRowNode[]) => {\n            for (const node of nodes) {\n                const keyStr = node.key.join(SEP);\n                const hasChildren = node.children.length > 0;\n                const open = expanded[keyStr] ?? node.depth === 0;\n                const cellsByValue = valueIndexes.map(\n                    (idx) => idx.get(keyStr)?.cells ?? [],\n                );\n                visibleRows.push({\n                    keyStr,\n                    label: node.label,\n                    depth: node.depth,\n                    count: node.count,\n                    hasChildren,\n                    open,\n                    cellsByValue,\n                });\n                if (hasChildren && open) walk(node.children);\n            }\n        };\n        walk(primary.rowTree);\n    }\n\n    return (\n        <div className=\"overflow-auto border border-base-300 rounded-box\">\n            <Table className=\"table-sm w-full border-collapse\">\n                <Table.Head>\n                    {/* 列分组标签行（交叉表） */}\n                    {hasCols && (\n                        <Table.Row>\n                            <Table.Cell className=\"bg-base-200 font-semibold text-left align-bottom\">\n                                {groupLabel}\n                            </Table.Cell>\n                            {columns.map((ck, ci) => (\n                                <Table.Cell\n                                    key={ci}\n                                    colSpan={activeValues.length}\n                                    className=\"bg-base-200 font-semibold text-center\"\n                                >\n                                    {ck.join(' / ')}\n                                </Table.Cell>\n                            ))}\n                        </Table.Row>\n                    )}\n                    {/* 度量表头行 */}\n                    <Table.Row>\n                        <Table.Cell className=\"bg-base-200 font-semibold text-left\">\n                            {hasCols ? '' : groupLabel}\n                        </Table.Cell>\n                        {columns.map((_, ci) =>\n                            activeValues.map((v) => (\n                                <Table.Cell\n                                    key={`${ci}:${v.field}:${v.aggFn}`}\n                                    className=\"bg-base-200 font-semibold text-right\"\n                                >\n                                    {aggLabel(v.aggFn)}\n                                    {v.field ? `(${fieldLabel(v.field)})` : ''}\n                                </Table.Cell>\n                            )),\n                        )}\n                    </Table.Row>\n                </Table.Head>\n                <Table.Body>\n                    {treeMode\n                        ? visibleRows.map((row) => (\n                              <Table.Row key={row.keyStr}>\n                                  <Table.Cell\n                                      style={{ paddingLeft: row.depth * 16 + 8 }}\n                                  >\n                                      <span\n                                          className=\"inline-flex items-center gap-1\"\n                                          style={{\n                                              cursor: row.hasChildren\n                                                  ? 'pointer'\n                                                  : 'default',\n                                          }}\n                                          onClick={() =>\n                                              row.hasChildren && toggle(row.keyStr)\n                                          }\n                                      >\n                                          <span\n                                              aria-hidden\n                                              className=\"inline-block w-3 text-xs opacity-60\"\n                                          >\n                                              {row.hasChildren\n                                                  ? row.open\n                                                      ? '▾'\n                                                      : '▸'\n                                                  : ''}\n                                          </span>\n                                          <span\n                                              style={{\n                                                  fontWeight:\n                                                      row.depth === 0 ? 600 : 400,\n                                              }}\n                                          >\n                                              {row.label}\n                                          </span>\n                                          <span className=\"opacity-50\">\n                                              {' '}\n                                              ({row.count.toLocaleString()})\n                                          </span>\n                                      </span>\n                                  </Table.Cell>\n                                  {Array.from({\n                                      length: hasCols ? colCount : 1,\n                                  }).map((_, ci) =>\n                                      row.cellsByValue.map((cells, vi) => (\n                                          <Table.Cell\n                                              key={`${ci}:${vi}`}\n                                              className=\"text-right tabular-nums\"\n                                          >\n                                              {fmt(cells[hasCols ? ci : 0] ?? null)}\n                                          </Table.Cell>\n                                      )),\n                                  )}\n                              </Table.Row>\n                          ))\n                        : rowKeys.map((rk, ri) => (\n                              <Table.Row key={ri}>\n                                  <Table.Cell>\n                                      {rk.join(' / ')}\n                                      {rowCounts[ri] != null && (\n                                          <span className=\"opacity-50\">\n                                              {' '}\n                                              ({rowCounts[ri].toLocaleString()})\n                                          </span>\n                                      )}\n                                  </Table.Cell>\n                                  {Array.from({\n                                      length: hasCols ? colCount : 1,\n                                  }).map((_, ci) =>\n                                      results.map((res, vi) => (\n                                          <Table.Cell\n                                              key={`${ci}:${vi}`}\n                                              className=\"text-right tabular-nums\"\n                                          >\n                                              {fmt(\n                                                  res.matrix[ri]?.[\n                                                      hasCols ? ci : 0\n                                                  ] ?? null,\n                                              )}\n                                          </Table.Cell>\n                                      )),\n                                  )}\n                              </Table.Row>\n                          ))}\n                </Table.Body>\n            </Table>\n        </div>\n    );\n}\n\nexport default PivotView;\n"],"mappings":"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"}

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

@@ -1,46 +1,46 @@
-import { useAppContext as u } from "../../../../contexts/AppContext.js";
+import { useAppContext as e } from "../../../../contexts/AppContext.js";
 import "react";
-import { jsx as e, jsxs as s } from "react/jsx-runtime";
-function b({ bulkActions: r, rowSelection: o, data: d }) {
-  const { language: a } = u(), i = (n, t) => a === "zh" ? n : t;
-  return !r || r.length === 0 ? null : /* @__PURE__ */ e("div", {
-    className: "flex gap-2",
-    children: /* @__PURE__ */ s("div", {
-      className: "dropdown dropdown-end",
-      children: [/* @__PURE__ */ s("div", {
-        tabIndex: 0,
-        role: "button",
-        className: "btn btn-sm btn-primary",
-        children: [i("批量操作", "Bulk Actions"), /* @__PURE__ */ e("svg", {
-          xmlns: "http://www.w3.org/2000/svg",
-          className: "h-4 w-4 ml-1",
-          fill: "none",
-          viewBox: "0 0 24 24",
-          stroke: "currentColor",
-          children: /* @__PURE__ */ e("path", {
-            strokeLinecap: "round",
-            strokeLinejoin: "round",
-            strokeWidth: "2",
-            d: "M19 9l-7 7-7-7"
-          })
-        })]
-      }), /* @__PURE__ */ e("ul", {
-        tabIndex: 0,
-        className: "dropdown-content z-[1] menu p-2 shadow bg-base-100 rounded-box w-52",
-        children: r.map((n, t) => /* @__PURE__ */ e("li", { children: /* @__PURE__ */ e("a", {
-          onClick: () => {
-            const c = Object.keys(o).map((m) => d.find((l, p) => (l.id !== void 0 ? l.id.toString() : p.toString()) === m)).filter(Boolean);
-            n.onClick(o, c);
-          },
-          className: n.className,
-          children: n.label
-        }) }, t))
-      })]
-    })
-  });
+import { jsx as t, jsxs as n } from "react/jsx-runtime";
+//#region src/components/pro/DataTable/components/BulkActions.tsx
+function r({ bulkActions: r, rowSelection: i, data: a }) {
+	let { language: o } = e();
+	return !r || r.length === 0 ? null : /* @__PURE__ */ t("div", {
+		className: "flex gap-2",
+		children: /* @__PURE__ */ n("div", {
+			className: "dropdown dropdown-end",
+			children: [/* @__PURE__ */ n("div", {
+				tabIndex: 0,
+				role: "button",
+				className: "btn btn-sm btn-primary",
+				children: [((e, t) => o === "zh" ? e : t)("批量操作", "Bulk Actions"), /* @__PURE__ */ t("svg", {
+					xmlns: "http://www.w3.org/2000/svg",
+					className: "h-4 w-4 ml-1",
+					fill: "none",
+					viewBox: "0 0 24 24",
+					stroke: "currentColor",
+					children: /* @__PURE__ */ t("path", {
+						strokeLinecap: "round",
+						strokeLinejoin: "round",
+						strokeWidth: "2",
+						d: "M19 9l-7 7-7-7"
+					})
+				})]
+			}), /* @__PURE__ */ t("ul", {
+				tabIndex: 0,
+				className: "dropdown-content z-[1] menu p-2 shadow bg-base-100 rounded-box w-52",
+				children: r.map((e, n) => /* @__PURE__ */ t("li", { children: /* @__PURE__ */ t("a", {
+					onClick: () => {
+						let t = Object.keys(i).map((e) => a.find((t, n) => (t.id === void 0 ? n.toString() : t.id.toString()) === e)).filter(Boolean);
+						e.onClick(i, t);
+					},
+					className: e.className,
+					children: e.label
+				}) }, n))
+			})]
+		})
+	});
 }
-export {
-  b as BulkActions
-};
+//#endregion
+export { r as BulkActions };
 
 //# sourceMappingURL=BulkActions.js.map