@nutui/nutui-react 2.0.0-alpha.8 → 2.0.0-alpha.9

package/CHANGELOG.md

@@ -1,3 +1,23 @@
+# v2.0.0-alpha.9
+`2023-05-17`
+
+* :sparkles: feat: add createProperties.js (#1001) @Eiinu
+* :sparkles: feat: cascader支持受控 (#1000) @xiaoyatong
+* :sparkles: feat: elevator 支持右侧索引是否展示 (#1006) @拧巴的猫
+* :bug: fix(image): lazy 优化观察对象数量 (#1015) @Eiinu
+* :bug: fix: tabs children 变更后需要展示新的 title (#999) @oasis-cloud
+* :bug: fix: 格式化，删掉某些无用代码 (#1014) @xiaoyatong
+* 🛠 refactor: notify (#983) @拧巴的猫
+* 🛠 refactor: NumberKeyboard (#1012) @Eiinu
+* 🛠 refactor: price (#989) @拧巴的猫
+* 🛠 refactor: pulltorefresh (#1011) @oasis-cloud
+* 🛠 refactor: radio (#1009) @oasis-cloud
+* 🛠 refactor: Range (#991) @Eiinu
+* 🛠 refactor: swiper 重构；indcator 的索引计算改为从 0 开始 (#1008) @oasis-cloud
+* 🔨 chore: autoplay -> autoPlay (#1007) @Eiinu
+* 📖 docs(tabbar): update description (#1004) @Eiinu
+
+
 # v2.0.0-alpha.8
 `2023-05-12`
 * :sparkles:feat: cascader支持受控 (#1000) @xiaoyatong

package/dist/esm/Audio.js

@@ -1,7 +1,7 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _excluded = ["className", "src", "style", "muted", "autoplay", "loop", "preload", "type", "onBack", "onForward", "onPause", "onEnd", "onMute", "onCanPlay", "children"];
+var _excluded = ["className", "src", "style", "muted", "autoPlay", "loop", "preload", "type", "onBack", "onForward", "onPause", "onEnd", "onMute", "onCanPlay", "children"];
 function ownKeys(object, enumerableOnly) {
   var keys = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
@@ -33,7 +33,7 @@ import { C as ComponentDefaults } from "./typings.js";
 var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
   src: "",
   muted: false,
-  autoplay: false,
+  autoPlay: false,
   loop: false,
   preload: "auto",
   type: "progress",
@@ -52,7 +52,7 @@ var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
 });
 var Audio = function Audio2(props) {
   var _useConfig = useConfig(), locale = _useConfig.locale;
-  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), className = _defaultProps$props.className, src = _defaultProps$props.src, style = _defaultProps$props.style, muted = _defaultProps$props.muted, autoplay = _defaultProps$props.autoplay, loop = _defaultProps$props.loop, preload = _defaultProps$props.preload, type = _defaultProps$props.type, onBack2 = _defaultProps$props.onBack, onForward2 = _defaultProps$props.onForward, onPause2 = _defaultProps$props.onPause, onEnd2 = _defaultProps$props.onEnd, onMute2 = _defaultProps$props.onMute, onCanPlay2 = _defaultProps$props.onCanPlay, children = _defaultProps$props.children, rest = _objectWithoutProperties(_defaultProps$props, _excluded);
+  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), className = _defaultProps$props.className, src = _defaultProps$props.src, style = _defaultProps$props.style, muted = _defaultProps$props.muted, autoPlay = _defaultProps$props.autoPlay, loop = _defaultProps$props.loop, preload = _defaultProps$props.preload, type = _defaultProps$props.type, onBack2 = _defaultProps$props.onBack, onForward2 = _defaultProps$props.onForward, onPause2 = _defaultProps$props.onPause, onEnd2 = _defaultProps$props.onEnd, onMute2 = _defaultProps$props.onMute, onCanPlay2 = _defaultProps$props.onCanPlay, children = _defaultProps$props.children, rest = _objectWithoutProperties(_defaultProps$props, _excluded);
   var _useState = useState(false), _useState2 = _slicedToArray(_useState, 2), playing = _useState2[0], setPlaying = _useState2[1];
   var _useState3 = useState(0), _useState4 = _slicedToArray(_useState3, 2), percent = _useState4[0], setPercent = _useState4[1];
   var _useState5 = useState(false), _useState6 = _slicedToArray(_useState5, 2), isCanPlay = _useState6[0], setIsCanPlay = _useState6[1];
@@ -65,7 +65,7 @@ var Audio = function Audio2(props) {
     duration: "00:00:00",
     second: 0,
     hanMuted: props.muted,
-    playing: props.autoplay,
+    playing: props.autoPlay,
     handPlaying: false
   });
   var classPrefix = "nut-audio";
@@ -207,7 +207,7 @@ var Audio = function Audio2(props) {
   };
   var handleCanplay = function handleCanplay2(e) {
     setIsCanPlay(true);
-    if (props.autoplay && !playing) {
+    if (props.autoPlay && !playing) {
       AudioRef && AudioRef.current && AudioRef.current.play();
     }
     if (AudioRef.current) {

package/dist/esm/Elevator.js

@@ -1,7 +1,7 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _excluded = ["height", "floorKey", "list", "sticky", "spaceHeight", "titleHeight", "className", "style", "onClickItem", "onClickIndex", "children"];
+var _excluded = ["height", "floorKey", "list", "sticky", "spaceHeight", "titleHeight", "showKeys", "className", "style", "onClickItem", "onClickIndex", "children"];
 function ownKeys(object, enumerableOnly) {
   var keys = Object.keys(object);
   if (Object.getOwnPropertySymbols) {
@@ -35,11 +35,12 @@ var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
   list: [],
   sticky: false,
   spaceHeight: 23,
-  titleHeight: 35
+  titleHeight: 35,
+  showKeys: true
 });
 var Elevator = function Elevator2(props) {
   var _classNames2;
-  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), height = _defaultProps$props.height, floorKey = _defaultProps$props.floorKey, list = _defaultProps$props.list, sticky = _defaultProps$props.sticky, spaceHeight = _defaultProps$props.spaceHeight, titleHeight = _defaultProps$props.titleHeight, className = _defaultProps$props.className, style = _defaultProps$props.style, onClickItem = _defaultProps$props.onClickItem, onClickIndex = _defaultProps$props.onClickIndex, children = _defaultProps$props.children, rest = _objectWithoutProperties(_defaultProps$props, _excluded);
+  var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props), height = _defaultProps$props.height, floorKey = _defaultProps$props.floorKey, list = _defaultProps$props.list, sticky = _defaultProps$props.sticky, spaceHeight = _defaultProps$props.spaceHeight, titleHeight = _defaultProps$props.titleHeight, showKeys = _defaultProps$props.showKeys, className = _defaultProps$props.className, style = _defaultProps$props.style, onClickItem = _defaultProps$props.onClickItem, onClickIndex = _defaultProps$props.onClickIndex, children = _defaultProps$props.children, rest = _objectWithoutProperties(_defaultProps$props, _excluded);
   var classPrefix = "nut-elevator";
   var listview = useRef(null);
   var initData = {
@@ -192,7 +193,7 @@ var Elevator = function Elevator2(props) {
         value: subitem
       }, children)) : subitem.name);
     })));
-  }))), list.length && scrollStart ? React__default.createElement("div", {
+  }))), showKeys ? React__default.createElement(React__default.Fragment, null, list.length && scrollStart ? React__default.createElement("div", {
     className: classNames((_classNames2 = {}, _defineProperty(_classNames2, "".concat(classPrefix, "__code--current"), true), _defineProperty(_classNames2, "".concat(classPrefix, "__code--current--current"), true), _classNames2))
   }, list[codeIndex][floorKey]) : null, React__default.createElement("div", {
     className: "".concat(classPrefix, "__bars")
@@ -212,7 +213,7 @@ var Elevator = function Elevator2(props) {
         return handleClickIndex(item[floorKey]);
       }
     }, item[floorKey]);
-  }))));
+  })))) : null);
 };
 Elevator.defaultProps = defaultProps;
 Elevator.displayName = "NutElevator";

