@kingsoft-ai/design 0.1.9
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.
- package/README.md +67 -0
- package/dist/index.cjs +2485 -0
- package/dist/index.cjs.map +1 -0
- package/dist/index.mjs +9638 -0
- package/dist/index.mjs.map +1 -0
- package/dist/types/__tests__/setup.d.ts +1 -0
- package/dist/types/__tests__/test-utils.d.ts +26 -0
- package/dist/types/button/Button.d.ts +56 -0
- package/dist/types/button/Button.style.d.ts +69 -0
- package/dist/types/button/IconButton.d.ts +47 -0
- package/dist/types/button/IconButton.style.d.ts +32 -0
- package/dist/types/button/__tests__/Button.test.d.ts +14 -0
- package/dist/types/button/__tests__/IconButton.test.d.ts +1 -0
- package/dist/types/button/index.d.ts +4 -0
- package/dist/types/button/tokens.d.ts +4 -0
- package/dist/types/checkbox/Checkbox.d.ts +42 -0
- package/dist/types/checkbox/Checkbox.style.d.ts +9 -0
- package/dist/types/checkbox/CheckboxButton.d.ts +52 -0
- package/dist/types/checkbox/CheckboxButton.style.d.ts +26 -0
- package/dist/types/checkbox/__tests__/Checkbox.test.d.ts +4 -0
- package/dist/types/checkbox/__tests__/CheckboxButton.test.d.ts +4 -0
- package/dist/types/checkbox/index.d.ts +7 -0
- package/dist/types/checkbox/tokens.d.ts +3 -0
- package/dist/types/collapse/Collapse.d.ts +50 -0
- package/dist/types/collapse/Collapse.style.d.ts +153 -0
- package/dist/types/collapse/CollapseItem.d.ts +46 -0
- package/dist/types/collapse/__tests__/Collapse.test.d.ts +14 -0
- package/dist/types/collapse/index.d.ts +4 -0
- package/dist/types/collapse/tokens.d.ts +3 -0
- package/dist/types/index.d.ts +18 -0
- package/dist/types/input/Input.d.ts +73 -0
- package/dist/types/input/Input.style.d.ts +96 -0
- package/dist/types/input/__tests__/Input.test.d.ts +17 -0
- package/dist/types/input/index.d.ts +2 -0
- package/dist/types/input/tokens.d.ts +3 -0
- package/dist/types/menu/Menu.d.ts +37 -0
- package/dist/types/menu/Menu.style.d.ts +122 -0
- package/dist/types/menu/MenuFooter.d.ts +32 -0
- package/dist/types/menu/MenuGroup.d.ts +26 -0
- package/dist/types/menu/MenuHeader.d.ts +32 -0
- package/dist/types/menu/MenuItem.d.ts +40 -0
- package/dist/types/menu/SubMenuItem.d.ts +26 -0
- package/dist/types/menu/SubMenuPopover.d.ts +29 -0
- package/dist/types/menu/__tests__/Menu.test.d.ts +1 -0
- package/dist/types/menu/index.d.ts +13 -0
- package/dist/types/menu/tokens.d.ts +3 -0
- package/dist/types/numberInput/NumberInput.d.ts +59 -0
- package/dist/types/numberInput/NumberInput.style.d.ts +44 -0
- package/dist/types/numberInput/__tests__/NumberInput.test.d.ts +1 -0
- package/dist/types/numberInput/index.d.ts +2 -0
- package/dist/types/numberInput/tokens.d.ts +3 -0
- package/dist/types/progress/Progress.d.ts +64 -0
- package/dist/types/progress/Progress.style.d.ts +117 -0
- package/dist/types/progress/__tests__/Progress.test.d.ts +1 -0
- package/dist/types/progress/index.d.ts +3 -0
- package/dist/types/radio/Radio.d.ts +9 -0
- package/dist/types/radio/Radio.style.d.ts +36 -0
- package/dist/types/radio/__tests__/Radio.test.d.ts +13 -0
- package/dist/types/radio/index.d.ts +2 -0
- package/dist/types/radio/tokens.d.ts +3 -0
- package/dist/types/select/ListBox.d.ts +11 -0
- package/dist/types/select/Popover.d.ts +10 -0
- package/dist/types/select/Select.d.ts +140 -0
- package/dist/types/select/Select.style.d.ts +73 -0
- package/dist/types/select/__tests__/Select.test.d.ts +1 -0
- package/dist/types/select/index.d.ts +3 -0
- package/dist/types/select/tokens.d.ts +3 -0
- package/dist/types/skeleton/Skeleton.d.ts +23 -0
- package/dist/types/skeleton/Skeleton.style.d.ts +32 -0
- package/dist/types/skeleton/index.d.ts +3 -0
- package/dist/types/skeleton/tokens.d.ts +3 -0
- package/dist/types/stepper/Step.d.ts +24 -0
- package/dist/types/stepper/Stepper.d.ts +20 -0
- package/dist/types/stepper/Stepper.style.d.ts +57 -0
- package/dist/types/stepper/index.d.ts +3 -0
- package/dist/types/stepper/tokens.d.ts +3 -0
- package/dist/types/switch/Switch.d.ts +68 -0
- package/dist/types/switch/Switch.style.d.ts +100 -0
- package/dist/types/switch/__tests__/Switch.test.d.ts +14 -0
- package/dist/types/switch/index.d.ts +6 -0
- package/dist/types/switch/tokens.d.ts +3 -0
- package/dist/types/table/Table.d.ts +88 -0
- package/dist/types/table/Table.style.d.ts +97 -0
- package/dist/types/table/index.d.ts +2 -0
- package/dist/types/tag/Tag.d.ts +80 -0
- package/dist/types/tag/Tag.style.d.ts +83 -0
- package/dist/types/tag/__tests__/Tag.test.d.ts +14 -0
- package/dist/types/tag/index.d.ts +2 -0
- package/dist/types/tag/tokens.d.ts +3 -0
- package/dist/types/theme.d.ts +14 -0
- package/dist/types/types/component-tokens.types.d.ts +765 -0
- package/dist/types/types/theme-utils.d.ts +20 -0
- package/dist/types/upload/Upload.d.ts +80 -0
- package/dist/types/upload/Upload.style.d.ts +158 -0
- package/dist/types/upload/__tests__/Upload.test.d.ts +16 -0
- package/dist/types/upload/index.d.ts +3 -0
- package/package.json +73 -0
package/dist/index.cjs
ADDED
|
@@ -0,0 +1,2485 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("react"),de=require("react-aria"),j=require("@emotion/styled"),_=require("@emotion/react"),Pr=require("react-dom"),_e=require("@kingsoft-ai/theme");function Or(t){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const e in t)if(e!=="default"){const r=Object.getOwnPropertyDescriptor(t,e);Object.defineProperty(o,e,r.get?r:{enumerable:!0,get:()=>t[e]})}}return o.default=t,Object.freeze(o)}const Oe=Or(g);var It={exports:{}},He={};/**
|
|
2
|
+
* @license React
|
|
3
|
+
* react-jsx-runtime.production.js
|
|
4
|
+
*
|
|
5
|
+
* Copyright (c) Meta Platforms, Inc. and affiliates.
|
|
6
|
+
*
|
|
7
|
+
* This source code is licensed under the MIT license found in the
|
|
8
|
+
* LICENSE file in the root directory of this source tree.
|
|
9
|
+
*/var ro;function _r(){if(ro)return He;ro=1;var t=Symbol.for("react.transitional.element"),o=Symbol.for("react.fragment");function e(r,n,i){var s=null;if(i!==void 0&&(s=""+i),n.key!==void 0&&(s=""+n.key),"key"in n){i={};for(var l in n)l!=="key"&&(i[l]=n[l])}else i=n;return n=i.ref,{$$typeof:t,type:r,key:s,ref:n!==void 0?n:null,props:i}}return He.Fragment=o,He.jsx=e,He.jsxs=e,He}var We={};/**
|
|
10
|
+
* @license React
|
|
11
|
+
* react-jsx-runtime.development.js
|
|
12
|
+
*
|
|
13
|
+
* Copyright (c) Meta Platforms, Inc. and affiliates.
|
|
14
|
+
*
|
|
15
|
+
* This source code is licensed under the MIT license found in the
|
|
16
|
+
* LICENSE file in the root directory of this source tree.
|
|
17
|
+
*/var no;function Nr(){return no||(no=1,process.env.NODE_ENV!=="production"&&function(){function t(c){if(c==null)return null;if(typeof c=="function")return c.$$typeof===V?null:c.displayName||c.name||null;if(typeof c=="string")return c;switch(c){case $:return"Fragment";case k:return"Profiler";case w:return"StrictMode";case S:return"Suspense";case z:return"SuspenseList";case L:return"Activity"}if(typeof c=="object")switch(typeof c.tag=="number"&&console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),c.$$typeof){case y:return"Portal";case v:return c.displayName||"Context";case C:return(c._context.displayName||"Context")+".Consumer";case f:var E=c.render;return c=c.displayName,c||(c=E.displayName||E.name||"",c=c!==""?"ForwardRef("+c+")":"ForwardRef"),c;case I:return E=c.displayName||null,E!==null?E:t(c.type)||"Memo";case T:E=c._payload,c=c._init;try{return t(c(E))}catch{}}return null}function o(c){return""+c}function e(c){try{o(c);var E=!1}catch{E=!0}if(E){E=console;var R=E.error,P=typeof Symbol=="function"&&Symbol.toStringTag&&c[Symbol.toStringTag]||c.constructor.name||"Object";return R.call(E,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",P),o(c)}}function r(c){if(c===$)return"<>";if(typeof c=="object"&&c!==null&&c.$$typeof===T)return"<...>";try{var E=t(c);return E?"<"+E+">":"<...>"}catch{return"<...>"}}function n(){var c=O.A;return c===null?null:c.getOwner()}function i(){return Error("react-stack-top-frame")}function s(c){if(A.call(c,"key")){var E=Object.getOwnPropertyDescriptor(c,"key").get;if(E&&E.isReactWarning)return!1}return c.key!==void 0}function l(c,E){function R(){K||(K=!0,console.error("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",E))}R.isReactWarning=!0,Object.defineProperty(c,"key",{get:R,configurable:!0})}function d(){var c=t(this.type);return B[c]||(B[c]=!0,console.error("Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.")),c=this.props.ref,c!==void 0?c:null}function u(c,E,R,P,U,G){var D=R.ref;return c={$$typeof:x,type:c,key:E,props:R,_owner:P},(D!==void 0?D:null)!==null?Object.defineProperty(c,"ref",{enumerable:!1,get:d}):Object.defineProperty(c,"ref",{enumerable:!1,value:null}),c._store={},Object.defineProperty(c._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(c,"_debugInfo",{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.defineProperty(c,"_debugStack",{configurable:!1,enumerable:!1,writable:!0,value:U}),Object.defineProperty(c,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:G}),Object.freeze&&(Object.freeze(c.props),Object.freeze(c)),c}function p(c,E,R,P,U,G){var D=E.children;if(D!==void 0)if(P)if(F(D)){for(P=0;P<D.length;P++)m(D[P]);Object.freeze&&Object.freeze(D)}else console.error("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else m(D);if(A.call(E,"key")){D=t(c);var J=Object.keys(E).filter(function(X){return X!=="key"});P=0<J.length?"{key: someKey, "+J.join(": ..., ")+": ...}":"{key: someKey}",Z[D+P]||(J=0<J.length?"{"+J.join(": ..., ")+": ...}":"{}",console.error(`A props object containing a "key" prop is being spread into JSX:
|
|
18
|
+
let props = %s;
|
|
19
|
+
<%s {...props} />
|
|
20
|
+
React keys must be passed directly to JSX without using spread:
|
|
21
|
+
let props = %s;
|
|
22
|
+
<%s key={someKey} {...props} />`,P,D,J,D),Z[D+P]=!0)}if(D=null,R!==void 0&&(e(R),D=""+R),s(E)&&(e(E.key),D=""+E.key),"key"in E){R={};for(var q in E)q!=="key"&&(R[q]=E[q])}else R=E;return D&&l(R,typeof c=="function"?c.displayName||c.name||"Unknown":c),u(c,D,R,n(),U,G)}function m(c){h(c)?c._store&&(c._store.validated=1):typeof c=="object"&&c!==null&&c.$$typeof===T&&(c._payload.status==="fulfilled"?h(c._payload.value)&&c._payload.value._store&&(c._payload.value._store.validated=1):c._store&&(c._store.validated=1))}function h(c){return typeof c=="object"&&c!==null&&c.$$typeof===x}var b=g,x=Symbol.for("react.transitional.element"),y=Symbol.for("react.portal"),$=Symbol.for("react.fragment"),w=Symbol.for("react.strict_mode"),k=Symbol.for("react.profiler"),C=Symbol.for("react.consumer"),v=Symbol.for("react.context"),f=Symbol.for("react.forward_ref"),S=Symbol.for("react.suspense"),z=Symbol.for("react.suspense_list"),I=Symbol.for("react.memo"),T=Symbol.for("react.lazy"),L=Symbol.for("react.activity"),V=Symbol.for("react.client.reference"),O=b.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,A=Object.prototype.hasOwnProperty,F=Array.isArray,M=console.createTask?console.createTask:function(){return null};b={react_stack_bottom_frame:function(c){return c()}};var K,B={},W=b.react_stack_bottom_frame.bind(b,i)(),Y=M(r(i)),Z={};We.Fragment=$,We.jsx=function(c,E,R){var P=1e4>O.recentlyCreatedOwnerStacks++;return p(c,E,R,!1,P?Error("react-stack-top-frame"):W,P?M(r(c)):Y)},We.jsxs=function(c,E,R){var P=1e4>O.recentlyCreatedOwnerStacks++;return p(c,E,R,!0,P?Error("react-stack-top-frame"):W,P?M(r(c)):Y)}}()),We}process.env.NODE_ENV==="production"?It.exports=_r():It.exports=Nr();var a=It.exports;let Lt=new Map;typeof FinalizationRegistry<"u"&&new FinalizationRegistry(t=>{Lt.delete(t)});function Fr(t,o){if(t===o)return t;let e=Lt.get(t);if(e)return e.forEach(n=>n.current=o),o;let r=Lt.get(o);return r?(r.forEach(n=>n.current=t),t):o}function Vr(...t){return(...o)=>{for(let e of t)typeof e=="function"&&e(...o)}}function Po(t){var o,e,r="";if(typeof t=="string"||typeof t=="number")r+=t;else if(typeof t=="object")if(Array.isArray(t)){var n=t.length;for(o=0;o<n;o++)t[o]&&(e=Po(t[o]))&&(r&&(r+=" "),r+=e)}else for(e in t)t[e]&&(r&&(r+=" "),r+=e);return r}function Dr(){for(var t,o,e=0,r="",n=arguments.length;e<n;e++)(t=arguments[e])&&(o=Po(t))&&(r&&(r+=" "),r+=o);return r}function ut(...t){let o={...t[0]};for(let e=1;e<t.length;e++){let r=t[e];for(let n in r){let i=o[n],s=r[n];typeof i=="function"&&typeof s=="function"&&n[0]==="o"&&n[1]==="n"&&n.charCodeAt(2)>=65&&n.charCodeAt(2)<=90?o[n]=Vr(i,s):(n==="className"||n==="UNSAFE_className")&&typeof i=="string"&&typeof s=="string"?o[n]=Dr(i,s):n==="id"&&i&&s?o.id=Fr(i,s):o[n]=s!==void 0?s:i}}return o}function Kr(t){if(Br())t.focus({preventScroll:!0});else{let o=Hr(t);t.focus(),Wr(o)}}let rt=null;function Br(){if(rt==null){rt=!1;try{document.createElement("div").focus({get preventScroll(){return rt=!0,!0}})}catch{}}return rt}function Hr(t){let o=t.parentNode,e=[],r=document.scrollingElement||document.documentElement;for(;o instanceof HTMLElement&&o!==r;)(o.offsetHeight<o.scrollHeight||o.offsetWidth<o.scrollWidth)&&e.push({element:o,scrollTop:o.scrollTop,scrollLeft:o.scrollLeft}),o=o.parentNode;return r instanceof HTMLElement&&e.push({element:r,scrollTop:r.scrollTop,scrollLeft:r.scrollLeft}),e}function Wr(t){for(let{element:o,scrollTop:e,scrollLeft:r}of t)o.scrollTop=e,o.scrollLeft=r}function ft(t,o,e){let[r,n]=g.useState(t||o),i=g.useRef(t!==void 0),s=t!==void 0;g.useEffect(()=>{let u=i.current;u!==s&&process.env.NODE_ENV!=="production"&&console.warn(`WARN: A component changed from ${u?"controlled":"uncontrolled"} to ${s?"controlled":"uncontrolled"}.`),i.current=s},[s]);let l=s?t:r,d=g.useCallback((u,...p)=>{let m=(h,...b)=>{e&&(Object.is(l,h)||e(h,...b)),s||(l=h)};typeof u=="function"?(process.env.NODE_ENV!=="production"&&console.warn("We can not support a function callback. See Github Issues for details https://github.com/adobe/react-spectrum/issues/2320"),n((b,...x)=>{let y=u(s?l:b,...x);return m(y,...p),s?b:y})):(s||n(u),m(u,...p))},[s,l,e]);return[l,d]}const Ur=["primary","secondary","text","danger","gradient"],Yr=["sm","md","lg"],Zr=(t,o)=>{const e=o.components.button[t],r="shadow"in e;if(t==="gradient"){const u=e,p=u.shadow.default,m=u.shadow.hover;return _.css`
|
|
23
|
+
position: relative;
|
|
24
|
+
overflow: hidden;
|
|
25
|
+
color: ${u.text.default};
|
|
26
|
+
border-color: transparent; /* 渐变无边框,保留 1px 以保持高度一致 */
|
|
27
|
+
box-shadow: ${p};
|
|
28
|
+
|
|
29
|
+
/* 默认渐变背景 */
|
|
30
|
+
background: linear-gradient(
|
|
31
|
+
90deg,
|
|
32
|
+
${u.background.gradientFrom} 0%,
|
|
33
|
+
${u.background.gradientTo} 100%
|
|
34
|
+
);
|
|
35
|
+
|
|
36
|
+
/* 使用伪元素创建反向渐变层 */
|
|
37
|
+
&::before {
|
|
38
|
+
content: '';
|
|
39
|
+
position: absolute;
|
|
40
|
+
top: 0;
|
|
41
|
+
left: 0;
|
|
42
|
+
right: 0;
|
|
43
|
+
bottom: 0;
|
|
44
|
+
background: linear-gradient(
|
|
45
|
+
90deg,
|
|
46
|
+
${u.background.gradientTo} 0%,
|
|
47
|
+
${u.background.gradientFrom} 100%
|
|
48
|
+
);
|
|
49
|
+
opacity: 0;
|
|
50
|
+
transition: opacity 0.6s ease;
|
|
51
|
+
z-index: 0;
|
|
52
|
+
}
|
|
53
|
+
|
|
54
|
+
/* 确保内容在渐变层上方 */
|
|
55
|
+
& > * {
|
|
56
|
+
position: relative;
|
|
57
|
+
z-index: 1;
|
|
58
|
+
}
|
|
59
|
+
|
|
60
|
+
/* Hover 状态 - 显示反向渐变层 */
|
|
61
|
+
&:hover:not(:disabled):not([data-loading='true'])::before {
|
|
62
|
+
opacity: 1;
|
|
63
|
+
}
|
|
64
|
+
|
|
65
|
+
&:hover:not(:disabled):not([data-loading='true']) {
|
|
66
|
+
box-shadow: ${m};
|
|
67
|
+
}
|
|
68
|
+
|
|
69
|
+
/* Active/Pressed 状态(点击态) */
|
|
70
|
+
&:active:not(:disabled):not([data-loading='true']),
|
|
71
|
+
&[data-pressed='true']:not(:disabled):not([data-loading='true']) {
|
|
72
|
+
box-shadow: none;
|
|
73
|
+
transform: translateY(1px);
|
|
74
|
+
}
|
|
75
|
+
`}const n=(u,p)=>u[p]??u.default,i=u=>n(e.border,u),s=u=>n(e.background,u),l=r?e.shadow.default:"none",d=r?e.shadow.hover??"none":"none";return _.css`
|
|
76
|
+
background: ${e.background.default};
|
|
77
|
+
color: ${e.text.default};
|
|
78
|
+
border-color: ${e.border.default};
|
|
79
|
+
box-shadow: ${l};
|
|
80
|
+
|
|
81
|
+
/* Hover 状态 */
|
|
82
|
+
&:hover:not(:disabled):not([data-loading='true']) {
|
|
83
|
+
background: ${s("hover")};
|
|
84
|
+
border-color: ${i("hover")};
|
|
85
|
+
box-shadow: ${d};
|
|
86
|
+
}
|
|
87
|
+
|
|
88
|
+
/* Active/Pressed 状态(点击态) */
|
|
89
|
+
&:active:not(:disabled):not([data-loading='true']),
|
|
90
|
+
&[data-pressed='true']:not(:disabled):not([data-loading='true']) {
|
|
91
|
+
background: ${s("active")};
|
|
92
|
+
border-color: ${i("active")};
|
|
93
|
+
box-shadow: none;
|
|
94
|
+
transform: translateY(1px);
|
|
95
|
+
}
|
|
96
|
+
`},Xr=(t,o)=>{const e=o.components.button.size[t];return _.css`
|
|
97
|
+
height: ${e.height};
|
|
98
|
+
font-size: ${e.fontSize};
|
|
99
|
+
padding-inline: ${e.paddingInline};
|
|
100
|
+
|
|
101
|
+
/* 图标尺寸 */
|
|
102
|
+
svg {
|
|
103
|
+
width: ${e.iconSize};
|
|
104
|
+
height: ${e.iconSize};
|
|
105
|
+
}
|
|
106
|
+
`},Gr=j.button`
|
|
107
|
+
/* 基础样式 - 使用 Tier 3 组件层 Token */
|
|
108
|
+
position: relative;
|
|
109
|
+
display: inline-flex;
|
|
110
|
+
align-items: center;
|
|
111
|
+
justify-content: center;
|
|
112
|
+
box-sizing: border-box;
|
|
113
|
+
|
|
114
|
+
/* 字体样式 */
|
|
115
|
+
font-family: ${({theme:t})=>t.global.typography.fontFamily};
|
|
116
|
+
font-weight: ${({theme:t})=>t.components.button.fontWeight};
|
|
117
|
+
line-height: 1;
|
|
118
|
+
white-space: nowrap;
|
|
119
|
+
|
|
120
|
+
/* 边框样式 */
|
|
121
|
+
border-width: 1px;
|
|
122
|
+
border-style: solid;
|
|
123
|
+
border-radius: ${({theme:t})=>t.components.button.borderRadius};
|
|
124
|
+
|
|
125
|
+
/* 交互样式 */
|
|
126
|
+
cursor: pointer;
|
|
127
|
+
user-select: none;
|
|
128
|
+
outline: none;
|
|
129
|
+
|
|
130
|
+
/* 过渡动画 */
|
|
131
|
+
transition:
|
|
132
|
+
background ${({theme:t})=>t.components.button.transition},
|
|
133
|
+
border-color ${({theme:t})=>t.components.button.transition},
|
|
134
|
+
box-shadow ${({theme:t})=>t.components.button.transition},
|
|
135
|
+
transform ${({theme:t})=>t.components.button.transition};
|
|
136
|
+
|
|
137
|
+
/* 变体样式 */
|
|
138
|
+
${({variant:t,theme:o})=>Zr(t,o)}
|
|
139
|
+
|
|
140
|
+
/* 尺寸样式 */
|
|
141
|
+
${({size:t,theme:o})=>Xr(t,o)}
|
|
142
|
+
|
|
143
|
+
/* 全宽模式 */
|
|
144
|
+
${({fullWidth:t})=>t&&_.css`
|
|
145
|
+
width: 100%;
|
|
146
|
+
`}
|
|
147
|
+
|
|
148
|
+
/* Focus 可见状态 - 键盘导航时显示 */
|
|
149
|
+
&:focus-visible {
|
|
150
|
+
outline: 2px solid ${({theme:t})=>t.components.button.primary.background.default};
|
|
151
|
+
outline-offset: 2px;
|
|
152
|
+
}
|
|
153
|
+
|
|
154
|
+
/* 禁用状态 */
|
|
155
|
+
&:disabled {
|
|
156
|
+
cursor: not-allowed;
|
|
157
|
+
opacity: ${({theme:t})=>t.components.button.disabled.opacity};
|
|
158
|
+
background: ${({theme:t})=>t.components.button.disabled.background.default};
|
|
159
|
+
color: ${({theme:t})=>t.components.button.disabled.text.default};
|
|
160
|
+
border-color: transparent;
|
|
161
|
+
box-shadow: none;
|
|
162
|
+
}
|
|
163
|
+
|
|
164
|
+
/* 加载状态 - 阻止交互 */
|
|
165
|
+
&[data-loading='true'] {
|
|
166
|
+
pointer-events: none;
|
|
167
|
+
}
|
|
168
|
+
|
|
169
|
+
/* 加载状态 - 使用伪元素实现 cursor: wait */
|
|
170
|
+
&[data-loading='true']::after {
|
|
171
|
+
content: '';
|
|
172
|
+
position: absolute;
|
|
173
|
+
inset: 0;
|
|
174
|
+
cursor: wait;
|
|
175
|
+
pointer-events: auto; /* 伪元素接收鼠标事件以显示 cursor */
|
|
176
|
+
z-index: 10; /* 确保在所有内容之上 */
|
|
177
|
+
}
|
|
178
|
+
|
|
179
|
+
/* 添加旋转动画的关键帧 */
|
|
180
|
+
@keyframes spin {
|
|
181
|
+
to {
|
|
182
|
+
transform: rotate(360deg);
|
|
183
|
+
}
|
|
184
|
+
}
|
|
185
|
+
`,qr=j.span`
|
|
186
|
+
display: inline-flex;
|
|
187
|
+
align-items: center;
|
|
188
|
+
justify-content: center;
|
|
189
|
+
gap: ${({theme:t})=>t.components.button.gap};
|
|
190
|
+
position: relative;
|
|
191
|
+
`,io=j.span`
|
|
192
|
+
display: inline-flex;
|
|
193
|
+
align-items: center;
|
|
194
|
+
justify-content: center;
|
|
195
|
+
flex-shrink: 0;
|
|
196
|
+
|
|
197
|
+
transition: opacity ${({theme:t})=>t.components.button.transition};
|
|
198
|
+
|
|
199
|
+
${({isLoading:t})=>t&&_.css`
|
|
200
|
+
opacity: 0;
|
|
201
|
+
pointer-events: none;
|
|
202
|
+
`}
|
|
203
|
+
`,Jr=j.span`
|
|
204
|
+
display: inline-flex;
|
|
205
|
+
align-items: center;
|
|
206
|
+
justify-content: center;
|
|
207
|
+
|
|
208
|
+
transition: opacity ${({theme:t})=>t.components.button.transition};
|
|
209
|
+
|
|
210
|
+
${({isLoading:t})=>t&&_.css`
|
|
211
|
+
opacity: 0.4;
|
|
212
|
+
`}
|
|
213
|
+
`,Qr=Ur,en=Yr,Oo=g.forwardRef(({variant:t="primary",size:o="md",icon:e,loading:r=!1,fullWidth:n=!1,isDisabled:i,className:s,children:l,...d},u)=>{const p=g.useRef(null),m=u||p,h=i||r,{buttonProps:b,isPressed:x}=de.useButton({...d,isDisabled:h,elementType:"button"},p);return a.jsx(Gr,{...ut(b,{ref:m,className:s}),variant:t,size:o,fullWidth:n,isPressed:x,isDisabled:h,isLoading:r,"data-variant":t,"data-size":o,"data-loading":r?"true":void 0,"data-pressed":x?"true":void 0,children:a.jsxs(qr,{children:[e&&a.jsx(io,{isLoading:r,"aria-hidden":"true",children:e}),a.jsx(Jr,{isLoading:r,children:l}),r&&a.jsx(io,{isLoading:!1,"aria-label":"加载中",role:"status",children:a.jsx("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:{animation:"spin 0.8s linear infinite"},children:a.jsx("circle",{cx:"8",cy:"8",r:"6",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeDasharray:"30 10"})})})]})})});Oo.displayName="Button";const tn=["solid","outline","ghost"],on=["primary","neutral","danger"],rn=["sm","md","lg"],nn=(t,o,e)=>{var p,m;const r=e.components.iconButton.appearance[t][o],n=h=>({background:r.background[h],border:r.border[h]??r.border.hover??r.border.default,icon:r.icon[h]??r.icon.hover??r.icon.default}),i=n("default"),s=n("hover"),l=n("active"),d=((p=r.shadow)==null?void 0:p.default)??"none",u=((m=r.shadow)==null?void 0:m.hover)??d;return _.css`
|
|
214
|
+
background: ${i.background};
|
|
215
|
+
border-color: ${i.border};
|
|
216
|
+
color: ${i.icon};
|
|
217
|
+
box-shadow: ${d};
|
|
218
|
+
|
|
219
|
+
&:hover:not(:disabled):not([data-loading='true']) {
|
|
220
|
+
background: ${s.background};
|
|
221
|
+
border-color: ${s.border};
|
|
222
|
+
color: ${s.icon};
|
|
223
|
+
box-shadow: ${u};
|
|
224
|
+
}
|
|
225
|
+
|
|
226
|
+
&:active:not(:disabled):not([data-loading='true']),
|
|
227
|
+
&[data-pressed='true']:not(:disabled):not([data-loading='true']) {
|
|
228
|
+
background: ${l.background};
|
|
229
|
+
border-color: ${l.border};
|
|
230
|
+
color: ${l.icon};
|
|
231
|
+
box-shadow: none;
|
|
232
|
+
transform: translateY(1px);
|
|
233
|
+
}
|
|
234
|
+
`},sn=(t,o)=>{const e=o.components.iconButton.size[t];return _.css`
|
|
235
|
+
--icon-button-icon-size: ${e.iconSize};
|
|
236
|
+
width: ${e.edge};
|
|
237
|
+
height: ${e.edge};
|
|
238
|
+
min-width: ${e.edge};
|
|
239
|
+
min-height: ${e.edge};
|
|
240
|
+
|
|
241
|
+
svg {
|
|
242
|
+
width: var(--icon-button-icon-size);
|
|
243
|
+
height: var(--icon-button-icon-size);
|
|
244
|
+
}
|
|
245
|
+
`},ln=j.button`
|
|
246
|
+
position: relative;
|
|
247
|
+
display: inline-flex;
|
|
248
|
+
align-items: center;
|
|
249
|
+
justify-content: center;
|
|
250
|
+
box-sizing: border-box;
|
|
251
|
+
border-width: 1px;
|
|
252
|
+
border-style: solid;
|
|
253
|
+
border-radius: ${({theme:t})=>t.components.iconButton.borderRadius};
|
|
254
|
+
padding: 0;
|
|
255
|
+
cursor: pointer;
|
|
256
|
+
user-select: none;
|
|
257
|
+
line-height: 1;
|
|
258
|
+
background: transparent;
|
|
259
|
+
|
|
260
|
+
transition:
|
|
261
|
+
background ${({theme:t})=>t.components.iconButton.transition},
|
|
262
|
+
border-color ${({theme:t})=>t.components.iconButton.transition},
|
|
263
|
+
color ${({theme:t})=>t.components.iconButton.transition},
|
|
264
|
+
box-shadow ${({theme:t})=>t.components.iconButton.transition},
|
|
265
|
+
transform ${({theme:t})=>t.components.iconButton.transition};
|
|
266
|
+
|
|
267
|
+
${({appearance:t,tone:o,theme:e})=>nn(t,o,e)}
|
|
268
|
+
${({size:t,theme:o})=>sn(t,o)}
|
|
269
|
+
|
|
270
|
+
&:focus-visible {
|
|
271
|
+
outline: ${({theme:t})=>t.components.iconButton.focusRing.width} solid
|
|
272
|
+
${({theme:t})=>t.components.iconButton.focusRing.color};
|
|
273
|
+
outline-offset: ${({theme:t})=>t.components.iconButton.focusRing.offset};
|
|
274
|
+
}
|
|
275
|
+
|
|
276
|
+
&:disabled {
|
|
277
|
+
cursor: not-allowed;
|
|
278
|
+
background: ${({theme:t})=>t.components.iconButton.disabled.background};
|
|
279
|
+
border-color: ${({theme:t})=>t.components.iconButton.disabled.border};
|
|
280
|
+
color: ${({theme:t})=>t.components.iconButton.disabled.icon};
|
|
281
|
+
opacity: ${({theme:t})=>t.components.iconButton.disabled.opacity};
|
|
282
|
+
}
|
|
283
|
+
|
|
284
|
+
&[data-loading='true'] {
|
|
285
|
+
pointer-events: none;
|
|
286
|
+
}
|
|
287
|
+
|
|
288
|
+
@keyframes icon-button-spin {
|
|
289
|
+
to {
|
|
290
|
+
transform: rotate(360deg);
|
|
291
|
+
}
|
|
292
|
+
}
|
|
293
|
+
`,an=j.span`
|
|
294
|
+
display: inline-flex;
|
|
295
|
+
align-items: center;
|
|
296
|
+
justify-content: center;
|
|
297
|
+
color: inherit;
|
|
298
|
+
transition: opacity ${({theme:t})=>t.components.iconButton.transition};
|
|
299
|
+
pointer-events: none;
|
|
300
|
+
|
|
301
|
+
${({isHidden:t})=>t&&_.css`
|
|
302
|
+
opacity: 0;
|
|
303
|
+
`}
|
|
304
|
+
`,cn=j.span`
|
|
305
|
+
position: absolute;
|
|
306
|
+
inset: 0;
|
|
307
|
+
display: inline-flex;
|
|
308
|
+
align-items: center;
|
|
309
|
+
justify-content: center;
|
|
310
|
+
color: inherit;
|
|
311
|
+
pointer-events: none;
|
|
312
|
+
|
|
313
|
+
svg {
|
|
314
|
+
width: var(--icon-button-icon-size);
|
|
315
|
+
height: var(--icon-button-icon-size);
|
|
316
|
+
animation: icon-button-spin 0.8s linear infinite;
|
|
317
|
+
}
|
|
318
|
+
`,dn=tn,un=on,fn=rn,_o=g.forwardRef(({appearance:t="solid",tone:o="primary",size:e="md",icon:r,label:n,loading:i=!1,loadingLabel:s="加载中",isDisabled:l,className:d,...u},p)=>{const m=g.useMemo(()=>{var k,C;return typeof globalThis>"u"?!0:((C=(k=globalThis.process)==null?void 0:k.env)==null?void 0:C.NODE_ENV)!=="production"},[]),h=g.useRef(null),b=p||h,x=l||i;if(m){const w=u["aria-label"],k=u["aria-labelledby"];!n&&!w&&!k&&console.warn("IconButton 需要可感知的文本。请传入 label、aria-label 或 aria-labelledby。")}const{buttonProps:y,isPressed:$}=de.useButton({...u,isDisabled:x,elementType:"button"},h);return a.jsxs(ln,{...ut(y,{ref:b,className:d}),appearance:t,tone:o,size:e,isPressed:$,isDisabled:!!x,isLoading:i,"data-appearance":t,"data-tone":o,"data-size":e,"data-loading":i?"true":void 0,"data-pressed":$?"true":void 0,children:[a.jsx(an,{isHidden:i,"aria-hidden":"true",children:r}),i&&a.jsx(cn,{role:"status","aria-live":"polite","aria-label":s,children:a.jsx("svg",{viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:a.jsx("circle",{cx:"8",cy:"8",r:"6",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeDasharray:"30 10"})})}),n?a.jsx(de.VisuallyHidden,{children:n}):null]})});_o.displayName="IconButton";function pn(t){if(t.sheet)return t.sheet;for(var o=0;o<document.styleSheets.length;o++)if(document.styleSheets[o].ownerNode===t)return document.styleSheets[o]}function hn(t){var o=document.createElement("style");return o.setAttribute("data-emotion",t.key),t.nonce!==void 0&&o.setAttribute("nonce",t.nonce),o.appendChild(document.createTextNode("")),o.setAttribute("data-s",""),o}var bn=function(){function t(e){var r=this;this._insertTag=function(n){var i;r.tags.length===0?r.insertionPoint?i=r.insertionPoint.nextSibling:r.prepend?i=r.container.firstChild:i=r.before:i=r.tags[r.tags.length-1].nextSibling,r.container.insertBefore(n,i),r.tags.push(n)},this.isSpeedy=e.speedy===void 0?!0:e.speedy,this.tags=[],this.ctr=0,this.nonce=e.nonce,this.key=e.key,this.container=e.container,this.prepend=e.prepend,this.insertionPoint=e.insertionPoint,this.before=null}var o=t.prototype;return o.hydrate=function(r){r.forEach(this._insertTag)},o.insert=function(r){this.ctr%(this.isSpeedy?65e3:1)===0&&this._insertTag(hn(this));var n=this.tags[this.tags.length-1];if(this.isSpeedy){var i=pn(n);try{i.insertRule(r,i.cssRules.length)}catch{}}else n.appendChild(document.createTextNode(r));this.ctr++},o.flush=function(){this.tags.forEach(function(r){var n;return(n=r.parentNode)==null?void 0:n.removeChild(r)}),this.tags=[],this.ctr=0},t}(),ge="-ms-",dt="-moz-",oe="-webkit-",No="comm",Kt="rule",Bt="decl",gn="@import",Fo="@keyframes",mn="@layer",xn=Math.abs,pt=String.fromCharCode,yn=Object.assign;function vn(t,o){return pe(t,0)^45?(((o<<2^pe(t,0))<<2^pe(t,1))<<2^pe(t,2))<<2^pe(t,3):0}function Vo(t){return t.trim()}function kn(t,o){return(t=o.exec(t))?t[0]:t}function re(t,o,e){return t.replace(o,e)}function Mt(t,o){return t.indexOf(o)}function pe(t,o){return t.charCodeAt(o)|0}function Xe(t,o,e){return t.slice(o,e)}function Le(t){return t.length}function Ht(t){return t.length}function nt(t,o){return o.push(t),t}function $n(t,o){return t.map(o).join("")}var ht=1,De=1,Do=0,ye=0,ue=0,Be="";function bt(t,o,e,r,n,i,s){return{value:t,root:o,parent:e,type:r,props:n,children:i,line:ht,column:De,length:s,return:""}}function Ue(t,o){return yn(bt("",null,null,"",null,null,0),t,{length:-t.length},o)}function wn(){return ue}function Sn(){return ue=ye>0?pe(Be,--ye):0,De--,ue===10&&(De=1,ht--),ue}function Se(){return ue=ye<Do?pe(Be,ye++):0,De++,ue===10&&(De=1,ht++),ue}function Ae(){return pe(Be,ye)}function lt(){return ye}function et(t,o){return Xe(Be,t,o)}function Ge(t){switch(t){case 0:case 9:case 10:case 13:case 32:return 5;case 33:case 43:case 44:case 47:case 62:case 64:case 126:case 59:case 123:case 125:return 4;case 58:return 3;case 34:case 39:case 40:case 91:return 2;case 41:case 93:return 1}return 0}function Ko(t){return ht=De=1,Do=Le(Be=t),ye=0,[]}function Bo(t){return Be="",t}function at(t){return Vo(et(ye-1,At(t===91?t+2:t===40?t+1:t)))}function Cn(t){for(;(ue=Ae())&&ue<33;)Se();return Ge(t)>2||Ge(ue)>3?"":" "}function jn(t,o){for(;--o&&Se()&&!(ue<48||ue>102||ue>57&&ue<65||ue>70&&ue<97););return et(t,lt()+(o<6&&Ae()==32&&Se()==32))}function At(t){for(;Se();)switch(ue){case t:return ye;case 34:case 39:t!==34&&t!==39&&At(ue);break;case 40:t===41&&At(t);break;case 92:Se();break}return ye}function Rn(t,o){for(;Se()&&t+ue!==57;)if(t+ue===84&&Ae()===47)break;return"/*"+et(o,ye-1)+"*"+pt(t===47?t:Se())}function zn(t){for(;!Ge(Ae());)Se();return et(t,ye)}function En(t){return Bo(ct("",null,null,null,[""],t=Ko(t),0,[0],t))}function ct(t,o,e,r,n,i,s,l,d){for(var u=0,p=0,m=s,h=0,b=0,x=0,y=1,$=1,w=1,k=0,C="",v=n,f=i,S=r,z=C;$;)switch(x=k,k=Se()){case 40:if(x!=108&&pe(z,m-1)==58){Mt(z+=re(at(k),"&","&\f"),"&\f")!=-1&&(w=-1);break}case 34:case 39:case 91:z+=at(k);break;case 9:case 10:case 13:case 32:z+=Cn(x);break;case 92:z+=jn(lt()-1,7);continue;case 47:switch(Ae()){case 42:case 47:nt(Tn(Rn(Se(),lt()),o,e),d);break;default:z+="/"}break;case 123*y:l[u++]=Le(z)*w;case 125*y:case 59:case 0:switch(k){case 0:case 125:$=0;case 59+p:w==-1&&(z=re(z,/\f/g,"")),b>0&&Le(z)-m&&nt(b>32?lo(z+";",r,e,m-1):lo(re(z," ","")+";",r,e,m-2),d);break;case 59:z+=";";default:if(nt(S=so(z,o,e,u,p,n,l,C,v=[],f=[],m),i),k===123)if(p===0)ct(z,o,S,S,v,i,m,l,f);else switch(h===99&&pe(z,3)===110?100:h){case 100:case 108:case 109:case 115:ct(t,S,S,r&&nt(so(t,S,S,0,0,n,l,C,n,v=[],m),f),n,f,m,l,r?v:f);break;default:ct(z,S,S,S,[""],f,0,l,f)}}u=p=b=0,y=w=1,C=z="",m=s;break;case 58:m=1+Le(z),b=x;default:if(y<1){if(k==123)--y;else if(k==125&&y++==0&&Sn()==125)continue}switch(z+=pt(k),k*y){case 38:w=p>0?1:(z+="\f",-1);break;case 44:l[u++]=(Le(z)-1)*w,w=1;break;case 64:Ae()===45&&(z+=at(Se())),h=Ae(),p=m=Le(C=z+=zn(lt())),k++;break;case 45:x===45&&Le(z)==2&&(y=0)}}return i}function so(t,o,e,r,n,i,s,l,d,u,p){for(var m=n-1,h=n===0?i:[""],b=Ht(h),x=0,y=0,$=0;x<r;++x)for(var w=0,k=Xe(t,m+1,m=xn(y=s[x])),C=t;w<b;++w)(C=Vo(y>0?h[w]+" "+k:re(k,/&\f/g,h[w])))&&(d[$++]=C);return bt(t,o,e,n===0?Kt:l,d,u,p)}function Tn(t,o,e){return bt(t,o,e,No,pt(wn()),Xe(t,2,-2),0)}function lo(t,o,e,r){return bt(t,o,e,Bt,Xe(t,0,r),Xe(t,r+1,-1),r)}function Ve(t,o){for(var e="",r=Ht(t),n=0;n<r;n++)e+=o(t[n],n,t,o)||"";return e}function In(t,o,e,r){switch(t.type){case mn:if(t.children.length)break;case gn:case Bt:return t.return=t.return||t.value;case No:return"";case Fo:return t.return=t.value+"{"+Ve(t.children,r)+"}";case Kt:t.value=t.props.join(",")}return Le(e=Ve(t.children,r))?t.return=t.value+"{"+e+"}":""}function Ln(t){var o=Ht(t);return function(e,r,n,i){for(var s="",l=0;l<o;l++)s+=t[l](e,r,n,i)||"";return s}}function Mn(t){return function(o){o.root||(o=o.return)&&t(o)}}function An(t){var o=Object.create(null);return function(e){return o[e]===void 0&&(o[e]=t(e)),o[e]}}var Pn=function(o,e,r){for(var n=0,i=0;n=i,i=Ae(),n===38&&i===12&&(e[r]=1),!Ge(i);)Se();return et(o,ye)},On=function(o,e){var r=-1,n=44;do switch(Ge(n)){case 0:n===38&&Ae()===12&&(e[r]=1),o[r]+=Pn(ye-1,e,r);break;case 2:o[r]+=at(n);break;case 4:if(n===44){o[++r]=Ae()===58?"&\f":"",e[r]=o[r].length;break}default:o[r]+=pt(n)}while(n=Se());return o},_n=function(o,e){return Bo(On(Ko(o),e))},ao=new WeakMap,Nn=function(o){if(!(o.type!=="rule"||!o.parent||o.length<1)){for(var e=o.value,r=o.parent,n=o.column===r.column&&o.line===r.line;r.type!=="rule";)if(r=r.parent,!r)return;if(!(o.props.length===1&&e.charCodeAt(0)!==58&&!ao.get(r))&&!n){ao.set(o,!0);for(var i=[],s=_n(e,i),l=r.props,d=0,u=0;d<s.length;d++)for(var p=0;p<l.length;p++,u++)o.props[u]=i[d]?s[d].replace(/&\f/g,l[p]):l[p]+" "+s[d]}}},Fn=function(o){if(o.type==="decl"){var e=o.value;e.charCodeAt(0)===108&&e.charCodeAt(2)===98&&(o.return="",o.value="")}};function Ho(t,o){switch(vn(t,o)){case 5103:return oe+"print-"+t+t;case 5737:case 4201:case 3177:case 3433:case 1641:case 4457:case 2921:case 5572:case 6356:case 5844:case 3191:case 6645:case 3005:case 6391:case 5879:case 5623:case 6135:case 4599:case 4855:case 4215:case 6389:case 5109:case 5365:case 5621:case 3829:return oe+t+t;case 5349:case 4246:case 4810:case 6968:case 2756:return oe+t+dt+t+ge+t+t;case 6828:case 4268:return oe+t+ge+t+t;case 6165:return oe+t+ge+"flex-"+t+t;case 5187:return oe+t+re(t,/(\w+).+(:[^]+)/,oe+"box-$1$2"+ge+"flex-$1$2")+t;case 5443:return oe+t+ge+"flex-item-"+re(t,/flex-|-self/,"")+t;case 4675:return oe+t+ge+"flex-line-pack"+re(t,/align-content|flex-|-self/,"")+t;case 5548:return oe+t+ge+re(t,"shrink","negative")+t;case 5292:return oe+t+ge+re(t,"basis","preferred-size")+t;case 6060:return oe+"box-"+re(t,"-grow","")+oe+t+ge+re(t,"grow","positive")+t;case 4554:return oe+re(t,/([^-])(transform)/g,"$1"+oe+"$2")+t;case 6187:return re(re(re(t,/(zoom-|grab)/,oe+"$1"),/(image-set)/,oe+"$1"),t,"")+t;case 5495:case 3959:return re(t,/(image-set\([^]*)/,oe+"$1$`$1");case 4968:return re(re(t,/(.+:)(flex-)?(.*)/,oe+"box-pack:$3"+ge+"flex-pack:$3"),/s.+-b[^;]+/,"justify")+oe+t+t;case 4095:case 3583:case 4068:case 2532:return re(t,/(.+)-inline(.+)/,oe+"$1$2")+t;case 8116:case 7059:case 5753:case 5535:case 5445:case 5701:case 4933:case 4677:case 5533:case 5789:case 5021:case 4765:if(Le(t)-1-o>6)switch(pe(t,o+1)){case 109:if(pe(t,o+4)!==45)break;case 102:return re(t,/(.+:)(.+)-([^]+)/,"$1"+oe+"$2-$3$1"+dt+(pe(t,o+3)==108?"$3":"$2-$3"))+t;case 115:return~Mt(t,"stretch")?Ho(re(t,"stretch","fill-available"),o)+t:t}break;case 4949:if(pe(t,o+1)!==115)break;case 6444:switch(pe(t,Le(t)-3-(~Mt(t,"!important")&&10))){case 107:return re(t,":",":"+oe)+t;case 101:return re(t,/(.+:)([^;!]+)(;|!.+)?/,"$1"+oe+(pe(t,14)===45?"inline-":"")+"box$3$1"+oe+"$2$3$1"+ge+"$2box$3")+t}break;case 5936:switch(pe(t,o+11)){case 114:return oe+t+ge+re(t,/[svh]\w+-[tblr]{2}/,"tb")+t;case 108:return oe+t+ge+re(t,/[svh]\w+-[tblr]{2}/,"tb-rl")+t;case 45:return oe+t+ge+re(t,/[svh]\w+-[tblr]{2}/,"lr")+t}return oe+t+ge+t+t}return t}var Vn=function(o,e,r,n){if(o.length>-1&&!o.return)switch(o.type){case Bt:o.return=Ho(o.value,o.length);break;case Fo:return Ve([Ue(o,{value:re(o.value,"@","@"+oe)})],n);case Kt:if(o.length)return $n(o.props,function(i){switch(kn(i,/(::plac\w+|:read-\w+)/)){case":read-only":case":read-write":return Ve([Ue(o,{props:[re(i,/:(read-\w+)/,":"+dt+"$1")]})],n);case"::placeholder":return Ve([Ue(o,{props:[re(i,/:(plac\w+)/,":"+oe+"input-$1")]}),Ue(o,{props:[re(i,/:(plac\w+)/,":"+dt+"$1")]}),Ue(o,{props:[re(i,/:(plac\w+)/,ge+"input-$1")]})],n)}return""})}},Dn=[Vn],Kn=function(o){var e=o.key;if(e==="css"){var r=document.querySelectorAll("style[data-emotion]:not([data-s])");Array.prototype.forEach.call(r,function(y){var $=y.getAttribute("data-emotion");$.indexOf(" ")!==-1&&(document.head.appendChild(y),y.setAttribute("data-s",""))})}var n=o.stylisPlugins||Dn,i={},s,l=[];s=o.container||document.head,Array.prototype.forEach.call(document.querySelectorAll('style[data-emotion^="'+e+' "]'),function(y){for(var $=y.getAttribute("data-emotion").split(" "),w=1;w<$.length;w++)i[$[w]]=!0;l.push(y)});var d,u=[Nn,Fn];{var p,m=[In,Mn(function(y){p.insert(y)})],h=Ln(u.concat(n,m)),b=function($){return Ve(En($),h)};d=function($,w,k,C){p=k,b($?$+"{"+w.styles+"}":w.styles),C&&(x.inserted[w.name]=!0)}}var x={key:e,sheet:new bn({key:e,container:s,nonce:o.nonce,speedy:o.speedy,prepend:o.prepend,insertionPoint:o.insertionPoint}),nonce:o.nonce,inserted:i,registered:{},insert:d};return x.sheet.hydrate(l),x},Pt={exports:{}},ne={};/** @license React v16.13.1
|
|
319
|
+
* react-is.production.min.js
|
|
320
|
+
*
|
|
321
|
+
* Copyright (c) Facebook, Inc. and its affiliates.
|
|
322
|
+
*
|
|
323
|
+
* This source code is licensed under the MIT license found in the
|
|
324
|
+
* LICENSE file in the root directory of this source tree.
|
|
325
|
+
*/var co;function Bn(){if(co)return ne;co=1;var t=typeof Symbol=="function"&&Symbol.for,o=t?Symbol.for("react.element"):60103,e=t?Symbol.for("react.portal"):60106,r=t?Symbol.for("react.fragment"):60107,n=t?Symbol.for("react.strict_mode"):60108,i=t?Symbol.for("react.profiler"):60114,s=t?Symbol.for("react.provider"):60109,l=t?Symbol.for("react.context"):60110,d=t?Symbol.for("react.async_mode"):60111,u=t?Symbol.for("react.concurrent_mode"):60111,p=t?Symbol.for("react.forward_ref"):60112,m=t?Symbol.for("react.suspense"):60113,h=t?Symbol.for("react.suspense_list"):60120,b=t?Symbol.for("react.memo"):60115,x=t?Symbol.for("react.lazy"):60116,y=t?Symbol.for("react.block"):60121,$=t?Symbol.for("react.fundamental"):60117,w=t?Symbol.for("react.responder"):60118,k=t?Symbol.for("react.scope"):60119;function C(f){if(typeof f=="object"&&f!==null){var S=f.$$typeof;switch(S){case o:switch(f=f.type,f){case d:case u:case r:case i:case n:case m:return f;default:switch(f=f&&f.$$typeof,f){case l:case p:case x:case b:case s:return f;default:return S}}case e:return S}}}function v(f){return C(f)===u}return ne.AsyncMode=d,ne.ConcurrentMode=u,ne.ContextConsumer=l,ne.ContextProvider=s,ne.Element=o,ne.ForwardRef=p,ne.Fragment=r,ne.Lazy=x,ne.Memo=b,ne.Portal=e,ne.Profiler=i,ne.StrictMode=n,ne.Suspense=m,ne.isAsyncMode=function(f){return v(f)||C(f)===d},ne.isConcurrentMode=v,ne.isContextConsumer=function(f){return C(f)===l},ne.isContextProvider=function(f){return C(f)===s},ne.isElement=function(f){return typeof f=="object"&&f!==null&&f.$$typeof===o},ne.isForwardRef=function(f){return C(f)===p},ne.isFragment=function(f){return C(f)===r},ne.isLazy=function(f){return C(f)===x},ne.isMemo=function(f){return C(f)===b},ne.isPortal=function(f){return C(f)===e},ne.isProfiler=function(f){return C(f)===i},ne.isStrictMode=function(f){return C(f)===n},ne.isSuspense=function(f){return C(f)===m},ne.isValidElementType=function(f){return typeof f=="string"||typeof f=="function"||f===r||f===u||f===i||f===n||f===m||f===h||typeof f=="object"&&f!==null&&(f.$$typeof===x||f.$$typeof===b||f.$$typeof===s||f.$$typeof===l||f.$$typeof===p||f.$$typeof===$||f.$$typeof===w||f.$$typeof===k||f.$$typeof===y)},ne.typeOf=C,ne}var ie={};/** @license React v16.13.1
|
|
326
|
+
* react-is.development.js
|
|
327
|
+
*
|
|
328
|
+
* Copyright (c) Facebook, Inc. and its affiliates.
|
|
329
|
+
*
|
|
330
|
+
* This source code is licensed under the MIT license found in the
|
|
331
|
+
* LICENSE file in the root directory of this source tree.
|
|
332
|
+
*/var uo;function Hn(){return uo||(uo=1,process.env.NODE_ENV!=="production"&&function(){var t=typeof Symbol=="function"&&Symbol.for,o=t?Symbol.for("react.element"):60103,e=t?Symbol.for("react.portal"):60106,r=t?Symbol.for("react.fragment"):60107,n=t?Symbol.for("react.strict_mode"):60108,i=t?Symbol.for("react.profiler"):60114,s=t?Symbol.for("react.provider"):60109,l=t?Symbol.for("react.context"):60110,d=t?Symbol.for("react.async_mode"):60111,u=t?Symbol.for("react.concurrent_mode"):60111,p=t?Symbol.for("react.forward_ref"):60112,m=t?Symbol.for("react.suspense"):60113,h=t?Symbol.for("react.suspense_list"):60120,b=t?Symbol.for("react.memo"):60115,x=t?Symbol.for("react.lazy"):60116,y=t?Symbol.for("react.block"):60121,$=t?Symbol.for("react.fundamental"):60117,w=t?Symbol.for("react.responder"):60118,k=t?Symbol.for("react.scope"):60119;function C(H){return typeof H=="string"||typeof H=="function"||H===r||H===u||H===i||H===n||H===m||H===h||typeof H=="object"&&H!==null&&(H.$$typeof===x||H.$$typeof===b||H.$$typeof===s||H.$$typeof===l||H.$$typeof===p||H.$$typeof===$||H.$$typeof===w||H.$$typeof===k||H.$$typeof===y)}function v(H){if(typeof H=="object"&&H!==null){var le=H.$$typeof;switch(le){case o:var he=H.type;switch(he){case d:case u:case r:case i:case n:case m:return he;default:var me=he&&he.$$typeof;switch(me){case l:case p:case x:case b:case s:return me;default:return le}}case e:return le}}}var f=d,S=u,z=l,I=s,T=o,L=p,V=r,O=x,A=b,F=e,M=i,K=n,B=m,W=!1;function Y(H){return W||(W=!0,console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")),Z(H)||v(H)===d}function Z(H){return v(H)===u}function c(H){return v(H)===l}function E(H){return v(H)===s}function R(H){return typeof H=="object"&&H!==null&&H.$$typeof===o}function P(H){return v(H)===p}function U(H){return v(H)===r}function G(H){return v(H)===x}function D(H){return v(H)===b}function J(H){return v(H)===e}function q(H){return v(H)===i}function X(H){return v(H)===n}function ee(H){return v(H)===m}ie.AsyncMode=f,ie.ConcurrentMode=S,ie.ContextConsumer=z,ie.ContextProvider=I,ie.Element=T,ie.ForwardRef=L,ie.Fragment=V,ie.Lazy=O,ie.Memo=A,ie.Portal=F,ie.Profiler=M,ie.StrictMode=K,ie.Suspense=B,ie.isAsyncMode=Y,ie.isConcurrentMode=Z,ie.isContextConsumer=c,ie.isContextProvider=E,ie.isElement=R,ie.isForwardRef=P,ie.isFragment=U,ie.isLazy=G,ie.isMemo=D,ie.isPortal=J,ie.isProfiler=q,ie.isStrictMode=X,ie.isSuspense=ee,ie.isValidElementType=C,ie.typeOf=v}()),ie}process.env.NODE_ENV==="production"?Pt.exports=Bn():Pt.exports=Hn();var Wn=Pt.exports,Wo=Wn,Un={$$typeof:!0,render:!0,defaultProps:!0,displayName:!0,propTypes:!0},Yn={$$typeof:!0,compare:!0,defaultProps:!0,displayName:!0,propTypes:!0,type:!0},Uo={};Uo[Wo.ForwardRef]=Un;Uo[Wo.Memo]=Yn;var Zn=!0;function Xn(t,o,e){var r="";return e.split(" ").forEach(function(n){t[n]!==void 0?o.push(t[n]+";"):n&&(r+=n+" ")}),r}var Yo=function(o,e,r){var n=o.key+"-"+e.name;(r===!1||Zn===!1)&&o.registered[n]===void 0&&(o.registered[n]=e.styles)},Gn=function(o,e,r){Yo(o,e,r);var n=o.key+"-"+e.name;if(o.inserted[e.name]===void 0){var i=e;do o.insert(e===i?"."+n:"",i,o.sheet,!0),i=i.next;while(i!==void 0)}};function qn(t){for(var o=0,e,r=0,n=t.length;n>=4;++r,n-=4)e=t.charCodeAt(r)&255|(t.charCodeAt(++r)&255)<<8|(t.charCodeAt(++r)&255)<<16|(t.charCodeAt(++r)&255)<<24,e=(e&65535)*1540483477+((e>>>16)*59797<<16),e^=e>>>24,o=(e&65535)*1540483477+((e>>>16)*59797<<16)^(o&65535)*1540483477+((o>>>16)*59797<<16);switch(n){case 3:o^=(t.charCodeAt(r+2)&255)<<16;case 2:o^=(t.charCodeAt(r+1)&255)<<8;case 1:o^=t.charCodeAt(r)&255,o=(o&65535)*1540483477+((o>>>16)*59797<<16)}return o^=o>>>13,o=(o&65535)*1540483477+((o>>>16)*59797<<16),((o^o>>>15)>>>0).toString(36)}var Jn={animationIterationCount:1,aspectRatio:1,borderImageOutset:1,borderImageSlice:1,borderImageWidth:1,boxFlex:1,boxFlexGroup:1,boxOrdinalGroup:1,columnCount:1,columns:1,flex:1,flexGrow:1,flexPositive:1,flexShrink:1,flexNegative:1,flexOrder:1,gridRow:1,gridRowEnd:1,gridRowSpan:1,gridRowStart:1,gridColumn:1,gridColumnEnd:1,gridColumnSpan:1,gridColumnStart:1,msGridRow:1,msGridRowSpan:1,msGridColumn:1,msGridColumnSpan:1,fontWeight:1,lineHeight:1,opacity:1,order:1,orphans:1,scale:1,tabSize:1,widows:1,zIndex:1,zoom:1,WebkitLineClamp:1,fillOpacity:1,floodOpacity:1,stopOpacity:1,strokeDasharray:1,strokeDashoffset:1,strokeMiterlimit:1,strokeOpacity:1,strokeWidth:1},Qn=/[A-Z]|^ms/g,ei=/_EMO_([^_]+?)_([^]*?)_EMO_/g,Zo=function(o){return o.charCodeAt(1)===45},fo=function(o){return o!=null&&typeof o!="boolean"},yt=An(function(t){return Zo(t)?t:t.replace(Qn,"-$&").toLowerCase()}),po=function(o,e){switch(o){case"animation":case"animationName":if(typeof e=="string")return e.replace(ei,function(r,n,i){return Me={name:n,styles:i,next:Me},n})}return Jn[o]!==1&&!Zo(o)&&typeof e=="number"&&e!==0?e+"px":e};function qe(t,o,e){if(e==null)return"";var r=e;if(r.__emotion_styles!==void 0)return r;switch(typeof e){case"boolean":return"";case"object":{var n=e;if(n.anim===1)return Me={name:n.name,styles:n.styles,next:Me},n.name;var i=e;if(i.styles!==void 0){var s=i.next;if(s!==void 0)for(;s!==void 0;)Me={name:s.name,styles:s.styles,next:Me},s=s.next;var l=i.styles+";";return l}return ti(t,o,e)}case"function":{if(t!==void 0){var d=Me,u=e(t);return Me=d,qe(t,o,u)}break}}var p=e;return p}function ti(t,o,e){var r="";if(Array.isArray(e))for(var n=0;n<e.length;n++)r+=qe(t,o,e[n])+";";else for(var i in e){var s=e[i];if(typeof s!="object"){var l=s;fo(l)&&(r+=yt(i)+":"+po(i,l)+";")}else if(Array.isArray(s)&&typeof s[0]=="string"&&o==null)for(var d=0;d<s.length;d++)fo(s[d])&&(r+=yt(i)+":"+po(i,s[d])+";");else{var u=qe(t,o,s);switch(i){case"animation":case"animationName":{r+=yt(i)+":"+u+";";break}default:r+=i+"{"+u+"}"}}}return r}var ho=/label:\s*([^\s;{]+)\s*(;|$)/g,Me;function oi(t,o,e){if(t.length===1&&typeof t[0]=="object"&&t[0]!==null&&t[0].styles!==void 0)return t[0];var r=!0,n="";Me=void 0;var i=t[0];if(i==null||i.raw===void 0)r=!1,n+=qe(e,o,i);else{var s=i;n+=s[0]}for(var l=1;l<t.length;l++)if(n+=qe(e,o,t[l]),r){var d=i;n+=d[l]}ho.lastIndex=0;for(var u="",p;(p=ho.exec(n))!==null;)u+="-"+p[1];var m=qn(n)+u;return{name:m,styles:n,next:Me}}var ri=function(o){return o()},ni=Oe.useInsertionEffect?Oe.useInsertionEffect:!1,ii=ni||ri,Xo=Oe.createContext(typeof HTMLElement<"u"?Kn({key:"css"}):null);Xo.Provider;var si=function(o){return g.forwardRef(function(e,r){var n=g.useContext(Xo);return o(e,n,r)})},li=Oe.createContext({}),gt={}.hasOwnProperty,Ot="__EMOTION_TYPE_PLEASE_DO_NOT_USE__",Go=function(o,e){var r={};for(var n in e)gt.call(e,n)&&(r[n]=e[n]);return r[Ot]=o,r},ai=function(o){var e=o.cache,r=o.serialized,n=o.isStringTag;return Yo(e,r,n),ii(function(){return Gn(e,r,n)}),null},ci=si(function(t,o,e){var r=t.css;typeof r=="string"&&o.registered[r]!==void 0&&(r=o.registered[r]);var n=t[Ot],i=[r],s="";typeof t.className=="string"?s=Xn(o.registered,i,t.className):t.className!=null&&(s=t.className+" ");var l=oi(i,void 0,Oe.useContext(li));s+=o.key+"-"+l.name;var d={};for(var u in t)gt.call(t,u)&&u!=="css"&&u!==Ot&&(d[u]=t[u]);return d.className=s,e&&(d.ref=e),Oe.createElement(Oe.Fragment,null,Oe.createElement(ai,{cache:o,serialized:l,isStringTag:typeof n=="string"}),Oe.createElement(n,d))}),qo=ci,Re=function(o,e,r){return gt.call(e,"css")?a.jsx(qo,Go(o,e),r):a.jsx(o,e,r)},_t=function(o,e,r){return gt.call(e,"css")?a.jsxs(qo,Go(o,e),r):a.jsxs(o,e,r)},Nt={exports:{}},vt={};/**
|
|
333
|
+
* @license React
|
|
334
|
+
* react-compiler-runtime.production.js
|
|
335
|
+
*
|
|
336
|
+
* Copyright (c) Meta Platforms, Inc. and affiliates.
|
|
337
|
+
*
|
|
338
|
+
* This source code is licensed under the MIT license found in the
|
|
339
|
+
* LICENSE file in the root directory of this source tree.
|
|
340
|
+
*/var bo;function di(){if(bo)return vt;bo=1;var t=g.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;return vt.c=function(o){return t.H.useMemoCache(o)},vt}var kt={};/**
|
|
341
|
+
* @license React
|
|
342
|
+
* react-compiler-runtime.development.js
|
|
343
|
+
*
|
|
344
|
+
* Copyright (c) Meta Platforms, Inc. and affiliates.
|
|
345
|
+
*
|
|
346
|
+
* This source code is licensed under the MIT license found in the
|
|
347
|
+
* LICENSE file in the root directory of this source tree.
|
|
348
|
+
*/var go;function ui(){return go||(go=1,process.env.NODE_ENV!=="production"&&function(){var t=g.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;kt.c=function(o){var e=t.H;return e===null&&console.error(`Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons:
|
|
349
|
+
1. You might have mismatching versions of React and the renderer (such as React DOM)
|
|
350
|
+
2. You might be breaking the Rules of Hooks
|
|
351
|
+
3. You might have more than one copy of React in the same app
|
|
352
|
+
See https://react.dev/link/invalid-hook-call for tips about how to debug and fix this problem.`),e.useMemoCache(o)}}()),kt}process.env.NODE_ENV==="production"?Nt.exports=di():Nt.exports=ui();var te=Nt.exports;const fi=_.css`
|
|
353
|
+
display: inline-flex;
|
|
354
|
+
align-items: center;
|
|
355
|
+
cursor: pointer;
|
|
356
|
+
user-select: none;
|
|
357
|
+
position: relative;
|
|
358
|
+
|
|
359
|
+
input[type="checkbox"] {
|
|
360
|
+
position: absolute;
|
|
361
|
+
opacity: 0;
|
|
362
|
+
width: 1px;
|
|
363
|
+
height: 1px;
|
|
364
|
+
margin: 0;
|
|
365
|
+
padding: 0;
|
|
366
|
+
border: 0;
|
|
367
|
+
clip: rect(0 0 0 0);
|
|
368
|
+
clip-path: inset(50%);
|
|
369
|
+
white-space: nowrap;
|
|
370
|
+
overflow: hidden;
|
|
371
|
+
left: -9999px;
|
|
372
|
+
-webkit-appearance: none;
|
|
373
|
+
appearance: none;
|
|
374
|
+
}
|
|
375
|
+
|
|
376
|
+
&[data-disabled="true"] {
|
|
377
|
+
cursor: not-allowed;
|
|
378
|
+
}
|
|
379
|
+
`,pi=t=>_.css`
|
|
380
|
+
position: relative;
|
|
381
|
+
display: inline-flex;
|
|
382
|
+
align-items: center;
|
|
383
|
+
justify-content: center;
|
|
384
|
+
flex-shrink: 0;
|
|
385
|
+
width: ${t.components.checkbox.control.size};
|
|
386
|
+
height: ${t.components.checkbox.control.size};
|
|
387
|
+
border-radius: ${t.components.checkbox.control.borderRadius};
|
|
388
|
+
border: ${t.components.checkbox.control.borderWidth} solid ${t.components.checkbox.control.borderColor.default};
|
|
389
|
+
background-color: ${t.components.checkbox.control.background.default};
|
|
390
|
+
transition: all ${t.components.checkbox.transition};
|
|
391
|
+
|
|
392
|
+
/* Hover 状态 */
|
|
393
|
+
&[data-hover="true"]:not([data-disabled="true"]) {
|
|
394
|
+
border-color: ${t.components.checkbox.control.borderColor.hover};
|
|
395
|
+
}
|
|
396
|
+
|
|
397
|
+
/* Checked 状态 */
|
|
398
|
+
&[data-checked="true"]:not([data-disabled="true"]) {
|
|
399
|
+
background-color: ${t.components.checkbox.control.background.checked};
|
|
400
|
+
border-color: ${t.components.checkbox.control.borderColor.checked};
|
|
401
|
+
}
|
|
402
|
+
|
|
403
|
+
/* Indeterminate 状态(半选) */
|
|
404
|
+
&[data-indeterminate="true"]:not([data-disabled="true"]) {
|
|
405
|
+
background-color: ${t.components.checkbox.control.background.checked};
|
|
406
|
+
border-color: ${t.components.checkbox.control.borderColor.checked};
|
|
407
|
+
}
|
|
408
|
+
|
|
409
|
+
/* Disabled 未选中状态 */
|
|
410
|
+
&[data-disabled="true"]:not([data-checked="true"]):not([data-indeterminate="true"]) {
|
|
411
|
+
background-color: ${t.components.checkbox.control.background.disabled};
|
|
412
|
+
border-color: ${t.components.checkbox.control.borderColor.disabled};
|
|
413
|
+
}
|
|
414
|
+
|
|
415
|
+
/* Disabled 选中状态 */
|
|
416
|
+
&[data-disabled="true"][data-checked="true"],
|
|
417
|
+
&[data-disabled="true"][data-indeterminate="true"] {
|
|
418
|
+
background-color: ${t.components.checkbox.control.background.disabledChecked};
|
|
419
|
+
border-color: ${t.components.checkbox.control.borderColor.disabledChecked};
|
|
420
|
+
}
|
|
421
|
+
|
|
422
|
+
/* Focus 状态 */
|
|
423
|
+
input:focus-visible + & {
|
|
424
|
+
box-shadow: ${t.components.checkbox.focusRing};
|
|
425
|
+
}
|
|
426
|
+
`,Jo=t=>_.css`
|
|
427
|
+
color: ${t.components.checkbox.control.icon.color};
|
|
428
|
+
width: ${t.components.checkbox.control.icon.size};
|
|
429
|
+
height: ${t.components.checkbox.control.icon.size};
|
|
430
|
+
opacity: 0;
|
|
431
|
+
transform: scale(0.8);
|
|
432
|
+
transition: all ${t.components.checkbox.transition};
|
|
433
|
+
|
|
434
|
+
&[data-checked="true"] {
|
|
435
|
+
opacity: 1;
|
|
436
|
+
transform: scale(1);
|
|
437
|
+
}
|
|
438
|
+
`,hi=t=>_.css`
|
|
439
|
+
margin-left: ${t.components.checkbox.gap};
|
|
440
|
+
font-size: ${t.components.checkbox.text.label.fontSize};
|
|
441
|
+
line-height: ${t.components.checkbox.text.label.lineHeight};
|
|
442
|
+
font-weight: ${t.components.checkbox.text.label.fontWeight};
|
|
443
|
+
color: ${t.components.checkbox.text.label.color};
|
|
444
|
+
transition: color ${t.components.checkbox.transition};
|
|
445
|
+
|
|
446
|
+
&[data-disabled="true"] {
|
|
447
|
+
color: ${t.components.checkbox.text.label.disabled};
|
|
448
|
+
}
|
|
449
|
+
`,bi=t=>{const o=te.c(6),{checked:e}=t,r=_.useTheme();let n;o[0]!==r?(n=Jo(r),o[0]=r,o[1]=n):n=o[1];let i;o[2]===Symbol.for("react.memo_cache_sentinel")?(i=Re("path",{d:"M13.3332 4.5L5.99984 11.8333L2.6665 8.5",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),o[2]=i):i=o[2];let s;return o[3]!==e||o[4]!==n?(s=Re("svg",{css:n,"data-checked":e,viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:i}),o[3]=e,o[4]=n,o[5]=s):s=o[5],s},gi=t=>{const o=te.c(6),{checked:e}=t,r=_.useTheme();let n;o[0]!==r?(n=Jo(r),o[0]=r,o[1]=n):n=o[1];let i;o[2]===Symbol.for("react.memo_cache_sentinel")?(i=Re("path",{d:"M3.5 8H12.5",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round"}),o[2]=i):i=o[2];let s;return o[3]!==e||o[4]!==n?(s=Re("svg",{css:n,"data-checked":e,viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:i}),o[3]=e,o[4]=n,o[5]=s):s=o[5],s},Je=g.forwardRef((t,o)=>{const e=te.c(53);let r,n,i,s,l,d,u,p,m;e[0]!==t?({checked:n,defaultChecked:u,indeterminate:p,disabled:m,label:s,onChange:l,className:r,style:d,...i}=t,e[0]=t,e[1]=r,e[2]=n,e[3]=i,e[4]=s,e[5]=l,e[6]=d,e[7]=u,e[8]=p,e[9]=m):(r=e[1],n=e[2],i=e[3],s=e[4],l=e[5],d=e[6],u=e[7],p=e[8],m=e[9]);const h=u===void 0?!1:u,b=p===void 0?!1:p,x=m===void 0?!1:m,y=_.useTheme(),$=g.useRef(null),[w,k]=g.useState(!1),[C,v]=g.useState(h),f=n!==void 0,S=f?n:C;let z,I;e[10]!==o?(z=()=>{o&&(typeof o=="function"?o($.current):o.current=$.current)},I=[o],e[10]=o,e[11]=z,e[12]=I):(z=e[11],I=e[12]),g.useEffect(z,I);let T,L;e[13]!==b?(T=()=>{$.current&&($.current.indeterminate=b)},L=[b],e[13]=b,e[14]=T,e[15]=L):(T=e[14],L=e[15]),g.useEffect(T,L);let V;e[16]!==x||e[17]!==f||e[18]!==l?(V=E=>{if(x)return;const R=E.target.checked;f||v(R),l==null||l(R,E)},e[16]=x,e[17]=f,e[18]=l,e[19]=V):V=e[19];const O=V;let A,F;e[20]!==x?(A=()=>!x&&k(!0),F=()=>!x&&k(!1),e[20]=x,e[21]=A,e[22]=F):(A=e[21],F=e[22]);let M;e[23]!==S||e[24]!==x||e[25]!==O||e[26]!==i?(M=Re("input",{ref:$,type:"checkbox",checked:S,disabled:x,onChange:O,...i}),e[23]=S,e[24]=x,e[25]=O,e[26]=i,e[27]=M):M=e[27];let K;e[28]!==y?(K=pi(y),e[28]=y,e[29]=K):K=e[29];const B=S&&!b;let W;e[30]!==S||e[31]!==b?(W=b?Re(gi,{checked:!0}):Re(bi,{checked:S}),e[30]=S,e[31]=b,e[32]=W):W=e[32];let Y;e[33]!==x||e[34]!==w||e[35]!==b||e[36]!==K||e[37]!==B||e[38]!==W?(Y=Re("span",{css:K,"data-hover":w,"data-checked":B,"data-indeterminate":b,"data-disabled":x,children:W}),e[33]=x,e[34]=w,e[35]=b,e[36]=K,e[37]=B,e[38]=W,e[39]=Y):Y=e[39];let Z;e[40]!==x||e[41]!==s||e[42]!==y?(Z=s&&Re("span",{css:hi(y),"data-disabled":x,children:s}),e[40]=x,e[41]=s,e[42]=y,e[43]=Z):Z=e[43];let c;return e[44]!==r||e[45]!==x||e[46]!==d||e[47]!==M||e[48]!==Y||e[49]!==Z||e[50]!==A||e[51]!==F?(c=_t("label",{css:fi,"data-disabled":x,className:r,style:d,onMouseEnter:A,onMouseLeave:F,children:[M,Y,Z]}),e[44]=r,e[45]=x,e[46]=d,e[47]=M,e[48]=Y,e[49]=Z,e[50]=A,e[51]=F,e[52]=c):c=e[52],c});Je.displayName="Checkbox";var Ft={exports:{}},Ye={};/**
|
|
450
|
+
* @license React
|
|
451
|
+
* react-jsx-runtime.production.js
|
|
452
|
+
*
|
|
453
|
+
* Copyright (c) Meta Platforms, Inc. and affiliates.
|
|
454
|
+
*
|
|
455
|
+
* This source code is licensed under the MIT license found in the
|
|
456
|
+
* LICENSE file in the root directory of this source tree.
|
|
457
|
+
*/var mo;function mi(){if(mo)return Ye;mo=1;var t=Symbol.for("react.transitional.element"),o=Symbol.for("react.fragment");function e(r,n,i){var s=null;if(i!==void 0&&(s=""+i),n.key!==void 0&&(s=""+n.key),"key"in n){i={};for(var l in n)l!=="key"&&(i[l]=n[l])}else i=n;return n=i.ref,{$$typeof:t,type:r,key:s,ref:n!==void 0?n:null,props:i}}return Ye.Fragment=o,Ye.jsx=e,Ye.jsxs=e,Ye}var it={};/**
|
|
458
|
+
* @license React
|
|
459
|
+
* react-jsx-runtime.development.js
|
|
460
|
+
*
|
|
461
|
+
* Copyright (c) Meta Platforms, Inc. and affiliates.
|
|
462
|
+
*
|
|
463
|
+
* This source code is licensed under the MIT license found in the
|
|
464
|
+
* LICENSE file in the root directory of this source tree.
|
|
465
|
+
*/var xo;function xi(){return xo||(xo=1,process.env.NODE_ENV!=="production"&&function(){function t(c){if(c==null)return null;if(typeof c=="function")return c.$$typeof===V?null:c.displayName||c.name||null;if(typeof c=="string")return c;switch(c){case $:return"Fragment";case k:return"Profiler";case w:return"StrictMode";case S:return"Suspense";case z:return"SuspenseList";case L:return"Activity"}if(typeof c=="object")switch(typeof c.tag=="number"&&console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),c.$$typeof){case y:return"Portal";case v:return c.displayName||"Context";case C:return(c._context.displayName||"Context")+".Consumer";case f:var E=c.render;return c=c.displayName,c||(c=E.displayName||E.name||"",c=c!==""?"ForwardRef("+c+")":"ForwardRef"),c;case I:return E=c.displayName||null,E!==null?E:t(c.type)||"Memo";case T:E=c._payload,c=c._init;try{return t(c(E))}catch{}}return null}function o(c){return""+c}function e(c){try{o(c);var E=!1}catch{E=!0}if(E){E=console;var R=E.error,P=typeof Symbol=="function"&&Symbol.toStringTag&&c[Symbol.toStringTag]||c.constructor.name||"Object";return R.call(E,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",P),o(c)}}function r(c){if(c===$)return"<>";if(typeof c=="object"&&c!==null&&c.$$typeof===T)return"<...>";try{var E=t(c);return E?"<"+E+">":"<...>"}catch{return"<...>"}}function n(){var c=O.A;return c===null?null:c.getOwner()}function i(){return Error("react-stack-top-frame")}function s(c){if(A.call(c,"key")){var E=Object.getOwnPropertyDescriptor(c,"key").get;if(E&&E.isReactWarning)return!1}return c.key!==void 0}function l(c,E){function R(){K||(K=!0,console.error("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",E))}R.isReactWarning=!0,Object.defineProperty(c,"key",{get:R,configurable:!0})}function d(){var c=t(this.type);return B[c]||(B[c]=!0,console.error("Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.")),c=this.props.ref,c!==void 0?c:null}function u(c,E,R,P,U,G){var D=R.ref;return c={$$typeof:x,type:c,key:E,props:R,_owner:P},(D!==void 0?D:null)!==null?Object.defineProperty(c,"ref",{enumerable:!1,get:d}):Object.defineProperty(c,"ref",{enumerable:!1,value:null}),c._store={},Object.defineProperty(c._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(c,"_debugInfo",{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.defineProperty(c,"_debugStack",{configurable:!1,enumerable:!1,writable:!0,value:U}),Object.defineProperty(c,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:G}),Object.freeze&&(Object.freeze(c.props),Object.freeze(c)),c}function p(c,E,R,P,U,G){var D=E.children;if(D!==void 0)if(P)if(F(D)){for(P=0;P<D.length;P++)m(D[P]);Object.freeze&&Object.freeze(D)}else console.error("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else m(D);if(A.call(E,"key")){D=t(c);var J=Object.keys(E).filter(function(X){return X!=="key"});P=0<J.length?"{key: someKey, "+J.join(": ..., ")+": ...}":"{key: someKey}",Z[D+P]||(J=0<J.length?"{"+J.join(": ..., ")+": ...}":"{}",console.error(`A props object containing a "key" prop is being spread into JSX:
|
|
466
|
+
let props = %s;
|
|
467
|
+
<%s {...props} />
|
|
468
|
+
React keys must be passed directly to JSX without using spread:
|
|
469
|
+
let props = %s;
|
|
470
|
+
<%s key={someKey} {...props} />`,P,D,J,D),Z[D+P]=!0)}if(D=null,R!==void 0&&(e(R),D=""+R),s(E)&&(e(E.key),D=""+E.key),"key"in E){R={};for(var q in E)q!=="key"&&(R[q]=E[q])}else R=E;return D&&l(R,typeof c=="function"?c.displayName||c.name||"Unknown":c),u(c,D,R,n(),U,G)}function m(c){h(c)?c._store&&(c._store.validated=1):typeof c=="object"&&c!==null&&c.$$typeof===T&&(c._payload.status==="fulfilled"?h(c._payload.value)&&c._payload.value._store&&(c._payload.value._store.validated=1):c._store&&(c._store.validated=1))}function h(c){return typeof c=="object"&&c!==null&&c.$$typeof===x}var b=g,x=Symbol.for("react.transitional.element"),y=Symbol.for("react.portal"),$=Symbol.for("react.fragment"),w=Symbol.for("react.strict_mode"),k=Symbol.for("react.profiler"),C=Symbol.for("react.consumer"),v=Symbol.for("react.context"),f=Symbol.for("react.forward_ref"),S=Symbol.for("react.suspense"),z=Symbol.for("react.suspense_list"),I=Symbol.for("react.memo"),T=Symbol.for("react.lazy"),L=Symbol.for("react.activity"),V=Symbol.for("react.client.reference"),O=b.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,A=Object.prototype.hasOwnProperty,F=Array.isArray,M=console.createTask?console.createTask:function(){return null};b={react_stack_bottom_frame:function(c){return c()}};var K,B={},W=b.react_stack_bottom_frame.bind(b,i)(),Y=M(r(i)),Z={};it.Fragment=$,it.jsx=function(c,E,R){var P=1e4>O.recentlyCreatedOwnerStacks++;return p(c,E,R,!1,P?Error("react-stack-top-frame"):W,P?M(r(c)):Y)},it.jsxs=function(c,E,R){var P=1e4>O.recentlyCreatedOwnerStacks++;return p(c,E,R,!0,P?Error("react-stack-top-frame"):W,P?M(r(c)):Y)}}()),it}process.env.NODE_ENV==="production"?Ft.exports=mi():Ft.exports=xi();var N=Ft.exports;const se=g.forwardRef(({children:t,size:o=24,color:e="currentColor",viewBox:r="0 0 24 24",useFill:n=!1,strokeWidth:i=1.5,...s},l)=>{const d={ref:l,xmlns:"http://www.w3.org/2000/svg",width:o,height:o,viewBox:r,...s};return n?N.jsx("svg",{...d,fill:e,children:t}):N.jsx("svg",{...d,fill:"none",stroke:e,strokeWidth:i,strokeLinecap:"round",strokeLinejoin:"round",children:t})});se.displayName="IconBase";const yi=g.forwardRef((t,o)=>N.jsx(se,{ref:o,...t,viewBox:"0 0 22 22",useFill:!0,children:N.jsx("path",{d:"M0.31074 10.9704C0.310783 10.5562 0.646483 10.2205 1.06066 10.2205L10.2213 10.2218L10.222 1.06742C10.2223 0.653481 10.5579 0.317504 10.9719 0.317505C11.3858 0.317611 11.7215 0.653547 11.7218 1.06742L11.7211 10.2218L20.8824 10.2225C21.2965 10.2227 21.6324 10.5583 21.6324 10.9724C21.6323 11.3865 21.2965 11.7222 20.8824 11.7224L11.7211 11.7217L11.7218 20.8706C11.7218 21.2847 11.386 21.6204 10.9719 21.6205C10.5577 21.6205 10.222 21.2847 10.222 20.8706L10.2213 11.7217L1.06066 11.7203C0.646473 11.7202 0.310739 11.3845 0.31074 10.9704Z",fill:"currentColor"})}));yi.displayName="AddOutline";const vi=g.forwardRef((t,o)=>N.jsx(se,{ref:o,...t,children:N.jsx("path",{d:"M5 12h14m0 0l-7-7m7 7l-7 7"})}));vi.displayName="ArrowRightOutline";const ki=g.forwardRef((t,o)=>N.jsx(se,{ref:o,...t,children:N.jsx("path",{d:"M19 12H5m0 0l7-7m-7 7l7 7"})}));ki.displayName="ArrowLeftOutline";const $i=g.forwardRef((t,o)=>N.jsxs(se,{ref:o,...t,useFill:!0,children:[N.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M3.80273 8.19824C3.38873 8.19824 3.05273 7.86224 3.05273 7.44824V5.30124C3.06573 2.36324 5.44173 0.000244141 8.35473 0.000244141H8.37473C10.6307 0.000244141 12.6447 1.43324 13.3837 3.56724C13.5197 3.95824 13.3117 4.38524 12.9197 4.52124C12.5287 4.65824 12.1017 4.44924 11.9657 4.05724C11.4367 2.52824 9.99173 1.50024 8.37173 1.50024H8.35773C6.26573 1.50024 4.56173 3.19424 4.55273 5.28424V7.44824C4.55273 7.86224 4.21673 8.19824 3.80273 8.19824Z"}),N.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M4.542 8.12695C2.864 8.12695 1.5 9.49195 1.5 11.17V15.458C1.5 17.136 2.864 18.501 4.542 18.501H12.184C13.861 18.501 15.226 17.136 15.226 15.458V11.17C15.226 9.49195 13.861 8.12695 12.184 8.12695H4.542ZM12.184 20.001H4.542C2.037 20.001 0 17.963 0 15.458V11.17C0 8.66495 2.037 6.62695 4.542 6.62695H12.184C14.688 6.62695 16.726 8.66495 16.726 11.17V15.458C16.726 17.963 14.688 20.001 12.184 20.001Z"}),N.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M8.36328 15.1748C7.94928 15.1748 7.61328 14.8388 7.61328 14.4248V12.2028C7.61328 11.7888 7.94928 11.4528 8.36328 11.4528C8.77728 11.4528 9.11328 11.7888 9.11328 12.2028V14.4248C9.11328 14.8388 8.77728 15.1748 8.36328 15.1748Z"})]}));$i.displayName="UnlockOutline";const wi=g.forwardRef((t,o)=>N.jsxs(se,{ref:o,...t,useFill:!0,children:[N.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M10 1.5C5.313 1.5 1.5 5.313 1.5 10C1.5 14.687 5.313 18.5 10 18.5C14.687 18.5 18.5 14.687 18.5 10C18.5 5.313 14.687 1.5 10 1.5ZM10 20C4.486 20 0 15.514 0 10C0 4.486 4.486 0 10 0C15.514 0 20 4.486 20 10C20 15.514 15.514 20 10 20Z"}),N.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M8.55858 14.2207C8.36658 14.2207 8.17358 14.1477 8.02758 13.9997C7.73558 13.7057 7.73658 13.2317 8.02958 12.9397L10.9816 9.99968L8.02958 7.06068C7.73658 6.76868 7.73558 6.29368 8.02758 5.99968C8.31958 5.70468 8.79358 5.70668 9.08758 5.99768L12.5736 9.46868C12.7146 9.60968 12.7936 9.80068 12.7936 9.99968C12.7936 10.1997 12.7146 10.3907 12.5736 10.5317L9.08758 14.0017C8.94158 14.1477 8.74958 14.2207 8.55858 14.2207Z"})]}));wi.displayName="ArrowRightCircleOutline";const Qo=g.forwardRef((t,o)=>N.jsx(se,{ref:o,...t,children:N.jsx("path",{d:"M9 6l6 6-6 6"})}));Qo.displayName="ChevronRightOutline";const Si=g.forwardRef((t,o)=>N.jsx(se,{ref:o,...t,children:N.jsx("path",{d:"M15 6l-6 6 6 6"})}));Si.displayName="ChevronLeftOutline";const tt=g.forwardRef((t,o)=>N.jsx(se,{ref:o,...t,children:N.jsx("path",{d:"M6 9l6 6 6-6"})}));tt.displayName="ChevronDownOutline";const Wt=g.forwardRef((t,o)=>N.jsx(se,{ref:o,...t,children:N.jsx("path",{d:"M18 15l-6-6-6 6"})}));Wt.displayName="ChevronUpOutline";const Ut=g.forwardRef((t,o)=>N.jsx(se,{ref:o,...t,children:N.jsx("path",{d:"M12 5v14m-7-7h14",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})}));Ut.displayName="PlusOutline";const Ci=g.forwardRef((t,o)=>N.jsxs(se,{ref:o,...t,children:[N.jsx("path",{d:"M11 2H9C4 2 2 4 2 9v6c0 5 2 7 7 7h6c5 0 7-2 7-7v-2",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"}),N.jsx("path",{d:"M16.04 3.02001L8.16 10.9C7.86 11.2 7.56 11.79 7.5 12.22L7.07 15.23C6.91 16.32 7.68 17.08 8.77 16.93L11.78 16.5C12.2 16.44 12.79 16.14 13.1 15.84L20.98 7.96001C22.34 6.60001 22.98 5.02001 20.98 3.02001C18.98 1.02001 17.4 1.66001 16.04 3.02001Z",stroke:"currentColor",strokeWidth:"1.5",strokeMiterlimit:"10",strokeLinecap:"round",strokeLinejoin:"round"}),N.jsx("path",{d:"M14.91 4.1499C15.58 6.5399 17.45 8.4099 19.85 9.0899",stroke:"currentColor",strokeWidth:"1.5",strokeMiterlimit:"10",strokeLinecap:"round",strokeLinejoin:"round"})]}));Ci.displayName="EditSquareOutline";const ji=g.forwardRef((t,o)=>N.jsxs(se,{ref:o,...t,children:[N.jsx("path",{d:"M13.26 3.6L5.05 12.29C4.74 12.62 4.44 13.27 4.38 13.72L4.01 16.96C3.88 18.13 4.72 18.93 5.88 18.73L9.1 18.18C9.55 18.1 10.18 17.77 10.49 17.43L18.7 8.74C20.12 7.24 20.76 5.53 18.55 3.44C16.35 1.37 14.68 2.1 13.26 3.6Z",stroke:"currentColor",strokeWidth:"1.5",strokeMiterlimit:"10",strokeLinecap:"round",strokeLinejoin:"round"}),N.jsx("path",{d:"M11.89 5.05C12.32 7.81 14.56 9.92 17.34 10.2",stroke:"currentColor",strokeWidth:"1.5",strokeMiterlimit:"10",strokeLinecap:"round",strokeLinejoin:"round"}),N.jsx("path",{d:"M3 22H21",stroke:"currentColor",strokeWidth:"1.5",strokeMiterlimit:"10",strokeLinecap:"round",strokeLinejoin:"round"})]}));ji.displayName="EditOutline";const Ri=g.forwardRef((t,o)=>N.jsx(se,{ref:o,...t,children:N.jsx("path",{d:"M21 5.98C17.67 5.65 14.32 5.48 10.98 5.48C9 5.48 7.02 5.58 5.04 5.78L3 5.98M8.5 4.97L8.72 3.66C8.88 2.71 9 2 10.69 2H13.31C15 2 15.13 2.75 15.28 3.67L15.5 4.97M18.85 9.14L18.2 19.21C18.09 20.78 18 22 15.21 22H8.79C6 22 5.91 20.78 5.8 19.21L5.15 9.14M10.33 16.5H13.66M9.5 12.5H14.5"})}));Ri.displayName="DeleteOutline";const zi=g.forwardRef((t,o)=>N.jsxs(se,{ref:o,...t,children:[N.jsx("path",{d:"M17 20.5H7C4 20.5 2 19 2 15.5V8.5C2 5 4 3.5 7 3.5H17C20 3.5 22 5 22 8.5V15.5C22 19 20 20.5 17 20.5Z",stroke:"currentColor",strokeWidth:"1.5",strokeMiterlimit:"10",strokeLinecap:"round",strokeLinejoin:"round",fill:"none"}),N.jsx("path",{d:"M17 9L13.87 11.5C12.84 12.32 11.15 12.32 10.12 11.5L7 9",stroke:"currentColor",strokeWidth:"1.5",strokeMiterlimit:"10",strokeLinecap:"round",strokeLinejoin:"round",fill:"none"})]}));zi.displayName="MessageOutline";const Ei=g.forwardRef((t,o)=>N.jsxs(se,{ref:o,...t,children:[N.jsx("circle",{cx:"11.7666",cy:"11.7666",r:"8.98856",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round",fill:"none"}),N.jsx("path",{d:"M18.0183 18.4851L21.5423 22",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round",fill:"none"})]}));Ei.displayName="SearchOutline";const Ti=g.forwardRef((t,o)=>N.jsxs(se,{ref:o,...t,viewBox:"0 0 22 22",useFill:!0,children:[N.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M7.5979 15.5596C7.1839 15.5596 6.8479 15.2236 6.8479 14.8096V11.0646C6.8479 10.6506 7.1839 10.3146 7.5979 10.3146C8.0119 10.3146 8.3479 10.6506 8.3479 11.0646V14.8096C8.3479 15.2236 8.0119 15.5596 7.5979 15.5596Z",fill:"currentColor"}),N.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M9.50862 13.6865H5.68762C5.27362 13.6865 4.93762 13.3505 4.93762 12.9365C4.93762 12.5225 5.27362 12.1865 5.68762 12.1865H9.50862C9.92262 12.1865 10.2586 12.5225 10.2586 12.9365C10.2586 13.3505 9.92262 13.6865 9.50862 13.6865Z",fill:"currentColor"}),N.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M14.116 11.9287H14.009C13.595 11.9287 13.259 11.5927 13.259 11.1787C13.259 10.7647 13.595 10.4287 14.009 10.4287H14.116C14.53 10.4287 14.866 10.7647 14.866 11.1787C14.866 11.5927 14.53 11.9287 14.116 11.9287Z",fill:"currentColor"}),N.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M15.9295 15.5029H15.8225C15.4085 15.5029 15.0725 15.1669 15.0725 14.7529C15.0725 14.3389 15.4085 14.0029 15.8225 14.0029H15.9295C16.3435 14.0029 16.6795 14.3389 16.6795 14.7529C16.6795 15.1669 16.3435 15.5029 15.9295 15.5029Z",fill:"currentColor"}),N.jsx("mask",{id:"mask0_6909_3794",style:{maskType:"luminance"},maskUnits:"userSpaceOnUse",x:"6",y:"0",width:"7",height:"6",children:N.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M6.07166 0H12.1117V5.5879H6.07166V0Z",fill:"white"})}),N.jsx("g",{mask:"url(#mask0_6909_3794)",children:N.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M11.3617 5.58788C10.9477 5.58788 10.6117 5.25188 10.6117 4.83788V4.16288C10.6087 3.43888 9.99466 2.84388 9.24366 2.84088H8.18966C7.02266 2.84088 6.07166 1.90288 6.07166 0.749878C6.07166 0.335878 6.40766 -0.00012207 6.82166 -0.00012207C7.23666 -0.00012207 7.57166 0.335878 7.57166 0.749878C7.57166 1.07588 7.84866 1.34088 8.18966 1.34088H9.24666C10.8197 1.34588 12.1047 2.60988 12.1117 4.15888V4.83788C12.1117 5.25188 11.7757 5.58788 11.3617 5.58788Z",fill:"currentColor"})}),N.jsx("mask",{id:"mask1_6909_3794",style:{maskType:"luminance"},maskUnits:"userSpaceOnUse",x:"0",y:"4",width:"22",height:"18",children:N.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M0 4.37329H21.4998V21.5H0V4.37329Z",fill:"white"})}),N.jsx("g",{mask:"url(#mask1_6909_3794)",children:N.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M10.701 5.87304C9.225 5.87304 7.767 5.88604 6.335 5.91004C3.528 5.91004 1.5 7.88804 1.5 10.612V15.262C1.5 17.985 3.528 19.963 6.323 19.963C9.27 20.012 12.241 20.012 15.165 19.963H15.178C17.972 19.963 20 17.985 20 15.262V10.612C20 7.88804 17.972 5.91004 15.178 5.91004C13.674 5.88604 12.179 5.87304 10.701 5.87304ZM10.754 21.5C9.271 21.5 7.786 21.487 6.31 21.463C2.659 21.463 0 18.854 0 15.262V10.612C0 7.01904 2.659 4.41004 6.323 4.41004C9.192 4.36104 12.18 4.36104 15.19 4.41004C18.841 4.41004 21.5 7.01904 21.5 10.612V15.262C21.5 18.852 18.845 21.46 15.184 21.463C13.716 21.487 12.236 21.5 10.754 21.5Z",fill:"currentColor"})})]}));Ti.displayName="GameOutline";const Yt=g.forwardRef((t,o)=>N.jsx(se,{ref:o,...t,viewBox:"0 0 12 12",useFill:!0,children:N.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M9.41575 3.81219C9.53779 3.93423 9.53779 4.1321 9.41575 4.25414L4.90757 8.76231L2.58467 6.4468C2.46243 6.32496 2.46212 6.12709 2.58396 6.00486L2.93695 5.65074C3.05879 5.52851 3.25666 5.52819 3.37889 5.65004L3.46421 5.73508L4.90631 7.17259L8.62025 3.45864C8.74229 3.3366 8.94015 3.3366 9.06219 3.45864L9.41575 3.81219Z",fill:"currentColor"})}));Yt.displayName="CheckOutline";const Zt=g.forwardRef((t,o)=>N.jsx(se,{ref:o,...t,children:N.jsx("path",{d:"M18 6L6 18M6 6l12 12"})}));Zt.displayName="CloseOutline";const Ii=g.forwardRef((t,o)=>N.jsx(se,{ref:o,...t,viewBox:"0 0 20 19",useFill:!0,children:N.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M9.74992 1.5C9.65892 1.5 9.43492 1.525 9.31592 1.763L7.48992 5.414C7.20092 5.991 6.64392 6.392 5.99992 6.484L1.91192 7.073C1.64192 7.112 1.54992 7.312 1.52192 7.396C1.49692 7.477 1.45692 7.683 1.64292 7.861L4.59892 10.701C5.06992 11.154 5.28392 11.807 5.17192 12.446L4.47592 16.456C4.43292 16.707 4.58992 16.853 4.65992 16.903C4.73392 16.959 4.93192 17.07 5.17692 16.942L8.83192 15.047C9.40792 14.75 10.0939 14.75 10.6679 15.047L14.3219 16.941C14.5679 17.068 14.7659 16.957 14.8409 16.903C14.9109 16.853 15.0679 16.707 15.0249 16.456L14.3269 12.446C14.2149 11.807 14.4289 11.154 14.8999 10.701L17.8559 7.861C18.0429 7.683 18.0029 7.476 17.9769 7.396C17.9499 7.312 17.8579 7.112 17.5879 7.073L13.4999 6.484C12.8569 6.392 12.2999 5.991 12.0109 5.413L10.1829 1.763C10.0649 1.525 9.84092 1.5 9.74992 1.5ZM4.94692 18.5C4.53392 18.5 4.12392 18.37 3.77292 18.114C3.16692 17.67 2.86992 16.937 2.99892 16.199L3.69492 12.189C3.72092 12.04 3.66992 11.889 3.55992 11.783L0.603916 8.943C0.0599161 8.422 -0.135084 7.652 0.0949161 6.937C0.326916 6.214 0.940916 5.697 1.69792 5.589L5.78592 5C5.94392 4.978 6.07992 4.881 6.14792 4.743L7.97492 1.091C8.31192 0.418 8.99192 0 9.74992 0C10.5079 0 11.1879 0.418 11.5249 1.091L13.3529 4.742C13.4219 4.881 13.5569 4.978 13.7139 5L17.8019 5.589C18.5589 5.697 19.1729 6.214 19.4049 6.937C19.6349 7.652 19.4389 8.422 18.8949 8.943L15.9389 11.783C15.8289 11.889 15.7789 12.04 15.8049 12.188L16.5019 16.199C16.6299 16.938 16.3329 17.671 15.7259 18.114C15.1109 18.565 14.3099 18.626 13.6309 18.272L9.97792 16.379C9.83492 16.305 9.66392 16.305 9.52092 16.379L5.86792 18.273C5.57592 18.425 5.26092 18.5 4.94692 18.5Z",fill:"currentColor"})}));Ii.displayName="StartOutline";const Li=g.forwardRef((t,o)=>N.jsxs(se,{ref:o,...t,viewBox:"0 0 20 19",useFill:!0,children:[N.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M1.5 11.979V14.024C1.5 14.73 1.774 15.393 2.273 15.892C2.772 16.391 3.436 16.666 4.141 16.666H15.857C17.313 16.666 18.499 15.482 18.5 14.026V11.978C17.214 11.645 16.261 10.474 16.26 9.085C16.26 7.696 17.213 6.525 18.499 6.191L18.5 4.146C18.501 2.688 17.318 1.501 15.861 1.5H4.144C2.687 1.5 1.501 2.685 1.5 4.142V6.259C1.986 6.375 2.437 6.614 2.812 6.964C3.381 7.495 3.709 8.215 3.737 8.993C3.74 10.459 2.787 11.643 1.5 11.979ZM15.857 18.166H4.142C3.035 18.166 1.995 17.736 1.212 16.953C0.43 16.17 0 15.13 0 14.024V11.324C0 10.91 0.336 10.574 0.75 10.574C1.574 10.573 2.24 9.905 2.239 9.085C2.225 8.667 2.065 8.319 1.789 8.061C1.514 7.803 1.158 7.662 0.776 7.683C0.569 7.685 0.375 7.614 0.229 7.473C0.083 7.332 0 7.136 0 6.933V4.143C0.001 1.858 1.86 0 4.144 0H15.856C18.146 0.001 20.002 1.863 20 4.147V6.846C20 7.26 19.664 7.596 19.25 7.596C18.429 7.596 17.76 8.264 17.76 9.084C17.761 9.906 18.429 10.574 19.25 10.574C19.664 10.574 20 10.91 20 11.324V14.024C19.999 16.308 18.14 18.166 15.857 18.166Z"}),N.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M8.10395 8.38103L8.61295 8.87703C8.88895 9.14803 9.01395 9.53403 8.94795 9.91103L8.82795 10.609L9.45695 10.278C9.79595 10.097 10.203 10.098 10.545 10.28L11.17 10.608L11.05 9.90903C10.987 9.52603 11.113 9.14303 11.386 8.87703L11.8949 8.38103L11.1899 8.27903C10.812 8.22403 10.484 7.98603 10.3149 7.64103L9.99995 7.00403L9.68495 7.64203C9.51595 7.98603 9.18795 8.22403 8.80795 8.27903L8.10395 8.38103ZM11.6179 12.387C11.432 12.387 11.246 12.342 11.074 12.251L9.99995 11.688L8.92495 12.252C8.52895 12.459 8.05795 12.426 7.69795 12.164C7.33695 11.901 7.15995 11.465 7.23495 11.025L7.43995 9.82903L6.57095 8.98203C6.25195 8.67103 6.13795 8.21403 6.27495 7.79003C6.41295 7.36503 6.77295 7.06003 7.21395 6.99603L8.41795 6.82003L8.95495 5.73103C9.15195 5.33103 9.55195 5.08203 9.99995 5.08203C10.446 5.08203 10.847 5.33103 11.044 5.73203L11.582 6.82003L12.784 6.99603C13.226 7.06003 13.5869 7.36503 13.7239 7.79003C13.8609 8.21403 13.748 8.67103 13.4279 8.98303L12.558 9.83003L12.7639 11.025C12.8389 11.466 12.661 11.903 12.299 12.165C12.095 12.312 11.8569 12.387 11.6179 12.387Z"})]}));Li.displayName="TicketOutline";const Mi=g.forwardRef((t,o)=>N.jsxs(se,{ref:o,...t,viewBox:"0 0 20 20",useFill:!0,children:[N.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M10 1.5C5.313 1.5 1.5 5.313 1.5 10C1.5 14.687 5.313 18.5 10 18.5C14.687 18.5 18.5 14.687 18.5 10C18.5 5.313 14.687 1.5 10 1.5ZM10 20C4.486 20 0 15.514 0 10C0 4.486 4.486 0 10 0C15.514 0 20 4.486 20 10C20 15.514 15.514 20 10 20Z",fill:"currentColor"}),N.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M13.9482 11.0137C13.3952 11.0137 12.9432 10.5667 12.9432 10.0137C12.9432 9.46067 13.3862 9.01367 13.9382 9.01367H13.9482C14.5012 9.01367 14.9482 9.46067 14.9482 10.0137C14.9482 10.5667 14.5012 11.0137 13.9482 11.0137Z",fill:"currentColor"}),N.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M9.93845 11.0137C9.38545 11.0137 8.93445 10.5667 8.93445 10.0137C8.93445 9.46067 9.37645 9.01367 9.92945 9.01367H9.93845C10.4914 9.01367 10.9384 9.46067 10.9384 10.0137C10.9384 10.5667 10.4914 11.0137 9.93845 11.0137Z",fill:"currentColor"}),N.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M5.92968 11.0137C5.37668 11.0137 4.92468 10.5667 4.92468 10.0137C4.92468 9.46067 5.36768 9.01367 5.92068 9.01367H5.92968C6.48268 9.01367 6.92968 9.46067 6.92968 10.0137C6.92968 10.5667 6.48268 11.0137 5.92968 11.0137Z",fill:"currentColor"})]}));Mi.displayName="MoreCircleOutline";const Ai=g.forwardRef((t,o)=>N.jsxs(se,{ref:o,...t,children:[N.jsx("path",{d:"M9 22H15C20 22 22 20 22 15V9C22 4 20 2 15 2H9C4 2 2 4 2 9V15C2 20 4 22 9 22Z"}),N.jsx("circle",{cx:"15.5",cy:"12",r:"1"}),N.jsx("circle",{cx:"11.5",cy:"12",r:"1"}),N.jsx("circle",{cx:"7.5",cy:"12",r:"1"})]}));Ai.displayName="MoreSquareOutline";const Pi=g.forwardRef((t,o)=>N.jsx(se,{ref:o,...t,viewBox:"0 0 19 19",useFill:!0,children:N.jsx("path",{d:"M12.2871 7.28027C11.9093 7.28115 11.596 7.00252 11.543 6.63965L11.5352 6.5293L11.5488 0.749023C11.5498 0.33481 11.8866 -0.000957489 12.3008 0C12.6771 0.00109291 12.9883 0.279963 13.041 0.641602L13.0488 0.751953L13.0371 5.77832L18.0635 5.76758C18.4777 5.76662 18.8145 6.10141 18.8154 6.51562C18.8163 6.89214 18.5392 7.20439 18.1777 7.25879L18.0674 7.26758L12.2871 7.28027ZM6.51465 18.8164C6.1383 18.8153 5.82712 18.5364 5.77441 18.1748L5.7666 18.0645L5.77832 13.0371L0.751953 13.0488C0.375542 13.0497 0.0633717 12.7734 0.00878906 12.4121L0 12.3008C-0.000797272 11.9243 0.276207 11.612 0.637695 11.5576L0.748047 11.5488L6.52832 11.5361C6.90611 11.5353 7.2194 11.8139 7.27246 12.1768L7.28027 12.2871L7.2666 18.0674C7.26564 18.4816 6.92886 18.8174 6.51465 18.8164Z"})}));Pi.displayName="ShrinkOutline";const Oi=g.forwardRef((t,o)=>N.jsx(se,{ref:o,...t,children:N.jsx("path",{d:"M21 9V3h-6M3 15v6h6M21 3l-7 7M10 14l-7 7"})}));Oi.displayName="ExpandOutline";const _i=g.forwardRef((t,o)=>N.jsx(se,{ref:o,...t,viewBox:"0 0 20 20",useFill:!0,children:N.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M6.773 9.59876C6.791 9.61476 6.808 9.62976 6.825 9.64776C7.904 10.7538 8.499 12.2188 8.499 13.7738V17.7578L10.735 16.5398C10.911 16.4438 11.02 16.2558 11.02 16.0488V13.7618C11.02 12.2128 11.609 10.7528 12.678 9.65276L17.515 4.50776C17.828 4.17476 18 3.73776 18 3.27676V2.34076C18 1.87676 17.634 1.49976 17.186 1.49976H2.315C1.866 1.49976 1.5 1.87676 1.5 2.34076V3.27676C1.5 3.73776 1.672 4.17476 1.985 4.50676L6.773 9.59876ZM8.146 19.5008C7.944 19.5008 7.744 19.4468 7.562 19.3388C7.21 19.1288 6.999 18.7578 6.999 18.3458V13.7738C6.999 12.6388 6.576 11.5698 5.805 10.7508C5.782 10.7318 5.759 10.7108 5.739 10.6888L0.893 5.53576C0.317 4.92376 0 4.12076 0 3.27676V2.34076C0 1.04976 1.039 -0.000244141 2.315 -0.000244141H17.186C18.461 -0.000244141 19.5 1.04976 19.5 2.34076V3.27676C19.5 4.11976 19.183 4.92176 18.609 5.53476L13.762 10.6888C12.959 11.5168 12.52 12.6058 12.52 13.7618V16.0488C12.52 16.8048 12.111 17.4968 11.453 17.8568L8.692 19.3608C8.52 19.4538 8.333 19.5008 8.146 19.5008Z",fill:"currentColor"})}));_i.displayName="FunnelOutline";const er=g.forwardRef((t,o)=>N.jsx(se,{ref:o,...t,children:N.jsx("path",{d:"M2 12H22",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})}));er.displayName="MinusOutline";const Ni=g.forwardRef((t,o)=>N.jsxs(se,{ref:o,useFill:!0,...t,children:[N.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M4.25 12a.75.75 0 0 1 .75-.75h14a.75.75 0 0 1 0 1.5H5a.75.75 0 0 1-.75-.75Z"}),N.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M12.47 4.47a.75.75 0 0 1 1.06 0l7 7a.75.75 0 0 1 0 1.06l-7 7a.75.75 0 1 1-1.06-1.06L18.94 12l-6.47-6.47a.75.75 0 0 1 0-1.06Z"})]}));Ni.displayName="ArrowRightBold";const Fi=g.forwardRef((t,o)=>N.jsx(se,{ref:o,...t,children:N.jsx("path",{d:"M5 12h7m5 0h2m-2 0l-7-7m7 7l-7 7"})}));Fi.displayName="ArrowRightBroken";const Xt={sm:{paddingX:12,paddingY:5,gap:8,minHeight:28,fontSize:12,lineHeight:18,checkmarkSize:10,checkmarkIcon:7},md:{paddingX:16,paddingY:7,gap:10,minHeight:32,fontSize:12,lineHeight:18,checkmarkSize:12,checkmarkIcon:8},lg:{paddingX:20,paddingY:9,gap:12,minHeight:38,fontSize:14,lineHeight:20,checkmarkSize:14,checkmarkIcon:9}},Vi=_.css`
|
|
471
|
+
display: inline-flex;
|
|
472
|
+
cursor: pointer;
|
|
473
|
+
user-select: none;
|
|
474
|
+
position: relative;
|
|
475
|
+
|
|
476
|
+
/* 隐藏原生 checkbox */
|
|
477
|
+
input[type="checkbox"] {
|
|
478
|
+
position: absolute;
|
|
479
|
+
opacity: 0;
|
|
480
|
+
width: 1px;
|
|
481
|
+
height: 1px;
|
|
482
|
+
margin: 0;
|
|
483
|
+
padding: 0;
|
|
484
|
+
border: 0;
|
|
485
|
+
clip: rect(0 0 0 0);
|
|
486
|
+
clip-path: inset(50%);
|
|
487
|
+
white-space: nowrap;
|
|
488
|
+
overflow: hidden;
|
|
489
|
+
left: -9999px;
|
|
490
|
+
-webkit-appearance: none;
|
|
491
|
+
appearance: none;
|
|
492
|
+
}
|
|
493
|
+
|
|
494
|
+
&[data-disabled="true"] {
|
|
495
|
+
cursor: not-allowed;
|
|
496
|
+
}
|
|
497
|
+
`,Di=(t,o="md")=>{const e=Xt[o];return _.css`
|
|
498
|
+
position: relative;
|
|
499
|
+
display: inline-flex;
|
|
500
|
+
align-items: center;
|
|
501
|
+
justify-content: center;
|
|
502
|
+
box-sizing: border-box;
|
|
503
|
+
|
|
504
|
+
/* 尺寸与间距 - 按照设计稿 */
|
|
505
|
+
padding: ${e.paddingY}px ${e.paddingX}px;
|
|
506
|
+
gap: ${e.gap}px;
|
|
507
|
+
min-height: ${e.minHeight}px;
|
|
508
|
+
|
|
509
|
+
/* 字体样式 */
|
|
510
|
+
font-family: ${t.global.typography.fontFamily};
|
|
511
|
+
font-size: ${e.fontSize}px;
|
|
512
|
+
line-height: ${e.lineHeight}px;
|
|
513
|
+
font-weight: 400;
|
|
514
|
+
white-space: nowrap;
|
|
515
|
+
|
|
516
|
+
/* 边框与圆角 */
|
|
517
|
+
border: 1px solid ${t.global.colors.neutral[200]}; /* #e1e1e1 - b4 组件描边 */
|
|
518
|
+
border-radius: 4px;
|
|
519
|
+
|
|
520
|
+
/* 默认状态 - 未选中 */
|
|
521
|
+
background-color: ${t.global.colors.common.white};
|
|
522
|
+
color: rgba(10, 24, 51, 0.7); /* f4 正文文字色 */
|
|
523
|
+
|
|
524
|
+
/* 过渡动画 */
|
|
525
|
+
transition:
|
|
526
|
+
background-color 0.2s ease,
|
|
527
|
+
border-color 0.2s ease,
|
|
528
|
+
color 0.2s ease;
|
|
529
|
+
|
|
530
|
+
/* Hover 状态 - 未选中 */
|
|
531
|
+
&[data-hover="true"]:not([data-checked="true"]):not([data-disabled="true"]) {
|
|
532
|
+
border-color: ${t.global.colors.blue[500]}; /* #2c6fe7 - b5 主按钮色 */
|
|
533
|
+
color: ${t.global.colors.blue[500]};
|
|
534
|
+
}
|
|
535
|
+
|
|
536
|
+
/* Checked 状态 - 已选中 */
|
|
537
|
+
&[data-checked="true"]:not([data-disabled="true"]) {
|
|
538
|
+
background-color: ${t.global.colors.blue[100]}; /* #d4e9fd - b1 选中背景面 */
|
|
539
|
+
border-color: ${t.global.colors.blue[500]}; /* #2c6fe7 - b5 主按钮色 */
|
|
540
|
+
color: ${t.global.colors.blue[500]};
|
|
541
|
+
}
|
|
542
|
+
|
|
543
|
+
/* Disabled 未选中状态 */
|
|
544
|
+
&[data-disabled="true"]:not([data-checked="true"]) {
|
|
545
|
+
background-color: ${t.global.colors.neutral[100]}; /* #f0f0f0 - b5 禁用背景色 */
|
|
546
|
+
border-color: ${t.global.colors.neutral[200]}; /* #e1e1e1 */
|
|
547
|
+
color: rgba(10, 24, 51, 0.3); /* f8 禁用文字色 */
|
|
548
|
+
}
|
|
549
|
+
|
|
550
|
+
/* Disabled 选中状态 */
|
|
551
|
+
&[data-disabled="true"][data-checked="true"] {
|
|
552
|
+
background-color: ${t.global.colors.neutral[100]}; /* #f0f0f0 - b5 禁用背景色 */
|
|
553
|
+
border-color: ${t.global.colors.neutral[400]}; /* #c2c5cc - b6 选中边框色 */
|
|
554
|
+
color: rgba(10, 24, 51, 0.3); /* f8 禁用文字色 */
|
|
555
|
+
}
|
|
556
|
+
|
|
557
|
+
/* Focus 状态 - 键盘导航 */
|
|
558
|
+
input:focus-visible + & {
|
|
559
|
+
outline: 2px solid ${t.global.colors.blue[500]};
|
|
560
|
+
outline-offset: 2px;
|
|
561
|
+
}
|
|
562
|
+
`},Ki=(t,o="md")=>{const{checkmarkSize:e,checkmarkIcon:r}=Xt[o];return _.css`
|
|
563
|
+
position: absolute;
|
|
564
|
+
bottom: 0;
|
|
565
|
+
right: 0;
|
|
566
|
+
|
|
567
|
+
display: flex;
|
|
568
|
+
align-items: flex-end;
|
|
569
|
+
justify-content: flex-end;
|
|
570
|
+
|
|
571
|
+
/* 勾选标记的背景三角形区域 */
|
|
572
|
+
width: ${e}px;
|
|
573
|
+
height: ${e}px;
|
|
574
|
+
overflow: hidden;
|
|
575
|
+
|
|
576
|
+
/* 过渡动画 */
|
|
577
|
+
transition: background-color 0.2s ease;
|
|
578
|
+
|
|
579
|
+
/* 背景三角形 */
|
|
580
|
+
&::before {
|
|
581
|
+
content: '';
|
|
582
|
+
position: absolute;
|
|
583
|
+
bottom: 0;
|
|
584
|
+
right: 0;
|
|
585
|
+
width: 0;
|
|
586
|
+
height: 0;
|
|
587
|
+
border-style: solid;
|
|
588
|
+
border-width: 0 0 ${e}px ${e}px;
|
|
589
|
+
border-color: transparent transparent ${t.global.colors.blue[500]} transparent;
|
|
590
|
+
transition: border-color 0.2s ease;
|
|
591
|
+
}
|
|
592
|
+
|
|
593
|
+
/* 禁用状态的背景 */
|
|
594
|
+
&[data-disabled="true"]::before {
|
|
595
|
+
border-color: transparent transparent ${t.global.colors.neutral[400]} transparent;
|
|
596
|
+
}
|
|
597
|
+
|
|
598
|
+
/* 图标样式 */
|
|
599
|
+
svg {
|
|
600
|
+
position: relative;
|
|
601
|
+
color: ${t.global.colors.common.white};
|
|
602
|
+
width: ${r}px;
|
|
603
|
+
height: ${r}px;
|
|
604
|
+
margin: 0;
|
|
605
|
+
z-index: 1;
|
|
606
|
+
}
|
|
607
|
+
|
|
608
|
+
/* 禁用状态的图标 */
|
|
609
|
+
&[data-disabled="true"] svg {
|
|
610
|
+
color: ${t.global.colors.neutral[100]}; /* #f0f2f4 */
|
|
611
|
+
}
|
|
612
|
+
`},tr=g.forwardRef((t,o)=>{const e=te.c(50);let r,n,i,s,l,d,u,p,m;e[0]!==t?({checked:n,defaultChecked:u,disabled:p,label:s,size:m,onChange:l,className:r,style:d,...i}=t,e[0]=t,e[1]=r,e[2]=n,e[3]=i,e[4]=s,e[5]=l,e[6]=d,e[7]=u,e[8]=p,e[9]=m):(r=e[1],n=e[2],i=e[3],s=e[4],l=e[5],d=e[6],u=e[7],p=e[8],m=e[9]);const h=u===void 0?!1:u,b=p===void 0?!1:p,x=m===void 0?"md":m,y=_.useTheme(),$=g.useRef(null),[w,k]=g.useState(!1),[C,v]=g.useState(h),f=n!==void 0,S=f?n:C;let z,I;e[10]!==o?(z=()=>{o&&(typeof o=="function"?o($.current):o.current=$.current)},I=[o],e[10]=o,e[11]=z,e[12]=I):(z=e[11],I=e[12]),g.useEffect(z,I);let T;e[13]!==b||e[14]!==f||e[15]!==l?(T=Y=>{if(b)return;const Z=Y.target.checked;f||v(Z),l==null||l(Z,Y)},e[13]=b,e[14]=f,e[15]=l,e[16]=T):T=e[16];const L=T,V=Xt[x];let O,A;e[17]!==b?(O=()=>!b&&k(!0),A=()=>!b&&k(!1),e[17]=b,e[18]=O,e[19]=A):(O=e[18],A=e[19]);let F;e[20]!==S||e[21]!==b||e[22]!==L||e[23]!==i?(F=Re("input",{ref:$,type:"checkbox",checked:S,disabled:b,onChange:L,...i}),e[20]=S,e[21]=b,e[22]=L,e[23]=i,e[24]=F):F=e[24];let M;e[25]!==x||e[26]!==y?(M=Di(y,x),e[25]=x,e[26]=y,e[27]=M):M=e[27];let K;e[28]!==S||e[29]!==b||e[30]!==x||e[31]!==V||e[32]!==y?(K=S&&Re("span",{css:Ki(y,x),"data-disabled":b,"data-size":x,children:Re(Yt,{size:V.checkmarkIcon})}),e[28]=S,e[29]=b,e[30]=x,e[31]=V,e[32]=y,e[33]=K):K=e[33];let B;e[34]!==S||e[35]!==b||e[36]!==w||e[37]!==s||e[38]!==x||e[39]!==K||e[40]!==M?(B=_t("span",{css:M,"data-hover":w,"data-checked":S,"data-disabled":b,"data-size":x,children:[s,K]}),e[34]=S,e[35]=b,e[36]=w,e[37]=s,e[38]=x,e[39]=K,e[40]=M,e[41]=B):B=e[41];let W;return e[42]!==r||e[43]!==b||e[44]!==d||e[45]!==B||e[46]!==O||e[47]!==A||e[48]!==F?(W=_t("label",{css:Vi,"data-disabled":b,className:r,style:d,onMouseEnter:O,onMouseLeave:A,children:[F,B]}),e[42]=r,e[43]=b,e[44]=d,e[45]=B,e[46]=O,e[47]=A,e[48]=F,e[49]=W):W=e[49],W});tr.displayName="CheckboxButton";const Bi=_.keyframes`
|
|
613
|
+
from {
|
|
614
|
+
opacity: 0;
|
|
615
|
+
transform: translateY(-8px);
|
|
616
|
+
}
|
|
617
|
+
to {
|
|
618
|
+
opacity: 1;
|
|
619
|
+
transform: translateY(0);
|
|
620
|
+
}
|
|
621
|
+
`,Hi=_.keyframes`
|
|
622
|
+
from {
|
|
623
|
+
opacity: 1;
|
|
624
|
+
transform: translateY(0);
|
|
625
|
+
}
|
|
626
|
+
to {
|
|
627
|
+
opacity: 0;
|
|
628
|
+
transform: translateY(-8px);
|
|
629
|
+
}
|
|
630
|
+
`;_.keyframes`
|
|
631
|
+
from {
|
|
632
|
+
transform: rotate(-90deg);
|
|
633
|
+
}
|
|
634
|
+
to {
|
|
635
|
+
transform: rotate(0deg);
|
|
636
|
+
}
|
|
637
|
+
`;_.keyframes`
|
|
638
|
+
from {
|
|
639
|
+
transform: rotate(0deg);
|
|
640
|
+
}
|
|
641
|
+
to {
|
|
642
|
+
transform: rotate(-90deg);
|
|
643
|
+
}
|
|
644
|
+
`;const Wi=j.div`
|
|
645
|
+
width: 100%;
|
|
646
|
+
border: 1px solid ${({theme:t})=>t.components.collapse.border.default};
|
|
647
|
+
border-radius: ${({theme:t})=>t.components.collapse.borderRadius};
|
|
648
|
+
background: ${({theme:t})=>t.components.collapse.background.default};
|
|
649
|
+
overflow: hidden;
|
|
650
|
+
`,Ui=j.div`
|
|
651
|
+
border-bottom: ${({isLast:t,theme:o})=>t?"none":`1px solid ${o.components.collapse.divider}`};
|
|
652
|
+
`,Yi=j.div`
|
|
653
|
+
display: flex;
|
|
654
|
+
align-items: center;
|
|
655
|
+
gap: ${({theme:t})=>t.components.collapse.gap};
|
|
656
|
+
padding: ${({theme:t})=>t.components.collapse.padding.header};
|
|
657
|
+
cursor: ${({isDisabled:t})=>t?"not-allowed":"pointer"};
|
|
658
|
+
user-select: none;
|
|
659
|
+
transition: background ${({theme:t})=>t.components.collapse.transition};
|
|
660
|
+
|
|
661
|
+
/* Hover 状态 */
|
|
662
|
+
${({isDisabled:t,theme:o})=>!t&&_.css`
|
|
663
|
+
&:hover {
|
|
664
|
+
background: ${o.components.collapse.background.hover};
|
|
665
|
+
}
|
|
666
|
+
`}
|
|
667
|
+
|
|
668
|
+
/* Focus 可见状态 - 键盘导航时显示 */
|
|
669
|
+
&:focus-visible {
|
|
670
|
+
outline: 2px solid ${({theme:t})=>t.components.collapse.arrow.default};
|
|
671
|
+
outline-offset: -2px;
|
|
672
|
+
}
|
|
673
|
+
|
|
674
|
+
/* 禁用状态 */
|
|
675
|
+
${({isDisabled:t})=>t&&_.css`
|
|
676
|
+
opacity: 0.5;
|
|
677
|
+
`}
|
|
678
|
+
`,Zi=j.div`
|
|
679
|
+
display: inline-flex;
|
|
680
|
+
align-items: center;
|
|
681
|
+
justify-content: center;
|
|
682
|
+
flex-shrink: 0;
|
|
683
|
+
width: ${({theme:t})=>t.components.collapse.arrowSize};
|
|
684
|
+
height: ${({theme:t})=>t.components.collapse.arrowSize};
|
|
685
|
+
color: ${({theme:t})=>t.components.collapse.arrow.default};
|
|
686
|
+
transition: transform ${({theme:t})=>t.components.collapse.transition};
|
|
687
|
+
transform: rotate(${({isExpanded:t})=>t?"0deg":"-90deg"});
|
|
688
|
+
|
|
689
|
+
svg {
|
|
690
|
+
width: 100%;
|
|
691
|
+
height: 100%;
|
|
692
|
+
}
|
|
693
|
+
`,Xi=j.div`
|
|
694
|
+
flex: 1;
|
|
695
|
+
display: flex;
|
|
696
|
+
align-items: center;
|
|
697
|
+
gap: ${({theme:t})=>t.components.collapse.gap};
|
|
698
|
+
min-width: 0; /* 允许内容收缩 */
|
|
699
|
+
`,Gi=j.p`
|
|
700
|
+
margin: 0;
|
|
701
|
+
font-family: ${({theme:t})=>t.global.typography.fontFamily};
|
|
702
|
+
font-size: 14px;
|
|
703
|
+
line-height: 22px;
|
|
704
|
+
color: ${({theme:t})=>t.components.collapse.text.title};
|
|
705
|
+
white-space: pre-wrap;
|
|
706
|
+
word-break: break-word;
|
|
707
|
+
`,qi=j.div`
|
|
708
|
+
display: flex;
|
|
709
|
+
align-items: center;
|
|
710
|
+
gap: 12px;
|
|
711
|
+
flex-shrink: 0;
|
|
712
|
+
`,Ji=j.div`
|
|
713
|
+
max-height: ${({isExpanded:t,contentHeight:o})=>t?`${o}px`:"0px"};
|
|
714
|
+
overflow: hidden;
|
|
715
|
+
transition: max-height ${({theme:t})=>t.components.collapse.transition};
|
|
716
|
+
`,Qi=j.div`
|
|
717
|
+
padding: ${({theme:t})=>t.components.collapse.padding.content};
|
|
718
|
+
border-top: 1px solid ${({theme:t})=>t.components.collapse.divider};
|
|
719
|
+
|
|
720
|
+
${({isExpanded:t})=>t?_.css`
|
|
721
|
+
animation: ${Bi} 0.3s cubic-bezier(0.4, 0, 0.2, 1) forwards;
|
|
722
|
+
`:_.css`
|
|
723
|
+
animation: ${Hi} 0.3s cubic-bezier(0.4, 0, 0.2, 1) forwards;
|
|
724
|
+
`}
|
|
725
|
+
`,es=j.div`
|
|
726
|
+
font-family: ${({theme:t})=>t.global.typography.fontFamily};
|
|
727
|
+
font-size: 12px;
|
|
728
|
+
line-height: 22px;
|
|
729
|
+
color: ${({theme:t})=>t.components.collapse.text.default};
|
|
730
|
+
|
|
731
|
+
p {
|
|
732
|
+
margin: 0 0 12px 0;
|
|
733
|
+
|
|
734
|
+
&:last-child {
|
|
735
|
+
margin-bottom: 0;
|
|
736
|
+
}
|
|
737
|
+
}
|
|
738
|
+
`,or=g.forwardRef((t,o)=>{const e=te.c(19),{activeKey:r,defaultActiveKey:n,accordion:i,onChange:s,children:l,className:d}=t;let u;e[0]!==n?(u=n===void 0?[]:n,e[0]=n,e[1]=u):u=e[1];const p=u,m=i===void 0?!1:i,[h,b]=g.useState(p),x=r!==void 0,y=x?r:h;let $;e[2]!==y?($=Array.isArray(y)?y:[y],e[2]=y,e[3]=$):$=e[3];const w=$;let k;e[4]!==m||e[5]!==y||e[6]!==x||e[7]!==s?(k=(I,T)=>{let L;if(m)L=T?I:"";else{const V=Array.isArray(y)?[...y]:y?[y]:[];T?L=[...V,I]:L=V.filter(O=>O!==I)}x||b(L),s==null||s(L)},e[4]=m,e[5]=y,e[6]=x,e[7]=s,e[8]=k):k=e[8];const C=k;let v;e[9]!==w||e[10]!==l||e[11]!==C?(v=()=>{const I=g.Children.toArray(l).filter(g.isValidElement),T=I.length;return I.map((L,V)=>{const O=L.props.itemKey,A=w.includes(O),F=V===T-1;return g.cloneElement(L,{...L.props,expanded:A,last:F,onChange:C})})},e[9]=w,e[10]=l,e[11]=C,e[12]=v):v=e[12];const f=v;let S;e[13]!==f?(S=f(),e[13]=f,e[14]=S):S=e[14];let z;return e[15]!==d||e[16]!==o||e[17]!==S?(z=a.jsx(Wi,{ref:o,className:d,role:"region",children:S}),e[15]=d,e[16]=o,e[17]=S,e[18]=z):z=e[18],z});or.displayName="Collapse";const rr=g.forwardRef((t,o)=>{const e=te.c(48),{itemKey:r,title:n,children:i,suffix:s,expanded:l,disabled:d,last:u,onChange:p,className:m}=t,h=l===void 0?!1:l,b=d===void 0?!1:d,x=u===void 0?!1:u,y=g.useRef(null),[$,w]=g.useState(0);let k;e[0]===Symbol.for("react.memo_cache_sentinel")?(k=()=>{y.current&&w(y.current.scrollHeight)},e[0]=k):k=e[0];let C;e[1]!==i||e[2]!==h?(C=[i,h],e[1]=i,e[2]=h,e[3]=C):C=e[3],g.useEffect(k,C);let v;e[4]!==b||e[5]!==h||e[6]!==r||e[7]!==p?(v=()=>{b||p==null||p(r,!h)},e[4]=b,e[5]=h,e[6]=r,e[7]=p,e[8]=v):v=e[8];const f=v;let S;e[9]!==b||e[10]!==f?(S=E=>{b||(E.key===" "||E.key==="Enter")&&(E.preventDefault(),f())},e[9]=b,e[10]=f,e[11]=S):S=e[11];const z=S,I=b?-1:0,T=`collapse-content-${r}`;let L;e[12]===Symbol.for("react.memo_cache_sentinel")?(L=a.jsx(tt,{}),e[12]=L):L=e[12];let V;e[13]!==h?(V=a.jsx(Zi,{isExpanded:h,"aria-hidden":"true",children:L}),e[13]=h,e[14]=V):V=e[14];let O;e[15]!==n?(O=typeof n=="string"?a.jsx(Gi,{children:n}):n,e[15]=n,e[16]=O):O=e[16];let A;e[17]!==O?(A=a.jsx(Xi,{children:O}),e[17]=O,e[18]=A):A=e[18];let F;e[19]!==s?(F=s&&a.jsx(qi,{children:s}),e[19]=s,e[20]=F):F=e[20];let M;e[21]!==b||e[22]!==h||e[23]!==z||e[24]!==f||e[25]!==V||e[26]!==A||e[27]!==F||e[28]!==I||e[29]!==T?(M=a.jsxs(Yi,{isExpanded:h,isDisabled:b,onClick:f,onKeyDown:z,role:"button",tabIndex:I,"aria-expanded":h,"aria-disabled":b,"aria-controls":T,children:[V,A,F]}),e[21]=b,e[22]=h,e[23]=z,e[24]=f,e[25]=V,e[26]=A,e[27]=F,e[28]=I,e[29]=T,e[30]=M):M=e[30];const K=`collapse-content-${r}`,B=`collapse-header-${r}`;let W;e[31]!==i?(W=typeof i=="string"?a.jsx(es,{children:i}):i,e[31]=i,e[32]=W):W=e[32];let Y;e[33]!==h||e[34]!==W?(Y=a.jsx(Qi,{ref:y,isExpanded:h,children:W}),e[33]=h,e[34]=W,e[35]=Y):Y=e[35];let Z;e[36]!==$||e[37]!==h||e[38]!==K||e[39]!==B||e[40]!==Y?(Z=a.jsx(Ji,{isExpanded:h,contentHeight:$,id:K,role:"region","aria-labelledby":B,children:Y}),e[36]=$,e[37]=h,e[38]=K,e[39]=B,e[40]=Y,e[41]=Z):Z=e[41];let c;return e[42]!==m||e[43]!==x||e[44]!==o||e[45]!==M||e[46]!==Z?(c=a.jsxs(Ui,{ref:o,isLast:x,className:m,children:[M,Z]}),e[42]=m,e[43]=x,e[44]=o,e[45]=M,e[46]=Z,e[47]=c):c=e[47],c});rr.displayName="CollapseItem";const ts=(t,o,e,r,n)=>e?n.components.input.border.disabled:o?n.components.input.border.error:t?n.components.input.border.focus:r?n.components.input.border.hover:n.components.input.border.default,os=(t,o)=>{const e=o.components.input.size[t];return _.css`
|
|
739
|
+
height: ${e.height};
|
|
740
|
+
font-size: ${e.fontSize};
|
|
741
|
+
padding-inline: ${e.paddingInline};
|
|
742
|
+
|
|
743
|
+
/* 图标尺寸 */
|
|
744
|
+
svg {
|
|
745
|
+
width: ${e.iconSize};
|
|
746
|
+
height: ${e.iconSize};
|
|
747
|
+
flex-shrink: 0;
|
|
748
|
+
}
|
|
749
|
+
`},rs=j.div`
|
|
750
|
+
/* 基础样式 */
|
|
751
|
+
position: relative;
|
|
752
|
+
display: inline-flex;
|
|
753
|
+
align-items: center;
|
|
754
|
+
box-sizing: border-box;
|
|
755
|
+
width: ${({fullWidth:t})=>t?"100%":"200px"};
|
|
756
|
+
min-width: 200px; /* 防止内容动态变化导致宽度闪烁 */
|
|
757
|
+
|
|
758
|
+
/* 边框样式 */
|
|
759
|
+
border: 1px solid;
|
|
760
|
+
border-color: ${({isFocused:t,isError:o,isDisabled:e,isHovered:r,theme:n})=>ts(t,o,e,r,n)};
|
|
761
|
+
border-radius: ${({theme:t})=>t.components.input.borderRadius};
|
|
762
|
+
|
|
763
|
+
/* 背景色 */
|
|
764
|
+
background: ${({isDisabled:t,theme:o})=>t?o.components.input.background.disabled:o.components.input.background.default};
|
|
765
|
+
|
|
766
|
+
/* 过渡动画 */
|
|
767
|
+
transition: border-color ${({theme:t})=>t.components.input.transition},
|
|
768
|
+
background ${({theme:t})=>t.components.input.transition};
|
|
769
|
+
|
|
770
|
+
/* 尺寸样式 */
|
|
771
|
+
${({size:t,theme:o})=>os(t,o)}
|
|
772
|
+
|
|
773
|
+
/* 禁用状态 */
|
|
774
|
+
${({isDisabled:t})=>t&&_.css`
|
|
775
|
+
cursor: not-allowed;
|
|
776
|
+
opacity: 0.6;
|
|
777
|
+
`}
|
|
778
|
+
|
|
779
|
+
/* 全宽模式 */
|
|
780
|
+
${({fullWidth:t})=>t&&_.css`
|
|
781
|
+
width: 100%;
|
|
782
|
+
`}
|
|
783
|
+
`,ns=j.div`
|
|
784
|
+
display: flex;
|
|
785
|
+
align-items: center;
|
|
786
|
+
gap: ${({theme:t})=>t.components.input.gap};
|
|
787
|
+
width: 100%;
|
|
788
|
+
height: 100%;
|
|
789
|
+
`,is=j.input`
|
|
790
|
+
/* 重置默认样式 */
|
|
791
|
+
flex: 1;
|
|
792
|
+
min-width: 0;
|
|
793
|
+
border: none;
|
|
794
|
+
outline: none;
|
|
795
|
+
background: transparent;
|
|
796
|
+
padding: 0;
|
|
797
|
+
margin: 0;
|
|
798
|
+
|
|
799
|
+
/* 字体样式 */
|
|
800
|
+
font-family: ${({theme:t})=>t.global.typography.fontFamily};
|
|
801
|
+
font-size: inherit;
|
|
802
|
+
line-height: 1.5;
|
|
803
|
+
color: ${({isError:t,isDisabled:o,theme:e})=>o?e.components.input.text.disabled:t?e.components.input.text.error:e.components.input.text.default};
|
|
804
|
+
|
|
805
|
+
/* 占位符样式 */
|
|
806
|
+
&::placeholder {
|
|
807
|
+
color: ${({theme:t})=>t.components.input.text.placeholder};
|
|
808
|
+
opacity: 1;
|
|
809
|
+
}
|
|
810
|
+
|
|
811
|
+
/* 禁用状态 */
|
|
812
|
+
${({isDisabled:t})=>t&&_.css`
|
|
813
|
+
cursor: not-allowed;
|
|
814
|
+
user-select: none;
|
|
815
|
+
`}
|
|
816
|
+
|
|
817
|
+
/* 移除默认的 focus 样式 */
|
|
818
|
+
&:focus {
|
|
819
|
+
outline: none;
|
|
820
|
+
}
|
|
821
|
+
|
|
822
|
+
/* 移除数字输入框的箭头(Chrome, Safari, Edge, Opera) */
|
|
823
|
+
&::-webkit-outer-spin-button,
|
|
824
|
+
&::-webkit-inner-spin-button {
|
|
825
|
+
-webkit-appearance: none;
|
|
826
|
+
margin: 0;
|
|
827
|
+
}
|
|
828
|
+
|
|
829
|
+
/* 移除数字输入框的箭头(Firefox) */
|
|
830
|
+
&[type='number'] {
|
|
831
|
+
-moz-appearance: textfield;
|
|
832
|
+
}
|
|
833
|
+
`,yo=j.span`
|
|
834
|
+
display: inline-flex;
|
|
835
|
+
align-items: center;
|
|
836
|
+
justify-content: center;
|
|
837
|
+
flex-shrink: 0;
|
|
838
|
+
line-height: 0;
|
|
839
|
+
|
|
840
|
+
/* 颜色继承或根据状态调整 */
|
|
841
|
+
color: ${({isError:t,isDisabled:o,theme:e})=>o?e.components.input.text.disabled:t?e.components.input.text.error:e.components.input.text.default};
|
|
842
|
+
|
|
843
|
+
/* 确保图标大小一致 */
|
|
844
|
+
svg {
|
|
845
|
+
display: block;
|
|
846
|
+
}
|
|
847
|
+
`,ss=j.button`
|
|
848
|
+
/* 重置按钮样式 */
|
|
849
|
+
display: inline-flex;
|
|
850
|
+
align-items: center;
|
|
851
|
+
justify-content: center;
|
|
852
|
+
flex-shrink: 0;
|
|
853
|
+
padding: 0;
|
|
854
|
+
margin: 0;
|
|
855
|
+
border: none;
|
|
856
|
+
background: transparent;
|
|
857
|
+
cursor: pointer;
|
|
858
|
+
outline: none;
|
|
859
|
+
line-height: 0;
|
|
860
|
+
|
|
861
|
+
/* 颜色 */
|
|
862
|
+
color: ${({isError:t,theme:o})=>t?o.components.input.text.error:o.components.input.text.counter};
|
|
863
|
+
|
|
864
|
+
/* 过渡动画 */
|
|
865
|
+
transition: opacity ${({theme:t})=>t.components.input.transition},
|
|
866
|
+
color ${({theme:t})=>t.components.input.transition};
|
|
867
|
+
|
|
868
|
+
/* hover 状态 */
|
|
869
|
+
&:hover {
|
|
870
|
+
opacity: 0.7;
|
|
871
|
+
}
|
|
872
|
+
|
|
873
|
+
/* active 状态 */
|
|
874
|
+
&:active {
|
|
875
|
+
opacity: 0.5;
|
|
876
|
+
}
|
|
877
|
+
|
|
878
|
+
/* focus 可见状态 */
|
|
879
|
+
&:focus-visible {
|
|
880
|
+
outline: 2px solid ${({theme:t})=>t.components.input.border.focus};
|
|
881
|
+
outline-offset: 2px;
|
|
882
|
+
border-radius: 2px;
|
|
883
|
+
}
|
|
884
|
+
|
|
885
|
+
/* 图标尺寸 */
|
|
886
|
+
svg {
|
|
887
|
+
width: 16px;
|
|
888
|
+
height: 16px;
|
|
889
|
+
display: block;
|
|
890
|
+
}
|
|
891
|
+
`,ls=j.span`
|
|
892
|
+
display: inline-flex;
|
|
893
|
+
align-items: center;
|
|
894
|
+
flex-shrink: 0;
|
|
895
|
+
font-family: ${({theme:t})=>t.global.typography.fontFamily};
|
|
896
|
+
font-size: inherit;
|
|
897
|
+
line-height: 1.5;
|
|
898
|
+
white-space: nowrap;
|
|
899
|
+
user-select: none;
|
|
900
|
+
|
|
901
|
+
/* 颜色 */
|
|
902
|
+
color: ${({isError:t,isDisabled:o,theme:e})=>o?e.components.input.text.disabled:t?e.components.input.text.error:e.components.input.text.counter};
|
|
903
|
+
`,as=()=>{const t=te.c(1);let o;return t[0]===Symbol.for("react.memo_cache_sentinel")?(o=a.jsx("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:a.jsx("path",{d:"M12 4L4 12M4 4L12 12",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})}),t[0]=o):o=t[0],o},nr=g.forwardRef(({size:t="md",prefix:o,suffix:e,clearable:r=!1,error:n=!1,errorMessage:i,showCounter:s=!1,fullWidth:l=!1,disabled:d,className:u,type:p="text",value:m,defaultValue:h,onChange:b,onFocus:x,onBlur:y,maxLength:$,label:w,description:k,id:C,"aria-label":v,"aria-describedby":f,...S},z)=>{const I=g.useRef(null),T=z||I,L=g.useRef(`input-${Math.random().toString(36).slice(2,9)}`),[V,O]=g.useState(!1),[A,F]=g.useState(!1),[M,K]=g.useState(h||""),B=m!==void 0,W=String(B?m:M),Y=q=>{B||K(q.target.value),b==null||b(q)},Z=q=>{O(!0),x==null||x(q)},c=q=>{O(!1),y==null||y(q)},E=()=>{var ee;if(d||!T.current)return;const q=(ee=Object.getOwnPropertyDescriptor(window.HTMLInputElement.prototype,"value"))==null?void 0:ee.set;q==null||q.call(T.current,"");const X=new Event("input",{bubbles:!0});Object.defineProperty(X,"target",{writable:!1,value:T.current}),B||K(""),b==null||b(X),T.current.focus()},R=W.length,P=r&&R>0&&!d,U=C||L.current,G=k?`${U}-description`:void 0,D=i&&n?`${U}-error`:void 0,J=[f,G,D].filter(Boolean).join(" ")||void 0;return a.jsxs("div",{children:[w&&a.jsx("label",{htmlFor:U,style:{display:"block",marginBottom:4},children:w}),a.jsx(rs,{size:t,fullWidth:l,isFocused:V,isError:n,isDisabled:!!d,isHovered:A,className:u,onMouseEnter:()=>F(!0),onMouseLeave:()=>F(!1),children:a.jsxs(ns,{children:[o&&a.jsx(yo,{isError:n,isDisabled:!!d,position:"prefix","aria-hidden":"true",children:o}),a.jsx(is,{...S,ref:T,id:U,type:p,value:m,defaultValue:h,onChange:Y,onFocus:Z,onBlur:c,maxLength:$,disabled:d,"aria-label":v,"aria-describedby":J,"aria-invalid":n,isError:n,isDisabled:!!d}),P&&a.jsx(ss,{type:"button",onClick:E,"aria-label":"清除内容",isError:n,tabIndex:-1,children:a.jsx(as,{})}),e&&a.jsx(yo,{isError:n,isDisabled:!!d,position:"suffix","aria-hidden":"true",children:e}),s&&$!==void 0&&a.jsxs(ls,{isError:n,isDisabled:!!d,"aria-live":"polite","aria-atomic":"true",children:[R,"/",$]})]})}),k&&a.jsx("div",{id:G,style:{marginTop:4,fontSize:12},children:k}),i&&n&&a.jsx("div",{id:D,role:"alert",style:{marginTop:4,fontSize:12,color:"inherit"},children:i})]})});nr.displayName="Input";const cs=j.div`
|
|
904
|
+
display: flex;
|
|
905
|
+
flex-direction: column;
|
|
906
|
+
width: ${({collapsed:t,theme:o})=>t?o.components.menu.container.width.collapsed:o.components.menu.container.width.expanded};
|
|
907
|
+
height: 100%;
|
|
908
|
+
background: ${({theme:t})=>t.components.menu.container.background};
|
|
909
|
+
transition: width 0.3s cubic-bezier(0.4, 0, 0.2, 1);
|
|
910
|
+
overflow: hidden;
|
|
911
|
+
|
|
912
|
+
/* 滚动条样式 */
|
|
913
|
+
&::-webkit-scrollbar {
|
|
914
|
+
width: ${({theme:t})=>t.components.menu.scrollbar.width};
|
|
915
|
+
}
|
|
916
|
+
|
|
917
|
+
&::-webkit-scrollbar-track {
|
|
918
|
+
background: ${({theme:t})=>t.components.menu.scrollbar.trackColor};
|
|
919
|
+
}
|
|
920
|
+
|
|
921
|
+
&::-webkit-scrollbar-thumb {
|
|
922
|
+
background: ${({theme:t})=>t.components.menu.scrollbar.thumbColor};
|
|
923
|
+
border-radius: 4px;
|
|
924
|
+
}
|
|
925
|
+
|
|
926
|
+
&::-webkit-scrollbar-thumb:hover {
|
|
927
|
+
background: rgba(0, 0, 0, 0.3);
|
|
928
|
+
}
|
|
929
|
+
`,ds=j.div`
|
|
930
|
+
flex: 1;
|
|
931
|
+
overflow-y: auto;
|
|
932
|
+
overflow-x: hidden;
|
|
933
|
+
padding: ${({theme:t})=>t.components.menu.container.padding};
|
|
934
|
+
padding-top: 0;
|
|
935
|
+
|
|
936
|
+
/* 滚动条样式 */
|
|
937
|
+
&::-webkit-scrollbar {
|
|
938
|
+
width: ${({theme:t})=>t.components.menu.scrollbar.width};
|
|
939
|
+
}
|
|
940
|
+
|
|
941
|
+
&::-webkit-scrollbar-track {
|
|
942
|
+
background: ${({theme:t})=>t.components.menu.scrollbar.trackColor};
|
|
943
|
+
}
|
|
944
|
+
|
|
945
|
+
&::-webkit-scrollbar-thumb {
|
|
946
|
+
background: ${({theme:t})=>t.components.menu.scrollbar.thumbColor};
|
|
947
|
+
border-radius: 4px;
|
|
948
|
+
}
|
|
949
|
+
|
|
950
|
+
&::-webkit-scrollbar-thumb:hover {
|
|
951
|
+
background: rgba(0, 0, 0, 0.3);
|
|
952
|
+
}
|
|
953
|
+
`,us=j.button`
|
|
954
|
+
display: flex;
|
|
955
|
+
align-items: center;
|
|
956
|
+
justify-content: flex-start;
|
|
957
|
+
width: 100%;
|
|
958
|
+
height: ${({theme:t})=>t.components.menu.item.height};
|
|
959
|
+
padding-inline: ${({theme:t,isSubItem:o})=>o?t.components.menu.subItem.paddingLeft:t.components.menu.item.paddingInline};
|
|
960
|
+
gap: ${({theme:t})=>t.components.menu.item.gap};
|
|
961
|
+
border: none;
|
|
962
|
+
border-radius: ${({theme:t})=>t.components.menu.item.borderRadius};
|
|
963
|
+
position: relative;
|
|
964
|
+
overflow: hidden;
|
|
965
|
+
background: ${({theme:t,active:o,isSubItem:e,collapsed:r})=>r||o?"transparent":e?t.components.menu.subItem.background.default:t.components.menu.item.background.default};
|
|
966
|
+
color: ${({theme:t,active:o,collapsed:e})=>e&&o?t.semantic.colors.brand.primaryActive:o?t.components.menu.item.text.active:t.components.menu.item.text.default};
|
|
967
|
+
font-size: ${({theme:t})=>t.components.menu.item.fontSize};
|
|
968
|
+
font-weight: ${({theme:t})=>t.components.menu.item.fontWeight};
|
|
969
|
+
font-family: ${({theme:t})=>t.global.typography.fontFamily};
|
|
970
|
+
text-align: left;
|
|
971
|
+
cursor: ${({disabled:t})=>t?"not-allowed":"pointer"};
|
|
972
|
+
transition: ${({theme:t})=>t.components.menu.item.transition};
|
|
973
|
+
user-select: none;
|
|
974
|
+
outline: none;
|
|
975
|
+
|
|
976
|
+
&::before {
|
|
977
|
+
content: '';
|
|
978
|
+
position: absolute;
|
|
979
|
+
inset: 0;
|
|
980
|
+
border-radius: inherit;
|
|
981
|
+
background: ${({theme:t,isSubItem:o})=>o?t.components.menu.subItem.background.active:t.components.menu.item.background.active};
|
|
982
|
+
transform-origin: left center;
|
|
983
|
+
transform: ${({active:t,collapsed:o})=>o?"scaleX(0)":t?"scaleX(1)":"scaleX(0)"};
|
|
984
|
+
opacity: ${({active:t,collapsed:o})=>o?0:t?1:0};
|
|
985
|
+
transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s ease;
|
|
986
|
+
z-index: 0;
|
|
987
|
+
}
|
|
988
|
+
|
|
989
|
+
&::after {
|
|
990
|
+
content: '';
|
|
991
|
+
position: absolute;
|
|
992
|
+
inset: 0;
|
|
993
|
+
border-radius: inherit;
|
|
994
|
+
background: ${({theme:t,isSubItem:o})=>o?t.components.menu.subItem.background.hover:t.components.menu.item.background.hover};
|
|
995
|
+
transform: translateX(-100%);
|
|
996
|
+
opacity: 0;
|
|
997
|
+
transition: transform 0.3s ease, opacity 0.2s ease;
|
|
998
|
+
z-index: 0;
|
|
999
|
+
}
|
|
1000
|
+
|
|
1001
|
+
& > * {
|
|
1002
|
+
position: relative;
|
|
1003
|
+
z-index: 1;
|
|
1004
|
+
}
|
|
1005
|
+
|
|
1006
|
+
/* Hover 状态 */
|
|
1007
|
+
&:hover:not(:disabled) {
|
|
1008
|
+
background: ${({theme:t,active:o,isSubItem:e,collapsed:r})=>r||o?"transparent":e?t.components.menu.subItem.background.hover:t.components.menu.item.background.hover};
|
|
1009
|
+
color: ${({theme:t,active:o,collapsed:e})=>e?t.semantic.colors.brand.primaryActive:o?t.components.menu.item.text.active:t.components.menu.item.text.hover};
|
|
1010
|
+
}
|
|
1011
|
+
|
|
1012
|
+
&:hover:not(:disabled)::after {
|
|
1013
|
+
transform: ${({collapsed:t,active:o})=>!t&&!o?"translateX(0)":"translateX(-100%)"};
|
|
1014
|
+
opacity: ${({collapsed:t,active:o})=>!t&&!o?1:0};
|
|
1015
|
+
}
|
|
1016
|
+
|
|
1017
|
+
/* 禁用状态 */
|
|
1018
|
+
&:disabled {
|
|
1019
|
+
opacity: 0.5;
|
|
1020
|
+
cursor: not-allowed;
|
|
1021
|
+
}
|
|
1022
|
+
|
|
1023
|
+
/* Focus 状态 */
|
|
1024
|
+
&:focus-visible {
|
|
1025
|
+
outline: 2px solid ${({theme:t})=>t.semantic.colors.brand.primary};
|
|
1026
|
+
outline-offset: -2px;
|
|
1027
|
+
}
|
|
1028
|
+
`,fs=j.span`
|
|
1029
|
+
display: inline-flex;
|
|
1030
|
+
align-items: center;
|
|
1031
|
+
justify-content: center;
|
|
1032
|
+
flex-shrink: 0;
|
|
1033
|
+
width: ${({theme:t})=>t.components.menu.item.iconSize};
|
|
1034
|
+
height: ${({theme:t})=>t.components.menu.item.iconSize};
|
|
1035
|
+
|
|
1036
|
+
svg {
|
|
1037
|
+
width: 100%;
|
|
1038
|
+
height: 100%;
|
|
1039
|
+
}
|
|
1040
|
+
`,ps=j.span`
|
|
1041
|
+
flex: 1;
|
|
1042
|
+
overflow: hidden;
|
|
1043
|
+
text-overflow: ellipsis;
|
|
1044
|
+
white-space: nowrap;
|
|
1045
|
+
opacity: ${({collapsed:t})=>t?0:1};
|
|
1046
|
+
transition: opacity 0.2s ease;
|
|
1047
|
+
`,hs=j.span`
|
|
1048
|
+
display: inline-flex;
|
|
1049
|
+
align-items: center;
|
|
1050
|
+
justify-content: center;
|
|
1051
|
+
flex-shrink: 0;
|
|
1052
|
+
width: 14px;
|
|
1053
|
+
height: 14px;
|
|
1054
|
+
opacity: ${({collapsed:t})=>t?0:1};
|
|
1055
|
+
transition: transform 0.2s ease, opacity 0.2s ease;
|
|
1056
|
+
transform: ${({expanded:t})=>t?"rotate(90deg)":"rotate(0deg)"};
|
|
1057
|
+
|
|
1058
|
+
svg {
|
|
1059
|
+
width: 100%;
|
|
1060
|
+
height: 100%;
|
|
1061
|
+
}
|
|
1062
|
+
`,bs=j.div`
|
|
1063
|
+
display: flex;
|
|
1064
|
+
flex-direction: column;
|
|
1065
|
+
gap: ${({theme:t})=>t.components.menu.group.gap};
|
|
1066
|
+
margin-top: ${({theme:t})=>t.components.menu.group.marginTop};
|
|
1067
|
+
|
|
1068
|
+
&:first-of-type {
|
|
1069
|
+
margin-top: 0;
|
|
1070
|
+
}
|
|
1071
|
+
`,gs=j.div`
|
|
1072
|
+
display: flex;
|
|
1073
|
+
align-items: center;
|
|
1074
|
+
height: ${({theme:t})=>t.components.menu.groupTitle.height};
|
|
1075
|
+
padding-inline: ${({theme:t})=>t.components.menu.groupTitle.paddingInline};
|
|
1076
|
+
margin-bottom: ${({theme:t})=>t.components.menu.groupTitle.marginBottom};
|
|
1077
|
+
font-size: ${({theme:t})=>t.components.menu.groupTitle.fontSize};
|
|
1078
|
+
font-weight: ${({theme:t})=>t.components.menu.groupTitle.fontWeight};
|
|
1079
|
+
color: ${({theme:t})=>t.components.menu.groupTitle.color};
|
|
1080
|
+
opacity: ${({collapsed:t})=>t?0:1};
|
|
1081
|
+
transition: opacity 0.2s ease;
|
|
1082
|
+
overflow: hidden;
|
|
1083
|
+
|
|
1084
|
+
/* 分割线 */
|
|
1085
|
+
&::after {
|
|
1086
|
+
content: '';
|
|
1087
|
+
flex: 1;
|
|
1088
|
+
height: 1px;
|
|
1089
|
+
background: ${({theme:t})=>t.semantic.colors.border.primary};
|
|
1090
|
+
margin-left: 8px;
|
|
1091
|
+
opacity: ${({collapsed:t})=>t?0:1};
|
|
1092
|
+
}
|
|
1093
|
+
`,ms=j.div`
|
|
1094
|
+
display: flex;
|
|
1095
|
+
flex-direction: column;
|
|
1096
|
+
gap: ${({theme:t})=>t.components.menu.group.gap};
|
|
1097
|
+
`,xs=j.div`
|
|
1098
|
+
position: fixed;
|
|
1099
|
+
z-index: 9999;
|
|
1100
|
+
min-width: 200px;
|
|
1101
|
+
background: ${({theme:t})=>t.components.menu.popover.background};
|
|
1102
|
+
border: ${({theme:t})=>t.components.menu.popover.border};
|
|
1103
|
+
border-radius: ${({theme:t})=>t.components.menu.popover.borderRadius};
|
|
1104
|
+
box-shadow: ${({theme:t})=>t.components.menu.popover.boxShadow};
|
|
1105
|
+
padding: ${({theme:t})=>t.components.menu.popover.padding};
|
|
1106
|
+
animation: slideIn 0.2s cubic-bezier(0.4, 0, 0.2, 1);
|
|
1107
|
+
|
|
1108
|
+
@keyframes slideIn {
|
|
1109
|
+
from {
|
|
1110
|
+
opacity: 0;
|
|
1111
|
+
transform: translateX(-8px);
|
|
1112
|
+
}
|
|
1113
|
+
to {
|
|
1114
|
+
opacity: 1;
|
|
1115
|
+
transform: translateX(0);
|
|
1116
|
+
}
|
|
1117
|
+
}
|
|
1118
|
+
`,ys=j.div`
|
|
1119
|
+
display: flex;
|
|
1120
|
+
flex-direction: column;
|
|
1121
|
+
gap: ${({theme:t})=>t.components.menu.group.gap};
|
|
1122
|
+
`,vs=j.button`
|
|
1123
|
+
display: flex;
|
|
1124
|
+
align-items: center;
|
|
1125
|
+
justify-content: flex-start;
|
|
1126
|
+
width: 100%;
|
|
1127
|
+
height: ${({theme:t})=>t.components.menu.item.height};
|
|
1128
|
+
padding-inline: ${({theme:t})=>t.components.menu.item.paddingInline};
|
|
1129
|
+
gap: ${({theme:t})=>t.components.menu.item.gap};
|
|
1130
|
+
border: none;
|
|
1131
|
+
border-radius: ${({theme:t})=>t.components.menu.item.borderRadius};
|
|
1132
|
+
background: ${({theme:t,active:o})=>o?t.components.menu.popover.item.background.active:t.components.menu.popover.item.background.default};
|
|
1133
|
+
color: ${({theme:t,active:o})=>o?t.components.menu.popover.item.text.active:t.components.menu.popover.item.text.default};
|
|
1134
|
+
font-size: ${({theme:t})=>t.components.menu.item.fontSize};
|
|
1135
|
+
font-weight: ${({theme:t})=>t.components.menu.item.fontWeight};
|
|
1136
|
+
font-family: ${({theme:t})=>t.global.typography.fontFamily};
|
|
1137
|
+
text-align: left;
|
|
1138
|
+
cursor: pointer;
|
|
1139
|
+
transition: ${({theme:t})=>t.components.menu.item.transition};
|
|
1140
|
+
user-select: none;
|
|
1141
|
+
outline: none;
|
|
1142
|
+
white-space: nowrap;
|
|
1143
|
+
|
|
1144
|
+
&:hover {
|
|
1145
|
+
background: ${({theme:t,active:o})=>o?t.components.menu.popover.item.background.active:t.components.menu.popover.item.background.hover};
|
|
1146
|
+
color: ${({theme:t,active:o})=>o?t.components.menu.popover.item.text.active:t.components.menu.popover.item.text.hover};
|
|
1147
|
+
}
|
|
1148
|
+
|
|
1149
|
+
&:focus-visible {
|
|
1150
|
+
outline: 2px solid ${({theme:t})=>t.semantic.colors.brand.primary};
|
|
1151
|
+
outline-offset: -2px;
|
|
1152
|
+
}
|
|
1153
|
+
`,ir=g.forwardRef((t,o)=>{const e=te.c(8),{collapsed:r,children:n,className:i,style:s}=t,l=r===void 0?!1:r;let d;e[0]!==n?(d=a.jsx(ds,{role:"menu",children:n}),e[0]=n,e[1]=d):d=e[1];let u;return e[2]!==i||e[3]!==l||e[4]!==o||e[5]!==s||e[6]!==d?(u=a.jsx(cs,{ref:o,collapsed:l,className:i,style:s,role:"navigation","aria-label":"主导航",children:d}),e[2]=i,e[3]=l,e[4]=o,e[5]=s,e[6]=d,e[7]=u):u=e[7],u});ir.displayName="Menu";const Gt=t=>{const o=te.c(20),{visible:e,anchorRef:r,children:n,onClose:i,onMouseEnter:s,onMouseLeave:l}=t,d=g.useRef(null);let u;o[0]===Symbol.for("react.memo_cache_sentinel")?(u={top:0,left:0},o[0]=u):u=o[0];const[p,m]=g.useState(u);let h,b;o[1]!==r||o[2]!==e?(h=()=>{if(!e||!r.current)return;const C=()=>{if(!r.current)return;const v=r.current.getBoundingClientRect();m({top:v.top,left:v.right+4})};return C(),window.addEventListener("scroll",C,!0),window.addEventListener("resize",C),()=>{window.removeEventListener("scroll",C,!0),window.removeEventListener("resize",C)}},b=[e,r],o[1]=r,o[2]=e,o[3]=h,o[4]=b):(h=o[3],b=o[4]),g.useEffect(h,b);let x,y;if(o[5]!==r||o[6]!==i||o[7]!==e?(x=()=>{if(!e)return;const C=f=>{d.current&&!d.current.contains(f.target)&&r.current&&!r.current.contains(f.target)&&(i==null||i())},v=setTimeout(()=>{document.addEventListener("mousedown",C)},100);return()=>{clearTimeout(v),document.removeEventListener("mousedown",C)}},y=[e,i,r],o[5]=r,o[6]=i,o[7]=e,o[8]=x,o[9]=y):(x=o[8],y=o[9]),g.useEffect(x,y),!e)return null;let $;o[10]!==p.left||o[11]!==p.top?($={top:p.top,left:p.left},o[10]=p.left,o[11]=p.top,o[12]=$):$=o[12];let w;o[13]!==n?(w=a.jsx(ys,{children:n}),o[13]=n,o[14]=w):w=o[14];let k;return o[15]!==s||o[16]!==l||o[17]!==$||o[18]!==w?(k=Pr.createPortal(a.jsx(xs,{ref:d,style:$,role:"menu","aria-label":"子菜单",onMouseEnter:s,onMouseLeave:l,children:w}),document.body),o[15]=s,o[16]=l,o[17]=$,o[18]=w,o[19]=k):k=o[19],k};Gt.displayName="SubMenuPopover";const sr=g.forwardRef((t,o)=>{const e=te.c(40),{id:r,icon:n,label:i,active:s,disabled:l,isSubItem:d,showArrow:u,arrowExpanded:p,collapsed:m,subMenu:h,onClick:b,className:x}=t,y=s===void 0?!1:s,$=l===void 0?!1:l,w=d===void 0?!1:d,k=u===void 0?!1:u,C=p===void 0?!1:p,v=m===void 0?!1:m,f=g.useRef(null),[S,z]=g.useState(!1),I=g.useRef(void 0),T=g.useRef(void 0);let L;e[0]===Symbol.for("react.memo_cache_sentinel")?(L=()=>{I.current&&(clearTimeout(I.current),I.current=void 0),T.current&&(clearTimeout(T.current),T.current=void 0)},e[0]=L):L=e[0];const V=L;let O;e[1]!==v||e[2]!==S||e[3]!==h?(O=()=>{if(V(),v&&h){if(S)return;I.current=setTimeout(()=>{z(!0)},200)}},e[1]=v,e[2]=S,e[3]=h,e[4]=O):O=e[4];const A=O;let F;e[5]===Symbol.for("react.memo_cache_sentinel")?(F=()=>{V(),T.current=setTimeout(()=>{z(!1)},100)},e[5]=F):F=e[5];const M=F;let K;e[6]!==o?(K=U=>{typeof o=="function"?o(U):o&&(o.current=U),U&&(f.current=U)},e[6]=o,e[7]=K):K=e[7];const B=y?"page":void 0,W=v&&h?"menu":void 0;let Y;e[8]!==n?(Y=n&&a.jsx(fs,{"aria-hidden":"true",children:n}),e[8]=n,e[9]=Y):Y=e[9];let Z;e[10]!==v||e[11]!==i?(Z=a.jsx(ps,{collapsed:v,children:i}),e[10]=v,e[11]=i,e[12]=Z):Z=e[12];let c;e[13]!==C||e[14]!==v||e[15]!==k?(c=k&&!v&&a.jsx(hs,{collapsed:v,expanded:C,"aria-hidden":"true",children:a.jsx("svg",{width:"14",height:"14",viewBox:"0 0 14 14",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:a.jsx("path",{d:"M5.25 3.5L8.75 7L5.25 10.5",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})})}),e[13]=C,e[14]=v,e[15]=k,e[16]=c):c=e[16];let E;e[17]!==y||e[18]!==x||e[19]!==v||e[20]!==$||e[21]!==A||e[22]!==r||e[23]!==w||e[24]!==b||e[25]!==K||e[26]!==B||e[27]!==W||e[28]!==Y||e[29]!==Z||e[30]!==c?(E=a.jsxs(us,{ref:K,id:r,active:y,disabled:$,isSubItem:w,onClick:b,collapsed:v,className:x,role:"menuitem","aria-disabled":$,"aria-current":B,"aria-haspopup":W,type:"button",onMouseEnter:A,onMouseLeave:M,children:[Y,Z,c]}),e[17]=y,e[18]=x,e[19]=v,e[20]=$,e[21]=A,e[22]=r,e[23]=w,e[24]=b,e[25]=K,e[26]=B,e[27]=W,e[28]=Y,e[29]=Z,e[30]=c,e[31]=E):E=e[31];let R;e[32]!==v||e[33]!==A||e[34]!==S||e[35]!==h?(R=v&&h&&a.jsx(Gt,{visible:S,anchorRef:f,onClose:()=>z(!1),onMouseEnter:A,onMouseLeave:M,children:h}),e[32]=v,e[33]=A,e[34]=S,e[35]=h,e[36]=R):R=e[36];let P;return e[37]!==E||e[38]!==R?(P=a.jsxs(a.Fragment,{children:[E,R]}),e[37]=E,e[38]=R,e[39]=P):P=e[39],P});sr.displayName="MenuItem";const lr=t=>{const o=te.c(10),{title:e,children:r,collapsed:n,className:i}=t,s=n===void 0?!1:n;let l;o[0]!==s||o[1]!==e?(l=e&&a.jsx(gs,{collapsed:s,"aria-hidden":s,children:e}),o[0]=s,o[1]=e,o[2]=l):l=o[2];let d;o[3]!==r?(d=a.jsx(ms,{children:r}),o[3]=r,o[4]=d):d=o[4];let u;return o[5]!==i||o[6]!==l||o[7]!==d||o[8]!==e?(u=a.jsxs(bs,{className:i,role:"group","aria-label":e,children:[l,d]}),o[5]=i,o[6]=l,o[7]=d,o[8]=e,o[9]=u):u=o[9],u};lr.displayName="MenuGroup";const ar=t=>{const o=te.c(7),{id:e,label:r,active:n,onClick:i,className:s}=t,l=n===void 0?!1:n,d=l?"page":void 0;let u;return o[0]!==l||o[1]!==s||o[2]!==e||o[3]!==r||o[4]!==i||o[5]!==d?(u=a.jsx(vs,{id:e,active:l,onClick:i,className:s,role:"menuitem","aria-current":d,type:"button",children:r}),o[0]=l,o[1]=s,o[2]=e,o[3]=r,o[4]=i,o[5]=d,o[6]=u):u=o[6],u};ar.displayName="SubMenuItem";const mt=t=>{var o,e,r,n;return{cursor:"not-allowed",backgroundColor:((e=(o=t.components.numberfield)==null?void 0:o.background)==null?void 0:e.disabled)??"#f5f5f5",color:((n=(r=t.components.numberfield)==null?void 0:r.text)==null?void 0:n.disabled)??"#9aa0a6",opacity:.6}},ks=j.div`
|
|
1154
|
+
display: inline-flex;
|
|
1155
|
+
flex-direction: column;
|
|
1156
|
+
`,$s=j.label`
|
|
1157
|
+
margin-bottom: 6px;
|
|
1158
|
+
font-size: 12px;
|
|
1159
|
+
`,ws=j.div`
|
|
1160
|
+
display: inline-flex;
|
|
1161
|
+
align-items: center;
|
|
1162
|
+
justify-content: space-between;
|
|
1163
|
+
text-align: center;
|
|
1164
|
+
gap: ${({theme:t})=>{var o,e,r;return((r=(e=(o=t.components.numberfield)==null?void 0:o.control)==null?void 0:e.side)==null?void 0:r.gap)??"8px"}};
|
|
1165
|
+
padding: ${({theme:t})=>{var o,e,r;return(r=(e=(o=t.components.numberfield)==null?void 0:o.control)==null?void 0:e.side)==null?void 0:r.inset}};
|
|
1166
|
+
border: 1px solid ${({theme:t})=>{var o,e;return((e=(o=t.components.numberfield)==null?void 0:o.border)==null?void 0:e.default)??"#d9d9d9"}};
|
|
1167
|
+
border-radius: ${({theme:t})=>{var o;return((o=t.components.numberfield)==null?void 0:o.borderRadius)??"4px"}};
|
|
1168
|
+
color: ${({theme:t})=>{var o,e;return((e=(o=t.components.numberfield)==null?void 0:o.text)==null?void 0:e.default)??"#0A1833"}};
|
|
1169
|
+
background: ${({disabled:t,theme:o})=>{var e,r,n,i;return t?(r=(e=o.components.numberfield)==null?void 0:e.background)==null?void 0:r.disabled:(i=(n=o.components.numberfield)==null?void 0:n.background)==null?void 0:i.default}};
|
|
1170
|
+
height: ${({theme:t,size:o})=>{var e,r,n,i,s,l;return o==="md"?((n=(r=(e=t.components.numberfield)==null?void 0:e.size)==null?void 0:r.md)==null?void 0:n.height)??"24px":((l=(s=(i=t.components.numberfield)==null?void 0:i.size)==null?void 0:s.lg)==null?void 0:l.height)??"32px"}};
|
|
1171
|
+
font-size: ${({theme:t,size:o})=>{var e,r,n,i,s,l;return o==="md"?((n=(r=(e=t.components.numberfield)==null?void 0:e.size)==null?void 0:r.md)==null?void 0:n.fontSize)??"12px":((l=(s=(i=t.components.numberfield)==null?void 0:i.size)==null?void 0:s.lg)==null?void 0:l.fontSize)??"14px"}};
|
|
1172
|
+
|
|
1173
|
+
// 优化宽度设置逻辑:先判断控件类型,再根据size设置不同宽度
|
|
1174
|
+
width: ${({controls:t,size:o,theme:e})=>{var r,n,i,s,l,d,u,p,m,h,b,x;return t==="arrows"?o==="md"?(i=(n=(r=e.components.numberfield)==null?void 0:r.control)==null?void 0:n.arrows)==null?void 0:i.widthsm:(d=(l=(s=e.components.numberfield)==null?void 0:s.control)==null?void 0:l.arrows)==null?void 0:d.widthLg:o==="md"?(m=(p=(u=e.components.numberfield)==null?void 0:u.control)==null?void 0:p.side)==null?void 0:m.widthsm:(x=(b=(h=e.components.numberfield)==null?void 0:h.control)==null?void 0:b.side)==null?void 0:x.widthLg}};
|
|
1175
|
+
|
|
1176
|
+
// 状态样式
|
|
1177
|
+
&:disabled,
|
|
1178
|
+
&[data-disabled="true"] {
|
|
1179
|
+
${({theme:t})=>mt(t)}
|
|
1180
|
+
opacity: 0.8;
|
|
1181
|
+
// 强制所有子元素不响应事件
|
|
1182
|
+
* {
|
|
1183
|
+
pointer-events: none !important;
|
|
1184
|
+
}
|
|
1185
|
+
}
|
|
1186
|
+
&:not(:disabled):not([data-disabled="true"]):hover {
|
|
1187
|
+
border-color: ${({theme:t})=>{var o,e;return(e=(o=t.components.numberfield)==null?void 0:o.border)==null?void 0:e.hover}};
|
|
1188
|
+
button:not(:disabled):not(:hover) {
|
|
1189
|
+
background: ${({theme:t})=>{var o;return(o=t.components.numberfield)==null?void 0:o.background.hover}};
|
|
1190
|
+
color: ${({theme:t})=>{var o,e;return(e=(o=t.components.numberfield)==null?void 0:o.text)==null?void 0:e.default}};
|
|
1191
|
+
}
|
|
1192
|
+
}
|
|
1193
|
+
|
|
1194
|
+
// 禁用状态保持原有边框颜色
|
|
1195
|
+
&:disabled,
|
|
1196
|
+
&[data-disabled="true"] {
|
|
1197
|
+
border-color: ${({theme:t})=>{var o,e;return((e=(o=t.components.numberfield)==null?void 0:o.border)==null?void 0:e.default)??"#d9d9d9"}} !important;
|
|
1198
|
+
}
|
|
1199
|
+
}
|
|
1200
|
+
`,Ss=j.input`
|
|
1201
|
+
text-align: center;
|
|
1202
|
+
border:none;
|
|
1203
|
+
outline: none;
|
|
1204
|
+
width: ${({theme:t})=>{var o,e;return((e=(o=t.components.numberfield)==null?void 0:o.input)==null?void 0:e.width)??"40px"}};
|
|
1205
|
+
height: ${({theme:t})=>{var o,e;return((e=(o=t.components.numberfield)==null?void 0:o.input)==null?void 0:e.height)??"18px"}};
|
|
1206
|
+
font-size: ${({theme:t})=>{var o,e;return((e=(o=t.components.numberfield)==null?void 0:o.input)==null?void 0:e.fontSize)??"12px"}};
|
|
1207
|
+
font-weight: ${({theme:t})=>{var o,e;return((e=(o=t.components.numberfield)==null?void 0:o.input)==null?void 0:e.fontWeight)??400}};
|
|
1208
|
+
line-height: ${({theme:t})=>{var o,e;return((e=(o=t.components.numberfield)==null?void 0:o.input)==null?void 0:e.lineHeight)??"18px"}};
|
|
1209
|
+
font-family: ${({theme:t})=>{var o,e;return((e=(o=t.components.numberfield)==null?void 0:o.input)==null?void 0:e.fontFamily)??"sans-serif"}};
|
|
1210
|
+
|
|
1211
|
+
// 移除默认箭头
|
|
1212
|
+
&::-webkit-outer-spin-button,
|
|
1213
|
+
&::-webkit-inner-spin-button {
|
|
1214
|
+
-webkit-appearance: none;
|
|
1215
|
+
margin: 0;
|
|
1216
|
+
}
|
|
1217
|
+
-moz-appearance: textfield;
|
|
1218
|
+
appearance: textfield;
|
|
1219
|
+
|
|
1220
|
+
// 状态样式
|
|
1221
|
+
&:disabled,
|
|
1222
|
+
&[data-disabled="true"] {
|
|
1223
|
+
${({theme:t})=>mt(t)}
|
|
1224
|
+
}
|
|
1225
|
+
|
|
1226
|
+
`,Cs=j.div`
|
|
1227
|
+
margin-top: 6px;
|
|
1228
|
+
font-size: 12px;
|
|
1229
|
+
color: ${({theme:t})=>{var o,e;return((e=(o=t.components.numberfield)==null?void 0:o.text)==null?void 0:e.placeholder)??"#6b6b6b"}};
|
|
1230
|
+
`,js=j.div`
|
|
1231
|
+
display: inline-flex;
|
|
1232
|
+
flex-direction: column;
|
|
1233
|
+
gap: 1px;
|
|
1234
|
+
`,vo=j.button`
|
|
1235
|
+
background: transparent;
|
|
1236
|
+
border: none;
|
|
1237
|
+
border-radius: ${({direction:t})=>t==="up"?"4px 4px 0 0":"0 0 4px 4px"};
|
|
1238
|
+
display: inline-flex;
|
|
1239
|
+
align-items: center;
|
|
1240
|
+
justify-content: center;
|
|
1241
|
+
width: ${({theme:t,size:o})=>{var r,n,i,s,l,d;return`calc(${o==="md"?(i=(n=(r=t.components.numberfield)==null?void 0:r.control)==null?void 0:n.arrows)==null?void 0:i.buttonSizeSm:(d=(l=(s=t.components.numberfield)==null?void 0:s.control)==null?void 0:l.arrows)==null?void 0:d.buttonSizeLg} * 2)`}};
|
|
1242
|
+
height: ${({theme:t,size:o})=>{var r,n,i,s,l,d;return o==="md"?(i=(n=(r=t.components.numberfield)==null?void 0:r.control)==null?void 0:n.arrows)==null?void 0:i.buttonSizeSm:(d=(l=(s=t.components.numberfield)==null?void 0:s.control)==null?void 0:l.arrows)==null?void 0:d.buttonSizeLg}};
|
|
1243
|
+
color: ${({theme:t})=>{var o;return((o=t.components.numberfield)==null?void 0:o.border.default)??"#0A1833"}};
|
|
1244
|
+
cursor: pointer;
|
|
1245
|
+
// 使用主题中numberfield定义的transition参数
|
|
1246
|
+
transition: background-color ${({theme:t})=>{var o;return((o=t.components.numberfield)==null?void 0:o.transition)||"0.2s ease"}},
|
|
1247
|
+
color ${({theme:t})=>{var o;return((o=t.components.numberfield)==null?void 0:o.transition)||"0.2s ease"}},
|
|
1248
|
+
transform ${({theme:t})=>{var o;return((o=t.components.numberfield)==null?void 0:o.transition)||"0.2s ease"}};
|
|
1249
|
+
|
|
1250
|
+
&:disabled,
|
|
1251
|
+
&[data-disabled="true"] {
|
|
1252
|
+
${({theme:t})=>mt(t)}
|
|
1253
|
+
transition: none; // 禁用状态不使用过渡
|
|
1254
|
+
}
|
|
1255
|
+
|
|
1256
|
+
&:not(:disabled):hover:not([data-disabled="true"]) {
|
|
1257
|
+
background-color: ${({theme:t})=>{var o,e;return(e=(o=t.components.numberfield)==null?void 0:o.border)==null?void 0:e.default}};
|
|
1258
|
+
color: ${({theme:t})=>{var o,e;return((e=(o=t.components.numberfield)==null?void 0:o.border)==null?void 0:e.hover)??"#1890ff"}};
|
|
1259
|
+
}
|
|
1260
|
+
|
|
1261
|
+
// 添加点击效果:点击变大一点再变回来
|
|
1262
|
+
&:not(:disabled):active:not([data-disabled="true"]) {
|
|
1263
|
+
animation: clickScale ${({theme:t})=>{var o,e;return((e=(o=t.components.numberfield)==null?void 0:o.transition)==null?void 0:e.replace("0.2s","0.3s"))||"0.3s ease"}};
|
|
1264
|
+
}
|
|
1265
|
+
|
|
1266
|
+
// 定义点击缩放动画
|
|
1267
|
+
@keyframes clickScale {
|
|
1268
|
+
0% { transform: scale(1); }
|
|
1269
|
+
50% { transform: scale(1.1); }
|
|
1270
|
+
100% { transform: scale(1); }
|
|
1271
|
+
}
|
|
1272
|
+
`,ko=j.button`
|
|
1273
|
+
display: inline-flex;
|
|
1274
|
+
align-items: center;
|
|
1275
|
+
justify-content: center;
|
|
1276
|
+
width: ${({theme:t,size:o})=>{var e,r,n,i,s,l;return o==="md"?(n=(r=(e=t.components.numberfield)==null?void 0:e.control)==null?void 0:r.side)==null?void 0:n.buttonSizeSm:(l=(s=(i=t.components.numberfield)==null?void 0:i.control)==null?void 0:s.side)==null?void 0:l.buttonSizeLg}};
|
|
1277
|
+
height: ${({theme:t,size:o})=>{var e,r,n,i,s,l;return o==="md"?(n=(r=(e=t.components.numberfield)==null?void 0:e.control)==null?void 0:r.side)==null?void 0:n.buttonSizeSm:(l=(s=(i=t.components.numberfield)==null?void 0:i.control)==null?void 0:s.side)==null?void 0:l.buttonSizeLg}};
|
|
1278
|
+
background: transparent;
|
|
1279
|
+
color: ${({theme:t})=>{var o;return((o=t.components.numberfield)==null?void 0:o.border.default)??"#d9d9d9"}};
|
|
1280
|
+
border: none;
|
|
1281
|
+
cursor: pointer;
|
|
1282
|
+
border-radius: 6px;
|
|
1283
|
+
padding: 2px;
|
|
1284
|
+
// 使用主题中numberfield定义的transition参数
|
|
1285
|
+
transition: background-color ${({theme:t})=>{var o;return((o=t.components.numberfield)==null?void 0:o.transition)||"0.2s ease"}},
|
|
1286
|
+
color ${({theme:t})=>{var o;return((o=t.components.numberfield)==null?void 0:o.transition)||"0.2s ease"}},
|
|
1287
|
+
transform ${({theme:t})=>{var o;return((o=t.components.numberfield)==null?void 0:o.transition)||"0.2s ease"}};
|
|
1288
|
+
|
|
1289
|
+
&:disabled,
|
|
1290
|
+
&[data-disabled="true"] {
|
|
1291
|
+
${({theme:t})=>mt(t)}
|
|
1292
|
+
transition: none; // 禁用状态不使用过渡
|
|
1293
|
+
}
|
|
1294
|
+
|
|
1295
|
+
// 添加hover状态控制背景颜色和图标颜色
|
|
1296
|
+
&:not(:disabled):hover:not([data-disabled="true"]) {
|
|
1297
|
+
background-color: ${({theme:t})=>{var o;return(o=t.components.numberfield)==null?void 0:o.border.default}};
|
|
1298
|
+
color: ${({theme:t})=>{var o,e;return((e=(o=t.components.numberfield)==null?void 0:o.border)==null?void 0:e.hover)??"#1890ff"}};
|
|
1299
|
+
}
|
|
1300
|
+
|
|
1301
|
+
// 添加点击效果:点击变大一点再变回来
|
|
1302
|
+
&:not(:disabled):active:not([data-disabled="true"]) {
|
|
1303
|
+
animation: clickScale ${({theme:t})=>{var o,e;return((e=(o=t.components.numberfield)==null?void 0:o.transition)==null?void 0:e.replace("0.2s","0.3s"))||"0.3s ease"}};
|
|
1304
|
+
}
|
|
1305
|
+
|
|
1306
|
+
// 定义点击缩放动画
|
|
1307
|
+
@keyframes clickScale {
|
|
1308
|
+
0% { transform: scale(1); }
|
|
1309
|
+
50% { transform: scale(1.1); }
|
|
1310
|
+
100% { transform: scale(1); }
|
|
1311
|
+
}
|
|
1312
|
+
`,Rs=Ut,zs=er,Es=Wt,Ts=tt,cr=g.forwardRef((t,o)=>{const e=te.c(100);let r,n,i,s,l,d,u,p,m,h,b,x,y,$,w,k;e[0]!==t?({min:p,max:u,step:x,value:k,defaultValue:n,onChange:m,onValueChange:h,disabled:s,className:r,label:d,description:i,error:y,id:l,controls:$,size:w,...b}=t,e[0]=t,e[1]=r,e[2]=n,e[3]=i,e[4]=s,e[5]=l,e[6]=d,e[7]=u,e[8]=p,e[9]=m,e[10]=h,e[11]=b,e[12]=x,e[13]=y,e[14]=$,e[15]=w,e[16]=k):(r=e[1],n=e[2],i=e[3],s=e[4],l=e[5],d=e[6],u=e[7],p=e[8],m=e[9],h=e[10],b=e[11],x=e[12],y=e[13],$=e[14],w=e[15],k=e[16]);const C=x===void 0?1:x,v=y===void 0?!1:y,f=$===void 0?"buttons":$,S=w===void 0?"md":w,z=g.useRef(null);let I,T;e[17]!==o?(I=()=>{o&&(typeof o=="function"?o(z.current):o.current=z.current)},T=[o],e[17]=o,e[18]=I,e[19]=T):(I=e[18],T=e[19]),g.useEffect(I,T);const L=k!==void 0,[V,O]=g.useState(n),A=L?k:V;let F;e[20]!==u||e[21]!==p?(F=ae=>{let ce=ae;return p!==void 0&&(ce=Math.max(ce,p)),u!==void 0&&(ce=Math.min(ce,u)),ce},e[20]=u,e[21]=p,e[22]=F):F=e[22];const M=F;let K;e[23]!==L||e[24]!==m||e[25]!==h?(K=ae=>{var ce;if(L||O(ae),z.current){const we=(ce=Object.getOwnPropertyDescriptor(window.HTMLInputElement.prototype,"value"))==null?void 0:ce.set;we==null||we.call(z.current,ae===void 0?"":String(ae));const Ce=new Event("input",{bubbles:!0});Object.defineProperty(Ce,"target",{writable:!1,value:z.current}),m==null||m(Ce)}h==null||h(ae)},e[23]=L,e[24]=m,e[25]=h,e[26]=K):K=e[26];const B=K;let W;e[27]!==M||e[28]!==L||e[29]!==p||e[30]!==m||e[31]!==h?(W=ae=>{const ce=ae.target.value,we=ce===""?p!==void 0?p:0:Number(ce),Ce=Number.isNaN(we)?p!==void 0?p:0:M(we);L||O(Ce),h==null||h(Ce),m==null||m(ae)},e[27]=M,e[28]=L,e[29]=p,e[30]=m,e[31]=h,e[32]=W):W=e[32];const Y=W;let Z;e[33]!==M||e[34]!==A||e[35]!==B||e[36]!==C?(Z=()=>{const ce=M((A??0)+(C??1));B(ce)},e[33]=M,e[34]=A,e[35]=B,e[36]=C,e[37]=Z):Z=e[37];const c=Z;let E;e[38]!==M||e[39]!==A||e[40]!==B||e[41]!==C?(E=()=>{const ce=M((A??0)-(C??1));B(ce)},e[38]=M,e[39]=A,e[40]=B,e[41]=C,e[42]=E):E=e[42];const R=E;let P;e[43]!==R||e[44]!==c?(P=ae=>{ae.key==="ArrowUp"?(ae.preventDefault(),c()):ae.key==="ArrowDown"&&(ae.preventDefault(),R())},e[43]=R,e[44]=c,e[45]=P):P=e[45];const U=P,G=l||`number-${Math.random().toString(36).slice(2,9)}`,D=A!==void 0&&p!==void 0&&A<=p,J=A!==void 0&&u!==void 0&&A>=u;let q;e[46]!==G||e[47]!==d?(q=d&&a.jsx($s,{htmlFor:G,"aria-hidden":!1,children:d}),e[46]=G,e[47]=d,e[48]=q):q=e[48];const X=`controls-${f} size-${S}`;let ee;e[49]!==D||e[50]!==f||e[51]!==R||e[52]!==s||e[53]!==S?(ee=f==="buttons"&&a.jsx(ko,{className:"btn-decrement",pos:"left",size:S,type:"button",onClick:R,disabled:s||D,children:a.jsx(zs,{size:S==="lg"?12:8.571})}),e[49]=D,e[50]=f,e[51]=R,e[52]=s,e[53]=S,e[54]=ee):ee=e[54];const H=b,le=A===void 0?"":String(A),he=i?`${G}-desc`:void 0,me=f==="buttons"?"with-side-controls":void 0;let be;e[55]!==s||e[56]!==v||e[57]!==Y||e[58]!==U||e[59]!==G||e[60]!==u||e[61]!==p||e[62]!==S||e[63]!==C||e[64]!==H||e[65]!==le||e[66]!==he||e[67]!==me?(be=a.jsx(Ss,{...H,id:G,ref:z,type:"number",value:le,onChange:Y,onKeyDown:U,min:p,max:u,step:C,disabled:s,"aria-invalid":v,"aria-describedby":he,className:me,"data-size":S}),e[55]=s,e[56]=v,e[57]=Y,e[58]=U,e[59]=G,e[60]=u,e[61]=p,e[62]=S,e[63]=C,e[64]=H,e[65]=le,e[66]=he,e[67]=me,e[68]=be):be=e[68];let xe;e[69]!==J||e[70]!==f||e[71]!==s||e[72]!==c||e[73]!==S?(xe=f==="buttons"&&a.jsx(ko,{className:"btn-increment",pos:"right",size:S,type:"button",onClick:c,disabled:s||J,children:a.jsx(Rs,{size:S==="lg"?12:8.571})}),e[69]=J,e[70]=f,e[71]=s,e[72]=c,e[73]=S,e[74]=xe):xe=e[74];let ve;e[75]!==J||e[76]!==D||e[77]!==f||e[78]!==R||e[79]!==s||e[80]!==c||e[81]!==S?(ve=f==="arrows"&&a.jsxs(js,{className:"arrow-group",children:[a.jsx(vo,{direction:"up",type:"button",size:S,onClick:c,disabled:s||J,className:"arrow-up",children:a.jsx(Es,{})}),a.jsx(vo,{direction:"down",type:"button","aria-label":"减小",title:"减小",size:S,onClick:R,disabled:s||D,className:"arrow-down",children:a.jsx(Ts,{})})]}),e[75]=J,e[76]=D,e[77]=f,e[78]=R,e[79]=s,e[80]=c,e[81]=S,e[82]=ve):ve=e[82];let ke;e[83]!==f||e[84]!==s||e[85]!==S||e[86]!==X||e[87]!==ee||e[88]!==be||e[89]!==xe||e[90]!==ve?(ke=a.jsxs(ws,{className:X,size:S,disabled:s,controls:f,children:[ee,be,xe,ve]}),e[83]=f,e[84]=s,e[85]=S,e[86]=X,e[87]=ee,e[88]=be,e[89]=xe,e[90]=ve,e[91]=ke):ke=e[91];let $e;e[92]!==i||e[93]!==G?($e=i&&a.jsx(Cs,{id:`${G}-desc`,children:i}),e[92]=i,e[93]=G,e[94]=$e):$e=e[94];let ze;return e[95]!==r||e[96]!==q||e[97]!==ke||e[98]!==$e?(ze=a.jsxs(ks,{className:r,children:[q,ke,$e]}),e[95]=r,e[96]=q,e[97]=ke,e[98]=$e,e[99]=ze):ze=e[99],ze});cr.displayName="NumberInput";const Is=j("label",{shouldForwardProp:t=>t!=="disabled"})(({theme:t,disabled:o})=>({display:"inline-flex",alignItems:"center",gap:t.components.radio.gap,cursor:o?"not-allowed":"pointer",opacity:o?t.components.radio.disabled.opacity:1,transition:`opacity ${t.components.radio.transition}`})),Ls=j("span",{shouldForwardProp:t=>t!=="disabled"})(({theme:t,disabled:o})=>({position:"relative",display:"inline-flex",alignItems:"center",justifyContent:"center",width:t.components.radio.control.size,height:t.components.radio.control.size,borderRadius:t.components.radio.control.borderRadius,borderWidth:t.components.radio.control.borderWidth,borderStyle:"solid",borderColor:o?t.components.radio.control.borderColor.disabled:t.components.radio.control.borderColor.default,background:t.components.radio.control.background,transition:`border-color ${t.components.radio.transition}, box-shadow ${t.components.radio.transition}, transform ${t.components.radio.transition}`,flexShrink:0})),Ms=j("input")(({theme:t})=>({position:"absolute",inset:0,width:"100%",height:"100%",margin:0,opacity:0,cursor:"inherit","&:focus-visible + span":{boxShadow:t.components.radio.focusRing},"&:hover:not(:disabled) + span":{borderColor:t.components.radio.control.borderColor.hover,transform:"translateY(-0.5px)"},"&:checked + span":{borderColor:t.components.radio.control.borderColor.checked},"&:checked + span::after":{transform:"translate(-50%, -50%) scale(1)",opacity:1},"&:disabled + span":{borderColor:t.components.radio.control.borderColor.disabled},"&:disabled + span::after":{background:t.components.radio.control.indicator.disabled}})),As=j("span")(({theme:t})=>({position:"relative",inset:0,width:"100%",height:"100%",borderRadius:"inherit",boxShadow:"none","&::after":{content:'""',position:"absolute",top:"50%",left:"50%",width:t.components.radio.control.indicator.size,height:t.components.radio.control.indicator.size,background:t.components.radio.control.indicator.color,borderRadius:"inherit",transform:"translate(-50%, -50%) scale(0.35)",opacity:0,transition:`transform ${t.components.radio.transition}, opacity ${t.components.radio.transition}`}})),Ps=j("span")({display:"flex",flexDirection:"column",gap:"0.25rem",minWidth:0}),Os=j("span",{shouldForwardProp:t=>t!=="disabled"})(({theme:t,disabled:o})=>({fontSize:t.components.radio.text.label.fontSize,fontWeight:t.components.radio.text.label.fontWeight,color:o?t.components.radio.text.label.disabled:t.components.radio.text.label.color,lineHeight:1.5,transition:`color ${t.components.radio.transition}`})),_s=j("span",{shouldForwardProp:t=>t!=="disabled"})(({theme:t,disabled:o})=>({margin:0,color:o?t.components.radio.text.description.disabled:t.components.radio.text.description.color,fontSize:t.components.radio.text.description.fontSize,lineHeight:1.4,transition:`color ${t.components.radio.transition}`})),qt=g.forwardRef((t,o)=>{const e=te.c(23);let r,n,i,s;e[0]!==t?({label:s,description:n,className:r,...i}=t,e[0]=t,e[1]=r,e[2]=n,e[3]=i,e[4]=s):(r=e[1],n=e[2],i=e[3],s=e[4]);const l=!!i.disabled,d=l?"true":void 0;let u;e[5]!==i||e[6]!==l||e[7]!==o?(u=a.jsx(Ms,{ref:o,type:"radio",disabled:l,...i}),e[5]=i,e[6]=l,e[7]=o,e[8]=u):u=e[8];let p;e[9]===Symbol.for("react.memo_cache_sentinel")?(p=a.jsx(As,{"aria-hidden":!0}),e[9]=p):p=e[9];let m;e[10]!==l||e[11]!==u?(m=a.jsxs(Ls,{disabled:l,children:[u,p]}),e[10]=l,e[11]=u,e[12]=m):m=e[12];let h;e[13]!==n||e[14]!==l||e[15]!==s?(h=(s||n)&&a.jsxs(Ps,{children:[s?a.jsx(Os,{disabled:l,children:s}):null,n?a.jsx(_s,{disabled:l,children:n}):null]}),e[13]=n,e[14]=l,e[15]=s,e[16]=h):h=e[16];let b;return e[17]!==r||e[18]!==l||e[19]!==d||e[20]!==m||e[21]!==h?(b=a.jsxs(Is,{disabled:l,className:r,"data-disabled":d,children:[m,h]}),e[17]=r,e[18]=l,e[19]=d,e[20]=m,e[21]=h,e[22]=b):b=e[22],b});qt.displayName="Radio";const Ns=["rect","text","circle"],Fs=["sm","md","lg","pill"],Vs=_.keyframes`
|
|
1313
|
+
0% {
|
|
1314
|
+
transform: translateX(-100%);
|
|
1315
|
+
}
|
|
1316
|
+
100% {
|
|
1317
|
+
transform: translateX(100%);
|
|
1318
|
+
}
|
|
1319
|
+
`,dr=({theme:t})=>_.css`
|
|
1320
|
+
&::after {
|
|
1321
|
+
content: '';
|
|
1322
|
+
position: absolute;
|
|
1323
|
+
inset: 0;
|
|
1324
|
+
background: linear-gradient(
|
|
1325
|
+
90deg,
|
|
1326
|
+
transparent 0%,
|
|
1327
|
+
${t.components.skeleton.background.highlight} 50%,
|
|
1328
|
+
transparent 100%
|
|
1329
|
+
);
|
|
1330
|
+
animation: ${Vs} ${t.components.skeleton.animation.duration}
|
|
1331
|
+
${t.components.skeleton.animation.easing} infinite;
|
|
1332
|
+
transform: translateX(-100%);
|
|
1333
|
+
}
|
|
1334
|
+
|
|
1335
|
+
@media (prefers-reduced-motion: reduce) {
|
|
1336
|
+
&::after {
|
|
1337
|
+
animation-duration: 0.01ms;
|
|
1338
|
+
animation-iteration-count: 1;
|
|
1339
|
+
transform: translateX(-50%);
|
|
1340
|
+
}
|
|
1341
|
+
}
|
|
1342
|
+
`,Ds=j.div`
|
|
1343
|
+
position: relative;
|
|
1344
|
+
overflow: hidden;
|
|
1345
|
+
display: block;
|
|
1346
|
+
background: ${({theme:t})=>t.components.skeleton.background.base};
|
|
1347
|
+
border-radius: ${({theme:t,$variant:o,$radius:e})=>o==="circle"?t.components.skeleton.radius.circle:t.components.skeleton.radius[e]};
|
|
1348
|
+
width: ${({$variant:t,$width:o,theme:e})=>t==="circle"?o??e.components.skeleton.circle.size:o??"100%"};
|
|
1349
|
+
height: ${({$variant:t,$height:o,theme:e})=>t==="circle"?o??e.components.skeleton.circle.size:t==="text"?o??e.components.skeleton.text.lineHeight:o??e.components.skeleton.block.height};
|
|
1350
|
+
|
|
1351
|
+
${({$animate:t,theme:o})=>t&&_.css`
|
|
1352
|
+
${dr({theme:o})}
|
|
1353
|
+
`}
|
|
1354
|
+
`,Ks=j.div`
|
|
1355
|
+
display: flex;
|
|
1356
|
+
flex-direction: column;
|
|
1357
|
+
gap: ${({theme:t})=>t.components.skeleton.text.gap};
|
|
1358
|
+
width: ${({$width:t})=>t??"100%"};
|
|
1359
|
+
`,Bs=j.span`
|
|
1360
|
+
position: relative;
|
|
1361
|
+
overflow: hidden;
|
|
1362
|
+
display: block;
|
|
1363
|
+
background: ${({theme:t})=>t.components.skeleton.background.base};
|
|
1364
|
+
height: ${({theme:t})=>t.components.skeleton.text.lineHeight};
|
|
1365
|
+
border-radius: ${({theme:t})=>t.components.skeleton.radius.pill};
|
|
1366
|
+
width: ${({$customWidth:t,$isLast:o,theme:e})=>t??(o?e.components.skeleton.text.lastLineWidth:"100%")};
|
|
1367
|
+
|
|
1368
|
+
${({$animate:t,theme:o})=>t&&_.css`
|
|
1369
|
+
${dr({theme:o})}
|
|
1370
|
+
`}
|
|
1371
|
+
`,$o=t=>{if(t!==void 0)return typeof t=="number"?`${t}px`:t},ur=g.forwardRef(({variant:t="rect",width:o,height:e,lines:r=t==="text"?3:1,animate:n=!0,radius:i="md",loaded:s=!1,className:l,children:d,style:u,...p},m)=>{const h=$o(o),b=$o(e),x=Math.max(1,r),y=t==="text"&&x>1;if(s)return d?a.jsx("div",{ref:m,className:l,style:u,...p,children:d}):null;const $={role:"status","aria-live":"polite","aria-busy":!0};return y?a.jsx(Ks,{ref:m,className:l,style:u,$width:h,"data-variant":"text",...$,...p,children:Array.from({length:x}).map((w,k)=>a.jsx(Bs,{$animate:n,$isLast:k===x-1,$customWidth:k===x-1?h:void 0,"aria-hidden":"true"},k))}):a.jsx(Ds,{ref:m,className:l,style:u,$variant:t,$animate:n,$radius:i,$width:h,$height:b,"data-variant":t,...$,...p})});ur.displayName="Skeleton";const wo=_.keyframes`
|
|
1372
|
+
0% {
|
|
1373
|
+
transform: scale(1);
|
|
1374
|
+
opacity: 0.6;
|
|
1375
|
+
}
|
|
1376
|
+
50% {
|
|
1377
|
+
transform: scale(1.6);
|
|
1378
|
+
opacity: 0.3;
|
|
1379
|
+
}
|
|
1380
|
+
100% {
|
|
1381
|
+
transform: scale(1);
|
|
1382
|
+
opacity: 0.6;
|
|
1383
|
+
}
|
|
1384
|
+
`,Hs=j.div`
|
|
1385
|
+
display: flex;
|
|
1386
|
+
flex-direction: ${({orientation:t})=>t==="vertical"?"column":"row"};
|
|
1387
|
+
width: 100%;
|
|
1388
|
+
|
|
1389
|
+
${({orientation:t})=>t==="horizontal"&&_.css`
|
|
1390
|
+
align-items: flex-start;
|
|
1391
|
+
`}
|
|
1392
|
+
`,Ws=j.div`
|
|
1393
|
+
position: relative;
|
|
1394
|
+
display: flex;
|
|
1395
|
+
flex: ${({isLast:t,orientation:o})=>t||o==="vertical"?"0 0 auto":"1"};
|
|
1396
|
+
flex-direction: ${({orientation:t,labelPlacement:o})=>t==="horizontal"&&o==="bottom"?"column":"row"};
|
|
1397
|
+
align-items: ${({orientation:t,labelPlacement:o})=>t==="horizontal"&&o==="bottom"?"center":"flex-start"};
|
|
1398
|
+
|
|
1399
|
+
/* Gap between content elements */
|
|
1400
|
+
gap: ${({theme:t})=>t.components.stepper.gap};
|
|
1401
|
+
`,$t=j.div`
|
|
1402
|
+
position: relative;
|
|
1403
|
+
display: flex;
|
|
1404
|
+
align-items: center;
|
|
1405
|
+
justify-content: center;
|
|
1406
|
+
z-index: 1; /* To stay above line */
|
|
1407
|
+
|
|
1408
|
+
/* Size */
|
|
1409
|
+
width: ${({theme:t,size:o,variant:e})=>e==="dot"?t.components.stepper.dot.size[o]:t.components.stepper.circle.size[o]};
|
|
1410
|
+
height: ${({theme:t,size:o,variant:e})=>e==="dot"?t.components.stepper.dot.size[o]:t.components.stepper.circle.size[o]};
|
|
1411
|
+
|
|
1412
|
+
border-radius: 50%;
|
|
1413
|
+
border: ${({variant:t})=>t==="dot"?"none":"1px solid"};
|
|
1414
|
+
transition: all 0.2s ease;
|
|
1415
|
+
|
|
1416
|
+
/* Colors based on Status */
|
|
1417
|
+
${({theme:t,status:o,variant:e})=>{const r=t.components.stepper,n=r.state[o];let i=n.color,s="transparent",l=n.color;return e==="dot"?(o==="wait"?s=r.line.color.default:s=n.color,l="transparent",_.css`
|
|
1418
|
+
background-color: ${s};
|
|
1419
|
+
color: ${l};
|
|
1420
|
+
${o==="process"?`
|
|
1421
|
+
&::after {
|
|
1422
|
+
content: '';
|
|
1423
|
+
position: absolute;
|
|
1424
|
+
inset: -4px;
|
|
1425
|
+
border-radius: 50%;
|
|
1426
|
+
background-color: ${r.dot.pulseColor};
|
|
1427
|
+
animation: ${wo} 1.5s ease-in-out infinite;
|
|
1428
|
+
will-change: transform, opacity;
|
|
1429
|
+
z-index: -1;
|
|
1430
|
+
}
|
|
1431
|
+
`:""}
|
|
1432
|
+
`):(o==="process"?(i=n.color,s=n.bg,l=t.global.colors.common.white):o==="finish"?(i=n.color,s=n.bg,l=n.color):(o==="error"&&(i=n.color,s=n.bg),l=n.color),_.css`
|
|
1433
|
+
border-color: ${i};
|
|
1434
|
+
background-color: ${s};
|
|
1435
|
+
color: ${l};
|
|
1436
|
+
${o==="process"?`
|
|
1437
|
+
&::after {
|
|
1438
|
+
content: '';
|
|
1439
|
+
position: absolute;
|
|
1440
|
+
inset: -4px;
|
|
1441
|
+
border-radius: 50%;
|
|
1442
|
+
border: 2px solid ${n.color};
|
|
1443
|
+
opacity: 0.6;
|
|
1444
|
+
animation: ${wo} 1.5s ease-in-out infinite;
|
|
1445
|
+
will-change: transform, opacity;
|
|
1446
|
+
z-index: -1;
|
|
1447
|
+
}
|
|
1448
|
+
`:""}
|
|
1449
|
+
`)}}
|
|
1450
|
+
|
|
1451
|
+
/* Text style inside circle */
|
|
1452
|
+
font-size: ${({theme:t,size:o})=>t.components.stepper.circle.fontSize[o]};
|
|
1453
|
+
font-weight: 500;
|
|
1454
|
+
|
|
1455
|
+
/* Icon size control */
|
|
1456
|
+
svg {
|
|
1457
|
+
width: ${({theme:t,size:o})=>t.components.stepper.circle.iconSize[o]};
|
|
1458
|
+
height: ${({theme:t,size:o})=>t.components.stepper.circle.iconSize[o]};
|
|
1459
|
+
flex-shrink: 0;
|
|
1460
|
+
}
|
|
1461
|
+
`,wt=j.div`
|
|
1462
|
+
display: flex;
|
|
1463
|
+
flex-direction: column;
|
|
1464
|
+
justify-content: center;
|
|
1465
|
+
|
|
1466
|
+
${({orientation:t,labelPlacement:o})=>t==="horizontal"&&o==="bottom"&&_.css`
|
|
1467
|
+
align-items: center;
|
|
1468
|
+
text-align: center;
|
|
1469
|
+
padding-top: 4px; /* Space between icon and text */
|
|
1470
|
+
`}
|
|
1471
|
+
|
|
1472
|
+
${({orientation:t,labelPlacement:o})=>(t==="vertical"||o==="right")&&_.css`
|
|
1473
|
+
padding-left: 4px; /* Space between icon and text */
|
|
1474
|
+
/* Adjust for vertical alignment with icon center if needed */
|
|
1475
|
+
padding-top: 4px;
|
|
1476
|
+
`}
|
|
1477
|
+
`,St=j.div`
|
|
1478
|
+
font-size: ${({theme:t})=>t.components.stepper.text.title.fontSize};
|
|
1479
|
+
font-weight: ${({theme:t})=>t.components.stepper.text.title.fontWeight};
|
|
1480
|
+
line-height: 1.4;
|
|
1481
|
+
|
|
1482
|
+
color: ${({theme:t,status:o})=>{const e=t.components.stepper.text.title.color;switch(o){case"process":return e.active;case"finish":return e.default;case"error":return e.error;case"wait":return e.waiting;default:return e.default}}};
|
|
1483
|
+
`,Ct=j.div`
|
|
1484
|
+
font-size: ${({theme:t})=>t.components.stepper.text.description.fontSize};
|
|
1485
|
+
color: ${({theme:t})=>t.components.stepper.text.description.color};
|
|
1486
|
+
line-height: 1.4;
|
|
1487
|
+
margin-top: 2px;
|
|
1488
|
+
`,jt=j.div`
|
|
1489
|
+
transition: background-color 0.2s ease;
|
|
1490
|
+
|
|
1491
|
+
${({orientation:t,theme:o,isFinished:e,size:r,labelPlacement:n,variant:i})=>{const s=i==="dot"?o.components.stepper.dot.size[r]:o.components.stepper.circle.size[r],d=parseInt(s)/2;return t==="horizontal"?_.css`
|
|
1492
|
+
flex: 1;
|
|
1493
|
+
height: 1px;
|
|
1494
|
+
background-color: ${e?o.components.stepper.line.color.active:o.components.stepper.line.color.default};
|
|
1495
|
+
margin: 0 ${o.components.stepper.gap};
|
|
1496
|
+
margin-top: ${d}px;
|
|
1497
|
+
${n==="bottom"?"align-self: flex-start;":""}
|
|
1498
|
+
`:_.css`
|
|
1499
|
+
width: 1px;
|
|
1500
|
+
min-height: 40px;
|
|
1501
|
+
flex: 1;
|
|
1502
|
+
background-color: ${e?o.components.stepper.line.color.active:o.components.stepper.line.color.default};
|
|
1503
|
+
margin-top: 4px;
|
|
1504
|
+
`}}
|
|
1505
|
+
`,fr=g.forwardRef((t,o)=>{const e=te.c(37);let r,n,i,s,l,d,u,p,m;e[0]!==t?({active:l,orientation:d,labelPlacement:u,size:p,variant:m,children:r,className:n,onChange:i,...s}=t,e[0]=t,e[1]=r,e[2]=n,e[3]=i,e[4]=s,e[5]=l,e[6]=d,e[7]=u,e[8]=p,e[9]=m):(r=e[1],n=e[2],i=e[3],s=e[4],l=e[5],d=e[6],u=e[7],p=e[8],m=e[9]);const h=l===void 0?0:l,b=d===void 0?"horizontal":d,x=u===void 0?"right":u,y=p===void 0?"md":p,$=m===void 0?"default":m;let w,k,C,v,f,S,z,I;if(e[10]!==h||e[11]!==r||e[12]!==n||e[13]!==x||e[14]!==i||e[15]!==b||e[16]!==o||e[17]!==s||e[18]!==y||e[19]!==$){const L=g.Children.toArray(r).filter(g.isValidElement);w=Hs,v=o,f=b,S=n,z="list",I="Progress",k=s,C=L.map((V,O)=>{const A=V.props;let F;return A.status?F=A.status:O<h?F="finish":O===h?F="process":F="wait",g.cloneElement(V,{index:O,last:O===L.length-1,orientation:b,labelPlacement:b==="vertical"?"right":x,size:y,status:F,variant:$,onClick:()=>{var M;i&&!A.disabled&&i(O),(M=A.onClick)==null||M.call(A)}})}),e[10]=h,e[11]=r,e[12]=n,e[13]=x,e[14]=i,e[15]=b,e[16]=o,e[17]=s,e[18]=y,e[19]=$,e[20]=w,e[21]=k,e[22]=C,e[23]=v,e[24]=f,e[25]=S,e[26]=z,e[27]=I}else w=e[20],k=e[21],C=e[22],v=e[23],f=e[24],S=e[25],z=e[26],I=e[27];let T;return e[28]!==w||e[29]!==k||e[30]!==C||e[31]!==v||e[32]!==f||e[33]!==S||e[34]!==z||e[35]!==I?(T=a.jsx(w,{ref:v,orientation:f,className:S,role:z,"aria-label":I,...k,children:C}),e[28]=w,e[29]=k,e[30]=C,e[31]=v,e[32]=f,e[33]=S,e[34]=z,e[35]=I,e[36]=T):T=e[36],T});fr.displayName="Stepper";const pr=g.forwardRef((t,o)=>{const e=te.c(55);let r,n,i,s,l,d,u,p,m,h,b,x,y;e[0]!==t?({title:y,description:n,icon:i,status:d,index:u,orientation:p,labelPlacement:m,size:h,last:b,variant:x,className:r,onClick:s,...l}=t,e[0]=t,e[1]=r,e[2]=n,e[3]=i,e[4]=s,e[5]=l,e[6]=d,e[7]=u,e[8]=p,e[9]=m,e[10]=h,e[11]=b,e[12]=x,e[13]=y):(r=e[1],n=e[2],i=e[3],s=e[4],l=e[5],d=e[6],u=e[7],p=e[8],m=e[9],h=e[10],b=e[11],x=e[12],y=e[13]);const $=d===void 0?"wait":d,w=u===void 0?0:u,k=p===void 0?"horizontal":p,C=m===void 0?"right":m,v=h===void 0?"md":h,f=b===void 0?!1:b,S=x===void 0?"default":x;let z;e[14]!==i||e[15]!==w||e[16]!==$?(z=()=>{if(i)return i;switch($){case"finish":return a.jsx(Yt,{});case"error":return a.jsx(Zt,{});default:return a.jsx("span",{children:w+1})}},e[14]=i,e[15]=w,e[16]=$,e[17]=z):z=e[17];const I=z,T=k==="horizontal"&&S==="dot"?"bottom":C,L=!(S==="dot"&&!i);let V;e[18]!==I||e[19]!==L?(V=L?I():null,e[18]=I,e[19]=L,e[20]=V):V=e[20];const O=V,A=k==="vertical"&&!f,F=k==="horizontal"&&!f,M=$==="process"?"step":void 0;let K;e[21]!==n||e[22]!==O||e[23]!==f||e[24]!==k||e[25]!==T||e[26]!==A||e[27]!==v||e[28]!==$||e[29]!==y||e[30]!==S?(K=k==="vertical"&&a.jsxs(a.Fragment,{children:[a.jsxs("div",{style:{display:"flex",flexDirection:"column",alignItems:"center",flexShrink:0,minHeight:f?"auto":"80px"},children:[a.jsx($t,{status:$,size:v,variant:S,children:O}),A&&a.jsx(jt,{orientation:"vertical",labelPlacement:T,isFinished:$==="finish",size:v,variant:S})]}),a.jsxs(wt,{orientation:k,labelPlacement:T,children:[a.jsx(St,{status:$,children:y}),n&&a.jsx(Ct,{children:n})]})]}),e[21]=n,e[22]=O,e[23]=f,e[24]=k,e[25]=T,e[26]=A,e[27]=v,e[28]=$,e[29]=y,e[30]=S,e[31]=K):K=e[31];let B;e[32]!==n||e[33]!==O||e[34]!==k||e[35]!==T||e[36]!==F||e[37]!==v||e[38]!==$||e[39]!==y||e[40]!==S?(B=k==="horizontal"&&a.jsx(a.Fragment,{children:T==="bottom"?a.jsxs("div",{style:{display:"flex",flexDirection:"row",alignItems:"center",width:"100%"},children:[a.jsxs("div",{style:{display:"flex",flexDirection:"column",alignItems:"center",flexShrink:0},children:[a.jsx($t,{status:$,size:v,variant:S,children:O}),a.jsxs(wt,{orientation:k,labelPlacement:T,children:[a.jsx(St,{status:$,children:y}),n&&a.jsx(Ct,{children:n})]})]}),F&&a.jsx(jt,{orientation:"horizontal",labelPlacement:T,isFinished:$==="finish",size:v,variant:S})]}):a.jsxs(a.Fragment,{children:[a.jsx($t,{status:$,size:v,variant:S,children:O}),a.jsxs(wt,{orientation:k,labelPlacement:T,children:[a.jsx(St,{status:$,children:y}),n&&a.jsx(Ct,{children:n})]}),F&&a.jsx(jt,{orientation:"horizontal",labelPlacement:T,isFinished:$==="finish",size:v,variant:S})]})}),e[32]=n,e[33]=O,e[34]=k,e[35]=T,e[36]=F,e[37]=v,e[38]=$,e[39]=y,e[40]=S,e[41]=B):B=e[41];let W;return e[42]!==r||e[43]!==f||e[44]!==s||e[45]!==k||e[46]!==o||e[47]!==T||e[48]!==l||e[49]!==$||e[50]!==K||e[51]!==B||e[52]!==M||e[53]!==S?(W=a.jsxs(Ws,{ref:o,className:r,orientation:k,labelPlacement:T,status:$,isLast:f,variant:S,onClick:s,role:"listitem","aria-current":M,...l,children:[K,B]}),e[42]=r,e[43]=f,e[44]=s,e[45]=k,e[46]=o,e[47]=T,e[48]=l,e[49]=$,e[50]=K,e[51]=B,e[52]=M,e[53]=S,e[54]=W):W=e[54],W});pr.displayName="Step";const Us=["line","circle"],Ys=["sm","md","lg"],Zs=["normal","error","warning","success"],xt=(t,o)=>({normal:o.semantic.colors.brand.primary,error:o.semantic.colors.state.danger,warning:o.semantic.colors.state.warning,success:o.semantic.colors.state.success})[t],Xs=j.div`
|
|
1506
|
+
display: flex;
|
|
1507
|
+
align-items: center;
|
|
1508
|
+
gap: 16px;
|
|
1509
|
+
width: 100%;
|
|
1510
|
+
`,Gs=j.div`
|
|
1511
|
+
position: relative;
|
|
1512
|
+
flex: 1;
|
|
1513
|
+
background: ${({theme:t})=>t.semantic.colors.background.secondary};
|
|
1514
|
+
border-radius: 5px;
|
|
1515
|
+
overflow: hidden;
|
|
1516
|
+
|
|
1517
|
+
${({size:t})=>t==="sm"?_.css`
|
|
1518
|
+
height: 6px;
|
|
1519
|
+
`:_.css`
|
|
1520
|
+
height: 8px;
|
|
1521
|
+
`}
|
|
1522
|
+
`,qs=j.div`
|
|
1523
|
+
height: 100%;
|
|
1524
|
+
width: ${({percent:t})=>t}%;
|
|
1525
|
+
background: ${({status:t,theme:o})=>xt(t,o)};
|
|
1526
|
+
border-radius: 5px;
|
|
1527
|
+
transition: width 0.3s ease, background 0.3s ease;
|
|
1528
|
+
`,Js=j.span`
|
|
1529
|
+
font-family: ${({theme:t})=>t.global.typography.fontFamily};
|
|
1530
|
+
font-size: 12px;
|
|
1531
|
+
line-height: 18px;
|
|
1532
|
+
color: ${({theme:t})=>t.semantic.colors.text.secondary};
|
|
1533
|
+
white-space: nowrap;
|
|
1534
|
+
flex-shrink: 0;
|
|
1535
|
+
`,Qs=j.span`
|
|
1536
|
+
display: inline-flex;
|
|
1537
|
+
align-items: center;
|
|
1538
|
+
justify-content: center;
|
|
1539
|
+
width: 16px;
|
|
1540
|
+
height: 16px;
|
|
1541
|
+
flex-shrink: 0;
|
|
1542
|
+
color: ${({status:t,theme:o})=>xt(t,o)};
|
|
1543
|
+
|
|
1544
|
+
svg {
|
|
1545
|
+
width: 100%;
|
|
1546
|
+
height: 100%;
|
|
1547
|
+
}
|
|
1548
|
+
`,el=j.div`
|
|
1549
|
+
display: flex;
|
|
1550
|
+
align-items: center;
|
|
1551
|
+
gap: 10px;
|
|
1552
|
+
flex-shrink: 0;
|
|
1553
|
+
`,tl=j.div`
|
|
1554
|
+
position: relative;
|
|
1555
|
+
display: inline-flex;
|
|
1556
|
+
align-items: center;
|
|
1557
|
+
justify-content: center;
|
|
1558
|
+
|
|
1559
|
+
${({size:t})=>t==="sm"?_.css`
|
|
1560
|
+
width: 24px;
|
|
1561
|
+
height: 24px;
|
|
1562
|
+
`:t==="md"?_.css`
|
|
1563
|
+
width: 80px;
|
|
1564
|
+
height: 80px;
|
|
1565
|
+
`:_.css`
|
|
1566
|
+
width: 160px;
|
|
1567
|
+
height: 160px;
|
|
1568
|
+
`}
|
|
1569
|
+
`,ol=j.svg`
|
|
1570
|
+
transform: rotate(-90deg);
|
|
1571
|
+
width: 100%;
|
|
1572
|
+
height: 100%;
|
|
1573
|
+
`,rl=j.circle`
|
|
1574
|
+
fill: none;
|
|
1575
|
+
stroke: ${({theme:t})=>t.semantic.colors.background.secondary};
|
|
1576
|
+
`,nl=j.circle`
|
|
1577
|
+
fill: none;
|
|
1578
|
+
stroke: ${({status:t,theme:o})=>xt(t,o)};
|
|
1579
|
+
stroke-linecap: round;
|
|
1580
|
+
transition: stroke-dashoffset 0.3s ease, stroke 0.3s ease;
|
|
1581
|
+
`,il=j.div`
|
|
1582
|
+
position: absolute;
|
|
1583
|
+
top: 50%;
|
|
1584
|
+
left: 50%;
|
|
1585
|
+
transform: translate(-50%, -50%);
|
|
1586
|
+
display: flex;
|
|
1587
|
+
align-items: center;
|
|
1588
|
+
justify-content: center;
|
|
1589
|
+
|
|
1590
|
+
${({size:t,theme:o})=>t==="sm"?_.css`
|
|
1591
|
+
width: 16px;
|
|
1592
|
+
height: 16px;
|
|
1593
|
+
`:t==="md"?_.css`
|
|
1594
|
+
font-family: 'Barlow', ${o.global.typography.fontFamily};
|
|
1595
|
+
font-size: 20px;
|
|
1596
|
+
font-weight: 500;
|
|
1597
|
+
line-height: 30px;
|
|
1598
|
+
color: ${o.semantic.colors.text.secondary};
|
|
1599
|
+
`:_.css`
|
|
1600
|
+
font-family: 'Barlow', ${o.global.typography.fontFamily};
|
|
1601
|
+
font-size: 36px;
|
|
1602
|
+
font-weight: 500;
|
|
1603
|
+
line-height: 54px;
|
|
1604
|
+
color: ${o.semantic.colors.text.secondary};
|
|
1605
|
+
`}
|
|
1606
|
+
`,sl=j.span`
|
|
1607
|
+
display: inline-flex;
|
|
1608
|
+
align-items: center;
|
|
1609
|
+
justify-content: center;
|
|
1610
|
+
color: ${({status:t,theme:o})=>xt(t,o)};
|
|
1611
|
+
|
|
1612
|
+
svg {
|
|
1613
|
+
width: 100%;
|
|
1614
|
+
height: 100%;
|
|
1615
|
+
}
|
|
1616
|
+
`,ll=Us,al=Ys,cl=Zs,dl=()=>{const t=te.c(1);let o;return t[0]===Symbol.for("react.memo_cache_sentinel")?(o=a.jsxs("svg",{viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[a.jsx("circle",{cx:"8",cy:"8",r:"8",fill:"currentColor"}),a.jsx("path",{d:"M11.3333 5.5L6.75 10.0833L4.66667 8",stroke:"white",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})]}),t[0]=o):o=t[0],o},ul=()=>{const t=te.c(1);let o;return t[0]===Symbol.for("react.memo_cache_sentinel")?(o=a.jsxs("svg",{viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[a.jsx("circle",{cx:"8",cy:"8",r:"8",fill:"currentColor"}),a.jsx("path",{d:"M10 6L6 10M6 6L10 10",stroke:"white",strokeWidth:"1.5",strokeLinecap:"round"})]}),t[0]=o):o=t[0],o},fl=()=>{const t=te.c(1);let o;return t[0]===Symbol.for("react.memo_cache_sentinel")?(o=a.jsxs("svg",{viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[a.jsx("circle",{cx:"8",cy:"8",r:"8",fill:"currentColor"}),a.jsx("path",{d:"M8 4.66667V8.66667M8 11.3333H8.00667",stroke:"white",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})]}),t[0]=o):o=t[0],o},pl=t=>{switch(t){case"success":return a.jsx(dl,{});case"error":return a.jsx(ul,{});case"warning":return a.jsx(fl,{});default:return null}},hr=g.forwardRef((t,o)=>{const e=te.c(79);let r,n,i,s,l,d,u,p;e[0]!==t?({type:i,size:s,status:l,value:d,showPercent:u,showIcon:p,className:n,...r}=t,e[0]=t,e[1]=r,e[2]=n,e[3]=i,e[4]=s,e[5]=l,e[6]=d,e[7]=u,e[8]=p):(r=e[1],n=e[2],i=e[3],s=e[4],l=e[5],d=e[6],u=e[7],p=e[8]);const m=i===void 0?"line":i,h=s===void 0?"md":s,b=l===void 0?"normal":l,x=d===void 0?0:d,y=u===void 0?!0:u,$=p===void 0?!0:p,w=Math.min(Math.max(x,0),100);let k;e[9]!==r||e[10]!==w?(k={...r,value:w,minValue:0,maxValue:100},e[9]=r,e[10]=w,e[11]=k):k=e[11];const{progressBarProps:C,labelProps:v}=de.useProgressBar(k),f=$&&b!=="normal";let S;e[12]!==f||e[13]!==b?(S=f?pl(b):null,e[12]=f,e[13]=b,e[14]=S):S=e[14];const z=S;if(m==="line"){let D;e[15]!==w||e[16]!==b?(D=a.jsx(qs,{status:b,percent:w}),e[15]=w,e[16]=b,e[17]=D):D=e[17];let J;e[18]!==h||e[19]!==D?(J=a.jsx(Gs,{size:h,children:D}),e[18]=h,e[19]=D,e[20]=J):J=e[20];let q;e[21]!==v||e[22]!==w||e[23]!==y?(q=y&&a.jsxs(Js,{...v,children:[Math.round(w),"%"]}),e[21]=v,e[22]=w,e[23]=y,e[24]=q):q=e[24];let X;e[25]!==z||e[26]!==f||e[27]!==b?(X=f&&z&&a.jsx(Qs,{status:b,children:z}),e[25]=z,e[26]=f,e[27]=b,e[28]=X):X=e[28];let ee;e[29]!==q||e[30]!==X?(ee=a.jsxs(el,{children:[q,X]}),e[29]=q,e[30]=X,e[31]=ee):ee=e[31];let H;return e[32]!==n||e[33]!==w||e[34]!==C||e[35]!==o||e[36]!==h||e[37]!==J||e[38]!==ee?(H=a.jsxs(Xs,{...C,ref:o,size:h,className:n,role:"progressbar","aria-valuenow":w,"aria-valuemin":0,"aria-valuemax":100,children:[J,ee]}),e[32]=n,e[33]=w,e[34]=C,e[35]=o,e[36]=h,e[37]=J,e[38]=ee,e[39]=H):H=e[39],H}let I;e[40]!==h?(I=()=>{switch(h){case"sm":return{circleSize:24,strokeWidth:3};case"md":return{circleSize:80,strokeWidth:6};case"lg":return{circleSize:160,strokeWidth:8};default:return{circleSize:80,strokeWidth:6}}},e[40]=h,e[41]=I):I=e[41];const T=I;let L;e[42]!==T?(L=T(),e[42]=T,e[43]=L):L=e[43];const{circleSize:V,strokeWidth:O}=L,A=(V-O)/2,F=2*Math.PI*A,M=F-w/100*F,K=h!=="sm",B=V/2,W=V/2;let Y;e[44]!==A||e[45]!==O||e[46]!==B||e[47]!==W?(Y=a.jsx(rl,{cx:B,cy:W,r:A,strokeWidth:O}),e[44]=A,e[45]=O,e[46]=B,e[47]=W,e[48]=Y):Y=e[48];const Z=V/2,c=V/2;let E;e[49]!==F||e[50]!==A||e[51]!==b||e[52]!==M||e[53]!==O||e[54]!==Z||e[55]!==c?(E=a.jsx(nl,{status:b,cx:Z,cy:c,r:A,strokeWidth:O,strokeDasharray:F,strokeDashoffset:M}),e[49]=F,e[50]=A,e[51]=b,e[52]=M,e[53]=O,e[54]=Z,e[55]=c,e[56]=E):E=e[56];let R;e[57]!==Y||e[58]!==E?(R=a.jsxs(ol,{children:[Y,E]}),e[57]=Y,e[58]=E,e[59]=R):R=e[59];let P;e[60]!==z||e[61]!==v||e[62]!==w||e[63]!==f||e[64]!==y||e[65]!==K||e[66]!==b?(P=K?y&&a.jsxs("span",{...v,children:[Math.round(w),"%"]}):f&&z&&a.jsx(sl,{status:b,children:z}),e[60]=z,e[61]=v,e[62]=w,e[63]=f,e[64]=y,e[65]=K,e[66]=b,e[67]=P):P=e[67];let U;e[68]!==h||e[69]!==P?(U=a.jsx(il,{size:h,children:P}),e[68]=h,e[69]=P,e[70]=U):U=e[70];let G;return e[71]!==n||e[72]!==w||e[73]!==C||e[74]!==o||e[75]!==h||e[76]!==R||e[77]!==U?(G=a.jsxs(tl,{...C,ref:o,size:h,className:n,role:"progressbar","aria-valuenow":w,"aria-valuemin":0,"aria-valuemax":100,children:[R,U]}),e[71]=n,e[72]=w,e[73]=C,e[74]=o,e[75]=h,e[76]=R,e[77]=U,e[78]=G):G=e[78],G});hr.displayName="Progress";const br={badInput:!1,customError:!1,patternMismatch:!1,rangeOverflow:!1,rangeUnderflow:!1,stepMismatch:!1,tooLong:!1,tooShort:!1,typeMismatch:!1,valueMissing:!1,valid:!0},gr={...br,customError:!0,valid:!1},Ze={isInvalid:!1,validationDetails:br,validationErrors:[]},hl=g.createContext({}),So="__formValidationState"+Date.now();function bl(t){if(t[So]){let{realtimeValidation:o,displayValidation:e,updateValidation:r,resetValidation:n,commitValidation:i}=t[So];return{realtimeValidation:o,displayValidation:e,updateValidation:r,resetValidation:n,commitValidation:i}}return gl(t)}function gl(t){let{isInvalid:o,validationState:e,name:r,value:n,builtinValidation:i,validate:s,validationBehavior:l="aria"}=t;e&&(o||(o=e==="invalid"));let d=o!==void 0?{isInvalid:o,validationErrors:[],validationDetails:gr}:null,u=g.useMemo(()=>{if(!s||n==null)return null;let L=ml(s,n);return Co(L)},[s,n]);i!=null&&i.validationDetails.valid&&(i=void 0);let p=g.useContext(hl),m=g.useMemo(()=>r?Array.isArray(r)?r.flatMap(L=>Vt(p[L])):Vt(p[r]):[],[p,r]),[h,b]=g.useState(p),[x,y]=g.useState(!1);p!==h&&(b(p),y(!1));let $=g.useMemo(()=>Co(x?[]:m),[x,m]),w=g.useRef(Ze),[k,C]=g.useState(Ze),v=g.useRef(Ze),f=()=>{if(!S)return;z(!1);let L=u||i||w.current;Rt(L,v.current)||(v.current=L,C(L))},[S,z]=g.useState(!1);return g.useEffect(f),{realtimeValidation:d||$||u||i||Ze,displayValidation:l==="native"?d||$||k:d||$||u||i||k,updateValidation(L){l==="aria"&&!Rt(k,L)?C(L):w.current=L},resetValidation(){let L=Ze;Rt(L,v.current)||(v.current=L,C(L)),l==="native"&&z(!1),y(!0)},commitValidation(){l==="native"&&z(!0),y(!0)}}}function Vt(t){return t?Array.isArray(t)?t:[t]:[]}function ml(t,o){if(typeof t=="function"){let e=t(o);if(e&&typeof e!="boolean")return Vt(e)}return[]}function Co(t){return t.length?{isInvalid:!0,validationErrors:t,validationDetails:gr}:null}function Rt(t,o){return t===o?!0:!!t&&!!o&&t.isInvalid===o.isInvalid&&t.validationErrors.length===o.validationErrors.length&&t.validationErrors.every((e,r)=>e===o.validationErrors[r])&&Object.entries(t.validationDetails).every(([e,r])=>o.validationDetails[e]===r)}class jo{*[Symbol.iterator](){yield*this.iterable}get size(){return this._size}getKeys(){return this.keyMap.keys()}getKeyBefore(o){let e=this.keyMap.get(o);var r;return e&&(r=e.prevKey)!==null&&r!==void 0?r:null}getKeyAfter(o){let e=this.keyMap.get(o);var r;return e&&(r=e.nextKey)!==null&&r!==void 0?r:null}getFirstKey(){return this.firstKey}getLastKey(){return this.lastKey}getItem(o){var e;return(e=this.keyMap.get(o))!==null&&e!==void 0?e:null}at(o){const e=[...this.getKeys()];return this.getItem(e[o])}getChildren(o){let e=this.keyMap.get(o);return(e==null?void 0:e.childNodes)||[]}constructor(o){this.keyMap=new Map,this.firstKey=null,this.lastKey=null,this.iterable=o;let e=l=>{if(this.keyMap.set(l.key,l),l.childNodes&&l.type==="section")for(let d of l.childNodes)e(d)};for(let l of o)e(l);let r=null,n=0,i=0;for(let[l,d]of this.keyMap)r?(r.nextKey=l,d.prevKey=r.key):(this.firstKey=l,d.prevKey=void 0),d.type==="item"&&(d.index=n++),(d.type==="section"||d.type==="item")&&i++,r=d,r.nextKey=void 0;this._size=i;var s;this.lastKey=(s=r==null?void 0:r.key)!==null&&s!==void 0?s:null}}class Ee extends Set{constructor(o,e,r){super(o),o instanceof Ee?(this.anchorKey=e??o.anchorKey,this.currentKey=r??o.currentKey):(this.anchorKey=e??null,this.currentKey=r??null)}}function xl(t,o){if(t.size!==o.size)return!1;for(let e of t)if(!o.has(e))return!1;return!0}function yl(t){let{selectionMode:o="none",disallowEmptySelection:e=!1,allowDuplicateSelectionEvents:r,selectionBehavior:n="toggle",disabledBehavior:i="all"}=t,s=g.useRef(!1),[,l]=g.useState(!1),d=g.useRef(null),u=g.useRef(null),[,p]=g.useState(null),m=g.useMemo(()=>Ro(t.selectedKeys),[t.selectedKeys]),h=g.useMemo(()=>Ro(t.defaultSelectedKeys,new Ee),[t.defaultSelectedKeys]),[b,x]=ft(m,h,t.onSelectionChange),y=g.useMemo(()=>t.disabledKeys?new Set(t.disabledKeys):new Set,[t.disabledKeys]),[$,w]=g.useState(n);n==="replace"&&$==="toggle"&&typeof b=="object"&&b.size===0&&w("replace");let k=g.useRef(n);return g.useEffect(()=>{n!==k.current&&(w(n),k.current=n)},[n]),{selectionMode:o,disallowEmptySelection:e,selectionBehavior:$,setSelectionBehavior:w,get isFocused(){return s.current},setFocused(C){s.current=C,l(C)},get focusedKey(){return d.current},get childFocusStrategy(){return u.current},setFocusedKey(C,v="first"){d.current=C,u.current=v,p(C)},selectedKeys:b,setSelectedKeys(C){(r||!xl(C,b))&&x(C)},disabledKeys:y,disabledBehavior:i}}function Ro(t,o){return t?t==="all"?"all":new Ee(t):o}function mr(t){return null}mr.getCollectionNode=function*(o,e){let{childItems:r,title:n,children:i}=o,s=o.title||o.children,l=o.textValue||(typeof s=="string"?s:"")||o["aria-label"]||"";!l&&!(e!=null&&e.suppressTextValueWarning)&&process.env.NODE_ENV!=="production"&&console.warn("<Item> with non-plain text contents is unsupported by type to select for accessibility. Please add a `textValue` prop."),yield{type:"item",props:o,rendered:s,textValue:l,"aria-label":o["aria-label"],hasChildNodes:vl(o),*childNodes(){if(r)for(let d of r)yield{type:"item",value:d};else if(n){let d=[];g.Children.forEach(i,u=>{d.push({type:"item",element:u})}),yield*d}}}};function vl(t){return t.hasChildItems!=null?t.hasChildItems:!!(t.childItems||t.title&&g.Children.count(t.children)>0)}let xr=mr;function yr(t){return null}yr.getCollectionNode=function*(o){let{children:e,title:r,items:n}=o;yield{type:"section",props:o,hasChildNodes:!0,rendered:r,"aria-label":o["aria-label"],*childNodes(){if(typeof e=="function"){if(!n)throw new Error("props.children was a function but props.items is missing");for(let i of n)yield{type:"item",value:i,renderer:e}}else{let i=[];g.Children.forEach(e,s=>{i.push({type:"item",element:s})}),yield*i}}}};let kl=yr;class $l{build(o,e){return this.context=e,zo(()=>this.iterateCollection(o))}*iterateCollection(o){let{children:e,items:r}=o;if(g.isValidElement(e)&&e.type===g.Fragment)yield*this.iterateCollection({children:e.props.children,items:r});else if(typeof e=="function"){if(!r)throw new Error("props.children was a function but props.items is missing");let n=0;for(let i of r)yield*this.getFullNode({value:i,index:n},{renderer:e}),n++}else{let n=[];g.Children.forEach(e,s=>{s&&n.push(s)});let i=0;for(let s of n){let l=this.getFullNode({element:s,index:i},{});for(let d of l)i++,yield d}}}getKey(o,e,r,n){if(o.key!=null)return o.key;if(e.type==="cell"&&e.key!=null)return`${n}${e.key}`;let i=e.value;if(i!=null){var s;let l=(s=i.key)!==null&&s!==void 0?s:i.id;if(l==null)throw new Error("No key found for item");return l}return n?`${n}.${e.index}`:`$.${e.index}`}getChildState(o,e){return{renderer:e.renderer||o.renderer}}*getFullNode(o,e,r,n){if(g.isValidElement(o.element)&&o.element.type===g.Fragment){let $=[];g.Children.forEach(o.element.props.children,k=>{$.push(k)});var i;let w=(i=o.index)!==null&&i!==void 0?i:0;for(const k of $)yield*this.getFullNode({element:k,index:w++},e,r,n);return}let s=o.element;if(!s&&o.value&&e&&e.renderer){let $=this.cache.get(o.value);if($&&(!$.shouldInvalidate||!$.shouldInvalidate(this.context))){$.index=o.index,$.parentKey=n?n.key:null,yield $;return}s=e.renderer(o.value)}if(g.isValidElement(s)){let $=s.type;if(typeof $!="function"&&typeof $.getCollectionNode!="function"){let v=s.type;throw new Error(`Unknown element <${v}> in collection.`)}let w=$.getCollectionNode(s.props,this.context);var l;let k=(l=o.index)!==null&&l!==void 0?l:0,C=w.next();for(;!C.done&&C.value;){let v=C.value;o.index=k;var d;let f=(d=v.key)!==null&&d!==void 0?d:null;f==null&&(f=v.element?null:this.getKey(s,o,e,r));let z=[...this.getFullNode({...v,key:f,index:k,wrapper:wl(o.wrapper,v.wrapper)},this.getChildState(e,v),r?`${r}${s.key}`:s.key,n)];for(let I of z){var u,p;I.value=(p=(u=v.value)!==null&&u!==void 0?u:o.value)!==null&&p!==void 0?p:null,I.value&&this.cache.set(I.value,I);var m;if(o.type&&I.type!==o.type)throw new Error(`Unsupported type <${zt(I.type)}> in <${zt((m=n==null?void 0:n.type)!==null&&m!==void 0?m:"unknown parent type")}>. Only <${zt(o.type)}> is supported.`);k++,yield I}C=w.next(z)}return}if(o.key==null||o.type==null)return;let h=this;var b,x;let y={type:o.type,props:o.props,key:o.key,parentKey:n?n.key:null,value:(b=o.value)!==null&&b!==void 0?b:null,level:n?n.level+1:0,index:o.index,rendered:o.rendered,textValue:(x=o.textValue)!==null&&x!==void 0?x:"","aria-label":o["aria-label"],wrapper:o.wrapper,shouldInvalidate:o.shouldInvalidate,hasChildNodes:o.hasChildNodes||!1,childNodes:zo(function*(){if(!o.hasChildNodes||!o.childNodes)return;let $=0;for(let w of o.childNodes()){w.key!=null&&(w.key=`${y.key}${w.key}`);let k=h.getFullNode({...w,index:$},h.getChildState(e,w),y.key,y);for(let C of k)$++,yield C}})};yield y}constructor(){this.cache=new WeakMap}}function zo(t){let o=[],e=null;return{*[Symbol.iterator](){for(let r of o)yield r;e||(e=t());for(let r of e)o.push(r),yield r}}}function wl(t,o){if(t&&o)return e=>t(o(e));if(t)return t;if(o)return o}function zt(t){return t[0].toUpperCase()+t.slice(1)}function Sl(t,o,e){let r=g.useMemo(()=>new $l,[]),{children:n,items:i,collection:s}=t;return g.useMemo(()=>{if(s)return s;let d=r.build({children:n,items:i},e);return o(d)},[r,n,i,s,e,o])}function Cl(t,o){return typeof o.getChildren=="function"?o.getChildren(t.key):t.childNodes}function jl(t){return Rl(t)}function Rl(t,o){for(let e of t)return e}function Et(t,o,e){if(o.parentKey===e.parentKey)return o.index-e.index;let r=[...Eo(t,o),o],n=[...Eo(t,e),e],i=r.slice(0,n.length).findIndex((s,l)=>s!==n[l]);return i!==-1?(o=r[i],e=n[i],o.index-e.index):r.findIndex(s=>s===e)>=0?1:(n.findIndex(s=>s===o)>=0,-1)}function Eo(t,o){let e=[],r=o;for(;(r==null?void 0:r.parentKey)!=null;)r=t.getItem(r.parentKey),r&&e.unshift(r);return e}class Jt{get selectionMode(){return this.state.selectionMode}get disallowEmptySelection(){return this.state.disallowEmptySelection}get selectionBehavior(){return this.state.selectionBehavior}setSelectionBehavior(o){this.state.setSelectionBehavior(o)}get isFocused(){return this.state.isFocused}setFocused(o){this.state.setFocused(o)}get focusedKey(){return this.state.focusedKey}get childFocusStrategy(){return this.state.childFocusStrategy}setFocusedKey(o,e){(o==null||this.collection.getItem(o))&&this.state.setFocusedKey(o,e)}get selectedKeys(){return this.state.selectedKeys==="all"?new Set(this.getSelectAllKeys()):this.state.selectedKeys}get rawSelection(){return this.state.selectedKeys}isSelected(o){if(this.state.selectionMode==="none")return!1;let e=this.getKey(o);return e==null?!1:this.state.selectedKeys==="all"?this.canSelectItem(e):this.state.selectedKeys.has(e)}get isEmpty(){return this.state.selectedKeys!=="all"&&this.state.selectedKeys.size===0}get isSelectAll(){if(this.isEmpty)return!1;if(this.state.selectedKeys==="all")return!0;if(this._isSelectAll!=null)return this._isSelectAll;let o=this.getSelectAllKeys(),e=this.state.selectedKeys;return this._isSelectAll=o.every(r=>e.has(r)),this._isSelectAll}get firstSelectedKey(){let o=null;for(let r of this.state.selectedKeys){let n=this.collection.getItem(r);(!o||n&&Et(this.collection,n,o)<0)&&(o=n)}var e;return(e=o==null?void 0:o.key)!==null&&e!==void 0?e:null}get lastSelectedKey(){let o=null;for(let r of this.state.selectedKeys){let n=this.collection.getItem(r);(!o||n&&Et(this.collection,n,o)>0)&&(o=n)}var e;return(e=o==null?void 0:o.key)!==null&&e!==void 0?e:null}get disabledKeys(){return this.state.disabledKeys}get disabledBehavior(){return this.state.disabledBehavior}extendSelection(o){if(this.selectionMode==="none")return;if(this.selectionMode==="single"){this.replaceSelection(o);return}let e=this.getKey(o);if(e==null)return;let r;if(this.state.selectedKeys==="all")r=new Ee([e],e,e);else{let s=this.state.selectedKeys;var n;let l=(n=s.anchorKey)!==null&&n!==void 0?n:e;r=new Ee(s,l,e);var i;for(let d of this.getKeyRange(l,(i=s.currentKey)!==null&&i!==void 0?i:e))r.delete(d);for(let d of this.getKeyRange(e,l))this.canSelectItem(d)&&r.add(d)}this.state.setSelectedKeys(r)}getKeyRange(o,e){let r=this.collection.getItem(o),n=this.collection.getItem(e);return r&&n?Et(this.collection,r,n)<=0?this.getKeyRangeInternal(o,e):this.getKeyRangeInternal(e,o):[]}getKeyRangeInternal(o,e){var r;if(!((r=this.layoutDelegate)===null||r===void 0)&&r.getKeyRange)return this.layoutDelegate.getKeyRange(o,e);let n=[],i=o;for(;i!=null;){let s=this.collection.getItem(i);if(s&&(s.type==="item"||s.type==="cell"&&this.allowsCellSelection)&&n.push(i),i===e)return n;i=this.collection.getKeyAfter(i)}return[]}getKey(o){let e=this.collection.getItem(o);if(!e||e.type==="cell"&&this.allowsCellSelection)return o;for(;e&&e.type!=="item"&&e.parentKey!=null;)e=this.collection.getItem(e.parentKey);return!e||e.type!=="item"?null:e.key}toggleSelection(o){if(this.selectionMode==="none")return;if(this.selectionMode==="single"&&!this.isSelected(o)){this.replaceSelection(o);return}let e=this.getKey(o);if(e==null)return;let r=new Ee(this.state.selectedKeys==="all"?this.getSelectAllKeys():this.state.selectedKeys);r.has(e)?r.delete(e):this.canSelectItem(e)&&(r.add(e),r.anchorKey=e,r.currentKey=e),!(this.disallowEmptySelection&&r.size===0)&&this.state.setSelectedKeys(r)}replaceSelection(o){if(this.selectionMode==="none")return;let e=this.getKey(o);if(e==null)return;let r=this.canSelectItem(e)?new Ee([e],e,e):new Ee;this.state.setSelectedKeys(r)}setSelectedKeys(o){if(this.selectionMode==="none")return;let e=new Ee;for(let r of o){let n=this.getKey(r);if(n!=null&&(e.add(n),this.selectionMode==="single"))break}this.state.setSelectedKeys(e)}getSelectAllKeys(){let o=[],e=r=>{for(;r!=null;){if(this.canSelectItem(r)){var n;let s=this.collection.getItem(r);(s==null?void 0:s.type)==="item"&&o.push(r);var i;s!=null&&s.hasChildNodes&&(this.allowsCellSelection||s.type!=="item")&&e((i=(n=jl(Cl(s,this.collection)))===null||n===void 0?void 0:n.key)!==null&&i!==void 0?i:null)}r=this.collection.getKeyAfter(r)}};return e(this.collection.getFirstKey()),o}selectAll(){!this.isSelectAll&&this.selectionMode==="multiple"&&this.state.setSelectedKeys("all")}clearSelection(){!this.disallowEmptySelection&&(this.state.selectedKeys==="all"||this.state.selectedKeys.size>0)&&this.state.setSelectedKeys(new Ee)}toggleSelectAll(){this.isSelectAll?this.clearSelection():this.selectAll()}select(o,e){this.selectionMode!=="none"&&(this.selectionMode==="single"?this.isSelected(o)&&!this.disallowEmptySelection?this.toggleSelection(o):this.replaceSelection(o):this.selectionBehavior==="toggle"||e&&(e.pointerType==="touch"||e.pointerType==="virtual")?this.toggleSelection(o):this.replaceSelection(o))}isSelectionEqual(o){if(o===this.state.selectedKeys)return!0;let e=this.selectedKeys;if(o.size!==e.size)return!1;for(let r of o)if(!e.has(r))return!1;for(let r of e)if(!o.has(r))return!1;return!0}canSelectItem(o){var e;if(this.state.selectionMode==="none"||this.state.disabledKeys.has(o))return!1;let r=this.collection.getItem(o);return!(!r||!(r==null||(e=r.props)===null||e===void 0)&&e.isDisabled||r.type==="cell"&&!this.allowsCellSelection)}isDisabled(o){var e,r;return this.state.disabledBehavior==="all"&&(this.state.disabledKeys.has(o)||!!(!((r=this.collection.getItem(o))===null||r===void 0||(e=r.props)===null||e===void 0)&&e.isDisabled))}isLink(o){var e,r;return!!(!((r=this.collection.getItem(o))===null||r===void 0||(e=r.props)===null||e===void 0)&&e.href)}getItemProps(o){var e;return(e=this.collection.getItem(o))===null||e===void 0?void 0:e.props}withCollection(o){return new Jt(o,this.state,{allowsCellSelection:this.allowsCellSelection,layoutDelegate:this.layoutDelegate||void 0})}constructor(o,e,r){this.collection=o,this.state=e;var n;this.allowsCellSelection=(n=r==null?void 0:r.allowsCellSelection)!==null&&n!==void 0?n:!1,this._isSelectAll=null,this.layoutDelegate=(r==null?void 0:r.layoutDelegate)||null}}function vr(t){let{filter:o,layoutDelegate:e}=t,r=yl(t),n=g.useMemo(()=>t.disabledKeys?new Set(t.disabledKeys):new Set,[t.disabledKeys]),i=g.useCallback(u=>o?new jo(o(u)):new jo(u),[o]),s=g.useMemo(()=>({suppressTextValueWarning:t.suppressTextValueWarning}),[t.suppressTextValueWarning]),l=Sl(t,i,s),d=g.useMemo(()=>new Jt(l,r,{layoutDelegate:e}),[l,r,e]);return zl(l,d),{collection:l,disabledKeys:n,selectionManager:d}}function zl(t,o){const e=g.useRef(null);g.useEffect(()=>{if(o.focusedKey!=null&&!t.getItem(o.focusedKey)&&e.current){const p=e.current.getItem(o.focusedKey),m=[...e.current.getKeys()].map(w=>{const k=e.current.getItem(w);return(k==null?void 0:k.type)==="item"?k:null}).filter(w=>w!==null),h=[...t.getKeys()].map(w=>{const k=t.getItem(w);return(k==null?void 0:k.type)==="item"?k:null}).filter(w=>w!==null);var r,n;const b=((r=m==null?void 0:m.length)!==null&&r!==void 0?r:0)-((n=h==null?void 0:h.length)!==null&&n!==void 0?n:0);var i,s,l;let x=Math.min(b>1?Math.max(((i=p==null?void 0:p.index)!==null&&i!==void 0?i:0)-b+1,0):(s=p==null?void 0:p.index)!==null&&s!==void 0?s:0,((l=h==null?void 0:h.length)!==null&&l!==void 0?l:0)-1),y=null,$=!1;for(;x>=0;){if(!o.isDisabled(h[x].key)){y=h[x];break}if(x<h.length-1&&!$)x++;else{$=!0;var d,u;x>((d=p==null?void 0:p.index)!==null&&d!==void 0?d:0)&&(x=(u=p==null?void 0:p.index)!==null&&u!==void 0?u:0),x--}}o.setFocusedKey(y?y.key:null)}e.current=t},[t,o])}function El(t){let[o,e]=ft(t.isOpen,t.defaultOpen||!1,t.onOpenChange);const r=g.useCallback(()=>{e(!0)},[e]),n=g.useCallback(()=>{e(!1)},[e]),i=g.useCallback(()=>{e(!o)},[e,o]);return{isOpen:o,setOpen:e,open:r,close:n,toggle:i}}function Tl(t){let{selectionMode:o="single"}=t,e=El(t),[r,n]=g.useState(null),i=g.useMemo(()=>{var v;return t.defaultValue!==void 0?t.defaultValue:o==="single"?(v=t.defaultSelectedKey)!==null&&v!==void 0?v:null:[]},[t.defaultValue,t.defaultSelectedKey,o]),s=g.useMemo(()=>t.value!==void 0?t.value:o==="single"?t.selectedKey:void 0,[t.value,t.selectedKey,o]),[l,d]=ft(s,i,t.onChange),u=o==="single"&&Array.isArray(l)?l[0]:l,p=v=>{if(o==="single"){var f,S;let z=Array.isArray(v)?(S=v[0])!==null&&S!==void 0?S:null:v;d(z),z!==u&&((f=t.onSelectionChange)===null||f===void 0||f.call(t,z))}else{let z=[];Array.isArray(v)?z=v:v!=null&&(z=[v]),d(z)}},m=vr({...t,selectionMode:o,disallowEmptySelection:o==="single",allowDuplicateSelectionEvents:!0,selectedKeys:g.useMemo(()=>Il(u),[u]),onSelectionChange:v=>{if(v!=="all"){if(o==="single"){var f;let S=(f=v.values().next().value)!==null&&f!==void 0?f:null;p(S),e.close()}else p([...v]);x.commitValidation()}}}),h=m.selectionManager.firstSelectedKey,b=g.useMemo(()=>[...m.selectionManager.selectedKeys].map(v=>m.collection.getItem(v)).filter(v=>v!=null),[m.selectionManager.selectedKeys,m.collection]),x=bl({...t,value:Array.isArray(u)&&u.length===0?null:u}),[y,$]=g.useState(!1),[w]=g.useState(u);var k,C;return{...x,...m,...e,value:u,defaultValue:i??w,setValue:p,selectedKey:h,setSelectedKey:p,selectedItem:(k=b[0])!==null&&k!==void 0?k:null,selectedItems:b,defaultSelectedKey:(C=t.defaultSelectedKey)!==null&&C!==void 0?C:t.selectionMode==="single"?w:null,focusStrategy:r,open(v=null){m.collection.size!==0&&(n(v),e.open())},toggle(v=null){m.collection.size!==0&&(n(v),e.toggle())},isFocused:y,setFocused:$}}function Il(t){if(t!==void 0)return t===null?[]:Array.isArray(t)?t:[t]}const Ll=(t,o,e,r,n)=>{const i=n.components.tag.colors[o];return t==="checkable"?r?_.css`
|
|
1617
|
+
background: ${i.background.checked};
|
|
1618
|
+
color: ${i.text.checked};
|
|
1619
|
+
border-color: ${i.border.checked};
|
|
1620
|
+
|
|
1621
|
+
&:hover:not(:disabled) {
|
|
1622
|
+
background: ${i.background.checkedHover};
|
|
1623
|
+
border-color: ${i.border.checkedHover};
|
|
1624
|
+
}
|
|
1625
|
+
|
|
1626
|
+
&:active:not(:disabled) {
|
|
1627
|
+
background: ${i.background.checkedActive};
|
|
1628
|
+
border-color: ${i.border.checkedActive};
|
|
1629
|
+
}
|
|
1630
|
+
`:_.css`
|
|
1631
|
+
background: ${i.background.default};
|
|
1632
|
+
color: ${i.text.default};
|
|
1633
|
+
border-color: ${i.border.default};
|
|
1634
|
+
cursor: pointer;
|
|
1635
|
+
|
|
1636
|
+
&:hover:not(:disabled) {
|
|
1637
|
+
background: ${i.background.hover};
|
|
1638
|
+
border-color: ${i.border.hover};
|
|
1639
|
+
}
|
|
1640
|
+
|
|
1641
|
+
&:active:not(:disabled) {
|
|
1642
|
+
background: ${i.background.active};
|
|
1643
|
+
border-color: ${i.border.active};
|
|
1644
|
+
}
|
|
1645
|
+
`:e?_.css`
|
|
1646
|
+
background: ${i.background.default};
|
|
1647
|
+
color: ${i.text.default};
|
|
1648
|
+
border-color: ${i.border.default};
|
|
1649
|
+
`:_.css`
|
|
1650
|
+
background: ${i.background.default};
|
|
1651
|
+
color: ${i.text.default};
|
|
1652
|
+
border-color: transparent;
|
|
1653
|
+
`},Ml=(t,o)=>{const e=o.components.tag.size[t];return _.css`
|
|
1654
|
+
height: ${e.height};
|
|
1655
|
+
font-size: ${e.fontSize};
|
|
1656
|
+
line-height: ${e.lineHeight};
|
|
1657
|
+
padding-inline: ${e.paddingInline};
|
|
1658
|
+
gap: ${e.gap};
|
|
1659
|
+
|
|
1660
|
+
/* 图标尺寸 */
|
|
1661
|
+
svg {
|
|
1662
|
+
width: ${e.iconSize};
|
|
1663
|
+
height: ${e.iconSize};
|
|
1664
|
+
}
|
|
1665
|
+
`},Al=j.span`
|
|
1666
|
+
/* 基础样式 - 使用 Tier 3 组件层 Token */
|
|
1667
|
+
position: relative;
|
|
1668
|
+
display: inline-flex;
|
|
1669
|
+
align-items: center;
|
|
1670
|
+
justify-content: center;
|
|
1671
|
+
box-sizing: border-box;
|
|
1672
|
+
|
|
1673
|
+
/* 字体样式 */
|
|
1674
|
+
font-family: ${({theme:t})=>t.global.typography.fontFamily};
|
|
1675
|
+
font-weight: ${({theme:t})=>t.components.tag.fontWeight};
|
|
1676
|
+
white-space: nowrap;
|
|
1677
|
+
|
|
1678
|
+
/* 边框样式 */
|
|
1679
|
+
border-width: 1px;
|
|
1680
|
+
border-style: solid;
|
|
1681
|
+
border-radius: ${({theme:t})=>t.components.tag.borderRadius};
|
|
1682
|
+
|
|
1683
|
+
/* 交互样式 */
|
|
1684
|
+
user-select: none;
|
|
1685
|
+
outline: none;
|
|
1686
|
+
|
|
1687
|
+
/* 过渡动画 */
|
|
1688
|
+
transition:
|
|
1689
|
+
background ${({theme:t})=>t.components.tag.transition},
|
|
1690
|
+
border-color ${({theme:t})=>t.components.tag.transition},
|
|
1691
|
+
color ${({theme:t})=>t.components.tag.transition},
|
|
1692
|
+
opacity ${({theme:t})=>t.components.tag.transition};
|
|
1693
|
+
|
|
1694
|
+
/* 变体和颜色样式 */
|
|
1695
|
+
${({variant:t,color:o,bordered:e,checked:r,theme:n})=>Ll(t,o,e,r,n)}
|
|
1696
|
+
|
|
1697
|
+
/* 尺寸样式 */
|
|
1698
|
+
${({size:t,theme:o})=>Ml(t,o)}
|
|
1699
|
+
|
|
1700
|
+
/* 可选择标签的 cursor */
|
|
1701
|
+
${({variant:t,checked:o})=>t==="checkable"&&!o&&_.css`
|
|
1702
|
+
cursor: pointer;
|
|
1703
|
+
`}
|
|
1704
|
+
|
|
1705
|
+
/* 禁用状态 */
|
|
1706
|
+
&:disabled,
|
|
1707
|
+
&[data-disabled='true'] {
|
|
1708
|
+
cursor: not-allowed;
|
|
1709
|
+
opacity: ${({theme:t})=>t.components.tag.disabled.opacity};
|
|
1710
|
+
}
|
|
1711
|
+
|
|
1712
|
+
/* Focus 可见状态 - 键盘导航时显示 */
|
|
1713
|
+
&:focus-visible {
|
|
1714
|
+
outline: 2px solid ${({theme:t})=>t.components.tag.colors.default.border.checked};
|
|
1715
|
+
outline-offset: 2px;
|
|
1716
|
+
}
|
|
1717
|
+
`,Pl=j.span`
|
|
1718
|
+
display: inline-flex;
|
|
1719
|
+
align-items: center;
|
|
1720
|
+
justify-content: center;
|
|
1721
|
+
gap: inherit;
|
|
1722
|
+
`,Ol=j.span`
|
|
1723
|
+
display: inline-flex;
|
|
1724
|
+
align-items: center;
|
|
1725
|
+
justify-content: center;
|
|
1726
|
+
flex-shrink: 0;
|
|
1727
|
+
color: inherit;
|
|
1728
|
+
`,_l=j.span`
|
|
1729
|
+
display: inline-flex;
|
|
1730
|
+
align-items: center;
|
|
1731
|
+
justify-content: center;
|
|
1732
|
+
flex-shrink: 0;
|
|
1733
|
+
|
|
1734
|
+
border: none;
|
|
1735
|
+
background: transparent;
|
|
1736
|
+
padding: 0;
|
|
1737
|
+
margin: 0;
|
|
1738
|
+
cursor: pointer;
|
|
1739
|
+
color: inherit;
|
|
1740
|
+
|
|
1741
|
+
transition: opacity ${({theme:t})=>t.components.tag.transition};
|
|
1742
|
+
|
|
1743
|
+
&:hover {
|
|
1744
|
+
opacity: 0.7;
|
|
1745
|
+
}
|
|
1746
|
+
|
|
1747
|
+
&:active {
|
|
1748
|
+
opacity: 0.5;
|
|
1749
|
+
}
|
|
1750
|
+
|
|
1751
|
+
/* 图标尺寸 */
|
|
1752
|
+
svg {
|
|
1753
|
+
width: ${({size:t,theme:o})=>o.components.tag.size[t].closeIconSize};
|
|
1754
|
+
height: ${({size:t,theme:o})=>o.components.tag.size[t].closeIconSize};
|
|
1755
|
+
}
|
|
1756
|
+
`,Nl=j.button`
|
|
1757
|
+
display: inline-flex;
|
|
1758
|
+
align-items: center;
|
|
1759
|
+
justify-content: center;
|
|
1760
|
+
box-sizing: border-box;
|
|
1761
|
+
gap: ${({size:t,theme:o})=>o.components.tag.size[t].gap};
|
|
1762
|
+
|
|
1763
|
+
height: ${({size:t,theme:o})=>o.components.tag.size[t].height};
|
|
1764
|
+
padding-inline: ${({size:t,theme:o})=>o.components.tag.size[t].paddingInline};
|
|
1765
|
+
|
|
1766
|
+
font-family: ${({theme:t})=>t.global.typography.fontFamily};
|
|
1767
|
+
font-size: ${({size:t,theme:o})=>o.components.tag.size[t].fontSize};
|
|
1768
|
+
line-height: ${({size:t,theme:o})=>o.components.tag.size[t].lineHeight};
|
|
1769
|
+
font-weight: ${({theme:t})=>t.components.tag.fontWeight};
|
|
1770
|
+
color: ${({theme:t})=>t.components.tag.colors.default.text.default};
|
|
1771
|
+
|
|
1772
|
+
background: ${({theme:t})=>t.components.tag.colors.default.background.default};
|
|
1773
|
+
border: 1px solid ${({theme:t})=>t.components.tag.colors.default.border.default};
|
|
1774
|
+
border-radius: ${({theme:t})=>t.components.tag.borderRadius};
|
|
1775
|
+
|
|
1776
|
+
cursor: pointer;
|
|
1777
|
+
user-select: none;
|
|
1778
|
+
white-space: nowrap;
|
|
1779
|
+
|
|
1780
|
+
transition:
|
|
1781
|
+
background ${({theme:t})=>t.components.tag.transition},
|
|
1782
|
+
border-color ${({theme:t})=>t.components.tag.transition};
|
|
1783
|
+
|
|
1784
|
+
&:hover:not(:disabled) {
|
|
1785
|
+
background: ${({theme:t})=>t.components.tag.colors.default.background.hover};
|
|
1786
|
+
border-color: ${({theme:t})=>t.components.tag.colors.default.border.hover};
|
|
1787
|
+
}
|
|
1788
|
+
|
|
1789
|
+
&:active:not(:disabled) {
|
|
1790
|
+
background: ${({theme:t})=>t.components.tag.colors.default.background.active};
|
|
1791
|
+
border-color: ${({theme:t})=>t.components.tag.colors.default.border.active};
|
|
1792
|
+
}
|
|
1793
|
+
|
|
1794
|
+
&:disabled {
|
|
1795
|
+
cursor: not-allowed;
|
|
1796
|
+
opacity: ${({theme:t})=>t.components.tag.disabled.opacity};
|
|
1797
|
+
}
|
|
1798
|
+
|
|
1799
|
+
&:focus-visible {
|
|
1800
|
+
outline: 2px solid ${({theme:t})=>t.components.tag.colors.default.border.checked};
|
|
1801
|
+
outline-offset: 2px;
|
|
1802
|
+
}
|
|
1803
|
+
|
|
1804
|
+
svg {
|
|
1805
|
+
width: ${({size:t,theme:o})=>o.components.tag.size[t].iconSize};
|
|
1806
|
+
height: ${({size:t,theme:o})=>o.components.tag.size[t].iconSize};
|
|
1807
|
+
}
|
|
1808
|
+
`,Qe=g.forwardRef((t,o)=>{const e=te.c(42),{variant:r,size:n,color:i,bordered:s,closable:l,checkable:d,checked:u,icon:p,disabled:m,className:h,children:b,onClose:x,onChange:y,onClick:$}=t,w=r===void 0?"default":r,k=n===void 0?"md":n,C=i===void 0?"default":i,v=s===void 0?!1:s,f=l===void 0?!1:l,S=d===void 0?!1:d,z=u===void 0?!1:u,I=m===void 0?!1:m,T=S?"checkable":w,L=S?z:!1;let V;e[0]!==S||e[1]!==I||e[2]!==L||e[3]!==y||e[4]!==$?(V=()=>{I||(S&&y&&y(!L),$&&$())},e[0]=S,e[1]=I,e[2]=L,e[3]=y,e[4]=$,e[5]=V):V=e[5];const O=V;let A;e[6]!==T||e[7]!==I||e[8]!==O?(A=D=>{I||T==="checkable"&&(D.key==="Enter"||D.key===" ")&&(D.preventDefault(),O())},e[6]=T,e[7]=I,e[8]=O,e[9]=A):A=e[9];const F=A;let M;e[10]!==I||e[11]!==x?(M=D=>{D.stopPropagation(),x&&!I&&x()},e[10]=I,e[11]=x,e[12]=M):M=e[12];const K=M,B=T==="checkable"?O:$,W=L?"true":void 0,Y=I?"true":void 0,Z=T==="checkable"&&!I?0:void 0,c=T==="checkable"?"checkbox":void 0,E=T==="checkable"?L:void 0;let R;e[13]!==p?(R=p&&a.jsx(Ol,{"aria-hidden":"true",children:p}),e[13]=p,e[14]=R):R=e[14];let P;e[15]!==f||e[16]!==I||e[17]!==K||e[18]!==k?(P=f&&a.jsx(_l,{size:k,onClick:K,"aria-label":"关闭",role:"button",tabIndex:I?-1:0,onKeyDown:D=>{!I&&(D.key==="Enter"||D.key===" ")&&(D.preventDefault(),K(D))},"aria-disabled":I,children:a.jsx(Zt,{})}),e[15]=f,e[16]=I,e[17]=K,e[18]=k,e[19]=P):P=e[19];let U;e[20]!==b||e[21]!==R||e[22]!==P?(U=a.jsxs(Pl,{children:[R,b,P]}),e[20]=b,e[21]=R,e[22]=P,e[23]=U):U=e[23];let G;return e[24]!==T||e[25]!==v||e[26]!==h||e[27]!==f||e[28]!==C||e[29]!==I||e[30]!==o||e[31]!==F||e[32]!==L||e[33]!==k||e[34]!==B||e[35]!==W||e[36]!==Y||e[37]!==Z||e[38]!==c||e[39]!==E||e[40]!==U?(G=a.jsx(Al,{ref:o,variant:T,size:k,color:C,bordered:v,checked:L,closable:f,isDisabled:I,className:h,onClick:B,onKeyDown:F,"data-variant":T,"data-size":k,"data-color":C,"data-checked":W,"data-disabled":Y,tabIndex:Z,role:c,"aria-checked":E,"aria-disabled":I,children:U}),e[24]=T,e[25]=v,e[26]=h,e[27]=f,e[28]=C,e[29]=I,e[30]=o,e[31]=F,e[32]=L,e[33]=k,e[34]=B,e[35]=W,e[36]=Y,e[37]=Z,e[38]=c,e[39]=E,e[40]=U,e[41]=G):G=e[41],G});Qe.displayName="Tag";const Qt=g.forwardRef(({size:t="md",className:o,children:e="New Tag",...r},n)=>{const i=g.useRef(null),s=n||i,{buttonProps:l}=de.useButton({...r,elementType:"button"},i);return a.jsxs(Nl,{...ut(l,{ref:s,className:o}),size:t,"data-size":t,children:[a.jsx(Ut,{}),e]})});Qt.displayName="Tag.Add";Qe.Add=Qt;const Fl=["sm","md","lg"],Vl=(t,o,e,r,n)=>e?n.components.select.border.disabled:o?n.components.select.border.error:t?n.components.select.border.focus:r?n.components.select.border.hover:n.components.select.border.default,Dl=(t,o,e)=>{const r=e.components.select.size[t];return _.css`
|
|
1809
|
+
${o?`min-height: ${r.height};`:`height: ${r.height};`}
|
|
1810
|
+
font-size: ${r.fontSize};
|
|
1811
|
+
padding-inline: ${r.paddingInline};
|
|
1812
|
+
${o?"padding-block: 4px;":""}
|
|
1813
|
+
|
|
1814
|
+
svg {
|
|
1815
|
+
/* No global svg sizing here to avoid affecting Tag icons */
|
|
1816
|
+
}
|
|
1817
|
+
`},kr=j.button`
|
|
1818
|
+
/* 基础重置 */
|
|
1819
|
+
position: relative;
|
|
1820
|
+
display: inline-flex;
|
|
1821
|
+
align-items: center;
|
|
1822
|
+
justify-content: space-between;
|
|
1823
|
+
box-sizing: border-box;
|
|
1824
|
+
width: ${({fullWidth:t})=>t?"100%":"200px"};
|
|
1825
|
+
min-width: 120px;
|
|
1826
|
+
|
|
1827
|
+
/* 样式 */
|
|
1828
|
+
border: 1px solid;
|
|
1829
|
+
border-color: ${({isFocused:t,isError:o,isDisabled:e,isHovered:r,isOpen:n,theme:i})=>Vl(t||!!n,!!o,!!e,!!r,i)};
|
|
1830
|
+
border-radius: ${({theme:t})=>t.components.select.borderRadius};
|
|
1831
|
+
|
|
1832
|
+
background: ${({isDisabled:t,theme:o})=>t?o.components.select.background.disabled:o.components.select.background.default};
|
|
1833
|
+
|
|
1834
|
+
color: ${({isDisabled:t,isError:o,theme:e})=>t?e.components.select.text.disabled:o?e.components.select.text.error:e.components.select.text.default};
|
|
1835
|
+
|
|
1836
|
+
cursor: ${({isDisabled:t})=>t?"not-allowed":"pointer"};
|
|
1837
|
+
outline: none;
|
|
1838
|
+
|
|
1839
|
+
transition: all ${({theme:t})=>t.components.select.transition};
|
|
1840
|
+
|
|
1841
|
+
/* 尺寸 */
|
|
1842
|
+
${({size:t,isMultiple:o,theme:e})=>Dl(t,!!o,e)}
|
|
1843
|
+
|
|
1844
|
+
/* 禁用状态 */
|
|
1845
|
+
${({isDisabled:t})=>t&&_.css`
|
|
1846
|
+
opacity: 0.6;
|
|
1847
|
+
`}
|
|
1848
|
+
`,Dt=j.span`
|
|
1849
|
+
flex: 1;
|
|
1850
|
+
overflow: hidden;
|
|
1851
|
+
text-overflow: ellipsis;
|
|
1852
|
+
white-space: nowrap;
|
|
1853
|
+
text-align: left;
|
|
1854
|
+
margin-right: 8px;
|
|
1855
|
+
color: ${({isPlaceholder:t,theme:o})=>t?o.components.select.text.placeholder:"inherit"};
|
|
1856
|
+
`,$r=j.span`
|
|
1857
|
+
display: inline-flex;
|
|
1858
|
+
align-items: center;
|
|
1859
|
+
justify-content: center;
|
|
1860
|
+
align-self: center;
|
|
1861
|
+
flex-shrink: 0;
|
|
1862
|
+
transition: transform 0.2s ease;
|
|
1863
|
+
transform: ${({isOpen:t})=>t?"rotate(180deg)":"rotate(0deg)"};
|
|
1864
|
+
color: inherit;
|
|
1865
|
+
opacity: 0.5;
|
|
1866
|
+
|
|
1867
|
+
svg {
|
|
1868
|
+
width: ${({size:t,theme:o})=>t?o.components.select.size[t].iconSize:"16px"};
|
|
1869
|
+
height: ${({size:t,theme:o})=>t?o.components.select.size[t].iconSize:"16px"};
|
|
1870
|
+
}
|
|
1871
|
+
`,wr=j.div`
|
|
1872
|
+
background: ${({theme:t})=>t.components.select.popover.background};
|
|
1873
|
+
border: ${({theme:t})=>t.components.select.popover.border};
|
|
1874
|
+
border-radius: ${({theme:t})=>t.components.select.popover.borderRadius};
|
|
1875
|
+
box-shadow: ${({theme:t})=>t.components.select.popover.boxShadow};
|
|
1876
|
+
padding: ${({theme:t})=>t.components.select.popover.padding};
|
|
1877
|
+
overflow: hidden;
|
|
1878
|
+
min-width: 100%;
|
|
1879
|
+
max-height: 300px;
|
|
1880
|
+
display: flex;
|
|
1881
|
+
flex-direction: column;
|
|
1882
|
+
`,eo=j.ul`
|
|
1883
|
+
margin: 0;
|
|
1884
|
+
padding: 0;
|
|
1885
|
+
list-style: none;
|
|
1886
|
+
overflow-y: auto;
|
|
1887
|
+
outline: none;
|
|
1888
|
+
flex: 1;
|
|
1889
|
+
|
|
1890
|
+
/* Scrollbar styling if needed */
|
|
1891
|
+
&::-webkit-scrollbar {
|
|
1892
|
+
width: 4px;
|
|
1893
|
+
}
|
|
1894
|
+
&::-webkit-scrollbar-track {
|
|
1895
|
+
background: transparent;
|
|
1896
|
+
}
|
|
1897
|
+
&::-webkit-scrollbar-thumb {
|
|
1898
|
+
background: rgba(0,0,0,0.2);
|
|
1899
|
+
border-radius: 4px;
|
|
1900
|
+
}
|
|
1901
|
+
`,Sr=j.li`
|
|
1902
|
+
position: relative;
|
|
1903
|
+
display: flex;
|
|
1904
|
+
align-items: center;
|
|
1905
|
+
justify-content: space-between;
|
|
1906
|
+
height: ${({theme:t})=>t.components.select.option.height};
|
|
1907
|
+
padding-inline: ${({theme:t})=>t.components.select.option.paddingInline};
|
|
1908
|
+
margin-bottom: 2px;
|
|
1909
|
+
border-radius: ${({theme:t})=>t.components.select.option.borderRadius};
|
|
1910
|
+
cursor: ${({isDisabled:t})=>t?"not-allowed":"pointer"};
|
|
1911
|
+
outline: none;
|
|
1912
|
+
user-select: none;
|
|
1913
|
+
font-size: ${({theme:t})=>t.components.select.option.fontSize};
|
|
1914
|
+
|
|
1915
|
+
background: ${({isSelected:t,isFocused:o,theme:e})=>t?e.components.select.option.background.selected:o?e.components.select.option.background.focused:e.components.select.option.background.default};
|
|
1916
|
+
|
|
1917
|
+
color: ${({isSelected:t,isDisabled:o,theme:e})=>o?e.components.select.option.text.disabled:t?e.components.select.option.text.selected:e.components.select.option.text.default};
|
|
1918
|
+
|
|
1919
|
+
&:hover {
|
|
1920
|
+
background: ${({isSelected:t,isDisabled:o,theme:e})=>o?"transparent":t?e.components.select.option.background.selected:e.components.select.option.background.hover};
|
|
1921
|
+
}
|
|
1922
|
+
|
|
1923
|
+
&:last-child {
|
|
1924
|
+
margin-bottom: 0;
|
|
1925
|
+
}
|
|
1926
|
+
`,Cr=j.span`
|
|
1927
|
+
flex: 1;
|
|
1928
|
+
overflow: hidden;
|
|
1929
|
+
text-overflow: ellipsis;
|
|
1930
|
+
white-space: nowrap;
|
|
1931
|
+
`,jr=j.span`
|
|
1932
|
+
margin-left: 8px;
|
|
1933
|
+
display: flex;
|
|
1934
|
+
align-items: center;
|
|
1935
|
+
color: ${({theme:t})=>t.components.select.option.text.selected};
|
|
1936
|
+
font-size: 14px;
|
|
1937
|
+
`,Rr=j.div`
|
|
1938
|
+
display: flex;
|
|
1939
|
+
align-items: center;
|
|
1940
|
+
justify-content: center;
|
|
1941
|
+
padding: 8px;
|
|
1942
|
+
color: ${({theme:t})=>t.components.select.text.placeholder};
|
|
1943
|
+
font-size: ${({theme:t})=>t.global.typography.fontSize.xs};
|
|
1944
|
+
`,Kl=j.div`
|
|
1945
|
+
padding: 8px 12px;
|
|
1946
|
+
color: ${({theme:t})=>t.components.select.text.disabled};
|
|
1947
|
+
font-size: ${({theme:t})=>t.global.typography.fontSize.xs};
|
|
1948
|
+
text-align: center;
|
|
1949
|
+
`,zr=j.div`
|
|
1950
|
+
flex: 1;
|
|
1951
|
+
display: flex;
|
|
1952
|
+
flex-wrap: wrap;
|
|
1953
|
+
gap: 4px;
|
|
1954
|
+
align-items: center;
|
|
1955
|
+
min-height: 22px;
|
|
1956
|
+
padding-right: 4px;
|
|
1957
|
+
`,Er=j.span`
|
|
1958
|
+
display: inline-flex;
|
|
1959
|
+
align-items: center;
|
|
1960
|
+
margin-right: 8px;
|
|
1961
|
+
flex-shrink: 0;
|
|
1962
|
+
pointer-events: none;
|
|
1963
|
+
`;function Bl(t){const o=te.c(44);let e,r,n,i,s,l;o[0]!==t?({children:e,state:n,offset:i,triggerRef:l,placement:s,...r}=t,o[0]=t,o[1]=e,o[2]=r,o[3]=n,o[4]=i,o[5]=s,o[6]=l):(e=o[1],r=o[2],n=o[3],i=o[4],s=o[5],l=o[6]);const d=i===void 0?4:i,u=s===void 0?"bottom start":s,p=g.useRef(null),[m,h]=g.useState(void 0);let b;o[7]!==l.current?(b=()=>{l.current&&h(l.current.getBoundingClientRect().width)},o[7]=l.current,o[8]=b):b=o[8];let x;o[9]!==n.isOpen||o[10]!==l?(x=[l,n.isOpen],o[9]=n.isOpen,o[10]=l,o[11]=x):x=o[11],g.useLayoutEffect(b,x);let y;o[12]!==r||o[13]!==n.close?(y={...r,shouldCloseOnBlur:!1,isDismissable:!0,onClose:n.close},o[12]=r,o[13]=n.close,o[14]=y):y=o[14];const{overlayProps:$}=de.useOverlay(y,p);let w;o[15]!==d||o[16]!==u||o[17]!==n.close||o[18]!==n.isOpen||o[19]!==l?(w={targetRef:l,overlayRef:p,placement:u,offset:d,isOpen:n.isOpen,onClose:n.close},o[15]=d,o[16]=u,o[17]=n.close,o[18]=n.isOpen,o[19]=l,o[20]=w):w=o[20];const{overlayProps:k,placement:C}=de.useOverlayPosition(w);let v;o[21]!==n||o[22]!==l.current?(v=()=>{if(!n.isOpen)return;const O=A=>{const F=A.target,M=p.current,K=l.current;M&&!M.contains(F)&&K&&!K.contains(F)&&n.close()};return document.addEventListener("mousedown",O),document.addEventListener("focusin",O),()=>{document.removeEventListener("mousedown",O),document.removeEventListener("focusin",O)}},o[21]=n,o[22]=l.current,o[23]=v):v=o[23];let f;o[24]!==n.close||o[25]!==n.isOpen||o[26]!==l?(f=[n.isOpen,n.close,l],o[24]=n.close,o[25]=n.isOpen,o[26]=l,o[27]=f):f=o[27],g.useEffect(v,f);const S=m?`${m}px`:"auto",z=m?`${m}px`:"120px";let I;o[28]!==k.style||o[29]!==z||o[30]!==S?(I={...k.style,zIndex:1e4,width:S,minWidth:z},o[28]=k.style,o[29]=z,o[30]=S,o[31]=I):I=o[31];let T;o[32]!==n.close?(T=a.jsx(de.DismissButton,{onDismiss:n.close}),o[32]=n.close,o[33]=T):T=o[33];let L;o[34]!==n.close?(L=a.jsx(de.DismissButton,{onDismiss:n.close}),o[34]=n.close,o[35]=L):L=o[35];let V;return o[36]!==e||o[37]!==k||o[38]!==$||o[39]!==C||o[40]!==I||o[41]!==T||o[42]!==L?(V=a.jsx(de.Overlay,{children:a.jsx(de.FocusScope,{restoreFocus:!0,children:a.jsxs(wr,{...$,...k,ref:p,"data-placement":C,style:I,children:[T,e,L]})})}),o[36]=e,o[37]=k,o[38]=$,o[39]=C,o[40]=I,o[41]=T,o[42]=L,o[43]=V):V=o[43],V}function Hl(t){const o=te.c(11);let e,r;o[0]!==t?({state:r,...e}=t,o[0]=t,o[1]=e,o[2]=r):(e=o[1],r=o[2]);const n=g.useRef(null),{listBoxProps:i}=de.useListBox(e,r,n);let s;o[3]!==r.collection?(s=[...r.collection],o[3]=r.collection,o[4]=s):s=o[4];let l;o[5]!==r||o[6]!==s?(l=s.map(u=>a.jsx(Tr,{item:u,state:r},u.key)),o[5]=r,o[6]=s,o[7]=l):l=o[7];let d;return o[8]!==i||o[9]!==l?(d=a.jsx(eo,{...i,ref:n,children:l}),o[8]=i,o[9]=l,o[10]=d):d=o[10],d}function Tr(t){const o=te.c(19),{item:e,state:r,isMultiple:n}=t,i=g.useRef(null);let s;o[0]!==e.key?(s={key:e.key},o[0]=e.key,o[1]=s):s=o[1];const{optionProps:l,isSelected:d,isFocused:u,isDisabled:p}=de.useOption(s,r,i);let m;o[2]!==p||o[3]!==n||o[4]!==d?(m=n&&a.jsx(Er,{"aria-hidden":"true",onClick:Wl,children:a.jsx(Je,{checked:d,disabled:p,tabIndex:-1})}),o[2]=p,o[3]=n,o[4]=d,o[5]=m):m=o[5];let h;o[6]!==e.rendered?(h=a.jsx(Cr,{children:e.rendered}),o[6]=e.rendered,o[7]=h):h=o[7];let b;o[8]!==n||o[9]!==d?(b=!n&&d&&a.jsx(jr,{"aria-hidden":"true",children:a.jsx("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:a.jsx("path",{d:"M10 3L4.5 8.5L2 6",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})})}),o[8]=n,o[9]=d,o[10]=b):b=o[10];let x;return o[11]!==p||o[12]!==u||o[13]!==d||o[14]!==l||o[15]!==m||o[16]!==h||o[17]!==b?(x=a.jsxs(Sr,{...l,ref:i,isSelected:d,isFocused:u,isDisabled:p,children:[m,h,b]}),o[11]=p,o[12]=u,o[13]=d,o[14]=l,o[15]=m,o[16]=h,o[17]=b,o[18]=x):x=o[18],x}function Wl(t){return t.stopPropagation()}function Ul(t){const o=te.c(9),{state:e}=t,r=g.useRef(null);let n;o[0]===Symbol.for("react.memo_cache_sentinel")?(n={selectionMode:"multiple"},o[0]=n):n=o[0];const{listBoxProps:i}=de.useListBox(n,e,r);let s;o[1]!==e.collection?(s=[...e.collection],o[1]=e.collection,o[2]=s):s=o[2];let l;o[3]!==e||o[4]!==s?(l=s.map(u=>a.jsx(Tr,{item:u,state:e,isMultiple:!0},u.key)),o[3]=e,o[4]=s,o[5]=l):l=o[5];let d;return o[6]!==i||o[7]!==l?(d=a.jsx(eo,{...i,ref:r,children:l}),o[6]=i,o[7]=l,o[8]=d):d=o[8],d}const Yl=g.forwardRef(function(o,e){const{selectionMode:r="single",loading:n,disabled:i,size:s="md",fullWidth:l=!1,className:d,style:u,placeholder:p="请选择",label:m,description:h,errorMessage:b,maxTagCount:x,selectedKeys:y,defaultSelectedKeys:$,onSelectionChange:w,options:k,children:C}=o,v=g.useMemo(()=>k&&k.length>0?k.map(X=>a.jsx(xr,{textValue:typeof X.label=="string"?X.label:String(X.value),children:X.label},X.value)):C,[k,C]),f={...o,children:v},S=g.useRef(null),z=e||S,I=g.useRef(null),T=Tl(f),L=vr({...f,selectionMode:"multiple",selectedKeys:y,defaultSelectedKeys:$,onSelectionChange:w}),V=r==="multiple",[O,A]=g.useState(!1),F=V?O:T.isOpen,M=g.useMemo(()=>{if(!V)return[];const X=[],ee=L.selectionManager.selectedKeys;for(const H of L.collection)ee.has(H.key)&&X.push({key:H.key,rendered:H.rendered});return X},[V,L.selectionManager.selectedKeys,L.collection]),{visibleTags:K,overflowCount:B}=g.useMemo(()=>!V||M.length===0?{visibleTags:[],overflowCount:0}:x!==void 0&&M.length>x?{visibleTags:M.slice(0,x),overflowCount:M.length-x}:{visibleTags:M,overflowCount:0},[V,M,x]),{labelProps:W,triggerProps:Y,valueProps:Z,menuProps:c,descriptionProps:E,errorMessageProps:R}=de.useSelect(f,T,z),P=X=>{I.current=X.pointerType,X.pointerType!=="touch"&&X.pointerType!=="keyboard"&&z.current&&Kr(z.current)},U=X=>{const ee=X.pointerType||I.current;if(ee!=="keyboard")if(V)A(!O);else{const H=ee==="mouse"||ee==="pen"?null:"first";T.toggle(H)}},{buttonProps:G}=de.useButton({...Y,onPressStart:P,onPress:U},z),D=X=>{const ee=new Set(L.selectionManager.selectedKeys);ee.delete(X),L.selectionManager.setSelectedKeys(ee),w==null||w(ee)},J=()=>V?M.length===0?a.jsx(Dt,{isPlaceholder:!0,children:p}):a.jsxs(zr,{children:[K.map(X=>a.jsx(Qe,{size:"sm",closable:!0,onClose:()=>D(X.key),children:X.rendered},X.key)),B>0&&a.jsxs(Qe,{size:"sm",children:["+",B]})]}):a.jsx(Dt,{...Z,isPlaceholder:!T.selectedItem,children:T.selectedItem?T.selectedItem.rendered:p}),q=V?{isOpen:O,close:()=>A(!1)}:T;return a.jsxs("div",{style:{display:l?"flex":"inline-flex",flexDirection:"column",width:l?"100%":"auto",...u},className:d,children:[m&&a.jsx("label",{...W,style:{fontSize:"12px",marginBottom:"4px",display:"block",color:"inherit"},children:m}),!V&&a.jsx(de.HiddenSelect,{state:T,triggerRef:z,label:m,name:o.name,isDisabled:i}),a.jsxs(kr,{...G,ref:z,size:s,fullWidth:l,isOpen:F,isDisabled:i,isError:!!b,isMultiple:V,children:[J(),a.jsx($r,{isOpen:F,"aria-hidden":"true",size:s,children:a.jsx(tt,{width:12,height:12})})]}),F&&a.jsx(Bl,{state:q,triggerRef:z,placement:"bottom start",offset:4,children:n?a.jsxs(Rr,{children:[a.jsxs("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",style:{animation:"spin 1s linear infinite",marginRight:8},children:[a.jsx("style",{children:"@keyframes spin { 100% { transform: rotate(360deg); } }"}),a.jsx("path",{d:"M8 1.5C4.41015 1.5 1.5 4.41015 1.5 8C1.5 11.5899 4.41015 14.5 8 14.5C11.5899 14.5 14.5 11.5899 14.5 8",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"})]}),"加载中..."]}):V?a.jsx(Ul,{state:L}):a.jsx(Hl,{...c,state:T})}),h&&a.jsx("div",{...E,style:{fontSize:"12px",marginTop:"4px",opacity:.6},children:h}),b&&a.jsx("div",{...R,style:{fontSize:"12px",marginTop:"4px",color:"#ff4d4f"},children:b})]})}),to=Yl;to.Item=xr;to.Section=kl;const Zl=["sm","md","lg"],Xl=["default","bordered","striped"],Gl={sm:4,md:4,lg:6},Ke=t=>`${Gl[t??"md"]}px`,To=j.div`
|
|
1964
|
+
width: ${t=>t.fullWidth?"100%":"auto"};
|
|
1965
|
+
overflow: auto;
|
|
1966
|
+
/* 移除边框,设计稿中表格没有外围边框 */
|
|
1967
|
+
scrollbar-width: ${t=>t.showScrollbar?"thin":"none"};
|
|
1968
|
+
scrollbar-color: ${({theme:t})=>t.semantic.colors.border.primary} transparent;
|
|
1969
|
+
border-top-left-radius: ${t=>Ke(t.size)};
|
|
1970
|
+
border-top-right-radius: ${t=>Ke(t.size)};
|
|
1971
|
+
|
|
1972
|
+
&::-webkit-scrollbar {
|
|
1973
|
+
width: ${t=>t.showScrollbar?"8px":"0px"};
|
|
1974
|
+
height: ${t=>t.showScrollbar?"8px":"0px"};
|
|
1975
|
+
}
|
|
1976
|
+
|
|
1977
|
+
&::-webkit-scrollbar-thumb {
|
|
1978
|
+
background-color: ${({theme:t})=>t.semantic.colors.border.primary};
|
|
1979
|
+
border-radius: 999px;
|
|
1980
|
+
}
|
|
1981
|
+
|
|
1982
|
+
&::-webkit-scrollbar-track {
|
|
1983
|
+
background: transparent;
|
|
1984
|
+
}
|
|
1985
|
+
|
|
1986
|
+
${t=>t.scrollX&&_.css`
|
|
1987
|
+
max-width: ${typeof t.scrollX=="number"?`${t.scrollX}px`:t.scrollX};
|
|
1988
|
+
`}
|
|
1989
|
+
|
|
1990
|
+
${t=>t.scrollY&&_.css`
|
|
1991
|
+
max-height: ${typeof t.scrollY=="number"?`${t.scrollY}px`:t.scrollY};
|
|
1992
|
+
`}
|
|
1993
|
+
`,ql=j.table`
|
|
1994
|
+
width: 100%;
|
|
1995
|
+
${t=>t.scrollX&&_.css`
|
|
1996
|
+
min-width: ${typeof t.scrollX=="number"?`${t.scrollX}px`:t.scrollX};
|
|
1997
|
+
`}
|
|
1998
|
+
border-collapse: separate;
|
|
1999
|
+
border-spacing: 0;
|
|
2000
|
+
/* 调整基础字体为 12px */
|
|
2001
|
+
font-family: ${({theme:t})=>t.semantic.typography.component.fontSizeSm};
|
|
2002
|
+
background-color: ${({theme:t})=>t.semantic.colors.background.surface};
|
|
2003
|
+
|
|
2004
|
+
${t=>t.variant==="bordered"&&_.css`
|
|
2005
|
+
border: 1px solid ${t.theme.semantic.colors.border.primary};
|
|
2006
|
+
border-radius: ${Ke(t.size)} ${Ke(t.size)} 0 0;
|
|
2007
|
+
`}
|
|
2008
|
+
|
|
2009
|
+
${t=>t.variant==="striped"&&_.css`
|
|
2010
|
+
tbody tr:nth-of-type(even) {
|
|
2011
|
+
--row-bg: ${t.theme.semantic.colors.background.surfaceSubtle};
|
|
2012
|
+
}
|
|
2013
|
+
`}
|
|
2014
|
+
`,Jl=j.thead`
|
|
2015
|
+
background-color: ${({theme:t})=>t.semantic.colors.background.surfaceSubtle};
|
|
2016
|
+
position: sticky;
|
|
2017
|
+
top: 0;
|
|
2018
|
+
z-index: 10;
|
|
2019
|
+
`,Ql=j.tr`
|
|
2020
|
+
border-bottom: 1px solid ${({theme:t})=>t.semantic.colors.border.primary};
|
|
2021
|
+
`,Io=j.th`
|
|
2022
|
+
padding: ${t=>{switch(t.size){case"sm":return"8px 12px";case"lg":return"16px 16px";case"md":default:return"12px 16px"}}};
|
|
2023
|
+
text-align: ${t=>t.align||"left"};
|
|
2024
|
+
font-weight: 400; /* Regular font weight based on design (H9/H11) */
|
|
2025
|
+
font-size: 12px; /* Explicitly 12px based on design */
|
|
2026
|
+
color: ${({theme:t})=>t.semantic.colors.text.caption}; /* Use caption color for headers */
|
|
2027
|
+
white-space: nowrap;
|
|
2028
|
+
user-select: none;
|
|
2029
|
+
position: ${t=>t.fixed?"sticky":"static"};
|
|
2030
|
+
background-color: ${({theme:t})=>t.semantic.colors.background.surfaceSubtle};
|
|
2031
|
+
|
|
2032
|
+
${t=>t.width&&_.css`
|
|
2033
|
+
width: ${typeof t.width=="number"?`${t.width}px`:t.width};
|
|
2034
|
+
`}
|
|
2035
|
+
|
|
2036
|
+
${t=>t.fixed==="left"&&_.css`
|
|
2037
|
+
left: 0;
|
|
2038
|
+
z-index: 11;
|
|
2039
|
+
/* 调整固定列阴影,使其更柔和 */
|
|
2040
|
+
box-shadow: 4px 0 8px -4px rgba(0, 0, 0, 0.1);
|
|
2041
|
+
`}
|
|
2042
|
+
|
|
2043
|
+
${t=>t.fixed==="right"&&_.css`
|
|
2044
|
+
right: 0;
|
|
2045
|
+
z-index: 11;
|
|
2046
|
+
box-shadow: -4px 0 8px -4px rgba(0, 0, 0, 0.1);
|
|
2047
|
+
`}
|
|
2048
|
+
|
|
2049
|
+
${t=>t.sortable&&_.css`
|
|
2050
|
+
cursor: pointer;
|
|
2051
|
+
transition: background-color 0.15s ease;
|
|
2052
|
+
|
|
2053
|
+
&:hover {
|
|
2054
|
+
background-color: ${t.theme.semantic.colors.background.surfaceStrong};
|
|
2055
|
+
}
|
|
2056
|
+
`}
|
|
2057
|
+
|
|
2058
|
+
&:first-of-type {
|
|
2059
|
+
border-top-left-radius: ${t=>Ke(t.size)};
|
|
2060
|
+
}
|
|
2061
|
+
|
|
2062
|
+
&:last-of-type {
|
|
2063
|
+
border-top-right-radius: ${t=>Ke(t.size)};
|
|
2064
|
+
}
|
|
2065
|
+
`,ea=j.span`
|
|
2066
|
+
display: inline-flex;
|
|
2067
|
+
flex-direction: column;
|
|
2068
|
+
align-items: center;
|
|
2069
|
+
justify-content: center;
|
|
2070
|
+
margin-left: 4px;
|
|
2071
|
+
line-height: 1;
|
|
2072
|
+
gap: 2px;
|
|
2073
|
+
|
|
2074
|
+
svg {
|
|
2075
|
+
width: 12px;
|
|
2076
|
+
height: 12px;
|
|
2077
|
+
color: ${({theme:t})=>t.semantic.colors.text.disabled};
|
|
2078
|
+
transition: color 0.2s ease, opacity 0.2s ease;
|
|
2079
|
+
opacity: 0.4;
|
|
2080
|
+
}
|
|
2081
|
+
|
|
2082
|
+
svg[data-active='true'] {
|
|
2083
|
+
color: ${({theme:t})=>t.semantic.colors.brand.primary};
|
|
2084
|
+
opacity: 1;
|
|
2085
|
+
}
|
|
2086
|
+
`,ta=j.tbody``,Tt=j.tr`
|
|
2087
|
+
/* 定义背景色变量,用于同步固定列的背景 */
|
|
2088
|
+
--row-bg: ${({theme:t})=>t.semantic.colors.background.surface};
|
|
2089
|
+
|
|
2090
|
+
${t=>t.isSubRow&&_.css`
|
|
2091
|
+
--row-bg: ${t.theme.semantic.colors.background.surfaceSubtle};
|
|
2092
|
+
`}
|
|
2093
|
+
|
|
2094
|
+
${t=>t.selected&&_.css`
|
|
2095
|
+
--row-bg: ${t.theme.semantic.colors.brand.primarySubtle};
|
|
2096
|
+
`}
|
|
2097
|
+
|
|
2098
|
+
background-color: var(--row-bg);
|
|
2099
|
+
transition: background-color 0.15s ease;
|
|
2100
|
+
|
|
2101
|
+
/* 将边框移动到单元格上,确保在 separate 模式下显示且连续 */
|
|
2102
|
+
& > td {
|
|
2103
|
+
border-bottom: 1px solid ${({theme:t})=>t.semantic.colors.border.primary};
|
|
2104
|
+
}
|
|
2105
|
+
|
|
2106
|
+
&:last-of-type > td {
|
|
2107
|
+
border-bottom: none;
|
|
2108
|
+
}
|
|
2109
|
+
|
|
2110
|
+
${t=>(t.selectable||t.expandable)&&_.css`
|
|
2111
|
+
cursor: pointer;
|
|
2112
|
+
`}
|
|
2113
|
+
|
|
2114
|
+
${t=>_.css`
|
|
2115
|
+
&:hover {
|
|
2116
|
+
--row-bg: ${t.selected?t.theme.semantic.colors.brand.primarySubtle:t.theme.semantic.colors.background.surfaceSubtle};
|
|
2117
|
+
}
|
|
2118
|
+
|
|
2119
|
+
&:active {
|
|
2120
|
+
--row-bg: ${t.selected?t.theme.semantic.colors.brand.primarySubtle:t.theme.semantic.colors.background.surfaceStrong};
|
|
2121
|
+
}
|
|
2122
|
+
`}
|
|
2123
|
+
`,st=j.td`
|
|
2124
|
+
padding: ${t=>{switch(t.size){case"sm":return"8px 12px";case"lg":return"16px 16px";case"md":default:return"12px 16px"}}};
|
|
2125
|
+
|
|
2126
|
+
${t=>t.level&&t.level>0&&_.css`
|
|
2127
|
+
padding-left: ${16+t.level*24}px;
|
|
2128
|
+
`}
|
|
2129
|
+
|
|
2130
|
+
text-align: ${t=>t.align||"left"};
|
|
2131
|
+
font-size: 12px; /* Explicitly 12px */
|
|
2132
|
+
color: ${({theme:t})=>t.semantic.colors.text.primary};
|
|
2133
|
+
position: ${t=>t.fixed?"sticky":"static"};
|
|
2134
|
+
/* 使用变量确保固定列背景与行背景同步,且不透明 */
|
|
2135
|
+
background-color: ${t=>t.fixed?"var(--row-bg, inherit)":"inherit"};
|
|
2136
|
+
transition: background-color 0.15s ease;
|
|
2137
|
+
|
|
2138
|
+
${t=>t.width&&_.css`
|
|
2139
|
+
width: ${typeof t.width=="number"?`${t.width}px`:t.width};
|
|
2140
|
+
`}
|
|
2141
|
+
|
|
2142
|
+
${t=>t.fixed==="left"&&_.css`
|
|
2143
|
+
left: 0;
|
|
2144
|
+
z-index: 9;
|
|
2145
|
+
box-shadow: 4px 0 8px -4px rgba(0, 0, 0, 0.1);
|
|
2146
|
+
`}
|
|
2147
|
+
|
|
2148
|
+
${t=>t.fixed==="right"&&_.css`
|
|
2149
|
+
right: 0;
|
|
2150
|
+
z-index: 9;
|
|
2151
|
+
box-shadow: -4px 0 8px -4px rgba(0, 0, 0, 0.1);
|
|
2152
|
+
`}
|
|
2153
|
+
`,Lo=j.div`
|
|
2154
|
+
display: flex;
|
|
2155
|
+
align-items: center;
|
|
2156
|
+
justify-content: center;
|
|
2157
|
+
width: 40px;
|
|
2158
|
+
`,oa=j.button`
|
|
2159
|
+
display: inline-flex;
|
|
2160
|
+
align-items: center;
|
|
2161
|
+
justify-content: center;
|
|
2162
|
+
width: 20px;
|
|
2163
|
+
height: 20px;
|
|
2164
|
+
border: none;
|
|
2165
|
+
background: transparent;
|
|
2166
|
+
cursor: pointer;
|
|
2167
|
+
padding: 0;
|
|
2168
|
+
margin-right: 8px;
|
|
2169
|
+
color: ${({theme:t})=>t.semantic.colors.text.tertiary};
|
|
2170
|
+
transition: transform 0.15s ease, color 0.15s ease;
|
|
2171
|
+
|
|
2172
|
+
&:hover {
|
|
2173
|
+
color: ${({theme:t})=>t.semantic.colors.text.primary};
|
|
2174
|
+
}
|
|
2175
|
+
|
|
2176
|
+
svg {
|
|
2177
|
+
width: 16px;
|
|
2178
|
+
height: 16px;
|
|
2179
|
+
transform: ${t=>t.expanded?"rotate(90deg)":"none"};
|
|
2180
|
+
}
|
|
2181
|
+
`,ra=j.div`
|
|
2182
|
+
padding: 48px 24px;
|
|
2183
|
+
text-align: center;
|
|
2184
|
+
color: ${({theme:t})=>t.semantic.colors.text.tertiary};
|
|
2185
|
+
font-size: 12px;
|
|
2186
|
+
`,na=j.div`
|
|
2187
|
+
${t=>t.ellipsis&&_.css`
|
|
2188
|
+
overflow: hidden;
|
|
2189
|
+
text-overflow: ellipsis;
|
|
2190
|
+
white-space: nowrap;
|
|
2191
|
+
`}
|
|
2192
|
+
|
|
2193
|
+
${t=>t.wrapText&&_.css`
|
|
2194
|
+
white-space: normal;
|
|
2195
|
+
word-break: break-word;
|
|
2196
|
+
`}
|
|
2197
|
+
`,ia=Zl,sa=Xl;function la({columns:t,dataSource:o,size:e="md",variant:r="default",bordered:n=!1,fullWidth:i=!0,scroll:s,selectable:l=!1,selectionMode:d="multiple",selectedKeys:u,onSelectionChange:p,expandable:m=!1,expandedKeys:h,onExpandChange:b,expandedRowRender:x,sortConfig:y,onSortChange:$,onRowClick:w,emptyText:k="暂无数据",className:C,wrapText:v=!1,loading:f=!1},S){const[z,I]=g.useState(new Set),[T,L]=g.useState(new Set),[V,O]=g.useState(!1),A=g.useRef(null),F=g.useRef(null),M=u??z,K=g.useCallback(R=>{const P=R==="all"?new Set(o.map(U=>U.id)):R;u||I(P),p==null||p(P)},[u,p,o]),B=h??T,W=g.useCallback(R=>{const P=new Set(B);P.has(R)?P.delete(R):P.add(R),h||L(P),b==null||b(P)},[B,h,b]),Y=g.useCallback(R=>{if(!$)return;let P="asc";(y==null?void 0:y.key)===R&&(y.direction==="asc"?P="desc":y.direction==="desc"&&(P=null)),$(R,P)},[y,$]),Z=g.useMemo(()=>!l||d==="single"?!1:M==="all"?!0:o.length===0?!1:o.every(R=>M.has(R.id)),[l,d,M,o]),c=g.useMemo(()=>{if(!l||d==="single"||M==="all"||o.length===0)return!1;const R=o.filter(P=>M.has(P.id)).length;return R>0&&R<o.length},[l,d,M,o]);g.useEffect(()=>{const R=A.current;if(!R)return;const P=()=>{O(!0),F.current&&window.clearTimeout(F.current),F.current=window.setTimeout(()=>{O(!1)},800)};return R.addEventListener("scroll",P,{passive:!0}),()=>{R.removeEventListener("scroll",P),F.current&&window.clearTimeout(F.current)}},[]);const E=g.useCallback((R,P=0)=>R.flatMap((U,G)=>{const D=B.has(U.id),J=M instanceof Set&&M.has(U.id),q=U.children&&U.children.length>0,X=a.jsxs(Tt,{selectable:l,selected:J,expandable:m,expanded:D,level:P,onClick:()=>{l&&d==="single"&&K(new Set([U.id])),w==null||w(U,G)},children:[l&&a.jsx(st,{size:e,width:48,align:"center",children:a.jsx(Lo,{onClick:le=>le.stopPropagation(),children:d==="single"?a.jsx(qt,{checked:J,onChange:()=>{K(new Set([U.id]))}}):a.jsx(Je,{checked:J,onChange:le=>{const he=new Set(M==="all"?o.map(me=>me.id):M);le?he.add(U.id):he.delete(U.id),K(he)}})})},"selection-column"),t.map((le,he)=>{const me=U[le.key],be=he===0;return a.jsx(st,{size:e,fixed:le.fixed,align:le.align,width:le.width,level:be?P:0,children:a.jsxs("div",{style:{display:"flex",alignItems:"center"},children:[be&&m&&q&&a.jsx(oa,{expanded:D,onClick:xe=>{xe.stopPropagation(),W(U.id)},"aria-label":D?"收起":"展开",children:a.jsx(Qo,{})}),a.jsx(na,{ellipsis:le.ellipsis,wrapText:v,children:le.render?le.render(me,U,G):me})]})},le.key)})]},U.id),ee=D&&x&&a.jsx(Tt,{isSubRow:!0,children:a.jsx(st,{colSpan:t.length+(l?1:0),size:e,children:x(U,G)})},`${U.id}-expanded`),H=D&&q?E(U.children,P+1):[];return[X,ee,...H].filter(Boolean)}),[t,e,m,B,M,l,d,x,v,W,K,w]);return o.length===0&&!f?a.jsx(To,{size:e,ref:A,fullWidth:i,scrollX:s==null?void 0:s.x,scrollY:s==null?void 0:s.y,showScrollbar:V,className:C,children:a.jsx(ra,{children:k})}):a.jsx(To,{size:e,ref:A,fullWidth:i,scrollX:s==null?void 0:s.x,scrollY:s==null?void 0:s.y,showScrollbar:V,className:C,children:a.jsxs(ql,{ref:S,size:e,variant:n?"bordered":r,scrollX:s==null?void 0:s.x,children:[a.jsx(Jl,{children:a.jsxs(Ql,{children:[l&&a.jsx(Io,{size:e,width:48,align:"center",children:d==="multiple"&&a.jsx(Lo,{children:a.jsx(Je,{checked:Z,indeterminate:c,onChange:R=>{K(R?"all":new Set)}})})},"selection-column"),t.map(R=>a.jsx(Io,{size:e,fixed:R.fixed,align:R.align,width:R.width,sortable:R.sortable,onClick:()=>R.sortable&&Y(R.key),children:a.jsxs("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",gap:"8px"},children:[a.jsx("span",{children:R.title}),R.sortable&&a.jsxs(ea,{direction:(y==null?void 0:y.key)===R.key?y.direction:void 0,children:[a.jsx(Wt,{"data-active":(y==null?void 0:y.key)===R.key&&y.direction==="asc"}),a.jsx(tt,{"data-active":(y==null?void 0:y.key)===R.key&&y.direction==="desc"})]})]})},R.key))]})}),a.jsx(ta,{children:f?a.jsx(Tt,{children:a.jsx(st,{colSpan:t.length+(l?1:0),size:e,children:a.jsx("div",{style:{textAlign:"center",padding:"24px"},children:"加载中..."})})}):E(o)})]})})}const Ir=g.forwardRef(la);Ir.displayName="Table";const aa=Ir;function ca(t={}){let{isReadOnly:o}=t,[e,r]=ft(t.isSelected,t.defaultSelected||!1,t.onChange),[n]=g.useState(e);function i(d){o||r(d)}function s(){o||r(!e)}var l;return{isSelected:e,defaultSelected:(l=t.defaultSelected)!==null&&l!==void 0?l:n,setSelected:i,toggle:s}}const da=["sm","md"],ua=(t,o)=>{const e=o.components.switch.size[t];return _.css`
|
|
2198
|
+
/* 提供尺寸相关的 CSS 变量,方便内部元素计算占位 */
|
|
2199
|
+
--switch-thumb-size: ${e.thumbSize};
|
|
2200
|
+
--switch-inner-gap: ${o.components.switch.gap};
|
|
2201
|
+
|
|
2202
|
+
min-width: ${e.width};
|
|
2203
|
+
height: ${e.height};
|
|
2204
|
+
font-size: ${e.fontSize};
|
|
2205
|
+
|
|
2206
|
+
/* 滑块尺寸 - 使用后代选择器 */
|
|
2207
|
+
& span[data-thumb] {
|
|
2208
|
+
width: ${e.thumbSize};
|
|
2209
|
+
height: ${e.thumbSize};
|
|
2210
|
+
}
|
|
2211
|
+
`},fa=j.label`
|
|
2212
|
+
/* 基础布局 */
|
|
2213
|
+
position: relative;
|
|
2214
|
+
display: inline-flex;
|
|
2215
|
+
align-items: center;
|
|
2216
|
+
box-sizing: border-box;
|
|
2217
|
+
cursor: ${({isDisabled:t})=>t?"not-allowed":"pointer"};
|
|
2218
|
+
user-select: none;
|
|
2219
|
+
|
|
2220
|
+
/* 背景和圆角 - 使用 Tier 3 Token */
|
|
2221
|
+
background: ${({isSelected:t,isDisabled:o,theme:e})=>o?e.components.switch.background.disabled:t?e.components.switch.background.checked:e.components.switch.background.unchecked};
|
|
2222
|
+
border-radius: ${({theme:t})=>t.components.switch.borderRadius};
|
|
2223
|
+
|
|
2224
|
+
/*
|
|
2225
|
+
* 内边距 - 根据 Figma 设计:
|
|
2226
|
+
* - 有文字时:选中状态左8px右3px,未选中状态左3px右8px
|
|
2227
|
+
* - 无文字时:始终左右各3px
|
|
2228
|
+
* - 上下始终3px
|
|
2229
|
+
*/
|
|
2230
|
+
padding: 3px;
|
|
2231
|
+
${({hasInnerLabel:t,isSelected:o})=>t?_.css`
|
|
2232
|
+
padding-left: ${o?"8px":"3px"};
|
|
2233
|
+
padding-right: ${o?"3px":"8px"};
|
|
2234
|
+
`:_.css`
|
|
2235
|
+
padding-left: 3px;
|
|
2236
|
+
padding-right: 3px;
|
|
2237
|
+
`}
|
|
2238
|
+
|
|
2239
|
+
/* 过渡动画 - 只对背景色做动画,padding 瞬间切换以配合滑块动画 */
|
|
2240
|
+
transition: background-color ${({theme:t})=>t.components.switch.transition};
|
|
2241
|
+
|
|
2242
|
+
/* 尺寸样式 */
|
|
2243
|
+
${({size:t,theme:o})=>ua(t,o)}
|
|
2244
|
+
|
|
2245
|
+
/* Focus 可见状态 - 键盘导航时显示 */
|
|
2246
|
+
${({isFocusVisible:t,theme:o})=>t&&_.css`
|
|
2247
|
+
outline: none;
|
|
2248
|
+
box-shadow: 0 0 0 ${o.components.switch.focusRing.offset} ${o.components.switch.focusRing.color};
|
|
2249
|
+
`}
|
|
2250
|
+
|
|
2251
|
+
/* 禁用状态 */
|
|
2252
|
+
${({isDisabled:t,theme:o})=>t&&_.css`
|
|
2253
|
+
opacity: ${o.components.switch.disabled.opacity};
|
|
2254
|
+
cursor: not-allowed;
|
|
2255
|
+
`}
|
|
2256
|
+
`,pa=j.span`
|
|
2257
|
+
display: flex;
|
|
2258
|
+
align-items: center;
|
|
2259
|
+
width: 100%;
|
|
2260
|
+
height: 100%;
|
|
2261
|
+
position: relative;
|
|
2262
|
+
z-index: 1;
|
|
2263
|
+
|
|
2264
|
+
/* 当存在内部文字时,为滑块预留占位,避免文字与滑块重叠
|
|
2265
|
+
预留尺寸 = 滑块尺寸 + 设计间距 */
|
|
2266
|
+
${({hasInnerLabel:t,isSelected:o,theme:e})=>t&&_.css`
|
|
2267
|
+
padding-right: ${o?`calc(var(--switch-thumb-size) + ${e.components.switch.gap})`:"0"};
|
|
2268
|
+
padding-left: ${o?"0":`calc(var(--switch-thumb-size) + ${e.components.switch.gap})`};
|
|
2269
|
+
`}
|
|
2270
|
+
|
|
2271
|
+
/* 有文字时,根据选中状态调整文字位置 */
|
|
2272
|
+
${({hasInnerLabel:t,isSelected:o})=>t&&_.css`
|
|
2273
|
+
justify-content: ${o?"flex-start":"flex-end"};
|
|
2274
|
+
`}
|
|
2275
|
+
`,ha=j.span`
|
|
2276
|
+
display: inline-flex;
|
|
2277
|
+
align-items: center;
|
|
2278
|
+
color: ${({theme:t})=>t.components.switch.text.color};
|
|
2279
|
+
font-size: ${({theme:t})=>t.components.switch.text.fontSize};
|
|
2280
|
+
font-weight: ${({theme:t})=>t.components.switch.text.fontWeight};
|
|
2281
|
+
line-height: 1.5;
|
|
2282
|
+
white-space: nowrap;
|
|
2283
|
+
user-select: none;
|
|
2284
|
+
position: relative;
|
|
2285
|
+
z-index: 2;
|
|
2286
|
+
`,ba=j.span`
|
|
2287
|
+
display: block;
|
|
2288
|
+
position: absolute;
|
|
2289
|
+
top: 50%;
|
|
2290
|
+
transform: translateY(-50%);
|
|
2291
|
+
border-radius: 50%;
|
|
2292
|
+
background: ${({theme:t})=>t.components.switch.thumb.background};
|
|
2293
|
+
box-shadow: ${({theme:t})=>t.components.switch.thumb.shadow};
|
|
2294
|
+
|
|
2295
|
+
/* 位置控制:未选中在左,选中在右 */
|
|
2296
|
+
${({isSelected:t})=>t?_.css`
|
|
2297
|
+
right: 0;
|
|
2298
|
+
left: auto;
|
|
2299
|
+
`:_.css`
|
|
2300
|
+
left: 0;
|
|
2301
|
+
right: auto;
|
|
2302
|
+
`}
|
|
2303
|
+
|
|
2304
|
+
/* 平滑的位置过渡动画 */
|
|
2305
|
+
transition: left ${({theme:t})=>t.components.switch.transition},
|
|
2306
|
+
right ${({theme:t})=>t.components.switch.transition};
|
|
2307
|
+
`,ga=j.div`
|
|
2308
|
+
display: flex;
|
|
2309
|
+
align-items: center;
|
|
2310
|
+
gap: 8px;
|
|
2311
|
+
`,ma=j.span`
|
|
2312
|
+
font-size: ${({theme:t})=>t.global.typography.fontSize.sm};
|
|
2313
|
+
color: ${({isDisabled:t,theme:o})=>t?o.semantic.colors.text.disabled:o.semantic.colors.text.primary};
|
|
2314
|
+
user-select: none;
|
|
2315
|
+
cursor: ${({isDisabled:t})=>t?"not-allowed":"pointer"};
|
|
2316
|
+
`,xa=da,Lr=g.forwardRef((t,o)=>{const e=te.c(48);let r,n,i,s,l,d,u;e[0]!==t?({size:l,checkedLabel:r,uncheckedLabel:u,disabled:d,children:n,className:i,...s}=t,e[0]=t,e[1]=r,e[2]=n,e[3]=i,e[4]=s,e[5]=l,e[6]=d,e[7]=u):(r=e[1],n=e[2],i=e[3],s=e[4],l=e[5],d=e[6],u=e[7]);const p=l===void 0?"md":l,m=d===void 0?!1:d,h=ca(s),b=g.useRef(null),x=o||b;let y;e[8]!==m||e[9]!==s?(y={...s,isDisabled:m},e[8]=m,e[9]=s,e[10]=y):y=e[10];const{inputProps:$}=de.useSwitch(y,h,b),{isFocusVisible:w,focusProps:k}=de.useFocusRing(),C=h.isSelected?r:u,v=!!(r||u),f=h.isSelected,S=h.isSelected?"true":void 0,z=m?"true":void 0;let I;e[11]!==k||e[12]!==$?(I=ut($,k),e[11]=k,e[12]=$,e[13]=I):I=e[13];let T;e[14]!==I?(T=a.jsx(de.VisuallyHidden,{children:a.jsx("input",{...I,ref:x})}),e[14]=I,e[15]=T):T=e[15];let L;e[16]!==h.isSelected?(L=a.jsx(ba,{isSelected:h.isSelected,"data-thumb":!0,"aria-hidden":"true"}),e[16]=h.isSelected,e[17]=L):L=e[17];let V;e[18]!==C||e[19]!==v||e[20]!==h.isSelected?(V=v&&C&&a.jsx(ha,{isSelected:h.isSelected,children:C}),e[18]=C,e[19]=v,e[20]=h.isSelected,e[21]=V):V=e[21];let O;e[22]!==v||e[23]!==h.isSelected||e[24]!==V||e[25]!==L?(O=a.jsxs(pa,{isSelected:h.isSelected,hasInnerLabel:v,children:[L,V]}),e[22]=v,e[23]=h.isSelected,e[24]=V,e[25]=L,e[26]=O):O=e[26];let A;e[27]!==i||e[28]!==m||e[29]!==v||e[30]!==w||e[31]!==p||e[32]!==h.isSelected||e[33]!==O||e[34]!==S||e[35]!==z||e[36]!==T?(A=a.jsxs(fa,{size:p,isSelected:f,isDisabled:m,isFocusVisible:w,hasInnerLabel:v,className:i,"data-selected":S,"data-disabled":z,children:[T,O]}),e[27]=i,e[28]=m,e[29]=v,e[30]=w,e[31]=p,e[32]=h.isSelected,e[33]=O,e[34]=S,e[35]=z,e[36]=T,e[37]=A):A=e[37];const F=A;if(n){let M;e[38]!==m||e[39]!==h?(M=()=>{m||h.toggle()},e[38]=m,e[39]=h,e[40]=M):M=e[40];let K;e[41]!==n||e[42]!==m||e[43]!==M?(K=a.jsx(ma,{isDisabled:m,onClick:M,children:n}),e[41]=n,e[42]=m,e[43]=M,e[44]=K):K=e[44];let B;return e[45]!==F||e[46]!==K?(B=a.jsxs(ga,{children:[F,K]}),e[45]=F,e[46]=K,e[47]=B):B=e[47],B}return F});Lr.displayName="Switch";const ya=["idle","uploading","success","error"],va=j.div`
|
|
2317
|
+
width: 100%;
|
|
2318
|
+
`,ka=j.div`
|
|
2319
|
+
position: relative;
|
|
2320
|
+
display: flex;
|
|
2321
|
+
flex-direction: column;
|
|
2322
|
+
align-items: center;
|
|
2323
|
+
justify-content: center;
|
|
2324
|
+
gap: 24px;
|
|
2325
|
+
padding: 40px 0;
|
|
2326
|
+
border: 1px solid ${({theme:t,isDragActive:o})=>o?t.semantic.colors.brand.primary:t.semantic.colors.border.primary};
|
|
2327
|
+
border-radius: 16px;
|
|
2328
|
+
background: ${({theme:t,isDragActive:o})=>o?"#EEF6FD":t.semantic.colors.background.surface};
|
|
2329
|
+
cursor: ${({isDisabled:t})=>t?"not-allowed":"pointer"};
|
|
2330
|
+
transition: all 0.2s ease;
|
|
2331
|
+
outline: none;
|
|
2332
|
+
|
|
2333
|
+
${({isDisabled:t,theme:o})=>!t&&_.css`
|
|
2334
|
+
&:hover {
|
|
2335
|
+
border-color: ${o.semantic.colors.brand.primary};
|
|
2336
|
+
}
|
|
2337
|
+
|
|
2338
|
+
&:focus-visible {
|
|
2339
|
+
border-color: ${o.semantic.colors.brand.primary};
|
|
2340
|
+
box-shadow: 0 0 0 4px rgba(44, 111, 231, 0.18);
|
|
2341
|
+
}
|
|
2342
|
+
`}
|
|
2343
|
+
|
|
2344
|
+
${({isDisabled:t,theme:o})=>t&&_.css`
|
|
2345
|
+
opacity: 0.5;
|
|
2346
|
+
background: ${o.semantic.colors.background.secondary};
|
|
2347
|
+
`}
|
|
2348
|
+
`,$a=j.div`
|
|
2349
|
+
width: 100px;
|
|
2350
|
+
height: 100px;
|
|
2351
|
+
display: flex;
|
|
2352
|
+
align-items: center;
|
|
2353
|
+
justify-content: center;
|
|
2354
|
+
`,wa=j.div`
|
|
2355
|
+
display: flex;
|
|
2356
|
+
flex-direction: column;
|
|
2357
|
+
align-items: center;
|
|
2358
|
+
gap: 4px;
|
|
2359
|
+
width: 100%;
|
|
2360
|
+
font-family: ${({theme:t})=>t.global.typography.fontFamily};
|
|
2361
|
+
`,Sa=j.div`
|
|
2362
|
+
font-size: 14px;
|
|
2363
|
+
line-height: 20px;
|
|
2364
|
+
color: ${({theme:t})=>t.semantic.colors.text.primary};
|
|
2365
|
+
text-align: center;
|
|
2366
|
+
width: 100%;
|
|
2367
|
+
`,Mo=j.p`
|
|
2368
|
+
font-size: 12px;
|
|
2369
|
+
line-height: 18px;
|
|
2370
|
+
color: rgba(10, 24, 51, 0.4);
|
|
2371
|
+
margin: 0;
|
|
2372
|
+
white-space: pre;
|
|
2373
|
+
`,Ao=j.span`
|
|
2374
|
+
color: ${({theme:t})=>t.semantic.colors.brand.primary};
|
|
2375
|
+
cursor: pointer;
|
|
2376
|
+
|
|
2377
|
+
&:hover {
|
|
2378
|
+
text-decoration: underline;
|
|
2379
|
+
}
|
|
2380
|
+
`,Ca=j.div`
|
|
2381
|
+
display: flex;
|
|
2382
|
+
flex-direction: column;
|
|
2383
|
+
gap: 16px;
|
|
2384
|
+
margin-top: 16px;
|
|
2385
|
+
width: 100%;
|
|
2386
|
+
`,ja=j.div`
|
|
2387
|
+
display: flex;
|
|
2388
|
+
flex-direction: column;
|
|
2389
|
+
gap: 0;
|
|
2390
|
+
width: 100%;
|
|
2391
|
+
`,Ra=j.div`
|
|
2392
|
+
display: flex;
|
|
2393
|
+
align-items: center;
|
|
2394
|
+
gap: 8px;
|
|
2395
|
+
padding: 7px 8px;
|
|
2396
|
+
border-radius: 4px;
|
|
2397
|
+
background: ${({status:t,theme:o})=>t==="success"?"#FAFAFB":t==="error"?"#FEF6F1":o.semantic.colors.background.surface};
|
|
2398
|
+
flex: 1;
|
|
2399
|
+
`,za=j.span`
|
|
2400
|
+
display: inline-flex;
|
|
2401
|
+
align-items: center;
|
|
2402
|
+
justify-content: center;
|
|
2403
|
+
width: 16px;
|
|
2404
|
+
height: 16px;
|
|
2405
|
+
flex-shrink: 0;
|
|
2406
|
+
color: ${({theme:t})=>t.semantic.colors.text.primary};
|
|
2407
|
+
`,Ea=j.div`
|
|
2408
|
+
flex: 1;
|
|
2409
|
+
font-family: ${({theme:t})=>t.global.typography.fontFamily};
|
|
2410
|
+
font-size: 12px;
|
|
2411
|
+
line-height: 18px;
|
|
2412
|
+
color: ${({status:t,theme:o})=>t==="error"?o.semantic.colors.state.danger:o.semantic.colors.text.primary};
|
|
2413
|
+
overflow: hidden;
|
|
2414
|
+
text-overflow: ellipsis;
|
|
2415
|
+
white-space: nowrap;
|
|
2416
|
+
`,Ta=j.span`
|
|
2417
|
+
display: inline-flex;
|
|
2418
|
+
align-items: center;
|
|
2419
|
+
justify-content: center;
|
|
2420
|
+
width: 16px;
|
|
2421
|
+
height: 16px;
|
|
2422
|
+
flex-shrink: 0;
|
|
2423
|
+
color: ${({status:t,theme:o})=>t==="success"?o.semantic.colors.state.success:t==="error"?o.semantic.colors.state.danger:o.semantic.colors.text.secondary};
|
|
2424
|
+
`,Ia=j.button`
|
|
2425
|
+
display: inline-flex;
|
|
2426
|
+
align-items: center;
|
|
2427
|
+
justify-content: center;
|
|
2428
|
+
width: 16px;
|
|
2429
|
+
height: 16px;
|
|
2430
|
+
padding: 0;
|
|
2431
|
+
border: none;
|
|
2432
|
+
background: transparent;
|
|
2433
|
+
color: ${({theme:t})=>t.semantic.colors.text.secondary};
|
|
2434
|
+
cursor: pointer;
|
|
2435
|
+
flex-shrink: 0;
|
|
2436
|
+
transition: color 0.2s ease;
|
|
2437
|
+
|
|
2438
|
+
&:hover {
|
|
2439
|
+
color: ${({theme:t})=>t.semantic.colors.text.primary};
|
|
2440
|
+
}
|
|
2441
|
+
|
|
2442
|
+
&:focus-visible {
|
|
2443
|
+
outline: 2px solid ${({theme:t})=>t.semantic.colors.brand.primary};
|
|
2444
|
+
outline-offset: 2px;
|
|
2445
|
+
border-radius: 2px;
|
|
2446
|
+
}
|
|
2447
|
+
`,La=j.div`
|
|
2448
|
+
display: flex;
|
|
2449
|
+
align-items: center;
|
|
2450
|
+
gap: 16px;
|
|
2451
|
+
height: 16px;
|
|
2452
|
+
margin-top: 0;
|
|
2453
|
+
`,Ma=j.div`
|
|
2454
|
+
flex: 1;
|
|
2455
|
+
height: 6px;
|
|
2456
|
+
background: ${({theme:t})=>t.semantic.colors.background.secondary};
|
|
2457
|
+
border-radius: 5px;
|
|
2458
|
+
overflow: hidden;
|
|
2459
|
+
`,Aa=j.div`
|
|
2460
|
+
height: 100%;
|
|
2461
|
+
width: ${({percent:t})=>t}%;
|
|
2462
|
+
background: ${({theme:t})=>t.semantic.colors.brand.primary};
|
|
2463
|
+
border-radius: 12px;
|
|
2464
|
+
transition: width 0.3s ease;
|
|
2465
|
+
`,Pa=j.span`
|
|
2466
|
+
font-family: ${({theme:t})=>t.global.typography.fontFamily};
|
|
2467
|
+
font-size: 12px;
|
|
2468
|
+
line-height: 18px;
|
|
2469
|
+
color: ${({theme:t})=>t.semantic.colors.text.secondary};
|
|
2470
|
+
white-space: nowrap;
|
|
2471
|
+
flex-shrink: 0;
|
|
2472
|
+
width: 40px;
|
|
2473
|
+
text-align: right;
|
|
2474
|
+
`,Oa=j.input`
|
|
2475
|
+
position: absolute;
|
|
2476
|
+
width: 1px;
|
|
2477
|
+
height: 1px;
|
|
2478
|
+
padding: 0;
|
|
2479
|
+
margin: -1px;
|
|
2480
|
+
overflow: hidden;
|
|
2481
|
+
clip: rect(0, 0, 0, 0);
|
|
2482
|
+
white-space: nowrap;
|
|
2483
|
+
border-width: 0;
|
|
2484
|
+
`,_a=ya,Na=()=>{const t=te.c(2);let o;t[0]===Symbol.for("react.memo_cache_sentinel")?(o=a.jsxs("g",{clipPath:"url(#clip0_6955_14967)",children:[a.jsx("path",{d:"M6.25 63.1836L28.525 52.195C28.8475 52.0359 29.2023 51.9531 29.5619 51.9531H70.6424C71.0049 51.9531 71.3625 52.0372 71.687 52.1988L93.75 63.1836V91.4062C93.75 92.7007 92.7007 93.75 91.4062 93.75H8.59375C7.29932 93.75 6.25 92.7007 6.25 91.4062V63.1836Z",fill:"#F0F0F0"}),a.jsx("path",{d:"M6.25 63.1836H34.4859C35.7804 63.1836 36.8297 64.2329 36.8297 65.5273V69.8906C36.8297 71.185 37.879 72.2344 39.1734 72.2344H60.7687C62.0632 72.2344 63.1125 71.185 63.1125 69.8906V65.5273C63.1125 64.2329 64.1618 63.1836 65.4562 63.1836H93.75V92.9688C93.75 93.176 93.6677 93.3747 93.5212 93.5212C93.3747 93.6677 93.1759 93.75 92.9688 93.75H7.03125C6.82405 93.75 6.62534 93.6677 6.47882 93.5212C6.33231 93.3747 6.25 93.176 6.25 92.9688V63.1836Z",fill:"#FAFAFB"}),a.jsx("path",{d:"M19.1445 39.9733C19.3009 39.41 20.0994 39.41 20.2558 39.9733C20.797 41.9242 22.3218 43.449 24.2727 43.9902C24.836 44.1466 24.836 44.9451 24.2727 45.1015C22.3218 45.6427 20.797 47.1675 20.2558 49.1184C20.0994 49.6817 19.3009 49.6817 19.1445 49.1184C18.6033 47.1675 17.0785 45.6427 15.1276 45.1015C14.5642 44.9451 14.5643 44.1466 15.1276 43.9902C17.0785 43.449 18.6033 41.9242 19.1445 39.9733Z",fill:"#F0F0F0"}),a.jsx("path",{d:"M78.1066 35.6488C78.3468 34.7837 79.573 34.7837 79.8132 35.6488C80.6443 38.6449 82.9858 40.9864 85.9819 41.8175C86.8469 42.0577 86.8469 43.2839 85.9819 43.5241C82.9858 44.3552 80.6443 46.6968 79.8132 49.6929C79.573 50.5579 78.3468 50.5579 78.1066 49.6929C77.2755 46.6968 74.9339 44.3552 71.9379 43.5241C71.0728 43.2839 71.0728 42.0577 71.9379 41.8175C74.9339 40.9864 77.2755 38.6449 78.1066 35.6488Z",fill:"#F0F0F0"}),a.jsx("path",{d:"M49.0173 14.5685C49.733 13.8105 50.9389 13.8105 51.6547 14.5685L62.8375 26.4101C63.9294 27.5668 63.1096 29.469 61.5188 29.4691H57.591C56.0884 29.4691 54.8704 30.6871 54.8704 32.1897L54.8703 41C54.8703 41.5523 54.4226 42 53.8703 42H46.8015C46.2492 42 45.8015 41.5523 45.8015 41L45.8016 32.1897C45.8016 30.6871 44.5835 29.4691 43.0809 29.4691H39.1532C37.5623 29.4691 36.7424 27.5669 37.8345 26.4101L49.0173 14.5685Z",fill:"#F0F0F0"})]}),t[0]=o):o=t[0];let e;return t[1]===Symbol.for("react.memo_cache_sentinel")?(e=a.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"100",height:"100",viewBox:"0 0 100 100",fill:"none",children:[o,a.jsx("defs",{children:a.jsx("clipPath",{id:"clip0_6955_14967",children:a.jsx("rect",{width:"100",height:"100",fill:"white"})})})]}),t[1]=e):e=t[1],e},Fa=()=>{const t=te.c(1);let o;return t[0]===Symbol.for("react.memo_cache_sentinel")?(o=a.jsxs("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[a.jsx("path",{d:"M9 1H3.5C2.67157 1 2 1.67157 2 2.5V13.5C2 14.3284 2.67157 15 3.5 15H12.5C13.3284 15 14 14.3284 14 13.5V6M9 1L14 6M9 1V6H14",stroke:"currentColor",strokeWidth:"1.2",strokeLinecap:"round",strokeLinejoin:"round"}),a.jsx("path",{d:"M5 7H7",stroke:"currentColor",strokeWidth:"1.2",strokeLinecap:"round"}),a.jsx("path",{d:"M5 10H11",stroke:"currentColor",strokeWidth:"1.2",strokeLinecap:"round"})]}),t[0]=o):o=t[0],o},Va=()=>{const t=te.c(1);let o;return t[0]===Symbol.for("react.memo_cache_sentinel")?(o=a.jsxs("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[a.jsx("circle",{cx:"8",cy:"8",r:"8",fill:"currentColor"}),a.jsx("path",{d:"M11.3333 5.5L6.75 10.0833L4.66667 8",stroke:"white",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})]}),t[0]=o):o=t[0],o},Da=()=>{const t=te.c(1);let o;return t[0]===Symbol.for("react.memo_cache_sentinel")?(o=a.jsxs("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[a.jsx("circle",{cx:"8",cy:"8",r:"8",fill:"currentColor"}),a.jsx("path",{d:"M10 6L6 10M6 6L10 10",stroke:"white",strokeWidth:"1.5",strokeLinecap:"round"})]}),t[0]=o):o=t[0],o},Ka=()=>{const t=te.c(1);let o;return t[0]===Symbol.for("react.memo_cache_sentinel")?(o=a.jsx("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:a.jsx("path",{d:"M3.5 4.5H12.5M6.5 7V11.5M9.5 7V11.5M10.5 4.5V2.5C10.5 2.22386 10.2761 2 10 2H6C5.72386 2 5.5 2.22386 5.5 2.5V4.5M4.5 4.5H11.5V13C11.5 13.2761 11.2761 13.5 11 13.5H5C4.72386 13.5 4.5 13.2761 4.5 13V4.5Z",stroke:"currentColor",strokeWidth:"1.2",strokeLinecap:"round",strokeLinejoin:"round"})}),t[0]=o):o=t[0],o},Ba=()=>`upload-${Date.now()}-${Math.random().toString(36).slice(2,9)}`,Mr=g.forwardRef((t,o)=>{const e=te.c(68),{accept:r,multiple:n,maxSize:i,maxCount:s,disabled:l,fileList:d,defaultFileList:u,onChange:p,beforeUpload:m,customRequest:h,mainText:b,secondaryText:x,fileTypeHint:y,downloadTemplateText:$,onDownloadTemplate:w,className:k,icon:C}=t,v=n===void 0?!1:n,f=l===void 0?!1:l;let S;e[0]!==u?(S=u===void 0?[]:u,e[0]=u,e[1]=S):S=e[1];const z=S,I=g.useRef(null),T=g.useRef(null),[L,V]=g.useState(z),[O,A]=g.useState(!1),F=d!==void 0,M=F?d:L;let K;e[2]!==F||e[3]!==p?(K=Q=>{F||V(Q),p==null||p(Q)},e[2]=F,e[3]=p,e[4]=K):K=e[4];const B=K;let W,Y;if(e[5]!==m||e[6]!==h||e[7]!==M||e[8]!==s||e[9]!==i||e[10]!==B){W=async je=>{if(!je||je.length===0)return;const Ne=Array.from(je);if(s&&M.length+Ne.length>s){console.warn(`最多只能上传 ${s} 个文件`);return}const Te=[];for(const fe of Ne){if(i&&fe.size>i){console.warn(`文件 ${fe.name} 超过大小限制`);continue}if(m)try{if(!await m(fe))continue}catch(Ie){console.error("beforeUpload error:",Ie);continue}const Pe={uid:Ba(),name:fe.name,file:fe,status:"uploading",percent:0};Te.push(Pe)}if(Te.length===0)return;const Fe=[...M,...Te];B(Fe),Te.forEach(fe=>{h?h({file:fe.file,onProgress:Pe=>{B(Fe.map(Ie=>Ie.uid===fe.uid?{...Ie,percent:Pe}:Ie))},onSuccess:()=>{B(Fe.map(Pe=>Pe.uid===fe.uid?{...Pe,status:"success",percent:100}:Pe))},onError:Pe=>{B(Fe.map(Ie=>Ie.uid===fe.uid?{...Ie,status:"error",error:Pe.message}:Ie))}}):Q(fe.uid,Fe)})};const Q=(je,Ne)=>{let Te;Te=0;const Fe=setInterval(()=>{Te=Te+10,Te>=100?(clearInterval(Fe),B(Ne.map(fe=>fe.uid===je?{...fe,status:"success",percent:100}:fe))):B(Ne.map(fe=>fe.uid===je?{...fe,percent:Te}:fe))},200)};Y=je=>{W(je.target.files),I.current&&(I.current.value="")},e[5]=m,e[6]=h,e[7]=M,e[8]=s,e[9]=i,e[10]=B,e[11]=W,e[12]=Y}else W=e[11],Y=e[12];const Z=Y;let c;e[13]!==f?(c=Q=>{Q.preventDefault(),Q.stopPropagation(),f||A(!0)},e[13]=f,e[14]=c):c=e[14];const E=c;let R;e[15]===Symbol.for("react.memo_cache_sentinel")?(R=Q=>{Q.preventDefault(),Q.stopPropagation(),A(!1)},e[15]=R):R=e[15];const P=R,U=Ha;let G;e[16]!==f||e[17]!==W?(G=Q=>{if(Q.preventDefault(),Q.stopPropagation(),A(!1),f)return;const je=Q.dataTransfer.files;W(je)},e[16]=f,e[17]=W,e[18]=G):G=e[18];const D=G;let J;e[19]!==f?(J=()=>{var Q;f||(Q=I.current)==null||Q.click()},e[19]=f,e[20]=J):J=e[20];const q=J;let X;e[21]!==M||e[22]!==B?(X=Q=>{const je=M.filter(Ne=>Ne.uid!==Q);B(je)},e[21]=M,e[22]=B,e[23]=X):X=e[23];const ee=X;let H;e[24]!==f||e[25]!==q?(H={onPress:q,isDisabled:f},e[24]=f,e[25]=q,e[26]=H):H=e[26];const{buttonProps:le}=de.useButton(H,T),he=Wa,me=f?-1:0;let be;e[27]!==C?(be=C||a.jsx(Na,{}),e[27]=C,e[28]=be):be=e[28];let xe;e[29]!==be?(xe=a.jsx($a,{children:be}),e[29]=be,e[30]=xe):xe=e[30];let ve;e[31]!==b?(ve=b||a.jsxs(a.Fragment,{children:["将文件拖到此处,或",a.jsx(Ao,{children:"点击上传"})]}),e[31]=b,e[32]=ve):ve=e[32];let ke;e[33]!==ve?(ke=a.jsx(Sa,{children:ve}),e[33]=ve,e[34]=ke):ke=e[34];let $e;e[35]!==x?($e=x&&a.jsx(Mo,{children:x}),e[35]=x,e[36]=$e):$e=e[36];let ze;e[37]!==$||e[38]!==y||e[39]!==w?(ze=(y||$)&&a.jsxs(Mo,{children:[y,$&&w&&a.jsxs(a.Fragment,{children:[" ",a.jsx(Ao,{onClick:Q=>{Q.stopPropagation(),w()},children:$})]})]}),e[37]=$,e[38]=y,e[39]=w,e[40]=ze):ze=e[40];let ae;e[41]!==ke||e[42]!==$e||e[43]!==ze?(ae=a.jsxs(wa,{children:[ke,$e,ze]}),e[41]=ke,e[42]=$e,e[43]=ze,e[44]=ae):ae=e[44];let ce;e[45]!==r||e[46]!==f||e[47]!==Z||e[48]!==v?(ce=a.jsx(Oa,{ref:I,type:"file",accept:r,multiple:v,onChange:Z,disabled:f,"aria-hidden":"true"}),e[45]=r,e[46]=f,e[47]=Z,e[48]=v,e[49]=ce):ce=e[49];let we;e[50]!==le||e[51]!==f||e[52]!==E||e[53]!==D||e[54]!==O||e[55]!==me||e[56]!==xe||e[57]!==ae||e[58]!==ce?(we=a.jsxs(ka,{...le,ref:T,isDragActive:O,isDisabled:f,onDragEnter:E,onDragLeave:P,onDragOver:U,onDrop:D,role:"button",tabIndex:me,"aria-label":"上传文件区域",children:[xe,ae,ce]}),e[50]=le,e[51]=f,e[52]=E,e[53]=D,e[54]=O,e[55]=me,e[56]=xe,e[57]=ae,e[58]=ce,e[59]=we):we=e[59];let Ce;e[60]!==M||e[61]!==ee?(Ce=M.length>0&&a.jsx(Ca,{children:M.map(Q=>a.jsxs(ja,{status:Q.status,children:[a.jsxs(Ra,{status:Q.status,children:[a.jsx(za,{children:a.jsx(Fa,{})}),a.jsx(Ea,{status:Q.status,children:Q.name}),(Q.status==="success"||Q.status==="error")&&a.jsxs(a.Fragment,{children:[a.jsx(Ta,{status:Q.status,children:he(Q.status)}),a.jsx(Ia,{onClick:()=>ee(Q.uid),"aria-label":`删除文件 ${Q.name}`,children:a.jsx(Ka,{})})]})]}),Q.status==="uploading"&&a.jsxs(La,{children:[a.jsx(Ma,{children:a.jsx(Aa,{percent:Q.percent||0})}),a.jsxs(Pa,{children:[Q.percent||0,"%"]})]})]},Q.uid))}),e[60]=M,e[61]=ee,e[62]=Ce):Ce=e[62];let ot;return e[63]!==k||e[64]!==o||e[65]!==we||e[66]!==Ce?(ot=a.jsxs(va,{ref:o,className:k,children:[we,Ce]}),e[63]=k,e[64]=o,e[65]=we,e[66]=Ce,e[67]=ot):ot=e[67],ot});Mr.displayName="Upload";function Ha(t){t.preventDefault(),t.stopPropagation()}function Wa(t){switch(t){case"success":return a.jsx(Va,{});case"error":return a.jsx(Da,{});default:return null}}const Ua=({global:t,semantic:o})=>({primary:{background:{default:o.colors.brand.primary,hover:o.colors.brand.primaryHover,active:o.colors.brand.primaryActive},text:{default:o.colors.text.onBrand},border:{default:"transparent"},shadow:{default:"none",hover:"none"}},secondary:{background:{default:o.colors.background.surface,hover:o.colors.background.surfaceSubtle,active:o.colors.background.surfaceSubtle},text:{default:o.colors.brand.primary},border:{default:o.colors.border.primary,hover:o.colors.brand.primary,active:o.colors.brand.primaryActive},shadow:{default:"none"}},text:{background:{default:"transparent",hover:o.colors.brand.primarySubtle,active:"#F0F0F0"},text:{default:o.colors.brand.primary},border:{default:"transparent",hover:"transparent",active:"transparent"}},danger:{background:{default:o.colors.state.danger,hover:o.colors.state.dangerHover,active:o.colors.state.dangerActive},text:{default:o.colors.state.dangerOn},border:{default:"transparent"},shadow:{default:"none",hover:"none"}},gradient:{background:{default:t.gradients.blueViolet,gradientFrom:"#0194FF",gradientTo:"#D581FF"},text:{default:t.colors.common.white},border:{default:"transparent"},shadow:{default:"none",hover:"none"}},disabled:{background:{default:o.colors.border.primary},text:{default:o.colors.text.disabled},opacity:.6},size:{sm:{height:"24px",fontSize:t.typography.fontSize.sm,paddingInline:t.spacing.lg,iconSize:"16px"},md:{height:"32px",fontSize:t.typography.fontSize.sm,paddingInline:t.spacing.lg,iconSize:"16px"},lg:{height:"40px",fontSize:t.typography.fontSize.sm,paddingInline:t.spacing.lg,iconSize:"16px"}},borderRadius:t.radii.r3,fontWeight:t.typography.fontWeight.regular,gap:t.spacing.sm,transition:"0.2s ease"}),Ya=({global:t,semantic:o})=>({appearance:{solid:{primary:{background:{default:o.colors.brand.primary,hover:o.colors.brand.primaryHover,active:o.colors.brand.primaryActive},border:{default:"transparent"},icon:{default:o.colors.text.onBrand}},neutral:{background:{default:o.colors.background.surface,hover:o.colors.background.surfaceSubtle,active:o.colors.background.surfaceStrong},border:{default:"transparent"},icon:{default:o.colors.text.primary}},danger:{background:{default:o.colors.state.danger,hover:o.colors.state.dangerHover,active:o.colors.state.dangerActive},border:{default:"transparent"},icon:{default:o.colors.state.dangerOn}}},outline:{primary:{background:{default:"transparent",hover:o.colors.brand.primarySubtle,active:"rgba(44, 111, 231, 0.16)"},border:{default:o.colors.brand.primary,hover:o.colors.brand.primary,active:o.colors.brand.primary},icon:{default:o.colors.brand.primary,hover:o.colors.brand.primaryHover,active:o.colors.brand.primaryActive}},neutral:{background:{default:"transparent",hover:o.colors.background.surfaceSubtle,active:o.colors.background.surfaceStrong},border:{default:o.colors.border.primary,hover:o.colors.border.strong,active:o.colors.border.strong},icon:{default:o.colors.text.primary,hover:o.colors.text.primary,active:o.colors.text.primary}},danger:{background:{default:"transparent",hover:o.colors.state.dangerSubtle,active:"rgba(237, 28, 28, 0.18)"},border:{default:o.colors.state.danger,hover:o.colors.state.danger,active:o.colors.state.danger},icon:{default:o.colors.state.danger,hover:o.colors.state.dangerHover,active:o.colors.state.dangerActive}}},ghost:{primary:{background:{default:"transparent",hover:o.colors.brand.primarySubtle,active:"rgba(44, 111, 231, 0.16)"},border:{default:"transparent"},icon:{default:o.colors.brand.primary,hover:o.colors.brand.primaryHover,active:o.colors.brand.primaryActive}},neutral:{background:{default:"transparent",hover:"rgba(10, 24, 51, 0.05)",active:"rgba(10, 24, 51, 0.1)"},border:{default:"transparent"},icon:{default:o.colors.text.primary}},danger:{background:{default:"transparent",hover:o.colors.state.dangerSubtle,active:"rgba(237, 28, 28, 0.18)"},border:{default:"transparent"},icon:{default:o.colors.state.danger,hover:o.colors.state.dangerHover,active:o.colors.state.dangerActive}}}},disabled:{background:o.colors.background.surfaceSubtle,border:o.colors.border.primary,icon:o.colors.text.disabled,opacity:.6},size:{sm:{edge:"24px",iconSize:"16px"},md:{edge:"32px",iconSize:"18px"},lg:{edge:"40px",iconSize:"20px"}},borderRadius:t.radii.r3,transition:"0.2s ease",focusRing:{color:"rgba(44, 111, 231, 0.35)",offset:"2px",width:"2px"}}),Za=({global:t,semantic:o})=>({control:{size:"16px",borderRadius:t.radii.r2,borderWidth:"1px",background:{default:t.colors.common.white,checked:o.colors.brand.primary,disabled:t.colors.neutral[100],disabledChecked:t.colors.blue[200]},borderColor:{default:t.colors.neutral[400],hover:o.colors.brand.primary,checked:o.colors.brand.primary,disabled:t.colors.neutral[400],disabledChecked:t.colors.blue[200]},icon:{color:t.colors.common.white,size:"10px"}},focusRing:"0 0 0 4px rgba(44, 111, 231, 0.18)",gap:t.spacing.sm,text:{label:{fontSize:t.typography.fontSize.xs,lineHeight:"18px",color:t.colors.word[900],disabled:t.colors.word[300],fontWeight:t.typography.fontWeight.regular}},transition:"0.16s ease"}),Xa=({global:t})=>({control:{size:"16px",borderRadius:"999px",borderWidth:"1.5px",background:t.colors.common.white,borderColor:{default:t.colors.neutral[300],hover:t.colors.blue[500],checked:t.colors.blue[500],disabled:t.colors.neutral[200]},indicator:{size:"8px",color:t.colors.blue[500],disabled:t.colors.word[300]}},focusRing:"0 0 0 4px rgba(44, 111, 231, 0.18)",gap:"0.5rem",text:{label:{fontSize:t.typography.fontSize.xs,color:t.colors.word[900],disabled:t.colors.word[300],fontWeight:t.typography.fontWeight.regular},description:{color:t.colors.word[600],disabled:t.colors.word[300],fontSize:t.typography.fontSize.xs}},disabled:{opacity:.55},transition:"0.16s ease"}),Ga=({global:t,semantic:o})=>({size:{sm:{width:"36px",height:"20px",thumbSize:"16px",fontSize:t.typography.fontSize.xs,paddingInline:"6px"},md:{width:"44px",height:"24px",thumbSize:"18px",fontSize:t.typography.fontSize.xs,paddingInline:"8px"}},background:{unchecked:t.colors.neutral[300],checked:o.colors.brand.primary,disabled:t.colors.neutral[200]},thumb:{background:t.colors.common.white,shadow:"0 1px 3px rgba(0, 0, 0, 0.12)"},text:{color:t.colors.common.white,fontSize:t.typography.fontSize.xs,fontWeight:t.typography.fontWeight.regular},borderRadius:t.radii.r5,gap:t.spacing.xs,transition:"0.2s cubic-bezier(0.4, 0, 0.2, 1)",disabled:{opacity:.5},focusRing:{color:"rgba(44, 111, 231, 0.3)",offset:"2px"}}),qa=({global:t,semantic:o})=>({size:{sm:{height:"24px",fontSize:t.typography.fontSize.xs,paddingInline:t.spacing.md,iconSize:"14px"},md:{height:"32px",fontSize:t.typography.fontSize.xs,paddingInline:t.spacing.md,iconSize:"16px"},lg:{height:"40px",fontSize:t.typography.fontSize.xs,paddingInline:t.spacing.md,iconSize:"18px"}},border:{default:o.colors.border.primary,hover:o.colors.border.strong,focus:o.colors.brand.primary,error:o.colors.state.danger,disabled:o.colors.border.primary},background:{default:o.colors.background.surface,disabled:o.colors.background.secondary},text:{default:o.colors.text.primary,placeholder:o.colors.text.placeholder,disabled:o.colors.text.disabled,error:o.colors.state.danger,counter:o.colors.text.caption},borderRadius:t.radii.r3,gap:t.spacing.sm,transition:"0.2s ease"}),Ja=({global:t,semantic:o})=>({size:{sm:{height:"24px",fontSize:t.typography.fontSize.xs,paddingInline:t.spacing.md,iconSize:"14px"},md:{height:"32px",fontSize:t.typography.fontSize.xs,paddingInline:t.spacing.md,iconSize:"16px"},lg:{height:"40px",fontSize:t.typography.fontSize.xs,paddingInline:t.spacing.md,iconSize:"18px"}},border:{default:o.colors.border.primary,hover:o.colors.border.strong,focus:o.colors.brand.primary,error:o.colors.state.danger,disabled:o.colors.border.primary},background:{default:o.colors.background.surface,hover:o.colors.background.surface,disabled:o.colors.background.secondary},text:{default:o.colors.text.primary,placeholder:o.colors.text.placeholder,disabled:o.colors.text.disabled,error:o.colors.state.danger},borderRadius:t.radii.r3,gap:t.spacing.sm,transition:"0.2s ease",popover:{background:o.colors.background.surface,border:`1px solid ${o.colors.border.primary}`,borderRadius:t.radii.r3,boxShadow:"0 4px 12px rgba(0, 0, 0, 0.08)",padding:"4px"},option:{height:"32px",paddingInline:"8px",fontSize:t.typography.fontSize.xs,borderRadius:t.radii.r2,gap:"8px",background:{default:"transparent",hover:o.colors.background.surfaceSubtle,selected:o.colors.brand.primarySubtle,focused:o.colors.background.surfaceSubtle},text:{default:o.colors.text.primary,hover:o.colors.text.primary,selected:o.colors.brand.primary,disabled:o.colors.text.disabled}}}),Qa=({global:t,semantic:o})=>({controls:{default:"buttons"},size:{md:{height:"24px",fontSize:t.typography.fontSize.xs,paddingInline:t.spacing.sm},lg:{height:"32px",fontSize:t.typography.fontSize.sm,paddingInline:t.spacing.sm}},input:{width:"40px",height:"18px",paddingInline:t.spacing.sm,fontSize:t.typography.fontSize.xs,fontWeight:t.typography.fontWeight.regular,lineHeight:"18px",fontFamily:t.typography.fontFamily},control:{side:{buttonSizeSm:"20px",buttonSizeLg:"28px",inset:"1px",gap:"8px",iconSize:"12px",widthsm:"100px",widthLg:"116px"},arrows:{buttonSizeSm:"10px",buttonSizeLg:"14px",iconSize:"12px",gap:"0px",widthsm:"72px",widthLg:"80px"}},borderRadius:t.radii.r3,border:{default:o.colors.border.strong,hover:o.colors.brand.primaryHover,disabled:o.colors.border.strong},background:{default:o.colors.background.surface,hover:o.colors.background.surfaceSubtle,disabled:o.colors.background.secondary},text:{default:o.colors.text.primary,placeholder:o.colors.text.placeholder,disabled:o.colors.text.disabled},transition:"0.2s ease"}),ec=({global:t,semantic:o})=>({border:{default:o.colors.border.primary},background:{default:o.colors.background.surface,hover:o.colors.background.surfaceSubtle},text:{default:o.colors.text.secondary,title:o.colors.text.primary},divider:o.colors.border.primary,arrow:{default:o.colors.text.secondary},padding:{header:"12px 24px",content:"0 24px 12px 24px"},borderRadius:t.radii.r3,gap:t.spacing.sm,transition:"0.3s cubic-bezier(0.4, 0, 0.2, 1)",arrowSize:"16px"}),tc=({global:t,semantic:o,mode:e})=>{const r=e==="dark";return{colors:{default:{background:{default:r?"rgba(148, 163, 184, 0.15)":t.colors.neutral[100],hover:r?"rgba(148, 163, 184, 0.2)":t.colors.neutral[200],active:r?"rgba(148, 163, 184, 0.25)":t.colors.neutral[300],checked:o.colors.brand.primary,checkedHover:o.colors.brand.primaryHover,checkedActive:o.colors.brand.primaryActive},text:{default:r?t.colors.word[100]:"rgba(10, 24, 51, 0.7)",checked:t.colors.common.white},border:{default:r?"rgba(148, 163, 184, 0.28)":t.colors.neutral[400],hover:r?"rgba(148, 163, 184, 0.38)":t.colors.neutral[500],active:r?"rgba(148, 163, 184, 0.48)":t.colors.word[600],checked:o.colors.brand.primary,checkedHover:o.colors.brand.primaryHover,checkedActive:o.colors.brand.primaryActive}},red:{background:{default:r?"rgba(170, 14, 41, 0.12)":"rgba(170, 14, 41, 0.08)",hover:r?"rgba(170, 14, 41, 0.16)":"rgba(170, 14, 41, 0.12)",active:r?"rgba(170, 14, 41, 0.2)":"rgba(170, 14, 41, 0.16)"},text:{default:r?t.colors.red[300]:t.colors.red[700]},border:{default:r?"rgba(170, 14, 41, 0.3)":"rgba(170, 14, 41, 0.25)"}},orange:{background:{default:r?"rgba(237, 154, 0, 0.12)":"rgba(237, 154, 0, 0.08)",hover:r?"rgba(237, 154, 0, 0.16)":"rgba(237, 154, 0, 0.12)",active:r?"rgba(237, 154, 0, 0.2)":"rgba(237, 154, 0, 0.16)"},text:{default:r?t.colors.orange[300]:t.colors.orange[500]},border:{default:r?"rgba(237, 154, 0, 0.3)":"rgba(237, 154, 0, 0.25)"}},yellow:{background:{default:r?"rgba(250, 208, 0, 0.12)":"rgba(250, 208, 0, 0.08)",hover:r?"rgba(250, 208, 0, 0.16)":"rgba(250, 208, 0, 0.12)",active:r?"rgba(250, 208, 0, 0.2)":"rgba(250, 208, 0, 0.16)"},text:{default:r?t.colors.yellow[300]:t.colors.yellow[500]},border:{default:r?"rgba(250, 208, 0, 0.3)":"rgba(250, 208, 0, 0.25)"}},green:{background:{default:r?"rgba(51, 189, 72, 0.12)":"rgba(51, 189, 72, 0.08)",hover:r?"rgba(51, 189, 72, 0.16)":"rgba(51, 189, 72, 0.12)",active:r?"rgba(51, 189, 72, 0.2)":"rgba(51, 189, 72, 0.16)"},text:{default:r?t.colors.green[300]:t.colors.green[500]},border:{default:r?"rgba(51, 189, 72, 0.3)":"rgba(51, 189, 72, 0.25)"}},lavender:{background:{default:r?"rgba(99, 79, 214, 0.12)":"rgba(99, 79, 214, 0.08)",hover:r?"rgba(99, 79, 214, 0.16)":"rgba(99, 79, 214, 0.12)",active:r?"rgba(99, 79, 214, 0.2)":"rgba(99, 79, 214, 0.16)"},text:{default:r?t.colors.lavender[300]:t.colors.lavender[500]},border:{default:r?"rgba(99, 79, 214, 0.3)":"rgba(99, 79, 214, 0.25)"}},lilac:{background:{default:r?"rgba(159, 58, 214, 0.12)":"rgba(159, 58, 214, 0.08)",hover:r?"rgba(159, 58, 214, 0.16)":"rgba(159, 58, 214, 0.12)",active:r?"rgba(159, 58, 214, 0.2)":"rgba(159, 58, 214, 0.16)"},text:{default:r?t.colors.lilac[300]:t.colors.lilac[500]},border:{default:r?"rgba(159, 58, 214, 0.3)":"rgba(159, 58, 214, 0.25)"}},carmine:{background:{default:r?"rgba(214, 58, 191, 0.12)":"rgba(214, 58, 191, 0.08)",hover:r?"rgba(214, 58, 191, 0.16)":"rgba(214, 58, 191, 0.12)",active:r?"rgba(214, 58, 191, 0.2)":"rgba(214, 58, 191, 0.16)"},text:{default:r?t.colors.carmine[300]:t.colors.carmine[500]},border:{default:r?"rgba(214, 58, 191, 0.3)":"rgba(214, 58, 191, 0.25)"}},rose:{background:{default:r?"rgba(229, 30, 100, 0.12)":"rgba(229, 30, 100, 0.08)",hover:r?"rgba(229, 30, 100, 0.16)":"rgba(229, 30, 100, 0.12)",active:r?"rgba(229, 30, 100, 0.2)":"rgba(229, 30, 100, 0.16)"},text:{default:r?t.colors.rose[300]:t.colors.rose[500]},border:{default:r?"rgba(229, 30, 100, 0.3)":"rgba(229, 30, 100, 0.25)"}},mint:{background:{default:r?"rgba(71, 192, 214, 0.12)":"rgba(71, 192, 214, 0.08)",hover:r?"rgba(71, 192, 214, 0.16)":"rgba(71, 192, 214, 0.12)",active:r?"rgba(71, 192, 214, 0.2)":"rgba(71, 192, 214, 0.16)"},text:{default:r?t.colors.mint[300]:t.colors.mint[500]},border:{default:r?"rgba(71, 192, 214, 0.3)":"rgba(71, 192, 214, 0.25)"}},olive:{background:{default:r?"rgba(187, 214, 36, 0.12)":"rgba(187, 214, 36, 0.08)",hover:r?"rgba(187, 214, 36, 0.16)":"rgba(187, 214, 36, 0.12)",active:r?"rgba(187, 214, 36, 0.2)":"rgba(187, 214, 36, 0.16)"},text:{default:r?t.colors.olive[300]:t.colors.olive[500]},border:{default:r?"rgba(187, 214, 36, 0.3)":"rgba(187, 214, 36, 0.25)"}},blue:{background:{default:r?"rgba(44, 111, 231, 0.12)":"rgba(44, 111, 231, 0.08)",hover:r?"rgba(44, 111, 231, 0.16)":"rgba(44, 111, 231, 0.12)",active:r?"rgba(44, 111, 231, 0.2)":"rgba(44, 111, 231, 0.16)"},text:{default:o.colors.brand.primary},border:{default:r?"rgba(44, 111, 231, 0.3)":"rgba(44, 111, 231, 0.25)"}}},size:{sm:{height:"18px",fontSize:"10px",lineHeight:"16px",paddingInline:t.spacing.sm,gap:t.spacing.xs,iconSize:"12px",closeIconSize:"8px"},md:{height:"24px",fontSize:"10px",lineHeight:"16px",paddingInline:t.spacing.sm,gap:t.spacing.xs,iconSize:"14px",closeIconSize:"10px"},lg:{height:"32px",fontSize:t.typography.fontSize.xs,lineHeight:"20px",paddingInline:t.spacing.md,gap:t.spacing.sm,iconSize:"16px",closeIconSize:"12px"}},fontWeight:t.typography.fontWeight.regular,borderRadius:t.radii.r2,transition:"0.2s ease",disabled:{opacity:.5}}},oc=({global:t,mode:o})=>{const e=o==="dark";return{background:{base:e?"rgba(148, 163, 184, 0.12)":"rgba(10, 24, 51, 0.05)",highlight:e?"rgba(148, 163, 184, 0.22)":"rgba(10, 24, 51, 0.12)"},animation:{duration:"1.4s",easing:"ease-in-out"},radius:{sm:t.radii.r2,md:t.radii.r3,lg:t.radii.r4,pill:t.radii.r5,circle:t.radii.r0},block:{height:"16px"},text:{lineHeight:"12px",gap:t.spacing.sm,lastLineWidth:"62%"},circle:{size:"40px"}}},rc=({global:t,semantic:o,mode:e})=>{const r=e==="dark";return{circle:{size:{md:"32px",sm:"24px"},fontSize:{md:t.typography.fontSize.sm,sm:t.typography.fontSize.xs},iconSize:{md:"14px",sm:"10px"}},dot:{size:{md:"10px",sm:"8px"},pulseColor:r?"rgba(44, 111, 231, 0.35)":"rgba(44, 111, 231, 0.25)"},line:{color:{default:o.colors.border.primary,active:o.colors.brand.primary},size:"1px"},text:{title:{color:{default:o.colors.text.primary,active:o.colors.brand.primary,error:o.colors.state.danger,waiting:o.colors.text.tertiary},fontWeight:t.typography.fontWeight.medium,fontSize:t.typography.fontSize.sm},description:{color:o.colors.text.secondary,fontSize:t.typography.fontSize.xs}},state:{process:{color:o.colors.brand.primary,bg:o.colors.brand.primary},wait:{color:o.colors.text.tertiary,bg:r?"rgba(148, 163, 184, 0.2)":t.colors.neutral[200]},finish:{color:o.colors.brand.primary,bg:r?"rgba(44, 111, 231, 0.15)":o.colors.brand.primarySubtle},error:{color:o.colors.state.danger,bg:r?"rgba(170, 14, 41, 0.15)":o.colors.state.dangerSubtle}},gap:t.spacing.sm}},nc=({global:t,semantic:o,mode:e})=>{const r=e==="dark";return{container:{width:{expanded:"240px",collapsed:"68px"},background:r?o.colors.background.surface:t.colors.common.white,border:`1px solid ${o.colors.border.primary}`,padding:t.spacing.lg},item:{height:"40px",paddingInline:t.spacing.lg,fontSize:t.typography.fontSize.sm,fontWeight:t.typography.fontWeight.regular,iconSize:"20px",gap:t.spacing.sm,borderRadius:t.radii.r3,background:{default:"transparent",hover:r?o.colors.background.surfaceStrong:o.colors.background.surfaceSubtle,active:r?"linear-gradient(90deg, rgba(1, 148, 255, 0) 0%, rgba(1, 148, 255, 0.2) 100%)":"linear-gradient(90deg, rgba(1, 148, 255, 0) 0%, rgba(1, 148, 255, 0.15) 100%)"},text:{default:o.colors.text.primary,hover:o.colors.text.primary,active:o.colors.text.primary},transition:"0.2s ease"},subItem:{paddingLeft:"20px",background:{default:"transparent",hover:r?o.colors.background.surfaceStrong:o.colors.background.surfaceSubtle,active:r?"linear-gradient(90deg, rgba(1, 148, 255, 0) 0%, rgba(1, 148, 255, 0.2) 100%)":"linear-gradient(90deg, rgba(1, 148, 255, 0) 0%, rgba(1, 148, 255, 0.15) 100%)"}},group:{marginTop:t.spacing.xl,marginBottom:t.spacing.md,gap:t.spacing.xs},groupTitle:{height:"18px",fontSize:t.typography.fontSize.xs,fontWeight:t.typography.fontWeight.regular,color:o.colors.text.secondary,paddingInline:"0",marginBottom:t.spacing.sm},scrollbar:{width:"8px",thumbColor:r?"rgba(255, 255, 255, 0.2)":"rgba(0, 0, 0, 0.2)",trackColor:"transparent"},popover:{background:r?o.colors.background.surface:t.colors.common.white,border:`1px solid ${o.colors.border.primary}`,borderRadius:t.radii.r4,boxShadow:r?"0 4px 12px rgba(0, 0, 0, 0.4)":"0 4px 12px rgba(0, 0, 0, 0.08)",padding:t.spacing.xs,item:{background:{default:"transparent",hover:r?o.colors.background.surfaceStrong:o.colors.background.surfaceSubtle,active:r?"linear-gradient(90deg, rgba(1, 148, 255, 0) 0%, rgba(1, 148, 255, 0.2) 100%)":"linear-gradient(90deg, rgba(1, 148, 255, 0) 0%, rgba(1, 148, 255, 0.15) 100%)"},text:{default:o.colors.text.primary,hover:o.colors.text.primary,active:o.colors.brand.primary}}}}},Ar=t=>({button:Ua(t),iconButton:Ya(t),checkbox:Za(t),radio:Xa(t),switch:Ga(t),input:qa(t),select:Ja(t),numberfield:Qa(t),collapse:ec(t),tag:tc(t),skeleton:oc(t),stepper:rc(t),menu:nc(t)}),oo=(t,o="light")=>{const e={colors:_e.globalColors,spacing:_e.globalSpacing,radii:_e.globalRadii,typography:_e.globalTypography,shadows:_e.globalShadows,gradients:_e.globalGradients};return{global:e,semantic:t,components:Ar({global:e,semantic:t,mode:o})}},ic=oo(_e.lightSemantic,"light"),sc=oo(_e.darkSemantic,"dark");exports.BUTTON_SIZES=en;exports.BUTTON_VARIANTS=Qr;exports.Button=Oo;exports.Checkbox=Je;exports.CheckboxButton=tr;exports.CheckboxWrapper=Er;exports.Collapse=or;exports.CollapseItem=rr;exports.EmptyState=Kl;exports.ICON_BUTTON_APPEARANCES=dn;exports.ICON_BUTTON_SIZES=fn;exports.ICON_BUTTON_TONES=un;exports.IconButton=_o;exports.Input=nr;exports.ListBoxContent=eo;exports.ListBoxPopup=wr;exports.LoadingWrapper=Rr;exports.Menu=ir;exports.MenuGroup=lr;exports.MenuItem=sr;exports.NumberInput=cr;exports.OptionIcon=jr;exports.OptionItem=Sr;exports.OptionText=Cr;exports.PROGRESS_SIZES=al;exports.PROGRESS_STATUSES=cl;exports.PROGRESS_TYPES=ll;exports.Progress=hr;exports.Radio=qt;exports.SWITCH_SIZES=xa;exports.Select=to;exports.SelectIcon=$r;exports.SelectTrigger=kr;exports.SelectValue=Dt;exports.Skeleton=ur;exports.Step=pr;exports.Stepper=fr;exports.SubMenuItem=ar;exports.SubMenuPopover=Gt;exports.Switch=Lr;exports.TABLE_SIZES=ia;exports.TABLE_VARIANTS=sa;exports.Table=aa;exports.Tag=Qe;exports.TagAdd=Qt;exports.TagsContainer=zr;exports.UPLOAD_STATUSES=_a;exports.Upload=Mr;exports.createComponentTokens=Ar;exports.createDesignTheme=oo;exports.defaultDarkDesignTheme=sc;exports.defaultLightDesignTheme=ic;exports.selectSizes=Fl;exports.skeletonRadii=Fs;exports.skeletonVariants=Ns;
|
|
2485
|
+
//# sourceMappingURL=index.cjs.map
|