foxit-component 1.0.0-alpha.29 → 1.0.1

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 (14) hide show
  1. package/es/Form/FormItem.d.ts +2 -1
  2. package/es/Form/FormItem.js +3 -3
  3. package/es/Menu/Menu.d.ts +1 -0
  4. package/es/Menu/Menu.js +7 -3
  5. package/es/Select/Select.js +7 -2
  6. package/es/Tabs/Tabs.d.ts +3 -1
  7. package/es/Tabs/Tabs.js +26 -4
  8. package/es/Tag/Tag.d.ts +1 -1
  9. package/es/Tooltip/Tooltip.d.ts +2 -0
  10. package/es/Tooltip/Tooltip.js +20 -3
  11. package/es/constants/icons.d.ts +2 -0
  12. package/es/constants/icons.js +2 -0
  13. package/es/index.css +1 -1
  14. package/package.json +1 -1
package/es/Form/FormItem.d.ts CHANGED
@@ -2,7 +2,8 @@ import React, { ReactNode } from 'react';
2
2
  import './form.css';
3
3
  interface FormItemProps {
4
4
  name: string;
5
- label?: string;
5
+ label?: string | ReactNode;
6
+ extra?: string | ReactNode;
6
7
  rules?: {
7
8
  required?: boolean;
8
9
  message?: string;
package/es/Form/FormItem.js CHANGED
@@ -1,11 +1,11 @@
1
1
  import { __assign } from '../node_modules/tslib/tslib.es6.js';
2
- import { jsxs, jsx } from 'react/jsx-runtime';
2
+ import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
3
3
  import React, { useContext, useEffect, useCallback } from 'react';
4
4
  import { FormContext } from './FormContext.js';
5
5
 
6
6
  var FormItem = function (_a) {
7
7
  var _b, _c, _d;
8
- var name = _a.name, label = _a.label, _e = _a.rules, rules = _e === void 0 ? [] : _e, children = _a.children;
8
+ var name = _a.name, label = _a.label, extra = _a.extra, _e = _a.rules, rules = _e === void 0 ? [] : _e, children = _a.children;
9
9
  var _f = useContext(FormContext), form = _f.form, formFields = _f.formFields;
10
10
  // Register field when component mounts
11
11
  useEffect(function () {
@@ -23,7 +23,7 @@ var FormItem = function (_a) {
23
23
  var newValue = ((_b = e === null || e === void 0 ? void 0 : e.target) === null || _b === void 0 ? void 0 : _b.value) !== undefined ? e.target.value : e;
24
24
  form.setFieldsValue((_a = {}, _a[name] = newValue, _a));
25
25
  }, [form, name]);
26
- return (jsxs("div", __assign({ className: "foxit-form-item" }, { children: [label && (jsxs("label", { children: [label, rules.some(function (rule) { return rule.required; }) && jsx("span", __assign({ className: "foxit-form-required" }, { children: "*" }))] })), jsx("span", __assign({ className: "".concat(error ? 'foxit-form-error-component' : warning ? 'foxit-form-warning-component' : '') }, { children: React.Children.map(children, function (child) {
26
+ return (jsxs("div", __assign({ className: "foxit-form-item", style: error || warning ? { marginBottom: 0 } : {} }, { children: [label && (jsxs("label", { children: [label, rules.some(function (rule) { return rule.required; }) && jsx("span", __assign({ className: "foxit-form-required" }, { children: "*" })), extra && jsx(Fragment, { children: extra })] })), jsx("span", __assign({ className: "".concat(error ? 'foxit-form-error-component' : warning ? 'foxit-form-warning-component' : '') }, { children: React.Children.map(children, function (child) {
27
27
  return React.cloneElement(child, {
28
28
  value: value,
29
29
  onChange: handleChange
package/es/Menu/Menu.d.ts CHANGED
@@ -15,6 +15,7 @@ interface MenuProps {
15
15
  }) => void;
16
16
  defaultSelectedKeys?: string[];
17
17
  defaultOpenKeys?: string[];
18
+ selectedKeys?: string[];
18
19
  style?: React.CSSProperties;
19
20
  inlineCollapsed?: boolean;
20
21
  }
package/es/Menu/Menu.js CHANGED
@@ -13,16 +13,20 @@ var getItem = function (label, key, icon, children, type) {
13
13
  };
14
14
  };
15
15
  var Menu = function (_a) {
16
- var items = _a.items, onClick = _a.onClick, _b = _a.defaultSelectedKeys, defaultSelectedKeys = _b === void 0 ? [] : _b, _c = _a.defaultOpenKeys, defaultOpenKeys = _c === void 0 ? [] : _c, style = _a.style, _d = _a.inlineCollapsed, inlineCollapsed = _d === void 0 ? false : _d;
16
+ var items = _a.items, onClick = _a.onClick, _b = _a.defaultSelectedKeys, defaultSelectedKeys = _b === void 0 ? [] : _b, _c = _a.defaultOpenKeys, defaultOpenKeys = _c === void 0 ? [] : _c, controlledSelectedKeys = _a.selectedKeys, // 新增
17
+ style = _a.style, _d = _a.inlineCollapsed, inlineCollapsed = _d === void 0 ? false : _d;
17
18
  var _e = useState(defaultOpenKeys), openKeys = _e[0], setOpenKeys = _e[1];
18
- var _f = useState(defaultSelectedKeys), selectedKeys = _f[0], setSelectedKeys = _f[1];
19
+ var _f = useState(defaultSelectedKeys), uncontrolledSelectedKeys = _f[0], setUncontrolledSelectedKeys = _f[1];
20
+ var selectedKeys = controlledSelectedKeys !== undefined ? controlledSelectedKeys : uncontrolledSelectedKeys;
19
21
  var _g = useState(null), hoveredKey = _g[0], setHoveredKey = _g[1];
20
22
  var _h = useState({ top: 0, left: 0 }), popupPosition = _h[0], setPopupPosition = _h[1];
21
23
  var menuItemRefs = useRef({});
22
24
  var popupRef = useRef(null);
23
25
  var handleMenuClick = function (e) {
24
26
  onClick === null || onClick === void 0 ? void 0 : onClick(e);
25
- setSelectedKeys([e.key]);
27
+ if (controlledSelectedKeys === undefined) {
28
+ setUncontrolledSelectedKeys([e.key]);
29
+ }
26
30
  };
27
31
  var isFirstLevel = function (item) {
28
32
  return items.some(function (i) { return i.key === item.key; });
package/es/Select/Select.js CHANGED
@@ -17,6 +17,7 @@ var Select = function (_a) {
17
17
  border: '1px solid #FF5F00'
18
18
  } }));
19
19
  },
20
+ menuPortal: function (base) { return (__assign(__assign({}, base), { zIndex: 99999 })); },
20
21
  option: function (styles, _a) {
21
22
  var isSelected = _a.isSelected, isFocused = _a.isFocused;
22
23
  return __assign(__assign({}, styles), { backgroundColor: isFocused ? '#FFF6F0' : 'white', color: isSelected ? '#FF5F00' : '#666', ':hover': {
@@ -34,12 +35,16 @@ var Select = function (_a) {
34
35
  color: props.hasValue ? '#525252' : '#B3B3B3'
35
36
  } }, { children: preIcon }))), props.children] }))); };
36
37
  var CustomOptionComp = function (props) { return (jsxs(components.Option, __assign({}, props, { children: [props.children, props.isSelected && jsx(Icon, { name: "CheckCircleOutlined" })] }))); };
37
- return (jsx(ReactSelect, __assign({ options: options, className: classNames('foxit-select-wrapper', className), placeholder: placeholder, styles: customStyles, defaultValue: isMulti
38
+ var userAgent = typeof navigator === 'undefined' ? '' : navigator.userAgent;
39
+ var mobileRegex = /Android|webOS|iPhone|iPod|BlackBerry|IEMobile|Opera Mini/i;
40
+ var padRegex = /iPad|Tablet|PlayBook|Silk|Kindle|Nexus 7|Nexus 10|SM-T|GT-P|TouchPad|Pad|HONOR|HDN/i;
41
+ var isMobile = mobileRegex.test(userAgent) || padRegex.test(userAgent);
42
+ return (jsx(ReactSelect, __assign({ menuPortalTarget: document.body, options: options, className: classNames('foxit-select-wrapper', className), placeholder: placeholder, styles: customStyles, defaultValue: isMulti
38
43
  ? options.filter(function (option) {
39
44
  return Array.isArray(defaultValue) &&
40
45
  defaultValue.includes(option.value);
41
46
  })
42
- : options.find(function (option) { return option.value === defaultValue; }), isDisabled: isDisabled, isClearable: isClearable, isSearchable: isSearchable, isMulti: isMulti, components: { Control: CustomControl, Option: CustomOptionComp }, onChange: onChange, menuPosition: "fixed" }, rest, { value: isMulti && Array.isArray(value)
47
+ : 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)
43
48
  ? value.map(function (v) { return options.find(function (option) { return option.value === v; }); })
44
49
  : options.find(function (option) { return option.value === value; }) || value })));
45
50
  };
package/es/Tabs/Tabs.d.ts CHANGED
@@ -2,13 +2,15 @@ import React from 'react';
2
2
  import './tabs.css';
3
3
  interface TabItem {
4
4
  key: string;
5
- label: string;
5
+ label: string | React.ReactNode;
6
6
  children: React.ReactNode;
7
7
  }
8
8
  interface ButtonTabsProps {
9
9
  activeKey?: string;
10
10
  items: TabItem[];
11
11
  onChange?: (key: string) => void;
12
+ type?: 'button' | 'link';
13
+ className?: string;
12
14
  }
13
15
  declare const ButtonTabs: React.FC<ButtonTabsProps>;
14
16
  export default ButtonTabs;
package/es/Tabs/Tabs.js CHANGED
@@ -1,11 +1,14 @@
1
1
  import { __assign } from '../node_modules/tslib/tslib.es6.js';
2
2
  import { jsxs, jsx } from 'react/jsx-runtime';
3
- import { useState } from 'react';
3
+ import { useState, useRef, useEffect } from 'react';
4
+ import classNames from 'classnames';
4
5
 
5
6
  var ButtonTabs = function (_a) {
6
7
  var _b;
7
- var activeKey = _a.activeKey, items = _a.items, onChange = _a.onChange;
8
- var _c = useState(activeKey || ((_b = items[0]) === null || _b === void 0 ? void 0 : _b.key)), internalActiveKey = _c[0], setInternalActiveKey = _c[1];
8
+ var activeKey = _a.activeKey, items = _a.items, onChange = _a.onChange, _c = _a.type, type = _c === void 0 ? 'button' : _c, className = _a.className;
9
+ var _d = useState(activeKey || ((_b = items[0]) === null || _b === void 0 ? void 0 : _b.key)), internalActiveKey = _d[0], setInternalActiveKey = _d[1];
10
+ var _e = useState(false), showScrollButtons = _e[0], setShowScrollButtons = _e[1];
11
+ var tabListRef = useRef(null);
9
12
  var handleTabChange = function (key) {
10
13
  if (onChange) {
11
14
  onChange(key);
@@ -14,8 +17,27 @@ var ButtonTabs = function (_a) {
14
17
  setInternalActiveKey(key);
15
18
  }
16
19
  };
20
+ // Link Tabs
21
+ var handleScroll = function (direction) {
22
+ if (tabListRef.current) {
23
+ var scrollAmount = direction === 'left' ? -tabListRef.current.clientWidth : tabListRef.current.clientWidth;
24
+ tabListRef.current.scrollBy({ left: scrollAmount, behavior: 'smooth' });
25
+ }
26
+ };
27
+ var updateScrollButtonsVisibility = function () {
28
+ if (tabListRef.current) {
29
+ setShowScrollButtons(tabListRef.current.scrollWidth > tabListRef.current.clientWidth);
30
+ }
31
+ };
32
+ useEffect(function () {
33
+ updateScrollButtonsVisibility();
34
+ window.addEventListener('resize', updateScrollButtonsVisibility);
35
+ return function () {
36
+ window.removeEventListener('resize', updateScrollButtonsVisibility);
37
+ };
38
+ }, [items]);
17
39
  var currentKey = activeKey || internalActiveKey;
18
- return (jsxs("div", { children: [jsx("div", __assign({ className: "foxit-tabs" }, { children: items.map(function (item) { return (jsx("button", __assign({ className: "foxit-tab-item ".concat(currentKey === item.key ? 'active' : ''), onClick: function () { return handleTabChange(item.key); } }, { children: item.label }), item.key)); }) })), jsx("div", __assign({ className: "foxit-tab-content" }, { children: items.map(function (item) { return item.key === currentKey && jsx("div", { children: item.children }, item.key); }) }))] }));
40
+ return (jsxs("div", { children: [type === 'button' ? (jsx("div", __assign({ className: "foxit-tabs" }, { children: items.map(function (item) { return (jsx("button", __assign({ className: "foxit-tab-item ".concat(currentKey === item.key ? 'active' : ''), onClick: function () { return handleTabChange(item.key); } }, { children: item.label }), item.key)); }) }))) : (jsx("div", __assign({ className: "foxit-linktabs" }, { children: jsxs("div", __assign({ className: "foxit-linktabs-inner" }, { children: [showScrollButtons && (jsx("button", __assign({ className: "foxit-linktabs-scroll foxit-linktabs-scroll-left", onClick: function () { return handleScroll('left'); } }, { children: '<' }))), jsx("div", __assign({ ref: tabListRef, className: classNames('foxit-linktabs-list', className) }, { children: items.map(function (item) { return (jsx("button", __assign({ className: "foxit-linktab-btn".concat(currentKey === item.key ? ' active' : ''), onClick: function () { return handleTabChange(item.key); } }, { children: item.label }), item.key)); }) })), showScrollButtons && (jsx("button", __assign({ className: "foxit-linktabs-scroll foxit-linktabs-scroll-right", onClick: function () { return handleScroll('right'); } }, { children: '>' })))] })) }))), jsx("div", __assign({ className: "foxit-tab-content" }, { children: items.map(function (item) { return item.key === currentKey && jsx("div", { children: item.children }, item.key); }) }))] }));
19
41
  };
20
42
 
21
43
  export { ButtonTabs as default };
package/es/Tag/Tag.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  import React from 'react';
2
2
  import './tag.css';
3
3
  interface TagProps {
4
- color?: 'active' | 'canceled' | 'pending' | 'offline' | 'trial' | 'expired' | string;
4
+ color?: 'active' | 'canceled' | 'pending' | 'offline' | 'trial' | 'expired' | 'completed' | string;
5
5
  children: React.ReactNode;
6
6
  }
7
7
  declare const Tag: React.FC<TagProps>;
package/es/Tooltip/Tooltip.d.ts CHANGED
@@ -3,6 +3,8 @@ import './tooltip.css';
3
3
  interface TooltipProps {
4
4
  title: string | ReactNode;
5
5
  children: ReactNode;
6
+ whiteGround?: boolean;
7
+ className?: string;
6
8
  }
7
9
  declare const Tooltip: React.FC<TooltipProps>;
8
10
  export default Tooltip;
package/es/Tooltip/Tooltip.js CHANGED
@@ -2,13 +2,15 @@ import { __assign } from '../node_modules/tslib/tslib.es6.js';
2
2
  import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
3
3
  import { useRef, useState, useEffect } from 'react';
4
4
  import ReactDOM from 'react-dom';
5
+ import classNames from 'classnames';
5
6
 
6
7
  var Tooltip = function (_a) {
7
- var title = _a.title, children = _a.children;
8
+ var title = _a.title, children = _a.children, _b = _a.whiteGround, whiteGround = _b === void 0 ? false : _b, className = _a.className;
8
9
  var childRef = useRef(null);
9
10
  var tooltipRef = useRef(null);
10
- var _b = useState({ visibility: 'hidden' }), tooltipStyle = _b[0], setTooltipStyle = _b[1];
11
+ var _c = useState({ visibility: 'hidden', position: 'absolute', top: '0', left: '0' }), tooltipStyle = _c[0], setTooltipStyle = _c[1];
11
12
  var isVisibleRef = useRef(false);
13
+ var _d = useState('50%'), arrowLeft = _d[0], setArrowLeft = _d[1];
12
14
  var calculateTooltipPosition = function () {
13
15
  if (childRef.current && tooltipRef.current && isVisibleRef.current) {
14
16
  var childRect = childRef.current.getBoundingClientRect();
@@ -16,6 +18,19 @@ var Tooltip = function (_a) {
16
18
  var tooltipWidth = tooltipRef.current.offsetWidth;
17
19
  var top_1 = window.scrollY + childRect.top - tooltipHeight - 4; // 计算绝对位置，考虑页面滚动
18
20
  var left = window.scrollX + childRect.left + childRect.width / 2 - tooltipWidth / 2;
21
+ var padding = 8; // 屏幕边缘留点空隙
22
+ var maxLeft = window.scrollX + document.documentElement.clientWidth - tooltipWidth - padding;
23
+ var minLeft = window.scrollX + padding;
24
+ if (left < minLeft)
25
+ left = minLeft;
26
+ if (left > maxLeft)
27
+ left = maxLeft;
28
+ // 箭头的 left 计算
29
+ var childCenter = childRect.left + childRect.width / 2;
30
+ var arrowLeftPx = childCenter - left;
31
+ // 限制箭头不超出 tooltip 边界
32
+ arrowLeftPx = Math.max(12, Math.min(tooltipWidth - 12, arrowLeftPx));
33
+ setArrowLeft("".concat(arrowLeftPx, "px"));
19
34
  setTooltipStyle({
20
35
  position: 'absolute',
21
36
  top: "".concat(top_1, "px"),
@@ -44,7 +59,9 @@ var Tooltip = function (_a) {
44
59
  window.removeEventListener('resize', calculateTooltipPosition);
45
60
  };
46
61
  }, []);
47
- return (jsxs(Fragment, { children: [jsx("div", __assign({ className: "foxit-tooltip-container", onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, ref: childRef }, { children: children })), ReactDOM.createPortal(jsxs("div", __assign({ onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, className: "foxit-tooltip-content", style: tooltipStyle, ref: tooltipRef }, { children: [title, jsx("div", { className: "foxit-tooltip-arrow" })] })), document.body // 直接挂载到 body，避免层叠上下文限制
62
+ return (jsxs(Fragment, { children: [jsx("div", __assign({ className: "foxit-tooltip-container", onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, ref: childRef }, { children: children })), ReactDOM.createPortal(jsxs("div", __assign({ onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, className: classNames("foxit-tooltip-content", {
63
+ 'foxit-tooltip-white': whiteGround
64
+ }, className), style: tooltipStyle, ref: tooltipRef }, { children: [title, jsx("div", { className: "foxit-tooltip-arrow", style: { left: arrowLeft } })] })), document.body // 直接挂载到 body，避免层叠上下文限制
48
65
  )] }));
49
66
  };
50
67
 
package/es/constants/icons.d.ts CHANGED
@@ -27,6 +27,7 @@ export declare const ICONS: Readonly<{
27
27
  ResendEmailOutlined: (className?: string) => import("react/jsx-runtime").JSX.Element;
28
28
  ViewDetailsOutlined: (className?: string) => import("react/jsx-runtime").JSX.Element;
29
29
  ExportRecordOutlined: (className?: string) => import("react/jsx-runtime").JSX.Element;
30
+ ShareOutlined: (className?: string) => import("react/jsx-runtime").JSX.Element;
30
31
  BillingColoursOutlined: (className?: string) => import("react/jsx-runtime").JSX.Element;
31
32
  ManageColoursOutlined: (className?: string) => import("react/jsx-runtime").JSX.Element;
32
33
  SuccessColoursOutlined: (className?: string) => import("react/jsx-runtime").JSX.Element;
@@ -35,6 +36,7 @@ export declare const ICONS: Readonly<{
35
36
  UpgradeColoursOutlined: (className?: string) => import("react/jsx-runtime").JSX.Element;
36
37
  SwitchToColoursOutlined: (className?: string) => import("react/jsx-runtime").JSX.Element;
37
38
  ShoppingColoursOutlined: (className?: string) => import("react/jsx-runtime").JSX.Element;
39
+ ShareColoursOutlined: (className?: string) => import("react/jsx-runtime").JSX.Element;
38
40
  EmptyColoursOutlined: (className?: string) => import("react/jsx-runtime").JSX.Element;
39
41
  FireWorkColoursOutlined: (className?: string) => import("react/jsx-runtime").JSX.Element;
40
42
  }>;
package/es/constants/icons.js CHANGED
@@ -29,6 +29,7 @@ var ICONS = Object.freeze({
29
29
  ResendEmailOutlined: function (className) { return (jsx("svg", __assign({ width: "18", height: "18", viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className }, { children: jsx("path", { d: "M0.317796 3.60993C0.188324 3.5166 0.105932 3.44077 0.0706213 3.38244C0.0353107 3.32411 0.0176553 3.24244 0.0176553 3.13745V2.97996C0.0176553 2.67664 0.0941618 2.43748 0.247175 2.26249C0.400188 2.0875 0.665018 2 1.04166 2L15.5897 2.0175C15.9781 2.0175 16.2488 2.09916 16.4018 2.26249C16.5548 2.42581 16.6313 2.6533 16.6313 2.94496L16.649 3.13745C16.649 3.24244 16.6372 3.31536 16.6137 3.35619C16.5901 3.39702 16.496 3.4816 16.3312 3.60993L9.11015 7.91474C8.99245 7.9614 8.84827 8.02556 8.6776 8.10723C8.50693 8.18889 8.39217 8.23555 8.33332 8.24722C8.2627 8.24722 8.15676 8.21514 8.01552 8.15097C7.87428 8.08681 7.71538 8.00223 7.53883 7.89724L0.317796 3.60993ZM11.1758 10.6971C10.9287 10.6971 10.7286 10.7496 10.5755 10.8546C10.4225 10.9596 10.3019 11.0938 10.2136 11.2571C10.1253 11.4204 10.0665 11.6042 10.0371 11.8083C10.0076 12.0125 9.99292 12.2079 9.99292 12.3945V13.6195V13.8295C9.99292 13.8995 9.99881 13.9636 10.0106 14.022H7.57414C6.73845 14.022 5.95573 14.019 5.22598 14.0132C4.49623 14.0074 3.85475 14.0045 3.30155 14.0045H2.08333C1.6596 14.0045 1.31238 13.949 1.04166 13.8382C0.77095 13.7274 0.559086 13.5845 0.406073 13.4095C0.25306 13.2345 0.147128 13.0333 0.0882767 12.8058C0.0294256 12.5783 0 12.342 0 12.097V5.62234C0 5.37735 0.0588511 5.22277 0.176553 5.15861C0.294256 5.09444 0.441383 5.12653 0.617937 5.25485C0.676788 5.28985 0.78272 5.35693 0.935733 5.4561C1.08875 5.55526 1.27118 5.669 1.48305 5.79733C1.69491 5.92566 1.9156 6.06274 2.14512 6.20856C2.37464 6.35439 2.59239 6.49147 2.79837 6.61979C3.00435 6.74812 3.1809 6.85895 3.32803 6.95228C3.47516 7.04561 3.57226 7.10394 3.61934 7.12727C3.78413 7.23227 3.87829 7.36351 3.90183 7.521C3.92537 7.6785 3.90771 7.81557 3.84886 7.93223C3.80178 8.0489 3.73116 8.20056 3.637 8.38721C3.54284 8.57387 3.44279 8.76345 3.33686 8.95594C3.23093 9.14843 3.12794 9.33217 3.02789 9.50716C2.92784 9.68216 2.86016 9.81632 2.82485 9.90965C2.766 10.073 2.77777 10.1838 2.86016 10.2421C2.94256 10.3005 3.07203 10.2771 3.24858 10.1721C3.28389 10.1488 3.381 10.0584 3.5399 9.9009C3.69879 9.7434 3.86652 9.56841 4.04307 9.37592C4.21963 9.18343 4.38735 9.0026 4.54625 8.83344C4.70515 8.66429 4.81402 8.56221 4.87287 8.52721C4.9788 8.43388 5.11711 8.3668 5.28777 8.32597C5.45844 8.28514 5.60851 8.29972 5.73798 8.36972C5.82038 8.41638 5.93219 8.48638 6.07344 8.57971C6.21468 8.67303 6.37063 8.77511 6.5413 8.88594C6.71197 8.99677 6.88558 9.11052 7.06213 9.22718L7.53883 9.54216C7.68007 9.63549 7.83014 9.69382 7.98904 9.71715C8.14794 9.74049 8.30095 9.74632 8.44808 9.73465C8.59521 9.72299 8.72762 9.69674 8.84532 9.65591C8.96303 9.61508 9.0513 9.57716 9.11015 9.54216C9.169 9.50716 9.28082 9.44008 9.4456 9.34092C9.61039 9.24176 9.78988 9.13385 9.98409 9.01719C10.1783 8.90052 10.3607 8.7897 10.5314 8.6847C10.7021 8.57971 10.8286 8.50388 10.911 8.45721L13.1356 7.09227C13.1591 7.08061 13.2327 7.03394 13.3563 6.95228C13.4798 6.87062 13.6329 6.77145 13.8153 6.65479C13.9977 6.53813 14.1978 6.4098 14.4156 6.26981C14.6333 6.12982 14.8393 5.99857 15.0335 5.87608C15.2277 5.75358 15.4072 5.63984 15.572 5.53484C15.7368 5.42985 15.8545 5.35402 15.9251 5.30735C16.1487 5.16736 16.3224 5.11194 16.4459 5.14111C16.5695 5.17027 16.6313 5.26652 16.6313 5.42985V9.97964C16.3018 9.71132 15.981 9.4605 15.6691 9.22718C15.3572 8.99385 15.0718 8.79553 14.8128 8.6322C14.5539 8.45721 14.3273 8.39596 14.1331 8.44846C13.9389 8.50096 13.78 8.6147 13.6564 8.7897C13.5328 8.96469 13.4387 9.16885 13.3739 9.40217C13.3092 9.63549 13.2768 9.84548 13.2768 10.0321C13.2768 10.1605 13.2739 10.2655 13.268 10.3471C13.2621 10.4288 13.2592 10.4988 13.2592 10.5571C13.2474 10.6154 13.2415 10.6621 13.2415 10.6971H12.9767H11.1758ZM17.7613 12.5345C17.9143 12.6512 17.9937 12.8145 17.9996 13.0245C18.0055 13.2345 17.9437 13.3862 17.8142 13.4795C17.6377 13.6195 17.4317 13.7857 17.1963 13.9782C16.9609 14.1707 16.7167 14.3661 16.4636 14.5644C16.2105 14.7628 15.9634 14.9611 15.7221 15.1594C15.4808 15.3577 15.2601 15.5327 15.06 15.6844C14.8128 15.8827 14.6392 15.9877 14.5392 15.9994C14.4391 16.011 14.3891 15.8594 14.3891 15.5444V14.7569C14.3891 14.5586 14.3391 14.3953 14.239 14.267C14.139 14.1386 14.0066 14.0745 13.8418 14.0745H11.7938C11.629 14.0745 11.4671 14.0161 11.3082 13.8995C11.1493 13.7828 11.0699 13.6311 11.0699 13.4445V12.552C11.0699 12.2254 11.1229 12.0271 11.2288 11.9571C11.3347 11.8871 11.523 11.8521 11.7938 11.8521H12.1469C12.2528 11.8521 12.3734 11.855 12.5088 11.8608C12.6442 11.8666 12.806 11.8696 12.9943 11.8696H13.7359C13.9713 11.8696 14.139 11.8287 14.239 11.7471C14.3391 11.6654 14.3891 11.5196 14.3891 11.3096V10.5396C14.3891 10.3296 14.4244 10.1955 14.495 10.1371C14.5657 10.0788 14.6951 10.1255 14.8834 10.2771C15.0718 10.4171 15.2895 10.5863 15.5367 10.7846C15.7839 10.9829 16.0399 11.1842 16.3047 11.3883C16.5695 11.5925 16.8285 11.7966 17.0815 12.0008C17.3346 12.205 17.5612 12.3829 17.7613 12.5345Z", fill: "currentColor" }) }))); },
30
30
  ViewDetailsOutlined: function (className) { return (jsx("svg", __assign({ width: "18", height: "18", viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className }, { children: jsx("path", { d: "M1.7998 0V18H16.1998V0H1.7998ZM13.4998 11.7H4.4998V9.9H13.4998V11.7ZM13.4998 8.1H4.4998V6.3H13.4998V8.1ZM13.4998 4.5H4.4998V2.7H13.4998V4.5Z", fill: "currentColor" }) }))); },
31
31
  ExportRecordOutlined: function (className) { return (jsxs("svg", __assign({ width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className }, { children: [jsx("path", { d: "M13.8639 19V16.0553H17L13.8639 19ZM3.48936 16.9321H2V2H14.0857V3.44786H3.48936V16.9321Z", fill: "currentColor" }), jsx("path", { d: "M13.0003 19H5V4H17V14.9979H13.0007L13.0003 19ZM11.7973 7.54554V9.31261H7.50944V11.33H11.7973V13.0971L15.4401 10.3214L11.7973 7.54554Z", fill: "currentColor" })] }))); },
32
+ ShareOutlined: function (className) { return (jsx("svg", __assign({ width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className }, { children: jsx("path", { d: "M14.8475 9.43196C14.8511 9.33881 14.853 9.24566 14.853 9.15069C14.853 6.82375 13.6877 4.6758 11.7352 3.40457C11.4703 3.23288 11.1178 3.30776 10.9461 3.57078C10.7744 3.83562 10.8493 4.18813 11.1123 4.35982C12.7342 5.41735 13.7059 7.2 13.7114 9.13242C12.453 9.13424 11.4338 10.1553 11.4338 11.4155C11.4338 12.6758 12.4566 13.6986 13.7169 13.6986C14.9772 13.6986 16 12.6758 16 11.4155C16 10.5662 15.5361 9.82466 14.8475 9.43196ZM1.69132 9.13973C1.70959 9.14155 1.72603 9.14155 1.74429 9.14155C2.03653 9.14155 2.28493 8.91872 2.31233 8.62283C2.52603 6.28493 4.10228 4.4 6.22283 3.71689C6.6411 4.23562 7.28219 4.56621 8 4.56621C9.26027 4.56621 10.2831 3.54338 10.2831 2.2831C10.2831 1.02283 9.26027 0 8 0C6.73973 0 5.71689 1.02283 5.71689 2.2831C5.71689 2.41644 5.72785 2.54795 5.74977 2.6758C4.87489 2.979 4.06393 3.46119 3.36621 4.10046C2.10776 5.25479 1.32785 6.82557 1.17443 8.52055C1.14703 8.83288 1.37717 9.1105 1.69132 9.13973ZM11.3023 13.8137C10.3342 14.5005 9.19269 14.8639 8 14.8639C6.64292 14.8639 5.3589 14.389 4.34703 13.5452C4.48767 13.2493 4.56621 12.9169 4.56621 12.568C4.56621 11.3078 3.54338 10.2849 2.2831 10.2849C1.02283 10.2849 0 11.3059 0 12.5662C0 13.8265 1.02283 14.8493 2.2831 14.8493C2.78173 14.8493 3.24201 14.6904 3.61644 14.4201C3.9452 14.6941 4.30137 14.9388 4.6758 15.147C5.68767 15.7078 6.83653 16.0055 8 16.0055C9.43014 16.0055 10.8 15.5689 11.9616 14.7452C12.2192 14.5626 12.2795 14.2064 12.0968 13.9489C11.9142 13.6913 11.558 13.6311 11.3023 13.8137Z", fill: "currentColor" }) }))); },
32
33
  // ColoursOutlined 带颜色的图标
33
34
  BillingColoursOutlined: function (className) { return (jsxs("svg", __assign({ width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className }, { children: [jsx("path", { d: "M10.24 1.91992C10.7492 1.91992 11.2376 2.12221 11.5977 2.48228C11.9577 2.84235 12.16 3.33071 12.16 3.83992H13.44C13.9492 3.83992 14.4376 4.04221 14.7977 4.40228C15.1577 4.76235 15.36 5.25071 15.36 5.75992V12.1599C15.36 12.6691 15.1577 13.1575 14.7977 13.5176C14.4376 13.8776 13.9492 14.0799 13.44 14.0799H2.56001C2.0508 14.0799 1.56244 13.8776 1.20237 13.5176C0.8423 13.1575 0.640015 12.6691 0.640015 12.1599V3.83992C0.640015 3.33071 0.8423 2.84235 1.20237 2.48228C1.56244 2.12221 2.0508 1.91992 2.56001 1.91992H10.24ZM10.24 2.87992H2.56001C2.31515 2.87991 2.07953 2.97347 1.90137 3.14145C1.72321 3.30944 1.61598 3.53916 1.60161 3.7836L1.60001 3.83992H11.2C11.2 3.59505 11.1065 3.35944 10.9385 3.18128C10.7705 3.00312 10.5408 2.89589 10.2963 2.88152L10.24 2.87992Z", fill: "#016FB9" }), jsx("path", { d: "M15.36 6.40039V10.2404H11.2C10.6908 10.2404 10.2025 10.0381 9.84238 9.67804C9.48231 9.31797 9.28003 8.82961 9.28003 8.32039C9.28003 7.81117 9.48231 7.32282 9.84238 6.96275C10.2025 6.60268 10.6908 6.40039 11.2 6.40039H15.36ZM11.2 7.36039C10.9454 7.36039 10.7012 7.46153 10.5212 7.64157C10.3412 7.8216 10.24 8.06578 10.24 8.32039C10.24 8.575 10.3412 8.81918 10.5212 8.99921C10.7012 9.17925 10.9454 9.28039 11.2 9.28039C11.4546 9.28039 11.6988 9.17925 11.8789 8.99921C12.0589 8.81918 12.16 8.575 12.16 8.32039C12.16 8.06578 12.0589 7.8216 11.8789 7.64157C11.6988 7.46153 11.4546 7.36039 11.2 7.36039Z", fill: "white" })] }))); },
34
35
  ManageColoursOutlined: function (className) { return (jsx("svg", __assign({ width: "18", height: "18", viewBox: "0 0 18 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className }, { children: jsx("path", { d: "M5.283 15.75C4.92863 15.75 4.64062 15.498 4.64062 15.1875C4.64062 14.8995 4.88813 14.661 5.20875 14.6284L5.283 14.625H7.875V12.3953L1.82812 12.3964C1.65978 12.3964 1.49703 12.336 1.36945 12.2262C1.24187 12.1163 1.15792 11.9644 1.13287 11.7979L1.125 11.6933V2.96777C1.125 2.61565 1.38487 2.32315 1.72462 2.27252L1.82812 2.26465H16.1741C16.5274 2.26465 16.8199 2.52565 16.8694 2.86427L16.8772 2.96777V11.6933C16.8775 11.8618 16.8172 12.0248 16.7074 12.1526C16.5975 12.2805 16.4454 12.3646 16.2788 12.3896L16.1741 12.3964H10.125V14.6239L12.9983 14.625C13.3526 14.625 13.6406 14.877 13.6406 15.1875C13.6406 15.4755 13.3931 15.714 13.0725 15.7466L12.9983 15.75H5.283ZM4.5 7.88965C3.93075 7.88965 3.45937 8.10227 3.38625 8.37677L3.375 8.45215V9.57715L3.38287 9.64352C3.447 9.92252 3.92287 10.1396 4.5 10.1396C5.06925 10.1396 5.54062 9.92815 5.61375 9.65365L5.625 9.57715V8.45215L5.61713 8.3869C5.553 8.10677 5.07713 7.88965 4.5 7.88965ZM13.5 3.38965C12.9263 3.38965 12.4538 3.71252 12.384 4.12765L12.375 4.2334V9.2959L12.3829 9.3949C12.447 9.81452 12.9229 10.1396 13.5 10.1396C14.0737 10.1396 14.5462 9.8179 14.616 9.40277L14.625 9.2959V4.2334L14.6171 4.13552C14.553 3.7159 14.0771 3.38965 13.5 3.38965ZM9 5.63965C8.42625 5.63965 7.95375 5.92652 7.884 6.29552L7.875 6.39002V9.3904L7.88287 9.47815C7.9425 9.81902 8.34637 10.0913 8.85713 10.134C8.95233 10.1213 9.0488 10.1213 9.144 10.134C9.65025 10.0913 10.053 9.8224 10.116 9.48377L10.125 9.3904V6.39002L10.1171 6.30227C10.053 5.9299 9.57712 5.63965 9 5.63965Z", fill: "#FF5F00" }) }))); },
@@ -38,6 +39,7 @@ var ICONS = Object.freeze({
38
39
  UpgradeColoursOutlined: 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: "2", fill: "#016FB9" }), jsx("path", { d: "M14.681 16H9.32576C9.114 16 8.94304 15.8343 8.94304 15.6206V10.3044L6.39283 10.3065C6.17884 10.3065 5.99683 10.1386 6.00014 9.93149C5.99683 9.82026 6.0509 9.72651 6.11708 9.65237L11.7293 4.10931C11.8792 3.96319 12.1264 3.96539 12.272 4.10493L17.8842 9.65235C18.0386 9.80716 18.0386 10.0492 17.8842 10.1975C17.8103 10.276 17.711 10.3065 17.6206 10.3065H15.0626V15.6206C15.0659 15.8343 14.8994 16 14.681 16Z", fill: "white" }), jsx("path", { d: "M19.3527 19C19.7106 19 20 19.2213 20 19.5008C20.0044 19.7787 19.7106 19.9983 19.3527 20L4.64283 19.9983C4.2894 19.9983 4 19.7787 4 19.5008C4 19.2213 4.2894 19 4.64283 19H19.3527Z", fill: "white" })] }))); },
39
40
  SwitchToColoursOutlined: 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: "2", fill: "#9131A0" }), jsx("path", { d: "M7.21053 17H5L9.78947 12.1853L5 7H7.21053L12 12.1853L7.21053 17Z", fill: "white" }), jsx("path", { d: "M14.2105 17H12L16.7895 12.1853L12 7H14.2105L19 12.1853L14.2105 17Z", fill: "white" })] }))); },
40
41
  ShoppingColoursOutlined: 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: "2", fill: "#FF5F00" }), jsx("path", { d: "M16.6668 7.57111H15.3333C15.3333 5.59994 13.8402 4 12.0002 4C10.1602 4 8.66707 5.59994 8.66707 7.57111H7.33354C6.60046 7.57111 6.00729 8.21413 6.00729 8.99987L6 17.5712C6.00077 17.9497 6.14147 18.3123 6.39134 18.5801C6.64122 18.8478 6.97996 18.9988 7.33354 19H16.6665C17.02 18.9988 17.3588 18.8478 17.6087 18.5801C17.8585 18.3123 17.9992 17.9497 18 17.5712V9.00026C17.9992 8.62185 17.8585 8.25916 17.6087 7.99144C17.3588 7.72371 17.02 7.57274 16.6665 7.5715L16.6668 7.57111ZM12.0002 5.42837C12.2631 5.42811 12.5235 5.48337 12.7664 5.59099C13.0093 5.6986 13.23 5.85646 13.4158 6.05551C13.6016 6.25456 13.7489 6.49089 13.8492 6.75096C13.9496 7.01104 14.001 7.28974 14.0005 7.57111H9.99988C9.9994 7.28974 10.0508 7.01104 10.1511 6.75096C10.2515 6.49089 10.3988 6.25456 10.5846 6.05551C10.7704 5.85646 10.9911 5.6986 11.234 5.59099C11.4769 5.48337 11.7373 5.42811 12.0002 5.42837ZM12.0002 12.5714C10.1602 12.5714 8.66707 10.9714 8.66707 8.99948H10.0002C9.99972 9.28088 10.0511 9.55963 10.1514 9.81975C10.2517 10.0799 10.399 10.3162 10.5848 10.5153C10.7706 10.7144 10.9913 10.8723 11.2343 10.98C11.4772 11.0876 11.7376 11.1429 12.0005 11.1426C12.2634 11.1428 12.5237 11.0874 12.7665 10.9798C13.0093 10.8721 13.2299 10.7142 13.4157 10.5152C13.6014 10.3162 13.7487 10.0799 13.8489 9.81984C13.9492 9.55982 14.0006 9.28117 14.0001 8.99987H15.3337C15.3337 10.9714 13.8402 12.5714 12.0002 12.5714Z", fill: "white" })] }))); },
42
+ ShareColoursOutlined: function (className) { return (jsxs("svg", __assign({ width: "24", height: "25", viewBox: "0 0 24 25", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className }, { children: [jsx("rect", { y: "0.5", width: "24", height: "24", rx: "2", fill: "#016FB9" }), jsx("path", { d: "M19.7034 13.611C19.7075 13.5062 19.7096 13.4014 19.7096 13.2945C19.7096 10.6767 18.3986 8.26027 16.2021 6.83014C15.9041 6.63699 15.5075 6.72123 15.3144 7.01712C15.1212 7.31507 15.2055 7.71164 15.5014 7.90479C17.326 9.09452 18.4192 11.1 18.4253 13.274C17.0096 13.276 15.863 14.4247 15.863 15.8425C15.863 17.2603 17.0137 18.411 18.4315 18.411C19.8493 18.411 21 17.2603 21 15.8425C21 14.887 20.4781 14.0527 19.7034 13.611ZM4.90274 13.2822C4.92329 13.2842 4.94178 13.2842 4.96233 13.2842C5.2911 13.2842 5.57055 13.0336 5.60137 12.7007C5.84178 10.0705 7.61507 7.95 10.0007 7.18151C10.4712 7.76507 11.1925 8.13699 12 8.13699C13.4178 8.13699 14.5685 6.9863 14.5685 5.56849C14.5685 4.15068 13.4178 3 12 3C10.5822 3 9.43151 4.15068 9.43151 5.56849C9.43151 5.71849 9.44384 5.86644 9.46849 6.01027C8.48425 6.35137 7.57192 6.89384 6.78699 7.61301C5.37123 8.91164 4.49384 10.6788 4.32123 12.5856C4.29041 12.937 4.54931 13.2493 4.90274 13.2822ZM15.7151 18.5404C14.626 19.313 13.3418 19.7219 12 19.7219C10.4733 19.7219 9.02877 19.1877 7.89041 18.2384C8.04863 17.9055 8.13699 17.5315 8.13699 17.139C8.13699 15.7212 6.9863 14.5705 5.56849 14.5705C4.15068 14.5705 3 15.7192 3 17.137C3 18.5548 4.15068 19.7055 5.56849 19.7055C6.12945 19.7055 6.64726 19.5267 7.06849 19.2226C7.43836 19.5308 7.83904 19.8062 8.26027 20.0404C9.39863 20.6712 10.6911 21.0062 12 21.0062C13.6089 21.0062 15.15 20.5151 16.4568 19.5884C16.7466 19.3829 16.8144 18.9822 16.6089 18.6925C16.4034 18.4027 16.0027 18.3349 15.7151 18.5404Z", fill: "white" })] }))); },
41
43
  EmptyColoursOutlined: function (className) { return (jsxs("svg", __assign({ width: "129", height: "128", viewBox: "0 0 129 128", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className }, { children: [jsx("path", { opacity: "0.1", d: "M13.3 112C13.3 113.697 18.6943 115.325 28.2962 116.526C37.898 117.726 50.921 118.4 64.5 118.4C78.0791 118.4 91.102 117.726 100.704 116.526C110.306 115.325 115.7 113.697 115.7 112C115.7 110.303 110.306 108.675 100.704 107.475C91.102 106.274 78.0791 105.6 64.5 105.6C50.921 105.6 37.898 106.274 28.2962 107.475C18.6943 108.675 13.3 110.303 13.3 112Z", fill: "#FF5F00" }), jsx("path", { opacity: "0.5", d: "M15.092 47.1042C15.092 48.1922 15.924 49.0242 17.012 49.0242C18.1 49.0242 18.932 48.1922 18.932 47.1042C18.932 46.0162 18.1 45.1842 17.012 45.1842C15.988 45.1842 15.092 46.0802 15.092 47.1042ZM116.34 104C113.908 104.64 113.396 105.152 112.82 107.52C112.18 105.088 111.668 104.576 109.3 104C111.668 103.36 112.244 102.848 112.82 100.48C113.396 102.848 113.908 103.424 116.34 104ZM25.78 40.3842C22.644 41.2162 22.004 41.8562 21.172 44.9922C20.34 41.8562 19.7 41.2162 16.564 40.3842C19.7 39.5522 20.34 38.8482 21.172 35.7762C21.94 38.9122 22.644 39.5522 25.78 40.3842ZM102.58 29.3762C100.66 29.8882 100.276 30.2722 99.764 32.1922C99.252 30.2722 98.868 29.8882 96.948 29.3762C98.868 28.8642 99.252 28.4802 99.764 26.5602C100.212 28.4802 100.66 28.8642 102.58 29.3762ZM110.836 19.5202C105.844 20.8002 104.82 21.8882 103.476 26.8802C102.196 21.8882 101.108 20.8642 96.116 19.5202C101.108 18.2402 102.132 17.1522 103.476 12.1602C104.756 17.0882 105.844 18.1762 110.836 19.5202Z", fill: "#FF5F00" }), jsx("path", { opacity: "0.2", d: "M52.98 89.1518V89.6638L57.204 93.5678L73.396 85.6958L58.74 95.1038V99.7118L61.108 97.4078L63.476 99.7118L76.02 84.3518V83.8398L52.98 89.1518Z", fill: "#FF5F00" }), jsx("path", { opacity: "0.5", d: "M108.02 68.9919V68.8639C108.02 68.7359 107.956 68.6719 107.956 68.5439V68.4799L94.1959 32.5759C92.2119 26.4959 86.5799 22.3999 80.1799 22.3999H48.8839C42.4839 22.3999 36.8519 26.4959 34.8679 32.5759L21.1079 68.4799V68.5439C21.0439 68.6719 21.0439 68.7359 21.0439 68.8639V94.7199C21.0439 102.848 27.6359 109.44 35.7639 109.44H93.3639C101.492 109.44 108.084 102.848 108.084 94.7199V69.1199C108.02 69.0559 108.02 69.0559 108.02 68.9919ZM38.4519 33.9199C38.4519 33.9199 38.4519 33.8559 38.5159 33.8559C39.9239 29.2479 44.1479 26.2399 48.8839 26.2399H80.1159C84.8519 26.2399 89.0759 29.2479 90.5479 33.7919C90.5479 33.7919 90.5479 33.8559 90.6119 33.8559L103.348 67.1359H74.0999C73.0119 67.1359 72.1799 67.9679 72.1799 69.0559C72.1799 73.2799 68.7239 76.7359 64.4999 76.7359C60.2759 76.7359 56.8199 73.2799 56.8199 69.0559C56.8199 67.9679 55.9879 67.1359 54.8999 67.1359H25.7159L38.4519 33.9199ZM104.18 94.7199C104.18 100.736 99.3159 105.6 93.2999 105.6H35.6999C29.6839 105.6 24.8199 100.736 24.8199 94.7199V71.0399H53.1719C54.0679 76.4799 58.8039 80.6399 64.4999 80.6399C70.1959 80.6399 74.9319 76.4799 75.8279 71.0399H104.18V94.7199Z", fill: "#FF5F00" }), jsx("path", { opacity: "0.2", d: "M64.4999 72.3202C62.7079 72.3202 61.2999 70.9122 61.2999 69.1202V62.7202H32.1799L42.6759 35.3282L42.7399 35.2002C43.6359 32.5122 46.0679 30.7202 48.8839 30.7202H80.1159C82.9319 30.7202 85.3639 32.5122 86.2599 35.2002L86.3239 35.3282L96.8199 62.7202H67.6999V69.1202C67.6999 70.9122 66.2919 72.3202 64.4999 72.3202Z", fill: "#FF5F00" })] }))); },
42
44
  FireWorkColoursOutlined: function (className) { return (jsxs("svg", __assign({ width: "115", height: "94", viewBox: "0 0 115 94", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className }, { children: [jsx("path", { d: "M42.0299 59.8537L44.05 82.9267L34.9637 88.1727L32.9436 65.0996L42.0299 59.8537Z", fill: "#00B2A7" }), jsx("path", { d: "M44.057 82.9219L25.0923 69.6318L15.999 74.8818L34.9708 88.1678L44.057 82.9219ZM60.9315 73.1794L41.9597 59.8934L32.8735 65.1394L51.8453 78.4254L60.9315 73.1794Z", fill: "#6ADDD6" }), jsx("path", { d: "M62.379 88.5858L62.379 91.0065C62.4034 91.2778 62.5294 91.5303 62.7323 91.7141C62.9352 91.898 63.2002 92 63.4751 92C63.7501 92 64.0151 91.898 64.218 91.7141C64.4209 91.5303 64.5469 91.2778 64.5713 91.0065L64.5713 88.5858L67.0148 88.5858C67.1669 88.5993 67.3202 88.5812 67.4649 88.5327C67.6096 88.4842 67.7425 88.4064 67.8552 88.3043C67.9679 88.2022 68.0579 88.0779 68.1194 87.9394C68.181 87.801 68.2128 87.6513 68.2128 87.5C68.2128 87.3487 68.181 87.199 68.1194 87.0606C68.0579 86.9221 67.9679 86.7978 67.8552 86.6957C67.7425 86.5936 67.6096 86.5158 67.4649 86.4673C67.3202 86.4188 67.1669 86.4007 67.0148 86.4142L64.5713 86.4142L64.5713 83.9935C64.5469 83.7222 64.4209 83.4697 64.218 83.2858C64.0151 83.102 63.7501 83 63.4751 83C63.2002 83 62.9352 83.102 62.7323 83.2858C62.5294 83.4697 62.4034 83.7222 62.379 83.9935L62.379 86.4142L59.9355 86.4142C59.6616 86.4383 59.4068 86.5631 59.2212 86.7641C59.0356 86.9651 58.9326 87.2276 58.9326 87.5C58.9326 87.7724 59.0356 88.0349 59.2212 88.2359C59.4068 88.4369 59.6616 88.5617 59.9355 88.5858L62.379 88.5858Z", fill: "#FFC2A0" }), jsx("path", { d: "M76.9251 89.3556C76.5534 89.5998 76.117 89.7292 75.6711 89.7275C75.3756 89.7275 75.0831 89.6697 74.8102 89.5575C74.5374 89.4452 74.2896 89.2807 74.0811 89.0733C73.8726 88.8659 73.7075 88.6198 73.5952 88.3491C73.4829 88.0784 73.4257 87.7884 73.4268 87.4957C73.4268 87.0539 73.5592 86.6221 73.8071 86.2549C74.0551 85.8877 74.4074 85.6017 74.8196 85.433C75.2318 85.2643 75.6852 85.2206 76.1224 85.3074C76.5597 85.3943 76.9611 85.6077 77.2758 85.9207C77.5906 86.2336 77.8044 86.6321 77.8904 87.0656C77.9763 87.4991 77.9305 87.9481 77.7586 88.3557C77.5868 88.7634 77.2967 89.1114 76.9251 89.3556Z", fill: "#FFC2A0" }), jsx("path", { d: "M37.5448 40.2722L37.5448 42.5569C37.5322 42.6992 37.5492 42.8425 37.595 42.9778C37.6407 43.1131 37.7142 43.2374 37.8106 43.3427C37.907 43.4481 38.0242 43.5322 38.1549 43.5898C38.2856 43.6474 38.4269 43.6771 38.5697 43.6771C38.7125 43.6771 38.8537 43.6474 38.9844 43.5898C39.1151 43.5322 39.2324 43.4481 39.3288 43.3427C39.4252 43.2374 39.4986 43.1131 39.5444 42.9778C39.5901 42.8425 39.6072 42.6992 39.5946 42.5569L39.5946 40.2722L41.9117 40.2722C42.1824 40.2722 42.4421 40.1647 42.6335 39.9732C42.825 39.7818 42.9325 39.5221 42.9325 39.2514C42.9325 38.9806 42.825 38.721 42.6335 38.5295C42.4421 38.3381 42.1824 38.2305 41.9117 38.2305L39.5946 38.2305L39.5946 35.9377C39.5718 35.6816 39.4539 35.4434 39.2643 35.2698C39.0746 35.0963 38.8268 35 38.5697 35C38.3126 35 38.0648 35.0963 37.8751 35.2698C37.6854 35.4434 37.5676 35.6816 37.5448 35.9377L37.5448 38.2305L35.2601 38.2305C35.126 38.2305 34.9933 38.257 34.8694 38.3083C34.7456 38.3596 34.633 38.4347 34.5383 38.5295C34.4435 38.6243 34.3683 38.7369 34.317 38.8607C34.2657 38.9846 34.2393 39.1173 34.2393 39.2514C34.2393 39.3854 34.2657 39.5182 34.317 39.642C34.3683 39.7659 34.4435 39.8784 34.5383 39.9732C34.633 40.068 34.7456 40.1432 34.8694 40.1945C34.9933 40.2458 35.126 40.2722 35.2601 40.2722L37.5448 40.2722Z", fill: "#FFC2A0" }), jsx("path", { d: "M92.0093 28.7616L92.0093 31.0463L92.0093 31.0868C92.0093 31.3576 92.1168 31.6172 92.3083 31.8086C92.4997 32.0001 92.7594 32.1076 93.0301 32.1076C93.3008 32.1076 93.5605 32.0001 93.7519 31.8086C93.9434 31.6172 94.0509 31.3576 94.0509 31.0868L94.0509 28.8021L96.3519 28.8021C96.4941 28.8147 96.6374 28.7977 96.7727 28.7519C96.908 28.7062 97.0323 28.6327 97.1376 28.5363C97.243 28.4399 97.3271 28.3227 97.3847 28.192C97.4423 28.0613 97.472 27.92 97.472 27.7772C97.472 27.6344 97.4423 27.4931 97.3847 27.3625C97.3271 27.2318 97.243 27.1145 97.1376 27.0181C97.0323 26.9217 96.908 26.8483 96.7727 26.8025C96.6374 26.7567 96.4941 26.7397 96.3519 26.7523L94.0671 26.7523L94.0671 24.4676C94.0671 24.1969 93.9596 23.9372 93.7681 23.7458C93.5767 23.5543 93.317 23.4468 93.0463 23.4468C92.7756 23.4468 92.5159 23.5543 92.3245 23.7458C92.133 23.9372 92.0255 24.1969 92.0255 24.4676L92.0255 26.7118L89.7326 26.7118C89.4766 26.7346 89.2383 26.8524 89.0647 27.0421C88.8912 27.2318 88.7949 27.4796 88.7949 27.7367C88.7949 27.9938 88.8912 28.2416 89.0647 28.4313C89.2383 28.6209 89.4766 28.7388 89.7326 28.7616L92.0093 28.7616Z", fill: "#FFC2A0" }), jsx("path", { d: "M113.993 3.85796C113.647 4.08942 113.24 4.21296 112.823 4.21296C112.264 4.21296 111.728 3.99103 111.333 3.59599C110.938 3.20095 110.716 2.66516 110.716 2.10648C110.716 1.68986 110.84 1.28259 111.071 0.936183C111.303 0.589774 111.632 0.319781 112.017 0.160346C112.402 0.0009115 112.825 -0.0408036 113.234 0.0404754C113.642 0.121754 114.018 0.322377 114.312 0.616974C114.607 0.911571 114.808 1.28691 114.889 1.69553C114.97 2.10414 114.928 2.52769 114.769 2.9126C114.61 3.29751 114.34 3.62649 113.993 3.85796Z", fill: "#FFC2A0" }), jsx("path", { d: "M63.2618 59.75C63.0143 59.9141 62.7238 60.0011 62.4269 60C62.2301 60 62.0354 59.9612 61.8537 59.8857C61.672 59.8102 61.5071 59.6997 61.3682 59.5603C61.2294 59.4209 61.1195 59.2555 61.0447 59.0736C60.97 58.8916 60.9319 58.6967 60.9326 58.5C60.9326 58.2031 61.0207 57.9128 61.1858 57.666C61.3509 57.4192 61.5855 57.227 61.8599 57.1136C62.1344 57.0003 62.4363 56.9709 62.7274 57.0292C63.0185 57.0876 63.2858 57.231 63.4953 57.4414C63.7049 57.6517 63.8473 57.9196 63.9045 58.2109C63.9617 58.5023 63.9312 58.804 63.8168 59.078C63.7024 59.352 63.5092 59.5859 63.2618 59.75Z", fill: "#FFC2A0" }), jsx("path", { d: "M19 52.7523L7.27619 60L0 56.3761L12.9977 51L19 52.7523Z", fill: "#FFC2A0" }), jsx("path", { d: "M36.3038 4.23805L34 6.69027L37.0034 8L44 1H39.9666L36.3038 4.23805Z", fill: "#FFC2A0" }), jsx("path", { d: "M77.9934 29.7152L57.7732 40.9887L49.2713 34.8406L69.4915 23.5672L77.9934 29.7152Z", fill: "#DC4E45" }), jsx("path", { d: "M57.78 40.9932L62.1454 18.2545L53.6436 12.1064L49.2782 34.8452L57.78 40.9932Z", fill: "#FF6B5B" }), jsx("path", { d: "M93.7821 41.1321L73.5554 52.4008L65.0535 46.2527L85.2803 34.984L93.7821 41.1321Z", fill: "#DC4E45" }), jsx("path", { d: "M73.5622 52.4063L77.9276 29.6676L69.4258 23.5195L65.0604 46.2582L73.5622 52.4063ZM89.3448 63.8193L93.7102 41.0806L85.2084 34.9326L80.843 57.6713L89.3448 63.8193Z", fill: "#FF6B5B" })] }))); }
43
45
  });
package/es/index.css CHANGED
@@ -1 +1 @@
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-required{color:#e22727}.foxit-form-error-text{color:#e22727;font-size:12px;margin-top:8px}.foxit-form-warning-text{color:orange;font-size:12px;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!important}.foxit-input-element::placeholder{color:#b3b3b3}.foxit-input-addon{align-items:center;color:#b3b3b3;cursor:pointer;display:flex;padding:0 0 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-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: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;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-prevent-click{pointer-events:none}.foxit-button-loading{animation:spin 1s linear infinite;margin-right: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;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;min-height:200px;overflow:hidden;position:relative}.foxit-table-loading{align-items:center;background-color:#ffffffb3;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:1}.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{color:#373737;flex:0 0 auto;font-size:16px;font-weight:700;margin-right:16px}.foxit-table-mobile-value{color:#373737;flex:1 1 0;font-size:14px;font-weight:400;text-align:right;word-break:break-all}.foxit-table-mobile-loading{align-items:center;background:#0000;display:flex;justify-content:center;padding:24px 0;width:100%}.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-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-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;position:absolute;width:max-content;z-index:1}.foxit-tooltip-arrow{border-left:5px solid #0000;border-right:5px solid #0000;border-top:5px solid #525252;bottom:-5px;height:0;left:50%;position:absolute;transform:translateX(-50%);width:0}.foxit-menu{border-radius:10px;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;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}.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;margin-right:8px}.foxit-menu-item-icon-collapsed{font-size:16px;margin-right: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}.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-modal-content-container{background-color:#fff;border-radius:10px;display:flex;flex-direction:column;gap:24px;justify-content:space-between;min-width:320px;padding:36px}.foxit-modal-success{background:linear-gradient(135deg,#fffaf7,#f9ede3,#fffaf7,#f9ede3)}.foxit-modal-head{align-items:center;display:flex;justify-content:space-between}.foxit-modal-children{max-height:60vh;overflow-y:auto}.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;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: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;position:relative;transition:background-color .3s;width:40px}.foxit-switch.small{height:14px;line-height:14px;width:24px}.foxit-switch.checked{background-color:#ff5f00}.foxit-switch-handle{background-color:#fff;border-radius:50%;height:18px;position:absolute;top:2px;transform:translateX(1px);transition:transform .3s;width:18px}.foxit-switch.small .foxit-switch-handle{height:12px;top:1px;width:12px}.foxit-switch.checked .foxit-switch-handle{transform:translateX(20px)}.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;margin-right:8px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.foxit-spin-icon{left:50%;position:absolute;top: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;margin-right:8px;width:20px}.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{background:linear-gradient(135deg,#fffaf7,#f9ede3,#fffaf7,#f9ede3);border:1px solid #ff5f00;display:block}.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;box-shadow:-2px 0 8px #00000026;height:100vh;overflow:auto;position:fixed;right:0;top:0;transition:right .3s;z-index:100}.foxit-drawer-content{padding:24px}
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:24px}.foxit-form-item label{color:#525252;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.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}.foxit-input-element::placeholder{color:#b3b3b3}.foxit-input-addon{align-items:center;color:#b3b3b3;cursor:pointer;display:flex;padding:0 0 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-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: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-medium{border-radius:5px;min-height:44px;padding:11px 32px}.foxit-button-medium svg{height:20px;width:20px}.foxit-button-large{min-height:56px;padding:16px 32px}.foxit-button-prevent-click{pointer-events:none}.foxit-button-loading{animation:spin 1s linear infinite;margin-right: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;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;min-height:200px;overflow:hidden;position:relative}.foxit-table-loading{align-items:center;background-color:#ffffffb3;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:5}.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{font-size:16px;font-weight:700;margin-right:16px;max-width:50%}.foxit-table-mobile-label,.foxit-table-mobile-value{word-wrap:break-word;color:#373737;white-space:pre-wrap}.foxit-table-mobile-value{flex:1 1 0;font-size:14px;font-weight:400;text-align:right}.foxit-table-mobile-loading{align-items:center;background:#0000;display:flex;justify-content:center;padding:24px 0;width:100%}.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}.foxit-linktabs-scroll-left{left:-24px}.foxit-linktabs-scroll-right{right:-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{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: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-arrow{border-left:5px solid #0000;border-right:5px solid #0000;border-top:5px solid #525252;bottom:-5px;height:0;position:absolute;transform:translateX(-50%);width:0}.foxit-tooltip-white .foxit-tooltip-arrow{border-top-color:#e0e0e0}.foxit-tooltip-white .foxit-tooltip-arrow:after{border-left:5px solid #0000;border-right:5px solid #0000;border-top:5px solid #fff;content:"";left:-5px;position:absolute;top:-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}.foxit-menu-item{padding-left: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}.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;margin-right:8px}.foxit-menu-item-icon-collapsed{font-size:16px;margin-right: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}.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-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}}.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;transform:translateX(1px);transition:transform .3s;width:18px}.foxit-switch.small .foxit-switch-handle{height:12px;top:1px;width:12px}.foxit-switch.checked .foxit-switch-handle{transform:translateX(20px)}.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;margin-right:8px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.foxit-spin-icon{left:50%;position:absolute;top: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;margin-right:8px;width:20px}.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{background:linear-gradient(135deg,#fffaf7,#f9ede3,#fffaf7,#f9ede3);border:1px solid #ff5f00;display:block}.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;box-shadow:-2px 0 8px #00000026;height:100vh;overflow:auto;position:fixed;right:0;top:0;transition:right .3s;z-index:100}.foxit-drawer-content{padding:24px}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "foxit-component",
3
- "version": "1.0.0-alpha.29",
3
+ "version": "1.0.1",
4
4
  "author": {
5
5
  "name": "linye",
6
6
  "email": "869675630@qq.com"