@nutui/nutui-react-taro 1.3.11 → 1.3.12-beta.0

package/dist/esm/searchbar.taro-0d3c0081.js

@@ -1,237 +0,0 @@
-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',
-  disabled: false,
-  maxLength: 9999,
-  clearable: true,
-  align: 'left',
-  readonly: true,
-  autoFocus: false,
-  label: '',
-  leftinIcon: React__default.createElement(Icon, {
-    name: "search",
-    size: "12"
-  })
-});
-var SearchBar = function SearchBar(props) {
-  var searchbarBem = cn('searchbar');
-  var _useConfig = useConfig(),
-    locale = _useConfig.locale;
-  var searchRef = useRef(null);
-  var _useState = useState(function () {
-      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,
-    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]);
-  useEffect(function () {
-    if (autoFocus) {
-      var searchSelf = searchRef.current;
-      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') : ''),
-      ref: searchRef,
-      style: _objectSpread(_objectSpread({}, props.style), {}, {
-        background: props.inputBackground
-      }),
-      value: value || '',
-      placeholder: placeholder || locale.placeholder,
-      disabled: disabled,
-      readOnly: readOnly,
-      maxLength: maxLength,
-      onKeyPress: onKeypress,
-      onChange: function onChange(e) {
-        return change(e);
-      },
-      onFocus: function onFocus(e) {
-        return focus(e);
-      },
-      onBlur: function onBlur(e) {
-        return blur(e);
-      },
-      onClick: function onClick(e) {
-        return clickInput(e);
-      }
-    });
-  };
-  var clickInput = function clickInput(e) {
-    onClickInput && onClickInput(e);
-  };
-  var renderLeftinIcon = function renderLeftinIcon() {
-    if (!leftinIcon) return null;
-    return React__default.createElement("div", {
-      className: "".concat(searchbarBem('leftin-icon'), " ").concat(searchbarBem('icon')),
-      onClick: function onClick(e) {
-        return clickLeftIcon('in-left', e);
-      }
-    }, leftinIcon);
-  };
-  var renderLeftoutIcon = function renderLeftoutIcon() {
-    if (!leftoutIcon) return null;
-    return React__default.createElement("div", {
-      className: "".concat(searchbarBem('leftout-icon')),
-      onClick: function onClick(e) {
-        return clickLeftIcon('out-left', e);
-      }
-    }, leftoutIcon);
-  };
-  var clickLeftIcon = function clickLeftIcon(flag, event) {
-    if (flag === 'in-left') {
-      onClickLeftinIcon && onClickLeftinIcon(value, event);
-    } else {
-      onClickLeftoutIcon && onClickLeftoutIcon(value, event);
-    }
-  };
-  var renderRightinIcon = function renderRightinIcon() {
-    if (!rightinIcon) return null;
-    return React__default.createElement("div", {
-      className: "".concat(searchbarBem('rightin-icon'), " ").concat(searchbarBem('icon')),
-      onClick: function onClick(e) {
-        return clickRightIcon('in-right', e);
-      }
-    }, rightinIcon);
-  };
-  var renderRightoutIcon = function renderRightoutIcon() {
-    if (!rightoutIcon) return null;
-    return React__default.createElement("div", {
-      className: "".concat(searchbarBem('rightout-icon')),
-      onClick: function onClick(e) {
-        return clickRightIcon('out-right', e);
-      }
-    }, rightoutIcon);
-  };
-  var clickRightIcon = function clickRightIcon(flag, event) {
-    if (flag === 'in-left') {
-      onClickRightinIcon && onClickRightinIcon(value, event);
-    } else {
-      onClickRightoutIcon && onClickRightoutIcon(value, event);
-    }
-  };
-  var handleClear = function handleClear() {
-    return React__default.createElement("div", {
-      className: "".concat(searchbarBem('clear'), " ").concat(rightinIcon ? 'pos-right' : ''),
-      onClick: function onClick(e) {
-        return clearaVal(e);
-      }
-    }, React__default.createElement(Icon, {
-      classPrefix: iconClassPrefix,
-      fontClassName: iconFontClassName,
-      name: "circle-close",
-      size: "12",
-      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: cancel
-      }, actionText);
-    }
-    return null;
-  };
-  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(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(), 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

@@ -1,190 +0,0 @@
-import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
-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: '',
-  tips: '',
-  visible: false,
-  modelValue: '',
-  errorMsg: '',
-  noButton: true,
-  closeOnClickOverlay: true,
-  length: 6,
-  className: '',
-  onChange: function onChange(value) {},
-  onOk: function onOk(value) {},
-  onCancel: function onCancel() {},
-  onClose: function onClose() {},
-  onTips: function onTips() {},
-  onComplete: function onComplete(value) {}
-});
-var ShortPassword = function ShortPassword(props) {
-  var _useConfig = useConfig(),
-    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);
-  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];
-  var _useState3 = useState(range(Number(length))),
-    _useState4 = _slicedToArray(_useState3, 2),
-    comLen = _useState4[0],
-    setComLen = _useState4[1];
-  var _useState5 = useState(''),
-    _useState6 = _slicedToArray(_useState5, 2),
-    inputValue = _useState6[0],
-    setInputValue = _useState6[1];
-  useEffect(function () {
-    setInnerVisible(visible);
-  }, [visible]);
-  useEffect(function () {
-    if (typeof modelValue !== 'undefined') {
-      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',
-      borderRadius: '12px',
-      textAlign: 'center'
-    },
-    visible: innerVisible,
-    closeable: true,
-    "close-on-click-overlay": closeOnClickOverlay,
-    onClickOverlay: onClose,
-    onClickCloseIcon: onClose
-  }, React__default.createElement("div", _objectSpread({
-    className: "".concat(b(), " ").concat(className),
-    style: _objectSpread({}, style)
-  }, reset), React__default.createElement("div", {
-    className: b('title')
-  }, title || locale.shortpassword.title), React__default.createElement("div", {
-    className: b('subtitle')
-  }, desc || locale.shortpassword.desc), React__default.createElement("div", {
-    className: b('input')
-  }, React__default.createElement("input", {
-    ref: textInput,
-    className: b('input-real'),
-    type: "number",
-    style: systemStyle(),
-    maxLength: 6,
-    value: inputValue,
-    onChange: function onChange(e) {
-      return changeValue(e);
-    }
-  }), React__default.createElement("div", {
-    className: b('input-site')
-  }), React__default.createElement("div", {
-    className: b('input-fake'),
-    onClick: function onClick() {
-      return focus();
-    }
-  }, _toConsumableArray(new Array(comLen).keys()).map(function (item, index) {
-    return React__default.createElement("div", {
-      className: b('input-fake__li'),
-      key: index
-    }, String(inputValue).length > index ? React__default.createElement("div", {
-      className: b('input-fake__li__icon')
-    }) : null);
-  }))), React__default.createElement("div", {
-    className: b('message')
-  }, React__default.createElement("div", {
-    className: b('message__error')
-  }, errorMsg), tips || locale.shortpassword.tips ? React__default.createElement("div", {
-    className: b('message__forget')
-  }, React__default.createElement(Icon, {
-    classPrefix: iconClassPrefix,
-    fontClassName: iconFontClassName,
-    className: "icon",
-    size: "11px",
-    name: "tips"
-  }), React__default.createElement("div", {
-    onClick: onTips
-  }, tips || locale.shortpassword.tips)) : null), !noButton ? React__default.createElement("div", {
-    className: b('footer')
-  }, React__default.createElement("div", {
-    className: b('footer__cancel'),
-    onClick: onCancel
-  }, locale.cancel), React__default.createElement("div", {
-    className: b('footer__sure'),
-    onClick: function onClick() {
-      return sure();
-    }
-  }, locale.confirm)) : null)));
-};
-ShortPassword.defaultProps = defaultProps;
-ShortPassword.displayName = 'NutShortPassword';
-export { ShortPassword as S };

