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

package/es/ProTree/utils.d.ts

@@ -1,17 +1,17 @@
-import { FieldNamesType, TreeDataProps } from './propsType';
+import type { ProTreeFieldNamesType, ProTreeDataType } from './propsType';
 /**
  * 树转成铺平的数组
  * @param originalTreeData
  * @returns
  */
-export declare function getFlatTreeData(originalTreeData: TreeDataProps[], fieldNames: FieldNamesType): any[];
+export declare function getFlatTreeData(originalTreeData: ProTreeDataType[], fieldNames: ProTreeFieldNamesType): any[];
 /**
  * 获取 tree 所有的 keys 集合
  * @param data
  * @param fieldNames
  * @returns
  */
-export declare function getAllKeys(data: TreeDataProps[], fieldNames: FieldNamesType): string[];
+export declare function getAllKeys(data: ProTreeDataType[], fieldNames: ProTreeFieldNamesType): string[];
 /**
  * 获取展开的key
  * @param key
@@ -19,22 +19,22 @@ export declare function getAllKeys(data: TreeDataProps[], fieldNames: FieldNames
  * @param fieldNames
  * @returns
  */
-export declare const getParentKey: (key: string, tree: TreeDataProps[], fieldNames: FieldNamesType) => string;
-export declare function findTreeNodeByKey(treeData: TreeDataProps[], key: string, fieldNames: FieldNamesType): TreeDataProps[];
+export declare const getParentKey: (key: string, tree: ProTreeDataType[], fieldNames: ProTreeFieldNamesType) => string;
+export declare function findTreeNodeByKey(treeData: ProTreeDataType[], key: string, fieldNames: ProTreeFieldNamesType): ProTreeDataType[];
 /**
  * 过滤掉每一层假值（例如 false、null、0、""、undefined 等）
  * @param data
  * @param checkedKeys
  * @returns
  */
-export declare function filterCheckedNodes(data: any, checkedKeys: any, searchStr: string, fieldNames: FieldNamesType): any[];
+export declare function filterCheckedNodes(data: any, checkedKeys: any, searchStr: string, fieldNames: ProTreeFieldNamesType): any[];
 /**
  * 获取 tree 当前选中节点下的所有子节点的 keys
  * @param node
  * @param childrenKeys
  * @returns
  */
