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

package/es/Login/locale/ja-JP.js

@@ -0,0 +1,27 @@
+export default {
+  usernamePlaceholder: 'アカウントを入力してください',
+  usernameMessage: 'アカウントを入力してください',
+  passwordPlaceholder: 'パスワードを入力してください',
+  passwordMessage: 'パスワードを入力してください',
+  loginText: 'ログイン',
+  otherLoginText: 'サードパーティログイン',
+  isLoadingWarn: '実行中',
+  usernameLabel: 'ユーザー名',
+  switchLoginLabel: '既存アカウントでログイン',
+  switchRegisterLabel: 'アカウント登録',
+  userExistMessage: 'ユーザー名は既に存在します',
+  usernameFormatMessage: 'ユーザー名の形式が要件を満たしていません',
+  samePasswordMessage: '確認パスワードが一致しません',
+  usernameHelp: '英字、数字、アンダースコア、特殊文字 (._+@#$%) をサポート、長さ 4~48 文字',
+  usernameLengthMessage: 'ユーザー名の長さは 4~48 文字',
+  passwordLabel: 'パスワード',
+  passwordHelp: '少なくとも 2 桁の数字、2 文字の大文字、2 文字の小文字、2 文字の特殊文字 (._+@#$%) を含み、長さ 8~32 文字',
+  confirmPwdLabel: 'パスワード確認',
+  confirmPwdMessage: 'パスワードを再度入力してください',
+  registerBtn: '今すぐ登録',
+  registerTitle: 'アカウント登録',
+  activeTitle: 'パスワードを設定してアカウントを有効化',
+  activeTitleDescrition: 'アカウントのセキュリティのため、パスワードを設定してアカウントを有効化する必要があります',
+  activeSubmitBtn: '有効化',
+  activeBackBtn: '前のステップに戻る'
+};

package/es/PageContainer/locale/ja-JP.d.ts

@@ -0,0 +1,4 @@
+declare const _default: {
+    reload: string;
+};
+export default _default;

package/es/PageContainer/locale/ja-JP.js

@@ -0,0 +1,3 @@
+export default {
+  reload: '更新'
+};

package/es/PageContainer/style/index.js

