@nutui/nutui-react-taro 1.3.5-beta.1 → 1.3.6

package/dist/esm/types/src/packages/elevator/demo.d.ts

@@ -1,3 +1,4 @@
 /// <reference types="react" />
+import './demo.scss';
 declare const ElevatorDemo: () => JSX.Element;
 export default ElevatorDemo;

package/dist/esm/types/src/packages/searchbar/searchbar.d.ts

@@ -47,6 +47,8 @@ export interface SearchBarProps extends IComponent {
     onBlur?: (value: string, event: Event) => void;
     /** 点击清除按钮后触发	 */
     onClear?: (event: Event) => void;
+    /** 点击取消按钮后触发	 */
+    onCancel?: () => void;
     /** 点击输入区域时触发	 */
     onClickInput?: (event: Event) => void;
     /** 点击输入框内左侧图标时触发	 */

package/dist/esm/types/src/packages/searchbar/searchbar.taro.d.ts

@@ -47,6 +47,8 @@ export interface SearchBarProps extends IComponent {
     onBlur?: (value: string, event: Event) => void;
     /** 点击清除按钮后触发	 */
     onClear?: (event: Event) => void;
+    /** 点击取消按钮后触发	 */
+    onCancel?: () => void;
     /** 点击输入区域时触发	 */
     onClickInput?: (event: Event) => void;
     /** 点击输入框内左侧图标时触发	 */

package/dist/esm/types/src/packages/signature/signature.taro.d.ts

@@ -1,11 +1,19 @@
 import React, { FunctionComponent } from 'react';
+interface FileType {
+    /** jpg 图片 */
+    jpg: any;
+    /** png 图片 */
+    png: any;
+}
 export interface SignatureProps {
-    type: string;
+    canvasId: string;
+    type: keyof FileType;
     lineWidth: number;
     strokeStyle: string;
     unSupportTpl: string;
     className: string;
-    confirm?: (canvas: HTMLCanvasElement, dataurl: string) => void;
+    confirm?: (dataurl: string) => void;
     clear?: () => void;
 }
 export declare const Signature: FunctionComponent<Partial<SignatureProps> & React.HTMLAttributes<HTMLDivElement>>;
+export {};

package/dist/esm/uploader.taro-6184abe7.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", "defaultFileList", "listType", "disabled", "url", "defaultImg", "headers", "timeout", "method", "xhrState", "data", "isPreview", "isDeletable", "maximum", "maximize", "className", "autoUpload", "sizeType", "sourceType", "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 { I as Icon } from './icon.taro-1d0d4fb7.js';
@@ -19,95 +16,64 @@ import Taro from '@tarojs/taro';
 import { c as cn } from './bem-893ad28d.js';
 import { u as useConfig } from './configprovider.taro-6c7b3056.js';
 import { C as ComponentDefaults } from './typings-1c5f2628.js';
-
 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 {
@@ -121,14 +87,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,
@@ -141,35 +105,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: 9,
@@ -194,80 +154,65 @@ 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", {});
 });
-
 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,
-      defaultFileList = _defaultProps$props.defaultFileList,
-      listType = _defaultProps$props.listType,
-      disabled = _defaultProps$props.disabled,
-      url = _defaultProps$props.url,
-      defaultImg = _defaultProps$props.defaultImg,
-      headers = _defaultProps$props.headers,
-      timeout = _defaultProps$props.timeout,
-      method = _defaultProps$props.method,
-      xhrState = _defaultProps$props.xhrState,
-      data = _defaultProps$props.data,
-      isPreview = _defaultProps$props.isPreview,
-      isDeletable = _defaultProps$props.isDeletable,
-      maximum = _defaultProps$props.maximum,
-      maximize = _defaultProps$props.maximize,
-      className = _defaultProps$props.className,
-      autoUpload = _defaultProps$props.autoUpload,
-      sizeType = _defaultProps$props.sizeType,
-      sourceType = _defaultProps$props.sourceType,
-      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,
+    defaultFileList = _defaultProps$props.defaultFileList,
+    listType = _defaultProps$props.listType,
+    disabled = _defaultProps$props.disabled,
+    url = _defaultProps$props.url,
+    defaultImg = _defaultProps$props.defaultImg,
+    headers = _defaultProps$props.headers,
+    timeout = _defaultProps$props.timeout,
+    method = _defaultProps$props.method,
+    xhrState = _defaultProps$props.xhrState,
+    data = _defaultProps$props.data,
+    isPreview = _defaultProps$props.isPreview,
+    isDeletable = _defaultProps$props.isDeletable,
+    maximum = _defaultProps$props.maximum,
+    maximize = _defaultProps$props.maximize,
+    className = _defaultProps$props.className,
+    autoUpload = _defaultProps$props.autoUpload,
+    sizeType = _defaultProps$props.sizeType,
+    sourceType = _defaultProps$props.sourceType,
+    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);
@@ -286,10 +231,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);
@@ -297,12 +240,10 @@ var InternalUploader = function InternalUploader(props, ref) {
       setUploadQueue([]);
     }
   };
