@oceanbase/ui 0.3.1 → 0.3.2

package/es/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" | "bash" | "json" | "go" | "javascript" | "typescript" | "groovy" | "java" | "python" | "cpp" | "http" | "markdown" | "nginx" | "sql" | "xml" | "dockerfile" | "yaml" | "solidity" | "tsx" | "jsx")[];
+declare const supportedLanguages: ("ruby" | "css" | "java" | "json" | "bash" | "javascript" | "typescript" | "groovy" | "python" | "cpp" | "http" | "markdown" | "nginx" | "sql" | "xml" | "dockerfile" | "go" | "yaml" | "solidity" | "tsx" | "jsx")[];
 export type LanguageType = (typeof supportedLanguages)[number] | 'html';
 export interface HighlightProps extends LocaleWrapperProps {
     /**

package/es/LightFilter/index.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import type { LightFilterProps } from '@ant-design/pro-components';
+export type { LightFilterProps };
+declare function LightFilter<T>({ prefixCls: customizePrefixCls, ...restProps }: LightFilterProps<T>): React.JSX.Element;
+export default LightFilter;

package/es/LightFilter/index.js

@@ -0,0 +1,27 @@
+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 = ["prefixCls"];
+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; }
+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); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+import React, { useContext } from 'react';
+import { LightFilter as AntLightFilter } from '@ant-design/pro-components';
+import { ConfigProvider } from '@oceanbase/design';
+import useStyle from "./style";
+import { jsx as _jsx } from "react/jsx-runtime";
+function LightFilter(_ref) {
+  var customizePrefixCls = _ref.prefixCls,
+    restProps = _objectWithoutProperties(_ref, _excluded);
+  var _useContext = useContext(ConfigProvider.ConfigContext),
+    getPrefixCls = _useContext.getPrefixCls;
+  var prefixCls = getPrefixCls('pro-form-light-filter', customizePrefixCls);
+  var _useStyle = useStyle(prefixCls),
+    wrapSSR = _useStyle.wrapSSR;
+  return wrapSSR( /*#__PURE__*/_jsx(AntLightFilter, _objectSpread({
+    prefixCls: customizePrefixCls
+  }, restProps)));
+}
+export default LightFilter;

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import type { LightFilterToken } from '@ant-design/pro-form/es/layouts/LightFilter/style';
+import type { GenerateStyle } from '@oceanbase/design/es/theme';
+export declare const genLightFilterStyle: GenerateStyle<LightFilterToken>;
+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/LightFilter/style/index.js

@@ -0,0 +1,26 @@
+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 genLightFilterStyle = function genLightFilterStyle(token) {
+  var componentCls = token.componentCls,
+    proComponentsCls = token.proComponentsCls;
+  return _defineProperty(_defineProperty(_defineProperty({}, "".concat(componentCls), _defineProperty({}, "".concat(proComponentsCls, "-core-field-label"), {
+    '&-active, &:hover': {
+      backgroundColor: token.controlItemBgActive
+    }
+  })), "".concat(componentCls, "-middle"), _defineProperty({}, "".concat(proComponentsCls, "-core-field-label"), {
+    paddingInline: token.paddingSM,
+    borderRadius: token.borderRadius
+  })), "".concat(componentCls).concat(componentCls, "-small"), _defineProperty({}, "".concat(proComponentsCls, "-core-field-label"), {
+    paddingInline: token.paddingXS,
+    borderRadius: token.borderRadiusSM
+  }));
+};
+export default (function (prefixCls) {
+  var useStyle = genComponentStyleHook('LightFilter', function (token) {
+    return [genLightFilterStyle(token)];
+  });
+  return useStyle(prefixCls);
+});

package/es/ProTable/index.d.ts

@@ -0,0 +1,5 @@
+import { ProTable as AntProTable } from '@ant-design/pro-components';
+import type { ProTableProps } from '@ant-design/pro-components';
+export { ProTableProps };
+declare const ProTable: typeof AntProTable;
+export default ProTable;

