@nutui/nutui-react 3.0.3 → 3.0.5

package/dist/nutui.react.umd.js

@@ -10048,7 +10048,7 @@ Please add \`${key2}Action\` when creating your handler.`);
     var classPrefix2 = "nut-fixednav";
     var classes = classNames(classPrefix2, {
       active: visible
-    }, type2, className);
+    }, "".concat(classPrefix2, "-").concat(type2), className);
     var renderListItem = function(item, index2) {
       return /* @__PURE__ */ React.createElement("div", {
         className: "".concat(classPrefix2, "-list-item"),
@@ -10058,7 +10058,8 @@ Please add \`${key2}Action\` when creating your handler.`);
         key: item.id || index2
       }, /* @__PURE__ */ React.isValidElement(item.icon) ? item.icon : /* @__PURE__ */ React.createElement("img", {
         src: item.icon,
-        alt: ""
+        alt: "",
+        className: "".concat(classPrefix2, "-list-image")
       }), /* @__PURE__ */ React.createElement("div", {
         className: "".concat(classPrefix2, "-list-text")
       }, item.text));
@@ -13381,12 +13382,13 @@ Please add \`${key2}Action\` when creating your handler.`);
     var _props_keyIndex = props.keyIndex, keyIndex = _props_keyIndex === void 0 ? 0 : _props_keyIndex, _props_options = props.options, options2 = _props_options === void 0 ? [] : _props_options, _props_threeDimensional = props.threeDimensional, threeDimensional = _props_threeDimensional === void 0 ? true : _props_threeDimensional, _props_duration = props.duration, duration = _props_duration === void 0 ? 1e3 : _props_duration, onSelect = props.onSelect, _props_renderLabel = props.renderLabel, renderLabel = _props_renderLabel === void 0 ? function(item) {
       return item.label;
     } : _props_renderLabel;
+    var classPrefix2 = "nut-pickerview-roller";
     var DEFAULT_DURATION = 200;
     var INERTIA_TIME = 300;
     var INERTIA_DISTANCE = 15;
     var ROTATION = 20;
     var touch = useTouch();
-    var _useState = _sliced_to_array(React.useState(1), 2), currentIndex = _useState[0], setCurrentIndex = _useState[1];
+    var _useState = _sliced_to_array(React.useState(0), 2), currentIndex = _useState[0], setCurrentIndex = _useState[1];
     var lineSpacing = React.useRef(36);
     var _useState1 = _sliced_to_array(React.useState(0), 2), touchTime = _useState1[0], setTouchTime = _useState1[1];
     var _useState2 = _sliced_to_array(React.useState("0deg"), 2), touchDeg = _useState2[0], setTouchDeg = _useState2[1];
@@ -13420,7 +13422,7 @@ Please add \`${key2}Action\` when creating your handler.`);
         var deg1 = Math.min(Math.max(currentDeg, 0), (options2.length + 1) * ROTATION);
         if (deg1 >= 0 && deg1 < (options2.length + 1) * ROTATION) {
           applyTransform("", "".concat(deg1, "deg"), void 0, updatedMove);
-          setCurrentIndex(Math.abs(Math.round(updatedMove / lineSpacing.current)) + 1);
+          deg1 > 0 && setCurrentIndex(Math.abs(Math.round(updatedMove / lineSpacing.current)) + 1);
         }
       }
     };
@@ -13461,7 +13463,7 @@ Please add \`${key2}Action\` when creating your handler.`);
       var index2 = options2.findIndex(function(item) {
         return item.value === selectedValue;
       });
-      setCurrentIndex(index2 === -1 ? 1 : index2 + 1);
+      setCurrentIndex(index2 === -1 ? 0 : index2 + 1);
       var move = index2 * lineSpacing.current;
       handleMove(-move);
     };
