@nutui/nutui-react-taro 1.4.4 → 1.4.5-beta.0

package/dist/esm/tag.taro-bd900990.js

@@ -1,104 +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, { useState, useEffect } from 'react';
-import { I as Icon } from './icon.taro-1d0d4fb7.js';
-import { C as ComponentDefaults } from './typings-1c5f2628.js';
-var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
-  type: 'default',
-  color: '',
-  textColor: '',
-  plain: false,
-  round: false,
-  mark: false,
-  closeable: false,
-  prefixCls: 'nut-tag',
-  onClose: function onClose(e) {},
-  onClick: function onClick(e) {}
-});
-var Tag = function Tag(props) {
-  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
-    className = _defaultProps$props.className,
-    style = _defaultProps$props.style,
-    color = _defaultProps$props.color,
-    plain = _defaultProps$props.plain,
-    type = _defaultProps$props.type,
-    round = _defaultProps$props.round,
-    prefixCls = _defaultProps$props.prefixCls,
-    children = _defaultProps$props.children,
-    mark = _defaultProps$props.mark,
-    closeable = _defaultProps$props.closeable,
-    textColor = _defaultProps$props.textColor,
-    onClick = _defaultProps$props.onClick,
-    onClose = _defaultProps$props.onClose,
-    iconClassPrefix = _defaultProps$props.iconClassPrefix,
-    iconFontClassName = _defaultProps$props.iconFontClassName;
-  var _useState = useState(''),
-    _useState2 = _slicedToArray(_useState, 2),
-    btnName = _useState2[0],
-    setBtnName = _useState2[1];
-  var _useState3 = useState(true),
-    _useState4 = _slicedToArray(_useState3, 2),
-    isTagShow = _useState4[0],
-    setIsTagShow = _useState4[1];
-  useEffect(function () {
-    setBtnName(classes());
-  }, [type, color, textColor, plain, round, mark, closeable, prefixCls, onClick, onClose]);
-  var classes = function classes() {
-    var prefixCls = 'nut-tag';
-    return "".concat(prefixCls, "\n    ").concat(type ? "".concat(prefixCls, "--").concat(type) : '', "\n    ").concat(plain ? "".concat(prefixCls, "--plain") : '', "\n    ").concat(round ? "".concat(prefixCls, "--round") : '', "\n    ").concat(mark ? "".concat(prefixCls, "--mark") : '', "\n    ").concat(closeable ? "".concat(prefixCls, "--close") : '');
-  };
-  var handleClick = function handleClick(e) {
-    if (props.onClick) {
-      props.onClick(e);
-    }
-  };
-  var getStyle = function getStyle() {
-    var style = {};
-    if (textColor) {
-      style.color = textColor;
-      if (plain) {
-        style.background = '#fff';
-      } else if (color) {
-        style.background = color;
-      }
-    } else if (color) {
-      style.color = '#fff';
-      style.background = color;
-    }
-    return style;
-  };
-  return React__default.createElement(React__default.Fragment, null, closeable ? isTagShow && React__default.createElement("div", {
-    className: "".concat(btnName, " ").concat(className),
-    style: _objectSpread(_objectSpread({}, style), getStyle()),
-    onClick: function onClick(e) {
-      return handleClick(e);
-    }
-  }, children && React__default.createElement("span", {
-    className: "text"
-  }, children), React__default.createElement(Icon, {
-    classPrefix: iconClassPrefix,
-    fontClassName: iconFontClassName,
-    className: "_icon",
-    name: "close",
-    size: "12",
-    onClick: function onClick(e) {
-      setIsTagShow(false);
-      if (props.onClose) {
-        props.onClose(e);
-      }
-    }
-  })) : React__default.createElement("div", {
-    className: "".concat(btnName, " ").concat(className),
-    style: _objectSpread(_objectSpread({}, style), getStyle()),
-    onClick: function onClick(e) {
-      return handleClick(e);
-    }
-  }, children && React__default.createElement("span", {
-    className: "text"
-  }, children)));
-};
-Tag.defaultProps = defaultProps;
-Tag.displayName = 'NutTag';
-export { Tag as T };

package/dist/esm/textarea.taro-83d5fe73.js

