@chaoswise/ui 3.0.6 → 3.0.7

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

@@ -0,0 +1,264 @@
+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 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); }
+import { unit } from '@ant-design/cssinjs';
+import { TinyColor } from '@ctrl/tinycolor';
+import { genModalMaskStyle } from '../../modal/style';
+import { textEllipsis } from '../../style';
+import { initFadeMotion, initZoomMotion } from '../../style/motion';
+import { genStyleHooks, mergeToken } from '../../theme/internal';
+export var genBoxStyle = function genBoxStyle(position) {
+  return {
+    position: position || 'absolute',
+    inset: 0
+  };
+};
+export var genImageMaskStyle = function genImageMaskStyle(token) {
+  var iconCls = token.iconCls,
+    motionDurationSlow = token.motionDurationSlow,
+    paddingXXS = token.paddingXXS,
+    marginXXS = token.marginXXS,
+    prefixCls = token.prefixCls,
+    colorTextLightSolid = token.colorTextLightSolid;
+  return _defineProperty({
+    position: 'absolute',
+    inset: 0,
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'center',
+    color: colorTextLightSolid,
+    background: new TinyColor('#000').setAlpha(0.5).toRgbString(),
+    cursor: 'pointer',
+    opacity: 0,
+    transition: "opacity ".concat(motionDurationSlow)
+  }, ".".concat(prefixCls, "-mask-info"), _objectSpread(_objectSpread({}, textEllipsis), {}, _defineProperty({
+    padding: "0 ".concat(unit(paddingXXS))
+  }, iconCls, {
+    marginInlineEnd: marginXXS,
+    svg: {
+      verticalAlign: 'baseline'
+    }
+  })));
+};
+export var genPreviewOperationsStyle = function genPreviewOperationsStyle(token) {
+  var previewCls = token.previewCls,
+    modalMaskBg = token.modalMaskBg,
+    paddingSM = token.paddingSM,
+    marginXL = token.marginXL,
+    margin = token.margin,
+    paddingLG = token.paddingLG,
+    previewOperationColorDisabled = token.previewOperationColorDisabled,
+    previewOperationHoverColor = token.previewOperationHoverColor,
+    motionDurationSlow = token.motionDurationSlow,
+    iconCls = token.iconCls,
+    colorTextLightSolid = token.colorTextLightSolid;
+  var operationBg = new TinyColor(modalMaskBg).setAlpha(0.1);
+  var operationBgHover = operationBg.clone().setAlpha(0.2);
+  return _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(previewCls, "-footer"), {
+    position: 'fixed',
+    bottom: marginXL,
+    left: {
+      _skip_check_: true,
+      value: 0
+    },
+    width: '100%',
+    display: 'flex',
+    flexDirection: 'column',
+    alignItems: 'center',
+    color: token.previewOperationColor
+  }), "".concat(previewCls, "-progress"), {
+    marginBottom: margin
+  }), "".concat(previewCls, "-close"), _defineProperty({
+    position: 'fixed',
+    top: marginXL,
+    right: {
+      _skip_check_: true,
+      value: marginXL
+    },
+    display: 'flex',
+    color: colorTextLightSolid,
+    backgroundColor: operationBg.toRgbString(),
+    borderRadius: '50%',
+    padding: paddingSM,
+    outline: 0,
+    border: 0,
+    cursor: 'pointer',
+    transition: "all ".concat(motionDurationSlow),
+    '&:hover': {
+      backgroundColor: operationBgHover.toRgbString()
+    }
+  }, "& > ".concat(iconCls), {
+    fontSize: token.previewOperationSize
+  })), "".concat(previewCls, "-operations"), {
+    display: 'flex',
+    alignItems: 'center',
+    padding: "0 ".concat(unit(paddingLG)),
+    backgroundColor: operationBg.toRgbString(),
+    borderRadius: 100,
+    '&-operation': _defineProperty(_defineProperty(_defineProperty(_defineProperty({
+      marginInlineStart: paddingSM,
+      padding: paddingSM,
+      cursor: 'pointer',
+      transition: "all ".concat(motionDurationSlow),
+      userSelect: 'none'
+    }, "&:not(".concat(previewCls, "-operations-operation-disabled):hover > ").concat(iconCls), {
+      color: previewOperationHoverColor
+    }), '&-disabled', {
+      color: previewOperationColorDisabled,
+      cursor: 'not-allowed'
+    }), '&:first-of-type', {
+      marginInlineStart: 0
+    }), "& > ".concat(iconCls), {
+      fontSize: token.previewOperationSize
+    })
+  });
+};
+export var genPreviewSwitchStyle = function genPreviewSwitchStyle(token) {
+  var modalMaskBg = token.modalMaskBg,
+    iconCls = token.iconCls,
+    previewOperationColorDisabled = token.previewOperationColorDisabled,
+    previewCls = token.previewCls,
+    zIndexPopup = token.zIndexPopup,
+    motionDurationSlow = token.motionDurationSlow;
+  var operationBg = new TinyColor(modalMaskBg).setAlpha(0.1);
+  var operationBgHover = operationBg.clone().setAlpha(0.2);
+  return _defineProperty(_defineProperty(_defineProperty({}, "".concat(previewCls, "-switch-left, ").concat(previewCls, "-switch-right"), _defineProperty(_defineProperty({
+    position: 'fixed',
+    insetBlockStart: '50%',
+    zIndex: token.calc(zIndexPopup).add(1).equal({
+      unit: false
+    }),
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'center',
+    width: token.imagePreviewSwitchSize,
+    height: token.imagePreviewSwitchSize,
+    marginTop: token.calc(token.imagePreviewSwitchSize).mul(-1).div(2).equal(),
+    color: token.previewOperationColor,
+    background: operationBg.toRgbString(),
+    borderRadius: '50%',
+    transform: "translateY(-50%)",
+    cursor: 'pointer',
+    transition: "all ".concat(motionDurationSlow),
+    userSelect: 'none',
+    '&:hover': {
+      background: operationBgHover.toRgbString()
+    }
+  }, "&-disabled", {
+    '&, &:hover': _defineProperty({
+      color: previewOperationColorDisabled,
+      background: 'transparent',
+      cursor: 'not-allowed'
+    }, "> ".concat(iconCls), {
+      cursor: 'not-allowed'
+    })
+  }), "> ".concat(iconCls), {
+    fontSize: token.previewOperationSize
+  })), "".concat(previewCls, "-switch-left"), {
+    insetInlineStart: token.marginSM
+  }), "".concat(previewCls, "-switch-right"), {
+    insetInlineEnd: token.marginSM
+  });
+};
+export var genImagePreviewStyle = function genImagePreviewStyle(token) {
+  var motionEaseOut = token.motionEaseOut,
+    previewCls = token.previewCls,
+    motionDurationSlow = token.motionDurationSlow,
+    componentCls = token.componentCls;
+  return [_defineProperty({}, "".concat(componentCls, "-preview-root"), _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, previewCls, {
+    height: '100%',
+    textAlign: 'center',
+    pointerEvents: 'none'
+  }), "".concat(previewCls, "-body"), _objectSpread(_objectSpread({}, genBoxStyle()), {}, {
+    overflow: 'hidden'
+  })), "".concat(previewCls, "-img"), {
+    maxWidth: '100%',
+    maxHeight: '70%',
+    verticalAlign: 'middle',
+    transform: 'scale3d(1, 1, 1)',
+    cursor: 'grab',
+    transition: "transform ".concat(motionDurationSlow, " ").concat(motionEaseOut, " 0s"),
+    userSelect: 'none',
+    '&-wrapper': _objectSpread(_objectSpread({}, genBoxStyle()), {}, {
+      transition: "transform ".concat(motionDurationSlow, " ").concat(motionEaseOut, " 0s"),
+      // https://github.com/ant-design/ant-design/issues/39913
+      // TailwindCSS will reset img default style.
+      // Let's set back.
+      display: 'flex',
+      justifyContent: 'center',
+      alignItems: 'center',
+      '& > *': {
+        pointerEvents: 'auto'
+      },
+      '&::before': {
+        display: 'inline-block',
+        width: 1,
+        height: '50%',
+        marginInlineEnd: -1,
+        content: '""'
+      }
+    })
+  }), "".concat(previewCls, "-moving"), _defineProperty({}, "".concat(previewCls, "-preview-img"), {
+    cursor: 'grabbing',
+    '&-wrapper': {
+      transitionDuration: '0s'
+    }
+  }))), // Override
+  _defineProperty({}, "".concat(componentCls, "-preview-root"), _defineProperty({}, "".concat(previewCls, "-wrap"), {
+    zIndex: token.zIndexPopup
+  })), // Preview operations & switch
+  _defineProperty(_defineProperty({}, "".concat(componentCls, "-preview-operations-wrapper"), {
+    position: 'fixed',
+    zIndex: token.calc(token.zIndexPopup).add(1).equal({
+      unit: false
+    })
+  }), '&', [genPreviewOperationsStyle(token), genPreviewSwitchStyle(token)])];
+};
+var genImageStyle = function genImageStyle(token) {
+  var componentCls = token.componentCls;
+  return _defineProperty({}, componentCls, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({
+    position: 'relative',
+    display: 'inline-block'
+  }, "".concat(componentCls, "-img"), {
+    width: '100%',
+    height: 'auto',
+    verticalAlign: 'middle'
+  }), "".concat(componentCls, "-img-placeholder"), {
+    backgroundColor: token.colorBgContainerDisabled,
+    backgroundImage: "url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMTQuNSAyLjVoLTEzQS41LjUgMCAwIDAgMSAzdjEwYS41LjUgMCAwIDAgLjUuNWgxM2EuNS41IDAgMCAwIC41LS41VjNhLjUuNSAwIDAgMC0uNS0uNXpNNS4yODEgNC43NWExIDEgMCAwIDEgMCAyIDEgMSAwIDAgMSAwLTJ6bTguMDMgNi44M2EuMTI3LjEyNyAwIDAgMS0uMDgxLjAzSDIuNzY5YS4xMjUuMTI1IDAgMCAxLS4wOTYtLjIwN2wyLjY2MS0zLjE1NmEuMTI2LjEyNiAwIDAgMSAuMTc3LS4wMTZsLjAxNi4wMTZMNy4wOCAxMC4wOWwyLjQ3LTIuOTNhLjEyNi4xMjYgMCAwIDEgLjE3Ny0uMDE2bC4wMTUuMDE2IDMuNTg4IDQuMjQ0YS4xMjcuMTI3IDAgMCAxLS4wMi4xNzV6IiBmaWxsPSIjOEM4QzhDIiBmaWxsLXJ1bGU9Im5vbnplcm8iLz48L3N2Zz4=')",
+    backgroundRepeat: 'no-repeat',
+    backgroundPosition: 'center center',
+    backgroundSize: '30%'
+  }), "".concat(componentCls, "-mask"), _objectSpread({}, genImageMaskStyle(token))), "".concat(componentCls, "-mask:hover"), {
+    opacity: 1
+  }), "".concat(componentCls, "-placeholder"), _objectSpread({}, genBoxStyle())));
+};
+var genPreviewMotion = function genPreviewMotion(token) {
+  var previewCls = token.previewCls;
+  return _defineProperty(_defineProperty({}, "".concat(previewCls, "-root"), initZoomMotion(token, 'zoom')), "&", initFadeMotion(token, true));
+};
+// ============================== Export ==============================
+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(),
+    previewOperationSize: token.fontSizeIcon * 1.5 // FIXME: fontSizeIconLG
+  };
+};
+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(),
+    // FIXME: Shared Token
+    imagePreviewSwitchSize: token.controlHeightLG
+  });
+  return [genImageStyle(imageToken), genImagePreviewStyle(imageToken), genModalMaskStyle(mergeToken(imageToken, {
+    componentCls: previewCls
+  })), genPreviewMotion(imageToken)];
+}, prepareComponentToken);