@@ -13519,21 +13521,22 @@ Please add \`${key2}Action\` when creating your handler.`);
       className: "nut-pickerview-list",
       ref: pickerRollerRef
     }, /* @__PURE__ */ React.createElement("div", {
-      className: "nut-pickerview-roller",
+      className: classPrefix2,
       ref: rollerRef,
       style: threeDimensional ? touchRollerStyle() : touchTiledStyle(),
       onTransitionEnd: stopMomentumScroll
     }, threeDimensional && options2.map(function(item, index2) {
       var _item_value;
+      var _obj;
       return /* @__PURE__ */ React.createElement("div", {
-        className: "nut-pickerview-roller-item ".concat(isItemHidden(index2 + 1) && "nut-pickerview-roller-item-hidden"),
+        className: classNames("".concat(classPrefix2, "-item"), (_obj = {}, _define_property(_obj, "".concat(classPrefix2, "-item-hidden"), isItemHidden(index2 + 1)), _define_property(_obj, "".concat(classPrefix2, "-item-active"), index2 + 1 === currentIndex), _obj)),
         style: rollerStyle(index2),
         key: (_item_value = item.value) !== null && _item_value !== void 0 ? _item_value : index2
       }, renderLabel(item));
     }), !threeDimensional && options2.map(function(item, index2) {
       var _item_value;
       return /* @__PURE__ */ React.createElement("div", {
-        className: "nut-pickerview-roller-item-tiled",
+        className: classNames("".concat(classPrefix2, "-item-tiled"), _define_property({}, "".concat(classPrefix2, "-item-active"), index2 + 1 === currentIndex)),
         key: (_item_value = item.value) !== null && _item_value !== void 0 ? _item_value : index2
       }, renderLabel(item));
     })));
@@ -16577,7 +16580,7 @@ Please add \`${key2}Action\` when creating your handler.`);
       className: "".concat(classPrefix$h, "-minus"),
       onClick: handleReduce
     }, /* @__PURE__ */ React.createElement(i, {
-      className: classNames("".concat(classPrefix$h, "-icon ").concat(classPrefix$h, "-icon-minus"), _define_property({}, "".concat(classPrefix$h, "-icon-disabled"), shadowValue === min || disabled))
+      className: classNames("".concat(classPrefix$h, "-icon ").concat(classPrefix$h, "-icon-minus"), _define_property({}, "".concat(classPrefix$h, "-icon-disabled"), Number(shadowValue) <= Number(min) || disabled))
     })), /* @__PURE__ */ React.createElement("input", {
       className: classNames("".concat(classPrefix$h, "-input"), _define_property({}, "".concat(classPrefix$h, "-input-disabled"), disabled)),
       ref: inputRef,
@@ -16592,7 +16595,7 @@ Please add \`${key2}Action\` when creating your handler.`);
       className: "".concat(classPrefix$h, "-add"),
       onClick: handlePlus
     }, /* @__PURE__ */ React.createElement(d$2, {
-      className: classNames("".concat(classPrefix$h, "-icon ").concat(classPrefix$h, "-icon-plus"), _define_property({}, "".concat(classPrefix$h, "-icon-disabled"), shadowValue === max || disabled))
+      className: classNames("".concat(classPrefix$h, "-icon ").concat(classPrefix$h, "-icon-plus"), _define_property({}, "".concat(classPrefix$h, "-icon-disabled"), Number(shadowValue) >= Number(max) || disabled))
     })));
   };
   InputNumber.displayName = "NutInputNumber";
@@ -37455,7 +37458,7 @@ Please add \`${key2}Action\` when creating your handler.`);
       });
     };
     var element = document.createElement("div");
-    var id = properties.id ? properties.id : "".concat((/* @__PURE__ */ new Date()).getTime());
+    var id = properties.id ? properties.id : "".concat(Date.now());
     element.id = id;
     properties.id = id;
     document.body.appendChild(element);
@@ -38706,7 +38709,7 @@ Please add \`${key2}Action\` when creating your handler.`);
       });
     };
     var element = document.createElement("div");
-    var id = properties.id ? properties.id : "".concat((/* @__PURE__ */ new Date()).getTime());
+    var id = properties.id ? properties.id : "".concat(Date.now());
     element.id = id;
     properties.id = id;
     document.body.appendChild(element);
@@ -40405,7 +40408,7 @@ Please add \`${key2}Action\` when creating your handler.`);
     indicatorColor: "#fff",
     closeIcon: false,
     closeIconPosition: "top-right",
-    onChange: function(value2) {
+    onChange: function() {
     },
     onClose: function() {
     }
@@ -40418,71 +40421,50 @@ Please add \`${key2}Action\` when creating your handler.`);
       value: value2,
       defaultValue,
       finalValue: defaultValue,
-      onChange: function(val2) {
-        onChange === null || onChange === void 0 ? void 0 : onChange(val2);
-      }
+      onChange
     }), 2), innerNo = _usePropsValue[0], setInnerNo = _usePropsValue[1];
     var _useState = _sliced_to_array(React.useState(visible), 2), showPop = _useState[0], setShowPop = _useState[1];
     var _useState1 = _sliced_to_array(React.useState(0), 2), active2 = _useState1[0], setActive = _useState1[1];
