@nutui/nutui-react-taro 1.3.5 → 1.3.7

package/dist/esm/{searchbar.taro-f134fb96.js → searchbar.taro-0d3c0081.js}

@@ -1,16 +1,13 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-
 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 { c as cn } from './bem-893ad28d.js';
 import { u as useConfig } from './configprovider.taro-6c7b3056.js';
 import { I as Icon } from './icon.taro-1d0d4fb7.js';
 import { C as ComponentDefaults } from './typings-1c5f2628.js';
-
+import Taro from '@tarojs/taro';
 var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
   placeholder: '',
   shape: 'square',
@@ -26,71 +23,62 @@ var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
     size: "12"
   })
 });
-
 var SearchBar = function SearchBar(props) {
   var searchbarBem = cn('searchbar');
-
   var _useConfig = useConfig(),
-      locale = _useConfig.locale;
-
+    locale = _useConfig.locale;
   var searchRef = useRef(null);
-
   var _useState = useState(function () {
-    return props.value;
-  }),
-      _useState2 = _slicedToArray(_useState, 2),
-      value = _useState2[0],
-      setValue = _useState2[1];
-
+      return props.value;
+    }),
+    _useState2 = _slicedToArray(_useState, 2),
+    value = _useState2[0],
+    setValue = _useState2[1];
   var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
-      placeholder = _defaultProps$props.placeholder,
-      shape = _defaultProps$props.shape,
-      className = _defaultProps$props.className,
-      disabled = _defaultProps$props.disabled,
-      maxLength = _defaultProps$props.maxLength,
-      clearable = _defaultProps$props.clearable,
-      align = _defaultProps$props.align,
-      readOnly = _defaultProps$props.readOnly,
-      autoFocus = _defaultProps$props.autoFocus,
-      label = _defaultProps$props.label,
-      actionText = _defaultProps$props.actionText,
-      leftinIcon = _defaultProps$props.leftinIcon,
-      rightinIcon = _defaultProps$props.rightinIcon,
-      leftoutIcon = _defaultProps$props.leftoutIcon,
-      rightoutIcon = _defaultProps$props.rightoutIcon,
-      onChange = _defaultProps$props.onChange,
-      onFocus = _defaultProps$props.onFocus,
-      onBlur = _defaultProps$props.onBlur,
-      onClear = _defaultProps$props.onClear,
-      onSearch = _defaultProps$props.onSearch,
-      onClickInput = _defaultProps$props.onClickInput,
-      onClickLeftinIcon = _defaultProps$props.onClickLeftinIcon,
-      onClickLeftoutIcon = _defaultProps$props.onClickLeftoutIcon,
-      onClickRightinIcon = _defaultProps$props.onClickRightinIcon,
-      onClickRightoutIcon = _defaultProps$props.onClickRightoutIcon,
-      iconClassPrefix = _defaultProps$props.iconClassPrefix,
-      iconFontClassName = _defaultProps$props.iconFontClassName;
-
+    placeholder = _defaultProps$props.placeholder,
+    shape = _defaultProps$props.shape,
+    className = _defaultProps$props.className,
+    disabled = _defaultProps$props.disabled,
+    maxLength = _defaultProps$props.maxLength,
+    clearable = _defaultProps$props.clearable,
+    align = _defaultProps$props.align,
+    readOnly = _defaultProps$props.readOnly,
+    autoFocus = _defaultProps$props.autoFocus,
+    label = _defaultProps$props.label,
+    actionText = _defaultProps$props.actionText,
+    leftinIcon = _defaultProps$props.leftinIcon,
+    rightinIcon = _defaultProps$props.rightinIcon,
+    leftoutIcon = _defaultProps$props.leftoutIcon,
+    rightoutIcon = _defaultProps$props.rightoutIcon,
+    onChange = _defaultProps$props.onChange,
+    onFocus = _defaultProps$props.onFocus,
+    onBlur = _defaultProps$props.onBlur,
+    onClear = _defaultProps$props.onClear,
+    onCancel = _defaultProps$props.onCancel,
+    onSearch = _defaultProps$props.onSearch,
+    onClickInput = _defaultProps$props.onClickInput,
+    onClickLeftinIcon = _defaultProps$props.onClickLeftinIcon,
+    onClickLeftoutIcon = _defaultProps$props.onClickLeftoutIcon,
+    onClickRightinIcon = _defaultProps$props.onClickRightinIcon,
+    onClickRightoutIcon = _defaultProps$props.onClickRightoutIcon,
+    iconClassPrefix = _defaultProps$props.iconClassPrefix,
+    iconFontClassName = _defaultProps$props.iconFontClassName;
   var alignClass = "".concat(align);
