ll-package
Version:
2 lines (1 loc) • 3.6 kB
JavaScript
;Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("../../../../@babel/runtime/helpers/esm/extends.js");require("../../theme/internal.js");const n=require("../../style/index.js"),c=require("../../theme/util/genComponentStyleHook.js"),b=require("../../theme/util/statistic.js");function r(e,i){return{[`${e}, ${e}:hover, ${e}:focus`]:{color:i.colorTextDisabled,cursor:"not-allowed"}}}function d(e){return{backgroundColor:e.bgColorSelected,boxShadow:e.boxShadow}}const $=t.default({overflow:"hidden"},n.textEllipsis),h=e=>{const{componentCls:i}=e;return{[i]:t.default(t.default(t.default(t.default(t.default({},n.resetComponent(e)),{display:"inline-block",padding:e.segmentedContainerPadding,color:e.labelColor,backgroundColor:e.bgColor,borderRadius:e.borderRadius,transition:`all ${e.motionDurationMid} ${e.motionEaseInOut}`,[`${i}-group`]:{position:"relative",display:"flex",alignItems:"stretch",justifyItems:"flex-start",width:"100%"},[`&${i}-rtl`]:{direction:"rtl"},[`&${i}-block`]:{display:"flex"},[`&${i}-block ${i}-item`]:{flex:1,minWidth:0},[`${i}-item`]:{position:"relative",textAlign:"center",cursor:"pointer",transition:`color ${e.motionDurationMid} ${e.motionEaseInOut}`,borderRadius:e.borderRadiusSM,"&-selected":t.default(t.default({},d(e)),{color:e.labelColorHover}),"&::after":{content:'""',position:"absolute",width:"100%",height:"100%",top:0,insetInlineStart:0,borderRadius:"inherit",transition:`background-color ${e.motionDurationMid}`,pointerEvents:"none"},[`&:hover:not(${i}-item-selected):not(${i}-item-disabled)`]:{color:e.labelColorHover,"&::after":{backgroundColor:e.bgColorHover}},"&-label":t.default({minHeight:e.controlHeight-e.segmentedContainerPadding*2,lineHeight:`${e.controlHeight-e.segmentedContainerPadding*2}px`,padding:`0 ${e.segmentedPaddingHorizontal}px`},$),"&-icon + *":{marginInlineStart:e.marginSM/2},"&-input":{position:"absolute",insetBlockStart:0,insetInlineStart:0,width:0,height:0,opacity:0,pointerEvents:"none"}},[`${i}-thumb`]:t.default(t.default({},d(e)),{position:"absolute",insetBlockStart:0,insetInlineStart:0,width:0,height:"100%",padding:`${e.paddingXXS}px 0`,borderRadius:e.borderRadiusSM,[`& ~ ${i}-item:not(${i}-item-selected):not(${i}-item-disabled)::after`]:{backgroundColor:"transparent"}}),[`&${i}-lg`]:{borderRadius:e.borderRadiusLG,[`${i}-item-label`]:{minHeight:e.controlHeightLG-e.segmentedContainerPadding*2,lineHeight:`${e.controlHeightLG-e.segmentedContainerPadding*2}px`,padding:`0 ${e.segmentedPaddingHorizontal}px`,fontSize:e.fontSizeLG},[`${i}-item, ${i}-thumb`]:{borderRadius:e.borderRadius}},[`&${i}-sm`]:{borderRadius:e.borderRadiusSM,[`${i}-item-label`]:{minHeight:e.controlHeightSM-e.segmentedContainerPadding*2,lineHeight:`${e.controlHeightSM-e.segmentedContainerPadding*2}px`,padding:`0 ${e.segmentedPaddingHorizontalSM}px`},[`${i}-item, ${i}-thumb`]:{borderRadius:e.borderRadiusXS}}}),r(`&-disabled ${i}-item`,e)),r(`${i}-item-disabled`,e)),{[`${i}-thumb-motion-appear-active`]:{transition:`transform ${e.motionDurationSlow} ${e.motionEaseInOut}, width ${e.motionDurationSlow} ${e.motionEaseInOut}`,willChange:"transform, width"}})}},p=c.default("Segmented",e=>{const{lineWidthBold:i,lineWidth:o,colorTextLabel:l,colorText:a,colorFillSecondary:s,colorBgLayout:g,colorBgElevated:u}=e,m=b.merge(e,{segmentedPaddingHorizontal:e.controlPaddingHorizontal-o,segmentedPaddingHorizontalSM:e.controlPaddingHorizontalSM-o,segmentedContainerPadding:i,labelColor:l,labelColorHover:a,bgColor:g,bgColorHover:s,bgColorSelected:u});return[h(m)]});exports.default=p;