@zat-design/sisyphus-react 3.11.14-beta.9 → 3.12.0

package/lib/ProStep/propsType.d.ts

@@ -57,11 +57,6 @@ export interface ProStepPropsType {
      */
     lazyLoad?: boolean | LazyLoadProps;
 }
-/**
- * ProStep 组件基础类型
- * @type ProStepType
- */
-export type ProStepType = ProStepPropsType;
 /**
  * ProStep 子项组件属性类型
  * @interface ProStepItemPropsType
@@ -88,3 +83,148 @@ export interface ProStepItemPropsType {
  * @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;
+}
+/**
+ * 注册参数类型
+ * @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;
+}
+/**
+ * 错误结果类型
+ * @interface ErrorResult
+ */
+export interface ErrorResult {
+    /** 错误DOM元素 */
+    errorDom: HTMLElement | null;
+    /** 索引 */
+    index: number;
+}
+/**
+ * 锚点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/utils/index.d.ts

@@ -1,5 +1,18 @@
+import React from 'react';
 import type { LoadedMapType } from '../propsType';
-export declare const handleScroll: (id: any, options: any) => void;
-/** 获取加载模块数据信息 */
-export declare const getLoadedMap: (registerMap: any) => LoadedMapType[];
+/**
+ * 处理滚动到指定元素位置
+ * @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

@@ -7,6 +7,11 @@ Object.defineProperty(exports, "__esModule", {
 exports.handleScroll = exports.getLoadedMap = exports.default = void 0;
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 var _lodash = require("lodash");
+/**
+ * 处理滚动到指定元素位置
+ * @param id 目标元素的ID
+ * @param options 滚动选项
+ */
 var handleScroll = exports.handleScroll = function handleScroll(id, options) {
   var _ref = options || {},
     _ref$targetOffset = _ref.targetOffset,
@@ -23,10 +28,14 @@ var handleScroll = exports.handleScroll = function handleScroll(id, options) {
     }, 100), 0);
   }
 };
