@nutui/nutui-react-taro 1.4.4 → 1.4.5

package/dist/esm/tabs.taro-e71875fa.js

@@ -1,176 +1,132 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _excluded = ["value", "color", "tabStyle", "background", "direction", "type", "titleScroll", "ellipsis", "animatedTime", "titleGutter", "size", "titleNode", "children", "onClick", "onChange", "className", "autoHeight", "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, { useState, useRef, useEffect } from 'react';
 import classNames from 'classnames';
 import { c as cn } from './bem-893ad28d.js';
 import { I as Icon } from './icon.taro-1d0d4fb7.js';
 import { C as ComponentDefaults } from './typings-1c5f2628.js';
-var Title = /*#__PURE__*/_createClass(
-// eslint-disable-next-line no-useless-constructor
-function Title() {
-  _classCallCheck(this, Title);
-  _defineProperty(this, "title", '');
-  _defineProperty(this, "paneKey", '');
-  _defineProperty(this, "disabled", false);
-  _defineProperty(this, "index", 0);
-});
-var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
-  tabStyle: {},
-  value: 0,
-  color: '',
-  background: '',
-  direction: 'horizontal',
-  type: 'line',
-  titleScroll: false,
-  ellipsis: true,
-  animatedTime: 300,
-  titleGutter: 0,
-  size: 'normal',
-  autoHeight: false
-});
-var pxCheck = function pxCheck(value) {
-  return Number.isNaN(Number(value)) ? String(value) : "".concat(value, "px");
+
+class Title {
+    title = '';
+    paneKey = '';
+    disabled = false;
+    index = 0;
+    // eslint-disable-next-line no-useless-constructor
+    constructor() { }
+}
+const defaultProps = {
+    ...ComponentDefaults,
+    tabStyle: {},
+    value: 0,
+    color: '',
+    background: '',
+    direction: 'horizontal',
+    type: 'line',
+    titleScroll: false,
+    ellipsis: true,
+    animatedTime: 300,
+    titleGutter: 0,
+    size: 'normal',
+    autoHeight: false,
 };
-var Tabs = function Tabs(props) {
-  var _classNames;
-  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
-    value = _defaultProps$props.value,
-    color = _defaultProps$props.color,
-    tabStyle = _defaultProps$props.tabStyle,
-    background = _defaultProps$props.background,
-    direction = _defaultProps$props.direction,
-    type = _defaultProps$props.type,
-    titleScroll = _defaultProps$props.titleScroll,
-    ellipsis = _defaultProps$props.ellipsis,
-    animatedTime = _defaultProps$props.animatedTime,
-    titleGutter = _defaultProps$props.titleGutter,
-    size = _defaultProps$props.size,
-    titleNode = _defaultProps$props.titleNode,
-    children = _defaultProps$props.children,
-    onClick = _defaultProps$props.onClick,
-    onChange = _defaultProps$props.onChange,
-    className = _defaultProps$props.className,
-    autoHeight = _defaultProps$props.autoHeight,
-    iconClassPrefix = _defaultProps$props.iconClassPrefix,
-    iconFontClassName = _defaultProps$props.iconFontClassName,
-    rest = _objectWithoutProperties(_defaultProps$props, _excluded);
-  var _useState = useState({
-      index: 0
-    }),
-    _useState2 = _slicedToArray(_useState, 2),
-    currentItem = _useState2[0],
-    setCurrentItem = _useState2[1];
-  var titles = useRef([]);
-  useEffect(function () {
-    var currentIndex = 0;
-    titles.current = [];
-    // eslint-disable-next-line consistent-return
-    React__default.Children.forEach(children, function (child, idx) {
-      if (!React__default.isValidElement(child)) {
-        return null;
-      }
-      var title = new Title();
-      var childProps = child === null || child === void 0 ? void 0 : child.props;
-      if (childProps !== null && childProps !== void 0 && childProps.title || childProps !== null && childProps !== void 0 && childProps.paneKey) {
-        title.title = childProps === null || childProps === void 0 ? void 0 : childProps.title;
-        title.paneKey = (childProps === null || childProps === void 0 ? void 0 : childProps.paneKey) || idx;
-        title.disabled = childProps === null || childProps === void 0 ? void 0 : childProps.disabled;
-        title.index = idx;
-        if (title.paneKey === value) {
-          currentIndex = idx;
+const pxCheck = (value) => {
+    return Number.isNaN(Number(value)) ? String(value) : `${value}px`;
+};
+const Tabs = (props) => {
+    const { value, color, tabStyle, background, direction, type, titleScroll, ellipsis, animatedTime, titleGutter, size, titleNode, children, onClick, onChange, className, autoHeight, iconClassPrefix, iconFontClassName, ...rest } = {
+        ...defaultProps,
+        ...props,
+    };
+    const [currentItem, setCurrentItem] = useState({ index: 0 });
+    const titles = useRef([]);
+    useEffect(() => {
+        let currentIndex = 0;
+        titles.current = [];
+        // eslint-disable-next-line consistent-return
+        React__default.Children.forEach(children, (child, idx) => {
+            if (!React__default.isValidElement(child)) {
+                return null;
+            }
+            const title = new Title();
+            const childProps = child?.props;
+            if (childProps?.title || childProps?.paneKey) {
+                title.title = childProps?.title;
+                title.paneKey = childProps?.paneKey || idx;
+                title.disabled = childProps?.disabled;
+                title.index = idx;
+                if (title.paneKey === value) {
+                    currentIndex = idx;
+                }
+            }
+            titles.current.push(title);
+        });
+        setCurrentItem(titles.current[currentIndex]);
+    }, [children]);
+    const b = cn('tabs');
+    const classes = classNames(direction, b(''), className);
+    const classesTitle = classNames({
+        [type]: type,
+        scrollable: titleScroll,
+        [size]: size,
+    }, `${b('')}__titles`);
+    const titleStyle = {
+        marginLeft: pxCheck(titleGutter),
+        marginRight: pxCheck(titleGutter),
+    };
+    const tabsActiveStyle = {
+        color: type === 'smile' ? color : '',
+        background: type === 'line' ? color : '',
+    };
+    const index = titles.current.findIndex((t) => t.paneKey === value);
+    const contentStyle = {
+        transform: direction === 'horizontal'
+            ? `translate3d(-${index * 100}%, 0, 0)`
+            : `translate3d( 0,-${index * 100}%, 0)`,
+        transitionDuration: `${animatedTime}ms`,
+    };
+    const tabChange = (item, index) => {
+        onClick && onClick(item);
+        if (item.disabled) {
+            return;
         }
-      }
-      titles.current.push(title);
-    });
-    setCurrentItem(titles.current[currentIndex]);
-  }, [children]);
-  var b = cn('tabs');
-  var classes = classNames(direction, b(''), className);
-  var classesTitle = classNames((_classNames = {}, _defineProperty(_classNames, type, type), _defineProperty(_classNames, "scrollable", titleScroll), _defineProperty(_classNames, size, size), _classNames), "".concat(b(''), "__titles"));
-  var titleStyle = {
-    marginLeft: pxCheck(titleGutter),
-    marginRight: pxCheck(titleGutter)
-  };
-  var tabsActiveStyle = {
-    color: type === 'smile' ? color : '',
-    background: type === 'line' ? color : ''
-  };
-  var index = titles.current.findIndex(function (t) {
-    return t.paneKey === value;
-  });
-  var contentStyle = {
-    transform: direction === 'horizontal' ? "translate3d(-".concat(index * 100, "%, 0, 0)") : "translate3d( 0,-".concat(index * 100, "%, 0)"),
-    transitionDuration: "".concat(animatedTime, "ms")
-  };
-  var tabChange = function tabChange(item, index) {
-    onClick && onClick(item);
-    if (item.disabled) {
-      return;
-    }
-    setCurrentItem(item);
-    onChange && onChange(item);
-  };
-  return React__default.createElement("div", _objectSpread({
-    className: classes
-  }, rest), React__default.createElement("div", {
-    className: classesTitle,
-    style: _objectSpread(_objectSpread({}, tabStyle), {}, {
-      background: background
-    })
-  }, !!titleNode && typeof titleNode === 'function' ? titleNode() : titles.current.map(function (item, index) {
-    return React__default.createElement("div", {
-      style: titleStyle,
-      onClick: function onClick(e) {
-        return tabChange(item);
-      },
-      className: classNames({
-        active: String(item.paneKey) === String(value),
-        disabled: item.disabled
-      }, "".concat(b(''), "__titles-item")),
-      key: item.paneKey
-    }, type === 'line' && React__default.createElement("div", {
-      className: "".concat(b(''), "__titles-item__line"),
-      style: tabsActiveStyle
-    }), type === 'smile' && React__default.createElement("div", {
-      className: "".concat(b(''), "__titles-item__smile"),
-      style: tabsActiveStyle
-    }, React__default.createElement(Icon, {
-      classPrefix: iconClassPrefix,
-      fontClassName: iconFontClassName,
-      color: color,
-      name: "joy-smile"
-    })), React__default.createElement("div", {
-      className: classNames({
-        ellipsis: ellipsis && !titleScroll && direction === 'horizontal'
-      }, "".concat(b(''), "__titles-item__text"))
-    }, item.title));
-  })), React__default.createElement("div", {
-    className: "".concat(b(''), "__content__wrap")
-  }, React__default.createElement("div", {
-    className: "".concat(b(''), "__content"),
-    style: contentStyle
-  }, React__default.Children.map(children, function (child, idx) {
-    var _child$props;
-    if (!React__default.isValidElement(child)) {
-      return null;
-    }
-    var childProps = _objectSpread(_objectSpread({}, child.props), {}, {
-      activeKey: value
-    });
-    if (String(value) !== String(((_child$props = child.props) === null || _child$props === void 0 ? void 0 : _child$props.paneKey) || idx) && autoHeight) {
-      childProps = _objectSpread(_objectSpread({}, childProps), {}, {
-        autoHeightClassName: 'inactive'
-      });
-    }
-    return React__default.cloneElement(child, childProps);
-  }))));
+        setCurrentItem(item);
+        onChange && onChange(item);
+    };
+    return (React__default.createElement("div", { className: classes, ...rest },
+        React__default.createElement("div", { className: classesTitle, style: { ...tabStyle, background } }, !!titleNode && typeof titleNode === 'function'
+            ? titleNode()
+            : titles.current.map((item, index) => {
+                return (React__default.createElement("div", { style: titleStyle, onClick: (e) => tabChange(item), className: classNames({
+                        active: String(item.paneKey) === String(value),
+                        disabled: item.disabled,
+                    }, `${b('')}__titles-item`), key: item.paneKey },
+                    type === 'line' && (React__default.createElement("div", { className: `${b('')}__titles-item__line`, style: tabsActiveStyle })),
+                    type === 'smile' && (React__default.createElement("div", { className: `${b('')}__titles-item__smile`, style: tabsActiveStyle },
+                        React__default.createElement(Icon, { classPrefix: iconClassPrefix, fontClassName: iconFontClassName, color: color, name: "joy-smile" }))),
+                    React__default.createElement("div", { className: classNames({
+                            ellipsis: ellipsis &&
+                                !titleScroll &&
+                                direction === 'horizontal',
+                        }, `${b('')}__titles-item__text`) }, item.title)));
+            })),
+        React__default.createElement("div", { className: `${b('')}__content__wrap` },
+            React__default.createElement("div", { className: `${b('')}__content`, style: contentStyle }, React__default.Children.map(children, (child, idx) => {
+                if (!React__default.isValidElement(child)) {
+                    return null;
+                }
+                let childProps = {
+                    ...child.props,
+                    activeKey: value,
+                };
+                if (String(value) !== String(child.props?.paneKey || idx) &&
+                    autoHeight) {
+                    childProps = {
+                        ...childProps,
+                        autoHeightClassName: 'inactive',
+                    };
+                }
+                return React__default.cloneElement(child, childProps);
+            })))));
 };
 Tabs.defaultProps = defaultProps;
 Tabs.displayName = 'NutTabs';
+
 export { Tabs as T };

package/dist/esm/tag.taro-00fe554d.js

@@ -0,0 +1,89 @@
+import React__default, { useState, useEffect } from 'react';
+import { I as Icon } from './icon.taro-1d0d4fb7.js';
+import { C as ComponentDefaults } from './typings-1c5f2628.js';
+import classNames from 'classnames';
+
+const defaultProps = {
+    ...ComponentDefaults,
+    type: 'default',
+    color: '',
+    textColor: '',
+    plain: false,
+    round: false,
+    mark: false,
+    closeable: false,
+    prefixCls: 'nut-tag',
+    onClose: (e) => { },
+    onClick: (e) => { },
+};
+const Tag = (props) => {
+    const { className, style, color, plain, type, round, prefixCls, children, mark, closeable, textColor, onClick, onClose, iconClassPrefix, iconFontClassName, } = {
+        ...defaultProps,
+        ...props,
+    };
+    const [btnName, setBtnName] = useState('');
+    const [isTagShow, setIsTagShow] = useState(true);
+    useEffect(() => {
+        setBtnName(classes());
+    }, [
+        type,
+        color,
+        textColor,
+        plain,
+        round,
+        mark,
+        closeable,
+        prefixCls,
+        onClick,
+        onClose,
+    ]);
+    const classes = () => {
+        const prefixCls = 'nut-tag';
+        return classNames({
+            [prefixCls]: true,
+            [`${prefixCls}--${type}`]: type,
+            [`${prefixCls}--plain`]: plain,
+            [`${prefixCls}--round`]: round,
+            [`${prefixCls}--mark`]: mark,
+            [`${prefixCls}--close`]: closeable,
+            [`${className}`]: className,
+        });
+    };
+    const handleClick = (e) => {
+        if (props.onClick) {
+            props.onClick(e);
+        }
+    };
+    // 综合考虑 textColor、color、plain 组合使用时的效果
+    const getStyle = () => {
+        const style = {};
+        // 标签内字体颜色
+        if (textColor) {
+            style.color = textColor;
+        }
+        else if (color && plain) {
+            style.color = color;
+        }
+        // 标签背景与边框颜色
+        if (plain) {
+            style.background = '#fff';
+            style.borderColor = color;
+        }
+        else if (color) {
+            style.background = color;
+        }
+        return style;
+    };
+    return (React__default.createElement(React__default.Fragment, null, closeable ? (isTagShow && (React__default.createElement("div", { className: btnName, style: { ...style, ...getStyle() }, onClick: (e) => handleClick(e) },
+        children && React__default.createElement("span", { className: "nut-tag-text" }, children),
+        React__default.createElement(Icon, { classPrefix: iconClassPrefix, fontClassName: iconFontClassName, className: "_icon", name: "close", size: "12", onClick: (e) => {
+                setIsTagShow(false);
+                if (props.onClose) {
+                    props.onClose(e);
+                }
+            } })))) : (React__default.createElement("div", { className: btnName, style: { ...style, ...getStyle() }, onClick: (e) => handleClick(e) }, children && React__default.createElement("span", { className: "nut-tag-text" }, children)))));
+};
+Tag.defaultProps = defaultProps;
+Tag.displayName = 'NutTag';
+
+export { Tag as T };

package/dist/esm/textarea.taro-42600f8c.js

@@ -0,0 +1,74 @@
+import React__default, { useState, useEffect } from 'react';
+import { u as useConfig } from './configprovider.taro-26882dd2.js';
+import { c as cn } from './bem-893ad28d.js';
+
+const defaultProps = {
+    defaultValue: '',
+    textAlign: 'left',
+    limitshow: false,
+    maxlength: '',
+    rows: '',
+    placeholder: '',
+    readonly: false,
+    disabled: false,
+    autosize: false,
+};
+const TextArea = (props) => {
+    const { locale } = useConfig();
+    const { className, defaultValue, textAlign, limitshow, maxlength, rows, placeholder, readonly, disabled, autosize, style, onChange, onBlur, onFocus, } = { ...defaultProps, ...props };
+    const textareaBem = cn('textarea');
+    const [inputValue, SetInputValue] = useState('');
+    useEffect(() => {
+        let initValue = defaultValue;
+        if (initValue && maxlength && [...initValue].length > Number(maxlength)) {
+            initValue = initValue.substring(0, Number(maxlength));
+        }
+        SetInputValue(initValue);
+    }, [defaultValue]);
+    const textChange = (event) => {
+        const text = event.detail ? event.detail : event.target;
+        if (maxlength && [...text.value].length > Number(maxlength)) {
+            text.value = text.value.substring(0, Number(maxlength));
+        }
+        SetInputValue(text.value);
+        onChange && onChange(text.value, event);
+    };
+    const textFocus = (event) => {
+        if (disabled)
+            return;
+        if (readonly)
+            return;
+        onFocus && onFocus(event);
+    };
+    const textBlur = (event) => {
+        if (disabled)
+            return;
+        if (readonly)
+            return;
+        const text = event.detail ? event.detail : event.target;
+        onChange && onChange(text.value, event);
+        onBlur && onBlur(event);
+    };
+    return (React__default.createElement("div", { className: `${textareaBem()} ${disabled ? textareaBem('disabled') : ''} ${className || ''}` },
+        React__default.createElement("textarea", { className: textareaBem('textarea'), style: {
+                textAlign,
+                resize: `${autosize ? 'vertical' : 'none'}`,
+                ...style,
+            }, disabled: disabled, readOnly: readonly, value: inputValue, onInput: (e) => {
+                textChange(e);
+            }, onChange: (e) => {
+                textChange(e);
+            }, onBlur: (e) => {
+                textBlur(e);
+            }, onFocus: (e) => {
+                textFocus(e);
+            }, rows: rows, maxLength: maxlength < 0 ? 0 : maxlength, placeholder: placeholder || locale.placeholder }),
+        limitshow ? (React__default.createElement("div", { className: textareaBem('limit') },
+            [...inputValue].length,
+            "/",
+            maxlength < 0 ? 0 : maxlength)) : null));
+};
+TextArea.defaultProps = defaultProps;
+TextArea.displayName = 'NutTextArea';
+
+export { TextArea as T };

package/dist/esm/timedetail.taro-c5f564fd.js

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

package/dist/esm/timepannel.taro-29f9dd86.js

@@ -0,0 +1,22 @@
+import React__default from 'react';
+import { c as cn } from './bem-893ad28d.js';
+import { u as useConfig } from './configprovider.taro-26882dd2.js';
+
+const defaultProps = {
+    className: '',
+    date: '',
+    curKey: 0,
+};
+const TimePannel = (props) => {
+    useConfig();
+    const { children, className, date, curKey, change } = {
+        ...defaultProps,
+        ...props,
+    };
+    const b = cn('timepannel');
+    return (React__default.createElement("div", { className: `${b()} ${className || ''}`, onClick: () => change(curKey) }, date));
+};
+TimePannel.defaultProps = defaultProps;
+TimePannel.displayName = 'NutTimePannel';
+
+export { TimePannel as T };