@nutui/nutui-react-taro 2.3.12 → 2.4.1-beta.0

package/dist/esm/pulltorefresh.taro-BJdQj5sL.js

@@ -1,145 +0,0 @@
-import { a as __awaiter } from "./tslib.es6-BZ8i9Q6l.js";
-import React__default, { useRef, useState } from "react";
-import { View } from "@tarojs/components";
-import { Loading, More } from "@nutui/icons-react-taro";
-import Taro from "@tarojs/taro";
-import { u as useConfig } from "./configprovider.taro-CyU_tvNJ.js";
-import { u as useTouch } from "./use-touch-OfEaR5qi.js";
-import { C as ComponentDefaults } from "./typings-DV9RBfhj.js";
-function bound(position, min, max) {
-  let ret = position;
-  if (min !== void 0) {
-    ret = Math.max(position, min);
-  }
-  if (max !== void 0) {
-    ret = Math.min(ret, max);
-  }
-  return ret;
-}
-function rubberband(distance, dimension, constant) {
-  return distance * dimension * constant / (dimension + constant * distance);
-}
-function rubberbandIfOutOfBounds(position, min, max, dimension, constant = 0.15) {
-  if (constant === 0)
-    return bound(position, min, max);
-  if (position < min)
-    return -rubberband(min - position, dimension, constant) + min;
-  if (position > max)
-    return +rubberband(position - max, dimension, constant) + max;
-  return position;
-}
-const sleep = (time) => new Promise((resolve) => setTimeout(resolve, time));
-const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { pullingText: "", canReleaseText: "", refreshingText: "", completeText: "", completeDelay: 500, disabled: false, headHeight: 50, threshold: 60, scrollTop: 0, onRefresh: () => {
-} });
-const PullToRefresh = (p) => {
-  const classPrefix = "nut-pulltorefresh";
-  const { locale } = useConfig();
-  const touch = useTouch();
-  const props = Object.assign(Object.assign(Object.assign({}, defaultProps), p), {
-    pullingText: p.pullingText || locale.pullToRefresh.pullingText,
-    canReleaseText: p.canReleaseText || locale.pullToRefresh.canReleaseText,
-    refreshingText: p.refreshingText || locale.pullToRefresh.refreshingText,
-    completeText: p.completeText || locale.pullToRefresh.completeText
-  });
-  const headHeight = props.headHeight;
-  const threshold = props.threshold;
-  const pullingRef = useRef(false);
-  const [status, setStatus] = useState("pulling");
-  const [height, setHeight] = useState(0);
-  const renderIcons = (status2) => {
-    return React__default.createElement(
-      React__default.Fragment,
-      null,
-      (status2 === "pulling" || status2 === "complete") && React__default.createElement(Loading, null),
-      (status2 === "canRelease" || status2 === "refreshing") && React__default.createElement(More, null)
-    );
-  };
-  const renderStatusIcon = () => {
-    var _a;
-    if (props.renderIcon) {
-      return (_a = props.renderIcon) === null || _a === void 0 ? void 0 : _a.call(props, status);
-    }
-    return renderIcons(status);
-  };
-  const renderStatusText = () => {
-    var _a;
-    if (props.renderText) {
-      return (_a = props.renderText) === null || _a === void 0 ? void 0 : _a.call(props, status);
-    }
-    if (status === "pulling")
-      return props.pullingText;
-    if (status === "canRelease")
-      return props.canReleaseText;
-    if (status === "refreshing")
-      return props.refreshingText;
-    if (status === "complete")
-      return props.completeText;
-    return "";
-  };
-  const handleTouchStart = (e) => {
-    touch.start(e);
-  };
-  const handleTouchMove = (e) => {
-    if (props.scrollTop > 0) {
-      return;
-    }
-    if (status === "refreshing" || status === "complete")
-      return;
-    touch.move(e);
-    if (touch.isVertical()) {
-      pullingRef.current = true;
-      setHeight(Math.max(rubberbandIfOutOfBounds(touch.deltaY.current, 0, 0, headHeight * 5, 0.5), 0));
-      setStatus(height > threshold ? "canRelease" : "pulling");
-    }
-  };
-  function doRefresh() {
-    return __awaiter(this, void 0, void 0, function* () {
-      setHeight(headHeight);
-      setStatus("refreshing");
-      try {
-        yield props.onRefresh();
-        setStatus("complete");
-      } catch (e) {
-        setHeight(0);
-        setStatus("pulling");
-        throw e;
-      }
-      if (props.completeDelay > 0) {
-        yield sleep(props.completeDelay);
-      }
-      setHeight(0);
-      setStatus("pulling");
-    });
-  }
-  const handleTouchEnd = () => {
-    pullingRef.current = false;
-    if (status === "canRelease") {
-      doRefresh();
-    } else {
-      setHeight(0);
-      setStatus("pulling");
-    }
-  };
-  const isAndroidWeApp = Taro.getSystemInfoSync().platform === "android" && Taro.getEnv() === "WEAPP";
-  const springStyles = Object.assign({ height: `${height}px` }, !pullingRef.current || isAndroidWeApp ? { transition: "height .3s ease" } : {});
-  return React__default.createElement(
-    View,
-    { className: `${classPrefix} ${props.className}`, style: props.style, onTouchStart: handleTouchStart, onTouchMove: handleTouchMove, onTouchEnd: handleTouchEnd },
-    React__default.createElement(
-      View,
-      { style: springStyles, className: `${classPrefix}-head` },
-      React__default.createElement(
-        "div",
-        { className: `${classPrefix}-head-content`, style: { height: headHeight } },
-        React__default.createElement("div", null, renderStatusIcon()),
-        React__default.createElement("div", null, renderStatusText())
-      )
-    ),
-    React__default.createElement("div", { className: `${classPrefix}-content` }, props.children)
-  );
-};
-PullToRefresh.defaultProps = defaultProps;
-PullToRefresh.displayName = "NutPullToRefresh";
-export {
-  PullToRefresh as P
-};

