@chaoswise/ui 3.0.6 → 3.0.8

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

@@ -0,0 +1,299 @@
+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 { genBasicInputStyle, genInputGroupStyle, genPlaceholderStyle, initInputToken } from '../../input/style';
+import { genBorderlessStyle, genFilledGroupStyle, genFilledStyle, genOutlinedGroupStyle, genOutlinedStyle } from '../../input/style/variants';
+import { resetComponent, resetIcon } from '../../style';
+import { genCompactItemStyle } from '../../style/compact-item';
+import { genStyleHooks, mergeToken } from '../../theme/internal';
+import { prepareComponentToken } from './token';
+export var genRadiusStyle = function genRadiusStyle(_ref, size) {
+  var componentCls = _ref.componentCls,
+    borderRadiusSM = _ref.borderRadiusSM,
+    borderRadiusLG = _ref.borderRadiusLG;
+  var borderRadius = size === 'lg' ? borderRadiusLG : borderRadiusSM;
+  return _defineProperty({}, "&-".concat(size), _defineProperty(_defineProperty(_defineProperty({}, "".concat(componentCls, "-handler-wrap"), {
+    borderStartEndRadius: borderRadius,
+    borderEndEndRadius: borderRadius
+  }), "".concat(componentCls, "-handler-up"), {
+    borderStartEndRadius: borderRadius
+  }), "".concat(componentCls, "-handler-down"), {
+    borderEndEndRadius: borderRadius
+  }));
+};
+var genInputNumberStyles = function genInputNumberStyles(token) {
+  var componentCls = token.componentCls,
+    lineWidth = token.lineWidth,
+    lineType = token.lineType,
+    borderRadius = token.borderRadius,
+    fontSizeLG = token.fontSizeLG,
+    controlHeightLG = token.controlHeightLG,
+    controlHeightSM = token.controlHeightSM,
+    colorError = token.colorError,
+    paddingInlineSM = token.paddingInlineSM,
+    paddingBlockSM = token.paddingBlockSM,
+    paddingBlockLG = token.paddingBlockLG,
+    paddingInlineLG = token.paddingInlineLG,
+    colorTextDescription = token.colorTextDescription,
+    motionDurationMid = token.motionDurationMid,
+    handleHoverColor = token.handleHoverColor,
+    paddingInline = token.paddingInline,
+    paddingBlock = token.paddingBlock,
+    handleBg = token.handleBg,
+    handleActiveBg = token.handleActiveBg,
+    colorTextDisabled = token.colorTextDisabled,
+    borderRadiusSM = token.borderRadiusSM,
+    borderRadiusLG = token.borderRadiusLG,
+    controlWidth = token.controlWidth,
+    handleOpacity = token.handleOpacity,
+    handleBorderColor = token.handleBorderColor,
+    filledHandleBg = token.filledHandleBg,
+    lineHeightLG = token.lineHeightLG,
+    calc = token.calc;
+  return [_defineProperty({}, componentCls, _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, resetComponent(token)), genBasicInputStyle(token)), {}, {
+    display: 'inline-block',
+    width: controlWidth,
+    margin: 0,
+    padding: 0,
+    borderRadius: borderRadius
+  }, genOutlinedStyle(token, _defineProperty({}, "".concat(componentCls, "-handler-wrap"), _defineProperty({
+    background: handleBg
+  }, "".concat(componentCls, "-handler-down"), {
+    borderBlockStart: "".concat(unit(lineWidth), " ").concat(lineType, " ").concat(handleBorderColor)
+  })))), genFilledStyle(token, _defineProperty(_defineProperty({}, "".concat(componentCls, "-handler-wrap"), _defineProperty({
+    background: filledHandleBg
+  }, "".concat(componentCls, "-handler-down"), {
+    borderBlockStart: "".concat(unit(lineWidth), " ").concat(lineType, " ").concat(handleBorderColor)
+  })), '&:focus-within', _defineProperty({}, "".concat(componentCls, "-handler-wrap"), {
+    background: handleBg
+  })))), genBorderlessStyle(token)), {}, _defineProperty(_defineProperty({
+    '&-rtl': _defineProperty({
+      direction: 'rtl'
+    }, "".concat(componentCls, "-input"), {
+      direction: 'rtl'
+    }),
+    '&-lg': _defineProperty({
+      padding: 0,
+      fontSize: fontSizeLG,
+      lineHeight: lineHeightLG,
+      borderRadius: borderRadiusLG
+    }, "input".concat(componentCls, "-input"), {
+      height: calc(controlHeightLG).sub(calc(lineWidth).mul(2)).equal(),
+      padding: "".concat(unit(paddingBlockLG), " ").concat(unit(paddingInlineLG))
+    }),
+    '&-sm': _defineProperty({
+      padding: 0,
+      borderRadius: borderRadiusSM
+    }, "input".concat(componentCls, "-input"), {
+      height: calc(controlHeightSM).sub(calc(lineWidth).mul(2)).equal(),
+      padding: "".concat(unit(paddingBlockSM), " ").concat(unit(paddingInlineSM))
+    }),
+    // ===================== Out Of Range =====================
+    '&-out-of-range': _defineProperty({}, "".concat(componentCls, "-input-wrap"), {
+      input: {
+        color: colorError
+      }
+    }),
+    // Style for input-group: input with label, with button or dropdown...
+    '&-group': _objectSpread(_objectSpread(_objectSpread({}, resetComponent(token)), genInputGroupStyle(token)), {}, {
+      '&-wrapper': _objectSpread(_objectSpread(_objectSpread(_defineProperty(_defineProperty(_defineProperty({
+        display: 'inline-block',
+        textAlign: 'start',
+        verticalAlign: 'top'
+      }, "".concat(componentCls, "-affix-wrapper"), {
+        width: '100%'
+      }), '&-lg', _defineProperty({}, "".concat(componentCls, "-group-addon"), {
+        borderRadius: borderRadiusLG,
+        fontSize: token.fontSizeLG
+      })), '&-sm', _defineProperty({}, "".concat(componentCls, "-group-addon"), {
+        borderRadius: borderRadiusSM
+      })), genOutlinedGroupStyle(token)), genFilledGroupStyle(token)), {}, _defineProperty(_defineProperty(_defineProperty({}, "&:not(".concat(componentCls, "-compact-first-item):not(").concat(componentCls, "-compact-last-item)").concat(componentCls, "-compact-item"), _defineProperty({}, "".concat(componentCls, ", ").concat(componentCls, "-group-addon"), {
+        borderRadius: 0
+      })), "&:not(".concat(componentCls, "-compact-last-item)").concat(componentCls, "-compact-first-item"), _defineProperty({}, "".concat(componentCls, ", ").concat(componentCls, "-group-addon"), {
+        borderStartEndRadius: 0,
+        borderEndEndRadius: 0
+      })), "&:not(".concat(componentCls, "-compact-first-item)").concat(componentCls, "-compact-last-item"), _defineProperty({}, "".concat(componentCls, ", ").concat(componentCls, "-group-addon"), {
+        borderStartStartRadius: 0,
+        borderEndStartRadius: 0
+      })))
+    })
+  }, "&-disabled ".concat(componentCls, "-input"), {
+    cursor: 'not-allowed'
+  }), componentCls, {
+    '&-input': _objectSpread(_objectSpread(_objectSpread({}, resetComponent(token)), {}, {
+      width: '100%',
+      padding: "".concat(unit(paddingBlock), " ").concat(unit(paddingInline)),
+      textAlign: 'start',
+      backgroundColor: 'transparent',
+      border: 0,
+      borderRadius: borderRadius,
+      outline: 0,
+      transition: "all ".concat(motionDurationMid, " linear"),
+      appearance: 'textfield',
+      fontSize: 'inherit'
+    }, genPlaceholderStyle(token.colorTextPlaceholder)), {}, {
+      '&[type="number"]::-webkit-inner-spin-button, &[type="number"]::-webkit-outer-spin-button': {
+        margin: 0,
+        /* stylelint-disable-next-line property-no-vendor-prefix */
+        webkitAppearance: 'none',
+        appearance: 'none'
+      }
+    })
+  }))), // Handler
+  _defineProperty({}, componentCls, _objectSpread(_objectSpread(_objectSpread(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "&:hover ".concat(componentCls, "-handler-wrap, &-focused ").concat(componentCls, "-handler-wrap"), {
+    opacity: 1
+  }), "".concat(componentCls, "-handler-wrap"), _defineProperty({
+    position: 'absolute',
+    insetBlockStart: 0,
+    insetInlineEnd: 0,
+    width: token.handleWidth,
+    height: '100%',
+    borderStartStartRadius: 0,
+    borderStartEndRadius: borderRadius,
+    borderEndEndRadius: borderRadius,
+    borderEndStartRadius: 0,
+    opacity: handleOpacity,
+    display: 'flex',
+    flexDirection: 'column',
+    alignItems: 'stretch',
+    transition: "opacity ".concat(motionDurationMid, " linear ").concat(motionDurationMid)
+  }, "".concat(componentCls, "-handler"), _defineProperty({
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'center',
+    flex: 'auto',
+    height: '40%'
+  }, "\n              ".concat(componentCls, "-handler-up-inner,\n              ").concat(componentCls, "-handler-down-inner\n            "), {
+    marginInlineEnd: 0,
+    fontSize: token.handleFontSize
+  }))), "".concat(componentCls, "-handler"), {
+    height: '50%',
+    overflow: 'hidden',
+    color: colorTextDescription,
+    fontWeight: 'bold',
+    lineHeight: 0,
+    textAlign: 'center',
+    cursor: 'pointer',
+    borderInlineStart: "".concat(unit(lineWidth), " ").concat(lineType, " ").concat(handleBorderColor),
+    transition: "all ".concat(motionDurationMid, " linear"),
+    '&:active': {
+      background: handleActiveBg
+    },
+    // Hover
+    '&:hover': _defineProperty({
+      height: "60%"
+    }, "\n              ".concat(componentCls, "-handler-up-inner,\n              ").concat(componentCls, "-handler-down-inner\n            "), {
+      color: handleHoverColor
+    }),
+    '&-up-inner, &-down-inner': _objectSpread(_objectSpread({}, resetIcon()), {}, {
+      color: colorTextDescription,
+      transition: "all ".concat(motionDurationMid, " linear"),
+      userSelect: 'none'
+    })
+  }), "".concat(componentCls, "-handler-up"), {
+    borderStartEndRadius: borderRadius
+  }), "".concat(componentCls, "-handler-down"), {
+    borderEndEndRadius: borderRadius
+  }), genRadiusStyle(token, 'lg')), genRadiusStyle(token, 'sm')), {}, _defineProperty(_defineProperty({
+    // Disabled
+    '&-disabled, &-readonly': _defineProperty(_defineProperty({}, "".concat(componentCls, "-handler-wrap"), {
+      display: 'none'
+    }), "".concat(componentCls, "-input"), {
+      color: 'inherit'
+    })
+  }, "\n          ".concat(componentCls, "-handler-up-disabled,\n          ").concat(componentCls, "-handler-down-disabled\n        "), {
+    cursor: 'not-allowed'
+  }), "\n          ".concat(componentCls, "-handler-up-disabled:hover &-handler-up-inner,\n          ").concat(componentCls, "-handler-down-disabled:hover &-handler-down-inner\n        "), {
+    color: colorTextDisabled
+  })))];
+};
+var genAffixWrapperStyles = function genAffixWrapperStyles(token) {
+  var componentCls = token.componentCls,
+    paddingBlock = token.paddingBlock,
+    paddingInline = token.paddingInline,
+    inputAffixPadding = token.inputAffixPadding,
+    controlWidth = token.controlWidth,
+    borderRadiusLG = token.borderRadiusLG,
+    borderRadiusSM = token.borderRadiusSM,
+    paddingInlineLG = token.paddingInlineLG,
+    paddingInlineSM = token.paddingInlineSM,
+    paddingBlockLG = token.paddingBlockLG,
+    paddingBlockSM = token.paddingBlockSM;
+  return _defineProperty({}, "".concat(componentCls, "-affix-wrapper"), _objectSpread(_objectSpread(_defineProperty({}, "input".concat(componentCls, "-input"), {
+    padding: "".concat(unit(paddingBlock), " 0")
+  }), genBasicInputStyle(token)), {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({
+    // or number handler will cover form status
+    position: 'relative',
+    display: 'inline-flex',
+    width: controlWidth,
+    padding: 0,
+    paddingInlineStart: paddingInline,
+    '&-lg': _defineProperty({
+      borderRadius: borderRadiusLG,
+      paddingInlineStart: paddingInlineLG
+    }, "input".concat(componentCls, "-input"), {
+      padding: "".concat(unit(paddingBlockLG), " 0")
+    }),
+    '&-sm': _defineProperty({
+      borderRadius: borderRadiusSM,
+      paddingInlineStart: paddingInlineSM
+    }, "input".concat(componentCls, "-input"), {
+      padding: "".concat(unit(paddingBlockSM), " 0")
+    })
+  }, "&:not(".concat(componentCls, "-disabled):hover"), {
+    zIndex: 1
+  }), '&-focused, &:focus', {
+    zIndex: 1
+  }), "&-disabled > ".concat(componentCls, "-disabled"), {
+    background: 'transparent'
+  }), "> div".concat(componentCls), _defineProperty({
+    width: '100%',
+    border: 'none',
+    outline: 'none'
+  }, "&".concat(componentCls, "-focused"), {
+    boxShadow: 'none !important'
+  })), '&::before', {
+    display: 'inline-block',
+    width: 0,
+    visibility: 'hidden',
+    content: '"\\a0"'
+  }), "".concat(componentCls, "-handler-wrap"), {
+    zIndex: 2
+  }), componentCls, {
+    color: 'inherit',
+    '&-prefix, &-suffix': {
+      display: 'flex',
+      flex: 'none',
+      alignItems: 'center',
+      pointerEvents: 'none'
+    },
+    '&-prefix': {
+      marginInlineEnd: inputAffixPadding
+    },
+    '&-suffix': {
+      position: 'absolute',
+      insetBlockStart: 0,
+      insetInlineEnd: 0,
+      zIndex: 1,
+      height: '100%',
+      marginInlineEnd: paddingInline,
+      marginInlineStart: inputAffixPadding
+    }
+  })));
+};
+export default genStyleHooks('InputNumber', function (token) {
+  var inputNumberToken = mergeToken(token, initInputToken(token));
+  return [genInputNumberStyles(inputNumberToken), genAffixWrapperStyles(inputNumberToken),
+  // =====================================================
+  // ==             Space Compact                       ==
+  // =====================================================
+  genCompactItemStyle(inputNumberToken)];
+}, prepareComponentToken, {
+  unitless: {
+    handleOpacity: true
+  }
+});

