@chaoswise/ui 3.0.6 → 3.0.7

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

@@ -0,0 +1,322 @@
+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 { genFocusStyle } from '../../style';
+import { genStyleHooks, mergeToken } from '../../theme/internal';
+import genGroupStyle from './group';
+import { prepareComponentToken, prepareToken } from './token';
+// ============================== Shared ==============================
+var genSharedButtonStyle = function genSharedButtonStyle(token) {
+  var componentCls = token.componentCls,
+    iconCls = token.iconCls,
+    fontWeight = token.fontWeight;
+  return _defineProperty({}, componentCls, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({
+    outline: 'none',
+    position: 'relative',
+    display: 'inline-block',
+    fontWeight: fontWeight,
+    whiteSpace: 'nowrap',
+    textAlign: 'center',
+    backgroundImage: 'none',
+    background: 'transparent',
+    border: "".concat(unit(token.lineWidth), " ").concat(token.lineType, " transparent"),
+    cursor: 'pointer',
+    transition: "all ".concat(token.motionDurationMid, " ").concat(token.motionEaseInOut),
+    userSelect: 'none',
+    touchAction: 'manipulation',
+    color: token.colorText,
+    '&:disabled > *': {
+      pointerEvents: 'none'
+    },
+    '> span': {
+      display: 'inline-block'
+    }
+  }, "".concat(componentCls, "-icon"), _defineProperty({
+    lineHeight: 0
+  }, "&-end", {
+    marginInlineStart: token.marginXS
+  })), "> ".concat(iconCls, " + span, > span + ").concat(iconCls), {
+    marginInlineStart: token.marginXS
+  }), "&:not(".concat(componentCls, "-icon-only) > ").concat(componentCls, "-icon"), _defineProperty(_defineProperty({}, "&".concat(componentCls, "-loading-icon, &:not(:last-child)"), {
+    marginInlineEnd: token.marginXS
+  }), "&".concat(componentCls, "-loading-icon-end"), {
+    marginInlineStart: token.marginXS
+  })), '> a', {
+    color: 'currentColor'
+  }), '&:not(:disabled)', _objectSpread({}, genFocusStyle(token))), "&".concat(componentCls, "-two-chinese-chars::first-letter"), {
+    letterSpacing: '0.34em'
+  }), "&".concat(componentCls, "-two-chinese-chars > *:not(").concat(iconCls, ")"), {
+    marginInlineEnd: '-0.34em',
+    letterSpacing: '0.34em'
+  }), "&-icon-only".concat(componentCls, "-compact-item"), {
+    flex: 'none'
+  }));
+};
+var genHoverActiveButtonStyle = function genHoverActiveButtonStyle(btnCls, hoverStyle, activeStyle) {
+  return _defineProperty({}, "&:not(:disabled):not(".concat(btnCls, "-disabled)"), {
+    '&:hover': hoverStyle,
+    '&:active': activeStyle
+  });
+};
+// ============================== Shape ===============================
+var genCircleButtonStyle = function genCircleButtonStyle(token) {
+  return {
+    minWidth: token.controlHeight,
+    paddingInlineStart: 0,
+    paddingInlineEnd: 0,
+    borderRadius: '50%'
+  };
+};
+var genRoundButtonStyle = function genRoundButtonStyle(token) {
+  return {
+    borderRadius: token.controlHeight,
+    paddingInlineStart: token.calc(token.controlHeight).div(2).equal(),
+    paddingInlineEnd: token.calc(token.controlHeight).div(2).equal()
+  };
+};
+// =============================== Type ===============================
+var genDisabledStyle = function genDisabledStyle(token) {
+  return {
+    cursor: 'not-allowed',
+    borderColor: token.borderColorDisabled,
+    color: token.colorTextDisabled,
+    background: token.colorBgContainerDisabled,
+    boxShadow: 'none'
+  };
+};
+var genGhostButtonStyle = function genGhostButtonStyle(btnCls, background, textColor, borderColor, textColorDisabled, borderColorDisabled, hoverStyle, activeStyle) {
+  return _defineProperty({}, "&".concat(btnCls, "-background-ghost"), _objectSpread(_objectSpread({
+    color: textColor || undefined,
+    background: background,
+    borderColor: borderColor || undefined,
+    boxShadow: 'none'
+  }, genHoverActiveButtonStyle(btnCls, _objectSpread({
+    background: background
+  }, hoverStyle), _objectSpread({
+    background: background
+  }, activeStyle))), {}, {
+    '&:disabled': {
+      cursor: 'not-allowed',
+      color: textColorDisabled || undefined,
+      borderColor: borderColorDisabled || undefined
+    }
+  }));
+};
+var genSolidDisabledButtonStyle = function genSolidDisabledButtonStyle(token) {
+  return _defineProperty({}, "&:disabled, &".concat(token.componentCls, "-disabled"), _objectSpread({}, genDisabledStyle(token)));
+};
+var genSolidButtonStyle = function genSolidButtonStyle(token) {
+  return _objectSpread({}, genSolidDisabledButtonStyle(token));
+};
+var genPureDisabledButtonStyle = function genPureDisabledButtonStyle(token) {
+  return _defineProperty({}, "&:disabled, &".concat(token.componentCls, "-disabled"), {
+    cursor: 'not-allowed',
+    color: token.colorTextDisabled
+  });
+};
+// Type: Default
+var genDefaultButtonStyle = function genDefaultButtonStyle(token) {
+  return _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, genSolidButtonStyle(token)), {}, {
+    background: token.defaultBg,
+    borderColor: token.defaultBorderColor,
+    color: token.defaultColor,
+    boxShadow: token.defaultShadow
+  }, genHoverActiveButtonStyle(token.componentCls, {
+    color: token.defaultHoverColor,
+    borderColor: token.defaultHoverBorderColor,
+    background: token.defaultHoverBg
+  }, {
+    color: token.defaultActiveColor,
+    borderColor: token.defaultActiveBorderColor,
+    background: token.defaultActiveBg
+  })), genGhostButtonStyle(token.componentCls, token.ghostBg, token.defaultGhostColor, token.defaultGhostBorderColor, token.colorTextDisabled, token.colorBorder)), {}, _defineProperty({}, "&".concat(token.componentCls, "-dangerous"), _objectSpread(_objectSpread(_objectSpread({
+    color: token.colorError,
+    borderColor: token.colorError
+  }, genHoverActiveButtonStyle(token.componentCls, {
+    color: token.colorErrorHover,
+    borderColor: token.colorErrorBorderHover
+  }, {
+    color: token.colorErrorActive,
+    borderColor: token.colorErrorActive
+  })), genGhostButtonStyle(token.componentCls, token.ghostBg, token.colorError, token.colorError, token.colorTextDisabled, token.colorBorder)), genSolidDisabledButtonStyle(token))));
+};
+// Type: Primary
+var genPrimaryButtonStyle = function genPrimaryButtonStyle(token) {
+  return _objectSpread(_objectSpread(_objectSpread(_objectSpread({}, genSolidButtonStyle(token)), {}, {
+    color: token.primaryColor,
+    background: token.colorPrimary,
+    boxShadow: token.primaryShadow
+  }, genHoverActiveButtonStyle(token.componentCls, {
+    color: token.colorTextLightSolid,
+    background: token.colorPrimaryHover
+  }, {
+    color: token.colorTextLightSolid,
+    background: token.colorPrimaryActive
+  })), genGhostButtonStyle(token.componentCls, token.ghostBg, token.colorPrimary, token.colorPrimary, token.colorTextDisabled, token.colorBorder, {
+    color: token.colorPrimaryHover,
+    borderColor: token.colorPrimaryHover
+  }, {
+    color: token.colorPrimaryActive,
+    borderColor: token.colorPrimaryActive
+  })), {}, _defineProperty({}, "&".concat(token.componentCls, "-dangerous"), _objectSpread(_objectSpread(_objectSpread({
+    background: token.colorError,
+    boxShadow: token.dangerShadow,
+    color: token.dangerColor
+  }, genHoverActiveButtonStyle(token.componentCls, {
+    background: token.colorErrorHover
+  }, {
+    background: token.colorErrorActive
+  })), genGhostButtonStyle(token.componentCls, token.ghostBg, token.colorError, token.colorError, token.colorTextDisabled, token.colorBorder, {
+    color: token.colorErrorHover,
+    borderColor: token.colorErrorHover
+  }, {
+    color: token.colorErrorActive,
+    borderColor: token.colorErrorActive
+  })), genSolidDisabledButtonStyle(token))));
+};
+// Type: Dashed
+var genDashedButtonStyle = function genDashedButtonStyle(token) {
+  return _objectSpread(_objectSpread({}, genDefaultButtonStyle(token)), {}, {
+    borderStyle: 'dashed'
+  });
+};
+// Type: Link
+var genLinkButtonStyle = function genLinkButtonStyle(token) {
+  return _objectSpread(_objectSpread(_objectSpread({
+    color: token.colorLink
+  }, genHoverActiveButtonStyle(token.componentCls, {
+    color: token.colorLinkHover,
+    background: token.linkHoverBg
+  }, {
+    color: token.colorLinkActive
+  })), genPureDisabledButtonStyle(token)), {}, _defineProperty({}, "&".concat(token.componentCls, "-dangerous"), _objectSpread(_objectSpread({
+    color: token.colorError
+  }, genHoverActiveButtonStyle(token.componentCls, {
+    color: token.colorErrorHover
+  }, {
+    color: token.colorErrorActive
+  })), genPureDisabledButtonStyle(token))));
+};
+// Type: Text
+var genTextButtonStyle = function genTextButtonStyle(token) {
+  return _objectSpread(_objectSpread(_objectSpread({}, genHoverActiveButtonStyle(token.componentCls, {
+    color: token.colorText,
+    background: token.textHoverBg
+  }, {
+    color: token.colorText,
+    background: token.colorBgTextActive
+  })), genPureDisabledButtonStyle(token)), {}, _defineProperty({}, "&".concat(token.componentCls, "-dangerous"), _objectSpread(_objectSpread({
+    color: token.colorError
+  }, genPureDisabledButtonStyle(token)), genHoverActiveButtonStyle(token.componentCls, {
+    color: token.colorErrorHover,
+    background: token.colorErrorBg
+  }, {
+    color: token.colorErrorHover,
+    background: token.colorErrorBgActive
+  }))));
+};
+var genTypeButtonStyle = function genTypeButtonStyle(token) {
+  var componentCls = token.componentCls;
+  return _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(componentCls, "-default"), genDefaultButtonStyle(token)), "".concat(componentCls, "-primary"), genPrimaryButtonStyle(token)), "".concat(componentCls, "-dashed"), genDashedButtonStyle(token)), "".concat(componentCls, "-link"), genLinkButtonStyle(token)), "".concat(componentCls, "-text"), genTextButtonStyle(token)), "".concat(componentCls, "-ghost"), genGhostButtonStyle(token.componentCls, token.ghostBg, token.colorBgContainer, token.colorBgContainer, token.colorTextDisabled, token.colorBorder));
+};
+// =============================== Size ===============================
+var genButtonStyle = function genButtonStyle(token) {
+  var prefixCls = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
+  var componentCls = token.componentCls,
+    controlHeight = token.controlHeight,
+    fontSize = token.fontSize,
+    lineHeight = token.lineHeight,
+    borderRadius = token.borderRadius,
+    buttonPaddingHorizontal = token.buttonPaddingHorizontal,
+    iconCls = token.iconCls,
+    buttonPaddingVertical = token.buttonPaddingVertical;
+  var iconOnlyCls = "".concat(componentCls, "-icon-only");
+  return [_defineProperty({}, "".concat(prefixCls), _defineProperty(_defineProperty(_defineProperty({
+    fontSize: fontSize,
+    lineHeight: lineHeight,
+    height: controlHeight,
+    padding: "".concat(unit(buttonPaddingVertical), " ").concat(unit(buttonPaddingHorizontal)),
+    borderRadius: borderRadius
+  }, "&".concat(iconOnlyCls), _defineProperty(_defineProperty({
+    display: 'inline-flex',
+    alignItems: 'center',
+    justifyContent: 'center',
+    width: controlHeight,
+    paddingInlineStart: 0,
+    paddingInlineEnd: 0
+  }, "&".concat(componentCls, "-round"), {
+    width: 'auto'
+  }), iconCls, {
+    fontSize: token.buttonIconOnlyFontSize
+  })), "&".concat(componentCls, "-loading"), {
+    opacity: token.opacityLoading,
+    cursor: 'default'
+  }), "".concat(componentCls, "-loading-icon"), {
+    transition: "width ".concat(token.motionDurationSlow, " ").concat(token.motionEaseInOut, ", opacity ").concat(token.motionDurationSlow, " ").concat(token.motionEaseInOut)
+  })), // Shape - patch prefixCls again to override solid border radius style
+  _defineProperty({}, "".concat(componentCls).concat(componentCls, "-circle").concat(prefixCls), genCircleButtonStyle(token)), _defineProperty({}, "".concat(componentCls).concat(componentCls, "-round").concat(prefixCls), genRoundButtonStyle(token))];
+};
+var genSizeBaseButtonStyle = function genSizeBaseButtonStyle(token) {
+  var baseToken = mergeToken(token, {
+    fontSize: token.contentFontSize,
+    lineHeight: token.contentLineHeight
+  });
+  return genButtonStyle(baseToken, token.componentCls);
+};
+var genSizeSmallButtonStyle = function genSizeSmallButtonStyle(token) {
+  var smallToken = mergeToken(token, {
+    controlHeight: token.controlHeightSM,
+    fontSize: token.contentFontSizeSM,
+    lineHeight: token.contentLineHeightSM,
+    padding: token.paddingXS,
+    buttonPaddingHorizontal: token.paddingInlineSM,
+    buttonPaddingVertical: token.paddingBlockSM,
+    borderRadius: token.borderRadiusSM,
+    buttonIconOnlyFontSize: token.onlyIconSizeSM
+  });
+  return genButtonStyle(smallToken, "".concat(token.componentCls, "-sm"));
+};
+var genSizeLargeButtonStyle = function genSizeLargeButtonStyle(token) {
+  var largeToken = mergeToken(token, {
+    controlHeight: token.controlHeightLG,
+    fontSize: token.contentFontSizeLG,
+    lineHeight: token.contentLineHeightLG,
+    buttonPaddingHorizontal: token.paddingInlineLG,
+    buttonPaddingVertical: token.paddingBlockLG,
+    borderRadius: token.borderRadiusLG,
+    buttonIconOnlyFontSize: token.onlyIconSizeLG
+  });
+  return genButtonStyle(largeToken, "".concat(token.componentCls, "-lg"));
+};
+var genBlockButtonStyle = function genBlockButtonStyle(token) {
+  var componentCls = token.componentCls;
+  return _defineProperty({}, componentCls, _defineProperty({}, "&".concat(componentCls, "-block"), {
+    width: '100%'
+  }));
+};
+// ============================== Export ==============================
+export default genStyleHooks('Button', function (token) {
+  var buttonToken = prepareToken(token);
+  return [
+  // Shared
+  genSharedButtonStyle(buttonToken),
+  // Size
+  genSizeBaseButtonStyle(buttonToken), genSizeSmallButtonStyle(buttonToken), genSizeLargeButtonStyle(buttonToken),
+  // Block
+  genBlockButtonStyle(buttonToken),
+  // Group (type, ghost, danger, loading)
+  genTypeButtonStyle(buttonToken),
+  // Button Group
+  genGroupStyle(buttonToken)];
+}, prepareComponentToken, {
+  unitless: {
+    fontWeight: true,
+    contentLineHeight: true,
+    contentLineHeightSM: true,
+    contentLineHeightLG: true
+  }
+});