package/dist/esm/range.taro-BxMDs5Cy.js

@@ -1,266 +0,0 @@
-import { a as __awaiter } from "./tslib.es6-BZ8i9Q6l.js";
-import React__default, { useState, useRef, useEffect, useCallback } from "react";
-import classNames from "classnames";
-import { View } from "@tarojs/components";
-import { u as useTouch } from "./use-touch-OfEaR5qi.js";
-import { C as ComponentDefaults } from "./typings-DV9RBfhj.js";
-import { u as usePropsValue } from "./use-props-value-SH9krhkx.js";
-import { g as getRectByTaro } from "./get-rect-by-taro-CSN0TGnD.js";
-import { a as useRtl } from "./configprovider.taro-CyU_tvNJ.js";
-const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { range: false, min: 0, max: 100, step: 1, vertical: false, marks: {} });
-const Range = (props) => {
-  const rtl = useRtl();
-  const { className, range, disabled, button, vertical, marks, onChange, onStart, onEnd, minDescription, maxDescription, currentDescription, min, max, step, value, defaultValue } = Object.assign(Object.assign({}, defaultProps), props);
-  const classPrefix = "nut-range";
-  const [buttonIndex, setButtonIndex] = useState(0);
-  const [dragStatus, setDragStatus] = useState("start");
-  const touch = useTouch();
-  const root = useRef(null);
-  const [marksList, setMarksList] = useState([]);
-  const [startValue, setStartValue] = useState(0);
-  const handleChange = (value2) => {
-    onChange && onChange(value2);
-  };
-  const [current, setCurrent] = usePropsValue({
-    value,
-    defaultValue,
-    finalValue: 0,
-    onChange: handleChange
-  });
-  const [exactValue, setEaxctValue] = useState(() => value || defaultValue || 0);
-  const marksRef = useRef({});
-  useEffect(() => {
-    if (marks) {
-      if (Array.isArray(marks)) {
-        const list = marks.sort((a, b) => a.value - b.value).filter((point) => point.value >= min && point.value <= max);
-        setMarksList(list.map((mark) => mark.value));
-        list.forEach((mark) => {
-          marksRef.current[mark.value] = mark.label !== void 0 ? mark.label : mark.value;
-        });
-      } else {
-        const marksKeys = Object.keys(marks);
-        const list = marksKeys.map(parseFloat).sort((a, b) => a - b).filter((point) => point >= min && point <= max);
-        setMarksList(list);
-      }
-    }
-  }, [marks]);
-  const scope = () => {
-    return max - min;
-  };
-  const classes = classNames(classPrefix, {
-    [`${classPrefix}-disabled`]: disabled,
-    [`${classPrefix}-vertical`]: vertical
-  });
-  const containerClasses = classNames(`${classPrefix}-container`, {
-    [`${classPrefix}-container-vertical`]: vertical
-  }, className);
-  const markClassName = useCallback((mark) => {
-    const classPrefix2 = "nut-range-mark";
-    let lowerBound = min;
-    let upperBound = max;
-    if (range && Array.isArray(current)) {
-      lowerBound = current[0];
-      upperBound = current[1];
-    } else {
-      upperBound = current;
-    }
-    const isActive = mark <= upperBound && mark >= lowerBound;
-    return [
-      `${classPrefix2}-text`,
-      `${isActive ? `${classPrefix2}-text-active` : ""}`
-    ].join(" ");
-  }, [range, current, min, max]);
-  const isRange = (val) => {
-    return !!range && Array.isArray(val);
-  };
-  const calcMainAxis = () => {
-    const modelVal = current;
-    if (isRange(modelVal)) {
-      return `${(modelVal[1] - modelVal[0]) * 100 / scope()}%`;
-    }
-    return `${(modelVal - min) * 100 / scope()}%`;
-  };
-  const calcOffset = () => {
-    const modelVal = current;
-    if (isRange(modelVal)) {
-      return `${(modelVal[0] - min) * 100 / scope()}%`;
-    }
-    return `0%`;
-  };
-  const barStyle = () => {
-    if (vertical) {
-      return {
-        height: calcMainAxis(),
-        top: calcOffset(),
-        transition: dragStatus ? "none" : void 0
-      };
-    }
-    const dir = rtl ? "right" : "left";
-    return {
-      width: calcMainAxis(),
-      [dir]: calcOffset(),
-      transition: dragStatus ? "none" : void 0
-    };
-  };
-  const marksStyle = (mark) => {
-    const dir = rtl ? "right" : "left";
-    let style = {
-      [dir]: `${(mark - min) / scope() * 100}%`
-    };
-    if (vertical) {
-      style = {
-        top: `${(mark - min) / scope() * 100}%`
-      };
-    }
-    return style;
-  };
-  const tickClass = (mark) => {
-    if (range && Array.isArray(current)) {
-      return mark <= current[1] && mark >= current[0];
-    }
-    return mark <= current;
-  };
-  const format = (value2) => {
-    value2 = Math.max(+min, Math.min(value2, +max));
-    return Math.round(value2 / +step) * +step;
-  };
-  const isSameValue = (newValue, oldValue) => {
-    return JSON.stringify(newValue) === JSON.stringify(oldValue);
-  };
-  const handleOverlap = (value2) => {
-    if (value2[0] > value2[1]) {
-      return value2.slice(0).reverse();
-    }
-    return value2;
-  };
-  const updateValue = (value2, end) => {
-    if (isRange(value2)) {
-      value2 = handleOverlap(value2).map(format);
-    } else {
-      value2 = format(value2);
-    }
-    if (!isSameValue(value2, current)) {
-      setCurrent(value2);
-    }
-    end && onEnd && onEnd(value2);
-  };
-  const click = (event) => __awaiter(void 0, void 0, void 0, function* () {
-    if (disabled || !root.current) {
-      return;
-    }
-    setDragStatus("");
-    const rect = yield getRectByTaro(root.current);
-    let delta = (event.detail.x ? event.detail.x : event.clientX) - rect.left;
-    let total = rect.width;
-    if (vertical) {
-      delta = (event.detail.y ? event.detail.y : event.clientY) - rect.top;
-      total = rect.height;
-    }
-    const value2 = min + delta / total * scope();
-    setEaxctValue(current);
-    if (isRange(current)) {
-      const [left, right] = current;
-      const middle = (left + right) / 2;
-      if (value2 <= middle) {
-        updateValue([value2, right], true);
-      } else {
-        updateValue([left, value2], true);
-      }
-    } else {
-      updateValue(value2, true);
-    }
-  });
-  const onTouchStart = (event) => {
-    if (disabled) {
-      return;
-    }
-    touch.start(event);
-    setEaxctValue(current);
-    if (isRange(current)) {
-      setStartValue(current.map(format));
-    } else {
-      setStartValue(format(current));
-    }
-    setDragStatus("start");
-  };
-  const onTouchMove = (event) => __awaiter(void 0, void 0, void 0, function* () {
-    if (disabled || !root.current) {
-      return;
-    }
-    if (dragStatus === "start") {
-      onStart && onStart();
-    }
-    touch.move(event);
-    setDragStatus("draging");
-    const rect = yield getRectByTaro(root.current);
-    let delta = touch.deltaX.current;
-    let total = rect.width;
-    let diff = delta / total * scope();
-    diff = rtl ? -diff : diff;
-    if (vertical) {
-      delta = touch.deltaY.current;
-      total = rect.height;
-      diff = delta / total * scope();
-    }
-    let newValue;
-    if (isRange(startValue)) {
-      newValue = exactValue.slice();
-      newValue[buttonIndex] = startValue[buttonIndex] + diff;
-    } else {
-      newValue = startValue + diff;
-    }
-    setEaxctValue(newValue);
-    updateValue(newValue);
-  });
-  const onTouchEnd = () => {
-    if (disabled) {
-      return;
-    }
-    if (dragStatus === "draging") {
-      updateValue(current, true);
-    }
-    setDragStatus("");
-  };
-  const curValue = (idx) => {
-    const modelVal = current;
-    const value2 = typeof idx === "number" ? modelVal[idx] : modelVal;
-    return value2;
-  };
-  const renderButton = (index) => {
-    return React__default.createElement(React__default.Fragment, null, button || React__default.createElement("div", { className: "nut-range-button" }, currentDescription !== null && React__default.createElement("div", { className: "number" }, currentDescription ? currentDescription(curValue(index)) : curValue(index))));
-  };
-  return React__default.createElement(
-    "div",
-    { className: containerClasses },
-    minDescription !== null && React__default.createElement("div", { className: "min" }, minDescription || min),
-    React__default.createElement(
-      "div",
-      { ref: root, className: classes, onClick: (e) => click(e) },
-      marksList.length > 0 && React__default.createElement("div", { className: "nut-range-mark" }, marksList.map((mark) => {
-        return React__default.createElement(
-          "span",
-          { key: mark, className: markClassName(mark), style: marksStyle(mark) },
-          Array.isArray(marks) ? marksRef.current[mark] : marks[mark],
-          React__default.createElement("span", { className: classNames("nut-range-tick", {
-            active: tickClass(mark)
-          }) })
-        );
-      })),
-      React__default.createElement("div", { className: "nut-range-bar", style: barStyle() }, range ? [0, 1].map((item, index) => {
-        return React__default.createElement("div", { key: index, className: `${index === 0 ? "nut-range-button-wrapper-left" : ""}
-                  ${index === 1 ? "nut-range-button-wrapper-right" : ""}`, onTouchStart: (e) => {
-          if (typeof index === "number") {
-            setButtonIndex(index);
-          }
-          onTouchStart(e);
-        }, onTouchMove: (e) => onTouchMove(e), onTouchEnd, onTouchCancel: onTouchEnd, onClick: (e) => e.stopPropagation() }, renderButton(index));
-      }) : React__default.createElement(View, { catchMove: true, className: "nut-range-button-wrapper", onTouchStart: (e) => onTouchStart(e), onTouchMove: (e) => onTouchMove(e), onTouchEnd, onTouchCancel: onTouchEnd, onClick: (e) => e.stopPropagation() }, renderButton()))
-    ),
-    maxDescription !== null && React__default.createElement("div", { className: "max" }, maxDescription || max)
-  );
-};
-Range.defaultProps = defaultProps;
-Range.displayName = "NutRange";
-export {
-  Range as R
-};

