@zat-design/sisyphus-react 3.4.9 → 3.4.10-beta.10

package/es/ProUpload/index.js

@@ -3,7 +3,7 @@ import _message from "antd/es/message";
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-var _excluded = ["value", "size", "action", "maxCount", "headerRender", "footerRender", "disabled", "uploadType", "buttonProps", "accept", "extraTipText", "beforeUpload", "onChange", "onDownload", "onPreview", "onRemove", "filterOriginFileObj", "method", "className", "dataParams", "name", "showExampleContent", "showUploadList", "otherProps", "transformResponse", "exampleTitle", "exampleContent", "exampleModalProps", "buttonText", "afterRender", "fieldNames"];
+var _excluded = ["value", "size", "action", "maxCount", "headerRender", "footerRender", "disabled", "uploadType", "buttonProps", "accept", "extraTipText", "beforeUpload", "onChange", "onDownload", "onPreview", "onRemove", "filterOriginFileObj", "method", "className", "dataParams", "name", "showExampleContent", "showUploadList", "otherProps", "transformResponse", "exampleTitle", "exampleContent", "exampleModalProps", "buttonText", "afterRender", "fieldNames", "isConfirmDelete"];
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /*
  * @Author: wangshengqiang
@@ -68,6 +68,7 @@ var ProUpload = /*#__PURE__*/React.forwardRef(function (props, ref) {
     buttonText = props.buttonText,
     afterRender = props.afterRender,
     fieldNames = props.fieldNames,
+    isConfirmDelete = props.isConfirmDelete,
     residueProps = _objectWithoutProperties(props, _excluded);
   var isView = otherProps === null || otherProps === void 0 ? void 0 : otherProps.isView;
   var sensor = useSensor(PointerSensor, {
@@ -263,7 +264,8 @@ var ProUpload = /*#__PURE__*/React.forwardRef(function (props, ref) {
     disabled: disabled || isView,
     buttonText: buttonText,
     extraTipText: extraTipText,
-    afterRender: afterRender
+    afterRender: afterRender,
+    isConfirmDelete: isConfirmDelete
   };
   useEffect(function () {
     if (fieldNames && value.length > 0) {

package/es/ProUpload/propsType.d.ts

@@ -184,6 +184,11 @@ export interface ProUploadProps {
      * @default    true
      */
     fieldNames?: fieldNamesProps;
+    /**
+     * @description 删除已经上传的文件时是否二次提示
+     * @default    false
+     */
+    isConfirmDelete?: boolean;
 }
 export interface DraggableUploadListItemProps {
     file: UploadFile<any>;

package/es/ProUpload/style/index.less

@@ -7,70 +7,67 @@
   // 拖拽上传
   .pro-upload-dragger {
     .pro-upload-handle-box {
-      background   : #F8F9FA;
+      padding: var(--zaui-space-size-sm, 8px);
+      background: #f8f9fa;
       border-radius: var(--zaui-border-radius, 8px);
-      padding      : var(--zaui-space-size-sm, 8px);
 
       .@{ant-prefix}-upload.@{ant-prefix}-upload-drag {
         background-color: var(--zaui-base-bg, #fff);
       }
 
       .drag-upload-inner {
-        min-width      : 392px;
-        height         : 110px;
-        display        : flex;
-        align-items    : center;
+        display: flex;
+        align-items: center;
         justify-content: center;
+        min-width: 392px;
+        height: 110px;
 
         .upload-dragger-control {
           background-color: var(--zaui-base-bg, #fff);
 
           .dragger-txt-line1 {
-            display    : flex;
-            line-height: 26px;
+            display: flex;
             align-items: center;
+            line-height: 26px;
 
             .icon-upload {
-              display  : inline-block;
+              display: inline-block;
+              color: #c5c7cd;
               font-size: 30px;
-              color    : #C5C7CD;
             }
 
             .dragger-txt {
               margin-left: 9px;
-              font-size  : var(--zaui-font-size, 14px);
 
-
-              color      : rgba(0, 0, 0, 0.85);
+              color: rgba(0, 0, 0, 0.85);
+              font-size: var(--zaui-font-size, 14px);
               line-height: 20px;
             }
 
             .click-txt {
-              color: var(--zaui-brand, #006AFF);
+              color: var(--zaui-brand, #006aff);
             }
           }
 
           .file-ext {
-            text-align: center;
             margin-top: 10px;
-            font-size : var(--zaui-font-size-sm, 12px);
 
-
-            color      : #939599;
+            color: #939599;
+            font-size: var(--zaui-font-size-sm, 12px);
             line-height: 14px;
-
+            text-align: center;
           }
         }
 
         // 单个文件展示样式
         .dragger-single-file {
-          display        : flex;
+          display: flex;
+          flex-direction: column;
           justify-content: center;
-          flex-direction : column;
-          padding        : 0 var(--zaui-space-size-lg, 32px);
+          padding: 0 var(--zaui-space-size-lg, 32px);
 
           .file-type-icon {
-            width : 18px;
+            width: 18px;
             height: 22px;
             margin: 0 auto;
           }
@@ -79,21 +76,20 @@
             padding: 0 var(--zaui-space-size-lg, 32px);
           }
 
-
           .file-info-box {
+            display: flex;
             margin-top: 11px;
-            display   : flex;
 
             &.file-box-error {
               color: var(--zaui-danger);
             }
 
             .file-name {
-              display   : box;
-              overflow  : hidden;
+              display: box;
+              overflow: hidden;
+              word-break: break-all;
               line-clamp: 1;
               box-orient: vertical;
-              word-break: break-all;
             }
 
             .file-ext {
@@ -104,148 +100,143 @@
               word-break: keep-all;
             }
 
-
             .file-download {
               margin-left: var(--zaui-space-size-sm, 8px);
             }
           }
 
           .file-action-box {
-            display        : flex;
+            display: flex;
             justify-content: center;
-            margin-top     : 3px;
-
+            margin-top: 3px;
+            color: #1890ff;
+            & > div {
+              cursor: pointer;
+            }
             .file-del {
-              margin-left: 30px
+              margin-left: 30px;
             }
           }
         }
-
       }
     }
-
   }
 
   // 按钮上传
   .pro-upload-button {
     display: flex;
 
-    >span {
-      width  : 100%;
+    > span {
       display: block;
+      width: 100%;
     }
 
     .pro-upload-button-inner {
       display: flex;
 
       .pro-upload-button-inner-right {
-        line-height: 32px;
         margin-left: 10px;
+        line-height: 32px;
       }
     }
 
     .upload-tip-txt {
       margin-left: 10px;
-      line-height: 32px;
-      font-size  : var(--zaui-font-size-sm, 12px);
-
 
       color: #939599;
+      font-size: var(--zaui-font-size-sm, 12px);
+      line-height: 32px;
     }
   }
 
-
   // 图片
   .pro-upload-image {
-
     position: relative;
-    display : inline-flex;
+    display: inline-flex;
 
     .@{ant-prefix}-upload-list-picture-card-container,
     .@{ant-prefix}-upload-select-picture-card {
-      width : 126px;
+      width: 126px;
       height: 126px;
     }
 
     .image-example {
-      position     : absolute;
-      word-break   : keep-all;
-      top          : 0;
-      right        : -10px;
-      width        : 88px;
-      height       : 32px;
-      transform    : translate(100%, 0);
-      text-align   : center;
-      line-height  : 32px;
-      background   : #FFFFFF;
+      position: absolute;
+      top: 0;
+      right: -10px;
+      width: 88px;
+      height: 32px;
+      line-height: 32px;
+      text-align: center;
+      word-break: keep-all;
+      background: #ffffff;
+      border: 1px solid #dcdcdc;
       border-radius: var(--zaui-border-radius, 8px);
-      border       : 1px solid #DCDCDC;
-
+      transform: translate(100%, 0);
     }
 
     .file-item-image {
-      position        : relative;
-      overflow        : hidden;
+      position: relative;
+      width: 126px;
       // height       : 100%;
-      height          : 126px;
-      width           : 126px;
-      border          : 1px dashed #d9d9d9;
-      overflow        : hidden;
-      border-radius   : 8px;
+      height: 126px;
+      overflow: hidden;
+      overflow: hidden;
+      border: 1px dashed #d9d9d9;
+      border-radius: 8px;
 
       .file-type-icon-img {
-        position : absolute;
-        width    : 30px;
-        top      : 50%;
-        left     : 50%;
+        position: absolute;
+        top: 50%;
+        left: 50%;
+        width: 30px;
         transform: translate(-50%, -50%);
-
       }
 
       .image-con {
         display: block;
-        width  : 100%;
-        height : 100%;
+        width: 100%;
+        height: 100%;
       }
 
       &:hover .actions-wrap {
-        display         : block;
+        display: block;
         background-color: rgba(0, 0, 0, 0.75);
       }
 
       .actions-wrap {
-        transition      : all 2s;
-        position        : absolute;
-        display         : none;
-        width           : 100%;
-        top             : 0;
-        bottom          : 0;
+        position: absolute;
+        top: 0;
+        bottom: 0;
+        display: none;
+        width: 100%;
         background-color: rgba(0, 0, 0, 0.5);
+        transition: all 2s;
 
         .action-top {
-          flex           : 1;
-          display        : flex;
-          align-items    : center;
-          flex-direction : column;
-          height         : calc(100% - 36px);
+          display: flex;
+          flex: 1;
+          flex-direction: column;
+          align-items: center;
           justify-content: center;
+          height: calc(100% - 36px);
         }
 
         .action-button {
-          height     : 36px;
+          height: 36px;
           line-height: 36px;
-          background : #FFFFFF;
-          text-align : center;
+          text-align: center;
+          background: #ffffff;
         }
 
         .action-item {
-          color    : #fff;
+          color: #fff;
           font-size: var(--zaui-font-size-sm, 12px);
-          opacity  : 0.8;
+          opacity: 0.8;
 
           .action-icon {
             margin-right: 10px;
-            transform   : translate(0, 3px);
+            transform: translate(0, 3px);
           }
 
           &:hover {
@@ -255,21 +246,21 @@
 
         .action-button {
           .action-item {
-            color: var(--zaui-danger, #FF005F);
+            color: var(--zaui-danger, #ff005f);
           }
         }
       }
     }
 
     .file-item-image.actions-wrap-error {
-      border: 1px solid #FF005F;
+      border: 1px solid #ff005f;
     }
 
     .image-uploading {
-      padding    : 20px;
-      display    : flex;
+      display: flex;
       align-items: center;
-      height     : inherit;
+      height: inherit;
+      padding: 20px;
     }
   }
 
@@ -289,38 +280,37 @@
     }
 
     .action-icon {
-      display       : inline-flex;
-      align-items   : center;
-      color         : inherit;
-      font-style    : normal;
-      text-align    : center;
+      display: inline-flex;
+      align-items: center;
+      color: inherit;
+      font-style: normal;
+      text-align: center;
       text-transform: none;
       vertical-align: -0.15em;
       text-rendering: optimizeLegibility;
 
       span {
-        display       : inline-flex;
-        align-items   : center;
-        color         : inherit;
-        font-style    : normal;
-        text-align    : center;
+        display: inline-flex;
+        align-items: center;
+        color: inherit;
+        font-style: normal;
+        text-align: center;
         text-transform: none;
         vertical-align: -0.15em;
         text-rendering: optimizeLegibility;
       }
-
     }
   }
 }
 
 .pro-upload-example {
-  width          : 100%;
-  max-height     : 400px;
-  min-height     : 200px;
-  overflow-y     : auto;
-  display        : flex;
-  align-items    : center;
+  display: flex;
+  align-items: center;
   justify-content: center;
+  width: 100%;
+  min-height: 200px;
+  max-height: 400px;
+  overflow-y: auto;
 }
 
 .proupload-modal-preview {

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

@@ -2,6 +2,7 @@ import React, { FC } from 'react';
 interface RowProps extends React.HTMLAttributes<HTMLTableRowElement> {
     'data-row-key': string;
     disabled?: boolean;
+    isHideCheckBox?: boolean;
 }
 export declare const Row: FC<RowProps>;
 declare const DndWrapper: ({ draggable, value, onChange, disabled, children }: {

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

@@ -13,9 +13,10 @@ var _core = require("@dnd-kit/core");
 var _sortable = require("@dnd-kit/sortable");
 var _utilities = require("@dnd-kit/utilities");
 var _ProIcon = _interopRequireDefault(require("../../../ProIcon"));
-var _excluded = ["disabled", "children"];
+var _excluded = ["disabled", "isHideCheckBox", "children"];
 var Row = exports.Row = function Row(props) {
   var disabled = props.disabled,
+    isHideCheckBox = props.isHideCheckBox,
     children = props.children,
     restProps = (0, _objectWithoutProperties2.default)(props, _excluded);
   var data = (0, _sortable.useSortable)({
@@ -49,7 +50,7 @@ var Row = exports.Row = function Row(props) {
           renderIndex = _ref.renderIndex;
         return /*#__PURE__*/_react.default.cloneElement(child, {
           children: (0, _jsxRuntime.jsxs)("span", {
-            className: "drag-wrapper",
+            className: "drag-wrapper".concat(isHideCheckBox ? ' no-check' : ''),
             children: [(0, _jsxRuntime.jsx)(_ProIcon.default, (0, _objectSpread2.default)({
               className: "drag-icon",
               style: {
@@ -58,7 +59,7 @@ var Row = exports.Row = function Row(props) {
               },
               type: "drag",
               size: 20
-            }, listeners)), render === null || render === void 0 ? void 0 : render(null, record, renderIndex)]
+            }, listeners)), isHideCheckBox ? null : render === null || render === void 0 ? void 0 : render(null, record, renderIndex)]
           })
         });
       }

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

@@ -92,6 +92,10 @@ var RenderField = function RenderField(_ref) {
   }
   // type类型 首字母转大写
   type = ((_type = type) === null || _type === void 0 ? void 0 : (_type$replace = _type.replace) === null || _type$replace === void 0 ? void 0 : _type$replace.call(_type, type[0], type[0].toUpperCase())) || 'Input';
+  // 自定义组件时 防止默认值影像后续判断
+  if ('component' in column) {
+    type = null;
+  }
   // 单行正在编辑时，临时生成一套formItem用来存储中间值，点击取消时候重置回上一次状态
   var namePath = (0, _tools.getNamePath)(name, virtualKey);
   var rowData = form.getFieldValue([].concat((0, _toConsumableArray2.default)(namePath), [index])) || record || {};
@@ -525,7 +529,8 @@ var RenderField = function RenderField(_ref) {
     delete _formItemProps.rules;
   }
   var _className = (0, _classnames.default)((0, _defineProperty2.default)((0, _defineProperty2.default)({}, className, className), 'pro-form-item-changed', changed));
-  var FormItem = TargetComponent ? (0, _jsxRuntime.jsx)(_antd.Form.Item, (0, _objectSpread2.default)((0, _objectSpread2.default)({
+  var FormItem = null;
+  FormItem = TargetComponent ? (0, _jsxRuntime.jsx)(_antd.Form.Item, (0, _objectSpread2.default)((0, _objectSpread2.default)({
     validateFirst: true
   }, (0, _lodash.omit)(_formItemProps, ['render', 'cache', 'key', 'width', 'hiddenNames', 'name'])), {}, {
     className: _className,
@@ -534,6 +539,20 @@ var RenderField = function RenderField(_ref) {
   })) : (0, _jsxRuntime.jsx)(_Container.default, {
     viewEmpty: viewEmpty
   });
+  if (type === 'FormList') {
+    FormItem = (0, _jsxRuntime.jsx)(_antd.Form.List, (0, _objectSpread2.default)((0, _objectSpread2.default)({
+      name: formNamePath ? cellName.slice((formNamePath === null || formNamePath === void 0 ? void 0 : formNamePath.length) - 1) : cellName
+    }, (0, _lodash.omit)(_formItemProps, ['render', 'cache', 'key', 'width', 'hiddenNames', 'name'])), {}, {
+      children: function children(fields, operation, meta) {
+        return (0, _jsxRuntime.jsx)(TargetComponent, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, componentProps), {}, {
+          otherProps: otherProps,
+          fields: fields,
+          operation: operation,
+          meta: meta
+        }));
+      }
+    }));
+  }
   var originalTitle = originalDiffTip && originalValues ? (0, _jsxRuntime.jsxs)(_antd.Space, {
     children: ["\u521D\u59CB\u503C\uFF1A", /*#__PURE__*/_react.default.isValidElement(TargetComponent) ? ( /*#__PURE__*/_react.default.cloneElement(TargetComponent, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, componentProps), {}, {
       isView: true,