@nutui/nutui-react 1.2.3-beta.4 → 1.3.1-beta.0

package/dist/esm/tabpane-c957ab14.js

@@ -0,0 +1,33 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+import React__default from 'react';
+import classNames from 'classnames';
+import { c as cn } from './bem-893ad28d.js';
+var defaultProps = {
+  title: '',
+  paneKey: '',
+  activeKey: '',
+  disabled: false
+};
+
+var TabPane = function TabPane(props) {
+  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
+      children = _defaultProps$props.children,
+      paneKey = _defaultProps$props.paneKey,
+      activeKey = _defaultProps$props.activeKey,
+      autoHeightClassName = _defaultProps$props.autoHeightClassName;
+
+  var b = cn('tabpane');
+  var classes = classNames({
+    active: paneKey === activeKey
+  }, b(''), autoHeightClassName);
+  return React__default.createElement("div", {
+    className: classes
+  }, children);
+};
+
+export { TabPane as T };

package/dist/esm/tabs-a48583e9.js

@@ -0,0 +1,196 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+import _createClass from "@babel/runtime/helpers/createClass";
+import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+var _excluded = ["value", "color", "background", "direction", "type", "titleScroll", "ellipsis", "animatedTime", "titleGutter", "size", "titleNode", "children", "onClick", "onChange", "className", "autoHeight"];
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+import React__default, { useState, useRef, useEffect } from 'react';
+import classNames from 'classnames';
+import { c as cn } from './bem-893ad28d.js';
+import Icon from './Icon.js';
+
+var Title = /*#__PURE__*/_createClass( // eslint-disable-next-line no-useless-constructor
+function Title() {
+  _classCallCheck(this, Title);
+
+  _defineProperty(this, "title", '');
+
+  _defineProperty(this, "paneKey", '');
+
+  _defineProperty(this, "disabled", false);
+
+  _defineProperty(this, "index", 0);
+});
+
+var defaultProps = {
+  value: 0,
+  color: '',
+  background: '',
+  direction: 'horizontal',
+  type: 'line',
+  titleScroll: false,
+  ellipsis: true,
+  animatedTime: 300,
+  titleGutter: 0,
+  size: 'normal',
+  autoHeight: false
+};
+
+var pxCheck = function pxCheck(value) {
+  return Number.isNaN(Number(value)) ? String(value) : "".concat(value, "px");
+};
+
+var Tabs = function Tabs(props) {
+  var _classNames;
+
+  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),
+      value = _defaultProps$props.value,
+      color = _defaultProps$props.color,
+      background = _defaultProps$props.background,
+      direction = _defaultProps$props.direction,
+      type = _defaultProps$props.type,
+      titleScroll = _defaultProps$props.titleScroll,
+      ellipsis = _defaultProps$props.ellipsis,
+      animatedTime = _defaultProps$props.animatedTime,
+      titleGutter = _defaultProps$props.titleGutter,
+      size = _defaultProps$props.size,
+      titleNode = _defaultProps$props.titleNode,
+      children = _defaultProps$props.children,
+      onClick = _defaultProps$props.onClick,
+      onChange = _defaultProps$props.onChange,
+      className = _defaultProps$props.className,
+      autoHeight = _defaultProps$props.autoHeight,
+      rest = _objectWithoutProperties(_defaultProps$props, _excluded);
+
+  var _useState = useState({
+    index: 0
+  }),
+      _useState2 = _slicedToArray(_useState, 2),
+      currentItem = _useState2[0],
+      setCurrentItem = _useState2[1];
+
+  var titles = useRef([]);
+  useEffect(function () {
+    var currentIndex = 0;
+    titles.current = []; // eslint-disable-next-line consistent-return
+
+    React__default.Children.forEach(children, function (child, idx) {
+      var _child$props, _child$props2;
+
+      if (!React__default.isValidElement(child)) {
+        return null;
+      }
+
+      var title = new Title();
+
+      if ((_child$props = child.props) !== null && _child$props !== void 0 && _child$props.title || (_child$props2 = child.props) !== null && _child$props2 !== void 0 && _child$props2.paneKey) {
+        var _child$props3, _child$props4, _child$props5;
+
+        title.title = (_child$props3 = child.props) === null || _child$props3 === void 0 ? void 0 : _child$props3.title;
+        title.paneKey = ((_child$props4 = child.props) === null || _child$props4 === void 0 ? void 0 : _child$props4.paneKey) || idx;
+        title.disabled = (_child$props5 = child.props) === null || _child$props5 === void 0 ? void 0 : _child$props5.disabled;
+        title.index = idx;
+
+        if (title.paneKey === value) {
+          currentIndex = idx;
+        }
+      }
+
+      titles.current.push(title);
+    });
+    setCurrentItem(titles.current[currentIndex]);
+  }, [children]);
+  var b = cn('tabs');
+  var classes = classNames(direction, b(''), className);
+  var classesTitle = classNames((_classNames = {}, _defineProperty(_classNames, type, type), _defineProperty(_classNames, "scrollable", titleScroll), _defineProperty(_classNames, size, size), _classNames), "".concat(b(''), "__titles"));
+  var titleStyle = {
+    marginLeft: pxCheck(titleGutter),
+    marginRight: pxCheck(titleGutter)
+  };
+  var tabsActiveStyle = {
+    color: type === 'smile' ? color : '',
+    background: type === 'line' ? color : ''
+  };
+  var index = titles.current.findIndex(function (t) {
+    return t.paneKey === value;
+  });
+  var contentStyle = {
+    transform: direction === 'horizontal' ? "translate3d(-".concat(index * 100, "%, 0, 0)") : "translate3d( 0,-".concat(index * 100, "%, 0)"),
+    transitionDuration: "".concat(animatedTime, "ms")
+  };
+
+  var tabChange = function tabChange(item, index) {
+    onClick && onClick(item);
+
+    if (item.disabled) {
+      return;
+    }
+
+    setCurrentItem(item);
+    onChange && onChange(item);
+  };
+
+  return React__default.createElement("div", _objectSpread({
+    className: classes
+  }, rest), React__default.createElement("div", {
+    className: classesTitle,
+    style: {
+      background: background
+    }
+  }, !!titleNode && typeof titleNode === 'function' ? titleNode() : titles.current.map(function (item, index) {
+    return React__default.createElement("div", {
+      style: titleStyle,
+      onClick: function onClick(e) {
+        return tabChange(item);
+      },
+      className: classNames({
+        active: String(item.paneKey) === String(value),
+        disabled: item.disabled
+      }, "".concat(b(''), "__titles-item")),
+      key: item.paneKey
+    }, type === 'line' && React__default.createElement("div", {
+      className: "".concat(b(''), "__titles-item__line"),
+      style: tabsActiveStyle
+    }), type === 'smile' && React__default.createElement("div", {
+      className: "".concat(b(''), "__titles-item__smile"),
+      style: tabsActiveStyle
+    }, React__default.createElement(Icon, {
+      color: color,
+      name: "joy-smile"
+    })), React__default.createElement("div", {
+      className: classNames({
+        ellipsis: ellipsis && !titleScroll && direction === 'horizontal'
+      }, "".concat(b(''), "__titles-item__text"))
+    }, item.title));
+  })), React__default.createElement("div", {
+    className: "".concat(b(''), "__content"),
+    style: contentStyle
+  }, React__default.Children.map(children, function (child, idx) {
+    var _child$props6;
+
+    if (!React__default.isValidElement(child)) {
+      return null;
+    }
+
+    var childProps = _objectSpread(_objectSpread({}, child.props), {}, {
+      activeKey: value
+    });
+
+    if (String(value) !== String(((_child$props6 = child.props) === null || _child$props6 === void 0 ? void 0 : _child$props6.paneKey) || idx) && autoHeight) {
+      childProps = _objectSpread(_objectSpread({}, childProps), {}, {
+        autoHeightClassName: 'inactive'
+      });
+    }
+
+    return React__default.cloneElement(child, childProps);
+  })));
+};
+
+Tabs.defaultProps = defaultProps;
+Tabs.displayName = 'NutTabs';
+export { Tabs as T };

