@douyinfe/semi-foundation 2.69.1-alpha.0 → 2.69.2

package/resizable/group/index.ts

@@ -1,8 +1,7 @@
 import { getItemDirection, getPixelSize } from "../utils";
 import BaseFoundation, { DefaultAdapter } from '../../base/foundation';
-import { ResizeStartCallback, ResizeCallback } from "../types";
+import { ResizeStartCallback, ResizeCallback } from "../singleConstants";
 import { adjustNewSize, judgeConstraint, getOffset } from "../utils";
-import { debounce } from "lodash";
 export interface ResizeHandlerAdapter<P = Record<string, any>, S = Record<string, any>> extends DefaultAdapter<P, S> {
     registerEvents: () => void;
     unregisterEvents: () => void
@@ -62,23 +61,16 @@ export class ResizeGroupFoundation<P = Record<string, any>, S = Record<string, a
         return this._adapter.getGroupRef();
     }
 
-    get groupSize(): number {
-        const { direction } = this.getProps();
-        let groupSize = direction === 'horizontal' ? this.groupRef.offsetWidth : this.groupRef.offsetHeight;
-        return groupSize;
-    }
-
     direction: 'horizontal' | 'vertical'
-    itemMinusMap: Map<number, number>; // 这个是为了给handler留出空间，方便维护每一个item的size为cal(percent% - minus)
+    itemMinusMap: Map<number, number>;
     totalMinus: number;
