foxit-component 0.0.1-alpha.3 → 0.0.1-alpha.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (16) hide show
  1. package/es/Button/Button.d.ts +1 -1
  2. package/es/Button/Button.js +2 -2
  3. package/es/Button/button.css.js +1 -1
  4. package/es/Input/Input.d.ts +1 -0
  5. package/es/Input/Input.js +3 -2
  6. package/es/Input/input.css.js +1 -1
  7. package/es/Menu/Menu.d.ts +1 -1
  8. package/es/Menu/Menu.js +1 -1
  9. package/es/Menu/menu.css.js +1 -1
  10. package/es/Pagination/Pagination.js +1 -1
  11. package/es/Toast/toast.css.js +1 -1
  12. package/es/constants/icons.d.ts +2 -0
  13. package/es/constants/icons.js +2 -0
  14. package/es/index.d.ts +2 -4
  15. package/es/index.js +1 -1
  16. package/package.json +16 -14
package/es/Button/Button.d.ts CHANGED
@@ -9,4 +9,4 @@ export interface ButtonProps {
9
9
  style?: React.CSSProperties;
10
10
  [key: string]: unknown;
11
11
  }
12
- export declare const Button: ({ primary, size, children, ...props }: ButtonProps) => import("react/jsx-runtime").JSX.Element;
12
+ export declare const Button: ({ primary, size, children, className, style, ...props }: ButtonProps) => import("react/jsx-runtime").JSX.Element;
package/es/Button/Button.js CHANGED
@@ -4,9 +4,9 @@ import classNames from 'classnames';
4
4
  import './button.css.js';
5
5
 
6
6
  var Button = function (_a) {
7
- 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, props = __rest(_a, ["primary", "size", "children"]);
7
+ 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"]);
8
8
  var mode = primary ? 'foxit-button-primary' : 'foxit-button-secondary';
9
- return (jsx("button", __assign({ type: "button", className: classNames('foxit-button', "foxit-button-".concat(size), mode, props.className), style: props.style }, props, { children: children })));
9
+ return (jsx("button", __assign({ type: "button", className: classNames('foxit-button', "foxit-button-".concat(size), mode, className), style: style }, props, { children: children })));
10
10
  };
11
11
 
12
12
  export { Button };
package/es/Button/button.css.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import styleInject from '../node_modules/style-inject/dist/style-inject.es.js';
2
2
 
3
- 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 line-height: 18px;\n padding: 19px 32px;\n letter-spacing: 0.42px;\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.foxit-button-small {\n padding: 10px 24px;\n border-radius: 5px;\n}\n.foxit-button-medium {\n padding: 13px 32px;\n border-radius: 5px;\n}\n.foxit-button-large {\n padding: 19px 32px;\n}\n";
3
+ 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";
4
4
  styleInject(css_248z);
5
5
 
6
6
  export { css_248z as default };
package/es/Input/Input.d.ts CHANGED
@@ -2,6 +2,7 @@ import React from 'react';
2
2
  import './input.css';
3
3
  export interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {
4
4
  addonAfter?: React.ReactNode;
5
+ className?: string;
5
6
  }
6
7
  declare const Input: React.FC<InputProps>;
