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

package/lib/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 { ProColumnType } 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?: ProColumnType;
+    /**
+     * @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/lib/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/lib/ProEditTable/components/Summary/index.d.ts

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

package/lib/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/lib/ProEditTable/index.js

@@ -192,14 +192,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;