package/dist/esm/swipe.taro-wm7YWwaj.js

@@ -1,185 +0,0 @@
-import { a as __awaiter } from "./tslib.es6-BZ8i9Q6l.js";
-import React__default, { forwardRef, useRef, useState, useImperativeHandle, useEffect } from "react";
-import classNames from "classnames";
-import { View } from "@tarojs/components";
-import { useReady, nextTick } from "@tarojs/taro";
-import { u as useTouch } from "./use-touch-OfEaR5qi.js";
-import { g as getRectByTaro } from "./get-rect-by-taro-CSN0TGnD.js";
-import { C as ComponentDefaults } from "./typings-DV9RBfhj.js";
-function preventDefault(event, isStopPropagation) {
-  if (typeof event.cancelable !== "boolean" || event.cancelable) {
-    event.preventDefault();
-  }
-  if (isStopPropagation) {
-    event.stopPropagation();
-  }
-}
-const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { name: "" });
-const Swipe = forwardRef((props, instanceRef) => {
-  const classPrefix = "nut-swipe";
-  const touch = useTouch();
-  useReady(() => {
-    const getWidth = () => __awaiter(void 0, void 0, void 0, function* () {
-      if (leftWrapper.current) {
-        const leftRect = yield getRectByTaro(leftWrapper.current);
-        setActionWidth((v) => Object.assign(Object.assign({}, v), { left: leftRect.width }));
-      }
-      if (rightWrapper.current) {
-        const rightRect = yield getRectByTaro(rightWrapper.current);
-        setActionWidth((v) => Object.assign(Object.assign({}, v), { right: rightRect.width }));
-      }
-    });
-    nextTick(() => getWidth());
-  });
-  const { children, className, style } = Object.assign(Object.assign({}, defaultProps), props);
-  const root = useRef();
-  const opened = useRef(false);
-  const lockClick = useRef(false);
-  const startOffset = useRef(0);
-  const [state, setState] = useState({
-    offset: 0,
-    dragging: false
-  });
-  const [actionWidth, setActionWidth] = useState({
-    left: 0,
-    right: 0
-  });
-  const wrapperStyle = {
-    transform: `translate3d(${state.offset}px, 0, 0)`,
-    transitionDuration: state.dragging ? "0s" : ".6s"
-  };
-  const leftWidth = actionWidth.left;
-  const rightWidth = actionWidth.right;
-  const onTouchStart = (event) => __awaiter(void 0, void 0, void 0, function* () {
-    var _a;
-    if (leftWrapper.current) {
-      const leftRect = yield getRectByTaro(leftWrapper.current);
-      setActionWidth((v) => Object.assign(Object.assign({}, v), { left: leftRect.width }));
-    }
-    if (rightWrapper.current) {
-      const rightRect = yield getRectByTaro(rightWrapper.current);
-      setActionWidth((v) => Object.assign(Object.assign({}, v), { right: rightRect === null || rightRect === void 0 ? void 0 : rightRect.width }));
-    }
-    if (!props.disabled) {
-      startOffset.current = state.offset;
-      touch.start(event);
-      (_a = props.onTouchStart) === null || _a === void 0 ? void 0 : _a.call(props, event);
-    }
-  });
-  const onTouchMove = (event) => {
-    var _a;
-    if (props.disabled) {
-      return;
-    }
-    touch.move(event);
-    (_a = props.onTouchMove) === null || _a === void 0 ? void 0 : _a.call(props, event);
-    if (touch.isHorizontal()) {
-      lockClick.current = true;
-      props.onTouchMove && props.onTouchMove(event);
-      const newState = Object.assign(Object.assign({}, state), { dragging: true });
-      const isEdge = !opened || touch.deltaX.current * startOffset.current < 0;
-      if (isEdge) {
-        preventDefault(event, true);
-      }
-      newState.offset = rangeCalculation(touch.deltaX.current + startOffset.current, -rightWidth || 0, leftWidth || 0);
-      setState(newState);
-    }
-  };
-  const onTouchEnd = (event) => {
-    var _a;
-    if (state.dragging) {
-      setState((v) => Object.assign(Object.assign({}, v), { dragging: false }));
-      toggle(state.offset > 0 ? "left" : "right");
-      setTimeout(() => {
-        lockClick.current = false;
-      }, 0);
-      (_a = props.onTouchEnd) === null || _a === void 0 ? void 0 : _a.call(props, event);
-    }
-  };
-  const toggle = (side) => {
-    const offset = Math.abs(state.offset);
-    const base = 0.3;
-    const baseNum = opened ? 1 - base : base;
-    const width = side === "left" ? leftWidth : rightWidth;
-    if (width && offset > Number(width) * baseNum) {
-      open(side);
-    } else {
-      close(side);
-    }
-  };
-  const open = (side) => {
-    var _a;
-    opened.current = true;
-    const offset = side === "left" ? leftWidth : -rightWidth;
-    const name = props.name;
-    (_a = props.onOpen) === null || _a === void 0 ? void 0 : _a.call(props, { name, position: side });
-    setState((v) => Object.assign(Object.assign({}, v), { offset: Number(offset) || 0 }));
-  };
-  const close = (position) => {
-    var _a;
-    if (opened.current) {
-      opened.current = false;
-      (_a = props.onClose) === null || _a === void 0 ? void 0 : _a.call(props, {
-        name: props.name,
-        position: position || "left"
-      });
-    }
-    setState((v) => Object.assign(Object.assign({}, v), { offset: 0 }));
-  };
-  const rangeCalculation = (num, min, max) => {
-    return Math.min(Math.max(Number(num), Number(min)), Number(max));
-  };
-  const leftWrapper = useRef(null);
-  const rightWrapper = useRef(null);
-  const renderActionContent = (side) => {
-    if (props[`${side}Action`]) {
-      return React__default.createElement("div", { ref: side === "left" ? leftWrapper : rightWrapper, className: `${classPrefix}-${side}`, onClick: (e) => handleOperate(e, side) }, props[`${side}Action`]);
-    }
-    return null;
-  };
-  const handleOperate = (event, position) => {
-    var _a;
-    event.stopPropagation();
-    if (props.beforeClose) {
-      props.beforeClose(position);
-    } else {
-      (_a = props.onActionClick) === null || _a === void 0 ? void 0 : _a.call(props, event, position);
-    }
-  };
-  useImperativeHandle(instanceRef, () => ({
-    open,
-    close: () => close()
-  }));
-  useEffect(() => {
-    const handler = (event) => {
-      const targets = [root];
-      if (targets.some((targetItem) => {
-        const targetElement = targetItem.current || targetItem;
-        return !targetElement || (targetElement === null || targetElement === void 0 ? void 0 : targetElement.contains(event.target));
-      })) {
-        return;
-      }
-      close();
-    };
-    document.addEventListener("touchstart", handler);
-    return () => {
-      document.removeEventListener("touchstart", handler);
-    };
-  }, []);
-  return React__default.createElement(
-    View,
-    { ref: root, className: classNames(classPrefix, className), onTouchStart: (e) => onTouchStart(e), onTouchMove: (e) => onTouchMove(e), onTouchEnd: (e) => onTouchEnd(e), style },
-    React__default.createElement(
-      "div",
-      { className: `${classPrefix}-wrapper`, style: wrapperStyle },
-      renderActionContent("left"),
-      children,
-      renderActionContent("right")
-    )
-  );
-});
-Swipe.defaultProps = defaultProps;
-Swipe.displayName = "NutSwipe";
-export {
-  Swipe as S
-};