package/lib/Antd5/button/style/token.js

@@ -0,0 +1,61 @@
+import { getLineHeight, mergeToken } from '../../theme/internal';
+export var prepareToken = function prepareToken(token) {
+  var paddingInline = token.paddingInline,
+    onlyIconSize = token.onlyIconSize,
+    paddingBlock = token.paddingBlock;
+  var buttonToken = mergeToken(token, {
+    buttonPaddingHorizontal: paddingInline,
+    buttonPaddingVertical: paddingBlock,
+    buttonIconOnlyFontSize: onlyIconSize
+  });
+  return buttonToken;
+};
+export var prepareComponentToken = function prepareComponentToken(token) {
+  var _token$contentFontSiz, _token$contentFontSiz2, _token$contentFontSiz3, _token$contentLineHei, _token$contentLineHei2, _token$contentLineHei3;
+  var contentFontSize = (_token$contentFontSiz = token.contentFontSize) !== null && _token$contentFontSiz !== void 0 ? _token$contentFontSiz : token.fontSize;
+  var contentFontSizeSM = (_token$contentFontSiz2 = token.contentFontSizeSM) !== null && _token$contentFontSiz2 !== void 0 ? _token$contentFontSiz2 : token.fontSize;
+  var contentFontSizeLG = (_token$contentFontSiz3 = token.contentFontSizeLG) !== null && _token$contentFontSiz3 !== void 0 ? _token$contentFontSiz3 : token.fontSizeLG;
+  var contentLineHeight = (_token$contentLineHei = token.contentLineHeight) !== null && _token$contentLineHei !== void 0 ? _token$contentLineHei : getLineHeight(contentFontSize);
+  var contentLineHeightSM = (_token$contentLineHei2 = token.contentLineHeightSM) !== null && _token$contentLineHei2 !== void 0 ? _token$contentLineHei2 : getLineHeight(contentFontSizeSM);
+  var contentLineHeightLG = (_token$contentLineHei3 = token.contentLineHeightLG) !== null && _token$contentLineHei3 !== void 0 ? _token$contentLineHei3 : getLineHeight(contentFontSizeLG);
+  return {
+    fontWeight: 400,
+    defaultShadow: "0 ".concat(token.controlOutlineWidth, "px 0 ").concat(token.controlTmpOutline),
+    primaryShadow: "0 ".concat(token.controlOutlineWidth, "px 0 ").concat(token.controlOutline),
+    dangerShadow: "0 ".concat(token.controlOutlineWidth, "px 0 ").concat(token.colorErrorOutline),
+    primaryColor: token.colorTextLightSolid,
+    dangerColor: token.colorTextLightSolid,
+    borderColorDisabled: token.colorBorder,
+    defaultGhostColor: token.colorBgContainer,
+    ghostBg: 'transparent',
+    defaultGhostBorderColor: token.colorBgContainer,
+    paddingInline: token.paddingContentHorizontal - token.lineWidth,
+    paddingInlineLG: token.paddingContentHorizontal - token.lineWidth,
+    paddingInlineSM: 8 - token.lineWidth,
+    onlyIconSize: token.fontSizeLG,
+    onlyIconSizeSM: token.fontSizeLG - 2,
+    onlyIconSizeLG: token.fontSizeLG + 2,
+    groupBorderColor: token.colorPrimaryHover,
+    linkHoverBg: 'transparent',
+    textHoverBg: token.colorBgTextHover,
+    defaultColor: token.colorText,
+    defaultBg: token.colorBgContainer,
+    defaultBorderColor: token.colorBorder,
+    defaultBorderColorDisabled: token.colorBorder,
+    defaultHoverBg: token.colorBgContainer,
+    defaultHoverColor: token.colorPrimaryHover,
+    defaultHoverBorderColor: token.colorPrimaryHover,
+    defaultActiveBg: token.colorBgContainer,
+    defaultActiveColor: token.colorPrimaryActive,
+    defaultActiveBorderColor: token.colorPrimaryActive,
+    contentFontSize: contentFontSize,
+    contentFontSizeSM: contentFontSizeSM,
+    contentFontSizeLG: contentFontSizeLG,
+    contentLineHeight: contentLineHeight,
+    contentLineHeightSM: contentLineHeightSM,
+    contentLineHeightLG: contentLineHeightLG,
+    paddingBlock: Math.max((token.controlHeight - contentFontSize * contentLineHeight) / 2 - token.lineWidth, 0),
+    paddingBlockSM: Math.max((token.controlHeightSM - contentFontSizeSM * contentLineHeightSM) / 2 - token.lineWidth, 0),
+    paddingBlockLG: Math.max((token.controlHeightLG - contentFontSizeLG * contentLineHeightLG) / 2 - token.lineWidth, 0)
+  };
+};

