@nutui/nutui-react 1.4.12 → 1.4.13-beta.0

package/CHANGELOG.md

@@ -1,3 +1,15 @@
+# v1.4.13
+`2023-03-29`
+
+* :bug: fix(dialog): 修复Dialog.confirm弹框关闭后dom没有移除问题 (#851) @拧巴的猫
+* :bug: fix(Elevator): 组件瘦身+taro h5适配 (#858) @拧巴的猫
+* :bug: fix(picker): 修复taro版本滚动报错问题 (#852) @拧巴的猫
+* :bug: fix(range): 修复 a11y 属性并补全组件的单元测试 (#849) @AnteeHub
+* :bug: fix: taro-v3.6.12 complier @junjun666
+* :bug: fix: 修复input 的errorMessage显隐导致input失焦问题 (#827) @Penguin-Lin
+* 📖 docs: imagepreview 组件增加点击缩略图切换示例 (#854) @oasis-cloud
+
+
 # v1.4.12
 `2023-03-22`
 

package/dist/esm/Dialog.js

@@ -8,8 +8,8 @@ import React__default, { useEffect, forwardRef } from 'react';
 import classNames from 'classnames';
 import Button from './Button.js';
 import { CSSTransition } from 'react-transition-group';
-import ReactDOM__default from 'react-dom';
-import { r as render } from './render-bbebb760.js';
+import { r as render, u as unmount } from './render-bbebb760.js';
+import 'react-dom';
 var Content = function Content(props) {
   var visible = props.visible,
     title = props.title,
@@ -136,10 +136,11 @@ var normalizeConfig = function normalizeConfig(_config) {
 function confirm(config, renderFunc) {
   var div = document.createElement('div');
   document.body.appendChild(div);
-  function render$1(props) {
+  function render$1(props, callback) {
     render(React__default.createElement(ConfirmDialog, _objectSpread(_objectSpread({}, props), {}, {
       onCancel: onCancel
     })), div);
+    callback && callback();
   }
   var renderFunction = renderFunc || render$1;
   var dialogConfig = _objectSpread(_objectSpread({}, config), {}, {
@@ -170,8 +171,8 @@ function confirm(config, renderFunc) {
   dialogConfig.visible = true;
   renderFunction(dialogConfig);
   function destroy() {
-    var unmountEle = ReactDOM__default.unmountComponentAtNode(div);
-    if (unmountEle && div.parentNode) {
+    unmount(div);
+    if (div !== null && div !== void 0 && div.parentNode) {
       div.parentNode.removeChild(div);
     }
   }
@@ -180,9 +181,10 @@ function confirm(config, renderFunc) {
     dialogConfig.visible = false;
     dialogConfig.onClosed = function () {
       config.onClosed && config.onClosed();
-      destroy();
     };
-    renderFunction(dialogConfig);
+    renderFunction(dialogConfig, function () {
+      destroy();
+    });
   }
   function update(newConfig) {
     dialogConfig = _objectSpread(_objectSpread({}, dialogConfig), {}, {

package/dist/esm/Elevator.js

@@ -38,9 +38,7 @@ var Elevator = function Elevator(props) {
     anchorIndex: 0,
     listHeight: [],
     listGroup: [],
-    scrollY: 0,
-    diff: -1,
-    fixedTop: 0
+    scrollY: 0
   };
   var touchState = useRef({
     y1: 0,
@@ -75,9 +73,6 @@ var Elevator = function Elevator(props) {
   var resetScrollState = function resetScrollState() {
     setScrollStart(false);
   };
-  var clientHeight = function clientHeight() {
-    return listview.current ? listview.current.clientHeight : 0;
-  };
   var getData = function getData(el, name) {
     var prefix = 'data-';
     return el.getAttribute(prefix + name);
@@ -166,7 +161,6 @@ var Elevator = function Elevator(props) {
       var height2 = listHeight[i + 1];
       if (state.current.scrollY >= height1 && state.current.scrollY < height2) {
         setCurrentIndex(i);
-        state.current.diff = height2 - state.current.scrollY;
         return;
       }
     }
@@ -178,20 +172,6 @@ var Elevator = function Elevator(props) {
       listview.current.addEventListener('scroll', listViewScroll);
     }
   }, [listview]);
-  useEffect(function () {
-    var _state$current = state.current,
-      listHeight = _state$current.listHeight,
-      diff = _state$current.diff,
-      scrollY = _state$current.scrollY;
-    var fixedTop = diff > 0 && diff < titleHeight ? diff - titleHeight : 0;
-    if (scrollY + clientHeight() === listHeight[listHeight.length - 1]) {
-      if (fixedTop !== 0) {
-        fixedTop = 0;
-      }
-    }
-    if (state.current.fixedTop === fixedTop) return;
-    state.current.fixedTop = fixedTop;
-  }, [state.current.diff, titleHeight]);
   return React__default.createElement("div", _objectSpread({
     className: "".concat(b(), " ").concat(className)
   }, rest), isSticky && scrollY > 0 ? React__default.createElement("div", {

package/dist/esm/Input.js

@@ -356,7 +356,7 @@ var Input = forwardRef(function (props, ref) {
     style: {
       textAlign: errorMessageAlign
     }
-  }, errorMessage) : null)));
+  }, errorMessage) : React__default.createElement("div", null))));
 });
 Input.defaultProps = defaultProps;
 Input.displayName = 'NutInput';

package/dist/esm/Range.js

@@ -344,7 +344,7 @@ var Range = function Range(props) {
       "aria-valuemin": +min,
       "aria-valuenow": curValue(index),
       "aria-valuemax": +max,
-      "aria-orientation": "horizontal",
+      "aria-orientation": vertical ? 'vertical' : 'horizontal',
       onTouchStart: function onTouchStart(e) {
         if (typeof index === 'number') {
           // 实时更新当前拖动的按钮索引
@@ -377,7 +377,7 @@ var Range = function Range(props) {
     "aria-valuemin": +min,
     "aria-valuenow": curValue(),
     "aria-valuemax": +max,
-    "aria-orientation": "horizontal",
+    "aria-orientation": vertical ? 'vertical' : 'horizontal',
     onTouchStart: function onTouchStart(e) {
       _onTouchStart(e);
     },

package/dist/locales/base.js

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react v1.4.12 Wed Mar 22 2023 15:50:16 GMT+0800 (中国标准时间)
+* @nutui/nutui-react v1.4.13-beta.0 Wed Mar 29 2023 15:41:22 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 v1.4.12 Wed Mar 22 2023 15:50:16 GMT+0800 (中国标准时间)
+* @nutui/nutui-react v1.4.13-beta.0 Wed Mar 29 2023 15:41:22 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 v1.4.12 Wed Mar 22 2023 15:50:16 GMT+0800 (中国标准时间)
+* @nutui/nutui-react v1.4.13-beta.0 Wed Mar 29 2023 15:41:22 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 v1.4.12 Wed Mar 22 2023 15:50:16 GMT+0800 (中国标准时间)
+* @nutui/nutui-react v1.4.13-beta.0 Wed Mar 29 2023 15:41:22 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 v1.4.12 Wed Mar 22 2023 15:50:16 GMT+0800 (中国标准时间)
+* @nutui/nutui-react v1.4.13-beta.0 Wed Mar 29 2023 15:41:22 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 v1.4.12 Wed Mar 22 2023 15:50:16 GMT+0800 (中国标准时间)
+* @nutui/nutui-react v1.4.13-beta.0 Wed Mar 29 2023 15:41:22 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */

package/dist/nutui.react.mjs

@@ -6,7 +6,7 @@ var __publicField = (obj, key, value) => {
 };
 var _a;
 /*!
-* @nutui/nutui-react v1.4.12 Wed Mar 22 2023 15:49:25 GMT+0800 (中国标准时间)
+* @nutui/nutui-react v1.4.13-beta.0 Wed Mar 29 2023 15:40:29 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */
@@ -8837,9 +8837,7 @@ const Elevator = (props) => {
     anchorIndex: 0,
     listHeight: [],
     listGroup: [],
-    scrollY: 0,
-    diff: -1,
-    fixedTop: 0
+    scrollY: 0
   };
   const touchState = useRef({
     y1: 0,
@@ -8857,9 +8855,6 @@ const Elevator = (props) => {
   const resetScrollState = () => {
     setScrollStart(false);
   };
-  const clientHeight = () => {
-    return listview.current ? listview.current.clientHeight : 0;
-  };
   const getData = (el, name) => {
     const prefix2 = "data-";
     return el.getAttribute(prefix2 + name);
@@ -8942,7 +8937,6 @@ const Elevator = (props) => {
       const height2 = listHeight[i + 1];
       if (state.current.scrollY >= height1 && state.current.scrollY < height2) {
         setCurrentIndex(i);
-        state.current.diff = height2 - state.current.scrollY;
         return;
       }
     }
@@ -8954,18 +8948,6 @@ const Elevator = (props) => {
       listview.current.addEventListener("scroll", listViewScroll);
     }
   }, [listview]);
-  useEffect(() => {
-    const { listHeight, diff, scrollY: scrollY2 } = state.current;
-    let fixedTop = diff > 0 && diff < titleHeight ? diff - titleHeight : 0;
-    if (scrollY2 + clientHeight() === listHeight[listHeight.length - 1]) {
-      if (fixedTop !== 0) {
-        fixedTop = 0;
-      }
-    }
-    if (state.current.fixedTop === fixedTop)
-      return;
-    state.current.fixedTop = fixedTop;
-  }, [state.current.diff, titleHeight]);
   return /* @__PURE__ */ React__default.createElement("div", { className: `${b2()} ${className}`, ...rest }, isSticky && scrollY > 0 ? /* @__PURE__ */ React__default.createElement("div", { className: b2("list__fixed") }, /* @__PURE__ */ React__default.createElement("span", { className: "fixed-title" }, indexList[currentIndex][acceptKey])) : null, /* @__PURE__ */ React__default.createElement(
     "div",
     {
@@ -14364,7 +14346,7 @@ const Input = forwardRef((props, ref) => {
         }
       },
       errorMessage
-    ) : null))
+    ) : /* @__PURE__ */ React__default.createElement("div", null)))
   );
 });
 Input.defaultProps = defaultProps$U;
@@ -15573,7 +15555,7 @@ const Range = (props) => {
           "aria-valuemin": +min,
           "aria-valuenow": curValue(index),
           "aria-valuemax": +max,
-          "aria-orientation": "horizontal",
+          "aria-orientation": vertical ? "vertical" : "horizontal",
           onTouchStart: (e) => {
             if (typeof index === "number") {
               SetButtonIndex(index);
@@ -15604,7 +15586,7 @@ const Range = (props) => {
         "aria-valuemin": +min,
         "aria-valuenow": curValue(),
         "aria-valuemax": +max,
-        "aria-orientation": "horizontal",
+        "aria-orientation": vertical ? "vertical" : "horizontal",
         onTouchStart: (e) => {
           onTouchStart(e);
         },
@@ -17277,8 +17259,9 @@ const normalizeConfig = (_config) => {
 function confirm(config2, renderFunc) {
   const div = document.createElement("div");
   document.body.appendChild(div);
-  function render$1(props) {
+  function render$1(props, callback) {
     render(/* @__PURE__ */ React__default.createElement(ConfirmDialog, { ...props, onCancel }), div);
+    callback && callback();
   }
   const renderFunction = renderFunc || render$1;
   let dialogConfig = {
@@ -17312,8 +17295,8 @@ function confirm(config2, renderFunc) {
   dialogConfig.visible = true;
   renderFunction(dialogConfig);
   function destroy() {
-    const unmountEle = ReactDOM__default.unmountComponentAtNode(div);
-    if (unmountEle && div.parentNode) {
+    unmount(div);
+    if (div == null ? void 0 : div.parentNode) {
       div.parentNode.removeChild(div);
     }
   }
@@ -17322,9 +17305,10 @@ function confirm(config2, renderFunc) {
     dialogConfig.visible = false;
     dialogConfig.onClosed = () => {
       config2.onClosed && config2.onClosed();
-      destroy();
     };
-    renderFunction(dialogConfig);
+    renderFunction(dialogConfig, () => {
+      destroy();
+    });
   }
   function update2(newConfig) {
     dialogConfig = {

package/dist/nutui.react.umd.js

@@ -9,7 +9,7 @@ var __publicField = (obj, key, value) => {
   return value;
 };
 /*!
-* @nutui/nutui-react v1.4.12 Wed Mar 22 2023 15:49:25 GMT+0800 (中国标准时间)
+* @nutui/nutui-react v1.4.13-beta.0 Wed Mar 29 2023 15:40:29 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */
@@ -8855,9 +8855,7 @@ Please add \`${key}Action\` when creating your handler.`);
       anchorIndex: 0,
       listHeight: [],
       listGroup: [],
-      scrollY: 0,
-      diff: -1,
-      fixedTop: 0
+      scrollY: 0
     };
     const touchState = React.useRef({
       y1: 0,
@@ -8875,9 +8873,6 @@ Please add \`${key}Action\` when creating your handler.`);
     const resetScrollState = () => {
       setScrollStart(false);
     };
-    const clientHeight = () => {
-      return listview.current ? listview.current.clientHeight : 0;
-    };
     const getData = (el, name) => {
       const prefix2 = "data-";
       return el.getAttribute(prefix2 + name);
@@ -8960,7 +8955,6 @@ Please add \`${key}Action\` when creating your handler.`);
         const height2 = listHeight[i + 1];
         if (state.current.scrollY >= height1 && state.current.scrollY < height2) {
           setCurrentIndex(i);
-          state.current.diff = height2 - state.current.scrollY;
           return;
         }
       }
@@ -8972,18 +8966,6 @@ Please add \`${key}Action\` when creating your handler.`);
         listview.current.addEventListener("scroll", listViewScroll);
       }
     }, [listview]);
-    React.useEffect(() => {
-      const { listHeight, diff, scrollY: scrollY2 } = state.current;
-      let fixedTop = diff > 0 && diff < titleHeight ? diff - titleHeight : 0;
-      if (scrollY2 + clientHeight() === listHeight[listHeight.length - 1]) {
-        if (fixedTop !== 0) {
-          fixedTop = 0;
-        }
-      }
-      if (state.current.fixedTop === fixedTop)
-        return;
-      state.current.fixedTop = fixedTop;
-    }, [state.current.diff, titleHeight]);
     return /* @__PURE__ */ React.createElement("div", { className: `${b2()} ${className}`, ...rest }, isSticky && scrollY > 0 ? /* @__PURE__ */ React.createElement("div", { className: b2("list__fixed") }, /* @__PURE__ */ React.createElement("span", { className: "fixed-title" }, indexList[currentIndex][acceptKey])) : null, /* @__PURE__ */ React.createElement(
       "div",
       {
@@ -14382,7 +14364,7 @@ Please add \`${key}Action\` when creating your handler.`);
           }
         },
         errorMessage
-      ) : null))
+      ) : /* @__PURE__ */ React.createElement("div", null)))
     );
   });
   Input.defaultProps = defaultProps$U;
@@ -15591,7 +15573,7 @@ Please add \`${key}Action\` when creating your handler.`);
             "aria-valuemin": +min,
             "aria-valuenow": curValue(index),
             "aria-valuemax": +max,
-            "aria-orientation": "horizontal",
+            "aria-orientation": vertical ? "vertical" : "horizontal",
             onTouchStart: (e) => {
               if (typeof index === "number") {
                 SetButtonIndex(index);
@@ -15622,7 +15604,7 @@ Please add \`${key}Action\` when creating your handler.`);
           "aria-valuemin": +min,
           "aria-valuenow": curValue(),
           "aria-valuemax": +max,
-          "aria-orientation": "horizontal",
+          "aria-orientation": vertical ? "vertical" : "horizontal",
           onTouchStart: (e) => {
             onTouchStart(e);
           },
@@ -17295,8 +17277,9 @@ Please add \`${key}Action\` when creating your handler.`);
   function confirm(config2, renderFunc) {
     const div = document.createElement("div");
     document.body.appendChild(div);
-    function render$1(props) {
+    function render$1(props, callback) {
       render(/* @__PURE__ */ React.createElement(ConfirmDialog, { ...props, onCancel }), div);
+      callback && callback();
     }
     const renderFunction = renderFunc || render$1;
     let dialogConfig = {
@@ -17330,8 +17313,8 @@ Please add \`${key}Action\` when creating your handler.`);
     dialogConfig.visible = true;
     renderFunction(dialogConfig);
     function destroy() {
-      const unmountEle = ReactDOM.unmountComponentAtNode(div);
-      if (unmountEle && div.parentNode) {
+      unmount(div);
+      if (div == null ? void 0 : div.parentNode) {
         div.parentNode.removeChild(div);
       }
     }
@@ -17340,9 +17323,10 @@ Please add \`${key}Action\` when creating your handler.`);
       dialogConfig.visible = false;
       dialogConfig.onClosed = () => {
         config2.onClosed && config2.onClosed();
-        destroy();
       };
-      renderFunction(dialogConfig);
+      renderFunction(dialogConfig, () => {
+        destroy();
+      });
     }
     function update2(newConfig) {
       dialogConfig = {

package/dist/style.mjs

@@ -1,5 +1,5 @@
 /*!
-* @nutui/nutui-react v1.4.12 Wed Mar 22 2023 15:49:57 GMT+0800 (中国标准时间)
+* @nutui/nutui-react v1.4.13-beta.0 Wed Mar 29 2023 15:40:57 GMT+0800 (China Standard Time)
 * (c) 2023 @jdf2e.
 * Released under the MIT License.
 */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nutui/nutui-react",
-  "version": "1.4.12",
+  "version": "1.4.13-beta.0",
   "style": "dist/style.css",
   "main": "dist/nutui.react.umd.js",
   "module": "dist/esm/nutui-react.es.js",