@teamias/rex-design 0.1.22 → 0.1.24

package/dist/components/data-cell/data-cell.js

@@ -4,41 +4,36 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 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 { ErrorBoundaryProvider, useErrorBoundary, useRexProConfigProvider } from "../../context";
+import { ErrorBoundaryProvider, useErrorBoundary } from "../../context";
 import { Dropdown } from 'antd';
 import React from 'react';
 import { cellItemMap } from "./modules/cellItemMap";
 import { Wrapper } from "./style";
+import { useDataCellAction } from "./utils/useDataCellAction";
+
+/** 内部渲染组件，会在检测到父级有 ErrorBoundary 时直接抛出错误 */
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";
-/** 内部渲染组件，会在检测到父级有 ErrorBoundary 时直接抛出错误 */
 var DataCellInner = function DataCellInner(_ref) {
   var items = _ref.items,
-    _onClick = _ref.onClick,
-    propSystemHistory = _ref.systemHistory;
-  var _useRexProConfigProvi = useRexProConfigProvider(),
-    contextSystemHistory = _useRexProConfigProvi.systemHistory;
-  var systemHistory = propSystemHistory !== null && propSystemHistory !== void 0 ? propSystemHistory : contextSystemHistory;
+    onClick = _ref.onClick;
+  var _useDataCellAction = useDataCellAction(),
+    navigate = _useDataCellAction.navigate,
+    createDropdownMenu = _useDataCellAction.createDropdownMenu;
   return /*#__PURE__*/_jsx(_Fragment, {
     children: items.map(function (item, index) {
       var _cellItemMap$item$typ, _dropdown$items, _dropdown$trigger;
       var content = (_cellItemMap$item$typ = cellItemMap[item.type]) === null || _cellItemMap$item$typ === void 0 ? void 0 : _cellItemMap$item$typ.call(cellItemMap, {
         item: item,
-        click: _onClick,
-        systemHistory: systemHistory
+        click: onClick,
+        navigate: navigate
       });
       var dropdown = item.dropdown;
       return /*#__PURE__*/_jsx(Wrapper, {
         style: item.rootStyle,
         className: "data-cell-row-item ".concat(item.type),
         children: dropdown !== null && dropdown !== void 0 && (_dropdown$items = dropdown.items) !== null && _dropdown$items !== void 0 && _dropdown$items.length ? /*#__PURE__*/_jsx(Dropdown, {
-          menu: {
-            items: dropdown.items,
-            onClick: function onClick(_ref2) {
-              var key = _ref2.key;
-              return _onClick === null || _onClick === void 0 ? void 0 : _onClick(item, undefined, key);
-            }
-          },
+          menu: createDropdownMenu(dropdown, onClick, item),
           trigger: (_dropdown$trigger = dropdown.trigger) !== null && _dropdown$trigger !== void 0 ? _dropdown$trigger : ['click'],
           placement: dropdown.placement,
           children: /*#__PURE__*/_jsx("div", {

package/dist/components/data-cell/demo/DropdownDemo.d.ts

@@ -1,6 +1,6 @@
 /**
  * title: Dropdown 下拉菜单
- * description: 所有类型均支持 `dropdown` 配置。默认点击触发，可通过 `trigger` 修改为 click / hover / contextMenu。菜单项点击通过统一的 `onClick` 回调抛出，第三个参数 `dropdownKey` 为菜单项的 key。
+ * description: 所有类型均支持 `dropdown` 配置，每个菜单项继承 `TCellActionExtend`，支持 url 跳转、文件下载、自定义回调等操作。菜单项点击通过统一的 `onClick` 回调抛出，第三个参数 `dropdownKey` 为菜单项的 key。
  */
 declare const _default: () => import("react/jsx-runtime").JSX.Element;
 export default _default;

package/dist/components/data-cell/demo/DropdownDemo.js

@@ -3,42 +3,45 @@ import { message } from 'antd';
 
 /**
  * title: Dropdown 下拉菜单
- * description: 所有类型均支持 `dropdown` 配置。默认点击触发，可通过 `trigger` 修改为 click / hover / contextMenu。菜单项点击通过统一的 `onClick` 回调抛出，第三个参数 `dropdownKey` 为菜单项的 key。
+ * description: 所有类型均支持 `dropdown` 配置，每个菜单项继承 `TCellActionExtend`，支持 url 跳转、文件下载、自定义回调等操作。菜单项点击通过统一的 `onClick` 回调抛出，第三个参数 `dropdownKey` 为菜单项的 key。
  */
 import { jsx as _jsx } from "react/jsx-runtime";
 export default (function () {
   return /*#__PURE__*/_jsx(RexProConfigProvider, {
     value: {},
     children: /*#__PURE__*/_jsx(DataCell, {
-      onClick: function onClick(item, subItem, dropdownKey) {
-        if (dropdownKey) {
-          message.info("\u83DC\u5355\u9879\u70B9\u51FB: key=".concat(dropdownKey, ", type=").concat(item.type));
+      onClick: function onClick(item, dropdownItemOrSubitem) {
+        if (dropdownItemOrSubitem) {
+          message.info("\u83DC\u5355\u9879\u70B9\u51FB: key=".concat(dropdownItemOrSubitem.key, ", type=").concat(item.type));
         }
       },
       items: [
-      // 文本类型 + dropdown（点击触发）
+      // 文本类型 + dropdown（默认点击触发）
       {
         type: 'text',
         props: {
           label: '商品名称',
-          value: '右键点击我试试'
+          value: '点击我试试'
         },
         dropdown: {
           items: [{
             key: 'edit',
-            label: '编辑'
+            label: '编辑',
+            action: 'custom'
           }, {
-            key: 'copy',
-            label: '复制'
+            key: 'view',
+            label: '查看详情',
+            action: 'url',
+            value: '/detail/123',
+            urlTarget: '_blank'
           }, {
             key: 'delete',
             label: '删除',
-            danger: true
-          }],
-          trigger: ['contextMenu'] // 右键触发
+            action: 'custom'
+          }]
         }
       },
-      // 标签类型 + dropdown（点击触发）
+      // 标签类型 + dropdown（hover 触发）
       {
         type: 'tag',
         props: {
@@ -49,27 +52,34 @@ export default (function () {
         dropdown: {
           items: [{
             key: 'pending',
-            label: '待处理'
+            label: '切换为: 待处理',
+            action: 'custom'
           }, {
             key: 'processing',
-            label: '进行中'
+            label: '切换为: 进行中',
+            action: 'custom'
           }, {
             key: 'done',
-            label: '已完成'
+            label: '切换为: 已完成',
+            action: 'custom'
           }],
           trigger: ['hover']
         }
       },
-      // group-v2 顶层 dropdown
+      // group-v2 顶层 dropdown（含 url 跳转和自定义操作）
       {
         type: 'group-v2',
         dropdown: {
           items: [{
-            key: 'expand',
-            label: '展开详情'
+            key: 'detail',
+            label: '查看详情',
+            action: 'url',
+            value: '/order/detail',
+            urlTarget: '_self'
           }, {
-            key: 'collapse',
-            label: '收起'
+            key: 'export',
+            label: '导出',
+            action: 'custom'
           }]
         },
         props: {
@@ -96,7 +106,7 @@ export default (function () {
           itemsGap: 12,
           items: [{
             type: 'text',
-            value: '右键我',
+            value: '点击我',
             style: {
               color: '#1890ff',
               cursor: 'pointer'
@@ -104,26 +114,29 @@ export default (function () {
             dropdown: {
               items: [{
                 key: 'view',
-                label: '查看'
+                label: '查看',
+                action: 'custom'
               }, {
                 key: 'share',
-                label: '分享'
-              }],
-              trigger: ['contextMenu']
+                label: '分享',
+                action: 'custom'
+              }]
             }
           }, {
             type: 'tag',
-            value: '点击我',
+            value: '右键我',
             color: 'green',
             dropdown: {
               items: [{
                 key: 'pin',
-                label: '置顶'
+                label: '置顶',
+                action: 'custom'
               }, {
                 key: 'archive',
-                label: '归档'
+                label: '归档',
+                action: 'custom'
               }],
-              trigger: ['click']
+              trigger: ['contextMenu']
             }
           }]
         }

package/dist/components/data-cell/modules/cellItemMap.d.ts

@@ -1,11 +1,10 @@
-import { useRexProConfigProvider } from "../../..";
 import React from 'react';
-import { IDataCellProps, TDataCellType, TGroupV2 } from '../types';
+import { NavigateFunction } from 'react-router-dom';
+import { IDataCellProps, TDataCellType } from '../types';
 export declare const cellItemMap: TCellItemMap;
-type TCellItemFnData = {
+type TCellItemMap = Record<TDataCellType, (data: {
     item: IDataCellProps['items'][number];
-    click?: (rawItem: IDataCellProps['items'][number], subItem?: Exclude<TGroupV2['props'], undefined>['items'][number], dropdownKey?: string) => void;
-    systemHistory?: ReturnType<typeof useRexProConfigProvider>['systemHistory'];
-};
-type TCellItemMap = Record<TDataCellType, (data: TCellItemFnData) => React.ReactNode>;
+    click?: IDataCellProps['onClick'];
+    navigate?: NavigateFunction;
+}) => React.ReactNode>;
 export {};

package/dist/components/data-cell/modules/cellItemMap.js

@@ -16,6 +16,7 @@ import { Dropdown, Tag, Tooltip, Typography } from 'antd';
 import React, { cloneElement } from 'react';
 import { DataCell } from "../data-cell";
 import { DataCellRowText, DataCellRowTextLabel, DataCellRowTextValue } from "../style";
+import { buildDropdownMenu } from "../utils/useDataCellAction";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";
@@ -26,7 +27,7 @@ var isEmpty = function isEmpty(val) {
 };
 
 /** 动作块渲染 */
-var actionRender = function actionRender(item, action, node, click, systemHistory) {
+var actionRender = function actionRender(item, action, node, click, navigate) {
   var tooltipBox = function tooltipBox(content) {
     if (item.tooltip) {
       return /*#__PURE__*/_jsx(Tooltip, {
@@ -69,8 +70,8 @@ var actionRender = function actionRender(item, action, node, click, systemHistor
       onClick: function onClick(e) {
         if (target !== '_blank') {
           e.preventDefault();
-          if (systemHistory) {
-            systemHistory === null || systemHistory === void 0 || systemHistory.push(item.value || '');
+          if (navigate) {
+            navigate(item.value || '');
           } else {
             window.location.href = item.value || '';
           }
@@ -131,7 +132,7 @@ export var cellItemMap = {
   text: function text(_ref) {
     var item = _ref.item,
       click = _ref.click,
-      systemHistory = _ref.systemHistory;
+      navigate = _ref.navigate;
     var props = item.props;
     if (!props) return undefined;
     return !isEmpty(props.label) || !isEmpty(props.value) ? /*#__PURE__*/_jsxs(DataCellRowText, {
@@ -156,7 +157,7 @@ export var cellItemMap = {
             children: cellItemMap[props.value.type]({
               item: props.value,
               click: click,
-              systemHistory: systemHistory
+              navigate: navigate
             })
           });
         }
@@ -187,7 +188,7 @@ export var cellItemMap = {
   link: function link(_ref3) {
     var item = _ref3.item,
       click = _ref3.click,
-      systemHistory = _ref3.systemHistory;
+      navigate = _ref3.navigate;
     var props = item.props;
     if (!props) return undefined;
     return /*#__PURE__*/_jsxs(DataCellRowText, {
@@ -201,7 +202,7 @@ export var cellItemMap = {
         },
         children: actionRender(props, props.action, props.label, function () {
           return click === null || click === void 0 ? void 0 : click(item);
-        }, systemHistory)
+        }, navigate)
       }), props.copyable ? /*#__PURE__*/_jsx(Typography.Paragraph, {
         copyable: {
           text: typeof props.copyable === 'string' ? props.copyable : "".concat(props.label)
@@ -213,7 +214,7 @@ export var cellItemMap = {
   'link-group': function linkGroup(_ref4) {
     var item = _ref4.item,
       click = _ref4.click,
-      systemHistory = _ref4.systemHistory;
+      navigate = _ref4.navigate;
     var props = item.props;
     if (!props) return undefined;
     return /*#__PURE__*/_jsx("div", {
@@ -232,7 +233,7 @@ export var cellItemMap = {
               type: 'link'
             },
             click: click,
-            systemHistory: systemHistory
+            navigate: navigate
           }), (props === null || props === void 0 ? void 0 : props.items.length) - 1 === index ? '' : /*#__PURE__*/_jsx("span", {
             style: {
               paddingInline: 2
@@ -283,7 +284,7 @@ export var cellItemMap = {
     var _props$action;
     var item = _ref6.item,
       click = _ref6.click,
-      systemHistory = _ref6.systemHistory;
+      navigate = _ref6.navigate;
     var props = item.props;
     if (!props) return undefined;
     return actionRender(props, (_props$action = props.action) !== null && _props$action !== void 0 ? _props$action : 'default', /*#__PURE__*/_jsx(Icons, {
@@ -291,21 +292,19 @@ export var cellItemMap = {
       name: props.value
     }), function () {
       return click === null || click === void 0 ? void 0 : click(item);
-    }, systemHistory);
+    }, navigate);
   },
   /** 块组 */
   group: function group(_ref7) {
     var item = _ref7.item,
-      click = _ref7.click,
-      systemHistory = _ref7.systemHistory;
+      click = _ref7.click;
     var props = item.props;
     if (!props) return undefined;
     return /*#__PURE__*/_jsx("div", {
       style: props.style,
       children: /*#__PURE__*/_jsx(DataCell, {
         items: props.items,
-        onClick: click,
-        systemHistory: systemHistory
+        onClick: click
       })
     });
   },
@@ -314,7 +313,7 @@ export var cellItemMap = {
     var _props$items;
     var item = _ref8.item,
       click = _ref8.click,
-      systemHistory = _ref8.systemHistory;
+      navigate = _ref8.navigate;
     var props = item.props;
     if (!props) return undefined;
     var renderItem = function renderItem(subItem, index) {
@@ -322,8 +321,7 @@ export var cellItemMap = {
       if (subItem.type === 'group-v2') {
         return /*#__PURE__*/_jsx(DataCell, {
           items: [subItem],
-          onClick: click,
-          systemHistory: systemHistory
+          onClick: click
         }, "renderItem-".concat(index, "-").concat(count++));
       }
       var ellipsis = subItem.ellipsis,
@@ -377,7 +375,7 @@ export var cellItemMap = {
               if (target !== '_blank') {
                 e.preventDefault();
                 try {
-                  systemHistory === null || systemHistory === void 0 || systemHistory.push(url || '');
+                  navigate === null || navigate === void 0 || navigate(url || '');
                 } catch (_unused) {
                   window.location.href = url || '';
                 }
@@ -441,13 +439,7 @@ export var cellItemMap = {
         if (dropdown !== null && dropdown !== void 0 && (_dropdown$items = dropdown.items) !== null && _dropdown$items !== void 0 && _dropdown$items.length) {
           var _dropdown$trigger;
           return /*#__PURE__*/_jsx(Dropdown, {
-            menu: {
-              items: dropdown.items,
-              onClick: function onClick(_ref9) {
-                var key = _ref9.key;
-                return click === null || click === void 0 ? void 0 : click(item, subItem, key);
-              }
-            },
+            menu: buildDropdownMenu(dropdown, click, item, subItem, navigate),
             trigger: (_dropdown$trigger = dropdown.trigger) !== null && _dropdown$trigger !== void 0 ? _dropdown$trigger : ['click'],
             placement: dropdown.placement,
             children: /*#__PURE__*/_jsx("div", {
@@ -466,18 +458,18 @@ export var cellItemMap = {
           return wrapDropdown(renderBox(subItem.value));
         case 'img':
           {
-            var _ref10 = other,
-              mediaViewerType = _ref10.mediaViewerType,
-              otherProps = _objectWithoutProperties(_ref10, _excluded2);
+            var _ref9 = other,
+              mediaViewerType = _ref9.mediaViewerType,
+              otherProps = _objectWithoutProperties(_ref9, _excluded2);
             return wrapDropdown(renderBox( /*#__PURE__*/_jsx(MediaViewer, _objectSpread({
               type: mediaViewerType
             }, otherProps))));
           }
         case 'tag':
           {
-            var _ref11 = other,
-              value = _ref11.value,
-              _otherProps = _objectWithoutProperties(_ref11, _excluded3);
+            var _ref10 = other,
+              value = _ref10.value,
+              _otherProps = _objectWithoutProperties(_ref10, _excluded3);
             var color = function () {
               if (subItem.color !== null && _typeof(subItem.color) === 'object') {
                 var _subItem$color, _subItem$color$toHexS;
@@ -495,9 +487,9 @@ export var cellItemMap = {
           }
         case 'icon':
           {
-            var _ref12 = other,
-              iconsType = _ref12.iconsType,
-              _otherProps2 = _objectWithoutProperties(_ref12, _excluded4);
+            var _ref11 = other,
+              iconsType = _ref11.iconsType,
+              _otherProps2 = _objectWithoutProperties(_ref11, _excluded4);
             return wrapDropdown(renderBox( /*#__PURE__*/_jsx(Icons, _objectSpread({
               type: iconsType
             }, _otherProps2))));

package/dist/components/data-cell/types.d.ts

@@ -1,10 +1,13 @@
-import { Icons, MediaViewer, useRexProConfigProvider } from "../..";
+import { Icons, MediaViewer } from "../..";
 import { Dropdown, GetProps, Tag } from 'antd';
 import { HTMLAttributeAnchorTarget } from 'react';
 /** Dropdown 配置 */
 export interface IDataCellDropdown {
     /** 下拉菜单项 */
-    items: Exclude<GetProps<typeof Dropdown>['menu'], undefined>['items'];
+    items: Array<{
+        label: React.ReactNode;
+        key: string;
+    } & TCellActionExtend>;
     /** 触发方式 @default ['click'] */
     trigger?: GetProps<typeof Dropdown>['trigger'];
     /** 弹出位置 */
@@ -15,11 +18,9 @@ export interface IDataCellProps {
     /** 每一行展示内容 */
     items: Array<TGroupV2 | IDataCellItem<TDataCellType>>;
     /** 点击回调（action='custom' 或 Dropdown 菜单项点击时触发） */
-    onClick?: (item: IDataCellItem, subItem?: Exclude<TGroupV2['props'], undefined>['items'][number], 
-    /** Dropdown 菜单项点击时的 key */
-    dropdownKey?: string) => void;
-    /** 系统路由历史对象，用于内部跳转 */
-    systemHistory?: ReturnType<typeof useRexProConfigProvider>['systemHistory'];
+    onClick?: (item: IDataCellItem, 
+    /** group-v2 子项 或 Dropdown 菜单项(优先级高) */
+    subItem?: Exclude<TGroupV2['props'], undefined>['items'][number] | IDataCellDropdown['items'][number]) => void;
 }
 export interface IDataCellItem<T extends TDataCellType = TDataCellType> {
     /** 组件类型 */

package/dist/components/data-cell/utils/index.d.ts

@@ -1,3 +1,4 @@
 import { TDataCellConfig } from '../types';
+export { useDataCellAction } from './useDataCellAction';
 /** 将 普通数据 转 dataCell 数据 */
 export declare const dataToDataCellData: (oldDataSource?: Record<string, any>[], config?: TDataCellConfig) => Record<string, any>[] | undefined;

package/dist/components/data-cell/utils/index.js

@@ -1,5 +1,7 @@
 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); }
 import { get } from 'radash';
+export { useDataCellAction } from "./useDataCellAction";
+
 // 缓存编译后的正则表达式
 var TEMPLATE_REGEX = /"{{\s*(.+?)\s*}}"/g;
 

package/dist/components/data-cell/utils/useDataCellAction.d.ts

@@ -0,0 +1,32 @@
+/// <reference types="react" />
+import { useNavigate } from 'react-router-dom';
+import { IDataCellDropdown, IDataCellProps, TCellActionExtend, TGroupV2 } from '../types';
+type TNavigate = ReturnType<typeof useNavigate>;
+/** 执行 TCellActionExtend 的 action 操作 */
+export declare const executeAction: (matched: TCellActionExtend, navigate?: TNavigate) => void;
+/** 构建 Dropdown 的 menu 配置 */
+export declare const buildDropdownMenu: (dropdown: IDataCellDropdown, onClick?: IDataCellProps['onClick'], item?: IDataCellProps['items'][number], subItem?: Exclude<TGroupV2['props'], undefined>['items'][number], navigate?: TNavigate) => {
+    items: {
+        label: string | (import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> & string) | (Iterable<import("react").ReactNode> & string) | (import("react").ReactPortal & string) | undefined;
+        key: string;
+    }[];
+    onClick: ({ key }: {
+        key: string;
+    }) => void;
+};
+/** DataCell action 处理 hook */
+export declare const useDataCellAction: () => {
+    navigate: import("react-router-dom").NavigateFunction | undefined;
+    handleAction: (action: TCellActionExtend) => void;
+    createDropdownMenu: (dropdown: IDataCellDropdown, onClick?: IDataCellProps['onClick'], item?: IDataCellProps['items'][number], subItem?: Exclude<TGroupV2['props'], undefined>['items'][number]) => {
+        items: {
+            label: string | (import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> & string) | (Iterable<import("react").ReactNode> & string) | (import("react").ReactPortal & string) | undefined;
+            key: string;
+        }[];
+        onClick: ({ key }: {
+            key: string;
+        }) => void;
+    };
+    showFileViewer: (options: import("../../..").IFileViewerOptions) => void;
+};
+export {};

package/dist/components/data-cell/utils/useDataCellAction.js

@@ -0,0 +1,75 @@
+import { downloadResourceFile, showFileViewer } from "../../..";
+import { useNavigate } from 'react-router-dom';
+/** 执行 TCellActionExtend 的 action 操作 */
+export var executeAction = function executeAction(matched, navigate) {
+  switch (matched.action) {
+    case 'url':
+      {
+        var _matched$urlTarget;
+        var target = (_matched$urlTarget = matched.urlTarget) !== null && _matched$urlTarget !== void 0 ? _matched$urlTarget : '_blank';
+        if (target === '_blank') {
+          window.open(matched.value || '', '_blank', 'noopener,noreferrer');
+        } else if (navigate) {
+          navigate(matched.value || '');
+        } else {
+          window.location.href = matched.value || '';
+        }
+        break;
+      }
+    case 'file':
+      downloadResourceFile(matched.value || '');
+      break;
+    case 'custom':
+    case 'default':
+    default:
+      break;
+  }
+};
+
+/** 构建 Dropdown 的 menu 配置 */
+export var buildDropdownMenu = function buildDropdownMenu(dropdown, _onClick, item, subItem, navigate) {
+  return {
+    items: dropdown.items.map(function (_ref) {
+      var label = _ref.label,
+        key = _ref.key;
+      return {
+        label: label,
+        key: key
+      };
+    }),
+    onClick: function onClick(_ref2) {
+      var key = _ref2.key;
+      var matched = dropdown.items.find(function (i) {
+        return i.key === key;
+      });
+      if (!matched) return;
+      executeAction(matched, navigate);
+      if (matched.action === 'custom') {
+        _onClick === null || _onClick === void 0 || _onClick(item, matched || subItem);
+      }
+    }
+  };
+};
+
+/** DataCell action 处理 hook */
+export var useDataCellAction = function useDataCellAction() {
+  var navigate;
+  try {
+    // eslint-disable-next-line react-hooks/rules-of-hooks
+    navigate = useNavigate();
+  } catch (_unused) {
+    // 不在 Router 上下文中时 navigate 为 undefined，回退到 window.location
+  }
+  var handleAction = function handleAction(action) {
+    executeAction(action, navigate);
+  };
+  var createDropdownMenu = function createDropdownMenu(dropdown, onClick, item, subItem) {
+    return buildDropdownMenu(dropdown, onClick, item, subItem, navigate);
+  };
+  return {
+    navigate: navigate,
+    handleAction: handleAction,
+    createDropdownMenu: createDropdownMenu,
+    showFileViewer: showFileViewer
+  };
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@teamias/rex-design",
-  "version": "0.1.22",
+  "version": "0.1.24",
   "description": "A react library developed with dumi",
   "license": "MIT",
   "module": "dist/index.js",
@@ -85,6 +85,8 @@
     "react-dom": "^18.3.1",
     "react-intl": "^7.1.11",
     "react-quick-pinch-zoom": "^5.1.1",
+    "react-router": "6",
+    "react-router-dom": "6.3.0",
     "styled-components": "^6.1.19"
   },
   "devDependencies": {
@@ -119,7 +121,9 @@
     "antd": ">=5.0.0",
     "react": ">=16.9.0",
     "react-dom": ">=16.9.0",
-    "react-intl": ">=3.0.0"
+    "react-intl": ">=3.0.0",
+    "react-router": ">=6.0.0",
+    "react-router-dom": ">=6.0.0"
   },
   "publishConfig": {
     "access": "public"