package/dist/esm/tabbar.taro-8_SmJofa.js

@@ -1,44 +0,0 @@
-import React__default from "react";
-import classNames from "classnames";
-import { C as ComponentDefaults } from "./typings-DV9RBfhj.js";
-import { u as usePropsValue } from "./use-props-value-SH9krhkx.js";
-import { a as TabbarContext, T as TabbarItem } from "./tabbaritem.taro-Cb-yfOln.js";
-const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { defaultValue: 0, fixed: false, inactiveColor: "", activeColor: "", safeArea: false, onSwitch: (value) => {
-} });
-const Tabbar = (props) => {
-  const { children, defaultValue, value, fixed, activeColor, inactiveColor, safeArea, className, style, onSwitch } = Object.assign(Object.assign({}, defaultProps), props);
-  const classPrefix = "nut-tabbar";
-  const [selectIndex, setSelectIndex] = usePropsValue({
-    value,
-    defaultValue,
-    finalValue: 0,
-    onChange: onSwitch
-  });
-  return React__default.createElement(
-    "div",
-    { className: classNames(classPrefix, {
-      [`${classPrefix}-fixed`]: fixed
-    }, className), style },
-    React__default.createElement(
-      "div",
-      { className: `${classPrefix}-wrap` },
-      React__default.createElement(TabbarContext.Provider, { value: {
-        selectIndex,
-        activeColor,
-        inactiveColor,
-        handleClick: setSelectIndex
-      } }, React__default.Children.map(children, (child, index) => {
-        if (!React__default.isValidElement(child))
-          return null;
-        return React__default.cloneElement(child, Object.assign(Object.assign({}, child.props), { index }));
-      }))
-    ),
-    (fixed || safeArea) && React__default.createElement("div", { className: `${classPrefix}-safe-area` })
-  );
-};
-Tabbar.defaultProps = defaultProps;
-Tabbar.displayName = "NutTabbar";
-Tabbar.Item = TabbarItem;
-export {
-  Tabbar as T
-};

