From 286fd91b2b042ab6e241d1c68b991f371d01773e Mon Sep 17 00:00:00 2001
From: MaysWind <i@mayswind.net>
Date: Sun, 2 Apr 2023 23:29:41 +0800
Subject: [PATCH] modify setting ui

---
 src/views/mobile/Settings.vue            | 4 ++--
 src/views/mobile/statistics/Settings.vue | 8 ++++----
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/views/mobile/Settings.vue b/src/views/mobile/Settings.vue
index a0e2063d..de6edaba 100644
--- a/src/views/mobile/Settings.vue
+++ b/src/views/mobile/Settings.vue
@@ -24,7 +24,7 @@
                     <f7-list-item
                         :key="currentLocale + '_lang'"
                         :title="$t('Language')"
-                        smart-select :smart-select-params="{ openIn: 'sheet', closeOnSelect: true, sheetCloseLinkText: $t('Done'), scrollToSelectedItem: true }">
+                        smart-select :smart-select-params="{ openIn: 'popup', searchbar: true, searchbarPlaceholder: $t('Language'), searchbarDisableText: $t('Cancel'), closeOnSelect: true, popupCloseLinkText: $t('Done'), scrollToSelectedItem: true }">
                         <select v-model="currentLocale">
                             <option v-for="(lang, locale) in allLanguages"
                                     :key="locale"
@@ -60,7 +60,7 @@
                     <f7-list-item
                         :key="currentLocale + '_currency_display'"
                         :title="$t('Currency Display Mode')"
-                        smart-select :smart-select-params="{ openIn: 'sheet', closeOnSelect: true, sheetCloseLinkText: $t('Done') }">
+                        smart-select :smart-select-params="{ openIn: 'popup', searchbar: true, searchbarPlaceholder: $t('Currency Display Mode'), searchbarDisableText: $t('Cancel'), closeOnSelect: true, popupCloseLinkText: $t('Done'), scrollToSelectedItem: true }">
                         <select v-model="currencyDisplayMode">
                             <option :value="$constants.currency.allCurrencyDisplayModes.None">{{ $t('None') }}</option>
                             <option :value="$constants.currency.allCurrencyDisplayModes.Symbol">{{ $t('Currency Symbol') }}</option>
diff --git a/src/views/mobile/statistics/Settings.vue b/src/views/mobile/statistics/Settings.vue
index 20b5cc7b..4d03dcf8 100644
--- a/src/views/mobile/statistics/Settings.vue
+++ b/src/views/mobile/statistics/Settings.vue
@@ -7,7 +7,7 @@
                 <f7-list>
                     <f7-list-item
                         :title="$t('Default Chart Type')"
-                        smart-select :smart-select-params="{ openIn: 'sheet', closeOnSelect: true, sheetCloseLinkText: $t('Done'), scrollToSelectedItem: true }">
+                        smart-select :smart-select-params="{ openIn: 'popup', searchbar: true, searchbarPlaceholder: $t('Default Chart Type'), searchbarDisableText: $t('Cancel'), closeOnSelect: true, popupCloseLinkText: $t('Done'), scrollToSelectedItem: true }">
                         <select v-model="defaultChartType">
                             <option :value="$constants.statistics.allChartTypes.Pie">{{ $t('Pie Chart') }}</option>
                             <option :value="$constants.statistics.allChartTypes.Bar">{{ $t('Bar Chart') }}</option>
@@ -16,7 +16,7 @@
 
                     <f7-list-item
                         :title="$t('Default Chart Data Type')"
-                        smart-select :smart-select-params="{ openIn: 'sheet', closeOnSelect: true, sheetCloseLinkText: $t('Done'), scrollToSelectedItem: true }">
+                        smart-select :smart-select-params="{ openIn: 'popup', searchbar: true, searchbarPlaceholder: $t('Default Chart Data Type'), searchbarDisableText: $t('Cancel'), closeOnSelect: true, popupCloseLinkText: $t('Done'), scrollToSelectedItem: true }">
                         <select v-model="defaultChartDataType">
                             <option v-for="chartDataType in allChartDataTypes"
                                     :key="chartDataType.type"
@@ -26,7 +26,7 @@
 
                     <f7-list-item
                         :title="$t('Default Date Range')"
-                        smart-select :smart-select-params="{ openIn: 'sheet', closeOnSelect: true, sheetCloseLinkText: $t('Done'), scrollToSelectedItem: true }">
+                        smart-select :smart-select-params="{ openIn: 'popup', searchbar: true, searchbarPlaceholder: $t('Default Date Range'), searchbarDisableText: $t('Cancel'), closeOnSelect: true, popupCloseLinkText: $t('Done'), scrollToSelectedItem: true }">
                         <select v-model="defaultDateRange">
                             <option v-for="dateRange in allDateRanges"
                                     :key="dateRange.type"
@@ -40,7 +40,7 @@
 
                     <f7-list-item
                         :title="$t('Default Sort By')"
-                        smart-select :smart-select-params="{ openIn: 'sheet', closeOnSelect: true, sheetCloseLinkText: $t('Done'), scrollToSelectedItem: true }">
+                        smart-select :smart-select-params="{ openIn: 'popup', searchbar: true, searchbarPlaceholder: $t('Default Sort By'), searchbarDisableText: $t('Cancel'), closeOnSelect: true, popupCloseLinkText: $t('Done'), scrollToSelectedItem: true }">
                         <select v-model="defaultSortingType">
                             <option v-for="sortingType in allSortingTypes"
                                     :key="sortingType.type"