@oceanbase/ui 0.4.5 → 0.4.7

package/es/Action/Group.d.ts

@@ -1,16 +1,17 @@
-import type { ButtonSize } from '@oceanbase/design/es/button';
 import React from 'react';
+import type { ButtonSize } from '@oceanbase/design/es/button';
 import type { BaseProps } from './Item';
 export interface GroupProps {
+    prefixCls?: string;
     size?: number;
     dropDownPlacement?: 'topLeft' | 'topCenter' | 'topRight' | 'bottomLeft' | 'bottomCenter' | 'bottomRight';
     children: React.ReactElement<BaseProps> | React.ReactElement<BaseProps>[];
     shouldVisible?: (key: string) => boolean;
     shouldDisabled?: (key: string) => boolean;
     enableLoading?: boolean;
-    /** 更多操作的自定义展示 */
     moreText?: React.ReactNode;
+    moreType?: 'button' | 'link';
     buttonSize?: ButtonSize;
 }
-declare const _default: ({ size, children, dropDownPlacement, shouldVisible, shouldDisabled, enableLoading, moreText, buttonSize, }: GroupProps) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+declare const _default: ({ prefixCls: customizePrefixCls, size, children, dropDownPlacement, shouldVisible, shouldDisabled, enableLoading, moreText, moreType, buttonSize, }: GroupProps) => React.JSX.Element;
 export default _default;

package/es/Action/Group.js

