UNPKG

ll-package

Version:

13 lines (12 loc) 13.7 kB
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("../../../../@babel/runtime/helpers/esm/extends.js");require("../../theme/internal.js");const p=require("../../style/index.js"),I=require("../../style/compact-item.js"),R=require("../../theme/util/genComponentStyleHook.js"),n=require("../../theme/util/statistic.js"),b=r=>({"&::-moz-placeholder":{opacity:1},"&::placeholder":{color:r,userSelect:"none"},"&:placeholder-shown":{textOverflow:"ellipsis"}}),c=r=>({borderColor:r.inputBorderHoverColor,borderInlineEndWidth:r.lineWidth}),a=r=>({borderColor:r.inputBorderHoverColor,boxShadow:`0 0 0 ${r.controlOutlineWidth}px ${r.controlOutline}`,borderInlineEndWidth:r.lineWidth,outline:0}),f=r=>({color:r.colorTextDisabled,backgroundColor:r.colorBgContainerDisabled,borderColor:r.colorBorder,boxShadow:"none",cursor:"not-allowed",opacity:1,"&:hover":t.default({},c(n.merge(r,{inputBorderHoverColor:r.colorBorder})))}),S=r=>{const{inputPaddingVerticalLG:e,fontSizeLG:i,lineHeightLG:o,borderRadiusLG:d,inputPaddingHorizontalLG:l}=r;return{padding:`${e}px ${l}px`,fontSize:i,lineHeight:o,borderRadius:d}},g=r=>({padding:`${r.inputPaddingVerticalSM}px ${r.controlPaddingHorizontalSM-1}px`,borderRadius:r.borderRadiusSM}),h=(r,e)=>{const{componentCls:i,colorError:o,colorWarning:d,colorErrorOutline:l,colorWarningOutline:s,colorErrorBorderHover:u,colorWarningBorderHover:H}=r;return{[`&-status-error:not(${e}-disabled):not(${e}-borderless)${e}`]:{borderColor:o,"&:hover":{borderColor:u},"&:focus, &-focused":t.default({},a(n.merge(r,{inputBorderActiveColor:o,inputBorderHoverColor:o,controlOutline:l}))),[`${i}-prefix`]:{color:o}},[`&-status-warning:not(${e}-disabled):not(${e}-borderless)${e}`]:{borderColor:d,"&:hover":{borderColor:H},"&:focus, &-focused":t.default({},a(n.merge(r,{inputBorderActiveColor:d,inputBorderHoverColor:d,controlOutline:s}))),[`${i}-prefix`]:{color:d}}}},$=r=>t.default(t.default({position:"relative",display:"inline-block",width:"100%",minWidth:0,padding:`${r.inputPaddingVertical}px ${r.inputPaddingHorizontal}px`,color:r.colorText,fontSize:r.fontSize,lineHeight:r.lineHeight,backgroundColor:r.colorBgContainer,backgroundImage:"none",borderWidth:r.lineWidth,borderStyle:r.lineType,borderColor:r.colorBorder,borderRadius:r.borderRadius,transition:`all ${r.motionDurationMid}`},b(r.colorTextPlaceholder)),{"&:hover":t.default({},c(r)),"&:focus, &-focused":t.default({},a(r)),"&-disabled, &[disabled]":t.default({},f(r)),"&-borderless":{"&, &:hover, &:focus, &-focused, &-disabled, &[disabled]":{backgroundColor:"transparent",border:"none",boxShadow:"none"}},"textarea&":{maxWidth:"100%",height:"auto",minHeight:r.controlHeight,lineHeight:r.lineHeight,verticalAlign:"bottom",transition:`all ${r.motionDurationSlow}, height 0s`,resize:"vertical"},"&-lg":t.default({},S(r)),"&-sm":t.default({},g(r)),"&-rtl":{direction:"rtl"},"&-textarea-rtl":{direction:"rtl"}}),x=r=>{const{componentCls:e,antCls:i}=r;return{position:"relative",display:"table",width:"100%",borderCollapse:"separate",borderSpacing:0,"&[class*='col-']":{paddingInlineEnd:r.paddingXS,"&:last-child":{paddingInlineEnd:0}},[`&-lg ${e}, &-lg > ${e}-group-addon`]:t.default({},S(r)),[`&-sm ${e}, &-sm > ${e}-group-addon`]:t.default({},g(r)),[`> ${e}`]:{display:"table-cell","&:not(:first-child):not(:last-child)":{borderRadius:0}},[`${e}-group`]:{"&-addon, &-wrap":{display:"table-cell",width:1,whiteSpace:"nowrap",verticalAlign:"middle","&:not(:first-child):not(:last-child)":{borderRadius:0}},"&-wrap > *":{display:"block !important"},"&-addon":{position:"relative",padding:`0 ${r.inputPaddingHorizontal}px`,color:r.colorText,fontWeight:"normal",fontSize:r.fontSize,textAlign:"center",backgroundColor:r.colorFillAlter,border:`${r.lineWidth}px ${r.lineType} ${r.colorBorder}`,borderRadius:r.borderRadius,transition:`all ${r.motionDurationSlow}`,lineHeight:1,[`${i}-select`]:{margin:`-${r.inputPaddingVertical+1}px -${r.inputPaddingHorizontal}px`,[`&${i}-select-single:not(${i}-select-customize-input)`]:{[`${i}-select-selector`]:{backgroundColor:"inherit",border:`${r.lineWidth}px ${r.lineType} transparent`,boxShadow:"none"}},"&-open, &-focused":{[`${i}-select-selector`]:{color:r.colorPrimary}}},[`${i}-cascader-picker`]:{margin:`-9px -${r.inputPaddingHorizontal}px`,backgroundColor:"transparent",[`${i}-cascader-input`]:{textAlign:"start",border:0,boxShadow:"none"}}},"&-addon:first-child":{borderInlineEnd:0},"&-addon:last-child":{borderInlineStart:0}},[`${e}`]:{float:"inline-start",width:"100%",marginBottom:0,textAlign:"inherit","&:focus":{zIndex:1,borderInlineEndWidth:1},"&:hover":{zIndex:1,borderInlineEndWidth:1,[`${e}-search-with-button &`]:{zIndex:0}}},[`> ${e}:first-child, ${e}-group-addon:first-child`]:{borderStartEndRadius:0,borderEndEndRadius:0,[`${i}-select ${i}-select-selector`]:{borderStartEndRadius:0,borderEndEndRadius:0}},[`> ${e}-affix-wrapper`]:{[`&:not(:first-child) ${e}`]:{borderStartStartRadius:0,borderEndStartRadius:0},[`&:not(:last-child) ${e}`]:{borderStartEndRadius:0,borderEndEndRadius:0}},[`> ${e}:last-child, ${e}-group-addon:last-child`]:{borderStartStartRadius:0,borderEndStartRadius:0,[`${i}-select ${i}-select-selector`]:{borderStartStartRadius:0,borderEndStartRadius:0}},[`${e}-affix-wrapper`]:{"&:not(:last-child)":{borderStartEndRadius:0,borderEndEndRadius:0,[`${e}-search &`]:{borderStartStartRadius:r.borderRadius,borderEndStartRadius:r.borderRadius}},[`&:not(:first-child), ${e}-search &:not(:first-child)`]:{borderStartStartRadius:0,borderEndStartRadius:0}},[`&${e}-group-compact`]:t.default(t.default({display:"block"},p.clearFix()),{[`${e}-group-addon, ${e}-group-wrap, > ${e}`]:{"&:not(:first-child):not(:last-child)":{borderInlineEndWidth:r.lineWidth,"&:hover":{zIndex:1},"&:focus":{zIndex:1}}},"& > *":{display:"inline-block",float:"none",verticalAlign:"top",borderRadius:0},[`& > ${e}-affix-wrapper`]:{display:"inline-flex"},[`& > ${i}-picker-range`]:{display:"inline-flex"},"& > *:not(:last-child)":{marginInlineEnd:-r.lineWidth,borderInlineEndWidth:r.lineWidth},[`${e}`]:{float:"none"},[`& > ${i}-select > ${i}-select-selector, & > ${i}-select-auto-complete ${e}, & > ${i}-cascader-picker ${e}, & > ${e}-group-wrapper ${e}`]:{borderInlineEndWidth:r.lineWidth,borderRadius:0,"&:hover":{zIndex:1},"&:focus":{zIndex:1}},[`& > ${i}-select-focused`]:{zIndex:1},[`& > ${i}-select > ${i}-select-arrow`]:{zIndex:1},[`& > *:first-child, & > ${i}-select:first-child > ${i}-select-selector, & > ${i}-select-auto-complete:first-child ${e}, & > ${i}-cascader-picker:first-child ${e}`]:{borderStartStartRadius:r.borderRadius,borderEndStartRadius:r.borderRadius},[`& > *:last-child, & > ${i}-select:last-child > ${i}-select-selector, & > ${i}-cascader-picker:last-child ${e}, & > ${i}-cascader-picker-focused:last-child ${e}`]:{borderInlineEndWidth:r.lineWidth,borderStartEndRadius:r.borderRadius,borderEndEndRadius:r.borderRadius},[`& > ${i}-select-auto-complete ${e}`]:{verticalAlign:"top"},[`${e}-group-wrapper + ${e}-group-wrapper`]:{marginInlineStart:-r.lineWidth,[`${e}-affix-wrapper`]:{borderRadius:0}},[`${e}-group-wrapper:not(:last-child)`]:{[`&${e}-search > ${e}-group`]:{[`& > ${e}-group-addon > ${e}-search-button`]:{borderRadius:0},[`& > ${e}`]:{borderStartStartRadius:r.borderRadius,borderStartEndRadius:0,borderEndEndRadius:0,borderEndStartRadius:r.borderRadius}}}}),[`&&-sm ${i}-btn`]:{fontSize:r.fontSizeSM,height:r.controlHeightSM,lineHeight:"normal"},[`&&-lg ${i}-btn`]:{fontSize:r.fontSizeLG,height:r.controlHeightLG,lineHeight:"normal"},[`&&-lg ${i}-select-single ${i}-select-selector`]:{height:`${r.controlHeightLG}px`,[`${i}-select-selection-item, ${i}-select-selection-placeholder`]:{lineHeight:`${r.controlHeightLG-2}px`},[`${i}-select-selection-search-input`]:{height:`${r.controlHeightLG}px`}},[`&&-sm ${i}-select-single ${i}-select-selector`]:{height:`${r.controlHeightSM}px`,[`${i}-select-selection-item, ${i}-select-selection-placeholder`]:{lineHeight:`${r.controlHeightSM-2}px`},[`${i}-select-selection-search-input`]:{height:`${r.controlHeightSM}px`}}}},E=r=>{const{componentCls:e,controlHeightSM:i,lineWidth:o}=r,l=(i-o*2-16)/2;return{[e]:t.default(t.default(t.default(t.default({},p.resetComponent(r)),$(r)),h(r,e)),{'&[type="color"]':{height:r.controlHeight,[`&${e}-lg`]:{height:r.controlHeightLG},[`&${e}-sm`]:{height:i,paddingTop:l,paddingBottom:l}}})}},y=r=>{const{componentCls:e}=r;return{[`${e}-clear-icon`]:{margin:0,color:r.colorTextQuaternary,fontSize:r.fontSizeIcon,verticalAlign:-1,cursor:"pointer",transition:`color ${r.motionDurationSlow}`,"&:hover":{color:r.colorTextTertiary},"&:active":{color:r.colorText},"&-hidden":{visibility:"hidden"},"&-has-suffix":{margin:`0 ${r.inputAffixPadding}px`}},"&-textarea-with-clear-btn":{padding:"0 !important",border:"0 !important",[`${e}-clear-icon`]:{position:"absolute",insetBlockStart:r.paddingXS,insetInlineEnd:r.paddingXS,zIndex:1}}}},v=r=>{const{componentCls:e,inputAffixPadding:i,colorTextDescription:o,motionDurationSlow:d,colorIcon:l,colorIconHover:s,iconCls:u}=r;return{[`${e}-affix-wrapper`]:t.default(t.default(t.default(t.default(t.default({},$(r)),{display:"inline-flex",[`&:not(${e}-affix-wrapper-disabled):hover`]:t.default(t.default({},c(r)),{zIndex:1,[`${e}-search-with-button &`]:{zIndex:0}}),"&-focused, &:focus":{zIndex:1},"&-disabled":{[`${e}[disabled]`]:{background:"transparent"}},[`> input${e}`]:{padding:0,fontSize:"inherit",border:"none",borderRadius:0,outline:"none","&:focus":{boxShadow:"none !important"}},"&::before":{width:0,visibility:"hidden",content:'"\\a0"'},[`${e}`]:{"&-prefix, &-suffix":{display:"flex",flex:"none",alignItems:"center","> *:not(:last-child)":{marginInlineEnd:r.paddingXS}},"&-show-count-suffix":{color:o},"&-show-count-has-suffix":{marginInlineEnd:r.paddingXXS},"&-prefix":{marginInlineEnd:i},"&-suffix":{marginInlineStart:i}}}),y(r)),{[`${u}${e}-password-icon`]:{color:l,cursor:"pointer",transition:`all ${d}`,"&:hover":{color:s}}}),h(r,`${e}-affix-wrapper`))}},w=r=>{const{componentCls:e,colorError:i,colorSuccess:o,borderRadiusLG:d,borderRadiusSM:l}=r;return{[`${e}-group`]:t.default(t.default(t.default({},p.resetComponent(r)),x(r)),{"&-rtl":{direction:"rtl"},"&-wrapper":{display:"inline-block",width:"100%",textAlign:"start",verticalAlign:"top","&-rtl":{direction:"rtl"},"&-lg":{[`${e}-group-addon`]:{borderRadius:d}},"&-sm":{[`${e}-group-addon`]:{borderRadius:l}},"&-status-error":{[`${e}-group-addon`]:{color:i,borderColor:i}},"&-status-warning":{[`${e}-group-addon:last-child`]:{color:o,borderColor:o}}}})}},z=r=>{const{componentCls:e,antCls:i}=r,o=`${e}-search`;return{[o]:{[`${e}`]:{"&:hover, &:focus":{borderColor:r.colorPrimaryHover,[`+ ${e}-group-addon ${o}-button:not(${i}-btn-primary)`]:{borderInlineStartColor:r.colorPrimaryHover}}},[`${e}-affix-wrapper`]:{borderRadius:0},[`${e}-lg`]:{lineHeight:r.lineHeightLG-2e-4},[`> ${e}-group`]:{[`> ${e}-group-addon:last-child`]:{insetInlineStart:-1,padding:0,border:0,[`${o}-button`]:{paddingTop:0,paddingBottom:0,borderStartStartRadius:0,borderStartEndRadius:r.borderRadius,borderEndEndRadius:r.borderRadius,borderEndStartRadius:0},[`${o}-button:not(${i}-btn-primary)`]:{color:r.colorTextDescription,"&:hover":{color:r.colorPrimaryHover},"&:active":{color:r.colorPrimaryActive},[`&${i}-btn-loading::before`]:{insetInlineStart:0,insetInlineEnd:0,insetBlockStart:0,insetBlockEnd:0}}}},[`${o}-button`]:{height:r.controlHeight,"&:hover, &:focus":{zIndex:1}},[`&-large ${o}-button`]:{height:r.controlHeightLG},[`&-small ${o}-button`]:{height:r.controlHeightSM},"&-rtl":{direction:"rtl"},[`&${e}-compact-item`]:{[`&:not(${e}-compact-last-item)`]:{[`${e}-group-addon`]:{[`${e}-search-button`]:{marginInlineEnd:-r.lineWidth,borderRadius:0}}},[`&:not(${e}-compact-first-item)`]:{[`${e},${e}-affix-wrapper`]:{borderRadius:0}},[`> ${e}-group-addon ${e}-search-button, > ${e}, ${e}-affix-wrapper`]:{"&:hover,&:focus,&:active":{zIndex:2}},[`> ${e}-affix-wrapper-focused`]:{zIndex:2}}}}};function m(r){return n.merge(r,{inputAffixPadding:r.paddingXXS,inputPaddingVertical:Math.max(Math.round((r.controlHeight-r.fontSize*r.lineHeight)/2*10)/10-r.lineWidth,3),inputPaddingVerticalLG:Math.ceil((r.controlHeightLG-r.fontSizeLG*r.lineHeightLG)/2*10)/10-r.lineWidth,inputPaddingVerticalSM:Math.max(Math.round((r.controlHeightSM-r.fontSize*r.lineHeight)/2*10)/10-r.lineWidth,0),inputPaddingHorizontal:r.paddingSM-r.lineWidth,inputPaddingHorizontalSM:r.paddingXS-r.lineWidth,inputPaddingHorizontalLG:r.controlPaddingHorizontal-r.lineWidth,inputBorderHoverColor:r.colorPrimaryHover,inputBorderActiveColor:r.colorPrimaryHover})}const C=r=>{const{componentCls:e,inputPaddingHorizontal:i,paddingLG:o}=r,d=`${e}-textarea`;return{[d]:{position:"relative",[`${d}-suffix`]:{position:"absolute",top:0,insetInlineEnd:i,bottom:0,zIndex:1,display:"inline-flex",alignItems:"center",margin:"auto"},"&-status-error,\n &-status-warning,\n &-status-success,\n &-status-validating":{[`&${d}-has-feedback`]:{[`${e}`]:{paddingInlineEnd:o}}},"&-show-count":{[`> ${e}`]:{height:"100%"},"&::after":{color:r.colorTextDescription,whiteSpace:"nowrap",content:"attr(data-count)",pointerEvents:"none",float:"right"}},"&-rtl":{"&::after":{float:"left"}}}}},P=R.default("Input",r=>{const e=m(r);return[E(e),C(e),v(e),w(e),z(e),I.genCompactItemStyle(e)]});exports.default=P;exports.genActiveStyle=a;exports.genBasicInputStyle=$;exports.genDisabledStyle=f;exports.genHoverStyle=c;exports.genInputGroupStyle=x;exports.genInputSmallStyle=g;exports.genPlaceholderStyle=b;exports.genStatusStyle=h;exports.initInputToken=m;