add DogPage add Login

config/dev.js

@@ -3,6 +3,8 @@ module.exports = {
     NODE_ENV: '"development"'
   },
   defineConstants: {
+    HOST: '"http://192.168.89.147:9002"'
+
   },
   mini: {},
   h5: {}

package.json

@@ -37,11 +37,12 @@
   "dependencies": {
     "@babel/runtime": "^7.7.7",
     "@tarojs/components": "3.3.6",
+    "@tarojs/react": "3.3.6",
     "@tarojs/runtime": "3.3.6",
     "@tarojs/taro": "3.3.6",
-    "@tarojs/react": "3.3.6",
-    "react-dom": "^17.0.0",
-    "react": "^17.0.0"
+    "@zjxpcyc/react-tiny-store": "^1.0.0",
+    "react": "^17.0.0",
+    "react-dom": "^17.0.0"
   },
   "devDependencies": {
     "@types/webpack-env": "^1.13.6",

src/app.config.js

@@ -2,11 +2,17 @@ export default {
   pages: [
     'pages/index/index',
     'pages/main/index',
+    'pages/NoticeInfo/index',
+    'pages/setUser/index',
+    'pages/setDogInfo/index',
   ],
   window: {
     backgroundTextStyle: 'light',
     navigationBarBackgroundColor: '#fff',
     navigationBarTitleText: 'WeChat',
     navigationBarTextStyle: 'black'
-  }
+  },
+  useExtendedLib: {
+    weui: true
+  },
 }

src/app.js

@@ -1,19 +1,43 @@
 import { Component } from 'react'
+import Taro from '@tarojs/taro';
+
+import store, { StoreRoot, useModel } from './store'
+
 import './app.less'
 
 class App extends Component {
 
-  componentDidMount () {}
+  componentDidMount () { }
+
+  componentDidShow () { }
+
+  componentDidHide () { }
+
+  componentDidCatchError () { }
+  onLaunch (options) {
+    const { logins, setUserLocation } = store.getModel('userData').getState()
 
-  componentDidShow () {}
 
-  componentDidHide () {}
+    // 登录获取人员信息
 
-  componentDidCatchError () {}
+
+    Taro.login({
+      success: (res) => {
+        const { code } = res;
+        logins({ code })
+
+
+      }
+    })
+
+  }
 
   // this.props.children 是将要会渲染的页面
   render () {
-    return this.props.children
+    return <StoreRoot>
+      {this.props.children}
+    </StoreRoot>
+    // return this.props.children
   }
 }
 

src/components/Banner/index.jsx

@@ -0,0 +1,34 @@
+import Taro from '@tarojs/taro';
+import { View, Swiper, SwiperItem, Image } from '@tarojs/components';
+import './style.less'
+
+export default (props) => {
+  const { banner } = props;
+  return (
+    <View>
+      <Swiper
+        className='swiper-container'
+        circular
+        indicatorDots
+        indicatorColor='#fff'
+        indicatorActiveColor='#FBD804'
+        autoplay
+      // vertical//纵向滑动  上下
+      >
+        {
+          banner && banner.map((item, index) => (
+            <SwiperItem key={index} >
+              <Image className='swiper-img' src={item.imgUrl} mode='widthFix'></Image>
+            </SwiperItem>
+          ))
+        }
+
+
+      </Swiper>
+    </View>
+  )
+}
+
+
+
+

src/components/Banner/style.less

@@ -0,0 +1,9 @@
+.swiper-container {
+  width: 100vw;
+  height: 400px;
+
+  .swiper-img {
+    height: 100%;
+    width: 100%;
+  }
+}

src/components/Notice/index.jsx

@@ -0,0 +1,37 @@
+import Taro from '@tarojs/taro';
+import { View, Text, Swiper, SwiperItem, Image } from '@tarojs/components';
+import tipsImg from '../../assets/tipsLogo.png'
+
+import './style.less'
+
+export default (props) => {
+  const { Notice, onChange } = props;
+
+  return (
+    <View className='Notice-box'>
+      <Image src={tipsImg} />
+
+      <Swiper
+        className='NoticeSwiper'
+        circular
+        autoplay
+        interval={2000}
+        vertical//纵向滑动  上下
+      >
+        {
+          Notice && Notice.map((item, index) => (
+            <SwiperItem key={index} onClick={() => { onChange(item.text) }} >
+              <View className='NoticeSwiper-Text'>{item.text}</View>
+            </SwiperItem>
+          ))
+        }
+
+
+      </Swiper>
+    </View>
+  )
+}
+
+
+
+

