@oceanbase/ui 1.0.0-alpha.2 → 1.0.0-alpha.3

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

@@ -1,7 +1,7 @@
 /// <reference types="react" />
-import type { GenerateStyle } from '@oceanbase/design/es/theme';
+import type { CSSObject } from '@ant-design/cssinjs';
 import type { OBToken } from '../../_util/genComponentStyleHook';
-export declare const genActionStyle: GenerateStyle<OBToken>;
+export declare const genActionStyle: (token: OBToken) => CSSObject;
 declare const _default: (prefixCls: string) => {
     wrapSSR: (node: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) => import("react").JSX.Element;
     hashId: string;

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

@@ -1,8 +1,6 @@
 /// <reference types="react" />
-import type { CSSObject } from '@ant-design/cssinjs';
 import type { FooterToolBarToken } from '@ant-design/pro-layout/es/components/FooterToolbar/style';
 import type { GenerateStyle } from '@oceanbase/design/es/theme';
-export declare const genCompactStyle: (componentCls: string, subComponentCls?: string) => CSSObject;
 export declare const genFooterToolbarStyle: GenerateStyle<FooterToolBarToken>;
 declare const _default: (prefixCls: string) => {
     wrapSSR: (node: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) => import("react").JSX.Element;

package/es/FooterToolbar/style/index.js

@@ -3,18 +3,6 @@ function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key i
 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 genCompactStyle = function genCompactStyle(componentCls) {
-  var subComponentCls = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '';
-  return _defineProperty(_defineProperty(_defineProperty({}, "&".concat(componentCls, "-compact-item:not(").concat(componentCls, "-compact-last-item)").concat(componentCls, "-compact-first-item ").concat(subComponentCls), {
-    borderStartEndRadius: 0,
-    borderEndEndRadius: 0
-  }), "&".concat(componentCls, "-compact-item:not(").concat(componentCls, "-compact-first-item):not(").concat(componentCls, "-compact-last-item) ").concat(subComponentCls), {
-    borderRadius: 0
-  }), "&".concat(componentCls, "-compact-item:not(").concat(componentCls, "-compact-first-item)").concat(componentCls, "-compact-last-item ").concat(subComponentCls), {
-    borderStartStartRadius: 0,
-    borderEndStartRadius: 0
-  });
-};
 export var genFooterToolbarStyle = function genFooterToolbarStyle(token) {
   var componentCls = token.componentCls,
     colorBgBase = token.colorBgBase,

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

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

@@ -1,7 +1,7 @@
 /// <reference types="react" />
-import type { GenerateStyle } from '@oceanbase/design/es/theme';
+import type { CSSObject } from '@ant-design/cssinjs';
 import type { OBToken } from '../../_util/genComponentStyleHook';
-export declare const genProCardStyle: GenerateStyle<OBToken>;
+export declare const genProCardStyle: (token: OBToken, outerComponentCls?: string) => CSSObject;
 declare const _default: (prefixCls: string) => {
     wrapSSR: (node: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) => import("react").JSX.Element;
     hashId: string;

package/es/ProCard/style/index.js

@@ -6,10 +6,11 @@ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol"
 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 { Card, Tabs } from '@oceanbase/design';
 import { genComponentStyleHook } from "../../_util/genComponentStyleHook";
-export var genProCardStyle = function genProCardStyle(token) {
-  var componentCls = token.componentCls,
+export var genProCardStyle = function genProCardStyle(token, outerComponentCls) {
+  var innerComponentCls = token.componentCls,
     antCls = token.antCls,
     prefixCls = token.prefixCls;
+  var componentCls = outerComponentCls || innerComponentCls;
   var tableComponentCls = "".concat(antCls, "-table");
   var tabsComponentCls = "".concat(antCls, "-tabs");
   var tabsPrefixCls = "".concat(prefixCls, "-tabs");

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

@@ -1,7 +1,7 @@
 /// <reference types="react" />
-import type { GenerateStyle } from '@oceanbase/design/es/theme';
+import type { CSSObject } from '@ant-design/cssinjs';
 import type { OBToken } from '../../_util/genComponentStyleHook';
-export declare const genProTableStyle: GenerateStyle<OBToken>;
+export declare const genProTableStyle: (token: OBToken) => CSSObject;
 declare const _default: (prefixCls: string) => {
     wrapSSR: (node: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) => import("react").JSX.Element;
     hashId: string;

package/es/ProTable/style/index.js

@@ -6,22 +6,23 @@ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol"
 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 { Card } from '@oceanbase/design';
 import { genComponentStyleHook } from "../../_util/genComponentStyleHook";
+import { genProCardStyle } from "../../ProCard/style";
 export var genProTableStyle = function genProTableStyle(token) {
   var antCls = token.antCls,
     componentCls = token.componentCls,
     proComponentsCls = token.proComponentsCls;
   var proCardComponentCls = "".concat(proComponentsCls, "-card");
-  return _defineProperty({}, "".concat(componentCls), _defineProperty(_defineProperty(_defineProperty({}, "".concat(proComponentsCls, "-query-filter-actions"), _defineProperty({}, "".concat(antCls, "-space").concat(antCls, "-space-horizontal").concat(antCls, "-space-align-center"), {
+  return _objectSpread(_defineProperty({}, "".concat(componentCls), _defineProperty(_defineProperty(_defineProperty({}, "".concat(proComponentsCls, "-query-filter-actions"), _defineProperty({}, "".concat(antCls, "-space").concat(antCls, "-space-horizontal").concat(antCls, "-space-align-center"), {
     flexDirection: 'row-reverse'
-  })), "".concat(proCardComponentCls, ":not(").concat(proCardComponentCls, "-no-divider)"), _defineProperty({}, "".concat(proCardComponentCls, "-body"), _defineProperty({}, "".concat(componentCls, "-list-toolbar-container"), {
-    borderBottom: "".concat(token.lineWidth, "px solid ").concat(token.colorBorderSecondary)
-  }))), "".concat(proCardComponentCls).concat(proCardComponentCls, "-no-padding"), _objectSpread(_defineProperty({}, "".concat(proCardComponentCls, "-body"), _defineProperty({
+  })), "& > ".concat(proCardComponentCls, ", ").concat(proCardComponentCls).concat(componentCls, "-search-light-filter"), {
+    boxShadow: 'none !important'
+  }), "".concat(proCardComponentCls).concat(proCardComponentCls, "-no-padding"), _objectSpread(_defineProperty({}, "".concat(proCardComponentCls, "-body"), _defineProperty({
     paddingInline: 0
   }, "".concat(componentCls, "-list-toolbar-container"), {
     paddingInline: token.paddingLG
   })), Card.genTableStyle(token.paddingLG, _objectSpread(_objectSpread({}, token), {}, {
     componentCls: proCardComponentCls
-  })))));
+  }))))), genProCardStyle(token, proCardComponentCls));
 };
 export default (function (prefixCls) {
   var useStyle = genComponentStyleHook('ProTable', function (token) {

package/lib/Action/Group.js

@@ -37,6 +37,7 @@ var import_design = require("@oceanbase/design");
 var import_icons = require("@oceanbase/icons");
 var import_lodash = require("lodash");
 var import_style = __toESM(require("./style"));
+var import_jsx_runtime = require("react/jsx-runtime");
 var getOrder = ({ type, fixed }) => {
   const ORDER_SET = { primary: 3, fixed: 2, default: 0 };
   let order = ORDER_SET.default;
@@ -95,58 +96,68 @@ var Group_default = ({
   const getDefaultDisabled = (key) => (shouldDisabled == null ? void 0 : shouldDisabled(key)) ?? false;
   let moreDom;
   if (ellipsisType === "button") {
-    moreDom = /* @__PURE__ */ import_react.default.createElement(
+    moreDom = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       import_design.Button,
       {
         size: buttonSize,
-        icon: moreText ? void 0 : /* @__PURE__ */ import_react.default.createElement(import_icons.EllipsisOutlined, { style: { cursor: "pointer" } })
-      },
-      moreText
+        icon: moreText ? void 0 : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.EllipsisOutlined, { style: { cursor: "pointer" } }),
+        children: moreText
+      }
     );
   } else {
-    moreDom = /* @__PURE__ */ import_react.default.createElement(import_design.Typography.Link, null, moreText ?? /* @__PURE__ */ import_react.default.createElement(import_icons.EllipsisOutlined, { style: { cursor: "pointer" } }));
+    moreDom = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_design.Typography.Link, { children: moreText ?? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.EllipsisOutlined, { style: { cursor: "pointer" } }) });
   }
   return wrapSSR(
-    /* @__PURE__ */ import_react.default.createElement(import_design.Space, { size: ellipsisType === "button" ? 8 : 16 }, mainActions.map((action) => {
-      return import_react.default.cloneElement(action, {
-        // size should be covered by action props
-        size: buttonSize,
-        ...action.props,
-        key: action.key,
-        enableLoading,
-        disabled: (0, import_lodash.isBoolean)(action.props.disabled) ? action.props.disabled : getDefaultDisabled(action.key)
-      });
-    }), ellipsisActions.length > 0 && /* @__PURE__ */ import_react.default.createElement(
-      import_design.Dropdown,
-      {
-        placement: dropDownPlacement,
-        overlay: /* @__PURE__ */ import_react.default.createElement(import_design.Menu, { className: `${prefixCls}-more-menu` }, ellipsisActions.map((action, index) => {
-          const actionKey = action.key;
-          let disabled = false;
-          if ((0, import_lodash.isBoolean)(action.props.disabled))
-            disabled = action.props.disabled;
-          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 /* @__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
-                );
-              },
-              ...(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
-    ))
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_design.Space, { size: ellipsisType === "button" ? 8 : 16, children: [
+      mainActions.map((action) => {
+        return import_react.default.cloneElement(action, {
+          // size should be covered by action props
+          size: buttonSize,
+          ...action.props,
+          key: action.key,
+          enableLoading,
+          disabled: (0, import_lodash.isBoolean)(action.props.disabled) ? action.props.disabled : getDefaultDisabled(action.key)
+        });
+      }),
+      ellipsisActions.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_design.Dropdown,
+        {
+          placement: dropDownPlacement,
+          overlay: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_design.Menu, { className: `${prefixCls}-more-menu`, children: ellipsisActions.map((action, index) => {
+            const actionKey = action.key;
+            let disabled = false;
+            if ((0, import_lodash.isBoolean)(action.props.disabled))
+              disabled = action.props.disabled;
+            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 /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                import_design.Menu.Item,
+                {
+                  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,
+                  children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_design.Tooltip, { title: action.props.tooltip, children: [
+                    action.props.loading && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.LoadingOutlined, {}),
+                    " ",
+                    action.props.children || action
+                  ] })
+                },
+                actionKey ?? index.toString()
+              ),
+              action.props.divider && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_design.Menu.Divider, {})
+            ] });
+          }) }),
+          children: moreDom
+        }
+      )
+    ] })
   );
 };

package/lib/Action/Item.js

@@ -36,6 +36,7 @@ module.exports = __toCommonJS(Item_exports);
 var import_icons = require("@oceanbase/icons");
 var import_design = require("@oceanbase/design");
 var import_react = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
 var ActionButton = class extends import_react.default.PureComponent {
   constructor() {
     super(...arguments);
@@ -45,7 +46,7 @@ var ActionButton = class extends import_react.default.PureComponent {
   }
   render() {
     const { children, onClick, enableLoading = true, tooltip, loading, ...restProps } = this.props;
-    return /* @__PURE__ */ import_react.default.createElement(import_design.Tooltip, { placement: "top", title: tooltip }, /* @__PURE__ */ import_react.default.createElement(
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_design.Tooltip, { placement: "top", title: tooltip, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       import_design.Button,
       {
         loading: enableLoading && (loading || this.state.loading),
@@ -58,10 +59,10 @@ var ActionButton = class extends import_react.default.PureComponent {
             });
           }
         },
-        ...restProps
-      },
-      children
-    ));
+        ...restProps,
+        children
+      }
+    ) });
   }
 };
 ActionButton.__DISPLAY_NAME = "button";
@@ -85,7 +86,7 @@ var ActionLink = class extends import_react.default.PureComponent {
       style,
       ...restProps
     } = this.props;
-    return /* @__PURE__ */ import_react.default.createElement(
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       import_design.Typography.Link,
       {
         style: { padding: 0, ...style },
@@ -99,9 +100,13 @@ var ActionLink = class extends import_react.default.PureComponent {
             });
           }
         },
-        ...restProps
-      },
-      /* @__PURE__ */ import_react.default.createElement(import_design.Tooltip, { placement: "top", title: tooltip }, loading || this.state.disabled ? /* @__PURE__ */ import_react.default.createElement(import_icons.LoadingOutlined, null) : "", " ", children)
+        ...restProps,
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_design.Tooltip, { placement: "top", title: tooltip, children: [
+          loading || this.state.disabled ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.LoadingOutlined, {}) : "",
+          " ",
+          children
+        ] })
+      }
     );
   }
 };

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

@@ -1,7 +1,7 @@
 /// <reference types="react" />
-import type { GenerateStyle } from '@oceanbase/design/es/theme';
+import type { CSSObject } from '@ant-design/cssinjs';
 import type { OBToken } from '../../_util/genComponentStyleHook';
-export declare const genActionStyle: GenerateStyle<OBToken>;
+export declare const genActionStyle: (token: OBToken) => CSSObject;
 declare const _default: (prefixCls: string) => {
     wrapSSR: (node: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>) => import("react").JSX.Element;
     hashId: string;

package/lib/BackgroundTaskManager/RefreshMan.js

@@ -1,8 +1,6 @@
-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)
@@ -16,14 +14,6 @@ var __copyProps = (to, from, except, desc) => {
   }
   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/BackgroundTaskManager/RefreshMan.tsx
@@ -34,8 +24,9 @@ __export(RefreshMan_exports, {
 module.exports = __toCommonJS(RefreshMan_exports);
 var import_ahooks = require("ahooks");
 var import_design = require("@oceanbase/design");
-var import_react = __toESM(require("react"));
+var import_react = require("react");
 var import_constants = require("./constants");
+var import_jsx_runtime = require("react/jsx-runtime");
 var RefreshMan = (0, import_react.forwardRef)((props, ref) => {
   const {
     run,
@@ -78,7 +69,7 @@ var RefreshMan = (0, import_react.forwardRef)((props, ref) => {
       stopLoop();
     };
   }, [startLoop, stopLoop, timeout]);
-  return /* @__PURE__ */ import_react.default.createElement(import_design.Spin, { spinning: spinning && refreshManLoading }, /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, children));
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_design.Spin, { spinning: spinning && refreshManLoading, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children }) });
 });
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {

package/lib/BackgroundTaskManager/index.js

@@ -1,8 +1,6 @@
-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)
@@ -16,14 +14,6 @@ var __copyProps = (to, from, except, desc) => {
   }
   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/BackgroundTaskManager/index.tsx
@@ -34,10 +24,11 @@ __export(BackgroundTaskManager_exports, {
   default: () => BackgroundTaskManager_default
 });
 module.exports = __toCommonJS(BackgroundTaskManager_exports);
-var import_react = __toESM(require("react"));
+var import_react = require("react");
 var import_design = require("@oceanbase/design");
 var import_constants = require("./constants");
 var import_RefreshMan = require("./RefreshMan");
+var import_jsx_runtime = require("react/jsx-runtime");
 var NotificationApi = /* @__PURE__ */ ((NotificationApi2) => {
   NotificationApi2["success"] = "success";
   NotificationApi2["error"] = "error";
@@ -166,7 +157,7 @@ var BackgroundTaskManager_default = (0, import_react.forwardRef)((props, ref) =>
       window.removeEventListener("beforeunload", onUnload);
     };
   }, [queue, preset]);
-  return /* @__PURE__ */ import_react.default.createElement(import_react.default.Fragment, null, !!taskQueue.length && /* @__PURE__ */ import_react.default.createElement(import_RefreshMan.RefreshMan, { run, rollingFrequency }));
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: !!taskQueue.length && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_RefreshMan.RefreshMan, { run, rollingFrequency }) });
 });
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {