@vtx/components 3.1.180 → 4.0.0-beta.1

package/lib/vtx-upload/index.js

@@ -4,45 +4,47 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports.default = exports.VtxUpload = void 0;
 var _react = _interopRequireWildcard(require("react"));
-var _useSetState3 = _interopRequireDefault(require("ahooks/es/useSetState"));
+var _ahooks = require("ahooks");
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _viewerjs = _interopRequireDefault(require("viewerjs"));
-var _upload = _interopRequireDefault(require("antd/lib/upload"));
-var _button = _interopRequireDefault(require("antd/lib/button"));
-var _InboxOutlined = _interopRequireDefault(require("@ant-design/icons/InboxOutlined"));
-var _PlusOutlined = _interopRequireDefault(require("@ant-design/icons/PlusOutlined"));
-var _UploadOutlined = _interopRequireDefault(require("@ant-design/icons/UploadOutlined"));
-var _message = _interopRequireDefault(require("antd/lib/message"));
-var _downloadFile = _interopRequireDefault(require("@vtx/utils/lib/downloadFile"));
-var _lodash = _interopRequireDefault(require("lodash.debounce"));
+var _antd = require("antd");
+var _icons = require("@ant-design/icons");
+var _utils = require("@vtx/utils");
+var _debounce = _interopRequireDefault(require("lodash-es/debounce"));
 var _FilePreview = _interopRequireDefault(require("./FilePreview"));
-var _getToken = _interopRequireDefault(require("../_util/getToken"));
+var _getToken = _interopRequireDefault(require("../utils/getToken.js"));
 var _antdImgCrop = _interopRequireDefault(require("antd-img-crop"));
-var _excluded = ["isDragger", "draggerConfig", "accept", "mode", "viewMode", "showUploadList", "customizedButton", "listType", "onSuccess", "onError", "onRemove", "maxFileSize", "beforeUpload", "maxNum", "flag", "crop", "customDownload"];
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
-function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
+var _index = require("./style/index.js");
+var _context = require("antd/es/form/context");
+var _statusUtils = require("antd/es/_util/statusUtils");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _vtxProvider = require("../vtx-provider");
+var _jsxRuntime = require("react/jsx-runtime");
+var _excluded = ["isDragger", "draggerConfig", "accept", "mode", "viewMode", "showUploadList", "customizedButton", "listType", "onSuccess", "onError", "onRemove", "maxFileSize", "beforeUpload", "maxNum", "flag", "crop", "customDownload", "status"];
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
 function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
