assui 3.2.54 → 3.2.56

package/es/single-img-upload/index.d.ts

@@ -12,6 +12,8 @@ export interface SingleImgUploadProps extends UploadProps {
     onCancel?: () => void;
     /** 格式化接口返回数据 */
     onFormatResData?: (res: any) => string;
+    /** pdf名称 */
+    pdfName?: string;
 }
 declare const SingleImgUpload: (props: SingleImgUploadProps) => JSX.Element;
 export default SingleImgUpload;

package/es/single-img-upload/index.js

@@ -166,9 +166,9 @@ import Image from "antd/es/image";
 import Spin from "antd/es/spin";
 import classNames from 'classnames';
 import CloseOutlined from "a-icons/es/CloseOutlined";
+import Pdf from "a-icons/es/Pdf";
 import isObject from 'lodash/isObject';
 import isFunction from 'lodash/isFunction';
-var pdfpng = "pdf.png";
 var getLocalImgURL = function getLocalImgURL(file) {
   var URL = window.URL || window.webkitURL;
   var imgURL = URL.createObjectURL(file);
@@ -193,7 +193,8 @@ var SingleImgUpload = function SingleImgUpload(props) {
     beforeUpload = _a === void 0 ? initBeforeUpload : _a,
     onError = props.onError,
     disabled = props.disabled,
-    restProps = __rest(props, ["className", "wrapperClassName", "children", "value", "onStart", "onDeleteUpload", "onFormatResData", "onSuccess", "onCancel", "beforeUpload", "onError", "disabled"]);
+    pdfName = props.pdfName,
+    restProps = __rest(props, ["className", "wrapperClassName", "children", "value", "onStart", "onDeleteUpload", "onFormatResData", "onSuccess", "onCancel", "beforeUpload", "onError", "disabled", "pdfName"]);
   var uploadInstanceRef = React.useRef();
   var fileRef = React.useRef();
   var _b = __read(React.useState(value ? 'done' : 'init'), 2),
@@ -321,9 +322,11 @@ var SingleImgUpload = function SingleImgUpload(props) {
       onClick: function onClick() {
         return window.open(fileUrl || value, '_blank');
       }
-    }, /*#__PURE__*/React.createElement("img", {
-      src: pdfpng
-    }));
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "as-img-upload-pdf-preview-content"
+    }, /*#__PURE__*/React.createElement(Pdf, null), pdfName && /*#__PURE__*/React.createElement("div", {
+      className: "as-img-upload-pdf-name"
+    }, pdfName)));
   };
   return /*#__PURE__*/React.createElement("div", {
     className: cls

package/es/single-img-upload/style/index.css

@@ -1274,11 +1274,21 @@ html {
   align-items: center;
   justify-content: center;
   cursor: pointer;
+  text-align: center;
 }
-.as-img-upload .as-img-upload-pdf-preview img {
+.as-img-upload .as-img-upload-pdf-preview .spotecicon {
   width: 40px;
   height: 40px;
 }
+.as-img-upload .as-img-upload-pdf-preview .as-img-upload-pdf-preview-content {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+}
+.as-img-upload .as-img-upload-pdf-preview .as-img-upload-pdf-name {
+  margin-top: 10px;
+}
 .as-img-upload-close-button {
   position: absolute;
   top: 0;

package/es/single-img-upload/style/index.less

@@ -48,11 +48,23 @@
     align-items: center;
     justify-content: center;
     cursor: pointer;
+    text-align: center;
 
-    img {
+    .spotecicon {
       width: 40px;
       height: 40px;
     }
+
+    .as-img-upload-pdf-preview-content {
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      justify-content: center;
+    }
+
+    .as-img-upload-pdf-name {
+      margin-top: 10px;
+    }
   }
 
   &-close-button {

package/lib/single-img-upload/index.d.ts

@@ -12,6 +12,8 @@ export interface SingleImgUploadProps extends UploadProps {
     onCancel?: () => void;
     /** 格式化接口返回数据 */
     onFormatResData?: (res: any) => string;
+    /** pdf名称 */
+    pdfName?: string;
 }
 declare const SingleImgUpload: (props: SingleImgUploadProps) => JSX.Element;
 export default SingleImgUpload;

package/lib/single-img-upload/index.js

@@ -207,9 +207,9 @@ var image_1 = __importDefault(require("antd/lib/image"));
 var spin_1 = __importDefault(require("antd/lib/spin"));
 var classnames_1 = __importDefault(require("classnames"));
 var CloseOutlined_1 = __importDefault(require("a-icons/lib/CloseOutlined"));
+var Pdf_1 = __importDefault(require("a-icons/lib/Pdf"));
 var isObject_1 = __importDefault(require("lodash/isObject"));
 var isFunction_1 = __importDefault(require("lodash/isFunction"));
-var pdf_png_1 = __importDefault("pdf.png");
 var getLocalImgURL = function getLocalImgURL(file) {
   var URL = window.URL || window.webkitURL;
   var imgURL = URL.createObjectURL(file);
@@ -234,7 +234,8 @@ var SingleImgUpload = function SingleImgUpload(props) {
     beforeUpload = _a === void 0 ? initBeforeUpload : _a,
     onError = props.onError,
     disabled = props.disabled,
-    restProps = __rest(props, ["className", "wrapperClassName", "children", "value", "onStart", "onDeleteUpload", "onFormatResData", "onSuccess", "onCancel", "beforeUpload", "onError", "disabled"]);
+    pdfName = props.pdfName,
+    restProps = __rest(props, ["className", "wrapperClassName", "children", "value", "onStart", "onDeleteUpload", "onFormatResData", "onSuccess", "onCancel", "beforeUpload", "onError", "disabled", "pdfName"]);
   var uploadInstanceRef = React.useRef();
   var fileRef = React.useRef();
   var _b = __read(React.useState(value ? 'done' : 'init'), 2),
@@ -362,9 +363,11 @@ var SingleImgUpload = function SingleImgUpload(props) {
       onClick: function onClick() {
         return window.open(fileUrl || value, '_blank');
       }
-    }, React.createElement("img", {
-      src: pdf_png_1["default"]
-    }));
+    }, React.createElement("div", {
+      className: "as-img-upload-pdf-preview-content"
+    }, React.createElement(Pdf_1["default"], null), pdfName && React.createElement("div", {
+      className: "as-img-upload-pdf-name"
+    }, pdfName)));
   };
   return React.createElement("div", {
     className: cls

package/lib/single-img-upload/style/index.css

@@ -1274,11 +1274,21 @@ html {
   align-items: center;
   justify-content: center;
   cursor: pointer;
+  text-align: center;
 }
-.as-img-upload .as-img-upload-pdf-preview img {
+.as-img-upload .as-img-upload-pdf-preview .spotecicon {
   width: 40px;
   height: 40px;
 }
+.as-img-upload .as-img-upload-pdf-preview .as-img-upload-pdf-preview-content {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+}
+.as-img-upload .as-img-upload-pdf-preview .as-img-upload-pdf-name {
+  margin-top: 10px;
+}
 .as-img-upload-close-button {
   position: absolute;
   top: 0;

package/lib/single-img-upload/style/index.less

@@ -48,11 +48,23 @@
     align-items: center;
     justify-content: center;
     cursor: pointer;
+    text-align: center;
 
-    img {
+    .spotecicon {
       width: 40px;
       height: 40px;
     }
+
+    .as-img-upload-pdf-preview-content {
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      justify-content: center;
+    }
+
+    .as-img-upload-pdf-name {
+      margin-top: 10px;
+    }
   }
 
   &-close-button {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "assui",
-  "version": "3.2.54",
+  "version": "3.2.56",
   "description": "react ui library",
   "author": "jason <usochen@gmail.com>",
   "main": "./lib/index.js",
@@ -35,7 +35,7 @@
     "@types/react-beautiful-dnd": "^13.1.2",
     "@types/react-color": "^3.0.6",
     "@types/react-resizable": "^3.0.0",
-    "a-icons": "^1.2.39",
+    "a-icons": "^1.2.40",
     "aa-utils": "^2.1.31",
     "ahooks": "^3.9.5",
     "bignumber.js": "^9.0.1",
@@ -86,5 +86,5 @@
     "node": ">=10.0.0"
   },
   "license": "MIT",
-  "gitHead": "1462db860e1f4eb758033d5cafe589ed4f086f90"
+  "gitHead": "99e5f293ea3616e42b2ecd07c10c5a6a7445c7f9"
 }