@nutui/nutui-react-taro 2.6.10 → 2.6.11

package/CHANGELOG.md

@@ -1,3 +1,11 @@
+# v2.6.11
+`2024-06-28`
+
+
+* :sparkles: feat(table): table新增自定义行 (#2390) @zanyuki-jd
+* :bug: fix(fixednav): 可拖拽元素样式缺失 (#2391) @oasis-cloud
+
+
 # v2.6.10
 `2024-06-21`
 

package/dist/esm/FixedNav/style/style.css

@@ -1 +1 @@
-.nut-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--nutui-overlay-bg-color, var(--nutui-black-10, rgba(0, 0, 0, .7)));z-index:var(--nutui-overlay-zIndex, 1000)}.nut-overlay .wrapper .content{background-color:var(--nutui-overlay-content-bg-color, var(--nutui-gray-1, #ffffff));color:var(--nutui-overlay-content-color, var(--nutui-gray-7, #1a1a1a))}[dir=rtl] .nut-overlay,.nut-rtl .nut-overlay{left:auto;right:0}.nut-overflow-hidden,.nut-overflow-hidden .taro_page{overflow:hidden!important}@keyframes nut-fade-in{0%{opacity:0}1%{opacity:0}to{opacity:1}}@keyframes nut-fade-out{0%{opacity:1}1%{opacity:1}to{opacity:0}}.nut-overlay-slide-enter-active,.nut-overlay-slide-appear-active{animation-fill-mode:both;animation-name:nut-fade-in;animation-duration:var(--nutui-overlay-animation-duration, .3s)}.nut-overlay-slide-exit-active{animation-fill-mode:both;animation-name:nut-fade-out;animation-duration:var(--nutui-overlay-animation-duration, .3s)}.nut-fixednav{position:fixed;z-index:var(--nutui-fixednav-index, 900);display:inline-block;height:50px;right:0}.nut-fixednav.active .nut-fixednav-btn .nut-icon{transform:rotate(180deg)}.nut-fixednav.active .nut-fixednav-list{transform:translate(0)!important}.nut-fixednav.active.left .nut-icon{transform:rotate(0)!important}.nut-fixednav-btn{box-sizing:border-box;position:absolute;right:0;z-index:var(--nutui-fixednav-index, 900);width:70px;height:100%;background:var(--nutui-fixednav-button-background, var(--nutui-color-primary, #fa2c19));border-radius:45px 0 0 45px;box-shadow:0 2px 4px #0003;display:flex;align-items:center;justify-content:center}.nut-fixednav-btn .text{width:24px;line-height:13px;font-size:var(--nutui-font-size-2, 12px);color:#fff;flex-shrink:0}.nut-fixednav-btn .nut-icon{margin-right:5px;transform:rotate(0);transition:all .3s}.nut-fixednav-list{position:absolute;right:0;transform:translate(100%);transition:all .5s;z-index:var(--nutui-fixednav-index, 900);flex-shrink:0;height:100%;background:var(--nutui-fixednav-background-color, #ffffff);display:flex;justify-content:space-between;border-radius:25px 0 0 25px;box-shadow:2px 2px 8px #0003;padding-left:20px;padding-right:80px}.nut-fixednav-list-item{position:relative;flex:1;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;min-width:50px;flex-shrink:0;color:var(--nutui-fixednav-color, #1a1a1a)}.nut-fixednav-list-item img{width:20px;height:20px;margin-bottom:2px}.nut-fixednav-list-item .nut-fixednav-list-text{font-size:10px}.nut-fixednav-list-item .b{position:absolute;right:0;top:1px;height:14px;line-height:14px;font-size:10px;padding:0 3px;color:#fff;background:var(--nutui-color-primary, #fa2c19);border-radius:7px;text-align:center;min-width:12px}.nut-fixednav.left{right:auto;left:0}.nut-fixednav.left .nut-fixednav-btn{flex-direction:row-reverse;right:auto;left:0;border-radius:0 45px 45px 0}.nut-fixednav.left .nut-fixednav-btn .nut-icon{transform:rotate(180deg);margin-right:0;margin-left:5px}.nut-fixednav.left .nut-fixednav-list{transform:translate(-100%);right:auto;border-radius:0 25px 25px 0;padding-left:80px;padding-right:20px;margin:0}[dir=rtl] .nut-fixednav,.nut-rtl .nut-fixednav{right:auto;left:0}[dir=rtl] .nut-fixednav.active .nut-icon,.nut-rtl .nut-fixednav.active .nut-icon{transform:rotate(-180deg)}[dir=rtl] .nut-fixednav-btn,.nut-rtl .nut-fixednav-btn{right:auto;left:0;border-radius:0 45px 45px 0}[dir=rtl] .nut-fixednav-btn .nut-icon,.nut-rtl .nut-fixednav-btn .nut-icon{margin-right:0;margin-left:5px;transform:rotate(180deg)}[dir=rtl] .nut-fixednav-list,.nut-rtl .nut-fixednav-list{right:auto;left:0;transform:translate(-100%);border-radius:0 25px 25px 0;box-shadow:-2px 2px 8px #0003;padding-right:20px;padding-left:80px}[dir=rtl] .nut-fixednav-list-item .b,.nut-rtl .nut-fixednav-list-item .b{right:auto;left:0}[dir=rtl] .nut-fixednav.left,.nut-rtl .nut-fixednav.left{left:auto;right:0}[dir=rtl] .nut-fixednav.left .nut-fixednav-btn,.nut-rtl .nut-fixednav.left .nut-fixednav-btn{left:auto;right:0;border-radius:45px 0 0 45px}[dir=rtl] .nut-fixednav.left .nut-fixednav-btn .nut-icon,.nut-rtl .nut-fixednav.left .nut-fixednav-btn .nut-icon{transform:rotate(0);margin-right:5px;margin-left:0}[dir=rtl] .nut-fixednav.left .nut-fixednav-list,.nut-rtl .nut-fixednav.left .nut-fixednav-list{transform:translate(100%);right:auto;left:auto;border-radius:25px 0 0 25px;padding-right:80px;padding-left:20px}.nut-drag .nut-fixednav{position:inherit}
+.nut-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--nutui-overlay-bg-color, var(--nutui-black-10, rgba(0, 0, 0, .7)));z-index:var(--nutui-overlay-zIndex, 1000)}.nut-overlay .wrapper .content{background-color:var(--nutui-overlay-content-bg-color, var(--nutui-gray-1, #ffffff));color:var(--nutui-overlay-content-color, var(--nutui-gray-7, #1a1a1a))}[dir=rtl] .nut-overlay,.nut-rtl .nut-overlay{left:auto;right:0}.nut-overflow-hidden,.nut-overflow-hidden .taro_page{overflow:hidden!important}@keyframes nut-fade-in{0%{opacity:0}1%{opacity:0}to{opacity:1}}@keyframes nut-fade-out{0%{opacity:1}1%{opacity:1}to{opacity:0}}.nut-overlay-slide-enter-active,.nut-overlay-slide-appear-active{animation-fill-mode:both;animation-name:nut-fade-in;animation-duration:var(--nutui-overlay-animation-duration, .3s)}.nut-overlay-slide-exit-active{animation-fill-mode:both;animation-name:nut-fade-out;animation-duration:var(--nutui-overlay-animation-duration, .3s)}.nut-fixednav{position:fixed;z-index:var(--nutui-fixednav-index, 900);display:inline-block;height:50px;right:0}.nut-fixednav.active .nut-fixednav-btn .nut-icon{transform:rotate(180deg)}.nut-fixednav.active .nut-fixednav-list{transform:translate(0)!important}.nut-fixednav.active.left .nut-icon{transform:rotate(0)!important}.nut-fixednav-btn{box-sizing:border-box;position:absolute;right:0;z-index:var(--nutui-fixednav-index, 900);width:70px;height:100%;background:var(--nutui-fixednav-button-background, var(--nutui-color-primary, #fa2c19));border-radius:45px 0 0 45px;box-shadow:0 2px 4px #0003;display:flex;align-items:center;justify-content:center}.nut-fixednav-btn .text{width:24px;line-height:13px;font-size:var(--nutui-font-size-2, 12px);color:#fff;flex-shrink:0}.nut-fixednav-btn .nut-icon{margin-right:5px;transform:rotate(0);transition:all .3s}.nut-fixednav-list{position:absolute;right:0;transform:translate(100%);transition:all .5s;z-index:var(--nutui-fixednav-index, 900);flex-shrink:0;height:100%;background:var(--nutui-fixednav-background-color, #ffffff);display:flex;justify-content:space-between;border-radius:25px 0 0 25px;box-shadow:2px 2px 8px #0003;padding-left:20px;padding-right:80px}.nut-fixednav-list-item{position:relative;flex:1;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;min-width:50px;flex-shrink:0;color:var(--nutui-fixednav-color, #1a1a1a)}.nut-fixednav-list-item img{width:20px;height:20px;margin-bottom:2px}.nut-fixednav-list-item .nut-fixednav-list-text{font-size:10px}.nut-fixednav-list-item .b{position:absolute;right:0;top:1px;height:14px;line-height:14px;font-size:10px;padding:0 3px;color:#fff;background:var(--nutui-color-primary, #fa2c19);border-radius:7px;text-align:center;min-width:12px}.nut-fixednav.left{right:auto;left:0}.nut-fixednav.left .nut-fixednav-btn{flex-direction:row-reverse;right:auto;left:0;border-radius:0 45px 45px 0}.nut-fixednav.left .nut-fixednav-btn .nut-icon{transform:rotate(180deg);margin-right:0;margin-left:5px}.nut-fixednav.left .nut-fixednav-list{transform:translate(-100%);right:auto;border-radius:0 25px 25px 0;padding-left:80px;padding-right:20px;margin:0}[dir=rtl] .nut-fixednav,.nut-rtl .nut-fixednav{right:auto;left:0}[dir=rtl] .nut-fixednav.active .nut-icon,.nut-rtl .nut-fixednav.active .nut-icon{transform:rotate(-180deg)}[dir=rtl] .nut-fixednav-btn,.nut-rtl .nut-fixednav-btn{right:auto;left:0;border-radius:0 45px 45px 0}[dir=rtl] .nut-fixednav-btn .nut-icon,.nut-rtl .nut-fixednav-btn .nut-icon{margin-right:0;margin-left:5px;transform:rotate(180deg)}[dir=rtl] .nut-fixednav-list,.nut-rtl .nut-fixednav-list{right:auto;left:0;transform:translate(-100%);border-radius:0 25px 25px 0;box-shadow:-2px 2px 8px #0003;padding-right:20px;padding-left:80px}[dir=rtl] .nut-fixednav-list-item .b,.nut-rtl .nut-fixednav-list-item .b{right:auto;left:0}[dir=rtl] .nut-fixednav.left,.nut-rtl .nut-fixednav.left{left:auto;right:0}[dir=rtl] .nut-fixednav.left .nut-fixednav-btn,.nut-rtl .nut-fixednav.left .nut-fixednav-btn{left:auto;right:0;border-radius:45px 0 0 45px}[dir=rtl] .nut-fixednav.left .nut-fixednav-btn .nut-icon,.nut-rtl .nut-fixednav.left .nut-fixednav-btn .nut-icon{transform:rotate(0);margin-right:5px;margin-left:0}[dir=rtl] .nut-fixednav.left .nut-fixednav-list,.nut-rtl .nut-fixednav.left .nut-fixednav-list{transform:translate(100%);right:auto;left:auto;border-radius:25px 0 0 25px;padding-right:80px;padding-left:20px}.nut-drag .nut-fixednav{position:relative}

package/dist/esm/Table.js

@@ -1,4 +1,4 @@
-import { T as Table } from "./table.taro-C2XPk7AJ.js";
+import { T as Table } from "./table.taro-D2M3D2Vj.js";
 export {
   Table as default
 };

package/dist/esm/nutui-react.es.js

@@ -82,7 +82,7 @@ import { S as S13 } from "./step.taro-Cc1dc5Qb.js";
 import { S as S14 } from "./steps.taro-CUEhZGfy.js";
 import { default as default4 } from "./Swiper.js";
 import { S as S15 } from "./swiperitem.taro-DeiNSrJV.js";
-import { T as T7 } from "./table.taro-C2XPk7AJ.js";
+import { T as T7 } from "./table.taro-D2M3D2Vj.js";
 import { T as T8 } from "./tag.taro-CFt28RLm.js";
 import { T as T9 } from "./tour.taro-SPMrhDA9.js";
 import { V } from "./video.taro-CecLv4sr.js";

package/dist/esm/{table.taro-C2XPk7AJ.js → table.taro-D2M3D2Vj.js}

@@ -130,6 +130,10 @@ const Table = (props) => {
     });
   };
   const renderBodyTds = (item, rowIndex) => {
+    const { rowRender } = item;
+    if (rowRender && typeof rowRender === "function") {
+      return rowRender(item, rowIndex);
+    }
     return sortDataItem().map(([value, render]) => {
       return React__default.createElement("div", { className: classNames(`${bodyClassPrefix}-td`, cellClasses(getColumnItem(value)), getStickyClass(value)), key: value, style: getStickyStyle(value) }, typeof item[value] === "function" || typeof render === "function" ? React__default.createElement("div", null, render ? render(item, rowIndex) : item[value](item)) : item[value]);
     });

package/dist/locales/base.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react-taro v2.6.10 Fri Jun 21 2024 18:26:04 GMT+0800 (China Standard Time)
+* @nutui/nutui-react-taro v2.6.11 Fri Jun 28 2024 14:38:41 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.10 Fri Jun 21 2024 18:26:04 GMT+0800 (China Standard Time)
+* @nutui/nutui-react-taro v2.6.11 Fri Jun 28 2024 14:38:41 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.10 Fri Jun 21 2024 18:26:04 GMT+0800 (China Standard Time)
+* @nutui/nutui-react-taro v2.6.11 Fri Jun 28 2024 14:38:41 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.10 Fri Jun 21 2024 18:26:04 GMT+0800 (China Standard Time)
+* @nutui/nutui-react-taro v2.6.11 Fri Jun 28 2024 14:38:41 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.10 Fri Jun 21 2024 18:26:04 GMT+0800 (China Standard Time)
+* @nutui/nutui-react-taro v2.6.11 Fri Jun 28 2024 14:38:41 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.10 Fri Jun 21 2024 18:26:04 GMT+0800 (China Standard Time)
+* @nutui/nutui-react-taro v2.6.11 Fri Jun 28 2024 14:38:41 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.10 Fri Jun 21 2024 18:26:04 GMT+0800 (China Standard Time)
+* @nutui/nutui-react-taro v2.6.11 Fri Jun 28 2024 14:38:41 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */

package/dist/nutui.react.es.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react-taro v2.6.10 Fri Jun 21 2024 18:25:39 GMT+0800 (China Standard Time)
+* @nutui/nutui-react-taro v2.6.11 Fri Jun 28 2024 14:38:04 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */
@@ -3385,19 +3385,6 @@ function getScrollParent(el, root2 = defaultRoot) {
   }
   return root2;
 }
-let passiveSupported = false;
-if (canUseDom) {
-  try {
-    const opts = Object.defineProperty({}, "passive", {
-      get() {
-        passiveSupported = true;
-      }
-    });
-    window.addEventListener("test-passive-supported", null, opts);
-  } catch (e2) {
-    console.log(e2);
-  }
-}
 let totalLockCount = 0;
 const BODY_LOCK_CLASS = "nut-overflow-hidden";
 function getScrollableElement(el) {
@@ -3445,7 +3432,7 @@ function useLockScroll(rootRef, shouldLock) {
     document.addEventListener(
       "touchmove",
       onTouchMove,
-      passiveSupported ? { passive: false } : false
+      false
     );
     if (!totalLockCount) {
       document.body.classList.add(BODY_LOCK_CLASS);
@@ -7976,7 +7963,7 @@ const InternalPickerPanel = (props, ref) => {
     moving: moving.current
   }));
   useEffect(() => {
-    const eventOptions = passiveSupported ? { passive: false, once: true } : false;
+    const eventOptions = false;
     const element = pickerPanelRef.current;
     element.addEventListener("touchstart", touchStart, eventOptions);
     element.addEventListener("touchmove", touchMove, eventOptions);
@@ -17519,6 +17506,10 @@ const Table = (props) => {
     });
   };
   const renderBodyTds = (item, rowIndex) => {
+    const { rowRender } = item;
+    if (rowRender && typeof rowRender === "function") {
+      return rowRender(item, rowIndex);
+    }
     return sortDataItem().map(([value, render]) => {
       return /* @__PURE__ */ React__default.createElement(
         "div",

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.10 Fri Jun 21 2024 18:25:39 GMT+0800 (China Standard Time)
+* @nutui/nutui-react-taro v2.6.11 Fri Jun 28 2024 14:38:04 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */
@@ -3401,19 +3401,6 @@
     }
     return root2;
   }
-  let passiveSupported = false;
-  if (canUseDom) {
-    try {
-      const opts = Object.defineProperty({}, "passive", {
-        get() {
-          passiveSupported = true;
-        }
-      });
-      window.addEventListener("test-passive-supported", null, opts);
-    } catch (e2) {
-      console.log(e2);
-    }
-  }
   let totalLockCount = 0;
   const BODY_LOCK_CLASS = "nut-overflow-hidden";
   function getScrollableElement(el) {
@@ -3461,7 +3448,7 @@
       document.addEventListener(
         "touchmove",
         onTouchMove,
-        passiveSupported ? { passive: false } : false
+        false
       );
       if (!totalLockCount) {
         document.body.classList.add(BODY_LOCK_CLASS);
@@ -7992,7 +7979,7 @@
       moving: moving.current
     }));
     React.useEffect(() => {
-      const eventOptions = passiveSupported ? { passive: false, once: true } : false;
+      const eventOptions = false;
       const element = pickerPanelRef.current;
       element.addEventListener("touchstart", touchStart, eventOptions);
       element.addEventListener("touchmove", touchMove, eventOptions);
@@ -17535,6 +17522,10 @@
       });
     };
     const renderBodyTds = (item, rowIndex) => {
+      const { rowRender } = item;
+      if (rowRender && typeof rowRender === "function") {
+        return rowRender(item, rowIndex);
+      }
       return sortDataItem().map(([value, render]) => {
         return /* @__PURE__ */ React.createElement(
           "div",

package/dist/packages/fixednav/fixednav.scss

@@ -7,7 +7,7 @@
   right: 0;
 
   &.active {
-    .nut-fixednav-btn{
+    .nut-fixednav-btn {
       .nut-icon {
         transform: rotate(180deg);
       }
@@ -218,5 +218,5 @@
 }
 
 .nut-drag .nut-fixednav {
-  position: inherit;
+  position: relative;
 }