@nutui/nutui-react 2.3.1 → 2.3.3

package/dist/esm/Swiper.js

@@ -28,6 +28,8 @@ import classNames from "classnames";
 import { D as DataContext } from "./context4.js";
 import { g as getRect } from "./use-client-rect.js";
 import { I as Indicator } from "./indicator2.js";
+import { u as useTouch } from "./use-touch.js";
+import { r as requestAniFrame } from "./raf.js";
 import SwiperItem from "./SwiperItem.js";
 var defaultProps = {
   duration: 500,
@@ -42,10 +44,9 @@ var defaultProps = {
   center: false,
   className: ""
 };
-var DISTANCE = 5;
 var Swiper = React__default.forwardRef(function(props, ref) {
-  var propSwiper = _objectSpread(_objectSpread({}, defaultProps), props);
-  var children = propSwiper.children, direction = propSwiper.direction, className = propSwiper.className, onChange = propSwiper.onChange, defaultValue = propSwiper.defaultValue, indicator = propSwiper.indicator, touchable = propSwiper.touchable, preventDefault = propSwiper.preventDefault, stopPropagation = propSwiper.stopPropagation, autoPlay = propSwiper.autoPlay, center = propSwiper.center, rest = _objectWithoutProperties(propSwiper, _excluded);
+  var mergedProps = _objectSpread(_objectSpread({}, defaultProps), props);
+  var children = mergedProps.children, direction = mergedProps.direction, className = mergedProps.className, onChange = mergedProps.onChange, defaultValue = mergedProps.defaultValue, indicator = mergedProps.indicator, touchable = mergedProps.touchable, preventDefault = mergedProps.preventDefault, stopPropagation = mergedProps.stopPropagation, autoPlay = mergedProps.autoPlay, center = mergedProps.center, rest = _objectWithoutProperties(mergedProps, _excluded);
   var container = useRef(null);
   var innerRef = useRef(null);
   var swiperRef = useRef({
@@ -56,6 +57,7 @@ var Swiper = React__default.forwardRef(function(props, ref) {
     offset: 0,
     size: 0
   });
+  var touch = useTouch();
   var isVertical = direction === "vertical";
   var _useState = useState(null), _useState2 = _slicedToArray(_useState, 2), rect = _useState2[0], setRect = _useState2[1];
   var _useState3 = useState(0), _useState4 = _slicedToArray(_useState3, 2), active = _useState4[0], setActive = _useState4[1];
@@ -65,39 +67,28 @@ var Swiper = React__default.forwardRef(function(props, ref) {
   var _useState11 = useState([]), _useState12 = _slicedToArray(_useState11, 2), childOffset = _useState12[0], setChildOffset = _useState12[1];
   var _useState13 = useState(false), _useState14 = _slicedToArray(_useState13, 2), ready = _useState14[0], setReady = _useState14[1];
   var size = isVertical ? height : width;
-  var _useState15 = useState({
-    startX: 0,
-    startY: 0,
-    deltaX: 0,
-    deltaY: 0,
-    offsetX: 0,
-    offsetY: 0,
-    stateDirection: "",
-    delta: 0,
-    touchTime: 0
-  }), _useState16 = _slicedToArray(_useState15, 1), touch = _useState16[0];
   var _useMemo = useMemo(function() {
-    var childCount2 = 0;
-    var childs2 = React__default.Children.map(props.children, function(child) {
+    var count = 0;
+    var swiperItems2 = React__default.Children.map(props.children, function(child) {
       if (!React__default.isValidElement(child))
         return null;
-      childCount2++;
+      count++;
       return child;
     });
     return {
-      childs: childs2,
-      childCount: childCount2
+      swiperItems: swiperItems2,
+      swiperItemCount: count
     };
-  }, [props.children]), childs = _useMemo.childs, childCount = _useMemo.childCount;
-  var trackSize = childCount * Number(size);
+  }, [props.children]), swiperItems = _useMemo.swiperItems, swiperItemCount = _useMemo.swiperItemCount;
+  var trackSize = swiperItemCount * Number(size);
   var parent = {
-    propSwiper,
+    propSwiper: mergedProps,
     size
   };
   var minOffset = function() {
     if (rect) {
       var base = isVertical ? rect.height : rect.width;
-      return base - Number(size) * childCount;
+      return base - Number(size) * swiperItemCount;
     }
     return 0;
   }();
@@ -106,69 +97,63 @@ var Swiper = React__default.forwardRef(function(props, ref) {
     swiperRef.current.autoplayTimer = null;
   };
   var startPlay = function startPlay2() {
-    if (propSwiper.autoPlay <= 0 || childCount <= 1)
+    if (mergedProps.autoPlay <= 0 || swiperItemCount <= 1)
       return;
     stopAutoPlay();
     swiperRef.current.autoplayTimer = setTimeout(function() {
       next();
       startPlay2();
-    }, Number(propSwiper.autoPlay));
+    }, Number(mergedProps.autoPlay));
   };
   var resetPosition = function resetPosition2() {
     swiperRef.current.moving = true;
     if (active <= -1) {
       move({
-        pace: childCount
+        pace: swiperItemCount
       });
     }
-    if (active >= childCount) {
+    if (active >= swiperItemCount) {
       move({
-        pace: -childCount
+        pace: -swiperItemCount
       });
     }
   };
   var prev = function prev2() {
     resetPosition();
-    resetTouchDetails();
-    requestFrame(function() {
-      requestFrame(function() {
-        swiperRef.current.moving = false;
-        move({
-          pace: -1,
-          isEmit: true
-        });
+    touch.reset();
+    requestAniFrame(function() {
+      swiperRef.current.moving = false;
+      move({
+        pace: -1,
+        isEmit: true
       });
     });
   };
   var next = function next2() {
     resetPosition();
-    resetTouchDetails();
-    requestFrame(function() {
-      requestFrame(function() {
-        swiperRef.current.moving = false;
-        move({
-          pace: 1,
-          isEmit: true
-        });
+    touch.reset();
+    requestAniFrame(function() {
+      swiperRef.current.moving = false;
+      move({
+        pace: 1,
+        isEmit: true
       });
     });
   };
   var to = function to2(index) {
     resetPosition();
-    resetTouchDetails();
-    requestFrame(function() {
-      requestFrame(function() {
-        swiperRef.current.moving = false;
-        var targetIndex;
-        if (props.loop && childCount === index) {
-          targetIndex = active === 0 ? 0 : index;
-        } else {
-          targetIndex = index % childCount;
-        }
-        move({
-          pace: targetIndex - active,
-          isEmit: true
-        });
+    touch.reset();
+    requestAniFrame(function() {
+      swiperRef.current.moving = false;
+      var targetIndex;
+      if (props.loop && swiperItemCount === index) {
+        targetIndex = active === 0 ? 0 : index;
+      } else {
+        targetIndex = index % swiperItemCount;
+      }
+      move({
+        pace: targetIndex - active,
+        isEmit: true
       });
     });
   };
@@ -177,7 +162,7 @@ var Swiper = React__default.forwardRef(function(props, ref) {
   };
   var move = function move2(_ref) {
     var _ref$pace = _ref.pace, pace = _ref$pace === void 0 ? 0 : _ref$pace, _ref$offset = _ref.offset, offset2 = _ref$offset === void 0 ? 0 : _ref$offset, _ref$isEmit = _ref.isEmit, isEmit = _ref$isEmit === void 0 ? false : _ref$isEmit, _ref$movingStatus = _ref.movingStatus, movingStatus = _ref$movingStatus === void 0 ? false : _ref$movingStatus;
-    if (childCount <= 1)
+    if (swiperItemCount <= 1)
       return;
     var targetActive = getActive(pace);
     var targetOffset = getOffset(targetActive, offset2);
@@ -186,27 +171,36 @@ var Swiper = React__default.forwardRef(function(props, ref) {
         var rightBound = targetOffset < minOffset;
         childOffset[0] = rightBound ? trackSize : 0;
       }
-      if (Array.isArray(children) && children[childCount - 1] && targetOffset !== 0) {
+      if (Array.isArray(children) && children[swiperItemCount - 1] && targetOffset !== 0) {
         var leftBound = targetOffset > 0;
-        childOffset[childCount - 1] = leftBound ? -trackSize : 0;
+        childOffset[swiperItemCount - 1] = leftBound ? -trackSize : 0;
       }
       setChildOffset(childOffset);
     }
     if (isEmit && active !== targetActive) {
-      props.onChange && props.onChange((targetActive + childCount) % childCount);
+      var _props$onChange;
+      (_props$onChange = props.onChange) === null || _props$onChange === void 0 || _props$onChange.call(props, (targetActive + swiperItemCount) % swiperItemCount);
     }
     active = targetActive;
     setActive(targetActive);
     setOffset(targetOffset);
     getStyle(targetOffset);
   };
+  React__default.useImperativeHandle(ref, function() {
+    return {
+      to,
+      next,
+      prev,
+      resize
+    };
+  });
   var getActive = function getActive2(pace) {
     if (pace) {
       var _active = active + pace;
       if (props.loop) {
-        return range(_active, -1, childCount);
+        return range(_active, -1, swiperItemCount);
       }
-      return range(_active, 0, childCount - 1);
+      return range(_active, 0, swiperItemCount - 1);
     }
     return active;
   };
@@ -222,45 +216,9 @@ var Swiper = React__default.forwardRef(function(props, ref) {
     }
     return targetOffset;
   };
-  var requestFrame = function requestFrame2(fn) {
-    window.requestAnimationFrame.call(window, fn);
-  };
   var range = function range2(num, min, max) {
     return Math.min(Math.max(num, min), max);
   };
-  var getDirection = function getDirection2(x, y) {
-    if (x > y && x > DISTANCE)
-      return "horizontal";
-    if (y > x && y > DISTANCE)
-      return "vertical";
-    return "";
-  };
-  var resetTouchDetails = function resetTouchDetails2() {
-    touch.startX = 0;
-    touch.startY = 0;
-    touch.deltaX = 0;
-    touch.deltaY = 0;
-    touch.offsetX = 0;
-    touch.offsetY = 0;
-    touch.delta = 0;
-    touch.stateDirection = "";
-    touch.touchTime = 0;
-  };
-  var touchStart = function touchStart2(e) {
-    resetTouchDetails();
-    touch.startX = e.touches[0].clientX;
-    touch.startY = e.touches[0].clientY;
-  };
-  var handleTouchMove = function handleTouchMove2(e) {
-    touch.deltaX = e.touches[0].clientX - touch.startX;
-    touch.deltaY = e.touches[0].clientY - touch.startY;
-    touch.offsetX = Math.abs(touch.deltaX);
-    touch.offsetY = Math.abs(touch.deltaY);
-    touch.delta = isVertical ? touch.deltaY : touch.deltaX;
-    if (!touch.stateDirection) {
-      touch.stateDirection = getDirection(touch.offsetX, touch.offsetY);
-    }
-  };
   var classPrefix = "nut-swiper";
   var contentClass = classNames(_defineProperty(_defineProperty({}, "".concat(classPrefix, "-inner"), true), "".concat(classPrefix, "-vertical"), isVertical));
   var getStyle = function getStyle2() {
@@ -272,18 +230,17 @@ var Swiper = React__default.forwardRef(function(props, ref) {
     } else {
       var _size = isVertical ? height : width;
       var val = isVertical ? rect.height - _size : rect.width - _size;
-      _offset = moveOffset + (active === childCount - 1 && !props.loop ? -val / 2 : val / 2);
+      _offset = moveOffset + (active === swiperItemCount - 1 && !props.loop ? -val / 2 : val / 2);
     }
     target.style.transitionDuration = "".concat(swiperRef.current.moving ? 0 : props.duration, "ms");
-    target.style[isVertical ? "height" : "width"] = "".concat(Number(size) * childCount, "px");
+    target.style[isVertical ? "height" : "width"] = "".concat(Number(size) * swiperItemCount, "px");
     target.style[isVertical ? "width" : "height"] = "".concat(isVertical ? width : height, "px");
     target.style.transform = "translate3D".concat(!isVertical ? "(".concat(_offset, "px,0,0)") : "(0,".concat(_offset, "px,0)"));
   };
   var onTouchStart = function onTouchStart2(e) {
     if (!props.touchable)
       return;
-    touchStart(e);
-    touch.touchTime = Date.now();
+    touch.start(e);
     stopAutoPlay();
     resetPosition();
   };
@@ -293,10 +250,10 @@ var Swiper = React__default.forwardRef(function(props, ref) {
     if (props.stopPropagation)
       e.stopPropagation();
     if (props.touchable && swiperRef.current.moving) {
-      handleTouchMove(e);
-      if (touch.stateDirection === props.direction) {
+      touch.move(e);
+      if (touch.direction.current === props.direction) {
         move({
-          offset: touch.delta
+          offset: touch.delta.current
         });
       }
     }
@@ -304,26 +261,24 @@ var Swiper = React__default.forwardRef(function(props, ref) {
   var onTouchEnd = function onTouchEnd2(e) {
     if (!props.touchable || !swiperRef.current.moving)
       return;
-    var speed = touch.delta / (Date.now() - touch.touchTime);
-    var isShouldMove = Math.abs(speed) > 0.3 || Math.abs(touch.delta) > Number((size / 2).toFixed(2));
-    var pace = 0;
+    var speed = touch.delta.current / (Date.now() - touch.touchTime.current);
+    var isShouldMove = Math.abs(speed) > 0.3 || Math.abs(touch.delta.current) > Number((size / 2).toFixed(2));
     swiperRef.current.moving = false;
-    if (isShouldMove && touch.stateDirection === props.direction) {
-      var offset2 = isVertical ? touch.offsetY : touch.offsetX;
+    if (isShouldMove && touch.direction.current === props.direction) {
+      var pace = 0;
+      var offset2 = touch.isVertical() ? touch.offsetY : touch.offsetX;
       if (props.loop) {
-        if (offset2 > 0) {
-          pace = touch.delta > 0 ? -1 : 1;
-        } else {
-          pace = 0;
+        if (offset2.current > 0) {
+          pace = touch.delta.current > 0 ? -1 : 1;
         }
       } else {
-        pace = -Math[touch.delta > 0 ? "ceil" : "floor"](touch.delta / size);
+        pace = -Math[touch.delta.current > 0 ? "ceil" : "floor"](touch.delta.current / size);
       }
       move({
         pace,
         isEmit: true
       });
-    } else if (touch.delta) {
+    } else if (touch.delta.current) {
       move({
         pace: 0
       });
@@ -332,17 +287,24 @@ var Swiper = React__default.forwardRef(function(props, ref) {
     }
     startPlay();
   };
-  useEffect(function() {
-    swiperRef.current.activeIndicator = (active + childCount) % childCount;
-  }, [active]);
-  var init = function init2() {
-    var active2 = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : +propSwiper.defaultValue;
+  var getItemStyle = function getItemStyle2(index) {
+    var style = {};
+    if (size) {
+      style[direction === "horizontal" ? "width" : "height"] = "".concat(size, "px");
+    }
+    var offset2 = childOffset[index];
+    if (offset2) {
+      style.transform = "translate3D".concat(direction === "horizontal" ? "(".concat(offset2, "px,0,0)") : "(0,".concat(offset2, "px,0)"));
+    }
+    return style;
+  };
+  var init = function init2(index) {
     var rect2 = getRect(container === null || container === void 0 ? void 0 : container.current);
-    var currentIndex = Math.max(Math.min(childCount - 1, active2), 0);
-    var width2 = +propSwiper.width || rect2.width;
-    var height2 = +propSwiper.height || rect2.height;
+    var currentIndex = Math.max(Math.min(swiperItemCount - 1, index || Number(mergedProps.defaultValue)), 0);
+    var width2 = Number(mergedProps.width) || rect2.width;
+    var height2 = Number(mergedProps.height) || rect2.height;
     size = isVertical ? height2 : width2;
-    trackSize = childCount * Number(size);
+    trackSize = swiperItemCount * Number(size);
     var targetOffset = getOffset(currentIndex);
     swiperRef.current.moving = true;
     if (ready) {
@@ -374,56 +336,47 @@ var Swiper = React__default.forwardRef(function(props, ref) {
     startPlay();
   }, [children]);
   useEffect(function() {
-    return init();
-  }, [propSwiper.defaultValue]);
-  useEffect(function() {
-    var target = container.current;
-    target.addEventListener("touchstart", onTouchStart, false);
-    target.addEventListener("touchmove", onTouchMove, false);
-    target.addEventListener("touchend", onTouchEnd, false);
+    var events = [{
+      name: "touchstart",
+      e: onTouchStart
+    }, {
+      name: "touchmove",
+      e: onTouchMove
+    }, {
+      name: "touchend",
+      e: onTouchEnd
+    }];
+    events.forEach(function(item) {
+      var _container$current;
+      (_container$current = container.current) === null || _container$current === void 0 || _container$current.addEventListener(item.name, item.e, false);
+    });
     return function() {
-      target.removeEventListener("touchstart", onTouchStart, false);
-      target.removeEventListener("touchmove", onTouchMove, false);
-      target.removeEventListener("touchend", onTouchEnd, false);
+      events.forEach(function(item) {
+        var _container$current2;
+        (_container$current2 = container.current) === null || _container$current2 === void 0 || _container$current2.removeEventListener(item.name, item.e, false);
+      });
     };
   });
+  useEffect(function() {
+    return init();
+  }, [props.defaultValue]);
   useEffect(function() {
     return function() {
       return stopAutoPlay();
     };
   }, []);
-  var getItemStyle = function getItemStyle2(index) {
-    var style = {};
-    if (size) {
-      style[direction === "horizontal" ? "width" : "height"] = "".concat(size, "px");
-    }
-    var offset2 = childOffset[index];
-    if (offset2) {
-      style.transform = "translate3D".concat(direction === "horizontal" ? "(".concat(offset2, "px,0,0)") : "(0,".concat(offset2, "px,0)"));
-    }
-    return style;
-  };
-  React__default.useImperativeHandle(ref, function() {
-    return {
-      to,
-      next,
-      prev,
-      resize
-    };
-  });
   var renderIndicator = function renderIndicator2() {
     if (React__default.isValidElement(indicator))
       return indicator;
-    if (indicator === true) {
-      return React__default.createElement("div", {
-        className: classNames(_defineProperty(_defineProperty({}, "".concat(classPrefix, "-indicator"), true), "".concat(classPrefix, "-indicator-vertical"), isVertical))
-      }, React__default.createElement(Indicator, {
-        current: (active + childCount) % childCount,
-        total: childs === null || childs === void 0 ? void 0 : childs.length,
-        direction
-      }));
-    }
-    return null;
+    if (!indicator)
+      return null;
+    return React__default.createElement("div", {
+      className: classNames(_defineProperty(_defineProperty({}, "".concat(classPrefix, "-indicator"), true), "".concat(classPrefix, "-indicator-vertical"), isVertical))
+    }, React__default.createElement(Indicator, {
+      current: (active + swiperItemCount) % swiperItemCount,
+      total: swiperItems === null || swiperItems === void 0 ? void 0 : swiperItems.length,
+      direction
+    }));
   };
   return React__default.createElement(DataContext.Provider, {
     value: parent
@@ -433,7 +386,7 @@ var Swiper = React__default.forwardRef(function(props, ref) {
   }, rest), React__default.createElement("div", {
     className: contentClass,
     ref: innerRef
-  }, React__default.Children.map(childs, function(child, index) {
+  }, React__default.Children.map(swiperItems, function(child, index) {
     return React__default.createElement("div", {
       className: "".concat(classPrefix, "-item-wrapper"),
       style: getItemStyle(index),

package/dist/esm/Tabbar.js

@@ -25,7 +25,7 @@ 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 { T as TabbarItem } from "./tabbaritem2.js";
+import { a as TabbarContext, T as TabbarItem } from "./tabbaritem2.js";
 import "./badge2.js";
 var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
   defaultValue: 0,
@@ -50,19 +50,20 @@ var Tabbar = function Tabbar2(props) {
     style
   }, React__default.createElement("div", {
     className: "".concat(classPrefix, "-wrap")
-  }, React__default.Children.map(children, function(child, idx) {
-    if (!React__default.isValidElement(child)) {
-      return null;
-    }
-    var childProps = _objectSpread(_objectSpread({}, child.props), {}, {
-      active: idx === selectIndex,
-      index: idx,
-      inactiveColor,
+  }, React__default.createElement(TabbarContext.Provider, {
+    value: {
+      selectIndex,
       activeColor,
+      inactiveColor,
       handleClick: setSelectIndex
-    });
-    return React__default.cloneElement(child, childProps);
-  })), (fixed || safeArea) && React__default.createElement("div", {
+    }
+  }, React__default.Children.map(children, function(child, index) {
+    if (!React__default.isValidElement(child))
+      return null;
+    return React__default.cloneElement(child, _objectSpread(_objectSpread({}, child.props), {}, {
+      index
+    }));
+  }))), (fixed || safeArea) && React__default.createElement("div", {
     className: "".concat(classPrefix, "-safe-area")
   }));
 };

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

@@ -1 +1 @@
-.nut-table{display:flex;width:100%;flex-direction:column;font-size:var(--nutui-font-size-3, 14px);color:var(--nutui-gray-7, #1a1a1a)}.nut-table-main{display:table;width:100%;border-collapse:collapse;overflow-x:hidden;color:var(--nutui-gray-7, #1a1a1a);background-color:var(--nutui-gray-1, #ffffff)}.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-tr,.nut-table-main-body-tr{display:table-row}.nut-table-main-head-tr-th,.nut-table-main-body-tr-th,.nut-table-main-head-tr-td,.nut-table-main-body-tr-td{display:table-cell;padding:var(--nutui-table-cols-padding, 10px)}.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: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:left}.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:right}.nut-table-main-head{display:table-header-group}.nut-table-main-body{display:table-row-group}.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)}
+.nut-table{overflow:hidden;position:relative}.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:auto;position:relative;border:1px solid var(--nutui-table-border-color, var(--nutui-black-3, rgba(0, 0, 0, .06)))}.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);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);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:left}.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:right}.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-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}