react-resize-demo 2.0.1 → 2.0.3

package/dist/utils/virtualNode.js

@@ -1,168 +1,2 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-/**
- * 虚拟节点管理模块
- * 负责创建、更新、销毁虚拟节点，用于虚拟化拖拽
- */
-class VirtualNodeManager {
-    constructor() {
-        Object.defineProperty(this, "virtualNodes", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: new Map()
-        }); // 存储虚拟节点映射：realEl -> virtualEl
-    }
-    /**
-     * 创建虚拟节点
-     * @param originalEl - 原始节点
-     * @param config - 虚拟化配置
-     * @returns 虚拟节点
-     */
-    createVirtualNode(originalEl, config = {}) {
-        if (!originalEl || !originalEl.parentElement) {
-            return null;
-        }
-        // 如果已存在虚拟节点，先移除
-        if (this.virtualNodes.has(originalEl)) {
-            this.removeVirtualNode(originalEl);
-        }
-        // 获取原始节点的位置和尺寸信息
-        const rect = originalEl.getBoundingClientRect();
-        const parentRect = originalEl.parentElement.getBoundingClientRect();
-        const computedStyle = window.getComputedStyle(originalEl);
-        // 创建虚拟节点（只复制结构，不复制内容以提高性能）
-        const virtualEl = originalEl.cloneNode(false); // false 表示不复制子节点
-        // 计算相对于父容器的位置
-        const top = rect.top - parentRect.top + (originalEl.parentElement.scrollTop || 0);
-        const left = rect.left - parentRect.left + (originalEl.parentElement.scrollLeft || 0);
-        // 设置虚拟节点样式
-        virtualEl.style.cssText = `
-            position: absolute;
-            top: ${top}px;
-            left: ${left}px;
-            width: ${rect.width}px;
-            height: ${rect.height}px;
-            margin: 0;
-            padding: ${computedStyle.padding};
-            border: ${computedStyle.border};
-            box-sizing: ${computedStyle.boxSizing};
-            pointer-events: none;
-            z-index: 10000;
-            opacity: 0.6;
-            background-color: ${computedStyle.backgroundColor || 'rgba(0, 123, 255, 0.1)'};
-            overflow: hidden;
-            box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.3);
-        `;
-        // 应用自定义样式
-        if (config.style) {
-            Object.assign(virtualEl.style, config.style);
-        }
-        // 应用自定义类名
-        if (config.className) {
-            virtualEl.className = config.className;
-        }
-        // 隐藏原始节点的内容（可选，通过设置透明度）
-        const originalOpacity = originalEl.style.opacity;
-        originalEl.style.opacity = '0.3';
-        originalEl.dataset.originalOpacity = originalOpacity || '';
-        // 将虚拟节点插入到父容器中
-        originalEl.parentElement.appendChild(virtualEl);
-        // 存储映射关系
-        this.virtualNodes.set(originalEl, virtualEl);
-        return virtualEl;
-    }
-    /**
-     * 更新虚拟节点尺寸
-     * @param originalEl - 原始节点
-     * @param size - 新尺寸
-     * @param direction - 方向 'horizontal' | 'vertical'
-     */
-    updateVirtualNode(originalEl, size, direction) {
-        const virtualEl = this.virtualNodes.get(originalEl);
-        if (!virtualEl)
-            return;
-        const sizeProperty = direction === 'horizontal' ? 'width' : 'height';
-        virtualEl.style[sizeProperty] = `${size}px`;
-    }
-    /**
-     * 更新虚拟节点位置（用于级联调整）
-     * @param originalEl - 原始节点
-     * @param newPosition - 新位置（绝对位置，不是偏移量）
-     * @param direction - 方向 'horizontal' | 'vertical'
-     */
-    updateVirtualNodePosition(originalEl, newPosition, direction) {
-        const virtualEl = this.virtualNodes.get(originalEl);
-        if (!virtualEl)
-            return;
-        const positionProperty = direction === 'horizontal' ? 'left' : 'top';
-        virtualEl.style[positionProperty] = `${newPosition}px`;
-    }
-    /**
-     * 移除虚拟节点
-     * @param originalEl - 原始节点
-     */
-    removeVirtualNode(originalEl) {
-        const virtualEl = this.virtualNodes.get(originalEl);
-        if (!virtualEl)
-            return;
-        // 恢复原始节点透明度
-        if (originalEl.dataset.originalOpacity !== undefined) {
-            originalEl.style.opacity = originalEl.dataset.originalOpacity;
-            delete originalEl.dataset.originalOpacity;
-        }
-        // 移除虚拟节点
-        if (virtualEl.parentElement) {
-            virtualEl.parentElement.removeChild(virtualEl);
-        }
-        // 移除映射关系
-        this.virtualNodes.delete(originalEl);
-    }
-    /**
-     * 将最终尺寸应用到真实节点
-     * @param originalEl - 原始节点
-     * @param finalSize - 最终尺寸
-     * @param direction - 方向 'horizontal' | 'vertical'
-     */
-    applyToRealNode(originalEl, finalSize, direction) {
-        const sizeProperty = direction === 'horizontal' ? 'width' : 'height';
-        originalEl.style[sizeProperty] = `${finalSize}px`;
-    }
-    /**
-     * 移除所有虚拟节点
-     */
-    removeAllVirtualNodes() {
-        const nodesToRemove = Array.from(this.virtualNodes.keys());
-        nodesToRemove.forEach(originalEl => {
-            this.removeVirtualNode(originalEl);
-        });
-        this.virtualNodes.clear();
-    }
-    /**
-     * 检查是否存在虚拟节点
-     * @param originalEl - 原始节点
-     * @returns 是否存在
-     */
-    hasVirtualNode(originalEl) {
-        return this.virtualNodes.has(originalEl);
-    }
-    /**
-     * 获取虚拟节点
-     * @param originalEl - 原始节点
-     * @returns 虚拟节点或null
-     */
-    getVirtualNode(originalEl) {
-        return this.virtualNodes.get(originalEl) || null;
-    }
-    /**
-     * 销毁管理器，清理所有资源
-     */
-    destroy() {
-        this.removeAllVirtualNodes();
-    }
-}
-
-exports.default = VirtualNodeManager;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=class{constructor(){Object.defineProperty(this,"virtualNodes",{enumerable:!0,configurable:!0,writable:!0,value:new Map})}createVirtualNode(e,t={}){if(!e||!e.parentElement)return null;this.virtualNodes.has(e)&&this.removeVirtualNode(e);const o=e.getBoundingClientRect(),i=e.parentElement.getBoundingClientRect(),a=window.getComputedStyle(e),l=e.cloneNode(!1),r=o.top-i.top+(e.parentElement.scrollTop||0),n=o.left-i.left+(e.parentElement.scrollLeft||0);l.style.cssText=`\n            position: absolute;\n            top: ${r}px;\n            left: ${n}px;\n            width: ${o.width}px;\n            height: ${o.height}px;\n            margin: 0;\n            padding: ${a.padding};\n            border: ${a.border};\n            box-sizing: ${a.boxSizing};\n            pointer-events: none;\n            z-index: 10000;\n            opacity: 0.6;\n            background-color: ${a.backgroundColor||"rgba(0, 123, 255, 0.1)"};\n            overflow: hidden;\n            box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.3);\n        `,t.style&&Object.assign(l.style,t.style),t.className&&(l.className=t.className);const s=e.style.opacity;return e.style.opacity="0.3",e.dataset.originalOpacity=s||"",e.parentElement.appendChild(l),this.virtualNodes.set(e,l),l}updateVirtualNode(e,t,o){const i=this.virtualNodes.get(e);if(!i)return;const a="horizontal"===o?"width":"height";i.style[a]=`${t}px`}updateVirtualNodePosition(e,t,o){const i=this.virtualNodes.get(e);if(!i)return;const a="horizontal"===o?"left":"top";i.style[a]=`${t}px`}removeVirtualNode(e){const t=this.virtualNodes.get(e);t&&(void 0!==e.dataset.originalOpacity&&(e.style.opacity=e.dataset.originalOpacity,delete e.dataset.originalOpacity),t.parentElement&&t.parentElement.removeChild(t),this.virtualNodes.delete(e))}applyToRealNode(e,t,o){const i="horizontal"===o?"width":"height";e.style[i]=`${t}px`}removeAllVirtualNodes(){Array.from(this.virtualNodes.keys()).forEach(e=>{this.removeVirtualNode(e)}),this.virtualNodes.clear()}hasVirtualNode(e){return this.virtualNodes.has(e)}getVirtualNode(e){return this.virtualNodes.get(e)||null}destroy(){this.removeAllVirtualNodes()}};
 //# sourceMappingURL=virtualNode.js.map