package/es/ProTable/index.js

@@ -0,0 +1,54 @@
+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 = ["pagination", "form", "prefixCls", "className"];
+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; }
+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); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+import React, { useContext } from 'react';
+import { ProTable as AntProTable } from '@ant-design/pro-components';
+import classNames from 'classnames';
+import { ConfigProvider, Table } from '@oceanbase/design';
+import useLightFilterStyle from "../LightFilter/style";
+import useStyle from "./style";
+import { jsx as _jsx } from "react/jsx-runtime";
+var ProTable = function ProTable(_ref) {
+  var customPagination = _ref.pagination,
+    form = _ref.form,
+    customizePrefixCls = _ref.prefixCls,
+    className = _ref.className,
+    restProps = _objectWithoutProperties(_ref, _excluded);
+  var _useContext = useContext(ConfigProvider.ConfigContext),
+    getPrefixCls = _useContext.getPrefixCls;
+
+  // customize Table style
+  var tablePrefixCls = getPrefixCls('table', customizePrefixCls);
+  var _Table$useStyle = Table.useStyle(tablePrefixCls),
+    tableWrapSSR = _Table$useStyle.wrapSSR;
+  var pagination = Table.useDefaultPagination(customPagination);
+
+  // customize LightFilter style
+  var lightFilterPrefixCls = getPrefixCls('pro-form-light-filter', customizePrefixCls);
+  var _useLightFilterStyle = useLightFilterStyle(lightFilterPrefixCls),
+    lightFilterWrapSSR = _useLightFilterStyle.wrapSSR;
+  var prefixCls = getPrefixCls('pro-table', customizePrefixCls);
+  var _useStyle = useStyle(prefixCls),
+    wrapSSR = _useStyle.wrapSSR;
+  var proTableCls = classNames(className);
+  return tableWrapSSR(lightFilterWrapSSR(wrapSSR( /*#__PURE__*/_jsx(AntProTable
+  // default size change to `large`
+  , _objectSpread({
+    defaultSize: "large",
+    pagination: pagination,
+    form: _objectSpread({
+      // query form should remove required mark
+      requiredMark: false
+    }, form),
+    prefixCls: customizePrefixCls,
+    className: proTableCls
+  }, restProps)))));
+};
+ProTable.Summary = AntProTable.Summary;
+export default ProTable;

package/es/ProTable/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 genProTableStyle: 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/ProTable/style/index.js

@@ -0,0 +1,10 @@
+import { genComponentStyleHook } from "../../_util/genComponentStyleHook";
+export var genProTableStyle = function genProTableStyle(token) {
+  return {};
+};
+export default (function (prefixCls) {
+  var useStyle = genComponentStyleHook('ProTable', function (token) {
+    return [genProTableStyle(token)];
+  });
+  return useStyle(prefixCls);
+});

package/es/index.d.ts

@@ -38,6 +38,10 @@ export { default as PageLoading } from './PageLoading';
 export type { PageLoadingProps } from './PageLoading';
 export { default as FooterToolbar } from './FooterToolbar';
 export type { FooterToolbarProps } from './FooterToolbar';
+export { default as ProTable } from './ProTable';
+export type { ProTableProps } from './ProTable';
+export { default as LightFilter } from './LightFilter';
+export type { LightFilterProps } from './LightFilter';
 export { default as Password } from './Password';
 export type { PasswordProps } from './Password';
 export { default as Ranger } from './Ranger';

package/es/index.js

@@ -21,6 +21,8 @@ export { default as NavMenu } from "./NavMenu";
 export { default as PageContainer } from "./PageContainer";
 export { default as PageLoading } from "./PageLoading";
 export { default as FooterToolbar } from "./FooterToolbar";
