@zat-design/sisyphus-react 3.11.14-beta.10 → 3.11.14-beta.12

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 { ProFormOtherType } 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[];
+    /**
+     * 其他属性
+     * @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/index.d.ts

@@ -9,7 +9,7 @@ export { default as ProEditTable } from './ProEditTable';
 export { default as ProDrawerForm } from './ProDrawerForm';
 export { default as ProEditLabel } from './ProEditLabel';
 export { default as ProForm } from './ProForm';
-export * from './ProForm';
+export { ProFormProvider } from './ProForm';
 export * from './ProForm/components';
 export { default as ProSelect } from './ProSelect';
 export { default as ProEnum } from './ProEnum';
@@ -26,10 +26,18 @@ export * from './locale';
 export { default as ProBackBtn } from './ProLayout/components/ProHeader/components/ProBackBtn';
 export { default as ProEditableTable } from './old/ProEditableTable';
 export { default as ProCertValidity } from './old/ProCertValidity';
-export * from './ProForm/propsType';
-export * from './ProTable/propsType';
-export * from './ProEditTable/propsType';
-export * from './ProUpload/propsType';
-export * from './ProTabs/propType';
-export * from './ProLayout/components/ProHeader/PropTypes';
+export type { ProFormType, ProColumnProps, ProFormColumnType } from './ProForm/propsType';
+export type { ProFormComponentType } from './ProForm/components/index.d';
+export type { ProTableType, ProTableColumnType, ProTableSummaryType, ProTableUseAntdTableType, ProTableProps, ProTableSummaryProps, ProTableColumn, UseAntdTableState } from './ProTable/propsType';
+export type { ProUploadType, ProUploadProps } from './ProUpload/propsType';
+export type { ProTabsType, ProTabsItemType, ProTabsProps, ProTabsItemsProps } from './ProTabs/propType';
+export type { BreadcrumbColumnType, SubDescribeColumnType, DescribeColumnType, ProHeaderType, ProHeaderProps, BreadcrumbColumnsProps, SubDescribeColumnsProps, DescribeColumnsProps } from './ProLayout/components/ProHeader/PropTypes';
+export type { ProTooltipType, ProTooltipProps } from './ProTooltip/propsType';
+export type { ProIconType, ProIconProps } from './ProIcon/propsTypes';
+export type { ProTreeType, ProTreeSelectType, ProTreeProps, PropTreeSelectProps } from './ProTree/propsType';
+export type { ProTreeModalType, ProTreeModalActionType, ProTreeModalProps, ProTreeModalAction } from './ProTreeModal/propsType';
+export type { ProEditTableType, ProEditTableColumnType, ProEditTableSummaryColumnType, ProEditTableSummaryConfigType, ProEditTableActionType, ProEditTableProps, ProEditTableColumnsProps, SummaryProps, SummaryColumnProps, BaseActionProps } from './ProEditTable/propsType';
+export type { ProStepType, ProStepContextType, ProStepItemType, ProStepPropsType, ProStepItemPropsType } from './ProStep/propsType';
+export type { ProDrawerFormType, ProDrawerFormPropsType } from './ProDrawerForm/propsType';
+export type { ProModalSelectType, ProModalSelectConfigType, ProModalSelectPropsType } from './ProForm/components/combination/ProModalSelect/propsType';
 export * from './tokens';

package/es/index.js

@@ -13,7 +13,7 @@ export { default as ProDrawerForm } from './ProDrawerForm';
 export { default as ProEditLabel } from './ProEditLabel';
 // 表单
 export { default as ProForm } from './ProForm';
-export * from './ProForm';
+export { ProFormProvider } from './ProForm';
 export * from './ProForm/components'; // ProForm 中组件导出
 export { default as ProSelect } from './ProSelect';
 export { default as ProEnum } from './ProEnum';
@@ -32,12 +32,5 @@ export * from './locale';
 export { default as ProBackBtn } from './ProLayout/components/ProHeader/components/ProBackBtn';
 export { default as ProEditableTable } from './old/ProEditableTable';
 export { default as ProCertValidity } from './old/ProCertValidity';
-// TS类型导出
-export * from './ProForm/propsType';
-export * from './ProTable/propsType';
-export * from './ProEditTable/propsType';
-export * from './ProUpload/propsType';
-export * from './ProTabs/propType';
-export * from './ProLayout/components/ProHeader/PropTypes';
 // token导出
 export * from './tokens';

package/lib/ProConfigProvider/index.d.ts

@@ -1,9 +1,9 @@
 import React, { FC } from 'react';
 import { FormInstance } from 'antd';
-import { PropSelectType } from '../ProSelect/propsType';
-import { ProModalSelectType } from '../ProForm/components/combination/ProModalSelect/propsType';
-import { ProCascaderType } from '../ProForm/components/combination/ProCascader/propsType';
-import { ProEnumConfig } from '../ProEnum/propsType';
+import type { PropSelectType } from '../ProSelect/propsType';
+import type { ProModalSelectType } from '../ProForm/components/combination/ProModalSelect/propsType';
+import type { ProCascaderType } from '../ProForm/components/combination/ProCascader/propsType';
+import type { ProEnumConfig } from '../ProEnum/propsType';
 export interface ProConfigState {
     locale?: string;
     ProEnum?: Partial<ProEnumConfig>;

package/lib/ProDrawerForm/propsType.d.ts

@@ -1,6 +1,6 @@
 import React, { ReactNode } from 'react';
 import type { ModalProps, DrawerProps, FormInstance } from 'antd';
-import { ProFormType } from '../ProForm/propsType';
+import type { ProFormType } from '../ProForm/propsType';
 /**
  * 抽屉尺寸类型定义
  */