-function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
-function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
-function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
-function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
-function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
-function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
-var debouncedMessage = (0, _lodash["default"])(function (msg) {
-  _message["default"].error(msg);
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+var debouncedMessage = (0, _debounce.default)(function (msg) {
+  _antd.message.error(msg);
 }, 500);
 
 //文件预览
@@ -62,9 +64,27 @@ var initUrl = {
 };
 //禁止上传的文件类型
 var rejectTypes = ['.asp', '.aspx', '.jsp', '.exe', '.cgi', '.asa', '.cer', '.cdx', '.hta'];
-var Dragger = _upload["default"].Dragger;
-var VtxUpload = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
+var Dragger = _antd.Upload.Dragger;
+function isSupportThumbnail(type) {
+  if (['image/webp'].includes(type)) {
+    return false;
+  }
+  return true;
+}
+var VtxUpload = exports.VtxUpload = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var _window;
+  var intl = (0, _vtxProvider.useIntl)();
+  var _useContext = (0, _react.useContext)(_vtxProvider.VtxProvider),
+    getPrefixCls = _useContext.getPrefixCls;
+  var prefixCls = getPrefixCls('upload', props.prefixCls);
+  var _useStyle = (0, _index.useStyle)(prefixCls),
+    wrapSSR = _useStyle.wrapSSR,
+    hashId = _useStyle.hashId;
+  var _React$useContext = _react.default.useContext(_context.FormItemInputContext),
+    contextStatus = _React$useContext.status,
+    hasFeedback = _React$useContext.hasFeedback,
+    isFormItemInput = _React$useContext.isFormItemInput,
+    feedbackIcon = _React$useContext.feedbackIcon;
   var _props$isDragger = props.isDragger,
     isDragger = _props$isDragger === void 0 ? false : _props$isDragger,
     _props$draggerConfig = props.draggerConfig,
@@ -87,7 +107,10 @@ var VtxUpload = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     flag = props.flag,
     crop = props.crop,
     customDownload = props.customDownload,
+    customStatus = props.status,
     rest = _objectWithoutProperties(props, _excluded);
+  var mergedStatus = (0, _statusUtils.getMergedStatus)(contextStatus, customStatus);
+
   // 是否使用缩略图
   var useThumbnail = (props.useThumbnail === undefined ? true : props.useThumbnail) && (listType == 'picture' || listType == 'picture-card');
   var _useState = (0, _react.useState)([]),
@@ -106,7 +129,7 @@ var VtxUpload = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     _useState8 = _slicedToArray(_useState7, 2),
     imageCt = _useState8[0],
     setImageCt = _useState8[1];
-  var _useSetState = (0, _useSetState3["default"])(initVPrev),
+  var _useSetState = (0, _ahooks.useSetState)(initVPrev),
     _useSetState2 = _slicedToArray(_useSetState, 2),
     vPrev = _useSetState2[0],
     setVPrev = _useSetState2[1]; //文件预览相关
@@ -114,9 +137,9 @@ var VtxUpload = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   // 参数中拼接token
   function joinToken(str) {
     if (str.indexOf('token=') === -1 && str.indexOf('?') > -1) {
-      return str.replace('?', "?token=".concat((0, _getToken["default"])() || '', "&"));
+      return str.replace('?', "?token=".concat((0, _getToken.default)() || '', "&"));
     } else if (str.indexOf('?') === -1) {
-      return str + "?token=".concat((0, _getToken["default"])() || '');
+      return str + "?token=".concat((0, _getToken.default)() || '');
     }
     return str;
   }
@@ -148,11 +171,11 @@ var VtxUpload = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   }, [fileList]);
   (0, _react.useEffect)(function () {
     if (imageCt) {
-      setImageViewer(new _viewerjs["default"](imageCt, {}));
+      setImageViewer(new _viewerjs.default(imageCt, {}));
     }
   }, [imageCt]);
   var getConfig = function getConfig() {
-    var token = (0, _getToken["default"])() || '';
+    var token = (0, _getToken.default)() || '';
     var config = _objectSpread(_objectSpread({}, rest), {}, {
       accept: accept,
       action: action,
@@ -165,7 +188,7 @@ var VtxUpload = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       onChange: function onChange(info) {
         setFileList(info.fileList);
         if (info.file.response && info.file.response.result === 1) {
-          _message["default"].error(info.file.response.errMsg || '上传失败!');
+          _antd.message.error(info.file.response.errMsg || "".concat(intl.getMessage('upload.uploadFailed', '上传失败'), "!"));
           var flt = _toConsumableArray(fileList);
           flt.pop();
           setFileList(flt);
@@ -228,7 +251,7 @@ var VtxUpload = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
         if (maxFileSize && typeof maxFileSize === 'number') {
           var limit = file.size < maxFileSize;
           if (!limit) {
-            _message["default"].error("\u8BF7\u4E0A\u4F20".concat(maxFileSize / 1024 / 1024, "M\u4EE5\u5185\u7684\u6587\u4EF6"));
+            _antd.message.error("".concat(intl.getMessage('upload.pleaseUpload', '请上传')).concat(maxFileSize / 1024 / 1024, "M").concat(intl.getMessage('upload.internalFiles', '以内的文件')));
             return false;
           }
         }
@@ -237,14 +260,14 @@ var VtxUpload = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
         if (pointIndex > -1) {
           var fileType = file.name.substring(pointIndex);
           if (rejectTypes.includes(fileType)) {
-            _message["default"].error('不支持该文件类型');
+            _antd.message.error(intl.getMessage('upload.pleaseUpload', '不支持该文件类型'));
             return false;
           }
         }
         // 多选限制文件数量
         if (typeof maxNum === 'number' && afterFileList.length + fileList.length > maxNum) {
           // 减少提示错误次数， 思路，防抖 这边有个问题 就是防抖的这个方法 return fasle 不上传
-          debouncedMessage("\u6700\u591A\u4E0A\u4F20".concat(maxNum, "\u4E2A"));
+          debouncedMessage("".concat(intl.getMessage('upload.maximumUploads', '最多上传')).concat(maxNum).concat(intl.getMessage('upload.items', '个')));
           return false;
         }
         if (typeof _beforeUpload === 'function') {
@@ -253,7 +276,7 @@ var VtxUpload = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
         return true;
       },
       onDownload: function onDownload(file) {
-        (0, _downloadFile["default"])(file.url, {
+        (0, _utils.downloadFile)(file.url, {
           fileName: file.name
         }, 'blob');
       }
@@ -264,7 +287,7 @@ var VtxUpload = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       config.onPreview = function (file) {
         var _file$type2, _file$type3;
         if (!file.type) {
-          (0, _downloadFile["default"])(downloadUrl + file.id, {
+          (0, _utils.downloadFile)(downloadUrl + file.id, {
             fileName: file.name
           }, 'blob');
         } else if (((_file$type2 = file.type) === null || _file$type2 === void 0 ? void 0 : _file$type2.indexOf('image')) > -1) {
@@ -273,14 +296,14 @@ var VtxUpload = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
           // 视频
           setVPrev({
             type: 'video',
-            name: file.name || '视频预览',
+            name: file.name || intl.getMessage('upload.videoPreview', '视频预览'),
             url: downloadUrl + file.id,
             downloadUrl: downloadUrl + file.id,
             visible: true,
             customDownload: customDownload
           });
         } else {
-          (0, _downloadFile["default"])(downloadUrl + file.id, {
+          (0, _utils.downloadFile)(downloadUrl + file.id, {
             fileName: file.name
           }, 'blob');
         }
@@ -358,91 +381,94 @@ var VtxUpload = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     });
     return processedFileList;
   };
-  var upload = /*#__PURE__*/_react["default"].createElement(_upload["default"], _extends({}, getConfig(), {
-    ref: ref
-  }), viewMode || fileList.length >= maxNum ? null : customizedButton || (listType == 'picture-card' ? /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_PlusOutlined["default"], {
-    style: {
-      fontSize: '28px',
-      color: '#999'
-    }
-  }), /*#__PURE__*/_react["default"].createElement("div", {
-    className: "ant-upload-text"
-  }, "\u4E0A\u4F20")) : /*#__PURE__*/_react["default"].createElement(_button["default"], null, /*#__PURE__*/_react["default"].createElement(_UploadOutlined["default"], null), "\u4E0A\u4F20")));
-  var comp = listType == 'picture-card' && !!crop ? /*#__PURE__*/_react["default"].createElement(_antdImgCrop["default"], {
-    rotationSlider: true
-  }, upload) : upload;
-  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, isDragger ? /*#__PURE__*/_react["default"].createElement(Dragger, _extends({}, getConfig(), {
-    ref: ref
-  }), draggerConfig !== null && draggerConfig !== void 0 && draggerConfig.img ? /*#__PURE__*/_react["default"].createElement("img", {
-    src: draggerConfig.img,
-    alt: "",
-    style: {
-      maxWidth: 100,
-      maxHeight: 100,
-      marginTop: '3%',
-      marginBottom: '5%'
-    }
-  }) : /*#__PURE__*/_react["default"].createElement("p", {
-    className: "ant-upload-drag-icon"
-  }, /*#__PURE__*/_react["default"].createElement(_InboxOutlined["default"], null)), /*#__PURE__*/_react["default"].createElement("p", {
-    className: "ant-upload-text"
-  }, (draggerConfig === null || draggerConfig === void 0 ? void 0 : draggerConfig.mainText) || '点击或拖拽上传'), /*#__PURE__*/_react["default"].createElement("p", {
-    className: "ant-upload-hint"
-  }, (draggerConfig === null || draggerConfig === void 0 ? void 0 : draggerConfig.subText) || '支持上传word,excel,png...')) : comp, /*#__PURE__*/_react["default"].createElement("div", {
-    style: {
-      display: 'none'
-    }
-  }, /*#__PURE__*/_react["default"].createElement("ul", {
-    ref: function ref(ins) {
-      if (ins) setImageCt(ins);
-    }
-  }, imageList.filter(function (item) {
-    var _item$type;
-    return item.type && ((_item$type = item.type) === null || _item$type === void 0 ? void 0 : _item$type.indexOf('image')) > -1;
-  }).map(function (item, index) {
-    return /*#__PURE__*/_react["default"].createElement("li", {
-      key: item.uid
-    }, /*#__PURE__*/_react["default"].createElement("img", {
-      src: item.url || downloadUrl + item.id,
-      alt: item.name || "picture-".concat(index + 1)
-    }));
-  }))), /*#__PURE__*/_react["default"].createElement(_FilePreview["default"], _extends({
-    onCancel: function onCancel() {
-      return setVPrev(initVPrev);
-    }
-  }, vPrev)));
+  var upload = /*#__PURE__*/(0, _jsxRuntime.jsx)(_antd.Upload, _objectSpread(_objectSpread({}, getConfig()), {}, {
+    ref: ref,
+    className: (0, _classnames.default)(prefixCls, (0, _statusUtils.getStatusClassNames)(prefixCls, mergedStatus, hasFeedback), props.prefixCls),
+    children: viewMode || fileList.length >= maxNum ? null : customizedButton || (listType == 'picture-card' ? /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.PlusOutlined, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: "ant-upload-text",
+        children: intl.getMessage('import.upload', '上传')
+      })]
+    }) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_antd.Button, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.UploadOutlined, {}), intl.getMessage('import.upload', '上传')]
+    }))
+  }));
+  var comp = listType == 'picture-card' && !!crop ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_antdImgCrop.default, {
+    rotationSlider: true,
+    children: upload
+  }) : upload;
+  return wrapSSR( /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [isDragger ? /*#__PURE__*/(0, _jsxRuntime.jsxs)(Dragger, _objectSpread(_objectSpread({}, getConfig()), {}, {
+      ref: ref,
+      children: [draggerConfig !== null && draggerConfig !== void 0 && draggerConfig.img ? /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
+        src: draggerConfig.img,
+        alt: "",
+        style: {
+          maxWidth: 100,
+          maxHeight: 100,
+          marginTop: '3%',
+          marginBottom: '5%'
+        }
+      }) : /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
+        className: "ant-upload-drag-icon",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.InboxOutlined, {})
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
+        className: "ant-upload-text",
+        children: (draggerConfig === null || draggerConfig === void 0 ? void 0 : draggerConfig.mainText) || intl.getMessage('upload.clickOrDragUpload', '点击或拖拽上传')
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
+        className: "ant-upload-hint",
+        children: (draggerConfig === null || draggerConfig === void 0 ? void 0 : draggerConfig.subText) || "".concat(intl.getMessage('upload.supportUpload', '支持上传'), " word,excel,png...")
+      })]
+    })) : comp, /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      style: {
+        display: 'none'
+      },
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)("ul", {
+        ref: function ref(ins) {
+          if (ins) setImageCt(ins);
+        },
+        children: imageList.filter(function (item) {
+          var _item$type;
+          return item.type && ((_item$type = item.type) === null || _item$type === void 0 ? void 0 : _item$type.indexOf('image')) > -1;
+        }).map(function (item, index) {
+          return /*#__PURE__*/(0, _jsxRuntime.jsx)("li", {
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
+              src: item.url || downloadUrl + item.id,
+              alt: item.name || "picture-".concat(index + 1)
+            })
+          }, item.uid);
+        })
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_FilePreview.default, _objectSpread({
+      onCancel: function onCancel() {
+        return setVPrev(initVPrev);
+      }
+    }, vPrev))]
+  }));
 });
 VtxUpload.propTypes = {
-  isDragger: _propTypes["default"].bool,
-  draggerConfig: _propTypes["default"].object,
-  accept: _propTypes["default"].string,
-  mode: _propTypes["default"].string,
-  viewMode: _propTypes["default"].bool,
-  showUploadList: _propTypes["default"].bool | _propTypes["default"].object,
-  customizedButton: _propTypes["default"].node,
-  listType: _propTypes["default"].string,
-  action: _propTypes["default"].string,
-  downloadUrl: _propTypes["default"].string,
-  thumbnailUrl: _propTypes["default"].string,
-  previewUrl: _propTypes["default"].string,
-  onSuccess: _propTypes["default"].func,
-  onError: _propTypes["default"].func,
-  onRemove: _propTypes["default"].func,
-  onPreview: _propTypes["default"].func,
-  customDownload: _propTypes["default"].func,
-  maxFileSize: _propTypes["default"].number,
-  beforeUpload: _propTypes["default"].func,
-  maxNum: _propTypes["default"].number,
-  fileList: _propTypes["default"].array,
-  flag: _propTypes["default"].number,
-  useThumbnail: _propTypes["default"].bool,
-  crop: _propTypes["default"].bool
+  isDragger: _propTypes.default.bool,
+  draggerConfig: _propTypes.default.object,
+  accept: _propTypes.default.string,
+  mode: _propTypes.default.string,
+  viewMode: _propTypes.default.bool,
+  customizedButton: _propTypes.default.node,
+  listType: _propTypes.default.string,
+  action: _propTypes.default.string,
+  downloadUrl: _propTypes.default.string,
+  thumbnailUrl: _propTypes.default.string,
+  previewUrl: _propTypes.default.string,
+  onSuccess: _propTypes.default.func,
+  onError: _propTypes.default.func,
+  onRemove: _propTypes.default.func,
+  onPreview: _propTypes.default.func,
+  customDownload: _propTypes.default.func,
+  maxFileSize: _propTypes.default.number,
+  beforeUpload: _propTypes.default.func,
+  maxNum: _propTypes.default.number,
+  fileList: _propTypes.default.array,
+  flag: _propTypes.default.number,
+  useThumbnail: _propTypes.default.bool,
+  crop: _propTypes.default.bool
 };
