@kingsoft-ai/design 0.1.11 → 0.1.13
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/dist/index.cjs +1400 -691
- package/dist/index.cjs.map +1 -1
- package/dist/index.mjs +7764 -4683
- package/dist/index.mjs.map +1 -1
- package/dist/types/DesignThemeProvider.d.ts +27 -5
- package/dist/types/button/Button.d.ts +4 -0
- package/dist/types/card/Card.d.ts +34 -0
- package/dist/types/card/Card.style.d.ts +46 -0
- package/dist/types/card/index.d.ts +2 -0
- package/dist/types/card/tokens.d.ts +3 -0
- package/dist/types/floatButton/FloatButton.d.ts +57 -0
- package/dist/types/floatButton/FloatButton.style.d.ts +74 -0
- package/dist/types/floatButton/__tests__/FloatButton.test.d.ts +4 -0
- package/dist/types/floatButton/index.d.ts +4 -0
- package/dist/types/floatButton/tokens.d.ts +3 -0
- package/dist/types/index.d.ts +7 -1
- package/dist/types/link/Link.d.ts +35 -0
- package/dist/types/link/Link.style.d.ts +9 -0
- package/dist/types/link/index.d.ts +3 -0
- package/dist/types/link/tokens.d.ts +3 -0
- package/dist/types/menu/SubMenuPopover.d.ts +1 -1
- package/dist/types/modal/Modal.d.ts +63 -0
- package/dist/types/modal/Modal.style.d.ts +35 -0
- package/dist/types/modal/__tests__/Modal.test.d.ts +1 -0
- package/dist/types/modal/index.d.ts +2 -0
- package/dist/types/modal/tokens.d.ts +11 -0
- package/dist/types/numberInput/NumberInput.d.ts +11 -3
- package/dist/types/select/Select.d.ts +12 -6
- package/dist/types/switch/Switch.d.ts +8 -0
- package/dist/types/theme.d.ts +2 -1
- package/dist/types/tooltip/Tooltip.d.ts +84 -0
- package/dist/types/tooltip/Tooltip.style.d.ts +24 -0
- package/dist/types/tooltip/index.d.ts +2 -0
- package/dist/types/tooltip/tokens.d.ts +11 -0
- package/dist/types/transfer/Transfer.d.ts +117 -0
- package/dist/types/transfer/Transfer.style.d.ts +95 -0
- package/dist/types/transfer/index.d.ts +2 -0
- package/dist/types/transfer/tokens.d.ts +3 -0
- package/dist/types/types/component-tokens.types.d.ts +338 -0
- package/dist/types/types/index.d.ts +6 -0
- package/dist/types/types/theme-utils.d.ts +7 -0
- package/package.json +10 -3
package/dist/index.cjs
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("react"),de=require("react-aria"),S=require("@emotion/styled"),A=require("@emotion/react"),Er=require("react-dom"),Re=require("@kingsoft-ai/theme");function ai(e){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const o=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,o.get?o:{enumerable:!0,get:()=>e[t]})}}return r.default=e,Object.freeze(r)}const Je=ai(f);function li(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var dr={exports:{}},bt={};/**
|
|
2
2
|
* @license React
|
|
3
3
|
* react-jsx-runtime.production.js
|
|
4
4
|
*
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
*
|
|
7
7
|
* This source code is licensed under the MIT license found in the
|
|
8
8
|
* LICENSE file in the root directory of this source tree.
|
|
9
|
-
*/var
|
|
9
|
+
*/var Gr;function ci(){if(Gr)return bt;Gr=1;var e=Symbol.for("react.transitional.element"),r=Symbol.for("react.fragment");function t(o,n,i){var s=null;if(i!==void 0&&(s=""+i),n.key!==void 0&&(s=""+n.key),"key"in n){i={};for(var a in n)a!=="key"&&(i[a]=n[a])}else i=n;return n=i.ref,{$$typeof:e,type:o,key:s,ref:n!==void 0?n:null,props:i}}return bt.Fragment=r,bt.jsx=t,bt.jsxs=t,bt}var gt={};/**
|
|
10
10
|
* @license React
|
|
11
11
|
* react-jsx-runtime.development.js
|
|
12
12
|
*
|
|
@@ -14,22 +14,22 @@
|
|
|
14
14
|
*
|
|
15
15
|
* This source code is licensed under the MIT license found in the
|
|
16
16
|
* LICENSE file in the root directory of this source tree.
|
|
17
|
-
*/var
|
|
17
|
+
*/var qr;function di(){return qr||(qr=1,process.env.NODE_ENV!=="production"&&function(){function e(u){if(u==null)return null;if(typeof u=="function")return u.$$typeof===O?null:u.displayName||u.name||null;if(typeof u=="string")return u;switch(u){case $:return"Fragment";case w:return"Profiler";case k:return"StrictMode";case j:return"Suspense";case E:return"SuspenseList";case M:return"Activity"}if(typeof u=="object")switch(typeof u.tag=="number"&&console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),u.$$typeof){case y:return"Portal";case v:return u.displayName||"Context";case C:return(u._context.displayName||"Context")+".Consumer";case x:var T=u.render;return u=u.displayName,u||(u=T.displayName||T.name||"",u=u!==""?"ForwardRef("+u+")":"ForwardRef"),u;case z:return T=u.displayName||null,T!==null?T:e(u.type)||"Memo";case I:T=u._payload,u=u._init;try{return e(u(T))}catch{}}return null}function r(u){return""+u}function t(u){try{r(u);var T=!1}catch{T=!0}if(T){T=console;var R=T.error,L=typeof Symbol=="function"&&Symbol.toStringTag&&u[Symbol.toStringTag]||u.constructor.name||"Object";return R.call(T,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",L),r(u)}}function o(u){if(u===$)return"<>";if(typeof u=="object"&&u!==null&&u.$$typeof===I)return"<...>";try{var T=e(u);return T?"<"+T+">":"<...>"}catch{return"<...>"}}function n(){var u=D.A;return u===null?null:u.getOwner()}function i(){return Error("react-stack-top-frame")}function s(u){if(V.call(u,"key")){var T=Object.getOwnPropertyDescriptor(u,"key").get;if(T&&T.isReactWarning)return!1}return u.key!==void 0}function a(u,T){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)",T))}R.isReactWarning=!0,Object.defineProperty(u,"key",{get:R,configurable:!0})}function d(){var u=e(this.type);return B[u]||(B[u]=!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.")),u=this.props.ref,u!==void 0?u:null}function c(u,T,R,L,N,Y){var W=R.ref;return u={$$typeof:g,type:u,key:T,props:R,_owner:L},(W!==void 0?W:null)!==null?Object.defineProperty(u,"ref",{enumerable:!1,get:d}):Object.defineProperty(u,"ref",{enumerable:!1,value:null}),u._store={},Object.defineProperty(u._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(u,"_debugInfo",{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.defineProperty(u,"_debugStack",{configurable:!1,enumerable:!1,writable:!0,value:N}),Object.defineProperty(u,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:Y}),Object.freeze&&(Object.freeze(u.props),Object.freeze(u)),u}function p(u,T,R,L,N,Y){var W=T.children;if(W!==void 0)if(L)if(F(W)){for(L=0;L<W.length;L++)m(W[L]);Object.freeze&&Object.freeze(W)}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(W);if(V.call(T,"key")){W=e(u);var J=Object.keys(T).filter(function(oe){return oe!=="key"});L=0<J.length?"{key: someKey, "+J.join(": ..., ")+": ...}":"{key: someKey}",X[W+L]||(J=0<J.length?"{"+J.join(": ..., ")+": ...}":"{}",console.error(`A props object containing a "key" prop is being spread into JSX:
|
|
18
18
|
let props = %s;
|
|
19
19
|
<%s {...props} />
|
|
20
20
|
React keys must be passed directly to JSX without using spread:
|
|
21
21
|
let props = %s;
|
|
22
|
-
<%s key={someKey} {...props} />`,O,D,J,D),Z[D+O]=!0)}if(D=null,R!==void 0&&(e(R),D=""+R),s(z)&&(e(z.key),D=""+z.key),"key"in z){R={};for(var q in z)q!=="key"&&(R[q]=z[q])}else R=z;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===L&&(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===y}var b=g,y=Symbol.for("react.transitional.element"),x=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"),p=Symbol.for("react.forward_ref"),S=Symbol.for("react.suspense"),E=Symbol.for("react.suspense_list"),T=Symbol.for("react.memo"),L=Symbol.for("react.lazy"),I=Symbol.for("react.activity"),B=Symbol.for("react.client.reference"),M=b.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,A=Object.prototype.hasOwnProperty,V=Array.isArray,P=console.createTask?console.createTask:function(){return null};b={react_stack_bottom_frame:function(c){return c()}};var F,H={},W=b.react_stack_bottom_frame.bind(b,i)(),Y=P(o(i)),Z={};We.Fragment=$,We.jsx=function(c,z,R){var O=1e4>M.recentlyCreatedOwnerStacks++;return f(c,z,R,!1,O?Error("react-stack-top-frame"):W,O?P(o(c)):Y)},We.jsxs=function(c,z,R){var O=1e4>M.recentlyCreatedOwnerStacks++;return f(c,z,R,!0,O?Error("react-stack-top-frame"):W,O?P(o(c)):Y)}}()),We}process.env.NODE_ENV==="production"?It.exports=Vo():It.exports=Do();var a=It.exports;let Lt=new Map;typeof FinalizationRegistry<"u"&&new FinalizationRegistry(t=>{Lt.delete(t)});function Ko(t,r){if(t===r)return t;let e=Lt.get(t);if(e)return e.forEach(n=>n.current=r),r;let o=Lt.get(r);return o?(o.forEach(n=>n.current=t),t):r}function Bo(...t){return(...r)=>{for(let e of t)typeof e=="function"&&e(...r)}}function Pr(t){var r,e,o="";if(typeof t=="string"||typeof t=="number")o+=t;else if(typeof t=="object")if(Array.isArray(t)){var n=t.length;for(r=0;r<n;r++)t[r]&&(e=Pr(t[r]))&&(o&&(o+=" "),o+=e)}else for(e in t)t[e]&&(o&&(o+=" "),o+=e);return o}function Ho(){for(var t,r,e=0,o="",n=arguments.length;e<n;e++)(t=arguments[e])&&(r=Pr(t))&&(o&&(o+=" "),o+=r);return o}function ut(...t){let r={...t[0]};for(let e=1;e<t.length;e++){let o=t[e];for(let n in o){let i=r[n],s=o[n];typeof i=="function"&&typeof s=="function"&&n[0]==="o"&&n[1]==="n"&&n.charCodeAt(2)>=65&&n.charCodeAt(2)<=90?r[n]=Bo(i,s):(n==="className"||n==="UNSAFE_className")&&typeof i=="string"&&typeof s=="string"?r[n]=Ho(i,s):n==="id"&&i&&s?r.id=Ko(i,s):r[n]=s!==void 0?s:i}}return r}function Wo(t){if(Uo())t.focus({preventScroll:!0});else{let r=Yo(t);t.focus(),Zo(r)}}let ot=null;function Uo(){if(ot==null){ot=!1;try{document.createElement("div").focus({get preventScroll(){return ot=!0,!0}})}catch{}}return ot}function Yo(t){let r=t.parentNode,e=[],o=document.scrollingElement||document.documentElement;for(;r instanceof HTMLElement&&r!==o;)(r.offsetHeight<r.scrollHeight||r.offsetWidth<r.scrollWidth)&&e.push({element:r,scrollTop:r.scrollTop,scrollLeft:r.scrollLeft}),r=r.parentNode;return o instanceof HTMLElement&&e.push({element:o,scrollTop:o.scrollTop,scrollLeft:o.scrollLeft}),e}function Zo(t){for(let{element:r,scrollTop:e,scrollLeft:o}of t)r.scrollTop=e,r.scrollLeft=o}function ft(t,r,e){let[o,n]=g.useState(t||r),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:o,d=g.useCallback((u,...f)=>{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,...y)=>{let x=u(s?l:b,...y);return m(x,...f),s?b:x})):(s||n(u),m(u,...f))},[s,l,e]);return[l,d]}const Xo=["primary","secondary","text","danger","gradient"],Go=["sm","md","lg"],qo=(t,r)=>{const e=r.components.button[t],o="shadow"in e;if(t==="gradient"){const u=e,f=u.shadow.default,m=u.shadow.hover;return _.css`
|
|
22
|
+
<%s key={someKey} {...props} />`,L,W,J,W),X[W+L]=!0)}if(W=null,R!==void 0&&(t(R),W=""+R),s(T)&&(t(T.key),W=""+T.key),"key"in T){R={};for(var G in T)G!=="key"&&(R[G]=T[G])}else R=T;return W&&a(R,typeof u=="function"?u.displayName||u.name||"Unknown":u),c(u,W,R,n(),N,Y)}function m(u){b(u)?u._store&&(u._store.validated=1):typeof u=="object"&&u!==null&&u.$$typeof===I&&(u._payload.status==="fulfilled"?b(u._payload.value)&&u._payload.value._store&&(u._payload.value._store.validated=1):u._store&&(u._store.validated=1))}function b(u){return typeof u=="object"&&u!==null&&u.$$typeof===g}var h=f,g=Symbol.for("react.transitional.element"),y=Symbol.for("react.portal"),$=Symbol.for("react.fragment"),k=Symbol.for("react.strict_mode"),w=Symbol.for("react.profiler"),C=Symbol.for("react.consumer"),v=Symbol.for("react.context"),x=Symbol.for("react.forward_ref"),j=Symbol.for("react.suspense"),E=Symbol.for("react.suspense_list"),z=Symbol.for("react.memo"),I=Symbol.for("react.lazy"),M=Symbol.for("react.activity"),O=Symbol.for("react.client.reference"),D=h.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,V=Object.prototype.hasOwnProperty,F=Array.isArray,P=console.createTask?console.createTask:function(){return null};h={react_stack_bottom_frame:function(u){return u()}};var K,B={},_=h.react_stack_bottom_frame.bind(h,i)(),H=P(o(i)),X={};gt.Fragment=$,gt.jsx=function(u,T,R){var L=1e4>D.recentlyCreatedOwnerStacks++;return p(u,T,R,!1,L?Error("react-stack-top-frame"):_,L?P(o(u)):H)},gt.jsxs=function(u,T,R){var L=1e4>D.recentlyCreatedOwnerStacks++;return p(u,T,R,!0,L?Error("react-stack-top-frame"):_,L?P(o(u)):H)}}()),gt}process.env.NODE_ENV==="production"?dr.exports=ci():dr.exports=di();var l=dr.exports;const Xe=typeof document<"u"?f.useLayoutEffect:()=>{};let ur=new Map;typeof FinalizationRegistry<"u"&&new FinalizationRegistry(e=>{ur.delete(e)});function ui(e,r){if(e===r)return e;let t=ur.get(e);if(t)return t.forEach(n=>n.current=r),r;let o=ur.get(r);return o?(o.forEach(n=>n.current=e),e):r}function fi(...e){return(...r)=>{for(let t of e)typeof t=="function"&&t(...r)}}const Me=e=>{var r;return(r=e==null?void 0:e.ownerDocument)!==null&&r!==void 0?r:document},Ft=e=>e&&"window"in e&&e.window===e?e:Me(e).defaultView||window;function pi(e){return e!==null&&typeof e=="object"&&"nodeType"in e&&typeof e.nodeType=="number"}function hi(e){return pi(e)&&e.nodeType===Node.DOCUMENT_FRAGMENT_NODE&&"host"in e}let bi=!1;function Bt(){return bi}function Jr(e,r){if(!Bt())return r&&e?e.contains(r):!1;if(!e||!r)return!1;let t=r;for(;t!==null;){if(t===e)return!0;t.tagName==="SLOT"&&t.assignedSlot?t=t.assignedSlot.parentNode:hi(t)?t=t.host:t=t.parentNode}return!1}const Ue=(e=document)=>{var r;if(!Bt())return e.activeElement;let t=e.activeElement;for(;t&&"shadowRoot"in t&&(!((r=t.shadowRoot)===null||r===void 0)&&r.activeElement);)t=t.shadowRoot.activeElement;return t};function lt(e){return Bt()&&e.target.shadowRoot&&e.composedPath?e.composedPath()[0]:e.target}class gi{get currentNode(){return this._currentNode}set currentNode(r){if(!Jr(this.root,r))throw new Error("Cannot set currentNode to a node that is not contained by the root node.");const t=[];let o=r,n=r;for(this._currentNode=r;o&&o!==this.root;)if(o.nodeType===Node.DOCUMENT_FRAGMENT_NODE){const s=o,a=this._doc.createTreeWalker(s,this.whatToShow,{acceptNode:this._acceptNode});t.push(a),a.currentNode=n,this._currentSetFor.add(a),o=n=s.host}else o=o.parentNode;const i=this._doc.createTreeWalker(this.root,this.whatToShow,{acceptNode:this._acceptNode});t.push(i),i.currentNode=n,this._currentSetFor.add(i),this._walkerStack=t}get doc(){return this._doc}firstChild(){let r=this.currentNode,t=this.nextNode();return Jr(r,t)?(t&&(this.currentNode=t),t):(this.currentNode=r,null)}lastChild(){let t=this._walkerStack[0].lastChild();return t&&(this.currentNode=t),t}nextNode(){const r=this._walkerStack[0].nextNode();if(r){if(r.shadowRoot){var t;let n;if(typeof this.filter=="function"?n=this.filter(r):!((t=this.filter)===null||t===void 0)&&t.acceptNode&&(n=this.filter.acceptNode(r)),n===NodeFilter.FILTER_ACCEPT)return this.currentNode=r,r;let i=this.nextNode();return i&&(this.currentNode=i),i}return r&&(this.currentNode=r),r}else if(this._walkerStack.length>1){this._walkerStack.shift();let o=this.nextNode();return o&&(this.currentNode=o),o}else return null}previousNode(){const r=this._walkerStack[0];if(r.currentNode===r.root){if(this._currentSetFor.has(r))if(this._currentSetFor.delete(r),this._walkerStack.length>1){this._walkerStack.shift();let n=this.previousNode();return n&&(this.currentNode=n),n}else return null;return null}const t=r.previousNode();if(t){if(t.shadowRoot){var o;let i;if(typeof this.filter=="function"?i=this.filter(t):!((o=this.filter)===null||o===void 0)&&o.acceptNode&&(i=this.filter.acceptNode(t)),i===NodeFilter.FILTER_ACCEPT)return t&&(this.currentNode=t),t;let s=this.lastChild();return s&&(this.currentNode=s),s}return t&&(this.currentNode=t),t}else if(this._walkerStack.length>1){this._walkerStack.shift();let n=this.previousNode();return n&&(this.currentNode=n),n}else return null}nextSibling(){return null}previousSibling(){return null}parentNode(){return null}constructor(r,t,o,n){this._walkerStack=[],this._currentSetFor=new Set,this._acceptNode=s=>{if(s.nodeType===Node.ELEMENT_NODE){const d=s.shadowRoot;if(d){const c=this._doc.createTreeWalker(d,this.whatToShow,{acceptNode:this._acceptNode});return this._walkerStack.unshift(c),NodeFilter.FILTER_ACCEPT}else{var a;if(typeof this.filter=="function")return this.filter(s);if(!((a=this.filter)===null||a===void 0)&&a.acceptNode)return this.filter.acceptNode(s);if(this.filter===null)return NodeFilter.FILTER_ACCEPT}}return NodeFilter.FILTER_SKIP},this._doc=r,this.root=t,this.filter=n??null,this.whatToShow=o??NodeFilter.SHOW_ALL,this._currentNode=t,this._walkerStack.unshift(r.createTreeWalker(t,o,this._acceptNode));const i=t.shadowRoot;if(i){const s=this._doc.createTreeWalker(i,this.whatToShow,{acceptNode:this._acceptNode});this._walkerStack.unshift(s)}}}function mi(e,r,t,o){return Bt()?new gi(e,r,t,o):e.createTreeWalker(r,t,o)}function _o(e){var r,t,o="";if(typeof e=="string"||typeof e=="number")o+=e;else if(typeof e=="object")if(Array.isArray(e)){var n=e.length;for(r=0;r<n;r++)e[r]&&(t=_o(e[r]))&&(o&&(o+=" "),o+=t)}else for(t in e)e[t]&&(o&&(o+=" "),o+=t);return o}function xi(){for(var e,r,t=0,o="",n=arguments.length;t<n;t++)(e=arguments[t])&&(r=_o(e))&&(o&&(o+=" "),o+=r);return o}function et(...e){let r={...e[0]};for(let t=1;t<e.length;t++){let o=e[t];for(let n in o){let i=r[n],s=o[n];typeof i=="function"&&typeof s=="function"&&n[0]==="o"&&n[1]==="n"&&n.charCodeAt(2)>=65&&n.charCodeAt(2)<=90?r[n]=fi(i,s):(n==="className"||n==="UNSAFE_className")&&typeof i=="string"&&typeof s=="string"?r[n]=xi(i,s):n==="id"&&i&&s?r.id=ui(i,s):r[n]=s!==void 0?s:i}}return r}function fr(e){if(yi())e.focus({preventScroll:!0});else{let r=vi(e);e.focus(),$i(r)}}let Lt=null;function yi(){if(Lt==null){Lt=!1;try{document.createElement("div").focus({get preventScroll(){return Lt=!0,!0}})}catch{}}return Lt}function vi(e){let r=e.parentNode,t=[],o=document.scrollingElement||document.documentElement;for(;r instanceof HTMLElement&&r!==o;)(r.offsetHeight<r.scrollHeight||r.offsetWidth<r.scrollWidth)&&t.push({element:r,scrollTop:r.scrollTop,scrollLeft:r.scrollLeft}),r=r.parentNode;return o instanceof HTMLElement&&t.push({element:o,scrollTop:o.scrollTop,scrollLeft:o.scrollLeft}),t}function $i(e){for(let{element:r,scrollTop:t,scrollLeft:o}of e)r.scrollTop=t,r.scrollLeft=o}function Vt(e){var r;if(typeof window>"u"||window.navigator==null)return!1;let t=(r=window.navigator.userAgentData)===null||r===void 0?void 0:r.brands;return Array.isArray(t)&&t.some(o=>e.test(o.brand))||e.test(window.navigator.userAgent)}function Tr(e){var r;return typeof window<"u"&&window.navigator!=null?e.test(((r=window.navigator.userAgentData)===null||r===void 0?void 0:r.platform)||window.navigator.platform):!1}function tt(e){if(process.env.NODE_ENV==="test")return e;let r=null;return()=>(r==null&&(r=e()),r)}const Rr=tt(function(){return Tr(/^Mac/i)}),wi=tt(function(){return Tr(/^iPhone/i)}),ki=tt(function(){return Tr(/^iPad/i)||Rr()&&navigator.maxTouchPoints>1}),Si=tt(function(){return wi()||ki()});tt(function(){return Rr()||Si()});tt(function(){return Vt(/AppleWebKit/i)&&!Fo()});const Fo=tt(function(){return Vt(/Chrome/i)}),Oo=tt(function(){return Vt(/Android/i)});tt(function(){return Vt(/Firefox/i)});let rt=new Map,pr=new Set;function Qr(){if(typeof window>"u")return;function e(o){return"propertyName"in o}let r=o=>{if(!e(o)||!o.target)return;let n=rt.get(o.target);n||(n=new Set,rt.set(o.target,n),o.target.addEventListener("transitioncancel",t,{once:!0})),n.add(o.propertyName)},t=o=>{if(!e(o)||!o.target)return;let n=rt.get(o.target);if(n&&(n.delete(o.propertyName),n.size===0&&(o.target.removeEventListener("transitioncancel",t),rt.delete(o.target)),rt.size===0)){for(let i of pr)i();pr.clear()}};document.body.addEventListener("transitionrun",r),document.body.addEventListener("transitionend",t)}typeof document<"u"&&(document.readyState!=="loading"?Qr():document.addEventListener("DOMContentLoaded",Qr));function Ci(){for(const[e]of rt)"isConnected"in e&&!e.isConnected&&rt.delete(e)}function ji(e){requestAnimationFrame(()=>{Ci(),rt.size===0?e():pr.add(e)})}function Ei(e){return e.pointerType===""&&e.isTrusted?!0:Oo()&&e.pointerType?e.type==="click"&&e.buttons===1:e.detail===0&&!e.pointerType}const Ti=typeof Element<"u"&&"checkVisibility"in Element.prototype;function Ri(e){const r=Ft(e);if(!(e instanceof r.HTMLElement)&&!(e instanceof r.SVGElement))return!1;let{display:t,visibility:o}=e.style,n=t!=="none"&&o!=="hidden"&&o!=="collapse";if(n){const{getComputedStyle:i}=e.ownerDocument.defaultView;let{display:s,visibility:a}=i(e);n=s!=="none"&&a!=="hidden"&&a!=="collapse"}return n}function zi(e,r){return!e.hasAttribute("hidden")&&!e.hasAttribute("data-react-aria-prevent-focus")&&(e.nodeName==="DETAILS"&&r&&r.nodeName!=="SUMMARY"?e.hasAttribute("open"):!0)}function zr(e,r){return Ti?e.checkVisibility({visibilityProperty:!0})&&!e.closest("[data-react-aria-prevent-focus]"):e.nodeName!=="#comment"&&Ri(e)&&zi(e,r)&&(!e.parentElement||zr(e.parentElement,e))}const Lr=["input:not([disabled]):not([type=hidden])","select:not([disabled])","textarea:not([disabled])","button:not([disabled])","a[href]","area[href]","summary","iframe","object","embed","audio[controls]","video[controls]",'[contenteditable]:not([contenteditable^="false"])',"permission"],Li=Lr.join(":not([hidden]),")+",[tabindex]:not([disabled]):not([hidden])";Lr.push('[tabindex]:not([tabindex="-1"]):not([disabled])');const Mi=Lr.join(':not([hidden]):not([tabindex="-1"]),');function Ni(e){return e.matches(Li)&&zr(e)&&!Do(e)}function Ii(e){return e.matches(Mi)&&zr(e)&&!Do(e)}function Do(e){let r=e;for(;r!=null;){if(r instanceof r.ownerDocument.defaultView.HTMLElement&&r.inert)return!0;r=r.parentElement}return!1}function Ht(e,r,t){let[o,n]=f.useState(e||r),i=f.useRef(e!==void 0),s=e!==void 0;f.useEffect(()=>{let c=i.current;c!==s&&process.env.NODE_ENV!=="production"&&console.warn(`WARN: A component changed from ${c?"controlled":"uncontrolled"} to ${s?"controlled":"uncontrolled"}.`),i.current=s},[s]);let a=s?e:o,d=f.useCallback((c,...p)=>{let m=(b,...h)=>{t&&(Object.is(a,b)||t(b,...h)),s||(a=b)};typeof c=="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((h,...g)=>{let y=c(s?a:h,...g);return m(y,...p),s?h:y})):(s||n(c),m(c,...p))},[s,a,t]);return[a,d]}const Pi=["primary","secondary","text","danger","gradient"],Ai=["sm","md","lg"],_i=(e,r)=>{const t=r.components.button[e],o="shadow"in t;if(e==="gradient"){const c=t,p=c.shadow.default,m=c.shadow.hover;return A.css`
|
|
23
23
|
position: relative;
|
|
24
|
-
color: ${
|
|
24
|
+
color: ${c.text.default};
|
|
25
25
|
border-color: transparent; /* 渐变无边框,保留 1px 以保持高度一致 */
|
|
26
|
-
box-shadow: ${
|
|
26
|
+
box-shadow: ${p};
|
|
27
27
|
|
|
28
28
|
/* 默认渐变背景 */
|
|
29
29
|
background: linear-gradient(
|
|
30
30
|
90deg,
|
|
31
|
-
${
|
|
32
|
-
${
|
|
31
|
+
${c.background.gradientFrom} 0%,
|
|
32
|
+
${c.background.gradientTo} 100%
|
|
33
33
|
);
|
|
34
34
|
background-origin: border-box;
|
|
35
35
|
|
|
@@ -44,8 +44,8 @@ React keys must be passed directly to JSX without using spread:
|
|
|
44
44
|
border-radius: inherit;
|
|
45
45
|
background: linear-gradient(
|
|
46
46
|
90deg,
|
|
47
|
-
${
|
|
48
|
-
${
|
|
47
|
+
${c.background.gradientTo} 0%,
|
|
48
|
+
${c.background.gradientFrom} 100%
|
|
49
49
|
);
|
|
50
50
|
opacity: 0;
|
|
51
51
|
transition: opacity 0.6s ease;
|
|
@@ -73,11 +73,11 @@ React keys must be passed directly to JSX without using spread:
|
|
|
73
73
|
box-shadow: none;
|
|
74
74
|
transform: translateY(1px);
|
|
75
75
|
}
|
|
76
|
-
`}const n=(
|
|
77
|
-
background: ${
|
|
78
|
-
color: ${
|
|
79
|
-
border-color: ${
|
|
80
|
-
box-shadow: ${
|
|
76
|
+
`}const n=(c,p)=>c[p]??c.default,i=c=>n(t.border,c),s=c=>n(t.background,c),a=o?t.shadow.default:"none",d=o?t.shadow.hover??"none":"none";return A.css`
|
|
77
|
+
background: ${t.background.default};
|
|
78
|
+
color: ${t.text.default};
|
|
79
|
+
border-color: ${t.border.default};
|
|
80
|
+
box-shadow: ${a};
|
|
81
81
|
|
|
82
82
|
/* Hover 状态 */
|
|
83
83
|
&:hover:not(:disabled):not([data-loading='true']) {
|
|
@@ -94,17 +94,17 @@ React keys must be passed directly to JSX without using spread:
|
|
|
94
94
|
box-shadow: none;
|
|
95
95
|
transform: translateY(1px);
|
|
96
96
|
}
|
|
97
|
-
`},
|
|
98
|
-
height: ${
|
|
99
|
-
font-size: ${
|
|
100
|
-
padding-inline: ${
|
|
97
|
+
`},Fi=(e,r)=>{const t=r.components.button.size[e];return A.css`
|
|
98
|
+
height: ${t.height};
|
|
99
|
+
font-size: ${t.fontSize};
|
|
100
|
+
padding-inline: ${t.paddingInline};
|
|
101
101
|
|
|
102
102
|
/* 图标尺寸 */
|
|
103
103
|
svg {
|
|
104
|
-
width: ${
|
|
105
|
-
height: ${
|
|
104
|
+
width: ${t.iconSize};
|
|
105
|
+
height: ${t.iconSize};
|
|
106
106
|
}
|
|
107
|
-
`},
|
|
107
|
+
`},Oi=S.button`
|
|
108
108
|
/* 基础样式 - 使用 Tier 3 组件层 Token */
|
|
109
109
|
position: relative;
|
|
110
110
|
display: inline-flex;
|
|
@@ -113,15 +113,15 @@ React keys must be passed directly to JSX without using spread:
|
|
|
113
113
|
box-sizing: border-box;
|
|
114
114
|
|
|
115
115
|
/* 字体样式 */
|
|
116
|
-
font-family: ${({theme:
|
|
117
|
-
font-weight: ${({theme:
|
|
116
|
+
font-family: ${({theme:e})=>{var r,t;return((t=(r=e==null?void 0:e.global)==null?void 0:r.typography)==null?void 0:t.fontFamily)||'-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif'}};
|
|
117
|
+
font-weight: ${({theme:e})=>{var r,t;return((t=(r=e==null?void 0:e.components)==null?void 0:r.button)==null?void 0:t.fontWeight)||500}};
|
|
118
118
|
line-height: 1;
|
|
119
119
|
white-space: nowrap;
|
|
120
120
|
|
|
121
121
|
/* 边框样式 */
|
|
122
122
|
border-width: 1px;
|
|
123
123
|
border-style: solid;
|
|
124
|
-
border-radius: ${({theme:
|
|
124
|
+
border-radius: ${({theme:e})=>{var r,t;return((t=(r=e==null?void 0:e.components)==null?void 0:r.button)==null?void 0:t.borderRadius)||"6px"}};
|
|
125
125
|
|
|
126
126
|
/* 交互样式 */
|
|
127
127
|
cursor: pointer;
|
|
@@ -130,34 +130,34 @@ React keys must be passed directly to JSX without using spread:
|
|
|
130
130
|
|
|
131
131
|
/* 过渡动画 */
|
|
132
132
|
transition:
|
|
133
|
-
background ${({theme:
|
|
134
|
-
border-color ${({theme:
|
|
135
|
-
box-shadow ${({theme:
|
|
136
|
-
transform ${({theme:
|
|
133
|
+
background ${({theme:e})=>{var r,t;return((t=(r=e==null?void 0:e.components)==null?void 0:r.button)==null?void 0:t.transition)||"0.2s ease"}},
|
|
134
|
+
border-color ${({theme:e})=>{var r,t;return((t=(r=e==null?void 0:e.components)==null?void 0:r.button)==null?void 0:t.transition)||"0.2s ease"}},
|
|
135
|
+
box-shadow ${({theme:e})=>{var r,t;return((t=(r=e==null?void 0:e.components)==null?void 0:r.button)==null?void 0:t.transition)||"0.2s ease"}},
|
|
136
|
+
transform ${({theme:e})=>{var r,t;return((t=(r=e==null?void 0:e.components)==null?void 0:r.button)==null?void 0:t.transition)||"0.2s ease"}};
|
|
137
137
|
|
|
138
138
|
/* 变体样式 */
|
|
139
|
-
${({variant:
|
|
139
|
+
${({variant:e,theme:r})=>_i(e,r)}
|
|
140
140
|
|
|
141
141
|
/* 尺寸样式 */
|
|
142
|
-
${({size:
|
|
142
|
+
${({size:e,theme:r})=>Fi(e,r)}
|
|
143
143
|
|
|
144
144
|
/* 全宽模式 */
|
|
145
|
-
${({fullWidth:
|
|
145
|
+
${({fullWidth:e})=>e&&A.css`
|
|
146
146
|
width: 100%;
|
|
147
147
|
`}
|
|
148
148
|
|
|
149
149
|
/* Focus 可见状态 - 键盘导航时显示 */
|
|
150
150
|
&:focus-visible {
|
|
151
|
-
outline: 2px solid ${({theme:
|
|
151
|
+
outline: 2px solid ${({theme:e})=>{var r,t,o,n;return((n=(o=(t=(r=e==null?void 0:e.components)==null?void 0:r.button)==null?void 0:t.primary)==null?void 0:o.background)==null?void 0:n.default)||"#1677ff"}};
|
|
152
152
|
outline-offset: 2px;
|
|
153
153
|
}
|
|
154
154
|
|
|
155
155
|
/* 禁用状态 */
|
|
156
156
|
&:disabled {
|
|
157
157
|
cursor: not-allowed;
|
|
158
|
-
opacity: ${({theme:
|
|
159
|
-
background: ${({theme:
|
|
160
|
-
color: ${({theme:
|
|
158
|
+
opacity: ${({theme:e})=>{var r,t,o;return((o=(t=(r=e==null?void 0:e.components)==null?void 0:r.button)==null?void 0:t.disabled)==null?void 0:o.opacity)||.5}};
|
|
159
|
+
background: ${({theme:e})=>{var r,t,o,n;return((n=(o=(t=(r=e==null?void 0:e.components)==null?void 0:r.button)==null?void 0:t.disabled)==null?void 0:o.background)==null?void 0:n.default)||"#f5f5f5"}};
|
|
160
|
+
color: ${({theme:e})=>{var r,t,o,n;return((n=(o=(t=(r=e==null?void 0:e.components)==null?void 0:r.button)==null?void 0:t.disabled)==null?void 0:o.text)==null?void 0:n.default)||"rgba(0, 0, 0, 0.25)"}};
|
|
161
161
|
border-color: transparent;
|
|
162
162
|
box-shadow: none;
|
|
163
163
|
}
|
|
@@ -183,35 +183,35 @@ React keys must be passed directly to JSX without using spread:
|
|
|
183
183
|
transform: rotate(360deg);
|
|
184
184
|
}
|
|
185
185
|
}
|
|
186
|
-
`,
|
|
186
|
+
`,Di=S.span`
|
|
187
187
|
display: inline-flex;
|
|
188
188
|
align-items: center;
|
|
189
189
|
justify-content: center;
|
|
190
|
-
gap: ${({theme:
|
|
190
|
+
gap: ${({theme:e})=>{var r,t;return((t=(r=e==null?void 0:e.components)==null?void 0:r.button)==null?void 0:t.gap)||"8px"}};
|
|
191
191
|
position: relative;
|
|
192
|
-
`,
|
|
192
|
+
`,eo=S.span`
|
|
193
193
|
display: inline-flex;
|
|
194
194
|
align-items: center;
|
|
195
195
|
justify-content: center;
|
|
196
196
|
flex-shrink: 0;
|
|
197
197
|
|
|
198
|
-
transition: opacity ${({theme:
|
|
198
|
+
transition: opacity ${({theme:e})=>{var r,t;return((t=(r=e==null?void 0:e.components)==null?void 0:r.button)==null?void 0:t.transition)||"0.2s ease"}};
|
|
199
199
|
|
|
200
|
-
${({isLoading:
|
|
200
|
+
${({isLoading:e})=>e&&A.css`
|
|
201
201
|
opacity: 0;
|
|
202
202
|
pointer-events: none;
|
|
203
203
|
`}
|
|
204
|
-
`,
|
|
204
|
+
`,Ki=S.span`
|
|
205
205
|
display: inline-flex;
|
|
206
206
|
align-items: center;
|
|
207
207
|
justify-content: center;
|
|
208
208
|
|
|
209
|
-
transition: opacity ${({theme:
|
|
209
|
+
transition: opacity ${({theme:e})=>{var r,t;return((t=(r=e==null?void 0:e.components)==null?void 0:r.button)==null?void 0:t.transition)||"0.2s ease"}};
|
|
210
210
|
|
|
211
|
-
${({isLoading:
|
|
211
|
+
${({isLoading:e})=>e&&A.css`
|
|
212
212
|
opacity: 0.4;
|
|
213
213
|
`}
|
|
214
|
-
`,
|
|
214
|
+
`,Bi=Pi,Vi=Ai,Ko=f.forwardRef(({variant:e="primary",size:r="md",icon:t,loading:o=!1,fullWidth:n=!1,disabled:i,isDisabled:s,className:a,children:d,...c},p)=>{const m=f.useRef(null),b=p||m,h=(i??s)||o,{buttonProps:g,isPressed:y}=de.useButton({...c,isDisabled:h,elementType:"button"},m);return l.jsx(Oi,{...et(g,{ref:b,className:a}),variant:e,size:r,fullWidth:n,isPressed:y,isDisabled:h,isLoading:o,"data-variant":e,"data-size":r,"data-loading":o?"true":void 0,"data-pressed":y?"true":void 0,children:l.jsxs(Di,{children:[t&&l.jsx(eo,{isLoading:o,"aria-hidden":"true",children:t}),l.jsx(Ki,{isLoading:o,children:d}),o&&l.jsx(eo,{isLoading:!1,"aria-label":"加载中",role:"status",children:l.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:l.jsx("circle",{cx:"8",cy:"8",r:"6",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeDasharray:"30 10"})})})]})})});Ko.displayName="Button";const Hi=["solid","outline","ghost"],Wi=["primary","neutral","danger"],Ui=["sm","md","lg"],Yi=(e,r,t)=>{var p,m;const o=t.components.iconButton.appearance[e][r],n=b=>({background:o.background[b],border:o.border[b]??o.border.hover??o.border.default,icon:o.icon[b]??o.icon.hover??o.icon.default}),i=n("default"),s=n("hover"),a=n("active"),d=((p=o.shadow)==null?void 0:p.default)??"none",c=((m=o.shadow)==null?void 0:m.hover)??d;return A.css`
|
|
215
215
|
background: ${i.background};
|
|
216
216
|
border-color: ${i.border};
|
|
217
217
|
color: ${i.icon};
|
|
@@ -221,29 +221,29 @@ React keys must be passed directly to JSX without using spread:
|
|
|
221
221
|
background: ${s.background};
|
|
222
222
|
border-color: ${s.border};
|
|
223
223
|
color: ${s.icon};
|
|
224
|
-
box-shadow: ${
|
|
224
|
+
box-shadow: ${c};
|
|
225
225
|
}
|
|
226
226
|
|
|
227
227
|
&:active:not(:disabled):not([data-loading='true']),
|
|
228
228
|
&[data-pressed='true']:not(:disabled):not([data-loading='true']) {
|
|
229
|
-
background: ${
|
|
230
|
-
border-color: ${
|
|
231
|
-
color: ${
|
|
229
|
+
background: ${a.background};
|
|
230
|
+
border-color: ${a.border};
|
|
231
|
+
color: ${a.icon};
|
|
232
232
|
box-shadow: none;
|
|
233
233
|
transform: translateY(1px);
|
|
234
234
|
}
|
|
235
|
-
`},
|
|
236
|
-
--icon-button-icon-size: ${
|
|
237
|
-
width: ${
|
|
238
|
-
height: ${
|
|
239
|
-
min-width: ${
|
|
240
|
-
min-height: ${
|
|
235
|
+
`},Zi=(e,r)=>{const t=r.components.iconButton.size[e];return A.css`
|
|
236
|
+
--icon-button-icon-size: ${t.iconSize};
|
|
237
|
+
width: ${t.edge};
|
|
238
|
+
height: ${t.edge};
|
|
239
|
+
min-width: ${t.edge};
|
|
240
|
+
min-height: ${t.edge};
|
|
241
241
|
|
|
242
242
|
svg {
|
|
243
243
|
width: var(--icon-button-icon-size);
|
|
244
244
|
height: var(--icon-button-icon-size);
|
|
245
245
|
}
|
|
246
|
-
`},
|
|
246
|
+
`},Xi=S.button`
|
|
247
247
|
position: relative;
|
|
248
248
|
display: inline-flex;
|
|
249
249
|
align-items: center;
|
|
@@ -251,7 +251,7 @@ React keys must be passed directly to JSX without using spread:
|
|
|
251
251
|
box-sizing: border-box;
|
|
252
252
|
border-width: 1px;
|
|
253
253
|
border-style: solid;
|
|
254
|
-
border-radius: ${({theme:
|
|
254
|
+
border-radius: ${({theme:e})=>e.components.iconButton.borderRadius};
|
|
255
255
|
padding: 0;
|
|
256
256
|
cursor: pointer;
|
|
257
257
|
user-select: none;
|
|
@@ -259,27 +259,27 @@ React keys must be passed directly to JSX without using spread:
|
|
|
259
259
|
background: transparent;
|
|
260
260
|
|
|
261
261
|
transition:
|
|
262
|
-
background ${({theme:
|
|
263
|
-
border-color ${({theme:
|
|
264
|
-
color ${({theme:
|
|
265
|
-
box-shadow ${({theme:
|
|
266
|
-
transform ${({theme:
|
|
262
|
+
background ${({theme:e})=>e.components.iconButton.transition},
|
|
263
|
+
border-color ${({theme:e})=>e.components.iconButton.transition},
|
|
264
|
+
color ${({theme:e})=>e.components.iconButton.transition},
|
|
265
|
+
box-shadow ${({theme:e})=>e.components.iconButton.transition},
|
|
266
|
+
transform ${({theme:e})=>e.components.iconButton.transition};
|
|
267
267
|
|
|
268
|
-
${({appearance:
|
|
269
|
-
${({size:
|
|
268
|
+
${({appearance:e,tone:r,theme:t})=>Yi(e,r,t)}
|
|
269
|
+
${({size:e,theme:r})=>Zi(e,r)}
|
|
270
270
|
|
|
271
271
|
&:focus-visible {
|
|
272
|
-
outline: ${({theme:
|
|
273
|
-
${({theme:
|
|
274
|
-
outline-offset: ${({theme:
|
|
272
|
+
outline: ${({theme:e})=>e.components.iconButton.focusRing.width} solid
|
|
273
|
+
${({theme:e})=>e.components.iconButton.focusRing.color};
|
|
274
|
+
outline-offset: ${({theme:e})=>e.components.iconButton.focusRing.offset};
|
|
275
275
|
}
|
|
276
276
|
|
|
277
277
|
&:disabled {
|
|
278
278
|
cursor: not-allowed;
|
|
279
|
-
background: ${({theme:
|
|
280
|
-
border-color: ${({theme:
|
|
281
|
-
color: ${({theme:
|
|
282
|
-
opacity: ${({theme:
|
|
279
|
+
background: ${({theme:e})=>e.components.iconButton.disabled.background};
|
|
280
|
+
border-color: ${({theme:e})=>e.components.iconButton.disabled.border};
|
|
281
|
+
color: ${({theme:e})=>e.components.iconButton.disabled.icon};
|
|
282
|
+
opacity: ${({theme:e})=>e.components.iconButton.disabled.opacity};
|
|
283
283
|
}
|
|
284
284
|
|
|
285
285
|
&[data-loading='true'] {
|
|
@@ -291,18 +291,18 @@ React keys must be passed directly to JSX without using spread:
|
|
|
291
291
|
transform: rotate(360deg);
|
|
292
292
|
}
|
|
293
293
|
}
|
|
294
|
-
`,
|
|
294
|
+
`,Gi=S.span`
|
|
295
295
|
display: inline-flex;
|
|
296
296
|
align-items: center;
|
|
297
297
|
justify-content: center;
|
|
298
298
|
color: inherit;
|
|
299
|
-
transition: opacity ${({theme:
|
|
299
|
+
transition: opacity ${({theme:e})=>e.components.iconButton.transition};
|
|
300
300
|
pointer-events: none;
|
|
301
301
|
|
|
302
|
-
${({isHidden:
|
|
302
|
+
${({isHidden:e})=>e&&A.css`
|
|
303
303
|
opacity: 0;
|
|
304
304
|
`}
|
|
305
|
-
`,
|
|
305
|
+
`,qi=S.span`
|
|
306
306
|
position: absolute;
|
|
307
307
|
inset: 0;
|
|
308
308
|
display: inline-flex;
|
|
@@ -316,21 +316,21 @@ React keys must be passed directly to JSX without using spread:
|
|
|
316
316
|
height: var(--icon-button-icon-size);
|
|
317
317
|
animation: icon-button-spin 0.8s linear infinite;
|
|
318
318
|
}
|
|
319
|
-
`,pn=nn,hn=sn,bn=ln,Or=g.forwardRef(({appearance:t="solid",tone:r="primary",size:e="md",icon:o,label:n,loading:i=!1,loadingLabel:s="加载中",isDisabled:l,className:d,...u},f)=>{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=f||h,y=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:x,isPressed:$}=de.useButton({...u,isDisabled:y,elementType:"button"},h);return a.jsxs(dn,{...ut(x,{ref:b,className:d}),appearance:t,tone:r,size:e,isPressed:$,isDisabled:!!y,isLoading:i,"data-appearance":t,"data-tone":r,"data-size":e,"data-loading":i?"true":void 0,"data-pressed":$?"true":void 0,children:[a.jsx(un,{isHidden:i,"aria-hidden":"true",children:o}),i&&a.jsx(fn,{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]})});Or.displayName="IconButton";function gn(t){if(t.sheet)return t.sheet;for(var r=0;r<document.styleSheets.length;r++)if(document.styleSheets[r].ownerNode===t)return document.styleSheets[r]}function mn(t){var r=document.createElement("style");return r.setAttribute("data-emotion",t.key),t.nonce!==void 0&&r.setAttribute("nonce",t.nonce),r.appendChild(document.createTextNode("")),r.setAttribute("data-s",""),r}var xn=function(){function t(e){var o=this;this._insertTag=function(n){var i;o.tags.length===0?o.insertionPoint?i=o.insertionPoint.nextSibling:o.prepend?i=o.container.firstChild:i=o.before:i=o.tags[o.tags.length-1].nextSibling,o.container.insertBefore(n,i),o.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 r=t.prototype;return r.hydrate=function(o){o.forEach(this._insertTag)},r.insert=function(o){this.ctr%(this.isSpeedy?65e3:1)===0&&this._insertTag(mn(this));var n=this.tags[this.tags.length-1];if(this.isSpeedy){var i=gn(n);try{i.insertRule(o,i.cssRules.length)}catch{}}else n.appendChild(document.createTextNode(o));this.ctr++},r.flush=function(){this.tags.forEach(function(o){var n;return(n=o.parentNode)==null?void 0:n.removeChild(o)}),this.tags=[],this.ctr=0},t}(),me="-ms-",dt="-moz-",te="-webkit-",_r="comm",Kt="rule",Bt="decl",yn="@import",Nr="@keyframes",vn="@layer",kn=Math.abs,pt=String.fromCharCode,$n=Object.assign;function wn(t,r){return he(t,0)^45?(((r<<2^he(t,0))<<2^he(t,1))<<2^he(t,2))<<2^he(t,3):0}function Fr(t){return t.trim()}function Sn(t,r){return(t=r.exec(t))?t[0]:t}function re(t,r,e){return t.replace(r,e)}function Mt(t,r){return t.indexOf(r)}function he(t,r){return t.charCodeAt(r)|0}function Xe(t,r,e){return t.slice(r,e)}function Me(t){return t.length}function Ht(t){return t.length}function nt(t,r){return r.push(t),t}function Cn(t,r){return t.map(r).join("")}var ht=1,De=1,Vr=0,ve=0,ue=0,Be="";function bt(t,r,e,o,n,i,s){return{value:t,root:r,parent:e,type:o,props:n,children:i,line:ht,column:De,length:s,return:""}}function Ue(t,r){return $n(bt("",null,null,"",null,null,0),t,{length:-t.length},r)}function jn(){return ue}function Rn(){return ue=ve>0?he(Be,--ve):0,De--,ue===10&&(De=1,ht--),ue}function Ce(){return ue=ve<Vr?he(Be,ve++):0,De++,ue===10&&(De=1,ht++),ue}function Ae(){return he(Be,ve)}function lt(){return ve}function et(t,r){return Xe(Be,t,r)}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 Dr(t){return ht=De=1,Vr=Me(Be=t),ve=0,[]}function Kr(t){return Be="",t}function at(t){return Fr(et(ve-1,Pt(t===91?t+2:t===40?t+1:t)))}function zn(t){for(;(ue=Ae())&&ue<33;)Ce();return Ge(t)>2||Ge(ue)>3?"":" "}function En(t,r){for(;--r&&Ce()&&!(ue<48||ue>102||ue>57&&ue<65||ue>70&&ue<97););return et(t,lt()+(r<6&&Ae()==32&&Ce()==32))}function Pt(t){for(;Ce();)switch(ue){case t:return ve;case 34:case 39:t!==34&&t!==39&&Pt(ue);break;case 40:t===41&&Pt(t);break;case 92:Ce();break}return ve}function Tn(t,r){for(;Ce()&&t+ue!==57;)if(t+ue===84&&Ae()===47)break;return"/*"+et(r,ve-1)+"*"+pt(t===47?t:Ce())}function In(t){for(;!Ge(Ae());)Ce();return et(t,ve)}function Ln(t){return Kr(ct("",null,null,null,[""],t=Dr(t),0,[0],t))}function ct(t,r,e,o,n,i,s,l,d){for(var u=0,f=0,m=s,h=0,b=0,y=0,x=1,$=1,w=1,k=0,C="",v=n,p=i,S=o,E=C;$;)switch(y=k,k=Ce()){case 40:if(y!=108&&he(E,m-1)==58){Mt(E+=re(at(k),"&","&\f"),"&\f")!=-1&&(w=-1);break}case 34:case 39:case 91:E+=at(k);break;case 9:case 10:case 13:case 32:E+=zn(y);break;case 92:E+=En(lt()-1,7);continue;case 47:switch(Ae()){case 42:case 47:nt(Mn(Tn(Ce(),lt()),r,e),d);break;default:E+="/"}break;case 123*x:l[u++]=Me(E)*w;case 125*x:case 59:case 0:switch(k){case 0:case 125:$=0;case 59+f:w==-1&&(E=re(E,/\f/g,"")),b>0&&Me(E)-m&&nt(b>32?lr(E+";",o,e,m-1):lr(re(E," ","")+";",o,e,m-2),d);break;case 59:E+=";";default:if(nt(S=sr(E,r,e,u,f,n,l,C,v=[],p=[],m),i),k===123)if(f===0)ct(E,r,S,S,v,i,m,l,p);else switch(h===99&&he(E,3)===110?100:h){case 100:case 108:case 109:case 115:ct(t,S,S,o&&nt(sr(t,S,S,0,0,n,l,C,n,v=[],m),p),n,p,m,l,o?v:p);break;default:ct(E,S,S,S,[""],p,0,l,p)}}u=f=b=0,x=w=1,C=E="",m=s;break;case 58:m=1+Me(E),b=y;default:if(x<1){if(k==123)--x;else if(k==125&&x++==0&&Rn()==125)continue}switch(E+=pt(k),k*x){case 38:w=f>0?1:(E+="\f",-1);break;case 44:l[u++]=(Me(E)-1)*w,w=1;break;case 64:Ae()===45&&(E+=at(Ce())),h=Ae(),f=m=Me(C=E+=In(lt())),k++;break;case 45:y===45&&Me(E)==2&&(x=0)}}return i}function sr(t,r,e,o,n,i,s,l,d,u,f){for(var m=n-1,h=n===0?i:[""],b=Ht(h),y=0,x=0,$=0;y<o;++y)for(var w=0,k=Xe(t,m+1,m=kn(x=s[y])),C=t;w<b;++w)(C=Fr(x>0?h[w]+" "+k:re(k,/&\f/g,h[w])))&&(d[$++]=C);return bt(t,r,e,n===0?Kt:l,d,u,f)}function Mn(t,r,e){return bt(t,r,e,_r,pt(jn()),Xe(t,2,-2),0)}function lr(t,r,e,o){return bt(t,r,e,Bt,Xe(t,0,o),Xe(t,o+1,-1),o)}function Ve(t,r){for(var e="",o=Ht(t),n=0;n<o;n++)e+=r(t[n],n,t,r)||"";return e}function Pn(t,r,e,o){switch(t.type){case vn:if(t.children.length)break;case yn:case Bt:return t.return=t.return||t.value;case _r:return"";case Nr:return t.return=t.value+"{"+Ve(t.children,o)+"}";case Kt:t.value=t.props.join(",")}return Me(e=Ve(t.children,o))?t.return=t.value+"{"+e+"}":""}function An(t){var r=Ht(t);return function(e,o,n,i){for(var s="",l=0;l<r;l++)s+=t[l](e,o,n,i)||"";return s}}function On(t){return function(r){r.root||(r=r.return)&&t(r)}}function _n(t){var r=Object.create(null);return function(e){return r[e]===void 0&&(r[e]=t(e)),r[e]}}var Nn=function(r,e,o){for(var n=0,i=0;n=i,i=Ae(),n===38&&i===12&&(e[o]=1),!Ge(i);)Ce();return et(r,ve)},Fn=function(r,e){var o=-1,n=44;do switch(Ge(n)){case 0:n===38&&Ae()===12&&(e[o]=1),r[o]+=Nn(ve-1,e,o);break;case 2:r[o]+=at(n);break;case 4:if(n===44){r[++o]=Ae()===58?"&\f":"",e[o]=r[o].length;break}default:r[o]+=pt(n)}while(n=Ce());return r},Vn=function(r,e){return Kr(Fn(Dr(r),e))},ar=new WeakMap,Dn=function(r){if(!(r.type!=="rule"||!r.parent||r.length<1)){for(var e=r.value,o=r.parent,n=r.column===o.column&&r.line===o.line;o.type!=="rule";)if(o=o.parent,!o)return;if(!(r.props.length===1&&e.charCodeAt(0)!==58&&!ar.get(o))&&!n){ar.set(r,!0);for(var i=[],s=Vn(e,i),l=o.props,d=0,u=0;d<s.length;d++)for(var f=0;f<l.length;f++,u++)r.props[u]=i[d]?s[d].replace(/&\f/g,l[f]):l[f]+" "+s[d]}}},Kn=function(r){if(r.type==="decl"){var e=r.value;e.charCodeAt(0)===108&&e.charCodeAt(2)===98&&(r.return="",r.value="")}};function Br(t,r){switch(wn(t,r)){case 5103:return te+"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 te+t+t;case 5349:case 4246:case 4810:case 6968:case 2756:return te+t+dt+t+me+t+t;case 6828:case 4268:return te+t+me+t+t;case 6165:return te+t+me+"flex-"+t+t;case 5187:return te+t+re(t,/(\w+).+(:[^]+)/,te+"box-$1$2"+me+"flex-$1$2")+t;case 5443:return te+t+me+"flex-item-"+re(t,/flex-|-self/,"")+t;case 4675:return te+t+me+"flex-line-pack"+re(t,/align-content|flex-|-self/,"")+t;case 5548:return te+t+me+re(t,"shrink","negative")+t;case 5292:return te+t+me+re(t,"basis","preferred-size")+t;case 6060:return te+"box-"+re(t,"-grow","")+te+t+me+re(t,"grow","positive")+t;case 4554:return te+re(t,/([^-])(transform)/g,"$1"+te+"$2")+t;case 6187:return re(re(re(t,/(zoom-|grab)/,te+"$1"),/(image-set)/,te+"$1"),t,"")+t;case 5495:case 3959:return re(t,/(image-set\([^]*)/,te+"$1$`$1");case 4968:return re(re(t,/(.+:)(flex-)?(.*)/,te+"box-pack:$3"+me+"flex-pack:$3"),/s.+-b[^;]+/,"justify")+te+t+t;case 4095:case 3583:case 4068:case 2532:return re(t,/(.+)-inline(.+)/,te+"$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(Me(t)-1-r>6)switch(he(t,r+1)){case 109:if(he(t,r+4)!==45)break;case 102:return re(t,/(.+:)(.+)-([^]+)/,"$1"+te+"$2-$3$1"+dt+(he(t,r+3)==108?"$3":"$2-$3"))+t;case 115:return~Mt(t,"stretch")?Br(re(t,"stretch","fill-available"),r)+t:t}break;case 4949:if(he(t,r+1)!==115)break;case 6444:switch(he(t,Me(t)-3-(~Mt(t,"!important")&&10))){case 107:return re(t,":",":"+te)+t;case 101:return re(t,/(.+:)([^;!]+)(;|!.+)?/,"$1"+te+(he(t,14)===45?"inline-":"")+"box$3$1"+te+"$2$3$1"+me+"$2box$3")+t}break;case 5936:switch(he(t,r+11)){case 114:return te+t+me+re(t,/[svh]\w+-[tblr]{2}/,"tb")+t;case 108:return te+t+me+re(t,/[svh]\w+-[tblr]{2}/,"tb-rl")+t;case 45:return te+t+me+re(t,/[svh]\w+-[tblr]{2}/,"lr")+t}return te+t+me+t+t}return t}var Bn=function(r,e,o,n){if(r.length>-1&&!r.return)switch(r.type){case Bt:r.return=Br(r.value,r.length);break;case Nr:return Ve([Ue(r,{value:re(r.value,"@","@"+te)})],n);case Kt:if(r.length)return Cn(r.props,function(i){switch(Sn(i,/(::plac\w+|:read-\w+)/)){case":read-only":case":read-write":return Ve([Ue(r,{props:[re(i,/:(read-\w+)/,":"+dt+"$1")]})],n);case"::placeholder":return Ve([Ue(r,{props:[re(i,/:(plac\w+)/,":"+te+"input-$1")]}),Ue(r,{props:[re(i,/:(plac\w+)/,":"+dt+"$1")]}),Ue(r,{props:[re(i,/:(plac\w+)/,me+"input-$1")]})],n)}return""})}},Hn=[Bn],Wn=function(r){var e=r.key;if(e==="css"){var o=document.querySelectorAll("style[data-emotion]:not([data-s])");Array.prototype.forEach.call(o,function(x){var $=x.getAttribute("data-emotion");$.indexOf(" ")!==-1&&(document.head.appendChild(x),x.setAttribute("data-s",""))})}var n=r.stylisPlugins||Hn,i={},s,l=[];s=r.container||document.head,Array.prototype.forEach.call(document.querySelectorAll('style[data-emotion^="'+e+' "]'),function(x){for(var $=x.getAttribute("data-emotion").split(" "),w=1;w<$.length;w++)i[$[w]]=!0;l.push(x)});var d,u=[Dn,Kn];{var f,m=[Pn,On(function(x){f.insert(x)})],h=An(u.concat(n,m)),b=function($){return Ve(Ln($),h)};d=function($,w,k,C){f=k,b($?$+"{"+w.styles+"}":w.styles),C&&(y.inserted[w.name]=!0)}}var y={key:e,sheet:new xn({key:e,container:s,nonce:r.nonce,speedy:r.speedy,prepend:r.prepend,insertionPoint:r.insertionPoint}),nonce:r.nonce,inserted:i,registered:{},insert:d};return y.sheet.hydrate(l),y},At={exports:{}},ne={};/** @license React v16.13.1
|
|
319
|
+
`,Ji=Hi,Qi=Wi,es=Ui,Bo=f.forwardRef(({appearance:e="solid",tone:r="primary",size:t="md",icon:o,label:n,loading:i=!1,loadingLabel:s="加载中",isDisabled:a,className:d,...c},p)=>{const m=f.useMemo(()=>{var w,C;return typeof globalThis>"u"?!0:((C=(w=globalThis.process)==null?void 0:w.env)==null?void 0:C.NODE_ENV)!=="production"},[]),b=f.useRef(null),h=p||b,g=a||i;if(m){const k=c["aria-label"],w=c["aria-labelledby"];!n&&!k&&!w&&console.warn("IconButton 需要可感知的文本。请传入 label、aria-label 或 aria-labelledby。")}const{buttonProps:y,isPressed:$}=de.useButton({...c,isDisabled:g,elementType:"button"},b);return l.jsxs(Xi,{...et(y,{ref:h,className:d}),appearance:e,tone:r,size:t,isPressed:$,isDisabled:!!g,isLoading:i,"data-appearance":e,"data-tone":r,"data-size":t,"data-loading":i?"true":void 0,"data-pressed":$?"true":void 0,children:[l.jsx(Gi,{isHidden:i,"aria-hidden":"true",children:o}),i&&l.jsx(qi,{role:"status","aria-live":"polite","aria-label":s,children:l.jsx("svg",{viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:l.jsx("circle",{cx:"8",cy:"8",r:"6",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeDasharray:"30 10"})})}),n?l.jsx(de.VisuallyHidden,{children:n}):null]})});Bo.displayName="IconButton";function ts(e){if(e.sheet)return e.sheet;for(var r=0;r<document.styleSheets.length;r++)if(document.styleSheets[r].ownerNode===e)return document.styleSheets[r]}function rs(e){var r=document.createElement("style");return r.setAttribute("data-emotion",e.key),e.nonce!==void 0&&r.setAttribute("nonce",e.nonce),r.appendChild(document.createTextNode("")),r.setAttribute("data-s",""),r}var os=function(){function e(t){var o=this;this._insertTag=function(n){var i;o.tags.length===0?o.insertionPoint?i=o.insertionPoint.nextSibling:o.prepend?i=o.container.firstChild:i=o.before:i=o.tags[o.tags.length-1].nextSibling,o.container.insertBefore(n,i),o.tags.push(n)},this.isSpeedy=t.speedy===void 0?!0:t.speedy,this.tags=[],this.ctr=0,this.nonce=t.nonce,this.key=t.key,this.container=t.container,this.prepend=t.prepend,this.insertionPoint=t.insertionPoint,this.before=null}var r=e.prototype;return r.hydrate=function(o){o.forEach(this._insertTag)},r.insert=function(o){this.ctr%(this.isSpeedy?65e3:1)===0&&this._insertTag(rs(this));var n=this.tags[this.tags.length-1];if(this.isSpeedy){var i=ts(n);try{i.insertRule(o,i.cssRules.length)}catch{}}else n.appendChild(document.createTextNode(o));this.ctr++},r.flush=function(){this.tags.forEach(function(o){var n;return(n=o.parentNode)==null?void 0:n.removeChild(o)}),this.tags=[],this.ctr=0},e}(),Ne="-ms-",Ot="-moz-",se="-webkit-",Vo="comm",Mr="rule",Nr="decl",ns="@import",Ho="@keyframes",is="@layer",ss=Math.abs,Wt=String.fromCharCode,as=Object.assign;function ls(e,r){return Le(e,0)^45?(((r<<2^Le(e,0))<<2^Le(e,1))<<2^Le(e,2))<<2^Le(e,3):0}function Wo(e){return e.trim()}function cs(e,r){return(e=r.exec(e))?e[0]:e}function ae(e,r,t){return e.replace(r,t)}function hr(e,r){return e.indexOf(r)}function Le(e,r){return e.charCodeAt(r)|0}function kt(e,r,t){return e.slice(r,t)}function Ye(e){return e.length}function Ir(e){return e.length}function Mt(e,r){return r.push(e),e}function ds(e,r){return e.map(r).join("")}var Ut=1,dt=1,Uo=0,_e=0,Ce=0,pt="";function Yt(e,r,t,o,n,i,s){return{value:e,root:r,parent:t,type:o,props:n,children:i,line:Ut,column:dt,length:s,return:""}}function mt(e,r){return as(Yt("",null,null,"",null,null,0),e,{length:-e.length},r)}function us(){return Ce}function fs(){return Ce=_e>0?Le(pt,--_e):0,dt--,Ce===10&&(dt=1,Ut--),Ce}function Oe(){return Ce=_e<Uo?Le(pt,_e++):0,dt++,Ce===10&&(dt=1,Ut++),Ce}function Ge(){return Le(pt,_e)}function Pt(){return _e}function Tt(e,r){return kt(pt,e,r)}function St(e){switch(e){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 Yo(e){return Ut=dt=1,Uo=Ye(pt=e),_e=0,[]}function Zo(e){return pt="",e}function At(e){return Wo(Tt(_e-1,br(e===91?e+2:e===40?e+1:e)))}function ps(e){for(;(Ce=Ge())&&Ce<33;)Oe();return St(e)>2||St(Ce)>3?"":" "}function hs(e,r){for(;--r&&Oe()&&!(Ce<48||Ce>102||Ce>57&&Ce<65||Ce>70&&Ce<97););return Tt(e,Pt()+(r<6&&Ge()==32&&Oe()==32))}function br(e){for(;Oe();)switch(Ce){case e:return _e;case 34:case 39:e!==34&&e!==39&&br(Ce);break;case 40:e===41&&br(e);break;case 92:Oe();break}return _e}function bs(e,r){for(;Oe()&&e+Ce!==57;)if(e+Ce===84&&Ge()===47)break;return"/*"+Tt(r,_e-1)+"*"+Wt(e===47?e:Oe())}function gs(e){for(;!St(Ge());)Oe();return Tt(e,_e)}function ms(e){return Zo(_t("",null,null,null,[""],e=Yo(e),0,[0],e))}function _t(e,r,t,o,n,i,s,a,d){for(var c=0,p=0,m=s,b=0,h=0,g=0,y=1,$=1,k=1,w=0,C="",v=n,x=i,j=o,E=C;$;)switch(g=w,w=Oe()){case 40:if(g!=108&&Le(E,m-1)==58){hr(E+=ae(At(w),"&","&\f"),"&\f")!=-1&&(k=-1);break}case 34:case 39:case 91:E+=At(w);break;case 9:case 10:case 13:case 32:E+=ps(g);break;case 92:E+=hs(Pt()-1,7);continue;case 47:switch(Ge()){case 42:case 47:Mt(xs(bs(Oe(),Pt()),r,t),d);break;default:E+="/"}break;case 123*y:a[c++]=Ye(E)*k;case 125*y:case 59:case 0:switch(w){case 0:case 125:$=0;case 59+p:k==-1&&(E=ae(E,/\f/g,"")),h>0&&Ye(E)-m&&Mt(h>32?ro(E+";",o,t,m-1):ro(ae(E," ","")+";",o,t,m-2),d);break;case 59:E+=";";default:if(Mt(j=to(E,r,t,c,p,n,a,C,v=[],x=[],m),i),w===123)if(p===0)_t(E,r,j,j,v,i,m,a,x);else switch(b===99&&Le(E,3)===110?100:b){case 100:case 108:case 109:case 115:_t(e,j,j,o&&Mt(to(e,j,j,0,0,n,a,C,n,v=[],m),x),n,x,m,a,o?v:x);break;default:_t(E,j,j,j,[""],x,0,a,x)}}c=p=h=0,y=k=1,C=E="",m=s;break;case 58:m=1+Ye(E),h=g;default:if(y<1){if(w==123)--y;else if(w==125&&y++==0&&fs()==125)continue}switch(E+=Wt(w),w*y){case 38:k=p>0?1:(E+="\f",-1);break;case 44:a[c++]=(Ye(E)-1)*k,k=1;break;case 64:Ge()===45&&(E+=At(Oe())),b=Ge(),p=m=Ye(C=E+=gs(Pt())),w++;break;case 45:g===45&&Ye(E)==2&&(y=0)}}return i}function to(e,r,t,o,n,i,s,a,d,c,p){for(var m=n-1,b=n===0?i:[""],h=Ir(b),g=0,y=0,$=0;g<o;++g)for(var k=0,w=kt(e,m+1,m=ss(y=s[g])),C=e;k<h;++k)(C=Wo(y>0?b[k]+" "+w:ae(w,/&\f/g,b[k])))&&(d[$++]=C);return Yt(e,r,t,n===0?Mr:a,d,c,p)}function xs(e,r,t){return Yt(e,r,t,Vo,Wt(us()),kt(e,2,-2),0)}function ro(e,r,t,o){return Yt(e,r,t,Nr,kt(e,0,o),kt(e,o+1,-1),o)}function ct(e,r){for(var t="",o=Ir(e),n=0;n<o;n++)t+=r(e[n],n,e,r)||"";return t}function ys(e,r,t,o){switch(e.type){case is:if(e.children.length)break;case ns:case Nr:return e.return=e.return||e.value;case Vo:return"";case Ho:return e.return=e.value+"{"+ct(e.children,o)+"}";case Mr:e.value=e.props.join(",")}return Ye(t=ct(e.children,o))?e.return=e.value+"{"+t+"}":""}function vs(e){var r=Ir(e);return function(t,o,n,i){for(var s="",a=0;a<r;a++)s+=e[a](t,o,n,i)||"";return s}}function $s(e){return function(r){r.root||(r=r.return)&&e(r)}}function ws(e){var r=Object.create(null);return function(t){return r[t]===void 0&&(r[t]=e(t)),r[t]}}var ks=function(r,t,o){for(var n=0,i=0;n=i,i=Ge(),n===38&&i===12&&(t[o]=1),!St(i);)Oe();return Tt(r,_e)},Ss=function(r,t){var o=-1,n=44;do switch(St(n)){case 0:n===38&&Ge()===12&&(t[o]=1),r[o]+=ks(_e-1,t,o);break;case 2:r[o]+=At(n);break;case 4:if(n===44){r[++o]=Ge()===58?"&\f":"",t[o]=r[o].length;break}default:r[o]+=Wt(n)}while(n=Oe());return r},Cs=function(r,t){return Zo(Ss(Yo(r),t))},oo=new WeakMap,js=function(r){if(!(r.type!=="rule"||!r.parent||r.length<1)){for(var t=r.value,o=r.parent,n=r.column===o.column&&r.line===o.line;o.type!=="rule";)if(o=o.parent,!o)return;if(!(r.props.length===1&&t.charCodeAt(0)!==58&&!oo.get(o))&&!n){oo.set(r,!0);for(var i=[],s=Cs(t,i),a=o.props,d=0,c=0;d<s.length;d++)for(var p=0;p<a.length;p++,c++)r.props[c]=i[d]?s[d].replace(/&\f/g,a[p]):a[p]+" "+s[d]}}},Es=function(r){if(r.type==="decl"){var t=r.value;t.charCodeAt(0)===108&&t.charCodeAt(2)===98&&(r.return="",r.value="")}};function Xo(e,r){switch(ls(e,r)){case 5103:return se+"print-"+e+e;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 se+e+e;case 5349:case 4246:case 4810:case 6968:case 2756:return se+e+Ot+e+Ne+e+e;case 6828:case 4268:return se+e+Ne+e+e;case 6165:return se+e+Ne+"flex-"+e+e;case 5187:return se+e+ae(e,/(\w+).+(:[^]+)/,se+"box-$1$2"+Ne+"flex-$1$2")+e;case 5443:return se+e+Ne+"flex-item-"+ae(e,/flex-|-self/,"")+e;case 4675:return se+e+Ne+"flex-line-pack"+ae(e,/align-content|flex-|-self/,"")+e;case 5548:return se+e+Ne+ae(e,"shrink","negative")+e;case 5292:return se+e+Ne+ae(e,"basis","preferred-size")+e;case 6060:return se+"box-"+ae(e,"-grow","")+se+e+Ne+ae(e,"grow","positive")+e;case 4554:return se+ae(e,/([^-])(transform)/g,"$1"+se+"$2")+e;case 6187:return ae(ae(ae(e,/(zoom-|grab)/,se+"$1"),/(image-set)/,se+"$1"),e,"")+e;case 5495:case 3959:return ae(e,/(image-set\([^]*)/,se+"$1$`$1");case 4968:return ae(ae(e,/(.+:)(flex-)?(.*)/,se+"box-pack:$3"+Ne+"flex-pack:$3"),/s.+-b[^;]+/,"justify")+se+e+e;case 4095:case 3583:case 4068:case 2532:return ae(e,/(.+)-inline(.+)/,se+"$1$2")+e;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(Ye(e)-1-r>6)switch(Le(e,r+1)){case 109:if(Le(e,r+4)!==45)break;case 102:return ae(e,/(.+:)(.+)-([^]+)/,"$1"+se+"$2-$3$1"+Ot+(Le(e,r+3)==108?"$3":"$2-$3"))+e;case 115:return~hr(e,"stretch")?Xo(ae(e,"stretch","fill-available"),r)+e:e}break;case 4949:if(Le(e,r+1)!==115)break;case 6444:switch(Le(e,Ye(e)-3-(~hr(e,"!important")&&10))){case 107:return ae(e,":",":"+se)+e;case 101:return ae(e,/(.+:)([^;!]+)(;|!.+)?/,"$1"+se+(Le(e,14)===45?"inline-":"")+"box$3$1"+se+"$2$3$1"+Ne+"$2box$3")+e}break;case 5936:switch(Le(e,r+11)){case 114:return se+e+Ne+ae(e,/[svh]\w+-[tblr]{2}/,"tb")+e;case 108:return se+e+Ne+ae(e,/[svh]\w+-[tblr]{2}/,"tb-rl")+e;case 45:return se+e+Ne+ae(e,/[svh]\w+-[tblr]{2}/,"lr")+e}return se+e+Ne+e+e}return e}var Ts=function(r,t,o,n){if(r.length>-1&&!r.return)switch(r.type){case Nr:r.return=Xo(r.value,r.length);break;case Ho:return ct([mt(r,{value:ae(r.value,"@","@"+se)})],n);case Mr:if(r.length)return ds(r.props,function(i){switch(cs(i,/(::plac\w+|:read-\w+)/)){case":read-only":case":read-write":return ct([mt(r,{props:[ae(i,/:(read-\w+)/,":"+Ot+"$1")]})],n);case"::placeholder":return ct([mt(r,{props:[ae(i,/:(plac\w+)/,":"+se+"input-$1")]}),mt(r,{props:[ae(i,/:(plac\w+)/,":"+Ot+"$1")]}),mt(r,{props:[ae(i,/:(plac\w+)/,Ne+"input-$1")]})],n)}return""})}},Rs=[Ts],zs=function(r){var t=r.key;if(t==="css"){var o=document.querySelectorAll("style[data-emotion]:not([data-s])");Array.prototype.forEach.call(o,function(y){var $=y.getAttribute("data-emotion");$.indexOf(" ")!==-1&&(document.head.appendChild(y),y.setAttribute("data-s",""))})}var n=r.stylisPlugins||Rs,i={},s,a=[];s=r.container||document.head,Array.prototype.forEach.call(document.querySelectorAll('style[data-emotion^="'+t+' "]'),function(y){for(var $=y.getAttribute("data-emotion").split(" "),k=1;k<$.length;k++)i[$[k]]=!0;a.push(y)});var d,c=[js,Es];{var p,m=[ys,$s(function(y){p.insert(y)})],b=vs(c.concat(n,m)),h=function($){return ct(ms($),b)};d=function($,k,w,C){p=w,h($?$+"{"+k.styles+"}":k.styles),C&&(g.inserted[k.name]=!0)}}var g={key:t,sheet:new os({key:t,container:s,nonce:r.nonce,speedy:r.speedy,prepend:r.prepend,insertionPoint:r.insertionPoint}),nonce:r.nonce,inserted:i,registered:{},insert:d};return g.sheet.hydrate(a),g},gr={exports:{}},le={};/** @license React v16.13.1
|
|
320
320
|
* react-is.production.min.js
|
|
321
321
|
*
|
|
322
322
|
* Copyright (c) Facebook, Inc. and its affiliates.
|
|
323
323
|
*
|
|
324
324
|
* This source code is licensed under the MIT license found in the
|
|
325
325
|
* LICENSE file in the root directory of this source tree.
|
|
326
|
-
*/var
|
|
326
|
+
*/var no;function Ls(){if(no)return le;no=1;var e=typeof Symbol=="function"&&Symbol.for,r=e?Symbol.for("react.element"):60103,t=e?Symbol.for("react.portal"):60106,o=e?Symbol.for("react.fragment"):60107,n=e?Symbol.for("react.strict_mode"):60108,i=e?Symbol.for("react.profiler"):60114,s=e?Symbol.for("react.provider"):60109,a=e?Symbol.for("react.context"):60110,d=e?Symbol.for("react.async_mode"):60111,c=e?Symbol.for("react.concurrent_mode"):60111,p=e?Symbol.for("react.forward_ref"):60112,m=e?Symbol.for("react.suspense"):60113,b=e?Symbol.for("react.suspense_list"):60120,h=e?Symbol.for("react.memo"):60115,g=e?Symbol.for("react.lazy"):60116,y=e?Symbol.for("react.block"):60121,$=e?Symbol.for("react.fundamental"):60117,k=e?Symbol.for("react.responder"):60118,w=e?Symbol.for("react.scope"):60119;function C(x){if(typeof x=="object"&&x!==null){var j=x.$$typeof;switch(j){case r:switch(x=x.type,x){case d:case c:case o:case i:case n:case m:return x;default:switch(x=x&&x.$$typeof,x){case a:case p:case g:case h:case s:return x;default:return j}}case t:return j}}}function v(x){return C(x)===c}return le.AsyncMode=d,le.ConcurrentMode=c,le.ContextConsumer=a,le.ContextProvider=s,le.Element=r,le.ForwardRef=p,le.Fragment=o,le.Lazy=g,le.Memo=h,le.Portal=t,le.Profiler=i,le.StrictMode=n,le.Suspense=m,le.isAsyncMode=function(x){return v(x)||C(x)===d},le.isConcurrentMode=v,le.isContextConsumer=function(x){return C(x)===a},le.isContextProvider=function(x){return C(x)===s},le.isElement=function(x){return typeof x=="object"&&x!==null&&x.$$typeof===r},le.isForwardRef=function(x){return C(x)===p},le.isFragment=function(x){return C(x)===o},le.isLazy=function(x){return C(x)===g},le.isMemo=function(x){return C(x)===h},le.isPortal=function(x){return C(x)===t},le.isProfiler=function(x){return C(x)===i},le.isStrictMode=function(x){return C(x)===n},le.isSuspense=function(x){return C(x)===m},le.isValidElementType=function(x){return typeof x=="string"||typeof x=="function"||x===o||x===c||x===i||x===n||x===m||x===b||typeof x=="object"&&x!==null&&(x.$$typeof===g||x.$$typeof===h||x.$$typeof===s||x.$$typeof===a||x.$$typeof===p||x.$$typeof===$||x.$$typeof===k||x.$$typeof===w||x.$$typeof===y)},le.typeOf=C,le}var ce={};/** @license React v16.13.1
|
|
327
327
|
* react-is.development.js
|
|
328
328
|
*
|
|
329
329
|
* Copyright (c) Facebook, Inc. and its affiliates.
|
|
330
330
|
*
|
|
331
331
|
* This source code is licensed under the MIT license found in the
|
|
332
332
|
* LICENSE file in the root directory of this source tree.
|
|
333
|
-
*/var
|
|
333
|
+
*/var io;function Ms(){return io||(io=1,process.env.NODE_ENV!=="production"&&function(){var e=typeof Symbol=="function"&&Symbol.for,r=e?Symbol.for("react.element"):60103,t=e?Symbol.for("react.portal"):60106,o=e?Symbol.for("react.fragment"):60107,n=e?Symbol.for("react.strict_mode"):60108,i=e?Symbol.for("react.profiler"):60114,s=e?Symbol.for("react.provider"):60109,a=e?Symbol.for("react.context"):60110,d=e?Symbol.for("react.async_mode"):60111,c=e?Symbol.for("react.concurrent_mode"):60111,p=e?Symbol.for("react.forward_ref"):60112,m=e?Symbol.for("react.suspense"):60113,b=e?Symbol.for("react.suspense_list"):60120,h=e?Symbol.for("react.memo"):60115,g=e?Symbol.for("react.lazy"):60116,y=e?Symbol.for("react.block"):60121,$=e?Symbol.for("react.fundamental"):60117,k=e?Symbol.for("react.responder"):60118,w=e?Symbol.for("react.scope"):60119;function C(Z){return typeof Z=="string"||typeof Z=="function"||Z===o||Z===c||Z===i||Z===n||Z===m||Z===b||typeof Z=="object"&&Z!==null&&(Z.$$typeof===g||Z.$$typeof===h||Z.$$typeof===s||Z.$$typeof===a||Z.$$typeof===p||Z.$$typeof===$||Z.$$typeof===k||Z.$$typeof===w||Z.$$typeof===y)}function v(Z){if(typeof Z=="object"&&Z!==null){var ne=Z.$$typeof;switch(ne){case r:var me=Z.type;switch(me){case d:case c:case o:case i:case n:case m:return me;default:var ve=me&&me.$$typeof;switch(ve){case a:case p:case g:case h:case s:return ve;default:return ne}}case t:return ne}}}var x=d,j=c,E=a,z=s,I=r,M=p,O=o,D=g,V=h,F=t,P=i,K=n,B=m,_=!1;function H(Z){return _||(_=!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.")),X(Z)||v(Z)===d}function X(Z){return v(Z)===c}function u(Z){return v(Z)===a}function T(Z){return v(Z)===s}function R(Z){return typeof Z=="object"&&Z!==null&&Z.$$typeof===r}function L(Z){return v(Z)===p}function N(Z){return v(Z)===o}function Y(Z){return v(Z)===g}function W(Z){return v(Z)===h}function J(Z){return v(Z)===t}function G(Z){return v(Z)===i}function oe(Z){return v(Z)===n}function ue(Z){return v(Z)===m}ce.AsyncMode=x,ce.ConcurrentMode=j,ce.ContextConsumer=E,ce.ContextProvider=z,ce.Element=I,ce.ForwardRef=M,ce.Fragment=O,ce.Lazy=D,ce.Memo=V,ce.Portal=F,ce.Profiler=P,ce.StrictMode=K,ce.Suspense=B,ce.isAsyncMode=H,ce.isConcurrentMode=X,ce.isContextConsumer=u,ce.isContextProvider=T,ce.isElement=R,ce.isForwardRef=L,ce.isFragment=N,ce.isLazy=Y,ce.isMemo=W,ce.isPortal=J,ce.isProfiler=G,ce.isStrictMode=oe,ce.isSuspense=ue,ce.isValidElementType=C,ce.typeOf=v}()),ce}process.env.NODE_ENV==="production"?gr.exports=Ls():gr.exports=Ms();var Ns=gr.exports,Go=Ns,Is={$$typeof:!0,render:!0,defaultProps:!0,displayName:!0,propTypes:!0},Ps={$$typeof:!0,compare:!0,defaultProps:!0,displayName:!0,propTypes:!0,type:!0},qo={};qo[Go.ForwardRef]=Is;qo[Go.Memo]=Ps;var As=!0;function _s(e,r,t){var o="";return t.split(" ").forEach(function(n){e[n]!==void 0?r.push(e[n]+";"):n&&(o+=n+" ")}),o}var Jo=function(r,t,o){var n=r.key+"-"+t.name;(o===!1||As===!1)&&r.registered[n]===void 0&&(r.registered[n]=t.styles)},Fs=function(r,t,o){Jo(r,t,o);var n=r.key+"-"+t.name;if(r.inserted[t.name]===void 0){var i=t;do r.insert(t===i?"."+n:"",i,r.sheet,!0),i=i.next;while(i!==void 0)}};function Os(e){for(var r=0,t,o=0,n=e.length;n>=4;++o,n-=4)t=e.charCodeAt(o)&255|(e.charCodeAt(++o)&255)<<8|(e.charCodeAt(++o)&255)<<16|(e.charCodeAt(++o)&255)<<24,t=(t&65535)*1540483477+((t>>>16)*59797<<16),t^=t>>>24,r=(t&65535)*1540483477+((t>>>16)*59797<<16)^(r&65535)*1540483477+((r>>>16)*59797<<16);switch(n){case 3:r^=(e.charCodeAt(o+2)&255)<<16;case 2:r^=(e.charCodeAt(o+1)&255)<<8;case 1:r^=e.charCodeAt(o)&255,r=(r&65535)*1540483477+((r>>>16)*59797<<16)}return r^=r>>>13,r=(r&65535)*1540483477+((r>>>16)*59797<<16),((r^r>>>15)>>>0).toString(36)}var Ds={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},Ks=/[A-Z]|^ms/g,Bs=/_EMO_([^_]+?)_([^]*?)_EMO_/g,Qo=function(r){return r.charCodeAt(1)===45},so=function(r){return r!=null&&typeof r!="boolean"},Jt=ws(function(e){return Qo(e)?e:e.replace(Ks,"-$&").toLowerCase()}),ao=function(r,t){switch(r){case"animation":case"animationName":if(typeof t=="string")return t.replace(Bs,function(o,n,i){return Ze={name:n,styles:i,next:Ze},n})}return Ds[r]!==1&&!Qo(r)&&typeof t=="number"&&t!==0?t+"px":t};function Ct(e,r,t){if(t==null)return"";var o=t;if(o.__emotion_styles!==void 0)return o;switch(typeof t){case"boolean":return"";case"object":{var n=t;if(n.anim===1)return Ze={name:n.name,styles:n.styles,next:Ze},n.name;var i=t;if(i.styles!==void 0){var s=i.next;if(s!==void 0)for(;s!==void 0;)Ze={name:s.name,styles:s.styles,next:Ze},s=s.next;var a=i.styles+";";return a}return Vs(e,r,t)}case"function":{if(e!==void 0){var d=Ze,c=t(e);return Ze=d,Ct(e,r,c)}break}}var p=t;return p}function Vs(e,r,t){var o="";if(Array.isArray(t))for(var n=0;n<t.length;n++)o+=Ct(e,r,t[n])+";";else for(var i in t){var s=t[i];if(typeof s!="object"){var a=s;so(a)&&(o+=Jt(i)+":"+ao(i,a)+";")}else if(Array.isArray(s)&&typeof s[0]=="string"&&r==null)for(var d=0;d<s.length;d++)so(s[d])&&(o+=Jt(i)+":"+ao(i,s[d])+";");else{var c=Ct(e,r,s);switch(i){case"animation":case"animationName":{o+=Jt(i)+":"+c+";";break}default:o+=i+"{"+c+"}"}}}return o}var lo=/label:\s*([^\s;{]+)\s*(;|$)/g,Ze;function Hs(e,r,t){if(e.length===1&&typeof e[0]=="object"&&e[0]!==null&&e[0].styles!==void 0)return e[0];var o=!0,n="";Ze=void 0;var i=e[0];if(i==null||i.raw===void 0)o=!1,n+=Ct(t,r,i);else{var s=i;n+=s[0]}for(var a=1;a<e.length;a++)if(n+=Ct(t,r,e[a]),o){var d=i;n+=d[a]}lo.lastIndex=0;for(var c="",p;(p=lo.exec(n))!==null;)c+="-"+p[1];var m=Os(n)+c;return{name:m,styles:n,next:Ze}}var Ws=function(r){return r()},Us=Je.useInsertionEffect?Je.useInsertionEffect:!1,Ys=Us||Ws,en=Je.createContext(typeof HTMLElement<"u"?zs({key:"css"}):null);en.Provider;var Zs=function(r){return f.forwardRef(function(t,o){var n=f.useContext(en);return r(t,n,o)})},Xs=Je.createContext({}),Zt={}.hasOwnProperty,mr="__EMOTION_TYPE_PLEASE_DO_NOT_USE__",tn=function(r,t){var o={};for(var n in t)Zt.call(t,n)&&(o[n]=t[n]);return o[mr]=r,o},Gs=function(r){var t=r.cache,o=r.serialized,n=r.isStringTag;return Jo(t,o,n),Ys(function(){return Fs(t,o,n)}),null},qs=Zs(function(e,r,t){var o=e.css;typeof o=="string"&&r.registered[o]!==void 0&&(o=r.registered[o]);var n=e[mr],i=[o],s="";typeof e.className=="string"?s=_s(r.registered,i,e.className):e.className!=null&&(s=e.className+" ");var a=Hs(i,void 0,Je.useContext(Xs));s+=r.key+"-"+a.name;var d={};for(var c in e)Zt.call(e,c)&&c!=="css"&&c!==mr&&(d[c]=e[c]);return d.className=s,t&&(d.ref=t),Je.createElement(Je.Fragment,null,Je.createElement(Gs,{cache:r,serialized:a,isStringTag:typeof n=="string"}),Je.createElement(n,d))}),rn=qs,Ve=function(r,t,o){return Zt.call(t,"css")?l.jsx(rn,tn(r,t),o):l.jsx(r,t,o)},xr=function(r,t,o){return Zt.call(t,"css")?l.jsxs(rn,tn(r,t),o):l.jsxs(r,t,o)},yr={exports:{}},Qt={};/**
|
|
334
334
|
* @license React
|
|
335
335
|
* react-compiler-runtime.production.js
|
|
336
336
|
*
|
|
@@ -338,7 +338,7 @@ React keys must be passed directly to JSX without using spread:
|
|
|
338
338
|
*
|
|
339
339
|
* This source code is licensed under the MIT license found in the
|
|
340
340
|
* LICENSE file in the root directory of this source tree.
|
|
341
|
-
*/var
|
|
341
|
+
*/var co;function Js(){if(co)return Qt;co=1;var e=f.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;return Qt.c=function(r){return e.H.useMemoCache(r)},Qt}var er={};/**
|
|
342
342
|
* @license React
|
|
343
343
|
* react-compiler-runtime.development.js
|
|
344
344
|
*
|
|
@@ -346,11 +346,11 @@ React keys must be passed directly to JSX without using spread:
|
|
|
346
346
|
*
|
|
347
347
|
* This source code is licensed under the MIT license found in the
|
|
348
348
|
* LICENSE file in the root directory of this source tree.
|
|
349
|
-
*/var
|
|
349
|
+
*/var uo;function Qs(){return uo||(uo=1,process.env.NODE_ENV!=="production"&&function(){var e=f.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;er.c=function(r){var t=e.H;return t===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:
|
|
350
350
|
1. You might have mismatching versions of React and the renderer (such as React DOM)
|
|
351
351
|
2. You might be breaking the Rules of Hooks
|
|
352
352
|
3. You might have more than one copy of React in the same app
|
|
353
|
-
See https://react.dev/link/invalid-hook-call for tips about how to debug and fix this problem.`),
|
|
353
|
+
See https://react.dev/link/invalid-hook-call for tips about how to debug and fix this problem.`),t.useMemoCache(r)}}()),er}process.env.NODE_ENV==="production"?yr.exports=Js():yr.exports=Qs();var re=yr.exports;const ea=A.css`
|
|
354
354
|
display: inline-flex;
|
|
355
355
|
align-items: center;
|
|
356
356
|
cursor: pointer;
|
|
@@ -377,77 +377,77 @@ See https://react.dev/link/invalid-hook-call for tips about how to debug and fix
|
|
|
377
377
|
&[data-disabled="true"] {
|
|
378
378
|
cursor: not-allowed;
|
|
379
379
|
}
|
|
380
|
-
`,
|
|
380
|
+
`,ta=e=>A.css`
|
|
381
381
|
position: relative;
|
|
382
382
|
display: inline-flex;
|
|
383
383
|
align-items: center;
|
|
384
384
|
justify-content: center;
|
|
385
385
|
flex-shrink: 0;
|
|
386
|
-
width: ${
|
|
387
|
-
height: ${
|
|
388
|
-
border-radius: ${
|
|
389
|
-
border: ${
|
|
390
|
-
background-color: ${
|
|
391
|
-
transition: all ${
|
|
386
|
+
width: ${e.components.checkbox.control.size};
|
|
387
|
+
height: ${e.components.checkbox.control.size};
|
|
388
|
+
border-radius: ${e.components.checkbox.control.borderRadius};
|
|
389
|
+
border: ${e.components.checkbox.control.borderWidth} solid ${e.components.checkbox.control.borderColor.default};
|
|
390
|
+
background-color: ${e.components.checkbox.control.background.default};
|
|
391
|
+
transition: all ${e.components.checkbox.transition};
|
|
392
392
|
|
|
393
393
|
/* Hover 状态 */
|
|
394
394
|
&[data-hover="true"]:not([data-disabled="true"]) {
|
|
395
|
-
border-color: ${
|
|
395
|
+
border-color: ${e.components.checkbox.control.borderColor.hover};
|
|
396
396
|
}
|
|
397
397
|
|
|
398
398
|
/* Checked 状态 */
|
|
399
399
|
&[data-checked="true"]:not([data-disabled="true"]) {
|
|
400
|
-
background-color: ${
|
|
401
|
-
border-color: ${
|
|
400
|
+
background-color: ${e.components.checkbox.control.background.checked};
|
|
401
|
+
border-color: ${e.components.checkbox.control.borderColor.checked};
|
|
402
402
|
}
|
|
403
403
|
|
|
404
404
|
/* Indeterminate 状态(半选) */
|
|
405
405
|
&[data-indeterminate="true"]:not([data-disabled="true"]) {
|
|
406
|
-
background-color: ${
|
|
407
|
-
border-color: ${
|
|
406
|
+
background-color: ${e.components.checkbox.control.background.checked};
|
|
407
|
+
border-color: ${e.components.checkbox.control.borderColor.checked};
|
|
408
408
|
}
|
|
409
409
|
|
|
410
410
|
/* Disabled 未选中状态 */
|
|
411
411
|
&[data-disabled="true"]:not([data-checked="true"]):not([data-indeterminate="true"]) {
|
|
412
|
-
background-color: ${
|
|
413
|
-
border-color: ${
|
|
412
|
+
background-color: ${e.components.checkbox.control.background.disabled};
|
|
413
|
+
border-color: ${e.components.checkbox.control.borderColor.disabled};
|
|
414
414
|
}
|
|
415
415
|
|
|
416
416
|
/* Disabled 选中状态 */
|
|
417
417
|
&[data-disabled="true"][data-checked="true"],
|
|
418
418
|
&[data-disabled="true"][data-indeterminate="true"] {
|
|
419
|
-
background-color: ${
|
|
420
|
-
border-color: ${
|
|
419
|
+
background-color: ${e.components.checkbox.control.background.disabledChecked};
|
|
420
|
+
border-color: ${e.components.checkbox.control.borderColor.disabledChecked};
|
|
421
421
|
}
|
|
422
422
|
|
|
423
423
|
/* Focus 状态 */
|
|
424
424
|
input:focus-visible + & {
|
|
425
|
-
box-shadow: ${
|
|
425
|
+
box-shadow: ${e.components.checkbox.focusRing};
|
|
426
426
|
}
|
|
427
|
-
`,
|
|
428
|
-
color: ${
|
|
429
|
-
width: ${
|
|
430
|
-
height: ${
|
|
427
|
+
`,on=e=>A.css`
|
|
428
|
+
color: ${e.components.checkbox.control.icon.color};
|
|
429
|
+
width: ${e.components.checkbox.control.icon.size};
|
|
430
|
+
height: ${e.components.checkbox.control.icon.size};
|
|
431
431
|
opacity: 0;
|
|
432
432
|
transform: scale(0.8);
|
|
433
|
-
transition: all ${
|
|
433
|
+
transition: all ${e.components.checkbox.transition};
|
|
434
434
|
|
|
435
435
|
&[data-checked="true"] {
|
|
436
436
|
opacity: 1;
|
|
437
437
|
transform: scale(1);
|
|
438
438
|
}
|
|
439
|
-
`,
|
|
440
|
-
margin-left: ${
|
|
441
|
-
font-size: ${
|
|
442
|
-
line-height: ${
|
|
443
|
-
font-weight: ${
|
|
444
|
-
color: ${
|
|
445
|
-
transition: color ${
|
|
439
|
+
`,ra=e=>A.css`
|
|
440
|
+
margin-left: ${e.components.checkbox.gap};
|
|
441
|
+
font-size: ${e.components.checkbox.text.label.fontSize};
|
|
442
|
+
line-height: ${e.components.checkbox.text.label.lineHeight};
|
|
443
|
+
font-weight: ${e.components.checkbox.text.label.fontWeight};
|
|
444
|
+
color: ${e.components.checkbox.text.label.color};
|
|
445
|
+
transition: color ${e.components.checkbox.transition};
|
|
446
446
|
|
|
447
447
|
&[data-disabled="true"] {
|
|
448
|
-
color: ${
|
|
448
|
+
color: ${e.components.checkbox.text.label.disabled};
|
|
449
449
|
}
|
|
450
|
-
`,
|
|
450
|
+
`,oa=e=>{const r=re.c(6),{checked:t}=e,o=A.useTheme();let n;r[0]!==o?(n=on(o),r[0]=o,r[1]=n):n=r[1];let i;r[2]===Symbol.for("react.memo_cache_sentinel")?(i=Ve("path",{d:"M13.3332 4.5L5.99984 11.8333L2.6665 8.5",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round"}),r[2]=i):i=r[2];let s;return r[3]!==t||r[4]!==n?(s=Ve("svg",{css:n,"data-checked":t,viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:i}),r[3]=t,r[4]=n,r[5]=s):s=r[5],s},na=e=>{const r=re.c(6),{checked:t}=e,o=A.useTheme();let n;r[0]!==o?(n=on(o),r[0]=o,r[1]=n):n=r[1];let i;r[2]===Symbol.for("react.memo_cache_sentinel")?(i=Ve("path",{d:"M3.5 8H12.5",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round"}),r[2]=i):i=r[2];let s;return r[3]!==t||r[4]!==n?(s=Ve("svg",{css:n,"data-checked":t,viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:i}),r[3]=t,r[4]=n,r[5]=s):s=r[5],s},st=f.forwardRef((e,r)=>{const t=re.c(53);let o,n,i,s,a,d,c,p,m;t[0]!==e?({checked:n,defaultChecked:c,indeterminate:p,disabled:m,label:s,onChange:a,className:o,style:d,...i}=e,t[0]=e,t[1]=o,t[2]=n,t[3]=i,t[4]=s,t[5]=a,t[6]=d,t[7]=c,t[8]=p,t[9]=m):(o=t[1],n=t[2],i=t[3],s=t[4],a=t[5],d=t[6],c=t[7],p=t[8],m=t[9]);const b=c===void 0?!1:c,h=p===void 0?!1:p,g=m===void 0?!1:m,y=A.useTheme(),$=f.useRef(null),[k,w]=f.useState(!1),[C,v]=f.useState(b),x=n!==void 0,j=x?n:C;let E,z;t[10]!==r?(E=()=>{r&&(typeof r=="function"?r($.current):r.current=$.current)},z=[r],t[10]=r,t[11]=E,t[12]=z):(E=t[11],z=t[12]),f.useEffect(E,z);let I,M;t[13]!==h?(I=()=>{$.current&&($.current.indeterminate=h)},M=[h],t[13]=h,t[14]=I,t[15]=M):(I=t[14],M=t[15]),f.useEffect(I,M);let O;t[16]!==g||t[17]!==x||t[18]!==a?(O=T=>{if(g)return;const R=T.target.checked;x||v(R),a==null||a(R,T)},t[16]=g,t[17]=x,t[18]=a,t[19]=O):O=t[19];const D=O;let V,F;t[20]!==g?(V=()=>!g&&w(!0),F=()=>!g&&w(!1),t[20]=g,t[21]=V,t[22]=F):(V=t[21],F=t[22]);let P;t[23]!==j||t[24]!==g||t[25]!==D||t[26]!==i?(P=Ve("input",{ref:$,type:"checkbox",checked:j,disabled:g,onChange:D,...i}),t[23]=j,t[24]=g,t[25]=D,t[26]=i,t[27]=P):P=t[27];let K;t[28]!==y?(K=ta(y),t[28]=y,t[29]=K):K=t[29];const B=j&&!h;let _;t[30]!==j||t[31]!==h?(_=h?Ve(na,{checked:!0}):Ve(oa,{checked:j}),t[30]=j,t[31]=h,t[32]=_):_=t[32];let H;t[33]!==g||t[34]!==k||t[35]!==h||t[36]!==K||t[37]!==B||t[38]!==_?(H=Ve("span",{css:K,"data-hover":k,"data-checked":B,"data-indeterminate":h,"data-disabled":g,children:_}),t[33]=g,t[34]=k,t[35]=h,t[36]=K,t[37]=B,t[38]=_,t[39]=H):H=t[39];let X;t[40]!==g||t[41]!==s||t[42]!==y?(X=s&&Ve("span",{css:ra(y),"data-disabled":g,children:s}),t[40]=g,t[41]=s,t[42]=y,t[43]=X):X=t[43];let u;return t[44]!==o||t[45]!==g||t[46]!==d||t[47]!==P||t[48]!==H||t[49]!==X||t[50]!==V||t[51]!==F?(u=xr("label",{css:ea,"data-disabled":g,className:o,style:d,onMouseEnter:V,onMouseLeave:F,children:[P,H,X]}),t[44]=o,t[45]=g,t[46]=d,t[47]=P,t[48]=H,t[49]=X,t[50]=V,t[51]=F,t[52]=u):u=t[52],u});st.displayName="Checkbox";var vr={exports:{}},xt={};/**
|
|
451
451
|
* @license React
|
|
452
452
|
* react-jsx-runtime.production.js
|
|
453
453
|
*
|
|
@@ -455,7 +455,7 @@ See https://react.dev/link/invalid-hook-call for tips about how to debug and fix
|
|
|
455
455
|
*
|
|
456
456
|
* This source code is licensed under the MIT license found in the
|
|
457
457
|
* LICENSE file in the root directory of this source tree.
|
|
458
|
-
*/var
|
|
458
|
+
*/var fo;function ia(){if(fo)return xt;fo=1;var e=Symbol.for("react.transitional.element"),r=Symbol.for("react.fragment");function t(o,n,i){var s=null;if(i!==void 0&&(s=""+i),n.key!==void 0&&(s=""+n.key),"key"in n){i={};for(var a in n)a!=="key"&&(i[a]=n[a])}else i=n;return n=i.ref,{$$typeof:e,type:o,key:s,ref:n!==void 0?n:null,props:i}}return xt.Fragment=r,xt.jsx=t,xt.jsxs=t,xt}var Nt={};/**
|
|
459
459
|
* @license React
|
|
460
460
|
* react-jsx-runtime.development.js
|
|
461
461
|
*
|
|
@@ -463,12 +463,12 @@ See https://react.dev/link/invalid-hook-call for tips about how to debug and fix
|
|
|
463
463
|
*
|
|
464
464
|
* This source code is licensed under the MIT license found in the
|
|
465
465
|
* LICENSE file in the root directory of this source tree.
|
|
466
|
-
*/var
|
|
466
|
+
*/var po;function sa(){return po||(po=1,process.env.NODE_ENV!=="production"&&function(){function e(u){if(u==null)return null;if(typeof u=="function")return u.$$typeof===O?null:u.displayName||u.name||null;if(typeof u=="string")return u;switch(u){case $:return"Fragment";case w:return"Profiler";case k:return"StrictMode";case j:return"Suspense";case E:return"SuspenseList";case M:return"Activity"}if(typeof u=="object")switch(typeof u.tag=="number"&&console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),u.$$typeof){case y:return"Portal";case v:return u.displayName||"Context";case C:return(u._context.displayName||"Context")+".Consumer";case x:var T=u.render;return u=u.displayName,u||(u=T.displayName||T.name||"",u=u!==""?"ForwardRef("+u+")":"ForwardRef"),u;case z:return T=u.displayName||null,T!==null?T:e(u.type)||"Memo";case I:T=u._payload,u=u._init;try{return e(u(T))}catch{}}return null}function r(u){return""+u}function t(u){try{r(u);var T=!1}catch{T=!0}if(T){T=console;var R=T.error,L=typeof Symbol=="function"&&Symbol.toStringTag&&u[Symbol.toStringTag]||u.constructor.name||"Object";return R.call(T,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",L),r(u)}}function o(u){if(u===$)return"<>";if(typeof u=="object"&&u!==null&&u.$$typeof===I)return"<...>";try{var T=e(u);return T?"<"+T+">":"<...>"}catch{return"<...>"}}function n(){var u=D.A;return u===null?null:u.getOwner()}function i(){return Error("react-stack-top-frame")}function s(u){if(V.call(u,"key")){var T=Object.getOwnPropertyDescriptor(u,"key").get;if(T&&T.isReactWarning)return!1}return u.key!==void 0}function a(u,T){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)",T))}R.isReactWarning=!0,Object.defineProperty(u,"key",{get:R,configurable:!0})}function d(){var u=e(this.type);return B[u]||(B[u]=!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.")),u=this.props.ref,u!==void 0?u:null}function c(u,T,R,L,N,Y){var W=R.ref;return u={$$typeof:g,type:u,key:T,props:R,_owner:L},(W!==void 0?W:null)!==null?Object.defineProperty(u,"ref",{enumerable:!1,get:d}):Object.defineProperty(u,"ref",{enumerable:!1,value:null}),u._store={},Object.defineProperty(u._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(u,"_debugInfo",{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.defineProperty(u,"_debugStack",{configurable:!1,enumerable:!1,writable:!0,value:N}),Object.defineProperty(u,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:Y}),Object.freeze&&(Object.freeze(u.props),Object.freeze(u)),u}function p(u,T,R,L,N,Y){var W=T.children;if(W!==void 0)if(L)if(F(W)){for(L=0;L<W.length;L++)m(W[L]);Object.freeze&&Object.freeze(W)}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(W);if(V.call(T,"key")){W=e(u);var J=Object.keys(T).filter(function(oe){return oe!=="key"});L=0<J.length?"{key: someKey, "+J.join(": ..., ")+": ...}":"{key: someKey}",X[W+L]||(J=0<J.length?"{"+J.join(": ..., ")+": ...}":"{}",console.error(`A props object containing a "key" prop is being spread into JSX:
|
|
467
467
|
let props = %s;
|
|
468
468
|
<%s {...props} />
|
|
469
469
|
React keys must be passed directly to JSX without using spread:
|
|
470
470
|
let props = %s;
|
|
471
|
-
<%s key={someKey} {...props} />`,O,D,J,D),Z[D+O]=!0)}if(D=null,R!==void 0&&(e(R),D=""+R),s(z)&&(e(z.key),D=""+z.key),"key"in z){R={};for(var q in z)q!=="key"&&(R[q]=z[q])}else R=z;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===L&&(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===y}var b=g,y=Symbol.for("react.transitional.element"),x=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"),p=Symbol.for("react.forward_ref"),S=Symbol.for("react.suspense"),E=Symbol.for("react.suspense_list"),T=Symbol.for("react.memo"),L=Symbol.for("react.lazy"),I=Symbol.for("react.activity"),B=Symbol.for("react.client.reference"),M=b.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,A=Object.prototype.hasOwnProperty,V=Array.isArray,P=console.createTask?console.createTask:function(){return null};b={react_stack_bottom_frame:function(c){return c()}};var F,H={},W=b.react_stack_bottom_frame.bind(b,i)(),Y=P(o(i)),Z={};it.Fragment=$,it.jsx=function(c,z,R){var O=1e4>M.recentlyCreatedOwnerStacks++;return f(c,z,R,!1,O?Error("react-stack-top-frame"):W,O?P(o(c)):Y)},it.jsxs=function(c,z,R){var O=1e4>M.recentlyCreatedOwnerStacks++;return f(c,z,R,!0,O?Error("react-stack-top-frame"):W,O?P(o(c)):Y)}}()),it}process.env.NODE_ENV==="production"?Ft.exports=vi():Ft.exports=ki();var N=Ft.exports;const se=g.forwardRef(({children:t,size:r=24,color:e="currentColor",viewBox:o="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:r,height:r,viewBox:o,...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 $i=g.forwardRef((t,r)=>N.jsx(se,{ref:r,...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"})}));$i.displayName="AddOutline";const wi=g.forwardRef((t,r)=>N.jsx(se,{ref:r,...t,children:N.jsx("path",{d:"M5 12h14m0 0l-7-7m7 7l-7 7"})}));wi.displayName="ArrowRightOutline";const Si=g.forwardRef((t,r)=>N.jsx(se,{ref:r,...t,children:N.jsx("path",{d:"M19 12H5m0 0l7-7m-7 7l7 7"})}));Si.displayName="ArrowLeftOutline";const Ci=g.forwardRef((t,r)=>N.jsxs(se,{ref:r,...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"})]}));Ci.displayName="UnlockOutline";const ji=g.forwardRef((t,r)=>N.jsxs(se,{ref:r,...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"})]}));ji.displayName="ArrowRightCircleOutline";const Jr=g.forwardRef((t,r)=>N.jsx(se,{ref:r,...t,children:N.jsx("path",{d:"M9 6l6 6-6 6"})}));Jr.displayName="ChevronRightOutline";const Ri=g.forwardRef((t,r)=>N.jsx(se,{ref:r,...t,children:N.jsx("path",{d:"M15 6l-6 6 6 6"})}));Ri.displayName="ChevronLeftOutline";const tt=g.forwardRef((t,r)=>N.jsx(se,{ref:r,...t,children:N.jsx("path",{d:"M6 9l6 6 6-6"})}));tt.displayName="ChevronDownOutline";const Wt=g.forwardRef((t,r)=>N.jsx(se,{ref:r,...t,children:N.jsx("path",{d:"M18 15l-6-6-6 6"})}));Wt.displayName="ChevronUpOutline";const Ut=g.forwardRef((t,r)=>N.jsx(se,{ref:r,...t,children:N.jsx("path",{d:"M12 5v14m-7-7h14",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})}));Ut.displayName="PlusOutline";const zi=g.forwardRef((t,r)=>N.jsxs(se,{ref:r,...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"})]}));zi.displayName="EditSquareOutline";const Ei=g.forwardRef((t,r)=>N.jsxs(se,{ref:r,...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"})]}));Ei.displayName="EditOutline";const Ti=g.forwardRef((t,r)=>N.jsx(se,{ref:r,...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"})}));Ti.displayName="DeleteOutline";const Ii=g.forwardRef((t,r)=>N.jsxs(se,{ref:r,...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"})]}));Ii.displayName="MessageOutline";const Li=g.forwardRef((t,r)=>N.jsxs(se,{ref:r,...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"})]}));Li.displayName="SearchOutline";const Mi=g.forwardRef((t,r)=>N.jsxs(se,{ref:r,...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"})})]}));Mi.displayName="GameOutline";const Yt=g.forwardRef((t,r)=>N.jsx(se,{ref:r,...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,r)=>N.jsx(se,{ref:r,...t,children:N.jsx("path",{d:"M18 6L6 18M6 6l12 12"})}));Zt.displayName="CloseOutline";const Pi=g.forwardRef((t,r)=>N.jsx(se,{ref:r,...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"})}));Pi.displayName="StartOutline";const Ai=g.forwardRef((t,r)=>N.jsxs(se,{ref:r,...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"})]}));Ai.displayName="TicketOutline";const Oi=g.forwardRef((t,r)=>N.jsxs(se,{ref:r,...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"})]}));Oi.displayName="MoreCircleOutline";const _i=g.forwardRef((t,r)=>N.jsxs(se,{ref:r,...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"})]}));_i.displayName="MoreSquareOutline";const Ni=g.forwardRef((t,r)=>N.jsx(se,{ref:r,...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"})}));Ni.displayName="ShrinkOutline";const Fi=g.forwardRef((t,r)=>N.jsx(se,{ref:r,...t,children:N.jsx("path",{d:"M21 9V3h-6M3 15v6h6M21 3l-7 7M10 14l-7 7"})}));Fi.displayName="ExpandOutline";const Vi=g.forwardRef((t,r)=>N.jsx(se,{ref:r,...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"})}));Vi.displayName="FunnelOutline";const Qr=g.forwardRef((t,r)=>N.jsx(se,{ref:r,...t,children:N.jsx("path",{d:"M2 12H22",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})}));Qr.displayName="MinusOutline";const Di=g.forwardRef((t,r)=>N.jsxs(se,{ref:r,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"})]}));Di.displayName="ArrowRightBold";const Ki=g.forwardRef((t,r)=>N.jsx(se,{ref:r,...t,children:N.jsx("path",{d:"M5 12h7m5 0h2m-2 0l-7-7m7 7l-7 7"})}));Ki.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}},Bi=_.css`
|
|
471
|
+
<%s key={someKey} {...props} />`,L,W,J,W),X[W+L]=!0)}if(W=null,R!==void 0&&(t(R),W=""+R),s(T)&&(t(T.key),W=""+T.key),"key"in T){R={};for(var G in T)G!=="key"&&(R[G]=T[G])}else R=T;return W&&a(R,typeof u=="function"?u.displayName||u.name||"Unknown":u),c(u,W,R,n(),N,Y)}function m(u){b(u)?u._store&&(u._store.validated=1):typeof u=="object"&&u!==null&&u.$$typeof===I&&(u._payload.status==="fulfilled"?b(u._payload.value)&&u._payload.value._store&&(u._payload.value._store.validated=1):u._store&&(u._store.validated=1))}function b(u){return typeof u=="object"&&u!==null&&u.$$typeof===g}var h=f,g=Symbol.for("react.transitional.element"),y=Symbol.for("react.portal"),$=Symbol.for("react.fragment"),k=Symbol.for("react.strict_mode"),w=Symbol.for("react.profiler"),C=Symbol.for("react.consumer"),v=Symbol.for("react.context"),x=Symbol.for("react.forward_ref"),j=Symbol.for("react.suspense"),E=Symbol.for("react.suspense_list"),z=Symbol.for("react.memo"),I=Symbol.for("react.lazy"),M=Symbol.for("react.activity"),O=Symbol.for("react.client.reference"),D=h.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,V=Object.prototype.hasOwnProperty,F=Array.isArray,P=console.createTask?console.createTask:function(){return null};h={react_stack_bottom_frame:function(u){return u()}};var K,B={},_=h.react_stack_bottom_frame.bind(h,i)(),H=P(o(i)),X={};Nt.Fragment=$,Nt.jsx=function(u,T,R){var L=1e4>D.recentlyCreatedOwnerStacks++;return p(u,T,R,!1,L?Error("react-stack-top-frame"):_,L?P(o(u)):H)},Nt.jsxs=function(u,T,R){var L=1e4>D.recentlyCreatedOwnerStacks++;return p(u,T,R,!0,L?Error("react-stack-top-frame"):_,L?P(o(u)):H)}}()),Nt}process.env.NODE_ENV==="production"?vr.exports=ia():vr.exports=sa();var U=vr.exports;const fe=f.forwardRef(({children:e,size:r=24,color:t="currentColor",viewBox:o="0 0 24 24",useFill:n=!1,strokeWidth:i=1.5,...s},a)=>{const d={ref:a,xmlns:"http://www.w3.org/2000/svg",width:r,height:r,viewBox:o,...s};return n?U.jsx("svg",{...d,fill:t,children:e}):U.jsx("svg",{...d,fill:"none",stroke:t,strokeWidth:i,strokeLinecap:"round",strokeLinejoin:"round",children:e})});fe.displayName="IconBase";const aa=f.forwardRef((e,r)=>U.jsx(fe,{ref:r,...e,viewBox:"0 0 22 22",useFill:!0,children:U.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"})}));aa.displayName="AddOutline";const la=f.forwardRef((e,r)=>U.jsx(fe,{ref:r,...e,children:U.jsx("path",{d:"M5 12h14m0 0l-7-7m7 7l-7 7"})}));la.displayName="ArrowRightOutline";const ca=f.forwardRef((e,r)=>U.jsx(fe,{ref:r,...e,children:U.jsx("path",{d:"M19 12H5m0 0l7-7m-7 7l7 7"})}));ca.displayName="ArrowLeftOutline";const da=f.forwardRef((e,r)=>U.jsxs(fe,{ref:r,...e,useFill:!0,children:[U.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"}),U.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"}),U.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"})]}));da.displayName="UnlockOutline";const ua=f.forwardRef((e,r)=>U.jsxs(fe,{ref:r,...e,useFill:!0,children:[U.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"}),U.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"})]}));ua.displayName="ArrowRightCircleOutline";const qe=f.forwardRef((e,r)=>U.jsx(fe,{ref:r,...e,children:U.jsx("path",{d:"M9 6l6 6-6 6"})}));qe.displayName="ChevronRightOutline";const $t=f.forwardRef((e,r)=>U.jsx(fe,{ref:r,...e,children:U.jsx("path",{d:"M15 6l-6 6 6 6"})}));$t.displayName="ChevronLeftOutline";const Rt=f.forwardRef((e,r)=>U.jsx(fe,{ref:r,...e,children:U.jsx("path",{d:"M6 9l6 6 6-6"})}));Rt.displayName="ChevronDownOutline";const Pr=f.forwardRef((e,r)=>U.jsx(fe,{ref:r,...e,children:U.jsx("path",{d:"M18 15l-6-6-6 6"})}));Pr.displayName="ChevronUpOutline";const Ar=f.forwardRef((e,r)=>U.jsx(fe,{ref:r,...e,children:U.jsx("path",{d:"M12 5v14m-7-7h14",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})}));Ar.displayName="PlusOutline";const fa=f.forwardRef((e,r)=>U.jsxs(fe,{ref:r,...e,children:[U.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"}),U.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"}),U.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"})]}));fa.displayName="EditSquareOutline";const pa=f.forwardRef((e,r)=>U.jsxs(fe,{ref:r,...e,children:[U.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"}),U.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"}),U.jsx("path",{d:"M3 22H21",stroke:"currentColor",strokeWidth:"1.5",strokeMiterlimit:"10",strokeLinecap:"round",strokeLinejoin:"round"})]}));pa.displayName="EditOutline";const nn=f.forwardRef((e,r)=>U.jsx(fe,{ref:r,...e,children:U.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"})}));nn.displayName="DeleteOutline";const ha=f.forwardRef((e,r)=>U.jsxs(fe,{ref:r,...e,children:[U.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"}),U.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"})]}));ha.displayName="MessageOutline";const sn=f.forwardRef((e,r)=>U.jsxs(fe,{ref:r,...e,children:[U.jsx("circle",{cx:"11.7666",cy:"11.7666",r:"8.98856",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round",fill:"none"}),U.jsx("path",{d:"M18.0183 18.4851L21.5423 22",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round",fill:"none"})]}));sn.displayName="SearchOutline";const ba=f.forwardRef((e,r)=>U.jsxs(fe,{ref:r,...e,viewBox:"0 0 22 22",useFill:!0,children:[U.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"}),U.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"}),U.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"}),U.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"}),U.jsx("mask",{id:"mask0_6909_3794",style:{maskType:"luminance"},maskUnits:"userSpaceOnUse",x:"6",y:"0",width:"7",height:"6",children:U.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M6.07166 0H12.1117V5.5879H6.07166V0Z",fill:"white"})}),U.jsx("g",{mask:"url(#mask0_6909_3794)",children:U.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"})}),U.jsx("mask",{id:"mask1_6909_3794",style:{maskType:"luminance"},maskUnits:"userSpaceOnUse",x:"0",y:"4",width:"22",height:"18",children:U.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M0 4.37329H21.4998V21.5H0V4.37329Z",fill:"white"})}),U.jsx("g",{mask:"url(#mask1_6909_3794)",children:U.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"})})]}));ba.displayName="GameOutline";const _r=f.forwardRef((e,r)=>U.jsx(fe,{ref:r,...e,viewBox:"0 0 12 12",useFill:!0,children:U.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"})}));_r.displayName="CheckOutline";const Fr=f.forwardRef((e,r)=>U.jsx(fe,{ref:r,...e,children:U.jsx("path",{d:"M18 6L6 18M6 6l12 12"})}));Fr.displayName="CloseOutline";const ga=f.forwardRef((e,r)=>U.jsx(fe,{ref:r,...e,viewBox:"0 0 20 19",useFill:!0,children:U.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"})}));ga.displayName="StartOutline";const ma=f.forwardRef((e,r)=>U.jsxs(fe,{ref:r,...e,viewBox:"0 0 20 19",useFill:!0,children:[U.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"}),U.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"})]}));ma.displayName="TicketOutline";const xa=f.forwardRef((e,r)=>U.jsxs(fe,{ref:r,...e,viewBox:"0 0 20 20",useFill:!0,children:[U.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"}),U.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"}),U.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"}),U.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"})]}));xa.displayName="MoreCircleOutline";const ya=f.forwardRef((e,r)=>U.jsxs(fe,{ref:r,...e,children:[U.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"}),U.jsx("circle",{cx:"15.5",cy:"12",r:"1"}),U.jsx("circle",{cx:"11.5",cy:"12",r:"1"}),U.jsx("circle",{cx:"7.5",cy:"12",r:"1"})]}));ya.displayName="MoreSquareOutline";const va=f.forwardRef((e,r)=>U.jsx(fe,{ref:r,...e,viewBox:"0 0 19 19",useFill:!0,children:U.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"})}));va.displayName="ShrinkOutline";const $a=f.forwardRef((e,r)=>U.jsx(fe,{ref:r,...e,children:U.jsx("path",{d:"M21 9V3h-6M3 15v6h6M21 3l-7 7M10 14l-7 7"})}));$a.displayName="ExpandOutline";const wa=f.forwardRef((e,r)=>U.jsx(fe,{ref:r,...e,viewBox:"0 0 20 20",useFill:!0,children:U.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"})}));wa.displayName="FunnelOutline";const an=f.forwardRef((e,r)=>U.jsx(fe,{ref:r,...e,children:U.jsx("path",{d:"M2 12H22",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})}));an.displayName="MinusOutline";const ka=f.forwardRef((e,r)=>U.jsxs(fe,{ref:r,useFill:!0,...e,children:[U.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"}),U.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"})]}));ka.displayName="ArrowRightBold";const Sa=f.forwardRef((e,r)=>U.jsx(fe,{ref:r,...e,children:U.jsx("path",{d:"M5 12h7m5 0h2m-2 0l-7-7m7 7l-7 7"})}));Sa.displayName="ArrowRightBroken";const Or={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}},Ca=A.css`
|
|
472
472
|
display: inline-flex;
|
|
473
473
|
cursor: pointer;
|
|
474
474
|
user-select: none;
|
|
@@ -495,7 +495,7 @@ React keys must be passed directly to JSX without using spread:
|
|
|
495
495
|
&[data-disabled="true"] {
|
|
496
496
|
cursor: not-allowed;
|
|
497
497
|
}
|
|
498
|
-
`,
|
|
498
|
+
`,ja=(e,r="md")=>{const t=Or[r];return A.css`
|
|
499
499
|
position: relative;
|
|
500
500
|
display: inline-flex;
|
|
501
501
|
align-items: center;
|
|
@@ -503,23 +503,23 @@ React keys must be passed directly to JSX without using spread:
|
|
|
503
503
|
box-sizing: border-box;
|
|
504
504
|
|
|
505
505
|
/* 尺寸与间距 - 按照设计稿 */
|
|
506
|
-
padding: ${
|
|
507
|
-
gap: ${
|
|
508
|
-
min-height: ${
|
|
506
|
+
padding: ${t.paddingY}px ${t.paddingX}px;
|
|
507
|
+
gap: ${t.gap}px;
|
|
508
|
+
min-height: ${t.minHeight}px;
|
|
509
509
|
|
|
510
510
|
/* 字体样式 */
|
|
511
|
-
font-family: ${
|
|
512
|
-
font-size: ${
|
|
513
|
-
line-height: ${
|
|
511
|
+
font-family: ${e.global.typography.fontFamily};
|
|
512
|
+
font-size: ${t.fontSize}px;
|
|
513
|
+
line-height: ${t.lineHeight}px;
|
|
514
514
|
font-weight: 400;
|
|
515
515
|
white-space: nowrap;
|
|
516
516
|
|
|
517
517
|
/* 边框与圆角 */
|
|
518
|
-
border: 1px solid ${
|
|
518
|
+
border: 1px solid ${e.global.colors.neutral[200]}; /* #e1e1e1 - b4 组件描边 */
|
|
519
519
|
border-radius: 4px;
|
|
520
520
|
|
|
521
521
|
/* 默认状态 - 未选中 */
|
|
522
|
-
background-color: ${
|
|
522
|
+
background-color: ${e.global.colors.common.white};
|
|
523
523
|
color: rgba(10, 24, 51, 0.7); /* f4 正文文字色 */
|
|
524
524
|
|
|
525
525
|
/* 过渡动画 */
|
|
@@ -530,37 +530,37 @@ React keys must be passed directly to JSX without using spread:
|
|
|
530
530
|
|
|
531
531
|
/* Hover 状态 - 未选中 */
|
|
532
532
|
&[data-hover="true"]:not([data-checked="true"]):not([data-disabled="true"]) {
|
|
533
|
-
border-color: ${
|
|
534
|
-
color: ${
|
|
533
|
+
border-color: ${e.global.colors.blue[500]}; /* #2c6fe7 - b5 主按钮色 */
|
|
534
|
+
color: ${e.global.colors.blue[500]};
|
|
535
535
|
}
|
|
536
536
|
|
|
537
537
|
/* Checked 状态 - 已选中 */
|
|
538
538
|
&[data-checked="true"]:not([data-disabled="true"]) {
|
|
539
|
-
background-color: ${
|
|
540
|
-
border-color: ${
|
|
541
|
-
color: ${
|
|
539
|
+
background-color: ${e.global.colors.blue[100]}; /* #d4e9fd - b1 选中背景面 */
|
|
540
|
+
border-color: ${e.global.colors.blue[500]}; /* #2c6fe7 - b5 主按钮色 */
|
|
541
|
+
color: ${e.global.colors.blue[500]};
|
|
542
542
|
}
|
|
543
543
|
|
|
544
544
|
/* Disabled 未选中状态 */
|
|
545
545
|
&[data-disabled="true"]:not([data-checked="true"]) {
|
|
546
|
-
background-color: ${
|
|
547
|
-
border-color: ${
|
|
546
|
+
background-color: ${e.global.colors.neutral[100]}; /* #f0f0f0 - b5 禁用背景色 */
|
|
547
|
+
border-color: ${e.global.colors.neutral[200]}; /* #e1e1e1 */
|
|
548
548
|
color: rgba(10, 24, 51, 0.3); /* f8 禁用文字色 */
|
|
549
549
|
}
|
|
550
550
|
|
|
551
551
|
/* Disabled 选中状态 */
|
|
552
552
|
&[data-disabled="true"][data-checked="true"] {
|
|
553
|
-
background-color: ${
|
|
554
|
-
border-color: ${
|
|
553
|
+
background-color: ${e.global.colors.neutral[100]}; /* #f0f0f0 - b5 禁用背景色 */
|
|
554
|
+
border-color: ${e.global.colors.neutral[400]}; /* #c2c5cc - b6 选中边框色 */
|
|
555
555
|
color: rgba(10, 24, 51, 0.3); /* f8 禁用文字色 */
|
|
556
556
|
}
|
|
557
557
|
|
|
558
558
|
/* Focus 状态 - 键盘导航 */
|
|
559
559
|
input:focus-visible + & {
|
|
560
|
-
outline: 2px solid ${
|
|
560
|
+
outline: 2px solid ${e.global.colors.blue[500]};
|
|
561
561
|
outline-offset: 2px;
|
|
562
562
|
}
|
|
563
|
-
`},
|
|
563
|
+
`},Ea=(e,r="md")=>{const{checkmarkSize:t,checkmarkIcon:o}=Or[r];return A.css`
|
|
564
564
|
position: absolute;
|
|
565
565
|
bottom: 0;
|
|
566
566
|
right: 0;
|
|
@@ -570,8 +570,8 @@ React keys must be passed directly to JSX without using spread:
|
|
|
570
570
|
justify-content: flex-end;
|
|
571
571
|
|
|
572
572
|
/* 勾选标记的背景三角形区域 */
|
|
573
|
-
width: ${
|
|
574
|
-
height: ${
|
|
573
|
+
width: ${t}px;
|
|
574
|
+
height: ${t}px;
|
|
575
575
|
overflow: hidden;
|
|
576
576
|
|
|
577
577
|
/* 过渡动画 */
|
|
@@ -586,20 +586,20 @@ React keys must be passed directly to JSX without using spread:
|
|
|
586
586
|
width: 0;
|
|
587
587
|
height: 0;
|
|
588
588
|
border-style: solid;
|
|
589
|
-
border-width: 0 0 ${
|
|
590
|
-
border-color: transparent transparent ${
|
|
589
|
+
border-width: 0 0 ${t}px ${t}px;
|
|
590
|
+
border-color: transparent transparent ${e.global.colors.blue[500]} transparent;
|
|
591
591
|
transition: border-color 0.2s ease;
|
|
592
592
|
}
|
|
593
593
|
|
|
594
594
|
/* 禁用状态的背景 */
|
|
595
595
|
&[data-disabled="true"]::before {
|
|
596
|
-
border-color: transparent transparent ${
|
|
596
|
+
border-color: transparent transparent ${e.global.colors.neutral[400]} transparent;
|
|
597
597
|
}
|
|
598
598
|
|
|
599
599
|
/* 图标样式 */
|
|
600
600
|
svg {
|
|
601
601
|
position: relative;
|
|
602
|
-
color: ${
|
|
602
|
+
color: ${e.global.colors.common.white};
|
|
603
603
|
width: ${o}px;
|
|
604
604
|
height: ${o}px;
|
|
605
605
|
margin: 0;
|
|
@@ -608,9 +608,9 @@ React keys must be passed directly to JSX without using spread:
|
|
|
608
608
|
|
|
609
609
|
/* 禁用状态的图标 */
|
|
610
610
|
&[data-disabled="true"] svg {
|
|
611
|
-
color: ${
|
|
611
|
+
color: ${e.global.colors.neutral[100]}; /* #f0f2f4 */
|
|
612
612
|
}
|
|
613
|
-
`},
|
|
613
|
+
`},ln=f.forwardRef((e,r)=>{const t=re.c(50);let o,n,i,s,a,d,c,p,m;t[0]!==e?({checked:n,defaultChecked:c,disabled:p,label:s,size:m,onChange:a,className:o,style:d,...i}=e,t[0]=e,t[1]=o,t[2]=n,t[3]=i,t[4]=s,t[5]=a,t[6]=d,t[7]=c,t[8]=p,t[9]=m):(o=t[1],n=t[2],i=t[3],s=t[4],a=t[5],d=t[6],c=t[7],p=t[8],m=t[9]);const b=c===void 0?!1:c,h=p===void 0?!1:p,g=m===void 0?"md":m,y=A.useTheme(),$=f.useRef(null),[k,w]=f.useState(!1),[C,v]=f.useState(b),x=n!==void 0,j=x?n:C;let E,z;t[10]!==r?(E=()=>{r&&(typeof r=="function"?r($.current):r.current=$.current)},z=[r],t[10]=r,t[11]=E,t[12]=z):(E=t[11],z=t[12]),f.useEffect(E,z);let I;t[13]!==h||t[14]!==x||t[15]!==a?(I=H=>{if(h)return;const X=H.target.checked;x||v(X),a==null||a(X,H)},t[13]=h,t[14]=x,t[15]=a,t[16]=I):I=t[16];const M=I,O=Or[g];let D,V;t[17]!==h?(D=()=>!h&&w(!0),V=()=>!h&&w(!1),t[17]=h,t[18]=D,t[19]=V):(D=t[18],V=t[19]);let F;t[20]!==j||t[21]!==h||t[22]!==M||t[23]!==i?(F=Ve("input",{ref:$,type:"checkbox",checked:j,disabled:h,onChange:M,...i}),t[20]=j,t[21]=h,t[22]=M,t[23]=i,t[24]=F):F=t[24];let P;t[25]!==g||t[26]!==y?(P=ja(y,g),t[25]=g,t[26]=y,t[27]=P):P=t[27];let K;t[28]!==j||t[29]!==h||t[30]!==g||t[31]!==O||t[32]!==y?(K=j&&Ve("span",{css:Ea(y,g),"data-disabled":h,"data-size":g,children:Ve(_r,{size:O.checkmarkIcon})}),t[28]=j,t[29]=h,t[30]=g,t[31]=O,t[32]=y,t[33]=K):K=t[33];let B;t[34]!==j||t[35]!==h||t[36]!==k||t[37]!==s||t[38]!==g||t[39]!==K||t[40]!==P?(B=xr("span",{css:P,"data-hover":k,"data-checked":j,"data-disabled":h,"data-size":g,children:[s,K]}),t[34]=j,t[35]=h,t[36]=k,t[37]=s,t[38]=g,t[39]=K,t[40]=P,t[41]=B):B=t[41];let _;return t[42]!==o||t[43]!==h||t[44]!==d||t[45]!==B||t[46]!==D||t[47]!==V||t[48]!==F?(_=xr("label",{css:Ca,"data-disabled":h,className:o,style:d,onMouseEnter:D,onMouseLeave:V,children:[F,B]}),t[42]=o,t[43]=h,t[44]=d,t[45]=B,t[46]=D,t[47]=V,t[48]=F,t[49]=_):_=t[49],_});ln.displayName="CheckboxButton";const Ta=A.keyframes`
|
|
614
614
|
from {
|
|
615
615
|
opacity: 0;
|
|
616
616
|
transform: translateY(-8px);
|
|
@@ -619,7 +619,7 @@ React keys must be passed directly to JSX without using spread:
|
|
|
619
619
|
opacity: 1;
|
|
620
620
|
transform: translateY(0);
|
|
621
621
|
}
|
|
622
|
-
`,
|
|
622
|
+
`,Ra=A.keyframes`
|
|
623
623
|
from {
|
|
624
624
|
opacity: 1;
|
|
625
625
|
transform: translateY(0);
|
|
@@ -628,39 +628,39 @@ React keys must be passed directly to JSX without using spread:
|
|
|
628
628
|
opacity: 0;
|
|
629
629
|
transform: translateY(-8px);
|
|
630
630
|
}
|
|
631
|
-
`;
|
|
631
|
+
`;A.keyframes`
|
|
632
632
|
from {
|
|
633
633
|
transform: rotate(-90deg);
|
|
634
634
|
}
|
|
635
635
|
to {
|
|
636
636
|
transform: rotate(0deg);
|
|
637
637
|
}
|
|
638
|
-
`;
|
|
638
|
+
`;A.keyframes`
|
|
639
639
|
from {
|
|
640
640
|
transform: rotate(0deg);
|
|
641
641
|
}
|
|
642
642
|
to {
|
|
643
643
|
transform: rotate(-90deg);
|
|
644
644
|
}
|
|
645
|
-
`;const
|
|
645
|
+
`;const za=S.div`
|
|
646
646
|
width: 100%;
|
|
647
|
-
border: 1px solid ${({theme:
|
|
648
|
-
border-radius: ${({theme:
|
|
649
|
-
background: ${({theme:
|
|
647
|
+
border: 1px solid ${({theme:e})=>e.components.collapse.border.default};
|
|
648
|
+
border-radius: ${({theme:e})=>e.components.collapse.borderRadius};
|
|
649
|
+
background: ${({theme:e})=>e.components.collapse.background.default};
|
|
650
650
|
overflow: hidden;
|
|
651
|
-
`,
|
|
652
|
-
border-bottom: ${({isLast:
|
|
653
|
-
`,
|
|
651
|
+
`,La=S.div`
|
|
652
|
+
border-bottom: ${({isLast:e,theme:r})=>e?"none":`1px solid ${r.components.collapse.divider}`};
|
|
653
|
+
`,Ma=S.div`
|
|
654
654
|
display: flex;
|
|
655
655
|
align-items: center;
|
|
656
|
-
gap: ${({theme:
|
|
657
|
-
padding: ${({theme:
|
|
658
|
-
cursor: ${({isDisabled:
|
|
656
|
+
gap: ${({theme:e})=>e.components.collapse.gap};
|
|
657
|
+
padding: ${({theme:e})=>e.components.collapse.padding.header};
|
|
658
|
+
cursor: ${({isDisabled:e})=>e?"not-allowed":"pointer"};
|
|
659
659
|
user-select: none;
|
|
660
|
-
transition: background ${({theme:
|
|
660
|
+
transition: background ${({theme:e})=>e.components.collapse.transition};
|
|
661
661
|
|
|
662
662
|
/* Hover 状态 */
|
|
663
|
-
${({isDisabled:
|
|
663
|
+
${({isDisabled:e,theme:r})=>!e&&A.css`
|
|
664
664
|
&:hover {
|
|
665
665
|
background: ${r.components.collapse.background.hover};
|
|
666
666
|
}
|
|
@@ -668,66 +668,66 @@ React keys must be passed directly to JSX without using spread:
|
|
|
668
668
|
|
|
669
669
|
/* Focus 可见状态 - 键盘导航时显示 */
|
|
670
670
|
&:focus-visible {
|
|
671
|
-
outline: 2px solid ${({theme:
|
|
671
|
+
outline: 2px solid ${({theme:e})=>e.components.collapse.arrow.default};
|
|
672
672
|
outline-offset: -2px;
|
|
673
673
|
}
|
|
674
674
|
|
|
675
675
|
/* 禁用状态 */
|
|
676
|
-
${({isDisabled:
|
|
676
|
+
${({isDisabled:e})=>e&&A.css`
|
|
677
677
|
opacity: 0.5;
|
|
678
678
|
`}
|
|
679
|
-
`,
|
|
679
|
+
`,Na=S.div`
|
|
680
680
|
display: inline-flex;
|
|
681
681
|
align-items: center;
|
|
682
682
|
justify-content: center;
|
|
683
683
|
flex-shrink: 0;
|
|
684
|
-
width: ${({theme:
|
|
685
|
-
height: ${({theme:
|
|
686
|
-
color: ${({theme:
|
|
687
|
-
transition: transform ${({theme:
|
|
688
|
-
transform: rotate(${({isExpanded:
|
|
684
|
+
width: ${({theme:e})=>e.components.collapse.arrowSize};
|
|
685
|
+
height: ${({theme:e})=>e.components.collapse.arrowSize};
|
|
686
|
+
color: ${({theme:e})=>e.components.collapse.arrow.default};
|
|
687
|
+
transition: transform ${({theme:e})=>e.components.collapse.transition};
|
|
688
|
+
transform: rotate(${({isExpanded:e})=>e?"0deg":"-90deg"});
|
|
689
689
|
|
|
690
690
|
svg {
|
|
691
691
|
width: 100%;
|
|
692
692
|
height: 100%;
|
|
693
693
|
}
|
|
694
|
-
`,
|
|
694
|
+
`,Ia=S.div`
|
|
695
695
|
flex: 1;
|
|
696
696
|
display: flex;
|
|
697
697
|
align-items: center;
|
|
698
|
-
gap: ${({theme:
|
|
698
|
+
gap: ${({theme:e})=>e.components.collapse.gap};
|
|
699
699
|
min-width: 0; /* 允许内容收缩 */
|
|
700
|
-
`,
|
|
700
|
+
`,Pa=S.p`
|
|
701
701
|
margin: 0;
|
|
702
|
-
font-family: ${({theme:
|
|
702
|
+
font-family: ${({theme:e})=>e.global.typography.fontFamily};
|
|
703
703
|
font-size: 14px;
|
|
704
704
|
line-height: 22px;
|
|
705
|
-
color: ${({theme:
|
|
705
|
+
color: ${({theme:e})=>e.components.collapse.text.title};
|
|
706
706
|
white-space: pre-wrap;
|
|
707
707
|
word-break: break-word;
|
|
708
|
-
`,
|
|
708
|
+
`,Aa=S.div`
|
|
709
709
|
display: flex;
|
|
710
710
|
align-items: center;
|
|
711
711
|
gap: 12px;
|
|
712
712
|
flex-shrink: 0;
|
|
713
|
-
`,
|
|
714
|
-
max-height: ${({isExpanded:
|
|
713
|
+
`,_a=S.div`
|
|
714
|
+
max-height: ${({isExpanded:e,contentHeight:r})=>e?`${r}px`:"0px"};
|
|
715
715
|
overflow: hidden;
|
|
716
|
-
transition: max-height ${({theme:
|
|
717
|
-
`,
|
|
718
|
-
padding: ${({theme:
|
|
719
|
-
border-top: 1px solid ${({theme:
|
|
720
|
-
|
|
721
|
-
${({isExpanded:
|
|
722
|
-
animation: ${
|
|
723
|
-
`:
|
|
724
|
-
animation: ${
|
|
716
|
+
transition: max-height ${({theme:e})=>e.components.collapse.transition};
|
|
717
|
+
`,Fa=S.div`
|
|
718
|
+
padding: ${({theme:e})=>e.components.collapse.padding.content};
|
|
719
|
+
border-top: 1px solid ${({theme:e})=>e.components.collapse.divider};
|
|
720
|
+
|
|
721
|
+
${({isExpanded:e})=>e?A.css`
|
|
722
|
+
animation: ${Ta} 0.3s cubic-bezier(0.4, 0, 0.2, 1) forwards;
|
|
723
|
+
`:A.css`
|
|
724
|
+
animation: ${Ra} 0.3s cubic-bezier(0.4, 0, 0.2, 1) forwards;
|
|
725
725
|
`}
|
|
726
|
-
`,
|
|
727
|
-
font-family: ${({theme:
|
|
726
|
+
`,Oa=S.div`
|
|
727
|
+
font-family: ${({theme:e})=>e.global.typography.fontFamily};
|
|
728
728
|
font-size: 12px;
|
|
729
729
|
line-height: 22px;
|
|
730
|
-
color: ${({theme:
|
|
730
|
+
color: ${({theme:e})=>e.components.collapse.text.default};
|
|
731
731
|
|
|
732
732
|
p {
|
|
733
733
|
margin: 0 0 12px 0;
|
|
@@ -736,58 +736,222 @@ React keys must be passed directly to JSX without using spread:
|
|
|
736
736
|
margin-bottom: 0;
|
|
737
737
|
}
|
|
738
738
|
}
|
|
739
|
-
`,
|
|
740
|
-
|
|
741
|
-
|
|
742
|
-
|
|
739
|
+
`,cn=f.forwardRef((e,r)=>{const t=re.c(19),{activeKey:o,defaultActiveKey:n,accordion:i,onChange:s,children:a,className:d}=e;let c;t[0]!==n?(c=n===void 0?[]:n,t[0]=n,t[1]=c):c=t[1];const p=c,m=i===void 0?!1:i,[b,h]=f.useState(p),g=o!==void 0,y=g?o:b;let $;t[2]!==y?($=Array.isArray(y)?y:[y],t[2]=y,t[3]=$):$=t[3];const k=$;let w;t[4]!==m||t[5]!==y||t[6]!==g||t[7]!==s?(w=(z,I)=>{let M;if(m)M=I?z:"";else{const O=Array.isArray(y)?[...y]:y?[y]:[];I?M=[...O,z]:M=O.filter(D=>D!==z)}g||h(M),s==null||s(M)},t[4]=m,t[5]=y,t[6]=g,t[7]=s,t[8]=w):w=t[8];const C=w;let v;t[9]!==k||t[10]!==a||t[11]!==C?(v=()=>{const z=f.Children.toArray(a).filter(f.isValidElement),I=z.length;return z.map((M,O)=>{const D=M.props.itemKey,V=k.includes(D),F=O===I-1;return f.cloneElement(M,{...M.props,expanded:V,last:F,onChange:C})})},t[9]=k,t[10]=a,t[11]=C,t[12]=v):v=t[12];const x=v;let j;t[13]!==x?(j=x(),t[13]=x,t[14]=j):j=t[14];let E;return t[15]!==d||t[16]!==r||t[17]!==j?(E=l.jsx(za,{ref:r,className:d,role:"region",children:j}),t[15]=d,t[16]=r,t[17]=j,t[18]=E):E=t[18],E});cn.displayName="Collapse";const dn=f.forwardRef((e,r)=>{const t=re.c(48),{itemKey:o,title:n,children:i,suffix:s,expanded:a,disabled:d,last:c,onChange:p,className:m}=e,b=a===void 0?!1:a,h=d===void 0?!1:d,g=c===void 0?!1:c,y=f.useRef(null),[$,k]=f.useState(0);let w;t[0]===Symbol.for("react.memo_cache_sentinel")?(w=()=>{y.current&&k(y.current.scrollHeight)},t[0]=w):w=t[0];let C;t[1]!==i||t[2]!==b?(C=[i,b],t[1]=i,t[2]=b,t[3]=C):C=t[3],f.useEffect(w,C);let v;t[4]!==h||t[5]!==b||t[6]!==o||t[7]!==p?(v=()=>{h||p==null||p(o,!b)},t[4]=h,t[5]=b,t[6]=o,t[7]=p,t[8]=v):v=t[8];const x=v;let j;t[9]!==h||t[10]!==x?(j=T=>{h||(T.key===" "||T.key==="Enter")&&(T.preventDefault(),x())},t[9]=h,t[10]=x,t[11]=j):j=t[11];const E=j,z=h?-1:0,I=`collapse-content-${o}`;let M;t[12]===Symbol.for("react.memo_cache_sentinel")?(M=l.jsx(Rt,{}),t[12]=M):M=t[12];let O;t[13]!==b?(O=l.jsx(Na,{isExpanded:b,"aria-hidden":"true",children:M}),t[13]=b,t[14]=O):O=t[14];let D;t[15]!==n?(D=typeof n=="string"?l.jsx(Pa,{children:n}):n,t[15]=n,t[16]=D):D=t[16];let V;t[17]!==D?(V=l.jsx(Ia,{children:D}),t[17]=D,t[18]=V):V=t[18];let F;t[19]!==s?(F=s&&l.jsx(Aa,{children:s}),t[19]=s,t[20]=F):F=t[20];let P;t[21]!==h||t[22]!==b||t[23]!==E||t[24]!==x||t[25]!==O||t[26]!==V||t[27]!==F||t[28]!==z||t[29]!==I?(P=l.jsxs(Ma,{isExpanded:b,isDisabled:h,onClick:x,onKeyDown:E,role:"button",tabIndex:z,"aria-expanded":b,"aria-disabled":h,"aria-controls":I,children:[O,V,F]}),t[21]=h,t[22]=b,t[23]=E,t[24]=x,t[25]=O,t[26]=V,t[27]=F,t[28]=z,t[29]=I,t[30]=P):P=t[30];const K=`collapse-content-${o}`,B=`collapse-header-${o}`;let _;t[31]!==i?(_=typeof i=="string"?l.jsx(Oa,{children:i}):i,t[31]=i,t[32]=_):_=t[32];let H;t[33]!==b||t[34]!==_?(H=l.jsx(Fa,{ref:y,isExpanded:b,children:_}),t[33]=b,t[34]=_,t[35]=H):H=t[35];let X;t[36]!==$||t[37]!==b||t[38]!==K||t[39]!==B||t[40]!==H?(X=l.jsx(_a,{isExpanded:b,contentHeight:$,id:K,role:"region","aria-labelledby":B,children:H}),t[36]=$,t[37]=b,t[38]=K,t[39]=B,t[40]=H,t[41]=X):X=t[41];let u;return t[42]!==m||t[43]!==g||t[44]!==r||t[45]!==P||t[46]!==X?(u=l.jsxs(La,{ref:r,isLast:g,className:m,children:[P,X]}),t[42]=m,t[43]=g,t[44]=r,t[45]=P,t[46]=X,t[47]=u):u=t[47],u});dn.displayName="CollapseItem";const Da=["default","primary"],Ka=["circle","square"],Ba=(e,r)=>{const t=r.components.floatButton[e];return A.css`
|
|
740
|
+
background-color: ${t.background.default};
|
|
741
|
+
color: ${t.text.default};
|
|
742
|
+
border: 1px solid ${t.border.default};
|
|
743
|
+
box-shadow: ${t.shadow.default};
|
|
744
|
+
|
|
745
|
+
&:hover:not(:disabled) {
|
|
746
|
+
background-color: ${t.background.hover};
|
|
747
|
+
box-shadow: ${t.shadow.hover};
|
|
748
|
+
}
|
|
749
|
+
|
|
750
|
+
&:active:not(:disabled),
|
|
751
|
+
&[data-pressed='true']:not(:disabled) {
|
|
752
|
+
background-color: ${t.background.active};
|
|
753
|
+
transform: scale(0.95);
|
|
754
|
+
}
|
|
755
|
+
`},Va=(e,r,t)=>{const o=t.components.floatButton.size[r];return e==="circle"?A.css`
|
|
756
|
+
width: ${o.size};
|
|
757
|
+
height: ${o.size};
|
|
758
|
+
border-radius: 50%;
|
|
759
|
+
`:A.css`
|
|
760
|
+
width: ${o.size};
|
|
761
|
+
height: ${o.size};
|
|
762
|
+
border-radius: ${t.global.radii.r2};
|
|
763
|
+
`},Ha=S.button`
|
|
764
|
+
position: relative;
|
|
765
|
+
display: inline-flex;
|
|
766
|
+
align-items: center;
|
|
767
|
+
justify-content: center;
|
|
768
|
+
cursor: pointer;
|
|
769
|
+
user-select: none;
|
|
770
|
+
outline: none;
|
|
771
|
+
border: none;
|
|
772
|
+
padding: 0;
|
|
773
|
+
z-index: 999;
|
|
774
|
+
transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
|
|
775
|
+
|
|
776
|
+
${({$buttonType:e,theme:r})=>Ba(e,r)}
|
|
777
|
+
${({$shape:e,$size:r,theme:t})=>Va(e,r,t)}
|
|
778
|
+
|
|
779
|
+
&:disabled {
|
|
780
|
+
cursor: not-allowed;
|
|
781
|
+
opacity: ${({theme:e})=>e.components.floatButton.disabled.opacity};
|
|
782
|
+
background-color: ${({theme:e})=>e.components.floatButton.disabled.background.default};
|
|
783
|
+
color: ${({theme:e})=>e.components.floatButton.disabled.text.default};
|
|
784
|
+
box-shadow: none;
|
|
785
|
+
}
|
|
786
|
+
|
|
787
|
+
&:focus-visible {
|
|
788
|
+
outline: 2px solid ${({theme:e})=>e.semantic.colors.brand.primary};
|
|
789
|
+
outline-offset: 2px;
|
|
790
|
+
}
|
|
791
|
+
`,Wa=S.span`
|
|
792
|
+
display: flex;
|
|
793
|
+
flex-direction: column;
|
|
794
|
+
align-items: center;
|
|
795
|
+
justify-content: center;
|
|
796
|
+
gap: ${({theme:e})=>e.global.spacing.xs};
|
|
797
|
+
width: 100%;
|
|
798
|
+
height: 100%;
|
|
799
|
+
`,Ua=S.span`
|
|
800
|
+
display: inline-flex;
|
|
801
|
+
align-items: center;
|
|
802
|
+
justify-content: center;
|
|
803
|
+
font-size: ${({theme:e})=>e.components.floatButton.icon.size};
|
|
804
|
+
line-height: 1;
|
|
805
|
+
|
|
806
|
+
svg {
|
|
807
|
+
width: 1em;
|
|
808
|
+
height: 1em;
|
|
809
|
+
}
|
|
810
|
+
`,Ya=S.span`
|
|
811
|
+
font-size: ${({theme:e})=>e.components.floatButton.description.fontSize};
|
|
812
|
+
line-height: ${({theme:e})=>e.components.floatButton.description.lineHeight};
|
|
813
|
+
color: inherit;
|
|
814
|
+
text-align: center;
|
|
815
|
+
white-space: nowrap;
|
|
816
|
+
overflow: hidden;
|
|
817
|
+
text-overflow: ellipsis;
|
|
818
|
+
max-width: 100%;
|
|
819
|
+
padding: 0 ${({theme:e})=>e.global.spacing.xs};
|
|
820
|
+
`,Za=S.div`
|
|
821
|
+
position: relative;
|
|
822
|
+
display: inline-flex;
|
|
823
|
+
`,Xa=e=>{switch(e){case"top":return A.css`
|
|
824
|
+
bottom: 100%;
|
|
825
|
+
left: 50%;
|
|
826
|
+
transform: translateX(-50%);
|
|
827
|
+
margin-bottom: 8px;
|
|
828
|
+
`;case"bottom":return A.css`
|
|
829
|
+
top: 100%;
|
|
830
|
+
left: 50%;
|
|
831
|
+
transform: translateX(-50%);
|
|
832
|
+
margin-top: 8px;
|
|
833
|
+
`;case"left":return A.css`
|
|
834
|
+
right: 100%;
|
|
835
|
+
top: 50%;
|
|
836
|
+
transform: translateY(-50%);
|
|
837
|
+
margin-right: 8px;
|
|
838
|
+
`;case"right":return A.css`
|
|
839
|
+
left: 100%;
|
|
840
|
+
top: 50%;
|
|
841
|
+
transform: translateY(-50%);
|
|
842
|
+
margin-left: 8px;
|
|
843
|
+
`}},Ga=S.div`
|
|
844
|
+
position: absolute;
|
|
845
|
+
z-index: 1050;
|
|
846
|
+
padding: 6px 8px;
|
|
847
|
+
font-size: 14px;
|
|
848
|
+
line-height: 1.5;
|
|
849
|
+
color: #fff;
|
|
850
|
+
background-color: ${({$color:e})=>e||"rgba(0, 0, 0, 0.85)"};
|
|
851
|
+
border-radius: 6px;
|
|
852
|
+
box-shadow: 0 6px 16px 0 rgba(0, 0, 0, 0.08),
|
|
853
|
+
0 3px 6px -4px rgba(0, 0, 0, 0.12),
|
|
854
|
+
0 9px 28px 8px rgba(0, 0, 0, 0.05);
|
|
855
|
+
white-space: nowrap;
|
|
856
|
+
animation: tooltipFadeIn 0.2s cubic-bezier(0.4, 0, 0.2, 1);
|
|
857
|
+
|
|
858
|
+
${({$placement:e})=>Xa(e)}
|
|
859
|
+
|
|
860
|
+
@keyframes tooltipFadeIn {
|
|
861
|
+
from {
|
|
862
|
+
opacity: 0;
|
|
863
|
+
}
|
|
864
|
+
to {
|
|
865
|
+
opacity: 1;
|
|
866
|
+
}
|
|
867
|
+
}
|
|
868
|
+
`,qa=e=>{switch(e){case"top":return A.css`
|
|
869
|
+
bottom: -${5}px;
|
|
870
|
+
left: 50%;
|
|
871
|
+
transform: translateX(-50%);
|
|
872
|
+
border-left: ${5}px solid transparent;
|
|
873
|
+
border-right: ${5}px solid transparent;
|
|
874
|
+
border-top: ${5}px solid currentColor;
|
|
875
|
+
`;case"bottom":return A.css`
|
|
876
|
+
top: -${5}px;
|
|
877
|
+
left: 50%;
|
|
878
|
+
transform: translateX(-50%);
|
|
879
|
+
border-left: ${5}px solid transparent;
|
|
880
|
+
border-right: ${5}px solid transparent;
|
|
881
|
+
border-bottom: ${5}px solid currentColor;
|
|
882
|
+
`;case"left":return A.css`
|
|
883
|
+
right: -${5}px;
|
|
884
|
+
top: 50%;
|
|
885
|
+
transform: translateY(-50%);
|
|
886
|
+
border-top: ${5}px solid transparent;
|
|
887
|
+
border-bottom: ${5}px solid transparent;
|
|
888
|
+
border-left: ${5}px solid currentColor;
|
|
889
|
+
`;case"right":return A.css`
|
|
890
|
+
left: -${5}px;
|
|
891
|
+
top: 50%;
|
|
892
|
+
transform: translateY(-50%);
|
|
893
|
+
border-top: ${5}px solid transparent;
|
|
894
|
+
border-bottom: ${5}px solid transparent;
|
|
895
|
+
border-right: ${5}px solid currentColor;
|
|
896
|
+
`}},Ja=S.span`
|
|
897
|
+
position: absolute;
|
|
898
|
+
width: 0;
|
|
899
|
+
height: 0;
|
|
900
|
+
color: ${({$color:e})=>e||"rgba(0, 0, 0, 0.85)"};
|
|
901
|
+
|
|
902
|
+
${({$placement:e})=>qa(e)}
|
|
903
|
+
`,Qa=Da,el=Ka,un=f.forwardRef(({buttonType:e="default",shape:r="circle",size:t="md",icon:o,description:n,tooltip:i,disabled:s,isDisabled:a,className:d,style:c,...p},m)=>{const b=f.useRef(null),h=m||b,[g,y]=f.useState(!1),$=s??a,{buttonProps:k,isPressed:w}=de.useButton({...p,isDisabled:$,elementType:"button"},b),C=typeof i=="object"&&i!==null&&"title"in i,v=C?i:null,x=(v==null?void 0:v.title)??(C?null:i),j=v==null?void 0:v.color,E=(v==null?void 0:v.placement)??"top",z=!!x;return l.jsxs(Za,{onMouseEnter:()=>z&&y(!0),onMouseLeave:()=>z&&y(!1),children:[z&&g&&l.jsxs(Ga,{$placement:E,$color:j,children:[x,l.jsx(Ja,{$placement:E,$color:j})]}),l.jsx(Ha,{...et(k,{ref:h,className:d,style:c}),$buttonType:e,$shape:r,$size:t,$isPressed:w,children:l.jsxs(Wa,{children:[o&&l.jsx(Ua,{children:o}),n&&l.jsx(Ya,{children:n})]})})]})});un.displayName="FloatButton";const tl=(e,r,t,o,n)=>t?n.components.input.border.disabled:r?n.components.input.border.error:e?n.components.input.border.focus:o?n.components.input.border.hover:n.components.input.border.default,rl=(e,r)=>{const t=r.components.input.size[e];return A.css`
|
|
904
|
+
height: ${t.height};
|
|
905
|
+
font-size: ${t.fontSize};
|
|
906
|
+
padding-inline: ${t.paddingInline};
|
|
743
907
|
|
|
744
908
|
/* 图标尺寸 */
|
|
745
909
|
svg {
|
|
746
|
-
width: ${
|
|
747
|
-
height: ${
|
|
910
|
+
width: ${t.iconSize};
|
|
911
|
+
height: ${t.iconSize};
|
|
748
912
|
flex-shrink: 0;
|
|
749
913
|
}
|
|
750
|
-
`},
|
|
914
|
+
`},ol=S.div`
|
|
751
915
|
/* 基础样式 */
|
|
752
916
|
position: relative;
|
|
753
917
|
display: inline-flex;
|
|
754
918
|
align-items: center;
|
|
755
919
|
box-sizing: border-box;
|
|
756
|
-
width: ${({fullWidth:
|
|
920
|
+
width: ${({fullWidth:e})=>e?"100%":"200px"};
|
|
757
921
|
min-width: 200px; /* 防止内容动态变化导致宽度闪烁 */
|
|
758
922
|
|
|
759
923
|
/* 边框样式 */
|
|
760
924
|
border: 1px solid;
|
|
761
|
-
border-color: ${({isFocused:
|
|
762
|
-
border-radius: ${({theme:
|
|
925
|
+
border-color: ${({isFocused:e,isError:r,isDisabled:t,isHovered:o,theme:n})=>tl(e,r,t,o,n)};
|
|
926
|
+
border-radius: ${({theme:e})=>e.components.input.borderRadius};
|
|
763
927
|
|
|
764
928
|
/* 背景色 */
|
|
765
|
-
background: ${({isDisabled:
|
|
929
|
+
background: ${({isDisabled:e,theme:r})=>e?r.components.input.background.disabled:r.components.input.background.default};
|
|
766
930
|
|
|
767
931
|
/* 过渡动画 */
|
|
768
|
-
transition: border-color ${({theme:
|
|
769
|
-
background ${({theme:
|
|
932
|
+
transition: border-color ${({theme:e})=>e.components.input.transition},
|
|
933
|
+
background ${({theme:e})=>e.components.input.transition};
|
|
770
934
|
|
|
771
935
|
/* 尺寸样式 */
|
|
772
|
-
${({size:
|
|
936
|
+
${({size:e,theme:r})=>rl(e,r)}
|
|
773
937
|
|
|
774
938
|
/* 禁用状态 */
|
|
775
|
-
${({isDisabled:
|
|
939
|
+
${({isDisabled:e})=>e&&A.css`
|
|
776
940
|
cursor: not-allowed;
|
|
777
941
|
opacity: 0.6;
|
|
778
942
|
`}
|
|
779
943
|
|
|
780
944
|
/* 全宽模式 */
|
|
781
|
-
${({fullWidth:
|
|
945
|
+
${({fullWidth:e})=>e&&A.css`
|
|
782
946
|
width: 100%;
|
|
783
947
|
`}
|
|
784
|
-
`,
|
|
948
|
+
`,nl=S.div`
|
|
785
949
|
display: flex;
|
|
786
950
|
align-items: center;
|
|
787
|
-
gap: ${({theme:
|
|
951
|
+
gap: ${({theme:e})=>e.components.input.gap};
|
|
788
952
|
width: 100%;
|
|
789
953
|
height: 100%;
|
|
790
|
-
`,
|
|
954
|
+
`,il=S.input`
|
|
791
955
|
/* 重置默认样式 */
|
|
792
956
|
flex: 1;
|
|
793
957
|
min-width: 0;
|
|
@@ -798,19 +962,19 @@ React keys must be passed directly to JSX without using spread:
|
|
|
798
962
|
margin: 0;
|
|
799
963
|
|
|
800
964
|
/* 字体样式 */
|
|
801
|
-
font-family: ${({theme:
|
|
965
|
+
font-family: ${({theme:e})=>e.global.typography.fontFamily};
|
|
802
966
|
font-size: inherit;
|
|
803
967
|
line-height: 1.5;
|
|
804
|
-
color: ${({isError:
|
|
968
|
+
color: ${({isError:e,isDisabled:r,theme:t})=>r?t.components.input.text.disabled:e?t.components.input.text.error:t.components.input.text.default};
|
|
805
969
|
|
|
806
970
|
/* 占位符样式 */
|
|
807
971
|
&::placeholder {
|
|
808
|
-
color: ${({theme:
|
|
972
|
+
color: ${({theme:e})=>e.components.input.text.placeholder};
|
|
809
973
|
opacity: 1;
|
|
810
974
|
}
|
|
811
975
|
|
|
812
976
|
/* 禁用状态 */
|
|
813
|
-
${({isDisabled:
|
|
977
|
+
${({isDisabled:e})=>e&&A.css`
|
|
814
978
|
cursor: not-allowed;
|
|
815
979
|
user-select: none;
|
|
816
980
|
`}
|
|
@@ -831,7 +995,7 @@ React keys must be passed directly to JSX without using spread:
|
|
|
831
995
|
&[type='number'] {
|
|
832
996
|
-moz-appearance: textfield;
|
|
833
997
|
}
|
|
834
|
-
`,
|
|
998
|
+
`,ho=S.span`
|
|
835
999
|
display: inline-flex;
|
|
836
1000
|
align-items: center;
|
|
837
1001
|
justify-content: center;
|
|
@@ -839,13 +1003,13 @@ React keys must be passed directly to JSX without using spread:
|
|
|
839
1003
|
line-height: 0;
|
|
840
1004
|
|
|
841
1005
|
/* 颜色继承或根据状态调整 */
|
|
842
|
-
color: ${({isError:
|
|
1006
|
+
color: ${({isError:e,isDisabled:r,theme:t})=>r?t.components.input.text.disabled:e?t.components.input.text.error:t.components.input.text.default};
|
|
843
1007
|
|
|
844
1008
|
/* 确保图标大小一致 */
|
|
845
1009
|
svg {
|
|
846
1010
|
display: block;
|
|
847
1011
|
}
|
|
848
|
-
`,
|
|
1012
|
+
`,sl=S.button`
|
|
849
1013
|
/* 重置按钮样式 */
|
|
850
1014
|
display: inline-flex;
|
|
851
1015
|
align-items: center;
|
|
@@ -860,11 +1024,11 @@ React keys must be passed directly to JSX without using spread:
|
|
|
860
1024
|
line-height: 0;
|
|
861
1025
|
|
|
862
1026
|
/* 颜色 */
|
|
863
|
-
color: ${({isError:
|
|
1027
|
+
color: ${({isError:e,theme:r})=>e?r.components.input.text.error:r.components.input.text.counter};
|
|
864
1028
|
|
|
865
1029
|
/* 过渡动画 */
|
|
866
|
-
transition: opacity ${({theme:
|
|
867
|
-
color ${({theme:
|
|
1030
|
+
transition: opacity ${({theme:e})=>e.components.input.transition},
|
|
1031
|
+
color ${({theme:e})=>e.components.input.transition};
|
|
868
1032
|
|
|
869
1033
|
/* hover 状态 */
|
|
870
1034
|
&:hover {
|
|
@@ -878,7 +1042,7 @@ React keys must be passed directly to JSX without using spread:
|
|
|
878
1042
|
|
|
879
1043
|
/* focus 可见状态 */
|
|
880
1044
|
&:focus-visible {
|
|
881
|
-
outline: 2px solid ${({theme:
|
|
1045
|
+
outline: 2px solid ${({theme:e})=>e.components.input.border.focus};
|
|
882
1046
|
outline-offset: 2px;
|
|
883
1047
|
border-radius: 2px;
|
|
884
1048
|
}
|
|
@@ -889,88 +1053,88 @@ React keys must be passed directly to JSX without using spread:
|
|
|
889
1053
|
height: 16px;
|
|
890
1054
|
display: block;
|
|
891
1055
|
}
|
|
892
|
-
`,
|
|
1056
|
+
`,al=S.span`
|
|
893
1057
|
display: inline-flex;
|
|
894
1058
|
align-items: center;
|
|
895
1059
|
flex-shrink: 0;
|
|
896
|
-
font-family: ${({theme:
|
|
1060
|
+
font-family: ${({theme:e})=>e.global.typography.fontFamily};
|
|
897
1061
|
font-size: inherit;
|
|
898
1062
|
line-height: 1.5;
|
|
899
1063
|
white-space: nowrap;
|
|
900
1064
|
user-select: none;
|
|
901
1065
|
|
|
902
1066
|
/* 颜色 */
|
|
903
|
-
color: ${({isError:
|
|
904
|
-
`,
|
|
1067
|
+
color: ${({isError:e,isDisabled:r,theme:t})=>r?t.components.input.text.disabled:e?t.components.input.text.error:t.components.input.text.counter};
|
|
1068
|
+
`,ll=()=>{const e=re.c(1);let r;return e[0]===Symbol.for("react.memo_cache_sentinel")?(r=l.jsx("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:l.jsx("path",{d:"M12 4L4 12M4 4L12 12",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})}),e[0]=r):r=e[0],r},Dr=f.forwardRef(({size:e="md",prefix:r,suffix:t,clearable:o=!1,error:n=!1,errorMessage:i,showCounter:s=!1,fullWidth:a=!1,disabled:d,className:c,type:p="text",value:m,defaultValue:b,onChange:h,onFocus:g,onBlur:y,maxLength:$,label:k,description:w,id:C,"aria-label":v,"aria-describedby":x,...j},E)=>{const z=f.useRef(null),I=E||z,M=f.useRef(`input-${Math.random().toString(36).slice(2,9)}`),[O,D]=f.useState(!1),[V,F]=f.useState(!1),[P,K]=f.useState(b||""),B=m!==void 0,_=String(B?m:P),H=G=>{B||K(G.target.value),h==null||h(G)},X=G=>{D(!0),g==null||g(G)},u=G=>{D(!1),y==null||y(G)},T=()=>{var ue;if(d||!I.current)return;const G=(ue=Object.getOwnPropertyDescriptor(window.HTMLInputElement.prototype,"value"))==null?void 0:ue.set;G==null||G.call(I.current,"");const oe=new Event("input",{bubbles:!0});Object.defineProperty(oe,"target",{writable:!1,value:I.current}),B||K(""),h==null||h(oe),I.current.focus()},R=_.length,L=o&&R>0&&!d,N=C||M.current,Y=w?`${N}-description`:void 0,W=i&&n?`${N}-error`:void 0,J=[x,Y,W].filter(Boolean).join(" ")||void 0;return l.jsxs("div",{children:[k&&l.jsx("label",{htmlFor:N,style:{display:"block",marginBottom:4},children:k}),l.jsx(ol,{size:e,fullWidth:a,isFocused:O,isError:n,isDisabled:!!d,isHovered:V,className:c,onMouseEnter:()=>F(!0),onMouseLeave:()=>F(!1),children:l.jsxs(nl,{children:[r&&l.jsx(ho,{isError:n,isDisabled:!!d,position:"prefix","aria-hidden":"true",children:r}),l.jsx(il,{...j,ref:I,id:N,type:p,value:m,defaultValue:b,onChange:H,onFocus:X,onBlur:u,maxLength:$,disabled:d,"aria-label":v,"aria-describedby":J,"aria-invalid":n,isError:n,isDisabled:!!d}),L&&l.jsx(sl,{type:"button",onClick:T,"aria-label":"清除内容",isError:n,tabIndex:-1,children:l.jsx(ll,{})}),t&&l.jsx(ho,{isError:n,isDisabled:!!d,position:"suffix","aria-hidden":"true",children:t}),s&&$!==void 0&&l.jsxs(al,{isError:n,isDisabled:!!d,"aria-live":"polite","aria-atomic":"true",children:[R,"/",$]})]})}),w&&l.jsx("div",{id:Y,style:{marginTop:4,fontSize:12},children:w}),i&&n&&l.jsx("div",{id:W,role:"alert",style:{marginTop:4,fontSize:12,color:"inherit"},children:i})]})});Dr.displayName="Input";const cl=S.div`
|
|
905
1069
|
display: flex;
|
|
906
1070
|
flex-direction: column;
|
|
907
|
-
width: ${({collapsed:
|
|
1071
|
+
width: ${({collapsed:e,theme:r})=>e?r.components.menu.container.width.collapsed:r.components.menu.container.width.expanded};
|
|
908
1072
|
height: 100%;
|
|
909
|
-
background: ${({theme:
|
|
1073
|
+
background: ${({theme:e})=>e.components.menu.container.background};
|
|
910
1074
|
transition: width 0.3s cubic-bezier(0.4, 0, 0.2, 1);
|
|
911
1075
|
overflow: hidden;
|
|
912
1076
|
|
|
913
1077
|
/* 滚动条样式 */
|
|
914
1078
|
&::-webkit-scrollbar {
|
|
915
|
-
width: ${({theme:
|
|
1079
|
+
width: ${({theme:e})=>e.components.menu.scrollbar.width};
|
|
916
1080
|
}
|
|
917
1081
|
|
|
918
1082
|
&::-webkit-scrollbar-track {
|
|
919
|
-
background: ${({theme:
|
|
1083
|
+
background: ${({theme:e})=>e.components.menu.scrollbar.trackColor};
|
|
920
1084
|
}
|
|
921
1085
|
|
|
922
1086
|
&::-webkit-scrollbar-thumb {
|
|
923
|
-
background: ${({theme:
|
|
1087
|
+
background: ${({theme:e})=>e.components.menu.scrollbar.thumbColor};
|
|
924
1088
|
border-radius: 4px;
|
|
925
1089
|
}
|
|
926
1090
|
|
|
927
1091
|
&::-webkit-scrollbar-thumb:hover {
|
|
928
1092
|
background: rgba(0, 0, 0, 0.3);
|
|
929
1093
|
}
|
|
930
|
-
`,
|
|
1094
|
+
`,dl=S.div`
|
|
931
1095
|
flex: 1;
|
|
932
1096
|
overflow-y: auto;
|
|
933
1097
|
overflow-x: hidden;
|
|
934
|
-
padding: ${({theme:
|
|
1098
|
+
padding: ${({theme:e})=>e.components.menu.container.padding};
|
|
935
1099
|
padding-top: 0;
|
|
936
1100
|
|
|
937
1101
|
/* 滚动条样式 */
|
|
938
1102
|
&::-webkit-scrollbar {
|
|
939
|
-
width: ${({theme:
|
|
1103
|
+
width: ${({theme:e})=>e.components.menu.scrollbar.width};
|
|
940
1104
|
}
|
|
941
1105
|
|
|
942
1106
|
&::-webkit-scrollbar-track {
|
|
943
|
-
background: ${({theme:
|
|
1107
|
+
background: ${({theme:e})=>e.components.menu.scrollbar.trackColor};
|
|
944
1108
|
}
|
|
945
1109
|
|
|
946
1110
|
&::-webkit-scrollbar-thumb {
|
|
947
|
-
background: ${({theme:
|
|
1111
|
+
background: ${({theme:e})=>e.components.menu.scrollbar.thumbColor};
|
|
948
1112
|
border-radius: 4px;
|
|
949
1113
|
}
|
|
950
1114
|
|
|
951
1115
|
&::-webkit-scrollbar-thumb:hover {
|
|
952
1116
|
background: rgba(0, 0, 0, 0.3);
|
|
953
1117
|
}
|
|
954
|
-
`,
|
|
1118
|
+
`,ul=S.button`
|
|
955
1119
|
display: flex;
|
|
956
1120
|
align-items: center;
|
|
957
1121
|
justify-content: flex-start;
|
|
958
1122
|
width: 100%;
|
|
959
|
-
height: ${({theme:
|
|
960
|
-
padding-inline: ${({theme:
|
|
961
|
-
gap: ${({theme:
|
|
1123
|
+
height: ${({theme:e})=>e.components.menu.item.height};
|
|
1124
|
+
padding-inline: ${({theme:e,isSubItem:r})=>r?e.components.menu.subItem.paddingLeft:e.components.menu.item.paddingInline};
|
|
1125
|
+
gap: ${({theme:e})=>e.components.menu.item.gap};
|
|
962
1126
|
border: none;
|
|
963
|
-
border-radius: ${({theme:
|
|
1127
|
+
border-radius: ${({theme:e})=>e.components.menu.item.borderRadius};
|
|
964
1128
|
position: relative;
|
|
965
1129
|
overflow: hidden;
|
|
966
|
-
background: ${({theme:
|
|
967
|
-
color: ${({theme:
|
|
968
|
-
font-size: ${({theme:
|
|
969
|
-
font-weight: ${({theme:
|
|
970
|
-
font-family: ${({theme:
|
|
1130
|
+
background: ${({theme:e,active:r,isSubItem:t,collapsed:o})=>o||r?"transparent":t?e.components.menu.subItem.background.default:e.components.menu.item.background.default};
|
|
1131
|
+
color: ${({theme:e,active:r,collapsed:t})=>t&&r?e.semantic.colors.brand.primaryActive:r?e.components.menu.item.text.active:e.components.menu.item.text.default};
|
|
1132
|
+
font-size: ${({theme:e})=>e.components.menu.item.fontSize};
|
|
1133
|
+
font-weight: ${({theme:e})=>e.components.menu.item.fontWeight};
|
|
1134
|
+
font-family: ${({theme:e})=>e.global.typography.fontFamily};
|
|
971
1135
|
text-align: left;
|
|
972
|
-
cursor: ${({disabled:
|
|
973
|
-
transition: ${({theme:
|
|
1136
|
+
cursor: ${({disabled:e})=>e?"not-allowed":"pointer"};
|
|
1137
|
+
transition: ${({theme:e})=>e.components.menu.item.transition};
|
|
974
1138
|
user-select: none;
|
|
975
1139
|
outline: none;
|
|
976
1140
|
|
|
@@ -979,10 +1143,10 @@ React keys must be passed directly to JSX without using spread:
|
|
|
979
1143
|
position: absolute;
|
|
980
1144
|
inset: 0;
|
|
981
1145
|
border-radius: inherit;
|
|
982
|
-
background: ${({theme:
|
|
1146
|
+
background: ${({theme:e,isSubItem:r})=>r?e.components.menu.subItem.background.active:e.components.menu.item.background.active};
|
|
983
1147
|
transform-origin: left center;
|
|
984
|
-
transform: ${({active:
|
|
985
|
-
opacity: ${({active:
|
|
1148
|
+
transform: ${({active:e,collapsed:r})=>r?"scaleX(0)":e?"scaleX(1)":"scaleX(0)"};
|
|
1149
|
+
opacity: ${({active:e,collapsed:r})=>r?0:e?1:0};
|
|
986
1150
|
transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.2s ease;
|
|
987
1151
|
z-index: 0;
|
|
988
1152
|
}
|
|
@@ -992,7 +1156,7 @@ React keys must be passed directly to JSX without using spread:
|
|
|
992
1156
|
position: absolute;
|
|
993
1157
|
inset: 0;
|
|
994
1158
|
border-radius: inherit;
|
|
995
|
-
background: ${({theme:
|
|
1159
|
+
background: ${({theme:e,isSubItem:r})=>r?e.components.menu.subItem.background.hover:e.components.menu.item.background.hover};
|
|
996
1160
|
transform: translateX(-100%);
|
|
997
1161
|
opacity: 0;
|
|
998
1162
|
transition: transform 0.3s ease, opacity 0.2s ease;
|
|
@@ -1006,13 +1170,13 @@ React keys must be passed directly to JSX without using spread:
|
|
|
1006
1170
|
|
|
1007
1171
|
/* Hover 状态 */
|
|
1008
1172
|
&:hover:not(:disabled) {
|
|
1009
|
-
background: ${({theme:
|
|
1010
|
-
color: ${({theme:
|
|
1173
|
+
background: ${({theme:e,active:r,isSubItem:t,collapsed:o})=>o||r?"transparent":t?e.components.menu.subItem.background.hover:e.components.menu.item.background.hover};
|
|
1174
|
+
color: ${({theme:e,active:r,collapsed:t})=>t?e.semantic.colors.brand.primaryActive:r?e.components.menu.item.text.active:e.components.menu.item.text.hover};
|
|
1011
1175
|
}
|
|
1012
1176
|
|
|
1013
1177
|
&:hover:not(:disabled)::after {
|
|
1014
|
-
transform: ${({collapsed:
|
|
1015
|
-
opacity: ${({collapsed:
|
|
1178
|
+
transform: ${({collapsed:e,active:r})=>!e&&!r?"translateX(0)":"translateX(-100%)"};
|
|
1179
|
+
opacity: ${({collapsed:e,active:r})=>!e&&!r?1:0};
|
|
1016
1180
|
}
|
|
1017
1181
|
|
|
1018
1182
|
/* 禁用状态 */
|
|
@@ -1023,62 +1187,62 @@ React keys must be passed directly to JSX without using spread:
|
|
|
1023
1187
|
|
|
1024
1188
|
/* Focus 状态 */
|
|
1025
1189
|
&:focus-visible {
|
|
1026
|
-
outline: 2px solid ${({theme:
|
|
1190
|
+
outline: 2px solid ${({theme:e})=>e.semantic.colors.brand.primary};
|
|
1027
1191
|
outline-offset: -2px;
|
|
1028
1192
|
}
|
|
1029
|
-
`,
|
|
1193
|
+
`,fl=S.span`
|
|
1030
1194
|
display: inline-flex;
|
|
1031
1195
|
align-items: center;
|
|
1032
1196
|
justify-content: center;
|
|
1033
1197
|
flex-shrink: 0;
|
|
1034
|
-
width: ${({theme:
|
|
1035
|
-
height: ${({theme:
|
|
1198
|
+
width: ${({theme:e})=>e.components.menu.item.iconSize};
|
|
1199
|
+
height: ${({theme:e})=>e.components.menu.item.iconSize};
|
|
1036
1200
|
|
|
1037
1201
|
svg {
|
|
1038
1202
|
width: 100%;
|
|
1039
1203
|
height: 100%;
|
|
1040
1204
|
}
|
|
1041
|
-
`,
|
|
1205
|
+
`,pl=S.span`
|
|
1042
1206
|
flex: 1;
|
|
1043
1207
|
overflow: hidden;
|
|
1044
1208
|
text-overflow: ellipsis;
|
|
1045
1209
|
white-space: nowrap;
|
|
1046
|
-
opacity: ${({collapsed:
|
|
1210
|
+
opacity: ${({collapsed:e})=>e?0:1};
|
|
1047
1211
|
transition: opacity 0.2s ease;
|
|
1048
|
-
`,
|
|
1212
|
+
`,hl=S.span`
|
|
1049
1213
|
display: inline-flex;
|
|
1050
1214
|
align-items: center;
|
|
1051
1215
|
justify-content: center;
|
|
1052
1216
|
flex-shrink: 0;
|
|
1053
1217
|
width: 14px;
|
|
1054
1218
|
height: 14px;
|
|
1055
|
-
opacity: ${({collapsed:
|
|
1219
|
+
opacity: ${({collapsed:e})=>e?0:1};
|
|
1056
1220
|
transition: transform 0.2s ease, opacity 0.2s ease;
|
|
1057
|
-
transform: ${({expanded:
|
|
1221
|
+
transform: ${({expanded:e})=>e?"rotate(90deg)":"rotate(0deg)"};
|
|
1058
1222
|
|
|
1059
1223
|
svg {
|
|
1060
1224
|
width: 100%;
|
|
1061
1225
|
height: 100%;
|
|
1062
1226
|
}
|
|
1063
|
-
`,
|
|
1227
|
+
`,bl=S.div`
|
|
1064
1228
|
display: flex;
|
|
1065
1229
|
flex-direction: column;
|
|
1066
|
-
gap: ${({theme:
|
|
1067
|
-
margin-top: ${({theme:
|
|
1230
|
+
gap: ${({theme:e})=>e.components.menu.group.gap};
|
|
1231
|
+
margin-top: ${({theme:e})=>e.components.menu.group.marginTop};
|
|
1068
1232
|
|
|
1069
1233
|
&:first-of-type {
|
|
1070
1234
|
margin-top: 0;
|
|
1071
1235
|
}
|
|
1072
|
-
`,
|
|
1236
|
+
`,gl=S.div`
|
|
1073
1237
|
display: flex;
|
|
1074
1238
|
align-items: center;
|
|
1075
|
-
height: ${({theme:
|
|
1076
|
-
padding-inline: ${({theme:
|
|
1077
|
-
margin-bottom: ${({theme:
|
|
1078
|
-
font-size: ${({theme:
|
|
1079
|
-
font-weight: ${({theme:
|
|
1080
|
-
color: ${({theme:
|
|
1081
|
-
opacity: ${({collapsed:
|
|
1239
|
+
height: ${({theme:e})=>e.components.menu.groupTitle.height};
|
|
1240
|
+
padding-inline: ${({theme:e})=>e.components.menu.groupTitle.paddingInline};
|
|
1241
|
+
margin-bottom: ${({theme:e})=>e.components.menu.groupTitle.marginBottom};
|
|
1242
|
+
font-size: ${({theme:e})=>e.components.menu.groupTitle.fontSize};
|
|
1243
|
+
font-weight: ${({theme:e})=>e.components.menu.groupTitle.fontWeight};
|
|
1244
|
+
color: ${({theme:e})=>e.components.menu.groupTitle.color};
|
|
1245
|
+
opacity: ${({collapsed:e})=>e?0:1};
|
|
1082
1246
|
transition: opacity 0.2s ease;
|
|
1083
1247
|
overflow: hidden;
|
|
1084
1248
|
|
|
@@ -1087,23 +1251,23 @@ React keys must be passed directly to JSX without using spread:
|
|
|
1087
1251
|
content: '';
|
|
1088
1252
|
flex: 1;
|
|
1089
1253
|
height: 1px;
|
|
1090
|
-
background: ${({theme:
|
|
1254
|
+
background: ${({theme:e})=>e.semantic.colors.border.primary};
|
|
1091
1255
|
margin-left: 8px;
|
|
1092
|
-
opacity: ${({collapsed:
|
|
1256
|
+
opacity: ${({collapsed:e})=>e?0:1};
|
|
1093
1257
|
}
|
|
1094
|
-
`,
|
|
1258
|
+
`,ml=S.div`
|
|
1095
1259
|
display: flex;
|
|
1096
1260
|
flex-direction: column;
|
|
1097
|
-
gap: ${({theme:
|
|
1098
|
-
`,
|
|
1261
|
+
gap: ${({theme:e})=>e.components.menu.group.gap};
|
|
1262
|
+
`,xl=S.div`
|
|
1099
1263
|
position: fixed;
|
|
1100
1264
|
z-index: 9999;
|
|
1101
1265
|
min-width: 200px;
|
|
1102
|
-
background: ${({theme:
|
|
1103
|
-
border: ${({theme:
|
|
1104
|
-
border-radius: ${({theme:
|
|
1105
|
-
box-shadow: ${({theme:
|
|
1106
|
-
padding: ${({theme:
|
|
1266
|
+
background: ${({theme:e})=>e.components.menu.popover.background};
|
|
1267
|
+
border: ${({theme:e})=>e.components.menu.popover.border};
|
|
1268
|
+
border-radius: ${({theme:e})=>e.components.menu.popover.borderRadius};
|
|
1269
|
+
box-shadow: ${({theme:e})=>e.components.menu.popover.boxShadow};
|
|
1270
|
+
padding: ${({theme:e})=>e.components.menu.popover.padding};
|
|
1107
1271
|
animation: slideIn 0.2s cubic-bezier(0.4, 0, 0.2, 1);
|
|
1108
1272
|
|
|
1109
1273
|
@keyframes slideIn {
|
|
@@ -1116,68 +1280,266 @@ React keys must be passed directly to JSX without using spread:
|
|
|
1116
1280
|
transform: translateX(0);
|
|
1117
1281
|
}
|
|
1118
1282
|
}
|
|
1119
|
-
|
|
1283
|
+
`,yl=S.div`
|
|
1120
1284
|
display: flex;
|
|
1121
1285
|
flex-direction: column;
|
|
1122
|
-
gap: ${({theme:
|
|
1123
|
-
`,
|
|
1286
|
+
gap: ${({theme:e})=>e.components.menu.group.gap};
|
|
1287
|
+
`,vl=S.button`
|
|
1124
1288
|
display: flex;
|
|
1125
1289
|
align-items: center;
|
|
1126
1290
|
justify-content: flex-start;
|
|
1127
1291
|
width: 100%;
|
|
1128
|
-
height: ${({theme:
|
|
1129
|
-
padding-inline: ${({theme:
|
|
1130
|
-
gap: ${({theme:
|
|
1292
|
+
height: ${({theme:e})=>e.components.menu.item.height};
|
|
1293
|
+
padding-inline: ${({theme:e})=>e.components.menu.item.paddingInline};
|
|
1294
|
+
gap: ${({theme:e})=>e.components.menu.item.gap};
|
|
1131
1295
|
border: none;
|
|
1132
|
-
border-radius: ${({theme:
|
|
1133
|
-
background: ${({theme:
|
|
1134
|
-
color: ${({theme:
|
|
1135
|
-
font-size: ${({theme:
|
|
1136
|
-
font-weight: ${({theme:
|
|
1137
|
-
font-family: ${({theme:
|
|
1296
|
+
border-radius: ${({theme:e})=>e.components.menu.item.borderRadius};
|
|
1297
|
+
background: ${({theme:e,active:r})=>r?e.components.menu.popover.item.background.active:e.components.menu.popover.item.background.default};
|
|
1298
|
+
color: ${({theme:e,active:r})=>r?e.components.menu.popover.item.text.active:e.components.menu.popover.item.text.default};
|
|
1299
|
+
font-size: ${({theme:e})=>e.components.menu.item.fontSize};
|
|
1300
|
+
font-weight: ${({theme:e})=>e.components.menu.item.fontWeight};
|
|
1301
|
+
font-family: ${({theme:e})=>e.global.typography.fontFamily};
|
|
1138
1302
|
text-align: left;
|
|
1139
1303
|
cursor: pointer;
|
|
1140
|
-
transition: ${({theme:
|
|
1304
|
+
transition: ${({theme:e})=>e.components.menu.item.transition};
|
|
1141
1305
|
user-select: none;
|
|
1142
1306
|
outline: none;
|
|
1143
1307
|
white-space: nowrap;
|
|
1144
1308
|
|
|
1145
1309
|
&:hover {
|
|
1146
|
-
background: ${({theme:
|
|
1147
|
-
color: ${({theme:
|
|
1310
|
+
background: ${({theme:e,active:r})=>r?e.components.menu.popover.item.background.active:e.components.menu.popover.item.background.hover};
|
|
1311
|
+
color: ${({theme:e,active:r})=>r?e.components.menu.popover.item.text.active:e.components.menu.popover.item.text.hover};
|
|
1148
1312
|
}
|
|
1149
1313
|
|
|
1150
1314
|
&:focus-visible {
|
|
1151
|
-
outline: 2px solid ${({theme:
|
|
1315
|
+
outline: 2px solid ${({theme:e})=>e.semantic.colors.brand.primary};
|
|
1152
1316
|
outline-offset: -2px;
|
|
1153
1317
|
}
|
|
1154
|
-
`,
|
|
1318
|
+
`,fn=f.forwardRef((e,r)=>{const t=re.c(8),{collapsed:o,children:n,className:i,style:s}=e,a=o===void 0?!1:o;let d;t[0]!==n?(d=l.jsx(dl,{role:"menu",children:n}),t[0]=n,t[1]=d):d=t[1];let c;return t[2]!==i||t[3]!==a||t[4]!==r||t[5]!==s||t[6]!==d?(c=l.jsx(cl,{ref:r,collapsed:a,className:i,style:s,role:"navigation","aria-label":"主导航",children:d}),t[2]=i,t[3]=a,t[4]=r,t[5]=s,t[6]=d,t[7]=c):c=t[7],c});fn.displayName="Menu";const Kr=e=>{const r=re.c(20),{visible:t,anchorRef:o,children:n,onClose:i,onMouseEnter:s,onMouseLeave:a}=e,d=f.useRef(null);let c;r[0]===Symbol.for("react.memo_cache_sentinel")?(c={top:0,left:0},r[0]=c):c=r[0];const[p,m]=f.useState(c);let b,h;r[1]!==o||r[2]!==t?(b=()=>{if(!t||!o.current)return;const C=()=>{if(!o.current)return;const v=o.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)}},h=[t,o],r[1]=o,r[2]=t,r[3]=b,r[4]=h):(b=r[3],h=r[4]),f.useEffect(b,h);let g,y;if(r[5]!==o||r[6]!==i||r[7]!==t?(g=()=>{if(!t)return;const C=x=>{d.current&&!d.current.contains(x.target)&&o.current&&!o.current.contains(x.target)&&(i==null||i())},v=setTimeout(()=>{document.addEventListener("mousedown",C)},100);return()=>{clearTimeout(v),document.removeEventListener("mousedown",C)}},y=[t,i,o],r[5]=o,r[6]=i,r[7]=t,r[8]=g,r[9]=y):(g=r[8],y=r[9]),f.useEffect(g,y),!t)return null;let $;r[10]!==p.left||r[11]!==p.top?($={top:p.top,left:p.left},r[10]=p.left,r[11]=p.top,r[12]=$):$=r[12];let k;r[13]!==n?(k=l.jsx(yl,{children:n}),r[13]=n,r[14]=k):k=r[14];let w;return r[15]!==s||r[16]!==a||r[17]!==$||r[18]!==k?(w=Er.createPortal(l.jsx(xl,{ref:d,style:$,role:"menu","aria-label":"子菜单",onMouseEnter:s,onMouseLeave:a,children:k}),document.body),r[15]=s,r[16]=a,r[17]=$,r[18]=k,r[19]=w):w=r[19],w};Kr.displayName="SubMenuPopover";const pn=f.forwardRef((e,r)=>{const t=re.c(40),{id:o,icon:n,label:i,active:s,disabled:a,isSubItem:d,showArrow:c,arrowExpanded:p,collapsed:m,subMenu:b,onClick:h,className:g}=e,y=s===void 0?!1:s,$=a===void 0?!1:a,k=d===void 0?!1:d,w=c===void 0?!1:c,C=p===void 0?!1:p,v=m===void 0?!1:m,x=f.useRef(null),[j,E]=f.useState(!1),z=f.useRef(void 0),I=f.useRef(void 0);let M;t[0]===Symbol.for("react.memo_cache_sentinel")?(M=()=>{z.current&&(clearTimeout(z.current),z.current=void 0),I.current&&(clearTimeout(I.current),I.current=void 0)},t[0]=M):M=t[0];const O=M;let D;t[1]!==v||t[2]!==j||t[3]!==b?(D=()=>{if(O(),v&&b){if(j)return;z.current=setTimeout(()=>{E(!0)},200)}},t[1]=v,t[2]=j,t[3]=b,t[4]=D):D=t[4];const V=D;let F;t[5]===Symbol.for("react.memo_cache_sentinel")?(F=()=>{O(),I.current=setTimeout(()=>{E(!1)},100)},t[5]=F):F=t[5];const P=F;let K;t[6]!==r?(K=N=>{typeof r=="function"?r(N):r&&(r.current=N),N&&(x.current=N)},t[6]=r,t[7]=K):K=t[7];const B=y?"page":void 0,_=v&&b?"menu":void 0;let H;t[8]!==n?(H=n&&l.jsx(fl,{"aria-hidden":"true",children:n}),t[8]=n,t[9]=H):H=t[9];let X;t[10]!==v||t[11]!==i?(X=l.jsx(pl,{collapsed:v,children:i}),t[10]=v,t[11]=i,t[12]=X):X=t[12];let u;t[13]!==C||t[14]!==v||t[15]!==w?(u=w&&!v&&l.jsx(hl,{collapsed:v,expanded:C,"aria-hidden":"true",children:l.jsx("svg",{width:"14",height:"14",viewBox:"0 0 14 14",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:l.jsx("path",{d:"M5.25 3.5L8.75 7L5.25 10.5",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})})}),t[13]=C,t[14]=v,t[15]=w,t[16]=u):u=t[16];let T;t[17]!==y||t[18]!==g||t[19]!==v||t[20]!==$||t[21]!==V||t[22]!==o||t[23]!==k||t[24]!==h||t[25]!==K||t[26]!==B||t[27]!==_||t[28]!==H||t[29]!==X||t[30]!==u?(T=l.jsxs(ul,{ref:K,id:o,active:y,disabled:$,isSubItem:k,onClick:h,collapsed:v,className:g,role:"menuitem","aria-disabled":$,"aria-current":B,"aria-haspopup":_,type:"button",onMouseEnter:V,onMouseLeave:P,children:[H,X,u]}),t[17]=y,t[18]=g,t[19]=v,t[20]=$,t[21]=V,t[22]=o,t[23]=k,t[24]=h,t[25]=K,t[26]=B,t[27]=_,t[28]=H,t[29]=X,t[30]=u,t[31]=T):T=t[31];let R;t[32]!==v||t[33]!==V||t[34]!==j||t[35]!==b?(R=v&&b&&l.jsx(Kr,{visible:j,anchorRef:x,onClose:()=>E(!1),onMouseEnter:V,onMouseLeave:P,children:b}),t[32]=v,t[33]=V,t[34]=j,t[35]=b,t[36]=R):R=t[36];let L;return t[37]!==T||t[38]!==R?(L=l.jsxs(l.Fragment,{children:[T,R]}),t[37]=T,t[38]=R,t[39]=L):L=t[39],L});pn.displayName="MenuItem";const hn=e=>{const r=re.c(10),{title:t,children:o,collapsed:n,className:i}=e,s=n===void 0?!1:n;let a;r[0]!==s||r[1]!==t?(a=t&&l.jsx(gl,{collapsed:s,"aria-hidden":s,children:t}),r[0]=s,r[1]=t,r[2]=a):a=r[2];let d;r[3]!==o?(d=l.jsx(ml,{children:o}),r[3]=o,r[4]=d):d=r[4];let c;return r[5]!==i||r[6]!==a||r[7]!==d||r[8]!==t?(c=l.jsxs(bl,{className:i,role:"group","aria-label":t,children:[a,d]}),r[5]=i,r[6]=a,r[7]=d,r[8]=t,r[9]=c):c=r[9],c};hn.displayName="MenuGroup";const bn=e=>{const r=re.c(7),{id:t,label:o,active:n,onClick:i,className:s}=e,a=n===void 0?!1:n,d=a?"page":void 0;let c;return r[0]!==a||r[1]!==s||r[2]!==t||r[3]!==o||r[4]!==i||r[5]!==d?(c=l.jsx(vl,{id:t,active:a,onClick:i,className:s,role:"menuitem","aria-current":d,type:"button",children:o}),r[0]=a,r[1]=s,r[2]=t,r[3]=o,r[4]=i,r[5]=d,r[6]=c):c=r[6],c};bn.displayName="SubMenuItem";const $l=(e,r)=>{const t=r.components.link.variant[e];return A.css`
|
|
1319
|
+
color: ${t.text.default};
|
|
1320
|
+
text-decoration: ${t.decoration.default};
|
|
1321
|
+
|
|
1322
|
+
&:hover:not([aria-disabled='true']) {
|
|
1323
|
+
color: ${t.text.hover};
|
|
1324
|
+
text-decoration: ${t.decoration.hover};
|
|
1325
|
+
}
|
|
1326
|
+
|
|
1327
|
+
&:active:not([aria-disabled='true']) {
|
|
1328
|
+
color: ${t.text.active};
|
|
1329
|
+
}
|
|
1330
|
+
|
|
1331
|
+
&[aria-disabled='true'] {
|
|
1332
|
+
color: ${t.text.disabled};
|
|
1333
|
+
cursor: not-allowed;
|
|
1334
|
+
}
|
|
1335
|
+
`},wl=(e,r)=>{const t=r.components.link.size[e];return A.css`
|
|
1336
|
+
font-size: ${t.fontSize};
|
|
1337
|
+
`},gn=S.a`
|
|
1338
|
+
/* 基础样式 */
|
|
1339
|
+
position: relative;
|
|
1155
1340
|
display: inline-flex;
|
|
1341
|
+
align-items: center;
|
|
1342
|
+
box-sizing: border-box;
|
|
1343
|
+
background: transparent;
|
|
1344
|
+
outline: none;
|
|
1345
|
+
border: none;
|
|
1346
|
+
padding: 0;
|
|
1347
|
+
margin: 0;
|
|
1348
|
+
cursor: pointer;
|
|
1349
|
+
|
|
1350
|
+
/* 字体样式 */
|
|
1351
|
+
font-family: ${({theme:e})=>{var r,t;return((t=(r=e==null?void 0:e.global)==null?void 0:r.typography)==null?void 0:t.fontFamily)||"inherit"}};
|
|
1352
|
+
line-height: 1.5; /* 保持与文本一致的行高 */
|
|
1353
|
+
|
|
1354
|
+
/* 过渡动画 */
|
|
1355
|
+
transition: color ${({theme:e})=>{var r,t;return((t=(r=e==null?void 0:e.components)==null?void 0:r.link)==null?void 0:t.transition)||"0.2s ease"}};
|
|
1356
|
+
|
|
1357
|
+
/* 变体样式 */
|
|
1358
|
+
${({variant:e,theme:r})=>$l(e,r)}
|
|
1359
|
+
|
|
1360
|
+
/* 尺寸样式 */
|
|
1361
|
+
${({size:e,theme:r})=>wl(e,r)}
|
|
1362
|
+
|
|
1363
|
+
/* Focus 可见状态 */
|
|
1364
|
+
&:focus-visible {
|
|
1365
|
+
border-radius: ${({theme:e})=>{var r,t;return((t=(r=e==null?void 0:e.components)==null?void 0:r.link)==null?void 0:t.borderRadius)||"4px"}};
|
|
1366
|
+
outline: 2px solid ${({theme:e})=>{var r,t,o;return((o=(t=(r=e==null?void 0:e.components)==null?void 0:r.link)==null?void 0:t.focusRing)==null?void 0:o.color)||"#1677ff"}};
|
|
1367
|
+
outline-offset: ${({theme:e})=>{var r,t,o;return((o=(t=(r=e==null?void 0:e.components)==null?void 0:r.link)==null?void 0:t.focusRing)==null?void 0:o.offset)||"2px"}};
|
|
1368
|
+
}
|
|
1369
|
+
`,mn=f.forwardRef((e,r)=>{const t=re.c(20);let o,n,i,s,a,d,c;t[0]!==e?({variant:d,size:c,disabled:i,className:n,children:o,isDisabled:s,...a}=e,t[0]=e,t[1]=o,t[2]=n,t[3]=i,t[4]=s,t[5]=a,t[6]=d,t[7]=c):(o=t[1],n=t[2],i=t[3],s=t[4],a=t[5],d=t[6],c=t[7]);const p=d===void 0?"primary":d,m=c===void 0?"md":c,b=f.useRef(null),h=r||b,g=i??s;let y;t[8]!==g||t[9]!==a?(y={...a,isDisabled:g,elementType:"a"},t[8]=g,t[9]=a,t[10]=y):y=t[10];const{linkProps:$}=de.useLink(y,b);let k;t[11]!==g||t[12]!==$?(k=et($,{ariaDisabled:g}),t[11]=g,t[12]=$,t[13]=k):k=t[13];let w;return t[14]!==o||t[15]!==n||t[16]!==m||t[17]!==k||t[18]!==p?(w=l.jsx(gn,{ref:h,as:"a",className:n,variant:p,size:m,...k,children:o}),t[14]=o,t[15]=n,t[16]=m,t[17]=k,t[18]=p,t[19]=w):w=t[19],w});mn.displayName="Link";let kl=!1,zt=null,Sl=new Set,wt=new Map,at=!1,$r=!1;function Br(e,r){for(let t of Sl)t(e,r)}function Cl(e){return!(e.metaKey||!Rr()&&e.altKey||e.ctrlKey||e.key==="Control"||e.key==="Shift"||e.key==="Meta")}function Dt(e){at=!0,Cl(e)&&(zt="keyboard",Br("keyboard",e))}function Be(e){zt="pointer",(e.type==="mousedown"||e.type==="pointerdown")&&(at=!0,Br("pointer",e))}function xn(e){Ei(e)&&(at=!0,zt="virtual")}function yn(e){e.target===window||e.target===document||kl||!e.isTrusted||(!at&&!$r&&(zt="virtual",Br("virtual",e)),at=!1,$r=!1)}function vn(){at=!1,$r=!0}function bo(e){if(typeof window>"u"||typeof document>"u"||wt.get(Ft(e)))return;const r=Ft(e),t=Me(e);let o=r.HTMLElement.prototype.focus;r.HTMLElement.prototype.focus=function(){at=!0,o.apply(this,arguments)},t.addEventListener("keydown",Dt,!0),t.addEventListener("keyup",Dt,!0),t.addEventListener("click",xn,!0),r.addEventListener("focus",yn,!0),r.addEventListener("blur",vn,!1),typeof PointerEvent<"u"?(t.addEventListener("pointerdown",Be,!0),t.addEventListener("pointermove",Be,!0),t.addEventListener("pointerup",Be,!0)):process.env.NODE_ENV==="test"&&(t.addEventListener("mousedown",Be,!0),t.addEventListener("mousemove",Be,!0),t.addEventListener("mouseup",Be,!0)),r.addEventListener("beforeunload",()=>{$n(e)},{once:!0}),wt.set(r,{focus:o})}const $n=(e,r)=>{const t=Ft(e),o=Me(e);r&&o.removeEventListener("DOMContentLoaded",r),wt.has(t)&&(t.HTMLElement.prototype.focus=wt.get(t).focus,o.removeEventListener("keydown",Dt,!0),o.removeEventListener("keyup",Dt,!0),o.removeEventListener("click",xn,!0),t.removeEventListener("focus",yn,!0),t.removeEventListener("blur",vn,!1),typeof PointerEvent<"u"?(o.removeEventListener("pointerdown",Be,!0),o.removeEventListener("pointermove",Be,!0),o.removeEventListener("pointerup",Be,!0)):process.env.NODE_ENV==="test"&&(o.removeEventListener("mousedown",Be,!0),o.removeEventListener("mousemove",Be,!0),o.removeEventListener("mouseup",Be,!0)),wt.delete(t))};function jl(e){const r=Me(e);let t;return r.readyState!=="loading"?bo(e):(t=()=>{bo(e)},r.addEventListener("DOMContentLoaded",t)),()=>$n(e,t)}typeof document<"u"&&jl();function wn(){return zt}function El(e){const r=Me(e),t=Ue(r);if(wn()==="virtual"){let o=t;ji(()=>{Ue(r)===o&&e.isConnected&&fr(e)})}else fr(e)}const go=f.createContext(null),wr="react-aria-focus-scope-restore";let ge=null;function Tl(e){let{children:r,contain:t,restoreFocus:o,autoFocus:n}=e,i=f.useRef(null),s=f.useRef(null),a=f.useRef([]),{parentNode:d}=f.useContext(go)||{},c=f.useMemo(()=>new Sr({scopeRef:a}),[a]);Xe(()=>{let b=d||Se.root;if(Se.getTreeNode(b.scopeRef)&&ge&&!Kt(ge,b.scopeRef)){let h=Se.getTreeNode(ge);h&&(b=h)}b.addChild(c),Se.addNode(c)},[c,d]),Xe(()=>{let b=Se.getTreeNode(a);b&&(b.contain=!!t)},[t]),Xe(()=>{var b;let h=(b=i.current)===null||b===void 0?void 0:b.nextSibling,g=[],y=$=>$.stopPropagation();for(;h&&h!==s.current;)g.push(h),h.addEventListener(wr,y),h=h.nextSibling;return a.current=g,()=>{for(let $ of g)$.removeEventListener(wr,y)}},[r]),Nl(a,o,t),Ll(a,t),Il(a,o,t),Ml(a,n),f.useEffect(()=>{const b=Ue(Me(a.current?a.current[0]:void 0));let h=null;if(He(b,a.current)){for(let g of Se.traverse())g.scopeRef&&He(b,g.scopeRef.current)&&(h=g);h===Se.getTreeNode(a)&&(ge=h.scopeRef)}},[a]),Xe(()=>()=>{var b,h,g;let y=(g=(h=Se.getTreeNode(a))===null||h===void 0||(b=h.parent)===null||b===void 0?void 0:b.scopeRef)!==null&&g!==void 0?g:null;(a===ge||Kt(a,ge))&&(!y||Se.getTreeNode(y))&&(ge=y),Se.removeTreeNode(a)},[a]);let p=f.useMemo(()=>Rl(a),[]),m=f.useMemo(()=>({focusManager:p,parentNode:c}),[c,p]);return f.createElement(go.Provider,{value:m},f.createElement("span",{"data-focus-scope-start":!0,hidden:!0,ref:i}),r,f.createElement("span",{"data-focus-scope-end":!0,hidden:!0,ref:s}))}function Rl(e){return{focusNext(r={}){let t=e.current,{from:o,tabbable:n,wrap:i,accept:s}=r;var a;let d=o||Ue(Me((a=t[0])!==null&&a!==void 0?a:void 0)),c=t[0].previousElementSibling,p=nt(t),m=ot(p,{tabbable:n,accept:s},t);m.currentNode=He(d,t)?d:c;let b=m.nextNode();return!b&&i&&(m.currentNode=c,b=m.nextNode()),b&&Qe(b,!0),b},focusPrevious(r={}){let t=e.current,{from:o,tabbable:n,wrap:i,accept:s}=r;var a;let d=o||Ue(Me((a=t[0])!==null&&a!==void 0?a:void 0)),c=t[t.length-1].nextElementSibling,p=nt(t),m=ot(p,{tabbable:n,accept:s},t);m.currentNode=He(d,t)?d:c;let b=m.previousNode();return!b&&i&&(m.currentNode=c,b=m.previousNode()),b&&Qe(b,!0),b},focusFirst(r={}){let t=e.current,{tabbable:o,accept:n}=r,i=nt(t),s=ot(i,{tabbable:o,accept:n},t);s.currentNode=t[0].previousElementSibling;let a=s.nextNode();return a&&Qe(a,!0),a},focusLast(r={}){let t=e.current,{tabbable:o,accept:n}=r,i=nt(t),s=ot(i,{tabbable:o,accept:n},t);s.currentNode=t[t.length-1].nextElementSibling;let a=s.previousNode();return a&&Qe(a,!0),a}}}function nt(e){return e[0].parentElement}function vt(e){let r=Se.getTreeNode(ge);for(;r&&r.scopeRef!==e;){if(r.contain)return!1;r=r.parent}return!0}function zl(e){if(e.checked)return!0;let r=[];if(!e.form)r=[...Me(e).querySelectorAll(`input[type="radio"][name="${CSS.escape(e.name)}"]`)].filter(i=>!i.form);else{var t,o;let i=(o=e.form)===null||o===void 0||(t=o.elements)===null||t===void 0?void 0:t.namedItem(e.name);r=[...i??[]]}return r?!r.some(i=>i.checked):!1}function Ll(e,r){let t=f.useRef(void 0),o=f.useRef(void 0);Xe(()=>{let n=e.current;if(!r){o.current&&(cancelAnimationFrame(o.current),o.current=void 0);return}const i=Me(n?n[0]:void 0);let s=c=>{if(c.key!=="Tab"||c.altKey||c.ctrlKey||c.metaKey||!vt(e)||c.isComposing)return;let p=Ue(i),m=e.current;if(!m||!He(p,m))return;let b=nt(m),h=ot(b,{tabbable:!0},m);if(!p)return;h.currentNode=p;let g=c.shiftKey?h.previousNode():h.nextNode();g||(h.currentNode=c.shiftKey?m[m.length-1].nextElementSibling:m[0].previousElementSibling,g=c.shiftKey?h.previousNode():h.nextNode()),c.preventDefault(),g&&Qe(g,!0)},a=c=>{(!ge||Kt(ge,e))&&He(lt(c),e.current)?(ge=e,t.current=lt(c)):vt(e)&&!it(lt(c),e)?t.current?t.current.focus():ge&&ge.current&&kr(ge.current):vt(e)&&(t.current=lt(c))},d=c=>{o.current&&cancelAnimationFrame(o.current),o.current=requestAnimationFrame(()=>{let p=wn(),m=(p==="virtual"||p===null)&&Oo()&&Fo(),b=Ue(i);if(!m&&b&&vt(e)&&!it(b,e)){ge=e;let g=lt(c);if(g&&g.isConnected){var h;t.current=g,(h=t.current)===null||h===void 0||h.focus()}else ge.current&&kr(ge.current)}})};return i.addEventListener("keydown",s,!1),i.addEventListener("focusin",a,!1),n==null||n.forEach(c=>c.addEventListener("focusin",a,!1)),n==null||n.forEach(c=>c.addEventListener("focusout",d,!1)),()=>{i.removeEventListener("keydown",s,!1),i.removeEventListener("focusin",a,!1),n==null||n.forEach(c=>c.removeEventListener("focusin",a,!1)),n==null||n.forEach(c=>c.removeEventListener("focusout",d,!1))}},[e,r]),Xe(()=>()=>{o.current&&cancelAnimationFrame(o.current)},[o])}function kn(e){return it(e)}function He(e,r){return!e||!r?!1:r.some(t=>t.contains(e))}function it(e,r=null){if(e instanceof Element&&e.closest("[data-react-aria-top-layer]"))return!0;for(let{scopeRef:t}of Se.traverse(Se.getTreeNode(r)))if(t&&He(e,t.current))return!0;return!1}function Kt(e,r){var t;let o=(t=Se.getTreeNode(r))===null||t===void 0?void 0:t.parent;for(;o;){if(o.scopeRef===e)return!0;o=o.parent}return!1}function Qe(e,r=!1){if(e!=null&&!r)try{El(e)}catch{}else if(e!=null)try{e.focus()}catch{}}function Sn(e,r=!0){let t=e[0].previousElementSibling,o=nt(e),n=ot(o,{tabbable:r},e);n.currentNode=t;let i=n.nextNode();return r&&!i&&(o=nt(e),n=ot(o,{tabbable:!1},e),n.currentNode=t,i=n.nextNode()),i}function kr(e,r=!0){Qe(Sn(e,r))}function Ml(e,r){const t=f.useRef(r);f.useEffect(()=>{if(t.current){ge=e;const o=Me(e.current?e.current[0]:void 0);!He(Ue(o),ge.current)&&e.current&&kr(e.current)}t.current=!1},[e])}function Nl(e,r,t){Xe(()=>{if(r||t)return;let o=e.current;const n=Me(o?o[0]:void 0);let i=s=>{let a=lt(s);He(a,e.current)?ge=e:kn(a)||(ge=null)};return n.addEventListener("focusin",i,!1),o==null||o.forEach(s=>s.addEventListener("focusin",i,!1)),()=>{n.removeEventListener("focusin",i,!1),o==null||o.forEach(s=>s.removeEventListener("focusin",i,!1))}},[e,r,t])}function mo(e){let r=Se.getTreeNode(ge);for(;r&&r.scopeRef!==e;){if(r.nodeToRestore)return!1;r=r.parent}return(r==null?void 0:r.scopeRef)===e}function Il(e,r,t){const o=f.useRef(typeof document<"u"?Ue(Me(e.current?e.current[0]:void 0)):null);Xe(()=>{let n=e.current;const i=Me(n?n[0]:void 0);if(!r||t)return;let s=()=>{(!ge||Kt(ge,e))&&He(Ue(i),e.current)&&(ge=e)};return i.addEventListener("focusin",s,!1),n==null||n.forEach(a=>a.addEventListener("focusin",s,!1)),()=>{i.removeEventListener("focusin",s,!1),n==null||n.forEach(a=>a.removeEventListener("focusin",s,!1))}},[e,t]),Xe(()=>{const n=Me(e.current?e.current[0]:void 0);if(!r)return;let i=s=>{if(s.key!=="Tab"||s.altKey||s.ctrlKey||s.metaKey||!vt(e)||s.isComposing)return;let a=n.activeElement;if(!it(a,e)||!mo(e))return;let d=Se.getTreeNode(e);if(!d)return;let c=d.nodeToRestore,p=ot(n.body,{tabbable:!0});p.currentNode=a;let m=s.shiftKey?p.previousNode():p.nextNode();if((!c||!c.isConnected||c===n.body)&&(c=void 0,d.nodeToRestore=void 0),(!m||!it(m,e))&&c){p.currentNode=c;do m=s.shiftKey?p.previousNode():p.nextNode();while(it(m,e));s.preventDefault(),s.stopPropagation(),m?Qe(m,!0):kn(c)?Qe(c,!0):a.blur()}};return t||n.addEventListener("keydown",i,!0),()=>{t||n.removeEventListener("keydown",i,!0)}},[e,r,t]),Xe(()=>{const n=Me(e.current?e.current[0]:void 0);if(!r)return;let i=Se.getTreeNode(e);if(i){var s;return i.nodeToRestore=(s=o.current)!==null&&s!==void 0?s:void 0,()=>{let a=Se.getTreeNode(e);if(!a)return;let d=a.nodeToRestore,c=Ue(n);if(r&&d&&(c&&it(c,e)||c===n.body&&mo(e))){let p=Se.clone();requestAnimationFrame(()=>{if(n.activeElement===n.body){let m=p.getTreeNode(e);for(;m;){if(m.nodeToRestore&&m.nodeToRestore.isConnected){xo(m.nodeToRestore);return}m=m.parent}for(m=p.getTreeNode(e);m;){if(m.scopeRef&&m.scopeRef.current&&Se.getTreeNode(m.scopeRef)){let b=Sn(m.scopeRef.current,!0);xo(b);return}m=m.parent}}})}}}},[e,r])}function xo(e){e.dispatchEvent(new CustomEvent(wr,{bubbles:!0,cancelable:!0}))&&Qe(e)}function ot(e,r,t){let o=r!=null&&r.tabbable?Ii:Ni,n=(e==null?void 0:e.nodeType)===Node.ELEMENT_NODE?e:null,i=Me(n),s=mi(i,e||i,NodeFilter.SHOW_ELEMENT,{acceptNode(a){var d;return!(r==null||(d=r.from)===null||d===void 0)&&d.contains(a)||r!=null&&r.tabbable&&a.tagName==="INPUT"&&a.getAttribute("type")==="radio"&&(!zl(a)||s.currentNode.tagName==="INPUT"&&s.currentNode.type==="radio"&&s.currentNode.name===a.name)?NodeFilter.FILTER_REJECT:o(a)&&(!t||He(a,t))&&(!(r!=null&&r.accept)||r.accept(a))?NodeFilter.FILTER_ACCEPT:NodeFilter.FILTER_SKIP}});return r!=null&&r.from&&(s.currentNode=r.from),s}class Vr{get size(){return this.fastMap.size}getTreeNode(r){return this.fastMap.get(r)}addTreeNode(r,t,o){let n=this.fastMap.get(t??null);if(!n)return;let i=new Sr({scopeRef:r});n.addChild(i),i.parent=n,this.fastMap.set(r,i),o&&(i.nodeToRestore=o)}addNode(r){this.fastMap.set(r.scopeRef,r)}removeTreeNode(r){if(r===null)return;let t=this.fastMap.get(r);if(!t)return;let o=t.parent;for(let i of this.traverse())i!==t&&t.nodeToRestore&&i.nodeToRestore&&t.scopeRef&&t.scopeRef.current&&He(i.nodeToRestore,t.scopeRef.current)&&(i.nodeToRestore=t.nodeToRestore);let n=t.children;o&&(o.removeChild(t),n.size>0&&n.forEach(i=>o&&o.addChild(i))),this.fastMap.delete(t.scopeRef)}*traverse(r=this.root){if(r.scopeRef!=null&&(yield r),r.children.size>0)for(let t of r.children)yield*this.traverse(t)}clone(){var r;let t=new Vr;var o;for(let n of this.traverse())t.addTreeNode(n.scopeRef,(o=(r=n.parent)===null||r===void 0?void 0:r.scopeRef)!==null&&o!==void 0?o:null,n.nodeToRestore);return t}constructor(){this.fastMap=new Map,this.root=new Sr({scopeRef:null}),this.fastMap.set(null,this.root)}}class Sr{addChild(r){this.children.add(r),r.parent=this}removeChild(r){this.children.delete(r),r.parent=void 0}constructor(r){this.children=new Set,this.contain=!1,this.scopeRef=r.scopeRef}}let Se=new Vr;const Pl=A.keyframes`
|
|
1370
|
+
from { opacity: 0; }
|
|
1371
|
+
to { opacity: 1; }
|
|
1372
|
+
`,Al=A.keyframes`
|
|
1373
|
+
from {
|
|
1374
|
+
opacity: 0;
|
|
1375
|
+
transform: translateY(6px) scale(0.985);
|
|
1376
|
+
}
|
|
1377
|
+
to {
|
|
1378
|
+
opacity: 1;
|
|
1379
|
+
transform: translateY(0px) scale(1);
|
|
1380
|
+
}
|
|
1381
|
+
`,_l=S.div`
|
|
1382
|
+
position: fixed;
|
|
1383
|
+
inset: 0;
|
|
1384
|
+
z-index: ${({theme:e})=>e.components.modal.zIndex.overlay};
|
|
1385
|
+
display: flex;
|
|
1386
|
+
align-items: center;
|
|
1387
|
+
justify-content: center;
|
|
1388
|
+
padding: ${({theme:e})=>e.global.spacing.xl};
|
|
1389
|
+
`,Fl=S.div`
|
|
1390
|
+
position: absolute;
|
|
1391
|
+
inset: 0;
|
|
1392
|
+
background: ${({theme:e})=>e.components.modal.overlay.background};
|
|
1393
|
+
backdrop-filter: ${({theme:e})=>e.components.modal.overlay.backdropFilter};
|
|
1394
|
+
-webkit-backdrop-filter: ${({theme:e})=>e.components.modal.overlay.backdropFilter};
|
|
1395
|
+
animation: ${Pl} ${({theme:e})=>e.components.modal.animation.duration} ease forwards;
|
|
1396
|
+
`,Ol=S.div`
|
|
1397
|
+
position: relative;
|
|
1398
|
+
z-index: ${({theme:e})=>e.components.modal.zIndex.container};
|
|
1399
|
+
|
|
1400
|
+
width: ${({theme:e})=>e.components.modal.size.md.width};
|
|
1401
|
+
max-width: ${({theme:e})=>e.components.modal.size.md.maxWidth};
|
|
1402
|
+
max-height: ${({theme:e})=>e.components.modal.container.maxHeight};
|
|
1403
|
+
|
|
1404
|
+
display: flex;
|
|
1156
1405
|
flex-direction: column;
|
|
1157
|
-
|
|
1406
|
+
overflow: hidden;
|
|
1407
|
+
|
|
1408
|
+
background: ${({theme:e})=>e.components.modal.container.background};
|
|
1409
|
+
border-radius: ${({theme:e})=>e.components.modal.container.borderRadius};
|
|
1410
|
+
border: ${({theme:e})=>e.components.modal.container.border};
|
|
1411
|
+
box-shadow: ${({theme:e})=>e.components.modal.container.boxShadow};
|
|
1412
|
+
|
|
1413
|
+
animation: ${Al} ${({theme:e})=>e.components.modal.animation.duration}
|
|
1414
|
+
${({theme:e})=>e.components.modal.animation.easing} forwards;
|
|
1415
|
+
|
|
1416
|
+
&:focus {
|
|
1417
|
+
outline: none;
|
|
1418
|
+
}
|
|
1419
|
+
|
|
1420
|
+
&:focus-visible {
|
|
1421
|
+
outline: 2px solid ${({theme:e})=>e.semantic.colors.brand.primary};
|
|
1422
|
+
outline-offset: 2px;
|
|
1423
|
+
}
|
|
1424
|
+
`,Dl=S.header`
|
|
1425
|
+
display: flex;
|
|
1426
|
+
align-items: center;
|
|
1427
|
+
justify-content: space-between;
|
|
1428
|
+
gap: ${({theme:e})=>e.components.modal.header.gap};
|
|
1429
|
+
flex-shrink: 0;
|
|
1430
|
+
|
|
1431
|
+
padding: ${({theme:e})=>e.components.modal.size.md.headerPadding};
|
|
1432
|
+
min-height: ${({theme:e})=>e.components.modal.header.minHeight};
|
|
1433
|
+
|
|
1434
|
+
border-bottom: ${({theme:e})=>e.components.modal.header.borderBottom};
|
|
1435
|
+
background: ${({theme:e})=>e.components.modal.header.background};
|
|
1436
|
+
`,Kl=S.h2`
|
|
1437
|
+
margin: 0;
|
|
1438
|
+
padding: 0;
|
|
1439
|
+
min-width: 0;
|
|
1440
|
+
flex: 1;
|
|
1441
|
+
|
|
1442
|
+
font-family: ${({theme:e})=>e.global.typography.fontFamily};
|
|
1443
|
+
font-size: ${({theme:e})=>e.components.modal.size.md.titleFontSize};
|
|
1444
|
+
font-weight: ${({theme:e})=>e.components.modal.title.fontWeight};
|
|
1445
|
+
line-height: ${({theme:e})=>e.components.modal.title.lineHeight};
|
|
1446
|
+
color: ${({theme:e})=>e.components.modal.title.color};
|
|
1447
|
+
|
|
1448
|
+
overflow: hidden;
|
|
1449
|
+
text-overflow: ellipsis;
|
|
1450
|
+
white-space: nowrap;
|
|
1451
|
+
`,Bl=S.button`
|
|
1452
|
+
margin: 0;
|
|
1453
|
+
padding: 0;
|
|
1454
|
+
border: none;
|
|
1455
|
+
background: transparent;
|
|
1456
|
+
cursor: pointer;
|
|
1457
|
+
outline: none;
|
|
1458
|
+
|
|
1459
|
+
width: ${({theme:e})=>e.components.modal.closeButton.size};
|
|
1460
|
+
height: ${({theme:e})=>e.components.modal.closeButton.size};
|
|
1461
|
+
flex-shrink: 0;
|
|
1462
|
+
|
|
1463
|
+
display: inline-flex;
|
|
1464
|
+
align-items: center;
|
|
1465
|
+
justify-content: center;
|
|
1466
|
+
|
|
1467
|
+
border-radius: ${({theme:e})=>e.components.modal.closeButton.borderRadius};
|
|
1468
|
+
color: ${({theme:e})=>e.components.modal.closeButton.color};
|
|
1469
|
+
transition: ${({theme:e})=>e.components.modal.transition};
|
|
1470
|
+
|
|
1471
|
+
svg {
|
|
1472
|
+
width: ${({theme:e})=>e.components.modal.closeButton.iconSize};
|
|
1473
|
+
height: ${({theme:e})=>e.components.modal.closeButton.iconSize};
|
|
1474
|
+
display: block;
|
|
1475
|
+
}
|
|
1476
|
+
|
|
1477
|
+
&:hover {
|
|
1478
|
+
color: ${({theme:e})=>e.components.modal.closeButton.hoverColor};
|
|
1479
|
+
background: ${({theme:e})=>e.components.modal.closeButton.hoverBackground};
|
|
1480
|
+
}
|
|
1481
|
+
|
|
1482
|
+
&:active {
|
|
1483
|
+
transform: translateY(0.5px);
|
|
1484
|
+
opacity: 0.9;
|
|
1485
|
+
}
|
|
1486
|
+
|
|
1487
|
+
&:focus-visible {
|
|
1488
|
+
outline: 2px solid ${({theme:e})=>e.semantic.colors.brand.primary};
|
|
1489
|
+
outline-offset: 2px;
|
|
1490
|
+
}
|
|
1491
|
+
`,Vl=S.div`
|
|
1492
|
+
flex: 1;
|
|
1493
|
+
min-height: 0;
|
|
1494
|
+
overflow: auto;
|
|
1495
|
+
padding: ${({theme:e})=>e.components.modal.size.md.padding};
|
|
1496
|
+
|
|
1497
|
+
font-family: ${({theme:e})=>e.global.typography.fontFamily};
|
|
1498
|
+
font-size: ${({theme:e})=>e.components.modal.content.fontSize};
|
|
1499
|
+
line-height: ${({theme:e})=>e.components.modal.content.lineHeight};
|
|
1500
|
+
color: ${({theme:e})=>e.components.modal.content.color};
|
|
1501
|
+
|
|
1502
|
+
/* 轻量滚动条 */
|
|
1503
|
+
&::-webkit-scrollbar {
|
|
1504
|
+
width: 6px;
|
|
1505
|
+
}
|
|
1506
|
+
&::-webkit-scrollbar-track {
|
|
1507
|
+
background: transparent;
|
|
1508
|
+
}
|
|
1509
|
+
&::-webkit-scrollbar-thumb {
|
|
1510
|
+
background: ${({theme:e})=>e.semantic.colors.border.strong};
|
|
1511
|
+
border-radius: 3px;
|
|
1512
|
+
}
|
|
1513
|
+
&::-webkit-scrollbar-thumb:hover {
|
|
1514
|
+
background: ${({theme:e})=>e.semantic.colors.text.disabled};
|
|
1515
|
+
}
|
|
1516
|
+
`,Hl=()=>{const e=re.c(1);let r;return e[0]===Symbol.for("react.memo_cache_sentinel")?(r=l.jsx("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:l.jsx("path",{d:"M12 4L4 12M4 4L12 12",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})}),e[0]=r):r=e[0],r};function Wl(e,r){if(e){if(typeof e=="function"){e(r);return}try{e.current=r}catch{}}}const Cn=f.forwardRef(({open:e,onOpenChange:r,children:t,title:o,hideHeader:n=!1,isDismissable:i=!0,closeOnEsc:s=!0,closeOnOverlay:a=!0,closeOnOutside:d=!0,shouldCloseOnInteractOutside:c,portalContainer:p,overlayClassName:m,overlayStyle:b,dialogClassName:h,dialogStyle:g,closeButtonClassName:y,closeButtonStyle:$},k)=>{if(typeof document>"u")return null;const C=f.useRef(null),v=f.useId(),x=f.useCallback(H=>{r(!1)},[r]),j=f.useMemo(()=>p||document.body,[p]);de.usePreventScroll({isDisabled:!e});const E=i===!0,z=E&&s,I=E&&d,{overlayProps:M,underlayProps:O}=de.useOverlay({isOpen:e,onClose:()=>x("reactAria"),isKeyboardDismissDisabled:!z,isDismissable:I,shouldCloseOnInteractOutside:I?c:()=>!1},C),{modalProps:D}=de.useModal(),{dialogProps:V,titleProps:F}=de.useDialog({"aria-label":n&&o?typeof o=="string"?o:"Modal":o?void 0:"Modal","aria-labelledby":!n&&o?v:void 0},C),P=f.useCallback(()=>{E&&x("closeButton")},[E,x]),K=et(M,V,D,{ref:H=>{C.current=H,Wl(k,H)},className:h,style:g,"data-open":"true"}),B=f.useMemo(()=>{const{onPointerDown:H,onMouseDown:X,...u}=O;return a?O:u},[O,a]),_=l.jsxs(_l,{children:[l.jsx(Fl,{...et(B,{className:m,style:b,"data-open":"true"})}),l.jsx(Tl,{contain:!0,restoreFocus:!0,autoFocus:!0,children:l.jsxs(Ol,{...K,children:[!n&&(o||E)&&l.jsxs(Dl,{children:[o?l.jsx(Kl,{...F,id:v,children:o}):l.jsx("span",{}),E?l.jsx(Bl,{type:"button",onClick:P,className:y,style:$,"aria-label":"关闭",children:l.jsx(Hl,{})}):null]}),l.jsx(Vl,{children:t})]})})]});return!e||!j?null:Er.createPortal(_,j)});Cn.displayName="Modal";const Xt=e=>{var r,t,o,n;return{cursor:"not-allowed",backgroundColor:((t=(r=e.components.numberfield)==null?void 0:r.background)==null?void 0:t.disabled)??"#f5f5f5",color:((n=(o=e.components.numberfield)==null?void 0:o.text)==null?void 0:n.disabled)??"#9aa0a6",opacity:.6}},Ul=S.div`
|
|
1517
|
+
display: inline-flex;
|
|
1518
|
+
flex-direction: column;
|
|
1519
|
+
`,Yl=S.label`
|
|
1158
1520
|
margin-bottom: 6px;
|
|
1159
1521
|
font-size: 12px;
|
|
1160
|
-
`,
|
|
1522
|
+
`,Zl=S.div`
|
|
1161
1523
|
display: inline-flex;
|
|
1162
1524
|
align-items: center;
|
|
1163
1525
|
justify-content: space-between;
|
|
1164
1526
|
text-align: center;
|
|
1165
|
-
gap: ${({theme:
|
|
1166
|
-
padding: ${({theme:
|
|
1167
|
-
border: 1px solid ${({theme:
|
|
1168
|
-
border-radius: ${({theme:
|
|
1169
|
-
color: ${({theme:
|
|
1170
|
-
background: ${({disabled:
|
|
1171
|
-
height: ${({theme:
|
|
1172
|
-
font-size: ${({theme:
|
|
1527
|
+
gap: ${({theme:e})=>{var r,t,o;return((o=(t=(r=e.components.numberfield)==null?void 0:r.control)==null?void 0:t.side)==null?void 0:o.gap)??"8px"}};
|
|
1528
|
+
padding: ${({theme:e})=>{var r,t,o;return(o=(t=(r=e.components.numberfield)==null?void 0:r.control)==null?void 0:t.side)==null?void 0:o.inset}};
|
|
1529
|
+
border: 1px solid ${({theme:e})=>{var r,t;return((t=(r=e.components.numberfield)==null?void 0:r.border)==null?void 0:t.default)??"#d9d9d9"}};
|
|
1530
|
+
border-radius: ${({theme:e})=>{var r;return((r=e.components.numberfield)==null?void 0:r.borderRadius)??"4px"}};
|
|
1531
|
+
color: ${({theme:e})=>{var r,t;return((t=(r=e.components.numberfield)==null?void 0:r.text)==null?void 0:t.default)??"#0A1833"}};
|
|
1532
|
+
background: ${({disabled:e,theme:r})=>{var t,o,n,i;return e?(o=(t=r.components.numberfield)==null?void 0:t.background)==null?void 0:o.disabled:(i=(n=r.components.numberfield)==null?void 0:n.background)==null?void 0:i.default}};
|
|
1533
|
+
height: ${({theme:e,size:r})=>{var t,o,n,i,s,a;return r==="md"?((n=(o=(t=e.components.numberfield)==null?void 0:t.size)==null?void 0:o.md)==null?void 0:n.height)??"24px":((a=(s=(i=e.components.numberfield)==null?void 0:i.size)==null?void 0:s.lg)==null?void 0:a.height)??"32px"}};
|
|
1534
|
+
font-size: ${({theme:e,size:r})=>{var t,o,n,i,s,a;return r==="md"?((n=(o=(t=e.components.numberfield)==null?void 0:t.size)==null?void 0:o.md)==null?void 0:n.fontSize)??"12px":((a=(s=(i=e.components.numberfield)==null?void 0:i.size)==null?void 0:s.lg)==null?void 0:a.fontSize)??"14px"}};
|
|
1173
1535
|
|
|
1174
1536
|
// 优化宽度设置逻辑:先判断控件类型,再根据size设置不同宽度
|
|
1175
|
-
width: ${({controls:
|
|
1537
|
+
width: ${({controls:e,size:r,theme:t})=>{var o,n,i,s,a,d,c,p,m,b,h,g;return e==="arrows"?r==="md"?(i=(n=(o=t.components.numberfield)==null?void 0:o.control)==null?void 0:n.arrows)==null?void 0:i.widthsm:(d=(a=(s=t.components.numberfield)==null?void 0:s.control)==null?void 0:a.arrows)==null?void 0:d.widthLg:r==="md"?(m=(p=(c=t.components.numberfield)==null?void 0:c.control)==null?void 0:p.side)==null?void 0:m.widthsm:(g=(h=(b=t.components.numberfield)==null?void 0:b.control)==null?void 0:h.side)==null?void 0:g.widthLg}};
|
|
1176
1538
|
|
|
1177
1539
|
// 状态样式
|
|
1178
1540
|
&:disabled,
|
|
1179
1541
|
&[data-disabled="true"] {
|
|
1180
|
-
${({theme:
|
|
1542
|
+
${({theme:e})=>Xt(e)}
|
|
1181
1543
|
opacity: 0.8;
|
|
1182
1544
|
// 强制所有子元素不响应事件
|
|
1183
1545
|
* {
|
|
@@ -1185,29 +1547,29 @@ React keys must be passed directly to JSX without using spread:
|
|
|
1185
1547
|
}
|
|
1186
1548
|
}
|
|
1187
1549
|
&:not(:disabled):not([data-disabled="true"]):hover {
|
|
1188
|
-
border-color: ${({theme:
|
|
1550
|
+
border-color: ${({theme:e})=>{var r,t;return(t=(r=e.components.numberfield)==null?void 0:r.border)==null?void 0:t.hover}};
|
|
1189
1551
|
button:not(:disabled):not(:hover) {
|
|
1190
|
-
background: ${({theme:
|
|
1191
|
-
color: ${({theme:
|
|
1552
|
+
background: ${({theme:e})=>{var r;return(r=e.components.numberfield)==null?void 0:r.background.hover}};
|
|
1553
|
+
color: ${({theme:e})=>{var r,t;return(t=(r=e.components.numberfield)==null?void 0:r.text)==null?void 0:t.default}};
|
|
1192
1554
|
}
|
|
1193
1555
|
}
|
|
1194
1556
|
|
|
1195
1557
|
// 禁用状态保持原有边框颜色
|
|
1196
1558
|
&:disabled,
|
|
1197
1559
|
&[data-disabled="true"] {
|
|
1198
|
-
border-color: ${({theme:
|
|
1560
|
+
border-color: ${({theme:e})=>{var r,t;return((t=(r=e.components.numberfield)==null?void 0:r.border)==null?void 0:t.default)??"#d9d9d9"}} !important;
|
|
1199
1561
|
}
|
|
1200
1562
|
}
|
|
1201
|
-
`,
|
|
1563
|
+
`,Xl=S.input`
|
|
1202
1564
|
text-align: center;
|
|
1203
1565
|
border:none;
|
|
1204
1566
|
outline: none;
|
|
1205
|
-
width: ${({theme:
|
|
1206
|
-
height: ${({theme:
|
|
1207
|
-
font-size: ${({theme:
|
|
1208
|
-
font-weight: ${({theme:
|
|
1209
|
-
line-height: ${({theme:
|
|
1210
|
-
font-family: ${({theme:
|
|
1567
|
+
width: ${({theme:e})=>{var r,t;return((t=(r=e.components.numberfield)==null?void 0:r.input)==null?void 0:t.width)??"40px"}};
|
|
1568
|
+
height: ${({theme:e})=>{var r,t;return((t=(r=e.components.numberfield)==null?void 0:r.input)==null?void 0:t.height)??"18px"}};
|
|
1569
|
+
font-size: ${({theme:e})=>{var r,t;return((t=(r=e.components.numberfield)==null?void 0:r.input)==null?void 0:t.fontSize)??"12px"}};
|
|
1570
|
+
font-weight: ${({theme:e})=>{var r,t;return((t=(r=e.components.numberfield)==null?void 0:r.input)==null?void 0:t.fontWeight)??400}};
|
|
1571
|
+
line-height: ${({theme:e})=>{var r,t;return((t=(r=e.components.numberfield)==null?void 0:r.input)==null?void 0:t.lineHeight)??"18px"}};
|
|
1572
|
+
font-family: ${({theme:e})=>{var r,t;return((t=(r=e.components.numberfield)==null?void 0:r.input)==null?void 0:t.fontFamily)??"sans-serif"}};
|
|
1211
1573
|
|
|
1212
1574
|
// 移除默认箭头
|
|
1213
1575
|
&::-webkit-outer-spin-button,
|
|
@@ -1221,47 +1583,47 @@ React keys must be passed directly to JSX without using spread:
|
|
|
1221
1583
|
// 状态样式
|
|
1222
1584
|
&:disabled,
|
|
1223
1585
|
&[data-disabled="true"] {
|
|
1224
|
-
${({theme:
|
|
1586
|
+
${({theme:e})=>Xt(e)}
|
|
1225
1587
|
}
|
|
1226
1588
|
|
|
1227
|
-
`,
|
|
1589
|
+
`,Gl=S.div`
|
|
1228
1590
|
margin-top: 6px;
|
|
1229
1591
|
font-size: 12px;
|
|
1230
|
-
color: ${({theme:
|
|
1231
|
-
`,
|
|
1592
|
+
color: ${({theme:e})=>{var r,t;return((t=(r=e.components.numberfield)==null?void 0:r.text)==null?void 0:t.placeholder)??"#6b6b6b"}};
|
|
1593
|
+
`,ql=S.div`
|
|
1232
1594
|
display: inline-flex;
|
|
1233
1595
|
flex-direction: column;
|
|
1234
1596
|
gap: 1px;
|
|
1235
|
-
`,
|
|
1597
|
+
`,yo=S.button`
|
|
1236
1598
|
background: transparent;
|
|
1237
1599
|
border: none;
|
|
1238
|
-
border-radius: ${({direction:
|
|
1600
|
+
border-radius: ${({direction:e})=>e==="up"?"4px 4px 0 0":"0 0 4px 4px"};
|
|
1239
1601
|
display: inline-flex;
|
|
1240
1602
|
align-items: center;
|
|
1241
1603
|
justify-content: center;
|
|
1242
|
-
width: ${({theme:
|
|
1243
|
-
height: ${({theme:
|
|
1244
|
-
color: ${({theme:
|
|
1604
|
+
width: ${({theme:e,size:r})=>{var o,n,i,s,a,d;return`calc(${r==="md"?(i=(n=(o=e.components.numberfield)==null?void 0:o.control)==null?void 0:n.arrows)==null?void 0:i.buttonSizeSm:(d=(a=(s=e.components.numberfield)==null?void 0:s.control)==null?void 0:a.arrows)==null?void 0:d.buttonSizeLg} * 2)`}};
|
|
1605
|
+
height: ${({theme:e,size:r})=>{var o,n,i,s,a,d;return r==="md"?(i=(n=(o=e.components.numberfield)==null?void 0:o.control)==null?void 0:n.arrows)==null?void 0:i.buttonSizeSm:(d=(a=(s=e.components.numberfield)==null?void 0:s.control)==null?void 0:a.arrows)==null?void 0:d.buttonSizeLg}};
|
|
1606
|
+
color: ${({theme:e})=>{var r;return((r=e.components.numberfield)==null?void 0:r.border.default)??"#0A1833"}};
|
|
1245
1607
|
cursor: pointer;
|
|
1246
1608
|
// 使用主题中numberfield定义的transition参数
|
|
1247
|
-
transition: background-color ${({theme:
|
|
1248
|
-
color ${({theme:
|
|
1249
|
-
transform ${({theme:
|
|
1609
|
+
transition: background-color ${({theme:e})=>{var r;return((r=e.components.numberfield)==null?void 0:r.transition)||"0.2s ease"}},
|
|
1610
|
+
color ${({theme:e})=>{var r;return((r=e.components.numberfield)==null?void 0:r.transition)||"0.2s ease"}},
|
|
1611
|
+
transform ${({theme:e})=>{var r;return((r=e.components.numberfield)==null?void 0:r.transition)||"0.2s ease"}};
|
|
1250
1612
|
|
|
1251
1613
|
&:disabled,
|
|
1252
1614
|
&[data-disabled="true"] {
|
|
1253
|
-
${({theme:
|
|
1615
|
+
${({theme:e})=>Xt(e)}
|
|
1254
1616
|
transition: none; // 禁用状态不使用过渡
|
|
1255
1617
|
}
|
|
1256
1618
|
|
|
1257
1619
|
&:not(:disabled):hover:not([data-disabled="true"]) {
|
|
1258
|
-
background-color: ${({theme:
|
|
1259
|
-
color: ${({theme:
|
|
1620
|
+
background-color: ${({theme:e})=>{var r,t;return(t=(r=e.components.numberfield)==null?void 0:r.border)==null?void 0:t.default}};
|
|
1621
|
+
color: ${({theme:e})=>{var r,t;return((t=(r=e.components.numberfield)==null?void 0:r.border)==null?void 0:t.hover)??"#1890ff"}};
|
|
1260
1622
|
}
|
|
1261
1623
|
|
|
1262
1624
|
// 添加点击效果:点击变大一点再变回来
|
|
1263
1625
|
&:not(:disabled):active:not([data-disabled="true"]) {
|
|
1264
|
-
animation: clickScale ${({theme:
|
|
1626
|
+
animation: clickScale ${({theme:e})=>{var r,t;return((t=(r=e.components.numberfield)==null?void 0:r.transition)==null?void 0:t.replace("0.2s","0.3s"))||"0.3s ease"}};
|
|
1265
1627
|
}
|
|
1266
1628
|
|
|
1267
1629
|
// 定义点击缩放动画
|
|
@@ -1270,38 +1632,38 @@ React keys must be passed directly to JSX without using spread:
|
|
|
1270
1632
|
50% { transform: scale(1.1); }
|
|
1271
1633
|
100% { transform: scale(1); }
|
|
1272
1634
|
}
|
|
1273
|
-
`,
|
|
1635
|
+
`,vo=S.button`
|
|
1274
1636
|
display: inline-flex;
|
|
1275
1637
|
align-items: center;
|
|
1276
1638
|
justify-content: center;
|
|
1277
|
-
width: ${({theme:
|
|
1278
|
-
height: ${({theme:
|
|
1639
|
+
width: ${({theme:e,size:r})=>{var t,o,n,i,s,a;return r==="md"?(n=(o=(t=e.components.numberfield)==null?void 0:t.control)==null?void 0:o.side)==null?void 0:n.buttonSizeSm:(a=(s=(i=e.components.numberfield)==null?void 0:i.control)==null?void 0:s.side)==null?void 0:a.buttonSizeLg}};
|
|
1640
|
+
height: ${({theme:e,size:r})=>{var t,o,n,i,s,a;return r==="md"?(n=(o=(t=e.components.numberfield)==null?void 0:t.control)==null?void 0:o.side)==null?void 0:n.buttonSizeSm:(a=(s=(i=e.components.numberfield)==null?void 0:i.control)==null?void 0:s.side)==null?void 0:a.buttonSizeLg}};
|
|
1279
1641
|
background: transparent;
|
|
1280
|
-
color: ${({theme:
|
|
1642
|
+
color: ${({theme:e})=>{var r;return((r=e.components.numberfield)==null?void 0:r.border.default)??"#d9d9d9"}};
|
|
1281
1643
|
border: none;
|
|
1282
1644
|
cursor: pointer;
|
|
1283
1645
|
border-radius: 6px;
|
|
1284
1646
|
padding: 2px;
|
|
1285
1647
|
// 使用主题中numberfield定义的transition参数
|
|
1286
|
-
transition: background-color ${({theme:
|
|
1287
|
-
color ${({theme:
|
|
1288
|
-
transform ${({theme:
|
|
1648
|
+
transition: background-color ${({theme:e})=>{var r;return((r=e.components.numberfield)==null?void 0:r.transition)||"0.2s ease"}},
|
|
1649
|
+
color ${({theme:e})=>{var r;return((r=e.components.numberfield)==null?void 0:r.transition)||"0.2s ease"}},
|
|
1650
|
+
transform ${({theme:e})=>{var r;return((r=e.components.numberfield)==null?void 0:r.transition)||"0.2s ease"}};
|
|
1289
1651
|
|
|
1290
1652
|
&:disabled,
|
|
1291
1653
|
&[data-disabled="true"] {
|
|
1292
|
-
${({theme:
|
|
1654
|
+
${({theme:e})=>Xt(e)}
|
|
1293
1655
|
transition: none; // 禁用状态不使用过渡
|
|
1294
1656
|
}
|
|
1295
1657
|
|
|
1296
1658
|
// 添加hover状态控制背景颜色和图标颜色
|
|
1297
1659
|
&:not(:disabled):hover:not([data-disabled="true"]) {
|
|
1298
|
-
background-color: ${({theme:
|
|
1299
|
-
color: ${({theme:
|
|
1660
|
+
background-color: ${({theme:e})=>{var r;return(r=e.components.numberfield)==null?void 0:r.border.default}};
|
|
1661
|
+
color: ${({theme:e})=>{var r,t;return((t=(r=e.components.numberfield)==null?void 0:r.border)==null?void 0:t.hover)??"#1890ff"}};
|
|
1300
1662
|
}
|
|
1301
1663
|
|
|
1302
1664
|
// 添加点击效果:点击变大一点再变回来
|
|
1303
1665
|
&:not(:disabled):active:not([data-disabled="true"]) {
|
|
1304
|
-
animation: clickScale ${({theme:
|
|
1666
|
+
animation: clickScale ${({theme:e})=>{var r,t;return((t=(r=e.components.numberfield)==null?void 0:r.transition)==null?void 0:t.replace("0.2s","0.3s"))||"0.3s ease"}};
|
|
1305
1667
|
}
|
|
1306
1668
|
|
|
1307
1669
|
// 定义点击缩放动画
|
|
@@ -1310,14 +1672,14 @@ React keys must be passed directly to JSX without using spread:
|
|
|
1310
1672
|
50% { transform: scale(1.1); }
|
|
1311
1673
|
100% { transform: scale(1); }
|
|
1312
1674
|
}
|
|
1313
|
-
`,
|
|
1675
|
+
`,Jl=Ar,Ql=an,ec=Pr,tc=Rt,jn=f.forwardRef((e,r)=>{const t=re.c(104);let o,n,i,s,a,d,c,p,m,b,h,g,y,$,k,w,C;t[0]!==e?({min:p,max:c,step:y,value:C,defaultValue:n,onChange:m,onValueChange:h,onChangeValue:b,disabled:s,className:o,label:d,description:i,error:$,id:a,controls:k,size:w,...g}=e,t[0]=e,t[1]=o,t[2]=n,t[3]=i,t[4]=s,t[5]=a,t[6]=d,t[7]=c,t[8]=p,t[9]=m,t[10]=b,t[11]=h,t[12]=g,t[13]=y,t[14]=$,t[15]=k,t[16]=w,t[17]=C):(o=t[1],n=t[2],i=t[3],s=t[4],a=t[5],d=t[6],c=t[7],p=t[8],m=t[9],b=t[10],h=t[11],g=t[12],y=t[13],$=t[14],k=t[15],w=t[16],C=t[17]);const v=y===void 0?1:y,x=$===void 0?!1:$,j=k===void 0?"buttons":k,E=w===void 0?"md":w,z=f.useRef(null);let I,M;t[18]!==r?(I=()=>{r&&(typeof r=="function"?r(z.current):r.current=z.current)},M=[r],t[18]=r,t[19]=I,t[20]=M):(I=t[19],M=t[20]),f.useEffect(I,M);const O=C!==void 0,[D,V]=f.useState(n),F=O?C:D;let P;t[21]!==c||t[22]!==p?(P=ie=>{let we=ie;return p!==void 0&&(we=Math.max(we,p)),c!==void 0&&(we=Math.min(we,c)),we},t[21]=c,t[22]=p,t[23]=P):P=t[23];const K=P;let B;t[24]!==b||t[25]!==h?(B=ie=>{h==null||h(ie),b==null||b(ie)},t[24]=b,t[25]=h,t[26]=B):B=t[26];const _=B;let H;t[27]!==O||t[28]!==m||t[29]!==_?(H=ie=>{var we;if(O||V(ie),z.current){const q=(we=Object.getOwnPropertyDescriptor(window.HTMLInputElement.prototype,"value"))==null?void 0:we.set;q==null||q.call(z.current,ie===void 0?"":String(ie));const be=new Event("input",{bubbles:!0});Object.defineProperty(be,"target",{writable:!1,value:z.current}),m==null||m(be)}_(ie)},t[27]=O,t[28]=m,t[29]=_,t[30]=H):H=t[30];const X=H;let u;t[31]!==K||t[32]!==O||t[33]!==p||t[34]!==m||t[35]!==_?(u=ie=>{const we=ie.target.value,q=we===""?p!==void 0?p:0:Number(we),be=Number.isNaN(q)?p!==void 0?p:0:K(q);O||V(be),_(be),m==null||m(ie)},t[31]=K,t[32]=O,t[33]=p,t[34]=m,t[35]=_,t[36]=u):u=t[36];const T=u;let R;t[37]!==K||t[38]!==F||t[39]!==X||t[40]!==v?(R=()=>{const we=K((F??0)+(v??1));X(we)},t[37]=K,t[38]=F,t[39]=X,t[40]=v,t[41]=R):R=t[41];const L=R;let N;t[42]!==K||t[43]!==F||t[44]!==X||t[45]!==v?(N=()=>{const we=K((F??0)-(v??1));X(we)},t[42]=K,t[43]=F,t[44]=X,t[45]=v,t[46]=N):N=t[46];const Y=N;let W;t[47]!==Y||t[48]!==L?(W=ie=>{ie.key==="ArrowUp"?(ie.preventDefault(),L()):ie.key==="ArrowDown"&&(ie.preventDefault(),Y())},t[47]=Y,t[48]=L,t[49]=W):W=t[49];const J=W,G=a||`number-${Math.random().toString(36).slice(2,9)}`,oe=F!==void 0&&p!==void 0&&F<=p,ue=F!==void 0&&c!==void 0&&F>=c;let Z;t[50]!==G||t[51]!==d?(Z=d&&l.jsx(Yl,{htmlFor:G,"aria-hidden":!1,children:d}),t[50]=G,t[51]=d,t[52]=Z):Z=t[52];const ne=`controls-${j} size-${E}`;let me;t[53]!==oe||t[54]!==j||t[55]!==Y||t[56]!==s||t[57]!==E?(me=j==="buttons"&&l.jsx(vo,{className:"btn-decrement",pos:"left",size:E,type:"button",onClick:Y,disabled:s||oe,children:l.jsx(Ql,{size:E==="lg"?12:8.571})}),t[53]=oe,t[54]=j,t[55]=Y,t[56]=s,t[57]=E,t[58]=me):me=t[58];const ve=g,je=F===void 0?"":String(F),Ee=i?`${G}-desc`:void 0,ye=j==="buttons"?"with-side-controls":void 0;let ke;t[59]!==s||t[60]!==x||t[61]!==T||t[62]!==J||t[63]!==G||t[64]!==c||t[65]!==p||t[66]!==E||t[67]!==v||t[68]!==ve||t[69]!==je||t[70]!==Ee||t[71]!==ye?(ke=l.jsx(Xl,{...ve,id:G,ref:z,type:"number",value:je,onChange:T,onKeyDown:J,min:p,max:c,step:v,disabled:s,"aria-invalid":x,"aria-describedby":Ee,className:ye,"data-size":E}),t[59]=s,t[60]=x,t[61]=T,t[62]=J,t[63]=G,t[64]=c,t[65]=p,t[66]=E,t[67]=v,t[68]=ve,t[69]=je,t[70]=Ee,t[71]=ye,t[72]=ke):ke=t[72];let $e;t[73]!==ue||t[74]!==j||t[75]!==s||t[76]!==L||t[77]!==E?($e=j==="buttons"&&l.jsx(vo,{className:"btn-increment",pos:"right",size:E,type:"button",onClick:L,disabled:s||ue,children:l.jsx(Jl,{size:E==="lg"?12:8.571})}),t[73]=ue,t[74]=j,t[75]=s,t[76]=L,t[77]=E,t[78]=$e):$e=t[78];let Q;t[79]!==ue||t[80]!==oe||t[81]!==j||t[82]!==Y||t[83]!==s||t[84]!==L||t[85]!==E?(Q=j==="arrows"&&l.jsxs(ql,{className:"arrow-group",children:[l.jsx(yo,{direction:"up",type:"button",size:E,onClick:L,disabled:s||ue,className:"arrow-up",children:l.jsx(ec,{})}),l.jsx(yo,{direction:"down",type:"button","aria-label":"减小",title:"减小",size:E,onClick:Y,disabled:s||oe,className:"arrow-down",children:l.jsx(tc,{})})]}),t[79]=ue,t[80]=oe,t[81]=j,t[82]=Y,t[83]=s,t[84]=L,t[85]=E,t[86]=Q):Q=t[86];let pe;t[87]!==j||t[88]!==s||t[89]!==E||t[90]!==ne||t[91]!==me||t[92]!==ke||t[93]!==$e||t[94]!==Q?(pe=l.jsxs(Zl,{className:ne,size:E,disabled:s,controls:j,children:[me,ke,$e,Q]}),t[87]=j,t[88]=s,t[89]=E,t[90]=ne,t[91]=me,t[92]=ke,t[93]=$e,t[94]=Q,t[95]=pe):pe=t[95];let xe;t[96]!==i||t[97]!==G?(xe=i&&l.jsx(Gl,{id:`${G}-desc`,children:i}),t[96]=i,t[97]=G,t[98]=xe):xe=t[98];let Ie;return t[99]!==o||t[100]!==Z||t[101]!==pe||t[102]!==xe?(Ie=l.jsxs(Ul,{className:o,children:[Z,pe,xe]}),t[99]=o,t[100]=Z,t[101]=pe,t[102]=xe,t[103]=Ie):Ie=t[103],Ie});jn.displayName="NumberInput";const rc=S("label",{shouldForwardProp:e=>e!=="disabled"})(({theme:e,disabled:r})=>({display:"inline-flex",alignItems:"center",gap:e.components.radio.gap,cursor:r?"not-allowed":"pointer",opacity:r?e.components.radio.disabled.opacity:1,transition:`opacity ${e.components.radio.transition}`})),oc=S("span",{shouldForwardProp:e=>e!=="disabled"})(({theme:e,disabled:r})=>({position:"relative",display:"inline-flex",alignItems:"center",justifyContent:"center",width:e.components.radio.control.size,height:e.components.radio.control.size,borderRadius:e.components.radio.control.borderRadius,borderWidth:e.components.radio.control.borderWidth,borderStyle:"solid",borderColor:r?e.components.radio.control.borderColor.disabled:e.components.radio.control.borderColor.default,background:e.components.radio.control.background,transition:`border-color ${e.components.radio.transition}, box-shadow ${e.components.radio.transition}, transform ${e.components.radio.transition}`,flexShrink:0})),nc=S("input")(({theme:e})=>({position:"absolute",inset:0,width:"100%",height:"100%",margin:0,opacity:0,cursor:"inherit","&:focus-visible + span":{boxShadow:e.components.radio.focusRing},"&:hover:not(:disabled) + span":{borderColor:e.components.radio.control.borderColor.hover,transform:"translateY(-0.5px)"},"&:checked + span":{borderColor:e.components.radio.control.borderColor.checked},"&:checked + span::after":{transform:"translate(-50%, -50%) scale(1)",opacity:1},"&:disabled + span":{borderColor:e.components.radio.control.borderColor.disabled},"&:disabled + span::after":{background:e.components.radio.control.indicator.disabled}})),ic=S("span")(({theme:e})=>({position:"relative",inset:0,width:"100%",height:"100%",borderRadius:"inherit",boxShadow:"none","&::after":{content:'""',position:"absolute",top:"50%",left:"50%",width:e.components.radio.control.indicator.size,height:e.components.radio.control.indicator.size,background:e.components.radio.control.indicator.color,borderRadius:"inherit",transform:"translate(-50%, -50%) scale(0.35)",opacity:0,transition:`transform ${e.components.radio.transition}, opacity ${e.components.radio.transition}`}})),sc=S("span")({display:"flex",flexDirection:"column",gap:"0.25rem",minWidth:0}),ac=S("span",{shouldForwardProp:e=>e!=="disabled"})(({theme:e,disabled:r})=>({fontSize:e.components.radio.text.label.fontSize,fontWeight:e.components.radio.text.label.fontWeight,color:r?e.components.radio.text.label.disabled:e.components.radio.text.label.color,lineHeight:1.5,transition:`color ${e.components.radio.transition}`})),lc=S("span",{shouldForwardProp:e=>e!=="disabled"})(({theme:e,disabled:r})=>({margin:0,color:r?e.components.radio.text.description.disabled:e.components.radio.text.description.color,fontSize:e.components.radio.text.description.fontSize,lineHeight:1.4,transition:`color ${e.components.radio.transition}`})),Hr=f.forwardRef((e,r)=>{const t=re.c(23);let o,n,i,s;t[0]!==e?({label:s,description:n,className:o,...i}=e,t[0]=e,t[1]=o,t[2]=n,t[3]=i,t[4]=s):(o=t[1],n=t[2],i=t[3],s=t[4]);const a=!!i.disabled,d=a?"true":void 0;let c;t[5]!==i||t[6]!==a||t[7]!==r?(c=l.jsx(nc,{ref:r,type:"radio",disabled:a,...i}),t[5]=i,t[6]=a,t[7]=r,t[8]=c):c=t[8];let p;t[9]===Symbol.for("react.memo_cache_sentinel")?(p=l.jsx(ic,{"aria-hidden":!0}),t[9]=p):p=t[9];let m;t[10]!==a||t[11]!==c?(m=l.jsxs(oc,{disabled:a,children:[c,p]}),t[10]=a,t[11]=c,t[12]=m):m=t[12];let b;t[13]!==n||t[14]!==a||t[15]!==s?(b=(s||n)&&l.jsxs(sc,{children:[s?l.jsx(ac,{disabled:a,children:s}):null,n?l.jsx(lc,{disabled:a,children:n}):null]}),t[13]=n,t[14]=a,t[15]=s,t[16]=b):b=t[16];let h;return t[17]!==o||t[18]!==a||t[19]!==d||t[20]!==m||t[21]!==b?(h=l.jsxs(rc,{disabled:a,className:o,"data-disabled":d,children:[m,b]}),t[17]=o,t[18]=a,t[19]=d,t[20]=m,t[21]=b,t[22]=h):h=t[22],h});Hr.displayName="Radio";const cc=["rect","text","circle"],dc=["sm","md","lg","pill"],uc=A.keyframes`
|
|
1314
1676
|
0% {
|
|
1315
1677
|
transform: translateX(-100%);
|
|
1316
1678
|
}
|
|
1317
1679
|
100% {
|
|
1318
1680
|
transform: translateX(100%);
|
|
1319
1681
|
}
|
|
1320
|
-
`,
|
|
1682
|
+
`,En=({theme:e})=>A.css`
|
|
1321
1683
|
&::after {
|
|
1322
1684
|
content: '';
|
|
1323
1685
|
position: absolute;
|
|
@@ -1325,11 +1687,11 @@ React keys must be passed directly to JSX without using spread:
|
|
|
1325
1687
|
background: linear-gradient(
|
|
1326
1688
|
90deg,
|
|
1327
1689
|
transparent 0%,
|
|
1328
|
-
${
|
|
1690
|
+
${e.components.skeleton.background.highlight} 50%,
|
|
1329
1691
|
transparent 100%
|
|
1330
1692
|
);
|
|
1331
|
-
animation: ${
|
|
1332
|
-
${
|
|
1693
|
+
animation: ${uc} ${e.components.skeleton.animation.duration}
|
|
1694
|
+
${e.components.skeleton.animation.easing} infinite;
|
|
1333
1695
|
transform: translateX(-100%);
|
|
1334
1696
|
}
|
|
1335
1697
|
|
|
@@ -1340,36 +1702,36 @@ React keys must be passed directly to JSX without using spread:
|
|
|
1340
1702
|
transform: translateX(-50%);
|
|
1341
1703
|
}
|
|
1342
1704
|
}
|
|
1343
|
-
`,
|
|
1705
|
+
`,fc=S.div`
|
|
1344
1706
|
position: relative;
|
|
1345
1707
|
overflow: hidden;
|
|
1346
1708
|
display: block;
|
|
1347
|
-
background: ${({theme:
|
|
1348
|
-
border-radius: ${({theme:
|
|
1349
|
-
width: ${({$variant:
|
|
1350
|
-
height: ${({$variant:
|
|
1709
|
+
background: ${({theme:e})=>e.components.skeleton.background.base};
|
|
1710
|
+
border-radius: ${({theme:e,$variant:r,$radius:t})=>r==="circle"?e.components.skeleton.radius.circle:e.components.skeleton.radius[t]};
|
|
1711
|
+
width: ${({$variant:e,$width:r,theme:t})=>e==="circle"?r??t.components.skeleton.circle.size:r??"100%"};
|
|
1712
|
+
height: ${({$variant:e,$height:r,theme:t})=>e==="circle"?r??t.components.skeleton.circle.size:e==="text"?r??t.components.skeleton.text.lineHeight:r??t.components.skeleton.block.height};
|
|
1351
1713
|
|
|
1352
|
-
${({$animate:
|
|
1353
|
-
${
|
|
1714
|
+
${({$animate:e,theme:r})=>e&&A.css`
|
|
1715
|
+
${En({theme:r})}
|
|
1354
1716
|
`}
|
|
1355
|
-
`,
|
|
1717
|
+
`,pc=S.div`
|
|
1356
1718
|
display: flex;
|
|
1357
1719
|
flex-direction: column;
|
|
1358
|
-
gap: ${({theme:
|
|
1359
|
-
width: ${({$width:
|
|
1360
|
-
`,
|
|
1720
|
+
gap: ${({theme:e})=>e.components.skeleton.text.gap};
|
|
1721
|
+
width: ${({$width:e})=>e??"100%"};
|
|
1722
|
+
`,hc=S.span`
|
|
1361
1723
|
position: relative;
|
|
1362
1724
|
overflow: hidden;
|
|
1363
1725
|
display: block;
|
|
1364
|
-
background: ${({theme:
|
|
1365
|
-
height: ${({theme:
|
|
1366
|
-
border-radius: ${({theme:
|
|
1367
|
-
width: ${({$customWidth:
|
|
1726
|
+
background: ${({theme:e})=>e.components.skeleton.background.base};
|
|
1727
|
+
height: ${({theme:e})=>e.components.skeleton.text.lineHeight};
|
|
1728
|
+
border-radius: ${({theme:e})=>e.components.skeleton.radius.pill};
|
|
1729
|
+
width: ${({$customWidth:e,$isLast:r,theme:t})=>e??(r?t.components.skeleton.text.lastLineWidth:"100%")};
|
|
1368
1730
|
|
|
1369
|
-
${({$animate:
|
|
1370
|
-
${
|
|
1731
|
+
${({$animate:e,theme:r})=>e&&A.css`
|
|
1732
|
+
${En({theme:r})}
|
|
1371
1733
|
`}
|
|
1372
|
-
|
|
1734
|
+
`,$o=e=>{if(e!==void 0)return typeof e=="number"?`${e}px`:e},Tn=f.forwardRef(({variant:e="rect",width:r,height:t,lines:o=e==="text"?3:1,animate:n=!0,radius:i="md",loaded:s=!1,className:a,children:d,style:c,...p},m)=>{const b=$o(r),h=$o(t),g=Math.max(1,o),y=e==="text"&&g>1;if(s)return d?l.jsx("div",{ref:m,className:a,style:c,...p,children:d}):null;const $={role:"status","aria-live":"polite","aria-busy":!0};return y?l.jsx(pc,{ref:m,className:a,style:c,$width:b,"data-variant":"text",...$,...p,children:Array.from({length:g}).map((k,w)=>l.jsx(hc,{$animate:n,$isLast:w===g-1,$customWidth:w===g-1?b:void 0,"aria-hidden":"true"},w))}):l.jsx(fc,{ref:m,className:a,style:c,$variant:e,$animate:n,$radius:i,$width:b,$height:h,"data-variant":e,...$,...p})});Tn.displayName="Skeleton";const wo=A.keyframes`
|
|
1373
1735
|
0% {
|
|
1374
1736
|
transform: scale(1);
|
|
1375
1737
|
opacity: 0.6;
|
|
@@ -1382,24 +1744,24 @@ React keys must be passed directly to JSX without using spread:
|
|
|
1382
1744
|
transform: scale(1);
|
|
1383
1745
|
opacity: 0.6;
|
|
1384
1746
|
}
|
|
1385
|
-
`,
|
|
1747
|
+
`,bc=S.div`
|
|
1386
1748
|
display: flex;
|
|
1387
|
-
flex-direction: ${({orientation:
|
|
1749
|
+
flex-direction: ${({orientation:e})=>e==="vertical"?"column":"row"};
|
|
1388
1750
|
width: 100%;
|
|
1389
1751
|
|
|
1390
|
-
${({orientation:
|
|
1752
|
+
${({orientation:e})=>e==="horizontal"&&A.css`
|
|
1391
1753
|
align-items: flex-start;
|
|
1392
1754
|
`}
|
|
1393
|
-
`,
|
|
1755
|
+
`,gc=S.div`
|
|
1394
1756
|
position: relative;
|
|
1395
1757
|
display: flex;
|
|
1396
|
-
flex: ${({isLast:
|
|
1397
|
-
flex-direction: ${({orientation:
|
|
1398
|
-
align-items: ${({orientation:
|
|
1758
|
+
flex: ${({isLast:e,orientation:r})=>e||r==="vertical"?"0 0 auto":"1"};
|
|
1759
|
+
flex-direction: ${({orientation:e,labelPlacement:r})=>e==="horizontal"&&r==="bottom"?"column":"row"};
|
|
1760
|
+
align-items: ${({orientation:e,labelPlacement:r})=>e==="horizontal"&&r==="bottom"?"center":"flex-start"};
|
|
1399
1761
|
|
|
1400
1762
|
/* Gap between content elements */
|
|
1401
|
-
gap: ${({theme:
|
|
1402
|
-
|
|
1763
|
+
gap: ${({theme:e})=>e.components.stepper.gap};
|
|
1764
|
+
`,tr=S.div`
|
|
1403
1765
|
position: relative;
|
|
1404
1766
|
display: flex;
|
|
1405
1767
|
align-items: center;
|
|
@@ -1407,17 +1769,17 @@ React keys must be passed directly to JSX without using spread:
|
|
|
1407
1769
|
z-index: 1; /* To stay above line */
|
|
1408
1770
|
|
|
1409
1771
|
/* Size */
|
|
1410
|
-
width: ${({theme:
|
|
1411
|
-
height: ${({theme:
|
|
1772
|
+
width: ${({theme:e,size:r,variant:t})=>t==="dot"?e.components.stepper.dot.size[r]:e.components.stepper.circle.size[r]};
|
|
1773
|
+
height: ${({theme:e,size:r,variant:t})=>t==="dot"?e.components.stepper.dot.size[r]:e.components.stepper.circle.size[r]};
|
|
1412
1774
|
|
|
1413
1775
|
border-radius: 50%;
|
|
1414
|
-
border: ${({variant:
|
|
1776
|
+
border: ${({variant:e})=>e==="dot"?"none":"1px solid"};
|
|
1415
1777
|
transition: all 0.2s ease;
|
|
1416
1778
|
|
|
1417
1779
|
/* Colors based on Status */
|
|
1418
|
-
${({theme:
|
|
1780
|
+
${({theme:e,status:r,variant:t})=>{const o=e.components.stepper,n=o.state[r];let i=n.color,s="transparent",a=n.color;return t==="dot"?(r==="wait"?s=o.line.color.default:s=n.color,a="transparent",A.css`
|
|
1419
1781
|
background-color: ${s};
|
|
1420
|
-
color: ${
|
|
1782
|
+
color: ${a};
|
|
1421
1783
|
${r==="process"?`
|
|
1422
1784
|
&::after {
|
|
1423
1785
|
content: '';
|
|
@@ -1425,15 +1787,15 @@ React keys must be passed directly to JSX without using spread:
|
|
|
1425
1787
|
inset: -4px;
|
|
1426
1788
|
border-radius: 50%;
|
|
1427
1789
|
background-color: ${o.dot.pulseColor};
|
|
1428
|
-
animation: ${
|
|
1790
|
+
animation: ${wo} 1.5s ease-in-out infinite;
|
|
1429
1791
|
will-change: transform, opacity;
|
|
1430
1792
|
z-index: -1;
|
|
1431
1793
|
}
|
|
1432
1794
|
`:""}
|
|
1433
|
-
`):(r==="process"?(i=n.color,s=n.bg,
|
|
1795
|
+
`):(r==="process"?(i=n.color,s=n.bg,a=e.global.colors.common.white):r==="finish"?(i=n.color,s=n.bg,a=n.color):(r==="error"&&(i=n.color,s=n.bg),a=n.color),A.css`
|
|
1434
1796
|
border-color: ${i};
|
|
1435
1797
|
background-color: ${s};
|
|
1436
|
-
color: ${
|
|
1798
|
+
color: ${a};
|
|
1437
1799
|
${r==="process"?`
|
|
1438
1800
|
&::after {
|
|
1439
1801
|
content: '';
|
|
@@ -1442,7 +1804,7 @@ React keys must be passed directly to JSX without using spread:
|
|
|
1442
1804
|
border-radius: 50%;
|
|
1443
1805
|
border: 2px solid ${n.color};
|
|
1444
1806
|
opacity: 0.6;
|
|
1445
|
-
animation: ${
|
|
1807
|
+
animation: ${wo} 1.5s ease-in-out infinite;
|
|
1446
1808
|
will-change: transform, opacity;
|
|
1447
1809
|
z-index: -1;
|
|
1448
1810
|
}
|
|
@@ -1450,136 +1812,136 @@ React keys must be passed directly to JSX without using spread:
|
|
|
1450
1812
|
`)}}
|
|
1451
1813
|
|
|
1452
1814
|
/* Text style inside circle */
|
|
1453
|
-
font-size: ${({theme:
|
|
1815
|
+
font-size: ${({theme:e,size:r})=>e.components.stepper.circle.fontSize[r]};
|
|
1454
1816
|
font-weight: 500;
|
|
1455
1817
|
|
|
1456
1818
|
/* Icon size control */
|
|
1457
1819
|
svg {
|
|
1458
|
-
width: ${({theme:
|
|
1459
|
-
height: ${({theme:
|
|
1820
|
+
width: ${({theme:e,size:r})=>e.components.stepper.circle.iconSize[r]};
|
|
1821
|
+
height: ${({theme:e,size:r})=>e.components.stepper.circle.iconSize[r]};
|
|
1460
1822
|
flex-shrink: 0;
|
|
1461
1823
|
}
|
|
1462
|
-
`,
|
|
1824
|
+
`,rr=S.div`
|
|
1463
1825
|
display: flex;
|
|
1464
1826
|
flex-direction: column;
|
|
1465
1827
|
justify-content: center;
|
|
1466
1828
|
|
|
1467
|
-
${({orientation:
|
|
1829
|
+
${({orientation:e,labelPlacement:r})=>e==="horizontal"&&r==="bottom"&&A.css`
|
|
1468
1830
|
align-items: center;
|
|
1469
1831
|
text-align: center;
|
|
1470
1832
|
padding-top: 4px; /* Space between icon and text */
|
|
1471
1833
|
`}
|
|
1472
1834
|
|
|
1473
|
-
${({orientation:
|
|
1835
|
+
${({orientation:e,labelPlacement:r})=>(e==="vertical"||r==="right")&&A.css`
|
|
1474
1836
|
padding-left: 4px; /* Space between icon and text */
|
|
1475
1837
|
/* Adjust for vertical alignment with icon center if needed */
|
|
1476
1838
|
padding-top: 4px;
|
|
1477
1839
|
`}
|
|
1478
|
-
`,
|
|
1479
|
-
font-size: ${({theme:
|
|
1480
|
-
font-weight: ${({theme:
|
|
1840
|
+
`,or=S.div`
|
|
1841
|
+
font-size: ${({theme:e})=>e.components.stepper.text.title.fontSize};
|
|
1842
|
+
font-weight: ${({theme:e})=>e.components.stepper.text.title.fontWeight};
|
|
1481
1843
|
line-height: 1.4;
|
|
1482
1844
|
|
|
1483
|
-
color: ${({theme:
|
|
1484
|
-
`,
|
|
1485
|
-
font-size: ${({theme:
|
|
1486
|
-
color: ${({theme:
|
|
1845
|
+
color: ${({theme:e,status:r})=>{const t=e.components.stepper.text.title.color;switch(r){case"process":return t.active;case"finish":return t.default;case"error":return t.error;case"wait":return t.waiting;default:return t.default}}};
|
|
1846
|
+
`,nr=S.div`
|
|
1847
|
+
font-size: ${({theme:e})=>e.components.stepper.text.description.fontSize};
|
|
1848
|
+
color: ${({theme:e})=>e.components.stepper.text.description.color};
|
|
1487
1849
|
line-height: 1.4;
|
|
1488
1850
|
margin-top: 2px;
|
|
1489
|
-
`,
|
|
1851
|
+
`,ir=S.div`
|
|
1490
1852
|
transition: background-color 0.2s ease;
|
|
1491
1853
|
|
|
1492
|
-
${({orientation:
|
|
1854
|
+
${({orientation:e,theme:r,isFinished:t,size:o,labelPlacement:n,variant:i})=>{const s=i==="dot"?r.components.stepper.dot.size[o]:r.components.stepper.circle.size[o],d=parseInt(s)/2;return e==="horizontal"?A.css`
|
|
1493
1855
|
flex: 1;
|
|
1494
1856
|
height: 1px;
|
|
1495
|
-
background-color: ${
|
|
1857
|
+
background-color: ${t?r.components.stepper.line.color.active:r.components.stepper.line.color.default};
|
|
1496
1858
|
margin: 0 ${r.components.stepper.gap};
|
|
1497
1859
|
margin-top: ${d}px;
|
|
1498
1860
|
${n==="bottom"?"align-self: flex-start;":""}
|
|
1499
|
-
`:
|
|
1861
|
+
`:A.css`
|
|
1500
1862
|
width: 1px;
|
|
1501
1863
|
min-height: 40px;
|
|
1502
1864
|
flex: 1;
|
|
1503
|
-
background-color: ${
|
|
1865
|
+
background-color: ${t?r.components.stepper.line.color.active:r.components.stepper.line.color.default};
|
|
1504
1866
|
margin-top: 4px;
|
|
1505
1867
|
`}}
|
|
1506
|
-
`,
|
|
1868
|
+
`,Rn=f.forwardRef((e,r)=>{const t=re.c(37);let o,n,i,s,a,d,c,p,m;t[0]!==e?({active:a,orientation:d,labelPlacement:c,size:p,variant:m,children:o,className:n,onChange:i,...s}=e,t[0]=e,t[1]=o,t[2]=n,t[3]=i,t[4]=s,t[5]=a,t[6]=d,t[7]=c,t[8]=p,t[9]=m):(o=t[1],n=t[2],i=t[3],s=t[4],a=t[5],d=t[6],c=t[7],p=t[8],m=t[9]);const b=a===void 0?0:a,h=d===void 0?"horizontal":d,g=c===void 0?"right":c,y=p===void 0?"md":p,$=m===void 0?"default":m;let k,w,C,v,x,j,E,z;if(t[10]!==b||t[11]!==o||t[12]!==n||t[13]!==g||t[14]!==i||t[15]!==h||t[16]!==r||t[17]!==s||t[18]!==y||t[19]!==$){const M=f.Children.toArray(o).filter(f.isValidElement);k=bc,v=r,x=h,j=n,E="list",z="Progress",w=s,C=M.map((O,D)=>{const V=O.props;let F;return V.status?F=V.status:D<b?F="finish":D===b?F="process":F="wait",f.cloneElement(O,{index:D,last:D===M.length-1,orientation:h,labelPlacement:h==="vertical"?"right":g,size:y,status:F,variant:$,onClick:()=>{var P;i&&!V.disabled&&i(D),(P=V.onClick)==null||P.call(V)}})}),t[10]=b,t[11]=o,t[12]=n,t[13]=g,t[14]=i,t[15]=h,t[16]=r,t[17]=s,t[18]=y,t[19]=$,t[20]=k,t[21]=w,t[22]=C,t[23]=v,t[24]=x,t[25]=j,t[26]=E,t[27]=z}else k=t[20],w=t[21],C=t[22],v=t[23],x=t[24],j=t[25],E=t[26],z=t[27];let I;return t[28]!==k||t[29]!==w||t[30]!==C||t[31]!==v||t[32]!==x||t[33]!==j||t[34]!==E||t[35]!==z?(I=l.jsx(k,{ref:v,orientation:x,className:j,role:E,"aria-label":z,...w,children:C}),t[28]=k,t[29]=w,t[30]=C,t[31]=v,t[32]=x,t[33]=j,t[34]=E,t[35]=z,t[36]=I):I=t[36],I});Rn.displayName="Stepper";const zn=f.forwardRef((e,r)=>{const t=re.c(55);let o,n,i,s,a,d,c,p,m,b,h,g,y;t[0]!==e?({title:y,description:n,icon:i,status:d,index:c,orientation:p,labelPlacement:m,size:b,last:h,variant:g,className:o,onClick:s,...a}=e,t[0]=e,t[1]=o,t[2]=n,t[3]=i,t[4]=s,t[5]=a,t[6]=d,t[7]=c,t[8]=p,t[9]=m,t[10]=b,t[11]=h,t[12]=g,t[13]=y):(o=t[1],n=t[2],i=t[3],s=t[4],a=t[5],d=t[6],c=t[7],p=t[8],m=t[9],b=t[10],h=t[11],g=t[12],y=t[13]);const $=d===void 0?"wait":d,k=c===void 0?0:c,w=p===void 0?"horizontal":p,C=m===void 0?"right":m,v=b===void 0?"md":b,x=h===void 0?!1:h,j=g===void 0?"default":g;let E;t[14]!==i||t[15]!==k||t[16]!==$?(E=()=>{if(i)return i;switch($){case"finish":return l.jsx(_r,{});case"error":return l.jsx(Fr,{});default:return l.jsx("span",{children:k+1})}},t[14]=i,t[15]=k,t[16]=$,t[17]=E):E=t[17];const z=E,I=w==="horizontal"&&j==="dot"?"bottom":C,M=!(j==="dot"&&!i);let O;t[18]!==z||t[19]!==M?(O=M?z():null,t[18]=z,t[19]=M,t[20]=O):O=t[20];const D=O,V=w==="vertical"&&!x,F=w==="horizontal"&&!x,P=$==="process"?"step":void 0;let K;t[21]!==n||t[22]!==D||t[23]!==x||t[24]!==w||t[25]!==I||t[26]!==V||t[27]!==v||t[28]!==$||t[29]!==y||t[30]!==j?(K=w==="vertical"&&l.jsxs(l.Fragment,{children:[l.jsxs("div",{style:{display:"flex",flexDirection:"column",alignItems:"center",flexShrink:0,minHeight:x?"auto":"80px"},children:[l.jsx(tr,{status:$,size:v,variant:j,children:D}),V&&l.jsx(ir,{orientation:"vertical",labelPlacement:I,isFinished:$==="finish",size:v,variant:j})]}),l.jsxs(rr,{orientation:w,labelPlacement:I,children:[l.jsx(or,{status:$,children:y}),n&&l.jsx(nr,{children:n})]})]}),t[21]=n,t[22]=D,t[23]=x,t[24]=w,t[25]=I,t[26]=V,t[27]=v,t[28]=$,t[29]=y,t[30]=j,t[31]=K):K=t[31];let B;t[32]!==n||t[33]!==D||t[34]!==w||t[35]!==I||t[36]!==F||t[37]!==v||t[38]!==$||t[39]!==y||t[40]!==j?(B=w==="horizontal"&&l.jsx(l.Fragment,{children:I==="bottom"?l.jsxs("div",{style:{display:"flex",flexDirection:"row",alignItems:"center",width:"100%"},children:[l.jsxs("div",{style:{display:"flex",flexDirection:"column",alignItems:"center",flexShrink:0},children:[l.jsx(tr,{status:$,size:v,variant:j,children:D}),l.jsxs(rr,{orientation:w,labelPlacement:I,children:[l.jsx(or,{status:$,children:y}),n&&l.jsx(nr,{children:n})]})]}),F&&l.jsx(ir,{orientation:"horizontal",labelPlacement:I,isFinished:$==="finish",size:v,variant:j})]}):l.jsxs(l.Fragment,{children:[l.jsx(tr,{status:$,size:v,variant:j,children:D}),l.jsxs(rr,{orientation:w,labelPlacement:I,children:[l.jsx(or,{status:$,children:y}),n&&l.jsx(nr,{children:n})]}),F&&l.jsx(ir,{orientation:"horizontal",labelPlacement:I,isFinished:$==="finish",size:v,variant:j})]})}),t[32]=n,t[33]=D,t[34]=w,t[35]=I,t[36]=F,t[37]=v,t[38]=$,t[39]=y,t[40]=j,t[41]=B):B=t[41];let _;return t[42]!==o||t[43]!==x||t[44]!==s||t[45]!==w||t[46]!==r||t[47]!==I||t[48]!==a||t[49]!==$||t[50]!==K||t[51]!==B||t[52]!==P||t[53]!==j?(_=l.jsxs(gc,{ref:r,className:o,orientation:w,labelPlacement:I,status:$,isLast:x,variant:j,onClick:s,role:"listitem","aria-current":P,...a,children:[K,B]}),t[42]=o,t[43]=x,t[44]=s,t[45]=w,t[46]=r,t[47]=I,t[48]=a,t[49]=$,t[50]=K,t[51]=B,t[52]=P,t[53]=j,t[54]=_):_=t[54],_});zn.displayName="Step";const mc=["line","circle"],xc=["sm","md","lg"],yc=["normal","error","warning","success"],Gt=(e,r)=>({normal:r.semantic.colors.brand.primary,error:r.semantic.colors.state.danger,warning:r.semantic.colors.state.warning,success:r.semantic.colors.state.success})[e],vc=S.div`
|
|
1507
1869
|
display: flex;
|
|
1508
1870
|
align-items: center;
|
|
1509
1871
|
gap: 16px;
|
|
1510
1872
|
width: 100%;
|
|
1511
|
-
|
|
1873
|
+
`,$c=S.div`
|
|
1512
1874
|
position: relative;
|
|
1513
1875
|
flex: 1;
|
|
1514
|
-
background: ${({theme:
|
|
1876
|
+
background: ${({theme:e})=>e.semantic.colors.background.secondary};
|
|
1515
1877
|
border-radius: 5px;
|
|
1516
1878
|
overflow: hidden;
|
|
1517
1879
|
|
|
1518
|
-
${({size:
|
|
1880
|
+
${({size:e})=>e==="sm"?A.css`
|
|
1519
1881
|
height: 6px;
|
|
1520
|
-
`:
|
|
1882
|
+
`:A.css`
|
|
1521
1883
|
height: 8px;
|
|
1522
1884
|
`}
|
|
1523
|
-
`,
|
|
1885
|
+
`,wc=S.div`
|
|
1524
1886
|
height: 100%;
|
|
1525
|
-
width: ${({percent:
|
|
1526
|
-
background: ${({status:
|
|
1887
|
+
width: ${({percent:e})=>e}%;
|
|
1888
|
+
background: ${({status:e,theme:r})=>Gt(e,r)};
|
|
1527
1889
|
border-radius: 5px;
|
|
1528
1890
|
transition: width 0.3s ease, background 0.3s ease;
|
|
1529
|
-
`,
|
|
1530
|
-
font-family: ${({theme:
|
|
1891
|
+
`,kc=S.span`
|
|
1892
|
+
font-family: ${({theme:e})=>e.global.typography.fontFamily};
|
|
1531
1893
|
font-size: 12px;
|
|
1532
1894
|
line-height: 18px;
|
|
1533
|
-
color: ${({theme:
|
|
1895
|
+
color: ${({theme:e})=>e.semantic.colors.text.secondary};
|
|
1534
1896
|
white-space: nowrap;
|
|
1535
1897
|
flex-shrink: 0;
|
|
1536
|
-
`,
|
|
1898
|
+
`,Sc=S.span`
|
|
1537
1899
|
display: inline-flex;
|
|
1538
1900
|
align-items: center;
|
|
1539
1901
|
justify-content: center;
|
|
1540
1902
|
width: 16px;
|
|
1541
1903
|
height: 16px;
|
|
1542
1904
|
flex-shrink: 0;
|
|
1543
|
-
color: ${({status:
|
|
1905
|
+
color: ${({status:e,theme:r})=>Gt(e,r)};
|
|
1544
1906
|
|
|
1545
1907
|
svg {
|
|
1546
1908
|
width: 100%;
|
|
1547
1909
|
height: 100%;
|
|
1548
1910
|
}
|
|
1549
|
-
`,
|
|
1911
|
+
`,Cc=S.div`
|
|
1550
1912
|
display: flex;
|
|
1551
1913
|
align-items: center;
|
|
1552
1914
|
gap: 10px;
|
|
1553
1915
|
flex-shrink: 0;
|
|
1554
|
-
`,
|
|
1916
|
+
`,jc=S.div`
|
|
1555
1917
|
position: relative;
|
|
1556
1918
|
display: inline-flex;
|
|
1557
1919
|
align-items: center;
|
|
1558
1920
|
justify-content: center;
|
|
1559
1921
|
|
|
1560
|
-
${({size:
|
|
1922
|
+
${({size:e})=>e==="sm"?A.css`
|
|
1561
1923
|
width: 24px;
|
|
1562
1924
|
height: 24px;
|
|
1563
|
-
`:
|
|
1925
|
+
`:e==="md"?A.css`
|
|
1564
1926
|
width: 80px;
|
|
1565
1927
|
height: 80px;
|
|
1566
|
-
`:
|
|
1928
|
+
`:A.css`
|
|
1567
1929
|
width: 160px;
|
|
1568
1930
|
height: 160px;
|
|
1569
1931
|
`}
|
|
1570
|
-
`,
|
|
1932
|
+
`,Ec=S.svg`
|
|
1571
1933
|
transform: rotate(-90deg);
|
|
1572
1934
|
width: 100%;
|
|
1573
1935
|
height: 100%;
|
|
1574
|
-
`,
|
|
1936
|
+
`,Tc=S.circle`
|
|
1575
1937
|
fill: none;
|
|
1576
|
-
stroke: ${({theme:
|
|
1577
|
-
`,
|
|
1938
|
+
stroke: ${({theme:e})=>e.semantic.colors.background.secondary};
|
|
1939
|
+
`,Rc=S.circle`
|
|
1578
1940
|
fill: none;
|
|
1579
|
-
stroke: ${({status:
|
|
1941
|
+
stroke: ${({status:e,theme:r})=>Gt(e,r)};
|
|
1580
1942
|
stroke-linecap: round;
|
|
1581
1943
|
transition: stroke-dashoffset 0.3s ease, stroke 0.3s ease;
|
|
1582
|
-
`,
|
|
1944
|
+
`,zc=S.div`
|
|
1583
1945
|
position: absolute;
|
|
1584
1946
|
top: 50%;
|
|
1585
1947
|
left: 50%;
|
|
@@ -1588,33 +1950,33 @@ React keys must be passed directly to JSX without using spread:
|
|
|
1588
1950
|
align-items: center;
|
|
1589
1951
|
justify-content: center;
|
|
1590
1952
|
|
|
1591
|
-
${({size:
|
|
1953
|
+
${({size:e,theme:r})=>e==="sm"?A.css`
|
|
1592
1954
|
width: 16px;
|
|
1593
1955
|
height: 16px;
|
|
1594
|
-
`:
|
|
1956
|
+
`:e==="md"?A.css`
|
|
1595
1957
|
font-family: 'Barlow', ${r.global.typography.fontFamily};
|
|
1596
1958
|
font-size: 20px;
|
|
1597
1959
|
font-weight: 500;
|
|
1598
1960
|
line-height: 30px;
|
|
1599
1961
|
color: ${r.semantic.colors.text.secondary};
|
|
1600
|
-
`:
|
|
1962
|
+
`:A.css`
|
|
1601
1963
|
font-family: 'Barlow', ${r.global.typography.fontFamily};
|
|
1602
1964
|
font-size: 36px;
|
|
1603
1965
|
font-weight: 500;
|
|
1604
1966
|
line-height: 54px;
|
|
1605
1967
|
color: ${r.semantic.colors.text.secondary};
|
|
1606
1968
|
`}
|
|
1607
|
-
`,
|
|
1969
|
+
`,Lc=S.span`
|
|
1608
1970
|
display: inline-flex;
|
|
1609
1971
|
align-items: center;
|
|
1610
1972
|
justify-content: center;
|
|
1611
|
-
color: ${({status:
|
|
1973
|
+
color: ${({status:e,theme:r})=>Gt(e,r)};
|
|
1612
1974
|
|
|
1613
1975
|
svg {
|
|
1614
1976
|
width: 100%;
|
|
1615
1977
|
height: 100%;
|
|
1616
1978
|
}
|
|
1617
|
-
`,dl=Xs,ul=Gs,fl=qs,pl=()=>{const t=ee.c(1);let r;return t[0]===Symbol.for("react.memo_cache_sentinel")?(r=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]=r):r=t[0],r},hl=()=>{const t=ee.c(1);let r;return t[0]===Symbol.for("react.memo_cache_sentinel")?(r=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]=r):r=t[0],r},bl=()=>{const t=ee.c(1);let r;return t[0]===Symbol.for("react.memo_cache_sentinel")?(r=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]=r):r=t[0],r},gl=t=>{switch(t){case"success":return a.jsx(pl,{});case"error":return a.jsx(hl,{});case"warning":return a.jsx(bl,{});default:return null}},ho=g.forwardRef((t,r)=>{const e=ee.c(79);let o,n,i,s,l,d,u,f;e[0]!==t?({type:i,size:s,status:l,value:d,showPercent:u,showIcon:f,className:n,...o}=t,e[0]=t,e[1]=o,e[2]=n,e[3]=i,e[4]=s,e[5]=l,e[6]=d,e[7]=u,e[8]=f):(o=e[1],n=e[2],i=e[3],s=e[4],l=e[5],d=e[6],u=e[7],f=e[8]);const m=i===void 0?"line":i,h=s===void 0?"md":s,b=l===void 0?"normal":l,y=d===void 0?0:d,x=u===void 0?!0:u,$=f===void 0?!0:f,w=Math.min(Math.max(y,0),100);let k;e[9]!==o||e[10]!==w?(k={...o,value:w,minValue:0,maxValue:100},e[9]=o,e[10]=w,e[11]=k):k=e[11];const{progressBarProps:C,labelProps:v}=de.useProgressBar(k),p=$&&b!=="normal";let S;e[12]!==p||e[13]!==b?(S=p?gl(b):null,e[12]=p,e[13]=b,e[14]=S):S=e[14];const E=S;if(m==="line"){let D;e[15]!==w||e[16]!==b?(D=a.jsx(el,{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(Qs,{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]!==x?(q=x&&a.jsxs(tl,{...v,children:[Math.round(w),"%"]}),e[21]=v,e[22]=w,e[23]=x,e[24]=q):q=e[24];let le;e[25]!==E||e[26]!==p||e[27]!==b?(le=p&&E&&a.jsx(rl,{status:b,children:E}),e[25]=E,e[26]=p,e[27]=b,e[28]=le):le=e[28];let X;e[29]!==q||e[30]!==le?(X=a.jsxs(ol,{children:[q,le]}),e[29]=q,e[30]=le,e[31]=X):X=e[31];let K;return e[32]!==n||e[33]!==w||e[34]!==C||e[35]!==r||e[36]!==h||e[37]!==J||e[38]!==X?(K=a.jsxs(Js,{...C,ref:r,size:h,className:n,role:"progressbar","aria-valuenow":w,"aria-valuemin":0,"aria-valuemax":100,children:[J,X]}),e[32]=n,e[33]=w,e[34]=C,e[35]=r,e[36]=h,e[37]=J,e[38]=X,e[39]=K):K=e[39],K}let T;e[40]!==h?(T=()=>{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]=T):T=e[41];const L=T;let I;e[42]!==L?(I=L(),e[42]=L,e[43]=I):I=e[43];const{circleSize:B,strokeWidth:M}=I,A=(B-M)/2,V=2*Math.PI*A,P=V-w/100*V,F=h!=="sm",H=B/2,W=B/2;let Y;e[44]!==A||e[45]!==M||e[46]!==H||e[47]!==W?(Y=a.jsx(sl,{cx:H,cy:W,r:A,strokeWidth:M}),e[44]=A,e[45]=M,e[46]=H,e[47]=W,e[48]=Y):Y=e[48];const Z=B/2,c=B/2;let z;e[49]!==V||e[50]!==A||e[51]!==b||e[52]!==P||e[53]!==M||e[54]!==Z||e[55]!==c?(z=a.jsx(ll,{status:b,cx:Z,cy:c,r:A,strokeWidth:M,strokeDasharray:V,strokeDashoffset:P}),e[49]=V,e[50]=A,e[51]=b,e[52]=P,e[53]=M,e[54]=Z,e[55]=c,e[56]=z):z=e[56];let R;e[57]!==Y||e[58]!==z?(R=a.jsxs(il,{children:[Y,z]}),e[57]=Y,e[58]=z,e[59]=R):R=e[59];let O;e[60]!==E||e[61]!==v||e[62]!==w||e[63]!==p||e[64]!==x||e[65]!==F||e[66]!==b?(O=F?x&&a.jsxs("span",{...v,children:[Math.round(w),"%"]}):p&&E&&a.jsx(cl,{status:b,children:E}),e[60]=E,e[61]=v,e[62]=w,e[63]=p,e[64]=x,e[65]=F,e[66]=b,e[67]=O):O=e[67];let U;e[68]!==h||e[69]!==O?(U=a.jsx(al,{size:h,children:O}),e[68]=h,e[69]=O,e[70]=U):U=e[70];let G;return e[71]!==n||e[72]!==w||e[73]!==C||e[74]!==r||e[75]!==h||e[76]!==R||e[77]!==U?(G=a.jsxs(nl,{...C,ref:r,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]=r,e[75]=h,e[76]=R,e[77]=U,e[78]=G):G=e[78],G});ho.displayName="Progress";const bo={badInput:!1,customError:!1,patternMismatch:!1,rangeOverflow:!1,rangeUnderflow:!1,stepMismatch:!1,tooLong:!1,tooShort:!1,typeMismatch:!1,valueMissing:!1,valid:!0},go={...bo,customError:!0,valid:!1},Ze={isInvalid:!1,validationDetails:bo,validationErrors:[]},ml=g.createContext({}),wr="__formValidationState"+Date.now();function xl(t){if(t[wr]){let{realtimeValidation:r,displayValidation:e,updateValidation:o,resetValidation:n,commitValidation:i}=t[wr];return{realtimeValidation:r,displayValidation:e,updateValidation:o,resetValidation:n,commitValidation:i}}return yl(t)}function yl(t){let{isInvalid:r,validationState:e,name:o,value:n,builtinValidation:i,validate:s,validationBehavior:l="aria"}=t;e&&(r||(r=e==="invalid"));let d=r!==void 0?{isInvalid:r,validationErrors:[],validationDetails:go}:null,u=g.useMemo(()=>{if(!s||n==null)return null;let I=vl(s,n);return Sr(I)},[s,n]);i!=null&&i.validationDetails.valid&&(i=void 0);let f=g.useContext(ml),m=g.useMemo(()=>o?Array.isArray(o)?o.flatMap(I=>Vt(f[I])):Vt(f[o]):[],[f,o]),[h,b]=g.useState(f),[y,x]=g.useState(!1);f!==h&&(b(f),x(!1));let $=g.useMemo(()=>Sr(y?[]:m),[y,m]),w=g.useRef(Ze),[k,C]=g.useState(Ze),v=g.useRef(Ze),p=()=>{if(!S)return;E(!1);let I=u||i||w.current;Rt(I,v.current)||(v.current=I,C(I))},[S,E]=g.useState(!1);return g.useEffect(p),{realtimeValidation:d||$||u||i||Ze,displayValidation:l==="native"?d||$||k:d||$||u||i||k,updateValidation(I){l==="aria"&&!Rt(k,I)?C(I):w.current=I},resetValidation(){let I=Ze;Rt(I,v.current)||(v.current=I,C(I)),l==="native"&&E(!1),x(!0)},commitValidation(){l==="native"&&E(!0),x(!0)}}}function Vt(t){return t?Array.isArray(t)?t:[t]:[]}function vl(t,r){if(typeof t=="function"){let e=t(r);if(e&&typeof e!="boolean")return Vt(e)}return[]}function Sr(t){return t.length?{isInvalid:!0,validationErrors:t,validationDetails:go}:null}function Rt(t,r){return t===r?!0:!!t&&!!r&&t.isInvalid===r.isInvalid&&t.validationErrors.length===r.validationErrors.length&&t.validationErrors.every((e,o)=>e===r.validationErrors[o])&&Object.entries(t.validationDetails).every(([e,o])=>r.validationDetails[e]===o)}class Cr{*[Symbol.iterator](){yield*this.iterable}get size(){return this._size}getKeys(){return this.keyMap.keys()}getKeyBefore(r){let e=this.keyMap.get(r);var o;return e&&(o=e.prevKey)!==null&&o!==void 0?o:null}getKeyAfter(r){let e=this.keyMap.get(r);var o;return e&&(o=e.nextKey)!==null&&o!==void 0?o:null}getFirstKey(){return this.firstKey}getLastKey(){return this.lastKey}getItem(r){var e;return(e=this.keyMap.get(r))!==null&&e!==void 0?e:null}at(r){const e=[...this.getKeys()];return this.getItem(e[r])}getChildren(r){let e=this.keyMap.get(r);return(e==null?void 0:e.childNodes)||[]}constructor(r){this.keyMap=new Map,this.firstKey=null,this.lastKey=null,this.iterable=r;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 r)e(l);let o=null,n=0,i=0;for(let[l,d]of this.keyMap)o?(o.nextKey=l,d.prevKey=o.key):(this.firstKey=l,d.prevKey=void 0),d.type==="item"&&(d.index=n++),(d.type==="section"||d.type==="item")&&i++,o=d,o.nextKey=void 0;this._size=i;var s;this.lastKey=(s=o==null?void 0:o.key)!==null&&s!==void 0?s:null}}class Te extends Set{constructor(r,e,o){super(r),r instanceof Te?(this.anchorKey=e??r.anchorKey,this.currentKey=o??r.currentKey):(this.anchorKey=e??null,this.currentKey=o??null)}}function kl(t,r){if(t.size!==r.size)return!1;for(let e of t)if(!r.has(e))return!1;return!0}function $l(t){let{selectionMode:r="none",disallowEmptySelection:e=!1,allowDuplicateSelectionEvents:o,selectionBehavior:n="toggle",disabledBehavior:i="all"}=t,s=g.useRef(!1),[,l]=g.useState(!1),d=g.useRef(null),u=g.useRef(null),[,f]=g.useState(null),m=g.useMemo(()=>jr(t.selectedKeys),[t.selectedKeys]),h=g.useMemo(()=>jr(t.defaultSelectedKeys,new Te),[t.defaultSelectedKeys]),[b,y]=ft(m,h,t.onSelectionChange),x=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:r,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,f(C)},selectedKeys:b,setSelectedKeys(C){(o||!kl(C,b))&&y(C)},disabledKeys:x,disabledBehavior:i}}function jr(t,r){return t?t==="all"?"all":new Te(t):r}function mo(t){return null}mo.getCollectionNode=function*(r,e){let{childItems:o,title:n,children:i}=r,s=r.title||r.children,l=r.textValue||(typeof s=="string"?s:"")||r["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:r,rendered:s,textValue:l,"aria-label":r["aria-label"],hasChildNodes:wl(r),*childNodes(){if(o)for(let d of o)yield{type:"item",value:d};else if(n){let d=[];g.Children.forEach(i,u=>{d.push({type:"item",element:u})}),yield*d}}}};function wl(t){return t.hasChildItems!=null?t.hasChildItems:!!(t.childItems||t.title&&g.Children.count(t.children)>0)}let xo=mo;function yo(t){return null}yo.getCollectionNode=function*(r){let{children:e,title:o,items:n}=r;yield{type:"section",props:r,hasChildNodes:!0,rendered:o,"aria-label":r["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 Sl=yo;class Cl{build(r,e){return this.context=e,Rr(()=>this.iterateCollection(r))}*iterateCollection(r){let{children:e,items:o}=r;if(g.isValidElement(e)&&e.type===g.Fragment)yield*this.iterateCollection({children:e.props.children,items:o});else if(typeof e=="function"){if(!o)throw new Error("props.children was a function but props.items is missing");let n=0;for(let i of o)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(r,e,o,n){if(r.key!=null)return r.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(r,e){return{renderer:e.renderer||r.renderer}}*getFullNode(r,e,o,n){if(g.isValidElement(r.element)&&r.element.type===g.Fragment){let $=[];g.Children.forEach(r.element.props.children,k=>{$.push(k)});var i;let w=(i=r.index)!==null&&i!==void 0?i:0;for(const k of $)yield*this.getFullNode({element:k,index:w++},e,o,n);return}let s=r.element;if(!s&&r.value&&e&&e.renderer){let $=this.cache.get(r.value);if($&&(!$.shouldInvalidate||!$.shouldInvalidate(this.context))){$.index=r.index,$.parentKey=n?n.key:null,yield $;return}s=e.renderer(r.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=r.index)!==null&&l!==void 0?l:0,C=w.next();for(;!C.done&&C.value;){let v=C.value;r.index=k;var d;let p=(d=v.key)!==null&&d!==void 0?d:null;p==null&&(p=v.element?null:this.getKey(s,r,e,o));let E=[...this.getFullNode({...v,key:p,index:k,wrapper:jl(r.wrapper,v.wrapper)},this.getChildState(e,v),o?`${o}${s.key}`:s.key,n)];for(let T of E){var u,f;T.value=(f=(u=v.value)!==null&&u!==void 0?u:r.value)!==null&&f!==void 0?f:null,T.value&&this.cache.set(T.value,T);var m;if(r.type&&T.type!==r.type)throw new Error(`Unsupported type <${zt(T.type)}> in <${zt((m=n==null?void 0:n.type)!==null&&m!==void 0?m:"unknown parent type")}>. Only <${zt(r.type)}> is supported.`);k++,yield T}C=w.next(E)}return}if(r.key==null||r.type==null)return;let h=this;var b,y;let x={type:r.type,props:r.props,key:r.key,parentKey:n?n.key:null,value:(b=r.value)!==null&&b!==void 0?b:null,level:n?n.level+1:0,index:r.index,rendered:r.rendered,textValue:(y=r.textValue)!==null&&y!==void 0?y:"","aria-label":r["aria-label"],wrapper:r.wrapper,shouldInvalidate:r.shouldInvalidate,hasChildNodes:r.hasChildNodes||!1,childNodes:Rr(function*(){if(!r.hasChildNodes||!r.childNodes)return;let $=0;for(let w of r.childNodes()){w.key!=null&&(w.key=`${x.key}${w.key}`);let k=h.getFullNode({...w,index:$},h.getChildState(e,w),x.key,x);for(let C of k)$++,yield C}})};yield x}constructor(){this.cache=new WeakMap}}function Rr(t){let r=[],e=null;return{*[Symbol.iterator](){for(let o of r)yield o;e||(e=t());for(let o of e)r.push(o),yield o}}}function jl(t,r){if(t&&r)return e=>t(r(e));if(t)return t;if(r)return r}function zt(t){return t[0].toUpperCase()+t.slice(1)}function Rl(t,r,e){let o=g.useMemo(()=>new Cl,[]),{children:n,items:i,collection:s}=t;return g.useMemo(()=>{if(s)return s;let d=o.build({children:n,items:i},e);return r(d)},[o,n,i,s,e,r])}function zl(t,r){return typeof r.getChildren=="function"?r.getChildren(t.key):t.childNodes}function El(t){return Tl(t)}function Tl(t,r){for(let e of t)return e}function Et(t,r,e){if(r.parentKey===e.parentKey)return r.index-e.index;let o=[...zr(t,r),r],n=[...zr(t,e),e],i=o.slice(0,n.length).findIndex((s,l)=>s!==n[l]);return i!==-1?(r=o[i],e=n[i],r.index-e.index):o.findIndex(s=>s===e)>=0?1:(n.findIndex(s=>s===r)>=0,-1)}function zr(t,r){let e=[],o=r;for(;(o==null?void 0:o.parentKey)!=null;)o=t.getItem(o.parentKey),o&&e.unshift(o);return e}class Jt{get selectionMode(){return this.state.selectionMode}get disallowEmptySelection(){return this.state.disallowEmptySelection}get selectionBehavior(){return this.state.selectionBehavior}setSelectionBehavior(r){this.state.setSelectionBehavior(r)}get isFocused(){return this.state.isFocused}setFocused(r){this.state.setFocused(r)}get focusedKey(){return this.state.focusedKey}get childFocusStrategy(){return this.state.childFocusStrategy}setFocusedKey(r,e){(r==null||this.collection.getItem(r))&&this.state.setFocusedKey(r,e)}get selectedKeys(){return this.state.selectedKeys==="all"?new Set(this.getSelectAllKeys()):this.state.selectedKeys}get rawSelection(){return this.state.selectedKeys}isSelected(r){if(this.state.selectionMode==="none")return!1;let e=this.getKey(r);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 r=this.getSelectAllKeys(),e=this.state.selectedKeys;return this._isSelectAll=r.every(o=>e.has(o)),this._isSelectAll}get firstSelectedKey(){let r=null;for(let o of this.state.selectedKeys){let n=this.collection.getItem(o);(!r||n&&Et(this.collection,n,r)<0)&&(r=n)}var e;return(e=r==null?void 0:r.key)!==null&&e!==void 0?e:null}get lastSelectedKey(){let r=null;for(let o of this.state.selectedKeys){let n=this.collection.getItem(o);(!r||n&&Et(this.collection,n,r)>0)&&(r=n)}var e;return(e=r==null?void 0:r.key)!==null&&e!==void 0?e:null}get disabledKeys(){return this.state.disabledKeys}get disabledBehavior(){return this.state.disabledBehavior}extendSelection(r){if(this.selectionMode==="none")return;if(this.selectionMode==="single"){this.replaceSelection(r);return}let e=this.getKey(r);if(e==null)return;let o;if(this.state.selectedKeys==="all")o=new Te([e],e,e);else{let s=this.state.selectedKeys;var n;let l=(n=s.anchorKey)!==null&&n!==void 0?n:e;o=new Te(s,l,e);var i;for(let d of this.getKeyRange(l,(i=s.currentKey)!==null&&i!==void 0?i:e))o.delete(d);for(let d of this.getKeyRange(e,l))this.canSelectItem(d)&&o.add(d)}this.state.setSelectedKeys(o)}getKeyRange(r,e){let o=this.collection.getItem(r),n=this.collection.getItem(e);return o&&n?Et(this.collection,o,n)<=0?this.getKeyRangeInternal(r,e):this.getKeyRangeInternal(e,r):[]}getKeyRangeInternal(r,e){var o;if(!((o=this.layoutDelegate)===null||o===void 0)&&o.getKeyRange)return this.layoutDelegate.getKeyRange(r,e);let n=[],i=r;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(r){let e=this.collection.getItem(r);if(!e||e.type==="cell"&&this.allowsCellSelection)return r;for(;e&&e.type!=="item"&&e.parentKey!=null;)e=this.collection.getItem(e.parentKey);return!e||e.type!=="item"?null:e.key}toggleSelection(r){if(this.selectionMode==="none")return;if(this.selectionMode==="single"&&!this.isSelected(r)){this.replaceSelection(r);return}let e=this.getKey(r);if(e==null)return;let o=new Te(this.state.selectedKeys==="all"?this.getSelectAllKeys():this.state.selectedKeys);o.has(e)?o.delete(e):this.canSelectItem(e)&&(o.add(e),o.anchorKey=e,o.currentKey=e),!(this.disallowEmptySelection&&o.size===0)&&this.state.setSelectedKeys(o)}replaceSelection(r){if(this.selectionMode==="none")return;let e=this.getKey(r);if(e==null)return;let o=this.canSelectItem(e)?new Te([e],e,e):new Te;this.state.setSelectedKeys(o)}setSelectedKeys(r){if(this.selectionMode==="none")return;let e=new Te;for(let o of r){let n=this.getKey(o);if(n!=null&&(e.add(n),this.selectionMode==="single"))break}this.state.setSelectedKeys(e)}getSelectAllKeys(){let r=[],e=o=>{for(;o!=null;){if(this.canSelectItem(o)){var n;let s=this.collection.getItem(o);(s==null?void 0:s.type)==="item"&&r.push(o);var i;s!=null&&s.hasChildNodes&&(this.allowsCellSelection||s.type!=="item")&&e((i=(n=El(zl(s,this.collection)))===null||n===void 0?void 0:n.key)!==null&&i!==void 0?i:null)}o=this.collection.getKeyAfter(o)}};return e(this.collection.getFirstKey()),r}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 Te)}toggleSelectAll(){this.isSelectAll?this.clearSelection():this.selectAll()}select(r,e){this.selectionMode!=="none"&&(this.selectionMode==="single"?this.isSelected(r)&&!this.disallowEmptySelection?this.toggleSelection(r):this.replaceSelection(r):this.selectionBehavior==="toggle"||e&&(e.pointerType==="touch"||e.pointerType==="virtual")?this.toggleSelection(r):this.replaceSelection(r))}isSelectionEqual(r){if(r===this.state.selectedKeys)return!0;let e=this.selectedKeys;if(r.size!==e.size)return!1;for(let o of r)if(!e.has(o))return!1;for(let o of e)if(!r.has(o))return!1;return!0}canSelectItem(r){var e;if(this.state.selectionMode==="none"||this.state.disabledKeys.has(r))return!1;let o=this.collection.getItem(r);return!(!o||!(o==null||(e=o.props)===null||e===void 0)&&e.isDisabled||o.type==="cell"&&!this.allowsCellSelection)}isDisabled(r){var e,o;return this.state.disabledBehavior==="all"&&(this.state.disabledKeys.has(r)||!!(!((o=this.collection.getItem(r))===null||o===void 0||(e=o.props)===null||e===void 0)&&e.isDisabled))}isLink(r){var e,o;return!!(!((o=this.collection.getItem(r))===null||o===void 0||(e=o.props)===null||e===void 0)&&e.href)}getItemProps(r){var e;return(e=this.collection.getItem(r))===null||e===void 0?void 0:e.props}withCollection(r){return new Jt(r,this.state,{allowsCellSelection:this.allowsCellSelection,layoutDelegate:this.layoutDelegate||void 0})}constructor(r,e,o){this.collection=r,this.state=e;var n;this.allowsCellSelection=(n=o==null?void 0:o.allowsCellSelection)!==null&&n!==void 0?n:!1,this._isSelectAll=null,this.layoutDelegate=(o==null?void 0:o.layoutDelegate)||null}}function vo(t){let{filter:r,layoutDelegate:e}=t,o=$l(t),n=g.useMemo(()=>t.disabledKeys?new Set(t.disabledKeys):new Set,[t.disabledKeys]),i=g.useCallback(u=>r?new Cr(r(u)):new Cr(u),[r]),s=g.useMemo(()=>({suppressTextValueWarning:t.suppressTextValueWarning}),[t.suppressTextValueWarning]),l=Rl(t,i,s),d=g.useMemo(()=>new Jt(l,o,{layoutDelegate:e}),[l,o,e]);return Il(l,d),{collection:l,disabledKeys:n,selectionManager:d}}function Il(t,r){const e=g.useRef(null);g.useEffect(()=>{if(r.focusedKey!=null&&!t.getItem(r.focusedKey)&&e.current){const f=e.current.getItem(r.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 o,n;const b=((o=m==null?void 0:m.length)!==null&&o!==void 0?o:0)-((n=h==null?void 0:h.length)!==null&&n!==void 0?n:0);var i,s,l;let y=Math.min(b>1?Math.max(((i=f==null?void 0:f.index)!==null&&i!==void 0?i:0)-b+1,0):(s=f==null?void 0:f.index)!==null&&s!==void 0?s:0,((l=h==null?void 0:h.length)!==null&&l!==void 0?l:0)-1),x=null,$=!1;for(;y>=0;){if(!r.isDisabled(h[y].key)){x=h[y];break}if(y<h.length-1&&!$)y++;else{$=!0;var d,u;y>((d=f==null?void 0:f.index)!==null&&d!==void 0?d:0)&&(y=(u=f==null?void 0:f.index)!==null&&u!==void 0?u:0),y--}}r.setFocusedKey(x?x.key:null)}e.current=t},[t,r])}function Ll(t){let[r,e]=ft(t.isOpen,t.defaultOpen||!1,t.onOpenChange);const o=g.useCallback(()=>{e(!0)},[e]),n=g.useCallback(()=>{e(!1)},[e]),i=g.useCallback(()=>{e(!r)},[e,r]);return{isOpen:r,setOpen:e,open:o,close:n,toggle:i}}function Ml(t){let{selectionMode:r="single"}=t,e=Ll(t),[o,n]=g.useState(null),i=g.useMemo(()=>{var v;return t.defaultValue!==void 0?t.defaultValue:r==="single"?(v=t.defaultSelectedKey)!==null&&v!==void 0?v:null:[]},[t.defaultValue,t.defaultSelectedKey,r]),s=g.useMemo(()=>t.value!==void 0?t.value:r==="single"?t.selectedKey:void 0,[t.value,t.selectedKey,r]),[l,d]=ft(s,i,t.onChange),u=r==="single"&&Array.isArray(l)?l[0]:l,f=v=>{if(r==="single"){var p,S;let E=Array.isArray(v)?(S=v[0])!==null&&S!==void 0?S:null:v;d(E),E!==u&&((p=t.onSelectionChange)===null||p===void 0||p.call(t,E))}else{let E=[];Array.isArray(v)?E=v:v!=null&&(E=[v]),d(E)}},m=vo({...t,selectionMode:r,disallowEmptySelection:r==="single",allowDuplicateSelectionEvents:!0,selectedKeys:g.useMemo(()=>Pl(u),[u]),onSelectionChange:v=>{if(v!=="all"){if(r==="single"){var p;let S=(p=v.values().next().value)!==null&&p!==void 0?p:null;f(S),e.close()}else f([...v]);y.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]),y=xl({...t,value:Array.isArray(u)&&u.length===0?null:u}),[x,$]=g.useState(!1),[w]=g.useState(u);var k,C;return{...y,...m,...e,value:u,defaultValue:i??w,setValue:f,selectedKey:h,setSelectedKey:f,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:o,open(v=null){m.collection.size!==0&&(n(v),e.open())},toggle(v=null){m.collection.size!==0&&(n(v),e.toggle())},isFocused:x,setFocused:$}}function Pl(t){if(t!==void 0)return t===null?[]:Array.isArray(t)?t:[t]}const Al=(t,r,e,o,n)=>{const i=n.components.tag.colors[r];return t==="checkable"?o?_.css`
|
|
1979
|
+
`,Mc=mc,Nc=xc,Ic=yc,Pc=()=>{const e=re.c(1);let r;return e[0]===Symbol.for("react.memo_cache_sentinel")?(r=l.jsxs("svg",{viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[l.jsx("circle",{cx:"8",cy:"8",r:"8",fill:"currentColor"}),l.jsx("path",{d:"M11.3333 5.5L6.75 10.0833L4.66667 8",stroke:"white",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})]}),e[0]=r):r=e[0],r},Ac=()=>{const e=re.c(1);let r;return e[0]===Symbol.for("react.memo_cache_sentinel")?(r=l.jsxs("svg",{viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[l.jsx("circle",{cx:"8",cy:"8",r:"8",fill:"currentColor"}),l.jsx("path",{d:"M10 6L6 10M6 6L10 10",stroke:"white",strokeWidth:"1.5",strokeLinecap:"round"})]}),e[0]=r):r=e[0],r},_c=()=>{const e=re.c(1);let r;return e[0]===Symbol.for("react.memo_cache_sentinel")?(r=l.jsxs("svg",{viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[l.jsx("circle",{cx:"8",cy:"8",r:"8",fill:"currentColor"}),l.jsx("path",{d:"M8 4.66667V8.66667M8 11.3333H8.00667",stroke:"white",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})]}),e[0]=r):r=e[0],r},Fc=e=>{switch(e){case"success":return l.jsx(Pc,{});case"error":return l.jsx(Ac,{});case"warning":return l.jsx(_c,{});default:return null}},Ln=f.forwardRef((e,r)=>{const t=re.c(79);let o,n,i,s,a,d,c,p;t[0]!==e?({type:i,size:s,status:a,value:d,showPercent:c,showIcon:p,className:n,...o}=e,t[0]=e,t[1]=o,t[2]=n,t[3]=i,t[4]=s,t[5]=a,t[6]=d,t[7]=c,t[8]=p):(o=t[1],n=t[2],i=t[3],s=t[4],a=t[5],d=t[6],c=t[7],p=t[8]);const m=i===void 0?"line":i,b=s===void 0?"md":s,h=a===void 0?"normal":a,g=d===void 0?0:d,y=c===void 0?!0:c,$=p===void 0?!0:p,k=Math.min(Math.max(g,0),100);let w;t[9]!==o||t[10]!==k?(w={...o,value:k,minValue:0,maxValue:100},t[9]=o,t[10]=k,t[11]=w):w=t[11];const{progressBarProps:C,labelProps:v}=de.useProgressBar(w),x=$&&h!=="normal";let j;t[12]!==x||t[13]!==h?(j=x?Fc(h):null,t[12]=x,t[13]=h,t[14]=j):j=t[14];const E=j;if(m==="line"){let W;t[15]!==k||t[16]!==h?(W=l.jsx(wc,{status:h,percent:k}),t[15]=k,t[16]=h,t[17]=W):W=t[17];let J;t[18]!==b||t[19]!==W?(J=l.jsx($c,{size:b,children:W}),t[18]=b,t[19]=W,t[20]=J):J=t[20];let G;t[21]!==v||t[22]!==k||t[23]!==y?(G=y&&l.jsxs(kc,{...v,children:[Math.round(k),"%"]}),t[21]=v,t[22]=k,t[23]=y,t[24]=G):G=t[24];let oe;t[25]!==E||t[26]!==x||t[27]!==h?(oe=x&&E&&l.jsx(Sc,{status:h,children:E}),t[25]=E,t[26]=x,t[27]=h,t[28]=oe):oe=t[28];let ue;t[29]!==G||t[30]!==oe?(ue=l.jsxs(Cc,{children:[G,oe]}),t[29]=G,t[30]=oe,t[31]=ue):ue=t[31];let Z;return t[32]!==n||t[33]!==k||t[34]!==C||t[35]!==r||t[36]!==b||t[37]!==J||t[38]!==ue?(Z=l.jsxs(vc,{...C,ref:r,size:b,className:n,role:"progressbar","aria-valuenow":k,"aria-valuemin":0,"aria-valuemax":100,children:[J,ue]}),t[32]=n,t[33]=k,t[34]=C,t[35]=r,t[36]=b,t[37]=J,t[38]=ue,t[39]=Z):Z=t[39],Z}let z;t[40]!==b?(z=()=>{switch(b){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}}},t[40]=b,t[41]=z):z=t[41];const I=z;let M;t[42]!==I?(M=I(),t[42]=I,t[43]=M):M=t[43];const{circleSize:O,strokeWidth:D}=M,V=(O-D)/2,F=2*Math.PI*V,P=F-k/100*F,K=b!=="sm",B=O/2,_=O/2;let H;t[44]!==V||t[45]!==D||t[46]!==B||t[47]!==_?(H=l.jsx(Tc,{cx:B,cy:_,r:V,strokeWidth:D}),t[44]=V,t[45]=D,t[46]=B,t[47]=_,t[48]=H):H=t[48];const X=O/2,u=O/2;let T;t[49]!==F||t[50]!==V||t[51]!==h||t[52]!==P||t[53]!==D||t[54]!==X||t[55]!==u?(T=l.jsx(Rc,{status:h,cx:X,cy:u,r:V,strokeWidth:D,strokeDasharray:F,strokeDashoffset:P}),t[49]=F,t[50]=V,t[51]=h,t[52]=P,t[53]=D,t[54]=X,t[55]=u,t[56]=T):T=t[56];let R;t[57]!==H||t[58]!==T?(R=l.jsxs(Ec,{children:[H,T]}),t[57]=H,t[58]=T,t[59]=R):R=t[59];let L;t[60]!==E||t[61]!==v||t[62]!==k||t[63]!==x||t[64]!==y||t[65]!==K||t[66]!==h?(L=K?y&&l.jsxs("span",{...v,children:[Math.round(k),"%"]}):x&&E&&l.jsx(Lc,{status:h,children:E}),t[60]=E,t[61]=v,t[62]=k,t[63]=x,t[64]=y,t[65]=K,t[66]=h,t[67]=L):L=t[67];let N;t[68]!==b||t[69]!==L?(N=l.jsx(zc,{size:b,children:L}),t[68]=b,t[69]=L,t[70]=N):N=t[70];let Y;return t[71]!==n||t[72]!==k||t[73]!==C||t[74]!==r||t[75]!==b||t[76]!==R||t[77]!==N?(Y=l.jsxs(jc,{...C,ref:r,size:b,className:n,role:"progressbar","aria-valuenow":k,"aria-valuemin":0,"aria-valuemax":100,children:[R,N]}),t[71]=n,t[72]=k,t[73]=C,t[74]=r,t[75]=b,t[76]=R,t[77]=N,t[78]=Y):Y=t[78],Y});Ln.displayName="Progress";const Mn={badInput:!1,customError:!1,patternMismatch:!1,rangeOverflow:!1,rangeUnderflow:!1,stepMismatch:!1,tooLong:!1,tooShort:!1,typeMismatch:!1,valueMissing:!1,valid:!0},Nn={...Mn,customError:!0,valid:!1},yt={isInvalid:!1,validationDetails:Mn,validationErrors:[]},Oc=f.createContext({}),ko="__formValidationState"+Date.now();function Dc(e){if(e[ko]){let{realtimeValidation:r,displayValidation:t,updateValidation:o,resetValidation:n,commitValidation:i}=e[ko];return{realtimeValidation:r,displayValidation:t,updateValidation:o,resetValidation:n,commitValidation:i}}return Kc(e)}function Kc(e){let{isInvalid:r,validationState:t,name:o,value:n,builtinValidation:i,validate:s,validationBehavior:a="aria"}=e;t&&(r||(r=t==="invalid"));let d=r!==void 0?{isInvalid:r,validationErrors:[],validationDetails:Nn}:null,c=f.useMemo(()=>{if(!s||n==null)return null;let M=Bc(s,n);return So(M)},[s,n]);i!=null&&i.validationDetails.valid&&(i=void 0);let p=f.useContext(Oc),m=f.useMemo(()=>o?Array.isArray(o)?o.flatMap(M=>Cr(p[M])):Cr(p[o]):[],[p,o]),[b,h]=f.useState(p),[g,y]=f.useState(!1);p!==b&&(h(p),y(!1));let $=f.useMemo(()=>So(g?[]:m),[g,m]),k=f.useRef(yt),[w,C]=f.useState(yt),v=f.useRef(yt),x=()=>{if(!j)return;E(!1);let M=c||i||k.current;sr(M,v.current)||(v.current=M,C(M))},[j,E]=f.useState(!1);return f.useEffect(x),{realtimeValidation:d||$||c||i||yt,displayValidation:a==="native"?d||$||w:d||$||c||i||w,updateValidation(M){a==="aria"&&!sr(w,M)?C(M):k.current=M},resetValidation(){let M=yt;sr(M,v.current)||(v.current=M,C(M)),a==="native"&&E(!1),y(!0)},commitValidation(){a==="native"&&E(!0),y(!0)}}}function Cr(e){return e?Array.isArray(e)?e:[e]:[]}function Bc(e,r){if(typeof e=="function"){let t=e(r);if(t&&typeof t!="boolean")return Cr(t)}return[]}function So(e){return e.length?{isInvalid:!0,validationErrors:e,validationDetails:Nn}:null}function sr(e,r){return e===r?!0:!!e&&!!r&&e.isInvalid===r.isInvalid&&e.validationErrors.length===r.validationErrors.length&&e.validationErrors.every((t,o)=>t===r.validationErrors[o])&&Object.entries(e.validationDetails).every(([t,o])=>r.validationDetails[t]===o)}class Co{*[Symbol.iterator](){yield*this.iterable}get size(){return this._size}getKeys(){return this.keyMap.keys()}getKeyBefore(r){let t=this.keyMap.get(r);var o;return t&&(o=t.prevKey)!==null&&o!==void 0?o:null}getKeyAfter(r){let t=this.keyMap.get(r);var o;return t&&(o=t.nextKey)!==null&&o!==void 0?o:null}getFirstKey(){return this.firstKey}getLastKey(){return this.lastKey}getItem(r){var t;return(t=this.keyMap.get(r))!==null&&t!==void 0?t:null}at(r){const t=[...this.getKeys()];return this.getItem(t[r])}getChildren(r){let t=this.keyMap.get(r);return(t==null?void 0:t.childNodes)||[]}constructor(r){this.keyMap=new Map,this.firstKey=null,this.lastKey=null,this.iterable=r;let t=a=>{if(this.keyMap.set(a.key,a),a.childNodes&&a.type==="section")for(let d of a.childNodes)t(d)};for(let a of r)t(a);let o=null,n=0,i=0;for(let[a,d]of this.keyMap)o?(o.nextKey=a,d.prevKey=o.key):(this.firstKey=a,d.prevKey=void 0),d.type==="item"&&(d.index=n++),(d.type==="section"||d.type==="item")&&i++,o=d,o.nextKey=void 0;this._size=i;var s;this.lastKey=(s=o==null?void 0:o.key)!==null&&s!==void 0?s:null}}class We extends Set{constructor(r,t,o){super(r),r instanceof We?(this.anchorKey=t??r.anchorKey,this.currentKey=o??r.currentKey):(this.anchorKey=t??null,this.currentKey=o??null)}}function Vc(e,r){if(e.size!==r.size)return!1;for(let t of e)if(!r.has(t))return!1;return!0}function Hc(e){let{selectionMode:r="none",disallowEmptySelection:t=!1,allowDuplicateSelectionEvents:o,selectionBehavior:n="toggle",disabledBehavior:i="all"}=e,s=f.useRef(!1),[,a]=f.useState(!1),d=f.useRef(null),c=f.useRef(null),[,p]=f.useState(null),m=f.useMemo(()=>jo(e.selectedKeys),[e.selectedKeys]),b=f.useMemo(()=>jo(e.defaultSelectedKeys,new We),[e.defaultSelectedKeys]),[h,g]=Ht(m,b,e.onSelectionChange),y=f.useMemo(()=>e.disabledKeys?new Set(e.disabledKeys):new Set,[e.disabledKeys]),[$,k]=f.useState(n);n==="replace"&&$==="toggle"&&typeof h=="object"&&h.size===0&&k("replace");let w=f.useRef(n);return f.useEffect(()=>{n!==w.current&&(k(n),w.current=n)},[n]),{selectionMode:r,disallowEmptySelection:t,selectionBehavior:$,setSelectionBehavior:k,get isFocused(){return s.current},setFocused(C){s.current=C,a(C)},get focusedKey(){return d.current},get childFocusStrategy(){return c.current},setFocusedKey(C,v="first"){d.current=C,c.current=v,p(C)},selectedKeys:h,setSelectedKeys(C){(o||!Vc(C,h))&&g(C)},disabledKeys:y,disabledBehavior:i}}function jo(e,r){return e?e==="all"?"all":new We(e):r}function In(e){return null}In.getCollectionNode=function*(r,t){let{childItems:o,title:n,children:i}=r,s=r.title||r.children,a=r.textValue||(typeof s=="string"?s:"")||r["aria-label"]||"";!a&&!(t!=null&&t.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:r,rendered:s,textValue:a,"aria-label":r["aria-label"],hasChildNodes:Wc(r),*childNodes(){if(o)for(let d of o)yield{type:"item",value:d};else if(n){let d=[];f.Children.forEach(i,c=>{d.push({type:"item",element:c})}),yield*d}}}};function Wc(e){return e.hasChildItems!=null?e.hasChildItems:!!(e.childItems||e.title&&f.Children.count(e.children)>0)}let Pn=In;function An(e){return null}An.getCollectionNode=function*(r){let{children:t,title:o,items:n}=r;yield{type:"section",props:r,hasChildNodes:!0,rendered:o,"aria-label":r["aria-label"],*childNodes(){if(typeof t=="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:t}}else{let i=[];f.Children.forEach(t,s=>{i.push({type:"item",element:s})}),yield*i}}}};let Uc=An;class Yc{build(r,t){return this.context=t,Eo(()=>this.iterateCollection(r))}*iterateCollection(r){let{children:t,items:o}=r;if(f.isValidElement(t)&&t.type===f.Fragment)yield*this.iterateCollection({children:t.props.children,items:o});else if(typeof t=="function"){if(!o)throw new Error("props.children was a function but props.items is missing");let n=0;for(let i of o)yield*this.getFullNode({value:i,index:n},{renderer:t}),n++}else{let n=[];f.Children.forEach(t,s=>{s&&n.push(s)});let i=0;for(let s of n){let a=this.getFullNode({element:s,index:i},{});for(let d of a)i++,yield d}}}getKey(r,t,o,n){if(r.key!=null)return r.key;if(t.type==="cell"&&t.key!=null)return`${n}${t.key}`;let i=t.value;if(i!=null){var s;let a=(s=i.key)!==null&&s!==void 0?s:i.id;if(a==null)throw new Error("No key found for item");return a}return n?`${n}.${t.index}`:`$.${t.index}`}getChildState(r,t){return{renderer:t.renderer||r.renderer}}*getFullNode(r,t,o,n){if(f.isValidElement(r.element)&&r.element.type===f.Fragment){let $=[];f.Children.forEach(r.element.props.children,w=>{$.push(w)});var i;let k=(i=r.index)!==null&&i!==void 0?i:0;for(const w of $)yield*this.getFullNode({element:w,index:k++},t,o,n);return}let s=r.element;if(!s&&r.value&&t&&t.renderer){let $=this.cache.get(r.value);if($&&(!$.shouldInvalidate||!$.shouldInvalidate(this.context))){$.index=r.index,$.parentKey=n?n.key:null,yield $;return}s=t.renderer(r.value)}if(f.isValidElement(s)){let $=s.type;if(typeof $!="function"&&typeof $.getCollectionNode!="function"){let v=s.type;throw new Error(`Unknown element <${v}> in collection.`)}let k=$.getCollectionNode(s.props,this.context);var a;let w=(a=r.index)!==null&&a!==void 0?a:0,C=k.next();for(;!C.done&&C.value;){let v=C.value;r.index=w;var d;let x=(d=v.key)!==null&&d!==void 0?d:null;x==null&&(x=v.element?null:this.getKey(s,r,t,o));let E=[...this.getFullNode({...v,key:x,index:w,wrapper:Zc(r.wrapper,v.wrapper)},this.getChildState(t,v),o?`${o}${s.key}`:s.key,n)];for(let z of E){var c,p;z.value=(p=(c=v.value)!==null&&c!==void 0?c:r.value)!==null&&p!==void 0?p:null,z.value&&this.cache.set(z.value,z);var m;if(r.type&&z.type!==r.type)throw new Error(`Unsupported type <${ar(z.type)}> in <${ar((m=n==null?void 0:n.type)!==null&&m!==void 0?m:"unknown parent type")}>. Only <${ar(r.type)}> is supported.`);w++,yield z}C=k.next(E)}return}if(r.key==null||r.type==null)return;let b=this;var h,g;let y={type:r.type,props:r.props,key:r.key,parentKey:n?n.key:null,value:(h=r.value)!==null&&h!==void 0?h:null,level:n?n.level+1:0,index:r.index,rendered:r.rendered,textValue:(g=r.textValue)!==null&&g!==void 0?g:"","aria-label":r["aria-label"],wrapper:r.wrapper,shouldInvalidate:r.shouldInvalidate,hasChildNodes:r.hasChildNodes||!1,childNodes:Eo(function*(){if(!r.hasChildNodes||!r.childNodes)return;let $=0;for(let k of r.childNodes()){k.key!=null&&(k.key=`${y.key}${k.key}`);let w=b.getFullNode({...k,index:$},b.getChildState(t,k),y.key,y);for(let C of w)$++,yield C}})};yield y}constructor(){this.cache=new WeakMap}}function Eo(e){let r=[],t=null;return{*[Symbol.iterator](){for(let o of r)yield o;t||(t=e());for(let o of t)r.push(o),yield o}}}function Zc(e,r){if(e&&r)return t=>e(r(t));if(e)return e;if(r)return r}function ar(e){return e[0].toUpperCase()+e.slice(1)}function Xc(e,r,t){let o=f.useMemo(()=>new Yc,[]),{children:n,items:i,collection:s}=e;return f.useMemo(()=>{if(s)return s;let d=o.build({children:n,items:i},t);return r(d)},[o,n,i,s,t,r])}function Gc(e,r){return typeof r.getChildren=="function"?r.getChildren(e.key):e.childNodes}function qc(e){return Jc(e)}function Jc(e,r){for(let t of e)return t}function lr(e,r,t){if(r.parentKey===t.parentKey)return r.index-t.index;let o=[...To(e,r),r],n=[...To(e,t),t],i=o.slice(0,n.length).findIndex((s,a)=>s!==n[a]);return i!==-1?(r=o[i],t=n[i],r.index-t.index):o.findIndex(s=>s===t)>=0?1:(n.findIndex(s=>s===r)>=0,-1)}function To(e,r){let t=[],o=r;for(;(o==null?void 0:o.parentKey)!=null;)o=e.getItem(o.parentKey),o&&t.unshift(o);return t}class Wr{get selectionMode(){return this.state.selectionMode}get disallowEmptySelection(){return this.state.disallowEmptySelection}get selectionBehavior(){return this.state.selectionBehavior}setSelectionBehavior(r){this.state.setSelectionBehavior(r)}get isFocused(){return this.state.isFocused}setFocused(r){this.state.setFocused(r)}get focusedKey(){return this.state.focusedKey}get childFocusStrategy(){return this.state.childFocusStrategy}setFocusedKey(r,t){(r==null||this.collection.getItem(r))&&this.state.setFocusedKey(r,t)}get selectedKeys(){return this.state.selectedKeys==="all"?new Set(this.getSelectAllKeys()):this.state.selectedKeys}get rawSelection(){return this.state.selectedKeys}isSelected(r){if(this.state.selectionMode==="none")return!1;let t=this.getKey(r);return t==null?!1:this.state.selectedKeys==="all"?this.canSelectItem(t):this.state.selectedKeys.has(t)}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 r=this.getSelectAllKeys(),t=this.state.selectedKeys;return this._isSelectAll=r.every(o=>t.has(o)),this._isSelectAll}get firstSelectedKey(){let r=null;for(let o of this.state.selectedKeys){let n=this.collection.getItem(o);(!r||n&&lr(this.collection,n,r)<0)&&(r=n)}var t;return(t=r==null?void 0:r.key)!==null&&t!==void 0?t:null}get lastSelectedKey(){let r=null;for(let o of this.state.selectedKeys){let n=this.collection.getItem(o);(!r||n&&lr(this.collection,n,r)>0)&&(r=n)}var t;return(t=r==null?void 0:r.key)!==null&&t!==void 0?t:null}get disabledKeys(){return this.state.disabledKeys}get disabledBehavior(){return this.state.disabledBehavior}extendSelection(r){if(this.selectionMode==="none")return;if(this.selectionMode==="single"){this.replaceSelection(r);return}let t=this.getKey(r);if(t==null)return;let o;if(this.state.selectedKeys==="all")o=new We([t],t,t);else{let s=this.state.selectedKeys;var n;let a=(n=s.anchorKey)!==null&&n!==void 0?n:t;o=new We(s,a,t);var i;for(let d of this.getKeyRange(a,(i=s.currentKey)!==null&&i!==void 0?i:t))o.delete(d);for(let d of this.getKeyRange(t,a))this.canSelectItem(d)&&o.add(d)}this.state.setSelectedKeys(o)}getKeyRange(r,t){let o=this.collection.getItem(r),n=this.collection.getItem(t);return o&&n?lr(this.collection,o,n)<=0?this.getKeyRangeInternal(r,t):this.getKeyRangeInternal(t,r):[]}getKeyRangeInternal(r,t){var o;if(!((o=this.layoutDelegate)===null||o===void 0)&&o.getKeyRange)return this.layoutDelegate.getKeyRange(r,t);let n=[],i=r;for(;i!=null;){let s=this.collection.getItem(i);if(s&&(s.type==="item"||s.type==="cell"&&this.allowsCellSelection)&&n.push(i),i===t)return n;i=this.collection.getKeyAfter(i)}return[]}getKey(r){let t=this.collection.getItem(r);if(!t||t.type==="cell"&&this.allowsCellSelection)return r;for(;t&&t.type!=="item"&&t.parentKey!=null;)t=this.collection.getItem(t.parentKey);return!t||t.type!=="item"?null:t.key}toggleSelection(r){if(this.selectionMode==="none")return;if(this.selectionMode==="single"&&!this.isSelected(r)){this.replaceSelection(r);return}let t=this.getKey(r);if(t==null)return;let o=new We(this.state.selectedKeys==="all"?this.getSelectAllKeys():this.state.selectedKeys);o.has(t)?o.delete(t):this.canSelectItem(t)&&(o.add(t),o.anchorKey=t,o.currentKey=t),!(this.disallowEmptySelection&&o.size===0)&&this.state.setSelectedKeys(o)}replaceSelection(r){if(this.selectionMode==="none")return;let t=this.getKey(r);if(t==null)return;let o=this.canSelectItem(t)?new We([t],t,t):new We;this.state.setSelectedKeys(o)}setSelectedKeys(r){if(this.selectionMode==="none")return;let t=new We;for(let o of r){let n=this.getKey(o);if(n!=null&&(t.add(n),this.selectionMode==="single"))break}this.state.setSelectedKeys(t)}getSelectAllKeys(){let r=[],t=o=>{for(;o!=null;){if(this.canSelectItem(o)){var n;let s=this.collection.getItem(o);(s==null?void 0:s.type)==="item"&&r.push(o);var i;s!=null&&s.hasChildNodes&&(this.allowsCellSelection||s.type!=="item")&&t((i=(n=qc(Gc(s,this.collection)))===null||n===void 0?void 0:n.key)!==null&&i!==void 0?i:null)}o=this.collection.getKeyAfter(o)}};return t(this.collection.getFirstKey()),r}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 We)}toggleSelectAll(){this.isSelectAll?this.clearSelection():this.selectAll()}select(r,t){this.selectionMode!=="none"&&(this.selectionMode==="single"?this.isSelected(r)&&!this.disallowEmptySelection?this.toggleSelection(r):this.replaceSelection(r):this.selectionBehavior==="toggle"||t&&(t.pointerType==="touch"||t.pointerType==="virtual")?this.toggleSelection(r):this.replaceSelection(r))}isSelectionEqual(r){if(r===this.state.selectedKeys)return!0;let t=this.selectedKeys;if(r.size!==t.size)return!1;for(let o of r)if(!t.has(o))return!1;for(let o of t)if(!r.has(o))return!1;return!0}canSelectItem(r){var t;if(this.state.selectionMode==="none"||this.state.disabledKeys.has(r))return!1;let o=this.collection.getItem(r);return!(!o||!(o==null||(t=o.props)===null||t===void 0)&&t.isDisabled||o.type==="cell"&&!this.allowsCellSelection)}isDisabled(r){var t,o;return this.state.disabledBehavior==="all"&&(this.state.disabledKeys.has(r)||!!(!((o=this.collection.getItem(r))===null||o===void 0||(t=o.props)===null||t===void 0)&&t.isDisabled))}isLink(r){var t,o;return!!(!((o=this.collection.getItem(r))===null||o===void 0||(t=o.props)===null||t===void 0)&&t.href)}getItemProps(r){var t;return(t=this.collection.getItem(r))===null||t===void 0?void 0:t.props}withCollection(r){return new Wr(r,this.state,{allowsCellSelection:this.allowsCellSelection,layoutDelegate:this.layoutDelegate||void 0})}constructor(r,t,o){this.collection=r,this.state=t;var n;this.allowsCellSelection=(n=o==null?void 0:o.allowsCellSelection)!==null&&n!==void 0?n:!1,this._isSelectAll=null,this.layoutDelegate=(o==null?void 0:o.layoutDelegate)||null}}function _n(e){let{filter:r,layoutDelegate:t}=e,o=Hc(e),n=f.useMemo(()=>e.disabledKeys?new Set(e.disabledKeys):new Set,[e.disabledKeys]),i=f.useCallback(c=>r?new Co(r(c)):new Co(c),[r]),s=f.useMemo(()=>({suppressTextValueWarning:e.suppressTextValueWarning}),[e.suppressTextValueWarning]),a=Xc(e,i,s),d=f.useMemo(()=>new Wr(a,o,{layoutDelegate:t}),[a,o,t]);return Qc(a,d),{collection:a,disabledKeys:n,selectionManager:d}}function Qc(e,r){const t=f.useRef(null);f.useEffect(()=>{if(r.focusedKey!=null&&!e.getItem(r.focusedKey)&&t.current){const p=t.current.getItem(r.focusedKey),m=[...t.current.getKeys()].map(k=>{const w=t.current.getItem(k);return(w==null?void 0:w.type)==="item"?w:null}).filter(k=>k!==null),b=[...e.getKeys()].map(k=>{const w=e.getItem(k);return(w==null?void 0:w.type)==="item"?w:null}).filter(k=>k!==null);var o,n;const h=((o=m==null?void 0:m.length)!==null&&o!==void 0?o:0)-((n=b==null?void 0:b.length)!==null&&n!==void 0?n:0);var i,s,a;let g=Math.min(h>1?Math.max(((i=p==null?void 0:p.index)!==null&&i!==void 0?i:0)-h+1,0):(s=p==null?void 0:p.index)!==null&&s!==void 0?s:0,((a=b==null?void 0:b.length)!==null&&a!==void 0?a:0)-1),y=null,$=!1;for(;g>=0;){if(!r.isDisabled(b[g].key)){y=b[g];break}if(g<b.length-1&&!$)g++;else{$=!0;var d,c;g>((d=p==null?void 0:p.index)!==null&&d!==void 0?d:0)&&(g=(c=p==null?void 0:p.index)!==null&&c!==void 0?c:0),g--}}r.setFocusedKey(y?y.key:null)}t.current=e},[e,r])}function ed(e){let[r,t]=Ht(e.isOpen,e.defaultOpen||!1,e.onOpenChange);const o=f.useCallback(()=>{t(!0)},[t]),n=f.useCallback(()=>{t(!1)},[t]),i=f.useCallback(()=>{t(!r)},[t,r]);return{isOpen:r,setOpen:t,open:o,close:n,toggle:i}}function td(e){let{selectionMode:r="single"}=e,t=ed(e),[o,n]=f.useState(null),i=f.useMemo(()=>{var v;return e.defaultValue!==void 0?e.defaultValue:r==="single"?(v=e.defaultSelectedKey)!==null&&v!==void 0?v:null:[]},[e.defaultValue,e.defaultSelectedKey,r]),s=f.useMemo(()=>e.value!==void 0?e.value:r==="single"?e.selectedKey:void 0,[e.value,e.selectedKey,r]),[a,d]=Ht(s,i,e.onChange),c=r==="single"&&Array.isArray(a)?a[0]:a,p=v=>{if(r==="single"){var x,j;let E=Array.isArray(v)?(j=v[0])!==null&&j!==void 0?j:null:v;d(E),E!==c&&((x=e.onSelectionChange)===null||x===void 0||x.call(e,E))}else{let E=[];Array.isArray(v)?E=v:v!=null&&(E=[v]),d(E)}},m=_n({...e,selectionMode:r,disallowEmptySelection:r==="single",allowDuplicateSelectionEvents:!0,selectedKeys:f.useMemo(()=>rd(c),[c]),onSelectionChange:v=>{if(v!=="all"){if(r==="single"){var x;let j=(x=v.values().next().value)!==null&&x!==void 0?x:null;p(j),t.close()}else p([...v]);g.commitValidation()}}}),b=m.selectionManager.firstSelectedKey,h=f.useMemo(()=>[...m.selectionManager.selectedKeys].map(v=>m.collection.getItem(v)).filter(v=>v!=null),[m.selectionManager.selectedKeys,m.collection]),g=Dc({...e,value:Array.isArray(c)&&c.length===0?null:c}),[y,$]=f.useState(!1),[k]=f.useState(c);var w,C;return{...g,...m,...t,value:c,defaultValue:i??k,setValue:p,selectedKey:b,setSelectedKey:p,selectedItem:(w=h[0])!==null&&w!==void 0?w:null,selectedItems:h,defaultSelectedKey:(C=e.defaultSelectedKey)!==null&&C!==void 0?C:e.selectionMode==="single"?k:null,focusStrategy:o,open(v=null){m.collection.size!==0&&(n(v),t.open())},toggle(v=null){m.collection.size!==0&&(n(v),t.toggle())},isFocused:y,setFocused:$}}function rd(e){if(e!==void 0)return e===null?[]:Array.isArray(e)?e:[e]}const od=(e,r,t,o,n)=>{const i=n.components.tag.colors[r];return e==="checkable"?o?A.css`
|
|
1618
1980
|
background: ${i.background.checked};
|
|
1619
1981
|
color: ${i.text.checked};
|
|
1620
1982
|
border-color: ${i.border.checked};
|
|
@@ -1628,7 +1990,7 @@ React keys must be passed directly to JSX without using spread:
|
|
|
1628
1990
|
background: ${i.background.checkedActive};
|
|
1629
1991
|
border-color: ${i.border.checkedActive};
|
|
1630
1992
|
}
|
|
1631
|
-
`:
|
|
1993
|
+
`:A.css`
|
|
1632
1994
|
background: ${i.background.default};
|
|
1633
1995
|
color: ${i.text.default};
|
|
1634
1996
|
border-color: ${i.border.default};
|
|
@@ -1643,27 +2005,27 @@ React keys must be passed directly to JSX without using spread:
|
|
|
1643
2005
|
background: ${i.background.active};
|
|
1644
2006
|
border-color: ${i.border.active};
|
|
1645
2007
|
}
|
|
1646
|
-
`:
|
|
2008
|
+
`:t?A.css`
|
|
1647
2009
|
background: ${i.background.default};
|
|
1648
2010
|
color: ${i.text.default};
|
|
1649
2011
|
border-color: ${i.border.default};
|
|
1650
|
-
`:
|
|
2012
|
+
`:A.css`
|
|
1651
2013
|
background: ${i.background.default};
|
|
1652
2014
|
color: ${i.text.default};
|
|
1653
2015
|
border-color: transparent;
|
|
1654
|
-
`},
|
|
1655
|
-
height: ${
|
|
1656
|
-
font-size: ${
|
|
1657
|
-
line-height: ${
|
|
1658
|
-
padding-inline: ${
|
|
1659
|
-
gap: ${
|
|
2016
|
+
`},nd=(e,r)=>{const t=r.components.tag.size[e];return A.css`
|
|
2017
|
+
height: ${t.height};
|
|
2018
|
+
font-size: ${t.fontSize};
|
|
2019
|
+
line-height: ${t.lineHeight};
|
|
2020
|
+
padding-inline: ${t.paddingInline};
|
|
2021
|
+
gap: ${t.gap};
|
|
1660
2022
|
|
|
1661
2023
|
/* 图标尺寸 */
|
|
1662
2024
|
svg {
|
|
1663
|
-
width: ${
|
|
1664
|
-
height: ${
|
|
2025
|
+
width: ${t.iconSize};
|
|
2026
|
+
height: ${t.iconSize};
|
|
1665
2027
|
}
|
|
1666
|
-
`},
|
|
2028
|
+
`},id=S.span`
|
|
1667
2029
|
/* 基础样式 - 使用 Tier 3 组件层 Token */
|
|
1668
2030
|
position: relative;
|
|
1669
2031
|
display: inline-flex;
|
|
@@ -1672,14 +2034,14 @@ React keys must be passed directly to JSX without using spread:
|
|
|
1672
2034
|
box-sizing: border-box;
|
|
1673
2035
|
|
|
1674
2036
|
/* 字体样式 */
|
|
1675
|
-
font-family: ${({theme:
|
|
1676
|
-
font-weight: ${({theme:
|
|
2037
|
+
font-family: ${({theme:e})=>e.global.typography.fontFamily};
|
|
2038
|
+
font-weight: ${({theme:e})=>e.components.tag.fontWeight};
|
|
1677
2039
|
white-space: nowrap;
|
|
1678
2040
|
|
|
1679
2041
|
/* 边框样式 */
|
|
1680
2042
|
border-width: 1px;
|
|
1681
2043
|
border-style: solid;
|
|
1682
|
-
border-radius: ${({theme:
|
|
2044
|
+
border-radius: ${({theme:e})=>e.components.tag.borderRadius};
|
|
1683
2045
|
|
|
1684
2046
|
/* 交互样式 */
|
|
1685
2047
|
user-select: none;
|
|
@@ -1687,19 +2049,19 @@ React keys must be passed directly to JSX without using spread:
|
|
|
1687
2049
|
|
|
1688
2050
|
/* 过渡动画 */
|
|
1689
2051
|
transition:
|
|
1690
|
-
background ${({theme:
|
|
1691
|
-
border-color ${({theme:
|
|
1692
|
-
color ${({theme:
|
|
1693
|
-
opacity ${({theme:
|
|
2052
|
+
background ${({theme:e})=>e.components.tag.transition},
|
|
2053
|
+
border-color ${({theme:e})=>e.components.tag.transition},
|
|
2054
|
+
color ${({theme:e})=>e.components.tag.transition},
|
|
2055
|
+
opacity ${({theme:e})=>e.components.tag.transition};
|
|
1694
2056
|
|
|
1695
2057
|
/* 变体和颜色样式 */
|
|
1696
|
-
${({variant:
|
|
2058
|
+
${({variant:e,color:r,bordered:t,checked:o,theme:n})=>od(e,r,t,o,n)}
|
|
1697
2059
|
|
|
1698
2060
|
/* 尺寸样式 */
|
|
1699
|
-
${({size:
|
|
2061
|
+
${({size:e,theme:r})=>nd(e,r)}
|
|
1700
2062
|
|
|
1701
2063
|
/* 可选择标签的 cursor */
|
|
1702
|
-
${({variant:
|
|
2064
|
+
${({variant:e,checked:r})=>e==="checkable"&&!r&&A.css`
|
|
1703
2065
|
cursor: pointer;
|
|
1704
2066
|
`}
|
|
1705
2067
|
|
|
@@ -1707,26 +2069,26 @@ React keys must be passed directly to JSX without using spread:
|
|
|
1707
2069
|
&:disabled,
|
|
1708
2070
|
&[data-disabled='true'] {
|
|
1709
2071
|
cursor: not-allowed;
|
|
1710
|
-
opacity: ${({theme:
|
|
2072
|
+
opacity: ${({theme:e})=>e.components.tag.disabled.opacity};
|
|
1711
2073
|
}
|
|
1712
2074
|
|
|
1713
2075
|
/* Focus 可见状态 - 键盘导航时显示 */
|
|
1714
2076
|
&:focus-visible {
|
|
1715
|
-
outline: 2px solid ${({theme:
|
|
2077
|
+
outline: 2px solid ${({theme:e})=>e.components.tag.colors.default.border.checked};
|
|
1716
2078
|
outline-offset: 2px;
|
|
1717
2079
|
}
|
|
1718
|
-
`,
|
|
2080
|
+
`,sd=S.span`
|
|
1719
2081
|
display: inline-flex;
|
|
1720
2082
|
align-items: center;
|
|
1721
2083
|
justify-content: center;
|
|
1722
2084
|
gap: inherit;
|
|
1723
|
-
`,
|
|
2085
|
+
`,ad=S.span`
|
|
1724
2086
|
display: inline-flex;
|
|
1725
2087
|
align-items: center;
|
|
1726
2088
|
justify-content: center;
|
|
1727
2089
|
flex-shrink: 0;
|
|
1728
2090
|
color: inherit;
|
|
1729
|
-
`,
|
|
2091
|
+
`,ld=S.span`
|
|
1730
2092
|
display: inline-flex;
|
|
1731
2093
|
align-items: center;
|
|
1732
2094
|
justify-content: center;
|
|
@@ -1739,7 +2101,7 @@ React keys must be passed directly to JSX without using spread:
|
|
|
1739
2101
|
cursor: pointer;
|
|
1740
2102
|
color: inherit;
|
|
1741
2103
|
|
|
1742
|
-
transition: opacity ${({theme:
|
|
2104
|
+
transition: opacity ${({theme:e})=>e.components.tag.transition};
|
|
1743
2105
|
|
|
1744
2106
|
&:hover {
|
|
1745
2107
|
opacity: 0.7;
|
|
@@ -1751,62 +2113,62 @@ React keys must be passed directly to JSX without using spread:
|
|
|
1751
2113
|
|
|
1752
2114
|
/* 图标尺寸 */
|
|
1753
2115
|
svg {
|
|
1754
|
-
width: ${({size:
|
|
1755
|
-
height: ${({size:
|
|
2116
|
+
width: ${({size:e,theme:r})=>r.components.tag.size[e].closeIconSize};
|
|
2117
|
+
height: ${({size:e,theme:r})=>r.components.tag.size[e].closeIconSize};
|
|
1756
2118
|
}
|
|
1757
|
-
`,
|
|
2119
|
+
`,cd=S.button`
|
|
1758
2120
|
display: inline-flex;
|
|
1759
2121
|
align-items: center;
|
|
1760
2122
|
justify-content: center;
|
|
1761
2123
|
box-sizing: border-box;
|
|
1762
|
-
gap: ${({size:
|
|
2124
|
+
gap: ${({size:e,theme:r})=>r.components.tag.size[e].gap};
|
|
1763
2125
|
|
|
1764
|
-
height: ${({size:
|
|
1765
|
-
padding-inline: ${({size:
|
|
2126
|
+
height: ${({size:e,theme:r})=>r.components.tag.size[e].height};
|
|
2127
|
+
padding-inline: ${({size:e,theme:r})=>r.components.tag.size[e].paddingInline};
|
|
1766
2128
|
|
|
1767
|
-
font-family: ${({theme:
|
|
1768
|
-
font-size: ${({size:
|
|
1769
|
-
line-height: ${({size:
|
|
1770
|
-
font-weight: ${({theme:
|
|
1771
|
-
color: ${({theme:
|
|
2129
|
+
font-family: ${({theme:e})=>e.global.typography.fontFamily};
|
|
2130
|
+
font-size: ${({size:e,theme:r})=>r.components.tag.size[e].fontSize};
|
|
2131
|
+
line-height: ${({size:e,theme:r})=>r.components.tag.size[e].lineHeight};
|
|
2132
|
+
font-weight: ${({theme:e})=>e.components.tag.fontWeight};
|
|
2133
|
+
color: ${({theme:e})=>e.components.tag.colors.default.text.default};
|
|
1772
2134
|
|
|
1773
|
-
background: ${({theme:
|
|
1774
|
-
border: 1px solid ${({theme:
|
|
1775
|
-
border-radius: ${({theme:
|
|
2135
|
+
background: ${({theme:e})=>e.components.tag.colors.default.background.default};
|
|
2136
|
+
border: 1px solid ${({theme:e})=>e.components.tag.colors.default.border.default};
|
|
2137
|
+
border-radius: ${({theme:e})=>e.components.tag.borderRadius};
|
|
1776
2138
|
|
|
1777
2139
|
cursor: pointer;
|
|
1778
2140
|
user-select: none;
|
|
1779
2141
|
white-space: nowrap;
|
|
1780
2142
|
|
|
1781
2143
|
transition:
|
|
1782
|
-
background ${({theme:
|
|
1783
|
-
border-color ${({theme:
|
|
2144
|
+
background ${({theme:e})=>e.components.tag.transition},
|
|
2145
|
+
border-color ${({theme:e})=>e.components.tag.transition};
|
|
1784
2146
|
|
|
1785
2147
|
&:hover:not(:disabled) {
|
|
1786
|
-
background: ${({theme:
|
|
1787
|
-
border-color: ${({theme:
|
|
2148
|
+
background: ${({theme:e})=>e.components.tag.colors.default.background.hover};
|
|
2149
|
+
border-color: ${({theme:e})=>e.components.tag.colors.default.border.hover};
|
|
1788
2150
|
}
|
|
1789
2151
|
|
|
1790
2152
|
&:active:not(:disabled) {
|
|
1791
|
-
background: ${({theme:
|
|
1792
|
-
border-color: ${({theme:
|
|
2153
|
+
background: ${({theme:e})=>e.components.tag.colors.default.background.active};
|
|
2154
|
+
border-color: ${({theme:e})=>e.components.tag.colors.default.border.active};
|
|
1793
2155
|
}
|
|
1794
2156
|
|
|
1795
2157
|
&:disabled {
|
|
1796
2158
|
cursor: not-allowed;
|
|
1797
|
-
opacity: ${({theme:
|
|
2159
|
+
opacity: ${({theme:e})=>e.components.tag.disabled.opacity};
|
|
1798
2160
|
}
|
|
1799
2161
|
|
|
1800
2162
|
&:focus-visible {
|
|
1801
|
-
outline: 2px solid ${({theme:
|
|
2163
|
+
outline: 2px solid ${({theme:e})=>e.components.tag.colors.default.border.checked};
|
|
1802
2164
|
outline-offset: 2px;
|
|
1803
2165
|
}
|
|
1804
2166
|
|
|
1805
2167
|
svg {
|
|
1806
|
-
width: ${({size:
|
|
1807
|
-
height: ${({size:
|
|
2168
|
+
width: ${({size:e,theme:r})=>r.components.tag.size[e].iconSize};
|
|
2169
|
+
height: ${({size:e,theme:r})=>r.components.tag.size[e].iconSize};
|
|
1808
2170
|
}
|
|
1809
|
-
`,
|
|
2171
|
+
`,jt=f.forwardRef((e,r)=>{const t=re.c(42),{variant:o,size:n,color:i,bordered:s,closable:a,checkable:d,checked:c,icon:p,disabled:m,className:b,children:h,onClose:g,onChange:y,onClick:$}=e,k=o===void 0?"default":o,w=n===void 0?"md":n,C=i===void 0?"default":i,v=s===void 0?!1:s,x=a===void 0?!1:a,j=d===void 0?!1:d,E=c===void 0?!1:c,z=m===void 0?!1:m,I=j?"checkable":k,M=j?E:!1;let O;t[0]!==j||t[1]!==z||t[2]!==M||t[3]!==y||t[4]!==$?(O=()=>{z||(j&&y&&y(!M),$&&$())},t[0]=j,t[1]=z,t[2]=M,t[3]=y,t[4]=$,t[5]=O):O=t[5];const D=O;let V;t[6]!==I||t[7]!==z||t[8]!==D?(V=W=>{z||I==="checkable"&&(W.key==="Enter"||W.key===" ")&&(W.preventDefault(),D())},t[6]=I,t[7]=z,t[8]=D,t[9]=V):V=t[9];const F=V;let P;t[10]!==z||t[11]!==g?(P=W=>{W.stopPropagation(),g&&!z&&g()},t[10]=z,t[11]=g,t[12]=P):P=t[12];const K=P,B=I==="checkable"?D:$,_=M?"true":void 0,H=z?"true":void 0,X=I==="checkable"&&!z?0:void 0,u=I==="checkable"?"checkbox":void 0,T=I==="checkable"?M:void 0;let R;t[13]!==p?(R=p&&l.jsx(ad,{"aria-hidden":"true",children:p}),t[13]=p,t[14]=R):R=t[14];let L;t[15]!==x||t[16]!==z||t[17]!==K||t[18]!==w?(L=x&&l.jsx(ld,{size:w,onClick:K,"aria-label":"关闭",role:"button",tabIndex:z?-1:0,onKeyDown:W=>{!z&&(W.key==="Enter"||W.key===" ")&&(W.preventDefault(),K(W))},"aria-disabled":z,children:l.jsx(Fr,{})}),t[15]=x,t[16]=z,t[17]=K,t[18]=w,t[19]=L):L=t[19];let N;t[20]!==h||t[21]!==R||t[22]!==L?(N=l.jsxs(sd,{children:[R,h,L]}),t[20]=h,t[21]=R,t[22]=L,t[23]=N):N=t[23];let Y;return t[24]!==I||t[25]!==v||t[26]!==b||t[27]!==x||t[28]!==C||t[29]!==z||t[30]!==r||t[31]!==F||t[32]!==M||t[33]!==w||t[34]!==B||t[35]!==_||t[36]!==H||t[37]!==X||t[38]!==u||t[39]!==T||t[40]!==N?(Y=l.jsx(id,{ref:r,variant:I,size:w,color:C,bordered:v,checked:M,closable:x,isDisabled:z,className:b,onClick:B,onKeyDown:F,"data-variant":I,"data-size":w,"data-color":C,"data-checked":_,"data-disabled":H,tabIndex:X,role:u,"aria-checked":T,"aria-disabled":z,children:N}),t[24]=I,t[25]=v,t[26]=b,t[27]=x,t[28]=C,t[29]=z,t[30]=r,t[31]=F,t[32]=M,t[33]=w,t[34]=B,t[35]=_,t[36]=H,t[37]=X,t[38]=u,t[39]=T,t[40]=N,t[41]=Y):Y=t[41],Y});jt.displayName="Tag";const Ur=f.forwardRef(({size:e="md",className:r,children:t="New Tag",...o},n)=>{const i=f.useRef(null),s=n||i,{buttonProps:a}=de.useButton({...o,elementType:"button"},i);return l.jsxs(cd,{...et(a,{ref:s,className:r}),size:e,"data-size":e,children:[l.jsx(Ar,{}),t]})});Ur.displayName="Tag.Add";jt.Add=Ur;const dd=["sm","md","lg"],ud=(e,r,t,o,n)=>t?n.components.select.border.disabled:r?n.components.select.border.error:e?n.components.select.border.focus:o?n.components.select.border.hover:n.components.select.border.default,fd=(e,r,t)=>{const o=t.components.select.size[e];return A.css`
|
|
1810
2172
|
${r?`min-height: ${o.height};`:`height: ${o.height};`}
|
|
1811
2173
|
font-size: ${o.fontSize};
|
|
1812
2174
|
padding-inline: ${o.paddingInline};
|
|
@@ -1815,14 +2177,14 @@ React keys must be passed directly to JSX without using spread:
|
|
|
1815
2177
|
svg {
|
|
1816
2178
|
/* No global svg sizing here to avoid affecting Tag icons */
|
|
1817
2179
|
}
|
|
1818
|
-
`},
|
|
1819
|
-
display: ${({fullWidth:
|
|
2180
|
+
`},Fn=S.div`
|
|
2181
|
+
display: ${({fullWidth:e})=>e?"flex":"inline-flex"};
|
|
1820
2182
|
flex-direction: column;
|
|
1821
|
-
width: ${({fullWidth:
|
|
2183
|
+
width: ${({fullWidth:e})=>e?"100%":"200px"};
|
|
1822
2184
|
min-width: 120px;
|
|
1823
2185
|
position: relative;
|
|
1824
2186
|
box-sizing: border-box;
|
|
1825
|
-
|
|
2187
|
+
`,On=S.button`
|
|
1826
2188
|
/* 基础重置 */
|
|
1827
2189
|
position: relative;
|
|
1828
2190
|
display: inline-flex;
|
|
@@ -1833,60 +2195,60 @@ React keys must be passed directly to JSX without using spread:
|
|
|
1833
2195
|
|
|
1834
2196
|
/* 样式 */
|
|
1835
2197
|
border: 1px solid;
|
|
1836
|
-
border-color: ${({isFocused:
|
|
1837
|
-
border-radius: ${({theme:
|
|
2198
|
+
border-color: ${({isFocused:e,isError:r,isDisabled:t,isHovered:o,isOpen:n,theme:i})=>ud(e||!!n,!!r,!!t,!!o,i)};
|
|
2199
|
+
border-radius: ${({theme:e})=>e.components.select.borderRadius};
|
|
1838
2200
|
|
|
1839
|
-
background: ${({isDisabled:
|
|
2201
|
+
background: ${({isDisabled:e,theme:r})=>e?r.components.select.background.disabled:r.components.select.background.default};
|
|
1840
2202
|
|
|
1841
|
-
color: ${({isDisabled:
|
|
2203
|
+
color: ${({isDisabled:e,isError:r,theme:t})=>e?t.components.select.text.disabled:r?t.components.select.text.error:t.components.select.text.default};
|
|
1842
2204
|
|
|
1843
|
-
cursor: ${({isDisabled:
|
|
2205
|
+
cursor: ${({isDisabled:e})=>e?"not-allowed":"pointer"};
|
|
1844
2206
|
outline: none;
|
|
1845
2207
|
|
|
1846
|
-
transition: all ${({theme:
|
|
2208
|
+
transition: all ${({theme:e})=>e.components.select.transition};
|
|
1847
2209
|
|
|
1848
2210
|
/* 尺寸 */
|
|
1849
|
-
${({size:
|
|
2211
|
+
${({size:e,isMultiple:r,theme:t})=>fd(e,!!r,t)}
|
|
1850
2212
|
|
|
1851
2213
|
/* 禁用状态 */
|
|
1852
|
-
${({isDisabled:
|
|
2214
|
+
${({isDisabled:e})=>e&&A.css`
|
|
1853
2215
|
opacity: 0.6;
|
|
1854
2216
|
`}
|
|
1855
|
-
`,
|
|
2217
|
+
`,jr=S.span`
|
|
1856
2218
|
flex: 1;
|
|
1857
2219
|
overflow: hidden;
|
|
1858
2220
|
text-overflow: ellipsis;
|
|
1859
2221
|
white-space: nowrap;
|
|
1860
2222
|
text-align: left;
|
|
1861
2223
|
margin-right: 8px;
|
|
1862
|
-
color: ${({isPlaceholder:
|
|
1863
|
-
`,
|
|
2224
|
+
color: ${({isPlaceholder:e,theme:r})=>e?r.components.select.text.placeholder:"inherit"};
|
|
2225
|
+
`,Dn=S.span`
|
|
1864
2226
|
display: inline-flex;
|
|
1865
2227
|
align-items: center;
|
|
1866
2228
|
justify-content: center;
|
|
1867
2229
|
align-self: center;
|
|
1868
2230
|
flex-shrink: 0;
|
|
1869
2231
|
transition: transform 0.2s ease;
|
|
1870
|
-
transform: ${({isOpen:
|
|
2232
|
+
transform: ${({isOpen:e})=>e?"rotate(180deg)":"rotate(0deg)"};
|
|
1871
2233
|
color: inherit;
|
|
1872
2234
|
opacity: 0.5;
|
|
1873
2235
|
|
|
1874
2236
|
svg {
|
|
1875
|
-
width: ${({size:
|
|
1876
|
-
height: ${({size:
|
|
1877
|
-
}
|
|
1878
|
-
`,
|
|
1879
|
-
background: ${({theme:
|
|
1880
|
-
border: ${({theme:
|
|
1881
|
-
border-radius: ${({theme:
|
|
1882
|
-
box-shadow: ${({theme:
|
|
1883
|
-
padding: ${({theme:
|
|
2237
|
+
width: ${({size:e,theme:r})=>e?r.components.select.size[e].iconSize:"16px"};
|
|
2238
|
+
height: ${({size:e,theme:r})=>e?r.components.select.size[e].iconSize:"16px"};
|
|
2239
|
+
}
|
|
2240
|
+
`,Kn=S.div`
|
|
2241
|
+
background: ${({theme:e})=>e.components.select.popover.background};
|
|
2242
|
+
border: ${({theme:e})=>e.components.select.popover.border};
|
|
2243
|
+
border-radius: ${({theme:e})=>e.components.select.popover.borderRadius};
|
|
2244
|
+
box-shadow: ${({theme:e})=>e.components.select.popover.boxShadow};
|
|
2245
|
+
padding: ${({theme:e})=>e.components.select.popover.padding};
|
|
1884
2246
|
overflow: hidden;
|
|
1885
2247
|
min-width: 100%;
|
|
1886
2248
|
max-height: 300px;
|
|
1887
2249
|
display: flex;
|
|
1888
2250
|
flex-direction: column;
|
|
1889
|
-
`,
|
|
2251
|
+
`,Yr=S.ul`
|
|
1890
2252
|
margin: 0;
|
|
1891
2253
|
padding: 0;
|
|
1892
2254
|
list-style: none;
|
|
@@ -1905,55 +2267,55 @@ React keys must be passed directly to JSX without using spread:
|
|
|
1905
2267
|
background: rgba(0,0,0,0.2);
|
|
1906
2268
|
border-radius: 4px;
|
|
1907
2269
|
}
|
|
1908
|
-
`,
|
|
2270
|
+
`,Bn=S.li`
|
|
1909
2271
|
position: relative;
|
|
1910
2272
|
display: flex;
|
|
1911
2273
|
align-items: center;
|
|
1912
2274
|
justify-content: space-between;
|
|
1913
|
-
height: ${({theme:
|
|
1914
|
-
padding-inline: ${({theme:
|
|
2275
|
+
height: ${({theme:e})=>e.components.select.option.height};
|
|
2276
|
+
padding-inline: ${({theme:e})=>e.components.select.option.paddingInline};
|
|
1915
2277
|
margin-bottom: 2px;
|
|
1916
|
-
border-radius: ${({theme:
|
|
1917
|
-
cursor: ${({isDisabled:
|
|
2278
|
+
border-radius: ${({theme:e})=>e.components.select.option.borderRadius};
|
|
2279
|
+
cursor: ${({isDisabled:e})=>e?"not-allowed":"pointer"};
|
|
1918
2280
|
outline: none;
|
|
1919
2281
|
user-select: none;
|
|
1920
|
-
font-size: ${({theme:
|
|
2282
|
+
font-size: ${({theme:e})=>e.components.select.option.fontSize};
|
|
1921
2283
|
|
|
1922
|
-
background: ${({isSelected:
|
|
2284
|
+
background: ${({isSelected:e,isFocused:r,theme:t})=>e?t.components.select.option.background.selected:r?t.components.select.option.background.focused:t.components.select.option.background.default};
|
|
1923
2285
|
|
|
1924
|
-
color: ${({isSelected:
|
|
2286
|
+
color: ${({isSelected:e,isDisabled:r,theme:t})=>r?t.components.select.option.text.disabled:e?t.components.select.option.text.selected:t.components.select.option.text.default};
|
|
1925
2287
|
|
|
1926
2288
|
&:hover {
|
|
1927
|
-
background: ${({isSelected:
|
|
2289
|
+
background: ${({isSelected:e,isDisabled:r,theme:t})=>r?"transparent":e?t.components.select.option.background.selected:t.components.select.option.background.hover};
|
|
1928
2290
|
}
|
|
1929
2291
|
|
|
1930
2292
|
&:last-child {
|
|
1931
2293
|
margin-bottom: 0;
|
|
1932
2294
|
}
|
|
1933
|
-
`,
|
|
2295
|
+
`,Vn=S.span`
|
|
1934
2296
|
flex: 1;
|
|
1935
2297
|
overflow: hidden;
|
|
1936
2298
|
text-overflow: ellipsis;
|
|
1937
2299
|
white-space: nowrap;
|
|
1938
|
-
`,
|
|
2300
|
+
`,Hn=S.span`
|
|
1939
2301
|
margin-left: 8px;
|
|
1940
2302
|
display: flex;
|
|
1941
2303
|
align-items: center;
|
|
1942
|
-
color: ${({theme:
|
|
2304
|
+
color: ${({theme:e})=>e.components.select.option.text.selected};
|
|
1943
2305
|
font-size: 14px;
|
|
1944
|
-
`,
|
|
2306
|
+
`,Wn=S.div`
|
|
1945
2307
|
display: flex;
|
|
1946
2308
|
align-items: center;
|
|
1947
2309
|
justify-content: center;
|
|
1948
2310
|
padding: 8px;
|
|
1949
|
-
color: ${({theme:
|
|
1950
|
-
font-size: ${({theme:
|
|
1951
|
-
`,
|
|
2311
|
+
color: ${({theme:e})=>e.components.select.text.placeholder};
|
|
2312
|
+
font-size: ${({theme:e})=>e.global.typography.fontSize.xs};
|
|
2313
|
+
`,pd=S.div`
|
|
1952
2314
|
padding: 8px 12px;
|
|
1953
|
-
color: ${({theme:
|
|
1954
|
-
font-size: ${({theme:
|
|
2315
|
+
color: ${({theme:e})=>e.components.select.text.disabled};
|
|
2316
|
+
font-size: ${({theme:e})=>e.global.typography.fontSize.xs};
|
|
1955
2317
|
text-align: center;
|
|
1956
|
-
`,
|
|
2318
|
+
`,Un=S.div`
|
|
1957
2319
|
flex: 1;
|
|
1958
2320
|
display: flex;
|
|
1959
2321
|
flex-wrap: wrap;
|
|
@@ -1961,28 +2323,28 @@ React keys must be passed directly to JSX without using spread:
|
|
|
1961
2323
|
align-items: center;
|
|
1962
2324
|
min-height: 22px;
|
|
1963
2325
|
padding-right: 4px;
|
|
1964
|
-
`,
|
|
2326
|
+
`,Yn=S.span`
|
|
1965
2327
|
display: inline-flex;
|
|
1966
2328
|
align-items: center;
|
|
1967
2329
|
margin-right: 8px;
|
|
1968
2330
|
flex-shrink: 0;
|
|
1969
2331
|
pointer-events: none;
|
|
1970
|
-
`;function
|
|
1971
|
-
width: ${
|
|
2332
|
+
`;function hd(e){const r=re.c(44);let t,o,n,i,s,a;r[0]!==e?({children:t,state:n,offset:i,triggerRef:a,placement:s,...o}=e,r[0]=e,r[1]=t,r[2]=o,r[3]=n,r[4]=i,r[5]=s,r[6]=a):(t=r[1],o=r[2],n=r[3],i=r[4],s=r[5],a=r[6]);const d=i===void 0?4:i,c=s===void 0?"bottom start":s,p=f.useRef(null),[m,b]=f.useState(void 0);let h;r[7]!==a.current?(h=()=>{a.current&&b(a.current.getBoundingClientRect().width)},r[7]=a.current,r[8]=h):h=r[8];let g;r[9]!==n.isOpen||r[10]!==a?(g=[a,n.isOpen],r[9]=n.isOpen,r[10]=a,r[11]=g):g=r[11],f.useLayoutEffect(h,g);let y;r[12]!==o||r[13]!==n.close?(y={...o,shouldCloseOnBlur:!1,isDismissable:!0,onClose:n.close},r[12]=o,r[13]=n.close,r[14]=y):y=r[14];const{overlayProps:$}=de.useOverlay(y,p);let k;r[15]!==d||r[16]!==c||r[17]!==n.close||r[18]!==n.isOpen||r[19]!==a?(k={targetRef:a,overlayRef:p,placement:c,offset:d,isOpen:n.isOpen,onClose:n.close},r[15]=d,r[16]=c,r[17]=n.close,r[18]=n.isOpen,r[19]=a,r[20]=k):k=r[20];const{overlayProps:w,placement:C}=de.useOverlayPosition(k);let v;r[21]!==n||r[22]!==a.current?(v=()=>{if(!n.isOpen)return;const D=V=>{const F=V.target,P=p.current,K=a.current;P&&!P.contains(F)&&K&&!K.contains(F)&&n.close()};return document.addEventListener("mousedown",D),document.addEventListener("focusin",D),()=>{document.removeEventListener("mousedown",D),document.removeEventListener("focusin",D)}},r[21]=n,r[22]=a.current,r[23]=v):v=r[23];let x;r[24]!==n.close||r[25]!==n.isOpen||r[26]!==a?(x=[n.isOpen,n.close,a],r[24]=n.close,r[25]=n.isOpen,r[26]=a,r[27]=x):x=r[27],f.useEffect(v,x);const j=m?`${m}px`:"auto",E=m?`${m}px`:"120px";let z;r[28]!==w.style||r[29]!==E||r[30]!==j?(z={...w.style,zIndex:1e4,width:j,minWidth:E},r[28]=w.style,r[29]=E,r[30]=j,r[31]=z):z=r[31];let I;r[32]!==n.close?(I=l.jsx(de.DismissButton,{onDismiss:n.close}),r[32]=n.close,r[33]=I):I=r[33];let M;r[34]!==n.close?(M=l.jsx(de.DismissButton,{onDismiss:n.close}),r[34]=n.close,r[35]=M):M=r[35];let O;return r[36]!==t||r[37]!==w||r[38]!==$||r[39]!==C||r[40]!==z||r[41]!==I||r[42]!==M?(O=l.jsx(de.Overlay,{children:l.jsx(de.FocusScope,{restoreFocus:!0,children:l.jsxs(Kn,{...$,...w,ref:p,"data-placement":C,style:z,children:[I,t,M]})})}),r[36]=t,r[37]=w,r[38]=$,r[39]=C,r[40]=z,r[41]=I,r[42]=M,r[43]=O):O=r[43],O}function bd(e){const r=re.c(11);let t,o;r[0]!==e?({state:o,...t}=e,r[0]=e,r[1]=t,r[2]=o):(t=r[1],o=r[2]);const n=f.useRef(null),{listBoxProps:i}=de.useListBox(t,o,n);let s;r[3]!==o.collection?(s=[...o.collection],r[3]=o.collection,r[4]=s):s=r[4];let a;r[5]!==o||r[6]!==s?(a=s.map(c=>l.jsx(Zn,{item:c,state:o},c.key)),r[5]=o,r[6]=s,r[7]=a):a=r[7];let d;return r[8]!==i||r[9]!==a?(d=l.jsx(Yr,{...i,ref:n,children:a}),r[8]=i,r[9]=a,r[10]=d):d=r[10],d}function Zn(e){const r=re.c(19),{item:t,state:o,isMultiple:n}=e,i=f.useRef(null);let s;r[0]!==t.key?(s={key:t.key},r[0]=t.key,r[1]=s):s=r[1];const{optionProps:a,isSelected:d,isFocused:c,isDisabled:p}=de.useOption(s,o,i);let m;r[2]!==p||r[3]!==n||r[4]!==d?(m=n&&l.jsx(Yn,{"aria-hidden":"true",onClick:gd,children:l.jsx(st,{checked:d,disabled:p,tabIndex:-1})}),r[2]=p,r[3]=n,r[4]=d,r[5]=m):m=r[5];let b;r[6]!==t.rendered?(b=l.jsx(Vn,{children:t.rendered}),r[6]=t.rendered,r[7]=b):b=r[7];let h;r[8]!==n||r[9]!==d?(h=!n&&d&&l.jsx(Hn,{"aria-hidden":"true",children:l.jsx("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:l.jsx("path",{d:"M10 3L4.5 8.5L2 6",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})})}),r[8]=n,r[9]=d,r[10]=h):h=r[10];let g;return r[11]!==p||r[12]!==c||r[13]!==d||r[14]!==a||r[15]!==m||r[16]!==b||r[17]!==h?(g=l.jsxs(Bn,{...a,ref:i,isSelected:d,isFocused:c,isDisabled:p,children:[m,b,h]}),r[11]=p,r[12]=c,r[13]=d,r[14]=a,r[15]=m,r[16]=b,r[17]=h,r[18]=g):g=r[18],g}function gd(e){return e.stopPropagation()}function md(e){const r=re.c(9),{state:t}=e,o=f.useRef(null);let n;r[0]===Symbol.for("react.memo_cache_sentinel")?(n={selectionMode:"multiple"},r[0]=n):n=r[0];const{listBoxProps:i}=de.useListBox(n,t,o);let s;r[1]!==t.collection?(s=[...t.collection],r[1]=t.collection,r[2]=s):s=r[2];let a;r[3]!==t||r[4]!==s?(a=s.map(c=>l.jsx(Zn,{item:c,state:t,isMultiple:!0},c.key)),r[3]=t,r[4]=s,r[5]=a):a=r[5];let d;return r[6]!==i||r[7]!==a?(d=l.jsx(Yr,{...i,ref:o,children:a}),r[6]=i,r[7]=a,r[8]=d):d=r[8],d}const xd=f.forwardRef(function(r,t){const{selectionMode:o="single",loading:n,disabled:i,size:s="md",fullWidth:a=!1,width:d,className:c,style:p,placeholder:m="请选择",label:b,description:h,errorMessage:g,maxTagCount:y,value:$,defaultValue:k,onChange:w,selectedKey:C,defaultSelectedKey:v,selectedKeys:x,defaultSelectedKeys:j,onSelectionChange:E,options:z,children:I}=r,M=o==="multiple",O=M?void 0:$??C,D=M?$??x:void 0,V=M?void 0:k??v,F=M?k??j:void 0,P=Q=>{w==null||w(Q),E==null||E(Q)},K=f.useMemo(()=>z&&z.length>0?z.map(Q=>l.jsx(Pn,{textValue:typeof Q.label=="string"?Q.label:String(Q.value),children:Q.label},Q.value)):I,[z,I]),B={...r,children:K,selectedKey:O,defaultSelectedKey:V,onSelectionChange:P},_=f.useRef(null),H=t||_,X=f.useRef(null),u=td(B),T=_n({...B,selectionMode:"multiple",selectedKeys:D,defaultSelectedKeys:F,onSelectionChange:P}),[R,L]=f.useState(!1),N=M?R:u.isOpen,Y=f.useMemo(()=>{if(!M)return[];const Q=[],pe=T.selectionManager.selectedKeys;for(const xe of T.collection)pe.has(xe.key)&&Q.push({key:xe.key,rendered:xe.rendered});return Q},[M,T.selectionManager.selectedKeys,T.collection]),{visibleTags:W,overflowCount:J}=f.useMemo(()=>!M||Y.length===0?{visibleTags:[],overflowCount:0}:y!==void 0&&Y.length>y?{visibleTags:Y.slice(0,y),overflowCount:Y.length-y}:{visibleTags:Y,overflowCount:0},[M,Y,y]),{labelProps:G,triggerProps:oe,valueProps:ue,menuProps:Z,descriptionProps:ne,errorMessageProps:me}=de.useSelect(B,u,H),ve=Q=>{X.current=Q.pointerType,Q.pointerType!=="touch"&&Q.pointerType!=="keyboard"&&H.current&&fr(H.current)},je=Q=>{const pe=Q.pointerType||X.current;if(pe!=="keyboard")if(M)L(!R);else{const xe=pe==="mouse"||pe==="pen"?null:"first";u.toggle(xe)}},{buttonProps:Ee}=de.useButton({...oe,onPressStart:ve,onPress:je},H),ye=Q=>{const pe=new Set(T.selectionManager.selectedKeys);pe.delete(Q),T.selectionManager.setSelectedKeys(pe),P(pe)},ke=()=>M?Y.length===0?l.jsx(jr,{isPlaceholder:!0,children:m}):l.jsxs(Un,{children:[W.map(Q=>l.jsx(jt,{size:"sm",closable:!0,onClose:()=>ye(Q.key),children:Q.rendered},Q.key)),J>0&&l.jsxs(jt,{size:"sm",children:["+",J]})]}):l.jsx(jr,{...ue,isPlaceholder:!u.selectedItem,children:u.selectedItem?u.selectedItem.rendered:m}),$e=M?{isOpen:R,close:()=>L(!1)}:u;return l.jsxs(Fn,{fullWidth:a,className:c,style:{width:d,...p},children:[b&&l.jsx("label",{...G,style:{fontSize:"12px",marginBottom:"4px",display:"block",color:"inherit"},children:b}),!M&&l.jsx(de.HiddenSelect,{state:u,triggerRef:H,label:b,name:r.name,isDisabled:i}),l.jsxs(On,{...Ee,ref:H,size:s,fullWidth:a,isOpen:N,isDisabled:i,isError:!!g,isMultiple:M,children:[ke(),l.jsx(Dn,{isOpen:N,"aria-hidden":"true",size:s,children:l.jsx(Rt,{width:12,height:12})})]}),N&&l.jsx(hd,{state:$e,triggerRef:H,placement:"bottom start",offset:4,children:n?l.jsxs(Wn,{children:[l.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:[l.jsx("style",{children:"@keyframes spin { 100% { transform: rotate(360deg); } }"}),l.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"})]}),"加载中..."]}):M?l.jsx(md,{state:T}):l.jsx(bd,{...Z,state:u})}),h&&l.jsx("div",{...ne,style:{fontSize:"12px",marginTop:"4px",opacity:.6},children:h}),g&&l.jsx("div",{...me,style:{fontSize:"12px",marginTop:"4px",color:"#ff4d4f"},children:g})]})}),qt=xd;qt.Item=Pn;qt.Section=Uc;const yd=["sm","md","lg"],vd=["default","bordered","striped"],$d={sm:4,md:4,lg:6},ut=e=>`${$d[e??"md"]}px`,Ro=S.div`
|
|
2333
|
+
width: ${e=>e.fullWidth?"100%":"auto"};
|
|
1972
2334
|
overflow: auto;
|
|
1973
2335
|
/* 移除边框,设计稿中表格没有外围边框 */
|
|
1974
|
-
scrollbar-width: ${
|
|
1975
|
-
scrollbar-color: ${({theme:
|
|
1976
|
-
border-top-left-radius: ${
|
|
1977
|
-
border-top-right-radius: ${
|
|
2336
|
+
scrollbar-width: ${e=>e.showScrollbar?"thin":"none"};
|
|
2337
|
+
scrollbar-color: ${({theme:e})=>e.semantic.colors.border.primary} transparent;
|
|
2338
|
+
border-top-left-radius: ${e=>ut(e.size)};
|
|
2339
|
+
border-top-right-radius: ${e=>ut(e.size)};
|
|
1978
2340
|
|
|
1979
2341
|
&::-webkit-scrollbar {
|
|
1980
|
-
width: ${
|
|
1981
|
-
height: ${
|
|
2342
|
+
width: ${e=>e.showScrollbar?"8px":"0px"};
|
|
2343
|
+
height: ${e=>e.showScrollbar?"8px":"0px"};
|
|
1982
2344
|
}
|
|
1983
2345
|
|
|
1984
2346
|
&::-webkit-scrollbar-thumb {
|
|
1985
|
-
background-color: ${({theme:
|
|
2347
|
+
background-color: ${({theme:e})=>e.semantic.colors.border.primary};
|
|
1986
2348
|
border-radius: 999px;
|
|
1987
2349
|
}
|
|
1988
2350
|
|
|
@@ -1990,86 +2352,86 @@ React keys must be passed directly to JSX without using spread:
|
|
|
1990
2352
|
background: transparent;
|
|
1991
2353
|
}
|
|
1992
2354
|
|
|
1993
|
-
${
|
|
1994
|
-
max-width: ${typeof
|
|
2355
|
+
${e=>e.scrollX&&A.css`
|
|
2356
|
+
max-width: ${typeof e.scrollX=="number"?`${e.scrollX}px`:e.scrollX};
|
|
1995
2357
|
`}
|
|
1996
2358
|
|
|
1997
|
-
${
|
|
1998
|
-
max-height: ${typeof
|
|
2359
|
+
${e=>e.scrollY&&A.css`
|
|
2360
|
+
max-height: ${typeof e.scrollY=="number"?`${e.scrollY}px`:e.scrollY};
|
|
1999
2361
|
`}
|
|
2000
|
-
`,
|
|
2362
|
+
`,wd=S.table`
|
|
2001
2363
|
width: 100%;
|
|
2002
|
-
${
|
|
2003
|
-
min-width: ${typeof
|
|
2364
|
+
${e=>e.scrollX&&A.css`
|
|
2365
|
+
min-width: ${typeof e.scrollX=="number"?`${e.scrollX}px`:e.scrollX};
|
|
2004
2366
|
`}
|
|
2005
2367
|
border-collapse: separate;
|
|
2006
2368
|
border-spacing: 0;
|
|
2007
2369
|
/* 调整基础字体为 12px */
|
|
2008
|
-
font-family: ${({theme:
|
|
2009
|
-
background-color: ${({theme:
|
|
2370
|
+
font-family: ${({theme:e})=>e.semantic.typography.component.fontSizeSm};
|
|
2371
|
+
background-color: ${({theme:e})=>e.semantic.colors.background.surface};
|
|
2010
2372
|
|
|
2011
|
-
${
|
|
2012
|
-
border: 1px solid ${
|
|
2013
|
-
border-radius: ${
|
|
2373
|
+
${e=>e.variant==="bordered"&&A.css`
|
|
2374
|
+
border: 1px solid ${e.theme.semantic.colors.border.primary};
|
|
2375
|
+
border-radius: ${ut(e.size)} ${ut(e.size)} 0 0;
|
|
2014
2376
|
`}
|
|
2015
2377
|
|
|
2016
|
-
${
|
|
2378
|
+
${e=>e.variant==="striped"&&A.css`
|
|
2017
2379
|
tbody tr:nth-of-type(even) {
|
|
2018
|
-
--row-bg: ${
|
|
2380
|
+
--row-bg: ${e.theme.semantic.colors.background.surfaceSubtle};
|
|
2019
2381
|
}
|
|
2020
2382
|
`}
|
|
2021
|
-
`,
|
|
2022
|
-
background-color: ${({theme:
|
|
2383
|
+
`,kd=S.thead`
|
|
2384
|
+
background-color: ${({theme:e})=>e.semantic.colors.background.surfaceSubtle};
|
|
2023
2385
|
position: sticky;
|
|
2024
2386
|
top: 0;
|
|
2025
2387
|
z-index: 10;
|
|
2026
|
-
`,
|
|
2027
|
-
border-bottom: 1px solid ${({theme:
|
|
2028
|
-
`,
|
|
2029
|
-
padding: ${
|
|
2030
|
-
text-align: ${
|
|
2388
|
+
`,Sd=S.tr`
|
|
2389
|
+
border-bottom: 1px solid ${({theme:e})=>e.semantic.colors.border.primary};
|
|
2390
|
+
`,zo=S.th`
|
|
2391
|
+
padding: ${e=>{switch(e.size){case"sm":return"8px 12px";case"lg":return"16px 16px";case"md":default:return"12px 16px"}}};
|
|
2392
|
+
text-align: ${e=>e.align||"left"};
|
|
2031
2393
|
font-weight: 400; /* Regular font weight based on design (H9/H11) */
|
|
2032
2394
|
font-size: 12px; /* Explicitly 12px based on design */
|
|
2033
|
-
color: ${({theme:
|
|
2395
|
+
color: ${({theme:e})=>e.semantic.colors.text.caption}; /* Use caption color for headers */
|
|
2034
2396
|
white-space: nowrap;
|
|
2035
2397
|
user-select: none;
|
|
2036
|
-
position: ${
|
|
2037
|
-
background-color: ${({theme:
|
|
2398
|
+
position: ${e=>e.fixed?"sticky":"static"};
|
|
2399
|
+
background-color: ${({theme:e})=>e.semantic.colors.background.surfaceSubtle};
|
|
2038
2400
|
|
|
2039
|
-
${
|
|
2040
|
-
width: ${typeof
|
|
2401
|
+
${e=>e.width&&A.css`
|
|
2402
|
+
width: ${typeof e.width=="number"?`${e.width}px`:e.width};
|
|
2041
2403
|
`}
|
|
2042
2404
|
|
|
2043
|
-
${
|
|
2405
|
+
${e=>e.fixed==="left"&&A.css`
|
|
2044
2406
|
left: 0;
|
|
2045
2407
|
z-index: 11;
|
|
2046
2408
|
/* 调整固定列阴影,使其更柔和 */
|
|
2047
2409
|
box-shadow: 4px 0 8px -4px rgba(0, 0, 0, 0.1);
|
|
2048
2410
|
`}
|
|
2049
2411
|
|
|
2050
|
-
${
|
|
2412
|
+
${e=>e.fixed==="right"&&A.css`
|
|
2051
2413
|
right: 0;
|
|
2052
2414
|
z-index: 11;
|
|
2053
2415
|
box-shadow: -4px 0 8px -4px rgba(0, 0, 0, 0.1);
|
|
2054
2416
|
`}
|
|
2055
2417
|
|
|
2056
|
-
${
|
|
2418
|
+
${e=>e.sortable&&A.css`
|
|
2057
2419
|
cursor: pointer;
|
|
2058
2420
|
transition: background-color 0.15s ease;
|
|
2059
2421
|
|
|
2060
2422
|
&:hover {
|
|
2061
|
-
background-color: ${
|
|
2423
|
+
background-color: ${e.theme.semantic.colors.background.surfaceStrong};
|
|
2062
2424
|
}
|
|
2063
2425
|
`}
|
|
2064
2426
|
|
|
2065
2427
|
&:first-of-type {
|
|
2066
|
-
border-top-left-radius: ${
|
|
2428
|
+
border-top-left-radius: ${e=>ut(e.size)};
|
|
2067
2429
|
}
|
|
2068
2430
|
|
|
2069
2431
|
&:last-of-type {
|
|
2070
|
-
border-top-right-radius: ${
|
|
2432
|
+
border-top-right-radius: ${e=>ut(e.size)};
|
|
2071
2433
|
}
|
|
2072
|
-
`,
|
|
2434
|
+
`,Cd=S.span`
|
|
2073
2435
|
display: inline-flex;
|
|
2074
2436
|
flex-direction: column;
|
|
2075
2437
|
align-items: center;
|
|
@@ -2081,25 +2443,25 @@ React keys must be passed directly to JSX without using spread:
|
|
|
2081
2443
|
svg {
|
|
2082
2444
|
width: 12px;
|
|
2083
2445
|
height: 12px;
|
|
2084
|
-
color: ${({theme:
|
|
2446
|
+
color: ${({theme:e})=>e.semantic.colors.text.disabled};
|
|
2085
2447
|
transition: color 0.2s ease, opacity 0.2s ease;
|
|
2086
2448
|
opacity: 0.4;
|
|
2087
2449
|
}
|
|
2088
2450
|
|
|
2089
2451
|
svg[data-active='true'] {
|
|
2090
|
-
color: ${({theme:
|
|
2452
|
+
color: ${({theme:e})=>e.semantic.colors.brand.primary};
|
|
2091
2453
|
opacity: 1;
|
|
2092
2454
|
}
|
|
2093
|
-
`,
|
|
2455
|
+
`,jd=S.tbody``,cr=S.tr`
|
|
2094
2456
|
/* 定义背景色变量,用于同步固定列的背景 */
|
|
2095
|
-
--row-bg: ${({theme:
|
|
2457
|
+
--row-bg: ${({theme:e})=>e.semantic.colors.background.surface};
|
|
2096
2458
|
|
|
2097
|
-
${
|
|
2098
|
-
--row-bg: ${
|
|
2459
|
+
${e=>e.isSubRow&&A.css`
|
|
2460
|
+
--row-bg: ${e.theme.semantic.colors.background.surfaceSubtle};
|
|
2099
2461
|
`}
|
|
2100
2462
|
|
|
2101
|
-
${
|
|
2102
|
-
--row-bg: ${
|
|
2463
|
+
${e=>e.selected&&A.css`
|
|
2464
|
+
--row-bg: ${e.theme.semantic.colors.brand.primarySubtle};
|
|
2103
2465
|
`}
|
|
2104
2466
|
|
|
2105
2467
|
background-color: var(--row-bg);
|
|
@@ -2107,62 +2469,62 @@ React keys must be passed directly to JSX without using spread:
|
|
|
2107
2469
|
|
|
2108
2470
|
/* 将边框移动到单元格上,确保在 separate 模式下显示且连续 */
|
|
2109
2471
|
& > td {
|
|
2110
|
-
border-bottom: 1px solid ${({theme:
|
|
2472
|
+
border-bottom: 1px solid ${({theme:e})=>e.semantic.colors.border.primary};
|
|
2111
2473
|
}
|
|
2112
2474
|
|
|
2113
2475
|
&:last-of-type > td {
|
|
2114
2476
|
border-bottom: none;
|
|
2115
2477
|
}
|
|
2116
2478
|
|
|
2117
|
-
${
|
|
2479
|
+
${e=>(e.selectable||e.expandable)&&A.css`
|
|
2118
2480
|
cursor: pointer;
|
|
2119
2481
|
`}
|
|
2120
2482
|
|
|
2121
|
-
${
|
|
2483
|
+
${e=>A.css`
|
|
2122
2484
|
&:hover {
|
|
2123
|
-
--row-bg: ${
|
|
2485
|
+
--row-bg: ${e.selected?e.theme.semantic.colors.brand.primarySubtle:e.theme.semantic.colors.background.surfaceSubtle};
|
|
2124
2486
|
}
|
|
2125
2487
|
|
|
2126
2488
|
&:active {
|
|
2127
|
-
--row-bg: ${
|
|
2489
|
+
--row-bg: ${e.selected?e.theme.semantic.colors.brand.primarySubtle:e.theme.semantic.colors.background.surfaceStrong};
|
|
2128
2490
|
}
|
|
2129
2491
|
`}
|
|
2130
|
-
`,
|
|
2131
|
-
padding: ${
|
|
2492
|
+
`,It=S.td`
|
|
2493
|
+
padding: ${e=>{switch(e.size){case"sm":return"8px 12px";case"lg":return"16px 16px";case"md":default:return"12px 16px"}}};
|
|
2132
2494
|
|
|
2133
|
-
${
|
|
2134
|
-
padding-left: ${16+
|
|
2495
|
+
${e=>e.level&&e.level>0&&A.css`
|
|
2496
|
+
padding-left: ${16+e.level*24}px;
|
|
2135
2497
|
`}
|
|
2136
2498
|
|
|
2137
|
-
text-align: ${
|
|
2499
|
+
text-align: ${e=>e.align||"left"};
|
|
2138
2500
|
font-size: 12px; /* Explicitly 12px */
|
|
2139
|
-
color: ${({theme:
|
|
2140
|
-
position: ${
|
|
2501
|
+
color: ${({theme:e})=>e.semantic.colors.text.primary};
|
|
2502
|
+
position: ${e=>e.fixed?"sticky":"static"};
|
|
2141
2503
|
/* 使用变量确保固定列背景与行背景同步,且不透明 */
|
|
2142
|
-
background-color: ${
|
|
2504
|
+
background-color: ${e=>e.fixed?"var(--row-bg, inherit)":"inherit"};
|
|
2143
2505
|
transition: background-color 0.15s ease;
|
|
2144
2506
|
|
|
2145
|
-
${
|
|
2146
|
-
width: ${typeof
|
|
2507
|
+
${e=>e.width&&A.css`
|
|
2508
|
+
width: ${typeof e.width=="number"?`${e.width}px`:e.width};
|
|
2147
2509
|
`}
|
|
2148
2510
|
|
|
2149
|
-
${
|
|
2511
|
+
${e=>e.fixed==="left"&&A.css`
|
|
2150
2512
|
left: 0;
|
|
2151
2513
|
z-index: 9;
|
|
2152
2514
|
box-shadow: 4px 0 8px -4px rgba(0, 0, 0, 0.1);
|
|
2153
2515
|
`}
|
|
2154
2516
|
|
|
2155
|
-
${
|
|
2517
|
+
${e=>e.fixed==="right"&&A.css`
|
|
2156
2518
|
right: 0;
|
|
2157
2519
|
z-index: 9;
|
|
2158
2520
|
box-shadow: -4px 0 8px -4px rgba(0, 0, 0, 0.1);
|
|
2159
2521
|
`}
|
|
2160
|
-
`,
|
|
2522
|
+
`,Lo=S.div`
|
|
2161
2523
|
display: flex;
|
|
2162
2524
|
align-items: center;
|
|
2163
2525
|
justify-content: center;
|
|
2164
2526
|
width: 40px;
|
|
2165
|
-
`,
|
|
2527
|
+
`,Ed=S.button`
|
|
2166
2528
|
display: inline-flex;
|
|
2167
2529
|
align-items: center;
|
|
2168
2530
|
justify-content: center;
|
|
@@ -2173,60 +2535,60 @@ React keys must be passed directly to JSX without using spread:
|
|
|
2173
2535
|
cursor: pointer;
|
|
2174
2536
|
padding: 0;
|
|
2175
2537
|
margin-right: 8px;
|
|
2176
|
-
color: ${({theme:
|
|
2538
|
+
color: ${({theme:e})=>e.semantic.colors.text.tertiary};
|
|
2177
2539
|
transition: transform 0.15s ease, color 0.15s ease;
|
|
2178
2540
|
|
|
2179
2541
|
&:hover {
|
|
2180
|
-
color: ${({theme:
|
|
2542
|
+
color: ${({theme:e})=>e.semantic.colors.text.primary};
|
|
2181
2543
|
}
|
|
2182
2544
|
|
|
2183
2545
|
svg {
|
|
2184
2546
|
width: 16px;
|
|
2185
2547
|
height: 16px;
|
|
2186
|
-
transform: ${
|
|
2548
|
+
transform: ${e=>e.expanded?"rotate(90deg)":"none"};
|
|
2187
2549
|
}
|
|
2188
|
-
`,
|
|
2550
|
+
`,Td=S.div`
|
|
2189
2551
|
padding: 48px 24px;
|
|
2190
2552
|
text-align: center;
|
|
2191
|
-
color: ${({theme:
|
|
2553
|
+
color: ${({theme:e})=>e.semantic.colors.text.tertiary};
|
|
2192
2554
|
font-size: 12px;
|
|
2193
|
-
`,
|
|
2194
|
-
${
|
|
2555
|
+
`,Rd=S.div`
|
|
2556
|
+
${e=>e.ellipsis&&A.css`
|
|
2195
2557
|
overflow: hidden;
|
|
2196
2558
|
text-overflow: ellipsis;
|
|
2197
2559
|
white-space: nowrap;
|
|
2198
2560
|
`}
|
|
2199
2561
|
|
|
2200
|
-
${
|
|
2562
|
+
${e=>e.wrapText&&A.css`
|
|
2201
2563
|
white-space: normal;
|
|
2202
2564
|
word-break: break-word;
|
|
2203
2565
|
`}
|
|
2204
|
-
`,
|
|
2566
|
+
`,zd=yd,Ld=vd;function Md({columns:e,dataSource:r,size:t="md",variant:o="default",bordered:n=!1,fullWidth:i=!0,scroll:s,selectable:a=!1,selectionMode:d="multiple",selectedKeys:c,onSelectionChange:p,expandable:m=!1,expandedKeys:b,onExpandChange:h,expandedRowRender:g,sortConfig:y,onSortChange:$,onRowClick:k,emptyText:w="暂无数据",className:C,wrapText:v=!1,loading:x=!1},j){const[E,z]=f.useState(new Set),[I,M]=f.useState(new Set),[O,D]=f.useState(!1),V=f.useRef(null),F=f.useRef(null),P=c??E,K=f.useCallback(R=>{const L=R==="all"?new Set(r.map(N=>N.id)):R;c||z(L),p==null||p(L)},[c,p,r]),B=b??I,_=f.useCallback(R=>{const L=new Set(B);L.has(R)?L.delete(R):L.add(R),b||M(L),h==null||h(L)},[B,b,h]),H=f.useCallback(R=>{if(!$)return;let L="asc";(y==null?void 0:y.key)===R&&(y.direction==="asc"?L="desc":y.direction==="desc"&&(L=null)),$(R,L)},[y,$]),X=f.useMemo(()=>!a||d==="single"?!1:P==="all"?!0:r.length===0?!1:r.every(R=>P.has(R.id)),[a,d,P,r]),u=f.useMemo(()=>{if(!a||d==="single"||P==="all"||r.length===0)return!1;const R=r.filter(L=>P.has(L.id)).length;return R>0&&R<r.length},[a,d,P,r]);f.useEffect(()=>{const R=V.current;if(!R)return;const L=()=>{D(!0),F.current&&window.clearTimeout(F.current),F.current=window.setTimeout(()=>{D(!1)},800)};return R.addEventListener("scroll",L,{passive:!0}),()=>{R.removeEventListener("scroll",L),F.current&&window.clearTimeout(F.current)}},[]);const T=f.useCallback((R,L=0)=>R.flatMap((N,Y)=>{const W=B.has(N.id),J=P instanceof Set&&P.has(N.id),G=N.children&&N.children.length>0,oe=l.jsxs(cr,{selectable:a,selected:J,expandable:m,expanded:W,level:L,onClick:()=>{a&&d==="single"&&K(new Set([N.id])),k==null||k(N,Y)},children:[a&&l.jsx(It,{size:t,width:48,align:"center",children:l.jsx(Lo,{onClick:ne=>ne.stopPropagation(),children:d==="single"?l.jsx(Hr,{checked:J,onChange:()=>{K(new Set([N.id]))}}):l.jsx(st,{checked:J,onChange:ne=>{const me=new Set(P==="all"?r.map(ve=>ve.id):P);ne?me.add(N.id):me.delete(N.id),K(me)}})})},"selection-column"),e.map((ne,me)=>{const ve=N[ne.key],je=me===0;return l.jsx(It,{size:t,fixed:ne.fixed,align:ne.align,width:ne.width,level:je?L:0,children:l.jsxs("div",{style:{display:"flex",alignItems:"center"},children:[je&&m&&G&&l.jsx(Ed,{expanded:W,onClick:Ee=>{Ee.stopPropagation(),_(N.id)},"aria-label":W?"收起":"展开",children:l.jsx(qe,{})}),l.jsx(Rd,{ellipsis:ne.ellipsis,wrapText:v,children:ne.render?ne.render(ve,N,Y):ve})]})},ne.key)})]},N.id),ue=W&&g&&l.jsx(cr,{isSubRow:!0,children:l.jsx(It,{colSpan:e.length+(a?1:0),size:t,children:g(N,Y)})},`${N.id}-expanded`),Z=W&&G?T(N.children,L+1):[];return[oe,ue,...Z].filter(Boolean)}),[e,t,m,B,P,a,d,g,v,_,K,k]);return r.length===0&&!x?l.jsx(Ro,{size:t,ref:V,fullWidth:i,scrollX:s==null?void 0:s.x,scrollY:s==null?void 0:s.y,showScrollbar:O,className:C,children:l.jsx(Td,{children:w})}):l.jsx(Ro,{size:t,ref:V,fullWidth:i,scrollX:s==null?void 0:s.x,scrollY:s==null?void 0:s.y,showScrollbar:O,className:C,children:l.jsxs(wd,{ref:j,size:t,variant:n?"bordered":o,scrollX:s==null?void 0:s.x,children:[l.jsx(kd,{children:l.jsxs(Sd,{children:[a&&l.jsx(zo,{size:t,width:48,align:"center",children:d==="multiple"&&l.jsx(Lo,{children:l.jsx(st,{checked:X,indeterminate:u,onChange:R=>{K(R?"all":new Set)}})})},"selection-column"),e.map(R=>l.jsx(zo,{size:t,fixed:R.fixed,align:R.align,width:R.width,sortable:R.sortable,onClick:()=>R.sortable&&H(R.key),children:l.jsxs("div",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",gap:"8px"},children:[l.jsx("span",{children:R.title}),R.sortable&&l.jsxs(Cd,{direction:(y==null?void 0:y.key)===R.key?y.direction:void 0,children:[l.jsx(Pr,{"data-active":(y==null?void 0:y.key)===R.key&&y.direction==="asc"}),l.jsx(Rt,{"data-active":(y==null?void 0:y.key)===R.key&&y.direction==="desc"})]})]})},R.key))]})}),l.jsx(jd,{children:x?l.jsx(cr,{children:l.jsx(It,{colSpan:e.length+(a?1:0),size:t,children:l.jsx("div",{style:{textAlign:"center",padding:"24px"},children:"加载中..."})})}):T(r)})]})})}const Xn=f.forwardRef(Md);Xn.displayName="Table";const Nd=Xn;function Id(e={}){let{isReadOnly:r}=e,[t,o]=Ht(e.isSelected,e.defaultSelected||!1,e.onChange),[n]=f.useState(t);function i(d){r||o(d)}function s(){r||o(!t)}var a;return{isSelected:t,defaultSelected:(a=e.defaultSelected)!==null&&a!==void 0?a:n,setSelected:i,toggle:s}}const Pd=["sm","md"],Ad=(e,r)=>{const t=r.components.switch.size[e];return A.css`
|
|
2205
2567
|
/* 提供尺寸相关的 CSS 变量,方便内部元素计算占位 */
|
|
2206
|
-
--switch-thumb-size: ${
|
|
2568
|
+
--switch-thumb-size: ${t.thumbSize};
|
|
2207
2569
|
--switch-inner-gap: ${r.components.switch.gap};
|
|
2208
2570
|
|
|
2209
|
-
min-width: ${
|
|
2210
|
-
height: ${
|
|
2211
|
-
font-size: ${
|
|
2571
|
+
min-width: ${t.width};
|
|
2572
|
+
height: ${t.height};
|
|
2573
|
+
font-size: ${t.fontSize};
|
|
2212
2574
|
|
|
2213
2575
|
/* 滑块尺寸 - 使用后代选择器 */
|
|
2214
2576
|
& span[data-thumb] {
|
|
2215
|
-
width: ${
|
|
2216
|
-
height: ${
|
|
2577
|
+
width: ${t.thumbSize};
|
|
2578
|
+
height: ${t.thumbSize};
|
|
2217
2579
|
}
|
|
2218
|
-
`},
|
|
2580
|
+
`},_d=S.label`
|
|
2219
2581
|
/* 基础布局 */
|
|
2220
2582
|
position: relative;
|
|
2221
2583
|
display: inline-flex;
|
|
2222
2584
|
align-items: center;
|
|
2223
2585
|
box-sizing: border-box;
|
|
2224
|
-
cursor: ${({isDisabled:
|
|
2586
|
+
cursor: ${({isDisabled:e})=>e?"not-allowed":"pointer"};
|
|
2225
2587
|
user-select: none;
|
|
2226
2588
|
|
|
2227
2589
|
/* 背景和圆角 - 使用 Tier 3 Token */
|
|
2228
|
-
background: ${({isSelected:
|
|
2229
|
-
border-radius: ${({theme:
|
|
2590
|
+
background: ${({isSelected:e,isDisabled:r,theme:t})=>r?t.components.switch.background.disabled:e?t.components.switch.background.checked:t.components.switch.background.unchecked};
|
|
2591
|
+
border-radius: ${({theme:e})=>e.components.switch.borderRadius};
|
|
2230
2592
|
|
|
2231
2593
|
/*
|
|
2232
2594
|
* 内边距 - 根据 Figma 设计:
|
|
@@ -2235,32 +2597,32 @@ React keys must be passed directly to JSX without using spread:
|
|
|
2235
2597
|
* - 上下始终3px
|
|
2236
2598
|
*/
|
|
2237
2599
|
padding: 3px;
|
|
2238
|
-
${({hasInnerLabel:
|
|
2600
|
+
${({hasInnerLabel:e,isSelected:r})=>e?A.css`
|
|
2239
2601
|
padding-left: ${r?"8px":"3px"};
|
|
2240
2602
|
padding-right: ${r?"3px":"8px"};
|
|
2241
|
-
`:
|
|
2603
|
+
`:A.css`
|
|
2242
2604
|
padding-left: 3px;
|
|
2243
2605
|
padding-right: 3px;
|
|
2244
2606
|
`}
|
|
2245
2607
|
|
|
2246
2608
|
/* 过渡动画 - 只对背景色做动画,padding 瞬间切换以配合滑块动画 */
|
|
2247
|
-
transition: background-color ${({theme:
|
|
2609
|
+
transition: background-color ${({theme:e})=>e.components.switch.transition};
|
|
2248
2610
|
|
|
2249
2611
|
/* 尺寸样式 */
|
|
2250
|
-
${({size:
|
|
2612
|
+
${({size:e,theme:r})=>Ad(e,r)}
|
|
2251
2613
|
|
|
2252
2614
|
/* Focus 可见状态 - 键盘导航时显示 */
|
|
2253
|
-
${({isFocusVisible:
|
|
2615
|
+
${({isFocusVisible:e,theme:r})=>e&&A.css`
|
|
2254
2616
|
outline: none;
|
|
2255
2617
|
box-shadow: 0 0 0 ${r.components.switch.focusRing.offset} ${r.components.switch.focusRing.color};
|
|
2256
2618
|
`}
|
|
2257
2619
|
|
|
2258
2620
|
/* 禁用状态 */
|
|
2259
|
-
${({isDisabled:
|
|
2621
|
+
${({isDisabled:e,theme:r})=>e&&A.css`
|
|
2260
2622
|
opacity: ${r.components.switch.disabled.opacity};
|
|
2261
2623
|
cursor: not-allowed;
|
|
2262
2624
|
`}
|
|
2263
|
-
`,
|
|
2625
|
+
`,Fd=S.span`
|
|
2264
2626
|
display: flex;
|
|
2265
2627
|
align-items: center;
|
|
2266
2628
|
width: 100%;
|
|
@@ -2270,59 +2632,277 @@ React keys must be passed directly to JSX without using spread:
|
|
|
2270
2632
|
|
|
2271
2633
|
/* 当存在内部文字时,为滑块预留占位,避免文字与滑块重叠
|
|
2272
2634
|
预留尺寸 = 滑块尺寸 + 设计间距 */
|
|
2273
|
-
${({hasInnerLabel:
|
|
2274
|
-
padding-right: ${r?`calc(var(--switch-thumb-size) + ${
|
|
2275
|
-
padding-left: ${r?"0":`calc(var(--switch-thumb-size) + ${
|
|
2635
|
+
${({hasInnerLabel:e,isSelected:r,theme:t})=>e&&A.css`
|
|
2636
|
+
padding-right: ${r?`calc(var(--switch-thumb-size) + ${t.components.switch.gap})`:"0"};
|
|
2637
|
+
padding-left: ${r?"0":`calc(var(--switch-thumb-size) + ${t.components.switch.gap})`};
|
|
2276
2638
|
`}
|
|
2277
2639
|
|
|
2278
2640
|
/* 有文字时,根据选中状态调整文字位置 */
|
|
2279
|
-
${({hasInnerLabel:
|
|
2641
|
+
${({hasInnerLabel:e,isSelected:r})=>e&&A.css`
|
|
2280
2642
|
justify-content: ${r?"flex-start":"flex-end"};
|
|
2281
2643
|
`}
|
|
2282
|
-
`,
|
|
2644
|
+
`,Od=S.span`
|
|
2283
2645
|
display: inline-flex;
|
|
2284
2646
|
align-items: center;
|
|
2285
|
-
color: ${({theme:
|
|
2286
|
-
font-size: ${({theme:
|
|
2287
|
-
font-weight: ${({theme:
|
|
2647
|
+
color: ${({theme:e})=>e.components.switch.text.color};
|
|
2648
|
+
font-size: ${({theme:e})=>e.components.switch.text.fontSize};
|
|
2649
|
+
font-weight: ${({theme:e})=>e.components.switch.text.fontWeight};
|
|
2288
2650
|
line-height: 1.5;
|
|
2289
2651
|
white-space: nowrap;
|
|
2290
2652
|
user-select: none;
|
|
2291
2653
|
position: relative;
|
|
2292
2654
|
z-index: 2;
|
|
2293
|
-
`,
|
|
2655
|
+
`,Dd=S.span`
|
|
2294
2656
|
display: block;
|
|
2295
2657
|
position: absolute;
|
|
2296
2658
|
top: 50%;
|
|
2297
2659
|
transform: translateY(-50%);
|
|
2298
2660
|
border-radius: 50%;
|
|
2299
|
-
background: ${({theme:
|
|
2300
|
-
box-shadow: ${({theme:
|
|
2661
|
+
background: ${({theme:e})=>e.components.switch.thumb.background};
|
|
2662
|
+
box-shadow: ${({theme:e})=>e.components.switch.thumb.shadow};
|
|
2301
2663
|
|
|
2302
2664
|
/* 位置控制:未选中在左,选中在右 */
|
|
2303
|
-
${({isSelected:
|
|
2665
|
+
${({isSelected:e})=>e?A.css`
|
|
2304
2666
|
right: 0;
|
|
2305
2667
|
left: auto;
|
|
2306
|
-
`:
|
|
2668
|
+
`:A.css`
|
|
2307
2669
|
left: 0;
|
|
2308
2670
|
right: auto;
|
|
2309
2671
|
`}
|
|
2310
2672
|
|
|
2311
2673
|
/* 平滑的位置过渡动画 */
|
|
2312
|
-
transition: left ${({theme:
|
|
2313
|
-
right ${({theme:
|
|
2314
|
-
`,
|
|
2674
|
+
transition: left ${({theme:e})=>e.components.switch.transition},
|
|
2675
|
+
right ${({theme:e})=>e.components.switch.transition};
|
|
2676
|
+
`,Kd=S.div`
|
|
2315
2677
|
display: flex;
|
|
2316
2678
|
align-items: center;
|
|
2317
2679
|
gap: 8px;
|
|
2318
|
-
`,
|
|
2319
|
-
font-size: ${({theme:
|
|
2320
|
-
color: ${({isDisabled:
|
|
2680
|
+
`,Bd=S.span`
|
|
2681
|
+
font-size: ${({theme:e})=>e.global.typography.fontSize.sm};
|
|
2682
|
+
color: ${({isDisabled:e,theme:r})=>e?r.semantic.colors.text.disabled:r.semantic.colors.text.primary};
|
|
2683
|
+
user-select: none;
|
|
2684
|
+
cursor: ${({isDisabled:e})=>e?"not-allowed":"pointer"};
|
|
2685
|
+
`,Vd=Pd,Gn=f.forwardRef((e,r)=>{const t=re.c(56);let o,n,i,s,a,d,c,p,m,b,h;t[0]!==e?({size:p,checkedLabel:o,uncheckedLabel:b,disabled:m,value:h,defaultValue:a,children:n,className:i,isSelected:d,defaultSelected:s,...c}=e,t[0]=e,t[1]=o,t[2]=n,t[3]=i,t[4]=s,t[5]=a,t[6]=d,t[7]=c,t[8]=p,t[9]=m,t[10]=b,t[11]=h):(o=t[1],n=t[2],i=t[3],s=t[4],a=t[5],d=t[6],c=t[7],p=t[8],m=t[9],b=t[10],h=t[11]);const g=p===void 0?"md":p,y=m===void 0?!1:m,$=h??d,k=a??s;let w;t[12]!==k||t[13]!==$||t[14]!==c?(w={...c,isSelected:$,defaultSelected:k},t[12]=k,t[13]=$,t[14]=c,t[15]=w):w=t[15];const C=Id(w),v=f.useRef(null),x=r||v;let j;t[16]!==y||t[17]!==c?(j={...c,isDisabled:y},t[16]=y,t[17]=c,t[18]=j):j=t[18];const{inputProps:E}=de.useSwitch(j,C,v),{isFocusVisible:z,focusProps:I}=de.useFocusRing(),M=C.isSelected?o:b,O=!!(o||b),D=C.isSelected,V=C.isSelected?"true":void 0,F=y?"true":void 0;let P;t[19]!==I||t[20]!==E?(P=et(E,I),t[19]=I,t[20]=E,t[21]=P):P=t[21];let K;t[22]!==P?(K=l.jsx(de.VisuallyHidden,{children:l.jsx("input",{...P,ref:x})}),t[22]=P,t[23]=K):K=t[23];let B;t[24]!==C.isSelected?(B=l.jsx(Dd,{isSelected:C.isSelected,"data-thumb":!0,"aria-hidden":"true"}),t[24]=C.isSelected,t[25]=B):B=t[25];let _;t[26]!==M||t[27]!==O||t[28]!==C.isSelected?(_=O&&M&&l.jsx(Od,{isSelected:C.isSelected,children:M}),t[26]=M,t[27]=O,t[28]=C.isSelected,t[29]=_):_=t[29];let H;t[30]!==O||t[31]!==C.isSelected||t[32]!==B||t[33]!==_?(H=l.jsxs(Fd,{isSelected:C.isSelected,hasInnerLabel:O,children:[B,_]}),t[30]=O,t[31]=C.isSelected,t[32]=B,t[33]=_,t[34]=H):H=t[34];let X;t[35]!==i||t[36]!==y||t[37]!==O||t[38]!==z||t[39]!==g||t[40]!==C.isSelected||t[41]!==H||t[42]!==V||t[43]!==F||t[44]!==K?(X=l.jsxs(_d,{size:g,isSelected:D,isDisabled:y,isFocusVisible:z,hasInnerLabel:O,className:i,"data-selected":V,"data-disabled":F,children:[K,H]}),t[35]=i,t[36]=y,t[37]=O,t[38]=z,t[39]=g,t[40]=C.isSelected,t[41]=H,t[42]=V,t[43]=F,t[44]=K,t[45]=X):X=t[45];const u=X;if(n){let T;t[46]!==y||t[47]!==C?(T=()=>{y||C.toggle()},t[46]=y,t[47]=C,t[48]=T):T=t[48];let R;t[49]!==n||t[50]!==y||t[51]!==T?(R=l.jsx(Bd,{isDisabled:y,onClick:T,children:n}),t[49]=n,t[50]=y,t[51]=T,t[52]=R):R=t[52];let L;return t[53]!==u||t[54]!==R?(L=l.jsxs(Kd,{children:[u,R]}),t[53]=u,t[54]=R,t[55]=L):L=t[55],L}return u});Gn.displayName="Switch";const Hd=S.div`
|
|
2686
|
+
display: flex;
|
|
2687
|
+
align-items: center;
|
|
2688
|
+
gap: ${({theme:e})=>e.components.transfer.container.gap};
|
|
2689
|
+
`,Wd=S.div`
|
|
2690
|
+
width: ${({theme:e})=>e.components.transfer.panel.width};
|
|
2691
|
+
height: ${({theme:e})=>e.components.transfer.panel.height};
|
|
2692
|
+
background: ${({theme:e})=>e.components.transfer.panel.background};
|
|
2693
|
+
border: ${({theme:e})=>e.components.transfer.panel.border};
|
|
2694
|
+
border-radius: ${({theme:e})=>e.components.transfer.panel.borderRadius};
|
|
2695
|
+
display: flex;
|
|
2696
|
+
flex-direction: column;
|
|
2697
|
+
overflow: hidden;
|
|
2698
|
+
`,Ud=S.div`
|
|
2699
|
+
display: flex;
|
|
2700
|
+
align-items: center;
|
|
2701
|
+
justify-content: space-between;
|
|
2702
|
+
height: ${({theme:e})=>e.components.transfer.header.height};
|
|
2703
|
+
padding: ${({theme:e})=>e.components.transfer.header.padding};
|
|
2704
|
+
font-size: ${({theme:e})=>e.components.transfer.header.fontSize};
|
|
2705
|
+
color: ${({theme:e})=>e.components.transfer.header.color};
|
|
2706
|
+
background: ${({theme:e})=>e.components.transfer.header.background};
|
|
2707
|
+
flex-shrink: 0;
|
|
2708
|
+
`,Yd=S.span`
|
|
2709
|
+
display: flex;
|
|
2710
|
+
align-items: center;
|
|
2711
|
+
gap: 8px;
|
|
2712
|
+
`,Zd=S.span`
|
|
2713
|
+
color: ${({theme:e})=>e.semantic.colors.text.transferHeader};
|
|
2714
|
+
`,Xd=S.div`
|
|
2715
|
+
padding: 10px 0;
|
|
2716
|
+
display: flex;
|
|
2717
|
+
flex-shrink: 0;
|
|
2718
|
+
width: 184px;
|
|
2719
|
+
margin: 0 auto;
|
|
2720
|
+
/* 设置子级 div 的宽度 */
|
|
2721
|
+
& > div {
|
|
2722
|
+
width: 100%;
|
|
2723
|
+
>div {
|
|
2724
|
+
min-width: 100%; /* 防止内容溢出 */
|
|
2725
|
+
}
|
|
2726
|
+
}
|
|
2727
|
+
`,Gd=S.div`
|
|
2728
|
+
flex: 1;
|
|
2729
|
+
overflow-y: auto;
|
|
2730
|
+
display: flex;
|
|
2731
|
+
flex-direction: column;
|
|
2732
|
+
padding: ${({theme:e})=>e.components.transfer.list.padding};
|
|
2733
|
+
/* 滚动条样式 */
|
|
2734
|
+
&::-webkit-scrollbar {
|
|
2735
|
+
width: 6px;
|
|
2736
|
+
}
|
|
2737
|
+
|
|
2738
|
+
&::-webkit-scrollbar-track {
|
|
2739
|
+
background: transparent;
|
|
2740
|
+
}
|
|
2741
|
+
|
|
2742
|
+
&::-webkit-scrollbar-thumb {
|
|
2743
|
+
background: ${({theme:e})=>e.semantic.colors.border.divider};
|
|
2744
|
+
border-radius: 3px;
|
|
2745
|
+
}
|
|
2746
|
+
|
|
2747
|
+
&::-webkit-scrollbar-thumb:hover {
|
|
2748
|
+
background: ${({theme:e})=>e.semantic.colors.border.primary};
|
|
2749
|
+
}
|
|
2750
|
+
`,qd=S.div`
|
|
2751
|
+
display: flex;
|
|
2752
|
+
align-items: center;
|
|
2753
|
+
height: ${({theme:e})=>e.components.transfer.item.height};
|
|
2754
|
+
font-size: ${({theme:e})=>e.components.transfer.item.fontSize};
|
|
2755
|
+
border-radius: ${({theme:e})=>e.components.transfer.item.borderRadius};
|
|
2756
|
+
gap: ${({theme:e})=>e.components.transfer.item.gap};
|
|
2757
|
+
cursor: ${({disabled:e})=>e?"not-allowed":"pointer"};
|
|
2321
2758
|
user-select: none;
|
|
2322
|
-
|
|
2323
|
-
|
|
2759
|
+
transition: ${({theme:e})=>e.components.transfer.transition};
|
|
2760
|
+
padding: ${({theme:e})=>e.components.transfer.item.padding};
|
|
2761
|
+
color: ${({theme:e,selected:r,disabled:t})=>t?e.components.transfer.item.text.disabled:r?e.components.transfer.item.text.selected:e.components.transfer.item.text.default};
|
|
2762
|
+
|
|
2763
|
+
`,Jd=S.span`
|
|
2764
|
+
flex: 1;
|
|
2765
|
+
overflow: hidden;
|
|
2766
|
+
text-overflow: ellipsis;
|
|
2767
|
+
white-space: nowrap;
|
|
2768
|
+
`,Qd=S.div`
|
|
2769
|
+
display: flex;
|
|
2770
|
+
align-items: center;
|
|
2771
|
+
gap: ${({theme:e})=>e.components.transfer.item.gap};
|
|
2772
|
+
flex: 1;
|
|
2773
|
+
overflow: hidden;
|
|
2774
|
+
`,eu=S.button`
|
|
2775
|
+
display: flex;
|
|
2776
|
+
align-items: center;
|
|
2777
|
+
justify-content: center;
|
|
2778
|
+
width: 14px;
|
|
2779
|
+
height: 14px;
|
|
2780
|
+
border: none;
|
|
2781
|
+
background: transparent;
|
|
2782
|
+
cursor: ${({disabled:e})=>e?"not-allowed":"pointer"};
|
|
2783
|
+
opacity: ${({disabled:e})=>e?.5:1};
|
|
2784
|
+
color: ${({theme:e})=>e.semantic.colors.text.tertiary};
|
|
2785
|
+
transition: all 0.2s ease;
|
|
2786
|
+
padding: 0;
|
|
2787
|
+
margin-left: 8px;
|
|
2788
|
+
|
|
2789
|
+
|
|
2790
|
+
svg {
|
|
2791
|
+
width: 16px;
|
|
2792
|
+
height: 16px;
|
|
2793
|
+
}
|
|
2794
|
+
`,tu=S.div`
|
|
2795
|
+
display: flex;
|
|
2796
|
+
flex-direction: column;
|
|
2797
|
+
gap: ${({theme:e})=>e.components.transfer.operations.gap};
|
|
2798
|
+
align-items: center;
|
|
2799
|
+
`,Ke=S.div`
|
|
2800
|
+
display: flex;
|
|
2801
|
+
align-items: center;
|
|
2802
|
+
justify-content: center;
|
|
2803
|
+
width: ${({theme:e})=>e.components.transfer.operations.width};
|
|
2804
|
+
height: ${({theme:e})=>e.components.transfer.operations.height};
|
|
2805
|
+
border-radius: 50%;
|
|
2806
|
+
border: 1px solid ${({theme:e,disabled:r,active:t})=>r?e.components.transfer.operations.borderColor.disabled:t?e.components.transfer.operations.borderColor.active:e.components.transfer.operations.borderColor.default};
|
|
2807
|
+
background: ${({theme:e,disabled:r})=>r?"#F0F0F0":e.semantic.colors.background.surface};
|
|
2808
|
+
cursor: ${({disabled:e})=>e?"not-allowed":"pointer"};
|
|
2809
|
+
transition: all 0.2s ease;
|
|
2810
|
+
opacity: ${({disabled:e})=>e?.5:1};
|
|
2811
|
+
|
|
2812
|
+
svg {
|
|
2813
|
+
width: ${({theme:e})=>e.components.transfer.operations.iconSize};
|
|
2814
|
+
height: ${({theme:e})=>e.components.transfer.operations.iconSize};
|
|
2815
|
+
color: ${({theme:e,disabled:r,active:t})=>r?e.components.transfer.operations.iconColor.disabled:t?e.components.transfer.operations.iconColor.active:e.components.transfer.operations.iconColor.default};
|
|
2816
|
+
}
|
|
2817
|
+
|
|
2818
|
+
&:hover {
|
|
2819
|
+
border-color: ${({theme:e,disabled:r})=>!r&&e.components.transfer.operations.borderColor.active};
|
|
2820
|
+
|
|
2821
|
+
svg {
|
|
2822
|
+
color: ${({theme:e,disabled:r})=>!r&&e.components.transfer.operations.iconColor.active};
|
|
2823
|
+
}
|
|
2824
|
+
}
|
|
2825
|
+
|
|
2826
|
+
&:active {
|
|
2827
|
+
border-color: ${({theme:e})=>e.components.transfer.operations.borderColor.active};
|
|
2828
|
+
|
|
2829
|
+
svg {
|
|
2830
|
+
color: ${({theme:e})=>e.components.transfer.operations.iconColor.active};
|
|
2831
|
+
}
|
|
2832
|
+
}
|
|
2833
|
+
`,ru=S.div`
|
|
2834
|
+
display: flex;
|
|
2835
|
+
align-items: center;
|
|
2836
|
+
height: ${({theme:e})=>e.components.transfer.footer.height};
|
|
2837
|
+
padding-inline: ${({theme:e})=>e.components.transfer.footer.paddingInline};
|
|
2838
|
+
font-size: ${({theme:e})=>e.components.transfer.footer.fontSize};
|
|
2839
|
+
color: ${({theme:e})=>e.components.transfer.footer.color};
|
|
2840
|
+
border-top: ${({theme:e})=>e.components.transfer.footer.borderTop};
|
|
2841
|
+
margin-top: ${({theme:e})=>e.components.transfer.footer.marginTop};
|
|
2842
|
+
flex-shrink: 0;
|
|
2843
|
+
`,ou=S.div`
|
|
2844
|
+
display: flex;
|
|
2845
|
+
align-items: center;
|
|
2846
|
+
justify-content: center;
|
|
2847
|
+
height: 100%;
|
|
2848
|
+
color: ${({theme:e})=>e.components.transfer.empty.color};
|
|
2849
|
+
font-size: ${({theme:e})=>e.components.transfer.empty.fontSize};
|
|
2850
|
+
`,nu=S.div`
|
|
2851
|
+
display: flex;
|
|
2852
|
+
align-items: center;
|
|
2853
|
+
justify-content: space-between;
|
|
2854
|
+
padding: 8px 16px;
|
|
2855
|
+
border-top: 1px solid ${({theme:e})=>e.semantic.colors.border.divider};
|
|
2856
|
+
flex-shrink: 0;
|
|
2857
|
+
font-size: 12px;
|
|
2858
|
+
color: ${({theme:e})=>e.semantic.colors.text.secondary};
|
|
2859
|
+
`,iu=S.div`
|
|
2860
|
+
display: flex;
|
|
2861
|
+
align-items: center;
|
|
2862
|
+
gap: 8px;
|
|
2863
|
+
`,su=S.div`
|
|
2864
|
+
display: flex;
|
|
2865
|
+
align-items: center;
|
|
2866
|
+
gap: 4px;
|
|
2867
|
+
`,Mo=S.button`
|
|
2868
|
+
display: flex;
|
|
2869
|
+
align-items: center;
|
|
2870
|
+
justify-content: center;
|
|
2871
|
+
width: 24px;
|
|
2872
|
+
height: 24px;
|
|
2873
|
+
border: 1px solid ${({theme:e})=>e.semantic.colors.border.primary};
|
|
2874
|
+
border-radius: ${({theme:e})=>e.global.radii.r2};
|
|
2875
|
+
background: ${({theme:e})=>e.semantic.colors.background.surface};
|
|
2876
|
+
cursor: ${({disabled:e})=>e?"not-allowed":"pointer"};
|
|
2877
|
+
opacity: ${({disabled:e})=>e?.5:1};
|
|
2878
|
+
transition: all 0.2s ease;
|
|
2879
|
+
|
|
2880
|
+
&:hover:not(:disabled) {
|
|
2881
|
+
border-color: ${({theme:e})=>e.semantic.colors.brand.primary};
|
|
2882
|
+
color: ${({theme:e})=>e.semantic.colors.brand.primary};
|
|
2883
|
+
}
|
|
2884
|
+
|
|
2885
|
+
svg {
|
|
2886
|
+
width: 14px;
|
|
2887
|
+
height: 14px;
|
|
2888
|
+
}
|
|
2889
|
+
`;S.select`
|
|
2890
|
+
height: 24px;
|
|
2891
|
+
padding: 0 20px 0 8px;
|
|
2892
|
+
border: 1px solid ${({theme:e})=>e.semantic.colors.border.primary};
|
|
2893
|
+
border-radius: ${({theme:e})=>e.global.radii.r2};
|
|
2894
|
+
background: ${({theme:e})=>e.semantic.colors.background.surface};
|
|
2895
|
+
font-size: 12px;
|
|
2896
|
+
color: ${({theme:e})=>e.semantic.colors.text.primary};
|
|
2897
|
+
cursor: pointer;
|
|
2898
|
+
outline: none;
|
|
2899
|
+
|
|
2900
|
+
&:hover {
|
|
2901
|
+
border-color: ${({theme:e})=>e.semantic.colors.brand.primary};
|
|
2902
|
+
}
|
|
2903
|
+
`;const No=({direction:e,dataSource:r,selectedKeys:t,disabled:o,showSearch:n,searchPlaceholder:i,filterOption:s,render:a,onItemSelectChange:d,title:c,showSelectAll:p=!0,footer:m,locale:b,header:h,onClearAll:g,clearMode:y="all",oneWay:$=!1,onItemDelete:k,pagination:w})=>{const C=A.useTheme(),[v,x]=f.useState(""),[j,E]=f.useState(1),[z,I]=f.useState(typeof w=="object"&&w.pageSize?w.pageSize:10),M=f.useMemo(()=>v?s?r.filter(N=>s(v,N)):r.filter(N=>{const Y=String(N.title||""),W=String(N.description||"");return Y.toLowerCase().includes(v.toLowerCase())||W.toLowerCase().includes(v.toLowerCase())}):r,[r,v,s]),O=f.useMemo(()=>M.filter(N=>!N.disabled),[M]),D=w&&!a,V=f.useMemo(()=>{if(!D)return M;const N=(j-1)*z,Y=N+z;return M.slice(N,Y)},[M,j,z,D]),F=D?V:M,P=f.useMemo(()=>D?Math.ceil(M.length/z):1,[M.length,z,D]),K=f.useCallback(N=>{E(N)},[]),B=f.useCallback(N=>{I(N),E(1)},[]),_=f.useMemo(()=>O.length===0?!1:O.every(N=>t.has(N.key)),[O,t]),H=f.useMemo(()=>{const N=O.filter(Y=>t.has(Y.key)).length;return N>0&&N<O.length},[O,t]),X=f.useCallback(N=>{const Y=new Set(t);O.forEach(W=>{N?Y.add(W.key):Y.delete(W.key)}),d(Y)},[O,t,d]),u=f.useCallback(N=>{const Y=new Set(t);Y.has(N)?Y.delete(N):Y.add(N),d(Y)},[t,d]),T=N=>a?a(N):N.title,R=O.filter(N=>t.has(N.key)).length,L=()=>l.jsxs(Ud,{children:[l.jsxs(Yd,{children:[p&&O.length>0&&l.jsx(st,{checked:_,indeterminate:H,onChange:X,disabled:o}),c]}),l.jsxs(Zd,{children:[R,"/",r.length]})]});return l.jsxs(Wd,{children:[h?h({direction:e,selectedCount:R,totalCount:r.length,selectedKeys:t,onSelectAll:X,title:c,showSelectAll:p,disabled:o,onClearAll:g,clearMode:y}):L(),n&&l.jsx(Xd,{children:l.jsx(Dr,{suffix:l.jsx(sn,{style:{color:C.components.transfer.search.iconColor}}),size:"sm",value:v,onChange:N=>x(N.target.value),placeholder:i||(b==null?void 0:b.searchPlaceholder)||"请输入搜索内容",disabled:o,"aria-label":"搜索输入框",fullWidth:!0})}),l.jsx(Gd,{children:F.length===0?l.jsx(ou,{children:(b==null?void 0:b.notFoundContent)||"暂无数据"}):F.map(N=>l.jsxs(qd,{disabled:o||N.disabled,selected:t.has(N.key),onClick:()=>{!o&&!N.disabled&&u(N.key)},children:[l.jsxs(Qd,{children:[(!$||e==="left")&&l.jsx(st,{checked:t.has(N.key),disabled:o||N.disabled,onClick:Y=>{Y.stopPropagation()}}),l.jsx(Jd,{children:T(N)})]}),$&&e==="right"&&k&&l.jsx(eu,{onClick:Y=>{Y.stopPropagation(),!o&&!N.disabled&&k(N.key)},disabled:o||N.disabled,children:l.jsx(nn,{})})]},N.key))}),D&&M.length>0&&l.jsxs(nu,{children:[l.jsxs(iu,{children:[typeof w=="object"&&w.showPageInfo!==!1&&l.jsxs("span",{children:[(j-1)*z+1,"-",Math.min(j*z,M.length)," / ",M.length]}),typeof w=="object"&&w.showSizeChanger&&l.jsx(qt,{value:z.toString(),onChange:N=>B(Number(N)),options:(w.pageSizeOptions||[10,20,50]).map(N=>({value:N.toString(),label:`${N} 条/页`})),style:{width:"80px",height:"24px",minWidth:"80px"},disabled:o})]}),l.jsxs(su,{children:[l.jsx(Mo,{onClick:()=>K(j-1),disabled:j===1,children:l.jsx($t,{})}),l.jsxs("span",{children:[j," / ",P]}),l.jsx(Mo,{onClick:()=>K(j+1),disabled:j===P,children:l.jsx(qe,{})})]})]}),m&&l.jsx(ru,{children:m({direction:e})})]})},qn=e=>{const r=re.c(102),{dataSource:t,targetKeys:o,defaultTargetKeys:n,onChange:i,titles:s,showSearch:a,searchPlaceholder:d,filterOption:c,render:p,disabled:m,className:b,style:h,operations:g,showSelectAll:y,footer:$,locale:k,header:w,oneWay:C,actions:v,pagination:x}=e;let j;r[0]!==t?(j=t===void 0?[]:t,r[0]=t,r[1]=j):j=r[1];const E=j;let z;r[2]!==n?(z=n===void 0?[]:n,r[2]=n,r[3]=z):z=r[3];const I=z;let M;r[4]!==s?(M=s===void 0?["源列表","目标列表"]:s,r[4]=s,r[5]=M):M=r[5];const O=M,D=a===void 0?!1:a;let V;r[6]!==d?(V=d===void 0?["搜索源列表","搜索目标列表"]:d,r[6]=d,r[7]=V):V=r[7];const F=V,P=m===void 0?!1:m,K=y===void 0?!0:y,B=C===void 0?!1:C;let _;r[8]!==I?(_=new Set(I),r[8]=I,r[9]=_):_=r[9];const[H,X]=f.useState(_),u=o!==void 0;let T,R;r[10]!==o||r[11]!==H||r[12]!==u?(R=u?new Set(o):H,r[10]=o,r[11]=H,r[12]=u,r[13]=R):R=r[13],T=R;const L=T;let N;r[14]===Symbol.for("react.memo_cache_sentinel")?(N=new Set,r[14]=N):N=r[14];const[Y,W]=f.useState(N);let J;r[15]===Symbol.for("react.memo_cache_sentinel")?(J=new Set,r[15]=J):J=r[15];const[G,oe]=f.useState(J);let ue,Z;if(r[16]!==E||r[17]!==L){let ee;r[19]!==L?(ee=te=>!L.has(te.key),r[19]=L,r[20]=ee):ee=r[20],Z=E.filter(ee),r[16]=E,r[17]=L,r[18]=Z}else Z=r[18];ue=Z;const ne=ue;let me,ve;if(r[21]!==E||r[22]!==L){let ee;r[24]!==L?(ee=te=>L.has(te.key),r[24]=L,r[25]=ee):ee=r[25],ve=E.filter(ee),r[21]=E,r[22]=L,r[23]=ve}else ve=r[23];me=ve;const je=me;let Ee;r[26]!==u||r[27]!==Y||r[28]!==i||r[29]!==L?(Ee=()=>{const ee=new Set(L),te=Array.from(Y);te.forEach(Te=>{ee.add(Te)}),u||X(ee),W(new Set),i==null||i(Array.from(ee),"right",te)},r[26]=u,r[27]=Y,r[28]=i,r[29]=L,r[30]=Ee):Ee=r[30];const ye=Ee;let ke;r[31]!==u||r[32]!==i||r[33]!==G||r[34]!==L?(ke=()=>{const ee=new Set(L),te=Array.from(G);te.forEach(Te=>{ee.delete(Te)}),u||X(ee),oe(new Set),i==null||i(Array.from(ee),"left",te)},r[31]=u,r[32]=i,r[33]=G,r[34]=L,r[35]=ke):ke=r[35];const $e=ke;let Q;r[36]!==u||r[37]!==ne||r[38]!==i||r[39]!==L?(Q=()=>{const ee=new Set(L),te=ne.filter(au).map(lu);te.forEach(Te=>{ee.add(Te)}),u||X(ee),W(new Set),i==null||i(Array.from(ee),"right",te)},r[36]=u,r[37]=ne,r[38]=i,r[39]=L,r[40]=Q):Q=r[40];const pe=Q;let xe;r[41]!==E||r[42]!==u||r[43]!==i||r[44]!==L?(xe=()=>{const ee=new Set(L),te=Array.from(L).filter(Te=>{const Xr=E.find(si=>si.key===Te);return Xr&&!Xr.disabled});te.forEach(Te=>{ee.delete(Te)}),u||X(ee),oe(new Set),i==null||i(Array.from(ee),"left",te)},r[41]=E,r[42]=u,r[43]=i,r[44]=L,r[45]=xe):xe=r[45];const Ie=xe;let ie;r[46]!==u||r[47]!==i||r[48]!==L?(ie=ee=>{const te=new Set(L);te.delete(ee),u||X(te),i==null||i(Array.from(te),"left",[ee])},r[46]=u,r[47]=i,r[48]=L,r[49]=ie):ie=r[49];const we=ie,q=Y.size>0&&!P,be=G.size>0&&!P;let De;r[50]!==v||r[51]!==be||r[52]!==q||r[53]!==Y||r[54]!==$e||r[55]!==ye||r[56]!==B||r[57]!==(g==null?void 0:g[0])||r[58]!==(g==null?void 0:g[1])||r[59]!==G?(De=()=>{if(v&&typeof v=="object"&&!Array.isArray(v)){const{left:ee,right:te}=v;return B?te?typeof te=="function"?l.jsx(f.Fragment,{children:te(Array.from(Y))},"right"):l.jsx(f.Fragment,{children:te},"right"):l.jsxs(Ke,{onClick:ye,disabled:!q,children:[l.jsx(qe,{}),g==null?void 0:g[0]]}):l.jsxs(l.Fragment,{children:[ee?typeof ee=="function"?l.jsx(f.Fragment,{children:ee(Array.from(Y))},"left"):l.jsx(f.Fragment,{children:ee},"left"):l.jsxs(Ke,{onClick:ye,disabled:!q,children:[l.jsx(qe,{}),g==null?void 0:g[0]]}),te?typeof te=="function"?l.jsx(f.Fragment,{children:te(Array.from(G))},"right"):l.jsx(f.Fragment,{children:te},"right"):l.jsxs(Ke,{onClick:$e,disabled:!be,children:[l.jsx($t,{}),g==null?void 0:g[1]]})]})}if(v&&Array.isArray(v)){if(B){const Te=v[0];return Te?typeof Te=="string"?l.jsx(Ke,{onClick:ye,disabled:!q,children:Te}):f.isValidElement(Te)?l.jsx(f.Fragment,{children:Te},"action-0"):typeof Te=="function"?l.jsx(f.Fragment,{children:Te(Array.from(Y))},"action-0"):l.jsx(f.Fragment,{children:Te},"action-0"):l.jsxs(Ke,{onClick:ye,disabled:!q,children:[l.jsx(qe,{}),g==null?void 0:g[0]]})}const ee=v[0],te=v[1];return l.jsxs(l.Fragment,{children:[ee?typeof ee=="string"?l.jsx(Ke,{onClick:ye,disabled:!q,children:ee}):f.isValidElement(ee)?l.jsx(f.Fragment,{children:ee},"left"):typeof ee=="function"?l.jsx(f.Fragment,{children:ee(Array.from(Y))},"left"):l.jsx(f.Fragment,{children:ee},"left"):l.jsxs(Ke,{onClick:ye,disabled:!q,children:[l.jsx(qe,{}),g==null?void 0:g[0]]}),te?typeof te=="string"?l.jsx(Ke,{onClick:$e,disabled:!be,children:te}):f.isValidElement(te)?l.jsx(f.Fragment,{children:te},"right"):typeof te=="function"?l.jsx(f.Fragment,{children:te(Array.from(G))},"right"):l.jsx(f.Fragment,{children:te},"right"):l.jsxs(Ke,{onClick:$e,disabled:!be,children:[l.jsx($t,{}),g==null?void 0:g[1]]})]})}return B?l.jsxs(Ke,{onClick:ye,disabled:!q,children:[l.jsx(qe,{}),g==null?void 0:g[0]]}):l.jsxs(l.Fragment,{children:[l.jsxs(Ke,{onClick:ye,disabled:!q,children:[l.jsx(qe,{}),g==null?void 0:g[0]]}),l.jsxs(Ke,{onClick:$e,disabled:!be,children:[l.jsx($t,{}),g==null?void 0:g[1]]})]})},r[50]=v,r[51]=be,r[52]=q,r[53]=Y,r[54]=$e,r[55]=ye,r[56]=B,r[57]=g==null?void 0:g[0],r[58]=g==null?void 0:g[1],r[59]=G,r[60]=De):De=r[60];const Pe=De;let Ae;r[61]!==pe||r[62]!==P||r[63]!==c||r[64]!==$||r[65]!==w||r[66]!==ne||r[67]!==Y||r[68]!==k||r[69]!==B||r[70]!==x||r[71]!==p||r[72]!==F[0]||r[73]!==D||r[74]!==K||r[75]!==O[0]?(Ae=l.jsx(No,{direction:"left",dataSource:ne,selectedKeys:Y,disabled:P,showSearch:D,searchPlaceholder:F[0],filterOption:c,render:p,onItemSelectChange:W,title:O[0],showSelectAll:K,footer:$,locale:k,header:w,onClearAll:pe,clearMode:"all",oneWay:B,pagination:x}),r[61]=pe,r[62]=P,r[63]=c,r[64]=$,r[65]=w,r[66]=ne,r[67]=Y,r[68]=k,r[69]=B,r[70]=x,r[71]=p,r[72]=F[0],r[73]=D,r[74]=K,r[75]=O[0],r[76]=Ae):Ae=r[76];let he;r[77]!==Pe?(he=l.jsx(tu,{children:Pe()}),r[77]=Pe,r[78]=he):he=r[78];const Fe=B?we:void 0;let ze;r[79]!==Ie||r[80]!==P||r[81]!==c||r[82]!==$||r[83]!==w||r[84]!==k||r[85]!==B||r[86]!==x||r[87]!==p||r[88]!==je||r[89]!==G||r[90]!==F[1]||r[91]!==D||r[92]!==K||r[93]!==Fe||r[94]!==O[1]?(ze=l.jsx(No,{direction:"right",dataSource:je,selectedKeys:G,disabled:P,showSearch:D,searchPlaceholder:F[1],filterOption:c,render:p,onItemSelectChange:oe,title:O[1],showSelectAll:K,footer:$,locale:k,header:w,onClearAll:Ie,clearMode:"all",oneWay:B,onItemDelete:Fe,pagination:x}),r[79]=Ie,r[80]=P,r[81]=c,r[82]=$,r[83]=w,r[84]=k,r[85]=B,r[86]=x,r[87]=p,r[88]=je,r[89]=G,r[90]=F[1],r[91]=D,r[92]=K,r[93]=Fe,r[94]=O[1],r[95]=ze):ze=r[95];let ht;return r[96]!==b||r[97]!==h||r[98]!==Ae||r[99]!==he||r[100]!==ze?(ht=l.jsxs(Hd,{className:b,style:h,children:[Ae,he,ze]}),r[96]=b,r[97]=h,r[98]=Ae,r[99]=he,r[100]=ze,r[101]=ht):ht=r[101],ht};qn.displayName="Transfer";function au(e){return!e.disabled}function lu(e){return e.key}const cu=["idle","uploading","success","error"],du=S.div`
|
|
2324
2904
|
width: 100%;
|
|
2325
|
-
`,
|
|
2905
|
+
`,uu=S.div`
|
|
2326
2906
|
position: relative;
|
|
2327
2907
|
display: flex;
|
|
2328
2908
|
flex-direction: column;
|
|
@@ -2330,14 +2910,14 @@ React keys must be passed directly to JSX without using spread:
|
|
|
2330
2910
|
justify-content: center;
|
|
2331
2911
|
gap: 24px;
|
|
2332
2912
|
padding: 40px 0;
|
|
2333
|
-
border: 1px solid ${({theme:
|
|
2913
|
+
border: 1px solid ${({theme:e,isDragActive:r})=>r?e.semantic.colors.brand.primary:e.semantic.colors.border.primary};
|
|
2334
2914
|
border-radius: 16px;
|
|
2335
|
-
background: ${({theme:
|
|
2336
|
-
cursor: ${({isDisabled:
|
|
2915
|
+
background: ${({theme:e,isDragActive:r})=>r?"#EEF6FD":e.semantic.colors.background.surface};
|
|
2916
|
+
cursor: ${({isDisabled:e})=>e?"not-allowed":"pointer"};
|
|
2337
2917
|
transition: all 0.2s ease;
|
|
2338
2918
|
outline: none;
|
|
2339
2919
|
|
|
2340
|
-
${({isDisabled:
|
|
2920
|
+
${({isDisabled:e,theme:r})=>!e&&A.css`
|
|
2341
2921
|
&:hover {
|
|
2342
2922
|
border-color: ${r.semantic.colors.brand.primary};
|
|
2343
2923
|
}
|
|
@@ -2348,87 +2928,87 @@ React keys must be passed directly to JSX without using spread:
|
|
|
2348
2928
|
}
|
|
2349
2929
|
`}
|
|
2350
2930
|
|
|
2351
|
-
${({isDisabled:
|
|
2931
|
+
${({isDisabled:e,theme:r})=>e&&A.css`
|
|
2352
2932
|
opacity: 0.5;
|
|
2353
2933
|
background: ${r.semantic.colors.background.secondary};
|
|
2354
2934
|
`}
|
|
2355
|
-
`,
|
|
2935
|
+
`,fu=S.div`
|
|
2356
2936
|
width: 100px;
|
|
2357
2937
|
height: 100px;
|
|
2358
2938
|
display: flex;
|
|
2359
2939
|
align-items: center;
|
|
2360
2940
|
justify-content: center;
|
|
2361
|
-
`,
|
|
2941
|
+
`,pu=S.div`
|
|
2362
2942
|
display: flex;
|
|
2363
2943
|
flex-direction: column;
|
|
2364
2944
|
align-items: center;
|
|
2365
2945
|
gap: 4px;
|
|
2366
2946
|
width: 100%;
|
|
2367
|
-
font-family: ${({theme:
|
|
2368
|
-
`,
|
|
2947
|
+
font-family: ${({theme:e})=>e.global.typography.fontFamily};
|
|
2948
|
+
`,hu=S.div`
|
|
2369
2949
|
font-size: 14px;
|
|
2370
2950
|
line-height: 20px;
|
|
2371
|
-
color: ${({theme:
|
|
2951
|
+
color: ${({theme:e})=>e.semantic.colors.text.primary};
|
|
2372
2952
|
text-align: center;
|
|
2373
2953
|
width: 100%;
|
|
2374
|
-
`,
|
|
2954
|
+
`,Io=S.p`
|
|
2375
2955
|
font-size: 12px;
|
|
2376
2956
|
line-height: 18px;
|
|
2377
2957
|
color: rgba(10, 24, 51, 0.4);
|
|
2378
2958
|
margin: 0;
|
|
2379
2959
|
white-space: pre;
|
|
2380
|
-
`,
|
|
2381
|
-
color: ${({theme:
|
|
2960
|
+
`,Po=S.span`
|
|
2961
|
+
color: ${({theme:e})=>e.semantic.colors.brand.primary};
|
|
2382
2962
|
cursor: pointer;
|
|
2383
2963
|
|
|
2384
2964
|
&:hover {
|
|
2385
2965
|
text-decoration: underline;
|
|
2386
2966
|
}
|
|
2387
|
-
`,
|
|
2967
|
+
`,bu=S.div`
|
|
2388
2968
|
display: flex;
|
|
2389
2969
|
flex-direction: column;
|
|
2390
2970
|
gap: 16px;
|
|
2391
2971
|
margin-top: 16px;
|
|
2392
2972
|
width: 100%;
|
|
2393
|
-
`,
|
|
2973
|
+
`,gu=S.div`
|
|
2394
2974
|
display: flex;
|
|
2395
2975
|
flex-direction: column;
|
|
2396
2976
|
gap: 0;
|
|
2397
2977
|
width: 100%;
|
|
2398
|
-
`,
|
|
2978
|
+
`,mu=S.div`
|
|
2399
2979
|
display: flex;
|
|
2400
2980
|
align-items: center;
|
|
2401
2981
|
gap: 8px;
|
|
2402
2982
|
padding: 7px 8px;
|
|
2403
2983
|
border-radius: 4px;
|
|
2404
|
-
background: ${({status:
|
|
2984
|
+
background: ${({status:e,theme:r})=>e==="success"?"#FAFAFB":e==="error"?"#FEF6F1":r.semantic.colors.background.surface};
|
|
2405
2985
|
flex: 1;
|
|
2406
|
-
`,
|
|
2986
|
+
`,xu=S.span`
|
|
2407
2987
|
display: inline-flex;
|
|
2408
2988
|
align-items: center;
|
|
2409
2989
|
justify-content: center;
|
|
2410
2990
|
width: 16px;
|
|
2411
2991
|
height: 16px;
|
|
2412
2992
|
flex-shrink: 0;
|
|
2413
|
-
color: ${({theme:
|
|
2414
|
-
`,
|
|
2993
|
+
color: ${({theme:e})=>e.semantic.colors.text.primary};
|
|
2994
|
+
`,yu=S.div`
|
|
2415
2995
|
flex: 1;
|
|
2416
|
-
font-family: ${({theme:
|
|
2996
|
+
font-family: ${({theme:e})=>e.global.typography.fontFamily};
|
|
2417
2997
|
font-size: 12px;
|
|
2418
2998
|
line-height: 18px;
|
|
2419
|
-
color: ${({status:
|
|
2999
|
+
color: ${({status:e,theme:r})=>e==="error"?r.semantic.colors.state.danger:r.semantic.colors.text.primary};
|
|
2420
3000
|
overflow: hidden;
|
|
2421
3001
|
text-overflow: ellipsis;
|
|
2422
3002
|
white-space: nowrap;
|
|
2423
|
-
`,
|
|
3003
|
+
`,vu=S.span`
|
|
2424
3004
|
display: inline-flex;
|
|
2425
3005
|
align-items: center;
|
|
2426
3006
|
justify-content: center;
|
|
2427
3007
|
width: 16px;
|
|
2428
3008
|
height: 16px;
|
|
2429
3009
|
flex-shrink: 0;
|
|
2430
|
-
color: ${({status:
|
|
2431
|
-
|
|
3010
|
+
color: ${({status:e,theme:r})=>e==="success"?r.semantic.colors.state.success:e==="error"?r.semantic.colors.state.danger:r.semantic.colors.text.secondary};
|
|
3011
|
+
`,$u=S.button`
|
|
2432
3012
|
display: inline-flex;
|
|
2433
3013
|
align-items: center;
|
|
2434
3014
|
justify-content: center;
|
|
@@ -2437,48 +3017,48 @@ React keys must be passed directly to JSX without using spread:
|
|
|
2437
3017
|
padding: 0;
|
|
2438
3018
|
border: none;
|
|
2439
3019
|
background: transparent;
|
|
2440
|
-
color: ${({theme:
|
|
3020
|
+
color: ${({theme:e})=>e.semantic.colors.text.secondary};
|
|
2441
3021
|
cursor: pointer;
|
|
2442
3022
|
flex-shrink: 0;
|
|
2443
3023
|
transition: color 0.2s ease;
|
|
2444
3024
|
|
|
2445
3025
|
&:hover {
|
|
2446
|
-
color: ${({theme:
|
|
3026
|
+
color: ${({theme:e})=>e.semantic.colors.text.primary};
|
|
2447
3027
|
}
|
|
2448
3028
|
|
|
2449
3029
|
&:focus-visible {
|
|
2450
|
-
outline: 2px solid ${({theme:
|
|
3030
|
+
outline: 2px solid ${({theme:e})=>e.semantic.colors.brand.primary};
|
|
2451
3031
|
outline-offset: 2px;
|
|
2452
3032
|
border-radius: 2px;
|
|
2453
3033
|
}
|
|
2454
|
-
`,
|
|
3034
|
+
`,wu=S.div`
|
|
2455
3035
|
display: flex;
|
|
2456
3036
|
align-items: center;
|
|
2457
3037
|
gap: 16px;
|
|
2458
3038
|
height: 16px;
|
|
2459
3039
|
margin-top: 0;
|
|
2460
|
-
`,
|
|
3040
|
+
`,ku=S.div`
|
|
2461
3041
|
flex: 1;
|
|
2462
3042
|
height: 6px;
|
|
2463
|
-
background: ${({theme:
|
|
3043
|
+
background: ${({theme:e})=>e.semantic.colors.background.secondary};
|
|
2464
3044
|
border-radius: 5px;
|
|
2465
3045
|
overflow: hidden;
|
|
2466
|
-
`,
|
|
3046
|
+
`,Su=S.div`
|
|
2467
3047
|
height: 100%;
|
|
2468
|
-
width: ${({percent:
|
|
2469
|
-
background: ${({theme:
|
|
3048
|
+
width: ${({percent:e})=>e}%;
|
|
3049
|
+
background: ${({theme:e})=>e.semantic.colors.brand.primary};
|
|
2470
3050
|
border-radius: 12px;
|
|
2471
3051
|
transition: width 0.3s ease;
|
|
2472
|
-
`,
|
|
2473
|
-
font-family: ${({theme:
|
|
3052
|
+
`,Cu=S.span`
|
|
3053
|
+
font-family: ${({theme:e})=>e.global.typography.fontFamily};
|
|
2474
3054
|
font-size: 12px;
|
|
2475
3055
|
line-height: 18px;
|
|
2476
|
-
color: ${({theme:
|
|
3056
|
+
color: ${({theme:e})=>e.semantic.colors.text.secondary};
|
|
2477
3057
|
white-space: nowrap;
|
|
2478
3058
|
flex-shrink: 0;
|
|
2479
3059
|
width: 40px;
|
|
2480
3060
|
text-align: right;
|
|
2481
|
-
`,
|
|
3061
|
+
`,ju=S.input`
|
|
2482
3062
|
position: absolute;
|
|
2483
3063
|
width: 1px;
|
|
2484
3064
|
height: 1px;
|
|
@@ -2488,5 +3068,134 @@ React keys must be passed directly to JSX without using spread:
|
|
|
2488
3068
|
clip: rect(0, 0, 0, 0);
|
|
2489
3069
|
white-space: nowrap;
|
|
2490
3070
|
border-width: 0;
|
|
2491
|
-
`,Va=$a,Da=()=>{const t=ee.c(2);let r;t[0]===Symbol.for("react.memo_cache_sentinel")?(r=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]=r):r=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:[r,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},Ka=()=>{const t=ee.c(1);let r;return t[0]===Symbol.for("react.memo_cache_sentinel")?(r=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]=r):r=t[0],r},Ba=()=>{const t=ee.c(1);let r;return t[0]===Symbol.for("react.memo_cache_sentinel")?(r=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]=r):r=t[0],r},Ha=()=>{const t=ee.c(1);let r;return t[0]===Symbol.for("react.memo_cache_sentinel")?(r=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]=r):r=t[0],r},Wa=()=>{const t=ee.c(1);let r;return t[0]===Symbol.for("react.memo_cache_sentinel")?(r=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]=r):r=t[0],r},Ua=()=>`upload-${Date.now()}-${Math.random().toString(36).slice(2,9)}`,Po=g.forwardRef((t,r)=>{const e=ee.c(68),{accept:o,multiple:n,maxSize:i,maxCount:s,disabled:l,fileList:d,defaultFileList:u,onChange:f,beforeUpload:m,customRequest:h,mainText:b,secondaryText:y,fileTypeHint:x,downloadTemplateText:$,onDownloadTemplate:w,className:k,icon:C}=t,v=n===void 0?!1:n,p=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 E=S,T=g.useRef(null),L=g.useRef(null),[I,B]=g.useState(E),[M,A]=g.useState(!1),V=d!==void 0,P=V?d:I;let F;e[2]!==V||e[3]!==f?(F=Q=>{V||B(Q),f==null||f(Q)},e[2]=V,e[3]=f,e[4]=F):F=e[4];const H=F;let W,Y;if(e[5]!==m||e[6]!==h||e[7]!==P||e[8]!==s||e[9]!==i||e[10]!==H){W=async Re=>{if(!Re||Re.length===0)return;const Ne=Array.from(Re);if(s&&P.length+Ne.length>s){console.warn(`最多只能上传 ${s} 个文件`);return}const Ie=[];for(const fe of Ne){if(i&&fe.size>i){console.warn(`文件 ${fe.name} 超过大小限制`);continue}if(m)try{if(!await m(fe))continue}catch(Le){console.error("beforeUpload error:",Le);continue}const Oe={uid:Ua(),name:fe.name,file:fe,status:"uploading",percent:0};Ie.push(Oe)}if(Ie.length===0)return;const Fe=[...P,...Ie];H(Fe),Ie.forEach(fe=>{h?h({file:fe.file,onProgress:Oe=>{H(Fe.map(Le=>Le.uid===fe.uid?{...Le,percent:Oe}:Le))},onSuccess:()=>{H(Fe.map(Oe=>Oe.uid===fe.uid?{...Oe,status:"success",percent:100}:Oe))},onError:Oe=>{H(Fe.map(Le=>Le.uid===fe.uid?{...Le,status:"error",error:Oe.message}:Le))}}):Q(fe.uid,Fe)})};const Q=(Re,Ne)=>{let Ie;Ie=0;const Fe=setInterval(()=>{Ie=Ie+10,Ie>=100?(clearInterval(Fe),H(Ne.map(fe=>fe.uid===Re?{...fe,status:"success",percent:100}:fe))):H(Ne.map(fe=>fe.uid===Re?{...fe,percent:Ie}:fe))},200)};Y=Re=>{W(Re.target.files),T.current&&(T.current.value="")},e[5]=m,e[6]=h,e[7]=P,e[8]=s,e[9]=i,e[10]=H,e[11]=W,e[12]=Y}else W=e[11],Y=e[12];const Z=Y;let c;e[13]!==p?(c=Q=>{Q.preventDefault(),Q.stopPropagation(),p||A(!0)},e[13]=p,e[14]=c):c=e[14];const z=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 O=R,U=Ya;let G;e[16]!==p||e[17]!==W?(G=Q=>{if(Q.preventDefault(),Q.stopPropagation(),A(!1),p)return;const Re=Q.dataTransfer.files;W(Re)},e[16]=p,e[17]=W,e[18]=G):G=e[18];const D=G;let J;e[19]!==p?(J=()=>{var Q;p||(Q=T.current)==null||Q.click()},e[19]=p,e[20]=J):J=e[20];const q=J;let le;e[21]!==P||e[22]!==H?(le=Q=>{const Re=P.filter(Ne=>Ne.uid!==Q);H(Re)},e[21]=P,e[22]=H,e[23]=le):le=e[23];const X=le;let K;e[24]!==p||e[25]!==q?(K={onPress:q,isDisabled:p},e[24]=p,e[25]=q,e[26]=K):K=e[26];const{buttonProps:oe}=de.useButton(K,L),be=Za,xe=p?-1:0;let ge;e[27]!==C?(ge=C||a.jsx(Da,{}),e[27]=C,e[28]=ge):ge=e[28];let ye;e[29]!==ge?(ye=a.jsx(Ca,{children:ge}),e[29]=ge,e[30]=ye):ye=e[30];let ke;e[31]!==b?(ke=b||a.jsxs(a.Fragment,{children:["将文件拖到此处,或",a.jsx(Mr,{children:"点击上传"})]}),e[31]=b,e[32]=ke):ke=e[32];let $e;e[33]!==ke?($e=a.jsx(Ra,{children:ke}),e[33]=ke,e[34]=$e):$e=e[34];let we;e[35]!==y?(we=y&&a.jsx(Lr,{children:y}),e[35]=y,e[36]=we):we=e[36];let Ee;e[37]!==$||e[38]!==x||e[39]!==w?(Ee=(x||$)&&a.jsxs(Lr,{children:[x,$&&w&&a.jsxs(a.Fragment,{children:[" ",a.jsx(Mr,{onClick:Q=>{Q.stopPropagation(),w()},children:$})]})]}),e[37]=$,e[38]=x,e[39]=w,e[40]=Ee):Ee=e[40];let ae;e[41]!==$e||e[42]!==we||e[43]!==Ee?(ae=a.jsxs(ja,{children:[$e,we,Ee]}),e[41]=$e,e[42]=we,e[43]=Ee,e[44]=ae):ae=e[44];let ce;e[45]!==o||e[46]!==p||e[47]!==Z||e[48]!==v?(ce=a.jsx(Fa,{ref:T,type:"file",accept:o,multiple:v,onChange:Z,disabled:p,"aria-hidden":"true"}),e[45]=o,e[46]=p,e[47]=Z,e[48]=v,e[49]=ce):ce=e[49];let Se;e[50]!==oe||e[51]!==p||e[52]!==z||e[53]!==D||e[54]!==M||e[55]!==xe||e[56]!==ye||e[57]!==ae||e[58]!==ce?(Se=a.jsxs(Sa,{...oe,ref:L,isDragActive:M,isDisabled:p,onDragEnter:z,onDragLeave:O,onDragOver:U,onDrop:D,role:"button",tabIndex:xe,"aria-label":"上传文件区域",children:[ye,ae,ce]}),e[50]=oe,e[51]=p,e[52]=z,e[53]=D,e[54]=M,e[55]=xe,e[56]=ye,e[57]=ae,e[58]=ce,e[59]=Se):Se=e[59];let je;e[60]!==P||e[61]!==X?(je=P.length>0&&a.jsx(za,{children:P.map(Q=>a.jsxs(Ea,{status:Q.status,children:[a.jsxs(Ta,{status:Q.status,children:[a.jsx(Ia,{children:a.jsx(Ka,{})}),a.jsx(La,{status:Q.status,children:Q.name}),(Q.status==="success"||Q.status==="error")&&a.jsxs(a.Fragment,{children:[a.jsx(Ma,{status:Q.status,children:be(Q.status)}),a.jsx(Pa,{onClick:()=>X(Q.uid),"aria-label":`删除文件 ${Q.name}`,children:a.jsx(Wa,{})})]})]}),Q.status==="uploading"&&a.jsxs(Aa,{children:[a.jsx(Oa,{children:a.jsx(_a,{percent:Q.percent||0})}),a.jsxs(Na,{children:[Q.percent||0,"%"]})]})]},Q.uid))}),e[60]=P,e[61]=X,e[62]=je):je=e[62];let rt;return e[63]!==k||e[64]!==r||e[65]!==Se||e[66]!==je?(rt=a.jsxs(wa,{ref:r,className:k,children:[Se,je]}),e[63]=k,e[64]=r,e[65]=Se,e[66]=je,e[67]=rt):rt=e[67],rt});Po.displayName="Upload";function Ya(t){t.preventDefault(),t.stopPropagation()}function Za(t){switch(t){case"success":return a.jsx(Ba,{});case"error":return a.jsx(Ha,{});default:return null}}const Xa=({global:t,semantic:r})=>({primary:{background:{default:r.colors.brand.primary,hover:r.colors.brand.primaryHover,active:r.colors.brand.primaryActive},text:{default:r.colors.text.onBrand},border:{default:"transparent"},shadow:{default:"none",hover:"none"}},secondary:{background:{default:r.colors.background.surface,hover:r.colors.background.surfaceSubtle,active:r.colors.background.surfaceSubtle},text:{default:r.colors.brand.primary},border:{default:r.colors.border.primary,hover:r.colors.brand.primary,active:r.colors.brand.primaryActive},shadow:{default:"none"}},text:{background:{default:"transparent",hover:r.colors.brand.primarySubtle,active:"#F0F0F0"},text:{default:r.colors.brand.primary},border:{default:"transparent",hover:"transparent",active:"transparent"}},danger:{background:{default:r.colors.state.danger,hover:r.colors.state.dangerHover,active:r.colors.state.dangerActive},text:{default:r.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:r.colors.border.primary},text:{default:r.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"}),Ga=({global:t,semantic:r})=>({appearance:{solid:{primary:{background:{default:r.colors.brand.primary,hover:r.colors.brand.primaryHover,active:r.colors.brand.primaryActive},border:{default:"transparent"},icon:{default:r.colors.text.onBrand}},neutral:{background:{default:r.colors.background.surface,hover:r.colors.background.surfaceSubtle,active:r.colors.background.surfaceStrong},border:{default:"transparent"},icon:{default:r.colors.text.primary}},danger:{background:{default:r.colors.state.danger,hover:r.colors.state.dangerHover,active:r.colors.state.dangerActive},border:{default:"transparent"},icon:{default:r.colors.state.dangerOn}}},outline:{primary:{background:{default:"transparent",hover:r.colors.brand.primarySubtle,active:"rgba(44, 111, 231, 0.16)"},border:{default:r.colors.brand.primary,hover:r.colors.brand.primary,active:r.colors.brand.primary},icon:{default:r.colors.brand.primary,hover:r.colors.brand.primaryHover,active:r.colors.brand.primaryActive}},neutral:{background:{default:"transparent",hover:r.colors.background.surfaceSubtle,active:r.colors.background.surfaceStrong},border:{default:r.colors.border.primary,hover:r.colors.border.strong,active:r.colors.border.strong},icon:{default:r.colors.text.primary,hover:r.colors.text.primary,active:r.colors.text.primary}},danger:{background:{default:"transparent",hover:r.colors.state.dangerSubtle,active:"rgba(237, 28, 28, 0.18)"},border:{default:r.colors.state.danger,hover:r.colors.state.danger,active:r.colors.state.danger},icon:{default:r.colors.state.danger,hover:r.colors.state.dangerHover,active:r.colors.state.dangerActive}}},ghost:{primary:{background:{default:"transparent",hover:r.colors.brand.primarySubtle,active:"rgba(44, 111, 231, 0.16)"},border:{default:"transparent"},icon:{default:r.colors.brand.primary,hover:r.colors.brand.primaryHover,active:r.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:r.colors.text.primary}},danger:{background:{default:"transparent",hover:r.colors.state.dangerSubtle,active:"rgba(237, 28, 28, 0.18)"},border:{default:"transparent"},icon:{default:r.colors.state.danger,hover:r.colors.state.dangerHover,active:r.colors.state.dangerActive}}}},disabled:{background:r.colors.background.surfaceSubtle,border:r.colors.border.primary,icon:r.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"}}),qa=({global:t,semantic:r})=>({control:{size:"16px",borderRadius:t.radii.r2,borderWidth:"1px",background:{default:t.colors.common.white,checked:r.colors.brand.primary,disabled:t.colors.neutral[100],disabledChecked:t.colors.blue[200]},borderColor:{default:t.colors.neutral[400],hover:r.colors.brand.primary,checked:r.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"}),Ja=({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"}),Qa=({global:t,semantic:r})=>({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:r.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"}}),ec=({global:t,semantic:r})=>({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:r.colors.border.primary,hover:r.colors.border.strong,focus:r.colors.brand.primary,error:r.colors.state.danger,disabled:r.colors.border.primary},background:{default:r.colors.background.surface,disabled:r.colors.background.secondary},text:{default:r.colors.text.primary,placeholder:r.colors.text.placeholder,disabled:r.colors.text.disabled,error:r.colors.state.danger,counter:r.colors.text.caption},borderRadius:t.radii.r3,gap:t.spacing.sm,transition:"0.2s ease"}),tc=({global:t,semantic:r})=>({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:r.colors.border.primary,hover:r.colors.border.strong,focus:r.colors.brand.primary,error:r.colors.state.danger,disabled:r.colors.border.primary},background:{default:r.colors.background.surface,hover:r.colors.background.surface,disabled:r.colors.background.secondary},text:{default:r.colors.text.primary,placeholder:r.colors.text.placeholder,disabled:r.colors.text.disabled,error:r.colors.state.danger},borderRadius:t.radii.r3,gap:t.spacing.sm,transition:"0.2s ease",popover:{background:r.colors.background.surface,border:`1px solid ${r.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:r.colors.background.surfaceSubtle,selected:r.colors.brand.primarySubtle,focused:r.colors.background.surfaceSubtle},text:{default:r.colors.text.primary,hover:r.colors.text.primary,selected:r.colors.brand.primary,disabled:r.colors.text.disabled}}}),rc=({global:t,semantic:r})=>({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:r.colors.border.strong,hover:r.colors.brand.primaryHover,disabled:r.colors.border.strong},background:{default:r.colors.background.surface,hover:r.colors.background.surfaceSubtle,disabled:r.colors.background.secondary},text:{default:r.colors.text.primary,placeholder:r.colors.text.placeholder,disabled:r.colors.text.disabled},transition:"0.2s ease"}),oc=({global:t,semantic:r})=>({border:{default:r.colors.border.primary},background:{default:r.colors.background.surface,hover:r.colors.background.surfaceSubtle},text:{default:r.colors.text.secondary,title:r.colors.text.primary},divider:r.colors.border.primary,arrow:{default:r.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"}),nc=({global:t,semantic:r,mode:e})=>{const o=e==="dark";return{colors:{default:{background:{default:o?"rgba(148, 163, 184, 0.15)":t.colors.neutral[100],hover:o?"rgba(148, 163, 184, 0.2)":t.colors.neutral[200],active:o?"rgba(148, 163, 184, 0.25)":t.colors.neutral[300],checked:r.colors.brand.primary,checkedHover:r.colors.brand.primaryHover,checkedActive:r.colors.brand.primaryActive},text:{default:o?t.colors.word[100]:"rgba(10, 24, 51, 0.7)",checked:t.colors.common.white},border:{default:o?"rgba(148, 163, 184, 0.28)":t.colors.neutral[400],hover:o?"rgba(148, 163, 184, 0.38)":t.colors.neutral[500],active:o?"rgba(148, 163, 184, 0.48)":t.colors.word[600],checked:r.colors.brand.primary,checkedHover:r.colors.brand.primaryHover,checkedActive:r.colors.brand.primaryActive}},red:{background:{default:o?"rgba(170, 14, 41, 0.12)":"rgba(170, 14, 41, 0.08)",hover:o?"rgba(170, 14, 41, 0.16)":"rgba(170, 14, 41, 0.12)",active:o?"rgba(170, 14, 41, 0.2)":"rgba(170, 14, 41, 0.16)"},text:{default:o?t.colors.red[300]:t.colors.red[700]},border:{default:o?"rgba(170, 14, 41, 0.3)":"rgba(170, 14, 41, 0.25)"}},orange:{background:{default:o?"rgba(237, 154, 0, 0.12)":"rgba(237, 154, 0, 0.08)",hover:o?"rgba(237, 154, 0, 0.16)":"rgba(237, 154, 0, 0.12)",active:o?"rgba(237, 154, 0, 0.2)":"rgba(237, 154, 0, 0.16)"},text:{default:o?t.colors.orange[300]:t.colors.orange[500]},border:{default:o?"rgba(237, 154, 0, 0.3)":"rgba(237, 154, 0, 0.25)"}},yellow:{background:{default:o?"rgba(250, 208, 0, 0.12)":"rgba(250, 208, 0, 0.08)",hover:o?"rgba(250, 208, 0, 0.16)":"rgba(250, 208, 0, 0.12)",active:o?"rgba(250, 208, 0, 0.2)":"rgba(250, 208, 0, 0.16)"},text:{default:o?t.colors.yellow[300]:t.colors.yellow[500]},border:{default:o?"rgba(250, 208, 0, 0.3)":"rgba(250, 208, 0, 0.25)"}},green:{background:{default:o?"rgba(51, 189, 72, 0.12)":"rgba(51, 189, 72, 0.08)",hover:o?"rgba(51, 189, 72, 0.16)":"rgba(51, 189, 72, 0.12)",active:o?"rgba(51, 189, 72, 0.2)":"rgba(51, 189, 72, 0.16)"},text:{default:o?t.colors.green[300]:t.colors.green[500]},border:{default:o?"rgba(51, 189, 72, 0.3)":"rgba(51, 189, 72, 0.25)"}},lavender:{background:{default:o?"rgba(99, 79, 214, 0.12)":"rgba(99, 79, 214, 0.08)",hover:o?"rgba(99, 79, 214, 0.16)":"rgba(99, 79, 214, 0.12)",active:o?"rgba(99, 79, 214, 0.2)":"rgba(99, 79, 214, 0.16)"},text:{default:o?t.colors.lavender[300]:t.colors.lavender[500]},border:{default:o?"rgba(99, 79, 214, 0.3)":"rgba(99, 79, 214, 0.25)"}},lilac:{background:{default:o?"rgba(159, 58, 214, 0.12)":"rgba(159, 58, 214, 0.08)",hover:o?"rgba(159, 58, 214, 0.16)":"rgba(159, 58, 214, 0.12)",active:o?"rgba(159, 58, 214, 0.2)":"rgba(159, 58, 214, 0.16)"},text:{default:o?t.colors.lilac[300]:t.colors.lilac[500]},border:{default:o?"rgba(159, 58, 214, 0.3)":"rgba(159, 58, 214, 0.25)"}},carmine:{background:{default:o?"rgba(214, 58, 191, 0.12)":"rgba(214, 58, 191, 0.08)",hover:o?"rgba(214, 58, 191, 0.16)":"rgba(214, 58, 191, 0.12)",active:o?"rgba(214, 58, 191, 0.2)":"rgba(214, 58, 191, 0.16)"},text:{default:o?t.colors.carmine[300]:t.colors.carmine[500]},border:{default:o?"rgba(214, 58, 191, 0.3)":"rgba(214, 58, 191, 0.25)"}},rose:{background:{default:o?"rgba(229, 30, 100, 0.12)":"rgba(229, 30, 100, 0.08)",hover:o?"rgba(229, 30, 100, 0.16)":"rgba(229, 30, 100, 0.12)",active:o?"rgba(229, 30, 100, 0.2)":"rgba(229, 30, 100, 0.16)"},text:{default:o?t.colors.rose[300]:t.colors.rose[500]},border:{default:o?"rgba(229, 30, 100, 0.3)":"rgba(229, 30, 100, 0.25)"}},mint:{background:{default:o?"rgba(71, 192, 214, 0.12)":"rgba(71, 192, 214, 0.08)",hover:o?"rgba(71, 192, 214, 0.16)":"rgba(71, 192, 214, 0.12)",active:o?"rgba(71, 192, 214, 0.2)":"rgba(71, 192, 214, 0.16)"},text:{default:o?t.colors.mint[300]:t.colors.mint[500]},border:{default:o?"rgba(71, 192, 214, 0.3)":"rgba(71, 192, 214, 0.25)"}},olive:{background:{default:o?"rgba(187, 214, 36, 0.12)":"rgba(187, 214, 36, 0.08)",hover:o?"rgba(187, 214, 36, 0.16)":"rgba(187, 214, 36, 0.12)",active:o?"rgba(187, 214, 36, 0.2)":"rgba(187, 214, 36, 0.16)"},text:{default:o?t.colors.olive[300]:t.colors.olive[500]},border:{default:o?"rgba(187, 214, 36, 0.3)":"rgba(187, 214, 36, 0.25)"}},blue:{background:{default:o?"rgba(44, 111, 231, 0.12)":"rgba(44, 111, 231, 0.08)",hover:o?"rgba(44, 111, 231, 0.16)":"rgba(44, 111, 231, 0.12)",active:o?"rgba(44, 111, 231, 0.2)":"rgba(44, 111, 231, 0.16)"},text:{default:r.colors.brand.primary},border:{default:o?"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}}},ic=({global:t,mode:r})=>{const e=r==="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"}}},sc=({global:t,semantic:r,mode:e})=>{const o=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:o?"rgba(44, 111, 231, 0.35)":"rgba(44, 111, 231, 0.25)"},line:{color:{default:r.colors.border.primary,active:r.colors.brand.primary},size:"1px"},text:{title:{color:{default:r.colors.text.primary,active:r.colors.brand.primary,error:r.colors.state.danger,waiting:r.colors.text.tertiary},fontWeight:t.typography.fontWeight.medium,fontSize:t.typography.fontSize.sm},description:{color:r.colors.text.secondary,fontSize:t.typography.fontSize.xs}},state:{process:{color:r.colors.brand.primary,bg:r.colors.brand.primary},wait:{color:r.colors.text.tertiary,bg:o?"rgba(148, 163, 184, 0.2)":t.colors.neutral[200]},finish:{color:r.colors.brand.primary,bg:o?"rgba(44, 111, 231, 0.15)":r.colors.brand.primarySubtle},error:{color:r.colors.state.danger,bg:o?"rgba(170, 14, 41, 0.15)":r.colors.state.dangerSubtle}},gap:t.spacing.sm}},lc=({global:t,semantic:r,mode:e})=>{const o=e==="dark";return{container:{width:{expanded:"240px",collapsed:"68px"},background:o?r.colors.background.surface:t.colors.common.white,border:`1px solid ${r.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:o?r.colors.background.surfaceStrong:r.colors.background.surfaceSubtle,active:o?"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:r.colors.text.primary,hover:r.colors.text.primary,active:r.colors.text.primary},transition:"0.2s ease"},subItem:{paddingLeft:"20px",background:{default:"transparent",hover:o?r.colors.background.surfaceStrong:r.colors.background.surfaceSubtle,active:o?"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:r.colors.text.secondary,paddingInline:"0",marginBottom:t.spacing.sm},scrollbar:{width:"8px",thumbColor:o?"rgba(255, 255, 255, 0.2)":"rgba(0, 0, 0, 0.2)",trackColor:"transparent"},popover:{background:o?r.colors.background.surface:t.colors.common.white,border:`1px solid ${r.colors.border.primary}`,borderRadius:t.radii.r4,boxShadow:o?"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:o?r.colors.background.surfaceStrong:r.colors.background.surfaceSubtle,active:o?"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:r.colors.text.primary,hover:r.colors.text.primary,active:r.colors.brand.primary}}}}},Ao=t=>({button:Xa(t),iconButton:Ga(t),checkbox:qa(t),radio:Ja(t),switch:Qa(t),input:ec(t),select:tc(t),numberfield:rc(t),collapse:oc(t),tag:nc(t),skeleton:ic(t),stepper:sc(t),menu:lc(t)}),rr=(t,r="light")=>{const e={colors:pe.globalColors,spacing:pe.globalSpacing,radii:pe.globalRadii,typography:pe.globalTypography,shadows:pe.globalShadows,gradients:pe.globalGradients};return{global:e,semantic:t,components:Ao({global:e,semantic:t,mode:r})}},Oo=rr(pe.lightSemantic,"light"),_o=rr(pe.darkSemantic,"dark"),ac=t=>{const r=ee.c(3),{children:e,mode:o,theme:n}=t,s=n??((o===void 0?"light":o)==="dark"?_o:Oo);let l;return r[0]!==e||r[1]!==s?(l=a.jsx(pe.CustomThemeProvider,{theme:s,children:e}),r[0]=e,r[1]=s,r[2]=l):l=r[2],l};Object.defineProperty(exports,"CustomThemeProvider",{enumerable:!0,get:()=>pe.CustomThemeProvider});Object.defineProperty(exports,"darkSemantic",{enumerable:!0,get:()=>pe.darkSemantic});Object.defineProperty(exports,"globalColors",{enumerable:!0,get:()=>pe.globalColors});Object.defineProperty(exports,"globalGradients",{enumerable:!0,get:()=>pe.globalGradients});Object.defineProperty(exports,"globalRadii",{enumerable:!0,get:()=>pe.globalRadii});Object.defineProperty(exports,"globalShadows",{enumerable:!0,get:()=>pe.globalShadows});Object.defineProperty(exports,"globalSpacing",{enumerable:!0,get:()=>pe.globalSpacing});Object.defineProperty(exports,"globalTypography",{enumerable:!0,get:()=>pe.globalTypography});Object.defineProperty(exports,"lightSemantic",{enumerable:!0,get:()=>pe.lightSemantic});exports.BUTTON_SIZES=on;exports.BUTTON_VARIANTS=rn;exports.Button=Ar;exports.Checkbox=Je;exports.CheckboxButton=eo;exports.CheckboxWrapper=To;exports.Collapse=to;exports.CollapseItem=ro;exports.DesignThemeProvider=ac;exports.EmptyState=Wl;exports.ICON_BUTTON_APPEARANCES=pn;exports.ICON_BUTTON_SIZES=bn;exports.ICON_BUTTON_TONES=hn;exports.IconButton=Or;exports.Input=oo;exports.ListBoxContent=er;exports.ListBoxPopup=So;exports.LoadingWrapper=zo;exports.Menu=no;exports.MenuGroup=so;exports.MenuItem=io;exports.NumberInput=ao;exports.OptionIcon=Ro;exports.OptionItem=Co;exports.OptionText=jo;exports.PROGRESS_SIZES=ul;exports.PROGRESS_STATUSES=fl;exports.PROGRESS_TYPES=dl;exports.Progress=ho;exports.Radio=qt;exports.SWITCH_SIZES=ka;exports.Select=tr;exports.SelectIcon=wo;exports.SelectTrigger=$o;exports.SelectValue=Dt;exports.SelectWrapper=ko;exports.Skeleton=uo;exports.Step=po;exports.Stepper=fo;exports.SubMenuItem=lo;exports.SubMenuPopover=Gt;exports.Switch=Mo;exports.TABLE_SIZES=aa;exports.TABLE_VARIANTS=ca;exports.Table=ua;exports.Tag=Qe;exports.TagAdd=Qt;exports.TagsContainer=Eo;exports.UPLOAD_STATUSES=Va;exports.Upload=Po;exports.createComponentTokens=Ao;exports.createDesignTheme=rr;exports.defaultDarkDesignTheme=_o;exports.defaultLightDesignTheme=Oo;exports.selectSizes=Kl;exports.skeletonRadii=Ks;exports.skeletonVariants=Ds;
|
|
3071
|
+
`,Eu=cu,Tu=()=>{const e=re.c(2);let r;e[0]===Symbol.for("react.memo_cache_sentinel")?(r=l.jsxs("g",{clipPath:"url(#clip0_6955_14967)",children:[l.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"}),l.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"}),l.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"}),l.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"}),l.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"})]}),e[0]=r):r=e[0];let t;return e[1]===Symbol.for("react.memo_cache_sentinel")?(t=l.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"100",height:"100",viewBox:"0 0 100 100",fill:"none",children:[r,l.jsx("defs",{children:l.jsx("clipPath",{id:"clip0_6955_14967",children:l.jsx("rect",{width:"100",height:"100",fill:"white"})})})]}),e[1]=t):t=e[1],t},Ru=()=>{const e=re.c(1);let r;return e[0]===Symbol.for("react.memo_cache_sentinel")?(r=l.jsxs("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[l.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"}),l.jsx("path",{d:"M5 7H7",stroke:"currentColor",strokeWidth:"1.2",strokeLinecap:"round"}),l.jsx("path",{d:"M5 10H11",stroke:"currentColor",strokeWidth:"1.2",strokeLinecap:"round"})]}),e[0]=r):r=e[0],r},zu=()=>{const e=re.c(1);let r;return e[0]===Symbol.for("react.memo_cache_sentinel")?(r=l.jsxs("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[l.jsx("circle",{cx:"8",cy:"8",r:"8",fill:"currentColor"}),l.jsx("path",{d:"M11.3333 5.5L6.75 10.0833L4.66667 8",stroke:"white",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})]}),e[0]=r):r=e[0],r},Lu=()=>{const e=re.c(1);let r;return e[0]===Symbol.for("react.memo_cache_sentinel")?(r=l.jsxs("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[l.jsx("circle",{cx:"8",cy:"8",r:"8",fill:"currentColor"}),l.jsx("path",{d:"M10 6L6 10M6 6L10 10",stroke:"white",strokeWidth:"1.5",strokeLinecap:"round"})]}),e[0]=r):r=e[0],r},Mu=()=>{const e=re.c(1);let r;return e[0]===Symbol.for("react.memo_cache_sentinel")?(r=l.jsx("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:l.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"})}),e[0]=r):r=e[0],r},Nu=()=>`upload-${Date.now()}-${Math.random().toString(36).slice(2,9)}`,Jn=f.forwardRef((e,r)=>{const t=re.c(68),{accept:o,multiple:n,maxSize:i,maxCount:s,disabled:a,fileList:d,defaultFileList:c,onChange:p,beforeUpload:m,customRequest:b,mainText:h,secondaryText:g,fileTypeHint:y,downloadTemplateText:$,onDownloadTemplate:k,className:w,icon:C}=e,v=n===void 0?!1:n,x=a===void 0?!1:a;let j;t[0]!==c?(j=c===void 0?[]:c,t[0]=c,t[1]=j):j=t[1];const E=j,z=f.useRef(null),I=f.useRef(null),[M,O]=f.useState(E),[D,V]=f.useState(!1),F=d!==void 0,P=F?d:M;let K;t[2]!==F||t[3]!==p?(K=q=>{F||O(q),p==null||p(q)},t[2]=F,t[3]=p,t[4]=K):K=t[4];const B=K;let _,H;if(t[5]!==m||t[6]!==b||t[7]!==P||t[8]!==s||t[9]!==i||t[10]!==B){_=async be=>{if(!be||be.length===0)return;const De=Array.from(be);if(s&&P.length+De.length>s){console.warn(`最多只能上传 ${s} 个文件`);return}const Pe=[];for(const he of De){if(i&&he.size>i){console.warn(`文件 ${he.name} 超过大小限制`);continue}if(m)try{if(!await m(he))continue}catch(ze){console.error("beforeUpload error:",ze);continue}const Fe={uid:Nu(),name:he.name,file:he,status:"uploading",percent:0};Pe.push(Fe)}if(Pe.length===0)return;const Ae=[...P,...Pe];B(Ae),Pe.forEach(he=>{b?b({file:he.file,onProgress:Fe=>{B(Ae.map(ze=>ze.uid===he.uid?{...ze,percent:Fe}:ze))},onSuccess:()=>{B(Ae.map(Fe=>Fe.uid===he.uid?{...Fe,status:"success",percent:100}:Fe))},onError:Fe=>{B(Ae.map(ze=>ze.uid===he.uid?{...ze,status:"error",error:Fe.message}:ze))}}):q(he.uid,Ae)})};const q=(be,De)=>{let Pe;Pe=0;const Ae=setInterval(()=>{Pe=Pe+10,Pe>=100?(clearInterval(Ae),B(De.map(he=>he.uid===be?{...he,status:"success",percent:100}:he))):B(De.map(he=>he.uid===be?{...he,percent:Pe}:he))},200)};H=be=>{_(be.target.files),z.current&&(z.current.value="")},t[5]=m,t[6]=b,t[7]=P,t[8]=s,t[9]=i,t[10]=B,t[11]=_,t[12]=H}else _=t[11],H=t[12];const X=H;let u;t[13]!==x?(u=q=>{q.preventDefault(),q.stopPropagation(),x||V(!0)},t[13]=x,t[14]=u):u=t[14];const T=u;let R;t[15]===Symbol.for("react.memo_cache_sentinel")?(R=q=>{q.preventDefault(),q.stopPropagation(),V(!1)},t[15]=R):R=t[15];const L=R,N=Iu;let Y;t[16]!==x||t[17]!==_?(Y=q=>{if(q.preventDefault(),q.stopPropagation(),V(!1),x)return;const be=q.dataTransfer.files;_(be)},t[16]=x,t[17]=_,t[18]=Y):Y=t[18];const W=Y;let J;t[19]!==x?(J=()=>{var q;x||(q=z.current)==null||q.click()},t[19]=x,t[20]=J):J=t[20];const G=J;let oe;t[21]!==P||t[22]!==B?(oe=q=>{const be=P.filter(De=>De.uid!==q);B(be)},t[21]=P,t[22]=B,t[23]=oe):oe=t[23];const ue=oe;let Z;t[24]!==x||t[25]!==G?(Z={onPress:G,isDisabled:x},t[24]=x,t[25]=G,t[26]=Z):Z=t[26];const{buttonProps:ne}=de.useButton(Z,I),me=Pu,ve=x?-1:0;let je;t[27]!==C?(je=C||l.jsx(Tu,{}),t[27]=C,t[28]=je):je=t[28];let Ee;t[29]!==je?(Ee=l.jsx(fu,{children:je}),t[29]=je,t[30]=Ee):Ee=t[30];let ye;t[31]!==h?(ye=h||l.jsxs(l.Fragment,{children:["将文件拖到此处,或",l.jsx(Po,{children:"点击上传"})]}),t[31]=h,t[32]=ye):ye=t[32];let ke;t[33]!==ye?(ke=l.jsx(hu,{children:ye}),t[33]=ye,t[34]=ke):ke=t[34];let $e;t[35]!==g?($e=g&&l.jsx(Io,{children:g}),t[35]=g,t[36]=$e):$e=t[36];let Q;t[37]!==$||t[38]!==y||t[39]!==k?(Q=(y||$)&&l.jsxs(Io,{children:[y,$&&k&&l.jsxs(l.Fragment,{children:[" ",l.jsx(Po,{onClick:q=>{q.stopPropagation(),k()},children:$})]})]}),t[37]=$,t[38]=y,t[39]=k,t[40]=Q):Q=t[40];let pe;t[41]!==ke||t[42]!==$e||t[43]!==Q?(pe=l.jsxs(pu,{children:[ke,$e,Q]}),t[41]=ke,t[42]=$e,t[43]=Q,t[44]=pe):pe=t[44];let xe;t[45]!==o||t[46]!==x||t[47]!==X||t[48]!==v?(xe=l.jsx(ju,{ref:z,type:"file",accept:o,multiple:v,onChange:X,disabled:x,"aria-hidden":"true"}),t[45]=o,t[46]=x,t[47]=X,t[48]=v,t[49]=xe):xe=t[49];let Ie;t[50]!==ne||t[51]!==x||t[52]!==T||t[53]!==W||t[54]!==D||t[55]!==ve||t[56]!==Ee||t[57]!==pe||t[58]!==xe?(Ie=l.jsxs(uu,{...ne,ref:I,isDragActive:D,isDisabled:x,onDragEnter:T,onDragLeave:L,onDragOver:N,onDrop:W,role:"button",tabIndex:ve,"aria-label":"上传文件区域",children:[Ee,pe,xe]}),t[50]=ne,t[51]=x,t[52]=T,t[53]=W,t[54]=D,t[55]=ve,t[56]=Ee,t[57]=pe,t[58]=xe,t[59]=Ie):Ie=t[59];let ie;t[60]!==P||t[61]!==ue?(ie=P.length>0&&l.jsx(bu,{children:P.map(q=>l.jsxs(gu,{status:q.status,children:[l.jsxs(mu,{status:q.status,children:[l.jsx(xu,{children:l.jsx(Ru,{})}),l.jsx(yu,{status:q.status,children:q.name}),(q.status==="success"||q.status==="error")&&l.jsxs(l.Fragment,{children:[l.jsx(vu,{status:q.status,children:me(q.status)}),l.jsx($u,{onClick:()=>ue(q.uid),"aria-label":`删除文件 ${q.name}`,children:l.jsx(Mu,{})})]})]}),q.status==="uploading"&&l.jsxs(wu,{children:[l.jsx(ku,{children:l.jsx(Su,{percent:q.percent||0})}),l.jsxs(Cu,{children:[q.percent||0,"%"]})]})]},q.uid))}),t[60]=P,t[61]=ue,t[62]=ie):ie=t[62];let we;return t[63]!==w||t[64]!==r||t[65]!==Ie||t[66]!==ie?(we=l.jsxs(du,{ref:r,className:w,children:[Ie,ie]}),t[63]=w,t[64]=r,t[65]=Ie,t[66]=ie,t[67]=we):we=t[67],we});Jn.displayName="Upload";function Iu(e){e.preventDefault(),e.stopPropagation()}function Pu(e){switch(e){case"success":return l.jsx(zu,{});case"error":return l.jsx(Lu,{});default:return null}}const Au=S.div`
|
|
3072
|
+
background: ${({tokens:e,variant:r})=>r==="filled"?e.footer.background:e.container.background.default};
|
|
3073
|
+
border: ${({tokens:e,variant:r})=>r==="outlined"?`1px solid ${e.container.border.default}`:"none"};
|
|
3074
|
+
box-shadow: ${({tokens:e,variant:r})=>r==="elevated"?e.container.shadow.elevated:"none"};
|
|
3075
|
+
border-radius: ${({tokens:e})=>e.container.radius};
|
|
3076
|
+
transition: ${({tokens:e})=>e.container.transition};
|
|
3077
|
+
display: flex;
|
|
3078
|
+
flex-direction: column;
|
|
3079
|
+
overflow: hidden; /* Ensures content/images respect border radius */
|
|
3080
|
+
|
|
3081
|
+
${({hoverable:e,tokens:r,variant:t})=>e&&`
|
|
3082
|
+
cursor: pointer;
|
|
3083
|
+
&:hover {
|
|
3084
|
+
box-shadow: ${t==="elevated"?r.container.shadow.elevatedHover:"none"};
|
|
3085
|
+
border-color: ${t==="outlined"?r.container.border.hover:"transparent"};
|
|
3086
|
+
}
|
|
3087
|
+
`}
|
|
3088
|
+
`,_u=S.div`
|
|
3089
|
+
display: flex;
|
|
3090
|
+
align-items: center;
|
|
3091
|
+
justify-content: space-between;
|
|
3092
|
+
padding: ${({tokens:e})=>e.header.padding};
|
|
3093
|
+
border-bottom: ${({tokens:e})=>e.header.borderBottom};
|
|
3094
|
+
/* Removed min-height to allow content to dictate height */
|
|
3095
|
+
`,Fu=S.div`
|
|
3096
|
+
color: ${({tokens:e})=>e.header.title.color};
|
|
3097
|
+
font-size: ${({tokens:e})=>e.header.title.fontSize};
|
|
3098
|
+
font-weight: ${({tokens:e})=>e.header.title.fontWeight};
|
|
3099
|
+
flex: 1;
|
|
3100
|
+
/* Allow title to wrap if needed, or keep ellipsis */
|
|
3101
|
+
overflow: hidden;
|
|
3102
|
+
text-overflow: ellipsis;
|
|
3103
|
+
white-space: nowrap;
|
|
3104
|
+
`,Ou=S.div`
|
|
3105
|
+
color: ${({tokens:e})=>e.header.extra.color};
|
|
3106
|
+
font-size: ${({tokens:e})=>e.header.extra.fontSize};
|
|
3107
|
+
margin-left: 16px;
|
|
3108
|
+
`,Du=S.div`
|
|
3109
|
+
padding: ${({tokens:e,padding:r})=>r||e.padding.md};
|
|
3110
|
+
flex: 1;
|
|
3111
|
+
/* Ensure text is legible */
|
|
3112
|
+
color: ${({tokens:e})=>e.header.title.color};
|
|
3113
|
+
font-size: 14px;
|
|
3114
|
+
line-height: 1.6;
|
|
3115
|
+
`,Ku=S.div`
|
|
3116
|
+
width: 100%;
|
|
3117
|
+
position: relative;
|
|
3118
|
+
|
|
3119
|
+
> * {
|
|
3120
|
+
display: block;
|
|
3121
|
+
width: 100%;
|
|
3122
|
+
/* Ensure image covers the area nicely */
|
|
3123
|
+
object-fit: cover;
|
|
3124
|
+
}
|
|
3125
|
+
|
|
3126
|
+
img {
|
|
3127
|
+
/* If it's the first child, top radius matches card */
|
|
3128
|
+
&:first-of-type {
|
|
3129
|
+
border-radius: ${({tokens:e})=>e.cover.radius};
|
|
3130
|
+
}
|
|
3131
|
+
}
|
|
3132
|
+
`,Bu=S.div`
|
|
3133
|
+
padding: ${({tokens:e})=>e.footer.padding};
|
|
3134
|
+
background: ${({tokens:e})=>e.footer.background};
|
|
3135
|
+
border-top: ${({tokens:e})=>e.footer.borderTop};
|
|
3136
|
+
`,Qn=f.forwardRef((e,r)=>{var j;const t=re.c(36);let o,n,i,s,a,d,c,p,m,b;t[0]!==e?({title:b,extra:a,cover:s,footer:d,hoverable:p,variant:m,bodyPadding:o,children:n,className:i,...c}=e,t[0]=e,t[1]=o,t[2]=n,t[3]=i,t[4]=s,t[5]=a,t[6]=d,t[7]=c,t[8]=p,t[9]=m,t[10]=b):(o=t[1],n=t[2],i=t[3],s=t[4],a=t[5],d=t[6],c=t[7],p=t[8],m=t[9],b=t[10]);const h=p===void 0?!1:p,g=m===void 0?"elevated":m,y=A.useTheme(),$=(j=y==null?void 0:y.components)==null?void 0:j.card;if(!$)return console.warn("Card: Theme tokens not found. Make sure Card is wrapped in DesignThemeProvider."),null;let k;t[11]!==s||t[12]!==$?(k=s&&l.jsx(Ku,{tokens:$,children:s}),t[11]=s,t[12]=$,t[13]=k):k=t[13];let w;t[14]!==a||t[15]!==b||t[16]!==$?(w=(b||a)&&l.jsxs(_u,{tokens:$,children:[b&&l.jsx(Fu,{tokens:$,children:b}),a&&l.jsx(Ou,{tokens:$,children:a})]}),t[14]=a,t[15]=b,t[16]=$,t[17]=w):w=t[17];let C;t[18]!==o||t[19]!==n||t[20]!==$?(C=l.jsx(Du,{tokens:$,padding:o,children:n}),t[18]=o,t[19]=n,t[20]=$,t[21]=C):C=t[21];let v;t[22]!==d||t[23]!==$?(v=d&&l.jsx(Bu,{tokens:$,children:d}),t[22]=d,t[23]=$,t[24]=v):v=t[24];let x;return t[25]!==i||t[26]!==h||t[27]!==r||t[28]!==c||t[29]!==k||t[30]!==w||t[31]!==C||t[32]!==v||t[33]!==$||t[34]!==g?(x=l.jsxs(Au,{ref:r,tokens:$,variant:g,hoverable:h,className:i,...c,children:[k,w,C,v]}),t[25]=i,t[26]=h,t[27]=r,t[28]=c,t[29]=k,t[30]=w,t[31]=C,t[32]=v,t[33]=$,t[34]=g,t[35]=x):x=t[35],x});Qn.displayName="Card";const ei=({global:e,semantic:r})=>({container:{background:{default:r.colors.background.surface},border:{default:r.colors.border.primary,hover:r.colors.border.strong},shadow:{elevated:"0px 4px 24px 0px rgba(0, 0, 0, 0.04)",elevatedHover:"0px 8px 32px 0px rgba(0, 0, 0, 0.08)",outlined:"none",filled:"none"},radius:e.radii.r6,transition:"all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1)"},padding:{sm:e.spacing.md,md:e.spacing.xl,lg:e.spacing.xxl},header:{padding:`${e.spacing.lg} ${e.spacing.xl} ${e.spacing.md}`,borderBottom:"none",title:{color:r.colors.text.primary,fontSize:e.typography.fontSize.md,fontWeight:e.typography.fontWeight.semibold},extra:{color:r.colors.text.secondary,fontSize:e.typography.fontSize.sm}},cover:{radius:`${e.radii.r6} ${e.radii.r6} 0 0`},footer:{padding:`${e.spacing.md} ${e.spacing.xl}`,background:"transparent",borderTop:`1px solid ${r.colors.border.primary}`}}),Vu=A.keyframes`
|
|
3137
|
+
from {
|
|
3138
|
+
opacity: 0;
|
|
3139
|
+
transform: scale(0.96);
|
|
3140
|
+
}
|
|
3141
|
+
to {
|
|
3142
|
+
opacity: 1;
|
|
3143
|
+
transform: scale(1);
|
|
3144
|
+
}
|
|
3145
|
+
`,Hu=S.div`
|
|
3146
|
+
z-index: ${({theme:e})=>e.components.tooltip.zIndex};
|
|
3147
|
+
|
|
3148
|
+
padding: ${({theme:e})=>e.components.tooltip.padding};
|
|
3149
|
+
max-width: ${({theme:e})=>e.components.tooltip.maxWidth};
|
|
3150
|
+
|
|
3151
|
+
background: ${({theme:e})=>e.components.tooltip.background};
|
|
3152
|
+
color: ${({theme:e})=>e.components.tooltip.color};
|
|
3153
|
+
border-radius: ${({theme:e})=>e.components.tooltip.borderRadius};
|
|
3154
|
+
box-shadow: ${({theme:e})=>e.components.tooltip.boxShadow};
|
|
3155
|
+
|
|
3156
|
+
font-family: ${({theme:e})=>e.global.typography.fontFamily};
|
|
3157
|
+
font-size: ${({theme:e})=>e.components.tooltip.fontSize};
|
|
3158
|
+
line-height: ${({theme:e})=>e.components.tooltip.lineHeight};
|
|
3159
|
+
|
|
3160
|
+
animation: ${Vu} ${({theme:e})=>e.components.tooltip.animation.duration}
|
|
3161
|
+
${({theme:e})=>e.components.tooltip.animation.easing} forwards;
|
|
3162
|
+
|
|
3163
|
+
/* 根据 placement 设置 transform-origin */
|
|
3164
|
+
transform-origin: ${({placement:e})=>{switch(e){case"top":return"bottom center";case"bottom":return"top center";case"left":return"right center";case"right":return"left center";default:return"center"}}};
|
|
3165
|
+
|
|
3166
|
+
/* 确保文字不会换行太频繁 */
|
|
3167
|
+
word-wrap: break-word;
|
|
3168
|
+
`,Wu=S.div`
|
|
3169
|
+
position: absolute;
|
|
3170
|
+
width: ${({theme:e})=>e.components.tooltip.arrow.size};
|
|
3171
|
+
height: ${({theme:e})=>e.components.tooltip.arrow.size};
|
|
3172
|
+
|
|
3173
|
+
&::before {
|
|
3174
|
+
content: '';
|
|
3175
|
+
position: absolute;
|
|
3176
|
+
width: 100%;
|
|
3177
|
+
height: 100%;
|
|
3178
|
+
background: ${({theme:e})=>e.components.tooltip.background};
|
|
3179
|
+
transform: rotate(45deg);
|
|
3180
|
+
}
|
|
3181
|
+
|
|
3182
|
+
/* 根据 placement 定位箭头 */
|
|
3183
|
+
${({placement:e})=>{switch(e){case"top":return`
|
|
3184
|
+
bottom: -4px;
|
|
3185
|
+
left: 50%;
|
|
3186
|
+
transform: translateX(-50%);
|
|
3187
|
+
`;case"bottom":return`
|
|
3188
|
+
top: -4px;
|
|
3189
|
+
left: 50%;
|
|
3190
|
+
transform: translateX(-50%);
|
|
3191
|
+
`;case"left":return`
|
|
3192
|
+
right: -4px;
|
|
3193
|
+
top: 50%;
|
|
3194
|
+
transform: translateY(-50%);
|
|
3195
|
+
`;case"right":return`
|
|
3196
|
+
left: -4px;
|
|
3197
|
+
top: 50%;
|
|
3198
|
+
transform: translateY(-50%);
|
|
3199
|
+
`;default:return""}}}
|
|
3200
|
+
`,ti=f.forwardRef(({children:e,content:r,placement:t="top",offset:o=8,delay:n=0,closeDelay:i=0,disabled:s=!1,showArrow:a=!0,open:d,defaultOpen:c=!1,onOpenChange:p,className:m,style:b},h)=>{if(typeof document>"u")return e;const[g,y]=f.useState(c),$=d!==void 0,k=$?d:g,w=f.useRef(null),C=f.useRef(null),v=f.useRef(null),x=f.useRef(null),[j,E]=f.useState({top:0,left:0}),z=f.useCallback(()=>{v.current&&(clearTimeout(v.current),v.current=null),x.current&&(clearTimeout(x.current),x.current=null)},[]),I=f.useCallback(_=>{s||($||y(_),p==null||p(_))},[s,$,p]),M=f.useCallback(()=>{s||(z(),n>0?v.current=setTimeout(()=>{I(!0)},n):I(!0))},[s,n,z,I]),O=f.useCallback(()=>{z(),i>0?x.current=setTimeout(()=>{I(!1)},i):I(!1)},[i,z,I]),{hoverProps:D}=de.useHover({isDisabled:s,onHoverStart:M,onHoverEnd:O}),{focusWithinProps:V}=de.useFocusWithin({isDisabled:s,onFocusWithin:()=>M(),onBlurWithin:()=>O()}),F=f.useCallback(()=>{if(!w.current||!C.current)return;const _=w.current.getBoundingClientRect(),H=C.current.getBoundingClientRect(),X=window.scrollX,u=window.scrollY;let T=0,R=0;switch(t){case"top":T=_.top+u-H.height-o,R=_.left+X+(_.width-H.width)/2;break;case"bottom":T=_.bottom+u+o,R=_.left+X+(_.width-H.width)/2;break;case"left":T=_.top+u+(_.height-H.height)/2,R=_.left+X-H.width-o;break;case"right":T=_.top+u+(_.height-H.height)/2,R=_.right+X+o;break}E({top:T,left:R})},[t,o]);if(f.useEffect(()=>{if(!k)return;F();const _=()=>F();return window.addEventListener("scroll",_,!0),window.addEventListener("resize",_),()=>{window.removeEventListener("scroll",_,!0),window.removeEventListener("resize",_)}},[k,F]),f.useEffect(()=>()=>z(),[z]),!f.isValidElement(e))return console.warn("Tooltip: children must be a valid React element"),e;const P=et(D,V,{ref:w,"aria-describedby":k?"kai-tooltip":void 0}),K=l.jsx("span",{...P,style:{display:"inline-block"},children:e}),B=k&&!s&&r?Er.createPortal(l.jsxs(Hu,{ref:_=>{C.current=_,typeof h=="function"?h(_):h&&(h.current=_)},id:"kai-tooltip",role:"tooltip",placement:t,className:m,style:{...b,position:"absolute",top:j.top,left:j.left},"data-placement":t,children:[a&&l.jsx(Wu,{placement:t}),r]}),document.body):null;return l.jsxs(l.Fragment,{children:[K,B]})});ti.displayName="Tooltip";const Uu=({global:e,semantic:r})=>({primary:{background:{default:r.colors.brand.primary,hover:r.colors.brand.primaryHover,active:r.colors.brand.primaryActive},text:{default:r.colors.text.onBrand},border:{default:"transparent"},shadow:{default:"none",hover:"none"}},secondary:{background:{default:r.colors.background.surface,hover:r.colors.background.surfaceSubtle,active:r.colors.background.surfaceSubtle},text:{default:r.colors.brand.primary},border:{default:r.colors.border.primary,hover:r.colors.brand.primary,active:r.colors.brand.primaryActive},shadow:{default:"none"}},text:{background:{default:"transparent",hover:r.colors.brand.primarySubtle,active:"#F0F0F0"},text:{default:r.colors.brand.primary},border:{default:"transparent",hover:"transparent",active:"transparent"}},danger:{background:{default:r.colors.state.danger,hover:r.colors.state.dangerHover,active:r.colors.state.dangerActive},text:{default:r.colors.state.dangerOn},border:{default:"transparent"},shadow:{default:"none",hover:"none"}},gradient:{background:{default:e.gradients.blueViolet,gradientFrom:"#0194FF",gradientTo:"#D581FF"},text:{default:e.colors.common.white},border:{default:"transparent"},shadow:{default:"none",hover:"none"}},disabled:{background:{default:r.colors.border.primary},text:{default:r.colors.text.disabled},opacity:.6},size:{sm:{height:"24px",fontSize:e.typography.fontSize.sm,paddingInline:e.spacing.lg,iconSize:"16px"},md:{height:"32px",fontSize:e.typography.fontSize.sm,paddingInline:e.spacing.lg,iconSize:"16px"},lg:{height:"40px",fontSize:e.typography.fontSize.sm,paddingInline:e.spacing.lg,iconSize:"16px"}},borderRadius:e.radii.r3,fontWeight:e.typography.fontWeight.regular,gap:e.spacing.sm,transition:"0.2s ease"}),Yu=({global:e,semantic:r})=>({appearance:{solid:{primary:{background:{default:r.colors.brand.primary,hover:r.colors.brand.primaryHover,active:r.colors.brand.primaryActive},border:{default:"transparent"},icon:{default:r.colors.text.onBrand}},neutral:{background:{default:r.colors.background.surface,hover:r.colors.background.surfaceSubtle,active:r.colors.background.surfaceStrong},border:{default:"transparent"},icon:{default:r.colors.text.primary}},danger:{background:{default:r.colors.state.danger,hover:r.colors.state.dangerHover,active:r.colors.state.dangerActive},border:{default:"transparent"},icon:{default:r.colors.state.dangerOn}}},outline:{primary:{background:{default:"transparent",hover:r.colors.brand.primarySubtle,active:"rgba(44, 111, 231, 0.16)"},border:{default:r.colors.brand.primary,hover:r.colors.brand.primary,active:r.colors.brand.primary},icon:{default:r.colors.brand.primary,hover:r.colors.brand.primaryHover,active:r.colors.brand.primaryActive}},neutral:{background:{default:"transparent",hover:r.colors.background.surfaceSubtle,active:r.colors.background.surfaceStrong},border:{default:r.colors.border.primary,hover:r.colors.border.strong,active:r.colors.border.strong},icon:{default:r.colors.text.primary,hover:r.colors.text.primary,active:r.colors.text.primary}},danger:{background:{default:"transparent",hover:r.colors.state.dangerSubtle,active:"rgba(237, 28, 28, 0.18)"},border:{default:r.colors.state.danger,hover:r.colors.state.danger,active:r.colors.state.danger},icon:{default:r.colors.state.danger,hover:r.colors.state.dangerHover,active:r.colors.state.dangerActive}}},ghost:{primary:{background:{default:"transparent",hover:r.colors.brand.primarySubtle,active:"rgba(44, 111, 231, 0.16)"},border:{default:"transparent"},icon:{default:r.colors.brand.primary,hover:r.colors.brand.primaryHover,active:r.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:r.colors.text.primary}},danger:{background:{default:"transparent",hover:r.colors.state.dangerSubtle,active:"rgba(237, 28, 28, 0.18)"},border:{default:"transparent"},icon:{default:r.colors.state.danger,hover:r.colors.state.dangerHover,active:r.colors.state.dangerActive}}}},disabled:{background:r.colors.background.surfaceSubtle,border:r.colors.border.primary,icon:r.colors.text.disabled,opacity:.6},size:{sm:{edge:"24px",iconSize:"16px"},md:{edge:"32px",iconSize:"18px"},lg:{edge:"40px",iconSize:"20px"}},borderRadius:e.radii.r3,transition:"0.2s ease",focusRing:{color:"rgba(44, 111, 231, 0.35)",offset:"2px",width:"2px"}}),Zu=({global:e,semantic:r})=>({default:{background:{default:r.colors.background.surface,hover:r.colors.background.surfaceSubtle,active:r.colors.background.surfaceSubtle},text:{default:r.colors.text.primary},border:{default:r.colors.border.primary},shadow:{default:e.shadows.l1,hover:e.shadows.l3}},primary:{background:{default:r.colors.brand.primary,hover:r.colors.brand.primaryHover,active:r.colors.brand.primaryActive},text:{default:r.colors.text.onBrand},border:{default:"transparent"},shadow:{default:e.shadows.l1,hover:e.shadows.l3}},disabled:{background:{default:r.colors.border.primary},text:{default:r.colors.text.disabled},opacity:.6},size:{sm:{size:"32px"},md:{size:"40px"},lg:{size:"48px"}},icon:{size:e.typography.fontSize.lg},description:{fontSize:e.typography.fontSize.xs,lineHeight:`${e.typography.lineHeight.tight}`}}),Xu=({global:e,semantic:r})=>({control:{size:"16px",borderRadius:e.radii.r2,borderWidth:"1px",background:{default:e.colors.common.white,checked:r.colors.brand.primary,disabled:e.colors.neutral[100],disabledChecked:e.colors.blue[200]},borderColor:{default:e.colors.neutral[400],hover:r.colors.brand.primary,checked:r.colors.brand.primary,disabled:e.colors.neutral[400],disabledChecked:e.colors.blue[200]},icon:{color:e.colors.common.white,size:"10px"}},focusRing:"0 0 0 4px rgba(44, 111, 231, 0.18)",gap:e.spacing.sm,text:{label:{fontSize:e.typography.fontSize.xs,lineHeight:"18px",color:e.colors.word[900],disabled:e.colors.word[300],fontWeight:e.typography.fontWeight.regular}},transition:"0.16s ease"}),Gu=({global:e})=>({control:{size:"16px",borderRadius:"999px",borderWidth:"1.5px",background:e.colors.common.white,borderColor:{default:e.colors.neutral[300],hover:e.colors.blue[500],checked:e.colors.blue[500],disabled:e.colors.neutral[200]},indicator:{size:"8px",color:e.colors.blue[500],disabled:e.colors.word[300]}},focusRing:"0 0 0 4px rgba(44, 111, 231, 0.18)",gap:"0.5rem",text:{label:{fontSize:e.typography.fontSize.xs,color:e.colors.word[900],disabled:e.colors.word[300],fontWeight:e.typography.fontWeight.regular},description:{color:e.colors.word[600],disabled:e.colors.word[300],fontSize:e.typography.fontSize.xs}},disabled:{opacity:.55},transition:"0.16s ease"}),qu=({global:e,semantic:r})=>({size:{sm:{width:"36px",height:"20px",thumbSize:"16px",fontSize:e.typography.fontSize.xs,paddingInline:"6px"},md:{width:"44px",height:"24px",thumbSize:"18px",fontSize:e.typography.fontSize.xs,paddingInline:"8px"}},background:{unchecked:e.colors.neutral[300],checked:r.colors.brand.primary,disabled:e.colors.neutral[200]},thumb:{background:e.colors.common.white,shadow:"0 1px 3px rgba(0, 0, 0, 0.12)"},text:{color:e.colors.common.white,fontSize:e.typography.fontSize.xs,fontWeight:e.typography.fontWeight.regular},borderRadius:e.radii.r5,gap:e.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"}}),Ju=({global:e,semantic:r})=>({size:{sm:{height:"24px",fontSize:e.typography.fontSize.xs,paddingInline:e.spacing.md,iconSize:"14px"},md:{height:"32px",fontSize:e.typography.fontSize.xs,paddingInline:e.spacing.md,iconSize:"16px"},lg:{height:"40px",fontSize:e.typography.fontSize.xs,paddingInline:e.spacing.md,iconSize:"18px"}},border:{default:r.colors.border.primary,hover:r.colors.border.strong,focus:r.colors.brand.primary,error:r.colors.state.danger,disabled:r.colors.border.primary},background:{default:r.colors.background.surface,disabled:r.colors.background.secondary},text:{default:r.colors.text.primary,placeholder:r.colors.text.placeholder,disabled:r.colors.text.disabled,error:r.colors.state.danger,counter:r.colors.text.caption},borderRadius:e.radii.r3,gap:e.spacing.sm,transition:"0.2s ease"}),Qu=({global:e,semantic:r})=>({size:{sm:{height:"24px",fontSize:e.typography.fontSize.xs,paddingInline:e.spacing.md,iconSize:"14px"},md:{height:"32px",fontSize:e.typography.fontSize.xs,paddingInline:e.spacing.md,iconSize:"16px"},lg:{height:"40px",fontSize:e.typography.fontSize.xs,paddingInline:e.spacing.md,iconSize:"18px"}},border:{default:r.colors.border.primary,hover:r.colors.border.strong,focus:r.colors.brand.primary,error:r.colors.state.danger,disabled:r.colors.border.primary},background:{default:r.colors.background.surface,hover:r.colors.background.surface,disabled:r.colors.background.secondary},text:{default:r.colors.text.primary,placeholder:r.colors.text.placeholder,disabled:r.colors.text.disabled,error:r.colors.state.danger},borderRadius:e.radii.r3,gap:e.spacing.sm,transition:"0.2s ease",popover:{background:r.colors.background.surface,border:`1px solid ${r.colors.border.primary}`,borderRadius:e.radii.r3,boxShadow:"0 4px 12px rgba(0, 0, 0, 0.08)",padding:"4px"},option:{height:"32px",paddingInline:"8px",fontSize:e.typography.fontSize.xs,borderRadius:e.radii.r2,gap:"8px",background:{default:"transparent",hover:r.colors.background.surfaceSubtle,selected:r.colors.brand.primarySubtle,focused:r.colors.background.surfaceSubtle},text:{default:r.colors.text.primary,hover:r.colors.text.primary,selected:r.colors.brand.primary,disabled:r.colors.text.disabled}}}),ef=({global:e,semantic:r})=>({controls:{default:"buttons"},size:{md:{height:"24px",fontSize:e.typography.fontSize.xs,paddingInline:e.spacing.sm},lg:{height:"32px",fontSize:e.typography.fontSize.sm,paddingInline:e.spacing.sm}},input:{width:"40px",height:"18px",paddingInline:e.spacing.sm,fontSize:e.typography.fontSize.xs,fontWeight:e.typography.fontWeight.regular,lineHeight:"18px",fontFamily:e.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:e.radii.r3,border:{default:r.colors.border.strong,hover:r.colors.brand.primaryHover,disabled:r.colors.border.strong},background:{default:r.colors.background.surface,hover:r.colors.background.surfaceSubtle,disabled:r.colors.background.secondary},text:{default:r.colors.text.primary,placeholder:r.colors.text.placeholder,disabled:r.colors.text.disabled},transition:"0.2s ease"}),tf=({global:e,semantic:r})=>({border:{default:r.colors.border.primary},background:{default:r.colors.background.surface,hover:r.colors.background.surfaceSubtle},text:{default:r.colors.text.secondary,title:r.colors.text.primary},divider:r.colors.border.primary,arrow:{default:r.colors.text.secondary},padding:{header:"12px 24px",content:"0 24px 12px 24px"},borderRadius:e.radii.r3,gap:e.spacing.sm,transition:"0.3s cubic-bezier(0.4, 0, 0.2, 1)",arrowSize:"16px"}),rf=({global:e,semantic:r,mode:t})=>{const o=t==="dark";return{colors:{default:{background:{default:o?"rgba(148, 163, 184, 0.15)":e.colors.neutral[100],hover:o?"rgba(148, 163, 184, 0.2)":e.colors.neutral[200],active:o?"rgba(148, 163, 184, 0.25)":e.colors.neutral[300],checked:r.colors.brand.primary,checkedHover:r.colors.brand.primaryHover,checkedActive:r.colors.brand.primaryActive},text:{default:o?e.colors.word[100]:"rgba(10, 24, 51, 0.7)",checked:e.colors.common.white},border:{default:o?"rgba(148, 163, 184, 0.28)":e.colors.neutral[400],hover:o?"rgba(148, 163, 184, 0.38)":e.colors.neutral[500],active:o?"rgba(148, 163, 184, 0.48)":e.colors.word[600],checked:r.colors.brand.primary,checkedHover:r.colors.brand.primaryHover,checkedActive:r.colors.brand.primaryActive}},red:{background:{default:o?"rgba(170, 14, 41, 0.12)":"rgba(170, 14, 41, 0.08)",hover:o?"rgba(170, 14, 41, 0.16)":"rgba(170, 14, 41, 0.12)",active:o?"rgba(170, 14, 41, 0.2)":"rgba(170, 14, 41, 0.16)"},text:{default:o?e.colors.red[300]:e.colors.red[700]},border:{default:o?"rgba(170, 14, 41, 0.3)":"rgba(170, 14, 41, 0.25)"}},orange:{background:{default:o?"rgba(237, 154, 0, 0.12)":"rgba(237, 154, 0, 0.08)",hover:o?"rgba(237, 154, 0, 0.16)":"rgba(237, 154, 0, 0.12)",active:o?"rgba(237, 154, 0, 0.2)":"rgba(237, 154, 0, 0.16)"},text:{default:o?e.colors.orange[300]:e.colors.orange[500]},border:{default:o?"rgba(237, 154, 0, 0.3)":"rgba(237, 154, 0, 0.25)"}},yellow:{background:{default:o?"rgba(250, 208, 0, 0.12)":"rgba(250, 208, 0, 0.08)",hover:o?"rgba(250, 208, 0, 0.16)":"rgba(250, 208, 0, 0.12)",active:o?"rgba(250, 208, 0, 0.2)":"rgba(250, 208, 0, 0.16)"},text:{default:o?e.colors.yellow[300]:e.colors.yellow[500]},border:{default:o?"rgba(250, 208, 0, 0.3)":"rgba(250, 208, 0, 0.25)"}},green:{background:{default:o?"rgba(51, 189, 72, 0.12)":"rgba(51, 189, 72, 0.08)",hover:o?"rgba(51, 189, 72, 0.16)":"rgba(51, 189, 72, 0.12)",active:o?"rgba(51, 189, 72, 0.2)":"rgba(51, 189, 72, 0.16)"},text:{default:o?e.colors.green[300]:e.colors.green[500]},border:{default:o?"rgba(51, 189, 72, 0.3)":"rgba(51, 189, 72, 0.25)"}},lavender:{background:{default:o?"rgba(99, 79, 214, 0.12)":"rgba(99, 79, 214, 0.08)",hover:o?"rgba(99, 79, 214, 0.16)":"rgba(99, 79, 214, 0.12)",active:o?"rgba(99, 79, 214, 0.2)":"rgba(99, 79, 214, 0.16)"},text:{default:o?e.colors.lavender[300]:e.colors.lavender[500]},border:{default:o?"rgba(99, 79, 214, 0.3)":"rgba(99, 79, 214, 0.25)"}},lilac:{background:{default:o?"rgba(159, 58, 214, 0.12)":"rgba(159, 58, 214, 0.08)",hover:o?"rgba(159, 58, 214, 0.16)":"rgba(159, 58, 214, 0.12)",active:o?"rgba(159, 58, 214, 0.2)":"rgba(159, 58, 214, 0.16)"},text:{default:o?e.colors.lilac[300]:e.colors.lilac[500]},border:{default:o?"rgba(159, 58, 214, 0.3)":"rgba(159, 58, 214, 0.25)"}},carmine:{background:{default:o?"rgba(214, 58, 191, 0.12)":"rgba(214, 58, 191, 0.08)",hover:o?"rgba(214, 58, 191, 0.16)":"rgba(214, 58, 191, 0.12)",active:o?"rgba(214, 58, 191, 0.2)":"rgba(214, 58, 191, 0.16)"},text:{default:o?e.colors.carmine[300]:e.colors.carmine[500]},border:{default:o?"rgba(214, 58, 191, 0.3)":"rgba(214, 58, 191, 0.25)"}},rose:{background:{default:o?"rgba(229, 30, 100, 0.12)":"rgba(229, 30, 100, 0.08)",hover:o?"rgba(229, 30, 100, 0.16)":"rgba(229, 30, 100, 0.12)",active:o?"rgba(229, 30, 100, 0.2)":"rgba(229, 30, 100, 0.16)"},text:{default:o?e.colors.rose[300]:e.colors.rose[500]},border:{default:o?"rgba(229, 30, 100, 0.3)":"rgba(229, 30, 100, 0.25)"}},mint:{background:{default:o?"rgba(71, 192, 214, 0.12)":"rgba(71, 192, 214, 0.08)",hover:o?"rgba(71, 192, 214, 0.16)":"rgba(71, 192, 214, 0.12)",active:o?"rgba(71, 192, 214, 0.2)":"rgba(71, 192, 214, 0.16)"},text:{default:o?e.colors.mint[300]:e.colors.mint[500]},border:{default:o?"rgba(71, 192, 214, 0.3)":"rgba(71, 192, 214, 0.25)"}},olive:{background:{default:o?"rgba(187, 214, 36, 0.12)":"rgba(187, 214, 36, 0.08)",hover:o?"rgba(187, 214, 36, 0.16)":"rgba(187, 214, 36, 0.12)",active:o?"rgba(187, 214, 36, 0.2)":"rgba(187, 214, 36, 0.16)"},text:{default:o?e.colors.olive[300]:e.colors.olive[500]},border:{default:o?"rgba(187, 214, 36, 0.3)":"rgba(187, 214, 36, 0.25)"}},blue:{background:{default:o?"rgba(44, 111, 231, 0.12)":"rgba(44, 111, 231, 0.08)",hover:o?"rgba(44, 111, 231, 0.16)":"rgba(44, 111, 231, 0.12)",active:o?"rgba(44, 111, 231, 0.2)":"rgba(44, 111, 231, 0.16)"},text:{default:r.colors.brand.primary},border:{default:o?"rgba(44, 111, 231, 0.3)":"rgba(44, 111, 231, 0.25)"}}},size:{sm:{height:"18px",fontSize:"10px",lineHeight:"16px",paddingInline:e.spacing.sm,gap:e.spacing.xs,iconSize:"12px",closeIconSize:"8px"},md:{height:"24px",fontSize:"10px",lineHeight:"16px",paddingInline:e.spacing.sm,gap:e.spacing.xs,iconSize:"14px",closeIconSize:"10px"},lg:{height:"32px",fontSize:e.typography.fontSize.xs,lineHeight:"20px",paddingInline:e.spacing.md,gap:e.spacing.sm,iconSize:"16px",closeIconSize:"12px"}},fontWeight:e.typography.fontWeight.regular,borderRadius:e.radii.r2,transition:"0.2s ease",disabled:{opacity:.5}}},of=({global:e,mode:r})=>{const t=r==="dark";return{background:{base:t?"rgba(148, 163, 184, 0.12)":"rgba(10, 24, 51, 0.05)",highlight:t?"rgba(148, 163, 184, 0.22)":"rgba(10, 24, 51, 0.12)"},animation:{duration:"1.4s",easing:"ease-in-out"},radius:{sm:e.radii.r2,md:e.radii.r3,lg:e.radii.r4,pill:e.radii.r5,circle:e.radii.r0},block:{height:"16px"},text:{lineHeight:"12px",gap:e.spacing.sm,lastLineWidth:"62%"},circle:{size:"40px"}}},nf=({global:e,semantic:r,mode:t})=>{const o=t==="dark";return{circle:{size:{md:"32px",sm:"24px"},fontSize:{md:e.typography.fontSize.sm,sm:e.typography.fontSize.xs},iconSize:{md:"14px",sm:"10px"}},dot:{size:{md:"10px",sm:"8px"},pulseColor:o?"rgba(44, 111, 231, 0.35)":"rgba(44, 111, 231, 0.25)"},line:{color:{default:r.colors.border.primary,active:r.colors.brand.primary},size:"1px"},text:{title:{color:{default:r.colors.text.primary,active:r.colors.brand.primary,error:r.colors.state.danger,waiting:r.colors.text.tertiary},fontWeight:e.typography.fontWeight.medium,fontSize:e.typography.fontSize.sm},description:{color:r.colors.text.secondary,fontSize:e.typography.fontSize.xs}},state:{process:{color:r.colors.brand.primary,bg:r.colors.brand.primary},wait:{color:r.colors.text.tertiary,bg:o?"rgba(148, 163, 184, 0.2)":e.colors.neutral[200]},finish:{color:r.colors.brand.primary,bg:o?"rgba(44, 111, 231, 0.15)":r.colors.brand.primarySubtle},error:{color:r.colors.state.danger,bg:o?"rgba(170, 14, 41, 0.15)":r.colors.state.dangerSubtle}},gap:e.spacing.sm}},sf=({global:e,semantic:r,mode:t})=>{const o=t==="dark";return{container:{width:{expanded:"240px",collapsed:"68px"},background:o?r.colors.background.surface:e.colors.common.white,border:`1px solid ${r.colors.border.primary}`,padding:e.spacing.lg},item:{height:"40px",paddingInline:e.spacing.lg,fontSize:e.typography.fontSize.sm,fontWeight:e.typography.fontWeight.regular,iconSize:"20px",gap:e.spacing.sm,borderRadius:e.radii.r3,background:{default:"transparent",hover:o?r.colors.background.surfaceStrong:r.colors.background.surfaceSubtle,active:o?"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:r.colors.text.primary,hover:r.colors.text.primary,active:r.colors.text.primary},transition:"0.2s ease"},subItem:{paddingLeft:"20px",background:{default:"transparent",hover:o?r.colors.background.surfaceStrong:r.colors.background.surfaceSubtle,active:o?"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:e.spacing.xl,marginBottom:e.spacing.md,gap:e.spacing.xs},groupTitle:{height:"18px",fontSize:e.typography.fontSize.xs,fontWeight:e.typography.fontWeight.regular,color:r.colors.text.secondary,paddingInline:"0",marginBottom:e.spacing.sm},scrollbar:{width:"8px",thumbColor:o?"rgba(255, 255, 255, 0.2)":"rgba(0, 0, 0, 0.2)",trackColor:"transparent"},popover:{background:o?r.colors.background.surface:e.colors.common.white,border:`1px solid ${r.colors.border.primary}`,borderRadius:e.radii.r4,boxShadow:o?"0 4px 12px rgba(0, 0, 0, 0.4)":"0 4px 12px rgba(0, 0, 0, 0.08)",padding:e.spacing.xs,item:{background:{default:"transparent",hover:o?r.colors.background.surfaceStrong:r.colors.background.surfaceSubtle,active:o?"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:r.colors.text.primary,hover:r.colors.text.primary,active:r.colors.brand.primary}}}}},af=({semantic:e})=>({variant:{primary:{text:{default:e.colors.brand.primary,hover:"#2468f2",active:"#2055c6",disabled:e.colors.text.disabled},decoration:{default:"none",hover:"none"}},neutral:{text:{default:e.colors.text.primary,hover:e.colors.brand.primary,active:"#2055c6",disabled:e.colors.text.disabled},decoration:{default:"none",hover:"none"}}},size:{sm:{fontSize:"12px"},md:{fontSize:"14px"},lg:{fontSize:"16px"}},transition:"0.2s ease",borderRadius:"4px",focusRing:{color:e.colors.brand.primary,offset:"2px"}}),lf=({global:e,semantic:r})=>({container:{gap:e.spacing.lg},panel:{width:"204px",height:"240px",background:r.colors.background.surface,border:`1px solid ${r.colors.border.neutral}`,borderRadius:e.radii.r2},header:{height:"40px",padding:"11px 16px",fontSize:e.typography.fontSize.xs,color:r.colors.text.transferHeader,background:r.colors.background.surfaceSubtle},list:{height:"calc(100% - 100px)",gap:e.spacing.sm,padding:"0px 16px 8px 16px"},item:{height:e.spacing.xxl,fontSize:e.typography.fontSize.xs,borderRadius:e.radii.r2,gap:e.spacing.sm,padding:`${e.spacing.sm} 0px`,text:{default:r.colors.text.transferHeader,selected:r.colors.text.primary,disabled:r.colors.text.disabled},checkboxSize:e.spacing.lg},operations:{gap:e.spacing.sm,borderRadius:e.radii.r2,borderColor:{default:r.colors.border.neutral,disabled:r.colors.border.neutral,active:r.colors.brand.primary},backgroundColor:{default:r.colors.background.surface,disabled:e.colors.word[50],active:r.colors.background.surface},width:e.spacing.xxl,height:e.spacing.xxl,iconSize:e.spacing.lg,iconColor:{default:e.colors.word[700],disabled:r.colors.text.transferOperationDisabled,active:e.colors.blue[500]}},footer:{height:e.spacing.xxl,paddingInline:e.spacing.sm,fontSize:e.typography.fontSize.xs,color:r.colors.text.secondary,borderTop:`1px solid ${r.colors.border.divider}`,marginTop:e.spacing.md},empty:{color:r.colors.text.tertiary,fontSize:e.typography.fontSize.sm},search:{width:"184px",iconColor:`${e.colors.word[900]}66`},transition:"all 0.2s ease"}),cf=({global:e,semantic:r,mode:t})=>({size:{sm:{width:"400px",maxWidth:"90vw",padding:e.spacing.lg,headerPadding:`${e.spacing.lg} ${e.spacing.xl}`,footerPadding:`${e.spacing.md} ${e.spacing.xl}`,titleFontSize:e.typography.fontSize.md},md:{width:"520px",maxWidth:"90vw",padding:e.spacing.xl,headerPadding:`${e.spacing.lg} ${e.spacing.xl}`,footerPadding:`${e.spacing.md} ${e.spacing.xl}`,titleFontSize:e.typography.fontSize.lg},lg:{width:"720px",maxWidth:"90vw",padding:e.spacing.xl,headerPadding:`20px ${e.spacing.xl}`,footerPadding:`${e.spacing.lg} ${e.spacing.xl}`,titleFontSize:e.typography.fontSize.lg},xl:{width:"920px",maxWidth:"90vw",padding:e.spacing.xxl,headerPadding:`${e.spacing.xl} ${e.spacing.xxl}`,footerPadding:`${e.spacing.lg} ${e.spacing.xxl}`,titleFontSize:e.typography.fontSize.lg},fullscreen:{width:"100vw",maxWidth:"100vw",padding:e.spacing.xxl,headerPadding:`${e.spacing.xl} ${e.spacing.xxl}`,footerPadding:`${e.spacing.lg} ${e.spacing.xxl}`,titleFontSize:e.typography.fontSize.lg}},overlay:{background:t==="light"?"rgba(10, 24, 51, 0.38)":"rgba(0, 0, 0, 0.55)",backdropFilter:"blur(4px)"},container:{background:r.colors.background.surface,borderRadius:e.radii.r5,boxShadow:t==="light"?e.shadows.l3:r.shadows.elevation.medium,border:t==="light"?"none":`1px solid ${r.colors.border.primary}`,maxHeight:"85vh"},header:{background:"transparent",borderBottom:`1px solid ${r.colors.border.divider}`,minHeight:"56px",gap:e.spacing.sm},title:{color:r.colors.text.primary,fontWeight:e.typography.fontWeight.semibold,lineHeight:"1.4"},description:{color:r.colors.text.secondary,fontSize:e.typography.fontSize.sm,lineHeight:"1.5",marginTop:e.spacing.xs},closeButton:{size:"32px",iconSize:"16px",color:r.colors.text.tertiary,hoverColor:r.colors.text.primary,hoverBackground:r.colors.background.surfaceStrong,borderRadius:e.radii.r3},content:{color:r.colors.text.primary,fontSize:e.typography.fontSize.sm,lineHeight:"1.6",maxHeight:"calc(85vh - 160px)"},footer:{background:"transparent",borderTop:`1px solid ${r.colors.border.divider}`,minHeight:"56px",gap:e.spacing.sm,justifyContent:"flex-end"},animation:{duration:"0.22s",easing:"cubic-bezier(0.22, 0.61, 0.36, 1)",scaleFrom:"0.95",scaleTo:"1"},zIndex:{overlay:1e3,container:1001},transition:"0.2s ease"}),df=({global:e,semantic:r,mode:t})=>({background:t==="light"?"rgba(10, 24, 51, 0.9)":"rgba(255, 255, 255, 0.92)",color:t==="light"?"#ffffff":r.colors.text.primary,borderRadius:e.radii.r3,boxShadow:t==="light"?"0 4px 12px rgba(0, 0, 0, 0.15)":"0 4px 12px rgba(0, 0, 0, 0.3)",padding:`${e.spacing.xs} ${e.spacing.sm}`,maxWidth:"280px",fontSize:e.typography.fontSize.sm,lineHeight:"1.5",arrow:{size:"8px"},animation:{duration:"0.15s",easing:"cubic-bezier(0.16, 1, 0.3, 1)"},zIndex:1100}),ri=e=>({button:Uu(e),floatButton:Zu(e),iconButton:Yu(e),checkbox:Xu(e),radio:Gu(e),switch:qu(e),input:Ju(e),select:Qu(e),numberfield:ef(e),collapse:tf(e),tag:rf(e),skeleton:of(e),stepper:nf(e),menu:sf(e),link:af(e),transfer:lf(e),modal:cf(e),card:ei(e),tooltip:df(e)}),Zr=(e,r="light")=>{const t={colors:Re.globalColors,spacing:Re.globalSpacing,radii:Re.globalRadii,typography:Re.globalTypography,shadows:Re.globalShadows,gradients:Re.globalGradients};return{global:t,semantic:e,components:ri({global:t,semantic:e,mode:r})}},oi=Zr(Re.lightSemantic,"light"),ni=Zr(Re.darkSemantic,"dark");var uf=function(r){return ff(r)&&!pf(r)};function ff(e){return!!e&&typeof e=="object"}function pf(e){var r=Object.prototype.toString.call(e);return r==="[object RegExp]"||r==="[object Date]"||gf(e)}var hf=typeof Symbol=="function"&&Symbol.for,bf=hf?Symbol.for("react.element"):60103;function gf(e){return e.$$typeof===bf}function mf(e){return Array.isArray(e)?[]:{}}function Et(e,r){return r.clone!==!1&&r.isMergeableObject(e)?ft(mf(e),e,r):e}function xf(e,r,t){return e.concat(r).map(function(o){return Et(o,t)})}function yf(e,r){if(!r.customMerge)return ft;var t=r.customMerge(e);return typeof t=="function"?t:ft}function vf(e){return Object.getOwnPropertySymbols?Object.getOwnPropertySymbols(e).filter(function(r){return Object.propertyIsEnumerable.call(e,r)}):[]}function Ao(e){return Object.keys(e).concat(vf(e))}function ii(e,r){try{return r in e}catch{return!1}}function $f(e,r){return ii(e,r)&&!(Object.hasOwnProperty.call(e,r)&&Object.propertyIsEnumerable.call(e,r))}function wf(e,r,t){var o={};return t.isMergeableObject(e)&&Ao(e).forEach(function(n){o[n]=Et(e[n],t)}),Ao(r).forEach(function(n){$f(e,n)||(ii(e,n)&&t.isMergeableObject(r[n])?o[n]=yf(n,t)(e[n],r[n],t):o[n]=Et(r[n],t))}),o}function ft(e,r,t){t=t||{},t.arrayMerge=t.arrayMerge||xf,t.isMergeableObject=t.isMergeableObject||uf,t.cloneUnlessOtherwiseSpecified=Et;var o=Array.isArray(r),n=Array.isArray(e),i=o===n;return i?o?t.arrayMerge(e,r,t):wf(e,r,t):Et(r,t)}ft.all=function(r,t){if(!Array.isArray(r))throw new Error("first argument should be an array");return r.reduce(function(o,n){return ft(o,n,t)},{})};var kf=ft,Sf=kf;const Cf=li(Sf),jf=e=>{const r=re.c(9),{children:t,mode:o,theme:n}=e,s=(o===void 0?"light":o)==="dark"?ni:oi;let a;e:{if(!n){a=s;break e}const b=n;let h;r[0]!==s||r[1]!==b?(h=Cf(s,b),r[0]=s,r[1]=b,r[2]=h):h=r[2],a=h}const d=a;let c;r[3]===Symbol.for("react.memo_cache_sentinel")?(c={display:"contents"},r[3]=c):c=r[3];let p;r[4]!==t?(p=l.jsx(de.OverlayProvider,{style:c,children:t}),r[4]=t,r[5]=p):p=r[5];let m;return r[6]!==d||r[7]!==p?(m=l.jsx(Re.CustomThemeProvider,{theme:d,children:p}),r[6]=d,r[7]=p,r[8]=m):m=r[8],m};Object.defineProperty(exports,"CustomThemeProvider",{enumerable:!0,get:()=>Re.CustomThemeProvider});Object.defineProperty(exports,"darkSemantic",{enumerable:!0,get:()=>Re.darkSemantic});Object.defineProperty(exports,"globalColors",{enumerable:!0,get:()=>Re.globalColors});Object.defineProperty(exports,"globalGradients",{enumerable:!0,get:()=>Re.globalGradients});Object.defineProperty(exports,"globalRadii",{enumerable:!0,get:()=>Re.globalRadii});Object.defineProperty(exports,"globalShadows",{enumerable:!0,get:()=>Re.globalShadows});Object.defineProperty(exports,"globalSpacing",{enumerable:!0,get:()=>Re.globalSpacing});Object.defineProperty(exports,"globalTypography",{enumerable:!0,get:()=>Re.globalTypography});Object.defineProperty(exports,"lightSemantic",{enumerable:!0,get:()=>Re.lightSemantic});exports.BUTTON_SIZES=Vi;exports.BUTTON_VARIANTS=Bi;exports.Button=Ko;exports.Card=Qn;exports.Checkbox=st;exports.CheckboxButton=ln;exports.CheckboxWrapper=Yn;exports.Collapse=cn;exports.CollapseItem=dn;exports.DesignThemeProvider=jf;exports.EmptyState=pd;exports.FloatButton=un;exports.ICON_BUTTON_APPEARANCES=Ji;exports.ICON_BUTTON_SIZES=es;exports.ICON_BUTTON_TONES=Qi;exports.IconButton=Bo;exports.Input=Dr;exports.Link=mn;exports.LinkRoot=gn;exports.ListBoxContent=Yr;exports.ListBoxPopup=Kn;exports.LoadingWrapper=Wn;exports.Menu=fn;exports.MenuGroup=hn;exports.MenuItem=pn;exports.Modal=Cn;exports.NumberInput=jn;exports.OptionIcon=Hn;exports.OptionItem=Bn;exports.OptionText=Vn;exports.PROGRESS_SIZES=Nc;exports.PROGRESS_STATUSES=Ic;exports.PROGRESS_TYPES=Mc;exports.Progress=Ln;exports.Radio=Hr;exports.SHAPES=el;exports.SWITCH_SIZES=Vd;exports.Select=qt;exports.SelectIcon=Dn;exports.SelectTrigger=On;exports.SelectValue=jr;exports.SelectWrapper=Fn;exports.Skeleton=Tn;exports.Step=zn;exports.Stepper=Rn;exports.SubMenuItem=bn;exports.SubMenuPopover=Kr;exports.Switch=Gn;exports.TABLE_SIZES=zd;exports.TABLE_VARIANTS=Ld;exports.TYPES=Qa;exports.Table=Nd;exports.Tag=jt;exports.TagAdd=Ur;exports.TagsContainer=Un;exports.Tooltip=ti;exports.Transfer=qn;exports.UPLOAD_STATUSES=Eu;exports.Upload=Jn;exports.createComponentTokens=ri;exports.createDesignTheme=Zr;exports.defaultDarkDesignTheme=ni;exports.defaultLightDesignTheme=oi;exports.getCardTokens=ei;exports.selectSizes=dd;exports.skeletonRadii=dc;exports.skeletonVariants=cc;
|
|
2492
3201
|
//# sourceMappingURL=index.cjs.map
|