@nutui/nutui-react 1.3.5 → 1.3.7

package/dist/esm/Uploader.js

@@ -5,11 +5,8 @@ import _createClass from "@babel/runtime/helpers/createClass";
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 var _excluded = ["children", "uploadIcon", "uploadIconSize", "name", "accept", "defaultFileList", "listType", "disabled", "multiple", "url", "defaultImg", "headers", "timeout", "method", "xhrState", "withCredentials", "data", "isPreview", "isDeletable", "maximum", "capture", "maximize", "className", "autoUpload", "clearInput", "iconClassPrefix", "iconFontClassName", "onStart", "onRemove", "onChange", "onFileItemClick", "onProgress", "onSuccess", "onUpdate", "onFailure", "onOversize", "onBeforeUpload", "onBeforeXhrUpload", "onBeforeDelete"];
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 import React__default, { useState, useEffect, useImperativeHandle } from 'react';
 import classNames from 'classnames';
 import Icon from './Icon.js';
@@ -18,95 +15,64 @@ import { c as cn } from './bem-893ad28d.js';
 import { useConfig } from './ConfigProvider.js';
 import { C as ComponentDefaults } from './typings-1c5f2628.js';
 import '@bem-react/classname';
-
 var UploadOptions = /*#__PURE__*/_createClass(function UploadOptions() {
   _classCallCheck(this, UploadOptions);
-
   _defineProperty(this, "url", '');
-
   _defineProperty(this, "name", 'file');
-
   _defineProperty(this, "fileType", 'image');
-
   _defineProperty(this, "formData", void 0);
-
   _defineProperty(this, "sourceFile", void 0);
-
   _defineProperty(this, "method", 'post');
-
   _defineProperty(this, "xhrState", 200);
-
   _defineProperty(this, "timeout", 30 * 1000);
-
   _defineProperty(this, "headers", {});
-
   _defineProperty(this, "withCredentials", false);
-
   _defineProperty(this, "onStart", void 0);
-
   _defineProperty(this, "taroFilePath", void 0);
-
   _defineProperty(this, "onProgress", void 0);
-
   _defineProperty(this, "onSuccess", void 0);
-
   _defineProperty(this, "onFailure", void 0);
-
   _defineProperty(this, "beforeXhrUpload", void 0);
 });
