@oceanbase/ui 1.0.0-alpha.10 → 1.0.0-alpha.11

package/es/locale/LocaleWrapper.js

@@ -17,6 +17,7 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
 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); }
+"use client";
 import { ConfigProvider } from '@oceanbase/design';
 import hoistNonReactStatic from 'hoist-non-react-statics';
 import React from 'react';

package/es/locale/index.js

@@ -1 +1,2 @@
+"use client";
 export {};

package/lib/Action/Group.js

@@ -1,47 +1,30 @@
-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);
+"use strict";
 
-// src/Action/Group.tsx
-var Group_exports = {};
-__export(Group_exports, {
-  default: () => Group_default
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(Group_exports);
-var import_react = __toESM(require("react"));
-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 };
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _design = require("@oceanbase/design");
+var _icons = require("@oceanbase/icons");
+var _lodash = require("lodash");
+var _style = _interopRequireDefault(require("./style"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+"use client";
+const getOrder = ({
+  type,
+  fixed
+}) => {
+  const ORDER_SET = {
+    primary: 3,
+    fixed: 2,
+    default: 0
+  };
   let order = ORDER_SET.default;
-  if (type === "primary") {
+  if (type === 'primary') {
     order += ORDER_SET.primary;
   }
   if (fixed) {
@@ -49,65 +32,103 @@ var getOrder = ({ type, fixed }) => {
   }
   return order;
 };
-var findActionComponent = (element, depth = 0) => {
-  var _a, _b, _c;
-  if (!import_react.default.isValidElement(element)) {
+
+/**
+ * 递归查找 Action 组件（可能被 Popconfirm/Tooltip 等组件包裹）
+ * 返回实际的 Action 组件和其 props
+ */
+const findActionComponent = (element, depth = 0) => {
+  if (! /*#__PURE__*/_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 };
+
+  // 检查是否是 Action.Button 或 Action.Link
+  // @ts-ignore
+  if (element.type?.__DISPLAY_NAME === 'button' || element.type?.__DISPLAY_NAME === 'link') {
+    return {
+      action: element,
+      wrapper: null
+    };
   }
+
+  // 如果深度太深，避免无限递归
   if (depth > 10) {
     return null;
   }
-  const elementChildren = (_c = element.props) == null ? void 0 : _c.children;
+
+  // 如果有 children，递归查找
+  const elementChildren = element.props?.children;
   if (elementChildren) {
-    const child = import_react.default.Children.only(elementChildren);
-    if (import_react.default.isValidElement(child)) {
+    const child = _react.default.Children.only(elementChildren);
+    if ( /*#__PURE__*/_react.default.isValidElement(child)) {
       const result = findActionComponent(child, depth + 1);
       if (result) {
-        return { action: result.action, wrapper: element };
+        // 如果找到了 Action 组件，当前元素就是 wrapper
+        return {
+          action: result.action,
+          wrapper: element
+        };
       }
     }
   }
   return null;
 };
-var renderMenuItemContent = (action, actionProps, enableLoading) => {
-  const { loading, children, tooltip } = actionProps;
+
+/**
+ * 渲染菜单项内容，保持嵌套的 Popconfirm/Tooltip 结构
+ */
+const 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 content = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+      children: [loading && enableLoading && /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.LoadingOutlined, {}), " ", children || action]
+    });
+    // 如果有 tooltip，用 Tooltip 包裹
+    return tooltip ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_design.Tooltip, {
+      title: tooltip,
+      children: content
+    }) : content;
   }
-  const { action: actualAction, wrapper } = result;
-  const newAction = import_react.default.cloneElement(actualAction, {
+  const {
+    action: actualAction,
+    wrapper
+  } = result;
+
+  // 创建新的 action 元素，保留所有 props 并添加 loading 状态
+  const newAction = /*#__PURE__*/_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
-    ] })
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+      children: [loading && enableLoading && /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.LoadingOutlined, {}), " ", children || actualAction.props.children]
+    })
   });
