@univerjs/design 0.18.0 → 0.19.0
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 -459
- package/lib/es/index.js +10 -457
- package/lib/index.js +10 -457
- package/lib/umd/index.js +11 -458
- package/package.json +4 -4
package/lib/cjs/index.js
CHANGED
|
@@ -1,30 +1,7 @@
|
|
|
1
|
-
Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e=Object.create,t=Object.defineProperty,n=Object.getOwnPropertyDescriptor,r=Object.getOwnPropertyNames,i=Object.getPrototypeOf,a=Object.prototype.hasOwnProperty,o=(e,i,o,s)=>{if(i&&typeof i==`object`||typeof i==`function`)for(var c=r(i),l=0,u=c.length,d;l<u;l++)d=c[l],!a.call(e,d)&&d!==o&&t(e,d,{get:(e=>i[e]).bind(null,d),enumerable:!(s=n(i,d))||s.enumerable});return e},s=(n,r,a)=>(a=n==null?{}:e(i(n)),o(r||!n||!n.__esModule?t(a,`default`,{value:n,enumerable:!0}):a,n));let c=require(`@univerjs/icons`),l=require(`react`),u=require(`clsx`),d=require(`tailwind-merge`),f=require(`react/jsx-runtime`),p=require(`class-variance-authority`),m=require(`@radix-ui/react-slot`),h=require(`dayjs`);h=s(h);let g=require(`@radix-ui/react-dialog`),_=require(`@radix-ui/react-popover`),v=require(`react-dom`),y=require(`@radix-ui/react-dropdown-menu`),b=require(`@radix-ui/react-hover-card`),x=require(`sonner`),S=require(`react-transition-group`),C=require(`@radix-ui/react-separator`),w=require(`react-dom/client`);function T(...e){return(0,d.twMerge)((0,u.clsx)(e))}function E(e){let{className:t,items:n}=e,[r,i]=(0,l.useState)(null),a=e=>{i(r===e?null:e)};return(0,f.jsx)(`div`,{"data-u-comp":`accordion`,className:T(`
|
|
2
|
-
univer-divide-x-0 univer-divide-y univer-divide-solid univer-divide-gray-200
|
|
3
|
-
dark:!univer-divide-gray-600
|
|
4
|
-
`,t),children:n.map((e,t)=>(0,f.jsxs)(`div`,{children:[(0,f.jsxs)(`button`,{className:`
|
|
5
|
-
univer-box-border univer-flex univer-w-full univer-cursor-pointer univer-items-center
|
|
6
|
-
univer-gap-1.5 univer-border-none univer-bg-transparent univer-p-4 univer-text-left
|
|
7
|
-
univer-text-gray-700
|
|
8
|
-
hover:univer-text-gray-900
|
|
9
|
-
focus:univer-outline-none
|
|
10
|
-
dark:!univer-text-gray-200
|
|
11
|
-
dark:hover:!univer-text-white
|
|
12
|
-
`,type:`button`,onClick:()=>a(t),children:[(0,f.jsx)(c.DownIcon,{className:T(`univer-size-2.5 univer-flex-shrink-0 univer-transition-transform`,{"-univer-rotate-90":r!==t,"univer-rotate-0":r===t})}),(0,f.jsx)(`span`,{className:`univer-font-medium`,children:e.label})]}),(0,f.jsx)(`div`,{className:T(`
|
|
13
|
-
univer-overflow-hidden univer-transition-[max-height,opacity] univer-duration-500
|
|
14
|
-
univer-ease-in-out
|
|
15
|
-
`,{"univer-max-h-screen":r===t,"univer-max-h-0":r!==t}),children:(0,f.jsx)(`div`,{className:`univer-box-border univer-px-4 univer-py-1.5`,children:e.children})})]},t))})}const D=(0,p.cva)(`
|
|
1
|
+
Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e=Object.create,t=Object.defineProperty,n=Object.getOwnPropertyDescriptor,r=Object.getOwnPropertyNames,i=Object.getPrototypeOf,a=Object.prototype.hasOwnProperty,o=(e,i,o,s)=>{if(i&&typeof i==`object`||typeof i==`function`)for(var c=r(i),l=0,u=c.length,d;l<u;l++)d=c[l],!a.call(e,d)&&d!==o&&t(e,d,{get:(e=>i[e]).bind(null,d),enumerable:!(s=n(i,d))||s.enumerable});return e},s=(n,r,a)=>(a=n==null?{}:e(i(n)),o(r||!n||!n.__esModule?t(a,`default`,{value:n,enumerable:!0}):a,n));let c=require(`@univerjs/icons`),l=require(`react`),u=require(`clsx`),d=require(`tailwind-merge`),f=require(`react/jsx-runtime`),p=require(`class-variance-authority`),m=require(`@radix-ui/react-slot`),h=require(`dayjs`);h=s(h);let g=require(`@radix-ui/react-dialog`),_=require(`@radix-ui/react-popover`),v=require(`react-dom`),y=require(`@radix-ui/react-dropdown-menu`),b=require(`@radix-ui/react-hover-card`),x=require(`sonner`),S=require(`react-transition-group`),C=require(`@radix-ui/react-separator`),w=require(`react-dom/client`);function T(...e){return(0,d.twMerge)((0,u.clsx)(e))}function E(e){let{className:t,items:n}=e,[r,i]=(0,l.useState)(null),a=e=>{i(r===e?null:e)};return(0,f.jsx)(`div`,{"data-u-comp":`accordion`,className:T(`univer-divide-x-0 univer-divide-y univer-divide-solid univer-divide-gray-200 dark:!univer-divide-gray-600`,t),children:n.map((e,t)=>(0,f.jsxs)(`div`,{children:[(0,f.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:()=>a(t),children:[(0,f.jsx)(c.DownIcon,{className:T(`univer-size-2.5 univer-flex-shrink-0 univer-transition-transform`,{"-univer-rotate-90":r!==t,"univer-rotate-0":r===t})}),(0,f.jsx)(`span`,{className:`univer-font-medium`,children:e.label})]}),(0,f.jsx)(`div`,{className:T(`univer-overflow-hidden univer-transition-[max-height,opacity] univer-duration-500 univer-ease-in-out`,{"univer-max-h-screen":r===t,"univer-max-h-0":r!==t}),children:(0,f.jsx)(`div`,{className:`univer-box-border univer-px-4 univer-py-1.5`,children:e.children})})]},t))})}const D=(0,p.cva)(`
|
|
16
2
|
univer-relative univer-inline-block univer-overflow-hidden univer-whitespace-nowrap univer-bg-gray-200
|
|
17
3
|
univer-text-center univer-align-middle univer-text-white
|
|
18
|
-
`,{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 O(e){let{children:t,className:n,style:r,title:i,alt:a,shape:o=`circle`,size:s=`middle`,src:c,fit:l=`fill`,onError:u,onLoad:d}=e,p=typeof s==`number`?{width:`${s}px`,height:`${s}px`,lineHeight:`${s}px`}:{},m={objectFit:l};return(0,f.jsxs)(`span`,{className:T(D({shape:o,size:typeof s==`number`?`middle`:s}),{"univer-bg-transparent":c},n),style:{...p,...r,...c&&m},children:[c&&(0,f.jsx)(`img`,{className:`univer-block univer-size-full`,src:c,title:i,alt:a,onError:u,onLoad:d}),t]})}function k(e){let{className:t,children:n,closable:r=!1,onClose:i}=e;return(0,f.jsxs)(`span`,{"data-u-comp":`badge`,className:T(`
|
|
19
|
-
univer-box-border univer-inline-flex univer-items-center univer-gap-1 univer-truncate
|
|
20
|
-
univer-rounded-md univer-border univer-border-solid univer-border-gray-100 univer-bg-gray-100
|
|
21
|
-
univer-px-2.5 univer-py-0.5 univer-text-xs univer-font-medium univer-text-gray-900
|
|
22
|
-
dark:!univer-border-gray-500 dark:!univer-bg-gray-700 dark:!univer-text-gray-300
|
|
23
|
-
`,t),children:[(0,f.jsx)(`span`,{className:`univer-flex-1 univer-truncate`,children:n}),r&&(0,f.jsx)(`button`,{className:`
|
|
24
|
-
univer-flex univer-cursor-pointer univer-items-center univer-justify-center univer-border-none
|
|
25
|
-
univer-p-0 univer-outline-none univer-transition-opacity
|
|
26
|
-
hover:univer-opacity-70
|
|
27
|
-
`,type:`button`,"aria-label":`Close badge`,onClick:i,children:(0,f.jsx)(c.CloseIcon,{className:`univer-text-current`})})]})}const A=(0,p.cva)(`
|
|
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 O(e){let{children:t,className:n,style:r,title:i,alt:a,shape:o=`circle`,size:s=`middle`,src:c,fit:l=`fill`,onError:u,onLoad:d}=e,p=typeof s==`number`?{width:`${s}px`,height:`${s}px`,lineHeight:`${s}px`}:{},m={objectFit:l};return(0,f.jsxs)(`span`,{className:T(D({shape:o,size:typeof s==`number`?`middle`:s}),{"univer-bg-transparent":c},n),style:{...p,...r,...c&&m},children:[c&&(0,f.jsx)(`img`,{className:`univer-block univer-size-full`,src:c,title:i,alt:a,onError:u,onLoad:d}),t]})}function k(e){let{className:t,children:n,closable:r=!1,onClose:i}=e;return(0,f.jsxs)(`span`,{"data-u-comp":`badge`,className:T(`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`,t),children:[(0,f.jsx)(`span`,{className:`univer-flex-1 univer-truncate`,children:n}),r&&(0,f.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:i,children:(0,f.jsx)(c.CloseIcon,{className:`univer-text-current`})})]})}const A=(0,p.cva)(`
|
|
28
5
|
univer-box-border univer-inline-flex univer-cursor-pointer univer-select-none univer-items-center
|
|
29
6
|
univer-justify-center univer-gap-2 univer-whitespace-nowrap univer-rounded-md univer-border univer-border-solid
|
|
30
7
|
univer-text-sm univer-font-medium univer-transition-colors
|
|
@@ -64,468 +41,44 @@ Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});var e=Object.
|
|
|
64
41
|
dark:!univer-text-white
|
|
65
42
|
dark:hover:!univer-bg-gray-700
|
|
66
43
|
dark:active:!univer-bg-gray-600
|
|
67
|
-
`},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`),ee=T(L,`univer-border-l univer-border-b univer-border-t-0 univer-border-r-0`),te=T(L,`univer-border-l univer-border-b-0 univer-border-t-0 univer-border-r-0`),z=T(L,`univer-border-l-0 univer-border-b-0 univer-border-t univer-border-r-0`),B=T(L,`univer-border-l-0 univer-border-b univer-border-t-0 univer-border-r-0`),ne=T(L,`univer-border-l-0 univer-border-b-0 univer-border-t-0 univer-border-r`);function re(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:`
|
|
68
|
-
univer-absolute univer-left-2 univer-top-1/2 -univer-translate-y-1/2 univer-text-gray-600
|
|
69
|
-
dark:!univer-text-gray-400
|
|
70
|
-
`}),(0,f.jsx)(`input`,{className:T(`
|
|
71
|
-
univer-block univer-h-7 univer-w-fit univer-appearance-none univer-rounded-md univer-bg-transparent
|
|
72
|
-
univer-pl-6 univer-pr-2 univer-text-center univer-text-gray-800 univer-shadow univer-outline-none
|
|
73
|
-
univer-transition-all univer-duration-200
|
|
74
|
-
focus:univer-border-primary-600
|
|
75
|
-
dark:!univer-text-white
|
|
76
|
-
dark:focus:!univer-border-primary-500
|
|
77
|
-
[&::-webkit-calendar-picker-indicator]:univer-hidden
|
|
78
|
-
[&::-webkit-calendar-picker-indicator]:univer-appearance-none
|
|
79
|
-
`,R,t),type:`time`,step:`1`,value:(0,h.default)(n).format(`HH:mm:ss`),onChange:i})]})}function ie(e,t){return new Date(e,t+1,0).getDate()}function ae(e,t){return new Date(e,t,1).getDay()}function oe(e){let{className:t,...n}=e;return(0,f.jsx)(`button`,{className:T(`
|
|
80
|
-
univer-size-7 univer-rounded-md univer-border-none univer-bg-transparent univer-p-1 univer-transition-all
|
|
81
|
-
hover:univer-bg-gray-200
|
|
82
|
-
dark:hover:!univer-bg-gray-600
|
|
83
|
-
`,t),type:`button`,...n})}function V(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=ie(h,_),S=ae(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(`
|
|
84
|
-
univer-mx-auto univer-max-w-xs univer-select-none univer-rounded univer-bg-white univer-text-gray-900
|
|
85
|
-
dark:!univer-bg-gray-900 dark:!univer-text-white
|
|
86
|
-
`,t),children:[(0,f.jsxs)(`nav`,{className:`univer-mb-4 univer-flex univer-items-center univer-justify-between`,children:[(0,f.jsx)(oe,{className:`
|
|
87
|
-
univer-text-lg univer-text-gray-500
|
|
88
|
-
dark:!univer-text-gray-200
|
|
89
|
-
`,"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)(oe,{className:`
|
|
90
|
-
univer-text-lg univer-text-gray-500
|
|
91
|
-
dark:!univer-text-gray-200
|
|
92
|
-
`,"aria-label":`Next Month`,onClick:b,children:(0,f.jsx)(c.MoreRightIcon,{})})]}),(0,f.jsx)(`div`,{className:`
|
|
93
|
-
univer-mb-1 univer-grid univer-grid-cols-7 univer-gap-1 univer-text-center univer-text-sm
|
|
94
|
-
univer-text-gray-500
|
|
95
|
-
dark:!univer-text-gray-200
|
|
96
|
-
`,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)(oe,{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)(re,{value:a,onValueChange:k})]})}function se({emptyText:e}){return(0,f.jsx)(`section`,{className:`
|
|
97
|
-
univer-h-8 univer-px-2 univer-pr-32 univer-text-sm/8 univer-text-gray-600
|
|
98
|
-
dark:!univer-text-gray-200
|
|
99
|
-
`,children:e})}function ce(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(`
|
|
100
|
-
univer-overflow-auto-y univer-grid univer-h-full univer-max-h-80 univer-grid-flow-col univer-rounded
|
|
101
|
-
univer-py-2 univer-text-gray-900
|
|
102
|
-
dark:!univer-text-white
|
|
103
|
-
[&>ul:not(:last-child)]:univer-border-0 [&>ul:not(:last-child)]:univer-border-r
|
|
104
|
-
[&>ul:not(:last-child)]:univer-border-solid [&>ul:not(:last-child)]:univer-border-r-gray-200
|
|
105
|
-
`,R,I,a),children:[s.map((e,n)=>e.length?(0,f.jsx)(`ul`,{className:T(`
|
|
106
|
-
univer-m-0 univer-h-full univer-max-h-full univer-list-none univer-overflow-auto
|
|
107
|
-
univer-px-2
|
|
108
|
-
`,I,i),children:e.map(e=>(0,f.jsx)(`li`,{children:(0,f.jsxs)(`a`,{className:T(`
|
|
109
|
-
univer-relative univer-block univer-h-8 univer-cursor-pointer univer-rounded
|
|
110
|
-
univer-text-sm/8
|
|
111
|
-
`,{"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:`
|
|
112
|
-
univer-absolute univer-left-2 univer-flex univer-h-full
|
|
113
|
-
univer-items-center
|
|
114
|
-
`,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)(se,{emptyText:o==null?void 0:o.CascaderList.empty},n)),t.length<=0&&(0,f.jsx)(se,{emptyText:o==null?void 0:o.CascaderList.empty})]})}function le(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 ue(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(`
|
|
115
|
-
univer-relative univer-box-border univer-flex univer-size-4 univer-items-center
|
|
116
|
-
univer-justify-center univer-overflow-hidden univer-rounded univer-border univer-border-solid
|
|
117
|
-
univer-transition-colors
|
|
118
|
-
`,{"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:`
|
|
119
|
-
univer-absolute univer-left-1/2 univer-top-1/2 univer-block univer-size-3
|
|
120
|
-
-univer-translate-x-1/2 -univer-translate-y-1/2 univer-text-white
|
|
121
|
-
`}),a&&!i&&(0,f.jsx)(`span`,{className:`
|
|
122
|
-
univer-absolute univer-left-1/2 univer-top-1/2 univer-block univer-h-0.5 univer-w-2.5
|
|
123
|
-
-univer-translate-x-1/2 -univer-translate-y-1/2 univer-rounded univer-bg-white
|
|
124
|
-
`})]})]}),(0,f.jsx)(`span`,{className:T(`univer-select-none`,d),children:t})]})}const de=g.Root,fe=g.Portal,pe=(0,l.forwardRef)(({className:e,...t},n)=>(0,f.jsx)(g.Overlay,{ref:n,className:T(`
|
|
125
|
-
data-[state=open]:univer-animate-in data-[state=open]:univer-fade-in-0
|
|
126
|
-
data-[state=closed]:univer-animate-out data-[state=closed]:univer-fade-out-0
|
|
127
|
-
univer-fixed univer-inset-0 univer-z-[1080] univer-bg-[rgba(0,0,0,0.8)]
|
|
128
|
-
`,e),...t}));pe.displayName=g.Overlay.displayName;const me=(0,l.forwardRef)(({className:e,children:t,closable:n=!0,onClickClose:r,...i},a)=>(0,f.jsxs)(fe,{children:[(0,f.jsx)(pe,{}),(0,f.jsxs)(g.Content,{ref:a,className:T(`
|
|
129
|
-
data-[state=open]:univer-animate-in data-[state=open]:univer-fade-in-0
|
|
130
|
-
data-[state=open]:univer-zoom-in-95 data-[state=open]:univer-slide-in-from-left-1/2
|
|
131
|
-
data-[state=open]:univer-slide-in-from-top-[48%]
|
|
132
|
-
data-[state=closed]:univer-animate-out data-[state=closed]:univer-fade-out-0
|
|
133
|
-
data-[state=closed]:univer-zoom-out-95 data-[state=closed]:univer-slide-out-to-left-1/2
|
|
134
|
-
data-[state=closed]:univer-slide-out-to-top-[48%]
|
|
135
|
-
univer-fixed univer-left-1/2 univer-top-1/2 univer-z-[1080] univer-box-border univer-grid
|
|
136
|
-
univer-w-full univer-max-w-lg -univer-translate-x-1/2 -univer-translate-y-1/2 univer-gap-4
|
|
137
|
-
univer-bg-white univer-p-4 univer-text-gray-500 univer-shadow-md univer-duration-200
|
|
138
|
-
sm:!univer-rounded-lg
|
|
139
|
-
dark:!univer-bg-gray-700 dark:!univer-text-gray-400
|
|
140
|
-
`,R,e),...i,children:[t,n&&(0,f.jsxs)(g.Close,{className:`
|
|
141
|
-
univer-absolute univer-right-4 univer-top-4 univer-size-6 univer-cursor-pointer univer-rounded-sm
|
|
142
|
-
univer-border-none univer-bg-transparent univer-p-0 univer-transition-opacity
|
|
143
|
-
hover:univer-opacity-100
|
|
144
|
-
disabled:univer-pointer-events-none
|
|
145
|
-
`,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`})]})]})]}));me.displayName=g.Content.displayName;const he=({className:e,...t})=>(0,f.jsx)(`div`,{className:T(`
|
|
146
|
-
univer-flex univer-flex-col univer-space-y-1.5 univer-text-center
|
|
147
|
-
sm:!univer-text-left
|
|
148
|
-
`,e),...t});he.displayName=`DialogHeader`;const ge=({className:e,...t})=>(0,f.jsx)(`div`,{className:T(`
|
|
149
|
-
univer-flex univer-flex-col-reverse
|
|
150
|
-
sm:!univer-flex-row sm:!univer-justify-end sm:!univer-space-x-2
|
|
151
|
-
`,e),...t});ge.displayName=`DialogFooter`;const _e=(0,l.forwardRef)(({className:e,...t},n)=>(0,f.jsx)(g.Title,{ref:n,className:T(`
|
|
152
|
-
univer-my-0 univer-text-lg univer-font-semibold univer-leading-none univer-tracking-tight
|
|
153
|
-
univer-text-gray-900
|
|
154
|
-
dark:!univer-text-white
|
|
155
|
-
`,e),...t}));_e.displayName=g.Title.displayName;const ve=(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}));ve.displayName=g.Description.displayName;function ye(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 H(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}=ye({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)(de,{open:c,onOpenChange:I,modal:g!==!1,children:(0,f.jsxs)(me,{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)(he,{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)(_e,{children:u}),(0,f.jsx)(ve,{className:`univer-hidden`})]}),o,N&&(0,f.jsx)(ge,{children:N})]})})}const U=(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)]},be=(e,t,n)=>{let r=e=>e.toString(16).padStart(2,`0`);return`#${r(e)}${r(t)}${r(n)}`},W=(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]},xe=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 W(t,n,r)},G=(e,t,n)=>{let[r,i,a]=U(e,t,n);return be(r,i,a)},Se=(e,t,n,r)=>{let[i,a,o]=U(e,t,n);return`rgba(${i}, ${a}, ${o}, ${r})`},Ce=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 we({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=U(...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:`
|
|
156
|
-
univer-relative univer-h-2 univer-w-full univer-cursor-pointer univer-rounded-full univer-shadow-inner
|
|
157
|
-
`,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:`
|
|
158
|
-
univer-absolute univer-top-1/2 univer-box-border univer-size-2 univer-rounded-full
|
|
159
|
-
univer-bg-transparent univer-shadow-md univer-ring-2 univer-ring-white univer-transition-transform
|
|
160
|
-
univer-duration-75 univer-will-change-transform
|
|
161
|
-
`,style:{left:p(),transform:`translateY(-50%)`,transition:i?`none`:`all 0.1s ease-out`}})})]})}function Te({hsv:e,onChange:t}){let[n,r]=(0,l.useState)(``),i=(0,l.useMemo)(()=>G(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(`
|
|
162
|
-
univer-w-full univer-px-2 !univer-pl-4 univer-uppercase
|
|
163
|
-
focus:univer-border-primary-500 focus:univer-outline-none
|
|
164
|
-
dark:!univer-text-white
|
|
165
|
-
`,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=xe(n);e&&t&&t(...e)}},onBlur:()=>{a(n)||r(i.replace(/^#/,``))},maxLength:6,spellCheck:!1}),(0,f.jsx)(`span`,{className:`
|
|
166
|
-
univer-absolute univer-left-1.5 univer-top-1/2 -univer-translate-y-1/2 univer-text-sm
|
|
167
|
-
univer-text-gray-400
|
|
168
|
-
`,children:`#`})]})}function Ee({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]=U(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(...W(s.r,s.g,s.b),i.a)},s=()=>{let[n,r,i]=U(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:`
|
|
169
|
-
univer-flex univer-items-center univer-gap-2
|
|
170
|
-
[&>input]:univer-w-11 [&>input]:univer-border-gray-200
|
|
171
|
-
[&>input]:focus:univer-border-primary-500
|
|
172
|
-
dark:[&>input]:!univer-border-gray-600 dark:[&>input]:!univer-text-white
|
|
173
|
-
`,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 De({hsv:e,alpha:t,format:n,onChange:r}){return(0,f.jsx)(`div`,{className:`
|
|
174
|
-
dark:![&_input]:univer-border-gray-600 dark:![&_input]:univer-text-white
|
|
175
|
-
univer-flex univer-gap-2
|
|
176
|
-
[&_input]:univer-box-border [&_input]:univer-flex [&_input]:univer-h-7 [&_input]:univer-items-center
|
|
177
|
-
[&_input]:univer-rounded [&_input]:univer-border [&_input]:univer-border-solid
|
|
178
|
-
[&_input]:univer-border-gray-200 [&_input]:univer-bg-transparent [&_input]:univer-px-1.5
|
|
179
|
-
[&_input]:univer-text-sm [&_input]:univer-text-gray-700 [&_input]:univer-outline-none
|
|
180
|
-
`,children:(0,f.jsxs)(`div`,{className:`univer-relative univer-flex univer-flex-1 univer-gap-2`,children:[(0,f.jsx)(Te,{hsv:e,onChange:r}),(0,f.jsx)(Ee,{hsv:e,alpha:t,format:n,onChange:r})]})})}const Oe=[[`#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 ke({hsv:e,onChange:t}){let n=(0,l.useCallback)(e=>{let[n,r,i]=xe(e);t(n,r,i)},[t]),r=G(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:Oe.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(`
|
|
181
|
-
univer-box-border univer-size-5 univer-cursor-pointer univer-rounded-full univer-border
|
|
182
|
-
univer-border-solid univer-border-transparent univer-bg-gray-300 univer-transition-shadow
|
|
183
|
-
`,{"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 Ae({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:`
|
|
184
|
-
univer-pointer-events-none univer-absolute univer-left-0 univer-top-0 univer-size-4
|
|
185
|
-
univer-rounded-full univer-border-2 univer-border-white univer-shadow-md univer-ring-2
|
|
186
|
-
univer-ring-white univer-will-change-transform
|
|
187
|
-
`,style:d()})]})}function je({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:`
|
|
188
|
-
univer-relative univer-h-2 univer-w-full univer-cursor-pointer univer-rounded-full univer-shadow-inner
|
|
189
|
-
`,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`}}),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,
|
|
190
45
|
hsl(0, 100%, 50%),
|
|
191
46
|
hsl(60, 100%, 50%),
|
|
192
47
|
hsl(120, 100%, 50%),
|
|
193
48
|
hsl(180, 100%, 50%),
|
|
194
49
|
hsl(240, 100%, 50%),
|
|
195
50
|
hsl(300, 100%, 50%),
|
|
196
|
-
hsl(360, 100%, 50%))`},onPointerDown:e=>{i(!0),s(e.clientX)},children:(0,f.jsx)(`div`,{ref:o,className:`
|
|
197
|
-
univer-absolute univer-top-1/2 univer-box-border univer-size-2 univer-rounded-full
|
|
198
|
-
univer-bg-transparent univer-shadow-md univer-ring-2 univer-ring-white univer-transition-transform
|
|
199
|
-
univer-duration-75 univer-will-change-transform
|
|
200
|
-
`,style:{left:d(),transform:`translateY(-50%)`,transition:r?`none`:`all 0.1s ease-out`}})})})}const Me=(0,l.memo)(Ae),Ne=(0,l.memo)(je),Pe=(0,l.memo)(we),Fe=(0,l.memo)(De),Ie=(0,l.memo)(ke);function Le({format:e=`hex`,value:t,onChange:n}){if(!N)return null;let{locale:r}=(0,l.useContext)(P),[i,a]=(0,l.useState)([0,100,100]),[o,s]=(0,l.useState)(1),[c,u]=(0,l.useState)(!1),d=(0,l.useCallback)((e,t,n)=>U(e,t,n),[]);(0,l.useEffect)(()=>{try{let n=t||(e===`hex`?`#000000`:`rgba(0, 0, 0, 1)`);if(e===`hex`){let[e,t,r]=xe(n);a([e,t,r]),s(1)}else if(e===`rgba`){let[e,t,r,i]=Ce(n),[o,c,l]=W(e,t,r);a([o,c,l]),s(i)}}catch(e){console.error(`Invalid value:`,e)}},[t,e]);function p(e,t,n){a([e,t,n])}function m(e){s(e)}function h(t,r,i,a=o){if(e===`hex`){let[e,a,o]=d(t,r,i),s=be(e,a,o);n==null||n(s)}else if(e===`rgba`){let[e,o,s]=d(t,r,i);n==null||n(`rgba(${e}, ${o}, ${s}, ${a})`)}}function g(){let[t,r,a]=i;if(e===`hex`){let e=G(t,r,a);n==null||n(e)}else if(e===`rgba`){let[e,i,s]=d(t,r,a);n==null||n(`rgba(${e}, ${i}, ${s}, ${o})`)}u(!1)}return(0,f.jsxs)(`div`,{"data-u-comp":`color-picker`,className:`univer-cursor-default univer-space-y-2 univer-rounded-lg`,onClick:e=>e.stopPropagation(),children:[(0,f.jsx)(Ie,{hsv:i,onChange:(e,t,n)=>{p(e,t,n),m(1),h(e,t,n,1)}}),(0,f.jsx)(`div`,{className:`univer-flex univer-h-7 univer-items-center`,children:(0,f.jsx)(`a`,{className:`
|
|
201
|
-
univer-cursor-pointer univer-gap-2 univer-text-sm univer-text-gray-900 univer-transition-opacity
|
|
202
|
-
hover:univer-opacity-80
|
|
203
|
-
dark:!univer-text-white
|
|
204
|
-
`,onClick:()=>u(!0),children:r==null?void 0:r.ColorPicker.more})}),(0,f.jsx)(H,{className:`!univer-w-fit !univer-p-2.5`,closable:!1,maskClosable:!1,open:c,onOpenChange:u,children:(0,f.jsxs)(`div`,{className:`univer-grid univer-w-64 univer-gap-2`,children:[(0,f.jsx)(Me,{hsv:i,onChange:p}),(0,f.jsxs)(`div`,{className:`univer-flex univer-items-center univer-gap-2`,children:[(0,f.jsx)(`div`,{className:`univer-size-6 univer-flex-shrink-0 univer-rounded-sm`,style:{backgroundColor:e===`hex`?G(...i):Se(...i,o)}}),(0,f.jsxs)(`div`,{className:`univer-flex-1 univer-space-y-2`,children:[(0,f.jsx)(Ne,{hsv:i,onChange:p}),e===`rgba`&&(0,f.jsx)(Pe,{hsv:i,alpha:o,onChange:m})]})]}),(0,f.jsx)(Fe,{hsv:i,alpha:o,format:e,onChange:(e,t,n,r)=>{p(e,t,n),r!==void 0&&m(r)}}),(0,f.jsxs)(`footer`,{className:`univer-flex univer-items-center univer-justify-end univer-gap-2`,children:[(0,f.jsx)(j,{onClick:()=>u(!1),children:r==null?void 0:r.ColorPicker.cancel}),(0,f.jsx)(j,{variant:`primary`,onClick:g,children:r==null?void 0:r.ColorPicker.confirm})]})]})})]})}function Re(e){let{locale:t,cancelText:n,confirmText:r,onClose:i,onConfirm:a,closable:o=!0}=e;return(0,f.jsxs)(`footer`,{className:`univer-flex univer-items-center univer-justify-end univer-gap-2`,children:[o&&(0,f.jsx)(j,{onClick:i,children:n==null?t==null?void 0:t.Confirm.cancel:n}),(0,f.jsx)(j,{variant:`primary`,onClick:a,children:r==null?t==null?void 0:t.Confirm.confirm:r})]})}function ze(e){let{children:t,visible:n=!1,title:r,cancelText:i,confirmText:a,width:o,onClose:s,onConfirm:c,closable:u=!0}=e,{locale:d}=(0,l.useContext)(P);return(0,f.jsx)(H,{open:n,title:r,maskClosable:!1,footer:(0,f.jsx)(Re,{locale:d,cancelText:i,confirmText:a,onClose:s,onConfirm:c,closable:u}),onClose:s,width:o,closable:u,children:t})}function Be({...e}){return(0,f.jsx)(_.Root,{"data-slot":`popover`,...e})}function Ve({...e}){return(0,f.jsx)(_.Trigger,{"data-slot":`popover-trigger`,...e})}function He({className:e,align:t=`center`,sideOffset:n=4,...r}){return(0,f.jsx)(_.Portal,{children:(0,f.jsx)(_.Content,{"data-slot":`popover-content`,align:t,sideOffset:n,className:T(`
|
|
205
|
-
univer-outline-hidden
|
|
206
|
-
data-[state=open]:univer-animate-in data-[state=open]:univer-fade-in-0
|
|
207
|
-
data-[state=open]:univer-zoom-in-95
|
|
208
|
-
data-[state=closed]:univer-animate-out data-[state=closed]:univer-fade-out-0
|
|
209
|
-
data-[state=closed]:univer-zoom-out-95
|
|
210
|
-
data-[side=bottom]:univer-slide-in-from-top-2
|
|
211
|
-
data-[side=left]:univer-slide-in-from-right-2
|
|
212
|
-
data-[side=right]:univer-slide-in-from-left-2
|
|
213
|
-
data-[side=top]:univer-slide-in-from-bottom-2
|
|
214
|
-
univer-z-[1080] univer-max-h-[--radix-popper-available-height] univer-overflow-y-auto
|
|
215
|
-
univer-rounded-md univer-bg-white univer-text-gray-900 univer-shadow-md
|
|
216
|
-
dark:!univer-bg-gray-900 dark:!univer-text-white
|
|
217
|
-
dark:focus-visible:!univer-border-gray-600
|
|
218
|
-
`,R,I,e),...r})})}function Ue(e){let{children:t,overlay:n,disabled:r,open:i,onOpenChange:a,...o}=e,[s,c]=(0,l.useState)(!1),u=i!==void 0,d=u?i:s;function p(e){r||(u||c(e),a==null||a(e))}return(0,f.jsxs)(Be,{open:d,onOpenChange:p,children:[(0,f.jsx)(Ve,{asChild:!0,children:t}),(0,f.jsx)(He,{...o,children:n})]})}function We(e){let{value:t,onValueChange:n,className:r}=e,[i,a]=(0,l.useState)(!1);function o(e){n==null||n(e),a(!1)}return(0,f.jsx)(Ue,{align:`start`,overlay:(0,f.jsx)(`div`,{className:`univer-p-2`,children:(0,f.jsx)(V,{value:t,onValueChange:o})}),open:i,onOpenChange:a,children:(0,f.jsxs)(`button`,{className:T(`
|
|
219
|
-
univer-flex univer-h-8 univer-items-center univer-justify-between univer-gap-2 univer-rounded-md
|
|
220
|
-
univer-bg-transparent univer-px-2 univer-text-sm univer-text-gray-800 univer-transition-all
|
|
221
|
-
hover:univer-border-primary-600
|
|
222
|
-
dark:!univer-text-white
|
|
223
|
-
`,R,r),type:`button`,children:[(0,h.default)(t).format(`YYYY-MM-DD`),(0,f.jsx)(c.CalendarIcon,{className:`
|
|
224
|
-
univer-text-gray-600
|
|
225
|
-
dark:!univer-text-gray-400
|
|
226
|
-
`})]})})}function Ge(e){let{value:t=[new Date,new Date],onValueChange:n,className:r}=e,[i,a]=(0,l.useState)(!1);function o(e){let[t,r]=e;t>r&&([t,r]=[r,t]),n==null||n([t,r]),a(!1)}return(0,f.jsx)(Ue,{align:`start`,overlay:(0,f.jsxs)(`div`,{className:`univer-grid univer-grid-cols-2 univer-gap-2 univer-p-2`,children:[(0,f.jsx)(V,{value:t[0],max:t[1],onValueChange:e=>{o([e,t[1]])}}),(0,f.jsx)(V,{value:t[1],min:t[0],onValueChange:e=>{o([t[0],e])}})]}),open:i,onOpenChange:a,children:(0,f.jsxs)(`button`,{className:T(`
|
|
227
|
-
univer-flex univer-h-8 univer-items-center univer-justify-between univer-gap-2 univer-rounded-md
|
|
228
|
-
univer-bg-transparent univer-px-2 univer-text-sm univer-text-gray-800 univer-transition-all
|
|
229
|
-
hover:univer-border-primary-600
|
|
230
|
-
dark:!univer-text-white
|
|
231
|
-
`,R,r),type:`button`,children:[(0,f.jsxs)(`span`,{className:`univer-flex univer-gap-1`,children:[(0,f.jsx)(`span`,{children:(0,h.default)(t[0]).format(`YYYY-MM-DD`)}),(0,f.jsx)(`span`,{children:`-`}),(0,f.jsx)(`span`,{children:(0,h.default)(t[1]).format(`YYYY-MM-DD`)})]}),(0,f.jsx)(c.CalendarIcon,{className:`
|
|
232
|
-
univer-text-gray-600
|
|
233
|
-
dark:!univer-text-gray-400
|
|
234
|
-
`})]})})}function Ke(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 qe(e){let{list:t,onListChange:n,idKey:r,itemRender:i,className:a,style:o,draggableHandle:s,rowHeight:c,margin:u=[0,0],onDragStart:d,onDragStop:p,...m}=e,[h,g]=(0,l.useState)(t),_=(0,l.useRef)(t),[y,b]=(0,l.useState)(null),[x,S]=(0,l.useState)(null),[C,w]=(0,l.useState)(null),[E,D]=(0,l.useState)(null),[O,k]=(0,l.useState)(!1),A=(0,l.useRef)(null),j=(0,l.useRef)({x:0,y:0}),M=(0,l.useRef)({width:0,height:0}),N=(0,l.useRef)(null),P=(0,l.useRef)(null),F=(0,l.useRef)(-1);(0,l.useEffect)(()=>{y||(g(t),_.current=t)},[y,t]),(0,l.useEffect)(()=>{k(typeof document<`u`)},[]),(0,l.useEffect)(()=>{if(!y)return;let e=e=>{let t=P.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||(S(i),g(e=>{let n=e.findIndex(e=>L(e)===t),r=e.findIndex(e=>L(e)===i);if(n<0||r<0||n===r)return e;let a=Ke(e,n,r);return _.current=a,a}))},t=e=>{if(A.current!==e.pointerId)return;let t=P.current,r=F.current,i=_.current;if(t){let e=i.findIndex(e=>L(e)===t);p==null||p(void 0,{y:r},{y:e}),r>=0&&n([...i])}A.current=null,N.current=null,P.current=null,F.current=-1,S(null),w(null),D(null),b(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)}},[y,p,n]);let I=(0,l.useMemo)(()=>{let[e,t]=u;return{rowGap:`${t}px`,paddingLeft:e?`${e}px`:void 0,paddingRight:e?`${e}px`:void 0,...o}},[u,o]),L=e=>String(e[r]),R=y?h.find(e=>L(e)===y):null;return(0,f.jsxs)(f.Fragment,{children:[(0,f.jsx)(`div`,{...m,className:T(`univer-flex univer-flex-col`,y&&`univer-cursor-grabbing univer-select-none`,a),style:I,children:h.map((e,t)=>{let n=L(e),r=y===n,a=x===n&&!r;return(0,f.jsxs)(`div`,{"data-draggable-list-item-id":n,className:T(`univer-relative univer-transition-all univer-duration-150`,r&&`univer-opacity-0`,a&&`
|
|
51
|
+
hsl(360, 100%, 50%))`},onPointerDown:e=>{i(!0),s(e.clientX)},children:(0,f.jsx)(`div`,{ref:o,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:d(),transform:`translateY(-50%)`,transition:r?`none`:`all 0.1s ease-out`}})})})}const Ae=(0,l.memo)(Oe),je=(0,l.memo)(ke),Me=(0,l.memo)(Se),Ne=(0,l.memo)(Te),Pe=(0,l.memo)(De);function Fe({format:e=`hex`,value:t,onChange:n}){if(!N)return null;let{locale:r}=(0,l.useContext)(P),[i,a]=(0,l.useState)([0,100,100]),[o,s]=(0,l.useState)(1),[c,u]=(0,l.useState)(!1),d=(0,l.useCallback)((e,t,n)=>G(e,t,n),[]);(0,l.useEffect)(()=>{try{let n=t||(e===`hex`?`#000000`:`rgba(0, 0, 0, 1)`);if(e===`hex`){let[e,t,r]=ye(n);a([e,t,r]),s(1)}else if(e===`rgba`){let[e,t,r,i]=xe(n),[o,c,l]=K(e,t,r);a([o,c,l]),s(i)}}catch(e){console.error(`Invalid value:`,e)}},[t,e]);function p(e,t,n){a([e,t,n])}function m(e){s(e)}function h(t,r,i,a=o){if(e===`hex`){let[e,a,o]=d(t,r,i),s=ve(e,a,o);n==null||n(s)}else if(e===`rgba`){let[e,o,s]=d(t,r,i);n==null||n(`rgba(${e}, ${o}, ${s}, ${a})`)}}function g(){let[t,r,a]=i;if(e===`hex`){let e=q(t,r,a);n==null||n(e)}else if(e===`rgba`){let[e,i,s]=d(t,r,a);n==null||n(`rgba(${e}, ${i}, ${s}, ${o})`)}u(!1)}return(0,f.jsxs)(`div`,{"data-u-comp":`color-picker`,className:`univer-cursor-default univer-space-y-2 univer-rounded-lg`,onClick:e=>e.stopPropagation(),children:[(0,f.jsx)(Pe,{hsv:i,onChange:(e,t,n)=>{p(e,t,n),m(1),h(e,t,n,1)}}),(0,f.jsx)(`div`,{className:`univer-flex univer-h-7 univer-items-center`,children:(0,f.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:()=>u(!0),children:r==null?void 0:r.ColorPicker.more})}),(0,f.jsx)(W,{className:`!univer-w-fit !univer-p-2.5`,closable:!1,maskClosable:!1,open:c,onOpenChange:u,children:(0,f.jsxs)(`div`,{className:`univer-grid univer-w-64 univer-gap-2`,children:[(0,f.jsx)(Ae,{hsv:i,onChange:p}),(0,f.jsxs)(`div`,{className:`univer-flex univer-items-center univer-gap-2`,children:[(0,f.jsx)(`div`,{className:`univer-size-6 univer-flex-shrink-0 univer-rounded-sm`,style:{backgroundColor:e===`hex`?q(...i):be(...i,o)}}),(0,f.jsxs)(`div`,{className:`univer-flex-1 univer-space-y-2`,children:[(0,f.jsx)(je,{hsv:i,onChange:p}),e===`rgba`&&(0,f.jsx)(Me,{hsv:i,alpha:o,onChange:m})]})]}),(0,f.jsx)(Ne,{hsv:i,alpha:o,format:e,onChange:(e,t,n,r)=>{p(e,t,n),r!==void 0&&m(r)}}),(0,f.jsxs)(`footer`,{className:`univer-flex univer-items-center univer-justify-end univer-gap-2`,children:[(0,f.jsx)(j,{onClick:()=>u(!1),children:r==null?void 0:r.ColorPicker.cancel}),(0,f.jsx)(j,{variant:`primary`,onClick:g,children:r==null?void 0:r.ColorPicker.confirm})]})]})})]})}function Ie(e){let{locale:t,cancelText:n,confirmText:r,onClose:i,onConfirm:a,closable:o=!0}=e;return(0,f.jsxs)(`footer`,{className:`univer-flex univer-items-center univer-justify-end univer-gap-2`,children:[o&&(0,f.jsx)(j,{onClick:i,children:n==null?t==null?void 0:t.Confirm.cancel:n}),(0,f.jsx)(j,{variant:`primary`,onClick:a,children:r==null?t==null?void 0:t.Confirm.confirm:r})]})}function Le(e){let{children:t,visible:n=!1,title:r,cancelText:i,confirmText:a,width:o,onClose:s,onConfirm:c,closable:u=!0}=e,{locale:d}=(0,l.useContext)(P);return(0,f.jsx)(W,{open:n,title:r,maskClosable:!1,footer:(0,f.jsx)(Ie,{locale:d,cancelText:i,confirmText:a,onClose:s,onConfirm:c,closable:u}),onClose:s,width:o,closable:u,children:t})}function Re({...e}){return(0,f.jsx)(_.Root,{"data-slot":`popover`,...e})}function ze({...e}){return(0,f.jsx)(_.Trigger,{"data-slot":`popover-trigger`,...e})}function Be({className:e,align:t=`center`,sideOffset:n=4,...r}){return(0,f.jsx)(_.Portal,{children:(0,f.jsx)(_.Content,{"data-slot":`popover-content`,align:t,sideOffset:n,className:T(`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`,R,I,e),...r})})}function Ve(e){let{children:t,overlay:n,disabled:r,open:i,onOpenChange:a,...o}=e,[s,c]=(0,l.useState)(!1),u=i!==void 0,d=u?i:s;function p(e){r||(u||c(e),a==null||a(e))}return(0,f.jsxs)(Re,{open:d,onOpenChange:p,children:[(0,f.jsx)(ze,{asChild:!0,children:t}),(0,f.jsx)(Be,{...o,children:n})]})}function He(e){let{value:t,onValueChange:n,className:r}=e,[i,a]=(0,l.useState)(!1);function o(e){n==null||n(e),a(!1)}return(0,f.jsx)(Ve,{align:`start`,overlay:(0,f.jsx)(`div`,{className:`univer-p-2`,children:(0,f.jsx)(U,{value:t,onValueChange:o})}),open:i,onOpenChange:a,children:(0,f.jsxs)(`button`,{className:T(`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`,R,r),type:`button`,children:[(0,h.default)(t).format(`YYYY-MM-DD`),(0,f.jsx)(c.CalendarIcon,{className:`univer-text-gray-600 dark:!univer-text-gray-400`})]})})}function Ue(e){let{value:t=[new Date,new Date],onValueChange:n,className:r}=e,[i,a]=(0,l.useState)(!1);function o(e){let[t,r]=e;t>r&&([t,r]=[r,t]),n==null||n([t,r]),a(!1)}return(0,f.jsx)(Ve,{align:`start`,overlay:(0,f.jsxs)(`div`,{className:`univer-grid univer-grid-cols-2 univer-gap-2 univer-p-2`,children:[(0,f.jsx)(U,{value:t[0],max:t[1],onValueChange:e=>{o([e,t[1]])}}),(0,f.jsx)(U,{value:t[1],min:t[0],onValueChange:e=>{o([t[0],e])}})]}),open:i,onOpenChange:a,children:(0,f.jsxs)(`button`,{className:T(`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`,R,r),type:`button`,children:[(0,f.jsxs)(`span`,{className:`univer-flex univer-gap-1`,children:[(0,f.jsx)(`span`,{children:(0,h.default)(t[0]).format(`YYYY-MM-DD`)}),(0,f.jsx)(`span`,{children:`-`}),(0,f.jsx)(`span`,{children:(0,h.default)(t[1]).format(`YYYY-MM-DD`)})]}),(0,f.jsx)(c.CalendarIcon,{className:`univer-text-gray-600 dark:!univer-text-gray-400`})]})})}function We(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 Ge(e){let{list:t,onListChange:n,idKey:r,itemRender:i,className:a,style:o,draggableHandle:s,rowHeight:c,margin:u=[0,0],onDragStart:d,onDragStop:p,...m}=e,[h,g]=(0,l.useState)(t),_=(0,l.useRef)(t),[y,b]=(0,l.useState)(null),[x,S]=(0,l.useState)(null),[C,w]=(0,l.useState)(null),[E,D]=(0,l.useState)(null),[O,k]=(0,l.useState)(!1),A=(0,l.useRef)(null),j=(0,l.useRef)({x:0,y:0}),M=(0,l.useRef)({width:0,height:0}),N=(0,l.useRef)(null),P=(0,l.useRef)(null),F=(0,l.useRef)(null),I=(0,l.useRef)(-1);(0,l.useEffect)(()=>{y||(g(t),_.current=t)},[y,t]),(0,l.useEffect)(()=>{k(typeof document<`u`)},[]),(0,l.useEffect)(()=>{let e=N.current;e&&(e.replaceChildren(),C&&e.appendChild(C))},[C]),(0,l.useEffect)(()=>{if(!y)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||(S(i),g(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=We(e,n,r);return _.current=a,a}))},t=e=>{if(A.current!==e.pointerId)return;let t=F.current,r=I.current,i=_.current;if(t){let e=i.findIndex(e=>R(e)===t);p==null||p(void 0,{y:r},{y:e}),r>=0&&n([...i])}A.current=null,P.current=null,F.current=null,I.current=-1,S(null),w(null),D(null),b(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)}},[y,p,n]);let L=(0,l.useMemo)(()=>{let[e,t]=u;return{rowGap:`${t}px`,paddingLeft:e?`${e}px`:void 0,paddingRight:e?`${e}px`:void 0,...o}},[u,o]),R=e=>String(e[r]),z=y?h.find(e=>R(e)===y):null;return(0,f.jsxs)(f.Fragment,{children:[(0,f.jsx)(`div`,{...m,className:T(`univer-flex univer-flex-col`,y&&`univer-cursor-grabbing univer-select-none`,a),style:L,children:h.map((e,t)=>{let n=R(e),r=y===n,a=x===n&&!r;return(0,f.jsxs)(`div`,{"data-draggable-list-item-id":n,className:T(`univer-relative univer-transition-all univer-duration-150`,r&&`univer-opacity-0`,a&&`
|
|
235
52
|
univer-bg-primary-50/60
|
|
236
53
|
dark:!univer-bg-primary-900/20
|
|
237
54
|
univer-rounded univer-border univer-border-primary-200
|
|
238
55
|
dark:!univer-border-primary-700
|
|
239
|
-
`),onPointerDownCapture:e=>{if(A.current!==null||(s?
|
|
56
|
+
`),onPointerDownCapture:e=>{if(A.current!==null||(s?P.current=e.target.closest(s)?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}),w(e.currentTarget.cloneNode(!0)),A.current=e.pointerId,F.current=n,I.current=t,b(n),_.current=h,d==null||d(void 0,{y:t}),e.preventDefault(),e.currentTarget.setPointerCapture(e.pointerId)},style:{...c?{minHeight:`${c}px`}:void 0,cursor:y?`grabbing`:void 0},children:[r&&(0,f.jsx)(`div`,{className:`
|
|
240
57
|
univer-bg-primary-50/50 univer-absolute univer-inset-0 univer-rounded
|
|
241
58
|
univer-border univer-border-dashed univer-border-primary-300
|
|
242
|
-
`}),i(e,t)]},n)})}),O&&
|
|
243
|
-
univer-pointer-events-none univer-fixed univer-rounded-md univer-border univer-border-gray-200
|
|
244
|
-
univer-bg-white univer-shadow-lg
|
|
245
|
-
dark:!univer-border-gray-700 dark:!univer-bg-gray-800
|
|
246
|
-
`),style:{zIndex:2147483647,left:`${E.x}px`,top:`${E.y}px`,width:`${M.current.width}px`,height:`${M.current.height}px`,opacity:.95},children:C?(0,f.jsx)(`div`,{dangerouslySetInnerHTML:{__html:C}}):i(R,h.findIndex(e=>L(e)===L(R)))}),document.body)]})}function Je({...e}){return(0,f.jsx)(y.Root,{"data-slot":`dropdown-menu`,...e})}function Ye({...e}){return(0,f.jsx)(y.Portal,{"data-slot":`dropdown-menu-portal`,...e})}function Xe({...e}){return(0,f.jsx)(y.Trigger,{"data-slot":`dropdown-menu-trigger`,...e})}function Ze({...e}){return(0,f.jsx)(y.Sub,{"data-slot":`dropdown-menu-sub`,...e})}function Qe({...e}){return(0,f.jsx)(y.RadioGroup,{"data-slot":`dropdown-menu-radio-group`,...e})}function $e({className:e,inset:t,children:n,...r}){return(0,f.jsxs)(y.SubTrigger,{"data-slot":`dropdown-menu-sub-trigger`,"data-inset":t,className:T(`
|
|
247
|
-
univer-flex univer-cursor-default univer-select-none univer-items-center univer-justify-between
|
|
248
|
-
univer-gap-2 univer-rounded univer-px-2 univer-py-1.5 univer-text-sm univer-outline-none
|
|
249
|
-
data-[state=open]:univer-bg-gray-100
|
|
250
|
-
focus:univer-bg-gray-100
|
|
251
|
-
dark:data-[state=open]:!univer-bg-gray-600
|
|
252
|
-
dark:focus:!univer-bg-gray-600
|
|
253
|
-
[&_svg]:univer-pointer-events-none [&_svg]:univer-size-4 [&_svg]:univer-shrink-0
|
|
254
|
-
`,e),...r,children:[n,(0,f.jsx)(c.MoreRightIcon,{className:`ml-auto`})]})}function et({className:e,...t}){return(0,f.jsx)(y.SubContent,{"data-slot":`dropdown-menu-sub-content`,className:T(`
|
|
255
|
-
data-[state=open]:univer-animate-in data-[state=open]:univer-fade-in-0
|
|
256
|
-
data-[state=open]:univer-zoom-in-95
|
|
257
|
-
data-[state=closed]:univer-animate-out data-[state=closed]:univer-fade-out-0
|
|
258
|
-
data-[state=closed]:univer-zoom-out-95
|
|
259
|
-
data-[side=bottom]:univer-slide-in-from-top-2
|
|
260
|
-
data-[side=left]:univer-slide-in-from-right-2
|
|
261
|
-
data-[side=right]:univer-slide-in-from-left-2
|
|
262
|
-
data-[side=top]:univer-slide-in-from-bottom-2
|
|
263
|
-
univer-z-[1080] univer-box-border univer-max-h-[--radix-popper-available-height]
|
|
264
|
-
univer-overflow-y-auto univer-rounded-md univer-bg-white univer-p-1.5 univer-text-gray-900
|
|
265
|
-
univer-shadow-md
|
|
266
|
-
dark:!univer-bg-gray-700 dark:!univer-text-white
|
|
267
|
-
`,R,I,e),...t})}function tt({className:e,sideOffset:t=4,...n}){return(0,f.jsx)(y.Portal,{children:(0,f.jsx)(y.Content,{"data-slot":`dropdown-menu-content`,sideOffset:t,className:T(`
|
|
268
|
-
data-[state=open]:univer-animate-in data-[state=open]:univer-fade-in-0
|
|
269
|
-
data-[state=open]:univer-zoom-in-95
|
|
270
|
-
data-[state=closed]:univer-animate-out data-[state=closed]:univer-fade-out-0
|
|
271
|
-
data-[state=closed]:univer-zoom-out-95
|
|
272
|
-
data-[side=bottom]:univer-slide-in-from-top-2
|
|
273
|
-
data-[side=left]:univer-slide-in-from-right-2
|
|
274
|
-
data-[side=right]:univer-slide-in-from-left-2
|
|
275
|
-
data-[side=top]:univer-slide-in-from-bottom-2
|
|
276
|
-
univer-z-[1080] univer-box-border univer-max-h-[--radix-popper-available-height]
|
|
277
|
-
univer-overflow-y-auto univer-rounded-md univer-bg-white univer-p-1.5 univer-text-gray-900
|
|
278
|
-
univer-shadow-md
|
|
279
|
-
dark:!univer-bg-gray-700 dark:!univer-text-white
|
|
280
|
-
`,R,I,e),...n})})}function nt({className:e,inset:t,variant:n=`default`,...r}){return(0,f.jsx)(y.Item,{"data-slot":`dropdown-menu-item`,"data-inset":t,"data-variant":n,className:T(`
|
|
281
|
-
univer-relative univer-flex univer-cursor-default univer-select-none univer-items-center univer-gap-2
|
|
282
|
-
univer-rounded univer-px-2 univer-py-1.5 univer-text-sm univer-outline-none univer-transition-colors
|
|
283
|
-
data-[disabled]:univer-pointer-events-none data-[disabled]:univer-opacity-50
|
|
284
|
-
focus:univer-bg-gray-100
|
|
285
|
-
dark:focus:!univer-bg-gray-600
|
|
286
|
-
[&>svg]:univer-size-4 [&>svg]:univer-shrink-0
|
|
287
|
-
`,e),...r})}function rt({className:e,children:t,hideIndicator:n,checked:r,...i}){return(0,f.jsxs)(y.CheckboxItem,{"data-slot":`dropdown-menu-checkbox-item`,className:T(`
|
|
288
|
-
univer-relative univer-flex univer-cursor-default univer-select-none univer-items-center
|
|
289
|
-
univer-rounded univer-py-1.5 univer-pr-2 univer-text-sm univer-outline-none univer-transition-colors
|
|
290
|
-
data-[disabled]:univer-pointer-events-none data-[disabled]:univer-opacity-50
|
|
291
|
-
focus:univer-bg-gray-100
|
|
292
|
-
dark:focus:!univer-bg-gray-600
|
|
293
|
-
`,{"univer-pl-8":!n,"univer-pl-2":n},e),checked:r,...i,children:[!n&&(0,f.jsx)(`span`,{className:`
|
|
294
|
-
univer-absolute univer-left-2 univer-flex univer-size-3.5 univer-items-center
|
|
295
|
-
univer-justify-center
|
|
296
|
-
`,children:(0,f.jsx)(y.ItemIndicator,{children:(0,f.jsx)(c.CheckMarkIcon,{className:`univer-block univer-size-4 univer-fill-current univer-text-primary-600`})})}),t]})}function it({className:e,children:t,hideIndicator:n,...r}){return(0,f.jsxs)(y.RadioItem,{"data-slot":`dropdown-menu-radio-item`,className:T(`
|
|
297
|
-
univer-relative univer-flex univer-cursor-default univer-select-none univer-items-center
|
|
298
|
-
univer-rounded univer-py-1.5 univer-pr-2 univer-text-sm univer-outline-none univer-transition-colors
|
|
299
|
-
data-[disabled]:univer-pointer-events-none data-[disabled]:univer-opacity-50
|
|
300
|
-
focus:univer-bg-gray-100
|
|
301
|
-
dark:focus:!univer-bg-gray-600
|
|
302
|
-
`,{"univer-pl-8":!n,"univer-pl-2":n},e),...r,children:[!n&&(0,f.jsx)(`span`,{className:`
|
|
303
|
-
univer-absolute univer-left-2 univer-flex univer-size-3.5 univer-items-center
|
|
304
|
-
univer-justify-center
|
|
305
|
-
`,children:(0,f.jsx)(y.ItemIndicator,{children:(0,f.jsx)(c.CheckMarkIcon,{className:`univer-block univer-size-4 univer-fill-current univer-text-primary-600`})})}),t]})}function at({className:e,...t}){return(0,f.jsx)(y.Separator,{className:T(`
|
|
306
|
-
-univer-mx-1 univer-my-1 univer-h-px univer-bg-gray-200
|
|
307
|
-
dark:!univer-bg-gray-600
|
|
308
|
-
`,e),...t})}function ot(e){let{children:t,items:n,disabled:r,open:i,onOpenChange:a,...o}=e,[s,c]=(0,l.useState)(!1),u=i!==void 0,d=u?i:s;function p(e){r||(u||c(e),a==null||a(e))}function m(e,t){let{className:n,type:r}=e;if(r===`separator`)return(0,f.jsx)(at,{className:n},t);if(r===`radio`)return(0,f.jsx)(Qe,{className:n,value:e.value,onValueChange:e.onSelect,children:e.options.map((t,n)=>{if(`type`in t){if(t.type===`separator`)return(0,f.jsx)(at,{className:t.className},n)}else{if(t.value===void 0)throw Error("[DropdownMenu]: `value` is required");return(0,f.jsx)(it,{value:t.value,disabled:t.disabled,hideIndicator:e.hideIndicator,children:t.label},t.value)}return null})},t);if(r===`checkbox`)return(0,f.jsx)(rt,{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,f.jsx)(nt,{className:n,disabled:e.disabled,onSelect:()=>{var t;(t=e.onSelect)==null||t.call(e,e)},children:e.children},t);if(r===`subItem`){var i;return(0,f.jsxs)(Ze,{children:[(0,f.jsx)($e,{children:e.children}),(0,f.jsx)(Ye,{children:(0,f.jsx)(et,{sideOffset:12,children:(i=e.options)==null?void 0:i.map((e,t)=>m(e,t))})})]},t)}}return(0,f.jsxs)(Je,{modal:!1,open:d,onOpenChange:p,children:[(0,f.jsx)(Xe,{asChild:!0,children:t}),(0,f.jsx)(tt,{className:`univer-text-sm`,collisionPadding:{top:12,bottom:12},onWheel:e=>e.stopPropagation(),...o,children:n.map((e,t)=>m(e,t))})]})}const st=(0,l.createContext)(!1),ct=e=>{let{label:t,desc:n,children:r,style:i,className:a,error:o,contentStyle:s,collapsable:u=!1,defaultCollapsed:d=!1}=e,[p,m]=(0,l.useState)(d);return(0,f.jsx)(st.Provider,{value:!0,children:(0,f.jsxs)(`div`,{"data-u-comp":`form-layout`,className:T(`univer-mb-3 univer-flex univer-flex-col`,a),style:i,children:[t&&(0,f.jsxs)(`div`,{className:T(`
|
|
309
|
-
univer-mb-2 univer-flex univer-min-h-3.5 univer-items-center univer-text-sm
|
|
310
|
-
univer-text-gray-900
|
|
311
|
-
dark:!univer-text-white
|
|
312
|
-
`,{"univer-cursor-pointer":u}),onClick:()=>m(!p),children:[t,u&&(0,f.jsx)(c.MoreUpIcon,{className:T(`univer-ml-1 univer-transition-transform`,{"univer-rotate-180":p})})]}),p&&u?null:(0,f.jsxs)(f.Fragment,{children:[n&&(0,f.jsx)(`div`,{className:`
|
|
313
|
-
univer-mt-1 univer-text-sm univer-text-gray-600
|
|
314
|
-
dark:!univer-text-gray-200
|
|
315
|
-
`,children:n}),r?(0,f.jsxs)(`div`,{className:T(`
|
|
316
|
-
last:univer-mb-0
|
|
317
|
-
[&_[data-u-comp=input]]:univer-w-full
|
|
318
|
-
[&_[data-u-comp=select]]:univer-w-full
|
|
319
|
-
`,{"[&_[data-u-comp=input]]:univer-border-red-500":o,"[&_[data-u-comp=select]]:univer-border-red-500":o}),style:s,children:[r,o?(0,f.jsx)(`div`,{className:`univer-mt-1 univer-text-xs univer-text-red-500`,children:o}):null]}):null]})]})})},lt=e=>(0,f.jsx)(`div`,{className:`
|
|
320
|
-
univer-flex univer-justify-between
|
|
321
|
-
[&_[data-u-comp=form-layout]]:univer-max-w-[calc(50%-8px)] [&_[data-u-comp=form-layout]]:univer-shrink
|
|
322
|
-
[&_[data-u-comp=form-layout]]:univer-grow
|
|
323
|
-
`,children:e.children});function ut(e){let{className:t,value:n=0,total:r=0,loop:i,text:a,onChange:o}=e,s=(0,l.useMemo)(()=>a==null?`${n}/${r}`:a,[n,r,a]),u=r>0,d=()=>{n===1?i&&(o==null||o(r)):o==null||o(n-1)},p=()=>{n===r?i&&(o==null||o(1)):o==null||o(n+1)};return(0,f.jsx)(`div`,{"data-u-comp":`pager`,className:T(`
|
|
324
|
-
univer-flex univer-flex-shrink-0 univer-items-center univer-text-sm univer-text-gray-700
|
|
325
|
-
dark:!univer-text-gray-400
|
|
326
|
-
`,t),children:u?(0,f.jsxs)(f.Fragment,{children:[(0,f.jsx)(`button`,{"data-u-comp":`pager-left-arrow`,className:`
|
|
327
|
-
univer-inline-flex univer-size-4 univer-cursor-pointer univer-items-center univer-rounded
|
|
328
|
-
univer-border-none univer-bg-transparent univer-p-0
|
|
329
|
-
hover:univer-bg-gray-50
|
|
330
|
-
dark:hover:!univer-bg-gray-600
|
|
331
|
-
`,type:`button`,role:`button`,onClick:d,children:(0,f.jsx)(c.MoreLeftIcon,{})}),(0,f.jsx)(`span`,{className:`univer-mx-1`,children:s}),(0,f.jsx)(`button`,{"data-u-comp":`pager-right-arrow`,className:`
|
|
332
|
-
univer-inline-flex univer-size-4 univer-cursor-pointer univer-items-center univer-rounded
|
|
333
|
-
univer-border-none univer-bg-transparent univer-p-0
|
|
334
|
-
hover:univer-bg-gray-50
|
|
335
|
-
dark:hover:!univer-bg-gray-600
|
|
336
|
-
`,type:`button`,role:`button`,onClick:p,children:(0,f.jsx)(c.MoreRightIcon,{})})]}):(0,f.jsx)(`div`,{className:`univer-mx-1`,children:s})})}const K=`
|
|
59
|
+
`}),i(e,t)]},n)})}),O&&z&&E&&(0,v.createPortal)((0,f.jsx)(`div`,{className:T(`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:C?(0,f.jsx)(`div`,{ref:N}):i(z,h.findIndex(e=>R(e)===R(z)))}),document.body)]})}function Ke({...e}){return(0,f.jsx)(y.Root,{"data-slot":`dropdown-menu`,...e})}function qe({...e}){return(0,f.jsx)(y.Portal,{"data-slot":`dropdown-menu-portal`,...e})}function Je({...e}){return(0,f.jsx)(y.Trigger,{"data-slot":`dropdown-menu-trigger`,...e})}function Ye({...e}){return(0,f.jsx)(y.Sub,{"data-slot":`dropdown-menu-sub`,...e})}function Xe({...e}){return(0,f.jsx)(y.RadioGroup,{"data-slot":`dropdown-menu-radio-group`,...e})}function Ze({className:e,inset:t,children:n,...r}){return(0,f.jsxs)(y.SubTrigger,{"data-slot":`dropdown-menu-sub-trigger`,"data-inset":t,className:T(`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`,e),...r,children:[n,(0,f.jsx)(c.MoreRightIcon,{className:`ml-auto`})]})}function Qe({className:e,...t}){return(0,f.jsx)(y.SubContent,{"data-slot":`dropdown-menu-sub-content`,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-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`,R,I,e),...t})}function $e({className:e,sideOffset:t=4,...n}){return(0,f.jsx)(y.Portal,{children:(0,f.jsx)(y.Content,{"data-slot":`dropdown-menu-content`,sideOffset:t,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-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`,R,I,e),...n})})}function et({className:e,inset:t,variant:n=`default`,...r}){return(0,f.jsx)(y.Item,{"data-slot":`dropdown-menu-item`,"data-inset":t,"data-variant":n,className:T(`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 tt({className:e,children:t,hideIndicator:n,checked:r,...i}){return(0,f.jsxs)(y.CheckboxItem,{"data-slot":`dropdown-menu-checkbox-item`,className:T(`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":!n,"univer-pl-2":n},e),checked:r,...i,children:[!n&&(0,f.jsx)(`span`,{className:`univer-absolute univer-left-2 univer-flex univer-size-3.5 univer-items-center univer-justify-center`,children:(0,f.jsx)(y.ItemIndicator,{children:(0,f.jsx)(c.CheckMarkIcon,{className:`univer-block univer-size-4 univer-fill-current univer-text-primary-600`})})}),t]})}function nt({className:e,children:t,hideIndicator:n,...r}){return(0,f.jsxs)(y.RadioItem,{"data-slot":`dropdown-menu-radio-item`,className:T(`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":!n,"univer-pl-2":n},e),...r,children:[!n&&(0,f.jsx)(`span`,{className:`univer-absolute univer-left-2 univer-flex univer-size-3.5 univer-items-center univer-justify-center`,children:(0,f.jsx)(y.ItemIndicator,{children:(0,f.jsx)(c.CheckMarkIcon,{className:`univer-block univer-size-4 univer-fill-current univer-text-primary-600`})})}),t]})}function rt({className:e,...t}){return(0,f.jsx)(y.Separator,{className:T(`-univer-mx-1 univer-my-1 univer-h-px univer-bg-gray-200 dark:!univer-bg-gray-600`,e),...t})}function it(e){let{children:t,items:n,disabled:r,open:i,onOpenChange:a,...o}=e,[s,c]=(0,l.useState)(!1),u=i!==void 0,d=u?i:s;function p(e){r||(u||c(e),a==null||a(e))}function m(e,t){let{className:n,type:r}=e;if(r===`separator`)return(0,f.jsx)(rt,{className:n},t);if(r===`radio`)return(0,f.jsx)(Xe,{className:n,value:e.value,onValueChange:e.onSelect,children:e.options.map((t,n)=>{if(`type`in t){if(t.type===`separator`)return(0,f.jsx)(rt,{className:t.className},n)}else{if(t.value===void 0)throw Error("[DropdownMenu]: `value` is required");return(0,f.jsx)(nt,{value:t.value,disabled:t.disabled,hideIndicator:e.hideIndicator,children:t.label},t.value)}return null})},t);if(r===`checkbox`)return(0,f.jsx)(tt,{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,f.jsx)(et,{className:n,disabled:e.disabled,onSelect:()=>{var t;(t=e.onSelect)==null||t.call(e,e)},children:e.children},t);if(r===`subItem`){var i;return(0,f.jsxs)(Ye,{children:[(0,f.jsx)(Ze,{children:e.children}),(0,f.jsx)(qe,{children:(0,f.jsx)(Qe,{sideOffset:12,children:(i=e.options)==null?void 0:i.map((e,t)=>m(e,t))})})]},t)}}return(0,f.jsxs)(Ke,{modal:!1,open:d,onOpenChange:p,children:[(0,f.jsx)(Je,{asChild:!0,children:t}),(0,f.jsx)($e,{className:`univer-text-sm`,collisionPadding:{top:12,bottom:12},onWheel:e=>e.stopPropagation(),...o,children:n.map((e,t)=>m(e,t))})]})}const at=(0,l.createContext)(!1),ot=e=>{let{label:t,desc:n,children:r,style:i,className:a,error:o,contentStyle:s,collapsable:u=!1,defaultCollapsed:d=!1}=e,[p,m]=(0,l.useState)(d);return(0,f.jsx)(at.Provider,{value:!0,children:(0,f.jsxs)(`div`,{"data-u-comp":`form-layout`,className:T(`univer-mb-3 univer-flex univer-flex-col`,a),style:i,children:[t&&(0,f.jsxs)(`div`,{className:T(`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":u}),onClick:()=>m(!p),children:[t,u&&(0,f.jsx)(c.MoreUpIcon,{className:T(`univer-ml-1 univer-transition-transform`,{"univer-rotate-180":p})})]}),p&&u?null:(0,f.jsxs)(f.Fragment,{children:[n&&(0,f.jsx)(`div`,{className:`univer-mt-1 univer-text-sm univer-text-gray-600 dark:!univer-text-gray-200`,children:n}),r?(0,f.jsxs)(`div`,{className:T(`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":o,"[&_[data-u-comp=select]]:univer-border-red-500":o}),style:s,children:[r,o?(0,f.jsx)(`div`,{className:`univer-mt-1 univer-text-xs univer-text-red-500`,children:o}):null]}):null]})]})})},st=e=>(0,f.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 ct(e){let{className:t,value:n=0,total:r=0,loop:i,text:a,onChange:o}=e,s=(0,l.useMemo)(()=>a==null?`${n}/${r}`:a,[n,r,a]),u=r>0,d=()=>{n===1?i&&(o==null||o(r)):o==null||o(n-1)},p=()=>{n===r?i&&(o==null||o(1)):o==null||o(n+1)};return(0,f.jsx)(`div`,{"data-u-comp":`pager`,className:T(`univer-flex univer-flex-shrink-0 univer-items-center univer-text-sm univer-text-gray-700 dark:!univer-text-gray-400`,t),children:u?(0,f.jsxs)(f.Fragment,{children:[(0,f.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:d,children:(0,f.jsx)(c.MoreLeftIcon,{})}),(0,f.jsx)(`span`,{className:`univer-mx-1`,children:s}),(0,f.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,f.jsx)(c.MoreRightIcon,{})})]}):(0,f.jsx)(`div`,{className:`univer-mx-1`,children:s})})}const lt=`
|
|
337
60
|
univer-flex univer-cursor-pointer univer-items-center univer-justify-center univer-border-none
|
|
338
61
|
univer-bg-transparent univer-p-0 univer-text-current
|
|
339
62
|
hover:univer-text-white
|
|
340
|
-
`;function
|
|
341
|
-
univer-absolute univer-inset-0 univer-z-[1080] univer-flex univer-size-full univer-select-none
|
|
342
|
-
univer-items-center univer-justify-center
|
|
343
|
-
`,{"univer-animate-in univer-fade-in":r,"univer-animate-out univer-fade-out":!r},t),children:[(0,f.jsx)(`div`,{className:`univer-absolute univer-inset-0 univer-size-full univer-bg-gray-900 univer-opacity-80`,"aria-hidden":`true`,onClick:()=>i==null?void 0:i(!1)}),(0,f.jsx)(`div`,{className:`univer-relative`,children:h&&(0,f.jsx)(`img`,{className:`
|
|
344
|
-
univer-max-h-[40vh] univer-max-w-[60vw] univer-transition-transform univer-duration-300
|
|
345
|
-
univer-ease-out
|
|
346
|
-
`,style:{transform:`scale(${d})`},src:h,alt:`Image ${s+1} of ${n.length}`,draggable:!1})}),(0,f.jsxs)(`footer`,{className:`
|
|
347
|
-
univer-absolute univer-bottom-6 univer-left-1/2 univer-flex -univer-translate-x-1/2
|
|
348
|
-
univer-items-center univer-gap-3 univer-rounded-full univer-bg-gray-800 univer-px-6 univer-py-3
|
|
349
|
-
univer-text-gray-400
|
|
350
|
-
`,children:[(0,f.jsx)(ut,{className:`
|
|
351
|
-
!univer-text-gray-400
|
|
352
|
-
[&_[data-u-comp=pager-left-arrow]:hover]:!univer-bg-gray-600
|
|
353
|
-
[&_[data-u-comp=pager-right-arrow]:hover]:!univer-bg-gray-600
|
|
354
|
-
`,value:s+1,total:n.length,onChange:e=>u(e-1)}),(0,f.jsx)(`button`,{type:`button`,"aria-label":`Zoom in`,className:K,onClick:()=>g(.25),children:(0,f.jsx)(c.ZoomInIcon,{"aria-hidden":`true`})}),(0,f.jsx)(`button`,{type:`button`,"aria-label":`Zoom out`,className:K,onClick:()=>g(-.25),children:(0,f.jsx)(c.ZoomOutIcon,{"aria-hidden":`true`})}),(0,f.jsx)(`button`,{type:`button`,"aria-label":`Reset zoom`,className:K,onClick:()=>g(`reset`),children:(0,f.jsx)(c.OneToOneIcon,{"aria-hidden":`true`})})]})]}),document.body)}const ft=(0,p.cva)(`
|
|
63
|
+
`;function ut(e){let{className:t,images:n,open:r,onOpenChange:i}=e,[a,o]=(0,l.useState)(!1),[s,u]=(0,l.useState)(0),[d,p]=(0,l.useState)(1),m=(0,l.useRef)(null),h=(0,l.useMemo)(()=>n[s],[s,n]);if((0,l.useEffect)(()=>{r&&m.current&&m.current.focus()},[r]),(0,l.useEffect)(()=>{if(!r)return;let e=e=>{e.key===`Escape`&&(i==null||i(!1))};return window.addEventListener(`keydown`,e),()=>window.removeEventListener(`keydown`,e)},[r,i]),(0,l.useEffect)(()=>{if(r)o(!0);else{let e=setTimeout(()=>{o(!1)},150);return()=>clearTimeout(e)}},[r]),(0,l.useEffect)(()=>{if(!r)return;let e=e=>{e.preventDefault();let t=-e.deltaY*.001;p(e=>Math.min(Math.max(.5,e+t),2))};return window.addEventListener(`wheel`,e,{passive:!1}),()=>{window.removeEventListener(`wheel`,e)}},[r]),!r&&!a)return null;function g(e){if(e===`reset`){p(1);return}let t=d+e;t<.5||t>2||p(t)}return(0,v.createPortal)((0,f.jsxs)(`div`,{"data-u-comp":`gallery`,role:`dialog`,"aria-modal":`true`,"aria-label":`Image gallery`,tabIndex:-1,ref:m,className:T(`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":r,"univer-animate-out univer-fade-out":!r},t),children:[(0,f.jsx)(`div`,{className:`univer-absolute univer-inset-0 univer-size-full univer-bg-gray-900 univer-opacity-80`,"aria-hidden":`true`,onClick:()=>i==null?void 0:i(!1)}),(0,f.jsx)(`div`,{className:`univer-relative`,children:h&&(0,f.jsx)(`img`,{className:`univer-max-h-[40vh] univer-max-w-[60vw] univer-transition-transform univer-duration-300 univer-ease-out`,style:{transform:`scale(${d})`},src:h,alt:`Image ${s+1} of ${n.length}`,draggable:!1})}),(0,f.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,f.jsx)(ct,{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:s+1,total:n.length,onChange:e=>u(e-1)}),(0,f.jsx)(`button`,{type:`button`,"aria-label":`Zoom in`,className:lt,onClick:()=>g(.25),children:(0,f.jsx)(c.ZoomInIcon,{"aria-hidden":`true`})}),(0,f.jsx)(`button`,{type:`button`,"aria-label":`Zoom out`,className:lt,onClick:()=>g(-.25),children:(0,f.jsx)(c.ZoomOutIcon,{"aria-hidden":`true`})}),(0,f.jsx)(`button`,{type:`button`,"aria-label":`Reset zoom`,className:lt,onClick:()=>g(`reset`),children:(0,f.jsx)(c.OneToOneIcon,{"aria-hidden":`true`})})]})]}),document.body)}const dt=(0,p.cva)(`
|
|
355
64
|
univer-box-border univer-w-full univer-rounded-md univer-bg-white univer-transition-colors univer-duration-200
|
|
356
65
|
placeholder:univer-text-gray-400
|
|
357
66
|
focus:univer-border-primary-600 focus:univer-outline-none focus:univer-ring-2 focus:univer-ring-primary-50
|
|
358
67
|
dark:!univer-bg-gray-700 dark:!univer-text-white
|
|
359
68
|
dark:focus:!univer-ring-primary-900
|
|
360
|
-
`,{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`}}),ft=(0,l.forwardRef)(({autoFocus:e=!1,className:t,style:n,type:r=`text`,placeholder:i,value:a,size:o=`small`,allowClear:s=!1,disabled:u=!1,onClick:d,onKeyDown:p,onChange:m,onFocus:h,onBlur:g,slot:_,inputClass:v,inputStyle:y,...b},x)=>{let S=e=>{e.stopPropagation(),m==null||m(``)},C=e=>{m==null||m(e.target.value)},w=(0,l.useMemo)(()=>s&&a&&!u||_,[s,u,_,a]),[E,D]=(0,l.useState)(0),O=(0,l.useRef)(null);return(0,l.useEffect)(()=>{let e=null;return _&&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,l.useEffect)(()=>{s&&!(_&&O.current)&&D(26)},[]),(0,f.jsxs)(`div`,{"data-u-comp":`input`,className:T(`univer-relative univer-inline-flex univer-w-full univer-items-center univer-rounded-md`,u&&`univer-cursor-not-allowed`,t),style:n,children:[(0,f.jsx)(`input`,{ref:x,type:r,className:T(dt({size:o}),R,u&&`
|
|
361
70
|
univer-cursor-not-allowed univer-bg-gray-50 univer-text-gray-400
|
|
362
71
|
dark:!univer-text-gray-500
|
|
363
|
-
`,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:`
|
|
364
|
-
univer-absolute univer-right-2 univer-flex univer-items-center univer-gap-1
|
|
365
|
-
univer-rounded-full
|
|
366
|
-
`,ref:O,children:[_,s&&a&&!u&&(0,f.jsx)(`button`,{type:`button`,onClick:S,className:`
|
|
367
|
-
univer-flex univer-size-4 univer-cursor-pointer univer-items-center
|
|
368
|
-
univer-rounded-full univer-border-none univer-bg-transparent univer-p-1
|
|
369
|
-
univer-text-gray-400 univer-transition-colors univer-duration-200
|
|
370
|
-
hover:univer-text-gray-500
|
|
371
|
-
focus:univer-outline-none
|
|
372
|
-
`,children:(0,f.jsx)(c.CloseIcon,{className:`univer-size-3`})})]})]})}),mt=(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 ee(e){var t;h||(L(e),(t=k.current)==null||t.focus())}let z=h||i!==void 0&&C!==null&&C>=i,B=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)(pt,{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(`
|
|
373
|
-
univer-absolute univer-right-px univer-top-px univer-flex univer-h-[calc(100%-2px)]
|
|
374
|
-
univer-flex-col univer-overflow-hidden univer-rounded-r-md
|
|
375
|
-
before:univer-absolute before:univer-top-1/2 before:univer-block before:univer-h-px
|
|
376
|
-
before:univer-w-full before:-univer-translate-y-1/2 before:univer-bg-gray-200
|
|
377
|
-
before:univer-content-[""]
|
|
378
|
-
dark:before:!univer-bg-gray-600
|
|
379
|
-
`,te,m),children:[(0,f.jsx)(`span`,{className:T(`
|
|
380
|
-
univer-box-border univer-flex univer-h-1/2 univer-w-5 univer-cursor-pointer
|
|
381
|
-
univer-items-center univer-justify-center univer-border-none univer-bg-transparent
|
|
382
|
-
univer-p-0 univer-transition-colors
|
|
383
|
-
hover:univer-bg-gray-100
|
|
384
|
-
dark:!univer-text-white
|
|
385
|
-
dark:hover:!univer-bg-gray-600
|
|
386
|
-
`,z&&`univer-cursor-not-allowed univer-opacity-60`),role:`button`,"aria-label":`increment`,"aria-disabled":z,tabIndex:-1,onMouseDown:e=>e.preventDefault(),onClick:()=>{z||ee(!0)},children:`+`}),(0,f.jsx)(`span`,{className:T(`
|
|
387
|
-
univer-box-border univer-flex univer-h-1/2 univer-w-5 univer-cursor-pointer
|
|
388
|
-
univer-items-center univer-justify-center univer-border-none univer-bg-transparent
|
|
389
|
-
univer-p-0 univer-transition-colors
|
|
390
|
-
hover:univer-bg-gray-100
|
|
391
|
-
dark:!univer-text-white
|
|
392
|
-
dark:hover:!univer-bg-gray-600
|
|
393
|
-
`,B&&`univer-cursor-not-allowed univer-opacity-60`),role:`button`,"aria-label":`decrement`,"aria-disabled":B,tabIndex:-1,onMouseDown:e=>e.preventDefault(),onClick:()=>{B||ee(!1)},children:`-`})]})]})})});function ht({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(`
|
|
394
|
-
univer-relative univer-box-border univer-flex univer-gap-4 univer-rounded-lg univer-bg-gray-100 univer-p-1
|
|
395
|
-
dark:!univer-bg-gray-800
|
|
396
|
-
`,i),children:[(0,f.jsx)(`div`,{className:`
|
|
397
|
-
univer-animate-univer-slide univer-absolute univer-h-6 univer-rounded-md univer-bg-white
|
|
398
|
-
univer-shadow-sm univer-transition-all univer-duration-200
|
|
399
|
-
dark:!univer-bg-gray-700 dark:!univer-text-gray-400
|
|
400
|
-
`,style:s}),e.map(e=>(0,f.jsx)(`button`,{ref:t=>{t&&u.current.set(e.value,t)},className:T(`
|
|
401
|
-
univer-relative univer-box-border univer-flex-1 univer-cursor-pointer univer-border-none
|
|
402
|
-
univer-bg-transparent univer-px-3 univer-py-1 univer-text-xs univer-font-medium
|
|
403
|
-
univer-transition-colors
|
|
404
|
-
`,{"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 gt(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(`
|
|
405
|
-
univer-animate-in univer-fade-in-0 univer-zoom-in-95 univer-pointer-events-auto univer-absolute
|
|
406
|
-
univer-z-[1081] univer-box-border univer-w-fit univer-max-w-sm univer-text-balance univer-rounded-lg
|
|
407
|
-
univer-bg-gray-700 univer-px-2.5 univer-py-2 univer-text-xs univer-font-medium univer-text-white
|
|
408
|
-
univer-shadow-lg univer-drop-shadow-sm
|
|
409
|
-
dark:!univer-bg-gray-100 dark:!univer-text-gray-900
|
|
410
|
-
`,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:`
|
|
411
|
-
univer-absolute univer-size-2.5 univer-rotate-45 univer-rounded-sm univer-bg-gray-700
|
|
412
|
-
dark:!univer-bg-gray-100
|
|
413
|
-
`,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 _t={type:`linear`,stops:[{color:`#ffffff`,offset:0},{color:`#000000`,offset:100}],angle:90};function vt(e){var t,n;let{className:r,value:i=_t,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(`
|
|
414
|
-
univer-flex univer-w-64 univer-flex-col univer-gap-4 univer-rounded-lg univer-bg-white univer-p-4
|
|
415
|
-
univer-shadow-lg
|
|
416
|
-
dark:!univer-bg-gray-800
|
|
417
|
-
`,r),children:[(0,f.jsx)(ht,{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:`
|
|
418
|
-
univer-h-32 univer-w-full univer-rounded-md univer-border univer-border-gray-200
|
|
419
|
-
dark:!univer-border-gray-600
|
|
420
|
-
`,style:{background:x}}),(0,f.jsxs)(`div`,{className:`univer-relative univer-mt-4 univer-h-6`,children:[(0,f.jsx)(`div`,{ref:d,className:`
|
|
421
|
-
univer-absolute univer-inset-x-0 univer-top-1/2 univer-h-2 -univer-translate-y-1/2
|
|
422
|
-
univer-cursor-crosshair univer-rounded-full
|
|
423
|
-
`,style:{background:b},onClick:v}),i.stops.map((e,t)=>(0,f.jsx)(`div`,{className:T(`
|
|
424
|
-
univer-absolute univer-top-1/2 univer-size-4 -univer-translate-x-1/2
|
|
425
|
-
-univer-translate-y-1/2 univer-cursor-pointer univer-rounded-full univer-border-2
|
|
426
|
-
univer-border-white univer-shadow-md
|
|
427
|
-
`,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)(mt,{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)(mt,{value:i.angle,min:0,max:360,onChange:h})]}),(0,f.jsx)(`div`,{className:`univer-flex univer-gap-1`,children:(0,f.jsx)(gt,{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:`
|
|
428
|
-
univer-border-t univer-border-gray-100 univer-pt-4
|
|
429
|
-
dark:!univer-border-gray-700
|
|
430
|
-
`,children:(0,f.jsx)(Le,{value:(n=i.stops[s])==null?void 0:n.color,onChange:g})})]})}const yt=b.Root,bt=b.Portal,xt=b.Trigger,St=(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(`
|
|
431
|
-
data-[state=open]:univer-animate-in data-[state=open]:univer-fade-in-0 data-[state=open]:univer-zoom-in-95
|
|
432
|
-
data-[state=closed]:univer-animate-out data-[state=closed]:univer-fade-out-0
|
|
433
|
-
data-[state=closed]:univer-zoom-out-95
|
|
434
|
-
data-[side=bottom]:univer-slide-in-from-top-2
|
|
435
|
-
data-[side=left]:univer-slide-in-from-right-2
|
|
436
|
-
data-[side=right]:univer-slide-in-from-left-2
|
|
437
|
-
data-[side=top]:univer-slide-in-from-bottom-2
|
|
438
|
-
univer-z-[1080] univer-w-64 univer-origin-[--radix-hover-card-content-transform-origin] univer-rounded-md
|
|
439
|
-
univer-bg-white univer-text-gray-900 univer-shadow-md univer-outline-none
|
|
440
|
-
dark:!univer-bg-gray-900 dark:!univer-text-white
|
|
441
|
-
`,R,e),...r}));St.displayName=b.Content.displayName;function Ct(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)(yt,{open:p,onOpenChange:m,openDelay:i,children:[(0,f.jsx)(xt,{asChild:!0,children:t}),(0,f.jsx)(bt,{children:(0,f.jsx)(St,{...s,children:n})})]})}function wt(e){let{keyboard:t,className:n}=e,r=t.split(`+`);return(0,f.jsx)(`span`,{className:T(`
|
|
442
|
-
univer-inline-block univer-h-6 univer-select-none univer-whitespace-nowrap univer-rounded-md
|
|
443
|
-
univer-bg-gray-50 univer-px-2 univer-font-mono univer-text-xs/6 univer-font-medium univer-text-gray-700
|
|
444
|
-
dark:!univer-bg-gray-700 dark:!univer-text-white
|
|
445
|
-
`,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 q=function(e){return e.Success=`success`,e.Info=`info`,e.Warning=`warning`,e.Error=`error`,e.Loading=`loading`,e}({});const Tt=`univer-message-toaster`,Et=3e3,J=new Set,Dt=(0,f.jsx)(c.LoadingMultiIcon,{className:`univer-animate-spin univer-text-violet-500`});let Ot=0;const kt={[q.Success]:(0,f.jsx)(c.SuccessIcon,{className:`univer-text-green-500`}),[q.Info]:(0,f.jsx)(c.InfoIcon,{className:`
|
|
446
|
-
univer-text-sky-500
|
|
447
|
-
dark:!univer-text-sky-400
|
|
448
|
-
`}),[q.Warning]:(0,f.jsx)(c.WarningIcon,{className:`univer-text-amber-500`}),[q.Error]:(0,f.jsx)(c.ErrorIcon,{className:`univer-text-red-500`}),[q.Loading]:Dt},Y={[q.Success]:`[&_[data-icon]]:univer-text-green-500`,[q.Info]:`[&_[data-icon]]:univer-text-sky-500`,[q.Warning]:`[&_[data-icon]]:univer-text-amber-500`,[q.Error]:`[&_[data-icon]]:univer-text-red-500`,[q.Loading]:`[&_[data-icon]]:univer-text-violet-500`},At=e=>{switch(e){case q.Success:return x.toast.success;case q.Warning:return x.toast.warning;case q.Error:return x.toast.error;case q.Loading:return x.toast.loading;case q.Info:default:return x.toast.info}},jt=()=>{let e=`univer-message-${Ot}`;return Ot+=1,e},Mt=({className:e,...t})=>(0,f.jsx)(x.Toaster,{id:Tt,position:`top-center`,visibleToasts:4,closeButton:!1,expand:!1,icons:{loading:Dt},offset:{top:16},className:T(`
|
|
449
|
-
[&_[data-sonner-toast]]:univer-bg-white/95
|
|
450
|
-
dark:[&_[data-sonner-toast]]:!univer-bg-gray-800/95
|
|
451
|
-
[&_[data-sonner-toast]]:univer-rounded-2xl [&_[data-sonner-toast]]:univer-border
|
|
452
|
-
[&_[data-sonner-toast]]:univer-border-solid [&_[data-sonner-toast]]:univer-border-gray-200
|
|
453
|
-
[&_[data-sonner-toast]]:univer-shadow-[0_16px_40px_-20px_rgba(15,23,42,0.55)]
|
|
454
|
-
[&_[data-sonner-toast]]:univer-backdrop-blur-sm
|
|
455
|
-
dark:[&_[data-sonner-toast]]:!univer-border-gray-600
|
|
456
|
-
`,e),toastOptions:{duration:Et,classNames:{toast:`
|
|
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:`
|
|
457
73
|
univer-group univer-min-h-0 univer-min-w-[320px] univer-max-w-[520px] univer-px-3.5 univer-py-3
|
|
458
74
|
univer-font-sans univer-transition-all univer-duration-300
|
|
459
75
|
`,title:`
|
|
460
76
|
univer-m-0 univer-font-sans univer-text-sm univer-font-medium univer-leading-5 univer-text-gray-700
|
|
461
77
|
dark:!univer-text-gray-100
|
|
462
|
-
`,content:`univer-gap-2.5`,icon:`[&>svg]:univer-block [&>svg]:univer-size-4`,success:Y[q.Success],info:Y[q.Info],warning:Y[q.Warning],error:Y[q.Error],loading:Y[q.Loading]}},...t}),Nt=({content:e,duration:t,id:n,onClose:r,type:i=q.Info})=>{let a=n==null?jt():n,o=At(i),s=!1,c=()=>{s||(s=!0,J.delete(a),r==null||r())};return o(e,{id:a,toasterId:Tt,duration:t==null?Et:t,icon:i===q.Loading?void 0:kt[i],onDismiss:c,onAutoClose:c}),J.add(a),a},Pt=e=>{if(e!==void 0){x.toast.dismiss(e),J.delete(e);return}J.forEach(e=>{x.toast.dismiss(e)}),J.clear()};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)(r),{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.useEffect)(()=>{if(!n){c([-9999,-9999]);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(`
|
|
463
|
-
univer-relative univer-box-border univer-flex univer-size-4 univer-items-center
|
|
464
|
-
univer-justify-center univer-overflow-hidden univer-rounded-full univer-border univer-border-solid
|
|
465
|
-
univer-transition-colors
|
|
466
|
-
`,{"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:`
|
|
467
|
-
univer-absolute univer-left-1/2 univer-top-1/2 univer-block univer-size-2
|
|
468
|
-
-univer-translate-x-1/2 -univer-translate-y-1/2 univer-rounded-full univer-bg-white
|
|
469
|
-
`})})]}),(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(`
|
|
470
|
-
univer-m-0 univer-grid univer-max-h-80 univer-list-none univer-gap-1 univer-overflow-y-auto univer-rounded
|
|
471
|
-
univer-p-1.5
|
|
472
|
-
`,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(`
|
|
473
|
-
univer-relative univer-block univer-cursor-pointer univer-select-none univer-rounded
|
|
474
|
-
univer-py-1.5 univer-pl-8 univer-pr-2 univer-text-sm univer-text-gray-900
|
|
475
|
-
univer-transition-colors
|
|
476
|
-
hover:univer-bg-gray-100
|
|
477
|
-
dark:!univer-text-white
|
|
478
|
-
dark:hover:!univer-bg-gray-600
|
|
479
|
-
`,s,{"univer-bg-gray-200 dark:!univer-bg-gray-500":n}),onClick:()=>u(e.value),children:[!r&&n&&(0,f.jsx)(c.CheckMarkIcon,{className:`
|
|
480
|
-
univer-absolute univer-left-0 univer-top-1/2 -univer-translate-y-1/2
|
|
481
|
-
univer-pl-2 univer-text-primary-600
|
|
482
|
-
`}),(0,f.jsx)(`span`,{style:{color:e.color},children:e.label})]})},t)})})}const zt=T(`
|
|
483
|
-
univer-box-border univer-inline-flex univer-h-8 univer-min-w-36 univer-items-center univer-justify-between
|
|
484
|
-
univer-gap-2 univer-rounded-lg univer-bg-white univer-px-2.5 univer-transition-colors univer-duration-200
|
|
485
|
-
dark:!univer-bg-gray-700 dark:!univer-text-white
|
|
486
|
-
`,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)(ot,{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:`
|
|
487
|
-
univer-flex-1 univer-truncate univer-text-sm univer-text-gray-500
|
|
488
|
-
dark:!univer-text-white
|
|
489
|
-
`,children:m}),(0,f.jsx)(c.MoreDownIcon,{className:`
|
|
490
|
-
univer-flex-shrink-0
|
|
491
|
-
dark:!univer-text-white
|
|
492
|
-
`})]})})}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)(ot,{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:`
|
|
493
|
-
univer-flex-shrink-0
|
|
494
|
-
dark:!univer-text-white
|
|
495
|
-
`})]})})}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(`
|
|
496
|
-
univer-shrink-0 univer-bg-gray-200
|
|
497
|
-
data-[orientation=horizontal]:univer-h-px
|
|
498
|
-
data-[orientation=vertical]:univer-h-full
|
|
499
|
-
data-[orientation=horizontal]:univer-w-full
|
|
500
|
-
data-[orientation=vertical]:univer-w-px
|
|
501
|
-
dark:!univer-bg-gray-600
|
|
502
|
-
`,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(`
|
|
503
|
-
univer-absolute univer-inset-0 univer-cursor-pointer univer-rounded-2xl univer-transition-colors
|
|
504
|
-
univer-duration-200
|
|
505
|
-
`,{"univer-bg-primary-600":r,"univer-bg-gray-200 dark:!univer-bg-gray-600":!r}),children:(0,f.jsx)(`span`,{className:T(`
|
|
506
|
-
univer-absolute univer-bottom-0.5 univer-left-0.5 univer-size-3 univer-rounded-full
|
|
507
|
-
univer-bg-white univer-transition-transform univer-duration-200
|
|
508
|
-
`,{"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(`
|
|
509
|
-
univer-box-border univer-flex univer-w-full univer-resize univer-rounded-md univer-bg-transparent
|
|
510
|
-
univer-p-2 univer-text-base univer-text-gray-900 univer-outline-none
|
|
511
|
-
univer-transition-[color,box-shadow]
|
|
512
|
-
placeholder:univer-text-gray-200
|
|
513
|
-
disabled:univer-cursor-not-allowed disabled:univer-opacity-50
|
|
514
|
-
dark:!univer-text-white
|
|
515
|
-
`,R,I,i),onChange:c,...s})});function Gt({visibleToasts:e,...t}){return(0,f.jsx)(x.Toaster,{className:`
|
|
516
|
-
dark:![&_[data-description]]:univer-text-gray-200
|
|
517
|
-
[&_[data-description]]:univer-text-sm [&_[data-description]]:univer-text-gray-600
|
|
518
|
-
[&_[data-icon]>svg]:univer-relative [&_[data-icon]>svg]:univer-top-1
|
|
519
|
-
[&_[data-icon]]:univer-self-baseline
|
|
520
|
-
[&_[data-sonner-toast]]:univer-shadow-md
|
|
521
|
-
[&_[data-title]]:univer-text-sm [&_[data-title]]:univer-text-gray-900
|
|
522
|
-
`,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)}}},X=(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 X(e,n).find(e=>e.key===r)},Xt=(e,t,n)=>{let r=new Set(t),i=n[n.length-1],a=X(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=X(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(`
|
|
523
|
-
univer-absolute univer-left-[-16px] univer-top-1/2 univer-flex univer--translate-y-1/2
|
|
524
|
-
univer-items-center univer-justify-center univer-text-[8px]
|
|
525
|
-
`,{"univer-rotate-[-90deg]":!o}),onClick:e=>{e.stopPropagation(),x(t)},children:(0,f.jsx)(c.DropdownIcon,{})}),(0,f.jsx)(ue,{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}),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:`
|
|
526
79
|
univer-mx-1 univer-flex univer-h-full univer-shrink univer-items-center univer-overflow-hidden
|
|
527
80
|
univer-text-ellipsis univer-whitespace-nowrap
|
|
528
|
-
`,onClick:e=>{e.stopPropagation(),x(t)},children:(0,f.jsx)(
|
|
81
|
+
`,onClick:e=>{e.stopPropagation(),x(t)},children:(0,f.jsx)(ht,{className:`univer-block`,showIfEllipsis:!0,placement:`top`,title:n,children:(0,f.jsx)(`span`,{className:`univer-block`,children:n})})}),m&&m(t)]})},r)}return(0,f.jsx)(`section`,{className:`
|
|
529
82
|
univer-relative univer-select-none univer-text-gray-900
|
|
530
83
|
dark:!univer-text-white
|
|
531
|
-
`,children:(0,f.jsx)(`div`,{className:`univer-m-0 univer-h-full univer-list-none univer-p-0`,style:r,children:(0,f.jsx)(Kt,{data:b,itemKey:e=>e.key,height:d,itemHeight:p,children:e=>S(e)})})})}const
|
|
84
|
+
`,children:(0,f.jsx)(`div`,{className:`univer-m-0 univer-h-full univer-list-none univer-p-0`,style:r,children:(0,f.jsx)(Kt,{data:b,itemKey:e=>e.key,height:d,itemHeight:p,children:e=>S(e)})})})}const Q=new WeakMap;function nn(e,t){let n=Q.get(t);n||(n=(0,w.createRoot)(t),Q.set(t,n)),n.render(e)}function rn(e){let t=Q.get(e);t&&(t.unmount(),Q.delete(e))}const an=new Set;let $;function on(e){return $||($=new ResizeObserver((...e)=>{an.forEach(t=>t(...e))})),{observe(t,n){an.add(e),$.observe(t,n)},unobserve(t){an.delete(e),$.unobserve(t)}}}exports.Accordion=E,exports.Avatar=O,exports.Badge=k,exports.Button=j,exports.ButtonGroup=M,exports.Calendar=U,exports.CascaderList=oe,exports.Checkbox=ce,exports.CheckboxGroup=se,exports.ColorPicker=Fe,exports.ConfigContext=P,exports.ConfigProvider=F,exports.Confirm=Le,exports.DatePicker=He,exports.DateRangePicker=Ue,exports.Dialog=W,exports.DraggableList=Ge,exports.Dropdown=Ve,exports.DropdownMenu=it,exports.FormDualColumnLayout=st,exports.FormLayout=ot,exports.Gallery=ut,exports.GradientColorPicker=_t,exports.HoverCard=St,exports.Input=ft,exports.InputNumber=pt,exports.KBD=Ct,exports.MessageType=J,exports.Messager=jt,exports.MultipleSelect=Vt,exports.Pager=ct,exports.Popup=Ft,exports.Radio=Lt,exports.RadioGroup=It,exports.Segmented=mt,exports.Select=Bt,exports.SelectList=Rt,exports.Separator=Ht,exports.Switch=Ut,exports.Textarea=Wt,exports.TimeInput=ne,exports.Toaster=Gt,exports.Tooltip=ht,exports.Tree=tn,exports.TreeSelectionMode=$t,exports.borderBottomClassName=V,exports.borderClassName=R,exports.borderLeftBottomClassName=z,exports.borderLeftClassName=ee,exports.borderRightClassName=te,exports.borderTopClassName=B,exports.clsx=T,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=Qt,exports.findNodePathFromTree=qt,exports.findSubTreeFromPath=Z,exports.isBrowser=N,exports.mergeTreeSelected=Xt,exports.message=Mt,exports.removeMessage=Nt,exports.render=nn,exports.resizeObserverCtor=on,exports.scrollbarClassName=I,exports.toast=x.toast,exports.unmount=rn;
|