perf: useZindex

gkd-kit · Nov 21, 2024 · db8c404 · db8c404
1 parent c36efe5
commit db8c404
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 33 deletions.
diff --git a/src/components/DraggableCard.vue b/src/components/DraggableCard.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { useDragMove } from '@/utils/draggable';
+import { useDragMove, useZindex } from '@/utils/draggable';
 
 const props = withDefaults(
   defineProps<{
@@ -151,7 +151,7 @@ const updateTarget = (arg: unknown) => {
   }
 };
 
-const { setTop, zIndex } = useZIndexStore().useZindex();
+const { setTop, zIndex } = useZindex();
 watch(
   () => props.show,
   () => {

diff --git a/src/store/zIndex.ts b/src/store/zIndex.ts
diff --git a/src/utils/draggable.ts b/src/utils/draggable.ts
@@ -77,3 +77,16 @@ export const useDragMove = (xFilter: (x: number) => boolean) => {
     offset,
   };
 };
+
+let initValue = 1000;
+export const useZindex = () => {
+  initValue++;
+  const zIndex = shallowRef(initValue);
+  const setTop = () => {
+    zIndex.value = ++initValue;
+  };
+  return {
+    zIndex,
+    setTop,
+  };
+};