taro-ui 3.2.0 → 3.2.1

package/README.md

@@ -0,0 +1,85 @@
+# Taro UI
+
+[![NPM][npm-version-image]][npm-version-url] [![NPM Downloads][npm-downloads-image]][npm-downloads-url] [![david-dm][david-dm-image]][david-dm-url] [![License][license-image]][license-url]
+
+一款基于 `Taro` 框架开发的多端 UI 组件库
+
+## 特性
+
+- 基于 `Taro` 开发 UI 组件
+- 一套组件可以在 `微信小程序`，`支付宝小程序`，`百度小程序`，`H5`，`ReactNative` 多端适配运行
+- 提供友好的 API，可灵活的使用组件 
+
+## 关于 Taro
+
+Taro 是由 [凹凸实验室](https://aotu.io) 倾力打造的多端开发解决方案。现如今市面上端的形态多种多样，Web、ReactNative、微信小程序等各种端大行其道，当业务要求同时在不同的端都要求有所表现的时候，针对不同的端去编写多套代码的成本显然非常高，这时候只编写一套代码就能够适配到多端的能力就显得极为需要。
+
+使用 Taro，我们可以只书写一套代码，再通过 Taro 的编译工具，将源代码分别编译出可以在不同端（微信小程序、H5、RN等）运行的代码。
+
+## 体验
+
+请使用微信扫一扫以下体验码
+
+![QRCode](https://user-images.githubusercontent.com/1240899/46650700-25a4e600-cbd0-11e8-90ff-905edb39c340.jpg)
+
+## 相关链接
+
+- [Taro UI 使用文档](https://taro-ui.taro.zone)
+- [Taro UI 官方示例](https://github.com/NervJS/taro-ui-demo)
+- [Taro](https://taro.jd.com/)
+- [Taro 物料市场](https://taro-ext.jd.com)
+- [Taro 论坛 Taro-UI 板块](https://taro-club.jd.com/category/11/taro-ui)
+
+## 安装
+
+### 2.x
+当 Taro 版本 < 3 时，使用 2.x 版本
+
+```bash
+$ npm install taro-ui@2.3.4
+```
+
+### 3.x
+当 Taro 版本 ≥ 3 时，使用 3.x 版本
+
+```bash
+$ npm install taro-ui@latest
+```
+
+## 使用
+
+在代码中 `import` 需要的组件并按照文档说明使用
+
+```js
+import { AtButton } from 'taro-ui'
+```
+
+## 开发交流
+
+[官方微信交流群](https://github.com/NervJS/taro-ui/issues/16)
+
+## 开发计划
+
+[开发计划](./PLANS.md)
+
+## 路线图
+
+![Roadmap][roadmap-image]
+
+## 贡献
+
+如果你在使用 `Taro UI` 时遇到问题，或者有好的建议，欢迎给我们提 `Issue` 或 `Pull Request`。在开始之前，请阅读 [贡献指南](https://github.com/NervJS/taro-ui/blob/master/.github/CONTRIBUTING.md)
+
+## License
+
+MIT
+
+[npm-version-image]: https://img.shields.io/npm/v/taro-ui.svg?style=flat-square
+[npm-version-url]: https://www.npmjs.com/package/taro-ui
+[npm-downloads-image]: https://img.shields.io/npm/dm/taro-ui?style=flat-square
+[npm-downloads-url]: https://www.npmjs.com/package/taro-ui
+[david-dm-image]: https://david-dm.org/NervJS/taro-ui.svg?style=flat-square
+[david-dm-url]: https://david-dm.org/NervJS/taro-ui
+[license-image]: https://img.shields.io/github/license/NervJS/taro-ui?style=flat-square
+[license-url]: https://github.com/NervJS/taro-ui/blob/master/LICENSE
+[roadmap-image]: ./docs/assets/taro-ui-roadmap.svg

package/dist/index.esm.js

@@ -3755,7 +3755,7 @@ var AtNoticebar = /** @class */ (function (_super) {
             animationData: {
                 actions: [{}]
             },
-            dura: 15,
+            dura: 0,
             isWEAPP: Taro.getEnv() === Taro.ENV_TYPE.WEAPP,
             isALIPAY: Taro.getEnv() === Taro.ENV_TYPE.ALIPAY,
             isWEB: Taro.getEnv() === Taro.ENV_TYPE.WEB
@@ -3853,8 +3853,12 @@ var AtNoticebar = /** @class */ (function (_super) {
         var innerClassName = ['at-noticebar__content-inner'];
         if (marquee) {
             close = false;
-            style['animation-duration'] = "".concat(dura, "s");
             innerClassName.push(animElemId);
+            style['animation-delay'] = '3s';
+            if (dura > 0) {
+                style['animation-duration'] = "".concat(dura, "s");
+                style['animation-delay'] = '1s';
+            }
         }
         var classObject = {
             'at-noticebar--marquee': marquee,
@@ -5570,6 +5574,12 @@ AtCountdownItem.propTypes = {
 };
 
 var toSeconds = function (day, hours, minutes, seconds) { return day * 60 * 60 * 24 + hours * 60 * 60 + minutes * 60 + seconds; };
+var defaultFormat = {
+    day: '天',
+    hours: '时',
+    minutes: '分',
+    seconds: '秒'
+};
 var AtCountdown = /** @class */ (function (_super) {
     __extends(AtCountdown, _super);
     function AtCountdown(props) {
@@ -5599,8 +5609,12 @@ var AtCountdown = /** @class */ (function (_super) {
         var _a = __read([0, 0, 0, 0], 4), day = _a[0], hours = _a[1], minutes = _a[2], seconds = _a[3];
         if (this.seconds > 0) {
             day = this.props.isShowDay ? Math.floor(this.seconds / (60 * 60 * 24)) : 0;
-            hours = Math.floor(this.seconds / (60 * 60)) - day * 24;
-            minutes = Math.floor(this.seconds / 60) - day * 24 * 60 - hours * 60;
+            hours = this.props.isShowHour
+                ? Math.floor(this.seconds / (60 * 60)) - day * 24
+                : 0;
+            minutes = this.props.isShowMinute
+                ? Math.floor(this.seconds / 60) - day * 24 * 60 - hours * 60
+                : 0;
             seconds =
                 Math.floor(this.seconds) -
                     day * 24 * 60 * 60 -
@@ -5654,12 +5668,7 @@ var AtCountdown = /** @class */ (function (_super) {
         this.setTimer();
     };
     AtCountdown.prototype.render = function () {
-        var _a = this.props, className = _a.className, customStyle = _a.customStyle, _b = _a.format, format = _b === void 0 ? {
-            day: '天',
-            hours: '时',
-            minutes: '分',
-            seconds: '秒'
-        } : _b, isShowDay = _a.isShowDay, isCard = _a.isCard, isShowHour = _a.isShowHour;
+        var _a = this.props, className = _a.className, customStyle = _a.customStyle, _b = _a.format, format = _b === void 0 ? defaultFormat : _b, isCard = _a.isCard, isShowDay = _a.isShowDay, isShowHour = _a.isShowHour, isShowMinute = _a.isShowMinute;
         var _c = this.state, _day = _c._day, _hours = _c._hours, _minutes = _c._minutes, _seconds = _c._seconds;
         return (React.createElement(View, { className: classnames({
                 'at-countdown': true,
@@ -5667,7 +5676,7 @@ var AtCountdown = /** @class */ (function (_super) {
             }, className), style: customStyle },
             isShowDay && (React.createElement(AtCountdownItem, { num: _day, separator: (format === null || format === void 0 ? void 0 : format.day) || '天' })),
             isShowHour && (React.createElement(AtCountdownItem, { num: _hours, separator: (format === null || format === void 0 ? void 0 : format.hours) || '' })),
-            React.createElement(AtCountdownItem, { num: _minutes, separator: (format === null || format === void 0 ? void 0 : format.minutes) || '' }),
+            isShowMinute && (React.createElement(AtCountdownItem, { num: _minutes, separator: (format === null || format === void 0 ? void 0 : format.minutes) || '' })),
             React.createElement(AtCountdownItem, { num: _seconds, separator: (format === null || format === void 0 ? void 0 : format.seconds) || '' })));
     };
     return AtCountdown;
@@ -5678,12 +5687,8 @@ AtCountdown.defaultProps = {
     isCard: false,
     isShowDay: false,
     isShowHour: true,
-    format: {
-        day: '天',
-        hours: '时',
-        minutes: '分',
-        seconds: '秒'
-    },
+    isShowMinute: true,
+    format: defaultFormat,
     day: 0,
     hours: 0,
     minutes: 0,
@@ -5695,6 +5700,7 @@ AtCountdown.propTypes = {
     isCard: propTypes.bool,
     isShowDay: propTypes.bool,
     isShowHour: propTypes.bool,
+    isShowMinute: propTypes.bool,
     format: propTypes.object,
     day: propTypes.number,
     hours: propTypes.number,