@oceanbase/ui 0.4.11 → 0.4.12

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/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/lib/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/lib/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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oceanbase/ui",
-  "version": "0.4.11",
+  "version": "0.4.12",
   "description": "The UI library based on OceanBase Design",
   "keywords": [
     "oceanbase",
@@ -40,23 +40,23 @@
   },
   "dependencies": {
     "@ant-design/cssinjs": "^1.23.0",
-    "@ant-design/pro-components": "^2.8.5",
+    "@ant-design/pro-components": "^2.8.7",
     "@antv/g6": "3.4.10",
-    "@oceanbase/design": "^0.4.9",
-    "@oceanbase/icons": "^0.4.5",
+    "@oceanbase/design": "^0.4.10",
+    "@oceanbase/icons": "^0.4.6",
     "@oceanbase/util": "^0.4.2",
     "ahooks": "^2.10.14",
     "classnames": "^2.5.1",
     "dayjs": "^1.11.13",
     "diff": "^5.2.0",
-    "highlight.js": "^11.10.0",
+    "highlight.js": "^11.11.1",
     "highlightjs-solidity": "^2.0.6",
     "hoist-non-react-statics": "^3.3.2",
     "lodash": "^4.17.21",
     "moment": "^2.30.1",
     "path-to-regexp": "^7.2.0",
     "randexp": "^0.5.3",
-    "rc-picker": "^4.11.1",
+    "rc-picker": "^4.11.3",
     "rc-util": "^5.44.4",
     "react-copy-to-clipboard": "^5.1.0",
     "react-json-view": "^1.21.3",
@@ -64,12 +64,12 @@
     "screenfull": "^6.0.2"
   },
   "devDependencies": {
-    "@ant-design/pro-form": "^2.31.5",
-    "@ant-design/pro-layout": "^7.22.2"
+    "@ant-design/pro-form": "^2.31.7",
+    "@ant-design/pro-layout": "^7.22.4"
   },
   "peerDependencies": {
     "react": ">=16.9.0",
     "react-dom": ">=16.9.0"
   },
-  "gitHead": "94fed4fc95ce62f539ccc9f6c57a746d4a5e0f57"
+  "gitHead": "db83d4b1d50b50813d9751f4e8c1189badf67820"
 }