@@ -1,102 +0,0 @@
-import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
-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, { useState, useEffect } from 'react';
-import { u as useConfig } from './configprovider.taro-8bdb3a28.js';
-import { c as cn } from './bem-893ad28d.js';
-var defaultProps = {
-  defaultValue: '',
-  textAlign: 'left',
-  limitshow: false,
-  maxlength: '',
-  rows: '',
-  placeholder: '',
-  readonly: false,
-  disabled: false,
-  autosize: false
-};
-var TextArea = function TextArea(props) {
-  var _useConfig = useConfig(),
-    locale = _useConfig.locale;
-  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
-    className = _defaultProps$props.className,
-    defaultValue = _defaultProps$props.defaultValue,
-    textAlign = _defaultProps$props.textAlign,
-    limitshow = _defaultProps$props.limitshow,
-    maxlength = _defaultProps$props.maxlength,
-    rows = _defaultProps$props.rows,
-    placeholder = _defaultProps$props.placeholder,
-    readonly = _defaultProps$props.readonly,
-    disabled = _defaultProps$props.disabled,
-    autosize = _defaultProps$props.autosize,
-    style = _defaultProps$props.style,
-    onChange = _defaultProps$props.onChange,
-    onBlur = _defaultProps$props.onBlur,
-    onFocus = _defaultProps$props.onFocus;
-  var textareaBem = cn('textarea');
-  var _useState = useState(''),
-    _useState2 = _slicedToArray(_useState, 2),
-    inputValue = _useState2[0],
-    SetInputValue = _useState2[1];
-  useEffect(function () {
-    var initValue = defaultValue;
-    if (initValue && maxlength && _toConsumableArray(initValue).length > Number(maxlength)) {
-      initValue = initValue.substring(0, Number(maxlength));
-    }
-    SetInputValue(initValue);
-  }, [defaultValue]);
-  var textChange = function textChange(event) {
-    var text = event.detail ? event.detail : event.target;
-    if (maxlength && _toConsumableArray(text.value).length > Number(maxlength)) {
-      text.value = text.value.substring(0, Number(maxlength));
-    }
-    SetInputValue(text.value);
-    onChange && onChange(text.value, event);
-  };
-  var textFocus = function textFocus(event) {
-    if (disabled) return;
-    if (readonly) return;
-    onFocus && onFocus(event);
-  };
-  var textBlur = function textBlur(event) {
-    if (disabled) return;
-    if (readonly) return;
-    var text = event.detail ? event.detail : event.target;
-    onChange && onChange(text.value, event);
-    onBlur && onBlur(event);
-  };
-  return React__default.createElement("div", {
-    className: "".concat(textareaBem(), " ").concat(disabled ? textareaBem('disabled') : '', " ").concat(className || '')
-  }, React__default.createElement("textarea", {
-    className: textareaBem('textarea'),
-    style: _objectSpread({
-      textAlign: textAlign,
-      resize: "".concat(autosize ? 'vertical' : 'none')
-    }, style),
-    disabled: disabled,
-    readOnly: readonly,
-    value: inputValue,
-    onInput: function onInput(e) {
-      textChange(e);
-    },
-    onChange: function onChange(e) {
-      textChange(e);
-    },
-    onBlur: function onBlur(e) {
-      textBlur(e);
-    },
-    onFocus: function onFocus(e) {
-      textFocus(e);
-    },
-    rows: rows,
-    maxLength: maxlength < 0 ? 0 : maxlength,
-    placeholder: placeholder || locale.placeholder
-  }), limitshow ? React__default.createElement("div", {
-    className: textareaBem('limit')
-  }, _toConsumableArray(inputValue).length, "/", maxlength < 0 ? 0 : maxlength) : null);
-};
-TextArea.defaultProps = defaultProps;
-TextArea.displayName = 'NutTextArea';
-export { TextArea as T };

package/dist/esm/timedetail.taro-105f5380.js

