@zat-design/sisyphus-react 4.2.0-beta.2 → 4.2.0-beta.3

package/lib/ProLayout/components/TabsManager/propTypes.d.ts

@@ -1,75 +0,0 @@
-import { ReactNode } from 'react';
-import type { MenuProps } from 'antd';
-import { TabsState, MenusType, DataSourceType, TabsConfig, AddTabOptions, TabItem } from '../../propTypes';
-export interface TabsManagerProps {
-    /** 标签页配置 */
-    config: TabsConfig;
-    /** 子元素内容 */
-    children: ReactNode;
-    /** 菜单数据源 */
-    dataSource: DataSourceType | Partial<MenusType>;
-    /** 原始菜单点击处理 */
-    originalOnMenuClick?: (params: {
-        item: MenusType | null;
-        key: string;
-        keyPath: string[];
-    }) => void;
-}
-export interface TabContextMenuProps {
-    tabId: string;
-    children: React.ReactElement;
-    closable?: boolean;
-    onClose: (tabId: string) => void;
-    onCloseOthers: (tabId: string) => void;
-    onCloseRight: (tabId: string) => void;
-    onCloseAll: () => void;
-    /** 自定义菜单项，会与默认菜单项合并 */
-    menuItems?: MenuProps['items'];
-    /** 自定义菜单项点击回调 */
-    tabMenuClick?: (params: {
-        key: string;
-        tab: TabItem;
-        tabs: TabItem[];
-    }) => void;
-    /** 当前标签页信息 */
-    tab?: TabItem;
-    /** 所有标签页列表 */
-    tabs?: TabItem[];
-}
-export interface UseTabsStateOptions {
-    /** 初始状态 */
-    initialState?: Partial<TabsState>;
-    /** 配置 */
-    config: TabsManagerProps['config'];
-    /** 数据源 */
-    dataSource?: TabsManagerProps['dataSource'];
-}
-export interface UseTabsStateReturn {
-    /** 当前状态 */
-    state: TabsState;
-    /** 添加标签页 */
-    addTab: (menuItem: MenusType, options?: AddTabOptions) => void;
-    /** 检查是否可以添加标签页 */
-    canAddTab: (menuItem: MenusType, options?: AddTabOptions) => boolean;
-    /** 移除标签页 */
-    removeTab: (tabId: string) => void;
-    /** 切换标签页 */
-    switchTab: (tabId: string) => void;
-    /** 关闭其他标签页 */
-    closeOtherTabs: (currentTabId: string) => void;
-    /** 关闭右侧标签页 */
-    closeRightTabs: (currentTabId: string) => void;
-    /** 关闭全部标签页 */
-    closeAllTabs: () => void;
-    /** 重置状态 */
-    resetTabs: () => void;
-}
-export interface TabsCacheManager {
-    save: (state: TabsState) => void;
-    restore: () => TabsState | null;
-    clear: () => void;
-}
-export declare const DEFAULT_TABS_CONFIG: {
-    storage: "localStorage";
-    cacheKey: string;
-};

package/lib/ProLayout/components/TabsManager/propTypes.js

@@ -1,21 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.DEFAULT_TABS_CONFIG = void 0;
-// TabsManager组件Props
-
-// 右键菜单组件Props
-
-// 状态管理Hook选项
-
-// 状态管理Hook返回值
-
-// 缓存管理器接口
-
-// 默认配置
-var DEFAULT_TABS_CONFIG = exports.DEFAULT_TABS_CONFIG = {
-  storage: 'localStorage',
-  cacheKey: 'pro-layout-tabs'
-};

package/lib/ProLayout/components/TabsManager/style/index.less

