fix: 修复 taro h5 有些 api 未导出导致报错 (#642)

src/packages/address/customRender.taro.tsx

 import React, { FunctionComponent, useEffect, useState, useRef } from 'react'
+import { createSelectorQuery } from '@tarojs/taro'
 import Icon from '@/packages/icon'
 import bem from '@/utils/bem'
 import Elevator from '@/packages/elevator/index.taro'
@@ -32,7 +33,6 @@ const defaultProps = {
   town: [],
   height: '200px',
 } as AddressProps
-import Taro from '@tarojs/taro'
 
 export const CustomRender: FunctionComponent<
   Partial<AddressProps> & React.HTMLAttributes<HTMLDivElement>
@@ -147,7 +147,7 @@ export const CustomRender: FunctionComponent<
   const lineAnimation = (index: string | number) => {
     setTimeout(() => {
       const name: string = tabName[index as number]
-      Taro.createSelectorQuery()
+      createSelectorQuery()
         .selectAll(`.${name}`)
         .boundingClientRect((rects: any) => {
           rects &&

src/packages/animatingnumbers/countup.taro.tsx

@@ -5,7 +5,7 @@ import React, {
   useRef,
   useState,
 } from 'react'
-import Taro from '@tarojs/taro'
+import { createSelectorQuery } from '@tarojs/taro'
 import bem from '@/utils/bem'
 
 export interface CountUpProps {
@@ -62,7 +62,7 @@ export const CountUp: FunctionComponent<Partial<CountUpProps>> = (props) => {
 
   const setNumberTransform = () => {
     if (countupRef.current && numerArr.length) {
-      const query = Taro.createSelectorQuery()
+      const query = createSelectorQuery()
         .selectAll('.nut-countup__listitem')
         .node((numberItems: any) => {
           const transformArrCache: string[] = []

src/packages/ellipsis/ellipsis.taro.tsx

@@ -4,7 +4,7 @@ import React, {
   useRef,
   useLayoutEffect,
 } from 'react'
-import Taro from '@tarojs/taro'
+import { createSelectorQuery } from '@tarojs/taro'
 import { useConfig } from '@/packages/configprovider/configprovider.taro'
 import { getRectByTaro } from '@/utils/useClientRect'
 
@@ -100,7 +100,7 @@ export const Ellipsis: FunctionComponent<
   const getReference = async () => {
     const element = root.current
 
-    const query = Taro.createSelectorQuery()
+    const query = createSelectorQuery()
     query.select(`#${(element as any).id}`) &&
       query
         .select(`#${(element as any).id}`)

src/packages/infiniteloading/infiniteloading.taro.tsx

 import React, { useState, useEffect, useRef, FunctionComponent } from 'react'
 import classNames from 'classnames'
 import { ScrollView } from '@tarojs/components'
-import Taro from '@tarojs/taro'
+import { createSelectorQuery } from '@tarojs/taro'
 import bem from '@/utils/bem'
 import Icon from '@/packages/icon/index.taro'
 import { useConfig } from '@/packages/configprovider/configprovider.taro'
@@ -114,7 +114,7 @@ export const Infiniteloading: FunctionComponent<
   }
 
   const getParentElement = (el: string) => {
-    return Taro.createSelectorQuery().select(
+    return createSelectorQuery().select(
       containerId ? `#${containerId} #${el}` : `#${el}`
     )
   }

src/packages/signature/signature.taro.tsx

 /* eslint-disable react/no-unknown-property */
 import React, { FunctionComponent, useEffect, useRef, useState } from 'react'
-import Taro, { CanvasContext } from '@tarojs/taro'
-// import { Canvas } from '@tarojs/components'
+import {
+  getEnv,
+  nextTick,
+  createSelectorQuery,
+  canvasToTempFilePath,
+  CanvasContext,
+} from '@tarojs/taro'
 import Button from '@/packages/button/index.taro'
 import bem from '@/utils/bem'
 import { useConfig } from '@/packages/configprovider/configprovider.taro'
@@ -74,12 +79,12 @@ export const Signature: FunctionComponent<
       let mouseX = evt.x || evt.clientX
       let mouseY = evt.y || evt.clientY
 
-      if (Taro.getEnv() === 'WEB' && canvasRef.current) {
+      if (getEnv() === 'WEB' && canvasRef.current) {
         const coverPos = canvasRef.current.getBoundingClientRect()
         mouseX = evt.clientX - coverPos.left
         mouseY = evt.clientY - coverPos.top
       }
-      Taro.nextTick(() => {
+      nextTick(() => {
         // ctx.current.lineCap = 'round'
         // ctx.current.lineJoin = 'round'
         ctx.current?.lineTo(mouseX, mouseY)
@@ -104,14 +109,14 @@ export const Signature: FunctionComponent<
   }
 
   const onSave = () => {
-    Taro.createSelectorQuery()
+    createSelectorQuery()
       .select(`#${canvasId}`)
       .fields({
         node: true,
         size: true,
       })
       .exec((res) => {
-        Taro.canvasToTempFilePath({
+        canvasToTempFilePath({
           canvas: res[0].node,
           fileType: props.type,
           canvasId: `${canvasId}`,
@@ -145,10 +150,10 @@ export const Signature: FunctionComponent<
   }
 
   const initCanvas = () => {
-    Taro.nextTick(() => {
+    nextTick(() => {
       setTimeout(() => {
-        if (Taro.getEnv() === 'WEAPP' || Taro.getEnv() === 'JD') {
-          Taro.createSelectorQuery()
+        if (getEnv() === 'WEAPP' || getEnv() === 'JD') {
+          createSelectorQuery()
             .select(`#${canvasId}`)
             .fields(
               {
@@ -188,7 +193,7 @@ export const Signature: FunctionComponent<
   return (
     <div className={`${b()} ${className}`} {...rest}>
       <div className={`${b('inner')} spcanvas_WEAPP`} ref={wrapRef}>
-        {Taro.getEnv() === 'WEAPP' || Taro.getEnv() === 'JD' ? (
+        {getEnv() === 'WEAPP' || getEnv() === 'JD' ? (
           <canvas
             id={canvasId}
             ref={canvasRef}

src/packages/watermark/watermark.taro.tsx

 import React, { useState, useEffect, FunctionComponent } from 'react'
-import { useConfig } from '@/packages/configprovider'
-import Taro from '@tarojs/taro'
+import { getSystemInfo, createOffscreenCanvas } from '@tarojs/taro'
 import classNames from 'classnames'
+import { useConfig } from '@/packages/configprovider'
 import bem from '@/utils/bem'
 
 export interface WaterMarkProps {
@@ -86,7 +86,7 @@ export const WaterMark: FunctionComponent<
 
   const init = () => {
     let ratio = 1
-    Taro.getSystemInfo().then((res) => {
+    getSystemInfo().then((res) => {
       ratio = res.pixelRatio
       const canvasWidth = `${(gapX + width) * ratio}px`
       const canvasHeight = `${(gapY + height) * ratio}px`
@@ -100,7 +100,7 @@ export const WaterMark: FunctionComponent<
         canvas.setAttribute('width', canvasWidth)
         canvas.setAttribute('height', canvasHeight)
       } else {
-        canvas = Taro.createOffscreenCanvas({
+        canvas = createOffscreenCanvas({
           type: '2d',
           width: Number(canvasWidth),
           height: Number(canvasHeight),