package/lib/Antd5/index.js

@@ -0,0 +1,72 @@
+export { default as Affix } from './affix';
+export { default as Alert } from './alert';
+export { default as Anchor } from './anchor';
+export { default as App } from './app';
+export { default as AutoComplete } from './auto-complete';
+export { default as Avatar } from './avatar';
+export { default as BackTop } from './back-top';
+export { default as Badge } from './badge';
+export { default as Breadcrumb } from './breadcrumb';
+export { default as Button } from './button';
+export { default as Calendar } from './calendar';
+export { default as Card } from './card';
+export { default as Carousel } from './carousel';
+export { default as Cascader } from './cascader';
+export { default as Checkbox } from './checkbox';
+export { default as Col } from './col';
+export { default as Collapse } from './collapse';
+export { default as ColorPicker } from './color-picker';
+export { default as ConfigProvider } from './config-provider';
+export { default as DatePicker } from './date-picker';
+export { default as Descriptions } from './descriptions';
+export { default as Divider } from './divider';
+export { default as Drawer } from './drawer';
+export { default as Dropdown } from './dropdown';
+export { default as Empty } from './empty';
+export { default as Flex } from './flex';
+export { default as FloatButton } from './float-button';
+export { default as Form } from './form';
+export { default as Grid } from './grid';
+export { default as Image } from './image';
+export { default as Input } from './input';
+export { default as InputNumber } from './input-number';
+export { default as Layout } from './layout';
+export { default as List } from './list';
+export { default as Mentions } from './mentions';
+export { default as Menu } from './menu';
+export { default as message } from './message';
+export { default as Modal } from './modal';
+export { default as notification } from './notification';
+export { default as Pagination } from './pagination';
+export { default as Popconfirm } from './popconfirm';
+export { default as Popover } from './popover';
+export { default as Progress } from './progress';
+export { default as QRCode } from './qr-code';
+export { default as Radio } from './radio';
+export { default as Rate } from './rate';
+export { default as Result } from './result';
+export { default as Row } from './row';
+export { default as Segmented } from './segmented';
+export { default as Select } from './select';
+export { default as Skeleton } from './skeleton';
+export { default as Slider } from './slider';
+export { default as Space } from './space';
+export { default as Spin } from './spin';
+export { default as Statistic } from './statistic';
+export { default as Steps } from './steps';
+export { default as Switch } from './switch';
+export { default as Table } from './table';
+export { default as Tabs } from './tabs';
+export { default as Tag } from './tag';
+export { default as theme } from './theme';
+export { default as TimePicker } from './time-picker';
+export { default as Timeline } from './timeline';
+export { default as Tooltip } from './tooltip';
+export { default as Tour } from './tour';
+export { default as Transfer } from './transfer';
+export { default as Tree } from './tree';
+export { default as TreeSelect } from './tree-select';
+export { default as Typography } from './typography';
+export { default as Upload } from './upload';
+export { default as version } from './version';
+export { default as Watermark } from './watermark';