+export { default as ProTable } from "./ProTable";
+export { default as LightFilter } from "./LightFilter";
 export { default as Password } from "./Password";
 export { default as Ranger } from "./Ranger";
 export { default as SideTip } from "./SideTip";

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" | "json" | "bash" | "javascript" | "typescript" | "groovy" | "java" | "python" | "cpp" | "http" | "markdown" | "nginx" | "sql" | "xml" | "dockerfile" | "go" | "yaml" | "solidity" | "tsx" | "jsx")[];
+declare const supportedLanguages: ("ruby" | "css" | "java" | "json" | "bash" | "javascript" | "typescript" | "groovy" | "python" | "cpp" | "http" | "markdown" | "nginx" | "sql" | "xml" | "dockerfile" | "go" | "yaml" | "solidity" | "tsx" | "jsx")[];
 export type LanguageType = (typeof supportedLanguages)[number] | 'html';
 export interface HighlightProps extends LocaleWrapperProps {
     /**

package/lib/LightFilter/index.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import type { LightFilterProps } from '@ant-design/pro-components';
+export type { LightFilterProps };
+declare function LightFilter<T>({ prefixCls: customizePrefixCls, ...restProps }: LightFilterProps<T>): React.JSX.Element;
+export default LightFilter;

package/lib/LightFilter/index.js

@@ -0,0 +1,45 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/LightFilter/index.tsx
+var LightFilter_exports = {};
+__export(LightFilter_exports, {
+  default: () => LightFilter_default
+});
+module.exports = __toCommonJS(LightFilter_exports);
+var import_react = __toESM(require("react"));
+var import_pro_components = require("@ant-design/pro-components");
+var import_design = require("@oceanbase/design");
+var import_style = __toESM(require("./style"));
+function LightFilter({ prefixCls: customizePrefixCls, ...restProps }) {
+  const { getPrefixCls } = (0, import_react.useContext)(import_design.ConfigProvider.ConfigContext);
+  const prefixCls = getPrefixCls("pro-form-light-filter", customizePrefixCls);
+  const { wrapSSR } = (0, import_style.default)(prefixCls);
+  return wrapSSR(/* @__PURE__ */ import_react.default.createElement(import_pro_components.LightFilter, { prefixCls: customizePrefixCls, ...restProps }));
+}
+var LightFilter_default = LightFilter;

package/lib/LightFilter/style/index.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import type { LightFilterToken } from '@ant-design/pro-form/es/layouts/LightFilter/style';
+import type { GenerateStyle } from '@oceanbase/design/es/theme';
+export declare const genLightFilterStyle: GenerateStyle<LightFilterToken>;
+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/LightFilter/style/index.js

@@ -0,0 +1,60 @@
+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/LightFilter/style/index.ts
+var style_exports = {};
+__export(style_exports, {
+  default: () => style_default,
+  genLightFilterStyle: () => genLightFilterStyle
+});
+module.exports = __toCommonJS(style_exports);
+var import_genComponentStyleHook = require("../../_util/genComponentStyleHook");
+var genLightFilterStyle = (token) => {
+  const { componentCls, proComponentsCls } = token;
+  return {
+    [`${componentCls}`]: {
+      [`${proComponentsCls}-core-field-label`]: {
+        "&-active, &:hover": {
+          backgroundColor: token.controlItemBgActive
+        }
+      }
+    },
+    [`${componentCls}-middle`]: {
+      [`${proComponentsCls}-core-field-label`]: {
+        paddingInline: token.paddingSM,
+        borderRadius: token.borderRadius
+      }
+    },
+    [`${componentCls}${componentCls}-small`]: {
+      [`${proComponentsCls}-core-field-label`]: {
+        paddingInline: token.paddingXS,
+        borderRadius: token.borderRadiusSM
+      }
+    }
+  };
+};
+var style_default = (prefixCls) => {
+  const useStyle = (0, import_genComponentStyleHook.genComponentStyleHook)("LightFilter", (token) => {
+    return [genLightFilterStyle(token)];
+  });
+  return useStyle(prefixCls);
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  genLightFilterStyle
+});