package/lib/Antd5/input-number/style/token.js

@@ -0,0 +1,24 @@
+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 { TinyColor } from '@ctrl/tinycolor';
+import { initComponentToken } from '../../input/style/token';
+export var prepareComponentToken = function prepareComponentToken(token) {
+  var _token$handleVisible;
+  var handleVisible = (_token$handleVisible = token.handleVisible) !== null && _token$handleVisible !== void 0 ? _token$handleVisible : 'auto';
+  return _objectSpread(_objectSpread({}, initComponentToken(token)), {}, {
+    controlWidth: 90,
+    handleWidth: token.controlHeightSM - token.lineWidth * 2,
+    handleFontSize: token.fontSize / 2,
+    handleVisible: handleVisible,
+    handleActiveBg: token.colorFillAlter,
+    handleBg: token.colorBgContainer,
+    filledHandleBg: new TinyColor(token.colorFillSecondary).onBackground(token.colorBgContainer).toHexString(),
+    handleHoverColor: token.colorPrimary,
+    handleBorderColor: token.colorBorder,
+    handleOpacity: handleVisible === true ? 1 : 0
+  });
+};

package/lib/Antd5/layout/Sider.js

@@ -0,0 +1,198 @@
+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", "className", "trigger", "children", "defaultCollapsed", "theme", "style", "collapsible", "reverseArrow", "width", "collapsedWidth", "zeroWidthTriggerStyle", "breakpoint", "onCollapse", "onBreakpoint"];
+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 { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { useContext, useEffect, useRef, useState } from 'react';
+import BarsOutlined from '@ant-design/icons/BarsOutlined';
+import LeftOutlined from '@ant-design/icons/LeftOutlined';
+import RightOutlined from '@ant-design/icons/RightOutlined';
+import classNames from 'classnames';
+import omit from 'rc-util/lib/omit';
+import isNumeric from '../_util/isNumeric';
+import { ConfigContext } from '../config-provider';
+import { LayoutContext } from './context';
+var dimensionMaxMap = {
+  xs: '479.98px',
+  sm: '575.98px',
+  md: '767.98px',
+  lg: '991.98px',
+  xl: '1199.98px',
+  xxl: '1599.98px'
+};
+export var SiderContext = /*#__PURE__*/React.createContext({});
+var generateId = function () {
+  var i = 0;
+  return function () {
+    var prefix = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
+    i += 1;
+    return "".concat(prefix).concat(i);
+  };
+}();
+var Sider = /*#__PURE__*/React.forwardRef(function (props, ref) {
+  var customizePrefixCls = props.prefixCls,
+    className = props.className,
+    trigger = props.trigger,
+    children = props.children,
+    _props$defaultCollaps = props.defaultCollapsed,
+    defaultCollapsed = _props$defaultCollaps === void 0 ? false : _props$defaultCollaps,
+    _props$theme = props.theme,
+    theme = _props$theme === void 0 ? 'dark' : _props$theme,
+    _props$style = props.style,
+    style = _props$style === void 0 ? {} : _props$style,
+    _props$collapsible = props.collapsible,
+    collapsible = _props$collapsible === void 0 ? false : _props$collapsible,
+    _props$reverseArrow = props.reverseArrow,
+    reverseArrow = _props$reverseArrow === void 0 ? false : _props$reverseArrow,
+    _props$width = props.width,
+    width = _props$width === void 0 ? 200 : _props$width,
+    _props$collapsedWidth = props.collapsedWidth,
+    collapsedWidth = _props$collapsedWidth === void 0 ? 80 : _props$collapsedWidth,
+    zeroWidthTriggerStyle = props.zeroWidthTriggerStyle,
+    breakpoint = props.breakpoint,
+    onCollapse = props.onCollapse,
+    onBreakpoint = props.onBreakpoint,
+    otherProps = _objectWithoutProperties(props, _excluded);
+  var _useContext = useContext(LayoutContext),
+    siderHook = _useContext.siderHook;
+  var _useState = useState('collapsed' in props ? props.collapsed : defaultCollapsed),
+    _useState2 = _slicedToArray(_useState, 2),
+    collapsed = _useState2[0],
+    setCollapsed = _useState2[1];
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    below = _useState4[0],
+    setBelow = _useState4[1];
+  useEffect(function () {
+    if ('collapsed' in props) {
+      setCollapsed(props.collapsed);
+    }
+  }, [props.collapsed]);
+  var handleSetCollapsed = function handleSetCollapsed(value, type) {
+    if (!('collapsed' in props)) {
+      setCollapsed(value);
+    }
+    onCollapse === null || onCollapse === void 0 || onCollapse(value, type);
+  };
+  // ========================= Responsive =========================
+  var responsiveHandlerRef = useRef();
+  responsiveHandlerRef.current = function (mql) {
+    setBelow(mql.matches);
+    onBreakpoint === null || onBreakpoint === void 0 || onBreakpoint(mql.matches);
+    if (collapsed !== mql.matches) {
+      handleSetCollapsed(mql.matches, 'responsive');
+    }
+  };
+  useEffect(function () {
+    function responsiveHandler(mql) {
+      return responsiveHandlerRef.current(mql);
+    }
+    var mql;
+    if (typeof window !== 'undefined') {
+      var _window = window,
+        matchMedia = _window.matchMedia;
+      if (matchMedia && breakpoint && breakpoint in dimensionMaxMap) {
+        mql = matchMedia("screen and (max-width: ".concat(dimensionMaxMap[breakpoint], ")"));
+        try {
+          mql.addEventListener('change', responsiveHandler);
+        } catch (error) {
+          mql.addListener(responsiveHandler);
+        }
+        responsiveHandler(mql);
+      }
+    }
+    return function () {
+      try {
+        var _mql;
+        (_mql = mql) === null || _mql === void 0 || _mql.removeEventListener('change', responsiveHandler);
+      } catch (error) {
+        var _mql2;
+        (_mql2 = mql) === null || _mql2 === void 0 || _mql2.removeListener(responsiveHandler);
+      }
+    };
+  }, [breakpoint]); // in order to accept dynamic 'breakpoint' property, we need to add 'breakpoint' into dependency array.
+  useEffect(function () {
+    var uniqueId = generateId('ant-sider-');
+    siderHook.addSider(uniqueId);
+    return function () {
+      return siderHook.removeSider(uniqueId);
+    };
+  }, []);
+  var toggle = function toggle() {
+    handleSetCollapsed(!collapsed, 'clickTrigger');
+  };
+  var _useContext2 = useContext(ConfigContext),
+    getPrefixCls = _useContext2.getPrefixCls;
+  var renderSider = function renderSider() {
+    var prefixCls = getPrefixCls('layout-sider', customizePrefixCls);
+    var divProps = omit(otherProps, ['collapsed']);
+    var rawWidth = collapsed ? collapsedWidth : width;
+    // use "px" as fallback unit for width
+    var siderWidth = isNumeric(rawWidth) ? "".concat(rawWidth, "px") : String(rawWidth);
+    // special trigger when collapsedWidth == 0
+    var zeroWidthTrigger = parseFloat(String(collapsedWidth || 0)) === 0 ? _jsx("span", {
+      onClick: toggle,
+      className: classNames("".concat(prefixCls, "-zero-width-trigger"), "".concat(prefixCls, "-zero-width-trigger-").concat(reverseArrow ? 'right' : 'left')),
+      style: zeroWidthTriggerStyle,
+      children: trigger || _jsx(BarsOutlined, {})
+    }) : null;
+    var iconObj = {
+      expanded: reverseArrow ? _jsx(RightOutlined, {}) : _jsx(LeftOutlined, {}),
+      collapsed: reverseArrow ? _jsx(LeftOutlined, {}) : _jsx(RightOutlined, {})
+    };
+    var status = collapsed ? 'collapsed' : 'expanded';
+    var defaultTrigger = iconObj[status];
+    var triggerDom = trigger !== null ? zeroWidthTrigger || _jsx("div", {
+      className: "".concat(prefixCls, "-trigger"),
+      onClick: toggle,
+      style: {
+        width: siderWidth
+      },
+      children: trigger || defaultTrigger
+    }) : null;
+    var divStyle = _objectSpread(_objectSpread({}, style), {}, {
+      flex: "0 0 ".concat(siderWidth),
+      maxWidth: siderWidth,
+      // Fix width transition bug in IE11
+      minWidth: siderWidth,
+      // https://github.com/ant-design/ant-design/issues/6349
+      width: siderWidth
+    });
+    var siderCls = classNames(prefixCls, "".concat(prefixCls, "-").concat(theme), _defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(prefixCls, "-collapsed"), !!collapsed), "".concat(prefixCls, "-has-trigger"), collapsible && trigger !== null && !zeroWidthTrigger), "".concat(prefixCls, "-below"), !!below), "".concat(prefixCls, "-zero-width"), parseFloat(siderWidth) === 0), className);
+    return _jsxs("aside", _objectSpread(_objectSpread({
+      className: siderCls
+    }, divProps), {}, {
+      style: divStyle,
+      ref: ref,
+      children: [_jsx("div", {
+        className: "".concat(prefixCls, "-children"),
+        children: children
+      }), collapsible || below && zeroWidthTrigger ? triggerDom : null]
+    }));
+  };
+  var contextValue = React.useMemo(function () {
+    return {
+      siderCollapsed: collapsed
+    };
+  }, [collapsed]);
+  return _jsx(SiderContext.Provider, {
+    value: contextValue,
+    children: renderSider()
+  });
+});
+if (process.env.NODE_ENV !== 'production') {
+  Sider.displayName = 'Sider';
+}
+export default Sider;