-
   var change = function change(event) {
     var value = event.target.value;
     onChange && (onChange === null || onChange === void 0 ? void 0 : onChange(value, event));
     setValue(value);
   };
-
   var focus = function focus(event) {
     var value = event.target.value;
     onFocus && (onFocus === null || onFocus === void 0 ? void 0 : onFocus(value, event));
   };
-
   var blur = function blur(event) {
     var searchSelf = searchRef.current;
     searchSelf && searchSelf.blur();
     var value = event.target.value;
     onBlur && (onBlur === null || onBlur === void 0 ? void 0 : onBlur(value, event));
   };
-
   useEffect(function () {
     setValue(props.value);
   }, [props.value]);
@@ -100,7 +88,6 @@ var SearchBar = function SearchBar(props) {
       searchSelf && searchSelf.focus();
     }
   }, [autoFocus]);
-
   var renderField = function renderField() {
     return React__default.createElement("input", {
       className: "".concat(searchbarBem('input'), "  ").concat(searchbarBem(alignClass), " ").concat(shape === 'round' ? searchbarBem('round') : '', " ").concat(clearable ? searchbarBem('input-clear') : ''),
@@ -113,6 +100,7 @@ var SearchBar = function SearchBar(props) {
       disabled: disabled,
       readOnly: readOnly,
       maxLength: maxLength,
+      onKeyPress: onKeypress,
       onChange: function onChange(e) {
         return change(e);
       },
@@ -127,11 +115,9 @@ var SearchBar = function SearchBar(props) {
       }
     });
   };
-
   var clickInput = function clickInput(e) {
     onClickInput && onClickInput(e);
   };
-
   var renderLeftinIcon = function renderLeftinIcon() {
     if (!leftinIcon) return null;
     return React__default.createElement("div", {
@@ -141,7 +127,6 @@ var SearchBar = function SearchBar(props) {
       }
     }, leftinIcon);
   };
-
   var renderLeftoutIcon = function renderLeftoutIcon() {
     if (!leftoutIcon) return null;
     return React__default.createElement("div", {
@@ -151,7 +136,6 @@ var SearchBar = function SearchBar(props) {
       }
     }, leftoutIcon);
   };
-
   var clickLeftIcon = function clickLeftIcon(flag, event) {
     if (flag === 'in-left') {
       onClickLeftinIcon && onClickLeftinIcon(value, event);
@@ -159,7 +143,6 @@ var SearchBar = function SearchBar(props) {
       onClickLeftoutIcon && onClickLeftoutIcon(value, event);
     }
   };
-
   var renderRightinIcon = function renderRightinIcon() {
     if (!rightinIcon) return null;
     return React__default.createElement("div", {
@@ -169,7 +152,6 @@ var SearchBar = function SearchBar(props) {
       }
     }, rightinIcon);
   };
-
   var renderRightoutIcon = function renderRightoutIcon() {
     if (!rightoutIcon) return null;
     return React__default.createElement("div", {
@@ -179,7 +161,6 @@ var SearchBar = function SearchBar(props) {
       }
     }, rightoutIcon);
   };
-
   var clickRightIcon = function clickRightIcon(flag, event) {
     if (flag === 'in-left') {
       onClickRightinIcon && onClickRightinIcon(value, event);
@@ -187,7 +168,6 @@ var SearchBar = function SearchBar(props) {
       onClickRightoutIcon && onClickRightoutIcon(value, event);
     }
   };
-
   var handleClear = function handleClear() {
     return React__default.createElement("div", {
       className: "".concat(searchbarBem('clear'), " ").concat(rightinIcon ? 'pos-right' : ''),
@@ -202,51 +182,56 @@ var SearchBar = function SearchBar(props) {
       color: "#555"
     }));
   };
-
   var clearaVal = function clearaVal(event) {
     if (disabled || readOnly) {
       return;
     }
-
     setValue('');
     onClear && onClear(event);
   };
-
   var renderRightLabel = function renderRightLabel() {
     if (actionText) {
       return React__default.createElement("div", {
         className: searchbarBem('action-text'),
-        onClick: search
+        onClick: cancel
       }, actionText);
     }
-
     return null;
   };
-
-  var search = function search() {
-    onSearch && onSearch(value);
+  var onKeypress = function onKeypress(e) {
+    if (e.key === 'Enter') {
+      var event = e.nativeEvent;
+      if (typeof event.cancelable !== 'boolean' || event.cancelable) {
+        event.preventDefault();
+      }
+      onSearch && onSearch(value);
+    }
+  };
+  var cancel = function cancel() {
+    onCancel && onCancel();
   };
-
   var renderLabel = function renderLabel() {
     if (label) {
       return React__default.createElement("div", {
         className: searchbarBem('label')
       }, label);
     }
-
     return null;
   };
-
+  var envClass = function envClass() {
+    return Taro.getEnv() === 'WEB' ? 'nut-searchbar-taro' : '';
+  };
   return React__default.createElement("div", {
-    className: "".concat(searchbarBem(), " ").concat(disabled ? searchbarBem('disabled') : '', "  ").concat(className || ''),
+    className: "".concat(searchbarBem(), " ").concat(envClass(), " ").concat(disabled ? searchbarBem('disabled') : '', "  ").concat(className || ''),
     style: _objectSpread(_objectSpread({}, props.style), {}, {
       background: props.background
     })
   }, renderLeftoutIcon(), renderLabel(), React__default.createElement("div", {
     className: "".concat(searchbarBem('content'))
-  }, renderLeftinIcon(), renderField(), renderRightinIcon(), clearable && value && handleClear()), renderRightoutIcon(), renderRightLabel());
+  }, renderLeftinIcon(), React__default.createElement("div", {
+    className: "nut-searchbar__input-box"
+  }, renderField()), renderRightinIcon(), clearable && value && handleClear()), renderRightoutIcon(), renderRightLabel());
 };