src/components/Notice/style.less

@@ -0,0 +1,25 @@
+.Notice-box {
+  width: 100vw;
+  // height: 50px;
+  background-color: #fff5f6;
+  display: flex;
+  align-items: center;
+  padding: 15px 10px;
+  > Image {
+    width: 55px;
+    height: 55px;
+    margin-right: 15px;
+    color: #fbd804;
+  }
+  .NoticeSwiper {
+    width: 85%;
+    height: 40px;
+    .NoticeSwiper-Text {
+      font-size: 26px;
+      text-overflow: ellipsis;
+      overflow: hidden;
+      white-space: nowrap;
+      color: #666;
+    }
+  }
+}

src/pages/NoticeInfo/index.config.js

@@ -0,0 +1,10 @@
+export default {
+  navigationBarTitleText: '公告详情',
+  disableScroll: true,
+  navigationBarBackgroundColor: "#FBD804",
+  navigationBarTextStyle: "black",
+  backgroundColor: "#FBD804",
+  usingComponents: {
+  }
+
+}

src/pages/NoticeInfo/index.jsx

@@ -0,0 +1,18 @@
+import { View, Text, Image } from '@tarojs/components'
+import Taro from '@tarojs/taro';
+
+import './style.less'
+
+export default (props) => {
+
+
+  return (
+    <View className='index-UserQRcode'>
+      我是公告嗷嗷嗷嗷嗷
+    </View>
+  )
+}
+
+
+
+

src/pages/index/index.jsx

@@ -1,13 +1,33 @@
 import { View, Text, Image } from '@tarojs/components'
-import Taro from '@tarojs/taro';
-
+import Taro from '@tarojs/taro'
+import Banner from '../../components/Banner'
+import Notice from '../../components/Notice'
 import './style.less'
 
 export default (props) => {
 
+  const banner = [
+    { imgUrl: 'https://tse3-mm.cn.bing.net/th/id/OIP-C.yd6uU_V7fqswON8cwWUfewHaE7?w=300&h=200&c=7&r=0&o=5&pid=1.7' },
+    { imgUrl: 'https://tse4-mm.cn.bing.net/th/id/OIP-C.A31N2pd7ApUojqrR6x41bwHaFj?pid=ImgDet&rs=1' },
+    { imgUrl: 'https://tse1-mm.cn.bing.net/th/id/R-C.413cf61f5c976cdaddafb30e3aeeb547?rik=AJJ41q9z0C1Anw&riu=http%3a%2f%2ffunpicimg.loveinhere.com%2f1008%2f1%2f4770.jpg&ehk=bP4qnBFW9Ha6lXMKKtVhAnkL2hTHv15pjb5oQpAhF6o%3d&risl=&pid=ImgRaw&r=0' },
+    { imgUrl: 'https://img.zcool.cn/community/01c62e565d10e76ac7253403cbde61.jpg@1280w_1l_2o_100sh.jpg' }
+  ]
+  const NoticeList = [
+    { text: '我是官方系统通知Notice' },
+    { text: '我是第二条通知奥奥奥奥奥奥' },
+    { text: '我是第3165656565' },
+    { text: '我是第四条通知啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊' }
+  ]
+  const onChangeGoNotice = (e) => {
+    Taro.navigateTo({
+      url: '/pages/setDogInfo/index'
+    })
+  }
 
   return (
     <View className='index-UserQRcode'>
+      <Banner banner={banner} />
+      <Notice Notice={NoticeList} onChange={onChangeGoNotice} />
     </View>
   )
 }

src/pages/main/index.jsx

@@ -8,6 +8,7 @@ export default (props) => {
 
   return (
     <View className='index-UserQRcode'>
+
     </View>
   )
 }

src/pages/setDogInfo/index.config.js

@@ -0,0 +1,14 @@
+export default {
+  navigationBarTitleText: '狗狗信息',
+  disableScroll: true,
+  navigationBarBackgroundColor: "#FBD804",
+  navigationBarTextStyle: "black",
+  backgroundColor: "#FBD804",
+  usingComponents: {
+    "mp-cells": "weui-miniprogram/cells/cells",
+    "mp-cell": "weui-miniprogram/cell/cell",
+    "mp-form-page": "weui-miniprogram/form-page/form-page",
+    "mp-form": "weui-miniprogram/form/form"
+  }
+
+}

