@nutui/nutui-react-taro 2.6.16 → 2.6.17

package/dist/nutui.react.umd.js

@@ -2,7 +2,7 @@
   typeof exports === "object" && typeof module !== "undefined" ? factory(exports, require("react"), require("@tarojs/taro"), require("@tarojs/components"), require("react-dom")) : typeof define === "function" && define.amd ? define(["exports", "react", "@tarojs/taro", "@tarojs/components", "react-dom"], factory) : (global2 = typeof globalThis !== "undefined" ? globalThis : global2 || self, factory((global2.nutui = global2.nutui || {}, global2.nutui.react = {}), global2.React, global2.Taro, global2.components, global2.ReactDOM));
 })(this, function(exports2, React, Taro, components, ReactDOM) {
   "use strict";/*!
-* @nutui/nutui-react-taro v2.6.16 Sat Aug 03 2024 09:52:17 GMT+0800 (China Standard Time)
+* @nutui/nutui-react-taro v2.6.17 Fri Aug 30 2024 14:09:01 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */
@@ -143,6 +143,7 @@
   const g$6 = (M) => /* @__PURE__ */ React.createElement(S, { ...M, name: M.name || "ArrowDown", svg64: "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDI0IDEwMjQiPjxwYXRoIGZpbGw9IiMxQTFBMUEiIGQ9Ik0xNTguMTcgMjg5LjgzYTQyLjY3IDQyLjY3IDAgMSAwLTYwLjM0IDYwLjM0bDM4NCAzODRhNDIuNjcgNDIuNjcgMCAwIDAgNjAuMzYgMGwzODQtMzg0YTQyLjY3IDQyLjY3IDAgMSAwLTYwLjM2LTYwLjM0TDUxMiA2NDMuNjd6Ii8+PC9zdmc+" });
   g$6.defaultProps = k;
   const g$5 = (M) => /* @__PURE__ */ React.createElement(S, { ...M, name: M.name || "ArrowLeft", svg64: "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDI0IDEwMjQiPjxwYXRoIGZpbGw9IiMxQTFBMUEiIGQ9Ik03MTIuODMgMTU4LjE3YTQyLjY3IDQyLjY3IDAgMSAwLTYwLjMzLTYwLjM0bC0zODQgMzg0YTQyLjY3IDQyLjY3IDAgMCAwIDAgNjAuMzZsMzg0IDM4NGE0Mi42NyA0Mi42NyAwIDEgMCA2MC4zMy02MC4zNkwzNTkgNTEyeiIvPjwvc3ZnPg==" });
+  g$5.defaultProps = k;
   const a$2 = (M) => /* @__PURE__ */ React.createElement(S, { ...M, name: M.name || "ArrowUp", svg64: "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDI0IDEwMjQiPjxwYXRoIGZpbGw9IiMxQTFBMUEiIGQ9Ik0xNTguMTcgNzM0LjE3YTQyLjY3IDQyLjY3IDAgMSAxLTYwLjM0LTYwLjM0bDM4NC0zODRhNDIuNjcgNDIuNjcgMCAwIDEgNjAuMzYgMGwzODQgMzg0YTQyLjY3IDQyLjY3IDAgMSAxLTYwLjM2IDYwLjM0TDUxMiAzODAuMzN6Ii8+PC9zdmc+" });
   a$2.defaultProps = k;
   const g$4 = (M) => /* @__PURE__ */ React.createElement(S, { ...M, name: M.name || "CheckChecked", svg64: "data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDI0IDEwMjQiPjxwYXRoIGZpbGw9IiMzMzMiIGQ9Ik01MDYuNjUgMi44MkMyMjguMDEgMi44Mi4wMyAyMzAuOC4wMyA1MDkuNDRzMjI3Ljk4IDUwNi42MiA1MDYuNjIgNTA2LjYyIDUwNi42Mi0yMjcuOTggNTA2LjYzLTUwNi42MlM3ODguMTEgMi44MiA1MDYuNjUgMi44Mm0wIDc4OC4wOGMtMTU0LjggMC0yODEuNDYtMTI2LjY2LTI4MS40NS0yODEuNDZzMTI2LjY2LTI4MS40NiAyODEuNDUtMjgxLjQ2IDI4MS40NiAxMjYuNjYgMjgxLjQ2IDI4MS40NlM2NjEuNDUgNzkwLjkgNTA2LjY1IDc5MC45Ii8+PHBhdGggZmlsbD0iIzMzMyIgZD0iTTM4MCA1MDkuNDRhMTI2LjY2IDEyNi42NiAwIDEgMCAyNTMuMzEgMCAxMjYuNjYgMTI2LjY2IDAgMSAwLTI1My4zMSAwIi8+PC9zdmc+" });
@@ -342,6 +343,7 @@
     extra: null,
     radius: "6px",
     align: "flex-start",
+    clickable: false,
     onClick: (event) => {
     }
   };
@@ -358,6 +360,7 @@
       align,
       className,
       style,
+      clickable,
       ...rest
     } = {
       ...defaultProps$1t,
@@ -377,7 +380,7 @@
     return /* @__PURE__ */ React.createElement(
       "div",
       {
-        className: classNames(classPrefix$q, className),
+        className: `${classNames(classPrefix$q, className, clickable ? `${classPrefix$q}-clickable` : "")}`,
         onClick: (event) => handleClick(event),
         style: baseStyle,
         ...rest
@@ -1626,7 +1629,7 @@
     if (null == r) return {};
     var t = {};
     for (var n2 in r) if ({}.hasOwnProperty.call(r, n2)) {
-      if (e2.indexOf(n2) >= 0) continue;
+      if (e2.includes(n2)) continue;
       t[n2] = r[n2];
     }
     return t;
@@ -5306,6 +5309,7 @@
           } else {
             const left2 = titleRects.slice(0, index).reduce((prev, curr) => prev + curr.width, 0);
             to = left2 - (navRectRef.current.width - titleRect.width) / 2;
+            if (to < 0) return;
             to = rtl ? -to : to;
           }
           Taro.nextTick(() => {
@@ -13009,7 +13013,7 @@
           /** 拍摄视频最长拍摄时间，单位秒。时间范围为 3s 至 30s 之间 */
           maxDuration,
           /** 仅对 mediaType 为 image 时有效，是否压缩所选文件 */
-          sizeType: [],
+          sizeType,
           /** 仅在 sourceType 为 camera 时生效，使用前置或后置摄像头 */
           camera,
           /** 接口调用失败的回调函数 */
@@ -14840,10 +14844,11 @@
       return "";
     };
     const handleTouchStart = (e2) => {
+      if (props.disabled) return;
       touch.start(e2);
     };
     const handleTouchMove = (e2) => {
-      if (props.scrollTop > 0) {
+      if (props.scrollTop > 0 || props.disabled) {
         return;
       }
       if (status === "refreshing" || status === "complete") return;
@@ -14883,6 +14888,7 @@
       setStatus("pulling");
     }
     const handleTouchEnd = () => {
+      if (props.disabled) return;
       pullingRef.current = false;
       if (status === "canRelease") {
         doRefresh();
@@ -17104,27 +17110,37 @@
             defaultValue: innerNo && (innerNo > maxNo ? maxNo - 1 : innerNo - 1),
             indicator
           },
-          (videos && videos.length > 0 ? videos.map((item, index) => {
-            return /* @__PURE__ */ React.createElement(
-              SwiperItem,
-              {
-                key: index,
-                className: "nut-imagepreview-swiper-item"
-              },
-              /* @__PURE__ */ React.createElement(
-                components.Video,
+          (videos ?? []).map(
+            (item) => ({ type: "video", data: item })
+          ).concat(
+            (images ?? []).map((item) => ({ type: "image", data: item }))
+          ).sort((a2, b) => {
+            var _a, _b;
+            return (((_a = a2.data) == null ? void 0 : _a.index) ?? 0) - (((_b = b.data) == null ? void 0 : _b.index) ?? 0);
+          }).map((item, index) => {
+            if (item.type === "video") {
+              const { source, options } = item.data;
+              return /* @__PURE__ */ React.createElement(
+                SwiperItem,
                 {
-                  src: item.source.src,
-                  onClick: closeOnImg,
-                  controls: item.options.controls,
-                  autoplay: false,
-                  loop: false,
-                  muted: item.options.muted
-                }
-              )
-            );
-          }) : []).concat(
-            images && images.length > 0 ? images.map((item, index) => {
+                  key: index,
+                  className: "nut-imagepreview-swiper-item"
+                },
+                /* @__PURE__ */ React.createElement(
+                  components.Video,
+                  {
+                    src: source.src,
+                    onClick: closeOnImg,
+                    controls: options.controls,
+                    autoplay: false,
+                    loop: false,
+                    muted: options.muted
+                  }
+                )
+              );
+            }
+            if (item.type === "image") {
+              const { src } = item.data;
               return /* @__PURE__ */ React.createElement(
                 SwiperItem,
                 {
@@ -17135,7 +17151,7 @@
                 /* @__PURE__ */ React.createElement(
                   components.Image,
                   {
-                    src: item.src,
+                    src,
                     mode: "widthFix",
                     onClick: closeOnImg,
                     style: { width: "100%" },
@@ -17146,8 +17162,9 @@
                 ),
                 ")"
               );
-            }) : []
-          )
+            }
+            return null;
+          })
         )
       ),
       pagination ? /* @__PURE__ */ React.createElement("div", { className: `${classPrefix2}-index` }, active, "/", (images ? images.length : 0) + (videos ? videos.length : 0)) : null,

package/dist/packages/cell/cell.scss

@@ -34,4 +34,24 @@
     font-size: $cell-extra-font-size;
     color: $cell-extra-color;
   }
+  &:active::before {
+    opacity: 0.1;
+  }
+  &-clickable {
+    cursor: pointer;
+    &::before {
+      position: absolute;
+      top: 50%;
+      left: 50%;
+      width: 100%;
+      height: 100%;
+      background-color: $black;
+      border: inherit;
+      border-color: $black;
+      border-radius: inherit;
+      transform: translate(-50%, -50%);
+      opacity: 0;
+      content: ' ';
+    }
+  }
 }