-    var _useState2 = _sliced_to_array(React.useState((images === null || images === void 0 ? void 0 : images.length) || 0 + ((videos === null || videos === void 0 ? void 0 : videos.length) || 0)), 2), maxNo = _useState2[0], setMaxNo = _useState2[1];
+    var _useState2 = _sliced_to_array(React.useState(images.length + videos.length), 2), maxNo = _useState2[0], setMaxNo = _useState2[1];
     var _useState3 = _sliced_to_array(React.useState({
       scale: 1,
-      moveable: false
+      moveable: false,
+      oriDistance: 0,
+      originScale: 1
     }), 2), store = _useState3[0], setStore = _useState3[1];
-    var _useState4 = _sliced_to_array(React.useState(0), 2), lastTouchEndTime = _useState4[0], setLastTouchEndTime = _useState4[1];
+    var lastTouchEndTime = React.useRef(0);
     var onTouchStart = function(event) {
       var touches = event.touches;
       var events = touches[0];
       var events2 = touches[1];
-      var curTouchTime = (/* @__PURE__ */ new Date()).getTime();
-      if (curTouchTime - lastTouchEndTime < 300) {
+      var curTouchTime = Date.now();
+      if (curTouchTime - lastTouchEndTime.current < 100) {
         var store1 = store;
-        if (store1.scale > 1) {
-          store1.scale = 1;
-        } else if (store1.scale === 1) {
-          store1.scale = 2;
-        }
+        store1.scale = store1.scale === 1 ? 2 : 1;
         scaleNow();
       }
       var store11 = store;
       store11.moveable = true;
       if (events2) {
-        store11.oriDistance = getDistance({
-          x: events.pageX,
-          y: events.pageY
-        }, {
-          x: events2.pageX,
-          y: events2.pageY
-        });
+        store11.oriDistance = getDistance(events, events2);
       }
-      store11.originScale = store11.scale || 1;
+      store11.originScale = store11.scale;
     };
     var onTouchMove = function(event) {
+      if (!store.moveable) return;
       var touches = event.touches;
       var events = touches[0];
       var events2 = touches[1];
-      if (!store.moveable) {
-        return;
-      }
       var store1 = store;
       if (events2) {
-        var curDistance = getDistance({
-          x: events.pageX,
-          y: events.pageY
-        }, {
-          x: events2.pageX,
-          y: events2.pageY
-        });
+        var curDistance = getDistance(events, events2);
         var curScale = curDistance / store1.oriDistance;
-        store1.scale = store1.originScale * curScale;
-        if (store1.scale > 3) {
-          store1.scale = 3;
-        }
+        store1.scale = Math.min(store1.originScale * curScale, 3);
         scaleNow();
       }
     };
     var onTouchEnd = function() {
-      setLastTouchEndTime((/* @__PURE__ */ new Date()).getTime());
+      lastTouchEndTime.current = Date.now();
       var store1 = store;
       store1.moveable = false;
       if (store1.scale < 1.1 && store1.scale > 1 || store1.scale < 1) {
@@ -40497,6 +40479,11 @@ Please add \`${key2}Action\` when creating your handler.`);
       document.addEventListener("touchmove", onTouchMove);
       document.addEventListener("touchend", onTouchEnd);
       document.addEventListener("touchcancel", onTouchEnd);
+      return function() {
+        document.removeEventListener("touchcancel", onTouchEnd);
+        document.removeEventListener("touchmove", onTouchMove);
+        document.removeEventListener("touchend", onTouchEnd);
+      };
     };
     React.useEffect(function() {
       setShowPop(visible);
@@ -40514,7 +40501,7 @@ Please add \`${key2}Action\` when creating your handler.`);
       innerNo
     ]);
     React.useEffect(function() {
-      setMaxNo((images === null || images === void 0 ? void 0 : images.length) || 0 + ((videos === null || videos === void 0 ? void 0 : videos.length) || 0));
+      setMaxNo(images.length + videos.length);
     }, [
       images,
       videos
@@ -40525,7 +40512,7 @@ Please add \`${key2}Action\` when creating your handler.`);
       }
     };
     var getDistance = function(first, second) {
-      return Math.hypot(Math.abs(second.x - first.x), Math.abs(second.y - first.y));
+      return Math.hypot(Math.abs(second.pageX - first.pageX), Math.abs(second.pageY - first.pageY));
     };
     var slideChangeEnd = function(page) {
       setActive(page + 1);
@@ -40536,31 +40523,26 @@ Please add \`${key2}Action\` when creating your handler.`);
       setShowPop(false);
       setActive(innerNo);
       scaleNow();