package/lib/ProTable/index.d.ts

@@ -0,0 +1,5 @@
+import { ProTable as AntProTable } from '@ant-design/pro-components';
+import type { ProTableProps } from '@ant-design/pro-components';
+export { ProTableProps };
+declare const ProTable: typeof AntProTable;
+export default ProTable;

package/lib/ProTable/index.js

@@ -0,0 +1,80 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+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 __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/ProTable/index.tsx
+var ProTable_exports = {};
+__export(ProTable_exports, {
+  default: () => ProTable_default
+});
+module.exports = __toCommonJS(ProTable_exports);
+var import_react = __toESM(require("react"));
+var import_pro_components = require("@ant-design/pro-components");
+var import_classnames = __toESM(require("classnames"));
+var import_design = require("@oceanbase/design");
+var import_style = __toESM(require("../LightFilter/style"));
+var import_style2 = __toESM(require("./style"));
+var ProTable = ({
+  pagination: customPagination,
+  form,
+  prefixCls: customizePrefixCls,
+  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);
+  const pagination = import_design.Table.useDefaultPagination(customPagination);
+  const lightFilterPrefixCls = getPrefixCls("pro-form-light-filter", customizePrefixCls);
+  const { wrapSSR: lightFilterWrapSSR } = (0, import_style.default)(lightFilterPrefixCls);
+  const prefixCls = getPrefixCls("pro-table", customizePrefixCls);
+  const { wrapSSR } = (0, import_style2.default)(prefixCls);
+  const proTableCls = (0, import_classnames.default)(className);
+  return tableWrapSSR(
+    lightFilterWrapSSR(
+      wrapSSR(
+        /* @__PURE__ */ import_react.default.createElement(
+          import_pro_components.ProTable,
+          {
+            defaultSize: "large",
+            pagination,
+            form: {
+              // query form should remove required mark
+              requiredMark: false,
+              ...form
+            },
+            prefixCls: customizePrefixCls,
+            className: proTableCls,
+            ...restProps
+          }
+        )
+      )
+    )
+  );
+};
+ProTable.Summary = import_pro_components.ProTable.Summary;
+var ProTable_default = ProTable;

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

@@ -0,0 +1,39 @@
+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/ProTable/style/index.ts
+var style_exports = {};
+__export(style_exports, {
+  default: () => style_default,
+  genProTableStyle: () => genProTableStyle
+});
+module.exports = __toCommonJS(style_exports);
+var import_genComponentStyleHook = require("../../_util/genComponentStyleHook");
+var genProTableStyle = (token) => {
+  return {};
+};
+var style_default = (prefixCls) => {
+  const useStyle = (0, import_genComponentStyleHook.genComponentStyleHook)("ProTable", (token) => {
+    return [genProTableStyle(token)];
+  });
+  return useStyle(prefixCls);
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  genProTableStyle
+});

package/lib/index.d.ts

@@ -38,6 +38,10 @@ export { default as PageLoading } from './PageLoading';
 export type { PageLoadingProps } from './PageLoading';
 export { default as FooterToolbar } from './FooterToolbar';
 export type { FooterToolbarProps } from './FooterToolbar';
+export { default as ProTable } from './ProTable';
+export type { ProTableProps } from './ProTable';
+export { default as LightFilter } from './LightFilter';
+export type { LightFilterProps } from './LightFilter';
 export { default as Password } from './Password';
 export type { PasswordProps } from './Password';
 export { default as Ranger } from './Ranger';

package/lib/index.js