7
8
  interface SearchInputProps extends InputProps {
package/es/Input/Input.js CHANGED
@@ -1,12 +1,13 @@
1
1
  import { __rest, __assign } from '../node_modules/tslib/tslib.es6.js';
2
2
  import { jsxs, jsx } from 'react/jsx-runtime';
3
3
  import { useState } from 'react';
4
+ import classNames from 'classnames';
4
5
  import './input.css.js';
5
6
  import { Icon } from '../Icon/index.js';
6
7
 
7
8
  var Input = function (_a) {
8
- var addonAfter = _a.addonAfter, rest = __rest(_a, ["addonAfter"]);
9
- return (jsxs("div", __assign({ className: "foxit-input-wrapper" }, { children: [jsx("input", __assign({}, rest, { className: "foxit-input-element" })), addonAfter && jsx("div", __assign({ className: "foxit-input-addon" }, { children: addonAfter }))] })));
9
+ var addonAfter = _a.addonAfter, className = _a.className, rest = __rest(_a, ["addonAfter", "className"]);
10
+ return (jsxs("div", __assign({ className: classNames('foxit-input-wrapper', rest.disabled && 'foxit-input-wrapper-disabled', className) }, { children: [jsx("input", __assign({}, rest, { className: "foxit-input-element" })), addonAfter && jsx("div", __assign({ className: "foxit-input-addon" }, { children: addonAfter }))] })));
10
11
  };
11
12
  var SearchInput = function (_a) {
12
13
  var onSearch = _a.onSearch, rest = __rest(_a, ["onSearch"]);
package/es/Input/input.css.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import styleInject from '../node_modules/style-inject/dist/style-inject.es.js';
2
2
 
3
- 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";
3
+ 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";
4
4
  styleInject(css_248z);
5
5
 
6
6
  export { css_248z as default };
package/es/Menu/Menu.d.ts CHANGED
@@ -19,4 +19,4 @@ interface MenuProps {
19
19
  }
20
20
  export declare const getItem: (label: ReactNode, key: Key, icon?: ReactNode, children?: MenuItem[], type?: 'group') => MenuItem;
21
21
  declare const Menu: React.FC<MenuProps>;
22
- export default Menu;
22
+ export { Menu };
package/es/Menu/Menu.js CHANGED
@@ -47,4 +47,4 @@ var Menu = function (_a) {
47
47
  return (jsx("div", __assign({ className: "foxit-menu", style: __assign({}, style) }, { children: items.map(function (item) { return (item.children ? renderSubMenu(item) : renderMenuItem(item)); }) })));
48
48
  };
49
49
 
50
- export { Menu as default, getItem };
50
+ export { Menu, getItem };
package/es/Menu/menu.css.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import styleInject from '../node_modules/style-inject/dist/style-inject.es.js';
2
2
 
3
- 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: 8px 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: 8px 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";
3
+ 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";
4
4
  styleInject(css_248z);
5
5
 
6
6
  export { css_248z as default };
package/es/Pagination/Pagination.js CHANGED
@@ -76,7 +76,7 @@ var Pagination = function (_a) {
76
76
  onChange === null || onChange === void 0 ? void 0 : onChange(current + 1);
77
77
  }
78
78
  };
79
- return (jsxs("div", __assign({ className: "foxit-pagination-container" }, { children: [jsx("button", __assign({ className: "foxit-pagination-prev", onClick: handlePrev, disabled: current === 1 }, { children: '<' })), pages.map(function (page, index) { return (jsx("button", __assign({ className: "foxit-pagination-button", onClick: function () { return handleClick(page, index); }, disabled: page === current }, { children: page === $_MORE ? '...' : page }), index)); }), jsx("button", __assign({ className: "foxit-pagination-next", onClick: handleNext, disabled: current === totalPages }, { children: '>' }))] })));
79
+ return total > pageSize ? (jsxs("div", __assign({ className: "foxit-pagination-container" }, { children: [jsx("button", __assign({ className: "foxit-pagination-prev", onClick: handlePrev, disabled: current === 1 }, { children: '<' })), pages.map(function (page, index) { return (jsx("button", __assign({ className: "foxit-pagination-button", onClick: function () { return handleClick(page, index); }, disabled: page === current }, { children: page === $_MORE ? '...' : page }), index)); }), jsx("button", __assign({ className: "foxit-pagination-next", onClick: handleNext, disabled: current === totalPages }, { children: '>' }))] }))) : null;
80
80
  };
81
81
 
82
82
  export { Pagination as default };
package/es/Toast/toast.css.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import styleInject from '../node_modules/style-inject/dist/style-inject.es.js';
2
2
 