-export declare function getChildrenKeys(node: TreeDataProps, childrenKeys: string[], fieldNames: FieldNamesType, type: 'treeClose' | 'treeCheck'): void;
+export declare function getChildrenKeys(node: ProTreeDataType, childrenKeys: string[], fieldNames: ProTreeFieldNamesType, type: 'treeClose' | 'treeCheck'): void;
 /**
  * 如果默认全开展那么返回所有key，否则返回空[]
  * @param isExpand 是否全展开

package/es/ProTreeModal/components/Cascader.d.ts

@@ -1,10 +1,10 @@
 import { ReactNode } from 'react';
-import { FieldNamesType, TreeDataProps } from '../propsType';
+import type { ProTreeModalFieldNamesType, ProTreeModalDataType } from '../propsType';
 interface CascaderProps {
-    dataSource: TreeDataProps[];
+    dataSource: ProTreeModalDataType[];
     checkedValues?: any[];
     showCodeName?: boolean;
-    fieldNames: FieldNamesType;
+    fieldNames: ProTreeModalFieldNamesType;
     searchStr?: string;
     disabled?: boolean;
     handleOnChange?: (e: any, value: string) => void;

package/es/ProTreeModal/components/List.d.ts

@@ -1,17 +1,17 @@
 import React, { ReactNode } from 'react';
-import { FieldNamesType, TreeDataProps } from '../propsType';
+import type { ProTreeModalFieldNamesType, ProTreeModalDataType } from '../propsType';
 interface ListProps {
     disabled?: boolean;
     checkedValues?: any[];
     treeData: any[];
     searchStr?: string;
     showCodeName?: boolean;
-    fieldNames: FieldNamesType;
+    fieldNames: ProTreeModalFieldNamesType;
     mode?: 'render' | 'view';
     modeType?: string;
     span?: number;
     draggable?: boolean;
-    flatTreeData?: TreeDataProps[];
+    flatTreeData?: ProTreeModalDataType[];
     handleOnChange?: (e: any, value: string) => void;
     handleFilterClose?: (code: string) => void;
     optionRender?: (item: any, searchStr?: string) => string | ReactNode;

package/es/ProTreeModal/components/Tree.d.ts

@@ -1,5 +1,5 @@
 import React, { ReactNode } from 'react';
-import { FieldNamesType } from '../propsType';
+import type { ProTreeModalFieldNamesType } from '../propsType';
 interface TreeViewProps {
     disabled?: boolean;
     checkedValues?: any[];
@@ -9,7 +9,7 @@ interface TreeViewProps {
     searchStr?: string;
     showCodeName?: boolean;
     checkStrictly?: boolean;
-    fieldNames: FieldNamesType;
+    fieldNames: ProTreeModalFieldNamesType;
     tags?: string[];
     mode?: 'render' | 'view';
     draggable?: boolean;

package/es/ProTreeModal/index.d.ts

@@ -1,5 +1,5 @@
-import { ProTreeModalProps } from './propsType';
+import type { ProTreeModalType } from './propsType';
 import './style/index.less';
 export declare const CASCADER = "CASCADER";
-declare const ProTreeModal: (props: ProTreeModalProps) => import("react/jsx-runtime").JSX.Element;
+declare const ProTreeModal: (props: ProTreeModalType) => import("react/jsx-runtime").JSX.Element;
 export default ProTreeModal;

package/es/ProTreeModal/index.js

@@ -14,8 +14,8 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 /*
  * @Author: ''
  * @Date: 2024-06-04 10:01:18
- * @LastEditors: ''
- * @LastEditTime: 2024-09-27 11:49:28
+ * @LastEditors: za-xuwenli xuwenli@zhongan.io
+ * @LastEditTime: 2025-03-20 11:12:23
  * @FilePath: /za-material-warehouse/src/ProTreeModal/index.tsx
  * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
  */

package/es/ProTreeModal/propsType.d.ts

@@ -1,91 +1,300 @@
 import { ReactNode, CSSProperties } from 'react';
 import { Service, Options } from 'ahooks/lib/useRequest/src/types';