package/dist/utils/virtualNode.js.map

@@ -1 +1 @@
-{"version":3,"file":"virtualNode.js","sources":["../../src/utils/virtualNode.ts"],"sourcesContent":["/**\r\n * 虚拟节点管理模块\r\n * 负责创建、更新、销毁虚拟节点，用于虚拟化拖拽\r\n */\r\n\r\nimport { VirtualNodeConfig, ResizeDirection } from '../types';\r\n\r\nclass VirtualNodeManager {\r\n    private virtualNodes: Map<HTMLElement, HTMLElement> = new Map(); // 存储虚拟节点映射：realEl -> virtualEl\r\n\r\n    /**\r\n     * 创建虚拟节点\r\n     * @param originalEl - 原始节点\r\n     * @param config - 虚拟化配置\r\n     * @returns 虚拟节点\r\n     */\r\n    createVirtualNode(originalEl: HTMLElement, config: VirtualNodeConfig = {}): HTMLElement | null {\r\n        if (!originalEl || !originalEl.parentElement) {\r\n            return null;\r\n        }\r\n\r\n        // 如果已存在虚拟节点，先移除\r\n        if (this.virtualNodes.has(originalEl)) {\r\n            this.removeVirtualNode(originalEl);\r\n        }\r\n\r\n        // 获取原始节点的位置和尺寸信息\r\n        const rect = originalEl.getBoundingClientRect();\r\n        const parentRect = originalEl.parentElement.getBoundingClientRect();\r\n        const computedStyle = window.getComputedStyle(originalEl);\r\n\r\n        // 创建虚拟节点（只复制结构，不复制内容以提高性能）\r\n        const virtualEl = originalEl.cloneNode(false) as HTMLElement; // false 表示不复制子节点\r\n        \r\n        // 计算相对于父容器的位置\r\n        const top = rect.top - parentRect.top + (originalEl.parentElement.scrollTop || 0);\r\n        const left = rect.left - parentRect.left + (originalEl.parentElement.scrollLeft || 0);\r\n        \r\n        // 设置虚拟节点样式\r\n        virtualEl.style.cssText = `\r\n            position: absolute;\r\n            top: ${top}px;\r\n            left: ${left}px;\r\n            width: ${rect.width}px;\r\n            height: ${rect.height}px;\r\n            margin: 0;\r\n            padding: ${computedStyle.padding};\r\n            border: ${computedStyle.border};\r\n            box-sizing: ${computedStyle.boxSizing};\r\n            pointer-events: none;\r\n            z-index: 10000;\r\n            opacity: 0.6;\r\n            background-color: ${computedStyle.backgroundColor || 'rgba(0, 123, 255, 0.1)'};\r\n            overflow: hidden;\r\n            box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.3);\r\n        `;\r\n\r\n        // 应用自定义样式\r\n        if (config.style) {\r\n            Object.assign(virtualEl.style, config.style);\r\n        }\r\n\r\n        // 应用自定义类名\r\n        if (config.className) {\r\n            virtualEl.className = config.className;\r\n        }\r\n\r\n        // 隐藏原始节点的内容（可选，通过设置透明度）\r\n        const originalOpacity = originalEl.style.opacity;\r\n        originalEl.style.opacity = '0.3';\r\n        originalEl.dataset.originalOpacity = originalOpacity || '';\r\n\r\n        // 将虚拟节点插入到父容器中\r\n        originalEl.parentElement.appendChild(virtualEl);\r\n\r\n        // 存储映射关系\r\n        this.virtualNodes.set(originalEl, virtualEl);\r\n\r\n        return virtualEl;\r\n    }\r\n\r\n    /**\r\n     * 更新虚拟节点尺寸\r\n     * @param originalEl - 原始节点\r\n     * @param size - 新尺寸\r\n     * @param direction - 方向 'horizontal' | 'vertical'\r\n     */\r\n    updateVirtualNode(originalEl: HTMLElement, size: number, direction: ResizeDirection): void {\r\n        const virtualEl = this.virtualNodes.get(originalEl);\r\n        if (!virtualEl) return;\r\n\r\n        const sizeProperty = direction === 'horizontal' ? 'width' : 'height';\r\n        virtualEl.style[sizeProperty] = `${size}px`;\r\n    }\r\n\r\n    /**\r\n     * 更新虚拟节点位置（用于级联调整）\r\n     * @param originalEl - 原始节点\r\n     * @param newPosition - 新位置（绝对位置，不是偏移量）\r\n     * @param direction - 方向 'horizontal' | 'vertical'\r\n     */\r\n    updateVirtualNodePosition(originalEl: HTMLElement, newPosition: number, direction: ResizeDirection): void {\r\n        const virtualEl = this.virtualNodes.get(originalEl);\r\n        if (!virtualEl) return;\r\n\r\n        const positionProperty = direction === 'horizontal' ? 'left' : 'top';\r\n        virtualEl.style[positionProperty] = `${newPosition}px`;\r\n    }\r\n\r\n    /**\r\n     * 移除虚拟节点\r\n     * @param originalEl - 原始节点\r\n     */\r\n    removeVirtualNode(originalEl: HTMLElement): void {\r\n        const virtualEl = this.virtualNodes.get(originalEl);\r\n        if (!virtualEl) return;\r\n\r\n        // 恢复原始节点透明度\r\n        if (originalEl.dataset.originalOpacity !== undefined) {\r\n            originalEl.style.opacity = originalEl.dataset.originalOpacity;\r\n            delete originalEl.dataset.originalOpacity;\r\n        }\r\n\r\n        // 移除虚拟节点\r\n        if (virtualEl.parentElement) {\r\n            virtualEl.parentElement.removeChild(virtualEl);\r\n        }\r\n\r\n        // 移除映射关系\r\n        this.virtualNodes.delete(originalEl);\r\n    }\r\n\r\n    /**\r\n     * 将最终尺寸应用到真实节点\r\n     * @param originalEl - 原始节点\r\n     * @param finalSize - 最终尺寸\r\n     * @param direction - 方向 'horizontal' | 'vertical'\r\n     */\r\n    applyToRealNode(originalEl: HTMLElement, finalSize: number, direction: ResizeDirection): void {\r\n        const sizeProperty = direction === 'horizontal' ? 'width' : 'height';\r\n        originalEl.style[sizeProperty] = `${finalSize}px`;\r\n    }\r\n\r\n    /**\r\n     * 移除所有虚拟节点\r\n     */\r\n    removeAllVirtualNodes(): void {\r\n        const nodesToRemove = Array.from(this.virtualNodes.keys());\r\n        nodesToRemove.forEach(originalEl => {\r\n            this.removeVirtualNode(originalEl);\r\n        });\r\n        this.virtualNodes.clear();\r\n    }\r\n\r\n    /**\r\n     * 检查是否存在虚拟节点\r\n     * @param originalEl - 原始节点\r\n     * @returns 是否存在\r\n     */\r\n    hasVirtualNode(originalEl: HTMLElement): boolean {\r\n        return this.virtualNodes.has(originalEl);\r\n    }\r\n\r\n    /**\r\n     * 获取虚拟节点\r\n     * @param originalEl - 原始节点\r\n     * @returns 虚拟节点或null\r\n     */\r\n    getVirtualNode(originalEl: HTMLElement): HTMLElement | null {\r\n        return this.virtualNodes.get(originalEl) || null;\r\n    }\r\n\r\n    /**\r\n     * 销毁管理器，清理所有资源\r\n     */\r\n    destroy(): void {\r\n        this.removeAllVirtualNodes();\r\n    }\r\n}\r\n\r\nexport default VirtualNodeManager;\r\n\r\n"],"names":[],"mappings":";;;;AAAA;;;AAGG;AAIH,MAAM,kBAAkB,CAAA;AAAxB,IAAA,WAAA,GAAA;AACY,QAAA,MAAA,CAAA,cAAA,CAAA,IAAA,EAAA,cAAA,EAAA;;;;AAA8C,YAAA,KAAA,EAAA,IAAI,GAAG;AAAG,SAAA,CAAA,CAAA;IA0KpE;AAxKI;;;;;AAKG;AACH,IAAA,iBAAiB,CAAC,UAAuB,EAAE,MAAA,GAA4B,EAAE,EAAA;QACrE,IAAI,CAAC,UAAU,IAAI,CAAC,UAAU,CAAC,aAAa,EAAE;AAC1C,YAAA,OAAO,IAAI;QACf;;QAGA,IAAI,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,UAAU,CAAC,EAAE;AACnC,YAAA,IAAI,CAAC,iBAAiB,CAAC,UAAU,CAAC;QACtC;;AAGA,QAAA,MAAM,IAAI,GAAG,UAAU,CAAC,qBAAqB,EAAE;QAC/C,MAAM,UAAU,GAAG,UAAU,CAAC,aAAa,CAAC,qBAAqB,EAAE;QACnE,MAAM,aAAa,GAAG,MAAM,CAAC,gBAAgB,CAAC,UAAU,CAAC;;QAGzD,MAAM,SAAS,GAAG,UAAU,CAAC,SAAS,CAAC,KAAK,CAAgB,CAAC;;AAG7D,QAAA,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,GAAG,UAAU,CAAC,GAAG,IAAI,UAAU,CAAC,aAAa,CAAC,SAAS,IAAI,CAAC,CAAC;AACjF,QAAA,MAAM,IAAI,GAAG,IAAI,CAAC,IAAI,GAAG,UAAU,CAAC,IAAI,IAAI,UAAU,CAAC,aAAa,CAAC,UAAU,IAAI,CAAC,CAAC;;AAGrF,QAAA,SAAS,CAAC,KAAK,CAAC,OAAO,GAAG,CAAA;;mBAEf,GAAG,CAAA;oBACF,IAAI,CAAA;AACH,mBAAA,EAAA,IAAI,CAAC,KAAK,CAAA;AACT,oBAAA,EAAA,IAAI,CAAC,MAAM,CAAA;;AAEV,qBAAA,EAAA,aAAa,CAAC,OAAO,CAAA;AACtB,oBAAA,EAAA,aAAa,CAAC,MAAM,CAAA;AAChB,wBAAA,EAAA,aAAa,CAAC,SAAS,CAAA;;;;gCAIjB,aAAa,CAAC,eAAe,IAAI,wBAAwB,CAAA;;;SAGhF;;AAGD,QAAA,IAAI,MAAM,CAAC,KAAK,EAAE;YACd,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC;QAChD;;AAGA,QAAA,IAAI,MAAM,CAAC,SAAS,EAAE;AAClB,YAAA,SAAS,CAAC,SAAS,GAAG,MAAM,CAAC,SAAS;QAC1C;;AAGA,QAAA,MAAM,eAAe,GAAG,UAAU,CAAC,KAAK,CAAC,OAAO;AAChD,QAAA,UAAU,CAAC,KAAK,CAAC,OAAO,GAAG,KAAK;QAChC,UAAU,CAAC,OAAO,CAAC,eAAe,GAAG,eAAe,IAAI,EAAE;;AAG1D,QAAA,UAAU,CAAC,aAAa,CAAC,WAAW,CAAC,SAAS,CAAC;;QAG/C,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,UAAU,EAAE,SAAS,CAAC;AAE5C,QAAA,OAAO,SAAS;IACpB;AAEA;;;;;AAKG;AACH,IAAA,iBAAiB,CAAC,UAAuB,EAAE,IAAY,EAAE,SAA0B,EAAA;QAC/E,MAAM,SAAS,GAAG,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,UAAU,CAAC;AACnD,QAAA,IAAI,CAAC,SAAS;YAAE;AAEhB,QAAA,MAAM,YAAY,GAAG,SAAS,KAAK,YAAY,GAAG,OAAO,GAAG,QAAQ;QACpE,SAAS,CAAC,KAAK,CAAC,YAAY,CAAC,GAAG,CAAA,EAAG,IAAI,CAAA,EAAA,CAAI;IAC/C;AAEA;;;;;AAKG;AACH,IAAA,yBAAyB,CAAC,UAAuB,EAAE,WAAmB,EAAE,SAA0B,EAAA;QAC9F,MAAM,SAAS,GAAG,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,UAAU,CAAC;AACnD,QAAA,IAAI,CAAC,SAAS;YAAE;AAEhB,QAAA,MAAM,gBAAgB,GAAG,SAAS,KAAK,YAAY,GAAG,MAAM,GAAG,KAAK;QACpE,SAAS,CAAC,KAAK,CAAC,gBAAgB,CAAC,GAAG,CAAA,EAAG,WAAW,CAAA,EAAA,CAAI;IAC1D;AAEA;;;AAGG;AACH,IAAA,iBAAiB,CAAC,UAAuB,EAAA;QACrC,MAAM,SAAS,GAAG,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,UAAU,CAAC;AACnD,QAAA,IAAI,CAAC,SAAS;YAAE;;QAGhB,IAAI,UAAU,CAAC,OAAO,CAAC,eAAe,KAAK,SAAS,EAAE;YAClD,UAAU,CAAC,KAAK,CAAC,OAAO,GAAG,UAAU,CAAC,OAAO,CAAC,eAAe;AAC7D,YAAA,OAAO,UAAU,CAAC,OAAO,CAAC,eAAe;QAC7C;;AAGA,QAAA,IAAI,SAAS,CAAC,aAAa,EAAE;AACzB,YAAA,SAAS,CAAC,aAAa,CAAC,WAAW,CAAC,SAAS,CAAC;QAClD;;AAGA,QAAA,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC,UAAU,CAAC;IACxC;AAEA;;;;;AAKG;AACH,IAAA,eAAe,CAAC,UAAuB,EAAE,SAAiB,EAAE,SAA0B,EAAA;AAClF,QAAA,MAAM,YAAY,GAAG,SAAS,KAAK,YAAY,GAAG,OAAO,GAAG,QAAQ;QACpE,UAAU,CAAC,KAAK,CAAC,YAAY,CAAC,GAAG,CAAA,EAAG,SAAS,CAAA,EAAA,CAAI;IACrD;AAEA;;AAEG;IACH,qBAAqB,GAAA;AACjB,QAAA,MAAM,aAAa,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE,CAAC;AAC1D,QAAA,aAAa,CAAC,OAAO,CAAC,UAAU,IAAG;AAC/B,YAAA,IAAI,CAAC,iBAAiB,CAAC,UAAU,CAAC;AACtC,QAAA,CAAC,CAAC;AACF,QAAA,IAAI,CAAC,YAAY,CAAC,KAAK,EAAE;IAC7B;AAEA;;;;AAIG;AACH,IAAA,cAAc,CAAC,UAAuB,EAAA;QAClC,OAAO,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,UAAU,CAAC;IAC5C;AAEA;;;;AAIG;AACH,IAAA,cAAc,CAAC,UAAuB,EAAA;QAClC,OAAO,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,UAAU,CAAC,IAAI,IAAI;IACpD;AAEA;;AAEG;IACH,OAAO,GAAA;QACH,IAAI,CAAC,qBAAqB,EAAE;IAChC;AACH;;;;"}
+{"version":3,"file":"virtualNode.js","sources":["../../src/utils/virtualNode.ts"],"sourcesContent":[null],"names":["constructor","Object","defineProperty","this","value","Map","createVirtualNode","originalEl","config","parentElement","virtualNodes","has","removeVirtualNode","rect","getBoundingClientRect","parentRect","computedStyle","window","getComputedStyle","virtualEl","cloneNode","top","scrollTop","left","scrollLeft","style","cssText","width","height","padding","border","boxSizing","backgroundColor","assign","className","originalOpacity","opacity","dataset","appendChild","set","updateVirtualNode","size","direction","get","sizeProperty","updateVirtualNodePosition","newPosition","positionProperty","undefined","removeChild","delete","applyToRealNode","finalSize","removeAllVirtualNodes","Array","from","keys","forEach","clear","hasVirtualNode","getVirtualNode","destroy"],"mappings":"oFAOA,MAAA,WAAAA,GACYC,OAAAC,eAAAC,KAAA,eAAA,2CAA8CC,MAAA,IAAIC,KA0K9D,CAlKI,iBAAAC,CAAkBC,EAAyBC,EAA4B,IACnE,IAAKD,IAAeA,EAAWE,cAC3B,OAAO,KAIPN,KAAKO,aAAaC,IAAIJ,IACtBJ,KAAKS,kBAAkBL,GAI3B,MAAMM,EAAON,EAAWO,wBAClBC,EAAaR,EAAWE,cAAcK,wBACtCE,EAAgBC,OAAOC,iBAAiBX,GAGxCY,EAAYZ,EAAWa,WAAU,GAGjCC,EAAMR,EAAKQ,IAAMN,EAAWM,KAAOd,EAAWE,cAAca,WAAa,GACzEC,EAAOV,EAAKU,KAAOR,EAAWQ,MAAQhB,EAAWE,cAAce,YAAc,GAGnFL,EAAUM,MAAMC,QAAU,uDAEfL,2BACCE,4BACCV,EAAKc,iCACJd,EAAKe,2DAEJZ,EAAca,iCACfb,EAAcc,oCACVd,EAAce,wIAIRf,EAAcgB,iBAAmB,gIAMrDxB,EAAOiB,OACPxB,OAAOgC,OAAOd,EAAUM,MAAOjB,EAAOiB,OAItCjB,EAAO0B,YACPf,EAAUe,UAAY1B,EAAO0B,WAIjC,MAAMC,EAAkB5B,EAAWkB,MAAMW,QAUzC,OATA7B,EAAWkB,MAAMW,QAAU,MAC3B7B,EAAW8B,QAAQF,gBAAkBA,GAAmB,GAGxD5B,EAAWE,cAAc6B,YAAYnB,GAGrChB,KAAKO,aAAa6B,IAAIhC,EAAYY,GAE3BA,CACX,CAQA,iBAAAqB,CAAkBjC,EAAyBkC,EAAcC,GACrD,MAAMvB,EAAYhB,KAAKO,aAAaiC,IAAIpC,GACxC,IAAKY,EAAW,OAEhB,MAAMyB,EAA6B,eAAdF,EAA6B,QAAU,SAC5DvB,EAAUM,MAAMmB,GAAgB,GAAGH,KACvC,CAQA,yBAAAI,CAA0BtC,EAAyBuC,EAAqBJ,GACpE,MAAMvB,EAAYhB,KAAKO,aAAaiC,IAAIpC,GACxC,IAAKY,EAAW,OAEhB,MAAM4B,EAAiC,eAAdL,EAA6B,OAAS,MAC/DvB,EAAUM,MAAMsB,GAAoB,GAAGD,KAC3C,CAMA,iBAAAlC,CAAkBL,GACd,MAAMY,EAAYhB,KAAKO,aAAaiC,IAAIpC,GACnCY,SAGsC6B,IAAvCzC,EAAW8B,QAAQF,kBACnB5B,EAAWkB,MAAMW,QAAU7B,EAAW8B,QAAQF,uBACvC5B,EAAW8B,QAAQF,iBAI1BhB,EAAUV,eACVU,EAAUV,cAAcwC,YAAY9B,GAIxChB,KAAKO,aAAawC,OAAO3C,GAC7B,CAQA,eAAA4C,CAAgB5C,EAAyB6C,EAAmBV,GACxD,MAAME,EAA6B,eAAdF,EAA6B,QAAU,SAC5DnC,EAAWkB,MAAMmB,GAAgB,GAAGQ,KACxC,CAKA,qBAAAC,GAC0BC,MAAMC,KAAKpD,KAAKO,aAAa8C,QACrCC,QAAQlD,IAClBJ,KAAKS,kBAAkBL,KAE3BJ,KAAKO,aAAagD,OACtB,CAOA,cAAAC,CAAepD,GACX,OAAOJ,KAAKO,aAAaC,IAAIJ,EACjC,CAOA,cAAAqD,CAAerD,GACX,OAAOJ,KAAKO,aAAaiC,IAAIpC,IAAe,IAChD,CAKA,OAAAsD,GACI1D,KAAKkD,uBACT"}