src/pages/setDogInfo/index.jsx

@@ -0,0 +1,206 @@
+import { View, Button, Form, Text, RadioGroup, Picker, Image, Input, Radio, Label, ScrollView } from '@tarojs/components'
+import Taro from '@tarojs/taro';
+import { useState } from 'react';
+
+import './style.less'
+
+export default (props) => {
+  const [dogDate, setDogDate] = useState({ petBirthday: '请选择生日', petSex: '请选择性别', petType: '请选择犬种' })
+  const [imgUrl, setImgUrl] = useState({ img1: null, immunization: null })
+
+
+  const onDateChange = (type, value) => {
+    switch (type) {
+      case 'petSex':
+        setDogDate({ ...dogDate, petSex: selector[value] })
+        break;
+      case 'petBirthday':
+        setDogDate({ ...dogDate, petBirthday: value })
+        break;
+      case 'petType':
+        setDogDate({ ...dogDate, petType: dogType[value].text })
+        break;
+      default:
+        break;
+    }
+
+  }
+  const selector = ['公', '母']
+  const dogType = [
+    {
+      value: 0,
+      text: '金毛',
+    },
+    {
+      value: 1,
+      text: '拉布拉多',
+    },
+
+  ]
+
+  const modeList = [
+    {
+      value: 0,
+      text: '邮寄',
+    },
+    {
+      value: 1,
+      text: '自取',
+    },
+
+  ]
+
+  const addImage = (e) => {
+    console.log("🚀 ~ file: index.jsx ~ line 94 ~ addImage ~ e", e)
+
+    if (e == 'img1') {
+      Taro.chooseImage({
+        count: 1, // 默认9
+        sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图，默认二者都有
+        sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机，默认二者都有，在H5浏览器端支持使用 `user` 和 `environment`分别指定为前后摄像头
+        success: function (res) {
+          // 返回选定照片的本地文件路径列表，tempFilePath可以作为img标签的src属性显示图片
+          var tempFilePaths = res.tempFilePaths
+          setImgUrl({ ...imgUrl, img1: tempFilePaths[0] })
+        },
+        fail () {
+          Taro.showToast({
+            title: '上传失败请重试',
+            icon: 'error',
+            duration: 1000
+          })
+        }
+      })
+
+    } else {
+      Taro.chooseImage({
+        count: 1, // 默认9
+        sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图，默认二者都有
+        sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机，默认二者都有，在H5浏览器端支持使用 `user` 和 `environment`分别指定为前后摄像头
+        success: function (res) {
+          // 返回选定照片的本地文件路径列表，tempFilePath可以作为img标签的src属性显示图片
+          var tempFilePaths = res.tempFilePaths
+          setImgUrl({ ...imgUrl, immunization: tempFilePaths[0] })
+        },
+        fail () {
+          Taro.showToast({
+            title: '上传失败请重试',
+            icon: 'error',
+            duration: 1000
+          })
+        }
+      })
+    }
+
+    console.log("🚀 ~ file: index.jsx ~ line 61 ~ addImage ~ tempFilePaths", imgUrl)
+
+
+  }
+  const formSubmit = e => {
+    console.log(e)
+  }
+
+  const formReset = e => {
+    console.log(e)
+  }
+  const rules = [
+    {
+      name: 'name',
+      rules: { required: true, message: '请填写收货人姓名' },
+    },
+    {
+      name: 'telNumber',
+      rules: [{ required: true, message: '请填写收货人电话' }, { mobile: true, message: '电话格式不对' }]
+    },
+  ]
+  return (
+    <ScrollView scrollY style={{
+      height: '100vh'
+    }}
+    >
+      <View class='page' >
+        <Form onSubmit={formSubmit} onReset={formReset} >
+          <mp-form rules={rules} >
+            <mp-cells title=''>
+              <mp-cell title='宠物名称' extClass=''>
+                <Input name='petName' placeholder='请输入宠养区域' />
+              </mp-cell>
+              <mp-cell title='宠物性别' extClass=''>
+                <Picker name='petSex' mode='selector' range={selector} onChange={(e) => { onDateChange('petSex', e.detail.value) }}>
+                  <View className='picker'>
+                    {dogDate.petSex}
+                  </View>
+                </Picker>
+              </mp-cell>
+              <mp-cell title='犬种' extClass=''>
+                <Picker name='petType' mode='selector' range={dogType} rangeKey='text' onChange={(e) => { onDateChange('petType', e.detail.value) }}>
+                  <View className='picker'>
+                    {dogDate.petType}
+                  </View>
+                </Picker>
+              </mp-cell>
+              <mp-cell title='生日' extClass=''>
+                <Picker name='petBirthday' mode='date' onChange={(e) => { onDateChange('petBirthday', e.detail.value) }}>
+                  <View className='picker'>
+                    {dogDate.petBirthday}
+                  </View>
+                </Picker>
+              </mp-cell>
+              <mp-cell title='毛色' extClass=''>
+                <Input name='petColor' placeholder='请输入宠养区域' />
+              </mp-cell>
+              <mp-cell title='宠物照片' extClass=''>
+                {
+                  !imgUrl.img1 ?
+                    <View className='addImage' onClick={() => addImage('img1')} >
+                      <Text>+</Text>
+                    </View>
+                    :
+                    <Image className='dogImg1' name='img1' src={imgUrl.img1} onClick={() => addImage('img1')} />
+                }
+
+              </mp-cell>
+              <mp-cell title='免疫证明' extClass=''>
+                {
+                  !imgUrl.immunization ?
+                    <View className='addImage' onClick={() => addImage('immunization')} >
+                      <Text>+</Text>
+                    </View>
+                    :
+                    <Image className='dogImg1' name='immunization' src={imgUrl.immunization} onClick={() => addImage('immunization')} />
+                }
+                {/* <Input name='immunization' placeholder='请输入身份证号' type='idcard' /> */}
+              </mp-cell>
+              <mp-cell title='详细地址' extClass=''>
+                <Input name='address' placeholder='请输入详细地址' />
+              </mp-cell>
+              <mp-cell title='申领方式' extClass=''>
+                <View className='radio-list'>
+                  <RadioGroup name='applyMethod'>
+                    {modeList.map((item, i) => {
+                      return (
+                        <Label className='radio-list__label' for={i} key={i}>
+                          <Radio color='#FCD905' className='radio-list__radio' value={item.value} >{item.text}</Radio>
+                        </Label>
+                      )
+                    })}
+                  </RadioGroup>
+                </View>
+              </mp-cell>
+
+
+
+            </mp-cells>
+          </mp-form>
+          <View slot='button'>
+            <Button class='weui-btn' type='primary' loading={false} formType='submit'>确定</Button>
+          </View>
+        </Form>
+      </View>
+    </ScrollView >
+  )
+}
+
+
+
+

