@zat-design/sisyphus-react 3.13.14-deta.2 → 4.0.0-beta.3

package/lib/ProUpload/style/index.less

@@ -1,5 +1,5 @@
-@root-entry-name: 'default';
-@import (reference) '~antd/es/style/themes/index.less';
+/* @root-entry-name: 'default'; */
+/* @import (reference) '~antd/es/style/themes/index.less'; */
 
 .pro-upload {
   // display: inline-flex;
@@ -154,10 +154,11 @@
     position: relative;
     display: inline-flex;
 
-    .@{ant-prefix}-upload-list-picture-card-container,
-    .@{ant-prefix}-upload-select-picture-card {
-      width: 126px;
-      height: 126px;
+    .@{ant-prefix}-upload-list-picture-card {
+      .@{ant-prefix}-upload-list-item-container , .@{ant-prefix}-upload-select {
+        width: 126px !important;
+        height: 126px !important;
+      }
     }
 
     .image-example {
@@ -233,10 +234,15 @@
           color: #fff;
           font-size: var(--zaui-font-size-sm, 12px);
           opacity: 0.8;
+          color: #fff!important;
+          align-self: center;
+          &:hover {
+            color: #fff!important;
+          }
 
           .action-icon {
-            margin-right: 10px;
-            transform: translate(0, 3px);
+            margin-right: 4px;
+            vertical-align: sub;
           }
 
           &:hover {
@@ -246,7 +252,10 @@
 
         .action-button {
           .action-item {
-            color: var(--zaui-danger, #ff005f);
+            color: var(--zaui-danger, #ff005f) !important;
+            &:hover {
+              color: var(--zaui-danger, #ff005f) !important;
+            }
           }
         }
       }
@@ -269,9 +278,6 @@
       display: inline-flex;
     }
 
-    .pro-upload-image-footer {
-      margin-top: -8px;
-    }
   }
 
   .file-actions {
@@ -301,6 +307,161 @@
       }
     }
   }
+
+  .@{ant-prefix}-upload-disabled{
+    .file-action-box{
+      .file-name, .file-del{
+        color: #ccc;
+        cursor: not-allowed !important;
+      }
+    }
+  }
+
+  .filelist-item-wrapper {
+    .file-info-box {
+      display: flex;
+      align-items: center;
+      width: 100%;
+      height: 30px;
+      margin-top: var(--zaui-space-size-sm, 8px);
+      color: var(--zaui-text, #343434);
+      font-size: var(--zaui-font-size-sm, 12px);
+      line-height: 16px;
+      &:hover {
+        background: #F8F9FA;
+        border-radius: var(--zaui-border-radius, 8px);
+        color: var(--zaui-brand);
+        .file-actions-wrap {
+          .file-actions{
+            display: flex;
+            .file-action-item{
+              color: var(--zaui-brand);
+            }
+          }
+        }
+      }
+      &.file-box-error {
+        color: var(--zaui-danger);
+
+        .file-actions-wrap {
+          .file-actions{
+            display: flex;
+            .file-action-item{
+              color: var(--zaui-danger);
+            }
+          }
+        }
+
+      }
+
+      .file-type-icon {
+        display: block;
+        width: 18px;
+        height: 23px;
+        margin-left: 6px;
+        overflow: hidden;
+        position: absolute;
+      }
+      .file-name {
+        display: box;
+        padding-left: var(--zaui-space-size-lg, 32px);
+        overflow: hidden;
+        line-clamp: 1;
+        box-orient: vertical;
+        word-break: break-all;
+      }
+      .file-name.file-name-pf0 {
+        padding-left: 0;
+      }
+
+
+      .file-actions-wrap {
+        width: 100px;
+        margin-left: auto;
+        .file-actions {
+          display: none;
+          justify-content: right;
+
+          transition: all 1s;
+
+          .file-action-item {
+            margin-left: var(--zaui-space-size-sm, 8px);
+            padding: 0;
+            cursor: pointer;
+            color: var(--zaui-brand);
+          }
+        }
+      }
+    }
+  }
+
+  // 单个文件拖拽控件
+  .drag-Single-item-wrapper {
+    .file-info-box {
+      display: flex;
+      align-items: center;
+      width: 100%;
+      height: 30px;
+      margin-top: var(--zaui-space-size-sm, 8px);
+      color: var(--zaui-text, #343434);
+
+      font-size: var(--zaui-font-size-sm, 12px);
+      line-height: 16px;
+      justify-content: center;
+      &:hover {
+        background: #F8F9FA;
+        border-radius: var(--zaui-border-radius, 8px);
+      }
+      &:hover,&.file-box-error {
+        .file-actions-wrap {
+          .file-actions{
+            display: flex;
+          }
+        }
+
+      }
+
+      .file-type-icon {
+        display: block;
+        width: 18px;
+        height: 23px;
+        margin-left: 6px;
+        overflow: hidden;
+        position: absolute;
+      }
+      .file-name {
+        display: box;
+        padding-left: var(--zaui-space-size-sm, 8px);
+        overflow: hidden;
+        line-clamp: 1;
+        box-orient: vertical;
+        word-break: keep-all;
+      }
+      .file-name.file-name-pf0 {
+        padding-left: 0;
+      }
+
+      &.file-box-error {
+        color: var(--zaui-danger, #FF005F);
+      }
+
+      .file-actions-wrap {
+        margin-left: 10px;
+        .file-actions {
+          justify-content: right;
+          transition: all 1s;
+          display: flex;
+          .file-action-item {
+            margin-left: var(--zaui-space-size-sm, 8px);
+            padding: 0;
+            cursor: pointer;
+            color: var(--zaui-brand);
+          }
+        }
+      }
+    }
+  }
+
 }
 
 .pro-upload-example {

package/lib/ProUpload/uitls.js

@@ -1,20 +1,44 @@
-"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
+// src/ProUpload/uitls.ts
+var uitls_exports = {};
+__export(uitls_exports, {
+  validateFileExt: () => validateFileExt,
+  validateSize: () => validateSize
 });
-exports.validateSize = exports.validateFileExt = void 0;
-var _FileItem = require("./components/FileItem");
-var validateSize = exports.validateSize = function validateSize(size, file) {
-  if (size !== undefined && file.size) {
+module.exports = __toCommonJS(uitls_exports);
+var import_FileItem = require("./components/FileItem");
+var validateSize = (size, file) => {
+  if (size !== void 0 && file.size) {
     return file.size <= size * 1024 * 1024;
   }
   return true;
 };
-var validateFileExt = exports.validateFileExt = function validateFileExt(fileExts, file) {
-  var ext = (0, _FileItem.getFileExt)(file.name);
+var validateFileExt = (fileExts, file) => {
+  const ext = (0, import_FileItem.getFileExt)(file.name);
   if (!fileExts.includes(ext.toLocaleUpperCase()) && fileExts.length > 0) {
     return false;
   }
   return true;
-};
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  validateFileExt,
+  validateSize
+});

package/lib/ProUtils/utils/index.js

@@ -1,30 +1,42 @@
-"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-Object.defineProperty(exports, "__esModule", {
-  value: true
+// src/ProUtils/utils/index.ts
+var utils_exports = {};
+__export(utils_exports, {
+  valueTypeRender: () => valueTypeRender
 });
-exports.valueTypeRender = void 0;
-var _utils = require("@zat-design/utils");
-var calc = _utils.tools.calc;
-var valueTypeRender = exports.valueTypeRender = {
-  percentage: function percentage(val, precision) {
-    var _calc;
-    return (_calc = calc(val !== null && val !== void 0 ? val : 0, '*', 100)) === null || _calc === void 0 ? void 0 : _calc.toFixed(precision);
-  },
-  permillage: function permillage(val, precision) {
-    var _calc2;
-    return (_calc2 = calc(val !== null && val !== void 0 ? val : 0, '*', 1000)) === null || _calc2 === void 0 ? void 0 : _calc2.toFixed(precision);
+module.exports = __toCommonJS(utils_exports);
+var import_utils = require("@zat-design/utils");
+var { calc } = import_utils.tools;
+var valueTypeRender = {
+  percentage: (val, precision) => {
+    var _a;
+    return (_a = calc(val ?? 0, "*", 100)) == null ? void 0 : _a.toFixed(precision);
   },
-  thousandth: function thousandth(val, precision) {
-    return Number(val).toLocaleString('en-us', {
-      minimumFractionDigits: precision,
-      maximumFractionDigits: precision
-    });
+  permillage: (val, precision) => {
+    var _a;
+    return (_a = calc(val ?? 0, "*", 1e3)) == null ? void 0 : _a.toFixed(precision);
   },
-  thousandthCNY: function thousandthCNY(val, precision) {
-    return "CNY ".concat(Number(val).toLocaleString('en-us', {
-      minimumFractionDigits: precision,
-      maximumFractionDigits: precision
-    }));
-  }
-};
+  thousandth: (val, precision) => Number(val).toLocaleString("en-us", { minimumFractionDigits: precision, maximumFractionDigits: precision }),
+  thousandthCNY: (val, precision) => `CNY ${Number(val).toLocaleString("en-us", { minimumFractionDigits: precision, maximumFractionDigits: precision })}`
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  valueTypeRender
+});