@qynpm/ui 1.0.32 → 1.0.33

package/dist/shared/{index-CpvFUems.cjs → index-DqsG1Mam.cjs}

@@ -1 +1 @@
-"use strict";const e=require("vue"),d=require("element-plus"),v=require("@element-plus/icons-vue"),s=require("./utils-D2KAQCCB.cjs"),E=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),S={class:"qy-image__state qy-image__state--error"},V={class:"qy-image__state qy-image__state--empty"},k=e.defineComponent({name:"QyImage",__name:"index",props:{src:{default:""},width:{},height:{},size:{default:64},fit:{default:"cover"},placeholder:{type:Boolean,default:!0},lazy:{type:Boolean,default:!0},compressor:{type:[Boolean,Object],default:!0},preview:{type:Boolean,default:!1},previewList:{default:()=>[]},initialIndex:{default:0}},emits:["load","error","fallback","preview"],setup(n,{emit:h}){const t=n,i=h,l=e.ref(!1),o=e.ref("");let c=0;const u=e.computed(()=>s.normalizeImageSrc(t.src)),m=e.computed(()=>({width:t.width??t.size,height:t.height??t.size})),y=e.computed(()=>({width:f(m.value.width),height:f(m.value.height)})),g=e.computed(()=>t.placeholder||l.value),p=e.computed(()=>t.preview&&!!u.value),w=e.computed(()=>(t.previewList.length?t.previewList:[t.src]).map(a=>s.normalizeImageSrc(a)).filter(Boolean));e.watch(()=>[t.src,t.compressor],_,{immediate:!0,deep:!0});async function _(){const r=++c;if(o.value="",l.value=!1,!!t.src)try{const a=await s.resolveQyImageDisplaySrc(t.src,{compressor:t.compressor});if(r!==c)return;o.value=a.src,a.source==="fallback"&&i("fallback",a.src)}catch{if(r!==c)return;l.value=!1,o.value=u.value}}function z(r){i("load",r)}function I(r){l.value=!0,i("error",r)}function q(){p.value&&(s.openQyImagePreview({urlList:w.value,initialIndex:t.initialIndex}),i("preview",u.value))}function f(r){return typeof r=="number"?`${r}px`:r}return(r,a)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["qy-image",{"qy-image--previewable":p.value}]),style:e.normalizeStyle(y.value),onClick:q},[o.value&&!l.value?(e.openBlock(),e.createBlock(e.unref(d.ElImage),{key:0,class:"qy-image__inner",src:o.value,fit:n.fit,lazy:n.lazy,onLoad:z,onError:I},{placeholder:e.withCtx(()=>[e.renderSlot(r.$slots,"placeholder",{},()=>[a[0]||(a[0]=e.createElementVNode("div",{class:"qy-image__state"},[e.createElementVNode("span",{class:"qy-image__loading"})],-1))],!0)]),error:e.withCtx(()=>[e.renderSlot(r.$slots,"error",{},()=>[e.createElementVNode("div",S,[e.createVNode(e.unref(d.ElIcon),{size:20},{default:e.withCtx(()=>[e.createVNode(e.unref(v.PictureFilled))]),_:1})])],!0)]),_:3},8,["src","fit","lazy"])):g.value?e.renderSlot(r.$slots,"empty",{},()=>[e.createElementVNode("div",V,[e.createVNode(e.unref(d.ElIcon),{size:20},{default:e.withCtx(()=>[e.createVNode(e.unref(v.PictureFilled))]),_:1})])],!0,1):e.createCommentVNode("",!0)],6))}}),x=E._export_sfc(k,[["__scopeId","data-v-02c4930c"]]);exports.Image=x;
+"use strict";const e=require("vue"),d=require("element-plus"),v=require("@element-plus/icons-vue"),s=require("./utils-D2KAQCCB.cjs"),E=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),S={class:"qy-image__state qy-image__state--error"},V={class:"qy-image__state qy-image__state--empty"},k=e.defineComponent({name:"QyImage",__name:"index",props:{src:{default:""},width:{},height:{},size:{default:64},fit:{default:"cover"},placeholder:{type:Boolean,default:!0},lazy:{type:Boolean,default:!0},compressor:{type:[Boolean,Object],default:!0},preview:{type:Boolean,default:!1},previewList:{default:()=>[]},initialIndex:{default:0}},emits:["load","error","fallback","preview"],setup(n,{emit:h}){const t=n,i=h,l=e.ref(!1),o=e.ref("");let c=0;const u=e.computed(()=>s.normalizeImageSrc(t.src)),m=e.computed(()=>({width:t.width??t.size,height:t.height??t.size})),y=e.computed(()=>({width:f(m.value.width),height:f(m.value.height)})),g=e.computed(()=>t.placeholder||l.value),p=e.computed(()=>t.preview&&!!u.value),w=e.computed(()=>(t.previewList.length?t.previewList:[t.src]).map(a=>s.normalizeImageSrc(a)).filter(Boolean));e.watch(()=>[t.src,t.compressor],_,{immediate:!0,deep:!0});async function _(){const r=++c;if(o.value="",l.value=!1,!!t.src)try{const a=await s.resolveQyImageDisplaySrc(t.src,{compressor:t.compressor});if(r!==c)return;o.value=a.src,a.source==="fallback"&&i("fallback",a.src)}catch{if(r!==c)return;l.value=!1,o.value=u.value}}function z(r){i("load",r)}function I(r){l.value=!0,i("error",r)}function q(){p.value&&(s.openQyImagePreview({urlList:w.value,initialIndex:t.initialIndex}),i("preview",u.value))}function f(r){return typeof r=="number"?`${r}px`:r}return(r,a)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["qy-image",{"qy-image--previewable":p.value}]),style:e.normalizeStyle(y.value),onClick:q},[o.value&&!l.value?(e.openBlock(),e.createBlock(e.unref(d.ElImage),{key:0,class:"qy-image__inner",src:o.value,fit:n.fit,lazy:n.lazy,onLoad:z,onError:I},{placeholder:e.withCtx(()=>[e.renderSlot(r.$slots,"placeholder",{},()=>[a[0]||(a[0]=e.createElementVNode("div",{class:"qy-image__state"},[e.createElementVNode("span",{class:"qy-image__loading"})],-1))],!0)]),error:e.withCtx(()=>[e.renderSlot(r.$slots,"error",{},()=>[e.createElementVNode("div",S,[e.createVNode(e.unref(d.ElIcon),{size:20},{default:e.withCtx(()=>[e.createVNode(e.unref(v.PictureFilled))]),_:1})])],!0)]),_:3},8,["src","fit","lazy"])):g.value?e.renderSlot(r.$slots,"empty",{},()=>[e.createElementVNode("div",V,[e.createVNode(e.unref(d.ElIcon),{size:20},{default:e.withCtx(()=>[e.createVNode(e.unref(v.PictureFilled))]),_:1})])],!0,1):e.createCommentVNode("",!0)],6))}}),x=E._export_sfc(k,[["__scopeId","data-v-c58a417b"]]);exports.Image=x;