zs_library 0.3.19 → 0.3.21
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/index.d.ts +1 -0
- package/dist/components/md-editor/editor.d.ts +76 -0
- package/dist/components/md-editor/index.d.ts +7 -55
- package/dist/index.es.js +428 -398
- package/dist/index.umd.js +50 -48
- package/dist/zs_library.css +1 -1
- package/package.json +7 -5
package/dist/index.umd.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
(function(
|
|
1
|
+
(function(p,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("react/jsx-runtime"),require("@emotion/css"),require("react"),require("react-slick"),require("react-sortablejs"),require("framer-motion"),require("ahooks"),require("uuid"),require("rc-tooltip"),require("@remixicon/react"),require("rc-dialog"),require("react-json-view"),require("@mdxeditor/editor"),require("react-markdown"),require("remark-gfm"),require("remark-emoji"),require("rehype-raw"),require("react-syntax-highlighter"),require("rc-image"),require("clsx"),require("tailwind-merge")):typeof define=="function"&&define.amd?define(["exports","react/jsx-runtime","@emotion/css","react","react-slick","react-sortablejs","framer-motion","ahooks","uuid","rc-tooltip","@remixicon/react","rc-dialog","react-json-view","@mdxeditor/editor","react-markdown","remark-gfm","remark-emoji","rehype-raw","react-syntax-highlighter","rc-image","clsx","tailwind-merge"],e):(p=typeof globalThis<"u"?globalThis:p||self,e(p.zs_library={},p.jsxRuntime,p.css,p.React,p.Slider,p.reactSortablejs,p.framerMotion,p.ahooks,p.uuid,p.RcTooltip,p.react$1,p.Dialog,p.ReactJson,p.MDXEditor,p.Markdown,p.remarkGfm,p.emoji,p.rehypeRaw,p.reactSyntaxHighlighter,p.Image,p.clsx,p.tailwindMerge))})(this,function(p,e,t,b,Me,oe,s,se,ce,Ne,G,de,Be,h,De,Le,Pe,ze,$e,Ae,qe,Ee){"use strict";var so=Object.defineProperty;var co=(p,e,t)=>e in p?so(p,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):p[e]=t;var ie=(p,e,t)=>co(p,typeof e!="symbol"?e+"":e,t);require("./zs_library.css");const ge={token:{itemNameColor:"#1a1a1a",itemIconBackgroundColor:"white",itemIconShadowColor:"rgba(0, 0, 0, 0.1)",groupItemIconBackgroundColor:"rgba(255, 255, 255, 0.1)",groupItemIconShadowColor:"rgba(0, 0, 0, 0.1)",groupItemModalBackgroundColor:"rgba(255, 255, 255, 0.8)",contextMenuTextColor:"black",contextMenuActiveColor:"#f3f4f6",contextMenuBackgroundColor:"white",contextMenuShadowColor:"rgba(0, 0, 0, 0.1)"}},ue={token:{itemNameColor:"white",itemIconBackgroundColor:"#1f2937",itemIconShadowColor:"rgba(0, 0, 0, 0.1)",groupItemIconBackgroundColor:"rgba(0, 0, 0, 0.1)",groupItemIconShadowColor:"rgba(0, 0, 0, 0.1)",groupItemModalBackgroundColor:"rgba(0, 0, 0, 0.1)",contextMenuTextColor:"white",contextMenuActiveColor:"#1a1a1a",contextMenuBackgroundColor:"#1a1a1a",contextMenuShadowColor:"rgba(255, 255, 255, 0.1)"}},he=b.createContext({}),je=c=>{const{children:o,theme:a,...r}=c,l=b.useMemo(()=>a==="light"?ge:a==="dark"?ue:a,[a]);return e.jsx(he.Provider,{value:{theme:l,...r},children:o})},W=()=>b.useContext(he),pe={maxRow:2,maxCol:2},He={...pe},me={app:pe,group:He};class O{}ie(O,"uniqueArray",o=>o.reduce((a,r)=>a.find(n=>n.id===r.id)?a:a.concat([r]),[])),ie(O,"getTheme",o=>{const a=ge.token,r=ue.token,l={...a,...o==null?void 0:o.token},n={...r,...o==null?void 0:o.token};return{light:l,dark:n}});const fe=b.createContext({list:[],setList:()=>{},contextMenu:null,setContextMenu:()=>{},listStatus:null,setListStatus:()=>{},contextMenuFuns:()=>{},hideContextMenu:()=>{},showInfoItemData:null,setShowInfoItemData:()=>{},openGroupItemData:null,setOpenGroupItemData:()=>{},longPressTriggered:!1,updateItem:()=>{},updateItemConfig:()=>{},removeItem:()=>{},addItem:()=>{},moveItemId:null,setMoveItemId:()=>{},moveTargetId:null,setMoveTargetId:()=>{}}),Fe=c=>{const{children:o,list:a=[],onChange:r,storageKey:l="ZS_LIBRARY_DESKTOP_SORTABLE_CONFIG",enableCaching:n=!0}=c,[d,k]=b.useState(),[i,C]=b.useState(),[S,A]=b.useState(null),D=b.useRef(S),[j,q]=b.useState(null),[u,g]=b.useState([]),[I,x]=b.useState(null),[z,m]=b.useState(null),[M,T]=b.useState(!1),[f,y]=b.useState(null),[H,J]=b.useState(null),[F,le]=b.useState(!1),[K,R]=se.useLocalStorageState(l,{defaultValue:[],listenStorageChange:!0}),ee=()=>{q(null),clearTimeout(d),k(void 0),D.current=null},L=(v,Y)=>{q({...v,pageX:v.pageX,pageY:v.pageY,data:Y}),clearTimeout(d)},U=(v,Y=!0)=>{const{config:X={}}=v;return X.allowContextMenu===!1?{}:{onMouseDown:N=>{k(setTimeout(()=>{Y&&D.current===null&&L(N,v)},800)),T(!1),C(setTimeout(()=>{T(!0)},800))},onMouseUp:()=>{clearTimeout(i),C(void 0),clearTimeout(d),k(void 0)},onContextMenu:N=>{Y&&(N.preventDefault(),L(N,v))}}},Z=(v,Y)=>{const X=[...Y||[]];if(X.length>0)g(N=>{const $=[...N],P=w=>{var Ie,Te;const B=X.shift(),E=w.find(V=>V.id===B),_=w.findIndex(V=>V.id===B);if(X.length&&E){if(((Ie=E.children)==null?void 0:Ie.filter(V=>!v.some(io=>io.id===V.id)).length)===1&&v.length===1){const V={...v[0]};return w.splice(_,1,V),r==null||r(w),w}return E.children=P(E.children||[]),w.splice(_,1,E),r==null||r(w),w}if(E){if(!((Te=E.children)!=null&&Te.length)&&v.length){const V={...E};return E.data={name:"文件夹"},E.type="group",E.children=[V,...v],E.id=ce.v4(),w.splice(_,1,E),r==null||r(w),w}return E.children=O.uniqueArray(v),w.splice(_,1,E),r==null||r(w),w}return O.uniqueArray(v)};return O.uniqueArray(P($))});else{const N=O.uniqueArray(v);r==null||r(N),g(N)}},ro=(v,Y)=>{g(X=>{const N=[...X],$=P=>{var w;for(let B=0;B<P.length;B++)if(P[B].id===v){P[B].config=Y;break}else((w=P[B].children)==null?void 0:w.length)!==void 0&&$(P[B].children)};return $(N),r==null||r(N),N})},no=(v,Y)=>{g(X=>{const N=[...X],$=P=>{var w;for(let B=0;B<P.length;B++)if(P[B].id===v){P[B].data=Y;break}else((w=P[B].children)==null?void 0:w.length)!==void 0&&$(P[B].children)};return $(N),r==null||r(N),N})},ao=v=>{g(Y=>{const X=[...Y],N=$=>{var P;for(let w=0;w<$.length;w++)if($[w].id===v){$.splice(w,1);break}else((P=$[w].children)==null?void 0:P.length)!==void 0&&N($[w].children)};return N(X),r==null||r(X),X})},lo=(v,Y)=>{const X=[...u],N=($,P)=>{const w=P.shift(),B=$.find(_=>_.id===w),E=$.findIndex(_=>_.id===w);if(B){if(P.length)B.children=N(B.children||[],P);else{const _=(v==null?void 0:v.type)??"app";B.children=[...B.children??[],{...v,id:ce.v4(),config:(v==null?void 0:v.config)??me[_]}]}return $.splice(E,1,B),$}else return $};g(N(X,Y))};return b.useEffect(()=>{(a==null?void 0:a.length)>0&&u.length===0&&Z(a)},[a]),b.useEffect(()=>{D.current=S,S!==null&&ee()},[S]),b.useEffect(()=>{n&&K!=null&&K.length&&!F&&(Z(K),le(!0))},[K,F,n]),se.useDebounceEffect(()=>{n&&R(u)},[u,n],{wait:1e3}),e.jsx(fe.Provider,{value:{list:u,setList:Z,contextMenu:j,setContextMenu:q,listStatus:S,setListStatus:A,contextMenuFuns:U,hideContextMenu:ee,showInfoItemData:I,setShowInfoItemData:x,openGroupItemData:z,setOpenGroupItemData:m,longPressTriggered:M,updateItemConfig:ro,updateItem:no,removeItem:ao,addItem:lo,moveItemId:f,setMoveItemId:y,moveTargetId:H,setMoveTargetId:J},children:o})},Q=()=>b.useContext(fe),Xe={menuShow:{opacity:1,y:0,transition:{type:"spring",stiffness:300,damping:24}},menuHide:{opacity:0,y:20,transition:{duration:.2}}},te=c=>{const{icon:o,title:a,onClick:r}=c,{theme:l}=W(),{light:n,dark:d}=O.getTheme(l);return e.jsx(s.motion.div,{className:t.css`
|
|
2
2
|
&:hover {
|
|
3
|
-
background-color: ${
|
|
3
|
+
background-color: ${n.contextMenuActiveColor};
|
|
4
4
|
@media (prefers-color-scheme: dark) {
|
|
5
5
|
background-color: ${d.contextMenuActiveColor};
|
|
6
6
|
}
|
|
@@ -14,17 +14,17 @@
|
|
|
14
14
|
transition: all 0.3s;
|
|
15
15
|
user-select: none;
|
|
16
16
|
border-radius: 0.5rem;
|
|
17
|
-
`,onClick:k=>{k.stopPropagation(),r==null||r()},variants:
|
|
17
|
+
`,onClick:k=>{k.stopPropagation(),r==null||r()},variants:Xe,children:e.jsxs(s.motion.div,{className:t.cx("py-1.5 px-3 rounded-lg",t.css`
|
|
18
18
|
padding-top: 0.375rem;
|
|
19
19
|
padding-bottom: 0.375rem;
|
|
20
20
|
padding-left: 0.75rem;
|
|
21
21
|
padding-right: 0.75rem;
|
|
22
22
|
border-radius: 0.5rem;
|
|
23
|
-
`),whileTap:{scale:.9},children:[
|
|
23
|
+
`),whileTap:{scale:.9},children:[e.jsx(s.motion.div,{className:t.cx(t.css`
|
|
24
24
|
margin-bottom: 0.375rem;
|
|
25
25
|
display: flex;
|
|
26
26
|
justify-content: center;
|
|
27
|
-
`),children:
|
|
27
|
+
`),children:o}),e.jsx(s.motion.div,{children:a})]})})},Ge=c=>{const{showInfoButton:o=!0,showRemoveButton:a=!0,showShareButton:r=!0,showSizeButton:l=!0,onInfoClick:n,onShareClick:d,onRemoveClick:k}=c,{contextMenu:i,setContextMenu:C,hideContextMenu:S,setShowInfoItemData:A,removeItem:D,updateItemConfig:j}=Q(),{theme:q}=W(),{light:u,dark:g}=O.getTheme(q),{data:I}=i??{},{config:x={}}=I??{},z=()=>{var T;const m=me[(T=i==null?void 0:i.data)==null?void 0:T.type],M=[];for(let f=1;f<=((m==null?void 0:m.maxRow)??2);f++)for(let y=1;y<=((m==null?void 0:m.maxCol)??2);y++)M.push(`${f}x${y}`);return M};return e.jsx(s.AnimatePresence,{children:i&&e.jsxs(s.motion.div,{initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},onMouseDown:m=>{m.stopPropagation(),m.preventDefault()},children:[e.jsx(s.motion.div,{className:t.cx(t.css`
|
|
28
28
|
border-radius: 0.5rem;
|
|
29
29
|
overflow: hidden;
|
|
30
30
|
background-color: ${u.contextMenuBackgroundColor};
|
|
@@ -33,16 +33,16 @@
|
|
|
33
33
|
background-color: ${g.contextMenuBackgroundColor};
|
|
34
34
|
box-shadow: 0 0 0.5rem ${g.contextMenuShadowColor};
|
|
35
35
|
}
|
|
36
|
-
`),children:l&&x.allowResize!==!1&&
|
|
36
|
+
`),children:l&&x.allowResize!==!1&&e.jsx(s.motion.ul,{className:t.css`
|
|
37
37
|
background-color: white;
|
|
38
38
|
padding: 0.25rem;
|
|
39
39
|
margin: 0;
|
|
40
|
-
`,children:[{label:"修改大小",key:"size",icon:
|
|
40
|
+
`,children:[{label:"修改大小",key:"size",icon:e.jsx(G.RiPencilRuler2Line,{size:14}),items:z().map(m=>({label:m,key:m,onClick:()=>{const[M,T]=m.split("x").map(Number);j(i.data.id,{row:M,col:T})}}))}].map(m=>e.jsxs(s.motion.li,{className:t.css`
|
|
41
41
|
padding-top: 0.5rem;
|
|
42
42
|
padding-bottom: 0.5rem;
|
|
43
43
|
padding-left: 0.75rem;
|
|
44
44
|
padding-right: 0.75rem;
|
|
45
|
-
`,children:[
|
|
45
|
+
`,children:[e.jsxs(s.motion.p,{className:t.css`
|
|
46
46
|
display: flex;
|
|
47
47
|
align-items: center;
|
|
48
48
|
font-size: 0.875rem;
|
|
@@ -50,11 +50,11 @@
|
|
|
50
50
|
gap: 0.5rem;
|
|
51
51
|
padding-bottom: 0.5rem;
|
|
52
52
|
margin: 0;
|
|
53
|
-
`,children:[
|
|
53
|
+
`,children:[m.icon," ",m.label]}),e.jsx(s.motion.div,{className:t.css`
|
|
54
54
|
display: grid;
|
|
55
55
|
grid-template-columns: repeat(2, minmax(0, 1fr));
|
|
56
56
|
gap: 0.25rem;
|
|
57
|
-
`,children:
|
|
57
|
+
`,children:m.items.map(M=>e.jsx(s.motion.div,{className:t.cx("py-1 px-2 hover:bg-gray-100 rounded transition-all cursor-pointer text-center text-sm",t.css`
|
|
58
58
|
padding-top: 0.25rem;
|
|
59
59
|
padding-bottom: 0.25rem;
|
|
60
60
|
padding-left: 0.5rem;
|
|
@@ -80,7 +80,7 @@
|
|
|
80
80
|
@media (prefers-color-scheme: dark) {
|
|
81
81
|
background-color: ${g.contextMenuActiveColor};
|
|
82
82
|
}
|
|
83
|
-
`),onClick:M.onClick,children:M.label},M.key))})]},
|
|
83
|
+
`),onClick:M.onClick,children:M.label},M.key))})]},m.key))})}),e.jsxs(s.motion.div,{className:t.cx(t.css`
|
|
84
84
|
background-color: ${u.contextMenuBackgroundColor};
|
|
85
85
|
box-shadow: 0 0 0.5rem ${u.contextMenuShadowColor};
|
|
86
86
|
@media (prefers-color-scheme: dark) {
|
|
@@ -94,7 +94,7 @@
|
|
|
94
94
|
border-radius: 0.5rem;
|
|
95
95
|
overflow: hidden;
|
|
96
96
|
padding: 0.25rem;
|
|
97
|
-
`),children:[r&&
|
|
97
|
+
`),children:[r&&e.jsx(te,{icon:e.jsx(G.RiShareLine,{size:20}),title:"分享",onClick:()=>{if(d){d(i.data);return}}}),o&&e.jsx(te,{icon:e.jsx(G.RiInformationLine,{size:20}),title:"信息",onClick:()=>{if(n){n(i.data);return}A({...i.data,pageX:i.pageX,pageY:i.pageY}),S()}}),a&&e.jsx(te,{icon:e.jsx(G.RiCloseCircleLine,{size:20}),title:"移除",onClick:()=>{if(k){k(i.data,D);return}C(null),D(i.data.id)}})]})]})})},Ye=c=>{const{data:o,noLetters:a=!1}=c,{contextMenuFuns:r}=Q(),{itemIconBuilder:l,theme:n,contextMenu:d}=W(),{light:k,dark:i}=O.getTheme(n),{data:C={}}=o,{name:S}=C;return e.jsxs(e.Fragment,{children:[e.jsx(s.motion.div,{className:t.css`
|
|
98
98
|
width: 4rem;
|
|
99
99
|
height: 4rem;
|
|
100
100
|
background-color: ${k.itemIconBackgroundColor};
|
|
@@ -107,7 +107,7 @@
|
|
|
107
107
|
background-color: ${i.itemIconBackgroundColor};
|
|
108
108
|
box-shadow: 0 0 0.5rem ${i.itemIconShadowColor};
|
|
109
109
|
}
|
|
110
|
-
`,whileTap:{scale:.9},children:
|
|
110
|
+
`,whileTap:{scale:.9},children:e.jsx("div",{className:t.css`
|
|
111
111
|
position: absolute;
|
|
112
112
|
left: 0;
|
|
113
113
|
top: 0;
|
|
@@ -117,7 +117,7 @@
|
|
|
117
117
|
@media (prefers-color-scheme: dark) {
|
|
118
118
|
color: ${i.itemNameColor};
|
|
119
119
|
}
|
|
120
|
-
`,...r(
|
|
120
|
+
`,...r(o,d!==!1),children:l==null?void 0:l(o)})}),e.jsx(s.motion.p,{className:t.cx(t.css`
|
|
121
121
|
text-align: center;
|
|
122
122
|
margin-top: 0.25rem;
|
|
123
123
|
margin-bottom: 0;
|
|
@@ -125,25 +125,25 @@
|
|
|
125
125
|
@media (prefers-color-scheme: dark) {
|
|
126
126
|
color: ${i.itemNameColor};
|
|
127
127
|
}
|
|
128
|
-
`,
|
|
128
|
+
`,a&&t.css`
|
|
129
129
|
color: transparent;
|
|
130
|
-
`),children:S})]})},re=c=>{const{data:
|
|
130
|
+
`),children:S})]})},re=c=>{const{data:o,className:a,itemIndex:r,onClick:l,disabledDrag:n=!1,children:d,parentIds:k,childrenLength:i}=c,{contextMenu:C,setContextMenu:S}=Q(),{contextMenu:A}=W();return e.jsx(Ne,{placement:"bottom",overlayClassName:t.css`
|
|
131
131
|
background-color: transparent;
|
|
132
132
|
.rc-tooltip-inner {
|
|
133
133
|
background-color: transparent;
|
|
134
134
|
padding: 0;
|
|
135
135
|
border: none;
|
|
136
136
|
}
|
|
137
|
-
`,overlay:
|
|
137
|
+
`,overlay:e.jsx(Ge,{...A}),visible:(C==null?void 0:C.data.id)===o.id,onVisibleChange:D=>{D||S(null)},destroyTooltipOnHide:!0,children:e.jsx(s.motion.div,{"data-id":o.id,"data-index":r,"data-parent-ids":k==null?void 0:k.join(","),"data-children-length":i,onClick:()=>l==null?void 0:l(o),className:t.cx(n&&"drag-disabled",a),children:d??e.jsx(Ye,{...c})})})},Oe=c=>{const{data:o,className:a,parentIds:r,itemIndex:l,onClick:n,noLetters:d=!1}=c,{contextMenuFuns:k,setList:i,setOpenGroupItemData:C,longPressTriggered:S,moveItemId:A,moveTargetId:D,setMoveTargetId:j,listStatus:q}=Q(),{itemIconBuilder:u,theme:g,contextMenu:I}=W(),{light:x,dark:z}=O.getTheme(g),{children:m,data:M,config:T}=o,{row:f=1,col:y=1}=T??{},H={visible:{opacity:1,scale:1},hidden:{opacity:0,scale:.95}},J=((m==null?void 0:m.length)??0)===0,F=J?[o]:[...m??[]].slice(0,9),le=b.useMemo(()=>A===o.id.toString(),[o.id,A]),K=b.useMemo(()=>D===o.id,[o.id,D]),R=t.css`
|
|
138
138
|
overflow: hidden;
|
|
139
139
|
cursor: pointer;
|
|
140
140
|
background-color: ${x.itemIconBackgroundColor};
|
|
141
141
|
box-shadow: 0 0 0.5rem ${x.itemIconShadowColor};
|
|
142
142
|
@media (prefers-color-scheme: dark) {
|
|
143
|
-
background-color: ${
|
|
144
|
-
box-shadow: 0 0 0.5rem ${
|
|
143
|
+
background-color: ${z.itemIconBackgroundColor};
|
|
144
|
+
box-shadow: 0 0 0.5rem ${z.itemIconShadowColor};
|
|
145
145
|
}
|
|
146
|
-
`,ee=()=>{if(
|
|
146
|
+
`,ee=()=>{if(J)return e.jsx(s.motion.div,{className:t.cx("sortable-group-item",t.css`
|
|
147
147
|
overflow: hidden;
|
|
148
148
|
cursor: pointer;
|
|
149
149
|
width: 100%;
|
|
@@ -154,9 +154,9 @@
|
|
|
154
154
|
top: 0;
|
|
155
155
|
border-radius: 0.75rem;
|
|
156
156
|
@media (prefers-color-scheme: dark) {
|
|
157
|
-
background-color: ${
|
|
157
|
+
background-color: ${z.itemIconBackgroundColor};
|
|
158
158
|
}
|
|
159
|
-
`),onClick:
|
|
159
|
+
`),onClick:L=>{L.stopPropagation(),n==null||n(o)},children:u==null?void 0:u(o)});if(f===1&&y===1||f===2&&y===2)return e.jsx(s.motion.div,{className:t.css`
|
|
160
160
|
display: grid;
|
|
161
161
|
width: 100%;
|
|
162
162
|
height: 100%;
|
|
@@ -165,11 +165,11 @@
|
|
|
165
165
|
padding: ${y===1?"0.125rem":"0.25rem"};
|
|
166
166
|
gap: ${y===1?"0.125rem":"0.5rem"};
|
|
167
167
|
place-items: center;
|
|
168
|
-
`,children:F==null?void 0:F.slice(0,9).map(
|
|
168
|
+
`,children:F==null?void 0:F.slice(0,9).map(L=>e.jsx(s.motion.div,{className:t.cx(R,t.css`
|
|
169
169
|
border-radius: ${y===1?"0.25rem":"0.5rem"};
|
|
170
170
|
width: 100%;
|
|
171
171
|
height: 100%;
|
|
172
|
-
`),onClick:
|
|
172
|
+
`),onClick:U=>{U.stopPropagation(),n==null||n(L)},children:u==null?void 0:u(L)},L.id))});if(f===1&&y===2)return e.jsx(s.motion.div,{className:t.css`
|
|
173
173
|
display: grid;
|
|
174
174
|
grid-template-columns: repeat(10, minmax(0, 1fr));
|
|
175
175
|
grid-template-rows: repeat(4, minmax(0, 1fr));
|
|
@@ -178,7 +178,7 @@
|
|
|
178
178
|
width: 144px;
|
|
179
179
|
height: 52px;
|
|
180
180
|
place-items: center;
|
|
181
|
-
`,children:F==null?void 0:F.slice(0,4).map((
|
|
181
|
+
`,children:F==null?void 0:F.slice(0,4).map((L,U)=>e.jsx(s.motion.div,{className:t.cx(R,U<2?t.css`
|
|
182
182
|
width: 52px;
|
|
183
183
|
height: 52px;
|
|
184
184
|
border-radius: 0.5rem;
|
|
@@ -190,7 +190,7 @@
|
|
|
190
190
|
border-radius: 0.375rem;
|
|
191
191
|
grid-column: span 2 / span 2;
|
|
192
192
|
grid-row: span 2 / span 2;
|
|
193
|
-
`),onClick:
|
|
193
|
+
`),onClick:Z=>{U>2||(Z.stopPropagation(),n==null||n(L))},children:u==null?void 0:u(L)},L.id))});if(f===2&&y===1)return e.jsx(s.motion.div,{className:t.css`
|
|
194
194
|
display: grid;
|
|
195
195
|
grid-template-columns: repeat(4, minmax(0, 1fr));
|
|
196
196
|
grid-template-rows: repeat(10, minmax(0, 1fr));
|
|
@@ -199,7 +199,7 @@
|
|
|
199
199
|
width: 52px;
|
|
200
200
|
height: 144px;
|
|
201
201
|
place-items: center;
|
|
202
|
-
`,children:F==null?void 0:F.slice(0,4).map((
|
|
202
|
+
`,children:F==null?void 0:F.slice(0,4).map((L,U)=>e.jsx(s.motion.div,{className:t.cx(R,U<2?t.css`
|
|
203
203
|
width: 52px;
|
|
204
204
|
height: 52px;
|
|
205
205
|
border-radius: 0.5rem;
|
|
@@ -210,25 +210,25 @@
|
|
|
210
210
|
height: 1.5rem;
|
|
211
211
|
grid-column: span 2 / span 2;
|
|
212
212
|
grid-row: span 2 / span 2;
|
|
213
|
-
`),onClick:
|
|
214
|
-
grid-row: span ${
|
|
213
|
+
`),onClick:Z=>{U>2||(Z.stopPropagation(),n==null||n(L))},children:u==null?void 0:u(L)},L.id))})};return e.jsxs(re,{data:o,itemIndex:l,parentIds:r,childrenLength:m==null?void 0:m.length,className:t.cx(t.css`
|
|
214
|
+
grid-row: span ${f};
|
|
215
215
|
grid-column: span ${y};
|
|
216
|
-
`,
|
|
216
|
+
`,a),children:[e.jsx(s.motion.div,{whileTap:{scale:.9},className:t.cx(K?"!scale-110":"",t.css`
|
|
217
217
|
cursor: pointer;
|
|
218
218
|
position: relative;
|
|
219
219
|
border-radius: 0.75rem;
|
|
220
220
|
background-color: ${x.groupItemIconBackgroundColor};
|
|
221
221
|
box-shadow: 0 0 0.5rem ${x.groupItemIconShadowColor};
|
|
222
222
|
@media (prefers-color-scheme: dark) {
|
|
223
|
-
background-color: ${
|
|
224
|
-
box-shadow: 0 0 0.5rem ${
|
|
223
|
+
background-color: ${z.groupItemIconBackgroundColor};
|
|
224
|
+
box-shadow: 0 0 0.5rem ${z.groupItemIconShadowColor};
|
|
225
225
|
}
|
|
226
226
|
/* overflow: hidden; */
|
|
227
227
|
transition: all 0.3s;
|
|
228
228
|
margin: 0 auto;
|
|
229
229
|
width: ${y*64+32*(y-1)}px;
|
|
230
|
-
height: ${
|
|
231
|
-
`),onClick:
|
|
230
|
+
height: ${f*64+32*(f-1)}px;
|
|
231
|
+
`),onClick:L=>{!J&&!S&&(o.parentIds=r,o.pageX=L.pageX,o.pageY=L.pageY,C(o))},...k(o,I!==!1),children:e.jsxs(s.motion.div,{className:t.css`
|
|
232
232
|
position: relative;
|
|
233
233
|
width: 100%;
|
|
234
234
|
height: 100%;
|
|
@@ -236,7 +236,7 @@
|
|
|
236
236
|
justify-content: center;
|
|
237
237
|
align-items: center;
|
|
238
238
|
padding: 0.375rem;
|
|
239
|
-
`,children:[ee(),
|
|
239
|
+
`,children:[ee(),e.jsx(oe.ReactSortable,{className:t.cx("sortable-group-item",t.css`
|
|
240
240
|
position: absolute;
|
|
241
241
|
cursor: pointer;
|
|
242
242
|
left: 0.375rem;
|
|
@@ -247,13 +247,13 @@
|
|
|
247
247
|
> * {
|
|
248
248
|
opacity: 0;
|
|
249
249
|
}
|
|
250
|
-
`),group:{name:"nested",pull:!1,put:!0},animation:150,fallbackOnBody:!0,list:
|
|
250
|
+
`),group:{name:"nested",pull:!1,put:!0},animation:150,fallbackOnBody:!0,list:m??[],setList:L=>i(L,r),filter:()=>!0,"data-id":o.id,onChange:()=>{j(o.id)}})]})}),e.jsx(s.motion.p,{className:t.cx(t.css`
|
|
251
251
|
text-align: center;
|
|
252
252
|
margin-top: 0.25rem;
|
|
253
253
|
margin-bottom: 0;
|
|
254
254
|
color: ${x.itemNameColor};
|
|
255
255
|
@media (prefers-color-scheme: dark) {
|
|
256
|
-
color: ${
|
|
256
|
+
color: ${z.itemNameColor};
|
|
257
257
|
}
|
|
258
258
|
`,d&&t.css`
|
|
259
259
|
color: transparent;
|
|
@@ -269,7 +269,7 @@
|
|
|
269
269
|
transition: all 0.2s;
|
|
270
270
|
}
|
|
271
271
|
}
|
|
272
|
-
`,
|
|
272
|
+
`,_e=c=>{const{data:o,onClose:a,onItemClick:r}=c,{list:l,setList:n,setListStatus:d,setMoveItemId:k,setMoveTargetId:i,updateItem:C}=Q(),{theme:S}=W(),{light:A,dark:D}=O.getTheme(S),[j,q]=b.useState("文件夹"),u=[...(o==null?void 0:o.children)??[]];return b.useEffect(()=>{var g;o&&q((g=o.data)==null?void 0:g.name)},[o]),e.jsx(de,{visible:!!o,onClose:()=>{a()},animation:"zoom",maskAnimation:"fade",mousePosition:o!=null&&o.pageX&&(o!=null&&o.pageY)?{x:o==null?void 0:o.pageX,y:o==null?void 0:o.pageY}:null,title:e.jsx("input",{className:t.css`
|
|
273
273
|
background-color: transparent;
|
|
274
274
|
border-style: none;
|
|
275
275
|
text-align: center;
|
|
@@ -282,7 +282,7 @@
|
|
|
282
282
|
&:focus {
|
|
283
283
|
outline: none;
|
|
284
284
|
}
|
|
285
|
-
`,value:j,onChange:g=>{q(g.target.value)},onBlur:()=>{
|
|
285
|
+
`,value:j,onChange:g=>{q(g.target.value)},onBlur:()=>{o&&C(o.id,{...o.data,name:j})}}),footer:null,closable:!1,className:t.cx("group-item-modal",t.css`
|
|
286
286
|
.rc-dialog-content {
|
|
287
287
|
background-color: transparent;
|
|
288
288
|
box-shadow: none;
|
|
@@ -305,18 +305,18 @@
|
|
|
305
305
|
overflow: hidden;
|
|
306
306
|
}
|
|
307
307
|
}
|
|
308
|
-
`),width:600,destroyOnClose:!0,children:
|
|
308
|
+
`),width:600,destroyOnClose:!0,children:e.jsx("div",{className:t.css`
|
|
309
309
|
overflow-y: auto;
|
|
310
310
|
max-height: 60vh;
|
|
311
311
|
padding: 1.25rem 0;
|
|
312
|
-
`,onDragLeave:g=>{const I=g.relatedTarget;I&&(g.currentTarget.contains(I)||setTimeout(()=>{
|
|
312
|
+
`,onDragLeave:g=>{const I=g.relatedTarget;I&&(g.currentTarget.contains(I)||setTimeout(()=>{a()},500))},children:e.jsx(oe.ReactSortable,{className:t.css`
|
|
313
313
|
display: grid;
|
|
314
314
|
gap: 1rem;
|
|
315
315
|
place-items: center;
|
|
316
316
|
grid-template-columns: repeat(auto-fill, 96px);
|
|
317
317
|
grid-auto-flow: dense;
|
|
318
318
|
grid-auto-rows: 96px;
|
|
319
|
-
`,group:{name:"nested",pull:!0,put:!1},animation:150,fallbackOnBody:!0,list:(
|
|
319
|
+
`,group:{name:"nested",pull:!0,put:!1},animation:150,fallbackOnBody:!0,list:(o==null?void 0:o.children)??[],setList:g=>{var z,m;const I=g.map(M=>M.id),x=(m=(z=l.find(M=>M.id===(o==null?void 0:o.id)))==null?void 0:z.children)==null?void 0:m.map(M=>M.id);I.length===(x==null?void 0:x.length)&&I.every((M,T)=>M===x[T])||I.length<((x==null?void 0:x.length)??0)||n(g,[...(o==null?void 0:o.parentIds)??[],o==null?void 0:o.id])},onMove:()=>(i(null),d("onMove"),!0),onStart:g=>{const I=g.item.dataset;I!=null&&I.id&&k(I.id),d("onMove")},onEnd:()=>{k(null),i(null),d(null)},ghostClass:be,children:u.map((g,I)=>e.jsx(re,{data:g,itemIndex:I,onClick:r},g.id))})})})},Ue=c=>{var r;const{data:o,onClose:a}=c;return e.jsx(de,{visible:!!o,onClose:()=>{a()},animation:"zoom",maskAnimation:"fade",mousePosition:o!=null&&o.pageX&&(o!=null&&o.pageY)?{x:o==null?void 0:o.pageX,y:o==null?void 0:o.pageY}:null,footer:null,title:((r=o==null?void 0:o.data)==null?void 0:r.name)??"信息",children:o&&e.jsxs("div",{children:[e.jsx("div",{className:"mb-2",children:"开发者信息"}),e.jsx("div",{className:"p-2 rounded-md bg-[#272822]",children:e.jsx(Be,{src:o,theme:"monokai"})})]})})},Ve=c=>{const{pagination:o={position:"bottom"},className:a,sliderProps:r,sliderRef:l,onItemClick:n}=c,d=b.useRef(null),k=b.useRef(null),{list:i,setList:C,setListStatus:S,showInfoItemData:A,setShowInfoItemData:D,openGroupItemData:j,setOpenGroupItemData:q,setMoveItemId:u,setMoveTargetId:g,addItem:I}=Q(),{pagingDotBuilder:x,pagingDotsBuilder:z,itemBuilder:m}=W(),M=b.useMemo(()=>o===!1?{}:{top:t.css`
|
|
320
320
|
display: flex;
|
|
321
321
|
flex-direction: column;
|
|
322
322
|
.slick-list {
|
|
@@ -359,7 +359,7 @@
|
|
|
359
359
|
flex-direction: column;
|
|
360
360
|
}
|
|
361
361
|
}
|
|
362
|
-
`}[
|
|
362
|
+
`}[o.position??"bottom"],[o]);return e.jsxs(e.Fragment,{children:[e.jsx(Me,{useCSS:!0,useTransform:!0,arrows:!1,ref:l??d,infinite:!1,dots:!0,touchMove:!1,lazyLoad:"anticipated",className:t.cx(M,t.css`
|
|
363
363
|
.slick-track {
|
|
364
364
|
display: flex;
|
|
365
365
|
align-items: stretch;
|
|
@@ -374,7 +374,7 @@
|
|
|
374
374
|
width: 100%;
|
|
375
375
|
}
|
|
376
376
|
}
|
|
377
|
-
`,
|
|
377
|
+
`,a),customPaging:T=>{var f,y;return x?x(i[T],T):e.jsx("div",{onDragEnter:()=>{var H;(H=(l??d).current)==null||H.slickGoTo(T)},children:(y=(f=i[T])==null?void 0:f.data)==null?void 0:y.name})},appendDots:T=>z?z(T):o===!1?e.jsx("div",{}):e.jsx("div",{children:e.jsx("ul",{ref:k,className:t.cx("slick-dots-default",t.css`
|
|
378
378
|
padding: 0.5rem;
|
|
379
379
|
display: inline-flex;
|
|
380
380
|
justify-content: center;
|
|
@@ -393,7 +393,7 @@
|
|
|
393
393
|
width: auto;
|
|
394
394
|
height: auto;
|
|
395
395
|
}
|
|
396
|
-
`),children:T})}),...r,children:i.map(T=>
|
|
396
|
+
`),children:T})}),...r,children:i.map(T=>e.jsx("div",{onDrop:f=>{f.preventDefault();const y=f.dataTransfer.getData("text/plain");if(y!=="")try{I(JSON.parse(y),[T.id])}catch(H){console.log("drag error",H)}},onDragOver:f=>{f.preventDefault()},children:e.jsx(oe.ReactSortable,{className:t.cx(t.css`
|
|
397
397
|
display: grid;
|
|
398
398
|
transition: all 0.3s;
|
|
399
399
|
grid-template-columns: repeat(auto-fill, 96px);
|
|
@@ -402,7 +402,7 @@
|
|
|
402
402
|
place-items: center;
|
|
403
403
|
justify-content: center;
|
|
404
404
|
align-items: center;
|
|
405
|
-
`),animation:150,fallbackOnBody:!0,swapThreshold:.65,group:"nested",list:T.children??[],setList:
|
|
405
|
+
`),animation:150,fallbackOnBody:!0,swapThreshold:.65,group:"nested",list:T.children??[],setList:f=>C(f,[T.id]),filter:".drag-disabled",onMove:f=>{S("onMove");const{dragged:y,related:H}=f,J=y.dataset,F=H.dataset;return g(null),!((Object.keys(F).length===0||F.parentIds)&&Number(J.childrenLength)>0&&H.classList.contains("sortable-group-item"))},onStart:f=>{const y=f.item.dataset;y!=null&&y.id&&u(y.id),S("onMove")},onEnd:()=>{u(null),g(null),S(null)},ghostClass:be,children:(T.children??[]).map((f,y)=>{let H;if(m)return m(f);switch(f.type){case"group":case"app":H=e.jsx(Oe,{data:f,itemIndex:y,parentIds:[T.id,f.id],onClick:n},f.id);break;default:H=e.jsx(re,{data:f,itemIndex:y,onClick:n},f.id);break}return H})})},T.id))}),e.jsx(Ue,{data:A,onClose:()=>{D(null)}}),e.jsx(_e,{data:j,onClose:()=>{q(null)},onItemClick:n})]})},We=c=>{const{list:o,onChange:a,storageKey:r,enableCaching:l,theme:n,noLetters:d,contextMenu:k,contextMenuBuilder:i,itemBuilder:C,itemIconBuilder:S,pagingDotBuilder:A,pagingDotsBuilder:D,...j}=c,q={list:o,onChange:a,storageKey:r,enableCaching:l},u={theme:n,noLetters:d,contextMenu:k,pagingDotsBuilder:D,pagingDotBuilder:A,itemBuilder:C,itemIconBuilder:S,contextMenuBuilder:i};return e.jsx(Fe,{...q,children:e.jsx(je,{...u,children:e.jsx(Ve,{...j})})})},Je={frontmatterEditor:{title:"编辑前置元数据",key:"键",value:"值",addEntry:"添加项目"},dialogControls:{save:"保存",cancel:"取消"},uploadImage:{uploadInstructions:"从您的设备中上传图片：",addViaUrlInstructions:"或从网址新增图片：",autoCompletePlaceholder:"选择或粘贴图片",alt:"替代文本：",title:"标题："},imageEditor:{editImage:"编辑图片"},createLink:{url:"网址",urlPlaceholder:"选择或粘贴网址",title:"标题",saveTooltip:"设置网址",cancelTooltip:"取消更改"},linkPreview:{open:"在新窗口中打开 {{url}}",edit:"编辑链接网址",copyToClipboard:"复制到剪贴板",copied:"已复制！",remove:"移除链接"},table:{deleteTable:"删除表格",columnMenu:"列菜单",textAlignment:"文字对齐",alignLeft:"左对齐",alignCenter:"居中对齐",alignRight:"右对齐",insertColumnLeft:"在当前列左侧插入一列",insertColumnRight:"在当前列右侧插入一列",deleteColumn:"删除此列",rowMenu:"行菜单",insertRowAbove:"在当前行上方插入一行",insertRowBelow:"在当前行下方插入一行",deleteRow:"删除此行"},toolbar:{blockTypes:{paragraph:"段落",quote:"引用",heading:"标题 {{level}}"},blockTypeSelect:{selectBlockTypeTooltip:"选择块类型",placeholder:"块类型"},toggleGroup:"切换组",removeBold:"移除粗体",bold:"粗体",removeItalic:"移除斜体",italic:"斜体",underline:"移除下划线",removeUnderline:"下划线",removeInlineCode:"移除内联代码样式",inlineCode:"内联代码样式",link:"创建链接",richText:"富文本",diffMode:"差异模式",source:"源码模式",admonition:"插入注释区块",codeBlock:"插入代码块",editFrontmatter:"编辑前置元数据",insertFrontmatter:"插入前置元数据",image:"插入图片",insertSandpack:"插入 Sandpack",table:"插入表格",thematicBreak:"插入主题换行",bulletedList:"无序列表",numberedList:"有序列表",checkList:"任务列表",deleteSandpack:"删除 Sandpack",undo:"撤销 {{shortcut}}",redo:"重做 {{shortcut}}",superscript:"上标",subscript:"下标",strikethrough:"删除线",removeSubscript:"移除下标",removeSuperscript:"移除上标",removeStrikethrough:"移除删除线"},admonitions:{note:"注意",tip:"提示",danger:"危险",info:"信息",caution:"警告",changeType:"选择注释区块类型",placeholder:"注释区块类型"},codeBlock:{language:"代码块语言",selectLanguage:"选择代码块语言",inlineLanguage:"代码块语言"},codeblock:{delete:"删除代码块"},contentArea:{editableMarkdown:"可编辑的 Markdown"},image:{delete:"删除图片"}},Ke=(c,o,a)=>{const l=c.split(".").reduce((n,d)=>typeof n=="string"?n:n[d],Je);return typeof l!="string"?o:a?l.replace(/{{(.*?)}}/g,(n,d)=>a[d]):l},Ze=t.css`
|
|
406
406
|
--accentBase: var(--tomato-1);
|
|
407
407
|
--accentBgSubtle: var(--tomato-2);
|
|
408
408
|
--accentBg: var(--tomato-3);
|
|
@@ -456,7 +456,7 @@
|
|
|
456
456
|
rgba(255, 255, 255, 0.05),
|
|
457
457
|
rgba(255, 255, 255, 0.05)
|
|
458
458
|
);
|
|
459
|
-
`,
|
|
459
|
+
`,Qe=t.css`
|
|
460
460
|
[class*="_toolbarRoot"] {
|
|
461
461
|
flex-wrap: wrap;
|
|
462
462
|
transition: all 0.3s;
|
|
@@ -656,4 +656,6 @@
|
|
|
656
656
|
--color-prettylights-syntax-meta-diff-range: #d2a8ff;
|
|
657
657
|
--color-prettylights-syntax-sublimelinter-gutter-mark: #3d444d;
|
|
658
658
|
}
|
|
659
|
-
`,Qe={'code[class*="language-"]':{background:"hsl(230, 1%, 98%)",color:"hsl(230, 8%, 24%)",fontFamily:'"Fira Code", "Fira Mono", Menlo, Consolas, "DejaVu Sans Mono", monospace',direction:"ltr",textAlign:"left",whiteSpace:"pre",wordSpacing:"normal",wordBreak:"normal",lineHeight:"1.5",MozTabSize:"2",OTabSize:"2",tabSize:"2",WebkitHyphens:"none",MozHyphens:"none",msHyphens:"none",hyphens:"none"},'pre[class*="language-"]':{background:"hsl(230, 1%, 98%)",color:"hsl(230, 8%, 24%)",fontFamily:'"Fira Code", "Fira Mono", Menlo, Consolas, "DejaVu Sans Mono", monospace',direction:"ltr",textAlign:"left",whiteSpace:"pre",wordSpacing:"normal",wordBreak:"normal",lineHeight:"1.5",MozTabSize:"2",OTabSize:"2",tabSize:"2",WebkitHyphens:"none",MozHyphens:"none",msHyphens:"none",hyphens:"none",padding:"1em",margin:"0.5em 0",overflow:"auto",borderRadius:"0.3em"},'code[class*="language-"]::-moz-selection':{background:"hsl(230, 1%, 90%)",color:"inherit"},'code[class*="language-"] *::-moz-selection':{background:"hsl(230, 1%, 90%)",color:"inherit"},'pre[class*="language-"] *::-moz-selection':{background:"hsl(230, 1%, 90%)",color:"inherit"},'code[class*="language-"]::selection':{background:"hsl(230, 1%, 90%)",color:"inherit"},'code[class*="language-"] *::selection':{background:"hsl(230, 1%, 90%)",color:"inherit"},'pre[class*="language-"] *::selection':{background:"hsl(230, 1%, 90%)",color:"inherit"},':not(pre) > code[class*="language-"]':{padding:"0.2em 0.3em",borderRadius:"0.3em",whiteSpace:"normal"},comment:{color:"hsl(230, 4%, 64%)",fontStyle:"italic"},prolog:{color:"hsl(230, 4%, 64%)"},cdata:{color:"hsl(230, 4%, 64%)"},doctype:{color:"hsl(230, 8%, 24%)"},punctuation:{color:"hsl(230, 8%, 24%)"},entity:{color:"hsl(230, 8%, 24%)",cursor:"help"},"attr-name":{color:"hsl(35, 99%, 36%)"},"class-name":{color:"hsl(35, 99%, 36%)"},boolean:{color:"hsl(35, 99%, 36%)"},constant:{color:"hsl(35, 99%, 36%)"},number:{color:"hsl(35, 99%, 36%)"},atrule:{color:"hsl(35, 99%, 36%)"},keyword:{color:"hsl(301, 63%, 40%)"},property:{color:"hsl(5, 74%, 59%)"},tag:{color:"hsl(5, 74%, 59%)"},symbol:{color:"hsl(5, 74%, 59%)"},deleted:{color:"hsl(5, 74%, 59%)"},important:{color:"hsl(5, 74%, 59%)"},selector:{color:"hsl(119, 34%, 47%)"},string:{color:"hsl(119, 34%, 47%)"},char:{color:"hsl(119, 34%, 47%)"},builtin:{color:"hsl(119, 34%, 47%)"},inserted:{color:"hsl(119, 34%, 47%)"},regex:{color:"hsl(119, 34%, 47%)"},"attr-value":{color:"hsl(119, 34%, 47%)"},"attr-value > .token.punctuation":{color:"hsl(119, 34%, 47%)"},variable:{color:"hsl(221, 87%, 60%)"},operator:{color:"hsl(221, 87%, 60%)"},function:{color:"hsl(221, 87%, 60%)"},url:{color:"hsl(198, 99%, 37%)"},"attr-value > .token.punctuation.attr-equals":{color:"hsl(230, 8%, 24%)"},"special-attr > .token.attr-value > .token.value.css":{color:"hsl(230, 8%, 24%)"},".language-css .token.selector":{color:"hsl(5, 74%, 59%)"},".language-css .token.property":{color:"hsl(230, 8%, 24%)"},".language-css .token.function":{color:"hsl(198, 99%, 37%)"},".language-css .token.url > .token.function":{color:"hsl(198, 99%, 37%)"},".language-css .token.url > .token.string.url":{color:"hsl(119, 34%, 47%)"},".language-css .token.important":{color:"hsl(301, 63%, 40%)"},".language-css .token.atrule .token.rule":{color:"hsl(301, 63%, 40%)"},".language-javascript .token.operator":{color:"hsl(301, 63%, 40%)"},".language-javascript .token.template-string > .token.interpolation > .token.interpolation-punctuation.punctuation":{color:"hsl(344, 84%, 43%)"},".language-json .token.operator":{color:"hsl(230, 8%, 24%)"},".language-json .token.null.keyword":{color:"hsl(35, 99%, 36%)"},".language-markdown .token.url":{color:"hsl(230, 8%, 24%)"},".language-markdown .token.url > .token.operator":{color:"hsl(230, 8%, 24%)"},".language-markdown .token.url-reference.url > .token.string":{color:"hsl(230, 8%, 24%)"},".language-markdown .token.url > .token.content":{color:"hsl(221, 87%, 60%)"},".language-markdown .token.url > .token.url":{color:"hsl(198, 99%, 37%)"},".language-markdown .token.url-reference.url":{color:"hsl(198, 99%, 37%)"},".language-markdown .token.blockquote.punctuation":{color:"hsl(230, 4%, 64%)",fontStyle:"italic"},".language-markdown .token.hr.punctuation":{color:"hsl(230, 4%, 64%)",fontStyle:"italic"},".language-markdown .token.code-snippet":{color:"hsl(119, 34%, 47%)"},".language-markdown .token.bold .token.content":{color:"hsl(35, 99%, 36%)"},".language-markdown .token.italic .token.content":{color:"hsl(301, 63%, 40%)"},".language-markdown .token.strike .token.content":{color:"hsl(5, 74%, 59%)"},".language-markdown .token.strike .token.punctuation":{color:"hsl(5, 74%, 59%)"},".language-markdown .token.list.punctuation":{color:"hsl(5, 74%, 59%)"},".language-markdown .token.title.important > .token.punctuation":{color:"hsl(5, 74%, 59%)"},bold:{fontWeight:"bold"},italic:{fontStyle:"italic"},namespace:{Opacity:"0.8"},"token.tab:not(:empty):before":{color:"hsla(230, 8%, 24%, 0.2)"},"token.cr:before":{color:"hsla(230, 8%, 24%, 0.2)"},"token.lf:before":{color:"hsla(230, 8%, 24%, 0.2)"},"token.space:before":{color:"hsla(230, 8%, 24%, 0.2)"},"div.code-toolbar > .toolbar.toolbar > .toolbar-item":{marginRight:"0.4em"},"div.code-toolbar > .toolbar.toolbar > .toolbar-item > button":{background:"hsl(230, 1%, 90%)",color:"hsl(230, 6%, 44%)",padding:"0.1em 0.4em",borderRadius:"0.3em"},"div.code-toolbar > .toolbar.toolbar > .toolbar-item > a":{background:"hsl(230, 1%, 90%)",color:"hsl(230, 6%, 44%)",padding:"0.1em 0.4em",borderRadius:"0.3em"},"div.code-toolbar > .toolbar.toolbar > .toolbar-item > span":{background:"hsl(230, 1%, 90%)",color:"hsl(230, 6%, 44%)",padding:"0.1em 0.4em",borderRadius:"0.3em"},"div.code-toolbar > .toolbar.toolbar > .toolbar-item > button:hover":{background:"hsl(230, 1%, 78%)",color:"hsl(230, 8%, 24%)"},"div.code-toolbar > .toolbar.toolbar > .toolbar-item > button:focus":{background:"hsl(230, 1%, 78%)",color:"hsl(230, 8%, 24%)"},"div.code-toolbar > .toolbar.toolbar > .toolbar-item > a:hover":{background:"hsl(230, 1%, 78%)",color:"hsl(230, 8%, 24%)"},"div.code-toolbar > .toolbar.toolbar > .toolbar-item > a:focus":{background:"hsl(230, 1%, 78%)",color:"hsl(230, 8%, 24%)"},"div.code-toolbar > .toolbar.toolbar > .toolbar-item > span:hover":{background:"hsl(230, 1%, 78%)",color:"hsl(230, 8%, 24%)"},"div.code-toolbar > .toolbar.toolbar > .toolbar-item > span:focus":{background:"hsl(230, 1%, 78%)",color:"hsl(230, 8%, 24%)"},".line-highlight.line-highlight":{background:"hsla(230, 8%, 24%, 0.05)"},".line-highlight.line-highlight:before":{background:"hsl(230, 1%, 90%)",color:"hsl(230, 8%, 24%)",padding:"0.1em 0.6em",borderRadius:"0.3em",boxShadow:"0 2px 0 0 rgba(0, 0, 0, 0.2)"},".line-highlight.line-highlight[data-end]:after":{background:"hsl(230, 1%, 90%)",color:"hsl(230, 8%, 24%)",padding:"0.1em 0.6em",borderRadius:"0.3em",boxShadow:"0 2px 0 0 rgba(0, 0, 0, 0.2)"},"pre[id].linkable-line-numbers.linkable-line-numbers span.line-numbers-rows > span:hover:before":{backgroundColor:"hsla(230, 8%, 24%, 0.05)"},".line-numbers.line-numbers .line-numbers-rows":{borderRightColor:"hsla(230, 8%, 24%, 0.2)"},".command-line .command-line-prompt":{borderRightColor:"hsla(230, 8%, 24%, 0.2)"},".line-numbers .line-numbers-rows > span:before":{color:"hsl(230, 1%, 62%)"},".command-line .command-line-prompt > span:before":{color:"hsl(230, 1%, 62%)"},".rainbow-braces .token.token.punctuation.brace-level-1":{color:"hsl(5, 74%, 59%)"},".rainbow-braces .token.token.punctuation.brace-level-5":{color:"hsl(5, 74%, 59%)"},".rainbow-braces .token.token.punctuation.brace-level-9":{color:"hsl(5, 74%, 59%)"},".rainbow-braces .token.token.punctuation.brace-level-2":{color:"hsl(119, 34%, 47%)"},".rainbow-braces .token.token.punctuation.brace-level-6":{color:"hsl(119, 34%, 47%)"},".rainbow-braces .token.token.punctuation.brace-level-10":{color:"hsl(119, 34%, 47%)"},".rainbow-braces .token.token.punctuation.brace-level-3":{color:"hsl(221, 87%, 60%)"},".rainbow-braces .token.token.punctuation.brace-level-7":{color:"hsl(221, 87%, 60%)"},".rainbow-braces .token.token.punctuation.brace-level-11":{color:"hsl(221, 87%, 60%)"},".rainbow-braces .token.token.punctuation.brace-level-4":{color:"hsl(301, 63%, 40%)"},".rainbow-braces .token.token.punctuation.brace-level-8":{color:"hsl(301, 63%, 40%)"},".rainbow-braces .token.token.punctuation.brace-level-12":{color:"hsl(301, 63%, 40%)"},"pre.diff-highlight > code .token.token.deleted:not(.prefix)":{backgroundColor:"hsla(353, 100%, 66%, 0.15)"},"pre > code.diff-highlight .token.token.deleted:not(.prefix)":{backgroundColor:"hsla(353, 100%, 66%, 0.15)"},"pre.diff-highlight > code .token.token.deleted:not(.prefix)::-moz-selection":{backgroundColor:"hsla(353, 95%, 66%, 0.25)"},"pre.diff-highlight > code .token.token.deleted:not(.prefix) *::-moz-selection":{backgroundColor:"hsla(353, 95%, 66%, 0.25)"},"pre > code.diff-highlight .token.token.deleted:not(.prefix)::-moz-selection":{backgroundColor:"hsla(353, 95%, 66%, 0.25)"},"pre > code.diff-highlight .token.token.deleted:not(.prefix) *::-moz-selection":{backgroundColor:"hsla(353, 95%, 66%, 0.25)"},"pre.diff-highlight > code .token.token.deleted:not(.prefix)::selection":{backgroundColor:"hsla(353, 95%, 66%, 0.25)"},"pre.diff-highlight > code .token.token.deleted:not(.prefix) *::selection":{backgroundColor:"hsla(353, 95%, 66%, 0.25)"},"pre > code.diff-highlight .token.token.deleted:not(.prefix)::selection":{backgroundColor:"hsla(353, 95%, 66%, 0.25)"},"pre > code.diff-highlight .token.token.deleted:not(.prefix) *::selection":{backgroundColor:"hsla(353, 95%, 66%, 0.25)"},"pre.diff-highlight > code .token.token.inserted:not(.prefix)":{backgroundColor:"hsla(137, 100%, 55%, 0.15)"},"pre > code.diff-highlight .token.token.inserted:not(.prefix)":{backgroundColor:"hsla(137, 100%, 55%, 0.15)"},"pre.diff-highlight > code .token.token.inserted:not(.prefix)::-moz-selection":{backgroundColor:"hsla(135, 73%, 55%, 0.25)"},"pre.diff-highlight > code .token.token.inserted:not(.prefix) *::-moz-selection":{backgroundColor:"hsla(135, 73%, 55%, 0.25)"},"pre > code.diff-highlight .token.token.inserted:not(.prefix)::-moz-selection":{backgroundColor:"hsla(135, 73%, 55%, 0.25)"},"pre > code.diff-highlight .token.token.inserted:not(.prefix) *::-moz-selection":{backgroundColor:"hsla(135, 73%, 55%, 0.25)"},"pre.diff-highlight > code .token.token.inserted:not(.prefix)::selection":{backgroundColor:"hsla(135, 73%, 55%, 0.25)"},"pre.diff-highlight > code .token.token.inserted:not(.prefix) *::selection":{backgroundColor:"hsla(135, 73%, 55%, 0.25)"},"pre > code.diff-highlight .token.token.inserted:not(.prefix)::selection":{backgroundColor:"hsla(135, 73%, 55%, 0.25)"},"pre > code.diff-highlight .token.token.inserted:not(.prefix) *::selection":{backgroundColor:"hsla(135, 73%, 55%, 0.25)"},".prism-previewer.prism-previewer:before":{borderColor:"hsl(0, 0, 95%)"},".prism-previewer-gradient.prism-previewer-gradient div":{borderColor:"hsl(0, 0, 95%)",borderRadius:"0.3em"},".prism-previewer-color.prism-previewer-color:before":{borderRadius:"0.3em"},".prism-previewer-easing.prism-previewer-easing:before":{borderRadius:"0.3em"},".prism-previewer.prism-previewer:after":{borderTopColor:"hsl(0, 0, 95%)"},".prism-previewer-flipped.prism-previewer-flipped.after":{borderBottomColor:"hsl(0, 0, 95%)"},".prism-previewer-angle.prism-previewer-angle:before":{background:"hsl(0, 0%, 100%)"},".prism-previewer-time.prism-previewer-time:before":{background:"hsl(0, 0%, 100%)"},".prism-previewer-easing.prism-previewer-easing":{background:"hsl(0, 0%, 100%)"},".prism-previewer-angle.prism-previewer-angle circle":{stroke:"hsl(230, 8%, 24%)",strokeOpacity:"1"},".prism-previewer-time.prism-previewer-time circle":{stroke:"hsl(230, 8%, 24%)",strokeOpacity:"1"},".prism-previewer-easing.prism-previewer-easing circle":{stroke:"hsl(230, 8%, 24%)",fill:"transparent"},".prism-previewer-easing.prism-previewer-easing path":{stroke:"hsl(230, 8%, 24%)"},".prism-previewer-easing.prism-previewer-easing line":{stroke:"hsl(230, 8%, 24%)"}},ne=c=>{var e,n;return c==="dark"?!0:c==="light"?!1:(e=document.documentElement.getAttribute("style"))!=null&&e.includes("color-scheme: dark;")?!0:(n=document.documentElement.getAttribute("style"))!=null&&n.includes("color-scheme: light;")?!1:window.matchMedia("(prefers-color-scheme: dark)").matches},Re=c=>{const{children:e="",className:n,theme:r="auto"}=c;return o.jsx("div",{className:ne(r)?ye:xe,children:o.jsx(De,{className:t.cx(ke,n),remarkPlugins:[Pe,$e],rehypePlugins:[Le],components:{code(l){const{children:a,className:d,node:k,ref:i,...C}=l,S=/language-(\w+)/.exec(d||"");return S?o.jsx(ze.Prism,{...C,PreTag:"div",children:String(a).replace(/\n$/,""),language:S[1],style:Qe}):o.jsx("code",{...C,className:d,children:a})}},children:e})})},ve=c=>{const{value:e,onChange:n,translation:r,pluginConfig:l,className:a,theme:d="auto",...k}=c,i=b.useRef(null),{image:C,diffSource:S={viewMode:"rich-text"},headings:A,link:D,codeBlock:j,codeMirror:q={codeBlockLanguages:{js:"JavaScript",css:"CSS",txt:"Plain Text",tsx:"TypeScript","":"Unspecified"}},directives:u={directiveDescriptors:[h.AdmonitionDirectiveDescriptor]}}=l??{},[g,I]=b.useState("");return b.useEffect(()=>{var x;e!==void 0&&i.current&&((x=i.current)==null||x.setMarkdown(e),I(e))},[e,i]),o.jsx(h.MDXEditor,{ref:i,className:t.cx(Ze,ne(d)?Ke:"",ne(d)?ye:xe,a),contentEditableClassName:ke,markdown:g,onChange:x=>{!e&&!n&&I(x),n&&n(x)},translation:r??Je,plugins:[h.toolbarPlugin({toolbarContents:()=>o.jsxs(h.DiffSourceToggleWrapper,{options:["rich-text","source"],children:[o.jsx(h.UndoRedo,{}),o.jsx(h.Separator,{}),o.jsx(h.BoldItalicUnderlineToggles,{}),o.jsx(h.CodeToggle,{}),o.jsx(h.Separator,{}),o.jsx(h.StrikeThroughSupSubToggles,{}),o.jsx(h.Separator,{}),o.jsx(h.ListsToggle,{}),o.jsx(h.Separator,{}),o.jsx(h.CreateLink,{}),o.jsx(h.InsertImage,{}),o.jsx(h.Separator,{}),o.jsx(h.InsertTable,{}),o.jsx(h.InsertThematicBreak,{}),o.jsx(h.Separator,{}),o.jsx(h.InsertCodeBlock,{}),o.jsx(h.Separator,{}),o.jsx(h.InsertFrontmatter,{})]})}),h.diffSourcePlugin(S),h.listsPlugin(),h.quotePlugin(),h.headingsPlugin(A),h.linkPlugin(D),h.linkDialogPlugin(),h.imagePlugin(C),h.tablePlugin(),h.thematicBreakPlugin(),h.frontmatterPlugin(),h.codeBlockPlugin(j),h.codeMirrorPlugin(q),h.markdownShortcutPlugin(),h.directivesPlugin(u)],...k})};ve.Preview=Re;function we(...c){return qe.twMerge(Ae.clsx(c))}const eo=c=>{const{mouseX:e,title:n,icon:r,href:l}=c,a=b.useRef(null),d=s.useTransform(e,I=>{var L;const x=((L=a.current)==null?void 0:L.getBoundingClientRect())??{x:0,width:0};return I-x.x-x.width/2}),k=s.useTransform(d,[-150,0,150],[40,80,40]),i=s.useTransform(d,[-150,0,150],[40,80,40]),C=s.useTransform(d,[-150,0,150],[20,40,20]),S=s.useTransform(d,[-150,0,150],[20,40,20]),A=s.useSpring(k,{mass:.1,stiffness:150,damping:12}),D=s.useSpring(i,{mass:.1,stiffness:150,damping:12}),j=s.useSpring(C,{mass:.1,stiffness:150,damping:12}),q=s.useSpring(S,{mass:.1,stiffness:150,damping:12}),[u,g]=b.useState(!1);return o.jsx("a",{href:l,children:o.jsxs(s.motion.div,{ref:a,style:{width:A,height:D},onMouseEnter:()=>g(!0),onMouseLeave:()=>g(!1),className:"aspect-square rounded-full bg-gray-200 dark:bg-neutral-800 flex items-center justify-center relative",children:[o.jsx(s.AnimatePresence,{children:u&&o.jsx(s.motion.div,{initial:{opacity:0,y:10,x:"-50%"},animate:{opacity:1,y:0,x:"-50%"},exit:{opacity:0,y:2,x:"-50%"},className:"px-2 py-0.5 whitespace-pre rounded-md bg-gray-100 border dark:bg-neutral-800 dark:border-neutral-900 dark:text-white border-gray-200 text-neutral-700 absolute left-1/2 -translate-x-1/2 -top-8 w-fit text-xs",children:n})}),o.jsx(s.motion.div,{style:{width:j,height:q},className:"flex items-center justify-center",children:r})]})})},Ce=c=>{const{items:e,className:n}=c,r=s.useMotionValue(1/0);return o.jsx(s.motion.div,{onMouseMove:l=>r.set(l.pageX),onMouseLeave:()=>r.set(1/0),className:we("mx-auto hidden md:flex h-16 gap-4 items-end rounded-2xl bg-gray-50 dark:bg-neutral-900 px-4 pb-3",n),children:e.map(l=>o.jsx(eo,{mouseX:r,...l},l.title))})},Se=c=>{const{items:e,className:n,collapseIcon:r,autoHidden:l=!1}=c,[a,d]=b.useState(!1),k=()=>{d(!a)};return o.jsxs("div",{className:we("relative block",l?"md:hidden":"",n),children:[o.jsx(s.AnimatePresence,{children:a&&o.jsx(s.motion.div,{layoutId:"nav",className:"absolute bottom-full mb-2 inset-x-0 flex flex-col gap-2",children:e.map((i,C)=>o.jsx(s.motion.div,{initial:{opacity:0,y:10},animate:{opacity:1,y:0},exit:{opacity:0,y:10,transition:{delay:C*.05}},transition:{delay:(e.length-1-C)*.05},children:o.jsx("a",{href:i.href,className:"h-10 w-10 rounded-full bg-gray-50 dark:bg-neutral-900 flex items-center justify-center",children:o.jsx("div",{className:"h-4 w-4",children:i.icon})},i.title)},i.title))})}),o.jsx("button",{onClick:k,className:"h-10 w-10 rounded-full bg-gray-50 dark:bg-neutral-800 flex items-center justify-center",children:r||o.jsx(Q.RiMoreLine,{className:"h-5 w-5 text-neutral-500 dark:text-neutral-400"})})]})},ae=c=>{const{items:e,desktopClassName:n,mobileClassName:r,...l}=c;return o.jsxs(o.Fragment,{children:[o.jsx(Ce,{items:e,className:n,...l}),o.jsx(Se,{items:e,className:r,autoHidden:!0,...l})]})};ae.Desktop=Ce,ae.Mobile=Se,f.Desktop=Ve,f.Dock=ae,f.MdEditor=ve,Object.defineProperty(f,Symbol.toStringTag,{value:"Module"})});
|
|
659
|
+
`,ne=c=>{var o,a;return c==="dark"?!0:c==="light"?!1:(o=document.documentElement.getAttribute("style"))!=null&&o.includes("color-scheme: dark;")?!0:(a=document.documentElement.getAttribute("style"))!=null&&a.includes("color-scheme: light;")?!1:window.matchMedia("(prefers-color-scheme: dark)").matches},Re=c=>{const{value:o,onChange:a,translation:r,pluginConfig:l,className:n,theme:d="auto",...k}=c,i=b.useRef(null),{image:C,diffSource:S={viewMode:"rich-text"},headings:A,link:D,codeBlock:j,codeMirror:q={codeBlockLanguages:{js:"JavaScript",css:"CSS",txt:"Plain Text",tsx:"TypeScript","":"Unspecified"}},directives:u={directiveDescriptors:[h.AdmonitionDirectiveDescriptor]}}=l??{},[g,I]=b.useState("");return b.useEffect(()=>{var x;o!==void 0&&i.current&&((x=i.current)==null||x.setMarkdown(o),I(o))},[o,i]),e.jsx(h.MDXEditor,{ref:i,className:t.cx(Qe,ne(d)?Ze:"",ne(d)?ye:xe,n),contentEditableClassName:ke,markdown:g,onChange:x=>{!o&&!a&&I(x),a&&a(x)},translation:r??Ke,plugins:[h.toolbarPlugin({toolbarContents:()=>e.jsxs(h.DiffSourceToggleWrapper,{options:["rich-text","source"],children:[e.jsx(h.UndoRedo,{}),e.jsx(h.Separator,{}),e.jsx(h.BoldItalicUnderlineToggles,{}),e.jsx(h.CodeToggle,{}),e.jsx(h.Separator,{}),e.jsx(h.StrikeThroughSupSubToggles,{}),e.jsx(h.Separator,{}),e.jsx(h.ListsToggle,{}),e.jsx(h.Separator,{}),e.jsx(h.CreateLink,{}),e.jsx(h.InsertImage,{}),e.jsx(h.Separator,{}),e.jsx(h.InsertTable,{}),e.jsx(h.InsertThematicBreak,{}),e.jsx(h.Separator,{}),e.jsx(h.InsertCodeBlock,{}),e.jsx(h.Separator,{}),e.jsx(h.InsertFrontmatter,{})]})}),h.diffSourcePlugin(S),h.listsPlugin(),h.quotePlugin(),h.headingsPlugin(A),h.linkPlugin(D),h.linkDialogPlugin(),h.imagePlugin(C),h.tablePlugin(),h.thematicBreakPlugin(),h.frontmatterPlugin(),h.codeBlockPlugin(j),h.codeMirrorPlugin(q),h.markdownShortcutPlugin(),h.directivesPlugin(u)],...k})},eo={'code[class*="language-"]':{background:"hsl(230, 1%, 98%)",color:"hsl(230, 8%, 24%)",fontFamily:'"Fira Code", "Fira Mono", Menlo, Consolas, "DejaVu Sans Mono", monospace',direction:"ltr",textAlign:"left",whiteSpace:"pre",wordSpacing:"normal",wordBreak:"normal",lineHeight:"1.5",MozTabSize:"2",OTabSize:"2",tabSize:"2",WebkitHyphens:"none",MozHyphens:"none",msHyphens:"none",hyphens:"none"},'pre[class*="language-"]':{background:"hsl(230, 1%, 98%)",color:"hsl(230, 8%, 24%)",fontFamily:'"Fira Code", "Fira Mono", Menlo, Consolas, "DejaVu Sans Mono", monospace',direction:"ltr",textAlign:"left",whiteSpace:"pre",wordSpacing:"normal",wordBreak:"normal",lineHeight:"1.5",MozTabSize:"2",OTabSize:"2",tabSize:"2",WebkitHyphens:"none",MozHyphens:"none",msHyphens:"none",hyphens:"none",padding:"1em",margin:"0.5em 0",overflow:"auto",borderRadius:"0.3em"},'code[class*="language-"]::-moz-selection':{background:"hsl(230, 1%, 90%)",color:"inherit"},'code[class*="language-"] *::-moz-selection':{background:"hsl(230, 1%, 90%)",color:"inherit"},'pre[class*="language-"] *::-moz-selection':{background:"hsl(230, 1%, 90%)",color:"inherit"},'code[class*="language-"]::selection':{background:"hsl(230, 1%, 90%)",color:"inherit"},'code[class*="language-"] *::selection':{background:"hsl(230, 1%, 90%)",color:"inherit"},'pre[class*="language-"] *::selection':{background:"hsl(230, 1%, 90%)",color:"inherit"},':not(pre) > code[class*="language-"]':{padding:"0.2em 0.3em",borderRadius:"0.3em",whiteSpace:"normal"},comment:{color:"hsl(230, 4%, 64%)",fontStyle:"italic"},prolog:{color:"hsl(230, 4%, 64%)"},cdata:{color:"hsl(230, 4%, 64%)"},doctype:{color:"hsl(230, 8%, 24%)"},punctuation:{color:"hsl(230, 8%, 24%)"},entity:{color:"hsl(230, 8%, 24%)",cursor:"help"},"attr-name":{color:"hsl(35, 99%, 36%)"},"class-name":{color:"hsl(35, 99%, 36%)"},boolean:{color:"hsl(35, 99%, 36%)"},constant:{color:"hsl(35, 99%, 36%)"},number:{color:"hsl(35, 99%, 36%)"},atrule:{color:"hsl(35, 99%, 36%)"},keyword:{color:"hsl(301, 63%, 40%)"},property:{color:"hsl(5, 74%, 59%)"},tag:{color:"hsl(5, 74%, 59%)"},symbol:{color:"hsl(5, 74%, 59%)"},deleted:{color:"hsl(5, 74%, 59%)"},important:{color:"hsl(5, 74%, 59%)"},selector:{color:"hsl(119, 34%, 47%)"},string:{color:"hsl(119, 34%, 47%)"},char:{color:"hsl(119, 34%, 47%)"},builtin:{color:"hsl(119, 34%, 47%)"},inserted:{color:"hsl(119, 34%, 47%)"},regex:{color:"hsl(119, 34%, 47%)"},"attr-value":{color:"hsl(119, 34%, 47%)"},"attr-value > .token.punctuation":{color:"hsl(119, 34%, 47%)"},variable:{color:"hsl(221, 87%, 60%)"},operator:{color:"hsl(221, 87%, 60%)"},function:{color:"hsl(221, 87%, 60%)"},url:{color:"hsl(198, 99%, 37%)"},"attr-value > .token.punctuation.attr-equals":{color:"hsl(230, 8%, 24%)"},"special-attr > .token.attr-value > .token.value.css":{color:"hsl(230, 8%, 24%)"},".language-css .token.selector":{color:"hsl(5, 74%, 59%)"},".language-css .token.property":{color:"hsl(230, 8%, 24%)"},".language-css .token.function":{color:"hsl(198, 99%, 37%)"},".language-css .token.url > .token.function":{color:"hsl(198, 99%, 37%)"},".language-css .token.url > .token.string.url":{color:"hsl(119, 34%, 47%)"},".language-css .token.important":{color:"hsl(301, 63%, 40%)"},".language-css .token.atrule .token.rule":{color:"hsl(301, 63%, 40%)"},".language-javascript .token.operator":{color:"hsl(301, 63%, 40%)"},".language-javascript .token.template-string > .token.interpolation > .token.interpolation-punctuation.punctuation":{color:"hsl(344, 84%, 43%)"},".language-json .token.operator":{color:"hsl(230, 8%, 24%)"},".language-json .token.null.keyword":{color:"hsl(35, 99%, 36%)"},".language-markdown .token.url":{color:"hsl(230, 8%, 24%)"},".language-markdown .token.url > .token.operator":{color:"hsl(230, 8%, 24%)"},".language-markdown .token.url-reference.url > .token.string":{color:"hsl(230, 8%, 24%)"},".language-markdown .token.url > .token.content":{color:"hsl(221, 87%, 60%)"},".language-markdown .token.url > .token.url":{color:"hsl(198, 99%, 37%)"},".language-markdown .token.url-reference.url":{color:"hsl(198, 99%, 37%)"},".language-markdown .token.blockquote.punctuation":{color:"hsl(230, 4%, 64%)",fontStyle:"italic"},".language-markdown .token.hr.punctuation":{color:"hsl(230, 4%, 64%)",fontStyle:"italic"},".language-markdown .token.code-snippet":{color:"hsl(119, 34%, 47%)"},".language-markdown .token.bold .token.content":{color:"hsl(35, 99%, 36%)"},".language-markdown .token.italic .token.content":{color:"hsl(301, 63%, 40%)"},".language-markdown .token.strike .token.content":{color:"hsl(5, 74%, 59%)"},".language-markdown .token.strike .token.punctuation":{color:"hsl(5, 74%, 59%)"},".language-markdown .token.list.punctuation":{color:"hsl(5, 74%, 59%)"},".language-markdown .token.title.important > .token.punctuation":{color:"hsl(5, 74%, 59%)"},bold:{fontWeight:"bold"},italic:{fontStyle:"italic"},namespace:{Opacity:"0.8"},"token.tab:not(:empty):before":{color:"hsla(230, 8%, 24%, 0.2)"},"token.cr:before":{color:"hsla(230, 8%, 24%, 0.2)"},"token.lf:before":{color:"hsla(230, 8%, 24%, 0.2)"},"token.space:before":{color:"hsla(230, 8%, 24%, 0.2)"},"div.code-toolbar > .toolbar.toolbar > .toolbar-item":{marginRight:"0.4em"},"div.code-toolbar > .toolbar.toolbar > .toolbar-item > button":{background:"hsl(230, 1%, 90%)",color:"hsl(230, 6%, 44%)",padding:"0.1em 0.4em",borderRadius:"0.3em"},"div.code-toolbar > .toolbar.toolbar > .toolbar-item > a":{background:"hsl(230, 1%, 90%)",color:"hsl(230, 6%, 44%)",padding:"0.1em 0.4em",borderRadius:"0.3em"},"div.code-toolbar > .toolbar.toolbar > .toolbar-item > span":{background:"hsl(230, 1%, 90%)",color:"hsl(230, 6%, 44%)",padding:"0.1em 0.4em",borderRadius:"0.3em"},"div.code-toolbar > .toolbar.toolbar > .toolbar-item > button:hover":{background:"hsl(230, 1%, 78%)",color:"hsl(230, 8%, 24%)"},"div.code-toolbar > .toolbar.toolbar > .toolbar-item > button:focus":{background:"hsl(230, 1%, 78%)",color:"hsl(230, 8%, 24%)"},"div.code-toolbar > .toolbar.toolbar > .toolbar-item > a:hover":{background:"hsl(230, 1%, 78%)",color:"hsl(230, 8%, 24%)"},"div.code-toolbar > .toolbar.toolbar > .toolbar-item > a:focus":{background:"hsl(230, 1%, 78%)",color:"hsl(230, 8%, 24%)"},"div.code-toolbar > .toolbar.toolbar > .toolbar-item > span:hover":{background:"hsl(230, 1%, 78%)",color:"hsl(230, 8%, 24%)"},"div.code-toolbar > .toolbar.toolbar > .toolbar-item > span:focus":{background:"hsl(230, 1%, 78%)",color:"hsl(230, 8%, 24%)"},".line-highlight.line-highlight":{background:"hsla(230, 8%, 24%, 0.05)"},".line-highlight.line-highlight:before":{background:"hsl(230, 1%, 90%)",color:"hsl(230, 8%, 24%)",padding:"0.1em 0.6em",borderRadius:"0.3em",boxShadow:"0 2px 0 0 rgba(0, 0, 0, 0.2)"},".line-highlight.line-highlight[data-end]:after":{background:"hsl(230, 1%, 90%)",color:"hsl(230, 8%, 24%)",padding:"0.1em 0.6em",borderRadius:"0.3em",boxShadow:"0 2px 0 0 rgba(0, 0, 0, 0.2)"},"pre[id].linkable-line-numbers.linkable-line-numbers span.line-numbers-rows > span:hover:before":{backgroundColor:"hsla(230, 8%, 24%, 0.05)"},".line-numbers.line-numbers .line-numbers-rows":{borderRightColor:"hsla(230, 8%, 24%, 0.2)"},".command-line .command-line-prompt":{borderRightColor:"hsla(230, 8%, 24%, 0.2)"},".line-numbers .line-numbers-rows > span:before":{color:"hsl(230, 1%, 62%)"},".command-line .command-line-prompt > span:before":{color:"hsl(230, 1%, 62%)"},".rainbow-braces .token.token.punctuation.brace-level-1":{color:"hsl(5, 74%, 59%)"},".rainbow-braces .token.token.punctuation.brace-level-5":{color:"hsl(5, 74%, 59%)"},".rainbow-braces .token.token.punctuation.brace-level-9":{color:"hsl(5, 74%, 59%)"},".rainbow-braces .token.token.punctuation.brace-level-2":{color:"hsl(119, 34%, 47%)"},".rainbow-braces .token.token.punctuation.brace-level-6":{color:"hsl(119, 34%, 47%)"},".rainbow-braces .token.token.punctuation.brace-level-10":{color:"hsl(119, 34%, 47%)"},".rainbow-braces .token.token.punctuation.brace-level-3":{color:"hsl(221, 87%, 60%)"},".rainbow-braces .token.token.punctuation.brace-level-7":{color:"hsl(221, 87%, 60%)"},".rainbow-braces .token.token.punctuation.brace-level-11":{color:"hsl(221, 87%, 60%)"},".rainbow-braces .token.token.punctuation.brace-level-4":{color:"hsl(301, 63%, 40%)"},".rainbow-braces .token.token.punctuation.brace-level-8":{color:"hsl(301, 63%, 40%)"},".rainbow-braces .token.token.punctuation.brace-level-12":{color:"hsl(301, 63%, 40%)"},"pre.diff-highlight > code .token.token.deleted:not(.prefix)":{backgroundColor:"hsla(353, 100%, 66%, 0.15)"},"pre > code.diff-highlight .token.token.deleted:not(.prefix)":{backgroundColor:"hsla(353, 100%, 66%, 0.15)"},"pre.diff-highlight > code .token.token.deleted:not(.prefix)::-moz-selection":{backgroundColor:"hsla(353, 95%, 66%, 0.25)"},"pre.diff-highlight > code .token.token.deleted:not(.prefix) *::-moz-selection":{backgroundColor:"hsla(353, 95%, 66%, 0.25)"},"pre > code.diff-highlight .token.token.deleted:not(.prefix)::-moz-selection":{backgroundColor:"hsla(353, 95%, 66%, 0.25)"},"pre > code.diff-highlight .token.token.deleted:not(.prefix) *::-moz-selection":{backgroundColor:"hsla(353, 95%, 66%, 0.25)"},"pre.diff-highlight > code .token.token.deleted:not(.prefix)::selection":{backgroundColor:"hsla(353, 95%, 66%, 0.25)"},"pre.diff-highlight > code .token.token.deleted:not(.prefix) *::selection":{backgroundColor:"hsla(353, 95%, 66%, 0.25)"},"pre > code.diff-highlight .token.token.deleted:not(.prefix)::selection":{backgroundColor:"hsla(353, 95%, 66%, 0.25)"},"pre > code.diff-highlight .token.token.deleted:not(.prefix) *::selection":{backgroundColor:"hsla(353, 95%, 66%, 0.25)"},"pre.diff-highlight > code .token.token.inserted:not(.prefix)":{backgroundColor:"hsla(137, 100%, 55%, 0.15)"},"pre > code.diff-highlight .token.token.inserted:not(.prefix)":{backgroundColor:"hsla(137, 100%, 55%, 0.15)"},"pre.diff-highlight > code .token.token.inserted:not(.prefix)::-moz-selection":{backgroundColor:"hsla(135, 73%, 55%, 0.25)"},"pre.diff-highlight > code .token.token.inserted:not(.prefix) *::-moz-selection":{backgroundColor:"hsla(135, 73%, 55%, 0.25)"},"pre > code.diff-highlight .token.token.inserted:not(.prefix)::-moz-selection":{backgroundColor:"hsla(135, 73%, 55%, 0.25)"},"pre > code.diff-highlight .token.token.inserted:not(.prefix) *::-moz-selection":{backgroundColor:"hsla(135, 73%, 55%, 0.25)"},"pre.diff-highlight > code .token.token.inserted:not(.prefix)::selection":{backgroundColor:"hsla(135, 73%, 55%, 0.25)"},"pre.diff-highlight > code .token.token.inserted:not(.prefix) *::selection":{backgroundColor:"hsla(135, 73%, 55%, 0.25)"},"pre > code.diff-highlight .token.token.inserted:not(.prefix)::selection":{backgroundColor:"hsla(135, 73%, 55%, 0.25)"},"pre > code.diff-highlight .token.token.inserted:not(.prefix) *::selection":{backgroundColor:"hsla(135, 73%, 55%, 0.25)"},".prism-previewer.prism-previewer:before":{borderColor:"hsl(0, 0, 95%)"},".prism-previewer-gradient.prism-previewer-gradient div":{borderColor:"hsl(0, 0, 95%)",borderRadius:"0.3em"},".prism-previewer-color.prism-previewer-color:before":{borderRadius:"0.3em"},".prism-previewer-easing.prism-previewer-easing:before":{borderRadius:"0.3em"},".prism-previewer.prism-previewer:after":{borderTopColor:"hsl(0, 0, 95%)"},".prism-previewer-flipped.prism-previewer-flipped.after":{borderBottomColor:"hsl(0, 0, 95%)"},".prism-previewer-angle.prism-previewer-angle:before":{background:"hsl(0, 0%, 100%)"},".prism-previewer-time.prism-previewer-time:before":{background:"hsl(0, 0%, 100%)"},".prism-previewer-easing.prism-previewer-easing":{background:"hsl(0, 0%, 100%)"},".prism-previewer-angle.prism-previewer-angle circle":{stroke:"hsl(230, 8%, 24%)",strokeOpacity:"1"},".prism-previewer-time.prism-previewer-time circle":{stroke:"hsl(230, 8%, 24%)",strokeOpacity:"1"},".prism-previewer-easing.prism-previewer-easing circle":{stroke:"hsl(230, 8%, 24%)",fill:"transparent"},".prism-previewer-easing.prism-previewer-easing path":{stroke:"hsl(230, 8%, 24%)"},".prism-previewer-easing.prism-previewer-easing line":{stroke:"hsl(230, 8%, 24%)"}},oo=c=>{const{children:o="",className:a,theme:r="auto"}=c;return e.jsx("div",{className:ne(r)?ye:xe,children:e.jsx(De,{className:t.cx(ke,a),remarkPlugins:[Le,Pe],rehypePlugins:[ze],components:{code(l){const{children:n,className:d,node:k,ref:i,...C}=l,S=/language-(\w+)/.exec(d||"");return S?e.jsx($e.Prism,{...C,PreTag:"div",children:String(n).replace(/\n$/,""),language:S[1],style:eo}):e.jsx("code",{...C,className:d,children:n})},img(l){return console.log("🚀 ~ image ~ props:",l),e.jsx(Ae,{...l,preview:{icons:{rotateLeft:e.jsx(G.RiAnticlockwise2Line,{}),rotateRight:e.jsx(G.RiClockwise2Line,{}),zoomIn:e.jsx(G.RiZoomInLine,{}),zoomOut:e.jsx(G.RiZoomOutLine,{}),close:e.jsx(G.RiCloseLine,{}),left:e.jsx(G.RiArrowLeftLine,{}),right:e.jsx(G.RiArrowRightLine,{}),flipX:e.jsx(G.RiArrowLeftRightLine,{}),flipY:e.jsx(G.RiArrowUpDownLine,{})},onVisibleChange:n=>{console.log("visible",n)},zIndex:9999,mask:""},className:t.css`
|
|
660
|
+
cursor: zoom-in;
|
|
661
|
+
`})}},children:o})})},ve=Re;ve.Preview=oo;function we(...c){return Ee.twMerge(qe.clsx(c))}const to=c=>{const{mouseX:o,title:a,icon:r,href:l}=c,n=b.useRef(null),d=s.useTransform(o,I=>{var z;const x=((z=n.current)==null?void 0:z.getBoundingClientRect())??{x:0,width:0};return I-x.x-x.width/2}),k=s.useTransform(d,[-150,0,150],[40,80,40]),i=s.useTransform(d,[-150,0,150],[40,80,40]),C=s.useTransform(d,[-150,0,150],[20,40,20]),S=s.useTransform(d,[-150,0,150],[20,40,20]),A=s.useSpring(k,{mass:.1,stiffness:150,damping:12}),D=s.useSpring(i,{mass:.1,stiffness:150,damping:12}),j=s.useSpring(C,{mass:.1,stiffness:150,damping:12}),q=s.useSpring(S,{mass:.1,stiffness:150,damping:12}),[u,g]=b.useState(!1);return e.jsx("a",{href:l,children:e.jsxs(s.motion.div,{ref:n,style:{width:A,height:D},onMouseEnter:()=>g(!0),onMouseLeave:()=>g(!1),className:"aspect-square rounded-full bg-gray-200 dark:bg-neutral-800 flex items-center justify-center relative",children:[e.jsx(s.AnimatePresence,{children:u&&e.jsx(s.motion.div,{initial:{opacity:0,y:10,x:"-50%"},animate:{opacity:1,y:0,x:"-50%"},exit:{opacity:0,y:2,x:"-50%"},className:"px-2 py-0.5 whitespace-pre rounded-md bg-gray-100 border dark:bg-neutral-800 dark:border-neutral-900 dark:text-white border-gray-200 text-neutral-700 absolute left-1/2 -translate-x-1/2 -top-8 w-fit text-xs",children:a})}),e.jsx(s.motion.div,{style:{width:j,height:q},className:"flex items-center justify-center",children:r})]})})},Ce=c=>{const{items:o,className:a}=c,r=s.useMotionValue(1/0);return e.jsx(s.motion.div,{onMouseMove:l=>r.set(l.pageX),onMouseLeave:()=>r.set(1/0),className:we("mx-auto hidden md:flex h-16 gap-4 items-end rounded-2xl bg-gray-50 dark:bg-neutral-900 px-4 pb-3",a),children:o.map(l=>e.jsx(to,{mouseX:r,...l},l.title))})},Se=c=>{const{items:o,className:a,collapseIcon:r,autoHidden:l=!1}=c,[n,d]=b.useState(!1),k=()=>{d(!n)};return e.jsxs("div",{className:we("relative block",l?"md:hidden":"",a),children:[e.jsx(s.AnimatePresence,{children:n&&e.jsx(s.motion.div,{layoutId:"nav",className:"absolute bottom-full mb-2 inset-x-0 flex flex-col gap-2",children:o.map((i,C)=>e.jsx(s.motion.div,{initial:{opacity:0,y:10},animate:{opacity:1,y:0},exit:{opacity:0,y:10,transition:{delay:C*.05}},transition:{delay:(o.length-1-C)*.05},children:e.jsx("a",{href:i.href,className:"h-10 w-10 rounded-full bg-gray-50 dark:bg-neutral-900 flex items-center justify-center",children:e.jsx("div",{className:"h-4 w-4",children:i.icon})},i.title)},i.title))})}),e.jsx("button",{onClick:k,className:"h-10 w-10 rounded-full bg-gray-50 dark:bg-neutral-800 flex items-center justify-center",children:r||e.jsx(G.RiMoreLine,{className:"h-5 w-5 text-neutral-500 dark:text-neutral-400"})})]})},ae=c=>{const{items:o,desktopClassName:a,mobileClassName:r,...l}=c;return e.jsxs(e.Fragment,{children:[e.jsx(Ce,{items:o,className:a,...l}),e.jsx(Se,{items:o,className:r,autoHidden:!0,...l})]})};ae.Desktop=Ce,ae.Mobile=Se,p.Desktop=We,p.Dock=ae,p.MdEditor=ve,Object.defineProperty(p,Symbol.toStringTag,{value:"Module"})});
|