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

package/lib/ProStep/propsType.d.ts

@@ -1,222 +0,0 @@
-import { ReactNode, CSSProperties } from 'react';
-import { LazyLoadProps } from 'react-lazyload';
-/**
- * 步骤项基础类型定义
- * @interface ItemType
- */
-export interface ItemType {
-    /** 步骤名称 */
-    name: string;
-    /** 步骤唯一标识码 */
-    code: string;
-    /** 步骤排序值，越小越靠前 */
-    order?: number;
-}
-/**
- * 已加载地图项属性类型
- * @interface LoadedMapPropsType
- */
-export interface LoadedMapPropsType {
-    /** 唯一标识符 */
-    id: string;
-    /** 排序值 */
-    order: number;
-    /** 标题文本 */
-    title: string;
-    /** 是否已加载 */
-    loaded: boolean;
-}
-/**
- * @type LoadedMapType
- */
-export type LoadedMapType = LoadedMapPropsType;
-/**
- * ProStep 组件属性类型
- * @interface ProStepPropsType
- */
-export interface ProStepPropsType {
-    /** 步骤条配置项 */
-    dataSource?: ItemType[];
-    /** 距离顶部的偏移量（单位：像素） */
-    fixedTop: number;
-    /** 当前激活的步骤标识 */
-    activeKey?: string;
-    /** 子组件内容 */
-    children?: ReactNode;
-    /** 组件自定义样式 */
-    style?: CSSProperties;
-    /** 滚动偏移量（单位：像素） */
-    targetOffset?: number;
-    /** 是否使用折叠标题 */
-    collapse?: boolean;
-    /** 是否自动滚动到第一个报错的步骤 */
-    scrollToError?: boolean;
-    /**
-     * 模块可视区域懒加载
-     * @description 为true时使用默认配置，或传入自定义懒加载配置
-     */
-    lazyLoad?: boolean | LazyLoadProps;
-}
-/**
- * ProStep 子项组件属性类型
- * @interface ProStepItemPropsType
- */
-export interface ProStepItemPropsType {
-    /** 唯一标识符 */
-    id: string;
-    /** 步骤标题 */
-    title?: string;
-    /** 是否使用折叠模式 */
-    collapse?: boolean;
-    /** 排序值，越小越靠前 */
-    order?: number;
-    /**
-     * 模块可视区域懒加载
-     * @description 为true时使用默认配置，或传入自定义懒加载配置
-     */
-    lazyLoad?: boolean | LazyLoadProps;
-    /** 允许其他任意属性 */
-    [key: string]: any;
-}
-/**
- * ProStep 子项组件基础类型
- * @type ProStepItemType
- */
-export type ProStepItemType = ProStepItemPropsType;
-/**
- * ProStep组件上下文类型
- * @interface ProStepContextType
- */
-export interface ProStepContextType {
-    /** 注册映射引用 */
-    registerMap: React.MutableRefObject<Record<string, RegisterMapItem>>;
-    /** 是否折叠 */
-    collapse?: boolean;
-    /** 注册函数 */
-    register: (params: RegisterParams) => void;
-    /** 通知函数 */
-    notify: (params?: NotifyParams) => Promise<any[]>;
-    /** 触发特定项的函数 */
-    triggerTo: (keys: string[]) => Promise<any[]>;
-    /** 处理滚动的函数 */
-    handleScroll: (id: string, options?: ScrollOptions) => void;
-    /** 懒加载配置 */
-    lazyLoad?: boolean | any;
-    /** 取消注册函数 */
-    unNotify: (keys: string | string[]) => void;
-    /** 来源 */
-    source?: string;
-}
-/**
- * 注册参数类型
- * @interface RegisterParams
- */
-export interface RegisterParams {
-    /** 唯一标识符 */
-    id: string;
-    /** 表单实例 */
-    form?: any;
-    /** 标题 */
-    title: string;
-    /** 自定义验证器 */
-    validator?: () => Promise<any>;
-    /** 排序值 */
-    order: number;
-    /** 是否禁用 */
-    disabled?: boolean;
-    /** 懒加载配置 */
-    lazyLoad?: boolean | any;
-    /** 允许其他任意属性 */
-    [key: string]: any;
-}
-/**
- * 注册映射项类型
- * @interface RegisterMapItem
- */
-export interface RegisterMapItem {
-    /** 唯一标识符 */
-    id: string;
-    /** 标题 */
-    title: string;
-    /** 排序值 */
-    order: number;
-    /** 提交事件 */
-    subEvent?: () => Promise<any>;
-    /** 允许其他任意属性 */
-    [key: string]: any;
-}
-/**
- * 通知参数类型
- * @interface NotifyParams
- */
-export interface NotifyParams {
-    /** 排除项 */
-    excludes?: string[];
-}
-/**
- * 滚动选项类型
- * @interface ScrollOptions
- */
-export interface ScrollOptions {
-    /** 目标偏移量 */
-    targetOffset?: number;
-    /** 是否滚动到错误位置 */
-    scrollToError?: boolean;
-}
-/**
- * ProStep监听器属性类型
- * @interface ListenerProps
- */
-export interface ListenerProps {
-    /** 子元素 */
-    children: React.ReactElement;
-    /** 延迟时间 */
-    delayTime?: number;
-    /** 排除项 */
-    excludes?: string[];
-    /** 允许其他任意属性 */
-    [key: string]: any;
-}
-/**
- * 锚点SVG属性类型
- * @interface AnchorSvgProps
- */
-export interface AnchorSvgProps {
-    /** 颜色 */
-    color?: string;
-}
-/**
- * 菜单项属性类型
- * @interface MenuItemProps
- */
-export interface MenuItemProps {
-    /** 名称 */
-    name: string;
-    /** 编码 */
-    code: string;
-    /** 是否开启 */
-    onOff: boolean;
-    /** 是否是开始项 */
-    isStart?: boolean;
-    /** 是否是结束项 */
-    isEnd?: boolean;
-    /** 是否禁用 */
-    isDisabled?: boolean;
-    /** 是否是当前步骤 */
-    isCurrentStep?: boolean;
-    /** 是否已检查 */
-    isChecked?: boolean;
-    /** 错误数量 */
-    errorNum?: number;
-    /** 当前数量 */
-    currentNum?: number;
-    /** 目标偏移量 */
-    targetOffset?: number;
-    /** 是否滚动到错误位置 */
-    scrollToError?: boolean;
-}
-/**
- * ProStep 组件基础类型
- * @type ProStepType
- */
-export type ProStepType = ProStepPropsType;

