feat(auto-complete): add empty state messages and styles for various …

…locales
Tencent · Jan 8, 2025 · 58c16b9 · 58c16b9
1 parent 09b27b5
commit 58c16b9
Show file tree

Hide file tree

Showing 10 changed files with 35 additions and 0 deletions.
diff --git a/js/global-config/locale/ar_KW.ts b/js/global-config/locale/ar_KW.ts
@@ -3,6 +3,9 @@
 import 'dayjs/locale/ar';
 
 export default {
+  autoComplete: {
+    empty: 'لا تتوافر بيانات',
+  },
   pagination: {
     itemsPerPage: '{size} / الصفحة',
     jumpTo: 'القفز إلى',

diff --git a/js/global-config/locale/en_US.ts b/js/global-config/locale/en_US.ts
@@ -3,6 +3,9 @@
 import 'dayjs/locale/en';
 
 export default {
+  autoComplete: {
+    empty: 'Empty Data',
+  },
   pagination: {
     itemsPerPage: '{size} / page',
     jumpTo: 'Jump to',

diff --git a/js/global-config/locale/it_IT.ts b/js/global-config/locale/it_IT.ts
@@ -3,6 +3,9 @@
 import 'dayjs/locale/it';
 
 export default {
+  autoComplete: {
+    empty: 'Nessun dato',
+  },
   pagination: {
     itemsPerPage: '{size} articoli/pagina',
     jumpTo: 'Vai a',

diff --git a/js/global-config/locale/ja_JP.ts b/js/global-config/locale/ja_JP.ts
@@ -3,6 +3,9 @@
 import 'dayjs/locale/ja';
 
 export default {
+  autoComplete: {
+    empty: 'データなし',
+  },
   pagination: {
     itemsPerPage: '{size} /ページ',
     jumpTo: 'ジャンプする',

diff --git a/js/global-config/locale/ko_KR.ts b/js/global-config/locale/ko_KR.ts
@@ -3,6 +3,9 @@
 import 'dayjs/locale/ko';
 
 export default {
+  autoComplete: {
+    empty: '데이터 없음',
+  },
   pagination: {
     itemsPerPage: '{size} /페이지',
     jumpTo: '건너뛰다',

diff --git a/js/global-config/locale/ru_RU.ts b/js/global-config/locale/ru_RU.ts
@@ -3,6 +3,9 @@
 import 'dayjs/locale/ru';
 
 export default {
+  autoComplete: {
+    empty: 'Нет данных',
+  },
   pagination: {
     itemsPerPage: '{size} шт./стр.',
     jumpTo: 'Перейти к',

diff --git a/js/global-config/locale/zh_CN.ts b/js/global-config/locale/zh_CN.ts
@@ -3,6 +3,9 @@
 import 'dayjs/locale/zh-cn';
 
 export default {
+  autoComplete: {
+    empty: '暂无数据',
+  },
   pagination: {
     itemsPerPage: '{size} 条/页',
     jumpTo: '跳至',

diff --git a/js/global-config/locale/zh_TW.ts b/js/global-config/locale/zh_TW.ts
@@ -3,6 +3,9 @@
 import 'dayjs/locale/zh-tw';
 
 export default {
+  autoComplete: {
+    empty: '暫無數據',
+  },
   pagination: {
     itemsPerPage: '{size} 項/頁',
     jumpTo: '跳至',

diff --git a/style/web/components/auto-complete/_index.less b/style/web/components/auto-complete/_index.less
@@ -19,4 +19,13 @@
       display: inline-block;
     }
   }
+
+  &__panel {
+    &--empty {
+      height: @auto-complete-empty-height-default;
+      line-height: @auto-complete-empty-height-default;
+      color: @auto-complete-color-empty;
+      text-align: center;
+    }
+  }
 }
diff --git a/style/web/components/auto-complete/_var.less b/style/web/components/auto-complete/_var.less
@@ -1 +1,3 @@
 @auto-complete-option-highlight-color: @brand-color;
+@auto-complete-color-empty: @text-color-disabled;
+@auto-complete-empty-height-default: @comp-size-m;