@chaoswise/ui 3.0.23 → 3.1.0

package/lib/Antd5/color-picker/style/slider.js

@@ -0,0 +1,87 @@
+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 _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 { getTransBg } from './color-block';
+var genSliderStyle = function genSliderStyle(token) {
+  var componentCls = token.componentCls,
+    colorPickerInsetShadow = token.colorPickerInsetShadow,
+    colorBgElevated = token.colorBgElevated,
+    colorFillSecondary = token.colorFillSecondary,
+    lineWidthBold = token.lineWidthBold,
+    colorPickerHandlerSizeSM = token.colorPickerHandlerSizeSM,
+    colorPickerSliderHeight = token.colorPickerSliderHeight,
+    marginSM = token.marginSM,
+    marginXS = token.marginXS;
+  var handleInnerSize = token.calc(colorPickerHandlerSizeSM).sub(token.calc(lineWidthBold).mul(2).equal()).equal();
+  var handleHoverSize = token.calc(colorPickerHandlerSizeSM).add(token.calc(lineWidthBold).mul(2).equal()).equal();
+  var activeHandleStyle = {
+    '&:after': {
+      transform: 'scale(1)',
+      boxShadow: "".concat(colorPickerInsetShadow, ", 0 0 0 1px ").concat(token.colorPrimaryActive)
+    }
+  };
+  return _defineProperty(_defineProperty(_defineProperty({}, "".concat(componentCls, "-slider"), [getTransBg(unit(colorPickerSliderHeight), token.colorFillSecondary), _defineProperty({
+    margin: 0,
+    padding: 0,
+    height: colorPickerSliderHeight,
+    borderRadius: token.calc(colorPickerSliderHeight).div(2).equal(),
+    '&-rail': {
+      height: colorPickerSliderHeight,
+      borderRadius: token.calc(colorPickerSliderHeight).div(2).equal(),
+      boxShadow: colorPickerInsetShadow
+    }
+  }, "& ".concat(componentCls, "-slider-handle"), {
+    width: handleInnerSize,
+    height: handleInnerSize,
+    top: 0,
+    borderRadius: '100%',
+    '&:before': {
+      display: 'block',
+      position: 'absolute',
+      background: 'transparent',
+      left: {
+        _skip_check_: true,
+        value: '50%'
+      },
+      top: '50%',
+      transform: 'translate(-50%, -50%)',
+      width: handleHoverSize,
+      height: handleHoverSize,
+      borderRadius: '100%'
+    },
+    '&:after': {
+      width: colorPickerHandlerSizeSM,
+      height: colorPickerHandlerSizeSM,
+      border: "".concat(unit(lineWidthBold), " solid ").concat(colorBgElevated),
+      boxShadow: "".concat(colorPickerInsetShadow, ", 0 0 0 1px ").concat(colorFillSecondary),
+      outline: 'none',
+      insetInlineStart: token.calc(lineWidthBold).mul(-1).equal(),
+      top: token.calc(lineWidthBold).mul(-1).equal(),
+      background: 'transparent',
+      transition: 'none'
+    },
+    '&:focus': activeHandleStyle
+  })]), "".concat(componentCls, "-slider-container"), _defineProperty({
+    display: 'flex',
+    gap: marginSM,
+    marginBottom: marginSM
+  }, "".concat(componentCls, "-slider-group"), {
+    flex: 1,
+    flexDirection: 'column',
+    justifyContent: 'space-between',
+    display: 'flex',
+    '&-disabled-alpha': {
+      justifyContent: 'center'
+    }
+  })), "".concat(componentCls, "-gradient-slider"), _defineProperty({
+    marginBottom: marginXS
+  }, "& ".concat(componentCls, "-slider-handle"), {
+    '&:after': {
+      transform: 'scale(0.8)'
+    },
+    '&-active, &:focus': activeHandleStyle
+  }));
+};
+export default genSliderStyle;

package/lib/Antd5/color-picker/util.js

