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

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

@@ -1,416 +0,0 @@
-@import '../../../../style/variables.less';
-@import '../components/ProBackBtn/style/index';
-
-.pro-header {
-  padding: 10px 0 0 0 !important;
-  background-color: var(--zaui-base-bg, #ffffff);
-  box-shadow: 0px 3px 8px 1px rgba(0, 55, 93, 0.1);
-
-  &.pro-header-no-back.pro-header-has-describe {
-    .pro-header-top {
-      padding-left: var(--zaui-space-size-md, 16px);
-    }
-  }
-
-  &.pro-header-no-back {
-    .pro-header-top {
-      padding-left: 0;
-    }
-
-    .pro-header-left {
-      &.pro-header-left-space {
-        margin-left: 0 !important;
-      }
-    }
-  }
-
-  &.pro-header-no-describe {
-    margin-bottom: calc(var(--zaui-space-size-md; 16px) * var(--zaui-size; 1));
-    box-shadow: none;
-
-    .pro-header-title,
-    .pro-header-top {
-      margin: 0;
-      padding: 0;
-    }
-  }
-
-  &.pro-header-fixed.pro-header-no-describe {
-    .pro-header-top {
-      padding-bottom: calc(
-        var(--zaui-space-size-md; 16px) * var(--zaui-size; 1) - var(--zaui-space-size-xs; 4px) *
-          var(--zaui-size; 1)
-      );
-    }
-  }
-
-  .pro-header-describe {
-    transition: height 0.2s ease-in-out;
-    a {
-      color: var(--zaui-link, #006aff);
-    }
-    .pro-header-describe-items-calc{
-      position: relative;
-    }
-    &.pro-header-describe-hidden {
-      height: 0;
-      padding: 0;
-      overflow: hidden;
-      border: 0;
-    }
-    .@{ant-prefix}-space {
-      .pro-header-describe-label {
-        font-weight: normal;
-      }
-      .pro-header-describe-value{
-        font-weight: 600;
-        .@{ant-prefix}-space-item{
-          font-weight: 600;
-        }
-        .pro-header-describe-items{
-          span:first-child{
-            margin-right: 2px;
-          }
-          .pro-header-describe-items-omit{
-            position: absolute;
-            right: 0;
-            background: #fff;
-            letter-spacing: 2px;
-            height: 24px;
-          }
-        }
-      }
-    }
-  }
-
-  .pro-header-copy {
-    display: flex;
-    align-items: center;
-    width: 16px;
-    margin-bottom: 0;
-
-    .@{ant-prefix}-typography-copy-success {
-      svg {
-        display: inline-block;
-        width: 16px;
-        height: 16px;
-        fill: var(--zaui-success, #00ae4d);
-      }
-    }
-
-    .drag-icon {
-      div {
-        display: flex;
-      }
-
-      svg {
-        display: inline-block;
-        width: 16px;
-        height: 16px;
-        fill: var(--zaui-brand, #006aff);
-      }
-    }
-  }
-
-  .pro-header-tag {
-    display: inline-block;
-    padding: 4px 8px;
-    color: var(--zaui-brand, #006aff);
-    font-weight: normal;
-    font-size: var(--zaui-font-size-sm, 12px);
-    line-height: 16px;
-    white-space: pre;
-    background: var(--ant-primary-1, #e6f4ff);
-    border-radius: var(--zaui-border-radius-card, 4px);
-  }
-
-  .pro-header-title {
-    padding: 0 var(--zaui-space-size-md, 16px);
-    font-weight: 500;
-    font-size: var(--zaui-font-size-xl, 18px);
-    line-height: 22px;
-  }
-
-  &.pro-header-fixed {
-    position: sticky;
-    z-index: 101;
-    box-shadow: 0px 2px 4px 0px rgba(0, 55, 93, 0.2);
-  }
-
-  &.pro-header-shadow {
-    box-shadow: 0px 2px 4px 0px rgba(0, 55, 93, 0.2);
-  }
-
-  .@{ant-prefix}-breadcrumb {
-    li {
-      color: #1d2129;
-      font-weight: 500;
-    }
-
-    .@{ant-prefix}-breadcrumb-link {
-      display: inline-flex;
-      font-size: var(--zaui-font-size-xl, 18px);
-    }
-
-    .@{ant-prefix}-breadcrumb-separator {
-      margin: 0 var(--zaui-space-size-xs, 4px);
-      color: #1d2129;
-      font-weight: 500;
-      font-size: var(--zaui-font-size-xl, 18px);
-    }
-  }
-
-  .pro-header-top {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    margin-bottom: calc(var(--zaui-space-size-sm; 8px) * var(--zaui-size; 1));
-    padding: 0 var(--zaui-space-size-md, 16px);
-
-    .pro-header-left {
-      display: flex;
-      align-items: center;
-      margin-right: var(--zaui-space-size-md, 16px);
-
-      &.pro-header-left-space {
-        margin-left: var(--zaui-space-size-md, 16px);
-      }
-
-      ul {
-        display: flex;
-        align-items: center;
-
-        li {
-          display: flex;
-          color: #1d2129;
-          font-weight: 500;
-          font-size: var(--zaui-font-size-xl, 18px);
-
-          .breadcrumb-value {
-            display: inline-block;
-          }
-
-          & > span {
-            display: flex;
-          }
-
-          .omit {
-            overflow: hidden;
-            white-space: nowrap;
-            text-overflow: ellipsis;
-          }
-
-          b {
-            font-size: var(--zaui-font-size-lg, 16px);
-          }
-
-          .@{ant-prefix}-typography {
-            display: flex;
-            margin-bottom: 0;
-          }
-
-          &.version {
-            height: 24px;
-            padding: 0 var(--zaui-space-size-sm, 8px);
-            color: var(--zaui-brand, #006aff);
-            font-size: var(--zaui-font-size-sm, 12px);
-            font-style: initial;
-            line-height: 24px;
-            background: var(--ant-primary-1, #e6f4ff);
-            border-radius: var(--zaui-border-radius, 8px);
-          }
-
-          &.hidden {
-            display: none;
-          }
-        }
-      }
-    }
-
-    .pro-header-right {
-      .@{ant-prefix}-btn-link {
-        color: #616161;
-      }
-
-      .@{ant-prefix}-btn-primary {
-        color: #ffffff;
-      }
-
-      .@{ant-prefix}-btn-link {
-        padding: var(--zaui-space-size-xs, 4px), var(--zaui-space-size-sm, 8px);
-      }
-
-      .@{ant-prefix}-divider-vertical {
-        margin: 0;
-      }
-    }
-  }
-
-  .pro-header-nav {
-    position: relative;
-    display: flex;
-    background: #fafafa;
-    border-top: 1px solid #f2f2f2;
-
-    &.pro-header-nav-open {
-      .pro-header-fold {
-        .pro-header-fold-bg {
-          transform: rotate(180deg);
-        }
-      }
-    }
-
-    &.pro-header-nav-hidden {
-      padding: 0;
-      border: none;
-
-      ul {
-        height: 0;
-        overflow: hidden;
-      }
-    }
-
-    .pro-header-fold {
-      position: absolute;
-      bottom: -13px;
-      left: 50%;
-      transform: translateX(-50%);
-      cursor: pointer;
-
-      .pro-header-fold-bg {
-        position: relative;
-        z-index: 2;
-        height: 26px;
-        background: #fff;
-        transform: rotate(0deg);
-        transform-origin: center;
-      }
-
-      &::before {
-        position: absolute;
-        bottom: 13px;
-        left: 50%;
-        z-index: 1;
-        width: 140px;
-        height: 1px;
-        background: linear-gradient(
-          90deg,
-          rgba(238, 238, 238, 0) 0%,
-          var(--zaui-brand, #006aff) 37%,
-          var(--zaui-brand, #006aff) 57%,
-          rgba(216, 216, 216, 0) 100%
-        );
-        transform: translateX(-50%);
-        content: '';
-      }
-
-      svg {
-        fill: var(--zaui-brand, #006aff);
-      }
-    }
-
-    ul {
-      display: flex;
-      flex-wrap: wrap;
-      height: 60px;
-      padding: 0 16px;
-      overflow: hidden;
-      transition: height 0.2s ease-in-out;
-
-      li {
-        margin-top: 4px;
-        margin-right: 52px;
-        margin-bottom: calc(var(--zaui-space-size-md; 16px) * var(--zaui-size; 1));
-
-        &:last-child {
-          margin-right: 0;
-        }
-
-        span {
-          font-weight: 400;
-          font-size: var(--zaui-font-size, 14px);
-
-          &:first-child {
-            display: block;
-            font-weight: 500;
-          }
-        }
-
-        .describe-value {
-          color: var(--zaui-text, #343434);
-          font-weight: 400;
-
-          & > * {
-            color: var(--zaui-text, #343434);
-            font-weight: 400 !important;
-          }
-        }
-      }
-    }
-  }
-
-  .pro-header-info {
-    li {
-      margin-right: var(--zaui-space-size-sm, 8px);
-    }
-  }
-
-  .pro-header-describe {
-    display: flex;
-    flex-wrap: wrap;
-    padding: 0 var(--zaui-space-size-md, 16px);
-    padding-bottom: calc(
-      var(--zaui-space-size-md; 16px) * var(--zaui-size; 1) - var(--zaui-space-size-xs; 4px) *
-        var(--zaui-size; 1)
-    );
-    font-size: var(--zaui-font-size, 14px);
-
-    li {
-      flex: 0 0 auto;
-      white-space: nowrap;
-      overflow: hidden;
-      text-overflow: ellipsis;
-      &.pro-header-only-tag {
-        margin-left: var(--zaui-space-size-sm, 8px);
-
-        span:first-child {
-          margin-right: 0;
-        }
-      }
-
-
-      span {
-        color: #0a0a0a;
-        font-weight: 400;
-
-        &:first-child {
-          margin-right: 12px;
-        }
-
-        &:last-child {
-          display: inline-grid;
-          font-weight: 600;
-
-          .pro-header-tag {
-            margin-left: 4px;
-          }
-        }
-      }
-    }
-  }
-}
-
-.pro-header-describe-items-tip{
-  max-width: 600px;
-  .pro-header-describe-items-tip-value{
-    margin-bottom: var(--zaui-space-size-sm, 8px);
-  }
-}
-
-@media (max-width: 1366px) {
-  .pro-header-describe {
-    li span:last-child {
-      max-width: 350px;
-    }
-  }
-}

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

@@ -1,5 +0,0 @@
-/**
- * 检查描述dom是否部分隐藏
- * @param ele  dom节点
- */
-export declare const checkDescribeItemsHidden: (ele?: any) => boolean;

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

@@ -1,21 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.checkDescribeItemsHidden = void 0;
-/**
- * 检查描述dom是否部分隐藏
- * @param ele  dom节点
- */
-var checkDescribeItemsHidden = ele => {
-  var childElement = ele;
-  if (!childElement) {
-    return false;
-  }
-  var element = childElement.parentNode.parentNode.parentNode.parentNode;
-  var itemsScrollWidth = element.scrollWidth;
-  var itemsClientWidth = element.clientWidth;
-  return itemsScrollWidth > itemsClientWidth;
-};
-exports.checkDescribeItemsHidden = checkDescribeItemsHidden;

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

@@ -1,7 +0,0 @@
-import { TabContextMenuProps } from '../propTypes';
-/**
- * 右键菜单组件 - 兼容Antd 4.x和5.x
- */
-declare function TabContextMenu({ tabId, children, closable, onClose, onCloseOthers, onCloseRight, onCloseAll, menuItems: customMenuItems, tabMenuClick, tab, tabs, }: TabContextMenuProps): import("react/jsx-runtime").JSX.Element;
-export default TabContextMenu;
-export { TabContextMenu };

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

@@ -1,106 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.TabContextMenu = TabContextMenu;
-exports.default = void 0;
-var _react = require("react");
-var _antd = require("antd");
-var _jsxRuntime = require("react/jsx-runtime");
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
-function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-/**
- * 右键菜单组件 - 兼容Antd 4.x和5.x
- */
-function TabContextMenu(_ref) {
-  var tabId = _ref.tabId,
-    children = _ref.children,
-    _ref$closable = _ref.closable,
-    closable = _ref$closable === void 0 ? true : _ref$closable,
-    onClose = _ref.onClose,
-    onCloseOthers = _ref.onCloseOthers,
-    onCloseRight = _ref.onCloseRight,
-    onCloseAll = _ref.onCloseAll,
-    customMenuItems = _ref.menuItems,
-    tabMenuClick = _ref.tabMenuClick,
-    tab = _ref.tab,
-    _ref$tabs = _ref.tabs,
-    tabs = _ref$tabs === void 0 ? [] : _ref$tabs;
-  var _useState = (0, _react.useState)(false),
-    _useState2 = _slicedToArray(_useState, 2),
-    visible = _useState2[0],
-    setVisible = _useState2[1];
-  var handleMenuClick = (0, _react.useCallback)(key => {
-    setVisible(false);
-
-    // 优先调用自定义回调
-    if (tabMenuClick && tab) {
-      tabMenuClick({
-        key,
-        tab,
-        tabs
-      });
-    }
-
-    // 处理默认菜单项
-    switch (key) {
-      case 'close':
-        if (!closable) {
-          return;
-        }
-        onClose(tabId);
-        break;
-      case 'closeOthers':
-        onCloseOthers(tabId);
-        break;
-      case 'closeRight':
-        onCloseRight(tabId);
-        break;
-      case 'closeAll':
-        onCloseAll();
-        break;
-    }
-  }, [tabId, closable, onClose, onCloseOthers, onCloseRight, onCloseAll, tabMenuClick, tab, tabs]);
-
-  // 默认右键菜单配置 - 统一使用items方式（antd 4.20+都支持）
-  var defaultMenuItems = [{
-    key: 'close',
-    label: '关闭',
-    disabled: !closable
-  }, {
-    key: 'closeOthers',
-    label: '关闭其他'
-  }, {
-    key: 'closeRight',
-    label: '关闭右侧标签页'
-  }, {
-    key: 'closeAll',
-    label: '关闭全部'
-  }];
-
-  // 合并自定义菜单项和默认菜单项
-  // 如果提供了自定义菜单项，则追加到默认菜单项后面；否则使用默认菜单项
-  var menuItems = customMenuItems && customMenuItems.length > 0 ? [...defaultMenuItems, {
-    type: 'divider'
-  }, ...customMenuItems] : defaultMenuItems;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Dropdown, {
-    menu: {
-      items: menuItems,
-      onClick: _ref2 => {
-        var key = _ref2.key;
-        return handleMenuClick(key);
-      }
-    },
-    trigger: ['contextMenu'],
-    open: visible,
-    onOpenChange: setVisible,
-    placement: "bottomLeft",
-    children: children
-  });
-}
-var _default = exports.default = TabContextMenu;

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

@@ -1,26 +0,0 @@
-import React from 'react';
-import { TabItem } from '../../../propTypes';
-interface TabItemComponentProps {
-    tab: TabItem;
-    active: boolean;
-    onClick: () => void;
-    onClose: () => void;
-    onCloseOthers: () => void;
-    onCloseRight: () => void;
-    onCloseAll: () => void;
-    /** 所有标签页列表 */
-    tabsList?: TabItem[];
-    /** 自定义菜单项 */
-    menuItems?: import('antd').MenuProps['items'];
-    /** 自定义菜单项点击回调 */
-    tabMenuClick?: (params: {
-        key: string;
-        tab: TabItem;
-        tabs: TabItem[];
-    }) => void;
-}
-/**
- * 单个标签页组件
- */
-declare const TabItemComponent: React.FC<TabItemComponentProps>;
-export { TabItemComponent };

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

@@ -1,75 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.TabItemComponent = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _icons = require("@ant-design/icons");
-var _TabContextMenu = require("./TabContextMenu");
-var _jsxRuntime = require("react/jsx-runtime");
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-/**
- * 单个标签页组件
- */
-var TabItemComponent = _ref => {
-  var tab = _ref.tab,
-    active = _ref.active,
-    onClick = _ref.onClick,
-    _onClose = _ref.onClose,
-    _onCloseOthers = _ref.onCloseOthers,
-    _onCloseRight = _ref.onCloseRight,
-    onCloseAll = _ref.onCloseAll,
-    _ref$tabsList = _ref.tabsList,
-    tabsList = _ref$tabsList === void 0 ? [] : _ref$tabsList,
-    menuItems = _ref.menuItems,
-    tabMenuClick = _ref.tabMenuClick;
-  var handleCloseClick = e => {
-    e.stopPropagation();
-    _onClose();
-  };
-
-  // 作为 antd Tabs label 使用时，不需要阻止事件冒泡
-  // antd Tabs 会通过 onChange 处理切换，我们的 onClick 作为备用
-  var handleLabelClick = e => {
-    // 不阻止冒泡，让 antd Tabs 处理切换
-    // 但我们也调用 onClick 以确保状态同步
-    onClick();
-  };
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_TabContextMenu.TabContextMenu, {
-    tabId: tab.id,
-    closable: tab.closable,
-    onClose: () => _onClose(),
-    onCloseOthers: () => _onCloseOthers(),
-    onCloseRight: () => _onCloseRight(),
-    onCloseAll: onCloseAll,
-    tab: tab,
-    tabs: tabsList,
-    menuItems: menuItems,
-    tabMenuClick: tabMenuClick,
-    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      className: `pro-layout-tab-item ${active ? 'active' : ''} ${tab.closable ? 'closable' : ''}`,
-      onClick: handleLabelClick,
-      "data-testid": `tab-${tab.id}`,
-      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-        className: "pro-layout-tab-content",
-        children: [tab.icon && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-          className: "pro-layout-tab-icon",
-          children: typeof tab.icon === 'string' ? /*#__PURE__*/(0, _jsxRuntime.jsx)("i", {
-            className: `iconfont ${tab.icon}`
-          }) : tab.icon
-        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-          className: "pro-layout-tab-title",
-          title: tab.title,
-          children: tab.title
-        }), tab.closable && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-          className: "pro-layout-tab-close",
-          onClick: handleCloseClick,
-          "data-testid": `tab-close-${tab.id}`,
-          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.CloseOutlined, {})
-        })]
-      })
-    })
-  });
-};
-exports.TabItemComponent = TabItemComponent;

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

@@ -1,6 +0,0 @@
-/// <reference types="react" />
-import type { ProLayoutTabsInstance } from '../../../propTypes';
-/**
- * 标签页实例 Context，用于在 ProLayout children 中访问标签页 API
- */
-export declare const TabsContext: import("react").Context<ProLayoutTabsInstance>;

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

@@ -1,11 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.TabsContext = void 0;
-var _react = require("react");
-/**
- * 标签页实例 Context，用于在 ProLayout children 中访问标签页 API
- */
-var TabsContext = exports.TabsContext = /*#__PURE__*/(0, _react.createContext)(null);

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

@@ -1,12 +0,0 @@
-import type { TabsProps } from 'antd';
-export interface TabsHeaderProps {
-    activeKey: string | undefined;
-    tabsItems: TabsProps['items'];
-    onTabChange: (activeKey: string) => void;
-    onTabEdit: (targetKey: string, action: 'add' | 'remove') => void;
-}
-/**
- * 标签页头部：监听 window 滚动（实际滚动在 window/documentElement，非 body），
- * 滚动时添加阴影类名；仅此组件随滚动重渲染，不带动父组件内容区。
- */
-export declare function TabsHeader({ activeKey, tabsItems, onTabChange, onTabEdit }: TabsHeaderProps): import("react/jsx-runtime").JSX.Element;