@robot-admin/naive-ui-components 0.10.3 → 0.11.0

package/dist/C_GlobalSearch2.js

@@ -1,2 +1 @@
-import{t as e}from"./export-helper.js";import{Fragment as t,Teleport as n,Transition as r,computed as i,createBlock as a,createCommentVNode as o,createElementBlock as s,createElementVNode as c,createTextVNode as l,createVNode as u,defineComponent as d,isRef as f,nextTick as p,normalizeClass as m,onMounted as h,onUnmounted as g,openBlock as _,ref as v,renderList as y,resolveDynamicComponent as b,toDisplayString as x,unref as S,vModelText as C,watch as w,withCtx as T,withDirectives as E,withKeys as D,withModifiers as O}from"vue";function k(e){let{menuItems:t,isDark:n,onSelect:r,storageKey:a=`robot-search-history`,maxHistory:o=10,maxDisplayHistory:s=5}=e,c=v(!1),l=v(``),u=v(0),d=v(),f=v([]),m=i(()=>n?.()??!1),_=i(()=>{if(!l.value.trim())return[];let e=l.value.toLowerCase();return t().filter(t=>t.label.toLowerCase().includes(e)||T(t.key).toLowerCase().includes(e))}),y=i(()=>f.value.slice(0,s)),b=i(()=>_.value.length>0),x=i(()=>b.value||y.value.length>0),S=(e,t)=>[`robot-result-item`,t&&`robot-history-item`,{"robot-result-item-selected":u.value===e}],C=(e,t)=>{if(!t)return e;let n=RegExp(`(${t.replace(/[.*+?^${}()|[\]\\]/g,`\\$&`)})`,`gi`);return e.replace(n,`<mark class="robot-highlight">$1</mark>`)},T=e=>e.replace(/^\//,``).replace(/\//g,` > `)||`首页`,E=e=>{if(!e.label.trim())return;let t=e.label,n=f.value.filter(n=>!(n.query===t&&n.menuItem?.key===e.key));f.value=[{query:t,menuItem:e,timestamp:Date.now()},...n].slice(0,o),localStorage.setItem(a,JSON.stringify(f.value))},D=()=>{try{let e=localStorage.getItem(a);e&&(f.value=JSON.parse(e).map(e=>typeof e==`string`?{query:e,menuItem:null,timestamp:0}:e))}catch(e){console.error(`加载搜索历史失败:`,e)}},O=()=>{f.value=[],localStorage.removeItem(a)},k=e=>{f.value.splice(e,1),localStorage.setItem(a,JSON.stringify(f.value)),u.value>=f.value.length&&(u.value=Math.max(0,f.value.length-1))},A=async()=>{c.value=!0,l.value=``,u.value=0,await p(),d.value?.focus()},j=()=>{c.value=!1,l.value=``,u.value=0},M=e=>{if(e.menuItem){let t=!!e.menuItem.children?.length;r?.(e.menuItem.key,t),j()}else l.value=e.query,u.value=0},N=e=>{E(e);let t=!!e.children?.length;r?.(e.key,t),j()};return w(l,()=>{u.value=0}),h(()=>{D();let e=e=>{(e.ctrlKey||e.metaKey)&&e.key===`k`&&(e.preventDefault(),A())};document.addEventListener(`keydown`,e),g(()=>document.removeEventListener(`keydown`,e))}),{showDialog:c,searchValue:l,selectedIndex:u,searchInputRef:d,isDark:m,filteredMenuItems:_,displayHistory:y,hasResults:b,hasContent:x,getItemClasses:S,highlightMatch:C,formatMenuPath:T,clearHistory:O,removeHistoryItem:k,openDialog:A,closeDialog:j,selectHistoryItem:M,selectItem:N,handleEnter:()=>{let e=!l.value.trim()&&y.value.length>0,t=l.value.trim()&&_.value.length>0;if(e){let e=y.value[u.value];e&&M(e)}else if(t){let e=_.value[u.value];e&&N(e)}},focusNext:()=>{let e=l.value.trim()?_.value.length-1:y.value.length-1;u.value=Math.min(u.value+1,e)},focusPrev:()=>{u.value=Math.max(u.value-1,0)}}}const A={class:`robot-search-palette`},j={class:`robot-search-header`},M=[`placeholder`],N={class:`robot-search-content`},ee={key:0,class:`robot-empty-state`},te={class:`robot-search-results`},P={class:`robot-result-group`},ne={class:`robot-group-title`},re={class:`robot-group-count`},ie={class:`robot-group-items`},ae=[`onClick`,`onMouseenter`],oe={key:1,class:`robot-item-icon robot-default-icon`},se={class:`robot-item-content`},ce={class:`robot-item-label`},le={class:`robot-item-desc`},ue=[`onClick`],de={class:`robot-search-results`},F={key:0,class:`robot-empty-state`},I={class:`robot-result-group`},L={class:`robot-group-title`},R={class:`robot-group-count`},z={class:`robot-group-items`},B=[`onClick`,`onMouseenter`],V={key:1,class:`robot-item-icon robot-default-icon`},fe={class:`robot-item-content`},H=[`innerHTML`],pe={class:`robot-item-desc`},me={key:2,class:`robot-item-badge`},he={class:`robot-search-footer`},ge={key:0,class:`robot-footer-info`},_e={key:0},ve={key:1};var U=e(d({name:`C_GlobalSearch`,__name:`index`,props:{options:{},placeholder:{default:`搜索导航菜单...`},emptyText:{default:`输入关键词搜索菜单`},resultGroupTitle:{default:`菜单导航`}},setup(e,{expose:i}){let{showDialog:d,searchValue:p,selectedIndex:h,searchInputRef:g,isDark:v,filteredMenuItems:w,displayHistory:U,hasResults:W,hasContent:G,getItemClasses:K,highlightMatch:ye,formatMenuPath:q,clearHistory:J,removeHistoryItem:be,openDialog:Y,closeDialog:X,selectHistoryItem:xe,selectItem:Se,handleEnter:Z,focusNext:Q,focusPrev:$}=k(e.options);return i({openDialog:Y,closeDialog:X}),(e,i)=>(_(),s(`div`,A,[o(` 搜索触发按钮 `),c(`div`,{class:m([`robot-search-trigger`,{"trigger-dark":S(v)}]),onClick:i[0]||=(...e)=>S(Y)&&S(Y)(...e)},i[11]||=[c(`div`,{class:`i-mdi:search robot-trigger-icon`},null,-1),c(`span`,{class:`robot-trigger-text`},`搜索`,-1),c(`span`,{class:`robot-trigger-shortcut`},`Ctrl K`,-1)],2),o(` 搜索对话框 `),(_(),a(n,{to:`body`},[u(r,{name:`robot-dialog`},{default:T(()=>[S(d)?(_(),s(`div`,{key:0,class:`robot-dialog-overlay`,onClick:i[9]||=(...e)=>S(X)&&S(X)(...e),onKeydown:i[10]||=D((...e)=>S(X)&&S(X)(...e),[`esc`])},[c(`div`,{class:m([`robot-dialog-container`,{"dialog-dark":S(v)}]),onClick:i[8]||=O(()=>{},[`stop`])},[o(` 搜索头部 `),c(`div`,j,[i[13]||=c(`div`,{class:`i-mdi:magnify robot-search-icon`},null,-1),E(c(`input`,{ref_key:`searchInputRef`,ref:g,"onUpdate:modelValue":i[1]||=e=>f(p)?p.value=e:null,type:`text`,placeholder:e.placeholder,class:`robot-search-input`,onKeydown:[i[2]||=D((...e)=>S(X)&&S(X)(...e),[`esc`]),i[3]||=D((...e)=>S(Z)&&S(Z)(...e),[`enter`]),i[4]||=D((...e)=>S(Q)&&S(Q)(...e),[`arrow-down`]),i[5]||=D((...e)=>S($)&&S($)(...e),[`arrow-up`])]},null,40,M),[[C,S(p)]]),c(`button`,{class:`robot-close-btn`,onClick:i[6]||=(...e)=>S(X)&&S(X)(...e)},i[12]||=[c(`div`,{class:`i-mdi:close`},null,-1)])]),o(` 搜索内容 `),c(`div`,N,[o(` 空状态 `),S(G)?!S(p).trim()&&S(U).length>0?(_(),s(t,{key:1},[o(` 搜索历史 `),c(`div`,te,[c(`div`,P,[c(`div`,ne,[i[16]||=c(`div`,{class:`i-mdi:clock-time-four-outline robot-group-icon`},null,-1),i[17]||=l(` 最近搜索 `,-1),c(`span`,re,x(S(U).length),1),c(`button`,{class:`robot-clear-history`,onClick:i[7]||=(...e)=>S(J)&&S(J)(...e),title:`清空历史`},i[15]||=[c(`div`,{class:`i-mdi:delete-outline`},null,-1)])]),c(`div`,ie,[(_(!0),s(t,null,y(S(U),(e,t)=>(_(),s(`div`,{key:`history-${t}`,class:m(S(K)(t,!0)),onClick:t=>S(xe)(e),onMouseenter:e=>h.value=t},[e.menuItem?.icon?(_(),a(b(e.menuItem.icon),{key:0,class:`robot-item-icon`})):(_(),s(`div`,oe,i[18]||=[c(`div`,{class:`i-mdi:file-document-outline`},null,-1)])),c(`div`,se,[c(`div`,ce,x(e.query),1),c(`div`,le,x(S(q)(e.menuItem?.key||``)),1)]),c(`button`,{class:`robot-history-delete`,onClick:O(e=>S(be)(t),[`stop`]),title:`删除此记录`},i[19]||=[c(`div`,{class:`i-mdi:close`},null,-1)],8,ue)],42,ae))),128))])])])],64)):S(p).trim()?(_(),s(t,{key:2},[o(` 搜索结果 `),c(`div`,de,[o(` 无结果状态 `),S(W)?(_(),s(t,{key:1},[o(` 搜索结果列表 `),c(`div`,I,[c(`div`,L,[i[21]||=c(`div`,{class:`i-mdi:menu robot-group-icon`},null,-1),l(` `+x(e.resultGroupTitle)+` `,1),c(`span`,R,x(S(w).length),1)]),c(`div`,z,[(_(!0),s(t,null,y(S(w),(e,t)=>(_(),s(`div`,{key:e.key,class:m(S(K)(t,!1)),onClick:t=>S(Se)(e),onMouseenter:e=>h.value=t},[e.icon?(_(),a(b(e.icon),{key:0,class:`robot-item-icon`})):(_(),s(`div`,V,i[22]||=[c(`div`,{class:`i-mdi:file-document-outline`},null,-1)])),c(`div`,fe,[c(`div`,{class:`robot-item-label`,innerHTML:S(ye)(e.label,S(p))},null,8,H),c(`div`,pe,x(S(q)(e.key)),1)]),e.children?.length?(_(),s(`div`,me,x(e.children.length),1)):o(`v-if`,!0)],42,B))),128))])])],2112)):(_(),s(`div`,F,[i[20]||=c(`div`,{class:`i-mdi:magnify robot-empty-icon`},null,-1),c(`p`,null,`未找到 "`+x(S(p))+`" 相关内容`,1)]))])],64)):o(`v-if`,!0):(_(),s(`div`,ee,[i[14]||=c(`div`,{class:`i-mdi:magnify robot-empty-icon`},null,-1),c(`p`,null,x(e.emptyText),1)]))]),o(` 搜索底部 `),c(`div`,he,[i[23]||=c(`div`,{class:`robot-footer-actions`},[c(`div`,{class:`robot-action-item`},[c(`kbd`,null,`↵`),c(`span`,null,`选择`)]),c(`div`,{class:`robot-action-item`},[c(`kbd`,null,`↑↓`),c(`span`,null,`导航`)]),c(`div`,{class:`robot-action-item`},[c(`kbd`,null,`esc`),c(`span`,null,`关闭`)])],-1),S(G)?(_(),s(`div`,ge,[S(p).trim()&&S(W)?(_(),s(`span`,_e,` 共 `+x(S(w).length)+` 项结果 `,1)):!S(p).trim()&&S(U).length>0?(_(),s(`span`,ve,x(S(U).length)+` 条历史记录 `,1)):o(`v-if`,!0)])):o(`v-if`,!0)])],2)],32)):o(`v-if`,!0)]),_:1})]))]))}}),[[`__scopeId`,`data-v-0c844dfd`]]);export{k as n,U as t};
-//# sourceMappingURL=C_GlobalSearch2.js.map
+import{t as e}from"./export-helper.js";import{Fragment as t,Teleport as n,Transition as r,computed as i,createBlock as a,createCommentVNode as o,createElementBlock as s,createElementVNode as c,createTextVNode as l,createVNode as u,defineComponent as d,isRef as f,nextTick as p,normalizeClass as m,onMounted as h,onUnmounted as g,openBlock as _,ref as v,renderList as y,resolveDynamicComponent as b,toDisplayString as x,unref as S,vModelText as C,watch as w,withCtx as T,withDirectives as E,withKeys as D,withModifiers as O}from"vue";function k(e){let{menuItems:t,isDark:n,onSelect:r,storageKey:a=`robot-search-history`,maxHistory:o=10,maxDisplayHistory:s=5}=e,c=Math.min(100,Math.max(0,Math.trunc(o))),l=Math.min(c,Math.max(0,Math.trunc(s))),u=v(!1),d=v(``),f=v(0),m=v(),_=v([]),y=i(()=>n?.()??!1),b=i(()=>{if(!d.value.trim())return[];let e=d.value.toLowerCase();return t().filter(t=>t.label.toLowerCase().includes(e)||D(t.key).toLowerCase().includes(e))}),x=i(()=>_.value.slice(0,l)),S=i(()=>b.value.length>0),C=i(()=>S.value||x.value.length>0),T=(e,t)=>[`robot-result-item`,t&&`robot-history-item`,{"robot-result-item-selected":f.value===e}],E=(e,t)=>{if(!t)return[{text:e,matched:!1}];let n=RegExp(`(${t.replace(/[.*+?^${}()|[\]\\]/g,`\\$&`)})`,`gi`);return e.split(n).filter(Boolean).map(e=>({text:e,matched:e.toLocaleLowerCase()===t.toLocaleLowerCase()}))},D=e=>e.replace(/^\//,``).replace(/\//g,` > `)||`首页`,O=()=>{if(!(typeof localStorage>`u`))try{let e=_.value.map(e=>({query:e.query,menuKey:e.menuItem?.key??null,timestamp:e.timestamp}));localStorage.setItem(a,JSON.stringify(e))}catch{}},k=e=>{if(!e.label.trim())return;let t=e.label,n=_.value.filter(n=>!(n.query===t&&n.menuItem?.key===e.key));_.value=[{query:t,menuItem:e,timestamp:Date.now()},...n].slice(0,c),O()},A=()=>{if(!(typeof localStorage>`u`))try{let e=localStorage.getItem(a);if(e){let n=JSON.parse(e);if(!Array.isArray(n))return;let r=new Map(t().map(e=>[e.key,e]));_.value=n.flatMap(e=>{if(typeof e==`string`)return[{query:e.slice(0,200),menuItem:null,timestamp:0}];if(!e||typeof e!=`object`)return[];let t=e,n=typeof t.query==`string`?t.query:``;if(!n.trim())return[];let i=t.menuItem&&typeof t.menuItem==`object`?t.menuItem:null,a=typeof t.menuKey==`string`?t.menuKey:typeof i?.key==`string`?i.key:``;return[{query:n.slice(0,200),menuItem:r.get(a)??null,timestamp:typeof t.timestamp==`number`&&Number.isFinite(t.timestamp)?t.timestamp:0}]}).slice(0,c)}}catch{_.value=[]}},j=()=>{if(_.value=[],!(typeof localStorage>`u`))try{localStorage.removeItem(a)}catch{}},M=e=>{_.value.splice(e,1),O(),f.value>=_.value.length&&(f.value=Math.max(0,_.value.length-1))},N=async()=>{u.value=!0,d.value=``,f.value=0,await p(),m.value?.focus()},P=()=>{u.value=!1,d.value=``,f.value=0},F=e=>{if(e.menuItem){let t=!!e.menuItem.children?.length;r?.(e.menuItem.key,t),P()}else d.value=e.query,f.value=0},I=e=>{k(e);let t=!!e.children?.length;r?.(e.key,t),P()};return w(d,()=>{f.value=0}),h(()=>{A();let e=e=>{e.defaultPrevented||(e.ctrlKey||e.metaKey)&&e.key===`k`&&(e.preventDefault(),N())};document.addEventListener(`keydown`,e),g(()=>document.removeEventListener(`keydown`,e))}),{showDialog:u,searchValue:d,selectedIndex:f,searchInputRef:m,isDark:y,filteredMenuItems:b,displayHistory:x,hasResults:S,hasContent:C,getItemClasses:T,highlightMatch:E,formatMenuPath:D,clearHistory:j,removeHistoryItem:M,openDialog:N,closeDialog:P,selectHistoryItem:F,selectItem:I,handleEnter:()=>{let e=!d.value.trim()&&x.value.length>0,t=d.value.trim()&&b.value.length>0;if(e){let e=x.value[f.value];e&&F(e)}else if(t){let e=b.value[f.value];e&&I(e)}},focusNext:()=>{let e=d.value.trim()?b.value.length-1:x.value.length-1;f.value=Math.min(f.value+1,e)},focusPrev:()=>{f.value=Math.max(f.value-1,0)}}}const A={class:`robot-search-palette`},j={class:`robot-search-header`},M=[`placeholder`],N={class:`robot-search-content`},P={key:0,class:`robot-empty-state`},F={class:`robot-search-results`},I={class:`robot-result-group`},ee={class:`robot-group-title`},te={class:`robot-group-count`},ne={class:`robot-group-items`},re=[`onClick`,`onMouseenter`],ie={key:1,class:`robot-item-icon robot-default-icon`},ae={class:`robot-item-content`},oe={class:`robot-item-label`},se={class:`robot-item-desc`},ce=[`onClick`],le={class:`robot-search-results`},ue={key:0,class:`robot-empty-state`},de={class:`robot-result-group`},L={class:`robot-group-title`},R={class:`robot-group-count`},z={class:`robot-group-items`},B=[`onClick`,`onMouseenter`],V={key:1,class:`robot-item-icon robot-default-icon`},fe={class:`robot-item-content`},pe={class:`robot-item-label`},me={key:0,class:`robot-highlight`},he={class:`robot-item-desc`},ge={key:2,class:`robot-item-badge`},_e={class:`robot-search-footer`},ve={key:0,class:`robot-footer-info`},ye={key:0},be={key:1};var H=e(d({name:`C_GlobalSearch`,__name:`index`,props:{options:{},placeholder:{default:`搜索导航菜单...`},emptyText:{default:`输入关键词搜索菜单`},resultGroupTitle:{default:`菜单导航`}},setup(e,{expose:i}){let{showDialog:d,searchValue:p,selectedIndex:h,searchInputRef:g,isDark:v,filteredMenuItems:w,displayHistory:H,hasResults:U,hasContent:W,getItemClasses:G,highlightMatch:xe,formatMenuPath:K,clearHistory:q,removeHistoryItem:J,openDialog:Y,closeDialog:X,selectHistoryItem:Se,selectItem:Ce,handleEnter:Z,focusNext:Q,focusPrev:$}=k(e.options);return i({openDialog:Y,closeDialog:X}),(i,k)=>(_(),s(`div`,A,[o(` 搜索触发按钮 `),c(`div`,{class:m([`robot-search-trigger`,{"trigger-dark":S(v)}]),onClick:k[0]||=(...e)=>S(Y)&&S(Y)(...e)},[...k[11]||=[c(`div`,{class:`i-mdi:search robot-trigger-icon`},null,-1),c(`span`,{class:`robot-trigger-text`},`搜索`,-1),c(`span`,{class:`robot-trigger-shortcut`},`Ctrl K`,-1)]],2),o(` 搜索对话框 `),(_(),a(n,{to:`body`},[u(r,{name:`robot-dialog`},{default:T(()=>[S(d)?(_(),s(`div`,{key:0,class:`robot-dialog-overlay`,onClick:k[9]||=(...e)=>S(X)&&S(X)(...e),onKeydown:k[10]||=D((...e)=>S(X)&&S(X)(...e),[`esc`])},[c(`div`,{class:m([`robot-dialog-container`,{"dialog-dark":S(v)}]),onClick:k[8]||=O(()=>{},[`stop`])},[o(` 搜索头部 `),c(`div`,j,[k[13]||=c(`div`,{class:`i-mdi:magnify robot-search-icon`},null,-1),E(c(`input`,{ref_key:`searchInputRef`,ref:g,"onUpdate:modelValue":k[1]||=e=>f(p)?p.value=e:null,type:`text`,placeholder:e.placeholder,class:`robot-search-input`,onKeydown:[k[2]||=D((...e)=>S(X)&&S(X)(...e),[`esc`]),k[3]||=D((...e)=>S(Z)&&S(Z)(...e),[`enter`]),k[4]||=D((...e)=>S(Q)&&S(Q)(...e),[`arrow-down`]),k[5]||=D((...e)=>S($)&&S($)(...e),[`arrow-up`])]},null,40,M),[[C,S(p)]]),c(`button`,{class:`robot-close-btn`,onClick:k[6]||=(...e)=>S(X)&&S(X)(...e)},[...k[12]||=[c(`div`,{class:`i-mdi:close`},null,-1)]])]),o(` 搜索内容 `),c(`div`,N,[o(` 空状态 `),S(W)?!S(p).trim()&&S(H).length>0?(_(),s(t,{key:1},[o(` 搜索历史 `),c(`div`,F,[c(`div`,I,[c(`div`,ee,[k[16]||=c(`div`,{class:`i-mdi:clock-time-four-outline robot-group-icon`},null,-1),k[17]||=l(` 最近搜索 `,-1),c(`span`,te,x(S(H).length),1),c(`button`,{class:`robot-clear-history`,onClick:k[7]||=(...e)=>S(q)&&S(q)(...e),title:`清空历史`},[...k[15]||=[c(`div`,{class:`i-mdi:delete-outline`},null,-1)]])]),c(`div`,ne,[(_(!0),s(t,null,y(S(H),(e,t)=>(_(),s(`div`,{key:`history-${t}`,class:m(S(G)(t,!0)),onClick:t=>S(Se)(e),onMouseenter:e=>h.value=t},[e.menuItem?.icon?(_(),a(b(e.menuItem.icon),{key:0,class:`robot-item-icon`})):(_(),s(`div`,ie,[...k[18]||=[c(`div`,{class:`i-mdi:file-document-outline`},null,-1)]])),c(`div`,ae,[c(`div`,oe,x(e.query),1),c(`div`,se,x(S(K)(e.menuItem?.key||``)),1)]),c(`button`,{class:`robot-history-delete`,onClick:O(e=>S(J)(t),[`stop`]),title:`删除此记录`},[...k[19]||=[c(`div`,{class:`i-mdi:close`},null,-1)]],8,ce)],42,re))),128))])])])],64)):S(p).trim()?(_(),s(t,{key:2},[o(` 搜索结果 `),c(`div`,le,[o(` 无结果状态 `),S(U)?(_(),s(t,{key:1},[o(` 搜索结果列表 `),c(`div`,de,[c(`div`,L,[k[21]||=c(`div`,{class:`i-mdi:menu robot-group-icon`},null,-1),l(` `+x(e.resultGroupTitle)+` `,1),c(`span`,R,x(S(w).length),1)]),c(`div`,z,[(_(!0),s(t,null,y(S(w),(e,n)=>(_(),s(`div`,{key:e.key,class:m(S(G)(n,!1)),onClick:t=>S(Ce)(e),onMouseenter:e=>h.value=n},[e.icon?(_(),a(b(e.icon),{key:0,class:`robot-item-icon`})):(_(),s(`div`,V,[...k[22]||=[c(`div`,{class:`i-mdi:file-document-outline`},null,-1)]])),c(`div`,fe,[c(`div`,pe,[(_(!0),s(t,null,y(S(xe)(e.label,S(p)),(e,n)=>(_(),s(t,{key:n},[e.matched?(_(),s(`mark`,me,x(e.text),1)):(_(),s(t,{key:1},[l(x(e.text),1)],64))],64))),128))]),c(`div`,he,x(S(K)(e.key)),1)]),e.children?.length?(_(),s(`div`,ge,x(e.children.length),1)):o(`v-if`,!0)],42,B))),128))])])],2112)):(_(),s(`div`,ue,[k[20]||=c(`div`,{class:`i-mdi:magnify robot-empty-icon`},null,-1),c(`p`,null,`未找到 "`+x(S(p))+`" 相关内容`,1)]))])],64)):o(`v-if`,!0):(_(),s(`div`,P,[k[14]||=c(`div`,{class:`i-mdi:magnify robot-empty-icon`},null,-1),c(`p`,null,x(e.emptyText),1)]))]),o(` 搜索底部 `),c(`div`,_e,[k[23]||=c(`div`,{class:`robot-footer-actions`},[c(`div`,{class:`robot-action-item`},[c(`kbd`,null,`↵`),c(`span`,null,`选择`)]),c(`div`,{class:`robot-action-item`},[c(`kbd`,null,`↑↓`),c(`span`,null,`导航`)]),c(`div`,{class:`robot-action-item`},[c(`kbd`,null,`esc`),c(`span`,null,`关闭`)])],-1),S(W)?(_(),s(`div`,ve,[S(p).trim()&&S(U)?(_(),s(`span`,ye,` 共 `+x(S(w).length)+` 项结果 `,1)):!S(p).trim()&&S(H).length>0?(_(),s(`span`,be,x(S(H).length)+` 条历史记录 `,1)):o(`v-if`,!0)])):o(`v-if`,!0)])],2)],32)):o(`v-if`,!0)]),_:1})]))]))}}),[[`__scopeId`,`data-v-85c98271`]]);export{k as n,H as t};

package/dist/C_Guide.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./C_Guide.js`);exports.C_Guide=e.t;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`./C_Icon2.cjs`);const e=require(`./C_Guide2.cjs`);exports.C_Guide=e.t;

package/dist/C_Guide.css

@@ -0,0 +1 @@
+.driver-popover{all:unset;font-family:var(--driver-popover-font-family,"Helvetica Neue", Inter, ui-sans-serif, "Apple Color Emoji", Helvetica, Arial, sans-serif);box-sizing:border-box;color:#2d2d2d;z-index:1000000000;background-color:#fff;border-radius:5px;min-width:250px;max-width:300px;margin:0;padding:15px;position:fixed;top:0;right:0;box-shadow:0 1px 10px #0006}.driver-popover-title{zoom:1;margin:0;font-size:19px;font-weight:700;line-height:1.5;display:block;position:relative}.driver-popover-close-btn{all:unset;cursor:pointer;color:#d2d2d2;z-index:1;text-align:center;width:32px;height:28px;font-size:18px;font-weight:500;transition:color .2s;position:absolute;top:0;right:0}.driver-popover-close-btn:hover,.driver-popover-close-btn:focus{color:#2d2d2d}.driver-popover-title[style*=block]+.driver-popover-description{margin-top:5px}.driver-popover-description{zoom:1;margin-bottom:0;font-size:14px;font-weight:400;line-height:1.5}.driver-popover-footer{text-align:right;zoom:1;justify-content:space-between;align-items:center;margin-top:15px;display:flex}.driver-popover-progress-text{color:#727272;zoom:1;font-size:13px;font-weight:400}.driver-popover-footer-btn{all:unset;box-sizing:border-box;color:#2d2d2d;cursor:pointer;zoom:1;background-color:#fff;border:1px solid #ccc;border-radius:3px;outline:0;padding:3px 7px;font-size:12px;line-height:1.3;text-decoration:none;display:inline-block}.driver-popover-footer .driver-popover-btn-disabled{opacity:.5;pointer-events:none}.driver-popover-footer-btn:hover,.driver-popover-footer-btn:focus{background-color:#f7f7f7}.driver-popover-navigation-btns{flex-grow:1;justify-content:flex-end;display:flex}.driver-popover-navigation-btns button+button{margin-left:4px}.driver-popover-arrow{content:"";border:5px solid #fff;position:absolute}.driver-popover-arrow-side-over{display:none}.driver-popover-arrow-side-left{border-top-color:#0000;border-bottom-color:#0000;border-right-color:#0000;left:100%}.driver-popover-arrow-side-right{border-top-color:#0000;border-bottom-color:#0000;border-left-color:#0000;right:100%}.driver-popover-arrow-side-top{border-bottom-color:#0000;border-left-color:#0000;border-right-color:#0000;top:100%}.driver-popover-arrow-side-bottom{border-top-color:#0000;border-left-color:#0000;border-right-color:#0000;bottom:100%}.driver-popover-arrow-side-center,.driver-popover-arrow-none{display:none}.driver-active .driver-overlay{pointer-events:none}.driver-active.driver-no-scroll{overflow:hidden}.driver-active *{pointer-events:none}.driver-active .driver-active-element,.driver-active .driver-active-element *,.driver-popover,.driver-popover *{pointer-events:auto}@keyframes animate-fade-in{0%{opacity:0}to{opacity:1}}.driver-fade .driver-overlay{animation:animate-fade-in var(--driver-animation-duration,.4s) ease-in-out}.driver-fade .driver-popover{animation:animate-fade-in var(--driver-animation-duration,.4s)}.driver-active-element-parent-no-scroll{overflow:hidden!important}.driver-no-interaction,.driver-no-interaction *{pointer-events:none!important}

package/dist/C_Guide.d.cts

@@ -1,2 +1,2 @@
-import { a as GuideTheme, i as GuideStep, n as GuidePersistence, r as GuideProps, t as _default } from "./index14.vue.js";
+import { a as GuideTheme, i as GuideStep, n as GuidePersistence, r as GuideProps, t as _default } from "./index14.vue.cjs";
 export { _default as C_Guide, type GuidePersistence, type GuideProps, type GuideStep, type GuideTheme };

package/dist/C_Guide.d.ts

@@ -1,2 +1,2 @@
-import { a as GuideTheme, i as GuideStep, n as GuidePersistence, r as GuideProps, t as _default } from "./index14.vue.js";
+import { a as GuideTheme, i as GuideStep, n as GuidePersistence, r as GuideProps, t as _default } from "./index13.vue.js";
 export { _default as C_Guide, type GuidePersistence, type GuideProps, type GuideStep, type GuideTheme };

package/dist/C_Guide.js

@@ -1 +1 @@
-import{t as e}from"./C_Guide2.js";export{e as C_Guide};
+import"./C_Icon2.js";import{t as e}from"./C_Guide2.js";export{e as C_Guide};

package/dist/C_Guide2.cjs

@@ -0,0 +1 @@
+require(`./chunk.cjs`);const e=require(`./C_Icon2.cjs`);let t=require(`vue`),n=require(`naive-ui`),r=require(`driver.js`);const i=(0,t.defineComponent)({name:`C_Guide`,__name:`index`,props:{steps:{default:()=>[]},doneBtnText:{default:`完成`},nextBtnText:{default:`下一步`},prevBtnText:{default:`上一步`},showProgress:{type:Boolean,default:!0},keyboard:{type:Boolean,default:!0},animate:{type:Boolean,default:!0},allowClose:{type:Boolean,default:!0},theme:{},persistence:{},popoverClass:{default:`driverjs-theme`},showTrigger:{type:Boolean,default:!0},triggerTooltip:{default:`功能引导`},triggerIcon:{default:`mdi:sign-routes`}},emits:[`start`,`complete`,`close`,`step-change`],setup(i,{expose:a,emit:o}){let s=i,c=o,l=null,u=(0,t.computed)(()=>`${s.persistence?.keyPrefix??`c_guide`}_completed`),d=()=>{if(!s.persistence?.enabled)return!1;try{return localStorage.getItem(u.value)===`true`}catch{return!1}},f=()=>{if(s.persistence?.enabled)try{localStorage.setItem(u.value,`true`)}catch{}},p=()=>{try{localStorage.removeItem(u.value)}catch{}},m=()=>s.steps.filter(e=>!e.skipIf?.()),h=()=>s.popoverClass||``,g=(e=!1)=>{if(!e&&d())return;let t=m();if(!t.length){console.warn(`[C_Guide] 未提供引导步骤（steps），请通过 :steps prop 传入。`);return}l?.destroy();let n=0,i=!1,a=(0,r.driver)({popoverClass:h(),animate:s.animate,showProgress:s.showProgress,allowClose:s.allowClose,allowKeyboardControl:s.keyboard,overlayOpacity:s.theme?.overlayOpacity,doneBtnText:s.doneBtnText,nextBtnText:s.nextBtnText,prevBtnText:s.prevBtnText,steps:t.map(e=>({element:e.element,popover:e.popover})),onPopoverRender:e=>{s.theme?.popoverBgColor&&(e.wrapper.style.backgroundColor=s.theme.popoverBgColor),s.theme?.popoverTextColor&&(e.wrapper.style.color=s.theme.popoverTextColor),s.theme?.borderRadius&&(e.wrapper.style.borderRadius=s.theme.borderRadius),s.theme?.primaryColor&&(e.nextButton.style.backgroundColor=s.theme.primaryColor,e.nextButton.style.borderColor=s.theme.primaryColor)},onHighlightStarted:(e,r,{state:i})=>{n=i.activeIndex??n;let a=t[n];a&&(a.onHighlightStarted?.(e,a),c(`step-change`,n,a))},onDeselected:e=>{let r=t[n];r?.onDeselected?.(e,r)},onNextClick:()=>{a.isLastStep()?(i=!0,a.destroy()):a.moveNext()},onDestroyStarted:()=>{i?(f(),c(`complete`)):c(`close`,n),l=null,a.destroy()}});c(`start`),l=a,a.drive()};return(0,t.onBeforeUnmount)(()=>{l?.destroy(),l=null}),a({startGuide:g,resetCompleted:p,isCompleted:d}),(r,i)=>s.showTrigger?((0,t.openBlock)(),(0,t.createBlock)((0,t.unref)(n.NTooltip),{key:0,placement:`bottom`,trigger:`hover`},{trigger:(0,t.withCtx)(()=>[(0,t.createVNode)((0,t.unref)(n.NButton),{text:``,onClick:g},{default:(0,t.withCtx)(()=>[(0,t.createVNode)(e.t,{name:s.triggerIcon,size:18},null,8,[`name`])]),_:1})]),default:(0,t.withCtx)(()=>[(0,t.createElementVNode)(`span`,null,(0,t.toDisplayString)(s.triggerTooltip),1)]),_:1})):(0,t.createCommentVNode)(`v-if`,!0)}});Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return i}});

package/dist/C_Guide2.js

@@ -1,2 +1 @@
-import{t as e}from"./C_Icon2.js";import{NButton as t,NTooltip as n}from"naive-ui";import{computed as r,createBlock as i,createCommentVNode as a,createElementVNode as o,createVNode as s,defineComponent as c,openBlock as l,toDisplayString as u,unref as d,withCtx as f}from"vue";import{driver as p}from"driver.js";import"driver.js/dist/driver.css";const m=c({name:`C_Guide`,__name:`index`,props:{steps:{default:()=>[]},doneBtnText:{default:`完成`},nextBtnText:{default:`下一步`},prevBtnText:{default:`上一步`},showProgress:{type:Boolean,default:!0},keyboard:{type:Boolean,default:!0},animate:{type:Boolean,default:!0},allowClose:{type:Boolean,default:!0},theme:{},persistence:{},popoverClass:{default:`driverjs-theme`},showTrigger:{type:Boolean,default:!0},triggerTooltip:{default:`功能引导`},triggerIcon:{default:`mdi:sign-routes`}},emits:[`start`,`complete`,`close`,`step-change`],setup(c,{expose:m,emit:h}){let g=c,_=h,v=r(()=>`${g.persistence?.keyPrefix??`c_guide`}_completed`),y=()=>{if(!g.persistence?.enabled)return!1;try{return localStorage.getItem(v.value)===`true`}catch{return!1}},b=()=>{if(g.persistence?.enabled)try{localStorage.setItem(v.value,`true`)}catch{}},x=()=>{try{localStorage.removeItem(v.value)}catch{}},S=()=>g.steps.filter(e=>!e.skipIf?.()),C=()=>{let e=[g.popoverClass];if(g.theme){let e=document.documentElement;g.theme.popoverBgColor&&e.style.setProperty(`--c-guide-popover-bg`,g.theme.popoverBgColor),g.theme.popoverTextColor&&e.style.setProperty(`--c-guide-popover-text`,g.theme.popoverTextColor),g.theme.primaryColor&&e.style.setProperty(`--c-guide-primary`,g.theme.primaryColor),g.theme.overlayOpacity!==void 0&&e.style.setProperty(`--c-guide-overlay-opacity`,String(g.theme.overlayOpacity)),g.theme.borderRadius&&e.style.setProperty(`--c-guide-radius`,g.theme.borderRadius)}return e.filter(Boolean).join(` `)},w=(e=!1)=>{if(!e&&y())return;let t=S();if(!t.length){console.warn(`[C_Guide] 未提供引导步骤（steps），请通过 :steps prop 传入。`);return}let n=0,r=p({popoverClass:C(),animate:g.animate,showProgress:g.showProgress,allowClose:g.allowClose,doneBtnText:g.doneBtnText,nextBtnText:g.nextBtnText,prevBtnText:g.prevBtnText,steps:t.map(e=>({element:e.element,popover:e.popover})),onHighlightStarted:e=>{let r=t[n];r&&(r.onHighlightStarted?.(e,r),_(`step-change`,n,r))},onDeselected:e=>{let r=t[n];r?.onDeselected?.(e,r),n++},onDestroyStarted:()=>{n>=t.length?(b(),_(`complete`)):_(`close`,n),r.destroy()}});_(`start`),r.drive()};return m({startGuide:w,resetCompleted:x,isCompleted:y}),(r,c)=>g.showTrigger?(l(),i(d(n),{key:0,placement:`bottom`,trigger:`hover`},{trigger:f(()=>[s(d(t),{text:``,onClick:w},{default:f(()=>[s(e,{name:g.triggerIcon,size:18},null,8,[`name`])]),_:1})]),default:f(()=>[o(`span`,null,u(g.triggerTooltip),1)]),_:1})):a(`v-if`,!0)}});export{m as t};
-//# sourceMappingURL=C_Guide2.js.map
+import{t as e}from"./C_Icon2.js";import{computed as t,createBlock as n,createCommentVNode as r,createElementVNode as i,createVNode as a,defineComponent as o,onBeforeUnmount as s,openBlock as c,toDisplayString as l,unref as u,withCtx as d}from"vue";import{NButton as f,NTooltip as p}from"naive-ui";import{driver as m}from"driver.js";const h=o({name:`C_Guide`,__name:`index`,props:{steps:{default:()=>[]},doneBtnText:{default:`完成`},nextBtnText:{default:`下一步`},prevBtnText:{default:`上一步`},showProgress:{type:Boolean,default:!0},keyboard:{type:Boolean,default:!0},animate:{type:Boolean,default:!0},allowClose:{type:Boolean,default:!0},theme:{},persistence:{},popoverClass:{default:`driverjs-theme`},showTrigger:{type:Boolean,default:!0},triggerTooltip:{default:`功能引导`},triggerIcon:{default:`mdi:sign-routes`}},emits:[`start`,`complete`,`close`,`step-change`],setup(o,{expose:h,emit:g}){let _=o,v=g,y=null,b=t(()=>`${_.persistence?.keyPrefix??`c_guide`}_completed`),x=()=>{if(!_.persistence?.enabled)return!1;try{return localStorage.getItem(b.value)===`true`}catch{return!1}},S=()=>{if(_.persistence?.enabled)try{localStorage.setItem(b.value,`true`)}catch{}},C=()=>{try{localStorage.removeItem(b.value)}catch{}},w=()=>_.steps.filter(e=>!e.skipIf?.()),T=()=>_.popoverClass||``,E=(e=!1)=>{if(!e&&x())return;let t=w();if(!t.length){console.warn(`[C_Guide] 未提供引导步骤（steps），请通过 :steps prop 传入。`);return}y?.destroy();let n=0,r=!1,i=m({popoverClass:T(),animate:_.animate,showProgress:_.showProgress,allowClose:_.allowClose,allowKeyboardControl:_.keyboard,overlayOpacity:_.theme?.overlayOpacity,doneBtnText:_.doneBtnText,nextBtnText:_.nextBtnText,prevBtnText:_.prevBtnText,steps:t.map(e=>({element:e.element,popover:e.popover})),onPopoverRender:e=>{_.theme?.popoverBgColor&&(e.wrapper.style.backgroundColor=_.theme.popoverBgColor),_.theme?.popoverTextColor&&(e.wrapper.style.color=_.theme.popoverTextColor),_.theme?.borderRadius&&(e.wrapper.style.borderRadius=_.theme.borderRadius),_.theme?.primaryColor&&(e.nextButton.style.backgroundColor=_.theme.primaryColor,e.nextButton.style.borderColor=_.theme.primaryColor)},onHighlightStarted:(e,r,{state:i})=>{n=i.activeIndex??n;let a=t[n];a&&(a.onHighlightStarted?.(e,a),v(`step-change`,n,a))},onDeselected:e=>{let r=t[n];r?.onDeselected?.(e,r)},onNextClick:()=>{i.isLastStep()?(r=!0,i.destroy()):i.moveNext()},onDestroyStarted:()=>{r?(S(),v(`complete`)):v(`close`,n),y=null,i.destroy()}});v(`start`),y=i,i.drive()};return s(()=>{y?.destroy(),y=null}),h({startGuide:E,resetCompleted:C,isCompleted:x}),(t,o)=>_.showTrigger?(c(),n(u(p),{key:0,placement:`bottom`,trigger:`hover`},{trigger:d(()=>[a(u(f),{text:``,onClick:E},{default:d(()=>[a(e,{name:_.triggerIcon,size:18},null,8,[`name`])]),_:1})]),default:d(()=>[i(`span`,null,l(_.triggerTooltip),1)]),_:1})):r(`v-if`,!0)}});export{h as t};

package/dist/C_Icon.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./C_Icon.js`);exports.C_Icon=e.t;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./C_Icon2.cjs`);exports.C_Icon=e.t;

package/dist/C_Icon.css

@@ -0,0 +1,58 @@
+/* unplugin-vue-components disabled */.c-icon[data-v-d0d8dba0] {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  user-select: none;
+  transition: all 0.2s ease-in-out;
+}
+.c-icon--clickable[data-v-d0d8dba0] {
+  cursor: pointer;
+}
+.c-icon--clickable[data-v-d0d8dba0]:hover {
+  opacity: 0.8;
+  transform: scale(1.05);
+}
+.c-icon--clickable[data-v-d0d8dba0]:active {
+  transform: scale(0.95);
+}
+.c-icon--clickable[data-v-d0d8dba0]:focus-visible {
+  outline: 2px solid currentColor;
+  outline-offset: 2px;
+  border-radius: 4px;
+}
+.c-icon--loading[data-v-d0d8dba0] {
+  opacity: 0.6;
+  cursor: wait;
+}
+.c-icon--error[data-v-d0d8dba0] {
+  opacity: 0.5;
+}
+.c-icon__loading[data-v-d0d8dba0] {
+  position: relative;
+}
+.c-icon__spinner[data-v-d0d8dba0] {
+  width: 100%;
+  height: 100%;
+  border: 2px solid currentColor;
+  border-radius: 50%;
+  border-top-color: transparent;
+  animation: spin-d0d8dba0 1s linear infinite;
+}
+.c-icon__error[data-v-d0d8dba0] {
+  font-size: 0.8em;
+  opacity: 0.5;
+}
+.c-icon__rotatable[data-v-d0d8dba0] {
+  transition: transform 0.3s ease-in-out;
+}
+.c-icon__flippable[data-v-d0d8dba0] {
+  transition: transform 0.3s ease-in-out;
+}
+@keyframes spin-d0d8dba0 {
+0% {
+    transform: rotate(0deg);
+}
+100% {
+    transform: rotate(360deg);
+}
+}

package/dist/C_Icon.d.cts

@@ -1,2 +1,2 @@
-import { n as IconProps, t as _default } from "./index15.vue.js";
+import { n as IconProps, t as _default } from "./index15.vue.cjs";
 export { _default as C_Icon, type IconProps };

package/dist/C_Icon.d.ts

@@ -1,2 +1,2 @@
-import { n as IconProps, t as _default } from "./index15.vue.js";
+import { n as IconProps, t as _default } from "./index14.vue.js";
 export { _default as C_Icon, type IconProps };

package/dist/C_Icon2.cjs

@@ -0,0 +1 @@
+require(`./chunk.cjs`);const e=require(`./export-helper.cjs`);let t=require(`vue`),n=require(`@iconify/vue`);const r=async(e,t)=>{if(!e)return``;if(e.startsWith(`http://`)||e.startsWith(`https://`)||e.startsWith(`data:`)||e.startsWith(`blob:`)||e.startsWith(`/`))return e;if(t)try{return await t(e)}catch(t){return console.error(`[useImage] 自定义解析器处理失败: ${e}`,t),``}return e},i=[`title`,`aria-label`,`role`,`tabindex`],a=[`width`,`height`,`viewBox`,`fill`],o=[`d`,`fill`],s=[`src`,`alt`,`width`,`height`],c=[`title`],l=(0,t.defineComponent)({__name:`index`,props:{name:{default:void 0},type:{default:`iconify`},color:{default:`currentColor`},size:{default:18},svgPath:{default:``},viewBox:{default:`0 0 24 24`},alt:{default:``},clickable:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},fallbackIcon:{default:``},title:{default:``},ariaLabel:{default:``},customClass:{default:``},rotate:{default:0},flip:{default:void 0},componentProps:{default:()=>({})}},emits:[`click`,`error`,`load`],setup(e,{expose:l,emit:u}){let d=e,f=u,p=(0,t.ref)(),m=(0,t.ref)(!1),h=(0,t.ref)(``),g=(0,t.ref)(``),_=(0,t.ref)(!1),v=(0,t.computed)(()=>({fontSize:typeof d.size==`number`?`${d.size}px`:d.size,color:d.color,cursor:d.clickable?`pointer`:`inherit`})),y=(0,t.computed)(()=>{let e={display:`inline-flex`,justifyContent:`center`,alignItems:`center`,width:typeof d.size==`number`?`${d.size}px`:d.size,height:typeof d.size==`number`?`${d.size}px`:d.size};if(d.rotate&&(e.transform=`rotate(${d.rotate}deg)`),d.flip){let t=d.flip===`horizontal`||d.flip===`both`?-1:1,n=d.flip===`vertical`||d.flip===`both`?-1:1;e.transform=`${e.transform||``} scaleX(${t}) scaleY(${n})`.trim()}return e}),b=(0,t.computed)(()=>typeof d.name==`string`?d.name:d.name&&d.name.__name?d.name.__name:d.name&&d.name.name?d.name.name:`Component Icon`),x=(0,t.computed)(()=>[d.customClass,{"c-icon__rotatable":d.rotate!==0,"c-icon__flippable":!!d.flip}]),S=(0,t.computed)(()=>d.type!==`component`||!d.name?null:d.name),C=(e,t,n)=>{if(console.warn(`[C_Icon] ${t}:`,b.value,n),h.value=t,_.value=!1,f(`error`,e,n),d.fallbackIcon&&!m.value){m.value=!1;return}m.value=!0},w=e=>{!d.clickable||d.loading||f(`click`,e)},T=e=>{!d.clickable||d.loading||(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),f(`click`,e))},E=()=>{_.value=!1,f(`load`)},D=async()=>{if(d.type!==`image`||typeof d.name!=`string`){g.value=``;return}if(d.name.startsWith(`http://`)||d.name.startsWith(`https://`)||d.name.startsWith(`//`)||d.name.startsWith(`/`)){g.value=d.name;return}try{_.value=!0;let e=await r(d.name);e?g.value=e:C(`image`,`图片路径解析失败`)}catch(e){C(`image`,`图片加载失败`,e)}finally{_.value=!1}},O={iconify:()=>(d.name.includes(`:`)||console.warn(`[C_Icon] Iconify图标名称格式应为 "prefix:name"，如 "mdi:home"`),null),unocss:()=>((typeof d.name!=`string`||!d.name.startsWith(`i-`))&&console.warn(`[C_Icon] UnoCSS图标名称应以 "i-" 开头`),null),component:()=>S.value?null:`无法解析组件`,svg:()=>d.svgPath?null:`SVG路径不能为空`,image:()=>null},k=()=>{if(m.value=!1,h.value=``,!d.name)return C(`validation`,`图标名称不能为空`);let e=O[d.type];if(!e)return C(`type`,`不支持的图标类型`);let t=e();t&&C(d.type,t),d.type===`image`&&D()};return(0,t.watch)(()=>[d.name,d.type,d.svgPath],()=>{(0,t.nextTick)(k)},{immediate:!0}),(0,t.onMounted)(()=>{!m.value&&d.type!==`image`&&f(`load`)}),l({validate:k,hasError:(0,t.readonly)(m),errorMessage:(0,t.readonly)(h),el:p}),(r,l)=>((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{ref_key:`iconRef`,ref:p,class:(0,t.normalizeClass)([`c-icon`,[`c-icon--${e.type}`,{"c-icon--clickable":e.clickable,"c-icon--loading":e.loading,"c-icon--error":m.value}]]),style:(0,t.normalizeStyle)(v.value),title:e.title||void 0,"aria-label":e.ariaLabel||b.value,role:e.clickable?`button`:`img`,tabindex:e.clickable?0:-1,onClick:w,onKeydown:T},[(0,t.createCommentVNode)(` 方式1：Iconify图标（默认方式） `),(e.type===`iconify`||!e.type)&&!m.value&&typeof e.name==`string`?((0,t.openBlock)(),(0,t.createBlock)((0,t.unref)(n.Icon),{key:0,icon:e.name,width:e.size,height:e.size,color:e.color,style:(0,t.normalizeStyle)(y.value),onError:l[0]||=()=>C(`iconify`,`Iconify图标加载失败`)},null,8,[`icon`,`width`,`height`,`color`,`style`])):e.type===`unocss`&&!m.value&&typeof e.name==`string`?((0,t.openBlock)(),(0,t.createElementBlock)(t.Fragment,{key:1},[(0,t.createCommentVNode)(` 方式2：UnoCSS图标 `),(0,t.createElementVNode)(`div`,{class:(0,t.normalizeClass)([e.name,x.value]),style:(0,t.normalizeStyle)(y.value),onError:l[1]||=()=>C(`unocss`,`UnoCSS图标渲染失败`)},null,38)],2112)):e.type===`component`&&S.value&&!m.value?((0,t.openBlock)(),(0,t.createElementBlock)(t.Fragment,{key:2},[(0,t.createCommentVNode)(` 方式3：组件挂载方式 `),((0,t.openBlock)(),(0,t.createBlock)((0,t.resolveDynamicComponent)(S.value),(0,t.mergeProps)({style:y.value},e.componentProps,{onError:l[2]||=()=>C(`component`,`组件图标渲染失败`)}),null,16,[`style`]))],2112)):e.type===`svg`&&e.svgPath&&!m.value?((0,t.openBlock)(),(0,t.createElementBlock)(t.Fragment,{key:3},[(0,t.createCommentVNode)(` 方式4：SVG路径方式 `),((0,t.openBlock)(),(0,t.createElementBlock)(`svg`,{width:e.size,height:e.size,viewBox:e.viewBox,style:(0,t.normalizeStyle)(y.value),fill:e.color,onError:l[3]||=()=>C(`svg`,`SVG图标渲染失败`)},[(0,t.createElementVNode)(`path`,{d:e.svgPath,fill:e.color},null,8,o)],44,a))],2112)):e.type===`image`&&g.value&&!m.value&&!_.value?((0,t.openBlock)(),(0,t.createElementBlock)(t.Fragment,{key:4},[(0,t.createCommentVNode)(` 方式5：图片方式 - 修复异步加载 `),(0,t.createElementVNode)(`img`,{src:g.value,alt:e.alt||b.value,width:e.size,height:e.size,style:{display:`inline-block`,"vertical-align":`middle`},onError:l[4]||=()=>C(`image`,`图片图标加载失败`),onLoad:E},null,40,s)],2112)):(0,t.createCommentVNode)(`v-if`,!0),(0,t.createCommentVNode)(` 图片加载状态 `),(e.loading||_.value)&&!m.value?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{key:5,class:`c-icon__loading`,style:(0,t.normalizeStyle)(y.value)},[...l[5]||=[(0,t.createElementVNode)(`div`,{class:`c-icon__spinner`},null,-1)]],4)):m.value&&e.fallbackIcon?((0,t.openBlock)(),(0,t.createElementBlock)(t.Fragment,{key:6},[(0,t.createCommentVNode)(` 统一错误状态显示 `),(0,t.createVNode)((0,t.unref)(n.Icon),{icon:e.fallbackIcon,width:e.size,height:e.size,color:e.color,style:(0,t.normalizeStyle)(y.value)},null,8,[`icon`,`width`,`height`,`color`,`style`])],2112)):m.value?((0,t.openBlock)(),(0,t.createElementBlock)(`div`,{key:7,class:`c-icon__error`,style:(0,t.normalizeStyle)(y.value),title:`图标解析失败: ${b.value} (${h.value})`},` ⚠️ `,12,c)):(0,t.createCommentVNode)(`v-if`,!0)],46,i))}});var u=e.t(l,[[`__scopeId`,`data-v-d0d8dba0`]]);Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return u}});

package/dist/C_Icon2.js

@@ -1,2 +1 @@
-import{Fragment as e,computed as t,createBlock as n,createCommentVNode as r,createElementBlock as i,createElementVNode as a,createVNode as o,defineComponent as s,mergeProps as c,nextTick as l,normalizeClass as u,normalizeStyle as d,onMounted as f,openBlock as p,readonly as m,ref as h,resolveDynamicComponent as g,unref as _,watch as v}from"vue";import{Icon as y}from"@iconify/vue";const b=async(e,t)=>{if(!e)return``;if(e.startsWith(`http://`)||e.startsWith(`https://`)||e.startsWith(`data:`)||e.startsWith(`blob:`)||e.startsWith(`/`))return e;if(t)try{return await t(e)}catch(t){return console.error(`[useImage] 自定义解析器处理失败: ${e}`,t),``}return e},x=[`title`,`aria-label`,`role`,`tabindex`],S=[`width`,`height`,`viewBox`,`fill`],C=[`d`,`fill`],w=[`src`,`alt`,`width`,`height`],T=[`title`],E=s({__name:`index`,props:{name:{default:void 0},type:{default:`iconify`},color:{default:`currentColor`},size:{default:18},svgPath:{default:``},viewBox:{default:`0 0 24 24`},alt:{default:``},clickable:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},fallbackIcon:{default:``},title:{default:``},ariaLabel:{default:``},customClass:{default:``},rotate:{default:0},flip:{default:void 0},componentProps:{default:()=>({})}},emits:[`click`,`error`,`load`],setup(s,{expose:E,emit:D}){let O=s,k=D,A=h(),j=h(!1),M=h(``),N=h(``),P=h(!1),F=t(()=>({fontSize:typeof O.size==`number`?`${O.size}px`:O.size,color:O.color,cursor:O.clickable?`pointer`:`inherit`})),I=t(()=>{let e={display:`inline-flex`,justifyContent:`center`,alignItems:`center`,width:typeof O.size==`number`?`${O.size}px`:O.size,height:typeof O.size==`number`?`${O.size}px`:O.size};if(O.rotate&&(e.transform=`rotate(${O.rotate}deg)`),O.flip){let t=O.flip===`horizontal`||O.flip===`both`?-1:1,n=O.flip===`vertical`||O.flip===`both`?-1:1;e.transform=`${e.transform||``} scaleX(${t}) scaleY(${n})`.trim()}return e}),L=t(()=>typeof O.name==`string`?O.name:O.name&&O.name.__name?O.name.__name:O.name&&O.name.name?O.name.name:`Component Icon`),R=t(()=>[O.customClass,{"c-icon__rotatable":O.rotate!==0,"c-icon__flippable":!!O.flip}]),z=t(()=>O.type!==`component`||!O.name?null:O.name),B=(e,t,n)=>{if(console.warn(`[C_Icon] ${t}:`,L.value,n),M.value=t,P.value=!1,k(`error`,e,n),O.fallbackIcon&&!j.value){j.value=!1;return}j.value=!0},V=e=>{!O.clickable||O.loading||k(`click`,e)},H=e=>{!O.clickable||O.loading||(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),k(`click`,e))},U=()=>{P.value=!1,k(`load`)},W=async()=>{if(O.type!==`image`||typeof O.name!=`string`){N.value=``;return}if(O.name.startsWith(`http://`)||O.name.startsWith(`https://`)||O.name.startsWith(`//`)||O.name.startsWith(`/`)){N.value=O.name;return}try{P.value=!0;let e=await b(O.name);e?N.value=e:B(`image`,`图片路径解析失败`)}catch(e){B(`image`,`图片加载失败`,e)}finally{P.value=!1}},G={iconify:()=>(O.name.includes(`:`)||console.warn(`[C_Icon] Iconify图标名称格式应为 "prefix:name"，如 "mdi:home"`),null),unocss:()=>((typeof O.name!=`string`||!O.name.startsWith(`i-`))&&console.warn(`[C_Icon] UnoCSS图标名称应以 "i-" 开头`),null),component:()=>z.value?null:`无法解析组件`,svg:()=>O.svgPath?null:`SVG路径不能为空`,image:()=>null},K=()=>{if(j.value=!1,M.value=``,!O.name)return B(`validation`,`图标名称不能为空`);let e=G[O.type];if(!e)return B(`type`,`不支持的图标类型`);let t=e();t&&B(O.type,t),O.type===`image`&&W()};return v(()=>[O.name,O.type,O.svgPath],()=>{l(K)},{immediate:!0}),f(()=>{!j.value&&O.type!==`image`&&k(`load`)}),E({validate:K,hasError:m(j),errorMessage:m(M),el:A}),(t,s)=>(p(),i(`div`,{ref_key:`iconRef`,ref:A,class:u([`c-icon`,[`c-icon--${t.type}`,{"c-icon--clickable":t.clickable,"c-icon--loading":t.loading,"c-icon--error":j.value}]]),style:d(F.value),title:t.title||void 0,"aria-label":t.ariaLabel||L.value,role:t.clickable?`button`:`img`,tabindex:t.clickable?0:-1,onClick:V,onKeydown:H},[r(` 方式1：Iconify图标（默认方式） `),(t.type===`iconify`||!t.type)&&!j.value&&typeof t.name==`string`?(p(),n(_(y),{key:0,icon:t.name,width:t.size,height:t.size,color:t.color,style:d(I.value),onError:s[0]||=()=>B(`iconify`,`Iconify图标加载失败`)},null,8,[`icon`,`width`,`height`,`color`,`style`])):t.type===`unocss`&&!j.value&&typeof t.name==`string`?(p(),i(e,{key:1},[r(` 方式2：UnoCSS图标 `),a(`div`,{class:u([t.name,R.value]),style:d(I.value),onError:s[1]||=()=>B(`unocss`,`UnoCSS图标渲染失败`)},null,38)],2112)):t.type===`component`&&z.value&&!j.value?(p(),i(e,{key:2},[r(` 方式3：组件挂载方式 `),(p(),n(g(z.value),c({style:I.value},t.componentProps,{onError:s[2]||=()=>B(`component`,`组件图标渲染失败`)}),null,16,[`style`]))],2112)):t.type===`svg`&&t.svgPath&&!j.value?(p(),i(e,{key:3},[r(` 方式4：SVG路径方式 `),(p(),i(`svg`,{width:t.size,height:t.size,viewBox:t.viewBox,style:d(I.value),fill:t.color,onError:s[3]||=()=>B(`svg`,`SVG图标渲染失败`)},[a(`path`,{d:t.svgPath,fill:t.color},null,8,C)],44,S))],2112)):t.type===`image`&&N.value&&!j.value&&!P.value?(p(),i(e,{key:4},[r(` 方式5：图片方式 - 修复异步加载 `),a(`img`,{src:N.value,alt:t.alt||L.value,width:t.size,height:t.size,style:{display:`inline-block`,"vertical-align":`middle`},onError:s[4]||=()=>B(`image`,`图片图标加载失败`),onLoad:U},null,40,w)],2112)):r(`v-if`,!0),r(` 图片加载状态 `),(t.loading||P.value)&&!j.value?(p(),i(`div`,{key:5,class:`c-icon__loading`,style:d(I.value)},s[5]||=[a(`div`,{class:`c-icon__spinner`},null,-1)],4)):j.value&&t.fallbackIcon?(p(),i(e,{key:6},[r(` 统一错误状态显示 `),o(_(y),{icon:t.fallbackIcon,width:t.size,height:t.size,color:t.color,style:d(I.value)},null,8,[`icon`,`width`,`height`,`color`,`style`])],2112)):j.value?(p(),i(`div`,{key:7,class:`c-icon__error`,style:d(I.value),title:`图标解析失败: ${L.value} (${M.value})`},` ⚠️ `,12,T)):r(`v-if`,!0)],46,x))}});export{E as t};
-//# sourceMappingURL=C_Icon2.js.map
+import{t as e}from"./export-helper.js";import{Fragment as t,computed as n,createBlock as r,createCommentVNode as i,createElementBlock as a,createElementVNode as o,createVNode as s,defineComponent as c,mergeProps as l,nextTick as u,normalizeClass as d,normalizeStyle as f,onMounted as p,openBlock as m,readonly as h,ref as g,resolveDynamicComponent as _,unref as v,watch as y}from"vue";import{Icon as b}from"@iconify/vue";const x=async(e,t)=>{if(!e)return``;if(e.startsWith(`http://`)||e.startsWith(`https://`)||e.startsWith(`data:`)||e.startsWith(`blob:`)||e.startsWith(`/`))return e;if(t)try{return await t(e)}catch(t){return console.error(`[useImage] 自定义解析器处理失败: ${e}`,t),``}return e},S=[`title`,`aria-label`,`role`,`tabindex`],C=[`width`,`height`,`viewBox`,`fill`],w=[`d`,`fill`],T=[`src`,`alt`,`width`,`height`],E=[`title`];var D=e(c({__name:`index`,props:{name:{default:void 0},type:{default:`iconify`},color:{default:`currentColor`},size:{default:18},svgPath:{default:``},viewBox:{default:`0 0 24 24`},alt:{default:``},clickable:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},fallbackIcon:{default:``},title:{default:``},ariaLabel:{default:``},customClass:{default:``},rotate:{default:0},flip:{default:void 0},componentProps:{default:()=>({})}},emits:[`click`,`error`,`load`],setup(e,{expose:c,emit:D}){let O=e,k=D,A=g(),j=g(!1),M=g(``),N=g(``),P=g(!1),F=n(()=>({fontSize:typeof O.size==`number`?`${O.size}px`:O.size,color:O.color,cursor:O.clickable?`pointer`:`inherit`})),I=n(()=>{let e={display:`inline-flex`,justifyContent:`center`,alignItems:`center`,width:typeof O.size==`number`?`${O.size}px`:O.size,height:typeof O.size==`number`?`${O.size}px`:O.size};if(O.rotate&&(e.transform=`rotate(${O.rotate}deg)`),O.flip){let t=O.flip===`horizontal`||O.flip===`both`?-1:1,n=O.flip===`vertical`||O.flip===`both`?-1:1;e.transform=`${e.transform||``} scaleX(${t}) scaleY(${n})`.trim()}return e}),L=n(()=>typeof O.name==`string`?O.name:O.name&&O.name.__name?O.name.__name:O.name&&O.name.name?O.name.name:`Component Icon`),R=n(()=>[O.customClass,{"c-icon__rotatable":O.rotate!==0,"c-icon__flippable":!!O.flip}]),z=n(()=>O.type!==`component`||!O.name?null:O.name),B=(e,t,n)=>{if(console.warn(`[C_Icon] ${t}:`,L.value,n),M.value=t,P.value=!1,k(`error`,e,n),O.fallbackIcon&&!j.value){j.value=!1;return}j.value=!0},V=e=>{!O.clickable||O.loading||k(`click`,e)},H=e=>{!O.clickable||O.loading||(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),k(`click`,e))},U=()=>{P.value=!1,k(`load`)},W=async()=>{if(O.type!==`image`||typeof O.name!=`string`){N.value=``;return}if(O.name.startsWith(`http://`)||O.name.startsWith(`https://`)||O.name.startsWith(`//`)||O.name.startsWith(`/`)){N.value=O.name;return}try{P.value=!0;let e=await x(O.name);e?N.value=e:B(`image`,`图片路径解析失败`)}catch(e){B(`image`,`图片加载失败`,e)}finally{P.value=!1}},G={iconify:()=>(O.name.includes(`:`)||console.warn(`[C_Icon] Iconify图标名称格式应为 "prefix:name"，如 "mdi:home"`),null),unocss:()=>((typeof O.name!=`string`||!O.name.startsWith(`i-`))&&console.warn(`[C_Icon] UnoCSS图标名称应以 "i-" 开头`),null),component:()=>z.value?null:`无法解析组件`,svg:()=>O.svgPath?null:`SVG路径不能为空`,image:()=>null},K=()=>{if(j.value=!1,M.value=``,!O.name)return B(`validation`,`图标名称不能为空`);let e=G[O.type];if(!e)return B(`type`,`不支持的图标类型`);let t=e();t&&B(O.type,t),O.type===`image`&&W()};return y(()=>[O.name,O.type,O.svgPath],()=>{u(K)},{immediate:!0}),p(()=>{!j.value&&O.type!==`image`&&k(`load`)}),c({validate:K,hasError:h(j),errorMessage:h(M),el:A}),(n,c)=>(m(),a(`div`,{ref_key:`iconRef`,ref:A,class:d([`c-icon`,[`c-icon--${e.type}`,{"c-icon--clickable":e.clickable,"c-icon--loading":e.loading,"c-icon--error":j.value}]]),style:f(F.value),title:e.title||void 0,"aria-label":e.ariaLabel||L.value,role:e.clickable?`button`:`img`,tabindex:e.clickable?0:-1,onClick:V,onKeydown:H},[i(` 方式1：Iconify图标（默认方式） `),(e.type===`iconify`||!e.type)&&!j.value&&typeof e.name==`string`?(m(),r(v(b),{key:0,icon:e.name,width:e.size,height:e.size,color:e.color,style:f(I.value),onError:c[0]||=()=>B(`iconify`,`Iconify图标加载失败`)},null,8,[`icon`,`width`,`height`,`color`,`style`])):e.type===`unocss`&&!j.value&&typeof e.name==`string`?(m(),a(t,{key:1},[i(` 方式2：UnoCSS图标 `),o(`div`,{class:d([e.name,R.value]),style:f(I.value),onError:c[1]||=()=>B(`unocss`,`UnoCSS图标渲染失败`)},null,38)],2112)):e.type===`component`&&z.value&&!j.value?(m(),a(t,{key:2},[i(` 方式3：组件挂载方式 `),(m(),r(_(z.value),l({style:I.value},e.componentProps,{onError:c[2]||=()=>B(`component`,`组件图标渲染失败`)}),null,16,[`style`]))],2112)):e.type===`svg`&&e.svgPath&&!j.value?(m(),a(t,{key:3},[i(` 方式4：SVG路径方式 `),(m(),a(`svg`,{width:e.size,height:e.size,viewBox:e.viewBox,style:f(I.value),fill:e.color,onError:c[3]||=()=>B(`svg`,`SVG图标渲染失败`)},[o(`path`,{d:e.svgPath,fill:e.color},null,8,w)],44,C))],2112)):e.type===`image`&&N.value&&!j.value&&!P.value?(m(),a(t,{key:4},[i(` 方式5：图片方式 - 修复异步加载 `),o(`img`,{src:N.value,alt:e.alt||L.value,width:e.size,height:e.size,style:{display:`inline-block`,"vertical-align":`middle`},onError:c[4]||=()=>B(`image`,`图片图标加载失败`),onLoad:U},null,40,T)],2112)):i(`v-if`,!0),i(` 图片加载状态 `),(e.loading||P.value)&&!j.value?(m(),a(`div`,{key:5,class:`c-icon__loading`,style:f(I.value)},[...c[5]||=[o(`div`,{class:`c-icon__spinner`},null,-1)]],4)):j.value&&e.fallbackIcon?(m(),a(t,{key:6},[i(` 统一错误状态显示 `),s(v(b),{icon:e.fallbackIcon,width:e.size,height:e.size,color:e.color,style:f(I.value)},null,8,[`icon`,`width`,`height`,`color`,`style`])],2112)):j.value?(m(),a(`div`,{key:7,class:`c-icon__error`,style:f(I.value),title:`图标解析失败: ${L.value} (${M.value})`},` ⚠️ `,12,E)):i(`v-if`,!0)],46,S))}}),[[`__scopeId`,`data-v-d0d8dba0`]]);export{D as t};