@@ -1,18 +1,64 @@
-import { ColorFactory } from './color';
+function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _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 _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
+function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }
+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; }
+import { Color as RcColor } from '@rc-component/color-picker';
+import { AggregationColor } from './color';
 export var generateColor = function generateColor(color) {
-  if (color instanceof ColorFactory) {
+  if (color instanceof AggregationColor) {
     return color;
   }
-  return new ColorFactory(color);
+  return new AggregationColor(color);
 };
 export var getRoundNumber = function getRoundNumber(value) {
   return Math.round(Number(value || 0));
 };
-export var getAlphaColor = function getAlphaColor(color) {
+export var getColorAlpha = function getColorAlpha(color) {
   return getRoundNumber(color.toHsb().a * 100);
 };
+/** Return the color whose `alpha` is 1 */
 export var genAlphaColor = function genAlphaColor(color, alpha) {
-  var hsba = color.toHsb();
-  hsba.a = alpha || 1;
-  return generateColor(hsba);
+  var rgba = color.toRgb();
+  // Color from hsb input may get `rgb` is (0/0/0) when `hsb.b` is 0
+  // So if rgb is empty, we should get from hsb
+  if (!rgba.r && !rgba.g && !rgba.b) {
+    var hsba = color.toHsb();
+    hsba.a = alpha || 1;
+    return generateColor(hsba);
+  }
+  rgba.a = alpha || 1;
+  return generateColor(rgba);
+};
+/**
+ * Get percent position color. e.g. [10%-#fff, 20%-#000], 15% => #888
+ */
+export var getGradientPercentColor = function getGradientPercentColor(colors, percent) {
+  var filledColors = [{
+    percent: 0,
+    color: colors[0].color
+  }].concat(_toConsumableArray(colors), [{
+    percent: 100,
+    color: colors[colors.length - 1].color
+  }]);
+  for (var i = 0; i < filledColors.length - 1; i += 1) {
+    var startPtg = filledColors[i].percent;
+    var endPtg = filledColors[i + 1].percent;
+    var startColor = filledColors[i].color;
+    var endColor = filledColors[i + 1].color;
+    if (startPtg <= percent && percent <= endPtg) {
+      var dist = endPtg - startPtg;
+      if (dist === 0) {
+        return startColor;
+      }
+      var ratio = (percent - startPtg) / dist * 100;
+      var startRcColor = new RcColor(startColor);
+      var endRcColor = new RcColor(endColor);
+      return startRcColor.mix(endRcColor, ratio).toRgbString();
+    }
+  }
+  // This will never reach
+  /* istanbul ignore next */
+  return '';
 };

package/lib/Antd5/config-provider/context.js

@@ -1,10 +1,12 @@
 import * as React from 'react';
+export var defaultPrefixCls = 'ant';
 export var defaultIconPrefixCls = 'anticon';
+export var Variants = ['outlined', 'borderless', 'filled'];
 var defaultGetPrefixCls = function defaultGetPrefixCls(suffixCls, customizePrefixCls) {
   if (customizePrefixCls) {
     return customizePrefixCls;
   }
-  return suffixCls ? "ant-".concat(suffixCls) : 'ant';
+  return suffixCls ? "".concat(defaultPrefixCls, "-").concat(suffixCls) : defaultPrefixCls;
 };
 // zombieJ: 🚨 Do not pass `defaultRenderEmpty` here since it will cause circular dependency.
 export var ConfigContext = /*#__PURE__*/React.createContext({

package/lib/Antd5/config-provider/cssVariables.js

@@ -1,4 +1,3 @@
-/* eslint-disable import/prefer-default-export, prefer-destructuring */
 import { generate } from '@ant-design/colors';
 import { TinyColor } from '@ctrl/tinycolor';
 import canUseDom from 'rc-util/lib/Dom/canUseDom';

package/lib/Antd5/config-provider/defaultRenderEmpty.js

@@ -22,7 +22,14 @@ var DefaultRenderEmpty = function DefaultRenderEmpty(props) {
         image: Empty.PRESENTED_IMAGE_SIMPLE,
         className: "".concat(prefix, "-small")
       });
-    /* istanbul ignore next */
+    /**
+     * This type of component should satisfy the nullish coalescing operator(??) on the left-hand side.
+     * to let the component itself implement the logic.
+     * For example `Table.filter`.
+     */
+    case 'Table.filter':
+      // why `null`? legacy react16 node type `undefined` is not allowed.
+      return null;
     default:
       // Should never hit if we take all the component into consider.
       return _jsx(Empty, {});

package/lib/Antd5/config-provider/index.js

@@ -26,7 +26,7 @@ import LocaleContext from '../locale/context';
 import defaultLocale from '../locale/en_US';
 import { defaultTheme, DesignTokenContext } from '../theme/context';
 import defaultSeedToken from '../theme/themes/seed';
-import { ConfigConsumer, ConfigContext, defaultIconPrefixCls } from './context';
+import { ConfigConsumer, ConfigContext, defaultIconPrefixCls, defaultPrefixCls, Variants } from './context';
 import { registerTheme } from './cssVariables';
 import { DisabledContextProvider } from './DisabledContext';
 import useConfig from './hooks/useConfig';
@@ -35,6 +35,7 @@ import MotionWrapper from './MotionWrapper';
 import PropWarning from './PropWarning';
 import SizeContext, { SizeContextProvider } from './SizeContext';
 import useStyle from './style';
+export { Variants };
 /**
  * Since too many feedback using static method like `Modal.confirm` not getting theme, we record the
  * theme register info here to help developer get warning info.
@@ -44,11 +45,10 @@ export var warnContext = process.env.NODE_ENV !== 'production' ? function (compo
   warning(!existThemeConfig, componentName, "Static function can not consume context like dynamic theme. Please use 'App' component instead.");
 } : /* istanbul ignore next */
 null;
-export { ConfigConsumer, ConfigContext, defaultIconPrefixCls };
+export { ConfigConsumer, ConfigContext, defaultPrefixCls, defaultIconPrefixCls };
 export var configConsumerProps = ['getTargetContainer', 'getPopupContainer', 'rootPrefixCls', 'getPrefixCls', 'renderEmpty', 'csp', 'autoInsertSpaceInButton', 'locale'];
 // These props is used by `useContext` directly in sub component
 var PASSED_PROPS = ['getTargetContainer', 'getPopupContainer', 'renderEmpty', 'input', 'pagination', 'form', 'select', 'button'];
-export var defaultPrefixCls = 'ant';
 var globalPrefixCls;
 var globalIconPrefixCls;
 var globalTheme;
@@ -121,6 +121,7 @@ var ProviderChildren = function ProviderChildren(props) {
     componentSize = props.componentSize,
     direction = props.direction,
     space = props.space,
+    splitter = props.splitter,
     virtual = props.virtual,
     dropdownMatchSelectWidth = props.dropdownMatchSelectWidth,
     popupMatchSelectWidth = props.popupMatchSelectWidth,
@@ -182,7 +183,10 @@ var ProviderChildren = function ProviderChildren(props) {
     dropdown = props.dropdown,
     warningConfig = props.warning,
     tour = props.tour,
-    floatButtonGroup = props.floatButtonGroup;
+    floatButtonGroup = props.floatButtonGroup,
+    variant = props.variant,
+    inputNumber = props.inputNumber,
+    treeSelect = props.treeSelect;
   // =================================== Context ===================================
   var getPrefixCls = React.useCallback(function (suffixCls, customizePrefixCls) {
     var prefixCls = props.prefixCls;
@@ -209,6 +213,7 @@ var ProviderChildren = function ProviderChildren(props) {
     locale: locale || legacyLocale,
     direction: direction,
     space: space,
+    splitter: splitter,
     virtual: virtual,
     popupMatchSelectWidth: popupMatchSelectWidth !== null && popupMatchSelectWidth !== void 0 ? popupMatchSelectWidth : dropdownMatchSelectWidth,
     popupOverflow: popupOverflow,
@@ -267,7 +272,10 @@ var ProviderChildren = function ProviderChildren(props) {
     dropdown: dropdown,
     warning: warningConfig,
     tour: tour,
-    floatButtonGroup: floatButtonGroup
+    floatButtonGroup: floatButtonGroup,
+    variant: variant,
+    inputNumber: inputNumber,
+    treeSelect: treeSelect
   };
   if (process.env.NODE_ENV !== 'production') {
     var warningFn = devUseWarning('ConfigProvider');

package/lib/Antd5/config-provider/style/index.js

@@ -1,2 +1 @@
-// eslint-disable-next-line no-restricted-exports
 export { useResetIconStyle as default } from '../../theme/internal';

package/lib/Antd5/date-picker/PickerButton.js

@@ -7,9 +7,10 @@ function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from 'react';
 import Button from '../button';
-export default function PickerButton(props) {
+var PickerButton = function PickerButton(props) {
   return _jsx(Button, _objectSpread({
     size: "small",
     type: "primary"
   }, props));
-}
+};
+export default PickerButton;

package/lib/Antd5/date-picker/design/behavior-pattern.js

@@ -13,27 +13,27 @@ var BehaviorPattern = function BehaviorPattern() {
         children: [{
           id: '707000085',
           label: '选择某天',
-          link: 'components-date-picker-index-tab-design-zh-cn-demo-pick-date'
+          link: 'date-picker-index-tab-design-zh-cn-demo-pick-date'
         }, {
           id: '707000086',
           label: '选择某周',
-          link: 'components-date-picker-index-tab-design-zh-cn-demo-pick-week'
+          link: 'date-picker-index-tab-design-zh-cn-demo-pick-week'
         }, {
           id: '707000087',
           label: '选择某月',
-          link: 'components-date-picker-index-tab-design-zh-cn-demo-pick-month'
+          link: 'date-picker-index-tab-design-zh-cn-demo-pick-month'
         }, {
           id: '707000088',
           label: '选择某季度',
-          link: 'components-date-picker-index-tab-design-zh-cn-demo-pick-quarter'
+          link: 'date-picker-index-tab-design-zh-cn-demo-pick-quarter'
         }, {
           id: '707000089',
           label: '选择某年',
-          link: 'components-date-picker-index-tab-design-zh-cn-demo-pick-year'
+          link: 'date-picker-index-tab-design-zh-cn-demo-pick-year'
         }, {
           id: '707000090',
           label: '选择某时间',
-          link: 'components-date-picker-index-tab-design-zh-cn-demo-pick-time'
+          link: 'date-picker-index-tab-design-zh-cn-demo-pick-time'
         }]
       }, {
         id: '200000005',
@@ -42,27 +42,27 @@ var BehaviorPattern = function BehaviorPattern() {
         children: [{
           id: '7070000851',
           label: '选择某天至某天',
-          link: 'components-date-picker-index-tab-design-zh-cn-demo-pick-date-range'
+          link: 'date-picker-index-tab-design-zh-cn-demo-pick-date-range'
         }, {
           id: '7070000861',
           label: '选择某周至某周',
-          link: 'components-date-picker-index-tab-design-zh-cn-demo-pick-week-range'
+          link: 'date-picker-index-tab-design-zh-cn-demo-pick-week-range'
         }, {
           id: '7070000871',
           label: '选择某月至某月',
-          link: 'components-date-picker-index-tab-design-zh-cn-demo-pick-month-range'
+          link: 'date-picker-index-tab-design-zh-cn-demo-pick-month-range'
         }, {
           id: '7070000881',
           label: '选择某季度至某季度',
-          link: 'components-date-picker-index-tab-design-zh-cn-demo-pick-quarter-range'
+          link: 'date-picker-index-tab-design-zh-cn-demo-pick-quarter-range'
         }, {
           id: '7070000891',
           label: '选择某年至某年',
-          link: 'components-date-picker-index-tab-design-zh-cn-demo-pick-year-range'
+          link: 'date-picker-index-tab-design-zh-cn-demo-pick-year-range'
         }, {
           id: '7070000901',
           label: '选择某时间至某时间',
-          link: 'components-date-picker-index-tab-design-zh-cn-demo-pick-time-range'
+          link: 'date-picker-index-tab-design-zh-cn-demo-pick-time-range'
         }]
       }, {
         id: '200000006',
@@ -71,17 +71,17 @@ var BehaviorPattern = function BehaviorPattern() {
         children: [{
           id: '70700008912',
           label: '快捷选择时间点',
-          link: 'components-date-picker-index-tab-design-zh-cn-demo-preset-time'
+          link: 'date-picker-index-tab-design-zh-cn-demo-preset-time'
         }, {
           id: '70700009012',
           label: '快捷选择时间段',
-          link: 'components-date-picker-index-tab-design-zh-cn-demo-preset-range'
+          link: 'date-picker-index-tab-design-zh-cn-demo-preset-range'
         }]
       }, {
         id: '200000007',
         label: '查看日期附属信息',
         targetType: 'extension',
-        link: 'components-date-picker-index-tab-design-zh-cn-demo-date-extra-info'
+        link: 'date-picker-index-tab-design-zh-cn-demo-date-extra-info'
       }]
     }
   });

package/lib/Antd5/date-picker/generatePicker/constant.js

@@ -0,0 +1,15 @@
+var WEEK = 'week',
+  WEEKPICKER = 'WeekPicker';
+export { WEEK, WEEKPICKER };
+var MONTH = 'month',
+  MONTHPICKER = 'MonthPicker';
+export { MONTH, MONTHPICKER };
+var YEAR = 'year',
+  YEARPICKER = 'YearPicker';
+export { YEAR, YEARPICKER };
+var QUARTER = 'quarter',
+  QUARTERPICKER = 'QuarterPicker';
+export { QUARTER, QUARTERPICKER };
+var TIME = 'time',
+  TIMEPICKER = 'TimePicker';
+export { TIME, TIMEPICKER };

package/lib/Antd5/date-picker/generatePicker/generateRangePicker.js

@@ -1,5 +1,5 @@
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-var _excluded = ["prefixCls", "getPopupContainer", "components", "className", "style", "placement", "size", "disabled", "bordered", "placeholder", "popupClassName", "dropdownClassName", "status", "rootClassName", "variant"];
+var _excluded = ["prefixCls", "getPopupContainer", "components", "className", "style", "placement", "size", "disabled", "bordered", "placeholder", "popupClassName", "dropdownClassName", "status", "rootClassName", "variant", "picker"];
 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; }
@@ -21,6 +21,7 @@ import ClockCircleOutlined from '@ant-design/icons/ClockCircleOutlined';
 import SwapRightOutlined from '@ant-design/icons/SwapRightOutlined';
 import classNames from 'classnames';
 import { RangePicker as RCRangePicker } from 'rc-picker';
+import ContextIsolator from '../../_util/ContextIsolator';
 import { useZIndex } from '../../_util/hooks/useZIndex';
 import { getMergedStatus, getStatusClassNames } from '../../_util/statusUtils';
 import { devUseWarning } from '../../_util/warning';
@@ -31,12 +32,13 @@ import useSize from '../../config-provider/hooks/useSize';
 import { FormItemInputContext } from '../../form/context';
 import useVariant from '../../form/hooks/useVariants';
 import { useLocale } from '../../locale';
-import { NoCompactStyle, useCompactItemContext } from '../../space/Compact';
+import { useCompactItemContext } from '../../space/Compact';
 import enUS from '../locale/en_US';
 import useStyle from '../style';
-import { getRangePlaceholder, transPlacement2DropdownAlign, useIcons } from '../util';
+import { getRangePlaceholder, useIcons } from '../util';
+import { TIME } from './constant';
 import useComponents from './useComponents';
-export default function generateRangePicker(generateConfig) {
+var generateRangePicker = function generateRangePicker(generateConfig) {
   var RangePicker = /*#__PURE__*/forwardRef(function (props, ref) {
     var _props$popupStyle;
     var customizePrefixCls = props.prefixCls,
@@ -55,6 +57,7 @@ export default function generateRangePicker(generateConfig) {
       customStatus = props.status,
       rootClassName = props.rootClassName,
       customVariant = props.variant,
+      picker = props.picker,
       restProps = _objectWithoutProperties(props, _excluded);
     var innerRef = React.useRef(null);
     var _useContext = useContext(ConfigContext),
@@ -66,9 +69,8 @@ export default function generateRangePicker(generateConfig) {
     var _useCompactItemContex = useCompactItemContext(prefixCls, direction),
       compactSize = _useCompactItemContex.compactSize,
       compactItemClassnames = _useCompactItemContex.compactItemClassnames;
-    var picker = props.picker;
     var rootPrefixCls = getPrefixCls();
-    var _useVariant = useVariant(customVariant, bordered),
+    var _useVariant = useVariant('rangePicker', customVariant, bordered),
       _useVariant2 = _slicedToArray(_useVariant, 2),
       variant = _useVariant2[0],
       enableVariantCls = _useVariant2[1];
@@ -104,7 +106,7 @@ export default function generateRangePicker(generateConfig) {
       contextStatus = formItemContext.status,
       feedbackIcon = formItemContext.feedbackIcon;
     var suffixNode = _jsxs(_Fragment, {
-      children: [picker === 'time' ? _jsx(ClockCircleOutlined, {}) : _jsx(CalendarOutlined, {}), hasFeedback && feedbackIcon]
+      children: [picker === TIME ? _jsx(ClockCircleOutlined, {}) : _jsx(CalendarOutlined, {}), hasFeedback && feedbackIcon]
     });
     useImperativeHandle(ref, function () {
       return innerRef.current;
@@ -117,7 +119,8 @@ export default function generateRangePicker(generateConfig) {
     var _useZIndex = useZIndex('DatePicker', (_props$popupStyle = props.popupStyle) === null || _props$popupStyle === void 0 ? void 0 : _props$popupStyle.zIndex),
       _useZIndex2 = _slicedToArray(_useZIndex, 1),
       zIndex = _useZIndex2[0];
-    return wrapCSSVar(_jsx(NoCompactStyle, {
+    return wrapCSSVar(_jsx(ContextIsolator, {
+      space: true,
       children: _jsx(RCRangePicker, _objectSpread(_objectSpread({
         separator: _jsx("span", {
           "aria-label": "to",
@@ -126,7 +129,7 @@ export default function generateRangePicker(generateConfig) {
         }),
         disabled: mergedDisabled,
         ref: innerRef,
-        popupAlign: transPlacement2DropdownAlign(direction, placement),
+        placement: placement,
         placeholder: getRangePlaceholder(locale, picker, placeholder),
         suffixIcon: suffixNode,
         prevIcon: _jsx("span", {
@@ -141,7 +144,8 @@ export default function generateRangePicker(generateConfig) {
         superNextIcon: _jsx("span", {
           className: "".concat(prefixCls, "-super-next-icon")
         }),
-        transitionName: "".concat(rootPrefixCls, "-slide-up")
+        transitionName: "".concat(rootPrefixCls, "-slide-up"),
+        picker: picker
       }, restProps), {}, {
         className: classNames(_defineProperty(_defineProperty({}, "".concat(prefixCls, "-").concat(mergedSize), mergedSize), "".concat(prefixCls, "-").concat(variant), enableVariantCls), getStatusClassNames(prefixCls, getMergedStatus(contextStatus, customStatus), hasFeedback), hashId, compactItemClassnames, className, rangePicker === null || rangePicker === void 0 ? void 0 : rangePicker.className, cssVarCls, rootCls, rootClassName),
         style: _objectSpread(_objectSpread({}, rangePicker === null || rangePicker === void 0 ? void 0 : rangePicker.style), style),
@@ -167,4 +171,5 @@ export default function generateRangePicker(generateConfig) {
     RangePicker.displayName = 'RangePicker';
   }
   return RangePicker;
-}
+};
+export default generateRangePicker;

package/lib/Antd5/date-picker/generatePicker/generateSinglePicker.js

@@ -20,6 +20,7 @@ import CalendarOutlined from '@ant-design/icons/CalendarOutlined';
 import ClockCircleOutlined from '@ant-design/icons/ClockCircleOutlined';
 import classNames from 'classnames';
 import RCPicker from 'rc-picker';
+import ContextIsolator from '../../_util/ContextIsolator';
 import { useZIndex } from '../../_util/hooks/useZIndex';
 import { getMergedStatus, getStatusClassNames } from '../../_util/statusUtils';
 import { devUseWarning } from '../../_util/warning';
@@ -30,14 +31,15 @@ import useSize from '../../config-provider/hooks/useSize';
 import { FormItemInputContext } from '../../form/context';
 import useVariant from '../../form/hooks/useVariants';
 import { useLocale } from '../../locale';
-import { NoCompactStyle, useCompactItemContext } from '../../space/Compact';
+import { useCompactItemContext } from '../../space/Compact';
 import enUS from '../locale/en_US';
 import useStyle from '../style';
-import { getPlaceholder, transPlacement2DropdownAlign, useIcons } from '../util';
+import { getPlaceholder, useIcons } from '../util';
+import { MONTH, MONTHPICKER, QUARTER, QUARTERPICKER, TIME, TIMEPICKER, WEEK, WEEKPICKER, YEAR, YEARPICKER } from './constant';
 import useComponents from './useComponents';
-export default function generatePicker(generateConfig) {
-  function getPicker(picker, displayName) {
-    var consumerName = displayName === 'TimePicker' ? 'timePicker' : 'datePicker';
+var generatePicker = function generatePicker(generateConfig) {
+  var getPicker = function getPicker(picker, displayName) {
+    var consumerName = displayName === TIMEPICKER ? 'timePicker' : 'datePicker';
     var Picker = /*#__PURE__*/forwardRef(function (props, ref) {
       var _props$popupStyle;
       var customizePrefixCls = props.prefixCls,
@@ -67,7 +69,7 @@ export default function generatePicker(generateConfig) {
         compactSize = _useCompactItemContex.compactSize,
         compactItemClassnames = _useCompactItemContex.compactItemClassnames;
       var innerRef = React.useRef(null);
-      var _useVariant = useVariant(customVariant, bordered),
+      var _useVariant = useVariant('datePicker', customVariant, bordered),
         _useVariant2 = _slicedToArray(_useVariant, 2),
         variant = _useVariant2[0],
         enableVariantCls = _useVariant2[1];
@@ -134,12 +136,13 @@ export default function generatePicker(generateConfig) {
       var _useZIndex = useZIndex('DatePicker', (_props$popupStyle = props.popupStyle) === null || _props$popupStyle === void 0 ? void 0 : _props$popupStyle.zIndex),
         _useZIndex2 = _slicedToArray(_useZIndex, 1),
         zIndex = _useZIndex2[0];
-      return wrapCSSVar(_jsx(NoCompactStyle, {
+      return wrapCSSVar(_jsx(ContextIsolator, {
+        space: true,
         children: _jsx(RCPicker, _objectSpread(_objectSpread(_objectSpread({
           ref: innerRef,
           placeholder: getPlaceholder(locale, mergedPicker, placeholder),
           suffixIcon: suffixNode,
-          dropdownAlign: transPlacement2DropdownAlign(direction, placement),
+          placement: placement,
           prevIcon: _jsx("span", {
             className: "".concat(prefixCls, "-prev-icon")
           }),
@@ -182,13 +185,13 @@ export default function generatePicker(generateConfig) {
       Picker.displayName = displayName;
     }
     return Picker;
-  }
+  };
   var DatePicker = getPicker();
-  var WeekPicker = getPicker('week', 'WeekPicker');
-  var MonthPicker = getPicker('month', 'MonthPicker');
-  var YearPicker = getPicker('year', 'YearPicker');
-  var QuarterPicker = getPicker('quarter', 'QuarterPicker');
-  var TimePicker = getPicker('time', 'TimePicker');
+  var WeekPicker = getPicker(WEEK, WEEKPICKER);
+  var MonthPicker = getPicker(MONTH, MONTHPICKER);
+  var YearPicker = getPicker(YEAR, YEARPICKER);
+  var QuarterPicker = getPicker(QUARTER, QUARTERPICKER);
+  var TimePicker = getPicker(TIME, TIMEPICKER);
   return {
     DatePicker: DatePicker,
     WeekPicker: WeekPicker,
@@ -197,4 +200,5 @@ export default function generatePicker(generateConfig) {
     TimePicker: TimePicker,
     QuarterPicker: QuarterPicker
   };
-}
+};
+export default generatePicker;

package/lib/Antd5/date-picker/generatePicker/index.js

@@ -1,6 +1,6 @@
 import generateRangePicker from './generateRangePicker';
 import generateSinglePicker from './generateSinglePicker';
-function generatePicker(generateConfig) {
+var generatePicker = function generatePicker(generateConfig) {
   // =========================== Picker ===========================
   var _generateSinglePicker = generateSinglePicker(generateConfig),
     DatePicker = _generateSinglePicker.DatePicker,
@@ -22,5 +22,5 @@ function generatePicker(generateConfig) {
     MergedDatePicker.displayName = 'DatePicker';
   }
   return MergedDatePicker;
-}
+};
 export default generatePicker;

package/lib/Antd5/date-picker/generatePicker/interface.js

@@ -1,2 +1,2 @@
-var DataPickerPlacements = ['bottomLeft', 'bottomRight', 'topLeft', 'topRight'];
+var _DataPickerPlacements = ['bottomLeft', 'bottomRight', 'topLeft', 'topRight'];
 export {};

package/lib/Antd5/date-picker/index.js

@@ -1,27 +1,12 @@
-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 dayjsGenerateConfig from 'rc-picker/lib/generate/dayjs';
 import genPurePanel from '../_util/PurePanel';
 import generatePicker from './generatePicker';
-import { transPlacement2DropdownAlign } from './util';
 var DatePicker = generatePicker(dayjsGenerateConfig);
-function postPureProps(props) {
-  var dropdownAlign = transPlacement2DropdownAlign(props.direction, props.placement);
-  dropdownAlign.overflow.adjustY = false;
-  dropdownAlign.overflow.adjustX = false;
-  return _objectSpread(_objectSpread({}, props), {}, {
-    dropdownAlign: dropdownAlign
-  });
-}
 // We don't care debug panel
 /* istanbul ignore next */
-var PurePanel = genPurePanel(DatePicker, 'picker', null, postPureProps);
+var PurePanel = genPurePanel(DatePicker, 'picker', null);
 DatePicker._InternalPanelDoNotUseOrYouWillBeFired = PurePanel;
-var PureRangePanel = genPurePanel(DatePicker.RangePicker, 'picker', null, postPureProps);
+var PureRangePanel = genPurePanel(DatePicker.RangePicker, 'picker', null);
 DatePicker._InternalRangePanelDoNotUseOrYouWillBeFired = PureRangePanel;
 DatePicker.generatePicker = generatePicker;
 export default DatePicker;

package/lib/Antd5/date-picker/locale/ar_EG.js

@@ -10,7 +10,15 @@ import TimePickerLocale from '../../time-picker/locale/ar_EG';
 var locale = {
   lang: _objectSpread({
     placeholder: 'اختيار التاريخ',
-    rangePlaceholder: ['البداية', 'النهاية']
+    rangePlaceholder: ['البداية', 'النهاية'],
+    yearFormat: 'YYYY',
+    dateFormat: 'D/M/YYYY',
+    dayFormat: 'D',
+    dateTimeFormat: 'DD/MM/YYYY HH:mm:ss',
+    monthFormat: 'MMMM',
+    monthBeforeYear: true,
+    shortWeekDays: ['الأحد', 'الإثنين', 'الثلاثاء', 'الأربعاء', 'الخميس', 'الجمعة', 'السبت'],
+    shortMonths: ['يناير', 'فبراير', 'مارس', 'إبريل', 'مايو', 'يونيو', 'يوليو', 'أغسطس', 'سبتمبر', 'أكتوبر', 'نوفمبر', 'ديسمبر']
   }, CalendarLocale),
   timePickerLocale: _objectSpread({}, TimePickerLocale),
   dateFormat: 'DD-MM-YYYY',