From 1b9f16fd682486da204da2dd84c1a355a046e9fc Mon Sep 17 00:00:00 2001
From: jiangweiguo <1578967617@qq.com>
Date: Thu, 19 Sep 2024 09:43:23 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9mymodule?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../lib/components/decoration3/src/main.vue   |  45 ++---
 .../lib/components/decoration6/src/main.vue   |  65 ++++---
 my_module/@jiaminghi/transition/src/index.js  |   2 +-
 my_module/@jiaminghi/transition/test/index.js |   2 +-
 .../src/components/DraggableContainer.ts      |   4 +-
 .../src/components/Vue3DraggableResizable.ts  |   8 +-
 .../src/components/hooks.ts                   |   4 +-
 .../src/components/types.ts                   |   2 +-
 .../src/components/utils.ts                   |   4 +-
 .../vue3-draggable-resizable/src/index.ts     |   6 +-
 .../typings/components/hooks.d.ts             |   2 +-
 .../typings/components/types.d.ts             |   2 +-
 .../typings/index.d.ts                        |  62 +++----
 package-lock.json                             | 160 +++++++++---------
 14 files changed, 191 insertions(+), 177 deletions(-)

diff --git a/my_module/@jiaminghi/data-view/lib/components/decoration3/src/main.vue b/my_module/@jiaminghi/data-view/lib/components/decoration3/src/main.vue
index 9928231..a7751ca 100644
--- a/my_module/@jiaminghi/data-view/lib/components/decoration3/src/main.vue
+++ b/my_module/@jiaminghi/data-view/lib/components/decoration3/src/main.vue
@@ -1,12 +1,12 @@
 <template>
   <div class="dv-decoration-3" :ref="ref">
-    <svg :width="`${svgWH[0]}px`" :height="`${svgWH[1]}px`" :style="`transform:scale(${svgScale[0]},${svgScale[1]});`">
-
-      <template
-        v-for="(point, i) in points"
-      >
+    <svg
+      :width="`${svgWH[0]}px`"
+      :height="`${svgWH[1]}px`"
+      :style="`transform:scale(${svgScale[0]},${svgScale[1]});`"
+    >
+      <template v-for="(point, i) in points" :key="i">
         <rect
-          :key="i"
           :fill="mergedColor[0]"
           :x="point[0] - halfPointSideLength"
           :y="point[1] - halfPointSideLength"
