@nutui/nutui-react-taro 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

@@ -1,5 +1,5 @@
-import { C as Collapse } from './collapse.taro-13cde270.js';
-export { C as default } from './collapse.taro-13cde270.js';
+import { C as Collapse } from './collapse.taro-af58206c.js';
+export { C as default } from './collapse.taro-af58206c.js';
 import 'react';
 import './bem-893ad28d.js';
 import '@bem-react/classname';

package/dist/esm/CollapseItem.js

@@ -1,5 +1,5 @@
-import { C as CollapseItem } from './collapseitem-75843a5e.js';
-export { C as default } from './collapseitem-75843a5e.js';
+import { C as CollapseItem } from './collapseitem-ce1849d2.js';
+export { C as default } from './collapseitem-ce1849d2.js';
 import 'react';
 import './bem-893ad28d.js';
 import '@bem-react/classname';

package/dist/esm/FormItem.js

@@ -1,8 +1,9 @@
-import { F as FormItem } from './formitem-9f11e314.js';
-export { F as default } from './formitem-9f11e314.js';
+import { F as FormItem } from './formitem.taro-fef76bf1.js';
+export { F as default } from './formitem.taro-fef76bf1.js';
 import 'react';
-import 'react-router-dom';
+import './cell.taro-cf50c4f2.js';
+import '@tarojs/taro';
 import './bem-893ad28d.js';
 import '@bem-react/classname';
-import './icon-8dc4de10.js';
+import './icon.taro-1d0d4fb7.js';
 import './typings-1c5f2628.js';

package/dist/esm/Grid.js

@@ -1,7 +1,8 @@
-import { G as Grid } from './grid.taro-d244170c.js';
-export { G as default } from './grid.taro-d244170c.js';
+import { G as Grid } from './grid.taro-1f03be03.js';
+export { G as default } from './grid.taro-1f03be03.js';
 import 'react';
 import './configprovider.taro-3838604b.js';
 import './zh-CN-dfc384d0.js';
 import './bem-893ad28d.js';
 import '@bem-react/classname';
+import './grid.taro.context-39636af9.js';

package/dist/esm/GridItem.js

@@ -1,5 +1,5 @@
-import { G as GridItem } from './griditem.taro-f7ee189b.js';
-export { G as default } from './griditem.taro-f7ee189b.js';
+import { G as GridItem } from './griditem.taro-1452609c.js';
+export { G as default } from './griditem.taro-1452609c.js';
 import 'react';
 import './configprovider.taro-3838604b.js';
 import './zh-CN-dfc384d0.js';
@@ -7,3 +7,4 @@ import './bem-893ad28d.js';
 import '@bem-react/classname';
 import './icon.taro-1d0d4fb7.js';
 import './typings-1c5f2628.js';
+import './grid.taro.context-39636af9.js';

package/dist/esm/NoticeBar.js

@@ -1,5 +1,5 @@
-import { N as NoticeBar } from './noticebar.taro-4915fed3.js';
-export { N as default } from './noticebar.taro-4915fed3.js';
+import { N as NoticeBar } from './noticebar.taro-43c18dc9.js';
+export { N as default } from './noticebar.taro-43c18dc9.js';
 import 'react';
 import 'classnames';
 import './icon.taro-1d0d4fb7.js';

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

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

package/dist/esm/{collapse.taro-13cde270.js → collapse.taro-af58206c.js}

@@ -14,7 +14,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-75843a5e.js → collapseitem-ce1849d2.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 { I as Icon } from './icon-8dc4de10.js';
 import { C as ComponentDefaults } from './typings-1c5f2628.js';
@@ -64,10 +64,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);
@@ -87,6 +83,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/{formitem-9f11e314.js → formitem.taro-fef76bf1.js}

@@ -4,116 +4,15 @@ import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized
 import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
-var _excluded = ["children", "click", "onClick", "title", "subTitle", "desc", "descTextAlign", "isLink", "icon", "roundRadius", "url", "to", "replace", "center", "size", "className", "iconSlot", "linkSlot", "iconClassPrefix", "iconFontClassName"];
 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; } }
 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, { createContext } from 'react';
-import { useHistory } from 'react-router-dom';
-import { c as cn } from './bem-893ad28d.js';
-import { I as Icon } from './icon-8dc4de10.js';
+import { C as Cell } from './cell.taro-cf50c4f2.js';
 import { C as ComponentDefaults } from './typings-1c5f2628.js';
 var FormItemContext = createContext({});
