ll-package
Version:
14 lines (13 loc) • 5.21 kB
JavaScript
Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("../../../../@babel/runtime/helpers/esm/extends.js"),t=require("../../input/style/index.js");require("../../theme/internal.js");const s=require("../../style/index.js"),R=require("../../style/compact-item.js"),z=require("../../theme/util/genComponentStyleHook.js"),E=n=>{const{componentCls:e,lineWidth:i,lineType:o,colorBorder:a,borderRadius:d,fontSizeLG:u,controlHeightLG:g,controlHeightSM:f,colorError:b,inputPaddingHorizontalSM:$,colorTextDescription:p,motionDurationMid:l,colorPrimary:S,controlHeight:x,inputPaddingHorizontal:w,colorBgContainer:y,colorTextDisabled:m,borderRadiusSM:c,borderRadiusLG:h,controlWidth:I,handleVisible:v}=n;return[{[e]:r.default(r.default(r.default(r.default({},s.resetComponent(n)),t.genBasicInputStyle(n)),t.genStatusStyle(n,e)),{display:"inline-block",width:I,margin:0,padding:0,border:`${i}px ${o} ${a}`,borderRadius:d,"&-rtl":{direction:"rtl",[`${e}-input`]:{direction:"rtl"}},"&-lg":{padding:0,fontSize:u,borderRadius:h,[`input${e}-input`]:{height:g-2*i}},"&-sm":{padding:0,borderRadius:c,[`input${e}-input`]:{height:f-2*i,padding:`0 ${$}px`}},"&:hover":r.default({},t.genHoverStyle(n)),"&-focused":r.default({},t.genActiveStyle(n)),"&-disabled":r.default(r.default({},t.genDisabledStyle(n)),{[`${e}-input`]:{cursor:"not-allowed"}}),"&-out-of-range":{input:{color:b}},"&-group":r.default(r.default(r.default({},s.resetComponent(n)),t.genInputGroupStyle(n)),{"&-wrapper":{display:"inline-block",textAlign:"start",verticalAlign:"top",[`${e}-affix-wrapper`]:{width:"100%"},"&-lg":{[`${e}-group-addon`]:{borderRadius:h}},"&-sm":{[`${e}-group-addon`]:{borderRadius:c}}}}),[e]:{"&-input":r.default(r.default({width:"100%",height:x-2*i,padding:`0 ${w}px`,textAlign:"start",backgroundColor:"transparent",border:0,borderRadius:d,outline:0,transition:`all ${l} linear`,appearance:"textfield",color:n.colorText,fontSize:"inherit",verticalAlign:"top"},t.genPlaceholderStyle(n.colorTextPlaceholder)),{'&[type="number"]::-webkit-inner-spin-button, &[type="number"]::-webkit-outer-spin-button':{margin:0,webkitAppearance:"none",appearance:"none"}})}})},{[e]:{[`&:hover ${e}-handler-wrap, &-focused ${e}-handler-wrap`]:{opacity:1},[`${e}-handler-wrap`]:{position:"absolute",insetBlockStart:0,insetInlineEnd:0,width:n.handleWidth,height:"100%",background:y,borderStartStartRadius:0,borderStartEndRadius:d,borderEndEndRadius:d,borderEndStartRadius:0,opacity:v===!0?1:0,display:"flex",flexDirection:"column",alignItems:"stretch",transition:`opacity ${l} linear ${l}`,[`${e}-handler`]:{display:"flex",alignItems:"center",justifyContent:"center",flex:"auto",height:"40%",[`
${e}-handler-up-inner,
${e}-handler-down-inner
`]:{marginInlineEnd:0,fontSize:n.handleFontSize}}},[`${e}-handler`]:{height:"50%",overflow:"hidden",color:p,fontWeight:"bold",lineHeight:0,textAlign:"center",cursor:"pointer",borderInlineStart:`${i}px ${o} ${a}`,transition:`all ${l} linear`,"&:active":{background:n.colorFillAlter},"&:hover":{height:"60%",[`
${e}-handler-up-inner,
${e}-handler-down-inner
`]:{color:S}},"&-up-inner, &-down-inner":r.default(r.default({},s.resetIcon()),{color:p,transition:`all ${l} linear`,userSelect:"none"})},[`${e}-handler-up`]:{borderStartEndRadius:d},[`${e}-handler-down`]:{borderBlockStart:`${i}px ${o} ${a}`,borderEndEndRadius:d},"&-disabled, &-readonly":{[`${e}-handler-wrap`]:{display:"none"}},[`
${e}-handler-up-disabled,
${e}-handler-down-disabled
`]:{cursor:"not-allowed"},[`
${e}-handler-up-disabled:hover &-handler-up-inner,
${e}-handler-down-disabled:hover &-handler-down-inner
`]:{color:m}}},{[`${e}-borderless`]:{borderColor:"transparent",boxShadow:"none",[`${e}-handler-down`]:{borderBlockStartWidth:0}}}]},H=n=>{const{componentCls:e,inputPaddingHorizontal:i,inputAffixPadding:o,controlWidth:a,borderRadiusLG:d,borderRadiusSM:u}=n;return{[`${e}-affix-wrapper`]:r.default(r.default(r.default({},t.genBasicInputStyle(n)),t.genStatusStyle(n,`${e}-affix-wrapper`)),{position:"relative",display:"inline-flex",width:a,padding:0,paddingInlineStart:i,"&-lg":{borderRadius:d},"&-sm":{borderRadius:u},[`&:not(${e}-affix-wrapper-disabled):hover`]:r.default(r.default({},t.genHoverStyle(n)),{zIndex:1}),"&-focused, &:focus":{zIndex:1},"&-disabled":{[`${e}[disabled]`]:{background:"transparent"}},[`> div${e}`]:{width:"100%",border:"none",outline:"none",[`&${e}-focused`]:{boxShadow:"none !important"}},[`input${e}-input`]:{padding:0},"&::before":{width:0,visibility:"hidden",content:'"\\a0"'},[`${e}-handler-wrap`]:{zIndex:2},[e]:{"&-prefix, &-suffix":{display:"flex",flex:"none",alignItems:"center",pointerEvents:"none"},"&-prefix":{marginInlineEnd:o},"&-suffix":{position:"absolute",insetBlockStart:0,insetInlineEnd:0,zIndex:1,height:"100%",marginInlineEnd:i,marginInlineStart:o}}})}},A=z.default("InputNumber",n=>{const e=t.initInputToken(n);return[E(e),H(e),R.genCompactItemStyle(e)]},n=>({controlWidth:90,handleWidth:n.controlHeightSM-n.lineWidth*2,handleFontSize:n.fontSize/2,handleVisible:"auto"}));exports.default=A;
;