package/dist/esm/sidenavbar.taro-4297f552.js

@@ -1,58 +0,0 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["title", "visible", "width", "position", "children", "className", "showhead", "onClose"];
-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';
-import { h as handleClick, O as OffsetContext } from './offsetContext-0e3d04b3.js';
-var defaultProps = {
-  showhead: false,
-  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,
-    onClose = _defaultProps$props.onClose,
-    rest = _objectWithoutProperties(_defaultProps$props, _excluded);
-  var offset = props.offset ? Number(props.offset) : 20;
-  return React__default.createElement(Popup, {
-    visible: visible,
-    style: {
-      width: width,
-      height: '100%'
-    },
-    position: position,
-    onClose: onClose
-  }, React__default.createElement("div", _objectSpread({
-    className: className ? "".concat(className, " nut-sidenavbar") : 'nut-sidenavbar'
-  }, rest), React__default.createElement("div", {
-    className: "nut-sidenavbar__content"
-  }, React__default.createElement("div", {
-    className: "nut-sidenavbar__list nutShow",
-    onClick: handleClick
-  }, React__default.createElement("div", {
-    className: "nut-sidenavbar__title border-bt ",
-    style: {
-      paddingLeft: "".concat(offset, "px")
-    }
-  }, title, " ", React__default.createElement("i", {
-    className: "arrow-icon arrow-down"
-  })), React__default.createElement(OffsetContext.Provider, {
-    value: offset
-  }, React__default.createElement("div", {
-    className: "nut-sidenavbar__content"
-  }, children))))));
-};
-SideNavBar.defaultProps = defaultProps;
-SideNavBar.displayName = 'NutSideNavBar';
-export { SideNavBar as S };

package/dist/esm/sidenavbaritem.taro-fee11d26.js

@@ -1,25 +0,0 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["title", "ikey", "children", "onClick"];
-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,
-    onClick = props.onClick,
-    rest = _objectWithoutProperties(props, _excluded);
-  var clickFn = function clickFn(e) {
-    e.stopPropagation();
-    onClick && onClick({
-      title: title,
-      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-6589435b.js

@@ -1,152 +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 = ["canvasId", "type", "lineWidth", "strokeStyle", "unSupportTpl", "className", "confirm", "clear", "onConfirm", "onClear"];
-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-4ce133b9.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,
-    confirm = _defaultProps$props.confirm,
-    clear = _defaultProps$props.clear,
-    onConfirm = _defaultProps$props.onConfirm,
-    onClear = _defaultProps$props.onClear,
-    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 handleClearBtn = function handleClearBtn() {
-    if (ctx.current) {
-      ctx.current.clearRect(0, 0, canvasWidth, canvasHeight);
-      ctx.current.closePath();
-    }
-    clear && clear();
-    onClear && onClear();
-  };
-  var handleConfirmBtn = function handleConfirmBtn() {
-    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) {
-          handleClearBtn();
-          confirm && confirm(res.tempFilePath);
-          onConfirm && onConfirm(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 handleClearBtn();
-    }
-  }, locale.signature.reSign), React__default.createElement(Button, {
-    className: "".concat(b('btn')),
-    type: "primary",
-    onClick: function onClick() {
-      return handleConfirmBtn();
-    }
-  }, locale.confirm));
-};
-Signature.defaultProps = defaultProps;
-Signature.displayName = 'NutSignature';
-export { Signature as S };