package/dist/esm/Image.js

@@ -71,7 +71,6 @@ var Image = function Image2(props) {
   }, style);
   var observer = useRef(null);
   var initObserver = function initObserver2() {
-    var images = document.querySelectorAll(".nut-img.lazyload");
     var options = {
       threshold: [0],
       rootMargin: "0px"
@@ -86,14 +85,12 @@ var Image = function Image2(props) {
               img.src = img.dataset.src;
               img.removeAttribute("data-src");
             }
-            observer.current.unobserve(item.target);
+            resetObserver();
           }, 300);
         }
       });
     }, options);
-    images.forEach(function(item) {
-      observer.current.observe(item);
-    });
+    observer.current.observe(imgRef.current);
   };
   var resetObserver = function resetObserver2() {
     observer.current.disconnect && observer.current.disconnect();

package/dist/esm/ImagePreview.js

@@ -30,16 +30,16 @@ var defaultProps = {
   images: [],
   videos: [],
   show: false,
-  autoplay: 3e3,
+  autoPlay: 3e3,
   initNo: 1,
   contentClose: false,
-  paginationVisible: false,
+  indicator: false,
   paginationColor: "#fff",
   onClose: function onClose() {
   }
 };
 var ImagePreview = function ImagePreview2(props) {
-  var images = props.images, videos = props.videos, show = props.show, initNo = props.initNo, paginationColor = props.paginationColor, paginationVisible = props.paginationVisible, autoplay = props.autoplay, contentClose = props.contentClose, onClose2 = props.onClose;
+  var images = props.images, videos = props.videos, show = props.show, initNo = props.initNo, paginationColor = props.paginationColor, indicator = props.indicator, autoPlay = props.autoPlay, contentClose = props.contentClose, onClose2 = props.onClose;
   var nutImagePreview = useRef(null);
   var _useState = useState(initNo), _useState2 = _slicedToArray(_useState, 2), innerNo = _useState2[0], setInnerNo = _useState2[1];
   var _useState3 = useState(false), _useState4 = _slicedToArray(_useState3, 2), showPop = _useState4[0], setShowPop = _useState4[1];
@@ -170,18 +170,18 @@ var ImagePreview = function ImagePreview2(props) {
     onClick: closeOnImg,
     onTouchStart
   }, React__default.createElement(Swiper, {
-    autoPlay: autoplay,
+    autoPlay,
     className: "nut-imagepreview-swiper",
     loop: true,
-    isPreventDefault: false,
+    preventDefault: false,
     style: {
-      display: showPop ? "block" : "none"
+      display: showPop ? "block" : "none",
+      "--nutui-indicator-color": paginationColor
     },
     direction: "horizontal",
     onChange: slideChangeEnd,
-    initPage: innerNo && (innerNo > maxNo ? maxNo - 1 : innerNo - 1),
-    paginationColor,
-    paginationVisible
+    defaultValue: innerNo && (innerNo > maxNo ? maxNo - 1 : innerNo - 1),
+    indicator
   }, (videos && videos.length > 0 ? videos.map(function(item, index) {
     return React__default.createElement(SwiperItem, {
       key: index

package/dist/esm/Indicator.js

@@ -26,7 +26,7 @@ import React__default from "react";
 import classNames from "classnames";
 var defaultProps = {
   total: 3,
-  current: 1,
+  current: 0,
   direction: "horizontal"
 };
 var classPrefix = "nut-indicator";
@@ -35,11 +35,11 @@ var Indicator = function Indicator2(props) {
   var classes = classNames(_defineProperty({}, "".concat(classPrefix, "__vertical"), direction === "vertical"));
   var renderElement = function renderElement2() {
     var childs = [];
-    for (var item = 1; item <= total; item++) {
-      childs.push(item === current ? React__default.createElement(React__default.Fragment, null, children || React__default.createElement("div", {
+    for (var item = 0; item < total; item++) {
+      childs.push(item === current ? children || React__default.createElement("div", {
         key: item,
         className: "".concat(classPrefix, "__dot ").concat(classPrefix, "__active")
-      })) : React__default.createElement("div", {
+      }) : React__default.createElement("div", {
         key: item,
         className: "".concat(classPrefix, "__dot")
       }));

package/dist/esm/Notify.js

@@ -55,12 +55,12 @@ function _isNativeReflectConstruct() {
   }
 }
 import * as React from "react";
-import * as ReactDOM from "react-dom";
 import classNames from "classnames";
 import { CSSTransition } from "react-transition-group";
-import { c as cn } from "./bem.js";
-import { r as render } from "./render.js";
-import "@bem-react/classname";
+import { r as render, u as unmount } from "./render.js";
+import { C as ComponentDefaults } from "./typings.js";
+import "react-dom";
+var classPrefix = "nut-notify";
 var Notification = /* @__PURE__ */ function(_React$PureComponent) {
   _inherits(Notification2, _React$PureComponent);
   var _super = _createSuper(Notification2);
@@ -89,7 +89,7 @@ var Notification = /* @__PURE__ */ function(_React$PureComponent) {
         var element = document.getElementById(this.props.id);
         element && element.parentNode && element.parentNode.removeChild(element);
       }
-      this.props.onClosed();
+      this.props.onClose();
     }
   }, {
     key: "startCloseTimer",
@@ -128,30 +128,22 @@ var Notification = /* @__PURE__ */ function(_React$PureComponent) {
   }, {
     key: "render",
     value: function render2() {
-      var _this$props = this.props, children = _this$props.children, style = _this$props.style, msg = _this$props.msg, color = _this$props.color, background = _this$props.background, type = _this$props.type, className = _this$props.className, position = _this$props.position, isWrapTeleport = _this$props.isWrapTeleport;
-      this.state;
-      cn("notify");
-      var classes = classNames(_defineProperty({
-        "nut-notify--popup-top": position === "top",
-        "nut-notify--popup-bottom": position === "bottom",
-        "nut-notify": true
-      }, "nut-notify--".concat(type), true));
+      var _classNames;
+      var _this$props = this.props, style = _this$props.style, message = _this$props.message, type = _this$props.type, className = _this$props.className, position = _this$props.position;
+      var show = this.state.show;
+      var classes = classNames((_classNames = {}, _defineProperty(_classNames, "".concat(classPrefix, "--popup-top"), position === "top"), _defineProperty(_classNames, "".concat(classPrefix, "--popup-bottom"), position === "bottom"), _defineProperty(_classNames, "".concat(classPrefix), true), _defineProperty(_classNames, "".concat(classPrefix, "--").concat(type), true), _classNames));
       return React.createElement(React.Fragment, null, React.createElement(CSSTransition, {
-        "in": this.state.show,
+        "in": show,
         timeout: 300,
         classNames: "fade",
         unmountOnExit: true,
         appear: true,
-        position,
-        isWrapTeleport
+        position
       }, React.createElement("div", {
         className: "".concat(classes, " ").concat(className),
-        style: {
-          color: "".concat(color || ""),
-          background: "".concat(background || "")
-        },
+        style,
         onClick: this.clickCover
-      }, children || msg)));
+      }, message)));
     }
   }]);
   return Notification2;
@@ -173,7 +165,7 @@ Notification.newInstance = function(properties, callback) {
       component: instance,
       destroy: function destroy() {
         setTimeout(function() {
-          ReactDOM.unmountComponentAtNode(element);
+          unmount(element);
           element && element.parentNode && element.parentNode.removeChild(element);
         }, 300);
       }
@@ -184,19 +176,16 @@ Notification.newInstance = function(properties, callback) {
   })), element);
 };
 var messageInstance = null;
-var options = {
-  msg: "",
+var options = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
   id: "",
   duration: 3e3,
-  color: "",
   type: "danger",
-  className: "",
   position: "top",
-  onClosed: function onClosed() {
+  onClose: function onClose() {
   },
   onClick: function onClick() {
   }
-};
+});
 function getInstance(props, callback) {
   if (messageInstance) {
     messageInstance.destroy();
@@ -212,49 +201,49 @@ function notice(opts) {
     messageInstance = notification;
   });
 }
-var errorMsg = function errorMsg2(msg) {
-  if (!msg) {
-    console.warn("[NutUI Notify]: msg不能为空");
+var errorMsg = function errorMsg2(message) {
+  if (!message) {
+    console.warn("[NutUI Notify]: message不能为空");
   }
 };
 var Notify = {
-  text: function text(msg) {
+  text: function text(message) {
     var option = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
-    errorMsg(msg);
+    errorMsg(message);
     return notice(_objectSpread({
-      msg,
+      message,
       type: "base"
     }, option));
   },
-  success: function success(msg) {
+  success: function success(message) {
     var option = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
-    errorMsg(msg);
+    errorMsg(message);
     return notice(_objectSpread({
-      msg,
+      message,
       type: "success"
     }, option));
   },
-  primary: function primary(msg) {
+  primary: function primary(message) {
     var option = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
-    errorMsg(msg);
+    errorMsg(message);
     return notice(_objectSpread({
-      msg,
+      message,
       type: "primary"
     }, option));
   },
-  danger: function danger(msg) {
+  danger: function danger(message) {
     var option = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
-    errorMsg(msg);
+    errorMsg(message);
     return notice(_objectSpread({
-      msg,
+      message,
       type: "danger"
     }, option));
   },
-  warn: function warn(msg) {
+  warn: function warn(message) {
     var option = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
-    errorMsg(msg);
+    errorMsg(message);
     return notice(_objectSpread({
-      msg,
+      message,
       type: "warning"
     }, option));
   },