@peng_kai/kit 0.3.0-beta.3 → 0.3.0-beta.31

package/admin/components/date/TtaTimeZone.vue

@@ -0,0 +1,516 @@
+<script lang="ts">
+import dayjs from '../../../libs/dayjs';
+import { ref, computed } from 'vue';
+import { useNow } from '@vueuse/core';
+import { Dropdown, Card, Input, Button, Empty } from 'ant-design-vue';
+import { getTtaTimeZone } from './helpers';
+
+const timeZonesZh: Record<string, string> = {
+  'Africa/Abidjan': '非洲/阿比让',
+  'Africa/Accra': '非洲/阿克拉',
+  'Africa/Addis_Ababa': '非洲/亚的斯亚贝巴',
+  'Africa/Algiers': '非洲/阿尔及尔',
+  'Africa/Asmera': '非洲/阿斯马拉',
+  'Africa/Bamako': '非洲/巴马科',
+  'Africa/Bangui': '非洲/班吉',
+  'Africa/Banjul': '非洲/班珠尔',
+  'Africa/Bissau': '非洲/比绍',
+  'Africa/Blantyre': '非洲/布兰太尔',
+  'Africa/Brazzaville': '非洲/布拉柴维尔',
+  'Africa/Bujumbura': '非洲/布琼布拉',
+  'Africa/Cairo': '非洲/开罗',
+  'Africa/Casablanca': '非洲/卡萨布兰卡',
+  'Africa/Ceuta': '非洲/休达',
+  'Africa/Conakry': '非洲/科纳克里',
+  'Africa/Dakar': '非洲/达喀尔',
+  'Africa/Dar_es_Salaam': '非洲/达累斯萨拉姆',
+  'Africa/Djibouti': '非洲/吉布提',
+  'Africa/Douala': '非洲/杜阿拉',
+  'Africa/El_Aaiun': '非洲/阿尤恩',
+  'Africa/Freetown': '非洲/弗里敦',
+  'Africa/Gaborone': '非洲/哈博罗内',
+  'Africa/Harare': '非洲/哈拉雷',
+  'Africa/Johannesburg': '非洲/约翰内斯堡',
+  'Africa/Juba': '非洲/朱巴',
+  'Africa/Kampala': '非洲/坎帕拉',
+  'Africa/Khartoum': '非洲/喀土穆',
+  'Africa/Kigali': '非洲/基加利',
+  'Africa/Kinshasa': '非洲/金沙萨',
+  'Africa/Lagos': '非洲/拉各斯',
+  'Africa/Libreville': '非洲/利伯维尔',
+  'Africa/Lome': '非洲/洛美',
+  'Africa/Luanda': '非洲/罗安达',
+  'Africa/Lubumbashi': '非洲/卢本巴希',
+  'Africa/Lusaka': '非洲/卢萨卡',
+  'Africa/Malabo': '非洲/马拉博',
+  'Africa/Maputo': '非洲/马普托',
+  'Africa/Maseru': '非洲/马塞卢',
+  'Africa/Mbabane': '非洲/姆巴巴内',
+  'Africa/Mogadishu': '非洲/摩加迪沙',
+  'Africa/Monrovia': '非洲/蒙罗维亚',
+  'Africa/Nairobi': '非洲/内罗毕',
+  'Africa/Ndjamena': '非洲/恩贾梅纳',
+  'Africa/Niamey': '非洲/尼亚美',
+  'Africa/Nouakchott': '非洲/努瓦克肖特',
+  'Africa/Ouagadougou': '非洲/瓦加杜古',
+  'Africa/Porto-Novo': '非洲/波多诺伏',
+  'Africa/Sao_Tome': '非洲/圣多美',
+  'Africa/Tripoli': '非洲/的黎波里',
+  'Africa/Tunis': '非洲/突尼斯',
+  'Africa/Windhoek': '非洲/温得和克',
+  'America/Adak': '美洲/阿达克',
+  'America/Anchorage': '美洲/安克雷奇',
+  'America/Anguilla': '美洲/安圭拉',
+  'America/Antigua': '美洲/安提瓜',
+  'America/Araguaina': '美洲/阿拉瓜伊纳',
+  'America/Argentina/La_Rioja': '美洲/阿根廷/拉里奥哈',
+  'America/Argentina/Rio_Gallegos': '美洲/阿根廷/里奥加耶戈斯',
+  'America/Argentina/Salta': '美洲/阿根廷/萨尔塔',
+  'America/Argentina/San_Juan': '美洲/阿根廷/圣胡安',
+  'America/Argentina/San_Luis': '美洲/阿根廷/圣路易斯',
+  'America/Argentina/Tucuman': '美洲/阿根廷/图库曼',
+  'America/Argentina/Ushuaia': '美洲/阿根廷/乌斯怀亚',
+  'America/Aruba': '美洲/阿鲁巴',
+  'America/Asuncion': '美洲/亚松森',
+  'America/Bahia': '美洲/巴伊亚',
+  'America/Bahia_Banderas': '美洲/巴伊亚班德拉斯',
+  'America/Barbados': '美洲/巴巴多斯',
+  'America/Belem': '美洲/贝伦',
+  'America/Belize': '美洲/伯利兹',
+  'America/Blanc-Sablon': '美洲/布朗萨布隆',
+  'America/Boa_Vista': '美洲/博阿维斯塔',
+  'America/Bogota': '美洲/波哥大',
+  'America/Boise': '美洲/博伊西',
+  'America/Buenos_Aires': '美洲/布宜诺斯艾利斯',
+  'America/Cambridge_Bay': '美洲/剑桥湾',
+  'America/Campo_Grande': '美洲/大坎普',
+  'America/Cancun': '美洲/坎昆',
+  'America/Caracas': '美洲/加拉加斯',
+  'America/Catamarca': '美洲/卡塔马卡',
+  'America/Cayenne': '美洲/卡宴',
+  'America/Cayman': '美洲/开曼',
+  'America/Chicago': '美洲/芝加哥',
+  'America/Chihuahua': '美洲/奇瓦瓦',
+  'America/Ciudad_Juarez': '美洲/华雷斯城',
+  'America/Coral_Harbour': '美洲/珊瑚港',
+  'America/Cordoba': '美洲/科尔多瓦',
+  'America/Costa_Rica': '美洲/哥斯达黎加',
+  'America/Creston': '美洲/克雷斯顿',
+  'America/Cuiaba': '美洲/库亚巴',
+  'America/Curacao': '美洲/库拉索',
+  'America/Danmarkshavn': '美洲/丹马克沙文',
+  'America/Dawson': '美洲/道森',
+  'America/Dawson_Creek': '美洲/道森克里克',
+  'America/Denver': '美洲/丹佛',
+  'America/Detroit': '美洲/底特律',
+  'America/Dominica': '美洲/多米尼加',
+  'America/Edmonton': '美洲/埃德蒙顿',
+  'America/Eirunepe': '美洲/埃鲁内佩',
+  'America/El_Salvador': '美洲/萨尔瓦多',
+  'America/Fort_Nelson': '美洲/纳尔逊堡',
+  'America/Fortaleza': '美洲/福塔莱萨',
+  'America/Glace_Bay': '美洲/格莱斯湾',
+  'America/Godthab': '美洲/戈特霍布',
+  'America/Goose_Bay': '美洲/古斯湾',
+  'America/Grand_Turk': '美洲/大特克',
+  'America/Grenada': '美洲/格林纳达',
+  'America/Guadeloupe': '美洲/瓜德罗普',
+  'America/Guatemala': '美洲/危地马拉',
+  'America/Guayaquil': '美洲/瓜亚基尔',
+  'America/Guyana': '美洲/圭亚那',
+  'America/Halifax': '美洲/哈利法克斯',
+  'America/Havana': '美洲/哈瓦那',
+  'America/Hermosillo': '美洲/埃莫西约',
+  'America/Indiana/Knox': '美洲/印第安纳/诺克斯',
+  'America/Indiana/Marengo': '美洲/印第安纳/马伦戈',
+  'America/Indiana/Petersburg': '美洲/印第安纳/彼得堡',
+  'America/Indiana/Tell_City': '美洲/印第安纳/特尔城',
+  'America/Indiana/Vevay': '美洲/印第安纳/维维',
+  'America/Indiana/Vincennes': '美洲/印第安纳/文森斯',
+  'America/Indiana/Winamac': '美洲/印第安纳/威纳马克',
+  'America/Indianapolis': '美洲/印第安纳波利斯',
+  'America/Inuvik': '美洲/伊努维克',
+  'America/Iqaluit': '美洲/伊魁特',
+  'America/Jamaica': '美洲/牙买加',
+  'America/Jujuy': '美洲/胡胡伊',
+  'America/Juneau': '美洲/朱诺',
+  'America/Kentucky/Monticello': '美洲/肯塔基/蒙蒂塞洛',
+  'America/Kralendijk': '美洲/克拉伦代克',
+  'America/La_Paz': '美洲/拉巴斯',
+  'America/Lima': '美洲/利马',
+  'America/Los_Angeles': '美洲/洛杉矶',
+  'America/Louisville': '美洲/路易斯维尔',
+  'America/Lower_Princes': '美洲/下王子区',
+  'America/Maceio': '美洲/马塞约',
+  'America/Managua': '美洲/马那瓜',
+  'America/Manaus': '美洲/马瑙斯',
+  'America/Marigot': '美洲/马里戈特',
+  'America/Martinique': '美洲/马提尼克',
+  'America/Matamoros': '美洲/马塔莫罗斯',
+  'America/Mazatlan': '美洲/马萨特兰',
+  'America/Mendoza': '美洲/门多萨',
+  'America/Menominee': '美洲/梅诺米尼',
+  'America/Merida': '美洲/梅里达',
+  'America/Metlakatla': '美洲/梅特拉卡特拉',
+  'America/Mexico_City': '美洲/墨西哥城',
+  'America/Miquelon': '美洲/密克隆',
+  'America/Moncton': '美洲/蒙克顿',
+  'America/Monterrey': '美洲/蒙特雷',
+  'America/Montevideo': '美洲/蒙得维的亚',
+  'America/Montserrat': '美洲/蒙特塞拉特',
+  'America/Nassau': '美洲/拿骚',
+  'America/New_York': '美洲/纽约',
+  'America/Nome': '美洲/诺姆',
+  'America/Noronha': '美洲/诺罗尼亚',
+  'America/North_Dakota/Beulah': '美洲/北达科他/比尤拉',
+  'America/North_Dakota/Center': '美洲/北达科他/中心',
+  'America/North_Dakota/New_Salem': '美洲/北达科他/新塞勒姆',
+  'America/Ojinaga': '美洲/奥希纳加',
+  'America/Panama': '美洲/巴拿马',
+  'America/Paramaribo': '美洲/帕拉马里博',
+  'America/Phoenix': '美洲/凤凰城',
+  'America/Port-au-Prince': '美洲/太子港',
+  'America/Port_of_Spain': '美洲/西班牙港',
+  'America/Porto_Velho': '美洲/波多韦柳',
+  'America/Puerto_Rico': '美洲/波多黎各',
+  'America/Punta_Arenas': '美洲/蓬塔阿雷纳斯',
+  'America/Rankin_Inlet': '美洲/兰金湾',
+  'America/Recife': '美洲/累西腓',
+  'America/Regina': '美洲/里贾纳',
+  'America/Resolute': '美洲/雷索卢特',
+  'America/Rio_Branco': '美洲/里奥布朗库',
+  'America/Santarem': '美洲/圣塔伦',
+  'America/Santiago': '美洲/圣地亚哥',
+  'America/Santo_Domingo': '美洲/圣多明各',
+  'America/Sao_Paulo': '美洲/圣保罗',
+  'America/Scoresbysund': '美洲/斯科斯比松',
+  'America/Sitka': '美洲/锡特卡',
+  'America/St_Barthelemy': '美洲/圣巴泰勒米',
+  'America/St_Johns': '美洲/圣约翰斯',
+  'America/St_Kitts': '美洲/圣基茨',
+  'America/St_Lucia': '美洲/圣卢西亚',
+  'America/St_Thomas': '美洲/圣托马斯',
+  'America/St_Vincent': '美洲/圣文森特',
+  'America/Swift_Current': '美洲/斯威夫特卡伦特',
+  'America/Tegucigalpa': '美洲/特古西加尔巴',
+  'America/Thule': '美洲/图勒',
+  'America/Tijuana': '美洲/蒂华纳',
+  'America/Toronto': '美洲/多伦多',
+  'America/Tortola': '美洲/托尔托拉',
+  'America/Vancouver': '美洲/温哥华',
+  'America/Whitehorse': '美洲/怀特霍斯',
+  'America/Winnipeg': '美洲/温尼伯',
+  'America/Yakutat': '美洲/亚库塔特',
+  'Antarctica/Casey': '南极洲/凯西',
+  'Antarctica/Davis': '南极洲/戴维斯',
+  'Antarctica/DumontDUrville': '南极洲/迪蒙迪维尔',
+  'Antarctica/Macquarie': '南极洲/麦夸里',
+  'Antarctica/Mawson': '南极洲/莫森',
+  'Antarctica/McMurdo': '南极洲/麦克默多',
+  'Antarctica/Palmer': '南极洲/帕尔默',
+  'Antarctica/Rothera': '南极洲/罗瑟拉',
+  'Antarctica/Syowa': '南极洲/昭和',
+  'Antarctica/Troll': '南极洲/特罗尔',
+  'Antarctica/Vostok': '南极洲/沃斯托克',
+  'Arctic/Longyearbyen': '北极/朗伊尔城',
+  'Asia/Aden': '亚洲/亚丁',
+  'Asia/Almaty': '亚洲/阿拉木图',
+  'Asia/Amman': '亚洲/安曼',
+  'Asia/Anadyr': '亚洲/阿纳德尔',
+  'Asia/Aqtau': '亚洲/阿克套',
+  'Asia/Aqtobe': '亚洲/阿克托别',
+  'Asia/Ashgabat': '亚洲/阿什哈巴德',
+  'Asia/Atyrau': '亚洲/阿特劳',
+  'Asia/Baghdad': '亚洲/巴格达',
+  'Asia/Bahrain': '亚洲/巴林',
+  'Asia/Baku': '亚洲/巴库',
+  'Asia/Bangkok': '亚洲/曼谷',
+  'Asia/Barnaul': '亚洲/巴尔瑙尔',
+  'Asia/Beirut': '亚洲/贝鲁特',
+  'Asia/Bishkek': '亚洲/比什凯克',
+  'Asia/Brunei': '亚洲/文莱',
+  'Asia/Calcutta': '亚洲/加尔各答',
+  'Asia/Chita': '亚洲/赤塔',
+  'Asia/Colombo': '亚洲/科伦坡',
+  'Asia/Damascus': '亚洲/大马士革',
+  'Asia/Dhaka': '亚洲/达卡',
+  'Asia/Dili': '亚洲/帝力',
+  'Asia/Dubai': '亚洲/迪拜',
+  'Asia/Dushanbe': '亚洲/杜尚别',
+  'Asia/Famagusta': '亚洲/法马古斯塔',
+  'Asia/Gaza': '亚洲/加沙',
+  'Asia/Hebron': '亚洲/希伯伦',
+  'Asia/Hong_Kong': '亚洲/香港',
+  'Asia/Hovd': '亚洲/科布多',
+  'Asia/Irkutsk': '亚洲/伊尔库茨克',
+  'Asia/Jakarta': '亚洲/雅加达',
+  'Asia/Jayapura': '亚洲/查亚普拉',
+  'Asia/Jerusalem': '亚洲/耶路撒冷',
+  'Asia/Kabul': '亚洲/喀布尔',
+  'Asia/Kamchatka': '亚洲/堪察加',
+  'Asia/Karachi': '亚洲/卡拉奇',
+  'Asia/Katmandu': '亚洲/加德满都',
+  'Asia/Khandyga': '亚洲/汉德加',
+  'Asia/Krasnoyarsk': '亚洲/克拉斯诺亚尔斯克',
+  'Asia/Kuala_Lumpur': '亚洲/吉隆坡',
+  'Asia/Kuching': '亚洲/古晋',
+  'Asia/Kuwait': '亚洲/科威特',
+  'Asia/Macau': '亚洲/澳门',
+  'Asia/Magadan': '亚洲/马加丹',
+  'Asia/Makassar': '亚洲/望加锡',
+  'Asia/Manila': '亚洲/马尼拉',
+  'Asia/Muscat': '亚洲/马斯喀特',
+  'Asia/Nicosia': '亚洲/尼科西亚',
+  'Asia/Novokuznetsk': '亚洲/新库兹涅茨克',
+  'Asia/Novosibirsk': '亚洲/新西伯利亚',
+  'Asia/Omsk': '亚洲/鄂木斯克',
+  'Asia/Oral': '亚洲/乌拉尔',
+  'Asia/Phnom_Penh': '亚洲/金边',
+  'Asia/Pontianak': '亚洲/坤甸',
+  'Asia/Pyongyang': '亚洲/平壤',
+  'Asia/Qatar': '亚洲/卡塔尔',
+  'Asia/Qostanay': '亚洲/科斯塔奈',
+  'Asia/Qyzylorda': '亚洲/克孜勒奥尔达',
+  'Asia/Rangoon': '亚洲/仰光',
+  'Asia/Riyadh': '亚洲/利雅得',
+  'Asia/Saigon': '亚洲/西贡',
+  'Asia/Sakhalin': '亚洲/萨哈林',
+  'Asia/Samarkand': '亚洲/撒马尔罕',
+  'Asia/Seoul': '亚洲/首尔',
+  'Asia/Shanghai': '亚洲/上海',
+  'Asia/Singapore': '亚洲/新加坡',
+  'Asia/Srednekolymsk': '亚洲/中科雷姆斯克',
+  'Asia/Taipei': '亚洲/台北',
+  'Asia/Tashkent': '亚洲/塔什干',
+  'Asia/Tbilisi': '亚洲/第比利斯',
+  'Asia/Tehran': '亚洲/德黑兰',
+  'Asia/Thimphu': '亚洲/廷布',
+  'Asia/Tokyo': '亚洲/东京',
+  'Asia/Tomsk': '亚洲/托木斯克',
+  'Asia/Ulaanbaatar': '亚洲/乌兰巴托',
+  'Asia/Urumqi': '亚洲/乌鲁木齐',
+  'Asia/Ust-Nera': '亚洲/乌斯季涅拉',
+  'Asia/Vientiane': '亚洲/万象',
+  'Asia/Vladivostok': '亚洲/符拉迪沃斯托克',
+  'Asia/Yakutsk': '亚洲/雅库茨克',
+  'Asia/Yekaterinburg': '亚洲/叶卡捷琳堡',
+  'Asia/Yerevan': '亚洲/埃里温',
+  'Atlantic/Azores': '大西洋/亚速尔',
+  'Atlantic/Bermuda': '大西洋/百慕大',
+  'Atlantic/Canary': '大西洋/加那利',
+  'Atlantic/Cape_Verde': '大西洋/佛得角',
+  'Atlantic/Faeroe': '大西洋/法罗',
+  'Atlantic/Madeira': '大西洋/马德拉',
+  'Atlantic/Reykjavik': '大西洋/雷克雅未克',
+  'Atlantic/South_Georgia': '大西洋/南乔治亚',
+  'Atlantic/St_Helena': '大西洋/圣赫勒拿',
+  'Atlantic/Stanley': '大西洋/斯坦利',
+  'Australia/Adelaide': '澳大利亚/阿德莱德',
+  'Australia/Brisbane': '澳大利亚/布里斯班',
+  'Australia/Broken_Hill': '澳大利亚/布罗肯希尔',
+  'Australia/Darwin': '澳大利亚/达尔文',
+  'Australia/Eucla': '澳大利亚/尤克拉',
+  'Australia/Hobart': '澳大利亚/霍巴特',
+  'Australia/Lindeman': '澳大利亚/林德曼',
+  'Australia/Lord_Howe': '澳大利亚/豪勋爵岛',
+  'Australia/Melbourne': '澳大利亚/墨尔本',
+  'Australia/Perth': '澳大利亚/珀斯',
+  'Australia/Sydney': '澳大利亚/悉尼',
+  'Europe/Amsterdam': '欧洲/阿姆斯特丹',
+  'Europe/Andorra': '欧洲/安道尔',
+  'Europe/Astrakhan': '欧洲/阿斯特拉罕',
+  'Europe/Athens': '欧洲/雅典',
+  'Europe/Belgrade': '欧洲/贝尔格莱德',
+  'Europe/Berlin': '欧洲/柏林',
+  'Europe/Bratislava': '欧洲/布拉迪斯拉发',
+  'Europe/Brussels': '欧洲/布鲁塞尔',
+  'Europe/Bucharest': '欧洲/布加勒斯特',
+  'Europe/Budapest': '欧洲/布达佩斯',
+  'Europe/Busingen': '欧洲/布辛根',
+  'Europe/Chisinau': '欧洲/基希讷乌',
+  'Europe/Copenhagen': '欧洲/哥本哈根',
+  'Europe/Dublin': '欧洲/都柏林',
+  'Europe/Gibraltar': '欧洲/直布罗陀',
+  'Europe/Guernsey': '欧洲/根西',
+  'Europe/Helsinki': '欧洲/赫尔辛基',
+  'Europe/Isle_of_Man': '欧洲/马恩岛',
+  'Europe/Istanbul': '欧洲/伊斯坦布尔',
+  'Europe/Jersey': '欧洲/泽西',
+  'Europe/Kaliningrad': '欧洲/加里宁格勒',
+  'Europe/Kiev': '欧洲/基辅',
+  'Europe/Kirov': '欧洲/基洛夫',
+  'Europe/Lisbon': '欧洲/里斯本',
+  'Europe/Ljubljana': '欧洲/卢布尔雅那',
+  'Europe/London': '欧洲/伦敦',
+  'Europe/Luxembourg': '欧洲/卢森堡',
+  'Europe/Madrid': '欧洲/马德里',
+  'Europe/Malta': '欧洲/马耳他',
+  'Europe/Mariehamn': '欧洲/玛丽港',
+  'Europe/Minsk': '欧洲/明斯克',
+  'Europe/Monaco': '欧洲/摩纳哥',
+  'Europe/Moscow': '欧洲/莫斯科',
+  'Europe/Oslo': '欧洲/奥斯陆',
+  'Europe/Paris': '欧洲/巴黎',
+  'Europe/Podgorica': '欧洲/波德戈里察',
+  'Europe/Prague': '欧洲/布拉格',
+  'Europe/Riga': '欧洲/里加',
+  'Europe/Rome': '欧洲/罗马',
+  'Europe/Samara': '欧洲/萨马拉',
+  'Europe/San_Marino': '欧洲/圣马力诺',
+  'Europe/Sarajevo': '欧洲/萨拉热窝',
+  'Europe/Saratov': '欧洲/萨拉托夫',
+  'Europe/Simferopol': '欧洲/辛菲罗波尔',
+  'Europe/Skopje': '欧洲/斯科普里',
+  'Europe/Sofia': '欧洲/索非亚',
+  'Europe/Stockholm': '欧洲/斯德哥尔摩',
+  'Europe/Tallinn': '欧洲/塔林',
+  'Europe/Tirane': '欧洲/地拉那',
+  'Europe/Ulyanovsk': '欧洲/乌里扬诺夫斯克',
+  'Europe/Vaduz': '欧洲/瓦杜兹',
+  'Europe/Vatican': '欧洲/梵蒂冈',
+  'Europe/Vienna': '欧洲/维也纳',
+  'Europe/Vilnius': '欧洲/维尔纽斯',
+  'Europe/Volgograd': '欧洲/伏尔加格勒',
+  'Europe/Warsaw': '欧洲/华沙',
+  'Europe/Zagreb': '欧洲/萨格勒布',
+  'Europe/Zurich': '欧洲/苏黎世',
+  'Indian/Antananarivo': '印度洋/安塔那那利佛',
+  'Indian/Chagos': '印度洋/查戈斯',
+  'Indian/Christmas': '印度洋/圣诞岛',
+  'Indian/Cocos': '印度洋/科科斯',
+  'Indian/Comoro': '印度洋/科摩罗',
+  'Indian/Kerguelen': '印度洋/凯尔盖朗',
+  'Indian/Mahe': '印度洋/马埃',
+  'Indian/Maldives': '印度洋/马尔代夫',
+  'Indian/Mauritius': '印度洋/毛里求斯',
+  'Indian/Mayotte': '印度洋/马约特',
+  'Indian/Reunion': '印度洋/留尼汪',
+  'Pacific/Apia': '太平洋/阿皮亚',
+  'Pacific/Auckland': '太平洋/奥克兰',
+  'Pacific/Bougainville': '太平洋/布干维尔',
+  'Pacific/Chatham': '太平洋/查塔姆',
+  'Pacific/Easter': '太平洋/复活节岛',
+  'Pacific/Efate': '太平洋/埃法特',
+  'Pacific/Enderbury': '太平洋/恩德伯里',
+  'Pacific/Fakaofo': '太平洋/法考福',
+  'Pacific/Fiji': '太平洋/斐济',
+  'Pacific/Funafuti': '太平洋/富纳富提',
+  'Pacific/Galapagos': '太平洋/加拉帕戈斯',
+  'Pacific/Gambier': '太平洋/甘比尔',
+  'Pacific/Guadalcanal': '太平洋/瓜达尔卡纳尔',
+  'Pacific/Guam': '太平洋/关岛',
+  'Pacific/Honolulu': '太平洋/檀香山',
+  'Pacific/Kiritimati': '太平洋/基里蒂马蒂',
+  'Pacific/Kosrae': '太平洋/科斯雷',
+  'Pacific/Kwajalein': '太平洋/夸贾林',
+  'Pacific/Majuro': '太平洋/马朱罗',
+  'Pacific/Marquesas': '太平洋/马克萨斯',
+  'Pacific/Midway': '太平洋/中途岛',
+  'Pacific/Nauru': '太平洋/瑙鲁',
+  'Pacific/Niue': '太平洋/纽埃',
+  'Pacific/Norfolk': '太平洋/诺福克',
+  'Pacific/Noumea': '太平洋/努美阿',
+  'Pacific/Pago_Pago': '太平洋/帕果帕果',
+  'Pacific/Palau': '太平洋/帕劳',
+  'Pacific/Pitcairn': '太平洋/皮特凯恩',
+  'Pacific/Ponape': '太平洋/波纳佩',
+  'Pacific/Port_Moresby': '太平洋/莫尔兹比港',
+  'Pacific/Rarotonga': '太平洋/拉罗汤加',
+  'Pacific/Saipan': '太平洋/塞班',
+  'Pacific/Tahiti': '太平洋/塔希提',
+  'Pacific/Tarawa': '太平洋/塔拉瓦',
+  'Pacific/Tongatapu': '太平洋/汤加塔布',
+  'Pacific/Truk': '太平洋/楚克',
+  'Pacific/Wake': '太平洋/威克岛',
+  'Pacific/Wallis': '太平洋/瓦利斯',
+};
+
+export const timeZones = Intl.supportedValuesOf('timeZone').map(tz => ({
+  en: tz,
+  cn: timeZonesZh[tz],
+  offset: getTimeZoneOffset(tz),
+}));
+
+function getTimeZoneOffset(timeZone: string) {
+  const date = new Date();
+  const formatter = new Intl.DateTimeFormat('en-US', { timeZone, timeZoneName: 'short' });
+  const tzString = formatter.formatToParts(date).find(part => part.type === 'timeZoneName')?.value;
+  return tzString?.split(' ')[0] || '';
+}
+</script>
+
+<script setup lang="ts">
+const visible = ref(false);
+const ttaTimeZone = getTtaTimeZone();
+const now = useNow({ interval: 100 });
+const utcNow = computed(() => [dayjs().utc(), dayjs(now.value)][0]);
+const tzInfo = computed(() => timeZones.find(x => x.en === (ttaTimeZone.value === 'UTC' ? dayjs.tz.guess() : ttaTimeZone.value))!);
+const tzNow = computed(() => [ttaTimeZone.value === 'UTC' ? dayjs() : dayjs().tz(ttaTimeZone.value), dayjs(now.value)][0]);
+
+const keyword = ref<string>();
+const timeZonesSearched = computed(() => {
+  const kw = keyword.value;
+  return kw
+    ? timeZones.filter(x =>
+      String(x.cn).includes(kw)
+      || x.en.toLowerCase().includes(kw.toLowerCase())
+      || x.offset.includes(kw),
+    )
+    : timeZones;
+});
+
+function onSelect(tz: string) {
+  ttaTimeZone.value = tz;
+  visible.value = false;
+}
+</script>
+
+<template>
+  <Dropdown v-model:open="visible" placement="topLeft" trigger="click" arrow>
+    <div class="cursor-pointer">
+      <div>
+        <div class="text-xs text-$antd-colorTextSecondary"
+          :class="{ '!text-$antd-colorPrimaryText': ttaTimeZone === 'UTC' }">
+          UTC 协调世界时
+        </div>
+        <div class="text-sm">
+          {{ utcNow.format('YYYY/MM/DD HH:mm:ss') }}
+        </div>
+      </div>
+      <div class="mt-1">
+        <div class="break-words text-xs text-$antd-colorTextSecondary"
+          :class="{ '!text-$antd-colorPrimaryText': ttaTimeZone !== 'UTC' }">
+          {{ tzInfo.cn }}
+        </div>
+        <div class="text-sm">
+          {{ tzNow.format('YYYY/MM/DD HH:mm:ss Z') }}
+        </div>
+      </div>
+    </div>
+    <template #overlay>
+      <Card class="w-80" title="切换时区" size="small" :bordered="false">
+        <Input v-model:value="keyword" placeholder="搜索时区名、UTC偏移量" allowClear />
+        <div class="mt-1 flex gap-1">
+          <Button block @click="onSelect('UTC')">
+            UTC
+          </Button>
+          <Button block @click="onSelect(dayjs.tz.guess())">
+            本地
+          </Button>
+        </div>
+        <div class="mt-2 h-80 overflow-auto">
+          <template v-if="timeZonesSearched.length">
+            <div v-for="item of timeZonesSearched" :key="item.en"
+              class="cursor-pointer rounded-2 px-[5px] py-2 hover:bg-$antd-colorFillTertiary"
+              @click="onSelect(item.en)">
+              <span>{{ item.en }}</span>&nbsp;
+              <span>{{ item.cn }}</span>&nbsp;
+              <span>{{ item.offset }}</span>
+            </div>
+          </template>
+          <Empty v-else class="mt-15" description="没有找到相关时区" :image="Empty.PRESENTED_IMAGE_SIMPLE" />
+        </div>
+      </Card>
+    </template>
+  </Dropdown>
+</template>

