foxit-component 1.0.5 → 1.0.6

package/es/Accordion/Accordion.d.ts

@@ -0,0 +1,22 @@
+import React from 'react';
+import './accordion.css';
+export interface AccordionItem {
+    key: string;
+    label: React.ReactNode;
+    children: React.ReactNode;
+    disabled?: boolean;
+}
+export interface AccordionProps {
+    items: AccordionItem[];
+    title?: React.ReactNode;
+    subTitle?: React.ReactNode;
+    align?: 'left' | 'center' | 'right';
+    activeKey?: string | string[];
+    defaultActiveKey?: string | string[];
+    accordion?: boolean;
+    destroyInactivePanel?: boolean;
+    onChange?: (keys: string[]) => void;
+    className?: string;
+}
+declare const Accordion: React.FC<AccordionProps>;
+export { Accordion };

package/es/Accordion/Accordion.js

@@ -0,0 +1,60 @@
+import { __spreadArray, __assign } from '../node_modules/tslib/tslib.es6.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useId, useState, useCallback } from 'react';
+import classNames from 'classnames';
+
+var ChevronIcon = function (_a) {
+    var className = _a.className;
+    return (jsx("svg", __assign({ className: className, width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", "aria-hidden": "true" }, { children: jsx("path", { d: "M4 6L8 10L12 6", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) })));
+};
+var AccordionPanel = function (_a) {
+    var item = _a.item, isOpen = _a.isOpen, onToggle = _a.onToggle, headerId = _a.headerId, contentId = _a.contentId, _b = _a.destroyInactivePanel, destroyInactivePanel = _b === void 0 ? false : _b;
+    var handleClick = function () {
+        if (!item.disabled) {
+            onToggle(item.key);
+        }
+    };
+    var handleKeyDown = function (e) {
+        if (e.key === 'Enter' || e.key === ' ') {
+            e.preventDefault();
+            handleClick();
+        }
+    };
+    return (jsxs("div", __assign({ className: classNames('foxit-accordion-item', {
+            'foxit-accordion-item-active': isOpen,
+            'foxit-accordion-item-disabled': item.disabled
+        }) }, { children: [jsxs("button", __assign({ id: headerId, type: "button", className: "foxit-accordion-header", "aria-expanded": isOpen, "aria-controls": contentId, onClick: handleClick, onKeyDown: handleKeyDown, disabled: item.disabled }, { children: [jsx("span", __assign({ className: "foxit-accordion-label" }, { children: item.label })), jsx(ChevronIcon, { className: "foxit-accordion-icon" })] })), jsx("div", __assign({ id: contentId, role: "region", "aria-labelledby": headerId, className: classNames('foxit-accordion-content-wrapper', {
+                    'foxit-accordion-content-wrapper-open': isOpen
+                }) }, { children: (!destroyInactivePanel || isOpen) && (jsx("div", __assign({ className: "foxit-accordion-content" }, { children: item.children }))) }))] })));
+};
+var normalizeKeys = function (keys) {
+    if (keys === undefined || keys === null)
+        return [];
+    return Array.isArray(keys) ? keys : [keys];
+};
+var Accordion = function (_a) {
+    var items = _a.items, title = _a.title, subTitle = _a.subTitle, _b = _a.align, align = _b === void 0 ? 'left' : _b, activeKey = _a.activeKey, defaultActiveKey = _a.defaultActiveKey, _c = _a.accordion, accordion = _c === void 0 ? false : _c, _d = _a.destroyInactivePanel, destroyInactivePanel = _d === void 0 ? false : _d, onChange = _a.onChange, className = _a.className;
+    var uid = useId();
+    var isControlled = activeKey !== undefined;
+    var _e = useState(function () {
+        return normalizeKeys(defaultActiveKey);
+    }), internalOpenKeys = _e[0], setInternalOpenKeys = _e[1];
+    var openKeys = isControlled ? normalizeKeys(activeKey) : internalOpenKeys;
+    var handleToggle = useCallback(function (key) {
+        var isCurrentlyOpen = openKeys.includes(key);
+        var nextKeys;
+        if (isCurrentlyOpen) {
+            nextKeys = openKeys.filter(function (k) { return k !== key; });
+        }
+        else {
+            nextKeys = accordion ? [key] : __spreadArray(__spreadArray([], openKeys, true), [key], false);
+        }
+        if (!isControlled) {
+            setInternalOpenKeys(nextKeys);
+        }
+        onChange === null || onChange === void 0 ? void 0 : onChange(nextKeys);
+    }, [openKeys, accordion, isControlled, onChange]);
+    return (jsxs("div", __assign({ className: classNames('foxit-accordion', className) }, { children: [(title || subTitle) && (jsxs("div", __assign({ className: "foxit-accordion-head", style: { textAlign: align } }, { children: [title && jsx("h2", __assign({ className: "foxit-accordion-title" }, { children: title })), subTitle && jsx("p", __assign({ className: "foxit-accordion-subtitle" }, { children: subTitle }))] }))), items.map(function (item, index) { return (jsx(AccordionPanel, { item: item, isOpen: openKeys.includes(item.key), onToggle: handleToggle, headerId: "".concat(uid, "-header-").concat(index), contentId: "".concat(uid, "-content-").concat(index), destroyInactivePanel: destroyInactivePanel }, item.key)); })] })));
+};
+
+export { Accordion };

package/es/Button/Button.d.ts

@@ -10,5 +10,6 @@ export interface ButtonProps {
     style?: React.CSSProperties;
     [key: string]: unknown;
     loading?: boolean;
+    link?: boolean;
 }
-export declare const Button: ({ primary, size, shape, children, className, style, loading, ...props }: ButtonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Button: ({ primary, size, shape, children, className, style, loading, link, ...props }: ButtonProps) => import("react/jsx-runtime").JSX.Element;

package/es/Button/Button.js

@@ -4,9 +4,9 @@ import classNames from 'classnames';
 import { Icon } from '../Icon/index.js';
 
 var Button = function (_a) {
-    var _b = _a.primary, primary = _b === void 0 ? false : _b, _c = _a.size, size = _c === void 0 ? 'large' : _c, _d = _a.shape, shape = _d === void 0 ? 'default' : _d, _e = _a.children, children = _e === void 0 ? '' : _e, className = _a.className, style = _a.style, loading = _a.loading, props = __rest(_a, ["primary", "size", "shape", "children", "className", "style", "loading"]);
+    var _b = _a.primary, primary = _b === void 0 ? false : _b, _c = _a.size, size = _c === void 0 ? 'large' : _c, _d = _a.shape, shape = _d === void 0 ? 'default' : _d, _e = _a.children, children = _e === void 0 ? '' : _e, className = _a.className, style = _a.style, loading = _a.loading, _f = _a.link, link = _f === void 0 ? false : _f, props = __rest(_a, ["primary", "size", "shape", "children", "className", "style", "loading", "link"]);
     var mode = primary ? 'foxit-button-primary' : 'foxit-button-secondary';
-    return (jsxs("button", __assign({ type: "button", className: classNames('foxit-button', "foxit-button-".concat(size), shape === 'circle' && 'foxit-button-circle', mode, className, loading && 'foxit-button-prevent-click'), style: style }, props, { children: [loading && jsx(Icon, { name: "LoadingOutlined", className: "foxit-button-loading" }), children] })));
+    return (jsxs("button", __assign({ type: "button", className: classNames('foxit-button', !link && "foxit-button-".concat(size), shape === 'circle' && 'foxit-button-circle', !link && mode, link && 'foxit-button-link', className, loading && 'foxit-button-prevent-click'), style: style }, props, { children: [loading && jsx(Icon, { name: "LoadingOutlined", className: "foxit-button-loading" }), children] })));
 };
 
 export { Button };

package/es/Input/PhoneInput.d.ts

@@ -0,0 +1,21 @@
+import React from 'react';
+import { InputProps } from './Input';
+import { AreaCodeOption } from './areaCodeData';
+import './input.css';
+export interface PhoneInputValue {
+    areaCode: string;
+    dialCode: string;
+    name: string;
+    phoneNumber: string;
+}
+export type PhoneInputFieldValue = Partial<PhoneInputValue>;
+export interface PhoneInputProps extends Omit<InputProps, 'addonBefore' | 'value' | 'defaultValue' | 'onChange'> {
+    value?: PhoneInputFieldValue;
+    defaultValue?: PhoneInputFieldValue;
+    areaCodeOptions?: AreaCodeOption[];
+    flagBaseUrl?: string;
+    selectPlaceholder?: string;
+    onChange?: (value: PhoneInputValue) => void;
+}
+declare const PhoneInput: React.FC<PhoneInputProps>;
+export default PhoneInput;

package/es/Input/PhoneInput.js

@@ -0,0 +1,146 @@
+import { __assign, __rest, __spreadArray } from '../node_modules/tslib/tslib.es6.js';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import React, { useCallback, useRef, useState, useEffect, useMemo } from 'react';
+import classNames from 'classnames';
+import Select from '../Select/Select.js';
+import Input from './Input.js';
+import { US_FLAG_DATA_URI, areaCodeOptions, AREA_FLAG_BASE_URL } from './areaCodeData.js';
+
+var getFlagUrl = function (baseUrl, countryCode) {
+    return baseUrl ? "".concat(baseUrl.replace(/\/$/, ''), "/").concat(countryCode.toLowerCase(), ".svg") : '';
+};
+var getPhoneInputValue = function (option, phoneNumber) { return ({
+    areaCode: option.value,
+    dialCode: option.dialCode,
+    name: option.name,
+    phoneNumber: phoneNumber
+}); };
+var LazyFlag = function (_a) {
+    var src = _a.src, alt = _a.alt, _b = _a.lazy, lazy = _b === void 0 ? true : _b;
+    var imgRef = useRef(null);
+    var _c = useState(!lazy), shouldLoad = _c[0], setShouldLoad = _c[1];
+    useEffect(function () {
+        var img = imgRef.current;
+        if (!lazy) {
+            setShouldLoad(true);
+            return;
+        }
+        if (!img || shouldLoad) {
+            return;
+        }
+        if (typeof IntersectionObserver === 'undefined') {
+            setShouldLoad(true);
+            return;
+        }
+        var observer = new IntersectionObserver(function (_a) {
+            var entry = _a[0];
+            if (entry.isIntersecting) {
+                setShouldLoad(true);
+                observer.disconnect();
+            }
+        }, { rootMargin: '80px' });
+        observer.observe(img);
+        return function () { return observer.disconnect(); };
+    }, [lazy, shouldLoad]);
+    return (jsx("img", { ref: imgRef, className: "foxit-area-code-flag", src: shouldLoad && src ? src : undefined, alt: alt, loading: "lazy" }));
+};
+var AreaCodeOptionLabel = function (_a) {
+    var option = _a.option, flagBaseUrl = _a.flagBaseUrl, isMenu = _a.isMenu;
+    // SSR 时 flagBaseUrl 为空，选中值展示兜底使用 US 国旗；菜单项不展示图片（不会影响交互）
+    var flagSrc = flagBaseUrl
+        ? getFlagUrl(flagBaseUrl, option.value)
+        : !isMenu
+            ? US_FLAG_DATA_URI
+            : '';
+    return (jsxs("div", __assign({ className: classNames('foxit-area-code-option', !isMenu && 'foxit-area-code-option-value') }, { children: [jsxs("div", __assign({ className: "foxit-area-code-option-main" }, { children: [jsx(LazyFlag, { src: flagSrc, alt: option.name, lazy: isMenu }), isMenu && jsx("span", __assign({ className: "foxit-area-code-name" }, { children: option.name })), !isMenu && jsx("span", __assign({ className: "foxit-area-code-dial" }, { children: option.dialCode }))] })), isMenu && jsx("span", __assign({ className: "foxit-area-code-dial" }, { children: option.dialCode }))] })));
+};
+var phoneAreaCodeSelectStyles = {
+    control: {
+        minHeight: 24,
+        height: 24,
+        border: 'none',
+        paddingLeft: 0,
+        backgroundColor: 'transparent'
+    },
+    singleValue: {
+        margin: 0
+    },
+    input: {
+        margin: 0,
+        padding: 0
+    },
+    menu: function (base, state) { return (__assign(__assign({}, base), { transform: "translate(-12px, ".concat(state.placement === 'top' ? -8 : 10, "px)") })); }
+};
+var filterAreaCodeOption = function (candidate, inputValue) {
+    var keyword = inputValue.trim().toLowerCase();
+    if (!keyword) {
+        return true;
+    }
+    var option = candidate.data;
+    var normalizedDialCode = option.dialCode.replace('+', '');
+    var normalizedKeyword = keyword.replace('+', '');
+    return (option.value.toLowerCase().includes(keyword) ||
+        option.name.toLowerCase().includes(keyword) ||
+        option.dialCode.includes(keyword) ||
+        normalizedDialCode.includes(normalizedKeyword));
+};
+var PhoneAreaCodeSelectBase = function (_a) {
+    var options = _a.options, value = _a.value, disabled = _a.disabled, flagBaseUrl = _a.flagBaseUrl, placeholder = _a.placeholder, onChange = _a.onChange;
+    var handleChange = useCallback(function (option) {
+        var nextOption = option;
+        if (!nextOption) {
+            return;
+        }
+        onChange(nextOption);
+    }, [onChange]);
+    var formatOptionLabel = useCallback(function (option, meta) { return (jsx(AreaCodeOptionLabel, { option: option, flagBaseUrl: flagBaseUrl, isMenu: meta.context === 'menu' })); }, [flagBaseUrl]);
+    return (jsx(Select, { className: "foxit-phone-input-select", classNamePrefix: "foxit-phone-input-select", options: options, value: value || null, onChange: handleChange, isDisabled: disabled, isSearchable: true, showSelectedIcon: false, placeholder: placeholder, filterOption: filterAreaCodeOption, formatOptionLabel: formatOptionLabel, styles: phoneAreaCodeSelectStyles }));
+};
+var PhoneAreaCodeSelect = React.memo(PhoneAreaCodeSelectBase);
+var PhoneInput = function (_a) {
+    var value = _a.value, defaultValue = _a.defaultValue, _b = _a.areaCodeOptions, passAreaCodeOptions = _b === void 0 ? areaCodeOptions : _b, flagBaseUrl = _a.flagBaseUrl, _c = _a.selectPlaceholder, selectPlaceholder = _c === void 0 ? 'Select' : _c, onChange = _a.onChange, className = _a.className, rest = __rest(_a, ["value", "defaultValue", "areaCodeOptions", "flagBaseUrl", "selectPlaceholder", "onChange", "className"]);
+    var resolvedFlagBaseUrl = flagBaseUrl || AREA_FLAG_BASE_URL();
+    var selectOptions = useMemo(function () {
+        return __spreadArray([], passAreaCodeOptions, true).sort(function (a, b) {
+            var dialCodeDiff = Number(a.dialCode.replace(/\D/g, '')) - Number(b.dialCode.replace(/\D/g, ''));
+            if (dialCodeDiff !== 0) {
+                return dialCodeDiff;
+            }
+            return a.value.localeCompare(b.value);
+        })
+            .map(function (option) { return (__assign(__assign({}, option), { label: option.dialCode })); });
+    }, [passAreaCodeOptions]);
+    var _d = useState((defaultValue === null || defaultValue === void 0 ? void 0 : defaultValue.areaCode) || ''), innerAreaCode = _d[0], setInnerAreaCode = _d[1];
+    var _e = useState((defaultValue === null || defaultValue === void 0 ? void 0 : defaultValue.phoneNumber) || ''), innerPhoneNumber = _e[0], setInnerPhoneNumber = _e[1];
+    var isControlled = value !== undefined;
+    var selectedAreaCode = isControlled ? (value === null || value === void 0 ? void 0 : value.areaCode) || '' : innerAreaCode;
+    var phoneNumber = isControlled ? (value === null || value === void 0 ? void 0 : value.phoneNumber) || '' : innerPhoneNumber;
+    var phoneNumberRef = useRef(phoneNumber);
+    phoneNumberRef.current = phoneNumber;
+    var selectedOption = selectedAreaCode
+        ? selectOptions.find(function (option) { return option.value === selectedAreaCode; })
+        : undefined;
+    var onChangeRef = useRef(onChange);
+    var isControlledRef = useRef(isControlled);
+    onChangeRef.current = onChange;
+    isControlledRef.current = isControlled;
+    var handleAreaCodeChange = useCallback(function (nextOption) {
+        var _a;
+        if (!isControlledRef.current) {
+            setInnerAreaCode(nextOption.value);
+        }
+        (_a = onChangeRef.current) === null || _a === void 0 ? void 0 : _a.call(onChangeRef, getPhoneInputValue(nextOption, phoneNumberRef.current));
+    }, []);
+    var handlePhoneNumberChange = function (e) {
+        var nextPhoneNumber = e.target.value.replace(/\D/g, '');
+        if (value === undefined) {
+            setInnerPhoneNumber(nextPhoneNumber);
+        }
+        onChange === null || onChange === void 0 ? void 0 : onChange(selectedOption
+            ? getPhoneInputValue(selectedOption, nextPhoneNumber)
+            : { areaCode: '', dialCode: '', name: '', phoneNumber: nextPhoneNumber });
+    };
+    return (jsx(Input, __assign({}, rest, { inputMode: rest.inputMode || 'numeric', pattern: rest.pattern || '[0-9]*', value: phoneNumber, onChange: handlePhoneNumberChange, className: classNames('foxit-phone-input', className), addonBefore: jsx(PhoneAreaCodeSelect, { options: selectOptions, value: selectedOption === null || selectedOption === void 0 ? void 0 : selectedOption.value, disabled: rest.disabled, flagBaseUrl: resolvedFlagBaseUrl, placeholder: selectPlaceholder, onChange: handleAreaCodeChange }) })));
+};
+
+export { PhoneInput as default };

package/es/Input/areaCodeData.d.ts

@@ -0,0 +1,8 @@
+export interface AreaCodeOption {
+    value: string;
+    dialCode: string;
+    name: string;
+}
+export declare const AREA_FLAG_BASE_URL: () => string;
+export declare const US_FLAG_DATA_URI: string;
+export declare const areaCodeOptions: AreaCodeOption[];

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/Modal/Modal.d.ts

@@ -15,6 +15,7 @@ interface IModalProps {
     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

@@ -57,12 +57,12 @@ var ModalContent = function (_a) {
         } }, { 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, footer = _a.footer;
-    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, footer: footer }, { 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, footer = _a.footer;
+    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) {

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/Select/Select.d.ts

@@ -3,7 +3,7 @@ import './select.css';
 export interface SelectProps {
     options: {
         value: string | number;
-        label: string;
+        label: string | React.ReactNode;
     }[];
     className?: string;
     defaultValue?: string | number | string[] | number[];
@@ -15,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

@@ -4,10 +4,50 @@ import ReactSelect, { components } from 'react-select';
 import classNames from 'classnames';
 import { Icon } from '../Icon/index.js';
 
+function isOptionLike(value) {
+    return typeof value === 'object' && value !== null && 'value' in value;
+}
+/** Resolve a form/select value into a react-select option; synthesize label when orphan. */
+function resolveOption(raw, optionList) {
+    // Keep uncontrolled when the consumer did not pass a value.
+    if (raw === undefined) {
+        return undefined;
+    }
+    if (raw === null || raw === '') {
+        return null;
+    }
+    if (isOptionLike(raw)) {
+        var matched_1 = optionList.find(function (option) { return option.value === raw.value; });
+        if (matched_1) {
+            return matched_1;
+        }
+        var label = typeof raw.label === 'string' || typeof raw.label === 'number'
+            ? String(raw.label)
+            : String(raw.value);
+        return { value: raw.value, label: label };
+    }
+    var matched = optionList.find(function (option) { return option.value === raw; });
+    if (matched) {
+        return matched;
+    }
+    // Orphan value: keep submitting the original code, but make it displayable.
+    return { value: raw, label: String(raw) };
+}
+function resolveMultiOptions(raw, optionList) {
+    if (raw === undefined) {
+        return undefined;
+    }
+    if (!Array.isArray(raw)) {
+        return [];
+    }
+    return raw
+        .map(function (item) { return resolveOption(item, optionList); })
+        .filter(function (item) { return item != null; });
+}
 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 optionList = options;
+    var customStyles = __assign({ control: function (styles, _a) {
             var isDisabled = _a.isDisabled;
             return (__assign(__assign(__assign({}, styles), { backgroundColor: isDisabled ? '#f8f8f8' : 'white', 
                 // minWidth: 200,
@@ -16,39 +56,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) || {}))); }
-    };
+        }, 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);
     // 解决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 })));
+    var resolvedDefaultValue = isMulti
+        ? resolveMultiOptions(defaultValue, optionList)
+        : resolveOption(defaultValue, optionList);
+    // Only resolve when `value` is provided, so uncontrolled usage stays uncontrolled.
+    var resolvedValue = isMulti
+        ? resolveMultiOptions(value, optionList)
+        : resolveOption(value, optionList);
+    return (jsx(ReactSelect, __assign({ menuPortalTarget: menuPortalTarget, options: optionList, className: classNames('foxit-select-wrapper', className), placeholder: placeholder, styles: customStyles, defaultValue: resolvedDefaultValue, isDisabled: isDisabled, isClearable: isClearable, isSearchable: isMobile ? false : isSearchable, isMulti: isMulti, components: { Control: CustomControl, Option: CustomOptionComp }, onChange: onChange, menuPosition: "fixed" }, rest, { value: resolvedValue })));
 };
 
 export { Select as default };

package/es/Table/Table.d.ts

@@ -6,6 +6,8 @@ export interface Column<T> {
     width?: number;
     align?: 'left' | 'center' | 'right';
     render?: (text: T[keyof T], record: T) => React.ReactNode;
+    ariaLabel?: (text: T[keyof T], record: T) => string;
+    includeInTabOrder?: boolean;
 }
 export interface RowSelection<T> {
     selectedRowKeys?: React.Key[];

package/es/Table/Table.js

@@ -13,7 +13,9 @@ var Table = function (_a) {
         return jsx(Empty, { description: emptyText || 'No Data' });
     }
     if (mobile) {
-        return (jsxs("div", __assign({ className: "foxit-table-mobile-list" }, { children: [loading && (jsx("div", __assign({ className: "foxit-table-mobile-loading" }, { children: jsx(Icon, { name: "LoadingOutlined", className: "foxit-table-icon-loading" }) }))), data.map(function (record, rowIndex) { return (jsx("div", __assign({ className: "foxit-table-mobile-card" }, { children: columns.map(function (column, colIndex) { return (jsxs("div", __assign({ className: "foxit-table-mobile-row" }, { children: [jsx("span", __assign({ className: "foxit-table-mobile-label" }, { children: column.title })), jsx("span", __assign({ className: "foxit-table-mobile-value" }, { children: column.render
+        return (jsxs("div", __assign({ className: "foxit-table-mobile-list" }, { children: [loading && (jsx("div", __assign({ className: "foxit-table-mobile-loading" }, { children: jsx(Icon, { name: "LoadingOutlined", className: "foxit-table-icon-loading" }) }))), data.map(function (record, rowIndex) { return (jsx("div", __assign({ className: "foxit-table-mobile-card" }, { children: columns.map(function (column, colIndex) { return (jsxs("div", __assign({ className: "foxit-table-mobile-row" }, { children: [jsx("span", __assign({ className: "foxit-table-mobile-label" }, { children: column.title })), jsx("span", __assign({ className: "foxit-table-mobile-value", tabIndex: column.includeInTabOrder ? 0 : undefined, "aria-label": column.ariaLabel
+                                    ? column.ariaLabel(record[column.dataIndex], record)
+                                    : undefined }, { children: column.render
                                     ? column.render(record[column.dataIndex], record)
                                     : typeof record[column.dataIndex] === 'object'
                                         ? JSON.stringify(record[column.dataIndex])
@@ -42,7 +44,9 @@ var Table = function (_a) {
                             return (jsxs("tr", __assign({ className: rowIndex % 2 === 0 ? 'foxit-even-row' : 'foxit-odd-row', onMouseEnter: function () { return rowSelection && setHoveredRow(rowIndex); }, onMouseLeave: function () { return setHoveredRow(null); } }, { children: [rowSelection && (jsx("td", __assign({ className: "foxit-table-checkbox" }, { children: jsx("div", __assign({ style: {
                                                 opacity: shouldShowCheckbox(rowIndex) ? 1 : 0,
                                                 transition: 'opacity 0.2s'
-                                            } }, { children: jsx(Checkbox, { size: "small", checked: isSelected, onChange: function (checked) { return handleRowSelect(record, rowIndex, checked); }, disabled: checkboxProps.disabled }) })) }))), columns.map(function (column, colIndex) { return (jsx("td", __assign({ style: { textAlign: handleColumnAlign(column.align || 'left') } }, { children: column.render
+                                            } }, { children: jsx(Checkbox, { size: "small", checked: isSelected, onChange: function (checked) { return handleRowSelect(record, rowIndex, checked); }, disabled: checkboxProps.disabled }) })) }))), columns.map(function (column, colIndex) { return (jsx("td", __assign({ style: { textAlign: handleColumnAlign(column.align || 'left') }, tabIndex: column.includeInTabOrder ? 0 : undefined, "aria-label": column.ariaLabel
+                                            ? column.ariaLabel(record[column.dataIndex], record)
+                                            : undefined }, { children: column.render
                                             ? column.render(record[column.dataIndex], record)
                                             : typeof record[column.dataIndex] === 'object'
                                                 ? JSON.stringify(record[column.dataIndex]) // 将对象转换为字符串

package/es/Tooltip/Tooltip.js

@@ -165,6 +165,7 @@ var Tooltip = function (_a) {
         };
     }, []);
     return (jsxs(Fragment, { children: [jsx("div", __assign({ className: "foxit-tooltip-container", onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, ref: childRef }, { children: children })), mounted &&
+                title &&
                 ReactDOM.createPortal(jsxs(Fragment, { children: [jsx("div", { className: "foxit-tooltip-bridge", onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, style: bridgeStyle }), jsxs("div", __assign({ onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, className: classNames('foxit-tooltip-content', "foxit-tooltip-placement-".concat(placement), {
                                 'foxit-tooltip-white': whiteGround
                             }, className), style: tooltipStyle, ref: tooltipRef }, { children: [title, jsx("div", { className: classNames('foxit-tooltip-arrow', "foxit-tooltip-arrow-".concat(placement)), style: arrowPosition })] }))] }), document.body // 直接挂载到 body，避免层叠上下文限制

package/es/index.css

@@ -1 +1 @@
-.foxit-checkbox-container{cursor:pointer;display:inline-block;position:relative;-webkit-user-select:none;user-select:none}[dir=ltr] .foxit-checkbox-container{padding-left:25px}[dir=rtl] .foxit-checkbox-container{padding-right:25px}.foxit-checkbox-container.small{line-height:16px}[dir=ltr] .foxit-checkbox-container.small{padding-left:21px}[dir=rtl] .foxit-checkbox-container.small{padding-right:21px}.foxit-checkbox-container input{cursor:pointer;opacity:0;position:absolute}.foxit-checkbox-checkmark{background-color:#fff;border:1px solid #b3b3b3;border-radius:4px;height:20px;position:absolute;top:0;width:20px}[dir=ltr] .foxit-checkbox-checkmark{left:0}[dir=rtl] .foxit-checkbox-checkmark{right:0}.foxit-checkbox-container input:indeterminate~.foxit-checkbox-checkmark{background-color:#fff}.foxit-checkbox-container.small .foxit-checkbox-checkmark{height:16px;width:16px}.foxit-checkbox-content{line-height:20px}.foxit-checkbox-container.small .foxit-checkbox-content{display:inline-block;font-size:12px;line-height:16px}.foxit-checkbox-container input:checked~.foxit-checkbox-checkmark{background-color:#ff5f00;border:none}[dir=rtl] .foxit-checkbox-container input:checked~.foxit-checkbox-checkmark{transform:scaleX(-1)}.foxit-checkbox-checkmark:after{content:"";display:none;position:absolute}.foxit-checkbox-container input:checked~.foxit-checkbox-checkmark:after{display:block}.foxit-checkbox-container .foxit-checkbox-checkmark:after{border:solid #fff;height:10px;top:4px;width:6px}[dir=ltr] .foxit-checkbox-container .foxit-checkbox-checkmark:after{border-width:0 2px 2px 0;left:7px;transform:rotate(45deg)}[dir=rtl] .foxit-checkbox-container .foxit-checkbox-checkmark:after{border-width:0 0 2px 2px;right:7px;transform:rotate(-45deg)}.foxit-checkbox-container input:indeterminate~.foxit-checkbox-checkmark:after{background-color:#ff5f00;border:none;border-radius:2px;display:block;height:10px;top:50%;width:10px}[dir=ltr] .foxit-checkbox-container input:indeterminate~.foxit-checkbox-checkmark:after{left:50%;transform:translate(-50%,-50%)}[dir=rtl] .foxit-checkbox-container input:indeterminate~.foxit-checkbox-checkmark:after{right:50%;transform:translate(50%,-50%)}.foxit-checkbox-container.small .foxit-checkbox-checkmark:after{top:2px}[dir=ltr] .foxit-checkbox-container.small .foxit-checkbox-checkmark:after{left:5px}[dir=rtl] .foxit-checkbox-container.small .foxit-checkbox-checkmark:after{right:5px}.foxit-checkbox-container.small input:indeterminate~.foxit-checkbox-checkmark:after{height:8px;top:50%;width:8px}[dir=ltr] .foxit-checkbox-container.small input:indeterminate~.foxit-checkbox-checkmark:after{left:50%;transform:translate(-50%,-50%)}[dir=rtl] .foxit-checkbox-container.small input:indeterminate~.foxit-checkbox-checkmark:after{right:50%;transform:translate(50%,-50%)}.foxit-checkbox-container.disabled{color:#00000040;cursor:not-allowed;opacity:.6}.foxit-checkbox-checkmark.disabled{background-color:#f5f5f5;border:1px solid #d9d9d9}.foxit-empty{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:20px;text-align:center}.foxit-empty-image{margin-bottom:16px}.foxit-empty-description{color:#757575;font-size:14px}.foxit-form-item{margin-bottom:24px}.foxit-form-item label{color:#525252;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.foxit-form-item-embedlabel{background-color:#fff;display:inline-block!important;padding:0 4px;position:relative;top:18px;z-index:1}[dir=ltr] .foxit-form-item-embedlabel{margin-left:4px}[dir=rtl] .foxit-form-item-embedlabel{margin-right:4px}.foxit-form-required{color:#e22727}.foxit-form-error-text,.foxit-form-warning-text{font-size:12px;line-height:24px;min-height:24px}.foxit-form-error-text{color:#e22727}.foxit-form-warning-text{color:orange}.foxit-form-item>.foxit-form-error-component .foxit-checkbox-container,.foxit-form-item>.foxit-form-error-component .foxit-input-wrapper,.foxit-form-item>.foxit-form-error-component .foxit-radio-container,.foxit-form-item>.foxit-form-error-component .foxit-select-wrapper>:nth-child(3){border:1px solid #e22727!important}.foxit-form-item>.foxit-form-warning-component .foxit-checkbox-container,.foxit-form-item>.foxit-form-warning-component .foxit-input-wrapper,.foxit-form-item>.foxit-form-warning-component .foxit-radio-container,.foxit-form-item>.foxit-form-warning-component .foxit-select-wrapper>:nth-child(3){border-color:orange!important}.foxit-input-wrapper{align-items:center;border:1px solid #d9d9d9;border-radius:10px;display:flex;font-size:14px;font-weight:400;padding:11px 16px;transition:border-color .3s}.foxit-input-wrapper:focus-within{border-color:#ff5f00!important}.foxit-input-wrapper:hover{border-color:#757575}.foxit-input-element{border:none;color:#525252;flex:1;line-height:24px;outline:none!important}[dir=ltr] .foxit-input-element{text-align:left}[dir=rtl] .foxit-input-element{text-align:right}.foxit-input-element::placeholder{color:#b3b3b3}.foxit-input-addon{align-items:center;color:#b3b3b3;cursor:pointer;display:flex;transition:color .3s}[dir=ltr] .foxit-input-addon{padding:0 0 0 8px}[dir=ltr] .foxit-input-addon-before,[dir=rtl] .foxit-input-addon{padding:0 8px 0 0}[dir=rtl] .foxit-input-addon-before{padding:0 0 0 8px}.foxit-input-wrapper:focus-within .foxit-input-addon{color:#ff5f00!important}.foxit-input-wrapper:hover .foxit-input-addon{color:#757575}.foxit-input-wrapper :disabled,.foxit-input-wrapper-disabled{background-color:#f8f8f8}.foxit-input-wrapper-disabled:hover{border-color:#d9d9d9}.foxit-input-wrapper-disabled .foxit-input-element{color:#b3b3b3}[dir=ltr] .foxit-input-wrapper-textarea{padding-right:0}[dir=rtl] .foxit-input-wrapper-textarea{padding-left:0}.foxit-textarea-element{resize:none;scrollbar-color:#d9d9d9 #fff;scrollbar-gutter:stable;scrollbar-width:auto}.foxit-textarea-element::-webkit-scrollbar{width:16px}.foxit-textarea-element::-webkit-scrollbar-track{background:#fff}.foxit-textarea-element::-webkit-scrollbar-thumb{background-color:#d9d9d9;border:4px solid #fff;border-radius:8px}.foxit-pagination-container{align-items:center;display:flex;justify-content:center}.foxit-pagination-button,.foxit-pagination-next,.foxit-pagination-prev{background-color:initial;border:none;border-radius:10px;color:#757575;cursor:pointer;font-size:16px;font-weight:500;height:48px;margin:0 4px;min-width:48px;padding:0 12px;transition:background-color .3s ease,color .3s ease}.foxit-pagination-next:hover,.foxit-pagination-prev:hover{color:#ff5f00}.foxit-pagination-button:hover{background-color:#ff5f001a}.foxit-pagination-button:disabled{background-color:#ff5f00;color:#fff;cursor:default}.foxit-pagination-mobile-container{display:flex;justify-content:center;margin:16px 0}.foxit-pagination-mobile-next,.foxit-pagination-mobile-prev{height:36px;margin:0 8px;min-width:40px}.foxit-pagination-mobile-info{font-size:16px;min-width:48px}.foxit-button,.foxit-pagination-mobile-info{align-items:center;display:flex;justify-content:center}.foxit-button{border:0;border-radius:10px;cursor:pointer;font-size:14px;font-weight:600;letter-spacing:.42px}.foxit-button-circle{aspect-ratio:1;border-radius:50%!important;padding:0!important;width:auto}.foxit-button:disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.foxit-button:hover{opacity:.8}.foxit-button-primary{background-color:#ff5f00;color:#fff}.foxit-button-secondary{background-color:#fff;border:1px solid #ff5f00;color:#ff5f00}.foxit-button-small{border-radius:5px;min-height:38px;padding:8px 24px}.foxit-button-small svg{height:16px;width:16px}.foxit-button-small.foxit-button-circle{height:38px;width:38px}.foxit-button-medium{border-radius:5px;min-height:44px;padding:11px 32px}.foxit-button-medium svg{height:20px;width:20px}.foxit-button-medium.foxit-button-circle{height:44px;width:44px}.foxit-button-large{min-height:56px;padding:16px 32px}.foxit-button-large.foxit-button-circle{height:56px;width:56px}.foxit-button-prevent-click{pointer-events:none}.foxit-button-loading{animation:spin 1s linear infinite}[dir=ltr] .foxit-button-loading{margin-right:8px}[dir=rtl] .foxit-button-loading{margin-left:8px}.foxit-button-primary .foxit-button-loading{color:#fff}.foxit-button-secondary .foxit-button-loading{color:#ff5f00}.foxit-radio-container{cursor:pointer;display:inline-block;position:relative;-webkit-user-select:none;user-select:none}[dir=ltr] .foxit-radio-container{padding-left:25px}[dir=rtl] .foxit-radio-container{padding-right:25px}.foxit-radio-container input{cursor:pointer;opacity:0;position:absolute}.foxit-radio-checkmark{background-color:#fff;border:1px solid #b3b3b3;border-radius:50%;height:20px;position:absolute;top:0;width:20px}[dir=ltr] .foxit-radio-checkmark{left:0}[dir=rtl] .foxit-radio-checkmark{right:0}.foxit-radio-content{line-height:20px}.foxit-radio-container input:checked~.foxit-radio-checkmark{background-color:#fff;border:1px solid #ff5f00}.foxit-radio-checkmark:after{content:"";display:none;position:absolute}.foxit-radio-container input:checked~.foxit-radio-checkmark:after{display:block}.foxit-radio-container .foxit-radio-checkmark:after{background:#ff5f00;border-radius:50%;height:10px;top:4px;width:10px}[dir=ltr] .foxit-radio-container .foxit-radio-checkmark:after{left:4px}[dir=rtl] .foxit-radio-container .foxit-radio-checkmark:after{right:4px}.foxit-radio-container.disabled{cursor:not-allowed;opacity:.6}.foxit-select-custom-control{display:flex}[dir=ltr] .foxit-select-custom-control{margin-right:-4px;padding-left:8px}[dir=rtl] .foxit-select-custom-control{margin-left:-4px;padding-right:8px}.foxit-table{border:1px solid #ff5f00;border-radius:10px;color:#373737;min-height:200px;overflow:hidden;position:relative}.foxit-table-loading{align-items:center;background-color:#ffffffb3;display:flex;height:100%;justify-content:center;position:absolute;top:0;width:100%;z-index:5}[dir=ltr] .foxit-table-loading{left:0}[dir=rtl] .foxit-table-loading{right:0}.foxit-table-icon-loading{animation:spin 1s linear infinite;color:#ff5f00}.foxit-table-container{border-collapse:collapse;min-width:100%;table-layout:fixed;width:auto}.foxit-table-container td,.foxit-table-container th{word-wrap:break-word;height:70px;min-height:70px;padding:24px;white-space:pre-wrap}.foxit-table-container th{background-color:#fff6f0;font-size:16px;font-weight:700}.foxit-table-container td{font-size:14px;font-weight:400}.foxit-table-container .foxit-even-row{background-color:#fff}.foxit-table-container .foxit-odd-row{background-color:#fff6f0}.foxit-table-mobile-list{display:flex;flex-direction:column;gap:16px}.foxit-table-mobile-card{background:#f8f8f8;border-radius:10px;display:flex;flex-direction:column;gap:12px;padding:32px}.foxit-table-mobile-row{align-items:flex-start;display:flex;flex-direction:row;justify-content:space-between}.foxit-table-mobile-row:not(:last-child){border-bottom:1px solid #efefef;padding-bottom:12px}.foxit-table-mobile-label{word-wrap:break-word;color:#373737;font-size:16px;font-weight:700;max-width:50%;white-space:pre-wrap}[dir=ltr] .foxit-table-mobile-label{margin-right:16px}[dir=rtl] .foxit-table-mobile-label{margin-left:16px}.foxit-table-mobile-value{word-wrap:break-word;color:#373737;flex:1 1 0;font-size:14px;font-weight:400;white-space:pre-wrap}[dir=ltr] .foxit-table-mobile-value{text-align:right}[dir=rtl] .foxit-table-mobile-value{text-align:left}.foxit-table-mobile-loading{align-items:center;background:#0000;display:flex;justify-content:center;padding:24px 0;width:100%}.foxit-table-checkbox{position:relative;text-align:center}[dir=ltr] .foxit-table-checkbox{padding:24px 0 24px 16px!important}[dir=rtl] .foxit-table-checkbox{padding:24px 16px 24px 0!important}.foxit-tabs{display:flex;flex-wrap:wrap;gap:8px}.foxit-tab-item{background-color:#f1f3f4;border:none;border-radius:10px;color:#757575;cursor:pointer;font-size:14px;font-weight:600;padding:14px 20px;transition:background-color .3s,color .3s}.foxit-tab-item.active{background-color:#ff5f00;color:#fff}.foxit-tab-item:hover:not(.active){background-color:#e0e0e0}.foxit-tab-content{margin-top:16px}.foxit-linktabs{width:100%}.foxit-linktabs-inner{margin-left:auto;margin-right:auto;position:relative}.foxit-linktabs-scroll{background:#fff;border:none;padding:8px;position:absolute;top:6px;z-index:10}.foxit-linktabs-scroll:hover{color:#ff5f00;cursor:pointer}[dir=ltr] .foxit-linktabs-scroll-left{left:-24px}[dir=ltr] .foxit-linktabs-scroll-right,[dir=rtl] .foxit-linktabs-scroll-left{right:-24px}[dir=rtl] .foxit-linktabs-scroll-right{left:-24px}.foxit-linktabs-list{-ms-overflow-style:none;border-bottom:1px solid #f1f3f4;display:flex;overflow-x:auto;scrollbar-width:none;text-align:center;white-space:nowrap;width:100%}.foxit-linktabs-list::-webkit-scrollbar{display:none}.foxit-linktab-btn{background:none;border:none;color:#b3b3b3;cursor:pointer;display:inline-block;font-size:14px;font-weight:600;outline:none;padding:12px;transition:border-color .2s,color .2s}.foxit-linktab-btn.active{border-bottom:2px solid #ff5f00;color:#ff5f00}.foxit-tag{border-radius:5px;display:inline-block;font-size:12px;font-weight:600;min-height:24px;padding:4px 8px}.foxit-tag-active{background-color:#edfafa;color:#0f8b8d}.foxit-tag-canceled{background-color:#ffecec;color:#e22727}.foxit-tag-pending{background-color:#fbf4d0;color:#9b8827}.foxit-tag-offline{background-color:#edecff;color:#6462c6}.foxit-tag-trial{background-color:#e4f4fe;color:#2288ce}.foxit-tag-expired{background-color:#ececec;color:#757575}.foxit-tag-completed{background-color:#edfafa;color:#0f8b8d}.foxit-toast-container{pointer-events:none;position:fixed;top:0;transition-delay:0s;transition-duration:.5s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);width:100%;z-index:2000}[dir=ltr] .foxit-toast-container{left:50%;transform:translateX(-50%)}[dir=rtl] .foxit-toast-container{right:50%;transform:translateX(50%)}.foxit-toast-loading{animation:spin 1s linear infinite;color:#ff5f00}.foxit-toast-loading-overlay{background-color:#000;height:100vh;inset:0;opacity:.15;pointer-events:auto;position:fixed;z-index:10}.foxit-toast-item{align-items:center;background-color:#fff;border:none;border-radius:50px;color:#525252;display:flex;flex-direction:row;gap:8px;justify-content:center;margin-bottom:16px;margin-left:auto;margin-right:auto;padding:9px 12px;position:relative;top:102px;transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);width:fit-content;z-index:20}.foxit-toast-item-success{background-color:#ddfae8;color:#1f7f40}.foxit-toast-item-error{background-color:#fae5dd;color:#e22727}.foxit-toast-item-warning{background-color:#fff0e7;color:#525252}.foxit-toast-enter{opacity:0;transform:translateY(-100%)}.foxit-toast-enter-active{transition:all .5s ease-out}.foxit-toast-enter-active,.foxit-toast-exit{opacity:1;transform:translateY(0)}.foxit-toast-exit-active{opacity:0;transform:translateY(-100%);transition:all .5s ease-in}.foxit-tooltip-container{display:inline-block;position:relative;width:auto}.foxit-tooltip-content{background-color:#525252;border-radius:10px;color:#fff;max-width:100%;min-width:100px;padding:12px 16px;position:absolute;width:300px;z-index:1}.foxit-tooltip-white{background-color:#fff;border:1px solid #e0e0e0;box-shadow:0 2px 4px #0000001a;color:#525252}.foxit-tooltip-bridge{background-color:initial;pointer-events:auto;position:absolute;z-index:9998}.foxit-tooltip-arrow{height:0;position:absolute;width:0}.foxit-tooltip-arrow-top{border-top:5px solid #525252}.foxit-tooltip-arrow-bottom,.foxit-tooltip-arrow-top{border-left:5px solid #0000;border-right:5px solid #0000}.foxit-tooltip-arrow-bottom{border-bottom:5px solid #525252}.foxit-tooltip-arrow-left{border-bottom:5px solid #0000;border-top:5px solid #0000}[dir=ltr] .foxit-tooltip-arrow-left{border-left:5px solid #525252}[dir=rtl] .foxit-tooltip-arrow-left{border-right:5px solid #525252}.foxit-tooltip-arrow-right{border-bottom:5px solid #0000;border-top:5px solid #0000}[dir=ltr] .foxit-tooltip-arrow-right{border-right:5px solid #525252}[dir=rtl] .foxit-tooltip-arrow-right{border-left:5px solid #525252}.foxit-tooltip-white .foxit-tooltip-arrow-top{border-top-color:#e0e0e0}.foxit-tooltip-white .foxit-tooltip-arrow-bottom{border-bottom-color:#e0e0e0}[dir=ltr] .foxit-tooltip-white .foxit-tooltip-arrow-left{border-left-color:#e0e0e0}[dir=ltr] .foxit-tooltip-white .foxit-tooltip-arrow-right,[dir=rtl] .foxit-tooltip-white .foxit-tooltip-arrow-left{border-right-color:#e0e0e0}[dir=rtl] .foxit-tooltip-white .foxit-tooltip-arrow-right{border-left-color:#e0e0e0}.foxit-tooltip-white .foxit-tooltip-arrow-top:after{border-left:5px solid #0000;border-right:5px solid #0000;border-top:5px solid #fff;content:"";position:absolute;top:-6px}[dir=ltr] .foxit-tooltip-white .foxit-tooltip-arrow-top:after{left:-5px}[dir=rtl] .foxit-tooltip-white .foxit-tooltip-arrow-top:after{right:-5px}.foxit-tooltip-white .foxit-tooltip-arrow-bottom:after{border-bottom:5px solid #fff;border-left:5px solid #0000;border-right:5px solid #0000;bottom:-6px;content:"";position:absolute}[dir=ltr] .foxit-tooltip-white .foxit-tooltip-arrow-bottom:after{left:-5px}[dir=rtl] .foxit-tooltip-white .foxit-tooltip-arrow-bottom:after{right:-5px}.foxit-tooltip-white .foxit-tooltip-arrow-left:after{border-bottom:5px solid #0000;border-top:5px solid #0000;content:"";position:absolute;top:-5px}[dir=ltr] .foxit-tooltip-white .foxit-tooltip-arrow-left:after{border-left:5px solid #fff;left:-6px}[dir=rtl] .foxit-tooltip-white .foxit-tooltip-arrow-left:after{border-right:5px solid #fff;right:-6px}.foxit-tooltip-white .foxit-tooltip-arrow-right:after{border-bottom:5px solid #0000;border-top:5px solid #0000;content:"";position:absolute;top:-5px}[dir=ltr] .foxit-tooltip-white .foxit-tooltip-arrow-right:after{border-right:5px solid #fff;right:-6px}[dir=rtl] .foxit-tooltip-white .foxit-tooltip-arrow-right:after{border-left:5px solid #fff;left:-6px}.foxit-menu{border-radius:10px;font-size:14px;overflow:hidden}.foxit-menu-item-content{align-items:center;cursor:pointer;display:flex;padding:12px 16px}[dir=ltr] .foxit-menu-item{padding-left:0}[dir=rtl] .foxit-menu-item{padding-right:0}.foxit-menu-item.selected{background-color:#fff6f0!important;border-radius:10px;color:#ff5f00;font-weight:600}.foxit-menu-item:hover{background-color:#f5f6f8;border-radius:10px}.foxit-menu-submenu-title{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:12px 16px}.foxit-menu-submenu-title:hover{background-color:#f5f6f8;border-radius:10px}.foxit-menu-icon{transition:transform .3s ease-in-out}[dir=ltr] .foxit-menu-rotated-icon{transform:rotate(180deg)}[dir=rtl] .foxit-menu-rotated-icon{transform:rotate(-180deg)}.foxit-menu-item-label{font-weight:600}.foxit-menu-collapsed{transition:width .2s;width:50px!important}.foxit-menu-item-icon{align-items:center;display:inline-flex}[dir=ltr] .foxit-menu-item-icon{margin-right:8px}[dir=rtl] .foxit-menu-item-icon{margin-left:8px}.foxit-menu-item-icon-collapsed{font-size:16px}[dir=ltr] .foxit-menu-item-icon-collapsed{margin-right:0}[dir=rtl] .foxit-menu-item-icon-collapsed{margin-left:0}.foxit-menu-collapsed .foxit-menu-item-content,.foxit-menu-collapsed .foxit-menu-submenu-title{align-items:center;display:flex;justify-content:center;padding:12px}[dir=ltr] .foxit-menu-item-icon-mr8{margin-right:8px}[dir=rtl] .foxit-menu-item-icon-mr8{margin-left:8px}.foxit-menu-collapsed-item{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.foxit-menu-popup{background-color:#fff;border-radius:10px;box-shadow:0 3px 6px #0000001f,0 1px 3px #00000014;min-width:200px;padding:5px 0}.foxit-menu-popup-content{width:100%}.foxit-menu-popup-title{align-items:center;border-bottom:1px solid #f0f0f0;color:#333;display:flex;font-weight:600;padding:8px 16px}.foxit-menu-popup-title-no-border{border-bottom:none}.foxit-modal-content-container{background-color:#fff;border-radius:10px;display:flex;flex-direction:column;gap:24px;justify-content:space-between;max-height:70vh;min-width:320px}@media (max-width:600px){.foxit-modal-content-container{box-sizing:border-box;overflow-y:auto}}[dir=ltr] .foxit-modal-success{background:linear-gradient(135deg,#fffaf7,#f9ede3,#fffaf7,#f9ede3)}[dir=rtl] .foxit-modal-success{background:linear-gradient(-135deg,#fffaf7,#f9ede3,#fffaf7,#f9ede3)}.foxit-modal-head{align-items:center;column-gap:8px;display:flex;justify-content:space-between;padding:36px 36px 0}.foxit-modal-children{box-sizing:border-box;max-height:60vh;overflow-y:auto;padding:0 36px}@media (max-width:600px){.foxit-modal-children{height:auto;max-height:100%;overflow-y:initial}}.foxit-modal-title{font-size:20px;font-weight:700}.foxit-modal-success-icon{display:flex;height:94px;margin-top:-50px;width:115px}.foxit-modal-close-button{align-items:center;cursor:pointer;display:flex;height:16px;justify-content:center;width:16px}.foxit-modal-close-button svg{stroke:#6b7280}.foxit-modal-close-button:hover svg{stroke:#ea580c}.foxit-modal-footer{display:flex;flex-wrap:wrap;gap:16px;justify-content:flex-end;padding:0 36px 36px}@media (max-width:600px){.foxit-modal-footer{align-items:stretch;flex-direction:column;width:100%}}.foxit-modal-fixed-layout{align-items:center;display:flex;flex-direction:column;inset:0;padding:36px;position:fixed;z-index:99}.foxit-modal-justify-center{justify-content:center}.foxit-modal-justify-top{justify-content:flex-start;padding-top:96px}.foxit-modal-justify-bottom{justify-content:flex-end}.foxit-modal-overlay{cursor:pointer;height:100%;inset:0;position:fixed;width:100%;z-index:99}.foxit-modal-overlay-bg{background-color:#00000026;height:100%;inset:0;position:absolute;width:100%}.foxit-modal-content{align-items:center;display:flex;font-size:16px;font-weight:400;justify-content:center;max-height:100%;width:auto;z-index:99}.foxit-modal-opacity-0{opacity:0}.foxit-modal-opacity-100{opacity:1}.foxit-modal-scale-0{transform:scale(0)}.foxit-modal-scale-100{transform:scale(1)}.foxit-modal-transition{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.foxit-modal-hide-overflow{overflow-y:hidden}.foxit-switch{background-color:#ccc;border-radius:100px;cursor:pointer;display:inline-block;height:22px;line-height:22px;min-width:40px;position:relative;transition:background-color .3s;width:40px}.foxit-switch.small{height:14px;line-height:14px;min-width:24px;width:24px}.foxit-switch.checked{background-color:#ff5f00}.foxit-switch-handle{background-color:#fff;border-radius:50%;height:18px;position:absolute;top:2px;transition:transform .3s;width:18px}[dir=ltr] .foxit-switch-handle{transform:translateX(1px)}[dir=rtl] .foxit-switch-handle{transform:translateX(-1px)}.foxit-switch.small .foxit-switch-handle{height:12px;top:1px;width:12px}[dir=ltr] .foxit-switch.checked .foxit-switch-handle{transform:translateX(20px)}[dir=rtl] .foxit-switch.checked .foxit-switch-handle{transform:translateX(-20px)}[dir=ltr] .foxit-switch.small.checked .foxit-switch-handle{transform:translateX(11px)}[dir=rtl] .foxit-switch.small.checked .foxit-switch-handle{transform:translateX(-11px)}.foxit-spin{display:inline-block;pointer-events:none;position:relative;width:100%}.foxit-spin .foxit-spin-container{opacity:.5}.foxit-spin-spinning{animation:spin 1s linear infinite;color:#ff5f00}[dir=ltr] .foxit-spin-spinning{margin-right:8px}[dir=rtl] .foxit-spin-spinning{margin-left:8px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.foxit-spin-icon{position:absolute;top:50%}[dir=ltr] .foxit-spin-icon{left:50%;transform:translate(-50%,-50%)}[dir=rtl] .foxit-spin-icon{right:50%;transform:translate(50%,-50%)}.foxit-spin-small .foxit-spin-icon{font-size:16px}.foxit-spin-default .foxit-spin-icon{font-size:24px}.foxit-spin-large .foxit-spin-icon{font-size:32px}.foxit-alert{align-items:flex-start;border-radius:5px;display:flex;padding:12px}.foxit-alert-icon-container{height:20px;width:20px}[dir=ltr] .foxit-alert-icon-container{margin-right:8px}[dir=rtl] .foxit-alert-icon-container{margin-left:8px}.foxit-alert-icon{height:20px;width:20px}.foxit-alert-message{font-size:12px}.foxit-alert-success,.foxit-alert-warning{background-color:#f5fff2;border:1px solid #30dc6b}.foxit-alert-error{background-color:#fae5dd;border:1px solid #e22727}.foxit-alert-gradient{border:1px solid #ff5f00;display:block}[dir=ltr] .foxit-alert-gradient{background:linear-gradient(135deg,#fffaf7,#f9ede3,#fffaf7,#f9ede3)}[dir=rtl] .foxit-alert-gradient{background:linear-gradient(-135deg,#fffaf7,#f9ede3,#fffaf7,#f9ede3)}.foxit-alert-arrows{background-color:#fff;border:1px solid #ffb990;box-shadow:0 2px 8px #0000001a;position:relative}.foxit-alert-arrows-left:after,.foxit-alert-arrows-left:before{border-style:solid;content:"";height:0;position:absolute;top:50%;transform:translateY(-50%);width:0}[dir=ltr] .foxit-alert-arrows-left:after,[dir=ltr] .foxit-alert-arrows-left:before{left:-8px}[dir=rtl] .foxit-alert-arrows-left:after,[dir=rtl] .foxit-alert-arrows-left:before{right:-8px}[dir=ltr] .foxit-alert-arrows-left:before{border-color:#0000 #ffb990 #0000 #0000;border-width:9px 9px 9px 0;left:-9px}[dir=rtl] .foxit-alert-arrows-left:before{border-color:#0000 #0000 #0000 #ffb990;border-width:9px 0 9px 9px;right:-9px}[dir=ltr] .foxit-alert-arrows-left:after{border-color:#0000 #fff #0000 #0000;border-width:8px 8px 8px 0;left:-8px}[dir=rtl] .foxit-alert-arrows-left:after{border-color:#0000 #0000 #0000 #fff;border-width:8px 0 8px 8px;right:-8px}.foxit-alert-arrows-right:after,.foxit-alert-arrows-right:before{border-style:solid;content:"";height:0;position:absolute;top:50%;transform:translateY(-50%);width:0}[dir=ltr] .foxit-alert-arrows-right:after,[dir=ltr] .foxit-alert-arrows-right:before{right:-8px}[dir=rtl] .foxit-alert-arrows-right:after,[dir=rtl] .foxit-alert-arrows-right:before{left:-8px}[dir=ltr] .foxit-alert-arrows-right:before{border-color:#0000 #0000 #0000 #ffb990;border-width:9px 0 9px 9px;right:-9px}[dir=rtl] .foxit-alert-arrows-right:before{border-color:#0000 #ffb990 #0000 #0000;border-width:9px 9px 9px 0;left:-9px}[dir=ltr] .foxit-alert-arrows-right:after{border-color:#0000 #0000 #0000 #fff;border-width:8px 0 8px 8px;right:-8px}[dir=rtl] .foxit-alert-arrows-right:after{border-color:#0000 #fff #0000 #0000;border-width:8px 8px 8px 0;left:-8px}.foxit-quantity,.foxit-quantity-button{align-items:center;display:flex}.foxit-quantity-button{background-color:#ff5f00;border:none;border-radius:4px;color:#fff;cursor:pointer;height:16px;justify-content:center;margin-left:8px;margin-right:8px;width:16px}.foxit-quantity-button:disabled{background-color:#ffc2a0;cursor:not-allowed}.foxit-quantity-button>div{font-size:16px;margin-top:-3px}.foxit-quantity-number{border:1px solid #b3b3b3;border-radius:4px;color:#525252;flex:1;font-size:14px;height:24px;line-height:24px;outline:none!important;text-align:center;width:48px}.foxit-drawer-mask{background-color:#00000026;inset:0;opacity:0;pointer-events:none;position:fixed;transition:opacity .3s;z-index:99}.foxit-drawer-mask-open{opacity:1;pointer-events:auto}.foxit-drawer{background:#fff;height:100vh;overflow:auto;position:fixed;top:0;z-index:100}[dir=ltr] .foxit-drawer{box-shadow:-2px 0 8px #00000026;right:0;transition:right .3s}[dir=rtl] .foxit-drawer{box-shadow:2px 0 8px #00000026;left:0;transition:left .3s}.foxit-drawer-content{padding:24px}.foxit-steps{display:flex}.foxit-steps-horizontal{align-items:flex-start;flex-direction:row}.foxit-steps-vertical{flex-direction:column}.foxit-steps-item{display:flex;flex:1;position:relative}.foxit-steps-horizontal .foxit-steps-item{align-items:center;flex-direction:column;text-align:center}.foxit-steps-vertical .foxit-steps-item{align-items:flex-start;flex-direction:row;margin-bottom:16px}.foxit-steps-item-container{display:flex;position:relative;z-index:1}.foxit-steps-horizontal .foxit-steps-item-container{align-items:center;flex-direction:column}.foxit-steps-vertical .foxit-steps-item-container{align-items:flex-start;flex-direction:row}.foxit-steps-item-clickable .foxit-steps-item-container{cursor:pointer}.foxit-steps-item-clickable:hover .foxit-steps-item-title{color:FF5F00}.foxit-steps-item-icon{align-items:center;display:flex;justify-content:center;margin-bottom:8px;position:relative}.foxit-steps-vertical .foxit-steps-item-icon{margin-bottom:0;margin-top:4px}[dir=ltr] .foxit-steps-vertical .foxit-steps-item-icon{margin-right:16px}[dir=rtl] .foxit-steps-vertical .foxit-steps-item-icon{margin-left:16px}.foxit-steps-icon{align-items:center;border-radius:50%;display:flex;font-size:12px;height:16px;justify-content:center;transition:all .3s ease;width:16px}.foxit-steps-icon-wait{background-color:#fff;border:1px solid #cecece}.foxit-steps-icon-process{background-color:#ff5f00;border:1px solid #ff5f00}.foxit-steps-icon-finish{background-color:#fff;border:1px solid #ff5f00;color:#ff5f00}.foxit-steps-item-content{display:flex;flex-direction:column;min-width:0}.foxit-steps-horizontal .foxit-steps-item-content{align-items:center;text-align:center}.foxit-steps-vertical .foxit-steps-item-content{align-items:flex-start}[dir=ltr] .foxit-steps-vertical .foxit-steps-item-content{text-align:left}[dir=rtl] .foxit-steps-vertical .foxit-steps-item-content{text-align:right}.foxit-steps-item-title{color:#757575;font-size:14px;line-height:1.5;margin-bottom:4px;transition:color .3s ease}.foxit-steps-item-process .foxit-steps-item-title{color:#ff5f00;font-weight:700}.foxit-steps-item-description{color:#00000073;font-size:12px;line-height:1.5;max-width:120px}.foxit-steps-item-tail{height:1px;position:absolute;top:8px;width:calc(100% - 16px);z-index:0}[dir=ltr] .foxit-steps-item-tail{left:50%}[dir=rtl] .foxit-steps-item-tail{right:50%}[dir=ltr] .foxit-steps-horizontal .foxit-steps-item-tail{transform:translateX(8px)}[dir=rtl] .foxit-steps-horizontal .foxit-steps-item-tail{transform:translateX(-8px)}.foxit-steps-vertical .foxit-steps-item-tail{height:100%;position:absolute;top:20px;transform:none;width:1px}[dir=ltr] .foxit-steps-vertical .foxit-steps-item-tail{left:8px}[dir=rtl] .foxit-steps-vertical .foxit-steps-item-tail{right:8px}.foxit-steps-item-tail-line{background-color:#d9d9d9;height:100%;transition:background-color .3s ease;width:100%}.foxit-steps-item-finish .foxit-steps-item-tail-line{background-color:#ff6b35}.foxit-steps-item-process .foxit-steps-item-tail-line{background-color:#d9d9d9}
+.foxit-checkbox-container{cursor:pointer;display:inline-block;position:relative;-webkit-user-select:none;user-select:none}[dir=ltr] .foxit-checkbox-container{padding-left:25px}[dir=rtl] .foxit-checkbox-container{padding-right:25px}.foxit-checkbox-container.small{line-height:16px}[dir=ltr] .foxit-checkbox-container.small{padding-left:21px}[dir=rtl] .foxit-checkbox-container.small{padding-right:21px}.foxit-checkbox-container input{cursor:pointer;opacity:0;position:absolute}.foxit-checkbox-checkmark{background-color:#fff;border:1px solid #b3b3b3;border-radius:4px;height:20px;position:absolute;top:0;width:20px}[dir=ltr] .foxit-checkbox-checkmark{left:0}[dir=rtl] .foxit-checkbox-checkmark{right:0}.foxit-checkbox-container input:indeterminate~.foxit-checkbox-checkmark{background-color:#fff}.foxit-checkbox-container.small .foxit-checkbox-checkmark{height:16px;width:16px}.foxit-checkbox-content{line-height:20px}.foxit-checkbox-container.small .foxit-checkbox-content{display:inline-block;font-size:12px;line-height:16px}.foxit-checkbox-container input:checked~.foxit-checkbox-checkmark{background-color:#ff5f00;border:none}[dir=rtl] .foxit-checkbox-container input:checked~.foxit-checkbox-checkmark{transform:scaleX(-1)}.foxit-checkbox-checkmark:after{content:"";display:none;position:absolute}.foxit-checkbox-container input:checked~.foxit-checkbox-checkmark:after{display:block}.foxit-checkbox-container .foxit-checkbox-checkmark:after{border:solid #fff;height:10px;top:4px;width:6px}[dir=ltr] .foxit-checkbox-container .foxit-checkbox-checkmark:after{border-width:0 2px 2px 0;left:7px;transform:rotate(45deg)}[dir=rtl] .foxit-checkbox-container .foxit-checkbox-checkmark:after{border-width:0 0 2px 2px;right:7px;transform:rotate(-45deg)}.foxit-checkbox-container input:indeterminate~.foxit-checkbox-checkmark:after{background-color:#ff5f00;border:none;border-radius:2px;display:block;height:10px;top:50%;width:10px}[dir=ltr] .foxit-checkbox-container input:indeterminate~.foxit-checkbox-checkmark:after{left:50%;transform:translate(-50%,-50%)}[dir=rtl] .foxit-checkbox-container input:indeterminate~.foxit-checkbox-checkmark:after{right:50%;transform:translate(50%,-50%)}.foxit-checkbox-container.small .foxit-checkbox-checkmark:after{top:2px}[dir=ltr] .foxit-checkbox-container.small .foxit-checkbox-checkmark:after{left:5px}[dir=rtl] .foxit-checkbox-container.small .foxit-checkbox-checkmark:after{right:5px}.foxit-checkbox-container.small input:indeterminate~.foxit-checkbox-checkmark:after{height:8px;top:50%;width:8px}[dir=ltr] .foxit-checkbox-container.small input:indeterminate~.foxit-checkbox-checkmark:after{left:50%;transform:translate(-50%,-50%)}[dir=rtl] .foxit-checkbox-container.small input:indeterminate~.foxit-checkbox-checkmark:after{right:50%;transform:translate(50%,-50%)}.foxit-checkbox-container.disabled{color:#00000040;cursor:not-allowed;opacity:.6}.foxit-checkbox-checkmark.disabled{background-color:#f5f5f5;border:1px solid #d9d9d9}.foxit-empty{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:20px;text-align:center}.foxit-empty-image{margin-bottom:16px}.foxit-empty-description{color:#757575;font-size:14px}.foxit-form-item{margin-bottom:24px}.foxit-form-item label{color:#525252;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.foxit-form-item-embedlabel{background-color:#fff;display:inline-block!important;padding:0 4px;position:relative;top:18px;z-index:1}[dir=ltr] .foxit-form-item-embedlabel{margin-left:4px}[dir=rtl] .foxit-form-item-embedlabel{margin-right:4px}.foxit-form-required{color:#e22727}.foxit-form-error-text,.foxit-form-warning-text{font-size:12px;line-height:24px;min-height:24px}.foxit-form-error-text{color:#e22727}.foxit-form-warning-text{color:orange}.foxit-form-item>.foxit-form-error-component .foxit-checkbox-container,.foxit-form-item>.foxit-form-error-component .foxit-input-wrapper,.foxit-form-item>.foxit-form-error-component .foxit-radio-container,.foxit-form-item>.foxit-form-error-component>.foxit-select-wrapper>:nth-child(3){border:1px solid #e22727!important}.foxit-form-item>.foxit-form-warning-component .foxit-checkbox-container,.foxit-form-item>.foxit-form-warning-component .foxit-input-wrapper,.foxit-form-item>.foxit-form-warning-component .foxit-radio-container,.foxit-form-item>.foxit-form-warning-component>.foxit-select-wrapper>:nth-child(3){border-color:orange!important}.foxit-input-wrapper{align-items:center;border:1px solid #d9d9d9;border-radius:10px;display:flex;font-size:14px;font-weight:400;padding:11px 16px;transition:border-color .3s}.foxit-input-wrapper:focus-within{border-color:#ff5f00!important}.foxit-input-wrapper:hover{border-color:#757575}.foxit-input-element{border:none;color:#525252;flex:1;line-height:24px;outline:none!important}[dir=ltr] .foxit-input-element{text-align:left}[dir=rtl] .foxit-input-element{text-align:right}.foxit-input-element::placeholder{color:#b3b3b3}.foxit-input-addon{align-items:center;color:#b3b3b3;cursor:pointer;display:flex;transition:color .3s}[dir=ltr] .foxit-input-addon{padding:0 0 0 8px}[dir=ltr] .foxit-input-addon-before,[dir=rtl] .foxit-input-addon{padding:0 8px 0 0}[dir=rtl] .foxit-input-addon-before{padding:0 0 0 8px}.foxit-input-wrapper:focus-within .foxit-input-addon{color:#ff5f00!important}.foxit-input-wrapper:hover .foxit-input-addon{color:#757575}.foxit-input-wrapper :disabled,.foxit-input-wrapper-disabled{background-color:#f8f8f8}.foxit-input-wrapper-disabled:hover{border-color:#d9d9d9}.foxit-input-wrapper-disabled .foxit-input-element{color:#b3b3b3}[dir=ltr] .foxit-input-wrapper-textarea{padding-right:0}[dir=rtl] .foxit-input-wrapper-textarea{padding-left:0}.foxit-textarea-element{resize:none;scrollbar-color:#d9d9d9 #fff;scrollbar-gutter:stable;scrollbar-width:auto}.foxit-textarea-element::-webkit-scrollbar{width:16px}.foxit-textarea-element::-webkit-scrollbar-track{background:#fff}.foxit-textarea-element::-webkit-scrollbar-thumb{background-color:#d9d9d9;border:4px solid #fff;border-radius:8px}[dir=ltr] .foxit-phone-input{padding-left:12px}[dir=rtl] .foxit-phone-input{padding-right:12px}.foxit-phone-input .foxit-input-addon-before{color:#525252}[dir=ltr] .foxit-phone-input .foxit-input-addon-before{padding-right:8px}[dir=rtl] .foxit-phone-input .foxit-input-addon-before{padding-left:8px}.foxit-phone-input-select{min-width:84px}.foxit-phone-input-select__control{border:none!important;box-shadow:none!important;cursor:pointer!important;min-height:24px!important}.foxit-phone-input-select__control:focus-within,.foxit-phone-input-select__control:hover{border:none!important}[dir=ltr] .foxit-phone-input-select__value-container{padding:0 2px 0 0!important}[dir=rtl] .foxit-phone-input-select__value-container{padding:0 0 0 2px!important}.foxit-phone-input-select__dropdown-indicator{color:#525252!important}[dir=ltr] .foxit-phone-input-select__dropdown-indicator{padding:0 0 0 4px!important}[dir=rtl] .foxit-phone-input-select__dropdown-indicator{padding:0 4px 0 0!important}.foxit-phone-input-select__indicator-separator{display:none}.foxit-phone-input-select__menu{overflow:hidden;width:300px!important}.foxit-phone-input-select__menu-list{max-height:280px!important;padding:0!important}.foxit-phone-input-select__option{padding:10px 12px!important}.foxit-area-code-option{align-items:center;color:#525252;display:flex;gap:12px;justify-content:space-between;width:100%}.foxit-area-code-option-main{align-items:center;display:flex;gap:10px;min-width:0}.foxit-area-code-option-value{gap:6px;justify-content:flex-start}.foxit-area-code-option-value .foxit-area-code-option-main{gap:6px}.foxit-area-code-flag{background-color:#f5f5f5;border-radius:50%;flex:0 0 18px;height:18px;object-fit:cover;width:18px}.foxit-area-code-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.foxit-area-code-dial{color:#525252;flex:0 0 auto}.foxit-select-custom-control{display:flex}[dir=ltr] .foxit-select-custom-control{margin-right:-4px;padding-left:8px}[dir=rtl] .foxit-select-custom-control{margin-left:-4px;padding-right:8px}.foxit-pagination-container{align-items:center;display:flex;justify-content:center}.foxit-pagination-button,.foxit-pagination-next,.foxit-pagination-prev{background-color:initial;border:none;border-radius:10px;color:#757575;cursor:pointer;font-size:16px;font-weight:500;height:48px;margin:0 4px;min-width:48px;padding:0 12px;transition:background-color .3s ease,color .3s ease}.foxit-pagination-next:hover,.foxit-pagination-prev:hover{color:#ff5f00}.foxit-pagination-button:hover{background-color:#ff5f001a}.foxit-pagination-button:disabled{background-color:#ff5f00;color:#fff;cursor:default}.foxit-pagination-mobile-container{display:flex;justify-content:center;margin:16px 0}.foxit-pagination-mobile-next,.foxit-pagination-mobile-prev{height:36px;margin:0 8px;min-width:40px}.foxit-pagination-mobile-info{font-size:16px;min-width:48px}.foxit-button,.foxit-pagination-mobile-info{align-items:center;display:flex;justify-content:center}.foxit-button{border:0;border-radius:10px;cursor:pointer;font-size:14px;font-weight:600;letter-spacing:.42px}.foxit-button-link{background:#0000;border:none;color:#ff5f00;display:inline-flex;font-weight:400;margin:0;padding:0;white-space:nowrap;width:fit-content}.foxit-button-circle{aspect-ratio:1;border-radius:50%!important;padding:0!important;width:auto}.foxit-button:disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.foxit-button:hover{opacity:.8}.foxit-button-primary{background-color:#ff5f00;color:#fff}.foxit-button-secondary{background-color:#fff;border:1px solid #ff5f00;color:#ff5f00}.foxit-button-small{border-radius:5px;min-height:38px;padding:8px 24px}.foxit-button-small svg{height:16px;width:16px}.foxit-button-small.foxit-button-circle{height:38px;width:38px}.foxit-button-medium{border-radius:5px;min-height:44px;padding:11px 32px}.foxit-button-medium svg{height:20px;width:20px}.foxit-button-medium.foxit-button-circle{height:44px;width:44px}.foxit-button-large{min-height:56px;padding:16px 32px}.foxit-button-large.foxit-button-circle{height:56px;width:56px}.foxit-button-prevent-click{pointer-events:none}.foxit-button-loading{animation:spin 1s linear infinite}[dir=ltr] .foxit-button-loading{margin-right:8px}[dir=rtl] .foxit-button-loading{margin-left:8px}.foxit-button-primary .foxit-button-loading{color:#fff}.foxit-button-secondary .foxit-button-loading{color:#ff5f00}.foxit-radio-container{cursor:pointer;display:inline-block;position:relative;-webkit-user-select:none;user-select:none}[dir=ltr] .foxit-radio-container{padding-left:25px}[dir=rtl] .foxit-radio-container{padding-right:25px}.foxit-radio-container input{cursor:pointer;opacity:0;position:absolute}.foxit-radio-checkmark{background-color:#fff;border:1px solid #b3b3b3;border-radius:50%;height:20px;position:absolute;top:0;width:20px}[dir=ltr] .foxit-radio-checkmark{left:0}[dir=rtl] .foxit-radio-checkmark{right:0}.foxit-radio-content{line-height:20px}.foxit-radio-container input:checked~.foxit-radio-checkmark{background-color:#fff;border:1px solid #ff5f00}.foxit-radio-checkmark:after{content:"";display:none;position:absolute}.foxit-radio-container input:checked~.foxit-radio-checkmark:after{display:block}.foxit-radio-container .foxit-radio-checkmark:after{background:#ff5f00;border-radius:50%;height:10px;top:4px;width:10px}[dir=ltr] .foxit-radio-container .foxit-radio-checkmark:after{left:4px}[dir=rtl] .foxit-radio-container .foxit-radio-checkmark:after{right:4px}.foxit-radio-container.disabled{cursor:not-allowed;opacity:.6}.foxit-table{border:1px solid #ff5f00;border-radius:10px;color:#373737;min-height:200px;overflow:hidden;position:relative}.foxit-table-loading{align-items:center;background-color:#ffffffb3;display:flex;height:100%;justify-content:center;position:absolute;top:0;width:100%;z-index:5}[dir=ltr] .foxit-table-loading{left:0}[dir=rtl] .foxit-table-loading{right:0}.foxit-table-icon-loading{animation:spin 1s linear infinite;color:#ff5f00}.foxit-table-container{border-collapse:collapse;min-width:100%;table-layout:fixed;width:auto}.foxit-table-container td,.foxit-table-container th{word-wrap:break-word;height:70px;min-height:70px;padding:24px;white-space:pre-wrap}.foxit-table-container th{background-color:#fff6f0;font-size:16px;font-weight:700}.foxit-table-container td{font-size:14px;font-weight:400}.foxit-table-container .foxit-even-row{background-color:#fff}.foxit-table-container .foxit-odd-row{background-color:#fff6f0}.foxit-table-mobile-list{display:flex;flex-direction:column;gap:16px}.foxit-table-mobile-card{background:#f8f8f8;border-radius:10px;display:flex;flex-direction:column;gap:12px;padding:32px}.foxit-table-mobile-row{align-items:flex-start;display:flex;flex-direction:row;justify-content:space-between}.foxit-table-mobile-row:not(:last-child){border-bottom:1px solid #efefef;padding-bottom:12px}.foxit-table-mobile-label{word-wrap:break-word;color:#373737;font-size:16px;font-weight:700;max-width:50%;white-space:pre-wrap}[dir=ltr] .foxit-table-mobile-label{margin-right:16px}[dir=rtl] .foxit-table-mobile-label{margin-left:16px}.foxit-table-mobile-value{word-wrap:break-word;color:#373737;flex:1 1 0;font-size:14px;font-weight:400;white-space:pre-wrap}[dir=ltr] .foxit-table-mobile-value{text-align:right}[dir=rtl] .foxit-table-mobile-value{text-align:left}.foxit-table-mobile-loading{align-items:center;background:#0000;display:flex;justify-content:center;padding:24px 0;width:100%}.foxit-table-checkbox{position:relative;text-align:center}[dir=ltr] .foxit-table-checkbox{padding:24px 0 24px 16px!important}[dir=rtl] .foxit-table-checkbox{padding:24px 16px 24px 0!important}.foxit-tabs{display:flex;flex-wrap:wrap;gap:8px}.foxit-tab-item{background-color:#f1f3f4;border:none;border-radius:10px;color:#757575;cursor:pointer;font-size:14px;font-weight:600;padding:14px 20px;transition:background-color .3s,color .3s}.foxit-tab-item.active{background-color:#ff5f00;color:#fff}.foxit-tab-item:hover:not(.active){background-color:#e0e0e0}.foxit-tab-content{margin-top:16px}.foxit-linktabs{width:100%}.foxit-linktabs-inner{margin-left:auto;margin-right:auto;position:relative}.foxit-linktabs-scroll{background:#fff;border:none;padding:8px;position:absolute;top:6px;z-index:10}.foxit-linktabs-scroll:hover{color:#ff5f00;cursor:pointer}[dir=ltr] .foxit-linktabs-scroll-left{left:-24px}[dir=ltr] .foxit-linktabs-scroll-right,[dir=rtl] .foxit-linktabs-scroll-left{right:-24px}[dir=rtl] .foxit-linktabs-scroll-right{left:-24px}.foxit-linktabs-list{-ms-overflow-style:none;border-bottom:1px solid #f1f3f4;display:flex;overflow-x:auto;scrollbar-width:none;text-align:center;white-space:nowrap;width:100%}.foxit-linktabs-list::-webkit-scrollbar{display:none}.foxit-linktab-btn{background:none;border:none;color:#b3b3b3;cursor:pointer;display:inline-block;font-size:14px;font-weight:600;outline:none;padding:12px;transition:border-color .2s,color .2s}.foxit-linktab-btn.active{border-bottom:2px solid #ff5f00;color:#ff5f00}.foxit-tag{border-radius:5px;display:inline-block;font-size:12px;font-weight:600;min-height:24px;padding:4px 8px}.foxit-tag-active{background-color:#edfafa;color:#0f8b8d}.foxit-tag-canceled{background-color:#ffecec;color:#e22727}.foxit-tag-pending{background-color:#fbf4d0;color:#9b8827}.foxit-tag-offline{background-color:#edecff;color:#6462c6}.foxit-tag-trial{background-color:#e4f4fe;color:#2288ce}.foxit-tag-expired{background-color:#ececec;color:#757575}.foxit-tag-completed{background-color:#edfafa;color:#0f8b8d}.foxit-toast-container{pointer-events:none;position:fixed;top:0;transition-delay:0s;transition-duration:.5s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);width:100%;z-index:2000}[dir=ltr] .foxit-toast-container{left:50%;transform:translateX(-50%)}[dir=rtl] .foxit-toast-container{right:50%;transform:translateX(50%)}.foxit-toast-loading{animation:spin 1s linear infinite;color:#ff5f00}.foxit-toast-loading-overlay{background-color:#000;height:100vh;inset:0;opacity:.15;pointer-events:auto;position:fixed;z-index:10}.foxit-toast-item{align-items:center;background-color:#fff;border:none;border-radius:50px;color:#525252;display:flex;flex-direction:row;gap:8px;justify-content:center;margin-bottom:16px;margin-left:auto;margin-right:auto;padding:9px 12px;position:relative;top:102px;transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);width:fit-content;z-index:20}.foxit-toast-item-success{background-color:#ddfae8;color:#1f7f40}.foxit-toast-item-error{background-color:#fae5dd;color:#e22727}.foxit-toast-item-warning{background-color:#fff0e7;color:#525252}.foxit-toast-enter{opacity:0;transform:translateY(-100%)}.foxit-toast-enter-active{transition:all .5s ease-out}.foxit-toast-enter-active,.foxit-toast-exit{opacity:1;transform:translateY(0)}.foxit-toast-exit-active{opacity:0;transform:translateY(-100%);transition:all .5s ease-in}.foxit-tooltip-container{display:inline-block;position:relative;width:auto}.foxit-tooltip-content{background-color:#525252;border-radius:10px;color:#fff;max-width:100%;min-width:100px;padding:12px 16px;position:absolute;width:300px;z-index:1}.foxit-tooltip-white{background-color:#fff;border:1px solid #e0e0e0;box-shadow:0 2px 4px #0000001a;color:#525252}.foxit-tooltip-bridge{background-color:initial;pointer-events:auto;position:absolute;z-index:9998}.foxit-tooltip-arrow{height:0;position:absolute;width:0}.foxit-tooltip-arrow-top{border-top:5px solid #525252}.foxit-tooltip-arrow-bottom,.foxit-tooltip-arrow-top{border-left:5px solid #0000;border-right:5px solid #0000}.foxit-tooltip-arrow-bottom{border-bottom:5px solid #525252}.foxit-tooltip-arrow-left{border-bottom:5px solid #0000;border-top:5px solid #0000}[dir=ltr] .foxit-tooltip-arrow-left{border-left:5px solid #525252}[dir=rtl] .foxit-tooltip-arrow-left{border-right:5px solid #525252}.foxit-tooltip-arrow-right{border-bottom:5px solid #0000;border-top:5px solid #0000}[dir=ltr] .foxit-tooltip-arrow-right{border-right:5px solid #525252}[dir=rtl] .foxit-tooltip-arrow-right{border-left:5px solid #525252}.foxit-tooltip-white .foxit-tooltip-arrow-top{border-top-color:#e0e0e0}.foxit-tooltip-white .foxit-tooltip-arrow-bottom{border-bottom-color:#e0e0e0}[dir=ltr] .foxit-tooltip-white .foxit-tooltip-arrow-left{border-left-color:#e0e0e0}[dir=ltr] .foxit-tooltip-white .foxit-tooltip-arrow-right,[dir=rtl] .foxit-tooltip-white .foxit-tooltip-arrow-left{border-right-color:#e0e0e0}[dir=rtl] .foxit-tooltip-white .foxit-tooltip-arrow-right{border-left-color:#e0e0e0}.foxit-tooltip-white .foxit-tooltip-arrow-top:after{border-left:5px solid #0000;border-right:5px solid #0000;border-top:5px solid #fff;content:"";position:absolute;top:-6px}[dir=ltr] .foxit-tooltip-white .foxit-tooltip-arrow-top:after{left:-5px}[dir=rtl] .foxit-tooltip-white .foxit-tooltip-arrow-top:after{right:-5px}.foxit-tooltip-white .foxit-tooltip-arrow-bottom:after{border-bottom:5px solid #fff;border-left:5px solid #0000;border-right:5px solid #0000;bottom:-6px;content:"";position:absolute}[dir=ltr] .foxit-tooltip-white .foxit-tooltip-arrow-bottom:after{left:-5px}[dir=rtl] .foxit-tooltip-white .foxit-tooltip-arrow-bottom:after{right:-5px}.foxit-tooltip-white .foxit-tooltip-arrow-left:after{border-bottom:5px solid #0000;border-top:5px solid #0000;content:"";position:absolute;top:-5px}[dir=ltr] .foxit-tooltip-white .foxit-tooltip-arrow-left:after{border-left:5px solid #fff;left:-6px}[dir=rtl] .foxit-tooltip-white .foxit-tooltip-arrow-left:after{border-right:5px solid #fff;right:-6px}.foxit-tooltip-white .foxit-tooltip-arrow-right:after{border-bottom:5px solid #0000;border-top:5px solid #0000;content:"";position:absolute;top:-5px}[dir=ltr] .foxit-tooltip-white .foxit-tooltip-arrow-right:after{border-right:5px solid #fff;right:-6px}[dir=rtl] .foxit-tooltip-white .foxit-tooltip-arrow-right:after{border-left:5px solid #fff;left:-6px}.foxit-accordion{width:100%}.foxit-accordion-head{margin-bottom:32px}.foxit-accordion-title{color:#373737;font-size:32px;font-weight:800;line-height:1.3;margin:0 0 8px}.foxit-accordion-subtitle{color:#525252;font-size:20px;line-height:1.6;margin:0}.foxit-accordion-item{border-bottom:1px solid #e8e8e8}.foxit-accordion-item:first-child{border-top:1px solid #e8e8e8}.foxit-accordion-item-disabled{cursor:not-allowed;opacity:.5}.foxit-accordion-header{align-items:center;background:#0000;border:none;cursor:pointer;display:flex;gap:16px;justify-content:space-between;padding:16px;width:100%}[dir=ltr] .foxit-accordion-header{border-left:3px solid #0000;text-align:left;transition:border-left-color .2s ease,background-color .2s ease}[dir=rtl] .foxit-accordion-header{border-right:3px solid #0000;text-align:right;transition:border-right-color .2s ease,background-color .2s ease}.foxit-accordion-header:focus-visible{outline:2px solid #cfccff;outline-offset:-2px}.foxit-accordion-item-active .foxit-accordion-header{background-color:#fafaff}[dir=ltr] .foxit-accordion-item-active .foxit-accordion-header{border-left-color:#cfccff}[dir=rtl] .foxit-accordion-item-active .foxit-accordion-header{border-right-color:#cfccff}.foxit-accordion-item-disabled .foxit-accordion-header{cursor:not-allowed}.foxit-accordion-label{color:#373737;flex:1;font-size:18px;font-weight:500;line-height:1.5;transition:color .2s ease}.foxit-accordion-item-active .foxit-accordion-label{font-weight:600}.foxit-accordion-icon{flex-shrink:0;transition:transform .25s ease,color .2s ease}[dir=ltr] .foxit-accordion-item .foxit-accordion-icon{transform:rotate(-90deg)}[dir=rtl] .foxit-accordion-item .foxit-accordion-icon{transform:rotate(90deg)}.foxit-accordion-item.foxit-accordion-item-active .foxit-accordion-icon{transform:rotate(0deg)}.foxit-accordion-content-wrapper{display:grid;grid-template-rows:0fr;overflow:hidden;transition:grid-template-rows .28s ease}.foxit-accordion-content-wrapper-open{grid-template-rows:1fr}.foxit-accordion-content{color:#525252;font-size:16px;overflow:hidden;padding:0 16px}.foxit-accordion-content-wrapper-open .foxit-accordion-content{padding-bottom:20px;padding-top:16px}@media (max-width:1024px){.foxit-accordion-head{margin-bottom:24px}.foxit-accordion-title{font-size:24px}.foxit-accordion-label,.foxit-accordion-subtitle{font-size:16px}.foxit-accordion-content{font-size:14px}}.foxit-menu{border-radius:10px;font-size:14px;overflow:hidden}.foxit-menu-item-content{align-items:center;cursor:pointer;display:flex;padding:12px 16px}[dir=ltr] .foxit-menu-item{padding-left:0}[dir=rtl] .foxit-menu-item{padding-right:0}.foxit-menu-item.selected{background-color:#fff6f0!important;border-radius:10px;color:#ff5f00;font-weight:600}.foxit-menu-item:hover{background-color:#f5f6f8;border-radius:10px}.foxit-menu-submenu-title{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:12px 16px}.foxit-menu-submenu-title:hover{background-color:#f5f6f8;border-radius:10px}.foxit-menu-icon{transition:transform .3s ease-in-out}[dir=ltr] .foxit-menu-rotated-icon{transform:rotate(180deg)}[dir=rtl] .foxit-menu-rotated-icon{transform:rotate(-180deg)}.foxit-menu-item-label{font-weight:600}.foxit-menu-collapsed{transition:width .2s;width:50px!important}.foxit-menu-item-icon{align-items:center;display:inline-flex}[dir=ltr] .foxit-menu-item-icon{margin-right:8px}[dir=rtl] .foxit-menu-item-icon{margin-left:8px}.foxit-menu-item-icon-collapsed{font-size:16px}[dir=ltr] .foxit-menu-item-icon-collapsed{margin-right:0}[dir=rtl] .foxit-menu-item-icon-collapsed{margin-left:0}.foxit-menu-collapsed .foxit-menu-item-content,.foxit-menu-collapsed .foxit-menu-submenu-title{align-items:center;display:flex;justify-content:center;padding:12px}[dir=ltr] .foxit-menu-item-icon-mr8{margin-right:8px}[dir=rtl] .foxit-menu-item-icon-mr8{margin-left:8px}.foxit-menu-collapsed-item{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.foxit-menu-popup{background-color:#fff;border-radius:10px;box-shadow:0 3px 6px #0000001f,0 1px 3px #00000014;min-width:200px;padding:5px 0}.foxit-menu-popup-content{width:100%}.foxit-menu-popup-title{align-items:center;border-bottom:1px solid #f0f0f0;color:#333;display:flex;font-weight:600;padding:8px 16px}.foxit-menu-popup-title-no-border{border-bottom:none}.foxit-modal-content-container{background-color:#fff;border-radius:10px;display:flex;flex-direction:column;gap:24px;justify-content:space-between;max-height:70vh;min-width:320px}@media (max-width:600px){.foxit-modal-content-container{box-sizing:border-box;overflow-y:auto}}[dir=ltr] .foxit-modal-success{background:linear-gradient(135deg,#fffaf7,#f9ede3,#fffaf7,#f9ede3)}[dir=rtl] .foxit-modal-success{background:linear-gradient(-135deg,#fffaf7,#f9ede3,#fffaf7,#f9ede3)}.foxit-modal-head{align-items:center;column-gap:8px;display:flex;justify-content:space-between;padding:36px 36px 0}.foxit-modal-children{box-sizing:border-box;max-height:60vh;overflow-y:auto;padding:0 36px}@media (max-width:600px){.foxit-modal-children{height:auto;max-height:100%;overflow-y:initial}}.foxit-modal-title{font-size:20px;font-weight:700}.foxit-modal-success-icon{display:flex;height:94px;margin-top:-50px;width:115px}.foxit-modal-close-button{align-items:center;cursor:pointer;display:flex;height:16px;justify-content:center;width:16px}.foxit-modal-close-button svg{stroke:#6b7280}.foxit-modal-close-button:hover svg{stroke:#ea580c}.foxit-modal-footer{display:flex;flex-wrap:wrap;gap:16px;justify-content:flex-end;padding:0 36px 36px}@media (max-width:600px){.foxit-modal-footer{align-items:stretch;flex-direction:column;width:100%}}.foxit-modal-fixed-layout{align-items:center;display:flex;flex-direction:column;inset:0;padding:36px;position:fixed;z-index:99}.foxit-modal-justify-center{justify-content:center}.foxit-modal-justify-top{justify-content:flex-start;padding-top:96px}.foxit-modal-justify-bottom{justify-content:flex-end}.foxit-modal-overlay{cursor:pointer;height:100%;inset:0;position:fixed;width:100%;z-index:99}.foxit-modal-overlay-bg{background-color:#00000026;height:100%;inset:0;position:absolute;width:100%}.foxit-modal-content{align-items:center;display:flex;font-size:16px;font-weight:400;justify-content:center;max-height:100%;width:auto;z-index:99}.foxit-modal-opacity-0{opacity:0}.foxit-modal-opacity-100{opacity:1}.foxit-modal-scale-0{transform:scale(0)}.foxit-modal-scale-100{transform:scale(1)}.foxit-modal-transition{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.foxit-modal-hide-overflow{overflow-y:hidden}.foxit-switch{background-color:#ccc;border-radius:100px;cursor:pointer;display:inline-block;height:22px;line-height:22px;min-width:40px;position:relative;transition:background-color .3s;width:40px}.foxit-switch.small{height:14px;line-height:14px;min-width:24px;width:24px}.foxit-switch.checked{background-color:#ff5f00}.foxit-switch-handle{background-color:#fff;border-radius:50%;height:18px;position:absolute;top:2px;transition:transform .3s;width:18px}[dir=ltr] .foxit-switch-handle{transform:translateX(1px)}[dir=rtl] .foxit-switch-handle{transform:translateX(-1px)}.foxit-switch.small .foxit-switch-handle{height:12px;top:1px;width:12px}[dir=ltr] .foxit-switch.checked .foxit-switch-handle{transform:translateX(20px)}[dir=rtl] .foxit-switch.checked .foxit-switch-handle{transform:translateX(-20px)}[dir=ltr] .foxit-switch.small.checked .foxit-switch-handle{transform:translateX(11px)}[dir=rtl] .foxit-switch.small.checked .foxit-switch-handle{transform:translateX(-11px)}.foxit-spin{display:inline-block;pointer-events:none;position:relative;width:100%}.foxit-spin .foxit-spin-container{opacity:.5}.foxit-spin-spinning{animation:spin 1s linear infinite;color:#ff5f00}[dir=ltr] .foxit-spin-spinning{margin-right:8px}[dir=rtl] .foxit-spin-spinning{margin-left:8px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.foxit-spin-icon{position:absolute;top:50%}[dir=ltr] .foxit-spin-icon{left:50%;transform:translate(-50%,-50%)}[dir=rtl] .foxit-spin-icon{right:50%;transform:translate(50%,-50%)}.foxit-spin-small .foxit-spin-icon{font-size:16px}.foxit-spin-default .foxit-spin-icon{font-size:24px}.foxit-spin-large .foxit-spin-icon{font-size:32px}.foxit-alert{align-items:flex-start;border-radius:5px;display:flex;padding:12px}.foxit-alert-icon-container{height:20px;width:20px}[dir=ltr] .foxit-alert-icon-container{margin-right:8px}[dir=rtl] .foxit-alert-icon-container{margin-left:8px}.foxit-alert-icon{height:20px;width:20px}.foxit-alert-message{font-size:12px}.foxit-alert-success,.foxit-alert-warning{background-color:#f5fff2;border:1px solid #30dc6b}.foxit-alert-error{background-color:#fae5dd;border:1px solid #e22727}.foxit-alert-gradient{border:1px solid #ff5f00;display:block}[dir=ltr] .foxit-alert-gradient{background:linear-gradient(135deg,#fffaf7,#f9ede3,#fffaf7,#f9ede3)}[dir=rtl] .foxit-alert-gradient{background:linear-gradient(-135deg,#fffaf7,#f9ede3,#fffaf7,#f9ede3)}.foxit-alert-arrows{background-color:#fff;border:1px solid #ffb990;box-shadow:0 2px 8px #0000001a;position:relative}.foxit-alert-arrows-left:after,.foxit-alert-arrows-left:before{border-style:solid;content:"";height:0;position:absolute;top:50%;transform:translateY(-50%);width:0}[dir=ltr] .foxit-alert-arrows-left:after,[dir=ltr] .foxit-alert-arrows-left:before{left:-8px}[dir=rtl] .foxit-alert-arrows-left:after,[dir=rtl] .foxit-alert-arrows-left:before{right:-8px}[dir=ltr] .foxit-alert-arrows-left:before{border-color:#0000 #ffb990 #0000 #0000;border-width:9px 9px 9px 0;left:-9px}[dir=rtl] .foxit-alert-arrows-left:before{border-color:#0000 #0000 #0000 #ffb990;border-width:9px 0 9px 9px;right:-9px}[dir=ltr] .foxit-alert-arrows-left:after{border-color:#0000 #fff #0000 #0000;border-width:8px 8px 8px 0;left:-8px}[dir=rtl] .foxit-alert-arrows-left:after{border-color:#0000 #0000 #0000 #fff;border-width:8px 0 8px 8px;right:-8px}.foxit-alert-arrows-right:after,.foxit-alert-arrows-right:before{border-style:solid;content:"";height:0;position:absolute;top:50%;transform:translateY(-50%);width:0}[dir=ltr] .foxit-alert-arrows-right:after,[dir=ltr] .foxit-alert-arrows-right:before{right:-8px}[dir=rtl] .foxit-alert-arrows-right:after,[dir=rtl] .foxit-alert-arrows-right:before{left:-8px}[dir=ltr] .foxit-alert-arrows-right:before{border-color:#0000 #0000 #0000 #ffb990;border-width:9px 0 9px 9px;right:-9px}[dir=rtl] .foxit-alert-arrows-right:before{border-color:#0000 #ffb990 #0000 #0000;border-width:9px 9px 9px 0;left:-9px}[dir=ltr] .foxit-alert-arrows-right:after{border-color:#0000 #0000 #0000 #fff;border-width:8px 0 8px 8px;right:-8px}[dir=rtl] .foxit-alert-arrows-right:after{border-color:#0000 #fff #0000 #0000;border-width:8px 8px 8px 0;left:-8px}.foxit-quantity,.foxit-quantity-button{align-items:center;display:flex}.foxit-quantity-button{background-color:#ff5f00;border:none;border-radius:4px;color:#fff;cursor:pointer;height:16px;justify-content:center;margin-left:8px;margin-right:8px;width:16px}.foxit-quantity-button:disabled{background-color:#ffc2a0;cursor:not-allowed}.foxit-quantity-button>div{font-size:16px;margin-top:-3px}.foxit-quantity-number{border:1px solid #b3b3b3;border-radius:4px;color:#525252;flex:1;font-size:14px;height:24px;line-height:24px;outline:none!important;text-align:center;width:48px}.foxit-drawer-mask{background-color:#00000026;inset:0;opacity:0;pointer-events:none;position:fixed;transition:opacity .3s;z-index:99}.foxit-drawer-mask-open{opacity:1;pointer-events:auto}.foxit-drawer{background:#fff;height:100vh;overflow:auto;position:fixed;top:0;z-index:100}[dir=ltr] .foxit-drawer{box-shadow:-2px 0 8px #00000026;right:0;transition:right .3s}[dir=rtl] .foxit-drawer{box-shadow:2px 0 8px #00000026;left:0;transition:left .3s}.foxit-drawer-content{padding:24px}.foxit-steps{display:flex}.foxit-steps-horizontal{align-items:flex-start;flex-direction:row}.foxit-steps-vertical{flex-direction:column}.foxit-steps-item{display:flex;flex:1;position:relative}.foxit-steps-horizontal .foxit-steps-item{align-items:center;flex-direction:column;text-align:center}.foxit-steps-vertical .foxit-steps-item{align-items:flex-start;flex-direction:row;margin-bottom:16px}.foxit-steps-item-container{display:flex;position:relative;z-index:1}.foxit-steps-horizontal .foxit-steps-item-container{align-items:center;flex-direction:column}.foxit-steps-vertical .foxit-steps-item-container{align-items:flex-start;flex-direction:row}.foxit-steps-item-clickable .foxit-steps-item-container{cursor:pointer}.foxit-steps-item-clickable:hover .foxit-steps-item-title{color:FF5F00}.foxit-steps-item-icon{align-items:center;display:flex;justify-content:center;margin-bottom:8px;position:relative}.foxit-steps-vertical .foxit-steps-item-icon{margin-bottom:0;margin-top:4px}[dir=ltr] .foxit-steps-vertical .foxit-steps-item-icon{margin-right:16px}[dir=rtl] .foxit-steps-vertical .foxit-steps-item-icon{margin-left:16px}.foxit-steps-icon{align-items:center;border-radius:50%;display:flex;font-size:12px;height:16px;justify-content:center;transition:all .3s ease;width:16px}.foxit-steps-icon-wait{background-color:#fff;border:1px solid #cecece}.foxit-steps-icon-process{background-color:#ff5f00;border:1px solid #ff5f00}.foxit-steps-icon-finish{background-color:#fff;border:1px solid #ff5f00;color:#ff5f00}.foxit-steps-item-content{display:flex;flex-direction:column;min-width:0}.foxit-steps-horizontal .foxit-steps-item-content{align-items:center;text-align:center}.foxit-steps-vertical .foxit-steps-item-content{align-items:flex-start}[dir=ltr] .foxit-steps-vertical .foxit-steps-item-content{text-align:left}[dir=rtl] .foxit-steps-vertical .foxit-steps-item-content{text-align:right}.foxit-steps-item-title{color:#757575;font-size:14px;line-height:1.5;margin-bottom:4px;transition:color .3s ease}.foxit-steps-item-process .foxit-steps-item-title{color:#ff5f00;font-weight:700}.foxit-steps-item-description{color:#00000073;font-size:12px;line-height:1.5;max-width:120px}.foxit-steps-item-tail{height:1px;position:absolute;top:8px;width:calc(100% - 16px);z-index:0}[dir=ltr] .foxit-steps-item-tail{left:50%}[dir=rtl] .foxit-steps-item-tail{right:50%}[dir=ltr] .foxit-steps-horizontal .foxit-steps-item-tail{transform:translateX(8px)}[dir=rtl] .foxit-steps-horizontal .foxit-steps-item-tail{transform:translateX(-8px)}.foxit-steps-vertical .foxit-steps-item-tail{height:100%;position:absolute;top:20px;transform:none;width:1px}[dir=ltr] .foxit-steps-vertical .foxit-steps-item-tail{left:8px}[dir=rtl] .foxit-steps-vertical .foxit-steps-item-tail{right:8px}.foxit-steps-item-tail-line{background-color:#d9d9d9;height:100%;transition:background-color .3s ease;width:100%}.foxit-steps-item-finish .foxit-steps-item-tail-line{background-color:#ff6b35}.foxit-steps-item-process .foxit-steps-item-tail-line{background-color:#d9d9d9}

package/es/index.d.ts

@@ -2,6 +2,7 @@ import Checkbox from './Checkbox/Checkbox';
 import Empty from './Empty/Empty';
 import Form, { FormItem, useFormWatch } from './Form/Form';
 import Input, { SearchInput, PasswordInput, TextArea } from './Input/Input';
+import PhoneInput from './Input/PhoneInput';
 import Pagination from './Pagination/Pagination';
 import Radio from './Radio/Radio';
 import Select from './Select/Select';
@@ -11,13 +12,17 @@ import Tabs from './Tabs/Tabs';
 import Tag from './Tag/Tag';
 import Toast from './Toast/index';
 import Tooltip from './Tooltip/Tooltip';
+export { Accordion } from './Accordion/Accordion';
+export type { AccordionItem, AccordionProps } from './Accordion/Accordion';
 export { Button } from './Button/Button';
 export { Checkbox };
 export { Empty };
 export { Form, FormItem, useFormWatch };
 export type { FormRefInstance } from './Form/Form.types';
 export { Icon } from './Icon/index';
-export { Input, SearchInput, PasswordInput, TextArea };
+export { Input, SearchInput, PasswordInput, PhoneInput, TextArea };
+export type { PhoneInputFieldValue, PhoneInputProps, PhoneInputValue } from './Input/PhoneInput';
+export type { AreaCodeOption } from './Input/areaCodeData';
 export { Menu, getItem } from './Menu/Menu';
 export type { MenuItem } from './Menu/Menu';
 export { Modal } from './Modal/Modal';

package/es/index.js

@@ -2,6 +2,7 @@ export { default as Checkbox } from './Checkbox/Checkbox.js';
 export { default as Empty } from './Empty/Empty.js';
 export { default as Form } from './Form/Form.js';
 export { default as Input, PasswordInput, SearchInput, TextArea } from './Input/Input.js';
+export { default as PhoneInput } from './Input/PhoneInput.js';
 export { default as Pagination } from './Pagination/Pagination.js';
 export { default as Radio } from './Radio/Radio.js';
 export { default as Select } from './Select/Select.js';
@@ -10,6 +11,7 @@ export { default as Tabs } from './Tabs/Tabs.js';
 export { default as Tag } from './Tag/Tag.js';
 export { default as Toast } from './Toast/index.js';
 export { default as Tooltip } from './Tooltip/Tooltip.js';
+export { Accordion } from './Accordion/Accordion.js';
 export { Button } from './Button/Button.js';
 export { Icon } from './Icon/index.js';
 export { Menu, getItem } from './Menu/Menu.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "foxit-component",
-  "version": "1.0.5",
+  "version": "1.0.6",
   "author": {
     "name": "linye",
     "email": "869675630@qq.com"