-    itemPercentMap: Map<number, number>; // 内部维护一个百分比数组，消除浮点计算误差
+    avaliableSize: number;
 
 
     init(): void {
         this.direction = this.getProp('direction');
         this.itemMinusMap = new Map();
-        this.itemPercentMap = new Map();
-        this.initSpace();
+        this.calculateSpace();
     }
     get window(): Window | null {
         return this.groupRef.ownerDocument.defaultView as Window ?? null;
@@ -101,18 +93,16 @@ export class ResizeGroupFoundation<P = Record<string, any>, S = Record<string, a
         const lastStyle = this.window.getComputedStyle(lastItem);
         const nextStyle = this.window.getComputedStyle(nextItem);
 
-        lastOffset = getOffset(lastStyle, this.direction) + this.itemMinusMap.get(handlerIndex);
-        nextOffset = getOffset(nextStyle, this.direction) + this.itemMinusMap.get(handlerIndex + 1);
-        let lastItemSize = (this.direction === 'horizontal' ? lastItem.offsetWidth : lastItem.offsetHeight) + this.itemMinusMap.get(handlerIndex),
-            nextItemSize = (this.direction === 'horizontal' ? nextItem.offsetWidth : nextItem.offsetHeight) + this.itemMinusMap.get(handlerIndex + 1);
+        lastOffset = getOffset(lastStyle, this.direction);
+        nextOffset = getOffset(nextStyle, this.direction);
         const states = this.getStates();
         this.setState({
             isResizing: true,
             originalPosition: {
                 x: clientX,
                 y: clientY,
-                lastItemSize,
-                nextItemSize,
+                lastItemSize: (this.direction === 'horizontal' ? lastItem.offsetWidth : lastItem.offsetHeight),
+                nextItemSize: (this.direction === 'horizontal' ? nextItem.offsetWidth : nextItem.offsetHeight),
                 lastOffset,
                 nextOffset,
             },
@@ -148,38 +138,33 @@ export class ResizeGroupFoundation<P = Record<string, any>, S = Record<string, a
         const props = this.getProps();
         const { direction } = props;
         let lastItem = this._adapter.getItem(curHandler), nextItem = this._adapter.getItem(curHandler + 1);
-        let parentSize = this.groupSize;
+        let parentSize = this.direction === 'horizontal' ? this.groupRef.offsetWidth : this.groupRef.offsetHeight;
+        let availableSize = parentSize - this.totalMinus;
+
         let delta = direction === 'horizontal' ? (clientX - initX) : (clientY - initY);
         let lastNewSize = lastItemSize + delta;
         let nextNewSize = nextItemSize - delta;
 
         // 判断是否超出限制
-        let lastFlag = judgeConstraint(lastNewSize, this._adapter.getItemMin(curHandler), this._adapter.getItemMax(curHandler), parentSize, lastOffset),
-            nextFlag = judgeConstraint(nextNewSize, this._adapter.getItemMin(curHandler + 1), this._adapter.getItemMax(curHandler + 1), parentSize, nextOffset);
+        let lastFlag = judgeConstraint(lastNewSize, this._adapter.getItemMin(curHandler), this._adapter.getItemMax(curHandler), availableSize, lastOffset),
+            nextFlag = judgeConstraint(nextNewSize, this._adapter.getItemMin(curHandler + 1), this._adapter.getItemMax(curHandler + 1), availableSize, nextOffset);
 
         if (lastFlag) {
-            lastNewSize = adjustNewSize(lastNewSize, this._adapter.getItemMin(curHandler), this._adapter.getItemMax(curHandler), parentSize, lastOffset);
+            lastNewSize = adjustNewSize(lastNewSize, this._adapter.getItemMin(curHandler), this._adapter.getItemMax(curHandler), availableSize, lastOffset);
             nextNewSize = lastItemSize + nextItemSize - lastNewSize;
         }
 
         if (nextFlag) {
-            nextNewSize = adjustNewSize(nextNewSize, this._adapter.getItemMin(curHandler + 1), this._adapter.getItemMax(curHandler + 1), parentSize, nextOffset);
+            nextNewSize = adjustNewSize(nextNewSize, this._adapter.getItemMin(curHandler + 1), this._adapter.getItemMax(curHandler + 1), availableSize, nextOffset);
             lastNewSize = lastItemSize + nextItemSize - nextNewSize;
         }
 
-        let lastItemPercent = this.itemPercentMap.get(curHandler),
-            nextItemPercent = this.itemPercentMap.get(curHandler + 1);
-
-        let lastNewPercent = (lastNewSize) / parentSize * 100;
-        let nextNewPercent = lastItemPercent + nextItemPercent - lastNewPercent; // 消除浮点误差
-        this.itemPercentMap.set(curHandler, lastNewPercent);
-        this.itemPercentMap.set(curHandler + 1, nextNewPercent);
         if (direction === 'horizontal') {     
-            lastItem.style.width = `calc(${lastNewPercent}% - ${this.itemMinusMap.get(curHandler)}px)`;
-            nextItem.style.width = `calc(${nextNewPercent}% - ${this.itemMinusMap.get(curHandler + 1)}px)`;
+            lastItem.style.width = (lastNewSize) / parentSize * 100 + '%';
+            nextItem.style.width = (nextNewSize) / parentSize * 100 + '%';
         } else if (direction === 'vertical') {
-            lastItem.style.height = `calc(${lastNewPercent}% - ${this.itemMinusMap.get(curHandler)}px)`;
-            nextItem.style.height = `calc(${nextNewPercent}% - ${this.itemMinusMap.get(curHandler + 1)}px)`;
+            lastItem.style.height = (lastNewSize) / parentSize * 100 + '%';
+            nextItem.style.height = (nextNewSize) / parentSize * 100 + '%';
         }
 
         let lastFunc = this._adapter.getItemChange(curHandler),
@@ -212,13 +197,13 @@ export class ResizeGroupFoundation<P = Record<string, any>, S = Record<string, a
         this.unregisterEvents();
     }
 
-    initSpace = () => {
+    calculateSpace = () => {
         const props = this.getProps();
         const { direction } = props;
 
         // calculate accurate space for group item
         let handlerSizes = new Array(this._adapter.getHandlerCount()).fill(0);
-        let parentSize = this.groupSize;
+        let groupSize = direction === 'horizontal' ? this.groupRef.offsetWidth : this.groupRef.offsetHeight;
         this.totalMinus = 0;
         for (let i = 0; i < this._adapter.getHandlerCount(); i++) {
             let handlerSize = direction === 'horizontal' ? this._adapter.getHandler(i).offsetWidth : this._adapter.getHandler(i).offsetHeight;
@@ -240,8 +225,8 @@ export class ResizeGroupFoundation<P = Record<string, any>, S = Record<string, a
             }
             const child = this._adapter.getItem(i);
             let minSize = this._adapter.getItemMin(i), maxSize = this._adapter.getItemMax(i);
-            let minSizePercent = minSize ? getPixelSize(minSize, parentSize) / parentSize * 100 : 0,
-                maxSizePercent = maxSize ? getPixelSize(maxSize, parentSize) / parentSize * 100 : 100;
+            let minSizePercent = minSize ? getPixelSize(minSize, groupSize) / groupSize * 100 : 0,
+                maxSizePercent = maxSize ? getPixelSize(maxSize, groupSize) / groupSize * 100 : 100;
             if (minSizePercent > maxSizePercent) {
                 console.warn('[Semi ResizableItem]: min size bigger than max size');
             }    
@@ -252,21 +237,21 @@ export class ResizeGroupFoundation<P = Record<string, any>, S = Record<string, a
                 if (typeof defaultSize === 'string') {
                     if (defaultSize.endsWith('%')) {
                         itemSizePercent = parseFloat(defaultSize.slice(0, -1));
-                        this.itemPercentMap.set(i, itemSizePercent);
                     } else if (defaultSize.endsWith('px')) {
-                        itemSizePercent = parseFloat(defaultSize.slice(0, -2)) / parentSize * 100;
-                        this.itemPercentMap.set(i, itemSizePercent);
+                        itemSizePercent = parseFloat(defaultSize.slice(0, -2)) / groupSize * 100;
                     } else if (/^-?\d+(\.\d+)?$/.test(defaultSize)) {
                         // 仅由数字组成，表示按比例分配剩下空间
                         undefineLoc.set(i, parseFloat(defaultSize));
                         undefinedTotal += parseFloat(defaultSize);
                         continue;
                     }
-                } else if (typeof defaultSize === 'number') {
+                } else {
                     undefineLoc.set(i, defaultSize);
                     undefinedTotal += defaultSize;
                     continue;
                 }
+                
+
                 totalSizePercent += itemSizePercent;
                 
                 if (direction === 'horizontal') {
@@ -294,62 +279,14 @@ export class ResizeGroupFoundation<P = Record<string, any>, S = Record<string, a
     
         undefineLoc.forEach((value, key) => {
             const child = this._adapter.getItem(key);
-            const percent = value / undefinedTotal * undefineSizePercent;
-            this.itemPercentMap.set(key, percent);
             if (direction === 'horizontal') {
-                child.style.width = `calc(${percent}% - ${this.itemMinusMap.get(key)}px)`;
+                child.style.width = `calc(${undefineSizePercent / undefinedTotal * value}% - ${this.itemMinusMap.get(key)}px)`;
             } else {
-                child.style.height = `calc(${percent}% - ${this.itemMinusMap.get(key)}px)`;
+                child.style.height = `calc(${undefineSizePercent / undefinedTotal * value}% - ${this.itemMinusMap.get(key)}px)`;
             }
         });
     }
 
-    ensureConstraint = debounce(() => {
-        // 浏览器拖拽时保证px值最大最小仍生效
-        const { direction } = this.getProps();
-        const itemCount = this._adapter.getItemCount();
-        let continueFlag = true;
-        for (let i = 0; i < itemCount; i++) {
-            const child = this._adapter.getItem(i);
-            const childSize = direction === 'horizontal' ? child.offsetWidth : child.offsetHeight;
-            // 判断由非鼠标拖拽导致item的size变化过程中是否有超出限制的情况
-            const childFlag = judgeConstraint(childSize, this._adapter.getItemMin(i), this._adapter.getItemMax(i), this.groupSize, this.itemMinusMap.get(i));
-            if (childFlag) {
-                const childNewSize = adjustNewSize(childSize, this._adapter.getItemMin(i), this._adapter.getItemMax(i), this.groupSize, this.itemMinusMap.get(i));
-                for (let j = i + 1; j < itemCount; j++) {
-                    // 找到下一个没有超出限制的item
-                    const item = this._adapter.getItem(j);
-                    const itemSize = direction === 'horizontal' ? item.offsetWidth : item.offsetHeight;
-                    const itemFlag = judgeConstraint(itemSize, this._adapter.getItemMin(j), this._adapter.getItemMax(j), this.groupSize, this.itemMinusMap.get(j));
-                    if (!itemFlag) {
-                        let childPercent = this.itemPercentMap.get(i),
-                            itemPercent = this.itemPercentMap.get(j);
-                        let childNewPercent = childNewSize / this.groupSize * 100;
-                        let itemNewPercent = childPercent + itemPercent - childNewPercent;
-                        this.itemPercentMap.set(i, childNewPercent);
-                        this.itemPercentMap.set(j, itemNewPercent);
-                        if (direction === 'horizontal') {
-                            child.style.width = `calc(${childNewPercent}% - ${this.itemMinusMap.get(i)}px)`;
-                            item.style.width = `calc(${itemNewPercent}% - ${this.itemMinusMap.get(j)}px)`;
-                        } else {
-                            child.style.height = `calc(${childNewPercent}% - ${this.itemMinusMap.get(i)}px)`;
-                            item.style.height = `calc(${itemNewPercent}% - ${this.itemMinusMap.get(j)}px)`;
-                        }
-                        break;
-                    } else {
-                        if (j === itemCount - 1) {
-                            continueFlag = false;
-                            console.warn('[Semi ResizableGroup]: no enough space to adjust min/max size');
-                        }
-                    }
-                }
-            }
-            if (!continueFlag) {
-                break;
-            }
-        }
-    }, 200) 
-
     destroy(): void {
         
     }

package/resizable/groupConstants.ts

@@ -0,0 +1,25 @@
+// group
+const rowStyleBase = {
+    width: '100%',
+    height: '8px',
+    flexShrink: 0,
+    margin: '0',
+    cursor: 'row-resize',
+} as const;
+const colStyleBase = {
+    width: '8px',
+    flexShrink: 0,
+    height: '100%',
+    margin: '0',
+    cursor: 'col-resize',
+} as const;
+
+export const directionStyles = {
+    horizontal: {
+        ...colStyleBase,
+    },
+    vertical: {
+        ...rowStyleBase,
+    }
+} as const;
+

package/resizable/resizable.scss

@@ -1,4 +1,5 @@
-@import "./variables.scss";
+@import './variables.scss';
+
 $module: #{$prefix}-resizable;
 
 .#{$module} {
@@ -12,83 +13,8 @@ $module: #{$prefix}-resizable;
         position: absolute;
         user-select: none;
         z-index: $z-resizable_handler;
-
-        // 基础样式
-        @mixin row-resize-base {
-            width: 100%;
-            height: $height-row-handler;
-            top: 0;
-            left: 0;
-            cursor: row-resize;
-        }
-
-        @mixin col-resize-base {
-            width: $width-col-handler;
-            height: 100%;
-            top: 0;
-            left: 0;
-            cursor: col-resize;
-        }
-
-        @mixin edge-resize-base {
-            width: $width-edge-handler;
-            height: $height-edge-handler;
-            position: absolute;
-        }
-
-        // 方向样式
-        &-top {
-            @include row-resize-base;
-            top: calc(-1 * $height-row-handler / 2);
-        }
-
-        &-right {
-            @include col-resize-base;
-            left: auto;
-            right: calc(-1 * $width-col-handler / 2);
-        }
-
-        &-bottom {
-            @include row-resize-base;
-            top: auto;
-            bottom: calc(-1 * $height-row-handler / 2);
-        }
-
-        &-left {
-            @include col-resize-base;
-            left: calc(-1 * $width-col-handler / 2);
-        }
-
-        // 边角样式
-        &-topRight {
-            @include edge-resize-base;
-            right: calc(-1 * $width-edge-handler / 2);
-            top: calc(-1 * $height-edge-handler / 2);
-            cursor: ne-resize;
-        }
-
-        &-bottomRight {
-            @include edge-resize-base;
-            right: calc(-1 * $width-edge-handler / 2);
-            bottom: calc(-1 * $height-edge-handler / 2);
-            cursor: se-resize;
-        }
-
-        &-bottomLeft {
-            @include edge-resize-base;
-            left: calc(-1 * $width-edge-handler / 2);
-            bottom: calc(-1 * $height-edge-handler / 2);
-            cursor: sw-resize;
-        }
-
-        &-topLeft {
-            @include edge-resize-base;
-            left: calc(-1 * $width-edge-handler / 2);
-            top: calc(-1 * $height-edge-handler / 2);
-            cursor: nw-resize;
-        }
     }
-
+    
     &-group {
         display: flex;
         position: relative;
@@ -111,28 +37,5 @@ $module: #{$prefix}-resizable;
         justify-content: center;
         background-color: var(--semi-color-fill-0);
         opacity: 1;
-
-        &-vertical {
-            width: 100%;
-            height: $height-vertical-handler;
-            flex-shrink: 0;
-            cursor: row-resize;
-        }
-
-        &-horizontal {
-            height: 100%;
-            width: $width-horizontal-handler;
-            flex-shrink: 0;
-            cursor: col-resize;
-        }
-    }
-
-    &-background {
-        height: 100%;
-        width: 100%;
-        inset: 0;
-        z-index: $z-resizable_background;
-        opacity: 0;
-        position: fixed;
     }
 }

package/resizable/single/index.ts

@@ -1,5 +1,5 @@
 import BaseFoundation, { DefaultAdapter } from '../../base/foundation';
-import { DEFAULT_SIZE, Size, NumberSize, Direction, NewSize } from "../types";
+import { DEFAULT_SIZE, Size, NumberSize, Direction, NewSize } from "../singleConstants";
 import { getStringSize, getNumberSize, has, calculateNewMax, findNextSnap, snap, clamp } from "../utils";
 export interface ResizableHandlerAdapter<P = Record<string, any>, S = Record<string, any>> extends DefaultAdapter<P, S> {
     registerEvent: () => void;

package/resizable/{types.ts → singleConstants.ts}

@@ -1,6 +1,71 @@
 // single
+const rowStyleBase = {
+    width: '100%',
+    height: '10px',
+    top: '0px',
+    left: '0px',
+    cursor: 'row-resize',
+} as const;
+const colStyleBase = {
+    width: '10px',
+    height: '100%',
+    top: '0px',
+    left: '0px',
+    cursor: 'col-resize',
+} as const;
+const edgeStyleBase = {
+    width: '20px',
+    height: '20px',
+    position: 'absolute',
+} as const;
+
 export const directions = ['top', 'right', 'bottom', 'left', 'topRight', 'bottomRight', 'bottomLeft', 'topLeft'] as const;
 
+export const directionStyles = {
+    top: {
+        ...rowStyleBase,
+        top: '-5px',
+    },
+    right: {
+        ...colStyleBase,
+        left: undefined,
+        right: '-5px',
+    },
+    bottom: {
+        ...rowStyleBase,
+        top: undefined,
+        bottom: '-5px',
+    },
+    left: {
+        ...colStyleBase,
+        left: '-5px',
+    },
+    topRight: {
+        ...edgeStyleBase,
+        right: '-10px',
+        top: '-10px',
+        cursor: 'ne-resize',
+    },
+    bottomRight: {
+        ...edgeStyleBase,
+        right: '-10px',
+        bottom: '-10px',
+        cursor: 'se-resize',
+    },
+    bottomLeft: {
+        ...edgeStyleBase,
+        left: '-10px',
+        bottom: '-10px',
+        cursor: 'sw-resize',
+    },
+    topLeft: {
+        ...edgeStyleBase,
+        left: '-10px',
+        top: '-10px',
+        cursor: 'nw-resize',
+    },
+} as const;
+
 export type Direction = 'top' | 'right' | 'bottom' | 'left' | 'topRight' | 'bottomRight' | 'bottomLeft' | 'topLeft';
 
 export interface HandleClassName {

package/resizable/utils.ts

@@ -80,8 +80,7 @@ export const calculateNewMax = (
         minWidth,
         minHeight,
     };
-};
-export const getItemDirection = (dir: 'vertical' | 'horizontal') => {
+};export const getItemDirection = (dir: 'vertical' | 'horizontal') => {
     if (dir === 'vertical') {
         return ['bottom', 'top'];
     } else {
@@ -105,10 +104,10 @@ export const judgeConstraint = (newSize: number, min: string, max: string, paren
     max = max ?? "100%";
     const minSize = getPixelSize(min, parentSize);
     const maxSize = getPixelSize(max, parentSize);
-    if (newSize < minSize + offset) {
+    if (newSize <= minSize + offset) {
         return true;
     }
-    if (newSize > maxSize) {
+    if (newSize >= maxSize - offset) {
         return true;
     }
     return false;
@@ -119,11 +118,11 @@ export const adjustNewSize = (newSize: number, min: string, max: string, parentS
     max = max ?? "100%";
     const minSize = getPixelSize(min, parentSize);
     const maxSize = getPixelSize(max, parentSize);
-    if (newSize < minSize + offset) {
+    if (newSize <= minSize + offset) {
         return minSize + offset;
     }
-    if (newSize > maxSize) {
-        return maxSize;
+    if (newSize >= maxSize - offset) {
+        return maxSize - offset;
     }
     return newSize;
 };

package/resizable/variables.scss

@@ -1,9 +1 @@
 $z-resizable_handler: 2000 !default; // 伸缩框组件中handler的z-index
-$z-resizable_background: 2010; // 伸缩框组件中背景的z-index
-
-$height-row-handler: 10px; // 单个伸缩框中上下handler的高度
-$width-col-handler: 10px;  // 单个伸缩框中左右handler的宽度
-$width-edge-handler: 20px; // 单个伸缩框中边角handler的宽度
-$height-edge-handler: 20px; // 单个伸缩框中边角handler的高度
-$width-horizontal-handler: 10px; // 组合伸缩框中水平方向handler的宽度
-$height-vertical-handler: 10px;  // 组合伸缩框中垂直方向handler的高度

package/table/table.scss

@@ -145,7 +145,8 @@ $module: #{$prefix}-table;
                 &.#{$module}-row-head-clickSort {
                     cursor: pointer;
                     &:hover {
-                        background: $color-table_th-clickSort-bg-hover;
+                        background-image: linear-gradient(0deg, $color-table_th-clickSort-bg-hover, $color-table_th-clickSort-bg-hover);
+                        background-color: $color-table_cell-bg-hover;
                         
                         &.#{$module}-cell-fixed {
                             &-left,

package/transfer/transfer.scss

@@ -53,6 +53,7 @@ $module: #{$prefix}-transfer;
         margin-bottom: $spacing-transfer_header-marginBottom;
         margin-left: $spacing-transfer_header-marginLeft;
         color: $color-transfer_header-text;
+        flex-shrink: 0;
 
         &-all {
             font-weight: $font-transfer_header_all-fontWeight;

package/treeSelect/treeSelect.scss

@@ -165,7 +165,6 @@ $module: #{$prefix}-tree-select;
             
             &-placeholder {
                 opacity: .6;
-                z-index: -1;
             }
 
             &-disabled {
@@ -174,6 +173,10 @@ $module: #{$prefix}-tree-select;
             }
         }
 
+        .#{$module}-triggerSingleSearch-upper {
+            z-index: 1;
+        }
+
         .#{$module}-triggerSingleSearch-wrapper{
             width: 100%;
 

package/lib/cjs/resizable/types.d.ts

@@ -1,41 +0,0 @@
-export declare const directions: readonly ["top", "right", "bottom", "left", "topRight", "bottomRight", "bottomLeft", "topLeft"];
-export type Direction = 'top' | 'right' | 'bottom' | 'left' | 'topRight' | 'bottomRight' | 'bottomLeft' | 'topLeft';
-export interface HandleClassName {
-    top?: string;
-    right?: string;
-    bottom?: string;
-    left?: string;
-    topRight?: string;
-    bottomRight?: string;
-    bottomLeft?: string;
-    topLeft?: string;
-}
-export type HandlerCallback = (e: MouseEvent, direction: Direction) => void;
-export interface Enable {
-    top?: boolean;
-    right?: boolean;
-    bottom?: boolean;
-    left?: boolean;
-    topRight?: boolean;
-    bottomRight?: boolean;
-    bottomLeft?: boolean;
-    topLeft?: boolean;
-}
-export interface Size {
-    width?: string | number;
-    height?: string | number;
-}
-export interface NumberSize {
-    width: number;
-    height: number;
-}
-export interface NewSize {
-    newHeight: number | string;
-    newWidth: number | string;
-}
-export declare const DEFAULT_SIZE: {
-    width: string;
-    height: string;
-};
-export type ResizeCallback = (size: Size, event: MouseEvent, direction: Direction) => void;
-export type ResizeStartCallback = (e: MouseEvent, dir: Direction) => void | boolean;

package/lib/cjs/resizable/types.js

@@ -1,12 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.directions = exports.DEFAULT_SIZE = void 0;
-// single
-const directions = exports.directions = ['top', 'right', 'bottom', 'left', 'topRight', 'bottomRight', 'bottomLeft', 'topLeft'];
-const DEFAULT_SIZE = exports.DEFAULT_SIZE = {
-  width: 'auto',
-  height: 'auto'
-};

package/lib/es/resizable/types.d.ts

@@ -1,41 +0,0 @@
-export declare const directions: readonly ["top", "right", "bottom", "left", "topRight", "bottomRight", "bottomLeft", "topLeft"];
-export type Direction = 'top' | 'right' | 'bottom' | 'left' | 'topRight' | 'bottomRight' | 'bottomLeft' | 'topLeft';
-export interface HandleClassName {
-    top?: string;
-    right?: string;
-    bottom?: string;
-    left?: string;
-    topRight?: string;
-    bottomRight?: string;
-    bottomLeft?: string;
-    topLeft?: string;
-}
-export type HandlerCallback = (e: MouseEvent, direction: Direction) => void;
-export interface Enable {
-    top?: boolean;
-    right?: boolean;
-    bottom?: boolean;
-    left?: boolean;
-    topRight?: boolean;
-    bottomRight?: boolean;
-    bottomLeft?: boolean;
-    topLeft?: boolean;
-}
-export interface Size {
-    width?: string | number;
-    height?: string | number;
-}
-export interface NumberSize {
-    width: number;
-    height: number;
-}
-export interface NewSize {
-    newHeight: number | string;
-    newWidth: number | string;
-}
-export declare const DEFAULT_SIZE: {
-    width: string;
-    height: string;
-};
-export type ResizeCallback = (size: Size, event: MouseEvent, direction: Direction) => void;
-export type ResizeStartCallback = (e: MouseEvent, dir: Direction) => void | boolean;

package/lib/es/resizable/types.js

@@ -1,6 +0,0 @@
-// single
-export const directions = ['top', 'right', 'bottom', 'left', 'topRight', 'bottomRight', 'bottomLeft', 'topLeft'];
-export const DEFAULT_SIZE = {
-  width: 'auto',
-  height: 'auto'
-};