-
 var Upload = /*#__PURE__*/function () {
   function Upload(options) {
     _classCallCheck(this, Upload);
-
     _defineProperty(this, "options", void 0);
-
     this.options = options;
   }
-
   _createClass(Upload, [{
     key: "upload",
     value: function upload() {
       var options = this.options;
       var xhr = new XMLHttpRequest();
       xhr.timeout = options.timeout;
-
       if (xhr.upload) {
         var _options$onStart;
-
         xhr.upload.addEventListener('progress', function (e) {
           var _options$onProgress;
-
           (_options$onProgress = options.onProgress) === null || _options$onProgress === void 0 ? void 0 : _options$onProgress.call(options, e, options);
         }, false);
-
         xhr.onreadystatechange = function () {
           if (xhr.readyState === 4) {
             if (xhr.status === options.xhrState) {
               var _options$onSuccess;
-
               (_options$onSuccess = options.onSuccess) === null || _options$onSuccess === void 0 ? void 0 : _options$onSuccess.call(options, xhr.responseText, options);
             } else {
               var _options$onFailure;
-
               (_options$onFailure = options.onFailure) === null || _options$onFailure === void 0 ? void 0 : _options$onFailure.call(options, xhr.responseText, options);
             }
           }
         };
-
         xhr.withCredentials = options.withCredentials;
-        xhr.open(options.method, options.url, true); // headers
-
+        xhr.open(options.method, options.url, true);
+        // headers
         for (var _i = 0, _Object$entries = Object.entries(options.headers); _i < _Object$entries.length; _i++) {
           var _Object$entries$_i = _slicedToArray(_Object$entries[_i], 2),
-              key = _Object$entries$_i[0],
-              value = _Object$entries$_i[1];
-
+            key = _Object$entries$_i[0],
+            value = _Object$entries$_i[1];
           xhr.setRequestHeader(key, value);
         }
-
         (_options$onStart = options.onStart) === null || _options$onStart === void 0 ? void 0 : _options$onStart.call(options, options);
-
         if (options.beforeXhrUpload) {
           options.beforeXhrUpload(xhr, options);
         } else {
@@ -120,14 +86,12 @@ var Upload = /*#__PURE__*/function () {
     key: "uploadTaro",
     value: function uploadTaro(uploadFile, env) {
       var options = this.options;
-
       if (env === 'WEB') {
         this.upload();
       } else if (options.beforeXhrUpload) {
         options.beforeXhrUpload(uploadFile, options);
       } else {
         var _options$onStart2;
-
         var uploadTask = uploadFile({
           url: options.url,
           filePath: options.taroFilePath,
@@ -140,35 +104,31 @@ var Upload = /*#__PURE__*/function () {
           success: function success(response) {
             if (options.xhrState == response.statusCode) {
               var _options$onSuccess2;
-
               (_options$onSuccess2 = options.onSuccess) === null || _options$onSuccess2 === void 0 ? void 0 : _options$onSuccess2.call(options, response, options);
             } else {
               var _options$onFailure2;
-
               (_options$onFailure2 = options.onFailure) === null || _options$onFailure2 === void 0 ? void 0 : _options$onFailure2.call(options, response, options);
             }
           },
           fail: function fail(e) {
             var _options$onFailure3;
-
             (_options$onFailure3 = options.onFailure) === null || _options$onFailure3 === void 0 ? void 0 : _options$onFailure3.call(options, e, options);
           }
         });
         (_options$onStart2 = options.onStart) === null || _options$onStart2 === void 0 ? void 0 : _options$onStart2.call(options, options);
         uploadTask.progress(function (res) {
           var _options$onProgress2;
-
-          (_options$onProgress2 = options.onProgress) === null || _options$onProgress2 === void 0 ? void 0 : _options$onProgress2.call(options, res, options); // console.log('上传进度', res.progress);
+          (_options$onProgress2 = options.onProgress) === null || _options$onProgress2 === void 0 ? void 0 : _options$onProgress2.call(options, res, options);
+          // console.log('上传进度', res.progress);
           // console.log('已经上传的数据长度', res.totalBytesSent);
           // console.log('预期需要上传的数据总长度', res.totalBytesExpectedToSend);
-        }); // uploadTask.abort(); // 取消上传任务
+        });
+        // uploadTask.abort(); // 取消上传任务
       }
     }
   }]);
-
   return Upload;
 }();
-
 var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
   url: '',
   maximum: 1,
@@ -196,85 +156,70 @@ var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
     return true;
   }
 });
-
 var FileItem = /*#__PURE__*/_createClass(function FileItem() {
   _classCallCheck(this, FileItem);
-
   _defineProperty(this, "status", 'ready');
-
   _defineProperty(this, "message", '准备中..');
-
   _defineProperty(this, "uid", new Date().getTime().toString());
-
   _defineProperty(this, "name", void 0);
-
   _defineProperty(this, "url", void 0);
-
   _defineProperty(this, "type", void 0);
-
   _defineProperty(this, "path", void 0);
-
   _defineProperty(this, "percentage", 0);
-
   _defineProperty(this, "formData", new FormData());
 });
