@cldemo/ui-kit 1.1.3 → 1.1.5

package/buildLibs/utils/Shared/{Index.vue_vue_type_script_setup_true_lang-Dwkuei2j.js → Index.vue_vue_type_script_setup_true_lang-D3Z2BVYR.js}

@@ -1,8 +1,8 @@
 import { defineComponent as A, useTemplateRef as J, ref as M, computed as b, onBeforeUnmount as U, watch as z, openBlock as v, createElementBlock as E, normalizeClass as P, unref as B, createVNode as j, withCtx as q, withKeys as f, withModifiers as h, toDisplayString as G, createBlock as H } from "vue";
 import l from "@cldemo/ui-kit/common/base";
 import Q from "@cldemo/ui-kit/common/Element";
-import { _ as T } from "./Index.vue_vue_type_script_setup_true_lang-D_XMW7K4.js";
-import { _ } from "./Index.vue_vue_type_script_setup_true_lang-C2LGy18j.js";
+import { _ as T } from "./Index.vue_vue_type_script_setup_true_lang-VUD3rCg5.js";
+import { _ } from "./Index.vue_vue_type_script_setup_true_lang-Bt0l5FYh.js";
 const W = ["id"], X = ["aria-label", "tabindex", "onKeydown"], ie = /* @__PURE__ */ A({
   name: "ClInputSearch",
   components: {

package/buildLibs/utils/Shared/{Index.vue_vue_type_script_setup_true_lang-C67qv3YC.js → Index.vue_vue_type_script_setup_true_lang-DB79nPqn.js}

@@ -1 +1 @@
-"use strict";var Q=Object.create;var A=Object.defineProperty;var X=Object.getOwnPropertyDescriptor;var Y=Object.getOwnPropertyNames;var Z=Object.getPrototypeOf,ee=Object.prototype.hasOwnProperty;var te=(l,c,v,d)=>{if(c&&typeof c=="object"||typeof c=="function")for(let n of Y(c))!ee.call(l,n)&&n!==v&&A(l,n,{get:()=>c[n],enumerable:!(d=X(c,n))||d.enumerable});return l};var ne=(l,c,v)=>(v=l!=null?Q(Z(l)):{},te(c||!l||!l.__esModule?A(v,"default",{value:l,enumerable:!0}):v,l));const e=require("vue"),w=require("@cldemo/ui-kit/common/log"),f=require("@cldemo/ui-kit/common/base"),O=require("@cldemo/ui-kit/common/Element"),oe=require("./Index.vue_vue_type_script_setup_true_lang-CZNVHUR1.js"),B=require("./Index.vue_vue_type_script_setup_true_lang-CFZ5jK-q.js"),le=require("./Index.vue_vue_type_script_setup_true_lang-B-Mbqw1Y.js"),ae={class:"imgCropper-container"},re={style:{position:"relative"}},ie={class:"imgCropper-main"},se={class:"frame-alignline"},ce={class:"imgCropper-btns"},de={key:0,class:"imgCropper-upload"},ue=["id","name"],pe=["for"],me={class:"imgCropper-btns-opt"},ge={key:0,class:"imgCropper-loading-mask"},fe=["src"],ve={key:0,class:"imgCropper-loading-mask"},he={key:0,class:"frame-alignline"},z=e.defineComponent({name:"ClCropperBase",__name:"Base",props:{className:String,src:{type:String,required:!0},width:{type:Number,required:!0},height:{type:Number,required:!0},isPreview:{type:Boolean,default:!0},previewShape:{type:String,default:"square"},isShowUpload:{type:Boolean,default:!0},isShowSave:{type:Boolean,default:!1},isCenterBox:{type:Boolean,default:!1},fillColor:{type:String,default:"transparent"},alignLine:{type:String,default:"center"},isPreviewAlignLine:{type:Boolean,default:!1}},emits:{onImgLoad:l=>!0,onImgSave:()=>!0},setup(l,{expose:c,emit:v}){const d=e.defineAsyncComponent(()=>import("cropper-next-vue").then(o=>(Promise.resolve().then(()=>require("./index-BtNGYaQa.js")),o.VueCropper))),n=l,E=v,h=f.getRandom(8),u=`cropperBase-${h}`,r=e.useTemplateRef("refElCropper"),S=e.ref(!1),i=e.reactive({uploadAgainId:`btnImgCropper_uploadAgain_${h}`,isInitImageLoading:!1}),m=e.reactive({img:"",wrapper:{width:400,height:400},cropLayout:{width:n.width,height:n.height},color:n.fillColor,outputSize:1,outputType:"png",full:!0,original:!1,maxSideLength:3e3,mode:"contain",centerBox:n.isCenterBox,centerWrapper:!1}),p=e.reactive({src:"",style:{},pStyle:{}}),_=e.ref({}),y=e.ref(0),C=e.ref(0),L=e.ref(!0),N=e.computed(()=>{const{alignLine:o}=n;return f.isNonEmptyString(o)?o.split(","):[]}),$=e.computed(()=>{const o={"panel-imgCropper":!0};return f.getJsonMerge(o,O.getClassNameJson(n.className))}),q=e.computed(()=>{const{previewShape:o}=n,t=f.isNonEmptyString(o)?o:"square",s={"imgCropper-preview":!0};return s[`imgCropper-preview-${t}`]=!0,s}),R=e.computed(()=>({width:`${(n.width??0)+6}px`,height:`${(n.height??0)+6}px`,backgroundColor:n.fillColor})),P=()=>{m.cropLayout={width:Math.max(1,n.width??1),height:Math.max(1,n.height??1)}},a=()=>{const{src:o}=n;let t="";if(f.isNonEmptyString(o)){if(o.substring(0,5)!=="data:")if(/^(http|https):\/\/[^\s]+$/.test(o)){const s=`_t=${new Date().getTime()}`,k=o.indexOf("?")===-1?"?":"&";t=o+k+s}else t=o;else t=o;i.isInitImageLoading=!0,C.value=0,y.value=0}else i.isInitImageLoading=!1;m.img=t},g=()=>{P(),a()};e.onMounted(()=>{e.nextTick(()=>{g()})}),e.onBeforeUnmount(()=>{L.value=!1}),e.watch(()=>n.src,(o,t)=>{o!==t&&a()}),e.watch(()=>[n.width,n.height,n.fillColor,n.isCenterBox],([o,t,s,k],[x,F,V,b])=>{(o!==x||t!==F)&&P(),s!==V&&(m.color=s),k!==b&&(m.centerBox=k)});const M=o=>{if(!o)return;const{url:t,img:s,w:k,h:x}=o;p.src=t??"",p.style=s??{},p.pStyle={width:typeof k=="number"?`${k}px`:`${n.width}px`,height:typeof x=="number"?`${x}px`:`${n.height}px`};const F=s?.transform?.match(/scale\(([^)]+)\)/);F&&(y.value=parseFloat(F[1]),C.value||(C.value=y.value));const V=k??n.width,b=x??n.height;if(V>0&&b>0&&(V>n.width||b>n.height)){const K=Math.min(n.width/V,n.height/b);_.value={transform:`scale(${K})`}}else _.value={}},I=o=>{if(!o){i.isInitImageLoading=!1,E("onImgLoad",!1);return}const t=o.type==="success";i.isInitImageLoading=!1,E("onImgLoad",t)},G=o=>{const t=o.currentTarget;!t||!t.files||t.files.length===0||(C.value=0,y.value=0,i.isInitImageLoading=!0,f.getBase64ByFile(t.files).then(s=>{if(L.value){if(!s){i.isInitImageLoading=!1;return}m.img=s}}).catch(()=>{L.value&&(i.isInitImageLoading=!1)}))},T=()=>{},j=()=>{r.value?.zoomIn(.02)},J=()=>{r.value?.zoomOut(.02)},U=()=>{r.value?.rotateLeft()},W=()=>{r.value?.rotateRight()},D=()=>{r.value&&(i.isInitImageLoading=!0,r.value.reload())},H=()=>{E("onImgSave")};return c({getImageBase64:()=>r.value?r.value.getCropData("base64"):Promise.reject(new Error("vue-cropper 实例未就绪")),refresh:()=>{if(!r.value){w.warn("ClCropperBase","refresh 调用无效：vue-cropper 实例未就绪");return}r.value.reload()},loadingStart:()=>{S.value=!0},loadingStop:()=>{S.value=!1}}),(o,t)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass($.value),id:u},[e.createElementVNode("div",ae,[e.createElementVNode("div",re,[e.createElementVNode("div",ie,[e.createVNode(e.unref(d),e.mergeProps({ref_key:"refElCropper",ref:r},m,{onRealTime:M,onImgLoad:I}),{loading:e.withCtx(()=>[...t[0]||(t[0]=[])]),_:1},16),e.createElementVNode("div",se,[N.value.indexOf("center")>-1?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[t[1]||(t[1]=e.createElementVNode("div",{class:"alignline-h alignline-center-h"},null,-1)),t[2]||(t[2]=e.createElementVNode("div",{class:"alignline-v alignline-center-v"},null,-1))],64)):N.value.indexOf("nineGrid")>-1?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[t[3]||(t[3]=e.createElementVNode("div",{class:"alignline-h alignline-nineGrid-h1"},null,-1)),t[4]||(t[4]=e.createElementVNode("div",{class:"alignline-h alignline-nineGrid-h2"},null,-1)),t[5]||(t[5]=e.createElementVNode("div",{class:"alignline-v alignline-nineGrid-v1"},null,-1)),t[6]||(t[6]=e.createElementVNode("div",{class:"alignline-v alignline-nineGrid-v2"},null,-1))],64)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:2},[],64))])]),e.createElementVNode("div",ce,[e.createElementVNode("div",null,[l.isShowUpload?(e.openBlock(),e.createElementBlock("div",de,[e.createElementVNode("input",{type:"file",id:i.uploadAgainId,name:i.uploadAgainId,accept:"image/jpg,image/jpeg,image/pjpeg,image/png,image/x-png",onChange:G},null,40,ue),e.createElementVNode("label",{for:i.uploadAgainId},[e.createElementVNode("span",{title:"重新上传",onClick:e.withModifiers(T,["stop"])},[e.createVNode(B._sfc_main,{name:"upload"})])],8,pe)])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[],64))]),e.createElementVNode("div",me,[e.createElementVNode("span",{title:"放大","aria-label":"放大",role:"button",tabindex:"0",onClick:e.withModifiers(j,["stop"])},[e.createVNode(B._sfc_main,{name:"search-plus"})]),e.createElementVNode("span",{title:"缩小","aria-label":"缩小",role:"button",tabindex:"0",onClick:e.withModifiers(J,["stop"])},[e.createVNode(B._sfc_main,{name:"search-minus"})]),e.createElementVNode("span",{title:"左转90°","aria-label":"左转90度",role:"button",tabindex:"0",onClick:e.withModifiers(U,["stop"])},[e.createVNode(B._sfc_main,{name:"rotate-left"})]),e.createElementVNode("span",{title:"右转90°","aria-label":"右转90度",role:"button",tabindex:"0",onClick:e.withModifiers(W,["stop"])},[e.createVNode(B._sfc_main,{name:"rotate-right"})]),e.createElementVNode("span",{title:"重置","aria-label":"重置",role:"button",tabindex:"0",onClick:e.withModifiers(D,["stop"])},[e.createVNode(B._sfc_main,{name:"restore"})]),l.isShowSave?(e.openBlock(),e.createElementBlock("span",{key:0,title:"保存","aria-label":"保存",role:"button",tabindex:"0",onClick:e.withModifiers(H,["stop"])},[e.createVNode(B._sfc_main,{name:"save"})])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[],64))])]),S.value||i.isInitImageLoading?(e.openBlock(),e.createElementBlock("div",ge,[e.createVNode(oe._sfc_main,{theme:"circleSpinner",size:"large"})])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[],64))]),l.isPreview?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(q.value),style:e.normalizeStyle(R.value)},[e.createElementVNode("div",{style:e.normalizeStyle(_.value)},[e.createElementVNode("div",{style:e.normalizeStyle(p.pStyle)},[e.createElementVNode("img",{src:p.src,style:e.normalizeStyle(p.style),alt:""},null,12,fe)],4),S.value||i.isInitImageLoading?(e.openBlock(),e.createElementBlock("div",ve)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[],64))],4),l.isPreviewAlignLine?(e.openBlock(),e.createElementBlock("div",he,[N.value.indexOf("center")>-1?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[t[7]||(t[7]=e.createElementVNode("div",{class:"alignline-h alignline-center-h"},null,-1)),t[8]||(t[8]=e.createElementVNode("div",{class:"alignline-v alignline-center-v"},null,-1))],64)):N.value.indexOf("nineGrid")>-1?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[t[9]||(t[9]=e.createElementVNode("div",{class:"alignline-h alignline-nineGrid-h1"},null,-1)),t[10]||(t[10]=e.createElementVNode("div",{class:"alignline-h alignline-nineGrid-h2"},null,-1)),t[11]||(t[11]=e.createElementVNode("div",{class:"alignline-v alignline-nineGrid-v1"},null,-1)),t[12]||(t[12]=e.createElementVNode("div",{class:"alignline-v alignline-nineGrid-v2"},null,-1))],64)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:2},[],64))])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[],64))],6)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[],64))])],2))}}),ke=["id"],ye={style:{display:"flex","justify-content":"center"}},Be=e.defineComponent({name:"ClCropper",__name:"Index",props:{id:String,className:String,src:{type:String,required:!0},width:{type:Number,required:!0},height:{type:Number,required:!0},isCenterBox:{type:Boolean,default:!1},isPreview:{type:Boolean,default:!0},previewShape:{type:String,default:"square"},isModal:{type:Boolean,default:!0},isShowUpload:{type:Boolean,default:!0},isShowSave:{type:Boolean,default:!1},fillColor:{type:String,default:"transparent"},alignLine:{type:String,default:"center"},isPreviewAlignLine:{type:Boolean,default:!1}},emits:{onSubmit:l=>!0,onImgLoad:l=>!0},setup(l,{expose:c,emit:v}){const d=l,n=v,E=d.id||`cropper-${f.getRandom(8)}`,h=e.useTemplateRef("refElModal"),u=e.useTemplateRef("refElCropper"),r=e.ref(!d.isModal),S=e.computed(()=>{const a={"panel-cropper":!0};return f.getJsonMerge(a,O.getClassNameJson(d.className))}),i=e.computed(()=>{const{isModal:a,id:g,className:M,...I}=d;return d.isModal?{...I,isShowSave:!1}:I}),m=()=>u.value?u.value.getImageBase64():Promise.reject(new Error("Cropper 未挂载")),p=(a,g,M)=>{n("onSubmit",{success:!g,data:a,msg:g}),M&&h.value?.hide()},_=()=>m().then(a=>{p(a,"",!0)}).catch(a=>{const g=f.isString(a)?a:a?.message||"裁剪失败";p("",g,!0)}),y=a=>{n("onImgLoad",a)},C=()=>m().then(a=>{p(a,"")}).catch(a=>{const g=f.isString(a)?a:a?.message||"保存失败";p("",g)});return c({getImageBase64:()=>m(),refresh:()=>{u.value?u.value.refresh():w.warn("ClCropper","refresh 调用无效：Cropper 未挂载")},show:()=>{h.value&&d.isModal?(r.value=!0,h.value.show()):w.warn("ClCropper","show 调用无效：非弹窗模式或 Modal 未挂载")},showAndReset:()=>{h.value&&d.isModal?(r.value=!1,h.value.show(),e.nextTick(()=>{r.value=!0})):w.warn("ClCropper","showAndReset 调用无效：非弹窗模式或 Modal 未挂载")},loadingStart:()=>{u.value?u.value.loadingStart():w.warn("ClCropper","loadingStart 调用无效：Cropper 未挂载")},loadingStop:()=>{u.value?u.value.loadingStop():w.warn("ClCropper","loadingStop 调用无效：Cropper 未挂载")}}),(a,g)=>(e.openBlock(),e.createElementBlock("div",{id:e.unref(E),class:e.normalizeClass(S.value)},[l.isModal?(e.openBlock(),e.createBlock(le._sfc_main,{key:0,ref_key:"refElModal",ref:h,width:"850px",titleName:"图片裁切",isShowSubmitLoad:!1,closeLabel:"取消",submitLabel:"确定",onOnSubmit:_},{default:e.withCtx(()=>[e.createElementVNode("div",ye,[r.value?(e.openBlock(),e.createBlock(z,e.mergeProps({key:0,ref_key:"refElCropper",ref:u},i.value,{onOnImgLoad:y}),null,16)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[],64))])]),_:1},512)):(e.openBlock(),e.createBlock(z,e.mergeProps({key:1,ref_key:"refElCropper",ref:u},i.value,{onOnImgLoad:y,onOnImgSave:C}),null,16))],10,ke))}});exports._sfc_main=Be;
+"use strict";var Q=Object.create;var A=Object.defineProperty;var X=Object.getOwnPropertyDescriptor;var Y=Object.getOwnPropertyNames;var Z=Object.getPrototypeOf,ee=Object.prototype.hasOwnProperty;var te=(l,c,v,d)=>{if(c&&typeof c=="object"||typeof c=="function")for(let n of Y(c))!ee.call(l,n)&&n!==v&&A(l,n,{get:()=>c[n],enumerable:!(d=X(c,n))||d.enumerable});return l};var ne=(l,c,v)=>(v=l!=null?Q(Z(l)):{},te(c||!l||!l.__esModule?A(v,"default",{value:l,enumerable:!0}):v,l));const e=require("vue"),w=require("@cldemo/ui-kit/common/log"),f=require("@cldemo/ui-kit/common/base"),O=require("@cldemo/ui-kit/common/Element"),oe=require("./Index.vue_vue_type_script_setup_true_lang-CZNVHUR1.js"),B=require("./Index.vue_vue_type_script_setup_true_lang-xONe0mSK.js"),le=require("./Index.vue_vue_type_script_setup_true_lang-B6NmuslZ.js"),ae={class:"imgCropper-container"},re={style:{position:"relative"}},ie={class:"imgCropper-main"},se={class:"frame-alignline"},ce={class:"imgCropper-btns"},de={key:0,class:"imgCropper-upload"},ue=["id","name"],pe=["for"],me={class:"imgCropper-btns-opt"},ge={key:0,class:"imgCropper-loading-mask"},fe=["src"],ve={key:0,class:"imgCropper-loading-mask"},he={key:0,class:"frame-alignline"},z=e.defineComponent({name:"ClCropperBase",__name:"Base",props:{className:String,src:{type:String,required:!0},width:{type:Number,required:!0},height:{type:Number,required:!0},isPreview:{type:Boolean,default:!0},previewShape:{type:String,default:"square"},isShowUpload:{type:Boolean,default:!0},isShowSave:{type:Boolean,default:!1},isCenterBox:{type:Boolean,default:!1},fillColor:{type:String,default:"transparent"},alignLine:{type:String,default:"center"},isPreviewAlignLine:{type:Boolean,default:!1}},emits:{onImgLoad:l=>!0,onImgSave:()=>!0},setup(l,{expose:c,emit:v}){const d=e.defineAsyncComponent(()=>import("cropper-next-vue").then(o=>(Promise.resolve().then(()=>require("./index-BtNGYaQa.js")),o.VueCropper))),n=l,E=v,h=f.getRandom(8),u=`cropperBase-${h}`,r=e.useTemplateRef("refElCropper"),S=e.ref(!1),i=e.reactive({uploadAgainId:`btnImgCropper_uploadAgain_${h}`,isInitImageLoading:!1}),m=e.reactive({img:"",wrapper:{width:400,height:400},cropLayout:{width:n.width,height:n.height},color:n.fillColor,outputSize:1,outputType:"png",full:!0,original:!1,maxSideLength:3e3,mode:"contain",centerBox:n.isCenterBox,centerWrapper:!1}),p=e.reactive({src:"",style:{},pStyle:{}}),_=e.ref({}),y=e.ref(0),C=e.ref(0),L=e.ref(!0),N=e.computed(()=>{const{alignLine:o}=n;return f.isNonEmptyString(o)?o.split(","):[]}),$=e.computed(()=>{const o={"panel-imgCropper":!0};return f.getJsonMerge(o,O.getClassNameJson(n.className))}),q=e.computed(()=>{const{previewShape:o}=n,t=f.isNonEmptyString(o)?o:"square",s={"imgCropper-preview":!0};return s[`imgCropper-preview-${t}`]=!0,s}),R=e.computed(()=>({width:`${(n.width??0)+6}px`,height:`${(n.height??0)+6}px`,backgroundColor:n.fillColor})),P=()=>{m.cropLayout={width:Math.max(1,n.width??1),height:Math.max(1,n.height??1)}},a=()=>{const{src:o}=n;let t="";if(f.isNonEmptyString(o)){if(o.substring(0,5)!=="data:")if(/^(http|https):\/\/[^\s]+$/.test(o)){const s=`_t=${new Date().getTime()}`,k=o.indexOf("?")===-1?"?":"&";t=o+k+s}else t=o;else t=o;i.isInitImageLoading=!0,C.value=0,y.value=0}else i.isInitImageLoading=!1;m.img=t},g=()=>{P(),a()};e.onMounted(()=>{e.nextTick(()=>{g()})}),e.onBeforeUnmount(()=>{L.value=!1}),e.watch(()=>n.src,(o,t)=>{o!==t&&a()}),e.watch(()=>[n.width,n.height,n.fillColor,n.isCenterBox],([o,t,s,k],[x,F,V,b])=>{(o!==x||t!==F)&&P(),s!==V&&(m.color=s),k!==b&&(m.centerBox=k)});const M=o=>{if(!o)return;const{url:t,img:s,w:k,h:x}=o;p.src=t??"",p.style=s??{},p.pStyle={width:typeof k=="number"?`${k}px`:`${n.width}px`,height:typeof x=="number"?`${x}px`:`${n.height}px`};const F=s?.transform?.match(/scale\(([^)]+)\)/);F&&(y.value=parseFloat(F[1]),C.value||(C.value=y.value));const V=k??n.width,b=x??n.height;if(V>0&&b>0&&(V>n.width||b>n.height)){const K=Math.min(n.width/V,n.height/b);_.value={transform:`scale(${K})`}}else _.value={}},I=o=>{if(!o){i.isInitImageLoading=!1,E("onImgLoad",!1);return}const t=o.type==="success";i.isInitImageLoading=!1,E("onImgLoad",t)},G=o=>{const t=o.currentTarget;!t||!t.files||t.files.length===0||(C.value=0,y.value=0,i.isInitImageLoading=!0,f.getBase64ByFile(t.files).then(s=>{if(L.value){if(!s){i.isInitImageLoading=!1;return}m.img=s}}).catch(()=>{L.value&&(i.isInitImageLoading=!1)}))},T=()=>{},j=()=>{r.value?.zoomIn(.02)},J=()=>{r.value?.zoomOut(.02)},U=()=>{r.value?.rotateLeft()},W=()=>{r.value?.rotateRight()},D=()=>{r.value&&(i.isInitImageLoading=!0,r.value.reload())},H=()=>{E("onImgSave")};return c({getImageBase64:()=>r.value?r.value.getCropData("base64"):Promise.reject(new Error("vue-cropper 实例未就绪")),refresh:()=>{if(!r.value){w.warn("ClCropperBase","refresh 调用无效：vue-cropper 实例未就绪");return}r.value.reload()},loadingStart:()=>{S.value=!0},loadingStop:()=>{S.value=!1}}),(o,t)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass($.value),id:u},[e.createElementVNode("div",ae,[e.createElementVNode("div",re,[e.createElementVNode("div",ie,[e.createVNode(e.unref(d),e.mergeProps({ref_key:"refElCropper",ref:r},m,{onRealTime:M,onImgLoad:I}),{loading:e.withCtx(()=>[...t[0]||(t[0]=[])]),_:1},16),e.createElementVNode("div",se,[N.value.indexOf("center")>-1?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[t[1]||(t[1]=e.createElementVNode("div",{class:"alignline-h alignline-center-h"},null,-1)),t[2]||(t[2]=e.createElementVNode("div",{class:"alignline-v alignline-center-v"},null,-1))],64)):N.value.indexOf("nineGrid")>-1?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[t[3]||(t[3]=e.createElementVNode("div",{class:"alignline-h alignline-nineGrid-h1"},null,-1)),t[4]||(t[4]=e.createElementVNode("div",{class:"alignline-h alignline-nineGrid-h2"},null,-1)),t[5]||(t[5]=e.createElementVNode("div",{class:"alignline-v alignline-nineGrid-v1"},null,-1)),t[6]||(t[6]=e.createElementVNode("div",{class:"alignline-v alignline-nineGrid-v2"},null,-1))],64)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:2},[],64))])]),e.createElementVNode("div",ce,[e.createElementVNode("div",null,[l.isShowUpload?(e.openBlock(),e.createElementBlock("div",de,[e.createElementVNode("input",{type:"file",id:i.uploadAgainId,name:i.uploadAgainId,accept:"image/jpg,image/jpeg,image/pjpeg,image/png,image/x-png",onChange:G},null,40,ue),e.createElementVNode("label",{for:i.uploadAgainId},[e.createElementVNode("span",{title:"重新上传",onClick:e.withModifiers(T,["stop"])},[e.createVNode(B._sfc_main,{name:"upload"})])],8,pe)])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[],64))]),e.createElementVNode("div",me,[e.createElementVNode("span",{title:"放大","aria-label":"放大",role:"button",tabindex:"0",onClick:e.withModifiers(j,["stop"])},[e.createVNode(B._sfc_main,{name:"search-plus"})]),e.createElementVNode("span",{title:"缩小","aria-label":"缩小",role:"button",tabindex:"0",onClick:e.withModifiers(J,["stop"])},[e.createVNode(B._sfc_main,{name:"search-minus"})]),e.createElementVNode("span",{title:"左转90°","aria-label":"左转90度",role:"button",tabindex:"0",onClick:e.withModifiers(U,["stop"])},[e.createVNode(B._sfc_main,{name:"rotate-left"})]),e.createElementVNode("span",{title:"右转90°","aria-label":"右转90度",role:"button",tabindex:"0",onClick:e.withModifiers(W,["stop"])},[e.createVNode(B._sfc_main,{name:"rotate-right"})]),e.createElementVNode("span",{title:"重置","aria-label":"重置",role:"button",tabindex:"0",onClick:e.withModifiers(D,["stop"])},[e.createVNode(B._sfc_main,{name:"restore"})]),l.isShowSave?(e.openBlock(),e.createElementBlock("span",{key:0,title:"保存","aria-label":"保存",role:"button",tabindex:"0",onClick:e.withModifiers(H,["stop"])},[e.createVNode(B._sfc_main,{name:"save"})])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[],64))])]),S.value||i.isInitImageLoading?(e.openBlock(),e.createElementBlock("div",ge,[e.createVNode(oe._sfc_main,{theme:"circleSpinner",size:"large"})])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[],64))]),l.isPreview?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(q.value),style:e.normalizeStyle(R.value)},[e.createElementVNode("div",{style:e.normalizeStyle(_.value)},[e.createElementVNode("div",{style:e.normalizeStyle(p.pStyle)},[e.createElementVNode("img",{src:p.src,style:e.normalizeStyle(p.style),alt:""},null,12,fe)],4),S.value||i.isInitImageLoading?(e.openBlock(),e.createElementBlock("div",ve)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[],64))],4),l.isPreviewAlignLine?(e.openBlock(),e.createElementBlock("div",he,[N.value.indexOf("center")>-1?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[t[7]||(t[7]=e.createElementVNode("div",{class:"alignline-h alignline-center-h"},null,-1)),t[8]||(t[8]=e.createElementVNode("div",{class:"alignline-v alignline-center-v"},null,-1))],64)):N.value.indexOf("nineGrid")>-1?(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[t[9]||(t[9]=e.createElementVNode("div",{class:"alignline-h alignline-nineGrid-h1"},null,-1)),t[10]||(t[10]=e.createElementVNode("div",{class:"alignline-h alignline-nineGrid-h2"},null,-1)),t[11]||(t[11]=e.createElementVNode("div",{class:"alignline-v alignline-nineGrid-v1"},null,-1)),t[12]||(t[12]=e.createElementVNode("div",{class:"alignline-v alignline-nineGrid-v2"},null,-1))],64)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:2},[],64))])):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[],64))],6)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[],64))])],2))}}),ke=["id"],ye={style:{display:"flex","justify-content":"center"}},Be=e.defineComponent({name:"ClCropper",__name:"Index",props:{id:String,className:String,src:{type:String,required:!0},width:{type:Number,required:!0},height:{type:Number,required:!0},isCenterBox:{type:Boolean,default:!1},isPreview:{type:Boolean,default:!0},previewShape:{type:String,default:"square"},isModal:{type:Boolean,default:!0},isShowUpload:{type:Boolean,default:!0},isShowSave:{type:Boolean,default:!1},fillColor:{type:String,default:"transparent"},alignLine:{type:String,default:"center"},isPreviewAlignLine:{type:Boolean,default:!1}},emits:{onSubmit:l=>!0,onImgLoad:l=>!0},setup(l,{expose:c,emit:v}){const d=l,n=v,E=d.id||`cropper-${f.getRandom(8)}`,h=e.useTemplateRef("refElModal"),u=e.useTemplateRef("refElCropper"),r=e.ref(!d.isModal),S=e.computed(()=>{const a={"panel-cropper":!0};return f.getJsonMerge(a,O.getClassNameJson(d.className))}),i=e.computed(()=>{const{isModal:a,id:g,className:M,...I}=d;return d.isModal?{...I,isShowSave:!1}:I}),m=()=>u.value?u.value.getImageBase64():Promise.reject(new Error("Cropper 未挂载")),p=(a,g,M)=>{n("onSubmit",{success:!g,data:a,msg:g}),M&&h.value?.hide()},_=()=>m().then(a=>{p(a,"",!0)}).catch(a=>{const g=f.isString(a)?a:a?.message||"裁剪失败";p("",g,!0)}),y=a=>{n("onImgLoad",a)},C=()=>m().then(a=>{p(a,"")}).catch(a=>{const g=f.isString(a)?a:a?.message||"保存失败";p("",g)});return c({getImageBase64:()=>m(),refresh:()=>{u.value?u.value.refresh():w.warn("ClCropper","refresh 调用无效：Cropper 未挂载")},show:()=>{h.value&&d.isModal?(r.value=!0,h.value.show()):w.warn("ClCropper","show 调用无效：非弹窗模式或 Modal 未挂载")},showAndReset:()=>{h.value&&d.isModal?(r.value=!1,h.value.show(),e.nextTick(()=>{r.value=!0})):w.warn("ClCropper","showAndReset 调用无效：非弹窗模式或 Modal 未挂载")},loadingStart:()=>{u.value?u.value.loadingStart():w.warn("ClCropper","loadingStart 调用无效：Cropper 未挂载")},loadingStop:()=>{u.value?u.value.loadingStop():w.warn("ClCropper","loadingStop 调用无效：Cropper 未挂载")}}),(a,g)=>(e.openBlock(),e.createElementBlock("div",{id:e.unref(E),class:e.normalizeClass(S.value)},[l.isModal?(e.openBlock(),e.createBlock(le._sfc_main,{key:0,ref_key:"refElModal",ref:h,width:"850px",titleName:"图片裁切",isShowSubmitLoad:!1,closeLabel:"取消",submitLabel:"确定",onOnSubmit:_},{default:e.withCtx(()=>[e.createElementVNode("div",ye,[r.value?(e.openBlock(),e.createBlock(z,e.mergeProps({key:0,ref_key:"refElCropper",ref:u},i.value,{onOnImgLoad:y}),null,16)):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[],64))])]),_:1},512)):(e.openBlock(),e.createBlock(z,e.mergeProps({key:1,ref_key:"refElCropper",ref:u},i.value,{onOnImgLoad:y,onOnImgSave:C}),null,16))],10,ke))}});exports._sfc_main=Be;