From 016bdb2795c5d6f9b51e02b0479717c9f465f1e7 Mon Sep 17 00:00:00 2001
From: Kagol <kagol@sina.com>
Date: Tue, 2 Apr 2024 16:16:14 +0800
Subject: [PATCH] docs(date-picker): [date-picker] fix format docs (#1522)

---
 .../sites/src/views/components/components.vue | 20 ++++++++++++++-----
 1 file changed, 15 insertions(+), 5 deletions(-)

diff --git a/examples/sites/src/views/components/components.vue b/examples/sites/src/views/components/components.vue
index 44b16af65..ad5ffb8e5 100644
--- a/examples/sites/src/views/components/components.vue
+++ b/examples/sites/src/views/components/components.vue
@@ -62,8 +62,8 @@
                       </tr>
                       <tr v-else>
                         <th width="15%">{{ i18nByKey('name') }}</th>
-                        <th width="20%">{{ i18nByKey('propType') }}</th>
-                        <th width="20%">{{ i18nByKey('defValue') }}</th>
+                        <th width="20%" v-if="hasKey(oneApiArr, 'type')">{{ i18nByKey('propType') }}</th>
+                        <th width="20%" v-if="hasKey(oneApiArr, 'defaultValue')">{{ i18nByKey('defValue') }}</th>
                         <th width="45%">{{ i18nByKey('desc') }}</th>
                       </tr>
                     </thead>
@@ -81,7 +81,7 @@
                           >
                           </version-tip>
                         </td>
-                        <td v-if="!key.includes('slots')" @click="handleTypeClick">
+                        <td v-if="!key.includes('slots') && hasKey(oneApiArr, 'type')" @click="handleTypeClick">
                           <a
                             v-if="row.typeAnchorName"
                             :href="`${row.typeAnchorName.indexOf('#') === -1 ? '#' : ''}${row.typeAnchorName}`"
@@ -89,7 +89,14 @@
                           ></a>
                           <span v-else v-html="row.type"></span>
                         </td>
-                        <td v-if="!key.includes('slots') && !key.includes('events') && !key.includes('methods')">
+                        <td
+                          v-if="
+                            !key.includes('slots') &&
+                            !key.includes('events') &&
+                            !key.includes('methods') &&
+                            hasKey(oneApiArr, 'defaultValue')
+                          "
+                        >
                           <span
                             v-html="typeof row.defaultValue === 'string' ? row.defaultValue || '--' : row.defaultValue"
                           ></span>
@@ -412,6 +419,8 @@ export default defineComponent({
       common.renderFooter()
     })
 
+    const hasKey = (apiArr, key) => !apiArr.every((item) => item[key] === undefined)
+
     return {
       ...toRefs(state),
       ...fn,
@@ -419,7 +428,8 @@ export default defineComponent({
       anchorRefreshKey,
       apiModeState,
       templateModeState,
-      optionsList
+      optionsList,
+      hasKey
     }
   }
 })