-import { ProFormOtherProps } from '../ProForm/propsType';
-export interface TreeDataProps {
+import type { ProFormOtherType } from '../ProForm/propsType';
+/**
+ * 树数据结构
+ * @description 定义树节点的数据结构
+ */
+export interface ProTreeModalDataType {
+    /**
+     * 节点标签
+     * @description 显示的节点文本
+     * @default undefined
+     */
     label: string;
+    /**
+     * 节点值
+     * @description 节点的唯一标识
+     * @default undefined
+     */
     value: string;
-    children?: TreeDataProps[];
-    /** 禁用不可操作 */
+    /**
+     * 子节点
+     * @description 当前节点的子节点数组
+     * @default undefined
+     */
+    children?: ProTreeModalDataType[];
+    /**
+     * 是否禁用
+     * @description 禁用不可操作
+     * @default false
+     */
     disabled?: boolean;
-    /** 处理固定场景 */
+    /**
+     * 固定位置
+     * @description 处理固定场景
+     * @default undefined
+     */
     fixed?: 'left' | 'right';
+    /**
+     * 是否可勾选
+     * @description 是否可以勾选复选框
+     * @default undefined
+     */
     checkable?: boolean;
+    /**
+     * 自定义属性
+     * @description 可添加任意其他属性
+     * @default undefined
+     */
     [key: string]: any;
 }
-export type AllValueType = string | number;
-export interface ProTreeModalAction {
-    onChange: () => AllValueType[];
+/**
+ * 值类型
+ * @description 组件接受的值类型
+ */
+export type ProTreeModalValueType = string | number;
+/**
+ * ProTreeModal操作对象
+ * @description ProTreeModal组件的操作接口
+ */
+export interface ProTreeModalActionType {
+    /**
+     * 值变更方法
+     * @description 用于获取当前选中的值数组
+     * @default undefined
+     */
+    onChange: () => ProTreeModalValueType[];
 }
-export interface FieldNamesType {
+/**
+ * 字段名称映射
+ * @description 定义树节点字段的映射关系
+ */
+export interface ProTreeModalFieldNamesType {
+    /**
+     * 标签字段名
+     * @description 指定节点标签的属性名
+     * @default 'label'
+     */
     label: string;
+    /**
+     * 值字段名
+     * @description 指定节点值的属性名
+     * @default 'value'
+     */
     value: string;
+    /**
+     * 子节点字段名
+     * @description 指定子节点的属性名
+     * @default 'children'
+     */
     children?: string;
 }
-export type TreeModalMode = 'tree' | 'list' | 'Cascader' | 'Tree' | 'List';
-export interface AppointProps {
+/**
+ * 树弹框模式
+ * @description 弹框展示模式类型
+ */
+export type ProTreeModalModeType = 'tree' | 'list' | 'Cascader' | 'Tree' | 'List';
+/**
+ * 指定模式属性
+ * @description 指定模式下的配置属性
+ */
+export interface ProTreeModalAppointType {
+    /**
+     * 是否禁用
+     * @description 禁用指定项或全部项
+     * @default undefined
+     */
     disabled?: boolean | boolean[];
 }
-export interface ProTreeModalProps {
-    /** value */
-    value?: AllValueType | string[];
-    /** 默认  label、value、children */
-    fieldNames?: FieldNamesType;
-    /** 自定义控制 modal、此时没有 trigger */
+/**
+ * ProTreeModal组件属性
+ * @description ProTreeModal组件的主要配置属性
+ */
+export interface ProTreeModalType {
+    /**
+     * 选中值
+     * @description 当前选中的节点值
+     * @default undefined
+     */
+    value?: ProTreeModalValueType | string[];
+    /**
+     * 字段名称映射
+     * @description 自定义节点的字段名称映射
+     * @default { label: 'label', value: 'value', children: 'children' }
+     */
+    fieldNames?: ProTreeModalFieldNamesType;
+    /**
+     * 是否展开弹框
+     * @description 自定义控制modal的显示，此时没有trigger
+     * @default undefined
+     */
     open?: boolean;
-    /** 列表时候一行放几个 */
+    /**
+     * 列表布局
+     * @description 列表模式下一行放几个
+     * @default 24
+     */
     span?: number;
-    /** 展示类型、默认list 列表展示形式、appoint 指定模式展示形式会不一样 */
-    mode?: TreeModalMode;
-    /** 是否开启指定模式 */
+    /**
+     * 展示类型
+     * @description 展示模式，list为列表展示形式，tree为树形展示，appoint为指定模式
+     * @default 'list'
+     */
+    mode?: ProTreeModalModeType;
+    /**
+     * 是否指定模式
+     * @description 是否开启指定模式，开启后展示形式会不同
+     * @default false
+     */
     appoint?: boolean;
-    /** 指定模式下传递的额外参数 */
-    appointProps?: AppointProps;
-    /** 开启后、提交给后端 [{ label:xx, value: ""}] 形式  */
+    /**
+     * 指定模式参数
+     * @description 指定模式下传递的额外参数
+     * @default undefined
+     */
+    appointProps?: ProTreeModalAppointType;
+    /**
+     * 值包含标签
+     * @description 开启后提交给后端的格式为 [{ label:xx, value: ""}]
+     * @default false
+     */
     labelInValue?: boolean;
-    /** 查看模式、同 disabled 一样 */
+    /**
+     * 查看模式
+     * @description 是否为查看模式，与disabled效果相同
+     * @default false
+     */
     isView?: boolean;
-    /** 使用ProEnum 的数据源 */
+    /**
+     * 枚举代码
+     * @description 使用ProEnum的数据源
+     * @default undefined
+     */
     code?: string;
-    /** 触发弹框展开的容器 */
+    /**
+     * 触发元素
+     * @description 触发弹框展开的容器
+     * @default undefined
+     */
     trigger?: string | ReactNode;
-    /** 是否展示 code-label 形式 */
+    /**
+     * 显示代码名称
+     * @description 是否展示code-label形式
+     * @default false
+     */
     showCodeName?: boolean;
-    /** 静态数据源 */
-    dataSource?: TreeDataProps[];
-    /** 最小选择个数 */
+    /**
+     * 数据源
+     * @description 静态数据源
+     * @default []
+     */
+    dataSource?: ProTreeModalDataType[];
+    /**
+     * 最小选择个数
+     * @description 设置最小选择个数限制
+     * @default undefined
+     */
     min?: number;
-    /** 最大选择个数 */
+    /**
+     * 最大选择个数
+     * @description 设置最大选择个数限制
+     * @default undefined
+     */
     max?: number;
-    /** 超过最大数量的提示信息 */
+    /**
+     * 超限提示
+     * @description 超过最大数量的提示信息，如'最多为{max}个'
+     * @default undefined
+     */
     maxMessage?: string;
-    /** 当为列表时可开启右侧拖动 */
+    /**
+     * 是否可拖拽
+     * @description 列表模式下已选择项是否可拖拽排序
+     * @default false
+     */
     draggable?: boolean;
-    /** 禁用 */
+    /**
+     * 是否禁用
+     * @description 禁用整个组件
+     * @default false
+     */
     disabled?: any;
-    /** 弹框的 title */
+    /**
+     * 弹框标题
+     * @description 弹框的标题文本
+     * @default undefined
+     */
     title?: string | ReactNode;
-    /** 全选的标识给后端 */
+    /**
+     * 全选值
+     * @description 全选时传给后端的标识
+     * @default undefined
+     */
     allValue?: string | number;
-    /** 提示语 */
+    /**
+     * 占位提示
+     * @description 搜索框提示文本
+     * @default '请输入'
+     */
     placeholder?: string;
-    /** 父子节点选中状态不再关联 */
+    /**
+     * 严格选择
+     * @description 父子节点选中状态不再关联
+     * @default false
+     */
     checkStrictly?: boolean;
-    /** trigger 样式设置 */
+    /**
+     * 触发器样式
+     * @description trigger元素的样式设置
+     * @default undefined
+     */
     style?: CSSProperties;
-    /** tags 集合 */
+    /**
+     * 标签集合
+     * @description 用于标记分类的标签集合
+     * @default undefined
+     */
     tags?: string[];
-    otherProps?: ProFormOtherProps;
-    /** 远程请求接口 */
+    /**
+     * 其他属性
+     * @description 表单其他配置属性
+     * @default undefined
+     */
+    otherProps?: ProFormOtherType;
+    /**
+     * 远程请求
+     * @description 远程请求接口配置
+     * @default undefined
+     */
     useRequest?: {
         service?: Service<any, any>;
         options?: Options<any, any>;
     };
-    /** value 的回调 */
-    onChange?: (values: AllValueType[] | AllValueType) => void;
-    /** 自定义展示 */
+    /**
+     * 值变化回调
+     * @description value变化的回调函数
+     * @default undefined
+     */
+    onChange?: (values: ProTreeModalValueType[] | ProTreeModalValueType) => void;
+    /**
+     * 自定义渲染
+     * @description 自定义选项内容渲染
+     * @default undefined
+     */
     optionRender?: (item: any, searchStr: string) => string | ReactNode;
-    /** 对后台返回数据进行格式化 */
-    transformResponse?: (data: any) => TreeDataProps[];
-    /** 弹框打开/关闭回调 */
+    /**
+     * 响应数据转换
+     * @description 对后台返回数据进行格式化
+     * @default undefined
+     */
+    transformResponse?: (data: any) => ProTreeModalDataType[];
+    /**
+     * 打开状态变化
+     * @description 弹框打开/关闭回调
+     * @default undefined
+     */
     openChange?: (open: boolean) => void;
 }
+export type ProTreeModalProps = ProTreeModalType;
+export type ProTreeModalAction = ProTreeModalActionType;

package/es/ProTreeModal/utils.d.ts

@@ -1,17 +1,17 @@
-import { FieldNamesType, TreeDataProps } from './propsType';
+import type { ProTreeModalFieldNamesType, ProTreeModalDataType } from './propsType';
 /**
  * 树转成铺平的数组
  * @param originalTreeData
  * @returns
  */
-export declare function getFlatTreeData(originalTreeData: TreeDataProps[], fieldNames: FieldNamesType, modeType?: string): any[];
+export declare function getFlatTreeData(originalTreeData: ProTreeModalDataType[], fieldNames: ProTreeModalFieldNamesType, modeType?: string): any[];
 /**
  * 获取 tree 所有的 keys 集合
  * @param data
  * @param fieldNames
  * @returns
  */
-export declare function getAllKeys(data: TreeDataProps[], fieldNames: FieldNamesType): string[];
+export declare function getAllKeys(data: ProTreeModalDataType[], fieldNames: ProTreeModalFieldNamesType): string[];
 /**
  * 获取展开的key
  * @param key
@@ -19,21 +19,21 @@ export declare function getAllKeys(data: TreeDataProps[], fieldNames: FieldNames
  * @param fieldNames
  * @returns
  */
-export declare const getParentKey: (key: string, tree: TreeDataProps[], fieldNames: FieldNamesType) => string;
-export declare function findTreeNodeByKey(treeData: TreeDataProps[], key: string, fieldNames: FieldNamesType): TreeDataProps[];
+export declare const getParentKey: (key: string, tree: ProTreeModalDataType[], fieldNames: ProTreeModalFieldNamesType) => string;
+export declare function findTreeNodeByKey(treeData: ProTreeModalDataType[], key: string, fieldNames: ProTreeModalFieldNamesType): ProTreeModalDataType[];
 /**
  * 根据所选的 checkedKeys 筛选出展示的 treeData
  * @param data
  * @param checkedKeys
  * @returns
  */
-export declare function filterCheckedNodes(data: any, checkedKeys: any, searchStr: string, fieldNames: FieldNamesType): any[];
+export declare function filterCheckedNodes(data: any, checkedKeys: any, searchStr: string, fieldNames: ProTreeModalFieldNamesType): any[];
 /**
  * 获取 tree 当前选中节点下的所有子节点的 keys
  * @param node
  * @param childrenKeys
  * @returns
  */
-export declare function getChildrenKeys(node: TreeDataProps, childrenKeys: string[], fieldNames: FieldNamesType, type: 'treeClose' | 'treeCheck'): void;
+export declare function getChildrenKeys(node: ProTreeModalDataType, childrenKeys: string[], fieldNames: ProTreeModalFieldNamesType, type: 'treeClose' | 'treeCheck'): void;
 export declare const transformMessage: (obj: any, message: string) => string;
 export declare const addLevelAndParentId: (tree: any[], fieldNames: any, currentLevel?: number, currentParentId?: any) => any[];

package/es/ProUpload/components/ButtonRender.d.ts

@@ -1,7 +1,7 @@
 import { FC, ReactNode } from 'react';
 import { UploadFile } from 'antd';
-import { ProUploadProps } from '../propsType';
-interface DragRenderProps extends Pick<ProUploadProps, 'buttonProps' | 'disabled' | 'maxCount' | 'extraTipText' | 'buttonText'> {
+import type { ProUploadType } from '../propsType';
+interface DragRenderProps extends Pick<ProUploadType, 'buttonProps' | 'disabled' | 'maxCount' | 'extraTipText' | 'buttonText'> {
     isView?: boolean;
     headerRender: () => ReactNode;
     footerRender: () => ReactNode;

package/es/ProUpload/components/DraggableUploadListItem.d.ts

@@ -1,2 +1,2 @@
-import { DraggableUploadListItemProps } from '../propsType';
-export declare const DraggableUploadListItem: ({ file, children }: DraggableUploadListItemProps) => import("react/jsx-runtime").JSX.Element;
+import type { DraggableUploadListItemType } from '../propsType';
+export declare const DraggableUploadListItem: ({ file, children }: DraggableUploadListItemType) => import("react/jsx-runtime").JSX.Element;

package/es/ProUpload/components/Example.d.ts

@@ -1,10 +1,10 @@
 import React from 'react';
-import { ExampleModalProps } from '../propsType';
+import type { ExampleModalType } from '../propsType';
 interface ExampleProps {
     exampleContent?: React.ReactNode;
     className?: string;
     exampleTitle?: string | React.ReactNode;
-    exampleModalProps?: ExampleModalProps;
+    exampleModalProps?: ExampleModalType;
 }
 export declare const Example: React.FC<ExampleProps>;
 export {};

package/es/ProUpload/components/ImageRender.d.ts

@@ -1,7 +1,7 @@
 import { FC, ReactNode } from 'react';
 import { UploadFile } from 'antd/es/upload/interface';
-import { ProUploadProps } from '../propsType';
-interface DragRenderProps extends Pick<ProUploadProps, 'buttonProps' | 'disabled' | 'maxCount' | 'extraTipText' | 'showExampleContent' | 'exampleTitle' | 'exampleContent' | 'exampleModalProps'> {
+import type { ProUploadType } from '../propsType';
+interface DragRenderProps extends Pick<ProUploadType, 'buttonProps' | 'disabled' | 'maxCount' | 'extraTipText' | 'showExampleContent' | 'exampleTitle' | 'exampleContent' | 'exampleModalProps'> {
     isView?: boolean;
     headerRender: () => ReactNode;
     footerRender: () => ReactNode;

package/es/ProUpload/index.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
-import { ProUploadProps } from './propsType';
-declare const ProUpload: React.FC<ProUploadProps>;
+import type { ProUploadType } from './propsType';
+declare const ProUpload: React.FC<ProUploadType>;
 export default ProUpload;

package/es/ProUpload/index.js

@@ -22,6 +22,9 @@ import ButtonRender from './components/ButtonRender';
 import ImageRender from './components/ImageRender';
 import { validateSize, validateFileExt } from './uitls';
 import locale from '../locale';
+var defaultCustomRequest = function defaultCustomRequest(option) {
+  return option.onSuccess();
+};
 var ProUpload = /*#__PURE__*/React.forwardRef(function (props, ref) {
   var _locale$ProUpload;
   var _useState = useState([]),
@@ -205,13 +208,6 @@ var ProUpload = /*#__PURE__*/React.forwardRef(function (props, ref) {
     }
     return headerRender;
   };
-  // 自定义顶部
-  // const _centerRender = () => {
-  //   if (isFunction(centerRender)) {
-  //     return centerRender();
-  //   }
-  //   return centerRender;
-  // };
   // 自定义底部
   var _footerRender = function _footerRender() {
     if (isFunction(footerRender)) {
@@ -242,7 +238,7 @@ var ProUpload = /*#__PURE__*/React.forwardRef(function (props, ref) {
     };
   }, [_fileList]);
   // 通用props
-  var baseUploadProps = _objectSpread({
+  var baseUploadProps = _objectSpread(_objectSpread({
     action: action,
     beforeUpload: handleBeforeUpload,
     onRemove: handleRemove,
@@ -253,7 +249,9 @@ var ProUpload = /*#__PURE__*/React.forwardRef(function (props, ref) {
     accept: accept,
     data: _objectSpread({}, dataParams),
     name: name
-  }, residueProps);
+  }, residueProps), {}, {
+    customRequest: !action && !residueProps.customRequest ? defaultCustomRequest : residueProps.customRequest
+  });
   var baseProps = {
     isView: isView,
     headerRender: _headerRender,