ll-package/lib/node_modules/ant-design-vue/es/tabs/style/index.js

"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("../../../../@babel/runtime/helpers/esm/extends.js");require("../../theme/internal.js");const l=require("../../style/index.js"),s=require("./motion.js"),p=require("../../theme/util/genComponentStyleHook.js"),$=require("../../theme/util/statistic.js"),u=e=>{const{componentCls:r,tabsCardHorizontalPadding:a,tabsCardHeadBackground:i,tabsCardGutter:n,colorSplit:d}=e;return{[`${r}-card`]:{[`> ${r}-nav, > div > ${r}-nav`]:{[`${r}-tab`]:{margin:0,padding:a,background:i,border:`${e.lineWidth}px ${e.lineType} ${d}`,transition:`all ${e.motionDurationSlow} ${e.motionEaseInOut}`},[`${r}-tab-active`]:{color:e.colorPrimary,background:e.colorBgContainer},[`${r}-ink-bar`]:{visibility:"hidden"}},[`&${r}-top, &${r}-bottom`]:{[`> ${r}-nav, > div > ${r}-nav`]:{[`${r}-tab + ${r}-tab`]:{marginLeft:{_skip_check_:!0,value:`${n}px`}}}},[`&${r}-top`]:{[`> ${r}-nav, > div > ${r}-nav`]:{[`${r}-tab`]:{borderRadius:`${e.borderRadiusLG}px ${e.borderRadiusLG}px 0 0`},[`${r}-tab-active`]:{borderBottomColor:e.colorBgContainer}}},[`&${r}-bottom`]:{[`> ${r}-nav, > div > ${r}-nav`]:{[`${r}-tab`]:{borderRadius:`0 0 ${e.borderRadiusLG}px ${e.borderRadiusLG}px`},[`${r}-tab-active`]:{borderTopColor:e.colorBgContainer}}},[`&${r}-left, &${r}-right`]:{[`> ${r}-nav, > div > ${r}-nav`]:{[`${r}-tab + ${r}-tab`]:{marginTop:`${n}px`}}},[`&${r}-left`]:{[`> ${r}-nav, > div > ${r}-nav`]:{[`${r}-tab`]:{borderRadius:{_skip_check_:!0,value:`${e.borderRadiusLG}px 0 0 ${e.borderRadiusLG}px`}},[`${r}-tab-active`]:{borderRightColor:{_skip_check_:!0,value:e.colorBgContainer}}}},[`&${r}-right`]:{[`> ${r}-nav, > div > ${r}-nav`]:{[`${r}-tab`]:{borderRadius:{_skip_check_:!0,value:`0 ${e.borderRadiusLG}px ${e.borderRadiusLG}px 0`}},[`${r}-tab-active`]:{borderLeftColor:{_skip_check_:!0,value:e.colorBgContainer}}}}}}},b=e=>{const{componentCls:r,tabsHoverColor:a,dropdownEdgeChildVerticalPadding:i}=e;return{[`${r}-dropdown`]:o.default(o.default({},l.resetComponent(e)),{position:"absolute",top:-9999,left:{_skip_check_:!0,value:-9999},zIndex:e.zIndexPopup,display:"block","&-hidden":{display:"none"},[`${r}-dropdown-menu`]:{maxHeight:e.tabsDropdownHeight,margin:0,padding:`${i}px 0`,overflowX:"hidden",overflowY:"auto",textAlign:{_skip_check_:!0,value:"left"},listStyleType:"none",backgroundColor:e.colorBgContainer,backgroundClip:"padding-box",borderRadius:e.borderRadiusLG,outline:"none",boxShadow:e.boxShadowSecondary,"&-item":o.default(o.default({},l.textEllipsis),{display:"flex",alignItems:"center",minWidth:e.tabsDropdownWidth,margin:0,padding:`${e.paddingXXS}px ${e.paddingSM}px`,color:e.colorText,fontWeight:"normal",fontSize:e.fontSize,lineHeight:e.lineHeight,cursor:"pointer",transition:`all ${e.motionDurationSlow}`,"> span":{flex:1,whiteSpace:"nowrap"},"&-remove":{flex:"none",marginLeft:{_skip_check_:!0,value:e.marginSM},color:e.colorTextDescription,fontSize:e.fontSizeSM,background:"transparent",border:0,cursor:"pointer","&:hover":{color:a}},"&:hover":{background:e.controlItemBgHover},"&-disabled":{"&, &:hover":{color:e.colorTextDisabled,background:"transparent",cursor:"not-allowed"}}})}})}},v=e=>{const{componentCls:r,margin:a,colorSplit:i}=e;return{[`${r}-top, ${r}-bottom`]:{flexDirection:"column",[`> ${r}-nav, > div > ${r}-nav`]:{margin:`0 0 ${a}px 0`,"&::before":{position:"absolute",right:{_skip_check_:!0,value:0},left:{_skip_check_:!0,value:0},borderBottom:`${e.lineWidth}px ${e.lineType} ${i}`,content:"''"},[`${r}-ink-bar`]:{height:e.lineWidthBold,"&-animated":{transition:`width ${e.motionDurationSlow}, left ${e.motionDurationSlow},
            right ${e.motionDurationSlow}`}},[`${r}-nav-wrap`]:{"&::before, &::after":{top:0,bottom:0,width:e.controlHeight},"&::before":{left:{_skip_check_:!0,value:0},boxShadow:e.boxShadowTabsOverflowLeft},"&::after":{right:{_skip_check_:!0,value:0},boxShadow:e.boxShadowTabsOverflowRight},[`&${r}-nav-wrap-ping-left::before`]:{opacity:1},[`&${r}-nav-wrap-ping-right::after`]:{opacity:1}}}},[`${r}-top`]:{[`> ${r}-nav,
        > div > ${r}-nav`]:{"&::before":{bottom:0},[`${r}-ink-bar`]:{bottom:0}}},[`${r}-bottom`]:{[`> ${r}-nav, > div > ${r}-nav`]:{order:1,marginTop:`${a}px`,marginBottom:0,"&::before":{top:0},[`${r}-ink-bar`]:{top:0}},[`> ${r}-content-holder, > div > ${r}-content-holder`]:{order:0}},[`${r}-left, ${r}-right`]:{[`> ${r}-nav, > div > ${r}-nav`]:{flexDirection:"column",minWidth:e.controlHeight*1.25,[`${r}-tab`]:{padding:`${e.paddingXS}px ${e.paddingLG}px`,textAlign:"center"},[`${r}-tab + ${r}-tab`]:{margin:`${e.margin}px 0 0 0`},[`${r}-nav-wrap`]:{flexDirection:"column","&::before, &::after":{right:{_skip_check_:!0,value:0},left:{_skip_check_:!0,value:0},height:e.controlHeight},"&::before":{top:0,boxShadow:e.boxShadowTabsOverflowTop},"&::after":{bottom:0,boxShadow:e.boxShadowTabsOverflowBottom},[`&${r}-nav-wrap-ping-top::before`]:{opacity:1},[`&${r}-nav-wrap-ping-bottom::after`]:{opacity:1}},[`${r}-ink-bar`]:{width:e.lineWidthBold,"&-animated":{transition:`height ${e.motionDurationSlow}, top ${e.motionDurationSlow}`}},[`${r}-nav-list, ${r}-nav-operations`]:{flex:"1 0 auto",flexDirection:"column"}}},[`${r}-left`]:{[`> ${r}-nav, > div > ${r}-nav`]:{[`${r}-ink-bar`]:{right:{_skip_check_:!0,value:0}}},[`> ${r}-content-holder, > div > ${r}-content-holder`]:{marginLeft:{_skip_check_:!0,value:`-${e.lineWidth}px`},borderLeft:{_skip_check_:!0,value:`${e.lineWidth}px ${e.lineType} ${e.colorBorder}`},[`> ${r}-content > ${r}-tabpane`]:{paddingLeft:{_skip_check_:!0,value:e.paddingLG}}}},[`${r}-right`]:{[`> ${r}-nav, > div > ${r}-nav`]:{order:1,[`${r}-ink-bar`]:{left:{_skip_check_:!0,value:0}}},[`> ${r}-content-holder, > div > ${r}-content-holder`]:{order:0,marginRight:{_skip_check_:!0,value:-e.lineWidth},borderRight:{_skip_check_:!0,value:`${e.lineWidth}px ${e.lineType} ${e.colorBorder}`},[`> ${r}-content > ${r}-tabpane`]:{paddingRight:{_skip_check_:!0,value:e.paddingLG}}}}}},g=e=>{const{componentCls:r,padding:a}=e;return{[r]:{"&-small":{[`> ${r}-nav`]:{[`${r}-tab`]:{padding:`${e.paddingXS}px 0`,fontSize:e.fontSize}}},"&-large":{[`> ${r}-nav`]:{[`${r}-tab`]:{padding:`${a}px 0`,fontSize:e.fontSizeLG}}}},[`${r}-card`]:{[`&${r}-small`]:{[`> ${r}-nav`]:{[`${r}-tab`]:{padding:`${e.paddingXXS*1.5}px ${a}px`}},[`&${r}-bottom`]:{[`> ${r}-nav ${r}-tab`]:{borderRadius:`0 0 ${e.borderRadius}px ${e.borderRadius}px`}},[`&${r}-top`]:{[`> ${r}-nav ${r}-tab`]:{borderRadius:`${e.borderRadius}px ${e.borderRadius}px 0 0`}},[`&${r}-right`]:{[`> ${r}-nav ${r}-tab`]:{borderRadius:{_skip_check_:!0,value:`0 ${e.borderRadius}px ${e.borderRadius}px 0`}}},[`&${r}-left`]:{[`> ${r}-nav ${r}-tab`]:{borderRadius:{_skip_check_:!0,value:`${e.borderRadius}px 0 0 ${e.borderRadius}px`}}}},[`&${r}-large`]:{[`> ${r}-nav`]:{[`${r}-tab`]:{padding:`${e.paddingXS}px ${a}px ${e.paddingXXS*1.5}px`}}}}}},h=e=>{const{componentCls:r,tabsActiveColor:a,tabsHoverColor:i,iconCls:n,tabsHorizontalGutter:d}=e,t=`${r}-tab`;return{[t]:{position:"relative",display:"inline-flex",alignItems:"center",padding:`${e.paddingSM}px 0`,fontSize:`${e.fontSize}px`,background:"transparent",border:0,outline:"none",cursor:"pointer","&-btn, &-remove":o.default({"&:focus:not(:focus-visible), &:active":{color:a}},l.genFocusStyle(e)),"&-btn":{outline:"none",transition:"all 0.3s"},"&-remove":{flex:"none",marginRight:{_skip_check_:!0,value:-e.marginXXS},marginLeft:{_skip_check_:!0,value:e.marginXS},color:e.colorTextDescription,fontSize:e.fontSizeSM,background:"transparent",border:"none",outline:"none",cursor:"pointer",transition:`all ${e.motionDurationSlow}`,"&:hover":{color:e.colorTextHeading}},"&:hover":{color:i},[`&${t}-active ${t}-btn`]:{color:e.colorPrimary,textShadow:e.tabsActiveTextShadow},[`&${t}-disabled`]:{color:e.colorTextDisabled,cursor:"not-allowed"},[`&${t}-disabled ${t}-btn, &${t}-disabled ${r}-remove`]:{"&:focus, &:active":{color:e.colorTextDisabled}},[`& ${t}-remove ${n}`]:{margin:0},[n]:{marginRight:{_skip_check_:!0,value:e.marginSM}}},[`${t} + ${t}`]:{margin:{_skip_check_:!0,value:`0 0 0 ${d}px`}}}},_=e=>{const{componentCls:r,tabsHorizontalGutter:a,iconCls:i,tabsCardGutter:n}=e;return{[`${r}-rtl`]:{direction:"rtl",[`${r}-nav`]:{[`${r}-tab`]:{margin:{_skip_check_:!0,value:`0 0 0 ${a}px`},[`${r}-tab:last-of-type`]:{marginLeft:{_skip_check_:!0,value:0}},[i]:{marginRight:{_skip_check_:!0,value:0},marginLeft:{_skip_check_:!0,value:`${e.marginSM}px`}},[`${r}-tab-remove`]:{marginRight:{_skip_check_:!0,value:`${e.marginXS}px`},marginLeft:{_skip_check_:!0,value:`-${e.marginXXS}px`},[i]:{margin:0}}}},[`&${r}-left`]:{[`> ${r}-nav`]:{order:1},[`> ${r}-content-holder`]:{order:0}},[`&${r}-right`]:{[`> ${r}-nav`]:{order:0},[`> ${r}-content-holder`]:{order:1}},[`&${r}-card${r}-top, &${r}-card${r}-bottom`]:{[`> ${r}-nav, > div > ${r}-nav`]:{[`${r}-tab + ${r}-tab`]:{marginRight:{_skip_check_:!0,value:`${n}px`},marginLeft:{_skip_check_:!0,value:0}}}}},[`${r}-dropdown-rtl`]:{direction:"rtl"},[`${r}-menu-item`]:{[`${r}-dropdown-rtl`]:{textAlign:{_skip_check_:!0,value:"right"}}}}},m=e=>{const{componentCls:r,tabsCardHorizontalPadding:a,tabsCardHeight:i,tabsCardGutter:n,tabsHoverColor:d,tabsActiveColor:t,colorSplit:c}=e;return{[r]:o.default(o.default(o.default(o.default({},l.resetComponent(e)),{display:"flex",[`> ${r}-nav, > div > ${r}-nav`]:{position:"relative",display:"flex",flex:"none",alignItems:"center",[`${r}-nav-wrap`]:{position:"relative",display:"flex",flex:"auto",alignSelf:"stretch",overflow:"hidden",whiteSpace:"nowrap",transform:"translate(0)","&::before, &::after":{position:"absolute",zIndex:1,opacity:0,transition:`opacity ${e.motionDurationSlow}`,content:"''",pointerEvents:"none"}},[`${r}-nav-list`]:{position:"relative",display:"flex",transition:`opacity ${e.motionDurationSlow}`},[`${r}-nav-operations`]:{display:"flex",alignSelf:"stretch"},[`${r}-nav-operations-hidden`]:{position:"absolute",visibility:"hidden",pointerEvents:"none"},[`${r}-nav-more`]:{position:"relative",padding:a,background:"transparent",border:0,"&::after":{position:"absolute",right:{_skip_check_:!0,value:0},bottom:0,left:{_skip_check_:!0,value:0},height:e.controlHeightLG/8,transform:"translateY(100%)",content:"''"}},[`${r}-nav-add`]:o.default({minWidth:`${i}px`,marginLeft:{_skip_check_:!0,value:`${n}px`},padding:`0 ${e.paddingXS}px`,background:"transparent",border:`${e.lineWidth}px ${e.lineType} ${c}`,borderRadius:`${e.borderRadiusLG}px ${e.borderRadiusLG}px 0 0`,outline:"none",cursor:"pointer",color:e.colorText,transition:`all ${e.motionDurationSlow} ${e.motionEaseInOut}`,"&:hover":{color:d},"&:active, &:focus:not(:focus-visible)":{color:t}},l.genFocusStyle(e))},[`${r}-extra-content`]:{flex:"none"},[`${r}-ink-bar`]:{position:"absolute",background:e.colorPrimary,pointerEvents:"none"}}),h(e)),{[`${r}-content`]:{position:"relative",display:"flex",width:"100%","&-animated":{transition:"margin 0.3s"}},[`${r}-content-holder`]:{flex:"auto",minWidth:0,minHeight:0},[`${r}-tabpane`]:{outline:"none",flex:"none",width:"100%"}}),[`${r}-centered`]:{[`> ${r}-nav, > div > ${r}-nav`]:{[`${r}-nav-wrap`]:{[`&:not([class*='${r}-nav-wrap-ping'])`]:{justifyContent:"center"}}}}}},f=p.default("Tabs",e=>{const r=e.controlHeightLG,a=$.merge(e,{tabsHoverColor:e.colorPrimaryHover,tabsActiveColor:e.colorPrimaryActive,tabsCardHorizontalPadding:`${(r-Math.round(e.fontSize*e.lineHeight))/2-e.lineWidth}px ${e.padding}px`,tabsCardHeight:r,tabsCardGutter:e.marginXXS/2,tabsHorizontalGutter:32,tabsCardHeadBackground:e.colorFillAlter,dropdownEdgeChildVerticalPadding:e.paddingXXS,tabsActiveTextShadow:"0 0 0.25px currentcolor",tabsDropdownHeight:200,tabsDropdownWidth:120});return[g(a),_(a),v(a),b(a),u(a),m(a),s.default(a)]},e=>({zIndexPopup:e.zIndexPopupBase+50}));exports.default=f;