@@ -1,310 +0,0 @@
-@import '../../../../style/variables.less'; // 引入变量
-
-.pro-layout-tabs {
-  --pro-layout-tabs-primary: var(--ant-primary-color, #1677ff);
-  --pro-layout-tabs-active-bg: var(--ant-color-success, #00b578);
-  --pro-layout-tabs-text-color: var(--ant-color-text, #1f1f1f);
-
-  display: flex;
-  flex-direction: column;
-  height: 100%;
-
-  &-header {
-    align-items: center;
-    min-height: 48px;
-    padding: 12px 0;
-    border-bottom: none;
-    position: sticky;
-    top: 64px;
-    z-index: 90;
-    background: #fff;
-    box-shadow: none;
-    transition: box-shadow 0.3s ease;
-
-    &-shadow {
-      position: absolute;
-      left: 0;
-      right: 0;
-      bottom: 0;
-      height: 1px;
-      background: transparent;
-      pointer-events: none;
-      z-index: 1;
-      box-shadow: 1px 2px 4px 1px rgba(0, 55, 93, .2);
-    }
-
-    .pro-layout-tab-icon {  
-      display: none !important;
-    }
-    .@{ant-prefix}-tabs-nav-list{
-      overflow: initial;
-    }
-
-    .pro-layout-tab-list {
-      display: flex;
-      flex: 1;
-      gap: 12px;
-
-      &::-webkit-scrollbar {
-        height: 3px;
-      }
-
-      &::-webkit-scrollbar-track {
-        background: transparent;
-      }
-
-      &::-webkit-scrollbar-thumb {
-        background: #d9d9d9;
-        border-radius: 3px;
-
-        &:hover {
-          background: #bfbfbf;
-        }
-      }
-    }
-
-    &-extra {
-      flex-shrink: 0;
-      padding: 0 16px;
-    }
-  }
-
-  &-content {
-
-    .tab-pane {
-      &.hidden {
-        display: none;
-      }
-    }
-  }
-
-  // antd Tabs 样式覆盖
-  .pro-layout-tabs-antd {
-    width: 100%;
-    height: 100%;
-
-    // 隐藏 Tabs 的内容区域，因为我们使用 renderContent() 渲染
-    .@{ant-prefix}-tabs-content-holder {
-      display: none !important;
-    }
-
-    // 覆盖 nav 样式，使其匹配 pro-layout-tabs-header
-    .@{ant-prefix}-tabs-nav {
-      margin: 0;
-      // padding: 0 var(--zaui-space-size-md, 16px);
-      padding: 0;
-      border-bottom: none;
-
-      &::before {
-        display: none; // 隐藏底部边框
-      }
-    }
-
-    // 覆盖 nav-list 样式，使其匹配 pro-layout-tab-list
-    .@{ant-prefix}-tabs-nav-list {
-      display: flex;
-      flex: 1;
-      gap: 12px;
-
-      &::-webkit-scrollbar {
-        height: 3px;
-      }
-
-      &::-webkit-scrollbar-track {
-        background: transparent;
-      }
-
-      &::-webkit-scrollbar-thumb {
-        background: #d9d9d9;
-        border-radius: 3px;
-
-        &:hover {
-          background: #bfbfbf;
-        }
-      }
-    }
-
-    // 覆盖 tab 样式，使其匹配 pro-layout-tab-item
-    .@{ant-prefix}-tabs-tab {
-      position: relative;
-      display: flex;
-      flex-shrink: 0;
-      align-items: center;
-      min-height: 36px;
-      padding: 0 !important;
-      margin: 0 !important;
-      background: transparent !important;
-      border: none ;
-      border-radius: 0 !important;
-      cursor: pointer;
-      transition: none; // 由内部 TabItemComponent 处理过渡
-
-      &:hover {
-        background: transparent !important;
-      }
-
-      // 隐藏 antd 默认的关闭按钮（我们使用自定义的）
-      .@{ant-prefix}-tabs-tab-remove {
-        display: none !important;
-      }
-
-      // TabItemComponent 的样式应该在这里应用
-      .pro-layout-tab-item {
-        width: 100%;
-        height: 100%;
-        border: 1px solid rgb(217, 217, 217);
-      }
-    }
-
-    // 激活状态样式（由 TabItemComponent 内部处理）
-    .@{ant-prefix}-tabs-tab-active {
-      background: transparent !important;
-      border: none !important;
-      .pro-layout-tab-item{
-        border-color: transparent !important;
-      }
-
-      &::before {
-        display: none;
-      }
-    }
-
-    // 隐藏 ink-bar（下划线）
-    .@{ant-prefix}-tabs-ink-bar {
-      display: none !important;
-    }
-
-  }
-}
-
-.pro-layout-tab-item {
-  position: relative;
-  display: flex;
-  flex-shrink: 0;
-  align-items: center;
-  min-height: 36px;
-  padding: 0;
-  background: #ffffff;
-  border: 1px solid transparent;
-  border-radius: 8px;
-  cursor: pointer;
-  transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
-  user-select: none;
-
-  &:hover {
-    background: #ffffff;
-    border-color: rgba(0, 0, 0, 0.06);
-  }
-
-  &.active {
-    z-index: 2;
-    background: var(--zaui-primary);
-    border-color: transparent;
-
-    &::before {
-      display: none;
-    }
-  }
-
-  .pro-layout-tab-content {
-    display: flex;
-    align-items: center;
-    min-width: 100px;
-    padding: 6px 12px;
-    text-align: left;
-
-    .pro-layout-tab-icon {
-      display: flex;
-      flex-shrink: 0;
-      align-items: center;
-      margin-right: 8px;
-
-      .iconfont {
-        color: inherit;
-        font-size: 14px;
-      }
-
-      img {
-        width: 16px;
-        height: 16px;
-        object-fit: contain;
-      }
-    }
-
-    .pro-layout-tab-title {
-      flex: 1;
-      overflow: hidden;
-      color: var(--pro-layout-tabs-text-color);
-      font-weight: 500;
-      font-size: 14px;
-      white-space: nowrap;
-      text-overflow: ellipsis;
-      transition: color 0.3s;
-    }
-
-    .pro-layout-tab-close {
-      display: flex;
-      flex-shrink: 0;
-      align-items: center;
-      justify-content: center;
-      margin-left: 8px;
-      padding: 3px;
-      color: rgba(0, 0, 0, 0.45);
-      border-radius: 4px;
-      opacity: 0.7;
-      transition: all 0.3s;
-
-      &:hover {
-        color: #ff4d4f;
-        background: rgba(255, 77, 79, 0.15);
-        opacity: 1;
-      }
-    }
-  }
-
-  &.active .pro-layout-tab-content {
-    .pro-layout-tab-title {
-      color: #ffffff;
-      font-weight: 600;
-    }
-
-    .pro-layout-tab-icon {
-      .iconfont {
-        color: #ffffff;
-      }
-    }
-
-    .pro-layout-tab-close {
-      color: #ffffff;
-
-      &:hover {
-        background: rgba(255, 255, 255, 0.2);
-      }
-    }
-  }
-}
-
-.pro-layout-tabs-dropdown-menu{
-  .@{ant-prefix}-tabs-dropdown-menu-item-remove{
-    display: none !important;
-  }
-  .pro-layout-tab-icon{
-    display: none !important;
-  }
-  .pro-layout-tab-content{
-    width: 100%;
-  }
-}
-
-// 响应式适配
-@media (max-width: 768px) {
-  .pro-layout-tab-item {
-    .pro-layout-tab-content {
-      padding: 6px 8px;
-
-      .pro-layout-tab-title {
-        max-width: 80px;
-      }
-    }
-  }
-}

package/lib/ProLayout/components/TabsManager/utils/index.d.ts

@@ -1,41 +0,0 @@
-import { TabItem, MenusType } from '../../../propTypes';
-/**
- * 根据菜单项生成TabItem
- */
-export declare const createTabFromMenu: (menuItem: MenusType, index?: number) => TabItem;
-/**
- * 生成唯一的tab ID
- */
-export declare const generateTabId: (menuItem: MenusType, existingIds: string[]) => string;
-/**
- * 检查菜单项是否应该外部跳转
- */
-export declare const shouldOpenExternal: (menuItem: MenusType, target?: string) => boolean;
-/**
- * 处理外部跳转
- */
-export declare const handleExternalOpen: (menuItem: MenusType) => void;
-/**
- * 检查是否超出最大标签页限制
- * @param currentTabs 当前标签页列表
- * @param maxTabs 最大标签页数量，如果为 undefined 或 null，表示无限制
- * @returns 如果超出限制返回 true，否则返回 false
- */
-export declare const checkTabLimit: (currentTabs: TabItem[], maxTabs?: number | null) => boolean;
-/**
- * 移除最旧的标签页（根据访问时间或创建时间）
- */
-export declare const removeOldestTab: (tabs: TabItem[]) => TabItem[];
-/**
- * 获取右侧标签页
- */
-export declare const getRightTabs: (tabs: TabItem[], currentTabId: string) => TabItem[];
-/**
- * 扁平化菜单数据
- */
-export declare const flattenMenuData: (menus?: MenusType[]) => MenusType[];
-/**
- * 判断菜单项是否为最后一级（叶子节点）
- * 只有当菜单项没有子菜单或子菜单为空时，才认为是叶子节点
- */
-export declare const isLeafMenuItem: (menuItem: MenusType) => boolean;

package/lib/ProLayout/components/TabsManager/utils/index.js

@@ -1,126 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.shouldOpenExternal = exports.removeOldestTab = exports.isLeafMenuItem = exports.handleExternalOpen = exports.getRightTabs = exports.generateTabId = exports.flattenMenuData = exports.createTabFromMenu = exports.checkTabLimit = void 0;
-/**
- * 根据菜单项生成TabItem
- */
-var createTabFromMenu = exports.createTabFromMenu = function createTabFromMenu(menuItem) {
-  var index = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
-  return {
-    id: String(menuItem.id || menuItem.code || menuItem.url || index),
-    code: menuItem.code,
-    name: menuItem.name,
-    title: menuItem.name,
-    url: menuItem.url,
-    closable: true,
-    menuItem,
-    icon: menuItem.icon || menuItem.imgUrl
-  };
-};
-
-/**
- * 生成唯一的tab ID
- */
-var generateTabId = (menuItem, existingIds) => {
-  var baseId = String(menuItem.id || menuItem.code || menuItem.url);
-  var finalId = baseId;
-  var counter = 1;
-
-  // 如果ID已存在，则添加数字后缀
-  while (existingIds.includes(finalId)) {
-    finalId = `${baseId}_${counter}`;
-    counter += 1;
-  }
-  return finalId;
-};
-
-/**
- * 检查菜单项是否应该外部跳转
- */
-exports.generateTabId = generateTabId;
-var shouldOpenExternal = (menuItem, target) => {
-  return target === '_blank' || menuItem.redirectUrl && menuItem.redirectUrl !== menuItem.url || menuItem.type === 'EXTERNAL';
-};
-
-/**
- * 处理外部跳转
- */
-exports.shouldOpenExternal = shouldOpenExternal;
-var handleExternalOpen = menuItem => {
-  var url = menuItem.redirectUrl || menuItem.url;
-  if (url) {
-    window.open(url, '_blank');
-  }
-};
-
-/**
- * 检查是否超出最大标签页限制
- * @param currentTabs 当前标签页列表
- * @param maxTabs 最大标签页数量，如果为 undefined 或 null，表示无限制
- * @returns 如果超出限制返回 true，否则返回 false
- */
-exports.handleExternalOpen = handleExternalOpen;
-var checkTabLimit = (currentTabs, maxTabs) => {
-  // 如果 maxTabs 为 undefined 或 null，表示无限制
-  if (maxTabs === undefined || maxTabs === null) {
-    return false;
-  }
-  return currentTabs.length >= maxTabs;
-};
-
-/**
- * 移除最旧的标签页（根据访问时间或创建时间）
- */
-exports.checkTabLimit = checkTabLimit;
-var removeOldestTab = tabs => {
-  if (tabs.length === 0) return tabs;
-
-  // 找到可关闭的最旧标签页
-  var closableTabs = tabs.filter(tab => tab.closable);
-  if (closableTabs.length === 0) return tabs;
-
-  // 移除第一个可关闭的标签页
-  var oldestTab = closableTabs[0];
-  return tabs.filter(tab => tab.id !== oldestTab.id);
-};
-
-/**
- * 获取右侧标签页
- */
-exports.removeOldestTab = removeOldestTab;
-var getRightTabs = (tabs, currentTabId) => {
-  var currentIndex = tabs.findIndex(tab => tab.id === currentTabId);
-  if (currentIndex === -1) return [];
-  return tabs.slice(currentIndex + 1);
-};
-
-/**
- * 扁平化菜单数据
- */
-exports.getRightTabs = getRightTabs;
-var flattenMenuData = exports.flattenMenuData = function flattenMenuData() {
-  var menus = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
-  var flatMenus = [];
-  menus.forEach(item => {
-    flatMenus.push(item);
-    if (item.children) {
-      flatMenus = [...flatMenus, ...flattenMenuData(item.children)];
-    }
-  });
-  return flatMenus;
-};
-
-/**
- * 判断菜单项是否为最后一级（叶子节点）
- * 只有当菜单项没有子菜单或子菜单为空时，才认为是叶子节点
- */
-var isLeafMenuItem = menuItem => {
-  var _ref = menuItem || {},
-    children = _ref.children;
-  // 如果 children 不存在、为 null、为 undefined，或者为空数组，则认为是叶子节点
-  return !children || Array.isArray(children) && children.length === 0;
-};
-exports.isLeafMenuItem = isLeafMenuItem;

package/lib/ProLayout/components/index.d.ts

@@ -1,3 +0,0 @@
-export { default as ProCollapse } from './ProCollapse';
-export { default as ProFooter } from './ProFooter';
-export { default as ProHeader } from './ProHeader';

package/lib/ProLayout/components/index.js

@@ -1,27 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "ProCollapse", {
-  enumerable: true,
-  get: function get() {
-    return _ProCollapse.default;
-  }
-});
-Object.defineProperty(exports, "ProFooter", {
-  enumerable: true,
-  get: function get() {
-    return _ProFooter.default;
-  }
-});
-Object.defineProperty(exports, "ProHeader", {
-  enumerable: true,
-  get: function get() {
-    return _ProHeader.default;
-  }
-});
-var _ProCollapse = _interopRequireDefault(require("./ProCollapse"));
-var _ProFooter = _interopRequireDefault(require("./ProFooter"));
-var _ProHeader = _interopRequireDefault(require("./ProHeader"));
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

package/lib/ProLayout/index.d.ts

@@ -1,20 +0,0 @@
-/// <reference types="react" />
-import type { ProLayoutStatesType, ProLayoutType } from './propTypes';
-import { useProLayoutTabs } from './components/TabsManager/hooks/useProLayoutTabs';
-import { useActiveTab } from './components/TabsManager/hooks/useActiveTab';
-interface LayoutContextValue {
-    selectedPath: string;
-    onSelected: (params: Partial<ProLayoutStatesType>) => void;
-    target: '_blank' | '_parent' | '_self' | '_top';
-}
-export declare const LayoutContext: import("react").Context<LayoutContextValue>;
-declare const ProLayout: {
-    (props: ProLayoutType): import("react/jsx-runtime").JSX.Element;
-    ProCollapse: (props: import("./components/ProCollapse/PropTypes").ProCollapseType) => import("react/jsx-runtime").JSX.Element;
-    ProFooter: import("react").MemoExoticComponent<(props: import("./components/ProFooter/PropTypes").ProFooterType) => import("react/jsx-runtime").JSX.Element>;
-    ProHeader: import("react").MemoExoticComponent<(props: import("./components/ProHeader/PropTypes").ProHeaderType) => import("react/jsx-runtime").JSX.Element>;
-    useProLayoutTabs: typeof useProLayoutTabs;
-    useActiveTab: () => import("./propTypes").TabItem;
-};
-export { useProLayoutTabs, useActiveTab };
-export default ProLayout;