@nutui/nutui-react 2.3.12-beta.0 → 2.4.0-beta.0

package/dist/esm/raf.js

@@ -1,15 +1,17 @@
+const inBrowser = typeof window !== "undefined";
 function requestAniFrame() {
   if (typeof window !== "undefined") {
-    var _window = window;
+    const _window = window;
     return _window.requestAnimationFrame || _window.webkitRequestAnimationFrame || function(callback) {
       _window.setTimeout(callback, 1e3 / 60);
     };
   }
-  return function(callback) {
+  return (callback) => {
     setTimeout(callback, 1e3 / 60);
   };
 }
-var requestAniFrame$1 = requestAniFrame();
+const requestAniFrame$1 = requestAniFrame();
 export {
+  inBrowser as i,
   requestAniFrame$1 as r
 };

package/dist/esm/render.js

@@ -1,52 +1,28 @@
-import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
-import _typeof from "@babel/runtime/helpers/typeof";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-import _regeneratorRuntime from "@babel/runtime/regenerator";
-function ownKeys(e, r) {
-  var t = Object.keys(e);
-  if (Object.getOwnPropertySymbols) {
-    var o = Object.getOwnPropertySymbols(e);
-    r && (o = o.filter(function(r2) {
-      return Object.getOwnPropertyDescriptor(e, r2).enumerable;
-    })), t.push.apply(t, o);
-  }
-  return t;
-}
-function _objectSpread(e) {
-  for (var r = 1; r < arguments.length; r++) {
-    var t = null != arguments[r] ? arguments[r] : {};
-    r % 2 ? ownKeys(Object(t), true).forEach(function(r2) {
-      _defineProperty(e, r2, t[r2]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function(r2) {
-      Object.defineProperty(e, r2, Object.getOwnPropertyDescriptor(t, r2));
-    });
-  }
-  return e;
-}
+import { a as __awaiter } from "./tslib.es6.js";
 import * as ReactDOM from "react-dom";
-var fullClone = _objectSpread({}, ReactDOM);
-var version = fullClone.version, reactRender = fullClone.render, unmountComponentAtNode = fullClone.unmountComponentAtNode;
-var createRoot;
+const fullClone = Object.assign({}, ReactDOM);
+const { version, render: reactRender, unmountComponentAtNode } = fullClone;
+let createRoot;
 try {
-  var mainVersion = Number((version || "").split(".")[0]);
+  const mainVersion = Number((version || "").split(".")[0]);
   if (mainVersion >= 18 && fullClone.createRoot) {
     createRoot = fullClone.createRoot;
   }
 } catch (e) {
 }
 function toggleWarning(skip) {
-  var __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED = fullClone.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-  if (__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED && _typeof(__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED) === "object") {
+  const { __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED } = fullClone;
+  if (__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED && typeof __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED === "object") {
     __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.usingClientEntryPoint = skip;
   }
 }
-var MARK = "__nutui_react_root__";
+const MARK = "__nutui_react_root__";
 function legacyRender(node, container) {
   reactRender(node, container);
 }
 function concurrentRender(node, container) {
   toggleWarning(true);
-  var root = container[MARK] || createRoot(container);
+  const root = container[MARK] || createRoot(container);
   toggleWarning(false);
   root.render(node);
   container[MARK] = root;
@@ -61,27 +37,14 @@ function render(node, container) {
 function legacyUnmount(container) {
   return unmountComponentAtNode(container);
 }
-function concurrentUnmount(_x) {
-  return _concurrentUnmount.apply(this, arguments);
-}
-function _concurrentUnmount() {
-  _concurrentUnmount = _asyncToGenerator(/* @__PURE__ */ _regeneratorRuntime.mark(function _callee(container) {
-    return _regeneratorRuntime.wrap(function _callee$(_context) {
-      while (1)
-        switch (_context.prev = _context.next) {
-          case 0:
-            return _context.abrupt("return", Promise.resolve().then(function() {
-              var _container$MARK;
-              (_container$MARK = container[MARK]) === null || _container$MARK === void 0 || _container$MARK.unmount();
-              delete container[MARK];
-            }));
-          case 1:
-          case "end":
-            return _context.stop();
-        }
-    }, _callee);
-  }));
-  return _concurrentUnmount.apply(this, arguments);
+function concurrentUnmount(container) {
+  return __awaiter(this, void 0, void 0, function* () {
+    return Promise.resolve().then(() => {
+      var _a;
+      (_a = container[MARK]) === null || _a === void 0 ? void 0 : _a.unmount();
+      delete container[MARK];
+    });
+  });
 }
 function unmount(container) {
   if (createRoot) {

package/dist/esm/safearea2.js

@@ -1,10 +1,8 @@
 import React__default from "react";
 import classNames from "classnames";
-var classPrefix = "nut-safe-area";
-var SafeArea = function SafeArea2(props) {
-  return React__default.createElement("div", {
-    className: classNames(classPrefix, "".concat(classPrefix, "-position-").concat(props.position))
-  });
+const classPrefix = "nut-safe-area";
+const SafeArea = (props) => {
+  return React__default.createElement("div", { className: classNames(classPrefix, `${classPrefix}-position-${props.position}`) });
 };
 export {
   SafeArea as S

package/dist/esm/supports-passive.js

@@ -1,9 +1,9 @@
 import { c as canUseDom } from "./can-use-dom.js";
-var passiveSupported = false;
+let passiveSupported = false;
 if (canUseDom) {
   try {
-    var opts = Object.defineProperty({}, "passive", {
-      get: function get() {
+    const opts = Object.defineProperty({}, "passive", {
+      get() {
         passiveSupported = true;
       }
     });

package/dist/esm/tabbaritem2.js

@@ -1,50 +1,35 @@
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _excluded = ["className", "style", "title", "icon", "value", "dot", "max", "top", "right", "index"];
-function ownKeys(e, r) {
-  var t = Object.keys(e);
-  if (Object.getOwnPropertySymbols) {
-    var o = Object.getOwnPropertySymbols(e);
-    r && (o = o.filter(function(r2) {
-      return Object.getOwnPropertyDescriptor(e, r2).enumerable;
-    })), t.push.apply(t, o);
-  }
-  return t;
-}
-function _objectSpread(e) {
-  for (var r = 1; r < arguments.length; r++) {
-    var t = null != arguments[r] ? arguments[r] : {};
-    r % 2 ? ownKeys(Object(t), true).forEach(function(r2) {
-      _defineProperty(e, r2, t[r2]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function(r2) {
-      Object.defineProperty(e, r2, Object.getOwnPropertyDescriptor(t, r2));
-    });
-  }
-  return e;
-}
+import { _ as __rest } from "./tslib.es6.js";
 import React__default, { useContext } from "react";
 import classNames from "classnames";
 import { C as ComponentDefaults } from "./typings.js";
 import { B as Badge } from "./badge2.js";
-var TabbarContext = React__default.createContext(null);
-var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
-  title: "",
-  icon: null,
-  value: "",
-  dot: false,
-  max: 99,
-  top: "0",
-  right: "5"
-});
-var TabbarItem = function TabbarItem2(props) {
-  var ctx = useContext(TabbarContext);
-  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), className = _defaultProps$props.className, style = _defaultProps$props.style, title = _defaultProps$props.title, icon = _defaultProps$props.icon, value = _defaultProps$props.value, dot = _defaultProps$props.dot, max = _defaultProps$props.max, top = _defaultProps$props.top, right = _defaultProps$props.right, index = _defaultProps$props.index, rest = _objectWithoutProperties(_defaultProps$props, _excluded);
-  var active = index === (ctx === null || ctx === void 0 ? void 0 : ctx.selectIndex);
-  var classPrefix = "nut-tabbar-item";
-  var tabbarItemClass = classNames(classPrefix, _defineProperty({}, "".concat(classPrefix, "-active"), active), className);
-  var boxPrefix = "".concat(classPrefix, "-icon-box");
-  var titleClass = classNames(boxPrefix, "".concat(boxPrefix, "-nav"), _defineProperty({}, "".concat(boxPrefix, "-large"), !icon));
-  var badgeProps = {
+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,
@@ -52,21 +37,20 @@ var TabbarItem = function TabbarItem2(props) {
     right,
     color: ctx === null || ctx === void 0 ? void 0 : ctx.activeColor
   };
-  return React__default.createElement("div", _objectSpread({
-    className: tabbarItemClass,
-    style: _objectSpread({
-      color: active ? ctx === null || ctx === void 0 ? void 0 : ctx.activeColor : ctx === null || ctx === void 0 ? void 0 : ctx.inactiveColor
-    }, style),
-    onClick: function onClick() {
-      return ctx === null || ctx === void 0 ? void 0 : ctx.handleClick(index);
-    }
-  }, rest), icon ? React__default.createElement(React__default.Fragment, null, React__default.createElement(Badge, _objectSpread({}, badgeProps), React__default.createElement("div", {
-    className: boxPrefix
-  }, icon)), React__default.createElement("div", {
-    className: titleClass
-  }, title)) : React__default.createElement(Badge, _objectSpread({}, badgeProps), React__default.createElement("div", {
-    className: titleClass
-  }, title)));
+  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,

package/dist/esm/tabs2.js

@@ -1,28 +1,4 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _excluded = ["activeColor", "tabStyle", "direction", "activeType", "duration", "align", "title", "children", "onClick", "onChange", "className", "autoHeight"];
-function ownKeys(e, r) {
-  var t = Object.keys(e);
-  if (Object.getOwnPropertySymbols) {
-    var o = Object.getOwnPropertySymbols(e);
-    r && (o = o.filter(function(r2) {
-      return Object.getOwnPropertyDescriptor(e, r2).enumerable;
-    })), t.push.apply(t, o);
-  }
-  return t;
-}
-function _objectSpread(e) {
-  for (var r = 1; r < arguments.length; r++) {
-    var t = null != arguments[r] ? arguments[r] : {};
-    r % 2 ? ownKeys(Object(t), true).forEach(function(r2) {
-      _defineProperty(e, r2, t[r2]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function(r2) {
-      Object.defineProperty(e, r2, Object.getOwnPropertyDescriptor(t, r2));
-    });
-  }
-  return e;
-}
+import { _ as __rest } from "./tslib.es6.js";
 import React__default, { useState, useRef, useEffect } from "react";
 import classNames from "classnames";
 import { JoySmile } from "@nutui/icons-react";
@@ -30,30 +6,23 @@ import { C as ComponentDefaults } from "./typings.js";
 import TabPane from "./TabPane.js";
 import { r as requestAniFrame } from "./raf.js";
 import { u as usePropsValue, a as useForceUpdate } from "./use-props-value.js";
-var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
-  tabStyle: {},
-  activeColor: "",
-  direction: "horizontal",
-  activeType: "line",
-  duration: 300,
-  autoHeight: false
-});
-var classPrefix = "nut-tabs";
-var Tabs = function Tabs2(props) {
-  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), activeColor = _defaultProps$props.activeColor, tabStyle = _defaultProps$props.tabStyle, direction = _defaultProps$props.direction, activeType = _defaultProps$props.activeType, duration = _defaultProps$props.duration, align = _defaultProps$props.align, title = _defaultProps$props.title, children = _defaultProps$props.children, onClick = _defaultProps$props.onClick, onChange = _defaultProps$props.onChange, className = _defaultProps$props.className, autoHeight = _defaultProps$props.autoHeight, rest = _objectWithoutProperties(_defaultProps$props, _excluded);
-  var _usePropsValue = usePropsValue({
+const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { tabStyle: {}, activeColor: "", direction: "horizontal", activeType: "line", duration: 300, autoHeight: false });
+const classPrefix = "nut-tabs";
+const Tabs = (props) => {
+  const _a = Object.assign(Object.assign({}, defaultProps), props), { activeColor, tabStyle, direction, activeType, duration, align, title, children, onClick, onChange, className, autoHeight } = _a, rest = __rest(_a, ["activeColor", "tabStyle", "direction", "activeType", "duration", "align", "title", "children", "onClick", "onChange", "className", "autoHeight"]);
+  const [value, setValue] = usePropsValue({
     value: props.value,
     defaultValue: props.defaultValue,
     finalValue: 0,
     onChange
-  }), _usePropsValue2 = _slicedToArray(_usePropsValue, 2), value = _usePropsValue2[0], setValue = _usePropsValue2[1];
-  var _useState = useState({}), _useState2 = _slicedToArray(_useState, 2), contentStyle = _useState2[0], setContentStyle = _useState2[1];
-  var titleItemsRef = useRef([]);
-  var navRef = useRef(null);
-  var scrollDirection = function scrollDirection2(nav, to, duration2, direction2) {
-    var count = 0;
-    var from = direction2 === "horizontal" ? nav.scrollLeft : nav.scrollTop;
-    var frames = duration2 === 0 ? 1 : Math.round(duration2 * 1e3 / 16);
+  });
+  const [contentStyle, setContentStyle] = useState({});
+  const titleItemsRef = useRef([]);
+  const navRef = useRef(null);
+  const scrollDirection = (nav, to, duration2, direction2) => {
+    let count = 0;
+    const from = direction2 === "horizontal" ? nav.scrollLeft : nav.scrollTop;
+    const frames = duration2 === 0 ? 1 : Math.round(duration2 * 1e3 / 16);
     function animate() {
       if (direction2 === "horizontal") {
         nav.scrollLeft += (to - from) / frames;
@@ -66,28 +35,28 @@ var Tabs = function Tabs2(props) {
     }
     animate();
   };
-  var scrollIntoView = function scrollIntoView2(index, immediate) {
-    var nav = navRef.current;
-    var titleItem = titleItemsRef.current;
+  const scrollIntoView = (index, immediate) => {
+    const nav = navRef.current;
+    const titleItem = titleItemsRef.current;
     if (!nav || !titleItem || !titleItem[index]) {
       return;
     }
-    var title2 = titleItem[index];
-    var to = 0;
+    const title2 = titleItem[index];
+    let to = 0;
     if (props.direction === "vertical") {
-      var runTop = title2.offsetTop - nav.offsetTop + 10;
+      const runTop = title2.offsetTop - nav.offsetTop + 10;
       to = runTop - (nav.offsetHeight - title2.offsetHeight) / 2;
     } else {
       to = title2.offsetLeft - (nav.offsetWidth - title2.offsetWidth) / 2;
     }
     scrollDirection(nav, to, immediate ? 0 : 0.3, props.direction);
   };
-  var getTitles = function getTitles2() {
-    var titles2 = [];
-    React__default.Children.forEach(children, function(child, idx) {
+  const getTitles = () => {
+    const titles2 = [];
+    React__default.Children.forEach(children, (child, idx) => {
       if (React__default.isValidElement(child)) {
-        var props2 = child === null || child === void 0 ? void 0 : child.props;
-        if (props2 !== null && props2 !== void 0 && props2.title || props2 !== null && props2 !== void 0 && props2.value) {
+        const props2 = child === null || child === void 0 ? void 0 : child.props;
+        if ((props2 === null || props2 === void 0 ? void 0 : props2.title) || (props2 === null || props2 === void 0 ? void 0 : props2.value)) {
           titles2.push({
             title: props2.title,
             value: props2.value || idx,
@@ -98,12 +67,12 @@ var Tabs = function Tabs2(props) {
     });
     return titles2;
   };
-  var titles = useRef(getTitles());
-  var forceUpdate = useForceUpdate();
-  useEffect(function() {
+  const titles = useRef(getTitles());
+  const forceUpdate = useForceUpdate();
+  useEffect(() => {
     titles.current = getTitles();
-    var current = "";
-    titles.current.forEach(function(title2) {
+    let current = "";
+    titles.current.forEach((title2) => {
       if (title2.value === value) {
         current = value;
       }
@@ -114,79 +83,72 @@ var Tabs = function Tabs2(props) {
       forceUpdate();
     }
   }, [children]);
-  var classes = classNames(classPrefix, "".concat(classPrefix, "-").concat(direction), className);
-  var classesTitle = classNames("".concat(classPrefix, "-titles"), _defineProperty(_defineProperty(_defineProperty({}, "".concat(classPrefix, "-titles-").concat(activeType), activeType), "".concat(classPrefix, "-titles-scrollable"), true), "".concat(classPrefix, "-titles-").concat(align), align));
-  var tabsActiveStyle = {
+  const classes = classNames(classPrefix, `${classPrefix}-${direction}`, className);
+  const classesTitle = classNames(`${classPrefix}-titles`, {
+    [`${classPrefix}-titles-${activeType}`]: activeType,
+    [`${classPrefix}-titles-scrollable`]: true,
+    [`${classPrefix}-titles-${align}`]: align
+  });
+  const tabsActiveStyle = {
     color: activeType === "smile" ? activeColor : "",
     background: activeType === "line" ? activeColor : ""
   };
-  useEffect(function() {
-    var index = titles.current.findIndex(function(t) {
-      return t.value == value;
-    });
+  useEffect(() => {
+    const index = titles.current.findIndex((t) => t.value == value);
     setContentStyle({
-      transform: direction === "horizontal" ? "translate3d(-".concat(index * 100, "%, 0, 0)") : "translate3d( 0,-".concat(index * 100, "%, 0)"),
-      transitionDuration: "".concat(duration, "ms")
+      transform: direction === "horizontal" ? `translate3d(-${index * 100}%, 0, 0)` : `translate3d( 0,-${index * 100}%, 0)`,
+      transitionDuration: `${duration}ms`
     });
-    setTimeout(function() {
+    setTimeout(() => {
       scrollIntoView(index);
     });
   }, [value]);
-  var tabChange = function tabChange2(item) {
+  const tabChange = (item) => {
     onClick && onClick(item.value);
     if (item.disabled) {
       return;
     }
     setValue(item.value);
   };
-  return React__default.createElement("div", _objectSpread({
-    className: classes
-  }, rest), React__default.createElement("div", {
-    className: classesTitle,
-    style: _objectSpread({}, tabStyle),
-    ref: navRef
-  }, !!title && typeof title === "function" ? title() : titles.current.map(function(item) {
-    return React__default.createElement("div", {
-      onClick: function onClick2() {
-        tabChange(item);
-      },
-      className: classNames("".concat(classPrefix, "-titles-item"), _defineProperty(_defineProperty(_defineProperty({}, "nut-tabs-titles-item-active", !item.disabled && String(item.value) === String(value)), "nut-tabs-titles-item-disabled", item.disabled), "nut-tabs-titles-item-".concat(align), align)),
-      ref: function ref(_ref) {
-        return titleItemsRef.current.push(_ref);
-      },
-      key: item.value
-    }, activeType === "line" && React__default.createElement("div", {
-      className: classNames("".concat(classPrefix, "-titles-item-line"), _defineProperty({}, "".concat(classPrefix, "-titles-item-line-").concat(direction), true)),
-      style: tabsActiveStyle
-    }), activeType === "smile" && React__default.createElement("div", {
-      className: "".concat(classPrefix, "-titles-item-smile"),
-      style: tabsActiveStyle
-    }, React__default.createElement(JoySmile, {
-      color: activeColor,
-      width: 40,
-      height: 20
-    })), React__default.createElement("div", {
-      className: classNames("".concat(classPrefix, "-ellipsis"), "".concat(classPrefix, "-titles-item-text"))
-    }, item.title));
-  })), React__default.createElement("div", {
-    className: "".concat(classPrefix, "-content-wrap")
-  }, React__default.createElement("div", {
-    className: "".concat(classPrefix, "-content"),
-    style: contentStyle
-  }, React__default.Children.map(children, function(child, idx) {
-    if (!React__default.isValidElement(child)) {
-      return null;
-    }
-    var childProps = _objectSpread(_objectSpread({}, child.props), {}, {
-      active: value === child.props.value
-    });
-    if (String(value) !== String(child.props.value || idx) && autoHeight) {
-      childProps = _objectSpread(_objectSpread({}, childProps), {}, {
-        autoHeightClassName: "inactive"
-      });
-    }
-    return React__default.cloneElement(child, childProps);
-  }))));
+  return React__default.createElement(
+    "div",
+    Object.assign({ className: classes }, rest),
+    React__default.createElement("div", { className: classesTitle, style: Object.assign({}, tabStyle), ref: navRef }, !!title && typeof title === "function" ? title() : titles.current.map((item) => {
+      return React__default.createElement(
+        "div",
+        { onClick: () => {
+          tabChange(item);
+        }, className: classNames(`${classPrefix}-titles-item`, {
+          [`nut-tabs-titles-item-active`]: !item.disabled && String(item.value) === String(value),
+          [`nut-tabs-titles-item-disabled`]: item.disabled,
+          [`nut-tabs-titles-item-${align}`]: align
+        }), ref: (ref) => titleItemsRef.current.push(ref), key: item.value },
+        activeType === "line" && React__default.createElement("div", { className: classNames(`${classPrefix}-titles-item-line`, {
+          [`${classPrefix}-titles-item-line-${direction}`]: true
+        }), style: tabsActiveStyle }),
+        activeType === "smile" && React__default.createElement(
+          "div",
+          { className: `${classPrefix}-titles-item-smile`, style: tabsActiveStyle },
+          React__default.createElement(JoySmile, { color: activeColor, width: 40, height: 20 })
+        ),
+        React__default.createElement("div", { className: classNames(`${classPrefix}-ellipsis`, `${classPrefix}-titles-item-text`) }, item.title)
+      );
+    })),
+    React__default.createElement(
+      "div",
+      { className: `${classPrefix}-content-wrap` },
+      React__default.createElement("div", { className: `${classPrefix}-content`, style: contentStyle }, React__default.Children.map(children, (child, idx) => {
+        if (!React__default.isValidElement(child)) {
+          return null;
+        }
+        let childProps = Object.assign(Object.assign({}, child.props), { active: value === child.props.value });
+        if (String(value) !== String(child.props.value || idx) && autoHeight) {
+          childProps = Object.assign(Object.assign({}, childProps), { autoHeightClassName: "inactive" });
+        }
+        return React__default.cloneElement(child, childProps);
+      }))
+    )
+  );
 };
 Tabs.defaultProps = defaultProps;
 Tabs.displayName = "NutTabs";

package/dist/esm/tslib.es6.js

@@ -0,0 +1,47 @@
+function __rest(s, e) {
+  var t = {};
+  for (var p in s)
+    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+      t[p] = s[p];
+  if (s != null && typeof Object.getOwnPropertySymbols === "function")
+    for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+      if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+        t[p[i]] = s[p[i]];
+    }
+  return t;
+}
+function __awaiter(thisArg, _arguments, P, generator) {
+  function adopt(value) {
+    return value instanceof P ? value : new P(function(resolve) {
+      resolve(value);
+    });
+  }
+  return new (P || (P = Promise))(function(resolve, reject) {
+    function fulfilled(value) {
+      try {
+        step(generator.next(value));
+      } catch (e) {
+        reject(e);
+      }
+    }
+    function rejected(value) {
+      try {
+        step(generator["throw"](value));
+      } catch (e) {
+        reject(e);
+      }
+    }
+    function step(result) {
+      result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected);
+    }
+    step((generator = generator.apply(thisArg, _arguments || [])).next());
+  });
+}
+typeof SuppressedError === "function" ? SuppressedError : function(error, suppressed, message) {
+  var e = new Error(message);
+  return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
+};
+export {
+  __rest as _,
+  __awaiter as a
+};

package/dist/esm/types/src/packages/button/demos/h5/demo1.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const Demo1: () => React.JSX.Element;
+export default Demo1;

package/dist/esm/types/src/packages/button/demos/h5/demo2.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const Demo2: () => React.JSX.Element;
+export default Demo2;

package/dist/esm/types/src/packages/button/demos/h5/demo3.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const Demo3: () => React.JSX.Element;
+export default Demo3;

package/dist/esm/types/src/packages/button/demos/h5/demo4.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const Demo4: () => React.JSX.Element;
+export default Demo4;

package/dist/esm/types/src/packages/button/demos/h5/demo5.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const Demo5: () => React.JSX.Element;
+export default Demo5;

package/dist/esm/types/src/packages/button/demos/h5/demo6.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const Demo6: () => React.JSX.Element;
+export default Demo6;

package/dist/esm/types/src/packages/button/demos/h5/demo7.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const App: () => React.JSX.Element;
+export default App;

package/dist/esm/types/src/packages/button/demos/h5/demo8.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const Demo8: () => React.JSX.Element;
+export default Demo8;

package/dist/esm/types/src/packages/button/demos/h5/demo9.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const App: () => React.JSX.Element;
+export default App;

package/dist/esm/types/src/packages/button/demos/taro/demo1.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const Demo1: () => React.JSX.Element;
+export default Demo1;

package/dist/esm/types/src/packages/button/demos/taro/demo10.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const App: () => React.JSX.Element;
+export default App;

package/dist/esm/types/src/packages/button/demos/taro/demo2.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const Demo2: () => React.JSX.Element;
+export default Demo2;