-
 var InternalUploader = function InternalUploader(props, ref) {
   var _useConfig = useConfig(),
-      locale = _useConfig.locale;
-
+    locale = _useConfig.locale;
   var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
-      children = _defaultProps$props.children,
-      uploadIcon = _defaultProps$props.uploadIcon,
-      uploadIconSize = _defaultProps$props.uploadIconSize,
-      name = _defaultProps$props.name,
-      accept = _defaultProps$props.accept,
-      defaultFileList = _defaultProps$props.defaultFileList,
-      listType = _defaultProps$props.listType,
-      disabled = _defaultProps$props.disabled,
-      multiple = _defaultProps$props.multiple,
-      url = _defaultProps$props.url,
-      defaultImg = _defaultProps$props.defaultImg,
-      headers = _defaultProps$props.headers,
-      timeout = _defaultProps$props.timeout,
-      method = _defaultProps$props.method,
-      xhrState = _defaultProps$props.xhrState,
-      withCredentials = _defaultProps$props.withCredentials,
-      data = _defaultProps$props.data,
-      isPreview = _defaultProps$props.isPreview,
-      isDeletable = _defaultProps$props.isDeletable,
-      maximum = _defaultProps$props.maximum,
-      capture = _defaultProps$props.capture,
-      maximize = _defaultProps$props.maximize,
-      className = _defaultProps$props.className,
-      autoUpload = _defaultProps$props.autoUpload,
-      clearInput = _defaultProps$props.clearInput,
-      iconClassPrefix = _defaultProps$props.iconClassPrefix,
-      iconFontClassName = _defaultProps$props.iconFontClassName,
-      onStart = _defaultProps$props.onStart,
-      onRemove = _defaultProps$props.onRemove,
-      onChange = _defaultProps$props.onChange,
-      onFileItemClick = _defaultProps$props.onFileItemClick,
-      onProgress = _defaultProps$props.onProgress,
-      onSuccess = _defaultProps$props.onSuccess,
-      onUpdate = _defaultProps$props.onUpdate,
-      onFailure = _defaultProps$props.onFailure,
-      onOversize = _defaultProps$props.onOversize,
-      onBeforeUpload = _defaultProps$props.onBeforeUpload,
-      onBeforeXhrUpload = _defaultProps$props.onBeforeXhrUpload,
-      onBeforeDelete = _defaultProps$props.onBeforeDelete,
-      restProps = _objectWithoutProperties(_defaultProps$props, _excluded);
-
+    children = _defaultProps$props.children,
+    uploadIcon = _defaultProps$props.uploadIcon,
+    uploadIconSize = _defaultProps$props.uploadIconSize,
+    name = _defaultProps$props.name,
+    accept = _defaultProps$props.accept,
+    defaultFileList = _defaultProps$props.defaultFileList,
+    listType = _defaultProps$props.listType,
+    disabled = _defaultProps$props.disabled,
+    multiple = _defaultProps$props.multiple,
+    url = _defaultProps$props.url,
+    defaultImg = _defaultProps$props.defaultImg,
+    headers = _defaultProps$props.headers,
+    timeout = _defaultProps$props.timeout,
+    method = _defaultProps$props.method,
+    xhrState = _defaultProps$props.xhrState,
+    withCredentials = _defaultProps$props.withCredentials,
+    data = _defaultProps$props.data,
+    isPreview = _defaultProps$props.isPreview,
+    isDeletable = _defaultProps$props.isDeletable,
+    maximum = _defaultProps$props.maximum,
+    capture = _defaultProps$props.capture,
+    maximize = _defaultProps$props.maximize,
+    className = _defaultProps$props.className,
+    autoUpload = _defaultProps$props.autoUpload,
+    clearInput = _defaultProps$props.clearInput,
+    iconClassPrefix = _defaultProps$props.iconClassPrefix,
+    iconFontClassName = _defaultProps$props.iconFontClassName,
+    onStart = _defaultProps$props.onStart,
+    onRemove = _defaultProps$props.onRemove,
+    onChange = _defaultProps$props.onChange,
+    onFileItemClick = _defaultProps$props.onFileItemClick,
+    onProgress = _defaultProps$props.onProgress,
+    onSuccess = _defaultProps$props.onSuccess,
+    onUpdate = _defaultProps$props.onUpdate,
+    onFailure = _defaultProps$props.onFailure,
+    onOversize = _defaultProps$props.onOversize,
+    onBeforeUpload = _defaultProps$props.onBeforeUpload,
+    onBeforeXhrUpload = _defaultProps$props.onBeforeXhrUpload,
+    onBeforeDelete = _defaultProps$props.onBeforeDelete,
+    restProps = _objectWithoutProperties(_defaultProps$props, _excluded);
   var _useState = useState([]),
-      _useState2 = _slicedToArray(_useState, 2),
-      fileList = _useState2[0],
-      setFileList = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    fileList = _useState2[0],
+    setFileList = _useState2[1];
   var _useState3 = useState([]),
-      _useState4 = _slicedToArray(_useState3, 2),
-      uploadQueue = _useState4[0],
-      setUploadQueue = _useState4[1];
-
+    _useState4 = _slicedToArray(_useState3, 2),
+    uploadQueue = _useState4[0],
+    setUploadQueue = _useState4[1];
   useEffect(function () {
     if (defaultFileList) {
       setFileList(defaultFileList);
@@ -293,10 +238,8 @@ var InternalUploader = function InternalUploader(props, ref) {
       }
     };
   });
-
   var clearUploadQueue = function clearUploadQueue() {
     var index = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : -1;
-
     if (index > -1) {
       uploadQueue.splice(index, 1);
       setUploadQueue(uploadQueue);
@@ -304,23 +247,18 @@ var InternalUploader = function InternalUploader(props, ref) {
       setUploadQueue([]);
     }
   };
-
   var clearInputValue = function clearInputValue(el) {
     el.value = '';
   };
-
   var executeUpload = function executeUpload(fileItem, index) {
     var uploadOption = new UploadOptions();
     uploadOption.url = url;
-
     for (var _i2 = 0, _Object$entries2 = Object.entries(data); _i2 < _Object$entries2.length; _i2++) {
       var _Object$entries2$_i = _slicedToArray(_Object$entries2[_i2], 2),
-          key = _Object$entries2$_i[0],
-          value = _Object$entries2$_i[1];
-
+        key = _Object$entries2$_i[0],
+        value = _Object$entries2$_i[1];
       fileItem.formData.append(key, value);
     }
-
     uploadOption.formData = fileItem.formData;
     uploadOption.timeout = timeout * 1;
     uploadOption.method = method;
@@ -328,11 +266,9 @@ var InternalUploader = function InternalUploader(props, ref) {
     uploadOption.headers = headers;
     uploadOption.withCredentials = withCredentials;
     uploadOption.beforeXhrUpload = onBeforeXhrUpload;
-
     try {
       uploadOption.sourceFile = fileItem.formData.get(name);
     } catch (error) {}
-
     uploadOption.onStart = function (option) {
       clearUploadQueue(index);
       setFileList(function (fileList) {
@@ -341,14 +277,12 @@ var InternalUploader = function InternalUploader(props, ref) {
             item.status = 'ready';
             item.message = locale.uploader.readyUpload;
           }
-
           return item;
         });
         return _toConsumableArray(fileList);
       });
       onStart && onStart(option);
     };
-
     uploadOption.onProgress = function (e, option) {
       setFileList(function (fileList) {
         fileList.map(function (item) {
@@ -362,13 +296,11 @@ var InternalUploader = function InternalUploader(props, ref) {
               percentage: item.percentage
             });
           }
-
           return item;
         });
         return _toConsumableArray(fileList);
       });
     };
