@chaoswise/ui 3.1.6 → 3.1.8

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", "picker"];
+var _excluded = ["prefixCls", "getPopupContainer", "components", "className", "style", "placement", "size", "disabled", "bordered", "placeholder", "popupStyle", "popupClassName", "dropdownClassName", "status", "rootClassName", "variant", "picker", "styles", "classNames"];
 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; }
@@ -19,7 +19,7 @@ import { forwardRef, useContext, useImperativeHandle } from 'react';
 import CalendarOutlined from '@ant-design/icons/CalendarOutlined';
 import ClockCircleOutlined from '@ant-design/icons/ClockCircleOutlined';
 import SwapRightOutlined from '@ant-design/icons/SwapRightOutlined';
-import classNames from 'classnames';
+import cls from 'classnames';
 import { RangePicker as RCRangePicker } from 'rc-picker';
 import ContextIsolator from '../../_util/ContextIsolator';
 import { useZIndex } from '../../_util/hooks/useZIndex';
@@ -38,9 +38,10 @@ import useStyle from '../style';
 import { getRangePlaceholder, useIcons } from '../util';
 import { TIME } from './constant';
 import useComponents from './useComponents';
+import useMergedPickerSemantic from '../hooks/useMergedPickerSemantic';
 var generateRangePicker = function generateRangePicker(generateConfig) {
   var RangePicker = /*#__PURE__*/forwardRef(function (props, ref) {
-    var _props$popupStyle;
+    var _mergedStyles$popup$r;
     var customizePrefixCls = props.prefixCls,
       customGetPopupContainer = props.getPopupContainer,
       components = props.components,
@@ -52,13 +53,17 @@ var generateRangePicker = function generateRangePicker(generateConfig) {
       _props$bordered = props.bordered,
       bordered = _props$bordered === void 0 ? true : _props$bordered,
       placeholder = props.placeholder,
+      popupStyle = props.popupStyle,
       popupClassName = props.popupClassName,
       dropdownClassName = props.dropdownClassName,
       customStatus = props.status,
       rootClassName = props.rootClassName,
       customVariant = props.variant,
       picker = props.picker,
+      styles = props.styles,
+      classNames = props.classNames,
       restProps = _objectWithoutProperties(props, _excluded);
+    var pickerType = picker === TIME ? 'timePicker' : 'datePicker';
     var innerRef = React.useRef(null);
     var _useContext = useContext(ConfigContext),
       getPrefixCls = _useContext.getPrefixCls,
@@ -83,9 +88,25 @@ var generateRangePicker = function generateRangePicker(generateConfig) {
     // =================== Warning =====================
     if (process.env.NODE_ENV !== 'production') {
       var warning = devUseWarning('DatePicker.RangePicker');
-      warning.deprecated(!dropdownClassName, 'dropdownClassName', 'popupClassName');
-      warning.deprecated(!('bordered' in props), 'bordered', 'variant');
+      // ==================== Deprecated =====================
+      var deprecatedProps = {
+        dropdownClassName: 'classNames.popup.root',
+        popupClassName: 'classNames.popup.root',
+        popupStyle: 'styles.popup.root',
+        bordered: 'variant',
+        onSelect: 'onCalendarChange'
+      };
+      Object.entries(deprecatedProps).forEach(function (_ref) {
+        var _ref2 = _slicedToArray(_ref, 2),
+          oldProp = _ref2[0],
+          newProp = _ref2[1];
+        warning.deprecated(!(oldProp in props), oldProp, newProp);
+      });
     }
+    var _useMergedPickerSeman = useMergedPickerSemantic(pickerType, classNames, styles, popupClassName || dropdownClassName, popupStyle),
+      _useMergedPickerSeman2 = _slicedToArray(_useMergedPickerSeman, 2),
+      mergedClassNames = _useMergedPickerSeman2[0],
+      mergedStyles = _useMergedPickerSeman2[1];
     // ===================== Icon =====================
     var _useIcons = useIcons(props, prefixCls),
       _useIcons2 = _slicedToArray(_useIcons, 1),
@@ -94,8 +115,8 @@ var generateRangePicker = function generateRangePicker(generateConfig) {
     var mergedComponents = useComponents(components);
     // ===================== Size =====================
     var mergedSize = useSize(function (ctx) {
-      var _ref;
-      return (_ref = customizeSize !== null && customizeSize !== void 0 ? customizeSize : compactSize) !== null && _ref !== void 0 ? _ref : ctx;
+      var _ref3;
+      return (_ref3 = customizeSize !== null && customizeSize !== void 0 ? customizeSize : compactSize) !== null && _ref3 !== void 0 ? _ref3 : ctx;
     });
     // ===================== Disabled =====================
     var disabled = React.useContext(DisabledContext);
@@ -116,7 +137,7 @@ var generateRangePicker = function generateRangePicker(generateConfig) {
       contextLocale = _useLocale2[0];
     var locale = _objectSpread(_objectSpread({}, contextLocale), props.locale);
     // ============================ zIndex ============================
-    var _useZIndex = useZIndex('DatePicker', (_props$popupStyle = props.popupStyle) === null || _props$popupStyle === void 0 ? void 0 : _props$popupStyle.zIndex),
+    var _useZIndex = useZIndex('DatePicker', (_mergedStyles$popup$r = mergedStyles.popup.root) === null || _mergedStyles$popup$r === void 0 ? void 0 : _mergedStyles$popup$r.zIndex),
       _useZIndex2 = _slicedToArray(_useZIndex, 1),
       zIndex = _useZIndex2[0];
     return wrapCSSVar(_jsx(ContextIsolator, {
@@ -147,8 +168,8 @@ var generateRangePicker = function generateRangePicker(generateConfig) {
         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),
+        className: cls(_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, mergedClassNames.root),
+        style: _objectSpread(_objectSpread(_objectSpread({}, rangePicker === null || rangePicker === void 0 ? void 0 : rangePicker.style), style), mergedStyles.root),
         locale: locale.lang,
         prefixCls: prefixCls,
         getPopupContainer: customGetPopupContainer || getPopupContainer,
@@ -156,10 +177,10 @@ var generateRangePicker = function generateRangePicker(generateConfig) {
         components: mergedComponents,
         direction: direction,
         classNames: {
-          popup: classNames(hashId, popupClassName || dropdownClassName, cssVarCls, rootCls, rootClassName)
+          popup: cls(hashId, cssVarCls, rootCls, rootClassName, mergedClassNames.popup.root)
         },
         styles: {
-          popup: _objectSpread(_objectSpread({}, props.popupStyle), {}, {
+          popup: _objectSpread(_objectSpread({}, mergedStyles.popup.root), {}, {
             zIndex: zIndex
           })
         },

package/lib/Antd5/date-picker/generatePicker/generateSinglePicker.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", "style", "className", "rootClassName", "size", "bordered", "placement", "placeholder", "popupClassName", "dropdownClassName", "disabled", "status", "variant", "onCalendarChange"];
+var _excluded = ["prefixCls", "getPopupContainer", "components", "style", "className", "rootClassName", "size", "bordered", "placement", "placeholder", "popupStyle", "popupClassName", "dropdownClassName", "disabled", "status", "variant", "onCalendarChange", "styles", "classNames"];
 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; }
@@ -18,7 +18,7 @@ import * as React from 'react';
 import { forwardRef, useContext, useImperativeHandle } from 'react';
 import CalendarOutlined from '@ant-design/icons/CalendarOutlined';
 import ClockCircleOutlined from '@ant-design/icons/ClockCircleOutlined';
-import classNames from 'classnames';
+import cls from 'classnames';
 import RCPicker from 'rc-picker';
 import ContextIsolator from '../../_util/ContextIsolator';
 import { useZIndex } from '../../_util/hooks/useZIndex';
@@ -37,11 +37,12 @@ import useStyle from '../style';
 import { getPlaceholder, useIcons } from '../util';
 import { MONTH, MONTHPICKER, QUARTER, QUARTERPICKER, TIME, TIMEPICKER, WEEK, WEEKPICKER, YEAR, YEARPICKER } from './constant';
 import useComponents from './useComponents';
+import useMergedPickerSemantic from '../hooks/useMergedPickerSemantic';
 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 _mergedStyles$popup$r;
       var customizePrefixCls = props.prefixCls,
         customizeGetPopupContainer = props.getPopupContainer,
         components = props.components,
@@ -52,12 +53,15 @@ var generatePicker = function generatePicker(generateConfig) {
         bordered = props.bordered,
         placement = props.placement,
         placeholder = props.placeholder,
+        popupStyle = props.popupStyle,
         popupClassName = props.popupClassName,
         dropdownClassName = props.dropdownClassName,
         customDisabled = props.disabled,
         customStatus = props.status,
         customVariant = props.variant,
         onCalendarChange = props.onCalendarChange,
+        styles = props.styles,
+        classNames = props.classNames,
         restProps = _objectWithoutProperties(props, _excluded);
       var _useContext = useContext(ConfigContext),
         getPrefixCls = _useContext.getPrefixCls,
@@ -101,10 +105,25 @@ var generatePicker = function generatePicker(generateConfig) {
       if (process.env.NODE_ENV !== 'production') {
         var warning = devUseWarning(displayName || 'DatePicker');
         warning(picker !== 'quarter', 'deprecated', "DatePicker.".concat(displayName, " is legacy usage. Please use DatePicker[picker='").concat(picker, "'] directly."));
-        warning.deprecated(!dropdownClassName, 'dropdownClassName', 'popupClassName');
-        warning.deprecated(!('bordered' in props), 'bordered', 'variant');
-        warning.deprecated(!hasLegacyOnSelect, 'onSelect', 'onCalendarChange');
+        // ==================== Deprecated =====================
+        var deprecatedProps = {
+          dropdownClassName: 'classNames.popup.root',
+          popupClassName: 'classNames.popup.root',
+          popupStyle: 'styles.popup.root',
+          bordered: 'variant',
+          onSelect: 'onCalendarChange'
+        };
+        Object.entries(deprecatedProps).forEach(function (_ref) {
+          var _ref2 = _slicedToArray(_ref, 2),
+            oldProp = _ref2[0],
+            newProp = _ref2[1];
+          warning.deprecated(!(oldProp in props), oldProp, newProp);
+        });
       }
+      var _useMergedPickerSeman = useMergedPickerSemantic(consumerName, classNames, styles, popupClassName || dropdownClassName, popupStyle),
+        _useMergedPickerSeman2 = _slicedToArray(_useMergedPickerSeman, 2),
+        mergedClassNames = _useMergedPickerSeman2[0],
+        mergedStyles = _useMergedPickerSeman2[1];
       // ===================== Icon =====================
       var _useIcons = useIcons(props, prefixCls),
         _useIcons2 = _slicedToArray(_useIcons, 2),
@@ -114,8 +133,8 @@ var generatePicker = function generatePicker(generateConfig) {
       var mergedComponents = useComponents(components);
       // ===================== Size =====================
       var mergedSize = useSize(function (ctx) {
-        var _ref;
-        return (_ref = customizeSize !== null && customizeSize !== void 0 ? customizeSize : compactSize) !== null && _ref !== void 0 ? _ref : ctx;
+        var _ref3;
+        return (_ref3 = customizeSize !== null && customizeSize !== void 0 ? customizeSize : compactSize) !== null && _ref3 !== void 0 ? _ref3 : ctx;
       });
       // ===================== Disabled =====================
       var disabled = React.useContext(DisabledContext);
@@ -133,7 +152,7 @@ var generatePicker = function generatePicker(generateConfig) {
         contextLocale = _useLocale2[0];
       var locale = _objectSpread(_objectSpread({}, contextLocale), props.locale);
       // ============================ zIndex ============================
-      var _useZIndex = useZIndex('DatePicker', (_props$popupStyle = props.popupStyle) === null || _props$popupStyle === void 0 ? void 0 : _props$popupStyle.zIndex),
+      var _useZIndex = useZIndex('DatePicker', (_mergedStyles$popup$r = mergedStyles.popup.root) === null || _mergedStyles$popup$r === void 0 ? void 0 : _mergedStyles$popup$r.zIndex),
         _useZIndex2 = _slicedToArray(_useZIndex, 1),
         zIndex = _useZIndex2[0];
       return wrapCSSVar(_jsx(ContextIsolator, {
@@ -160,8 +179,8 @@ var generatePicker = function generatePicker(generateConfig) {
           onCalendarChange: onInternalCalendarChange
         }, additionalProps), restProps), {}, {
           locale: locale.lang,
-          className: classNames(_defineProperty(_defineProperty({}, "".concat(prefixCls, "-").concat(mergedSize), mergedSize), "".concat(prefixCls, "-").concat(variant), enableVariantCls), getStatusClassNames(prefixCls, getMergedStatus(contextStatus, customStatus), hasFeedback), hashId, compactItemClassnames, consumerStyle === null || consumerStyle === void 0 ? void 0 : consumerStyle.className, className, cssVarCls, rootCls, rootClassName),
-          style: _objectSpread(_objectSpread({}, consumerStyle === null || consumerStyle === void 0 ? void 0 : consumerStyle.style), style),
+          className: cls(_defineProperty(_defineProperty({}, "".concat(prefixCls, "-").concat(mergedSize), mergedSize), "".concat(prefixCls, "-").concat(variant), enableVariantCls), getStatusClassNames(prefixCls, getMergedStatus(contextStatus, customStatus), hasFeedback), hashId, compactItemClassnames, consumerStyle === null || consumerStyle === void 0 ? void 0 : consumerStyle.className, className, cssVarCls, rootCls, rootClassName, mergedClassNames.root),
+          style: _objectSpread(_objectSpread(_objectSpread({}, consumerStyle === null || consumerStyle === void 0 ? void 0 : consumerStyle.style), style), mergedStyles.root),
           prefixCls: prefixCls,
           getPopupContainer: customizeGetPopupContainer || getPopupContainer,
           generateConfig: generateConfig,
@@ -169,10 +188,10 @@ var generatePicker = function generatePicker(generateConfig) {
           direction: direction,
           disabled: mergedDisabled,
           classNames: {
-            popup: classNames(hashId, cssVarCls, rootCls, rootClassName, popupClassName || dropdownClassName)
+            popup: cls(hashId, cssVarCls, rootCls, rootClassName, mergedClassNames.popup.root)
           },
           styles: {
-            popup: _objectSpread(_objectSpread({}, props.popupStyle), {}, {
+            popup: _objectSpread(_objectSpread({}, mergedStyles.popup.root), {}, {
               zIndex: zIndex
             })
           },

package/lib/Antd5/date-picker/hooks/useMergedPickerSemantic.js

@@ -0,0 +1,47 @@
+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 * as React from 'react';
+import cls from 'classnames';
+import useMergeSemantic from '../../_util/hooks/useMergeSemantic';
+import { useComponentConfig } from '../../config-provider/context';
+var useMergedPickerSemantic = function useMergedPickerSemantic(pickerType, classNames, styles, popupClassName, popupStyle) {
+  var _useComponentConfig = useComponentConfig(pickerType),
+    contextClassNames = _useComponentConfig.classNames,
+    contextStyles = _useComponentConfig.styles;
+  var _useMergeSemantic = useMergeSemantic([contextClassNames, classNames], [contextStyles, styles], {
+      popup: {
+        _default: 'root'
+      }
+    }),
+    _useMergeSemantic2 = _slicedToArray(_useMergeSemantic, 2),
+    mergedClassNames = _useMergeSemantic2[0],
+    mergedStyles = _useMergeSemantic2[1];
+  return React.useMemo(function () {
+    var _mergedClassNames$pop, _mergedStyles$popup;
+    // ClassNames
+    var filledClassNames = _objectSpread(_objectSpread({}, mergedClassNames), {}, {
+      popup: _objectSpread(_objectSpread({}, mergedClassNames.popup), {}, {
+        root: cls((_mergedClassNames$pop = mergedClassNames.popup) === null || _mergedClassNames$pop === void 0 ? void 0 : _mergedClassNames$pop.root, popupClassName)
+      })
+    });
+    // Styles
+    var filledStyles = _objectSpread(_objectSpread({}, mergedStyles), {}, {
+      popup: _objectSpread(_objectSpread({}, mergedStyles.popup), {}, {
+        root: _objectSpread(_objectSpread({}, (_mergedStyles$popup = mergedStyles.popup) === null || _mergedStyles$popup === void 0 ? void 0 : _mergedStyles$popup.root), popupStyle)
+      })
+    });
+    // Return
+    return [filledClassNames, filledStyles];
+  }, [mergedClassNames, mergedStyles, popupClassName, popupStyle]);
+};
+export default useMergedPickerSemantic;

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

@@ -4,9 +4,9 @@ import generatePicker from './generatePicker';
 var DatePicker = generatePicker(dayjsGenerateConfig);
 // We don't care debug panel
 /* istanbul ignore next */
-var PurePanel = genPurePanel(DatePicker, 'picker', null);
+var PurePanel = genPurePanel(DatePicker, 'popupAlign', undefined, 'picker');
 DatePicker._InternalPanelDoNotUseOrYouWillBeFired = PurePanel;
-var PureRangePanel = genPurePanel(DatePicker.RangePicker, 'picker', null);
+var PureRangePanel = genPurePanel(DatePicker.RangePicker, 'popupAlign', undefined, 'picker');
 DatePicker._InternalRangePanelDoNotUseOrYouWillBeFired = PureRangePanel;
 DatePicker.generatePicker = generatePicker;
 export default DatePicker;

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

@@ -12,19 +12,12 @@ var locale = {
     placeholder: 'اختيار التاريخ',
     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',
-  monthFormat: 'MM-YYYY',
-  dateTimeFormat: 'DD-MM-YYYY HH:mm:ss',
-  weekFormat: 'wo-YYYY'
+  timePickerLocale: _objectSpread({}, TimePickerLocale)
 };
 // All settings at:
 // https://github.com/ant-design/ant-design/blob/master/components/date-picker/locale/example.json

package/lib/Antd5/date-picker/locale/example.json

@@ -16,10 +16,11 @@
     "yearSelect": "Choose a year",
     "decadeSelect": "Choose a decade",
     "yearFormat": "YYYY",
-    "dateFormat": "M/D/YYYY",
-    "dayFormat": "D",
-    "dateTimeFormat": "M/D/YYYY HH:mm:ss",
+    "fieldDateFormat": "M/D/YYYY",
+    "cellDateFormat": "D",
+    "fieldDateTimeFormat": "M/D/YYYY HH:mm:ss",
     "monthFormat": "MMMM",
+    "fieldWeekFormat": "YYYY-wo",
     "monthBeforeYear": true,
     "previousMonth": "Previous month (PageUp)",
     "nextMonth": "Next month (PageDown)",
@@ -47,9 +48,5 @@
   },
   "timePickerLocale": {
     "placeholder": "Select time"
-  },
-  "dateFormat": "YYYY-MM-DD",
-  "dateTimeFormat": "YYYY-MM-DD HH:mm:ss",
-  "weekFormat": "YYYY-wo",
-  "monthFormat": "YYYY-MM"
+  }
 }

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

@@ -10,7 +10,17 @@ import TimePickerLocale from '../../time-picker/locale/ko_KR';
 var locale = {
   lang: _objectSpread({
     placeholder: '날짜 선택',
-    rangePlaceholder: ['시작일', '종료일']
+    yearPlaceholder: '연도 선택',
+    quarterPlaceholder: '분기 선택',
+    monthPlaceholder: '월 선택',
+    weekPlaceholder: '주 선택',
+    rangePlaceholder: ['시작일', '종료일'],
+    rangeYearPlaceholder: ['시작 연도', '종료 연도'],
+    rangeMonthPlaceholder: ['시작 월', '종료 월'],
+    rangeQuarterPlaceholder: ['시작 분기', '종료 분기'],
+    rangeWeekPlaceholder: ['시작 주', '종료 주'],
+    shortWeekDays: ['일', '월', '화', '수', '목', '금', '토'],
+    shortMonths: ['1월', '2월', '3월', '4월', '5월', '6월', '7월', '8월', '9월', '10월', '11월', '12월']
   }, CalendarLocale),
   timePickerLocale: _objectSpread({}, TimePickerLocale)
 };

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

@@ -12,9 +12,6 @@ var locale = {
     placeholder: 'Wybierz datę',
     rangePlaceholder: ['Data początkowa', 'Data końcowa'],
     yearFormat: 'YYYY',
-    dateFormat: 'M/D/YYYY',
-    dayFormat: 'D',
-    dateTimeFormat: 'M/D/YYYY HH:mm:ss',
     monthFormat: 'MMMM',
     monthBeforeYear: true,
     shortWeekDays: ['Niedz', 'Pon', 'Wt', 'Śr', 'Czw', 'Pt', 'Sob'],

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

@@ -24,9 +24,6 @@ var locale = {
     yearSelect: 'Selecionar ano',
     decadeSelect: 'Selecionar década',
     yearFormat: 'YYYY',
-    dateFormat: 'D/M/YYYY',
-    dayFormat: 'D',
-    dateTimeFormat: 'D/M/YYYY HH:mm:ss',
     monthFormat: 'MMMM',
     monthBeforeYear: false,
     previousMonth: 'Mês anterior (PageUp)',

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

@@ -16,6 +16,7 @@ var locale = {
     backToToday: 'Nazaj na trenutni datum',
     ok: 'OK',
     clear: 'Počisti',
+    week: 'Teden',
     month: 'Mesec',
     year: 'Leto',
     timeSelect: 'Izberi čas',
@@ -24,9 +25,6 @@ var locale = {
     yearSelect: 'Izberite leto',
     decadeSelect: 'Izberite desetletje',
     yearFormat: 'YYYY',
-    dateFormat: 'D.M.YYYY',
-    dayFormat: 'D',
-    dateTimeFormat: 'D.M.YYYY HH:mm:ss',
     monthFormat: 'MMMM',
     monthBeforeYear: true,
     previousMonth: 'Prejšnji mesec (PageUp)',

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

@@ -53,7 +53,7 @@ var genPickerStyle = function genPickerStyle(token) {
     paddingInlineSM = token.paddingInlineSM,
     paddingXS = token.paddingXS,
     marginXS = token.marginXS,
-    colorTextDescription = token.colorTextDescription,
+    colorIcon = token.colorIcon,
     lineWidthBold = token.lineWidthBold,
     colorPrimary = token.colorPrimary,
     motionDurationSlow = token.motionDurationSlow,
@@ -80,6 +80,7 @@ var genPickerStyle = function genPickerStyle(token) {
     borderRadius: borderRadius,
     transition: "border ".concat(motionDurationMid, ", box-shadow ").concat(motionDurationMid, ", background ").concat(motionDurationMid)
   }, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_objectSpread4, "".concat(componentCls, "-prefix"), {
+    flex: '0 0 auto',
     marginInlineEnd: token.inputAffixPadding
   }), "".concat(componentCls, "-input"), {
     position: 'relative',
@@ -151,7 +152,7 @@ var genPickerStyle = function genPickerStyle(token) {
       verticalAlign: 'top'
     },
     '&:hover': {
-      color: colorTextDescription
+      color: colorIcon
     }
   }), '&:hover', _defineProperty(_defineProperty({}, "".concat(componentCls, "-clear"), {
     opacity: 1
@@ -167,7 +168,7 @@ var genPickerStyle = function genPickerStyle(token) {
     verticalAlign: 'top',
     cursor: 'default'
   }, "".concat(componentCls, "-focused &"), {
-    color: colorTextDescription
+    color: colorIcon
   }), "".concat(componentCls, "-range-separator &"), _defineProperty({}, "".concat(componentCls, "-disabled &"), {
     cursor: 'not-allowed'
   }))), '&-range', _defineProperty(_defineProperty(_defineProperty({
@@ -213,6 +214,8 @@ var genPickerStyle = function genPickerStyle(token) {
     bottom: 0,
     display: 'block',
     transform: 'translateY(100%) rotate(180deg)'
+  })), "&".concat(antCls, "-slide-up-appear, &").concat(antCls, "-slide-up-enter"), _defineProperty({}, "".concat(componentCls, "-range-arrow").concat(componentCls, "-range-arrow"), {
+    transition: 'none'
   })), "&".concat(antCls, "-slide-up-enter").concat(antCls, "-slide-up-enter-active").concat(componentCls, "-dropdown-placement-topLeft,\n          &").concat(antCls, "-slide-up-enter").concat(antCls, "-slide-up-enter-active").concat(componentCls, "-dropdown-placement-topRight,\n          &").concat(antCls, "-slide-up-appear").concat(antCls, "-slide-up-appear-active").concat(componentCls, "-dropdown-placement-topLeft,\n          &").concat(antCls, "-slide-up-appear").concat(antCls, "-slide-up-appear-active").concat(componentCls, "-dropdown-placement-topRight"), {
     animationName: slideDownIn
   }), "&".concat(antCls, "-slide-up-enter").concat(antCls, "-slide-up-enter-active").concat(componentCls, "-dropdown-placement-bottomLeft,\n          &").concat(antCls, "-slide-up-enter").concat(antCls, "-slide-up-enter-active").concat(componentCls, "-dropdown-placement-bottomRight,\n          &").concat(antCls, "-slide-up-appear").concat(antCls, "-slide-up-appear-active").concat(componentCls, "-dropdown-placement-bottomLeft,\n          &").concat(antCls, "-slide-up-appear").concat(antCls, "-slide-up-appear-active").concat(componentCls, "-dropdown-placement-bottomRight"), {
@@ -223,9 +226,9 @@ var genPickerStyle = function genPickerStyle(token) {
     animationName: slideDownOut
   }), "&".concat(antCls, "-slide-up-leave").concat(antCls, "-slide-up-leave-active").concat(componentCls, "-dropdown-placement-bottomLeft,\n          &").concat(antCls, "-slide-up-leave").concat(antCls, "-slide-up-leave-active").concat(componentCls, "-dropdown-placement-bottomRight"), {
     animationName: slideUpOut
-  }), "".concat(componentCls, "-panel > ").concat(componentCls, "-time-panel"), {
+  }), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_objectSpread3, "".concat(componentCls, "-panel > ").concat(componentCls, "-time-panel"), {
     paddingTop: paddingXXS
-  }), _defineProperty(_defineProperty(_defineProperty(_objectSpread3, "".concat(componentCls, "-range-wrapper"), {
+  }), "".concat(componentCls, "-range-wrapper"), {
     display: 'flex',
     position: 'relative'
   }), "".concat(componentCls, "-range-arrow"), _objectSpread(_objectSpread({
@@ -305,7 +308,7 @@ var genPickerStyle = function genPickerStyle(token) {
   }), '&-rtl', _defineProperty(_defineProperty({
     direction: 'rtl'
   }, "".concat(componentCls, "-separator"), {
-    transform: 'rotate(180deg)'
+    transform: 'scale(-1, 1)'
   }), "".concat(componentCls, "-footer"), {
     '&-extra': {
       direction: 'rtl'

package/lib/Antd5/date-picker/style/panel.js

@@ -5,7 +5,7 @@ function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 import { unit } from '@ant-design/cssinjs';
-import { TinyColor } from '@ctrl/tinycolor';
+import { FastColor } from '@ant-design/fast-color';
 var genPickerCellInnerStyle = function genPickerCellInnerStyle(token) {
   var _ref;
   var pickerCellCls = token.pickerCellCls,
@@ -179,7 +179,10 @@ export var genPanelStyle = function genPanelStyle(token) {
       fontSize: 'inherit',
       display: 'inline-flex',
       alignItems: 'center',
-      justifyContent: 'center'
+      justifyContent: 'center',
+      '&:empty': {
+        display: 'none'
+      }
     },
     '> button': {
       minWidth: '1.6em',
@@ -199,6 +202,7 @@ export var genPanelStyle = function genPanelStyle(token) {
       '> button': {
         color: 'inherit',
         fontWeight: 'inherit',
+        verticalAlign: 'top',
         '&:not(:first-child)': {
           marginInlineStart: paddingXS
         },
@@ -218,8 +222,8 @@ export var genPanelStyle = function genPanelStyle(token) {
       width: pickerControlIconSize,
       height: pickerControlIconSize,
       border: "0 solid currentcolor",
-      borderBlockWidth: "".concat(unit(pickerControlIconBorderWidth), " 0"),
-      borderInlineWidth: "".concat(unit(pickerControlIconBorderWidth), " 0"),
+      borderBlockStartWidth: pickerControlIconBorderWidth,
+      borderInlineStartWidth: pickerControlIconBorderWidth,
       content: '""'
     }
   }), "&-super-prev-icon,\n        &-super-next-icon", {
@@ -231,8 +235,8 @@ export var genPanelStyle = function genPanelStyle(token) {
       width: pickerControlIconSize,
       height: pickerControlIconSize,
       border: '0 solid currentcolor',
-      borderBlockWidth: "".concat(unit(pickerControlIconBorderWidth), " 0"),
-      borderInlineWidth: "".concat(unit(pickerControlIconBorderWidth), " 0"),
+      borderBlockStartWidth: pickerControlIconBorderWidth,
+      borderInlineStartWidth: pickerControlIconBorderWidth,
       content: '""'
     }
   }), '&-prev-icon, &-super-prev-icon', {
@@ -304,7 +308,7 @@ export var genPanelStyle = function genPanelStyle(token) {
         background: colorPrimary
       }
     }, "&".concat(componentCls, "-cell-week"), {
-      color: new TinyColor(colorTextLightSolid).setAlpha(0.5).toHexString()
+      color: new FastColor(colorTextLightSolid).setA(0.5).toHexString()
     }), pickerCellInnerCls, {
       color: colorTextLightSolid
     })),
@@ -365,7 +369,7 @@ export var genPanelStyle = function genPanelStyle(token) {
       borderInlineStart: "".concat(unit(lineWidth), " ").concat(lineType, " ").concat(colorSplit)
     },
     '&-active': {
-      background: new TinyColor(controlItemBgActive).setAlpha(0.2).toHexString()
+      background: new FastColor(controlItemBgActive).setA(0.2).toHexString()
     },
     '&:hover': {
       overflowY: 'auto'

package/lib/Antd5/date-picker/style/token.js

@@ -4,7 +4,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 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 { FastColor } from '@ant-design/fast-color';
 import { initComponentToken } from '../../input/style/token';
 import { getArrowToken } from '../../style/roundedArrow';
 export var initPickerPanelToken = function initPickerPanelToken(token) {
@@ -47,8 +47,8 @@ export var initPanelComponentToken = function initPanelComponentToken(token) {
     INTERNAL_FIXED_ITEM_MARGIN: INTERNAL_FIXED_ITEM_MARGIN,
     cellHoverBg: token.controlItemBgHover,
     cellActiveWithRangeBg: token.controlItemBgActive,
-    cellHoverWithRangeBg: new TinyColor(token.colorPrimary).lighten(35).toHexString(),
-    cellRangeBorderColor: new TinyColor(token.colorPrimary).lighten(20).toHexString(),
+    cellHoverWithRangeBg: new FastColor(token.colorPrimary).lighten(35).toHexString(),
+    cellRangeBorderColor: new FastColor(token.colorPrimary).lighten(20).toHexString(),
     cellBgDisabled: colorBgContainerDisabled,
     timeColumnWidth: controlHeightLG * 1.4,
     timeColumnHeight: 28 * 8,

package/lib/Antd5/date-picker/style/variants.js

@@ -5,10 +5,10 @@ function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
 import { unit } from '@ant-design/cssinjs';
-import { genBorderlessStyle, genFilledStyle, genOutlinedStyle } from '../../input/style/variants';
+import { genBorderlessStyle, genFilledStyle, genOutlinedStyle, genUnderlinedStyle } from '../../input/style/variants';
 var genVariantsStyle = function genVariantsStyle(token) {
   var componentCls = token.componentCls;
-  return _defineProperty({}, componentCls, [_objectSpread(_objectSpread(_objectSpread({}, genOutlinedStyle(token)), genFilledStyle(token)), genBorderlessStyle(token)),
+  return _defineProperty({}, componentCls, [_objectSpread(_objectSpread(_objectSpread(_objectSpread({}, genOutlinedStyle(token)), genUnderlinedStyle(token)), genFilledStyle(token)), genBorderlessStyle(token)),
   // ========================= Multiple =========================
   {
     '&-outlined': _defineProperty({}, "&".concat(componentCls, "-multiple ").concat(componentCls, "-selection-item"), {
@@ -22,6 +22,10 @@ var genVariantsStyle = function genVariantsStyle(token) {
     '&-borderless': _defineProperty({}, "&".concat(componentCls, "-multiple ").concat(componentCls, "-selection-item"), {
       background: token.multipleItemBg,
       border: "".concat(unit(token.lineWidth), " ").concat(token.lineType, " ").concat(token.multipleItemBorderColor)
+    }),
+    '&-underlined': _defineProperty({}, "&".concat(componentCls, "-multiple ").concat(componentCls, "-selection-item"), {
+      background: token.multipleItemBg,
+      border: "".concat(unit(token.lineWidth), " ").concat(token.lineType, " ").concat(token.multipleItemBorderColor)
     })
   }]);
 };