@@ -1,68 +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, { useState, useEffect } from 'react';
-import { c as cn } from './bem-893ad28d.js';
-import { u as useConfig } from './configprovider.taro-8bdb3a28.js';
-var defaultProps = {
-  className: '',
-  currentKey: 0,
-  currentTime: [],
-  times: [],
-  select: function select() {
-    return null;
-  }
-};
-var TimeDetail = function TimeDetail(props) {
-  useConfig();
-  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
-    children = _defaultProps$props.children,
-    times = _defaultProps$props.times,
-    className = _defaultProps$props.className,
-    currentKey = _defaultProps$props.currentKey,
-    currentTime = _defaultProps$props.currentTime,
-    select = _defaultProps$props.select;
-  var b = cn('timedetail');
-  var _useState = useState([]),
-    _useState2 = _slicedToArray(_useState, 2),
-    renderData = _useState2[0],
-    setRenderData = _useState2[1];
-  useEffect(function () {
-    var currentData = times.find(function (timesItem) {
-      return String(timesItem.key) === String(currentKey);
-    });
-    var renderData = currentData ? currentData.list : [];
-    // 根据选中的日期回显当前日期可配送的时间
-    setRenderData(renderData);
-  }, [times, currentKey]);
-  // 选中时间的回调
-  var handleTime = function handleTime(time) {
-    select(time);
-  };
-  // 选中的配送时间增加 active 类名
-  var getDetailClass = function getDetailClass(item) {
-    var initClass = 'nut-timedetail__item';
-    var curTimeData = currentTime.find(function (item) {
-      return String(item.key) === String(currentKey);
-    });
-    if (curTimeData && curTimeData.list && curTimeData.list.includes(item)) {
-      initClass += ' nut-timedetail__item-active';
-    }
-    return initClass;
-  };
-  return React__default.createElement("div", {
-    className: "".concat(b(), " ").concat(className || '')
-  }, renderData.map(function (item, index) {
-    return React__default.createElement("span", {
-      className: getDetailClass(item),
-      key: item,
-      onClick: function onClick() {
-        return handleTime(item);
-      }
-    }, item);
-  }));
-};
-TimeDetail.defaultProps = defaultProps;
-TimeDetail.displayName = 'NutTimeDetail';
-export { TimeDetail as T };

package/dist/esm/timepannel.taro-c66c63dd.js

@@ -1,30 +0,0 @@
-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 from 'react';
-import { c as cn } from './bem-893ad28d.js';
-import { u as useConfig } from './configprovider.taro-8bdb3a28.js';
-var defaultProps = {
-  className: '',
-  date: '',
-  curKey: 0
-};
-var TimePannel = function TimePannel(props) {
-  useConfig();
-  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
-    children = _defaultProps$props.children,
-    className = _defaultProps$props.className,
-    date = _defaultProps$props.date,
-    curKey = _defaultProps$props.curKey,
-    change = _defaultProps$props.change;
-  var b = cn('timepannel');
-  return React__default.createElement("div", {
-    className: "".concat(b(), " ").concat(className || ''),
-    onClick: function onClick() {
-      return change(curKey);
-    }
-  }, date);
-};
-TimePannel.defaultProps = defaultProps;
-TimePannel.displayName = 'NutTimePannel';
-export { TimePannel as T };

package/dist/esm/timeselect.taro-fc7ec6ee.js

