ant-design-x-vue/lib/attachments/style/index.js

Craft AI-driven interfaces effortlessly

"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const d=require("../../chunks/module-chunk.js"),s=require("../../theme/genStyleUtils.js"),p=require("./fileCard.js");require("vue");require("../../_util/cssinjs/StyleContext.js");require("../../_util/cssinjs/theme/ThemeCache.js");require("../../_util/warning.js");require("../../_util/cssinjs/transformers/legacyLogicalProperties.js");const c=require("../../_util/cssinjs-utils/util/statistic.js"),a={"&, *":{boxSizing:"border-box"}},g=e=>{const{componentCls:t,calc:i,antCls:r}=e,n=`${t}-drop-area`,o=`${t}-placeholder`;return{[n]:{position:"absolute",inset:0,zIndex:e.zIndexPopupBase,...a,"&-on-body":{position:"fixed",inset:0},"&-hide-placement":{[`${o}-inner`]:{display:"none"}},[o]:{padding:0}},"&":{[o]:{height:"100%",borderRadius:e.borderRadius,borderWidth:e.lineWidthBold,borderStyle:"dashed",borderColor:"transparent",padding:e.padding,position:"relative",backdropFilter:"blur(10px)",...a,[`${r}-upload-wrapper ${r}-upload${r}-upload-btn`]:{padding:0},[`&${o}-drag-in`]:{borderColor:e.colorPrimaryHover},[`&${o}-disabled`]:{opacity:.25,pointerEvents:"none"},[`${o}-inner`]:{gap:i(e.paddingXXS).div(2).equal()},[`${o}-icon`]:{fontSize:e.fontSizeHeading2,lineHeight:1},[`${o}-title${o}-title`]:{margin:0,fontSize:e.fontSize,lineHeight:e.lineHeight},[`${o}-description`]:{}}}}},b=e=>{const{componentCls:t,calc:i}=e,r=`${t}-list`,n=i(e.fontSize).mul(e.lineHeight).mul(2).add(e.paddingSM).add(e.paddingSM).equal();return{[t]:{position:"relative",width:"100%",...a,[r]:{display:"flex",flexWrap:"wrap",gap:e.paddingSM,fontSize:e.fontSize,lineHeight:e.lineHeight,color:e.colorText,paddingBlock:e.paddingSM,paddingInline:e.padding,width:"100%",background:e.colorBgContainer,scrollbarWidth:"none","-ms-overflow-style":"none","&::-webkit-scrollbar":{display:"none"},"&-overflow-scrollX, &-overflow-scrollY":{"&:before, &:after":{content:'""',position:"absolute",opacity:0,transition:`opacity ${e.motionDurationSlow}`,zIndex:1}},"&-overflow-ping-start:before":{opacity:1},"&-overflow-ping-end:after":{opacity:1},"&-overflow-scrollX":{overflowX:"auto",overflowY:"hidden",flexWrap:"nowrap","&:before, &:after":{insetBlock:0,width:8},"&:before":{insetInlineStart:0,background:"linear-gradient(to right, rgba(0,0,0,0.06), rgba(0,0,0,0));"},"&:after":{insetInlineEnd:0,background:"linear-gradient(to left, rgba(0,0,0,0.06), rgba(0,0,0,0));"},"&:dir(rtl)":{"&:before":{background:"linear-gradient(to left, rgba(0,0,0,0.06), rgba(0,0,0,0));"},"&:after":{background:"linear-gradient(to right, rgba(0,0,0,0.06), rgba(0,0,0,0));"}}},"&-overflow-scrollY":{overflowX:"hidden",overflowY:"auto",maxHeight:i(n).mul(3).equal(),"&:before, &:after":{insetInline:0,height:8},"&:before":{insetBlockStart:0,background:"linear-gradient(to bottom, rgba(0,0,0,0.06), rgba(0,0,0,0));"},"&:after":{insetBlockEnd:0,background:"linear-gradient(to top, rgba(0,0,0,0.06), rgba(0,0,0,0));"}},"&-upload-btn":{width:n,height:n,fontSize:e.fontSizeHeading2,color:"#999"},"&-prev-btn, &-next-btn":{position:"absolute",top:"50%",transform:"translateY(-50%)",boxShadow:e.boxShadowTertiary,opacity:0,pointerEvents:"none"},"&-prev-btn":{left:{_skip_check_:!0,value:e.padding}},"&-next-btn":{right:{_skip_check_:!0,value:e.padding}},"&:dir(ltr)":{[`&${r}-overflow-ping-start ${r}-prev-btn`]:{opacity:1,pointerEvents:"auto"},[`&${r}-overflow-ping-end ${r}-next-btn`]:{opacity:1,pointerEvents:"auto"}},"&:dir(rtl)":{[`&${r}-overflow-ping-end ${r}-prev-btn`]:{opacity:1,pointerEvents:"auto"},[`&${r}-overflow-ping-start ${r}-next-btn`]:{opacity:1,pointerEvents:"auto"}}}}}},l=e=>{const{colorBgContainer:t}=e;return{colorBgPlaceholderHover:new d.FastColor(t).setA(.85).toRgbString()}},u=s.genStyleHooks("Attachments",e=>{const t=c.merge(e,{});return[g(t),b(t),p.default(t)]},l);exports.default=u;exports.prepareComponentToken=l;