chore(deps): update dependency @tarojs/taro to v3.2.4

[renovate]

This PR contains the following updates:

Package	Change	Age	Adoption	Passing	Confidence
@tarojs/taro	3.1.5 -> 3.2.4

---

Release Notes

NervJS/taro

v3.2.4

Compare Source

特性

H5

• 新增 React 版本的组件库，可用于代替 WebComponents 版本，以提高兼容性

v3.2.3

Compare Source

特性

H5

• 新增 React 版本的组件库，可用于代替 WebComponents 版本，以提高兼容性

v3.2.2

Compare Source

修复

RN

• 特性支持 taro css module
• 特性支持 rn TabBar 的图片支持本地图片
• 修复设置 hoverStartTime 后，立即出现点击态问题
• 修复跳转白条问题

H5

• 修复缺少 chain 参数，导致无法识别 H5 的多端文件问题 (#​9068)，by @​linshengjian

其它

• 修复 window 对象属性覆盖兼容非 Taro 构建环境 (#​9065)，by @​xughv

v3.2.1

Compare Source

修复

小程序

• 修复 Vue3 使用 slot 失效的问题，#​9018 ，by @​b2nil
• 为支付宝、微信小程序增加蓝牙相关 API，#​9016
• 补全 page-container 组件，#​8966
• 默认模版中增加字节小程序的配置文件 project.tt.json，避免字节小程序 IDE 打开项目失败

H5

• 修复当 Input 组件的 type 为 undefined 时渲染报错的问题，by @​CodeDaraW

v3.2.0

Compare Source

Highlights

一、更快编译速度

Taro 3 React Native 对整个编译系统进行较大调整，不再生成中间代码，而是直接利用 Metro 生成 bundle，通过运行时适配 Taro 3 标准，这种方式使得编译过程更简单，大大提升了编译速度。

二、source-map 支持

Taro 3 对编译系统改造在提升编译速度的同时，也天然支持source-map，对于开发体验是一个巨大的提升，能够达到与开发原生 React Native 应用一致的体验。

三、多 React Native 版本支持，拥抱最新版 0.64

Taro 3 对系统架构进行了全面升级，React Native 版本取决于开发者项目中的依赖，目前支持 0.60 以上的 React Native 版本，当然最新的 0.64 也是完全支持。

在 React Native 0.64 的版本中，iOS 端完成 了对 Hermes 引擎的支持，默认启用了内联引用，也支持 React 17 等等，想体验这些新特性的开发者只需升级对应依赖即可。

新项目升级

Taro 模板默认依赖 React 17、TypeScript 4，运行 React Native 端会自动安装 0.64 的版本，直接使用即可。

旧项目升级

从 v2.x 升级的同学需要先按迁移指南进行操作。

如果是Taro 3 的旧项目，手动升级对应的依赖：

• react: ^17.0.0
• react-dom: ^17.0.0
• typescript: ^4.1.0
• @typescript-eslint/parser: ^4.15.1
• @typescript-eslint/eslint-plugin: ^4.15.1
• react-native:^0.64.0

设置 ESLint 配置：

// .eslintrc
module.exports = {
  "extends": ["taro/react"],
  "rules": {
    "react/jsx-uses-react": "off",
    "react/react-in-jsx-scope": "off"
  }
}

四、更丰富API与组件

要真正做到一套代码，多端复用，非常重要的一点就是组件和 API 的覆盖度，在 Taro 3.2 之前，适配 React Native 已经实现了很多常用 API 和组件，但与小程序，H5 之间还存在较大的差距，需进一步完善。在新的版本中，我们进一步提升组件和 API 的覆盖度，共新增 45 个 API 与 8 个组件。

五、API与组件按需引入

在 Taro 3 中，我们也对打包后 bundle 大小进行了优化。在实际的业务场景中，可能并不会使用到 Taro 提供的所有组件和 API ，但仍然会将所有的组件与 API 及相关依赖打包到最终的 bundle 中，这无疑会增加 bundle 的大小。

为了减少打包后的大小，我们对组件和 API 实现了按需引入的方式，比如：

import Taro from '@​tarojs/taro'

Taro.scanCode(options)

//实际打包后的引入会根据页面使用的引入
=> import { scanCode } from '@​tarojs/taro-rn/dist/lib/scanCode'

特性

RN

0. 更快的编译速度
   1. 基于全新的编译体系，启动速度提升1倍
1. 更便捷的开发调试体验
   1. 去掉了 webpack 后，source-map 的支持更加简单，这对于开发体验是一个巨大的提升
2. 更全面的API和组件
   1. 新增 38 个API
   2. 新增 7 个组件
3. 更灵活的接入方式
   1. 支持 React Native 0.60 及以上版本，可自行定制，我们也将探索更多版本的支持
   2. API 和组件支持按需加载，未使用的原生依赖，无需安装
   3. 架构完全基于 React Native 生态，相关工具、组件等均可轻松接入
4. 更稳定的源码
   1. 使用 TypeScript、ESlint、Jest，保证代码质量
   2. 欢迎社区贡献

升级指南

从 v2.x 升级的同学需要先按迁移指南进行操作。

从 v3.x 升级的同学，首先需要安装 v3.2 的 CLI 工具：

npm i -g @​tarojs/cli

然后进入项目，删除 node_modules、yarn.lock、package-lock.json。

最后把 package.json 文件中 Taro 相关依赖的版本修改为 ^3.2.0，再重新安装依赖，至此升级结束。

目前 Taro 3 仅支持 React 开发的项目运行在 React Native 端。

感谢

• 最后，特别感谢为 Taro 从 v3.1 走到 v3.2 贡献过代码的各位同学

---

Configuration

📅 Schedule: At any time (no schedule defined).

🚦 Automerge: Enabled.

♻️ Rebasing: Whenever PR becomes conflicted, or you tick the rebase/retry checkbox.

🔕 Ignore: Close this PR and you won't be reminded about this update again.

---

• If you want to rebase/retry this PR, check this box.

---

This PR has been generated by WhiteSource Renovate. View repository job log here.

[codecov]

Codecov Report

Merging #81 (faba5a0) into master (5df1248) will not change coverage.
The diff coverage is n/a.

@@           Coverage Diff           @@
##           master      #81   +/-   ##
=======================================
  Coverage   83.40%   83.40%           
=======================================
  Files         116      116           
  Lines        1693     1693           
  Branches      321      321           
=======================================
  Hits         1412     1412           
  Misses        273      273           
  Partials        8        8           

---

Continue to review full report at Codecov.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update 5df1248...faba5a0. Read the comment docs.