-
 SearchBar.defaultProps = defaultProps;
 SearchBar.displayName = 'NutSearchBar';
 export { SearchBar as S };

package/dist/esm/shortpassword.taro-2e96ca22.js

@@ -3,18 +3,14 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 var _excluded = ["title", "desc", "tips", "visible", "modelValue", "errorMsg", "noButton", "closeOnClickOverlay", "length", "style", "className", "onChange", "onOk", "onTips", "onCancel", "onClose", "onComplete", "iconClassPrefix", "iconFontClassName"];
-
 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 { c as cn } from './bem-893ad28d.js';
 import { P as Popup } from './popup.taro-33d0bbc8.js';
 import { I as Icon } from './icon.taro-1d0d4fb7.js';
 import { u as useConfig } from './configprovider.taro-6c7b3056.js';
 import { C as ComponentDefaults } from './typings-1c5f2628.js';
-
 var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
   title: '',
   desc: '',
@@ -33,54 +29,46 @@ var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
   onTips: function onTips() {},
   onComplete: function onComplete(value) {}
 });
-
 var ShortPassword = function ShortPassword(props) {
   var _useConfig = useConfig(),
-      locale = _useConfig.locale;
-
+    locale = _useConfig.locale;
   var title = props.title,
-      desc = props.desc,
-      tips = props.tips,
-      visible = props.visible,
-      modelValue = props.modelValue,
-      errorMsg = props.errorMsg,
-      noButton = props.noButton,
-      closeOnClickOverlay = props.closeOnClickOverlay,
-      length = props.length,
-      style = props.style,
-      className = props.className,
-      onChange = props.onChange,
-      onOk = props.onOk,
-      onTips = props.onTips,
-      onCancel = props.onCancel,
-      onClose = props.onClose,
-      onComplete = props.onComplete,
-      iconClassPrefix = props.iconClassPrefix,
-      iconFontClassName = props.iconFontClassName,
-      reset = _objectWithoutProperties(props, _excluded);
-
+    desc = props.desc,
+    tips = props.tips,
+    visible = props.visible,
+    modelValue = props.modelValue,
+    errorMsg = props.errorMsg,
+    noButton = props.noButton,
+    closeOnClickOverlay = props.closeOnClickOverlay,
+    length = props.length,
+    style = props.style,
+    className = props.className,
+    onChange = props.onChange,
+    onOk = props.onOk,
+    onTips = props.onTips,
+    onCancel = props.onCancel,
+    onClose = props.onClose,
+    onComplete = props.onComplete,
+    iconClassPrefix = props.iconClassPrefix,
+    iconFontClassName = props.iconFontClassName,
+    reset = _objectWithoutProperties(props, _excluded);
   var b = cn('shortpassword');
   var textInput = useRef(null);
-
   var range = function range(val) {
     return Math.min(Math.max(4, val), 6);
   };
-
   var _useState = useState(visible),
-      _useState2 = _slicedToArray(_useState, 2),
-      innerVisible = _useState2[0],
-      setInnerVisible = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    innerVisible = _useState2[0],
+    setInnerVisible = _useState2[1];
   var _useState3 = useState(range(Number(length))),
-      _useState4 = _slicedToArray(_useState3, 2),
-      comLen = _useState4[0],
-      setComLen = _useState4[1];
-
+    _useState4 = _slicedToArray(_useState3, 2),
+    comLen = _useState4[0],
+    setComLen = _useState4[1];
   var _useState5 = useState(''),
-      _useState6 = _slicedToArray(_useState5, 2),
-      inputValue = _useState6[0],
-      setInputValue = _useState6[1];
-
+    _useState6 = _slicedToArray(_useState5, 2),
+    inputValue = _useState6[0],
+    setInputValue = _useState6[1];
   useEffect(function () {
     setInnerVisible(visible);
   }, [visible]);
@@ -89,58 +77,44 @@ var ShortPassword = function ShortPassword(props) {
       setInputValue(modelValue);
     }
   }, [modelValue]);
