foxit-component 1.0.4 → 1.0.5-alpha.10

package/es/Input/areaCodeData.js

@@ -0,0 +1,270 @@
+// 当前域名下assets/images/generateIcon
+var AREA_FLAG_BASE_URL = function () {
+    if (typeof window !== 'undefined') {
+        return window.location.origin + '/assets/images/generateIcon';
+    }
+    return '';
+};
+// SSR 场景下 flagBaseUrl 为空时使用的 US 国旗 fallback（内联 SVG data URI）
+var US_FLAG_SVG = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1024 1024">' +
+    '<path d="M512.5 64.1h-2.6c-246.1 0-445.5 199.5-445.5 445.5v2.5h448.1v-448z" fill="#2F0F7D"/>' +
+    '<path d="M512.1 445.2v66.9h448.3c0-22.7-1.7-45.1-5-66.9H512.1z" fill="#DE001A"/>' +
+    '<path d="M940.1 378.3h-428v66.9h443.3c-3.4-22.9-8.6-45.3-15.3-66.9z" fill="#FFFFFF"/>' +
+    '<path d="M913 311.3H512.1v66.9h428c-7.3-23.1-16.4-45.5-27.1-66.9z" fill="#DE001A"/>' +
+    '<path d="M871.6 244.4H512.1v66.9H913c-11.9-23.6-25.7-45.9-41.4-66.9z" fill="#FFFFFF"/>' +
+    '<path d="M810.2 177.5H512.1v66.9h359.5c-18.1-24.3-38.7-46.8-61.4-66.9z" fill="#DE001A"/>' +
+    '<path d="M711.2 110.5H512.1v66.9h298.1c-29.7-26.4-63-49-99-66.9z" fill="#FFFFFF"/>' +
+    '<path d="M313.6 913.7h397.5c36-17.9 69.3-40.5 99.1-66.9H214.6c29.7 26.5 63 49.1 99 66.9z" fill="#DE001A"/>' +
+    '<path d="M214.6 846.8h595.6c22.6-20.2 43.2-42.6 61.4-66.9H153.2c18.1 24.3 38.7 46.7 61.4 66.9zM512.4 960.1c71.4 0 138.9-16.7 198.8-46.4H313.6c59.9 29.7 127.4 46.4 198.8 46.4z" fill="#FFFFFF"/>' +
+    '<path d="M153.2 779.9h718.5c15.7-21 29.5-43.4 41.4-66.9H111.8c11.9 23.5 25.7 45.9 41.4 66.9z" fill="#DE001A"/>' +
+    '<path d="M111.8 712.9H913c10.7-21.4 19.8-43.8 27.1-66.9H84.7c7.3 23.2 16.4 45.5 27.1 66.9z" fill="#FFFFFF"/>' +
+    '<path d="M84.7 646H940c6.8-21.7 11.9-44 15.4-66.9h-886C72.8 602 78 624.3 84.7 646z" fill="#DE001A"/>' +
+    '<path d="M955.4 579.1c3.3-21.8 5-44.2 5-66.9h-896c0 22.7 1.7 45.1 5 66.9h886z" fill="#FFFFFF"/>' +
+    '<path d="M711.2 110.5c-59.9-29.7-127.4-46.4-198.8-46.4h-0.3v46.4h199.1z" fill="#DE001A"/>' +
+    '<path d="M138.1 317.4l-8 16-17.9 2.6 13 12.5-3.1 17.6 16-8.3 16 8.3-3.1-17.6 12.9-12.5-17.8-2.6zM146.1 461.2l-8-16-8 16-17.9 2.6 13 12.5-3.1 17.6 16-8.3 16 8.3-3.1-17.6 12.9-12.5zM182.9 299.2l16-8.4 16 8.4-3-17.7 12.9-12.4-17.9-2.6-8-16-8 16-17.8 2.6 12.9 12.4zM224.8 399.9l-17.9-2.6-8-16-8 16-17.8 2.6 12.9 12.5-3.1 17.6 16-8.3 16 8.3-3-17.6zM360.2 186.6l-8 16-17.9 2.6 13 12.4-3.1 17.7 16-8.4 16 8.4-3.1-17.7 12.9-12.4-17.8-2.6zM344.2 116.6l16-8.3 16 8.3-3.1-17.6L386 86.5l-9.7-1.4c-10.7 3.4-21.3 7.2-31.7 11.4l2.5 2.5-2.9 17.6zM360.2 317.4l-8 16-17.9 2.6 13 12.5-3.1 17.6 16-8.3 16 8.3-3.1-17.6L386 336l-17.8-2.6zM368.2 461.2l-8-16-8 16-17.9 2.6 13 12.5-3.1 17.6 16-8.3 16 8.3-3.1-17.6 12.9-12.5zM405 299.2l16-8.4 16 8.4-3-17.7 12.9-12.4-17.9-2.6-8-16-8 16-17.8 2.6 12.9 12.4zM405 180.5l16-8.3 16 8.3-3-17.6 12.9-12.5-17.9-2.6-8-16-8 16-17.8 2.6 12.9 12.5zM446.9 399.9l-17.9-2.6-8-16-8 16-17.8 2.6 12.9 12.5L405 430l16-8.3 16 8.3-3-17.6zM96.3 430l-3.1-17.6 12.9-12.5-17.9-2.6-5.8-11.7c-3.8 13.1-7.1 26.4-9.8 40l7.6-4 16.1 8.4zM250.7 186.6l-8 16-17.9 2.6 12.9 12.4-3 17.7 16-8.4 15.9 8.4-3-17.7 12.9-12.4-17.9-2.6zM250.7 317.4l-8 16-17.9 2.6 12.9 12.5-3 17.6 16-8.3 15.9 8.3-3-17.6 12.9-12.5-17.9-2.6zM258.6 461.2l-7.9-16-8 16-17.9 2.6 12.9 12.5-3 17.6 16-8.3 15.9 8.3-3-17.6 12.9-12.5zM295.5 299.2l16-8.4 16 8.4-3.1-17.7 13-12.4-17.9-2.6-8-16-8 16-17.9 2.6 13 12.4zM295.5 180.5l16-8.3 16 8.3-3.1-17.6 13-12.5-17.9-2.6-8-16-8 16-17.9 2.6 13 12.5zM337.4 399.9l-17.9-2.6-8-16-8 16-17.9 2.6 13 12.5-3.1 17.6 16-8.3 16 8.3-3.1-17.6zM469.7 186.6l-8 16-17.8 2.6 12.9 12.4-3.1 17.7 16-8.4 16 8.4-3.1-17.7 13-12.4-17.9-2.6zM469.7 67.9l-8 16.1-17.8 2.5L456.8 99l-3.1 17.6 16-8.3 16 8.3-3.1-17.6 13-12.5-17.9-2.5zM469.7 317.4l-8 16-17.8 2.6 12.9 12.5-3.1 17.6 16-8.3 16 8.3-3.1-17.6 13-12.5-17.9-2.6zM477.7 461.2l-8-16-8 16-17.8 2.6 12.9 12.5-3.1 17.6 16-8.3 16 8.3-3.1-17.6 13-12.5z" fill="#FFFFFF"/>' +
+    '</svg>';
+var US_FLAG_DATA_URI = 'data:image/svg+xml,' + encodeURIComponent(US_FLAG_SVG);
+var areaCodeOptions = [
+    { value: 'AF', dialCode: '+93', name: 'Afghanistan' },
+    { value: 'AL', dialCode: '+355', name: 'Albania' },
+    { value: 'DZ', dialCode: '+213', name: 'Algeria' },
+    { value: 'AS', dialCode: '+1', name: 'American Samoa' },
+    { value: 'AD', dialCode: '+376', name: 'Andorra' },
+    { value: 'AO', dialCode: '+244', name: 'Angola' },
+    { value: 'AI', dialCode: '+1', name: 'Anguilla' },
+    { value: 'AQ', dialCode: '+672', name: 'Antarctica' },
+    { value: 'AG', dialCode: '+1', name: 'Antigua and Barbuda' },
+    { value: 'AR', dialCode: '+54', name: 'Argentina' },
+    { value: 'AM', dialCode: '+374', name: 'Armenia' },
+    { value: 'AW', dialCode: '+297', name: 'Aruba' },
+    { value: 'AU', dialCode: '+61', name: 'Australia' },
+    { value: 'AT', dialCode: '+43', name: 'Austria' },
+    { value: 'AZ', dialCode: '+994', name: 'Azerbaijan' },
+    { value: 'BS', dialCode: '+1', name: 'Bahamas' },
+    { value: 'BH', dialCode: '+973', name: 'Bahrain' },
+    { value: 'BD', dialCode: '+880', name: 'Bangladesh' },
+    { value: 'BB', dialCode: '+1', name: 'Barbados' },
+    { value: 'BY', dialCode: '+375', name: 'Belarus' },
+    { value: 'BE', dialCode: '+32', name: 'Belgium' },
+    { value: 'BZ', dialCode: '+501', name: 'Belize' },
+    { value: 'BJ', dialCode: '+229', name: 'Benin' },
+    { value: 'BM', dialCode: '+1', name: 'Bermuda' },
+    { value: 'BT', dialCode: '+975', name: 'Bhutan' },
+    { value: 'BO', dialCode: '+591', name: 'Bolivia' },
+    { value: 'BA', dialCode: '+387', name: 'Bosnia and Herzegovina' },
+    { value: 'BW', dialCode: '+267', name: 'Botswana' },
+    { value: 'BR', dialCode: '+55', name: 'Brazil' },
+    { value: 'IO', dialCode: '+246', name: 'British Indian Ocean Territory' },
+    { value: 'VG', dialCode: '+1', name: 'British Virgin Islands' },
+    { value: 'BN', dialCode: '+673', name: 'Brunei' },
+    { value: 'BG', dialCode: '+359', name: 'Bulgaria' },
+    { value: 'BF', dialCode: '+226', name: 'Burkina Faso' },
+    { value: 'BI', dialCode: '+257', name: 'Burundi' },
+    { value: 'KH', dialCode: '+855', name: 'Cambodia' },
+    { value: 'CM', dialCode: '+237', name: 'Cameroon' },
+    { value: 'CA', dialCode: '+1', name: 'Canada' },
+    { value: 'CV', dialCode: '+238', name: 'Cape Verde' },
+    { value: 'KY', dialCode: '+1', name: 'Cayman Islands' },
+    { value: 'CF', dialCode: '+236', name: 'Central African Republic' },
+    { value: 'TD', dialCode: '+235', name: 'Chad' },
+    { value: 'CL', dialCode: '+56', name: 'Chile' },
+    { value: 'CN', dialCode: '+86', name: 'China' },
+    { value: 'CX', dialCode: '+61', name: 'Christmas Island' },
+    { value: 'CC', dialCode: '+61', name: 'Cocos Islands' },
+    { value: 'CO', dialCode: '+57', name: 'Colombia' },
+    { value: 'KM', dialCode: '+269', name: 'Comoros' },
+    { value: 'CK', dialCode: '+682', name: 'Cook Islands' },
+    { value: 'CR', dialCode: '+506', name: 'Costa Rica' },
+    { value: 'HR', dialCode: '+385', name: 'Croatia' },
+    { value: 'CU', dialCode: '+53', name: 'Cuba' },
+    { value: 'CW', dialCode: '+599', name: 'Curacao' },
+    { value: 'CY', dialCode: '+357', name: 'Cyprus' },
+    { value: 'CZ', dialCode: '+420', name: 'Czech Republic' },
+    { value: 'CD', dialCode: '+243', name: 'Democratic Republic of the Congo' },
+    { value: 'DK', dialCode: '+45', name: 'Denmark' },
+    { value: 'DJ', dialCode: '+253', name: 'Djibouti' },
+    { value: 'DM', dialCode: '+1', name: 'Dominica' },
+    { value: 'DO', dialCode: '+1', name: 'Dominican Republic' },
+    { value: 'TL', dialCode: '+670', name: 'East Timor' },
+    { value: 'EC', dialCode: '+593', name: 'Ecuador' },
+    { value: 'EG', dialCode: '+20', name: 'Egypt' },
+    { value: 'SV', dialCode: '+503', name: 'El Salvador' },
+    { value: 'GQ', dialCode: '+240', name: 'Equatorial Guinea' },
+    { value: 'ER', dialCode: '+291', name: 'Eritrea' },
+    { value: 'EE', dialCode: '+372', name: 'Estonia' },
+    { value: 'ET', dialCode: '+251', name: 'Ethiopia' },
+    { value: 'FK', dialCode: '+500', name: 'Falkland Islands' },
+    { value: 'FO', dialCode: '+298', name: 'Faroe Islands' },
+    { value: 'FJ', dialCode: '+679', name: 'Fiji' },
+    { value: 'FI', dialCode: '+358', name: 'Finland' },
+    { value: 'FR', dialCode: '+33', name: 'France' },
+    { value: 'PF', dialCode: '+689', name: 'French Polynesia' },
+    { value: 'GA', dialCode: '+241', name: 'Gabon' },
+    { value: 'GM', dialCode: '+220', name: 'Gambia' },
+    { value: 'GE', dialCode: '+995', name: 'Georgia' },
+    { value: 'DE', dialCode: '+49', name: 'Germany' },
+    { value: 'GH', dialCode: '+233', name: 'Ghana' },
+    { value: 'GI', dialCode: '+350', name: 'Gibraltar' },
+    { value: 'GR', dialCode: '+30', name: 'Greece' },
+    { value: 'GL', dialCode: '+299', name: 'Greenland' },
+    { value: 'GD', dialCode: '+1', name: 'Grenada' },
+    { value: 'GU', dialCode: '+1', name: 'Guam' },
+    { value: 'GT', dialCode: '+502', name: 'Guatemala' },
+    { value: 'GG', dialCode: '+44', name: 'Guernsey' },
+    { value: 'GN', dialCode: '+224', name: 'Guinea' },
+    { value: 'GW', dialCode: '+245', name: 'Guinea-Bissau' },
+    { value: 'GY', dialCode: '+592', name: 'Guyana' },
+    { value: 'HT', dialCode: '+509', name: 'Haiti' },
+    { value: 'HN', dialCode: '+504', name: 'Honduras' },
+    { value: 'HK', dialCode: '+852', name: 'Hong Kong' },
+    { value: 'HU', dialCode: '+36', name: 'Hungary' },
+    { value: 'IS', dialCode: '+354', name: 'Iceland' },
+    { value: 'IN', dialCode: '+91', name: 'India' },
+    { value: 'ID', dialCode: '+62', name: 'Indonesia' },
+    { value: 'IR', dialCode: '+98', name: 'Iran' },
+    { value: 'IQ', dialCode: '+964', name: 'Iraq' },
+    { value: 'IE', dialCode: '+353', name: 'Ireland' },
+    { value: 'IM', dialCode: '+44', name: 'Isle of Man' },
+    { value: 'IL', dialCode: '+972', name: 'Israel' },
+    { value: 'IT', dialCode: '+39', name: 'Italy' },
+    { value: 'CI', dialCode: '+225', name: 'Ivory Coast' },
+    { value: 'JM', dialCode: '+1', name: 'Jamaica' },
+    { value: 'JP', dialCode: '+81', name: 'Japan' },
+    { value: 'JE', dialCode: '+44', name: 'Jersey' },
+    { value: 'JO', dialCode: '+962', name: 'Jordan' },
+    { value: 'KZ', dialCode: '+7', name: 'Kazakhstan' },
+    { value: 'KE', dialCode: '+254', name: 'Kenya' },
+    { value: 'KI', dialCode: '+686', name: 'Kiribati' },
+    { value: 'XK', dialCode: '+383', name: 'Kosovo' },
+    { value: 'KW', dialCode: '+965', name: 'Kuwait' },
+    { value: 'KG', dialCode: '+996', name: 'Kyrgyzstan' },
+    { value: 'LA', dialCode: '+856', name: 'Laos' },
+    { value: 'LV', dialCode: '+371', name: 'Latvia' },
+    { value: 'LB', dialCode: '+961', name: 'Lebanon' },
+    { value: 'LS', dialCode: '+266', name: 'Lesotho' },
+    { value: 'LR', dialCode: '+231', name: 'Liberia' },
+    { value: 'LY', dialCode: '+218', name: 'Libya' },
+    { value: 'LI', dialCode: '+423', name: 'Liechtenstein' },
+    { value: 'LT', dialCode: '+370', name: 'Lithuania' },
+    { value: 'LU', dialCode: '+352', name: 'Luxembourg' },
+    { value: 'MO', dialCode: '+853', name: 'Macau' },
+    { value: 'MK', dialCode: '+389', name: 'Macedonia' },
+    { value: 'MG', dialCode: '+261', name: 'Madagascar' },
+    { value: 'MW', dialCode: '+265', name: 'Malawi' },
+    { value: 'MY', dialCode: '+60', name: 'Malaysia' },
+    { value: 'MV', dialCode: '+960', name: 'Maldives' },
+    { value: 'ML', dialCode: '+223', name: 'Mali' },
+    { value: 'MT', dialCode: '+356', name: 'Malta' },
+    { value: 'MH', dialCode: '+692', name: 'Marshall Islands' },
+    { value: 'MR', dialCode: '+222', name: 'Mauritania' },
+    { value: 'MU', dialCode: '+230', name: 'Mauritius' },
+    { value: 'YT', dialCode: '+262', name: 'Mayotte' },
+    { value: 'MX', dialCode: '+52', name: 'Mexico' },
+    { value: 'FM', dialCode: '+691', name: 'Micronesia' },
+    { value: 'MD', dialCode: '+373', name: 'Moldova' },
+    { value: 'MC', dialCode: '+377', name: 'Monaco' },
+    { value: 'MN', dialCode: '+976', name: 'Mongolia' },
+    { value: 'ME', dialCode: '+382', name: 'Montenegro' },
+    { value: 'MS', dialCode: '+1', name: 'Montserrat' },
+    { value: 'MA', dialCode: '+212', name: 'Morocco' },
+    { value: 'MZ', dialCode: '+258', name: 'Mozambique' },
+    { value: 'MM', dialCode: '+95', name: 'Myanmar' },
+    { value: 'NA', dialCode: '+264', name: 'Namibia' },
+    { value: 'NR', dialCode: '+674', name: 'Nauru' },
+    { value: 'NP', dialCode: '+977', name: 'Nepal' },
+    { value: 'NL', dialCode: '+31', name: 'Netherlands' },
+    { value: 'AN', dialCode: '+599', name: 'Netherlands Antilles' },
+    { value: 'NC', dialCode: '+687', name: 'New Caledonia' },
+    { value: 'NZ', dialCode: '+64', name: 'New Zealand' },
+    { value: 'NI', dialCode: '+505', name: 'Nicaragua' },
+    { value: 'NE', dialCode: '+227', name: 'Niger' },
+    { value: 'NG', dialCode: '+234', name: 'Nigeria' },
+    { value: 'NU', dialCode: '+683', name: 'Niue' },
+    { value: 'KP', dialCode: '+850', name: 'North Korea' },
+    { value: 'MP', dialCode: '+1', name: 'Northern Mariana Islands' },
+    { value: 'NO', dialCode: '+47', name: 'Norway' },
+    { value: 'OM', dialCode: '+968', name: 'Oman' },
+    { value: 'PK', dialCode: '+92', name: 'Pakistan' },
+    { value: 'PW', dialCode: '+680', name: 'Palau' },
+    { value: 'PS', dialCode: '+970', name: 'Palestine' },
+    { value: 'PA', dialCode: '+507', name: 'Panama' },
+    { value: 'PG', dialCode: '+675', name: 'Papua New Guinea' },
+    { value: 'PY', dialCode: '+595', name: 'Paraguay' },
+    { value: 'PE', dialCode: '+51', name: 'Peru' },
+    { value: 'PH', dialCode: '+63', name: 'Philippines' },
+    { value: 'PN', dialCode: '+64', name: 'Pitcairn' },
+    { value: 'PL', dialCode: '+48', name: 'Poland' },
+    { value: 'PT', dialCode: '+351', name: 'Portugal' },
+    { value: 'PR', dialCode: '+1', name: 'Puerto Rico' },
+    { value: 'QA', dialCode: '+974', name: 'Qatar' },
+    { value: 'CG', dialCode: '+242', name: 'Republic of the Congo' },
+    { value: 'RE', dialCode: '+262', name: 'Reunion' },
+    { value: 'RO', dialCode: '+40', name: 'Romania' },
+    { value: 'RU', dialCode: '+7', name: 'Russia' },
+    { value: 'RW', dialCode: '+250', name: 'Rwanda' },
+    { value: 'BL', dialCode: '+590', name: 'Saint Barthelemy' },
+    { value: 'SH', dialCode: '+290', name: 'Saint Helena' },
+    { value: 'KN', dialCode: '+1', name: 'Saint Kitts and Nevis' },
+    { value: 'LC', dialCode: '+1', name: 'Saint Lucia' },
+    { value: 'MF', dialCode: '+590', name: 'Saint Martin' },
+    { value: 'PM', dialCode: '+508', name: 'Saint Pierre and Miquelon' },
+    { value: 'VC', dialCode: '+1', name: 'Saint Vincent and the Grenadines' },
+    { value: 'WS', dialCode: '+685', name: 'Samoa' },
+    { value: 'SM', dialCode: '+378', name: 'San Marino' },
+    { value: 'ST', dialCode: '+239', name: 'Sao Tome and Principe' },
+    { value: 'SA', dialCode: '+966', name: 'Saudi Arabia' },
+    { value: 'SN', dialCode: '+221', name: 'Senegal' },
+    { value: 'RS', dialCode: '+381', name: 'Serbia' },
+    { value: 'SC', dialCode: '+248', name: 'Seychelles' },
+    { value: 'SL', dialCode: '+232', name: 'Sierra Leone' },
+    { value: 'SG', dialCode: '+65', name: 'Singapore' },
+    { value: 'SX', dialCode: '+1', name: 'Sint Maarten' },
+    { value: 'SK', dialCode: '+421', name: 'Slovakia' },
+    { value: 'SI', dialCode: '+386', name: 'Slovenia' },
+    { value: 'SB', dialCode: '+677', name: 'Solomon Islands' },
+    { value: 'SO', dialCode: '+252', name: 'Somalia' },
+    { value: 'ZA', dialCode: '+27', name: 'South Africa' },
+    { value: 'KR', dialCode: '+82', name: 'South Korea' },
+    { value: 'SS', dialCode: '+211', name: 'South Sudan' },
+    { value: 'ES', dialCode: '+34', name: 'Spain' },
+    { value: 'LK', dialCode: '+94', name: 'Sri Lanka' },
+    { value: 'SD', dialCode: '+249', name: 'Sudan' },
+    { value: 'SR', dialCode: '+597', name: 'Suriname' },
+    { value: 'SJ', dialCode: '+47', name: 'Svalbard and Jan Mayen' },
+    { value: 'SZ', dialCode: '+268', name: 'Swaziland' },
+    { value: 'SE', dialCode: '+46', name: 'Sweden' },
+    { value: 'CH', dialCode: '+41', name: 'Switzerland' },
+    { value: 'SY', dialCode: '+963', name: 'Syria' },
+    { value: 'TW', dialCode: '+886', name: 'Taiwan' },
+    { value: 'TJ', dialCode: '+992', name: 'Tajikistan' },
+    { value: 'TZ', dialCode: '+255', name: 'Tanzania' },
+    { value: 'TH', dialCode: '+66', name: 'Thailand' },
+    { value: 'TG', dialCode: '+228', name: 'Togo' },
+    { value: 'TK', dialCode: '+690', name: 'Tokelau' },
+    { value: 'TO', dialCode: '+676', name: 'Tonga' },
+    { value: 'TT', dialCode: '+1', name: 'Trinidad and Tobago' },
+    { value: 'TN', dialCode: '+216', name: 'Tunisia' },
+    { value: 'TR', dialCode: '+90', name: 'Turkey' },
+    { value: 'TM', dialCode: '+993', name: 'Turkmenistan' },
+    { value: 'TC', dialCode: '+1', name: 'Turks and Caicos Islands' },
+    { value: 'TV', dialCode: '+688', name: 'Tuvalu' },
+    { value: 'VI', dialCode: '+1', name: 'U.S. Virgin Islands' },
+    { value: 'UG', dialCode: '+256', name: 'Uganda' },
+    { value: 'UA', dialCode: '+380', name: 'Ukraine' },
+    { value: 'AE', dialCode: '+971', name: 'United Arab Emirates' },
+    { value: 'GB', dialCode: '+44', name: 'United Kingdom' },
+    { value: 'US', dialCode: '+1', name: 'United States' },
+    { value: 'UY', dialCode: '+598', name: 'Uruguay' },
+    { value: 'UZ', dialCode: '+998', name: 'Uzbekistan' },
+    { value: 'VU', dialCode: '+678', name: 'Vanuatu' },
+    { value: 'VA', dialCode: '+379', name: 'Vatican' },
+    { value: 'VE', dialCode: '+58', name: 'Venezuela' },
+    { value: 'VN', dialCode: '+84', name: 'Vietnam' },
+    { value: 'WF', dialCode: '+681', name: 'Wallis and Futuna' },
+    { value: 'EH', dialCode: '+212', name: 'Western Sahara' },
+    { value: 'YE', dialCode: '+967', name: 'Yemen' },
+    { value: 'ZM', dialCode: '+260', name: 'Zambia' },
+    { value: 'ZW', dialCode: '+263', name: 'Zimbabwe' }
+];
+
+export { AREA_FLAG_BASE_URL, US_FLAG_DATA_URI, areaCodeOptions };

