@chaoswise/ui 3.1.6 → 3.1.8

package/lib/Antd5/image/index.js

@@ -1,17 +1,17 @@
 var _excluded = ["prefixCls", "preview", "className", "rootClassName", "style"],
-  _excluded2 = ["getContainer", "closeIcon", "rootClassName"];
+  _excluded2 = ["getContainer", "closeIcon", "rootClassName", "destroyOnClose", "destroyOnHidden"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-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); }
 function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
 function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
 function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+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); }
 function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
@@ -21,28 +21,34 @@ import classNames from 'classnames';
 import RcImage from 'rc-image';
 import { useZIndex } from '../_util/hooks/useZIndex';
 import { getTransitionName } from '../_util/motion';
-import { ConfigContext } from '../config-provider';
+import { devUseWarning } from '../_util/warning';
+import { useComponentConfig } from '../config-provider/context';
 import useCSSVarCls from '../config-provider/hooks/useCSSVarCls';
-import defaultLocale from '../locale/en_US';
+import { useLocale } from '../locale';
 import PreviewGroup, { icons } from './PreviewGroup';
 import useStyle from './style';
 var Image = function Image(props) {
-  var _image$preview2;
   var customizePrefixCls = props.prefixCls,
     preview = props.preview,
     className = props.className,
     rootClassName = props.rootClassName,
     style = props.style,
     otherProps = _objectWithoutProperties(props, _excluded);
-  var _React$useContext = React.useContext(ConfigContext),
-    getPrefixCls = _React$useContext.getPrefixCls,
-    _React$useContext$loc = _React$useContext.locale,
-    contextLocale = _React$useContext$loc === void 0 ? defaultLocale : _React$useContext$loc,
-    getContextPopupContainer = _React$useContext.getPopupContainer,
-    image = _React$useContext.image;
+  if (process.env.NODE_ENV !== 'production') {
+    var warning = devUseWarning('Image');
+    warning.deprecated(!(preview && _typeof(preview) === 'object' && 'destroyOnClose' in preview), 'destroyOnClose', 'destroyOnHidden');
+  }
+  var _useComponentConfig = useComponentConfig('image'),
+    getPrefixCls = _useComponentConfig.getPrefixCls,
+    getContextPopupContainer = _useComponentConfig.getPopupContainer,
+    contextClassName = _useComponentConfig.className,
+    contextStyle = _useComponentConfig.style,
+    contextPreview = _useComponentConfig.preview;
+  var _useLocale = useLocale('Image'),
+    _useLocale2 = _slicedToArray(_useLocale, 1),
+    imageLocale = _useLocale2[0];
   var prefixCls = getPrefixCls('image', customizePrefixCls);
   var rootPrefixCls = getPrefixCls();
-  var imageLocale = contextLocale.Image || defaultLocale.Image;
   // Style
   var rootCls = useCSSVarCls(prefixCls);
   var _useStyle = useStyle(prefixCls, rootCls),
@@ -51,12 +57,11 @@ var Image = function Image(props) {
     hashId = _useStyle2[1],
     cssVarCls = _useStyle2[2];
   var mergedRootClassName = classNames(rootClassName, hashId, cssVarCls, rootCls);
-  var mergedClassName = classNames(className, hashId, image === null || image === void 0 ? void 0 : image.className);
+  var mergedClassName = classNames(className, hashId, contextClassName);
   var _useZIndex = useZIndex('ImagePreview', _typeof(preview) === 'object' ? preview.zIndex : undefined),
     _useZIndex2 = _slicedToArray(_useZIndex, 1),
     zIndex = _useZIndex2[0];
   var mergedPreview = React.useMemo(function () {
-    var _image$preview;
     if (preview === false) {
       return preview;
     }
@@ -64,6 +69,8 @@ var Image = function Image(props) {
     var getContainer = _preview.getContainer,
       closeIcon = _preview.closeIcon,
       rootClassName = _preview.rootClassName,
+      destroyOnClose = _preview.destroyOnClose,
+      destroyOnHidden = _preview.destroyOnHidden,
       restPreviewProps = _objectWithoutProperties(_preview, _excluded2);
     return _objectSpread(_objectSpread({
       mask: _jsxs("div", {
@@ -72,15 +79,17 @@ var Image = function Image(props) {
       }),
       icons: icons
     }, restPreviewProps), {}, {
+      // TODO: In the future, destroyOnClose in rc-image needs to be upgrade to destroyOnHidden
+      destroyOnClose: destroyOnHidden !== null && destroyOnHidden !== void 0 ? destroyOnHidden : destroyOnClose,
       rootClassName: classNames(mergedRootClassName, rootClassName),
       getContainer: getContainer !== null && getContainer !== void 0 ? getContainer : getContextPopupContainer,
       transitionName: getTransitionName(rootPrefixCls, 'zoom', _preview.transitionName),
       maskTransitionName: getTransitionName(rootPrefixCls, 'fade', _preview.maskTransitionName),
       zIndex: zIndex,
-      closeIcon: closeIcon !== null && closeIcon !== void 0 ? closeIcon : image === null || image === void 0 || (_image$preview = image.preview) === null || _image$preview === void 0 ? void 0 : _image$preview.closeIcon
+      closeIcon: closeIcon !== null && closeIcon !== void 0 ? closeIcon : contextPreview === null || contextPreview === void 0 ? void 0 : contextPreview.closeIcon
     });
-  }, [preview, imageLocale, image === null || image === void 0 || (_image$preview2 = image.preview) === null || _image$preview2 === void 0 ? void 0 : _image$preview2.closeIcon]);
-  var mergedStyle = _objectSpread(_objectSpread({}, image === null || image === void 0 ? void 0 : image.style), style);
+  }, [preview, imageLocale, contextPreview === null || contextPreview === void 0 ? void 0 : contextPreview.closeIcon]);
+  var mergedStyle = _objectSpread(_objectSpread({}, contextStyle), style);
   return wrapCSSVar(_jsx(RcImage, _objectSpread({
     prefixCls: prefixCls,
     preview: mergedPreview,

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

@@ -5,7 +5,7 @@ function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 import { unit } from '@ant-design/cssinjs';
-import { TinyColor } from '@ctrl/tinycolor';
+import { FastColor } from '@ant-design/fast-color';
 import { genModalMaskStyle } from '../../modal/style';
 import { textEllipsis } from '../../style';
 import { initFadeMotion, initZoomMotion } from '../../style/motion';
@@ -30,7 +30,7 @@ export var genImageMaskStyle = function genImageMaskStyle(token) {
     alignItems: 'center',
     justifyContent: 'center',
     color: colorTextLightSolid,
-    background: new TinyColor('#000').setAlpha(0.5).toRgbString(),
+    background: new FastColor('#000').setA(0.5).toRgbString(),
     cursor: 'pointer',
     opacity: 0,
     transition: "opacity ".concat(motionDurationSlow)
@@ -55,8 +55,8 @@ export var genPreviewOperationsStyle = function genPreviewOperationsStyle(token)
     motionDurationSlow = token.motionDurationSlow,
     iconCls = token.iconCls,
     colorTextLightSolid = token.colorTextLightSolid;
-  var operationBg = new TinyColor(modalMaskBg).setAlpha(0.1);
-  var operationBgHover = operationBg.clone().setAlpha(0.2);
+  var operationBg = new FastColor(modalMaskBg).setA(0.1);
+  var operationBgHover = operationBg.clone().setA(0.2);
   return _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(previewCls, "-footer"), {
     position: 'fixed',
     bottom: marginXL,
@@ -123,8 +123,8 @@ export var genPreviewSwitchStyle = function genPreviewSwitchStyle(token) {
     previewCls = token.previewCls,
     zIndexPopup = token.zIndexPopup,
     motionDurationSlow = token.motionDurationSlow;
-  var operationBg = new TinyColor(modalMaskBg).setAlpha(0.1);
-  var operationBgHover = operationBg.clone().setAlpha(0.2);
+  var operationBg = new FastColor(modalMaskBg).setA(0.1);
+  var operationBgHover = operationBg.clone().setA(0.2);
   return _defineProperty(_defineProperty(_defineProperty({}, "".concat(previewCls, "-switch-left, ").concat(previewCls, "-switch-right"), _defineProperty({
     position: 'fixed',
     insetBlockStart: '50%',
@@ -241,9 +241,9 @@ var genPreviewMotion = function genPreviewMotion(token) {
 export var prepareComponentToken = function prepareComponentToken(token) {
   return {
     zIndexPopup: token.zIndexPopupBase + 80,
-    previewOperationColor: new TinyColor(token.colorTextLightSolid).setAlpha(0.65).toRgbString(),
-    previewOperationHoverColor: new TinyColor(token.colorTextLightSolid).setAlpha(0.85).toRgbString(),
-    previewOperationColorDisabled: new TinyColor(token.colorTextLightSolid).setAlpha(0.25).toRgbString(),
+    previewOperationColor: new FastColor(token.colorTextLightSolid).setA(0.65).toRgbString(),
+    previewOperationHoverColor: new FastColor(token.colorTextLightSolid).setA(0.85).toRgbString(),
+    previewOperationColorDisabled: new FastColor(token.colorTextLightSolid).setA(0.25).toRgbString(),
     previewOperationSize: token.fontSizeIcon * 1.5 // FIXME: fontSizeIconLG
   };
 };
@@ -251,7 +251,7 @@ export default genStyleHooks('Image', function (token) {
   var previewCls = "".concat(token.componentCls, "-preview");
   var imageToken = mergeToken(token, {
     previewCls: previewCls,
-    modalMaskBg: new TinyColor('#000').setAlpha(0.45).toRgbString(),
+    modalMaskBg: new FastColor('#000').setA(0.45).toRgbString(),
     // FIXME: Shared Token
     imagePreviewSwitchSize: token.controlHeightLG
   });

package/lib/Antd5/index.js

@@ -70,4 +70,6 @@ export { default as Typography } from './typography';
 export { default as Upload } from './upload';
 export { default as version } from './version';
 export { default as Watermark } from './watermark';
-export { default as Splitter } from './splitter';
+export { default as Splitter } from './splitter';
+// TODO: Remove in v6
+export { unstableSetRender } from './config-provider/UnstableContext';

package/lib/Antd5/input/Group.js

@@ -18,6 +18,7 @@ import { devUseWarning } from '../_util/warning';
 import { ConfigContext } from '../config-provider';
 import { FormItemInputContext } from '../form/context';
 import useStyle from './style';
+/** @deprecated Please use `Space.Compact` */
 var Group = function Group(props) {
   var _useContext = useContext(ConfigContext),
     getPrefixCls = _useContext.getPrefixCls,
@@ -27,10 +28,11 @@ var Group = function Group(props) {
   var prefixCls = getPrefixCls('input-group', customizePrefixCls);
   var inputPrefixCls = getPrefixCls('input');
   var _useStyle = useStyle(inputPrefixCls),
-    _useStyle2 = _slicedToArray(_useStyle, 2),
+    _useStyle2 = _slicedToArray(_useStyle, 3),
     wrapCSSVar = _useStyle2[0],
-    hashId = _useStyle2[1];
-  var cls = classNames(prefixCls, _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(prefixCls, "-lg"), props.size === 'large'), "".concat(prefixCls, "-sm"), props.size === 'small'), "".concat(prefixCls, "-compact"), props.compact), "".concat(prefixCls, "-rtl"), direction === 'rtl'), hashId, className);
+    hashId = _useStyle2[1],
+    cssVarCls = _useStyle2[2];
+  var cls = classNames(prefixCls, cssVarCls, _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(prefixCls, "-lg"), props.size === 'large'), "".concat(prefixCls, "-sm"), props.size === 'small'), "".concat(prefixCls, "-compact"), props.compact), "".concat(prefixCls, "-rtl"), direction === 'rtl'), hashId, className);
   var formItemContext = useContext(FormItemInputContext);
   var groupFormItemContext = useMemo(function () {
     return _objectSpread(_objectSpread({}, formItemContext), {}, {

package/lib/Antd5/input/Input.js

@@ -23,7 +23,7 @@ import ContextIsolator from '../_util/ContextIsolator';
 import getAllowClear from '../_util/getAllowClear';
 import { getMergedStatus, getStatusClassNames } from '../_util/statusUtils';
 import { devUseWarning } from '../_util/warning';
-import { ConfigContext } from '../config-provider';
+import { useComponentConfig } from '../config-provider/context';
 import DisabledContext from '../config-provider/DisabledContext';
 import useCSSVarCls from '../config-provider/hooks/useCSSVarCls';
 import useSize from '../config-provider/hooks/useSize';
@@ -31,11 +31,10 @@ import { FormItemInputContext } from '../form/context';
 import useVariant from '../form/hooks/useVariants';
 import { useCompactItemContext } from '../space/Compact';
 import useRemovePasswordTimeout from './hooks/useRemovePasswordTimeout';
-import useStyle from './style';
+import useStyle, { useSharedStyle } from './style';
 import { hasPrefixSuffix } from './utils';
 export { triggerFocus };
 var Input = /*#__PURE__*/forwardRef(function (props, ref) {
-  var _input$classNames;
   var customizePrefixCls = props.prefixCls,
     _props$bordered = props.bordered,
     bordered = _props$bordered === void 0 ? true : _props$bordered,
@@ -61,19 +60,27 @@ var Input = /*#__PURE__*/forwardRef(function (props, ref) {
       deprecated = _devUseWarning.deprecated;
     deprecated(!('bordered' in props), 'bordered', 'variant');
   }
-  var _React$useContext = React.useContext(ConfigContext),
-    getPrefixCls = _React$useContext.getPrefixCls,
-    direction = _React$useContext.direction,
-    input = _React$useContext.input;
+  var _useComponentConfig = useComponentConfig('input'),
+    getPrefixCls = _useComponentConfig.getPrefixCls,
+    direction = _useComponentConfig.direction,
+    contextAllowClear = _useComponentConfig.allowClear,
+    contextAutoComplete = _useComponentConfig.autoComplete,
+    contextClassName = _useComponentConfig.className,
+    contextStyle = _useComponentConfig.style,
+    contextClassNames = _useComponentConfig.classNames,
+    contextStyles = _useComponentConfig.styles;
   var prefixCls = getPrefixCls('input', customizePrefixCls);
   var inputRef = useRef(null);
   // Style
   var rootCls = useCSSVarCls(prefixCls);
+  var _useSharedStyle = useSharedStyle(prefixCls, rootClassName),
+    _useSharedStyle2 = _slicedToArray(_useSharedStyle, 3),
+    wrapSharedCSSVar = _useSharedStyle2[0],
+    hashId = _useSharedStyle2[1],
+    cssVarCls = _useSharedStyle2[2];
   var _useStyle = useStyle(prefixCls, rootCls),
-    _useStyle2 = _slicedToArray(_useStyle, 3),
-    wrapCSSVar = _useStyle2[0],
-    hashId = _useStyle2[1],
-    cssVarCls = _useStyle2[2];
+    _useStyle2 = _slicedToArray(_useStyle, 1),
+    wrapCSSVar = _useStyle2[0];
   // ===================== Compact Item =====================
   var _useCompactItemContex = useCompactItemContext(prefixCls, direction),
     compactSize = _useCompactItemContex.compactSize,
@@ -124,24 +131,24 @@ var Input = /*#__PURE__*/forwardRef(function (props, ref) {
   var suffixNode = (hasFeedback || suffix) && _jsxs(_Fragment, {
     children: [suffix, hasFeedback && feedbackIcon]
   });
-  var mergedAllowClear = getAllowClear(allowClear !== null && allowClear !== void 0 ? allowClear : input === null || input === void 0 ? void 0 : input.allowClear);
+  var mergedAllowClear = getAllowClear(allowClear !== null && allowClear !== void 0 ? allowClear : contextAllowClear);
   var _useVariant = useVariant('input', customVariant, bordered),
     _useVariant2 = _slicedToArray(_useVariant, 2),
     variant = _useVariant2[0],
     enableVariantCls = _useVariant2[1];
-  return wrapCSSVar(_jsx(RcInput, _objectSpread(_objectSpread({
+  return wrapSharedCSSVar(wrapCSSVar(_jsx(RcInput, _objectSpread(_objectSpread({
     ref: composeRef(ref, inputRef),
     prefixCls: prefixCls,
-    autoComplete: input === null || input === void 0 ? void 0 : input.autoComplete
+    autoComplete: contextAutoComplete
   }, rest), {}, {
     disabled: mergedDisabled,
     onBlur: handleBlur,
     onFocus: handleFocus,
-    style: _objectSpread(_objectSpread({}, input === null || input === void 0 ? void 0 : input.style), style),
-    styles: _objectSpread(_objectSpread({}, input === null || input === void 0 ? void 0 : input.styles), styles),
+    style: _objectSpread(_objectSpread({}, contextStyle), style),
+    styles: _objectSpread(_objectSpread({}, contextStyles), styles),
     suffix: suffixNode,
     allowClear: mergedAllowClear,
-    className: classNames(className, rootClassName, cssVarCls, rootCls, compactItemClassnames, input === null || input === void 0 ? void 0 : input.className),
+    className: classNames(className, rootClassName, cssVarCls, rootCls, compactItemClassnames, contextClassName),
     onChange: handleChange,
     addonBefore: addonBefore && _jsx(ContextIsolator, {
       form: true,
@@ -153,14 +160,14 @@ var Input = /*#__PURE__*/forwardRef(function (props, ref) {
       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),
+    classNames: _objectSpread(_objectSpread(_objectSpread({}, classes), contextClassNames), {}, {
+      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, contextClassNames.input, hashId),
       variant: classNames(_defineProperty({}, "".concat(prefixCls, "-").concat(variant), enableVariantCls), getStatusClassNames(prefixCls, mergedStatus)),
       affixWrapper: classNames(_defineProperty(_defineProperty(_defineProperty({}, "".concat(prefixCls, "-affix-wrapper-sm"), mergedSize === 'small'), "".concat(prefixCls, "-affix-wrapper-lg"), mergedSize === 'large'), "".concat(prefixCls, "-affix-wrapper-rtl"), direction === 'rtl'), hashId),
       wrapper: classNames(_defineProperty({}, "".concat(prefixCls, "-group-rtl"), direction === 'rtl'), hashId),
       groupWrapper: classNames(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(prefixCls, "-group-wrapper-sm"), mergedSize === 'small'), "".concat(prefixCls, "-group-wrapper-lg"), mergedSize === 'large'), "".concat(prefixCls, "-group-wrapper-rtl"), direction === 'rtl'), "".concat(prefixCls, "-group-wrapper-").concat(variant), enableVariantCls), getStatusClassNames("".concat(prefixCls, "-group-wrapper"), mergedStatus, hasFeedback), hashId)
     })
-  })));
+  }))));
 });
 if (process.env.NODE_ENV !== 'production') {
   Input.displayName = 'Input';

package/lib/Antd5/input/OTP/OTPInput.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 = ["value", "onChange", "onActiveChange", "index", "mask"];
+var _excluded = ["className", "value", "onChange", "onActiveChange", "index", "mask"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
@@ -7,26 +7,33 @@ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol"
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from 'react';
+import classNames from 'classnames';
 import raf from 'rc-util/lib/raf';
+import { ConfigContext } from '../../config-provider';
 import Input from '../Input';
 var OTPInput = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var value = props.value,
+  var className = props.className,
+    value = props.value,
     onChange = props.onChange,
     onActiveChange = props.onActiveChange,
     index = props.index,
     mask = props.mask,
     restProps = _objectWithoutProperties(props, _excluded);
-  var internalValue = value && typeof mask === 'string' ? mask : value;
-  var onInternalChange = function onInternalChange(e) {
-    onChange(index, e.target.value);
-  };
+  var _React$useContext = React.useContext(ConfigContext),
+    getPrefixCls = _React$useContext.getPrefixCls;
+  var prefixCls = getPrefixCls('otp');
+  var maskValue = typeof mask === 'string' ? mask : value;
   // ========================== Ref ===========================
   var inputRef = React.useRef(null);
   React.useImperativeHandle(ref, function () {
     return inputRef.current;
   });
+  // ========================= Input ==========================
+  var onInternalChange = function onInternalChange(e) {
+    onChange(index, e.target.value);
+  };
   // ========================= Focus ==========================
   var syncSelection = function syncSelection() {
     raf(function () {
@@ -58,17 +65,27 @@ var OTPInput = /*#__PURE__*/React.forwardRef(function (props, ref) {
     syncSelection();
   };
   // ========================= Render =========================
-  return _jsx(Input, _objectSpread(_objectSpread({
-    type: mask === true ? 'password' : 'text'
-  }, restProps), {}, {
-    ref: inputRef,
-    value: internalValue,
-    onInput: onInternalChange,
-    onFocus: syncSelection,
-    onKeyDown: onInternalKeyDown,
-    onKeyUp: onInternalKeyUp,
-    onMouseDown: syncSelection,
-    onMouseUp: syncSelection
-  }));
+  return _jsxs("span", {
+    className: "".concat(prefixCls, "-input-wrapper"),
+    role: "presentation",
+    children: [mask && value !== '' && value !== undefined && _jsx("span", {
+      className: "".concat(prefixCls, "-mask-icon"),
+      "aria-hidden": "true",
+      children: maskValue
+    }), _jsx(Input, _objectSpread(_objectSpread({
+      "aria-label": "OTP Input ".concat(index + 1),
+      type: mask === true ? 'password' : 'text'
+    }, restProps), {}, {
+      ref: inputRef,
+      value: value,
+      onInput: onInternalChange,
+      onFocus: syncSelection,
+      onKeyDown: onInternalKeyDown,
+      onKeyUp: onInternalKeyUp,
+      onMouseDown: syncSelection,
+      onMouseUp: syncSelection,
+      className: classNames(className, _defineProperty({}, "".concat(prefixCls, "-mask-input"), mask))
+    }))]
+  });
 });
 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", "type", "onInput", "inputMode"];
+var _excluded = ["prefixCls", "length", "size", "defaultValue", "value", "onChange", "formatter", "separator", "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); }
@@ -17,7 +17,7 @@ function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" !=
 function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
 function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from 'react';
 import classNames from 'classnames';
 import useEvent from 'rc-util/lib/hooks/useEvent';
@@ -25,7 +25,6 @@ import pickAttrs from 'rc-util/lib/pickAttrs';
 import { getMergedStatus } from '../../_util/statusUtils';
 import { devUseWarning } from '../../_util/warning';
 import { ConfigContext } from '../../config-provider';
-import useCSSVarCls from '../../config-provider/hooks/useCSSVarCls';
 import useSize from '../../config-provider/hooks/useSize';
 import { FormItemInputContext } from '../../form/context';
 import useStyle from '../style/otp';
@@ -33,6 +32,19 @@ import OTPInput from './OTPInput';
 function strToArr(str) {
   return (str || '').split('');
 }
+var Separator = function Separator(props) {
+  var index = props.index,
+    prefixCls = props.prefixCls,
+    separator = props.separator;
+  var separatorNode = typeof separator === 'function' ? separator(index) : separator;
+  if (!separatorNode) {
+    return null;
+  }
+  return _jsx("span", {
+    className: "".concat(prefixCls, "-separator"),
+    children: separatorNode
+  });
+};
 var OTP = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var customizePrefixCls = props.prefixCls,
     _props$length = props.length,
@@ -42,6 +54,7 @@ var OTP = /*#__PURE__*/React.forwardRef(function (props, ref) {
     value = props.value,
     onChange = props.onChange,
     formatter = props.formatter,
+    separator = props.separator,
     variant = props.variant,
     disabled = props.disabled,
     customStatus = props.status,
@@ -66,8 +79,7 @@ var OTP = /*#__PURE__*/React.forwardRef(function (props, ref) {
   });
   // ========================= Root =========================
   // Style
-  var rootCls = useCSSVarCls(prefixCls);
-  var _useStyle = useStyle(prefixCls, rootCls),
+  var _useStyle = useStyle(prefixCls),
     _useStyle2 = _slicedToArray(_useStyle, 3),
     wrapCSSVar = _useStyle2[0],
     hashId = _useStyle2[1],
@@ -109,7 +121,9 @@ var OTP = /*#__PURE__*/React.forwardRef(function (props, ref) {
     return formatter ? formatter(txt) : txt;
   };
   // ======================== Values ========================
-  var _React$useState = React.useState(strToArr(internalFormatter(defaultValue || ''))),
+  var _React$useState = React.useState(function () {
+      return strToArr(internalFormatter(defaultValue || ''));
+    }),
     _React$useState2 = _slicedToArray(_React$useState, 2),
     valueCells = _React$useState2[0],
     setValueCells = _React$useState2[1];
@@ -191,6 +205,7 @@ var OTP = /*#__PURE__*/React.forwardRef(function (props, ref) {
   return wrapCSSVar(_jsx("div", _objectSpread(_objectSpread({}, domAttrs), {}, {
     ref: containerRef,
     className: classNames(prefixCls, _defineProperty(_defineProperty(_defineProperty({}, "".concat(prefixCls, "-sm"), mergedSize === 'small'), "".concat(prefixCls, "-lg"), mergedSize === 'large'), "".concat(prefixCls, "-rtl"), direction === 'rtl'), cssVarCls, hashId),
+    role: "group",
     children: _jsx(FormItemInputContext.Provider, {
       value: proxyFormContext,
       children: Array.from({
@@ -198,19 +213,25 @@ var OTP = /*#__PURE__*/React.forwardRef(function (props, ref) {
       }).map(function (_, index) {
         var key = "otp-".concat(index);
         var singleValue = valueCells[index] || '';
-        return _jsx(OTPInput, _objectSpread({
-          ref: function ref(inputEle) {
-            refs.current[index] = inputEle;
-          },
-          index: index,
-          size: mergedSize,
-          htmlSize: 1,
-          className: "".concat(prefixCls, "-input"),
-          onChange: onInputChange,
-          value: singleValue,
-          onActiveChange: onInputActiveChange,
-          autoFocus: index === 0 && autoFocus
-        }, inputSharedProps), key);
+        return _jsxs(React.Fragment, {
+          children: [_jsx(OTPInput, _objectSpread({
+            ref: function ref(inputEle) {
+              refs.current[index] = inputEle;
+            },
+            index: index,
+            size: mergedSize,
+            htmlSize: 1,
+            className: "".concat(prefixCls, "-input"),
+            onChange: onInputChange,
+            value: singleValue,
+            onActiveChange: onInputActiveChange,
+            autoFocus: index === 0 && autoFocus
+          }, inputSharedProps)), index < length - 1 && _jsx(Separator, {
+            separator: separator,
+            index: index,
+            prefixCls: prefixCls
+          })]
+        }, key);
       })
     })
   })));

package/lib/Antd5/input/Password.js

@@ -22,9 +22,9 @@ import classNames from 'classnames';
 import omit from 'rc-util/lib/omit';
 import { composeRef } from 'rc-util/lib/ref';
 import { ConfigContext } from '../config-provider';
+import DisabledContext from '../config-provider/DisabledContext';
 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, {});
 };
@@ -65,14 +65,12 @@ var Password = /*#__PURE__*/React.forwardRef(function (props, ref) {
     if (visible) {
       removePasswordTimeout();
     }
-    setVisible(function (prevState) {
-      var newState = !prevState;
-      if (_typeof(visibilityToggle) === 'object') {
-        var _visibilityToggle$onV;
-        (_visibilityToggle$onV = visibilityToggle.onVisibleChange) === null || _visibilityToggle$onV === void 0 || _visibilityToggle$onV.call(visibilityToggle, newState);
-      }
-      return newState;
-    });
+    var nextVisible = !visible;
+    setVisible(nextVisible);
+    if (_typeof(visibilityToggle) === 'object') {
+      var _visibilityToggle$onV;
+      (_visibilityToggle$onV = visibilityToggle.onVisibleChange) === null || _visibilityToggle$onV === void 0 || _visibilityToggle$onV.call(visibilityToggle, nextVisible);
+    }
   };
   var getIcon = function getIcon(prefixCls) {
     var iconTrigger = actionMap[action] || '';

package/lib/Antd5/input/Search.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", "inputPrefixCls", "className", "size", "suffix", "enterButton", "addonAfter", "loading", "disabled", "onSearch", "onChange", "onCompositionStart", "onCompositionEnd"];
+var _excluded = ["prefixCls", "inputPrefixCls", "className", "size", "suffix", "enterButton", "addonAfter", "loading", "disabled", "onSearch", "onChange", "onCompositionStart", "onCompositionEnd", "variant", "onPressEnter"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
@@ -33,6 +33,8 @@ var Search = /*#__PURE__*/React.forwardRef(function (props, ref) {
     customOnChange = props.onChange,
     onCompositionStart = props.onCompositionStart,
     onCompositionEnd = props.onCompositionEnd,
+    variant = props.variant,
+    customOnPressEnter = props.onPressEnter,
     restProps = _objectWithoutProperties(props, _excluded);
   var _React$useContext = React.useContext(ConfigContext),
     getPrefixCls = _React$useContext.getPrefixCls,
@@ -73,6 +75,7 @@ var Search = /*#__PURE__*/React.forwardRef(function (props, ref) {
     if (composedRef.current || loading) {
       return;
     }
+    customOnPressEnter === null || customOnPressEnter === void 0 || customOnPressEnter(e);
     onSearch(e);
   };
   var searchIcon = typeof enterButton === 'boolean' ? _jsx(SearchOutlined, {}) : null;
@@ -96,13 +99,14 @@ var Search = /*#__PURE__*/React.forwardRef(function (props, ref) {
   } else {
     button = _jsx(Button, {
       className: btnClassName,
-      type: enterButton ? 'primary' : undefined,
+      color: enterButton ? 'primary' : 'default',
       size: size,
       disabled: disabled,
       onMouseDown: onMouseDown,
       onClick: onSearch,
       loading: loading,
       icon: searchIcon,
+      variant: variant === 'borderless' || variant === 'filled' || variant === 'underlined' ? 'text' : enterButton ? 'solid' : undefined,
       children: enterButton
     }, "enterButton");
   }
@@ -120,20 +124,23 @@ var Search = /*#__PURE__*/React.forwardRef(function (props, ref) {
     composedRef.current = false;
     onCompositionEnd === null || onCompositionEnd === void 0 || onCompositionEnd(e);
   };
-  return _jsx(Input, _objectSpread(_objectSpread({
-    ref: composeRef(inputRef, ref),
-    onPressEnter: onPressEnter
-  }, restProps), {}, {
+  var inputProps = _objectSpread(_objectSpread({}, restProps), {}, {
+    className: cls,
+    prefixCls: inputPrefixCls,
+    type: 'search',
     size: size,
+    variant: variant,
+    onPressEnter: onPressEnter,
     onCompositionStart: handleOnCompositionStart,
     onCompositionEnd: handleOnCompositionEnd,
-    prefixCls: inputPrefixCls,
     addonAfter: button,
     suffix: suffix,
     onChange: onChange,
-    className: cls,
     disabled: disabled
-  }));
+  });
+  return _jsx(Input, _objectSpread({
+    ref: composeRef(inputRef, ref)
+  }, inputProps));
 });
 if (process.env.NODE_ENV !== 'production') {
   Search.displayName = 'Search';