ant-design-x-vue-next
Version:
Ant Design X for Vue — community continuation aligned with @ant-design/x
2 lines (1 loc) • 2.29 kB
JavaScript
;Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require("../../_util/cssinjs/StyleContext.js");require("vue");require("../../_util/cssinjs/theme/ThemeCache.js");require("../../_util/warning.js");const b=require("../../_util/cssinjs/Keyframes.js");require("../../_util/cssinjs/transformers/legacyLogicalProperties.js");const S=require("../../_util/cssinjs-utils/util/statistic.js"),f=require("../../theme/genStyleUtils.js");require("../../transition-collapse/index.js");const T=require("../../transition-collapse/style/index.js"),r=new b.default("antXBlink",{"0%":{backgroundPositionX:"-200%",backgroundPositionY:"100%"},"25%":{backgroundPositionX:"-100%",backgroundPositionY:"100%"},"50%":{backgroundPositionX:"0%",backgroundPositionY:"100%"},"75%":{backgroundPositionX:"100%",backgroundPositionY:"100%"},"100%":{backgroundPositionX:"200%",backgroundPositionY:"100%"}}),_=t=>{const{componentCls:n,paddingXS:o,paddingSM:s,marginSM:l,colorTextSecondary:c,colorTextDescription:u,fontSize:e,fontSizeHeading5:d,fontSizeSM:g,lineHeight:i,colorBorder:p,lineWidth:k,calc:m}=t;return{[n]:{[`${n}-status-wrapper`]:{width:"fit-content",display:"flex",flexDirection:"row",gap:o,alignItems:"center",fontSize:e,color:c,lineHeight:i,cursor:"pointer"},[`${n}-status-icon`]:{fontSize:d,display:"flex"},[`${n}-status-text`]:{lineHeight:i,fontSize:e},[`${n}-status-down-icon`]:{fontSize:g,svg:{transition:`all ${t.motionDurationMid} ${t.motionEaseInOut}`}},[`${n}-content`]:{marginTop:l,width:"100%",color:u,paddingInlineStart:s,borderInlineStart:`${m(k).mul(2).equal()} solid ${p}`},[`${n}-motion-blink`]:{backgroundClip:"text",color:t.colorTextBlinkDefault,WebkitBackgroundClip:"text",backgroundImage:`linear-gradient(90deg,transparent,${t.colorTextBlink},transparent)`,animationDuration:"1s",animationIterationCount:"infinite",animationTimingFunction:"linear",animationFillMode:"forwards",backgroundSize:"50%",backgroundRepeat:"no-repeat",animationName:r},[`&${n}-rtl`]:{direction:"rtl"}}}},a=t=>{const{colorTextDescription:n,colorTextBase:o}=t;return{colorTextBlinkDefault:n,colorTextBlink:o}},x=f.genStyleHooks("Think",t=>{const n=S.merge(t,{});return[r,_(n),T.genTransitionCollapseStyle(n)]},a);exports.default=x;exports.prepareComponentToken=a;