foxit-component 0.0.1-alpha.4 → 0.0.1-alpha.6

package/es/Button/Button.d.ts

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

package/es/Button/Button.js

@@ -1,12 +1,12 @@
 import { __rest, __assign } from '../node_modules/tslib/tslib.es6.js';
-import { jsx } from 'react/jsx-runtime';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import classNames from 'classnames';
-import './button.css.js';
+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.children, children = _d === void 0 ? '' : _d, className = _a.className, style = _a.style, props = __rest(_a, ["primary", "size", "children", "className", "style"]);
+    var _b = _a.primary, primary = _b === void 0 ? false : _b, _c = _a.size, size = _c === void 0 ? 'large' : _c, _d = _a.children, children = _d === void 0 ? '' : _d, className = _a.className, style = _a.style, loading = _a.loading, props = __rest(_a, ["primary", "size", "children", "className", "style", "loading"]);
     var mode = primary ? 'foxit-button-primary' : 'foxit-button-secondary';
-    return (jsx("button", __assign({ type: "button", className: classNames('foxit-button', "foxit-button-".concat(size), mode, className), style: style }, props, { children: children })));
+    return (jsxs("button", __assign({ type: "button", className: classNames('foxit-button', "foxit-button-".concat(size), mode, className), style: style }, props, { children: [loading && jsx(Icon, { name: "LoadingOutlined", className: "foxit-button-loading" }), children] })));
 };
 
 export { Button };

package/es/Checkbox/Checkbox.js

@@ -1,7 +1,6 @@
 import { __assign } from '../node_modules/tslib/tslib.es6.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { useState } from 'react';