-
     uploadOption.onSuccess = function (responseText, option) {
       setFileList(function (fileList) {
         onUpdate && onUpdate(fileList);
@@ -377,7 +309,6 @@ var InternalUploader = function InternalUploader(props, ref) {
             item.status = 'success';
             item.message = locale.uploader.success;
           }
-
           return item;
         });
         return _toConsumableArray(fileList);
@@ -387,7 +318,6 @@ var InternalUploader = function InternalUploader(props, ref) {
         option: option
       });
     };
-
     uploadOption.onFailure = function (responseText, option) {
       setFileList(function (fileList) {
         fileList.map(function (item) {
@@ -395,7 +325,6 @@ var InternalUploader = function InternalUploader(props, ref) {
             item.status = 'error';
             item.message = locale.uploader.error;
           }
-
           return item;
         });
         return _toConsumableArray(fileList);
@@ -405,9 +334,7 @@ var InternalUploader = function InternalUploader(props, ref) {
         option: option
       });
     };
-
     var task = new Upload(uploadOption);
-
     if (props.autoUpload) {
       task.upload();
     } else {
@@ -417,7 +344,6 @@ var InternalUploader = function InternalUploader(props, ref) {
       setUploadQueue(uploadQueue);
     }
   };
-
   var readFile = function readFile(files) {
     files.forEach(function (file, index) {
       var formData = new FormData();
@@ -430,16 +356,13 @@ var InternalUploader = function InternalUploader(props, ref) {
       fileItem.uid = file.lastModified + fileItem.uid;
       fileItem.message = locale.uploader.readyUpload;
       executeUpload(fileItem, index);
-
       if (isPreview && file.type.includes('image')) {
         var reader = new FileReader();
-
         reader.onload = function (event) {
           fileItem.url = event.target.result;
           fileList.push(fileItem);
           setFileList(_toConsumableArray(fileList));
         };
-
         reader.readAsDataURL(file);
       } else {
         fileList.push(fileItem);
@@ -447,7 +370,6 @@ var InternalUploader = function InternalUploader(props, ref) {
       }
     });
   };
-
   var filterFiles = function filterFiles(files) {
     var maximum = props.maximum * 1;
     var oversizes = new Array();
@@ -456,29 +378,22 @@ var InternalUploader = function InternalUploader(props, ref) {
         oversizes.push(file);
         return false;
       }
-
       return true;
     });
-
     if (oversizes.length) {
       onOversize && onOversize(files);
     }
-
     if (filterFile.length > maximum) {
       filterFile.splice(maximum, filterFile.length - maximum);
     }
-
     if (fileList.length !== 0) {
       var index = maximum - fileList.length;
       filterFile.splice(index, filterFile.length - index);
     }
-
     return filterFile;
   };
-
   var onDelete = function onDelete(file, index) {
     clearUploadQueue(index);
-
     if (onBeforeDelete && onBeforeDelete(file, fileList)) {
       fileList.splice(index, 1);
       onRemove && onRemove(file, fileList);
@@ -487,41 +402,32 @@ var InternalUploader = function InternalUploader(props, ref) {
       console.log(locale.uploader.deleteWord);
     }
   };
-
   var fileChange = function fileChange(event) {
     if (disabled) {
       return;
     }
-
     var $el = event.target;
     var files = $el.files;
-
     if (onBeforeUpload) {
       onBeforeUpload(new Array().slice.call(files)).then(function (f) {
         var _files = filterFiles(new Array().slice.call(f));
-
         readFile(_files);
       });
     } else {
       var _files = filterFiles(new Array().slice.call(files));
-
       readFile(_files);
     }
-
     onChange && onChange({
       fileList: fileList,
       event: event
     });
-
     if (clearInput) {
       clearInputValue($el);
     }
   };
-
   var handleItemClick = function handleItemClick(file) {
     onFileItemClick && onFileItemClick(file);
   };
-
   return React__default.createElement("div", _objectSpread({
     className: classes
   }, restProps), children && React__default.createElement("div", {
@@ -652,7 +558,6 @@ var InternalUploader = function InternalUploader(props, ref) {
     onChange: fileChange
   })));
 };
-
 var Uploader = React__default.forwardRef(InternalUploader);
 Uploader.defaultProps = defaultProps;
 Uploader.displayName = 'NutUploader';

package/dist/esm/Video.js

@@ -1,11 +1,8 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["children", "source", "options", "className", "play", "pause", "playend"];
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 import React__default, { useRef, useEffect } from 'react';
 import classNames from 'classnames';
 import { c as cn } from './bem-893ad28d.js';
@@ -24,42 +21,36 @@ var defaultProps = {
     loop: false
   }
 };