@@ -4,10 +4,11 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(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 { Button, Dropdown, Menu, Space, Tooltip, Typography } from '@oceanbase/design';
+import React, { useContext } from 'react';
+import { Button, Dropdown, Menu, Space, Tooltip, Typography, ConfigProvider } from '@oceanbase/design';
 import { EllipsisOutlined, LoadingOutlined } from '@oceanbase/icons';
 import { isBoolean, max, omit } from 'lodash';
-import React from 'react';
+import useStyle from "./style";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 var getOrder = function getOrder(_ref) {
@@ -28,7 +29,8 @@ var getOrder = function getOrder(_ref) {
   return order;
 };
 export default (function (_ref2) {
-  var _ref2$size = _ref2.size,
+  var customizePrefixCls = _ref2.prefixCls,
+    _ref2$size = _ref2.size,
     size = _ref2$size === void 0 ? 3 : _ref2$size,
     children = _ref2.children,
     dropDownPlacement = _ref2.dropDownPlacement,
@@ -36,7 +38,13 @@ export default (function (_ref2) {
     shouldDisabled = _ref2.shouldDisabled,
     enableLoading = _ref2.enableLoading,
     moreText = _ref2.moreText,
+    moreType = _ref2.moreType,
     buttonSize = _ref2.buttonSize;
+  var _useContext = useContext(ConfigProvider.ConfigContext),
+    getPrefixCls = _useContext.getPrefixCls;
+  var prefixCls = getPrefixCls('action', customizePrefixCls);
+  var _useStyle = useStyle(prefixCls),
+    wrapSSR = _useStyle.wrapSSR;
   var visibleActions = Array.isArray(children) ? children.filter(function (c) {
     if (isBoolean(c.props.visible) && shouldVisible) return c.props.visible && shouldVisible(c.key);
     if (isBoolean(c.props.visible)) return c.props.visible;else if (shouldVisible) return shouldVisible(c.key);
@@ -57,25 +65,33 @@ export default (function (_ref2) {
   var ellipsisType = 'link';
 
   // @ts-ignore
-  if (visibleActionsSort.every(function (action) {
+  if (visibleActionsSort.some(function (action) {
     return action.type.__DISPLAY_NAME === 'button';
   })) {
-    ellipsisType = 'default';
+    ellipsisType = 'button';
   }
+
+  // @ts-ignore
+  if (visibleActionsSort.some(function (action) {
+    return action.type.__DISPLAY_NAME === 'link';
+  })) {
+    ellipsisType = 'link';
+  }
+  ellipsisType = moreType !== null && moreType !== void 0 ? moreType : ellipsisType;
   var getDefaultDisabled = function getDefaultDisabled(key) {
     var _shouldDisabled;
     return (_shouldDisabled = shouldDisabled === null || shouldDisabled === void 0 ? void 0 : shouldDisabled(key)) !== null && _shouldDisabled !== void 0 ? _shouldDisabled : false;
   };
   var moreDom;
-  if (ellipsisType === 'default') {
+  if (ellipsisType === 'button') {
     moreDom = /*#__PURE__*/_jsx(Button, {
-      type: ellipsisType,
       size: buttonSize,
-      children: moreText !== null && moreText !== void 0 ? moreText : /*#__PURE__*/_jsx(EllipsisOutlined, {
+      icon: moreText ? undefined : /*#__PURE__*/_jsx(EllipsisOutlined, {
         style: {
           cursor: 'pointer'
         }
-      })
+      }),
+      children: moreText
     });
   } else {
     moreDom = /*#__PURE__*/_jsx(Typography.Link, {
@@ -86,8 +102,8 @@ export default (function (_ref2) {
       })
     });
   }
-  return /*#__PURE__*/_jsxs(Space, {
-    size: 8,
+  return wrapSSR( /*#__PURE__*/_jsxs(Space, {
+    size: ellipsisType === 'button' ? 8 : 16,
     children: [mainActions.map(function (action) {
       return /*#__PURE__*/React.cloneElement(action, _objectSpread(_objectSpread({
         // size should be covered by action props
@@ -100,6 +116,7 @@ export default (function (_ref2) {
     }), ellipsisActions.length > 0 && /*#__PURE__*/_jsx(Dropdown, {
       placement: dropDownPlacement,
       overlay: /*#__PURE__*/_jsx(Menu, {
+        className: "".concat(prefixCls, "-more-menu"),
         children: ellipsisActions.map(function (action, index) {
           var _ref3;
           var actionKey = action.key;
@@ -116,15 +133,12 @@ export default (function (_ref2) {
                 var _action$props$onClick, _action$props;
                 var domEvent = _ref4.domEvent;
                 (_action$props$onClick = (_action$props = action.props).onClick) === null || _action$props$onClick === void 0 || _action$props$onClick.call(_action$props, domEvent);
-              },
-              style: {
-                minWidth: 120
               }
             }, omit(action.props, 'disabled')), {}, {
               disabled: actionDisabled,
               children: /*#__PURE__*/_jsxs(Tooltip, {
                 title: action.props.tooltip,
-                children: [action.props.loading && /*#__PURE__*/_jsx(LoadingOutlined, {}), " ", action.props.children]
+                children: [action.props.loading && /*#__PURE__*/_jsx(LoadingOutlined, {}), ' ', action.props.children || action]
               })
             }), (_ref3 = actionKey) !== null && _ref3 !== void 0 ? _ref3 : index.toString())
           );
@@ -132,5 +146,5 @@ export default (function (_ref2) {
       }),
       children: moreDom
     })]
-  });
+  }));
 });

package/es/Action/Item.d.ts

@@ -6,7 +6,7 @@ export interface BaseProps extends ButtonProps {
     /** 固定展示、不会被折叠 */
     fixed?: boolean;
     onClick?: (e: React.MouseEvent<HTMLElement, MouseEvent>) => Promise<void> | void;
-    children?: React.ReactElement | string;
+    children?: React.ReactElement | React.ReactNode | string;
     enableLoading?: boolean;
     tooltip?: string;
     loading?: boolean;

package/es/Action/index.d.ts

@@ -1,7 +1,8 @@
+/// <reference types="react" />
 import { ActionButton, ActionLink } from './Item';
 export type { GroupProps as ActionGroupProps } from './Group';
 declare const _default: {
-    Group: ({ size, children, dropDownPlacement, shouldVisible, shouldDisabled, enableLoading, moreText, buttonSize, }: import("./Group").GroupProps) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+    Group: ({ prefixCls: customizePrefixCls, size, children, dropDownPlacement, shouldVisible, shouldDisabled, enableLoading, moreText, moreType, buttonSize, }: import("./Group").GroupProps) => import("react").JSX.Element;
     Button: typeof ActionButton;
     Link: typeof ActionLink;
 };

package/es/Action/style/index.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import type { GenerateStyle } from '@oceanbase/design/es/theme';
+import type { OBToken } from '../../_util/genComponentStyleHook';
+export declare const genActionStyle: GenerateStyle<OBToken>;
+declare const _default: (prefixCls: string) => {
+    wrapSSR: (node: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) => import("react").JSX.Element;
+    hashId: string;
+};
+export default _default;

package/es/Action/style/index.js

@@ -0,0 +1,43 @@
+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(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(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 { genComponentStyleHook } from "../../_util/genComponentStyleHook";
+export var genActionStyle = function genActionStyle(token) {
+  var componentCls = token.componentCls,
+    antCls = token.antCls;
+  var paddingVertical = (token.controlHeight - token.fontSize * token.lineHeight) / 2;
+  var paddingHorizontal = token.paddingSM;
+  var padding = "".concat(paddingVertical, "px ").concat(paddingHorizontal, "px");
+  var margin = "-".concat(paddingVertical, "px -").concat(paddingHorizontal, "px");
+  return _defineProperty({}, "".concat(componentCls, "-more-menu"), _defineProperty({
+    background: 'red'
+  }, "".concat(antCls, "-dropdown-menu-item"), _defineProperty(_defineProperty({}, "".concat(antCls, "-typography"), _defineProperty({
+    display: 'block',
+    margin: margin,
+    padding: "".concat(padding, " !important")
+  }, "&:not(".concat(antCls, "-typography-disabled)"), {
+    color: token.colorText
+  })), "".concat(antCls, "-btn"), _defineProperty(_defineProperty({
+    padding: padding,
+    margin: margin,
+    border: 'none',
+    display: 'block',
+    width: "calc(100% + ".concat(paddingHorizontal * 2, "px)"),
+    textAlign: 'left',
+    height: 'inherit',
+    background: 'transparent'
+  }, "&:not(:disabled):not(".concat(antCls, "-btn-disabled)"), _defineProperty({
+    color: token.colorText
+  }, "&:hover", {
+    background: 'transparent'
+  })), "".concat(antCls, "-wave"), {
+    display: 'none'
+  }))));
+};
+export default (function (prefixCls) {
+  var useStyle = genComponentStyleHook('Action', function (token) {
+    return [genActionStyle(token)];
+  });
+  return useStyle(prefixCls);
+});

package/es/DateRanger/PickerPanel.d.ts

@@ -1,18 +1,16 @@
-import type { Dayjs } from 'dayjs';
-import type { Moment } from 'moment';
-type RangeValue = [Moment, Moment] | [Dayjs, Dayjs];
+import type { RangeValue } from './Ranger';
 type ValidateTrigger = 'submit' | 'valueChange';
 type MaybeArray<T> = T | T[];
-type ErrorType = 'endDate' | 'startDate' | 'endTime' | 'startTime';
+type ErrorType = 'endDate' | 'startDate' | 'endTime' | 'startTime' | 'all';
 export type Rule = {
     message: string;
-    validate: (value: string) => MaybeArray<ErrorType>;
+    validator: (value: [string, string] | []) => MaybeArray<ErrorType> | null | undefined;
 };
 export interface PickerPanelProps {
     value?: RangeValue;
     defaultValue?: RangeValue;
     tip?: string;
-    require?: boolean;
+    required?: boolean;
     rules?: Rule[];
     validateTrigger?: ValidateTrigger;
     onCancel: () => void;

package/es/DateRanger/PickerPanel.js

@@ -20,21 +20,21 @@ import { noop } from 'lodash';
 import moment from 'moment';
 import dayjs from 'dayjs';
 import { getPrefix } from "../_util";
+import { DATE_TIME_MONTH_FORMAT, DATE_TIME_MONTH_FORMAT_CN } from "./constant";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
+var ALL_ERROR_TYPE_LIST = ['endDate', 'startDate', 'endTime', 'startTime'];
 var prefix = getPrefix('ranger-picker-panel');
 var prefixCls = 'ant-picker';
-var DATE_FORMAT = 'YYYY-MM-DD';
 var TIME_FORMAT = 'HH:mm:ss';
 var InternalPickerPanel = function InternalPickerPanel(props) {
-  var _props$defaultValue = props.defaultValue,
-    defaultValue = _props$defaultValue === void 0 ? [] : _props$defaultValue,
+  var defaultValue = props.defaultValue,
     isMoment = props.isMoment,
     locale = props.locale,
     tip = props.tip,
     rules = props.rules,
-    _props$require = props.require,
-    require = _props$require === void 0 ? true : _props$require,
+    _props$required = props.required,
+    required = _props$required === void 0 ? true : _props$required,
     _props$onOk = props.onOk,
     onOk = _props$onOk === void 0 ? noop : _props$onOk,
     _props$onCancel = props.onCancel,
@@ -61,6 +61,10 @@ var InternalPickerPanel = function InternalPickerPanel(props) {
     _React$useState6 = _slicedToArray(_React$useState5, 2),
     activeIndex = _React$useState6[0],
     setActiveIndex = _React$useState6[1];
+  var isEn = (locale === null || locale === void 0 ? void 0 : locale.antLocale) === 'en';
+
+  //
+  var DATE_FORMAT = isEn ? DATE_TIME_MONTH_FORMAT : DATE_TIME_MONTH_FORMAT_CN;
   var getDateInstance = useCallback(function (v, format, strict) {
     return isMoment ? moment(v, format, strict) : dayjs(v, format, strict);
   }, [isMoment]);
@@ -247,6 +251,9 @@ var InternalPickerPanel = function InternalPickerPanel(props) {
               style: {
                 marginBottom: 8
               },
+              rules: [{
+                required: true
+              }],
               children: /*#__PURE__*/_jsx(Input, {
                 size: "middle",
                 onBlur: function onBlur(e) {
@@ -283,6 +290,9 @@ var InternalPickerPanel = function InternalPickerPanel(props) {
               },
               validateStatus: errorTypeMap['startTime'],
               initialValue: defaultS || defaultTime,
+              rules: [{
+                required: true
+              }],
               children: /*#__PURE__*/_jsx(TimePicker, {
                 allowClear: false,
                 suffixIcon: null,
@@ -316,6 +326,9 @@ var InternalPickerPanel = function InternalPickerPanel(props) {
                 marginBottom: 0
               },
               validateStatus: errorTypeMap['endDate'],
+              rules: [{
+                required: true
+              }],
               children: /*#__PURE__*/_jsx(Input, {
                 onBlur: function onBlur(e) {
                   var v = validateInputDate(e);
@@ -351,6 +364,9 @@ var InternalPickerPanel = function InternalPickerPanel(props) {
               },
               validateStatus: errorTypeMap['endTime'],
               initialValue: defaultE || defaultTime,
+              rules: [{
+                required: true
+              }],
               children: /*#__PURE__*/_jsx(TimePicker, {
                 allowClear: false,
                 suffixIcon: null,
@@ -448,30 +464,27 @@ var InternalPickerPanel = function InternalPickerPanel(props) {
               endTime = values.endTime;
             var start = "".concat(startDate, " ").concat(startTime.format(TIME_FORMAT));
             var end = "".concat(endDate, " ").concat(endTime.format(TIME_FORMAT));
-            onOk([start, end]);
-
-            // let errorList = [];
-            // let message = '';
-            // rules?.some(item => {
-            //   if (typeof item?.validator === 'function') {
-            //     const errorType = item.validator(start, end);
-            //     if (errorType) {
-            //       errorList = toArray(errorType);
-            //       message = item.message;
-            //       return true;
-            //     }
-            //   }
-            //   return false;
-            // });
-
-            // if (errorList.length > 0) {
-            //   setErrorTypeList(errorList);
-            //   setErrorMessage(message);
-            // } else {
-            //   setErrorMessage('');
-            //   setErrorTypeList([]);
-            //   onOk([start, end]);
-            // }
+            var errorList = [];
+            var message = '';
+            rules === null || rules === void 0 || rules.some(function (item) {
+              if (typeof (item === null || item === void 0 ? void 0 : item.validator) === 'function') {
+                var errorType = item.validator([start, end]);
+                if (errorType) {
+                  errorList = Array.isArray(errorType) ? errorType : [errorType];
+                  message = item.message;
+                  return true;
+                }
+              }
+              return false;
+            });
+            if (errorList.length > 0) {
+              setErrorTypeList(errorList.includes('all') ? ALL_ERROR_TYPE_LIST : errorList);
+              setErrorMessage(message);
+            } else {
+              setErrorMessage('');
+              setErrorTypeList([]);
+              onOk([start, end]);
+            }
           });
         },
         children: locale.confirm

package/es/DateRanger/Ranger.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import type { TooltipProps } from '@oceanbase/design';
 import type { RangePickerProps } from '@oceanbase/design/es/date-picker';
 import type { Dayjs } from 'dayjs';
@@ -6,7 +7,7 @@ import type { RangeOption } from './typing';
 import type { Rule } from './PickerPanel';
 import './index.less';
 export type RangeName = 'customize' | string;
-export type RangeValue = [Moment, Moment] | [Dayjs, Dayjs];
+export type RangeValue = [Moment, Moment] | [Dayjs, Dayjs] | [] | null;
 export type RangeDateValue = {
     name: RangeName;
     range: RangeValue;
@@ -34,7 +35,7 @@ export interface DateRangerProps extends Omit<RangePickerProps, 'mode' | 'picker
     defaultValue?: RangeValue;
     size?: 'small' | 'large' | 'middle';
     tooltipProps?: TooltipProps;
-    locale: any;
+    locale?: any;
 }
-declare const _default: any;
+declare const _default: React.ForwardRefExoticComponent<DateRangerProps & React.RefAttributes<unknown>>;
 export default _default;

package/es/DateRanger/Ranger.js

@@ -30,7 +30,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 var prefix = getPrefix('date-ranger');
 var Ranger = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var _selects$, _selects$find2, _selects$find3;
+  var _selects$;
   var _props$selects = props.selects,
     selects = _props$selects === void 0 ? [NEAR_1_MINUTES, NEAR_30_MINUTES, NEAR_1_HOURS, NEAR_3_HOURS, NEAR_6_HOURS, TODAY, LAST_3_DAYS] : _props$selects,
     value = props.value,
@@ -72,7 +72,8 @@ var Ranger = /*#__PURE__*/React.forwardRef(function (props, ref) {
     rest = _objectWithoutProperties(props, _excluded);
   var _theme$useToken = theme.useToken(),
     token = _theme$useToken.token;
-  var isCn = locale.locale === 'zh_CN';
+  var isCn = locale.antLocale === 'zh-cn';
+  var isEN = locale.antLocale === 'en';
 
   // 是否为 moment 时间对象
   var isMoment = moment.isMoment(defaultValue === null || defaultValue === void 0 ? void 0 : defaultValue[0]) || moment.isMoment(defaultValue === null || defaultValue === void 0 ? void 0 : defaultValue[1]) || moment.isMoment(value === null || value === void 0 ? void 0 : value[0]) || moment.isMoment(value === null || value === void 0 ? void 0 : value[1]) || isMomentProps;
@@ -193,29 +194,21 @@ var Ranger = /*#__PURE__*/React.forwardRef(function (props, ref) {
   };
   var getCustomizeLabel = function getCustomizeLabel() {
     if (differenceYears > 0) {
-      return "\u8FD1 ".concat(differenceYears, " \u5E74");
+      return isEN ? "Nearly ".concat(differenceYears, " years") : "\u8FD1 ".concat(differenceYears, " \u5E74");
     }
-
-    // if (differenceQuarters > 0) {
-    //   return `近 ${differenceQuarters} 季度`;
-    // }
-
     if (differenceMonths > 0) {
-      return "\u8FD1 ".concat(differenceMonths, " \u6708");
+      return isEN ? "Nearly ".concat(differenceMonths, " months") : "\u8FD1 ".concat(differenceMonths, " \u6708");
     }
     if (differenceWeeks > 0) {
-      return "\u8FD1 ".concat(differenceWeeks, " \u5468");
-    }
-    if (differenceDays > 0) {
-      return "\u8FD1 ".concat(differenceDays, " \u5929");
+      return isEN ? "Nearly ".concat(differenceWeeks, " weeks") : "\u8FD1 ".concat(differenceWeeks, " \u5468");
     }
     if (differenceHours > 0) {
-      return "\u8FD1 ".concat(differenceHours, " \u65F6");
+      return isEN ? "Nearly ".concat(differenceHours, " hours") : "\u8FD1 ".concat(differenceHours, " \u5C0F\u65F6");
     }
     if (differenceMinutes > 0) {
-      return "\u8FD1 ".concat(differenceMinutes, " \u5206");
+      return isEN ? "Nearly ".concat(differenceMinutes, " minutes") : "\u8FD1 ".concat(differenceMinutes, " \u5206");
     }
-    return "\u8FD1 ".concat(differenceSeconds, " \u79D2");
+    return isEN ? "Nearly ".concat(differenceSeconds, " seconds") : "\u8FD1 ".concat(differenceSeconds, " \u79D2");
   };
   var setNow = function setNow() {
     var selected = NEAR_TIME_LIST.find(function (item) {
@@ -234,12 +227,11 @@ var Ranger = /*#__PURE__*/React.forwardRef(function (props, ref) {
       updateCurrentTime: setNow
     };
   });
-  var rangeLabel = rangeName === CUSTOMIZE ? getCustomizeRangeLabel() : (_selects$find2 = selects.find(function (_item) {
-    return _item.name === rangeName;
-  })) === null || _selects$find2 === void 0 ? void 0 : _selects$find2.rangeLabel;
-  var label = rangeName === CUSTOMIZE ? getCustomizeLabel() : (_selects$find3 = selects.find(function (_item) {
+  var currentRange = selects.find(function (_item) {
     return _item.name === rangeName;
-  })) === null || _selects$find3 === void 0 ? void 0 : _selects$find3.label;
+  });
+  var rangeLabel = rangeName === CUSTOMIZE ? getCustomizeRangeLabel() : currentRange === null || currentRange === void 0 ? void 0 : currentRange.rangeLabel;
+  var label = rangeName === CUSTOMIZE ? getCustomizeLabel() : isEN ? currentRange.enLabel || currentRange.label : currentRange.label;
   var thisYear = new Date().getFullYear();
   var isThisYear = (startTime === null || startTime === void 0 ? void 0 : startTime.year()) === thisYear && (endTime === null || endTime === void 0 ? void 0 : endTime.year()) === thisYear;
   var rangeNameIndex = findIndex(selects, function (item) {
@@ -285,7 +277,7 @@ var Ranger = /*#__PURE__*/React.forwardRef(function (props, ref) {
                   margin: '0px 4px 0px 0px'
                 }
               }), /*#__PURE__*/_jsx(InternalPickerPanel, {
-                defaultValue: innerValue
+                defaultValue: innerValue || []
                 // @ts-ignore
                 ,
                 locale: locale,
@@ -341,7 +333,7 @@ var Ranger = /*#__PURE__*/React.forwardRef(function (props, ref) {
                   children: [hasTagInPicker && /*#__PURE__*/_jsx("span", {
                     className: "".concat(prefix, "-label"),
                     children: item.rangeLabel
-                  }), locale[item.label] || item.label]
+                  }), isEN ? item.enLabel || item.label : item.label]
                 })
               };
             })
@@ -363,10 +355,10 @@ var Ranger = /*#__PURE__*/React.forwardRef(function (props, ref) {
           onClick: function onClick() {
             setOpen(true);
           },
-          children: /*#__PURE__*/_jsx(DatePicker.RangePicker, _objectSpread({
+          children: /*#__PURE__*/_jsx(DatePicker.RangePicker, _objectSpread(_objectSpread({
             className: classNames("".concat(prefix, "-picker")),
             style: {
-              pointerEvents: 'none',
+              // pointerEvents: 'none',
               border: 0
             },
             format: function format(v) {
@@ -384,7 +376,9 @@ var Ranger = /*#__PURE__*/React.forwardRef(function (props, ref) {
             size: size,
             suffixIcon: null
             // 透传 props 到 antd Ranger
-          }, omit(rest, 'value', 'onChange')))
+          }, omit(rest, 'value', 'onChange')), {}, {
+            open: false
+          }))
         })]
       }), /*#__PURE__*/_jsxs(Radio.Group, {
         value: isPlay ? 'play' : '',

package/es/DateRanger/constant/index.d.ts

@@ -1,11 +1,13 @@
 import type { RangeOption } from '../typing';
 export declare const CUSTOMIZE = "customize";
-export declare const YEAR_DATE_TIME_SECOND_FORMAT = "YYYY/MM/DD HH:mm:ss";
-export declare const YEAR_DATE_TIME_FORMAT = "YYYY/MM/DD HH:mm";
+export declare const YEAR_DATE_TIME_SECOND_FORMAT = "MM/DD/YYYY HH:mm:ss";
+export declare const YEAR_DATE_TIME_FORMAT = "MM/DD/YYYY HH:mm";
 export declare const DATE_TIME_SECOND_FORMAT = "MM/DD HH:mm:ss";
 export declare const DATE_TIME_FORMAT = "MM/DD HH:mm";
+export declare const DATE_TIME_MONTH_FORMAT = "MM/DD/YYYY";
 export declare const YEAR_DATE_TIME_SECOND_FORMAT_CN = "YYYY-MM-DD HH:mm:ss";
 export declare const YEAR_DATE_TIME_FORMAT_CN = "YYYY-MM-DD HH:mm";
+export declare const DATE_TIME_MONTH_FORMAT_CN = "YYYY-MM-DD";
 export declare const DATE_TIME_SECOND_FORMAT_CN = "MM-DD HH:mm:ss";
 export declare const DATE_TIME_FORMAT_CN = "MM-DD HH:mm";
 export declare const NEAR_1_MINUTES: RangeOption;
@@ -17,8 +19,10 @@ export declare const NEAR_1_HOURS: RangeOption;
 export declare const NEAR_2_HOURS: RangeOption;
 export declare const NEAR_3_HOURS: RangeOption;
 export declare const NEAR_6_HOURS: RangeOption;
+export declare const NEAR_12_HOURS: RangeOption;
 export declare const TODAY: RangeOption;
 export declare const YESTERDAY: RangeOption;
+export declare const LAST_1_DAY: RangeOption;
 export declare const LAST_3_DAYS: RangeOption;
 export declare const THIS_WEEK: RangeOption;
 export declare const LAST_WEEK: RangeOption;