@zat-design/sisyphus-react 3.0.16-beta.2 → 3.1.4

package/es/ProUpload/style/index.less

@@ -1,55 +1,61 @@
 .pro-upload {
-   // 拖拽上传
+  // display: inline-flex;
+
+  // 拖拽上传
   .pro-upload-dragger {
     .pro-upload-handle-box {
-      background: #F8F9FA;
-      border-radius: 4px;
-      padding: 8px;
+      background   : #F8F9FA;
+      border-radius: var(--zaui-border-radius, 4px);
+      padding      : var(--zaui-space-size-sm, 8px);
       .ant-upload.ant-upload-drag {
-        background-color: #fff;
+        background-color: var(--zaui-base-bg, #fff);
       }
+
       .drag-upload-inner {
-        min-width: 392px;
-        height: 110px;
-        display: flex;
-        align-items: center;
+        min-width      : 392px;
+        height         : 110px;
+        display        : flex;
+        align-items    : center;
         justify-content: center;
-        .upload-dragger-control  {
-          background-color: #fff;
-          .dragger-txt-line1{
-            display: flex;
+
+        .upload-dragger-control {
+          background-color: var(--zaui-base-bg, #fff);
+
+          .dragger-txt-line1 {
+            display    : flex;
             line-height: 26px;
             align-items: center;
 
             .icon-upload {
-              display: inline-block;
+              display      : inline-block;
               // width: 34px;
               // height: 26px;
-              font-size: 30px;
-              color: #C5C7CD;
+              font-size    : 30px;
+              color        : #C5C7CD;
               // background: #c5c7cd;
             }
 
             .dragger-txt {
               margin-left: 9px;
-              font-size: 14px;
-              font-family: PingFangSC-Regular, PingFang SC;
-              font-weight: 400;
-              color: rgba(0,0,0,0.85);
+              font-size  : 14px;
+
+
+              color      : rgba(0, 0, 0, 0.85);
               line-height: 20px;
             }
+
             .click-txt {
-              color: #006AFF;
+              color: var(--zaui-brand, #006AFF);
             }
           }
 
           .file-ext {
-            text-align: center;
-            margin-top: 10px;
-            font-size: 10px;
-            font-family: PingFangSC-Regular, PingFang SC;
-            font-weight: 400;
-            color: #939599;
+            text-align : center;
+            margin-top : 10px;
+            font-size  : 12x;
+
+
+            color      : #939599;
             line-height: 14px;
 
           }
@@ -57,51 +63,57 @@
 
         // 单个文件展示样式
         .dragger-single-file {
-          display: flex;
+          display        : flex;
           justify-content: center;
-          flex-direction: column;
-          padding: 0 32px;
+          flex-direction : column;
+          padding        : 0 var(--zaui-space-size-lg, 32px);
+
           .file-type-icon {
-            width: 18px;
+            width : 18px;
             height: 22px;
             margin: 0 auto;
           }
+
           .file-item-wrapper {
-            padding: 0 30px;
+            padding: 0 var(--zaui-space-size-lg, 32px);
           }
 
 
           .file-info-box {
             margin-top: 11px;
-            display: flex;
+            display   : flex;
 
             &.file-box-error {
-              color: red;
+              color: var(--zaui-danger);
             }
+
             .file-name {
-              display: -webkit-box;
-              overflow: hidden;
-              -webkit-line-clamp: 1;
-              -webkit-box-orient: vertical;
-              word-break: break-all;
+              display           : box;
+              overflow          : hidden;
+              line-clamp: 1;
+              box-orient: vertical;
+              word-break        : break-all;
             }
+
             .file-ext {
               word-break: keep-all;
             }
+
             .file-size {
               word-break: keep-all;
             }
 
 
             .file-download {
-              margin-left: 8px;
+              margin-left: var(--zaui-space-size-sm, 8px);
             }
           }
 
-          .file-action-box{
-            display: flex;
+          .file-action-box {
+            display        : flex;
             justify-content: center;
-            margin-top: 3px;
+            margin-top     : 3px;
+
             .file-del {
               margin-left: 30px
             }
@@ -111,139 +123,197 @@
       }
     }
 
-    .pro-upload-file-list{
-
-    }
   }
 
   // 按钮上传
   .pro-upload-button {
     display: flex;
-    >span{
-      width: 100%;
+
+    >span {
+      width  : 100%;
       display: block;
     }
-    .upload-tip-txt{
+    .pro-upload-button-inner {
+      display: flex;
+
+      .pro-upload-button-inner-right {
+        line-height: 32px;
+        margin-left: 10px;
+      }
+    }
+
+    .upload-tip-txt {
       margin-left: 10px;
       line-height: 32px;
-      font-size: 10px;
-      font-family: PingFangSC-Regular, PingFang SC;
-      font-weight: 400;
-      color: #939599;
+      font-size  : 12px;
+
+
+      color      : #939599;
     }
   }
 
 
   // 图片
-
   .pro-upload-image {
 
     position: relative;
+    display : inline-flex;
 
-    .ant-upload-list-picture-card-container,.ant-upload-select-picture-card {
-      width: 126px;
+    .ant-upload-list-picture-card-container,
+    .ant-upload-select-picture-card {
+      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;
-      border-radius: 4px;
-      border: 1px solid #DCDCDC;
-      .exam-con {
-        width: 100%;
-        max-height: 600px;
-        overflow-y: auto;
-      }
+      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;
+      border-radius: var(--zaui-border-radius, 4px);
+      border       : 1px solid #DCDCDC;
+
     }
 
     .file-item-image {
-      position: relative;
-      overflow: hidden;
-      height: 100%;
-      border: 1px dashed #d9d9d9;
-      overflow: hidden;
+      position     : relative;
+      overflow     : hidden;
+      // height       : 100%;
+      height       : 126px;
+      width: 126px ;
+      border       : 1px dashed #d9d9d9;
+      overflow     : hidden;
       border-radius: 8px;
 
+      .file-type-icon-img {
+        position: absolute;
+        width: 30px;
+        top: 50%;
+        left: 50%;
+        transform: translate(-50%, -50%);
+
+      }
+
       .image-con {
         display: block;
-        width: 100%;
-        height: 100%;
+        width  : 100%;
+        height : 100%;
       }
 
-      &:hover .actions-wrap{
-        display: block;
-        background-color: rgba(0,0,0,0.75);
+      &:hover .actions-wrap {
+        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;
-        background-color: rgba(0,0,0,0.5);
-
-
+        transition      : all 2s;
+        position        : absolute;
+        display         : none;
+        width           : 100%;
+        top             : 0;
+        bottom          : 0;
+        background-color: rgba(0, 0, 0, 0.5);
 
-        .action-top{
-          flex: 1;
-          display: flex;
-          align-items: center;
-          flex-direction: column;
-          height: calc(100% - 36px);
+        .action-top {
+          flex           : 1;
+          display        : flex;
+          align-items    : center;
+          flex-direction : column;
+          height         : calc(100% - 36px);
           justify-content: center;
         }
-        .action-button{
-          height: 36px;
+
+        .action-button {
+          height     : 36px;
           line-height: 36px;
-          background: #FFFFFF;
-          text-align:center;
+          background : #FFFFFF;
+          text-align : center;
         }
+
         .action-item {
-          color: #fff;
+          color    : #fff;
           font-size: 12px;
-          opacity: 0.8;
+          opacity  : 0.8;
+
           // cursor: pointer;
           .action-icon {
             margin-right: 10px;
-            transform: translate(0, 3px);
+            transform   : translate(0, 3px);
           }
-          &:hover{
+
+          &:hover {
             opacity: 1;
           }
         }
-        // .action-top {
-          // .action-item:last-child {
-          //   margin-top: 17px;
-          // }
-        // }
+
         .action-button {
           .action-item {
-            color: #FF005F;
+            color: var(--zaui-danger, #FF005F);
           }
         }
       }
     }
+
     .file-item-image.actions-wrap-error {
       border: 1px solid #FF005F;
     }
 
     .image-uploading {
-      padding: 20px;
-      display: flex;
+      padding    : 20px;
+      display    : flex;
       align-items: center;
-      height: inherit;
+      height     : inherit;
+    }
+  }
+
+  .pro-upload-image {
+    .ant-space-item {
+      display: inline-flex;
+    }
+    .pro-upload-image-footer{
+      margin-top: -8px;
     }
   }
+  .file-actions {
+    .file-action-item {
+      padding-top: var(--zaui-space-size-xs, 4px) !important;
+    }
+    .action-icon {
+      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;
+        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;
+  justify-content: center;
 }

package/es/ProUpload/uitls.d.ts

@@ -0,0 +1,3 @@
+import { UploadFile } from 'antd/lib/upload/interface';
+export declare const validateSize: (size: number, file: UploadFile) => boolean;
+export declare const validateFileExt: (fileExts: string[], file: UploadFile) => boolean;

package/es/ProUpload/uitls.js

@@ -0,0 +1,14 @@
+import { getFileExt } from './components/FileItem';
+export var validateSize = function validateSize(size, file) {
+  if (size !== undefined && file.size) {
+    return file.size <= size * 1024 * 1024;
+  }
+  return true;
+};
+export var validateFileExt = function validateFileExt(fileExts, file) {
+  var ext = getFileExt(file.name);
+  if (!fileExts.includes(ext.toLocaleUpperCase()) && fileExts.length > 0) {
+    return false;
+  }
+  return true;
+};

package/es/ProUtils/utils/index.js

@@ -1,4 +1,4 @@
-import { tools } from '@zat-design-pro-component/utils';
+import { tools } from '@zat-design/utils';
 var calc = tools.calc;
 export var valueTypeRender = {
   percentage: function percentage(val, precision) {

package/es/ProViewer/index.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import { ProViewerPropsType } from './propsType';
-declare const ProViewer: React.ForwardRefExoticComponent<Pick<ProViewerPropsType, keyof ProViewerPropsType> & React.RefAttributes<unknown>>;
+declare const ProViewer: React.ForwardRefExoticComponent<Omit<ProViewerPropsType, "ref"> & React.RefAttributes<unknown>>;
 export default ProViewer;

package/es/ProViewer/index.js

@@ -8,6 +8,7 @@ import _Button from "antd/es/button";
 import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
 import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 /* eslint-disable jsx-a11y/iframe-has-title */
 import { useSetState } from 'ahooks';
 import React, { useEffect, useRef } from 'react';
@@ -156,37 +157,42 @@ var ProViewer = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
       }
     }
   }, [previewData]);
-  return /*#__PURE__*/React.createElement("span", {
-    className: "pro-viewer"
-  }, /*#__PURE__*/React.createElement(_Button, _objectSpread({
-    disabled: disabled || !url && !previewFile,
-    ref: ProViewerRef,
-    onClick: previewHandle
-  }, buttonProps), children), mode && fileType === 'img' && /*#__PURE__*/React.createElement(_Image, {
-    src: url,
-    preview: {
-      visible: imgVisible,
-      onVisibleChange: function onVisibleChange(value) {
+  return _jsxs("span", {
+    className: "pro-viewer",
+    children: [_jsx(_Button, _objectSpread(_objectSpread({
+      disabled: disabled || !url && !previewFile,
+      ref: ProViewerRef,
+      onClick: previewHandle
+    }, buttonProps), {}, {
+      children: children
+    })), mode && fileType === 'img' && _jsx(_Image, {
+      src: url,
+      preview: {
+        visible: imgVisible,
+        onVisibleChange: function onVisibleChange(value) {
+          setState({
+            imgVisible: value
+          });
+        }
+      }
+    }), _jsx(_Modal, _objectSpread(_objectSpread({
+      onCancel: function onCancel() {
         setState({
-          imgVisible: value
+          modalVisible: false
         });
-      }
-    }
-  }), /*#__PURE__*/React.createElement(_Modal, _objectSpread({
-    onCancel: function onCancel() {
-      setState({
-        modalVisible: false
-      });
-    },
-    visible: modalVisible
-  }, modalProps), url && /*#__PURE__*/React.createElement("iframe", {
-    title: "pro-viewer",
-    src: getSrc(url),
-    height: modalProps === null || modalProps === void 0 ? void 0 : modalProps.height,
-    width: "100%",
-    frameBorder: "0",
-    scrolling: "auto"
-  })));
+      },
+      visible: modalVisible
+    }, modalProps), {}, {
+      children: url && _jsx("iframe", {
+        title: "pro-viewer",
+        src: getSrc(url),
+        height: modalProps === null || modalProps === void 0 ? void 0 : modalProps.height,
+        width: "100%",
+        frameBorder: "0",
+        scrolling: "auto"
+      })
+    }))]
+  });
 });
 ProViewer.defaultProps = {
   modalProps: {

package/es/ProWaterMark/index.js

@@ -1,13 +1,15 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
+import { jsx as _jsx } from "react/jsx-runtime";
 import { Watermark } from '@pansy/react-watermark';
-import React from 'react';
 var ProWaterMark = function ProWaterMark(props) {
   var content = props.content;
-  return /*#__PURE__*/React.createElement("div", {
-    className: "pro-water-mark"
-  }, /*#__PURE__*/React.createElement(Watermark, _objectSpread(_objectSpread({}, props), {}, {
-    text: content,
-    monitor: true
-  }), props === null || props === void 0 ? void 0 : props.children));
+  return _jsx("div", {
+    className: "pro-water-mark",
+    children: _jsx(Watermark, _objectSpread(_objectSpread({}, props), {}, {
+      text: content,
+      monitor: true,
+      children: props === null || props === void 0 ? void 0 : props.children
+    }))
+  });
 };
 export default ProWaterMark;

package/es/assets/delete.svg

@@ -1 +1 @@
-<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg class="icon" width="200px" height="200.00px" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="M662.08 121.472v64h-300.16v-64zM868.48 280.96v64H155.52v-64z"  /><path d="M280.512 303.232l-0.064 530.816h460.096V303.232h64v594.88H216.512V303.232z"  /><path d="M431.424 440.704v337.728h-64V440.704zM656.576 440.704v337.728h-64V440.704z"  /></svg>
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1678851089478" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="9199" xmlns:xlink="http://www.w3.org/1999/xlink" width="18" height="18"><path d="M662.08 121.472v64h-300.16v-64zM868.48 280.96v64H155.52v-64z" p-id="9200" fill="currentColor"></path><path d="M280.512 303.232l-0.064 530.816h460.096V303.232h64v594.88H216.512V303.232z" p-id="9201" fill="currentColor"></path><path d="M431.424 440.704v337.728h-64V440.704zM656.576 440.704v337.728h-64V440.704z" p-id="9202" fill="currentColor"></path></svg>

package/es/{ProUpload/style → assets}/download.svg

@@ -1 +1 @@
-<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1678851079035" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="9058" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" fill="currentColor" ><path d="M756.736 454.848l46.08 44.416L512 801.024 221.184 499.2l46.08-44.416L512 708.736z" p-id="9059"></path><path d="M544 155.456v575.872h-64V155.456zM868.544 813.568v64H155.52v-64z" p-id="9060"></path></svg>
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1678851079035" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="9058" xmlns:xlink="http://www.w3.org/1999/xlink" width="17" height="17" fill="currentColor" ><path d="M756.736 454.848l46.08 44.416L512 801.024 221.184 499.2l46.08-44.416L512 708.736z" p-id="9059"></path><path d="M544 155.456v575.872h-64V155.456zM868.544 813.568v64H155.52v-64z" p-id="9060"></path></svg>

package/es/assets/input-search.svg

@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="12px" height="12px" viewBox="0 0 12 12" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>Combined Shape</title>
+    <g id="页面-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="业务归属机构选择-多选说明" transform="translate(-284.000000, -941.000000)" fill="#909090">
+            <g id="Search备份-7" transform="translate(276.000000, 931.000000)">
+                <path d="M13.292087,10 C16.21467,10 18.5841739,12.373138 18.5841739,15.3002033 C18.5841739,16.5881008 18.125539,17.7686305 17.3629203,18.6869684 L19.8608987,21.1880149 C20.0464503,21.373851 20.0464503,21.6748492 19.8608987,21.8606854 C19.6757143,22.0461538 19.3752409,22.046384 19.1897725,21.8611996 L16.6926935,19.3612682 C15.7730086,20.1344365 14.586852,20.6000406 13.292087,20.6000406 C10.3693248,20.6000406 8,18.227455 8,15.3002033 C8,12.373138 10.3695039,10 13.292087,10 Z M13.292087,10.9512998 C10.8940877,10.9512998 8.94984303,12.8985263 8.94984303,15.3002033 C8.94984303,17.7020332 10.8938752,19.6487408 13.292087,19.6487408 C15.6902988,19.6487408 17.6343309,17.7020332 17.6343309,15.3002033 C17.6343309,12.8985263 15.6900862,10.9512998 13.292087,10.9512998 Z" id="Combined-Shape"></path>
+            </g>
+        </g>
+    </g>
+</svg>

package/es/global.less

@@ -1,5 +1,5 @@
 @import "./style/index.less";
 
 pre * {
-    font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
-}
+  font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
+}

package/es/index.d.ts

@@ -18,16 +18,15 @@ export { default as ProDownload } from './ProDownload';
 export { default as ProWaterMark } from './ProWaterMark';
 export { default as ProConfigProvider } from './ProConfigProvider';
 export { default as ProUpload } from './ProUpload';
-export { default as ProTransferModal } from './ProTransferModal';
 export { default as ProThemeTools } from './ProThemeTools';
+export { default as ProAction } from './ProAction';
 export * from './ProConfigProvider';
-export { default as ProCustomColumn } from './old/ProCustomColumn';
 export { default as ProBackBtn } from './old/ProBackBtn';
 export { default as ProEditableTable } from './old/ProEditableTable';
 export { default as ProCertValidity } from './old/ProCertValidity';
-export { default as ProEnumSelectModal } from './old/ProEnumSelectModal';
 export * from './ProForm/propsType';
 export * from './ProTable/propsType';
 export * from './ProEditTable/propsType';
 export * from './ProUpload/propsType';
 export * from './ProTabs/propType';
+export * from './tokens';

package/es/index.js

@@ -23,18 +23,18 @@ export { default as ProDownload } from './ProDownload';
 export { default as ProWaterMark } from './ProWaterMark';
 export { default as ProConfigProvider } from './ProConfigProvider';
 export { default as ProUpload } from './ProUpload';
-export { default as ProTransferModal } from './ProTransferModal';
 export { default as ProThemeTools } from './ProThemeTools';
+export { default as ProAction } from './ProAction';
 export * from './ProConfigProvider';
 // old 待废弃
-export { default as ProCustomColumn } from './old/ProCustomColumn';
 export { default as ProBackBtn } from './old/ProBackBtn';
 export { default as ProEditableTable } from './old/ProEditableTable';
 export { default as ProCertValidity } from './old/ProCertValidity';
-export { default as ProEnumSelectModal } from './old/ProEnumSelectModal';
 // TS类型导出
 export * from './ProForm/propsType';
 export * from './ProTable/propsType';
 export * from './ProEditTable/propsType';
 export * from './ProUpload/propsType';
-export * from './ProTabs/propType';
+export * from './ProTabs/propType';
+// token导出
+export * from './tokens';