feats

config/index.js

@@ -42,6 +42,10 @@ const config = {
           generateScopedName: '[name]__[local]___[hash:base64:5]'
         }
       }
+    },
+    webpackChain (chain, webpack) {
+      chain.plugin('analyzer')
+        .use(require('webpack-bundle-analyzer').BundleAnalyzerPlugin, [])
     }
   },
   h5: {

jsconfig.json

@@ -0,0 +1,10 @@
+{
+  "compilerOptions": {
+    "baseUrl": "./",
+    "paths": {
+      "@/*": ["src/*"],
+    }
+  },
+  "exclude": ["node_modules", "dist"],
+  "include": ["src/**/*"]
+}

package.json

@@ -46,7 +46,8 @@
     "node-sass": "^5.0.0",
     "react": "^16.10.0",
     "react-dom": "^16.10.0",
-    "taro-ui": "^2.3.4"
+    "taro-ui": "^2.3.4",
+    "webpack-bundle-analyzer": "^4.2.0"
   },
   "devDependencies": {
     "@babel/core": "^7.8.0",

project.config.json

@@ -2,7 +2,7 @@
 	"miniprogramRoot": "dist/",
 	"projectname": "miniapp",
 	"description": "",
-	"appid": "wxe44244d1a5ea3364",
+	"appid": "wxf2956bfef9daf0ae",
 	"setting": {
 		"urlCheck": true,
 		"scopeDataCheck": false,

src/components/WuYeJiaoFei/index.jsx

@@ -3,14 +3,61 @@ import WuYeJiaoFeiItem from '@/components/WuYeJiaoFeiItem/index'
 import ScrollPageRefresh from '@/components/ScrollPageRefresh/index'
 import request, { apis } from '@/utils/request'
 import Taro from '@tarojs/taro'
+import { Checkbox, CheckboxGroup } from '@tarojs/components'
 import '@/assets/css/reset.less'
 import '@/assets/css/iconfont.less'
 import './index.less'
 
+const cancelOrder = outTradeNo => {
+  return new Promise((resolve, reject) => {
+    if (outTradeNo) {
+      request({...apis.wxCancelPay, args: { outTradeNo }, params: { type: 'bill' }})
+        .then(res => resolve(res))
+        .catch(err => reject(err))
+    } else {
+      resolve()
+    }
+  })
+}
+
+const pay = idArray => {
+  return new Promise((resolve, reject) => {
+    // 准备下单
+    request({...apis.wxStartPay, data: { type: 'bill', idArray }}).then(res => {
+      const outTradeNo = res.outTradeNo
+      // 下单
+      request({...apis.wxUnifiedOrder, args: { outTradeNo }, params: { type: 'bill'}} ).then(res => {
+        wx.requestPayment({
+          timeStamp: res.timeStamp,
+          nonceStr: res.nonceStr,
+          package: res.package,
+          paySign: res.sign,
+          signType: res.signType,
+          success: resp => {
+            console.log('支付结果:', resp)
+            resolve(resp)
+          },
+          fail: err => {
+            console.error('支付失败', err)
+            cancelOrder(outTradeNo)
+            reject(err)
+          }
+        })
+      }).catch(err => {
+        cancelOrder(outTradeNo)
+        reject(err)
+      })
+    }).catch(err => reject(err))
+  })
+}
+
+
 export default function WuYeJiaoFei () {
 
   const [PageList, setPageList] = useState([])
   const [BannerList, setBannerList] = useState([])
+  const [checkedIds, setCheckedIds] = useState([])
+  const [totalPrice, setTotalPrice] = useState(0)
 
   useEffect(() => {
     GetBanner()
@@ -26,37 +73,83 @@ export default function WuYeJiaoFei () {
   }
 
   const Refresh = (e) => { // 下拉刷新
-    setPageList(e)
+    if (e && e.length) {
+      // 缴费中的不显示
+      const list = e.filter(x => x.billStatus !== '3')
+      setPageList(list)
+    }
   }
 
   const Push = (e) => { // 上拉加载
     setPageList(PageList.concat(e))
   }
 
+  const handleGroupChange = e => {
+    const ids = e.detail.value || []
+    setCheckedIds(ids.map(x => x-0))
+  }
+
+  const handlePay = e => {
+    Taro.showModal({
+      title: '提示',
+      content: `确定缴费 ${totalPrice} 元?`,
+      success: res => {
+        if (res.confirm) {
+          pay(checkedIds).then(res => {
+            Taro.showToast({
+              title: '缴费成功',
+              icon: 'success'
+            })
+            // 页面刷新
+            // todo
+          }).catch(err => {
+            console.log(err)
+            Taro.showToast({
+              title: (err.message || err.errMsg || err) ,
+              icon: 'none'
+            })
+          })
+        }
+      }
+    })
+  }
+
+  useEffect(() => {
+    const items = checkedIds.map(x => PageList.filter(y => y.id === x)[0]).filter(Boolean)
+    const total = items.reduce((acc, x) => acc + x.payPrice, 0)
+    setTotalPrice(total)
+  }, [checkedIds, PageList])
+
   return (
     <view className='WuYeJiaoFei'>
-      <ScrollPageRefresh ApiName={`getJiaoFeiList`} ListName={`list`} RequestUrlData={{ type: 0 }} Refresh={Refresh} Push={Push}>
+        <ScrollPageRefresh ApiName={`getJiaoFeiList`} ListName={`list`} RequestUrlData={{ type: 0 }} Refresh={Refresh} Push={Push}>
 
-        {/* 大图 */}
-        <view className='BigImg'>
-          {
-            BannerList.length > 0 &&
-            <image mode='aspectFill' src={BannerList[0].image} className='centerLabel' onClick={() => { Taro.navigateTo({ url: `/pages/HuoDong/ZiXunDetail/index?id=${BannerList[0].targetId}` }) }}></image>
-          }
-        </view>
-
-        {/* 缴费列表 */}
-        <view className='List'>
-          {
-            PageList.map((item, index) => (
-              <view key={`WuYeJiaoFeiItem-${index}`}>
-                <WuYeJiaoFeiItem Data={item}></WuYeJiaoFeiItem>
-              </view>
-            ))
-          }
-        </view>
+          {/* 大图 */}
+          <view className='BigImg'>
+            {
+              BannerList.length > 0 &&
+              <image mode='aspectFill' src={BannerList[0].image} className='centerLabel' onClick={() => { Taro.navigateTo({ url: `/pages/HuoDong/ZiXunDetail/index?id=${BannerList[0].targetId}` }) }}></image>
+            }
+          </view>
+          
+          <view>
+            <view>{`总金额 ${totalPrice} 元`}</view>
+            <button onClick={handlePay}>支付</button>
+          </view>
+          {/* 缴费列表 */}
+          <view className='List'>
+            <CheckboxGroup onChange={handleGroupChange}>
+            {
+              PageList.map((item, index) => (
+                <Checkbox key={`WuYeJiaoFeiItem-${index}`} value={item.id} disabled={item.billStatus !== '0'}>
+                  <WuYeJiaoFeiItem Data={item}></WuYeJiaoFeiItem>
+                </Checkbox>
+              ))
+            }
+            </CheckboxGroup>
+          </view>
 
-      </ScrollPageRefresh>
+        </ScrollPageRefresh>
     </view>
   )
 }

src/components/WuYeJiaoFei/index.less

@@ -21,6 +21,11 @@
     position: relative;
     overflow: hidden;
 
+    checkbox {
+      display: block;
+      line-height: 1.4em;
+    }
+
     >view {
       width: 100%;
       position: relative;

src/components/WuYeJiaoFeiItem/index.jsx

@@ -8,29 +8,38 @@ export default function WuYeJiaoFeiItem (props) {
 
   const { Data } = props
 
+  const handleClick = () => {
+    // Taro.navigateTo({ url: `/pages/WuYe/JiaoFeiDetail/index?id=${Data.id}`})
+  }
+
   return (
-    <view className='WuYeJiaoFeiItem' onClick={() => { Taro.navigateTo({ url: `/pages/WuYe/JiaoFeiDetail/index?id=${Data.id}` }) }}>
-      <view className='Title flex-h'>
-        <text className='flex-item'>物业费</text>
-        <text>2020/06/08  0:00截止</text>
-      </view>
-      <view className='JiaoFeiContent'>
-        <view className='Name flex-h'>
-          <text className='flex-item'>2020年5月物业管理费</text>
-          <text>剩余缴费时间</text>
-          <text className='Num'>3</text>
-          <text>天</text>
-        </view>
-        <text>垃圾费：300元</text>
-        <text>电费：300.83元</text>
-        <text>物业费：300元</text>
-        <view className='Price flex-h'>
-          <text className='Num'>340</text>
-          <text>元</text>
-          <view className='flex-item'></view>
-          <text className='Btn'>立即缴费</text>
-        </view>
-      </view>
+    // <view className='WuYeJiaoFeiItem' onClick={handleClick}>
+    //   <view className='Title flex-h'>
+    //     <text className='flex-item'>物业费</text>
+    //     <text>2020/06/08  0:00截止</text>
+    //   </view>
+    //   <view className='JiaoFeiContent'>
+    //     <view className='Name flex-h'>
+    //       <text className='flex-item'>2020年5月物业管理费</text>
+    //       <text>剩余缴费时间</text>
+    //       <text className='Num'>3</text>
+    //       <text>天</text>
+    //     </view>
+    //     <text>垃圾费：300元</text>
+    //     <text>电费：300.83元</text>
+    //     <text>物业费：300元</text>
+    //     <view className='Price flex-h'>
+    //       <text className='Num'>340</text>
+    //       <text>元</text>
+    //       <view className='flex-item'></view>
+    //       <text className='Btn'>立即缴费</text>
+    //     </view>
+    //   </view>
+    // </view>
+    <view style="display: flex">
+      <view>{Data.billName}</view>
+      <view></view>
+      <view>{`${Data.payPrice} 元`}</view>
     </view>
   )
 }

src/pages.js

@@ -61,7 +61,10 @@ const Property = [
     name: '物业-报修区域',
     page: 'pages/WuYe/BaoXiuQuYu/index',
     auth: ['avatar', 'phone', 'yezhu'],
-    type: 'property',
+    track: {
+      event: 'detail',
+      eventType: 'property',
+    }
   },
   {
     name: '物业-添加报修',

src/pages/WuYe/JiaoFeiDetail/index.jsx

@@ -1,18 +1,116 @@
-import React, { useState } from 'react'
+import React, { useState, useEffect, useRef } from 'react'
 import Taro, { Current } from '@tarojs/taro'
+import request, { apis } from '@/utils/request'
 import SlidePopup from '@/components/SlidePopup/index'
 import Page from '@/layouts'
+import { useModel } from '@/store'
 import '@/assets/css/reset.less'
 import '@/assets/css/iconfont.less'
 import './index.less'
 
 export default function JiaoFeiDetail () {
-
+  const { user } = useModel('user')
+  const [bill, setBill] = useState([])
   const [ShowPopup, setShowPopup] = useState(false)
 
   const [PopupType, setPopupType] = useState(0)
 
-  const CurrnetJiaoFeiId = Current.router.params.id
+  const { id } = Current.router.params
+  const paying = useRef(false)
+  const order = useRef()
+
+  const handleReadyPay = () => {
+    setPopupType(1)
+    setShowPopup(true)
+  }
+
+  const cancelOrder = () => {
+    if (order.current && order.current.outTradeNo) {
+      request({...apis.wxCancelPay, args: { outTradeNo: order.current.outTradeNo }, params: { type: 'bill' }}).then(res => {
+        order.current = undefined
+      }).catch(er => {
+        Taro.showToast({
+          title: er,
+          icon: 'none'
+        })
+      })
+    }
+  }
+
+  const handleCancelOrder = () => {
+    cancelOrder()
+    setShowPopup(false)
+    setPopupType(0)
+  }
+
+  const handlePaying = () => {
+    // 防止重复提交
+    if (paying.current) {
+      return
+    }
+
+    paying.current = true
+    
+    // 准备下单
+    request({...apis.wxStartPay, data: { type: 'bill', idArray: [id].map(x => x-0) }}).then(res => {
+      order.current = res
+      const outTradeNo = res.outTradeNo
+      // 下单
+      request({...apis.wxUnifiedOrder, args: { outTradeNo }, params: { type: 'bill'}} ).then(res => {
+        wx.requestPayment({
+          timeStamp: res.timeStamp,
+          nonceStr: res.nonceStr,
+          package: res.package,
+          paySign: res.sign,
+          signType: res.signType,
+          success: resp => {
+            console.log('支付结果:', resp)
+            paying.current = false
+            order.current = undefined
+            setShowPopup(false)
+            setPopupType(0)
+
+            Taro.showToast({
+              title: '支付成功',
+              icon: 'success'
+            })
+          },
+          fail: err => {
+            console.error('支付失败', err)
+            cancelOrder()
+            paying.current = false
+            Taro.showToast({
+              title: err.message || err.errMsg || err,
+              icon: 'none'
+            })
+          }
+        })
+      }).catch(er => {
+        cancelOrder()
+        paying.current = false
+        Taro.showToast({
+          title: er,
+          icon: 'none'
+        })
+      })
+    }).catch(er => {
+      paying.current = false
+      Taro.showToast({
+        title: er,
+        icon: 'none'
+      })
+    })
+  }
+  
+  useEffect(() => {
+    if (user && id) {
+      request({ ...apis.getBillInvoiced, args: { orgId: 1, id }}).then(res => {
+        if (res) {
+          setBill(res)
+        }
+      })
+    }
+  }, [user, id])
 
   return (
     <Page>
@@ -26,7 +124,7 @@ export default function JiaoFeiDetail () {
             <view className='Detail'>
               <view className='Title flex-h'>
                 <text className='flex-item'>缴费金额</text>
-                <text className='Num'>300</text>
+                <text className='Num'>{bill.payPrice}</text>
                 <text>元</text>
               </view>
               <text>2020年5月物业管理费</text>
@@ -48,21 +146,21 @@ export default function JiaoFeiDetail () {
         </view>
         <view className='BottomContainer'>
           <text onClick={() => { setPopupType(2); setShowPopup(true) }}>对费用有疑问？</text>
-          <text onClick={() => { setPopupType(1); setShowPopup(true) }}>立即缴费</text>
+          <text onClick={handleReadyPay}>立即缴费</text>
         </view>
 
         {/* 弹窗 */}
-        <SlidePopup Close={() => { setShowPopup(false); setPopupType(0) }} Show={ShowPopup}>
+        <SlidePopup Close={handleCancelOrder} Show={ShowPopup}>
           {
             PopupType - 0 === 1 &&
             <view className='JiaoFeiPopup'>
-              <view className='Price'>立即支付<text>150</text>元</view>
+              <view className='Price'>立即支付<text>{bill.payPrice}</text>元</view>
               <view className='flex-h'>
                 <text className='iconfont iconweixinzhifu'></text>
                 <text className='flex-item'>微信支付</text>
                 <text className='iconfont icongou'></text>
               </view>
-              <view className='Btn'>
+              <view className='Btn' onClick={handlePaying}>
                 <text>去付款</text>
               </view>
             </view>

src/utils/api.js

@@ -65,6 +65,26 @@ const $api = {
     method: 'get',
     url: `${prefix}/bills/current_user/:type`
   },
+  getBillInvoiced: {
+    method: 'get',
+    url: `${prefix}/bill/:orgId/:id`
+  },
+
+  wxStartPay: {
+    method: 'post',
+    url: `${prefix}/wxStartPay `
+  },
+
+  wxCancelPay: {
+    method: 'get',
+    url: `${prefix}/wxCancelPay/:outTradeNo`
+  },
+  
+  wxUnifiedOrder: {
+    method: 'get',
+    url: `${prefix}/wxUnifiedOrder/:outTradeNo`
+  },
+
   getGongDanList: { // 获取小区工单列表
     method: 'get',
     url: `${prefix}/tickets/list/:orgId`

yarn.lock

@@ -2,6 +2,11 @@
 # yarn lockfile v1
 
 
+"-@^0.0.1":
+  version "0.0.1"
+  resolved "https://registry.npm.taobao.org/-/download/--0.0.1.tgz#db6db7cd866142880dd03e5b8781d1b4fac0e5bd"
+  integrity sha1-2223zYZhQogN0D5bh4HRtPrA5b0=
+
 "@babel/code-frame@^7.0.0", "@babel/code-frame@^7.10.4", "@babel/code-frame@^7.8.3":
   version "7.10.4"
   resolved "https://registry.npm.taobao.org/@babel/code-frame/download/@babel/code-frame-7.10.4.tgz#168da1a36e90da68ae8d49c0f1b48c7c6249213a"
@@ -1783,6 +1788,11 @@
   resolved "https://registry.npm.taobao.org/@xtuc/long/download/@xtuc/long-4.2.2.tgz#d291c6a4e97989b5c61d9acf396ae4fe133a718d"
   integrity sha1-0pHGpOl5ibXGHZrPOWrk/hM6cY0=
 
+D@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.npm.taobao.org/D/download/D-1.0.0.tgz#c348a4e034f72847be51206fc530fc089e9cc2a9"
+  integrity sha1-w0ik4DT3KEe+USBvxTD8CJ6cwqk=
+
 abab@^2.0.0:
   version "2.0.5"
   resolved "https://registry.npm.taobao.org/abab/download/abab-2.0.5.tgz#c0b678fb32d60fc1219c784d6a826fe385aeb79a"
@@ -1819,6 +1829,11 @@ acorn-walk@^6.0.1:
   resolved "https://registry.npm.taobao.org/acorn-walk/download/acorn-walk-6.2.0.tgz#123cb8f3b84c2171f1f7fb252615b1c78a6b1a8c"
   integrity sha1-Ejy487hMIXHx9/slJhWxx4prGow=
 
+acorn-walk@^8.0.0:
+  version "8.0.0"
+  resolved "https://registry.npm.taobao.org/acorn-walk/download/acorn-walk-8.0.0.tgz#56ae4c0f434a45fff4a125e7ea95fa9c98f67a16"
+  integrity sha1-Vq5MD0NKRf/0oSXn6pX6nJj2ehY=
+
 acorn@^6.0.1, acorn@^6.2.1:
   version "6.4.2"
   resolved "https://registry.npm.taobao.org/acorn/download/acorn-6.4.2.tgz?cache=0&sync_timestamp=1602534280466&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Facorn%2Fdownload%2Facorn-6.4.2.tgz#35866fd710528e92de10cf06016498e47e39e1e6"
@@ -1829,6 +1844,11 @@ acorn@^7.1.0, acorn@^7.1.1:
   resolved "https://registry.npm.taobao.org/acorn/download/acorn-7.4.1.tgz?cache=0&sync_timestamp=1602534280466&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Facorn%2Fdownload%2Facorn-7.4.1.tgz#feaed255973d2e77555b83dbc08851a6c63520fa"
   integrity sha1-/q7SVZc9LndVW4PbwIhRpsY1IPo=
 
+acorn@^8.0.4:
+  version "8.0.4"
+  resolved "https://registry.npm.taobao.org/acorn/download/acorn-8.0.4.tgz?cache=0&sync_timestamp=1602534280466&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Facorn%2Fdownload%2Facorn-8.0.4.tgz#7a3ae4191466a6984eee0fe3407a4f3aa9db8354"
+  integrity sha1-ejrkGRRmpphO7g/jQHpPOqnbg1Q=
+
 address@^1.0.1:
   version "1.1.2"
   resolved "https://registry.npm.taobao.org/address/download/address-1.1.2.tgz#bf1116c9c758c51b7a933d296b72c221ed9428b6"
@@ -3073,6 +3093,11 @@ commander@^4.0.1:
   resolved "https://registry.npm.taobao.org/commander/download/commander-4.1.1.tgz?cache=0&sync_timestamp=1605992478790&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fcommander%2Fdownload%2Fcommander-4.1.1.tgz#9fd602bd936294e9e9ef46a3f4d6964044b18068"
   integrity sha1-n9YCvZNilOnp70aj9NaWQESxgGg=
 
+commander@^6.2.0:
+  version "6.2.0"
+  resolved "https://registry.npm.taobao.org/commander/download/commander-6.2.0.tgz?cache=0&sync_timestamp=1605992478790&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fcommander%2Fdownload%2Fcommander-6.2.0.tgz#b990bfb8ac030aedc6d11bc04d1488ffef56db75"
+  integrity sha1-uZC/uKwDCu3G0RvATRSI/+9W23U=
+
 commander@~2.19.0:
   version "2.19.0"
   resolved "https://registry.npm.taobao.org/commander/download/commander-2.19.0.tgz?cache=0&sync_timestamp=1605992478790&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fcommander%2Fdownload%2Fcommander-2.19.0.tgz#f6198aa84e5b83c46054b94ddedbfed5ee9ff12a"
@@ -3869,6 +3894,11 @@ dot-prop@^5.2.0:
   dependencies:
     is-obj "^2.0.0"
 
+duplexer@^0.1.2:
+  version "0.1.2"
+  resolved "https://registry.npm.taobao.org/duplexer/download/duplexer-0.1.2.tgz#3abe43aef3835f8ae077d136ddce0f276b0400e6"
+  integrity sha1-Or5DrvODX4rgd9E23c4PJ2sEAOY=
+
 duplexify@^3.4.2, duplexify@^3.6.0:
   version "3.7.1"
   resolved "https://registry.npm.taobao.org/duplexify/download/duplexify-3.7.1.tgz#2a4df5317f6ccfd91f86d6fd25d8d8a103b88309"
@@ -4561,6 +4591,11 @@ filename-regex@^2.0.0:
   resolved "https://registry.npm.taobao.org/filename-regex/download/filename-regex-2.0.1.tgz#c1c4b9bee3e09725ddb106b75c1e301fe2f18b26"
   integrity sha1-wcS5vuPglyXdsQa3XB4wH+LxiyY=
 
+filesize@^6.1.0:
+  version "6.1.0"
+  resolved "https://registry.npm.taobao.org/filesize/download/filesize-6.1.0.tgz#e81bdaa780e2451d714d71c0d7a4f3238d37ad00"
+  integrity sha1-6Bvap4DiRR1xTXHA16TzI403rQA=
+
 fill-range@^2.1.0:
   version "2.2.4"
   resolved "https://registry.npm.taobao.org/fill-range/download/fill-range-2.2.4.tgz#eb1e773abb056dcd8df2bfdf6af59b8b3a936565"
@@ -5025,6 +5060,13 @@ graceful-fs@^4.1.11, graceful-fs@^4.1.15, graceful-fs@^4.1.2, graceful-fs@^4.1.6
   resolved "https://registry.npm.taobao.org/graceful-fs/download/graceful-fs-4.2.4.tgz#2256bde14d3632958c465ebc96dc467ca07a29fb"
   integrity sha1-Ila94U02MpWMRl68ltxGfKB6Kfs=
 
+gzip-size@^6.0.0:
+  version "6.0.0"
+  resolved "https://registry.npm.taobao.org/gzip-size/download/gzip-size-6.0.0.tgz?cache=0&sync_timestamp=1605523115814&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fgzip-size%2Fdownload%2Fgzip-size-6.0.0.tgz#065367fd50c239c0671cbcbad5be3e2eeb10e462"
+  integrity sha1-BlNn/VDCOcBnHLy61b4+LusQ5GI=
+  dependencies:
+    duplexer "^0.1.2"
+
 handle-thing@^2.0.0:
   version "2.0.1"
   resolved "https://registry.npm.taobao.org/handle-thing/download/handle-thing-2.0.1.tgz#857f79ce359580c340d43081cc648970d0bb234e"
@@ -7298,6 +7340,11 @@ open@7.0.2:
     is-docker "^2.0.0"
     is-wsl "^2.1.1"
 
+opener@^1.5.2:
+  version "1.5.2"
+  resolved "https://registry.npm.taobao.org/opener/download/opener-1.5.2.tgz#5d37e1f35077b9dcac4301372271afdeb2a13598"
+  integrity sha1-XTfh81B3udysQwE3InGv3rKhNZg=
+
 opn@^5.5.0:
   version "5.5.0"
   resolved "https://registry.npm.taobao.org/opn/download/opn-5.5.0.tgz#fc7164fab56d235904c51c3b27da6758ca3b9bfc"
@@ -10366,6 +10413,22 @@ webidl-conversions@^4.0.2:
   resolved "https://registry.npm.taobao.org/webidl-conversions/download/webidl-conversions-4.0.2.tgz#a855980b1f0b6b359ba1d5d9fb39ae941faa63ad"
   integrity sha1-qFWYCx8LazWbodXZ+zmulB+qY60=
 
+webpack-bundle-analyzer@^4.2.0:
+  version "4.2.0"
+  resolved "https://registry.npm.taobao.org/webpack-bundle-analyzer/download/webpack-bundle-analyzer-4.2.0.tgz?cache=0&sync_timestamp=1606743142206&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fwebpack-bundle-analyzer%2Fdownload%2Fwebpack-bundle-analyzer-4.2.0.tgz#f19ed40e1767ab35cad78c517529596e885bf64a"
+  integrity sha1-8Z7UDhdnqzXK14xRdSlZbohb9ko=
+  dependencies:
+    acorn "^8.0.4"
+    acorn-walk "^8.0.0"
+    chalk "^4.1.0"
+    commander "^6.2.0"
+    express "^4.17.1"
+    filesize "^6.1.0"
+    gzip-size "^6.0.0"
+    lodash "^4.17.20"
+    opener "^1.5.2"
+    ws "^7.3.1"
+
 webpack-chain@4.9.0:
   version "4.9.0"
   resolved "https://registry.npm.taobao.org/webpack-chain/download/webpack-chain-4.9.0.tgz#2f0794d34d79a7cc5db1416f497b76ad33df30ee"
@@ -10647,6 +10710,11 @@ ws@^7.0.0:
   resolved "https://registry.npm.taobao.org/ws/download/ws-7.4.0.tgz#a5dd76a24197940d4a8bb9e0e152bb4503764da7"
   integrity sha1-pd12okGXlA1Ki7ng4VK7RQN2Tac=
 
+ws@^7.3.1:
+  version "7.4.1"
+  resolved "https://registry.npm.taobao.org/ws/download/ws-7.4.1.tgz?cache=0&sync_timestamp=1607113213006&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fws%2Fdownload%2Fws-7.4.1.tgz#a333be02696bd0e54cea0434e21dcc8a9ac294bb"
+  integrity sha1-ozO+Amlr0OVM6gQ04h3MiprClLs=
+
 x-is-string@^0.1.0:
   version "0.1.0"
   resolved "https://registry.npm.taobao.org/x-is-string/download/x-is-string-0.1.0.tgz#474b50865af3a49a9c4657f05acd145458f77d82"