src/pages/setDogInfo/style.less

@@ -0,0 +1,22 @@
+.addImage {
+  width: 100px;
+  height: 100px;
+  border: 1px dashed #666;
+  display: flex;
+  align-items: center;
+  > Text {
+    text-align: center;
+    margin: 0 auto;
+    font-size: 60px;
+    font-weight: bold;
+  }
+}
+.dogImg1 {
+  width: 200px;
+  height: 150px;
+}
+.radio-list__radio {
+  width: 140px;
+  font-size: 35px;
+  transform: scale(0.9);
+}

src/pages/setUser/index.config.js

@@ -0,0 +1,14 @@
+export default {
+  navigationBarTitleText: '犬主信息',
+  disableScroll: true,
+  navigationBarBackgroundColor: "#FBD804",
+  navigationBarTextStyle: "black",
+  backgroundColor: "#FBD804",
+  usingComponents: {
+    "mp-cells": "weui-miniprogram/cells/cells",
+    "mp-cell": "weui-miniprogram/cell/cell",
+    "mp-form-page": "weui-miniprogram/form-page/form-page",
+    "mp-form": "weui-miniprogram/form/form"
+  }
+
+}

src/pages/setUser/index.jsx

@@ -0,0 +1,93 @@
+import { View, Button, Form, Text, Image, Picker, Switch, Input, Radio, Label, ScrollView } from '@tarojs/components'
+import Taro from '@tarojs/taro';
+import { useState } from 'react';
+
+import './style.less'
+
+export default (props) => {
+  const [imgUrl, setImgUrl] = useState()
+
+  const addImage = () => {
+    Taro.chooseImage({
+      count: 1, // 默认9
+      sizeType: ['original', 'compressed'], // 可以指定是原图还是压缩图，默认二者都有
+      sourceType: ['album', 'camera'], // 可以指定来源是相册还是相机，默认二者都有，在H5浏览器端支持使用 `user` 和 `environment`分别指定为前后摄像头
+      success: function (res) {
+        // 返回选定照片的本地文件路径列表，tempFilePath可以作为img标签的src属性显示图片
+        var tempFilePaths = res.tempFilePaths
+        setImgUrl(tempFilePaths)
+      },
+      fail () {
+        Taro.showToast({
+          title: '上传失败请重试',
+          icon: 'error',
+          duration: 1000
+        })
+      }
+    })
+
+  }
+  const formSubmit = e => {
+    console.log(e)
+  }
+
+  const formReset = e => {
+    console.log(e)
+  }
+  const rules = [
+    {
+      name: 'name',
+      rules: { required: true, message: '请填写收货人姓名' },
+    },
+    {
+      name: 'telNumber',
+      rules: [{ required: true, message: '请填写收货人电话' }, { mobile: true, message: '电话格式不对' }]
+    },
+  ]
+  return (
+    <ScrollView scrollY style={{
+      height: '100vh'
+    }}
+    >
+      <View class='page' >
+        <Form onSubmit={formSubmit} onReset={formReset} >
+
+          <mp-form rules={rules} >
+            <mp-cells title='我是提示信息'>
+              <mp-cell title='姓名' extClass=''>
+                <Input name='nickName' placeholder='请输入卡号' />
+              </mp-cell>
+              <mp-cell title='性别' extClass=''>
+                <Input name='sex' placeholder='请输入卡号' />
+              </mp-cell>
+              <mp-cell title='手机号' extClass=''>
+                <Input name='phone' type='number' placeholder='请输入宠养区域' />
+              </mp-cell>
+              <mp-cell title='身份证号' extClass=''>
+                <Input name='idCard' placeholder='请输入身份证号' type='idcard' />
+              </mp-cell>
+              <mp-cell title='身份证图片' extClass=''>
+                {
+                  !imgUrl ?
+                    <View className='addImage' onClick={addImage} >
+                      <Text>+</Text>
+                    </View>
+                    :
+                    <Image className='userImg1' name='cardImg1' src={imgUrl} onClick={addImage} />
+                }
+              </mp-cell>
+
+            </mp-cells>
+          </mp-form>
+          <View slot='button'>
+            <Button type='primary' loading={false} formType='submit'>确定 Loading</Button>
+          </View>
+        </Form>
+      </View>
+    </ScrollView>
+  )
+}
+
+
+
+