-      onClose && onClose();
+      onClose === null || onClose === void 0 ? void 0 : onClose();
       setStore(_object_spread_props(_object_spread({}, store), {
         scale: 1
       }));
     };
     var closeOnImg = function(e2) {
       e2.stopPropagation();
-      if (closeOnContentClick) {
-        onCloseInner(e2);
-      }
+      if (closeOnContentClick) onCloseInner(e2);
     };
     var duration = typeof autoPlay === "string" ? parseInt(autoPlay) : autoPlay;
     return /* @__PURE__ */ React.createElement(Popup, {
       visible: showPop,
       className: "".concat(classPrefix2, "-pop"),
-      style: {
-        width: "100%"
-      },
       onClick: onCloseInner
     }, /* @__PURE__ */ React.createElement("div", {
       className: classNames(classPrefix2, className),
       style,
       ref,
       onTouchStart
-    }, showPop ? /* @__PURE__ */ React.createElement(InnerSwiper, {
+    }, showPop && /* @__PURE__ */ React.createElement(InnerSwiper, {
       autoPlay: !!duration,
       duration,
       className: "".concat(classPrefix2, "-swiper"),
@@ -40572,50 +40554,39 @@ Please add \`${key2}Action\` when creating your handler.`);
       onChange: function(page) {
         return slideChangeEnd(page);
       },
-      defaultValue: innerNo && (innerNo > maxNo ? maxNo - 1 : innerNo - 1),
+      defaultValue: innerNo > maxNo ? maxNo - 1 : innerNo - 1,
       indicator
-    }, (videos !== null && videos !== void 0 ? videos : []).map(function(item) {
+    }, _to_consumable_array(videos.map(function(item) {
       return {
         type: "video",
         data: item
       };
-    }).concat((images !== null && images !== void 0 ? images : []).map(function(item) {
+    })).concat(_to_consumable_array(images.map(function(item) {
       return {
         type: "image",
         data: item
       };
-    })).sort(function(a, b) {
-      var _a_data, _b_data;
+    }))).sort(function(a, b) {
       var _a_data_index, _b_data_index;
-      return ((_a_data_index = (_a_data = a.data) === null || _a_data === void 0 ? void 0 : _a_data.index) !== null && _a_data_index !== void 0 ? _a_data_index : 0) - ((_b_data_index = (_b_data = b.data) === null || _b_data === void 0 ? void 0 : _b_data.index) !== null && _b_data_index !== void 0 ? _b_data_index : 0);
+      return ((_a_data_index = a.data.index) !== null && _a_data_index !== void 0 ? _a_data_index : 0) - ((_b_data_index = b.data.index) !== null && _b_data_index !== void 0 ? _b_data_index : 0);
     }).map(function(item, index2) {
-      if (item.type === "video") {
-        var _item_data = item.data, source = _item_data.source, options2 = _item_data.options;
-        return /* @__PURE__ */ React.createElement(SwiperItem, {
-          key: index2
-        }, /* @__PURE__ */ React.createElement(Video, {
-          source,
-          options: options2,
-          onClick: closeOnImg
-        }));
-      }
-      if (item.type === "image") {
-        var src = item.data.src;
-        return /* @__PURE__ */ React.createElement(SwiperItem, {
-          key: index2
-        }, /* @__PURE__ */ React.createElement(Image$1, {
-          src,
-          draggable: false,
-          onClick: closeOnImg
-        }));
-      }
-      return null;
-    })) : null), pagination ? /* @__PURE__ */ React.createElement("div", {
+      return /* @__PURE__ */ React.createElement(SwiperItem, {
+        key: index2
+      }, item.type === "video" ? /* @__PURE__ */ React.createElement(Video, {
+        source: item.data.source,
+        options: item.data.options,
+        onClick: closeOnImg
+      }) : /* @__PURE__ */ React.createElement(Image$1, {
+        src: item.data.src,
+        draggable: false,
+        onClick: closeOnImg
+      }));
+    }))), pagination && /* @__PURE__ */ React.createElement("div", {
       className: "".concat(classPrefix2, "-index")
-    }, active2, "/", (images ? images.length : 0) + (videos ? videos.length : 0)) : null, closeIcon !== false ? /* @__PURE__ */ React.createElement("div", {
+    }, active2, "/", maxNo), closeIcon !== false && /* @__PURE__ */ React.createElement("div", {
       className: "".concat(classPrefix2, "-close ").concat(closeIconPosition),
       onClick: onCloseInner
-    }, closeIcon === true ? /* @__PURE__ */ React.createElement(n$6, null) : closeIcon) : null);
+    }, closeIcon === true ? /* @__PURE__ */ React.createElement(n$6, null) : closeIcon));
   };
   ImagePreview.displayName = "NutImagePreview";
   var defaultPaginationOptions = {