@robot-admin/naive-ui-components 0.13.2 → 0.13.6

package/dist/C_ImageCropper.css

@@ -1,16 +1,21 @@
-/* unplugin-vue-components disabled */.cropper-toolbar[data-v-eb7204dc] {
+/* unplugin-vue-components disabled */.cropper-toolbar[data-v-8dc2ca25] {
   display: flex;
   flex-wrap: wrap;
   gap: 4px;
   align-items: center;
   padding: 8px 0;
 }
-/* unplugin-vue-components disabled */.cropper-preview[data-v-c8968d14] {
+/* unplugin-vue-components disabled */
+/* layer: default */
+.flex[data-v-8dc2ca25]{display:flex;}
+.flex-wrap[data-v-8dc2ca25]{flex-wrap:wrap;}
+
+/* unplugin-vue-components disabled */.cropper-preview[data-v-ca124789] {
   display: flex;
   flex-direction: column;
   gap: 16px;
 }
-.cropper-preview .preview-label[data-v-c8968d14] {
+.cropper-preview .preview-label[data-v-ca124789] {
   display: flex;
   gap: 6px;
   align-items: center;
@@ -18,7 +23,7 @@
   font-weight: 500;
   color: var(--text-color-2);
 }
-.cropper-preview .preview-main[data-v-c8968d14] {
+.cropper-preview .preview-main[data-v-ca124789] {
   width: 100%;
   overflow: hidden;
   border: 1px solid var(--border-color);
@@ -27,14 +32,14 @@
   background-position: 0 0, 0 8px, 8px -8px, -8px 0;
   background-size: 16px 16px;
 }
-.cropper-preview .preview-main--circular[data-v-c8968d14] {
+.cropper-preview .preview-main--circular[data-v-ca124789] {
   border-radius: 50%;
 }
-.cropper-preview .preview-main__viewport img[data-v-c8968d14] {
+.cropper-preview .preview-main__viewport img[data-v-ca124789] {
   display: block;
   max-width: none !important;
 }
-.cropper-preview .preview-empty[data-v-c8968d14] {
+.cropper-preview .preview-empty[data-v-ca124789] {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -42,50 +47,58 @@
   height: 100%;
   min-height: 120px;
 }
-.cropper-preview .preview-thumbs[data-v-c8968d14] {
+.cropper-preview .preview-thumbs[data-v-ca124789] {
   display: flex;
   gap: 12px;
   align-items: flex-end;
   justify-content: center;
 }
-.cropper-preview .preview-thumb[data-v-c8968d14] {
+.cropper-preview .preview-thumb[data-v-ca124789] {
   display: flex;
   flex-direction: column;
   gap: 4px;
   align-items: center;
 }
-.cropper-preview .preview-thumb__box[data-v-c8968d14] {
+.cropper-preview .preview-thumb__box[data-v-ca124789] {
   overflow: hidden;
   border: 1px solid var(--border-color);
   border-radius: 4px;
   background: var(--body-color);
 }
-.cropper-preview .preview-thumb__box--circular[data-v-c8968d14] {
+.cropper-preview .preview-thumb__box--circular[data-v-ca124789] {
   border-radius: 50%;
 }
-.cropper-preview .preview-thumb__viewport img[data-v-c8968d14] {
+.cropper-preview .preview-thumb__viewport img[data-v-ca124789] {
   display: block;
   max-width: none !important;
 }
-.cropper-preview .preview-thumb__label[data-v-c8968d14] {
+.cropper-preview .preview-thumb__label[data-v-ca124789] {
   font-size: 11px;
   color: var(--text-color-3);
 }
+/* unplugin-vue-components disabled */
+/* layer: default */
+.block[data-v-ca124789]{display:block;}
+.hidden[data-v-ca124789]{display:none;}
+.flex[data-v-ca124789]{display:flex;}
+.border[data-v-ca124789]{border-width:1px;}
+.px[data-v-ca124789]{padding-left:1rem;padding-right:1rem;}
+
 /* unplugin-vue-components disabled *//* C_ImageCropper styles */
-.c-image-cropper[data-v-8aa3952f] {
+.c-image-cropper[data-v-b3645c9b] {
   width: 100%;
 }
-.c-image-cropper__body[data-v-8aa3952f] {
+.c-image-cropper__body[data-v-b3645c9b] {
   display: flex;
   flex-direction: column;
   gap: 8px;
 }
-.c-image-cropper__workspace[data-v-8aa3952f] {
+.c-image-cropper__workspace[data-v-b3645c9b] {
   display: flex;
   gap: 16px;
   align-items: stretch;
 }
-.c-image-cropper__canvas[data-v-8aa3952f] {
+.c-image-cropper__canvas[data-v-b3645c9b] {
   position: relative;
   flex: 1;
   min-width: 0;
@@ -94,11 +107,11 @@
   border-radius: 6px;
   background: var(--body-color);
 }
-.c-image-cropper__canvas[data-v-8aa3952f] .vue-cropper {
+.c-image-cropper__canvas[data-v-b3645c9b] .vue-cropper {
   width: 100% !important;
   height: 100% !important;
 }
-.c-image-cropper__preview-panel[data-v-8aa3952f] {
+.c-image-cropper__preview-panel[data-v-b3645c9b] {
   flex: 0 1 280px;
   min-width: 200px;
   padding: 16px;
@@ -107,7 +120,7 @@
   border-radius: 6px;
   background: var(--card-color);
 }
-.c-image-cropper__placeholder[data-v-8aa3952f] {
+.c-image-cropper__placeholder[data-v-b3645c9b] {
   display: flex;
   flex-direction: column;
   gap: 8px;
@@ -118,10 +131,14 @@
   font-size: 14px;
 }
 @media (width <= 768px) {
-.c-image-cropper__workspace[data-v-8aa3952f] {
+.c-image-cropper__workspace[data-v-b3645c9b] {
     flex-direction: column;
 }
-.c-image-cropper__preview-panel[data-v-8aa3952f] {
+.c-image-cropper__preview-panel[data-v-b3645c9b] {
     max-width: none;
 }
 }
+/* unplugin-vue-components disabled */
+/* layer: default */
+.px[data-v-b3645c9b]{padding-left:1rem;padding-right:1rem;}
+

package/dist/C_ImageCropper2.cjs

@@ -1 +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){if(!Number.isFinite(e))return;let t=Math.round(e/90),n=t>0?i:r;for(let e=0;e<Math.abs(t);e++)n()}function o(e){!Number.isFinite(e)||e===0||t.value?.changeScale(e>0?1:-1)}function s(){t.value?.refresh()}function c(t,n){let r=e.maxWidth?.value??0,i=e.maxHeight?.value??0,a=Math.min(1,r>0?r/t:1,i>0?i/n:1);return{width:Math.max(1,Math.round(t*a)),height:Math.max(1,Math.round(n*a))}}function l(){return new Promise((n,r)=>{let i=t.value;if(!i){r(Error(`Cropper not initialized`));return}let a=e.format?.value??`png`,o=Math.min(1,Math.max(0,e.quality?.value??.92)),s=a===`jpeg`?`image/jpeg`:`image/${a}`,l=!1,u=setTimeout(()=>d(Error(`Crop result timed out`)),15e3);function d(e){l||(l=!0,clearTimeout(u),r(e instanceof Error?e:Error(String(e))))}function f(e){l||(l=!0,clearTimeout(u),n(e))}try{i.getCropChecked(e=>{if(!l)try{if(!e.width||!e.height)throw Error(`Crop result is empty`);let{width:t,height:n}=c(e.width,e.height),r=e;if(t!==e.width||n!==e.height){r=document.createElement(`canvas`),r.width=t,r.height=n;let i=r.getContext(`2d`);if(!i)throw Error(`Canvas 2D context unavailable`);i.drawImage(e,0,0,t,n)}let i=r.toDataURL(s,o);r.toBlob(e=>{if(!e){d(Error(`Crop result could not be encoded`));return}f({base64:i,blob:e,width:t,height:n,format:a})},s,o)}catch(e){d(e)}})}catch(e){d(e)}})}return{cropperRef:t,rotate:a,rotateLeft:r,rotateRight:i,zoom:o,reset:s,getCropResult:l}}const o={class:`cropper-toolbar`},s=(0,n.defineComponent)({__name:`CropperToolbar`,props:{currentRatio:{},ratioPresets:{},disabled:{type:Boolean}},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`,disabled:t.disabled,onClick:t=>i.$emit(`ratio`,e.value)},{default:(0,n.withCtx)(()=>[(0,n.createTextVNode)((0,n.toDisplayString)(e.label),1)]),_:2},1032,[`type`,`disabled`,`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:``,disabled:t.disabled,onClick:a[0]||=e=>i.$emit(`rotate`,-90)},{icon:(0,n.withCtx)(()=>[(0,n.createVNode)(e.t,{name:`mdi:rotate-left`})]),_:1},8,[`disabled`])]),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:``,disabled:t.disabled,onClick:a[1]||=e=>i.$emit(`rotate`,90)},{icon:(0,n.withCtx)(()=>[(0,n.createVNode)(e.t,{name:`mdi:rotate-right`})]),_:1},8,[`disabled`])]),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:``,disabled:t.disabled,onClick:a[2]||=e=>i.$emit(`flipX`)},{icon:(0,n.withCtx)(()=>[(0,n.createVNode)(e.t,{name:`mdi:flip-horizontal`})]),_:1},8,[`disabled`])]),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:``,disabled:t.disabled,onClick:a[3]||=e=>i.$emit(`flipY`)},{icon:(0,n.withCtx)(()=>[(0,n.createVNode)(e.t,{name:`mdi:flip-vertical`})]),_:1},8,[`disabled`])]),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:``,disabled:t.disabled,onClick:a[4]||=e=>i.$emit(`zoom`,.1)},{icon:(0,n.withCtx)(()=>[(0,n.createVNode)(e.t,{name:`mdi:magnify-plus-outline`})]),_:1},8,[`disabled`])]),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:``,disabled:t.disabled,onClick:a[5]||=e=>i.$emit(`zoom`,-.1)},{icon:(0,n.withCtx)(()=>[(0,n.createVNode)(e.t,{name:`mdi:magnify-minus-outline`})]),_:1},8,[`disabled`])]),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:``,disabled:t.disabled,onClick:a[6]||=e=>i.$emit(`reset`)},{icon:(0,n.withCtx)(()=>[(0,n.createVNode)(e.t,{name:`mdi:refresh`})]),_:1},8,[`disabled`])]),default:(0,n.withCtx)(()=>[a[13]||=(0,n.createTextVNode)(` 重置 `,-1)]),_:1})]))}});var c=t.t(s,[[`__scopeId`,`data-v-eb7204dc`]]);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-c8968d14`]]);function v(e,t){return new Promise((n,r)=>{let i=new Image;!e.startsWith(`data:`)&&!e.startsWith(`blob:`)&&(i.crossOrigin=`anonymous`),i.onload=()=>{try{let e=i.naturalWidth,r=i.naturalHeight;if(!e||!r)throw Error(`Image has no dimensions`);let a=document.createElement(`canvas`);a.width=e,a.height=r;let o=a.getContext(`2d`);if(!o)throw Error(`Canvas 2D context unavailable`);o.translate(t===`horizontal`?e:0,t===`vertical`?r:0),o.scale(t===`horizontal`?-1:1,t===`vertical`?-1:1),o.drawImage(i,0,0),n(a.toDataURL(`image/png`))}catch(e){r(e)}},i.onerror=()=>r(Error(`Image could not be loaded for flipping`)),i.src=e})}const y={class:`c-image-cropper__body`},b={class:`c-image-cropper__workspace`},x={key:1,class:`c-image-cropper__placeholder`},S={key:0,class:`c-image-cropper__preview-panel`},C={key:1,class:`c-image-cropper`},w={class:`c-image-cropper__body`},T={class:`c-image-cropper__workspace`},E={key:1,class:`c-image-cropper__placeholder`},D={key:0,class:`c-image-cropper__preview-panel`},O=(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)(!1),g=(0,n.ref)(!1),O=(0,n.ref)(null),k=(0,n.ref)(null),A=(0,n.ref)(null),j=(0,n.computed)(()=>l.modal?A.value:k.value),M=(0,n.computed)(()=>typeof l.height==`number`?`${l.height}px`:l.height),N=(0,n.computed)(()=>({png:`png`,jpeg:`jpeg`,webp:`webp`})[l.outputFormat]||`png`),P=(0,n.computed)(()=>f.value>0),F=(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]),I=(0,n.computed)(()=>({width:300,height:f.value>0?300/f.value:200})),L=[{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}],R=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)(j,e=>{R.cropperRef.value=e});function z(e){O.value=e}function B(e){g.value=e===`success`,g.value?u(`ready`):W(e instanceof Error?e:Error(`Image could not be loaded`))}function V(e){l.disabled||h.value||m.value||R.rotate(e)}function H(e){l.disabled||h.value||m.value||(f.value=e)}function U(){l.disabled||h.value||m.value||(g.value=!1,R.reset())}function W(e){u(`error`,e instanceof Error?e:Error(String(e)))}async function G(e){if(l.disabled||h.value||m.value||!d.value)return;h.value=!0;let t=d.value;try{let n=await v(t,e);d.value===t&&(d.value=n)}catch(e){W(e)}finally{h.value=!1}}function K(){G(`horizontal`)}function q(){G(`vertical`)}async function J(){if(!g.value||h.value)throw Error(`Image cropper is not ready`);let e=d.value,t=await R.getCropResult();if(e!==d.value||!g.value)throw Error(`Image changed during crop export`);return t}async function Y(){if(!(l.disabled||h.value||m.value||!g.value)){m.value=!0;try{let e=await J();if(!p.value)return;u(`confirm`,e),u(`crop`,e),p.value=!1}catch(e){W(e)}finally{m.value=!1}}}function X(){p.value=!1,u(`cancel`)}function Z(e){if(!e.type.startsWith(`image/`)){W(Error(`Please select an image file`));return}let t=new FileReader;t.onerror=()=>W(Error(`Image file could not be read`)),t.onload=e=>{typeof e.target?.result==`string`&&(d.value=e.target.result)},t.readAsDataURL(e)}return(0,n.watch)(d,()=>{g.value=!1,O.value=null}),(0,n.watch)(()=>l.src,e=>{d.value=e}),(0,n.watch)(()=>l.aspectRatio,e=>{f.value=e}),o({getCropResult:J,rotate:R.rotate,zoom:R.zoom,flipX:K,flipY:q,reset:R.reset,setAspectRatio:e=>{f.value=e},loadFile:Z,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),{disabled:m.value,onClick:X},{default:(0,n.withCtx)(()=>[...a[2]||=[(0,n.createTextVNode)(`取消`,-1)]]),_:1},8,[`disabled`]),(0,n.createVNode)((0,n.unref)(r.NButton),{type:`primary`,loading:m.value,disabled:l.disabled||h.value||!g.value,onClick:Y},{default:(0,n.withCtx)(()=>[...a[3]||=[(0,n.createTextVNode)(`确认裁剪`,-1)]]),_:1},8,[`loading`,`disabled`])]),_:1})]),default:(0,n.withCtx)(()=>[(0,n.createElementVNode)(`div`,y,[l.showToolbar?((0,n.openBlock)(),(0,n.createBlock)(c,{key:0,"current-ratio":f.value,"ratio-presets":L,disabled:l.disabled||h.value||m.value||!g.value,onRatio:H,onRotate:V,onFlipX:K,onFlipY:q,onZoom:(0,n.unref)(R).zoom,onReset:U},null,8,[`current-ratio`,`disabled`,`onZoom`])):(0,n.createCommentVNode)(`v-if`,!0),(0,n.createElementVNode)(`div`,b,[(0,n.createElementVNode)(`div`,{class:`c-image-cropper__canvas`,style:(0,n.normalizeStyle)({height:M.value})},[d.value?((0,n.openBlock)(),(0,n.createBlock)((0,n.unref)(i.VueCropper),{key:0,ref_key:`modalCropperRef`,ref:A,img:d.value,"output-size":l.outputQuality,"output-type":N.value,"can-scale":!1,"auto-crop":!0,"auto-crop-width":I.value.width,"auto-crop-height":I.value.height,fixed:P.value,"fixed-number":F.value,"center-box":!0,info:!0,"info-true":!0,"can-move":!l.disabled&&!m.value&&!h.value,"can-move-box":!l.disabled&&!m.value&&!h.value,"fixed-box":l.disabled||m.value||h.value,original:!1,high:!0,full:!1,mode:`contain`,onRealTime:z,onImgLoad:B},null,8,[`img`,`output-size`,`output-type`,`auto-crop-width`,`auto-crop-height`,`fixed`,`fixed-number`,`can-move`,`can-move-box`,`fixed-box`])):((0,n.openBlock)(),(0,n.createElementBlock)(`div`,x,[(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`,S,[(0,n.createVNode)(_,{"preview-data":O.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`,C,[(0,n.createElementVNode)(`div`,w,[l.showToolbar?((0,n.openBlock)(),(0,n.createBlock)(c,{key:0,"current-ratio":f.value,"ratio-presets":L,disabled:l.disabled||h.value||m.value||!g.value,onRatio:H,onRotate:V,onFlipX:K,onFlipY:q,onZoom:(0,n.unref)(R).zoom,onReset:U},null,8,[`current-ratio`,`disabled`,`onZoom`])):(0,n.createCommentVNode)(`v-if`,!0),(0,n.createElementVNode)(`div`,T,[(0,n.createElementVNode)(`div`,{class:`c-image-cropper__canvas`,style:(0,n.normalizeStyle)({height:M.value})},[d.value?((0,n.openBlock)(),(0,n.createBlock)((0,n.unref)(i.VueCropper),{key:0,ref_key:`inlineCropperRef`,ref:k,img:d.value,"output-size":l.outputQuality,"output-type":N.value,"can-scale":!1,"auto-crop":!0,"auto-crop-width":I.value.width,"auto-crop-height":I.value.height,fixed:P.value,"fixed-number":F.value,"center-box":!0,info:!0,"info-true":!0,"can-move":!l.disabled&&!m.value&&!h.value,"can-move-box":!l.disabled&&!m.value&&!h.value,"fixed-box":l.disabled||m.value||h.value,original:!1,high:!0,full:!1,mode:`contain`,onRealTime:z,onImgLoad:B},null,8,[`img`,`output-size`,`output-type`,`auto-crop-width`,`auto-crop-height`,`fixed`,`fixed-number`,`can-move`,`can-move-box`,`fixed-box`])):((0,n.openBlock)(),(0,n.createElementBlock)(`div`,E,[(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`,D,[(0,n.createVNode)(_,{"preview-data":O.value,circular:l.circular},null,8,[`preview-data`,`circular`])])):(0,n.createCommentVNode)(`v-if`,!0)])])]))}});var k=t.t(O,[[`__scopeId`,`data-v-8aa3952f`]]);Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return k}});
+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){if(!Number.isFinite(e))return;let t=Math.round(e/90),n=t>0?i:r;for(let e=0;e<Math.abs(t);e++)n()}function o(e){!Number.isFinite(e)||e===0||t.value?.changeScale(e>0?1:-1)}function s(){t.value?.refresh()}function c(t,n){let r=e.maxWidth?.value??0,i=e.maxHeight?.value??0,a=Math.min(1,r>0?r/t:1,i>0?i/n:1);return{width:Math.max(1,Math.round(t*a)),height:Math.max(1,Math.round(n*a))}}function l(){return new Promise((n,r)=>{let i=t.value;if(!i){r(Error(`Cropper not initialized`));return}let a=e.format?.value??`png`,o=Math.min(1,Math.max(0,e.quality?.value??.92)),s=a===`jpeg`?`image/jpeg`:`image/${a}`,l=!1,u=setTimeout(()=>d(Error(`Crop result timed out`)),15e3);function d(e){l||(l=!0,clearTimeout(u),r(e instanceof Error?e:Error(String(e))))}function f(e){l||(l=!0,clearTimeout(u),n(e))}try{i.getCropChecked(e=>{if(!l)try{if(!e.width||!e.height)throw Error(`Crop result is empty`);let{width:t,height:n}=c(e.width,e.height),r=e;if(t!==e.width||n!==e.height){r=document.createElement(`canvas`),r.width=t,r.height=n;let i=r.getContext(`2d`);if(!i)throw Error(`Canvas 2D context unavailable`);i.drawImage(e,0,0,t,n)}let i=r.toDataURL(s,o);r.toBlob(e=>{if(!e){d(Error(`Crop result could not be encoded`));return}f({base64:i,blob:e,width:t,height:n,format:a})},s,o)}catch(e){d(e)}})}catch(e){d(e)}})}return{cropperRef:t,rotate:a,rotateLeft:r,rotateRight:i,zoom:o,reset:s,getCropResult:l}}const o={class:`cropper-toolbar`},s=(0,n.defineComponent)({__name:`CropperToolbar`,props:{currentRatio:{},ratioPresets:{},disabled:{type:Boolean}},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`,disabled:t.disabled,onClick:t=>i.$emit(`ratio`,e.value)},{default:(0,n.withCtx)(()=>[(0,n.createTextVNode)((0,n.toDisplayString)(e.label),1)]),_:2},1032,[`type`,`disabled`,`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:``,disabled:t.disabled,onClick:a[0]||=e=>i.$emit(`rotate`,-90)},{icon:(0,n.withCtx)(()=>[(0,n.createVNode)(e.t,{name:`mdi:rotate-left`})]),_:1},8,[`disabled`])]),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:``,disabled:t.disabled,onClick:a[1]||=e=>i.$emit(`rotate`,90)},{icon:(0,n.withCtx)(()=>[(0,n.createVNode)(e.t,{name:`mdi:rotate-right`})]),_:1},8,[`disabled`])]),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:``,disabled:t.disabled,onClick:a[2]||=e=>i.$emit(`flipX`)},{icon:(0,n.withCtx)(()=>[(0,n.createVNode)(e.t,{name:`mdi:flip-horizontal`})]),_:1},8,[`disabled`])]),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:``,disabled:t.disabled,onClick:a[3]||=e=>i.$emit(`flipY`)},{icon:(0,n.withCtx)(()=>[(0,n.createVNode)(e.t,{name:`mdi:flip-vertical`})]),_:1},8,[`disabled`])]),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:``,disabled:t.disabled,onClick:a[4]||=e=>i.$emit(`zoom`,.1)},{icon:(0,n.withCtx)(()=>[(0,n.createVNode)(e.t,{name:`mdi:magnify-plus-outline`})]),_:1},8,[`disabled`])]),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:``,disabled:t.disabled,onClick:a[5]||=e=>i.$emit(`zoom`,-.1)},{icon:(0,n.withCtx)(()=>[(0,n.createVNode)(e.t,{name:`mdi:magnify-minus-outline`})]),_:1},8,[`disabled`])]),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:``,disabled:t.disabled,onClick:a[6]||=e=>i.$emit(`reset`)},{icon:(0,n.withCtx)(()=>[(0,n.createVNode)(e.t,{name:`mdi:refresh`})]),_:1},8,[`disabled`])]),default:(0,n.withCtx)(()=>[a[13]||=(0,n.createTextVNode)(` 重置 `,-1)]),_:1})]))}});var c=t.t(s,[[`__scopeId`,`data-v-8dc2ca25`]]);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-ca124789`]]);function v(e,t){return new Promise((n,r)=>{let i=new Image;!e.startsWith(`data:`)&&!e.startsWith(`blob:`)&&(i.crossOrigin=`anonymous`),i.onload=()=>{try{let e=i.naturalWidth,r=i.naturalHeight;if(!e||!r)throw Error(`Image has no dimensions`);let a=document.createElement(`canvas`);a.width=e,a.height=r;let o=a.getContext(`2d`);if(!o)throw Error(`Canvas 2D context unavailable`);o.translate(t===`horizontal`?e:0,t===`vertical`?r:0),o.scale(t===`horizontal`?-1:1,t===`vertical`?-1:1),o.drawImage(i,0,0),n(a.toDataURL(`image/png`))}catch(e){r(e)}},i.onerror=()=>r(Error(`Image could not be loaded for flipping`)),i.src=e})}const y={class:`c-image-cropper__body`},b={class:`c-image-cropper__workspace`},x={key:1,class:`c-image-cropper__placeholder`},S={key:0,class:`c-image-cropper__preview-panel`},C={key:1,class:`c-image-cropper`},w={class:`c-image-cropper__body`},T={class:`c-image-cropper__workspace`},E={key:1,class:`c-image-cropper__placeholder`},D={key:0,class:`c-image-cropper__preview-panel`},O=(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)(!1),g=(0,n.ref)(!1),O=(0,n.ref)(null),k=(0,n.ref)(null),A=(0,n.ref)(null),j=(0,n.computed)(()=>l.modal?A.value:k.value),M=(0,n.computed)(()=>typeof l.height==`number`?`${l.height}px`:l.height),N=(0,n.computed)(()=>({png:`png`,jpeg:`jpeg`,webp:`webp`})[l.outputFormat]||`png`),P=(0,n.computed)(()=>f.value>0),F=(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]),I=(0,n.computed)(()=>({width:300,height:f.value>0?300/f.value:200})),L=[{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}],R=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)(j,e=>{R.cropperRef.value=e});function z(e){O.value=e}function B(e){g.value=e===`success`,g.value?u(`ready`):W(e instanceof Error?e:Error(`Image could not be loaded`))}function V(e){l.disabled||h.value||m.value||R.rotate(e)}function H(e){l.disabled||h.value||m.value||(f.value=e)}function U(){l.disabled||h.value||m.value||(g.value=!1,R.reset())}function W(e){u(`error`,e instanceof Error?e:Error(String(e)))}async function G(e){if(l.disabled||h.value||m.value||!d.value)return;h.value=!0;let t=d.value;try{let n=await v(t,e);d.value===t&&(d.value=n)}catch(e){W(e)}finally{h.value=!1}}function K(){G(`horizontal`)}function q(){G(`vertical`)}async function J(){if(!g.value||h.value)throw Error(`Image cropper is not ready`);let e=d.value,t=await R.getCropResult();if(e!==d.value||!g.value)throw Error(`Image changed during crop export`);return t}async function Y(){if(!(l.disabled||h.value||m.value||!g.value)){m.value=!0;try{let e=await J();if(!p.value)return;u(`confirm`,e),u(`crop`,e),p.value=!1}catch(e){W(e)}finally{m.value=!1}}}function X(){p.value=!1,u(`cancel`)}function Z(e){if(!e.type.startsWith(`image/`)){W(Error(`Please select an image file`));return}let t=new FileReader;t.onerror=()=>W(Error(`Image file could not be read`)),t.onload=e=>{typeof e.target?.result==`string`&&(d.value=e.target.result)},t.readAsDataURL(e)}return(0,n.watch)(d,()=>{g.value=!1,O.value=null}),(0,n.watch)(()=>l.src,e=>{d.value=e}),(0,n.watch)(()=>l.aspectRatio,e=>{f.value=e}),o({getCropResult:J,rotate:R.rotate,zoom:R.zoom,flipX:K,flipY:q,reset:R.reset,setAspectRatio:e=>{f.value=e},loadFile:Z,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),{disabled:m.value,onClick:X},{default:(0,n.withCtx)(()=>[...a[2]||=[(0,n.createTextVNode)(`取消`,-1)]]),_:1},8,[`disabled`]),(0,n.createVNode)((0,n.unref)(r.NButton),{type:`primary`,loading:m.value,disabled:l.disabled||h.value||!g.value,onClick:Y},{default:(0,n.withCtx)(()=>[...a[3]||=[(0,n.createTextVNode)(`确认裁剪`,-1)]]),_:1},8,[`loading`,`disabled`])]),_:1})]),default:(0,n.withCtx)(()=>[(0,n.createElementVNode)(`div`,y,[l.showToolbar?((0,n.openBlock)(),(0,n.createBlock)(c,{key:0,"current-ratio":f.value,"ratio-presets":L,disabled:l.disabled||h.value||m.value||!g.value,onRatio:H,onRotate:V,onFlipX:K,onFlipY:q,onZoom:(0,n.unref)(R).zoom,onReset:U},null,8,[`current-ratio`,`disabled`,`onZoom`])):(0,n.createCommentVNode)(`v-if`,!0),(0,n.createElementVNode)(`div`,b,[(0,n.createElementVNode)(`div`,{class:`c-image-cropper__canvas`,style:(0,n.normalizeStyle)({height:M.value})},[d.value?((0,n.openBlock)(),(0,n.createBlock)((0,n.unref)(i.VueCropper),{key:0,ref_key:`modalCropperRef`,ref:A,img:d.value,"output-size":l.outputQuality,"output-type":N.value,"can-scale":!1,"auto-crop":!0,"auto-crop-width":I.value.width,"auto-crop-height":I.value.height,fixed:P.value,"fixed-number":F.value,"center-box":!0,info:!0,"info-true":!0,"can-move":!l.disabled&&!m.value&&!h.value,"can-move-box":!l.disabled&&!m.value&&!h.value,"fixed-box":l.disabled||m.value||h.value,original:!1,high:!0,full:!1,mode:`contain`,onRealTime:z,onImgLoad:B},null,8,[`img`,`output-size`,`output-type`,`auto-crop-width`,`auto-crop-height`,`fixed`,`fixed-number`,`can-move`,`can-move-box`,`fixed-box`])):((0,n.openBlock)(),(0,n.createElementBlock)(`div`,x,[(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`,S,[(0,n.createVNode)(_,{"preview-data":O.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`,C,[(0,n.createElementVNode)(`div`,w,[l.showToolbar?((0,n.openBlock)(),(0,n.createBlock)(c,{key:0,"current-ratio":f.value,"ratio-presets":L,disabled:l.disabled||h.value||m.value||!g.value,onRatio:H,onRotate:V,onFlipX:K,onFlipY:q,onZoom:(0,n.unref)(R).zoom,onReset:U},null,8,[`current-ratio`,`disabled`,`onZoom`])):(0,n.createCommentVNode)(`v-if`,!0),(0,n.createElementVNode)(`div`,T,[(0,n.createElementVNode)(`div`,{class:`c-image-cropper__canvas`,style:(0,n.normalizeStyle)({height:M.value})},[d.value?((0,n.openBlock)(),(0,n.createBlock)((0,n.unref)(i.VueCropper),{key:0,ref_key:`inlineCropperRef`,ref:k,img:d.value,"output-size":l.outputQuality,"output-type":N.value,"can-scale":!1,"auto-crop":!0,"auto-crop-width":I.value.width,"auto-crop-height":I.value.height,fixed:P.value,"fixed-number":F.value,"center-box":!0,info:!0,"info-true":!0,"can-move":!l.disabled&&!m.value&&!h.value,"can-move-box":!l.disabled&&!m.value&&!h.value,"fixed-box":l.disabled||m.value||h.value,original:!1,high:!0,full:!1,mode:`contain`,onRealTime:z,onImgLoad:B},null,8,[`img`,`output-size`,`output-type`,`auto-crop-width`,`auto-crop-height`,`fixed`,`fixed-number`,`can-move`,`can-move-box`,`fixed-box`])):((0,n.openBlock)(),(0,n.createElementBlock)(`div`,E,[(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`,D,[(0,n.createVNode)(_,{"preview-data":O.value,circular:l.circular},null,8,[`preview-data`,`circular`])])):(0,n.createCommentVNode)(`v-if`,!0)])])]))}});var k=t.t(O,[[`__scopeId`,`data-v-b3645c9b`]]);Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return k}});