+
+  // 如果 action 被包裹，需要重新构建包裹结构
   if (wrapper) {
     const wrapperProps = wrapper.props;
-    return import_react.default.cloneElement(wrapper, {
+    // 保持原有的 wrapper 结构，只更新 children
+    return /*#__PURE__*/_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;
+
+  // 如果没有包裹，直接渲染，如果有 tooltip 则用 Tooltip 包裹
+  const content = /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [loading && enableLoading && /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.LoadingOutlined, {}), " ", children || actualAction.props.children]
+  });
+  return tooltip ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_design.Tooltip, {
+    title: tooltip,
+    children: content
+  }) : content;
 };
-var Group_default = ({
+var _default = ({
   prefixCls: customizePrefixCls,
   size = 3,
   children,
@@ -119,16 +140,16 @@ var Group_default = ({
   moreType,
   buttonSize
 }) => {
-  const { getPrefixCls } = (0, import_react.useContext)(import_design.ConfigProvider.ConfigContext);
-  const prefixCls = getPrefixCls("action", customizePrefixCls);
-  const { wrapSSR } = (0, import_style.default)(prefixCls);
-  const visibleActions = Array.isArray(children) ? children.filter((c) => {
-    if ((0, import_lodash.isBoolean)(c.props.visible) && shouldVisible)
-      return c.props.visible && shouldVisible(c.key);
-    if ((0, import_lodash.isBoolean)(c.props.visible))
-      return c.props.visible;
-    else if (shouldVisible)
-      return shouldVisible(c.key);
+  const {
+    getPrefixCls
+  } = (0, _react.useContext)(_design.ConfigProvider.ConfigContext);
+  const prefixCls = getPrefixCls('action', customizePrefixCls);
+  const {
+    wrapSSR
+  } = (0, _style.default)(prefixCls);
+  const visibleActions = Array.isArray(children) ? children.filter(c => {
+    if ((0, _lodash.isBoolean)(c.props.visible) && shouldVisible) return c.props.visible && shouldVisible(c.key);
+    if ((0, _lodash.isBoolean)(c.props.visible)) return c.props.visible;else if (shouldVisible) return shouldVisible(c.key);
     return true;
   }) : [children];
   const visibleActionsSort = visibleActions.slice(0);
@@ -137,92 +158,98 @@ var Group_default = ({
     const orderB = getOrder(b.props);
     return orderB - orderA;
   });
-  const fixedSize = visibleActionsSort.filter(
-    (action) => action.props.type === "primary" || action.props.fixed
-  ).length;
-  const realSize = (0, import_lodash.max)([fixedSize, size]);
+  const fixedSize = visibleActionsSort.filter(action => action.props.type === 'primary' || action.props.fixed).length;
+  const realSize = (0, _lodash.max)([fixedSize, size]);
   const mainActions = visibleActionsSort.slice(0, realSize);
   const ellipsisActions = visibleActionsSort.slice(realSize);
-  let ellipsisType = "link";
-  if (visibleActionsSort.some((action) => action.type.__DISPLAY_NAME === "button")) {
-    ellipsisType = "button";
+  let ellipsisType = 'link';
+
+  // @ts-ignore
+  if (visibleActionsSort.some(action => action.type.__DISPLAY_NAME === 'button')) {
+    ellipsisType = 'button';
   }
-  if (visibleActionsSort.some((action) => action.type.__DISPLAY_NAME === "link")) {
-    ellipsisType = "link";
+
+  // @ts-ignore
+  if (visibleActionsSort.some(action => action.type.__DISPLAY_NAME === 'link')) {
+    ellipsisType = 'link';
   }
   ellipsisType = moreType ?? ellipsisType;
-  const getDefaultDisabled = (key) => (shouldDisabled == null ? void 0 : shouldDisabled(key)) ?? false;
+  const getDefaultDisabled = key => shouldDisabled?.(key) ?? false;
   let moreDom;
-  if (ellipsisType === "button") {
-    moreDom = /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      import_design.Button,
-      {
-        size: buttonSize,
-        icon: moreText ? void 0 : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.EllipsisOutlined, { style: { cursor: "pointer" } }),
-        children: moreText
-      }
-    );
+  if (ellipsisType === 'button') {
+    moreDom = /*#__PURE__*/(0, _jsxRuntime.jsx)(_design.Button, {
+      size: buttonSize,
+      icon: moreText ? undefined : /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.EllipsisOutlined, {
+        style: {
+          cursor: 'pointer'
+        }
+      }),
+      children: moreText
+    });
   } else {
-    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" } }) });
+    moreDom = /*#__PURE__*/(0, _jsxRuntime.jsx)(_design.Typography.Link, {
+      children: moreText ?? /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.EllipsisOutlined, {
+        style: {
+          cursor: 'pointer'
+        }
+      })
+    });
   }
-  return wrapSSR(
-    /* @__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)
-        });
+  return wrapSSR( /*#__PURE__*/(0, _jsxRuntime.jsxs)(_design.Space, {
+    size: ellipsisType === 'button' ? 8 : 16,
+    children: [mainActions.map(action => {
+      return /*#__PURE__*/_react.default.cloneElement(action, {
+        // size should be covered by action props
+        size: buttonSize,
+        ...action.props,
+        key: action.key,
+        enableLoading: enableLoading,
+        disabled: (0, _lodash.isBoolean)(action.props.disabled) ? action.props.disabled : getDefaultDisabled(action.key)
+      });
+    }), ellipsisActions.length > 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_design.Dropdown, {
+      placement: dropDownPlacement,
+      overlay: /*#__PURE__*/(0, _jsxRuntime.jsx)(_design.Menu, {
+        className: `${prefixCls}-more-menu`,
+        children: ellipsisActions.map((action, index) => {
+          const actionKey = action.key;
+          // 查找实际的 Action 组件以获取 props
+          const actionResult = findActionComponent(action);
+          const actualAction = actionResult?.action || action;
+          const actionProps = actualAction.props;
+
+          // 当用户传入loading 或者 传入 disabled 的情况都要禁用按钮
+          const actionDisabled = actionProps.loading || ((0, _lodash.isBoolean)(actionProps.disabled) ? actionProps.disabled : getDefaultDisabled(action.key));
+
+          // 提取需要传递给 Menu.Item 的 props（排除 danger，单独处理）
+          const menuItemProps = (0, _lodash.omit)(actionProps, ['disabled', 'loading', 'tooltip', 'visible', 'fixed', 'enableLoading', 'onClick', 'children', 'danger']);
+
+          // 处理 onClick：如果 action 被 Popconfirm 包裹，Menu.Item 的 onClick 不应该直接触发 action 的 onClick
+          // 而是让 Popconfirm 来处理。如果没有 Popconfirm，则正常触发。
+          const handleMenuItemClick = info => {
+            // 如果 action 被包裹（可能是 Popconfirm 或其他组件），不直接触发 onClick
+            // 让包裹组件来处理交互
+            if (actionResult?.wrapper) {
+              // 包裹组件会处理点击，这里不需要做任何事
+              // 注意：Menu.Item 的点击会关闭下拉菜单，但 Popconfirm 应该能够正常显示
+              return;
+            }
+            // 如果没有包裹，正常触发 onClick
+            actionProps.onClick?.(info.domEvent);
+          };
+          return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_design.Menu.Item, {
+              // @ts-ignore
+              onClick: handleMenuItemClick,
+              disabled: actionDisabled,
+              danger: !!actionProps.danger,
+              ...menuItemProps,
+              children: renderMenuItemContent(action, actionProps, enableLoading)
+            }, actionKey ?? index.toString()), actionProps.divider && /*#__PURE__*/(0, _jsxRuntime.jsx)(_design.Menu.Divider, {})]
+          });
+        })
       }),
-      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
-        }
-      )
-    ] })
-  );
+      children: moreDom
+    })]
+  }));
 };
