react-resize-demo 2.0.1 → 2.0.3

package/CHANGELOG.md

@@ -5,6 +5,34 @@
 格式基于 [Keep a Changelog](https://keepachangelog.com/zh-CN/1.0.0/)，
 版本号遵循 [Semantic Versioning](https://semver.org/lang/zh-CN/)。
 
+## [2.0.3] - 2026-01-10
+
+### 🚀 性能优化
+
+- **代码压缩**
+  - 集成 `@rollup/plugin-terser` 进行代码压缩
+  - 自动移除 debugger 语句和注释
+  - 变量名压缩，减小打包体积
+  - 保留 source map 支持调试
+
+- **Tree-shaking 增强**
+  - 配置更激进的 tree-shaking 策略
+  - 使用 `smallest` 预设优化未使用代码移除
+  - 优化代码生成，使用 const 绑定提升 tree-shaking 效果
+  - 确保按需导入时只打包实际使用的代码
+
+### 📦 构建优化
+
+- **打包配置优化**
+  - 参考 Ant Design 的打包实践优化配置
+  - 确保所有模块都正确支持 tree-shaking
+  - 优化构建产物结构
+
+### 📚 文档
+
+- 新增 `OPTIMIZATION.md` 文档，详细记录性能优化项
+- 更新项目结构规范文档
+
 ## [2.0.0] - 2026-01-10
 
 ### 🎉 重大版本更新

package/README.md

@@ -14,6 +14,7 @@
 - ✅ **TypeScript**：完整的 TypeScript 类型支持
 - ✅ **模块化架构**：清晰的目录结构，支持按需导入
 - ✅ **Tree-shaking**：支持 Tree-shaking，减少打包体积
+- ✅ **代码压缩**：自动压缩代码，优化打包体积
 
 ## 📦 安装
 
@@ -339,6 +340,10 @@ import { ResizablePanel } from 'react-resize-demo/components/ResizePanel';
 
 查看 [CHANGELOG.md](./CHANGELOG.md) 了解详细的版本变更历史。
 
+## ⚡ 性能优化
+
+查看 [OPTIMIZATION.md](./OPTIMIZATION.md) 了解详细的性能优化措施和配置。
+
 ## 📄 License
 
 MIT

package/dist/components/ResizeHandle/index.js

@@ -1,92 +1,2 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-var resizeAble = require('../../utils/resizeAble.js');
-var context = require('../shared/context.js');
-
-const ResizeHandle = ({ prePanelIndex, nextPanelIndex, direction, }) => {
-    const handleRef = React.useRef(null);
-    const coreInstanceRef = React.useRef(null);
-    const { getPanelInfo, panelCount, virtualConfig } = context.useResizableContext();
-    React.useEffect(() => {
-        // 确保所需的面板索引都已注册
-        // 需要确保 nextPanelIndex 对应的面板已经注册（因为索引从0开始，所以需要 >= nextPanelIndex + 1）
-        if (panelCount <= nextPanelIndex || !handleRef.current) {
-            return;
-        }
-        const prePanelInfo = getPanelInfo(prePanelIndex);
-        const nextPanelInfo = getPanelInfo(nextPanelIndex);
-        if (!prePanelInfo || !nextPanelInfo)
-            return;
-        // 获取拖拽器的尺寸
-        const handleSize = handleRef.current
-            ? (direction === 'horizontal'
-                ? handleRef.current.offsetWidth
-                : handleRef.current.offsetHeight)
-            : (direction === 'horizontal' ? 10 : 10); // 默认10px
-        coreInstanceRef.current = new resizeAble.default({
-            prePanelEl: prePanelInfo.panelEl,
-            nextPanelEl: nextPanelInfo.panelEl,
-            getPanelInfo,
-            prePanelIndex,
-            nextPanelIndex,
-            direction,
-            virtualEnabled: virtualConfig.enabled || false,
-            virtualConfig: {
-                style: virtualConfig.style,
-                className: virtualConfig.className,
-            },
-            handleSize, // 传递拖拽器尺寸
-        });
-        // 将拖拽器的开始/移动/结束事件绑定至核心类
-        const handleEl = handleRef.current;
-        let isResizing = false;
-        let startPos = 0;
-        const startResize = (e) => {
-            e.preventDefault();
-            isResizing = true;
-            startPos = direction === 'horizontal' ? e.clientX : e.clientY;
-            if (coreInstanceRef.current) {
-                coreInstanceRef.current.startResize();
-            }
-        };
-        const onResizeMove = (e) => {
-            if (!isResizing || !coreInstanceRef.current)
-                return;
-            const currentPos = direction === 'horizontal' ? e.clientX : e.clientY;
-            const delta = currentPos - startPos;
-            coreInstanceRef.current.onResize(delta);
-        };
-        const endResize = () => {
-            if (isResizing && coreInstanceRef.current) {
-                isResizing = false;
-                coreInstanceRef.current.endResize();
-            }
-        };
-        handleEl.addEventListener('mousedown', startResize);
-        document.addEventListener('mousemove', onResizeMove);
-        document.addEventListener('mouseup', endResize);
-        return () => {
-            handleEl.removeEventListener('mousedown', startResize);
-            document.removeEventListener('mousemove', onResizeMove);
-            document.removeEventListener('mouseup', endResize);
-            if (coreInstanceRef.current) {
-                coreInstanceRef.current.destroy();
-            }
-        };
-    }, [prePanelIndex, nextPanelIndex, direction, getPanelInfo, panelCount, virtualConfig]);
-    const isHorizontal = direction === 'horizontal';
-    return (jsxRuntime.jsx("div", { ref: handleRef, style: {
-            position: 'relative',
-            width: isHorizontal ? '10px' : '100%',
-            height: isHorizontal ? '100%' : '10px',
-            backgroundColor: '#000',
-            cursor: isHorizontal ? 'ew-resize' : 'ns-resize',
-            zIndex: 1000,
-            flexShrink: 0,
-        } }));
-};
-
-exports.ResizeHandle = ResizeHandle;
+"use strict";const e=require("react/jsx-runtime"),n=require("react"),t=require("../../utils/resizeAble.js"),r=require("../shared/context.js");exports.ResizeHandle=({prePanelIndex:s,nextPanelIndex:o,direction:u})=>{const i=n.useRef(null),l=n.useRef(null),{getPanelInfo:c,panelCount:a,virtualConfig:d}=r.useResizableContext();n.useEffect(()=>{if(a<=o||!i.current)return;const e=c(s),n=c(o);if(!e||!n)return;const r=i.current?"horizontal"===u?i.current.offsetWidth:i.current.offsetHeight:10;l.current=new t.default({prePanelEl:e.panelEl,nextPanelEl:n.panelEl,getPanelInfo:c,prePanelIndex:s,nextPanelIndex:o,direction:u,virtualEnabled:d.enabled||!1,virtualConfig:{style:d.style,className:d.className},handleSize:r});const f=i.current;let m=!1,v=0;const x=e=>{e.preventDefault(),m=!0,v="horizontal"===u?e.clientX:e.clientY,l.current&&l.current.startResize()},z=e=>{if(!m||!l.current)return;const n=("horizontal"===u?e.clientX:e.clientY)-v;l.current.onResize(n)},p=()=>{m&&l.current&&(m=!1,l.current.endResize())};return f.addEventListener("mousedown",x),document.addEventListener("mousemove",z),document.addEventListener("mouseup",p),()=>{f.removeEventListener("mousedown",x),document.removeEventListener("mousemove",z),document.removeEventListener("mouseup",p),l.current&&l.current.destroy()}},[s,o,u,c,a,d]);const f="horizontal"===u;return e.jsx("div",{ref:i,style:{position:"relative",width:f?"10px":"100%",height:f?"100%":"10px",backgroundColor:"#000",cursor:f?"ew-resize":"ns-resize",zIndex:1e3,flexShrink:0}})};
 //# sourceMappingURL=index.js.map

package/dist/components/ResizeHandle/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/ResizeHandle/index.tsx"],"sourcesContent":["/**\r\n * 拖拽手柄组件\r\n * 负责处理面板之间的拖拽调整功能\r\n */\r\nimport React, { useRef, useEffect } from 'react';\r\nimport ResizeAbleCore from '../../utils/resizeAble';\r\nimport { useResizableContext } from '../shared/context';\r\nimport { ResizeDirection } from '../../types';\r\n\r\nexport interface ResizeHandleProps {\r\n    prePanelIndex: number;\r\n    nextPanelIndex: number;\r\n    direction: ResizeDirection;\r\n}\r\n\r\nexport const ResizeHandle: React.FC<ResizeHandleProps> = ({\r\n    prePanelIndex,\r\n    nextPanelIndex,\r\n    direction,\r\n}) => {\r\n    const handleRef = useRef<HTMLDivElement>(null);\r\n    const coreInstanceRef = useRef<InstanceType<typeof ResizeAbleCore> | null>(null);\r\n    const { getPanelInfo, panelCount, virtualConfig } = useResizableContext();\r\n\r\n    useEffect(() => {\r\n        // 确保所需的面板索引都已注册\r\n        // 需要确保 nextPanelIndex 对应的面板已经注册（因为索引从0开始，所以需要 >= nextPanelIndex + 1）\r\n        if (panelCount <= nextPanelIndex || !handleRef.current) {\r\n            return;\r\n        }\r\n        \r\n        const prePanelInfo = getPanelInfo(prePanelIndex);\r\n        const nextPanelInfo = getPanelInfo(nextPanelIndex);\r\n        if(!prePanelInfo || !nextPanelInfo) return;\r\n        \r\n        // 获取拖拽器的尺寸\r\n        const handleSize = handleRef.current \r\n            ? (direction === 'horizontal' \r\n                ? handleRef.current.offsetWidth \r\n                : handleRef.current.offsetHeight)\r\n            : (direction === 'horizontal' ? 10 : 10); // 默认10px\r\n        \r\n        coreInstanceRef.current = new ResizeAbleCore({\r\n            prePanelEl: prePanelInfo.panelEl,\r\n            nextPanelEl: nextPanelInfo.panelEl,\r\n            getPanelInfo,\r\n            prePanelIndex,\r\n            nextPanelIndex,\r\n            direction,\r\n            virtualEnabled: virtualConfig.enabled || false,\r\n            virtualConfig: {\r\n                style: virtualConfig.style,\r\n                className: virtualConfig.className,\r\n            },\r\n            handleSize, // 传递拖拽器尺寸\r\n        });\r\n\r\n        // 将拖拽器的开始/移动/结束事件绑定至核心类\r\n        const handleEl = handleRef.current;\r\n        let isResizing = false;\r\n        let startPos = 0;\r\n\r\n        const startResize = (e: MouseEvent) => {\r\n            e.preventDefault();\r\n            isResizing = true;\r\n            startPos = direction === 'horizontal' ? e.clientX : e.clientY;\r\n            if (coreInstanceRef.current) {\r\n                coreInstanceRef.current.startResize();\r\n            }\r\n        };\r\n        \r\n        const onResizeMove = (e: MouseEvent) => {\r\n            if(!isResizing || !coreInstanceRef.current) return;\r\n            const currentPos = direction === 'horizontal' ? e.clientX : e.clientY;\r\n            const delta = currentPos - startPos;\r\n            coreInstanceRef.current.onResize(delta);\r\n        };\r\n        \r\n        const endResize = () => {\r\n            if(isResizing && coreInstanceRef.current) {\r\n                isResizing = false;\r\n                coreInstanceRef.current.endResize();\r\n            }\r\n        }\r\n        \r\n        handleEl.addEventListener('mousedown', startResize);\r\n        document.addEventListener('mousemove', onResizeMove);\r\n        document.addEventListener('mouseup', endResize);\r\n        \r\n        return () => {\r\n            handleEl.removeEventListener('mousedown', startResize);\r\n            document.removeEventListener('mousemove', onResizeMove);\r\n            document.removeEventListener('mouseup', endResize);\r\n            if(coreInstanceRef.current) {\r\n                coreInstanceRef.current.destroy();\r\n            }\r\n        }\r\n    }, [prePanelIndex, nextPanelIndex, direction, getPanelInfo, panelCount, virtualConfig]);\r\n\r\n    const isHorizontal = direction === 'horizontal';\r\n    return (\r\n        <div\r\n            ref={handleRef}\r\n            style={{\r\n                position: 'relative',\r\n                width: isHorizontal ? '10px' : '100%',\r\n                height: isHorizontal ? '100%' : '10px',\r\n                backgroundColor: '#000',\r\n                cursor: isHorizontal ? 'ew-resize' : 'ns-resize',\r\n                zIndex: 1000,\r\n                flexShrink: 0,\r\n            }}\r\n        />\r\n    )\r\n};\r\n\r\n"],"names":["useRef","useResizableContext","useEffect","ResizeAbleCore","_jsx"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../src/components/ResizeHandle/index.tsx"],"sourcesContent":[null],"names":["prePanelIndex","nextPanelIndex","direction","handleRef","useRef","coreInstanceRef","getPanelInfo","panelCount","virtualConfig","useResizableContext","useEffect","current","prePanelInfo","nextPanelInfo","handleSize","offsetWidth","offsetHeight","ResizeAbleCore","prePanelEl","panelEl","nextPanelEl","virtualEnabled","enabled","style","className","handleEl","isResizing","startPos","startResize","e","preventDefault","clientX","clientY","onResizeMove","delta","onResize","endResize","addEventListener","document","removeEventListener","destroy","isHorizontal","_jsx","ref","position","width","height","backgroundColor","cursor","zIndex","flexShrink"],"mappings":"mKAeyD,EACrDA,gBACAC,iBACAC,gBAEA,MAAMC,EAAYC,EAAAA,OAAuB,MACnCC,EAAkBD,EAAAA,OAAmD,OACrEE,aAAEA,EAAYC,WAAEA,EAAUC,cAAEA,GAAkBC,EAAAA,sBAEpDC,EAAAA,UAAU,KAGN,GAAIH,GAAcN,IAAmBE,EAAUQ,QAC3C,OAGJ,MAAMC,EAAeN,EAAaN,GAC5Ba,EAAgBP,EAAaL,GACnC,IAAIW,IAAiBC,EAAe,OAGpC,MAAMC,EAAaX,EAAUQ,QACR,eAAdT,EACGC,EAAUQ,QAAQI,YAClBZ,EAAUQ,QAAQK,aACQ,GAEpCX,EAAgBM,QAAU,IAAIM,UAAe,CACzCC,WAAYN,EAAaO,QACzBC,YAAaP,EAAcM,QAC3Bb,eACAN,gBACAC,iBACAC,YACAmB,eAAgBb,EAAcc,UAAW,EACzCd,cAAe,CACXe,MAAOf,EAAce,MACrBC,UAAWhB,EAAcgB,WAE7BV,eAIJ,MAAMW,EAAWtB,EAAUQ,QAC3B,IAAIe,GAAa,EACbC,EAAW,EAEf,MAAMC,EAAeC,IACjBA,EAAEC,iBACFJ,GAAa,EACbC,EAAyB,eAAdzB,EAA6B2B,EAAEE,QAAUF,EAAEG,QAClD3B,EAAgBM,SAChBN,EAAgBM,QAAQiB,eAI1BK,EAAgBJ,IAClB,IAAIH,IAAerB,EAAgBM,QAAS,OAC5C,MACMuB,GAD2B,eAAdhC,EAA6B2B,EAAEE,QAAUF,EAAEG,SACnCL,EAC3BtB,EAAgBM,QAAQwB,SAASD,IAG/BE,EAAY,KACXV,GAAcrB,EAAgBM,UAC7Be,GAAa,EACbrB,EAAgBM,QAAQyB,cAQhC,OAJAX,EAASY,iBAAiB,YAAaT,GACvCU,SAASD,iBAAiB,YAAaJ,GACvCK,SAASD,iBAAiB,UAAWD,GAE9B,KACHX,EAASc,oBAAoB,YAAaX,GAC1CU,SAASC,oBAAoB,YAAaN,GAC1CK,SAASC,oBAAoB,UAAWH,GACrC/B,EAAgBM,SACfN,EAAgBM,QAAQ6B,YAGjC,CAACxC,EAAeC,EAAgBC,EAAWI,EAAcC,EAAYC,IAExE,MAAMiC,EAA6B,eAAdvC,EACrB,OACIwC,EAAAA,IAAA,MAAA,CACIC,IAAKxC,EACLoB,MAAO,CACHqB,SAAU,WACVC,MAAOJ,EAAe,OAAS,OAC/BK,OAAQL,EAAe,OAAS,OAChCM,gBAAiB,OACjBC,OAAQP,EAAe,YAAc,YACrCQ,OAAQ,IACRC,WAAY"}

package/dist/components/ResizePanel/index.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+
+/**
+ * 可调整大小的面板组件
+ * 负责展示面板内容和管理面板的注册/注销
+ */
+
+interface ResizePanelProps {
+    children: React.ReactNode;
+    minSize?: number;
+    onResize?: (width: number) => void;
+}
+declare const ResizePanel: React.FC<ResizePanelProps>;
+
+export { ResizePanel };
+export type { ResizePanelProps };

package/dist/components/ResizePanel/index.js

@@ -1,33 +1,2 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-var context = require('../shared/context.js');
-
-const ResizePanel = ({ children, minSize = 100,
-// onResize, // 暂时未使用，保留以备将来使用
- }) => {
-    const panelRef = React.useRef(null);
-    const panelIndexRef = React.useRef(-1);
-    const { registerPanel, unregisterPanel, direction } = context.useResizableContext();
-    React.useEffect(() => {
-        if (!panelRef.current)
-            return;
-        const panelEl = panelRef.current;
-        panelIndexRef.current = registerPanel(panelEl, minSize);
-        return () => {
-            unregisterPanel(panelEl);
-        };
-    }, [minSize, registerPanel, unregisterPanel]);
-    return (jsxRuntime.jsx("div", { ref: panelRef, style: {
-            flex: 1,
-            minWidth: direction === 'horizontal' ? minSize : undefined,
-            minHeight: direction === 'vertical' ? minSize : undefined,
-            width: 'auto',
-            overflow: 'hidden',
-            position: 'relative',
-        }, children: jsxRuntime.jsx("div", { style: { height: '100%', padding: 16 }, children: children }) }));
-};
-
-exports.ResizePanel = ResizePanel;
+"use strict";const e=require("react/jsx-runtime"),r=require("react"),i=require("../shared/context.js");exports.ResizePanel=({children:t,minSize:n=100})=>{const s=r.useRef(null),u=r.useRef(-1),{registerPanel:c,unregisterPanel:l,direction:o}=i.useResizableContext();return r.useEffect(()=>{if(!s.current)return;const e=s.current;return u.current=c(e,n),()=>{l(e)}},[n,c,l]),e.jsx("div",{ref:s,style:{flex:1,minWidth:"horizontal"===o?n:void 0,minHeight:"vertical"===o?n:void 0,width:"auto",overflow:"hidden",position:"relative"},children:e.jsx("div",{style:{height:"100%",padding:16},children:t})})};
 //# sourceMappingURL=index.js.map

package/dist/components/ResizePanel/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/ResizePanel/index.tsx"],"sourcesContent":["/**\r\n * 可调整大小的面板组件\r\n * 负责展示面板内容和管理面板的注册/注销\r\n */\r\nimport React, { useRef, useEffect } from 'react';\r\nimport { useResizableContext } from '../shared/context';\r\n\r\nexport interface ResizePanelProps {\r\n    children: React.ReactNode;\r\n    minSize?: number;\r\n    onResize?: (width: number) => void;\r\n}\r\n\r\nexport const ResizePanel: React.FC<ResizePanelProps> = ({\r\n    children,\r\n    minSize = 100,\r\n    // onResize, // 暂时未使用，保留以备将来使用\r\n}) => {\r\n    const panelRef = useRef<HTMLDivElement>(null);\r\n    const panelIndexRef = useRef<number>(-1);\r\n    const { registerPanel, unregisterPanel, direction } = useResizableContext();\r\n    \r\n    useEffect(() => {\r\n        if(!panelRef.current) return;\r\n        const panelEl = panelRef.current;\r\n        panelIndexRef.current = registerPanel(panelEl, minSize);\r\n        return () => {\r\n            unregisterPanel(panelEl);\r\n        }\r\n    }, [minSize, registerPanel, unregisterPanel]);\r\n\r\n    return (\r\n        <div\r\n            ref={panelRef}\r\n            style={{\r\n                flex: 1,\r\n                minWidth: direction === 'horizontal' ? minSize : undefined,\r\n                minHeight: direction === 'vertical' ? minSize : undefined,\r\n                width: 'auto',\r\n                overflow: 'hidden',\r\n                position: 'relative',\r\n            }}\r\n        >\r\n            <div style={{height: '100%', padding: 16}}>\r\n                {children}\r\n            </div>\r\n        </div>\r\n    )\r\n};\r\n"],"names":["useRef","useResizableContext","useEffect","_jsx"],"mappings":";;;;;;AAaO,MAAM,WAAW,GAA+B,CAAC,EACpD,QAAQ,EACR,OAAO,GAAG,GAAG;AACb;AACH,EAAA,KAAI;AACD,IAAA,MAAM,QAAQ,GAAGA,YAAM,CAAiB,IAAI,CAAC;AAC7C,IAAA,MAAM,aAAa,GAAGA,YAAM,CAAS,EAAE,CAAC;IACxC,MAAM,EAAE,aAAa,EAAE,eAAe,EAAE,SAAS,EAAE,GAAGC,2BAAmB,EAAE;IAE3EC,eAAS,CAAC,MAAK;QACX,IAAG,CAAC,QAAQ,CAAC,OAAO;YAAE;AACtB,QAAA,MAAM,OAAO,GAAG,QAAQ,CAAC,OAAO;QAChC,aAAa,CAAC,OAAO,GAAG,aAAa,CAAC,OAAO,EAAE,OAAO,CAAC;AACvD,QAAA,OAAO,MAAK;YACR,eAAe,CAAC,OAAO,CAAC;AAC5B,QAAA,CAAC;IACL,CAAC,EAAE,CAAC,OAAO,EAAE,aAAa,EAAE,eAAe,CAAC,CAAC;AAE7C,IAAA,QACIC,cAAA,CAAA,KAAA,EAAA,EACI,GAAG,EAAE,QAAQ,EACb,KAAK,EAAE;AACH,YAAA,IAAI,EAAE,CAAC;YACP,QAAQ,EAAE,SAAS,KAAK,YAAY,GAAG,OAAO,GAAG,SAAS;YAC1D,SAAS,EAAE,SAAS,KAAK,UAAU,GAAG,OAAO,GAAG,SAAS;AACzD,YAAA,KAAK,EAAE,MAAM;AACb,YAAA,QAAQ,EAAE,QAAQ;AAClB,YAAA,QAAQ,EAAE,UAAU;AACvB,SAAA,EAAA,QAAA,EAEDA,wBAAK,KAAK,EAAE,EAAC,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,EAAC,EAAA,QAAA,EACpC,QAAQ,EAAA,CACP,EAAA,CACJ;AAEd;;;;"}
+{"version":3,"file":"index.js","sources":["../../../src/components/ResizePanel/index.tsx"],"sourcesContent":[null],"names":["children","minSize","panelRef","useRef","panelIndexRef","registerPanel","unregisterPanel","direction","useResizableContext","useEffect","current","panelEl","_jsx","ref","style","flex","minWidth","undefined","minHeight","width","overflow","position","height","padding"],"mappings":"2HAauD,EACnDA,WACAC,UAAU,QAGV,MAAMC,EAAWC,EAAAA,OAAuB,MAClCC,EAAgBD,EAAAA,YAChBE,cAAEA,EAAaC,gBAAEA,EAAeC,UAAEA,GAAcC,EAAAA,sBAWtD,OATAC,EAAAA,UAAU,KACN,IAAIP,EAASQ,QAAS,OACtB,MAAMC,EAAUT,EAASQ,QAEzB,OADAN,EAAcM,QAAUL,EAAcM,EAASV,GACxC,KACHK,EAAgBK,KAErB,CAACV,EAASI,EAAeC,IAGxBM,EAAAA,IAAA,MAAA,CACIC,IAAKX,EACLY,MAAO,CACHC,KAAM,EACNC,SAAwB,eAAdT,EAA6BN,OAAUgB,EACjDC,UAAyB,aAAdX,EAA2BN,OAAUgB,EAChDE,MAAO,OACPC,SAAU,SACVC,SAAU,YACbrB,SAEDY,EAAAA,WAAKE,MAAO,CAACQ,OAAQ,OAAQC,QAAS,IAAGvB,SACpCA"}

package/dist/components/ResizePanelGroup/index.d.ts

@@ -0,0 +1,19 @@
+import React from 'react';
+import { ResizeDirection, VirtualConfig } from '../../types/index.js';
+
+/**
+ * 可调整大小的面板组容器组件
+ * 负责管理多个面板的布局和拖拽手柄的插入
+ */
+
+interface ResizePanelGroupProps {
+    children: React.ReactNode;
+    direction?: ResizeDirection;
+    virtual?: boolean;
+    virtualConfig?: VirtualConfig;
+    style?: React.CSSProperties;
+}
+declare const ResizePanelGroup: React.FC<ResizePanelGroupProps>;
+
+export { ResizePanelGroup };
+export type { ResizePanelGroupProps };

package/dist/components/ResizePanelGroup/index.js

@@ -1,61 +1,2 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-var context = require('../shared/context.js');
-var index = require('../ResizeHandle/index.js');
-
-const ResizePanelGroup = ({ children, direction = 'horizontal', style, virtual = false, virtualConfig = {}, }) => {
-    const panelInfos = React.useRef([]);
-    const [panelCount, setPanelCount] = React.useState(0);
-    const registerPanel = React.useCallback((panelEl, minSize) => {
-        const index = panelInfos.current.length;
-        panelInfos.current.push({ panelEl, minSize });
-        setPanelCount(panelInfos.current.length);
-        return index;
-    }, []);
-    const unregisterPanel = React.useCallback((panelEl) => {
-        panelInfos.current = panelInfos.current.filter(info => info.panelEl !== panelEl);
-        setPanelCount(panelInfos.current.length);
-    }, []);
-    const getPanelInfo = React.useCallback((index) => {
-        return panelInfos.current[index] || null;
-    }, []);
-    const getPanelIndex = React.useCallback((panelEl) => {
-        return panelInfos.current.findIndex(info => info.panelEl === panelEl);
-    }, []);
-    const childrenArray = React.Children.toArray(children);
-    const panelsWithHandles = [];
-    childrenArray.forEach((child, index$1) => {
-        panelsWithHandles.push(child);
-        // 在面板之间插入拖拽器（最后一个面板后不插入）
-        if (index$1 < childrenArray.length - 1) {
-            panelsWithHandles.push(jsxRuntime.jsx(index.ResizeHandle, { prePanelIndex: index$1, nextPanelIndex: index$1 + 1, direction: direction }, `handle-${index$1}`));
-        }
-    });
-    // 合并虚拟化配置
-    const mergedVirtualConfig = {
-        enabled: virtual,
-        ...virtualConfig,
-    };
-    const contextValue = {
-        panelCount: panelCount,
-        registerPanel,
-        unregisterPanel,
-        getPanelInfo,
-        getPanelIndex,
-        direction,
-        panelInfos: panelInfos.current,
-        virtualConfig: mergedVirtualConfig,
-    };
-    return (jsxRuntime.jsx(context.ResizableContext.Provider, { value: contextValue, children: jsxRuntime.jsx("div", { style: {
-                display: 'flex',
-                flexDirection: direction === 'horizontal' ? 'row' : 'column',
-                height: '100%',
-                position: 'relative', // 为虚拟节点定位提供参考
-                ...style,
-            }, children: panelsWithHandles }) }));
-};
-
-exports.ResizePanelGroup = ResizePanelGroup;
+"use strict";const e=require("react/jsx-runtime"),n=require("react"),r=require("../shared/context.js"),t=require("../ResizeHandle/index.js");exports.ResizePanelGroup=({children:l,direction:i="horizontal",style:a,virtual:u=!1,virtualConfig:s={}})=>{const c=n.useRef([]),[o,d]=n.useState(0),h=n.useCallback((e,n)=>{const r=c.current.length;return c.current.push({panelEl:e,minSize:n}),d(c.current.length),r},[]),x=n.useCallback(e=>{c.current=c.current.filter(n=>n.panelEl!==e),d(c.current.length)},[]),p=n.useCallback(e=>c.current[e]||null,[]),g=n.useCallback(e=>c.current.findIndex(n=>n.panelEl===e),[]),f=n.Children.toArray(l),C=[];f.forEach((n,r)=>{C.push(n),r<f.length-1&&C.push(e.jsx(t.ResizeHandle,{prePanelIndex:r,nextPanelIndex:r+1,direction:i},`handle-${r}`))});const P={enabled:u,...s},v={panelCount:o,registerPanel:h,unregisterPanel:x,getPanelInfo:p,getPanelIndex:g,direction:i,panelInfos:c.current,virtualConfig:P};return e.jsx(r.ResizableContext.Provider,{value:v,children:e.jsx("div",{style:{display:"flex",flexDirection:"horizontal"===i?"row":"column",height:"100%",position:"relative",...a},children:C})})};
 //# sourceMappingURL=index.js.map

package/dist/components/ResizePanelGroup/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/ResizePanelGroup/index.tsx"],"sourcesContent":["/**\r\n * 可调整大小的面板组容器组件\r\n * 负责管理多个面板的布局和拖拽手柄的插入\r\n */\r\nimport React, { useRef, useState, useCallback } from 'react';\r\nimport { ResizableContext, ResizableContextValue } from '../shared/context';\r\nimport { ResizeHandle } from '../ResizeHandle';\r\nimport { PanelInfo, VirtualConfig, ResizeDirection } from '../../types';\r\n\r\nexport interface ResizePanelGroupProps {\r\n    children: React.ReactNode;\r\n    direction?: ResizeDirection;\r\n    virtual?: boolean; // 是否启用虚拟化，默认false\r\n    virtualConfig?: VirtualConfig; // 虚拟化配置\r\n    style?: React.CSSProperties;\r\n}\r\n\r\nexport const ResizePanelGroup: React.FC<ResizePanelGroupProps> = ({\r\n    children,\r\n    direction = 'horizontal',\r\n    style,\r\n    virtual = false,\r\n    virtualConfig = {},\r\n}) => {\r\n    const panelInfos = useRef<PanelInfo[]>([]);\r\n    const [panelCount, setPanelCount] = useState(0);\r\n    \r\n    const registerPanel = useCallback((panelEl: HTMLElement, minSize: number): number => {\r\n        const index = panelInfos.current.length;\r\n        panelInfos.current.push({ panelEl, minSize });\r\n        setPanelCount(panelInfos.current.length);\r\n        return index;\r\n    }, []);\r\n    \r\n    const unregisterPanel = useCallback((panelEl: HTMLElement) => {\r\n        panelInfos.current = panelInfos.current.filter(info => info.panelEl !== panelEl);\r\n        setPanelCount(panelInfos.current.length);\r\n    }, []);\r\n    \r\n    const getPanelInfo = useCallback((index: number): PanelInfo | null => {\r\n        return panelInfos.current[index] || null;\r\n    }, []);\r\n    \r\n    const getPanelIndex = useCallback((panelEl: HTMLElement): number => {\r\n        return panelInfos.current.findIndex(info => info.panelEl === panelEl);\r\n    }, []);\r\n\r\n    const childrenArray = React.Children.toArray(children);\r\n    const panelsWithHandles: React.ReactNode[] = [];\r\n\r\n    childrenArray.forEach((child, index) => {\r\n        panelsWithHandles.push(child);\r\n        \r\n        // 在面板之间插入拖拽器（最后一个面板后不插入）\r\n        if (index < childrenArray.length - 1) {\r\n            panelsWithHandles.push(\r\n                <ResizeHandle\r\n                    key={`handle-${index}`}\r\n                    prePanelIndex={index}\r\n                    nextPanelIndex={index + 1}\r\n                    direction={direction}\r\n                />\r\n            );\r\n        }\r\n    });\r\n\r\n    // 合并虚拟化配置\r\n    const mergedVirtualConfig: VirtualConfig = {\r\n        enabled: virtual,\r\n        ...virtualConfig,\r\n    };\r\n\r\n    const contextValue: ResizableContextValue = {\r\n        panelCount: panelCount,\r\n        registerPanel, \r\n        unregisterPanel,\r\n        getPanelInfo,\r\n        getPanelIndex,\r\n        direction,\r\n        panelInfos: panelInfos.current,\r\n        virtualConfig: mergedVirtualConfig,\r\n    };\r\n\r\n    return (\r\n        <ResizableContext.Provider value={contextValue}>\r\n            <div style={{\r\n                    display: 'flex',\r\n                    flexDirection: direction === 'horizontal' ? 'row' : 'column',\r\n                    height: '100%',\r\n                    position: 'relative', // 为虚拟节点定位提供参考\r\n                    ...style,\r\n            }}>\r\n                {panelsWithHandles}\r\n            </div>\r\n        </ResizableContext.Provider>\r\n    )\r\n};\r\n\r\n"],"names":["useRef","useState","useCallback","index","_jsx","ResizeHandle","ResizableContext"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../src/components/ResizePanelGroup/index.tsx"],"sourcesContent":[null],"names":["children","direction","style","virtual","virtualConfig","panelInfos","useRef","panelCount","setPanelCount","useState","registerPanel","useCallback","panelEl","minSize","index","current","length","push","unregisterPanel","filter","info","getPanelInfo","getPanelIndex","findIndex","childrenArray","React","Children","toArray","panelsWithHandles","forEach","child","_jsx","ResizeHandle","prePanelIndex","nextPanelIndex","mergedVirtualConfig","enabled","contextValue","ResizableContext","Provider","value","display","flexDirection","height","position"],"mappings":"sKAiBiE,EAC7DA,WACAC,YAAY,aACZC,QACAC,WAAU,EACVC,gBAAgB,CAAA,MAEhB,MAAMC,EAAaC,EAAAA,OAAoB,KAChCC,EAAYC,GAAiBC,EAAAA,SAAS,GAEvCC,EAAgBC,EAAAA,YAAY,CAACC,EAAsBC,KACrD,MAAMC,EAAQT,EAAWU,QAAQC,OAGjC,OAFAX,EAAWU,QAAQE,KAAK,CAAEL,UAASC,YACnCL,EAAcH,EAAWU,QAAQC,QAC1BF,GACR,IAEGI,EAAkBP,cAAaC,IACjCP,EAAWU,QAAUV,EAAWU,QAAQI,OAAOC,GAAQA,EAAKR,UAAYA,GACxEJ,EAAcH,EAAWU,QAAQC,SAClC,IAEGK,EAAeV,cAAaG,GACvBT,EAAWU,QAAQD,IAAU,KACrC,IAEGQ,EAAgBX,cAAaC,GACxBP,EAAWU,QAAQQ,UAAUH,GAAQA,EAAKR,UAAYA,GAC9D,IAEGY,EAAgBC,EAAMC,SAASC,QAAQ3B,GACvC4B,EAAuC,GAE7CJ,EAAcK,QAAQ,CAACC,EAAOhB,KAC1Bc,EAAkBX,KAAKa,GAGnBhB,EAAQU,EAAcR,OAAS,GAC/BY,EAAkBX,KACdc,EAAAA,IAACC,EAAAA,cAEGC,cAAenB,EACfoB,eAAgBpB,EAAQ,EACxBb,UAAWA,GAHN,UAAUa,QAU/B,MAAMqB,EAAqC,CACvCC,QAASjC,KACNC,GAGDiC,EAAsC,CACxC9B,WAAYA,EACZG,gBACAQ,kBACAG,eACAC,gBACArB,YACAI,WAAYA,EAAWU,QACvBX,cAAe+B,GAGnB,OACIJ,MAACO,EAAAA,iBAAiBC,SAAQ,CAACC,MAAOH,EAAYrC,SAC1C+B,EAAAA,IAAA,MAAA,CAAK7B,MAAO,CACJuC,QAAS,OACTC,cAA6B,eAAdzC,EAA6B,MAAQ,SACpD0C,OAAQ,OACRC,SAAU,cACP1C,GACVF,SACI4B"}

package/dist/components/shared/context.js

@@ -1,35 +1,2 @@
-'use strict';
-
-var React = require('react');
-
-/**
- * Resizable Context 默认值
- */
-const defaultContextValue = {
-    panelCount: 0,
-    registerPanel: () => 0,
-    unregisterPanel: () => { },
-    getPanelInfo: () => null,
-    getPanelIndex: () => -1,
-    direction: 'horizontal',
-    panelInfos: [],
-    virtualConfig: { enabled: false },
-};
-/**
- * Resizable Context
- */
-const ResizableContext = React.createContext(defaultContextValue);
-/**
- * 使用 Resizable Context 的 Hook
- */
-const useResizableContext = () => {
-    const context = React.useContext(ResizableContext);
-    if (!context) {
-        throw new Error('useResizableContext must be used within ResizablePanelGroup');
-    }
-    return context;
-};
-
-exports.ResizableContext = ResizableContext;
-exports.useResizableContext = useResizableContext;
+"use strict";const e=require("react"),t=e.createContext({panelCount:0,registerPanel:()=>0,unregisterPanel:()=>{},getPanelInfo:()=>null,getPanelIndex:()=>-1,direction:"horizontal",panelInfos:[],virtualConfig:{enabled:!1}});exports.ResizableContext=t,exports.useResizableContext=()=>{const n=e.useContext(t);if(!n)throw new Error("useResizableContext must be used within ResizablePanelGroup");return n};
 //# sourceMappingURL=context.js.map

package/dist/components/shared/context.js.map

@@ -1 +1 @@
-{"version":3,"file":"context.js","sources":["../../../src/components/shared/context.tsx"],"sourcesContent":["import React from 'react';\r\nimport { PanelInfo, VirtualConfig, ResizeDirection } from '../../types';\r\n\r\n/**\r\n * Resizable Context 接口定义\r\n */\r\nexport interface ResizableContextValue {\r\n    panelCount: number;\r\n    registerPanel: (panelEl: HTMLElement, minSize: number) => number; // 返回索引\r\n    unregisterPanel: (panelEl: HTMLElement) => void;\r\n    getPanelInfo: (index: number) => PanelInfo | null;\r\n    getPanelIndex: (panelEl: HTMLElement) => number;\r\n    direction: ResizeDirection;\r\n    panelInfos: PanelInfo[];\r\n    virtualConfig: VirtualConfig;\r\n}\r\n\r\n/**\r\n * Resizable Context 默认值\r\n */\r\nconst defaultContextValue: ResizableContextValue = {\r\n    panelCount: 0,\r\n    registerPanel: () => 0,\r\n    unregisterPanel: () => {},\r\n    getPanelInfo: () => null,\r\n    getPanelIndex: () => -1,\r\n    direction: 'horizontal',\r\n    panelInfos: [],\r\n    virtualConfig: { enabled: false },\r\n};\r\n\r\n/**\r\n * Resizable Context\r\n */\r\nexport const ResizableContext = React.createContext<ResizableContextValue>(defaultContextValue);\r\n\r\n/**\r\n * 使用 Resizable Context 的 Hook\r\n */\r\nexport const useResizableContext = () => {\r\n    const context = React.useContext(ResizableContext);\r\n    if (!context) {\r\n        throw new Error('useResizableContext must be used within ResizablePanelGroup');\r\n    }\r\n    return context;\r\n};\r\n\r\n"],"names":[],"mappings":";;;;AAiBA;;AAEG;AACH,MAAM,mBAAmB,GAA0B;AAC/C,IAAA,UAAU,EAAE,CAAC;AACb,IAAA,aAAa,EAAE,MAAM,CAAC;AACtB,IAAA,eAAe,EAAE,MAAK,EAAE,CAAC;AACzB,IAAA,YAAY,EAAE,MAAM,IAAI;AACxB,IAAA,aAAa,EAAE,MAAM,EAAE;AACvB,IAAA,SAAS,EAAE,YAAY;AACvB,IAAA,UAAU,EAAE,EAAE;AACd,IAAA,aAAa,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE;CACpC;AAED;;AAEG;AACI,MAAM,gBAAgB,GAAG,KAAK,CAAC,aAAa,CAAwB,mBAAmB;AAE9F;;AAEG;AACI,MAAM,mBAAmB,GAAG,MAAK;IACpC,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAAC,gBAAgB,CAAC;IAClD,IAAI,CAAC,OAAO,EAAE;AACV,QAAA,MAAM,IAAI,KAAK,CAAC,6DAA6D,CAAC;IAClF;AACA,IAAA,OAAO,OAAO;AAClB;;;;;"}
+{"version":3,"file":"context.js","sources":["../../../src/components/shared/context.tsx"],"sourcesContent":[null],"names":["ResizableContext","React","createContext","panelCount","registerPanel","unregisterPanel","getPanelInfo","getPanelIndex","direction","panelInfos","virtualConfig","enabled","context","useContext","Error"],"mappings":"sCAkCaA,EAAmBC,EAAMC,cAda,CAC/CC,WAAY,EACZC,cAAe,IAAM,EACrBC,gBAAiB,OACjBC,aAAc,IAAM,KACpBC,cAAe,KAAM,EACrBC,UAAW,aACXC,WAAY,GACZC,cAAe,CAAEC,SAAS,4DAWK,KAC/B,MAAMC,EAAUX,EAAMY,WAAWb,GACjC,IAAKY,EACD,MAAM,IAAIE,MAAM,+DAEpB,OAAOF"}

package/dist/esm/components/ResizeHandle/index.js

@@ -1,90 +1,2 @@
-import { jsx } from 'react/jsx-runtime';
-import { useRef, useEffect } from 'react';
-import ResizeAbleCore from '../../utils/resizeAble.js';
-import { useResizableContext } from '../shared/context.js';
-
-const ResizeHandle = ({ prePanelIndex, nextPanelIndex, direction, }) => {
-    const handleRef = useRef(null);
-    const coreInstanceRef = useRef(null);
-    const { getPanelInfo, panelCount, virtualConfig } = useResizableContext();
-    useEffect(() => {
-        // 确保所需的面板索引都已注册
-        // 需要确保 nextPanelIndex 对应的面板已经注册（因为索引从0开始，所以需要 >= nextPanelIndex + 1）
-        if (panelCount <= nextPanelIndex || !handleRef.current) {
-            return;
-        }
-        const prePanelInfo = getPanelInfo(prePanelIndex);
-        const nextPanelInfo = getPanelInfo(nextPanelIndex);
-        if (!prePanelInfo || !nextPanelInfo)
-            return;
-        // 获取拖拽器的尺寸
-        const handleSize = handleRef.current
-            ? (direction === 'horizontal'
-                ? handleRef.current.offsetWidth
-                : handleRef.current.offsetHeight)
-            : (direction === 'horizontal' ? 10 : 10); // 默认10px
-        coreInstanceRef.current = new ResizeAbleCore({
-            prePanelEl: prePanelInfo.panelEl,
-            nextPanelEl: nextPanelInfo.panelEl,
-            getPanelInfo,
-            prePanelIndex,
-            nextPanelIndex,
-            direction,
-            virtualEnabled: virtualConfig.enabled || false,
-            virtualConfig: {
-                style: virtualConfig.style,
-                className: virtualConfig.className,
-            },
-            handleSize, // 传递拖拽器尺寸
-        });
-        // 将拖拽器的开始/移动/结束事件绑定至核心类
-        const handleEl = handleRef.current;
-        let isResizing = false;
-        let startPos = 0;
-        const startResize = (e) => {
-            e.preventDefault();
-            isResizing = true;
-            startPos = direction === 'horizontal' ? e.clientX : e.clientY;
-            if (coreInstanceRef.current) {
-                coreInstanceRef.current.startResize();
-            }
-        };
-        const onResizeMove = (e) => {
-            if (!isResizing || !coreInstanceRef.current)
-                return;
-            const currentPos = direction === 'horizontal' ? e.clientX : e.clientY;
-            const delta = currentPos - startPos;
-            coreInstanceRef.current.onResize(delta);
-        };
-        const endResize = () => {
-            if (isResizing && coreInstanceRef.current) {
-                isResizing = false;
-                coreInstanceRef.current.endResize();
-            }
-        };
-        handleEl.addEventListener('mousedown', startResize);
-        document.addEventListener('mousemove', onResizeMove);
-        document.addEventListener('mouseup', endResize);
-        return () => {
-            handleEl.removeEventListener('mousedown', startResize);
-            document.removeEventListener('mousemove', onResizeMove);
-            document.removeEventListener('mouseup', endResize);
-            if (coreInstanceRef.current) {
-                coreInstanceRef.current.destroy();
-            }
-        };
-    }, [prePanelIndex, nextPanelIndex, direction, getPanelInfo, panelCount, virtualConfig]);
-    const isHorizontal = direction === 'horizontal';
-    return (jsx("div", { ref: handleRef, style: {
-            position: 'relative',
-            width: isHorizontal ? '10px' : '100%',
-            height: isHorizontal ? '100%' : '10px',
-            backgroundColor: '#000',
-            cursor: isHorizontal ? 'ew-resize' : 'ns-resize',
-            zIndex: 1000,
-            flexShrink: 0,
-        } }));
-};
-
-export { ResizeHandle };
+import{jsx as e}from"react/jsx-runtime";import{useRef as n,useEffect as t}from"react";import r from"../../utils/resizeAble.js";import{useResizableContext as o}from"../shared/context.js";const i=({prePanelIndex:i,nextPanelIndex:l,direction:s})=>{const u=n(null),c=n(null),{getPanelInfo:a,panelCount:d,virtualConfig:m}=o();t(()=>{if(d<=l||!u.current)return;const e=a(i),n=a(l);if(!e||!n)return;const t=u.current?"horizontal"===s?u.current.offsetWidth:u.current.offsetHeight:10;c.current=new r({prePanelEl:e.panelEl,nextPanelEl:n.panelEl,getPanelInfo:a,prePanelIndex:i,nextPanelIndex:l,direction:s,virtualEnabled:m.enabled||!1,virtualConfig:{style:m.style,className:m.className},handleSize:t});const o=u.current;let f=!1,p=0;const v=e=>{e.preventDefault(),f=!0,p="horizontal"===s?e.clientX:e.clientY,c.current&&c.current.startResize()},x=e=>{if(!f||!c.current)return;const n=("horizontal"===s?e.clientX:e.clientY)-p;c.current.onResize(n)},h=()=>{f&&c.current&&(f=!1,c.current.endResize())};return o.addEventListener("mousedown",v),document.addEventListener("mousemove",x),document.addEventListener("mouseup",h),()=>{o.removeEventListener("mousedown",v),document.removeEventListener("mousemove",x),document.removeEventListener("mouseup",h),c.current&&c.current.destroy()}},[i,l,s,a,d,m]);const f="horizontal"===s;return e("div",{ref:u,style:{position:"relative",width:f?"10px":"100%",height:f?"100%":"10px",backgroundColor:"#000",cursor:f?"ew-resize":"ns-resize",zIndex:1e3,flexShrink:0}})};export{i as ResizeHandle};
 //# sourceMappingURL=index.js.map

package/dist/esm/components/ResizeHandle/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/ResizeHandle/index.tsx"],"sourcesContent":["/**\r\n * 拖拽手柄组件\r\n * 负责处理面板之间的拖拽调整功能\r\n */\r\nimport React, { useRef, useEffect } from 'react';\r\nimport ResizeAbleCore from '../../utils/resizeAble';\r\nimport { useResizableContext } from '../shared/context';\r\nimport { ResizeDirection } from '../../types';\r\n\r\nexport interface ResizeHandleProps {\r\n    prePanelIndex: number;\r\n    nextPanelIndex: number;\r\n    direction: ResizeDirection;\r\n}\r\n\r\nexport const ResizeHandle: React.FC<ResizeHandleProps> = ({\r\n    prePanelIndex,\r\n    nextPanelIndex,\r\n    direction,\r\n}) => {\r\n    const handleRef = useRef<HTMLDivElement>(null);\r\n    const coreInstanceRef = useRef<InstanceType<typeof ResizeAbleCore> | null>(null);\r\n    const { getPanelInfo, panelCount, virtualConfig } = useResizableContext();\r\n\r\n    useEffect(() => {\r\n        // 确保所需的面板索引都已注册\r\n        // 需要确保 nextPanelIndex 对应的面板已经注册（因为索引从0开始，所以需要 >= nextPanelIndex + 1）\r\n        if (panelCount <= nextPanelIndex || !handleRef.current) {\r\n            return;\r\n        }\r\n        \r\n        const prePanelInfo = getPanelInfo(prePanelIndex);\r\n        const nextPanelInfo = getPanelInfo(nextPanelIndex);\r\n        if(!prePanelInfo || !nextPanelInfo) return;\r\n        \r\n        // 获取拖拽器的尺寸\r\n        const handleSize = handleRef.current \r\n            ? (direction === 'horizontal' \r\n                ? handleRef.current.offsetWidth \r\n                : handleRef.current.offsetHeight)\r\n            : (direction === 'horizontal' ? 10 : 10); // 默认10px\r\n        \r\n        coreInstanceRef.current = new ResizeAbleCore({\r\n            prePanelEl: prePanelInfo.panelEl,\r\n            nextPanelEl: nextPanelInfo.panelEl,\r\n            getPanelInfo,\r\n            prePanelIndex,\r\n            nextPanelIndex,\r\n            direction,\r\n            virtualEnabled: virtualConfig.enabled || false,\r\n            virtualConfig: {\r\n                style: virtualConfig.style,\r\n                className: virtualConfig.className,\r\n            },\r\n            handleSize, // 传递拖拽器尺寸\r\n        });\r\n\r\n        // 将拖拽器的开始/移动/结束事件绑定至核心类\r\n        const handleEl = handleRef.current;\r\n        let isResizing = false;\r\n        let startPos = 0;\r\n\r\n        const startResize = (e: MouseEvent) => {\r\n            e.preventDefault();\r\n            isResizing = true;\r\n            startPos = direction === 'horizontal' ? e.clientX : e.clientY;\r\n            if (coreInstanceRef.current) {\r\n                coreInstanceRef.current.startResize();\r\n            }\r\n        };\r\n        \r\n        const onResizeMove = (e: MouseEvent) => {\r\n            if(!isResizing || !coreInstanceRef.current) return;\r\n            const currentPos = direction === 'horizontal' ? e.clientX : e.clientY;\r\n            const delta = currentPos - startPos;\r\n            coreInstanceRef.current.onResize(delta);\r\n        };\r\n        \r\n        const endResize = () => {\r\n            if(isResizing && coreInstanceRef.current) {\r\n                isResizing = false;\r\n                coreInstanceRef.current.endResize();\r\n            }\r\n        }\r\n        \r\n        handleEl.addEventListener('mousedown', startResize);\r\n        document.addEventListener('mousemove', onResizeMove);\r\n        document.addEventListener('mouseup', endResize);\r\n        \r\n        return () => {\r\n            handleEl.removeEventListener('mousedown', startResize);\r\n            document.removeEventListener('mousemove', onResizeMove);\r\n            document.removeEventListener('mouseup', endResize);\r\n            if(coreInstanceRef.current) {\r\n                coreInstanceRef.current.destroy();\r\n            }\r\n        }\r\n    }, [prePanelIndex, nextPanelIndex, direction, getPanelInfo, panelCount, virtualConfig]);\r\n\r\n    const isHorizontal = direction === 'horizontal';\r\n    return (\r\n        <div\r\n            ref={handleRef}\r\n            style={{\r\n                position: 'relative',\r\n                width: isHorizontal ? '10px' : '100%',\r\n                height: isHorizontal ? '100%' : '10px',\r\n                backgroundColor: '#000',\r\n                cursor: isHorizontal ? 'ew-resize' : 'ns-resize',\r\n                zIndex: 1000,\r\n                flexShrink: 0,\r\n            }}\r\n        />\r\n    )\r\n};\r\n\r\n"],"names":["_jsx"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/ResizeHandle/index.tsx"],"sourcesContent":[null],"names":["ResizeHandle","prePanelIndex","nextPanelIndex","direction","handleRef","useRef","coreInstanceRef","getPanelInfo","panelCount","virtualConfig","useResizableContext","useEffect","current","prePanelInfo","nextPanelInfo","handleSize","offsetWidth","offsetHeight","ResizeAbleCore","prePanelEl","panelEl","nextPanelEl","virtualEnabled","enabled","style","className","handleEl","isResizing","startPos","startResize","e","preventDefault","clientX","clientY","onResizeMove","delta","onResize","endResize","addEventListener","document","removeEventListener","destroy","isHorizontal","_jsx","ref","position","width","height","backgroundColor","cursor","zIndex","flexShrink"],"mappings":"0LAeO,MAAMA,EAA4C,EACrDC,gBACAC,iBACAC,gBAEA,MAAMC,EAAYC,EAAuB,MACnCC,EAAkBD,EAAmD,OACrEE,aAAEA,EAAYC,WAAEA,EAAUC,cAAEA,GAAkBC,IAEpDC,EAAU,KAGN,GAAIH,GAAcN,IAAmBE,EAAUQ,QAC3C,OAGJ,MAAMC,EAAeN,EAAaN,GAC5Ba,EAAgBP,EAAaL,GACnC,IAAIW,IAAiBC,EAAe,OAGpC,MAAMC,EAAaX,EAAUQ,QACR,eAAdT,EACGC,EAAUQ,QAAQI,YAClBZ,EAAUQ,QAAQK,aACQ,GAEpCX,EAAgBM,QAAU,IAAIM,EAAe,CACzCC,WAAYN,EAAaO,QACzBC,YAAaP,EAAcM,QAC3Bb,eACAN,gBACAC,iBACAC,YACAmB,eAAgBb,EAAcc,UAAW,EACzCd,cAAe,CACXe,MAAOf,EAAce,MACrBC,UAAWhB,EAAcgB,WAE7BV,eAIJ,MAAMW,EAAWtB,EAAUQ,QAC3B,IAAIe,GAAa,EACbC,EAAW,EAEf,MAAMC,EAAeC,IACjBA,EAAEC,iBACFJ,GAAa,EACbC,EAAyB,eAAdzB,EAA6B2B,EAAEE,QAAUF,EAAEG,QAClD3B,EAAgBM,SAChBN,EAAgBM,QAAQiB,eAI1BK,EAAgBJ,IAClB,IAAIH,IAAerB,EAAgBM,QAAS,OAC5C,MACMuB,GAD2B,eAAdhC,EAA6B2B,EAAEE,QAAUF,EAAEG,SACnCL,EAC3BtB,EAAgBM,QAAQwB,SAASD,IAG/BE,EAAY,KACXV,GAAcrB,EAAgBM,UAC7Be,GAAa,EACbrB,EAAgBM,QAAQyB,cAQhC,OAJAX,EAASY,iBAAiB,YAAaT,GACvCU,SAASD,iBAAiB,YAAaJ,GACvCK,SAASD,iBAAiB,UAAWD,GAE9B,KACHX,EAASc,oBAAoB,YAAaX,GAC1CU,SAASC,oBAAoB,YAAaN,GAC1CK,SAASC,oBAAoB,UAAWH,GACrC/B,EAAgBM,SACfN,EAAgBM,QAAQ6B,YAGjC,CAACxC,EAAeC,EAAgBC,EAAWI,EAAcC,EAAYC,IAExE,MAAMiC,EAA6B,eAAdvC,EACrB,OACIwC,EAAA,MAAA,CACIC,IAAKxC,EACLoB,MAAO,CACHqB,SAAU,WACVC,MAAOJ,EAAe,OAAS,OAC/BK,OAAQL,EAAe,OAAS,OAChCM,gBAAiB,OACjBC,OAAQP,EAAe,YAAc,YACrCQ,OAAQ,IACRC,WAAY"}

package/dist/esm/components/ResizePanel/index.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+
+/**
+ * 可调整大小的面板组件
+ * 负责展示面板内容和管理面板的注册/注销
+ */
+
+interface ResizePanelProps {
+    children: React.ReactNode;
+    minSize?: number;
+    onResize?: (width: number) => void;
+}
+declare const ResizePanel: React.FC<ResizePanelProps>;
+
+export { ResizePanel };
+export type { ResizePanelProps };

package/dist/esm/components/ResizePanel/index.js

@@ -1,31 +1,2 @@
-import { jsx } from 'react/jsx-runtime';
-import { useRef, useEffect } from 'react';
-import { useResizableContext } from '../shared/context.js';
-
-const ResizePanel = ({ children, minSize = 100,
-// onResize, // 暂时未使用，保留以备将来使用
- }) => {
-    const panelRef = useRef(null);
-    const panelIndexRef = useRef(-1);
-    const { registerPanel, unregisterPanel, direction } = useResizableContext();
-    useEffect(() => {
-        if (!panelRef.current)
-            return;
-        const panelEl = panelRef.current;
-        panelIndexRef.current = registerPanel(panelEl, minSize);
-        return () => {
-            unregisterPanel(panelEl);
-        };
-    }, [minSize, registerPanel, unregisterPanel]);
-    return (jsx("div", { ref: panelRef, style: {
-            flex: 1,
-            minWidth: direction === 'horizontal' ? minSize : undefined,
-            minHeight: direction === 'vertical' ? minSize : undefined,
-            width: 'auto',
-            overflow: 'hidden',
-            position: 'relative',
-        }, children: jsx("div", { style: { height: '100%', padding: 16 }, children: children }) }));
-};
-
-export { ResizePanel };
+import{jsx as r}from"react/jsx-runtime";import{useRef as e,useEffect as t}from"react";import{useResizableContext as i}from"../shared/context.js";const n=({children:n,minSize:o=100})=>{const d=e(null),c=e(-1),{registerPanel:l,unregisterPanel:h,direction:s}=i();return t(()=>{if(!d.current)return;const r=d.current;return c.current=l(r,o),()=>{h(r)}},[o,l,h]),r("div",{ref:d,style:{flex:1,minWidth:"horizontal"===s?o:void 0,minHeight:"vertical"===s?o:void 0,width:"auto",overflow:"hidden",position:"relative"},children:r("div",{style:{height:"100%",padding:16},children:n})})};export{n as ResizePanel};
 //# sourceMappingURL=index.js.map

package/dist/esm/components/ResizePanel/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/ResizePanel/index.tsx"],"sourcesContent":["/**\r\n * 可调整大小的面板组件\r\n * 负责展示面板内容和管理面板的注册/注销\r\n */\r\nimport React, { useRef, useEffect } from 'react';\r\nimport { useResizableContext } from '../shared/context';\r\n\r\nexport interface ResizePanelProps {\r\n    children: React.ReactNode;\r\n    minSize?: number;\r\n    onResize?: (width: number) => void;\r\n}\r\n\r\nexport const ResizePanel: React.FC<ResizePanelProps> = ({\r\n    children,\r\n    minSize = 100,\r\n    // onResize, // 暂时未使用，保留以备将来使用\r\n}) => {\r\n    const panelRef = useRef<HTMLDivElement>(null);\r\n    const panelIndexRef = useRef<number>(-1);\r\n    const { registerPanel, unregisterPanel, direction } = useResizableContext();\r\n    \r\n    useEffect(() => {\r\n        if(!panelRef.current) return;\r\n        const panelEl = panelRef.current;\r\n        panelIndexRef.current = registerPanel(panelEl, minSize);\r\n        return () => {\r\n            unregisterPanel(panelEl);\r\n        }\r\n    }, [minSize, registerPanel, unregisterPanel]);\r\n\r\n    return (\r\n        <div\r\n            ref={panelRef}\r\n            style={{\r\n                flex: 1,\r\n                minWidth: direction === 'horizontal' ? minSize : undefined,\r\n                minHeight: direction === 'vertical' ? minSize : undefined,\r\n                width: 'auto',\r\n                overflow: 'hidden',\r\n                position: 'relative',\r\n            }}\r\n        >\r\n            <div style={{height: '100%', padding: 16}}>\r\n                {children}\r\n            </div>\r\n        </div>\r\n    )\r\n};\r\n"],"names":["_jsx"],"mappings":";;;;AAaO,MAAM,WAAW,GAA+B,CAAC,EACpD,QAAQ,EACR,OAAO,GAAG,GAAG;AACb;AACH,EAAA,KAAI;AACD,IAAA,MAAM,QAAQ,GAAG,MAAM,CAAiB,IAAI,CAAC;AAC7C,IAAA,MAAM,aAAa,GAAG,MAAM,CAAS,EAAE,CAAC;IACxC,MAAM,EAAE,aAAa,EAAE,eAAe,EAAE,SAAS,EAAE,GAAG,mBAAmB,EAAE;IAE3E,SAAS,CAAC,MAAK;QACX,IAAG,CAAC,QAAQ,CAAC,OAAO;YAAE;AACtB,QAAA,MAAM,OAAO,GAAG,QAAQ,CAAC,OAAO;QAChC,aAAa,CAAC,OAAO,GAAG,aAAa,CAAC,OAAO,EAAE,OAAO,CAAC;AACvD,QAAA,OAAO,MAAK;YACR,eAAe,CAAC,OAAO,CAAC;AAC5B,QAAA,CAAC;IACL,CAAC,EAAE,CAAC,OAAO,EAAE,aAAa,EAAE,eAAe,CAAC,CAAC;AAE7C,IAAA,QACIA,GAAA,CAAA,KAAA,EAAA,EACI,GAAG,EAAE,QAAQ,EACb,KAAK,EAAE;AACH,YAAA,IAAI,EAAE,CAAC;YACP,QAAQ,EAAE,SAAS,KAAK,YAAY,GAAG,OAAO,GAAG,SAAS;YAC1D,SAAS,EAAE,SAAS,KAAK,UAAU,GAAG,OAAO,GAAG,SAAS;AACzD,YAAA,KAAK,EAAE,MAAM;AACb,YAAA,QAAQ,EAAE,QAAQ;AAClB,YAAA,QAAQ,EAAE,UAAU;AACvB,SAAA,EAAA,QAAA,EAEDA,aAAK,KAAK,EAAE,EAAC,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,EAAC,EAAA,QAAA,EACpC,QAAQ,EAAA,CACP,EAAA,CACJ;AAEd;;;;"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/ResizePanel/index.tsx"],"sourcesContent":[null],"names":["ResizePanel","children","minSize","panelRef","useRef","panelIndexRef","registerPanel","unregisterPanel","direction","useResizableContext","useEffect","current","panelEl","_jsx","ref","style","flex","minWidth","undefined","minHeight","width","overflow","position","height","padding"],"mappings":"iJAaO,MAAMA,EAA0C,EACnDC,WACAC,UAAU,QAGV,MAAMC,EAAWC,EAAuB,MAClCC,EAAgBD,OAChBE,cAAEA,EAAaC,gBAAEA,EAAeC,UAAEA,GAAcC,IAWtD,OATAC,EAAU,KACN,IAAIP,EAASQ,QAAS,OACtB,MAAMC,EAAUT,EAASQ,QAEzB,OADAN,EAAcM,QAAUL,EAAcM,EAASV,GACxC,KACHK,EAAgBK,KAErB,CAACV,EAASI,EAAeC,IAGxBM,EAAA,MAAA,CACIC,IAAKX,EACLY,MAAO,CACHC,KAAM,EACNC,SAAwB,eAAdT,EAA6BN,OAAUgB,EACjDC,UAAyB,aAAdX,EAA2BN,OAAUgB,EAChDE,MAAO,OACPC,SAAU,SACVC,SAAU,YACbrB,SAEDY,SAAKE,MAAO,CAACQ,OAAQ,OAAQC,QAAS,IAAGvB,SACpCA"}