@univerjs/design 0.20.0 → 0.20.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/cjs/index.js +12 -12
- package/lib/es/index.js +11 -11
- package/lib/index.css +26 -0
- package/lib/index.js +11 -11
- package/lib/types/components/input-number/InputNumber.stories.d.ts +3 -0
- package/lib/types/helper/class-utilities.d.ts +1 -0
- package/lib/types/helper/date.d.ts +16 -0
- package/lib/umd/index.js +22 -22
- package/package.json +2 -3
package/lib/cjs/index.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});
|
|
1
|
+
Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});let e=require(`@univerjs/icons`),t=require(`react`),n=require(`clsx`),r=require(`tailwind-merge`),i=require(`react/jsx-runtime`),a=require(`class-variance-authority`),o=require(`@radix-ui/react-slot`),s=require(`@radix-ui/react-dialog`),c=require(`@radix-ui/react-popover`),l=require(`react-dom`),u=require(`@radix-ui/react-dropdown-menu`),d=require(`@radix-ui/react-hover-card`),f=require(`sonner`),p=require(`react-transition-group`),m=require(`@radix-ui/react-separator`),h=require(`react-dom/client`);function g(...e){return(0,r.twMerge)((0,n.clsx)(e))}function _(n){let{className:r,items:a}=n,[o,s]=(0,t.useState)(null),c=e=>{s(o===e?null:e)};return(0,i.jsx)(`div`,{"data-u-comp":`accordion`,className:g(`univer-divide-x-0 univer-divide-y univer-divide-solid univer-divide-gray-200 dark:!univer-divide-gray-600`,r),children:a.map((t,n)=>(0,i.jsxs)(`div`,{children:[(0,i.jsxs)(`button`,{className:`univer-box-border univer-flex univer-w-full univer-cursor-pointer univer-items-center univer-gap-1.5 univer-border-none univer-bg-transparent univer-p-4 univer-text-left univer-text-gray-700 hover:univer-text-gray-900 focus:univer-outline-none dark:!univer-text-gray-200 dark:hover:!univer-text-white`,type:`button`,onClick:()=>c(n),children:[(0,i.jsx)(e.DownIcon,{className:g(`univer-size-2.5 univer-flex-shrink-0 univer-transition-transform`,{"-univer-rotate-90":o!==n,"univer-rotate-0":o===n})}),(0,i.jsx)(`span`,{className:`univer-font-medium`,children:t.label})]}),(0,i.jsx)(`div`,{className:g(`univer-overflow-hidden univer-transition-[max-height,opacity] univer-duration-500 univer-ease-in-out`,{"univer-max-h-screen":o===n,"univer-max-h-0":o!==n}),children:(0,i.jsx)(`div`,{className:`univer-box-border univer-px-4 univer-py-1.5`,children:t.children})})]},n))})}const v=(0,a.cva)(`
|
|
2
2
|
univer-relative univer-inline-block univer-overflow-hidden univer-whitespace-nowrap univer-bg-gray-200
|
|
3
3
|
univer-text-center univer-align-middle univer-text-white
|
|
4
|
-
`,{variants:{shape:{circle:`univer-rounded-full`,square:`univer-rounded`},size:{middle:`univer-size-9 univer-leading-9`,small:`univer-size-7 univer-leading-7`}},defaultVariants:{shape:`circle`,size:`middle`}});function
|
|
4
|
+
`,{variants:{shape:{circle:`univer-rounded-full`,square:`univer-rounded`},size:{middle:`univer-size-9 univer-leading-9`,small:`univer-size-7 univer-leading-7`}},defaultVariants:{shape:`circle`,size:`middle`}});function y(e){let{children:t,className:n,style:r,title:a,alt:o,shape:s=`circle`,size:c=`middle`,src:l,fit:u=`fill`,onError:d,onLoad:f}=e,p=typeof c==`number`?{width:`${c}px`,height:`${c}px`,lineHeight:`${c}px`}:{},m={objectFit:u};return(0,i.jsxs)(`span`,{className:g(v({shape:s,size:typeof c==`number`?`middle`:c}),{"univer-bg-transparent":l},n),style:{...p,...r,...l&&m},children:[l&&(0,i.jsx)(`img`,{className:`univer-block univer-size-full`,src:l,title:a,alt:o,onError:d,onLoad:f}),t]})}function b(t){let{className:n,children:r,closable:a=!1,onClose:o}=t;return(0,i.jsxs)(`span`,{"data-u-comp":`badge`,className:g(`univer-box-border univer-inline-flex univer-items-center univer-gap-1 univer-truncate univer-rounded-md univer-border univer-border-solid univer-border-gray-100 univer-bg-gray-100 univer-px-2.5 univer-py-0.5 univer-text-xs univer-font-medium univer-text-gray-900 dark:!univer-border-gray-500 dark:!univer-bg-gray-700 dark:!univer-text-gray-300`,n),children:[(0,i.jsx)(`span`,{className:`univer-flex-1 univer-truncate`,children:r}),a&&(0,i.jsx)(`button`,{className:`univer-flex univer-cursor-pointer univer-items-center univer-justify-center univer-border-none univer-p-0 univer-outline-none univer-transition-opacity hover:univer-opacity-70`,type:`button`,"aria-label":`Close badge`,onClick:o,children:(0,i.jsx)(e.CloseIcon,{className:`univer-text-current`})})]})}const x=(0,a.cva)(`
|
|
5
5
|
univer-box-border univer-inline-flex univer-cursor-pointer univer-select-none univer-items-center
|
|
6
6
|
univer-justify-center univer-gap-2 univer-whitespace-nowrap univer-rounded-md univer-border univer-border-solid
|
|
7
7
|
univer-text-sm univer-font-medium univer-transition-colors
|
|
@@ -41,44 +41,44 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e=Object.
|
|
|
41
41
|
dark:!univer-text-white
|
|
42
42
|
dark:hover:!univer-bg-gray-700
|
|
43
43
|
dark:active:!univer-bg-gray-600
|
|
44
|
-
`},size:{small:`univer-h-6 univer-rounded-md univer-px-1.5 univer-text-xs`,middle:`univer-h-8 univer-rounded-lg univer-px-2 univer-text-sm`,large:`univer-h-10 univer-rounded-lg univer-px-3 univer-text-sm`}},defaultVariants:{variant:`default`,size:`middle`}}),j=(0,l.forwardRef)(({className:e,variant:t,size:n,asChild:r=!1,...i},a)=>(0,f.jsx)(r?m.Slot:`button`,{className:T(A({variant:t,size:n,className:e})),ref:a,"data-u-comp":`button`,...i}));j.displayName=`Button`;const M=({className:e,orientation:t=`horizontal`,children:n})=>{let r=l.Children.count(n),i=t===`horizontal`,a=t===`vertical`;return(0,f.jsx)(`div`,{className:T(`univer-grid`,{"univer-grid-flow-row":a,"univer-w-fit":a},e),children:l.Children.map(n,(e,t)=>{let n=t===0,o=t===r-1;return(0,l.cloneElement)(e,{className:T({"!univer-rounded-l-none":i&&!n,"!univer-rounded-r-none":i&&!o,"!univer-border-l-0":i&&!n,"!univer-rounded-t-none":a&&!n,"!univer-rounded-b-none":a&&!o,"!univer-border-t-0":a&&!n},e.props.className)})})})};function N(){return typeof window<`u`&&typeof document<`u`}const P=(0,l.createContext)({mountContainer:N()?document.body:null});function F(e){let{children:t,locale:n,mountContainer:r}=e,i=(0,l.useMemo)(()=>({locale:n,mountContainer:r}),[n,r]);return(0,f.jsx)(P.Provider,{value:i,children:t})}const I=`univer-scrollbar-thin univer-scrollbar-track-gray-50 univer-scrollbar-thumb-gray-300 dark:!univer-scrollbar-track-gray-900 dark:!univer-scrollbar-thumb-gray-700`,L=`univer-border-gray-200 dark:!univer-border-gray-600 univer-border-solid`,R=T(L,`univer-border`),z=T(L,`univer-border-l univer-border-b univer-border-t-0 univer-border-r-0`),ee=T(L,`univer-border-l univer-border-b-0 univer-border-t-0 univer-border-r-0`),B=T(L,`univer-border-l-0 univer-border-b-0 univer-border-t univer-border-r-0`),V=T(L,`univer-border-l-0 univer-border-b univer-border-t-0 univer-border-r-0`),te=T(L,`univer-border-l-0 univer-border-b-0 univer-border-t-0 univer-border-r`);function ne(e){let{className:t,value:n,onValueChange:r}=e;function i(e){let[t,i,a]=e.target.value.split(`:`).map(Number),o=new Date(n==null?Date.now():n);o.setHours(t,i,a,0),r==null||r(o)}return(0,f.jsxs)(`div`,{"data-u-comp":`time-input`,className:`univer-relative univer-mx-auto univer-mt-1 univer-w-fit`,children:[(0,f.jsx)(c.ClockIcon,{className:`univer-absolute univer-left-2 univer-top-1/2 -univer-translate-y-1/2 univer-text-gray-600 dark:!univer-text-gray-400`}),(0,f.jsx)(`input`,{className:T(`univer-block univer-h-7 univer-w-fit univer-appearance-none univer-rounded-md univer-bg-transparent univer-pl-6 univer-pr-2 univer-text-center univer-text-gray-800 univer-shadow univer-outline-none univer-transition-all univer-duration-200 focus:univer-border-primary-600 dark:!univer-text-white dark:focus:!univer-border-primary-500 [&::-webkit-calendar-picker-indicator]:univer-hidden [&::-webkit-calendar-picker-indicator]:univer-appearance-none`,R,t),type:`time`,step:`1`,value:(0,h.default)(n).format(`HH:mm:ss`),onChange:i})]})}function re(e,t){return new Date(e,t+1,0).getDate()}function ie(e,t){return new Date(e,t,1).getDay()}function H(e){let{className:t,...n}=e;return(0,f.jsx)(`button`,{className:T(`univer-size-7 univer-rounded-md univer-border-none univer-bg-transparent univer-p-1 univer-transition-all hover:univer-bg-gray-200 dark:hover:!univer-bg-gray-600`,t),type:`button`,...n})}function U(e){let{className:t,max:n,min:r,showTime:i=!1,value:a,onValueChange:o}=e,{locale:s}=(0,l.useContext)(P),{year:u,weekDays:d,months:p}=s==null?void 0:s.Calendar,m=new Date,[h,g]=(0,l.useState)((a==null?m:a).getFullYear()),[_,v]=(0,l.useState)((a==null?m:a).getMonth());function y(){v(e=>e===0?(g(e=>e-1),11):e-1)}function b(){v(e=>e===11?(g(e=>e+1),0):e+1)}let x=re(h,_),S=ie(h,_),C=(0,l.useMemo)(()=>{let e=[];for(let t=0;t<S;t++)e.push(null);for(let t=1;t<=x;t++)e.push(t);return e},[x,S]);function w(e){return e&&h===(a==null?void 0:a.getFullYear())&&_===(a==null?void 0:a.getMonth())&&e===(a==null?void 0:a.getDate())}function E(e){return e&&h===m.getFullYear()&&_===m.getMonth()&&e===m.getDate()}function D(e){var t,i,o;if(!e)return!1;let s=(t=a==null?void 0:a.getHours())==null?m.getHours():t,c=(i=a==null?void 0:a.getMinutes())==null?m.getMinutes():i,l=(o=a==null?void 0:a.getSeconds())==null?m.getSeconds():o,u=new Date(h,_,e,s,c,l);return!!(r&&u<r||n&&u>n)}function O(e){var t,n,r;if(D(e))return;let i=(t=a==null?void 0:a.getHours())==null?m.getHours():t,s=(n=a==null?void 0:a.getMinutes())==null?m.getMinutes():n,c=(r=a==null?void 0:a.getSeconds())==null?m.getSeconds():r;o==null||o(new Date(h,_,e,i,s,c))}function k(e){var t;let n=e.getHours(),r=e.getMinutes(),i=e.getSeconds(),s=new Date(h,_,(t=a==null?void 0:a.getDate())==null?m.getDate():t,n,r,i);o==null||o(s)}return(0,f.jsxs)(`div`,{"data-u-comp":`calendar`,className:T(`univer-mx-auto univer-max-w-xs univer-select-none univer-rounded univer-bg-white univer-text-gray-900 dark:!univer-bg-gray-900 dark:!univer-text-white`,t),children:[(0,f.jsxs)(`nav`,{className:`univer-mb-4 univer-flex univer-items-center univer-justify-between`,children:[(0,f.jsx)(H,{className:`univer-text-lg univer-text-gray-500 dark:!univer-text-gray-200`,"aria-label":`Previous Month`,onClick:y,children:(0,f.jsx)(c.MoreRightIcon,{className:`univer-rotate-180`})}),(0,f.jsxs)(`span`,{className:`univer-flex univer-gap-0.5 univer-text-sm univer-font-medium`,children:[(0,f.jsx)(`span`,{children:h}),(0,f.jsx)(`span`,{children:u}),(0,f.jsx)(`span`,{children:p[_]})]}),(0,f.jsx)(H,{className:`univer-text-lg univer-text-gray-500 dark:!univer-text-gray-200`,"aria-label":`Next Month`,onClick:b,children:(0,f.jsx)(c.MoreRightIcon,{})})]}),(0,f.jsx)(`div`,{className:`univer-mb-1 univer-grid univer-grid-cols-7 univer-gap-1 univer-text-center univer-text-sm univer-text-gray-500 dark:!univer-text-gray-200`,children:d.map(e=>(0,f.jsx)(`div`,{children:e},e))}),(0,f.jsx)(`div`,{className:`univer-grid univer-grid-cols-7 univer-gap-1 univer-text-center`,children:C.map((e,t)=>e?(0,f.jsx)(H,{className:T({"!univer-bg-primary-600 univer-font-bold univer-text-white":!E(e)&&w(e),"dark:!univer-text-white":!E(e)&&!w(e),"!univer-bg-primary-600 univer-text-white":E(e)&&w(e),"univer-font-semibold univer-text-primary-600 dark:!univer-text-primary-500":E(e)&&!w(e),"univer-cursor-not-allowed univer-opacity-40":D(e),"univer-hover:bg-primary-100 univer-cursor-pointer univer-text-gray-800":!w(e)&&!D(e)}),onClick:()=>O(e),disabled:D(e),children:e},t):(0,f.jsx)(`div`,{},t))}),i&&(0,f.jsx)(ne,{value:a,onValueChange:k})]})}function ae({emptyText:e}){return(0,f.jsx)(`section`,{className:`univer-h-8 univer-px-2 univer-pr-32 univer-text-sm/8 univer-text-gray-600 dark:!univer-text-gray-200`,children:e})}function oe(e){let{value:t,options:n=[],onChange:r,contentClassName:i,wrapperClassName:a}=e,{locale:o}=(0,l.useContext)(P),s=(0,l.useMemo)(()=>{let e=[n];return t.forEach((t,n)=>{let r=e[n].find(e=>e.value===t);r!=null&&r.children&&e.push(r.children)}),e},[t]);function u(e,n){if(n===t[e])return;if(t[e+1]){let i=t.slice(0,e+1);i[e]=n,r(i);return}let i=[...t];i[e]=n,r(i)}return(0,f.jsxs)(`section`,{"data-u-comp":`cascader-list`,className:T(`univer-overflow-auto-y univer-grid univer-h-full univer-max-h-80 univer-grid-flow-col univer-rounded univer-py-2 univer-text-gray-900 dark:!univer-text-white [&>ul:not(:last-child)]:univer-border-0 [&>ul:not(:last-child)]:univer-border-r [&>ul:not(:last-child)]:univer-border-solid [&>ul:not(:last-child)]:univer-border-r-gray-200`,R,I,a),children:[s.map((e,n)=>e.length?(0,f.jsx)(`ul`,{className:T(`univer-m-0 univer-h-full univer-max-h-full univer-list-none univer-overflow-auto univer-px-2`,I,i),children:e.map(e=>(0,f.jsx)(`li`,{children:(0,f.jsxs)(`a`,{className:T(`univer-relative univer-block univer-h-8 univer-cursor-pointer univer-rounded univer-text-sm/8`,{"univer-px-7":n>0,"univer-px-1.5":n===0,"univer-bg-gray-200 dark:!univer-bg-gray-600":e.value===t[n]}),onClick:()=>u(n,e.value),children:[n>0&&(0,f.jsx)(`span`,{className:`univer-absolute univer-left-2 univer-flex univer-h-full univer-items-center`,children:e.value===t[n]&&(0,f.jsx)(c.CheckMarkIcon,{className:`univer-text-primary-600`})}),(0,f.jsx)(`span`,{children:e.label})]})},e.value))},n):(0,f.jsx)(ae,{emptyText:o==null?void 0:o.CascaderList.empty},n)),t.length<=0&&(0,f.jsx)(ae,{emptyText:o==null?void 0:o.CascaderList.empty})]})}function se(e){let{children:t,className:n,style:r,value:i,disabled:a,direction:o=`horizontal`,onChange:s}=e,c=e=>{i.includes(e)?s(i.filter(t=>t!==e)):s([...i,e])};return(0,f.jsx)(`div`,{className:T(`univer-flex univer-gap-2`,{"univer-flex-col":o===`vertical`},n),style:r,children:l.Children.map(t,(e,t)=>(0,l.isValidElement)(e)?(0,l.cloneElement)(e,{key:t,children:e.props.children,checked:e.props.value?i.includes(e.props.value):!1,disabled:a==null?e.props.disabled:a,onChange:c}):e)})}function ce(e){let{children:t,className:n,style:r,checked:i=!1,indeterminate:a=!1,value:o,disabled:s=!1,onChange:u,contentClassName:d}=e,p=(0,l.useRef)(null);function m(e){if(e.stopPropagation(),!(!u||s))if(o!==void 0)u==null||u(o);else{var t,n;let e=(t=p==null||(n=p.current)==null?void 0:n.checked)==null?!1:t;u==null||u(e)}}return(0,f.jsxs)(`label`,{"data-u-comp":`checkbox`,className:T(`univer-box-border univer-inline-flex univer-items-center univer-gap-2 univer-text-sm`,{"univer-cursor-pointer univer-text-gray-900 dark:!univer-text-white":!s,"univer-text-gray-400":s},n),style:r,children:[(0,f.jsxs)(`span`,{className:`univer-relative univer-block`,children:[(0,f.jsx)(`input`,{ref:p,className:`univer-absolute univer-size-0 univer-opacity-0`,type:`checkbox`,checked:i,disabled:s,onChange:m}),(0,f.jsxs)(`span`,{className:T(`univer-relative univer-box-border univer-flex univer-size-4 univer-items-center univer-justify-center univer-overflow-hidden univer-rounded univer-border univer-border-solid univer-transition-colors`,{"univer-opacity-50":s,"univer-border-primary-600 univer-bg-primary-600":i||a,"univer-border-gray-300 univer-bg-gray-50 dark:!univer-border-gray-500 dark:!univer-bg-gray-600":!i&&!a}),children:[i&&(0,f.jsx)(c.CheckMarkIcon,{className:`univer-absolute univer-left-1/2 univer-top-1/2 univer-block univer-size-3 -univer-translate-x-1/2 -univer-translate-y-1/2 univer-text-white`}),a&&!i&&(0,f.jsx)(`span`,{className:`univer-absolute univer-left-1/2 univer-top-1/2 univer-block univer-h-0.5 univer-w-2.5 -univer-translate-x-1/2 -univer-translate-y-1/2 univer-rounded univer-bg-white`})]})]}),(0,f.jsx)(`span`,{className:T(`univer-select-none`,d),children:t})]})}const le=g.Root,ue=g.Portal,de=(0,l.forwardRef)(({className:e,...t},n)=>(0,f.jsx)(g.Overlay,{ref:n,className:T(`data-[state=open]:univer-animate-in data-[state=open]:univer-fade-in-0 data-[state=closed]:univer-animate-out data-[state=closed]:univer-fade-out-0 univer-fixed univer-inset-0 univer-z-[1080] univer-bg-[rgba(0,0,0,0.8)]`,e),...t}));de.displayName=g.Overlay.displayName;const fe=(0,l.forwardRef)(({className:e,children:t,closable:n=!0,onClickClose:r,...i},a)=>(0,f.jsxs)(ue,{children:[(0,f.jsx)(de,{}),(0,f.jsxs)(g.Content,{ref:a,className:T(`data-[state=open]:univer-animate-in data-[state=open]:univer-fade-in-0 data-[state=open]:univer-zoom-in-95 data-[state=open]:univer-slide-in-from-left-1/2 data-[state=open]:univer-slide-in-from-top-[48%] data-[state=closed]:univer-animate-out data-[state=closed]:univer-fade-out-0 data-[state=closed]:univer-zoom-out-95 data-[state=closed]:univer-slide-out-to-left-1/2 data-[state=closed]:univer-slide-out-to-top-[48%] univer-fixed univer-left-1/2 univer-top-1/2 univer-z-[1080] univer-box-border univer-grid univer-w-full univer-max-w-lg -univer-translate-x-1/2 -univer-translate-y-1/2 univer-gap-4 univer-bg-white univer-p-4 univer-text-gray-500 univer-shadow-md univer-duration-200 sm:!univer-rounded-lg dark:!univer-bg-gray-700 dark:!univer-text-gray-400`,R,e),...i,children:[t,n&&(0,f.jsxs)(g.Close,{className:`univer-absolute univer-right-4 univer-top-4 univer-size-6 univer-cursor-pointer univer-rounded-sm univer-border-none univer-bg-transparent univer-p-0 univer-transition-opacity hover:univer-opacity-100 disabled:univer-pointer-events-none`,onClick:r,children:[(0,f.jsx)(c.CloseIcon,{className:`univer-size-4 univer-text-gray-400`}),(0,f.jsx)(`span`,{className:`univer-sr-only`,children:`Close`})]})]})]}));fe.displayName=g.Content.displayName;const pe=({className:e,...t})=>(0,f.jsx)(`div`,{className:T(`univer-flex univer-flex-col univer-space-y-1.5 univer-text-center sm:!univer-text-left`,e),...t});pe.displayName=`DialogHeader`;const me=({className:e,...t})=>(0,f.jsx)(`div`,{className:T(`univer-flex univer-flex-col-reverse sm:!univer-flex-row sm:!univer-justify-end sm:!univer-space-x-2`,e),...t});me.displayName=`DialogFooter`;const he=(0,l.forwardRef)(({className:e,...t},n)=>(0,f.jsx)(g.Title,{ref:n,className:T(`univer-my-0 univer-text-lg univer-font-semibold univer-leading-none univer-tracking-tight univer-text-gray-900 dark:!univer-text-white`,e),...t}));he.displayName=g.Title.displayName;const ge=(0,l.forwardRef)(({className:e,...t},n)=>(0,f.jsx)(g.Description,{ref:n,className:T(`univer-text-sm univer-text-gray-500`,e),...t}));ge.displayName=g.Description.displayName;function _e(e={}){let t=(0,l.useCallback)(()=>{let{innerWidth:e,innerHeight:t}=window;return{x:Math.max(0,(e-0)/2),y:Math.max(0,(t-0)/2)}},[]),{defaultPosition:n=t(),enabled:r=!1}=e,[i,a]=(0,l.useState)(n),[o,s]=(0,l.useState)(!1),c=(0,l.useRef)(null),u=(0,l.useRef)({x:0,y:0}),d=(0,l.useRef)({x:0,y:0}),f=(0,l.useRef)(!1);(0,l.useEffect)(()=>{if(!c.current||f.current||e.defaultPosition)return;let{width:t,height:n}=c.current.getBoundingClientRect(),{innerWidth:r,innerHeight:i}=window,o=Math.max(0,(r-t)/2),s=Math.max(0,(i-n)/2);a({x:o,y:s}),u.current={x:o,y:s},f.current=!0},[e.defaultPosition]);let p=(0,l.useCallback)((e,t)=>{if(!c.current)return{x:e,y:t};let n=c.current.getBoundingClientRect(),{clientWidth:r,clientHeight:i}=document.documentElement,a=u.current.x+(e-d.current.x),o=u.current.y+(t-d.current.y);return a<0&&(a=0),o<0&&(o=0),a+n.width>r&&(a=r-n.width),o+n.height>i&&(o=i-n.height),{x:a,y:o}},[]),m=(0,l.useCallback)(e=>{r&&(e.preventDefault(),e.stopPropagation(),u.current={...i},d.current={x:e.clientX,y:e.clientY},s(!0),document.body.style.userSelect=`none`)},[r,i]),h=(0,l.useCallback)(e=>{o&&(e.preventDefault(),e.stopPropagation(),a(p(e.clientX,e.clientY)))},[o,p]),g=(0,l.useCallback)(()=>{s(!1),document.body.style.userSelect=``},[]);return(0,l.useEffect)(()=>{if(r)return document.addEventListener(`mousemove`,h),document.addEventListener(`mouseup`,g),()=>{document.removeEventListener(`mousemove`,h),document.removeEventListener(`mouseup`,g)}},[r,h,g]),{position:i,isDragging:o,elementRef:c,setElementRef:t=>{if(c.current=t,t&&!f.current&&!e.defaultPosition){let{width:e,height:n}=t.getBoundingClientRect(),{innerWidth:r,innerHeight:i}=window,o=Math.max(0,(r-e)/2),s=Math.max(0,(i-n)/2);a({x:o,y:s}),u.current={x:o,y:s},f.current=!0}},handleMouseDown:m}}function W(e){var t,n,r,i;let{className:a,children:o,style:s,open:c=!1,title:u,width:d,draggable:p=!1,defaultPosition:m,footer:h,mask:g=!0,keyboard:_=!0,closable:v=!0,maskClosable:y=!0,showOk:b,showCancel:x,onOpenChange:S,onClose:C,onOk:w,onCancel:E}=e,{locale:D}=(0,l.useContext)(P),{position:O,isDragging:k,setElementRef:A,handleMouseDown:M}=_e({defaultPosition:m,enabled:p}),N=h==null?b||x?(0,f.jsxs)(`div`,{className:`univer-flex univer-justify-end univer-gap-2`,children:[x&&(0,f.jsx)(j,{onClick:E,children:(t=D==null||(n=D.Confirm)==null?void 0:n.cancel)==null?`Cancel`:t}),b&&(0,f.jsx)(j,{variant:`primary`,onClick:w,children:(r=D==null||(i=D.Confirm)==null?void 0:i.confirm)==null?`OK`:r})]}):null:h,F=(0,l.useCallback)(e=>{e&&p&&A(e)},[p,A]),I=(0,l.useCallback)(e=>{!g&&!e||(S==null||S(e),e||C==null||C())},[C,S]);function L(){S==null||S(!1),C==null||C()}return(0,f.jsx)(le,{open:c,onOpenChange:I,modal:g!==!1,children:(0,f.jsxs)(fe,{ref:F,className:T(a,{"!univer-animate-none":p}),style:{...s,width:d?typeof d==`number`?`${d}px`:d:void 0,maxWidth:d?`initial`:void 0,...p?{position:`absolute`,margin:0,left:0,top:0,transform:`translate(${O.x}px, ${O.y}px)`,transition:k?`none`:void 0,cursor:k?`grabbing`:void 0}:{}},closable:v,onClickClose:L,onEscapeKeyDown:e=>{_&&L(),e.preventDefault()},onPointerDownOutside:e=>{y&&L(),e.preventDefault()},children:[(0,f.jsxs)(pe,{className:T({"!univer-hidden":!u}),"data-drag-handle":p?`true`:void 0,style:{cursor:p?`grab`:void 0,userSelect:p?`none`:void 0,touchAction:p?`none`:void 0},onMouseDown:p?M:void 0,children:[(0,f.jsx)(he,{children:u}),(0,f.jsx)(ge,{className:`univer-hidden`})]}),o,N&&(0,f.jsx)(me,{children:N})]})})}const G=(e,t,n)=>{t/=100,n/=100;let r=n*t,i=r*(1-Math.abs(e/60%2-1)),a=n-r,o=0,s=0,c=0;return e>=0&&e<60?(o=r,s=i,c=0):e>=60&&e<120?(o=i,s=r,c=0):e>=120&&e<180?(o=0,s=r,c=i):e>=180&&e<240?(o=0,s=i,c=r):e>=240&&e<300?(o=i,s=0,c=r):e>=300&&e<360&&(o=r,s=0,c=i),[Math.round((o+a)*255),Math.round((s+a)*255),Math.round((c+a)*255)]},ve=(e,t,n)=>{let r=e=>e.toString(16).padStart(2,`0`);return`#${r(e)}${r(t)}${r(n)}`},K=(e,t,n)=>{e/=255,t/=255,n/=255;let r=Math.max(e,t,n),i=r-Math.min(e,t,n),a=0,o=0,s=r;return r!==0&&(o=i/r),i!==0&&(r===e?a=(t-n)/i+(t<n?6:0):r===t?a=(n-e)/i+2:r===n&&(a=(e-t)/i+4),a*=60),[a,o*100,s*100]},ye=e=>{e.length===4&&(e=`#${e.slice(1).split(``).map(e=>e+e).join(``)}`);let[t,n,r]=e.match(/\w\w/g).map(e=>Number.parseInt(e,16));return K(t,n,r)},q=(e,t,n)=>{let[r,i,a]=G(e,t,n);return ve(r,i,a)},be=(e,t,n,r)=>{let[i,a,o]=G(e,t,n);return`rgba(${i}, ${a}, ${o}, ${r})`},xe=e=>{let t=e.match(/rgba?\((\d+),\s*(\d+),\s*(\d+)(?:,\s*(\d*\.?\d+))?\)/);if(!t)throw Error(`Invalid RGBA string`);return[Number.parseInt(t[1],10),Number.parseInt(t[2],10),Number.parseInt(t[3],10),t[4]?Number.parseFloat(t[4]):1]};function Se({hsv:e,alpha:t,onChange:n,onChanged:r}){let[i,a]=(0,l.useState)(!1),o=(0,l.useRef)(null),s=(0,l.useRef)(null),c=(0,l.useCallback)(e=>{var t,r;let i=o.current;if(!i)return;let a=(t=(r=s.current)==null?void 0:r.clientWidth)==null?0:t,c=i.getBoundingClientRect(),l=c.width-a;if(l<=0){n(0);return}let u=Math.max(0,Math.min(e-c.left,l));n(Math.round(u/l*100)/100)},[n]),u=(0,l.useCallback)(e=>{i&&c(e.clientX)},[i,c]),d=(0,l.useCallback)(()=>{a(!1),r==null||r(t)},[t]);(0,l.useEffect)(()=>(i&&(window.addEventListener(`pointermove`,u),window.addEventListener(`pointerup`,d),window.addEventListener(`mouseup`,d)),()=>{window.removeEventListener(`pointermove`,u),window.removeEventListener(`pointerup`,d),window.removeEventListener(`mouseup`,d)}),[i,u,d]);let p=()=>{var e,n,r,i;let a=Math.min(Math.max(t*100,0),100),c=(e=(n=s.current)==null?void 0:n.clientWidth)==null?0:e,l=(r=(i=o.current)==null?void 0:i.clientWidth)==null?0:r,u=l>0?c/l*100:0;return`${a/100*(100-u)}%`},m=G(...e);return(0,f.jsxs)(`div`,{className:`univer-relative univer-w-full univer-select-none`,children:[(0,f.jsx)(`div`,{className:`univer-absolute univer-inset-0 univer-rounded-full`,style:{backgroundImage:`linear-gradient(45deg, #E3E5EA 25%, transparent 25%), linear-gradient(-45deg, #E3E5EA 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #E3E5EA 75%), linear-gradient(-45deg, transparent 75%, #E3E5EA 75%)`,backgroundPosition:`0 0, 0 4px, 4px -4px, -4px 0`,backgroundSize:`8px 8px`}}),(0,f.jsx)(`div`,{ref:o,className:`univer-relative univer-h-2 univer-w-full univer-cursor-pointer univer-rounded-full univer-shadow-inner`,style:{background:`linear-gradient(to right, transparent, rgb(${m.join(`,`)}))`},onPointerDown:e=>{a(!0),c(e.clientX)},children:(0,f.jsx)(`div`,{ref:s,className:`univer-absolute univer-top-1/2 univer-box-border univer-size-2 univer-rounded-full univer-bg-transparent univer-shadow-md univer-ring-2 univer-ring-white univer-transition-transform univer-duration-75 univer-will-change-transform`,style:{left:p(),transform:`translateY(-50%)`,transition:i?`none`:`all 0.1s ease-out`}})})]})}function Ce({hsv:e,onChange:t}){let[n,r]=(0,l.useState)(``),i=(0,l.useMemo)(()=>q(e[0],e[1],e[2]),[e]);(0,l.useEffect)(()=>{r(i.replace(/^#/,``))},[i]);let a=e=>/^[0-9A-Fa-f]{6}$/.test(e);return(0,f.jsxs)(f.Fragment,{children:[(0,f.jsx)(`input`,{className:T(`univer-w-full univer-px-2 !univer-pl-4 univer-uppercase focus:univer-border-primary-500 focus:univer-outline-none dark:!univer-text-white`,R),value:n,onChange:e=>{let n=e.target.value.trim();if(!(n.length>6)&&!(n!==``&&!/^[0-9A-Fa-f]*$/.test(n))&&(r(n),a(n))){let e=ye(n);e&&t&&t(...e)}},onBlur:()=>{a(n)||r(i.replace(/^#/,``))},maxLength:6,spellCheck:!1}),(0,f.jsx)(`span`,{className:`univer-absolute univer-left-1.5 univer-top-1/2 -univer-translate-y-1/2 univer-text-sm univer-text-gray-400`,children:`#`})]})}function we({hsv:e,alpha:t,format:n,onChange:r}){let[i,a]=(0,l.useState)({r:0,g:0,b:0,a:1});(0,l.useEffect)(()=>{let[n,r,i]=G(e[0],e[1],e[2]);a({r:Math.round(n),g:Math.round(r),b:Math.round(i),a:t==null?1:t})},[e,t]);let o=(t,n)=>{if(t===`a`){if(n!==``&&!/^\d*\.?\d*$/.test(n))return;let t=n===``?0:Number.parseFloat(n);if(t>1)return;a({...i,a:t}),r&&r(e[0],e[1],e[2],t);return}if(n!==``&&!/^\d*$/.test(n))return;let o=n===``?0:Number.parseInt(n,10);if(o>255)return;let s={...i,[t]:o};a(s),r&&r(...K(s.r,s.g,s.b),i.a)},s=()=>{let[n,r,i]=G(e[0],e[1],e[2]);a({r:Math.round(n),g:Math.round(r),b:Math.round(i),a:t==null?1:t})};return(0,f.jsxs)(`div`,{className:`univer-flex univer-items-center univer-gap-2 [&>input]:univer-w-11 [&>input]:univer-border-gray-200 [&>input]:focus:univer-border-primary-500 dark:[&>input]:!univer-border-gray-600 dark:[&>input]:!univer-text-white`,children:[(0,f.jsx)(`input`,{value:i.r,onChange:e=>o(`r`,e.target.value),onBlur:s,maxLength:3}),(0,f.jsx)(`input`,{value:i.g,onChange:e=>o(`g`,e.target.value),onBlur:s,maxLength:3}),(0,f.jsx)(`input`,{value:i.b,onChange:e=>o(`b`,e.target.value),onBlur:s,maxLength:3}),n===`rgba`&&(0,f.jsx)(`input`,{value:i.a,onChange:e=>o(`a`,e.target.value),onBlur:s,maxLength:4})]})}function Te({hsv:e,alpha:t,format:n,onChange:r}){return(0,f.jsx)(`div`,{className:`dark:![&_input]:univer-border-gray-600 dark:![&_input]:univer-text-white univer-flex univer-gap-2 [&_input]:univer-box-border [&_input]:univer-flex [&_input]:univer-h-7 [&_input]:univer-items-center [&_input]:univer-rounded [&_input]:univer-border [&_input]:univer-border-solid [&_input]:univer-border-gray-200 [&_input]:univer-bg-transparent [&_input]:univer-px-1.5 [&_input]:univer-text-sm [&_input]:univer-text-gray-700 [&_input]:univer-outline-none`,children:(0,f.jsxs)(`div`,{className:`univer-relative univer-flex univer-flex-1 univer-gap-2`,children:[(0,f.jsx)(Ce,{hsv:e,onChange:r}),(0,f.jsx)(we,{hsv:e,alpha:t,format:n,onChange:r})]})})}const Ee=[[`#FFFFFF`,`#E1EFFE`,`#FDE8E8`,`#FEECDC`,`#FFF4B9`,`#DEF7EC`,`#D5F5F6`,`#EDEBFE`,`#FCE8F3`],[`#CDD0D8`,`#A4CAFE`,`#F8B4B4`,`#FDBA8C`,`#FAC815`,`#84E1BC`,`#7EDCE2`,`#CABFFD`,`#F8B4D9`],[`#979DAC`,`#3F83F8`,`#F05252`,`#FF5A1F`,`#D49D0F`,`#0DA471`,`#0694A2`,`#9061F9`,`#E74694`],[`#414657`,`#1A56DB`,`#C81E1E`,`#B43403`,`#9A6D15`,`#046C4E`,`#036672`,`#6C2BD9`,`#BF125D`],[`#000000`,`#233876`,`#771D1D`,`#8A2C0D`,`#634312`,`#014737`,`#014451`,`#4A1D96`,`#751A3D`]];function De({hsv:e,onChange:t}){let n=(0,l.useCallback)(e=>{let[n,r,i]=ye(e);t(n,r,i)},[t]),r=q(e[0],e[1],e[2]);return(0,f.jsx)(`div`,{"data-u-comp":`color-picker-presets`,className:`univer-grid univer-content-center univer-gap-2`,children:Ee.map((e,t)=>(0,f.jsx)(`div`,{className:`univer-grid univer-grid-flow-col univer-items-center univer-justify-between univer-gap-2`,children:e.map((e,i)=>(0,f.jsx)(`button`,{type:`button`,className:T(`univer-box-border univer-size-5 univer-cursor-pointer univer-rounded-full univer-border univer-border-solid univer-border-transparent univer-bg-gray-300 univer-transition-shadow`,{"univer-ring-2 univer-ring-offset-2 univer-ring-offset-white dark:!univer-ring-primary-600 dark:!univer-ring-offset-gray-600":e.toUpperCase()===r.toUpperCase(),"!univer-border-gray-200":t===0&&i===0}),style:{backgroundColor:e},onClick:()=>n(e)},i))},t))})}function Oe({hsv:e,onChange:t,onChanged:n}){let r=(0,l.useRef)(null),i=(0,l.useRef)(null),[a,o]=(0,l.useState)(!1);(0,l.useEffect)(()=>{let t=r.current;if(!t)return;let n=t.getContext(`2d`);if(!n)return;let i=n.createLinearGradient(0,0,t.width,0);i.addColorStop(0,`hsl(${e[0]}, 0%, 50%)`),i.addColorStop(1,`hsl(${e[0]}, 100%, 50%)`),n.fillStyle=i,n.fillRect(0,0,t.width,t.height);let a=n.createLinearGradient(0,0,0,t.height);a.addColorStop(0,`rgba(255, 255, 255, 0)`),a.addColorStop(1,`rgba(0, 0, 0, 1)`),n.fillStyle=a,n.fillRect(0,0,t.width,t.height)},[e]);let s=n=>{n.stopPropagation();let i=r.current;if(!i)return;let a=i.getBoundingClientRect(),o=Math.max(0,Math.min(n.clientX-a.left,a.width)),s=Math.max(0,Math.min(n.clientY-a.top,a.height)),c=o/a.width*100,l=100-s/a.height*100;t(e[0],c,l)},c=(0,l.useCallback)(()=>{o(!1)},[e]);function u(){n==null||n(e[0],e[1],e[2])}(0,l.useEffect)(()=>{var e;return(e=i.current)==null||e.addEventListener(`mouseup`,u),window.addEventListener(`pointerup`,c),window.addEventListener(`mouseup`,c),()=>{var e;(e=i.current)==null||e.removeEventListener(`mouseup`,u),window.removeEventListener(`pointerup`,c),window.removeEventListener(`mouseup`,c)}},[e]);let d=()=>{var t,n,r,o;let s=(t=(n=i.current)==null?void 0:n.clientWidth)==null?0:t,c=(r=(o=i.current)==null?void 0:o.clientHeight)==null?0:r;return{transform:`translate(${e[1]/100*s-8}px, ${(100-e[2])/100*c-8}px)`,transition:a?`none`:`transform 0.1s ease-out`}};return(0,l.useEffect)(()=>{let e=()=>{o(!1)};return window.addEventListener(`pointerup`,e),window.addEventListener(`mouseup`,e),()=>{window.removeEventListener(`pointerup`,e),window.removeEventListener(`mouseup`,e)}},[]),(0,f.jsxs)(`div`,{"data-u-comp":`color-picker-spectrum`,ref:i,className:`univer-relative univer-overflow-hidden`,children:[(0,f.jsx)(`canvas`,{ref:r,className:`univer-size-full univer-cursor-crosshair univer-rounded`,onPointerDown:e=>{o(!0),s(e)},onPointerMove:e=>a&&s(e)}),(0,f.jsx)(`div`,{className:`univer-pointer-events-none univer-absolute univer-left-0 univer-top-0 univer-size-4 univer-rounded-full univer-border-2 univer-border-white univer-shadow-md univer-ring-2 univer-ring-white univer-will-change-transform`,style:d()})]})}function ke({hsv:e,onChange:t,onChanged:n}){let[r,i]=(0,l.useState)(!1),a=(0,l.useRef)(null),o=(0,l.useRef)(null),s=(0,l.useCallback)(n=>{var r,i;let s=a.current;if(!s)return;let c=(r=(i=o.current)==null?void 0:i.clientWidth)==null?0:r,l=s.getBoundingClientRect(),u=l.width-c;if(u<=0){t(0,e[1],e[2]);return}let d=Math.max(0,Math.min(n-l.left,u));t(Math.round(d/u*360),e[1],e[2])},[e,t]),c=(0,l.useCallback)(e=>{e.stopPropagation(),r&&s(e.clientX)},[r,s]),u=(0,l.useCallback)(()=>{i(!1),n==null||n(e[0],e[1],e[2])},[e,n]);(0,l.useEffect)(()=>(r&&(window.addEventListener(`pointermove`,c),window.addEventListener(`pointerup`,u),window.addEventListener(`mouseup`,u)),()=>{window.removeEventListener(`pointermove`,c),window.removeEventListener(`pointerup`,u),window.removeEventListener(`mouseup`,u)}),[r,c,u]);let d=()=>{var t,n,r,i;let s=Math.min(Math.max(e[0],0),360),c=(t=(n=o.current)==null?void 0:n.clientWidth)==null?0:t,l=(r=(i=a.current)==null?void 0:i.clientWidth)==null?0:r,u=l>0?c/l*100:0;return`${s/360*(100-u)}%`};return(0,f.jsx)(`div`,{"data-u-comp":`color-picker-hue-slider`,className:`univer-relative univer-w-full univer-select-none`,children:(0,f.jsx)(`div`,{ref:a,className:`univer-relative univer-h-2 univer-w-full univer-cursor-pointer univer-rounded-full univer-shadow-inner`,style:{background:`linear-gradient(to right,
|
|
44
|
+
`},size:{small:`univer-h-6 univer-rounded-md univer-px-1.5 univer-text-xs`,middle:`univer-h-8 univer-rounded-lg univer-px-2 univer-text-sm`,large:`univer-h-10 univer-rounded-lg univer-px-3 univer-text-sm`}},defaultVariants:{variant:`default`,size:`middle`}}),S=(0,t.forwardRef)(({className:e,variant:t,size:n,asChild:r=!1,...a},s)=>(0,i.jsx)(r?o.Slot:`button`,{className:g(x({variant:t,size:n,className:e})),ref:s,"data-u-comp":`button`,...a}));S.displayName=`Button`;const C=({className:e,orientation:n=`horizontal`,children:r})=>{let a=t.Children.count(r),o=n===`horizontal`,s=n===`vertical`;return(0,i.jsx)(`div`,{className:g(`univer-grid`,{"univer-grid-flow-row":s,"univer-w-fit":s},e),children:t.Children.map(r,(e,n)=>{let r=n===0,i=n===a-1;return(0,t.cloneElement)(e,{className:g({"!univer-rounded-l-none":o&&!r,"!univer-rounded-r-none":o&&!i,"!univer-border-l-0":o&&!r,"!univer-rounded-t-none":s&&!r,"!univer-rounded-b-none":s&&!i,"!univer-border-t-0":s&&!r},e.props.className)})})})};function w(){return typeof window<`u`&&typeof document<`u`}const T=(0,t.createContext)({mountContainer:w()?document.body:null});function E(e){let{children:n,locale:r,mountContainer:a}=e,o=(0,t.useMemo)(()=>({locale:r,mountContainer:a}),[r,a]);return(0,i.jsx)(T.Provider,{value:o,children:n})}const D=`univer-scrollbar-thin univer-scrollbar-track-gray-50 univer-scrollbar-thumb-gray-300 dark:!univer-scrollbar-track-gray-900 dark:!univer-scrollbar-thumb-gray-700`,O=`univer-border-gray-200 dark:!univer-border-gray-600 univer-border-solid`,k=g(O,`univer-border`),A=g(O,`univer-border-l univer-border-b univer-border-t-0 univer-border-r-0`),j=g(O,`univer-border-l univer-border-b-0 univer-border-t-0 univer-border-r-0`),M=g(O,`univer-border-b-0 univer-border-t-0 rtl:univer-border-l-0 rtl:univer-border-r`),N=g(O,`univer-border-l-0 univer-border-b-0 univer-border-t univer-border-r-0`),P=g(O,`univer-border-l-0 univer-border-b univer-border-t-0 univer-border-r-0`),F=g(O,`univer-border-l-0 univer-border-b-0 univer-border-t-0 univer-border-r`);function I(e,t=2){return String(e).padStart(t,`0`)}function L(e,t){let n=e==null?new Date:e;if(Number.isNaN(n.getTime()))return`Invalid Date`;let r={YYYY:String(n.getFullYear()),MM:I(n.getMonth()+1),DD:I(n.getDate()),HH:I(n.getHours()),mm:I(n.getMinutes()),ss:I(n.getSeconds())};return t.replace(/YYYY|MM|DD|HH|mm|ss/g,e=>{var t;return(t=r[e])==null?e:t})}function R(t){let{className:n,value:r,onValueChange:a}=t;function o(e){let[t,n,i]=e.target.value.split(`:`).map(Number),o=new Date(r==null?Date.now():r);o.setHours(t,n,i,0),a==null||a(o)}return(0,i.jsxs)(`div`,{"data-u-comp":`time-input`,className:`univer-relative univer-mx-auto univer-mt-1 univer-w-fit`,children:[(0,i.jsx)(e.ClockIcon,{className:`univer-absolute univer-left-2 univer-top-1/2 -univer-translate-y-1/2 univer-text-gray-600 dark:!univer-text-gray-400`}),(0,i.jsx)(`input`,{className:g(`univer-block univer-h-7 univer-w-fit univer-appearance-none univer-rounded-md univer-bg-transparent univer-pl-6 univer-pr-2 univer-text-center univer-text-gray-800 univer-shadow univer-outline-none univer-transition-all univer-duration-200 focus:univer-border-primary-600 dark:!univer-text-white dark:focus:!univer-border-primary-500 [&::-webkit-calendar-picker-indicator]:univer-hidden [&::-webkit-calendar-picker-indicator]:univer-appearance-none`,k,n),type:`time`,step:`1`,value:L(r,`HH:mm:ss`),onChange:o})]})}function z(e,t){return new Date(e,t+1,0).getDate()}function ee(e,t){return new Date(e,t,1).getDay()}function B(e){let{className:t,...n}=e;return(0,i.jsx)(`button`,{className:g(`univer-size-7 univer-rounded-md univer-border-none univer-bg-transparent univer-p-1 univer-transition-all hover:univer-bg-gray-200 dark:hover:!univer-bg-gray-600`,t),type:`button`,...n})}function V(n){let{className:r,max:a,min:o,showTime:s=!1,value:c,onValueChange:l}=n,{locale:u}=(0,t.useContext)(T),{year:d,weekDays:f,months:p}=u==null?void 0:u.Calendar,m=new Date,[h,_]=(0,t.useState)((c==null?m:c).getFullYear()),[v,y]=(0,t.useState)((c==null?m:c).getMonth());function b(){y(e=>e===0?(_(e=>e-1),11):e-1)}function x(){y(e=>e===11?(_(e=>e+1),0):e+1)}let S=z(h,v),C=ee(h,v),w=(0,t.useMemo)(()=>{let e=[];for(let t=0;t<C;t++)e.push(null);for(let t=1;t<=S;t++)e.push(t);return e},[S,C]);function E(e){return e&&h===(c==null?void 0:c.getFullYear())&&v===(c==null?void 0:c.getMonth())&&e===(c==null?void 0:c.getDate())}function D(e){return e&&h===m.getFullYear()&&v===m.getMonth()&&e===m.getDate()}function O(e){var t,n,r;if(!e)return!1;let i=(t=c==null?void 0:c.getHours())==null?m.getHours():t,s=(n=c==null?void 0:c.getMinutes())==null?m.getMinutes():n,l=(r=c==null?void 0:c.getSeconds())==null?m.getSeconds():r,u=new Date(h,v,e,i,s,l);return!!(o&&u<o||a&&u>a)}function k(e){var t,n,r;if(O(e))return;let i=(t=c==null?void 0:c.getHours())==null?m.getHours():t,a=(n=c==null?void 0:c.getMinutes())==null?m.getMinutes():n,o=(r=c==null?void 0:c.getSeconds())==null?m.getSeconds():r;l==null||l(new Date(h,v,e,i,a,o))}function A(e){var t;let n=e.getHours(),r=e.getMinutes(),i=e.getSeconds(),a=new Date(h,v,(t=c==null?void 0:c.getDate())==null?m.getDate():t,n,r,i);l==null||l(a)}return(0,i.jsxs)(`div`,{"data-u-comp":`calendar`,className:g(`univer-mx-auto univer-max-w-xs univer-select-none univer-rounded univer-bg-white univer-text-gray-900 dark:!univer-bg-gray-900 dark:!univer-text-white`,r),children:[(0,i.jsxs)(`nav`,{className:`univer-mb-4 univer-flex univer-items-center univer-justify-between`,children:[(0,i.jsx)(B,{className:`univer-text-lg univer-text-gray-500 dark:!univer-text-gray-200`,"aria-label":`Previous Month`,onClick:b,children:(0,i.jsx)(e.MoreRightIcon,{className:`univer-rotate-180`})}),(0,i.jsxs)(`span`,{className:`univer-flex univer-gap-0.5 univer-text-sm univer-font-medium`,children:[(0,i.jsx)(`span`,{children:h}),(0,i.jsx)(`span`,{children:d}),(0,i.jsx)(`span`,{children:p[v]})]}),(0,i.jsx)(B,{className:`univer-text-lg univer-text-gray-500 dark:!univer-text-gray-200`,"aria-label":`Next Month`,onClick:x,children:(0,i.jsx)(e.MoreRightIcon,{})})]}),(0,i.jsx)(`div`,{className:`univer-mb-1 univer-grid univer-grid-cols-7 univer-gap-1 univer-text-center univer-text-sm univer-text-gray-500 dark:!univer-text-gray-200`,children:f.map(e=>(0,i.jsx)(`div`,{children:e},e))}),(0,i.jsx)(`div`,{className:`univer-grid univer-grid-cols-7 univer-gap-1 univer-text-center`,children:w.map((e,t)=>e?(0,i.jsx)(B,{className:g({"!univer-bg-primary-600 univer-font-bold univer-text-white":!D(e)&&E(e),"dark:!univer-text-white":!D(e)&&!E(e),"!univer-bg-primary-600 univer-text-white":D(e)&&E(e),"univer-font-semibold univer-text-primary-600 dark:!univer-text-primary-500":D(e)&&!E(e),"univer-cursor-not-allowed univer-opacity-40":O(e),"univer-hover:bg-primary-100 univer-cursor-pointer univer-text-gray-800":!E(e)&&!O(e)}),onClick:()=>k(e),disabled:O(e),children:e},t):(0,i.jsx)(`div`,{},t))}),s&&(0,i.jsx)(R,{value:c,onValueChange:A})]})}function H({emptyText:e}){return(0,i.jsx)(`section`,{className:`univer-h-8 univer-px-2 univer-pr-32 univer-text-sm/8 univer-text-gray-600 dark:!univer-text-gray-200`,children:e})}function te(n){let{value:r,options:a=[],onChange:o,contentClassName:s,wrapperClassName:c}=n,{locale:l}=(0,t.useContext)(T),u=(0,t.useMemo)(()=>{let e=[a];return r.forEach((t,n)=>{let r=e[n].find(e=>e.value===t);r!=null&&r.children&&e.push(r.children)}),e},[r]);function d(e,t){if(t===r[e])return;if(r[e+1]){let n=r.slice(0,e+1);n[e]=t,o(n);return}let n=[...r];n[e]=t,o(n)}return(0,i.jsxs)(`section`,{"data-u-comp":`cascader-list`,className:g(`univer-overflow-auto-y univer-grid univer-h-full univer-max-h-80 univer-grid-flow-col univer-rounded univer-py-2 univer-text-gray-900 dark:!univer-text-white [&>ul:not(:last-child)]:univer-border-0 [&>ul:not(:last-child)]:univer-border-r [&>ul:not(:last-child)]:univer-border-solid [&>ul:not(:last-child)]:univer-border-r-gray-200`,k,D,c),children:[u.map((t,n)=>t.length?(0,i.jsx)(`ul`,{className:g(`univer-m-0 univer-h-full univer-max-h-full univer-list-none univer-overflow-auto univer-px-2`,D,s),children:t.map(t=>(0,i.jsx)(`li`,{children:(0,i.jsxs)(`a`,{className:g(`univer-relative univer-block univer-h-8 univer-cursor-pointer univer-rounded univer-text-sm/8`,{"univer-px-7":n>0,"univer-px-1.5":n===0,"univer-bg-gray-200 dark:!univer-bg-gray-600":t.value===r[n]}),onClick:()=>d(n,t.value),children:[n>0&&(0,i.jsx)(`span`,{className:`univer-absolute univer-left-2 univer-flex univer-h-full univer-items-center`,children:t.value===r[n]&&(0,i.jsx)(e.CheckMarkIcon,{className:`univer-text-primary-600`})}),(0,i.jsx)(`span`,{children:t.label})]})},t.value))},n):(0,i.jsx)(H,{emptyText:l==null?void 0:l.CascaderList.empty},n)),r.length<=0&&(0,i.jsx)(H,{emptyText:l==null?void 0:l.CascaderList.empty})]})}function ne(e){let{children:n,className:r,style:a,value:o,disabled:s,direction:c=`horizontal`,onChange:l}=e,u=e=>{o.includes(e)?l(o.filter(t=>t!==e)):l([...o,e])};return(0,i.jsx)(`div`,{className:g(`univer-flex univer-gap-2`,{"univer-flex-col":c===`vertical`},r),style:a,children:t.Children.map(n,(e,n)=>(0,t.isValidElement)(e)?(0,t.cloneElement)(e,{key:n,children:e.props.children,checked:e.props.value?o.includes(e.props.value):!1,disabled:s==null?e.props.disabled:s,onChange:u}):e)})}function re(n){let{children:r,className:a,style:o,checked:s=!1,indeterminate:c=!1,value:l,disabled:u=!1,onChange:d,contentClassName:f}=n,p=(0,t.useRef)(null);function m(e){if(e.stopPropagation(),!(!d||u))if(l!==void 0)d==null||d(l);else{var t,n;let e=(t=p==null||(n=p.current)==null?void 0:n.checked)==null?!1:t;d==null||d(e)}}return(0,i.jsxs)(`label`,{"data-u-comp":`checkbox`,className:g(`univer-box-border univer-inline-flex univer-items-center univer-gap-2 univer-text-sm`,{"univer-cursor-pointer univer-text-gray-900 dark:!univer-text-white":!u,"univer-text-gray-400":u},a),style:o,children:[(0,i.jsxs)(`span`,{className:`univer-relative univer-block`,children:[(0,i.jsx)(`input`,{ref:p,className:`univer-absolute univer-size-0 univer-opacity-0`,type:`checkbox`,checked:s,disabled:u,onChange:m}),(0,i.jsxs)(`span`,{className:g(`univer-relative univer-box-border univer-flex univer-size-4 univer-items-center univer-justify-center univer-overflow-hidden univer-rounded univer-border univer-border-solid univer-transition-colors`,{"univer-opacity-50":u,"univer-border-primary-600 univer-bg-primary-600":s||c,"univer-border-gray-300 univer-bg-gray-50 dark:!univer-border-gray-500 dark:!univer-bg-gray-600":!s&&!c}),children:[s&&(0,i.jsx)(e.CheckMarkIcon,{className:`univer-absolute univer-left-1/2 univer-top-1/2 univer-block univer-size-3 -univer-translate-x-1/2 -univer-translate-y-1/2 univer-text-white`}),c&&!s&&(0,i.jsx)(`span`,{className:`univer-absolute univer-left-1/2 univer-top-1/2 univer-block univer-h-0.5 univer-w-2.5 -univer-translate-x-1/2 -univer-translate-y-1/2 univer-rounded univer-bg-white`})]})]}),(0,i.jsx)(`span`,{className:g(`univer-select-none`,f),children:r})]})}const ie=s.Root,ae=s.Portal,oe=(0,t.forwardRef)(({className:e,...t},n)=>(0,i.jsx)(s.Overlay,{ref:n,className:g(`data-[state=open]:univer-animate-in data-[state=open]:univer-fade-in-0 data-[state=closed]:univer-animate-out data-[state=closed]:univer-fade-out-0 univer-fixed univer-inset-0 univer-z-[1080] univer-bg-[rgba(0,0,0,0.8)]`,e),...t}));oe.displayName=s.Overlay.displayName;const se=(0,t.forwardRef)(({className:t,children:n,closable:r=!0,onClickClose:a,...o},c)=>(0,i.jsxs)(ae,{children:[(0,i.jsx)(oe,{}),(0,i.jsxs)(s.Content,{ref:c,className:g(`data-[state=open]:univer-animate-in data-[state=open]:univer-fade-in-0 data-[state=open]:univer-zoom-in-95 data-[state=open]:univer-slide-in-from-left-1/2 data-[state=open]:univer-slide-in-from-top-[48%] data-[state=closed]:univer-animate-out data-[state=closed]:univer-fade-out-0 data-[state=closed]:univer-zoom-out-95 data-[state=closed]:univer-slide-out-to-left-1/2 data-[state=closed]:univer-slide-out-to-top-[48%] univer-fixed univer-left-1/2 univer-top-1/2 univer-z-[1080] univer-box-border univer-grid univer-w-full univer-max-w-lg -univer-translate-x-1/2 -univer-translate-y-1/2 univer-gap-4 univer-bg-white univer-p-4 univer-text-gray-500 univer-shadow-md univer-duration-200 sm:!univer-rounded-lg dark:!univer-bg-gray-700 dark:!univer-text-gray-400`,k,t),...o,children:[n,r&&(0,i.jsxs)(s.Close,{className:`univer-absolute univer-right-4 univer-top-4 univer-size-6 univer-cursor-pointer univer-rounded-sm univer-border-none univer-bg-transparent univer-p-0 univer-transition-opacity hover:univer-opacity-100 disabled:univer-pointer-events-none`,onClick:a,children:[(0,i.jsx)(e.CloseIcon,{className:`univer-size-4 univer-text-gray-400`}),(0,i.jsx)(`span`,{className:`univer-sr-only`,children:`Close`})]})]})]}));se.displayName=s.Content.displayName;const ce=({className:e,...t})=>(0,i.jsx)(`div`,{className:g(`univer-flex univer-flex-col univer-space-y-1.5 univer-text-center sm:!univer-text-left`,e),...t});ce.displayName=`DialogHeader`;const le=({className:e,...t})=>(0,i.jsx)(`div`,{className:g(`univer-flex univer-flex-col-reverse sm:!univer-flex-row sm:!univer-justify-end sm:!univer-space-x-2`,e),...t});le.displayName=`DialogFooter`;const ue=(0,t.forwardRef)(({className:e,...t},n)=>(0,i.jsx)(s.Title,{ref:n,className:g(`univer-my-0 univer-text-lg univer-font-semibold univer-leading-none univer-tracking-tight univer-text-gray-900 dark:!univer-text-white`,e),...t}));ue.displayName=s.Title.displayName;const de=(0,t.forwardRef)(({className:e,...t},n)=>(0,i.jsx)(s.Description,{ref:n,className:g(`univer-text-sm univer-text-gray-500`,e),...t}));de.displayName=s.Description.displayName;function fe(e={}){let n=(0,t.useCallback)(()=>{let{innerWidth:e,innerHeight:t}=window;return{x:Math.max(0,(e-0)/2),y:Math.max(0,(t-0)/2)}},[]),{defaultPosition:r=n(),enabled:i=!1}=e,[a,o]=(0,t.useState)(r),[s,c]=(0,t.useState)(!1),l=(0,t.useRef)(null),u=(0,t.useRef)({x:0,y:0}),d=(0,t.useRef)({x:0,y:0}),f=(0,t.useRef)(!1);(0,t.useEffect)(()=>{if(!l.current||f.current||e.defaultPosition)return;let{width:t,height:n}=l.current.getBoundingClientRect(),{innerWidth:r,innerHeight:i}=window,a=Math.max(0,(r-t)/2),s=Math.max(0,(i-n)/2);o({x:a,y:s}),u.current={x:a,y:s},f.current=!0},[e.defaultPosition]);let p=(0,t.useCallback)((e,t)=>{if(!l.current)return{x:e,y:t};let n=l.current.getBoundingClientRect(),{clientWidth:r,clientHeight:i}=document.documentElement,a=u.current.x+(e-d.current.x),o=u.current.y+(t-d.current.y);return a<0&&(a=0),o<0&&(o=0),a+n.width>r&&(a=r-n.width),o+n.height>i&&(o=i-n.height),{x:a,y:o}},[]),m=(0,t.useCallback)(e=>{i&&(e.preventDefault(),e.stopPropagation(),u.current={...a},d.current={x:e.clientX,y:e.clientY},c(!0),document.body.style.userSelect=`none`)},[i,a]),h=(0,t.useCallback)(e=>{s&&(e.preventDefault(),e.stopPropagation(),o(p(e.clientX,e.clientY)))},[s,p]),g=(0,t.useCallback)(()=>{c(!1),document.body.style.userSelect=``},[]);return(0,t.useEffect)(()=>{if(i)return document.addEventListener(`mousemove`,h),document.addEventListener(`mouseup`,g),()=>{document.removeEventListener(`mousemove`,h),document.removeEventListener(`mouseup`,g)}},[i,h,g]),{position:a,isDragging:s,elementRef:l,setElementRef:t=>{if(l.current=t,t&&!f.current&&!e.defaultPosition){let{width:e,height:n}=t.getBoundingClientRect(),{innerWidth:r,innerHeight:i}=window,a=Math.max(0,(r-e)/2),s=Math.max(0,(i-n)/2);o({x:a,y:s}),u.current={x:a,y:s},f.current=!0}},handleMouseDown:m}}function U(e){var n,r,a,o;let{className:s,children:c,style:l,open:u=!1,title:d,width:f,draggable:p=!1,defaultPosition:m,footer:h,mask:_=!0,keyboard:v=!0,closable:y=!0,maskClosable:b=!0,showOk:x,showCancel:C,onOpenChange:w,onClose:E,onOk:D,onCancel:O}=e,{locale:k}=(0,t.useContext)(T),{position:A,isDragging:j,setElementRef:M,handleMouseDown:N}=fe({defaultPosition:m,enabled:p}),P=h==null?x||C?(0,i.jsxs)(`div`,{className:`univer-flex univer-justify-end univer-gap-2`,children:[C&&(0,i.jsx)(S,{onClick:O,children:(n=k==null||(r=k.Confirm)==null?void 0:r.cancel)==null?`Cancel`:n}),x&&(0,i.jsx)(S,{variant:`primary`,onClick:D,children:(a=k==null||(o=k.Confirm)==null?void 0:o.confirm)==null?`OK`:a})]}):null:h,F=(0,t.useCallback)(e=>{e&&p&&M(e)},[p,M]),I=(0,t.useCallback)(e=>{!_&&!e||(w==null||w(e),e||E==null||E())},[E,w]);function L(){w==null||w(!1),E==null||E()}return(0,i.jsx)(ie,{open:u,onOpenChange:I,modal:_!==!1,children:(0,i.jsxs)(se,{ref:F,className:g(s,{"!univer-animate-none":p}),style:{...l,width:f?typeof f==`number`?`${f}px`:f:void 0,maxWidth:f?`initial`:void 0,...p?{position:`absolute`,margin:0,left:0,top:0,transform:`translate(${A.x}px, ${A.y}px)`,transition:j?`none`:void 0,cursor:j?`grabbing`:void 0}:{}},closable:y,onClickClose:L,onEscapeKeyDown:e=>{v&&L(),e.preventDefault()},onPointerDownOutside:e=>{b&&L(),e.preventDefault()},children:[(0,i.jsxs)(ce,{className:g({"!univer-hidden":!d}),"data-drag-handle":p?`true`:void 0,style:{cursor:p?`grab`:void 0,userSelect:p?`none`:void 0,touchAction:p?`none`:void 0},onMouseDown:p?N:void 0,children:[(0,i.jsx)(ue,{children:d}),(0,i.jsx)(de,{className:`univer-hidden`})]}),c,P&&(0,i.jsx)(le,{children:P})]})})}const W=(e,t,n)=>{t/=100,n/=100;let r=n*t,i=r*(1-Math.abs(e/60%2-1)),a=n-r,o=0,s=0,c=0;return e>=0&&e<60?(o=r,s=i,c=0):e>=60&&e<120?(o=i,s=r,c=0):e>=120&&e<180?(o=0,s=r,c=i):e>=180&&e<240?(o=0,s=i,c=r):e>=240&&e<300?(o=i,s=0,c=r):e>=300&&e<360&&(o=r,s=0,c=i),[Math.round((o+a)*255),Math.round((s+a)*255),Math.round((c+a)*255)]},pe=(e,t,n)=>{let r=e=>e.toString(16).padStart(2,`0`);return`#${r(e)}${r(t)}${r(n)}`},G=(e,t,n)=>{e/=255,t/=255,n/=255;let r=Math.max(e,t,n),i=r-Math.min(e,t,n),a=0,o=0,s=r;return r!==0&&(o=i/r),i!==0&&(r===e?a=(t-n)/i+(t<n?6:0):r===t?a=(n-e)/i+2:r===n&&(a=(e-t)/i+4),a*=60),[a,o*100,s*100]},K=e=>{e.length===4&&(e=`#${e.slice(1).split(``).map(e=>e+e).join(``)}`);let[t,n,r]=e.match(/\w\w/g).map(e=>Number.parseInt(e,16));return G(t,n,r)},q=(e,t,n)=>{let[r,i,a]=W(e,t,n);return pe(r,i,a)},me=(e,t,n,r)=>{let[i,a,o]=W(e,t,n);return`rgba(${i}, ${a}, ${o}, ${r})`},he=e=>{let t=e.match(/rgba?\((\d+),\s*(\d+),\s*(\d+)(?:,\s*(\d*\.?\d+))?\)/);if(!t)throw Error(`Invalid RGBA string`);return[Number.parseInt(t[1],10),Number.parseInt(t[2],10),Number.parseInt(t[3],10),t[4]?Number.parseFloat(t[4]):1]};function ge({hsv:e,alpha:n,onChange:r,onChanged:a}){let[o,s]=(0,t.useState)(!1),c=(0,t.useRef)(null),l=(0,t.useRef)(null),u=(0,t.useCallback)(e=>{var t,n;let i=c.current;if(!i)return;let a=(t=(n=l.current)==null?void 0:n.clientWidth)==null?0:t,o=i.getBoundingClientRect(),s=o.width-a;if(s<=0){r(0);return}let u=Math.max(0,Math.min(e-o.left,s));r(Math.round(u/s*100)/100)},[r]),d=(0,t.useCallback)(e=>{o&&u(e.clientX)},[o,u]),f=(0,t.useCallback)(()=>{s(!1),a==null||a(n)},[n]);(0,t.useEffect)(()=>(o&&(window.addEventListener(`pointermove`,d),window.addEventListener(`pointerup`,f),window.addEventListener(`mouseup`,f)),()=>{window.removeEventListener(`pointermove`,d),window.removeEventListener(`pointerup`,f),window.removeEventListener(`mouseup`,f)}),[o,d,f]);let p=()=>{var e,t,r,i;let a=Math.min(Math.max(n*100,0),100),o=(e=(t=l.current)==null?void 0:t.clientWidth)==null?0:e,s=(r=(i=c.current)==null?void 0:i.clientWidth)==null?0:r,u=s>0?o/s*100:0;return`${a/100*(100-u)}%`},m=W(...e);return(0,i.jsxs)(`div`,{className:`univer-relative univer-w-full univer-select-none`,children:[(0,i.jsx)(`div`,{className:`univer-absolute univer-inset-0 univer-rounded-full`,style:{backgroundImage:`linear-gradient(45deg, #E3E5EA 25%, transparent 25%), linear-gradient(-45deg, #E3E5EA 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #E3E5EA 75%), linear-gradient(-45deg, transparent 75%, #E3E5EA 75%)`,backgroundPosition:`0 0, 0 4px, 4px -4px, -4px 0`,backgroundSize:`8px 8px`}}),(0,i.jsx)(`div`,{ref:c,className:`univer-relative univer-h-2 univer-w-full univer-cursor-pointer univer-rounded-full univer-shadow-inner`,style:{background:`linear-gradient(to right, transparent, rgb(${m.join(`,`)}))`},onPointerDown:e=>{s(!0),u(e.clientX)},children:(0,i.jsx)(`div`,{ref:l,className:`univer-absolute univer-top-1/2 univer-box-border univer-size-2 univer-rounded-full univer-bg-transparent univer-shadow-md univer-ring-2 univer-ring-white univer-transition-transform univer-duration-75 univer-will-change-transform`,style:{left:p(),transform:`translateY(-50%)`,transition:o?`none`:`all 0.1s ease-out`}})})]})}function _e({hsv:e,onChange:n}){let[r,a]=(0,t.useState)(``),o=(0,t.useMemo)(()=>q(e[0],e[1],e[2]),[e]);(0,t.useEffect)(()=>{a(o.replace(/^#/,``))},[o]);let s=e=>/^[0-9A-Fa-f]{6}$/.test(e);return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(`input`,{className:g(`univer-w-full univer-px-2 !univer-pl-4 univer-uppercase focus:univer-border-primary-500 focus:univer-outline-none dark:!univer-text-white`,k),value:r,onChange:e=>{let t=e.target.value.trim();if(!(t.length>6)&&!(t!==``&&!/^[0-9A-Fa-f]*$/.test(t))&&(a(t),s(t))){let e=K(t);e&&n&&n(...e)}},onBlur:()=>{s(r)||a(o.replace(/^#/,``))},maxLength:6,spellCheck:!1}),(0,i.jsx)(`span`,{className:`univer-absolute univer-left-1.5 univer-top-1/2 -univer-translate-y-1/2 univer-text-sm univer-text-gray-400`,children:`#`})]})}function ve({hsv:e,alpha:n,format:r,onChange:a}){let[o,s]=(0,t.useState)({r:0,g:0,b:0,a:1});(0,t.useEffect)(()=>{let[t,r,i]=W(e[0],e[1],e[2]);s({r:Math.round(t),g:Math.round(r),b:Math.round(i),a:n==null?1:n})},[e,n]);let c=(t,n)=>{if(t===`a`){if(n!==``&&!/^\d*\.?\d*$/.test(n))return;let t=n===``?0:Number.parseFloat(n);if(t>1)return;s({...o,a:t}),a&&a(e[0],e[1],e[2],t);return}if(n!==``&&!/^\d*$/.test(n))return;let r=n===``?0:Number.parseInt(n,10);if(r>255)return;let i={...o,[t]:r};s(i),a&&a(...G(i.r,i.g,i.b),o.a)},l=()=>{let[t,r,i]=W(e[0],e[1],e[2]);s({r:Math.round(t),g:Math.round(r),b:Math.round(i),a:n==null?1:n})};return(0,i.jsxs)(`div`,{className:`univer-flex univer-items-center univer-gap-2 [&>input]:univer-w-11 [&>input]:univer-border-gray-200 [&>input]:focus:univer-border-primary-500 dark:[&>input]:!univer-border-gray-600 dark:[&>input]:!univer-text-white`,children:[(0,i.jsx)(`input`,{value:o.r,onChange:e=>c(`r`,e.target.value),onBlur:l,maxLength:3}),(0,i.jsx)(`input`,{value:o.g,onChange:e=>c(`g`,e.target.value),onBlur:l,maxLength:3}),(0,i.jsx)(`input`,{value:o.b,onChange:e=>c(`b`,e.target.value),onBlur:l,maxLength:3}),r===`rgba`&&(0,i.jsx)(`input`,{value:o.a,onChange:e=>c(`a`,e.target.value),onBlur:l,maxLength:4})]})}function ye({hsv:e,alpha:t,format:n,onChange:r}){return(0,i.jsx)(`div`,{className:`dark:![&_input]:univer-border-gray-600 dark:![&_input]:univer-text-white univer-flex univer-gap-2 [&_input]:univer-box-border [&_input]:univer-flex [&_input]:univer-h-7 [&_input]:univer-items-center [&_input]:univer-rounded [&_input]:univer-border [&_input]:univer-border-solid [&_input]:univer-border-gray-200 [&_input]:univer-bg-transparent [&_input]:univer-px-1.5 [&_input]:univer-text-sm [&_input]:univer-text-gray-700 [&_input]:univer-outline-none`,children:(0,i.jsxs)(`div`,{className:`univer-relative univer-flex univer-flex-1 univer-gap-2`,children:[(0,i.jsx)(_e,{hsv:e,onChange:r}),(0,i.jsx)(ve,{hsv:e,alpha:t,format:n,onChange:r})]})})}const be=[[`#FFFFFF`,`#E1EFFE`,`#FDE8E8`,`#FEECDC`,`#FFF4B9`,`#DEF7EC`,`#D5F5F6`,`#EDEBFE`,`#FCE8F3`],[`#CDD0D8`,`#A4CAFE`,`#F8B4B4`,`#FDBA8C`,`#FAC815`,`#84E1BC`,`#7EDCE2`,`#CABFFD`,`#F8B4D9`],[`#979DAC`,`#3F83F8`,`#F05252`,`#FF5A1F`,`#D49D0F`,`#0DA471`,`#0694A2`,`#9061F9`,`#E74694`],[`#414657`,`#1A56DB`,`#C81E1E`,`#B43403`,`#9A6D15`,`#046C4E`,`#036672`,`#6C2BD9`,`#BF125D`],[`#000000`,`#233876`,`#771D1D`,`#8A2C0D`,`#634312`,`#014737`,`#014451`,`#4A1D96`,`#751A3D`]];function xe({hsv:e,onChange:n}){let r=(0,t.useCallback)(e=>{let[t,r,i]=K(e);n(t,r,i)},[n]),a=q(e[0],e[1],e[2]);return(0,i.jsx)(`div`,{"data-u-comp":`color-picker-presets`,className:`univer-grid univer-content-center univer-gap-2`,children:be.map((e,t)=>(0,i.jsx)(`div`,{className:`univer-grid univer-grid-flow-col univer-items-center univer-justify-between univer-gap-2`,children:e.map((e,n)=>(0,i.jsx)(`button`,{type:`button`,className:g(`univer-box-border univer-size-5 univer-cursor-pointer univer-rounded-full univer-border univer-border-solid univer-border-transparent univer-bg-gray-300 univer-transition-shadow`,{"univer-ring-2 univer-ring-offset-2 univer-ring-offset-white dark:!univer-ring-primary-600 dark:!univer-ring-offset-gray-600":e.toUpperCase()===a.toUpperCase(),"!univer-border-gray-200":t===0&&n===0}),style:{backgroundColor:e},onClick:()=>r(e)},n))},t))})}function Se({hsv:e,onChange:n,onChanged:r}){let a=(0,t.useRef)(null),o=(0,t.useRef)(null),[s,c]=(0,t.useState)(!1);(0,t.useEffect)(()=>{let t=a.current;if(!t)return;let n=t.getContext(`2d`);if(!n)return;let r=n.createLinearGradient(0,0,t.width,0);r.addColorStop(0,`hsl(${e[0]}, 0%, 50%)`),r.addColorStop(1,`hsl(${e[0]}, 100%, 50%)`),n.fillStyle=r,n.fillRect(0,0,t.width,t.height);let i=n.createLinearGradient(0,0,0,t.height);i.addColorStop(0,`rgba(255, 255, 255, 0)`),i.addColorStop(1,`rgba(0, 0, 0, 1)`),n.fillStyle=i,n.fillRect(0,0,t.width,t.height)},[e]);let l=t=>{t.stopPropagation();let r=a.current;if(!r)return;let i=r.getBoundingClientRect(),o=Math.max(0,Math.min(t.clientX-i.left,i.width)),s=Math.max(0,Math.min(t.clientY-i.top,i.height)),c=o/i.width*100,l=100-s/i.height*100;n(e[0],c,l)},u=(0,t.useCallback)(()=>{c(!1)},[e]);function d(){r==null||r(e[0],e[1],e[2])}(0,t.useEffect)(()=>{var e;return(e=o.current)==null||e.addEventListener(`mouseup`,d),window.addEventListener(`pointerup`,u),window.addEventListener(`mouseup`,u),()=>{var e;(e=o.current)==null||e.removeEventListener(`mouseup`,d),window.removeEventListener(`pointerup`,u),window.removeEventListener(`mouseup`,u)}},[e]);let f=()=>{var t,n,r,i;let a=(t=(n=o.current)==null?void 0:n.clientWidth)==null?0:t,c=(r=(i=o.current)==null?void 0:i.clientHeight)==null?0:r;return{transform:`translate(${e[1]/100*a-8}px, ${(100-e[2])/100*c-8}px)`,transition:s?`none`:`transform 0.1s ease-out`}};return(0,t.useEffect)(()=>{let e=()=>{c(!1)};return window.addEventListener(`pointerup`,e),window.addEventListener(`mouseup`,e),()=>{window.removeEventListener(`pointerup`,e),window.removeEventListener(`mouseup`,e)}},[]),(0,i.jsxs)(`div`,{"data-u-comp":`color-picker-spectrum`,ref:o,className:`univer-relative univer-overflow-hidden`,children:[(0,i.jsx)(`canvas`,{ref:a,className:`univer-size-full univer-cursor-crosshair univer-rounded`,onPointerDown:e=>{c(!0),l(e)},onPointerMove:e=>s&&l(e)}),(0,i.jsx)(`div`,{className:`univer-pointer-events-none univer-absolute univer-left-0 univer-top-0 univer-size-4 univer-rounded-full univer-border-2 univer-border-white univer-shadow-md univer-ring-2 univer-ring-white univer-will-change-transform`,style:f()})]})}function Ce({hsv:e,onChange:n,onChanged:r}){let[a,o]=(0,t.useState)(!1),s=(0,t.useRef)(null),c=(0,t.useRef)(null),l=(0,t.useCallback)(t=>{var r,i;let a=s.current;if(!a)return;let o=(r=(i=c.current)==null?void 0:i.clientWidth)==null?0:r,l=a.getBoundingClientRect(),u=l.width-o;if(u<=0){n(0,e[1],e[2]);return}let d=Math.max(0,Math.min(t-l.left,u));n(Math.round(d/u*360),e[1],e[2])},[e,n]),u=(0,t.useCallback)(e=>{e.stopPropagation(),a&&l(e.clientX)},[a,l]),d=(0,t.useCallback)(()=>{o(!1),r==null||r(e[0],e[1],e[2])},[e,r]);(0,t.useEffect)(()=>(a&&(window.addEventListener(`pointermove`,u),window.addEventListener(`pointerup`,d),window.addEventListener(`mouseup`,d)),()=>{window.removeEventListener(`pointermove`,u),window.removeEventListener(`pointerup`,d),window.removeEventListener(`mouseup`,d)}),[a,u,d]);let f=()=>{var t,n,r,i;let a=Math.min(Math.max(e[0],0),360),o=(t=(n=c.current)==null?void 0:n.clientWidth)==null?0:t,l=(r=(i=s.current)==null?void 0:i.clientWidth)==null?0:r,u=l>0?o/l*100:0;return`${a/360*(100-u)}%`};return(0,i.jsx)(`div`,{"data-u-comp":`color-picker-hue-slider`,className:`univer-relative univer-w-full univer-select-none`,children:(0,i.jsx)(`div`,{ref:s,className:`univer-relative univer-h-2 univer-w-full univer-cursor-pointer univer-rounded-full univer-shadow-inner`,style:{background:`linear-gradient(to right,
|
|
45
45
|
hsl(0, 100%, 50%),
|
|
46
46
|
hsl(60, 100%, 50%),
|
|
47
47
|
hsl(120, 100%, 50%),
|
|
48
48
|
hsl(180, 100%, 50%),
|
|
49
49
|
hsl(240, 100%, 50%),
|
|
50
50
|
hsl(300, 100%, 50%),
|
|
51
|
-
hsl(360, 100%, 50%))`},onPointerDown:e=>{
|
|
51
|
+
hsl(360, 100%, 50%))`},onPointerDown:e=>{o(!0),l(e.clientX)},children:(0,i.jsx)(`div`,{ref:c,className:`univer-absolute univer-top-1/2 univer-box-border univer-size-2 univer-rounded-full univer-bg-transparent univer-shadow-md univer-ring-2 univer-ring-white univer-transition-transform univer-duration-75 univer-will-change-transform`,style:{left:f(),transform:`translateY(-50%)`,transition:a?`none`:`all 0.1s ease-out`}})})})}const we=(0,t.memo)(Se),Te=(0,t.memo)(Ce),Ee=(0,t.memo)(ge),De=(0,t.memo)(ye),Oe=(0,t.memo)(xe);function ke({format:e=`hex`,value:n,onChange:r}){if(!w)return null;let{locale:a}=(0,t.useContext)(T),[o,s]=(0,t.useState)([0,100,100]),[c,l]=(0,t.useState)(1),[u,d]=(0,t.useState)(!1),f=(0,t.useCallback)((e,t,n)=>W(e,t,n),[]);(0,t.useEffect)(()=>{try{let t=n||(e===`hex`?`#000000`:`rgba(0, 0, 0, 1)`);if(e===`hex`){let[e,n,r]=K(t);s([e,n,r]),l(1)}else if(e===`rgba`){let[e,n,r,i]=he(t),[a,o,c]=G(e,n,r);s([a,o,c]),l(i)}}catch(e){console.error(`Invalid value:`,e)}},[n,e]);function p(e,t,n){s([e,t,n])}function m(e){l(e)}function h(t,n,i,a=c){if(e===`hex`){let[e,a,o]=f(t,n,i),s=pe(e,a,o);r==null||r(s)}else if(e===`rgba`){let[e,o,s]=f(t,n,i);r==null||r(`rgba(${e}, ${o}, ${s}, ${a})`)}}function g(){let[t,n,i]=o;if(e===`hex`){let e=q(t,n,i);r==null||r(e)}else if(e===`rgba`){let[e,a,o]=f(t,n,i);r==null||r(`rgba(${e}, ${a}, ${o}, ${c})`)}d(!1)}return(0,i.jsxs)(`div`,{"data-u-comp":`color-picker`,className:`univer-cursor-default univer-space-y-2 univer-rounded-lg`,onClick:e=>e.stopPropagation(),children:[(0,i.jsx)(Oe,{hsv:o,onChange:(e,t,n)=>{p(e,t,n),m(1),h(e,t,n,1)}}),(0,i.jsx)(`div`,{className:`univer-flex univer-h-7 univer-items-center`,children:(0,i.jsx)(`a`,{className:`univer-cursor-pointer univer-gap-2 univer-text-sm univer-text-gray-900 univer-transition-opacity hover:univer-opacity-80 dark:!univer-text-white`,onClick:()=>d(!0),children:a==null?void 0:a.ColorPicker.more})}),(0,i.jsx)(U,{className:`!univer-w-fit !univer-p-2.5`,closable:!1,maskClosable:!1,open:u,onOpenChange:d,children:(0,i.jsxs)(`div`,{className:`univer-grid univer-w-64 univer-gap-2`,children:[(0,i.jsx)(we,{hsv:o,onChange:p}),(0,i.jsxs)(`div`,{className:`univer-flex univer-items-center univer-gap-2`,children:[(0,i.jsx)(`div`,{className:`univer-size-6 univer-flex-shrink-0 univer-rounded-sm`,style:{backgroundColor:e===`hex`?q(...o):me(...o,c)}}),(0,i.jsxs)(`div`,{className:`univer-flex-1 univer-space-y-2`,children:[(0,i.jsx)(Te,{hsv:o,onChange:p}),e===`rgba`&&(0,i.jsx)(Ee,{hsv:o,alpha:c,onChange:m})]})]}),(0,i.jsx)(De,{hsv:o,alpha:c,format:e,onChange:(e,t,n,r)=>{p(e,t,n),r!==void 0&&m(r)}}),(0,i.jsxs)(`footer`,{className:`univer-flex univer-items-center univer-justify-end univer-gap-2`,children:[(0,i.jsx)(S,{onClick:()=>d(!1),children:a==null?void 0:a.ColorPicker.cancel}),(0,i.jsx)(S,{variant:`primary`,onClick:g,children:a==null?void 0:a.ColorPicker.confirm})]})]})})]})}function Ae(e){let{locale:t,cancelText:n,confirmText:r,onClose:a,onConfirm:o,closable:s=!0}=e;return(0,i.jsxs)(`footer`,{className:`univer-flex univer-items-center univer-justify-end univer-gap-2`,children:[s&&(0,i.jsx)(S,{onClick:a,children:n==null?t==null?void 0:t.Confirm.cancel:n}),(0,i.jsx)(S,{variant:`primary`,onClick:o,children:r==null?t==null?void 0:t.Confirm.confirm:r})]})}function je(e){let{children:n,visible:r=!1,title:a,cancelText:o,confirmText:s,width:c,onClose:l,onConfirm:u,closable:d=!0}=e,{locale:f}=(0,t.useContext)(T);return(0,i.jsx)(U,{open:r,title:a,maskClosable:!1,footer:(0,i.jsx)(Ae,{locale:f,cancelText:o,confirmText:s,onClose:l,onConfirm:u,closable:d}),onClose:l,width:c,closable:d,children:n})}function Me({...e}){return(0,i.jsx)(c.Root,{"data-slot":`popover`,...e})}function Ne({...e}){return(0,i.jsx)(c.Trigger,{"data-slot":`popover-trigger`,...e})}function Pe({className:e,align:t=`center`,sideOffset:n=4,...r}){return(0,i.jsx)(c.Portal,{children:(0,i.jsx)(c.Content,{"data-slot":`popover-content`,align:t,sideOffset:n,className:g(`univer-outline-hidden data-[state=open]:univer-animate-in data-[state=open]:univer-fade-in-0 data-[state=open]:univer-zoom-in-95 data-[state=closed]:univer-animate-out data-[state=closed]:univer-fade-out-0 data-[state=closed]:univer-zoom-out-95 data-[side=bottom]:univer-slide-in-from-top-2 data-[side=left]:univer-slide-in-from-right-2 data-[side=right]:univer-slide-in-from-left-2 data-[side=top]:univer-slide-in-from-bottom-2 univer-z-[1080] univer-max-h-[--radix-popper-available-height] univer-overflow-y-auto univer-rounded-md univer-bg-white univer-text-gray-900 univer-shadow-md dark:!univer-bg-gray-900 dark:!univer-text-white dark:focus-visible:!univer-border-gray-600`,k,D,e),...r})})}function Fe(e){let{children:n,overlay:r,disabled:a,open:o,onOpenChange:s,...c}=e,[l,u]=(0,t.useState)(!1),d=o!==void 0,f=d?o:l;function p(e){a||(d||u(e),s==null||s(e))}return(0,i.jsxs)(Me,{open:f,onOpenChange:p,children:[(0,i.jsx)(Ne,{asChild:!0,children:n}),(0,i.jsx)(Pe,{...c,children:r})]})}function Ie(n){let{value:r,onValueChange:a,className:o}=n,[s,c]=(0,t.useState)(!1);function l(e){a==null||a(e),c(!1)}return(0,i.jsx)(Fe,{align:`start`,overlay:(0,i.jsx)(`div`,{className:`univer-p-2`,children:(0,i.jsx)(V,{value:r,onValueChange:l})}),open:s,onOpenChange:c,children:(0,i.jsxs)(`button`,{className:g(`univer-flex univer-h-8 univer-items-center univer-justify-between univer-gap-2 univer-rounded-md univer-bg-transparent univer-px-2 univer-text-sm univer-text-gray-800 univer-transition-all hover:univer-border-primary-600 dark:!univer-text-white`,k,o),type:`button`,children:[L(r,`YYYY-MM-DD`),(0,i.jsx)(e.CalendarIcon,{className:`univer-text-gray-600 dark:!univer-text-gray-400`})]})})}function Le(n){let{value:r=[new Date,new Date],onValueChange:a,className:o}=n,[s,c]=(0,t.useState)(!1);function l(e){let[t,n]=e;t>n&&([t,n]=[n,t]),a==null||a([t,n]),c(!1)}return(0,i.jsx)(Fe,{align:`start`,overlay:(0,i.jsxs)(`div`,{className:`univer-grid univer-grid-cols-2 univer-gap-2 univer-p-2`,children:[(0,i.jsx)(V,{value:r[0],max:r[1],onValueChange:e=>{l([e,r[1]])}}),(0,i.jsx)(V,{value:r[1],min:r[0],onValueChange:e=>{l([r[0],e])}})]}),open:s,onOpenChange:c,children:(0,i.jsxs)(`button`,{className:g(`univer-flex univer-h-8 univer-items-center univer-justify-between univer-gap-2 univer-rounded-md univer-bg-transparent univer-px-2 univer-text-sm univer-text-gray-800 univer-transition-all hover:univer-border-primary-600 dark:!univer-text-white`,k,o),type:`button`,children:[(0,i.jsxs)(`span`,{className:`univer-flex univer-gap-1`,children:[(0,i.jsx)(`span`,{children:L(r[0],`YYYY-MM-DD`)}),(0,i.jsx)(`span`,{children:`-`}),(0,i.jsx)(`span`,{children:L(r[1],`YYYY-MM-DD`)})]}),(0,i.jsx)(e.CalendarIcon,{className:`univer-text-gray-600 dark:!univer-text-gray-400`})]})})}function Re(e,t,n){if(t===n||t<0||n<0||t>=e.length||n>=e.length)return e;let r=[...e],[i]=r.splice(t,1);return r.splice(n,0,i),r}function ze(e){let{list:n,onListChange:r,idKey:a,itemRender:o,className:s,style:c,draggableHandle:u,rowHeight:d,margin:f=[0,0],onDragStart:p,onDragStop:m,...h}=e,[_,v]=(0,t.useState)(n),y=(0,t.useRef)(n),[b,x]=(0,t.useState)(null),[S,C]=(0,t.useState)(null),[w,T]=(0,t.useState)(null),[E,D]=(0,t.useState)(null),[O,k]=(0,t.useState)(!1),A=(0,t.useRef)(null),j=(0,t.useRef)({x:0,y:0}),M=(0,t.useRef)({width:0,height:0}),N=(0,t.useRef)(null),P=(0,t.useRef)(null),F=(0,t.useRef)(null),I=(0,t.useRef)(-1);(0,t.useEffect)(()=>{b||(v(n),y.current=n)},[b,n]),(0,t.useEffect)(()=>{k(typeof document<`u`)},[]),(0,t.useEffect)(()=>{let e=N.current;e&&(e.replaceChildren(),w&&e.appendChild(w))},[w]),(0,t.useEffect)(()=>{if(!b)return;let e=e=>{let t=F.current;if(!t||A.current!==e.pointerId)return;D({x:e.clientX-j.current.x,y:e.clientY-j.current.y});let n=document.elementFromPoint(e.clientX,e.clientY),r=n==null?void 0:n.closest(`[data-draggable-list-item-id]`),i=r==null?void 0:r.dataset.draggableListItemId;!i||i===t||(C(i),v(e=>{let n=e.findIndex(e=>R(e)===t),r=e.findIndex(e=>R(e)===i);if(n<0||r<0||n===r)return e;let a=Re(e,n,r);return y.current=a,a}))},t=e=>{if(A.current!==e.pointerId)return;let t=F.current,n=I.current,i=y.current;if(t){let e=i.findIndex(e=>R(e)===t);m==null||m(void 0,{y:n},{y:e}),n>=0&&r([...i])}A.current=null,P.current=null,F.current=null,I.current=-1,C(null),T(null),D(null),x(null)};return window.addEventListener(`pointermove`,e),window.addEventListener(`pointerup`,t),window.addEventListener(`pointercancel`,t),()=>{window.removeEventListener(`pointermove`,e),window.removeEventListener(`pointerup`,t),window.removeEventListener(`pointercancel`,t)}},[b,m,r]);let L=(0,t.useMemo)(()=>{let[e,t]=f;return{rowGap:`${t}px`,paddingLeft:e?`${e}px`:void 0,paddingRight:e?`${e}px`:void 0,...c}},[f,c]),R=e=>String(e[a]),z=b?_.find(e=>R(e)===b):null;return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(`div`,{...h,className:g(`univer-flex univer-flex-col`,b&&`univer-cursor-grabbing univer-select-none`,s),style:L,children:_.map((e,t)=>{let n=R(e),r=b===n,a=S===n&&!r;return(0,i.jsxs)(`div`,{"data-draggable-list-item-id":n,className:g(`univer-relative univer-transition-all univer-duration-150`,r&&`univer-opacity-0`,a&&`
|
|
52
52
|
univer-bg-primary-50/60
|
|
53
53
|
dark:!univer-bg-primary-900/20
|
|
54
54
|
univer-rounded univer-border univer-border-primary-200
|
|
55
55
|
dark:!univer-border-primary-700
|
|
56
|
-
`),onPointerDownCapture:e=>{if(A.current!==null||(
|
|
56
|
+
`),onPointerDownCapture:e=>{if(A.current!==null||(u?P.current=e.target.closest(u)?n:null:P.current=n,P.current!==n))return;let r=e.currentTarget.getBoundingClientRect();j.current={x:e.clientX-r.left,y:e.clientY-r.top},M.current={width:r.width,height:r.height},D({x:r.left,y:r.top}),T(e.currentTarget.cloneNode(!0)),A.current=e.pointerId,F.current=n,I.current=t,x(n),y.current=_,p==null||p(void 0,{y:t}),e.preventDefault(),e.currentTarget.setPointerCapture(e.pointerId)},style:{...d?{minHeight:`${d}px`}:void 0,cursor:b?`grabbing`:void 0},children:[r&&(0,i.jsx)(`div`,{className:`
|
|
57
57
|
univer-bg-primary-50/50 univer-absolute univer-inset-0 univer-rounded
|
|
58
58
|
univer-border univer-border-dashed univer-border-primary-300
|
|
59
|
-
`}),
|
|
59
|
+
`}),o(e,t)]},n)})}),O&&z&&E&&(0,l.createPortal)((0,i.jsx)(`div`,{className:g(`univer-pointer-events-none univer-fixed univer-rounded-md univer-border univer-border-gray-200 univer-bg-white univer-shadow-lg dark:!univer-border-gray-700 dark:!univer-bg-gray-800`),style:{zIndex:2147483647,left:`${E.x}px`,top:`${E.y}px`,width:`${M.current.width}px`,height:`${M.current.height}px`,opacity:.95},children:w?(0,i.jsx)(`div`,{ref:N}):o(z,_.findIndex(e=>R(e)===R(z)))}),document.body)]})}function Be({...e}){return(0,i.jsx)(u.Root,{"data-slot":`dropdown-menu`,...e})}function Ve({...e}){return(0,i.jsx)(u.Portal,{"data-slot":`dropdown-menu-portal`,...e})}function He({...e}){return(0,i.jsx)(u.Trigger,{"data-slot":`dropdown-menu-trigger`,...e})}function Ue({...e}){return(0,i.jsx)(u.Sub,{"data-slot":`dropdown-menu-sub`,...e})}function We({...e}){return(0,i.jsx)(u.RadioGroup,{"data-slot":`dropdown-menu-radio-group`,...e})}function Ge({className:t,inset:n,children:r,...a}){return(0,i.jsxs)(u.SubTrigger,{"data-slot":`dropdown-menu-sub-trigger`,"data-inset":n,className:g(`univer-flex univer-cursor-default univer-select-none univer-items-center univer-justify-between univer-gap-2 univer-rounded univer-px-2 univer-py-1.5 univer-text-sm univer-outline-none data-[state=open]:univer-bg-gray-100 focus:univer-bg-gray-100 dark:data-[state=open]:!univer-bg-gray-600 dark:focus:!univer-bg-gray-600 [&_svg]:univer-pointer-events-none [&_svg]:univer-size-4 [&_svg]:univer-shrink-0`,t),...a,children:[r,(0,i.jsx)(e.MoreRightIcon,{className:`ml-auto`})]})}function Ke({className:e,...t}){return(0,i.jsx)(u.SubContent,{"data-slot":`dropdown-menu-sub-content`,className:g(`data-[state=open]:univer-animate-in data-[state=open]:univer-fade-in-0 data-[state=open]:univer-zoom-in-95 data-[state=closed]:univer-animate-out data-[state=closed]:univer-fade-out-0 data-[state=closed]:univer-zoom-out-95 data-[side=bottom]:univer-slide-in-from-top-2 data-[side=left]:univer-slide-in-from-right-2 data-[side=right]:univer-slide-in-from-left-2 data-[side=top]:univer-slide-in-from-bottom-2 univer-z-[1080] univer-box-border univer-max-h-[--radix-popper-available-height] univer-overflow-y-auto univer-rounded-md univer-bg-white univer-p-1.5 univer-text-gray-900 univer-shadow-md dark:!univer-bg-gray-700 dark:!univer-text-white`,k,D,e),...t})}function qe({className:e,sideOffset:t=4,...n}){return(0,i.jsx)(u.Portal,{children:(0,i.jsx)(u.Content,{"data-slot":`dropdown-menu-content`,sideOffset:t,className:g(`data-[state=open]:univer-animate-in data-[state=open]:univer-fade-in-0 data-[state=open]:univer-zoom-in-95 data-[state=closed]:univer-animate-out data-[state=closed]:univer-fade-out-0 data-[state=closed]:univer-zoom-out-95 data-[side=bottom]:univer-slide-in-from-top-2 data-[side=left]:univer-slide-in-from-right-2 data-[side=right]:univer-slide-in-from-left-2 data-[side=top]:univer-slide-in-from-bottom-2 univer-z-[1080] univer-box-border univer-max-h-[--radix-popper-available-height] univer-overflow-y-auto univer-rounded-md univer-bg-white univer-p-1.5 univer-text-gray-900 univer-shadow-md dark:!univer-bg-gray-700 dark:!univer-text-white`,k,D,e),...n})})}function Je({className:e,inset:t,variant:n=`default`,...r}){return(0,i.jsx)(u.Item,{"data-slot":`dropdown-menu-item`,"data-inset":t,"data-variant":n,className:g(`univer-relative univer-flex univer-cursor-default univer-select-none univer-items-center univer-gap-2 univer-rounded univer-px-2 univer-py-1.5 univer-text-sm univer-outline-none univer-transition-colors data-[disabled]:univer-pointer-events-none data-[disabled]:univer-opacity-50 focus:univer-bg-gray-100 dark:focus:!univer-bg-gray-600 [&>svg]:univer-size-4 [&>svg]:univer-shrink-0`,e),...r})}function Ye({className:t,children:n,hideIndicator:r,checked:a,...o}){return(0,i.jsxs)(u.CheckboxItem,{"data-slot":`dropdown-menu-checkbox-item`,className:g(`univer-relative univer-flex univer-cursor-default univer-select-none univer-items-center univer-rounded univer-py-1.5 univer-pr-2 univer-text-sm univer-outline-none univer-transition-colors data-[disabled]:univer-pointer-events-none data-[disabled]:univer-opacity-50 focus:univer-bg-gray-100 dark:focus:!univer-bg-gray-600`,{"univer-pl-8":!r,"univer-pl-2":r},t),checked:a,...o,children:[!r&&(0,i.jsx)(`span`,{className:`univer-absolute univer-left-2 univer-flex univer-size-3.5 univer-items-center univer-justify-center`,children:(0,i.jsx)(u.ItemIndicator,{children:(0,i.jsx)(e.CheckMarkIcon,{className:`univer-block univer-size-4 univer-fill-current univer-text-primary-600`})})}),n]})}function Xe({className:t,children:n,hideIndicator:r,...a}){return(0,i.jsxs)(u.RadioItem,{"data-slot":`dropdown-menu-radio-item`,className:g(`univer-relative univer-flex univer-cursor-default univer-select-none univer-items-center univer-rounded univer-py-1.5 univer-pr-2 univer-text-sm univer-outline-none univer-transition-colors data-[disabled]:univer-pointer-events-none data-[disabled]:univer-opacity-50 focus:univer-bg-gray-100 dark:focus:!univer-bg-gray-600`,{"univer-pl-8":!r,"univer-pl-2":r},t),...a,children:[!r&&(0,i.jsx)(`span`,{className:`univer-absolute univer-left-2 univer-flex univer-size-3.5 univer-items-center univer-justify-center`,children:(0,i.jsx)(u.ItemIndicator,{children:(0,i.jsx)(e.CheckMarkIcon,{className:`univer-block univer-size-4 univer-fill-current univer-text-primary-600`})})}),n]})}function Ze({className:e,...t}){return(0,i.jsx)(u.Separator,{className:g(`-univer-mx-1 univer-my-1 univer-h-px univer-bg-gray-200 dark:!univer-bg-gray-600`,e),...t})}function Qe(e){let{children:n,items:r,disabled:a,open:o,onOpenChange:s,...c}=e,[l,u]=(0,t.useState)(!1),d=o!==void 0,f=d?o:l;function p(e){a||(d||u(e),s==null||s(e))}function m(e,t){let{className:n,type:r}=e;if(r===`separator`)return(0,i.jsx)(Ze,{className:n},t);if(r===`radio`)return(0,i.jsx)(We,{className:n,value:e.value,onValueChange:e.onSelect,children:e.options.map((t,n)=>{if(`type`in t){if(t.type===`separator`)return(0,i.jsx)(Ze,{className:t.className},n)}else{if(t.value===void 0)throw Error("[DropdownMenu]: `value` is required");return(0,i.jsx)(Xe,{value:t.value,disabled:t.disabled,hideIndicator:e.hideIndicator,children:t.label},t.value)}return null})},t);if(r===`checkbox`)return(0,i.jsx)(Ye,{className:n,disabled:e.disabled,checked:e.checked,onSelect:()=>{var t;(t=e.onSelect)==null||t.call(e,e.value)},children:e.label},t);if(r===`item`)return(0,i.jsx)(Je,{className:n,disabled:e.disabled,onSelect:()=>{var t;(t=e.onSelect)==null||t.call(e,e)},children:e.children},t);if(r===`subItem`){var a;return(0,i.jsxs)(Ue,{children:[(0,i.jsx)(Ge,{children:e.children}),(0,i.jsx)(Ve,{children:(0,i.jsx)(Ke,{sideOffset:12,children:(a=e.options)==null?void 0:a.map((e,t)=>m(e,t))})})]},t)}}return(0,i.jsxs)(Be,{modal:!1,open:f,onOpenChange:p,children:[(0,i.jsx)(He,{asChild:!0,children:n}),(0,i.jsx)(qe,{className:`univer-text-sm`,collisionPadding:{top:12,bottom:12},onWheel:e=>e.stopPropagation(),...c,children:r.map((e,t)=>m(e,t))})]})}const $e=(0,t.createContext)(!1),et=n=>{let{label:r,desc:a,children:o,style:s,className:c,error:l,contentStyle:u,collapsable:d=!1,defaultCollapsed:f=!1}=n,[p,m]=(0,t.useState)(f);return(0,i.jsx)($e.Provider,{value:!0,children:(0,i.jsxs)(`div`,{"data-u-comp":`form-layout`,className:g(`univer-mb-3 univer-flex univer-flex-col`,c),style:s,children:[r&&(0,i.jsxs)(`div`,{className:g(`univer-mb-2 univer-flex univer-min-h-3.5 univer-items-center univer-text-sm univer-text-gray-900 dark:!univer-text-white`,{"univer-cursor-pointer":d}),onClick:()=>m(!p),children:[r,d&&(0,i.jsx)(e.MoreUpIcon,{className:g(`univer-ml-1 univer-transition-transform`,{"univer-rotate-180":p})})]}),p&&d?null:(0,i.jsxs)(i.Fragment,{children:[a&&(0,i.jsx)(`div`,{className:`univer-mt-1 univer-text-sm univer-text-gray-600 dark:!univer-text-gray-200`,children:a}),o?(0,i.jsxs)(`div`,{className:g(`last:univer-mb-0 [&_[data-u-comp=input]]:univer-w-full [&_[data-u-comp=select]]:univer-w-full`,{"[&_[data-u-comp=input]]:univer-border-red-500":l,"[&_[data-u-comp=select]]:univer-border-red-500":l}),style:u,children:[o,l?(0,i.jsx)(`div`,{className:`univer-mt-1 univer-text-xs univer-text-red-500`,children:l}):null]}):null]})]})})},tt=e=>(0,i.jsx)(`div`,{className:`univer-flex univer-justify-between [&_[data-u-comp=form-layout]]:univer-max-w-[calc(50%-8px)] [&_[data-u-comp=form-layout]]:univer-shrink [&_[data-u-comp=form-layout]]:univer-grow`,children:e.children});function nt(n){let{className:r,value:a=0,total:o=0,loop:s,text:c,onChange:l}=n,u=(0,t.useMemo)(()=>c==null?`${a}/${o}`:c,[a,o,c]),d=o>0,f=()=>{a===1?s&&(l==null||l(o)):l==null||l(a-1)},p=()=>{a===o?s&&(l==null||l(1)):l==null||l(a+1)};return(0,i.jsx)(`div`,{"data-u-comp":`pager`,className:g(`univer-flex univer-flex-shrink-0 univer-items-center univer-text-sm univer-text-gray-700 dark:!univer-text-gray-400`,r),children:d?(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(`button`,{"data-u-comp":`pager-left-arrow`,className:`univer-inline-flex univer-size-4 univer-cursor-pointer univer-items-center univer-rounded univer-border-none univer-bg-transparent univer-p-0 hover:univer-bg-gray-50 dark:hover:!univer-bg-gray-600`,type:`button`,role:`button`,onClick:f,children:(0,i.jsx)(e.MoreLeftIcon,{})}),(0,i.jsx)(`span`,{className:`univer-mx-1`,children:u}),(0,i.jsx)(`button`,{"data-u-comp":`pager-right-arrow`,className:`univer-inline-flex univer-size-4 univer-cursor-pointer univer-items-center univer-rounded univer-border-none univer-bg-transparent univer-p-0 hover:univer-bg-gray-50 dark:hover:!univer-bg-gray-600`,type:`button`,role:`button`,onClick:p,children:(0,i.jsx)(e.MoreRightIcon,{})})]}):(0,i.jsx)(`div`,{className:`univer-mx-1`,children:u})})}const rt=`
|
|
60
60
|
univer-flex univer-cursor-pointer univer-items-center univer-justify-center univer-border-none
|
|
61
61
|
univer-bg-transparent univer-p-0 univer-text-current
|
|
62
62
|
hover:univer-text-white
|
|
63
|
-
`;function
|
|
63
|
+
`;function it(n){let{className:r,images:a,open:o,onOpenChange:s}=n,[c,u]=(0,t.useState)(!1),[d,f]=(0,t.useState)(0),[p,m]=(0,t.useState)(1),h=(0,t.useRef)(null),_=(0,t.useMemo)(()=>a[d],[d,a]);if((0,t.useEffect)(()=>{o&&h.current&&h.current.focus()},[o]),(0,t.useEffect)(()=>{if(!o)return;let e=e=>{e.key===`Escape`&&(s==null||s(!1))};return window.addEventListener(`keydown`,e),()=>window.removeEventListener(`keydown`,e)},[o,s]),(0,t.useEffect)(()=>{if(o)u(!0);else{let e=setTimeout(()=>{u(!1)},150);return()=>clearTimeout(e)}},[o]),(0,t.useEffect)(()=>{if(!o)return;let e=e=>{e.preventDefault();let t=-e.deltaY*.001;m(e=>Math.min(Math.max(.5,e+t),2))};return window.addEventListener(`wheel`,e,{passive:!1}),()=>{window.removeEventListener(`wheel`,e)}},[o]),!o&&!c)return null;function v(e){if(e===`reset`){m(1);return}let t=p+e;t<.5||t>2||m(t)}return(0,l.createPortal)((0,i.jsxs)(`div`,{"data-u-comp":`gallery`,role:`dialog`,"aria-modal":`true`,"aria-label":`Image gallery`,tabIndex:-1,ref:h,className:g(`univer-absolute univer-inset-0 univer-z-[1080] univer-flex univer-size-full univer-select-none univer-items-center univer-justify-center`,{"univer-animate-in univer-fade-in":o,"univer-animate-out univer-fade-out":!o},r),children:[(0,i.jsx)(`div`,{className:`univer-absolute univer-inset-0 univer-size-full univer-bg-gray-900 univer-opacity-80`,"aria-hidden":`true`,onClick:()=>s==null?void 0:s(!1)}),(0,i.jsx)(`div`,{className:`univer-relative`,children:_&&(0,i.jsx)(`img`,{className:`univer-max-h-[40vh] univer-max-w-[60vw] univer-transition-transform univer-duration-300 univer-ease-out`,style:{transform:`scale(${p})`},src:_,alt:`Image ${d+1} of ${a.length}`,draggable:!1})}),(0,i.jsxs)(`footer`,{className:`univer-absolute univer-bottom-6 univer-left-1/2 univer-flex -univer-translate-x-1/2 univer-items-center univer-gap-3 univer-rounded-full univer-bg-gray-800 univer-px-6 univer-py-3 univer-text-gray-400`,children:[(0,i.jsx)(nt,{className:`!univer-text-gray-400 [&_[data-u-comp=pager-left-arrow]:hover]:!univer-bg-gray-600 [&_[data-u-comp=pager-right-arrow]:hover]:!univer-bg-gray-600`,value:d+1,total:a.length,onChange:e=>f(e-1)}),(0,i.jsx)(`button`,{type:`button`,"aria-label":`Zoom in`,className:rt,onClick:()=>v(.25),children:(0,i.jsx)(e.ZoomInIcon,{"aria-hidden":`true`})}),(0,i.jsx)(`button`,{type:`button`,"aria-label":`Zoom out`,className:rt,onClick:()=>v(-.25),children:(0,i.jsx)(e.ZoomOutIcon,{"aria-hidden":`true`})}),(0,i.jsx)(`button`,{type:`button`,"aria-label":`Reset zoom`,className:rt,onClick:()=>v(`reset`),children:(0,i.jsx)(e.OneToOneIcon,{"aria-hidden":`true`})})]})]}),document.body)}const at=(0,a.cva)(`
|
|
64
64
|
univer-box-border univer-w-full univer-rounded-md univer-bg-white univer-transition-colors univer-duration-200
|
|
65
65
|
placeholder:univer-text-gray-400
|
|
66
66
|
focus:univer-border-primary-600 focus:univer-outline-none focus:univer-ring-2 focus:univer-ring-primary-50
|
|
67
67
|
dark:!univer-bg-gray-700 dark:!univer-text-white
|
|
68
68
|
dark:focus:!univer-ring-primary-900
|
|
69
|
-
`,{variants:{size:{mini:`univer-h-7 univer-px-1.5 univer-text-sm`,small:`univer-h-8 univer-px-2 univer-text-sm`,middle:`univer-h-10 univer-px-3 univer-text-base`,large:`univer-h-12 univer-px-4 univer-text-lg`}},defaultVariants:{size:`small`}}),
|
|
69
|
+
`,{variants:{size:{mini:`univer-h-7 univer-px-1.5 univer-text-sm`,small:`univer-h-8 univer-px-2 univer-text-sm`,middle:`univer-h-10 univer-px-3 univer-text-base`,large:`univer-h-12 univer-px-4 univer-text-lg`}},defaultVariants:{size:`small`}}),ot=(0,t.forwardRef)(({autoFocus:n=!1,className:r,style:a,type:o=`text`,placeholder:s,value:c,size:l=`small`,allowClear:u=!1,disabled:d=!1,onClick:f,onKeyDown:p,onChange:m,onFocus:h,onBlur:_,slot:v,inputClass:y,inputStyle:b,...x},S)=>{let C=e=>{e.stopPropagation(),m==null||m(``)},w=e=>{m==null||m(e.target.value)},T=(0,t.useMemo)(()=>u&&c&&!d||v,[u,d,v,c]),[E,D]=(0,t.useState)(0),O=(0,t.useRef)(null);return(0,t.useEffect)(()=>{let e=null;return v&&O.current&&(e=new MutationObserver(()=>{O.current&&D(O.current.offsetWidth+8)}),e.observe(O.current,{childList:!0,subtree:!0}),D(O.current.offsetWidth+8)),()=>e==null?void 0:e.disconnect()},[O.current]),(0,t.useEffect)(()=>{u&&!(v&&O.current)&&D(26)},[]),(0,i.jsxs)(`div`,{"data-u-comp":`input`,className:g(`univer-relative univer-inline-flex univer-w-full univer-items-center univer-rounded-md`,d&&`univer-cursor-not-allowed`,r),style:a,children:[(0,i.jsx)(`input`,{ref:S,type:o,className:g(at({size:l}),k,d&&`
|
|
70
70
|
univer-cursor-not-allowed univer-bg-gray-50 univer-text-gray-400
|
|
71
71
|
dark:!univer-text-gray-500
|
|
72
|
-
`,s&&!_&&`univer-pr-8`,v),placeholder:i,value:a,disabled:u,autoFocus:e,onClick:d,onKeyDown:p,onChange:C,onFocus:h,onBlur:g,style:{...y,paddingRight:E},...b}),w&&(0,f.jsxs)(`div`,{className:`univer-absolute univer-right-2 univer-flex univer-items-center univer-gap-1 univer-rounded-full`,ref:O,children:[_,s&&a&&!u&&(0,f.jsx)(`button`,{type:`button`,onClick:S,className:`univer-flex univer-size-4 univer-cursor-pointer univer-items-center univer-rounded-full univer-border-none univer-bg-transparent univer-p-1 univer-text-gray-400 univer-transition-colors univer-duration-200 hover:univer-text-gray-500 focus:univer-outline-none`,children:(0,f.jsx)(c.CloseIcon,{className:`univer-size-3`})})]})]})}),pt=(0,l.forwardRef)(({value:e,defaultValue:t,size:n=`small`,min:r=-(2**53-1),max:i=2**53-1,step:a=1,precision:o,formatter:s,parser:c,controls:u=!0,className:d,inputClassName:p,controlsClassName:m,disabled:h,onChange:g,onKeyDown:_,onPressEnter:v,onFocus:y,onBlur:b,allowEmpty:x=!1},S)=>{let[C,w]=(0,l.useState)(e===void 0?t===void 0?null:t:e),E=(0,l.useRef)(C),[D,O]=(0,l.useState)(N(C)),k=(0,l.useRef)(null),A=(0,l.useRef)(null),j=(0,l.useRef)(null),M=e=>{S&&(typeof S==`function`?S(e):S.current=e),k.current=e};(0,l.useEffect)(()=>{e!==void 0&&e!==C&&(w(e),E.current=e,O(N(e)))},[e]),(0,l.useEffect)(()=>{C!==null&&(E.current=C)},[C]),(0,l.useEffect)(()=>()=>{A.current&&clearTimeout(A.current),j.current&&clearInterval(j.current)},[]);function N(e){if(e==null)return``;let t=e;return o!==void 0&&(t=Number(e).toFixed(o)),s?s(t):String(t)}function P(e){if(!e)return null;let t=e;c&&(t=c(e));try{let e=t.replace(/[^\d.-]/g,``).split(`.`),n=e[0],a=e.length>1?e.slice(1).join(``):``,s=n+(a?`.${a}`:``),c=Number(s);if(Number.isNaN(c))return null;let l;if(o!==void 0){let e=10**o,t=Math.round(c*e)/e;l=t.toString().includes(`e`)?Number.parseFloat(t.toFixed(o)):t}else l=c.toString().includes(`e`)?Number.parseFloat(c.toFixed(16).replace(/\.?0+$/,``)):c;return i!==void 0&&l>i&&(l=i),r!==void 0&&l<r&&(l=r),l}catch{return null}}function F(e){if(O(e),x&&e===``){w(null),g==null||g(null);return}let t=P(e);w(t),g==null||g(t)}function I(e){if(C===null){if(D===``&&x)g&&g(null);else{let e=E.current;w(e),O(N(e)),g&&g(e)}b==null||b(e);return}let t=C;i!==void 0&&t>i&&(t=i),r!==void 0&&t<r&&(t=r),t===C?O(N(C)):(w(t),O(N(t)),g==null||g(t)),b==null||b(e)}function L(e){if(h)return;let t=e?a:-a,n;n=C===null?E.current===null?r>0?r:0:E.current:C;let o=n+t;i!==void 0&&o>i&&(o=i),r!==void 0&&o<r&&(o=r),o!==n&&(w(o),E.current=o,O(N(o)),g==null||g(o))}function R(e){h||(_==null||_(e),e.key===`ArrowUp`?(e.preventDefault(),L(!0)):e.key===`ArrowDown`?(e.preventDefault(),L(!1)):e.key===`Enter`&&(v==null||v(e)))}function z(e){var t;h||(L(e),(t=k.current)==null||t.focus())}let B=h||i!==void 0&&C!==null&&C>=i,V=h||r!==void 0&&C!==null&&C<=r;return(0,f.jsx)(`div`,{className:T(`univer-inline-block`,d),children:(0,f.jsxs)(`div`,{className:`univer-relative univer-w-full`,children:[(0,f.jsx)(ft,{ref:M,className:T(`univer-box-border`,p),size:n,value:D,disabled:h,onChange:F,onFocus:y,onBlur:I,onKeyDown:R}),u&&(0,f.jsxs)(`div`,{className:T(`univer-absolute univer-right-px univer-top-px univer-flex univer-h-[calc(100%-2px)] univer-flex-col univer-overflow-hidden univer-rounded-r-md before:univer-absolute before:univer-top-1/2 before:univer-block before:univer-h-px before:univer-w-full before:-univer-translate-y-1/2 before:univer-bg-gray-200 before:univer-content-[""] dark:before:!univer-bg-gray-600`,ee,m),children:[(0,f.jsx)(`span`,{className:T(`univer-box-border univer-flex univer-h-1/2 univer-w-5 univer-cursor-pointer univer-items-center univer-justify-center univer-border-none univer-bg-transparent univer-p-0 univer-transition-colors hover:univer-bg-gray-100 dark:!univer-text-white dark:hover:!univer-bg-gray-600`,B&&`univer-cursor-not-allowed univer-opacity-60`),role:`button`,"aria-label":`increment`,"aria-disabled":B,tabIndex:-1,onMouseDown:e=>e.preventDefault(),onClick:()=>{B||z(!0)},children:`+`}),(0,f.jsx)(`span`,{className:T(`univer-box-border univer-flex univer-h-1/2 univer-w-5 univer-cursor-pointer univer-items-center univer-justify-center univer-border-none univer-bg-transparent univer-p-0 univer-transition-colors hover:univer-bg-gray-100 dark:!univer-text-white dark:hover:!univer-bg-gray-600`,V&&`univer-cursor-not-allowed univer-opacity-60`),role:`button`,"aria-label":`decrement`,"aria-disabled":V,tabIndex:-1,onMouseDown:e=>e.preventDefault(),onClick:()=>{V||z(!1)},children:`-`})]})]})})});function mt({items:e,value:t,defaultValue:n,onChange:r,className:i=``}){let[a,o]=(0,l.useState)(t===void 0?n||e[0].value:t),[s,c]=(0,l.useState)({}),u=(0,l.useRef)(new Map),d=(0,l.useRef)(null);(0,l.useEffect)(()=>{t!==void 0&&t!==a&&o(t)},[t]);let p=(e,t)=>{let n=u.current.get(e),r=t?u.current.get(t):null;if(n&&d.current){let e=d.current.getBoundingClientRect(),t=n.getBoundingClientRect(),i=t.left-e.left-4;if(r){let n=r.getBoundingClientRect().left-e.left-4;c({"--slide-from":`${n}px`,"--slide-to":`${i}px`,width:`${t.width}px`,transform:`translateX(${i}px)`})}else c({width:`${t.width}px`,transform:`translateX(${i}px)`})}};(0,l.useEffect)(()=>{p(a)},[a]);let m=e=>{let t=a;o(e),r==null||r(e),p(e,t)};return(0,f.jsxs)(`div`,{"data-u-comp":`segmented`,ref:d,className:T(`univer-relative univer-box-border univer-flex univer-gap-4 univer-rounded-lg univer-bg-gray-100 univer-p-1 dark:!univer-bg-gray-800`,i),children:[(0,f.jsx)(`div`,{className:`univer-animate-univer-slide univer-absolute univer-h-6 univer-rounded-md univer-bg-white univer-shadow-sm univer-transition-all univer-duration-200 dark:!univer-bg-gray-700 dark:!univer-text-gray-400`,style:s}),e.map(e=>(0,f.jsx)(`button`,{ref:t=>{t&&u.current.set(e.value,t)},className:T(`univer-relative univer-box-border univer-flex-1 univer-cursor-pointer univer-border-none univer-bg-transparent univer-px-3 univer-py-1 univer-text-xs univer-font-medium univer-transition-colors`,{"univer-text-gray-900 dark:!univer-text-white":a===e.value,"univer-text-gray-500 hover:univer-text-gray-900 dark:hover:!univer-text-white":a!==e.value}),type:`button`,onClick:()=>m(e.value),children:e.label},String(e.value)))]})}function ht(e){let{children:t,className:n,asChild:r=!0,title:i,placement:a=`bottom`,showIfEllipsis:o=!1,visible:s,onVisibleChange:c}=e,[u,d]=(0,l.useState)(!1),p=s!==void 0,m=p?s:u,h=(0,l.useRef)(null),g=(0,l.useRef)(null),_=(0,l.useRef)(null),[y,b]=(0,l.useState)(null),[x,S]=(0,l.useState)(a);function C(e){return Math.abs(e.scrollWidth-e.clientWidth)>1}function w(){p?c==null||c(!0):d(!0)}function E(){p?c==null||c(!1):d(!1)}(0,l.useLayoutEffect)(()=>{if(!m)return;let e=h.current,t=g.current;if(!e||!t)return;let n=e.getBoundingClientRect(),r=t.getBoundingClientRect(),i=window.innerWidth,o=window.innerHeight,s=[a,`bottom`,`top`,`right`,`left`],c=a,l=0,u=0,d=e=>{let t=0,i=0;return e===`bottom`?(t=n.bottom+8,i=n.left+n.width/2-r.width/2):e===`top`?(t=n.top-r.height-8,i=n.left+n.width/2-r.width/2):e===`left`?(t=n.top+n.height/2-r.height/2,i=n.left-r.width-8):(t=n.top+n.height/2-r.height/2,i=n.right+8),{t,l:i}};for(let e of s){let{t,l:n}=d(e),a=n>=0&&n+r.width<=i,s=t>=0&&t+r.height<=o;if(a&&s){c=e,l=t,u=n;break}}if(!l&&!u){let e=d(a);l=Math.min(Math.max(0,e.t),o-r.height),u=Math.min(Math.max(0,e.l),i-r.width)}S(c),b({top:Math.round(l+window.scrollY),left:Math.round(u+window.scrollX)})},[m,a]),(0,l.useEffect)(()=>{if(!m)return;let e=()=>{if(!h.current||!g.current)return;let e=h.current.getBoundingClientRect(),t=g.current.getBoundingClientRect(),n=0,r=0;x===`bottom`?(n=e.bottom+8,r=e.left+e.width/2-t.width/2):x===`top`?(n=e.top-t.height-8,r=e.left+e.width/2-t.width/2):x===`left`?(n=e.top+e.height/2-t.height/2,r=e.left-t.width-8):(n=e.top+e.height/2-t.height/2,r=e.right+8),b({top:Math.round(n+window.scrollY),left:Math.round(r+window.scrollX)})};return window.addEventListener(`scroll`,e,!0),window.addEventListener(`resize`,e),()=>{window.removeEventListener(`scroll`,e,!0),window.removeEventListener(`resize`,e)}},[m,x]);let D={ref:e=>h.current=e,onMouseEnter:()=>{o&&h.current&&!C(h.current)||w()},onMouseLeave:()=>E(),onFocus:()=>w(),onBlur:()=>E()},O=r?(0,f.jsx)(`span`,{...D,className:`univer-inline-block univer-max-w-full univer-truncate`,children:t}):(0,f.jsx)(`button`,{type:`button`,...D,children:t}),k=null;if(typeof document<`u`&&m&&i&&document.body){var A,j;k=(0,v.createPortal)((0,f.jsxs)(`div`,{ref:g,role:`tooltip`,className:T(`univer-animate-in univer-fade-in-0 univer-zoom-in-95 univer-pointer-events-auto univer-absolute univer-z-[1081] univer-box-border univer-w-fit univer-max-w-sm univer-text-balance univer-rounded-lg univer-bg-gray-700 univer-px-2.5 univer-py-2 univer-text-xs univer-font-medium univer-text-white univer-shadow-lg univer-drop-shadow-sm dark:!univer-bg-gray-100 dark:!univer-text-gray-900`,n),style:{top:(A=y==null?void 0:y.top)==null?-9999:A,left:(j=y==null?void 0:y.left)==null?-9999:j},onMouseEnter:()=>w(),onMouseLeave:()=>E(),children:[(0,f.jsx)(`div`,{className:`univer-break-words`,children:i}),(0,f.jsx)(`div`,{ref:_,className:`univer-absolute univer-size-2.5 univer-rotate-45 univer-rounded-sm univer-bg-gray-700 dark:!univer-bg-gray-100`,style:{...x===`bottom`&&{top:-5,left:`50%`,transform:`translateX(-50%) rotate(45deg)`},...x===`top`&&{bottom:-5,left:`50%`,transform:`translateX(-50%) rotate(45deg)`},...x===`left`&&{right:-5,top:`50%`,transform:`translateY(-50%) rotate(45deg)`},...x===`right`&&{left:-5,top:`50%`,transform:`translateY(-50%) rotate(45deg)`}}})]}),document.body)}return(0,f.jsxs)(f.Fragment,{children:[O,k]})}const gt={type:`linear`,stops:[{color:`#ffffff`,offset:0},{color:`#000000`,offset:100}],angle:90};function _t(e){var t,n;let{className:r,value:i=gt,onChange:a}=e,{locale:o}=(0,l.useContext)(P),[s,u]=(0,l.useState)(0),d=(0,l.useRef)(null),p=(0,l.useMemo)(()=>[...i.stops].sort((e,t)=>e.offset-t.offset),[i.stops]),m=e=>{a==null||a({...i,type:e})},h=e=>{a==null||a({...i,angle:e==null?0:e})},g=e=>{let t=[...i.stops];t[s]={...t[s],color:e},a==null||a({...i,stops:t})},_=e=>{if(e===null)return;let t=[...i.stops];t[s]={...t[s],offset:e},a==null||a({...i,stops:t})},v=e=>{if(!d.current)return;let t=d.current.getBoundingClientRect(),n=Math.round((e.clientX-t.left)/t.width*100),r={color:([...p].reverse().find(e=>e.offset<=n)||p[0]).color,offset:n},o=[...i.stops,r];a==null||a({...i,stops:o}),u(o.length-1)},y=()=>{if(i.stops.length<=2)return;let e=i.stops.filter((e,t)=>t!==s);a==null||a({...i,stops:e}),u(0)},b=(0,l.useMemo)(()=>`linear-gradient(to right, ${p.map(e=>`${e.color} ${e.offset}%`).join(`, `)})`,[p]),x=(0,l.useMemo)(()=>{let e=p.map(e=>`${e.color} ${e.offset}%`).join(`, `);switch(i.type){case`linear`:return`linear-gradient(${i.angle}deg, ${e})`;case`radial`:return`radial-gradient(circle, ${e})`;case`angular`:return`conic-gradient(from ${i.angle}deg, ${e})`;case`diamond`:return`radial-gradient(circle, ${e})`;default:return`linear-gradient(${i.angle}deg, ${e})`}},[i,p]);return(0,f.jsxs)(`div`,{className:T(`univer-flex univer-w-64 univer-flex-col univer-gap-4 univer-rounded-lg univer-bg-white univer-p-4 univer-shadow-lg dark:!univer-bg-gray-800`,r),children:[(0,f.jsx)(mt,{items:[{label:o==null?void 0:o.GradientColorPicker.linear,value:`linear`},{label:o==null?void 0:o.GradientColorPicker.radial,value:`radial`},{label:o==null?void 0:o.GradientColorPicker.angular,value:`angular`},{label:o==null?void 0:o.GradientColorPicker.diamond,value:`diamond`}],value:i.type,onChange:e=>m(e)}),(0,f.jsx)(`div`,{className:`univer-h-32 univer-w-full univer-rounded-md univer-border univer-border-gray-200 dark:!univer-border-gray-600`,style:{background:x}}),(0,f.jsxs)(`div`,{className:`univer-relative univer-mt-4 univer-h-6`,children:[(0,f.jsx)(`div`,{ref:d,className:`univer-absolute univer-inset-x-0 univer-top-1/2 univer-h-2 -univer-translate-y-1/2 univer-cursor-crosshair univer-rounded-full`,style:{background:b},onClick:v}),i.stops.map((e,t)=>(0,f.jsx)(`div`,{className:T(`univer-absolute univer-top-1/2 univer-size-4 -univer-translate-x-1/2 -univer-translate-y-1/2 univer-cursor-pointer univer-rounded-full univer-border-2 univer-border-white univer-shadow-md`,s===t?`univer-z-10 univer-ring-2 univer-ring-primary-500`:`univer-z-0`),style:{left:`${e.offset}%`,backgroundColor:e.color},onClick:e=>{e.stopPropagation(),u(t)},onPointerDown:n=>{let r=n.clientX,o=e.offset,s=e=>{if(!d.current)return;let n=d.current.getBoundingClientRect(),s=(e.clientX-r)/n.width*100,c=Math.max(0,Math.min(100,Math.round(o+s))),l=[...i.stops];l[t]={...l[t],offset:c},a==null||a({...i,stops:l})},c=()=>{window.removeEventListener(`pointermove`,s),window.removeEventListener(`pointerup`,c)};window.addEventListener(`pointermove`,s),window.addEventListener(`pointerup`,c)}},t))]}),(0,f.jsxs)(`div`,{className:`univer-flex univer-items-end univer-gap-2`,children:[(0,f.jsxs)(`div`,{className:`univer-flex-1`,children:[(0,f.jsx)(`div`,{className:`univer-mb-1 univer-text-xs univer-text-gray-500`,children:o==null?void 0:o.GradientColorPicker.offset}),(0,f.jsx)(pt,{value:(t=i.stops[s])==null?void 0:t.offset,min:0,max:100,onChange:_})]}),(i.type===`linear`||i.type===`angular`)&&(0,f.jsxs)(`div`,{className:`univer-flex-1`,children:[(0,f.jsx)(`div`,{className:`univer-mb-1 univer-text-xs univer-text-gray-500`,children:o==null?void 0:o.GradientColorPicker.angle}),(0,f.jsx)(pt,{value:i.angle,min:0,max:360,onChange:h})]}),(0,f.jsx)(`div`,{className:`univer-flex univer-gap-1`,children:(0,f.jsx)(ht,{title:o==null?void 0:o.GradientColorPicker.delete,children:(0,f.jsx)(j,{variant:`danger`,onClick:y,disabled:i.stops.length<=2,children:(0,f.jsx)(c.DeleteIcon,{})})})})]}),(0,f.jsx)(`div`,{className:`univer-border-t univer-border-gray-100 univer-pt-4 dark:!univer-border-gray-700`,children:(0,f.jsx)(Fe,{value:(n=i.stops[s])==null?void 0:n.color,onChange:g})})]})}const vt=b.Root,yt=b.Portal,bt=b.Trigger,xt=(0,l.forwardRef)(({className:e,align:t=`center`,sideOffset:n=4,...r},i)=>(0,f.jsx)(b.Content,{ref:i,align:t,sideOffset:n,className:T(`data-[state=open]:univer-animate-in data-[state=open]:univer-fade-in-0 data-[state=open]:univer-zoom-in-95 data-[state=closed]:univer-animate-out data-[state=closed]:univer-fade-out-0 data-[state=closed]:univer-zoom-out-95 data-[side=bottom]:univer-slide-in-from-top-2 data-[side=left]:univer-slide-in-from-right-2 data-[side=right]:univer-slide-in-from-left-2 data-[side=top]:univer-slide-in-from-bottom-2 univer-z-[1080] univer-w-64 univer-origin-[--radix-hover-card-content-transform-origin] univer-rounded-md univer-bg-white univer-text-gray-900 univer-shadow-md univer-outline-none dark:!univer-bg-gray-900 dark:!univer-text-white`,R,e),...r}));xt.displayName=b.Content.displayName;function St(e){let{children:t,overlay:n,disabled:r,openDelay:i=200,open:a,onOpenChange:o,...s}=e,[c,u]=(0,l.useState)(!1),d=a!==void 0,p=d?a:c;function m(e){r||(d||u(e),o==null||o(e))}return(0,f.jsxs)(vt,{open:p,onOpenChange:m,openDelay:i,children:[(0,f.jsx)(bt,{asChild:!0,children:t}),(0,f.jsx)(yt,{children:(0,f.jsx)(xt,{...s,children:n})})]})}function Ct(e){let{keyboard:t,className:n}=e,r=t.split(`+`);return(0,f.jsx)(`span`,{className:T(`univer-inline-block univer-h-6 univer-select-none univer-whitespace-nowrap univer-rounded-md univer-bg-gray-50 univer-px-2 univer-font-mono univer-text-xs/6 univer-font-medium univer-text-gray-700 dark:!univer-bg-gray-700 dark:!univer-text-white`,R,n),children:r.map((e,t)=>(0,f.jsxs)(f.Fragment,{children:[(0,f.jsx)(`kbd`,{className:`univer-inline-block univer-h-full`,children:e}),t<r.length-1&&(0,f.jsx)(`span`,{className:`univer-inline-block univer-h-full univer-px-1`,children:`+`})]},t))})}let J=function(e){return e.Success=`success`,e.Info=`info`,e.Warning=`warning`,e.Error=`error`,e.Loading=`loading`,e}({});const wt=`univer-message-toaster`,Tt=3e3,Y=new Set,Et=(0,f.jsx)(c.LoadingMultiIcon,{className:`univer-animate-spin univer-text-violet-500`});let Dt=0;const Ot={[J.Success]:(0,f.jsx)(c.SuccessIcon,{className:`univer-text-green-500`}),[J.Info]:(0,f.jsx)(c.InfoIcon,{className:`univer-text-sky-500 dark:!univer-text-sky-400`}),[J.Warning]:(0,f.jsx)(c.WarningIcon,{className:`univer-text-amber-500`}),[J.Error]:(0,f.jsx)(c.ErrorIcon,{className:`univer-text-red-500`}),[J.Loading]:Et},X={[J.Success]:`[&_[data-icon]]:univer-text-green-500`,[J.Info]:`[&_[data-icon]]:univer-text-sky-500`,[J.Warning]:`[&_[data-icon]]:univer-text-amber-500`,[J.Error]:`[&_[data-icon]]:univer-text-red-500`,[J.Loading]:`[&_[data-icon]]:univer-text-violet-500`},kt=e=>{switch(e){case J.Success:return x.toast.success;case J.Warning:return x.toast.warning;case J.Error:return x.toast.error;case J.Loading:return x.toast.loading;case J.Info:default:return x.toast.info}},At=()=>{let e=`univer-message-${Dt}`;return Dt+=1,e},jt=({className:e,...t})=>(0,f.jsx)(x.Toaster,{id:wt,position:`top-center`,visibleToasts:4,closeButton:!1,expand:!1,icons:{loading:Et},offset:{top:16},className:T(`[&_[data-sonner-toast]]:univer-bg-white/95 dark:[&_[data-sonner-toast]]:!univer-bg-gray-800/95 [&_[data-sonner-toast]]:univer-rounded-2xl [&_[data-sonner-toast]]:univer-border [&_[data-sonner-toast]]:univer-border-solid [&_[data-sonner-toast]]:univer-border-gray-200 [&_[data-sonner-toast]]:univer-shadow-[0_16px_40px_-20px_rgba(15,23,42,0.55)] [&_[data-sonner-toast]]:univer-backdrop-blur-sm dark:[&_[data-sonner-toast]]:!univer-border-gray-600`,e),toastOptions:{duration:Tt,classNames:{toast:`
|
|
72
|
+
`,u&&!v&&`univer-pr-8`,y),placeholder:s,value:c,disabled:d,autoFocus:n,onClick:f,onKeyDown:p,onChange:w,onFocus:h,onBlur:_,style:{...b,paddingRight:E},...x}),T&&(0,i.jsxs)(`div`,{className:`univer-absolute univer-right-2 univer-flex univer-items-center univer-gap-1 univer-rounded-full`,ref:O,children:[v,u&&c&&!d&&(0,i.jsx)(`button`,{type:`button`,onClick:C,className:`univer-flex univer-size-4 univer-cursor-pointer univer-items-center univer-rounded-full univer-border-none univer-bg-transparent univer-p-1 univer-text-gray-400 univer-transition-colors univer-duration-200 hover:univer-text-gray-500 focus:univer-outline-none`,children:(0,i.jsx)(e.CloseIcon,{className:`univer-size-3`})})]})]})}),st=(0,t.forwardRef)(({value:e,defaultValue:n,size:r=`small`,min:a=-(2**53-1),max:o=2**53-1,step:s=1,precision:c,formatter:l,parser:u,controls:d=!0,className:f,inputClassName:p,controlsClassName:m,disabled:h,onChange:_,onKeyDown:v,onPressEnter:y,onFocus:b,onBlur:x,allowEmpty:S=!1},C)=>{let[w,T]=(0,t.useState)(e===void 0?n===void 0?null:n:e),E=(0,t.useRef)(w),[D,O]=(0,t.useState)(F(w)),k=(0,t.useRef)(null),A=(0,t.useRef)(null),N=(0,t.useRef)(null),P=e=>{C&&(typeof C==`function`?C(e):C.current=e),k.current=e};(0,t.useEffect)(()=>{e!==void 0&&e!==w&&(T(e),E.current=e,O(F(e)))},[e]),(0,t.useEffect)(()=>{w!==null&&(E.current=w)},[w]),(0,t.useEffect)(()=>()=>{A.current&&clearTimeout(A.current),N.current&&clearInterval(N.current)},[]);function F(e){if(e==null)return``;let t=e;return c!==void 0&&(t=Number(e).toFixed(c)),l?l(t):String(t)}function I(e){if(!e)return null;let t=e;u&&(t=u(e));try{let e=t.replace(/[^\d.-]/g,``).split(`.`),n=e[0],r=e.length>1?e.slice(1).join(``):``,i=n+(r?`.${r}`:``),s=Number(i);if(Number.isNaN(s))return null;let l;if(c!==void 0){let e=10**c,t=Math.round(s*e)/e;l=t.toString().includes(`e`)?Number.parseFloat(t.toFixed(c)):t}else l=s.toString().includes(`e`)?Number.parseFloat(s.toFixed(16).replace(/\.?0+$/,``)):s;return o!==void 0&&l>o&&(l=o),a!==void 0&&l<a&&(l=a),l}catch{return null}}function L(e){if(O(e),S&&e===``){T(null),_==null||_(null);return}let t=I(e);T(t),_==null||_(t)}function R(e){if(w===null){if(D===``&&S)_&&_(null);else{let e=E.current;T(e),O(F(e)),_&&_(e)}x==null||x(e);return}let t=w;o!==void 0&&t>o&&(t=o),a!==void 0&&t<a&&(t=a),t===w?O(F(w)):(T(t),O(F(t)),_==null||_(t)),x==null||x(e)}function z(e){if(h)return;let t=e?s:-s,n;n=w===null?E.current===null?a>0?a:0:E.current:w;let r=n+t;o!==void 0&&r>o&&(r=o),a!==void 0&&r<a&&(r=a),r!==n&&(T(r),E.current=r,O(F(r)),_==null||_(r))}function ee(e){h||(v==null||v(e),e.key===`ArrowUp`?(e.preventDefault(),z(!0)):e.key===`ArrowDown`?(e.preventDefault(),z(!1)):e.key===`Enter`&&(y==null||y(e)))}function B(e){var t;h||(z(e),(t=k.current)==null||t.focus())}let V=h||o!==void 0&&w!==null&&w>=o,H=h||a!==void 0&&w!==null&&w<=a;return(0,i.jsx)(`div`,{className:g(`univer-inline-block`,f),children:(0,i.jsxs)(`div`,{className:`univer-relative univer-w-full`,children:[(0,i.jsx)(ot,{ref:P,className:g(`univer-box-border`,p),size:r,value:D,disabled:h,onChange:L,onFocus:b,onBlur:R,onKeyDown:ee}),d&&(0,i.jsxs)(`div`,{className:g(`univer-absolute univer-right-px univer-top-px univer-flex univer-h-[calc(100%-2px)] univer-flex-col univer-overflow-hidden univer-rounded-r-md before:univer-absolute before:univer-top-1/2 before:univer-block before:univer-h-px before:univer-w-full before:-univer-translate-y-1/2 before:univer-bg-gray-200 before:univer-content-[""] rtl:univer-left-px rtl:univer-right-auto rtl:univer-rounded-l-md rtl:univer-rounded-r-none dark:before:!univer-bg-gray-600`,j,M,m),children:[(0,i.jsx)(`span`,{className:g(`univer-box-border univer-flex univer-h-1/2 univer-w-5 univer-cursor-pointer univer-items-center univer-justify-center univer-border-none univer-bg-transparent univer-p-0 univer-transition-colors hover:univer-bg-gray-100 dark:!univer-text-white dark:hover:!univer-bg-gray-600`,V&&`univer-cursor-not-allowed univer-opacity-60`),role:`button`,"aria-label":`increment`,"aria-disabled":V,tabIndex:-1,onMouseDown:e=>e.preventDefault(),onClick:()=>{V||B(!0)},children:`+`}),(0,i.jsx)(`span`,{className:g(`univer-box-border univer-flex univer-h-1/2 univer-w-5 univer-cursor-pointer univer-items-center univer-justify-center univer-border-none univer-bg-transparent univer-p-0 univer-transition-colors hover:univer-bg-gray-100 dark:!univer-text-white dark:hover:!univer-bg-gray-600`,H&&`univer-cursor-not-allowed univer-opacity-60`),role:`button`,"aria-label":`decrement`,"aria-disabled":H,tabIndex:-1,onMouseDown:e=>e.preventDefault(),onClick:()=>{H||B(!1)},children:`-`})]})]})})});function ct({items:e,value:n,defaultValue:r,onChange:a,className:o=``}){let[s,c]=(0,t.useState)(n===void 0?r||e[0].value:n),[l,u]=(0,t.useState)({}),d=(0,t.useRef)(new Map),f=(0,t.useRef)(null);(0,t.useEffect)(()=>{n!==void 0&&n!==s&&c(n)},[n]);let p=(e,t)=>{let n=d.current.get(e),r=t?d.current.get(t):null;if(n&&f.current){let e=f.current.getBoundingClientRect(),t=n.getBoundingClientRect(),i=t.left-e.left-4;if(r){let n=r.getBoundingClientRect().left-e.left-4;u({"--slide-from":`${n}px`,"--slide-to":`${i}px`,width:`${t.width}px`,transform:`translateX(${i}px)`})}else u({width:`${t.width}px`,transform:`translateX(${i}px)`})}};(0,t.useEffect)(()=>{p(s)},[s]);let m=e=>{let t=s;c(e),a==null||a(e),p(e,t)};return(0,i.jsxs)(`div`,{"data-u-comp":`segmented`,ref:f,className:g(`univer-relative univer-box-border univer-flex univer-gap-4 univer-rounded-lg univer-bg-gray-100 univer-p-1 dark:!univer-bg-gray-800`,o),children:[(0,i.jsx)(`div`,{className:`univer-animate-univer-slide univer-absolute univer-h-6 univer-rounded-md univer-bg-white univer-shadow-sm univer-transition-all univer-duration-200 dark:!univer-bg-gray-700 dark:!univer-text-gray-400`,style:l}),e.map(e=>(0,i.jsx)(`button`,{ref:t=>{t&&d.current.set(e.value,t)},className:g(`univer-relative univer-box-border univer-flex-1 univer-cursor-pointer univer-border-none univer-bg-transparent univer-px-3 univer-py-1 univer-text-xs univer-font-medium univer-transition-colors`,{"univer-text-gray-900 dark:!univer-text-white":s===e.value,"univer-text-gray-500 hover:univer-text-gray-900 dark:hover:!univer-text-white":s!==e.value}),type:`button`,onClick:()=>m(e.value),children:e.label},String(e.value)))]})}function lt(e){let{children:n,className:r,asChild:a=!0,title:o,placement:s=`bottom`,showIfEllipsis:c=!1,visible:u,onVisibleChange:d}=e,[f,p]=(0,t.useState)(!1),m=u!==void 0,h=m?u:f,_=(0,t.useRef)(null),v=(0,t.useRef)(null),y=(0,t.useRef)(null),[b,x]=(0,t.useState)(null),[S,C]=(0,t.useState)(s);function w(e){return Math.abs(e.scrollWidth-e.clientWidth)>1}function T(){m?d==null||d(!0):p(!0)}function E(){m?d==null||d(!1):p(!1)}(0,t.useLayoutEffect)(()=>{if(!h)return;let e=_.current,t=v.current;if(!e||!t)return;let n=e.getBoundingClientRect(),r=t.getBoundingClientRect(),i=window.innerWidth,a=window.innerHeight,o=[s,`bottom`,`top`,`right`,`left`],c=s,l=0,u=0,d=e=>{let t=0,i=0;return e===`bottom`?(t=n.bottom+8,i=n.left+n.width/2-r.width/2):e===`top`?(t=n.top-r.height-8,i=n.left+n.width/2-r.width/2):e===`left`?(t=n.top+n.height/2-r.height/2,i=n.left-r.width-8):(t=n.top+n.height/2-r.height/2,i=n.right+8),{t,l:i}};for(let e of o){let{t,l:n}=d(e),o=n>=0&&n+r.width<=i,s=t>=0&&t+r.height<=a;if(o&&s){c=e,l=t,u=n;break}}if(!l&&!u){let e=d(s);l=Math.min(Math.max(0,e.t),a-r.height),u=Math.min(Math.max(0,e.l),i-r.width)}C(c),x({top:Math.round(l+window.scrollY),left:Math.round(u+window.scrollX)})},[h,s]),(0,t.useEffect)(()=>{if(!h)return;let e=()=>{if(!_.current||!v.current)return;let e=_.current.getBoundingClientRect(),t=v.current.getBoundingClientRect(),n=0,r=0;S===`bottom`?(n=e.bottom+8,r=e.left+e.width/2-t.width/2):S===`top`?(n=e.top-t.height-8,r=e.left+e.width/2-t.width/2):S===`left`?(n=e.top+e.height/2-t.height/2,r=e.left-t.width-8):(n=e.top+e.height/2-t.height/2,r=e.right+8),x({top:Math.round(n+window.scrollY),left:Math.round(r+window.scrollX)})};return window.addEventListener(`scroll`,e,!0),window.addEventListener(`resize`,e),()=>{window.removeEventListener(`scroll`,e,!0),window.removeEventListener(`resize`,e)}},[h,S]);let D={ref:e=>_.current=e,onMouseEnter:()=>{c&&_.current&&!w(_.current)||T()},onMouseLeave:()=>E(),onFocus:()=>T(),onBlur:()=>E()},O=a?(0,i.jsx)(`span`,{...D,className:`univer-inline-block univer-max-w-full univer-truncate`,children:n}):(0,i.jsx)(`button`,{type:`button`,...D,children:n}),k=null;if(typeof document<`u`&&h&&o&&document.body){var A,j;k=(0,l.createPortal)((0,i.jsxs)(`div`,{ref:v,role:`tooltip`,className:g(`univer-animate-in univer-fade-in-0 univer-zoom-in-95 univer-pointer-events-auto univer-absolute univer-z-[1081] univer-box-border univer-w-fit univer-max-w-sm univer-text-balance univer-rounded-lg univer-bg-gray-700 univer-px-2.5 univer-py-2 univer-text-xs univer-font-medium univer-text-white univer-shadow-lg univer-drop-shadow-sm dark:!univer-bg-gray-100 dark:!univer-text-gray-900`,r),style:{top:(A=b==null?void 0:b.top)==null?-9999:A,left:(j=b==null?void 0:b.left)==null?-9999:j},onMouseEnter:()=>T(),onMouseLeave:()=>E(),children:[(0,i.jsx)(`div`,{className:`univer-break-words`,children:o}),(0,i.jsx)(`div`,{ref:y,className:`univer-absolute univer-size-2.5 univer-rotate-45 univer-rounded-sm univer-bg-gray-700 dark:!univer-bg-gray-100`,style:{...S===`bottom`&&{top:-5,left:`50%`,transform:`translateX(-50%) rotate(45deg)`},...S===`top`&&{bottom:-5,left:`50%`,transform:`translateX(-50%) rotate(45deg)`},...S===`left`&&{right:-5,top:`50%`,transform:`translateY(-50%) rotate(45deg)`},...S===`right`&&{left:-5,top:`50%`,transform:`translateY(-50%) rotate(45deg)`}}})]}),document.body)}return(0,i.jsxs)(i.Fragment,{children:[O,k]})}const ut={type:`linear`,stops:[{color:`#ffffff`,offset:0},{color:`#000000`,offset:100}],angle:90};function dt(n){var r,a;let{className:o,value:s=ut,onChange:c}=n,{locale:l}=(0,t.useContext)(T),[u,d]=(0,t.useState)(0),f=(0,t.useRef)(null),p=(0,t.useMemo)(()=>[...s.stops].sort((e,t)=>e.offset-t.offset),[s.stops]),m=e=>{c==null||c({...s,type:e})},h=e=>{c==null||c({...s,angle:e==null?0:e})},_=e=>{let t=[...s.stops];t[u]={...t[u],color:e},c==null||c({...s,stops:t})},v=e=>{if(e===null)return;let t=[...s.stops];t[u]={...t[u],offset:e},c==null||c({...s,stops:t})},y=e=>{if(!f.current)return;let t=f.current.getBoundingClientRect(),n=Math.round((e.clientX-t.left)/t.width*100),r={color:([...p].reverse().find(e=>e.offset<=n)||p[0]).color,offset:n},i=[...s.stops,r];c==null||c({...s,stops:i}),d(i.length-1)},b=()=>{if(s.stops.length<=2)return;let e=s.stops.filter((e,t)=>t!==u);c==null||c({...s,stops:e}),d(0)},x=(0,t.useMemo)(()=>`linear-gradient(to right, ${p.map(e=>`${e.color} ${e.offset}%`).join(`, `)})`,[p]),C=(0,t.useMemo)(()=>{let e=p.map(e=>`${e.color} ${e.offset}%`).join(`, `);switch(s.type){case`linear`:return`linear-gradient(${s.angle}deg, ${e})`;case`radial`:return`radial-gradient(circle, ${e})`;case`angular`:return`conic-gradient(from ${s.angle}deg, ${e})`;case`diamond`:return`radial-gradient(circle, ${e})`;default:return`linear-gradient(${s.angle}deg, ${e})`}},[s,p]);return(0,i.jsxs)(`div`,{className:g(`univer-flex univer-w-64 univer-flex-col univer-gap-4 univer-rounded-lg univer-bg-white univer-p-4 univer-shadow-lg dark:!univer-bg-gray-800`,o),children:[(0,i.jsx)(ct,{items:[{label:l==null?void 0:l.GradientColorPicker.linear,value:`linear`},{label:l==null?void 0:l.GradientColorPicker.radial,value:`radial`},{label:l==null?void 0:l.GradientColorPicker.angular,value:`angular`},{label:l==null?void 0:l.GradientColorPicker.diamond,value:`diamond`}],value:s.type,onChange:e=>m(e)}),(0,i.jsx)(`div`,{className:`univer-h-32 univer-w-full univer-rounded-md univer-border univer-border-gray-200 dark:!univer-border-gray-600`,style:{background:C}}),(0,i.jsxs)(`div`,{className:`univer-relative univer-mt-4 univer-h-6`,children:[(0,i.jsx)(`div`,{ref:f,className:`univer-absolute univer-inset-x-0 univer-top-1/2 univer-h-2 -univer-translate-y-1/2 univer-cursor-crosshair univer-rounded-full`,style:{background:x},onClick:y}),s.stops.map((e,t)=>(0,i.jsx)(`div`,{className:g(`univer-absolute univer-top-1/2 univer-size-4 -univer-translate-x-1/2 -univer-translate-y-1/2 univer-cursor-pointer univer-rounded-full univer-border-2 univer-border-white univer-shadow-md`,u===t?`univer-z-10 univer-ring-2 univer-ring-primary-500`:`univer-z-0`),style:{left:`${e.offset}%`,backgroundColor:e.color},onClick:e=>{e.stopPropagation(),d(t)},onPointerDown:n=>{let r=n.clientX,i=e.offset,a=e=>{if(!f.current)return;let n=f.current.getBoundingClientRect(),a=(e.clientX-r)/n.width*100,o=Math.max(0,Math.min(100,Math.round(i+a))),l=[...s.stops];l[t]={...l[t],offset:o},c==null||c({...s,stops:l})},o=()=>{window.removeEventListener(`pointermove`,a),window.removeEventListener(`pointerup`,o)};window.addEventListener(`pointermove`,a),window.addEventListener(`pointerup`,o)}},t))]}),(0,i.jsxs)(`div`,{className:`univer-flex univer-items-end univer-gap-2`,children:[(0,i.jsxs)(`div`,{className:`univer-flex-1`,children:[(0,i.jsx)(`div`,{className:`univer-mb-1 univer-text-xs univer-text-gray-500`,children:l==null?void 0:l.GradientColorPicker.offset}),(0,i.jsx)(st,{value:(r=s.stops[u])==null?void 0:r.offset,min:0,max:100,onChange:v})]}),(s.type===`linear`||s.type===`angular`)&&(0,i.jsxs)(`div`,{className:`univer-flex-1`,children:[(0,i.jsx)(`div`,{className:`univer-mb-1 univer-text-xs univer-text-gray-500`,children:l==null?void 0:l.GradientColorPicker.angle}),(0,i.jsx)(st,{value:s.angle,min:0,max:360,onChange:h})]}),(0,i.jsx)(`div`,{className:`univer-flex univer-gap-1`,children:(0,i.jsx)(lt,{title:l==null?void 0:l.GradientColorPicker.delete,children:(0,i.jsx)(S,{variant:`danger`,onClick:b,disabled:s.stops.length<=2,children:(0,i.jsx)(e.DeleteIcon,{})})})})]}),(0,i.jsx)(`div`,{className:`univer-border-t univer-border-gray-100 univer-pt-4 dark:!univer-border-gray-700`,children:(0,i.jsx)(ke,{value:(a=s.stops[u])==null?void 0:a.color,onChange:_})})]})}const ft=d.Root,pt=d.Portal,mt=d.Trigger,ht=(0,t.forwardRef)(({className:e,align:t=`center`,sideOffset:n=4,...r},a)=>(0,i.jsx)(d.Content,{ref:a,align:t,sideOffset:n,className:g(`data-[state=open]:univer-animate-in data-[state=open]:univer-fade-in-0 data-[state=open]:univer-zoom-in-95 data-[state=closed]:univer-animate-out data-[state=closed]:univer-fade-out-0 data-[state=closed]:univer-zoom-out-95 data-[side=bottom]:univer-slide-in-from-top-2 data-[side=left]:univer-slide-in-from-right-2 data-[side=right]:univer-slide-in-from-left-2 data-[side=top]:univer-slide-in-from-bottom-2 univer-z-[1080] univer-w-64 univer-origin-[--radix-hover-card-content-transform-origin] univer-rounded-md univer-bg-white univer-text-gray-900 univer-shadow-md univer-outline-none dark:!univer-bg-gray-900 dark:!univer-text-white`,k,e),...r}));ht.displayName=d.Content.displayName;function gt(e){let{children:n,overlay:r,disabled:a,openDelay:o=200,open:s,onOpenChange:c,...l}=e,[u,d]=(0,t.useState)(!1),f=s!==void 0,p=f?s:u;function m(e){a||(f||d(e),c==null||c(e))}return(0,i.jsxs)(ft,{open:p,onOpenChange:m,openDelay:o,children:[(0,i.jsx)(mt,{asChild:!0,children:n}),(0,i.jsx)(pt,{children:(0,i.jsx)(ht,{...l,children:r})})]})}function _t(e){let{keyboard:t,className:n}=e,r=t.split(`+`);return(0,i.jsx)(`span`,{className:g(`univer-inline-block univer-h-6 univer-select-none univer-whitespace-nowrap univer-rounded-md univer-bg-gray-50 univer-px-2 univer-font-mono univer-text-xs/6 univer-font-medium univer-text-gray-700 dark:!univer-bg-gray-700 dark:!univer-text-white`,k,n),children:r.map((e,t)=>(0,i.jsxs)(i.Fragment,{children:[(0,i.jsx)(`kbd`,{className:`univer-inline-block univer-h-full`,children:e}),t<r.length-1&&(0,i.jsx)(`span`,{className:`univer-inline-block univer-h-full univer-px-1`,children:`+`})]},t))})}let J=function(e){return e.Success=`success`,e.Info=`info`,e.Warning=`warning`,e.Error=`error`,e.Loading=`loading`,e}({});const vt=`univer-message-toaster`,yt=3e3,Y=new Set,bt=(0,i.jsx)(e.LoadingMultiIcon,{className:`univer-animate-spin univer-text-violet-500`});let xt=0;const St={[J.Success]:(0,i.jsx)(e.SuccessIcon,{className:`univer-text-green-500`}),[J.Info]:(0,i.jsx)(e.InfoIcon,{className:`univer-text-sky-500 dark:!univer-text-sky-400`}),[J.Warning]:(0,i.jsx)(e.WarningIcon,{className:`univer-text-amber-500`}),[J.Error]:(0,i.jsx)(e.ErrorIcon,{className:`univer-text-red-500`}),[J.Loading]:bt},X={[J.Success]:`[&_[data-icon]]:univer-text-green-500`,[J.Info]:`[&_[data-icon]]:univer-text-sky-500`,[J.Warning]:`[&_[data-icon]]:univer-text-amber-500`,[J.Error]:`[&_[data-icon]]:univer-text-red-500`,[J.Loading]:`[&_[data-icon]]:univer-text-violet-500`},Ct=e=>{switch(e){case J.Success:return f.toast.success;case J.Warning:return f.toast.warning;case J.Error:return f.toast.error;case J.Loading:return f.toast.loading;case J.Info:default:return f.toast.info}},wt=()=>{let e=`univer-message-${xt}`;return xt+=1,e},Tt=({className:e,...t})=>(0,i.jsx)(f.Toaster,{id:vt,position:`top-center`,visibleToasts:4,closeButton:!1,expand:!1,icons:{loading:bt},offset:{top:16},className:g(`[&_[data-sonner-toast]]:univer-bg-white/95 dark:[&_[data-sonner-toast]]:!univer-bg-gray-800/95 [&_[data-sonner-toast]]:univer-rounded-2xl [&_[data-sonner-toast]]:univer-border [&_[data-sonner-toast]]:univer-border-solid [&_[data-sonner-toast]]:univer-border-gray-200 [&_[data-sonner-toast]]:univer-shadow-[0_16px_40px_-20px_rgba(15,23,42,0.55)] [&_[data-sonner-toast]]:univer-backdrop-blur-sm dark:[&_[data-sonner-toast]]:!univer-border-gray-600`,e),toastOptions:{duration:yt,classNames:{toast:`
|
|
73
73
|
univer-group univer-min-h-0 univer-min-w-[320px] univer-max-w-[520px] univer-px-3.5 univer-py-3
|
|
74
74
|
univer-font-sans univer-transition-all univer-duration-300
|
|
75
75
|
`,title:`
|
|
76
76
|
univer-m-0 univer-font-sans univer-text-sm univer-font-medium univer-leading-5 univer-text-gray-700
|
|
77
77
|
dark:!univer-text-gray-100
|
|
78
|
-
`,content:`univer-gap-2.5`,icon:`[&>svg]:univer-block [&>svg]:univer-size-4`,success:X[J.Success],info:X[J.Info],warning:X[J.Warning],error:X[J.Error],loading:X[J.Loading]}},...t}),Mt=({content:e,duration:t,id:n,onClose:r,type:i=J.Info})=>{let a=n==null?At():n,o=kt(i),s=!1,c=()=>{s||(s=!0,Y.delete(a),r==null||r())};return o(e,{id:a,toasterId:wt,duration:t==null?Tt:t,icon:i===J.Loading?void 0:Ot[i],onDismiss:c,onAutoClose:c}),Y.add(a),a},Nt=e=>{if(e!==void 0){x.toast.dismiss(e),Y.delete(e);return}Y.forEach(e=>{x.toast.dismiss(e)}),Y.clear()},Pt=[-9999,-9999];function Ft(e){let{children:t,visible:n=!1,offset:r=[0,0],overflowVisible:i=!1,placementY:a=`below`}=e,o=(0,l.useRef)(null),[s,c]=(0,l.useState)(Pt),{mountContainer:u}=(0,l.useContext)(P),d=()=>{let e=o.current;if(!e)return null;let[t,n]=r,{clientWidth:i,clientHeight:s}=e,{innerWidth:c,innerHeight:l}=window,u=Math.max(0,c-i-2),d=Math.max(0,l-s-2),f=Math.min(Math.max(t,0),u),p=a===`above`?n-s:n;return[f,Math.min(Math.max(p,0),d)]};(0,l.useLayoutEffect)(()=>{if(!n){c(Pt);return}let e=d();e&&c(e)},[r,a,n]),(0,l.useEffect)(()=>{if(!n)return;let e=()=>{let e=d();e&&c(e)};return window.addEventListener(`resize`,e),()=>{window.removeEventListener(`resize`,e)}},[r,a,n]);function p(e){e.preventDefault()}return(0,v.createPortal)((0,f.jsx)(S.CSSTransition,{in:n,nodeRef:o,timeout:500,classNames:{enter:`univer-popup-enter`,enterActive:`univer-popup-enter-active`,enterDone:`univer-popup-enter-done`,exitActive:`univer-popup-exit`,exitDone:`univer-popup-exit-active`},children:(0,f.jsx)(`section`,{ref:o,className:`univer-popup`,style:{left:s[0]+2,top:s[1]+2,overflow:i?`visible`:void 0},onContextMenu:p,children:t})}),u)}function It(e){let{children:t,className:n,style:r,value:i,disabled:a=!1,direction:o=`horizontal`,onChange:s}=e,c=e=>{s(e)};return(0,f.jsx)(`div`,{className:T(`univer-flex univer-gap-2`,{"univer-flex-col":o===`vertical`},n),style:r,children:l.Children.map(t,(e,t)=>(0,l.isValidElement)(e)?(0,l.cloneElement)(e,{key:t,children:e.props.children,value:e.props.value,checked:i===e.props.value,disabled:a==null?e.props.disabled:a,onChange:c}):e)})}function Lt(e){let{children:t,checked:n,value:r,disabled:i=!1,onChange:a}=e,o=(0,l.useRef)(null);function s(e){if(e.stopPropagation(),!(!a||i))if(r!==void 0)a&&a(r);else{let e=o.current.checked;a&&a(e)}}return(0,f.jsxs)(`label`,{"data-u-comp":`radio`,className:T(`univer-box-border univer-inline-flex univer-items-center univer-gap-2 univer-text-sm`,{"univer-cursor-pointer univer-text-gray-900 dark:!univer-text-white":!i,"univer-text-gray-400":i}),children:[(0,f.jsxs)(`span`,{className:`univer-relative univer-block`,children:[(0,f.jsx)(`input`,{ref:o,className:`univer-absolute univer-size-0 univer-opacity-0`,type:`radio`,checked:n,disabled:i,onChange:s}),(0,f.jsx)(`span`,{className:T(`univer-relative univer-box-border univer-flex univer-size-4 univer-items-center univer-justify-center univer-overflow-hidden univer-rounded-full univer-border univer-border-solid univer-transition-colors`,{"univer-opacity-50":i,"univer-border-primary-600 univer-bg-primary-600 dark:!univer-bg-primary-600":n,"univer-border-gray-300 univer-bg-gray-50 dark:!univer-border-gray-500 dark:!univer-bg-gray-600":!n}),children:n&&(0,f.jsx)(`span`,{className:`univer-absolute univer-left-1/2 univer-top-1/2 univer-block univer-size-2 -univer-translate-x-1/2 -univer-translate-y-1/2 univer-rounded-full univer-bg-white`})})]}),(0,f.jsx)(`span`,{children:t})]})}function Rt(e){let{value:t,options:n=[],hideCheckMark:r=!1,onChange:i,multiple:a,className:o,optionClassName:s}=e,l=Array.isArray(t)?t:[t];function u(e){let t=l.indexOf(e);i(a?t>-1?l.filter(t=>t===e):[...l,e]:t>-1?void 0:e)}return(0,f.jsx)(`ul`,{className:T(`univer-m-0 univer-grid univer-max-h-80 univer-list-none univer-gap-1 univer-overflow-y-auto univer-rounded univer-p-1.5`,R,I,o),children:n.map((e,t)=>{let n=l.indexOf(e.value)>-1;return(0,f.jsx)(`li`,{children:(0,f.jsxs)(`a`,{className:T(`univer-relative univer-block univer-cursor-pointer univer-select-none univer-rounded univer-py-1.5 univer-pl-8 univer-pr-2 univer-text-sm univer-text-gray-900 univer-transition-colors hover:univer-bg-gray-100 dark:!univer-text-white dark:hover:!univer-bg-gray-600`,s,{"univer-bg-gray-200 dark:!univer-bg-gray-500":n}),onClick:()=>u(e.value),children:[!r&&n&&(0,f.jsx)(c.CheckMarkIcon,{className:`univer-absolute univer-left-0 univer-top-1/2 -univer-translate-y-1/2 univer-pl-2 univer-text-primary-600`}),(0,f.jsx)(`span`,{style:{color:e.color},children:e.label})]})},t)})})}const zt=T(`univer-box-border univer-inline-flex univer-h-8 univer-min-w-36 univer-items-center univer-justify-between univer-gap-2 univer-rounded-lg univer-bg-white univer-px-2.5 univer-transition-colors univer-duration-200 dark:!univer-bg-gray-700 dark:!univer-text-white`,R);function Bt(e){let{className:t,value:n,disabled:r=!1,options:i=[],borderless:a=!1,onChange:o}=e,[s,u]=(0,l.useState)(!1);function d(e){u(e)}let p=(0,l.useMemo)(()=>{let e=[];for(let t of i)t.options?(t.options.forEach(t=>{e.push({label:t.label,value:t.value,disabled:t.disabled})}),e.push({type:`separator`})):e.push({label:t.label,value:t.value,disabled:t.disabled});return[{type:`radio`,value:n,hideIndicator:!0,options:e,onSelect:e=>{o(e)}}]},[i]),m=(0,l.useMemo)(()=>{let e=null;for(let t of i)if(t.options){for(let r of t.options)if(r.value===n){e=r.label;break}}else if(t.value===n){e=t.label;break}return e||n},[i,n]);return(0,f.jsx)(it,{className:`max-h univer-w-[--radix-popper-anchor-width] univer-min-w-36`,align:`start`,open:s,items:p,disabled:r,onOpenChange:d,children:(0,f.jsxs)(`div`,{"data-u-comp":`select`,className:T(zt,{"univer-border-primary-600 univer-outline-none univer-ring-2 univer-ring-primary-50 dark:!univer-ring-primary-900":s&&!a,"univer-border-transparent univer-bg-transparent hover:univer-border-transparent":a,"univer-cursor-not-allowed":r,"hover:univer-border-primary-600":!r&&!a,"univer-cursor-pointer":!r&&!s},t),children:[(0,f.jsx)(`div`,{className:`univer-flex-1 univer-truncate univer-text-sm univer-text-gray-500 dark:!univer-text-white`,children:m}),(0,f.jsx)(c.MoreDownIcon,{className:`univer-flex-shrink-0 dark:!univer-text-white`})]})})}function Vt(e){let{className:t,value:n=[],disabled:r=!1,options:i=[],borderless:a=!1,onChange:o}=e,[s,u]=(0,l.useState)(!1);function d(e){u(e)}let p=(0,l.useMemo)(()=>i.map(e=>({type:`checkbox`,value:e.value,label:e.label,disabled:e.disabled,checked:n.includes(e.value),onSelect:e=>{o(n.includes(e)?n.filter(t=>t!==e):[...n,e])}})),[i]);function m(e){o(n.filter(t=>t!==e))}let h=(0,l.useMemo)(()=>i.filter(e=>n.includes(e.value)).map((e,t)=>(0,f.jsx)(k,{className:`univer-max-w-32`,closable:!0,onClose:()=>m(e.value),children:e.label},t)),[i,n]);return(0,f.jsx)(it,{className:`univer-w-[--radix-popper-anchor-width] univer-min-w-36`,align:`start`,open:s,items:p,disabled:r,onOpenChange:d,children:(0,f.jsxs)(`div`,{"data-u-comp":`multiple-select`,className:T(zt,{"univer-border-primary-600 univer-outline-none univer-ring-2 univer-ring-primary-50 dark:!univer-ring-primary-900":s&&!a,"univer-border-transparent univer-bg-transparent hover:univer-border-transparent":a,"univer-cursor-not-allowed":r,"hover:univer-border-primary-600":!r&&!a,"univer-cursor-pointer":!r&&!s},t),children:[(0,f.jsx)(`div`,{className:`univer-box-border univer-flex univer-w-[calc(100%-16px)] univer-gap-2 univer-pr-2`,children:h}),(0,f.jsx)(c.MoreDownIcon,{className:`univer-flex-shrink-0 dark:!univer-text-white`})]})})}function Ht({className:e,orientation:t=`horizontal`,decorative:n=!0,...r}){return(0,f.jsx)(C.Root,{"data-u-comp":`separator`,"data-slot":`separator-root`,decorative:n,orientation:t,className:T(`univer-shrink-0 univer-bg-gray-200 data-[orientation=horizontal]:univer-h-px data-[orientation=vertical]:univer-h-full data-[orientation=horizontal]:univer-w-full data-[orientation=vertical]:univer-w-px dark:!univer-bg-gray-600`,e),...r})}const Ut=e=>{let{defaultChecked:t=!1,onChange:n}=e,[r,i]=(0,l.useState)(t);return(0,l.useEffect)(()=>{i(t)},[t]),(0,f.jsx)(`div`,{className:`univer-h-4`,children:(0,f.jsxs)(`label`,{className:`univer-relative univer-inline-block univer-h-4 univer-w-7`,children:[(0,f.jsx)(`input`,{className:`univer-size-0 univer-opacity-0`,type:`checkbox`,checked:r,onChange:()=>{i(!r),n==null||n(!r)}}),(0,f.jsx)(`span`,{className:T(`univer-absolute univer-inset-0 univer-cursor-pointer univer-rounded-2xl univer-transition-colors univer-duration-200`,{"univer-bg-primary-600":r,"univer-bg-gray-200 dark:!univer-bg-gray-600":!r}),children:(0,f.jsx)(`span`,{className:T(`univer-absolute univer-bottom-0.5 univer-left-0.5 univer-size-3 univer-rounded-full univer-bg-white univer-transition-transform univer-duration-200`,{"univer-translate-x-3":r})})})]})})},Wt=(0,l.forwardRef)((e,t)=>{let n=(0,l.useRef)(null),r=(0,l.useRef)({width:0,height:0}),{className:i,onResize:a,onValueChange:o,...s}=e;(0,l.useImperativeHandle)(t,()=>n.current,[]),(0,l.useLayoutEffect)(()=>{let e=n.current;if(e&&a){let t=new ResizeObserver(e=>{let{width:t,height:n}=e[0].target.getBoundingClientRect();t===0||n===0||(r.current.width!==t||r.current.height!==n)&&(r.current={width:t,height:n},a(t,n))});return t.observe(e),()=>{t.unobserve(e),t.disconnect()}}},[a]);function c(e){let t=e.target.value;o==null||o(t)}return(0,f.jsx)(`textarea`,{ref:n,"data-u-comp":`textarea`,"data-slot":`textarea`,className:T(`univer-box-border univer-flex univer-w-full univer-resize univer-rounded-md univer-bg-transparent univer-p-2 univer-text-base univer-text-gray-900 univer-outline-none univer-transition-[color,box-shadow] placeholder:univer-text-gray-200 disabled:univer-cursor-not-allowed disabled:univer-opacity-50 dark:!univer-text-white`,R,I,i),onChange:c,...s})});function Gt({visibleToasts:e,...t}){return(0,f.jsx)(x.Toaster,{className:`dark:![&_[data-description]]:univer-text-gray-200 [&_[data-description]]:univer-text-sm [&_[data-description]]:univer-text-gray-600 [&_[data-icon]>svg]:univer-relative [&_[data-icon]>svg]:univer-top-1 [&_[data-icon]]:univer-self-baseline [&_[data-sonner-toast]]:univer-shadow-md [&_[data-title]]:univer-text-sm [&_[data-title]]:univer-text-gray-900`,toastOptions:{classNames:{content:`univer-leading-normal`,success:`[&_[data-icon]]:univer-text-green-500`,info:`[&_[data-icon]]:univer-text-primary-600`,error:`[&_[data-icon]]:univer-text-red-500`,warning:`[&_[data-icon]]:univer-text-yellow-500`}},visibleToasts:e==null?5:e,...t})}function Kt(e){let{data:t,itemKey:n,children:r,height:i,itemHeight:a,overscan:o=2,className:s,style:c}=e,[u,d]=(0,l.useState)(0);if(!i||!a||a<=0)return(0,f.jsx)(`div`,{className:s,style:c,children:t.map((e,t)=>{let i=typeof n==`function`?n(e):e[n];return(0,f.jsx)(`div`,{children:r(e,t)},i)})});let p=Math.max(0,Math.floor(u/a)-o),m=Math.ceil(i/a)+o*2,h=Math.min(t.length,p+m),g=p*a,_=t.length*a,v=t.slice(p,h);return(0,f.jsx)(`div`,{className:s,style:{...c,height:i,overflowY:`auto`},onScroll:e=>d(e.currentTarget.scrollTop),children:(0,f.jsx)(`div`,{style:{height:_,position:`relative`},children:(0,f.jsx)(`div`,{style:{transform:`translateY(${g}px)`},children:v.map((e,t)=>{let i=typeof n==`function`?n(e):e[n];return(0,f.jsx)(`div`,{children:r(e,p+t)},i)})})})})}const qt=(e,t)=>{let n=[],r=e=>{var i;if(n.push(e.key),t===e.key||(i=e.children)!=null&&i.length&&e.children.some(r))return!0;n.pop()};return e.some(r),n},Jt=(e,t)=>{let n=t==null?new Map:t,r=e;return{findNodePathFromTreeWithCache:e=>{let t=n.get(e);if(t)return t;let i=qt(r,e);return i.map((e,t,n)=>{let r=[];for(let e=0;e<=t;e++)r.push(n[e]);return r}).reverse().forEach(e=>{let t=e[e.length-1];n.set(t,e)}),i},reset:e=>{n.clear(),e&&(r=e)}}},Z=(e,t)=>t.length?t.reduce((e,t)=>{let n=e.find(e=>e.key===t);return(n==null?void 0:n.children)||[]},e):e,Yt=(e,t)=>{let n=t.slice(0),r=n.pop();return Z(e,n).find(e=>e.key===r)},Xt=(e,t,n)=>{let r=new Set(t),i=n[n.length-1],a=Z(e,n);if(r.has(i)){if(a.length){let e=t=>{r.delete(t.key),t.children&&t.children.forEach(t=>e(t))};a.forEach(e)}n.map((e,t,n)=>{let r=[];for(let e=0;e<=t;e++)r.push(n[e]);return r}).reverse().some(t=>{let n=Z(e,t),i=t[t.length-1];if(n.every(e=>!r.has(e.key)))r.delete(i);else return!0;return!1})}else{let e=t=>{r.add(t.key),t.children&&t.children.forEach(t=>e(t))};n.forEach(e=>r.add(e)),a.length&&a.forEach(e)}return[...r]},Zt=(e,t)=>{let n=t.children||[],r=t=>{var n;return(n=t.children)!=null&&n.length?!!t.children.every(r):e.has(t.key)};return n.length?n.some(e=>!r(e)):!1},Qt=(e,t)=>{let n=[],r=Jt(e);return t.forEach(t=>{let i=Yt(e,r.findNodePathFromTreeWithCache(t));if(i){var a;(a=i.children)!=null&&a.length||n.push(i)}}),n};let $t=function(e){return e[e.ONLY_LEAF_NODE=0]=`ONLY_LEAF_NODE`,e[e.ALL=1]=`ALL`,e}({});function en(e,t,n=1){let r=[];return e.forEach(e=>{r.push({...e,level:n}),e.children&&t.has(e.key)&&r.push(...en(e.children,t,n+1))}),r}function tn(e){let{data:t=[],defaultCache:n,style:r,defaultExpandAll:i=!1,selectionMode:a=$t.ALL,valueGroup:o=[],onChange:s,onExpend:u,height:d=200,itemHeight:p=32,attachRender:m}=e,[h,g]=(0,l.useState)({}),_=(0,l.useMemo)(()=>new Set,[]),v=(0,l.useMemo)(()=>Jt(t,n),[t,n]),y=(0,l.useMemo)(()=>{let e=new Set;return o.forEach(t=>{v.findNodePathFromTreeWithCache(t).forEach(t=>e.add(t))}),e},[o,v]);(0,l.useEffect)(()=>{function e(t){var n;_.add(t.key),(n=t.children)==null||n.forEach(e)}i&&t.forEach(e),g({})},[i,t]);let b=(0,l.useMemo)(()=>en(t,_),[t,h,_]);function x(e){var t;(t=e.children)!=null&&t.length&&(_.has(e.key)?_.delete(e.key):_.add(e.key),g({})),!(a===$t.ONLY_LEAF_NODE&&e.children)&&(u==null||u(e.key))}function S(t){let{title:n,key:r,level:i=0}=t,a=e.treeNodeClassName,o=_.has(r),l=y.has(r),u=Zt(y,t);return(0,f.jsx)(`div`,{className:T(`univer-relative univer-text-[13px]`,a),style:{paddingLeft:`${i*20}px`},children:(0,f.jsxs)(`div`,{className:`univer-relative univer-my-1 univer-flex univer-w-full univer-items-center`,children:[t.children&&t.children.length>0&&(0,f.jsx)(`span`,{className:T(`univer-absolute univer-left-[-16px] univer-top-1/2 univer-flex univer--translate-y-1/2 univer-items-center univer-justify-center univer-text-[8px]`,{"univer-rotate-[-90deg]":!o}),onClick:e=>{e.stopPropagation(),x(t)},children:(0,f.jsx)(c.DropdownIcon,{})}),(0,f.jsx)(ce,{checked:l&&!u,indeterminate:l&&u,onChange:()=>{s==null||s(t)}}),(0,f.jsx)(`div`,{className:`
|
|
78
|
+
`,content:`univer-gap-2.5`,icon:`[&>svg]:univer-block [&>svg]:univer-size-4`,success:X[J.Success],info:X[J.Info],warning:X[J.Warning],error:X[J.Error],loading:X[J.Loading]}},...t}),Et=({content:e,duration:t,id:n,onClose:r,type:i=J.Info})=>{let a=n==null?wt():n,o=Ct(i),s=!1,c=()=>{s||(s=!0,Y.delete(a),r==null||r())};return o(e,{id:a,toasterId:vt,duration:t==null?yt:t,icon:i===J.Loading?void 0:St[i],onDismiss:c,onAutoClose:c}),Y.add(a),a},Dt=e=>{if(e!==void 0){f.toast.dismiss(e),Y.delete(e);return}Y.forEach(e=>{f.toast.dismiss(e)}),Y.clear()},Ot=[-9999,-9999];function kt(e){let{children:n,visible:r=!1,offset:a=[0,0],overflowVisible:o=!1,placementY:s=`below`}=e,c=(0,t.useRef)(null),[u,d]=(0,t.useState)(Ot),{mountContainer:f}=(0,t.useContext)(T),m=()=>{let e=c.current;if(!e)return null;let[t,n]=a,{clientWidth:r,clientHeight:i}=e,{innerWidth:o,innerHeight:l}=window,u=Math.max(0,o-r-2),d=Math.max(0,l-i-2),f=Math.min(Math.max(t,0),u),p=s===`above`?n-i:n;return[f,Math.min(Math.max(p,0),d)]};(0,t.useLayoutEffect)(()=>{if(!r){d(Ot);return}let e=m();e&&d(e)},[a,s,r]),(0,t.useEffect)(()=>{if(!r)return;let e=()=>{let e=m();e&&d(e)};return window.addEventListener(`resize`,e),()=>{window.removeEventListener(`resize`,e)}},[a,s,r]);function h(e){e.preventDefault()}return(0,l.createPortal)((0,i.jsx)(p.CSSTransition,{in:r,nodeRef:c,timeout:500,classNames:{enter:`univer-popup-enter`,enterActive:`univer-popup-enter-active`,enterDone:`univer-popup-enter-done`,exitActive:`univer-popup-exit`,exitDone:`univer-popup-exit-active`},children:(0,i.jsx)(`section`,{ref:c,className:`univer-popup`,style:{left:u[0]+2,top:u[1]+2,overflow:o?`visible`:void 0},onContextMenu:h,children:n})}),f)}function At(e){let{children:n,className:r,style:a,value:o,disabled:s=!1,direction:c=`horizontal`,onChange:l}=e,u=e=>{l(e)};return(0,i.jsx)(`div`,{className:g(`univer-flex univer-gap-2`,{"univer-flex-col":c===`vertical`},r),style:a,children:t.Children.map(n,(e,n)=>(0,t.isValidElement)(e)?(0,t.cloneElement)(e,{key:n,children:e.props.children,value:e.props.value,checked:o===e.props.value,disabled:s==null?e.props.disabled:s,onChange:u}):e)})}function jt(e){let{children:n,checked:r,value:a,disabled:o=!1,onChange:s}=e,c=(0,t.useRef)(null);function l(e){if(e.stopPropagation(),!(!s||o))if(a!==void 0)s&&s(a);else{let e=c.current.checked;s&&s(e)}}return(0,i.jsxs)(`label`,{"data-u-comp":`radio`,className:g(`univer-box-border univer-inline-flex univer-items-center univer-gap-2 univer-text-sm`,{"univer-cursor-pointer univer-text-gray-900 dark:!univer-text-white":!o,"univer-text-gray-400":o}),children:[(0,i.jsxs)(`span`,{className:`univer-relative univer-block`,children:[(0,i.jsx)(`input`,{ref:c,className:`univer-absolute univer-size-0 univer-opacity-0`,type:`radio`,checked:r,disabled:o,onChange:l}),(0,i.jsx)(`span`,{className:g(`univer-relative univer-box-border univer-flex univer-size-4 univer-items-center univer-justify-center univer-overflow-hidden univer-rounded-full univer-border univer-border-solid univer-transition-colors`,{"univer-opacity-50":o,"univer-border-primary-600 univer-bg-primary-600 dark:!univer-bg-primary-600":r,"univer-border-gray-300 univer-bg-gray-50 dark:!univer-border-gray-500 dark:!univer-bg-gray-600":!r}),children:r&&(0,i.jsx)(`span`,{className:`univer-absolute univer-left-1/2 univer-top-1/2 univer-block univer-size-2 -univer-translate-x-1/2 -univer-translate-y-1/2 univer-rounded-full univer-bg-white`})})]}),(0,i.jsx)(`span`,{children:n})]})}function Mt(t){let{value:n,options:r=[],hideCheckMark:a=!1,onChange:o,multiple:s,className:c,optionClassName:l}=t,u=Array.isArray(n)?n:[n];function d(e){let t=u.indexOf(e);o(s?t>-1?u.filter(t=>t===e):[...u,e]:t>-1?void 0:e)}return(0,i.jsx)(`ul`,{className:g(`univer-m-0 univer-grid univer-max-h-80 univer-list-none univer-gap-1 univer-overflow-y-auto univer-rounded univer-p-1.5`,k,D,c),children:r.map((t,n)=>{let r=u.indexOf(t.value)>-1;return(0,i.jsx)(`li`,{children:(0,i.jsxs)(`a`,{className:g(`univer-relative univer-block univer-cursor-pointer univer-select-none univer-rounded univer-py-1.5 univer-pl-8 univer-pr-2 univer-text-sm univer-text-gray-900 univer-transition-colors hover:univer-bg-gray-100 dark:!univer-text-white dark:hover:!univer-bg-gray-600`,l,{"univer-bg-gray-200 dark:!univer-bg-gray-500":r}),onClick:()=>d(t.value),children:[!a&&r&&(0,i.jsx)(e.CheckMarkIcon,{className:`univer-absolute univer-left-0 univer-top-1/2 -univer-translate-y-1/2 univer-pl-2 univer-text-primary-600`}),(0,i.jsx)(`span`,{style:{color:t.color},children:t.label})]})},n)})})}const Nt=g(`univer-box-border univer-inline-flex univer-h-8 univer-min-w-36 univer-items-center univer-justify-between univer-gap-2 univer-rounded-lg univer-bg-white univer-px-2.5 univer-transition-colors univer-duration-200 dark:!univer-bg-gray-700 dark:!univer-text-white`,k);function Pt(n){let{className:r,value:a,disabled:o=!1,options:s=[],borderless:c=!1,onChange:l}=n,[u,d]=(0,t.useState)(!1);function f(e){d(e)}let p=(0,t.useMemo)(()=>{let e=[];for(let t of s)t.options?(t.options.forEach(t=>{e.push({label:t.label,value:t.value,disabled:t.disabled})}),e.push({type:`separator`})):e.push({label:t.label,value:t.value,disabled:t.disabled});return[{type:`radio`,value:a,hideIndicator:!0,options:e,onSelect:e=>{l(e)}}]},[s]),m=(0,t.useMemo)(()=>{let e=null;for(let t of s)if(t.options){for(let n of t.options)if(n.value===a){e=n.label;break}}else if(t.value===a){e=t.label;break}return e||a},[s,a]);return(0,i.jsx)(Qe,{className:`max-h univer-w-[--radix-popper-anchor-width] univer-min-w-36`,align:`start`,open:u,items:p,disabled:o,onOpenChange:f,children:(0,i.jsxs)(`div`,{"data-u-comp":`select`,className:g(Nt,{"univer-border-primary-600 univer-outline-none univer-ring-2 univer-ring-primary-50 dark:!univer-ring-primary-900":u&&!c,"univer-border-transparent univer-bg-transparent hover:univer-border-transparent":c,"univer-cursor-not-allowed":o,"hover:univer-border-primary-600":!o&&!c,"univer-cursor-pointer":!o&&!u},r),children:[(0,i.jsx)(`div`,{className:`univer-flex-1 univer-truncate univer-text-sm univer-text-gray-500 dark:!univer-text-white`,children:m}),(0,i.jsx)(e.MoreDownIcon,{className:`univer-flex-shrink-0 dark:!univer-text-white`})]})})}function Ft(n){let{className:r,value:a=[],disabled:o=!1,options:s=[],borderless:c=!1,onChange:l}=n,[u,d]=(0,t.useState)(!1);function f(e){d(e)}let p=(0,t.useMemo)(()=>s.map(e=>({type:`checkbox`,value:e.value,label:e.label,disabled:e.disabled,checked:a.includes(e.value),onSelect:e=>{l(a.includes(e)?a.filter(t=>t!==e):[...a,e])}})),[s]);function m(e){l(a.filter(t=>t!==e))}let h=(0,t.useMemo)(()=>s.filter(e=>a.includes(e.value)).map((e,t)=>(0,i.jsx)(b,{className:`univer-max-w-32`,closable:!0,onClose:()=>m(e.value),children:e.label},t)),[s,a]);return(0,i.jsx)(Qe,{className:`univer-w-[--radix-popper-anchor-width] univer-min-w-36`,align:`start`,open:u,items:p,disabled:o,onOpenChange:f,children:(0,i.jsxs)(`div`,{"data-u-comp":`multiple-select`,className:g(Nt,{"univer-border-primary-600 univer-outline-none univer-ring-2 univer-ring-primary-50 dark:!univer-ring-primary-900":u&&!c,"univer-border-transparent univer-bg-transparent hover:univer-border-transparent":c,"univer-cursor-not-allowed":o,"hover:univer-border-primary-600":!o&&!c,"univer-cursor-pointer":!o&&!u},r),children:[(0,i.jsx)(`div`,{className:`univer-box-border univer-flex univer-w-[calc(100%-16px)] univer-gap-2 univer-pr-2`,children:h}),(0,i.jsx)(e.MoreDownIcon,{className:`univer-flex-shrink-0 dark:!univer-text-white`})]})})}function It({className:e,orientation:t=`horizontal`,decorative:n=!0,...r}){return(0,i.jsx)(m.Root,{"data-u-comp":`separator`,"data-slot":`separator-root`,decorative:n,orientation:t,className:g(`univer-shrink-0 univer-bg-gray-200 data-[orientation=horizontal]:univer-h-px data-[orientation=vertical]:univer-h-full data-[orientation=horizontal]:univer-w-full data-[orientation=vertical]:univer-w-px dark:!univer-bg-gray-600`,e),...r})}const Lt=e=>{let{defaultChecked:n=!1,onChange:r}=e,[a,o]=(0,t.useState)(n);return(0,t.useEffect)(()=>{o(n)},[n]),(0,i.jsx)(`div`,{className:`univer-h-4`,children:(0,i.jsxs)(`label`,{className:`univer-relative univer-inline-block univer-h-4 univer-w-7`,children:[(0,i.jsx)(`input`,{className:`univer-size-0 univer-opacity-0`,type:`checkbox`,checked:a,onChange:()=>{o(!a),r==null||r(!a)}}),(0,i.jsx)(`span`,{className:g(`univer-absolute univer-inset-0 univer-cursor-pointer univer-rounded-2xl univer-transition-colors univer-duration-200`,{"univer-bg-primary-600":a,"univer-bg-gray-200 dark:!univer-bg-gray-600":!a}),children:(0,i.jsx)(`span`,{className:g(`univer-absolute univer-bottom-0.5 univer-left-0.5 univer-size-3 univer-rounded-full univer-bg-white univer-transition-transform univer-duration-200`,{"univer-translate-x-3":a})})})]})})},Rt=(0,t.forwardRef)((e,n)=>{let r=(0,t.useRef)(null),a=(0,t.useRef)({width:0,height:0}),{className:o,onResize:s,onValueChange:c,...l}=e;(0,t.useImperativeHandle)(n,()=>r.current,[]),(0,t.useLayoutEffect)(()=>{let e=r.current;if(e&&s){let t=new ResizeObserver(e=>{let{width:t,height:n}=e[0].target.getBoundingClientRect();t===0||n===0||(a.current.width!==t||a.current.height!==n)&&(a.current={width:t,height:n},s(t,n))});return t.observe(e),()=>{t.unobserve(e),t.disconnect()}}},[s]);function u(e){let t=e.target.value;c==null||c(t)}return(0,i.jsx)(`textarea`,{ref:r,"data-u-comp":`textarea`,"data-slot":`textarea`,className:g(`univer-box-border univer-flex univer-w-full univer-resize univer-rounded-md univer-bg-transparent univer-p-2 univer-text-base univer-text-gray-900 univer-outline-none univer-transition-[color,box-shadow] placeholder:univer-text-gray-200 disabled:univer-cursor-not-allowed disabled:univer-opacity-50 dark:!univer-text-white`,k,D,o),onChange:u,...l})});function zt({visibleToasts:e,...t}){return(0,i.jsx)(f.Toaster,{className:`dark:![&_[data-description]]:univer-text-gray-200 [&_[data-description]]:univer-text-sm [&_[data-description]]:univer-text-gray-600 [&_[data-icon]>svg]:univer-relative [&_[data-icon]>svg]:univer-top-1 [&_[data-icon]]:univer-self-baseline [&_[data-sonner-toast]]:univer-shadow-md [&_[data-title]]:univer-text-sm [&_[data-title]]:univer-text-gray-900`,toastOptions:{classNames:{content:`univer-leading-normal`,success:`[&_[data-icon]]:univer-text-green-500`,info:`[&_[data-icon]]:univer-text-primary-600`,error:`[&_[data-icon]]:univer-text-red-500`,warning:`[&_[data-icon]]:univer-text-yellow-500`}},visibleToasts:e==null?5:e,...t})}function Bt(e){let{data:n,itemKey:r,children:a,height:o,itemHeight:s,overscan:c=2,className:l,style:u}=e,[d,f]=(0,t.useState)(0);if(!o||!s||s<=0)return(0,i.jsx)(`div`,{className:l,style:u,children:n.map((e,t)=>{let n=typeof r==`function`?r(e):e[r];return(0,i.jsx)(`div`,{children:a(e,t)},n)})});let p=Math.max(0,Math.floor(d/s)-c),m=Math.ceil(o/s)+c*2,h=Math.min(n.length,p+m),g=p*s,_=n.length*s,v=n.slice(p,h);return(0,i.jsx)(`div`,{className:l,style:{...u,height:o,overflowY:`auto`},onScroll:e=>f(e.currentTarget.scrollTop),children:(0,i.jsx)(`div`,{style:{height:_,position:`relative`},children:(0,i.jsx)(`div`,{style:{transform:`translateY(${g}px)`},children:v.map((e,t)=>{let n=typeof r==`function`?r(e):e[r];return(0,i.jsx)(`div`,{children:a(e,p+t)},n)})})})})}const Vt=(e,t)=>{let n=[],r=e=>{var i;if(n.push(e.key),t===e.key||(i=e.children)!=null&&i.length&&e.children.some(r))return!0;n.pop()};return e.some(r),n},Ht=(e,t)=>{let n=t==null?new Map:t,r=e;return{findNodePathFromTreeWithCache:e=>{let t=n.get(e);if(t)return t;let i=Vt(r,e);return i.map((e,t,n)=>{let r=[];for(let e=0;e<=t;e++)r.push(n[e]);return r}).reverse().forEach(e=>{let t=e[e.length-1];n.set(t,e)}),i},reset:e=>{n.clear(),e&&(r=e)}}},Z=(e,t)=>t.length?t.reduce((e,t)=>{let n=e.find(e=>e.key===t);return(n==null?void 0:n.children)||[]},e):e,Ut=(e,t)=>{let n=t.slice(0),r=n.pop();return Z(e,n).find(e=>e.key===r)},Wt=(e,t,n)=>{let r=new Set(t),i=n[n.length-1],a=Z(e,n);if(r.has(i)){if(a.length){let e=t=>{r.delete(t.key),t.children&&t.children.forEach(t=>e(t))};a.forEach(e)}n.map((e,t,n)=>{let r=[];for(let e=0;e<=t;e++)r.push(n[e]);return r}).reverse().some(t=>{let n=Z(e,t),i=t[t.length-1];if(n.every(e=>!r.has(e.key)))r.delete(i);else return!0;return!1})}else{let e=t=>{r.add(t.key),t.children&&t.children.forEach(t=>e(t))};n.forEach(e=>r.add(e)),a.length&&a.forEach(e)}return[...r]},Gt=(e,t)=>{let n=t.children||[],r=t=>{var n;return(n=t.children)!=null&&n.length?!!t.children.every(r):e.has(t.key)};return n.length?n.some(e=>!r(e)):!1},Kt=(e,t)=>{let n=[],r=Ht(e);return t.forEach(t=>{let i=Ut(e,r.findNodePathFromTreeWithCache(t));if(i){var a;(a=i.children)!=null&&a.length||n.push(i)}}),n};let qt=function(e){return e[e.ONLY_LEAF_NODE=0]=`ONLY_LEAF_NODE`,e[e.ALL=1]=`ALL`,e}({});function Jt(e,t,n=1){let r=[];return e.forEach(e=>{r.push({...e,level:n}),e.children&&t.has(e.key)&&r.push(...Jt(e.children,t,n+1))}),r}function Yt(n){let{data:r=[],defaultCache:a,style:o,defaultExpandAll:s=!1,selectionMode:c=qt.ALL,valueGroup:l=[],onChange:u,onExpend:d,height:f=200,itemHeight:p=32,attachRender:m}=n,[h,_]=(0,t.useState)({}),v=(0,t.useMemo)(()=>new Set,[]),y=(0,t.useMemo)(()=>Ht(r,a),[r,a]),b=(0,t.useMemo)(()=>{let e=new Set;return l.forEach(t=>{y.findNodePathFromTreeWithCache(t).forEach(t=>e.add(t))}),e},[l,y]);(0,t.useEffect)(()=>{function e(t){var n;v.add(t.key),(n=t.children)==null||n.forEach(e)}s&&r.forEach(e),_({})},[s,r]);let x=(0,t.useMemo)(()=>Jt(r,v),[r,h,v]);function S(e){var t;(t=e.children)!=null&&t.length&&(v.has(e.key)?v.delete(e.key):v.add(e.key),_({})),!(c===qt.ONLY_LEAF_NODE&&e.children)&&(d==null||d(e.key))}function C(t){let{title:r,key:a,level:o=0}=t,s=n.treeNodeClassName,c=v.has(a),l=b.has(a),d=Gt(b,t);return(0,i.jsx)(`div`,{className:g(`univer-relative univer-text-[13px]`,s),style:{paddingLeft:`${o*20}px`},children:(0,i.jsxs)(`div`,{className:`univer-relative univer-my-1 univer-flex univer-w-full univer-items-center`,children:[t.children&&t.children.length>0&&(0,i.jsx)(`span`,{className:g(`univer-absolute univer-left-[-16px] univer-top-1/2 univer-flex univer--translate-y-1/2 univer-items-center univer-justify-center univer-text-[8px]`,{"univer-rotate-[-90deg]":!c}),onClick:e=>{e.stopPropagation(),S(t)},children:(0,i.jsx)(e.DropdownIcon,{})}),(0,i.jsx)(re,{checked:l&&!d,indeterminate:l&&d,onChange:()=>{u==null||u(t)}}),(0,i.jsx)(`div`,{className:`
|
|
79
79
|
univer-mx-1 univer-flex univer-h-full univer-shrink univer-items-center univer-overflow-hidden
|
|
80
80
|
univer-text-ellipsis univer-whitespace-nowrap
|
|
81
|
-
`,onClick:e=>{e.stopPropagation(),
|
|
81
|
+
`,onClick:e=>{e.stopPropagation(),S(t)},children:(0,i.jsx)(lt,{className:`univer-block`,showIfEllipsis:!0,placement:`top`,title:r,children:(0,i.jsx)(`span`,{className:`univer-block`,children:r})})}),m&&m(t)]})},a)}return(0,i.jsx)(`section`,{className:`
|
|
82
82
|
univer-relative univer-select-none univer-text-gray-900
|
|
83
83
|
dark:!univer-text-white
|
|
84
|
-
`,children:(0,
|
|
84
|
+
`,children:(0,i.jsx)(`div`,{className:`univer-m-0 univer-h-full univer-list-none univer-p-0`,style:o,children:(0,i.jsx)(Bt,{data:x,itemKey:e=>e.key,height:f,itemHeight:p,children:e=>C(e)})})})}const Q=new WeakMap;function Xt(e,t){let n=Q.get(t);n||(n=(0,h.createRoot)(t),Q.set(t,n)),n.render(e)}function Zt(e){let t=Q.get(e);t&&(t.unmount(),Q.delete(e))}const Qt=new Set;let $;function $t(e){return $||($=new ResizeObserver((...e)=>{Qt.forEach(t=>t(...e))})),{observe(t,n){Qt.add(e),$.observe(t,n)},unobserve(t){Qt.delete(e),$.unobserve(t)}}}exports.Accordion=_,exports.Avatar=y,exports.Badge=b,exports.Button=S,exports.ButtonGroup=C,exports.Calendar=V,exports.CascaderList=te,exports.Checkbox=re,exports.CheckboxGroup=ne,exports.ColorPicker=ke,exports.ConfigContext=T,exports.ConfigProvider=E,exports.Confirm=je,exports.DatePicker=Ie,exports.DateRangePicker=Le,exports.Dialog=U,exports.DraggableList=ze,exports.Dropdown=Fe,exports.DropdownMenu=Qe,exports.FormDualColumnLayout=tt,exports.FormLayout=et,exports.Gallery=it,exports.GradientColorPicker=dt,exports.HoverCard=gt,exports.Input=ot,exports.InputNumber=st,exports.KBD=_t,exports.MessageType=J,exports.Messager=Tt,exports.MultipleSelect=Ft,exports.Pager=nt,exports.Popup=kt,exports.Radio=jt,exports.RadioGroup=At,exports.Segmented=ct,exports.Select=Pt,exports.SelectList=Mt,exports.Separator=It,exports.Switch=Lt,exports.Textarea=Rt,exports.TimeInput=R,exports.Toaster=zt,exports.Tooltip=lt,exports.Tree=Yt,exports.TreeSelectionMode=qt,exports.borderBottomClassName=P,exports.borderClassName=k,exports.borderLeftBottomClassName=A,exports.borderLeftClassName=j,exports.borderRightClassName=F,exports.borderTopClassName=N,exports.clsx=g,exports.divideXClassName=`univer-divide-gray-200 dark:!univer-divide-gray-600 univer-divide-x univer-divide-y-0 univer-divide-solid`,exports.divideYClassName=`univer-divide-gray-200 dark:!univer-divide-gray-600 univer-divide-y univer-divide-x-0 univer-divide-solid`,exports.filterLeafNode=Kt,exports.findNodePathFromTree=Vt,exports.findSubTreeFromPath=Z,exports.isBrowser=w,exports.mergeTreeSelected=Wt,exports.message=Et,exports.removeMessage=Dt,exports.render=Xt,exports.resizeObserverCtor=$t,exports.scrollbarClassName=D,exports.toast=f.toast,exports.unmount=Zt;
|