package/dist/C_ImageCropper.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./C_ImageCropper.js`);exports.C_ImageCropper=e.t,exports.useCropperCore=e.n;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`./C_Icon2.cjs`);const e=require(`./C_ImageCropper2.cjs`);exports.C_ImageCropper=e.t,exports.useCropperCore=e.n;

package/dist/C_ImageCropper.css

@@ -125,5 +125,3 @@
     max-width: none;
 }
 }
-
-/*# sourceMappingURL=C_ImageCropper-CdTX2nxU.css.map*/

package/dist/C_ImageCropper.d.cts

@@ -1,2 +1,2 @@
-import { a as CropResult, c as ImageCropperProps, i as CropOutputFormat, n as _default, o as ImageCropperEmits, r as AspectRatioPreset, s as ImageCropperExpose, t as useCropperCore } from "./useCropperCore.js";
+import { a as CropResult, c as ImageCropperProps, i as CropOutputFormat, n as _default, o as ImageCropperEmits, r as AspectRatioPreset, s as ImageCropperExpose, t as useCropperCore } from "./useCropperCore.cjs";
 export { type AspectRatioPreset, _default as C_ImageCropper, type CropOutputFormat, type CropResult, type ImageCropperEmits, type ImageCropperExpose, type ImageCropperProps, useCropperCore };

package/dist/C_ImageCropper.js

@@ -1 +1 @@
-import{n as e,t}from"./C_ImageCropper2.js";export{t as C_ImageCropper,e as useCropperCore};
+import"./C_Icon2.js";import{n as e,t}from"./C_ImageCropper2.js";export{t as C_ImageCropper,e as useCropperCore};

package/dist/C_ImageCropper2.cjs

@@ -0,0 +1 @@
+require(`./chunk.cjs`);const e=require(`./C_Icon2.cjs`),t=require(`./export-helper.cjs`);let n=require(`vue`),r=require(`naive-ui`),i=require(`vue-cropper`);function a(e={}){let t=(0,n.ref)(null);function r(){t.value?.rotateLeft()}function i(){t.value?.rotateRight()}function a(e){let t=Math.round(e/90),n=t>0?i:r;for(let e=0;e<Math.abs(t);e++)n()}function o(e){t.value?.changeScale(e>0?1:-1)}function s(){let e=t.value?.$refs?.img;if(!e)return;let n=e.style.transform||``;n.includes(`scaleX(-1)`)?e.style.transform=n.replace(`scaleX(-1)`,`scaleX(1)`):e.style.transform=n.replace(/scaleX\([^)]*\)/,``)+` scaleX(-1)`}function c(){let e=t.value?.$refs?.img;if(!e)return;let n=e.style.transform||``;n.includes(`scaleY(-1)`)?e.style.transform=n.replace(`scaleY(-1)`,`scaleY(1)`):e.style.transform=n.replace(/scaleY\([^)]*\)/,``)+` scaleY(-1)`}function l(){t.value?.refresh()}function u(t,n){let r=t,i=n,a=e.maxWidth?.value??0,o=e.maxHeight?.value??0;if(a>0&&r>a){let e=a/r;r=a,i=Math.round(i*e)}if(o>0&&i>o){let e=o/i;i=o,r=Math.round(r*e)}return{width:r,height:i}}function d(){return new Promise((n,r)=>{let i=t.value;if(!i)return r(Error(`Cropper not initialized`));let a=e.format?.value??`png`,o=e.quality?.value??.92,s=a===`jpeg`?`image/jpeg`:a===`webp`?`image/webp`:`image/png`;i.getCropData(e=>{i.getCropBlob(t=>{let i=new Image;i.onload=()=>{let{width:r,height:c}=u(i.width,i.height);if(r!==i.width||c!==i.height){let e=document.createElement(`canvas`);e.width=r,e.height=c,e.getContext(`2d`).drawImage(i,0,0,r,c);let t=e.toDataURL(s,o);e.toBlob(e=>{n({base64:t,blob:e,width:r,height:c,format:a})},s,a===`png`?void 0:o)}else n({base64:e,blob:t,width:i.width,height:i.height,format:a})},i.onerror=()=>r(Error(`Failed to load crop result`)),i.src=e})})})}return{cropperRef:t,rotate:a,rotateLeft:r,rotateRight:i,zoom:o,flipX:s,flipY:c,reset:l,getCropResult:d}}const o={class:`cropper-toolbar`},s=(0,n.defineComponent)({__name:`CropperToolbar`,props:{currentRatio:{},ratioPresets:{}},emits:[`ratio`,`rotate`,`flipX`,`flipY`,`zoom`,`reset`],setup(t){return(i,a)=>((0,n.openBlock)(),(0,n.createElementBlock)(`div`,o,[(0,n.createVNode)((0,n.unref)(r.NButtonGroup),{size:`small`},{default:(0,n.withCtx)(()=>[((0,n.openBlock)(!0),(0,n.createElementBlock)(n.Fragment,null,(0,n.renderList)(t.ratioPresets,e=>((0,n.openBlock)(),(0,n.createBlock)((0,n.unref)(r.NButton),{key:e.value,type:t.currentRatio===e.value?`primary`:`default`,onClick:t=>i.$emit(`ratio`,e.value)},{default:(0,n.withCtx)(()=>[(0,n.createTextVNode)((0,n.toDisplayString)(e.label),1)]),_:2},1032,[`type`,`onClick`]))),128))]),_:1}),(0,n.createVNode)((0,n.unref)(r.NDivider),{vertical:``}),(0,n.createVNode)((0,n.unref)(r.NTooltip),null,{trigger:(0,n.withCtx)(()=>[(0,n.createVNode)((0,n.unref)(r.NButton),{size:`small`,quaternary:``,onClick:a[0]||=e=>i.$emit(`rotate`,-90)},{icon:(0,n.withCtx)(()=>[(0,n.createVNode)(e.t,{name:`mdi:rotate-left`})]),_:1})]),default:(0,n.withCtx)(()=>[a[7]||=(0,n.createTextVNode)(` 逆时针旋转 90° `,-1)]),_:1}),(0,n.createVNode)((0,n.unref)(r.NTooltip),null,{trigger:(0,n.withCtx)(()=>[(0,n.createVNode)((0,n.unref)(r.NButton),{size:`small`,quaternary:``,onClick:a[1]||=e=>i.$emit(`rotate`,90)},{icon:(0,n.withCtx)(()=>[(0,n.createVNode)(e.t,{name:`mdi:rotate-right`})]),_:1})]),default:(0,n.withCtx)(()=>[a[8]||=(0,n.createTextVNode)(` 顺时针旋转 90° `,-1)]),_:1}),(0,n.createVNode)((0,n.unref)(r.NDivider),{vertical:``}),(0,n.createVNode)((0,n.unref)(r.NTooltip),null,{trigger:(0,n.withCtx)(()=>[(0,n.createVNode)((0,n.unref)(r.NButton),{size:`small`,quaternary:``,onClick:a[2]||=e=>i.$emit(`flipX`)},{icon:(0,n.withCtx)(()=>[(0,n.createVNode)(e.t,{name:`mdi:flip-horizontal`})]),_:1})]),default:(0,n.withCtx)(()=>[a[9]||=(0,n.createTextVNode)(` 水平翻转 `,-1)]),_:1}),(0,n.createVNode)((0,n.unref)(r.NTooltip),null,{trigger:(0,n.withCtx)(()=>[(0,n.createVNode)((0,n.unref)(r.NButton),{size:`small`,quaternary:``,onClick:a[3]||=e=>i.$emit(`flipY`)},{icon:(0,n.withCtx)(()=>[(0,n.createVNode)(e.t,{name:`mdi:flip-vertical`})]),_:1})]),default:(0,n.withCtx)(()=>[a[10]||=(0,n.createTextVNode)(` 垂直翻转 `,-1)]),_:1}),(0,n.createVNode)((0,n.unref)(r.NDivider),{vertical:``}),(0,n.createVNode)((0,n.unref)(r.NTooltip),null,{trigger:(0,n.withCtx)(()=>[(0,n.createVNode)((0,n.unref)(r.NButton),{size:`small`,quaternary:``,onClick:a[4]||=e=>i.$emit(`zoom`,.1)},{icon:(0,n.withCtx)(()=>[(0,n.createVNode)(e.t,{name:`mdi:magnify-plus-outline`})]),_:1})]),default:(0,n.withCtx)(()=>[a[11]||=(0,n.createTextVNode)(` 放大 `,-1)]),_:1}),(0,n.createVNode)((0,n.unref)(r.NTooltip),null,{trigger:(0,n.withCtx)(()=>[(0,n.createVNode)((0,n.unref)(r.NButton),{size:`small`,quaternary:``,onClick:a[5]||=e=>i.$emit(`zoom`,-.1)},{icon:(0,n.withCtx)(()=>[(0,n.createVNode)(e.t,{name:`mdi:magnify-minus-outline`})]),_:1})]),default:(0,n.withCtx)(()=>[a[12]||=(0,n.createTextVNode)(` 缩小 `,-1)]),_:1}),(0,n.createVNode)((0,n.unref)(r.NDivider),{vertical:``}),(0,n.createVNode)((0,n.unref)(r.NTooltip),null,{trigger:(0,n.withCtx)(()=>[(0,n.createVNode)((0,n.unref)(r.NButton),{size:`small`,quaternary:``,onClick:a[6]||=e=>i.$emit(`reset`)},{icon:(0,n.withCtx)(()=>[(0,n.createVNode)(e.t,{name:`mdi:refresh`})]),_:1})]),default:(0,n.withCtx)(()=>[a[13]||=(0,n.createTextVNode)(` 重置 `,-1)]),_:1})]))}});var c=t.t(s,[[`__scopeId`,`data-v-499ffd01`]]);const l={class:`cropper-preview`},u={class:`preview-label`},d=[`src`],f={key:1,class:`preview-empty`},p={class:`preview-thumbs`},m=[`src`],h={class:`preview-thumb__label`},g=(0,n.defineComponent)({__name:`CropperPreview`,props:{previewData:{},circular:{type:Boolean}},setup(t){let r=t,i=(0,n.ref)(null),a=(0,n.ref)(200),o=[{label:`80px`,size:80},{label:`48px`,size:48},{label:`32px`,size:32}],s=(0,n.computed)(()=>{let e=r.previewData;return e&&e.url&&e.w>0&&e.h>0}),c=(0,n.computed)(()=>{if(!s.value)return{};let{w:e}=r.previewData;return{zoom:a.value/e,overflow:`hidden`}});function g(e){if(!s.value)return{};let{w:t}=r.previewData;return{zoom:e/t,overflow:`hidden`}}let _=null;return(0,n.onMounted)(()=>{i.value&&(a.value=i.value.clientWidth,_=new ResizeObserver(e=>{requestAnimationFrame(()=>{for(let t of e)a.value=t.contentRect.width})}),_.observe(i.value))}),(0,n.onBeforeUnmount)(()=>{_?.disconnect()}),(r,a)=>((0,n.openBlock)(),(0,n.createElementBlock)(`div`,l,[(0,n.createElementVNode)(`div`,u,[(0,n.createVNode)(e.t,{name:`mdi:eye-outline`}),a[0]||=(0,n.createElementVNode)(`span`,null,`裁剪预览`,-1)]),(0,n.createElementVNode)(`div`,{ref_key:`mainBoxRef`,ref:i,class:(0,n.normalizeClass)([`preview-main`,{"preview-main--circular":t.circular}])},[s.value?((0,n.openBlock)(),(0,n.createElementBlock)(`div`,{key:0,class:`preview-main__viewport`,style:(0,n.normalizeStyle)(c.value)},[(0,n.createElementVNode)(`div`,{style:(0,n.normalizeStyle)(t.previewData.div)},[(0,n.createElementVNode)(`img`,{src:t.previewData.url,style:(0,n.normalizeStyle)(t.previewData.img),alt:`preview`},null,12,d)],4)],4)):((0,n.openBlock)(),(0,n.createElementBlock)(`div`,f,[(0,n.createVNode)(e.t,{name:`mdi:image-outline`,style:{"font-size":`32px`,opacity:`0.2`}})]))],2),(0,n.createElementVNode)(`div`,p,[((0,n.openBlock)(),(0,n.createElementBlock)(n.Fragment,null,(0,n.renderList)(o,e=>(0,n.createElementVNode)(`div`,{key:e.label,class:`preview-thumb`},[(0,n.createElementVNode)(`div`,{class:(0,n.normalizeClass)([`preview-thumb__box`,{"preview-thumb__box--circular":t.circular}]),style:(0,n.normalizeStyle)({width:`${e.size}px`,height:`${e.size}px`})},[s.value?((0,n.openBlock)(),(0,n.createElementBlock)(`div`,{key:0,class:`preview-thumb__viewport`,style:(0,n.normalizeStyle)(g(e.size))},[(0,n.createElementVNode)(`div`,{style:(0,n.normalizeStyle)(t.previewData.div)},[(0,n.createElementVNode)(`img`,{src:t.previewData.url,style:(0,n.normalizeStyle)(t.previewData.img),alt:`thumb`},null,12,m)],4)],4)):(0,n.createCommentVNode)(`v-if`,!0)],6),(0,n.createElementVNode)(`span`,h,(0,n.toDisplayString)(e.label),1)])),64))])]))}});var _=t.t(g,[[`__scopeId`,`data-v-cefefdc0`]]);const v={class:`c-image-cropper__body`},y={class:`c-image-cropper__workspace`},b={key:1,class:`c-image-cropper__placeholder`},x={key:0,class:`c-image-cropper__preview-panel`},S={key:1,class:`c-image-cropper`},C={class:`c-image-cropper__body`},w={class:`c-image-cropper__workspace`},T={key:1,class:`c-image-cropper__placeholder`},E={key:0,class:`c-image-cropper__preview-panel`},D=(0,n.defineComponent)({name:`C_ImageCropper`,__name:`index`,props:{src:{default:``},aspectRatio:{default:0},outputFormat:{default:`png`},outputQuality:{default:.92},maxOutputWidth:{default:0},maxOutputHeight:{default:0},showPreview:{type:Boolean,default:!0},showToolbar:{type:Boolean,default:!0},circular:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},height:{default:`400px`},modal:{type:Boolean,default:!1},modalTitle:{default:`图片裁剪`}},emits:[`crop`,`ready`,`error`,`confirm`,`cancel`],setup(t,{expose:o,emit:s}){let l=t,u=s,d=(0,n.ref)(l.src),f=(0,n.ref)(l.aspectRatio),p=(0,n.ref)(!1),m=(0,n.ref)(!1),h=(0,n.ref)(null),g=(0,n.ref)(null),D=(0,n.ref)(null),O=(0,n.computed)(()=>l.modal?D.value:g.value),k=(0,n.computed)(()=>typeof l.height==`number`?`${l.height}px`:l.height),A=(0,n.computed)(()=>({png:`png`,jpeg:`jpeg`,webp:`webp`})[l.outputFormat]||`png`),j=(0,n.computed)(()=>f.value>0),M=(0,n.computed)(()=>f.value<=0||f.value===1?[1,1]:Math.abs(f.value-16/9)<.01?[16,9]:Math.abs(f.value-4/3)<.01?[4,3]:Math.abs(f.value-3/2)<.01?[3,2]:[Math.round(f.value*100),100]),N=(0,n.computed)(()=>({width:300,height:f.value>0?300/f.value:200})),P=[{label:`自由`,value:0},{label:`1:1`,value:1},{label:`16:9`,value:16/9},{label:`4:3`,value:4/3},{label:`3:2`,value:3/2}],F=a({format:(0,n.computed)(()=>l.outputFormat),quality:(0,n.computed)(()=>l.outputQuality),maxWidth:(0,n.computed)(()=>l.maxOutputWidth),maxHeight:(0,n.computed)(()=>l.maxOutputHeight)});(0,n.watch)(O,e=>{F.cropperRef.value=e});function I(e){h.value=e}function L(e){e===`success`&&u(`ready`)}function R(e){F.rotate(e)}function z(e){f.value=e}function B(){F.reset()}async function V(){m.value=!0;try{let e=await F.getCropResult();u(`confirm`,e),u(`crop`,e),p.value=!1}finally{m.value=!1}}function H(){p.value=!1,u(`cancel`)}function U(e){let t=new FileReader;t.onload=e=>{d.value=e.target?.result},t.readAsDataURL(e)}return(0,n.watch)(()=>l.src,e=>{d.value=e}),(0,n.watch)(()=>l.aspectRatio,e=>{f.value=e}),o({getCropResult:F.getCropResult,rotate:F.rotate,zoom:F.zoom,flipX:F.flipX,flipY:F.flipY,reset:F.reset,setAspectRatio:e=>{f.value=e},loadFile:U,open:e=>{e&&(d.value=e),p.value=!0},close:()=>{p.value=!1}}),(t,a)=>l.modal?((0,n.openBlock)(),(0,n.createBlock)((0,n.unref)(r.NModal),{key:0,show:p.value,"onUpdate:show":a[0]||=e=>p.value=e,preset:`card`,title:l.modalTitle||`图片裁剪`,style:{width:`860px`},"mask-closable":!1,closable:!0},{footer:(0,n.withCtx)(()=>[(0,n.createVNode)((0,n.unref)(r.NSpace),{justify:`end`},{default:(0,n.withCtx)(()=>[(0,n.createVNode)((0,n.unref)(r.NButton),{onClick:H},{default:(0,n.withCtx)(()=>[...a[2]||=[(0,n.createTextVNode)(`取消`,-1)]]),_:1}),(0,n.createVNode)((0,n.unref)(r.NButton),{type:`primary`,loading:m.value,onClick:V},{default:(0,n.withCtx)(()=>[...a[3]||=[(0,n.createTextVNode)(`确认裁剪`,-1)]]),_:1},8,[`loading`])]),_:1})]),default:(0,n.withCtx)(()=>[(0,n.createElementVNode)(`div`,v,[l.showToolbar?((0,n.openBlock)(),(0,n.createBlock)(c,{key:0,"current-ratio":f.value,"ratio-presets":P,onRatio:z,onRotate:R,onFlipX:(0,n.unref)(F).flipX,onFlipY:(0,n.unref)(F).flipY,onZoom:(0,n.unref)(F).zoom,onReset:B},null,8,[`current-ratio`,`onFlipX`,`onFlipY`,`onZoom`])):(0,n.createCommentVNode)(`v-if`,!0),(0,n.createElementVNode)(`div`,y,[(0,n.createElementVNode)(`div`,{class:`c-image-cropper__canvas`,style:(0,n.normalizeStyle)({height:k.value})},[d.value?((0,n.openBlock)(),(0,n.createBlock)((0,n.unref)(i.VueCropper),{key:0,ref_key:`modalCropperRef`,ref:D,img:d.value,"output-size":l.outputQuality,"output-type":A.value,"can-scale":!1,"auto-crop":!0,"auto-crop-width":N.value.width,"auto-crop-height":N.value.height,fixed:j.value,"fixed-number":M.value,"center-box":!0,info:!0,"info-true":!0,"can-move":!0,"can-move-box":!0,original:!1,high:!0,full:!1,mode:`contain`,onRealTime:I,onImgLoad:L},null,8,[`img`,`output-size`,`output-type`,`auto-crop-width`,`auto-crop-height`,`fixed`,`fixed-number`])):((0,n.openBlock)(),(0,n.createElementBlock)(`div`,b,[(0,n.createVNode)(e.t,{name:`mdi:image-plus-outline`,style:{"font-size":`48px`,opacity:`0.3`}}),a[1]||=(0,n.createElementVNode)(`span`,null,`请选择图片`,-1)]))],4),l.showPreview&&d.value?((0,n.openBlock)(),(0,n.createElementBlock)(`div`,x,[(0,n.createVNode)(_,{"preview-data":h.value,circular:l.circular},null,8,[`preview-data`,`circular`])])):(0,n.createCommentVNode)(`v-if`,!0)])])]),_:1},8,[`show`,`title`])):((0,n.openBlock)(),(0,n.createElementBlock)(`div`,S,[(0,n.createElementVNode)(`div`,C,[l.showToolbar?((0,n.openBlock)(),(0,n.createBlock)(c,{key:0,"current-ratio":f.value,"ratio-presets":P,onRatio:z,onRotate:R,onFlipX:(0,n.unref)(F).flipX,onFlipY:(0,n.unref)(F).flipY,onZoom:(0,n.unref)(F).zoom,onReset:B},null,8,[`current-ratio`,`onFlipX`,`onFlipY`,`onZoom`])):(0,n.createCommentVNode)(`v-if`,!0),(0,n.createElementVNode)(`div`,w,[(0,n.createElementVNode)(`div`,{class:`c-image-cropper__canvas`,style:(0,n.normalizeStyle)({height:k.value})},[d.value?((0,n.openBlock)(),(0,n.createBlock)((0,n.unref)(i.VueCropper),{key:0,ref_key:`inlineCropperRef`,ref:g,img:d.value,"output-size":l.outputQuality,"output-type":A.value,"can-scale":!1,"auto-crop":!0,"auto-crop-width":N.value.width,"auto-crop-height":N.value.height,fixed:j.value,"fixed-number":M.value,"center-box":!0,info:!0,"info-true":!0,"can-move":!0,"can-move-box":!0,original:!1,high:!0,full:!1,mode:`contain`,onRealTime:I,onImgLoad:L},null,8,[`img`,`output-size`,`output-type`,`auto-crop-width`,`auto-crop-height`,`fixed`,`fixed-number`])):((0,n.openBlock)(),(0,n.createElementBlock)(`div`,T,[(0,n.createVNode)(e.t,{name:`mdi:image-plus-outline`,style:{"font-size":`48px`,opacity:`0.3`}}),a[4]||=(0,n.createElementVNode)(`span`,null,`请选择图片`,-1)]))],4),l.showPreview&&d.value?((0,n.openBlock)(),(0,n.createElementBlock)(`div`,E,[(0,n.createVNode)(_,{"preview-data":h.value,circular:l.circular},null,8,[`preview-data`,`circular`])])):(0,n.createCommentVNode)(`v-if`,!0)])])]))}});var O=t.t(D,[[`__scopeId`,`data-v-296916a4`]]);Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return O}});

package/dist/C_ImageCropper2.js

@@ -1,2 +1 @@
-import{t as e}from"./C_Icon2.js";import{t}from"./export-helper.js";import{NButton as n,NButtonGroup as r,NDivider as i,NModal as a,NSpace as o,NTooltip as s}from"naive-ui";import{Fragment as c,computed as l,createBlock as u,createCommentVNode as d,createElementBlock as f,createElementVNode as p,createTextVNode as m,createVNode as h,defineComponent as g,normalizeClass as _,normalizeStyle as v,onBeforeUnmount as y,onMounted as b,openBlock as x,ref as S,renderList as C,toDisplayString as w,unref as T,watch as E,withCtx as D}from"vue";import{VueCropper as O}from"vue-cropper";function k(e={}){let t=S(null);function n(){t.value?.rotateLeft()}function r(){t.value?.rotateRight()}function i(e){let t=Math.round(e/90),i=t>0?r:n;for(let e=0;e<Math.abs(t);e++)i()}function a(e){t.value?.changeScale(e>0?1:-1)}function o(){let e=t.value?.$refs?.img;if(!e)return;let n=e.style.transform||``;n.includes(`scaleX(-1)`)?e.style.transform=n.replace(`scaleX(-1)`,`scaleX(1)`):e.style.transform=n.replace(/scaleX\([^)]*\)/,``)+` scaleX(-1)`}function s(){let e=t.value?.$refs?.img;if(!e)return;let n=e.style.transform||``;n.includes(`scaleY(-1)`)?e.style.transform=n.replace(`scaleY(-1)`,`scaleY(1)`):e.style.transform=n.replace(/scaleY\([^)]*\)/,``)+` scaleY(-1)`}function c(){t.value?.refresh()}function l(t,n){let r=t,i=n,a=e.maxWidth?.value??0,o=e.maxHeight?.value??0;if(a>0&&r>a){let e=a/r;r=a,i=Math.round(i*e)}if(o>0&&i>o){let e=o/i;i=o,r=Math.round(r*e)}return{width:r,height:i}}function u(){return new Promise((n,r)=>{let i=t.value;if(!i)return r(Error(`Cropper not initialized`));let a=e.format?.value??`png`,o=e.quality?.value??.92,s=a===`jpeg`?`image/jpeg`:a===`webp`?`image/webp`:`image/png`;i.getCropData(e=>{i.getCropBlob(t=>{let i=new Image;i.onload=()=>{let{width:r,height:c}=l(i.width,i.height);if(r!==i.width||c!==i.height){let e=document.createElement(`canvas`);e.width=r,e.height=c,e.getContext(`2d`).drawImage(i,0,0,r,c);let t=e.toDataURL(s,o);e.toBlob(e=>{n({base64:t,blob:e,width:r,height:c,format:a})},s,a===`png`?void 0:o)}else n({base64:e,blob:t,width:i.width,height:i.height,format:a})},i.onerror=()=>r(Error(`Failed to load crop result`)),i.src=e})})})}return{cropperRef:t,rotate:i,rotateLeft:n,rotateRight:r,zoom:a,flipX:o,flipY:s,reset:c,getCropResult:u}}const A={class:`cropper-toolbar`};var j=t(g({__name:`CropperToolbar`,props:{currentRatio:{},ratioPresets:{}},emits:[`ratio`,`rotate`,`flipX`,`flipY`,`zoom`,`reset`],setup(t){return(t,a)=>(x(),f(`div`,A,[h(T(r),{size:`small`},{default:D(()=>[(x(!0),f(c,null,C(t.ratioPresets,e=>(x(),u(T(n),{key:e.value,type:t.currentRatio===e.value?`primary`:`default`,onClick:n=>t.$emit(`ratio`,e.value)},{default:D(()=>[m(w(e.label),1)]),_:2},1032,[`type`,`onClick`]))),128))]),_:1}),h(T(i),{vertical:``}),h(T(s),null,{trigger:D(()=>[h(T(n),{size:`small`,quaternary:``,onClick:a[0]||=e=>t.$emit(`rotate`,-90)},{icon:D(()=>[h(e,{name:`mdi:rotate-left`})]),_:1})]),default:D(()=>[a[7]||=m(` 逆时针旋转 90° `,-1)]),_:1,__:[7]}),h(T(s),null,{trigger:D(()=>[h(T(n),{size:`small`,quaternary:``,onClick:a[1]||=e=>t.$emit(`rotate`,90)},{icon:D(()=>[h(e,{name:`mdi:rotate-right`})]),_:1})]),default:D(()=>[a[8]||=m(` 顺时针旋转 90° `,-1)]),_:1,__:[8]}),h(T(i),{vertical:``}),h(T(s),null,{trigger:D(()=>[h(T(n),{size:`small`,quaternary:``,onClick:a[2]||=e=>t.$emit(`flipX`)},{icon:D(()=>[h(e,{name:`mdi:flip-horizontal`})]),_:1})]),default:D(()=>[a[9]||=m(` 水平翻转 `,-1)]),_:1,__:[9]}),h(T(s),null,{trigger:D(()=>[h(T(n),{size:`small`,quaternary:``,onClick:a[3]||=e=>t.$emit(`flipY`)},{icon:D(()=>[h(e,{name:`mdi:flip-vertical`})]),_:1})]),default:D(()=>[a[10]||=m(` 垂直翻转 `,-1)]),_:1,__:[10]}),h(T(i),{vertical:``}),h(T(s),null,{trigger:D(()=>[h(T(n),{size:`small`,quaternary:``,onClick:a[4]||=e=>t.$emit(`zoom`,.1)},{icon:D(()=>[h(e,{name:`mdi:magnify-plus-outline`})]),_:1})]),default:D(()=>[a[11]||=m(` 放大 `,-1)]),_:1,__:[11]}),h(T(s),null,{trigger:D(()=>[h(T(n),{size:`small`,quaternary:``,onClick:a[5]||=e=>t.$emit(`zoom`,-.1)},{icon:D(()=>[h(e,{name:`mdi:magnify-minus-outline`})]),_:1})]),default:D(()=>[a[12]||=m(` 缩小 `,-1)]),_:1,__:[12]}),h(T(i),{vertical:``}),h(T(s),null,{trigger:D(()=>[h(T(n),{size:`small`,quaternary:``,onClick:a[6]||=e=>t.$emit(`reset`)},{icon:D(()=>[h(e,{name:`mdi:refresh`})]),_:1})]),default:D(()=>[a[13]||=m(` 重置 `,-1)]),_:1,__:[13]})]))}}),[[`__scopeId`,`data-v-499ffd01`]]);const M={class:`cropper-preview`},N={class:`preview-label`},P=[`src`],F={key:1,class:`preview-empty`},I={class:`preview-thumbs`},L=[`src`],R={class:`preview-thumb__label`};var z=t(g({__name:`CropperPreview`,props:{previewData:{},circular:{type:Boolean}},setup(t){let n=t,r=S(null),i=S(200),a=[{label:`80px`,size:80},{label:`48px`,size:48},{label:`32px`,size:32}],o=l(()=>{let e=n.previewData;return e&&e.url&&e.w>0&&e.h>0}),s=l(()=>{if(!o.value)return{};let{w:e}=n.previewData;return{zoom:i.value/e,overflow:`hidden`}});function u(e){if(!o.value)return{};let{w:t}=n.previewData;return{zoom:e/t,overflow:`hidden`}}let m=null;return b(()=>{r.value&&(i.value=r.value.clientWidth,m=new ResizeObserver(e=>{requestAnimationFrame(()=>{for(let t of e)i.value=t.contentRect.width})}),m.observe(r.value))}),y(()=>{m?.disconnect()}),(t,n)=>(x(),f(`div`,M,[p(`div`,N,[h(e,{name:`mdi:eye-outline`}),n[0]||=p(`span`,null,`裁剪预览`,-1)]),p(`div`,{ref_key:`mainBoxRef`,ref:r,class:_([`preview-main`,{"preview-main--circular":t.circular}])},[o.value?(x(),f(`div`,{key:0,class:`preview-main__viewport`,style:v(s.value)},[p(`div`,{style:v(t.previewData.div)},[p(`img`,{src:t.previewData.url,style:v(t.previewData.img),alt:`preview`},null,12,P)],4)],4)):(x(),f(`div`,F,[h(e,{name:`mdi:image-outline`,style:{"font-size":`32px`,opacity:`0.2`}})]))],2),p(`div`,I,[(x(),f(c,null,C(a,e=>p(`div`,{key:e.label,class:`preview-thumb`},[p(`div`,{class:_([`preview-thumb__box`,{"preview-thumb__box--circular":t.circular}]),style:v({width:`${e.size}px`,height:`${e.size}px`})},[o.value?(x(),f(`div`,{key:0,class:`preview-thumb__viewport`,style:v(u(e.size))},[p(`div`,{style:v(t.previewData.div)},[p(`img`,{src:t.previewData.url,style:v(t.previewData.img),alt:`thumb`},null,12,L)],4)],4)):d(`v-if`,!0)],6),p(`span`,R,w(e.label),1)])),64))])]))}}),[[`__scopeId`,`data-v-cefefdc0`]]);const B={class:`c-image-cropper__body`},V={class:`c-image-cropper__workspace`},H={key:1,class:`c-image-cropper__placeholder`},U={key:0,class:`c-image-cropper__preview-panel`},W={key:1,class:`c-image-cropper`},G={class:`c-image-cropper__body`},K={class:`c-image-cropper__workspace`},q={key:1,class:`c-image-cropper__placeholder`},ee={key:0,class:`c-image-cropper__preview-panel`};var J=t(g({name:`C_ImageCropper`,__name:`index`,props:{src:{default:``},aspectRatio:{default:0},outputFormat:{default:`png`},outputQuality:{default:.92},maxOutputWidth:{default:0},maxOutputHeight:{default:0},showPreview:{type:Boolean,default:!0},showToolbar:{type:Boolean,default:!0},circular:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},height:{default:`400px`},modal:{type:Boolean,default:!1},modalTitle:{default:`图片裁剪`}},emits:[`crop`,`ready`,`error`,`confirm`,`cancel`],setup(t,{expose:r,emit:i}){let s=t,c=i,g=S(s.src),_=S(s.aspectRatio),y=S(!1),b=S(!1),C=S(null),w=S(null),A=S(null),M=l(()=>s.modal?A.value:w.value),N=l(()=>typeof s.height==`number`?`${s.height}px`:s.height),P=l(()=>({png:`png`,jpeg:`jpeg`,webp:`webp`})[s.outputFormat]||`png`),F=l(()=>_.value>0),I=l(()=>_.value<=0||_.value===1?[1,1]:Math.abs(_.value-16/9)<.01?[16,9]:Math.abs(_.value-4/3)<.01?[4,3]:Math.abs(_.value-3/2)<.01?[3,2]:[Math.round(_.value*100),100]),L=l(()=>({width:300,height:_.value>0?300/_.value:200})),R=[{label:`自由`,value:0},{label:`1:1`,value:1},{label:`16:9`,value:16/9},{label:`4:3`,value:4/3},{label:`3:2`,value:3/2}],J=k({format:l(()=>s.outputFormat),quality:l(()=>s.outputQuality),maxWidth:l(()=>s.maxOutputWidth),maxHeight:l(()=>s.maxOutputHeight)});E(M,e=>{J.cropperRef.value=e});function Y(e){C.value=e}function X(e){e===`success`&&c(`ready`)}function Z(e){J.rotate(e)}function Q(e){_.value=e}function $(){J.reset()}async function te(){b.value=!0;try{let e=await J.getCropResult();c(`confirm`,e),c(`crop`,e),y.value=!1}finally{b.value=!1}}function ne(){y.value=!1,c(`cancel`)}function re(e){let t=new FileReader;t.onload=e=>{g.value=e.target?.result},t.readAsDataURL(e)}return E(()=>s.src,e=>{g.value=e}),E(()=>s.aspectRatio,e=>{_.value=e}),r({getCropResult:J.getCropResult,rotate:J.rotate,zoom:J.zoom,flipX:J.flipX,flipY:J.flipY,reset:J.reset,setAspectRatio:e=>{_.value=e},loadFile:re,open:e=>{e&&(g.value=e),y.value=!0},close:()=>{y.value=!1}}),(t,r)=>s.modal?(x(),u(T(a),{key:0,show:y.value,"onUpdate:show":r[0]||=e=>y.value=e,preset:`card`,title:s.modalTitle||`图片裁剪`,style:{width:`860px`},"mask-closable":!1,closable:!0},{footer:D(()=>[h(T(o),{justify:`end`},{default:D(()=>[h(T(n),{onClick:ne},{default:D(()=>r[2]||=[m(`取消`,-1)]),_:1,__:[2]}),h(T(n),{type:`primary`,loading:b.value,onClick:te},{default:D(()=>r[3]||=[m(`确认裁剪`,-1)]),_:1,__:[3]},8,[`loading`])]),_:1})]),default:D(()=>[p(`div`,B,[s.showToolbar?(x(),u(j,{key:0,"current-ratio":_.value,"ratio-presets":R,onRatio:Q,onRotate:Z,onFlipX:T(J).flipX,onFlipY:T(J).flipY,onZoom:T(J).zoom,onReset:$},null,8,[`current-ratio`,`onFlipX`,`onFlipY`,`onZoom`])):d(`v-if`,!0),p(`div`,V,[p(`div`,{class:`c-image-cropper__canvas`,style:v({height:N.value})},[g.value?(x(),u(T(O),{key:0,ref_key:`modalCropperRef`,ref:A,img:g.value,"output-size":s.outputQuality,"output-type":P.value,"can-scale":!1,"auto-crop":!0,"auto-crop-width":L.value.width,"auto-crop-height":L.value.height,fixed:F.value,"fixed-number":I.value,"center-box":!0,info:!0,"info-true":!0,"can-move":!0,"can-move-box":!0,original:!1,high:!0,full:!1,mode:`contain`,onRealTime:Y,onImgLoad:X},null,8,[`img`,`output-size`,`output-type`,`auto-crop-width`,`auto-crop-height`,`fixed`,`fixed-number`])):(x(),f(`div`,H,[h(e,{name:`mdi:image-plus-outline`,style:{"font-size":`48px`,opacity:`0.3`}}),r[1]||=p(`span`,null,`请选择图片`,-1)]))],4),s.showPreview&&g.value?(x(),f(`div`,U,[h(z,{"preview-data":C.value,circular:s.circular},null,8,[`preview-data`,`circular`])])):d(`v-if`,!0)])])]),_:1},8,[`show`,`title`])):(x(),f(`div`,W,[p(`div`,G,[s.showToolbar?(x(),u(j,{key:0,"current-ratio":_.value,"ratio-presets":R,onRatio:Q,onRotate:Z,onFlipX:T(J).flipX,onFlipY:T(J).flipY,onZoom:T(J).zoom,onReset:$},null,8,[`current-ratio`,`onFlipX`,`onFlipY`,`onZoom`])):d(`v-if`,!0),p(`div`,K,[p(`div`,{class:`c-image-cropper__canvas`,style:v({height:N.value})},[g.value?(x(),u(T(O),{key:0,ref_key:`inlineCropperRef`,ref:w,img:g.value,"output-size":s.outputQuality,"output-type":P.value,"can-scale":!1,"auto-crop":!0,"auto-crop-width":L.value.width,"auto-crop-height":L.value.height,fixed:F.value,"fixed-number":I.value,"center-box":!0,info:!0,"info-true":!0,"can-move":!0,"can-move-box":!0,original:!1,high:!0,full:!1,mode:`contain`,onRealTime:Y,onImgLoad:X},null,8,[`img`,`output-size`,`output-type`,`auto-crop-width`,`auto-crop-height`,`fixed`,`fixed-number`])):(x(),f(`div`,q,[h(e,{name:`mdi:image-plus-outline`,style:{"font-size":`48px`,opacity:`0.3`}}),r[4]||=p(`span`,null,`请选择图片`,-1)]))],4),s.showPreview&&g.value?(x(),f(`div`,ee,[h(z,{"preview-data":C.value,circular:s.circular},null,8,[`preview-data`,`circular`])])):d(`v-if`,!0)])])]))}}),[[`__scopeId`,`data-v-296916a4`]]);export{k as n,J as t};
-//# sourceMappingURL=C_ImageCropper2.js.map
+import{t as e}from"./C_Icon2.js";import{t}from"./export-helper.js";import{Fragment as n,computed as r,createBlock as i,createCommentVNode as a,createElementBlock as o,createElementVNode as s,createTextVNode as c,createVNode as l,defineComponent as u,normalizeClass as d,normalizeStyle as f,onBeforeUnmount as p,onMounted as m,openBlock as h,ref as g,renderList as _,toDisplayString as v,unref as y,watch as b,withCtx as x}from"vue";import{NButton as S,NButtonGroup as C,NDivider as w,NModal as T,NSpace as E,NTooltip as D}from"naive-ui";import{VueCropper as O}from"vue-cropper";function k(e={}){let t=g(null);function n(){t.value?.rotateLeft()}function r(){t.value?.rotateRight()}function i(e){let t=Math.round(e/90),i=t>0?r:n;for(let e=0;e<Math.abs(t);e++)i()}function a(e){t.value?.changeScale(e>0?1:-1)}function o(){let e=t.value?.$refs?.img;if(!e)return;let n=e.style.transform||``;n.includes(`scaleX(-1)`)?e.style.transform=n.replace(`scaleX(-1)`,`scaleX(1)`):e.style.transform=n.replace(/scaleX\([^)]*\)/,``)+` scaleX(-1)`}function s(){let e=t.value?.$refs?.img;if(!e)return;let n=e.style.transform||``;n.includes(`scaleY(-1)`)?e.style.transform=n.replace(`scaleY(-1)`,`scaleY(1)`):e.style.transform=n.replace(/scaleY\([^)]*\)/,``)+` scaleY(-1)`}function c(){t.value?.refresh()}function l(t,n){let r=t,i=n,a=e.maxWidth?.value??0,o=e.maxHeight?.value??0;if(a>0&&r>a){let e=a/r;r=a,i=Math.round(i*e)}if(o>0&&i>o){let e=o/i;i=o,r=Math.round(r*e)}return{width:r,height:i}}function u(){return new Promise((n,r)=>{let i=t.value;if(!i)return r(Error(`Cropper not initialized`));let a=e.format?.value??`png`,o=e.quality?.value??.92,s=a===`jpeg`?`image/jpeg`:a===`webp`?`image/webp`:`image/png`;i.getCropData(e=>{i.getCropBlob(t=>{let i=new Image;i.onload=()=>{let{width:r,height:c}=l(i.width,i.height);if(r!==i.width||c!==i.height){let e=document.createElement(`canvas`);e.width=r,e.height=c,e.getContext(`2d`).drawImage(i,0,0,r,c);let t=e.toDataURL(s,o);e.toBlob(e=>{n({base64:t,blob:e,width:r,height:c,format:a})},s,a===`png`?void 0:o)}else n({base64:e,blob:t,width:i.width,height:i.height,format:a})},i.onerror=()=>r(Error(`Failed to load crop result`)),i.src=e})})})}return{cropperRef:t,rotate:i,rotateLeft:n,rotateRight:r,zoom:a,flipX:o,flipY:s,reset:c,getCropResult:u}}const A={class:`cropper-toolbar`};var j=t(u({__name:`CropperToolbar`,props:{currentRatio:{},ratioPresets:{}},emits:[`ratio`,`rotate`,`flipX`,`flipY`,`zoom`,`reset`],setup(t){return(r,a)=>(h(),o(`div`,A,[l(y(C),{size:`small`},{default:x(()=>[(h(!0),o(n,null,_(t.ratioPresets,e=>(h(),i(y(S),{key:e.value,type:t.currentRatio===e.value?`primary`:`default`,onClick:t=>r.$emit(`ratio`,e.value)},{default:x(()=>[c(v(e.label),1)]),_:2},1032,[`type`,`onClick`]))),128))]),_:1}),l(y(w),{vertical:``}),l(y(D),null,{trigger:x(()=>[l(y(S),{size:`small`,quaternary:``,onClick:a[0]||=e=>r.$emit(`rotate`,-90)},{icon:x(()=>[l(e,{name:`mdi:rotate-left`})]),_:1})]),default:x(()=>[a[7]||=c(` 逆时针旋转 90° `,-1)]),_:1}),l(y(D),null,{trigger:x(()=>[l(y(S),{size:`small`,quaternary:``,onClick:a[1]||=e=>r.$emit(`rotate`,90)},{icon:x(()=>[l(e,{name:`mdi:rotate-right`})]),_:1})]),default:x(()=>[a[8]||=c(` 顺时针旋转 90° `,-1)]),_:1}),l(y(w),{vertical:``}),l(y(D),null,{trigger:x(()=>[l(y(S),{size:`small`,quaternary:``,onClick:a[2]||=e=>r.$emit(`flipX`)},{icon:x(()=>[l(e,{name:`mdi:flip-horizontal`})]),_:1})]),default:x(()=>[a[9]||=c(` 水平翻转 `,-1)]),_:1}),l(y(D),null,{trigger:x(()=>[l(y(S),{size:`small`,quaternary:``,onClick:a[3]||=e=>r.$emit(`flipY`)},{icon:x(()=>[l(e,{name:`mdi:flip-vertical`})]),_:1})]),default:x(()=>[a[10]||=c(` 垂直翻转 `,-1)]),_:1}),l(y(w),{vertical:``}),l(y(D),null,{trigger:x(()=>[l(y(S),{size:`small`,quaternary:``,onClick:a[4]||=e=>r.$emit(`zoom`,.1)},{icon:x(()=>[l(e,{name:`mdi:magnify-plus-outline`})]),_:1})]),default:x(()=>[a[11]||=c(` 放大 `,-1)]),_:1}),l(y(D),null,{trigger:x(()=>[l(y(S),{size:`small`,quaternary:``,onClick:a[5]||=e=>r.$emit(`zoom`,-.1)},{icon:x(()=>[l(e,{name:`mdi:magnify-minus-outline`})]),_:1})]),default:x(()=>[a[12]||=c(` 缩小 `,-1)]),_:1}),l(y(w),{vertical:``}),l(y(D),null,{trigger:x(()=>[l(y(S),{size:`small`,quaternary:``,onClick:a[6]||=e=>r.$emit(`reset`)},{icon:x(()=>[l(e,{name:`mdi:refresh`})]),_:1})]),default:x(()=>[a[13]||=c(` 重置 `,-1)]),_:1})]))}}),[[`__scopeId`,`data-v-499ffd01`]]);const M={class:`cropper-preview`},N={class:`preview-label`},P=[`src`],F={key:1,class:`preview-empty`},I={class:`preview-thumbs`},L=[`src`],R={class:`preview-thumb__label`};var z=t(u({__name:`CropperPreview`,props:{previewData:{},circular:{type:Boolean}},setup(t){let i=t,c=g(null),u=g(200),y=[{label:`80px`,size:80},{label:`48px`,size:48},{label:`32px`,size:32}],b=r(()=>{let e=i.previewData;return e&&e.url&&e.w>0&&e.h>0}),x=r(()=>{if(!b.value)return{};let{w:e}=i.previewData;return{zoom:u.value/e,overflow:`hidden`}});function S(e){if(!b.value)return{};let{w:t}=i.previewData;return{zoom:e/t,overflow:`hidden`}}let C=null;return m(()=>{c.value&&(u.value=c.value.clientWidth,C=new ResizeObserver(e=>{requestAnimationFrame(()=>{for(let t of e)u.value=t.contentRect.width})}),C.observe(c.value))}),p(()=>{C?.disconnect()}),(r,i)=>(h(),o(`div`,M,[s(`div`,N,[l(e,{name:`mdi:eye-outline`}),i[0]||=s(`span`,null,`裁剪预览`,-1)]),s(`div`,{ref_key:`mainBoxRef`,ref:c,class:d([`preview-main`,{"preview-main--circular":t.circular}])},[b.value?(h(),o(`div`,{key:0,class:`preview-main__viewport`,style:f(x.value)},[s(`div`,{style:f(t.previewData.div)},[s(`img`,{src:t.previewData.url,style:f(t.previewData.img),alt:`preview`},null,12,P)],4)],4)):(h(),o(`div`,F,[l(e,{name:`mdi:image-outline`,style:{"font-size":`32px`,opacity:`0.2`}})]))],2),s(`div`,I,[(h(),o(n,null,_(y,e=>s(`div`,{key:e.label,class:`preview-thumb`},[s(`div`,{class:d([`preview-thumb__box`,{"preview-thumb__box--circular":t.circular}]),style:f({width:`${e.size}px`,height:`${e.size}px`})},[b.value?(h(),o(`div`,{key:0,class:`preview-thumb__viewport`,style:f(S(e.size))},[s(`div`,{style:f(t.previewData.div)},[s(`img`,{src:t.previewData.url,style:f(t.previewData.img),alt:`thumb`},null,12,L)],4)],4)):a(`v-if`,!0)],6),s(`span`,R,v(e.label),1)])),64))])]))}}),[[`__scopeId`,`data-v-cefefdc0`]]);const B={class:`c-image-cropper__body`},V={class:`c-image-cropper__workspace`},H={key:1,class:`c-image-cropper__placeholder`},U={key:0,class:`c-image-cropper__preview-panel`},W={key:1,class:`c-image-cropper`},G={class:`c-image-cropper__body`},K={class:`c-image-cropper__workspace`},q={key:1,class:`c-image-cropper__placeholder`},ee={key:0,class:`c-image-cropper__preview-panel`};var J=t(u({name:`C_ImageCropper`,__name:`index`,props:{src:{default:``},aspectRatio:{default:0},outputFormat:{default:`png`},outputQuality:{default:.92},maxOutputWidth:{default:0},maxOutputHeight:{default:0},showPreview:{type:Boolean,default:!0},showToolbar:{type:Boolean,default:!0},circular:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},height:{default:`400px`},modal:{type:Boolean,default:!1},modalTitle:{default:`图片裁剪`}},emits:[`crop`,`ready`,`error`,`confirm`,`cancel`],setup(t,{expose:n,emit:u}){let d=t,p=u,m=g(d.src),_=g(d.aspectRatio),v=g(!1),C=g(!1),w=g(null),D=g(null),A=g(null),M=r(()=>d.modal?A.value:D.value),N=r(()=>typeof d.height==`number`?`${d.height}px`:d.height),P=r(()=>({png:`png`,jpeg:`jpeg`,webp:`webp`})[d.outputFormat]||`png`),F=r(()=>_.value>0),I=r(()=>_.value<=0||_.value===1?[1,1]:Math.abs(_.value-16/9)<.01?[16,9]:Math.abs(_.value-4/3)<.01?[4,3]:Math.abs(_.value-3/2)<.01?[3,2]:[Math.round(_.value*100),100]),L=r(()=>({width:300,height:_.value>0?300/_.value:200})),R=[{label:`自由`,value:0},{label:`1:1`,value:1},{label:`16:9`,value:16/9},{label:`4:3`,value:4/3},{label:`3:2`,value:3/2}],J=k({format:r(()=>d.outputFormat),quality:r(()=>d.outputQuality),maxWidth:r(()=>d.maxOutputWidth),maxHeight:r(()=>d.maxOutputHeight)});b(M,e=>{J.cropperRef.value=e});function Y(e){w.value=e}function X(e){e===`success`&&p(`ready`)}function Z(e){J.rotate(e)}function Q(e){_.value=e}function $(){J.reset()}async function te(){C.value=!0;try{let e=await J.getCropResult();p(`confirm`,e),p(`crop`,e),v.value=!1}finally{C.value=!1}}function ne(){v.value=!1,p(`cancel`)}function re(e){let t=new FileReader;t.onload=e=>{m.value=e.target?.result},t.readAsDataURL(e)}return b(()=>d.src,e=>{m.value=e}),b(()=>d.aspectRatio,e=>{_.value=e}),n({getCropResult:J.getCropResult,rotate:J.rotate,zoom:J.zoom,flipX:J.flipX,flipY:J.flipY,reset:J.reset,setAspectRatio:e=>{_.value=e},loadFile:re,open:e=>{e&&(m.value=e),v.value=!0},close:()=>{v.value=!1}}),(t,n)=>d.modal?(h(),i(y(T),{key:0,show:v.value,"onUpdate:show":n[0]||=e=>v.value=e,preset:`card`,title:d.modalTitle||`图片裁剪`,style:{width:`860px`},"mask-closable":!1,closable:!0},{footer:x(()=>[l(y(E),{justify:`end`},{default:x(()=>[l(y(S),{onClick:ne},{default:x(()=>[...n[2]||=[c(`取消`,-1)]]),_:1}),l(y(S),{type:`primary`,loading:C.value,onClick:te},{default:x(()=>[...n[3]||=[c(`确认裁剪`,-1)]]),_:1},8,[`loading`])]),_:1})]),default:x(()=>[s(`div`,B,[d.showToolbar?(h(),i(j,{key:0,"current-ratio":_.value,"ratio-presets":R,onRatio:Q,onRotate:Z,onFlipX:y(J).flipX,onFlipY:y(J).flipY,onZoom:y(J).zoom,onReset:$},null,8,[`current-ratio`,`onFlipX`,`onFlipY`,`onZoom`])):a(`v-if`,!0),s(`div`,V,[s(`div`,{class:`c-image-cropper__canvas`,style:f({height:N.value})},[m.value?(h(),i(y(O),{key:0,ref_key:`modalCropperRef`,ref:A,img:m.value,"output-size":d.outputQuality,"output-type":P.value,"can-scale":!1,"auto-crop":!0,"auto-crop-width":L.value.width,"auto-crop-height":L.value.height,fixed:F.value,"fixed-number":I.value,"center-box":!0,info:!0,"info-true":!0,"can-move":!0,"can-move-box":!0,original:!1,high:!0,full:!1,mode:`contain`,onRealTime:Y,onImgLoad:X},null,8,[`img`,`output-size`,`output-type`,`auto-crop-width`,`auto-crop-height`,`fixed`,`fixed-number`])):(h(),o(`div`,H,[l(e,{name:`mdi:image-plus-outline`,style:{"font-size":`48px`,opacity:`0.3`}}),n[1]||=s(`span`,null,`请选择图片`,-1)]))],4),d.showPreview&&m.value?(h(),o(`div`,U,[l(z,{"preview-data":w.value,circular:d.circular},null,8,[`preview-data`,`circular`])])):a(`v-if`,!0)])])]),_:1},8,[`show`,`title`])):(h(),o(`div`,W,[s(`div`,G,[d.showToolbar?(h(),i(j,{key:0,"current-ratio":_.value,"ratio-presets":R,onRatio:Q,onRotate:Z,onFlipX:y(J).flipX,onFlipY:y(J).flipY,onZoom:y(J).zoom,onReset:$},null,8,[`current-ratio`,`onFlipX`,`onFlipY`,`onZoom`])):a(`v-if`,!0),s(`div`,K,[s(`div`,{class:`c-image-cropper__canvas`,style:f({height:N.value})},[m.value?(h(),i(y(O),{key:0,ref_key:`inlineCropperRef`,ref:D,img:m.value,"output-size":d.outputQuality,"output-type":P.value,"can-scale":!1,"auto-crop":!0,"auto-crop-width":L.value.width,"auto-crop-height":L.value.height,fixed:F.value,"fixed-number":I.value,"center-box":!0,info:!0,"info-true":!0,"can-move":!0,"can-move-box":!0,original:!1,high:!0,full:!1,mode:`contain`,onRealTime:Y,onImgLoad:X},null,8,[`img`,`output-size`,`output-type`,`auto-crop-width`,`auto-crop-height`,`fixed`,`fixed-number`])):(h(),o(`div`,q,[l(e,{name:`mdi:image-plus-outline`,style:{"font-size":`48px`,opacity:`0.3`}}),n[4]||=s(`span`,null,`请选择图片`,-1)]))],4),d.showPreview&&m.value?(h(),o(`div`,ee,[l(z,{"preview-data":w.value,circular:d.circular},null,8,[`preview-data`,`circular`])])):a(`v-if`,!0)])])]))}}),[[`__scopeId`,`data-v-296916a4`]]);export{k as n,J as t};

package/dist/C_Language.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require(`./C_Language.js`);exports.C_Language=e.t;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`./C_Icon2.cjs`);const e=require(`./C_Language2.cjs`);exports.C_Language=e.t;

package/dist/C_Language.css

@@ -0,0 +1 @@
+/* C_Language has no component-specific styles. */

package/dist/C_Language.d.cts

@@ -1,2 +1,2 @@
-import { n as LanguageOption, t as _default } from "./index16.vue.js";
+import { n as LanguageOption, t as _default } from "./index16.vue.cjs";
 export { _default as C_Language, type LanguageOption };

package/dist/C_Language.d.ts

@@ -1,2 +1,2 @@
-import { n as LanguageOption, t as _default } from "./index16.vue.js";
+import { n as LanguageOption, t as _default } from "./index15.vue.js";
 export { _default as C_Language, type LanguageOption };

package/dist/C_Language.js

@@ -1 +1 @@
-import{t as e}from"./C_Language2.js";export{e as C_Language};
+import"./C_Icon2.js";import{t as e}from"./C_Language2.js";export{e as C_Language};

package/dist/C_Language2.cjs

@@ -0,0 +1 @@
+require(`./chunk.cjs`);const e=require(`./C_Icon2.cjs`);let t=require(`vue`),n=require(`naive-ui`);const r={class:`flex items-center`},i=(0,t.defineComponent)({name:`C_Language`,__name:`index`,props:{modelValue:{default:`zh-cn`},options:{default:()=>[{key:`zh-cn`,label:`简体中文`,iconClass:`mdi:alpha-c`},{key:`en`,label:`English`,iconClass:`mdi:alpha-u`},{key:`ja`,label:`日本語`,iconClass:`mdi:alpha-j`},{key:`ko`,label:`한국어`,iconClass:`mdi:alpha-k`}]},tooltip:{default:`语言切换`}},emits:[`update:modelValue`,`change`],setup(i,{emit:a}){let o=i,s=a,c=(0,t.computed)(()=>o.options.find(e=>e.key===o.modelValue)?.label??o.modelValue),l=(0,t.computed)(()=>`${o.tooltip} (${c.value})`),u=(0,t.computed)(()=>o.options.map(n=>({key:n.key,label:n.label,icon:n.iconClass?()=>(0,t.h)(e.t,{name:n.iconClass,size:16}):void 0}))),d=e=>{e!==o.modelValue&&(s(`update:modelValue`,e),s(`change`,e))};return(a,o)=>((0,t.openBlock)(),(0,t.createBlock)((0,t.unref)(n.NDropdown),{size:`small`,trigger:`hover`,options:u.value,value:i.modelValue,onSelect:d},{default:(0,t.withCtx)(()=>[(0,t.createVNode)((0,t.unref)(n.NButton),{text:``},{default:(0,t.withCtx)(()=>[(0,t.createElementVNode)(`div`,r,[(0,t.createVNode)(e.t,{name:`mdi:language`,size:18,title:l.value},null,8,[`title`])])]),_:1})]),_:1},8,[`options`,`value`]))}});Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return i}});

package/dist/C_Language2.js

@@ -1,2 +1 @@
-import{t as e}from"./C_Icon2.js";import{NButton as t,NDropdown as n}from"naive-ui";import{computed as r,createBlock as i,createElementVNode as a,createVNode as o,defineComponent as s,h as c,openBlock as l,unref as u,withCtx as d}from"vue";const f={class:`flex items-center`},p=s({name:`C_Language`,__name:`index`,props:{modelValue:{default:`zh-cn`},options:{default:()=>[{key:`zh-cn`,label:`简体中文`,iconClass:`mdi:alpha-c`},{key:`en`,label:`English`,iconClass:`mdi:alpha-u`},{key:`ja`,label:`日本語`,iconClass:`mdi:alpha-j`},{key:`ko`,label:`한국어`,iconClass:`mdi:alpha-k`}]},tooltip:{default:`语言切换`}},emits:[`update:modelValue`,`change`],setup(s,{emit:p}){let m=s,h=p,g=r(()=>m.options.find(e=>e.key===m.modelValue)?.label??m.modelValue),_=r(()=>`${m.tooltip} (${g.value})`),v=r(()=>m.options.map(t=>({key:t.key,label:t.label,icon:t.iconClass?()=>c(e,{name:t.iconClass,size:16}):void 0}))),y=e=>{e!==m.modelValue&&(h(`update:modelValue`,e),h(`change`,e))};return(r,s)=>(l(),i(u(n),{size:`small`,trigger:`hover`,options:v.value,value:r.modelValue,onSelect:y},{default:d(()=>[o(u(t),{text:``},{default:d(()=>[a(`div`,f,[o(e,{name:`mdi:language`,size:18,title:_.value},null,8,[`title`])])]),_:1})]),_:1},8,[`options`,`value`]))}});export{p as t};
-//# sourceMappingURL=C_Language2.js.map
+import{t as e}from"./C_Icon2.js";import{computed as t,createBlock as n,createElementVNode as r,createVNode as i,defineComponent as a,h as o,openBlock as s,unref as c,withCtx as l}from"vue";import{NButton as u,NDropdown as d}from"naive-ui";const f={class:`flex items-center`},p=a({name:`C_Language`,__name:`index`,props:{modelValue:{default:`zh-cn`},options:{default:()=>[{key:`zh-cn`,label:`简体中文`,iconClass:`mdi:alpha-c`},{key:`en`,label:`English`,iconClass:`mdi:alpha-u`},{key:`ja`,label:`日本語`,iconClass:`mdi:alpha-j`},{key:`ko`,label:`한국어`,iconClass:`mdi:alpha-k`}]},tooltip:{default:`语言切换`}},emits:[`update:modelValue`,`change`],setup(a,{emit:p}){let m=a,h=p,g=t(()=>m.options.find(e=>e.key===m.modelValue)?.label??m.modelValue),_=t(()=>`${m.tooltip} (${g.value})`),v=t(()=>m.options.map(t=>({key:t.key,label:t.label,icon:t.iconClass?()=>o(e,{name:t.iconClass,size:16}):void 0}))),y=e=>{e!==m.modelValue&&(h(`update:modelValue`,e),h(`change`,e))};return(t,o)=>(s(),n(c(d),{size:`small`,trigger:`hover`,options:v.value,value:a.modelValue,onSelect:y},{default:l(()=>[i(c(u),{text:``},{default:l(()=>[r(`div`,f,[i(e,{name:`mdi:language`,size:18,title:_.value},null,8,[`title`])])]),_:1})]),_:1},8,[`options`,`value`]))}});export{p as t};

package/dist/C_Login.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`./C_Captcha.js`),require(`./C_QRCode.js`);const e=require(`./C_Login.js`);exports.C_Login=e.t,exports.DEFAULT_FEATURES=e.n,exports.DEFAULT_SOCIAL_PROVIDERS=e.r;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`./C_Icon2.cjs`),require(`./C_Captcha2.cjs`),require(`./C_QRCode2.cjs`);const e=require(`./C_Login2.cjs`);exports.C_Login=e.t,exports.DEFAULT_FEATURES=e.n,exports.DEFAULT_SOCIAL_PROVIDERS=e.r;