-var defaultProps$1 = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
-  title: null,
-  subTitle: null,
-  desc: '',
-  descTextAlign: 'right',
-  isLink: false,
-  icon: '',
-  roundRadius: '6px',
-  url: '',
-  to: '',
-  replace: false,
-  center: false,
-  size: '',
-  className: '',
-  iconSlot: null,
-  linkSlot: null,
-  click: function click(event) {},
-  onClick: function onClick(event) {}
-});
-var Cell = function Cell(props) {
-  var _defaultProps$1$props = _objectSpread(_objectSpread({}, defaultProps$1), props),
-    children = _defaultProps$1$props.children,
-    click = _defaultProps$1$props.click,
-    onClick = _defaultProps$1$props.onClick,
-    title = _defaultProps$1$props.title,
-    subTitle = _defaultProps$1$props.subTitle,
-    desc = _defaultProps$1$props.desc,
-    descTextAlign = _defaultProps$1$props.descTextAlign,
-    isLink = _defaultProps$1$props.isLink,
-    icon = _defaultProps$1$props.icon,
-    roundRadius = _defaultProps$1$props.roundRadius,
-    url = _defaultProps$1$props.url,
-    to = _defaultProps$1$props.to,
-    replace = _defaultProps$1$props.replace,
-    center = _defaultProps$1$props.center,
-    size = _defaultProps$1$props.size,
-    className = _defaultProps$1$props.className,
-    iconSlot = _defaultProps$1$props.iconSlot,
-    linkSlot = _defaultProps$1$props.linkSlot,
-    iconClassPrefix = _defaultProps$1$props.iconClassPrefix,
-    iconFontClassName = _defaultProps$1$props.iconFontClassName,
-    rest = _objectWithoutProperties(_defaultProps$1$props, _excluded);
-  var b = cn('cell');
-  var history = useHistory();
-  var handleClick = function handleClick(event) {
-    click(event);
-    onClick(event);
-    if (to && history) {
-      history[replace ? 'replace' : 'push'](to);
-    } else if (url) {
-      replace ? window.location.replace(url) : window.location.href = url;
-    }
-  };
-  var baseStyle = {
-    borderRadius: Number.isNaN(Number(roundRadius)) ? String(roundRadius) : "".concat(roundRadius, "px")
-  };
-  var styles = title || subTitle || icon ? {} : {
-    textAlign: descTextAlign,
-    flex: 1
-  };
-  return React__default.createElement("div", _objectSpread({
-    className: "".concat(b({
-      clickable: !!(isLink || to),
-      center: center,
-      large: size === 'large'
-    }, [className]), " "),
-    onClick: function onClick(event) {
-      return handleClick(event);
-    },
-    style: baseStyle
-  }, rest), children || React__default.createElement(React__default.Fragment, null, icon || iconSlot ? React__default.createElement("div", {
-    className: b('icon')
-  }, iconSlot || (icon ? React__default.createElement(Icon, {
-    classPrefix: iconClassPrefix,
-    fontClassName: iconFontClassName,
-    name: icon,
-    className: "icon"
-  }) : null)) : null, title || subTitle ? React__default.createElement("div", {
-    className: "".concat(b('title'))
-  }, title ? React__default.createElement("div", {
-    className: b('maintitle')
-  }, title) : null, subTitle ? React__default.createElement("div", {
-    className: b('subtitle')
-  }, subTitle) : null) : null, desc ? React__default.createElement("div", {
-    className: b('value', {
-      alone: !title && !subTitle
-    }),
-    style: styles
-  }, desc) : null, !linkSlot && (isLink || to) ? React__default.createElement(Icon, {
-    classPrefix: iconClassPrefix,
-    fontClassName: iconFontClassName,
-    name: "right",
-    className: b('link')
-  }) : linkSlot));
-};
-Cell.defaultProps = defaultProps$1;
-Cell.displayName = 'NutCell';
 var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
   name: '',
   label: '',

package/dist/esm/{grid.taro-d244170c.js → grid.taro-1f03be03.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 { u as useConfig } from './configprovider.taro-3838604b.js';
 import { c as cn } from './bem-893ad28d.js';
+import { G as GridContext } from './grid.taro.context-39636af9.js';
 var defaultProps = {
   columnNum: 4,
   border: true,
@@ -32,6 +33,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) {
@@ -55,7 +57,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,
@@ -68,7 +74,7 @@ var Grid = function Grid(props) {
       parentIconSize: iconSize,
       parentIconColor: iconColor
     });
-  }));
+  })));
 };
 Grid.defaultProps = defaultProps;
 Grid.displayName = 'NutGrid';