package/admin/components/date/TtaTimeZoneSimple.vue

@@ -0,0 +1,104 @@
+<script lang="ts">
+import { timeZones } from './TtaTimeZone.vue';
+import { customRef } from 'vue';
+import { Select } from 'ant-design-vue';
+import { getTtaTimeZone } from './helpers';
+
+const offsetOptions = [
+  { label: 'UTC', value: 'UTC' },
+  { label: "GMT+01:00", value: "GMT+1" },
+  { label: "GMT+02:00", value: "GMT+2" },
+  { label: "GMT+03:00", value: "GMT+3" },
+  { label: "GMT+03:30", value: "GMT+3:30" },
+  { label: "GMT+04:00", value: "GMT+4" },
+  { label: "GMT+04:30", value: "GMT+4:30" },
+  { label: "GMT+05:00", value: "GMT+5" },
+  { label: "GMT+05:30", value: "GMT+5:30" },
+  { label: "GMT+05:45", value: "GMT+5:45" },
+  { label: "GMT+06:00", value: "GMT+6" },
+  { label: "GMT+06:30", value: "GMT+6:30" },
+  { label: "GMT+07:00", value: "GMT+7" },
+  { label: "GMT+08:00", value: "GMT+8" },
+  { label: "GMT+08:45", value: "GMT+8:45" },
+  { label: "GMT+09:00", value: "GMT+9" },
+  { label: "GMT+09:30", value: "GMT+9:30" },
+  { label: "GMT+10:00", value: "GMT+10" },
+  { label: "GMT+10:30", value: "GMT+10:30" },
+  { label: "GMT+11:00", value: "GMT+11" },
+  { label: "GMT+12:00", value: "GMT+12" },
+  { label: "GMT+12:45", value: "GMT+12:45" },
+  { label: "GMT+13:00", value: "GMT+13" },
+  { label: "GMT+14:00", value: "GMT+14" },
+  { label: "GMT-01:00", value: "GMT-1" },
+  { label: "GMT-02:00", value: "GMT-2" },
+  { label: "GMT-02:30", value: "GMT-2:30" },
+  { label: "GMT-03:00", value: "GMT-3" },
+  { label: "GMT-04:00", value: "GMT-4" },
+  { label: "GMT-05:00", value: "GMT-5" },
+  { label: "GMT-06:00", value: "GMT-6" },
+  { label: "GMT-07:00", value: "GMT-7" },
+  { label: "GMT-08:00", value: "GMT-8" },
+  { label: "GMT-09:00", value: "GMT-9" },
+  { label: "GMT-09:30", value: "GMT-9:30" },
+  { label: "GMT-10:00", value: "GMT-10" },
+  { label: "GMT-11:00", value: "GMT-11" },
+]
+</script>
+
+<script lang="ts" setup>
+const ttaTimeZone = getTtaTimeZone();
+const current = customRef((track, trigger) => {
+  return {
+    get() {
+      let value = 'UTC';
+
+      if (ttaTimeZone.value !== value) {
+        const tz = timeZones.find(x => x.en === ttaTimeZone.value);
+        value = offsetOptions.find(x => x.value === tz?.offset)?.value || value;
+      }
+
+      track();
+      return value;
+    },
+    set(value: string) {
+      if (value === 'UTC') {
+        ttaTimeZone.value = 'UTC';
+      } else {
+        const tz = timeZones.find(x => x.offset === value);
+        tz && (ttaTimeZone.value = tz.en);
+      }
+
+      trigger();
+    }
+  }
+})
+</script>
+
+<template>
+  <Select class="tta-tz-select" v-model:value="current" :bordered="false" :virtual="false"
+    :dropdownMatchSelectWidth="120" :options="offsetOptions">
+    <template #suffixIcon>
+      <i class="i-iconoir:time-zone text-5 text-$antd-colorTextBase" />
+    </template>
+  </Select>
+</template>
+
+<style lang="scss" scoped>
+.tta-tz-select {
+  :deep(.ant-select-selector) {
+    border: none;
+    padding: 0;
+    padding-left: 24px;
+    font-variant-numeric: lining-nums;
+
+    .ant-select-selection-item {
+      padding: 0;
+    }
+  }
+
+  :deep(.ant-select-arrow) {
+    position: absolute;
+    left: 0;
+  }
+}
+</style>