fix(form): fix form update problem

修复表单组件在特定情况下的卡顿、崩溃问题 fix: #720

fix(form): fix form update problem
修复表单组件在特定情况下的卡顿、崩溃问题 fix: #720
无木
1 parent 125a7d14
Showing 1 changed file with 4 additions and 1 deletions
src/components/Form/src/hooks/useAdvanced.ts
@@ -7,6 +7,7 @@ import { computed, unref, watch } from &#39;vue&#39;;
 import { isBoolean, isFunction, isNumber, isObject } from '/@/utils/is';
  
 import { useBreakpoint } from '/@/hooks/event/useBreakpoint';
+import { useDebounceFn } from '@vueuse/core';
  
 const BASIC_COL_LEN = 24;
  
@@ -49,12 +50,14 @@ export default function ({
     return 0;
   });
  
+  const debounceUpdateAdvanced = useDebounceFn(updateAdvanced, 30);
+
   watch(
     [() => unref(getSchema), () => advanceState.isAdvanced, () => unref(realWidthRef)],
     () => {
       const { showAdvancedButton } = unref(getProps);
       if (showAdvancedButton) {
-        updateAdvanced();
+        debounceUpdateAdvanced();
       }
     },
     { immediate: true }