fix: 修复 popup live demo 问题 (#847)

Tencent · May 7, 2022 · c4931bd · c4931bd
1 parent fb0effb
commit c4931bd
Showing 1 changed file with 8 additions and 5 deletions.
diff --git a/site/src/components/base-usage.vue b/site/src/components/base-usage.vue
@@ -43,10 +43,6 @@ onMounted(() => {
   usageRef.value.addEventListener('PanelChange', onPanelChange);
 });
 
-watchEffect(() => {
-  usageRef.value.configList = props.configList.filter((config) => config.name !== 'visible');
-});
-
 onBeforeUnmount(() => {
   usageRef.value.removeEventListener('ConfigChange', onConfigChange);
   usageRef.value.removeEventListener('PanelChange', onPanelChange);
@@ -67,16 +63,23 @@ function onPanelChange(e) {
 
 const defaultProps = ref(
   props.configList.reduce((prev, curr) => {
+    if (curr.name === 'visible') return prev;
     if (curr.defaultValue !== undefined) Object.assign(prev, { [curr.name]: curr.defaultValue });
     return prev;
   }, {}),
 );
 
+watchEffect(() => {
+  usageRef.value.configList = props.configList.filter((config) => config.name !== 'visible');
+});
+
 const usageCode = computed(() => {
   const propsStrs = Object.keys(changedProps.value)
     .map((name) => `${stringifyProp(name, changedProps.value[name])}`)
     .filter(Boolean);
-  const tureCode = props.code.replace(/\s*v-bind="configProps"/g, () => propsStrs.length ? `\n  ${propsStrs.join('\n  ')}` : '');
+  const tureCode = props.code.replace(/\s*v-bind="configProps"/g, () =>
+    propsStrs.length ? `\n  ${propsStrs.join('\n  ')}` : '',
+  );
   usageRef.value.code = tureCode;
   return tureCode;
 });