package/lib/Antd5/layout/context.js

@@ -0,0 +1,11 @@
+import * as React from 'react';
+export var LayoutContext = /*#__PURE__*/React.createContext({
+  siderHook: {
+    addSider: function addSider() {
+      return null;
+    },
+    removeSider: function removeSider() {
+      return null;
+    }
+  }
+});

package/lib/Antd5/layout/hooks/useHasSider.js

@@ -0,0 +1,14 @@
+import toArray from 'rc-util/lib/Children/toArray';
+import Sider from '../Sider';
+export default function useHasSider(siders, children, hasSider) {
+  if (typeof hasSider === 'boolean') {
+    return hasSider;
+  }
+  if (siders.length) {
+    return true;
+  }
+  var childNodes = toArray(children);
+  return childNodes.some(function (node) {
+    return node.type === Sider;
+  });
+}

package/lib/Antd5/layout/index.js

@@ -0,0 +1,9 @@
+import InternalLayout, { Content, Footer, Header } from './layout';
+import Sider, { SiderContext } from './Sider';
+var Layout = InternalLayout;
+Layout.Header = Header;
+Layout.Footer = Footer;
+Layout.Content = Content;
+Layout.Sider = Sider;
+Layout._InternalSiderContext = SiderContext;
+export default Layout;