package/dist/C_ImageCropper2.js

@@ -1 +1 @@
-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 ee,NTooltip as E}from"naive-ui";import{VueCropper as D}from"vue-cropper";function O(e={}){let t=g(null);function n(){t.value?.rotateLeft()}function r(){t.value?.rotateRight()}function i(e){if(!Number.isFinite(e))return;let t=Math.round(e/90),i=t>0?r:n;for(let e=0;e<Math.abs(t);e++)i()}function a(e){!Number.isFinite(e)||e===0||t.value?.changeScale(e>0?1:-1)}function o(){t.value?.refresh()}function s(t,n){let r=e.maxWidth?.value??0,i=e.maxHeight?.value??0,a=Math.min(1,r>0?r/t:1,i>0?i/n:1);return{width:Math.max(1,Math.round(t*a)),height:Math.max(1,Math.round(n*a))}}function c(){return new Promise((n,r)=>{let i=t.value;if(!i){r(Error(`Cropper not initialized`));return}let a=e.format?.value??`png`,o=Math.min(1,Math.max(0,e.quality?.value??.92)),c=a===`jpeg`?`image/jpeg`:`image/${a}`,l=!1,u=setTimeout(()=>d(Error(`Crop result timed out`)),15e3);function d(e){l||(l=!0,clearTimeout(u),r(e instanceof Error?e:Error(String(e))))}function f(e){l||(l=!0,clearTimeout(u),n(e))}try{i.getCropChecked(e=>{if(!l)try{if(!e.width||!e.height)throw Error(`Crop result is empty`);let{width:t,height:n}=s(e.width,e.height),r=e;if(t!==e.width||n!==e.height){r=document.createElement(`canvas`),r.width=t,r.height=n;let i=r.getContext(`2d`);if(!i)throw Error(`Canvas 2D context unavailable`);i.drawImage(e,0,0,t,n)}let i=r.toDataURL(c,o);r.toBlob(e=>{if(!e){d(Error(`Crop result could not be encoded`));return}f({base64:i,blob:e,width:t,height:n,format:a})},c,o)}catch(e){d(e)}})}catch(e){d(e)}})}return{cropperRef:t,rotate:i,rotateLeft:n,rotateRight:r,zoom:a,reset:o,getCropResult:c}}const k={class:`cropper-toolbar`};var A=t(u({__name:`CropperToolbar`,props:{currentRatio:{},ratioPresets:{},disabled:{type:Boolean}},emits:[`ratio`,`rotate`,`flipX`,`flipY`,`zoom`,`reset`],setup(t){return(r,a)=>(h(),o(`div`,k,[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`,disabled:t.disabled,onClick:t=>r.$emit(`ratio`,e.value)},{default:x(()=>[c(v(e.label),1)]),_:2},1032,[`type`,`disabled`,`onClick`]))),128))]),_:1}),l(y(w),{vertical:``}),l(y(E),null,{trigger:x(()=>[l(y(S),{size:`small`,quaternary:``,disabled:t.disabled,onClick:a[0]||=e=>r.$emit(`rotate`,-90)},{icon:x(()=>[l(e,{name:`mdi:rotate-left`})]),_:1},8,[`disabled`])]),default:x(()=>[a[7]||=c(` 逆时针旋转 90° `,-1)]),_:1}),l(y(E),null,{trigger:x(()=>[l(y(S),{size:`small`,quaternary:``,disabled:t.disabled,onClick:a[1]||=e=>r.$emit(`rotate`,90)},{icon:x(()=>[l(e,{name:`mdi:rotate-right`})]),_:1},8,[`disabled`])]),default:x(()=>[a[8]||=c(` 顺时针旋转 90° `,-1)]),_:1}),l(y(w),{vertical:``}),l(y(E),null,{trigger:x(()=>[l(y(S),{size:`small`,quaternary:``,disabled:t.disabled,onClick:a[2]||=e=>r.$emit(`flipX`)},{icon:x(()=>[l(e,{name:`mdi:flip-horizontal`})]),_:1},8,[`disabled`])]),default:x(()=>[a[9]||=c(` 水平翻转 `,-1)]),_:1}),l(y(E),null,{trigger:x(()=>[l(y(S),{size:`small`,quaternary:``,disabled:t.disabled,onClick:a[3]||=e=>r.$emit(`flipY`)},{icon:x(()=>[l(e,{name:`mdi:flip-vertical`})]),_:1},8,[`disabled`])]),default:x(()=>[a[10]||=c(` 垂直翻转 `,-1)]),_:1}),l(y(w),{vertical:``}),l(y(E),null,{trigger:x(()=>[l(y(S),{size:`small`,quaternary:``,disabled:t.disabled,onClick:a[4]||=e=>r.$emit(`zoom`,.1)},{icon:x(()=>[l(e,{name:`mdi:magnify-plus-outline`})]),_:1},8,[`disabled`])]),default:x(()=>[a[11]||=c(` 放大 `,-1)]),_:1}),l(y(E),null,{trigger:x(()=>[l(y(S),{size:`small`,quaternary:``,disabled:t.disabled,onClick:a[5]||=e=>r.$emit(`zoom`,-.1)},{icon:x(()=>[l(e,{name:`mdi:magnify-minus-outline`})]),_:1},8,[`disabled`])]),default:x(()=>[a[12]||=c(` 缩小 `,-1)]),_:1}),l(y(w),{vertical:``}),l(y(E),null,{trigger:x(()=>[l(y(S),{size:`small`,quaternary:``,disabled:t.disabled,onClick:a[6]||=e=>r.$emit(`reset`)},{icon:x(()=>[l(e,{name:`mdi:refresh`})]),_:1},8,[`disabled`])]),default:x(()=>[a[13]||=c(` 重置 `,-1)]),_:1})]))}}),[[`__scopeId`,`data-v-eb7204dc`]]);const j={class:`cropper-preview`},M={class:`preview-label`},N=[`src`],P={key:1,class:`preview-empty`},F={class:`preview-thumbs`},I=[`src`],L={class:`preview-thumb__label`};var R=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`,j,[s(`div`,M,[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,N)],4)],4)):(h(),o(`div`,P,[l(e,{name:`mdi:image-outline`,style:{"font-size":`32px`,opacity:`0.2`}})]))],2),s(`div`,F,[(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,I)],4)],4)):a(`v-if`,!0)],6),s(`span`,L,v(e.label),1)])),64))])]))}}),[[`__scopeId`,`data-v-c8968d14`]]);function z(e,t){return new Promise((n,r)=>{let i=new Image;!e.startsWith(`data:`)&&!e.startsWith(`blob:`)&&(i.crossOrigin=`anonymous`),i.onload=()=>{try{let e=i.naturalWidth,r=i.naturalHeight;if(!e||!r)throw Error(`Image has no dimensions`);let a=document.createElement(`canvas`);a.width=e,a.height=r;let o=a.getContext(`2d`);if(!o)throw Error(`Canvas 2D context unavailable`);o.translate(t===`horizontal`?e:0,t===`vertical`?r:0),o.scale(t===`horizontal`?-1:1,t===`vertical`?-1:1),o.drawImage(i,0,0),n(a.toDataURL(`image/png`))}catch(e){r(e)}},i.onerror=()=>r(Error(`Image could not be loaded for flipping`)),i.src=e})}const B={class:`c-image-cropper__body`},te={class:`c-image-cropper__workspace`},ne={key:1,class:`c-image-cropper__placeholder`},re={key:0,class:`c-image-cropper__preview-panel`},ie={key:1,class:`c-image-cropper`},ae={class:`c-image-cropper__body`},oe={class:`c-image-cropper__workspace`},se={key:1,class:`c-image-cropper__placeholder`},ce={key:0,class:`c-image-cropper__preview-panel`};var V=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(!1),E=g(!1),k=g(null),j=g(null),M=g(null),N=r(()=>d.modal?M.value:j.value),P=r(()=>typeof d.height==`number`?`${d.height}px`:d.height),F=r(()=>({png:`png`,jpeg:`jpeg`,webp:`webp`})[d.outputFormat]||`png`),I=r(()=>_.value>0),L=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]),V=r(()=>({width:300,height:_.value>0?300/_.value:200})),H=[{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}],U=O({format:r(()=>d.outputFormat),quality:r(()=>d.outputQuality),maxWidth:r(()=>d.maxOutputWidth),maxHeight:r(()=>d.maxOutputHeight)});b(N,e=>{U.cropperRef.value=e});function W(e){k.value=e}function G(e){E.value=e===`success`,E.value?p(`ready`):Y(e instanceof Error?e:Error(`Image could not be loaded`))}function K(e){d.disabled||w.value||C.value||U.rotate(e)}function q(e){d.disabled||w.value||C.value||(_.value=e)}function J(){d.disabled||w.value||C.value||(E.value=!1,U.reset())}function Y(e){p(`error`,e instanceof Error?e:Error(String(e)))}async function X(e){if(d.disabled||w.value||C.value||!m.value)return;w.value=!0;let t=m.value;try{let n=await z(t,e);m.value===t&&(m.value=n)}catch(e){Y(e)}finally{w.value=!1}}function Z(){X(`horizontal`)}function Q(){X(`vertical`)}async function $(){if(!E.value||w.value)throw Error(`Image cropper is not ready`);let e=m.value,t=await U.getCropResult();if(e!==m.value||!E.value)throw Error(`Image changed during crop export`);return t}async function le(){if(!(d.disabled||w.value||C.value||!E.value)){C.value=!0;try{let e=await $();if(!v.value)return;p(`confirm`,e),p(`crop`,e),v.value=!1}catch(e){Y(e)}finally{C.value=!1}}}function ue(){v.value=!1,p(`cancel`)}function de(e){if(!e.type.startsWith(`image/`)){Y(Error(`Please select an image file`));return}let t=new FileReader;t.onerror=()=>Y(Error(`Image file could not be read`)),t.onload=e=>{typeof e.target?.result==`string`&&(m.value=e.target.result)},t.readAsDataURL(e)}return b(m,()=>{E.value=!1,k.value=null}),b(()=>d.src,e=>{m.value=e}),b(()=>d.aspectRatio,e=>{_.value=e}),n({getCropResult:$,rotate:U.rotate,zoom:U.zoom,flipX:Z,flipY:Q,reset:U.reset,setAspectRatio:e=>{_.value=e},loadFile:de,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(ee),{justify:`end`},{default:x(()=>[l(y(S),{disabled:C.value,onClick:ue},{default:x(()=>[...n[2]||=[c(`取消`,-1)]]),_:1},8,[`disabled`]),l(y(S),{type:`primary`,loading:C.value,disabled:d.disabled||w.value||!E.value,onClick:le},{default:x(()=>[...n[3]||=[c(`确认裁剪`,-1)]]),_:1},8,[`loading`,`disabled`])]),_:1})]),default:x(()=>[s(`div`,B,[d.showToolbar?(h(),i(A,{key:0,"current-ratio":_.value,"ratio-presets":H,disabled:d.disabled||w.value||C.value||!E.value,onRatio:q,onRotate:K,onFlipX:Z,onFlipY:Q,onZoom:y(U).zoom,onReset:J},null,8,[`current-ratio`,`disabled`,`onZoom`])):a(`v-if`,!0),s(`div`,te,[s(`div`,{class:`c-image-cropper__canvas`,style:f({height:P.value})},[m.value?(h(),i(y(D),{key:0,ref_key:`modalCropperRef`,ref:M,img:m.value,"output-size":d.outputQuality,"output-type":F.value,"can-scale":!1,"auto-crop":!0,"auto-crop-width":V.value.width,"auto-crop-height":V.value.height,fixed:I.value,"fixed-number":L.value,"center-box":!0,info:!0,"info-true":!0,"can-move":!d.disabled&&!C.value&&!w.value,"can-move-box":!d.disabled&&!C.value&&!w.value,"fixed-box":d.disabled||C.value||w.value,original:!1,high:!0,full:!1,mode:`contain`,onRealTime:W,onImgLoad:G},null,8,[`img`,`output-size`,`output-type`,`auto-crop-width`,`auto-crop-height`,`fixed`,`fixed-number`,`can-move`,`can-move-box`,`fixed-box`])):(h(),o(`div`,ne,[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`,re,[l(R,{"preview-data":k.value,circular:d.circular},null,8,[`preview-data`,`circular`])])):a(`v-if`,!0)])])]),_:1},8,[`show`,`title`])):(h(),o(`div`,ie,[s(`div`,ae,[d.showToolbar?(h(),i(A,{key:0,"current-ratio":_.value,"ratio-presets":H,disabled:d.disabled||w.value||C.value||!E.value,onRatio:q,onRotate:K,onFlipX:Z,onFlipY:Q,onZoom:y(U).zoom,onReset:J},null,8,[`current-ratio`,`disabled`,`onZoom`])):a(`v-if`,!0),s(`div`,oe,[s(`div`,{class:`c-image-cropper__canvas`,style:f({height:P.value})},[m.value?(h(),i(y(D),{key:0,ref_key:`inlineCropperRef`,ref:j,img:m.value,"output-size":d.outputQuality,"output-type":F.value,"can-scale":!1,"auto-crop":!0,"auto-crop-width":V.value.width,"auto-crop-height":V.value.height,fixed:I.value,"fixed-number":L.value,"center-box":!0,info:!0,"info-true":!0,"can-move":!d.disabled&&!C.value&&!w.value,"can-move-box":!d.disabled&&!C.value&&!w.value,"fixed-box":d.disabled||C.value||w.value,original:!1,high:!0,full:!1,mode:`contain`,onRealTime:W,onImgLoad:G},null,8,[`img`,`output-size`,`output-type`,`auto-crop-width`,`auto-crop-height`,`fixed`,`fixed-number`,`can-move`,`can-move-box`,`fixed-box`])):(h(),o(`div`,se,[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`,ce,[l(R,{"preview-data":k.value,circular:d.circular},null,8,[`preview-data`,`circular`])])):a(`v-if`,!0)])])]))}}),[[`__scopeId`,`data-v-8aa3952f`]]);export{O as n,V as t};
+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 ee,NTooltip as E}from"naive-ui";import{VueCropper as D}from"vue-cropper";function O(e={}){let t=g(null);function n(){t.value?.rotateLeft()}function r(){t.value?.rotateRight()}function i(e){if(!Number.isFinite(e))return;let t=Math.round(e/90),i=t>0?r:n;for(let e=0;e<Math.abs(t);e++)i()}function a(e){!Number.isFinite(e)||e===0||t.value?.changeScale(e>0?1:-1)}function o(){t.value?.refresh()}function s(t,n){let r=e.maxWidth?.value??0,i=e.maxHeight?.value??0,a=Math.min(1,r>0?r/t:1,i>0?i/n:1);return{width:Math.max(1,Math.round(t*a)),height:Math.max(1,Math.round(n*a))}}function c(){return new Promise((n,r)=>{let i=t.value;if(!i){r(Error(`Cropper not initialized`));return}let a=e.format?.value??`png`,o=Math.min(1,Math.max(0,e.quality?.value??.92)),c=a===`jpeg`?`image/jpeg`:`image/${a}`,l=!1,u=setTimeout(()=>d(Error(`Crop result timed out`)),15e3);function d(e){l||(l=!0,clearTimeout(u),r(e instanceof Error?e:Error(String(e))))}function f(e){l||(l=!0,clearTimeout(u),n(e))}try{i.getCropChecked(e=>{if(!l)try{if(!e.width||!e.height)throw Error(`Crop result is empty`);let{width:t,height:n}=s(e.width,e.height),r=e;if(t!==e.width||n!==e.height){r=document.createElement(`canvas`),r.width=t,r.height=n;let i=r.getContext(`2d`);if(!i)throw Error(`Canvas 2D context unavailable`);i.drawImage(e,0,0,t,n)}let i=r.toDataURL(c,o);r.toBlob(e=>{if(!e){d(Error(`Crop result could not be encoded`));return}f({base64:i,blob:e,width:t,height:n,format:a})},c,o)}catch(e){d(e)}})}catch(e){d(e)}})}return{cropperRef:t,rotate:i,rotateLeft:n,rotateRight:r,zoom:a,reset:o,getCropResult:c}}const k={class:`cropper-toolbar`};var A=t(u({__name:`CropperToolbar`,props:{currentRatio:{},ratioPresets:{},disabled:{type:Boolean}},emits:[`ratio`,`rotate`,`flipX`,`flipY`,`zoom`,`reset`],setup(t){return(r,a)=>(h(),o(`div`,k,[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`,disabled:t.disabled,onClick:t=>r.$emit(`ratio`,e.value)},{default:x(()=>[c(v(e.label),1)]),_:2},1032,[`type`,`disabled`,`onClick`]))),128))]),_:1}),l(y(w),{vertical:``}),l(y(E),null,{trigger:x(()=>[l(y(S),{size:`small`,quaternary:``,disabled:t.disabled,onClick:a[0]||=e=>r.$emit(`rotate`,-90)},{icon:x(()=>[l(e,{name:`mdi:rotate-left`})]),_:1},8,[`disabled`])]),default:x(()=>[a[7]||=c(` 逆时针旋转 90° `,-1)]),_:1}),l(y(E),null,{trigger:x(()=>[l(y(S),{size:`small`,quaternary:``,disabled:t.disabled,onClick:a[1]||=e=>r.$emit(`rotate`,90)},{icon:x(()=>[l(e,{name:`mdi:rotate-right`})]),_:1},8,[`disabled`])]),default:x(()=>[a[8]||=c(` 顺时针旋转 90° `,-1)]),_:1}),l(y(w),{vertical:``}),l(y(E),null,{trigger:x(()=>[l(y(S),{size:`small`,quaternary:``,disabled:t.disabled,onClick:a[2]||=e=>r.$emit(`flipX`)},{icon:x(()=>[l(e,{name:`mdi:flip-horizontal`})]),_:1},8,[`disabled`])]),default:x(()=>[a[9]||=c(` 水平翻转 `,-1)]),_:1}),l(y(E),null,{trigger:x(()=>[l(y(S),{size:`small`,quaternary:``,disabled:t.disabled,onClick:a[3]||=e=>r.$emit(`flipY`)},{icon:x(()=>[l(e,{name:`mdi:flip-vertical`})]),_:1},8,[`disabled`])]),default:x(()=>[a[10]||=c(` 垂直翻转 `,-1)]),_:1}),l(y(w),{vertical:``}),l(y(E),null,{trigger:x(()=>[l(y(S),{size:`small`,quaternary:``,disabled:t.disabled,onClick:a[4]||=e=>r.$emit(`zoom`,.1)},{icon:x(()=>[l(e,{name:`mdi:magnify-plus-outline`})]),_:1},8,[`disabled`])]),default:x(()=>[a[11]||=c(` 放大 `,-1)]),_:1}),l(y(E),null,{trigger:x(()=>[l(y(S),{size:`small`,quaternary:``,disabled:t.disabled,onClick:a[5]||=e=>r.$emit(`zoom`,-.1)},{icon:x(()=>[l(e,{name:`mdi:magnify-minus-outline`})]),_:1},8,[`disabled`])]),default:x(()=>[a[12]||=c(` 缩小 `,-1)]),_:1}),l(y(w),{vertical:``}),l(y(E),null,{trigger:x(()=>[l(y(S),{size:`small`,quaternary:``,disabled:t.disabled,onClick:a[6]||=e=>r.$emit(`reset`)},{icon:x(()=>[l(e,{name:`mdi:refresh`})]),_:1},8,[`disabled`])]),default:x(()=>[a[13]||=c(` 重置 `,-1)]),_:1})]))}}),[[`__scopeId`,`data-v-8dc2ca25`]]);const j={class:`cropper-preview`},M={class:`preview-label`},N=[`src`],P={key:1,class:`preview-empty`},F={class:`preview-thumbs`},I=[`src`],L={class:`preview-thumb__label`};var R=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`,j,[s(`div`,M,[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,N)],4)],4)):(h(),o(`div`,P,[l(e,{name:`mdi:image-outline`,style:{"font-size":`32px`,opacity:`0.2`}})]))],2),s(`div`,F,[(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,I)],4)],4)):a(`v-if`,!0)],6),s(`span`,L,v(e.label),1)])),64))])]))}}),[[`__scopeId`,`data-v-ca124789`]]);function z(e,t){return new Promise((n,r)=>{let i=new Image;!e.startsWith(`data:`)&&!e.startsWith(`blob:`)&&(i.crossOrigin=`anonymous`),i.onload=()=>{try{let e=i.naturalWidth,r=i.naturalHeight;if(!e||!r)throw Error(`Image has no dimensions`);let a=document.createElement(`canvas`);a.width=e,a.height=r;let o=a.getContext(`2d`);if(!o)throw Error(`Canvas 2D context unavailable`);o.translate(t===`horizontal`?e:0,t===`vertical`?r:0),o.scale(t===`horizontal`?-1:1,t===`vertical`?-1:1),o.drawImage(i,0,0),n(a.toDataURL(`image/png`))}catch(e){r(e)}},i.onerror=()=>r(Error(`Image could not be loaded for flipping`)),i.src=e})}const B={class:`c-image-cropper__body`},te={class:`c-image-cropper__workspace`},ne={key:1,class:`c-image-cropper__placeholder`},re={key:0,class:`c-image-cropper__preview-panel`},ie={key:1,class:`c-image-cropper`},ae={class:`c-image-cropper__body`},oe={class:`c-image-cropper__workspace`},se={key:1,class:`c-image-cropper__placeholder`},ce={key:0,class:`c-image-cropper__preview-panel`};var V=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(!1),E=g(!1),k=g(null),j=g(null),M=g(null),N=r(()=>d.modal?M.value:j.value),P=r(()=>typeof d.height==`number`?`${d.height}px`:d.height),F=r(()=>({png:`png`,jpeg:`jpeg`,webp:`webp`})[d.outputFormat]||`png`),I=r(()=>_.value>0),L=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]),V=r(()=>({width:300,height:_.value>0?300/_.value:200})),H=[{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}],U=O({format:r(()=>d.outputFormat),quality:r(()=>d.outputQuality),maxWidth:r(()=>d.maxOutputWidth),maxHeight:r(()=>d.maxOutputHeight)});b(N,e=>{U.cropperRef.value=e});function W(e){k.value=e}function G(e){E.value=e===`success`,E.value?p(`ready`):Y(e instanceof Error?e:Error(`Image could not be loaded`))}function K(e){d.disabled||w.value||C.value||U.rotate(e)}function q(e){d.disabled||w.value||C.value||(_.value=e)}function J(){d.disabled||w.value||C.value||(E.value=!1,U.reset())}function Y(e){p(`error`,e instanceof Error?e:Error(String(e)))}async function X(e){if(d.disabled||w.value||C.value||!m.value)return;w.value=!0;let t=m.value;try{let n=await z(t,e);m.value===t&&(m.value=n)}catch(e){Y(e)}finally{w.value=!1}}function Z(){X(`horizontal`)}function Q(){X(`vertical`)}async function $(){if(!E.value||w.value)throw Error(`Image cropper is not ready`);let e=m.value,t=await U.getCropResult();if(e!==m.value||!E.value)throw Error(`Image changed during crop export`);return t}async function le(){if(!(d.disabled||w.value||C.value||!E.value)){C.value=!0;try{let e=await $();if(!v.value)return;p(`confirm`,e),p(`crop`,e),v.value=!1}catch(e){Y(e)}finally{C.value=!1}}}function ue(){v.value=!1,p(`cancel`)}function de(e){if(!e.type.startsWith(`image/`)){Y(Error(`Please select an image file`));return}let t=new FileReader;t.onerror=()=>Y(Error(`Image file could not be read`)),t.onload=e=>{typeof e.target?.result==`string`&&(m.value=e.target.result)},t.readAsDataURL(e)}return b(m,()=>{E.value=!1,k.value=null}),b(()=>d.src,e=>{m.value=e}),b(()=>d.aspectRatio,e=>{_.value=e}),n({getCropResult:$,rotate:U.rotate,zoom:U.zoom,flipX:Z,flipY:Q,reset:U.reset,setAspectRatio:e=>{_.value=e},loadFile:de,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(ee),{justify:`end`},{default:x(()=>[l(y(S),{disabled:C.value,onClick:ue},{default:x(()=>[...n[2]||=[c(`取消`,-1)]]),_:1},8,[`disabled`]),l(y(S),{type:`primary`,loading:C.value,disabled:d.disabled||w.value||!E.value,onClick:le},{default:x(()=>[...n[3]||=[c(`确认裁剪`,-1)]]),_:1},8,[`loading`,`disabled`])]),_:1})]),default:x(()=>[s(`div`,B,[d.showToolbar?(h(),i(A,{key:0,"current-ratio":_.value,"ratio-presets":H,disabled:d.disabled||w.value||C.value||!E.value,onRatio:q,onRotate:K,onFlipX:Z,onFlipY:Q,onZoom:y(U).zoom,onReset:J},null,8,[`current-ratio`,`disabled`,`onZoom`])):a(`v-if`,!0),s(`div`,te,[s(`div`,{class:`c-image-cropper__canvas`,style:f({height:P.value})},[m.value?(h(),i(y(D),{key:0,ref_key:`modalCropperRef`,ref:M,img:m.value,"output-size":d.outputQuality,"output-type":F.value,"can-scale":!1,"auto-crop":!0,"auto-crop-width":V.value.width,"auto-crop-height":V.value.height,fixed:I.value,"fixed-number":L.value,"center-box":!0,info:!0,"info-true":!0,"can-move":!d.disabled&&!C.value&&!w.value,"can-move-box":!d.disabled&&!C.value&&!w.value,"fixed-box":d.disabled||C.value||w.value,original:!1,high:!0,full:!1,mode:`contain`,onRealTime:W,onImgLoad:G},null,8,[`img`,`output-size`,`output-type`,`auto-crop-width`,`auto-crop-height`,`fixed`,`fixed-number`,`can-move`,`can-move-box`,`fixed-box`])):(h(),o(`div`,ne,[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`,re,[l(R,{"preview-data":k.value,circular:d.circular},null,8,[`preview-data`,`circular`])])):a(`v-if`,!0)])])]),_:1},8,[`show`,`title`])):(h(),o(`div`,ie,[s(`div`,ae,[d.showToolbar?(h(),i(A,{key:0,"current-ratio":_.value,"ratio-presets":H,disabled:d.disabled||w.value||C.value||!E.value,onRatio:q,onRotate:K,onFlipX:Z,onFlipY:Q,onZoom:y(U).zoom,onReset:J},null,8,[`current-ratio`,`disabled`,`onZoom`])):a(`v-if`,!0),s(`div`,oe,[s(`div`,{class:`c-image-cropper__canvas`,style:f({height:P.value})},[m.value?(h(),i(y(D),{key:0,ref_key:`inlineCropperRef`,ref:j,img:m.value,"output-size":d.outputQuality,"output-type":F.value,"can-scale":!1,"auto-crop":!0,"auto-crop-width":V.value.width,"auto-crop-height":V.value.height,fixed:I.value,"fixed-number":L.value,"center-box":!0,info:!0,"info-true":!0,"can-move":!d.disabled&&!C.value&&!w.value,"can-move-box":!d.disabled&&!C.value&&!w.value,"fixed-box":d.disabled||C.value||w.value,original:!1,high:!0,full:!1,mode:`contain`,onRealTime:W,onImgLoad:G},null,8,[`img`,`output-size`,`output-type`,`auto-crop-width`,`auto-crop-height`,`fixed`,`fixed-number`,`can-move`,`can-move-box`,`fixed-box`])):(h(),o(`div`,se,[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`,ce,[l(R,{"preview-data":k.value,circular:d.circular},null,8,[`preview-data`,`circular`])])):a(`v-if`,!0)])])]))}}),[[`__scopeId`,`data-v-b3645c9b`]]);export{O as n,V as t};

