@nutui/nutui-react 1.3.5 → 1.3.6

package/dist/esm/overlay-ed3eb37d.js

@@ -2,11 +2,8 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 var _excluded = ["children", "zIndex", "duration", "overlayClass", "closeOnClickOverlay", "visible", "lockScroll", "overlayStyle"];
-
 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';
@@ -19,24 +16,21 @@ var defaultOverlayProps = {
   lockScroll: true,
   overlayStyle: {}
 };
-
 var Overlay = function Overlay(props) {
   var _defaultOverlayProps$ = _objectSpread(_objectSpread({}, defaultOverlayProps), props),
-      children = _defaultOverlayProps$.children,
-      zIndex = _defaultOverlayProps$.zIndex,
-      duration = _defaultOverlayProps$.duration,
-      overlayClass = _defaultOverlayProps$.overlayClass,
-      closeOnClickOverlay = _defaultOverlayProps$.closeOnClickOverlay,
-      visible = _defaultOverlayProps$.visible,
-      lockScroll = _defaultOverlayProps$.lockScroll,
-      overlayStyle = _defaultOverlayProps$.overlayStyle,
-      rest = _objectWithoutProperties(_defaultOverlayProps$, _excluded);
-
+    children = _defaultOverlayProps$.children,
+    zIndex = _defaultOverlayProps$.zIndex,
+    duration = _defaultOverlayProps$.duration,
+    overlayClass = _defaultOverlayProps$.overlayClass,
+    closeOnClickOverlay = _defaultOverlayProps$.closeOnClickOverlay,
+    visible = _defaultOverlayProps$.visible,
+    lockScroll = _defaultOverlayProps$.lockScroll,
+    overlayStyle = _defaultOverlayProps$.overlayStyle,
+    rest = _objectWithoutProperties(_defaultOverlayProps$, _excluded);
   var _useState = useState(visible),
-      _useState2 = _slicedToArray(_useState, 2),
-      show = _useState2[0],
-      setShow = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    show = _useState2[0],
+    setShow = _useState2[1];
   var renderRef = useRef(true);
   var intervalRef = useRef(0);
   useEffect(function () {
@@ -56,12 +50,10 @@ var Overlay = function Overlay(props) {
     'first-render': renderRef.current && !visible,
     'hidden-render': !visible
   }, overlayClass, b(''));
-
   var styles = _objectSpread({
     zIndex: zIndex,
     animationDuration: "".concat(props.duration, "s")
   }, overlayStyle);
-
   var lock = function lock() {
     if (lockScroll && visible) {
       document.body.classList.add('nut-overflow-hidden');
@@ -69,7 +61,6 @@ var Overlay = function Overlay(props) {
       document.body.classList.remove('nut-overflow-hidden');
     }
   };
-
   var handleClick = function handleClick(e) {
     if (closeOnClickOverlay) {
       props.onClick && props.onClick(e);
@@ -80,7 +71,6 @@ var Overlay = function Overlay(props) {
       intervalRef.current = id;
     }
   };
-
   return React__default.createElement(React__default.Fragment, null, React__default.createElement("div", _objectSpread(_objectSpread({
     className: classes,
     style: styles
@@ -88,7 +78,6 @@ var Overlay = function Overlay(props) {
     onClick: handleClick
   }), children));
 };
-
 Overlay.defaultProps = defaultOverlayProps;
 Overlay.displayName = 'NutOverlay';
 export { Overlay as O, defaultOverlayProps as d };

package/dist/esm/render-18227751.js

@@ -1,43 +1,32 @@
 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 * as ReactDOM from 'react-dom';
 var createRoot;
 var version = ReactDOM.version;
-
 var reactDOMClone = _objectSpread({}, ReactDOM);
-
 try {
   var mainVersion = Number((version || '').split('.')[0]);
-
   if (mainVersion >= 18) {
     createRoot = reactDOMClone.createRoot;
   }
 } catch (e) {
   console.log(e);
 }
-
 function legacyRender(node, container) {
   ReactDOM.render(node, container);
 }
-
 function concurrentRender(node, container) {
   if (createRoot) {
     var root = createRoot(container);
     root.render(node);
   }
 }
-
 function render(node, container) {
   if (createRoot) {
     concurrentRender(node, container);
     return;
   }
-
   legacyRender(node, container);
 }
-
 export { render as r };

package/dist/esm/tabpane-c957ab14.js

@@ -1,9 +1,6 @@
 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';
@@ -13,14 +10,12 @@ var defaultProps = {
   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;
-
+    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
@@ -29,5 +24,4 @@ var TabPane = function TabPane(props) {
     className: classes
   }, children);
 };
-
 export { TabPane as T };

package/dist/esm/tabs-0896a61b.js

@@ -4,30 +4,22 @@ 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", "iconClassPrefix", "iconFontClassName"];
-
 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';
 import { C as ComponentDefaults } from './typings-1c5f2628.js';
-
-var Title = /*#__PURE__*/_createClass( // eslint-disable-next-line no-useless-constructor
+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 = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
   value: 0,
   color: '',
@@ -41,69 +33,58 @@ var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
   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,
-      iconClassPrefix = _defaultProps$props.iconClassPrefix,
-      iconFontClassName = _defaultProps$props.iconFontClassName,
-      rest = _objectWithoutProperties(_defaultProps$props, _excluded);
-
+    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,
+    iconClassPrefix = _defaultProps$props.iconClassPrefix,
+    iconFontClassName = _defaultProps$props.iconFontClassName,
+    rest = _objectWithoutProperties(_defaultProps$props, _excluded);
   var _useState = useState({
-    index: 0
-  }),
-      _useState2 = _slicedToArray(_useState, 2),
-      currentItem = _useState2[0],
-      setCurrentItem = _useState2[1];
-
+      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
-
+    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]);
@@ -126,18 +107,14 @@ var Tabs = function Tabs(props) {
     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", {
@@ -177,25 +154,20 @@ var Tabs = function Tabs(props) {
     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/types/src/packages/elevator/demo.d.ts

@@ -1,3 +1,4 @@
 /// <reference types="react" />
+import './demo.scss';
 declare const ElevatorDemo: () => JSX.Element;
 export default ElevatorDemo;

package/dist/esm/types/src/packages/searchbar/searchbar.d.ts

@@ -47,6 +47,8 @@ export interface SearchBarProps extends IComponent {
     onBlur?: (value: string, event: Event) => void;
     /** 点击清除按钮后触发	 */
     onClear?: (event: Event) => void;
+    /** 点击取消按钮后触发	 */
+    onCancel?: () => void;
     /** 点击输入区域时触发	 */
     onClickInput?: (event: Event) => void;
     /** 点击输入框内左侧图标时触发	 */

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

@@ -10,10 +10,8 @@
 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;
@@ -26,11 +24,9 @@ var getRect = function getRect(elementRef) {
       height: height
     };
   }
-
   if (element && element.getBoundingClientRect) {
     return element.getBoundingClientRect();
   }
-
   return {
     top: 0,
     left: 0,
@@ -40,5 +36,4 @@ var getRect = function getRect(elementRef) {
     height: 0
   };
 };
-
 export { getRect as g };

package/dist/esm/useTouch-a2ea68c6.js

@@ -1,73 +1,58 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import { useState } from 'react';
 var MIN_DISTANCE = 10;
-
 function getDirection(x, y) {
   if (x > y && x > MIN_DISTANCE) {
     return 'horizontal';
   }
-
   if (y > x && y > MIN_DISTANCE) {
     return 'vertical';
   }
-
   return '';
 }
-
 function useTouch() {
   var _useState = useState(0),
-      _useState2 = _slicedToArray(_useState, 2),
-      startX = _useState2[0],
-      SetStartX = _useState2[1];
-
+    _useState2 = _slicedToArray(_useState, 2),
+    startX = _useState2[0],
+    SetStartX = _useState2[1];
   var _useState3 = useState(0),
-      _useState4 = _slicedToArray(_useState3, 2),
-      startY = _useState4[0],
-      SetStartY = _useState4[1];
-
+    _useState4 = _slicedToArray(_useState3, 2),
+    startY = _useState4[0],
+    SetStartY = _useState4[1];
   var _useState5 = useState(0),
-      _useState6 = _slicedToArray(_useState5, 2),
-      moveX = _useState6[0],
-      SetMoveX = _useState6[1];
-
+    _useState6 = _slicedToArray(_useState5, 2),
+    moveX = _useState6[0],
+    SetMoveX = _useState6[1];
   var _useState7 = useState(0),
-      _useState8 = _slicedToArray(_useState7, 2),
-      moveY = _useState8[0],
-      SetMoveY = _useState8[1];
-
+    _useState8 = _slicedToArray(_useState7, 2),
+    moveY = _useState8[0],
+    SetMoveY = _useState8[1];
   var _useState9 = useState(0),
-      _useState10 = _slicedToArray(_useState9, 2),
-      deltaX = _useState10[0],
-      SetDeltaX = _useState10[1];
-
+    _useState10 = _slicedToArray(_useState9, 2),
+    deltaX = _useState10[0],
+    SetDeltaX = _useState10[1];
   var _useState11 = useState(0),
-      _useState12 = _slicedToArray(_useState11, 2),
-      deltaY = _useState12[0],
-      SetDeltaY = _useState12[1];
-
+    _useState12 = _slicedToArray(_useState11, 2),
+    deltaY = _useState12[0],
+    SetDeltaY = _useState12[1];
   var _useState13 = useState(0),
-      _useState14 = _slicedToArray(_useState13, 2),
-      offsetX = _useState14[0],
-      SetOffsetX = _useState14[1];
-
+    _useState14 = _slicedToArray(_useState13, 2),
+    offsetX = _useState14[0],
+    SetOffsetX = _useState14[1];
   var _useState15 = useState(0),
-      _useState16 = _slicedToArray(_useState15, 2),
-      offsetY = _useState16[0],
-      SetOffsetY = _useState16[1];
-
+    _useState16 = _slicedToArray(_useState15, 2),
+    offsetY = _useState16[0],
+    SetOffsetY = _useState16[1];
   var _useState17 = useState(''),
-      _useState18 = _slicedToArray(_useState17, 2),
-      direction = _useState18[0],
-      SetDirection = _useState18[1];
-
+    _useState18 = _slicedToArray(_useState17, 2),
+    direction = _useState18[0],
+    SetDirection = _useState18[1];
   var isVertical = function isVertical() {
     return direction === 'vertical';
   };
-
   var isHorizontal = function isHorizontal() {
     return direction === 'horizontal';
   };
-
   var reset = function reset() {
     SetDeltaX(0);
     SetDeltaY(0);
@@ -75,13 +60,11 @@ function useTouch() {
     SetOffsetY(0);
     SetDirection('');
   };
-
   var start = function start(event) {
     reset();
     SetStartX(event.touches[0].clientX);
     SetStartY(event.touches[0].clientY);
   };
-
   var move = function move(event) {
     var touch = event.touches[0];
     var dX = touch.clientX - startX;
@@ -92,12 +75,10 @@ function useTouch() {
     SetMoveY(touch.clientY);
     SetOffsetX(Math.abs(dX));
     SetOffsetY(Math.abs(dY));
-
     if (!direction) {
       SetDirection(getDirection(offsetX, offsetY));
     }
   };
-
   return {
     move: move,
     start: start,
@@ -115,5 +96,4 @@ function useTouch() {
     isHorizontal: isHorizontal
   };
 }
-
 export { useTouch as u };

package/dist/locales/base.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react v1.3.5 Wed Sep 28 2022 14:35:30 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v1.3.6 Wed Oct 12 2022 18:07:13 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */

package/dist/locales/en-US.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react v1.3.5 Wed Sep 28 2022 14:35:30 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v1.3.6 Wed Oct 12 2022 18:07:13 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */

package/dist/locales/id-ID.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react v1.3.5 Wed Sep 28 2022 14:35:30 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v1.3.6 Wed Oct 12 2022 18:07:13 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */

package/dist/locales/zh-CN.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react v1.3.5 Wed Sep 28 2022 14:35:30 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v1.3.6 Wed Oct 12 2022 18:07:13 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */

package/dist/locales/zh-TW.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react v1.3.5 Wed Sep 28 2022 14:35:30 GMT+0800 (China Standard Time)
+* @nutui/nutui-react v1.3.6 Wed Oct 12 2022 18:07:13 GMT+0800 (中国标准时间)
 * (c) 2022 @jdf2e.
 * Released under the MIT License.
 */