@@ -45,12 +45,14 @@ __export(src_exports, {
   GraphToolbar: () => import_GraphToolbar.default,
   Highlight: () => import_Highlight.default,
   IconFont: () => import_IconFont.default,
+  LightFilter: () => import_LightFilter.default,
   Login: () => import_Login.default,
   Lottie: () => import_Lottie.default,
   NavMenu: () => import_NavMenu.default,
   PageContainer: () => import_PageContainer.default,
   PageLoading: () => import_PageLoading.default,
   Password: () => import_Password.default,
+  ProTable: () => import_ProTable.default,
   Ranger: () => import_Ranger.default,
   SideTip: () => import_SideTip.default,
   TagSelect: () => import_TagSelect.default,
@@ -83,6 +85,8 @@ var import_NavMenu = __toESM(require("./NavMenu"));
 var import_PageContainer = __toESM(require("./PageContainer"));
 var import_PageLoading = __toESM(require("./PageLoading"));
 var import_FooterToolbar = __toESM(require("./FooterToolbar"));
+var import_ProTable = __toESM(require("./ProTable"));
+var import_LightFilter = __toESM(require("./LightFilter"));
 var import_Password = __toESM(require("./Password"));
 var import_Ranger = __toESM(require("./Ranger"));
 var import_SideTip = __toESM(require("./SideTip"));
@@ -108,12 +112,14 @@ var import_BackgroundTaskManager = __toESM(require("./BackgroundTaskManager"));
   GraphToolbar,
   Highlight,
   IconFont,
+  LightFilter,
   Login,
   Lottie,
   NavMenu,
   PageContainer,
   PageLoading,
   Password,
+  ProTable,
   Ranger,
   SideTip,
   TagSelect,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oceanbase/ui",
-  "version": "0.3.1",
+  "version": "0.3.2",
   "description": "The UI library based on OceanBase Design",
   "keywords": [
     "oceanbase",
@@ -34,36 +34,36 @@
     "build": "NODE_OPTIONS=--max_old_space_size=4096 father build"
   },
   "dependencies": {
-    "@ant-design/cssinjs": "^1.18.4",
-    "@ant-design/pro-components": "^2.6.49",
-    "@ant-design/pro-layout": "^7.17.20",
-    "@oceanbase/design": "^0.3.1",
-    "@oceanbase/icons": "^0.3.0",
-    "@oceanbase/util": "^0.3.0",
+    "@ant-design/cssinjs": "^1.19.1",
+    "@ant-design/pro-components": "^2.7.0",
+    "@antv/g6": "3.4.10",
+    "@oceanbase/design": "^0.3.2",
+    "@oceanbase/icons": "^0.3.1",
+    "@oceanbase/util": "^0.3.1",
     "ahooks": "^2.10.14",
     "classnames": "^2.5.1",
     "dayjs": "^1.11.10",
-    "diff": "^5.1.0",
+    "diff": "^5.2.0",
     "highlight.js": "^11.9.0",
     "highlightjs-solidity": "^2.0.6",
     "hoist-non-react-statics": "^3.3.2",
     "lodash": "^4.17.21",
     "moment": "^2.30.1",
-    "path-to-regexp": "^6.2.1",
+    "path-to-regexp": "^6.2.2",
     "randexp": "^0.5.3",
-    "rc-util": "^5.38.1",
+    "rc-util": "^5.39.1",
     "react-copy-to-clipboard": "^5.1.0",
     "react-json-view": "^1.21.3",
     "react-split-pane": "^0.1.92",
     "screenfull": "^6.0.2"
   },
   "devDependencies": {
-    "@antv/g6": "3.4.10"
+    "@ant-design/pro-form": "^2.25.1",
+    "@ant-design/pro-layout": "^7.19.0"
   },
   "peerDependencies": {
-    "@antv/g6": "3.4.10",
     "react": ">=16.9.0",
     "react-dom": ">=16.9.0"
   },
-  "gitHead": "6493aa80578be3aca3d00cdc19b4d3349f3f8b46"
+  "gitHead": "c3c5dcb67381da262998f97e5c6a83a7dba73a00"
 }