package/es/Menu/Menu.js

@@ -2,6 +2,8 @@ import { __assign, __spreadArray } from '../node_modules/tslib/tslib.es6.js';
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { useState, useRef, useEffect } from 'react';
 import { Icon } from '../Icon/index.js';
+import { getDirection } from '../utils.js';
+import classNames from 'classnames';
 
 var getItem = function (label, key, icon, children, type) {
     return {
@@ -19,7 +21,7 @@ var Menu = function (_a) {
     var _f = useState(defaultSelectedKeys), uncontrolledSelectedKeys = _f[0], setUncontrolledSelectedKeys = _f[1];
     var selectedKeys = controlledSelectedKeys !== undefined ? controlledSelectedKeys : uncontrolledSelectedKeys;
     var _g = useState(null), hoveredKey = _g[0], setHoveredKey = _g[1];
-    var _h = useState({ top: 0, left: 0 }), popupPosition = _h[0], setPopupPosition = _h[1];
+    var _h = useState({ top: 0, left: 0, right: 0 }), popupPosition = _h[0], setPopupPosition = _h[1];
     var menuItemRefs = useRef({});
     var popupRef = useRef(null);
     var handleMenuClick = function (e) {
@@ -34,7 +36,7 @@ var Menu = function (_a) {
     // 标准展开模式的菜单项渲染
     var renderMenuItem = function (item) {
         var isSelected = selectedKeys.includes(item.key.toString());
-        return (jsx("div", __assign({ className: "foxit-menu-item ".concat(isSelected ? 'selected' : '') }, { children: jsxs("div", __assign({ className: "foxit-menu-item-content", onClick: function () { return handleMenuClick({ key: item.key.toString() }); } }, { children: [item.icon && jsx("span", __assign({ style: { marginRight: '8px' } }, { children: item.icon })), jsx("span", __assign({ className: isFirstLevel(item) ? 'foxit-menu-item-label' : '' }, { children: item.label }))] })) }), item.key));
+        return (jsx("div", __assign({ className: "foxit-menu-item ".concat(isSelected ? 'selected' : '') }, { children: jsxs("div", __assign({ className: "foxit-menu-item-content", onClick: function () { return handleMenuClick({ key: item.key.toString() }); } }, { children: [item.icon && jsx("span", __assign({ className: "foxit-menu-item-icon-mr8" }, { children: item.icon })), jsx("span", __assign({ className: isFirstLevel(item) ? 'foxit-menu-item-label' : '' }, { children: item.label }))] })) }), item.key));
     };
     // 标准展开模式的子菜单渲染
     var renderSubMenu = function (item) {
@@ -46,7 +48,7 @@ var Menu = function (_a) {
                         else {
                             setOpenKeys(__spreadArray(__spreadArray([], openKeys, true), [item.key.toString()], false));
                         }
-                    } }, { children: [jsxs("div", __assign({ style: { display: 'flex', alignItems: 'center' } }, { children: [item.icon && jsx("span", __assign({ style: { marginRight: '8px' } }, { children: item.icon })), jsx("span", __assign({ className: isFirstLevel(item) ? 'foxit-menu-item-label' : '' }, { children: item.label }))] })), jsx("span", { children: jsx(Icon, { name: "DownOutlined", className: "foxit-menu-icon ".concat(isOpen ? '' : 'foxit-menu-rotated-icon') }) })] })), isOpen && item.children && (jsx("div", __assign({ className: "foxit-menu-submenu-items" }, { children: item.children.map(function (child) {
+                    } }, { children: [jsxs("div", __assign({ style: { display: 'flex', alignItems: 'center' } }, { children: [item.icon && jsx("span", __assign({ className: "foxit-menu-item-icon-mr8" }, { children: item.icon })), jsx("span", __assign({ className: isFirstLevel(item) ? 'foxit-menu-item-label' : '' }, { children: item.label }))] })), jsx("span", { children: jsx(Icon, { name: "DownOutlined", className: "foxit-menu-icon ".concat(isOpen ? '' : 'foxit-menu-rotated-icon') }) })] })), isOpen && item.children && (jsx("div", __assign({ className: "foxit-menu-submenu-items" }, { children: item.children.map(function (child) {
                         return child.children ? renderSubMenu(child) : renderMenuItem(child);
                     }) })))] }, item.key));
     };