package/lib/Antd5/input/Group.js

@@ -0,0 +1,57 @@
+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 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 _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; }
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { useContext, useMemo } from 'react';
+import classNames from 'classnames';
+import { devUseWarning } from '../_util/warning';
+import { ConfigContext } from '../config-provider';
+import { FormItemInputContext } from '../form/context';
+import useStyle from './style';
+var Group = function Group(props) {
+  var _useContext = useContext(ConfigContext),
+    getPrefixCls = _useContext.getPrefixCls,
+    direction = _useContext.direction;
+  var customizePrefixCls = props.prefixCls,
+    className = props.className;
+  var prefixCls = getPrefixCls('input-group', customizePrefixCls);
+  var inputPrefixCls = getPrefixCls('input');
+  var _useStyle = useStyle(inputPrefixCls),
+    _useStyle2 = _slicedToArray(_useStyle, 2),
+    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);
+  var formItemContext = useContext(FormItemInputContext);
+  var groupFormItemContext = useMemo(function () {
+    return _objectSpread(_objectSpread({}, formItemContext), {}, {
+      isFormItemInput: false
+    });
+  }, [formItemContext]);
+  if (process.env.NODE_ENV !== 'production') {
+    var warning = devUseWarning('Input.Group');
+    warning.deprecated(false, 'Input.Group', 'Space.Compact');
+  }
+  return wrapCSSVar(_jsx("span", {
+    className: cls,
+    style: props.style,
+    onMouseEnter: props.onMouseEnter,
+    onMouseLeave: props.onMouseLeave,
+    onFocus: props.onFocus,
+    onBlur: props.onBlur,
+    children: _jsx(FormItemInputContext.Provider, {
+      value: groupFormItemContext,
+      children: props.children
+    })
+  }));
+};
+export default Group;