-var _default = exports["default"] = VtxUpload;
-function isSupportThumbnail(type) {
-  if (['image/webp'].includes(type)) {
-    return false;
-  }
-  return true;
-}
-//# sourceMappingURL=index.js.map
+var _default = exports.default = VtxUpload;

package/lib/vtx-upload/style/index.js

@@ -1,10 +1,89 @@
 "use strict";
 
-require("antd/lib/upload/style");
-require("antd/lib/button/style");
-require("antd/lib/message/style");
-require("antd/lib/modal/style");
-require("antd/lib/slider/style");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useStyle = useStyle;
 require("viewerjs/dist/viewer.css");
-require("./index.less");
-//# sourceMappingURL=index.js.map
+var _vtxProvider = require("../../vtx-provider");
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(i); }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+var genVtxUploadStyle = function genVtxUploadStyle(token) {
+  var componentCls = token.componentCls;
+  return _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({}, componentCls, {}), "".concat(componentCls, "-status-error"), {
+    '&.ant-upload-wrapper.ant-upload-picture-card-wrapper': {
+      '.ant-upload': {
+        '&.ant-upload-select': {
+          borderColor: token.colorError
+        }
+      }
+    }
+  }), '.vtx-ui-upload-uploadct', {
+    overflow: 'hidden',
+    //upload组件由于float会失去高度
+    '.ant-upload-list-item-info': {
+      '&::before': {
+        height: '0 !important'
+      }
+    }
+  }), '.vtx_ui_upload_onlinepreview', {
+    width: '100%',
+    '.vtx_ui_upload_previewLine': {
+      position: 'relative',
+      padding: '0 8px',
+      color: token.colorPrimary,
+      lineHeight: '25px',
+      cursor: 'pointer',
+      '.vtx_ui_upload_iconHint': {
+        marginRight: '5px',
+        color: '#666'
+      },
+      '.vtx_ui_upload_action_box': {
+        position: 'absolute',
+        top: '2px',
+        right: '8px',
+        display: 'none',
+        '.vtx_ui_upload_action_btn': {
+          marginLeft: '5px',
+          color: '#aaa',
+          '&:hover': {
+            color: '#333'
+          }
+        }
+      },
+      '&:hover': {
+        backgroundColor: '#ecf6fd',
+        '.vtx_ui_upload_action_box': {
+          display: 'inline-block'
+        }
+      }
+    }
+  }), '.vtx-modal-file-maxClass', {
+    '.ant-modal': {
+      top: '0 !important',
+      left: '0 !important',
+      width: '100% !important',
+      height: '100% !important',
+      paddingBottom: '0 !important',
+      overflow: 'hidden',
+      '.ant-modal-content': {
+        height: '100%',
+        '.ant-modal-body': {
+          backgroundColor: '#fbfbfb'
+        }
+      }
+    }
+  });
+};
+function useStyle(prefixCls) {
+  return (0, _vtxProvider.useStyle)(prefixCls, function (token) {
+    var vtxUploadToken = _objectSpread(_objectSpread({}, token), {}, {
+      componentCls: ".".concat(prefixCls)
+    });
+    return [genVtxUploadStyle(vtxUploadToken)];
+  });
+}