1 line
6.7 KiB
JavaScript
1 line
6.7 KiB
JavaScript
(self["webpackChunktuzhi"]=self["webpackChunktuzhi"]||[]).push([[1247],{92406:function(e,t,n){var i=n(3235);i.__esModule&&(i=i.default),"string"===typeof i&&(i=[[e.id,i,""]]),i.locals&&(e.exports=i.locals);var u=n(56).Z;u("33ece1f5",i,!0,{sourceMap:!1,shadowMode:!1})},15771:function(e,t,n){"use strict";var i;n.d(t,{Z:function(){return m}});var u,r=function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("uvText",{attrs:{type:e.type,show:e.show,text:e.text,prefixIcon:e.prefixIcon,suffixIcon:e.suffixIcon,mode:e.mode,href:e.href,format:e.format,call:e.call,openType:e.openType,bold:e.bold,block:e.block,lines:e.lines,color:e.color,decoration:e.decoration,size:e.size,iconStyle:e.iconStyle,margin:e.margin,lineHeight:e.lineHeight,align:e.align,wordWrap:e.wordWrap,customStyle:e.customStyle},on:{click:function(t){arguments[0]=t=e.$handleEvent(t),e.$emit("click")}}})},l=[],s=n(63635),o=n(45539),a={name:"u--text",mixins:[uni.$u.mpMixin,o.Z,uni.$u.mixin],components:{uvText:s.Z}},c=a,h=n(69453),p=(0,h.Z)(c,r,l,!1,null,null,null,!1,i,u),m=p.exports},51247:function(e,t,n){"use strict";n.d(t,{Z:function(){return g}});var i,u={"u-Text":n(15771).Z},r=function(){var e=this,t=e.$createElement,n=e._self._c||t;return n("v-uni-view",{staticClass:"u-album"},e._l(e.showUrls,(function(t,i){return n("v-uni-view",{key:i,ref:"u-album__row",refInFor:!0,staticClass:"u-album__row",attrs:{forComputedUse:e.albumWidth}},e._l(t,(function(t,u){return n("v-uni-view",{key:u,staticClass:"u-album__row__wrapper",style:[e.imageStyle(i+1,u+1)],on:{click:function(n){arguments[0]=n=e.$handleEvent(n),e.previewFullImage&&e.onPreviewTap(e.getSrc(t))}}},[n("v-uni-image",{style:[{width:e.imageWidth,height:e.imageHeight}],attrs:{src:e.getSrc(t),mode:1===e.urls.length?e.imageHeight>0?e.singleMode:"widthFix":e.multipleMode}}),e.showMore&&e.urls.length>e.rowCount*e.showUrls.length&&i===e.showUrls.length-1&&u===e.showUrls[e.showUrls.length-1].length-1?n("v-uni-view",{staticClass:"u-album__row__wrapper__text"},[n("u--text",{attrs:{text:"+"+(e.urls.length-e.maxCount),color:"#fff",size:.3*e.multipleSize,align:"center",customStyle:"justify-content: center"}})],1):e._e()],1)})),1)})),1)},l=[],s=n(66407),o=n(4587),a=(n(21249),n(57658),n(74916),n(77601),n(9653),{props:{urls:{type:Array,default:uni.$u.props.album.urls},keyName:{type:String,default:uni.$u.props.album.keyName},singleSize:{type:[String,Number],default:uni.$u.props.album.singleSize},multipleSize:{type:[String,Number],default:uni.$u.props.album.multipleSize},space:{type:[String,Number],default:uni.$u.props.album.space},singleMode:{type:String,default:uni.$u.props.album.singleMode},multipleMode:{type:String,default:uni.$u.props.album.multipleMode},maxCount:{type:[String,Number],default:uni.$u.props.album.maxCount},previewFullImage:{type:Boolean,default:uni.$u.props.album.previewFullImage},rowCount:{type:[String,Number],default:uni.$u.props.album.rowCount},showMore:{type:Boolean,default:uni.$u.props.album.showMore}}}),c={name:"u-album",mixins:[uni.$u.mpMixin,uni.$u.mixin,a],data:function(){return{singleWidth:0,singleHeight:0,singlePercent:.6}},watch:{urls:{immediate:!0,handler:function(e){1===e.length&&this.getImageRect()}}},computed:{imageStyle:function(){var e=this;return function(t,n){var i=e.space,u=e.rowCount,r=(e.multipleSize,e.urls,uni.$u),l=r.addUnit,s=(r.addStyle,e.showUrls.length),o=(e.urls.length,{marginRight:l(i),marginBottom:l(i)});return t===s&&(o.marginBottom=0),(n===u||t===s&&n===e.showUrls[t-1].length)&&(o.marginRight=0),o}},showUrls:function(){var e=this,t=[];return this.urls.map((function(n,i){if(i+1<=e.maxCount){var u=Math.floor(i/e.rowCount);t[u]||(t[u]=[]),t[u].push(n)}})),t},imageWidth:function(){return uni.$u.addUnit(1===this.urls.length?this.singleWidth:this.multipleSize)},imageHeight:function(){return uni.$u.addUnit(1===this.urls.length?this.singleHeight:this.multipleSize)},albumWidth:function(){var e=0;return e=1===this.urls.length?this.singleWidth:this.showUrls[0].length*this.multipleSize+this.space*(this.showUrls[0].length-1),this.$emit("albumWidth",e),e}},methods:{onPreviewTap:function(e){var t=this,n=this.urls.map((function(e){return t.getSrc(e)}));uni.previewImage({current:e,urls:n})},getSrc:function(e){return uni.$u.test.object(e)?this.keyName&&e[this.keyName]||e.src:e},getImageRect:function(){var e=this,t=this.getSrc(this.urls[0]);uni.getImageInfo({src:t,success:function(t){var n=t.width>=t.height;e.singleWidth=n?e.singleSize:t.width/t.height*e.singleSize,e.singleHeight=n?t.height/t.width*e.singleWidth:e.singleSize},fail:function(){e.getComponentWidth()}})},getComponentWidth:function(){var e=this;return(0,o.Z)((0,s.Z)().mark((function t(){return(0,s.Z)().wrap((function(t){while(1)switch(t.prev=t.next){case 0:return t.next=2,uni.$u.sleep(30);case 2:e.$uGetRect(".u-album__row").then((function(t){e.singleWidth=t.width*e.singlePercent}));case 3:case"end":return t.stop()}}),t)})))()}}},h=c,p=(n(92406),n(69453)),m=(0,p.Z)(h,r,l,!1,null,"4b81eb33",null,!1,u,i),g=m.exports},3235:function(e,t,n){"use strict";n.r(t);var i=n(43481),u=n.n(i),r=n(2400),l=n.n(r),s=l()(u());s.push([e.id,"@charset \"UTF-8\";\n/**\n * 这里是uni-app内置的常用样式变量\n *\n * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量\n * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App\n *\n */\n/**\n *@import '/static/themes/css/arco.css';\n*/uni-button[data-v-4b81eb33]::after{content:none!important}\n/**\n * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能\n *\n * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件\n */\n/* 颜色变量 */\n/* 行为相关颜色 */\n/* 文字基本颜色 */\n/* 背景颜色 */\n/* 边框颜色 */\n/* 尺寸变量 */\n/* 文字尺寸 */\n/* 图片尺寸 */\n/* Border Radius */\n/* 水平间距 */\n/* 垂直间距 */\n/* 透明度 */\n/* 文章场景相关 */uni-view[data-v-4b81eb33], uni-scroll-view[data-v-4b81eb33], uni-swiper-item[data-v-4b81eb33]{display:flex;flex-direction:column;flex-shrink:0;flex-grow:0;flex-basis:auto;align-items:stretch;align-content:flex-start}.u-album[data-v-4b81eb33]{\ndisplay:flex;\nflex-direction:column}.u-album__row[data-v-4b81eb33]{\ndisplay:flex;\nflex-direction:row;flex-wrap:wrap}.u-album__row__wrapper[data-v-4b81eb33]{position:relative}.u-album__row__wrapper__text[data-v-4b81eb33]{position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.3);\ndisplay:flex;\nflex-direction:row;justify-content:center;align-items:center}",""]),t["default"]=s}}]); |