@@ -66,10 +68,21 @@ var Menu = function (_a) {
         var itemRef = menuItemRefs.current[key];
         if (itemRef) {
             var rect = itemRef.getBoundingClientRect();
-            setPopupPosition({
-                top: rect.top,
-                left: rect.right + 5
-            });
+            var dir = getDirection(itemRef);
+            if (dir === 'rtl' && window !== undefined) {
+                setPopupPosition({
+                    top: rect.top,
+                    left: 0,
+                    right: (window === null || window === void 0 ? void 0 : window.innerWidth) - rect.left
+                });
+            }
+            else {
+                setPopupPosition({
+                    top: rect.top,
+                    left: rect.right + 5,
+                    right: 0
+                });
+            }
         }
     };
     // 处理鼠标离开事件
@@ -94,16 +107,27 @@ var Menu = function (_a) {
         if (!hoveredKey)
             return null;
         var item = findItemByKey(items, hoveredKey);
-        if (!(item === null || item === void 0 ? void 0 : item.children))
-            return null;
-        return (jsx("div", __assign({ ref: popupRef, className: "foxit-menu-popup", style: {
-                position: 'fixed',
-                top: "".concat(popupPosition.top, "px"),
-                left: "".concat(popupPosition.left, "px"),
-                zIndex: 1000
-            }, onMouseEnter: function () { return setHoveredKey(hoveredKey); }, onMouseLeave: function () { return setHoveredKey(null); } }, { children: jsxs("div", __assign({ className: "foxit-menu foxit-menu-popup-content" }, { children: [jsxs("div", __assign({ className: "foxit-menu-popup-title" }, { children: [jsx("span", __assign({ className: "foxit-menu-item-icon" }, { children: item.icon })), jsx("span", { children: item.label })] })), item.children.map(function (child) {
+        // if (!item?.children) return null;
+        // 根据方向设置样式
+        var dir = getDirection();
+        var popupStyle = {
+            position: 'fixed',
+            top: "".concat(popupPosition.top, "px"),
+            zIndex: 1000
+        };
+        if (dir === 'rtl') {
+            // RTL在左侧显示
+            popupStyle.right = "".concat(popupPosition.right, "px");
+            popupStyle.left = 'auto';
+        }
+        else {
+            // LTR在右侧显示
+            popupStyle.left = "".concat(popupPosition.left, "px");
+            popupStyle.right = 'auto';
+        }
+        return (jsx("div", __assign({ ref: popupRef, className: "foxit-menu-popup", style: popupStyle, onMouseEnter: function () { return setHoveredKey(hoveredKey); }, onMouseLeave: function () { return setHoveredKey(null); } }, { children: jsxs("div", __assign({ className: "foxit-menu foxit-menu-popup-content" }, { children: [jsxs("div", __assign({ className: classNames("foxit-menu-popup-title", !(item === null || item === void 0 ? void 0 : item.children) && 'foxit-menu-popup-title-no-border') }, { children: [jsx("span", __assign({ className: "foxit-menu-item-icon" }, { children: item === null || item === void 0 ? void 0 : item.icon })), jsx("span", { children: item === null || item === void 0 ? void 0 : item.label })] })), (item === null || item === void 0 ? void 0 : item.children) && (item === null || item === void 0 ? void 0 : item.children.map(function (child) {
                         return child.children ? renderPopupSubMenu(child) : renderPopupMenuItem(child);
-                    })] })) })));
+                    }))] })) })));
     };
     // 弹出菜单中的普通菜单项渲染
     var renderPopupMenuItem = function (item) {

package/es/Modal/Modal.d.ts

@@ -14,6 +14,8 @@ interface IModalProps {
     closable?: boolean;
     okButtonProps?: Record<string, unknown>;
     cancelButtonProps?: Record<string, unknown>;
+    footer?: React.ReactNode;
+    zIndex?: number;
 }
 interface ModalComponent extends FC<IModalProps> {
     confirm: (props: IModalProps & {

package/es/Modal/Modal.js

@@ -8,7 +8,7 @@ import { Modal as Modal$1 } from './ModalTemp.js';
 import { Button } from '../Button/Button.js';
 
 var ModalContent = function (_a) {
-    var title = _a.title, onCancel = _a.onCancel, _b = _a.onCancelText, onCancelText = _b === void 0 ? undefined : _b, onOk = _a.onOk, _c = _a.onOkText, onOkText = _c === void 0 ? undefined : _c, children = _a.children, _d = _a.width, width = _d === void 0 ? '400px' : _d, type = _a.type, _e = _a.closable, closable = _e === void 0 ? true : _e, okButtonProps = _a.okButtonProps, cancelButtonProps = _a.cancelButtonProps;
+    var title = _a.title, onCancel = _a.onCancel, _b = _a.onCancelText, onCancelText = _b === void 0 ? undefined : _b, onOk = _a.onOk, _c = _a.onOkText, onOkText = _c === void 0 ? undefined : _c, children = _a.children, _d = _a.width, width = _d === void 0 ? '400px' : _d, type = _a.type, _e = _a.closable, closable = _e === void 0 ? true : _e, okButtonProps = _a.okButtonProps, cancelButtonProps = _a.cancelButtonProps, footer = _a.footer;
     var _f = useState(false), loading = _f[0], setLoading = _f[1];
     var _g = useState(false), cancelLoading = _g[0], setCancelLoading = _g[1];
     var handleOk = function () { return __awaiter(void 0, void 0, void 0, function () {
@@ -54,15 +54,15 @@ var ModalContent = function (_a) {
     return (jsxs("div", __assign({ className: classNames('foxit-modal-content-container', type === 'success' ? 'foxit-modal-success' : ''), style: {
             maxWidth: "min(".concat(width, ", calc(100vw - 32px))"),
             width: width
-        } }, { children: [jsxs("div", __assign({ className: "foxit-modal-head" }, { children: [jsx("div", __assign({ className: "foxit-modal-title" }, { children: title })), closable && (jsx("div", __assign({ onClick: onCancel, className: type === 'success' ? 'foxit-modal-success-icon' : 'foxit-modal-close-button' }, { children: type === 'success' ? (jsx(Icon, { name: "FireWorkColoursOutlined" })) : (jsx(Icon, { name: "CloseOutlined" })) })))] })), jsx("div", __assign({ className: "foxit-modal-children" }, { children: children })), jsxs("div", __assign({ className: "foxit-modal-footer" }, { children: [onCancelText && (jsx(Button, __assign({ size: "medium", onClick: handleCancel, loading: cancelLoading }, cancelButtonProps, { children: onCancelText }))), onOkText && (jsx(Button, __assign({ primary: true, size: "medium", onClick: handleOk, loading: loading }, okButtonProps, { children: onOkText })))] }))] })));
+        } }, { children: [jsxs("div", __assign({ className: "foxit-modal-head" }, { children: [jsx("div", __assign({ className: "foxit-modal-title" }, { children: title })), closable && (jsx("div", __assign({ onClick: onCancel, className: type === 'success' ? 'foxit-modal-success-icon' : 'foxit-modal-close-button' }, { children: type === 'success' ? (jsx(Icon, { name: "FireWorkColoursOutlined" })) : (jsx(Icon, { name: "CloseOutlined" })) })))] })), jsx("div", __assign({ className: "foxit-modal-children" }, { children: children })), footer && jsx("div", __assign({ className: "foxit-modal-footer" }, { children: footer })), !footer && (jsxs("div", __assign({ className: "foxit-modal-footer" }, { children: [onCancelText && (jsx(Button, __assign({ size: "medium", onClick: handleCancel, loading: cancelLoading }, cancelButtonProps, { children: onCancelText }))), onOkText && (jsx(Button, __assign({ primary: true, size: "medium", onClick: handleOk, loading: loading }, okButtonProps, { children: onOkText })))] })))] })));
 };
 var Modal = function (_a) {
-    var title = _a.title, opened = _a.opened, onOk = _a.onOk, onOkText = _a.onOkText, onCancel = _a.onCancel, onCancelText = _a.onCancelText, maskClosable = _a.maskClosable, children = _a.children, width = _a.width, type = _a.type, closable = _a.closable, okButtonProps = _a.okButtonProps, cancelButtonProps = _a.cancelButtonProps;
-    return (jsx(Modal$1, __assign({ opened: opened, onClose: onCancel || (function () { }), maskClosable: maskClosable, position: "top" }, { children: jsx(ModalContent, __assign({ title: title, width: width, onCancel: onCancel, onCancelText: onCancelText, onOk: onOk, onOkText: onOkText, type: type, closable: closable, okButtonProps: okButtonProps, cancelButtonProps: cancelButtonProps }, { children: children })) })));
+    var title = _a.title, opened = _a.opened, onOk = _a.onOk, onOkText = _a.onOkText, onCancel = _a.onCancel, onCancelText = _a.onCancelText, maskClosable = _a.maskClosable, children = _a.children, width = _a.width, type = _a.type, closable = _a.closable, okButtonProps = _a.okButtonProps, cancelButtonProps = _a.cancelButtonProps, footer = _a.footer, zIndex = _a.zIndex;
+    return (jsx(Modal$1, __assign({ opened: opened, onClose: onCancel || (function () { }), maskClosable: maskClosable, position: "top", zIndex: zIndex }, { children: jsx(ModalContent, __assign({ title: title, width: width, onCancel: onCancel, onCancelText: onCancelText, onOk: onOk, onOkText: onOkText, type: type, closable: closable, okButtonProps: okButtonProps, cancelButtonProps: cancelButtonProps, footer: footer }, { children: children })) })));
 };
 // 语法糖的调用方式
 Modal.confirm = function (_a) {
-    var title = _a.title, onOk = _a.onOk, onCancel = _a.onCancel, onOkText = _a.onOkText, onCancelText = _a.onCancelText, _b = _a.maskClosable, maskClosable = _b === void 0 ? true : _b, content = _a.content, width = _a.width, closable = _a.closable, okButtonProps = _a.okButtonProps, cancelButtonProps = _a.cancelButtonProps;
+    var title = _a.title, onOk = _a.onOk, onCancel = _a.onCancel, onOkText = _a.onOkText, onCancelText = _a.onCancelText, _b = _a.maskClosable, maskClosable = _b === void 0 ? true : _b, content = _a.content, width = _a.width, closable = _a.closable, okButtonProps = _a.okButtonProps, cancelButtonProps = _a.cancelButtonProps, footer = _a.footer, zIndex = _a.zIndex;
     var modalRoot = document.createElement('div');
     document.body.appendChild(modalRoot);
     var root = createRoot(modalRoot);
@@ -72,7 +72,7 @@ Modal.confirm = function (_a) {
             document.body.removeChild(modalRoot);
         }
     };
-    root.render(jsx(Modal$1, __assign({ opened: true, onClose: handleClose, maskClosable: maskClosable, position: "top" }, { children: jsx(ModalContent, __assign({ title: title, width: width, onCancel: onCancel instanceof Function && onCancel.constructor.name === 'AsyncFunction'
+    root.render(jsx(Modal$1, __assign({ opened: true, onClose: handleClose, maskClosable: maskClosable, position: "top", zIndex: zIndex }, { children: jsx(ModalContent, __assign({ title: title, width: width, onCancel: onCancel instanceof Function && onCancel.constructor.name === 'AsyncFunction'
                 ? function () { return __awaiter(void 0, void 0, void 0, function () {
                     return __generator(this, function (_a) {
                         switch (_a.label) {
@@ -104,7 +104,7 @@ Modal.confirm = function (_a) {
                 : function () {
                     onOk === null || onOk === void 0 ? void 0 : onOk();
                     handleClose();
-                }, onOkText: onOkText, closable: closable, okButtonProps: okButtonProps, cancelButtonProps: cancelButtonProps }, { children: content })) })));
+                }, onOkText: onOkText, closable: closable, okButtonProps: okButtonProps, cancelButtonProps: cancelButtonProps, footer: footer }, { children: content })) })));
 };
 
 export { Modal };

package/es/Modal/ModalTemp.d.ts

@@ -6,6 +6,7 @@ interface IModalProps {
     maskClosable?: boolean;
     position?: 'center' | 'top' | 'bottom';
     text?: string | React.ReactNode;
+    zIndex?: number;
 }
 export declare const Modal: React.FC<React.PropsWithChildren<IModalProps>>;
 export {};

package/es/Modal/ModalTemp.js

@@ -31,7 +31,7 @@ var Portal = function (_a) {
     return createPortal(children, container);
 };
 var ModalLayout = function (_a) {
-    var _b = _a.onClose, onClose = _b === void 0 ? function () { } : _b, children = _a.children, opened = _a.opened, _c = _a.maskClosable, maskClosable = _c === void 0 ? true : _c, _d = _a.position, position = _d === void 0 ? 'center' : _d;
+    var _b = _a.onClose, onClose = _b === void 0 ? function () { } : _b, children = _a.children, opened = _a.opened, _c = _a.maskClosable, maskClosable = _c === void 0 ? true : _c, _d = _a.position, position = _d === void 0 ? 'center' : _d, zIndex = _a.zIndex;
     var overlayRef = useRef(null);
     var contentRef = useRef(null);
     var _e = useState(false), animationIn = _e[0], setAnimationIn = _e[1];
@@ -45,10 +45,10 @@ var ModalLayout = function (_a) {
     else if (position === 'bottom') {
         justifyClass = 'foxit-modal-justify-bottom';
     }
-    return (jsxs("div", __assign({ className: classNames('foxit-modal-fixed-layout', justifyClass) }, { children: [jsx(CSSTransition, __assign({ in: animationIn, nodeRef: overlayRef, timeout: 150, mountOnEnter: true, unmountOnExit: true, classNames: overlayAnimation }, { children: jsx("div", __assign({ ref: overlayRef, className: "foxit-modal-overlay", onClick: maskClosable ? onClose : undefined }, { children: jsx("div", { className: "foxit-modal-overlay-bg" }) })) })), jsx(CSSTransition, __assign({ in: animationIn, nodeRef: contentRef, timeout: 150, mountOnEnter: true, unmountOnExit: true, classNames: contentAnimation }, { children: jsx("div", __assign({ ref: contentRef, className: "foxit-modal-content" }, { children: children })) }))] })));
+    return (jsxs("div", __assign({ className: classNames('foxit-modal-fixed-layout', justifyClass), style: zIndex !== undefined ? { zIndex: zIndex } : undefined }, { children: [jsx(CSSTransition, __assign({ in: animationIn, nodeRef: overlayRef, timeout: 150, mountOnEnter: true, unmountOnExit: true, classNames: overlayAnimation }, { children: jsx("div", __assign({ ref: overlayRef, className: "foxit-modal-overlay", onClick: maskClosable ? onClose : undefined }, { children: jsx("div", { className: "foxit-modal-overlay-bg" }) })) })), jsx(CSSTransition, __assign({ in: animationIn, nodeRef: contentRef, timeout: 150, mountOnEnter: true, unmountOnExit: true, classNames: contentAnimation }, { children: jsx("div", __assign({ ref: contentRef, className: "foxit-modal-content" }, { children: children })) }))] })));
 };
 var Modal = function (_a) {
-    var opened = _a.opened, onClose = _a.onClose, maskClosable = _a.maskClosable, children = _a.children, position = _a.position;
+    var opened = _a.opened, onClose = _a.onClose, maskClosable = _a.maskClosable, children = _a.children, position = _a.position, zIndex = _a.zIndex;
     var _b = useState(false), mounted = _b[0], setMounted = _b[1];
     useEffect(function () {
         if (opened && !mounted) {
@@ -69,7 +69,7 @@ var Modal = function (_a) {
     if (!mounted) {
         return null;
     }
-    return (jsx(Portal, { children: jsx(ModalLayout, __assign({ onClose: onClose, opened: opened, maskClosable: maskClosable, position: position }, { children: children })) }));
+    return (jsx(Portal, { children: jsx(ModalLayout, __assign({ onClose: onClose, opened: opened, maskClosable: maskClosable, position: position, zIndex: zIndex }, { children: children })) }));
 };
 
 export { Modal };

package/es/Quantity/Quantity.js

@@ -26,6 +26,13 @@ var Quantity = function (_a) {
         setInternalValue(newValue);
     };
     var handleChange = function (e) {
+        var newValue = parseInt(e.target.value, 10) || 0;
+        if (onChange) {
+            onChange(newValue);
+        }
+        setInternalValue(newValue);
+    };
+    var handleBlur = function (e) {
         var newValue = parseInt(e.target.value, 10) || 0;
         if (min !== undefined && newValue < min) {
             newValue = min;
@@ -38,9 +45,14 @@ var Quantity = function (_a) {
         }
         setInternalValue(newValue);
     };
+    var handleKeyDown = function (e) {
+        if (e.key === 'Enter') {
+            handleBlur(e);
+        }
+    };
     return (jsxs("div", __assign({ className: classNames('foxit-quantity', className) }, { children: [jsx("button", __assign({ className: "foxit-quantity-button", onClick: handleDecrement, disabled: min !== undefined && currentValue <= min }, { children: jsx("div", { children: "-" }) })), jsx("input", __assign({ 
                 // type="number"
-                value: currentValue, onChange: handleChange, min: min, max: max, className: "foxit-quantity-number" }, props)), jsx("button", __assign({ className: "foxit-quantity-button", onClick: handleIncrement, disabled: max !== undefined && currentValue >= max }, { children: jsx("div", { children: "+" }) }))] })));
+                value: currentValue, onChange: handleChange, min: min, max: max, className: "foxit-quantity-number", onBlur: handleBlur, onKeyDown: handleKeyDown }, props)), jsx("button", __assign({ className: "foxit-quantity-button", onClick: handleIncrement, disabled: max !== undefined && currentValue >= max }, { children: jsx("div", { children: "+" }) }))] })));
 };
 
 export { Quantity };

package/es/Select/Select.d.ts

@@ -1,8 +1,9 @@
 import React from 'react';
+import './select.css';
 export interface SelectProps {
     options: {
         value: string | number;
-        label: string;
+        label: string | React.ReactNode;
     }[];
     className?: string;
     defaultValue?: string | number | string[] | number[];
@@ -14,10 +15,14 @@ export interface SelectProps {
     preIcon?: React.ReactNode;
     value?: string | number | CustomOption | null;
     onChange?: (v: unknown) => void;
+    showSelectedIcon?: boolean;
     styles?: {
         control?: React.CSSProperties;
         singleValue?: React.CSSProperties;
         input?: React.CSSProperties;
+        menu?: (base: Record<string, unknown>, state: {
+            placement: string;
+        }) => Record<string, unknown>;
     };
     [key: string]: unknown;
 }

package/es/Select/Select.js

@@ -5,9 +5,8 @@ import classNames from 'classnames';
 import { Icon } from '../Icon/index.js';
 
 var Select = function (_a) {
-    var options = _a.options, className = _a.className, defaultValue = _a.defaultValue, isDisabled = _a.isDisabled, isClearable = _a.isClearable, isSearchable = _a.isSearchable, isMulti = _a.isMulti, _b = _a.placeholder, placeholder = _b === void 0 ? 'Select...' : _b, preIcon = _a.preIcon, value = _a.value, onChange = _a.onChange, passStyles = _a.styles, rest = __rest(_a, ["options", "className", "defaultValue", "isDisabled", "isClearable", "isSearchable", "isMulti", "placeholder", "preIcon", "value", "onChange", "styles"]);
-    var customStyles = {
-        control: function (styles, _a) {
+    var options = _a.options, className = _a.className, defaultValue = _a.defaultValue, isDisabled = _a.isDisabled, isClearable = _a.isClearable, isSearchable = _a.isSearchable, isMulti = _a.isMulti, _b = _a.placeholder, placeholder = _b === void 0 ? 'Select...' : _b, preIcon = _a.preIcon, value = _a.value, onChange = _a.onChange, _c = _a.showSelectedIcon, showSelectedIcon = _c === void 0 ? true : _c, passStyles = _a.styles, rest = __rest(_a, ["options", "className", "defaultValue", "isDisabled", "isClearable", "isSearchable", "isMulti", "placeholder", "preIcon", "value", "onChange", "showSelectedIcon", "styles"]);
+    var customStyles = __assign({ control: function (styles, _a) {
             var isDisabled = _a.isDisabled;
             return (__assign(__assign(__assign({}, styles), { backgroundColor: isDisabled ? '#f8f8f8' : 'white', 
                 // minWidth: 200,
@@ -16,39 +15,32 @@ var Select = function (_a) {
                 }, ':focus-within': {
                     border: '1px solid #FF5F00'
                 } }), ((passStyles === null || passStyles === void 0 ? void 0 : passStyles.control) || {})));
-        },
-        menuPortal: function (base) { return (__assign(__assign({}, base), { zIndex: 99999 })); },
-        option: function (styles, _a) {
+        }, menuPortal: function (base) { return (__assign(__assign({}, base), { zIndex: 99999 })); }, option: function (styles, _a) {
             var isSelected = _a.isSelected, isFocused = _a.isFocused;
-            return __assign(__assign({}, styles), { backgroundColor: isFocused ? '#FFF6F0' : 'white', color: isSelected ? '#FF5F00' : '#666', ':hover': {
+            return __assign(__assign({}, styles), { backgroundColor: isFocused || isSelected ? '#FFF6F0' : 'white', color: isSelected ? '#FF5F00' : '#666', ':hover': {
                     backgroundColor: '#FFF6F0'
                 }, fontSize: 16, display: 'flex', justifyContent: 'space-between', alignItems: 'center' });
-        },
-        indicatorSeparator: function (styles) { return (__assign(__assign({}, styles), { display: 'none' })); },
-        placeholder: function (styles) { return (__assign(__assign({}, styles), { color: '#B3B3B3' })); },
-        dropdownIndicator: function (styles) { return (__assign(__assign({}, styles), { paddingRight: 16 })); },
-        singleValue: function (styles) { return (__assign(__assign({}, styles), ((passStyles === null || passStyles === void 0 ? void 0 : passStyles.singleValue) || {}))); },
-        input: function (styles) { return (__assign(__assign({}, styles), ((passStyles === null || passStyles === void 0 ? void 0 : passStyles.input) || {}))); }
-    };
-    var CustomControl = function (props) { return (jsxs(components.Control, __assign({}, props, { children: [preIcon && (jsx("div", __assign({ style: {
-                    display: 'flex',
-                    paddingLeft: 8,
-                    marginRight: -4,
+        }, indicatorSeparator: function (styles) { return (__assign(__assign({}, styles), { display: 'none' })); }, placeholder: function (styles) { return (__assign(__assign({}, styles), { color: '#B3B3B3' })); }, dropdownIndicator: function (styles) { return (__assign(__assign({}, styles), { paddingRight: 16 })); }, singleValue: function (styles) { return (__assign(__assign({}, styles), ((passStyles === null || passStyles === void 0 ? void 0 : passStyles.singleValue) || {}))); }, input: function (styles) { return (__assign(__assign({}, styles), ((passStyles === null || passStyles === void 0 ? void 0 : passStyles.input) || {}))); } }, ((passStyles === null || passStyles === void 0 ? void 0 : passStyles.menu) && { menu: function (base, state) { return (__assign(__assign({}, base), passStyles.menu(base, state))); } }));
+    var CustomControl = function (props) { return (jsxs(components.Control, __assign({}, props, { children: [preIcon && (jsx("div", __assign({ className: "foxit-select-custom-control", style: {
                     color: props.hasValue ? '#525252' : '#B3B3B3'
                 } }, { children: preIcon }))), props.children] }))); };
-    var CustomOptionComp = function (props) { return (jsxs(components.Option, __assign({}, props, { children: [props.children, props.isSelected && jsx(Icon, { name: "CheckCircleOutlined" })] }))); };
+    var CustomOptionComp = function (props) { return (jsxs(components.Option, __assign({}, props, { children: [props.children, showSelectedIcon && props.isSelected && jsx(Icon, { name: "CheckCircleOutlined" })] }))); };
     var userAgent = typeof navigator === 'undefined' ? '' : navigator.userAgent;
     var mobileRegex = /Android|webOS|iPhone|iPod|BlackBerry|IEMobile|Opera Mini/i;
     var padRegex = /iPad|Tablet|PlayBook|Silk|Kindle|Nexus 7|Nexus 10|SM-T|GT-P|TouchPad|Pad|HONOR|HDN/i;
     var isMobile = mobileRegex.test(userAgent) || padRegex.test(userAgent);
-    return (jsx(ReactSelect, __assign({ menuPortalTarget: document.body, options: options, className: classNames('foxit-select-wrapper', className), placeholder: placeholder, styles: customStyles, defaultValue: isMulti
+    // 解决nextjs 服务端渲染document is not defined问题
+    var menuPortalTarget = typeof document !== 'undefined' ? document.body : null;
+    // console.log(menuPortalTarget);
+    return (jsx(ReactSelect, __assign({ menuPortalTarget: menuPortalTarget, options: options, className: classNames('foxit-select-wrapper', className), placeholder: placeholder, styles: customStyles, defaultValue: isMulti
             ? options.filter(function (option) {
                 return Array.isArray(defaultValue) &&
                     defaultValue.includes(option.value);
             })
             : options.find(function (option) { return option.value === defaultValue; }), isDisabled: isDisabled, isClearable: isClearable, isSearchable: isMobile ? false : isSearchable, isMulti: isMulti, components: { Control: CustomControl, Option: CustomOptionComp }, onChange: onChange, menuPosition: "fixed" }, rest, { value: isMulti && Array.isArray(value)
             ? value.map(function (v) { return options.find(function (option) { return option.value === v; }); })
-            : options.find(function (option) { return option.value === value; }) || value })));
+            : options.find(function (option) { return option.value === value; }) ||
+                value })));
 };
 
 export { Select as default };