@chaoswise/ui 3.0.23 → 3.1.1

package/lib/Antd5/input/Input.js

@@ -17,7 +17,9 @@ import { Fragment as _Fragment, jsxs as _jsxs, jsx as _jsx } from "react/jsx-run
 import React, { forwardRef, useContext, useEffect, useRef } from 'react';
 import classNames from 'classnames';
 import RcInput from 'rc-input';
+import { triggerFocus } from 'rc-input/lib/utils/commonUtils';
 import { composeRef } from 'rc-util/lib/ref';
+import ContextIsolator from '../_util/ContextIsolator';
 import getAllowClear from '../_util/getAllowClear';
 import { getMergedStatus, getStatusClassNames } from '../_util/statusUtils';
 import { devUseWarning } from '../_util/warning';
@@ -25,34 +27,13 @@ import { ConfigContext } from '../config-provider';
 import DisabledContext from '../config-provider/DisabledContext';
 import useCSSVarCls from '../config-provider/hooks/useCSSVarCls';
 import useSize from '../config-provider/hooks/useSize';
-import { FormItemInputContext, NoFormStyle } from '../form/context';
+import { FormItemInputContext } from '../form/context';
 import useVariant from '../form/hooks/useVariants';
-import { NoCompactStyle, useCompactItemContext } from '../space/Compact';
+import { useCompactItemContext } from '../space/Compact';
 import useRemovePasswordTimeout from './hooks/useRemovePasswordTimeout';
 import useStyle from './style';
 import { hasPrefixSuffix } from './utils';