package/lib/ProStep/propsType.js

@@ -1,5 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});

package/lib/ProStep/style/index.less

@@ -1,220 +0,0 @@
-@import '../../style/variables.less';
-
-.pro-step-wrapper {
-  padding-right: 48px;
-}
-
-.pro-step {
-  position: fixed;
-  right: 0;
-  z-index: 99;
-  min-width: 48px;
-  min-height: 48px;
-  overflow-x: hidden;
-  overflow-y: auto;
-  text-align: center;
-  background-color: var(--zaui-global-bg, #fff);
-  border-radius: 0 0 var(--zaui-border-radius) var(--zaui-border-radius);
-  box-shadow: -1px 0px 5px 0px var(--zaui-shadow, rgba(56, 56, 56, 0.15));
-  cursor: pointer;
-  transition: width 0.2s;
-
-  > .pro-step-menu {
-    display: flex;
-    align-items: center;
-    width: 100%;
-    height: 48px;
-    font-size: var(--zaui-font-size-lg, 16px);
-    border-bottom: 1px solid var(--zaui-line, #dddddd);
-    > .anticon {
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      width: 48px;
-      height: 24px;
-      .pro-step-menu-icon {
-        width: auto !important;
-        height: auto !important;
-        font-size: var(--zaui-font-size-lg-title, 24px);
-        fill: var(--zaui-brand, #006aff);
-        > div {
-          display: flex;
-          align-items: center;
-          justify-content: center;
-          width: 48px;
-          height: 24px;
-        }
-      }
-      > button {
-        width: auto !important;
-        height: auto !important;
-        > .pro-step-menu-icon {
-          width: auto !important;
-          height: auto !important;
-          font-size: var(--zaui-font-size-lg-title, 24px);
-          fill: var(--zaui-brand, #006aff);
-          > div {
-            display: flex;
-            align-items: center;
-            justify-content: center;
-            width: 48px;
-            height: 24px;
-          }
-        }
-      }
-    }
-
-    > .menu-icon {
-      font-size: var(--zaui-font-size-lg-title, 24px);
-      fill: var(--zaui-brand, #006aff);
-
-      > div {
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        width: 48px;
-        height: 24px;
-      }
-    }
-  }
-
-  .pro-step-menu-content {
-    overflow: hidden;
-
-    &:hover {
-      overflow-y: auto;
-    }
-  }
-
-  .pro-step-com-menu-item {
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    width: 100%;
-    height: 48px;
-    padding-right: var(--zaui-space-size-md, 24px);
-
-    &:hover {
-      background-color: rgba(185, 185, 189, 0.1);
-    }
-
-    &.current {
-      background-color: var(--ant-primary-1, #e6f4ff);
-
-      &:hover {
-        background-color: var(--ant-primary-1, #e6f4ff);
-      }
-    }
-
-    > .pro-step-menu-item {
-      display: flex;
-      align-items: center;
-
-      > .pro-step-menu-icon {
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        width: 48px;
-        min-width: 48px;
-        height: 100%;
-
-        > svg {
-          fill: var(--zaui-brand, #006aff);
-        }
-
-        > .pro-step-dot {
-          width: 6px;
-          height: 6px;
-          background: var(--zaui-brand, #006aff);
-          border-radius: 3px;
-
-          
-
-          &.errored {
-            width: 12px;
-            height: 12px;
-            background: #ff5050;
-            border-radius: 50%;
-            fill: #ff5050;
-          }
-
-          &.disabled {
-            background: #939599;
-            fill: #939599;
-          }
-        }
-
-        .pro-step-dot-icon {
-          display: flex;
-          align-items: center;
-          justify-content: center;
-          width: 18px;
-          height: 18px;
-          color: #ffffff;
-          font-size: var(--zaui-font-size-sm, 12px);
-          background: var(--zaui-brand, #006aff);
-          border-radius: 9px;
-
-          &.errored {
-            background: #ff5050;
-            fill: #ff5050;
-          }
-
-          &.disabled {
-            background: #939599;
-            fill: #939599;
-          }
-        }
-      }
-
-      > .pro-step-menu-name {
-        color: #0a0a0a;
-        text-align: left;
-
-        &.disabled {
-          color: #626366;
-        }
-      }
-    }
-
-    > .pro-step-checked-status {
-      height: 18px;
-
-      > svg {
-        fill: var(--zaui-brand, #006aff);
-      }
-
-      .pro-step-error-dot {
-        display: flex;
-        align-items: center;
-        justify-content: center;
-
-        .@{ant-prefix}-badge{
-          .@{ant-prefix}-badge-count{
-             background: rgba(255, 80, 80, 0.15);
-             color: #ff5050;
-             .@{ant-prefix}-scroll-number-only-unit, .@{ant-prefix}-scroll-number{
-              font-weight: 600;
-             }
-          }
-        
-        }
-
-        > span {
-          color: #ff5050;
-          font-weight: 600;
-          font-size: var(--aui-font-size-sm, 12px);
-          border-radius: 8px;
-        }
-      }
-    }
-  }
-
-  &.pro-step-open {
-    width: 200px;
-  }
-
-  &.pro-step-closed {
-    width: 48px;
-  }
-}

package/lib/ProStep/utils/index.d.ts

@@ -1,22 +0,0 @@
-import React from 'react';
-import type { LoadedMapType } from '../propsType';
-/**
- * 滚动到错误位置, 延迟200ms解决ProForm错误还未生成
- */
-export declare const handleScrollError: (dom?: HTMLElement) => void;
-/**
- * 处理滚动到指定元素位置, 如发现有错误, 则优先滚动到错误位置
- * @param id 目标元素的ID
- * @param options 滚动选项
- */
-export declare const handleScroll: (id: string, options?: {
-    targetOffset?: number;
-    scrollToError?: boolean;
-}) => void;
-/**
- * 获取加载模块数据信息
- * @param registerMap 注册映射对象
- * @returns 模块加载状态列表
- */
-export declare const getLoadedMap: (registerMap: React.MutableRefObject<Record<string, any>>) => LoadedMapType[];
-export default handleScroll;

package/lib/ProStep/utils/index.js

@@ -1,78 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.handleScrollError = exports.handleScroll = exports.getLoadedMap = exports.default = void 0;
-var _lodash = require("lodash");
-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); }
-/**
- * 滚动到错误位置, 延迟200ms解决ProForm错误还未生成
- */
-var handleScrollError = dom => {
-  setTimeout(() => {
-    var errorDom = dom || document.querySelector('[class*="form-item-has-error"]');
-    if (errorDom) {
-      errorDom.scrollIntoView({
-        behavior: 'smooth',
-        block: 'center'
-      });
-    }
-  }, 200);
-};
-
-/**
- * 处理滚动到指定元素位置, 如发现有错误, 则优先滚动到错误位置
- * @param id 目标元素的ID
- * @param options 滚动选项
- */
-exports.handleScrollError = handleScrollError;
-var handleScroll = (id, options) => {
-  var _ref = options || {},
-    _ref$targetOffset = _ref.targetOffset,
-    targetOffset = _ref$targetOffset === void 0 ? 0 : _ref$targetOffset,
-    scrollToError = _ref.scrollToError;
-  if (!scrollToError) return;
-  var dom = document.querySelector(`#${id}`);
-  if (dom) {
-    // 查找指定id下的错误表单项
-    var errorDom = dom.querySelector('[class*="form-item-has-error"]');
-    if (errorDom && scrollToError) {
-      // 如果发现错误表单项，执行handleScrollError函数
-      handleScrollError(errorDom);
-    } else {
-      // 如果没有错误表单项，则滚动到指定元素位置
-      setTimeout((0, _lodash.debounce)(() => {
-        var rect = dom.getBoundingClientRect();
-        window.scrollTo({
-          top: window.scrollY + rect.top - targetOffset,
-          behavior: 'smooth'
-        });
-      }, 100), 0);
-    }
-  }
-};
-
-/**
- * 获取加载模块数据信息
- * @param registerMap 注册映射对象
- * @returns 模块加载状态列表
- */
-exports.handleScroll = handleScroll;
-var getLoadedMap = registerMap => {
-  if (!(registerMap !== null && registerMap !== void 0 && registerMap.current)) {
-    return [];
-  }
-  var stepList = Object.values(registerMap === null || registerMap === void 0 ? void 0 : registerMap.current).map(item => {
-    return _objectSpread(_objectSpread({}, (0, _lodash.pick)(item, ['id', 'order', 'title'])), {}, {
-      loaded: !document.querySelector(`.${item === null || item === void 0 ? void 0 : item.id}-placeholder`)
-    });
-  });
-  return stepList;
-};
-exports.getLoadedMap = getLoadedMap;
-var _default = exports.default = handleScroll;

package/lib/ProStepTab/index.d.ts

@@ -1,22 +0,0 @@
-import React from 'react';
-import type { ProStepTabType, ProStepTabResultType } from './propsType';
-/**
- * 步骤化Tab管理钩子，用于管理多步骤表单或流程的切换和验证
- *
- * @param {ProStepTabType} props 配置参数
- * @returns {ProStepTabResultType} 返回步骤Tab相关方法和状态
- */
-export declare function useStepTab(props?: ProStepTabType): ProStepTabResultType;
-/**
- * 在子组件中获取父级 StepTab 实例的钩子
- * @returns {ProStepTabResultType} 步骤Tab实例
- */
-export declare function useStepTabInstance(): ProStepTabResultType;
-interface ProStepTabComponent extends React.FC<React.PropsWithChildren<ProStepTabType>> {
-    useStepTabInstance: typeof useStepTabInstance;
-}
-/**
- * ProStepTab 组件
- */
-declare const ProStepTab: ProStepTabComponent;
-export default ProStepTab;