(self.webpackChunkant_design_pro=self.webpackChunkant_design_pro||[]).push([[85096],{70781:function(L){L.exports={searchMoreBtn:"searchMoreBtn___AnOKm",formCol:"formCol___P7fzw",rowForm:"rowForm___1xJOk",btnBom:"btnBom___2NEB0",addBtn:"addBtn___3GXrl",addmodule:"addmodule___2hxgp",addversion:"addversion___Odzd9",metapadd:"metapadd___1YsLm",showhidebtn:"showhidebtn___8WZNF",addbox:"addbox___3ed03",adddesignversion:"adddesignversion___3lBrX",tabsBbox:"tabsBbox___1J5NO",cardbox:"cardbox___2oCrL",hides:"hides___26W1E",designLib:"designLib___3jY4G",rowForm_lu:"rowForm_lu___h0VXx",radioNav:"radioNav___260Cs",cardList:"cardList___3hWNF",cardItem:"cardItem___1B12E",right:"right___235k4",free:"free___2E5zF",price:"price___HpXmT",cardMask:"cardMask___dDjLD",box:"box___1L28N",center:"center___Cuvdo",footer:"footer___nHtV9",nor:"nor___YBnoA",dan:"dan___1SecF",designBuy:"designBuy___3ty1-",payBox:"payBox___H7Bpz",col:"col___1pmr1",addPictureAll:"addPictureAll___2jL94",addPictureContent:"addPictureContent___3PG9P",setoneflex:"setoneflex___iet32",jiaBut:"jiaBut___3gC8y",addBorderHover:"addBorderHover___2b8NR",showFiveCount:"showFiveCount___3ppvA",showColor:"showColor___2ADbY",clearBack:"clearBack___RJeP9"}},65178:function(L,T,r){"use strict";r.r(T),r.d(T,{default:function(){return de}});var ce=r(13062),B=r(71230),he=r(59250),R=r(13013),me=r(89032),S=r(15746),ue=r(58024),F=r(91894),ve=r(30887),Z=r(28682),ge=r(43185),G=r(11324),v=r(11849),pe=r(47673),Q=r(4107),fe=r(74379),O=r(38648),xe=r(34792),z=r(48086),ye=r(71194),w=r(50146),Ze=r(18106),$=r(95562),je=r(9715),P=r(55843),H=r(67294),_=r(28216),ee=r(7085),D=r(49101),K=r(54977),W=r(99165),E=r(73171),k=r(8812),Y=r(44545),te=r(70781),g=r.n(te),se=r(55761),ae=r(1085),ie=r.n(ae),U=r(37406),re=r(93997),ne=r.n(re);function X(n,t){var s=window.cdnPath;return n?n.replace(/(^\s*)/g,"").indexOf("http")!=0&&n.indexOf(s)<0&&n.indexOf("data:image")!==0?s+n:n:""}function be(n){for(var t=document.cookie,s=t.split("; "),a=0;at(s.result)),s.readAsDataURL(n)}function oe(n){var t=n.size/1024/1024<2;return t||z.ZP.error("\u4E0A\u4F20\u56FE\u7247\u5927\u5C0F\u4E0D\u8D85\u8FC7 2MB!"),t}var de=(q=(0,_.$j)(n=>{var t=n.loading,s=n.custom;return{loading:t.effects["custom/fetch"],loadingAdd:t.effects["custom/addFetch"],custom:s}}),q(J=class extends H.Component{constructor(){super(...arguments);this.state={visible:!1,imageUrl:"",pcData:[],mobileData:[],visibleCropper:!1,uploading:!1,fileList:[],cropperimg:"",cropperfilename:"",isActiveNum:window.location.hash.indexOf("deskone")>-1?"1":"2"},this.clientType=1,this.formRef=H.createRef(),this.handleCroppershow=()=>{this.setState({visibleCropper:!0,cropperimg:"",cropperfilename:""})},this.handleCropperOk=()=>{var t=this;if(!this.state.cropperimg)return O.Z.warning({message:"\u63D0\u793A",description:"\u8BF7\u4E0A\u4F20\u56FE\u7247\u540E\u63D0\u4EA4"}),!1;var s=t.cropper.getCroppedCanvas().toDataURL();ie()(s,{quality:.6}).then(a=>{var o=this.dataURLtoBlob(a.base64),c=o.size/1024/1024<2;if(!c)return z.ZP.error("\u56FE\u7247\u6700\u5927\u4E0D\u8D85\u8FC72MB!"),c;var h=new FormData;h.append("file",o,t.state.cropperfilename),h.append("busType","design_logo");var y={method:"POST",body:h,headers:{credentials:"same-origin",token:(0,U.ej)("token")}};fetch("/api/disk/upload?projectid=45",y).then(f=>f.text()).then(f=>{var x=JSON.parse(f);x.success?(z.ZP.success("\u4E0A\u4F20\u6210\u529F"),t.setState({imageUrl:s,visibleCropper:!1}),t.commonSourceId=x.data.sourceID):z.ZP.error(f.message||"\u4E0A\u4F20\u5931\u8D25")}).catch(f=>{z.ZP.error(f.message||"\u4E0A\u4F20\u5931\u8D25")})})},this.handleCropperCancel=()=>{this.setState({visibleCropper:!1,cropperimg:"",cropperfilename:""})},this.dataURLtoBlob=t=>{for(var s=t.split(","),a=s[0].match(/:(.*?);/)[1],o=atob(s[1]),c=o.length,h=new Uint8Array(c);c--;)h[c]=o.charCodeAt(c);return new Blob([h],{type:a})},this.handlecropper=t=>{this.cropper=t},this.handleThemeUpload=(t,s,a)=>{var o=this,c=this.state,h=c.pcData,y=h===void 0?[]:h,f=c.mobileData,x=a===1?y:f,A=this.props.dispatch,j=t.title,I=t.designId,b=t.uploaded,C=b===void 0?!1:b;C?O.Z.warning({message:"\u63D0\u793A",description:"\u4E00\u5929\u4E4B\u5185\u53EA\u80FD\u4E0A\u4F20\u4E00\u6B21"}):M({title:"\u786E\u8BA4\u4E0A\u4F20\u88C5\u626E ".concat(j," \u81F3\u4E3B\u9898\u5E93\u5417\uFF1F"),onOk(){A({type:"custom/uploadFetch",payload:{designId:I},callback:m=>{m.success&&(x[s].uploaded=!0,a===1?o.setState({pcData:x}):o.setState({mobileData:x}))}})},onCancel(){}})},this.goThemeLib=t=>{}}componentDidMount(){var t=this.props.dispatch,s=this.state.isActiveNum;s=="1"&&this.getList(),s=="2"&&this.getMobileList()}componentWillUnmount(){}getList(){var t=this.props.dispatch;t({type:"custom/fetch",payload:{designType:Number(this.state.isActiveNum),clientType:1},callback:s=>{this.setState({pcData:Array.isArray(s.data)?s.data:[]})}}),this.commonSourceId=void 0,this.item=void 0}getMobileList(){var t=this.props.dispatch;t({type:"custom/fetch",payload:{designType:Number(this.state.isActiveNum)==2?1:3,clientType:2},callback:s=>{this.setState({mobileData:Array.isArray(s.data)?s.data:[]})}}),this.commonSourceIdMobile=void 0,this.itemMobile=void 0}renderAddDesign(){var t=this,s=(0,N.lw)((0,N.Kd)()),a=this.props,o=a.loadingAdd,c=a.dispatch,h=this.state,y=h.visible,f=h.imageUrl,x=h.loading,A=(0,e.jsxs)("div",{children:[this.state.loading?(0,e.jsx)(ee.Z,{}):(0,e.jsx)(D.Z,{}),(0,e.jsx)("div",{className:"ant-upload-text",children:"\u4E0A\u4F20"})]}),j={style:{width:"100%"},labelCol:{xs:{span:24},sm:{span:4}},wrapperCol:{xs:{span:24},sm:{span:18}}},I=()=>{var m=t.formRef.current;m.validateFields().then(l=>{m.resetFields();var d=l.versionName,i=this.item?"custom/updateFetch":"custom/addFetch";c({type:i,payload:{designType:this.state.isActiveNum=="1"||this.state.isActiveNum=="2"?1:3,clientType:this.state.isActiveNum=="1"||this.state.isActiveNum=="3"?1:2,title:d,sourceId:this.commonSourceId,designId:this.item?this.item.designId:void 0},callback:u=>{this.setState({visible:!1}),this.clientType==1?this.getList():this.getMobileList()}})})},b=()=>{this.setState({visible:!1})},C=m=>{if(m.file.status==="uploading"){this.setState({loading:!0});return}if(m.file.status==="done"){var l=m.file.response;l.code=="200"?l.success?(z.ZP.success(s.formatMessage({id:"common.success"})),this.commonSourceId=l.data.sourceID,le(m.file.originFileObj,d=>this.setState({imageUrl:d,loading:!1}))):z.ZP.error(l.message||s.formatMessage({id:"common.fail"})):z.ZP.error(l.message||s.formatMessage({id:"common.fail"}))}};return(0,e.jsx)(w.Z,{title:this.item?s.formatMessage({id:"common.edit"}):s.formatMessage({id:"pages.searchTable.new"}),visible:y,onOk:I,confirmLoading:o,width:520,onCancel:b,className:g().adddesignversion,children:(0,e.jsxs)(P.Z,{name:"addGroup",ref:this.formRef,children:[(0,e.jsx)(V,(0,v.Z)((0,v.Z)({},j),{},{name:"versionName",rules:[{required:!0,message:"\u8BF7\u8F93\u5165\u88C5\u626E\u540D\u79F0"},{max:12,message:"\u88C5\u626E\u540D\u79F0\u4E0D\u80FD\u8D85\u8FC712\u4E2A\u5B57"}],label:s.formatMessage({id:"common.name"}),children:(0,e.jsx)(Q.Z,{placeholder:"\u8BF7\u8F93\u5165\u88C5\u626E\u540D\u79F0",max:12})})),(0,e.jsx)(V,(0,v.Z)((0,v.Z)({},j),{},{style:{marginBottom:0},label:s.formatMessage({id:"explorer.videoposter"}),children:(0,e.jsx)("a",{onClick:this.handleCroppershow,children:(0,e.jsx)(G.Z,{accept:"image/*",headers:{token:(0,U.ej)("token")},listType:"picture-card",className:"avatar-uploader",showUploadList:!1,action:"/api/disk/upload?projectid=45",data:m=>({busType:"design_logo"}),beforeUpload:oe,onChange:C,disabled:!0,children:f?(0,e.jsx)("img",{src:f,alt:"avatar"}):A})})}))]})})}renderCardList(){var t=this,s=(0,N.lw)((0,N.Kd)()),a=this.props,o=a.dispatch,c=a.custom,h=!1,y={xs:12,sm:12,md:8,lg:h?6:8,xl:6},f={className:g().cardbox,hoverable:!0},x=this.state.pcData,A=()=>{if(x&&x.length>=20)return O.Z.warning({message:"\u63D0\u793A",description:"\u8BE5\u7C7B\u578B\u88C5\u626E\u6570\u91CF\u5DF2\u8FBE\u5230\u4E0A\u9650\u3002"}),!1;this.item="",this.setState({visible:!0,imageUrl:""},()=>{var i=t.formRef.current;i.resetFields(["versionName"])}),this.clientType=1},j=(i,u)=>{M({title:"\u542F\u7528\u4E3B\u9898",content:"\u5C06\u8981\u542F\u7528\u8BE5\u4E3B\u9898, \u662F\u5426\u7EE7\u7EED\uFF1F",onOk(){o({type:"custom/enableFetch",payload:{designId:u.designId},callback:p=>{p.success&&t.getList()}})},onCancel(){}})},I=(i,u)=>{this.item=u,this.setState({visible:!0,imageUrl:u.thumb},()=>{var p=t.formRef.current;p.setFieldsValue({versionName:u.title}),this.clientType=1})},b=(i,u)=>{M({title:"\u786E\u8BA4\u590D\u5236\u88C5\u626E ".concat(u.title," \u5417\uFF1F"),onOk(){o({type:"custom/addDesignCopyFetch",payload:{designId:u.designId},callback:p=>{p.success&&t.getList()}})},onCancel(){}})},C=(i,u)=>{M({title:"\u786E\u8BA4\u5220\u9664\u88C5\u626E ".concat(u.title," \u5417\uFF1F"),onOk(){o({type:"custom/deleteFetch",payload:{designId:u.designId},callback:p=>{p.success&&t.getList()}})},onCancel(){}})},m=(i,u)=>{window.open("/desktop/#/design?designId="+u.designId)},l=(i,u)=>{window.open("".concat("/","#/design/")+u.designId)},d=(i,u)=>(0,e.jsxs)(Z.Z,{children:[(0,e.jsxs)(Z.Z.Item,{onClick:p=>I(p,i),children:[(0,e.jsx)(K.Z,{}),s.formatMessage({id:"common.edit"})]}),(0,e.jsxs)(Z.Z.Item,{onClick:p=>b(p,i),children:[(0,e.jsx)(W.Z,{}),s.formatMessage({id:"explorer.copy"})]}),i.isUsed==1?"":(0,e.jsx)(Z.Z.Divider,{}),i.isUsed==1?"":(0,e.jsxs)(Z.Z.Item,{onClick:p=>C(p,i),children:[(0,e.jsx)(E.Z,{}),s.formatMessage({id:"common.delete"})]})]});return(0,e.jsxs)(B.Z,{gutter:20,className:h?{}:g().showFiveCount,children:[(0,e.jsx)(S.Z,(0,v.Z)((0,v.Z)({},y),{},{className:g().addBorderHover,children:(0,e.jsxs)(F.Z,{className:g().cardbox+" "+g().addbox,hoverable:!0,onClick:()=>{A()},style:{fontSize:16},children:[(0,e.jsxs)("div",{style:{fontSize:18,color:"rgb(0,0,0,.45)",position:"absolute",bottom:140,textAlign:"center",lineHeight:"14px",width:"100%",display:"flex",alignItems:"center",justifyContent:"center"},children:[(0,e.jsx)(D.Z,{style:{fontSize:20,display:"inline-block"}}),(0,e.jsxs)("soan",{children:[" ",s.formatMessage({id:"pages.searchTable.new"})]})]}),(0,e.jsx)("div",{style:{fontSize:12,color:"rgb(0,0,0,.45)",position:"absolute",bottom:6,textAlign:"center",lineHeight:"14px",width:"100%"}})]})})),x.map((i,u)=>(0,e.jsx)(S.Z,(0,v.Z)((0,v.Z)({},y),{},{className:g().addBorderHover,children:(0,e.jsx)(F.Z,(0,v.Z)((0,v.Z)({},f),{},{cover:(0,e.jsx)("img",{alt:"example",src:i.thumb?X(i.thumb):"/design/designstatic/chatroom/img/modesign.png"}),"data-on":i.isUsed==1,children:(0,e.jsxs)("div",{className:"title",style:{paddingBottom:10},children:[(0,e.jsx)("div",{style:{whiteSpace:"nowrap",textOverflow:"ellipsis",overflow:"hidden",paddingLeft:12,width:"100%"},children:i.title}),(0,e.jsxs)("div",{style:{position:"relative"},children:[(0,e.jsxs)("div",{className:g().jiaBut,style:{marginTop:8},children:[(0,e.jsxs)("div",{style:{marginRight:12},onClick:p=>l(p,i),children:[s.formatMessage({id:"mack.xxx.designbtn"}),(0,e.jsx)(k.Z,{})]}),(0,e.jsx)("div",{onClick:p=>j(p,i),style:{display:i.isUsed==1?"none":""},children:s.formatMessage({id:"admin.member.enable"})})]}),(0,e.jsx)("div",{style:{width:32,position:"absolute",right:-1,top:-7},children:(0,e.jsx)("div",{className:"botBtn",style:i.isUsed==1?{textAlign:"left"}:{},children:(0,e.jsx)(R.Z,{overlay:()=>d(i,u),placement:i.isUsed==1?"topLeft":"topRight",trigger:["click","hover"],children:(0,e.jsx)(Y.Z,{style:{color:"#57AEFF",fontSize:24,paddingTop:12}})})})})]})]})}))}),i.designId))]})}renderMobileCardList(){var t=this,s=!1,a=(0,N.lw)((0,N.Kd)()),o=this.props.dispatch,c={xs:12,sm:12,md:8,lg:s?6:8,xl:6},h={className:g().cardbox,hoverable:!0},y=this.state.mobileData,f=()=>{if(y&&y.length>=20)return O.Z.warning({message:"\u63D0\u793A",description:"\u8BE5\u7C7B\u578B\u88C5\u626E\u6570\u91CF\u5DF2\u8FBE\u5230\u4E0A\u9650\u3002"}),!1;this.item="",this.setState({visible:!0,imageUrl:""},()=>{var l=t.formRef.current;l.resetFields(["versionName"])}),this.clientType=2},x=(l,d)=>{M({title:"\u542F\u7528\u4E3B\u9898",content:"\u5C06\u8981\u542F\u7528\u8BE5\u4E3B\u9898, \u662F\u5426\u7EE7\u7EED\uFF1F",onOk(){o({type:"custom/enableFetch",payload:{designId:d.designId},callback:i=>{i.success&&t.getMobileList()}})},onCancel(){}})},A=(l,d)=>{window.open("/mobile/#/design?designId="+d.designId)},j=(l,d)=>{window.open("".concat("/","#/designMobile/")+d.designId)},I=(l,d)=>{this.item=d,this.setState({visible:!0,imageUrl:d.thumb},()=>{var i=t.formRef.current;i.setFieldsValue({versionName:d.title}),this.clientType=2})},b=(l,d)=>{M({title:"\u786E\u8BA4\u590D\u5236\u88C5\u626E ".concat(d.title," \u5417\uFF1F"),onOk(){o({type:"custom/addDesignCopyFetch",payload:{designId:d.designId},callback:i=>{i.success&&t.getMobileList()}})},onCancel(){}})},C=(l,d)=>{M({title:"\u786E\u8BA4\u5220\u9664\u88C5\u626E ".concat(d.title," \u5417\uFF1F"),onOk(){o({type:"custom/deleteFetch",payload:{designId:d.designId},callback:i=>{i.success&&t.getMobileList()}})},onCancel(){}})},m=(l,d)=>(0,e.jsxs)(Z.Z,{children:[(0,e.jsxs)(Z.Z.Item,{onClick:i=>I(i,l),children:[(0,e.jsx)(K.Z,{}),a.formatMessage({id:"common.edit"})]}),(0,e.jsx)(Z.Z.Divider,{}),(0,e.jsxs)(Z.Z.Item,{onClick:i=>b(i,l),children:[(0,e.jsx)(W.Z,{}),a.formatMessage({id:"explorer.copy"})]}),l.isUsed==1?"":(0,e.jsx)(Z.Z.Divider,{}),l.isUsed==1?"":(0,e.jsxs)(Z.Z.Item,{onClick:i=>C(i,l),children:[(0,e.jsx)(E.Z,{}),a.formatMessage({id:"common.delete"})]})]});return(0,e.jsxs)(B.Z,{gutter:20,className:s?{}:g().showFiveCount,children:[(0,e.jsx)(S.Z,(0,v.Z)((0,v.Z)({},c),{},{className:g().addBorderHover,children:(0,e.jsxs)(F.Z,{className:g().cardbox+" "+g().addbox,hoverable:!0,onClick:()=>{f()},style:{fontSize:16},children:[(0,e.jsxs)("div",{style:{fontSize:18,color:"rgb(0,0,0,.45)",position:"absolute",bottom:140,textAlign:"center",lineHeight:"14px",width:"100%",display:"flex",alignItems:"center",justifyContent:"center"},children:[(0,e.jsx)(D.Z,{style:{fontSize:20,display:"inline-block"}}),(0,e.jsx)("soan",{children:a.formatMessage({id:"pages.searchTable.new"})})]}),(0,e.jsx)("div",{style:{fontSize:12,color:"rgb(0,0,0,.45)",position:"absolute",bottom:6,textAlign:"center",lineHeight:"14px",width:"100%"}})]})})),y.map((l,d)=>(0,e.jsx)(S.Z,(0,v.Z)((0,v.Z)({},c),{},{className:g().addBorderHover,children:(0,e.jsx)(F.Z,(0,v.Z)((0,v.Z)({},h),{},{cover:(0,e.jsx)("img",{alt:"example",src:l.thumb?X(l.thumb):"/design/designstatic/chatroom/img/modesign.png"}),"data-on":l.isUsed==1,children:(0,e.jsxs)("div",{className:"title",style:{paddingBottom:10},children:[(0,e.jsx)("div",{style:{whiteSpace:"nowrap",textOverflow:"ellipsis",overflow:"hidden",paddingLeft:12,width:"100%"},children:l.title}),(0,e.jsxs)("div",{style:{position:"relative"},children:[(0,e.jsxs)("div",{className:g().jiaBut,style:{marginTop:8,flex:1},children:[(0,e.jsxs)("div",{style:{marginRight:12},onClick:i=>j(i,l),children:[a.formatMessage({id:"mack.xxx.designbtn"}),(0,e.jsx)(k.Z,{})]}),(0,e.jsx)("div",{onClick:i=>x(i,l),style:{display:l.isUsed==1?"none":""},children:a.formatMessage({id:"admin.member.enable"})})]}),(0,e.jsx)("div",{style:{width:32,position:"absolute",right:-1,top:-7},children:(0,e.jsx)("div",{className:"botBtn",style:l.isUsed==1?{textAlign:"left"}:{},children:(0,e.jsx)(R.Z,{overlay:()=>m(l,d),placement:l.isUsed==1?"topLeft":"topRight",trigger:["click","hover"],children:(0,e.jsx)(Y.Z,{style:{color:"#57AEFF",fontSize:24,paddingTop:12}})})})})]})]})}))}),l.designId))]})}renderImageCropper(){var t=this.props.custom,s=t.lang,a=s===void 0?"zhCN":s,o=t.isMobile,c=this.state,h=c.uploading,y=c.fileList,f=c.imageUrl,x=c.cropperimg,A=(0,N.lw)((0,N.Kd)());switch(a){case"zhCN":this.language={lang:a,keywords:"\u5173\u952E\u8BCD",placeholder:"\u641C\u7D22\u6A21\u5757\u540D\u79F0\u3001\u6A21\u5757\u5730\u5740\u67E5\u8BE2",query:"\u67E5\u8BE2",reset:"\u91CD\u7F6E",add:"\u65B0\u589E\u6A21\u5757"};break;case"enGB":this.language={lang:a,keywords:"keywords",placeholder:"Search name and address",query:"query",reset:"reset",add:"New module"};break;default:}var j=this,I=j.formRef.current,b=m=>{},C={accept:"image/*",headers:{token:(0,U.ej)("token")},action:"/api/disk/upload?projectid=45",onRemove:m=>{this.setState(l=>{var d=l.fileList,i=d.indexOf(m),u=d.slice();return u.splice(i,1),{fileList:u}})},beforeUpload:m=>{var l=m.size/1024/1024<2,d=new FileReader;return d.readAsDataURL(m),d.onloadend=function(){j.setState({cropperimg:d.result,cropperfilename:m.name})},!1},fileList:y};return(0,e.jsx)(w.Z,{title:"\u5C01\u9762\u88C1\u526A",keyboard:!1,maskClosable:!1,destroyOnClose:!0,visible:this.state.visibleCropper,onOk:this.handleCropperOk,width:680,onCancel:this.handleCropperCancel,children:(0,e.jsx)(P.Z,{style:{textAlign:"center",height:300,overflow:"hidden"},layout:"inline",children:(0,e.jsx)(V,{className:"headPhoto",children:(0,e.jsxs)(B.Z,{gutter:24,children:[(0,e.jsx)(S.Z,{style:{textAlign:"center"},xs:24,sm:12,md:12,lg:12,xl:12,children:x!=""?(0,e.jsx)(se.Z,{style:{width:300,height:300,border:"1px solid #cccccc"},ref:m=>this.handlecropper(m),src:x,viewMode:1,preview:".small",aspectRatio:5/3,minContainerWidth:300,minContainerHeight:300,crop:b}):(0,e.jsx)(G.Z,(0,v.Z)((0,v.Z)({},C),{},{children:(0,e.jsx)("div",{className:g().addPictureAll,children:(0,e.jsxs)("div",{className:g().addPictureContent,children:[(0,e.jsx)("div",{style:{width:54,height:54,marginLeft:44,marginBottom:12},children:(0,e.jsx)("img",{style:{width:54,height:54},src:ne()})}),(0,e.jsx)("div",{style:{fontSize:16,fontWeight:400,color:"#999999"},children:o?A.formatMessage({id:"common.upload"}):A.formatMessage({id:"common.upload"})})]})})}))}),o?"":(0,e.jsx)(S.Z,{style:{textAlign:"center"},xs:24,sm:12,md:12,lg:12,xl:12,children:(0,e.jsx)("div",{className:"small",style:{width:300,height:300,overflow:"hidden",border:"1px solid #cccccc"}})})]})})})})}render(){var t=this,s=a=>{this.setState({isActiveNum:a},()=>{a=="2"||a=="4"?t.getMobileList():t.getList()})};return(0,e.jsxs)(H.Fragment,{children:[(0,e.jsxs)("div",{className:g().tabsBbox,children:[this.state.isActiveNum=="1"?(0,e.jsxs)("div",{children:[this.renderCardList(),this.renderAddDesign()]}):"",this.state.isActiveNum=="2"?(0,e.jsxs)("div",{children:[this.renderMobileCardList(),this.renderAddDesign()]}):""]}),this.renderImageCropper()]})}})||J)},93997:function(L){L.exports="data:image/png;base64,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"}}]);