package/dist/esm/useClientRect-839d18c5.js

@@ -0,0 +1,44 @@
+/**
+  获取元素的大小及其相对于视口的位置，等价于 Element.getBoundingClientRect。
+  width 宽度	number
+  height 高度	number
+  top	顶部与视图窗口左上角的距离	number
+  left	左侧与视图窗口左上角的距离	number
+  right	右侧与视图窗口左上角的距离	number
+  bottom	底部与视图窗口左上角的距离	number
+ */
+function isWindow(val) {
+  return val === window;
+}
+
+var getRect = function getRect(elementRef) {
+  var element = elementRef;
+
+  if (isWindow(element)) {
+    var width = element.innerWidth;
+    var height = element.innerHeight;
+    return {
+      top: 0,
+      left: 0,
+      right: width,
+      bottom: height,
+      width: width,
+      height: height
+    };
+  }
+
+  if (element && element.getBoundingClientRect) {
+    return element.getBoundingClientRect();
+  }
+
+  return {
+    top: 0,
+    left: 0,
+    right: 0,
+    bottom: 0,
+    width: 0,
+    height: 0
+  };
+};
+
+export { getRect as g };

package/dist/locales/base.d.ts

@@ -100,4 +100,20 @@ export interface BaseLang {
         title5: string;
         title6: string;
     };
