@oceanbase/ui 0.4.5 → 0.4.7

package/lib/Action/Group.js

@@ -32,10 +32,11 @@ __export(Group_exports, {
   default: () => Group_default
 });
 module.exports = __toCommonJS(Group_exports);
+var import_react = __toESM(require("react"));
 var import_design = require("@oceanbase/design");
 var import_icons = require("@oceanbase/icons");
 var import_lodash = require("lodash");
-var import_react = __toESM(require("react"));
+var import_style = __toESM(require("./style"));
 var getOrder = ({ type, fixed }) => {
   const ORDER_SET = { primary: 3, fixed: 2, default: 0 };
   let order = ORDER_SET.default;
@@ -48,6 +49,7 @@ var getOrder = ({ type, fixed }) => {
   return order;
 };
 var Group_default = ({
+  prefixCls: customizePrefixCls,
   size = 3,
   children,
   dropDownPlacement,
@@ -55,8 +57,12 @@ var Group_default = ({
   shouldDisabled,
   enableLoading,
   moreText,
+  moreType,
   buttonSize
 }) => {
+  const { getPrefixCls } = (0, import_react.useContext)(import_design.ConfigProvider.ConfigContext);
+  const prefixCls = getPrefixCls("action", customizePrefixCls);
+  const { wrapSSR } = (0, import_style.default)(prefixCls);
   const visibleActions = Array.isArray(children) ? children.filter((c) => {
     if ((0, import_lodash.isBoolean)(c.props.visible) && shouldVisible)
       return c.props.visible && shouldVisible(c.key);
@@ -79,56 +85,68 @@ var Group_default = ({
   const mainActions = visibleActionsSort.slice(0, realSize);
   const ellipsisActions = visibleActionsSort.slice(realSize);
   let ellipsisType = "link";
-  if (visibleActionsSort.every((action) => action.type.__DISPLAY_NAME === "button")) {
-    ellipsisType = "default";
+  if (visibleActionsSort.some((action) => action.type.__DISPLAY_NAME === "button")) {
+    ellipsisType = "button";
+  }
+  if (visibleActionsSort.some((action) => action.type.__DISPLAY_NAME === "link")) {
+    ellipsisType = "link";
   }
+  ellipsisType = moreType ?? ellipsisType;
   const getDefaultDisabled = (key) => (shouldDisabled == null ? void 0 : shouldDisabled(key)) ?? false;
   let moreDom;
-  if (ellipsisType === "default") {
-    moreDom = /* @__PURE__ */ import_react.default.createElement(import_design.Button, { type: ellipsisType, size: buttonSize }, moreText ?? /* @__PURE__ */ import_react.default.createElement(import_icons.EllipsisOutlined, { style: { cursor: "pointer" } }));
+  if (ellipsisType === "button") {
+    moreDom = /* @__PURE__ */ import_react.default.createElement(
+      import_design.Button,
+      {
+        size: buttonSize,
+        icon: moreText ? void 0 : /* @__PURE__ */ import_react.default.createElement(import_icons.EllipsisOutlined, { style: { cursor: "pointer" } })
+      },
+      moreText
+    );
   } else {
     moreDom = /* @__PURE__ */ import_react.default.createElement(import_design.Typography.Link, null, moreText ?? /* @__PURE__ */ import_react.default.createElement(import_icons.EllipsisOutlined, { style: { cursor: "pointer" } }));
   }
-  return /* @__PURE__ */ import_react.default.createElement(import_design.Space, { size: 8 }, mainActions.map((action) => {
-    return import_react.default.cloneElement(action, {
-      // size should be covered by action props
-      size: buttonSize,
-      ...action.props,
-      key: action.key,
-      enableLoading,
-      disabled: (0, import_lodash.isBoolean)(action.props.disabled) ? action.props.disabled : getDefaultDisabled(action.key)
-    });
-  }), ellipsisActions.length > 0 && /* @__PURE__ */ import_react.default.createElement(
-    import_design.Dropdown,
-    {
-      placement: dropDownPlacement,
-      overlay: /* @__PURE__ */ import_react.default.createElement(import_design.Menu, null, ellipsisActions.map((action, index) => {
-        const actionKey = action.key;
-        let disabled = false;
-        if ((0, import_lodash.isBoolean)(action.props.disabled))
-          disabled = action.props.disabled;
-        else if (shouldDisabled)
-          disabled = shouldDisabled(action.key);
-        const actionDisabled = action.props.loading || ((0, import_lodash.isBoolean)(action.props.disabled) ? action.props.disabled : getDefaultDisabled(action.key));
-        return (
-          // @ts-ignore
-          /* @__PURE__ */ import_react.default.createElement(
-            import_design.Menu.Item,
-            {
-              key: actionKey ?? index.toString(),
-              onClick: ({ domEvent }) => {
-                var _a, _b;
-                (_b = (_a = action.props).onClick) == null ? void 0 : _b.call(_a, domEvent);
+  return wrapSSR(
+    /* @__PURE__ */ import_react.default.createElement(import_design.Space, { size: ellipsisType === "button" ? 8 : 16 }, mainActions.map((action) => {
+      return import_react.default.cloneElement(action, {
+        // size should be covered by action props
+        size: buttonSize,
+        ...action.props,
+        key: action.key,
+        enableLoading,
+        disabled: (0, import_lodash.isBoolean)(action.props.disabled) ? action.props.disabled : getDefaultDisabled(action.key)
+      });
+    }), ellipsisActions.length > 0 && /* @__PURE__ */ import_react.default.createElement(
+      import_design.Dropdown,
+      {
+        placement: dropDownPlacement,
+        overlay: /* @__PURE__ */ import_react.default.createElement(import_design.Menu, { className: `${prefixCls}-more-menu` }, ellipsisActions.map((action, index) => {
+          const actionKey = action.key;
+          let disabled = false;
+          if ((0, import_lodash.isBoolean)(action.props.disabled))
+            disabled = action.props.disabled;
+          else if (shouldDisabled)
+            disabled = shouldDisabled(action.key);
+          const actionDisabled = action.props.loading || ((0, import_lodash.isBoolean)(action.props.disabled) ? action.props.disabled : getDefaultDisabled(action.key));
+          return (
+            // @ts-ignore
+            /* @__PURE__ */ import_react.default.createElement(
+              import_design.Menu.Item,
+              {
+                key: actionKey ?? index.toString(),
+                onClick: ({ domEvent }) => {
+                  var _a, _b;
+                  (_b = (_a = action.props).onClick) == null ? void 0 : _b.call(_a, domEvent);
+                },
+                ...(0, import_lodash.omit)(action.props, "disabled"),
+                disabled: actionDisabled
               },
-              style: { minWidth: 120 },
-              ...(0, import_lodash.omit)(action.props, "disabled"),
-              disabled: actionDisabled
-            },
-            /* @__PURE__ */ import_react.default.createElement(import_design.Tooltip, { title: action.props.tooltip }, action.props.loading && /* @__PURE__ */ import_react.default.createElement(import_icons.LoadingOutlined, null), " ", action.props.children)
-          )
-        );
-      }))
-    },
-    moreDom
-  ));
+              /* @__PURE__ */ import_react.default.createElement(import_design.Tooltip, { title: action.props.tooltip }, action.props.loading && /* @__PURE__ */ import_react.default.createElement(import_icons.LoadingOutlined, null), " ", action.props.children || action)
+            )
+          );
+        }))
+      },
+      moreDom
+    ))
+  );
 };

package/lib/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/lib/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/lib/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/lib/Action/style/index.js

@@ -0,0 +1,78 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/Action/style/index.ts
+var style_exports = {};
+__export(style_exports, {
+  default: () => style_default,
+  genActionStyle: () => genActionStyle
+});
+module.exports = __toCommonJS(style_exports);
+var import_genComponentStyleHook = require("../../_util/genComponentStyleHook");
+var genActionStyle = (token) => {
+  const { componentCls, antCls } = token;
+  const paddingVertical = (token.controlHeight - token.fontSize * token.lineHeight) / 2;
+  const paddingHorizontal = token.paddingSM;
+  const padding = `${paddingVertical}px ${paddingHorizontal}px`;
+  const margin = `-${paddingVertical}px -${paddingHorizontal}px`;
+  return {
+    [`${componentCls}-more-menu`]: {
+      background: "red",
+      [`${antCls}-dropdown-menu-item`]: {
+        [`${antCls}-typography`]: {
+          display: "block",
+          margin,
+          padding: `${padding} !important`,
+          [`&:not(${antCls}-typography-disabled)`]: {
+            color: token.colorText
+          }
+        },
+        [`${antCls}-btn`]: {
+          padding,
+          margin,
+          border: "none",
+          display: "block",
+          width: `calc(100% + ${paddingHorizontal * 2}px)`,
+          textAlign: "left",
+          height: "inherit",
+          background: "transparent",
+          [`&:not(:disabled):not(${antCls}-btn-disabled)`]: {
+            color: token.colorText,
+            [`&:hover`]: {
+              background: "transparent"
+            }
+          },
+          // remove button click animation
+          [`${antCls}-wave`]: {
+            display: "none"
+          }
+        }
+      }
+    }
+  };
+};
+var style_default = (prefixCls) => {
+  const useStyle = (0, import_genComponentStyleHook.genComponentStyleHook)("Action", (token) => {
+    return [genActionStyle(token)];
+  });
+  return useStyle(prefixCls);
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  genActionStyle
+});

package/lib/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/lib/DateRanger/PickerPanel.js

@@ -44,18 +44,19 @@ var import_lodash = require("lodash");
 var import_moment2 = __toESM(require("moment"));
 var import_dayjs2 = __toESM(require("dayjs"));
 var import_util = require("../_util");
+var import_constant = require("./constant");
+var ALL_ERROR_TYPE_LIST = ["endDate", "startDate", "endTime", "startTime"];
 var prefix = (0, import_util.getPrefix)("ranger-picker-panel");
 var prefixCls = "ant-picker";
-var DATE_FORMAT = "YYYY-MM-DD";
 var TIME_FORMAT = "HH:mm:ss";
 var InternalPickerPanel = (props) => {
   const {
-    defaultValue = [],
+    defaultValue,
     isMoment,
     locale,
     tip,
     rules,
-    require: require2 = true,
+    required = true,
     onOk = import_lodash.noop,
     onCancel = import_lodash.noop,
     disabledDate
@@ -66,6 +67,8 @@ var InternalPickerPanel = (props) => {
   const [calendarValue, setCalendarValue] = import_react.default.useState(defaultValue);
   const [internalHoverValues, setInternalHoverValues] = import_react.default.useState(null);
   const [activeIndex, setActiveIndex] = import_react.default.useState(0);
+  const isEn = (locale == null ? void 0 : locale.antLocale) === "en";
+  const DATE_FORMAT = isEn ? import_constant.DATE_TIME_MONTH_FORMAT : import_constant.DATE_TIME_MONTH_FORMAT_CN;
   const getDateInstance = (0, import_react.useCallback)(
     (v, format, strict) => {
       return isMoment ? (0, import_moment2.default)(v, format, strict) : (0, import_dayjs2.default)(v, format, strict);
@@ -210,7 +213,8 @@ var InternalPickerPanel = (props) => {
         name: "startDate",
         label: locale.startDate,
         validateStatus: errorTypeMap["startDate"],
-        style: { marginBottom: 8 }
+        style: { marginBottom: 8 },
+        rules: [{ required: true }]
       },
       /* @__PURE__ */ import_react.default.createElement(
         import_design.Input,
@@ -242,7 +246,8 @@ var InternalPickerPanel = (props) => {
         label: locale.startTime,
         style: { marginBottom: 8 },
         validateStatus: errorTypeMap["startTime"],
-        initialValue: defaultS || defaultTime
+        initialValue: defaultS || defaultTime,
+        rules: [{ required: true }]
       },
       /* @__PURE__ */ import_react.default.createElement(
         import_design.TimePicker,
@@ -272,7 +277,8 @@ var InternalPickerPanel = (props) => {
         name: "endDate",
         label: locale.endDate,
         style: { marginBottom: 0 },
-        validateStatus: errorTypeMap["endDate"]
+        validateStatus: errorTypeMap["endDate"],
+        rules: [{ required: true }]
       },
       /* @__PURE__ */ import_react.default.createElement(
         import_design.Input,
@@ -303,7 +309,8 @@ var InternalPickerPanel = (props) => {
         label: locale.endTime,
         style: { marginBottom: 0 },
         validateStatus: errorTypeMap["endTime"],
-        initialValue: defaultE || defaultTime
+        initialValue: defaultE || defaultTime,
+        rules: [{ required: true }]
       },
       /* @__PURE__ */ import_react.default.createElement(
         import_design.TimePicker,
@@ -366,30 +373,61 @@ var InternalPickerPanel = (props) => {
         }
       )
     )
-  ), /* @__PURE__ */ import_react.default.createElement(import_design.Divider, { style: { margin: "8px 0" } }), tip && !errorMessage && /* @__PURE__ */ import_react.default.createElement(import_design.Alert, { message: tip, type: "info", style: { marginBottom: 8 }, showIcon: true }), errorMessage && /* @__PURE__ */ import_react.default.createElement(import_design.Alert, { message: errorMessage, type: "error", style: { marginBottom: 8 }, showIcon: true }), /* @__PURE__ */ import_react.default.createElement(import_design.Space, { style: { width: "100%", justifyContent: "flex-end", padding: "0 12px 4px 0" } }, /* @__PURE__ */ import_react.default.createElement(
-    import_design.Button,
-    {
-      size: "small",
-      onClick: () => {
-        onCancel();
-      }
-    },
-    locale.cancel
-  ), /* @__PURE__ */ import_react.default.createElement(
-    import_design.Button,
+  ), /* @__PURE__ */ import_react.default.createElement(import_design.Divider, { style: { margin: "8px 0" } }), tip && !errorMessage && /* @__PURE__ */ import_react.default.createElement(import_design.Alert, { message: tip, type: "info", style: { marginBottom: 8 }, showIcon: true }), errorMessage && /* @__PURE__ */ import_react.default.createElement(import_design.Alert, { message: errorMessage, type: "error", style: { marginBottom: 8 }, showIcon: true }), /* @__PURE__ */ import_react.default.createElement(
+    import_design.Space,
     {
-      size: "small",
-      type: "primary",
-      onClick: () => {
-        form.validateFields().then((values) => {
-          const { startDate, startTime, endDate, endTime } = values;
-          const start = `${startDate} ${startTime.format(TIME_FORMAT)}`;
-          const end = `${endDate} ${endTime.format(TIME_FORMAT)}`;
-          onOk([start, end]);
-        });
+      style: {
+        width: "100%",
+        justifyContent: "flex-end",
+        padding: "0 12px 4px 0"
       }
     },
-    locale.confirm
-  )));
+    /* @__PURE__ */ import_react.default.createElement(
+      import_design.Button,
+      {
+        size: "small",
+        onClick: () => {
+          onCancel();
+        }
+      },
+      locale.cancel
+    ),
+    /* @__PURE__ */ import_react.default.createElement(
+      import_design.Button,
+      {
+        size: "small",
+        type: "primary",
+        onClick: () => {
+          form.validateFields().then((values) => {
+            const { startDate, startTime, endDate, endTime } = values;
+            const start = `${startDate} ${startTime.format(TIME_FORMAT)}`;
+            const end = `${endDate} ${endTime.format(TIME_FORMAT)}`;
+            let errorList = [];
+            let message = "";
+            rules == null ? void 0 : rules.some((item) => {
+              if (typeof (item == null ? void 0 : item.validator) === "function") {
+                const 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]);
+            }
+          });
+        }
+      },
+      locale.confirm
+    )
+  ));
 };
 var PickerPanel_default = InternalPickerPanel;

package/lib/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/lib/DateRanger/Ranger.js

@@ -47,7 +47,7 @@ var import_zh_CN = __toESM(require("./locale/zh-CN"));
 var import_index = require("./index.less");
 var prefix = (0, import_util.getPrefix)("date-ranger");
 var Ranger = import_react.default.forwardRef((props, ref) => {
-  var _a, _b, _c;
+  var _a;
   const {
     selects = [
       import_constant.NEAR_1_MINUTES,
@@ -85,7 +85,8 @@ var Ranger = import_react.default.forwardRef((props, ref) => {
     ...rest
   } = props;
   const { token } = import_design.theme.useToken();
-  const isCn = locale.locale === "zh_CN";
+  const isCn = locale.antLocale === "zh-cn";
+  const isEN = locale.antLocale === "en";
   const isMoment = import_moment.default.isMoment(defaultValue == null ? void 0 : defaultValue[0]) || import_moment.default.isMoment(defaultValue == null ? void 0 : defaultValue[1]) || import_moment.default.isMoment(value == null ? void 0 : value[0]) || import_moment.default.isMoment(value == null ? void 0 : value[1]) || isMomentProps;
   const defaultRangeName = value || defaultValue ? import_constant.CUSTOMIZE : defaultQuickValue ?? ((_a = selects == null ? void 0 : selects[0]) == null ? void 0 : _a.name);
   const [rangeName, setRangeName] = (0, import_react.useState)(defaultRangeName);
@@ -183,24 +184,21 @@ var Ranger = import_react.default.forwardRef((props, ref) => {
   };
   const getCustomizeLabel = () => {
     if (differenceYears > 0) {
-      return `近 ${differenceYears} 年`;
+      return isEN ? `Nearly ${differenceYears} years` : `近 ${differenceYears} 年`;
     }
     if (differenceMonths > 0) {
-      return `近 ${differenceMonths} 月`;
+      return isEN ? `Nearly ${differenceMonths} months` : `近 ${differenceMonths} 月`;
     }
     if (differenceWeeks > 0) {
-      return `近 ${differenceWeeks} 周`;
-    }
-    if (differenceDays > 0) {
-      return `近 ${differenceDays} 天`;
+      return isEN ? `Nearly ${differenceWeeks} weeks` : `近 ${differenceWeeks} 周`;
     }
     if (differenceHours > 0) {
-      return `近 ${differenceHours} 时`;
+      return isEN ? `Nearly ${differenceHours} hours` : `近 ${differenceHours} 小时`;
     }
     if (differenceMinutes > 0) {
-      return `近 ${differenceMinutes} 分`;
+      return isEN ? `Nearly ${differenceMinutes} minutes` : `近 ${differenceMinutes} 分`;
     }
-    return `近 ${differenceSeconds} 秒`;
+    return isEN ? `Nearly ${differenceSeconds} seconds` : `近 ${differenceSeconds} 秒`;
   };
   const setNow = () => {
     const selected = import_constant.NEAR_TIME_LIST.find((item) => item.name === rangeName);
@@ -215,8 +213,9 @@ var Ranger = import_react.default.forwardRef((props, ref) => {
   (0, import_react.useImperativeHandle)(ref, () => ({
     updateCurrentTime: setNow
   }));
-  const rangeLabel = rangeName === import_constant.CUSTOMIZE ? getCustomizeRangeLabel() : (_b = selects.find((_item) => _item.name === rangeName)) == null ? void 0 : _b.rangeLabel;
-  const label = rangeName === import_constant.CUSTOMIZE ? getCustomizeLabel() : (_c = selects.find((_item) => _item.name === rangeName)) == null ? void 0 : _c.label;
+  const currentRange = selects.find((_item) => _item.name === rangeName);
+  const rangeLabel = rangeName === import_constant.CUSTOMIZE ? getCustomizeRangeLabel() : currentRange == null ? void 0 : currentRange.rangeLabel;
+  const label = rangeName === import_constant.CUSTOMIZE ? getCustomizeLabel() : isEN ? currentRange.enLabel || currentRange.label : currentRange.label;
   const thisYear = (/* @__PURE__ */ new Date()).getFullYear();
   const isThisYear = (startTime == null ? void 0 : startTime.year()) === thisYear && (endTime == null ? void 0 : endTime.year()) === thisYear;
   const rangeNameIndex = (0, import_lodash.findIndex)(selects, (item) => item.name === rangeName);
@@ -258,7 +257,7 @@ var Ranger = import_react.default.forwardRef((props, ref) => {
             return /* @__PURE__ */ import_react.default.createElement("div", { className: `${prefix}-dropdown-picker` }, originNode, /* @__PURE__ */ import_react.default.createElement(import_design.Divider, { type: "vertical", style: { height: "auto", margin: "0px 4px 0px 0px" } }), /* @__PURE__ */ import_react.default.createElement(
               import_PickerPanel.default,
               {
-                defaultValue: innerValue,
+                defaultValue: innerValue || [],
                 locale,
                 disabledDate: pastOnly ? disabledFuture : disabledDate,
                 tip,
@@ -301,7 +300,7 @@ var Ranger = import_react.default.forwardRef((props, ref) => {
             }).map((item) => {
               return {
                 key: item.name,
-                label: /* @__PURE__ */ import_react.default.createElement(import_design.Space, { size: 8, style: { minWidth: 100 } }, hasTagInPicker && /* @__PURE__ */ import_react.default.createElement("span", { className: `${prefix}-label` }, item.rangeLabel), locale[item.label] || item.label)
+                label: /* @__PURE__ */ import_react.default.createElement(import_design.Space, { size: 8, style: { minWidth: 100 } }, hasTagInPicker && /* @__PURE__ */ import_react.default.createElement("span", { className: `${prefix}-label` }, item.rangeLabel), isEN ? item.enLabel || item.label : item.label)
               };
             })
           }
@@ -329,7 +328,7 @@ var Ranger = import_react.default.forwardRef((props, ref) => {
           {
             className: (0, import_classnames.default)(`${prefix}-picker`),
             style: {
-              pointerEvents: "none",
+              // pointerEvents: 'none',
               border: 0
             },
             format: (v) => {
@@ -345,7 +344,8 @@ var Ranger = import_react.default.forwardRef((props, ref) => {
             allowClear: false,
             size,
             suffixIcon: null,
-            ...(0, import_lodash.omit)(rest, "value", "onChange")
+            ...(0, import_lodash.omit)(rest, "value", "onChange"),
+            open: false
           }
         )
       )

package/lib/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;