@oceanbase/ui 0.3.1 → 0.3.3

package/es/Boundary/Components/Code.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 import type { LocaleWrapperProps } from '../../locale/LocaleWrapper';
 import type { CodeType } from '../constant';
 import type { BoundaryLocale } from '../IBoundary';
-export interface IBoundaryCode extends LocaleWrapperProps {
+export interface IBoundaryCode extends LocaleWrapperProps, React.HTMLProps<HTMLDivElement> {
     code: CodeType;
     onClick?: () => void;
     children?: React.ReactNode;

package/es/Boundary/Components/Code.js

@@ -1,8 +1,18 @@
+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 = ["children", "onClick", "code", "imageUrl", "title", "buttonText", "locale", "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 { Button } from '@oceanbase/design';
 import React, { useMemo } from 'react';
 import LocaleWrapper from "../../locale/LocaleWrapper";
 import { CODE_PRESET } from "../constant";
 import zhCN from "../locale/zh-CN";
+import classNames from 'classnames';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 var BoundaryCode = function BoundaryCode(props) {
@@ -12,13 +22,16 @@ var BoundaryCode = function BoundaryCode(props) {
     imageUrl = props.imageUrl,
     title = props.title,
     buttonText = props.buttonText,
-    locale = props.locale;
+    locale = props.locale,
+    className = props.className,
+    restProps = _objectWithoutProperties(props, _excluded);
   var info = useMemo(function () {
     var data = CODE_PRESET(locale);
     return data[code];
   }, [code, locale]);
-  return /*#__PURE__*/_jsx("div", {
-    className: "boundary-container boundary-code",
+  return /*#__PURE__*/_jsx("div", _objectSpread(_objectSpread({
+    className: classNames('boundary-container', 'boundary-code', "ob-boundary-".concat(code), className)
+  }, restProps), {}, {
     children: /*#__PURE__*/_jsxs("div", {
       className: "empty",
       children: [/*#__PURE__*/_jsx("img", {
@@ -31,7 +44,7 @@ var BoundaryCode = function BoundaryCode(props) {
         children: buttonText || info.buttonText
       })]
     })
-  });
+  }));
 };
 export var Code = LocaleWrapper({
   componentName: 'Boundary',

package/es/Boundary/Components/Exception.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import type { LocaleWrapperProps } from '../../locale/LocaleWrapper';
 import type { BoundaryLocale } from '../IBoundary';
-export interface ExceptionProps extends LocaleWrapperProps {
+export interface ExceptionProps extends LocaleWrapperProps, React.HTMLProps<HTMLDivElement> {
     children?: React.ReactNode;
     style?: React.CSSProperties;
     imageUrl?: string;

package/es/Boundary/Components/Exception.js

@@ -1,4 +1,9 @@
+var _excluded = ["imageUrl", "title", "buttonText", "subscription", "isNotCompatible", "showError", "hasButton", "locale", "className"];
 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 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 _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; }
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
 function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
@@ -17,6 +22,7 @@ import React from 'react';
 import LocaleWrapper from "../../locale/LocaleWrapper";
 import { EXCEPTION_PRESET } from "../constant";
 import zhCN from "../locale/zh-CN";
+import classNames from 'classnames';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 var BoundaryException = /*#__PURE__*/function (_React$PureComponent) {
@@ -71,7 +77,9 @@ var BoundaryException = /*#__PURE__*/function (_React$PureComponent) {
         showError = _this$props$showError === void 0 ? false : _this$props$showError,
         _this$props$hasButton = _this$props.hasButton,
         hasButton = _this$props$hasButton === void 0 ? true : _this$props$hasButton,
-        locale = _this$props.locale;
+        locale = _this$props.locale,
+        className = _this$props.className,
+        restProps = _objectWithoutProperties(_this$props, _excluded);
       var errorInfo = EXCEPTION_PRESET(locale).ERROR_BOUNDARY;
       var notCompatibleInfo = EXCEPTION_PRESET(locale).INCOMPATIBLE_VERSION;
       var _this$state = this.state,
@@ -80,8 +88,9 @@ var BoundaryException = /*#__PURE__*/function (_React$PureComponent) {
       var errorDescription = info === null || info === void 0 ? void 0 : info.componentStack;
       var errorMessage = (error || '').toString();
       if ((_this$state2 = this.state) !== null && _this$state2 !== void 0 && _this$state2.hasError) {
-        return /*#__PURE__*/_jsx("div", {
-          className: "boundary-container",
+        return /*#__PURE__*/_jsx("div", _objectSpread(_objectSpread({
+          className: classNames('boundary-container', 'ob-boundary-error', className)
+        }, restProps), {}, {
           children: /*#__PURE__*/_jsxs("div", {
             className: "empty",
             children: [/*#__PURE__*/_jsx("img", {
@@ -110,10 +119,11 @@ var BoundaryException = /*#__PURE__*/function (_React$PureComponent) {
               children: buttonText || errorInfo.buttonText
             }) : '']
           })
-        });
+        }));
       } else if (isNotCompatible) {
-        return /*#__PURE__*/_jsx("div", {
-          className: "boundary-container",
+        return /*#__PURE__*/_jsx("div", _objectSpread(_objectSpread({
+          className: classNames('boundary-container', 'ob-boundary-browser-not-compatible', className)
+        }, restProps), {}, {
           children: /*#__PURE__*/_jsxs("div", {
             className: "empty",
             children: [/*#__PURE__*/_jsx("img", {
@@ -124,7 +134,7 @@ var BoundaryException = /*#__PURE__*/function (_React$PureComponent) {
               children: subscription ? subscription : notCompatibleInfo.subscription
             })]
           })
-        });
+        }));
       }
       return this.props.children;
     }

package/es/Boundary/Components/Function.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import type { FunctionConfigType, FunctionStateType } from '../constant';
-export interface IBoundaryFunction {
+export interface IBoundaryFunction extends React.HTMLProps<HTMLDivElement> {
     children?: React.ReactNode;
     state: FunctionStateType;
     config: FunctionConfigType;

package/es/Boundary/Components/Function.js

@@ -1,17 +1,30 @@
+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 = ["children", "state", "config", "onClick", "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 { Button } from '@oceanbase/design';
 import React, { useMemo } from 'react';
+import classNames from 'classnames';
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 export var BoundaryFunction = function BoundaryFunction(props) {
   var children = props.children,
     state = props.state,
     config = props.config,
-    onClick = props.onClick;
+    onClick = props.onClick,
+    className = props.className,
+    restProps = _objectWithoutProperties(props, _excluded);
   var info = useMemo(function () {
     return state ? config[state] : config[Object.keys(config)[0]];
   }, [config, state]);
-  return /*#__PURE__*/_jsx("div", {
-    className: "boundary-container",
+  return /*#__PURE__*/_jsx("div", _objectSpread(_objectSpread({
+    className: classNames('boundary-container', 'ob-boundary-function', className)
+  }, restProps), {}, {
     children: /*#__PURE__*/_jsxs("div", {
       className: "empty",
       children: [/*#__PURE__*/_jsx("img", {
@@ -24,5 +37,5 @@ export var BoundaryFunction = function BoundaryFunction(props) {
         children: info.buttonText
       })]
     })
-  });
+  }));
 };

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/Boundary/Components/Code.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 import type { LocaleWrapperProps } from '../../locale/LocaleWrapper';
 import type { CodeType } from '../constant';
 import type { BoundaryLocale } from '../IBoundary';
-export interface IBoundaryCode extends LocaleWrapperProps {
+export interface IBoundaryCode extends LocaleWrapperProps, React.HTMLProps<HTMLDivElement> {
     code: CodeType;
     onClick?: () => void;
     children?: React.ReactNode;

package/lib/Boundary/Components/Code.js

@@ -37,13 +37,26 @@ var import_react = __toESM(require("react"));
 var import_LocaleWrapper = __toESM(require("../../locale/LocaleWrapper"));
 var import_constant = require("../constant");
 var import_zh_CN = __toESM(require("../locale/zh-CN"));
+var import_classnames = __toESM(require("classnames"));
 var BoundaryCode = (props) => {
-  const { children, onClick, code, imageUrl, title, buttonText, locale } = props;
+  const { children, onClick, code, imageUrl, title, buttonText, locale, className, ...restProps } = props;
   const info = (0, import_react.useMemo)(() => {
     const data = (0, import_constant.CODE_PRESET)(locale);
     return data[code];
   }, [code, locale]);
-  return /* @__PURE__ */ import_react.default.createElement("div", { className: "boundary-container boundary-code" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "empty" }, /* @__PURE__ */ import_react.default.createElement("img", { src: imageUrl || info.imageUrl }), /* @__PURE__ */ import_react.default.createElement("h4", null, title || info.title), children, /* @__PURE__ */ import_react.default.createElement(import_design.Button, { type: "primary", onClick: onClick || info.onClick }, buttonText || info.buttonText)));
+  return /* @__PURE__ */ import_react.default.createElement(
+    "div",
+    {
+      className: (0, import_classnames.default)(
+        "boundary-container",
+        "boundary-code",
+        `ob-boundary-${code}`,
+        className
+      ),
+      ...restProps
+    },
+    /* @__PURE__ */ import_react.default.createElement("div", { className: "empty" }, /* @__PURE__ */ import_react.default.createElement("img", { src: imageUrl || info.imageUrl }), /* @__PURE__ */ import_react.default.createElement("h4", null, title || info.title), children, /* @__PURE__ */ import_react.default.createElement(import_design.Button, { type: "primary", onClick: onClick || info.onClick }, buttonText || info.buttonText))
+  );
 };
 var Code = (0, import_LocaleWrapper.default)({
   componentName: "Boundary",

package/lib/Boundary/Components/Exception.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import type { LocaleWrapperProps } from '../../locale/LocaleWrapper';
 import type { BoundaryLocale } from '../IBoundary';
-export interface ExceptionProps extends LocaleWrapperProps {
+export interface ExceptionProps extends LocaleWrapperProps, React.HTMLProps<HTMLDivElement> {
     children?: React.ReactNode;
     style?: React.CSSProperties;
     imageUrl?: string;

package/lib/Boundary/Components/Exception.js

@@ -37,6 +37,7 @@ var import_react = __toESM(require("react"));
 var import_LocaleWrapper = __toESM(require("../../locale/LocaleWrapper"));
 var import_constant = require("../constant");
 var import_zh_CN = __toESM(require("../locale/zh-CN"));
+var import_classnames = __toESM(require("classnames"));
 var BoundaryException = class extends import_react.default.PureComponent {
   constructor() {
     super(...arguments);
@@ -74,7 +75,9 @@ var BoundaryException = class extends import_react.default.PureComponent {
       isNotCompatible,
       showError = false,
       hasButton = true,
-      locale
+      locale,
+      className,
+      ...restProps
     } = this.props;
     const errorInfo = (0, import_constant.EXCEPTION_PRESET)(locale).ERROR_BOUNDARY;
     const notCompatibleInfo = (0, import_constant.EXCEPTION_PRESET)(locale).INCOMPATIBLE_VERSION;
@@ -82,24 +85,42 @@ var BoundaryException = class extends import_react.default.PureComponent {
     const errorDescription = info == null ? void 0 : info.componentStack;
     const errorMessage = (error || "").toString();
     if ((_a = this.state) == null ? void 0 : _a.hasError) {
-      return /* @__PURE__ */ import_react.default.createElement("div", { className: "boundary-container" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "empty" }, /* @__PURE__ */ import_react.default.createElement("img", { src: imageUrl || errorInfo.imageUrl }), /* @__PURE__ */ import_react.default.createElement("h4", null, title || errorInfo.title), showError ? /* @__PURE__ */ import_react.default.createElement(
-        import_design.Alert,
+      return /* @__PURE__ */ import_react.default.createElement(
+        "div",
         {
-          type: "error",
-          showIcon: true,
-          message: errorMessage,
-          description: errorDescription,
-          style: {
-            marginTop: 24,
-            overflow: "auto",
-            maxHeight: "50vh",
-            // 为了避免被 Empty 的水平居中样式影响，需要设置 textAlign
-            textAlign: "left"
+          className: (0, import_classnames.default)("boundary-container", "ob-boundary-error", className),
+          ...restProps
+        },
+        /* @__PURE__ */ import_react.default.createElement("div", { className: "empty" }, /* @__PURE__ */ import_react.default.createElement("img", { src: imageUrl || errorInfo.imageUrl }), /* @__PURE__ */ import_react.default.createElement("h4", null, title || errorInfo.title), showError ? /* @__PURE__ */ import_react.default.createElement(
+          import_design.Alert,
+          {
+            type: "error",
+            showIcon: true,
+            message: errorMessage,
+            description: errorDescription,
+            style: {
+              marginTop: 24,
+              overflow: "auto",
+              maxHeight: "50vh",
+              // 为了避免被 Empty 的水平居中样式影响，需要设置 textAlign
+              textAlign: "left"
+            }
           }
-        }
-      ) : subscription && /* @__PURE__ */ import_react.default.createElement("span", null, subscription), hasButton ? /* @__PURE__ */ import_react.default.createElement(import_design.Button, { type: "primary", onClick: () => this.onClick() }, buttonText || errorInfo.buttonText) : ""));
+        ) : subscription && /* @__PURE__ */ import_react.default.createElement("span", null, subscription), hasButton ? /* @__PURE__ */ import_react.default.createElement(import_design.Button, { type: "primary", onClick: () => this.onClick() }, buttonText || errorInfo.buttonText) : "")
+      );
     } else if (isNotCompatible) {
-      return /* @__PURE__ */ import_react.default.createElement("div", { className: "boundary-container" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "empty" }, /* @__PURE__ */ import_react.default.createElement("img", { src: imageUrl || notCompatibleInfo.imageUrl }), /* @__PURE__ */ import_react.default.createElement("h4", null, title || notCompatibleInfo.title), /* @__PURE__ */ import_react.default.createElement("span", null, subscription ? subscription : notCompatibleInfo.subscription)));
+      return /* @__PURE__ */ import_react.default.createElement(
+        "div",
+        {
+          className: (0, import_classnames.default)(
+            "boundary-container",
+            "ob-boundary-browser-not-compatible",
+            className
+          ),
+          ...restProps
+        },
+        /* @__PURE__ */ import_react.default.createElement("div", { className: "empty" }, /* @__PURE__ */ import_react.default.createElement("img", { src: imageUrl || notCompatibleInfo.imageUrl }), /* @__PURE__ */ import_react.default.createElement("h4", null, title || notCompatibleInfo.title), /* @__PURE__ */ import_react.default.createElement("span", null, subscription ? subscription : notCompatibleInfo.subscription))
+      );
     }
     return this.props.children;
   }

package/lib/Boundary/Components/Function.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import type { FunctionConfigType, FunctionStateType } from '../constant';
-export interface IBoundaryFunction {
+export interface IBoundaryFunction extends React.HTMLProps<HTMLDivElement> {
     children?: React.ReactNode;
     state: FunctionStateType;
     config: FunctionConfigType;

package/lib/Boundary/Components/Function.js

@@ -34,12 +34,20 @@ __export(Function_exports, {
 module.exports = __toCommonJS(Function_exports);
 var import_design = require("@oceanbase/design");
 var import_react = __toESM(require("react"));
+var import_classnames = __toESM(require("classnames"));
 var BoundaryFunction = (props) => {
-  const { children, state, config, onClick } = props;
+  const { children, state, config, onClick, className, ...restProps } = props;
   const info = (0, import_react.useMemo)(() => {
     return state ? config[state] : config[Object.keys(config)[0]];
   }, [config, state]);
-  return /* @__PURE__ */ import_react.default.createElement("div", { className: "boundary-container" }, /* @__PURE__ */ import_react.default.createElement("div", { className: "empty" }, /* @__PURE__ */ import_react.default.createElement("img", { src: info.imageUrl }), /* @__PURE__ */ import_react.default.createElement("h4", null, info.title), children, info.buttonText && /* @__PURE__ */ import_react.default.createElement(import_design.Button, { type: "primary", onClick: onClick || info.onClick }, info.buttonText)));
+  return /* @__PURE__ */ import_react.default.createElement(
+    "div",
+    {
+      className: (0, import_classnames.default)("boundary-container", "ob-boundary-function", className),
+      ...restProps
+    },
+    /* @__PURE__ */ import_react.default.createElement("div", { className: "empty" }, /* @__PURE__ */ import_react.default.createElement("img", { src: info.imageUrl }), /* @__PURE__ */ import_react.default.createElement("h4", null, info.title), children, info.buttonText && /* @__PURE__ */ import_react.default.createElement(import_design.Button, { type: "primary", onClick: onClick || info.onClick }, info.buttonText))
+  );
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

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;