c-image 1.0.2 → 1.0.3

package/lib/my-vue-library.es.js

@@ -416,7 +416,7 @@ const k = (e, i) => {
           autoplay: !1,
           height: "100%",
           style: { height: "100%" },
-          "indicator-position": "indicatorPosition",
+          "indicator-position": e.indicatorPosition,
           onChange: r
         }, {
           default: n(() => [
@@ -430,11 +430,11 @@ const k = (e, i) => {
             }, 1024))), 128))
           ]),
           _: 1
-        }, 512)
+        }, 8, ["indicator-position"])
       ], 4);
     };
   }
-}, ge = /* @__PURE__ */ k(de, [["__scopeId", "data-v-0b210d39"]]), he = {
+}, ge = /* @__PURE__ */ k(de, [["__scopeId", "data-v-5a8f0d41"]]), he = {
   install(e) {
     e.component("CImage", ce).component("CImageBox", D).component("CImageList", _e).component("CImageScroll", ge);
   }

package/lib/my-vue-library.umd.js

@@ -1 +1 @@
-(function(e,h){typeof exports=="object"&&typeof module<"u"?module.exports=h(require("vue")):typeof define=="function"&&define.amd?define(["vue"],h):(e=typeof globalThis<"u"?globalThis:e||self,e.MyVueLibrary=h(e.Vue))})(this,function(e){"use strict";/*! Element Plus Icons Vue v2.3.2 */var h=e.defineComponent({name:"ArrowLeft",__name:"arrow-left",setup(t){return(n,o)=>(e.openBlock(),e.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 1024 1024"},[e.createElementVNode("path",{fill:"currentColor",d:"M609.408 149.376 277.76 489.6a32 32 0 0 0 0 44.672l331.648 340.352a29.12 29.12 0 0 0 41.728 0 30.59 30.59 0 0 0 0-42.752L339.264 511.936l311.872-319.872a30.59 30.59 0 0 0 0-42.688 29.12 29.12 0 0 0-41.728 0"})]))}}),I=h,L=e.defineComponent({name:"ArrowRight",__name:"arrow-right",setup(t){return(n,o)=>(e.openBlock(),e.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 1024 1024"},[e.createElementVNode("path",{fill:"currentColor",d:"M340.864 149.312a30.59 30.59 0 0 0 0 42.752L652.736 512 340.864 831.872a30.59 30.59 0 0 0 0 42.752 29.12 29.12 0 0 0 41.728 0L714.24 534.336a32 32 0 0 0 0-44.672L382.592 149.376a29.12 29.12 0 0 0-41.728 0z"})]))}}),E=L,b=e.defineComponent({name:"Picture",__name:"picture",setup(t){return(n,o)=>(e.openBlock(),e.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 1024 1024"},[e.createElementVNode("path",{fill:"currentColor",d:"M160 160v704h704V160zm-32-64h768a32 32 0 0 1 32 32v768a32 32 0 0 1-32 32H128a32 32 0 0 1-32-32V128a32 32 0 0 1 32-32"}),e.createElementVNode("path",{fill:"currentColor",d:"M384 288q64 0 64 64t-64 64-64-64 64-64M185.408 876.992l-50.816-38.912L350.72 556.032a96 96 0 0 1 134.592-17.856l1.856 1.472 122.88 99.136a32 32 0 0 0 44.992-4.864l216-269.888 49.92 39.936-215.808 269.824-.256.32a96 96 0 0 1-135.04 14.464l-122.88-99.072-.64-.512a32 32 0 0 0-44.8 5.952z"})]))}}),k=b;const w=(t,n)=>{const o=t.__vccOpts||t;for(const[a,c]of n)o[a]=c;return o},u={class:"wrap"},$={class:"name"},S={class:"flex justify-center items-center h-full"},z={style:{color:"#000000"}},A={key:1,class:"flex justify-center items-center h-full"},x=w({__name:"cImageItem",props:{curImageIndex:{type:Number,default:0},fit:{type:String,default:"contain"},imgList:{type:Array,default:()=>[]},show:{type:Boolean,default:!0},zIndex:{type:Number,default:9999}},setup(t){const n={0:"融合智能识别",1:"声迅智能识别",2:"海康智能识别",3:"讯飞智能识别"};return(o,a)=>{const c=e.resolveComponent("el-icon"),l=e.resolveComponent("el-image");return e.openBlock(),e.createElementBlock("div",u,[e.createElementVNode("div",$,e.toDisplayString(n[t.curImageIndex]),1),t.show?(e.openBlock(),e.createBlock(l,{key:0,class:"image-item",src:t.imgList[t.curImageIndex].url,fit:t.fit,"preview-src-list":t.imgList.map(s=>s.url),"initial-index":t.curImageIndex,"show-progress":"","preview-teleported":!0,"z-index":t.zIndex},{error:e.withCtx(()=>[e.createElementVNode("div",S,[e.createVNode(c,null,{default:e.withCtx(()=>[e.createVNode(e.unref(k))]),_:1})])]),progress:e.withCtx(({activeIndex:s})=>[e.createElementVNode("span",z,e.toDisplayString(s+1+"-"+n[s]),1)]),_:1},8,["src","fit","preview-src-list","initial-index","z-index"])):(e.openBlock(),e.createElementBlock("div",A,[e.createVNode(c,null,{default:e.withCtx(()=>[e.createVNode(e.unref(k))]),_:1})]))])}}},[["__scopeId","data-v-567f63a7"]]),D={class:"image-box"},V=w({__name:"cImageBox",props:{images:{type:Array,default:()=>[]},typeList:{type:Array,default:()=>[0,1,2,3]}},setup(t){return(n,o)=>{const a=e.resolveComponent("el-col"),c=e.resolveComponent("el-row"),l=e.resolveComponent("el-empty");return e.openBlock(),e.createElementBlock("div",D,[t.images.length?(e.openBlock(),e.createBlock(c,{key:0,gutter:10,class:"content"},{default:e.withCtx(()=>[e.createVNode(a,{span:16,class:"left"},{default:e.withCtx(()=>[e.createVNode(x,{"img-list":t.images,"cur-image-index":0,show:t.typeList.includes(0)},null,8,["img-list","show"])]),_:1}),e.createVNode(a,{span:8,class:"right"},{default:e.withCtx(()=>[e.createVNode(x,{"img-list":t.images,"cur-image-index":1,show:t.typeList.includes(1),class:"item"},null,8,["img-list","show"]),e.createVNode(x,{"img-list":t.images,"cur-image-index":2,show:t.typeList.includes(2),class:"item"},null,8,["img-list","show"]),e.createVNode(x,{"img-list":t.images,"cur-image-index":3,show:t.typeList.includes(3),class:"item"},null,8,["img-list","show"])]),_:1})]),_:1})):(e.openBlock(),e.createBlock(l,{key:1},{description:e.withCtx(()=>o[0]||(o[0]=[e.createElementVNode("div",null,"点击列表图片查看",-1)])),_:1}))])}}},[["__scopeId","data-v-28f92729"]]),M={class:"container"},R={class:"wrapper"},T=["onClick"],F=["src","alt"],P={class:"title"},j={class:"image-container"},N=240,q=w({__name:"cImage",props:{imageList:{type:Array,default:()=>[]}},setup(t){const n=t,o=e.ref([0,1,2,3]),a=e.ref([]),c=e.ref(-1),l={0:"融合智能识别",1:"声迅智能识别",2:"海康智能识别",3:"讯飞智能识别"},s=e.ref(null),m=p=>{c.value=p;const{items:i}=n.imageList[p];a.value=i.map(f=>({...f,name:l[f.type]}))};let d=0,_=0;const r=()=>{_!==n.imageList.length&&(_++,d-=N,s.value.style.transform=`translateX(${d}px)`)},g=()=>{_!==0&&(_--,d+=N,s.value.style.transform=`translateX(${d}px)`)};return(p,i)=>{const f=e.resolveComponent("el-checkbox"),W=e.resolveComponent("el-checkbox-group"),G=e.resolveComponent("el-form-item"),J=e.resolveComponent("el-form"),B=e.resolveComponent("el-button");return e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createVNode(J,{ref:"form"},{default:e.withCtx(()=>[e.createVNode(G,{label:"智能结果展示"},{default:e.withCtx(()=>[e.createVNode(W,{modelValue:o.value,"onUpdate:modelValue":i[0]||(i[0]=y=>o.value=y),min:1},{default:e.withCtx(()=>[e.createVNode(f,{label:0},{default:e.withCtx(()=>i[1]||(i[1]=[e.createTextVNode("融合智能识别")])),_:1,__:[1]}),e.createVNode(f,{label:1},{default:e.withCtx(()=>i[2]||(i[2]=[e.createTextVNode("声迅智能识别")])),_:1,__:[2]}),e.createVNode(f,{label:2},{default:e.withCtx(()=>i[3]||(i[3]=[e.createTextVNode("海康智能识别")])),_:1,__:[3]}),e.createVNode(f,{label:3},{default:e.withCtx(()=>i[4]||(i[4]=[e.createTextVNode("讯飞智能识别")])),_:1,__:[4]})]),_:1},8,["modelValue"])]),_:1})]),_:1},512),e.createElementVNode("div",M,[e.createVNode(B,{class:"arrow-button",icon:e.unref(I),circle:"",onClick:r},null,8,["icon"]),e.createElementVNode("div",R,[e.createElementVNode("div",{ref_key:"navRef",ref:s,class:"nav"},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.imageList,(y,C)=>(e.openBlock(),e.createElementBlock("div",{key:C,class:e.normalizeClass(["item",{active:c.value===C}]),onClick:te=>m(C)},[e.createElementVNode("img",{src:y.items[0].url,alt:`缩略图 ${C+1}`,style:{"object-fit":"contain"}},null,8,F),e.createElementVNode("span",P,e.toDisplayString(l[y.items[0].type]),1)],10,T))),128))],512)]),e.createVNode(B,{class:"arrow-button",icon:e.unref(E),circle:"",onClick:g},null,8,["icon"])]),e.createElementVNode("div",j,[e.createVNode(V,{images:a.value,"type-list":o.value},null,8,["images","type-list"])])],64)}}},[["__scopeId","data-v-6692b78c"]]),X={class:"info"},H={class:"info"},O=w({__name:"cImageList",props:{imageList:{type:Array,default:()=>[]},width:{type:String,default:"800px"},countPerRow:{type:Number,default:5}},emits:["downFile","showDetail"],setup(t,{emit:n}){const o=n,a=l=>{o("downFile",l)},c=l=>{o("showDetail",l)};return(l,s)=>{const m=e.resolveComponent("el-image"),d=e.resolveComponent("el-tooltip"),_=e.resolveComponent("el-button");return e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.imageList,(r,g)=>(e.openBlock(),e.createElementBlock("div",{key:g,class:"img-item",style:e.normalizeStyle({width:100/t.countPerRow+"%"})},[e.createVNode(m,{src:r.srcList[0],style:{height:"300px",width:"240px"},"zoom-rate":1.2,"max-scale":7,"min-scale":.2,"show-progress":"","initial-index":g,fit:"contain",onClick:p=>c(r)},null,8,["src","initial-index","onClick"]),e.createVNode(d,{effect:"light",content:r.time,placement:"top"},{default:e.withCtx(()=>[e.createElementVNode("span",X,e.toDisplayString(r.time),1)]),_:2},1032,["content"]),e.createVNode(d,{effect:"light",content:r.name,placement:"top"},{default:e.withCtx(()=>[e.createElementVNode("span",H,e.toDisplayString(r.name),1)]),_:2},1032,["content"]),e.createVNode(_,{type:"primary",size:"small",onClick:p=>a(r)},{default:e.withCtx(()=>s[0]||(s[0]=[e.createTextVNode("下载")])),_:2,__:[0]},1032,["onClick"])],4))),128)}}},[["__scopeId","data-v-76897c2d"]]),U=w({__name:"cImageScroll",props:{imageList:{type:Array,default:()=>[]},scrollBg:{type:String,default:"#ffffff"},indicatorPosition:{type:String,default:"none"}},emits:["change"],setup(t,{expose:n,emit:o}){const a=o,c=m=>{a("change",m)},l=e.ref(null);return n({setActive:m=>{l.value.setActiveItem(m)}}),(m,d)=>{const _=e.resolveComponent("CImageBox"),r=e.resolveComponent("el-carousel-item"),g=e.resolveComponent("el-carousel");return e.openBlock(),e.createElementBlock("div",{class:"c-image-scroll",style:e.normalizeStyle({background:t.scrollBg})},[e.createVNode(g,{ref_key:"carouselRef",ref:l,arrow:"always",trigger:"click",autoplay:!1,height:"100%",style:{height:"100%"},"indicator-position":"indicatorPosition",onChange:c},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.imageList,p=>(e.openBlock(),e.createBlock(r,{key:p},{default:e.withCtx(()=>[e.createVNode(_,{images:p.items},null,8,["images"])]),_:2},1024))),128))]),_:1},512)],4)}}},[["__scopeId","data-v-0b210d39"]]);return{install(t){t.component("CImage",q).component("CImageBox",V).component("CImageList",O).component("CImageScroll",U)}}});
+(function(e,h){typeof exports=="object"&&typeof module<"u"?module.exports=h(require("vue")):typeof define=="function"&&define.amd?define(["vue"],h):(e=typeof globalThis<"u"?globalThis:e||self,e.MyVueLibrary=h(e.Vue))})(this,function(e){"use strict";/*! Element Plus Icons Vue v2.3.2 */var h=e.defineComponent({name:"ArrowLeft",__name:"arrow-left",setup(t){return(n,o)=>(e.openBlock(),e.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 1024 1024"},[e.createElementVNode("path",{fill:"currentColor",d:"M609.408 149.376 277.76 489.6a32 32 0 0 0 0 44.672l331.648 340.352a29.12 29.12 0 0 0 41.728 0 30.59 30.59 0 0 0 0-42.752L339.264 511.936l311.872-319.872a30.59 30.59 0 0 0 0-42.688 29.12 29.12 0 0 0-41.728 0"})]))}}),I=h,L=e.defineComponent({name:"ArrowRight",__name:"arrow-right",setup(t){return(n,o)=>(e.openBlock(),e.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 1024 1024"},[e.createElementVNode("path",{fill:"currentColor",d:"M340.864 149.312a30.59 30.59 0 0 0 0 42.752L652.736 512 340.864 831.872a30.59 30.59 0 0 0 0 42.752 29.12 29.12 0 0 0 41.728 0L714.24 534.336a32 32 0 0 0 0-44.672L382.592 149.376a29.12 29.12 0 0 0-41.728 0z"})]))}}),E=L,u=e.defineComponent({name:"Picture",__name:"picture",setup(t){return(n,o)=>(e.openBlock(),e.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 1024 1024"},[e.createElementVNode("path",{fill:"currentColor",d:"M160 160v704h704V160zm-32-64h768a32 32 0 0 1 32 32v768a32 32 0 0 1-32 32H128a32 32 0 0 1-32-32V128a32 32 0 0 1 32-32"}),e.createElementVNode("path",{fill:"currentColor",d:"M384 288q64 0 64 64t-64 64-64-64 64-64M185.408 876.992l-50.816-38.912L350.72 556.032a96 96 0 0 1 134.592-17.856l1.856 1.472 122.88 99.136a32 32 0 0 0 44.992-4.864l216-269.888 49.92 39.936-215.808 269.824-.256.32a96 96 0 0 1-135.04 14.464l-122.88-99.072-.64-.512a32 32 0 0 0-44.8 5.952z"})]))}}),k=u;const w=(t,n)=>{const o=t.__vccOpts||t;for(const[a,c]of n)o[a]=c;return o},b={class:"wrap"},$={class:"name"},S={class:"flex justify-center items-center h-full"},z={style:{color:"#000000"}},A={key:1,class:"flex justify-center items-center h-full"},x=w({__name:"cImageItem",props:{curImageIndex:{type:Number,default:0},fit:{type:String,default:"contain"},imgList:{type:Array,default:()=>[]},show:{type:Boolean,default:!0},zIndex:{type:Number,default:9999}},setup(t){const n={0:"融合智能识别",1:"声迅智能识别",2:"海康智能识别",3:"讯飞智能识别"};return(o,a)=>{const c=e.resolveComponent("el-icon"),l=e.resolveComponent("el-image");return e.openBlock(),e.createElementBlock("div",b,[e.createElementVNode("div",$,e.toDisplayString(n[t.curImageIndex]),1),t.show?(e.openBlock(),e.createBlock(l,{key:0,class:"image-item",src:t.imgList[t.curImageIndex].url,fit:t.fit,"preview-src-list":t.imgList.map(s=>s.url),"initial-index":t.curImageIndex,"show-progress":"","preview-teleported":!0,"z-index":t.zIndex},{error:e.withCtx(()=>[e.createElementVNode("div",S,[e.createVNode(c,null,{default:e.withCtx(()=>[e.createVNode(e.unref(k))]),_:1})])]),progress:e.withCtx(({activeIndex:s})=>[e.createElementVNode("span",z,e.toDisplayString(s+1+"-"+n[s]),1)]),_:1},8,["src","fit","preview-src-list","initial-index","z-index"])):(e.openBlock(),e.createElementBlock("div",A,[e.createVNode(c,null,{default:e.withCtx(()=>[e.createVNode(e.unref(k))]),_:1})]))])}}},[["__scopeId","data-v-567f63a7"]]),D={class:"image-box"},V=w({__name:"cImageBox",props:{images:{type:Array,default:()=>[]},typeList:{type:Array,default:()=>[0,1,2,3]}},setup(t){return(n,o)=>{const a=e.resolveComponent("el-col"),c=e.resolveComponent("el-row"),l=e.resolveComponent("el-empty");return e.openBlock(),e.createElementBlock("div",D,[t.images.length?(e.openBlock(),e.createBlock(c,{key:0,gutter:10,class:"content"},{default:e.withCtx(()=>[e.createVNode(a,{span:16,class:"left"},{default:e.withCtx(()=>[e.createVNode(x,{"img-list":t.images,"cur-image-index":0,show:t.typeList.includes(0)},null,8,["img-list","show"])]),_:1}),e.createVNode(a,{span:8,class:"right"},{default:e.withCtx(()=>[e.createVNode(x,{"img-list":t.images,"cur-image-index":1,show:t.typeList.includes(1),class:"item"},null,8,["img-list","show"]),e.createVNode(x,{"img-list":t.images,"cur-image-index":2,show:t.typeList.includes(2),class:"item"},null,8,["img-list","show"]),e.createVNode(x,{"img-list":t.images,"cur-image-index":3,show:t.typeList.includes(3),class:"item"},null,8,["img-list","show"])]),_:1})]),_:1})):(e.openBlock(),e.createBlock(l,{key:1},{description:e.withCtx(()=>o[0]||(o[0]=[e.createElementVNode("div",null,"点击列表图片查看",-1)])),_:1}))])}}},[["__scopeId","data-v-28f92729"]]),M={class:"container"},R={class:"wrapper"},T=["onClick"],F=["src","alt"],P={class:"title"},j={class:"image-container"},N=240,q=w({__name:"cImage",props:{imageList:{type:Array,default:()=>[]}},setup(t){const n=t,o=e.ref([0,1,2,3]),a=e.ref([]),c=e.ref(-1),l={0:"融合智能识别",1:"声迅智能识别",2:"海康智能识别",3:"讯飞智能识别"},s=e.ref(null),m=p=>{c.value=p;const{items:i}=n.imageList[p];a.value=i.map(f=>({...f,name:l[f.type]}))};let d=0,_=0;const r=()=>{_!==n.imageList.length&&(_++,d-=N,s.value.style.transform=`translateX(${d}px)`)},g=()=>{_!==0&&(_--,d+=N,s.value.style.transform=`translateX(${d}px)`)};return(p,i)=>{const f=e.resolveComponent("el-checkbox"),W=e.resolveComponent("el-checkbox-group"),G=e.resolveComponent("el-form-item"),J=e.resolveComponent("el-form"),B=e.resolveComponent("el-button");return e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createVNode(J,{ref:"form"},{default:e.withCtx(()=>[e.createVNode(G,{label:"智能结果展示"},{default:e.withCtx(()=>[e.createVNode(W,{modelValue:o.value,"onUpdate:modelValue":i[0]||(i[0]=y=>o.value=y),min:1},{default:e.withCtx(()=>[e.createVNode(f,{label:0},{default:e.withCtx(()=>i[1]||(i[1]=[e.createTextVNode("融合智能识别")])),_:1,__:[1]}),e.createVNode(f,{label:1},{default:e.withCtx(()=>i[2]||(i[2]=[e.createTextVNode("声迅智能识别")])),_:1,__:[2]}),e.createVNode(f,{label:2},{default:e.withCtx(()=>i[3]||(i[3]=[e.createTextVNode("海康智能识别")])),_:1,__:[3]}),e.createVNode(f,{label:3},{default:e.withCtx(()=>i[4]||(i[4]=[e.createTextVNode("讯飞智能识别")])),_:1,__:[4]})]),_:1},8,["modelValue"])]),_:1})]),_:1},512),e.createElementVNode("div",M,[e.createVNode(B,{class:"arrow-button",icon:e.unref(I),circle:"",onClick:r},null,8,["icon"]),e.createElementVNode("div",R,[e.createElementVNode("div",{ref_key:"navRef",ref:s,class:"nav"},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.imageList,(y,C)=>(e.openBlock(),e.createElementBlock("div",{key:C,class:e.normalizeClass(["item",{active:c.value===C}]),onClick:te=>m(C)},[e.createElementVNode("img",{src:y.items[0].url,alt:`缩略图 ${C+1}`,style:{"object-fit":"contain"}},null,8,F),e.createElementVNode("span",P,e.toDisplayString(l[y.items[0].type]),1)],10,T))),128))],512)]),e.createVNode(B,{class:"arrow-button",icon:e.unref(E),circle:"",onClick:g},null,8,["icon"])]),e.createElementVNode("div",j,[e.createVNode(V,{images:a.value,"type-list":o.value},null,8,["images","type-list"])])],64)}}},[["__scopeId","data-v-6692b78c"]]),X={class:"info"},H={class:"info"},O=w({__name:"cImageList",props:{imageList:{type:Array,default:()=>[]},width:{type:String,default:"800px"},countPerRow:{type:Number,default:5}},emits:["downFile","showDetail"],setup(t,{emit:n}){const o=n,a=l=>{o("downFile",l)},c=l=>{o("showDetail",l)};return(l,s)=>{const m=e.resolveComponent("el-image"),d=e.resolveComponent("el-tooltip"),_=e.resolveComponent("el-button");return e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.imageList,(r,g)=>(e.openBlock(),e.createElementBlock("div",{key:g,class:"img-item",style:e.normalizeStyle({width:100/t.countPerRow+"%"})},[e.createVNode(m,{src:r.srcList[0],style:{height:"300px",width:"240px"},"zoom-rate":1.2,"max-scale":7,"min-scale":.2,"show-progress":"","initial-index":g,fit:"contain",onClick:p=>c(r)},null,8,["src","initial-index","onClick"]),e.createVNode(d,{effect:"light",content:r.time,placement:"top"},{default:e.withCtx(()=>[e.createElementVNode("span",X,e.toDisplayString(r.time),1)]),_:2},1032,["content"]),e.createVNode(d,{effect:"light",content:r.name,placement:"top"},{default:e.withCtx(()=>[e.createElementVNode("span",H,e.toDisplayString(r.name),1)]),_:2},1032,["content"]),e.createVNode(_,{type:"primary",size:"small",onClick:p=>a(r)},{default:e.withCtx(()=>s[0]||(s[0]=[e.createTextVNode("下载")])),_:2,__:[0]},1032,["onClick"])],4))),128)}}},[["__scopeId","data-v-76897c2d"]]),U=w({__name:"cImageScroll",props:{imageList:{type:Array,default:()=>[]},scrollBg:{type:String,default:"#ffffff"},indicatorPosition:{type:String,default:"none"}},emits:["change"],setup(t,{expose:n,emit:o}){const a=o,c=m=>{a("change",m)},l=e.ref(null);return n({setActive:m=>{l.value.setActiveItem(m)}}),(m,d)=>{const _=e.resolveComponent("CImageBox"),r=e.resolveComponent("el-carousel-item"),g=e.resolveComponent("el-carousel");return e.openBlock(),e.createElementBlock("div",{class:"c-image-scroll",style:e.normalizeStyle({background:t.scrollBg})},[e.createVNode(g,{ref_key:"carouselRef",ref:l,arrow:"always",trigger:"click",autoplay:!1,height:"100%",style:{height:"100%"},"indicator-position":t.indicatorPosition,onChange:c},{default:e.withCtx(()=>[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.imageList,p=>(e.openBlock(),e.createBlock(r,{key:p},{default:e.withCtx(()=>[e.createVNode(_,{images:p.items},null,8,["images"])]),_:2},1024))),128))]),_:1},8,["indicator-position"])],4)}}},[["__scopeId","data-v-5a8f0d41"]]);return{install(t){t.component("CImage",q).component("CImageBox",V).component("CImageList",O).component("CImageScroll",U)}}});

package/lib/style.css

@@ -1 +1 @@
-@charset "UTF-8";.wrap[data-v-567f63a7]{width:100%;height:100%;position:relative;border:1px solid #eee}.wrap .name[data-v-567f63a7]{position:absolute;top:20px;left:20px;z-index:1;padding:5px;font-size:16px}.wrap .image-item[data-v-567f63a7]{width:100%;height:100%}.wrap .preview-name[data-v-567f63a7]{position:absolute;top:20px;left:20px;z-index:1;padding:5px;font-size:16px}.image-box[data-v-28f92729]{width:100%;height:100%;position:relative;overflow-y:auto}.image-box .content[data-v-28f92729]{width:100%;height:100%;height:calc(100% - 5px)}.image-box .content .left[data-v-28f92729],.image-box .content .right[data-v-28f92729]{height:100%;display:flex;flex-direction:column}.image-box .content .left .item[data-v-28f92729],.image-box .content .right .item[data-v-28f92729]{flex:1;overflow:hidden}.empty-state[data-v-28f92729]{padding:40px 0;text-align:center;color:#999;border:1px dashed #ddd;border-radius:8px;margin-top:15px}.image-container[data-v-6692b78c]{height:100%;position:relative;overflow-y:auto}.container[data-v-6692b78c]{width:100%;margin-top:10px;padding:5px 0;display:flex;align-items:center;gap:8px}.container .wrapper[data-v-6692b78c]{flex:1;display:flex;overflow-x:auto}.container .wrapper .nav[data-v-6692b78c]{display:flex;gap:10px}.item[data-v-6692b78c]{position:relative;width:240px;height:160px;flex-shrink:0;border-radius:8px;overflow:hidden;cursor:pointer;opacity:.7;transition:all .3s;box-sizing:border-box;border:2px solid #e0e0e0}.item.active[data-v-6692b78c]{opacity:1;border:2px solid #2196f3}.item .title[data-v-6692b78c]{position:absolute;right:5px;top:5px;font-size:12px;color:#666}.item img[data-v-6692b78c]{width:100%;height:100%;object-fit:cover;display:block;text-align:center;line-height:9}.nav[data-v-6692b78c]::-webkit-scrollbar{display:none}.nav[data-v-6692b78c]{-ms-overflow-style:none;scrollbar-width:none}.nav[data-v-6692b78c]:before,.nav[data-v-6692b78c]:after{content:"";position:absolute;top:0;bottom:0;width:30px;pointer-events:none;z-index:1}.nav[data-v-6692b78c]:before{left:0;background:linear-gradient(to right,#fff,transparent)}.nav[data-v-6692b78c]:after{right:0;background:linear-gradient(to left,#fff,transparent)}.info-meta p[data-v-6692b78c]{margin-bottom:10px;color:#666;font-size:14px;display:flex}.info-meta span[data-v-6692b78c]{width:80px;color:#999}@keyframes fadeInUp-6692b78c{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.container[data-v-6692b78c]{height:100px}}.icon-plus[data-v-6692b78c]:before{content:"+";font-weight:700}.img-item[data-v-76897c2d]{position:relative;display:flex;flex-direction:column;align-items:center}.img-item[data-v-76897c2d] .el-image{cursor:pointer}.img-item .info[data-v-76897c2d]{width:240px;line-height:25px;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.img-item .big-img-wrap[data-v-76897c2d]{position:absolute;top:0;left:0;width:100%;height:100%;background:#00000080}.c-image-scroll[data-v-0b210d39]{width:100%;height:100%}
+@charset "UTF-8";.wrap[data-v-567f63a7]{width:100%;height:100%;position:relative;border:1px solid #eee}.wrap .name[data-v-567f63a7]{position:absolute;top:20px;left:20px;z-index:1;padding:5px;font-size:16px}.wrap .image-item[data-v-567f63a7]{width:100%;height:100%}.wrap .preview-name[data-v-567f63a7]{position:absolute;top:20px;left:20px;z-index:1;padding:5px;font-size:16px}.image-box[data-v-28f92729]{width:100%;height:100%;position:relative;overflow-y:auto}.image-box .content[data-v-28f92729]{width:100%;height:100%;height:calc(100% - 5px)}.image-box .content .left[data-v-28f92729],.image-box .content .right[data-v-28f92729]{height:100%;display:flex;flex-direction:column}.image-box .content .left .item[data-v-28f92729],.image-box .content .right .item[data-v-28f92729]{flex:1;overflow:hidden}.empty-state[data-v-28f92729]{padding:40px 0;text-align:center;color:#999;border:1px dashed #ddd;border-radius:8px;margin-top:15px}.image-container[data-v-6692b78c]{height:100%;position:relative;overflow-y:auto}.container[data-v-6692b78c]{width:100%;margin-top:10px;padding:5px 0;display:flex;align-items:center;gap:8px}.container .wrapper[data-v-6692b78c]{flex:1;display:flex;overflow-x:auto}.container .wrapper .nav[data-v-6692b78c]{display:flex;gap:10px}.item[data-v-6692b78c]{position:relative;width:240px;height:160px;flex-shrink:0;border-radius:8px;overflow:hidden;cursor:pointer;opacity:.7;transition:all .3s;box-sizing:border-box;border:2px solid #e0e0e0}.item.active[data-v-6692b78c]{opacity:1;border:2px solid #2196f3}.item .title[data-v-6692b78c]{position:absolute;right:5px;top:5px;font-size:12px;color:#666}.item img[data-v-6692b78c]{width:100%;height:100%;object-fit:cover;display:block;text-align:center;line-height:9}.nav[data-v-6692b78c]::-webkit-scrollbar{display:none}.nav[data-v-6692b78c]{-ms-overflow-style:none;scrollbar-width:none}.nav[data-v-6692b78c]:before,.nav[data-v-6692b78c]:after{content:"";position:absolute;top:0;bottom:0;width:30px;pointer-events:none;z-index:1}.nav[data-v-6692b78c]:before{left:0;background:linear-gradient(to right,#fff,transparent)}.nav[data-v-6692b78c]:after{right:0;background:linear-gradient(to left,#fff,transparent)}.info-meta p[data-v-6692b78c]{margin-bottom:10px;color:#666;font-size:14px;display:flex}.info-meta span[data-v-6692b78c]{width:80px;color:#999}@keyframes fadeInUp-6692b78c{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.container[data-v-6692b78c]{height:100px}}.icon-plus[data-v-6692b78c]:before{content:"+";font-weight:700}.img-item[data-v-76897c2d]{position:relative;display:flex;flex-direction:column;align-items:center}.img-item[data-v-76897c2d] .el-image{cursor:pointer}.img-item .info[data-v-76897c2d]{width:240px;line-height:25px;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.img-item .big-img-wrap[data-v-76897c2d]{position:absolute;top:0;left:0;width:100%;height:100%;background:#00000080}.c-image-scroll[data-v-5a8f0d41]{width:100%;height:100%}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "c-image",
-  "version": "1.0.2",
+  "version": "1.0.3",
   "type": "module",
   "author": "",
   "license": "MIT",