@nutui/nutui-react 2.7.0 → 3.0.0-beta.0

package/dist/esm/Swiper.js

@@ -1,333 +0,0 @@
-import React__default, { useRef, useState, useEffect, useMemo } from "react";
-import { useDrag } from "@use-gesture/react";
-import { animated, useSpring } from "@react-spring/web";
-import classNames from "classnames";
-import Indicator__default from "./Indicator.js";
-import { useRtl } from "./ConfigProvider.js";
-import SwiperItem__default from "./SwiperItem.js";
-const getRefValue = (ref) => {
-  return ref.current;
-};
-const useRefState = (param) => {
-  const ref = useRef(param);
-  const [, setState] = useState(param);
-  const updateState = (p) => {
-    ref.current = p;
-    setState(p);
-  };
-  return [ref, updateState];
-};
-const getPerSlidePosition$1 = (index, position, loop, count) => {
-  const currentPosition = index * 100 + position;
-  if (loop) {
-    const cycle = count * 100;
-    const shift = cycle / 2;
-    const nextPosition = (currentPosition + shift) % cycle;
-    const shiftedPosition = (nextPosition < 0 ? nextPosition + cycle : nextPosition) - shift;
-    return `${shiftedPosition}%`;
-  }
-  return `${currentPosition}%`;
-};
-const defaultEffect = (args) => {
-  return React__default.Children.map(args.children, (child, index) => {
-    const { isVertical, getSpringsAxis, loop, count } = args;
-    const rtl = useRtl();
-    const position = rtl ? "right" : "left";
-    return React__default.createElement(animated.div, { className: "nut-swiper-slide", style: {
-      [isVertical ? "y" : "x"]: getSpringsAxis().to((position2) => {
-        return getPerSlidePosition$1(index, position2, loop, count);
-      }),
-      [isVertical ? "top" : position]: `-${index * 100}%`
-    } }, child);
-  });
-};
-const getPerSlidePosition = (index, position, loop, count) => {
-  const currentPosition = index * 100 + position;
-  if (loop) {
-    const cycle = count * 100;
-    const shift = cycle / 2;
-    const nextPosition = (currentPosition + shift) % cycle;
-    const shiftedPosition = (nextPosition < 0 ? nextPosition + cycle : nextPosition) - shift;
-    return `${shiftedPosition}%`;
-  }
-  return `${currentPosition}%`;
-};
-const focusEffect = (args) => {
-  return React__default.Children.map(args.children, (child, index) => {
-    const rtl = useRtl();
-    const position = rtl ? "right" : "left";
-    const { isVertical, springs, transforms, loop, count, swiperDirection, dragging, current, effect } = args;
-    return React__default.createElement(animated.div, { className: "nut-swiper-slide", style: {
-      [isVertical ? "y" : "x"]: springs[isVertical ? "y" : "x"].to((position2) => {
-        return getPerSlidePosition(index, position2, loop, count);
-      }),
-      [isVertical ? "top" : position]: `-${index * 100}%`,
-      scale: springs.s.to((ss) => {
-        const scales = getRefValue(transforms);
-        if (!scales)
-          return 1;
-        const scale = scales[index];
-        const currentRefValue = getRefValue(current);
-        if (dragging === false)
-          ss = 0;
-        const ps = ss * scale;
-        if (index === currentRefValue) {
-          return Math.max(scale - ps, effect.scale);
-        }
-        if (index === currentRefValue + swiperDirection.current) {
-          return Math.min(scale + ps, 1);
-        }
-        return scale;
-      })
-    } }, child);
-  });
-};
-const useList = (effect, count, current) => {
-  const [transforms, setTransforms] = useRefState([]);
-  useEffect(() => {
-    setTransforms(Array.from({ length: count }).fill(1).map((scale, index) => index !== getRefValue(current) ? scale * (effect ? effect.scale : 1) : scale));
-  }, [count]);
-  return [transforms, setTransforms];
-};
-const updateTransform = (transforms, setTransforms, effect, page) => {
-  setTransforms(getRefValue(transforms).map((s, index) => (
-    // eslint-disable-next-line no-nested-ternary
-    page === index ? 1 : effect ? effect.scale : 1
-  )));
-};
-const defaultProps = {
-  direction: "horizontal",
-  indicator: false,
-  loop: false,
-  duration: 3e3,
-  autoPlay: false,
-  defaultValue: 0,
-  touchable: true,
-  effect: void 0
-};
-const Swiper = React__default.forwardRef((props, ref) => {
-  const classPrefix = "nut-swiper";
-  const { children, direction, indicator, loop, effect, autoPlay, touchable, defaultValue, duration, style, className } = Object.assign(Object.assign({}, defaultProps), props);
-  const isVertical = direction === "vertical";
-  const count = useMemo(() => {
-    let c = 0;
-    React__default.Children.map(children, (child, index) => {
-      c += 1;
-    });
-    return c;
-  }, [children]);
-  const getSlideSize = () => {
-    if (props.slideSize)
-      return props.slideSize;
-    if (stageRef.current) {
-      if (isVertical)
-        return stageRef.current.offsetHeight;
-      return stageRef.current.offsetWidth;
-    }
-    return 0;
-  };
-  const getSwiperSize = () => {
-    if (swiperRef.current) {
-      if (isVertical)
-        return swiperRef.current.offsetHeight;
-      return swiperRef.current.offsetWidth;
-    }
-    return 0;
-  };
-  const bound = (v, min, max) => {
-    if (min !== void 0) {
-      v = Math.max(v, min);
-    }
-    if (max !== void 0) {
-      v = Math.min(v, max);
-    }
-    return v;
-  };
-  const timeoutRef = useRef(null);
-  const [dragging, setDragging] = useState(false);
-  const [current, setCurrent] = useRefState(defaultValue);
-  const stageRef = useRef(null);
-  const swiperRef = useRef(null);
-  const [springs, api] = useSpring(() => ({
-    x: !isVertical ? current.current * 100 * -1 : 0,
-    y: isVertical ? current.current * 100 * -1 : 0,
-    s: 0,
-    reset: () => {
-    },
-    config: { tension: 200, friction: 30 }
-  }));
-  useEffect(() => {
-    api.start({
-      [isVertical ? "y" : "x"]: boundIndex(current.current) * -1 * 100,
-      immediate: true
-    });
-  }, [swiperRef.current]);
-  const swiperDirection = useRef(1);
-  const [transforms, setTransforms] = useList(effect, count, current);
-  const runTimeSwiper = () => {
-    const durationNumber = typeof duration === "string" ? parseInt(duration) : duration;
-    const d = typeof autoPlay === "number" ? autoPlay : durationNumber;
-    timeoutRef.current = window.setTimeout(() => {
-      next();
-      runTimeSwiper();
-    }, d);
-  };
-  useEffect(() => {
-    if (!autoPlay || dragging)
-      return;
-    runTimeSwiper();
-    return () => {
-      if (timeoutRef.current)
-        window.clearTimeout(timeoutRef.current);
-    };
-  }, [autoPlay, duration, dragging, count]);
-  function boundIndex(current2) {
-    const min = 0;
-    const max = count - 1;
-    if (current2 === max && !loop && props.slideSize) {
-      const slideSize = props.slideSize;
-      const swiperSize = getSwiperSize();
-      const ratio = (swiperSize - slideSize) / slideSize;
-      return bound(current2, min, max - ratio);
-    }
-    return current2;
-  }
-  const to = (index, immediate = false) => {
-    var _a;
-    let targetIndex = bound(index, 0, count - 1);
-    if (loop) {
-      const cycleIndex = index % count;
-      targetIndex = cycleIndex < 0 ? cycleIndex + count : cycleIndex;
-    }
-    setCurrent(targetIndex);
-    (_a = props.onChange) === null || _a === void 0 ? void 0 : _a.call(props, targetIndex);
-    if (effect) {
-      updateTransform(transforms, setTransforms, effect, targetIndex);
-    }
-    api.start({
-      // 这里需要统一成百分比
-      [isVertical ? "y" : "x"]: (loop ? -index : boundIndex(targetIndex) * -1) * 100,
-      s: 0,
-      immediate
-    });
-  };
-  const getSpringsAxis = () => {
-    return springs[isVertical ? "y" : "x"];
-  };
-  const next = () => {
-    to(Math.round(-getSpringsAxis().get() / 100) + 1);
-  };
-  const prev = () => {
-    to(Math.round(-getSpringsAxis().get() / 100) - 1);
-  };
-  React__default.useImperativeHandle(ref, () => ({
-    to,
-    next,
-    prev
-  }));
-  const bind = useDrag((state) => {
-    const axis = Number(isVertical);
-    const slideSize = getSlideSize();
-    const offset = state.offset[axis];
-    setDragging(!!state.dragging);
-    const distance = state.distance[axis];
-    swiperDirection.current = state.direction[axis];
-    if (state.last) {
-      const swipeDirection = state.direction[axis];
-      const velocity = state.velocity[axis];
-      const minIndex = Math.floor(offset / slideSize);
-      const maxIndex = minIndex + 1;
-      const index = Math.round((offset + velocity * 2e3 * swipeDirection) / slideSize);
-      to(bound(index, minIndex, maxIndex));
-    } else {
-      api.start({
-        [isVertical ? "y" : "x"]: -(offset / slideSize * 100),
-        s: distance / slideSize,
-        immediate: true
-      });
-    }
-  }, {
-    enabled: touchable,
-    transform: ([x, y]) => [-x, -y],
-    from: () => {
-      const slideSize = getSlideSize();
-      const x = springs.x.get() / 100 * slideSize;
-      const y = springs.y.get() / 100 * slideSize;
-      return [-x, -y];
-    },
-    triggerAllEvents: true,
-    bounds: () => {
-      if (loop)
-        return {};
-      const slideSize = getSlideSize();
-      getSwiperSize();
-      if (isVertical) {
-        return { top: 0, bottom: (count - 1) * slideSize };
-      }
-      return { left: 0, right: (count - 1) * slideSize };
-    },
-    preventDefault: true,
-    rubberband: true,
-    axis: isVertical ? "y" : "x",
-    pointer: {
-      touch: true
-    }
-  });
-  const renderIndicator = () => {
-    if (React__default.isValidElement(indicator))
-      return indicator;
-    if (!indicator)
-      return null;
-    return React__default.createElement(
-      "div",
-      { className: classNames({
-        [`${classPrefix}-indicator`]: true,
-        [`${classPrefix}-indicator-vertical`]: isVertical,
-        [`${classPrefix}-indicator-horizontal`]: !isVertical
-      }) },
-      React__default.createElement(Indicator__default, { current: getRefValue(current), total: count, direction })
-    );
-  };
-  const renderEffect = () => {
-    if (!effect)
-      return defaultEffect({
-        children,
-        getSpringsAxis,
-        loop,
-        count,
-        isVertical
-      });
-    if (effect && effect.name === "focus") {
-      return focusEffect({
-        children,
-        springs,
-        loop,
-        count,
-        isVertical,
-        effect,
-        current,
-        swiperDirection,
-        dragging,
-        transforms
-      });
-    }
-  };
-  const renderSlides = () => {
-    return React__default.createElement("div", { ref: stageRef, className: classNames("nut-swiper-inner", {
-      "nut-swiper-inner-vertical": isVertical,
-      "nut-swiper-inner-horizontal": !isVertical
-    }), style: Object.assign({}, props.slideSize ? { [isVertical ? "height" : "width"]: `${props.slideSize}px` } : {}) }, renderEffect());
-  };
-  return React__default.createElement(
-    "div",
-    Object.assign({ className: classNames("nut-swiper", className), style, ref: swiperRef }, bind()),
-    renderSlides(),
-    renderIndicator()
-  );
-});
-Swiper.displayName = "NutSwiper";
-const InnerSwiper = Swiper;
-InnerSwiper.Item = SwiperItem__default;
-export {
-  InnerSwiper as default
-};

