@oceanbase/ui 0.4.11 → 0.4.12

package/es/ProTable/index.d.ts

@@ -1,5 +1,10 @@
-import { ProTable as AntProTable } from '@ant-design/pro-components';
-import type { ProTableProps } from '@ant-design/pro-components';
-export { ProTableProps };
-declare const ProTable: typeof AntProTable;
+import React from 'react';
+import type { ProTableProps as AntProTableProps } from '@ant-design/pro-components';
+export interface ProTableProps<T, U, ValueType> extends AntProTableProps<T, U, ValueType> {
+    innerBordered?: boolean;
+}
+declare function ProTable<T, U, ValueType>({ form, headerTitle, options, optionsRender, toolbar, toolBarRender, size, bordered, innerBordered, expandable, rowSelection, pagination: customPagination, footer, locale, cardProps: outerCardProps, prefixCls: customizePrefixCls, tableClassName, className, ...restProps }: ProTableProps<T, U, ValueType>): React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+declare namespace ProTable {
+    var Summary;
+}
 export default ProTable;

package/es/ProTable/index.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 = ["form", "headerTitle", "options", "optionsRender", "toolbar", "toolBarRender", "size", "expandable", "rowSelection", "pagination", "footer", "locale", "cardProps", "prefixCls", "tableClassName", "className"],
+var _excluded = ["form", "headerTitle", "options", "optionsRender", "toolbar", "toolBarRender", "size", "bordered", "innerBordered", "expandable", "rowSelection", "pagination", "footer", "locale", "cardProps", "prefixCls", "tableClassName", "className"],
   _excluded2 = ["emptyText"];
 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; }
@@ -16,7 +16,9 @@ import { isEmpty } from 'lodash';
 import useLightFilterStyle from "../LightFilter/style";
 import useStyle from "./style";
 import { jsx as _jsx } from "react/jsx-runtime";
-var ProTable = function ProTable(_ref) {
+// type CompoundedComponent = React.FC<ProTableProps<T, U, ValueType>> & typeof AntProTable;
+
+function ProTable(_ref) {
   var form = _ref.form,
     headerTitle = _ref.headerTitle,
     options = _ref.options,
@@ -24,6 +26,8 @@ var ProTable = function ProTable(_ref) {
     toolbar = _ref.toolbar,
     toolBarRender = _ref.toolBarRender,
     size = _ref.size,
+    bordered = _ref.bordered,
+    innerBordered = _ref.innerBordered,
     expandable = _ref.expandable,
     rowSelection = _ref.rowSelection,
     customPagination = _ref.pagination,
@@ -42,7 +46,7 @@ var ProTable = function ProTable(_ref) {
   var _Table$useStyle = Table.useStyle(tablePrefixCls),
     tableWrapSSR = _Table$useStyle.wrapSSR;
   var pagination = Table.useDefaultPagination(customPagination);
-  var tableCls = classNames(_defineProperty(_defineProperty(_defineProperty({}, "".concat(tablePrefixCls, "-expandable"), !isEmpty(expandable)), "".concat(tablePrefixCls, "-selectable"), !!rowSelection), "".concat(tablePrefixCls, "-has-footer"), !!footer), tableClassName);
+  var tableCls = classNames(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, "".concat(tablePrefixCls, "-expandable"), !isEmpty(expandable)), "".concat(tablePrefixCls, "-selectable"), !!rowSelection), "".concat(tablePrefixCls, "-has-footer"), !!footer), "".concat(tablePrefixCls, "-inner-bordered"), innerBordered), tableClassName);
 
   // customize LightFilter style
   var lightFilterPrefixCls = getPrefixCls('pro-form-light-filter', customizePrefixCls);
@@ -65,6 +69,7 @@ var ProTable = function ProTable(_ref) {
   , _objectSpread({
     defaultSize: "large",
     size: size,
+    bordered: bordered || innerBordered,
     form: _objectSpread({
       // query form should remove required mark
       requiredMark: false
@@ -93,6 +98,6 @@ var ProTable = function ProTable(_ref) {
     tableClassName: tableCls,
     className: proTableCls
   }, restProps)))));