package/package.json

@@ -1,88 +1,134 @@
-{
-  "name": "react-resize-demo",
-  "version": "2.0.1",
-  "description": "A React component library demo",
-  "main": "dist/index.js",
-  "module": "dist/esm/index.js",
-  "types": "dist/types/index.d.ts",
-  "exports": {
-    ".": {
-      "import": "./dist/esm/index.js",
-      "require": "./dist/index.js",
-      "types": "./dist/types/index.d.ts"
-    },
-    "./components": {
-      "import": "./dist/esm/components/ResizePanel/index.js",
-      "require": "./dist/components/ResizePanel/index.js",
-      "types": "./dist/types/components/ResizePanel/index.d.ts"
-    },
-    "./components/*": {
-      "import": "./dist/esm/components/*/index.js",
-      "require": "./dist/components/*/index.js",
-      "types": "./dist/types/components/*/index.d.ts"
-    },
-    "./utils": {
-      "import": "./dist/esm/utils/index.js",
-      "require": "./dist/utils/index.js",
-      "types": "./dist/types/utils/index.d.ts"
-    },
-    "./types": {
-      "import": "./dist/esm/types/index.js",
-      "require": "./dist/types/index.js",
-      "types": "./dist/types/types/index.d.ts"
-    }
-  },
-  "files": [
-    "dist",
-    "README.md",
-    "CHANGELOG.md"
-  ],
-  "scripts": {
-    "build": "rollup -c",
-    "build:watch": "rollup -c -w",
-    "dev": "vite",
-    "demo": "vite --config vite.demo.config.ts",
-    "demo:build": "vite build --config vite.demo.config.ts",
-    "type-check": "tsc --noEmit",
-    "lint": "eslint src --ext .ts,.tsx",
-    "prepublishOnly": "npm run build"
-  },
-  "keywords": [
-    "react",
-    "component",
-    "library"
-  ],
-  "author": "",
-  "license": "MIT",
-  "peerDependencies": {
-    "react": ">=16.8.0",
-    "react-dom": ">=16.8.0"
-  },
-  "devDependencies": {
-    "@rollup/plugin-commonjs": "^25.0.7",
-    "@rollup/plugin-node-resolve": "^15.2.3",
-    "@rollup/plugin-typescript": "^11.1.5",
-    "@types/react": "^18.2.43",
-    "@types/react-dom": "^18.2.17",
-    "@typescript-eslint/eslint-plugin": "^6.14.0",
-    "@typescript-eslint/parser": "^6.14.0",
-    "@vitejs/plugin-react": "^4.2.1",
-    "eslint": "^8.55.0",
-    "eslint-plugin-react": "^7.33.2",
-    "eslint-plugin-react-hooks": "^4.6.0",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "rollup": "^4.6.1",
-    "rollup-plugin-dts": "^6.1.0",
-    "rollup-plugin-peer-deps-external": "^2.2.4",
-    "rollup-plugin-postcss": "^4.0.2",
-    "tslib": "^2.6.2",
-    "typescript": "^5.3.3",
-    "vite": "^5.0.7"
-  },
-  "repository": {
-    "type": "git",
-    "url": ""
-  }
-}
-
+{
+  "name": "react-resize-demo",
+  "version": "2.0.3",
+  "description": "A React component library demo",
+  "main": "dist/index.js",
+  "module": "dist/esm/index.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": {
+        "types": "./dist/esm/index.d.ts",
+        "default": "./dist/esm/index.js"
+      },
+      "require": {
+        "types": "./dist/index.d.ts",
+        "default": "./dist/index.js"
+      }
+    },
+    "./components": {
+      "import": {
+        "types": "./dist/esm/components/index.d.ts",
+        "default": "./dist/esm/components/index.js"
+      },
+      "require": {
+        "types": "./dist/components/index.d.ts",
+        "default": "./dist/components/index.js"
+      }
+    },
+    "./components/*": {
+      "import": {
+        "types": "./dist/esm/components/*/index.d.ts",
+        "default": "./dist/esm/components/*/index.js"
+      },
+      "require": {
+        "types": "./dist/components/*/index.d.ts",
+        "default": "./dist/components/*/index.js"
+      }
+    },
+    "./components/shared/*": {
+      "import": {
+        "types": "./dist/esm/components/shared/*.d.ts",
+        "default": "./dist/esm/components/shared/*.js"
+      },
+      "require": {
+        "types": "./dist/components/shared/*.d.ts",
+        "default": "./dist/components/shared/*.js"
+      }
+    },
+    "./utils": {
+      "import": {
+        "types": "./dist/esm/utils/index.d.ts",
+        "default": "./dist/esm/utils/index.js"
+      },
+      "require": {
+        "types": "./dist/utils/index.d.ts",
+        "default": "./dist/utils/index.js"
+      }
+    },
+    "./utils/*": {
+      "import": {
+        "types": "./dist/esm/utils/*.d.ts",
+        "default": "./dist/esm/utils/*.js"
+      },
+      "require": {
+        "types": "./dist/utils/*.d.ts",
+        "default": "./dist/utils/*.js"
+      }
+    },
+    "./types": {
+      "import": {
+        "types": "./dist/esm/types/index.d.ts",
+        "default": "./dist/esm/types/index.js"
+      },
+      "require": {
+        "types": "./dist/types/index.d.ts",
+        "default": "./dist/types/index.js"
+      }
+    }
+  },
+  "sideEffects": false,
+  "files": [
+    "dist",
+    "README.md",
+    "CHANGELOG.md"
+  ],
+  "scripts": {
+    "build": "rollup -c",
+    "build:watch": "rollup -c -w",
+    "dev": "vite",
+    "demo": "vite --config vite.demo.config.ts",
+    "demo:build": "vite build --config vite.demo.config.ts",
+    "type-check": "tsc --noEmit",
+    "lint": "eslint src --ext .ts,.tsx",
+    "prepublishOnly": "npm run build"
+  },
+  "keywords": [
+    "react",
+    "component",
+    "library"
+  ],
+  "author": "",
+  "license": "MIT",
+  "peerDependencies": {
+    "react": ">=16.8.0",
+    "react-dom": ">=16.8.0"
+  },
+  "devDependencies": {
+    "@rollup/plugin-commonjs": "^25.0.7",
+    "@rollup/plugin-node-resolve": "^15.2.3",
+    "@rollup/plugin-typescript": "^11.1.5",
+    "@types/react": "^18.2.43",
+    "@types/react-dom": "^18.2.17",
+    "@typescript-eslint/eslint-plugin": "^6.14.0",
+    "@typescript-eslint/parser": "^6.14.0",
+    "@vitejs/plugin-react": "^4.2.1",
+    "eslint": "^8.55.0",
+    "eslint-plugin-react": "^7.33.2",
+    "eslint-plugin-react-hooks": "^4.6.0",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "rollup": "^4.6.1",
+    "rollup-plugin-dts": "^6.1.0",
+    "rollup-plugin-peer-deps-external": "^2.2.4",
+    "rollup-plugin-postcss": "^4.0.2",
+    "tslib": "^2.6.2",
+    "typescript": "^5.3.3",
+    "vite": "^5.0.7"
+  },
+  "repository": {
+    "type": "git",
+    "url": ""
+  }
+}
+