src/pages/setUser/style.less

@@ -0,0 +1,20 @@
+.sizeStyle {
+  font-size: 20px;
+}
+.addImage {
+  width: 100px;
+  height: 100px;
+  border: 1px dashed #666;
+  display: flex;
+  align-items: center;
+  > Text {
+    text-align: center;
+    margin: 0 auto;
+    font-size: 60px;
+    font-weight: bold;
+  }
+}
+.userImg1 {
+  width: 200px;
+  height: 150px;
+}

src/services/dogAPI.js

@@ -0,0 +1,11 @@
+
+import request from '../utils/request'
+// utils/request
+
+
+/**
+ * 登陆
+ * @param {*} data
+ * @returns
+ */
+export const login = (data) => request('/login', { data, method: 'POST' })

src/store/index.js

@@ -0,0 +1,16 @@
+import { createStore, createStoreRoot, createModelHook } from '@zjxpcyc/react-tiny-store'
+import userData from './userData'
+
+const store = createStore()
+const models = { userData, }
+
+
+
+const useModel = createModelHook(store)
+const StoreRoot = createStoreRoot(store, models)
+
+export default store
+export {
+  useModel,
+  StoreRoot,
+}

src/store/userData.js

@@ -0,0 +1,39 @@
+import { useState } from "react"
+import Taro from "@tarojs/taro"
+
+import { login } from "../services/dogAPI"
+
+
+export default () => {
+  const [user, setUser] = useState()
+  const [person, setPerson] = useState()
+  const [sessionKey, setSessionKey] = useState()
+
+  const logins = (params) => {
+    console.log('login');
+
+    login(params).then((res) => {
+
+      const { person: taPerson, sessionKey: skey, user: taUser } = res;
+      // taPerson.phone = null
+
+      setPerson(taPerson);
+      setUser(taUser);
+      setSessionKey(skey);
+    })
+  }
+
+  return {
+    user,
+    setUser,
+
+    person,
+    setPerson,
+
+    sessionKey,
+    setSessionKey,
+
+
+    logins,
+  }
+}