+exports.default = _default;

package/lib/Action/Item.js

@@ -1,33 +1,17 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+"use strict";
 
-// src/Action/Item.tsx
-var Item_exports = {};
-__export(Item_exports, {
-  ActionButton: () => ActionButton,
-  ActionLink: () => ActionLink
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(Item_exports);
-var import_icons = require("@oceanbase/icons");
-var import_design = require("@oceanbase/design");
-var import_react = require("react");
-var import_jsx_runtime = require("react/jsx-runtime");
-var ActionButton = ({
+exports.ActionLink = exports.ActionButton = void 0;
+var _icons = require("@oceanbase/icons");
+var _design = require("@oceanbase/design");
+var _react = _interopRequireWildcard(require("react"));
+var _jsxRuntime = require("react/jsx-runtime");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+"use client";
+const ActionButton = ({
   children,
   onClick,
   enableLoading = true,
@@ -35,28 +19,30 @@ var ActionButton = ({
   loading,
   ...restProps
 }) => {
-  const [internalLoading, setInternalLoading] = (0, import_react.useState)(false);
-  const handleClick = (e) => {
-    const handle = onClick == null ? void 0 : onClick(e);
-    if (enableLoading && (handle == null ? void 0 : handle.then)) {
+  const [internalLoading, setInternalLoading] = (0, _react.useState)(false);
+  const handleClick = e => {
+    const handle = onClick?.(e);
+    if (enableLoading && handle?.then) {
       setInternalLoading(true);
       handle.then(() => {
         setInternalLoading(false);
       });
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_design.Tooltip, { placement: "top", title: tooltip, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    import_design.Button,
-    {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_design.Tooltip, {
+    placement: "top",
+    title: tooltip,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_design.Button, {
       loading: enableLoading && (loading || internalLoading),
       onClick: handleClick,
       ...restProps,
-      children
-    }
-  ) });
+      children: children
+    })
+  });
 };
-ActionButton.__DISPLAY_NAME = "button";
-var ActionLink = ({
+exports.ActionButton = ActionButton;
+ActionButton.__DISPLAY_NAME = 'button';
+const ActionLink = ({
   disabled,
   onClick,
   children,
@@ -67,11 +53,11 @@ var ActionLink = ({
   style,
   ...restProps
 }) => {
-  const [internalLoading, setInternalLoading] = (0, import_react.useState)(false);
-  const [internalDisabled, setInternalDisabled] = (0, import_react.useState)(false);
-  const handleClick = (e) => {
-    const handle = onClick == null ? void 0 : onClick(e);
-    if (enableLoading && (handle == null ? void 0 : handle.then)) {
+  const [internalLoading, setInternalLoading] = (0, _react.useState)(false);
+  const [internalDisabled, setInternalDisabled] = (0, _react.useState)(false);
+  const handleClick = e => {
+    const handle = onClick?.(e);
+    if (enableLoading && handle?.then) {
       setInternalLoading(true);
       setInternalDisabled(true);
       handle.then(() => {
@@ -80,24 +66,20 @@ var ActionLink = ({
       });
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    import_design.Typography.Link,
-    {
-      style: { padding: 0, ...style },
-      disabled: loading || disabled || internalDisabled,
-      onClick: handleClick,
-      ...restProps,
-      children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_design.Tooltip, { placement: "top", title: tooltip, children: [
-        loading || internalDisabled ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.LoadingOutlined, {}) : "",
-        " ",
-        children
-      ] })
-    }
-  );
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_design.Typography.Link, {
+    style: {
+      padding: 0,
+      ...style
+    },
+    disabled: loading || disabled || internalDisabled,
+    onClick: handleClick,
+    ...restProps,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_design.Tooltip, {
+      placement: "top",
+      title: tooltip,
+      children: [loading || internalDisabled ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.LoadingOutlined, {}) : '', " ", children]
+    })
+  });
 };
-ActionLink.__DISPLAY_NAME = "link";
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  ActionButton,
-  ActionLink
-});
+exports.ActionLink = ActionLink;
+ActionLink.__DISPLAY_NAME = 'link';

package/lib/Action/index.js

@@ -1,37 +1,15 @@
-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);
+"use strict";
 
-// src/Action/index.ts
-var Action_exports = {};
-__export(Action_exports, {
-  default: () => Action_default
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(Action_exports);
-var import_Group = __toESM(require("./Group"));
-var import_Item = require("./Item");
-var Action_default = { Group: import_Group.default, Button: import_Item.ActionButton, Link: import_Item.ActionLink };
+exports.default = void 0;
+var _Group = _interopRequireDefault(require("./Group"));
+var _Item = require("./Item");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+"use client";
+var _default = exports.default = {
+  Group: _Group.default,
+  Button: _Item.ActionButton,
+  Link: _Item.ActionLink
+};