+    audio: {
+        back: string;
+        forward: string;
+        pause: string;
+        start: string;
+        mute: string;
+        tips: string;
+    };
+    datepicker: {
+        year: string;
+        month: string;
+        day: string;
+        hour: string;
+        min: string;
+        seconds: string;
+    };
 }

package/dist/locales/base.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react v1.2.3-beta.4 Fri Aug 19 2022 09:34:50 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v1.3.1-beta.0 Wed Aug 31 2022 13:31:54 GMT+0800 (China Standard Time)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */

package/dist/locales/en-US.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react v1.2.3-beta.4 Fri Aug 19 2022 09:34:50 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v1.3.1-beta.0 Wed Aug 31 2022 13:31:54 GMT+0800 (China Standard Time)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
@@ -102,6 +102,22 @@ const enUS = {
     title4: "search box text settings",
     title5: "custom icon settings",
     title6: "data change monitoring"
+  },
+  audio: {
+    back: "fastBack",
+    forward: "forward",
+    pause: "pause",
+    start: "start",
+    mute: "mute",
+    tips: "The onplayend event will only be triggered when loop = false"
+  },
+  datepicker: {
+    year: "Year",
+    month: "Month",
+    day: "Day",
+    hour: "Hour",
+    min: "Minute",
+    seconds: "Second"
   }
 };
 export { enUS as default };

package/dist/locales/id-ID.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react v1.2.3-beta.4 Fri Aug 19 2022 09:34:50 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v1.3.1-beta.0 Wed Aug 31 2022 13:31:54 GMT+0800 (China Standard Time)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
@@ -102,6 +102,22 @@ const idID = {
     title4: "tetapan teks kotak pencarian",
     title5: "pengaturan ikon suai",
     title6: "Monitor perubahan data"
+  },
+  audio: {
+    back: "Fastback",
+    forward: "maju",
+    pause: "berhenti sebentar",
+    start: "Mulailah",
+    mute: "bisu",
+    tips: "Acara Onplayend hanya akan dipicu saat loop = false"
+  },
+  datepicker: {
+    year: "Tahun",
+    month: "Bulan",
+    day: "Hari",
+    hour: "Jam",
+    min: "Menit",
+    seconds: "Detik"
   }
 };
 export { idID as default };

package/dist/locales/zh-CN.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react v1.2.3-beta.4 Fri Aug 19 2022 09:34:50 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v1.3.1-beta.0 Wed Aug 31 2022 13:31:54 GMT+0800 (China Standard Time)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
@@ -104,6 +104,22 @@ const zhCN = {
     title4: "\u641C\u7D22\u6846\u6587\u672C\u8BBE\u7F6E",
     title5: "\u81EA\u5B9A\u4E49\u56FE\u6807\u8BBE\u7F6E",
     title6: "\u6570\u636E\u6539\u53D8\u76D1\u542C"
+  },
+  audio: {
+    back: "\u5FEB\u9000",
+    forward: "\u5FEB\u8FDB",
+    pause: "\u6682\u505C",
+    start: "\u5F00\u59CB",
+    mute: "\u9759\u97F3",
+    tips: "onPlayEnd\u4E8B\u4EF6\u5728loop=false\u65F6\u624D\u4F1A\u89E6\u53D1"
+  },
+  datepicker: {
+    year: "\u5E74",
+    month: "\u6708",
+    day: "\u65E5",
+    hour: "\u65F6",
+    min: "\u5206",
+    seconds: "\u79D2"
   }
 };
 export { zhCN as default };

package/dist/locales/zh-TW.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react v1.2.3-beta.4 Fri Aug 19 2022 09:34:50 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v1.3.1-beta.0 Wed Aug 31 2022 13:31:54 GMT+0800 (China Standard Time)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */
@@ -102,6 +102,22 @@ const zhTW = {
     title4: "\u8490\u7D22\u6846\u6587\u5B57\u8A2D\u5B9A",
     title5: "\u81EA\u5B9A\u7FA9\u5716\u6A19\u8A2D\u5B9A",
     title6: "\u6578\u64DA\u6539\u8B8A\u76E3\u807D"
+  },
+  audio: {
+    back: "\u5FEB\u9000",
+    forward: "\u5FEB\u9032",
+    pause: "\u66AB\u505C",
+    start: "\u958B\u59CB",
+    mute: "\u975C\u97F3",
+    tips: "onPlayEnd\u4E8B\u4EF6\u5728loop=false\u6642\u624D\u6703\u89F8\u767C"
+  },
+  datepicker: {
+    year: "\u5E74",
+    month: "\u6708",
+    day: "\u65E5",
+    hour: "\u6642",
+    min: "\u5206",
+    seconds: "\u79D2"
   }
 };
 export { zhTW as default };