update

c7301e8d · 于方蒙 · c187d65e · c7301e8d · c7301e8d · c7301e8d
Commit c7301e8d authored Feb 20, 2023 by 于方蒙
17 changed files
--- a/.env
+++ b/.env
+# 部署服务器的静态文件路径
+REACT_APP_PUBLIC_URL="/login-record-build"
+# 构建文件名字
+REACT_APP_BUILD_PATH="login-record-build"
+# 是否生成线上sourcemap文件
+GENERATE_SOURCEMAP=false
+# 请求的基础路径
+REACT_APP_BASE_URL="/ssw_test"
\ No newline at end of file
--- a/.eslintrc.js
+++ b/.eslintrc.js
@@ -22,5 +22,6 @@ module.exports = {
  rules: {
    // Place to specify ESLint rules. Can be used to overwrite rules specified from the extended configs
    // e.g. "@typescript-eslint/explicit-function-return-type": "off",
+    'react-hooks/exhaustive-deps': 'warn', //
  },
 }
--- a/.gitignore
+++ b/.gitignore
@@ -10,6 +10,8 @@
 # production
 /build
+/dist
+/login_record_static
 # misc
 .DS_Store

--- a/config/webpack.config.js
+++ b/config/webpack.config.js
@@ -124,6 +124,20 @@ module.exports = function (webpackEnv) {
            config: false,
            plugins: !useTailwind
              ? [
+                  [
+                    'postcss-px-to-viewport-8-plugin',
+                    {
+                      viewportWidth: 750 / 2, // (Number) The width of the viewport.
+                      viewportHeight: 1334 / 2, // (Number) The height of the viewport.
+                      unitPrecision: 3, // (Number) The decimal numbers to allow the REM units to grow to.
+                      viewportUnit: 'vw', // (String) Expected units.
+                      selectorBlackList: ['.ignore', '.hairlines'], // (Array) The selectors to ignore and leave as px.
+                      exclude: [/node_modules/],
+                      include: [/src/],
+                      minPixelValue: 1, // (Number) Set the minimum pixel value to replace.
+                      mediaQuery: false, // (Boolean) Allow px to be converted in media queries.
+                    },
+                  ],
                  'postcss-flexbugs-fixes',
                  [
                    'postcss-preset-env',
@@ -298,6 +312,7 @@ module.exports = function (webpackEnv) {
        // https://www.smashingmagazine.com/2016/08/a-glimpse-into-the-future-with-react-native-for-web/
        'react-native': 'react-native-web',
        // Allows for better profiling with ReactDevTools
+        '@': path.join(__dirname, '../src/'),
        ...(isEnvProductionProfile && {
          'react-dom$': 'react-dom/profiling',
          'scheduler/tracing': 'scheduler/tracing-profiling',

--- a/config/webpackDevServer.config.js
+++ b/config/webpackDevServer.config.js
@@ -13,6 +13,17 @@ const sockPort = process.env.WDS_SOCKET_PORT
 module.exports = function (proxy, allowedHost) {
  const disableFirewall = !proxy || process.env.DANGEROUSLY_DISABLE_HOST_CHECK === 'true'
+  proxy = {
+    '/ssw_test': {
+      target: 'http://test.ssw-htzn.com/ssw_test',
+      secure: false,
+      changeOrigin: true,
+      pathRewrite: {
+        '^/ssw_test': '/',
+      },
+    },
+    ...proxy,
+  }
  return {
    // WebpackDevServer 2.4.3 introduced a security fix that prevents remote
    // websites from potentially accessing local content through DNS rebinding:
@@ -97,7 +108,17 @@ module.exports = function (proxy, allowedHost) {
      index: paths.publicUrlOrPath,
    },
    // `proxy` is run between `before` and `after` `webpack-dev-server` hooks
-    proxy,
+    proxy: {
+      '/ssw_test': {
+        target: 'http://test.ssw-htzn.com/ssw_test',
+        secure: false,
+        changeOrigin: true,
+        pathRewrite: {
+          '^/ssw_test': '/',
+        },
+      },
+      ...proxy,
+    },
    onBeforeSetupMiddleware(devServer) {
      // Keep `evalSourceMapMiddleware`
      // middlewares before `redirectServedPath` otherwise will not have any effect

--- a/package.json
+++ b/package.json
@@ -2,6 +2,7 @@
  "name": "login-record-ts",
  "version": "0.1.0",
  "private": true,
+  "homepage": ".",
  "dependencies": {
    "@babel/core": "^7.16.0",
    "@pmmmwh/react-refresh-webpack-plugin": "^0.5.3",
@@ -9,6 +10,8 @@
    "@types/node": "^16.7.13",
    "@types/react": "^18.0.0",
    "@types/react-dom": "^18.0.0",
+    "antd-mobile": "^5.28.0",
+    "axios": "^1.3.3",
    "babel-loader": "^8.2.3",
    "babel-plugin-named-asset-import": "^0.3.8",
    "babel-preset-react-app": "^10.0.1",
@@ -41,6 +44,7 @@
    "react-refresh": "^0.11.0",
    "resolve": "^1.20.0",
    "resolve-url-loader": "^4.0.0",
+    "sass": "^1.57.1",
    "sass-loader": "^12.3.0",
    "semver": "^7.3.5",
    "source-map-loader": "^3.0.0",
@@ -59,8 +63,8 @@
    "build": "node scripts/build.js",
    "lint": "eslint --ext .js --ext .jsx src",
    "lint:fix": "eslint -c ./.eslintrc.js --ext .js,.jsx,.ts,.tsx src/ --fix",
-    "prettier": "npx prettier src test --check",
+    "prettier": "yarn prettier src --check",
-    "prettier:fix": "npm run prettier --write"
+    "prettier:fix": "yarn prettier --write"
  },
  "browserslist": {
    "production": [
@@ -78,8 +82,8 @@
    "eslint-config-prettier": "^8.6.0",
    "eslint-plugin-prettier": "^4.2.1",
    "eslint-plugin-react": "^7.32.2",
+    "postcss-px-to-viewport-8-plugin": "^1.2.0",
    "prettier": "^2.8.3",
-    "prettier-eslint": "^15.0.1",
+    "prettier-eslint": "^15.0.1"
-    "sass": "^1.57.1"
  }
 }
--- a/postcss.config.js
+++ b/postcss.config.js
+// 不知道为啥不生效
+module.exports = {
+  loader: 'postcss-loader',
+  plugins: {
+    'postcss-px-to-viewport-8-plugin': {
+      viewportWidth: 750 / 2, // (Number) The width of the viewport.
+      viewportHeight: 1334 / 2, // (Number) The height of the viewport.
+      unitPrecision: 3, // (Number) The decimal numbers to allow the REM units to grow to.
+      viewportUnit: 'vw', // (String) Expected units.
+      selectorBlackList: ['.ignore', '.hairlines'], // (Array) The selectors to ignore and leave as px.
+      exclude: [/node_modules/],
+      include: [/src/],
+      minPixelValue: 1, // (Number) Set the minimum pixel value to replace.
+      mediaQuery: false, // (Boolean) Allow px to be converted in media queries.
+    },
+  },
+}
--- a/scripts/test.js
+++ b/scripts/test.js
-// Do this as the first thing so that any code reading it knows the right env.
-process.env.BABEL_ENV = 'test'
-process.env.NODE_ENV = 'test'
-process.env.PUBLIC_URL = ''
-// Makes the script crash on unhandled rejections instead of silently
-// ignoring them. In the future, promise rejections that are not handled will
-// terminate the Node.js process with a non-zero exit code.
-process.on('unhandledRejection', (err) => {
-  throw err
-})
-// Ensure environment variables are read.
-require('../config/env')
-const jest = require('jest')
-const execSync = require('child_process').execSync
-let argv = process.argv.slice(2)
-function isInGitRepository() {
-  try {
-    execSync('git rev-parse --is-inside-work-tree', { stdio: 'ignore' })
-    return true
-  } catch (e) {
-    return false
-  }
-}
-function isInMercurialRepository() {
-  try {
-    execSync('hg --cwd . root', { stdio: 'ignore' })
-    return true
-  } catch (e) {
-    return false
-  }
-}
-// Watch unless on CI or explicitly running all tests
-if (
-  !process.env.CI &&
-  argv.indexOf('--watchAll') === -1 &&
-  argv.indexOf('--watchAll=false') === -1
-) {
-  // https://github.com/facebook/create-react-app/issues/5210
-  const hasSourceControl = isInGitRepository() || isInMercurialRepository()
-  argv.push(hasSourceControl ? '--watch' : '--watchAll')
-}
-jest.run(argv)
--- a/src/App.scss
+++ b/src/App.scss
-.App {
+#loading {
-  text-align: center;
+  position: absolute;
-}
+  top: 0;
+  left: 0;
-.App-logo {
+  right: 0;
-  height: 40vmin;
+  bottom: 0;
-  pointer-events: none;
+  background: rgba(0, 0, 0, 0.75);
-}
-@media (prefers-reduced-motion: no-preference) {
-  .App-logo {
-    animation: App-logo-spin infinite 20s linear;
-  }
-}
-.App-header {
-  background-color: #282c34;
-  min-height: 100vh;
  display: flex;
-  flex-direction: column;
  align-items: center;
  justify-content: center;
-  font-size: calc(10px + 2vmin);
+  z-index: 9999;
-  color: white;
+  font-size: 20px;
-  .add {
+}
\ No newline at end of file
-  }
-}
-.App-link {
-  color: #61dafb;
-}
-@keyframes App-logo-spin {
-  from {
-    transform: rotate(0deg);
-  }
-  to {
-    transform: rotate(360deg);
-  }
-}
--- a/src/App.tsx
+++ b/src/App.tsx
 import React from 'react'
-import logo from './logo.svg'
+import { LoginList } from './components/login-list'
 import './App.scss'
-function App(props: {
+function App() {
-  children?:
-    | string
-    | number
-    | boolean
-    | React.ReactElement<any, string | React.JSXElementConstructor<any>>
-    | React.ReactFragment
-    | React.ReactPortal
-    | null
-    | undefined
-}) {
  return (
    <div className="App">
-      <header className="App-header">
+      <LoginList></LoginList>
-        <img src={logo} className="App-logo" alt="logo" />
-        <p>
-          Edit <code>src/App.tsx</code> and save to reload.
-        </p>
-        <a
-          className="App-link"
-          href="https://reactjs.org"
-          target="_blank"
-          rel="noopener noreferrer"
-        >
-          Learn React
-        </a>
-        <Ceshi></Ceshi>
-        {props.children}
-      </header>
    </div>
  )
 }
-function Ceshi() {
-  return <div>123123</div>
-}
 export default App
-export { Ceshi }
--- a/src/api/agent.ts
+++ b/src/api/agent.ts
+import axiosInstance from '../https/useRequest'
+type paramsobj = {
+  page?: number
+  page_size?: number
+  keyword?: string
+}
+export type agentListResponse = {
+  user_name: string
+  last_login_time: string
+  phone: string
+  login_count: number
+}
+export type dataResponese = {
+  list: agentListResponse[] | []
+  page: number
+  total_page: number
+  total_count: number
+}
+export const AgentList = (params: paramsobj): Promise<dataResponese> => {
+  return axiosInstance.post('/index/list', params)
+}
--- a/src/components/login-list/index.scss
+++ b/src/components/login-list/index.scss
+.anchor-dot {
+  position: relative;
+  .dot-postion {
+    position: fixed;
+    top: 50%;
+    right: 0;
+    transform: translateY(-50%);
+    z-index: 10;
+  }
+}
+.flex-space {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  line-height: 2;
+}
+.font-normal {
+  font-size: 16px;
+  padding: 10px;
+  font-weight: 600;
+}
+.fixed-header {
+  width: 100%;
+  position: fixed;
+  left: 0;
+  top:0;
+  z-index: 1;
+  background-color: #fff;
+}
+.ceshi {
+  font-size: 14px;
+}
\ No newline at end of file
--- a/src/components/login-list/index.tsx
+++ b/src/components/login-list/index.tsx
+import React, { useState, useRef } from 'react'
+import { InfiniteScroll, List, PullToRefresh, PageIndicator, Tag, SearchBar } from 'antd-mobile'
+import { AgentList, agentListResponse, dataResponese } from '../../api/agent'
+import { PullStatus } from 'antd-mobile/es/components/pull-to-refresh'
+import { SearchBarRef } from 'antd-mobile/es/components/search-bar'
+import './index.scss'
+export function LoginList() {
+  const [page, setPage] = useState(1)
+  const [hasMore, setHasMore] = useState(true)
+  const [data, setData] = useState<agentListResponse[]>([])
+  const [resposeData, setResponseData] = useState<dataResponese>({
+    total_page: 0,
+    page: 0,
+    list: [],
+    total_count: 0,
+  })
+  const [searchValue, setSearchValue] = useState('')
+  const searchRef = useRef<SearchBarRef>(null)
+  async function loadMore() {
+    const res: dataResponese = await AgentList({ page, page_size: 20, keyword: searchValue })
+    setData((val) => [...val, ...(res?.list as agentListResponse[])])
+    setHasMore((res?.list.length as number) > 0)
+    setResponseData(res)
+    setPage((v) => ++v)
+  }
+  async function onRefresh() {
+    const res = await AgentList({ page, page_size: 20, keyword: searchValue })
+    setData([...res.list])
+    setPage(1)
+  }
+  const statusRecord: Record<PullStatus, string> = {
+    pulling: '用力拉',
+    canRelease: '松开吧',
+    refreshing: '玩命加载中...',
+    complete: '好啦',
+  }
+  function checkCount(count: number): string {
+    const countColor: [number, number, string][] = [
+      [1, 3, 'primary'],
+      [4, 10, 'warning'],
+      [11, 99, 'danger'],
+    ]
+    function checkValue() {
+      for (let i of countColor) {
+        if (count > countColor[countColor.length - 1][1]) {
+          return 'danger'
+        }
+        if (count >= i[0] && count <= i[1]) {
+          return i[2]
+        }
+      }
+      return ''
+    }
+    return checkValue()
+  }
+  return (
+    <div className="anchor-dot">
+      <div className="dot-postion">
+        <PageIndicator
+          total={resposeData!.total_page}
+          current={resposeData!.page}
+          direction="vertical"
+          style={{
+            '--dot-color': 'rgba(0, 0, 0, 0.4)',
+            '--active-dot-color': '#ffc0cb',
+            '--dot-size': '10px',
+            '--active-dot-size': '30px',
+            '--dot-border-radius': '50%',
+            '--active-dot-border-radius': '15px',
+            '--dot-spacing': '8px',
+          }}
+        />
+      </div>
+      <PullToRefresh
+        onRefresh={onRefresh}
+        renderText={(status) => {
+          return <div>{statusRecord[status]}</div>
+        }}
+      >
+        <div className="fixed-header">
+          <div className="font-normal flex-space">
+            <span>用户名</span>
+            <span className="offset3">上次登录时间</span>
+            <span className="offset4">登录手机号</span>
+            <span className="offset2">登录次数</span>
+          </div>
+          <div
+            style={{
+              padding: '0 3%',
+            }}
+          >
+            <SearchBar
+              ref={searchRef}
+              placeholder="请输入内容"
+              showCancelButton
+              onSearch={async (val) => {
+                const res = await AgentList({ page: 1, page_size: 20, keyword: val })
+                setData(res.list)
+                setHasMore(res.list.length > 0)
+                setSearchValue(val)
+                // setPage(1)
+              }}
+            ></SearchBar>
+          </div>
+        </div>
+        <div style={{ marginTop: '21%' }}>
+          {data.map((item, index) => (
+            <List.Item key={index}>
+              <div className="flex-space">
+                <span className="ceshi">{item.user_name}</span>
+                <span className="ceshi">{item.last_login_time}</span>
+                <span className="ceshi">{item.phone}</span>
+                <Tag color={checkCount(item.login_count)}>{item.login_count}</Tag>
+              </div>
+            </List.Item>
+          ))}
+        </div>
+      </PullToRefresh>
+      <InfiniteScroll loadMore={loadMore} hasMore={hasMore}></InfiniteScroll>
+    </div>
+  )
+}
--- a/src/https/status.ts
+++ b/src/https/status.ts
+export const showMessage = (status: number | string): string => {
+  let message: string = ''
+  switch (status) {
+    case 400:
+      message = '请求错误(400)'
+      break
+    case 401:
+      message = '未授权，请重新登录(401)'
+      break
+    case 403:
+      message = '拒绝访问(403)'
+      break
+    case 404:
+      message = '请求出错(404)'
+      break
+    case 408:
+      message = '请求超时(408)'
+      break
+    case 500:
+      message = '服务器错误(500)'
+      break
+    case 501:
+      message = '服务未实现(501)'
+      break
+    case 502:
+      message = '网络错误(502)'
+      break
+    case 503:
+      message = '服务不可用(503)'
+      break
+    case 504:
+      message = '网络超时(504)'
+      break
+    case 505:
+      message = 'HTTP版本不受支持(505)'
+      break
+    default:
+      message = `连接出错(${status})!`
+  }
+  return `${message}，请检查网络或联系管理员！`
+}
--- a/src/https/useRequest.tsx
+++ b/src/https/useRequest.tsx
+import axios, { AxiosInstance, InternalAxiosRequestConfig, AxiosResponse } from 'axios'
+import { showMessage } from './status'
+import { Toast } from 'antd-mobile'
+import type { ToastHandler } from 'antd-mobile/es/components/toast'
+const axiosInstance: AxiosInstance = axios.create({
+  baseURL: process.env.REACT_APP_BASE_URL,
+  headers: {
+    Accept: 'application/json',
+    'Content-Type': 'application/json',
+  },
+})
+let showToast: ToastHandler | null = null
+// axios实例拦截响应
+axiosInstance.interceptors.response.use(
+  (response: AxiosResponse) => {
+    showToast && showToast.close()
+    if (response.status === 200) {
+      if (response.data.data) return response.data.data
+      return response.data
+    } else {
+      console.log(showMessage(response.status))
+      return response
+    }
+  },
+  // 请求失败
+  (error: any) => {
+    const { response } = error
+    if (response) {
+      // 请求已发出，但是不在2xx的范围
+      Toast.show({
+        icon: 'fail',
+        content: showMessage(response.status),
+      })
+      return Promise.reject(response.data)
+    } else {
+      Toast.show({
+        icon: 'fail',
+        content: '网络连接异常,请稍后再试!',
+      })
+    }
+  }
+)
+// axios实例拦截请求
+axiosInstance.interceptors.request.use(
+  (config: InternalAxiosRequestConfig) => {
+    const token = localStorage.getItem('app_token')
+    if (token) {
+      config.headers.Authorization = `Bearer ${token}`
+    }
+    showToast = Toast.show({
+      icon: 'loading',
+      content: '加载中…',
+      duration: 0,
+    })
+    return config
+  },
+  (error: any) => {
+    return Promise.reject(error)
+  }
+)
+export default axiosInstance
--- a/src/index.css
+++ b/src/index.css
+/* 300ms 延迟解决方案*/
+html {
+  touch-action: manipulation;
+}
 body {
-  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
    sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
 }
\ No newline at end of file
-code {
-  font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
-    monospace;
-}
--- a/yarn.lock
+++ b/yarn.lock
@@ -1010,7 +1010,7 @@
    "@babel/helper-validator-option" "^7.18.6"
    "@babel/plugin-transform-typescript" "^7.18.6"
-"@babel/runtime@^7.11.2", "@babel/runtime@^7.12.5", "@babel/runtime@^7.16.3", "@babel/runtime@^7.20.7", "@babel/runtime@^7.8.4":
+"@babel/runtime@^7.11.2", "@babel/runtime@^7.12.5", "@babel/runtime@^7.16.3", "@babel/runtime@^7.18.0", "@babel/runtime@^7.18.3", "@babel/runtime@^7.20.7", "@babel/runtime@^7.8.4":
  version "7.20.13"
  resolved "https://registry.npmmirror.com/@babel/runtime/-/runtime-7.20.13.tgz"
  integrity sha512-gt3PKXs0DBoL9xCvOIIZ2NEqAGZqHjAnmVbfQtB620V0uReIQutpel14KcneZuer7UioY8ALKZ7iocavvzTNFA==
@@ -1177,6 +1177,18 @@
    minimatch "^3.1.2"
    strip-json-comments "^3.1.1"
+"@floating-ui/core@^1.2.1":
+  version "1.2.1"
+  resolved "https://registry.npmmirror.com/@floating-ui/core/-/core-1.2.1.tgz#074182a1d277f94569c50a6b456e62585d463c8e"
+  integrity sha512-LSqwPZkK3rYfD7GKoIeExXOyYx6Q1O4iqZWwIehDNuv3Dv425FIAE8PRwtAx1imEolFTHgBEcoFHm9MDnYgPCg==
+"@floating-ui/dom@^1.0.6":
+  version "1.2.1"
+  resolved "https://registry.npmmirror.com/@floating-ui/dom/-/dom-1.2.1.tgz#8f93906e1a3b9f606ce78afb058e874344dcbe07"
+  integrity sha512-Rt45SmRiV8eU+xXSB9t0uMYiQ/ZWGE/jumse2o3i5RGlyvcbqOF4q+1qBnzLE2kZ5JGhq0iMkcGXUKbFe7MpTA==
+  dependencies:
+    "@floating-ui/core" "^1.2.1"
 "@humanwhocodes/config-array@^0.11.8":
  version "0.11.8"
  resolved "https://registry.npmmirror.com/@humanwhocodes/config-array/-/config-array-0.11.8.tgz"
@@ -1292,6 +1304,59 @@
    schema-utils "^3.0.0"
    source-map "^0.7.3"
+"@rc-component/mini-decimal@^1.0.1":
+  version "1.0.1"
+  resolved "https://registry.npmmirror.com/@rc-component/mini-decimal/-/mini-decimal-1.0.1.tgz#e5dbc20a6a5b0e234d279bc71ce730ab865d3910"
+  integrity sha512-9N8nRk0oKj1qJzANKl+n9eNSMUGsZtjwNuDCiZ/KA+dt1fE3zq5x2XxclRcAbOIXnZcJ53ozP2Pa60gyELXagA==
+  dependencies:
+    "@babel/runtime" "^7.18.0"
+"@react-spring/animated@~9.6.1":
+  version "9.6.1"
+  resolved "https://registry.npmmirror.com/@react-spring/animated/-/animated-9.6.1.tgz#ccc626d847cbe346f5f8815d0928183c647eb425"
+  integrity sha512-ls/rJBrAqiAYozjLo5EPPLLOb1LM0lNVQcXODTC1SMtS6DbuBCPaKco5svFUQFMP2dso3O+qcC4k9FsKc0KxMQ==
+  dependencies:
+    "@react-spring/shared" "~9.6.1"
+    "@react-spring/types" "~9.6.1"
+"@react-spring/core@~9.6.1":
+  version "9.6.1"
+  resolved "https://registry.npmmirror.com/@react-spring/core/-/core-9.6.1.tgz#ebe07c20682b360b06af116ea24e2b609e778c10"
+  integrity sha512-3HAAinAyCPessyQNNXe5W0OHzRfa8Yo5P748paPcmMowZ/4sMfaZ2ZB6e5x5khQI8NusOHj8nquoutd6FRY5WQ==
+  dependencies:
+    "@react-spring/animated" "~9.6.1"
+    "@react-spring/rafz" "~9.6.1"
+    "@react-spring/shared" "~9.6.1"
+    "@react-spring/types" "~9.6.1"
+"@react-spring/rafz@~9.6.1":
+  version "9.6.1"
+  resolved "https://registry.npmmirror.com/@react-spring/rafz/-/rafz-9.6.1.tgz#d71aafb92b78b24e4ff84639f52745afc285c38d"
+  integrity sha512-v6qbgNRpztJFFfSE3e2W1Uz+g8KnIBs6SmzCzcVVF61GdGfGOuBrbjIcp+nUz301awVmREKi4eMQb2Ab2gGgyQ==
+"@react-spring/shared@~9.6.1":
+  version "9.6.1"
+  resolved "https://registry.npmmirror.com/@react-spring/shared/-/shared-9.6.1.tgz#4e2e4296910656c02bd9fd54c559702bc836ac4e"
+  integrity sha512-PBFBXabxFEuF8enNLkVqMC9h5uLRBo6GQhRMQT/nRTnemVENimgRd+0ZT4yFnAQ0AxWNiJfX3qux+bW2LbG6Bw==
+  dependencies:
+    "@react-spring/rafz" "~9.6.1"
+    "@react-spring/types" "~9.6.1"
+"@react-spring/types@~9.6.1":
+  version "9.6.1"
+  resolved "https://registry.npmmirror.com/@react-spring/types/-/types-9.6.1.tgz#913d3a68c5cbc1124fdb18eff919432f7b6abdde"
+  integrity sha512-POu8Mk0hIU3lRXB3bGIGe4VHIwwDsQyoD1F394OK7STTiX9w4dG3cTLljjYswkQN+hDSHRrj4O36kuVa7KPU8Q==
+"@react-spring/web@^9.5.5":
+  version "9.6.1"
+  resolved "https://registry.npmmirror.com/@react-spring/web/-/web-9.6.1.tgz#3e4c03b724d2b545dc2fa2649eb6109318ab9178"
+  integrity sha512-X2zR6q2Z+FjsWfGAmAXlQaoUHbPmfuCaXpuM6TcwXPpLE1ZD4A1eys/wpXboFQmDkjnrlTmKvpVna1MjWpZ5Hw==
+  dependencies:
+    "@react-spring/animated" "~9.6.1"
+    "@react-spring/core" "~9.6.1"
+    "@react-spring/shared" "~9.6.1"
+    "@react-spring/types" "~9.6.1"
 "@rollup/plugin-babel@^5.2.0":
  version "5.3.1"
  resolved "https://registry.npmmirror.com/@rollup/plugin-babel/-/plugin-babel-5.3.1.tgz"
@@ -1547,6 +1612,11 @@
  dependencies:
    "@types/node" "*"
+"@types/js-cookie@^2.x.x":
+  version "2.2.7"
+  resolved "https://registry.npmmirror.com/@types/js-cookie/-/js-cookie-2.2.7.tgz#226a9e31680835a6188e887f3988e60c04d3f6a3"
+  integrity sha512-aLkWa0C0vO5b4Sr798E26QgOkss68Un0bLjs7u9qxzPT5CG+8DuNTffWES58YzJs3hrVAOs1wonycqEBqNJubA==
 "@types/json-schema@*", "@types/json-schema@^7.0.4", "@types/json-schema@^7.0.5", "@types/json-schema@^7.0.8", "@types/json-schema@^7.0.9":
  version "7.0.11"
  resolved "https://registry.npmmirror.com/@types/json-schema/-/json-schema-7.0.11.tgz"
@@ -1759,6 +1829,18 @@
    "@typescript-eslint/types" "5.49.0"
    eslint-visitor-keys "^3.3.0"
+"@use-gesture/core@10.2.20":
+  version "10.2.20"
+  resolved "https://registry.npmmirror.com/@use-gesture/core/-/core-10.2.20.tgz#b29e0aadd5e90336e599d849e50eef0e06aa28bf"
+  integrity sha512-4lFhHc8so4yIHkBEs641DnEsBxPyhJ5GEjB4PURFDH4p/FcZriH6w99knZgI63zN/MBFfylMyb8+PDuj6RIXKQ==
+"@use-gesture/react@10.2.20":
+  version "10.2.20"
+  resolved "https://registry.npmmirror.com/@use-gesture/react/-/react-10.2.20.tgz#2d556a62c22200507b9d478ce7159057004acb8d"
+  integrity sha512-KnJq9ZSqprWA6uNhWTUHZqTCh+rfa0j8ehTzqeBhktUPrmTj7yVOBvEQ/vSFU/7d72cGgWSsJ0f5T6GQCHXnvg==
+  dependencies:
+    "@use-gesture/core" "10.2.20"
 "@webassemblyjs/ast@1.11.1":
  version "1.11.1"
  resolved "https://registry.npmmirror.com/@webassemblyjs/ast/-/ast-1.11.1.tgz"
@@ -1950,6 +2032,26 @@ adjust-sourcemap-loader@^4.0.0:
    loader-utils "^2.0.0"
    regex-parser "^2.2.11"
+ahooks-v3-count@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.npmmirror.com/ahooks-v3-count/-/ahooks-v3-count-1.0.0.tgz#ddeb392e009ad6e748905b3cbf63a9fd8262ca80"
+  integrity sha512-V7uUvAwnimu6eh/PED4mCDjE7tokeZQLKlxg9lCTMPhN+NjsSbtdacByVlR1oluXQzD3MOw55wylDmQo4+S9ZQ==
+ahooks@^3.7.2:
+  version "3.7.4"
+  resolved "https://registry.npmmirror.com/ahooks/-/ahooks-3.7.4.tgz#25e76a989da324a855eb75758b789ab0644b7a59"
+  integrity sha512-hvgdqzPUKXn95mK3cGlDCi/ZZqv+FRibCUCFT8zW3hCwLGvixVfnHrIW2/2lgzPdLo8mLjp/XOdIJvcPvE2lgQ==
+  dependencies:
+    "@types/js-cookie" "^2.x.x"
+    ahooks-v3-count "^1.0.0"
+    dayjs "^1.9.1"
+    intersection-observer "^0.12.0"
+    js-cookie "^2.x.x"
+    lodash "^4.17.21"
+    resize-observer-polyfill "^1.5.1"
+    screenfull "^5.0.0"
+    tslib "^2.4.1"
 ajv-formats@^2.1.1:
  version "2.1.1"
  resolved "https://registry.npmmirror.com/ajv-formats/-/ajv-formats-2.1.1.tgz"
@@ -2028,6 +2130,39 @@ ansi-styles@^4.1.0:
  dependencies:
    color-convert "^2.0.1"
+antd-mobile-icons@^0.3.0:
+  version "0.3.0"
+  resolved "https://registry.npmmirror.com/antd-mobile-icons/-/antd-mobile-icons-0.3.0.tgz#9b29e4588a62370909061f10ff0579aabb0b32a9"
+  integrity sha512-rqINQpJWZWrva9moCd1Ye695MZYWmqLPE+bY8d2xLRy7iSQwPsinCdZYjpUPp2zL/LnKYSyXxP2ut2A+DC+whQ==
+antd-mobile-v5-count@^1.0.1:
+  version "1.0.1"
+  resolved "https://registry.npmmirror.com/antd-mobile-v5-count/-/antd-mobile-v5-count-1.0.1.tgz#85f20c46d1635c24e856bcf5ad55e8c98e44a523"
+  integrity sha512-YGsiEDCPUDz3SzfXi6gLZn/HpeSMW+jgPc4qiYUr1fSopg3hkUie2TnooJdExgfiETHefH3Ggs58He0OVfegLA==
+antd-mobile@^5.28.0:
+  version "5.28.0"
+  resolved "https://registry.npmmirror.com/antd-mobile/-/antd-mobile-5.28.0.tgz#4ac24da028abb32c4d87bb5fc86439c62843a9de"
+  integrity sha512-QRREY3476K3ulWvLla5/quYsXDdJTNU2WR3BbF8gAPU/lZeIR92q+CEMDNIAntB1ww87uERqPJCQBKqN2SqmVA==
+  dependencies:
+    "@floating-ui/dom" "^1.0.6"
+    "@rc-component/mini-decimal" "^1.0.1"
+    "@react-spring/web" "^9.5.5"
+    "@use-gesture/react" "10.2.20"
+    ahooks "^3.7.2"
+    antd-mobile-icons "^0.3.0"
+    antd-mobile-v5-count "^1.0.1"
+    classnames "^2.3.2"
+    dayjs "^1.11.6"
+    lodash "^4.17.21"
+    rc-field-form "~1.27.3"
+    rc-util "^5.24.8"
+    react-is "^17.0.2"
+    runes "^0.4.3"
+    staged-components "^1.1.3"
+    tslib "^2.4.1"
+    use-sync-external-store "^1.2.0"
 anymatch@~3.1.2:
  version "3.1.3"
  resolved "https://registry.npmmirror.com/anymatch/-/anymatch-3.1.3.tgz"
@@ -2120,11 +2255,21 @@ ast-types-flow@^0.0.7:
  resolved "https://registry.npmmirror.com/ast-types-flow/-/ast-types-flow-0.0.7.tgz"
  integrity sha512-eBvWn1lvIApYMhzQMsu9ciLfkBY499mFZlNqG+/9WR7PVlroQw0vG30cOQQbaKz3sCEc44TAOu2ykzqXSNnwag==
+async-validator@^4.1.0:
+  version "4.2.5"
+  resolved "https://registry.npmmirror.com/async-validator/-/async-validator-4.2.5.tgz#c96ea3332a521699d0afaaceed510a54656c6339"
+  integrity sha512-7HhHjtERjqlNbZtqNqy2rckN/SpOOlmDliet+lP7k+eKZEjPk3DgyeU9lIXLdeLz0uBbbVp+9Qdow9wJWgwwfg==
 async@^3.2.3:
  version "3.2.4"
  resolved "https://registry.npmmirror.com/async/-/async-3.2.4.tgz"
  integrity sha512-iAB+JbDEGXhyIUavoDl9WP/Jj106Kz9DEn1DPgYw5ruDn0e3Wgi3sKFm55sASdGBNOQB8F59d9qQ7deqrHA8wQ==
+asynckit@^0.4.0:
+  version "0.4.0"
+  resolved "https://registry.npmmirror.com/asynckit/-/asynckit-0.4.0.tgz#c79ed97f7f34cb8f2ba1bc9790bcc366474b4b79"
+  integrity sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==
 at-least-node@^1.0.0:
  version "1.0.0"
  resolved "https://registry.npmmirror.com/at-least-node/-/at-least-node-1.0.0.tgz"
@@ -2152,6 +2297,15 @@ axe-core@^4.6.2:
  resolved "https://registry.npmmirror.com/axe-core/-/axe-core-4.6.3.tgz"
  integrity sha512-/BQzOX780JhsxDnPpH4ZiyrJAzcd8AfzFPkv+89veFSr1rcMjuq2JDCwypKaPeB6ljHp9KjXhPpjgCvQlWYuqg==
+axios@^1.3.3:
+  version "1.3.3"
+  resolved "https://registry.npmmirror.com/axios/-/axios-1.3.3.tgz#e7011384ba839b885007c9c9fae1ff23dceb295b"
+  integrity sha512-eYq77dYIFS77AQlhzEL937yUBSepBfPIe8FcgEDN35vMNZKMrs81pgnyrQpwfy4NF4b4XWX1Zgx7yX+25w8QJA==
+  dependencies:
+    follow-redirects "^1.15.0"
+    form-data "^4.0.0"
+    proxy-from-env "^1.1.0"
 axobject-query@^3.1.1:
  version "3.1.1"
  resolved "https://registry.npmmirror.com/axobject-query/-/axobject-query-3.1.1.tgz"
@@ -2458,6 +2612,11 @@ chrome-trace-event@^1.0.2:
  resolved "https://registry.npmmirror.com/chrome-trace-event/-/chrome-trace-event-1.0.3.tgz"
  integrity sha512-p3KULyQg4S7NIHixdwbGX+nFHkoBiA4YQmyWtjb8XngSKV124nJmRysgAeujbUVb15vh+RvFUfCPqU7rXk+hZg==
+classnames@^2.3.2:
+  version "2.3.2"
+  resolved "https://registry.npmmirror.com/classnames/-/classnames-2.3.2.tgz#351d813bf0137fcc6a76a16b88208d2560a0d924"
+  integrity sha512-CSbhY4cFEJRe6/GQzIk5qXZ4Jeg5pcsP7b5peFSDpffpe1cqjASH/n9UTjBwOp6XpMSTwQ8Za2K5V02ueA7Tmw==
 clean-css@^5.2.2:
  version "5.3.2"
  resolved "https://registry.npmmirror.com/clean-css/-/clean-css-5.3.2.tgz"
@@ -2499,6 +2658,13 @@ colorette@^2.0.10:
  resolved "https://registry.npmmirror.com/colorette/-/colorette-2.0.19.tgz"
  integrity sha512-3tlv/dIP7FWvj3BsbHrGLJ6l/oKh1O3TcgBqMn+yyCagOxc23fyzDS6HypQbgxWbkpDnf52p1LuR4eWDQ/K9WQ==
+combined-stream@^1.0.8:
+  version "1.0.8"
+  resolved "https://registry.npmmirror.com/combined-stream/-/combined-stream-1.0.8.tgz#c3d45a8b34fd730631a110a8a2520682b31d5a7f"
+  integrity sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==
+  dependencies:
+    delayed-stream "~1.0.0"
 commander@^2.20.0:
  version "2.20.3"
  resolved "https://registry.npmmirror.com/commander/-/commander-2.20.3.tgz"
@@ -2799,6 +2965,11 @@ damerau-levenshtein@^1.0.8:
  resolved "https://registry.npmmirror.com/damerau-levenshtein/-/damerau-levenshtein-1.0.8.tgz"
  integrity sha512-sdQSFB7+llfUcQHUQO3+B8ERRj0Oa4w9POWMI/puGtuf7gFywGmkaLCElnudfTiKZV+NvHqL0ifzdrI8Ro7ESA==
+dayjs@^1.11.6, dayjs@^1.9.1:
+  version "1.11.7"
+  resolved "https://registry.npmmirror.com/dayjs/-/dayjs-1.11.7.tgz#4b296922642f70999544d1144a2c25730fce63e2"
+  integrity sha512-+Yw9U6YO5TQohxLcIkrXBeY73WP3ejHWVvx8XCk3gxvQDCTEmS48ZrSZCKciI7Bhl/uCMyxYtE9UqRILmFphkQ==
 debug@2.6.9, debug@^2.6.0:
  version "2.6.9"
  resolved "https://registry.npmmirror.com/debug/-/debug-2.6.9.tgz"
@@ -2878,6 +3049,11 @@ defined@^1.0.0:
  resolved "https://registry.npmmirror.com/defined/-/defined-1.0.1.tgz"
  integrity sha512-hsBd2qSVCRE+5PmNdHt1uzyrFu5d3RwmFDKzyNZMFq/EwDNJF7Ee5+D5oEKF0hU6LhtoUF1macFvOe4AskQC1Q==
+delayed-stream@~1.0.0:
+  version "1.0.0"
+  resolved "https://registry.npmmirror.com/delayed-stream/-/delayed-stream-1.0.0.tgz#df3ae199acadfb7d440aaae0b29e2272b24ec619"
+  integrity sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==
 depd@2.0.0:
  version "2.0.0"
  resolved "https://registry.npmmirror.com/depd/-/depd-2.0.0.tgz"
@@ -3661,7 +3837,7 @@ flatted@^3.1.0:
  resolved "https://registry.npmmirror.com/flatted/-/flatted-3.2.7.tgz"
  integrity sha512-5nqDSxl8nn5BSNxyR3n4I6eDmbolI6WT+QqR547RwxQapgjQBmtktdP+HTBb/a/zLsbzERTONyUB5pefh5TtjQ==
-follow-redirects@^1.0.0:
+follow-redirects@^1.0.0, follow-redirects@^1.15.0:
  version "1.15.2"
  resolved "https://registry.npmmirror.com/follow-redirects/-/follow-redirects-1.15.2.tgz"
  integrity sha512-VQLG33o04KaQ8uYi2tVNbdrWp1QWxNNea+nmIB4EVM28v0hmP17z7aG1+wAkNzVq4KeXTq3221ye5qTJP91JwA==
@@ -3692,6 +3868,15 @@ fork-ts-checker-webpack-plugin@^6.5.0:
    semver "^7.3.2"
    tapable "^1.0.0"
+form-data@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.npmmirror.com/form-data/-/form-data-4.0.0.tgz#93919daeaf361ee529584b9b31664dc12c9fa452"
+  integrity sha512-ETEklSGi5t0QMZuiXoA/Q6vcnxcLQP5vdugSpuAyi6SVGi2clPPp+xgEhuMaHC+zGgn31Kd235W35f7Hykkaww==
+  dependencies:
+    asynckit "^0.4.0"
+    combined-stream "^1.0.8"
+    mime-types "^2.1.12"
 forwarded@0.2.0:
  version "0.2.0"
  resolved "https://registry.npmmirror.com/forwarded/-/forwarded-0.2.0.tgz"
@@ -4169,6 +4354,11 @@ internal-slot@^1.0.3, internal-slot@^1.0.4:
    has "^1.0.3"
    side-channel "^1.0.4"
+intersection-observer@^0.12.0:
+  version "0.12.2"
+  resolved "https://registry.npmmirror.com/intersection-observer/-/intersection-observer-0.12.2.tgz#4a45349cc0cd91916682b1f44c28d7ec737dc375"
+  integrity sha512-7m1vEcPCxXYI8HqnL8CKI6siDyD+eIWSwgB3DZA+ZTogxk9I4CDnj4wilt9x/+/QbHI4YG5YZNmC6458/e9Ktg==
 ipaddr.js@1.9.1:
  version "1.9.1"
  resolved "https://registry.npmmirror.com/ipaddr.js/-/ipaddr.js-1.9.1.tgz"
@@ -4440,6 +4630,11 @@ jest-worker@^28.0.2:
    merge-stream "^2.0.0"
    supports-color "^8.0.0"
+js-cookie@^2.x.x:
+  version "2.2.1"
+  resolved "https://registry.npmmirror.com/js-cookie/-/js-cookie-2.2.1.tgz#69e106dc5d5806894562902aa5baec3744e9b2b8"
+  integrity sha512-HvdH2LzI/EAZcUwA8+0nKNtWHqS+ZmijLA30RwZA0bo7ToCckjK5MkGhjED9KoRcXO6BaGI3I9UIzSA1FKFPOQ==
 js-sdsl@^4.1.4:
  version "4.3.0"
  resolved "https://registry.npmmirror.com/js-sdsl/-/js-sdsl-4.3.0.tgz"
@@ -4752,7 +4947,7 @@ mime-db@1.52.0, "mime-db@>= 1.43.0 < 2":
  resolved "https://registry.npmmirror.com/mime-db/-/mime-db-1.52.0.tgz"
  integrity sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==
-mime-types@^2.1.27, mime-types@^2.1.31, mime-types@~2.1.17, mime-types@~2.1.24, mime-types@~2.1.34:
+mime-types@^2.1.12, mime-types@^2.1.27, mime-types@^2.1.31, mime-types@~2.1.17, mime-types@~2.1.24, mime-types@~2.1.34:
  version "2.1.35"
  resolved "https://registry.npmmirror.com/mime-types/-/mime-types-2.1.35.tgz"
  integrity sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==
@@ -5660,6 +5855,13 @@ postcss-pseudo-class-any-link@^7.1.6:
  dependencies:
    postcss-selector-parser "^6.0.10"
+postcss-px-to-viewport-8-plugin@^1.2.0:
+  version "1.2.0"
+  resolved "https://registry.npmmirror.com/postcss-px-to-viewport-8-plugin/-/postcss-px-to-viewport-8-plugin-1.2.0.tgz#debb211a790c5967c14cc4be8413d7c34343003f"
+  integrity sha512-3mbLHcJSb8LymP3zIsvwBkumkyfau5IMEGcn83dzELIRi83yKbIuJCKv3sDZW5XaJs3CntdncYugHWffbubCsg==
+  dependencies:
+    object-assign "^4.1.1"
 postcss-reduce-initial@^5.1.1:
  version "5.1.1"
  resolved "https://registry.npmmirror.com/postcss-reduce-initial/-/postcss-reduce-initial-5.1.1.tgz"
@@ -5827,6 +6029,11 @@ proxy-addr@~2.0.7:
    forwarded "0.2.0"
    ipaddr.js "1.9.1"
+proxy-from-env@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.npmmirror.com/proxy-from-env/-/proxy-from-env-1.1.0.tgz#e102f16ca355424865755d2c9e8ea4f24d58c3e2"
+  integrity sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg==
 punycode@^2.1.0:
  version "2.3.0"
  resolved "https://registry.npmmirror.com/punycode/-/punycode-2.3.0.tgz"
@@ -5878,6 +6085,23 @@ raw-body@2.5.1:
    iconv-lite "0.4.24"
    unpipe "1.0.0"
+rc-field-form@~1.27.3:
+  version "1.27.4"
+  resolved "https://registry.npmmirror.com/rc-field-form/-/rc-field-form-1.27.4.tgz#53600714af5b28c226c70d34867a8c52ccd64d44"
+  integrity sha512-PQColQnZimGKArnOh8V2907+VzDCXcqtFvHgevDLtqWc/P7YASb/FqntSmdS8q3VND5SHX3Y1vgMIzY22/f/0Q==
+  dependencies:
+    "@babel/runtime" "^7.18.0"
+    async-validator "^4.1.0"
+    rc-util "^5.8.0"
+rc-util@^5.24.8, rc-util@^5.8.0:
+  version "5.27.2"
+  resolved "https://registry.npmmirror.com/rc-util/-/rc-util-5.27.2.tgz#472a7bab26a62856c2c016d18dc6356e46d01012"
+  integrity sha512-8XHRbeJOWlTR2Hk1K2xLaPOf7lZu+3taskAGuqOPccA676vB3ygrz3ZgdrA3wml40CzR9RlIEHDWwI7FZT3wBQ==
+  dependencies:
+    "@babel/runtime" "^7.18.3"
+    react-is "^16.12.0"
 react-app-polyfill@^3.0.0:
  version "3.0.0"
  resolved "https://registry.npmmirror.com/react-app-polyfill/-/react-app-polyfill-3.0.0.tgz"
@@ -5933,11 +6157,16 @@ react-error-overlay@^6.0.11:
  resolved "https://registry.npmmirror.com/react-error-overlay/-/react-error-overlay-6.0.11.tgz"
  integrity sha512-/6UZ2qgEyH2aqzYZgQPxEnz33NJ2gNsnHA2o5+o4wW9bLM/JYQitNP9xPhsXwC08hMMovfGe/8retsdDsczPRg==
-react-is@^16.13.1:
+react-is@^16.12.0, react-is@^16.13.1:
  version "16.13.1"
  resolved "https://registry.npmmirror.com/react-is/-/react-is-16.13.1.tgz"
  integrity sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==
+react-is@^17.0.2:
+  version "17.0.2"
+  resolved "https://registry.npmmirror.com/react-is/-/react-is-17.0.2.tgz#e691d4a8e9c789365655539ab372762b0efb54f0"
+  integrity sha512-w2GsyukL62IJnlaff/nRegPQR94C/XXamvMWmSHRJ4y7Ts/4ocGRmTHvOs8PSE6pB3dWOrD/nueuU5sduBsQ4w==
 react-refresh@^0.11.0:
  version "0.11.0"
  resolved "https://registry.npmmirror.com/react-refresh/-/react-refresh-0.11.0.tgz"
@@ -6091,6 +6320,11 @@ requires-port@^1.0.0:
  resolved "https://registry.npmmirror.com/requires-port/-/requires-port-1.0.0.tgz"
  integrity sha512-KigOCHcocU3XODJxsu8i/j8T9tzT4adHiecwORRQ0ZZFcp7ahwXuRU1m+yuO90C5ZUyGeGfocHDI14M3L3yDAQ==
+resize-observer-polyfill@^1.5.1:
+  version "1.5.1"
+  resolved "https://registry.npmmirror.com/resize-observer-polyfill/-/resize-observer-polyfill-1.5.1.tgz#0e9020dd3d21024458d4ebd27e23e40269810464"
+  integrity sha512-LwZrotdHOo12nQuZlHEmtuXdqGoOD0OhaxopaNFxWzInpEgaLWoVuAMbTzixuosCx2nEG58ngzW3vxdWoxIgdg==
 resolve-from@^4.0.0:
  version "4.0.0"
  resolved "https://registry.npmmirror.com/resolve-from/-/resolve-from-4.0.0.tgz"
@@ -6166,6 +6400,11 @@ run-parallel@^1.1.9:
  dependencies:
    queue-microtask "^1.2.2"
+runes@^0.4.3:
+  version "0.4.3"
+  resolved "https://registry.npmmirror.com/runes/-/runes-0.4.3.tgz#32f7738844bc767b65cc68171528e3373c7bb355"
+  integrity sha512-K6p9y4ZyL9wPzA+PMDloNQPfoDGTiFYDvdlXznyGKgD10BJpcAosvATKrExRKOrNLgD8E7Um7WGW0lxsnOuNLg==
 safe-buffer@5.1.2, safe-buffer@~5.1.0, safe-buffer@~5.1.1:
  version "5.1.2"
  resolved "https://registry.npmmirror.com/safe-buffer/-/safe-buffer-5.1.2.tgz"
@@ -6256,6 +6495,11 @@ schema-utils@^4.0.0:
    ajv-formats "^2.1.1"
    ajv-keywords "^5.0.0"
+screenfull@^5.0.0:
+  version "5.2.0"
+  resolved "https://registry.npmmirror.com/screenfull/-/screenfull-5.2.0.tgz#6533d524d30621fc1283b9692146f3f13a93d1ba"
+  integrity sha512-9BakfsO2aUQN2K9Fdbj87RJIEZ82Q9IGim7FqM5OsebfoFC6ZHXgDq/KvniuLTPdeM8wY2o6Dj3WQ7KeQCj3cA==
 select-hose@^2.0.0:
  version "2.0.0"
  resolved "https://registry.npmmirror.com/select-hose/-/select-hose-2.0.0.tgz"
@@ -6478,6 +6722,11 @@ stackframe@^1.3.4:
  resolved "https://registry.npmmirror.com/stackframe/-/stackframe-1.3.4.tgz"
  integrity sha512-oeVtt7eWQS+Na6F//S4kJ2K2VbRlS9D43mAlMyVpVWovy9o+jfgH8O9agzANzaiLjclA0oYzUXEM4PurhSUChw==
+staged-components@^1.1.3:
+  version "1.1.3"
+  resolved "https://registry.npmmirror.com/staged-components/-/staged-components-1.1.3.tgz#bb5a396df2d9b48fbc31841a59f53437ed8b8ac6"
+  integrity sha512-9EIswzDqjwlEu+ymkV09TTlJfzSbKgEnNteUnZSTxkpMgr5Wx2CzzA9WcMFWBNCldqVPsHVnRGGrApduq2Se5A==
 statuses@2.0.1:
  version "2.0.1"
  resolved "https://registry.npmmirror.com/statuses/-/statuses-2.0.1.tgz"
@@ -6780,7 +7029,7 @@ tslib@^1.8.1:
  resolved "https://registry.npmmirror.com/tslib/-/tslib-1.14.1.tgz"
  integrity sha512-Xni35NKzjgMrwevysHTCArtLDpPvye8zV/0E4EyYn43P7/7qvQwPh9BGkHewbMulVntbigmcT7rdX3BNo9wRJg==
-tslib@^2.0.3:
+tslib@^2.0.3, tslib@^2.4.1:
  version "2.5.0"
  resolved "https://registry.npmmirror.com/tslib/-/tslib-2.5.0.tgz"
  integrity sha512-336iVw3rtn2BUK7ORdIAHTyxHGRIHVReokCR3XjbckJMK7ms8FysBfhLR8IXnAgy7T0PTPNBWKiH514FOW/WSg==
@@ -6901,6 +7150,11 @@ uri-js@^4.2.2:
  dependencies:
    punycode "^2.1.0"
+use-sync-external-store@^1.2.0:
+  version "1.2.0"
+  resolved "https://registry.npmmirror.com/use-sync-external-store/-/use-sync-external-store-1.2.0.tgz#7dbefd6ef3fe4e767a0cf5d7287aacfb5846928a"
+  integrity sha512-eEgnFxGQ1Ife9bzYs6VLi8/4X6CObHMw9Qr9tPY43iKwsPw8xE8+EFsf/2cFZ5S3esXgpWgtSCtLNS41F+sKPA==
 util-deprecate@^1.0.1, util-deprecate@^1.0.2, util-deprecate@~1.0.1:
  version "1.0.2"
  resolved "https://registry.npmmirror.com/util-deprecate/-/util-deprecate-1.0.2.tgz"