src/utils/codeSegment.js

@@ -0,0 +1,23 @@
+
+
+/**
+ * object 转 queryStr
+ * @param {*} params 
+ * @returns 
+ */
+export function getQueryString (params) {
+  if (!params) return;
+
+  const keys = Object.keys(params)
+  const arr = keys.map((key) => {
+    const val = params[key]
+    if (val === null || val === undefined) return false;
+
+    return `${key}=${encodeURIComponent(val)}`
+  })
+
+  return arr.filter(Boolean).join('&')
+}
+
+
+

src/utils/request.js

@@ -0,0 +1,65 @@
+import Taro from '@tarojs/taro'
+import { getQueryString } from './codeSegment.js'
+
+let appid
+
+export default (url, options) => {
+  const { params, skipError, header, ...leftOptions } = options || {}
+  const queryStr = getQueryString(params)
+
+  if (!appid) {
+    const { miniProgram } = Taro.getAccountInfoSync()
+    appid = miniProgram.appId
+  }
+
+  const urlWithParams = queryStr ? `${url}?${queryStr}` : url;
+  // eslint-disable-next-line no-undef
+  const nwUrl = `${HOST}/api/wx/${appid}${urlWithParams}`
+
+  const authToken = Taro.getStorageSync('token')
+  const tokenHeader = authToken ? { Authorization: authToken } : {}
+  const nwHeader = {
+    ...(header || {}),
+    ...tokenHeader,
+  }
+
+  return new Promise((resolve, reject) => {
+    Taro.request({
+      ...leftOptions,
+      url: nwUrl,
+      header: nwHeader,
+      success: (res) => {
+        const { code, message, data, token } = res.data
+
+        if (token || data?.token) {
+          Taro.setStorage({ key: 'token', data: token || data?.token })
+        }
+
+        if (code === 1000) {
+          resolve(data)
+
+        } else {
+          if (!skipError) {
+            Taro.showToast({
+              title: message || '网络异常',
+              icon: 'none',
+            })
+          }
+          reject(message?.indexOf('java') > -1 ? '系统内部错误' : message)
+        }
+      },
+
+      fail: (err) => {
+        console.error(err)
+        const message = err.message || err.errMsg || err
+        if (!skipError) {
+          Taro.showToast({
+            title: message,
+            icon: 'none',
+          })
+        }
+        reject(message)
+      }
+    })
+  })
+}

yarn.lock

@@ -1951,6 +1951,13 @@
   resolved "https://registry.yarnpkg.com/@xtuc/long/-/long-4.2.2.tgz#d291c6a4e97989b5c61d9acf396ae4fe133a718d"
   integrity sha512-NuHqBY1PB/D8xU6s/thBgOAiAP7HOYDQ32+BFZILJ8ivkUkAHQnWfn6WhL79Owj1qmUnoN/YPhktdIoucipkAQ==
 
+"@zjxpcyc/react-tiny-store@^1.0.0":
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/@zjxpcyc/react-tiny-store/-/react-tiny-store-1.0.0.tgz#316a2a0336273c1c014bf2f55a513583770c7181"
+  integrity sha512-ykPq4Tlfv4dr8HHSsBHBzcms8R3dld80FaZruMwxhIUqTQ+ypIDvQYqpajnnvS9sOPDZNqWyd9+mRiyKcADf9g==
+  dependencies:
+    fast-deep-equal "^3.1.3"
+
 abab@^2.0.0:
   version "2.0.6"
   resolved "https://registry.yarnpkg.com/abab/-/abab-2.0.6.tgz#41b80f2c871d19686216b82309231cfd3cb3d291"
@@ -4625,7 +4632,7 @@ extsprintf@^1.2.0:
   resolved "https://registry.yarnpkg.com/extsprintf/-/extsprintf-1.4.1.tgz#8d172c064867f235c0c84a596806d279bf4bcc07"
   integrity sha512-Wrk35e8ydCKDj/ArClo1VrPVmN8zph5V4AtHwIuHhvMXsKf73UT3BOD+azBIW+3wOJ4FhEH7zyaJCFvChjYvMA==
 
-fast-deep-equal@^3.1.1:
+fast-deep-equal@^3.1.1, fast-deep-equal@^3.1.3:
   version "3.1.3"
   resolved "https://registry.yarnpkg.com/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz#3a7d56b559d6cbc3eb512325244e619a65c6c525"
   integrity sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==