@@ -22,9 +22,9 @@ export var genPageContainerStyle = function genPageContainerStyle(token) {
     minHeight: 'auto'
   }), "".concat(componentCls, "-warp-page-header,").concat(componentCls, "-wrap-page-header"), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({
     // 减小内容区左右两侧间距
-    paddingInlineStart: "".concat(paddingLG, "px !important"),
-    paddingInlineEnd: "".concat(paddingLG, "px !important"),
-    paddingBlockStart: "".concat(padding, "px !important"),
+    paddingInlineStart: "".concat(token.paddingXL, "px !important"),
+    paddingInlineEnd: "".concat(token.paddingXL, "px !important"),
+    paddingBlockStart: "".concat(paddingLG, "px !important"),
     paddingBlockEnd: "".concat(padding, "px !important")
   }, "".concat(antCls, "-page-header-breadcrumb"), {
     // overwritten pro-components style
@@ -45,9 +45,9 @@ export var genPageContainerStyle = function genPageContainerStyle(token) {
   }), "".concat(antCls, "-page-header-footer"), {
     marginBlockStart: 0
   })), "".concat(componentCls, "-children-container"), _defineProperty({
-    paddingInline: paddingLG,
+    paddingInline: token.paddingXL,
     paddingBlockStart: 0,
-    paddingBlockEnd: paddingLG
+    paddingBlockEnd: padding
   }, "& > ".concat(antCls, "-tabs-top:not(").concat(antCls, "-tabs-card):first-child"), {
     // equal to page header paddingBlockEnd
     marginTop: -padding

package/es/Password/locale/ja-JP.d.ts

@@ -0,0 +1,13 @@
+declare const _default: {
+    lengthRuleMessage: string;
+    charRuleMessage: string;
+    strengthRuleMessage: string;
+    placeholder: string;
+    generatePlaceholder: string;
+    randomlyGenerate: string;
+    pleaseRememberYourPassword: string;
+    copySuccessfully: string;
+    copyPassword: string;
+    andKeepItProperly: string;
+};
+export default _default;

package/es/Password/locale/ja-JP.js

@@ -0,0 +1,12 @@
+export default {
+  lengthRuleMessage: '長さは 8~32 文字',
+  charRuleMessage: '英字、数字、特殊文字（~!@#%^&*_-+=|(){}[]:;,.?/`$"<>\\）のみを含むことができます',
+  strengthRuleMessage: '大文字、小文字、数字、特殊文字をそれぞれ少なくとも 2 文字含む必要があります',
+  placeholder: 'パスワードを入力してください',
+  generatePlaceholder: '入力するかランダム生成',
+  randomlyGenerate: 'ランダム生成',
+  pleaseRememberYourPassword: 'パスワードを覚えて適切に保存してください',
+  copySuccessfully: 'コピー成功',
+  copyPassword: 'パスワードをコピー',
+  andKeepItProperly: '適切に保存'
+};

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/es/Ranger/locale/ja-JP.d.ts

@@ -0,0 +1,28 @@
+declare const _default: {
+    customize: string;
+    '\u8FD1 1 \u5206\u949F': string;
+    '\u8FD1 5 \u5206\u949F': string;
+    '\u8FD1 10 \u5206\u949F': string;
+    '\u8FD1 20 \u5206\u949F': string;
+    '\u8FD1 30 \u5206\u949F': string;
+    '\u8FD1 1 \u5C0F\u65F6': string;
+    '\u8FD1 2 \u5C0F\u65F6': string;
+    '\u8FD1 3 \u5C0F\u65F6': string;
+    '\u8FD1 6 \u5C0F\u65F6': string;
+    今天: string;
+    昨天: string;
+    明天: string;
+    本周: string;
+    上周: string;
+    下周: string;
+    本月: string;
+    上月: string;
+    下月: string;
+    本季度: string;
+    上季度: string;
+    下季度: string;
+    今年: string;
+    去年: string;
+    明年: string;
+};
+export default _default;

package/es/Ranger/locale/ja-JP.js

@@ -0,0 +1,29 @@
+export default {
+  customize: 'カスタム時間',
+  // 为保证和之前的逻辑兼容，仍然使用中文作为 key
+  // TODO: 后续需要替换为英文 key
+  '近 1 分钟': '過去 1 分',
+  '近 5 分钟': '過去 5 分',
+  '近 10 分钟': '過去 10 分',
+  '近 20 分钟': '過去 20 分',
+  '近 30 分钟': '過去 30 分',
+  '近 1 小时': '過去 1 時間',
+  '近 2 小时': '過去 2 時間',
+  '近 3 小时': '過去 3 時間',
+  '近 6 小时': '過去 6 時間',
+  今天: '今日',
+  昨天: '昨日',
+  明天: '明日',
+  本周: '今週',
+  上周: '先週',
+  下周: '来週',
+  本月: '今月',
+  上月: '先月',
+  下月: '来月',
+  本季度: '今四半期',
+  上季度: '前四半期',
+  下季度: '次四半期',
+  今年: '今年',
+  去年: '去年',
+  明年: '来年'
+};

package/es/SideTip/locale/ja-JP.d.ts

@@ -0,0 +1,2 @@
+declare const _default: {};
+export default _default;

package/es/SideTip/locale/ja-JP.js

@@ -0,0 +1 @@
+export default {};

package/es/TaskGraph/index.less

@@ -79,7 +79,7 @@
 
       .@{prefixCls}-tabs-tab-active {
         color: @colorText;
-        font-weight: normal;
+        font-weight: @fontWeight;
         background-color: #f7f8fc;
         border-bottom: none;
         border-left: none;

package/es/TaskGraph/locale/ja-JP.d.ts

@@ -0,0 +1,13 @@
+declare const _default: {
+    successful: string;
+    running: string;
+    failed: string;
+    pending: string;
+    taskId: string;
+    log: string;
+    parameter: string;
+    stop: string;
+    retry: string;
+    skip: string;
+};
+export default _default;

package/es/TaskGraph/locale/ja-JP.js

@@ -0,0 +1,12 @@
+export default {
+  successful: '完了',
+  running: 'タスク実行中',
+  failed: 'タスク失敗',
+  pending: '未開始',
+  taskId: 'タスク ID',
+  log: 'ログを表示',
+  parameter: 'パラメータを表示',
+  stop: '実行を停止',
+  retry: '再実行',
+  skip: '成功に設定'
+};

package/es/Welcome/locale/ja-JP.d.ts

@@ -0,0 +1,5 @@
+declare const _default: {
+    helpTitle: string;
+    defaultOperation: string;
+};
+export default _default;

package/es/Welcome/locale/ja-JP.js

@@ -0,0 +1,4 @@
+export default {
+  helpTitle: 'クイックスタート',
+  defaultOperation: 'デフォルト操作'
+};

package/es/locale/ja-JP.d.ts

@@ -0,0 +1,3 @@
+import type { Locale } from './index';
+declare const _default: Locale;
+export default _default;

package/es/locale/ja-JP.js

@@ -0,0 +1,42 @@
+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 _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 jaJP from '@oceanbase/design/es/locale/ja-JP';
+import BasicLayout from "../BasicLayout/locale/ja-JP";
+import BatchOperationBar from "../BatchOperationBar/locale/ja-JP";
+import Boundary from "../Boundary/locale/ja-JP";
+import Dialog from "../Dialog/locale/ja-JP";
+import DocDialog from "../DocDialog/locale/ja-JP";
+import FullscreenBox from "../FullscreenBox/locale/ja-JP";
+import GraphToolbar from "../GraphToolbar/locale/ja-JP";
+import Highlight from "../Highlight/locale/ja-JP";
+import Login from "../Login/locale/ja-JP";
+import PageContainer from "../PageContainer/locale/ja-JP";
+import Password from "../Password/locale/ja-JP";
+import Ranger from "../Ranger/locale/ja-JP";
+import DateRanger from "../DateRanger/locale/ja-JP";
+import SideTip from "../SideTip/locale/ja-JP";
+import TaskGraph from "../TaskGraph/locale/ja-JP";
+import Welcome from "../Welcome/locale/ja-JP";
+export default _objectSpread(_objectSpread({}, jaJP), {}, {
+  // 业务组件
+  BasicLayout: BasicLayout,
+  PageContainer: PageContainer,
+  Login: Login,
+  Welcome: Welcome,
+  GraphToolbar: GraphToolbar,
+  TaskGraph: TaskGraph,
+  Ranger: Ranger,
+  Password: Password,
+  Boundary: Boundary,
+  Dialog: Dialog,
+  SideTip: SideTip,
+  DocDialog: DocDialog,
+  Highlight: Highlight,
+  FullscreenBox: FullscreenBox,
+  BatchOperationBar: BatchOperationBar,
+  DateRanger: DateRanger
+});

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;
@@ -48,6 +49,64 @@ var getOrder = ({ type, fixed }) => {
   }
   return order;
 };
+var findActionComponent = (element, depth = 0) => {
+  var _a, _b, _c;
+  if (!import_react.default.isValidElement(element)) {
+    return null;
+  }
+  if (((_a = element.type) == null ? void 0 : _a.__DISPLAY_NAME) === "button" || ((_b = element.type) == null ? void 0 : _b.__DISPLAY_NAME) === "link") {
+    return { action: element, wrapper: null };
+  }
+  if (depth > 10) {
+    return null;
+  }
+  const elementChildren = (_c = element.props) == null ? void 0 : _c.children;
+  if (elementChildren) {
+    const child = import_react.default.Children.only(elementChildren);
+    if (import_react.default.isValidElement(child)) {
+      const result = findActionComponent(child, depth + 1);
+      if (result) {
+        return { action: result.action, wrapper: element };
+      }
+    }
+  }
+  return null;
+};
+var renderMenuItemContent = (action, actionProps, enableLoading) => {
+  const { loading, children, tooltip } = actionProps;
+  const result = findActionComponent(action);
+  if (!result) {
+    const content2 = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+      loading && enableLoading && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.LoadingOutlined, {}),
+      " ",
+      children || action
+    ] });
+    return tooltip ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_design.Tooltip, { title: tooltip, children: content2 }) : content2;
+  }
+  const { action: actualAction, wrapper } = result;
+  const newAction = import_react.default.cloneElement(actualAction, {
+    ...actualAction.props,
+    ...actionProps,
+    children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+      loading && enableLoading && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.LoadingOutlined, {}),
+      " ",
+      children || actualAction.props.children
+    ] })
+  });
+  if (wrapper) {
+    const wrapperProps = wrapper.props;
+    return import_react.default.cloneElement(wrapper, {
+      ...wrapperProps,
+      children: newAction
+    });
+  }
+  const content = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+    loading && enableLoading && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.LoadingOutlined, {}),
+    " ",
+    children || actualAction.props.children
+  ] });
+  return tooltip ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_design.Tooltip, { title: tooltip, children: content }) : content;
+};
 var Group_default = ({
   prefixCls: customizePrefixCls,
   size = 3,
@@ -95,58 +154,75 @@ 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;
+            const actionResult = findActionComponent(action);
+            const actualAction = (actionResult == null ? void 0 : actionResult.action) || action;
+            const actionProps = actualAction.props;
+            const actionDisabled = actionProps.loading || ((0, import_lodash.isBoolean)(actionProps.disabled) ? actionProps.disabled : getDefaultDisabled(action.key));
+            const menuItemProps = (0, import_lodash.omit)(actionProps, [
+              "disabled",
+              "loading",
+              "tooltip",
+              "visible",
+              "fixed",
+              "enableLoading",
+              "onClick",
+              "children",
+              "danger"
+            ]);
+            const handleMenuItemClick = (info) => {
+              var _a;
+              if (actionResult == null ? void 0 : actionResult.wrapper) {
+                return;
+              }
+              (_a = actionProps.onClick) == null ? void 0 : _a.call(actionProps, info.domEvent);
+            };
+            return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                import_design.Menu.Item,
+                {
+                  onClick: handleMenuItemClick,
+                  disabled: actionDisabled,
+                  danger: !!actionProps.danger,
+                  ...menuItemProps,
+                  children: renderMenuItemContent(action, actionProps, enableLoading)
+                },
+                actionKey ?? index.toString()
+              ),
+              actionProps.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/Action/style/index.js

@@ -32,7 +32,6 @@ var genActionStyle = (token) => {
   const margin = `-${paddingVertical}px -${paddingHorizontal}px`;
   return {
     [`${componentCls}-more-menu`]: {
-      background: "red",
       [`${antCls}-dropdown-menu-item`]: {
         [`${antCls}-typography`]: {
           display: "block",
@@ -61,6 +60,22 @@ var genActionStyle = (token) => {
           [`${antCls}-wave`]: {
             display: "none"
           }
+        },
+        // 确保 danger 状态的样式能够正确显示，不覆盖 Menu.Item 的默认 danger 颜色
+        [`&${antCls}-dropdown-menu-item-danger`]: {
+          [`${antCls}-typography`]: {
+            [`&:not(${antCls}-typography-disabled)`]: {
+              color: "unset"
+            }
+          },
+          [`${antCls}-btn`]: {
+            [`&:not(:disabled):not(${antCls}-btn-disabled)`]: {
+              color: "unset",
+              [`&:hover`]: {
+                color: "unset"
+              }
+            }
+          }
         }
       }
     }