@neatui/nuxt 1.0.8 → 1.1.0

package/package.json

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

package/src/components/loader/LayerLoader/LayerLoader.vue

@@ -103,8 +103,10 @@
 
   const ph = ref(0);
   onMounted(() => {
-    const side = document.getElementById('side-layerloader');
-    ph.value = side?.clientHeight || 0;
+    if (import.meta.client) {
+      const side = document.getElementById('side-layerloader');
+      ph.value = side?.clientHeight || 0;
+    }
   });
 
   // 计算路径
@@ -131,18 +133,20 @@
         unfoldActivePath(props.data, newActive);
 
         nextTick(() => {
-          const el = document.getElementById(`LID${newActive.replace(/\./g, '')}`);
-          if (el && !store.isMouseInLayer) {
-            scrollto({
-              el: '#side-layerloader',
-              to: {
-                y: el,
-              },
-              offset: {
-                y: -(ph.value / 2.5),
-              },
-              time: 600,
-            });
+          if (import.meta.client) {
+            const el = document.getElementById(`LID${newActive.replace(/\./g, '')}`);
+            if (el && !store.isMouseInLayer) {
+              scrollto({
+                el: '#side-layerloader',
+                to: {
+                  y: el,
+                },
+                offset: {
+                  y: -(ph.value / 2.5),
+                },
+                time: 600,
+              });
+            }
           }
         });
       },

package/src/components/loader/LimitLoader/LimitLoader@v3.vue

@@ -108,7 +108,7 @@
   watch(
     () => props.limit,
     () => {
-      const _cache = JSON.parse(localStorage.getItem(`${state.name}_limit`) || '{}');
+      const _cache = import.meta.client ? JSON.parse(localStorage.getItem(`${state.name}_limit`) || '{}') : {};
       state.limit = deepcopy(props.limit)?.map((item: any) => {
         if (_cache[item.field] && Object.prototype.hasOwnProperty.call(_cache[item.field], '_close')) {
           item._close = Number(_cache[item.field]?._close);
@@ -159,7 +159,7 @@
           }
         }
       });
-      localStorage.setItem(`${state.name}_limit`, JSON.stringify(_limit));
+      if (import.meta.client) localStorage.setItem(`${state.name}_limit`, JSON.stringify(_limit));
     },
     { deep: true },
   );

package/src/components/loader/MoveLoader/MoveLoader.vue

@@ -70,8 +70,10 @@
 
   const ph = ref(0);
   onMounted(() => {
-    const side = document.getElementById('side-layerloader');
-    ph.value = side?.clientHeight || 0;
+    if (import.meta.client) {
+      const side = document.getElementById('side-layerloader');
+      ph.value = side?.clientHeight || 0;
+    }
   });
 
   // 计算路径

package/src/components/loader/TableLoader/TableLoader.vue

@@ -264,7 +264,7 @@
   watch(
     () => props.table,
     () => {
-      const _cache = JSON.parse(localStorage.getItem(`${name}_table`) || '{}');
+      const _cache = import.meta.client ? JSON.parse(localStorage.getItem(`${name}_table`) || '{}') : {};
       state.__last = 0;
       state.table = deepcopy(props.table || [])
         ?.map((col: TableColumn, idx: number) => {
@@ -340,7 +340,7 @@
           state.__last = idx;
         }
       });
-      localStorage.setItem(`${name}_table`, JSON.stringify(_table));
+      if (import.meta.client) localStorage.setItem(`${name}_table`, JSON.stringify(_table));
     },
     { deep: true },
   );

package/src/components/tools/FormVerifyView.vue

@@ -38,7 +38,7 @@
   const props: any = defineProps({
     area: {
       type: [Object, HTMLElement],
-      default: () => (typeof document !== 'undefined' ? document.body : null),
+      default: () => (import.meta.client ? document.body : null),
     },
     data: {
       type: Object,
@@ -128,7 +128,7 @@
   );
 
   const fScrollToField = (path: any) => {
-    if (typeof document === 'undefined') return;
+    if (!import.meta.client) return;
     const dom = document.querySelector(path);
     if (dom) {
       scrollTo({

package/src/components/tools/Pagination@a.vue

@@ -210,12 +210,14 @@
   const size = (size: any) => {
     emits('update:modelValue', { ...props.modelValue, ...{ [props.defined.pageSize || 'pageSize']: size } });
     emits('size', size);
-    window.localStorage.setItem(state.id, `${size}`);
+    if (import.meta.client) window.localStorage.setItem(state.id, `${size}`);
   };
 
   // 缓存
-  const cache = window.localStorage.getItem(state.id);
-  if (cache) {
-    size(Number(cache));
+  if (import.meta.client) {
+    const cache = window.localStorage.getItem(state.id);
+    if (cache) {
+      size(Number(cache));
+    }
   }
 </script>

package/src/components/tools/Pagination@b.vue

@@ -216,6 +216,6 @@
   const size = (size: any) => {
     emits('update:modelValue', { ...props.modelValue, ...{ pageSize: size } });
     emits('size', size);
-    window.localStorage.setItem(state.id, `${size}`);
+    if (import.meta.client) window.localStorage.setItem(state.id, `${size}`);
   };
 </script>