@poohou/resize-element

介绍

拖拽元素尺寸大小

使用方法

<div id="resizeEl" style="width: 100px; height: 100px"></div>

<script>
    import { useResizeElement } from '@poohou/resize-element'

    useResizeElement('#resizeEl', {})
</script>

参数

useResizeElement<HTMLElement | string, Options>

Options

参数	默认值	可选项/类型	描述
position	['top', 'right', 'bottom', 'left']	top-left,top-right,bottom-left, bottom-right, top, right, bottom, left	可拖拽方向
isFixed	false	true	是否固定位置
minWidth	50	number	最小宽度
minHeight	50	number	最小高度
edgeSize	10	number	可拖拽区域大小
isImportant	true	false	样式是否增加权重
onResize	-	(event: { position: RESIZE_POSITION_ENUM, type: 'start' | 'stop', el: HTMLElement }) => void	事件

Methods

方法名	参数	描述
uninstall	-	销毁