package/dist/C_Language.css

@@ -1,54 +1,55 @@
-/* unplugin-vue-components disabled */.c-icon[data-v-711aedcd] {
+/* unplugin-vue-components disabled */.c-icon[data-v-075758a0] {
   display: inline-flex;
   align-items: center;
   justify-content: center;
+  position: relative;
+  flex-shrink: 0;
+  vertical-align: middle;
   user-select: none;
   transition: all 0.2s ease-in-out;
 }
-.c-icon--clickable[data-v-711aedcd] {
+.c-icon--clickable[data-v-075758a0] {
   cursor: pointer;
 }
-.c-icon--clickable[data-v-711aedcd]:hover {
+.c-icon--clickable[data-v-075758a0]:hover {
   opacity: 0.8;
   transform: scale(1.05);
 }
-.c-icon--clickable[data-v-711aedcd]:active {
+.c-icon--clickable[data-v-075758a0]:active {
   transform: scale(0.95);
 }
-.c-icon--clickable[data-v-711aedcd]:focus-visible {
+.c-icon--clickable[data-v-075758a0]:focus-visible {
   outline: 2px solid currentColor;
   outline-offset: 2px;
   border-radius: 4px;
 }
-.c-icon--loading[data-v-711aedcd] {
+.c-icon--loading[data-v-075758a0] {
   opacity: 0.6;
   cursor: wait;
 }
-.c-icon--error[data-v-711aedcd] {
-  opacity: 0.5;
-}
-.c-icon__loading[data-v-711aedcd] {
-  position: relative;
+.c-icon__loading[data-v-075758a0] {
+  position: absolute;
+  inset: 0;
 }
-.c-icon__spinner[data-v-711aedcd] {
+.c-icon__spinner[data-v-075758a0] {
   width: 100%;
   height: 100%;
   border: 2px solid currentColor;
   border-radius: 50%;
   border-top-color: transparent;
-  animation: spin-711aedcd 1s linear infinite;
+  animation: spin-075758a0 1s linear infinite;
 }
-.c-icon__error[data-v-711aedcd] {
+.c-icon__error[data-v-075758a0] {
   font-size: 0.8em;
   opacity: 0.5;
 }
-.c-icon__rotatable[data-v-711aedcd] {
+.c-icon__rotatable[data-v-075758a0] {
   transition: transform 0.3s ease-in-out;
 }
-.c-icon__flippable[data-v-711aedcd] {
+.c-icon__flippable[data-v-075758a0] {
   transition: transform 0.3s ease-in-out;
 }
-@keyframes spin-711aedcd {
+@keyframes spin-075758a0 {
 0% {
     transform: rotate(0deg);
 }
@@ -56,3 +57,15 @@
     transform: rotate(360deg);
 }
 }
+/* unplugin-vue-components disabled */
+/* layer: default */
+.inline-flex[data-v-075758a0]{display:inline-flex;}
+.transform[data-v-075758a0]{transform:translateX(var(--un-translate-x)) translateY(var(--un-translate-y)) translateZ(var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
+.px[data-v-075758a0]{padding-left:1rem;padding-right:1rem;}
+
+
+/* unplugin-vue-components disabled */
+/* layer: default */
+.flex[data-v-423b9151]{display:flex;}
+.items-center[data-v-423b9151]{align-items:center;}
+

package/dist/C_Language2.cjs

@@ -1 +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=>{let r=n.iconClass;return{key:n.key,label:n.label,icon:r?()=>(0,t.h)(e.t,{name:r,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}});
+require(`./chunk.cjs`);const e=require(`./C_Icon2.cjs`),t=require(`./export-helper.cjs`);let n=require(`vue`),r=require(`naive-ui`);const i={class:`flex items-center`},a=(0,n.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(t,{emit:a}){let o=t,s=a,c=(0,n.computed)(()=>o.options.find(e=>e.key===o.modelValue)?.label??o.modelValue),l=(0,n.computed)(()=>`${o.tooltip} (${c.value})`),u=(0,n.computed)(()=>o.options.map(t=>{let r=t.iconClass;return{key:t.key,label:t.label,icon:r?()=>(0,n.h)(e.t,{name:r,size:16}):void 0}})),d=e=>{e!==o.modelValue&&(s(`update:modelValue`,e),s(`change`,e))};return(a,o)=>((0,n.openBlock)(),(0,n.createBlock)((0,n.unref)(r.NDropdown),{size:`small`,trigger:`hover`,options:u.value,value:t.modelValue,onSelect:d},{default:(0,n.withCtx)(()=>[(0,n.createVNode)((0,n.unref)(r.NButton),{text:``},{default:(0,n.withCtx)(()=>[(0,n.createElementVNode)(`div`,i,[(0,n.createVNode)(e.t,{name:`mdi:language`,size:18,title:l.value},null,8,[`title`])])]),_:1})]),_:1},8,[`options`,`value`]))}});var o=t.t(a,[[`__scopeId`,`data-v-423b9151`]]);Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return o}});

package/dist/C_Language2.js

@@ -1 +1 @@
-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=>{let n=t.iconClass;return{key:t.key,label:t.label,icon:n?()=>o(e,{name:n,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};
+import{t as e}from"./C_Icon2.js";import{t}from"./export-helper.js";import{computed as n,createBlock as r,createElementVNode as i,createVNode as a,defineComponent as o,h as s,openBlock as c,unref as l,withCtx as u}from"vue";import{NButton as d,NDropdown as f}from"naive-ui";const p={class:`flex items-center`};var m=t(o({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(t,{emit:o}){let m=t,h=o,g=n(()=>m.options.find(e=>e.key===m.modelValue)?.label??m.modelValue),_=n(()=>`${m.tooltip} (${g.value})`),v=n(()=>m.options.map(t=>{let n=t.iconClass;return{key:t.key,label:t.label,icon:n?()=>s(e,{name:n,size:16}):void 0}})),y=e=>{e!==m.modelValue&&(h(`update:modelValue`,e),h(`change`,e))};return(n,o)=>(c(),r(l(f),{size:`small`,trigger:`hover`,options:v.value,value:t.modelValue,onSelect:y},{default:u(()=>[a(l(d),{text:``},{default:u(()=>[i(`div`,p,[a(e,{name:`mdi:language`,size:18,title:_.value},null,8,[`title`])])]),_:1})]),_:1},8,[`options`,`value`]))}}),[[`__scopeId`,`data-v-423b9151`]]);export{m as t};

package/dist/C_Loading.cjs

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

package/dist/C_Loading.css

@@ -0,0 +1,119 @@
+/* unplugin-vue-components disabled *//*
+ * @Author: ChenYu ycyplus@gmail.com
+ * @Date: 2026-10-06
+ * @FilePath: \naive-ui-components\src\components\C_Loading\index.scss
+ * @Description: 机器人扫描与数据流动画，仅在组件挂载时运行
+ * Copyright (c) 2026 by CHENY, All Rights Reserved 😎.
+ */
+.c-loading[data-v-48232aaa] {
+  display: inline-flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  gap: 6px;
+  vertical-align: middle;
+  line-height: 1;
+  pointer-events: none;
+}
+.c-loading--labeled[data-v-48232aaa] {
+  flex-direction: row;
+  gap: 8px;
+  max-width: 100%;
+  padding: 8px 14px;
+  box-sizing: border-box;
+  border: 1px solid var(--c-loading-border);
+  border-radius: 14px;
+  background: var(--c-loading-surface);
+  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06);
+}
+.c-loading__glyph[data-v-48232aaa] {
+  width: var(--c-loading-size, 48px);
+  height: var(--c-loading-size, 48px);
+  flex-shrink: 0;
+  overflow: visible;
+}
+.c-loading__frame[data-v-48232aaa] {
+  opacity: 0.35;
+  animation: c-loading-frame-48232aaa 2.4s ease-in-out infinite;
+}
+.c-loading__scan[data-v-48232aaa] {
+  opacity: 0;
+  animation: c-loading-scan-48232aaa 2.4s ease-in-out infinite;
+}
+.c-loading__eyes[data-v-48232aaa] {
+  transform-box: fill-box;
+  transform-origin: center;
+  animation: c-loading-eyes-48232aaa 3.6s ease-in-out infinite;
+}
+.c-loading__packet[data-v-48232aaa] {
+  opacity: 0.25;
+  animation: c-loading-data-48232aaa 2.4s ease-in-out infinite;
+}
+.c-loading__packet--out[data-v-48232aaa] {
+  animation-delay: 0.8s;
+}
+.c-loading__label[data-v-48232aaa] {
+  color: var(--c-loading-text, currentColor);
+  font-size: 12px;
+  font-weight: 500;
+  letter-spacing: 0.03em;
+  line-height: 1.6;
+}
+@media (prefers-reduced-motion: reduce) {
+.c-loading__frame[data-v-48232aaa], .c-loading__scan[data-v-48232aaa], .c-loading__eyes[data-v-48232aaa], .c-loading__packet[data-v-48232aaa] {
+    animation: none;
+}
+.c-loading__scan[data-v-48232aaa] {
+    display: none;
+}
+.c-loading__frame[data-v-48232aaa], .c-loading__packet[data-v-48232aaa] {
+    opacity: 0.55;
+}
+}
+@keyframes c-loading-scan-48232aaa {
+0%, 12% {
+    transform: translateY(0);
+    opacity: 0;
+}
+25% {
+    opacity: 0.2;
+}
+70% {
+    transform: translateY(14px);
+    opacity: 0.2;
+}
+88%, 100% {
+    transform: translateY(14px);
+    opacity: 0;
+}
+}
+@keyframes c-loading-frame-48232aaa {
+0%, 100% {
+    opacity: 0.25;
+}
+50% {
+    opacity: 0.7;
+}
+}
+@keyframes c-loading-eyes-48232aaa {
+0%, 72%, 82%, 100% {
+    transform: scaleY(1);
+}
+77% {
+    transform: scaleY(0.25);
+}
+}
+@keyframes c-loading-data-48232aaa {
+0%, 100% {
+    opacity: 0.2;
+}
+40%, 60% {
+    opacity: 0.85;
+}
+}
+/* unplugin-vue-components disabled */
+/* layer: default */
+.table[data-v-48232aaa]{display:table;}
+.px[data-v-48232aaa]{padding-left:1rem;padding-right:1rem;}
+.filter[data-v-48232aaa]{filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}
+

package/dist/C_Loading.d.cts

@@ -0,0 +1,2 @@
+import { n as LoadingProps, t as _default } from "./index17.vue.cjs";
+export { _default as C_Loading, type LoadingProps };

package/dist/C_Loading.d.ts

@@ -0,0 +1,2 @@
+import { n as LoadingProps, t as _default } from "./index16.vue.js";
+export { _default as C_Loading, type LoadingProps };

package/dist/C_Loading.js

@@ -0,0 +1 @@
+import{t as e}from"./C_Loading2.js";export{e as C_Loading};

package/dist/C_Loading2.cjs

@@ -0,0 +1 @@
+require(`./chunk.cjs`);const e=require(`./config.cjs`),t=require(`./export-helper.cjs`);let n=require(`vue`),r=require(`naive-ui`);const i=[`aria-label`],a={key:0,class:`c-loading__label`},o=(0,n.defineComponent)({name:`C_Loading`,__name:`index`,props:{size:{default:48},label:{default:``},color:{}},setup(t){let o=t,s=(0,r.useThemeVars)(),{t:c}=e.i(),l=(0,n.computed)(()=>Number.isFinite(o.size)?Math.min(120,Math.max(16,o.size)):48);return(e,r)=>((0,n.openBlock)(),(0,n.createElementBlock)(`span`,{class:(0,n.normalizeClass)([`c-loading`,{"c-loading--labeled":!!t.label}]),role:`status`,"aria-label":t.label||(0,n.unref)(c)(`common.loading`),style:(0,n.normalizeStyle)({"--c-loading-size":`${l.value}px`,"--c-loading-surface":(0,n.unref)(s).cardColor,"--c-loading-border":(0,n.unref)(s).dividerColor,"--c-loading-text":(0,n.unref)(s).textColor2,color:t.color||(0,n.unref)(s).primaryColor})},[r[0]||=(0,n.createElementVNode)(`svg`,{class:`c-loading__glyph`,viewBox:`0 0 64 64`,fill:`none`,"aria-hidden":`true`,focusable:`false`},[(0,n.createElementVNode)(`rect`,{x:`10`,y:`10`,width:`44`,height:`44`,rx:`14`,fill:`currentColor`,opacity:`.045`}),(0,n.createElementVNode)(`path`,{class:`c-loading__frame`,d:`M13 21v-4a4 4 0 0 1 4-4h4m22 0h4a4 4 0 0 1 4 4v4m0 22v4a4 4 0 0 1-4 4h-4m-22 0h-4a4 4 0 0 1-4-4v-4`,stroke:`currentColor`,"stroke-width":`1.5`,"stroke-linecap":`round`}),(0,n.createElementVNode)(`rect`,{x:`20`,y:`22`,width:`24`,height:`21`,rx:`6`,fill:`currentColor`,"fill-opacity":`.08`,stroke:`currentColor`,"stroke-width":`1.7`}),(0,n.createElementVNode)(`path`,{d:`M32 17v5M24 47h16`,stroke:`currentColor`,"stroke-width":`1.7`,"stroke-linecap":`round`,opacity:`.65`}),(0,n.createElementVNode)(`circle`,{cx:`32`,cy:`15`,r:`2`,fill:`currentColor`}),(0,n.createElementVNode)(`g`,{class:`c-loading__eyes`,fill:`currentColor`},[(0,n.createElementVNode)(`rect`,{x:`25.5`,y:`29`,width:`3`,height:`4`,rx:`1.5`}),(0,n.createElementVNode)(`rect`,{x:`35.5`,y:`29`,width:`3`,height:`4`,rx:`1.5`})]),(0,n.createElementVNode)(`path`,{d:`M28 37h8`,stroke:`currentColor`,"stroke-width":`1.7`,"stroke-linecap":`round`,opacity:`.65`}),(0,n.createElementVNode)(`rect`,{class:`c-loading__scan`,x:`23`,y:`25`,width:`18`,height:`2`,rx:`1`,fill:`currentColor`}),(0,n.createElementVNode)(`path`,{class:`c-loading__packet c-loading__packet--in`,d:`M9 30h4m-4 4h7`,stroke:`currentColor`,"stroke-width":`1.5`,"stroke-linecap":`round`}),(0,n.createElementVNode)(`path`,{class:`c-loading__packet c-loading__packet--out`,d:`M48 30h7m-4 4h4`,stroke:`currentColor`,"stroke-width":`1.5`,"stroke-linecap":`round`})],-1),t.label?((0,n.openBlock)(),(0,n.createElementBlock)(`span`,a,(0,n.toDisplayString)(t.label),1)):(0,n.createCommentVNode)(`v-if`,!0)],14,i))}});var s=t.t(o,[[`__scopeId`,`data-v-48232aaa`]]);Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return s}});

package/dist/C_Loading2.js

@@ -0,0 +1 @@
+import{i as e}from"./config.js";import{t}from"./export-helper.js";import{computed as n,createCommentVNode as r,createElementBlock as i,createElementVNode as a,defineComponent as o,normalizeClass as s,normalizeStyle as c,openBlock as l,toDisplayString as u,unref as d}from"vue";import{useThemeVars as f}from"naive-ui";const p=[`aria-label`],m={key:0,class:`c-loading__label`};var h=t(o({name:`C_Loading`,__name:`index`,props:{size:{default:48},label:{default:``},color:{}},setup(t){let o=t,h=f(),{t:g}=e(),_=n(()=>Number.isFinite(o.size)?Math.min(120,Math.max(16,o.size)):48);return(e,n)=>(l(),i(`span`,{class:s([`c-loading`,{"c-loading--labeled":!!t.label}]),role:`status`,"aria-label":t.label||d(g)(`common.loading`),style:c({"--c-loading-size":`${_.value}px`,"--c-loading-surface":d(h).cardColor,"--c-loading-border":d(h).dividerColor,"--c-loading-text":d(h).textColor2,color:t.color||d(h).primaryColor})},[n[0]||=a(`svg`,{class:`c-loading__glyph`,viewBox:`0 0 64 64`,fill:`none`,"aria-hidden":`true`,focusable:`false`},[a(`rect`,{x:`10`,y:`10`,width:`44`,height:`44`,rx:`14`,fill:`currentColor`,opacity:`.045`}),a(`path`,{class:`c-loading__frame`,d:`M13 21v-4a4 4 0 0 1 4-4h4m22 0h4a4 4 0 0 1 4 4v4m0 22v4a4 4 0 0 1-4 4h-4m-22 0h-4a4 4 0 0 1-4-4v-4`,stroke:`currentColor`,"stroke-width":`1.5`,"stroke-linecap":`round`}),a(`rect`,{x:`20`,y:`22`,width:`24`,height:`21`,rx:`6`,fill:`currentColor`,"fill-opacity":`.08`,stroke:`currentColor`,"stroke-width":`1.7`}),a(`path`,{d:`M32 17v5M24 47h16`,stroke:`currentColor`,"stroke-width":`1.7`,"stroke-linecap":`round`,opacity:`.65`}),a(`circle`,{cx:`32`,cy:`15`,r:`2`,fill:`currentColor`}),a(`g`,{class:`c-loading__eyes`,fill:`currentColor`},[a(`rect`,{x:`25.5`,y:`29`,width:`3`,height:`4`,rx:`1.5`}),a(`rect`,{x:`35.5`,y:`29`,width:`3`,height:`4`,rx:`1.5`})]),a(`path`,{d:`M28 37h8`,stroke:`currentColor`,"stroke-width":`1.7`,"stroke-linecap":`round`,opacity:`.65`}),a(`rect`,{class:`c-loading__scan`,x:`23`,y:`25`,width:`18`,height:`2`,rx:`1`,fill:`currentColor`}),a(`path`,{class:`c-loading__packet c-loading__packet--in`,d:`M9 30h4m-4 4h7`,stroke:`currentColor`,"stroke-width":`1.5`,"stroke-linecap":`round`}),a(`path`,{class:`c-loading__packet c-loading__packet--out`,d:`M48 30h7m-4 4h4`,stroke:`currentColor`,"stroke-width":`1.5`,"stroke-linecap":`round`})],-1),t.label?(l(),i(`span`,m,u(t.label),1)):r(`v-if`,!0)],14,p))}}),[[`__scopeId`,`data-v-48232aaa`]]);export{h as t};