-/** 获取加载模块数据信息 */
+/**
+ * 获取加载模块数据信息
+ * @param registerMap 注册映射对象
+ * @returns 模块加载状态列表
+ */
 var getLoadedMap = exports.getLoadedMap = function getLoadedMap(registerMap) {
   if (!(registerMap === null || registerMap === void 0 ? void 0 : registerMap.current)) {
-    return undefined;
+    return [];
   }
   var stepList = Object.values(registerMap === null || registerMap === void 0 ? void 0 : registerMap.current).map(function (item) {
     return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, (0, _lodash.pick)(item, ['id', 'order', 'title'])), {}, {

package/lib/ProTable/components/FormatColumn/index.d.ts

@@ -2,7 +2,7 @@
  * 调整点：
  */
 import React from 'react';
-import { ProTableColumnType } from '../../propsType';
+import type { ProTableColumnType } from '../../propsType';
 export declare const formatColumn: ({ column, originalObj, rowKey, wrapToolTipProps, scroll, onUpdateMinWidth, isInNewRow, diffConfig, }: {
     column: ProTableColumnType;
     originalObj: any;

package/lib/ProTable/components/FormatColumn/index.js

@@ -68,8 +68,7 @@ var formatColumn = exports.formatColumn = function formatColumn(_ref2) {
     valueType = column.valueType,
     _column$format = column.format,
     format = _column$format === void 0 ? 'YYYY-MM-DD HH:mm:ss' : _column$format,
-    _column$precision = column.precision,
-    precision = _column$precision === void 0 ? 0 : _column$precision,
+    precision = column.precision,
     ellipsis = column.ellipsis,
     code = column.code,
     copyable = column.copyable,
@@ -120,9 +119,6 @@ var formatColumn = exports.formatColumn = function formatColumn(_ref2) {
     }
   };
   if (column === null || column === void 0 ? void 0 : column.render) {
-    // if (!originalObj && Object.keys(originalObj ?? {}).length === 0 && !onDiff) {
-    //   return;
-    // }
     var originalRender = column.render; // 保存原始的 render 方法
     // 自定义render 手动重载下
     column.render = function (value, record, index) {
@@ -220,7 +216,8 @@ var formatColumn = exports.formatColumn = function formatColumn(_ref2) {
   if (ellipsis) {
     column.ellipsis = false;
   }
-  var valueTypePrecision = precision;
+  var valueTypePrecision = precision !== null && precision !== void 0 ? precision : 0;
+  // 千分位、千分位带CNY前缀, 百分比、千分比保留小数点2位
   if (['percentage', 'permillage', 'thousandth', 'thousandthCNY'].includes(valueType)) {
     valueTypePrecision = precision !== null && precision !== void 0 ? precision : 2;
   }

package/lib/ProTable/components/RenderTabs/index.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import type { ProTableTabsType } from '../../propsType';
+declare const _default: import("react").MemoExoticComponent<(props: ProTableTabsType) => import("react/jsx-runtime").JSX.Element>;
+export default _default;

package/lib/ProTable/components/RenderTabs/index.js

@@ -0,0 +1,82 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _objectSpread3 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _jsxRuntime = require("react/jsx-runtime");
+var _antd = require("antd");
+var _react = require("react");
+var _useEnum3 = _interopRequireDefault(require("../../../ProEnum/hooks/useEnum"));
+var RenderTabs = function RenderTabs(props) {
+  var code = props.code,
+    _props$dataSource = props.dataSource,
+    dataSource = _props$dataSource === void 0 ? [] : _props$dataSource,
+    transformResponse = props.transformResponse,
+    tabsProps = props.tabsProps,
+    name = props.name,
+    formTableProps = props.formTableProps;
+  var _ref = formTableProps || {},
+    form = _ref.form,
+    onSearch = _ref.onSearch;
+  var _useState = (0, _react.useState)(props.activeKey),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    activeKey = _useState2[0],
+    setActiveKey = _useState2[1];
+  var _useEnum = (0, _useEnum3.default)(code),
+    _useEnum2 = (0, _slicedToArray2.default)(_useEnum, 1),
+    options = _useEnum2[0];
+  var fieldValue = _antd.Form.useWatch(name, form);
+  // 使用useMemo计算派生状态
+  var tabItems = (0, _react.useMemo)(function () {
+    var defaultItems = [].concat((0, _toConsumableArray2.default)(dataSource), (0, _toConsumableArray2.default)(options || []));
+    // 合并数据源并转换格式
+    var mergedData = defaultItems.map(function (item) {
+      return {
+        key: item.value,
+        label: item.label
+      };
+    });
+    if (transformResponse && typeof transformResponse === 'function') {
+      mergedData = transformResponse(defaultItems, formTableProps);
+      return mergedData.map(function (item) {
+        return {
+          key: String(item.value),
+          label: item.label
+        };
+      });
+    }
+    return mergedData.map(function (item) {
+      return {
+        key: String(item.key),
+        label: item.label
+      };
+    });
+  }, [dataSource, options, transformResponse]);
+  (0, _react.useEffect)(function () {
+    var _tabItems$;
+    setActiveKey(fieldValue || (tabItems === null || tabItems === void 0 ? void 0 : (_tabItems$ = tabItems[0]) === null || _tabItems$ === void 0 ? void 0 : _tabItems$.key));
+  }, [fieldValue]);
+  if (!(tabItems === null || tabItems === void 0 ? void 0 : tabItems.length)) {
+    return null;
+  }
+  return (0, _jsxRuntime.jsx)(_antd.Tabs, (0, _objectSpread3.default)((0, _objectSpread3.default)({
+    className: "pro-table-tabs",
+    onChange: function onChange(key) {
+      var fieldsValues = (form === null || form === void 0 ? void 0 : form.getFieldsValue()) || {};
+      setActiveKey(key);
+      form.setFieldValue(name, key);
+      onSearch === null || onSearch === void 0 ? void 0 : onSearch((0, _objectSpread3.default)((0, _objectSpread3.default)({}, fieldsValues), {}, (0, _defineProperty2.default)({}, name, key)));
+    },
+    type: "card"
+  }, tabsProps), {}, {
+    items: tabItems,
+    activeKey: activeKey
+  }));
+};
+var _default = exports.default = /*#__PURE__*/(0, _react.memo)(RenderTabs);

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

@@ -1,5 +1,30 @@
+/**
+ * 表格可伸缩列组件
+ * @description 实现表格列宽可调整功能
+ */
 export { default as TableResizable } from './TableResizable';
+/**
+ * 表格空数据渲染组件
+ * @description 当表格数据为空时的显示内容
+ */
 export { default as RenderEmptyText } from './RenderEmptyText';
+/**
+ * 表格汇总行组件
+ * @description 用于渲染表格底部的汇总信息
+ */
 export { default as RenderSummary } from './RenderSummary';
+/**
+ * 表格头部渲染组件
+ * @description 自定义表格头部区域，支持自定义内容和操作按钮
+ */
 export { default as RenderTableHeader } from './RenderTableHeader';
+/**
+ * 表格底部渲染组件
+ * @description 自定义表格底部区域，支持添加额外操作按钮
+ */
 export { default as RenderFooter } from './RenderFooter';
+/**
+ * 表格标签页组件
+ * @description 实现表格顶部的标签页切换功能，用于数据分类展示
+ */
+export { default as RenderTabs } from './RenderTabs';

package/lib/ProTable/components/index.js

@@ -28,6 +28,12 @@ Object.defineProperty(exports, "RenderTableHeader", {
     return _RenderTableHeader.default;
   }
 });
+Object.defineProperty(exports, "RenderTabs", {
+  enumerable: true,
+  get: function get() {
+    return _RenderTabs.default;
+  }
+});
 Object.defineProperty(exports, "TableResizable", {
   enumerable: true,
   get: function get() {
@@ -38,4 +44,5 @@ var _TableResizable = _interopRequireDefault(require("./TableResizable"));
 var _RenderEmptyText = _interopRequireDefault(require("./RenderEmptyText"));
 var _RenderSummary = _interopRequireDefault(require("./RenderSummary"));
 var _RenderTableHeader = _interopRequireDefault(require("./RenderTableHeader"));
-var _RenderFooter = _interopRequireDefault(require("./RenderFooter"));
+var _RenderFooter = _interopRequireDefault(require("./RenderFooter"));
+var _RenderTabs = _interopRequireDefault(require("./RenderTabs"));

package/lib/ProTable/hooks/useAntdTable.d.ts

@@ -1,95 +1,4 @@
-import { Key } from 'react';
 import { useRequest } from 'ahooks';
-import { ProTableRequestOptionsType, ProTableServiceType } from '../propsType';
-declare function useAntdTable<I, R extends Record<string, any>, S extends ProTableServiceType<I, R>>(service: S, options?: ProTableRequestOptionsType<I, R>, useRequestOptions?: Parameters<typeof useRequest>[1]): {
-    data: R[];
-    params: any;
-    rowSelection: {
-        fixed: boolean;
-        type: import("antd/es/table/interface").RowSelectionType;
-        columnWidth: number;
-        selectedRowKeys: Key[];
-        onChange(rowKeys: Key[], rows: any[]): void;
-        onSelectAll: (selected: boolean) => void;
-        getCheckboxProps: (record?: any) => {
-            className: string;
-        };
-        selections: boolean | ({
-            key: string;
-            text: string;
-            onSelect: (changeableRowKeys: Key[]) => void;
-        } | {
-            key: string;
-            text: any;
-            onSelect: () => Promise<void>;
-        })[];
-    };
-    searchValues: I;
-    allSelected: boolean;
-    selectedTip: string;
-    selectedRowKeys: Key[];
-    selectedRecords: R[];
-    clearSelected: () => void;
-    setSelectedRowKeys: (selectedRowKeys: Key[]) => void;
-    setSelectedRecords: (selectedRecords: R[]) => void;
-    pagination: {
-        current: number;
-        pageSize: number;
-        showSizeChanger: boolean;
-        showQuickJumper: boolean;
-        onPaginationChange: boolean;
-        total: number;
-        showTotal: (total: any) => string;
-        onShowSizeChange: (current: number, pageSize: number) => void;
-        onChange: (current: number, pageSize: number) => void;
-    };
-    onReset: () => void;
-    onSearch: (values: any) => void;
-    refresh: () => Promise<void>;
-    tableProps: {
-        rowKey: string | import("rc-table/lib/interface").GetRowKey<R>;
-        loading: boolean;
-        dataSource: R[];
-        rowSelection: {
-            fixed: boolean;
-            type: import("antd/es/table/interface").RowSelectionType;
-            columnWidth: number;
-            selectedRowKeys: Key[];
-            onChange(rowKeys: Key[], rows: any[]): void;
-            onSelectAll: (selected: boolean) => void;
-            getCheckboxProps: (record?: any) => {
-                className: string;
-            };
-            selections: boolean | ({
-                key: string;
-                text: string;
-                onSelect: (changeableRowKeys: Key[]) => void;
-            } | {
-                key: string;
-                text: any;
-                onSelect: () => Promise<void>;
-            })[];
-        };
-        pagination: {
-            current: number;
-            pageSize: number;
-            showSizeChanger: boolean;
-            showQuickJumper: boolean;
-            onPaginationChange: boolean;
-            total: number;
-            showTotal: (total: any) => string;
-            onShowSizeChange: (current: number, pageSize: number) => void;
-            onChange: (current: number, pageSize: number) => void;
-        };
-        onChange: (pagination: any, filters: any, sorter: any, extra: any) => void;
-    };
-    handleSetStateCallback: (values: any) => void;
-    loading: boolean;
-    error?: Error;
-    cancel: () => void;
-    refreshAsync: () => Promise<unknown>;
-    run: (...params: any[]) => void;
-    runAsync: (...params: any[]) => Promise<unknown>;
-    mutate: (data?: unknown) => void;
-};
+import type { ProTableRequestOptionsType, ProTableServiceType } from '../propsType';
+declare function useAntdTable<I, R extends Record<string, any>, S extends ProTableServiceType<I, R>>(service: S, options?: ProTableRequestOptionsType<I, R>, useRequestOptions?: Parameters<typeof useRequest>[1]): any;
 export default useAntdTable;

package/lib/ProTable/hooks/useAntdTable.js

@@ -482,7 +482,7 @@ function useAntdTable(service, options, useRequestOptions) {
     onShowSizeChange: handlePageChange,
     onChange: handlePageChange
   };
-  return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, result), {}, {
+  var useAntdTableProps = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, result), {}, {
     data: data,
     params: params,
     rowSelection: rowSelection,
@@ -516,5 +516,9 @@ function useAntdTable(service, options, useRequestOptions) {
     },
     handleSetStateCallback: handleSetStateCallback
   });
+  useAntdTableProps.tableProps.formTableProps = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, (0, _lodash.omit)(useAntdTableProps, 'tableProps')), {}, {
+    form: form
+  });
+  return useAntdTableProps;
 }
 var _default = exports.default = useAntdTable;

package/lib/ProTable/index.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { ProTableType } from './propsType';
+import type { ProTableType } from './propsType';
 import useAntdTable from './hooks/useAntdTable';
 export declare const TableContext: import("react").Context<{}>;
 export declare const defaultPage: {

package/lib/ProTable/index.js

@@ -27,7 +27,7 @@ var _reset = _interopRequireDefault(require("../assets/reset.svg"));
 var _customColumn = _interopRequireDefault(require("../assets/customColumn.svg"));
 var _utils = require("./utils");
 var _locale = _interopRequireDefault(require("../locale"));
-var _excluded = ["tableId", "headerRender", "footerRender", "quickConfig", "stripe", "columns", "className", "draggable", "disabled", "isView", "rowDisabled", "summary", "emptyText", "diffConfig", "onDragStart", "onDragEnd"],
+var _excluded = ["tableId", "headerRender", "footerRender", "quickConfig", "stripe", "columns", "className", "draggable", "disabled", "isView", "rowDisabled", "summary", "emptyText", "diffConfig", "onDragStart", "onDragEnd", "tabs"],
   _excluded2 = ["resizeColumn", "columnConfig", "cacheTime", "storage"];
 var defaultCacheTime = 1; // columns 配置保存时间为一天
 // 全局上下文
@@ -62,6 +62,7 @@ var ProTable = function ProTable(props) {
     diffConfig = props.diffConfig,
     onDragStartGuard = props.onDragStart,
     onDragEndGuard = props.onDragEnd,
+    tabs = props.tabs,
     restProps = (0, _objectWithoutProperties2.default)(props, _excluded);
   var _props$scrollFollowPa = props.scrollFollowParent,
     scrollFollowParent = _props$scrollFollowPa === void 0 ? true : _props$scrollFollowPa;
@@ -400,7 +401,9 @@ var ProTable = function ProTable(props) {
     },
     children: (0, _jsxRuntime.jsxs)("div", {
       className: cls,
-      children: [(0, _jsxRuntime.jsx)(_components.RenderTableHeader, {
+      children: [tabs && (0, _jsxRuntime.jsx)(_components.RenderTabs, (0, _objectSpread4.default)((0, _objectSpread4.default)({}, tabs), {}, {
+        formTableProps: restProps === null || restProps === void 0 ? void 0 : restProps.formTableProps
+      })), (0, _jsxRuntime.jsx)(_components.RenderTableHeader, {
         dataSource: {
           headerRender: headerRender,
           columnConfig: columnConfig,