package/dist/esm/tabbaritem.taro-Cb-yfOln.js

@@ -1,58 +0,0 @@
-import { _ as __rest } from "./tslib.es6-BZ8i9Q6l.js";
-import React__default, { useContext } from "react";
-import classNames from "classnames";
-import { C as ComponentDefaults } from "./typings-DV9RBfhj.js";
-import { B as Badge } from "./badge.taro-CyDqBb9Z.js";
-const TabbarContext = React__default.createContext(null);
-const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { title: "", icon: null, value: "", dot: false, max: 99, top: "0", right: "5" });
-const TabbarItem = (props) => {
-  const ctx = useContext(TabbarContext);
-  const _a = Object.assign(Object.assign({}, defaultProps), props), {
-    className,
-    style,
-    title,
-    icon,
-    value,
-    dot,
-    max,
-    top,
-    right,
-    // @ts-ignore
-    index
-  } = _a, rest = __rest(_a, ["className", "style", "title", "icon", "value", "dot", "max", "top", "right", "index"]);
-  const active = index === (ctx === null || ctx === void 0 ? void 0 : ctx.selectIndex);
-  const classPrefix = "nut-tabbar-item";
-  const tabbarItemClass = classNames(classPrefix, {
-    [`${classPrefix}-active`]: active
-  }, className);
-  const boxPrefix = `${classPrefix}-icon-box`;
-  const titleClass = classNames(boxPrefix, `${boxPrefix}-nav`, {
-    [`${boxPrefix}-large`]: !icon
-  });
-  const badgeProps = {
-    value,
-    dot,
-    max,
-    top,
-    right,
-    color: ctx === null || ctx === void 0 ? void 0 : ctx.activeColor
-  };
-  return React__default.createElement("div", Object.assign({ className: tabbarItemClass, style: Object.assign({ color: active ? ctx === null || ctx === void 0 ? void 0 : ctx.activeColor : ctx === null || ctx === void 0 ? void 0 : ctx.inactiveColor }, style), onClick: () => ctx === null || ctx === void 0 ? void 0 : ctx.handleClick(index) }, rest), icon ? React__default.createElement(
-    React__default.Fragment,
-    null,
-    React__default.createElement(
-      Badge,
-      Object.assign({}, badgeProps),
-      React__default.createElement("div", { className: boxPrefix }, icon)
-    ),
-    React__default.createElement("div", { className: titleClass }, title)
-  ) : React__default.createElement(
-    Badge,
-    Object.assign({}, badgeProps),
-    React__default.createElement("div", { className: titleClass }, title)
-  ));
-};
-export {
-  TabbarItem as T,
-  TabbarContext as a
-};