-};
+}
 ProTable.Summary = AntProTable.Summary;
 export default ProTable;

package/es/Ranger/QuickPicker.d.ts

@@ -13,5 +13,5 @@ export interface QuickPickerProps extends LocaleWrapperProps {
     isMoment?: boolean;
     size?: 'small' | 'large' | 'middle';
 }
-declare const _default: (props: QuickPickerProps) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+declare const _default: (props: QuickPickerProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 export default _default;

package/es/SideTip/Dragger.d.ts

@@ -41,6 +41,6 @@ declare class Draggable extends React.Component<DraggableProps, DraggableState>
     handleMouseDown: (e: any) => void;
     handleMouseMove: (e: any) => void;
     handleMouseUp: (e: any) => void;
-    render(): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+    render(): import("@emotion/react/jsx-runtime").JSX.Element;
 }
 export default Draggable;

package/es/SideTip/IconLoading.d.ts

@@ -1,2 +1,2 @@
-declare const iconLoading: (props: any) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+declare const iconLoading: (props: any) => import("@emotion/react/jsx-runtime").JSX.Element;
 export default iconLoading;

package/lib/Action/Group.js

@@ -128,22 +128,22 @@ var Group_default = ({
           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
+          return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, /* @__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
+                );
               },
-              /* @__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)
-            )
-          );
+              ...(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 || action)
+          ), action.props.divider && /* @__PURE__ */ import_react.default.createElement(import_design.Menu.Divider, null));
         }))
       },
       moreDom

package/lib/Action/Item.d.ts

@@ -10,13 +10,14 @@ export interface BaseProps extends ButtonProps {
     enableLoading?: boolean;
     tooltip?: string;
     loading?: boolean;
+    divider?: boolean;
 }
 export declare class ActionButton extends React.PureComponent<BaseProps> {
     static __DISPLAY_NAME: string;
     state: {
         loading: boolean;
     };
-    render(): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+    render(): import("@emotion/react/jsx-runtime").JSX.Element;
 }
 export declare class ActionLink extends React.PureComponent<BaseProps> {
     static __DISPLAY_NAME: string;
@@ -24,5 +25,5 @@ export declare class ActionLink extends React.PureComponent<BaseProps> {
         loading: boolean;
         disabled: boolean;
     };
-    render(): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+    render(): import("@emotion/react/jsx-runtime").JSX.Element;
 }

package/lib/BasicLayout/Header.d.ts

