fix(form): query default fold errors

Zhaocl1997 · Aug 29, 2022 · 641c8d3 · 641c8d3
1 parent d407011
commit 641c8d3
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 10 deletions.
diff --git a/src/components/UI/Form/src/components/Extend/Query.vue b/src/components/UI/Form/src/components/Extend/Query.vue
@@ -63,7 +63,7 @@
 
   const { t } = useAppI18n()
 
-  const active = ref(props.defaultFold)
+  const active = ref(false)
 
   const getText = computed(() =>
     active.value ? t('app.button.expand') : t('app.button.collapse')
@@ -103,11 +103,15 @@
     }
   }
 
-  onMounted(() => {
-    if (props.defaultFold) {
-      for (let i = props.countToFold!; i < formSchemas.value.length; i++) {
-        formSchemas.value[i]._internalShow = false
+  watch(
+    () => props.defaultFold,
+    (v) => {
+      if (v) {
+        onToggle()
       }
+    },
+    {
+      immediate: true,
     }
-  })
+  )
 </script>
diff --git a/src/views/system/log/operate/index.vue b/src/views/system/log/operate/index.vue
@@ -106,8 +106,7 @@
             type: 'Extend:Query',
             componentProp: {
               foldable: true,
-              // TODO internalShow not trigger rerender
-              //   defaultFold: true,
+              defaultFold: true,
               countToFold: 2,
             },
           },

diff --git a/src/views/system/log/signin/index.vue b/src/views/system/log/signin/index.vue
@@ -99,8 +99,7 @@
             type: 'Extend:Query',
             componentProp: {
               foldable: true,
-              // TODO internalShow not trigger rerender
-              //   defaultFold: true,
+              defaultFold: true,
               countToFold: 2,
             },
           },