amis-playground
Version:
amis-playground 是一个amis在线代码编辑器可实时预览运行效果
2 lines (1 loc) • 2.88 kB
JavaScript
import{a as _,e as t,n as d,i as q,r as O,Y as Q,R as i,Q as y,cR as R,U,cS as Y,f as F,p as z,q as f,h as B}from"./index-7c288cb3.js";var D=function(n){_(l,n);function l(){var o=n!==null&&n.apply(this,arguments)||this;return o.list=[],o}return l.prototype.handleEnlarge=function(o){var a=this.props,h=a.onImageEnlarge,c=a.src,m=a.originalSrc;h&&h(t(t({},o),{originalSrc:o.originalSrc||o.src,list:this.list.map(function(e){return{src:c?d(c,e,"| raw"):e&&e.image||e,originalSrc:m?d(m,e,"| raw"):(e==null?void 0:e.src)||d(c,e,"| raw")||(e==null?void 0:e.image)||e,title:e&&(e.enlargeTitle||e.title),caption:e&&(e.enlargeCaption||e.description||e.caption)}})}),this.props)},l.prototype.render=function(){var o=this,a=this.props,h=a.className,c=a.style,m=a.defaultImage,e=a.thumbMode,v=a.thumbRatio,G=a.data;a.name;var T=a.placeholder,g=a.classnames,C=a.source,M=a.delimiter,P=a.enlargeAble,k=a.enlargeWithGallary,N=a.src,A=a.originalSrc,I=a.listClassName,S=a.options,x=a.showToolbar,V=a.toolbarActions,W=a.imageGallaryClassName;a.galleryControlClassName;var p=a.id,w=a.wrapperCustomStyle,j=a.env,u=a.themeCss;a.imagesControlClassName;var b,s;return typeof C=="string"&&q(C)?s=O(C,G,"| raw")||void 0:Array.isArray(b=Q(this.props))||typeof b=="string"?s=b:Array.isArray(S)&&(s=S),typeof s=="string"?s=s.split(M):s&&!Array.isArray(s)&&(s=[s]),this.list=s,i.createElement("div",{className:g("ImagesField",h,y(t(t({},this.props),{name:"imagesControlClassName",id:p,themeCss:u})),y(t(t({},this.props),{name:"wrapperCustomStyle",id:p,themeCss:w}))),style:c},Array.isArray(s)?i.createElement("div",{className:g("Images",I)},s.map(function(r,E){return i.createElement(R,{index:E,className:g("Images-item"),key:E,src:(N?d(N,r,"| raw"):r&&r.image)||r,originalSrc:(A?d(A,r,"| raw"):r&&r.src)||r,title:r&&r.title,caption:r&&(r.description||r.caption),thumbMode:e,thumbRatio:v,enlargeAble:P,enlargeWithGallary:k,onEnlarge:o.handleEnlarge,showToolbar:x,imageGallaryClassName:"".concat(W," ").concat(y(t(t({},o.props),{name:"imageGallaryClassName",id:p,themeCss:u}))," ").concat(y(t(t({},o.props),{name:"galleryControlClassName",id:p,themeCss:u}))),toolbarActions:V})})):m?i.createElement("div",{className:g("Images",I)},i.createElement(R,{className:g("Images-item"),src:m,thumbMode:e,thumbRatio:v})):T,i.createElement(U,t({},this.props,{config:{wrapperCustomStyle:w,id:p,themeCss:u,classNames:[{key:"imagesControlClassName"},{key:"galleryControlClassName"}]},env:j})))},l.defaultProps={className:"",delimiter:",",defaultImage:Y,placehoder:"-",thumbMode:"contain",thumbRatio:"1:1"},F([z,f("design:type",Function),f("design:paramtypes",[Object]),f("design:returntype",void 0)],l.prototype,"handleEnlarge",null),l}(i.Component),J=function(n){_(l,n);function l(){return n!==null&&n.apply(this,arguments)||this}return l=F([B({type:"images"})],l),l}(D);export{D as ImagesField,J as ImagesFieldRenderer};