@@ -40,10 +40,10 @@ export default {
   props: {
     color: {
       type: Array,
-      default: () => ([])
+      default: () => []
     }
   },
-  data () {
+  data() {
     const pointSideLength = 7
 
     return {
@@ -67,26 +67,26 @@ export default {
     }
   },
   watch: {
-    color () {
+    color() {
       const { mergeColor } = this
 
       mergeColor()
     }
   },
   methods: {
-    afterAutoResizeMixinInit () {
+    afterAutoResizeMixinInit() {
       const { calcSVGData } = this
 
       calcSVGData()
     },
-    calcSVGData () {
+    calcSVGData() {
       const { calcPointsPosition, calcScale } = this
 
       calcPointsPosition()
 
       calcScale()
     },
-    calcPointsPosition () {
+    calcPointsPosition() {
       const { svgWH, rowNum, rowPoints } = this
 
       const [w, h] = svgWH
@@ -94,35 +94,38 @@ export default {
       const horizontalGap = w / (rowPoints + 1)
       const verticalGap = h / (rowNum + 1)
 
-      let points = new Array(rowNum).fill(0).map((foo, i) =>
-        new Array(rowPoints).fill(0).map((foo, j) => [
-          horizontalGap * (j + 1), verticalGap * (i + 1)
-        ]))
+      let points = new Array(rowNum)
+        .fill(0)
+        .map((foo, i) =>
+          new Array(rowPoints)
+            .fill(0)
+            .map((foo, j) => [horizontalGap * (j + 1), verticalGap * (i + 1)])
+        )
 
       this.points = points.reduce((all, item) => [...all, ...item], [])
     },
-    calcScale () {
+    calcScale() {
       const { width, height, svgWH } = this
 
       const [w, h] = svgWH
 
       this.svgScale = [width / w, height / h]
     },
-    onResize () {
+    onResize() {
       const { calcSVGData } = this
 
       calcSVGData()
     },
-    mergeColor () {
+    mergeColor() {
       const { color, defaultColor } = this
 
       this.mergedColor = deepMerge(deepClone(defaultColor, true), color || [])
     }
   },
-  mounted () {
+  mounted() {
     const { mergeColor } = this
 
     mergeColor()
   }
 }
-</script>
\ No newline at end of file
+</script>
diff --git a/my_module/@jiaminghi/data-view/lib/components/decoration6/src/main.vue b/my_module/@jiaminghi/data-view/lib/components/decoration6/src/main.vue
index b044326..0ced62c 100644
--- a/my_module/@jiaminghi/data-view/lib/components/decoration6/src/main.vue
+++ b/my_module/@jiaminghi/data-view/lib/components/decoration6/src/main.vue
@@ -1,11 +1,12 @@
 <template>
   <div class="dv-decoration-6" :ref="ref">
-    <svg :width="`${svgWH[0]}px`" :height="`${svgWH[1]}px`" :style="`transform:scale(${svgScale[0]},${svgScale[1]});`">
-      <template
-        v-for="(point, i) in points"
-      >
+    <svg
+      :width="`${svgWH[0]}px`"
+      :height="`${svgWH[1]}px`"
+      :style="`transform:scale(${svgScale[0]},${svgScale[1]});`"
+    >
+      <template v-for="(point, i) in points" :key="i">
         <rect
-          :key="i"
           :fill="mergedColor[Math.random() > 0.5 ? 0 : 1]"
           :x="point[0] - halfRectWidth"
           :y="point[1] - heights[i] / 2"
@@ -14,7 +15,10 @@
         >
           <animate
             attributeName="y"
-            :values="`${point[1] - minHeights[i] / 2};${point[1] - heights[i] / 2};${point[1] - minHeights[i] / 2}`"
+            :values="
+              `${point[1] - minHeights[i] / 2};${point[1] -
+                heights[i] / 2};${point[1] - minHeights[i] / 2}`
+            "
             :dur="`${randoms[i]}s`"
             keyTimes="0;0.5;1"
             calcMode="spline"
@@ -53,10 +57,10 @@ export default {
   props: {
     color: {
       type: Array,
-      default: () => ([])
+      default: () => []
     }
   },
-  data () {
+  data() {
     const rectWidth = 7
 
     return {
@@ -83,26 +87,26 @@ export default {
     }
   },
   watch: {
-    color () {
+    color() {
       const { mergeColor } = this
 
       mergeColor()
     }
   },
   methods: {
-    afterAutoResizeMixinInit () {
+    afterAutoResizeMixinInit() {
       const { calcSVGData } = this
 
       calcSVGData()
     },
-    calcSVGData () {
+    calcSVGData() {
       const { calcPointsPosition, calcScale } = this
 
       calcPointsPosition()
 
       calcScale()
     },
-    calcPointsPosition () {
+    calcPointsPosition() {
       const { svgWH, rowNum, rowPoints } = this
 
       const [w, h] = svgWH
@@ -110,44 +114,53 @@ export default {
       const horizontalGap = w / (rowPoints + 1)
       const verticalGap = h / (rowNum + 1)
 
-      let points = new Array(rowNum).fill(0).map((foo, i) =>
-        new Array(rowPoints).fill(0).map((foo, j) => [
-          horizontalGap * (j + 1), verticalGap * (i + 1)
-        ]))
+      let points = new Array(rowNum)
+        .fill(0)
+        .map((foo, i) =>
+          new Array(rowPoints)
+            .fill(0)
+            .map((foo, j) => [horizontalGap * (j + 1), verticalGap * (i + 1)])
+        )
 
       this.points = points.reduce((all, item) => [...all, ...item], [])
-      const heights = this.heights = new Array(rowNum * rowPoints)
-        .fill(0).map(foo =>
-          Math.random() > 0.8 ? randomExtend(0.7 * h, h) : randomExtend(0.2 * h, 0.5 * h))
+      const heights = (this.heights = new Array(rowNum * rowPoints)
+        .fill(0)
+        .map((foo) =>
+          Math.random() > 0.8
+            ? randomExtend(0.7 * h, h)
+            : randomExtend(0.2 * h, 0.5 * h)
+        ))
 
       this.minHeights = new Array(rowNum * rowPoints)
-        .fill(0).map((foo, i) => heights[i] * Math.random())
+        .fill(0)
+        .map((foo, i) => heights[i] * Math.random())
 
       this.randoms = new Array(rowNum * rowPoints)
-        .fill(0).map(foo => Math.random() + 1.5)
+        .fill(0)
+        .map((foo) => Math.random() + 1.5)
     },
-    calcScale () {
+    calcScale() {
       const { width, height, svgWH } = this
 
       const [w, h] = svgWH
 
       this.svgScale = [width / w, height / h]
     },
-    onResize () {
+    onResize() {
       const { calcSVGData } = this
 
       calcSVGData()
     },
-    mergeColor () {
+    mergeColor() {
       const { color, defaultColor } = this
 
       this.mergedColor = deepMerge(deepClone(defaultColor, true), color || [])
     }
   },
-  mounted () {
+  mounted() {
     const { mergeColor } = this
 
     mergeColor()
   }
 }
-</script>
\ No newline at end of file
+</script>
diff --git a/my_module/@jiaminghi/transition/src/index.js b/my_module/@jiaminghi/transition/src/index.js
index 98dbceb..912f892 100644
--- a/my_module/@jiaminghi/transition/src/index.js
+++ b/my_module/@jiaminghi/transition/src/index.js
@@ -1,4 +1,4 @@
-import curves from './config/curves'
+import curves from '@jiaminghi/transition/src/config/curves'
 
 const defaultTransitionBC = 'linear'
 
diff --git a/my_module/@jiaminghi/transition/test/index.js b/my_module/@jiaminghi/transition/test/index.js
index 46348ce..6492796 100644
--- a/my_module/@jiaminghi/transition/test/index.js
+++ b/my_module/@jiaminghi/transition/test/index.js
@@ -3,7 +3,7 @@ const { expect } = require('chai')
 const {
   transition,
   injectNewCurve
-} = require('../src/index')
+} = require('@jiaminghi/transition/src')
 
 const testCurve = [[[0.000, 1.000]],[[0.151, 0.396], [0.019, 0.604], [0.330, 0.056]],[[1.000, 0.000]]]
 
diff --git a/my_module/vue3-draggable-resizable/src/components/DraggableContainer.ts b/my_module/vue3-draggable-resizable/src/components/DraggableContainer.ts
index db02404..a0cd671 100644
--- a/my_module/vue3-draggable-resizable/src/components/DraggableContainer.ts
+++ b/my_module/vue3-draggable-resizable/src/components/DraggableContainer.ts
@@ -6,8 +6,8 @@ import {
   GetPositionStore,
   MatchedLine,
   SetMatchedLine
-} from './types'
-import { IDENTITY } from './utils'
+} from 'vue3-draggable-resizable/src/components/types'
+import { IDENTITY } from 'vue3-draggable-resizable/src/components/utils'
 
 export default defineComponent({
   name: 'DraggableContainer',
diff --git a/my_module/vue3-draggable-resizable/src/components/Vue3DraggableResizable.ts b/my_module/vue3-draggable-resizable/src/components/Vue3DraggableResizable.ts
index 4a324ec..15314ef 100644
--- a/my_module/vue3-draggable-resizable/src/components/Vue3DraggableResizable.ts
+++ b/my_module/vue3-draggable-resizable/src/components/Vue3DraggableResizable.ts
@@ -6,16 +6,16 @@ import {
   initParent,
   initLimitSizeAndMethods,
   initResizeHandle
-} from './hooks'
-import './index.css'
-import { getElSize, filterHandles, IDENTITY } from './utils'
+} from 'vue3-draggable-resizable/src/components/hooks'
+import 'vue3-draggable-resizable/src/components/index.css'
+import { getElSize, filterHandles, IDENTITY } from 'vue3-draggable-resizable/src/components/utils'
 import {
   UpdatePosition,
   GetPositionStore,
   ResizingHandle,
   ContainerProvider,
   SetMatchedLine
-} from './types'
+} from 'vue3-draggable-resizable/src/components/types'
 
 export const ALL_HANDLES: ResizingHandle[] = [
   'tl',
diff --git a/my_module/vue3-draggable-resizable/src/components/hooks.ts b/my_module/vue3-draggable-resizable/src/components/hooks.ts
index 29543a1..02d8e3a 100644
--- a/my_module/vue3-draggable-resizable/src/components/hooks.ts
+++ b/my_module/vue3-draggable-resizable/src/components/hooks.ts
@@ -1,11 +1,11 @@
 import { onMounted, onUnmounted, ref, watch, Ref, computed } from 'vue'
-import { getElSize, filterHandles, getId, getReferenceLineMap } from './utils'
+import { getElSize, filterHandles, getId, getReferenceLineMap } from 'vue3-draggable-resizable/src/components/utils'
 import {
   ContainerProvider,
   MatchedLine,
   ReferenceLineMap,
   ResizingHandle
-} from './types'
+} from 'vue3-draggable-resizable/src/components/types'
 
 export function useState<T>(initialState: T): [Ref<T>, (value: T) => T] {
   const state = ref(initialState) as Ref<T>
diff --git a/my_module/vue3-draggable-resizable/src/components/types.ts b/my_module/vue3-draggable-resizable/src/components/types.ts
index 153a6fc..b8c8f94 100644
--- a/my_module/vue3-draggable-resizable/src/components/types.ts
+++ b/my_module/vue3-draggable-resizable/src/components/types.ts
@@ -1,5 +1,5 @@
 import { Ref } from 'vue'
-import { initParent } from './hooks'
+import { initParent } from 'vue3-draggable-resizable/src/components/hooks'
 
 export interface Position {
   x: number
diff --git a/my_module/vue3-draggable-resizable/src/components/utils.ts b/my_module/vue3-draggable-resizable/src/components/utils.ts
index cf82443..7025daf 100644
--- a/my_module/vue3-draggable-resizable/src/components/utils.ts
+++ b/my_module/vue3-draggable-resizable/src/components/utils.ts
@@ -3,8 +3,8 @@ import {
   ParentSize,
   ReferenceLineMap,
   ResizingHandle
-} from './types'
-import { ALL_HANDLES } from './Vue3DraggableResizable'
+} from 'vue3-draggable-resizable/src/components/types'
+import { ALL_HANDLES } from 'vue3-draggable-resizable/src/components/Vue3DraggableResizable'
 
 export const IDENTITY = Symbol('Vue3DraggableResizable')
 
diff --git a/my_module/vue3-draggable-resizable/src/index.ts b/my_module/vue3-draggable-resizable/src/index.ts
index cb30c3b..e7980bc 100644
--- a/my_module/vue3-draggable-resizable/src/index.ts
+++ b/my_module/vue3-draggable-resizable/src/index.ts
@@ -1,5 +1,5 @@
-import VueDraggableResizable from './components/Vue3DraggableResizable'
-import DraggableContainer from './components/DraggableContainer'
+import VueDraggableResizable from 'vue3-draggable-resizable/src/components/Vue3DraggableResizable'
+import DraggableContainer from 'vue3-draggable-resizable/src/components/DraggableContainer'
 import { App, Plugin } from 'vue'
 
 VueDraggableResizable.install = (app: App) => {
@@ -8,5 +8,5 @@ VueDraggableResizable.install = (app: App) => {
   return app
 }
 
-export { default as DraggableContainer } from './components/DraggableContainer'
+export { default as DraggableContainer } from 'vue3-draggable-resizable/src/components/DraggableContainer'
 export default VueDraggableResizable as typeof VueDraggableResizable & Plugin
diff --git a/my_module/vue3-draggable-resizable/typings/components/hooks.d.ts b/my_module/vue3-draggable-resizable/typings/components/hooks.d.ts
index 5384c03..5bb2ebe 100644
--- a/my_module/vue3-draggable-resizable/typings/components/hooks.d.ts
+++ b/my_module/vue3-draggable-resizable/typings/components/hooks.d.ts
@@ -1,5 +1,5 @@
 import { Ref } from 'vue';
-import { ContainerProvider, ResizingHandle } from './types';
+import { ContainerProvider, ResizingHandle } from 'vue3-draggable-resizable/typings/components/types';
 export declare function useState<T>(initialState: T): [Ref<T>, (value: T) => T];
 export declare function initState(props: any, emit: any): {
     id: string;
diff --git a/my_module/vue3-draggable-resizable/typings/components/types.d.ts b/my_module/vue3-draggable-resizable/typings/components/types.d.ts
index 30d0710..bdbd396 100644
--- a/my_module/vue3-draggable-resizable/typings/components/types.d.ts
+++ b/my_module/vue3-draggable-resizable/typings/components/types.d.ts
@@ -1,5 +1,5 @@
 import { Ref } from 'vue';
-import { initParent } from './hooks';
+import { initParent } from 'vue3-draggable-resizable/typings/components/hooks';
 export interface Position {
     x: number;
     y: number;
diff --git a/my_module/vue3-draggable-resizable/typings/index.d.ts b/my_module/vue3-draggable-resizable/typings/index.d.ts
index f214f34..a531a79 100644
--- a/my_module/vue3-draggable-resizable/typings/index.d.ts
+++ b/my_module/vue3-draggable-resizable/typings/index.d.ts
@@ -1,5 +1,5 @@
 import { App } from 'vue';
-export { default as DraggableContainer } from './components/DraggableContainer';
+export { default as DraggableContainer } from 'vue3-draggable-resizable/typings/components/DraggableContainer';
 declare const _default: ({
     new (...args: any[]): {
         $: import("vue").ComponentInternalInstance;
@@ -90,8 +90,8 @@ declare const _default: ({
             classNameHandle: string;
             lockAspectRatio: boolean;
         } & {}>, {
-            handlesFiltered: import("vue").ComputedRef<import("./components/types").ResizingHandle[]>;
-            resizeHandleDown: (e: MouseEvent, handleType: import("./components/types").ResizingHandle) => void;
+            handlesFiltered: import("vue").ComputedRef<import("vue3-draggable-resizable/typings/components/types").ResizingHandle[]>;
+            resizeHandleDown: (e: MouseEvent, handleType: import("vue3-draggable-resizable/typings/components/types").ResizingHandle) => void;
             setWidth(val: number): number;
             setHeight(val: number): number;
             setTop(val: number): number;
@@ -114,7 +114,7 @@ declare const _default: ({
             enable: import("vue").Ref<boolean>;
             dragging: import("vue").Ref<boolean>;
             resizing: import("vue").Ref<boolean>;
-            resizingHandle: import("vue").Ref<import("./components/types").ResizingHandle>;
+            resizingHandle: import("vue").Ref<import("vue3-draggable-resizable/typings/components/types").ResizingHandle>;
             resizingMaxHeight: import("vue").Ref<number>;
             resizingMaxWidth: import("vue").Ref<number>;
             resizingMinWidth: import("vue").Ref<number>;
@@ -123,7 +123,7 @@ declare const _default: ({
             setEnable: (value: boolean) => boolean;
             setDragging: (value: boolean) => boolean;
             setResizing: (value: boolean) => boolean;
-            setResizingHandle: (value: import("./components/types").ResizingHandle) => import("./components/types").ResizingHandle;
+            setResizingHandle: (value: import("vue3-draggable-resizable/typings/components/types").ResizingHandle) => import("vue3-draggable-resizable/typings/components/types").ResizingHandle;
             setResizingMaxHeight: (value: number) => number;
             setResizingMaxWidth: (value: number) => number;
             setResizingMinWidth: (value: number) => number;
@@ -133,7 +133,7 @@ declare const _default: ({
             $setTop: (val: number) => number;
             $setLeft: (val: number) => number;
             containerRef: import("vue").Ref<HTMLElement>;
-            containerProvider: import("./components/types").ContainerProvider;
+            containerProvider: import("vue3-draggable-resizable/typings/components/types").ContainerProvider;
         }, unknown, {
             style(): {
                 [propName: string]: string;
@@ -196,8 +196,8 @@ declare const _default: ({
         classNameHandle: string;
         lockAspectRatio: boolean;
     } & {}> & import("vue").ShallowUnwrapRef<{
-        handlesFiltered: import("vue").ComputedRef<import("./components/types").ResizingHandle[]>;
-        resizeHandleDown: (e: MouseEvent, handleType: import("./components/types").ResizingHandle) => void;
+        handlesFiltered: import("vue").ComputedRef<import("vue3-draggable-resizable/typings/components/types").ResizingHandle[]>;
+        resizeHandleDown: (e: MouseEvent, handleType: import("vue3-draggable-resizable/typings/components/types").ResizingHandle) => void;
         setWidth(val: number): number;
         setHeight(val: number): number;
         setTop(val: number): number;
@@ -220,7 +220,7 @@ declare const _default: ({
         enable: import("vue").Ref<boolean>;
         dragging: import("vue").Ref<boolean>;
         resizing: import("vue").Ref<boolean>;
-        resizingHandle: import("vue").Ref<import("./components/types").ResizingHandle>;
+        resizingHandle: import("vue").Ref<import("vue3-draggable-resizable/typings/components/types").ResizingHandle>;
         resizingMaxHeight: import("vue").Ref<number>;
         resizingMaxWidth: import("vue").Ref<number>;
         resizingMinWidth: import("vue").Ref<number>;
@@ -229,7 +229,7 @@ declare const _default: ({
         setEnable: (value: boolean) => boolean;
         setDragging: (value: boolean) => boolean;
         setResizing: (value: boolean) => boolean;
-        setResizingHandle: (value: import("./components/types").ResizingHandle) => import("./components/types").ResizingHandle;
+        setResizingHandle: (value: import("vue3-draggable-resizable/typings/components/types").ResizingHandle) => import("vue3-draggable-resizable/typings/components/types").ResizingHandle;
         setResizingMaxHeight: (value: number) => number;
         setResizingMaxWidth: (value: number) => number;
         setResizingMinWidth: (value: number) => number;
@@ -239,7 +239,7 @@ declare const _default: ({
         $setTop: (val: number) => number;
         $setLeft: (val: number) => number;
         containerRef: import("vue").Ref<HTMLElement>;
-        containerProvider: import("./components/types").ContainerProvider;
+        containerProvider: import("vue3-draggable-resizable/typings/components/types").ContainerProvider;
     }> & {
         style: {
             [propName: string]: string;
@@ -277,8 +277,8 @@ declare const _default: ({
     classNameHandle: string;
     lockAspectRatio: boolean;
 } & {}>, {
-    handlesFiltered: import("vue").ComputedRef<import("./components/types").ResizingHandle[]>;
-    resizeHandleDown: (e: MouseEvent, handleType: import("./components/types").ResizingHandle) => void;
+    handlesFiltered: import("vue").ComputedRef<import("vue3-draggable-resizable/typings/components/types").ResizingHandle[]>;
+    resizeHandleDown: (e: MouseEvent, handleType: import("vue3-draggable-resizable/typings/components/types").ResizingHandle) => void;
     setWidth(val: number): number;
     setHeight(val: number): number;
     setTop(val: number): number;
@@ -301,7 +301,7 @@ declare const _default: ({
     enable: import("vue").Ref<boolean>;
     dragging: import("vue").Ref<boolean>;
     resizing: import("vue").Ref<boolean>;
-    resizingHandle: import("vue").Ref<import("./components/types").ResizingHandle>;
+    resizingHandle: import("vue").Ref<import("vue3-draggable-resizable/typings/components/types").ResizingHandle>;
     resizingMaxHeight: import("vue").Ref<number>;
     resizingMaxWidth: import("vue").Ref<number>;
     resizingMinWidth: import("vue").Ref<number>;
@@ -310,7 +310,7 @@ declare const _default: ({
     setEnable: (value: boolean) => boolean;
     setDragging: (value: boolean) => boolean;
     setResizing: (value: boolean) => boolean;
-    setResizingHandle: (value: import("./components/types").ResizingHandle) => import("./components/types").ResizingHandle;
+    setResizingHandle: (value: import("vue3-draggable-resizable/typings/components/types").ResizingHandle) => import("vue3-draggable-resizable/typings/components/types").ResizingHandle;
     setResizingMaxHeight: (value: number) => number;
     setResizingMaxWidth: (value: number) => number;
     setResizingMinWidth: (value: number) => number;
@@ -320,7 +320,7 @@ declare const _default: ({
     $setTop: (val: number) => number;
     $setLeft: (val: number) => number;
     containerRef: import("vue").Ref<HTMLElement>;
-    containerProvider: import("./components/types").ContainerProvider;
+    containerProvider: import("vue3-draggable-resizable/typings/components/types").ContainerProvider;
 }, unknown, {
     style(): {
         [propName: string]: string;
@@ -445,8 +445,8 @@ declare const _default: ({
             classNameHandle: string;
             lockAspectRatio: boolean;
         } & {}>, {
-            handlesFiltered: import("vue").ComputedRef<import("./components/types").ResizingHandle[]>;
-            resizeHandleDown: (e: MouseEvent, handleType: import("./components/types").ResizingHandle) => void;
+            handlesFiltered: import("vue").ComputedRef<import("vue3-draggable-resizable/typings/components/types").ResizingHandle[]>;
+            resizeHandleDown: (e: MouseEvent, handleType: import("vue3-draggable-resizable/typings/components/types").ResizingHandle) => void;
             setWidth(val: number): number;
             setHeight(val: number): number;
             setTop(val: number): number;
@@ -469,7 +469,7 @@ declare const _default: ({
             enable: import("vue").Ref<boolean>;
             dragging: import("vue").Ref<boolean>;
             resizing: import("vue").Ref<boolean>;
-            resizingHandle: import("vue").Ref<import("./components/types").ResizingHandle>;
+            resizingHandle: import("vue").Ref<import("vue3-draggable-resizable/typings/components/types").ResizingHandle>;
             resizingMaxHeight: import("vue").Ref<number>;
             resizingMaxWidth: import("vue").Ref<number>;
             resizingMinWidth: import("vue").Ref<number>;
@@ -478,7 +478,7 @@ declare const _default: ({
             setEnable: (value: boolean) => boolean;
             setDragging: (value: boolean) => boolean;
             setResizing: (value: boolean) => boolean;
-            setResizingHandle: (value: import("./components/types").ResizingHandle) => import("./components/types").ResizingHandle;
+            setResizingHandle: (value: import("vue3-draggable-resizable/typings/components/types").ResizingHandle) => import("vue3-draggable-resizable/typings/components/types").ResizingHandle;
             setResizingMaxHeight: (value: number) => number;
             setResizingMaxWidth: (value: number) => number;
             setResizingMinWidth: (value: number) => number;
@@ -488,7 +488,7 @@ declare const _default: ({
             $setTop: (val: number) => number;
             $setLeft: (val: number) => number;
             containerRef: import("vue").Ref<HTMLElement>;
-            containerProvider: import("./components/types").ContainerProvider;
+            containerProvider: import("vue3-draggable-resizable/typings/components/types").ContainerProvider;
         }, unknown, {
             style(): {
                 [propName: string]: string;
@@ -551,8 +551,8 @@ declare const _default: ({
         classNameHandle: string;
         lockAspectRatio: boolean;
     } & {}> & import("vue").ShallowUnwrapRef<{
-        handlesFiltered: import("vue").ComputedRef<import("./components/types").ResizingHandle[]>;
-        resizeHandleDown: (e: MouseEvent, handleType: import("./components/types").ResizingHandle) => void;
+        handlesFiltered: import("vue").ComputedRef<import("vue3-draggable-resizable/typings/components/types").ResizingHandle[]>;
+        resizeHandleDown: (e: MouseEvent, handleType: import("vue3-draggable-resizable/typings/components/types").ResizingHandle) => void;
         setWidth(val: number): number;
         setHeight(val: number): number;
         setTop(val: number): number;
@@ -575,7 +575,7 @@ declare const _default: ({
         enable: import("vue").Ref<boolean>;
         dragging: import("vue").Ref<boolean>;
         resizing: import("vue").Ref<boolean>;
-        resizingHandle: import("vue").Ref<import("./components/types").ResizingHandle>;
+        resizingHandle: import("vue").Ref<import("vue3-draggable-resizable/typings/components/types").ResizingHandle>;
         resizingMaxHeight: import("vue").Ref<number>;
         resizingMaxWidth: import("vue").Ref<number>;
         resizingMinWidth: import("vue").Ref<number>;
@@ -584,7 +584,7 @@ declare const _default: ({
         setEnable: (value: boolean) => boolean;
         setDragging: (value: boolean) => boolean;
         setResizing: (value: boolean) => boolean;
-        setResizingHandle: (value: import("./components/types").ResizingHandle) => import("./components/types").ResizingHandle;
+        setResizingHandle: (value: import("vue3-draggable-resizable/typings/components/types").ResizingHandle) => import("vue3-draggable-resizable/typings/components/types").ResizingHandle;
         setResizingMaxHeight: (value: number) => number;
         setResizingMaxWidth: (value: number) => number;
         setResizingMinWidth: (value: number) => number;
@@ -594,7 +594,7 @@ declare const _default: ({
         $setTop: (val: number) => number;
         $setLeft: (val: number) => number;
         containerRef: import("vue").Ref<HTMLElement>;
-        containerProvider: import("./components/types").ContainerProvider;
+        containerProvider: import("vue3-draggable-resizable/typings/components/types").ContainerProvider;
     }> & {
         style: {
             [propName: string]: string;
@@ -632,8 +632,8 @@ declare const _default: ({
     classNameHandle: string;
     lockAspectRatio: boolean;
 } & {}>, {
-    handlesFiltered: import("vue").ComputedRef<import("./components/types").ResizingHandle[]>;
-    resizeHandleDown: (e: MouseEvent, handleType: import("./components/types").ResizingHandle) => void;
+    handlesFiltered: import("vue").ComputedRef<import("vue3-draggable-resizable/typings/components/types").ResizingHandle[]>;
+    resizeHandleDown: (e: MouseEvent, handleType: import("vue3-draggable-resizable/typings/components/types").ResizingHandle) => void;
     setWidth(val: number): number;
     setHeight(val: number): number;
     setTop(val: number): number;
@@ -656,7 +656,7 @@ declare const _default: ({
     enable: import("vue").Ref<boolean>;
     dragging: import("vue").Ref<boolean>;
     resizing: import("vue").Ref<boolean>;
-    resizingHandle: import("vue").Ref<import("./components/types").ResizingHandle>;
+    resizingHandle: import("vue").Ref<import("vue3-draggable-resizable/typings/components/types").ResizingHandle>;
     resizingMaxHeight: import("vue").Ref<number>;
     resizingMaxWidth: import("vue").Ref<number>;
     resizingMinWidth: import("vue").Ref<number>;
@@ -665,7 +665,7 @@ declare const _default: ({
     setEnable: (value: boolean) => boolean;
     setDragging: (value: boolean) => boolean;
     setResizing: (value: boolean) => boolean;
-    setResizingHandle: (value: import("./components/types").ResizingHandle) => import("./components/types").ResizingHandle;
+    setResizingHandle: (value: import("vue3-draggable-resizable/typings/components/types").ResizingHandle) => import("vue3-draggable-resizable/typings/components/types").ResizingHandle;
     setResizingMaxHeight: (value: number) => number;
     setResizingMaxWidth: (value: number) => number;
     setResizingMinWidth: (value: number) => number;
@@ -675,7 +675,7 @@ declare const _default: ({
     $setTop: (val: number) => number;
     $setLeft: (val: number) => number;
     containerRef: import("vue").Ref<HTMLElement>;
-    containerProvider: import("./components/types").ContainerProvider;
+    containerProvider: import("vue3-draggable-resizable/typings/components/types").ContainerProvider;
 }, unknown, {
     style(): {
         [propName: string]: string;
diff --git a/package-lock.json b/package-lock.json
index 16dcf21..b0c88dd 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -2099,6 +2099,16 @@
           "integrity": "sha1-/q7SVZc9LndVW4PbwIhRpsY1IPo=",
           "dev": true
         },
+        "ansi-styles": {
+          "version": "4.3.0",
+          "resolved": "https://registry.npmmirror.com/ansi-styles/-/ansi-styles-4.3.0.tgz",
+          "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "color-convert": "^2.0.1"
+          }
+        },
         "cacache": {
           "version": "13.0.1",
           "resolved": "https://registry.npm.taobao.org/cacache/download/cacache-13.0.1.tgz",
@@ -2125,6 +2135,53 @@
             "unique-filename": "^1.1.1"
           }
         },
+        "chalk": {
+          "version": "4.1.2",
+          "resolved": "https://registry.npmmirror.com/chalk/-/chalk-4.1.2.tgz",
+          "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "ansi-styles": "^4.1.0",
+            "supports-color": "^7.1.0"
+          }
+        },
+        "color-convert": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npmmirror.com/color-convert/-/color-convert-2.0.1.tgz",
+          "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "color-name": "~1.1.4"
+          }
+        },
+        "color-name": {
+          "version": "1.1.4",
+          "resolved": "https://registry.npmmirror.com/color-name/-/color-name-1.1.4.tgz",
+          "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
+          "dev": true,
+          "optional": true
+        },
+        "has-flag": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npmmirror.com/has-flag/-/has-flag-4.0.0.tgz",
+          "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
+          "dev": true,
+          "optional": true
+        },
+        "loader-utils": {
+          "version": "2.0.4",
+          "resolved": "https://registry.npmmirror.com/loader-utils/-/loader-utils-2.0.4.tgz",
+          "integrity": "sha512-xXqpXoINfFhgua9xiqD8fPFHgkoq1mmmpE92WlDbm9rNRd/EbRb+Gqf908T2DMfuHjjJlksiK2RbHVOdD/MqSw==",
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "big.js": "^5.2.2",
+            "emojis-list": "^3.0.0",
+            "json5": "^2.1.2"
+          }
+        },
         "source-map": {
           "version": "0.6.1",
           "resolved": "https://registry.npm.taobao.org/source-map/download/source-map-0.6.1.tgz",
@@ -2141,6 +2198,16 @@
             "minipass": "^3.1.1"
           }
         },
+        "supports-color": {
+          "version": "7.2.0",
+          "resolved": "https://registry.npmmirror.com/supports-color/-/supports-color-7.2.0.tgz",
+          "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "has-flag": "^4.0.0"
+          }
+        },
         "terser-webpack-plugin": {
           "version": "2.3.8",
           "resolved": "https://registry.npm.taobao.org/terser-webpack-plugin/download/terser-webpack-plugin-2.3.8.tgz?cache=0&sync_timestamp=1603881772144&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fterser-webpack-plugin%2Fdownload%2Fterser-webpack-plugin-2.3.8.tgz",
@@ -2157,6 +2224,18 @@
             "terser": "^4.6.12",
             "webpack-sources": "^1.4.3"
           }
+        },
+        "vue-loader-v16": {
+          "version": "npm:vue-loader@16.8.3",
+          "resolved": "https://registry.npmmirror.com/vue-loader/-/vue-loader-16.8.3.tgz",
+          "integrity": "sha512-7vKN45IxsKxe5GcVCbc2qFU5aWzyiLrYJyUuMz4BQLKctCj/fmCa0w6fGiiQ2cLFetNcek1ppGJQDCup0c1hpA==",
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "chalk": "^4.1.0",
+            "hash-sum": "^2.0.0",
+            "loader-utils": "^2.0.0"
+          }
         }
       }
     },
@@ -12177,87 +12256,6 @@
         }
       }
     },
-    "vue-loader-v16": {
-      "version": "npm:vue-loader@16.8.3",
-      "resolved": "https://registry.npmjs.org/vue-loader/-/vue-loader-16.8.3.tgz",
-      "integrity": "sha512-7vKN45IxsKxe5GcVCbc2qFU5aWzyiLrYJyUuMz4BQLKctCj/fmCa0w6fGiiQ2cLFetNcek1ppGJQDCup0c1hpA==",
-      "dev": true,
-      "optional": true,
-      "requires": {
-        "chalk": "^4.1.0",
-        "hash-sum": "^2.0.0",
-        "loader-utils": "^2.0.0"
-      },
-      "dependencies": {
-        "ansi-styles": {
-          "version": "4.3.0",
-          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
-          "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
-          "dev": true,
-          "optional": true,
-          "requires": {
-            "color-convert": "^2.0.1"
-          }
-        },
-        "chalk": {
-          "version": "4.1.2",
-          "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.2.tgz",
-          "integrity": "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==",
-          "dev": true,
-          "optional": true,
-          "requires": {
-            "ansi-styles": "^4.1.0",
-            "supports-color": "^7.1.0"
-          }
-        },
-        "color-convert": {
-          "version": "2.0.1",
-          "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
-          "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
-          "dev": true,
-          "optional": true,
-          "requires": {
-            "color-name": "~1.1.4"
-          }
-        },
-        "color-name": {
-          "version": "1.1.4",
-          "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
-          "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
-          "dev": true,
-          "optional": true
-        },
-        "has-flag": {
-          "version": "4.0.0",
-          "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
-          "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
-          "dev": true,
-          "optional": true
-        },
-        "loader-utils": {
-          "version": "2.0.4",
-          "resolved": "https://registry.npmjs.org/loader-utils/-/loader-utils-2.0.4.tgz",
-          "integrity": "sha512-xXqpXoINfFhgua9xiqD8fPFHgkoq1mmmpE92WlDbm9rNRd/EbRb+Gqf908T2DMfuHjjJlksiK2RbHVOdD/MqSw==",
-          "dev": true,
-          "optional": true,
-          "requires": {
-            "big.js": "^5.2.2",
-            "emojis-list": "^3.0.0",
-            "json5": "^2.1.2"
-          }
-        },
-        "supports-color": {
-          "version": "7.2.0",
-          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
-          "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
-          "dev": true,
-          "optional": true,
-          "requires": {
-            "has-flag": "^4.0.0"
-          }
-        }
-      }
-    },
     "vue-router": {
       "version": "4.0.1",
       "resolved": "https://registry.npm.taobao.org/vue-router/download/vue-router-4.0.1.tgz?cache=0&sync_timestamp=1607347326065&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fvue-router%2Fdownload%2Fvue-router-4.0.1.tgz",