@neatui/nuxt 1.3.0 → 1.5.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@neatui/nuxt",
-  "version": "1.3.0",
+  "version": "1.5.0",
   "description": "NeatUI component library for Nuxt 3",
   "main": "./src/index.ts",
   "license": "MIT",

package/src/components/basic/LayerView/Layer.vue

@@ -18,7 +18,17 @@
 <script lang="ts" setup>
   import { onBeforeUnmount, reactive, watch } from 'vue';
   import { isFunction } from '@fekit/utils';
-  import { _tasks, getActiveLayer } from './index';
+
+  // 弹层队列
+  if (!(window as any)._FEKIT_LAYER_TASKS) {
+    (window as any)._FEKIT_LAYER_TASKS = {};
+  }
+  const _tasks: any = (window as any)._FEKIT_LAYER_TASKS;
+
+  // 获取活跃的弹层
+  const getActiveLayer = () => {
+    return Object.values(_tasks).filter((task: any) => task.view > 0);
+  };
 
   // 类型定义
   interface Props {
@@ -207,7 +217,6 @@
 
   // 卸载弹层
   onBeforeUnmount(() => {
-    // eslint-disable-next-line @typescript-eslint/no-dynamic-delete
     delete _tasks[id];
   });
 </script>
@@ -257,7 +266,7 @@
       padding: 0.25em;
       margin-left: -1rem;
       text-align: center;
-      transform: scale(0.9);
+      transform: scale(0.8);
       transition: all 0.2s;
       border-radius: 50%;
       background:
@@ -271,7 +280,7 @@
 
     .fekit-layer-close {
       &:hover {
-        transform: scale(0.9) rotate(90deg);
+        transform: scale(0.8) rotate(90deg);
       }
       &:active {
         transform: scale(0.7) rotate(90deg);

package/src/components/basic/LayerView/index.ts

@@ -1,12 +1,5 @@
 import Layer from './Layer.vue';
-
-export const _tasks: any = {};
-export const _state: any = {};
-export const getActiveLayer = () => {
-  return Object.values(_tasks).filter((task: any) => task.view > 0);
-};
 const LayerById = (id: any) => {
-  return _tasks[id];
+  return (window as any)._FEKIT_LAYER_TASKS[id];
 };
-
 export { Layer, LayerById };

package/src/components/basic/index.ts

@@ -1,4 +1,5 @@
-import { Layer, LayerById } from './LayerView/index';
+import Layer from './LayerView/Layer.vue';
+import { LayerById } from './LayerView/index';
 import Icon from './Icon.vue';
 import IFollowView from './IFollowView.vue';
 import IPickerView from './IPickerView.vue';