package/lib/ProEditLabel/propsType.d.ts

@@ -2,7 +2,7 @@ import { InputProps } from 'antd/es/input';
 import { PopconfirmProps } from 'antd/es/popconfirm';
 import { FormInstance } from 'antd/es/form';
 import React from 'react';
-import { ProColumnType } from '../index';
+import type { ProFormColumnType } from '../index';
 export interface ContainerType {
     /**
      * @description 触发方式
@@ -77,7 +77,7 @@ export interface PopupType {
      * @description 列配置
      * @default -
      */
-    columns?: ProColumnType;
+    columns?: ProFormColumnType;
     /**
      * @description 允许扩展字段
      */

package/lib/ProEditTable/components/Summary/index.d.ts

@@ -1,8 +1,8 @@
-import { SummaryColumnType } from '../../propsType';
+import { ProEditTableSummaryColumnType } from '../../propsType';
 interface SummaryProps<T = any> {
     data: T[];
     summary: {
-        columns: SummaryColumnType[];
+        columns: ProEditTableSummaryColumnType[];
         total?: boolean;
         fixed?: boolean | 'top' | 'bottom';
     };

package/lib/ProEditTable/index.js

@@ -80,7 +80,7 @@ var ProEditTable = function ProEditTable(_ref, ref) {
     disabled = (formFieldProps === null || formFieldProps === void 0 ? void 0 : formFieldProps.disabled) || disabled; // formFieldProps?.disabled可能是函数？？
   }
   var tableRef = (0, _react.useRef)(null);
-  var valueChangeRef = (0, _react.useRef)(null);
+  var valueChangeRef = (0, _react.useRef)(0);
   valueChangeRef.current = 0;
   var _React$useContext = _react.default.useContext(_antd.ConfigProvider.ConfigContext),
     getPrefixCls = _React$useContext.getPrefixCls;
@@ -91,7 +91,7 @@ var ProEditTable = function ProEditTable(_ref, ref) {
   var requiredAlign = (0, _react.useMemo)(function () {
     var _ref2, _themeConfig$data$zau, _themeConfig$data;
     return (_ref2 = (_themeConfig$data$zau = themeConfig === null || themeConfig === void 0 ? void 0 : (_themeConfig$data = themeConfig.data) === null || _themeConfig$data === void 0 ? void 0 : _themeConfig$data.zauiFormAlign) !== null && _themeConfig$data$zau !== void 0 ? _themeConfig$data$zau : configRequiredAlign) !== null && _ref2 !== void 0 ? _ref2 : 'left';
-  }, [themeConfig === null || themeConfig === void 0 ? void 0 : (_themeConfig$data2 = themeConfig.data) === null || _themeConfig$data2 === void 0 ? void 0 : _themeConfig$data2.zauiFormAlign]);
+  }, [themeConfig === null || themeConfig === void 0 ? void 0 : (_themeConfig$data2 = themeConfig.data) === null || _themeConfig$data2 === void 0 ? void 0 : _themeConfig$data2.zauiFormAlign, configRequiredAlign]);
   var _useSetState = (0, _ahooks.useSetState)({
       cellNamePath: [],
       forceUpdate: {},
@@ -214,7 +214,7 @@ var ProEditTable = function ProEditTable(_ref, ref) {
     return function (_x, _x2) {
       return _ref4.apply(this, arguments);
     };
-  }(), []);
+  }(), [pagination, page.pageSize, form, name]);
   var config = (0, _objectSpread2.default)({
     form: form,
     mode: mode,
@@ -272,10 +272,12 @@ var ProEditTable = function ProEditTable(_ref, ref) {
         return item.type === type;
       });
       if (typeof (addBtnConfig === null || addBtnConfig === void 0 ? void 0 : addBtnConfig.show) === 'function') {
-        addBtnConfig.show = addBtnConfig.show();
+        var result = addBtnConfig.show();
+        addBtnConfig.show = result;
       }
       return (addBtnConfig === null || addBtnConfig === void 0 ? void 0 : addBtnConfig.show) === false;
     }