-import './checkbox.css.js';
 
 var Checkbox = function (_a) {
     var onChange = _a.onChange, checked = _a.checked, _b = _a.disabled, disabled = _b === void 0 ? false : _b, children = _a.children;

package/es/Empty/Empty.js

@@ -1,7 +1,6 @@
 import { __assign } from '../node_modules/tslib/tslib.es6.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { Icon } from '../Icon/index.js';
-import './empty.css.js';
 
 var Empty = function (_a) {
     var description = _a.description;

package/es/Form/Form.js

@@ -3,7 +3,6 @@ import { jsx } from 'react/jsx-runtime';
 import { forwardRef, useRef, useCallback, useImperativeHandle } from 'react';
 import FormProvider from './FormProvider.js';
 import './FormContext.js';
-import './form.css.js';
 
 var Form = function (_a, ref) {
     var children = _a.children, onFinish = _a.onFinish, initialValues = _a.initialValues;

package/es/Form/FormItem.js

@@ -2,7 +2,6 @@ import { __assign } from '../node_modules/tslib/tslib.es6.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import React, { useContext, useEffect, useCallback } from 'react';
 import { FormContext } from './FormContext.js';
-import './form.css.js';
 
 var FormItem = function (_a) {
     var _b, _c, _d;

package/es/Form/FormProvider.js

@@ -1,43 +1,39 @@
 import { __assign } from '../node_modules/tslib/tslib.es6.js';
 import { jsx } from 'react/jsx-runtime';
-import { forwardRef, useState, useRef, useEffect, useCallback, useImperativeHandle } from 'react';
+import { forwardRef, useRef, useState, useEffect, useCallback, useImperativeHandle } from 'react';
 import { FormContext } from './FormContext.js';
 
 var FormProvider = function (_a, ref) {
     var children = _a.children, _b = _a.initialValues, initialValues = _b === void 0 ? {} : _b;
-    var _c = useState({}), formFields = _c[0], setFormFields = _c[1];
+    var formFieldsRef = useRef({});
+    var _c = useState({}), forceUpdate = _c[1]; // Used to force re-render when ref changes
     var formInstanceRef = useRef({});
     // 初始值的设置
     useEffect(function () {
         if (Object.keys(initialValues).length > 0) {
-            setFormFields(function (prevFields) {
-                var newFields = __assign({}, prevFields);
-                for (var key in initialValues) {
-                    if (!newFields[key]) {
-                        newFields[key] = { value: initialValues[key], rules: [] };
-                    }
-                    else {
-                        newFields[key] = __assign(__assign({}, newFields[key]), { value: initialValues[key] });
-                    }
+            formFieldsRef.current = __assign({}, formFieldsRef.current); // Create a new object
+            for (var key in initialValues) {
+                if (!formFieldsRef.current[key]) {
+                    formFieldsRef.current[key] = { value: initialValues[key], rules: [] };
                 }
-                return newFields;
-            });
+                else {
+                    formFieldsRef.current[key] = __assign(__assign({}, formFieldsRef.current[key]), { value: initialValues[key] });
+                }
+            }
+            forceUpdate({}); // Trigger re-render
         }
     }, [initialValues]);
     // 注册字段
     var registerField = useCallback(function (name, rules) {
-        setFormFields(function (prevFields) {
-            var _a;
-            return (__assign(__assign({}, prevFields), (_a = {}, _a[name] = __assign(__assign({}, prevFields[name]), { rules: rules || [] }), _a)));
-        });
+        formFieldsRef.current = __assign({}, formFieldsRef.current); // Create a new object
+        formFieldsRef.current[name] = __assign(__assign({}, formFieldsRef.current[name]), { rules: rules || [] });
+        forceUpdate({}); // Trigger re-render
     }, []);
     // 销毁字段
     var unregisterField = useCallback(function (name) {
-        setFormFields(function (prevFields) {
-            var newFields = __assign({}, prevFields);
-            delete newFields[name];
-            return newFields;
-        });
+        formFieldsRef.current = __assign({}, formFieldsRef.current); // Create a new object
+        delete formFieldsRef.current[name];
+        forceUpdate({}); // Trigger re-render
     }, []);
     // 验证字段
     var validateField = useCallback(function (name, value, rules) {
@@ -77,78 +73,74 @@ var FormProvider = function (_a, ref) {
     }, []);
     // 设置字段值
     var setFieldsValue = useCallback(function (values) {
-        setFormFields(function (prevFields) {
-            var _a;
-            var newFields = __assign({}, prevFields);
-            for (var key in values) {
-                if (Object.prototype.hasOwnProperty.call(values, key)) {
-                    var newValue = values[key];
-                    newFields[key] = __assign(__assign({}, newFields[key]), { value: newValue });
-                    // 验证字段
-                    var validation = validateField(key, newValue, ((_a = newFields[key]) === null || _a === void 0 ? void 0 : _a.rules) || []);
-                    if (validation) {
-                        if (validation.type === 'error') {
-                            newFields[key] = __assign(__assign({}, newFields[key]), { error: validation.message, warning: undefined // Clear any previous warnings
-                             });
-                        }
-                        else if (validation.type === 'warning') {
-                            newFields[key] = __assign(__assign({}, newFields[key]), { warning: validation.message, error: undefined // Clear any previous errors
-                             });
-                        }
+        var _a;
+        formFieldsRef.current = __assign({}, formFieldsRef.current); // Create a new object
+        for (var key in values) {
+            if (Object.prototype.hasOwnProperty.call(values, key)) {
+                var newValue = values[key];
+                formFieldsRef.current[key] = __assign(__assign({}, formFieldsRef.current[key]), { value: newValue });
+                // 验证字段
+                var validation = validateField(key, newValue, ((_a = formFieldsRef.current[key]) === null || _a === void 0 ? void 0 : _a.rules) || []);
+                if (validation) {
+                    if (validation.type === 'error') {
+                        formFieldsRef.current[key] = __assign(__assign({}, formFieldsRef.current[key]), { error: validation.message, warning: undefined // Clear any previous warnings
+                         });
                     }
-                    else {
-                        newFields[key] = __assign(__assign({}, newFields[key]), { error: undefined, warning: undefined });
+                    else if (validation.type === 'warning') {
+                        formFieldsRef.current[key] = __assign(__assign({}, formFieldsRef.current[key]), { warning: validation.message, error: undefined // Clear any previous errors
+                         });
                     }
                 }
+                else {
+                    formFieldsRef.current[key] = __assign(__assign({}, formFieldsRef.current[key]), { error: undefined, warning: undefined });
+                }
             }
-            return newFields;
-        });
-    }, [formFields, validateField]);
+        }
+        forceUpdate({}); // Trigger re-render
+    }, [validateField]);
     // 获取字段值
     var getFieldsValue = useCallback(function (names) {
         if (!names) {
-            return Object.keys(formFields).reduce(function (acc, key) {
-                acc[key] = formFields[key].value;
+            return Object.keys(formFieldsRef.current).reduce(function (acc, key) {
+                acc[key] = formFieldsRef.current[key].value;
                 return acc;
             }, {});
         }
         return names.reduce(function (acc, key) {
             var _a;
-            acc[key] = (_a = formFields[key]) === null || _a === void 0 ? void 0 : _a.value;
+            acc[key] = (_a = formFieldsRef.current[key]) === null || _a === void 0 ? void 0 : _a.value;
             return acc;
         }, {});
-    }, [formFields]);
+    }, []);
     // 重置字段
     var resetFields = useCallback(function (names) {
-        setFormFields(function (prevFields) {
-            var newFields = __assign({}, prevFields);
-            if (names) {
-                names.forEach(function (name) {
-                    if (newFields[name]) {
-                        newFields[name].value = initialValues[name] || '';
-                        newFields[name].error = undefined;
-                        newFields[name].warning = undefined;
-                    }
-                });
-            }
-            else {
-                Object.keys(newFields).forEach(function (key) {
-                    newFields[key].value = initialValues[key] || '';
-                    newFields[key].error = undefined;
-                    newFields[key].warning = undefined;
-                });
-            }
-            return newFields;
-        });
-    }, [formFields, initialValues]);
+        formFieldsRef.current = __assign({}, formFieldsRef.current); // Create a new object
+        if (names) {
+            names.forEach(function (name) {
+                if (formFieldsRef.current[name]) {
+                    formFieldsRef.current[name].value = initialValues[name] || '';
+                    formFieldsRef.current[name].error = undefined;
+                    formFieldsRef.current[name].warning = undefined;
+                }
+            });
+        }
+        else {
+            Object.keys(formFieldsRef.current).forEach(function (key) {
+                formFieldsRef.current[key].value = initialValues[key] || '';
+                formFieldsRef.current[key].error = undefined;
+                formFieldsRef.current[key].warning = undefined;
+            });
+        }
+        forceUpdate({}); // Trigger re-render
+    }, [initialValues]);
     var validateFields = useCallback(function (names) {
         return new Promise(function (resolve, reject) {
-            var fieldsToValidate = names || Object.keys(formFields);
+            var fieldsToValidate = names || Object.keys(formFieldsRef.current);
             var values = getFieldsValue(fieldsToValidate);
             var errors = {};
             for (var _i = 0, fieldsToValidate_1 = fieldsToValidate; _i < fieldsToValidate_1.length; _i++) {
                 var key = fieldsToValidate_1[_i];
-                var field = formFields[key];
+                var field = formFieldsRef.current[key];
                 if (!field)
                     continue; // Skip if field is not registered
                 var validation = validateField(key, values[key], field.rules || []);
@@ -162,55 +154,49 @@ var FormProvider = function (_a, ref) {
                 }
             }
             if (Object.keys(errors).length > 0) {
-                setFormFields(function (prevFields) {
-                    var newFields = __assign({}, prevFields);
-                    for (var key in errors) {
-                        newFields[key] = __assign(__assign({}, newFields[key]), { error: errors[key] });
-                    }
-                    return newFields;
-                });
+                formFieldsRef.current = __assign({}, formFieldsRef.current); // Create a new object
+                for (var key in errors) {
+                    formFieldsRef.current[key] = __assign(__assign({}, formFieldsRef.current[key]), { error: errors[key] });
+                }
+                forceUpdate({}); // Trigger re-render
                 reject(errors);
             }
             else {
                 resolve(values);
             }
         });
-    }, [formFields, getFieldsValue, validateField]);
+    }, [getFieldsValue, validateField]);
     var setFieldsStatus = useCallback(function (status) {
-        setFormFields(function (prevFields) {
-            var newFields = __assign({}, prevFields);
-            status.forEach(function (_a) {
-                var type = _a.type, name = _a.name, message = _a.message;
-                if (Array.isArray(name)) {
-                    name.forEach(function (n) {
-                        if (newFields[n]) {
-                            // Only update if field exists
-                            if (type === 'error') {
-                                newFields[n] = __assign(__assign({}, newFields[n]), { error: message });
-                            }
-                            else if (type === 'warning') {
-                                newFields[n] = __assign(__assign({}, newFields[n]), { warning: message });
-                            }
-                        }
-                    });
-                }
-                else {
-                    if (newFields[name]) {
+        formFieldsRef.current = __assign({}, formFieldsRef.current); // Create a new object
+        status.forEach(function (_a) {
+            var type = _a.type, name = _a.name, message = _a.message;
+            if (Array.isArray(name)) {
+                name.forEach(function (n) {
+                    if (formFieldsRef.current[n]) {
                         // Only update if field exists
                         if (type === 'error') {
-                            newFields[name] = __assign(__assign({}, newFields[name]), { error: message });
+                            formFieldsRef.current[n] = __assign(__assign({}, formFieldsRef.current[n]), { error: message });
                         }
                         else if (type === 'warning') {
-                            newFields[name] = __assign(__assign({}, newFields[name]), { warning: message });
+                            formFieldsRef.current[n] = __assign(__assign({}, formFieldsRef.current[n]), { warning: message });
                         }
                     }
+                });
+            }
+            else {
+                if (formFieldsRef.current[name]) {
+                    // Only update if field exists
+                    if (type === 'error') {
+                        formFieldsRef.current[name] = __assign(__assign({}, formFieldsRef.current[name]), { error: message });
+                    }
+                    else if (type === 'warning') {
+                        formFieldsRef.current[name] = __assign(__assign({}, formFieldsRef.current[name]), { warning: message });
+                    }
                 }
-            });
-            return newFields;
+            }
         });
-    }, [formFields]);
-    // 暴露给外部的方法
-    useImperativeHandle(ref, function () { return (__assign({}, formInstanceRef.current)); });
+        forceUpdate({}); // Trigger re-render
+    }, []);
     formInstanceRef.current = {
         setFieldsValue: setFieldsValue,
         getFieldsValue: getFieldsValue,
@@ -220,7 +206,9 @@ var FormProvider = function (_a, ref) {
         registerField: registerField,
         unregisterField: unregisterField
     };
-    return (jsx(FormContext.Provider, __assign({ value: { form: formInstanceRef.current, formFields: formFields } }, { children: children })));
+    // 暴露给外部的方法
+    useImperativeHandle(ref, function () { return (__assign({}, formInstanceRef.current)); });
+    return (jsx(FormContext.Provider, __assign({ value: { form: formInstanceRef.current, formFields: formFieldsRef.current } }, { children: children })));
 };
 var FormProvider$1 = forwardRef(FormProvider);
 

package/es/Input/Input.js

@@ -2,7 +2,6 @@ import { __rest, __assign } from '../node_modules/tslib/tslib.es6.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { useState } from 'react';
 import classNames from 'classnames';
-import './input.css.js';
 import { Icon } from '../Icon/index.js';
 
 var Input = function (_a) {
@@ -11,12 +10,13 @@ var Input = function (_a) {
 };
 var SearchInput = function (_a) {
     var onSearch = _a.onSearch, rest = __rest(_a, ["onSearch"]);
+    var _b = useState(rest.value || ''), value = _b[0], setValue = _b[1];
     var handleSearch = function () {
         if (onSearch) {
-            onSearch(rest.value);
+            onSearch(value);
         }
     };
-    return (jsx(Input, __assign({}, rest, { addonAfter: jsx("div", __assign({ style: { display: 'flex' }, onClick: handleSearch }, { children: jsx(Icon, { name: "SearchOutlined" }) })) })));
+    return (jsx(Input, __assign({}, rest, { onChange: function (e) { return setValue(e.target.value); }, addonAfter: jsx("div", __assign({ style: { display: 'flex' }, onClick: handleSearch }, { children: jsx(Icon, { name: "SearchOutlined" }) })) })));
 };
 var PasswordInput = function (props) {
     var _a = useState(false), visible = _a[0], setVisible = _a[1];

package/es/Menu/Menu.js

@@ -2,7 +2,6 @@ import { __assign, __spreadArray } from '../node_modules/tslib/tslib.es6.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { useState } from 'react';
 import { Icon } from '../Icon/index.js';
-import './menu.css.js';
 
 var getItem = function (label, key, icon, children, type) {
     return {

package/es/Modal/Modal.js

@@ -1,17 +1,45 @@
-import { __assign } from '../node_modules/tslib/tslib.es6.js';
+import { __assign, __awaiter, __generator } from '../node_modules/tslib/tslib.es6.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
+import { useState } from 'react';
 import { Icon } from '../Icon/index.js';
 import { createRoot } from 'react-dom/client';
 import { Modal as Modal$1 } from './ModalTemp.js';
 import { Button } from '../Button/Button.js';
-import './modal.css.js';
 
 var ModalContent = function (_a) {
     var title = _a.title, onCancel = _a.onCancel, _b = _a.onCancelText, onCancelText = _b === void 0 ? undefined : _b, onOk = _a.onOk, _c = _a.onOkText, onOkText = _c === void 0 ? undefined : _c, children = _a.children, _d = _a.width, width = _d === void 0 ? '400px' : _d;
+    var _e = useState(false), okLoading = _e[0], setOkLoading = _e[1];
+    var handleOk = function () { return __awaiter(void 0, void 0, void 0, function () {
+        var result;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    if (!onOk) return [3 /*break*/, 6];
+                    _a.label = 1;
+                case 1:
+                    _a.trys.push([1, , 5, 6]);
+                    result = onOk();
+                    if (!(result instanceof Promise)) return [3 /*break*/, 3];
+                    setOkLoading(true);
+                    return [4 /*yield*/, result];
+                case 2:
+                    _a.sent();
+                    return [3 /*break*/, 4];
+                case 3:
+                    onOk();
+                    _a.label = 4;
+                case 4: return [3 /*break*/, 6];
+                case 5:
+                    setOkLoading(false);
+                    return [7 /*endfinally*/];
+                case 6: return [2 /*return*/];
+            }
+        });
+    }); };
     return (jsxs("div", __assign({ className: "foxit-modal-content-container", style: {
             maxWidth: width,
             width: width
-        } }, { children: [jsxs("div", __assign({ className: "foxit-modal-head" }, { children: [jsx("div", __assign({ className: "foxit-modal-title" }, { children: title })), jsx("div", __assign({ onClick: onCancel, className: "foxit-modal-close-button" }, { children: jsx(Icon, { name: "CloseOutlined" }) }))] })), jsx("div", { children: children }), jsxs("div", __assign({ className: "foxit-modal-footer" }, { children: [onCancelText && (jsx(Button, __assign({ size: "medium", onClick: onCancel }, { children: onCancelText }))), onOkText && (jsx(Button, __assign({ primary: true, size: "medium", onClick: onOk }, { children: onOkText })))] }))] })));
+        } }, { children: [jsxs("div", __assign({ className: "foxit-modal-head" }, { children: [jsx("div", __assign({ className: "foxit-modal-title" }, { children: title })), jsx("div", __assign({ onClick: onCancel, className: "foxit-modal-close-button" }, { children: jsx(Icon, { name: "CloseOutlined" }) }))] })), jsx("div", { children: children }), jsxs("div", __assign({ className: "foxit-modal-footer" }, { children: [onCancelText && (jsx(Button, __assign({ size: "medium", onClick: onCancel }, { children: onCancelText }))), onOkText && (jsx(Button, __assign({ primary: true, size: "medium", onClick: handleOk, loading: okLoading }, { 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;
@@ -30,10 +58,24 @@ Modal.confirm = function (_a) {
     root.render(jsx(Modal$1, __assign({ opened: true, onClose: handleClose, maskClosable: maskClosable, position: "top" }, { children: jsx(ModalContent, __assign({ title: title, width: width, onCancel: function () {
                 onCancel === null || onCancel === void 0 ? void 0 : onCancel();
                 handleClose();
-            }, onCancelText: onCancelText, onOk: function () {
-                onOk === null || onOk === void 0 ? void 0 : onOk();
-                handleClose();
-            }, onOkText: onOkText }, { children: content })) })));
+            }, onCancelText: onCancelText, onOk: 
+            // 判断传进来的onOk是否为async函数
+            onOk instanceof Function && onOk.constructor.name === 'AsyncFunction' ?
+                function () { return __awaiter(void 0, void 0, void 0, function () {
+                    return __generator(this, function (_a) {
+                        switch (_a.label) {
+                            case 0: return [4 /*yield*/, onOk()];
+                            case 1:
+                                _a.sent();
+                                handleClose();
+                                return [2 /*return*/];
+                        }
+                    });
+                }); } :
+                function () {
+                    onOk === null || onOk === void 0 ? void 0 : onOk();
+                    handleClose();
+                }, onOkText: onOkText }, { children: content })) })));
 };
 
 export { Modal };

package/es/Modal/ModalTemp.js

@@ -4,7 +4,6 @@ import { useState, useEffect, useRef } from 'react';
 import { CSSTransition } from 'react-transition-group';
 import { createPortal } from 'react-dom';
 import classNames from 'classnames';
-import './modal.css.js';
 
 var contentAnimation = {
     enter: 'foxit-modal-opacity-0 foxit-modal-scale-0',

package/es/Pagination/Pagination.js

@@ -1,7 +1,6 @@
 import { __assign } from '../node_modules/tslib/tslib.es6.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { useState, useEffect } from 'react';
-import './pagination.css.js';
 
 var $_MORE = 9999999999;
 var Pagination = function (_a) {

package/es/Radio/Radio.js

@@ -1,7 +1,6 @@
 import { __assign } from '../node_modules/tslib/tslib.es6.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { createContext, useContext, useState } from 'react';
-import './radio.css.js';
 
 var RadioContext = createContext({});
 var Radio = function (_a) {

package/es/Select/Select.d.ts

@@ -12,6 +12,8 @@ export interface SelectProps {
     isMulti?: boolean;
     placeholder?: string;
     preIcon?: React.ReactNode;
+    value?: string | number;
+    onChange?: (v: unknown) => void;
 }
 declare const Select: React.FC<SelectProps>;
 export default Select;

package/es/Select/Select.js

@@ -5,15 +5,18 @@ import classNames from 'classnames';
 import { Icon } from '../Icon/index.js';
 
 var Select = function (_a) {
-    var options = _a.options, className = _a.className, defaultValue = _a.defaultValue, isDisabled = _a.isDisabled, isClearable = _a.isClearable, isSearchable = _a.isSearchable, isMulti = _a.isMulti, _b = _a.placeholder, placeholder = _b === void 0 ? 'Select...' : _b, preIcon = _a.preIcon, rest = __rest(_a, ["options", "className", "defaultValue", "isDisabled", "isClearable", "isSearchable", "isMulti", "placeholder", "preIcon"]);
+    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, rest = __rest(_a, ["options", "className", "defaultValue", "isDisabled", "isClearable", "isSearchable", "isMulti", "placeholder", "preIcon", "value", "onChange"]);
     var customStyles = {
-        control: function (styles) { return (__assign(__assign({}, styles), { backgroundColor: 'white', 
-            // minWidth: 200,
-            height: 48, borderRadius: 10, fontSize: 14, boxShadow: 'none', border: '1px solid #B3B3B3', ':hover': {
-                border: '1px solid #757575'
-            }, ':focus-within': {
-                border: '1px solid #FF5F00'
-            } })); },
+        control: function (styles, _a) {
+            var isDisabled = _a.isDisabled;
+            return (__assign(__assign({}, styles), { backgroundColor: isDisabled ? '#f8f8f8' : 'white', 
+                // minWidth: 200,
+                height: 48, paddingLeft: 8, borderRadius: 10, fontSize: 14, boxShadow: 'none', border: '1px solid #D9D9D9', ':hover': {
+                    border: '1px solid #757575'
+                }, ':focus-within': {
+                    border: '1px solid #FF5F00'
+                } }));
+        },
         option: function (styles, _a) {
             var isSelected = _a.isSelected, isFocused = _a.isFocused;
             return __assign(__assign({}, styles), { backgroundColor: isFocused ? '#FFF6F0' : 'white', color: isSelected ? '#FF5F00' : '#666', ':hover': {
@@ -26,7 +29,7 @@ var Select = function (_a) {
     };
     var CustomControl = function (props) { return (jsxs(components.Control, __assign({}, props, { children: [preIcon && (jsx("div", __assign({ style: {
                     display: 'flex',
-                    paddingLeft: 16,
+                    paddingLeft: 8,
                     marginRight: -4,
                     color: props.hasValue ? '#525252' : '#B3B3B3'
                 } }, { children: preIcon }))), props.children] }))); };
@@ -36,7 +39,7 @@ var Select = function (_a) {
                 return Array.isArray(defaultValue) &&
                     defaultValue.includes(option.value);
             })
-            : options.find(function (option) { return option.value === defaultValue; }), isDisabled: isDisabled, isClearable: isClearable, isSearchable: isSearchable, isMulti: isMulti, components: { Control: CustomControl, Option: CustomOptionComp } }, rest)));
+            : options.find(function (option) { return option.value === defaultValue; }), isDisabled: isDisabled, isClearable: isClearable, isSearchable: isSearchable, isMulti: isMulti, components: { Control: CustomControl, Option: CustomOptionComp } }, rest, { onChange: onChange, value: options.find(function (option) { return option.value === value; }) })));
 };
 
 export { Select as default };

package/es/Table/Table.js

@@ -1,6 +1,5 @@
 import { __assign } from '../node_modules/tslib/tslib.es6.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
-import './table.css.js';
 
 var Table = function (_a) {
     var columns = _a.columns, data = _a.data;
@@ -9,7 +8,10 @@ var Table = function (_a) {
                                 textAlign: column.align || 'left'
                             } }, { children: column.title }), index)); }) }) }), jsx("tbody", { children: data.map(function (record, rowIndex) { return (jsx("tr", __assign({ className: rowIndex % 2 === 0 ? 'foxit-even-row' : 'foxit-odd-row' }, { children: columns.map(function (column, colIndex) { return (jsx("td", __assign({ style: { textAlign: column.align || 'left' } }, { children: column.render
                                 ? column.render(record[column.dataIndex], record)
-                                : record[column.dataIndex] }), colIndex)); }) }), rowIndex)); }) })] })) })));
+                                : (typeof record[column.dataIndex] === 'object'
+                                    ? JSON.stringify(record[column.dataIndex]) // 将对象转换为字符串
+                                    : String(record[column.dataIndex])) // 确保它是一个字符串
+                         }), colIndex)); }) }), rowIndex)); }) })] })) })));
 };
 
 export { Table as default };