package/lib/Antd5/input/Input.js

@@ -0,0 +1,188 @@
+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", "bordered", "status", "size", "disabled", "onBlur", "onFocus", "suffix", "allowClear", "addonAfter", "addonBefore", "className", "style", "styles", "rootClassName", "onChange", "classNames", "variant"];
+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 _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 _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], t.indexOf(o) >= 0 || {}.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 (e.indexOf(n) >= 0) continue; t[n] = r[n]; } return t; }
+import { Fragment as _Fragment, jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import React, { forwardRef, useContext, useEffect, useRef } from 'react';
+import classNames from 'classnames';
+import RcInput from 'rc-input';
+import { composeRef } from 'rc-util/lib/ref';
+import getAllowClear from '../_util/getAllowClear';
+import { getMergedStatus, getStatusClassNames } from '../_util/statusUtils';
+import { devUseWarning } from '../_util/warning';
+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 useVariant from '../form/hooks/useVariants';
+import { NoCompactStyle, 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);
+    }
+  }
+}
+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,
+    customStatus = props.status,
+    customSize = props.size,
+    customDisabled = props.disabled,
+    onBlur = props.onBlur,
+    onFocus = props.onFocus,
+    suffix = props.suffix,
+    allowClear = props.allowClear,
+    addonAfter = props.addonAfter,
+    addonBefore = props.addonBefore,
+    className = props.className,
+    style = props.style,
+    styles = props.styles,
+    rootClassName = props.rootClassName,
+    onChange = props.onChange,
+    classes = props.classNames,
+    customVariant = props.variant,
+    rest = _objectWithoutProperties(props, _excluded);
+  if (process.env.NODE_ENV !== 'production') {
+    var _devUseWarning = devUseWarning('Input'),
+      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 prefixCls = getPrefixCls('input', customizePrefixCls);
+  var inputRef = useRef(null);
+  // Style
+  var rootCls = useCSSVarCls(prefixCls);
+  var _useStyle = useStyle(prefixCls, rootCls),
+    _useStyle2 = _slicedToArray(_useStyle, 3),
+    wrapCSSVar = _useStyle2[0],
+    hashId = _useStyle2[1],
+    cssVarCls = _useStyle2[2];
+  // ===================== Compact Item =====================
+  var _useCompactItemContex = useCompactItemContext(prefixCls, direction),
+    compactSize = _useCompactItemContex.compactSize,
+    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;
+  });
+  // ===================== Disabled =====================
+  var disabled = React.useContext(DisabledContext);
+  var mergedDisabled = customDisabled !== null && customDisabled !== void 0 ? customDisabled : disabled;
+  // ===================== Status =====================
+  var _useContext = useContext(FormItemInputContext),
+    contextStatus = _useContext.status,
+    hasFeedback = _useContext.hasFeedback,
+    feedbackIcon = _useContext.feedbackIcon;
+  var mergedStatus = getMergedStatus(contextStatus, customStatus);
+  // ===================== Focus warning =====================
+  var inputHasPrefixSuffix = hasPrefixSuffix(props) || !!hasFeedback;
+  var prevHasPrefixSuffix = useRef(inputHasPrefixSuffix);
+  /* eslint-disable react-hooks/rules-of-hooks */
+  if (process.env.NODE_ENV !== 'production') {
+    var warning = devUseWarning('Input');
+    useEffect(function () {
+      if (inputHasPrefixSuffix && !prevHasPrefixSuffix.current) {
+        var _inputRef$current;
+        warning(document.activeElement === ((_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.input), 'usage', "When Input is focused, dynamic add or remove prefix / suffix will make it lose focus caused by dom structure change. Read more: https://ant.design/components/input/#FAQ");
+      }
+      prevHasPrefixSuffix.current = inputHasPrefixSuffix;
+    }, [inputHasPrefixSuffix]);
+  }
+  /* eslint-enable */
+  // ===================== Remove Password value =====================
+  var removePasswordTimeout = useRemovePasswordTimeout(inputRef, true);
+  var handleBlur = function handleBlur(e) {
+    removePasswordTimeout();
+    onBlur === null || onBlur === void 0 || onBlur(e);
+  };
+  var handleFocus = function handleFocus(e) {
+    removePasswordTimeout();
+    onFocus === null || onFocus === void 0 || onFocus(e);
+  };
+  var handleChange = function handleChange(e) {
+    removePasswordTimeout();
+    onChange === null || onChange === void 0 || onChange(e);
+  };
+  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),
+    _useVariant2 = _slicedToArray(_useVariant, 2),
+    variant = _useVariant2[0],
+    enableVariantCls = _useVariant2[1];
+  return wrapCSSVar(_jsx(RcInput, _objectSpread(_objectSpread({
+    ref: composeRef(ref, inputRef),
+    prefixCls: prefixCls,
+    autoComplete: input === null || input === void 0 ? void 0 : input.autoComplete
+  }, 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),
+    suffix: suffixNode,
+    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),
+    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)),
+      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';
+}
+export default Input;

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