-
 var Video = function Video(props) {
   var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
-      children = _defaultProps$props.children,
-      source = _defaultProps$props.source,
-      options = _defaultProps$props.options,
-      className = _defaultProps$props.className,
-      play = _defaultProps$props.play,
-      pause = _defaultProps$props.pause,
-      playend = _defaultProps$props.playend,
-      restProps = _objectWithoutProperties(_defaultProps$props, _excluded);
-
+    children = _defaultProps$props.children,
+    source = _defaultProps$props.source,
+    options = _defaultProps$props.options,
+    className = _defaultProps$props.className,
+    play = _defaultProps$props.play,
+    pause = _defaultProps$props.pause,
+    playend = _defaultProps$props.playend,
+    restProps = _objectWithoutProperties(_defaultProps$props, _excluded);
   var rootRef = useRef(null);
   var b = cn('video');
   var classes = classNames(className, b(''));
   useEffect(function () {
     init();
   }, []);
-
   var init = function init() {
     if (rootRef.current) {
       var videoRef = rootRef.current;
-
       if (options.autoplay) {
         setTimeout(function () {
           videoRef.play();
         }, 200);
       }
-
       if (options.playsinline) {
         videoRef.setAttribute('playsinline', String(options.playsinline));
         videoRef.setAttribute('webkit-playsinline', String(options.playsinline));
         videoRef.setAttribute('x5-video-player-type', 'h5-page');
         videoRef.setAttribute('x5-video-player-fullscreen', 'false');
       }
-
       videoRef.addEventListener('play', function () {
         play && play(videoRef);
       });
@@ -72,7 +63,6 @@ var Video = function Video(props) {
       });
     }
   };
-
   return React__default.createElement("div", _objectSpread({
     className: classes
   }, restProps), React__default.createElement("video", {
@@ -91,7 +81,6 @@ var Video = function Video(props) {
     kind: "captions"
   })));
 };
-
 Video.defaultProps = defaultProps;
 Video.displayName = 'NutVideo';
 export { Video as default };