package/es/Tabs/Tabs.js

@@ -1,7 +1,6 @@
 import { __assign } from '../node_modules/tslib/tslib.es6.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { useState } from 'react';
-import './tabs.css.js';
 
 var ButtonTabs = function (_a) {
     var _b;

package/es/Tag/Tag.js

@@ -1,6 +1,5 @@
 import { __assign } from '../node_modules/tslib/tslib.es6.js';
 import { jsx } from 'react/jsx-runtime';
-import './tag.css.js';
 
 var Tag = function (_a) {
     var color = _a.color, children = _a.children;

package/es/Toast/Toast.js

@@ -3,7 +3,6 @@ import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { useState, useRef, useEffect } from 'react';
 import { CSSTransition } from 'react-transition-group';
 import classNames from 'classnames';
-import './toast.css.js';
 import { Icon } from '../Icon/index.js';
 
 var Toast = function (_a) {

package/es/Toast/ToastContainer.js

@@ -2,7 +2,6 @@ import { __assign } from '../node_modules/tslib/tslib.es6.js';
 import { jsx, Fragment } from 'react/jsx-runtime';
 import { useState, useEffect } from 'react';
 import { createRoot } from 'react-dom/client';
-import './toast.css.js';
 import Toast from './Toast.js';
 
 var createToastContainer = function (toastManager, duration, unique) {

package/es/Tooltip/Tooltip.js

@@ -1,7 +1,6 @@
 import { __assign } from '../node_modules/tslib/tslib.es6.js';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 import { useState, useRef } from 'react';
-import './tooltip.css.js';
 
 var Tooltip = function (_a) {
     var title = _a.title, children = _a.children;

package/es/index.css

@@ -0,0 +1 @@
+.foxit-checkbox-container{cursor:pointer;display:inline-block;padding-left:25px;position:relative;-webkit-user-select:none;user-select:none}.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;left:0;position:absolute;top:0;width:20px}.foxit-checkbox-content{line-height:20px}.foxit-checkbox-container input:checked~.foxit-checkbox-checkmark{background-color:#ff5f00;border:none}.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;border-width:0 2px 2px 0;height:10px;left:7px;top:4px;transform:rotate(45deg);width:6px}.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:16px}.foxit-form-item label{color:#525252;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.foxit-form-error-text{color:#e22727;font-size:12px;margin-top:8px}.foxit-form-warning-text{color:orange;margin-top:8px}.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}.foxit-input-element::placeholder{color:#b3b3b3}.foxit-input-addon{align-items:center;color:#b3b3b3;cursor:pointer;display:flex;padding:0 8px;transition:color .3s}.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}.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-radio-container{cursor:pointer;display:inline-block;padding-left:25px;position:relative;-webkit-user-select:none;user-select:none}.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;left:0;position:absolute;top:0;width:20px}.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;left:4px;top:4px;width:10px}.foxit-radio-container.disabled{cursor:not-allowed;opacity:.6}.foxit-table{border:1px solid #ff5f00;border-radius:10px;color:#373737;overflow:hidden}.foxit-table-container{border-collapse:collapse;width:100%}.foxit-table-container td,.foxit-table-container th{height:70px;min-height:70px;padding:24px}.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-tabs{display:flex;gap:8px}.foxit-tab-item{background-color:#f1f3f4;border:none;border-radius:10px;color:#757575;cursor:pointer;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-tag{border-radius:5px;display:inline-block;font-size:12px;font-weight:600;height:24px;min-height:24px;padding:4px 8px;white-space:nowrap}.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-toast-container{left:50%;pointer-events:none;position:fixed;top:0;transform:translateX(-50%);transition-delay:0s;transition-duration:.5s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);width:100%;z-index:2000}.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:300px;padding:12px 16px;width:max-content;z-index:1}.foxit-tooltip-arrow,.foxit-tooltip-content{left:50%;position:absolute;transform:translateX(-50%)}.foxit-tooltip-arrow{border-left:5px solid #0000;border-right:5px solid #0000;border-top:5px solid #525252;bottom:-5px;height:0;width:0}.foxit-button{align-items:center;border:0;border-radius:10px;cursor:pointer;display:flex;font-size:14px;font-weight:600;justify-content:center;letter-spacing:.42px}.foxit-button:hover{opacity:.8}.foxit-button-primary{background-color:#ff5f00;color:#fff}.foxit-button-secondary{background-color:#fff;border:2px solid #ff5f00;color:#ff5f00}.foxit-button-small{border-radius:5px;height:38px;padding-left:24px;padding-right:24px}.foxit-button-small svg{height:16px;width:16px}.foxit-button-medium{border-radius:5px;height:44px;padding-left:32px;padding-right:32px}.foxit-button-medium svg{height:20px;width:20px}.foxit-button-large{height:56px;padding-left:32px;padding-right:32px}.foxit-button-loading{animation:spin 1s linear infinite;color:#fff;margin-right:8px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.foxit-menu{border-radius:10px;box-shadow:0 2px 8px #00000026;font-size:14px;overflow:hidden}.foxit-menu-item-content{align-items:center;cursor:pointer;display:flex;padding:12px 16px}.foxit-menu-item{padding-left:0}.foxit-menu-item.selected{background-color:#fff6f0!important;color:#ff5f00;font-weight:600}.foxit-menu-item:hover{background-color:#f5f6f8}.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}.foxit-menu-icon{transition:transform .3s ease-in-out}.foxit-menu-rotated-icon{transform:rotate(180deg)}.foxit-menu-item-label{font-weight:600}.foxit-modal-content-container{background-color:#fff;border-radius:10px;display:flex;flex-direction:column;gap:24px;justify-content:space-between;min-width:320px;padding:24px}.foxit-modal-head{align-items:center;display:flex;justify-content:space-between}.foxit-modal-title{font-size:20px;font-weight:500}.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;gap:16px;justify-content:flex-end}.foxit-modal-fixed-layout{align-items:center;display:flex;flex-direction:column;inset:0;padding:36px;position:fixed;z-index:50}.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:50}.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:50}.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}

package/es/node_modules/tslib/tslib.es6.js

@@ -38,6 +38,44 @@ function __rest(s, e) {
     return t;
 }
 
+function __awaiter(thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+}
+
+function __generator(thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
+    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+}
+
 function __spreadArray(to, from, pack) {
     if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
         if (ar || !(i in from)) {
@@ -53,4 +91,4 @@ typeof SuppressedError === "function" ? SuppressedError : function (error, suppr
     return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
 };
 
-export { __assign, __rest, __spreadArray };
+export { __assign, __awaiter, __generator, __rest, __spreadArray };

package/package.json

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

package/es/Button/button.css.js

@@ -1,6 +0,0 @@
-import styleInject from '../node_modules/style-inject/dist/style-inject.es.js';
-
-var css_248z = ".foxit-button {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  cursor: pointer;\n  border: 0;\n  border-radius: 10px;\n  font-weight: 600;\n  font-size: 14px;\n  letter-spacing: 0.42px;\n}\n\n.foxit-button:hover {\n  opacity: 0.8;\n}\n\n.foxit-button-primary {\n  background-color: #ff5f00;\n  color: white;\n}\n.foxit-button-secondary {\n  border: 2px solid #ff5f00;\n  background-color: white;\n  color: #ff5f00;\n}\n\n.foxit-button-small {\n  padding-left: 24px;\n  padding-right: 24px;\n  border-radius: 5px;\n  height: 38px;\n}\n\n.foxit-button-medium {\n  padding-left: 32px;\n  padding-right: 32px;\n  border-radius: 5px;\n  height: 44px;\n}\n.foxit-button-large {\n  padding-left: 32px;\n  padding-right: 32px;\n  height: 56px;\n}\n";
-styleInject(css_248z);
-
-export { css_248z as default };

package/es/Checkbox/checkbox.css.js

@@ -1,6 +0,0 @@
-import styleInject from '../node_modules/style-inject/dist/style-inject.es.js';
-
-var css_248z = ".foxit-checkbox-container {\n  display: inline-block;\n  position: relative;\n  padding-left: 25px;\n  cursor: pointer;\n  -webkit-user-select: none;\n          user-select: none;\n}\n\n.foxit-checkbox-container input {\n  position: absolute;\n  opacity: 0;\n  cursor: pointer;\n}\n\n.foxit-checkbox-checkmark {\n  position: absolute;\n  top: 0;\n  left: 0;\n  height: 20px;\n  width: 20px;\n  background-color: #fff;\n  border: 1px solid #b3b3b3;\n  border-radius: 4px;\n}\n\n.foxit-checkbox-content {\n  line-height: 20px;\n}\n\n.foxit-checkbox-container input:checked ~ .foxit-checkbox-checkmark {\n  background-color: #ff5f00;\n  border: none;\n}\n\n.foxit-checkbox-checkmark:after {\n  content: '';\n  position: absolute;\n  display: none;\n}\n\n.foxit-checkbox-container input:checked ~ .foxit-checkbox-checkmark:after {\n  display: block;\n}\n\n.foxit-checkbox-container .foxit-checkbox-checkmark:after {\n  left: 7px;\n  top: 4px;\n  width: 6px;\n  height: 10px;\n  border: solid white;\n  border-width: 0 2px 2px 0;\n  transform: rotate(45deg);\n}\n\n.foxit-checkbox-container.disabled {\n  cursor: not-allowed;\n  opacity: 0.6;\n  color: #00000040;\n}\n\n.foxit-checkbox-checkmark.disabled {\n  background-color: #f5f5f5;\n  border: 1px solid #d9d9d9;\n}\n";
-styleInject(css_248z);
-
-export { css_248z as default };

package/es/Empty/empty.css.js

@@ -1,6 +0,0 @@
-import styleInject from '../node_modules/style-inject/dist/style-inject.es.js';
-
-var css_248z = ".foxit-empty {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  text-align: center;\n  padding: 20px;\n}\n\n.foxit-empty-image {\n  margin-bottom: 16px;\n}\n\n.foxit-empty-description {\n  font-size: 14px;\n  color: #757575;\n}\n";
-styleInject(css_248z);
-
-export { css_248z as default };

package/es/Form/form.css.js

@@ -1,6 +0,0 @@
-import styleInject from '../node_modules/style-inject/dist/style-inject.es.js';
-
-var css_248z = ".foxit-form-item {\n  margin-bottom: 16px;\n}\n\n.foxit-form-item label {\n  display: block;\n  margin-bottom: 8px;\n  font-weight: 500;\n  font-size: 14px;\n  color: #525252;\n}\n\n.foxit-form-error-text {\n  margin-top: 8px;\n  color: red;\n}\n\n.foxit-form-warning-text {\n  margin-top: 8px;\n  color: orange;\n}\n\n.foxit-form-item > .foxit-form-error-component .foxit-input-wrapper,\n.foxit-form-item > .foxit-form-error-component .foxit-select-wrapper > :nth-child(3),\n.foxit-form-item > .foxit-form-error-component .foxit-checkbox-container,\n.foxit-form-item > .foxit-form-error-component .foxit-radio-container {\n  border: 1px solid red !important;\n}\n\n.foxit-form-item > .foxit-form-warning-component .foxit-input-wrapper,\n.foxit-form-item > .foxit-form-warning-component .foxit-select-wrapper > :nth-child(3),\n.foxit-form-item > .foxit-form-warning-component .foxit-checkbox-container,\n.foxit-form-item > .foxit-form-warning-component .foxit-radio-container {\n  border-color: orange !important;\n}\n";
-styleInject(css_248z);
-
-export { css_248z as default };

package/es/Input/input.css.js

@@ -1,6 +0,0 @@
-import styleInject from '../node_modules/style-inject/dist/style-inject.es.js';
-
-var css_248z = ".foxit-input-wrapper {\n  display: flex;\n  align-items: center;\n  border: 1px solid #d9d9d9;\n  border-radius: 10px;\n  padding: 11px 16px;\n  transition: border-color 0.3s;\n  font-size: 14px;\n  font-weight: 400;\n}\n\n.foxit-input-wrapper:focus-within {\n  border-color: #ff5f00 !important;\n}\n.foxit-input-wrapper:hover {\n  border-color: #757575;\n}\n\n.foxit-input-element {\n  flex: 1;\n  border: none;\n  outline: none;\n  color: #525252;\n  line-height: 24px;\n}\n\n.foxit-input-element::placeholder {\n  color: #b3b3b3;\n}\n\n.foxit-input-addon {\n  display: flex;\n  align-items: center;\n  padding: 0 8px;\n  cursor: pointer;\n  color: #b3b3b3;\n  transition: color 0.3s;\n}\n\n.foxit-input-wrapper:focus-within .foxit-input-addon {\n  color: #ff5f00 !important;\n}\n.foxit-input-wrapper:hover .foxit-input-addon {\n  color: #757575;\n}\n\n.foxit-input-wrapper-disabled,\n.foxit-input-wrapper :disabled {\n  background-color: #f8f8f8;\n}\n\n.foxit-input-wrapper-disabled:hover {\n  border-color: #d9d9d9;\n}\n";
-styleInject(css_248z);
-
-export { css_248z as default };

package/es/Menu/menu.css.js

@@ -1,6 +0,0 @@
-import styleInject from '../node_modules/style-inject/dist/style-inject.es.js';
-
-var css_248z = ".foxit-menu {\n  font-size: 14px;\n  /* font-family: sans-serif;\n  border: 0px solid #FFFFFF; */\n  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);\n  border-radius: 10px;\n  overflow: hidden;\n}\n\n.foxit-menu-item-content {\n  padding: 12px 16px;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n}\n\n.foxit-menu-item {\n  padding-left: 0px;\n}\n\n.foxit-menu-item.selected {\n  background-color: #fff6f0 !important;\n  color: #ff5f00;\n  font-weight: 600;\n}\n\n.foxit-menu-item:hover {\n  background-color: #f5f6f8;\n}\n\n.foxit-menu-submenu-title {\n  padding: 12px 16px;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n}\n\n.foxit-menu-submenu-title:hover {\n  background-color: #f5f6f8;\n}\n\n.foxit-menu-icon {\n  transition: transform 0.3s ease-in-out; /* Adjust timing as needed */\n}\n\n.foxit-menu-rotated-icon {\n  transform: rotate(180deg);\n}\n\n.foxit-menu-item-label {\n  font-weight: 600;\n}\n";
-styleInject(css_248z);
-
-export { css_248z as default };

package/es/Modal/modal.css.js

@@ -1,6 +0,0 @@
-import styleInject from '../node_modules/style-inject/dist/style-inject.es.js';
-
-var css_248z = ".foxit-modal-content-container {\n  display: flex;\n  flex-direction: column;\n  padding: 24px;\n  background-color: #fff;\n  border-radius: 10px;\n  justify-content: space-between;\n  min-width: 320px;\n  gap: 24px;\n}\n\n.foxit-modal-head {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n}\n\n.foxit-modal-title {\n  font-weight: 500;\n  font-size: 20px;\n}\n\n.foxit-modal-close-button {\n  display: flex;\n  width: 16px;\n  height: 16px;\n  cursor: pointer;\n  align-items: center;\n  justify-content: center;\n}\n\n.foxit-modal-close-button svg {\n  stroke: #6b7280;\n}\n\n.foxit-modal-close-button:hover svg {\n  stroke: #ea580c;\n}\n\n.foxit-modal-footer {\n  display: flex;\n  gap: 16px;\n  justify-content: flex-end;\n}\n\n.foxit-modal-fixed-layout {\n  position: fixed;\n  inset: 0;\n  z-index: 50;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  padding: 36px;\n}\n\n.foxit-modal-justify-center {\n  justify-content: center;\n}\n\n.foxit-modal-justify-top {\n  justify-content: flex-start;\n  padding-top: 96px;\n}\n\n.foxit-modal-justify-bottom {\n  justify-content: flex-end;\n}\n\n.foxit-modal-overlay {\n  position: fixed;\n  inset: 0;\n  z-index: 50;\n  width: 100%;\n  height: 100%;\n  cursor: pointer;\n}\n\n.foxit-modal-overlay-bg {\n  position: absolute;\n  inset: 0;\n  width: 100%;\n  height: 100%;\n  background-color: rgba(0, 0, 0, 0.15); /* Equivalent to bg-main-black opacity-15 */\n}\n\n.foxit-modal-content {\n  z-index: 50;\n  max-height: 100%;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  width: auto;\n  font-size: 16px;\n  font-weight: 400;\n}\n\n.foxit-modal-opacity-0 {\n  opacity: 0;\n}\n\n.foxit-modal-opacity-100 {\n  opacity: 1;\n}\n\n.foxit-modal-scale-0 {\n  transform: scale(0);\n}\n\n.foxit-modal-scale-100 {\n  transform: scale(1);\n}\n\n.foxit-modal-transition {\n  transition-property: all;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 150ms;\n}\n\n.foxit-modal-hide-overflow {\n  overflow-y: hidden;\n}\n";
-styleInject(css_248z);
-
-export { css_248z as default };

package/es/Pagination/pagination.css.js

@@ -1,6 +0,0 @@
-import styleInject from '../node_modules/style-inject/dist/style-inject.es.js';
-
-var css_248z = ".foxit-pagination-container {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.foxit-pagination-button,\n.foxit-pagination-prev,\n.foxit-pagination-next {\n  font-size: 16px;\n  font-weight: 500;\n  height: 48px;\n  min-width: 48px;\n  padding: 0 12px;\n  border: none;\n  border-radius: 10px;\n  margin: 0 4px;\n  color: #757575;\n  background-color: transparent;\n  cursor: pointer;\n  transition:\n    background-color 0.3s ease,\n    color 0.3s ease;\n}\n\n.foxit-pagination-next:hover,\n.foxit-pagination-prev:hover {\n  color: #ff5f00;\n}\n\n.foxit-pagination-button:hover {\n  background-color: rgba(255, 95, 0, 0.1);\n}\n\n.foxit-pagination-button:disabled {\n  background-color: #ff5f00;\n  color: white;\n  cursor: default;\n}\n";
-styleInject(css_248z);
-
-export { css_248z as default };

package/es/Radio/radio.css.js

@@ -1,6 +0,0 @@
-import styleInject from '../node_modules/style-inject/dist/style-inject.es.js';
-
-var css_248z = ".foxit-radio-container {\n  display: inline-block;\n  position: relative;\n  padding-left: 25px;\n  cursor: pointer;\n  -webkit-user-select: none;\n          user-select: none;\n}\n\n.foxit-radio-container input {\n  position: absolute;\n  opacity: 0;\n  cursor: pointer;\n}\n\n.foxit-radio-checkmark {\n  position: absolute;\n  top: 0;\n  left: 0;\n  height: 20px;\n  width: 20px;\n  background-color: #fff;\n  border: 1px solid #b3b3b3;\n  border-radius: 50%;\n}\n\n.foxit-radio-content {\n  line-height: 20px;\n}\n\n.foxit-radio-container input:checked ~ .foxit-radio-checkmark {\n  background-color: #ffffff;\n  border: 1px solid #ff5f00;\n}\n\n.foxit-radio-checkmark:after {\n  content: '';\n  position: absolute;\n  display: none;\n}\n\n.foxit-radio-container input:checked ~ .foxit-radio-checkmark:after {\n  display: block;\n}\n\n.foxit-radio-container .foxit-radio-checkmark:after {\n  top: 4px;\n  left: 4px;\n  width: 10px;\n  height: 10px;\n  border-radius: 50%;\n  background: #ff5f00;\n}\n\n.foxit-radio-container.disabled {\n  cursor: not-allowed;\n  opacity: 0.6;\n}\n";
-styleInject(css_248z);
-
-export { css_248z as default };

package/es/Table/table.css.js

@@ -1,6 +0,0 @@
-import styleInject from '../node_modules/style-inject/dist/style-inject.es.js';
-
-var css_248z = ".foxit-table {\n  border-radius: 10px;\n  overflow: hidden;\n  border: 1px solid #ff5f00;\n  color: #373737;\n}\n\n.foxit-table-container {\n  width: 100%;\n  border-collapse: collapse;\n}\n\n.foxit-table-container th,\n.foxit-table-container td {\n  min-height: 70px;\n  height: 70px;\n  padding: 24px;\n}\n\n.foxit-table-container th {\n  background-color: #fff6f0;\n  font-weight: 700;\n  font-size: 16px;\n}\n\n.foxit-table-container td {\n  font-size: 14px;\n  font-weight: 400;\n}\n\n.foxit-table-container .foxit-even-row {\n  background-color: white;\n}\n\n.foxit-table-container .foxit-odd-row {\n  background-color: #fff6f0;\n}\n";
-styleInject(css_248z);
-
-export { css_248z as default };

package/es/Tabs/tabs.css.js

@@ -1,6 +0,0 @@
-import styleInject from '../node_modules/style-inject/dist/style-inject.es.js';
-
-var css_248z = ".foxit-tabs {\n  display: flex;\n  gap: 8px;\n}\n\n.foxit-tab-item {\n  font-weight: 600;\n  padding: 14px 20px;\n  border: none;\n  border-radius: 10px;\n  background-color: #f1f3f4;\n  color: #757575;\n  cursor: pointer;\n  transition:\n    background-color 0.3s,\n    color 0.3s;\n}\n\n.foxit-tab-item.active {\n  background-color: #ff5f00;\n  color: white;\n}\n\n.foxit-tab-item:hover:not(.active) {\n  background-color: #e0e0e0;\n}\n\n.foxit-tab-content {\n  margin-top: 16px;\n}\n";
-styleInject(css_248z);
-
-export { css_248z as default };

package/es/Tag/tag.css.js

@@ -1,6 +0,0 @@
-import styleInject from '../node_modules/style-inject/dist/style-inject.es.js';
-
-var css_248z = ".foxit-tag {\n  display: inline-block;\n  min-height: 24px;\n  padding: 4px 8px;\n  border-radius: 5px;\n  font-size: 12px;\n  font-weight: 600;\n  white-space: nowrap;\n  height: 24px;\n}\n\n.foxit-tag-active {\n  background-color: #edfafa;\n  color: #0f8b8d;\n}\n\n.foxit-tag-canceled {\n  background-color: #ffecec;\n  color: #e22727;\n}\n\n.foxit-tag-pending {\n  background-color: #fbf4d0;\n  color: #9b8827;\n}\n\n.foxit-tag-offline {\n  background-color: #edecff;\n  color: #6462c6;\n}\n\n.foxit-tag-trial {\n  background-color: #e4f4fe;\n  color: #2288ce;\n}\n\n.foxit-tag-expired {\n  background-color: #ececec;\n  color: #757575;\n}\n";
-styleInject(css_248z);
-
-export { css_248z as default };

package/es/Toast/toast.css.js

@@ -1,6 +0,0 @@
-import styleInject from '../node_modules/style-inject/dist/style-inject.es.js';
-
-var css_248z = ".foxit-toast-container {\n  width: 100%;\n  position: fixed;\n  pointer-events: none;\n  transition-property: all;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 0.5s;\n  left: 50%;\n  transition-delay: 0s;\n  transform: translateX(-50%);\n  z-index: 2000;\n  top: 0;\n}\n\n.foxit-toast-loading {\n  animation: spin 1s linear infinite;\n  color: #ff5f00;\n}\n\n@keyframes spin {\n  from {\n    transform: rotate(0deg);\n  }\n  to {\n    transform: rotate(360deg);\n  }\n}\n\n.foxit-toast-loading-overlay {\n  position: fixed;\n  inset: 0;\n  background-color: #000000;\n  opacity: 0.15;\n  z-index: 10;\n  pointer-events: auto;\n  height: 100vh;\n}\n\n.foxit-toast-item {\n  position: relative;\n  top: 102px;\n  z-index: 20;\n  transition-property: all;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-duration: 0.15s;\n  width: fit-content;\n  margin-left: auto;\n  margin-right: auto;\n  background-color: #ffffff;\n  color: #525252;\n  padding: 9px 12px;\n  border-radius: 50px;\n  border: none;\n  margin-bottom: 16px;\n  display: flex;\n  flex-direction: row;\n  gap: 8px;\n  justify-content: center;\n  align-items: center;\n}\n\n.foxit-toast-item-success {\n  background-color: #ddfae8;\n  color: #1f7f40;\n}\n\n.foxit-toast-item-error {\n  background-color: #fae5dd;\n  color: #e22727;\n}\n\n.foxit-toast-item-warning {\n  background-color: #fff0e7;\n  color: #525252;\n}\n\n.foxit-toast-enter {\n  opacity: 0;\n  transform: translateY(-100%);\n}\n\n.foxit-toast-enter-active {\n  opacity: 1;\n  transform: translateY(0);\n  transition: all 0.5s ease-out;\n}\n\n.foxit-toast-exit {\n  opacity: 1;\n  transform: translateY(0);\n}\n\n.foxit-toast-exit-active {\n  opacity: 0;\n  transform: translateY(-100%);\n  transition: all 0.5s ease-in;\n}\n";
-styleInject(css_248z);
-
-export { css_248z as default };

package/es/Tooltip/tooltip.css.js

@@ -1,6 +0,0 @@
-import styleInject from '../node_modules/style-inject/dist/style-inject.es.js';
-
-var css_248z = ".foxit-tooltip-container {\n  position: relative;\n  display: inline-block;\n  width: auto;\n}\n\n.foxit-tooltip-content {\n  position: absolute;\n  left: 50%;\n  transform: translateX(-50%);\n  background-color: #525252;\n  color: #fff;\n  /* text-align: center; */\n  border-radius: 10px;\n  padding: 12px 16px;\n  z-index: 1;\n  max-width: 300px;\n  width: max-content;\n}\n\n.foxit-tooltip-arrow {\n  position: absolute;\n  left: 50%;\n  bottom: -5px;\n  transform: translateX(-50%);\n  width: 0;\n  height: 0;\n  border-left: 5px solid transparent;\n  border-right: 5px solid transparent;\n  border-top: 5px solid #525252;\n}\n";
-styleInject(css_248z);
-
-export { css_248z as default };

package/es/node_modules/style-inject/dist/style-inject.es.js

@@ -1,28 +0,0 @@
-function styleInject(css, ref) {
-  if ( ref === void 0 ) ref = {};
-  var insertAt = ref.insertAt;
-
-  if (!css || typeof document === 'undefined') { return; }
-
-  var head = document.head || document.getElementsByTagName('head')[0];
-  var style = document.createElement('style');
-  style.type = 'text/css';
-
-  if (insertAt === 'top') {
-    if (head.firstChild) {
-      head.insertBefore(style, head.firstChild);
-    } else {
-      head.appendChild(style);
-    }
-  } else {
-    head.appendChild(style);
-  }
-
-  if (style.styleSheet) {
-    style.styleSheet.cssText = css;
-  } else {
-    style.appendChild(document.createTextNode(css));
-  }
-}
-
-export { styleInject as default };