f

apps/com.awspaas.user.apps.managesite/monitor/css/308.6da27b04.css

@@ -0,0 +1 @@
+.camera-item[data-v-4d5cf730]{background-color:#fff;border-radius:1.33333vw;margin-bottom:2.66667vw;position:relative}.camera-item .camera-name[data-v-4d5cf730]{display:flex;justify-content:center;align-items:center;position:absolute;background-color:#c6c6c6;border-radius:1.33333vw 0 1.33333vw 0;color:#fff;top:0;left:0;font-size:2.66667vw;height:6.66667vw;width:21.33333vw;z-index:99}.camera-item .camera-player[data-v-4d5cf730]{width:100%;height:53.33333vw;border-radius:1.33333vw}.camera-item .overlay[data-v-4d5cf730]{width:100%;height:100%;position:absolute;left:0;top:0;display:flex;align-items:center;justify-content:center;z-index:99}.camera-item .modal-overlay[data-v-4d5cf730]{width:100vw;height:100vh;position:fixed;left:0;top:0;z-index:999;background-color:hsla(0,0%,60%,.363)}.camera-item .modal-overlay .modal[data-v-4d5cf730]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:90vw;background-color:#fff;border-radius:2vw}page{background-color:#f6f6f6}.nav-bar[data-v-0dd6cab5]{top:0;width:100vw;z-index:9999;height:11.73333vw;background:linear-gradient(to top right,#496df6,#2e9ee8);display:flex;align-items:center;justify-content:center;color:#fff;font-size:4.26667vw;position:fixed}.camera-list[data-v-0dd6cab5]{padding:0 2.66667vw 0}

apps/com.awspaas.user.apps.managesite/monitor/css/403.f2146c4a.css

@@ -0,0 +1 @@
+.app-container[data-v-89e61e88]{height:100vh;display:flex;flex-direction:column}.nav-bar[data-v-89e61e88]{width:100vw;height:11.73333vw;background:linear-gradient(to top right,#496df6,#2e9ee8);display:flex;align-items:center;justify-content:center;color:#fff;font-size:4.26667vw;position:fixed}.site-list[data-v-89e61e88]{flex:1;margin-top:2.66667vw;padding-bottom:3.73333vw}.site-list .site-item[data-v-89e61e88]{margin-left:2.13333vw;margin-right:2.13333vw;border-radius:1.06667vw;background-color:#fff}.site-list .site-item[data-v-89e61e88]:not(:last-child){margin-bottom:5.33333vw}.site-list .site-item .site-title[data-v-89e61e88]{background-color:#949494;width:16vw;height:5.33333vw;line-height:2.66667vw;border-radius:1.06667vw 0 2.4vw 0;display:flex;justify-content:center;align-items:center}.site-list .site-item .site-title text[data-v-89e61e88]{font-family:YSBiaoTiHei-regular;color:#fff;font-size:2.66667vw}.site-list .site-item .camera-list[data-v-89e61e88]{padding:0 2.66667vw 0;margin-top:1.6vw;white-space:nowrap;display:flex;justify-content:space-between}.site-list .site-item .camera-list .camera-item .camera-image[data-v-89e61e88]{width:26.66667vw;height:18.66667vw}.site-list .site-item .camera-list .camera-item .camera-title[data-v-89e61e88]{font-size:2.66667vw;text-align:center}.site-list .site-item .site-time[data-v-89e61e88]{padding-right:2.66667vw;margin-top:3.46667vw;border-radius:0 0 1.06667vw 1.06667vw;text-align:right;height:4vw;font-size:2.66667vw;color:#fff;background-color:#d7d7d7}#proj-select[data-v-89e61e88]{border:none;box-shadow:inset 0 0 0 .013333rem #dcdfe6;height:10vw;border-radius:1vw;margin:2vw 2vw 5vw 2vw;outline:none}.empty[data-v-89e61e88]{flex-grow:1;display:flex;flex-direction:column;align-items:center;justify-content:center}.empty img[data-v-89e61e88]{width:80%}

apps/com.awspaas.user.apps.managesite/monitor/css/app.917e69e6.css

@@ -0,0 +1,2 @@
+#app{background-color:#f6f6f6}
+/*! modern-normalize v1.1.0 | MIT License | https://github.com/sindresorhus/modern-normalize */*,:after,:before{box-sizing:border-box}html{-moz-tab-size:4;tab-size:4;line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji}hr{height:0;color:inherit}abbr[title]{text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}::-moz-focus-inner{border-style:none;padding:0}:-moz-focusring{outline:1px dotted ButtonText}:-moz-ui-invalid{box-shadow:none}legend{padding:0}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-.26667vw}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}

apps/com.awspaas.user.apps.managesite/monitor/js/403.38924796.js

@@ -0,0 +1,2 @@
+"use strict";(self["webpackChunkmonitor"]=self["webpackChunkmonitor"]||[]).push([[403],{2980:function(a,e,m){m.r(e),m.d(e,{default:function(){return k}});var A=m(3396),i=m(7139),t=m(9242),n="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAATsAAADbCAMAAAAlMcbDAAAAQlBMVEXo6OgzMzOOjo53d3eCgoJVVVXd3d0+Pj6ZmZlKSkrGxsavr6+7u7vR0dGkpKRsbGxgYGBzc3M3NzdHR0dmZmZAQEDQm3gvAAABrUlEQVR4nO3aya6iQABA0Yc8mUR7/v9fbYpS5AFVJvYCOjlno4YNuSmtAT8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAgP9P1TentMvet3dk3bnIaru97/CwqhfpiqLe+xYP6/IqXVE0e9/jUTVDnHOZFEbl5973eFSnIU6ZvvypXZp279PufbN2XbW+rF3G1C6s89YDULuMqd24zlvF0y7j0a7bXgdrl/FoV43tzsvL2mVM39lvm1sI7TKe82zZnte7L+0yrO/et9Wu6m/9/a12GRvt+jbMGtfxvXYZ63ZNHY+ebuGDdhmrdo90sZl2Gct24TxvWCPH1V6nXc6iXWgVasXXotEu40u7qpwO2fs49H5plzZvF9PV4yTxUX2f/+6xYdauGrdl9fRENlzSLuPZbpluOFsJCz3tkqZ21/EAb55uMH6JtUuYzu/GMdbG3cRT+NHTLuHeLqa7b8RmrFEyQru2/P0zpPvzY/VsOyTVLsF/Kv5BnEsz6o1Hj4yuL+ItZl6+uGT+uni6GXUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADAXyLwB69VN3R2AAAAAElFTkSuQmCC",r=m.p+"../apps/com.awspaas.user.apps.managesite/monitor/img/empty.e6141d4d.png";const s=a=>((0,A.dD)("data-v-89e61e88"),a=a(),(0,A.Cn)(),a),c={class:"app-container"},l=s((()=>(0,A._)("option",{value:""},"请选择项目",-1))),d=["value"],o={key:0,class:"site-list"},u={class:"site-title"},p={class:"camera-list"},v=s((()=>(0,A._)("img",{class:"camera-image",src:n,mode:""},null,-1))),g={class:"camera-title"},w={class:"site-time"},_={key:1,class:"empty"},b=s((()=>(0,A._)("img",{src:r,alt:""},null,-1))),z=(0,A.Uk)(" 请选择项目 "),G=[b,z];function V(a,e,m,n,r,s){return(0,A.wg)(),(0,A.iD)("div",c,[(0,A.wy)((0,A._)("select",{name:"pets","onUpdate:modelValue":e[0]||(e[0]=a=>r.proid=a),id:"proj-select"},[l,((0,A.wg)(!0),(0,A.iD)(A.HY,null,(0,A.Ko)(r.projectList,(a=>((0,A.wg)(),(0,A.iD)("option",{value:a.id},(0,i.zw)(a.name),9,d)))),256))],512),[[t.bM,r.proid]]),r.proid?((0,A.wg)(),(0,A.iD)("div",o,[((0,A.wg)(!0),(0,A.iD)(A.HY,null,(0,A.Ko)(r.siteList,(a=>((0,A.wg)(),(0,A.iD)("div",{class:"site-item",key:a.id,onClick:e[1]||(e[1]=(...a)=>s.routerGo&&s.routerGo(...a))},[(0,A._)("div",u,[(0,A._)("text",null,(0,i.zw)(a.name),1)]),(0,A._)("div",p,[((0,A.wg)(!0),(0,A.iD)(A.HY,null,(0,A.Ko)(a.camera_list,((a,e)=>((0,A.wg)(),(0,A.iD)("div",{class:"camera-item",key:e},[v,(0,A._)("div",g,(0,i.zw)(a.name),1)])))),128))]),(0,A._)("div",w,[(0,A._)("text",null,(0,i.zw)(a.time),1)])])))),128))])):((0,A.wg)(),(0,A.iD)("div",_,G))])}m(7658);var y={components:{},mounted(){},data(){return{proid:"",projectList:[{name:"测试办公楼扩建",id:1},{name:"项目二",id:2},{name:"项目三",id:3}],siteList:[{id:1,name:"项目场地1",time:"2022-09-12 12:12:12",camera_list:[{name:"camera1"},{name:"camera1"},{name:"camera1"}]},{id:2,name:"项目场地2",time:"2022-09-12 12:12:12",camera_list:[{name:"camera1"},{name:"camera1"},{name:"camera1"}]},{id:3,name:"项目场地2",time:"2022-09-12 12:12:12",camera_list:[{name:"camera1"},{name:"camera1"},{name:"camera1"}]},{id:4,name:"项目场地2",time:"2022-09-12 12:12:12",camera_list:[{name:"camera1"},{name:"camera1"},{name:"camera1"}]},{id:5,name:"项目场地2",time:"2022-09-12 12:12:12",camera_list:[{name:"camera1"},{name:"camera1"},{name:"camera1"}]},{id:6,name:"项目场地2",time:"2022-09-12 12:12:12",camera_list:[{name:"camera1"},{name:"camera1"},{name:"camera1"}]},{id:7,name:"项目场地2",time:"2022-09-12 12:12:12",camera_list:[{name:"camera1"},{name:"camera1"},{name:"camera1"}]},{id:8,name:"项目场地2",time:"2022-09-12 12:12:12",camera_list:[{name:"camera1"},{name:"camera1"},{name:"camera1"}]}]}},methods:{routerGo(){console.log("detail"),this.$router.push({path:"/detail",query:{proname:this.projectList.find((a=>a.id==this.proid)).name}})}}},D=m(89);const Z=(0,D.Z)(y,[["render",V],["__scopeId","data-v-89e61e88"]]);var k=Z}}]);
+//# sourceMappingURL=403.38924796.js.map

apps/com.awspaas.user.apps.managesite/monitor/js/app.b413f5f8.js

@@ -0,0 +1,2 @@
+(function(){"use strict";var e={2763:function(e,n,t){var r=t(9242),o=t(3396);function i(e,n,t,r,i,u){const a=(0,o.up)("router-view");return(0,o.wg)(),(0,o.j4)(a)}var u={name:"App",components:{}},a=t(89);const c=(0,a.Z)(u,[["render",i]]);var f=c,s=t(2483);const l=[{path:"/",component:()=>t.e(403).then(t.bind(t,2980))},{path:"/detail",component:()=>t.e(308).then(t.bind(t,3308))}],d=(0,s.p7)({history:(0,s.r5)(),routes:l});(0,r.ri)(f).use(d).mount("#app")}},n={};function t(r){var o=n[r];if(void 0!==o)return o.exports;var i=n[r]={exports:{}};return e[r](i,i.exports,t),i.exports}t.m=e,function(){var e=[];t.O=function(n,r,o,i){if(!r){var u=1/0;for(s=0;s<e.length;s++){r=e[s][0],o=e[s][1],i=e[s][2];for(var a=!0,c=0;c<r.length;c++)(!1&i||u>=i)&&Object.keys(t.O).every((function(e){return t.O[e](r[c])}))?r.splice(c--,1):(a=!1,i<u&&(u=i));if(a){e.splice(s--,1);var f=o();void 0!==f&&(n=f)}}return n}i=i||0;for(var s=e.length;s>0&&e[s-1][2]>i;s--)e[s]=e[s-1];e[s]=[r,o,i]}}(),function(){t.n=function(e){var n=e&&e.__esModule?function(){return e["default"]}:function(){return e};return t.d(n,{a:n}),n}}(),function(){t.d=function(e,n){for(var r in n)t.o(n,r)&&!t.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:n[r]})}}(),function(){t.f={},t.e=function(e){return Promise.all(Object.keys(t.f).reduce((function(n,r){return t.f[r](e,n),n}),[]))}}(),function(){t.u=function(e){return"../apps/com.awspaas.user.apps.managesite/monitor/js/"+e+"."+{308:"afcd382f",403:"38924796"}[e]+".js"}}(),function(){t.miniCssF=function(e){return"../apps/com.awspaas.user.apps.managesite/monitor/css/"+e+"."+{308:"6da27b04",403:"f2146c4a"}[e]+".css"}}(),function(){t.g=function(){if("object"===typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"===typeof window)return window}}()}(),function(){t.o=function(e,n){return Object.prototype.hasOwnProperty.call(e,n)}}(),function(){var e={},n="monitor:";t.l=function(r,o,i,u){if(e[r])e[r].push(o);else{var a,c;if(void 0!==i)for(var f=document.getElementsByTagName("script"),s=0;s<f.length;s++){var l=f[s];if(l.getAttribute("src")==r||l.getAttribute("data-webpack")==n+i){a=l;break}}a||(c=!0,a=document.createElement("script"),a.charset="utf-8",a.timeout=120,t.nc&&a.setAttribute("nonce",t.nc),a.setAttribute("data-webpack",n+i),a.src=r),e[r]=[o];var d=function(n,t){a.onerror=a.onload=null,clearTimeout(p);var o=e[r];if(delete e[r],a.parentNode&&a.parentNode.removeChild(a),o&&o.forEach((function(e){return e(t)})),n)return n(t)},p=setTimeout(d.bind(null,void 0,{type:"timeout",target:a}),12e4);a.onerror=d.bind(null,a.onerror),a.onload=d.bind(null,a.onload),c&&document.head.appendChild(a)}}}(),function(){t.r=function(e){"undefined"!==typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})}}(),function(){t.p=""}(),function(){var e=function(e,n,t,r){var o=document.createElement("link");o.rel="stylesheet",o.type="text/css";var i=function(i){if(o.onerror=o.onload=null,"load"===i.type)t();else{var u=i&&("load"===i.type?"missing":i.type),a=i&&i.target&&i.target.href||n,c=new Error("Loading CSS chunk "+e+" failed.\n("+a+")");c.code="CSS_CHUNK_LOAD_FAILED",c.type=u,c.request=a,o.parentNode.removeChild(o),r(c)}};return o.onerror=o.onload=i,o.href=n,document.head.appendChild(o),o},n=function(e,n){for(var t=document.getElementsByTagName("link"),r=0;r<t.length;r++){var o=t[r],i=o.getAttribute("data-href")||o.getAttribute("href");if("stylesheet"===o.rel&&(i===e||i===n))return o}var u=document.getElementsByTagName("style");for(r=0;r<u.length;r++){o=u[r],i=o.getAttribute("data-href");if(i===e||i===n)return o}},r=function(r){return new Promise((function(o,i){var u=t.miniCssF(r),a=t.p+u;if(n(u,a))return o();e(r,a,o,i)}))},o={143:0};t.f.miniCss=function(e,n){var t={308:1,403:1};o[e]?n.push(o[e]):0!==o[e]&&t[e]&&n.push(o[e]=r(e).then((function(){o[e]=0}),(function(n){throw delete o[e],n})))}}(),function(){var e={143:0};t.f.j=function(n,r){var o=t.o(e,n)?e[n]:void 0;if(0!==o)if(o)r.push(o[2]);else{var i=new Promise((function(t,r){o=e[n]=[t,r]}));r.push(o[2]=i);var u=t.p+t.u(n),a=new Error,c=function(r){if(t.o(e,n)&&(o=e[n],0!==o&&(e[n]=void 0),o)){var i=r&&("load"===r.type?"missing":r.type),u=r&&r.target&&r.target.src;a.message="Loading chunk "+n+" failed.\n("+i+": "+u+")",a.name="ChunkLoadError",a.type=i,a.request=u,o[1](a)}};t.l(u,c,"chunk-"+n,n)}},t.O.j=function(n){return 0===e[n]};var n=function(n,r){var o,i,u=r[0],a=r[1],c=r[2],f=0;if(u.some((function(n){return 0!==e[n]}))){for(o in a)t.o(a,o)&&(t.m[o]=a[o]);if(c)var s=c(t)}for(n&&n(r);f<u.length;f++)i=u[f],t.o(e,i)&&e[i]&&e[i][0](),e[i]=0;return t.O(s)},r=self["webpackChunkmonitor"]=self["webpackChunkmonitor"]||[];r.forEach(n.bind(null,0)),r.push=n.bind(null,r.push.bind(r))}();var r=t.O(void 0,[998],(function(){return t(2763)}));r=t.O(r)})();
+//# sourceMappingURL=app.b413f5f8.js.map

package.json

@@ -9,7 +9,10 @@
   },
   "dependencies": {
     "core-js": "^3.8.3",
-    "vue": "^3.2.13"
+    "flv.js": "^1.6.2",
+    "modern-normalize": "^1.1.0",
+    "vue": "^3.2.13",
+    "vue-router": "^4.1.5"
   },
   "devDependencies": {
     "@babel/core": "^7.12.16",
@@ -18,7 +21,11 @@
     "@vue/cli-plugin-eslint": "~5.0.0",
     "@vue/cli-service": "~5.0.0",
     "eslint": "^7.32.0",
-    "eslint-plugin-vue": "^8.0.3"
+    "eslint-plugin-vue": "^8.0.3",
+    "postcss-px-to-viewport": "^1.1.1",
+    "postcss-px2rem-exclude": "^0.0.6",
+    "sass": "^1.54.9",
+    "sass-loader": "^13.0.2"
   },
   "eslintConfig": {
     "root": true,

postcss.config.js

@@ -0,0 +1,13 @@
+// postcss.config.js
+module.exports = {
+  plugins: {
+    "postcss-px-to-viewport": {
+      viewportWidth: 750,
+      //   exclude: ["/node_modules"],
+    },
+    "postcss-px2rem-exclude": {
+      remUnit: 75,
+      exclude: /node_modules|folder_name/i,
+    },
+  },
+};

public/index.html

@@ -1,15 +1,20 @@
 <!DOCTYPE html>
 <html lang="">
   <head>
-    <meta charset="utf-8">
+    <meta charset="utf-8" />
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
-    <meta name="viewport" content="width=device-width,initial-scale=1.0">
+    <meta name="viewport" content="width=device-width,initial-scale=1.0" />
-    <link rel="icon" href="<%= BASE_URL %>favicon.ico">
+    <link rel="icon" href="<%= BASE_URL %>favicon.ico" />
-    <title><%= htmlWebpackPlugin.options.title %></title>
+    <!-- <title><%= htmlWebpackPlugin.options.title %></title> -->
+    <title>视频监控</title>
   </head>
   <body>
     <noscript>
-      <strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
+      <strong
+        >We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work
+        properly without JavaScript enabled. Please enable it to
+        continue.</strong
+      >
     </noscript>
     <div id="app"></div>
     <!-- built files will be auto injected -->

src/App.vue

@@ -1,26 +1,34 @@
 <template>
-  <img alt="Vue logo" src="./assets/logo.png">
+  <!-- <img alt="Vue logo" src="./assets/logo.png"> -->
-  <HelloWorld msg="Welcome to Your Vue.js App"/>
+  <!-- <HelloWorld msg="Welcome to Your Vue.js App" /> -->
+  <!-- <SiteDetail></SiteDetail> -->
+  <router-view></router-view>
 </template>
 
 <script>
-import HelloWorld from './components/HelloWorld.vue'
+// import HelloWorld from "./components/HelloWorld.vue";
+// import SiteDetail from "./components/site-detail.vue";
+// import SiteDetail from "./components/site-detail.vue";
 
 export default {
-  name: 'App',
+  name: "App",
   components: {
-    HelloWorld
+    // HelloWorld,
-  }
+    // SiteDetail,
-}
+  },
+};
 </script>
 
 <style>
 #app {
+  background-color: #f6f6f6;
+}
+/* #app {
   font-family: Avenir, Helvetica, Arial, sans-serif;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   text-align: center;
   color: #2c3e50;
   margin-top: 60px;
-}
+} */
 </style>

src/components/HelloWorld.vue

@@ -1,58 +1,368 @@
 <template>
-  <div class="hello">
+  <div class="app-container">
-    <h1>{{ msg }}</h1>
+    <!-- <div
-    <p>
+      class="navbar"
-      For a guide and recipes on how to configure / customize this project,<br>
+      style="width: 750px; height: 100px; background-color: indianred"
-      check out the
+    ></div> -->
-      <a href="https://cli.vuejs.org" target="_blank" rel="noopener">vue-cli documentation</a>.
+    <!-- <div class="page-top">
-    </p>
+      <u-navbar
-    <h3>Installed CLI Plugins</h3>
+        title="视频监控"
-    <ul>
+        placeholder
-      <li><a href="https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-babel" target="_blank" rel="noopener">babel</a></li>
+        bgColor="transparent"
-      <li><a href="https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-eslint" target="_blank" rel="noopener">eslint</a></li>
+        :leftIcon="null"
-    </ul>
+        titleStyle="color:white"
-    <h3>Essential Links</h3>
+      >
-    <ul>
+      </u-navbar>
-      <li><a href="https://vuejs.org" target="_blank" rel="noopener">Core Docs</a></li>
+      <div class="search-bar">
-      <li><a href="https://forum.vuejs.org" target="_blank" rel="noopener">Forum</a></li>
+        <u--input
-      <li><a href="https://chat.vuejs.org" target="_blank" rel="noopener">Community Chat</a></li>
+          placeholder="请输入摄像头名称"
-      <li><a href="https://twitter.com/vuejs" target="_blank" rel="noopener">Twitter</a></li>
+          prefixIcon="search"
-      <li><a href="https://news.vuejs.org" target="_blank" rel="noopener">News</a></li>
+          prefixIconStyle="font-size: 32px;color: #909399"
-    </ul>
+        >
-    <h3>Ecosystem</h3>
+        </u--input>
-    <ul>
+      </div>
-      <li><a href="https://router.vuejs.org" target="_blank" rel="noopener">vue-router</a></li>
+    </div> -->
-      <li><a href="https://vuex.vuejs.org" target="_blank" rel="noopener">vuex</a></li>
+    <!-- <div class="sized-box" style="height: var(--status-bar-height)"></div> -->
-      <li><a href="https://github.com/vuejs/vue-devtools#vue-devtools" target="_blank" rel="noopener">vue-devtools</a></li>
+    <!-- <van-nav-bar title="视频监控" left-text="返回" left-arrow /> -->
-      <li><a href="https://vue-loader.vuejs.org" target="_blank" rel="noopener">vue-loader</a></li>
+    <!-- <div class="nav-bar">
-      <li><a href="https://github.com/vuejs/awesome-vue" target="_blank" rel="noopener">awesome-vue</a></li>
+      <div class="center-title">视频监控</div>
-    </ul>
+    </div> -->
+
+    <!-- <div class="sized-box" style="height: 60px"></div> -->
+    <!-- <van-field></van-field> -->
+    <select name="pets" v-model="proid" id="proj-select">
+      <option value="">请选择项目</option>
+      <option v-for="item in projectList" :value="item.id">
+        {{ item.name }}
+      </option>
+    </select>
+    <div v-if="proid" class="site-list">
+      <!-- <navigator url="/pages/monitor/site-detail/site-detail"> -->
+      <div
+        class="site-item"
+        v-for="item in siteList"
+        :key="item.id"
+        @click="routerGo"
+      >
+        <div class="site-title">
+          <text>{{ item.name }}</text>
+        </div>
+        <div class="camera-list">
+          <div
+            class="camera-item"
+            v-for="(cameraItem, index) in item.camera_list"
+            :key="index"
+          >
+            <img
+              class="camera-image"
+              src="../assets/camera_example.png"
+              mode=""
+            />
+            <div class="camera-title">
+              {{ cameraItem.name }}
+            </div>
+          </div>
+        </div>
+        <div class="site-time">
+          <text>{{ item.time }}</text>
+        </div>
+      </div>
+      <!-- </navigator> -->
+    </div>
+    <div v-else class="empty">
+      <img src="../assets/empty.png" alt="" />
+      请选择项目
+    </div>
   </div>
 </template>
 
 <script>
+// import { Field, CellGroup } from 'vant';
+// import { NavBar, Field } from "vant";
+
+// import { query } from "express";
+
+// import { router } from "vue-router";
 export default {
-  name: 'HelloWorld',
+  components: {
-  props: {
+    // [NavBar.name]: NavBar,
-    msg: String
+    // [Field.name]: Field,
+  },
+  mounted() {},
+  data() {
+    return {
+      proid: "",
+      projectList: [
+        {
+          name: "测试办公楼扩建",
+          id: 1,
+        },
+        {
+          name: "项目二",
+          id: 2,
+        },
+        {
+          name: "项目三",
+          id: 3,
+        },
+      ],
+      siteList: [
+        {
+          id: 1,
+          name: "项目场地1",
+          time: "2022-09-12 12:12:12",
+          camera_list: [
+            {
+              name: "camera1",
+            },
+            {
+              name: "camera1",
+            },
+            {
+              name: "camera1",
+            },
+          ],
+        },
+        {
+          id: 2,
+          name: "项目场地2",
+          time: "2022-09-12 12:12:12",
+          camera_list: [
+            {
+              name: "camera1",
+            },
+            {
+              name: "camera1",
+            },
+            {
+              name: "camera1",
+            },
+          ],
+        },
+        {
+          id: 3,
+          name: "项目场地2",
+          time: "2022-09-12 12:12:12",
+          camera_list: [
+            {
+              name: "camera1",
+            },
+            {
+              name: "camera1",
+            },
+            {
+              name: "camera1",
+            },
+          ],
+        },
+        {
+          id: 4,
+          name: "项目场地2",
+          time: "2022-09-12 12:12:12",
+          camera_list: [
+            {
+              name: "camera1",
+            },
+            {
+              name: "camera1",
+            },
+            {
+              name: "camera1",
+            },
+          ],
+        },
+        {
+          id: 5,
+          name: "项目场地2",
+          time: "2022-09-12 12:12:12",
+          camera_list: [
+            {
+              name: "camera1",
+            },
+            {
+              name: "camera1",
+            },
+            {
+              name: "camera1",
+            },
+          ],
+        },
+        {
+          id: 6,
+          name: "项目场地2",
+          time: "2022-09-12 12:12:12",
+          camera_list: [
+            {
+              name: "camera1",
+            },
+            {
+              name: "camera1",
+            },
+            {
+              name: "camera1",
+            },
+          ],
+        },
+        {
+          id: 7,
+          name: "项目场地2",
+          time: "2022-09-12 12:12:12",
+          camera_list: [
+            {
+              name: "camera1",
+            },
+            {
+              name: "camera1",
+            },
+            {
+              name: "camera1",
+            },
+          ],
+        },
+        {
+          id: 8,
+          name: "项目场地2",
+          time: "2022-09-12 12:12:12",
+          camera_list: [
+            {
+              name: "camera1",
+            },
+            {
+              name: "camera1",
+            },
+            {
+              name: "camera1",
+            },
+          ],
+        },
+      ],
+    };
+  },
+  methods: {
+    routerGo() {
+      console.log("detail");
+      // this.$router.push("/detail");
+      this.$router.push({
+        path: "/detail",
+        query: {
+          proname: this.projectList.find((el) => el.id == this.proid).name,
+        },
+      });
+      // router.push("/detail");
+      // uni.navigateTo({
+      //   url: "/pages/monitor/site-detail/site-detail",
+      // });
+    },
+  },
+};
+</script>
+<style>
+/* body {
+  background-color: #f6f6f6;
+} */
+</style>
+<style scoped lang="scss">
+.app-container {
+  height: 100vh;
+  display: flex;
+  flex-direction: column;
+}
+.nav-bar {
+  width: 750px;
+  height: 88px;
+  background: linear-gradient(to top right, #496df6, #2e9ee8);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: white;
+  font-size: 32px;
+  position: fixed;
+}
+.site-list {
+  flex: 1;
+  margin-top: 20px;
+  padding-bottom: 28px;
+
+  .site-item {
+    margin-left: 16px;
+    margin-right: 16px;
+    border-radius: 8px;
+    background-color: #fff;
+
+    &:not(:last-child) {
+      margin-bottom: 40px;
+    }
+
+    .site-title {
+      background-color: #949494;
+      width: 120px;
+      height: 40px;
+      line-height: 20px;
+      border-radius: 8px 0px 18px 0px;
+      display: flex;
+      justify-content: center;
+      align-items: center;
+
+      text {
+        font-family: YSBiaoTiHei-regular;
+        color: white;
+        font-size: 20px;
+      }
+    }
+
+    .camera-list {
+      padding: 0 20px 0;
+      margin-top: 12px;
+      white-space: nowrap;
+      // width: 100%;
+      display: flex;
+      justify-content: space-between;
+
+      .camera-item {
+        // background-color: aquamarine;
+
+        .camera-image {
+          width: 200px;
+          height: 140px;
+        }
+
+        .camera-title {
+          font-size: 20px;
+          text-align: center;
+        }
+      }
+    }
+
+    .site-time {
+      padding-right: 20px;
+      margin-top: 26px;
+      border-radius: 0 0 8px 8px;
+      text-align: right;
+      height: 30px;
+      font-size: 20px;
+      color: #fff;
+      background-color: #d7d7d7;
+    }
   }
 }
-</script>
+#proj-select {
-
+  border: none;
-<!-- Add "scoped" attribute to limit CSS to this component only -->
+  box-shadow: 0 0 0 1px #dcdfe6 inset;
-<style scoped>
+  height: 10vw;
-h3 {
+  border-radius: 1vw;
-  margin: 40px 0 0;
+  margin: 2vw 2vw 5vw 2vw;
+  outline: none;
 }
-ul {
+.empty {
-  list-style-type: none;
+  // flex: 1;
-  padding: 0;
+  flex-grow: 1;
-}
+  display: flex;
-li {
+  flex-direction: column;
-  display: inline-block;
+  align-items: center;
-  margin: 0 10px;
+  justify-content: center;
-}
+  img {
-a {
+    width: 80%;
-  color: #42b983;
+  }
+  // height:80vh;
 }
 </style>

src/components/camera.vue

@@ -0,0 +1,159 @@
+<template>
+  <div class="camera-item">
+    <div class="camera-name">
+      {{ props.name }}
+    </div>
+    <video class="camera-player"></video>
+    <div class="overlay" @click="openPlayModal">
+      <img src="../assets/stLine-play-l@3x.png" alt="" width="40" height="40" />
+    </div>
+    <div v-if="showModal" class="modal-overlay" @click="showModal = false">
+      <div class="modal">
+        <video class="camera-player" ref="videoElementRef"></video>
+        <div class="overlay" @click.stop="switchPlayStatus">
+          <!-- <img
+            src="../assets/stLine-play-l@3x.png"
+            alt=""
+            width="40"
+            height="40"
+          /> -->
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+<script setup name="camera">
+import { nextTick, onMounted, ref } from "vue";
+import flvjs from "flv.js";
+import { useRoute } from "vue-router";
+const props = defineProps({
+  name: {
+    type: String,
+  },
+  source: {
+    type: String,
+    default:
+      "https://sf1-hscdn-tos.pstatp.com/obj/media-fe/xgplayer_doc_video/flv/xgplayer-demo-360p.flv",
+  },
+});
+const route = useRoute();
+document.title = route.query.proname;
+const showModal = ref(false);
+const openPlayModal = () => {
+  showModal.value = true;
+  let flvPlayer = flvjs.createPlayer({
+    type: "flv",
+    url: props.source,
+  });
+  nextTick(() => {
+    if (flvjs.isSupported()) {
+      console.log("load");
+      flvPlayer.attachMediaElement(videoElementRef.value);
+      flvPlayer.load();
+      flvPlayer.on("ERROR", flvPlayerEventHandler);
+      flvPlayer.play();
+    }
+  });
+};
+const closePlayModal = () => {
+  showModal.value = false;
+  flvPlayer.on("ERROR", flvPlayerEventHandler);
+  flvPlayer.pause();
+  flvPlayer.unload();
+  flvPlayer.detachMediaElement();
+  flvPlayer.destroy();
+  flvPlayer = null;
+};
+const videoElementRef = ref();
+const playBtnRef = ref();
+// let flvPlayer = flvjs.createPlayer({
+//   type: "flv",
+//   url: "https://sf1-hscdn-tos.pstatp.com/obj/media-fe/xgplayer_doc_video/flv/xgplayer-demo-360p.flv",
+// });
+
+const flvPlayerEventHandler = (e) => {
+  console.log(e);
+};
+// 切换播放状态
+const switchPlayStatus = () => {
+  if (!videoElementRef.value) return;
+  if (videoElementRef.value.paused) {
+    console.log(flvPlayer);
+    flvPlayer.play();
+  } else {
+    flvPlayer.pause();
+  }
+};
+onMounted(() => {
+  // if (flvjs.isSupported()) {
+  //   console.log("load");
+  //   flvPlayer.attachMediaElement(videoElementRef.value);
+  //   flvPlayer.load();
+  //   flvPlayer.on("ERROR", flvPlayerEventHandler);
+  //   // flvPlayer.play();
+  // }
+});
+</script>
+<style lang="scss" scoped>
+.camera-item {
+  // height: 300px;
+  background-color: white;
+  border-radius: 10px;
+  margin-bottom: 20px;
+  position: relative;
+
+  .camera-name {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    position: absolute;
+    background-color: #c6c6c6;
+    border-radius: 10px 0 10px 0;
+    color: white;
+    top: 0;
+    left: 0;
+    font-size: 20px;
+    height: 50px;
+    width: 160px;
+    z-index: 99;
+  }
+
+  .camera-player {
+    width: 100%;
+    height: 400px;
+    border-radius: 10px;
+  }
+
+  .overlay {
+    width: 100%;
+    height: 100%;
+    position: absolute;
+    left: 0;
+    top: 0;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    z-index: 99;
+  }
+  .modal-overlay {
+    width: 100vw;
+    height: 100vh;
+    position: fixed;
+    left: 0;
+    top: 0;
+    z-index: 999;
+    // position: relative;
+    background-color: rgba(153, 153, 153, 0.363);
+    .modal {
+      position: absolute;
+      top: 50%;
+      left: 50%;
+      transform: translate(-50%, -50%);
+      width: 90vw;
+      // height: 60vw;
+      background-color: #fff;
+      border-radius: 2vw;
+    }
+  }
+}
+</style>

src/components/site-detail.vue

@@ -0,0 +1,83 @@
+<template>
+  <div>
+    <div class="camera-list">
+      <camera
+        v-for="(item, index) in cameraList"
+        :key="index"
+        :name="item.name"
+        :source="item.source"
+      ></camera>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { onMounted, ref } from "vue";
+import camera from "./camera.vue";
+
+const cameraList = ref([
+  {
+    name: "CAMERA01",
+    source:
+      "http://101.34.251.155:10000/sms/34020000002020000001/flv/hls/34020000001320000001_34020000001320000002.flv",
+  },
+  {
+    name: "CAMERA02",
+  },
+  {
+    name: "CAMERA03",
+  },
+  {
+    name: "CAMERA04",
+  },
+  {
+    name: "CAMERA06",
+  },
+  {
+    name: "CAMERA07",
+  },
+]);
+// const videoElementRef = ref();
+// const playBtnRef = ref();
+// let flvPlayer = flvjs.createPlayer({
+//   type: "flv",
+//   url: "https://sf1-hscdn-tos.pstatp.com/obj/media-fe/xgplayer_doc_video/flv/xgplayer-demo-360p.flv",
+//   //   url: "http://localhost:8000/lycoris_recoil.flv",
+// });
+
+// const flvPlayerEventHandler = (e) => {
+//   console.log(e);
+// };
+// onMounted(() => {
+//   if (flvjs.isSupported()) {
+//     flvPlayer.attachMediaElement(videoElementRef.value);
+//     flvPlayer.load();
+//     flvPlayer.on("ERROR", flvPlayerEventHandler);
+//     // flvPlayer.play();
+//   }
+// });
+</script>
+<style>
+page {
+  background-color: #f6f6f6;
+}
+</style>
+<style lang="scss" scoped>
+.nav-bar {
+  top: 0;
+  width: 750px;
+  z-index: 9999;
+  height: 88px;
+  background: linear-gradient(to top right, #496df6, #2e9ee8);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: white;
+  font-size: 32px;
+  position: fixed;
+}
+.camera-list {
+  //   margin-top: 108px;
+  padding: 0px 20px 0px;
+}
+</style>

src/main.js

@@ -1,4 +1,28 @@
-import { createApp } from 'vue'
+import { createApp } from "vue";
-import App from './App.vue'
+// import "vant/lib/index.css";
+import App from "./App.vue";
+import "modern-normalize/modern-normalize.css";
+import { createWebHashHistory, createRouter } from "vue-router";
+// import { apply } from "core-js/fn/reflect";
 
-createApp(App).mount('#app')
+// const Home = { template: "<div>Home</div>" };
+// const About = { template: "<div>About</div>" };
+
+// 2. 定义一些路由
+// 每个路由都需要映射到一个组件。
+// 我们后面再讨论嵌套路由。
+const routes = [
+  { path: "/", component: () => import("./components/HelloWorld.vue") },
+  { path: "/detail", component: () => import("./components/site-detail.vue") },
+];
+
+// 3. 创建路由实例并传递 `routes` 配置
+// 你可以在这里输入更多的配置，但我们在这里
+// 暂时保持简单
+const router = createRouter({
+  // 4. 内部提供了 history 模式的实现。为了简单起见，我们在这里使用 hash 模式。
+  history: createWebHashHistory(),
+  routes, // `routes: routes` 的缩写
+});
+
+createApp(App).use(router).mount("#app");

vue.config.js

@@ -1,4 +1,7 @@
-const { defineConfig } = require('@vue/cli-service')
+const { defineConfig } = require("@vue/cli-service");
 module.exports = defineConfig({
-  transpileDependencies: true
+  transpileDependencies: true,
-})
+  // publicPath: "./",
+  lintOnSave: false,
+  // assetsDir: "../apps/com.awspaas.user.apps.managesite/monitor",
+});

yarn.lock

@@ -1596,6 +1596,11 @@
   optionalDependencies:
     prettier "^1.18.2 || ^2.0.0"
 
+"@vue/devtools-api@^6.1.4":
+  version "6.2.1"
+  resolved "https://registry.npmmirror.com/@vue/devtools-api/-/devtools-api-6.2.1.tgz#6f2948ff002ec46df01420dfeff91de16c5b4092"
+  integrity sha512-OEgAMeQXvCoJ+1x8WyQuVZzFo0wcyCmUR3baRVLmKBo1LmYZWMlRiXlux5jd0fqVJu6PfDbOrZItVqUEzLobeQ==
+
 "@vue/reactivity-transform@3.2.39":
   version "3.2.39"
   resolved "https://registry.npmmirror.com/@vue/reactivity-transform/-/reactivity-transform-3.2.39.tgz#da6ae6c8fd77791b9ae21976720d116591e1c4aa"
@@ -1883,6 +1888,16 @@ ansi-html-community@^0.0.8:
   resolved "https://registry.npmmirror.com/ansi-html-community/-/ansi-html-community-0.0.8.tgz#69fbc4d6ccbe383f9736934ae34c3f8290f1bf41"
   integrity sha512-1APHAyr3+PCamwNw3bXCPp4HFLONZt/yIH0sZp0/469KWNTEy+qN5jQ3GVX6DMZ1UXAi34yVwtTeaG/HpBuuzw==
 
+ansi-regex@^0.2.0, ansi-regex@^0.2.1:
+  version "0.2.1"
+  resolved "https://registry.npmmirror.com/ansi-regex/-/ansi-regex-0.2.1.tgz#0d8e946967a3d8143f93e24e298525fc1b2235f9"
+  integrity sha512-sGwIGMjhYdW26/IhwK2gkWWI8DRCVO6uj3hYgHT+zD+QL1pa37tM3ujhyfcJIYSbsxp7Gxhy7zrRW/1AHm4BmA==
+
+ansi-regex@^2.0.0:
+  version "2.1.1"
+  resolved "https://registry.npmmirror.com/ansi-regex/-/ansi-regex-2.1.1.tgz#c3b33ab5ee360d86e0e628f0468ae7ef27d654df"
+  integrity sha512-TIGnTpdo+E3+pCyAluZvtED5p5wCqLdezCyhPZzKPcxvFplEt4i+W7OONCKgeZFT3+y5NZZfOOS/Bdcanm1MYA==
+
 ansi-regex@^3.0.0:
   version "3.0.1"
   resolved "https://registry.npmmirror.com/ansi-regex/-/ansi-regex-3.0.1.tgz#123d6479e92ad45ad897d4054e3c7ca7db4944e1"
@@ -1893,6 +1908,16 @@ ansi-regex@^5.0.1:
   resolved "https://registry.npmmirror.com/ansi-regex/-/ansi-regex-5.0.1.tgz#082cb2c89c9fe8659a311a53bd6a4dc5301db304"
   integrity sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==
 
+ansi-styles@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.npmmirror.com/ansi-styles/-/ansi-styles-1.1.0.tgz#eaecbf66cd706882760b2f4691582b8f55d7a7de"
+  integrity sha512-f2PKUkN5QngiSemowa6Mrk9MPCdtFiOSmibjZ+j1qhLGHHYsqZwmBMRF3IRMVXo8sybDqx2fJl2d/8OphBoWkA==
+
+ansi-styles@^2.2.1:
+  version "2.2.1"
+  resolved "https://registry.npmmirror.com/ansi-styles/-/ansi-styles-2.2.1.tgz#b432dd3358b634cf75e1e4664368240533c1ddbe"
+  integrity sha512-kmCevFghRiWM7HB5zTPULl4r9bVFSWjz62MhqizDGUrq2NWuNMQyuv4tHHoKJHs69M/MF64lEcHdYIocrdWQYA==
+
 ansi-styles@^3.2.1:
   version "3.2.1"
   resolved "https://registry.npmmirror.com/ansi-styles/-/ansi-styles-3.2.1.tgz#41fbb20243e50b12be0f04b8dedbf07520ce841d"
@@ -1964,6 +1989,11 @@ at-least-node@^1.0.0:
   resolved "https://registry.npmmirror.com/at-least-node/-/at-least-node-1.0.0.tgz#602cd4b46e844ad4effc92a8011a3c46e0238dc2"
   integrity sha512-+q/t7Ekv1EDY2l6Gda6LLiX14rU9TV20Wa3ofeQmwPFZbOMo9DXrLbOjFaaclkXKWidIaopwAObQDqwWtGUjqg==
 
+atob@^2.1.2:
+  version "2.1.2"
+  resolved "https://registry.npmmirror.com/atob/-/atob-2.1.2.tgz#6d9517eb9e030d2436666651e86bd9f6f13533c9"
+  integrity sha512-Wm6ukoaOGJi/73p/cl2GvLjTI5JM1k/O14isD73YML8StrH/7/lRFgmg8nICZgD3bZZvjwCGxtMOD3wWNAu8cg==
+
 autoprefixer@^10.2.4:
   version "10.4.11"
   resolved "https://registry.npmmirror.com/autoprefixer/-/autoprefixer-10.4.11.tgz#835136aff1d9cd43640151e0d2dba00f8eac7c1c"
@@ -2188,6 +2218,17 @@ case-sensitive-paths-webpack-plugin@^2.3.0:
   resolved "https://registry.npmmirror.com/case-sensitive-paths-webpack-plugin/-/case-sensitive-paths-webpack-plugin-2.4.0.tgz#db64066c6422eed2e08cc14b986ca43796dbc6d4"
   integrity sha512-roIFONhcxog0JSSWbvVAh3OocukmSgpqOH6YpMkCvav/ySIV3JKg4Dc8vYtQjYi/UxpNE36r/9v+VqTQqgkYmw==
 
+chalk@^1.1.3:
+  version "1.1.3"
+  resolved "https://registry.npmmirror.com/chalk/-/chalk-1.1.3.tgz#a8115c55e4a702fe4d150abd3872822a7e09fc98"
+  integrity sha512-U3lRVLMSlsCfjqYPbLyVv11M9CPW4I728d6TCKMAOJueEeB9/8o+eSsMnxPJD+Q+K909sdESg7C+tIkoH6on1A==
+  dependencies:
+    ansi-styles "^2.2.1"
+    escape-string-regexp "^1.0.2"
+    has-ansi "^2.0.0"
+    strip-ansi "^3.0.0"
+    supports-color "^2.0.0"
+
 chalk@^2.0.0, chalk@^2.1.0:
   version "2.4.2"
   resolved "https://registry.npmmirror.com/chalk/-/chalk-2.4.2.tgz#cd42541677a54333cf541a49108c1432b44c9424"
@@ -2213,7 +2254,18 @@ chalk@^4.0.0, chalk@^4.1.0, chalk@^4.1.2:
     ansi-styles "^4.1.0"
     supports-color "^7.1.0"
 
-chokidar@^3.5.3:
+chalk@~0.5.1:
+  version "0.5.1"
+  resolved "https://registry.npmmirror.com/chalk/-/chalk-0.5.1.tgz#663b3a648b68b55d04690d49167aa837858f2174"
+  integrity sha512-bIKA54hP8iZhyDT81TOsJiQvR1gW+ZYSXFaZUAvoD4wCHdbHY2actmpTE4x344ZlFqHbvoxKOaESULTZN2gstg==
+  dependencies:
+    ansi-styles "^1.1.0"
+    escape-string-regexp "^1.0.0"
+    has-ansi "^0.1.0"
+    strip-ansi "^0.3.0"
+    supports-color "^0.2.0"
+
+"chokidar@>=3.0.0 <4.0.0", chokidar@^3.5.3:
   version "3.5.3"
   resolved "https://registry.npmmirror.com/chokidar/-/chokidar-3.5.3.tgz#1cf37c8707b932bd1af1ae22c0432e2acd1903bd"
   integrity sha512-Dr3sfKRP6oTcjf2JmUmFJfeVMvXBdegxB0iVQ5eb2V10uFJUCAS8OByZdVAyVb8xXNz3GjjTgj9kLWsZTqE6kw==
@@ -2357,6 +2409,11 @@ commander@^8.3.0:
   resolved "https://registry.npmmirror.com/commander/-/commander-8.3.0.tgz#4837ea1b2da67b9c616a67afbb0fafee567bca66"
   integrity sha512-OkTL9umf+He2DZkUq8f8J9of7yL6RJKI24dVITBmNfZBmri9zYZQrKkuXiKhyfPSu8tUhnVBB1iKXevvnlR4Ww==
 
+commander@~2.6.0:
+  version "2.6.0"
+  resolved "https://registry.npmmirror.com/commander/-/commander-2.6.0.tgz#9df7e52fb2a0cb0fb89058ee80c3104225f37e1d"
+  integrity sha512-PhbTMT+ilDXZKqH8xbvuUY2ZEQNef0Q7DKxgoEKb4ccytsdvVVJmYqR0sGbi96nxU6oGrwEIQnclpK2NBZuQlg==
+
 commondir@^1.0.1:
   version "1.0.1"
   resolved "https://registry.npmmirror.com/commondir/-/commondir-1.0.1.tgz#ddd800da0c66127393cca5950ea968a3aaf1253b"
@@ -2552,6 +2609,16 @@ css-what@^6.0.1:
   resolved "https://registry.npmmirror.com/css-what/-/css-what-6.1.0.tgz#fb5effcf76f1ddea2c81bdfaa4de44e79bac70f4"
   integrity sha512-HTUrgRJ7r4dsZKU6GjmpfRK1O76h97Z8MfS1G0FozR+oF2kG6Vfe8JE6zwrkbxigziPHinCJ+gCPjA9EaBDtRw==
 
+css@~2.2.0:
+  version "2.2.4"
+  resolved "https://registry.npmmirror.com/css/-/css-2.2.4.tgz#c646755c73971f2bba6a601e2cf2fd71b1298929"
+  integrity sha512-oUnjmWpy0niI3x/mPL8dVEI1l7MnG3+HHyRPHf+YFSbK+svOhXpmSOcDURUh2aOCgl2grzrOPt1nHLuCVFULLw==
+  dependencies:
+    inherits "^2.0.3"
+    source-map "^0.6.1"
+    source-map-resolve "^0.5.2"
+    urix "^0.1.0"
+
 cssesc@^3.0.0:
   version "3.0.0"
   resolved "https://registry.npmmirror.com/cssesc/-/cssesc-3.0.0.tgz#37741919903b868565e1c09ea747445cd18983ee"
@@ -2639,6 +2706,11 @@ debug@^4.0.1, debug@^4.1.0, debug@^4.1.1, debug@^4.3.2:
   dependencies:
     ms "2.1.2"
 
+decode-uri-component@^0.2.0:
+  version "0.2.0"
+  resolved "https://registry.npmmirror.com/decode-uri-component/-/decode-uri-component-0.2.0.tgz#eb3913333458775cb84cd1a1fae062106bb87545"
+  integrity sha512-hjf+xovcEn31w/EUYdTXQh/8smFL/dzYjohQGEIgjyNavaJfBY2p5F527Bo1VPATxv0VYTUC2bOcXvqFwk78Og==
+
 deep-is@^0.1.3:
   version "0.1.4"
   resolved "https://registry.npmmirror.com/deep-is/-/deep-is-0.1.4.tgz#a6f2dce612fadd2ef1f519b73551f17e85199831"
@@ -2858,6 +2930,11 @@ es-module-lexer@^0.9.0:
   resolved "https://registry.npmmirror.com/es-module-lexer/-/es-module-lexer-0.9.3.tgz#6f13db00cc38417137daf74366f535c8eb438f19"
   integrity sha512-1HQ2M2sPtxwnvOvT1ZClHyQDiggdNjURWpY2we6aMKCQiUVxTmVs2UYPLIrD84sS+kMdUwfBSylbJPwNnBrnHQ==
 
+es6-promise@^4.2.8:
+  version "4.2.8"
+  resolved "https://registry.npmmirror.com/es6-promise/-/es6-promise-4.2.8.tgz#4eb21594c972bc40553d276e510539143db53e0a"
+  integrity sha512-HJDGx5daxeIvxdBxvG2cb9g4tEvwIk3i8+nhX0yGrYmZUzbkdg8QbDevheDB8gd0//uPj4c1EQua8Q+MViT0/w==
+
 escalade@^3.1.1:
   version "3.1.1"
   resolved "https://registry.npmmirror.com/escalade/-/escalade-3.1.1.tgz#d8cfdc7000965c5a0174b4a82eaa5c0552742e40"
@@ -2868,7 +2945,7 @@ escape-html@~1.0.3:
   resolved "https://registry.npmmirror.com/escape-html/-/escape-html-1.0.3.tgz#0258eae4d3d0c0974de1c169188ef0051d1d1988"
   integrity sha512-NiSupZ4OeuGwr68lGIeym/ksIZMJodUGOSCZ/FSnTxcrekbvqrgdUxlJOMpijaKZVjAJrWrGs/6Jy8OMuyj9ow==
 
-escape-string-regexp@^1.0.5:
+escape-string-regexp@^1.0.0, escape-string-regexp@^1.0.2, escape-string-regexp@^1.0.5:
   version "1.0.5"
   resolved "https://registry.npmmirror.com/escape-string-regexp/-/escape-string-regexp-1.0.5.tgz#1b61c0562190a8dff6ae3bb2cf0200ca130b86d4"
   integrity sha512-vbRorB5FUQWvla16U8R/qgaFIya2qGzwDrNmCZuYKrbdSUMG6I1ZCGQRefkRVhuOkIGVne7BQ35DSfo1qvJqFg==
@@ -3147,6 +3224,11 @@ express@^4.17.3:
     utils-merge "1.0.1"
     vary "~1.1.2"
 
+extend@~3.0.0:
+  version "3.0.2"
+  resolved "https://registry.npmmirror.com/extend/-/extend-3.0.2.tgz#f8b1136b4071fbd8eb140aff858b1019ec2915fa"
+  integrity sha512-fjquC59cD7CyW6urNXK0FBufkZcoiGG80wTuPujX590cB5Ttln20E2UB4S/WARVqhXffZl2LNgS+gQdPIIim/g==
+
 fast-deep-equal@^3.1.1, fast-deep-equal@^3.1.3:
   version "3.1.3"
   resolved "https://registry.npmmirror.com/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz#3a7d56b559d6cbc3eb512325244e619a65c6c525"
@@ -3251,6 +3333,14 @@ flatted@^3.1.0:
   resolved "https://registry.npmmirror.com/flatted/-/flatted-3.2.7.tgz#609f39207cb614b89d0765b477cb2d437fbf9787"
   integrity sha512-5nqDSxl8nn5BSNxyR3n4I6eDmbolI6WT+QqR547RwxQapgjQBmtktdP+HTBb/a/zLsbzERTONyUB5pefh5TtjQ==
 
+flv.js@^1.6.2:
+  version "1.6.2"
+  resolved "https://registry.npmmirror.com/flv.js/-/flv.js-1.6.2.tgz#fa3340fe3f7ee01d3977f7876aee66b8436e5922"
+  integrity sha512-xre4gUbX1MPtgQRKj2pxJENp/RnaHaxYvy3YToVVCrSmAWUu85b9mug6pTXF6zakUjNP2lFWZ1rkSX7gxhB/2A==
+  dependencies:
+    es6-promise "^4.2.8"
+    webworkify-webpack "^2.1.5"
+
 follow-redirects@^1.0.0:
   version "1.15.2"
   resolved "https://registry.npmmirror.com/follow-redirects/-/follow-redirects-1.15.2.tgz#b460864144ba63f2681096f274c4e57026da2c13"
@@ -3281,6 +3371,15 @@ fs-extra@^9.1.0:
     jsonfile "^6.0.1"
     universalify "^2.0.0"
 
+fs-extra@~0.16.3:
+  version "0.16.5"
+  resolved "https://registry.npmmirror.com/fs-extra/-/fs-extra-0.16.5.tgz#1ad661fa6c86c9608cd1b49efc6fce834939a750"
+  integrity sha512-yb7ti8kVH+qboUQWYxUuOPj/qcMUA6lO68ErZoPQOTP+7qroCIN/1gZ1lLk/rs2p0gPFzrvPYujKGnHTu+HHxA==
+  dependencies:
+    graceful-fs "^3.0.5"
+    jsonfile "^2.0.0"
+    rimraf "^2.2.8"
+
 fs-monkey@^1.0.3:
   version "1.0.3"
   resolved "https://registry.npmmirror.com/fs-monkey/-/fs-monkey-1.0.3.tgz#ae3ac92d53bb328efe0e9a1d9541f6ad8d48e2d3"
@@ -3397,6 +3496,13 @@ globby@^11.0.2, globby@^11.0.3:
     merge2 "^1.4.1"
     slash "^3.0.0"
 
+graceful-fs@^3.0.5:
+  version "3.0.12"
+  resolved "https://registry.npmmirror.com/graceful-fs/-/graceful-fs-3.0.12.tgz#0034947ce9ed695ec8ab0b854bc919e82b1ffaef"
+  integrity sha512-J55gaCS4iTTJfTXIxSVw3EMQckcqkpdRv3IR7gu6sq0+tbC363Zx6KH/SEwXASK9JRbhyZmVjJEVJIOxYsB3Qg==
+  dependencies:
+    natives "^1.1.3"
+
 graceful-fs@^4.1.2, graceful-fs@^4.1.6, graceful-fs@^4.2.0, graceful-fs@^4.2.4, graceful-fs@^4.2.6, graceful-fs@^4.2.9:
   version "4.2.10"
   resolved "https://registry.npmmirror.com/graceful-fs/-/graceful-fs-4.2.10.tgz#147d3a006da4ca3ce14728c7aefc287c367d7a6c"
@@ -3414,6 +3520,25 @@ handle-thing@^2.0.0:
   resolved "https://registry.npmmirror.com/handle-thing/-/handle-thing-2.0.1.tgz#857f79ce359580c340d43081cc648970d0bb234e"
   integrity sha512-9Qn4yBxelxoh2Ow62nP+Ka/kMnOXRi8BXnRaUwezLNhqelnN49xKz4F/dPP8OYLxLxq6JDtZb2i9XznUQbNPTg==
 
+has-ansi@^0.1.0:
+  version "0.1.0"
+  resolved "https://registry.npmmirror.com/has-ansi/-/has-ansi-0.1.0.tgz#84f265aae8c0e6a88a12d7022894b7568894c62e"
+  integrity sha512-1YsTg1fk2/6JToQhtZkArMkurq8UoWU1Qe0aR3VUHjgij4nOylSWLWAtBXoZ4/dXOmugfLGm1c+QhuD0JyedFA==
+  dependencies:
+    ansi-regex "^0.2.0"
+
+has-ansi@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.npmmirror.com/has-ansi/-/has-ansi-2.0.0.tgz#34f5049ce1ecdf2b0649af3ef24e45ed35416d91"
+  integrity sha512-C8vBJ8DwUCx19vhm7urhTuUsr4/IyP6l4VzNQDv+ryHQObW3TTTp9yB68WpYgRe2bbaGuZ/se74IqFeVnMnLZg==
+  dependencies:
+    ansi-regex "^2.0.0"
+
+has-flag@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.npmmirror.com/has-flag/-/has-flag-1.0.0.tgz#9d9e793165ce017a00f00418c43f942a7b1d11fa"
+  integrity sha512-DyYHfIYwAJmjAjSSPKANxI8bFY9YtFrgkAfinBojQ8YJTOuOuav64tMUJv584SES4xl74PmuaevIyaLESHdTAA==
+
 has-flag@^3.0.0:
   version "3.0.0"
   resolved "https://registry.npmmirror.com/has-flag/-/has-flag-3.0.0.tgz#b5d454dc2199ae225699f3467e5a07f3b955bafd"
@@ -3610,6 +3735,11 @@ ignore@^5.2.0:
   resolved "https://registry.npmmirror.com/ignore/-/ignore-5.2.0.tgz#6d3bac8fa7fe0d45d9f9be7bac2fc279577e345a"
   integrity sha512-CmxgYGiEPCLhfLnpPp1MoRmifwEIOgjcHXxOBjv7mY96c+eWScsOP9c112ZyLdWHi0FxHjI+4uVhKYp/gcdRmQ==
 
+immutable@^4.0.0:
+  version "4.1.0"
+  resolved "https://registry.npmmirror.com/immutable/-/immutable-4.1.0.tgz#f795787f0db780183307b9eb2091fcac1f6fafef"
+  integrity sha512-oNkuqVTA8jqG1Q6c+UglTOD1xhC1BtjKI7XkCXRkZHrN5m18/XsnUp8Q89GkQO/z+0WjonSvl0FLhDYftp46nQ==
+
 import-fresh@^3.0.0, import-fresh@^3.2.1:
   version "3.3.0"
   resolved "https://registry.npmmirror.com/import-fresh/-/import-fresh-3.3.0.tgz#37162c25fcb9ebaa2e6e53d5b4d88ce17d9e0c2b"
@@ -3804,6 +3934,11 @@ joi@^17.4.0:
     "@sideway/formula" "^3.0.0"
     "@sideway/pinpoint" "^2.0.0"
 
+js-base64@^2.1.9:
+  version "2.6.4"
+  resolved "https://registry.npmmirror.com/js-base64/-/js-base64-2.6.4.tgz#f4e686c5de1ea1f867dbcad3d46d969428df98c4"
+  integrity sha512-pZe//GGmwJndub7ZghVHz7vjb2LgC1m8B07Au3eYqeqv9emhESByMXxaEgkUkEqJe87oBbSniGYoQNIBklc7IQ==
+
 js-message@1.0.7:
   version "1.0.7"
   resolved "https://registry.npmmirror.com/js-message/-/js-message-1.0.7.tgz#fbddd053c7a47021871bb8b2c95397cc17c20e47"
@@ -3869,6 +4004,13 @@ json5@^2.1.2, json5@^2.2.1:
   resolved "https://registry.npmmirror.com/json5/-/json5-2.2.1.tgz#655d50ed1e6f95ad1a3caababd2b0efda10b395c"
   integrity sha512-1hqLFMSrGHRHxav9q9gNjJ5EXznIxGVO09xQRrwplcS8qs28pZ8s8hupZAmqDwZUmVZ2Qb2jnyPOWcDH8m8dlA==
 
+jsonfile@^2.0.0:
+  version "2.4.0"
+  resolved "https://registry.npmmirror.com/jsonfile/-/jsonfile-2.4.0.tgz#3736a2b428b87bbda0cc83b53fa3d633a35c2ae8"
+  integrity sha512-PKllAqbgLgxHaj8TElYymKCAgrASebJrWpTnEkOaTowt23VKXXN0sUeriJ+eh7y6ufb/CC5ap11pz71/cM0hUw==
+  optionalDependencies:
+    graceful-fs "^4.1.6"
+
 jsonfile@^6.0.1:
   version "6.1.0"
   resolved "https://registry.npmmirror.com/jsonfile/-/jsonfile-6.1.0.tgz#bc55b2634793c679ec6403094eb13698a6ec0aae"
@@ -3883,7 +4025,7 @@ kind-of@^6.0.2:
   resolved "https://registry.npmmirror.com/kind-of/-/kind-of-6.0.3.tgz#07c05034a6c349fa06e24fa35aa76db4580ce4dd"
   integrity sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw==
 
-klona@^2.0.5:
+klona@^2.0.4, klona@^2.0.5:
   version "2.0.5"
   resolved "https://registry.npmmirror.com/klona/-/klona-2.0.5.tgz#d166574d90076395d9963aa7a928fabb8d76afbc"
   integrity sha512-pJiBpiXMbt7dkzXe8Ghj/u4FfXOOa98fPW+bihOJ4SjnoijweJrNThJfd3ifXpXhREjpoF2mZVH1GfS9LV3kHQ==
@@ -4166,6 +4308,11 @@ mkdirp@^0.5.6:
   dependencies:
     minimist "^1.2.6"
 
+modern-normalize@^1.1.0:
+  version "1.1.0"
+  resolved "https://registry.npmmirror.com/modern-normalize/-/modern-normalize-1.1.0.tgz#da8e80140d9221426bd4f725c6e11283d34f90b7"
+  integrity sha512-2lMlY1Yc1+CUy0gw4H95uNN7vjbpoED7NNRSBHE25nWfLBdmMzFCsPshlzbxHz+gYMcBEUN8V4pU16prcdPSgA==
+
 module-alias@^2.2.2:
   version "2.2.2"
   resolved "https://registry.npmmirror.com/module-alias/-/module-alias-2.2.2.tgz#151cdcecc24e25739ff0aa6e51e1c5716974c0e0"
@@ -4213,6 +4360,11 @@ nanoid@^3.3.4:
   resolved "https://registry.npmmirror.com/nanoid/-/nanoid-3.3.4.tgz#730b67e3cd09e2deacf03c027c81c9d9dbc5e8ab"
   integrity sha512-MqBkQh/OHTS2egovRtLk45wEyNXwF+cokD+1YPf9u5VfJiRdAiRwB2froX5Co9Rh20xs4siNPm8naNotSD6RBw==
 
+natives@^1.1.3:
+  version "1.1.6"
+  resolved "https://registry.npmmirror.com/natives/-/natives-1.1.6.tgz#a603b4a498ab77173612b9ea1acdec4d980f00bb"
+  integrity sha512-6+TDFewD4yxY14ptjKaS63GVdtKiES1pTPyxn9Jb0rBqPMZ7VcCiooEhPNsr+mqHtMGxa/5c/HhcC4uPEUw/nA==
+
 natural-compare@^1.4.0:
   version "1.4.0"
   resolved "https://registry.npmmirror.com/natural-compare/-/natural-compare-1.4.0.tgz#4abebfeed7541f2c27acfb29bdbbd15c8d5ba4f7"
@@ -4309,7 +4461,7 @@ nth-check@^2.0.1:
   dependencies:
     boolbase "^1.0.0"
 
-object-assign@^4.0.1:
+object-assign@>=4.0.1, object-assign@^4.0.1:
   version "4.1.1"
   resolved "https://registry.npmmirror.com/object-assign/-/object-assign-4.1.1.tgz#2109adc7965887cfc05cbbd442cac8bfbb360863"
   integrity sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==
@@ -4770,6 +4922,22 @@ postcss-ordered-values@^5.1.3:
     cssnano-utils "^3.1.0"
     postcss-value-parser "^4.2.0"
 
+postcss-px-to-viewport@^1.1.1:
+  version "1.1.1"
+  resolved "https://registry.npmmirror.com/postcss-px-to-viewport/-/postcss-px-to-viewport-1.1.1.tgz#a25ca410b553c9892cc8b525cc710da47bf1aa55"
+  integrity sha512-2x9oGnBms+e0cYtBJOZdlwrFg/mLR4P1g2IFu7jYKvnqnH/HLhoKyareW2Q/x4sg0BgklHlP1qeWo2oCyPm8FQ==
+  dependencies:
+    object-assign ">=4.0.1"
+    postcss ">=5.0.2"
+
+postcss-px2rem-exclude@^0.0.6:
+  version "0.0.6"
+  resolved "https://registry.npmmirror.com/postcss-px2rem-exclude/-/postcss-px2rem-exclude-0.0.6.tgz#470f74fb9f839941264394fbb80bffc9be494628"
+  integrity sha512-Qm9hiIApFJP9KS4tHFd4DQTN/ByC+xQKPztR1FweDzmayBKiKctCMHNGnW8eQiz4mTfemtoVDnV/tvvJBuZY4g==
+  dependencies:
+    postcss "^5.0.0"
+    px2rem "~0.5.0"
+
 postcss-reduce-initial@^5.1.0:
   version "5.1.0"
   resolved "https://registry.npmmirror.com/postcss-reduce-initial/-/postcss-reduce-initial-5.1.0.tgz#fc31659ea6e85c492fb2a7b545370c215822c5d6"
@@ -4813,15 +4981,7 @@ postcss-value-parser@^4.1.0, postcss-value-parser@^4.2.0:
   resolved "https://registry.npmmirror.com/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz#723c09920836ba6d3e5af019f92bc0971c02e514"
   integrity sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==
 
-postcss@^7.0.36:
+postcss@>=5.0.2, postcss@^8.1.10, postcss@^8.2.6, postcss@^8.3.5, postcss@^8.4.7:
-  version "7.0.39"
-  resolved "https://registry.npmmirror.com/postcss/-/postcss-7.0.39.tgz#9624375d965630e2e1f2c02a935c82a59cb48309"
-  integrity sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==
-  dependencies:
-    picocolors "^0.2.1"
-    source-map "^0.6.1"
-
-postcss@^8.1.10, postcss@^8.2.6, postcss@^8.3.5, postcss@^8.4.7:
   version "8.4.16"
   resolved "https://registry.npmmirror.com/postcss/-/postcss-8.4.16.tgz#33a1d675fac39941f5f445db0de4db2b6e01d43c"
   integrity sha512-ipHE1XBvKzm5xI7hiHCZJCSugxvsdq2mPnsq5+UF+VHCjiBvtDrlxJfMBToWaP9D5XlgNmcFGqoHmUn0EYEaRQ==
@@ -4830,6 +4990,24 @@ postcss@^8.1.10, postcss@^8.2.6, postcss@^8.3.5, postcss@^8.4.7:
     picocolors "^1.0.0"
     source-map-js "^1.0.2"
 
+postcss@^5.0.0:
+  version "5.2.18"
+  resolved "https://registry.npmmirror.com/postcss/-/postcss-5.2.18.tgz#badfa1497d46244f6390f58b319830d9107853c5"
+  integrity sha512-zrUjRRe1bpXKsX1qAJNJjqZViErVuyEkMTRrwu4ud4sbTtIBRmtaYDrHmcGgmrbsW3MHfmtIf+vJumgQn+PrXg==
+  dependencies:
+    chalk "^1.1.3"
+    js-base64 "^2.1.9"
+    source-map "^0.5.6"
+    supports-color "^3.2.3"
+
+postcss@^7.0.36:
+  version "7.0.39"
+  resolved "https://registry.npmmirror.com/postcss/-/postcss-7.0.39.tgz#9624375d965630e2e1f2c02a935c82a59cb48309"
+  integrity sha512-yioayjNbHn6z1/Bywyb2Y4s3yvDAeXGOyxqD+LnVOinq6Mdmd++SW2wUNVzavyyHxd6+DxzWGIuosg6P1Rj8uA==
+  dependencies:
+    picocolors "^0.2.1"
+    source-map "^0.6.1"
+
 prelude-ls@^1.2.1:
   version "1.2.1"
   resolved "https://registry.npmmirror.com/prelude-ls/-/prelude-ls-1.2.1.tgz#debc6489d7a6e6b0e7611888cec880337d316396"
@@ -4893,6 +5071,17 @@ punycode@^2.1.0:
   resolved "https://registry.npmmirror.com/punycode/-/punycode-2.1.1.tgz#b58b010ac40c22c5657616c8d2c2c02c7bf479ec"
   integrity sha512-XRsRjdf+j5ml+y/6GKHPZbrF/8p2Yga0JPtdqTIY2Xe5ohJPD9saDJJLPvp9+NSBprVvevdXZybnj2cv8OEd0A==
 
+px2rem@~0.5.0:
+  version "0.5.0"
+  resolved "https://registry.npmmirror.com/px2rem/-/px2rem-0.5.0.tgz#24b3a6cf74d14adb4ed776f207871d9893e410e2"
+  integrity sha512-R+LQj3Evbjbpmglo7D0PBVsnAbKP4WSvZEZUnF8RGIpWkIHFeAT+BlDOxxBxKVyMDecmfv9qdzNLTZLMq32osA==
+  dependencies:
+    chalk "~0.5.1"
+    commander "~2.6.0"
+    css "~2.2.0"
+    extend "~3.0.0"
+    fs-extra "~0.16.3"
+
 qs@6.10.3:
   version "6.10.3"
   resolved "https://registry.npmmirror.com/qs/-/qs-6.10.3.tgz#d6cde1b2ffca87b5aa57889816c5f81535e22e8e"
@@ -5064,6 +5253,11 @@ resolve-from@^4.0.0:
   resolved "https://registry.npmmirror.com/resolve-from/-/resolve-from-4.0.0.tgz#4abcd852ad32dd7baabfe9b40e00a36db5f392e6"
   integrity sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==
 
+resolve-url@^0.2.1:
+  version "0.2.1"
+  resolved "https://registry.npmmirror.com/resolve-url/-/resolve-url-0.2.1.tgz#2c637fe77c893afd2a663fe21aa9080068e2052a"
+  integrity sha512-ZuF55hVUQaaczgOIwqWzkEcEidmlD/xl44x1UZnhOXcYuFN2S6+rcxpG+C1N3So0wvNI3DmJICUFfu2SxhBmvg==
+
 resolve@^1.10.0, resolve@^1.14.2:
   version "1.22.1"
   resolved "https://registry.npmmirror.com/resolve/-/resolve-1.22.1.tgz#27cb2ebb53f91abb49470a928bba7558066ac177"
@@ -5099,6 +5293,13 @@ reusify@^1.0.4:
   resolved "https://registry.npmmirror.com/reusify/-/reusify-1.0.4.tgz#90da382b1e126efc02146e90845a88db12925d76"
   integrity sha512-U9nH88a3fc/ekCF1l0/UP1IosiuIjyTh7hBvXVMHYgVcfGvt897Xguj2UOLDeI5BG2m7/uwyaLVT6fbtCwTyzw==
 
+rimraf@^2.2.8:
+  version "2.7.1"
+  resolved "https://registry.npmmirror.com/rimraf/-/rimraf-2.7.1.tgz#35797f13a7fdadc566142c29d4f07ccad483e3ec"
+  integrity sha512-uWjbaKIK3T1OSVptzX7Nl6PvQ3qAGtKEtVRjRuazjfL3Bx5eI409VZSqgND+4UNnmzLVdPj9FqFJNPqBZFve4w==
+  dependencies:
+    glob "^7.1.3"
+
 rimraf@^3.0.2:
   version "3.0.2"
   resolved "https://registry.npmmirror.com/rimraf/-/rimraf-3.0.2.tgz#f1a5402ba6220ad52cc1282bac1ae3aa49fd061a"
@@ -5128,6 +5329,23 @@ safe-buffer@5.2.1, safe-buffer@>=5.1.0, safe-buffer@^5.1.0, safe-buffer@~5.2.0:
   resolved "https://registry.npmmirror.com/safer-buffer/-/safer-buffer-2.1.2.tgz#44fa161b0187b9549dd84bb91802f9bd8385cd6a"
   integrity sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg==
 
+sass-loader@^13.0.2:
+  version "13.0.2"
+  resolved "https://registry.npmmirror.com/sass-loader/-/sass-loader-13.0.2.tgz#e81a909048e06520e9f2ff25113a801065adb3fe"
+  integrity sha512-BbiqbVmbfJaWVeOOAu2o7DhYWtcNmTfvroVgFXa6k2hHheMxNAeDHLNoDy/Q5aoaVlz0LH+MbMktKwm9vN/j8Q==
+  dependencies:
+    klona "^2.0.4"
+    neo-async "^2.6.2"
+
+sass@^1.54.9:
+  version "1.54.9"
+  resolved "https://registry.npmmirror.com/sass/-/sass-1.54.9.tgz#b05f14ed572869218d1a76961de60cd647221762"
+  integrity sha512-xb1hjASzEH+0L0WI9oFjqhRi51t/gagWnxLiwUNMltA0Ab6jIDkAacgKiGYKM9Jhy109osM7woEEai6SXeJo5Q==
+  dependencies:
+    chokidar ">=3.0.0 <4.0.0"
+    immutable "^4.0.0"
+    source-map-js ">=0.6.2 <2.0.0"
+
 schema-utils@^2.6.5:
   version "2.7.1"
   resolved "https://registry.npmmirror.com/schema-utils/-/schema-utils-2.7.1.tgz#1ca4f32d1b24c590c203b8e7a50bf0ea4cd394d7"
@@ -5326,11 +5544,22 @@ sockjs@^0.3.24:
     uuid "^8.3.2"
     websocket-driver "^0.7.4"
 
-source-map-js@^1.0.2:
+"source-map-js@>=0.6.2 <2.0.0", source-map-js@^1.0.2:
   version "1.0.2"
   resolved "https://registry.npmmirror.com/source-map-js/-/source-map-js-1.0.2.tgz#adbc361d9c62df380125e7f161f71c826f1e490c"
   integrity sha512-R0XvVJ9WusLiqTCEiGCmICCMplcCkIwwR11mOSD9CR5u+IXYdiseeEuXCVAjS54zqwkLcPNnmU4OeJ6tUrWhDw==
 
+source-map-resolve@^0.5.2:
+  version "0.5.3"
+  resolved "https://registry.npmmirror.com/source-map-resolve/-/source-map-resolve-0.5.3.tgz#190866bece7553e1f8f267a2ee82c606b5509a1a"
+  integrity sha512-Htz+RnsXWk5+P2slx5Jh3Q66vhQj1Cllm0zvnaY98+NFx+Dv2CF/f5O/t8x+KaNdrdIAsruNzoh/KpialbqAnw==
+  dependencies:
+    atob "^2.1.2"
+    decode-uri-component "^0.2.0"
+    resolve-url "^0.2.1"
+    source-map-url "^0.4.0"
+    urix "^0.1.0"
+
 source-map-support@~0.5.20:
   version "0.5.21"
   resolved "https://registry.npmmirror.com/source-map-support/-/source-map-support-0.5.21.tgz#04fe7c7f9e1ed2d662233c28cb2b35b9f63f6e4f"
@@ -5339,6 +5568,16 @@ source-map-support@~0.5.20:
     buffer-from "^1.0.0"
     source-map "^0.6.0"
 
+source-map-url@^0.4.0:
+  version "0.4.1"
+  resolved "https://registry.npmmirror.com/source-map-url/-/source-map-url-0.4.1.tgz#0af66605a745a5a2f91cf1bbf8a7afbc283dec56"
+  integrity sha512-cPiFOTLUKvJFIg4SKVScy4ilPPW6rFgMgfuZJPNoDuMs3nC1HbMUycBoJw77xFIp6z1UJQJOfx6C9GMH80DiTw==
+
+source-map@^0.5.6:
+  version "0.5.7"
+  resolved "https://registry.npmmirror.com/source-map/-/source-map-0.5.7.tgz#8a039d2d1021d22d1ea14c80d8ea468ba2ef3fcc"
+  integrity sha512-LbrmJOMUSdEVxIKvdcJzQC+nQhe8FUZQTXQy6+I75skNgn3OoQ0DZA8YnFa7gp8tqtL3KPf1kmo0R5DoApeSGQ==
+
 source-map@^0.6.0, source-map@^0.6.1, source-map@~0.6.0, source-map@~0.6.1:
   version "0.6.1"
   resolved "https://registry.npmmirror.com/source-map/-/source-map-0.6.1.tgz#74722af32e9614e9c287a8d0bbde48b5e2f1a263"
@@ -5461,6 +5700,20 @@ string_decoder@~1.1.1:
   dependencies:
     safe-buffer "~5.1.0"
 
+strip-ansi@^0.3.0:
+  version "0.3.0"
+  resolved "https://registry.npmmirror.com/strip-ansi/-/strip-ansi-0.3.0.tgz#25f48ea22ca79187f3174a4db8759347bb126220"
+  integrity sha512-DerhZL7j6i6/nEnVG0qViKXI0OKouvvpsAiaj7c+LfqZZZxdwZtv8+UiA/w4VUJpT8UzX0pR1dcHOii1GbmruQ==
+  dependencies:
+    ansi-regex "^0.2.1"
+
+strip-ansi@^3.0.0:
+  version "3.0.1"
+  resolved "https://registry.npmmirror.com/strip-ansi/-/strip-ansi-3.0.1.tgz#6a385fb8853d952d5ff05d0e8aaf94278dc63dcf"
+  integrity sha512-VhumSSbBqDTP8p2ZLKj40UjBCV4+v8bUSEpUb4KjRgWk9pbqGF4REFj6KEagidb2f/M6AzC0EmFyDNGaw9OCzg==
+  dependencies:
+    ansi-regex "^2.0.0"
+
 strip-ansi@^4.0.0:
   version "4.0.0"
   resolved "https://registry.npmmirror.com/strip-ansi/-/strip-ansi-4.0.0.tgz#a8479022eb1ac368a871389b635262c505ee368f"
@@ -5503,6 +5756,23 @@ stylehacks@^5.1.0:
     browserslist "^4.16.6"
     postcss-selector-parser "^6.0.4"
 
+supports-color@^0.2.0:
+  version "0.2.0"
+  resolved "https://registry.npmmirror.com/supports-color/-/supports-color-0.2.0.tgz#d92de2694eb3f67323973d7ae3d8b55b4c22190a"
+  integrity sha512-tdCZ28MnM7k7cJDJc7Eq80A9CsRFAAOZUy41npOZCs++qSjfIy7o5Rh46CBk+Dk5FbKJ33X3Tqg4YrV07N5RaA==
+
+supports-color@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.npmmirror.com/supports-color/-/supports-color-2.0.0.tgz#535d045ce6b6363fa40117084629995e9df324c7"
+  integrity sha512-KKNVtd6pCYgPIKU4cp2733HWYCpplQhddZLBUryaAHou723x+FRzQ5Df824Fj+IyyuiQTRoub4SnIFfIcrp70g==
+
+supports-color@^3.2.3:
+  version "3.2.3"
+  resolved "https://registry.npmmirror.com/supports-color/-/supports-color-3.2.3.tgz#65ac0504b3954171d8a64946b2ae3cbb8a5f54f6"
+  integrity sha512-Jds2VIYDrlp5ui7t8abHN2bjAu4LV/q4N2KivFPpGH0lrka0BMq/33AmECUXlKPcHigkNaqfXRENFju+rlcy+A==
+  dependencies:
+    has-flag "^1.0.0"
+
 supports-color@^5.3.0:
   version "5.5.0"
   resolved "https://registry.npmmirror.com/supports-color/-/supports-color-5.5.0.tgz#e2e69a44ac8772f78a1ec0b35b689df6530efc8f"
@@ -5729,6 +5999,11 @@ uri-js@^4.2.2:
   dependencies:
     punycode "^2.1.0"
 
+urix@^0.1.0:
+  version "0.1.0"
+  resolved "https://registry.npmmirror.com/urix/-/urix-0.1.0.tgz#da937f7a62e21fec1fd18d49b35c2935067a6c72"
+  integrity sha512-Am1ousAhSLBeB9cG/7k7r2R0zj50uDRlZHPGbazid5s9rlF1F/QKYObEKSIunSjIOkJZqwRRLpvewjEkM7pSqg==
+
 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#450d4dc9fa70de732762fbd2d4a28981419a0ccf"
@@ -5794,6 +6069,13 @@ vue-loader@^17.0.0:
     hash-sum "^2.0.0"
     loader-utils "^2.0.0"
 
+vue-router@^4.1.5:
+  version "4.1.5"
+  resolved "https://registry.npmmirror.com/vue-router/-/vue-router-4.1.5.tgz#256f597e3f5a281a23352a6193aa6e342c8d9f9a"
+  integrity sha512-IsvoF5D2GQ/EGTs/Th4NQms9gd2NSqV+yylxIyp/OYp8xOwxmU8Kj/74E9DTSYAyH5LX7idVUngN3JSj1X4xcQ==
+  dependencies:
+    "@vue/devtools-api" "^6.1.4"
+
 vue-style-loader@^4.1.0, vue-style-loader@^4.1.3:
   version "4.1.3"
   resolved "https://registry.npmmirror.com/vue-style-loader/-/vue-style-loader-4.1.3.tgz#6d55863a51fa757ab24e89d9371465072aa7bc35"
@@ -5976,6 +6258,11 @@ websocket-extensions@>=0.1.1:
   resolved "https://registry.npmmirror.com/websocket-extensions/-/websocket-extensions-0.1.4.tgz#7f8473bc839dfd87608adb95d7eb075211578a42"
   integrity sha512-OqedPIGOfsDlo31UNwYbCFMSaO9m9G/0faIHj5/dZFDMFqPTcx6UwqyOy3COEaEOg/9VsGIpdqn62W5KhoKSpg==
 
+webworkify-webpack@^2.1.5:
+  version "2.1.5"
+  resolved "https://registry.npmmirror.com/webworkify-webpack/-/webworkify-webpack-2.1.5.tgz#bf4336624c0626cbe85cf1ffde157f7aa90b1d1c"
+  integrity sha512-2akF8FIyUvbiBBdD+RoHpoTbHMQF2HwjcxfDvgztAX5YwbZNyrtfUMgvfgFVsgDhDPVTlkbb5vyasqDHfIDPQw==
+
 whatwg-fetch@^3.6.2:
   version "3.6.2"
   resolved "https://registry.npmmirror.com/whatwg-fetch/-/whatwg-fetch-3.6.2.tgz#dced24f37f2624ed0281725d51d0e2e3fe677f8c"