@nutui/nutui-react-taro 1.4.4 → 1.4.5

package/dist/esm/input.taro-104130c1.js

@@ -1,361 +0,0 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _excluded = ["children", "type", "name", "defaultValue", "placeholder", "label", "labelClass", "labelWidth", "labelAlign", "colon", "inputAlign", "center", "required", "disabled", "readonly", "error", "maxlength", "leftIcon", "leftIconSize", "rightIcon", "rightIconSize", "clearable", "clearIcon", "clearSize", "border", "formatTrigger", "rules", "errorMessage", "errorMessageAlign", "showWordLimit", "autofocus", "style", "className", "rows", "slotButton", "slotInput", "onChange", "onBlur", "onFocus", "onClear", "formatter", "keypress", "onClickInput", "onClickLeftIcon", "onClickRightIcon", "onClick", "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, { forwardRef, useState, useRef, useEffect, useImperativeHandle, useCallback } from 'react';
-import { I as Icon } from './icon.taro-1d0d4fb7.js';
-import { u as useConfig } from './configprovider.taro-8bdb3a28.js';
-import { C as ComponentDefaults } from './typings-1c5f2628.js';
-function trimExtraChar(value, _char, regExp) {
-  var index = value.indexOf(_char);
-  if (index === -1) {
-    return value;
-  }
-  if (_char === '-' && index !== 0) {
-    return value.slice(0, index);
-  }
-  return value.slice(0, index + 1) + value.slice(index).replace(regExp, '');
-}
-function formatNumber(value) {
-  var allowDot = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
-  var allowMinus = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
-  if (allowDot) {
-    value = trimExtraChar(value, '.', /\./g);
-  } else {
-    value = value.split('.')[0];
-  }
-  if (allowMinus) {
-    value = trimExtraChar(value, '-', /-/g);
-  } else {
-    value = value.replace(/-/, '');
-  }
-  var regExp = allowDot ? /[^-0-9.]/g : /[^-0-9]/g;
-  return value.replace(regExp, '');
-}
-var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
-  type: 'text',
-  name: '',
-  defaultValue: '',
-  placeholder: '',
-  label: '',
-  labelClass: '',
-  labelWidth: '80',
-  labelAlign: 'left',
-  colon: false,
-  inputAlign: 'left',
-  center: false,
-  required: false,
-  disabled: false,
-  readonly: false,
-  error: false,
-  maxlength: '9999',
-  leftIcon: '',
-  leftIconSize: '',
-  rightIcon: '',
-  rightIconSize: '',
-  clearable: false,
-  clearIcon: 'mask-close',
-  clearSize: '14',
-  border: true,
-  formatTrigger: 'onChange',
-  rules: [],
-  rows: null,
-  errorMessage: '',
-  errorMessageAlign: '',
-  showWordLimit: false,
-  autofocus: false,
-  slotButton: null,
-  slotInput: null
-});
-var Input = forwardRef(function (props, ref) {
-  var _useConfig = useConfig(),
-    locale = _useConfig.locale;
-  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
-    children = _defaultProps$props.children,
-    type = _defaultProps$props.type,
-    name = _defaultProps$props.name,
-    defaultValue = _defaultProps$props.defaultValue,
-    placeholder = _defaultProps$props.placeholder,
-    label = _defaultProps$props.label,
-    labelClass = _defaultProps$props.labelClass,
-    labelWidth = _defaultProps$props.labelWidth,
-    labelAlign = _defaultProps$props.labelAlign,
-    colon = _defaultProps$props.colon,
-    inputAlign = _defaultProps$props.inputAlign,
-    center = _defaultProps$props.center,
-    required = _defaultProps$props.required,
-    disabled = _defaultProps$props.disabled,
-    readonly = _defaultProps$props.readonly,
-    error = _defaultProps$props.error,
-    maxlength = _defaultProps$props.maxlength,
-    leftIcon = _defaultProps$props.leftIcon,
-    leftIconSize = _defaultProps$props.leftIconSize,
-    rightIcon = _defaultProps$props.rightIcon,
-    rightIconSize = _defaultProps$props.rightIconSize,
-    clearable = _defaultProps$props.clearable,
-    clearIcon = _defaultProps$props.clearIcon,
-    clearSize = _defaultProps$props.clearSize,
-    border = _defaultProps$props.border,
-    formatTrigger = _defaultProps$props.formatTrigger,
-    rules = _defaultProps$props.rules,
-    errorMessage = _defaultProps$props.errorMessage,
-    errorMessageAlign = _defaultProps$props.errorMessageAlign,
-    showWordLimit = _defaultProps$props.showWordLimit,
-    autofocus = _defaultProps$props.autofocus,
-    style = _defaultProps$props.style,
-    className = _defaultProps$props.className,
-    rows = _defaultProps$props.rows,
-    slotButton = _defaultProps$props.slotButton,
-    slotInput = _defaultProps$props.slotInput,
-    onChange = _defaultProps$props.onChange,
-    onBlur = _defaultProps$props.onBlur,
-    onFocus = _defaultProps$props.onFocus,
-    onClear = _defaultProps$props.onClear,
-    formatter = _defaultProps$props.formatter,
-    keypress = _defaultProps$props.keypress,
-    onClickInput = _defaultProps$props.onClickInput,
-    onClickLeftIcon = _defaultProps$props.onClickLeftIcon,
-    onClickRightIcon = _defaultProps$props.onClickRightIcon,
-    _onClick = _defaultProps$props.onClick,
-    iconClassPrefix = _defaultProps$props.iconClassPrefix,
-    iconFontClassName = _defaultProps$props.iconFontClassName,
-    rest = _objectWithoutProperties(_defaultProps$props, _excluded);
-  locale.placeholder = placeholder || locale.placeholder;
-  var _useState = useState(''),
-    _useState2 = _slicedToArray(_useState, 2),
-    inputValue = _useState2[0],
-    SetInputValue = _useState2[1];
-  var _useState3 = useState(false),
-    _useState4 = _slicedToArray(_useState3, 2),
-    active = _useState4[0],
-    SetActive = _useState4[1];
-  var _useState5 = useState(''),
-    _useState6 = _slicedToArray(_useState5, 2),
-    classes = _useState6[0],
-    setClasses = _useState6[1];
-  var getModelValue = function getModelValue() {
-    return String(inputValue !== null && inputValue !== void 0 ? inputValue : '');
-  };
-  var inputRef = useRef(null);
-  useEffect(function () {
-    setClasses(inputClass);
-    SetInputValue(defaultValue);
-  }, [defaultValue]);
-  useEffect(function () {
-    if (inputValue) {
-      updateValue(getModelValue());
-      resetValidation();
-    }
-  }, [inputValue]);
-  useImperativeHandle(ref, function () {
-    return inputRef.current;
-  });
-  var inputClass = useCallback(function () {
-    var prefixCls = 'nut-input';
-    return [prefixCls, "".concat(center ? 'center' : ''), "".concat(disabled ? "".concat(prefixCls, "-disabled") : ''), "".concat(required ? "".concat(prefixCls, "-required") : ''), "".concat(error ? "".concat(prefixCls, "-error") : ''), "".concat(border ? "".concat(prefixCls, "-border") : ''), "".concat(slotButton || rightIcon ? "".concat(prefixCls, "-right-mark") : '')].filter(Boolean).join(' ');
-  }, [disabled, required, error, border, slotButton, rightIcon, center]);
-  // 样式状态重置
-  useEffect(function () {
-    setClasses(inputClass);
-  }, [disabled, required, error, border, slotButton, rightIcon, center]);
-  var updateValue = function updateValue(value) {
-    var _inputRef$current;
-    var trigger = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'onChange';
-    var val = value;
-    if (type === 'digit' || type === 'tel') {
-      val = formatNumber(val, false, false);
-    }
-    if (type === 'number') {
-      val = formatNumber(val, true, true);
-    }
-    if (type === 'tel' && !formatter) {
-      var regTel = /^(13[0-9]|14[01456879]|15[0-35-9]|16[2567]|17[0-8]|18[0-9]|19[0-35-9])\d{8}$/;
-      var regNumber = /[^-0-9]/g;
-      val = !regTel.test(val) && val.length > 11 ? val.substring(0, 11) : val.replace(regNumber, '');
-    }
-    if (formatter && trigger === formatTrigger) {
-      val = formatter(val);
-    }
-    if ((inputRef === null || inputRef === void 0 ? void 0 : (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.value) !== val) {
-      inputRef.current.value = val;
-    }
-    SetInputValue(val);
-  };
-  var handleFocus = function handleFocus(event) {
-    var val = event.target.value;
-    SetActive(true);
-    onFocus && onFocus(val, event);
-  };
-  var handleInput = function handleInput(event) {
-    var val = event.target.value;
-    if (maxlength && val.length > Number(maxlength)) {
-      val = val.slice(0, Number(maxlength));
-    }
-    updateValue(val, 'onChange');
-    onChange && onChange(val, event);
-  };
-  var handleBlur = function handleBlur(event) {
-    setTimeout(function () {
-      SetActive(false);
-    }, 200);
-    var val = event.target.value;
-    if (maxlength && val.length > Number(maxlength)) {
-      val = val.slice(0, Number(maxlength));
-    }
-    updateValue(getModelValue(), 'onBlur');
-    onBlur && onBlur(val, event);
-  };
-  var handleClickInput = function handleClickInput(event) {
-    onClickInput && onClickInput(event);
-  };
-  var handleClickLeftIcon = function handleClickLeftIcon(event) {
-    onClickLeftIcon && onClickLeftIcon(event);
-  };
-  var handleClickRightIcon = function handleClickRightIcon(event) {
-    onClickRightIcon && onClickRightIcon(event);
-  };
-  var resetValidation = function resetValidation() {};
-  var inputType = function inputType(type) {
-    if (type === 'number') {
-      return 'text';
-    }
-    if (type === 'digit') {
-      return 'tel';
-    }
-    return type;
-  };
-  var handleClear = function handleClear(event) {
-    updateValue('');
-    onClear && onClear('', event);
-  };
-  return React__default.createElement("div", {
-    className: "".concat(classes, "  ").concat(className || ''),
-    style: style,
-    onClick: function onClick(e) {
-      _onClick && _onClick(e);
-    }
-  }, slotInput ? React__default.createElement(React__default.Fragment, null, label ? React__default.createElement("div", {
-    className: "nut-input-label ".concat(labelClass),
-    style: {
-      width: "".concat(labelWidth, "px"),
-      textAlign: labelAlign
-    }
-  }, React__default.createElement("div", {
-    className: "label-string"
-  }, label, colon ? ':' : '')) : null, React__default.createElement("div", {
-    className: "nut-input-value"
-  }, React__default.createElement("div", {
-    className: "nut-input-inner",
-    onClick: function onClick(e) {
-      handleClickInput(e);
-    }
-  }, slotInput))) : React__default.createElement(React__default.Fragment, null, leftIcon && leftIcon.length > 0 ? React__default.createElement("div", {
-    className: "nut-input-left-icon",
-    onClick: function onClick(e) {
-      handleClickLeftIcon(e);
-    }
-  }, React__default.createElement(Icon, {
-    classPrefix: iconClassPrefix,
-    fontClassName: iconFontClassName,
-    name: leftIcon,
-    size: leftIconSize
-  })) : null, label ? React__default.createElement("div", {
-    className: "nut-input-label ".concat(labelClass),
-    style: {
-      width: "".concat(labelWidth, "px"),
-      textAlign: labelAlign
-    }
-  }, React__default.createElement("div", {
-    className: "label-string"
-  }, label, colon ? ':' : '')) : null, React__default.createElement("div", {
-    className: "nut-input-value"
-  }, React__default.createElement("div", {
-    className: "nut-input-main-con"
-  }, React__default.createElement("div", {
-    className: "nut-input-inner",
-    onClick: function onClick(e) {
-      handleClickInput(e);
-    }
-  }, type === 'textarea' ? React__default.createElement("textarea", {
-    name: name,
-    className: "input-text",
-    ref: inputRef,
-    style: {
-      textAlign: inputAlign,
-      height: "".concat(Number(rows) * 24, "px")
-    },
-    maxLength: maxlength,
-    placeholder: placeholder || locale.placeholder,
-    disabled: disabled,
-    readOnly: readonly,
-    value: inputValue,
-    autoFocus: autofocus,
-    onBlur: function onBlur(e) {
-      handleBlur(e);
-    },
-    onFocus: function onFocus(e) {
-      handleFocus(e);
-    },
-    onInput: function onInput(e) {
-      handleInput(e);
-    }
-  }) : React__default.createElement("input", _objectSpread(_objectSpread({}, rest), {}, {
-    name: name,
-    className: "input-text",
-    ref: inputRef,
-    style: {
-      textAlign: inputAlign
-    },
-    type: inputType(type),
-    maxLength: maxlength,
-    placeholder: placeholder || locale.placeholder,
-    disabled: disabled,
-    readOnly: readonly,
-    value: inputValue,
-    autoFocus: autofocus,
-    onBlur: function onBlur(e) {
-      handleBlur(e);
-    },
-    onFocus: function onFocus(e) {
-      handleFocus(e);
-    },
-    onInput: function onInput(e) {
-      handleInput(e);
-    }
-  })), clearable && !readonly && active && inputValue.length > 0 ? React__default.createElement(Icon, {
-    classPrefix: iconClassPrefix,
-    fontClassName: iconFontClassName,
-    className: "nut-input-clear",
-    name: clearIcon,
-    size: clearSize,
-    onClick: function onClick(e) {
-      handleClear(e);
-    }
-  }) : null), rightIcon && rightIcon.length > 0 ? React__default.createElement("div", {
-    className: "nut-input-right-icon",
-    onClick: function onClick(e) {
-      handleClickRightIcon(e);
-    }
-  }, React__default.createElement(Icon, {
-    classPrefix: iconClassPrefix,
-    fontClassName: iconFontClassName,
-    name: rightIcon,
-    size: rightIconSize
-  })) : null, slotButton ? React__default.createElement("div", {
-    className: "nut-input-button"
-  }, slotButton) : null, showWordLimit && maxlength ? React__default.createElement("div", {
-    className: "nut-input-word-limit"
-  }, React__default.createElement("span", {
-    className: "nut-input-word-num"
-  }, inputValue ? inputValue.length : 0), "/", maxlength) : null), errorMessage ? React__default.createElement("div", {
-    className: "nut-input-error-message",
-    style: {
-      textAlign: errorMessageAlign
-    }
-  }, errorMessage) : null)));
-});
-Input.defaultProps = defaultProps;
-Input.displayName = 'NutInput';
-export { Input as I };

package/dist/esm/menuitem.taro-216e9f7d.js

@@ -1,193 +0,0 @@
-import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import _regeneratorRuntime from "@babel/runtime/regenerator";
-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, { forwardRef, useState, useEffect, useImperativeHandle } from 'react';
-import classNames from 'classnames';
-import { CSSTransition } from 'react-transition-group';
-import { u as useConfig } from './configprovider.taro-8bdb3a28.js';
-import { I as Icon } from './icon.taro-1d0d4fb7.js';
-import { O as Overlay } from './overlay.taro-98367bc1.js';
-import { C as ComponentDefaults } from './typings-1c5f2628.js';
-var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
-  className: '',
-  style: {},
-  columns: 1,
-  direction: 'down',
-  optionsIcon: 'Check',
-  activeTitleClass: '',
-  inactiveTitleClass: '',
-  iconClassPrefix: 'nut-icon',
-  fontClassName: 'nutui-iconfont',
-  onChange: function onChange(value) {
-    return undefined;
-  }
-});
-var MenuItem = forwardRef(function (props, ref) {
-  useConfig();
-  var mergedProps = _objectSpread(_objectSpread({}, defaultProps), props);
-  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
-    style = _defaultProps$props.style,
-    options = _defaultProps$props.options,
-    value = _defaultProps$props.value,
-    columns = _defaultProps$props.columns,
-    title = _defaultProps$props.title,
-    optionsIcon = _defaultProps$props.optionsIcon,
-    direction = _defaultProps$props.direction,
-    onChange = _defaultProps$props.onChange,
-    activeTitleClass = _defaultProps$props.activeTitleClass,
-    inactiveTitleClass = _defaultProps$props.inactiveTitleClass,
-    children = _defaultProps$props.children,
-    iconClassPrefix = _defaultProps$props.iconClassPrefix,
-    iconFontClassName = _defaultProps$props.iconFontClassName;
-  var activeColor = mergedProps.activeColor,
-    showPopup = mergedProps.showPopup,
-    parent = mergedProps.parent,
-    orderKey = mergedProps.orderKey;
-  var _useState = useState(showPopup),
-    _useState2 = _slicedToArray(_useState, 2),
-    _showPopup = _useState2[0],
-    setShowPopup = _useState2[1];
-  var _useState3 = useState(value),
-    _useState4 = _slicedToArray(_useState3, 2),
-    _value = _useState4[0],
-    setValue = _useState4[1];
-  useEffect(function () {
-    setShowPopup(showPopup);
-  }, [showPopup]);
-  useEffect(function () {
-    getParentOffset();
-  }, [_showPopup]);
-  useImperativeHandle(ref, function () {
-    return {
-      toggle: parent.toggleItemShow
-    };
-  });
-  var getIconCName = function getIconCName(optionVal, value) {
-    var _classNames;
-    return classNames((_classNames = {}, _defineProperty(_classNames, activeTitleClass, optionVal === value), _defineProperty(_classNames, inactiveTitleClass, optionVal !== value), _classNames));
-  };
-  var setTitle = function setTitle(text) {
-    if (!title) {
-      parent.updateTitle(text, orderKey);
-    }
-  };
-  var handleClick = function handleClick(item) {
-    parent.toggleItemShow(orderKey);
-    setTitle(item.text);
-    setValue(item.value);
-    onChange && onChange(item);
-  };
-  var _useState5 = useState({
-      top: 0,
-      height: 0
-    }),
-    _useState6 = _slicedToArray(_useState5, 2),
-    position = _useState6[0],
-    setPosition = _useState6[1];
-  var getParentOffset = function getParentOffset() {
-    setTimeout( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
-      var p, rect;
-      return _regeneratorRuntime.wrap(function _callee$(_context) {
-        while (1) {
-          switch (_context.prev = _context.next) {
-            case 0:
-              p = parent.parent().current;
-              _context.next = 3;
-              return p.getBoundingClientRect();
-            case 3:
-              rect = _context.sent;
-              setPosition({
-                height: rect.height,
-                top: rect.top
-              });
-            case 5:
-            case "end":
-              return _context.stop();
-          }
-        }
-      }, _callee);
-    })));
-  };
-  var isShow = function isShow() {
-    if (_showPopup) return {};
-    return {
-      display: 'none'
-    };
-  };
-  var getPosition = function getPosition() {
-    return direction === 'down' ? {
-      top: "".concat(position.top + position.height, "px")
-    } : {
-      bottom: "".concat(window.innerHeight - position.top, "px"),
-      top: 'auto'
-    };
-  };
-  var placeholderStyle = function placeholderStyle() {
-    if (direction === 'down') {
-      return _objectSpread(_objectSpread({
-        height: "".concat(position.top + position.height, "px")
-      }, isShow()), style);
-    }
-    return _objectSpread(_objectSpread({
-      height: "".concat(window.innerHeight - position.top, "px"),
-      top: 'auto'
-    }, isShow()), style);
-  };
-  return React__default.createElement(React__default.Fragment, null, React__default.createElement("div", {
-    className: "placeholder-element ".concat(classNames({
-      up: direction === 'up'
-    })),
-    style: placeholderStyle(),
-    onClick: function onClick() {
-      return parent.toggleItemShow(orderKey);
-    }
-  }), React__default.createElement(Overlay, {
-    overlayClass: "nut-menu__overlay",
-    style: getPosition(),
-    lockScroll: parent.lockScroll,
-    visible: _showPopup,
-    closeOnClickOverlay: parent.closeOnClickOverlay,
-    onClick: function onClick() {
-      parent.closeOnClickOverlay && parent.toggleItemShow(orderKey);
-    }
-  }), React__default.createElement("div", {
-    className: direction === 'down' ? 'nut-menu-item__wrap' : 'nut-menu-item__wrap-up',
-    style: _objectSpread({}, isShow())
-  }, React__default.createElement(CSSTransition, {
-    "in": _showPopup,
-    timeout: 100,
-    classNames: direction === 'down' ? 'menu-item' : 'menu-item-up'
-  }, React__default.createElement("div", {
-    className: "nut-menu-item__content"
-  }, options === null || options === void 0 ? void 0 : options.map(function (item, index) {
-    return React__default.createElement("div", {
-      className: "nut-menu-item__option ".concat(classNames({
-        active: item.value === _value
-      })),
-      key: item.text,
-      style: {
-        flexBasis: "".concat(100 / columns, "%")
-      },
-      onClick: function onClick() {
-        handleClick(item);
-      }
-    }, item.value === _value ? React__default.createElement(Icon, {
-      classPrefix: iconClassPrefix,
-      fontClassName: iconFontClassName,
-      className: getIconCName(item.value, value),
-      name: optionsIcon,
-      color: activeColor
-    }) : null, React__default.createElement("div", {
-      className: getIconCName(item.value, value),
-      style: {
-        color: "".concat(item.value === _value ? activeColor : '')
-      }
-    }, item.text));
-  }), children))));
-});
-MenuItem.defaultProps = defaultProps;
-MenuItem.displayName = 'NutMenuItem';
-export { MenuItem as M };