+    return false;
   }, [toolbarProps]);
   // 是否隐藏勾选框
   var isHideCheckBox = isForbiddenBtn('mulDelete');
@@ -307,7 +309,8 @@ var ProEditTable = function ProEditTable(_ref, ref) {
       className: "com-empty",
       children: [(0, _jsxRuntime.jsx)("img", {
         className: "img",
-        src: _empty.default
+        src: _empty.default,
+        alt: "Empty"
       }), (0, _jsxRuntime.jsx)("div", {
         className: "content",
         children: disabled || isForbiddenBtn('add') ? _locale.default.ProEditTable.noData : (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
@@ -360,7 +363,7 @@ var ProEditTable = function ProEditTable(_ref, ref) {
           rowKey: getRowKey(item)
         });
       });
-      onChange(nextValues);
+      onChange === null || onChange === void 0 ? void 0 : onChange(nextValues);
       if (virtualKey) {
         form.setFieldValue(virtualRowName, nextValues);
       }
@@ -380,8 +383,8 @@ var ProEditTable = function ProEditTable(_ref, ref) {
   (0, _react.useEffect)(function () {
     if (toolbarSticky) {
       var updatePos = function updatePos() {
-        var _affixRef$current;
-        affixRef === null || affixRef === void 0 ? void 0 : (_affixRef$current = affixRef.current) === null || _affixRef$current === void 0 ? void 0 : _affixRef$current.updatePosition();
+        var _affixRef$current, _affixRef$current$upd;
+        affixRef === null || affixRef === void 0 ? void 0 : (_affixRef$current = affixRef.current) === null || _affixRef$current === void 0 ? void 0 : (_affixRef$current$upd = _affixRef$current.updatePosition) === null || _affixRef$current$upd === void 0 ? void 0 : _affixRef$current$upd.call(_affixRef$current);
       };
       window.addEventListener('scroll', updatePos, true);
       return function () {
@@ -483,4 +486,5 @@ ForwardProEditTable.defaultProps = {
   deletePoConfirmMsg: _locale.default.ProEditTable.deletePoConfirmMsg,
   mulDeletePoConfirmMsg: _locale.default.ProEditTable.mulDeletePoConfirmMsg
 };
+// 导出组件
 var _default = exports.default = ForwardProEditTable;