@nutui/nutui-react 1.3.13-beta.0 → 1.3.14-beta.0

package/CHANGELOG.md

@@ -1,8 +1,25 @@
+# v1.3.14
+`2022-12-09`
+
+feat: image 适配 taro (#507) @vickyYe
+feat: Grid 组件添加 onClick 事件，统一管理子项点击事件，无需在GridItem组件中分别添加点击事件 (#492) @cuicuiworld
+fix: react18 render 提示错误信息 (#524) @oasis-cloud
+fix: noticebar 纵向滚动渲染慢问题修复，设置高度小于默认值时动效失效问题修复 (#528) @vickyYe
+fix: icon 组件 mask-close 未展示叉号 (#527) @oasis-cloud
+fix: #508 修改折叠面板组件修改后不刷新问题 (#521) @zhenyulei
+fix: imagepreview 设置 initNo 后  active 计算错误 (#512) @oasis-cloud
+fix: 移除 formitem 对 react-router-dom 的依赖 (#513) @oasis-cloud
+fix: trendarrow 组件文档增加taro引入方式说明、css文件引入icon的scss文件、修改icon组件的引入方式 (#502) @irisSong
+docs: 修正 virtualList 的文档错误 (#510) @Antee
+docs: Readme 中英文修改 (#525) @vickyYe
+docs: 文档中增加 nutui-react-taro的 import 方式 (#522) @oasis-cloud
+
+
 # v1.3.13
 `2022-11-30`
 * :sparkles: feat: 新增image组件，适配多语言，增加单元测试 (#498) @vickyYe
 * :sparkles: feat: trendarrow趋势箭头组件开发完成 (#491)  @irisSong
-* :bug: fix: 提交skeleton骨架屏白底修改 @junjun666
+* :bug: fix: 提交skeleton骨架屏白底修改 (#499) @junjun666
 * 📖 docs: pagination demo 增加白色底 (#496) @oasis-cloud
 * 📖 docs: popover demo 增加白色底 (#497) @oasis-cloud
 * :bug: fix: cell 空链接不需跳转 (#495) @oasis-cloud
@@ -41,7 +58,7 @@
 * :bug: fix: 修复Row组件的文档示例错误 (#453) @simpleStyle
 * 📖 docs: 修复 datepicker 文档中示例代码错误 (#449) @xxxnine
 * :sparkles: feat: 补全button的关于小程序API的typescript支持 (#447) @simpleStyle
-* :bug: fix: input组件defaultvalue值为空时不可清除问题修复 (#452) vickyYe*
+* :bug: fix: input组件defaultvalue值为空时不可清除问题修复 (#452) @vickyYe
 * :sparkles: feat: menuitem 支持 ref (#450) @oasis-cloud
 * :sparkles: feat: badge组件支持className和style属性 (#444) @cuicuiworld
 * :bug: fix: 引入样式文件运行报错(#439) (#441) @hydeia

package/README.md

@@ -3,7 +3,7 @@
     <img alt="logo" src="https://img11.360buyimg.com/imagetools/jfs/t1/211965/25/7152/22022/61b16785E433119bb/aa41d7a9f7e823f3.png" width="150" style="margin-bottom: 10px;">
 </p>
 
-<p align="center">京东风格的轻量级移动端 React 组件库，支持一套代码生成 H5 和小程序</p>
+<p align="center">JD-style mobile UI components based on React that support users to develop H5 and mini-programs.</p>
 
 <p align="center">
     <a href="http://makeapullrequest.com">
@@ -35,90 +35,100 @@
 </p>
 
 ---
-> Nut[nʌt]，源自电影《冰河世纪》里松鼠 Scrat "执迷不悟"，一生追求，即便引发大灾难也绝不松手的坚果。
 
-##  特性
+> Nut[nʌt]: the one Squirrel Scrat pursues resolutely for a lifetime and will never let go even if it causes a catastrophe from the animated film ***Ice Age***.
 
-* 🚀 60+ 高质量组件, 覆盖移动端主流场景
-* 📖 基于京东APP 10.0 视觉规范
-* 🍭 支持按需引用
-* 📖 详尽的文档和示例
-* 💪 支持 TypeScript
-* 💪 支持服务端渲染（测试阶段）
-* 🍭 支持定制主题
-* 🍭 单元测试覆盖率超过80%, 保障稳定性
-* 📖 提供 Sketch 设计资源
+[简体中文](./README_ZH.md) | English
 
-## 构建版本
+## Features
 
-> AMD 环境、Webpack、Vite 等构建工具环境、服务端建议使用 es 版，非模块化环境（如通过 `<script>` 标签直接引用）建议使用 umd 压缩版。
+* 🚀 60+ High Quality Components
+* 📖 Based on JD APP 10.0 Visual Specifications
+* 🍭 Support Tree Shaking
+* 📖 Extensive Documentation and Demos
+* 💪 Written in TypeScript
+* 💪 Support SSR (Experimental)
+* 🍭 Support Custom Themes
+* 🍭 80%+ Unit Test Coverage
+* 📖 Provide Sketch Design Resources
 
-* es **nutui.react.es.js**
+
+## Build Versions
+
+> If you are using AMD environment or build tools such as Webpack, Vite, etc., we recommend using the `es` version. If it is a non-module environment (such as direct reference through the `<script>` tag), it is recommended to use the `umd` compressed version.
+
+* es **nutui.es.js**
 
 * umd **nutui.umd.js**
 
 
-## 链接
+##  Links
 
 <ul>
     <li>
         <a href="https://github.com/jdf2e/nutui-react/discussions">
-            Discussions  (用👍投票)
+            Discussions  (vote with 👍)
         </a>
     </li>
     <li>
         <a href="https://github.com/jdf2e/nutui-react/issues?q=is%3Aissue+is%3Aopen+label%3A%22help+wanted%22">
-            Feature Requests (用👍投票)
+            Feature Requests (vote with 👍)
         </a>
     </li>
      <li>
         <a href="https://github.com/jdf2e/nutui-react/labels/bug%203.0">
-            Bugs (用👍投票)
+            Bugs (vote with 👍)
         </a>
     </li>
      <li>
         <a href="https://github.com/jdf2e/nutui-react/issues?q=is%3Aissue+is%3Aopen+label%3Aquestion">
-            Question  (用👍投票)
+            Question  (vote with 👍)
         </a>
     </li>
 </ul>
 
-## 开发交流
-| 版本 | 微信群 |内部咚咚群 |
+
+## Communication
+
+| Version | WeChat Group | JD Dongdong Group |
 | --- | --- |--- |
-| [NutUI React](https://github.com/jdf2e/nutui-react/issues) | <img src="https://storage.360buyimg.com/imgtools/17c67beff6-4acf07c0-609c-11ed-a6ef-69df15b605e4.png" width="100" /> 关注后回复「NutUI-React」 | 1025679314 |
-| [NutUI x Taro](https://github.com/jdf2e/nutui/issues) | <img src="https://camo.githubusercontent.com/db4276b4ee4b443158195e943e9e678cb4d2afb7580f70d4d817ef0a90413aec/687474703a2f2f73746f726167652e333630627579696d672e636f6d2f7461726f2d6a642d636f6d2f7374617469632f636f6e746163745f7461726f5f6e757475695f71722e706e67" width="100" /> 关注后回复「NutUI-React」 | 1022545110 |
+| [NutUI React](https://github.com/jdf2e/nutui-react/issues) | <img src="https://storage.360buyimg.com/imgtools/17c67beff6-4acf07c0-609c-11ed-a6ef-69df15b605e4.png" width="100" /> Reply 「NutUI-React」 after following | 1025679314 |
+| [NutUI x Taro](https://github.com/jdf2e/nutui/issues) | <img src="https://camo.githubusercontent.com/db4276b4ee4b443158195e943e9e678cb4d2afb7580f70d4d817ef0a90413aec/687474703a2f2f73746f726167652e333630627579696d672e636f6d2f7461726f2d6a642d636f6d2f7374617469632f636f6e746163745f7461726f5f6e757475695f71722e706e67" width="100" />Reply 「NutUI-React」 after following | 1022545110 |
 
-## 参与共建
 
-#### NutUI 社区共建倡议
+## Join Us
 
-[NutUI-React 邀您共建，Contributor 您好](https://github.com/jdf2e/nutui-react/discussions/348)
+#### NutUI Community
 
-#### 为 NutUI 贡献代码
+[*Welcome To NutUI-React  Community*](https://github.com/jdf2e/nutui-react/discussions/348)
 
-NutUI 的共建方向主要分为：解决 issue、修复 bug、新增组件、增加国际化、UI 定制、平台适配、跨端扩展等。
+#### Contribute to NutUI
 
-欢迎社区开发者参与共建，在贡献您的代码之前请先阅读 [《NutUI 贡献指南》](https://github.com/jdf2e/nutui-react/discussions/348)。
+There are some choices of contributing to NutUI as follows, solving issues, fixing bugs, adding new components, i18n, UI customization, platform and cross-end adaptation, etc.
 
-## 问题反馈与建议
+You are very welcome to contribute code to NutUI. Before your pull requests, please read [*NutUI Developer Contributing Guide*](https://github.com/jdf2e/nutui-react/discussions/348)。
 
-[给 NutUI 提 Issue](https://nutui.jd.com/nutui-issue-helper/?repo=jdf2e/nutui-react&lang=zh-cn)
 
-> 在反馈问题之前，推荐阅读 [《提问的智慧》](https://github.com/ryanhanwu/How-To-Ask-Questions-The-Smart-Way)、[《如何向开源社区提问题》](https://github.com/seajs/seajs/issues/545)和[《如何有效地报告 Bug》](http://www.chiark.greenend.org.uk/%7Esgtatham/bugs-cn.html)，这样您能够更容易获得理解和帮助。
+## Issue & Discussion
 
-[参与 NutUI 社区讨论](https://github.com/jdf2e/nutui-react/discussions)
+[Report issues to NutUI](https://nutui.jd.com/nutui-issue-helper/?repo=jdf2e/nutui-react&lang=zh-cn)
 
-如果您有任何想法、疑问或建议，都可以参与社区讨论分享您的观点。
+> It is highly recommended to read [*How To Ask Questions The Smart Way*](https://github.com/ryanhanwu/, [*How To Ask Questions Of GitHub Community*](https://github.com/seajs/seajs/issues/545) and [*How to Report Bugs Effectively*](https://www.chiark.greenend.org.uk/~sgtatham/bugs.html), then you can get understanding and help more easily.
 
-## 贡献者们
+[NutUI Discussion](https://github.com/jdf2e/nutui-react/discussions)
+
+If you have any ideas, questions or suggestions, you can share your opinions here.
+
+## Contributors
+
+Thanks to all the following [developers](https://github.com/jdf2e/nutui-react/graphs/contributors)。 who have contributed code to NutUI.
 
-感谢以下所有给 NutUI 贡献过代码的 [开发者](https://github.com/jdf2e/nutui-react/graphs/contributors)。
 
 <a href="https://github.com/jdf2e/nutui-react/graphs/contributors">
-  <img src="https://contrib.rocks/image?repo=jdf2e/nutui-react" />
+  <img src="https://contrib.rocks/image?repo=jdf2e/nutui-react" alt="contributors"/>
 </a>
 
+
 ## Stargazers 
 
 [![Stargazers repo roster for @jdf2e/nutui-react](https://reporoster.com/stars/jdf2e/nutui-react)](https://github.com/jdf2e/nutui-react/stargazers)
@@ -127,14 +137,15 @@ NutUI 的共建方向主要分为：解决 issue、修复 bug、新增组件、
 
 [![Forkers repo roster for @jdf2e/nutui-react](https://reporoster.com/forks/jdf2e/nutui-react)](https://github.com/jdf2e/nutui-react/network/members)
 
-## 开发计划
+## Milestones
 
 [Milestones](https://github.com/jdf2e/nutui-react/projects)
 
-## 更新日志
+## Release Notes
+
+NutUI follows [Angular Style Commit Message Conventions](https://gist.github.com/stephenparish/9941e89d80e2bc58a153). The up-to-date release notes are available on [Release](https://github.com/jdf2e/nutui-react/releases)
 
-本项目遵从 [Angular Style Commit Message Conventions](https://gist.github.com/stephenparish/9941e89d80e2bc58a153)，更新日志请查阅 [Release](https://github.com/jdf2e/nutui-react/releases)。
 
-## 开源协议
+## Open Source License
 
-本项目基于 **MIT** 协议
+This project is based on **MIT** protocol

package/dist/esm/Collapse.js

@@ -16,7 +16,7 @@ var defaultProps = {
   rotate: 180
 };
 function areEqual(prevProps, nextProps) {
-  return JSON.stringify(prevProps.activeName) === JSON.stringify(nextProps.activeName);
+  return prevProps.children === nextProps.children && JSON.stringify(prevProps.activeName) === JSON.stringify(nextProps.activeName);
 }
 var Collapse = memo(function (props) {
   var _defaultProps$props = _objectSpread(_objectSpread({}, defaultProps), props),

package/dist/esm/CollapseItem.js

@@ -4,7 +4,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 var _excluded = ["children", "title", "isOpen", "onToggle", "name", "disabled", "icon", "rotate", "subTitle", "titleIcon", "titleIconColor", "titleIconPosition", "titleIconSize", "iconSize", "iconColor", "childnull", "iconClassPrefix", "iconFontClassName"];
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-import React__default, { useState, useEffect, useCallback } from 'react';
+import React__default, { useState, useCallback, useEffect } from 'react';
 import { c as cn } from './bem-893ad28d.js';
 import Icon from './Icon.js';
 import { C as ComponentDefaults } from './typings-1c5f2628.js';
@@ -65,10 +65,6 @@ var CollapseItem = function CollapseItem(props) {
     iconStyle = _useState8[0],
     setIconStyle = _useState8[1];
   var colBem = cn('collapse-item');
-  useEffect(function () {
-    setCurrHeight('auto');
-    setUpdate(!update);
-  }, [children]);
   var measuredRef = useCallback(function (node) {
     if (node !== null) {
       setDomHeight(node.getBoundingClientRect().height);
@@ -88,6 +84,14 @@ var CollapseItem = function CollapseItem(props) {
       setIconStyle(newIconStyle);
     }, 10);
   }, [isOpen, domHeight, rotate]);
+  useEffect(function () {
+    if (!isOpen) {
+      setCurrHeight('0px');
+    } else {
+      setCurrHeight('auto');
+    }
+    setUpdate(!update);
+  }, [children, isOpen]);
   return React__default.createElement("div", _objectSpread({
     className: colBem()
   }, rest), React__default.createElement("div", {

package/dist/esm/Grid.js

@@ -1,11 +1,12 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-var _excluded = ["children", "columnNum", "border", "gutter", "center", "square", "reverse", "direction", "style", "iconSize", "iconColor", "className"];
+var _excluded = ["children", "columnNum", "border", "gutter", "center", "square", "reverse", "direction", "style", "iconSize", "iconColor", "className", "onClick"];
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 import React__default from 'react';
 import { useConfig } from './ConfigProvider.js';
 import { c as cn } from './bem-893ad28d.js';
+import { G as GridContext } from './grid.context-e2f1ee97.js';
 import '@bem-react/classname';
 var defaultProps = {
   columnNum: 4,
@@ -33,6 +34,7 @@ var Grid = function Grid(props) {
     iconSize = _defaultProps$props.iconSize,
     iconColor = _defaultProps$props.iconColor,
     className = _defaultProps$props.className,
+    onClick = _defaultProps$props.onClick,
     rest = _objectWithoutProperties(_defaultProps$props, _excluded);
   var childrenDom = React__default.Children.toArray(children);
   var pxCheck = function pxCheck(value) {
@@ -56,7 +58,11 @@ var Grid = function Grid(props) {
   return React__default.createElement("div", _objectSpread({
     className: rootClass(),
     style: rootStyle()
-  }, rest), childrenDom.map(function (item, idex) {
+  }, rest), React__default.createElement(GridContext.Provider, {
+    value: {
+      onClick: onClick
+    }
+  }, childrenDom.map(function (item, idex) {
     return React__default.cloneElement(item, {
       index: idex,
       columnNum: columnNum,
@@ -69,7 +75,7 @@ var Grid = function Grid(props) {
       parentIconSize: iconSize,
       parentIconColor: iconColor
     });
-  }));
+  })));
 };
 Grid.defaultProps = defaultProps;
 Grid.displayName = 'NutGrid';

package/dist/esm/GridItem.js

@@ -3,10 +3,11 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 var _excluded = ["children", "columnNum", "index", "gutter", "square", "text", "icon", "iconColor", "iconSize", "parentIconSize", "parentIconColor", "border", "center", "reverse", "direction", "iconClassPrefix", "iconFontClassName", "onClick"];
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-import React__default from 'react';
+import React__default, { useContext } from 'react';
 import { useConfig } from './ConfigProvider.js';
 import { c as cn } from './bem-893ad28d.js';
 import Icon from './Icon.js';
+import { G as GridContext } from './grid.context-e2f1ee97.js';
 import { C as ComponentDefaults } from './typings-1c5f2628.js';
 import '@bem-react/classname';
 var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
@@ -47,6 +48,7 @@ var GridItem = function GridItem(props) {
     onClick = _defaultProps$props.onClick,
     rest = _objectWithoutProperties(_defaultProps$props, _excluded);
   var b = cn('grid-item');
+  var context = useContext(GridContext);
   var pxCheck = function pxCheck(value) {
     return Number.isNaN(Number(value)) ? String(value) : "".concat(value, "px");
   };
@@ -72,6 +74,22 @@ var GridItem = function GridItem(props) {
   };
   var handleClick = function handleClick(e) {
     onClick && onClick(e);
+    context.onClick && context.onClick({
+      text: text,
+      icon: icon,
+      iconSize: iconSize,
+      iconColor: iconColor,
+      parentIconSize: parentIconSize,
+      parentIconColor: parentIconColor,
+      index: index,
+      columnNum: columnNum,
+      border: border,
+      gutter: gutter,
+      center: center,
+      square: square,
+      reverse: reverse,
+      direction: direction
+    }, index);
   };
   return React__default.createElement("div", _objectSpread(_objectSpread({
     className: b(),

package/dist/esm/ImagePreview.js

@@ -29,29 +29,33 @@ var ImagePreview = function ImagePreview(props) {
     contentClose = props.contentClose,
     onClose = props.onClose;
   var nutImagePreview = useRef(null);
-  var _useState = useState(false),
+  var _useState = useState(initNo),
     _useState2 = _slicedToArray(_useState, 2),
-    showPop = _useState2[0],
-    setShowPop = _useState2[1];
-  var _useState3 = useState(1),
+    innerNo = _useState2[0],
+    setInnerNo = _useState2[1];
+  var _useState3 = useState(false),
     _useState4 = _slicedToArray(_useState3, 2),
-    active = _useState4[0],
-    setActive = _useState4[1];
+    showPop = _useState4[0],
+    setShowPop = _useState4[1];
   var _useState5 = useState(1),
     _useState6 = _slicedToArray(_useState5, 2),
-    maxNo = _useState6[0],
-    setMaxNo = _useState6[1];
-  var _useState7 = useState({
+    active = _useState6[0],
+    setActive = _useState6[1];
+  var _useState7 = useState(1),
+    _useState8 = _slicedToArray(_useState7, 2),
+    maxNo = _useState8[0],
+    setMaxNo = _useState8[1];
+  var _useState9 = useState({
       scale: 1,
       moveable: false
     }),
-    _useState8 = _slicedToArray(_useState7, 2),
-    store = _useState8[0],
-    setStore = _useState8[1];
-  var _useState9 = useState(0),
     _useState10 = _slicedToArray(_useState9, 2),
-    lastTouchEndTime = _useState10[0],
-    setLastTouchEndTime = _useState10[1]; // 用来辅助监听双击
+    store = _useState10[0],
+    setStore = _useState10[1];
+  var _useState11 = useState(0),
+    _useState12 = _slicedToArray(_useState11, 2),
+    lastTouchEndTime = _useState12[0],
+    setLastTouchEndTime = _useState12[1]; // 用来辅助监听双击
   var onTouchStart = function onTouchStart(event) {
     var touches = event.touches;
     var events = touches[0];
@@ -128,14 +132,14 @@ var ImagePreview = function ImagePreview(props) {
     document.addEventListener('touchcancel', onTouchEnd);
   };
   useEffect(function () {
-    if (show !== undefined) {
-      setShowPop(show);
-      init();
-    }
-  }, [show]);
+    setShowPop(show);
+    setInnerNo(initNo);
+    setActive(initNo);
+    init();
+  }, [show, initNo]);
   useEffect(function () {
-    if (initNo !== undefined) {
-      setActive(initNo);
+    if (innerNo !== undefined) {
+      setActive(innerNo);
     }
     if (show !== undefined) {
       setShowPop(show);
@@ -195,7 +199,7 @@ var ImagePreview = function ImagePreview(props) {
     },
     direction: "horizontal",
     onChange: slideChangeEnd,
-    initPage: initNo && (initNo > maxNo ? maxNo - 1 : initNo - 1),
+    initPage: innerNo && (innerNo > maxNo ? maxNo - 1 : innerNo - 1),
     paginationColor: paginationColor,
     paginationVisible: paginationVisible
   }, (videos && videos.length > 0 ? videos.map(function (item, index) {

package/dist/esm/NoticeBar.js

@@ -182,16 +182,18 @@ var NoticeBar = function NoticeBar(props) {
    */
   var startRollEasy = function startRollEasy() {
     showhorseLamp();
-    var timerCurr = setInterval(showhorseLamp, ~~(height / speed / 4) * 1000 + Number(standTime));
+    var time = height / speed / 4 < 1 ? Number((height / speed / 4).toFixed(1)) * 1000 : ~~(height / speed / 4) * 1000;
+    var timerCurr = setInterval(showhorseLamp, time + Number(standTime));
     SetTimer(timerCurr);
   };
   var showhorseLamp = function showhorseLamp() {
     SetAnimate(true);
+    var time = height / speed / 4 < 1 ? Number((height / speed / 4).toFixed(1)) * 1000 : ~~(height / speed / 4) * 1000;
     setTimeout(function () {
       scrollList.current.push(scrollList.current[0]);
       scrollList.current.shift();
       SetAnimate(false);
-    }, ~~(height / speed / 4) * 1000);
+    }, time);
   };
   var startRoll = function startRoll() {
     var timerCurr = setInterval(function () {
@@ -254,10 +256,11 @@ var NoticeBar = function NoticeBar(props) {
     background: background,
     height: direction === 'vertical' ? "".concat(height, "px") : ''
   };
-  var duringTime = ~~(height / speed / 4);
+  var duringTime = height / speed / 4 < 1 ? Number((height / speed / 4).toFixed(1)) : ~~(height / speed / 4);
+  var noDuring = height / speed < 1 ? (height / speed).toFixed(1) : ~~(height / speed);
   var horseLampStyle = {
     transform: complexAm ? "translateY(".concat(distance, "px)") : '',
-    transition: animate ? "all ".concat(duringTime === 0 ? ~~(height / speed) : duringTime, "s") : '',
+    transition: animate ? "all ".concat(duringTime === 0 ? noDuring : duringTime, "s") : '',
     marginTop: animate ? "-".concat(height, "px") : ''
   };
   var b = cn('noticebar');
@@ -301,7 +304,7 @@ var NoticeBar = function NoticeBar(props) {
     fontClassName: iconFontClassName,
     name: rightIcon || 'close',
     color: color
-  })) : null) : null, showNoticeBar && scrollList.current.length > 0 && direction === 'vertical' ? React__default.createElement("div", {
+  })) : null) : null, showNoticeBar && direction === 'vertical' ? React__default.createElement("div", {
     className: "nut-noticebar-vertical",
     style: barStyle,
     onClick: handleClick

package/dist/esm/Notify.js

@@ -14,7 +14,7 @@ import * as ReactDOM from 'react-dom';
 import classNames from 'classnames';
 import { CSSTransition } from 'react-transition-group';
 import { c as cn } from './bem-893ad28d.js';
-import { r as render } from './render-18227751.js';
+import { r as render } from './render-f8746530.js';
 import '@bem-react/classname';
 var Notification = /*#__PURE__*/function (_React$PureComponent) {
   _inherits(Notification, _React$PureComponent);

package/dist/esm/Toast.js

@@ -10,12 +10,12 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
 function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 import * as React from 'react';
-import * as ReactDOM from 'react-dom';
 import classNames from 'classnames';
 import { c as cn } from './bem-893ad28d.js';
 import Icon from './Icon.js';
-import { r as render } from './render-18227751.js';
+import { r as render, u as unmount } from './render-f8746530.js';
 import '@bem-react/classname';
+import 'react-dom';
 var Notification = /*#__PURE__*/function (_React$PureComponent) {
   _inherits(Notification, _React$PureComponent);
   var _super = _createSuper(Notification);
@@ -149,7 +149,7 @@ Notification.newInstance = function (properties, callback) {
     callback({
       component: instance,
       destroy: function destroy() {
-        ReactDOM.unmountComponentAtNode(element);
+        unmount(element);
         element && element.parentNode && element.parentNode.removeChild(element);
       }
     });

package/dist/esm/TrendArrow/style/index.js

@@ -1,2 +1,2 @@
-
+import '../../Icon/style'
 import '../../../packages/trendarrow/trendarrow.scss'

package/dist/esm/TrendArrow.js

@@ -5,7 +5,7 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 import React__default, { useRef } from 'react';
 import { c as cn } from './bem-893ad28d.js';
-import { I as Icon } from './icon-8dc4de10.js';
+import Icon from './Icon.js';
 import '@bem-react/classname';
 var defaultProps = {
   rate: 0,

package/dist/esm/grid.context-e2f1ee97.js

@@ -0,0 +1,6 @@
+import React__default from 'react';
+var gridContext = {
+  onClick: function onClick(item, index) {}
+};
+var GridContext = React__default.createContext(gridContext);
+export { GridContext as G };

package/dist/esm/render-f8746530.js

@@ -0,0 +1,81 @@
+import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
+import _typeof from "@babel/runtime/helpers/typeof";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _regeneratorRuntime from "@babel/runtime/regenerator";
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+import * as ReactDOM from 'react-dom';
+
+// Let compiler not to search module usage
+var fullClone = _objectSpread({}, ReactDOM);
+var version = fullClone.version,
+  reactRender = fullClone.render,
+  unmountComponentAtNode = fullClone.unmountComponentAtNode;
+var createRoot;
+try {
+  var mainVersion = Number((version || '').split('.')[0]);
+  if (mainVersion >= 18 && fullClone.createRoot) {
+    // eslint-disable-next-line @typescript-eslint/no-var-requires
+    createRoot = fullClone.createRoot;
+  }
+} catch (e) {
+  // Do nothing;
+}
+function toggleWarning(skip) {
+  var __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED = fullClone.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+  if (__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED && _typeof(__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED) === 'object') {
+    __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.usingClientEntryPoint = skip;
+  }
+}
+var MARK = '__nutui_react_root__';
+function legacyRender(node, container) {
+  reactRender(node, container);
+}
+function concurrentRender(node, container) {
+  toggleWarning(true);
+  var root = container[MARK] || createRoot(container);
+  toggleWarning(false);
+  root.render(node);
+  container[MARK] = root;
+}
+function render(node, container) {
+  if (createRoot) {
+    concurrentRender(node, container);
+    return;
+  }
+  legacyRender(node, container);
+}
+// ========================== Unmount =========================
+function legacyUnmount(container) {
+  return unmountComponentAtNode(container);
+}
+function concurrentUnmount(_x) {
+  return _concurrentUnmount.apply(this, arguments);
+}
+function _concurrentUnmount() {
+  _concurrentUnmount = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee(container) {
+    return _regeneratorRuntime.wrap(function _callee$(_context) {
+      while (1) {
+        switch (_context.prev = _context.next) {
+          case 0:
+            return _context.abrupt("return", Promise.resolve().then(function () {
+              var _container$MARK;
+              (_container$MARK = container[MARK]) === null || _container$MARK === void 0 ? void 0 : _container$MARK.unmount();
+              delete container[MARK];
+            }));
+          case 1:
+          case "end":
+            return _context.stop();
+        }
+      }
+    }, _callee);
+  }));
+  return _concurrentUnmount.apply(this, arguments);
+}
+function unmount(container) {
+  if (createRoot) {
+    return concurrentUnmount(container);
+  }
+  return legacyUnmount(container);
+}
+export { render as r, unmount as u };

package/dist/esm/types/src/packages/formitem/index.taro.d.ts

@@ -1,2 +1,2 @@
-import { FormItem } from './formitem';
+import { FormItem } from './formitem.taro';
 export default FormItem;

package/dist/esm/types/src/packages/grid/grid.context.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { GridItemProps } from '../griditem/griditem';
+declare const _default: React.Context<{
+    onClick: (item: GridItemProps, index: number) => void;
+}>;
+export default _default;

package/dist/esm/types/src/packages/grid/grid.d.ts

@@ -1,4 +1,5 @@
 import React, { CSSProperties, FunctionComponent } from 'react';
+import { GridItemProps } from '../griditem/griditem';
 export declare type GridDirection = 'horizontal' | 'vertical';
 export interface GridProps {
     columnNum: string | number;
@@ -12,5 +13,6 @@ export interface GridProps {
     iconSize?: string | number;
     iconColor?: string;
     style?: CSSProperties;
+    onClick: (item: GridItemProps, index: number) => void;
 }
-export declare const Grid: FunctionComponent<Partial<GridProps> & React.HTMLAttributes<HTMLDivElement>>;
+export declare const Grid: FunctionComponent<Partial<GridProps> & Omit<React.HTMLAttributes<HTMLDivElement>, 'onClick'>>;

package/dist/esm/types/src/packages/grid/grid.taro.context.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { GridItemProps } from '../griditem/griditem.taro';
+declare const _default: React.Context<{
+    onClick: (item: GridItemProps, index: number) => void;
+}>;
+export default _default;