@nutui/nutui-react-taro 1.3.5 → 1.3.7

package/dist/style.es.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react-taro v1.3.5 Wed Sep 28 2022 14:39:33 GMT+0800 (China Standard Time)
+* @nutui/nutui-react-taro v1.3.7 Wed Oct 19 2022 16:59:38 GMT+0800 (中国标准时间)
 * (c) 2021 @jdf2e.
 * Released under the MIT License.
 */

package/dist/types/index.d.ts

@@ -863,7 +863,7 @@ declare class UploadOptions {
     beforeXhrUpload?: Function;
 }
 
-declare type FileType<T> = {
+declare type FileType$1<T> = {
     [key: string]: T;
 };
 declare type FileItemStatus = 'ready' | 'uploading' | 'success' | 'error' | 'removed';
@@ -892,7 +892,7 @@ interface UploaderProps extends IComponent {
     sizeType: (keyof sizeType)[];
     sourceType: (keyof sourceType)[];
     maximize: number;
-    defaultFileList: FileType<string>[];
+    defaultFileList: FileType$1<string>[];
     listType: string;
     uploadIcon: string;
     uploadIconSize: string | number;
@@ -910,7 +910,7 @@ interface UploaderProps extends IComponent {
     defaultImg: string;
     style: React$1.CSSProperties;
     onStart?: (option: UploadOptions) => void;
-    onRemove?: (file: FileItem, fileList: FileType<string>[]) => void;
+    onRemove?: (file: FileItem, fileList: FileType$1<string>[]) => void;
     onSuccess?: (param: {
         responseText: XMLHttpRequest['responseText'];
         option: UploadOptions;
@@ -924,14 +924,14 @@ interface UploaderProps extends IComponent {
         responseText: XMLHttpRequest['responseText'];
         option: UploadOptions;
     }) => void;
-    onUpdate?: (fileList: FileType<string>[]) => void;
+    onUpdate?: (fileList: FileType$1<string>[]) => void;
     onOversize?: (file: Taro.chooseImage.ImageFile[]) => void;
     onChange?: (param: {
-        fileList: FileType<string>[];
+        fileList: FileType$1<string>[];
     }) => void;
     onBeforeUpload?: (file: Taro.chooseImage.ImageFile[]) => Promise<any[]>;
     onBeforeXhrUpload?: (xhr: XMLHttpRequest, options: any) => void;
-    onBeforeDelete?: (file: FileItem, files: FileType<string>[]) => boolean;
+    onBeforeDelete?: (file: FileItem, files: FileType$1<string>[]) => boolean;
     onFileItemClick?: (file: FileItem) => void;
 }
 declare class FileItem {
@@ -1033,6 +1033,8 @@ interface SearchBarProps extends IComponent {
     onBlur?: (value: string, event: Event) => void;
     /** 点击清除按钮后触发	 */
     onClear?: (event: Event) => void;
+    /** 点击取消按钮后触发	 */
+    onCancel?: () => void;
     /** 点击输入区域时触发	 */
     onClickInput?: (event: Event) => void;
     /** 点击输入框内左侧图标时触发	 */
@@ -1780,13 +1782,20 @@ interface BarrageProps {
 }
 declare const Barrage: React$1.ForwardRefExoticComponent<Partial<BarrageProps> & React$1.RefAttributes<unknown>>;
 
+interface FileType {
+    /** jpg 图片 */
+    jpg: any;
+    /** png 图片 */
+    png: any;
+}
 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;
 }
 declare const Signature: FunctionComponent<Partial<SignatureProps> & React$1.HTMLAttributes<HTMLDivElement>>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nutui/nutui-react-taro",
-  "version": "1.3.5",
+  "version": "1.3.7",
   "style": "dist/style.css",
   "main": "dist/nutui.react.umd.js",
   "module": "dist/esm/nutui-react.es.js",

package/dist/esm/drag.taro-56e8c87a.js

@@ -1,134 +0,0 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["attract", "direction", "boundary", "children", "className", "style"];
-
-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, useRef, useEffect } from 'react';
-import { useDrag } from '@use-gesture/react';
-import { useSpring, animated } from '@react-spring/web';
-import { c as cn } from './bem-893ad28d.js';
-var defaultProps = {
-  attract: false,
-  direction: undefined,
-  boundary: {
-    top: 0,
-    left: 0,
-    right: 0,
-    bottom: 0
-  },
-  className: ''
-};
-
-var Drag = function Drag(props) {
-  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
-      attract = _defaultProps$props.attract,
-      direction = _defaultProps$props.direction,
-      boundary = _defaultProps$props.boundary,
-      children = _defaultProps$props.children,
-      className = _defaultProps$props.className,
-      style = _defaultProps$props.style,
-      reset = _objectWithoutProperties(_defaultProps$props, _excluded);
-
-  var b = cn('drag');
-
-  var _useState = useState(boundary),
-      _useState2 = _slicedToArray(_useState, 2),
-      boundaryState = _useState2[0],
-      setBoundaryState = _useState2[1];
-
-  var myDrag = useRef(null);
-
-  var _useSpring = useSpring(function () {
-    return {
-      x: 0,
-      y: 0
-    };
-  }),
-      _useSpring2 = _slicedToArray(_useSpring, 2),
-      currstyle = _useSpring2[0],
-      api = _useSpring2[1];
-
-  var middleLine = useRef(0);
-
-  var getInfo = function getInfo() {
-    var el = myDrag.current;
-
-    if (el) {
-      var offsetWidth = el.offsetWidth,
-          offsetHeight = el.offsetHeight,
-          offsetTop = el.offsetTop,
-          offsetLeft = el.offsetLeft;
-      var _document$documentEle = document.documentElement,
-          clientWidth = _document$documentEle.clientWidth,
-          clientHeight = _document$documentEle.clientHeight;
-      var top = boundary.top,
-          left = boundary.left,
-          bottom = boundary.bottom,
-          right = boundary.right;
-      setBoundaryState({
-        top: -offsetTop + top,
-        left: -offsetLeft + left,
-        bottom: clientHeight - offsetHeight - offsetTop - bottom,
-        right: clientWidth - offsetWidth - offsetLeft - right
-      });
-      middleLine.current = clientWidth - offsetWidth - offsetLeft - (clientWidth - offsetWidth) / 2;
-    }
-  };
-
-  var bind = useDrag(function (_ref) {
-    var down = _ref.down,
-        last = _ref.last,
-        _ref$offset = _slicedToArray(_ref.offset, 2),
-        x = _ref$offset[0],
-        y = _ref$offset[1];
-
-    api.start({
-      x: x,
-      y: y,
-      immediate: down
-    });
-
-    if (last) {
-      if (props.direction !== 'y' && props.attract) {
-        if (x < middleLine.current) {
-          api.start({
-            x: boundaryState.left,
-            y: y,
-            immediate: down
-          });
-        } else {
-          api.start({
-            x: boundaryState.right,
-            y: y,
-            immediate: down
-          });
-        }
-      }
-    }
-  }, {
-    from: function from() {
-      return [currstyle.x.get(), currstyle.y.get()];
-    },
-    axis: direction,
-    bounds: boundaryState
-  });
-  useEffect(function () {
-    getInfo();
-  }, [myDrag]);
-  return React__default.createElement("div", _objectSpread(_objectSpread({
-    style: style,
-    className: "".concat(b(), " ").concat(className)
-  }, reset), {}, {
-    ref: myDrag
-  }), React__default.createElement(animated.div, _objectSpread({
-    style: currstyle
-  }, bind()), children));
-};
-
-Drag.defaultProps = defaultProps;
-Drag.displayName = 'NutDrag';
-export { Drag as D };

package/dist/esm/signature.taro-a9286cd1.js

@@ -1,178 +0,0 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["type", "lineWidth", "strokeStyle", "unSupportTpl", "className"];
-
-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, useState, useEffect } from 'react';
-import { B as Button } from './button.taro-a9ebb937.js';
-import { c as cn } from './bem-893ad28d.js';
-import { u as useConfig } from './configprovider.taro-6c7b3056.js';
-var defaultProps = {
-  type: 'png',
-  lineWidth: 2,
-  strokeStyle: '#000',
-  unSupportTpl: '对不起，当前浏览器不支持Canvas，无法使用本控件！',
-  className: ''
-};
-
-var Signature = function Signature(props) {
-  var _useConfig = useConfig(),
-      locale = _useConfig.locale;
-
-  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
-      type = _defaultProps$props.type,
-      lineWidth = _defaultProps$props.lineWidth,
-      strokeStyle = _defaultProps$props.strokeStyle,
-      unSupportTpl = _defaultProps$props.unSupportTpl,
-      className = _defaultProps$props.className,
-      rest = _objectWithoutProperties(_defaultProps$props, _excluded);
-
-  var b = cn('signature');
-  var canvasRef = useRef(null);
-  var wrapRef = useRef(null);
-
-  var _useState = useState(0),
-      _useState2 = _slicedToArray(_useState, 2),
-      canvasHeight = _useState2[0],
-      setCanvasHeight = _useState2[1];
-
-  var _useState3 = useState(0),
-      _useState4 = _slicedToArray(_useState3, 2),
-      canvasWidth = _useState4[0],
-      setCanvasWidth = _useState4[1];
-
-  var ctx = useRef(null);
-
-  var isCanvasSupported = function isCanvasSupported() {
-    var elem = document.createElement('canvas');
-    return !!(elem.getContext && elem.getContext('2d'));
-  };
-
-  var isSupportTouch = ('ontouchstart' in window);
-  var events = isSupportTouch ? ['touchstart', 'touchmove', 'touchend', 'touchleave'] : ['mousedown', 'mousemove', 'mouseup', 'mouseleave'];
-  useEffect(function () {
-    if (isCanvasSupported() && canvasRef.current && wrapRef.current) {
-      ctx.current = canvasRef.current.getContext('2d');
-      setCanvasWidth(wrapRef.current.offsetWidth);
-      setCanvasHeight(wrapRef.current.offsetHeight);
-      addEvent();
-    }
-  }, []);
-
-  var startEventHandler = function startEventHandler(event) {
-    event.preventDefault();
-
-    if (ctx.current && canvasRef.current) {
-      ctx.current.beginPath();
-      ctx.current.lineWidth = lineWidth;
-      ctx.current.strokeStyle = strokeStyle;
-      canvasRef.current.addEventListener(events[1], moveEventHandler, false);
-      canvasRef.current.addEventListener(events[2], endEventHandler, false);
-      canvasRef.current.addEventListener(events[3], leaveEventHandler, false);
-    }
-  };
-
-  var addEvent = function addEvent() {
-    if (canvasRef.current) {
-      canvasRef.current.addEventListener(events[0], startEventHandler, false);
-    }
-  };
-
-  var moveEventHandler = function moveEventHandler(event) {
-    event.preventDefault();
-    var evt = isSupportTouch ? event.touches[0] : event;
-
-    if (canvasRef.current && ctx.current) {
-      var coverPos = canvasRef.current.getBoundingClientRect();
-      var mouseX = evt.clientX - coverPos.left;
-      var mouseY = evt.clientY - coverPos.top;
-      ctx.current.lineTo(mouseX, mouseY);
-      ctx.current.stroke();
-    }
-  };
-
-  var endEventHandler = function endEventHandler(event) {
-    event.preventDefault();
-
-    if (canvasRef.current) {
-      canvasRef.current.removeEventListener(events[1], moveEventHandler, false);
-      canvasRef.current.removeEventListener(events[2], endEventHandler, false);
-    }
-  };
-
-  var leaveEventHandler = function leaveEventHandler(event) {
-    event.preventDefault();
-
-    if (canvasRef.current) {
-      canvasRef.current.removeEventListener(events[1], moveEventHandler, false);
-      canvasRef.current.removeEventListener(events[2], endEventHandler, false);
-    }
-  };
-
-  var clear = function clear() {
-    if (canvasRef.current && ctx.current) {
-      canvasRef.current.addEventListener(events[2], endEventHandler, false);
-      ctx.current.clearRect(0, 0, canvasWidth, canvasHeight);
-      ctx.current.closePath();
-    }
-
-    props.clear && props.clear();
-  };
-
-  var confirm = function confirm() {
-    onSave(canvasRef.current);
-  };
-
-  var onSave = function onSave(canvas) {
-    var dataurl;
-
-    switch (type) {
-      case 'png':
-        dataurl = canvas.toDataURL('image/png');
-        break;
-
-      case 'jpg':
-        dataurl = canvas.toDataURL('image/jpeg', 0.8);
-        break;
-
-      default:
-        dataurl = canvas.toDataURL('image/png');
-    }
-
-    clear();
-    props.confirm && props.confirm(canvas, dataurl);
-  };
-
-  return React__default.createElement("div", _objectSpread({
-    className: "".concat(b(), " ").concat(className)
-  }, rest), React__default.createElement("div", {
-    className: "".concat(b('inner')),
-    ref: wrapRef
-  }, isCanvasSupported() ? React__default.createElement("canvas", {
-    ref: canvasRef,
-    height: canvasHeight,
-    width: canvasWidth
-  }) : React__default.createElement("p", {
-    className: "".concat(b('unsopport'))
-  }, locale.signature.unSupportTpl || unSupportTpl)), React__default.createElement(Button, {
-    className: "".concat(b('btn')),
-    type: "default",
-    onClick: function onClick() {
-      return clear();
-    }
-  }, locale.signature.reSign), React__default.createElement(Button, {
-    className: "".concat(b('btn')),
-    type: "primary",
-    onClick: function onClick() {
-      return confirm();
-    }
-  }, locale.confirm));
-};
-
-Signature.defaultProps = defaultProps;
-Signature.displayName = 'NutSignature';
-export { Signature as S };