docs(Select): 可过滤示例补充

WeBankFinTech · Aug 13, 2024 · 769e0e3 · 769e0e3
1 parent e36abac
commit 769e0e3
Showing 1 changed file with 6 additions and 3 deletions.
diff --git a/docs/.vitepress/components/select/filterable.vue b/docs/.vitepress/components/select/filterable.vue
@@ -43,7 +43,10 @@
                         :key="item.label"
                         :value="item.value"
                     >
-                        <FTextHighlight :searchValues="[filterText]" strict>{{ item.label }}</FTextHighlight>
+                        <FEllipsis>
+                            <FTextHighlight v-if="filterText" :searchValues="[filterText]" strict>{{ item.label }}</FTextHighlight>
+                            <template v-else>{{ item.label }}</template>
+                        </FEllipsis>
                     </FOption>
                 </FSelectGroupOption>
             </FSelect>
@@ -60,7 +63,7 @@ const filterTextHighlight = ref(false);
 const optionList = reactive([
     {
         value: 'HuNan',
-        label: '湖南',
+        label: '湖南湖南湖南湖南湖南湖南湖南湖南湖南湖南湖南湖南湖南湖南湖南湖南湖南湖南湖南湖南湖南湖南湖南湖南',
     },
     {
         value: 'HuBei',
@@ -91,7 +94,7 @@ const cityOptions = [
             },
             {
                 value: '湖南',
-                label: '湖南',
+                label: '湖南湖南湖南湖南湖南湖南湖南湖南湖南湖南湖南湖南湖南湖南湖南湖南湖南湖南湖南湖南湖南湖南湖南湖南',
             },
             {
                 value: '河南',