package/lib/Antd5/calendar/Header.js

@@ -0,0 +1,176 @@
+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, jsxs as _jsxs } from "react/jsx-runtime";
+import * as React from 'react';
+import { useContext, useMemo } from 'react';
+import { FormItemInputContext } from '../form/context';
+import { Button, Group } from '../radio';
+import Select from '../select';
+var YearSelectOffset = 10;
+var YearSelectTotal = 20;
+function YearSelect(props) {
+  var fullscreen = props.fullscreen,
+    validRange = props.validRange,
+    generateConfig = props.generateConfig,
+    locale = props.locale,
+    prefixCls = props.prefixCls,
+    value = props.value,
+    _onChange = props.onChange,
+    divRef = props.divRef;
+  var year = generateConfig.getYear(value || generateConfig.getNow());
+  var start = year - YearSelectOffset;
+  var end = start + YearSelectTotal;
+  if (validRange) {
+    start = generateConfig.getYear(validRange[0]);
+    end = generateConfig.getYear(validRange[1]) + 1;
+  }
+  var suffix = locale && locale.year === '年' ? '年' : '';
+  var options = [];
+  for (var index = start; index < end; index++) {
+    options.push({
+      label: "".concat(index).concat(suffix),
+      value: index
+    });
+  }
+  return _jsx(Select, {
+    size: fullscreen ? undefined : 'small',
+    options: options,
+    value: year,
+    className: "".concat(prefixCls, "-year-select"),
+    onChange: function onChange(numYear) {
+      var newDate = generateConfig.setYear(value, numYear);
+      if (validRange) {
+        var _validRange = _slicedToArray(validRange, 2),
+          startDate = _validRange[0],
+          endDate = _validRange[1];
+        var newYear = generateConfig.getYear(newDate);
+        var newMonth = generateConfig.getMonth(newDate);
+        if (newYear === generateConfig.getYear(endDate) && newMonth > generateConfig.getMonth(endDate)) {
+          newDate = generateConfig.setMonth(newDate, generateConfig.getMonth(endDate));
+        }
+        if (newYear === generateConfig.getYear(startDate) && newMonth < generateConfig.getMonth(startDate)) {
+          newDate = generateConfig.setMonth(newDate, generateConfig.getMonth(startDate));
+        }
+      }
+      _onChange(newDate);
+    },
+    getPopupContainer: function getPopupContainer() {
+      return divRef.current;
+    }
+  });
+}
+function MonthSelect(props) {
+  var prefixCls = props.prefixCls,
+    fullscreen = props.fullscreen,
+    validRange = props.validRange,
+    value = props.value,
+    generateConfig = props.generateConfig,
+    locale = props.locale,
+    _onChange2 = props.onChange,
+    divRef = props.divRef;
+  var month = generateConfig.getMonth(value || generateConfig.getNow());
+  var start = 0;
+  var end = 11;
+  if (validRange) {
+    var _validRange2 = _slicedToArray(validRange, 2),
+      rangeStart = _validRange2[0],
+      rangeEnd = _validRange2[1];
+    var currentYear = generateConfig.getYear(value);
+    if (generateConfig.getYear(rangeEnd) === currentYear) {
+      end = generateConfig.getMonth(rangeEnd);
+    }
+    if (generateConfig.getYear(rangeStart) === currentYear) {
+      start = generateConfig.getMonth(rangeStart);
+    }
+  }
+  var months = locale.shortMonths || generateConfig.locale.getShortMonths(locale.locale);
+  var options = [];
+  for (var index = start; index <= end; index += 1) {
+    options.push({
+      label: months[index],
+      value: index
+    });
+  }
+  return _jsx(Select, {
+    size: fullscreen ? undefined : 'small',
+    className: "".concat(prefixCls, "-month-select"),
+    value: month,
+    options: options,
+    onChange: function onChange(newMonth) {
+      _onChange2(generateConfig.setMonth(value, newMonth));
+    },
+    getPopupContainer: function getPopupContainer() {
+      return divRef.current;
+    }
+  });
+}
+function ModeSwitch(props) {
+  var prefixCls = props.prefixCls,
+    locale = props.locale,
+    mode = props.mode,
+    fullscreen = props.fullscreen,
+    onModeChange = props.onModeChange;
+  return _jsxs(Group, {
+    onChange: function onChange(_ref) {
+      var value = _ref.target.value;
+      onModeChange(value);
+    },
+    value: mode,
+    size: fullscreen ? undefined : 'small',
+    className: "".concat(prefixCls, "-mode-switch"),
+    children: [_jsx(Button, {
+      value: "month",
+      children: locale.month
+    }), _jsx(Button, {
+      value: "year",
+      children: locale.year
+    })]
+  });
+}
+function CalendarHeader(props) {
+  var prefixCls = props.prefixCls,
+    fullscreen = props.fullscreen,
+    mode = props.mode,
+    _onChange3 = props.onChange,
+    onModeChange = props.onModeChange;
+  var divRef = React.useRef(null);
+  var formItemInputContext = useContext(FormItemInputContext);
+  var mergedFormItemInputContext = useMemo(function () {
+    return _objectSpread(_objectSpread({}, formItemInputContext), {}, {
+      isFormItemInput: false
+    });
+  }, [formItemInputContext]);
+  var sharedProps = _objectSpread(_objectSpread({}, props), {}, {
+    fullscreen: fullscreen,
+    divRef: divRef
+  });
+  return _jsxs("div", {
+    className: "".concat(prefixCls, "-header"),
+    ref: divRef,
+    children: [_jsxs(FormItemInputContext.Provider, {
+      value: mergedFormItemInputContext,
+      children: [_jsx(YearSelect, _objectSpread(_objectSpread({}, sharedProps), {}, {
+        onChange: function onChange(v) {
+          _onChange3(v, 'year');
+        }
+      })), mode === 'month' && _jsx(MonthSelect, _objectSpread(_objectSpread({}, sharedProps), {}, {
+        onChange: function onChange(v) {
+          _onChange3(v, 'month');
+        }
+      }))]
+    }), _jsx(ModeSwitch, _objectSpread(_objectSpread({}, sharedProps), {}, {
+      onModeChange: onModeChange
+    }))]
+  });
+}
+export default CalendarHeader;