3
- 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: 64px;\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";
3
+ 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";
4
4
  styleInject(css_248z);
5
5
 
6
6
  export { css_248z as default };
package/es/constants/icons.d.ts CHANGED
@@ -17,6 +17,8 @@ export declare const ICONS: Readonly<{
17
17
  LoadingOutlined: (className?: string) => import("react/jsx-runtime").JSX.Element;
18
18
  CloseOutlined: (className?: string) => import("react/jsx-runtime").JSX.Element;
19
19
  QuestionCircleOutlined: (className?: string) => import("react/jsx-runtime").JSX.Element;
20
+ EditorOutlined: (className?: string) => import("react/jsx-runtime").JSX.Element;
21
+ DateOutlined: (className?: string) => import("react/jsx-runtime").JSX.Element;
20
22
  SuccessColoursOutlined: (className?: string) => import("react/jsx-runtime").JSX.Element;
21
23
  ErrorColoursOutlined: (className?: string) => import("react/jsx-runtime").JSX.Element;
22
24
  WarningColoursOutlined: (className?: string) => import("react/jsx-runtime").JSX.Element;
package/es/constants/icons.js CHANGED
@@ -19,6 +19,8 @@ var ICONS = Object.freeze({
19
19
  LoadingOutlined: function (className) { return (jsx("svg", __assign({ viewBox: "0 0 1024 1024", focusable: "false", "data-icon": "loading", width: "24px", height: "24px", fill: "currentColor", "aria-hidden": "true", className: className }, { children: jsx("path", { d: "M988 548c-19.9 0-36-16.1-36-36 0-59.4-11.6-117-34.6-171.3a440.45 440.45 0 00-94.3-139.9 437.71 437.71 0 00-139.9-94.3C629 83.6 571.4 72 512 72c-19.9 0-36-16.1-36-36s16.1-36 36-36c69.1 0 136.2 13.5 199.3 40.3C772.3 66 827 103 874 150c47 47 83.9 101.8 109.7 162.7 26.7 63.1 40.2 130.2 40.2 199.3.1 19.9-16 36-35.9 36z" }) }))); },
20
20
  CloseOutlined: function (className) { return (jsx("svg", __assign({ width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className }, { children: jsx("path", { d: "M1.00025 13L13 1M12.9998 13L1 0.999998", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) }))); },
21
21
  QuestionCircleOutlined: function (className) { return (jsx("svg", __assign({ width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className }, { children: jsx("path", { d: "M6.99961 1.11328C5.85742 1.11328 4.74089 1.45198 3.79119 2.08654C2.8415 2.72111 2.1013 3.62304 1.66421 4.67828C1.22711 5.73353 1.11275 6.89469 1.33558 8.01493C1.55841 9.13517 2.10842 10.1642 2.91607 10.9718C3.72372 11.7795 4.75272 12.3295 5.87296 12.5523C6.99321 12.7751 8.15437 12.6608 9.20961 12.2237C10.2649 11.7866 11.1668 11.0464 11.8013 10.0967C12.4359 9.14701 12.7746 8.03047 12.7746 6.88828C12.7746 5.35666 12.1662 3.88776 11.0832 2.80474C10.0001 1.72172 8.53124 1.11328 6.99961 1.11328ZM7.36361 9.72328C7.24823 9.83218 7.09527 9.89236 6.93661 9.89128C6.85726 9.89282 6.77843 9.87809 6.70499 9.84799C6.63155 9.81789 6.56506 9.77307 6.50961 9.71628C6.45336 9.6619 6.40881 9.59659 6.37872 9.52436C6.34862 9.45214 6.33361 9.37452 6.33461 9.29628C6.33139 9.21775 6.34539 9.13946 6.37562 9.06691C6.40585 8.99436 6.45158 8.92929 6.50961 8.87628C6.56565 8.82076 6.63241 8.77722 6.70582 8.74834C6.77924 8.71946 6.85776 8.70583 6.93661 8.70828C7.01658 8.70528 7.09631 8.71863 7.17094 8.74752C7.24557 8.7764 7.31351 8.82022 7.37061 8.87628C7.42864 8.92929 7.47437 8.99436 7.5046 9.06691C7.53483 9.13946 7.54883 9.21775 7.54561 9.29628C7.5468 9.37725 7.53124 9.4576 7.49993 9.53228C7.46861 9.60697 7.4222 9.67437 7.36361 9.73028V9.72328ZM8.55361 6.50328C8.33257 6.73093 8.09886 6.94594 7.85361 7.14728C7.70967 7.26306 7.59264 7.40876 7.51061 7.57428C7.42001 7.7418 7.3742 7.92987 7.37761 8.12028V8.26028H6.50261V8.12028C6.4928 7.84907 6.55053 7.57966 6.67061 7.33628C6.91984 6.94271 7.23199 6.59272 7.59461 6.30028L7.73461 6.14628C7.8778 5.9777 7.95927 5.76537 7.96561 5.54428C7.96151 5.30371 7.86647 5.07362 7.69961 4.90028C7.60526 4.81469 7.49469 4.7489 7.37445 4.70681C7.25421 4.66473 7.12675 4.64721 6.99961 4.65528C6.84625 4.64246 6.69213 4.66844 6.55145 4.73083C6.41077 4.79322 6.28806 4.89001 6.19461 5.01228C6.0327 5.26142 5.95425 5.55561 5.97061 5.85228H5.13061C5.119 5.59615 5.15885 5.34028 5.24782 5.09982C5.3368 4.85935 5.47308 4.63917 5.64861 4.45228C5.8393 4.27146 6.06499 4.13159 6.31179 4.0413C6.55858 3.95101 6.82125 3.91221 7.08361 3.92728C7.5572 3.88677 8.02826 4.02959 8.39961 4.32628C8.56609 4.47339 8.69724 4.65617 8.78329 4.86099C8.86934 5.06581 8.90808 5.28741 8.89661 5.50928C8.89943 5.87224 8.77845 6.22533 8.55361 6.51028V6.50328Z", fill: "currentColor" }) }))); },
22
+ EditorOutlined: function (className) { return (jsxs("svg", __assign({ width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className }, { children: [jsx("path", { d: "M8.39447 12.9991C8.38198 13.0151 8.36948 13.0318 8.36392 13.0519L7.40054 16.5839C7.34427 16.7896 7.40193 17.0111 7.55406 17.1674C7.66798 17.2785 7.818 17.3396 7.97776 17.3396C8.03054 17.3396 8.08333 17.3334 8.13542 17.3195L11.6424 16.363C11.648 16.363 11.6508 16.3679 11.6549 16.3679C11.6952 16.3679 11.7348 16.3533 11.7647 16.3227L21.1424 6.94643C21.4209 6.66757 21.5737 6.28762 21.5737 5.87434C21.5737 5.40584 21.375 4.9377 21.027 4.59073L20.1414 3.70374C19.7942 3.35573 19.3253 3.15674 18.8571 3.15674C18.4439 3.15674 18.0639 3.30956 17.7847 3.58773L8.40836 12.9665C8.39867 12.9755 8.40143 12.9887 8.39447 12.9991ZM20.2248 6.02819L19.2933 6.95898L17.7833 5.42495L18.7016 4.50669C18.8467 4.36084 19.128 4.38204 19.2947 4.5494L20.181 5.43642C20.2734 5.5288 20.3262 5.65172 20.3262 5.77327C20.3255 5.87297 20.29 5.96327 20.2248 6.02819ZM10.0622 13.1464L16.8289 6.37931L18.3397 7.91437L11.5855 14.6682L10.0622 13.1464ZM8.8293 15.89L9.31828 14.0952L10.6227 15.3997L8.8293 15.89Z", fill: "currentColor" }), jsx("path", { d: "M20.8187 9.74373C20.4638 9.74373 20.1727 10.0323 20.1714 10.3921V19.1339C20.1714 19.5923 19.7991 19.9646 19.3399 19.9646H4.55207C4.09364 19.9646 3.71993 19.5924 3.71993 19.1339V4.86561C3.71993 4.4068 4.09364 4.03416 4.55207 4.03416H14.0763C14.4333 4.03416 14.723 3.7442 14.723 3.38713C14.723 3.03083 14.4333 2.74048 14.0763 2.74048H4.45345C3.33585 2.74048 2.42627 3.64937 2.42627 4.76766V19.2326C2.42627 20.3509 3.33585 21.2594 4.45345 21.2594H19.4378C20.5562 21.2594 21.4654 20.3509 21.4654 19.2326V10.388C21.4639 10.0323 21.1737 9.74373 20.8187 9.74373Z", fill: "currentColor" })] }))); },
23
+ DateOutlined: function (className) { return (jsx("svg", __assign({ width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className }, { children: jsx("path", { d: "M9 6H15V5H17V6H20V19H4V6H7V5H9V6ZM18 8H6V17H18V8ZM10 10V12H8V10H10ZM13 10V12H11V10H13ZM16 10V12H14V10H16ZM10 13V15H8V13H10ZM13 13V15H11V13H13ZM16 13V15H14V13H16Z", fill: "currentColor" }) }))); },
22
24
  // ColoursOutlined 带颜色的图标
23
25
  SuccessColoursOutlined: function (className) { return (jsxs("svg", __assign({ width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className }, { children: [jsx("rect", { width: "24", height: "24", rx: "12", fill: "#30DC6B" }), jsx("path", { d: "M7.33337 12.6665L10 15.3332L16.6667 8.6665", stroke: "white", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })] }))); },
24
26
  ErrorColoursOutlined: function (className) { return (jsxs("svg", __assign({ width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className }, { children: [jsx("rect", { width: "24", height: "24", rx: "12", fill: "#FF3C3C" }), jsx("path", { d: "M15.9854 7.75732L7.50007 16.2426", stroke: "white", strokeWidth: "2", strokeLinecap: "round" }), jsx("path", { d: "M7.5 7.75732L15.9853 16.2426", stroke: "white", strokeWidth: "2", strokeLinecap: "round" })] }))); },
package/es/index.d.ts CHANGED
@@ -2,8 +2,6 @@ import Checkbox from './Checkbox/Checkbox';
2
2
  import Empty from './Empty/Empty';
3
3
  import Form, { FormItem } from './Form/Form';
4
4
  import Input, { SearchInput, PasswordInput } from './Input/Input';
5
- import Menu, { getItem } from './Menu/Menu';
6
- import type { MenuItem } from './Menu/Menu';
7
5
  import Pagination from './Pagination/Pagination';
8
6
  import Radio from './Radio/Radio';
9
7
  import Select from './Select/Select';
@@ -20,8 +18,8 @@ export { Form, FormItem };
20
18
  export type { FormRefInstance } from './Form/Form.types';
21
19
  export { Icon } from './Icon/index';
22
20
  export { Input, SearchInput, PasswordInput };
23
- export { Menu, getItem };
24
- export type { MenuItem };
21
+ export { Menu, getItem } from './Menu/Menu';
22
+ export type { MenuItem } from './Menu/Menu';
25
23
  export { Modal } from './Modal/Modal';
26
24
  export { Pagination };
27
25
  export { Radio };
package/es/index.js CHANGED
@@ -2,7 +2,6 @@ export { default as Checkbox } from './Checkbox/Checkbox.js';
2
2
  export { default as Empty } from './Empty/Empty.js';
3
3
  export { default as Form } from './Form/Form.js';
4
4
  export { default as Input, PasswordInput, SearchInput } from './Input/Input.js';
5
- export { default as Menu, getItem } from './Menu/Menu.js';
6
5
  export { default as Pagination } from './Pagination/Pagination.js';
7
6
  export { default as Radio } from './Radio/Radio.js';
8
7
  export { default as Select } from './Select/Select.js';
@@ -13,5 +12,6 @@ export { default as Toast } from './Toast/index.js';
13
12
  export { default as Tooltip } from './Tooltip/Tooltip.js';
14
13
  export { Button } from './Button/Button.js';
15
14
  export { Icon } from './Icon/index.js';
15
+ export { Menu, getItem } from './Menu/Menu.js';
16
16
  export { Modal } from './Modal/Modal.js';
17
17
  export { default as FormItem } from './Form/FormItem.js';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "foxit-component",
3
- "version": "0.0.1-alpha.3",
3
+ "version": "0.0.1-alpha.5",
4
4
  "author": {
5
5
  "name": "linye",
6
6
  "email": "869675630@qq.com"
@@ -33,8 +33,8 @@
33
33
  "@testing-library/user-event": "^13.5.0",
34
34
  "@types/jest": "^27.5.2",
35
35
  "@types/node": "^16.18.126",
36
- "@types/react": "^19.0.10",
37
- "@types/react-dom": "^19.0.4",
36
+ "@types/react": "^18",
37
+ "@types/react-dom": "^18",
38
38
  "@typescript-eslint/eslint-plugin": "^8.24.1",
39
39
  "@typescript-eslint/parser": "^8.24.1",
40
40
  "classnames": "^2.5.1",
@@ -42,8 +42,6 @@
42
42
  "eslint-plugin-react": "^7.37.4",
43
43
  "eslint-plugin-simple-import-sort": "^12.1.1",
44
44
  "eslint-plugin-unused-imports": "^4.1.4",
45
- "react": "^19.0.0",
46
- "react-dom": "^19.0.0",
47
45
  "react-scripts": "5.0.1",
48
46
  "react-select": "^5.10.0",
49
47
  "typescript": "^4.9.5",
@@ -75,14 +73,14 @@
75
73
  "@rollup/plugin-node-resolve": "^16.0.0",
76
74
  "@rollup/plugin-strip": "^3.0.4",
77
75
  "@rollup/plugin-typescript": "^12.1.2",
78
- "@storybook/addon-essentials": "^8.5.8",
79
- "@storybook/addon-interactions": "^8.5.8",
80
- "@storybook/addon-onboarding": "^8.5.8",
81
- "@storybook/blocks": "^8.5.8",
82
- "@storybook/preset-create-react-app": "^8.5.8",
83
- "@storybook/react": "^8.5.8",
84
- "@storybook/react-webpack5": "^8.5.8",
85
- "@storybook/test": "^8.5.8",
76
+ "@storybook/addon-essentials": "8.5.8",
77
+ "@storybook/addon-interactions": "8.5.8",
78
+ "@storybook/addon-onboarding": "8.5.8",
79
+ "@storybook/blocks": "8.5.8",
80
+ "@storybook/preset-create-react-app": "8.5.8",
81
+ "@storybook/react": "8.5.8",
82
+ "@storybook/react-webpack5": "8.5.8",
83
+ "@storybook/test": "8.5.8",
86
84
  "autoprefixer": "^10.4.20",
87
85
  "chromatic": "^11.25.2",
88
86
  "eslint-plugin-storybook": "^0.11.3",
@@ -91,7 +89,11 @@
91
89
  "rollup": "^4.34.8",
92
90
  "rollup-plugin-node-externals": "^8.0.0",
93
91
  "rollup-plugin-postcss": "^4.0.2",
94
- "storybook": "^8.5.8",
92
+ "storybook": "8.5.8",
95
93
  "webpack": "^5.98.0"
94
+ },
95
+ "peerDependencies": {
96
+ "react": "^18",
97
+ "react-dom": "^18"
96
98
  }
97
99
  }