-
   var changeValue = function changeValue(e) {
     var inputValue = e.target.value;
-
     if (String(inputValue).length > comLen) {
       inputValue = inputValue.slice(0, comLen);
     }
-
     setInputValue(inputValue);
-
     if (String(inputValue).length === comLen) {
       onComplete && onComplete(inputValue);
     }
-
     onChange && onChange(inputValue);
   };
-
   var systemStyle = function systemStyle() {
     var u = navigator.userAgent;
     var isAndroid = u.indexOf('Android') > -1 || u.indexOf('Linux') > -1; // g
-
     var isIOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); // ios终端
-
     var style = {};
     console.log(isIOS, isAndroid);
-
     if (isIOS) {
       style = {
         paddingRight: '1200px'
       };
     }
-
     if (isAndroid) {
       style = {
         opacity: 0,
         zIndex: 10
       };
     }
-
     return style;
   };
-
   var focus = function focus() {
     if (textInput.current) {
       textInput.current.focus();
     }
   };
-
   var sure = function sure() {
     onOk && onOk(inputValue);
   };
-
   return React__default.createElement("div", null, React__default.createElement(Popup, {
     style: {
       padding: '32px 24px 28px 24px',
@@ -211,7 +185,6 @@ var ShortPassword = function ShortPassword(props) {
     }
   }, locale.confirm)) : null)));
 };
-
 ShortPassword.defaultProps = defaultProps;
 ShortPassword.displayName = 'NutShortPassword';
 export { ShortPassword as S };

package/dist/esm/sidenavbar.taro-87f056cd.js

@@ -1,11 +1,8 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["title", "visible", "width", "position", "children", "className", "showhead", "handleClose"];
-
 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 from 'react';
 import { u as useConfig } from './configprovider.taro-6c7b3056.js';
 import { P as Popup } from './popup.taro-33d0bbc8.js';
@@ -15,21 +12,18 @@ var defaultProps = {
   position: 'left',
   width: '80%'
 };
-
 var SideNavBar = function SideNavBar(props) {
   useConfig();
-
   var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
-      title = _defaultProps$props.title,
-      visible = _defaultProps$props.visible,
-      width = _defaultProps$props.width,
-      position = _defaultProps$props.position,
-      children = _defaultProps$props.children,
-      className = _defaultProps$props.className,
-      showhead = _defaultProps$props.showhead,
-      handleClose = _defaultProps$props.handleClose,
-      rest = _objectWithoutProperties(_defaultProps$props, _excluded);
-
+    title = _defaultProps$props.title,
+    visible = _defaultProps$props.visible,
+    width = _defaultProps$props.width,
+    position = _defaultProps$props.position,
+    children = _defaultProps$props.children,
+    className = _defaultProps$props.className,
+    showhead = _defaultProps$props.showhead,
+    handleClose = _defaultProps$props.handleClose,
+    rest = _objectWithoutProperties(_defaultProps$props, _excluded);
   var offset = props.offset ? Number(props.offset) : 20;
   return React__default.createElement(Popup, {
     visible: visible,
@@ -59,7 +53,6 @@ var SideNavBar = function SideNavBar(props) {
     className: "nut-sidenavbar__content"
   }, children))))));
 };
-
 SideNavBar.defaultProps = defaultProps;
 SideNavBar.displayName = 'NutSideNavBar';
 export { SideNavBar as S };

package/dist/esm/sidenavbaritem.taro-77e077f4.js

