* picker: add exceedLimitHint to picker.

easysoft · Sep 27, 2024 · 4223581 · 4223581
1 parent c6f3bad
commit 4223581
Show file tree

Hide file tree

Showing 5 changed files with 8 additions and 1 deletion.
diff --git a/lib/picker/src/component/picker-menu.tsx b/lib/picker/src/component/picker-menu.tsx
@@ -164,7 +164,7 @@ export class PickerMenu extends PickPop<PickerState, PickerMenuProps> {
     }
 
     protected _getMenuProps(props: RenderableProps<PickerMenuProps>): SearchMenuOptions {
-        const {menu, tree, state, checkbox, header, footer, noMatchHint, maxItemsCount} = props;
+        const {menu, tree, state, checkbox, header, footer, noMatchHint, maxItemsCount, exceedLimitHint} = props;
         const {items, search} = state;
 
         return mergeProps({
@@ -176,6 +176,7 @@ export class PickerMenu extends PickPop<PickerState, PickerMenuProps> {
             defaultNestedShow: true,
             activeOnHover: true,
             search: search,
+            exceedLimitHint,
             onClickItem: this._handleItemClick,
             nestedToggle: '.nested-toggle-icon,.item-icon',
             checkbox,

diff --git a/lib/picker/src/component/picker.tsx b/lib/picker/src/component/picker.tsx
@@ -342,6 +342,7 @@ export class Picker<S extends PickerState = PickerState, O extends PickerOptions
             footer: this._renderToolbar(),
             valueList: this.valueList,
             noMatchHint: state.loading ? i18n.getLang('loadingHint') : (props.searchEmptyHint ?? i18n.getLang('searchEmptyHint')),
+            exceedLimitHint: props.exceedLimitHint ?? i18n.getLang('exceedLimitHint'),
             onDeselect: this.deselect,
             onSelect: this.select,
             onClear: this.clear,

diff --git a/lib/picker/src/i18n/index.ts b/lib/picker/src/i18n/index.ts
@@ -6,17 +6,20 @@ i18n.addLang({
         cancelSelect: '取消选择',
         searchEmptyHint: '无匹配选项',
         loadingHint: '正在加载...',
+        exceedLimitHint: '还有 {0} 个选项没有显示，可尝试搜索来查找',
     },
     'zh_tw': {
         selectAll: '全選',
         cancelSelect: '取消選擇',
         searchEmptyHint: '無匹配選項',
         loadingHint: '正在載入...',
+        exceedLimitHint: '還有 {0} 個選項沒有顯示，可嘗試搜索來查找',
     },
     en: {
         selectAll: 'Select All',
         cancelSelect: 'Cancel Select',
         searchEmptyHint: 'No matching options',
         loadingHint: 'Loading...',
+        exceedLimitHint: 'There are {0} items not displayed, try searching to find',
     },
 });
diff --git a/lib/picker/src/types/picker-menu-props.ts b/lib/picker/src/types/picker-menu-props.ts
@@ -16,6 +16,7 @@ export interface PickerMenuProps<S extends PickerState = PickerState> extends Pi
     footer?: CustomContentType;
     noMatchHint?: string;
     maxItemsCount?: number;
+    exceedLimitHint?: string;
     picker?: Picker;
 
     onSelect: (values: string | string[]) => void;

diff --git a/lib/picker/src/types/picker-options.ts b/lib/picker/src/types/picker-options.ts
@@ -19,6 +19,7 @@ export interface PickerOptions<S extends PickerState = PickerState> extends Pick
     checkbox?: MenuOptions['checkbox'];
     items: MenuOptions['items'];
     maxItemsCount?: number;
+    exceedLimitHint?: string;
     toolbar?: ToolbarSetting | boolean;
     cache?: boolean;
     searchDelay?: number;