package/dist/esm/grid.taro.context-39636af9.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/{griditem.taro-f7ee189b.js → griditem.taro-1452609c.js}

@@ -3,11 +3,12 @@ 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 { u as useConfig } from './configprovider.taro-3838604b.js';
 import { c as cn } from './bem-893ad28d.js';
 import { I as Icon } from './icon.taro-1d0d4fb7.js';
 import { C as ComponentDefaults } from './typings-1c5f2628.js';
+import { G as GridContext } from './grid.taro.context-39636af9.js';
 var defaultProps = _objectSpread(_objectSpread({}, ComponentDefaults), {}, {
   text: '',
   icon: '',
@@ -46,6 +47,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");
   };
@@ -71,6 +73,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/{noticebar.taro-4915fed3.js → noticebar.taro-43c18dc9.js}

@@ -205,16 +205,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 () {
@@ -277,10 +279,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');

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

@@ -10,8 +10,8 @@ export { L as Layout } from './layout.taro-358f014f.js';
 export { C as Col } from './col.taro-b61c7cba.js';
 export { R as Row } from './row.taro-37a895de.js';
 export { D as Divider } from './divider.taro-5236fe6a.js';
-export { G as Grid } from './grid.taro-d244170c.js';
-export { G as GridItem } from './griditem.taro-f7ee189b.js';
+export { G as Grid } from './grid.taro-1f03be03.js';
+export { G as GridItem } from './griditem.taro-1452609c.js';
 export { S as Sticky } from './sticky.taro-f35f365b.js';
 export { N as NavBar } from './navbar.taro-c931c078.js';
 export { F as FixedNav } from './fixednav.taro-7f01a850.js';
@@ -44,7 +44,7 @@ export { C as Cascader } from './cascader.taro-459f7d45.js';
 export { S as SearchBar } from './searchbar.taro-7347bd21.js';
 export { N as NumberKeyboard } from './numberkeyboard.taro-8ff8d319.js';
 export { F as Form } from './form.taro-111f816d.js';
-export { F as FormItem } from './formitem-9f11e314.js';
+export { F as FormItem } from './formitem.taro-fef76bf1.js';
 export { A as ActionSheet } from './actionsheet.taro-360d8d34.js';
 export { B as BackTop } from './backtop.taro-99107c30.js';
 export { D as Drag } from './drag.taro-0717c783.js';
@@ -56,7 +56,7 @@ export { T as Toast } from './toast.taro-86862dff.js';
 export { S as Swipe } from './swipe.taro-83bc248f.js';
 export { P as PullToRefresh } from './pulltorefresh.taro-92ad45af.js';
 export { C as CircleProgress } from './circleprogress.taro-3c89a157.js';
-export { N as NoticeBar } from './noticebar.taro-4915fed3.js';
+export { N as NoticeBar } from './noticebar.taro-43c18dc9.js';
 export { S as Steps } from './steps.taro-acf205a0.js';
 export { S as Step } from './step.taro-1c94e067.js';
 export { S as Swiper } from './swiper.taro-f314d67a.js';
@@ -69,8 +69,8 @@ export { T as Tag } from './tag.taro-bd900990.js';
 export { P as Popover } from './popover.taro-7e5dff8c.js';
 export { S as Skeleton } from './skeleton.taro-853ce460.js';
 export { C as CountDown } from './countdown.taro-c9a93845.js';
-export { C as Collapse } from './collapse.taro-13cde270.js';
-export { C as CollapseItem } from './collapseitem-75843a5e.js';
+export { C as Collapse } from './collapse.taro-af58206c.js';
+export { C as CollapseItem } from './collapseitem-ce1849d2.js';
 export { A as AnimatingNumbers } from './animatingnumbers.taro-6f40a2e9.js';
 export { E as Empty } from './empty.taro-b69b51fb.js';
 export { V as VirtualList } from './virtuallist.taro-f97ca13a.js';
@@ -98,13 +98,13 @@ import 'react-dom';
 import 'react-transition-group';
 import './zh-CN-dfc384d0.js';
 import './UserContext-be8097d2.js';
+import './grid.taro.context-39636af9.js';
 import './configprovider-c5b2fa7f.js';
 import '@tarojs/components';
 import './offsetContext-0e3d04b3.js';
 import './useTouch-a2ea68c6.js';
 import './useClientRect-bf69d7b3.js';
 import './icon-8dc4de10.js';
-import 'react-router-dom';
 import '@use-gesture/react';
 import '@react-spring/web';
 import './UserContext-68f62e66.js';