@@ -1,20 +1,15 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["title", "ikey", "children", "click"];
-
 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 from 'react';
-
 var SideNavBarItem = function SideNavBarItem(props) {
   var title = props.title,
-      ikey = props.ikey,
-      children = props.children,
-      click = props.click,
-      rest = _objectWithoutProperties(props, _excluded);
-
+    ikey = props.ikey,
+    children = props.children,
+    click = props.click,
+    rest = _objectWithoutProperties(props, _excluded);
   var clickFn = function clickFn(e) {
     e.stopPropagation();
     click && click({
@@ -22,11 +17,9 @@ var SideNavBarItem = function SideNavBarItem(props) {
       ikey: ikey
     });
   };
-
   return React__default.createElement("div", _objectSpread({
     className: "nut-subsidenavbar__item border-bt",
     onClick: clickFn
   }, rest), title);
 };
-
 export { SideNavBarItem as S };

package/dist/esm/signature.taro-59b3b3ab.js

@@ -0,0 +1,146 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["canvasId", "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 } from 'react';
+import Taro, { useReady } from '@tarojs/taro';
+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 = {
+  canvasId: 'weappCanvas',
+  type: 'png',
+  lineWidth: 2,
+  strokeStyle: '#000',
+  className: ''
+};
+var Signature = function Signature(props) {
+  var _useConfig = useConfig(),
+    locale = _useConfig.locale;
+  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
+    canvasId = _defaultProps$props.canvasId,
+    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');
+  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 startEventHandler = function startEventHandler(event) {
+    event.preventDefault();
+    if (ctx.current) {
+      ctx.current.beginPath();
+      ctx.current.lineWidth = lineWidth;
+      ctx.current.strokeStyle = strokeStyle;
+    }
+  };
+  var moveEventHandler = function moveEventHandler(event) {
+    event.preventDefault();
+    if (ctx.current) {
+      ctx.current.lineTo(event.changedTouches[0].x, event.changedTouches[0].y);
+      ctx.current.stroke();
+    }
+  };
+  var endEventHandler = function endEventHandler(event) {
+    event.preventDefault();
+  };
+  var clear = function clear() {
+    if (ctx.current) {
+      ctx.current.clearRect(0, 0, canvasWidth, canvasHeight);
+      ctx.current.closePath();
+    }
+    props.clear && props.clear();
+  };
+  var confirm = function confirm() {
+    onSave();
+  };
+  var onSave = function onSave() {
+    Taro.createSelectorQuery().select("#".concat(canvasId)).fields({
+      node: true,
+      size: true
+    }).exec(function (res) {
+      Taro.canvasToTempFilePath({
+        canvas: res[0].node,
+        fileType: props.type,
+        success: function success(res) {
+          clear();
+          props.confirm && props.confirm(res.tempFilePath);
+        },
+        fail: function fail(res) {
+          console.log('保存失败');
+        }
+      });
+    });
+  };
+  useReady(function () {
+    initCanvas();
+  });
+  //   useEffect(() => {
+  //     eventCenter.once((getCurrentInstanceTaro() as any).router.onReady, () => {
+  var initCanvas = function initCanvas() {
+    Taro.createSelectorQuery().select("#".concat(canvasId)).fields({
+      node: true,
+      size: true
+    }, function (res) {
+      var canvas = res.node;
+      canvas.current = canvas;
+      ctx.current = canvas.getContext('2d');
+      setCanvasWidth(res.width);
+      setCanvasHeight(res.height);
+      if (ctx.current) {
+        ctx.current.clearRect(0, 0, canvasWidth, canvasHeight);
+        ctx.current.beginPath();
+        ctx.current.lineWidth = lineWidth;
+        ctx.current.strokeStyle = strokeStyle;
+      }
+    }).exec();
+  };
+  //     })
+  //   }, [])
+  return React__default.createElement("div", _objectSpread({
+    className: "".concat(b(), " ").concat(className)
+  }, rest), React__default.createElement("div", {
+    className: "".concat(b('inner')),
+    ref: wrapRef
+  }, React__default.createElement("canvas", {
+    id: canvasId,
+    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+    // @ts-ignore
+    // eslint-disable-next-line react/no-unknown-property
+    canvasId: canvasId,
+    // eslint-disable-next-line react/no-unknown-property
+    disableScroll: true,
+    type: "2d",
+    onTouchStart: startEventHandler,
+    onTouchMove: moveEventHandler,
+    onTouchEnd: endEventHandler
+  })), 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 };