package/dist/esm/SwiperItem/style/index.js

@@ -1,2 +0,0 @@
-
-import '../../../packages/swiperitem/swiperitem.scss'

package/dist/esm/SwiperItem/style/style.css

@@ -1 +0,0 @@
-.nut-swiper-item{height:100%}

package/dist/esm/SwiperItem.js

@@ -1,15 +0,0 @@
-import React__default from "react";
-import classNames from "classnames";
-const defaultProps = {
-  onClick: (e) => void 0
-};
-const SwiperItem = (props) => {
-  const classPrefix = "nut-swiper-item";
-  const { className, style, children } = Object.assign(Object.assign({}, defaultProps), props);
-  const classes = classNames(classPrefix, className);
-  return React__default.createElement("div", { className: classes, onClick: props.onClick, style }, children);
-};
-SwiperItem.displayName = "NutSwiperItem";
-export {
-  SwiperItem as default
-};

package/dist/esm/Switch/style/index.js

@@ -1,2 +0,0 @@
-
-import '../../../packages/switch/switch.scss'

package/dist/esm/Switch/style/style.css

@@ -1 +0,0 @@
-.nut-switch{cursor:pointer;display:flex;align-items:center;background-color:var(--nutui-switch-open-background-color, var(--nutui-color-primary, #fa2c19));border-radius:var(--nutui-switch-border-radius, 24px);background-size:100% 100%;background-repeat:no-repeat;background-position:center center;flex:0 0 auto}.nut-switch-button{display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--nutui-color-primary-text, #ffffff);transition:transform .3s;box-shadow:var(--nutui-switch-box-shadow, none)}.nut-switch-base{width:var(--nutui-switch-width, 40px);height:var(--nutui-switch-height, 24px);line-height:var(--nutui-switch-line-height, 24px)}.nut-switch-base .nut-switch-button{height:var(--nutui-switch-inside-height, 20px);width:var(--nutui-switch-inside-width, 20px);transform:var(--nutui-switch-inside-close-transform, translateX(14%))}.nut-switch-base.nut-switch-open .nut-switch-button{transform:var(--nutui-switch-inside-open-transform, translateX(90%))}.nut-switch-base.nut-switch-open.nut-switch-disabled{background-color:var(--nutui-switch-open-disabled-background-color, var(--nutui-color-primary-disabled, #fd9d94))}.nut-switch-base.nut-switch-close .nut-switch-close-line{width:12px;height:2px}.nut-switch-base.nut-switch-close.nut-switch-disabled{background-color:var(--nutui-switch-close-disabled-background-color, var(--nutui-black-3))}.nut-switch-close{background-color:var(--nutui-switch-close-background-color, var(--nutui-color-text-disabled, #bfbfbf))}.nut-switch-close-line{background:var(--nutui-switch-close-line-background-color, #fff);border-radius:2px}.nut-switch-label{color:var(--nutui-color-primary-text, #ffffff);font-size:var(--nutui-font-size-2, 12px)}.nut-switch-label.open{transform:translate(-18px)}.nut-switch-label.close{transform:translate(14px)}[dir=rtl] .nut-switch-base .nut-switch-button,.nut-rtl .nut-switch-base .nut-switch-button{transform:var(--nutui-switch-inside-close-transform, translateX(-14%))}[dir=rtl] .nut-switch-base.nut-switch-open .nut-switch-button,.nut-rtl .nut-switch-base.nut-switch-open .nut-switch-button{transform:var(--nutui-switch-inside-open-transform, translateX(-90%))}[dir=rtl] .nut-switch-label.open,.nut-rtl .nut-switch-label.open{transform:translate(18px)}[dir=rtl] .nut-switch-label.close,.nut-rtl .nut-switch-label.close{transform:translate(-14px)}

package/dist/esm/Switch.js

@@ -1,36 +0,0 @@
-import { _ as __rest } from "./tslib.es6.js";
-import React__default from "react";
-import { C as ComponentDefaults } from "./typings.js";
-import { u as usePropsValue } from "./use-props-value.js";
-const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { disabled: false, activeText: "", inactiveText: "" });
-const Switch = (props) => {
-  const _a = Object.assign(Object.assign({}, defaultProps), props), { checked, defaultChecked, disabled, activeText, inactiveText, className, style, onChange } = _a, rest = __rest(_a, ["checked", "defaultChecked", "disabled", "activeText", "inactiveText", "className", "style", "onChange"]);
-  const classPrefix = "nut-switch";
-  const [value, setValue] = usePropsValue({
-    value: checked,
-    defaultValue: defaultChecked
-  });
-  const classes = () => {
-    return `${classPrefix} ${value ? "nut-switch-open" : "nut-switch-close"} ${disabled ? `${classPrefix}-disabled` : ""} ${`${classPrefix}-base`} ${className}`;
-  };
-  const onClick = (event) => {
-    if (disabled)
-      return;
-    onChange && onChange(!value, event);
-    setValue(!value);
-  };
-  return React__default.createElement(
-    "div",
-    Object.assign({ className: classes(), onClick: (e) => onClick(e), style }, rest),
-    React__default.createElement(
-      "div",
-      { className: `${classPrefix}-button` },
-      !value && React__default.createElement("div", { className: `${classPrefix}-close-line` }),
-      activeText && React__default.createElement(React__default.Fragment, null, value ? React__default.createElement("div", { className: `${classPrefix}-label open` }, activeText) : React__default.createElement("div", { className: `${classPrefix}-label close` }, inactiveText))
-    )
-  );
-};
-Switch.displayName = "NutSwitch";
-export {
-  Switch as default
-};

package/dist/esm/TabPane/style/index.js

@@ -1,2 +0,0 @@
-
-import '../../../packages/tabpane/tabpane.scss'

package/dist/esm/TabPane/style/style.css

@@ -1 +0,0 @@
-.nut-tabpane{width:100%;flex-shrink:0;display:block;background-color:var(--nutui-tabs-tabpane-backgroundColor, #fff);color:var(--nutui-gray-7, #1a1a1a);padding:var(--nutui-tabs-tabpane-padding, 24px 20px);box-sizing:border-box;overflow:auto}.nut-tabpane.inactive{overflow:visible;height:0}

package/dist/esm/TabPane.js

@@ -1,18 +0,0 @@
-import React__default from "react";
-import classNames from "classnames";
-const defaultProps = {
-  title: "",
-  value: "",
-  disabled: false
-};
-const TabPane = (props) => {
-  const { children, autoHeightClassName, className, disabled } = Object.assign(Object.assign({}, defaultProps), props);
-  const classPrefix = "nut-tabpane";
-  const classes = classNames(classPrefix, {
-    active: !disabled && props.active
-  }, autoHeightClassName, className);
-  return children ? React__default.createElement("div", { className: classes }, !disabled && children) : null;
-};
-export {
-  TabPane as default
-};

package/dist/esm/Tabbar/style/index.js

@@ -1,2 +0,0 @@
-import '../../TabbarItem/style'
-import '../../../packages/tabbar/tabbar.scss'

package/dist/esm/Tabbar/style/style.css

@@ -1 +0,0 @@
-.nut-badge{position:relative;display:inline-block}.nut-badge-icon{position:absolute;display:flex;justify-content:center;align-items:center;background:var(--nutui-badge-background-color, linear-gradient(135deg, var(--nutui-color-primary-stop-1, #f53d4d) 0%, var(--nutui-color-primary-stop-2, #fa2c19) 100%));top:-10%;right:-15%;padding:var(--nutui-badge-icon-padding, 3px);text-align:center;border:var(--nutui-badge-border, 0px solid var(--nutui-color-primary-text, #ffffff));border-radius:var(--nutui-badge-border-radius, var(--nutui-badge-height, 14px));z-index:var(--nutui-badge-z-index, 1)}.nut-badge-icon .nut-icon{width:var(--nutui-badge-icon-size, 12px);height:var(--nutui-badge-icon-size, 12px);font-size:var(--nutui-badge-icon-size, 12px)}.nut-badge-sup{height:var(--nutui-badge-height, 14px);position:absolute;display:flex;justify-content:center;align-items:center;background:var(--nutui-badge-background-color, linear-gradient(135deg, var(--nutui-color-primary-stop-1, #f53d4d) 0%, var(--nutui-color-primary-stop-2, #fa2c19) 100%));color:var(--nutui-badge-color, #fff);padding:var(--nutui-badge-padding, 0 4px);font-size:var(--nutui-badge-font-size, var(--nutui-font-size-1, 10px));font-weight:400;text-align:center;border:var(--nutui-badge-border, 0px solid var(--nutui-color-primary-text, #ffffff));border-radius:var(--nutui-badge-border-radius, var(--nutui-badge-height, 14px));min-width:var(--nutui-badge-min-width, 5px);white-space:nowrap;z-index:1}.nut-badge-one{height:var(--nutui-badge-height, 14px);width:var(--nutui-badge-height, 14px);padding:0}.nut-badge-content{transform:var(--nutui-badge-content-transform, translateY(-50%) translateX(100%))}.nut-badge-dot{width:var(--nutui-badge-dot-width, 7px);height:var(--nutui-badge-dot-width, 7px);border:var(--nutui-badge-dot-border, 0px solid var(--nutui-color-primary-text, #ffffff));border-radius:var(--nutui-badge-dot-width, 7px);padding:0}.nut-badge-outline .nut-badge-content{background:var(--nutui-color-primary-text, #ffffff);border:1px solid var(--nutui-color-primary, #fa2c19);color:var(--nutui-color-primary, #fa2c19)}[dir=rtl] .nut-badge-icon,.nut-rtl .nut-badge-icon{right:auto;left:-15%}[dir=rtl] .nut-badge-content,.nut-rtl .nut-badge-content{transform:var(--nutui-badge-content-transform, translateY(-50%) translateX(-100%))}.nut-tabbar-item{display:flex;flex-direction:column;justify-content:center;align-items:center;flex:1;text-align:center;text-decoration:none;color:var(--nutui-tabbar-inactive-color, var(--nutui-gray-7, #1a1a1a));height:100%}.nut-tabbar-item-icon-box{padding:0;display:flex;flex-direction:column;align-items:center;position:relative}.nut-tabbar-item-icon-box .nut-icon{width:24px;height:24px;font-size:24px}.nut-tabbar-item-icon-box-nav{display:block;font-size:var(--nutui-tabbar-text-font-size, var(--nutui-font-size-1, 10px));margin-top:var(--nutui-tabbar-text-margin-top, 3px)}.nut-tabbar-item-icon-box-large{font-size:var(--nutui-tabbar-text-large-font-size, var(--nutui-font-size-4, 16px));margin-top:0;line-height:var(--nutui-tabbar-text-line-height, 20px);font-weight:var(--nutui-tabbar-text-large-font-weight, var(--nutui-font-weight, 400))}.nut-tabbar-item-active{color:var(--nutui-tabbar-active-color, var(--nutui-color-primary, #fa2c19))}.nut-tabbar-item-active .nut-tabbar-item-icon-box,.nut-tabbar-item-active .nut-tabbar-item-icon-box .nut-icon{color:inherit}.nut-tabbar{border:0px;box-shadow:var(--nutui-tabbar-box-shadow, none);border-bottom:var(--nutui-tabbar-border-bottom, 1px solid #eee);border-top:var(--nutui-tabbar-border-top, 1px solid #eee);width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;box-sizing:border-box;background:var(--nutui-gray-1, #ffffff)}.nut-tabbar-wrap{width:100%;height:var(--nutui-tabbar-height, 50px);display:flex;flex-direction:row;justify-content:center;align-items:center}.nut-tabbar:last-child{border-right:0}.nut-tabbar-fixed{position:fixed;bottom:0;left:0}.nut-tabbar-safe-area{display:block;width:100%;padding-bottom:constant(safe-area-inset-bottom);padding-bottom:env(safe-area-inset-bottom)}[dir=rtl] .nut-tabbar:last-child,.nut-rtl .nut-tabbar:last-child{border-right:none;border-left:0}[dir=rtl] .nut-tabbar-fixed,.nut-rtl .nut-tabbar-fixed{left:auto;right:0}

package/dist/esm/Tabbar.js

@@ -1,43 +0,0 @@
-import React__default from "react";
-import classNames from "classnames";
-import { C as ComponentDefaults } from "./typings.js";
-import { u as usePropsValue } from "./use-props-value.js";
-import { a as TabbarContext, T as TabbarItem } from "./tabbaritem2.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.displayName = "NutTabbar";
-Tabbar.Item = TabbarItem;
-export {
-  Tabbar as default
-};

package/dist/esm/TabbarItem/style/index.js

@@ -1,2 +0,0 @@
-import '../../Badge/style'
-import '../../../packages/tabbaritem/tabbaritem.scss'

package/dist/esm/TabbarItem/style/style.css

@@ -1 +0,0 @@
-.nut-badge{position:relative;display:inline-block}.nut-badge-icon{position:absolute;display:flex;justify-content:center;align-items:center;background:var(--nutui-badge-background-color, linear-gradient(135deg, var(--nutui-color-primary-stop-1, #f53d4d) 0%, var(--nutui-color-primary-stop-2, #fa2c19) 100%));top:-10%;right:-15%;padding:var(--nutui-badge-icon-padding, 3px);text-align:center;border:var(--nutui-badge-border, 0px solid var(--nutui-color-primary-text, #ffffff));border-radius:var(--nutui-badge-border-radius, var(--nutui-badge-height, 14px));z-index:var(--nutui-badge-z-index, 1)}.nut-badge-icon .nut-icon{width:var(--nutui-badge-icon-size, 12px);height:var(--nutui-badge-icon-size, 12px);font-size:var(--nutui-badge-icon-size, 12px)}.nut-badge-sup{height:var(--nutui-badge-height, 14px);position:absolute;display:flex;justify-content:center;align-items:center;background:var(--nutui-badge-background-color, linear-gradient(135deg, var(--nutui-color-primary-stop-1, #f53d4d) 0%, var(--nutui-color-primary-stop-2, #fa2c19) 100%));color:var(--nutui-badge-color, #fff);padding:var(--nutui-badge-padding, 0 4px);font-size:var(--nutui-badge-font-size, var(--nutui-font-size-1, 10px));font-weight:400;text-align:center;border:var(--nutui-badge-border, 0px solid var(--nutui-color-primary-text, #ffffff));border-radius:var(--nutui-badge-border-radius, var(--nutui-badge-height, 14px));min-width:var(--nutui-badge-min-width, 5px);white-space:nowrap;z-index:1}.nut-badge-one{height:var(--nutui-badge-height, 14px);width:var(--nutui-badge-height, 14px);padding:0}.nut-badge-content{transform:var(--nutui-badge-content-transform, translateY(-50%) translateX(100%))}.nut-badge-dot{width:var(--nutui-badge-dot-width, 7px);height:var(--nutui-badge-dot-width, 7px);border:var(--nutui-badge-dot-border, 0px solid var(--nutui-color-primary-text, #ffffff));border-radius:var(--nutui-badge-dot-width, 7px);padding:0}.nut-badge-outline .nut-badge-content{background:var(--nutui-color-primary-text, #ffffff);border:1px solid var(--nutui-color-primary, #fa2c19);color:var(--nutui-color-primary, #fa2c19)}[dir=rtl] .nut-badge-icon,.nut-rtl .nut-badge-icon{right:auto;left:-15%}[dir=rtl] .nut-badge-content,.nut-rtl .nut-badge-content{transform:var(--nutui-badge-content-transform, translateY(-50%) translateX(-100%))}.nut-tabbar-item{display:flex;flex-direction:column;justify-content:center;align-items:center;flex:1;text-align:center;text-decoration:none;color:var(--nutui-tabbar-inactive-color, var(--nutui-gray-7, #1a1a1a));height:100%}.nut-tabbar-item-icon-box{padding:0;display:flex;flex-direction:column;align-items:center;position:relative}.nut-tabbar-item-icon-box .nut-icon{width:24px;height:24px;font-size:24px}.nut-tabbar-item-icon-box-nav{display:block;font-size:var(--nutui-tabbar-text-font-size, var(--nutui-font-size-1, 10px));margin-top:var(--nutui-tabbar-text-margin-top, 3px)}.nut-tabbar-item-icon-box-large{font-size:var(--nutui-tabbar-text-large-font-size, var(--nutui-font-size-4, 16px));margin-top:0;line-height:var(--nutui-tabbar-text-line-height, 20px);font-weight:var(--nutui-tabbar-text-large-font-weight, var(--nutui-font-weight, 400))}.nut-tabbar-item-active{color:var(--nutui-tabbar-active-color, var(--nutui-color-primary, #fa2c19))}.nut-tabbar-item-active .nut-tabbar-item-icon-box,.nut-tabbar-item-active .nut-tabbar-item-icon-box .nut-icon{color:inherit}

package/dist/esm/TabbarItem.js

@@ -1,4 +0,0 @@
-import { T as TabbarItem } from "./tabbaritem2.js";
-export {
-  TabbarItem as default
-};

package/dist/esm/Table/style/index.js

@@ -1,2 +0,0 @@
-
-import '../../../packages/table/table.scss'

package/dist/esm/Table/style/style.css

@@ -1 +0,0 @@
-.nut-table{overflow:hidden;position:relative;word-wrap:break-word;word-break:break-all}.nut-table-wrapper{display:flex;width:100%;flex-direction:column;font-size:var(--nutui-font-size-3, 14px);color:var(--nutui-gray-7, #1a1a1a);overflow-y:auto;overflow-x:hidden;position:relative;border:1px solid var(--nutui-table-border-color, var(--nutui-black-3, rgba(0, 0, 0, .06)))}.nut-table-wrapper-sticky{overflow-x:auto}.nut-table-main{display:table;overflow-x:auto;color:var(--nutui-gray-7, #1a1a1a);background-color:var(--nutui-gray-1, #ffffff);table-layout:fixed;width:max-content;min-width:100%;position:relative}.nut-table-main-striped .nut-table-main-head-tr{background-color:var(--nutui-table-tr-even-bg-color, var(--nutui-gray-3, #f6f6f6))}.nut-table-main-striped .nut-table-main-body-tr:nth-child(odd){background-color:var(--nutui-table-tr-odd-bg-color, #ffffff)}.nut-table-main-striped .nut-table-main-body-tr:nth-child(2n){background-color:var(--nutui-table-tr-even-bg-color, var(--nutui-gray-3, #f6f6f6))}.nut-table-main-head,.nut-table-main-body{background:inherit}.nut-table-main-head-tr,.nut-table-main-body-tr{display:table-row;background:inherit}.nut-table-main-head-tr:last-child .nut-table-main-body-tr-td,.nut-table-main-body-tr:last-child .nut-table-main-body-tr-td{border-bottom:none}.nut-table-main-head-tr-th,.nut-table-main-body-tr-th{display:table-cell;padding:var(--nutui-table-cols-padding, 10px);table-layout:fixed;background:inherit;position:sticky;top:0}.nut-table-main-head-tr-th.nut-table-fixed-left,.nut-table-main-head-tr-th.nut-table-fixed-right,.nut-table-main-body-tr-th.nut-table-fixed-left,.nut-table-main-body-tr-th.nut-table-fixed-right{z-index:4}.nut-table-main-head-tr-th:last-child,.nut-table-main-body-tr-th:last-child{border-right:none}.nut-table-main-head-tr-td,.nut-table-main-body-tr-td{display:table-cell;padding:var(--nutui-table-cols-padding, 10px);table-layout:fixed;background:inherit}.nut-table-main-head-tr-td:last-child,.nut-table-main-body-tr-td:last-child{border-right:none}.nut-table-main-head-tr-td-nodata,.nut-table-main-body-tr-td-nodata{display:flex;height:50px;align-items:center;justify-content:center}.nut-table-main-head-tr-border,.nut-table-main-body-tr-border{border-right:1px solid var(--nutui-table-border-color, var(--nutui-black-3, rgba(0, 0, 0, .06)));border-bottom:1px solid var(--nutui-table-border-color, var(--nutui-black-3, rgba(0, 0, 0, .06)))}.nut-table-main-head-tr-alignleft,.nut-table-main-head-tr-align,.nut-table-main-body-tr-alignleft,.nut-table-main-body-tr-align{text-align:start}.nut-table-main-head-tr-aligncenter,.nut-table-main-body-tr-aligncenter{text-align:center}.nut-table-main-head-tr-alignright,.nut-table-main-body-tr-alignright{text-align:end}.nut-table-main-head{display:table-header-group}.nut-table-main-body{display:table-row-group}.nut-table-sticky-left,.nut-table-sticky-right{position:absolute;top:0;width:8px;bottom:-1px;overflow-x:hidden;overflow-y:hidden;box-shadow:none;touch-action:none;pointer-events:none;z-index:3;background:transparent}.nut-table-sticky-left{left:1px;box-shadow:var(--nutui-table-sticky-left-shadow, 4px 0 8px 0 rgba(0, 0, 0, .1))}.nut-table-sticky-right{right:1px;box-shadow:var(--nutui-table-sticky-right-shadow, -4px 0 8px 0 rgba(0, 0, 0, .1))}.nut-table-fixed-left,.nut-table-fixed-right{position:sticky;z-index:2}.nut-table-fixed-left.h5-div,.nut-table-fixed-right.h5-div{padding:var(--nutui-table-cols-padding, 10px) 0}.nut-table-fixed-left-last{border-right:none}.nut-table-summary{color:var(--nutui-gray-7, #1a1a1a);background-color:var(--nutui-gray-1, #ffffff);display:flex;align-items:center;justify-content:center;height:30px;padding:var(--nutui-table-cols-padding, 10px);position:relative;z-index:5}[dir=rtl] .nut-table-main-head-tr-th:last-child,[dir=rtl] .nut-table-main-body-tr-th:last-child,.nut-rtl .nut-table-main-head-tr-th:last-child,.nut-rtl .nut-table-main-body-tr-th:last-child{border-right:none;border-left:none}[dir=rtl] .nut-table-main-head-tr-td:last-child,[dir=rtl] .nut-table-main-body-tr-td:last-child,.nut-rtl .nut-table-main-head-tr-td:last-child,.nut-rtl .nut-table-main-body-tr-td:last-child{border-right:none;border-left:none}[dir=rtl] .nut-table-main-head-tr-border,[dir=rtl] .nut-table-main-body-tr-border,.nut-rtl .nut-table-main-head-tr-border,.nut-rtl .nut-table-main-body-tr-border{border-right:none;border-left:1px solid var(--nutui-table-border-color, var(--nutui-black-3, rgba(0, 0, 0, .06)))}[dir=rtl] .nut-table-main-head-tr-alignleft,[dir=rtl] .nut-table-main-head-tr-align,[dir=rtl] .nut-table-main-body-tr-alignleft,[dir=rtl] .nut-table-main-body-tr-align,.nut-rtl .nut-table-main-head-tr-alignleft,.nut-rtl .nut-table-main-head-tr-align,.nut-rtl .nut-table-main-body-tr-alignleft,.nut-rtl .nut-table-main-body-tr-align{text-align:right}[dir=rtl] .nut-table-main-head-tr-alignright,[dir=rtl] .nut-table-main-body-tr-alignright,.nut-rtl .nut-table-main-head-tr-alignright,.nut-rtl .nut-table-main-body-tr-alignright{text-align:left}[dir=rtl] .nut-table-sticky-left,.nut-rtl .nut-table-sticky-left{left:auto;right:1px;box-shadow:var(--nutui-table-sticky-right-shadow, -4px 0 8px 0 rgba(0, 0, 0, .1))}[dir=rtl] .nut-table-sticky-right,.nut-rtl .nut-table-sticky-right{right:auto;left:1px;box-shadow:var(--nutui-table-sticky-left-shadow, 4px 0 8px 0 rgba(0, 0, 0, .1))}[dir=rtl] .nut-table-fixed-left-last,.nut-rtl .nut-table-fixed-left-last{border-right:none;border-left:none}