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

package/es/ProEditLabel/propsType.d.ts

@@ -2,45 +2,172 @@ import { InputProps } from 'antd/es/input';
 import { PopconfirmProps } from 'antd/es/popconfirm';
 import { FormInstance } from 'antd/es/form';
 import React from 'react';
-import { ProColumnProps } from '../index';
-export interface ContainerProps {
+import type { ProFormColumnType } from '../index';
+export interface ContainerType {
+    /**
+     * @description 触发方式
+     * @default "click"
+     */
     trigger?: 'click' | 'hover';
+    /**
+     * @description 尺寸
+     * @default "middle"
+     */
     size?: 'small' | 'middle' | 'large';
+    /**
+     * @description 显示模式
+     * @default "popup"
+     */
     mode?: 'popup' | 'current';
+    /**
+     * @description 类型
+     * @default "input"
+     */
     type?: 'input' | 'select';
 }
-export interface StateProps {
+export interface StateType {
+    /**
+     * @description 弹出值
+     * @default ""
+     */
     popValue?: string;
+    /**
+     * @description 确认值
+     * @default ""
+     */
     confirmValue?: string;
 }
-export interface PopupProps {
+export interface PopupType {
+    /**
+     * @description 类型
+     * @default -
+     */
     type?: string;
+    /**
+     * @description 标签
+     * @default -
+     */
     label?: string | React.ReactNode;
+    /**
+     * @description 标题
+     * @default -
+     */
     title?: string | React.ReactNode;
+    /**
+     * @description 提示
+     * @default -
+     */
     tip?: string | React.ReactNode;
+    /**
+     * @description 是否去除空格
+     * @default false
+     */
     trim?: boolean;
+    /**
+     * @description 标签宽度
+     * @default -
+     */
     labelWidth?: string | number;
+    /**
+     * @description 字段属性
+     * @default -
+     */
     fieldProps?: any;
-    columns?: ProColumnProps;
+    /**
+     * @description 列配置
+     * @default -
+     */
+    columns?: ProFormColumnType;
+    /**
+     * @description 允许扩展字段
+     */
     [key: string]: any;
 }
-export interface LabelProps extends InputProps {
+export interface LabelType extends InputProps {
+    /**
+     * @description 是否可见
+     * @default false
+     */
     visible?: boolean;
+    /**
+     * @description 是否打开
+     * @default false
+     */
     open?: boolean;
+    /**
+     * @description 可见性变化回调
+     * @default -
+     */
     onVisibleChange?: (open: boolean) => void;
+    /**
+     * @description 值变化回调
+     * @default -
+     */
     onChange?: (value: React.ChangeEvent<HTMLInputElement>) => void;
+    /**
+     * @description 是否可编辑
+     * @default false
+     */
     editable?: boolean;
+    /**
+     * @description 编辑回调
+     * @default -
+     */
     onEdit?: () => void;
 }
-export interface PopupConfirmProps extends Partial<PopconfirmProps> {
-    popupProps?: PopupProps;
+export interface ProEditLabelType extends Partial<PopconfirmProps> {
+    /**
+     * @description 弹出属性
+     * @default -
+     */
+    popupProps?: PopupType;
+    /**
+     * @description 空值显示
+     * @default "-"
+     */
     viewEmpty?: '-';
+    /**
+     * @description 确认回调
+     * @default -
+     */
     onConfirm?: (e?: any) => void;
+    /**
+     * @description 完成回调
+     * @default -
+     */
     onFinish?: (e?: any) => void;
+    /**
+     * @description 打开状态变化回调
+     * @default -
+     */
     onOpenChange?: (e?: any) => void;
+    /**
+     * @description 触发方式
+     * @default "click"
+     */
     trigger?: 'click' | 'hover';
+    /**
+     * @description 值
+     * @default -
+     */
     value?: any;
+    /**
+     * @description 表单实例
+     * @default -
+     */
     form?: FormInstance;
+    /**
+     * @description 是否禁用
+     * @default false
+     */
     disabled?: boolean;
+    /**
+     * @description 允许扩展字段
+     */
     [key: string]: any;
 }
+export type ContainerProps = ContainerType;
+export type StateProps = StateType;
+export type PopupProps = PopupType;
+export type LabelProps = LabelType;
+export type PopupConfirmProps = ProEditLabelType;

package/es/ProEditLabel/style/index.less

@@ -11,8 +11,8 @@
   }
 
   .pro-form-view-container {
+    display: inline-block;
     word-break: break-all;
-    display   : inline-block;
   }
 
   &.trigger-hover {
@@ -25,20 +25,19 @@
         display: block;
       }
     }
-
   }
 
   .anticon-edit {
-    color  : #D8D8D8;
-    cursor : pointer;
     padding: var(--zaui-space-size-xs, 4px);
+    color: #d8d8d8;
+    cursor: pointer;
 
     &:hover {
-      color: var(--zaui-brand, #006AFF);
+      color: var(--zaui-brand, #006aff);
     }
 
     &:active {
-      background   : #E3E8F0;
+      background: #e3e8f0;
       border-radius: var(--zaui-border-radius-card, 4px);
     }
   }
@@ -54,25 +53,27 @@
   &.pro-edit-label-large {
     height: 40px;
   }
-
 }
 
 .@{ant-prefix}-popover {
   .@{ant-prefix}-btn-sm {
-    font-size  : var(--zaui-font-size-sm, 12px);
-    min-width  : 56px;
+    min-width: 56px;
+    font-size: var(--zaui-font-size-sm, 12px);
     line-height: 1;
 
     span {
       letter-spacing: -1px;
     }
-
   }
 }
 
 .pro-edit-label-popconfirm {
   z-index: 1001 !important;
 
+  .@{ant-prefix}-popover-inner-content {
+    width: 100%;
+  }
+
   .@{ant-prefix}-popover-message {
     display: block;
   }
@@ -82,26 +83,26 @@
   }
 
   .@{ant-prefix}-popover-content {
-    width    : 360px;
+    width: 360px;
     max-width: 400px;
   }
 
   .pro-edit-label-title {
-    font-size    : var(--zaui-font-size-lg, 16px);
-    font-weight  : 500;
-    color        : var(--zaui-text, #343434);
     margin-bottom: calc(var(--zaui-space-size-sm, 8px) * var(--zaui-size; 1));
+    color: var(--zaui-text, #343434);
+    font-weight: 500;
+    font-size: var(--zaui-font-size-lg, 16px);
   }
 
   .pro-edit-label-tip {
     margin-bottom: calc(var(--zaui-space-size-md; 16px) * var(--zaui-size; 1));
-    color        : #666;
+    color: #666;
 
     .anticon-info-circle {
-      font-size   : var(--zaui-font-size-lg, 16px);
+      margin-top: var(--zaui-space-size-xs, 4px);
       margin-right: var(--zaui-space-size-sm, 8px);
-      color       : var(--zaui-warning, #EC9131);
-      margin-top  : var(--zaui-space-size-xs, 4px);
+      color: var(--zaui-warning, #ec9131);
+      font-size: var(--zaui-font-size-lg, 16px);
     }
   }
 
@@ -119,18 +120,16 @@
     }
 
     .@{ant-prefix}-col-10 {
-      flex         : 0 0 var(--zaui-form-label-width, 130px);
-      white-space  : pre-wrap;
-      line-height  : 1;
-      overflow     : initial;
-      box-sizing   : border-box;
+      flex: 0 0 var(--zaui-form-label-width, 130px);
+      box-sizing: border-box;
       padding-right: var(--zaui-space-size-md, 16px);
+      overflow: initial;
+      line-height: 1;
+      white-space: pre-wrap;
     }
-
   }
 
   .@{ant-prefix}-select {
     width: 100%;
   }
-
 }

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

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

package/es/ProEditTable/index.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
-import { ProEditTableProps, ProEditTableRefProps } from './propsType';
-declare const ForwardProEditTable: React.ForwardRefExoticComponent<Omit<ProEditTableProps<any>, "ref"> & React.RefAttributes<ProEditTableRefProps>>;
+import { ProEditTableType } from './propsType';
+declare const ForwardProEditTable: React.ForwardRefExoticComponent<Omit<ProEditTableType<any>, "ref"> & React.RefAttributes<import("./propsType").ProEditTableRefProps>>;
 export default ForwardProEditTable;

package/es/ProEditTable/index.js

@@ -77,7 +77,7 @@ var ProEditTable = function ProEditTable(_ref, ref) {
     disabled = (formFieldProps === null || formFieldProps === void 0 ? void 0 : formFieldProps.disabled) || disabled; // formFieldProps?.disabled可能是函数？？
   }
   var tableRef = useRef(null);
-  var valueChangeRef = useRef(null);
+  var valueChangeRef = useRef(0);
   valueChangeRef.current = 0;
   var _React$useContext = React.useContext(_ConfigProvider.ConfigContext),
     getPrefixCls = _React$useContext.getPrefixCls;
@@ -88,7 +88,7 @@ var ProEditTable = function ProEditTable(_ref, ref) {
   var requiredAlign = 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 = useSetState({
       cellNamePath: [],
       forceUpdate: {},
@@ -189,14 +189,12 @@ var ProEditTable = function ProEditTable(_ref, ref) {
               recursive: true
             });
           case 7:
-            if (current !== page.pageNum) {
-              setState({
-                page: {
-                  pageNum: current,
-                  pageSize: pageSize !== null && pageSize !== void 0 ? pageSize : page.pageSize
-                }
-              });
-            }
+            setState({
+              page: {
+                pageNum: current,
+                pageSize: pageSize !== null && pageSize !== void 0 ? pageSize : page.pageSize
+              }
+            });
           case 8:
             _context.next = 13;
             break;
@@ -213,7 +211,7 @@ var ProEditTable = function ProEditTable(_ref, ref) {
     return function (_x, _x2) {
       return _ref4.apply(this, arguments);
     };
-  }(), []);
+  }(), [pagination, page.pageSize, form, name]);
   var config = _objectSpread({
     form: form,
     mode: mode,
@@ -271,10 +269,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');
@@ -306,7 +306,8 @@ var ProEditTable = function ProEditTable(_ref, ref) {
       className: "com-empty",
       children: [_jsx("img", {
         className: "img",
-        src: Empty
+        src: Empty,
+        alt: "Empty"
       }), _jsx("div", {
         className: "content",
         children: disabled || isForbiddenBtn('add') ? locale.ProEditTable.noData : _jsxs(_Fragment, {
@@ -359,7 +360,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);
       }
@@ -379,8 +380,8 @@ var ProEditTable = function ProEditTable(_ref, ref) {
   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 () {
@@ -482,4 +483,5 @@ ForwardProEditTable.defaultProps = {
   deletePoConfirmMsg: locale.ProEditTable.deletePoConfirmMsg,
   mulDeletePoConfirmMsg: locale.ProEditTable.mulDeletePoConfirmMsg
 };
+// 导出组件
 export default ForwardProEditTable;