UNPKG

ll-package

Version:

32 lines (31 loc) 7.34 kB
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("../../../../@babel/runtime/helpers/esm/extends.js"),x=require("../../style/placementArrow.js"),h=require("../../style/motion/move.js"),p=require("../../style/motion/slide.js"),_=require("../../style/motion/zoom.js");require("../../theme/internal.js");const R=require("./button.js"),z=require("./status.js"),f=require("../../style/index.js"),y=require("../../theme/util/genComponentStyleHook.js"),C=require("../../theme/util/statistic.js"),I=require("../../style/roundedArrow.js"),P=t=>{const{componentCls:e,menuCls:n,zIndexPopup:u,dropdownArrowDistance:i,dropdownArrowOffset:a,sizePopupArrow:m,antCls:o,iconCls:s,motionDurationMid:l,dropdownPaddingVertical:$,fontSize:w,dropdownEdgeChildPadding:b,colorTextDisabled:c,fontSizeIcon:d,controlPaddingHorizontal:v,colorBgElevated:g,boxShadowPopoverArrow:S}=t;return[{[e]:r.default(r.default({},f.resetComponent(t)),{position:"absolute",top:-9999,left:{_skip_check_:!0,value:-9999},zIndex:u,display:"block","&::before":{position:"absolute",insetBlock:-i+m/2,zIndex:-9999,opacity:1e-4,content:'""'},[`${e}-wrap`]:{position:"relative",[`${o}-btn > ${s}-down`]:{fontSize:d},[`${s}-down::before`]:{transition:`transform ${l}`}},[`${e}-wrap-open`]:{[`${s}-down::before`]:{transform:"rotate(180deg)"}},"\n &-hidden,\n &-menu-hidden,\n &-menu-submenu-hidden\n ":{display:"none"},[` &-show-arrow${e}-placement-topLeft, &-show-arrow${e}-placement-top, &-show-arrow${e}-placement-topRight `]:{paddingBottom:i},[` &-show-arrow${e}-placement-bottomLeft, &-show-arrow${e}-placement-bottom, &-show-arrow${e}-placement-bottomRight `]:{paddingTop:i},[`${e}-arrow`]:r.default({position:"absolute",zIndex:1,display:"block"},I.roundedArrow(m,t.borderRadiusXS,t.borderRadiusOuter,g,S)),[` &-placement-top > ${e}-arrow, &-placement-topLeft > ${e}-arrow, &-placement-topRight > ${e}-arrow `]:{bottom:i,transform:"translateY(100%) rotate(180deg)"},[`&-placement-top > ${e}-arrow`]:{left:{_skip_check_:!0,value:"50%"},transform:"translateX(-50%) translateY(100%) rotate(180deg)"},[`&-placement-topLeft > ${e}-arrow`]:{left:{_skip_check_:!0,value:a}},[`&-placement-topRight > ${e}-arrow`]:{right:{_skip_check_:!0,value:a}},[` &-placement-bottom > ${e}-arrow, &-placement-bottomLeft > ${e}-arrow, &-placement-bottomRight > ${e}-arrow `]:{top:i,transform:"translateY(-100%)"},[`&-placement-bottom > ${e}-arrow`]:{left:{_skip_check_:!0,value:"50%"},transform:"translateY(-100%) translateX(-50%)"},[`&-placement-bottomLeft > ${e}-arrow`]:{left:{_skip_check_:!0,value:a}},[`&-placement-bottomRight > ${e}-arrow`]:{right:{_skip_check_:!0,value:a}},[`&${o}-slide-down-enter${o}-slide-down-enter-active${e}-placement-bottomLeft, &${o}-slide-down-appear${o}-slide-down-appear-active${e}-placement-bottomLeft, &${o}-slide-down-enter${o}-slide-down-enter-active${e}-placement-bottom, &${o}-slide-down-appear${o}-slide-down-appear-active${e}-placement-bottom, &${o}-slide-down-enter${o}-slide-down-enter-active${e}-placement-bottomRight, &${o}-slide-down-appear${o}-slide-down-appear-active${e}-placement-bottomRight`]:{animationName:p.slideUpIn},[`&${o}-slide-up-enter${o}-slide-up-enter-active${e}-placement-topLeft, &${o}-slide-up-appear${o}-slide-up-appear-active${e}-placement-topLeft, &${o}-slide-up-enter${o}-slide-up-enter-active${e}-placement-top, &${o}-slide-up-appear${o}-slide-up-appear-active${e}-placement-top, &${o}-slide-up-enter${o}-slide-up-enter-active${e}-placement-topRight, &${o}-slide-up-appear${o}-slide-up-appear-active${e}-placement-topRight`]:{animationName:p.slideDownIn},[`&${o}-slide-down-leave${o}-slide-down-leave-active${e}-placement-bottomLeft, &${o}-slide-down-leave${o}-slide-down-leave-active${e}-placement-bottom, &${o}-slide-down-leave${o}-slide-down-leave-active${e}-placement-bottomRight`]:{animationName:p.slideUpOut},[`&${o}-slide-up-leave${o}-slide-up-leave-active${e}-placement-topLeft, &${o}-slide-up-leave${o}-slide-up-leave-active${e}-placement-top, &${o}-slide-up-leave${o}-slide-up-leave-active${e}-placement-topRight`]:{animationName:p.slideDownOut}})},{[`${e} ${n}`]:{position:"relative",margin:0},[`${n}-submenu-popup`]:{position:"absolute",zIndex:u,background:"transparent",boxShadow:"none",transformOrigin:"0 0","ul,li":{listStyle:"none"},ul:{marginInline:"0.3em"}},[`${e}, ${e}-menu-submenu`]:{[n]:r.default(r.default({padding:b,listStyleType:"none",backgroundColor:g,backgroundClip:"padding-box",borderRadius:t.borderRadiusLG,outline:"none",boxShadow:t.boxShadowSecondary},f.genFocusStyle(t)),{[`${n}-item-group-title`]:{padding:`${$}px ${v}px`,color:t.colorTextDescription,transition:`all ${l}`},[`${n}-item`]:{position:"relative",display:"flex",alignItems:"center",borderRadius:t.borderRadiusSM},[`${n}-item-icon`]:{minWidth:w,marginInlineEnd:t.marginXS,fontSize:t.fontSizeSM},[`${n}-title-content`]:{flex:"auto","> a":{color:"inherit",transition:`all ${l}`,"&:hover":{color:"inherit"},"&::after":{position:"absolute",inset:0,content:'""'}}},[`${n}-item, ${n}-submenu-title`]:r.default(r.default({clear:"both",margin:0,padding:`${$}px ${v}px`,color:t.colorText,fontWeight:"normal",fontSize:w,lineHeight:t.lineHeight,cursor:"pointer",transition:`all ${l}`,"&:hover, &-active":{backgroundColor:t.controlItemBgHover}},f.genFocusStyle(t)),{"&-selected":{color:t.colorPrimary,backgroundColor:t.controlItemBgActive,"&:hover, &-active":{backgroundColor:t.controlItemBgActiveHover}},"&-disabled":{color:c,cursor:"not-allowed","&:hover":{color:c,backgroundColor:g,cursor:"not-allowed"},a:{pointerEvents:"none"}},"&-divider":{height:1,margin:`${t.marginXXS}px 0`,overflow:"hidden",lineHeight:0,backgroundColor:t.colorSplit},[`${e}-menu-submenu-expand-icon`]:{position:"absolute",insetInlineEnd:t.paddingXS,[`${e}-menu-submenu-arrow-icon`]:{marginInlineEnd:"0 !important",color:t.colorTextDescription,fontSize:d,fontStyle:"normal"}}}),[`${n}-item-group-list`]:{margin:`0 ${t.marginXS}px`,padding:0,listStyle:"none"},[`${n}-submenu-title`]:{paddingInlineEnd:v+t.fontSizeSM},[`${n}-submenu-vertical`]:{position:"relative"},[`${n}-submenu${n}-submenu-disabled ${e}-menu-submenu-title`]:{[`&, ${e}-menu-submenu-arrow-icon`]:{color:c,backgroundColor:g,cursor:"not-allowed"}},[`${n}-submenu-selected ${e}-menu-submenu-title`]:{color:t.colorPrimary}})}},[p.initSlideMotion(t,"slide-up"),p.initSlideMotion(t,"slide-down"),h.initMoveMotion(t,"move-up"),h.initMoveMotion(t,"move-down"),_.initZoomMotion(t,"zoom-big")]]},L=y.default("Dropdown",(t,e)=>{let{rootPrefixCls:n}=e;const{marginXXS:u,sizePopupArrow:i,controlHeight:a,fontSize:m,lineHeight:o,paddingXXS:s,componentCls:l,borderRadiusOuter:$,borderRadiusLG:w}=t,b=(a-m*o)/2,{dropdownArrowOffset:c}=x.getArrowOffset({sizePopupArrow:i,contentRadius:w,borderRadiusOuter:$}),d=C.merge(t,{menuCls:`${l}-menu`,rootPrefixCls:n,dropdownArrowDistance:i/2+u,dropdownArrowOffset:c,dropdownPaddingVertical:b,dropdownEdgeChildPadding:s});return[P(d),R.default(d),z.default(d)]},t=>({zIndexPopup:t.zIndexPopupBase+50}));exports.default=L;