@@ -0,0 +1,69 @@
+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"];
+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 _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], t.indexOf(o) >= 0 || {}.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 (e.indexOf(n) >= 0) continue; t[n] = r[n]; } return t; }
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import raf from 'rc-util/lib/raf';
+import Input from '../Input';
+var OTPInput = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  var 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);
+  };
+  // ========================== Ref ===========================
+  var inputRef = React.useRef(null);
+  React.useImperativeHandle(ref, function () {
+    return inputRef.current;
+  });
+  // ========================= Focus ==========================
+  var syncSelection = function syncSelection() {
+    raf(function () {
+      var _inputRef$current;
+      var inputEle = (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.input;
+      if (document.activeElement === inputEle && inputEle) {
+        inputEle.select();
+      }
+    });
+  };
+  // ======================== Keyboard ========================
+  var onInternalKeyDown = function onInternalKeyDown(_ref) {
+    var key = _ref.key;
+    if (key === 'ArrowLeft') {
+      onActiveChange(index - 1);
+    } else if (key === 'ArrowRight') {
+      onActiveChange(index + 1);
+    }
+    syncSelection();
+  };
+  var onInternalKeyUp = function onInternalKeyUp(e) {
+    if (e.key === 'Backspace' && !value) {
+      onActiveChange(index - 1);
+    }
+    syncSelection();
+  };
+  // ========================= Render =========================
+  return _jsx(Input, _objectSpread(_objectSpread({}, restProps), {}, {
+    ref: inputRef,
+    value: internalValue,
+    onInput: onInternalChange,
+    onFocus: syncSelection,
+    onKeyDown: onInternalKeyDown,
+    onKeyUp: onInternalKeyUp,
+    onMouseDown: syncSelection,
+    onMouseUp: syncSelection,
+    type: mask === true ? 'password' : 'text'
+  }));
+});
+export default OTPInput;