@@ -5,6 +5,7 @@ export type OverlayFunc = () => React.ReactElement;
 export interface HeaderLocale {
     help: string;
     welcome: string;
+    versionNotice?: string;
     viewDocs: string;
     downloadDocs?: string;
     about: string;
@@ -27,6 +28,7 @@ export interface HeaderProps extends LocaleWrapperProps {
     extra?: React.ReactNode;
     pathname?: string;
     welcomePath?: string;
+    versionNoticePath?: string;
     docsPath?: string;
     pdfPath?: string;
     iconUrl?: string;

package/lib/BasicLayout/Header.js

@@ -53,6 +53,7 @@ var Header = ({
   extra,
   pathname,
   welcomePath,
+  versionNoticePath,
   docsPath,
   pdfPath,
   iconUrl,
@@ -82,6 +83,8 @@ var Header = ({
         var _a;
         if (key === "welcome") {
           navigate == null ? void 0 : navigate(welcomePath);
+        } else if (key === "versionNotice") {
+          (0, import_util.directTo)(versionNoticePath);
         } else if (key === "viewDocs") {
           (0, import_util.directTo)(docsPath);
         } else if (key === "downloadDocs") {
@@ -96,6 +99,7 @@ var Header = ({
       }
     },
     welcomePath && /* @__PURE__ */ import_react.default.createElement(import_design.Menu.Item, { key: "welcome" }, locale.welcome),
+    versionNoticePath && /* @__PURE__ */ import_react.default.createElement(import_design.Menu.Item, { key: "versionNotice" }, locale.versionNotice),
     docsPath && /* @__PURE__ */ import_react.default.createElement(import_design.Menu.Item, { key: "viewDocs" }, locale.viewDocs),
     pdfPath && /* @__PURE__ */ import_react.default.createElement(import_design.Menu.Item, { key: "downloadDocs" }, locale.downloadDocs),
     /* @__PURE__ */ import_react.default.createElement(import_design.Menu.Item, { key: "about" }, `${locale.about}${appData.shortName ? ` ${appData.shortName}` : ""}`)

package/lib/BasicLayout/locale/en-US.d.ts

@@ -1,6 +1,7 @@
 declare const _default: {
     help: string;
     welcome: string;
+    versionNotice: string;
     viewDocs: string;
     downloadDocs: string;
     about: string;

package/lib/BasicLayout/locale/en-US.js

@@ -25,6 +25,7 @@ module.exports = __toCommonJS(en_US_exports);
 var en_US_default = {
   help: "Help",
   welcome: "Welcome page",
+  versionNotice: "version notice",
   viewDocs: "Check the user manual",
   downloadDocs: "Download the user manual",
   about: "About",

package/lib/BasicLayout/locale/zh-CN.d.ts

@@ -1,6 +1,7 @@
 declare const _default: {
     help: string;
     welcome: string;
+    versionNotice: string;
     viewDocs: string;
     downloadDocs: string;
     about: string;

package/lib/BasicLayout/locale/zh-CN.js

@@ -25,6 +25,7 @@ module.exports = __toCommonJS(zh_CN_exports);
 var zh_CN_default = {
   help: "帮助",
   welcome: "欢迎页",
+  versionNotice: "版本公告",
   viewDocs: "查看用户手册",
   downloadDocs: "下载用户手册",
   about: "关于",

package/lib/BasicLayout/locale/zh-TW.d.ts

@@ -1,6 +1,7 @@
 declare const _default: {
     help: string;
     welcome: string;
+    versionNotice: string;
     viewDocs: string;
     downloadDocs: string;
     about: string;

package/lib/BasicLayout/locale/zh-TW.js

@@ -25,6 +25,7 @@ module.exports = __toCommonJS(zh_TW_exports);
 var zh_TW_default = {
   help: "幫助",
   welcome: "歡迎頁",
+  versionNotice: "版本公告",
   viewDocs: "查看用戶手冊",
   downloadDocs: "下載用戶手冊",
   about: "關於",

package/lib/ContentWithIcon/index.js

@@ -34,7 +34,7 @@ __export(ContentWithIcon_exports, {
 module.exports = __toCommonJS(ContentWithIcon_exports);
 var import_react = __toESM(require("react"));
 var import_antd = require("antd");
-var import_icons = require("@ant-design/icons");
+var import_icons = require("@oceanbase/icons");
 var import_classnames = __toESM(require("classnames"));
 var import_util = require("../_util");
 var import_index = require("./index.less");

package/lib/DateRanger/PickerPanel.d.ts

@@ -19,5 +19,5 @@ export interface PickerPanelProps {
     disabledDate: any;
     locale: any;
 }
-declare const InternalPickerPanel: (props: PickerPanelProps) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+declare const InternalPickerPanel: (props: PickerPanelProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 export default InternalPickerPanel;

package/lib/DateRanger/PickerPanel.js

@@ -46,6 +46,19 @@ 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 CLICK_STATE = {
+  START: "START",
+  END: "END"
+};
+var useClickFSA = () => {
+  const [state, setState] = (0, import_react.useState)(CLICK_STATE.END);
+  const next = () => {
+    setState((ps) => {
+      return ps === CLICK_STATE.START ? CLICK_STATE.END : CLICK_STATE.START;
+    });
+  };
+  return [state, next];
+};
 var prefix = (0, import_util.getPrefix)("ranger-picker-panel");
 var prefixCls = "ant-picker";
 var TIME_FORMAT = "HH:mm:ss";
@@ -63,6 +76,7 @@ var InternalPickerPanel = (props) => {
   } = props;
   const rootCls = (0, import_useCSSVarCls.default)(prefixCls);
   const [wrapCSSVar, hashId, cssVarCls] = (0, import_style.default)(prefixCls, rootCls);
+  const [clickFSA, clickFSANext] = useClickFSA();
   const [defaultS, defaultE] = defaultValue;
   const [calendarValue, setCalendarValue] = import_react.default.useState(defaultValue);
   const [internalHoverValues, setInternalHoverValues] = import_react.default.useState(null);
@@ -88,7 +102,9 @@ var InternalPickerPanel = (props) => {
     return clone;
   }
   const onPanelHover = (date) => {
-    setInternalHoverValues(date ? fillCalendarValue(date, activeIndex) : null);
+    setInternalHoverValues(
+      date && clickFSA === CLICK_STATE.START ? fillCalendarValue(date, activeIndex) : null
+    );
   };
   const formatValues = [...calendarValue].sort((a, b) => {
     return (a == null ? void 0 : a.valueOf()) - (b == null ? void 0 : b.valueOf());
@@ -99,8 +115,8 @@ var InternalPickerPanel = (props) => {
   const [_sDate, _eDate] = formatValues;
   const setFormatDateToForm = () => {
     form.setFieldsValue({
-      startDate: _sDate,
-      endDate: _eDate
+      startDate: getDateInstance(_sDate),
+      endDate: getDateInstance(_eDate)
     });
   };
   (0, import_react.useEffect)(() => {
@@ -115,88 +131,13 @@ var InternalPickerPanel = (props) => {
     pre[errorKey] = "error";
     return pre;
   }, {});
-  const validateInputDate = (e) => {
-    const v = e.target.value;
+  const formatDate = (v) => {
     const date = getDateInstance(v, DATE_FORMAT, true);
     return date.isValid() ? date.format(DATE_FORMAT) : null;
   };
-  const validateInputTime = (e) => {
+  const validateInputDate = (e) => {
     const v = e.target.value;
-    const [h, m, s] = (v == null ? void 0 : v.split(":")) ?? [];
-    if (!(h && m && s))
-      return null;
-    if (!(h.length === 2 && m.length === 2 && s.length === 2))
-      return null;
-    const date = getDateInstance(v, TIME_FORMAT, true);
-    return date.isValid() ? date.format(TIME_FORMAT) : null;
-  };
-  const selectDateInputRange = (inputDomRef) => {
-    if (!inputDomRef)
-      return;
-    if (inputDomRef.selectionStart >= 0 && inputDomRef.selectionStart <= 4) {
-      inputDomRef.setSelectionRange(0, 4);
-    }
-    if (inputDomRef.selectionStart > 4 && inputDomRef.selectionStart <= 7) {
-      inputDomRef.setSelectionRange(5, 7);
-    }
-    if (inputDomRef.selectionStart > 7 && inputDomRef.selectionStart <= 10) {
-      inputDomRef.setSelectionRange(8, 10);
-    }
-  };
-  const selectTimeInputRange = (inputDomRef) => {
-    if (!inputDomRef)
-      return;
-    if (inputDomRef.selectionStart >= 0 && inputDomRef.selectionStart <= 2) {
-      inputDomRef.setSelectionRange(0, 2);
-    }
-    if (inputDomRef.selectionStart > 2 && inputDomRef.selectionStart <= 5) {
-      inputDomRef.setSelectionRange(3, 5);
-    }
-    if (inputDomRef.selectionStart > 5 && inputDomRef.selectionStart <= 8) {
-      inputDomRef.setSelectionRange(6, 8);
-    }
-  };
-  const handleDateInputKeyDown = (inputDomRef, e) => {
-    if (!inputDomRef)
-      return;
-    if (e.key === "Enter") {
-      inputDomRef.blur();
-      return;
-    }
-    if (e.key === "ArrowLeft") {
-      const curIndex = inputDomRef.selectionStart;
-      inputDomRef.setSelectionRange(curIndex - 1, curIndex - 1);
-    }
-    if (e.key === "ArrowRight") {
-      const curIndex = inputDomRef.selectionEnd;
-      inputDomRef.setSelectionRange(curIndex + 1, curIndex + 1);
-    }
-    requestIdleCallback(() => {
-      if (validateInputDate(e)) {
-        selectDateInputRange(inputDomRef);
-      }
-    });
-  };
-  const handleTimeInputKeyDown = (inputDomRef, e) => {
-    if (!inputDomRef)
-      return;
-    if (e.key === "Enter") {
-      inputDomRef.blur();
-      return;
-    }
-    if (e.key === "ArrowLeft") {
-      const curIndex = inputDomRef.selectionStart;
-      inputDomRef.setSelectionRange(curIndex - 1, curIndex - 1);
-    }
-    if (e.key === "ArrowRight") {
-      const curIndex = inputDomRef.selectionEnd;
-      inputDomRef.setSelectionRange(curIndex + 1, curIndex + 1);
-    }
-    requestIdleCallback(() => {
-      if (validateInputTime(e)) {
-        selectTimeInputRange(inputDomRef);
-      }
-    });
+    return formatDate(v);
   };
   return /* @__PURE__ */ import_react.default.createElement("div", { className: (0, import_classnames.default)(prefix) }, /* @__PURE__ */ import_react.default.createElement(import_design.Space, { direction: "vertical", size: 12, style: { margin: "12px 0" } }, /* @__PURE__ */ import_react.default.createElement(
     import_design.Form,
@@ -217,25 +158,26 @@ var InternalPickerPanel = (props) => {
         rules: [{ required: true }]
       },
       /* @__PURE__ */ import_react.default.createElement(
-        import_design.Input,
+        import_design.DatePicker,
         {
-          size: "middle",
+          format: {
+            format: "YYYY-MM-DD",
+            type: "mask"
+          },
+          style: { width: 128 },
+          open: false,
+          suffixIcon: null,
+          allowClear: false,
           onBlur: (e) => {
             const v = validateInputDate(e);
             if (v) {
-              form.setFieldValue("startDate", v);
+              form.setFieldValue("startDate", getDateInstance(v));
               setCalendarValue(([, eDate]) => {
                 return [getDateInstance(v), eDate];
               });
             } else {
               setFormatDateToForm();
             }
-          },
-          onClick: () => {
-            selectDateInputRange(form.getFieldInstance("startDate").nativeElement);
-          },
-          onKeyDown: (e) => {
-            handleDateInputKeyDown(form.getFieldInstance("startDate").nativeElement, e);
           }
         }
       )
@@ -257,16 +199,9 @@ var InternalPickerPanel = (props) => {
           needConfirm: false,
           getPopupContainer: (triggerNode) => triggerNode.parentNode,
           style: { width: "100%" },
-          onClick: () => {
-            selectTimeInputRange(
-              form.getFieldInstance("startTime").nativeElement.querySelector("input")
-            );
-          },
-          onKeyDown: (e) => {
-            handleTimeInputKeyDown(
-              form.getFieldInstance("startTime").nativeElement.querySelector("input"),
-              e
-            );
+          format: {
+            format: "HH:mm:ss",
+            type: "mask"
           }
         }
       )
@@ -281,24 +216,26 @@ var InternalPickerPanel = (props) => {
         rules: [{ required: true }]
       },
       /* @__PURE__ */ import_react.default.createElement(
-        import_design.Input,
+        import_design.DatePicker,
         {
+          format: {
+            format: "YYYY-MM-DD",
+            type: "mask"
+          },
+          style: { width: 128 },
+          open: false,
+          suffixIcon: null,
+          allowClear: false,
           onBlur: (e) => {
             const v = validateInputDate(e);
             if (v) {
-              form.setFieldValue("endDate", v);
+              form.setFieldValue("endDate", getDateInstance(v));
               setCalendarValue(([sDate]) => {
                 return [sDate, getDateInstance(v)];
               });
             } else {
               setFormatDateToForm();
             }
-          },
-          onClick: () => {
-            selectDateInputRange(form.getFieldInstance("endDate").nativeElement);
-          },
-          onKeyDown: (e) => {
-            handleDateInputKeyDown(form.getFieldInstance("endDate").nativeElement, e);
           }
         }
       )
@@ -320,16 +257,9 @@ var InternalPickerPanel = (props) => {
           needConfirm: false,
           getPopupContainer: (triggerNode) => triggerNode.parentNode,
           style: { width: "100%" },
-          onClick: () => {
-            selectTimeInputRange(
-              form.getFieldInstance("endTime").nativeElement.querySelector("input")
-            );
-          },
-          onKeyDown: (e) => {
-            handleTimeInputKeyDown(
-              form.getFieldInstance("endTime").nativeElement.querySelector("input"),
-              e
-            );
+          format: {
+            format: "HH:mm:ss",
+            type: "mask"
           }
         }
       )
@@ -355,7 +285,12 @@ var InternalPickerPanel = (props) => {
             onPanelHover(res[0]);
           },
           onSelect: (...res) => {
-            setCalendarValue(fillCalendarValue(res[0], activeIndex));
+            clickFSANext();
+            if (clickFSA === CLICK_STATE.END) {
+              setCalendarValue([res[0], res[0]]);
+            } else {
+              setCalendarValue(fillCalendarValue(res[0], activeIndex));
+            }
             setActiveIndex((index) => {
               return index + 1 === 2 ? 0 : index + 1;
             });
@@ -400,11 +335,11 @@ var InternalPickerPanel = (props) => {
         onClick: () => {
           form.validateFields().then((values) => {
             const { startDate, startTime, endDate, endTime } = values;
-            const [sTime, eTime] = startDate === endDate ? [startTime, endTime].sort((a, b) => {
+            const [sTime, eTime] = startDate.isSame(endDate) ? [startTime, endTime].sort((a, b) => {
               return (a == null ? void 0 : a.valueOf()) - (b == null ? void 0 : b.valueOf());
             }) : [startTime, endTime];
-            const start = `${startDate} ${sTime.format(TIME_FORMAT)}`;
-            const end = `${endDate} ${eTime.format(TIME_FORMAT)}`;
+            const start = `${formatDate(startDate)} ${sTime.format(TIME_FORMAT)}`;
+            const end = `${formatDate(endDate)} ${eTime.format(TIME_FORMAT)}`;
             let errorList = [];
             let message = "";
             rules == null ? void 0 : rules.some((item) => {

package/lib/Dialog/Anchor.d.ts

@@ -15,5 +15,5 @@ export declare class Anchor extends React.Component<IAnchorProps> {
     onDragStart: (event: PointerEvent) => void;
     onDragMove: (event: PointerEvent) => void;
     onDragEnd: (event: PointerEvent) => void;
-    render(): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+    render(): import("@emotion/react/jsx-runtime").JSX.Element;
 }

package/lib/Dialog/EventProxy.d.ts

@@ -1,2 +1,2 @@
 import type { HTMLAttributes } from 'react';
-export declare const EventProxy: (props: HTMLAttributes<HTMLDivElement>) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+export declare const EventProxy: (props: HTMLAttributes<HTMLDivElement>) => import("@emotion/react/jsx-runtime").JSX.Element;

package/lib/Highlight/DiffView/DiffCells.d.ts

@@ -14,4 +14,4 @@ export interface DiffCellsProps {
     onMouseDown?: React.MouseEventHandler;
     hashId?: string;
 }
-export default function DiffCells({ diffPrefixCls, data, emptyText, width, lock, rowOffset, onMouseDown, hashId, }: DiffCellsProps): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+export default function DiffCells({ diffPrefixCls, data, emptyText, width, lock, rowOffset, onMouseDown, hashId, }: DiffCellsProps): import("@emotion/react/jsx-runtime").JSX.Element;

package/lib/Highlight/HighlightCell.d.ts

@@ -15,4 +15,4 @@ export interface HighlightCellProps {
     lineNumber?: boolean;
     hashId?: string;
 }
-export default function HighlightCell({ prefixCls, theme, data, emptyText, width, lock, lineNumber, onMouseDown, hashId, }: HighlightCellProps): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+export default function HighlightCell({ prefixCls, theme, data, emptyText, width, lock, lineNumber, onMouseDown, hashId, }: HighlightCellProps): import("@emotion/react/jsx-runtime").JSX.Element;

package/lib/Highlight/JsonView.d.ts

@@ -3,5 +3,5 @@ import './index.less';
 export interface JsonViewProps extends HighlightProps {
     json: object;
 }
-declare const _default: ({ json, theme, style, className, height, onCopyChange, copyable, }: JsonViewProps) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+declare const _default: ({ json, theme, style, className, height, onCopyChange, copyable, }: JsonViewProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 export default _default;

package/lib/IconFont/index.d.ts

@@ -8,5 +8,5 @@ export interface IconFontProps {
 /**
  * @deprecated Please use `@oceanbase/icons` instead.
  */
-declare const IconFont: (props: IconFontProps) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+declare const IconFont: (props: IconFontProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 export default IconFont;

package/lib/NavMenu/index.d.ts

@@ -15,5 +15,5 @@ export interface NavMenuProps {
     className?: string;
     style?: React.CSSProperties;
 }
-declare const _default: (props: NavMenuProps) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+declare const _default: (props: NavMenuProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 export default _default;

package/lib/PageContainer/ItemRender.d.ts

@@ -3,5 +3,5 @@ declare const _default: ({ route, params, routes, paths }: {
     params: any;
     routes: any;
     paths: any;
-}) => import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
+}) => import("@emotion/react/jsx-runtime").JSX.Element;
 export default _default;

package/lib/ProCard/index.js

@@ -35,6 +35,7 @@ module.exports = __toCommonJS(ProCard_exports);
 var import_react = __toESM(require("react"));
 var import_pro_components = require("@ant-design/pro-components");
 var import_design = require("@oceanbase/design");
+var import_util = require("@oceanbase/design/es/_util");
 var import_classnames = __toESM(require("classnames"));
 var import_style = __toESM(require("./style"));
 var ProCard = ({
@@ -50,12 +51,11 @@ var ProCard = ({
   const { getPrefixCls } = (0, import_react.useContext)(import_design.ConfigProvider.ConfigContext);
   const prefixCls = getPrefixCls("pro-card", customizePrefixCls);
   const { wrapSSR } = (0, import_style.default)(prefixCls);
-  const zeroPaddingList = [0, "0", "0px"];
-  const noBodyPadding = zeroPaddingList.includes(bodyStyle == null ? void 0 : bodyStyle.padding) || ghost;
+  const noBodyHorizontalPadding = (0, import_util.isHorizontalPaddingZero)(bodyStyle == null ? void 0 : bodyStyle.padding) || ghost;
   const proCardCls = (0, import_classnames.default)(
     {
       [`${prefixCls}-has-title`]: !!title,
-      [`${prefixCls}-no-body-padding`]: noBodyPadding,
+      [`${prefixCls}-no-body-horizontal-padding`]: noBodyHorizontalPadding,
       [`${prefixCls}-no-divider`]: !headerBordered,
       [`${prefixCls}-contain-tabs`]: !!tabs
     },