-
   var chooseImage = function chooseImage() {
     if (disabled) {
       return;
     }
-
     Taro.chooseImage({
       // 选择数量
       count: maximum * 1 - fileList.length,
@@ -312,7 +253,6 @@ var InternalUploader = function InternalUploader(props, ref) {
       success: onChangeFn
     });
   };
-
   var executeUpload = function executeUpload(fileItem, index) {
     var uploadOption = new UploadOptions();
     uploadOption.name = name;
@@ -325,7 +265,6 @@ var InternalUploader = function InternalUploader(props, ref) {
     uploadOption.headers = headers;
     uploadOption.taroFilePath = fileItem.path;
     uploadOption.beforeXhrUpload = onBeforeXhrUpload;
-
     uploadOption.onStart = function (option) {
       clearUploadQueue(index);
       setFileList(function (fileList) {
@@ -339,7 +278,6 @@ var InternalUploader = function InternalUploader(props, ref) {
       });
       onStart && onStart(option);
     };
-
     uploadOption.onProgress = function (e, option) {
       setFileList(function (fileList) {
         fileList.map(function (item) {
@@ -357,7 +295,6 @@ var InternalUploader = function InternalUploader(props, ref) {
         return _toConsumableArray(fileList);
       });
     };
-
     uploadOption.onSuccess = function (responseText, option) {
       setFileList(function (fileList) {
         onUpdate && onUpdate(fileList);
@@ -374,7 +311,6 @@ var InternalUploader = function InternalUploader(props, ref) {
         option: option
       });
     };
-
     uploadOption.onFailure = function (responseText, option) {
       setFileList(function (fileList) {
         fileList.map(function (item) {
@@ -390,9 +326,7 @@ var InternalUploader = function InternalUploader(props, ref) {
         option: option
       });
     };
-
     var task = new Upload(uploadOption);
-
     if (props.autoUpload) {
       task.uploadTaro(Taro.uploadFile, Taro.getEnv());
     } else {
@@ -402,37 +336,29 @@ var InternalUploader = function InternalUploader(props, ref) {
       setUploadQueue(uploadQueue);
     }
   };
-
   var readFile = function readFile(files) {
     var imgReg = /\.(png|jpeg|jpg|webp|gif)$/i;
     files.forEach(function (file, index) {
       console.log('file', file);
       var fileType = file.type;
       var fileItem = new FileItem();
-
       if (!fileType && imgReg.test(file.path)) {
         fileType = 'image';
       }
-
       fileItem.path = file.path;
       fileItem.name = file.path;
       fileItem.status = 'ready';
       fileItem.message = locale.uploader.readyUpload;
       fileItem.type = fileType;
-
       if (Taro.getEnv() == 'WEB') {
         var _file$originalFileObj, _file$originalFileObj2;
-
         var formData = new FormData();
-
         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];
           formData.append(key, value);
         }
-
         formData.append(name, file.originalFileObj);
         fileItem.name = (_file$originalFileObj = file.originalFileObj) === null || _file$originalFileObj === void 0 ? void 0 : _file$originalFileObj.name;
         fileItem.type = (_file$originalFileObj2 = file.originalFileObj) === null || _file$originalFileObj2 === void 0 ? void 0 : _file$originalFileObj2.type;
@@ -440,17 +366,14 @@ var InternalUploader = function InternalUploader(props, ref) {
       } else {
         fileItem.formData = data;
       }
-
       if (isPreview) {
         fileItem.url = file.path;
       }
-
       fileList.push(fileItem);
       setFileList(_toConsumableArray(fileList));
       executeUpload(fileItem, index);
     });
   };
-
   var filterFiles = function filterFiles(files) {
     var maximum = props.maximum * 1;
     var maximize = props.maximize * 1;
@@ -460,26 +383,19 @@ var InternalUploader = function InternalUploader(props, ref) {
         oversizes.push(file);
         return false;
       }
-
       return true;
     });
-
     if (oversizes.length) {
       onOversize && onOversize(files);
     }
-
     var currentFileLength = filterFile.length + fileList.length;
-
     if (currentFileLength > maximum) {
       filterFile.splice(filterFile.length - (currentFileLength - maximum));
     }
-
     return filterFile;
   };
-
   var onDelete = function onDelete(file, index) {
     clearUploadQueue(index);
-
     if (onBeforeDelete && onBeforeDelete(file, fileList)) {
       fileList.splice(index, 1);
       onRemove && onRemove(file, fileList);
@@ -488,32 +404,25 @@ var InternalUploader = function InternalUploader(props, ref) {
       console.log(locale.uploader.deleteWord);
     }
   };
-
   var onChangeFn = function onChangeFn(res) {
     // 返回选定照片的本地文件路径列表，tempFilePath可以作为img标签的src属性显示图片
     var tempFiles = res.tempFiles;
-
     if (onBeforeUpload) {
       onBeforeUpload(tempFiles).then(function (f) {
         var _files = filterFiles(f);
-
         readFile(_files);
       });
     } else {
       var _files = filterFiles(tempFiles);
-
       readFile(_files);
     }
-
     onChange && onChange({
       fileList: fileList
     });
   };
-
   var handleItemClick = function handleItemClick(file) {
     onFileItemClick && onFileItemClick(file);
   };
-
   return React__default.createElement("div", _objectSpread({
     className: classes
   }, restProps), children && React__default.createElement("div", {
@@ -614,7 +523,6 @@ var InternalUploader = function InternalUploader(props, ref) {
     onClick: chooseImage
   })));
 };
-
 var Uploader = React__default.forwardRef(InternalUploader);
 Uploader.defaultProps = defaultProps;
 Uploader.displayName = 'NutUploader';

package/dist/esm/{useClientRect-8b7cc406.js → useClientRect-bf69d7b3.js}

@@ -1,6 +1,5 @@
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
-
 /**
   获取元素的大小及其相对于视口的位置，等价于 Element.getBoundingClientRect。
   width 宽度	number
@@ -10,40 +9,6 @@ import _regeneratorRuntime from "@babel/runtime/regenerator";
   right	右侧与视图窗口左上角的距离	number
   bottom	底部与视图窗口左上角的距离	number
  */
-function isWindow(val) {
-  return val === window;
-}
-
-var getRect = function getRect(elementRef) {
-  var element = elementRef;
-
-  if (isWindow(element)) {
-    var width = element.innerWidth;
-    var height = element.innerHeight;
-    return {
-      top: 0,
-      left: 0,
-      right: width,
-      bottom: height,
-      width: width,
-      height: height
-    };
-  }
-
-  if (element && element.getBoundingClientRect) {
-    return element.getBoundingClientRect();
-  }
-
-  return {
-    top: 0,
-    left: 0,
-    right: 0,
-    bottom: 0,
-    width: 0,
-    height: 0
-  };
-};
-
 var getRectByTaro = /*#__PURE__*/function () {
   var _ref = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(element) {
     var res;
@@ -53,11 +18,9 @@ var getRectByTaro = /*#__PURE__*/function () {
           case 0:
             _context.next = 2;
             return element.getBoundingClientRect();
-
           case 2:
             res = _context.sent;
             return _context.abrupt("return", res);
-
           case 4:
           case "end":
             return _context.stop();
@@ -65,10 +28,8 @@ var getRectByTaro = /*#__PURE__*/function () {
       }
     }, _callee);
   }));
-
   return function getRectByTaro(_x) {
     return _ref.apply(this, arguments);
   };
 }();
-
-export { getRect as a, getRectByTaro as g };
+export { getRectByTaro as g };