taro-ui 3.3.0 → 3.3.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE +21 -0
- package/dist/index.esm.js +607 -508
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +607 -508
- package/dist/index.js.map +1 -1
- package/dist/style/components/curtain.scss +3 -3
- package/dist/style/components/range.scss +2 -2
- package/dist/style/components/toast.scss +1 -1
- package/lib/components/avatar/index.js +7 -2
- package/lib/components/avatar/index.js.map +1 -1
- package/package.json +29 -24
- package/types/tab-bar.d.ts +3 -3
- package/README.md +0 -85
|
@@ -36,7 +36,7 @@ $at-curtain-btn-size: 56px;
|
|
|
36
36
|
position: absolute;
|
|
37
37
|
width: $at-curtain-btn-size;
|
|
38
38
|
height: $at-curtain-btn-size;
|
|
39
|
-
margin-left:
|
|
39
|
+
margin-left: calc($at-curtain-btn-size / -2);
|
|
40
40
|
left: 50%;
|
|
41
41
|
bottom: -($at-curtain-btn-size + 24px);
|
|
42
42
|
align-items: center;
|
|
@@ -68,7 +68,7 @@ $at-curtain-btn-size: 56px;
|
|
|
68
68
|
}
|
|
69
69
|
|
|
70
70
|
&--top {
|
|
71
|
-
margin-left:
|
|
71
|
+
margin-left: calc($at-curtain-btn-size / -2);
|
|
72
72
|
top: -($at-curtain-btn-size + 24px);
|
|
73
73
|
left: 50%;
|
|
74
74
|
bottom: auto;
|
|
@@ -88,7 +88,7 @@ $at-curtain-btn-size: 56px;
|
|
|
88
88
|
}
|
|
89
89
|
|
|
90
90
|
&--bottom {
|
|
91
|
-
margin-left:
|
|
91
|
+
margin-left: calc($at-curtain-btn-size / -2);
|
|
92
92
|
bottom: -($at-curtain-btn-size + 24px);
|
|
93
93
|
left: 50%;
|
|
94
94
|
}
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
|
|
4
4
|
.at-range {
|
|
5
5
|
position: relative;
|
|
6
|
-
padding: 0 calc($at-range-slider-size / 2
|
|
6
|
+
padding: 0 calc($at-range-slider-size / 2 + 4PX);
|
|
7
7
|
width: 100%;
|
|
8
8
|
box-sizing: border-box;
|
|
9
9
|
|
|
@@ -33,7 +33,7 @@
|
|
|
33
33
|
|
|
34
34
|
&__slider {
|
|
35
35
|
position: absolute;
|
|
36
|
-
margin-left:
|
|
36
|
+
margin-left: calc($at-range-slider-size / -2);
|
|
37
37
|
width: $at-range-slider-size;
|
|
38
38
|
height: $at-range-slider-size;
|
|
39
39
|
border-radius: 50%;
|
|
@@ -86,7 +86,7 @@ $at-toast-bg-color: rgba($color: $color-black-0, $alpha: 0.8);
|
|
|
86
86
|
&.at-toast__body--success,
|
|
87
87
|
&.at-toast__body--error,
|
|
88
88
|
&.at-toast__body--loading {
|
|
89
|
-
padding-bottom: $spacing-v-lg -
|
|
89
|
+
padding-bottom: $spacing-v-lg - ($at-toast-font-size * $line-height-zh - $at-toast-font-size) / 2;
|
|
90
90
|
}
|
|
91
91
|
}
|
|
92
92
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import classNames from 'classnames';
|
|
2
2
|
import PropTypes from 'prop-types';
|
|
3
3
|
import React from 'react';
|
|
4
|
-
import { Image,
|
|
4
|
+
import { Image, Text, View } from '@tarojs/components';
|
|
5
5
|
import Taro from '@tarojs/taro';
|
|
6
6
|
const SIZE_CLASS = {
|
|
7
7
|
large: 'large',
|
|
@@ -27,7 +27,12 @@ export default class AtAvatar extends React.Component {
|
|
|
27
27
|
if (text)
|
|
28
28
|
letter = text[0];
|
|
29
29
|
let elem;
|
|
30
|
-
if (openData &&
|
|
30
|
+
if (openData &&
|
|
31
|
+
openData.type === 'userAvatarUrl' &&
|
|
32
|
+
this.state.isWEAPP &&
|
|
33
|
+
Taro.canIUse('open-data')) {
|
|
34
|
+
// eslint-disable-next-line @typescript-eslint/no-var-requires
|
|
35
|
+
const OpenData = require('@tarojs/components').OpenData;
|
|
31
36
|
elem = React.createElement(OpenData, { type: openData.type });
|
|
32
37
|
}
|
|
33
38
|
else if (image) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/avatar/index.tsx"],"names":[],"mappings":"AAAA,OAAO,UAAU,MAAM,YAAY,CAAA;AACnC,OAAO,SAAyB,MAAM,YAAY,CAAA;AAClD,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/avatar/index.tsx"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "taro-ui",
|
|
3
|
-
"version": "3.3.
|
|
3
|
+
"version": "3.3.1",
|
|
4
4
|
"description": "UI KIT for Taro",
|
|
5
5
|
"module": "dist/index.esm.js",
|
|
6
6
|
"main": "dist/index.js",
|
|
@@ -23,28 +23,12 @@
|
|
|
23
23
|
"rn"
|
|
24
24
|
],
|
|
25
25
|
"author": "O2Team <aotu.io>",
|
|
26
|
-
"homepage": "https://taro-ui
|
|
26
|
+
"homepage": "https://jd-opensource.github.io/taro-ui/#/",
|
|
27
27
|
"repository": {
|
|
28
28
|
"type": "git",
|
|
29
29
|
"url": "git@github.com:nervjs/taro-ui.git"
|
|
30
30
|
},
|
|
31
31
|
"license": "MIT",
|
|
32
|
-
"scripts": {
|
|
33
|
-
"dev": "pnpm run dev:lib",
|
|
34
|
-
"dev:lib": "tsc --project ./tsconfig.build.json --watch --incremental",
|
|
35
|
-
"dev:rollup": "rollup --config ./config/rollup.config.js --watch",
|
|
36
|
-
"build": "pnpm run build:rollup && pnpm run build:lib",
|
|
37
|
-
"build:lib": "tsc --project ./tsconfig.build.json",
|
|
38
|
-
"build:rollup": "rollup --config ./config/rollup.config.js",
|
|
39
|
-
"lint": "eslint ./src --fix",
|
|
40
|
-
"lint:style": "stylelint \"src/**/*.scss\" --syntax scss",
|
|
41
|
-
"lint:style-fix": "stylelint \"src/**/*.scss\" --syntax scss --fix",
|
|
42
|
-
"test": "cross-env NODE_ENV=test && jest --coverage",
|
|
43
|
-
"test:ci": "pnpm run build:h5 && pnpm run test",
|
|
44
|
-
"test:analyze": "rollup --config ./config/rollup.config.analyze.js",
|
|
45
|
-
"changelog": "conventional-changelog -p angular -i CHANGELOG.md -s -r 0",
|
|
46
|
-
"clean": "rimraf .temp dist lib coverage"
|
|
47
|
-
},
|
|
48
32
|
"dependencies": {
|
|
49
33
|
"classnames": "^2.2.6",
|
|
50
34
|
"dayjs": "^1.7.7",
|
|
@@ -56,10 +40,10 @@
|
|
|
56
40
|
"@rollup/plugin-commonjs": "^11.0.2",
|
|
57
41
|
"@rollup/plugin-json": "^4.0.2",
|
|
58
42
|
"@rollup/plugin-node-resolve": "^7.1.1",
|
|
59
|
-
"@tarojs/components": "3.6.
|
|
60
|
-
"@tarojs/react": "3.6.
|
|
61
|
-
"@tarojs/runtime-rn": "3.6.
|
|
62
|
-
"@tarojs/taro": "3.6.
|
|
43
|
+
"@tarojs/components": "3.6.40",
|
|
44
|
+
"@tarojs/react": "3.6.40",
|
|
45
|
+
"@tarojs/runtime-rn": "3.6.40",
|
|
46
|
+
"@tarojs/taro": "3.6.40",
|
|
63
47
|
"@types/classnames": "^2.2.9",
|
|
64
48
|
"@types/node": "~16.6.0",
|
|
65
49
|
"@types/react-native": "^0.64.13",
|
|
@@ -88,5 +72,26 @@
|
|
|
88
72
|
"@tarojs/plugin-platform-weapp": ">=3",
|
|
89
73
|
"@tarojs/taro-rn": ">=3"
|
|
90
74
|
},
|
|
91
|
-
"
|
|
92
|
-
|
|
75
|
+
"peerDependenciesMeta": {
|
|
76
|
+
"react-native": {
|
|
77
|
+
"optional": true
|
|
78
|
+
}
|
|
79
|
+
},
|
|
80
|
+
"gitHead": "c33cc7fbb734f0dbdd6e305dda1bc8300e5adbe2",
|
|
81
|
+
"scripts": {
|
|
82
|
+
"dev": "pnpm run dev:lib",
|
|
83
|
+
"dev:lib": "tsc --project ./tsconfig.build.json --watch --incremental",
|
|
84
|
+
"dev:rollup": "rollup --config ./config/rollup.config.js --watch",
|
|
85
|
+
"build": "pnpm run build:rollup && pnpm run build:lib",
|
|
86
|
+
"build:lib": "tsc --project ./tsconfig.build.json",
|
|
87
|
+
"build:rollup": "rollup --config ./config/rollup.config.js",
|
|
88
|
+
"lint": "eslint ./src --fix",
|
|
89
|
+
"lint:style": "stylelint \"src/**/*.scss\" --syntax scss",
|
|
90
|
+
"lint:style-fix": "stylelint \"src/**/*.scss\" --syntax scss --fix",
|
|
91
|
+
"test": "cross-env NODE_ENV=test && jest --coverage",
|
|
92
|
+
"test:ci": "pnpm run build:h5 && pnpm run test",
|
|
93
|
+
"test:analyze": "rollup --config ./config/rollup.config.analyze.js",
|
|
94
|
+
"changelog": "conventional-changelog -p angular -i CHANGELOG.md -s -r 0",
|
|
95
|
+
"clean": "rimraf .temp dist lib coverage"
|
|
96
|
+
}
|
|
97
|
+
}
|
package/types/tab-bar.d.ts
CHANGED
|
@@ -24,17 +24,17 @@ export interface TabItem {
|
|
|
24
24
|
/**
|
|
25
25
|
* icon className 前缀，用于第三方字体图标库，
|
|
26
26
|
* 比如想使用'fa fa-clock' 的图标，则传入 iconPrefixClass='fa' iconType='clock'，
|
|
27
|
-
* 参考[拓展图标库详细](https://taro-ui
|
|
27
|
+
* 参考[拓展图标库详细](https://jd-opensource.github.io/taro-ui/#/docs/icon)
|
|
28
28
|
*/
|
|
29
29
|
iconPrefixClass?: string
|
|
30
30
|
/**
|
|
31
31
|
* 未选中时展示的 icon 类型，可扩展第三方字体图标库，
|
|
32
|
-
* 参考[拓展图标库详细](https://taro-ui
|
|
32
|
+
* 参考[拓展图标库详细](https://jd-opensource.github.io/taro-ui/#/docs/icon)
|
|
33
33
|
*/
|
|
34
34
|
iconType?: string
|
|
35
35
|
/**
|
|
36
36
|
* 选中时展示的 icon 类型，可扩展第三方字体图标库，
|
|
37
|
-
* 参考[拓展图标库详细](https://taro-ui
|
|
37
|
+
* 参考[拓展图标库详细](https://jd-opensource.github.io/taro-ui/#/docs/icon)
|
|
38
38
|
*/
|
|
39
39
|
selectedIconType?: string
|
|
40
40
|
/**
|
package/README.md
DELETED
|
@@ -1,85 +0,0 @@
|
|
|
1
|
-
# Taro UI
|
|
2
|
-
|
|
3
|
-
[![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]
|
|
4
|
-
|
|
5
|
-
一款基于 `Taro` 框架开发的多端 UI 组件库
|
|
6
|
-
|
|
7
|
-
## 特性
|
|
8
|
-
|
|
9
|
-
- 基于 `Taro` 开发 UI 组件
|
|
10
|
-
- 一套组件可以在 `微信小程序`，`支付宝小程序`，`百度小程序`，`H5`，`ReactNative` 多端适配运行
|
|
11
|
-
- 提供友好的 API，可灵活的使用组件
|
|
12
|
-
|
|
13
|
-
## 关于 Taro
|
|
14
|
-
|
|
15
|
-
Taro 是由 [凹凸实验室](https://aotu.io) 倾力打造的多端开发解决方案。现如今市面上端的形态多种多样，Web、ReactNative、微信小程序等各种端大行其道，当业务要求同时在不同的端都要求有所表现的时候，针对不同的端去编写多套代码的成本显然非常高，这时候只编写一套代码就能够适配到多端的能力就显得极为需要。
|
|
16
|
-
|
|
17
|
-
使用 Taro，我们可以只书写一套代码，再通过 Taro 的编译工具，将源代码分别编译出可以在不同端（微信小程序、H5、RN等）运行的代码。
|
|
18
|
-
|
|
19
|
-
## 体验
|
|
20
|
-
|
|
21
|
-
请使用微信扫一扫以下体验码
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
## 相关链接
|
|
26
|
-
|
|
27
|
-
- [Taro UI 使用文档](https://taro-ui.taro.zone)
|
|
28
|
-
- [Taro UI 官方示例](https://github.com/NervJS/taro-ui-demo)
|
|
29
|
-
- [Taro](https://taro.jd.com/)
|
|
30
|
-
- [Taro 物料市场](https://taro-ext.jd.com)
|
|
31
|
-
- [Taro 论坛 Taro-UI 板块](https://taro-club.jd.com/category/11/taro-ui)
|
|
32
|
-
|
|
33
|
-
## 安装
|
|
34
|
-
|
|
35
|
-
### 2.x
|
|
36
|
-
当 Taro 版本 < 3 时，使用 2.x 版本
|
|
37
|
-
|
|
38
|
-
```bash
|
|
39
|
-
$ npm install taro-ui@2.3.4
|
|
40
|
-
```
|
|
41
|
-
|
|
42
|
-
### 3.x
|
|
43
|
-
当 Taro 版本 ≥ 3 时，使用 3.x 版本
|
|
44
|
-
|
|
45
|
-
```bash
|
|
46
|
-
$ npm install taro-ui@latest
|
|
47
|
-
```
|
|
48
|
-
|
|
49
|
-
## 使用
|
|
50
|
-
|
|
51
|
-
在代码中 `import` 需要的组件并按照文档说明使用
|
|
52
|
-
|
|
53
|
-
```js
|
|
54
|
-
import { AtButton } from 'taro-ui'
|
|
55
|
-
```
|
|
56
|
-
|
|
57
|
-
## 开发交流
|
|
58
|
-
|
|
59
|
-
[官方微信交流群](https://github.com/NervJS/taro-ui/issues/16)
|
|
60
|
-
|
|
61
|
-
## 开发计划
|
|
62
|
-
|
|
63
|
-
[开发计划](./PLANS.md)
|
|
64
|
-
|
|
65
|
-
## 路线图
|
|
66
|
-
|
|
67
|
-
![Roadmap][roadmap-image]
|
|
68
|
-
|
|
69
|
-
## 贡献
|
|
70
|
-
|
|
71
|
-
如果你在使用 `Taro UI` 时遇到问题，或者有好的建议，欢迎给我们提 `Issue` 或 `Pull Request`。在开始之前，请阅读 [贡献指南](https://github.com/NervJS/taro-ui/blob/master/.github/CONTRIBUTING.md)
|
|
72
|
-
|
|
73
|
-
## License
|
|
74
|
-
|
|
75
|
-
MIT
|
|
76
|
-
|
|
77
|
-
[npm-version-image]: https://img.shields.io/npm/v/taro-ui.svg?style=flat-square
|
|
78
|
-
[npm-version-url]: https://www.npmjs.com/package/taro-ui
|
|
79
|
-
[npm-downloads-image]: https://img.shields.io/npm/dm/taro-ui?style=flat-square
|
|
80
|
-
[npm-downloads-url]: https://www.npmjs.com/package/taro-ui
|
|
81
|
-
[david-dm-image]: https://david-dm.org/NervJS/taro-ui.svg?style=flat-square
|
|
82
|
-
[david-dm-url]: https://david-dm.org/NervJS/taro-ui
|
|
83
|
-
[license-image]: https://img.shields.io/github/license/NervJS/taro-ui?style=flat-square
|
|
84
|
-
[license-url]: https://github.com/NervJS/taro-ui/blob/master/LICENSE
|
|
85
|
-
[roadmap-image]: ./docs/assets/taro-ui-roadmap.svg
|