@@ -1,172 +0,0 @@
-import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
-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, { useState, useEffect } from 'react';
-import { P as Popup } from './popup.taro-cb777e09.js';
-import { T as TimePannel } from './timepannel.taro-c66c63dd.js';
-import { T as TimeDetail } from './timedetail.taro-105f5380.js';
-import { c as cn } from './bem-893ad28d.js';
-import { u as useConfig } from './configprovider.taro-8bdb3a28.js';
-var defaultProps = {
-  className: '',
-  style: {},
-  visible: false,
-  height: '20%',
-  multiple: false,
-  currentKey: 0,
-  currentTime: [],
-  title: '取件时间',
-  dates: [],
-  times: []
-};
-var TimeSelect = function TimeSelect(props) {
-  useConfig();
-  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
-    visible = _defaultProps$props.visible,
-    className = _defaultProps$props.className,
-    height = _defaultProps$props.height,
-    title = _defaultProps$props.title,
-    currentKey = _defaultProps$props.currentKey,
-    currentTime = _defaultProps$props.currentTime,
-    dates = _defaultProps$props.dates,
-    times = _defaultProps$props.times,
-    multiple = _defaultProps$props.multiple,
-    select = _defaultProps$props.select,
-    pannelChange = _defaultProps$props.pannelChange,
-    timeChange = _defaultProps$props.timeChange,
-    onSelect = _defaultProps$props.onSelect,
-    onPannelChange = _defaultProps$props.onPannelChange,
-    onTimeChange = _defaultProps$props.onTimeChange;
-  var _useState = useState(currentKey),
-    _useState2 = _slicedToArray(_useState, 2),
-    activeKey = _useState2[0],
-    setActiveKey = _useState2[1];
-  var _useState3 = useState(currentTime.length ? currentTime : [{
-      key: currentKey,
-      list: []
-    }]),
-    _useState4 = _slicedToArray(_useState3, 2),
-    activeTime = _useState4[0],
-    setActiveTime = _useState4[1];
-  var _useState5 = useState(visible),
-    _useState6 = _slicedToArray(_useState5, 2),
-    popVisible = _useState6[0],
-    setPopVisible = _useState6[1];
-  var popStyle = {
-    width: '100%',
-    height: height
-  };
-  var b = cn('timeselect');
-  // popup 的关闭回调, 执行 select 函数更改外部 visible
-  var closeFun = function closeFun() {
-    if (onSelect) {
-      onSelect(activeTime);
-    } else if (select) {
-      select(activeTime);
-    }
-  };
-  // 选择配送时间回调
-  var handleSelectTime = function handleSelectTime(time) {
-    var curTimeData = {};
-    var curIndex = -1;
-    for (var i = 0; i < activeTime.length; i++) {
-      if (String(activeTime[i].key) === String(activeKey)) {
-        curTimeData = activeTime[i];
-        curIndex = i;
-        break;
-      }
-    }
-    var curTimeIndex = curTimeData.list.findIndex(function (item) {
-      return String(item) === String(time);
-    });
-    if (curTimeIndex === -1) {
-      curTimeData.list.push(time);
-    } else {
-      curTimeData.list.splice(curTimeIndex, 1);
-    }
-    var resultTimeData = _toConsumableArray(activeTime);
-    resultTimeData.splice(curIndex, 1, curTimeData);
-    setActiveTime(resultTimeData);
-    if (onTimeChange) {
-      onTimeChange(time, resultTimeData);
-    } else if (timeChange) {
-      timeChange(time, resultTimeData);
-    }
-  };
-  // 选择日期的回调
-  var handleChange = function handleChange(pannelKey) {
-    var resultTimeData = _toConsumableArray(activeTime);
-    if (String(pannelKey) !== String(activeKey)) {
-      setActiveKey === null || setActiveKey === void 0 ? void 0 : setActiveKey(pannelKey);
-      if (multiple) {
-        var curTimeDataIndex = activeTime.findIndex(function (item) {
-          return String(item.key) === String(pannelKey);
-        });
-        if (curTimeDataIndex === -1) {
-          resultTimeData.push({
-            key: pannelKey,
-            list: []
-          });
-          setActiveTime(resultTimeData);
-        }
-      } else {
-        setActiveTime([{
-          key: pannelKey,
-          list: []
-        }]);
-      }
-    }
-    if (onPannelChange) {
-      onPannelChange(pannelKey, resultTimeData);
-    } else if (pannelChange) {
-      pannelChange(pannelKey, resultTimeData);
-    }
-  };
-  // 选中的日期增加 active 类名
-  var getTimePannelClass = function getTimePannelClass(dataItem) {
-    if (String(dataItem['pannel-key']) === String(activeKey)) {
-      return 'nut-timepannel-active';
-    }
-    return '';
-  };
-  // 根据外部传入 visible 进行组件的显隐展示
-  useEffect(function () {
-    setPopVisible(visible);
-  }, [visible]);
-  return React__default.createElement(React__default.Fragment, null, React__default.createElement(Popup, {
-    closeable: true,
-    round: true,
-    visible: popVisible,
-    position: "bottom",
-    style: popStyle,
-    onClose: function onClose() {
-      closeFun();
-    }
-  }, React__default.createElement("div", {
-    className: "".concat(b(), " ").concat(className || '')
-  }, React__default.createElement("div", {
-    className: "nut-timeselect__title"
-  }, title), React__default.createElement("div", {
-    className: "nut-timeselect__content"
-  }, React__default.createElement("div", {
-    className: "nut-timeselect__content-left"
-  }, dates.map(function (dataItem, index) {
-    return React__default.createElement(TimePannel, {
-      date: dataItem.date,
-      className: getTimePannelClass(dataItem),
-      key: String(dataItem['pannel-key'] || index),
-      curKey: String(dataItem['pannel-key'] || index),
-      change: handleChange
-    });
-  })), React__default.createElement(TimeDetail, {
-    times: times,
-    currentKey: String(activeKey),
-    currentTime: activeTime,
-    select: handleSelectTime
-  })))));
-};
-TimeSelect.defaultProps = defaultProps;
-TimeSelect.displayName = 'NutTimeSelect';
-export { TimeSelect as T };