ll-package
Version:
9 lines (8 loc) • 4.88 kB
JavaScript
;Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("../../../../@babel/runtime/helpers/esm/extends.js"),y=require("../../_util/cssinjs/Keyframes.js");require("../../theme/internal.js");const I=require("../../theme/util/genComponentStyleHook.js"),M=require("../../theme/util/statistic.js"),E=new y.default("ant-skeleton-loading",{"0%":{transform:"translateX(-37.5%)"},"100%":{transform:"translateX(37.5%)"}}),s=e=>({height:e,lineHeight:`${e}px`}),d=e=>n.default({width:e},s(e)),A=e=>({position:"relative",zIndex:0,overflow:"hidden",background:"transparent","&::after":{position:"absolute",top:0,insetInlineEnd:"-150%",bottom:0,insetInlineStart:"-150%",background:e.skeletonLoadingBackground,animationName:E,animationDuration:e.skeletonLoadingMotionDuration,animationTimingFunction:"ease",animationIterationCount:"infinite",content:'""'}}),u=e=>n.default({width:e*5,minWidth:e*5},s(e)),L=e=>{const{skeletonAvatarCls:t,color:l,controlHeight:o,controlHeightLG:a,controlHeightSM:i}=e;return{[`${t}`]:n.default({display:"inline-block",verticalAlign:"top",background:l},d(o)),[`${t}${t}-circle`]:{borderRadius:"50%"},[`${t}${t}-lg`]:n.default({},d(a)),[`${t}${t}-sm`]:n.default({},d(i))}},T=e=>{const{controlHeight:t,borderRadiusSM:l,skeletonInputCls:o,controlHeightLG:a,controlHeightSM:i,color:r}=e;return{[`${o}`]:n.default({display:"inline-block",verticalAlign:"top",background:r,borderRadius:l},u(t)),[`${o}-lg`]:n.default({},u(a)),[`${o}-sm`]:n.default({},u(i))}},k=e=>n.default({width:e},s(e)),G=e=>{const{skeletonImageCls:t,imageSizeBase:l,color:o,borderRadiusSM:a}=e;return{[`${t}`]:n.default(n.default({display:"flex",alignItems:"center",justifyContent:"center",verticalAlign:"top",background:o,borderRadius:a},k(l*2)),{[`${t}-path`]:{fill:"#bfbfbf"},[`${t}-svg`]:n.default(n.default({},k(l)),{maxWidth:l*4,maxHeight:l*4}),[`${t}-svg${t}-svg-circle`]:{borderRadius:"50%"}}),[`${t}${t}-circle`]:{borderRadius:"50%"}}},g=(e,t,l)=>{const{skeletonButtonCls:o}=e;return{[`${l}${o}-circle`]:{width:t,minWidth:t,borderRadius:"50%"},[`${l}${o}-round`]:{borderRadius:t}}},$=e=>n.default({width:e*2,minWidth:e*2},s(e)),P=e=>{const{borderRadiusSM:t,skeletonButtonCls:l,controlHeight:o,controlHeightLG:a,controlHeightSM:i,color:r}=e;return n.default(n.default(n.default(n.default(n.default({[`${l}`]:n.default({display:"inline-block",verticalAlign:"top",background:r,borderRadius:t,width:o*2,minWidth:o*2},$(o))},g(e,o,l)),{[`${l}-lg`]:n.default({},$(a))}),g(e,a,`${l}-lg`)),{[`${l}-sm`]:n.default({},$(i))}),g(e,i,`${l}-sm`))},x=e=>{const{componentCls:t,skeletonAvatarCls:l,skeletonTitleCls:o,skeletonParagraphCls:a,skeletonButtonCls:i,skeletonInputCls:r,skeletonImageCls:f,controlHeight:p,controlHeightLG:b,controlHeightSM:h,color:c,padding:S,marginSM:C,borderRadius:H,skeletonTitleHeight:v,skeletonBlockRadius:m,skeletonParagraphLineHeight:R,controlHeightXS:w,skeletonParagraphMarginTop:B}=e;return{[`${t}`]:{display:"table",width:"100%",[`${t}-header`]:{display:"table-cell",paddingInlineEnd:S,verticalAlign:"top",[`${l}`]:n.default({display:"inline-block",verticalAlign:"top",background:c},d(p)),[`${l}-circle`]:{borderRadius:"50%"},[`${l}-lg`]:n.default({},d(b)),[`${l}-sm`]:n.default({},d(h))},[`${t}-content`]:{display:"table-cell",width:"100%",verticalAlign:"top",[`${o}`]:{width:"100%",height:v,background:c,borderRadius:m,[`+ ${a}`]:{marginBlockStart:h}},[`${a}`]:{padding:0,"> li":{width:"100%",height:R,listStyle:"none",background:c,borderRadius:m,"+ li":{marginBlockStart:w}}},[`${a}> li:last-child:not(:first-child):not(:nth-child(2))`]:{width:"61%"}},[`&-round ${t}-content`]:{[`${o}, ${a} > li`]:{borderRadius:H}}},[`${t}-with-avatar ${t}-content`]:{[`${o}`]:{marginBlockStart:C,[`+ ${a}`]:{marginBlockStart:B}}},[`${t}${t}-element`]:n.default(n.default(n.default(n.default({display:"inline-block",width:"auto"},P(e)),L(e)),T(e)),G(e)),[`${t}${t}-block`]:{width:"100%",[`${i}`]:{width:"100%"},[`${r}`]:{width:"100%"}},[`${t}${t}-active`]:{[`
${o},
${a} > li,
${l},
${i},
${r},
${f}
`]:n.default({},A(e))}}},q=I.default("Skeleton",e=>{const{componentCls:t}=e,l=M.merge(e,{skeletonAvatarCls:`${t}-avatar`,skeletonTitleCls:`${t}-title`,skeletonParagraphCls:`${t}-paragraph`,skeletonButtonCls:`${t}-button`,skeletonInputCls:`${t}-input`,skeletonImageCls:`${t}-image`,imageSizeBase:e.controlHeight*1.5,skeletonTitleHeight:e.controlHeight/2,skeletonBlockRadius:e.borderRadiusSM,skeletonParagraphLineHeight:e.controlHeight/2,skeletonParagraphMarginTop:e.marginLG+e.marginXXS,borderRadius:100,skeletonLoadingBackground:`linear-gradient(90deg, ${e.color} 25%, ${e.colorGradientEnd} 37%, ${e.color} 63%)`,skeletonLoadingMotionDuration:"1.4s"});return[x(l)]},e=>{const{colorFillContent:t,colorFill:l}=e;return{color:t,colorGradientEnd:l}});exports.default=q;