-export function triggerFocus(element, option) {
-  if (!element) {
-    return;
-  }
-  element.focus(option);
-  // Selection content
-  var _ref = option || {},
-    cursor = _ref.cursor;
-  if (cursor) {
-    var len = element.value.length;
-    switch (cursor) {
-      case 'start':
-        element.setSelectionRange(0, 0);
-        break;
-      case 'end':
-        element.setSelectionRange(len, len);
-        break;
-      default:
-        element.setSelectionRange(0, len);
-    }
-  }
-}
+export { triggerFocus };
 var Input = /*#__PURE__*/forwardRef(function (props, ref) {
   var _input$classNames;
   var customizePrefixCls = props.prefixCls,
@@ -99,8 +80,8 @@ var Input = /*#__PURE__*/forwardRef(function (props, ref) {
     compactItemClassnames = _useCompactItemContex.compactItemClassnames;
   // ===================== Size =====================
   var mergedSize = useSize(function (ctx) {
-    var _ref2;
-    return (_ref2 = customSize !== null && customSize !== void 0 ? customSize : compactSize) !== null && _ref2 !== void 0 ? _ref2 : ctx;
+    var _ref;
+    return (_ref = customSize !== null && customSize !== void 0 ? customSize : compactSize) !== null && _ref !== void 0 ? _ref : ctx;
   });
   // ===================== Disabled =====================
   var disabled = React.useContext(DisabledContext);
@@ -143,17 +124,8 @@ var Input = /*#__PURE__*/forwardRef(function (props, ref) {
   var suffixNode = (hasFeedback || suffix) && _jsxs(_Fragment, {
     children: [suffix, hasFeedback && feedbackIcon]
   });
-  var getAddon = function getAddon(addon) {
-    return addon && _jsx(NoCompactStyle, {
-      children: _jsx(NoFormStyle, {
-        override: true,
-        status: true,
-        children: addon
-      })
-    });
-  };
   var mergedAllowClear = getAllowClear(allowClear !== null && allowClear !== void 0 ? allowClear : input === null || input === void 0 ? void 0 : input.allowClear);
-  var _useVariant = useVariant(customVariant, bordered),
+  var _useVariant = useVariant('input', customVariant, bordered),
     _useVariant2 = _slicedToArray(_useVariant, 2),
     variant = _useVariant2[0],
     enableVariantCls = _useVariant2[1];
@@ -171,8 +143,16 @@ var Input = /*#__PURE__*/forwardRef(function (props, ref) {
     allowClear: mergedAllowClear,
     className: classNames(className, rootClassName, cssVarCls, rootCls, compactItemClassnames, input === null || input === void 0 ? void 0 : input.className),
     onChange: handleChange,
-    addonBefore: getAddon(addonBefore),
-    addonAfter: getAddon(addonAfter),
+    addonBefore: addonBefore && _jsx(ContextIsolator, {
+      form: true,
+      space: true,
+      children: addonBefore
+    }),
+    addonAfter: addonAfter && _jsx(ContextIsolator, {
+      form: true,
+      space: true,
+      children: addonAfter
+    }),
     classNames: _objectSpread(_objectSpread(_objectSpread({}, classes), input === null || input === void 0 ? void 0 : input.classNames), {}, {
       input: classNames(_defineProperty(_defineProperty(_defineProperty({}, "".concat(prefixCls, "-sm"), mergedSize === 'small'), "".concat(prefixCls, "-lg"), mergedSize === 'large'), "".concat(prefixCls, "-rtl"), direction === 'rtl'), classes === null || classes === void 0 ? void 0 : classes.input, input === null || input === void 0 || (_input$classNames = input.classNames) === null || _input$classNames === void 0 ? void 0 : _input$classNames.input, hashId),
       variant: classNames(_defineProperty({}, "".concat(prefixCls, "-").concat(variant), enableVariantCls), getStatusClassNames(prefixCls, mergedStatus)),

package/lib/Antd5/input/OTP/OTPInput.js

@@ -38,12 +38,16 @@ var OTPInput = /*#__PURE__*/React.forwardRef(function (props, ref) {
     });
   };
   // ======================== Keyboard ========================
-  var onInternalKeyDown = function onInternalKeyDown(_ref) {
-    var key = _ref.key;
+  var onInternalKeyDown = function onInternalKeyDown(event) {
+    var key = event.key,
+      ctrlKey = event.ctrlKey,
+      metaKey = event.metaKey;
     if (key === 'ArrowLeft') {
       onActiveChange(index - 1);
     } else if (key === 'ArrowRight') {
       onActiveChange(index + 1);
+    } else if (key === 'z' && (ctrlKey || metaKey)) {
+      event.preventDefault();
     }
     syncSelection();
   };
@@ -54,7 +58,9 @@ var OTPInput = /*#__PURE__*/React.forwardRef(function (props, ref) {
     syncSelection();
   };
   // ========================= Render =========================
-  return _jsx(Input, _objectSpread(_objectSpread({}, restProps), {}, {
+  return _jsx(Input, _objectSpread(_objectSpread({
+    type: mask === true ? 'password' : 'text'
+  }, restProps), {}, {
     ref: inputRef,
     value: internalValue,
     onInput: onInternalChange,
@@ -62,8 +68,7 @@ var OTPInput = /*#__PURE__*/React.forwardRef(function (props, ref) {
     onKeyDown: onInternalKeyDown,
     onKeyUp: onInternalKeyUp,
     onMouseDown: syncSelection,
-    onMouseUp: syncSelection,
-    type: mask === true ? 'password' : 'text'
+    onMouseUp: syncSelection
   }));
 });
 export default OTPInput;

package/lib/Antd5/input/OTP/index.js

@@ -1,5 +1,5 @@
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-var _excluded = ["prefixCls", "length", "size", "defaultValue", "value", "onChange", "formatter", "variant", "disabled", "status", "autoFocus", "mask"];
+var _excluded = ["prefixCls", "length", "size", "defaultValue", "value", "onChange", "formatter", "variant", "disabled", "status", "autoFocus", "mask", "type", "onInput", "inputMode"];
 function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
 function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
@@ -20,7 +20,7 @@ function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t =
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from 'react';
 import classNames from 'classnames';
-import { useEvent } from 'rc-util';
+import useEvent from 'rc-util/lib/hooks/useEvent';
 import pickAttrs from 'rc-util/lib/pickAttrs';
 import { getMergedStatus } from '../../_util/statusUtils';
 import { devUseWarning } from '../../_util/warning';
@@ -47,6 +47,9 @@ var OTP = /*#__PURE__*/React.forwardRef(function (props, ref) {
     customStatus = props.status,
     autoFocus = props.autoFocus,
     mask = props.mask,
+    type = props.type,
+    onInput = props.onInput,
+    inputMode = props.inputMode,
     restProps = _objectWithoutProperties(props, _excluded);
   if (process.env.NODE_ENV !== 'production') {
     var warning = devUseWarning('Input.OTP');
@@ -117,6 +120,9 @@ var OTP = /*#__PURE__*/React.forwardRef(function (props, ref) {
   }, [value]);
   var triggerValueCellsChange = useEvent(function (nextValueCells) {
     setValueCells(nextValueCells);
+    if (onInput) {
+      onInput(nextValueCells);
+    }
     // Trigger if all cells are filled
     if (onChange && nextValueCells.length === length && nextValueCells.every(function (c) {
       return c;
@@ -163,7 +169,7 @@ var OTP = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var onInputChange = function onInputChange(index, txt) {
     var nextCells = patchValue(index, txt);
     var nextIndex = Math.min(index + txt.length, length - 1);
-    if (nextIndex !== index) {
+    if (nextIndex !== index && nextCells[index] !== undefined) {
       var _refs$current$nextInd;
       (_refs$current$nextInd = refs.current[nextIndex]) === null || _refs$current$nextInd === void 0 || _refs$current$nextInd.focus();
     }
@@ -178,7 +184,9 @@ var OTP = /*#__PURE__*/React.forwardRef(function (props, ref) {
     variant: variant,
     disabled: disabled,
     status: mergedStatus,
-    mask: mask
+    mask: mask,
+    type: type,
+    inputMode: inputMode
   };
   return wrapCSSVar(_jsx("div", _objectSpread(_objectSpread({}, domAttrs), {}, {
     ref: containerRef,

package/lib/Antd5/input/Password.js

@@ -24,6 +24,7 @@ import { composeRef } from 'rc-util/lib/ref';
 import { ConfigContext } from '../config-provider';
 import useRemovePasswordTimeout from './hooks/useRemovePasswordTimeout';
 import Input from './Input';
+import DisabledContext from '../config-provider/DisabledContext';
 var defaultIconRender = function defaultIconRender(visible) {
   return visible ? _jsx(EyeOutlined, {}) : _jsx(EyeInvisibleOutlined, {});
 };
@@ -32,13 +33,16 @@ var actionMap = {
   hover: 'onMouseOver'
 };
 var Password = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var disabled = props.disabled,
+  var customDisabled = props.disabled,
     _props$action = props.action,
     action = _props$action === void 0 ? 'click' : _props$action,
     _props$visibilityTogg = props.visibilityToggle,
     visibilityToggle = _props$visibilityTogg === void 0 ? true : _props$visibilityTogg,
     _props$iconRender = props.iconRender,
     iconRender = _props$iconRender === void 0 ? defaultIconRender : _props$iconRender;
+  // ===================== Disabled =====================
+  var disabled = React.useContext(DisabledContext);
+  var mergedDisabled = customDisabled !== null && customDisabled !== void 0 ? customDisabled : disabled;
   var visibilityControlled = _typeof(visibilityToggle) === 'object' && visibilityToggle.visible !== undefined;
   var _useState = useState(function () {
       return visibilityControlled ? visibilityToggle.visible : false;
@@ -55,7 +59,7 @@ var Password = /*#__PURE__*/React.forwardRef(function (props, ref) {
   // Remove Password value
   var removePasswordTimeout = useRemovePasswordTimeout(inputRef);
   var onVisibleChange = function onVisibleChange() {
-    if (disabled) {
+    if (mergedDisabled) {
       return;
     }
     if (visible) {

package/lib/Antd5/input/Search.js

@@ -48,14 +48,12 @@ var Search = /*#__PURE__*/React.forwardRef(function (props, ref) {
   });
   var inputRef = React.useRef(null);
   var onChange = function onChange(e) {
-    if (e && e.target && e.type === 'click' && customOnSearch) {
+    if (e !== null && e !== void 0 && e.target && e.type === 'click' && customOnSearch) {
       customOnSearch(e.target.value, e, {
         source: 'clear'
       });
     }
-    if (customOnChange) {
-      customOnChange(e);
-    }
+    customOnChange === null || customOnChange === void 0 || customOnChange(e);
   };
   var onMouseDown = function onMouseDown(e) {
     var _inputRef$current;

package/lib/Antd5/input/TextArea.js

@@ -89,7 +89,7 @@ var TextArea = /*#__PURE__*/forwardRef(function (props, ref) {
     wrapCSSVar = _useStyle2[0],
     hashId = _useStyle2[1],
     cssVarCls = _useStyle2[2];
-  var _useVariant = useVariant(customVariant, bordered),
+  var _useVariant = useVariant('textArea', customVariant, bordered),
     _useVariant2 = _slicedToArray(_useVariant, 2),
     variant = _useVariant2[0],
     enableVariantCls = _useVariant2[1];

package/lib/Antd5/input/style/index.js

@@ -95,13 +95,15 @@ export var genInputGroupStyle = function genInputGroupStyle(token) {
     display: 'table',
     width: '100%',
     borderCollapse: 'separate',
-    borderSpacing: 0
-  }, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_ref, "&[class*='col-']", {
-    paddingInlineEnd: token.paddingXS,
-    '&:last-child': {
-      paddingInlineEnd: 0
+    borderSpacing: 0,
+    // Undo padding and float of grid classes
+    "&[class*='col-']": {
+      paddingInlineEnd: token.paddingXS,
+      '&:last-child': {
+        paddingInlineEnd: 0
+      }
     }
-  }), "&-lg ".concat(componentCls, ", &-lg > ").concat(componentCls, "-group-addon"), _objectSpread({}, genInputLargeStyle(token))), "&-sm ".concat(componentCls, ", &-sm > ").concat(componentCls, "-group-addon"), _objectSpread({}, genInputSmallStyle(token))), "&-lg ".concat(antCls, "-select-single ").concat(antCls, "-select-selector"), {
+  }, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_ref, "&-lg ".concat(componentCls, ", &-lg > ").concat(componentCls, "-group-addon"), _objectSpread({}, genInputLargeStyle(token))), "&-sm ".concat(componentCls, ", &-sm > ").concat(componentCls, "-group-addon"), _objectSpread({}, genInputSmallStyle(token))), "&-lg ".concat(antCls, "-select-single ").concat(antCls, "-select-selector"), {
     height: token.controlHeightLG
   }), "&-sm ".concat(antCls, "-select-single ").concat(antCls, "-select-selector"), {
     height: token.controlHeightSM
@@ -110,42 +112,44 @@ export var genInputGroupStyle = function genInputGroupStyle(token) {
     '&:not(:first-child):not(:last-child)': {
       borderRadius: 0
     }
-  }), "".concat(componentCls, "-group"), _defineProperty(_defineProperty(_defineProperty({}, "&-addon, &-wrap", {
-    display: 'table-cell',
-    width: 1,
-    whiteSpace: 'nowrap',
-    verticalAlign: 'middle',
-    '&:not(:first-child):not(:last-child)': {
-      borderRadius: 0
-    }
-  }), '&-wrap > *', {
-    display: 'block !important'
-  }), '&-addon', _defineProperty(_defineProperty({
-    position: 'relative',
-    padding: "0 ".concat(unit(token.paddingInline)),
-    color: token.colorText,
-    fontWeight: 'normal',
-    fontSize: token.inputFontSize,
-    textAlign: 'center',
-    borderRadius: token.borderRadius,
-    transition: "all ".concat(token.motionDurationSlow),
-    lineHeight: 1
-  }, "".concat(antCls, "-select"), _defineProperty(_defineProperty({
-    margin: "".concat(unit(token.calc(token.paddingBlock).add(1).mul(-1).equal()), " ").concat(unit(token.calc(token.paddingInline).mul(-1).equal()))
-  }, "&".concat(antCls, "-select-single:not(").concat(antCls, "-select-customize-input):not(").concat(antCls, "-pagination-size-changer)"), _defineProperty({}, "".concat(antCls, "-select-selector"), {
-    backgroundColor: 'inherit',
-    border: "".concat(unit(token.lineWidth), " ").concat(token.lineType, " transparent"),
-    boxShadow: 'none'
-  })), '&-open, &-focused', _defineProperty({}, "".concat(antCls, "-select-selector"), {
-    color: token.colorPrimary
-  }))), "".concat(antCls, "-cascader-picker"), _defineProperty({
-    margin: "-9px ".concat(unit(token.calc(token.paddingInline).mul(-1).equal())),
-    backgroundColor: 'transparent'
-  }, "".concat(antCls, "-cascader-input"), {
-    textAlign: 'start',
-    border: 0,
-    boxShadow: 'none'
-  })))), "".concat(componentCls), {
+  }), "".concat(componentCls, "-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': _defineProperty(_defineProperty({
+      position: 'relative',
+      padding: "0 ".concat(unit(token.paddingInline)),
+      color: token.colorText,
+      fontWeight: 'normal',
+      fontSize: token.inputFontSize,
+      textAlign: 'center',
+      borderRadius: token.borderRadius,
+      transition: "all ".concat(token.motionDurationSlow),
+      lineHeight: 1
+    }, "".concat(antCls, "-select"), _defineProperty({
+      margin: "".concat(unit(token.calc(token.paddingBlock).add(1).mul(-1).equal()), " ").concat(unit(token.calc(token.paddingInline).mul(-1).equal()))
+    }, "&".concat(antCls, "-select-single:not(").concat(antCls, "-select-customize-input):not(").concat(antCls, "-pagination-size-changer)"), _defineProperty({}, "".concat(antCls, "-select-selector"), {
+      backgroundColor: 'inherit',
+      border: "".concat(unit(token.lineWidth), " ").concat(token.lineType, " transparent"),
+      boxShadow: 'none'
+    }))), "".concat(antCls, "-cascader-picker"), _defineProperty({
+      margin: "-9px ".concat(unit(token.calc(token.paddingInline).mul(-1).equal())),
+      backgroundColor: 'transparent'
+    }, "".concat(antCls, "-cascader-input"), {
+      textAlign: 'start',
+      border: 0,
+      boxShadow: 'none'
+    }))
+  }), componentCls, {
     width: '100%',
     marginBottom: 0,
     textAlign: 'inherit',
@@ -172,13 +176,13 @@ export var genInputGroupStyle = function genInputGroupStyle(token) {
   }), "&:not(:last-child) ".concat(componentCls), {
     borderStartEndRadius: 0,
     borderEndEndRadius: 0
-  })), _defineProperty(_defineProperty(_defineProperty(_ref, "> ".concat(componentCls, ":last-child, ").concat(componentCls, "-group-addon:last-child"), _defineProperty({
+  })), "> ".concat(componentCls, ":last-child, ").concat(componentCls, "-group-addon:last-child"), _defineProperty({
     borderStartStartRadius: 0,
     borderEndStartRadius: 0
   }, "".concat(antCls, "-select ").concat(antCls, "-select-selector"), {
     borderStartStartRadius: 0,
     borderEndStartRadius: 0
-  })), "".concat(componentCls, "-affix-wrapper"), _defineProperty({
+  })), _defineProperty(_defineProperty(_ref, "".concat(componentCls, "-affix-wrapper"), _defineProperty({
     '&:not(:last-child)': _defineProperty({
       borderStartEndRadius: 0,
       borderEndEndRadius: 0
@@ -199,7 +203,7 @@ export var genInputGroupStyle = function genInputGroupStyle(token) {
       }
     }
   }), '& > *', {
-    display: 'inline-block',
+    display: 'inline-flex',
     "float": 'none',
     verticalAlign: 'top',
     // https://github.com/ant-design/ant-design-pro/issues/139
@@ -209,7 +213,7 @@ export var genInputGroupStyle = function genInputGroupStyle(token) {
   }), '& > *:not(:last-child)', {
     marginInlineEnd: token.calc(token.lineWidth).mul(-1).equal(),
     borderInlineEndWidth: token.lineWidth
-  }), "".concat(componentCls), {
+  }), componentCls, {
     "float": 'none'
   }), "& > ".concat(antCls, "-select > ").concat(antCls, "-select-selector,\n      & > ").concat(antCls, "-select-auto-complete ").concat(componentCls, ",\n      & > ").concat(antCls, "-cascader-picker ").concat(componentCls, ",\n      & > ").concat(componentCls, "-group-wrapper ").concat(componentCls), {
     borderInlineEndWidth: token.lineWidth,
@@ -269,6 +273,7 @@ var genAllowClearStyle = function genAllowClearStyle(token) {
   var componentCls = token.componentCls;
   return _defineProperty({}, "".concat(componentCls, "-clear-icon"), {
     margin: 0,
+    lineHeight: 0,
     color: token.colorTextQuaternary,
     fontSize: token.fontSizeIcon,
     verticalAlign: -1,
@@ -299,7 +304,8 @@ var genAffixStyle = function genAffixStyle(token) {
     colorIconHover = token.colorIconHover,
     iconCls = token.iconCls;
   var affixCls = "".concat(componentCls, "-affix-wrapper");
-  return _defineProperty({}, affixCls, _objectSpread(_objectSpread(_objectSpread({}, genBasicInputStyle(token)), {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({
+  var affixClsDisabled = "".concat(componentCls, "-affix-wrapper-disabled");
+  return _defineProperty(_defineProperty({}, affixCls, _objectSpread(_objectSpread(_objectSpread({}, genBasicInputStyle(token)), {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({
     display: 'inline-flex'
   }, "&:not(".concat(componentCls, "-disabled):hover"), _defineProperty({
     zIndex: 1
@@ -327,7 +333,7 @@ var genAffixStyle = function genAffixStyle(token) {
     width: 0,
     visibility: 'hidden',
     content: '"\\a0"'
-  }), "".concat(componentCls), {
+  }), componentCls, {
     '&-prefix, &-suffix': {
       display: 'flex',
       flex: 'none',
@@ -355,7 +361,13 @@ var genAffixStyle = function genAffixStyle(token) {
     '&:hover': {
       color: colorIconHover
     }
-  })));
+  }))), affixClsDisabled, _defineProperty({}, "".concat(iconCls).concat(componentCls, "-password-icon"), {
+    color: colorIcon,
+    cursor: 'not-allowed',
+    '&:hover': {
+      color: colorIcon
+    }
+  }));
 };
 var genGroupStyle = function genGroupStyle(token) {
   var componentCls = token.componentCls,
@@ -400,18 +412,15 @@ var genSearchInputStyle = function genSearchInputStyle(token) {
   var componentCls = token.componentCls,
     antCls = token.antCls;
   var searchPrefixCls = "".concat(componentCls, "-search");
-  return _defineProperty({}, searchPrefixCls, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(componentCls), {
-    '&:hover, &:focus': _defineProperty({
-      borderColor: token.colorPrimaryHover
-    }, "+ ".concat(componentCls, "-group-addon ").concat(searchPrefixCls, "-button:not(").concat(antCls, "-btn-primary)"), {
+  return _defineProperty({}, searchPrefixCls, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, componentCls, {
+    '&:hover, &:focus': _defineProperty({}, "+ ".concat(componentCls, "-group-addon ").concat(searchPrefixCls, "-button:not(").concat(antCls, "-btn-primary)"), {
       borderInlineStartColor: token.colorPrimaryHover
     })
   }), "".concat(componentCls, "-affix-wrapper"), {
+    height: token.controlHeight,
     borderRadius: 0
   }), "".concat(componentCls, "-lg"), {
-    lineHeight: token.calc(token.lineHeightLG).sub(0.0002).equal({
-      unit: false
-    })
+    lineHeight: token.calc(token.lineHeightLG).sub(0.0002).equal()
   }), "> ".concat(componentCls, "-group"), _defineProperty({}, "> ".concat(componentCls, "-group-addon:last-child"), _defineProperty(_defineProperty({
     insetInlineStart: -1,
     padding: 0,
@@ -422,8 +431,6 @@ var genSearchInputStyle = function genSearchInputStyle(token) {
     paddingTop: 0,
     paddingBottom: 0,
     borderStartStartRadius: 0,
-    borderStartEndRadius: token.borderRadius,
-    borderEndEndRadius: token.borderRadius,
     borderEndStartRadius: 0,
     boxShadow: 'none'
   }), "".concat(searchPrefixCls, "-button:not(").concat(antCls, "-btn-primary)"), _defineProperty({
@@ -444,11 +451,11 @@ var genSearchInputStyle = function genSearchInputStyle(token) {
     '&:hover, &:focus': {
       zIndex: 1
     }
-  }), "&-large ".concat(searchPrefixCls, "-button"), {
+  }), '&-large', _defineProperty({}, "".concat(componentCls, "-affix-wrapper, ").concat(searchPrefixCls, "-button"), {
     height: token.controlHeightLG
-  }), "&-small ".concat(searchPrefixCls, "-button"), {
+  })), '&-small', _defineProperty({}, "".concat(componentCls, "-affix-wrapper, ").concat(searchPrefixCls, "-button"), {
     height: token.controlHeightSM
-  }), '&-rtl', {
+  })), '&-rtl', {
     direction: 'rtl'
   }), "&".concat(componentCls, "-compact-item"), _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "&:not(".concat(componentCls, "-compact-last-item)"), _defineProperty({}, "".concat(componentCls, "-group-addon"), _defineProperty({}, "".concat(componentCls, "-search-button"), {
     marginInlineEnd: token.calc(token.lineWidth).mul(-1).equal(),
@@ -467,7 +474,7 @@ var genTextAreaStyle = function genTextAreaStyle(token) {
   var componentCls = token.componentCls,
     paddingLG = token.paddingLG;
   var textareaPrefixCls = "".concat(componentCls, "-textarea");
-  return _defineProperty({}, textareaPrefixCls, _defineProperty(_defineProperty({
+  return _defineProperty({}, textareaPrefixCls, _defineProperty(_defineProperty(_defineProperty({
     position: 'relative',
     '&-show-count': _defineProperty(_defineProperty({}, "> ".concat(componentCls), {
       height: '100%'
@@ -498,7 +505,7 @@ var genTextAreaStyle = function genTextAreaStyle(token) {
     }
   }, "".concat(componentCls, "-clear-icon"), {
     position: 'absolute',
-    insetInlineEnd: token.paddingXS,
+    insetInlineEnd: token.paddingInline,
     insetBlockStart: token.paddingXS
   }), "".concat(textareaPrefixCls, "-suffix"), {
     position: 'absolute',
@@ -510,6 +517,8 @@ var genTextAreaStyle = function genTextAreaStyle(token) {
     alignItems: 'center',
     margin: 'auto',
     pointerEvents: 'none'
+  }))), "&-affix-wrapper".concat(componentCls, "-affix-wrapper-sm"), _defineProperty({}, "".concat(componentCls, "-suffix"), _defineProperty({}, "".concat(componentCls, "-clear-icon"), {
+    insetInlineEnd: token.paddingInlineSM
   }))));
 };
 // ============================== Range ===============================

package/lib/Antd5/input/style/otp.js

@@ -8,7 +8,7 @@ import { initComponentToken, initInputToken } from './token';
 var genOTPStyle = function genOTPStyle(token) {
   var componentCls = token.componentCls,
     paddingXS = token.paddingXS;
-  return _defineProperty({}, "".concat(componentCls), _defineProperty(_defineProperty(_defineProperty({
+  return _defineProperty({}, componentCls, _defineProperty(_defineProperty(_defineProperty({
     display: 'inline-flex',
     alignItems: 'center',
     flexWrap: 'nowrap',

package/lib/Antd5/input/style/variants.js

@@ -13,19 +13,21 @@ export var genHoverStyle = function genHoverStyle(token) {
   };
 };
 export var genDisabledStyle = function genDisabledStyle(token) {
-  return _defineProperty(_defineProperty({
+  return {
     color: token.colorTextDisabled,
     backgroundColor: token.colorBgContainerDisabled,
     borderColor: token.colorBorder,
     boxShadow: 'none',
     cursor: 'not-allowed',
-    opacity: 1
-  }, "input[disabled], textarea[disabled]", {
-    cursor: 'not-allowed'
-  }), '&:hover:not([disabled])', _objectSpread({}, genHoverStyle(mergeToken(token, {
-    hoverBorderColor: token.colorBorder,
-    hoverBg: token.colorBgContainerDisabled
-  }))));
+    opacity: 1,
+    'input[disabled], textarea[disabled]': {
+      cursor: 'not-allowed'
+    },
+    '&:hover:not([disabled])': _objectSpread({}, genHoverStyle(mergeToken(token, {
+      hoverBorderColor: token.colorBorder,
+      hoverBg: token.colorBgContainerDisabled
+    })))
+  };
 };
 /* ============== Outlined ============== */
 export var genBaseOutlinedStyle = function genBaseOutlinedStyle(token, options) {
@@ -109,34 +111,47 @@ export var genOutlinedGroupStyle = function genOutlinedGroupStyle(token) {
 };
 /* ============ Borderless ============ */
 export var genBorderlessStyle = function genBorderlessStyle(token, extraStyles) {
+  var componentCls = token.componentCls;
   return {
-    '&-borderless': _objectSpread(_defineProperty({
+    '&-borderless': _objectSpread(_defineProperty(_defineProperty(_defineProperty({
       background: 'transparent',
       border: 'none',
       '&:focus, &:focus-within': {
         outline: 'none'
       }
-    }, "&".concat(token.componentCls, "-disabled, &[disabled]"), {
-      color: token.colorTextDisabled
+    }, "&".concat(componentCls, "-disabled, &[disabled]"), {
+      color: token.colorTextDisabled,
+      cursor: 'not-allowed'
+    }), "&".concat(componentCls, "-status-error"), {
+      '&, & input, & textarea': {
+        color: token.colorError
+      }
+    }), "&".concat(componentCls, "-status-warning"), {
+      '&, & input, & textarea': {
+        color: token.colorWarning
+      }
     }), extraStyles)
   };
 };
 /* ============== Filled ============== */
 var genBaseFilledStyle = function genBaseFilledStyle(token, options) {
-  return _defineProperty(_defineProperty(_defineProperty({
+  return {
     background: options.bg,
     borderWidth: token.lineWidth,
     borderStyle: token.lineType,
-    borderColor: 'transparent'
-  }, "input&, & input, textarea&, & textarea", {
-    color: options === null || options === void 0 ? void 0 : options.inputColor
-  }), '&:hover', {
-    background: options.hoverBg
-  }), '&:focus, &:focus-within', {
-    outline: 0,
-    borderColor: options.activeBorderColor,
-    backgroundColor: token.activeBg
-  });
+    borderColor: 'transparent',
+    'input&, & input, textarea&, & textarea': {
+      color: options === null || options === void 0 ? void 0 : options.inputColor
+    },
+    '&:hover': {
+      background: options.hoverBg
+    },
+    '&:focus, &:focus-within': {
+      outline: 0,
+      borderColor: options.activeBorderColor,
+      backgroundColor: token.activeBg
+    }
+  };
 };
 var genFilledStatusStyle = function genFilledStatusStyle(token, options) {
   return _defineProperty({}, "&".concat(token.componentCls, "-status-").concat(options.status, ":not(").concat(token.componentCls, "-disabled)"), _objectSpread(_objectSpread({}, genBaseFilledStyle(token, options)), {}, _defineProperty({}, "".concat(token.componentCls, "-prefix, ").concat(token.componentCls, "-suffix"), {
@@ -148,7 +163,7 @@ export var genFilledStyle = function genFilledStyle(token, extraStyles) {
     '&-filled': _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, genBaseFilledStyle(token, {
       bg: token.colorFillTertiary,
       hoverBg: token.colorFillSecondary,
-      activeBorderColor: token.colorPrimary
+      activeBorderColor: token.activeBorderColor
     })), {}, _defineProperty({}, "&".concat(token.componentCls, "-disabled, &[disabled]"), _objectSpread({}, genDisabledStyle(token))), genFilledStatusStyle(token, {
       status: 'error',
       bg: token.colorErrorBg,

package/lib/Antd5/input/utils.js

@@ -1,4 +1,3 @@
-// eslint-disable-next-line import/prefer-default-export
 export function hasPrefixSuffix(props) {
   return !!(props.prefix || props.suffix || props.allowClear || props.showCount);
 }