ll-package
Version:
2 lines (1 loc) • 6.17 kB
JavaScript
;Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("../../../../@babel/runtime/helpers/esm/extends.js"),u=require("../../_util/cssinjs/Keyframes.js"),b=require("../../style/motion/collapse.js"),h=require("../../checkbox/style/index.js");require("../../theme/internal.js");const d=require("../../style/index.js"),$=require("../../theme/util/genComponentStyleHook.js"),m=require("../../theme/util/statistic.js"),f=new u.default("ant-tree-node-fx-do-not-use",{"0%":{opacity:0},"100%":{opacity:1}}),S=(o,e)=>({[`.${o}-switcher-icon`]:{display:"inline-block",fontSize:10,verticalAlign:"baseline",svg:{transition:`transform ${e.motionDurationSlow}`}}}),x=(o,e)=>({[`.${o}-drop-indicator`]:{position:"absolute",zIndex:1,height:2,backgroundColor:e.colorPrimary,borderRadius:1,pointerEvents:"none","&:after":{position:"absolute",top:-3,insetInlineStart:-6,width:8,height:8,backgroundColor:"transparent",border:`${e.lineWidthBold}px solid ${e.colorPrimary}`,borderRadius:"50%",content:'""'}}}),s=(o,e)=>{const{treeCls:t,treeNodeCls:r,treeNodePadding:l,treeTitleHeight:n}=e,a=(n-e.fontSizeLG)/2,p=e.paddingXS;return{[t]:i.default(i.default({},d.resetComponent(e)),{background:e.colorBgContainer,borderRadius:e.borderRadius,transition:`background-color ${e.motionDurationSlow}`,[`&${t}-rtl`]:{[`${t}-switcher`]:{"&_close":{[`${t}-switcher-icon`]:{svg:{transform:"rotate(90deg)"}}}}},[`&-focused:not(:hover):not(${t}-active-focused)`]:i.default({},d.genFocusOutline(e)),[`${t}-list-holder-inner`]:{alignItems:"flex-start"},[`&${t}-block-node`]:{[`${t}-list-holder-inner`]:{alignItems:"stretch",[`${t}-node-content-wrapper`]:{flex:"auto"},[`${r}.dragging`]:{position:"relative","&:after":{position:"absolute",top:0,insetInlineEnd:0,bottom:l,insetInlineStart:0,border:`1px solid ${e.colorPrimary}`,opacity:0,animationName:f,animationDuration:e.motionDurationSlow,animationPlayState:"running",animationFillMode:"forwards",content:'""',pointerEvents:"none"}}}},[`${r}`]:{display:"flex",alignItems:"flex-start",padding:`0 0 ${l}px 0`,outline:"none","&-rtl":{direction:"rtl"},"&-disabled":{[`${t}-node-content-wrapper`]:{color:e.colorTextDisabled,cursor:"not-allowed","&:hover":{background:"transparent"}}},[`&-active ${t}-node-content-wrapper`]:i.default({},d.genFocusOutline(e)),[`&:not(${r}-disabled).filter-node ${t}-title`]:{color:"inherit",fontWeight:500},"&-draggable":{[`${t}-draggable-icon`]:{width:n,lineHeight:`${n}px`,textAlign:"center",visibility:"visible",opacity:.2,transition:`opacity ${e.motionDurationSlow}`,[`${r}:hover &`]:{opacity:.45}},[`&${r}-disabled`]:{[`${t}-draggable-icon`]:{visibility:"hidden"}}}},[`${t}-indent`]:{alignSelf:"stretch",whiteSpace:"nowrap",userSelect:"none","&-unit":{display:"inline-block",width:n}},[`${t}-draggable-icon`]:{visibility:"hidden"},[`${t}-switcher`]:i.default(i.default({},S(o,e)),{position:"relative",flex:"none",alignSelf:"stretch",width:n,margin:0,lineHeight:`${n}px`,textAlign:"center",cursor:"pointer",userSelect:"none","&-noop":{cursor:"default"},"&_close":{[`${t}-switcher-icon`]:{svg:{transform:"rotate(-90deg)"}}},"&-loading-icon":{color:e.colorPrimary},"&-leaf-line":{position:"relative",zIndex:1,display:"inline-block",width:"100%",height:"100%","&:before":{position:"absolute",top:0,insetInlineEnd:n/2,bottom:-l,marginInlineStart:-1,borderInlineEnd:`1px solid ${e.colorBorder}`,content:'""'},"&:after":{position:"absolute",width:n/2*.8,height:n/2,borderBottom:`1px solid ${e.colorBorder}`,content:'""'}}}),[`${t}-checkbox`]:{top:"initial",marginInlineEnd:p,marginBlockStart:a},[`${t}-node-content-wrapper, ${t}-checkbox + span`]:{position:"relative",zIndex:"auto",minHeight:n,margin:0,padding:`0 ${e.paddingXS/2}px`,color:"inherit",lineHeight:`${n}px`,background:"transparent",borderRadius:e.borderRadius,cursor:"pointer",transition:`all ${e.motionDurationMid}, border 0s, line-height 0s, box-shadow 0s`,"&:hover":{backgroundColor:e.controlItemBgHover},[`&${t}-node-selected`]:{backgroundColor:e.controlItemBgActive},[`${t}-iconEle`]:{display:"inline-block",width:n,height:n,lineHeight:`${n}px`,textAlign:"center",verticalAlign:"top","&:empty":{display:"none"}}},[`${t}-unselectable ${t}-node-content-wrapper:hover`]:{backgroundColor:"transparent"},[`${t}-node-content-wrapper`]:i.default({lineHeight:`${n}px`,userSelect:"none"},x(o,e)),[`${r}.drop-container`]:{"> [draggable]":{boxShadow:`0 0 0 2px ${e.colorPrimary}`}},"&-show-line":{[`${t}-indent`]:{"&-unit":{position:"relative",height:"100%","&:before":{position:"absolute",top:0,insetInlineEnd:n/2,bottom:-l,borderInlineEnd:`1px solid ${e.colorBorder}`,content:'""'},"&-end":{"&:before":{display:"none"}}}},[`${t}-switcher`]:{background:"transparent","&-line-icon":{verticalAlign:"-0.15em"}}},[`${r}-leaf-last`]:{[`${t}-switcher`]:{"&-leaf-line":{"&:before":{top:"auto !important",bottom:"auto !important",height:`${n/2}px !important`}}}}})}},c=o=>{const{treeCls:e,treeNodeCls:t,treeNodePadding:r}=o;return{[`${e}${e}-directory`]:{[t]:{position:"relative","&:before":{position:"absolute",top:0,insetInlineEnd:0,bottom:r,insetInlineStart:0,transition:`background-color ${o.motionDurationMid}`,content:'""',pointerEvents:"none"},"&:hover":{"&:before":{background:o.controlItemBgHover}},"> *":{zIndex:1},[`${e}-switcher`]:{transition:`color ${o.motionDurationMid}`},[`${e}-node-content-wrapper`]:{borderRadius:0,userSelect:"none","&:hover":{background:"transparent"},[`&${e}-node-selected`]:{color:o.colorTextLightSolid,background:"transparent"}},"&-selected":{"\n &:hover::before,\n &::before\n ":{background:o.colorPrimary},[`${e}-switcher`]:{color:o.colorTextLightSolid},[`${e}-node-content-wrapper`]:{color:o.colorTextLightSolid,background:"transparent"}}}}}},g=(o,e)=>{const t=`.${o}`,r=`${t}-treenode`,l=e.paddingXS/2,n=e.controlHeightSM,a=m.merge(e,{treeCls:t,treeNodeCls:r,treeNodePadding:l,treeTitleHeight:n});return[s(o,a),c(a)]},y=$.default("Tree",(o,e)=>{let{prefixCls:t}=e;return[{[o.componentCls]:h.getStyle(`${t}-checkbox`,o)},g(t,o),b.default(o)]});exports.default=y;exports.genBaseStyle=s;exports.genDirectoryStyle=c;exports.genTreeStyle=g;