(self.webpackChunkant_design_pro=self.webpackChunkant_design_pro||[]).push([[70798],{2603:function(he,G,a){"use strict";a.d(G,{Z:function(){return j}});var U=a(28991),T=a(67294),te={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M832 464h-68V240c0-70.7-57.3-128-128-128H388c-70.7 0-128 57.3-128 128v224h-68c-17.7 0-32 14.3-32 32v384c0 17.7 14.3 32 32 32h640c17.7 0 32-14.3 32-32V496c0-17.7-14.3-32-32-32zM332 240c0-30.9 25.1-56 56-56h248c30.9 0 56 25.1 56 56v224H332V240zm460 600H232V536h560v304zM484 701v53c0 4.4 3.6 8 8 8h40c4.4 0 8-3.6 8-8v-53a48.01 48.01 0 10-56 0z"}}]},name:"lock",theme:"outlined"},z=te,ne=a(27029),w=function(Q,C){return T.createElement(ne.Z,(0,U.Z)((0,U.Z)({},Q),{},{ref:C,icon:z}))};w.displayName="LockOutlined";var j=T.forwardRef(w)},76734:function(he){he.exports={newColorPicker:"newColorPicker___2va38"}},44943:function(){},96328:function(he,G,a){"use strict";var U=a(67294),T=a(79941),te=a(53390),z=a(76734),ne=a.n(z),w=a(85893);function j(C){var I=C.offsetTop;return C.offsetParent!=null&&(I+=j(C.offsetParent)),I}function ae(C){var I=C.offsetLeft;return C.offsetParent!=null&&(I+=ae(C.offsetParent)),I}class Q extends U.Component{constructor(){super(...arguments);this.state={displayColorPicker:!1,pageX:0,pageY:0},this.handleClick=I=>{var n=this.props.cssData,o=n===void 0?{devX:0,devY:0}:n,re=o.devX,E=o.devY;this.first=!0;var L=root.clientWidth,M=root.clientHeight,Z=$(I.target),x=Z.offset().left+re,K=Z.offset().top+Z.outerHeight()+5+E;x+220>L&&(x=L-220),K+333>M&&(K=M-333),this.setState({displayColorPicker:!this.state.displayColorPicker,pageX:x,pageY:K})},this.handleClear=()=>{var I=this.props.onChange,n=I===void 0?o=>{}:I;this.setState({displayColorPicker:!1,scrollTop:0}),n("transparent")},this.handleClose=()=>{this.setState({displayColorPicker:!1,scrollTop:0})}}render(){var I=this.props,n=I.className,o=n===void 0?"colorPicker":n,re=I.onChange,E=re===void 0?F=>{}:re,L=I.value,M=L===void 0?"#000000":L,Z=I.style,x=this.state,K=x.pageX,le=x.pageY,J=F=>{F.rgb.a<1&&!(this.first&&F.rgb.a==0)?E("rgba(".concat(F.rgb.r,", ").concat(F.rgb.g,", ").concat(F.rgb.b,", ").concat(F.rgb.a,")")):E(F.hex),this.first=!1},V=(0,T.ZP)({default:{color:{height:"100%",borderRadius:"2px",background:M},colorBox:{height:"100%",borderRadius:"2px",boxShadow:"0 0 0 1px rgba(0,0,0,.1)",background:'url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAMUlEQVQ4T2NkYGAQYcAP3uCTZhw1gGGYhAGBZIA/nYDCgBDAm9BGDWAAJyRCgLaBCAAgXwixzAS0pgAAAABJRU5ErkJggg==")'},swatch:{width:"100%",height:"100%",padding:"2px",background:"#fff",borderRadius:"1px",boxShadow:"0 0 0 1px rgba(0,0,0,.1)",display:"inline-block",cursor:"pointer"},popover:{position:"fixed",zIndex:"101",background:"#ccc",top:le,left:K},cover:{position:"fixed",top:"0px",right:"0px",bottom:"0px",left:"0px"},clearBtn:{position:"absolute",bottom:"10px",height:"18px",lineHeight:"18px",right:"8px",zIndex:1,fontSize:"12px",cursor:"pointer"}}});return(0,w.jsxs)("div",{style:Z,className:o+" "+ne().newColorPicker,children:[(0,w.jsx)("div",{style:V.swatch,onClick:this.handleClick,children:(0,w.jsx)("div",{style:V.colorBox,children:(0,w.jsx)("div",{style:V.color})})}),this.state.displayColorPicker?(0,w.jsxs)("div",{style:V.popover,children:[(0,w.jsx)("div",{style:V.clearBtn,onClick:this.handleClear,children:"\u6E05\u7A7A"}),(0,w.jsx)("div",{style:V.cover,onClick:this.handleClose}),(0,w.jsx)(te.xS,{color:M,onChange:J})]}):null]})}}G.Z=Q},56678:function(he,G,a){"use strict";a.r(G),a.d(G,{default:function(){return ee}});var U=a(48736),T=a(27049),te=a(20136),z=a(55241),ne=a(47673),w=a(4107),j=a(66126),ae=a(99177),Q=a(13062),C=a(71230),I=a(89032),n=a(15746),o=a(11849),re=a(77883),E=a(85986),L=a(88983),M=a(47933),Z=a(43358),x=a(34041),K=a(67294),le=a(28216),J=a(28991),V={icon:{tag:"svg",attrs:{viewBox:"64 64 896 896",focusable:"false"},children:[{tag:"path",attrs:{d:"M832 464H332V240c0-30.9 25.1-56 56-56h248c30.9 0 56 25.1 56 56v68c0 4.4 3.6 8 8 8h56c4.4 0 8-3.6 8-8v-68c0-70.7-57.3-128-128-128H388c-70.7 0-128 57.3-128 128v224h-68c-17.7 0-32 14.3-32 32v384c0 17.7 14.3 32 32 32h640c17.7 0 32-14.3 32-32V496c0-17.7-14.3-32-32-32zm-40 376H232V536h560v304zM484 701v53c0 4.4 3.6 8 8 8h40c4.4 0 8-3.6 8-8v-53a48.01 48.01 0 10-56 0z"}}]},name:"unlock",theme:"outlined"},F=V,ve=a(27029),pe=function(t,u){return K.createElement(ve.Z,(0,J.Z)((0,J.Z)({},t),{},{ref:u,icon:F}))};pe.displayName="UnlockOutlined";var me=K.forwardRef(pe),xe=a(2603),ie=a(54549),_=a(96328),s=a(41273),A=a(7861),B=a(30672),g=a(44258),r=a.n(g),e=a(85893),Y,oe,N=x.Z.Option,q=M.ZP.Button,ue=M.ZP.Group,ee=(Y=(0,le.$j)(de=>{var t=de.globaldesign,u=de.commondesign,m=de.record;return{globaldesign:t,commondesign:u,record:m}}),Y(oe=class extends K.Component{constructor(){super(...arguments);this.state={left:0,top:0,width:0,height:0,angle:0,zIndex:0,opacity:100,backgroundColor:"none",borderType:"a",borderWidth:"0",borderStyle:"solid",borderColor:"#BBBBBB",borderArr:{l:{c:"#BBBBBB",s:"solid",w:"0"},t:{c:"#BBBBBB",s:"solid",w:"0"},r:{c:"#BBBBBB",s:"solid",w:"0"},b:{c:"#BBBBBB",s:"solid",w:"0"}},borderRadius:0,borderRadiusAttr:[0,0,0,0],borderTypeVisible:!1,borderRadiusVisible:!1,lockRatio:1},this.prevData={},this.startMouseMove=!1}componentDidMount(){this.updateComponentDom()}shouldComponentUpdate(){var t=this;return!window.startMouseMove||t.startMouseMove}componentDidUpdate(t,u){var m=this,h=m.props.globaldesign.selectElement,c=t.globaldesign.selectElement,d=h&&h.attr("data-mid"),f=c&&c.attr("data-mid");f!==d&&this.updateComponentDom();var p=m.props.record.index,l=t.record.index;l!=p&&this.updateComponentDom()}updateComponentDom(){var t=this,u=t.props.globaldesign.selectElement;if(!u)return!1;var m=u?u.hasClass("multiModule"):!1,h=m?$(".onModule"):u,c=parseInt(u.css("left"))||0,d=parseInt(u.css("top"))||0,f=u.outerWidth()||0,p=u.outerHeight()||0,l=h.css("borderLeft"),y=h.css("borderTop"),P=h.css("borderRight"),R=h.css("borderBottom"),k=(0,s.pl)(l),O=(0,s.pl)(y),S=(0,s.pl)(P),b=(0,s.pl)(R),H=parseInt(h.css("border-top-left-radius")),X=parseInt(h.css("border-top-right-radius")),D=parseInt(h.css("border-bottom-left-radius")),v=parseInt(h.css("border-bottom-right-radius")),fe=u.parent(),be=u.hasClass("noLimit")?void 0:fe.outerHeight()-u.outerHeight(),W=u.hasClass("hoverConBox");t.setState({left:c,top:d,maxTop:be,width:f,height:p,angle:(0,s.Kx)(h),zIndex:h.css("zIndex")=="auto"?0:h.css("zIndex"),opacity:h.css("opacity")*100,backgroundColor:h.css("backgroundColor"),borderType:l==y&&y==P&&P==R?"a":"b",borderArr:{left:{c:k[2],s:k[1],w:k[0]},top:{c:O[2],s:O[1],w:O[0]},right:{c:S[2],s:S[1],w:S[0]},bottom:{c:b[2],s:b[1],w:b[0]}},borderWidth:parseInt(h.css("borderWidth")),borderStyle:h.css("borderStyle"),borderColor:h.css("borderColor"),borderRadius:H||X||D||v,borderRadiusAttr:[H,X,D,v],lockRatio:f/p,hideLT:W,hideWH:W,hideAZ:W})}renderLT(){var t=this,u=t.props.globaldesign,m=u.selectElement,h=u.version,c=m.hasClass("multiModule"),d=t.state,f=d.left,p=d.top,l=d.width,y=d.height,P=d.angle,R=d.zIndex,k=d.maxTop,O={value:f,onChange:b=>{this.setState({left:b}),m.css({left:b})},onFocus:()=>{(0,s.gu)(m,"move")},onBlur:()=>{(0,s.gV)({type:"move",parentSelf:t})},disabled:c},S={value:p,max:k,onChange:b=>{t.setState({top:b}),m.css({top:b})},onFocus:()=>{(0,s.gu)(m,"move")},onBlur:()=>{(0,s.gV)({type:"move",parentSelf:t})},disabled:c};return h=="Concise"?(0,e.jsxs)(C.Z,{className:r().attrRow,gutter:10,children:[(0,e.jsxs)(n.Z,{span:12,children:[(0,e.jsx)("span",{className:"prefix",children:"X"}),(0,e.jsx)(E.Z,(0,o.Z)({},O))]}),(0,e.jsxs)(n.Z,{span:12,children:[(0,e.jsx)("span",{className:"prefix",children:"Y"}),(0,e.jsx)(E.Z,(0,o.Z)({},S))]})]}):(0,e.jsx)("div",{className:r().ClassicRow,style:{width:160},children:(0,e.jsxs)(C.Z,{className:r().attrRow,gutter:10,children:[(0,e.jsxs)(n.Z,{span:12,children:[(0,e.jsx)("span",{className:"prefix",children:"X"}),(0,e.jsx)(E.Z,(0,o.Z)({},O))]}),(0,e.jsxs)(n.Z,{span:12,children:[(0,e.jsx)("span",{className:"prefix",children:"Y"}),(0,e.jsx)(E.Z,(0,o.Z)({},S))]})]})})}renderWH(){var t=this,u=t.props,m=u.dispatch,h=u.globaldesign,c=h.selectElement,d=h.version,f=h.isLockRatio,p=(0,B.lw)((0,B.Kd)()),l=c.hasClass("multiModule"),y=t.state,P=y.width,R=y.height,k=y.lockRatio,O=c.parent(),S=O.height()-parseInt(c.css("top")),b={value:P,style:{paddingLeft:2},onChange:D=>{var v=D;D<0&&(v=0),this.setState({width:v}),c.css({width:v}),f&&(v=parseInt(v/k),this.setState({height:v}),c.css({height:v}))},onFocus:()=>{(0,s.gu)(c,"move")},onBlur:()=>{(0,s.gV)({type:"move",parentSelf:t})},disabled:l},H={value:R,style:{paddingLeft:2},onChange:D=>{var v=D;D<0&&(v=0),D>S&&(v=S),this.setState({height:v}),c.css({height:v}),f&&(v=parseInt(v*k),this.setState({width:v}),c.css({width:v}))},onFocus:()=>{(0,s.gu)(c,"move")},onBlur:()=>{(0,s.gV)({type:"move",parentSelf:t})},disabled:l},X=()=>{m({type:"globaldesign/changeState",payload:{isLockRatio:!f}}),this.setState({lockRatio:P/R})};return d=="Concise"?(0,e.jsxs)(C.Z,{className:r().attrRow,gutter:10,children:[(0,e.jsxs)(n.Z,{span:12,children:[(0,e.jsx)("span",{className:"prefix",children:p.formatMessage({id:"common.width"})}),(0,e.jsx)(E.Z,(0,o.Z)({},b))]}),(0,e.jsxs)(n.Z,{span:12,children:[(0,e.jsx)("span",{className:"prefix",children:p.formatMessage({id:"common.height"})}),(0,e.jsx)(E.Z,(0,o.Z)({},H))]})]}):(0,e.jsx)("div",{className:r().ClassicRow,style:{width:160},children:(0,e.jsxs)(C.Z,{className:r().attrRow,gutter:15,children:[(0,e.jsxs)(n.Z,{span:12,children:[(0,e.jsx)("span",{className:"prefix",style:{left:8},children:p.formatMessage({id:"common.width"})}),(0,e.jsx)(E.Z,(0,o.Z)({},b))]}),(0,e.jsx)("div",{className:"lockRatioBox",onClick:X,children:f?(0,e.jsx)(xe.Z,{style:{color:"#1890ff"}}):(0,e.jsx)(me,{})}),(0,e.jsxs)(n.Z,{span:12,children:[(0,e.jsx)("span",{className:"prefix",style:{left:8},children:p.formatMessage({id:"common.height"})}),(0,e.jsx)(E.Z,(0,o.Z)({},H))]})]})})}renderAZ(){var t=this,u=t.props.globaldesign,m=u.selectElement,h=u.version,c=m.hasClass("multiModule")?$(".onModule"):m,d=t.state,f=d.angle,p=d.zIndex,l={value:f,onChange:P=>{this.setState({angle:P}),c.css({transform:"rotate("+P+"deg)"})},onFocus:()=>{(0,s.gu)(c,"angle")},onBlur:()=>{(0,s.gV)({type:"angle",parentSelf:t})}},y={value:p,min:0,max:99,onChange:P=>{this.setState({zIndex:P}),c.css({zIndex:P})},onFocus:()=>{(0,s.gu)(c,"zIndex")},onBlur:()=>{(0,s.gV)({type:"zIndex",parentSelf:t})}};return h=="Concise"?(0,e.jsxs)(C.Z,{className:r().attrRow,gutter:10,children:[(0,e.jsxs)(n.Z,{span:12,children:[(0,e.jsx)("span",{className:"prefix",children:"\u2220"}),(0,e.jsx)(E.Z,(0,o.Z)({},l))]}),(0,e.jsxs)(n.Z,{span:12,children:[(0,e.jsx)("span",{className:"prefix",children:"Z"}),(0,e.jsx)(E.Z,(0,o.Z)({},y))]})]}):(0,e.jsx)("div",{className:r().ClassicRow,style:{width:80,float:"right"},children:(0,e.jsxs)(C.Z,{className:r().attrRow,gutter:10,children:[(0,e.jsxs)(n.Z,{span:24,style:{marginBottom:14},children:[(0,e.jsx)("span",{className:"prefix",children:"Z"}),(0,e.jsx)(E.Z,(0,o.Z)({},y))]}),(0,e.jsxs)(n.Z,{span:24,children:[(0,e.jsx)("span",{className:"prefix",children:"\u2220"}),(0,e.jsx)(E.Z,(0,o.Z)({},l))]})]})})}renderOpacity(){var t=this,u=t.props.globaldesign,m=u.selectElement,h=u.version,c=(0,B.lw)((0,B.Kd)()),d=m.hasClass("multiModule")?$(".onModule"):m,f=t.state.opacity,p={value:f,tipFormatter:null,onChange:R=>{t.setState({opacity:R}),(0,s.gu)(d,"opacity"),d.css({opacity:R/100}),(0,s.gV)({type:"opacity",parentSelf:t})}},l={value:f,onChange:R=>{t.setState({opacity:R>100?100:R}),d.css({opacity:R/100})},onFocus:()=>{(0,s.gu)(d,"opacity")},onBlur:()=>{(0,s.gV)({type:"opacity",parentSelf:t})}};if(h=="Concise")return(0,e.jsxs)(C.Z,{className:r().attrRow,gutter:10,children:[(0,e.jsx)(n.Z,{span:6,children:c.formatMessage({id:"admin.setting.transparency"})}),(0,e.jsx)(n.Z,{span:12,children:(0,e.jsx)(ae.Z,(0,o.Z)({},p))}),(0,e.jsx)(n.Z,{span:6,children:(0,e.jsx)(w.Z,(0,o.Z)({},l))})]});var y=R=>{if(!$(R.target).hasClass("sliderBox"))return!1;var k=$(R.target).offset().left,O=parseInt((R.pageX-k)/1.42);(0,s.gu)(d,"opacity"),d.css({opacity:O/100}),t.setState({opacity:O}),(0,s.gV)({type:"opacity",parentSelf:t})},P=R=>{var k=R.pageX,O=f;t.startMouseMove=!0;var S=H=>{var X=H.pageX-k,D=O+parseInt(X/142*100);D<0?D=0:D>100&&(D=100),(0,s.gu)(d,"opacity"),d.css({opacity:D/100}),t.setState({opacity:D})},b=()=>{(0,s.gV)({type:"opacity",parentSelf:t}),t.startMouseMove=!1};(0,A.Y0)(S,b)};return(0,e.jsx)("div",{className:r().ClassicRow,children:(0,e.jsxs)(C.Z,{className:r().attrRow,gutter:10,children:[(0,e.jsx)(n.Z,{span:5,children:c.formatMessage({id:"admin.setting.transparency"})}),(0,e.jsx)(n.Z,{span:14,children:(0,e.jsx)("div",{className:"sliderBg",children:(0,e.jsx)("div",{className:"sliderBox",onMouseDown:y,children:(0,e.jsx)("div",{className:"sliderBar",onMouseDown:P,style:{left:f+"%"}})})})}),(0,e.jsx)(n.Z,{span:5,className:"rightInput",children:(0,e.jsx)(E.Z,(0,o.Z)({},l))})]})})}renderBackgroundColor(){var t=this,u=t.props.globaldesign,m=u.selectElement,h=u.version,c=(0,B.lw)((0,B.Kd)()),d=m.hasClass("multiModule")?$(".onModule"):m,f=t.state.backgroundColor,p={value:f,style:{height:26,borderRadius:4,width:100},onChange:l=>{this.setState({backgroundColor:l}),(0,s.gu)(d,"backgroundColor"),d.css({backgroundColor:l}),(0,s.gV)({type:"backgroundColor",parentSelf:t})}};return h=="Concise"?(0,e.jsxs)(C.Z,{className:r().attrRow,children:[(0,e.jsx)(n.Z,{span:6,children:c.formatMessage({id:"mack.dse.f"})}),(0,e.jsx)(n.Z,{span:6,children:(0,e.jsx)(_.Z,(0,o.Z)({},p))})]}):(0,e.jsx)("div",{className:r().ClassicRow,children:(0,e.jsxs)(C.Z,{className:r().attrRow,children:[(0,e.jsx)(n.Z,{span:5,children:c.formatMessage({id:"mack.dse.g"})}),(0,e.jsx)(n.Z,{span:6,children:(0,e.jsx)(_.Z,(0,o.Z)((0,o.Z)({},p),{},{style:{width:50,height:24,marginTop:4}}))})]})})}renderBorder(){var t=this,u=t.props.globaldesign,m=u.selectElement,h=u.version,c=(0,B.lw)((0,B.Kd)()),d=m.hasClass("multiModule")?$(".onModule"):m,f=t.state,p=f.borderType,l=f.borderArr,y=f.borderWidth,P=f.borderStyle,R=f.borderColor,k=f.borderTypeVisible,O=[0,1,2,3,4,5,6,7,8,9,10],S=["solid","dotted","dashed","double","groove","ridge","inset","outset"],b=h=="Concise",H={size:"small",value:p,onChange:W=>{W.target.value=="b"?t.setState({borderType:"b",borderArr:{left:{c:R,s:P,w:y},top:{c:R,s:P,w:y},right:{c:R,s:P,w:y},bottom:{c:R,s:P,w:y}}}):t.setState({borderType:"a",borderWidth:l.left.w,borderStyle:l.left.s,borderColor:l.left.c})}},X=()=>{var W={value:R,style:{height:26,borderRadius:4},onChange:i=>{var se=i||"inherit";t.setState({borderColor:se}),(0,s.gu)(d,"border"),d.css({borderColor:se}),(0,s.gV)({type:"border",parentSelf:t})}},ce={value:P,onChange:i=>{t.setState({borderStyle:i}),(0,s.gu)(d,"border"),d.css({borderStyle:i}),(0,s.gV)({type:"border",parentSelf:t})}},ge={value:y,onChange:i=>{t.setState({borderWidth:i}),(0,s.gu)(d,"border"),d.css({borderWidth:i}),(0,s.gV)({type:"border",parentSelf:t})}};return(0,e.jsxs)(C.Z,{className:r().attrRow,gutter:b?4:16,children:[b&&(0,e.jsxs)(n.Z,{span:4,children:[" ",c.formatMessage({id:"common.default"})," "]}),(0,e.jsx)(n.Z,{span:b?6:8,children:(0,e.jsx)(_.Z,(0,o.Z)({},W))}),(0,e.jsx)(n.Z,{span:8,className:r().bstyle,children:(0,e.jsxs)(x.Z,(0,o.Z)((0,o.Z)({defaultValue:"solid",showArrow:!1},ce),{},{children:[(0,e.jsx)(N,{value:"none",children:c.formatMessage({id:"personal-colorEmpty"})},"none"),S.map(i=>(0,e.jsx)(N,{value:i,children:(0,e.jsx)("hr",{style:{border:"2px "+i+"#5b6b73"}})},i))]}))}),(0,e.jsx)(n.Z,{span:b?6:8,className:r().bstyle,children:(0,e.jsx)(x.Z,(0,o.Z)((0,o.Z)({defaultValue:"1"},ge),{},{children:O.map(i=>(0,e.jsx)(N,{value:i,children:i},i))}))})]})},D=()=>{var W=i=>({value:l[i].c,style:{height:26,borderRadius:4},onChange:se=>{var Ce=se||"inherit";l[i].c=Ce,t.setState({borderArr:l}),(0,s.gu)(d,"border"),d.css("border-"+i+"-color",Ce),(0,s.gV)({type:"border",parentSelf:t})}}),ce=i=>({value:l[i].s,onChange:se=>{l[i].s=se,t.setState({borderArr:l}),(0,s.gu)(d,"border"),d.css("border-"+i+"-style",se),(0,s.gV)({type:"border",parentSelf:t})}}),ge=i=>({value:l[i].w,onChange:se=>{l[i].w=se,t.setState({borderArr:l}),(0,s.gu)(d,"border"),d.css("border-"+i+"-width",se),(0,s.gV)({type:"border",parentSelf:t})}});return(0,e.jsxs)("div",{children:[(0,e.jsxs)(C.Z,{className:r().attrRow,gutter:4,children:[(0,e.jsx)(n.Z,{span:6,children:c.formatMessage({id:"mack.dse.h"})}),(0,e.jsx)(n.Z,{span:6,children:(0,e.jsx)(_.Z,(0,o.Z)({},W("left")))}),(0,e.jsx)(n.Z,{span:6,className:r().bstyle,children:(0,e.jsxs)(x.Z,(0,o.Z)((0,o.Z)({defaultValue:"solid",showArrow:!1},ce("left")),{},{children:[(0,e.jsx)(N,{value:"none",children:c.formatMessage({id:"personal-colorEmpty"})},"none"),S.map(i=>(0,e.jsx)(N,{value:i,children:(0,e.jsx)("hr",{style:{border:"2px "+i+"#5b6b73"}})},i))]}))}),(0,e.jsx)(n.Z,{span:6,className:r().bstyle,children:(0,e.jsx)(x.Z,(0,o.Z)((0,o.Z)({defaultValue:"1"},ge("left")),{},{children:O.map(i=>(0,e.jsx)(N,{value:i,children:i},i))}))})]}),(0,e.jsxs)(C.Z,{className:r().attrRow,gutter:4,children:[(0,e.jsx)(n.Z,{span:6,children:c.formatMessage({id:"mack.dse.i"})}),(0,e.jsx)(n.Z,{span:6,children:(0,e.jsx)(_.Z,(0,o.Z)({},W("top")))}),(0,e.jsx)(n.Z,{span:6,className:r().bstyle,children:(0,e.jsxs)(x.Z,(0,o.Z)((0,o.Z)({defaultValue:"solid",showArrow:!1},ce("top")),{},{children:[(0,e.jsx)(N,{value:"none",children:c.formatMessage({id:"personal-colorEmpty"})},"none"),S.map(i=>(0,e.jsx)(N,{value:i,children:(0,e.jsx)("hr",{style:{border:"2px "+i+"#5b6b73"}})},i))]}))}),(0,e.jsx)(n.Z,{span:6,className:r().bstyle,children:(0,e.jsx)(x.Z,(0,o.Z)((0,o.Z)({defaultValue:"1"},ge("top")),{},{children:O.map(i=>(0,e.jsx)(N,{value:i,children:i},i))}))})]}),(0,e.jsxs)(C.Z,{className:r().attrRow,gutter:4,children:[(0,e.jsx)(n.Z,{span:6,children:c.formatMessage({id:"mack.dse.j"})}),(0,e.jsx)(n.Z,{span:6,children:(0,e.jsx)(_.Z,(0,o.Z)({},W("right")))}),(0,e.jsx)(n.Z,{span:6,className:r().bstyle,children:(0,e.jsxs)(x.Z,(0,o.Z)((0,o.Z)({defaultValue:"solid",showArrow:!1},ce("right")),{},{children:[(0,e.jsx)(N,{value:"none",children:c.formatMessage({id:"personal-colorEmpty"})},"none"),S.map(i=>(0,e.jsx)(N,{value:i,children:(0,e.jsx)("hr",{style:{border:"2px "+i+"#5b6b73"}})},i))]}))}),(0,e.jsx)(n.Z,{span:6,className:r().bstyle,children:(0,e.jsx)(x.Z,(0,o.Z)((0,o.Z)({defaultValue:"1"},ge("right")),{},{children:O.map(i=>(0,e.jsx)(N,{value:i,children:i},i))}))})]}),(0,e.jsxs)(C.Z,{className:r().attrRow,gutter:4,children:[(0,e.jsx)(n.Z,{span:6,children:c.formatMessage({id:"mack.dse.k"})}),(0,e.jsx)(n.Z,{span:6,children:(0,e.jsx)(_.Z,(0,o.Z)({},W("bottom")))}),(0,e.jsx)(n.Z,{span:6,className:r().bstyle,children:(0,e.jsxs)(x.Z,(0,o.Z)((0,o.Z)({defaultValue:"solid",showArrow:!1},ce("bottom")),{},{children:[(0,e.jsx)(N,{value:"none",children:c.formatMessage({id:"personal-colorEmpty"})},"none"),S.map(i=>(0,e.jsx)(N,{value:i,children:(0,e.jsx)("hr",{style:{border:"2px "+i+"#5b6b73"}})},i))]}))}),(0,e.jsx)(n.Z,{span:6,className:r().bstyle,children:(0,e.jsx)(x.Z,(0,o.Z)((0,o.Z)({defaultValue:"1"},ge("bottom")),{},{children:O.map(i=>(0,e.jsx)(N,{value:i,children:i},i))}))})]})]})};if(b)return(0,e.jsxs)(e.Fragment,{children:[(0,e.jsxs)(C.Z,{className:r().attrRow,gutter:4,children:[(0,e.jsx)(n.Z,{span:4,children:c.formatMessage({id:"mack.dse.l"})}),(0,e.jsx)(n.Z,{span:12,children:(0,e.jsxs)(ue,(0,o.Z)((0,o.Z)({},H),{},{children:[(0,e.jsx)(q,{value:"a",children:c.formatMessage({id:"common.default"})}),(0,e.jsx)(q,{value:"b",children:c.formatMessage({id:"common.diy"})})]}))})]}),p=="a"?X():D()]});var v=(0,e.jsxs)("div",{children:[c.formatMessage({id:"mack.dse.m"})," ",(0,e.jsx)(ie.Z,{style:{float:"right",color:"#999",marginTop:4},onClick:()=>{t.setState({borderTypeVisible:!1})}})]}),fe=(0,e.jsx)("div",{className:r().borderShowbox,children:p=="b"&&D()}),be=()=>{t.setState({borderTypeVisible:!0,borderType:"b"})};return(0,e.jsx)("div",{className:r().ClassicRow,style:{height:80},children:(0,e.jsxs)(C.Z,{className:r().attrRow,gutter:4,children:[(0,e.jsx)(n.Z,{span:5,children:c.formatMessage({id:"mack.dse.n"})}),(0,e.jsx)(n.Z,{span:19,children:X()}),(0,e.jsx)(n.Z,{span:5}),(0,e.jsxs)(n.Z,{span:5,children:[(0,e.jsx)(z.Z,{title:v,placement:"top",content:fe,visible:k,children:(0,e.jsx)("div",{className:"borderBox",onClick:be})}),(0,e.jsx)("p",{className:"label",children:c.formatMessage({id:"mack.dse.m"})})]}),(0,e.jsx)(n.Z,{span:14})]})})}renderBorderRadius(){var t=this,u=t.props.globaldesign,m=u.selectElement,h=u.version,c=(0,B.lw)((0,B.Kd)()),d=m.hasClass("multiModule")?$(".onModule"):m,f=t.state,p=f.borderRadius,l=f.borderRadiusAttr,y=f.borderRadiusVisible,P={size:"small",min:0,value:p,onChange:b=>{t.setState({borderRadius:b}),d.css("border-radius",b)},onFocus:()=>{(0,s.gu)(d,"borderRadius")},onBlur:()=>{(0,s.gV)({type:"borderRadius",parentSelf:t})}},R=(0,e.jsxs)("div",{children:[c.formatMessage({id:"mack.dse.m"})," ",(0,e.jsx)(ie.Z,{style:{float:"right",color:"#999",marginTop:4},onClick:()=>{t.setState({borderRadiusVisible:!1,borderRadius:l[0]||l[1]||l[2]||l[3]})}})]}),k=()=>{var b={className:"li "+(l[0]&&"on"),onClick:v=>{l[0]=$(v.target).hasClass("on")?0:p,t.setState({borderRadiusAttr:l}),d.css({"border-top-left-radius":l[0]})}},H={className:"li "+(l[1]&&"on"),onClick:v=>{l[1]=$(v.target).hasClass("on")?0:p,t.setState({borderRadiusAttr:l}),d.css({"border-top-right-radius":l[1]})}},X={className:"li "+(l[2]&&"on"),onClick:v=>{l[2]=$(v.target).hasClass("on")?0:p,t.setState({borderRadiusAttr:l}),d.css({"border-bottom-left-radius":l[2]})}},D={className:"li "+(l[3]&&"on"),onClick:v=>{l[3]=$(v.target).hasClass("on")?0:p,t.setState({borderRadiusAttr:l}),d.css({"border-bottom-right-radius":l[3]})}};return(0,e.jsxs)("div",{className:r().radiusBox,children:[(0,e.jsx)("div",(0,o.Z)({},b)),(0,e.jsx)("div",(0,o.Z)({},H)),(0,e.jsx)("div",(0,o.Z)({},X)),(0,e.jsx)("div",(0,o.Z)({},D)),(0,e.jsx)("div",{className:"centerBox",style:{borderTopLeftRadius:l[0],borderTopRightRadius:l[1],borderBottomLeftRadius:l[2],borderBottomRightRadius:l[3]}})]})},O=()=>{this.setState({borderRadiusVisible:!!p,borderRadiusAttr:[p,p,p,p],borderRadius:l[0]}),(0,s.gu)(d,"borderRadius")},S=()=>{(0,s.gV)({type:"borderRadius",parentSelf:t})};return(0,e.jsx)("div",{className:r().ClassicRow,children:(0,e.jsxs)(C.Z,{className:r().attrRow,gutter:4,children:[(0,e.jsx)(n.Z,{span:5,children:c.formatMessage({id:"mack.dse.o"})}),(0,e.jsx)(n.Z,{span:6,style:{marginBottom:10},className:"leftInput",children:(0,e.jsx)(E.Z,(0,o.Z)({},P))}),(0,e.jsxs)(n.Z,{span:6,children:[(0,e.jsx)(z.Z,{title:R,placement:"top",content:k(),visible:y,onVisibleChange:S,children:(0,e.jsx)("div",{className:"borderRadiusBox",onClick:O,style:p?{}:{backgroundColor:"rgba(204, 204, 204,0.25)",opacity:"0.5",cursor:"not-allowed"}})}),(0,e.jsx)("p",{className:"label",children:c.formatMessage({id:"mack.dse.m"})})]})]})})}render(){var t=this.props.globaldesign,u=t.selectElement,m=t.version,h=this.state,c=h.hideLT,d=h.hideWH,f=h.hideAZ;return u?m=="Concise"?(0,e.jsxs)(e.Fragment,{children:[!c&&this.renderLT(),!d&&this.renderWH(),!f&&this.renderAZ(),this.renderOpacity(),(0,e.jsx)(T.Z,{}),this.renderBackgroundColor(),(0,e.jsx)(T.Z,{}),this.renderBorder(),(0,e.jsx)(T.Z,{}),this.renderBorderRadius()]}):(0,e.jsxs)(e.Fragment,{children:[!c&&this.renderLT(),!f&&this.renderAZ(),!d&&this.renderWH(),this.renderOpacity(),this.renderBackgroundColor(),this.renderBorder(),this.renderBorderRadius()]}):!1}})||oe)},47933:function(he,G,a){"use strict";a.d(G,{ZP:function(){return _}});var U=a(22122),T=a(96156),te=a(28481),z=a(94184),ne=a.n(z),w=a(21770),j=a(67294),ae=a(53124),Q=a(97647),C=a(5467),I=j.createContext(null),n=I.Provider,o=I,re=j.createContext(null),E=re.Provider,L=a(50132),M=a(42550),Z=a(98866),x=a(65223),K=function(s,A){var B={};for(var g in s)Object.prototype.hasOwnProperty.call(s,g)&&A.indexOf(g)<0&&(B[g]=s[g]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var r=0,g=Object.getOwnPropertySymbols(s);r0&&(H=m.map(function(v){return typeof v=="string"||typeof v=="number"?j.createElement(V,{key:v.toString(),prefixCls:S,disabled:d,value:v,checked:q===v},v):j.createElement(V,{key:"radio-group-value-options-".concat(v.value),prefixCls:S,disabled:v.disabled||d,value:v.value,checked:q===v.value,style:v.style},v.label)}));var X=p||Y,D=ne()(b,"".concat(b,"-").concat(c),(B={},(0,T.Z)(B,"".concat(b,"-").concat(X),X),(0,T.Z)(B,"".concat(b,"-rtl"),e==="rtl"),B),u);return j.createElement("div",(0,U.Z)({},(0,C.Z)(s),{className:D,style:l,onMouseEnter:P,onMouseLeave:R,onFocus:k,onBlur:O,id:y,ref:A}),j.createElement(n,{value:{onChange:ee,value:q,disabled:s.disabled,name:s.name,optionType:s.optionType}},H))}),ve=j.memo(F),pe=function(s,A){var B={};for(var g in s)Object.prototype.hasOwnProperty.call(s,g)&&A.indexOf(g)<0&&(B[g]=s[g]);if(s!=null&&typeof Object.getOwnPropertySymbols=="function")for(var r=0,g=Object.getOwnPropertySymbols(s);r