ant-design-x-vue-next/lib/sender/style/slot-textarea.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("../../_util/cssinjs/StyleContext.js");require("vue");const u=require("../../_util/cssinjs/util.js");require("../../_util/cssinjs/theme/ThemeCache.js");require("../../_util/warning.js");require("../../_util/cssinjs/transformers/legacyLogicalProperties.js");const h=i=>{const{componentCls:l,antCls:a,calc:r}=i,d=`${l}-slot`,t=`${a}-input`,c=`${t}-borderless`,s=`${l}-slot-input`,o=`${l}-slot-select`,g=`${l}-slot-tag`,n=`${l}-slot-content`,e=`${l}-skill`;return{[l]:{[`${l}-input-slot`]:{outline:"none",cursor:"text",whiteSpace:"pre-wrap",width:"100%",caretColor:i.colorPrimary,fontSize:i.fontSize,lineHeight:i.lineHeight,"&:empty::before":{content:"attr(data-placeholder)",color:i.colorTextPlaceholder}},[`${d}:not(${n})`]:{display:"inline-block",verticalAlign:"middle",alignItems:"center",marginBlock:1,height:r(i.fontSize).mul(i.lineHeight).add(2).equal(),wordBreak:"break-all",marginInline:i.marginXXS},[`${t}${s}`]:{height:"100%",background:i.colorBgSlot,outline:"none",color:i.colorTextSlot,borderRadius:i.borderRadius,paddingInline:i.paddingXXS,fontSize:"inherit",lineHeight:"inherit",position:"relative",[`&${c}`]:{"&:focus-visible, &:has(input:focus-visible), &:has(textarea:focus-visible)":{outline:"none"}},"&::placeholder":{color:i.colorTextSlotPlaceholder,fontSize:"inherit",lineHeight:"inherit"}},[o]:{fontSize:i.fontSize,lineHeight:i.lineHeight,paddingInline:i.paddingXXS,transition:`border-color ${i.motionDurationMid}`,position:"relative",display:"inline-flex",alignItems:"center",cursor:"pointer",background:i.colorBgSlot,height:"100%",boxSizing:"border-box",borderRadius:i.borderRadius,color:i.colorTextSlot,border:`1px solid ${i.colorBorderSlot}`,"&.placeholder":{color:i.colorTextSlotPlaceholder},[`${o}-value`]:{flex:1,fontSize:i.fontSize,lineHeight:i.lineHeight,"&:empty::before":{content:"attr(data-placeholder)"}},[`${o}-arrow`]:{marginInlineStart:i.marginXXS,fontSize:i.fontSize,lineHeight:i.lineHeight,display:"inline-flex",alignItems:"center",justifyContent:"center"}},[g]:{background:i.colorBgSlot,border:`1px solid ${i.colorBorderSlot}`,outline:"none",color:i.colorTextSlot,borderRadius:i.borderRadius,padding:`0 ${u.unit(i.paddingXXS)}`,fontSize:i.fontSize,lineHeight:i.lineHeight,height:"100%",boxSizing:"border-box",position:"relative",cursor:"default"},[n]:{height:r(i.fontSize).mul(i.lineHeight).add(2).equal(),caretColor:i.colorPrimary,background:i.colorBgSlot,outline:"none",color:i.colorTextSlot,borderRadius:i.borderRadius,paddingInline:i.paddingXXS,boxSizing:"border-box",verticalAlign:"middle",fontSize:i.fontSize,marginBlock:1,lineHeight:i.lineHeight,display:"inline-block",position:"relative",cursor:"text","&:empty":{width:"fit-content","&::after":{display:"inline-block",height:"inherit",content:"attr(data-placeholder)",color:i.colorTextSlotPlaceholder}}},[e]:{display:"inline-block",verticalAlign:"baseline",alignItems:"center",marginBlock:1,height:r(i.fontSize).mul(i.lineHeight).add(2).equal(),wordBreak:"break-all",paddingInlineEnd:0,paddingInlineStart:0,marginInlineEnd:0,marginInlineStart:-1},[`${e}-wrapper`]:{height:"100%",display:"inline-flex"},[`${e}-tag`]:{paddingInline:i.paddingXS,height:"100%",backgroundColor:i.colorBgSkill,borderRadius:i.borderRadius,color:i.colorPrimary,alignItems:"center",fontWeight:500,display:"inline-flex",cursor:"pointer",gap:i.marginXXS,transition:`background-color ${i.motionDurationMid}`,"&:hover":{backgroundColor:i.colorBgSkillHover,[`${e}-close:not(${e}-close-disabled)`]:{color:i.colorPrimaryHover}},"&-close":{fontSize:i.fontSizeSM,display:"inline-flex",transition:`color ${i.motionDurationMid}`,color:i.colorPrimary},"&-close-disabled":{cursor:"not-allowed",color:i.colorTextDisabled}},[`${e}-holder`]:{width:i.marginXS,height:"100%"}}}};exports.default=h;