@oceanbase/ui 0.4.10 → 0.4.12

package/es/SideTip/Dragger.js

@@ -219,8 +219,10 @@ var Draggable = /*#__PURE__*/function (_React$Component) {
   _createClass(Draggable, [{
     key: "componentDidMount",
     value: function componentDidMount() {
+      var _this$props$draggable = this.props.draggable,
+        draggable = _this$props$draggable === void 0 ? true : _this$props$draggable;
       window.addEventListener('resize', this.handleResize, false);
-      window.addEventListener('mousemove', this.handleMouseMove, false);
+      if (draggable) window.addEventListener('mousemove', this.handleMouseMove, false);
       window.addEventListener('mouseup', this.handleMouseUp, false);
       window.addEventListener('load', this.overlapDetection, false);
       var _this$nodeRef$current = this.nodeRef.current.getBoundingClientRect(),
@@ -232,8 +234,10 @@ var Draggable = /*#__PURE__*/function (_React$Component) {
   }, {
     key: "componentWillUnmount",
     value: function componentWillUnmount() {
+      var _this$props$draggable2 = this.props.draggable,
+        draggable = _this$props$draggable2 === void 0 ? true : _this$props$draggable2;
       window.removeEventListener('load', this.overlapDetection, false);
-      window.removeEventListener('mousemove', this.handleMouseMove, false);
+      if (draggable) window.removeEventListener('mousemove', this.handleMouseMove, false);
       window.removeEventListener('mouseup', this.handleMouseUp, false);
       window.removeEventListener('resize', this.handleResize, false);
     }

package/es/SideTip/index.d.ts

@@ -147,6 +147,12 @@ export interface SideTipProps extends LocaleWrapperProps {
      */
     getPopupContainer?: () => HTMLElement;
     children?: any;
+    /**
+     * @title 是否可拖拽
+     * @description 是否可拖拽
+     * @default true
+     */
+    draggable?: boolean;
 }
 export interface SideTipState {
     hide?: boolean;

package/es/SideTip/index.js

@@ -54,6 +54,8 @@ var SideTip = function SideTip(props) {
     hideable = _props$hideable === void 0 ? true : _props$hideable,
     _props$disabled = props.disabled,
     disabled = _props$disabled === void 0 ? false : _props$disabled,
+    _props$draggable = props.draggable,
+    draggable = _props$draggable === void 0 ? true : _props$draggable,
     getPopupContainer = props.getPopupContainer;
   var _useState = useState(hideable ? defaultHide === undefined ? window.localStorage.getItem(getLocalStorageKey(id)) === 'true' : !!defaultHide : false),
     _useState2 = _slicedToArray(_useState, 2),
@@ -175,6 +177,7 @@ var SideTip = function SideTip(props) {
     onDrag: onDrag,
     getPopupContainer: getPopupContainer,
     className: className,
+    draggable: draggable,
     children: [tooltip && tooltip.title ? /*#__PURE__*/_jsx(Tooltip, _objectSpread(_objectSpread({}, tooltip), {}, {
       getPopupContainer: function getPopupContainer() {
         return buttonRef.current;

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,6 +10,7 @@ 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;

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.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/Highlight/index.d.ts

@@ -29,7 +29,7 @@ export declare const THEME_DARK = "dark";
 export declare const THEME_LIGHT = "light";
 declare const ThemeTypes: ["dark", "light"];
 export type ThemeType = (typeof ThemeTypes)[number];
-declare const supportedLanguages: ("ruby" | "css" | "go" | "bash" | "json" | "java" | "javascript" | "typescript" | "groovy" | "python" | "cpp" | "http" | "markdown" | "nginx" | "sql" | "xml" | "dockerfile" | "yaml" | "solidity" | "tsx" | "jsx")[];
+declare const supportedLanguages: ("ruby" | "css" | "go" | "java" | "python" | "sql" | "json" | "javascript" | "typescript" | "groovy" | "bash" | "cpp" | "http" | "markdown" | "nginx" | "xml" | "dockerfile" | "yaml" | "solidity" | "tsx" | "jsx")[];
 export type LanguageType = (typeof supportedLanguages)[number] | 'html';
 export interface HighlightProps extends LocaleWrapperProps {
     /**

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
     },

package/lib/ProCard/style/index.js

@@ -27,6 +27,7 @@ var import_design = require("@oceanbase/design");
 var import_genComponentStyleHook = require("../../_util/genComponentStyleHook");
 var genProCardStyle = (token) => {
   const { componentCls, antCls, prefixCls } = token;
+  const tableComponentCls = `${antCls}-table`;
   const tabsComponentCls = `${antCls}-tabs`;
   const tabsPrefixCls = `${prefixCls}-tabs`;
   return {
@@ -58,15 +59,23 @@ var genProCardStyle = (token) => {
         paddingInline: 0
       }
     },
-    // no body padding card
-    [`${componentCls}${componentCls}-no-body-padding:not(${componentCls}-contain-tabs)`]: {
+    // reduce margin between card title and table
+    [`&${componentCls}-has-title${componentCls}-no-divider:not(${componentCls}-contain-tabs)`]: {
+      [`${componentCls}-body`]: {
+        [`& > ${tableComponentCls}-wrapper ${tableComponentCls}:not(${tableComponentCls}-bordered):first-child`]: {
+          marginTop: -token.marginSM
+        }
+      }
+    },
+    // no body horizontal padding card
+    [`${componentCls}${componentCls}-no-body-horizontal-padding:not(${componentCls}-contain-tabs)`]: {
       [`${componentCls}-header`]: {
         paddingBlockEnd: token.padding
       },
       ...import_design.Card.genTableStyle(token.paddingLG, token)
     },
-    // no body padding small card
-    [`${componentCls}${componentCls}-no-body-padding${componentCls}-size-small:not(${componentCls}-contain-tabs)`]: {
+    // no body horizontal padding small card
+    [`${componentCls}${componentCls}-no-body-horizontal-padding${componentCls}-size-small:not(${componentCls}-contain-tabs)`]: {
       [`${componentCls}-header`]: {
         paddingBlockEnd: token.paddingXS
       },

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

@@ -39,7 +39,7 @@ var import_classnames = __toESM(require("classnames"));
 var import_lodash = require("lodash");
 var import_style = __toESM(require("../LightFilter/style"));
 var import_style2 = __toESM(require("./style"));
-var ProTable = ({
+function ProTable({
   form,
   headerTitle,
   options,
@@ -47,6 +47,8 @@ var ProTable = ({
   toolbar,
   toolBarRender,
   size,
+  bordered,
+  innerBordered,
   expandable,
   rowSelection,
   pagination: customPagination,
@@ -57,7 +59,7 @@ var ProTable = ({
   tableClassName,
   className,
   ...restProps
-}) => {
+}) {
   const { getPrefixCls } = (0, import_react.useContext)(import_design.ConfigProvider.ConfigContext);
   const tablePrefixCls = getPrefixCls("table", customizePrefixCls);
   const { wrapSSR: tableWrapSSR } = import_design.Table.useStyle(tablePrefixCls);
@@ -66,7 +68,8 @@ var ProTable = ({
     {
       [`${tablePrefixCls}-expandable`]: !(0, import_lodash.isEmpty)(expandable),
       [`${tablePrefixCls}-selectable`]: !!rowSelection,
-      [`${tablePrefixCls}-has-footer`]: !!footer
+      [`${tablePrefixCls}-has-footer`]: !!footer,
+      [`${tablePrefixCls}-inner-bordered`]: innerBordered
     },
     tableClassName
   );
@@ -86,6 +89,7 @@ var ProTable = ({
           {
             defaultSize: "large",
             size,
+            bordered: bordered || innerBordered,
             form: {
               // query form should remove required mark
               requiredMark: false,
@@ -128,6 +132,6 @@ var ProTable = ({
       )
     )
   );
-};
+}
 ProTable.Summary = import_pro_components.ProTable.Summary;
 var ProTable_default = ProTable;

package/lib/SideTip/Dragger.d.ts

@@ -17,6 +17,7 @@ interface DraggableProps {
     id?: string;
     getPopupContainer?: () => HTMLElement;
     children?: any;
+    draggable?: boolean;
 }
 interface DraggableState {
     dragged?: boolean;

package/lib/SideTip/Dragger.js

@@ -198,8 +198,10 @@ var Draggable = class extends import_react.default.Component {
     };
   }
   componentDidMount() {
+    const { draggable = true } = this.props;
     window.addEventListener("resize", this.handleResize, false);
-    window.addEventListener("mousemove", this.handleMouseMove, false);
+    if (draggable)
+      window.addEventListener("mousemove", this.handleMouseMove, false);
     window.addEventListener("mouseup", this.handleMouseUp, false);
     window.addEventListener("load", this.overlapDetection, false);
     const { width } = this.nodeRef.current.getBoundingClientRect();
@@ -208,8 +210,10 @@ var Draggable = class extends import_react.default.Component {
     });
   }
   componentWillUnmount() {
+    const { draggable = true } = this.props;
     window.removeEventListener("load", this.overlapDetection, false);
-    window.removeEventListener("mousemove", this.handleMouseMove, false);
+    if (draggable)
+      window.removeEventListener("mousemove", this.handleMouseMove, false);
     window.removeEventListener("mouseup", this.handleMouseUp, false);
     window.removeEventListener("resize", this.handleResize, false);
   }