@zat-design/sisyphus-react 3.11.13 → 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/ActionButton/index.js

@@ -68,7 +68,7 @@ var ActionButton = function ActionButton(_ref) {
     mulDelete: mulDeletePoConfirmMsg
   };
   // 判断当前行是否正在编辑
-  var isEditing = !virtualKey || btnConfig.isEditable === (editingKeys === null || editingKeys === void 0 ? void 0 : (_editingKeys$includes = editingKeys.includes) === null || _editingKeys$includes === void 0 ? void 0 : _editingKeys$includes.call(editingKeys, record === null || record === void 0 ? void 0 : record.rowKey));
+  var _isEditing = !virtualKey || btnConfig.isEditable === (editingKeys === null || editingKeys === void 0 ? void 0 : (_editingKeys$includes = editingKeys.includes) === null || _editingKeys$includes === void 0 ? void 0 : _editingKeys$includes.call(editingKeys, record === null || record === void 0 ? void 0 : record.rowKey));
   // 单行删除、多行删除按钮Props
   var delBtnProps = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, btnConfig.buttonProps), {}, {
     disabled: getDisabled((_btnConfig$buttonProp = (_btnConfig$buttonProp2 = btnConfig.buttonProps) === null || _btnConfig$buttonProp2 === void 0 ? void 0 : _btnConfig$buttonProp2.disabled) !== null && _btnConfig$buttonProp !== void 0 ? _btnConfig$buttonProp : !selectedRowKeys.length && btnConfig.type === 'mulDelete')
@@ -102,7 +102,7 @@ var ActionButton = function ActionButton(_ref) {
     });
   }
   var isDisabled = !selectedRowKeys.length && btnConfig.type === 'mulDelete' || editingKeys.length || (delBtnProps === null || delBtnProps === void 0 ? void 0 : delBtnProps.disabled);
-  return isEditing && getShow(btnConfig.show) ? (0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+  return _isEditing && getShow(btnConfig.show) ? (0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
     children: ['delete', 'mulDelete'].includes(btnConfig.type) ? (0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
       children: (btnConfig === null || btnConfig === void 0 ? void 0 : btnConfig.needConfirm) ? (0, _jsxRuntime.jsx)(_antd.Popconfirm, {
         placement: "topRight",

package/lib/ProEditTable/components/RenderField/index.js

@@ -71,7 +71,7 @@ var RenderField = function RenderField(_ref) {
   var mode = config.mode,
     cellName = config.cellName,
     cellNamePath = config.cellNamePath,
-    isEditing = config.isEditing,
+    _isEditing = config._isEditing,
     form = config.form,
     setState = config.setState,
     name = config.name,
@@ -146,7 +146,7 @@ var RenderField = function RenderField(_ref) {
     // }, 100);
   }
   // 是否只读文本
-  var isView = !isEditable || (record === null || record === void 0 ? void 0 : record['is-view']) || config.isView || virtualKey && !isEditing || (0, _tools.getDisabled)({
+  var isView = !isEditable || (record === null || record === void 0 ? void 0 : record['is-view']) || config.isView || virtualKey && !_isEditing || (0, _tools.getDisabled)({
     globalControl: otherProps === null || otherProps === void 0 ? void 0 : otherProps.globalControl,
     formDisabled: otherProps === null || otherProps === void 0 ? void 0 : otherProps.formDisabled,
     column: column,
@@ -164,7 +164,7 @@ var RenderField = function RenderField(_ref) {
     label: label,
     labelRequired: labelRequired,
     required: !isView && _required,
-    rules: isEditing ? _rules : [],
+    rules: _isEditing ? _rules : [],
     isSelect: (0, _utils.isSelect)({
       dataSource: (_fieldProps2 = _fieldProps) === null || _fieldProps2 === void 0 ? void 0 : _fieldProps2.dataSource,
       type: type
@@ -249,7 +249,7 @@ var RenderField = function RenderField(_ref) {
     var _componentMap$type;
     TargetComponent = (_componentMap$type = componentMap[type]) !== null && _componentMap$type !== void 0 ? _componentMap$type : (0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {});
   }
-  if (isEditable && isEditing) {
+  if (isEditable && _isEditing) {
     if (typeof _editRender === 'function') {
       TargetComponent = _editRender.apply(void 0, rowParams);
     }

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;