@nutui/nutui-react-taro 2.6.20 → 2.6.22

package/dist/esm/{range.taro-BilM3sMH.js → range.taro-D4U2Q7Wx.js}

@@ -1,5 +1,5 @@
 import { a as __awaiter } from "./tslib.es6-iWu3F_1J.js";
-import React__default, { useState, useRef, useEffect, useCallback } from "react";
+import React__default, { useState, useRef, useEffect, useMemo } from "react";
 import classNames from "classnames";
 import { View } from "@tarojs/components";
 import { u as useTouch } from "./use-touch-BeiLHDO9.js";
@@ -10,7 +10,7 @@ import { a as useRtl } from "./configprovider.taro-C3WyeHSO.js";
 const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { range: false, min: 0, max: 100, step: 1, vertical: false, marks: {} });
 const Range = (props) => {
   const rtl = useRtl();
-  const { className, range, disabled, button, vertical, marks, onChange, onStart, onEnd, minDescription, maxDescription, currentDescription, min, max, step, value, defaultValue } = Object.assign(Object.assign({}, defaultProps), props);
+  const { className, range, disabled, button, vertical, marks, minDescription, maxDescription, currentDescription, min, max, step, value, defaultValue, onChange, onStart, onEnd } = Object.assign(Object.assign({}, defaultProps), props);
   const classPrefix = "nut-range";
   const [buttonIndex, setButtonIndex] = useState(0);
   const [dragStatus, setDragStatus] = useState("start");
@@ -27,7 +27,7 @@ const Range = (props) => {
     finalValue: 0,
     onChange: handleChange
   });
