ant-design-x-vue-next/lib/folder/style/index.js

Ant Design X for Vue — community continuation aligned with @ant-design/x

"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require("vue");require("../../_util/cssinjs/StyleContext.js");require("../../_util/cssinjs/theme/ThemeCache.js");require("../../_util/warning.js");require("../../_util/cssinjs/transformers/legacyLogicalProperties.js");const n=require("../../_util/cssinjs-utils/util/statistic.js"),o=require("../../theme/genStyleUtils.js"),l=e=>{const{componentCls:r,antCls:t}=e;return{[r]:{height:"100%",width:"100%",background:e.colorBgDirectory,[`${t}-tree-node-content-wrapper`]:{display:"flex",paddingInline:0},[`${t}-tree-node-content-wrapper-open,${t}-tree-node-content-wrapper-close`]:{display:"flex"},[`${t}-tree-node-content-wrapper-normal`]:{display:"flex"},[`${t}-tree-list`]:{paddingInline:e.padding,paddingBlock:e.paddingXS},[`${t}-tree-switcher`]:{width:"10px","&:before":{width:"10px",height:"10px"}},[`${r}-container`]:{height:"100%",display:"flex",flexDirection:"row",width:"100%"},[`${r}-directory-tree`]:{height:"100%",display:"flex",flexDirection:"column",flexShrink:0,overflow:"hidden"},[`${r}-directory-tree-title`]:{width:"100%",display:"flex",alignItems:"center"},[`${r}-directory-tree-content`]:{width:"100%",background:"transparent",height:"100%",borderRadius:"unset",display:"flex",overflow:"auto"},[`&${r}-rtl`]:{direction:"rtl"}}}},a=e=>{const{componentCls:r,calc:t}=e;return{[r]:{[`${r}-preview`]:{width:"100%",background:e.colorBgContainer,flex:1,height:"100%",display:"flex",flexDirection:"column",minWidth:0},[`${r}-preview-title`]:{background:e.colorBgContainer,paddingInline:e.padding,paddingBlock:e.paddingXS,borderBottom:`1px solid ${e.colorBorderSecondary}`,display:"flex",justifyContent:"space-between",alignItems:"center"},[`${r}-preview-content`]:{overflow:"auto",flex:1,background:e.colorBgContainer,paddingInline:e.padding,paddingBlock:e.paddingXS,pre:{margin:0,background:"transparent",fontFamily:e.fontFamily,fontSize:e.fontSize,whiteSpace:"pre-wrap",wordBreak:"break-word"}},[`${r}-preview-loading-container`]:{display:"flex",justifyContent:"center",alignItems:"center",marginBlockStart:t(e.marginLG).mul(3).equal()},[`${r}-preview-empty-container`]:{marginBlockStart:t(e.marginLG).mul(3).equal()},[`${r}-directory-tree-item-title`]:{display:"flex",whiteSpace:"nowrap",paddingInlineEnd:e.padding}}}},i=e=>({colorBgDirectory:e.colorFillTertiary}),d=o.genStyleHooks("Folder",e=>{const r=n.merge(e,{});return[l(r),a(r)]},i);exports.default=d;exports.prepareComponentToken=i;