@neatui/nuxt 1.0.3 → 1.0.5

package/package.json

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

package/src/components/tools/FormDraftsView.vue

@@ -43,6 +43,8 @@
   import scrollTo from '@fekit/scrollto';
   import { diff, deepcopy, isArray } from '@fekit/utils';
 
+  const isClient = typeof window !== 'undefined';
+
   // 通过枚举值查找枚举名
   const findEnumName = (enums: any, val: any, join: boolean | string = ' Ι ') => {
     // 转换核心
@@ -69,8 +71,8 @@
   const route: any = useRoute();
   const props: any = defineProps({
     area: {
-      type: HTMLElement,
-      default: document.body
+      type: Object,
+      default: () => isClient ? document.body : null
     },
     // 数据
     data: {
@@ -101,7 +103,7 @@
     // 对比数据
     diffs: computed(() => {
       const cloud = props.data || {};
-      const local = JSON.parse(localStorage.getItem(state.cacheKey) || '{}');
+      const local = isClient ? JSON.parse(localStorage.getItem(state.cacheKey) || '{}') : {};
 
       const diffs = Object.keys(local).length
         ? (diff(cloud, local) || []).map((item: any) => {
@@ -162,6 +164,8 @@
 
   // 定位字段
   const fScrollToField = (domId: any) => {
+    if (!isClient || !props.area) return;
+
     const dom = document.querySelector(domId);
     if (dom) {
       scrollTo({
@@ -182,6 +186,8 @@
 
   // 使用草稿
   const fConfirmDrafts = ({ field = '', path = [] }: any = {}) => {
+    if (!isClient) return;
+
     const local = JSON.parse(localStorage.getItem(state.cacheKey) || '{}');
     if (field) {
       state.field = field;
@@ -221,6 +227,8 @@
   };
   // 放弃草稿
   const fDiscardDrafts = ({ field = '', path = [] }: any = {}) => {
+    if (!isClient) return;
+
     const local = JSON.parse(localStorage.getItem(state.cacheKey) || '{}');
     if (field) {
       // 无限树型遍历
@@ -312,6 +320,8 @@
   watch(
     () => props.data,
     (edit: any, old: any) => {
+      if (!isClient) return;
+
       if (edit === old) {
         if (state.field) {
           const local = JSON.parse(localStorage.getItem(state.cacheKey) || '{}');