-  const [exactValue, setEaxctValue] = useState(() => value || defaultValue || 0);
+  const [exactValue, setExactValue] = useState(() => value || defaultValue || 0);
   const marksRef = useRef({});
   useEffect(() => {
     if (marks) {
@@ -43,10 +43,7 @@ const Range = (props) => {
         setMarksList(list);
       }
     }
-  }, [marks]);
-  const scope = () => {
-    return max - min;
-  };
+  }, [marks, max, min]);
   const classes = classNames(classPrefix, {
     [`${classPrefix}-disabled`]: disabled,
     [`${classPrefix}-vertical`]: vertical
@@ -54,7 +51,7 @@ const Range = (props) => {
   const containerClasses = classNames(`${classPrefix}-container`, {
     [`${classPrefix}-container-vertical`]: vertical
   }, className);
-  const markClassName = useCallback((mark) => {
+  const markClassName = (mark) => {
     const classPrefix2 = "nut-range-mark";
     let lowerBound = min;
     let upperBound = max;
@@ -69,23 +66,23 @@ const Range = (props) => {
       `${classPrefix2}-text`,
       `${isActive ? `${classPrefix2}-text-active` : ""}`
     ].join(" ");
-  }, [range, current, min, max]);
+  };
   const isRange = (val) => {
     return !!range && Array.isArray(val);
   };
+  const scope = useMemo(() => {
+    if (max < min || max === min) {
+      console.log("max 的值需要大于 min的值");
+    }
+    return max - min;
+  }, [max, min]);
   const calcMainAxis = () => {
     const modelVal = current;
-    if (isRange(modelVal)) {
-      return `${(modelVal[1] - modelVal[0]) * 100 / scope()}%`;
-    }
-    return `${(modelVal - min) * 100 / scope()}%`;
+    return isRange(modelVal) ? `${(modelVal[1] - modelVal[0]) * 100 / scope}%` : `${(modelVal - min) * 100 / scope}%`;
   };
   const calcOffset = () => {
     const modelVal = current;
-    if (isRange(modelVal)) {
-      return `${(modelVal[0] - min) * 100 / scope()}%`;
-    }
-    return `0%`;
+    return isRange(modelVal) ? `${(modelVal[0] - min) * 100 / scope}%` : `0%`;
   };
   const barStyle = () => {
     if (vertical) {
@@ -105,11 +102,11 @@ const Range = (props) => {
   const marksStyle = (mark) => {
     const dir = rtl ? "right" : "left";
     let style = {
-      [dir]: `${(mark - min) / scope() * 100}%`
+      [dir]: `${(mark - min) / scope * 100}%`
     };
     if (vertical) {
       style = {
-        top: `${(mark - min) / scope() * 100}%`
+        top: `${(mark - min) / scope * 100}%`
       };
     }
     return style;
@@ -156,8 +153,8 @@ const Range = (props) => {
       delta = (event.detail.y ? event.detail.y : event.clientY) - rect.top;
       total = rect.height;
     }
-    const value2 = min + delta / total * scope();
-    setEaxctValue(current);
+    const value2 = min + delta / total * scope;
+    setExactValue(current);
     if (isRange(current)) {
       const [left, right] = current;
       const middle = (left + right) / 2;
@@ -175,7 +172,7 @@ const Range = (props) => {
       return;
     }
     touch.start(event);
-    setEaxctValue(current);
+    setExactValue(current);
     if (isRange(current)) {
       setStartValue(current.map(format));
     } else {
@@ -197,12 +194,12 @@ const Range = (props) => {
       return;
     let delta = touch.deltaX.current;
     let total = rect.width;
-    let diff = delta / total * scope();
+    let diff = delta / total * scope;
     diff = rtl ? -diff : diff;
     if (vertical) {
       delta = touch.deltaY.current;
       total = rect.height;
-      diff = delta / total * scope();
+      diff = delta / total * scope;
     }
     let newValue;
     if (isRange(startValue)) {
@@ -211,7 +208,7 @@ const Range = (props) => {
     } else {
       newValue = startValue + diff;
     }
-    setEaxctValue(newValue);
+    setExactValue(newValue);
     updateValue(newValue);
   });
   const onTouchEnd = () => {
@@ -231,6 +228,31 @@ const Range = (props) => {
   const renderButton = (index) => {
     return React__default.createElement(React__default.Fragment, null, button || React__default.createElement("div", { className: "nut-range-button" }, currentDescription !== null && React__default.createElement("div", { className: "number" }, currentDescription ? currentDescription(curValue(index)) : curValue(index))));
   };
+  const renderRangeButton = () => {
+    return [0, 1].map((item, index) => {
+      const cls = `${index === 0 ? "nut-range-button-wrapper-left" : ""}
+                  ${index === 1 ? "nut-range-button-wrapper-right" : ""}`;
+      return React__default.createElement("div", { key: index, className: cls, onTouchStart: (e) => {
+        setButtonIndex(index);
+        onTouchStart(e);
+      }, onTouchMove, onTouchEnd, onTouchCancel: onTouchEnd, onClick: (e) => e.stopPropagation() }, renderButton(index));
+    });
+  };
+  const renderSingleButton = () => {
+    return React__default.createElement(View, { catchMove: true, className: "nut-range-button-wrapper", onTouchStart, onTouchMove, onTouchEnd, onTouchCancel: onTouchEnd, onClick: (e) => e.stopPropagation() }, renderButton());
+  };
+  const renderMark = () => {
+    return React__default.createElement(React__default.Fragment, null, marksList.length > 0 && React__default.createElement("div", { className: "nut-range-mark" }, marksList.map((mark) => {
+      return React__default.createElement(
+        "span",
+        { key: mark, className: markClassName(mark), style: marksStyle(mark) },
+        Array.isArray(marks) ? marksRef.current[mark] : marks[mark],
+        React__default.createElement("span", { className: classNames("nut-range-tick", {
+          active: tickClass(mark)
+        }) })
+      );
+    })));
+  };
   return React__default.createElement(
     "div",
     { className: containerClasses },
@@ -238,25 +260,8 @@ const Range = (props) => {
     React__default.createElement(
       "div",
       { ref: root, className: classes, onClick: (e) => click(e) },
-      marksList.length > 0 && React__default.createElement("div", { className: "nut-range-mark" }, marksList.map((mark) => {
-        return React__default.createElement(
-          "span",
-          { key: mark, className: markClassName(mark), style: marksStyle(mark) },
-          Array.isArray(marks) ? marksRef.current[mark] : marks[mark],
-          React__default.createElement("span", { className: classNames("nut-range-tick", {
-            active: tickClass(mark)
-          }) })
-        );
-      })),
-      React__default.createElement("div", { className: "nut-range-bar", style: barStyle() }, range ? [0, 1].map((item, index) => {
-        return React__default.createElement("div", { key: index, className: `${index === 0 ? "nut-range-button-wrapper-left" : ""}
-                  ${index === 1 ? "nut-range-button-wrapper-right" : ""}`, onTouchStart: (e) => {
-          if (typeof index === "number") {
-            setButtonIndex(index);
-          }
-          onTouchStart(e);
-        }, onTouchMove: (e) => onTouchMove(e), onTouchEnd, onTouchCancel: onTouchEnd, onClick: (e) => e.stopPropagation() }, renderButton(index));
-      }) : React__default.createElement(View, { catchMove: true, className: "nut-range-button-wrapper", onTouchStart: (e) => onTouchStart(e), onTouchMove: (e) => onTouchMove(e), onTouchEnd, onTouchCancel: onTouchEnd, onClick: (e) => e.stopPropagation() }, renderButton()))
+      renderMark(),
+      React__default.createElement("div", { className: "nut-range-bar", style: barStyle() }, range ? renderRangeButton() : renderSingleButton())
     ),
     maxDescription !== null && React__default.createElement("div", { className: "max" }, maxDescription || max)
   );

package/dist/esm/{skeleton.taro-bD6fHZop.js → skeleton.taro-D9Vkgsyx.js}

@@ -1,7 +1,7 @@
 import { _ as __rest } from "./tslib.es6-iWu3F_1J.js";
 import React__default from "react";
 import classNames from "classnames";
-import { A as Avatar } from "./avatar.taro-DSL3ErmC.js";
+import { A as Avatar } from "./avatar.taro-9dU2KeWv.js";
 import { C as ComponentDefaults } from "./typings-DV9RBfhj.js";
 const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { rows: 1, animated: false, title: false, avatar: false, avatarSize: "50px", visible: false, avatarShape: "round" });
 const Skeleton = (props) => {

package/dist/esm/{tabs.taro-CJiI4q_-.js → tabs.taro-D8bDfm4x.js}

@@ -8,7 +8,7 @@ import { C as ComponentDefaults } from "./typings-DV9RBfhj.js";
 import { T as TabPane } from "./tabpane.taro-BAe86j3t.js";
 import { u as usePropsValue } from "./use-props-value-SH9krhkx.js";
 import { u as useForceUpdate } from "./use-force-update-CudFjCsy.js";
-import { r as requestAniFrame } from "./raf-zwv-SBjP.js";
+import { r as requestAniFrame } from "./raf-Di10dXPS.js";
 import { u as useUuid } from "./use-uuid-BvqmbYZ7.js";
 import { a as useRtl } from "./configprovider.taro-C3WyeHSO.js";
 const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { tabStyle: {}, activeColor: "", direction: "horizontal", activeType: "line", duration: 300, autoHeight: false });

package/dist/esm/{uploader.taro-C-8Jf7un.js → uploader.taro-CceZ5Y4t.js}

@@ -2,13 +2,13 @@ import { _ as __rest } from "./tslib.es6-iWu3F_1J.js";
 import React__default, { useState, useImperativeHandle, useRef, useEffect } from "react";
 import classNames from "classnames";
 import Taro, { uploadFile, getEnv, chooseMedia, chooseImage } from "@tarojs/taro";
-import { Failure, Link, Del, Loading, Photograph } from "@nutui/icons-react-taro";
-import { B as Button } from "./button.taro-1kEru6r9.js";
+import { Link, Del, Failure, Loading, Photograph } from "@nutui/icons-react-taro";
+import { B as Button } from "./button.taro-CixO32Hw.js";
 import { u as useConfig } from "./configprovider.taro-C3WyeHSO.js";
 import { a as isPromise } from "./index-DeNfBlua.js";
 import { C as ComponentDefaults } from "./typings-DV9RBfhj.js";
 import { u as usePropsValue } from "./use-props-value-SH9krhkx.js";
-import { Image } from "@tarojs/components";
+import { View, Image } from "@tarojs/components";
 import { P as Progress } from "./progress.taro-CaIUT9Uo.js";
 class UploadOptions {
   constructor() {
@@ -138,7 +138,7 @@ class FileItem {
     this.formData = {};
   }
 }
-const Preview = ({ fileList, previewType, deletable, onDeleteItem, handleItemClick, previewUrl, children }) => {
+const Preview = ({ fileList, previewType, deletable, onDeleteItem, handleItemClick, previewUrl, deleteIcon, children }) => {
   const renderIcon = (item) => {
     if (item.status === ERROR) {
       return item.failIcon || React__default.createElement(Failure, { color: "#fff" });
@@ -150,7 +150,7 @@ const Preview = ({ fileList, previewType, deletable, onDeleteItem, handleItemCli
     return React__default.createElement(
       "div",
       { className: `nut-uploader-preview ${previewType}`, key: item.uid },
-      previewType === "picture" && !children && deletable && React__default.createElement(Failure, { color: "rgba(0,0,0,0.6)", className: "close", onClick: () => onDeleteItem(item, index) }),
+      previewType === "picture" && !children && deletable && React__default.createElement(View, { className: "close", onClick: () => onDeleteItem(item, index) }, deleteIcon),
       previewType === "picture" && !children && React__default.createElement(
         "div",
         { className: "nut-uploader-preview-img" },
@@ -201,12 +201,12 @@ const Preview = ({ fileList, previewType, deletable, onDeleteItem, handleItemCli
     );
   }));
 };
-const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { url: "", maxCount: 1, sizeType: ["original", "compressed"], sourceType: ["album", "camera"], mediaType: ["image", "video"], camera: "back", uploadIcon: React__default.createElement(Photograph, { size: "20px", color: "#808080" }), uploadLabel: "", previewType: "picture", fit: "cover", name: "file", accept: "*", disabled: false, autoUpload: true, multiple: false, maxFileSize: Number.MAX_VALUE, data: {}, headers: {}, method: "post", previewUrl: "", xhrState: 200, timeout: 1e3 * 30, preview: true, deletable: true, maxDuration: 10, beforeDelete: (file, files) => {
+const defaultProps = Object.assign(Object.assign({}, ComponentDefaults), { url: "", maxCount: 1, sizeType: ["original", "compressed"], sourceType: ["album", "camera"], mediaType: ["image", "video"], camera: "back", uploadIcon: React__default.createElement(Photograph, { size: "20px", color: "#808080" }), deleteIcon: React__default.createElement(Failure, { color: "rgba(0,0,0,0.6)" }), uploadLabel: "", previewType: "picture", fit: "cover", name: "file", accept: "*", disabled: false, autoUpload: true, multiple: false, maxFileSize: Number.MAX_VALUE, data: {}, headers: {}, method: "post", previewUrl: "", xhrState: 200, timeout: 1e3 * 30, preview: true, deletable: true, maxDuration: 10, beforeDelete: (file, files) => {
   return true;
 } });
 const InternalUploader = (props, ref) => {
   const { locale } = useConfig();
-  const _a = Object.assign(Object.assign({}, defaultProps), props), { children, uploadIcon, uploadLabel, accept, name, camera, defaultValue, value, previewType, fit, disabled, multiple, url, previewUrl, headers, timeout, method, xhrState, data, preview, deletable, maxCount, maxFileSize, mediaType, className, autoUpload, sizeType, sourceType, maxDuration, onStart, onDelete, onChange, onFileItemClick, onProgress, onSuccess, onUpdate, onFailure, onOversize, beforeUpload, beforeXhrUpload, beforeDelete } = _a, restProps = __rest(_a, ["children", "uploadIcon", "uploadLabel", "accept", "name", "camera", "defaultValue", "value", "previewType", "fit", "disabled", "multiple", "url", "previewUrl", "headers", "timeout", "method", "xhrState", "data", "preview", "deletable", "maxCount", "maxFileSize", "mediaType", "className", "autoUpload", "sizeType", "sourceType", "maxDuration", "onStart", "onDelete", "onChange", "onFileItemClick", "onProgress", "onSuccess", "onUpdate", "onFailure", "onOversize", "beforeUpload", "beforeXhrUpload", "beforeDelete"]);
+  const _a = Object.assign(Object.assign({}, defaultProps), props), { children, uploadIcon, deleteIcon, uploadLabel, accept, name, camera, defaultValue, value, previewType, fit, disabled, multiple, url, previewUrl, headers, timeout, method, xhrState, data, preview, deletable, maxCount, maxFileSize, mediaType, className, autoUpload, sizeType, sourceType, maxDuration, onStart, onDelete, onChange, onFileItemClick, onProgress, onSuccess, onUpdate, onFailure, onOversize, beforeUpload, beforeXhrUpload, beforeDelete } = _a, restProps = __rest(_a, ["children", "uploadIcon", "deleteIcon", "uploadLabel", "accept", "name", "camera", "defaultValue", "value", "previewType", "fit", "disabled", "multiple", "url", "previewUrl", "headers", "timeout", "method", "xhrState", "data", "preview", "deletable", "maxCount", "maxFileSize", "mediaType", "className", "autoUpload", "sizeType", "sourceType", "maxDuration", "onStart", "onDelete", "onChange", "onFileItemClick", "onProgress", "onSuccess", "onUpdate", "onFailure", "onOversize", "beforeUpload", "beforeXhrUpload", "beforeDelete"]);
   const [fileList, setFileList] = usePropsValue({
     value,
     defaultValue,
@@ -484,6 +484,7 @@ const InternalUploader = (props, ref) => {
       onDeleteItem,
       handleItemClick,
       previewUrl,
+      deleteIcon,
       children
     }),
     Number(maxCount) > fileList.length && previewType === "picture" && !children && React__default.createElement(

package/dist/locales/base.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react-taro v2.6.20 Fri Sep 20 2024 13:49:22 GMT+0800 (China Standard Time)
+* @nutui/nutui-react-taro v2.6.22 Sat Oct 12 2024 15:01:55 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */

package/dist/locales/en-US.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react-taro v2.6.20 Fri Sep 20 2024 13:49:22 GMT+0800 (China Standard Time)
+* @nutui/nutui-react-taro v2.6.22 Sat Oct 12 2024 15:01:55 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */

package/dist/locales/id-ID.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react-taro v2.6.20 Fri Sep 20 2024 13:49:22 GMT+0800 (China Standard Time)
+* @nutui/nutui-react-taro v2.6.22 Sat Oct 12 2024 15:01:55 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */

package/dist/locales/tr-TR.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react-taro v2.6.20 Fri Sep 20 2024 13:49:22 GMT+0800 (China Standard Time)
+* @nutui/nutui-react-taro v2.6.22 Sat Oct 12 2024 15:01:55 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */

package/dist/locales/zh-CN.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react-taro v2.6.20 Fri Sep 20 2024 13:49:22 GMT+0800 (China Standard Time)
+* @nutui/nutui-react-taro v2.6.22 Sat Oct 12 2024 15:01:55 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */

package/dist/locales/zh-TW.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react-taro v2.6.20 Fri Sep 20 2024 13:49:22 GMT+0800 (China Standard Time)
+* @nutui/nutui-react-taro v2.6.22 Sat Oct 12 2024 15:01:55 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */

package/dist/locales/zh-UG.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react-taro v2.6.20 Fri Sep 20 2024 13:49:22 GMT+0800 (China Standard Time)
+* @nutui/nutui-react-taro v2.6.22 Sat Oct 12 2024 15:01:55 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */