合并dev

2 years ago · e348f703de
20 changed files with 1455 additions and 442 deletions
--- a/src/assets/images/gailan/tag_blue.png
+++ b/src/assets/images/gailan/tag_blue.png
--- a/src/assets/images/gailan/tag_orange.png
+++ b/src/assets/images/gailan/tag_orange.png
--- a/src/assets/images/gailan/yuan_bg.png
+++ b/src/assets/images/gailan/yuan_bg.png
--- a/src/assets/images/gailan/zq_bg.png
+++ b/src/assets/images/gailan/zq_bg.png
--- a/src/assets/scss/dataBoard/overview/index.scss
+++ b/src/assets/scss/dataBoard/overview/index.scss
@ -494,7 +494,6 @@
 				height: 40px;
 				line-height: 40px;
 				font-size: 14px;
-				font-family: PingFang SC;
 				font-weight: 400;
 				color: #A3B9DA;
 			}
@ -508,11 +507,12 @@
 				height: 40px;
 				line-height: 40px;
 				width: 110px;
-				height: 14px;
+				overflow: hidden;
 				font-size: 14px;
-				font-family: PingFang SC;
 				font-weight: 400;
 				color: #FFFFFF;
+				text-overflow: ellipsis;
+				white-space: nowrap;
 				// padding: 0 8px;
 				// overflow: hidden;
 				// white-space: nowrap;
--- a/src/views/dataBoard/cpts/map/index.vue
+++ b/src/views/dataBoard/cpts/map/index.vue
@ -1,38 +1,17 @@
 <template>
  <div class="m-map" :class="{ 'z-td': mapType == 'td' }">
    <div id="map"></div>
-    <div
-      class="btn"
-      v-if="mapStyleType == 'light'"
-      v-show="false"
-      @click="shiftMapStyle('dark')"
-    >
-      切换深色模式
-    </div>
-    <div class="btn" v-show="false" v-else @click="shiftMapStyle('light')">
-      切换浅色模式
-    </div>
-
-    <cpt-popup
-      ref="popup"
-      @clickListItem="handleClickDotListItem"
-      @operate="handleClickDotBtn"
-    />
+    <div class="btn" v-if="mapStyleType == 'light'" v-show="false" @click="shiftMapStyle('dark')">切换深色模式</div>
+    <div class="btn" v-show="false" v-else @click="shiftMapStyle('light')">切换浅色模式</div>
+
+    <cpt-popup ref="popup" @clickListItem="handleClickDotListItem" @operate="handleClickDotBtn" />
  </div>
 </template>

 <script>
 import { requestPost } from "@/js/dai/request";
 import nextTick from "dai-js/tools/nextTick";
-import {
-  Scene,
-  PolygonLayer,
-  LineLayer,
-  RasterLayer,
-  PointLayer,
-  Marker,
-  Popup,
-} from "@antv/l7";
+import { Scene, PolygonLayer, LineLayer, RasterLayer, PointLayer, Marker, Popup } from "@antv/l7";
 import { GaodeMap, Map } from "@antv/l7-maps";
 import { spliceIntoChunks } from "@/utils/index";
 import { mapType, searchNearby } from "@/utils/dai-map";
@ -67,22 +46,26 @@ export default {
        style: "amap://styles/blue",
        polygonColor: [
          // "rgba(255, 100, 60, 0.5)",
-          "rgba(43, 231, 253, 0.35)",
+          // "rgba(43, 231, 253, 0.35)",
+          "rgba(0, 127, 241, .3)",
          // "rgba(255, 255, 50, 0.35)",
        ],
        lineColor: [
          // "rgba(255, 180, 150, 0.9)",
-          "rgba(43, 231, 253, 0.7)",
+          // "rgba(43, 231, 253, 0.7)",
+          "rgba(0, 127, 241, .6)",
          // "rgba(255, 255, 50, 0.7)",
        ],
        circleColor: [
          // "rgba(255, 180, 150, 0.99)",
-          "rgba(43, 231, 253, 0.99)",
+          // "rgba(43, 231, 253, 0.99)",
+          "rgba(0, 127, 241, 0.99)",
          // "rgba(255, 255, 50, 0.99)",
        ],
        textColor: [
          // "rgba(255, 100, 60, 0.99)",
-          "rgba(43, 231, 253, 0.99)",
+          // "rgba(43, 231, 253, 0.99)",
+          "rgba(126, 187, 255, 1)",
          // "rgba(255, 255, 50, 0.99)",
        ],
        textStrokeColor: "#fff",
@ -146,15 +129,9 @@ export default {
      default: () => ({}),
    },
  },
-
-  computed: {},
-
  components: {
    cptPopup,
  },
-
-  watch: {},
-
  async mounted() {
    // 临时这么用吧
    window._AMapSecurityConfig = {
@ -167,11 +144,7 @@ export default {
  computed: {
    polygonData() {
      const { srcGridData } = this;
-      if (
-        !srcGridData ||
-        !srcGridData.children ||
-        !Array.isArray(srcGridData.children)
-      ) {
+      if (!srcGridData || !srcGridData.children || !Array.isArray(srcGridData.children)) {
        return { type: "FeatureCollection", features: [] };
      }
      const polygon = [
@ -202,11 +175,7 @@ export default {

    polygonDotData() {
      const { srcGridData } = this;
-      if (
-        !srcGridData ||
-        !srcGridData.children ||
-        !Array.isArray(srcGridData.children)
-      ) {
+      if (!srcGridData || !srcGridData.children || !Array.isArray(srcGridData.children)) {
        return { type: "FeatureCollection", features: [] };
      }
      const polygon = [
@ -227,9 +196,7 @@ export default {
                item.latitude
                  ? [[item.longitude, item.latitude]]
                  : spliceIntoChunks(
-                      item.coordinates
-                        .split(",")
-                        .map((item) => parseFloat(item)),
+                      item.coordinates.split(",").map((item) => parseFloat(item)),
                      2
                    ).filter((item) => item.length == 2),
              ],
@ -253,10 +220,7 @@ export default {
              },
              geometry: {
                type: "Point",
-                coordinates: [
-                  parseFloat(item.longitude),
-                  parseFloat(item.latitude),
-                ],
+                coordinates: [parseFloat(item.longitude), parseFloat(item.latitude)],
              },
            })),
        ],
@ -277,10 +241,7 @@ export default {
              },
              geometry: {
                type: "Point",
-                coordinates: [
-                  parseFloat(item.longitude),
-                  parseFloat(item.latitude),
-                ],
+                coordinates: [parseFloat(item.longitude), parseFloat(item.latitude)],
              },
            })),
        ],
@ -315,24 +276,19 @@ export default {
        styleConfig = lightStyle;
      }

-      const iniCenter = [
-        srcGridData.longitude ||
-          this.$store.state.user.longitude ||
-          116.39743841556731,
-        srcGridData.latitude ||
-          this.$store.state.user.latitude ||
-          39.9088810666821,
-      ];
+      const iniCenter = [srcGridData.longitude || this.$store.state.user.longitude || 116.39743841556731, srcGridData.latitude || this.$store.state.user.latitude || 39.9088810666821];

      if (mapType != "qq") {
        myMap = new Map({
          center: iniCenter,
+          mapStyle: 'amap://styles/darkblue',
          zoom: 18,
        });
      } else {
        myMap = new GaodeMap({
          //   pitch: this.pitch,
-          style: styleConfig.style,
+          mapStyle: 'amap://styles/darkblue',
+          // style: styleConfig.style,
          center: iniCenter,
          token: "fc14b42e0ca18387866d68ebd4f150c1",
          zoom: 18,
@ -356,9 +312,9 @@ export default {
        }

        this.iniMapGrid(scene);
-        this.iniMapDot(scene);
-        this.iniMapDot2(scene);
-        await nextTick(0);
+        // this.iniMapDot(scene);
+        // this.iniMapDot2(scene);
+        // await nextTick(0);
        this.zoomInABit();
      });
    },
@ -371,18 +327,15 @@ export default {
        zIndex: 1,
      });
      baseLayer
-        .source(
-          "http://t7.tianditu.com/DataServer?T=vec_w&tk=8a08c117ab9ee45d508686b01cc8d397&x={x}&y={y}&l={z}",
-          {
-            parser: {
-              type: "rasterTile",
-              tileSize: 256,
-              // minZoom: 6,
-              // maxZoom: 15,
-              zoomOffset: 0,
-            },
-          }
-        )
+        .source("http://t7.tianditu.com/DataServer?T=vec_w&tk=8a08c117ab9ee45d508686b01cc8d397&x={x}&y={y}&l={z}", {
+          parser: {
+            type: "rasterTile",
+            tileSize: 256,
+            // minZoom: 6,
+            // maxZoom: 15,
+            zoomOffset: 0,
+          },
+        })
        .style({
          opacity: 0.7,
        });
@ -392,18 +345,15 @@ export default {
        zIndex: 2,
      });
      annotionLayer
-        .source(
-          "http://t7.tianditu.com/DataServer?T=cva_w&tk=8a08c117ab9ee45d508686b01cc8d397&x={x}&y={y}&l={z}",
-          {
-            parser: {
-              type: "rasterTile",
-              tileSize: 256,
-              // minZoom: 6,
-              // maxZoom: 15,
-              zoomOffset: 0,
-            },
-          }
-        )
+        .source("http://t7.tianditu.com/DataServer?T=cva_w&tk=8a08c117ab9ee45d508686b01cc8d397&x={x}&y={y}&l={z}", {
+          parser: {
+            type: "rasterTile",
+            tileSize: 256,
+            // minZoom: 6,
+            // maxZoom: 15,
+            zoomOffset: 0,
+          },
+        })
        .style({
          opacity: 0.5,
        });
@ -504,14 +454,8 @@ export default {
      // scene.addLayer(circleLayer);

      scene.addImage("pos-red", require("@/assets/img/shuju/grid/pos-red.png"));
-      scene.addImage(
-        "pos-green",
-        require("@/assets/img/shuju/grid/pos-green.png")
-      );
-      scene.addImage(
-        "pos-yellow",
-        require("@/assets/img/shuju/grid/pos-yellow.png")
-      );
+      scene.addImage("pos-green", require("@/assets/img/shuju/grid/pos-green.png"));
+      scene.addImage("pos-yellow", require("@/assets/img/shuju/grid/pos-yellow.png"));
      posLayer = new PolygonLayer({
        zIndex: 4,
      })
@ -549,7 +493,8 @@ export default {
        .active(true);
      scene.addLayer(textLayer);

-      // polygonLayer.on("mouseenter", (e) => {
+      polygonLayer.on("mouseenter", (e) => {
+        console.log("e", e);
        // const { lng, lat } = e.lngLat;
        // const popup = new Popup({
        //   title: e.feature.properties.name,
@ -559,9 +504,16 @@ export default {
        //     lat,
        //   },
        // });
-
-      //   scene.addPopup(layerPopup);
-      // });
+        // scene.addPopup(popup);
+        const popup = new Popup({
+          offsets: [0, 0],
+          closeButton: false,
+          maxWidth: 400,
+        })
+          .setLnglat(e.lngLat)
+          .setHTML(`<span>街道: ${e.feature.properties.name}</span><br><span>网格: ${e.feature.properties.center_addre}</span>`);
+        scene.addPopup(popup);
+      });

      polygonLayer.on("mousemove", (e) => {
        polygonLayer.style({
@ -721,9 +673,7 @@ export default {
        // lng 经度；lat 纬度；dis 距离（千米）
        let r = 6371; //地球半径千米
        let dis = 0.25; //3千米距离
-        let dlng =
-          2 *
-          Math.asin(Math.sin(dis / (2 * r)) / Math.cos((lat * Math.PI) / 180));
+        let dlng = 2 * Math.asin(Math.sin(dis / (2 * r)) / Math.cos((lat * Math.PI) / 180));
        dlng = (dlng * 180) / Math.PI; // 经度半径
        let dlat = dis / r;
        dlat = (dlat * 180) / Math.PI; // 纬度半径
@ -854,10 +804,7 @@ export default {

    handleClickDotListItem(item) {
      console.log("handleClickDotListItem", item);
-      this.handleClickDot(item, [
-        parseFloat(item.longitude),
-        parseFloat(item.latitude),
-      ]);
+      this.handleClickDot(item, [parseFloat(item.longitude), parseFloat(item.latitude)]);
    },
  },
 };
@ -880,12 +827,7 @@ export default {
    right: 0;
    bottom: 0;
    pointer-events: none;
-    background: radial-gradient(
-      rgba(#020c38, 0) 0%,
-      rgba(#020c38, 0) 60%,
-      rgba(#020c38, 1) 85%,
-      rgba(#020c38, 1) 100%
-    );
+    background: radial-gradient(rgba(#020c38, 0) 0%, rgba(#020c38, 0) 60%, rgba(#020c38, 1) 85%, rgba(#020c38, 1) 100%);
  }

  &.z-td {
@ -893,11 +835,7 @@ export default {
      /deep/ .l7-scene {
        canvas {
          background-color: rgba(43, 51, 73, 0.82);
-          background-image: radial-gradient(
-            rgba(0, 0, 0, 0),
-            rgba(0, 0, 0, 0.3),
-            #000
-          );
+          background-image: radial-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.3), #000);
        }
        .gray {
          -webkit-filter: grayscale(100%);
--- a/src/views/dataBoard/overview/components/CommunityResult.vue
+++ b/src/views/dataBoard/overview/components/CommunityResult.vue
@ -0,0 +1,148 @@
+<template>
+  <div class="result">
+    <div class="score">
+      <div class="tit">当前得分</div>
+      <div class="branch">
+        <span>{{synthesisScore?synthesisScore:'0'}}</span>分
+      </div>
+    </div>
+    <div class="submit-num">
+      <div class="tit">总提交人数</div>
+      <div class="data">
+        <div class="people">
+          <span>{{sumNum?sumNum:'0'}}</span>人
+        </div>
+        <div>
+          <div class="today day"><span>今日</span> +{{todayNum?todayNum:0}}</div>
+          <div class="yesterday day"><span>昨日</span> +{{lastDayNum?lastDayNum:0}}</div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "CommunityResult",
+  props: {
+    date: {
+      type: String,
+      default: ''
+    }
+  },
+  data() {
+    return {
+      org: this.$store.state.chooseArea.chooseName,
+      lastDayNum: 0,
+      sumNum: 0,
+      synthesisScore: 0,
+      todayNum: 0,
+    };
+  },
+  watch: {
+    "$store.state.chooseArea.chooseName"(val) {
+      if (val.orgId) {
+        this.getData()
+      }
+    },
+    date() {
+      this.getData()
+    }
+  },
+  mounted() {
+    if (this.org.orgId) {
+      this.getData()
+    }
+  },
+  methods: {
+    getData() {
+      this.$http.get('/actual/base/streetOverview/satisfactionCommunitySelfGroup?month='+this.date+'&level='+this.$store.state.chooseArea.chooseName.level+'&orgId='+this.$store.state.chooseArea.chooseName.orgId).then(({data: {data}}) => {
+        this.lastDayNum = data.lastDayNum
+        this.sumNum = data.sumNum
+        this.synthesisScore = data.synthesisScore
+        this.todayNum = data.todayNum
+      })
+    }
+  }
+}
+</script>
+
+<style scoped lang="scss">
+.result {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 20px 30px 30px;
+  .tit {
+    font-size: 16px;
+    font-weight: 400;
+    color: #FFFFFF;
+  }
+
+  .score {
+    .branch {
+      font-size: 14px;
+      font-weight: 500;
+      color: #A3B9DA;
+      margin-top: 20px;
+      span {
+        font-size: 36px;
+        font-weight: bold;
+        font-style: italic;
+        color: #08EBAE;
+      }
+    }
+
+  }
+
+
+  .submit-num {
+    .data {
+      display: flex;
+      align-items: flex-end;
+      .people {
+        font-size: 14px;
+        font-weight: 500;
+        color: #A3B9DA;
+        margin-right: 21px;
+        span {
+          font-size: 36px;
+          font-weight: bold;
+          font-style: italic;
+          color: #7FCEFF;
+        }
+      }
+      .day {
+        display: flex;
+        align-items: center;
+        margin-top: 8px;
+        font-size: 18px;
+        font-weight: bold;
+        font-style: italic;
+        color: #00D6D9;
+        span {
+          display: block;
+          text-align: center;
+          font-style: normal;
+          font-size: 12px;
+          font-weight: 500;
+          color: #FFFFFF;
+          width: 36px;
+          height: 18px;
+          line-height: 18px;
+        }
+        &.today span {
+          background: url("@/assets/images/gailan/tag_blue.png") no-repeat;
+        }
+
+        &.yesterday span {
+          background: url("@/assets/images/gailan/tag_orange.png") no-repeat;
+        }
+      }
+    }
+  }
+
+
+}
+
+</style>
--- a/src/views/dataBoard/overview/components/DynamicHumanRoomData.vue
+++ b/src/views/dataBoard/overview/components/DynamicHumanRoomData.vue
@ -0,0 +1,103 @@
+<template>
+  <div class="dhrd">
+  <div class="dhrd-list">
+<!--    <div class="dhrd-item">
+      <div class="time blue">
+        刚刚
+      </div>
+      <div class="title ">XX社区第一网格</div>
+      <div class="name ">杨波</div>
+      <div class="address ">
+        修改了新苑小区**的居民信息的居民信息的居民信息
+      </div>
+    </div>-->
+    <div class="dhrd-item" v-for="(item,index) in list" :key="index">
+      <div class="time">
+        {{$moment(item.changeTime).format('HH:mm')}}
+      </div>
+      <div class="title">{{item.orgName}}</div>
+<!--      <div class="name">{{item.orgName}}</div>-->
+      <div class="address">{{item.content}}</div>
+    </div>
+  </div>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "DynamicHumanRoomData",
+  data() {
+    return {
+      org: this.$store.state.chooseArea.chooseName,
+      list: []
+    }
+  },
+  watch: {
+    "$store.state.chooseArea.chooseName"(val) {
+      if (val.orgId) {
+        this.getList()
+      }
+    },
+  },
+  mounted() {
+    if (this.org.orgId) {
+      this.getList()
+    }
+  },
+  methods: {
+    getList() {
+      this.$http.get('/actual/base/streetOverview/residentHouseUpdateRecord?level='+this.$store.state.chooseArea.chooseName.level+'&orgId='+this.$store.state.chooseArea.chooseName.orgId).then(({data: {data}}) => {
+        this.list = data
+      })
+    }
+  }
+}
+</script>
+
+<style scoped lang="scss">
+@import "@/assets/scss/dataBoard/c/common.scss";
+.dhrd {
+  padding: 20px 16px;
+}
+.dhrd-list {
+  height: 200px;
+  overflow-y: auto;
+  @include scrollBar
+  .dhrd-item {
+    display: flex;
+    font-size: 14px;
+    font-weight: 400;
+    color: #FFFFFF;
+    height: 40px;
+    align-items: center;
+    padding: 0 16px;
+    &:nth-of-type(odd) {
+      background: rgba(14, 56, 115, 0.4);
+    }
+    .time {
+      flex: 1;
+    }
+    .title {
+      flex: 2;
+      overflow: hidden;
+      white-space: nowrap;
+      text-overflow: ellipsis;
+    }
+    .name {
+      flex: 1;
+      overflow: hidden;
+      white-space: nowrap;
+      text-overflow: ellipsis;
+    }
+    .address {
+      flex: 3;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+    }
+  }
+}
+.blue {
+  color: #0DEEEF;
+}
+</style>
--- a/src/views/dataBoard/overview/components/EventAndFollowUp.vue
+++ b/src/views/dataBoard/overview/components/EventAndFollowUp.vue
@ -0,0 +1,194 @@
+<template>
+  <div class="event">
+    <div class="tabs">
+      <Tabs v-model="type" :list="typeList" @changeVal="typeChange"/>
+    </div>
+    <div class="content">
+      <div class="total">
+        <div class="tit">事件总数</div>
+        <div class="num orange">{{sumNum?sumNum:0}}</div>
+        <div class="desc"><span>较上月</span>-{{lastSumNum?lastSumNum:0}}</div>
+      </div>
+      <div class="processing">
+        <div class="bg">
+          <div class="bg-1">
+          </div>
+          <div class="num">
+            {{processNum?processNum:0}}
+          </div>
+          <div class="name">处理中</div>
+        </div>
+      </div>
+      <div class="total">
+        <div class="tit">已办结</div>
+        <div class="num blue">{{closedNum?closedNum:0}}</div>
+        <div class="desc white"><span>办结率</span>{{closedRatio?closedRatio:0}}%</div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import Tabs from "@/views/dataBoard/satisfactionEval/components/Tabs/index.vue";
+
+export default {
+  name: "EventAndFollowUp",
+  components: {Tabs},
+  props: {
+    date: {
+      type: String,
+      default: ''
+    }
+  },
+  data() {
+    return {
+      org: this.$store.state.chooseArea.chooseName,
+      typeList: [{
+        label: '12345事件',
+        value: '12345'
+      }, {
+        label: '事件回访',
+        value: 'follow'
+      }],
+      type: '12345',
+      sumNum: 0,
+      lastSumNum: 0,
+      processNum: 0,
+      closedNum: 0,
+    }
+  },
+  watch: {
+    "$store.state.chooseArea.chooseName"(val) {
+      if (val.orgId) {
+        this.getData()
+      }
+    },
+    date() {
+      this.getData()
+    }
+  },
+  mounted() {
+    if (this.org.orgId) {
+      this.getData()
+    }
+  },
+  methods: {
+    getData() {
+      this.$http.get('/actual/base/streetOverview/eventAndFollowGroup?month=' + this.date + '&level=' + this.$store.state.chooseArea.chooseName.level + '&orgId=' + this.$store.state.chooseArea.chooseName.orgId + '&queryType=' + this.type).then(({data: {data}}) => {
+        this.sumNum = data.sumNum
+        this.lastSumNum = data.lastSumNum
+        this.processNum = data.processNum
+        this.closedNum = data.closedNum
+        this.closedRatio = data.closedRatio
+      })
+    },
+    typeChange(val) {
+      console.log(val,'val')
+      this.type = val
+      this.getData()
+    }
+  }
+}
+</script>
+
+<style scoped lang="scss">
+.event {
+  padding: 10px 16px;
+}
+.tabs {
+  margin: 10px 0;
+}
+
+.content {
+  background: linear-gradient(90deg, rgba(1, 94, 234, 0.1) 0%, rgba(16, 50, 103, 0) 50%, rgba(1, 94, 234, 0.1) 100%);
+  padding: 20px 19px;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+
+.total {
+  .tit {
+    font-size: 16px;
+    font-weight: 400;
+    color: #FFFFFF;
+  }
+
+  .num {
+    height: 24px;
+    font-size: 32px;
+    font-weight: bold;
+    font-style: italic;
+    margin: 20px 0 15px;
+  }
+
+  .orange {
+    color: #FF7845;
+  }
+
+  .blue {
+    color: #76C0EF;
+  }
+
+  .desc {
+    font-size: 18px;
+    font-weight: bold;
+    font-style: italic;
+    color: #00D6D9;
+
+    span {
+      font-style: normal;
+      font-size: 14px;
+      font-weight: 500;
+      color: #A3B9DA;
+    }
+  }
+
+  .white {
+    color: #fff;
+  }
+}
+
+
+.processing {
+  .bg {
+    background: url("@/assets/images/gailan/yuan_bg.png") no-repeat center;
+    flex: 0 0 150px;
+    width: 150px;
+    height: 150px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    position: relative;
+
+    .bg-1 {
+      background: url("@/assets/images/gailan/zq_bg.png") no-repeat center;
+      width: 146px;
+      height: 136px;
+      position: absolute;
+      left: 9px;
+      top: 9px;
+    }
+
+    .num {
+      font-size: 32px;
+      font-weight: bold;
+      font-style: italic;
+      color: #64C1FF;
+    }
+
+    .name {
+      position: absolute;
+      bottom: 10px;
+      font-size: 16px;
+      font-weight: 400;
+      color: #FFFFFF;
+    }
+
+  }
+
+
+}
+
+
+</style>
--- a/src/views/dataBoard/overview/components/RankingGridData.vue
+++ b/src/views/dataBoard/overview/components/RankingGridData.vue
@ -0,0 +1,99 @@
+<template>
+  <div class="m-subbox m-sqrfph">
+    <div class="rank">
+      <div class="tit">{{ self.orgName }}</div>
+      <div class="num">第<span>{{ self.rank }}</span>名</div>
+    </div>
+    <div class="table">
+      <div class="tr">
+        <div class="th">排名</div>
+        <div class="th">网格</div>
+        <div class="th">房屋更新数</div>
+        <div class="th">人口更新数</div>
+        <div class="th">人房更新总数</div>
+      </div>
+      <div class="tr" v-for="item in pmList" :key="item.rank">
+        <div :class="item.rank < 4 ? `td tdbg${item.rank}` : 'td'">
+          {{ item.rank }}
+        </div>
+        <div class="td">{{ item.orgName }}</div>
+        <div class="td">{{ item.houseNum }}</div>
+        <div class="td">{{ item.residentNum }}</div>
+        <div class="td">{{ item.sumNum }}</div>
+      </div>
+    </div>
+  </div>
+</template>
+<script>
+export default {
+  name: "RankingGridData",
+  props: {
+    date: {
+      type: String,
+      default: ''
+    }
+  },
+  data() {
+    return {
+      org: this.$store.state.chooseArea.chooseName,
+      pmList: [],
+      self: {}
+    };
+  },
+  watch: {
+    "$store.state.chooseArea.chooseName"(val) {
+      if (val.orgId) {
+        this.getList()
+      }
+    },
+    date() {
+      this.getList()
+    }
+  },
+  mounted() {
+    if (this.org.orgId) {
+      this.getList()
+    }
+  },
+  methods: {
+    getList() {
+      this.$http.get('/actual/base/streetOverview/residentHouseUpdateGroupByGrid?month=' + this.date + '&level=' + this.$store.state.chooseArea.chooseName.level + '&orgId=' + this.$store.state.chooseArea.chooseName.orgId).then(({data: {data}}) => {
+        if (data) {
+          data = data.map((item, index) => {
+            return {
+              ...item,
+              rank: index - 0 + 1
+            }
+          })
+          this.pmList = data.filter(item => !item.self)
+          this.self = data.filter(item => item.self)[0]
+        }
+      })
+    }
+  }
+};
+</script>
+
+<style lang="scss" src="@/assets/scss/dataBoard/overview/index.scss" scoped/>
+<style scoped lang="scss">
+.rank {
+  font-size: 16px;
+  font-weight: 400;
+  color: #FFFFFF;
+  padding: 0 15px 20px;
+
+  .num {
+    font-size: 14px;
+    font-weight: 500;
+    color: #A3B9DA;
+    margin-top: 20px;
+
+    span {
+      font-size: 36px;
+      font-weight: bold;
+      font-style: italic;
+      color: #FFB73C;
+    }
+  }
+}
+</style>
--- a/src/views/dataBoard/overview/components/jdjs.vue
+++ b/src/views/dataBoard/overview/components/jdjs.vue
@ -5,8 +5,7 @@
        <img src="../linshi/jiedaotu.jpg" />
      </div>
      <div class="m-jdjs-js-txt">
-        XX街道，现有房屋4600间，自 住房屋3800间、出租房屋600、闲
-        置房屋200，现有居民4000户、 8400
+        {{overview}}
      </div>
    </div>
    <div class="m-jdjs-bg">
@ -17,8 +16,7 @@
        <div class="m-jdjs-bg-title-txt">总结报告</div>
      </div>
      <div class="m-jdjs-bg-txt">
-        根据数据分析结果，建议重点关注租户、党员、保障房人员三类
-        群体，开展相关的社区服务和活动。
+        {{report}}
      </div>
    </div>
  </div>
@ -26,12 +24,39 @@
 <script>
 export default {
  name: "jdjs",
-  data() {},
+  data() {
+    return {
+      orgId: this.$store.state.chooseArea.chooseName,
+      report: "",
+      overview: ""
+    }
+  },
+  watch: {
+    "$store.state.chooseArea.chooseName"(val) {
+      console.log(val,'val')
+      console.log(123)
+      if(val.orgId) {
+        this.getReport(val)
+      }
+    }
+  },
+  mounted() {
+    console.log(this.orgId.orgId)
+    if(this.orgId.orgId) {
+      this.getReport(this.orgId)
+    }
+  },
+  methods: {
+    getReport({orgId,level}) {
+      this.$http.get('/actual/base/streetOverview/communityOverview?orgId='+orgId+'&level='+level).then(({data: {data}}) => {
+        this.overview = data
+      })
+      this.$http.get('/actual/base/streetOverview/summaryReport?orgId='+orgId+'&level='+level).then(({data: {data}}) => {
+        this.report = data
+      })
+    }
+  }
 };
 </script>

-<style
-  lang="scss"
-  src="@/assets/scss/dataBoard/overview/index.scss"
-  scoped
-></style>
+<style lang="scss" src="@/assets/scss/dataBoard/overview/index.scss" scoped/>
--- a/src/views/dataBoard/overview/components/jdtphx.vue
+++ b/src/views/dataBoard/overview/components/jdtphx.vue
@ -5,23 +5,15 @@
        <div class="m-jdhx-card-title">
          <div class="m-jdhx-card-title-icon">
            <img
-              src="../../../../assets/images/shuju/overview/jumin-icon.png"
+                src="@/assets/images/shuju/overview/jumin-icon.png"
            />
          </div>
          <div class="m-jdhx-card-title-txt">主要居民类型</div>
        </div>
        <div class="m-jdhx-card-content">
-          <div class="m-jdhx-card-content-item">
-            <div class="m-jdhx-card-content-item-lable">老年人</div>
-            <div class="m-jdhx-card-content-item-value">21%</div>
-          </div>
-          <div class="m-jdhx-card-content-item">
-            <div class="m-jdhx-card-content-item-lable">租户</div>
-            <div class="m-jdhx-card-content-item-value">17%</div>
-          </div>
-          <div class="m-jdhx-card-content-item">
-            <div class="m-jdhx-card-content-item-lable">低保人员</div>
-            <div class="m-jdhx-card-content-item-value">9%</div>
+          <div class="m-jdhx-card-content-item" v-for="(item,index) in categoryList" :key="index">
+            <div class="m-jdhx-card-content-item-lable">{{item.categoryName}}</div>
+            <div class="m-jdhx-card-content-item-value">{{item.categoryRatio?item.categoryRatio:'0%'}}</div>
          </div>
        </div>
      </div>
@ -29,27 +21,15 @@
        <div class="m-jdhx-card-title">
          <div class="m-jdhx-card-title-icon">
            <img
-              src="../../../../assets/images/shuju/overview/fangwu-icon.png"
+                src="@/assets/images/shuju/overview/fangwu-icon.png"
            />
          </div>
          <div class="m-jdhx-card-title-txt">房屋性质/用途</div>
        </div>
        <div class="m-jdhx-card-content">
-          <div class="m-jdhx-card-content-item">
-            <div class="m-jdhx-card-content-item-lable">自助</div>
-            <div class="m-jdhx-card-content-item-value">60%</div>
-          </div>
-          <div class="m-jdhx-card-content-item">
-            <div class="m-jdhx-card-content-item-lable">出租</div>
-            <div class="m-jdhx-card-content-item-value">18%</div>
-          </div>
-          <div class="m-jdhx-card-content-item">
-            <div class="m-jdhx-card-content-item-lable">办公</div>
-            <div class="m-jdhx-card-content-item-value">10%</div>
-          </div>
-          <div class="m-jdhx-card-content-item">
-            <div class="m-jdhx-card-content-item-lable">仓储</div>
-            <div class="m-jdhx-card-content-item-value">12%</div>
+          <div class="m-jdhx-card-content-item"  v-for="(item,index) in houseList" :key="index">
+            <div class="m-jdhx-card-content-item-lable">{{item.name}}</div>
+            <div class="m-jdhx-card-content-item-value">{{item.num}}</div>
          </div>
        </div>
      </div>
@ -61,7 +41,7 @@
          <div class="m-jdhx-center-content-item-jumin">
            <div class="m-jdhx-center-content-item-jumin-icon">
              <img
-                src="../../../../assets/images/shuju/overview/renkou-icon.png"
+                  src="@/assets/images/shuju/overview/renkou-icon.png"
              />
            </div>
            <div class="m-jdhx-center-content-item-jumin-txt">人口</div>
@ -69,7 +49,7 @@
          <div class="m-jdhx-center-content-item-fangwu">
            <div class="m-jdhx-center-content-item-fangwu-icon">
              <img
-                src="../../../../assets/images/shuju/overview/fangwu2-icon.png"
+                  src="@/assets/images/shuju/overview/fangwu2-icon.png"
              />
            </div>
            <div class="m-jdhx-center-content-item-fangwu-txt">房屋</div>
@ -79,7 +59,7 @@
          <div class="m-jdhx-center-content-item-manyi">
            <div class="m-jdhx-center-content-item-manyi-icon">
              <img
-                src="../../../../assets/images/shuju/overview/manyidu-icon.png"
+                  src="@/assets/images/shuju/overview/manyidu-icon.png"
              />
            </div>
            <div class="m-jdhx-center-content-item-manyi-txt">满意度</div>
@ -87,7 +67,7 @@
          <div class="m-jdhx-center-content-item-fengxian">
            <div class="m-jdhx-center-content-item-fengxian-icon">
              <img
-                src="../../../../assets/images/shuju/overview/fengxianry-icon.png"
+                  src="@/assets/images/shuju/overview/fengxianry-icon.png"
              />
            </div>
            <div class="m-jdhx-center-content-item-fengxian-txt">风险人员</div>
@ -101,23 +81,15 @@
        <div class="m-jdhx-card-title">
          <div class="m-jdhx-card-title-icon">
            <img
-              src="../../../../assets/images/shuju/overview/manyi-icon.png"
+                src="@/assets/images/shuju/overview/manyi-icon.png"
            />
          </div>
          <div class="m-jdhx-card-title-txt">主要不满意事项</div>
        </div>
        <div class="m-jdhx-card-content">
-          <div class="m-jdhx-card-content-item">
-            <div class="m-jdhx-card-content-item-lable">楼院卫生</div>
-            <div class="m-jdhx-card-content-item-value">67%</div>
-          </div>
-          <div class="m-jdhx-card-content-item">
-            <div class="m-jdhx-card-content-item-lable">医护人员态度</div>
-            <div class="m-jdhx-card-content-item-value">13%</div>
-          </div>
-          <div class="m-jdhx-card-content-item">
-            <div class="m-jdhx-card-content-item-lable">基础教育便利</div>
-            <div class="m-jdhx-card-content-item-value">20%</div>
+          <div class="m-jdhx-card-content-item" v-for="(item,index) in notSatisfactionList" :key="index">
+            <div class="m-jdhx-card-content-item-lable">{{item.name}}</div>
+            <div class="m-jdhx-card-content-item-value">{{item.ratio?item.ratio:'0%'}}</div>
          </div>
        </div>
      </div>
@ -125,23 +97,15 @@
        <div class="m-jdhx-card-title">
          <div class="m-jdhx-card-title-icon">
            <img
-              src="../../../../assets/images/shuju/overview/fengxian-icon.png"
+                src="@/assets/images/shuju/overview/fengxian-icon.png"
            />
          </div>
          <div class="m-jdhx-card-title-txt">风险人员</div>
        </div>
        <div class="m-jdhx-card-content">
-          <div class="m-jdhx-card-content-item">
-            <div class="m-jdhx-card-content-item-lable">12345</div>
-            <div class="m-jdhx-card-content-item-value">78</div>
-          </div>
-          <div class="m-jdhx-card-content-item">
-            <div class="m-jdhx-card-content-item-lable">生意满意度</div>
-            <div class="m-jdhx-card-content-item-value">96</div>
-          </div>
-          <div class="m-jdhx-card-content-item">
-            <div class="m-jdhx-card-content-item-lable">社区满意度自查</div>
-            <div class="m-jdhx-card-content-item-value">122</div>
+          <div class="m-jdhx-card-content-item" v-for="(item,index) in riskList" :key="index">
+            <div class="m-jdhx-card-content-item-lable">{{item.riskName}}</div>
+            <div class="m-jdhx-card-content-item-value">{{item.riskNum}}人</div>
          </div>
        </div>
      </div>
@ -152,11 +116,41 @@
 <script>
 export default {
  name: "jdtphx",
-  data() {},
+  data() {
+    return {
+      org: this.$store.state.chooseArea.chooseName,
+      categoryList: [],
+      houseList: [],
+      notSatisfactionList: [],
+      riskList: [],
+    }
+  },
+  watch: {
+    "$store.state.chooseArea.chooseName"(val) {
+      if(val.orgId) {
+        this.getData(this.$store.state.chooseArea.chooseName)
+      }
+    }
+  },
+  mounted() {
+    if (this.org.orgId) {
+      this.getData(this.org)
+    }
+  },
+  methods: {
+    getData({orgId, level}) {
+      this.$http.get('/actual/base/streetOverview/overviewPortrait?orgId=' + orgId + '&level=' + level).then(({data: {data}}) => {
+        this.categoryList = data.categoryList
+        this.houseList = data.houseList
+        this.notSatisfactionList = data.notSatisfactionList
+        this.riskList = data.riskList
+      })
+    }
+  }
 };
 </script>
 <style
-  lang="scss"
-  src="@/assets/scss/dataBoard/overview/index.scss"
-  scoped
+    lang="scss"
+    src="@/assets/scss/dataBoard/overview/index.scss"
+    scoped
 ></style>
--- a/src/views/dataBoard/overview/components/map-top.vue
+++ b/src/views/dataBoard/overview/components/map-top.vue
@ -72,7 +72,9 @@
 <script>
 export default {
  name: "map-top",
-  data() {},
+  data() {
+    return {}
+  },
 };
 </script>

--- a/src/views/dataBoard/overview/components/rfsjtj.vue
+++ b/src/views/dataBoard/overview/components/rfsjtj.vue
@ -3,33 +3,74 @@
    <div class="m-rfsjtj-item">
      <div class="m-rfsjtj-item-des">采集房屋数</div>
      <div class="m-rfsjtj-item-jian">
-        <span>{{ numFormat(2317) }}</span>
+        <span>{{ numFormat(house.sumNum) }}</span>
        间
      </div>
+
      <div class="m-rfsjtj-item-change">
        <div class="m-rfsjtj-item-change-today">今日</div>
-        <div class="m-rfsjtj-item-change-new">新增<span>31</span></div>
-        <div class="m-rfsjtj-item-change-update">更新<span>217</span></div>
+        <div class="m-rfsjtj-item-change-new">新增<span>{{ house.dayAddNum }}</span></div>
+        <div class="m-rfsjtj-item-change-update">更新<span>{{ house.dayUpdateNum }}</span></div>
      </div>
    </div>
    <div class="m-rfsjtj-item">
      <div class="m-rfsjtj-item-des">采集人口数</div>
      <div class="m-rfsjtj-item-ren">
-        <span>{{ numFormat(6302) }}</span>
+        <span>{{ numFormat(resident.sumNum) }}</span>
        人
      </div>
      <div class="m-rfsjtj-item-change">
        <div class="m-rfsjtj-item-change-today">今日</div>
-        <div class="m-rfsjtj-item-change-new">新增<span>24</span></div>
-        <div class="m-rfsjtj-item-change-update">更新<span>466</span></div>
+        <div class="m-rfsjtj-item-change-new">新增<span>{{ resident.dayAddNum }}</span></div>
+        <div class="m-rfsjtj-item-change-update">更新<span>{{ resident.dayUpdateNum }}</span></div>
      </div>
    </div>
  </div>
 </template>
 <script>
+var timer
 export default {
  name: "rfsjtj",
-  data() {},
+  data() {
+    return {
+      org: this.$store.state.chooseArea.chooseName,
+      house: {
+        dayAddNum: 0,
+        dayUpdateNum: 0,
+        sumNum: 0,
+      },
+      resident: {
+        dayAddNum: 0,
+        dayUpdateNum: 0,
+        sumNum: 0,
+      },
+    }
+  },
+  watch: {
+    "$store.state.chooseArea.chooseName"(val) {
+      if (val.orgId) {
+        this.getData(this.$store.state.chooseArea.chooseName)
+      }
+    }
+  },
+  mounted() {
+    if (this.org.orgId) {
+      this.getData(this.org)
+    }
+  },
+  activated() {
+    if (this.$store.state.chooseArea.chooseName.orgId) {
+      this.getData(this.$store.state.chooseArea.chooseName)
+    }
+  },
+  destroyed() {
+    clearInterval(timer)
+    console.log('xiaohui')
+  },
+  deactivated() {
+    clearInterval(timer)
+    console.log('xiaohui1')
+  },
  methods: {
    numFormat(num) {
      num = num.toString().split("."); // 分隔小数点
@ -50,12 +91,29 @@ export default {
      }
      return res;
    },
+    getData({orgId, level}) {
+      clearInterval(timer)
+        this.$http.get('/actual/base/streetOverview/residentHouseGroup?orgId=' + orgId + '&level=' + level).then(({data: {data}}) => {
+          data.forEach(item => {
+            if (item.type === 'house') {
+              this.house = item
+            }
+            if (item.type === 'resident') {
+              this.resident = item
+            }
+          });
+        })
+      timer = setInterval(() => {
+        this.getData({orgId, level})
+      },1000 * 60)
+
+    }
  },
 };
 </script>

 <style
-  lang="scss"
-  src="@/assets/scss/dataBoard/overview/index.scss"
-  scoped
+    lang="scss"
+    src="@/assets/scss/dataBoard/overview/index.scss"
+    scoped
 ></style>
--- a/src/views/dataBoard/overview/components/sq12345.vue
+++ b/src/views/dataBoard/overview/components/sq12345.vue
@ -8,14 +8,14 @@
        <div class="th">处理中</div>
        <div class="th">已办结</div>
      </div>
-      <div class="tr" v-for="item in pmList" :key="item.num">
-        <div :class="item.num < 4 ? `td tdbg${item.num}` : 'td'">
-          {{ item.num }}
+      <div class="tr" v-for="(item,index) in pmList" :key="index">
+        <div :class="index - 0 + 1 < 4 ? `td tdbg${index-0+1}` : 'td'">
+          {{ index - 0 + 1 }}
        </div>
-        <div class="td">{{ item.shequ }}</div>
-        <div class="td">{{ item.fwgxs }}</div>
-        <div class="td td-or">{{ item.rkgxs }}</div>
-        <div class="td td-gr">{{ item.rfgxzs }}</div>
+        <div class="td">{{ item.orgName }}</div>
+        <div class="td">{{ item.sumNum }}</div>
+        <div class="td td-or">{{ item.processNum }}</div>
+        <div class="td td-gr">{{ item.closedNum }}</div>
      </div>
    </div>
  </div>
@ -23,55 +23,40 @@
 <script>
 export default {
  name: "sq12345",
+  props: {
+    date: {
+      type: String,
+      default: ''
+    }
+  },
  data() {
    return {
-      value2: "2023-02",
-      pmList: [
-        {
-          num: "1",
-          shequ: "XX社区",
-          fwgxs: "350",
-          rkgxs: "12",
-          rfgxzs: "410",
-        },
-        {
-          num: "2",
-          shequ: "XX社区",
-          fwgxs: "350",
-          rkgxs: "12",
-          rfgxzs: "410",
-        },
-        {
-          num: "3",
-          shequ: "XX社区",
-          fwgxs: "350",
-          rkgxs: "12",
-          rfgxzs: "410",
-        },
-        {
-          num: "4",
-          shequ: "XX社区",
-          fwgxs: "350",
-          rkgxs: "12",
-          rfgxzs: "410",
-        },
-        {
-          num: "5",
-          shequ: "XX社区",
-          fwgxs: "350",
-          rkgxs: "12",
-          rfgxzs: "410",
-        },
-        {
-          num: "6",
-          shequ: "XX社区",
-          fwgxs: "350",
-          rkgxs: "12",
-          rfgxzs: "410",
-        },
-      ],
+      org: this.$store.state.chooseArea.chooseName,
+      pmList: [],
    };
  },
+  watch: {
+    "$store.state.chooseArea.chooseName"(val) {
+      if (val.orgId) {
+        this.getList()
+      }
+    },
+    date() {
+      this.getList()
+    }
+  },
+  mounted() {
+    if (this.org.orgId) {
+      this.getList()
+    }
+  },
+  methods: {
+    getList() {
+      this.$http.get('/actual/base/streetOverview/eventAgencyGroup?month='+this.date+'&level='+this.$store.state.chooseArea.chooseName.level+'&orgId='+this.$store.state.chooseArea.chooseName.orgId).then(({data: {data}}) => {
+        this.pmList = data
+      })
+    }
+  }
 };
 </script>

--- a/src/views/dataBoard/overview/components/sqrfph.vue
+++ b/src/views/dataBoard/overview/components/sqrfph.vue
@ -8,14 +8,14 @@
        <div class="th">人口更新数</div>
        <div class="th">人房更新总数</div>
      </div>
-      <div class="tr" v-for="item in pmList" :key="item.num">
-        <div :class="item.num < 4 ? `td tdbg${item.num}` : 'td'">
-          {{ item.num }}
+      <div class="tr" v-for="(item,index) in pmList" :key="index">
+        <div :class="index - 0 + 1 < 4 ? `td tdbg${index-0+1}` : 'td'">
+          {{ index - 0 + 1 }}
        </div>
-        <div class="td">{{ item.shequ }}</div>
-        <div class="td">{{ item.fwgxs }}</div>
-        <div class="td">{{ item.rkgxs }}</div>
-        <div class="td">{{ item.rfgxzs }}</div>
+        <div class="td">{{ item.orgName }}</div>
+        <div class="td">{{ item.houseNum }}</div>
+        <div class="td">{{ item.residentNum }}</div>
+        <div class="td">{{ item.sumNum }}</div>
      </div>
    </div>
  </div>
@ -23,55 +23,40 @@
 <script>
 export default {
  name: "sqrfph",
+  props: {
+    date: {
+      type: String,
+      default: ''
+    }
+  },
  data() {
    return {
-      value2: "2023-02",
-      pmList: [
-        {
-          num: "1",
-          shequ: "XX社区",
-          fwgxs: "350",
-          rkgxs: "1720",
-          rfgxzs: "2070",
-        },
-        {
-          num: "2",
-          shequ: "XX社区",
-          fwgxs: "350",
-          rkgxs: "1720",
-          rfgxzs: "2070",
-        },
-        {
-          num: "3",
-          shequ: "XX社区",
-          fwgxs: "350",
-          rkgxs: "1720",
-          rfgxzs: "2070",
-        },
-        {
-          num: "4",
-          shequ: "XX社区",
-          fwgxs: "350",
-          rkgxs: "1720",
-          rfgxzs: "2070",
-        },
-        {
-          num: "5",
-          shequ: "XX社区",
-          fwgxs: "350",
-          rkgxs: "1720",
-          rfgxzs: "2070",
-        },
-        {
-          num: "6",
-          shequ: "XX社区",
-          fwgxs: "350",
-          rkgxs: "1720",
-          rfgxzs: "2070",
-        },
-      ],
+      org: this.$store.state.chooseArea.chooseName,
+      pmList: [],
    };
  },
+  watch: {
+    "$store.state.chooseArea.chooseName"(val) {
+      if (val.orgId) {
+        this.getList()
+      }
+    },
+    date() {
+      this.getList()
+    }
+  },
+  mounted() {
+    if (this.org.orgId) {
+      this.getList()
+    }
+  },
+  methods: {
+    getList() {
+      this.$http.get('/actual/base/streetOverview/residentHouseUpdateGroup?month='+this.date+'&level='+this.$store.state.chooseArea.chooseName.level+'&orgId='+this.$store.state.chooseArea.chooseName.orgId).then(({data: {data}}) => {
+        this.pmList = data
+      })
+    }
+  }
 };
 </script>

--- a/src/views/dataBoard/overview/index.vue
+++ b/src/views/dataBoard/overview/index.vue
@ -1,83 +1,147 @@
 <template>
  <div>
    <cpt-bread
-      @tap="clickBreadItem"
-      v-if="breadList.length > 1"
-      :bread-list="breadList"
+        @tap="clickBreadItem"
+        v-if="breadList.length > 1"
+        :bread-list="breadList"
    />
    <div class="g-row">
      <div class="g-left">
        <div class="m-box">
-          <title-box text="街道介绍" />
-          <jdjs />
+          <title-box :text="`${
+            currentLevel === 'district'?'区':
+            currentLevel === 'street'?'街道':
+          currentLevel === 'community'?'社区':
+          currentLevel === 'grid'?'网格':''
+          }介绍`"/>
+          <jdjs/>
        </div>

-        <div class="m-box">vervie
-          <title-box text="街道图谱画像" />
-          <jdtphx />
+        <div class="m-box">
+          <title-box :text="`${
+            currentLevel === 'district'?'区':
+            currentLevel === 'street'?'街道':
+          currentLevel === 'community'?'社区':
+          currentLevel === 'grid'?'网格':''
+          }图谱画像`"/>
+          <jdtphx :id="orgId"/>
        </div>
      </div>

      <div class="g-center">
        <div class="m-map">
-          <map-top />
+          <map-top/>
          <grid-map
-            ref="map"
-            @clickAgency="clickAgencyItem"
-            :srcGridData="orgData"
-            @clickDotBtn="handleClickDotBtn"
+              ref="map"
+              @clickAgency="clickAgencyItem"
+              :srcGridData="orgData"
+              @clickDotBtn="handleClickDotBtn"
          />
        </div>
        <div class="m-box m-rybox">
-          <title-box text="XX街道网格员" />
-          <jdwgy />
+          <title-box text="XX街道网格员"/>
+          <jdwgy/>
        </div>
      </div>

      <div class="g-right">
        <div class="m-box">
-          <title-box text="人房数据统计" />
-          <rfsjtj />
+          <title-box text="人房数据统计"/>
+          <rfsjtj/>
        </div>
-
-        <div class="m-box">
+        <!-- 街道概览 -->
+        <div v-if="currentLevel === 'street' || currentLevel === 'district'" class="m-box">
          <title-box text="各社区人房数据更新排行">
            <span class="date-span">
              <el-date-picker
-                v-model="rfphDate"
-                format="yyyy-MM"
-                value-format="yyyy-MM"
-                @change="changeDate"
-                type="month"
-                :clearable="false"
-                placeholder="选择月"
+                  v-model="rfphDate"
+                  format="yyyy-MM"
+                  value-format="yyyy-MM"
+                  @change="changeDate"
+                  type="month"
+                  :clearable="false"
+                  placeholder="选择月"
              >
              </el-date-picker>
            </span>
          </title-box>
-          <sqrfph />
+          <sqrfph :date="rfphDate"/>
        </div>
-        <div class="m-box">
+        <div v-if="currentLevel === 'street' || currentLevel === 'district'" class="m-box">
          <title-box text="各社区12345投诉事件统计">
            <span class="date-span">
              <el-date-picker
-                v-model="rfphDate"
-                format="yyyy-MM"
-                value-format="yyyy-MM"
-                @change="changeDate"
-                type="month"
-                :clearable="false"
-                placeholder="选择月"
-              >
-              </el-date-picker>
+                  v-model="sq12345Date"
+                  format="yyyy-MM"
+                  value-format="yyyy-MM"
+                  type="month"
+                  :clearable="false"
+                  placeholder="选择月"
+              />
            </span>
          </title-box>
-          <sq12345 />
+          <sq12345 :date="sq12345Date"/>
        </div>
-      </div>

-      <cpt-loading v-show="false" />
+        <!-- 社区&网格-->
+        <div v-if="currentLevel === 'community' || currentLevel === 'grid'" class="m-box">
+          <title-box text="人房数据动态更新"/>
+          <DynamicHumanRoomData/>
+        </div>
+        <!-- 社区概览-->
+        <div v-if="currentLevel === 'community'" class="m-box">
+          <title-box text="社区满意度自查结果">
+            <span class="date-span">
+              <el-date-picker
+                  v-model="sqzcDate"
+                  format="yyyy-MM"
+                  value-format="yyyy-MM"
+                  type="month"
+                  :clearable="false"
+                  placeholder="选择月"
+              />
+            </span>
+          </title-box>
+          <CommunityResult :date="sqzcDate"/>
+        </div>
+        <div v-if="currentLevel === 'community'" class="m-box">
+          <title-box text="事件&回访">
+            <span class="date-span">
+              <el-date-picker
+                  v-model="sjhfDate"
+                  format="yyyy-MM"
+                  value-format="yyyy-MM"
+                  @change="changeDate"
+                  type="month"
+                  :clearable="false"
+                  placeholder="选择月"
+              />
+            </span>
+          </title-box>
+          <EventAndFollowUp :date="sjhfDate"/>
+        </div>
+        <!-- 网格 -->
+        <div v-if="currentLevel === 'grid'" class="m-box">
+          <title-box text="社区网格数据更新情况排行">
+            <span class="date-span">
+              <el-date-picker
+                  v-model="sqwggxDate"
+                  format="yyyy-MM"
+                  value-format="yyyy-MM"
+                  @change="changeDate"
+                  type="month"
+                  :clearable="false"
+                  placeholder="选择月"
+              />
+            </span>
+          </title-box>
+          <RankingGridData :date="sqwggxDate"/>
+        </div>
+
+      </div>
    </div>
+
+    <cpt-loading v-show="false"/>
  </div>
 </template>

@ -93,8 +157,15 @@ import jdwgy from "@/views/dataBoard/overview/components/jdwgy.vue";
 import rfsjtj from "@/views/dataBoard/overview/components/rfsjtj.vue";
 import sqrfph from "@/views/dataBoard/overview/components/sqrfph.vue";
 import sq12345 from "@/views/dataBoard/overview/components/sq12345.vue";
-import { requestPostBi } from "@/js/dai/request-bipass";
-import { requestPost } from "@/js/dai/request";
+
+import DynamicHumanRoomData from "@/views/dataBoard/overview/components/DynamicHumanRoomData.vue";
+import CommunityResult from "@/views/dataBoard/overview/components/CommunityResult.vue";
+import EventAndFollowUp from "@/views/dataBoard/overview/components/EventAndFollowUp.vue";
+import RankingGridData from "@/views/dataBoard/overview/components/RankingGridData.vue";
+
+
+import {requestPostBi} from "@/js/dai/request-bipass";
+import {requestPost} from "@/js/dai/request";
 import getQueryPara from "dai-js/modules/getQueryPara";

 export default {
@ -112,22 +183,31 @@ export default {
    rfsjtj,
    sqrfph,
    sq12345,
+    DynamicHumanRoomData,
+    CommunityResult,
+    EventAndFollowUp,
+    RankingGridData
  },

  data() {
    return {
      loading: false,
-      rfphDate: "2023-03",
+      rfphDate: this.$moment().format('YYYY-MM'),
+      sq12345Date: this.$moment().format('YYYY-MM'),
+      sqzcDate: this.$moment().format('YYYY-MM'),
+      sjhfDate: this.$moment().format('YYYY-MM'),
+      sqwggxDate: this.$moment().format('YYYY-MM'),
      orgData: {
        children: [],
      }, //当前组织对象
      orgId: "",
      orgLevel: "",
+      currentLevel: "",
      breadList: [
        {
          orgId: "",
          orgLevel: "",
-          meta: { title: "人房总览" },
+          meta: {title: "人房总览"},
        },
      ],

@ -137,12 +217,19 @@ export default {
  },

  mounted() {
-    const queryOrgId = getQueryPara("orgId");
-    const queryOrgLevel = getQueryPara("orgLevel");
-    this.init(queryOrgId, queryOrgLevel);
+    // const queryOrgId = getQueryPara("orgId");
+    // const queryOrgLevel = getQueryPara("orgLevel");
+    // this.init(queryOrgId, queryOrgLevel);
+    if(this.$store.state.chooseArea.chooseName.orgId) {
+      this.getMapData()
+    }
  },

-  watch: {},
+  watch: {
+    "$store.state.chooseArea.chooseName"(val){
+      this.getMapData()
+    }
+  },

  methods: {
    async init(queryOrgId, queryOrgLevel) {
@ -157,12 +244,12 @@ export default {
      //加载组织数据
      this.loading = false;
      await this.getMapData();
-      await this.getSubMapData();
+      // await this.getSubMapData();

      this.loading = true;
    },
-    changeDate(e){
-      this.rfphDate=e;
+    changeDate(e) {
+      this.rfphDate = e;
    },
    handleClickDotBtn(type, info) {
      console.log("handleClickDotBtn", type, info);
@ -173,21 +260,23 @@ export default {
      }
    },

-    clickBreadItem({ item }) {
+    clickBreadItem({item}) {
      this.toBread(item);
    },

    clickAgencyItem(item) {
+      console.log(item, 'item')
      this.toBread({
        orgId: item.id,
        orgLevel: item.level,
-        meta: { title: item.name },
+        meta: {title: item.name},
      });
+      this.getMapData(item.id,item.level)
    },

    toBread(item) {
-      const { orgId } = item;
-      const { breadList } = this;
+      const {orgId} = item;
+      const {breadList} = this;
      let index = breadList.findIndex((val) => val.orgId === orgId);
      // return console.log(item, breadList, index);
      if (index >= 0) {
@ -212,39 +301,17 @@ export default {
    },

    //获取地图上显示的组织数据
-    async getMapData() {
+    async getMapData(orgId=this.$store.state.chooseArea.chooseName.orgId,level=this.$store.state.chooseArea.chooseName.level) {
      console.log("=========================getMapData");
      const url = "org_map";
-
-      const { data, code, msg } = await requestPostBi(
-        url,
-        {
-          queryParam: {
-            org_id: this.orgId,
-          },
-        },
-        {
-          // mockId: 60810589,
-        }
-      );
-
-      if (code === 0) {
-        console.log("data::", data);
-        let info = data[0];
-        this.orgData = {
-          ...info,
-          id: info.org_id,
-          name: info.org_name,
-          latitude: parseFloat(info.latitude),
-          longitude: parseFloat(info.longitude),
-          coordinates: info.coordinates || "",
-          children: [],
-        };
+      this.$http.post(`/gov/org/agency/maporg`, {orgId, level}).then(({data: {data}}) => {
+        console.log(data,'datadatadata')
+        this.orgData = data;
        this.orgId = this.orgData.org_id;
        this.orgLevel = this.orgData.level;
-      } else {
-        this.$message.error(msg);
-      }
+        this.currentLevel = this.orgData.agencyLevel;
+        console.log(this.orgData, 'orgData')
+      })
    },

    //获取地图上显示的组织数据
@ -252,20 +319,20 @@ export default {
      console.log("=========================getSubMapData");
      const url = "sub_org_map";

-      const { data, code, msg } = await requestPostBi(
-        url,
-        {
-          queryParam: {
-            org_id: this.orgId,
+      const {data, code, msg} = await requestPostBi(
+          url,
+          {
+            queryParam: {
+              org_id: this.orgId,
+            },
          },
-        },
-        {
-          // mockId: 61831860,
-        }
+          {
+            // mockId: 61831860,
+          }
      );

      if (code === 0) {
-        const { orgData } = this;
+        const {orgData} = this;
        orgData.children = data.map((item) => {
          return {
            ...item,
@ -276,10 +343,10 @@ export default {
            coordinates: item.coordinates || "",
          };
        });
-        this.orgData = { ...orgData };
+        this.orgData = {...orgData};
        console.log(
-          "==========================getSubMapData:result",
-          this.orgData
+            "==========================getSubMapData:result",
+            this.orgData
        );
      } else {
        this.$message.error(msg);
@ -294,7 +361,7 @@ export default {
        level: this.orgLevel,
      };

-      const { data, code, msg } = await requestPost(url, params);
+      const {data, code, msg} = await requestPost(url, params);
      if (code === 0) {
        this.orgData = data;
        this.orgId = this.orgId;
@ -311,7 +378,7 @@ export default {
 </script>

 <style
-  lang="scss"
-  src="@/assets/scss/dataBoard/overview/index.scss"
-  scoped
+    lang="scss"
+    src="@/assets/scss/dataBoard/overview/index.scss"
+    scoped
 ></style>
--- a/src/views/dataBoard/satisfactionEval/components/Tabs/index.vue
+++ b/src/views/dataBoard/satisfactionEval/components/Tabs/index.vue
@ -1,6 +1,7 @@
 <template>
  <div class="tabs">
-    <div class="tab" :class="value2 === item.value?'cur':''" v-for="(item,index) in list" @click="tabClick(index)" :key="index">
+    <div class="tab" :class="value2 === item.value?'cur':''"
+         v-for="(item,index) in list" @click="tabClick(index)" :key="index">
      {{item.label}}
    </div>
  </div>
@ -30,7 +31,7 @@ export default {
  methods: {
    tabClick(index) {
      this.value2 = this.list[index].value
-      this.$emit('changeVal',this.value)
+      this.$emit('changeVal',this.value2)
      this.$emit('changeLabel',this.list[index].label)
    }
  }
--- a/src/views/dataBoard/satisfactionEval/dissatisfied/detail.vue
+++ b/src/views/dataBoard/satisfactionEval/dissatisfied/detail.vue
@ -1,8 +1,8 @@
 <template>
  <el-dialog
-      append-to-body
      class="dissatisfied-detail"
      title=""
+      :modal="false"
      :visible.sync="dialogVisible"
      width="1118px"
      :before-close="handleClose">
--- a/yarn.lock
+++ b/yarn.lock
@ -2441,9 +2441,9 @@
    "@types/node" "*"

 "@types/hammerjs@^2.0.36":
-  version "2.0.41"
-  resolved "https://registry.npmmirror.com/@types/hammerjs/-/hammerjs-2.0.41.tgz#f6ecf57d1b12d2befcce00e928a6a097c22980aa"
-  integrity sha512-ewXv/ceBaJprikMcxCmWU1FKyMAQ2X7a9Gtmzw8fcg2kIePI1crERDM818W+XYrxqdBBOdlf2rm137bU+BltCA==
+  version "2.0.42"
+  resolved "https://registry.npmmirror.com/@types/hammerjs/-/hammerjs-2.0.42.tgz#d7a53edbc51b2c13a9a759c45d7b5e61243d7dba"
+  integrity sha512-Xxk14BrwHnGi0xlURPRb+Y0UNn2w3cTkeFm7pKMsYOaNgH/kabbJLhcBoNIodwsbTz7Z8KcWjtDvlGH0nc0U9w==

 "@types/json-schema@^7.0.5", "@types/json-schema@^7.0.8":
  version "7.0.12"
@ -3120,6 +3120,14 @@ any-promise@^1.0.0:
  resolved "https://registry.npmmirror.com/any-promise/-/any-promise-1.3.0.tgz#abc6afeedcea52e809cdc0376aed3ce39635d17f"
  integrity sha512-7UvmKalWRt1wgjL1RrGxoSJW/0QZFIegpeGvZG9kjp8vrRu55XTHbwnqq2GpXm9uLbcuhxm3IqX9OB4MZR1b2A==

+anymatch@^1.3.0:
+  version "1.3.2"
+  resolved "https://registry.npmmirror.com/anymatch/-/anymatch-1.3.2.tgz#553dcb8f91e3c889845dfdba34c77721b90b9d7a"
+  integrity sha512-0XNayC8lTHQ2OI8aljNCN3sSx6hsr/1+rlcDAotXJR7C1oZZHCNsfpbKwMjRA3Uqb5tF1Rae2oloTr4xpq+WjA==
+  dependencies:
+    micromatch "^2.1.5"
+    normalize-path "^2.0.0"
+
 anymatch@^2.0.0:
  version "2.0.0"
  resolved "https://registry.npmmirror.com/anymatch/-/anymatch-2.0.0.tgz#bcb24b4f37934d9aa7ac17b4adaf89e7c76ef2eb"
@ -3146,6 +3154,35 @@ arch@^2.1.1:
  resolved "https://registry.npmmirror.com/arch/-/arch-2.2.0.tgz#1bc47818f305764f23ab3306b0bfc086c5a29d11"
  integrity sha512-Of/R0wqp83cgHozfIYLbBMnej79U/SVGOOyuB3VVFv1NRM/PSFMK12x9KVtiYzJqmnU5WR2qp0Z5rHb7sWGnFQ==

+archiver-utils@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.npmmirror.com/archiver-utils/-/archiver-utils-2.1.0.tgz#e8a460e94b693c3e3da182a098ca6285ba9249e2"
+  integrity sha512-bEL/yUb/fNNiNTuUz979Z0Yg5L+LzLxGJz8x79lYmR54fmTIb6ob/hNQgkQnIUDWIFjZVQwl9Xs356I6BAMHfw==
+  dependencies:
+    glob "^7.1.4"
+    graceful-fs "^4.2.0"
+    lazystream "^1.0.0"
+    lodash.defaults "^4.2.0"
+    lodash.difference "^4.5.0"
+    lodash.flatten "^4.4.0"
+    lodash.isplainobject "^4.0.6"
+    lodash.union "^4.6.0"
+    normalize-path "^3.0.0"
+    readable-stream "^2.0.0"
+
+archiver@^3.0.0:
+  version "3.1.1"
+  resolved "https://registry.npmmirror.com/archiver/-/archiver-3.1.1.tgz#9db7819d4daf60aec10fe86b16cb9258ced66ea0"
+  integrity sha512-5Hxxcig7gw5Jod/8Gq0OneVgLYET+oNHcxgWItq4TbhOzRLKNAFUb9edAftiMKXvXfCB0vbGrJdZDNq0dWMsxg==
+  dependencies:
+    archiver-utils "^2.1.0"
+    async "^2.6.3"
+    buffer-crc32 "^0.2.1"
+    glob "^7.1.4"
+    readable-stream "^3.4.0"
+    tar-stream "^2.1.0"
+    zip-stream "^2.1.2"
+
 archy@^1.0.0:
  version "1.0.0"
  resolved "https://registry.npmmirror.com/archy/-/archy-1.0.0.tgz#f9c8c13757cc1dd7bc379ac77b2c62a5c2868c40"
@ -3174,6 +3211,13 @@ arr-diff@^1.0.1:
    arr-flatten "^1.0.1"
    array-slice "^0.2.3"

+arr-diff@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.npmmirror.com/arr-diff/-/arr-diff-2.0.0.tgz#8f3b827f955a8bd669697e4a4256ac3ceae356cf"
+  integrity sha512-dtXTVMkh6VkEEA7OhXnN1Ecb8aAGFdZ1LFxtOCoqj4qkyOJMt7+qs6Ahdy6p/NQCPYsRSXXivhSB/J5E9jmYKA==
+  dependencies:
+    arr-flatten "^1.0.1"
+
 arr-diff@^4.0.0:
  version "4.0.0"
  resolved "https://registry.npmmirror.com/arr-diff/-/arr-diff-4.0.0.tgz#d6461074febfec71e7e15235761a329a5dc7c520"
@ -3260,6 +3304,11 @@ array-uniq@^1.0.1, array-uniq@^1.0.2:
  resolved "https://registry.npmmirror.com/array-uniq/-/array-uniq-1.0.3.tgz#af6ac877a25cc7f74e058894753858dfdb24fdb6"
  integrity sha512-MNha4BWQ6JbwhFhj03YK552f7cb3AzoE8SzeljgChvL1dl3IcvggXVz1DilzySZkCja+CXuZbdW7yATchWn8/Q==

+array-unique@^0.2.1:
+  version "0.2.1"
+  resolved "https://registry.npmmirror.com/array-unique/-/array-unique-0.2.1.tgz#a1d97ccafcbc2625cc70fadceb36a50c58b01a53"
+  integrity sha512-G2n5bG5fSUCpnsXz4+8FUkYsGPkNfLn9YvS66U5qbTIXI2Ynnlo4Bi42bWv+omKUCqz+ejzfClwne0alJWJPhg==
+
 array-unique@^0.3.2:
  version "0.3.2"
  resolved "https://registry.npmmirror.com/array-unique/-/array-unique-0.3.2.tgz#a894b75d4bc4f6cd679ef3244a9fd8f46ae2d428"
@ -3360,7 +3409,7 @@ assign-symbols@^1.0.0:
  resolved "https://registry.npmmirror.com/assign-symbols/-/assign-symbols-1.0.0.tgz#59667f41fadd4f20ccbc2bb96b8d4f7f78ec0367"
  integrity sha512-Q+JC7Whu8HhmTdBph/Tq59IoRtoy6KAm5zzPv00WdujX82lbAL8K7WVjne7vdCsAmbF4AYaDOPyO3k0kl8qIrw==

-async-each@^1.0.1:
+async-each@^1.0.0, async-each@^1.0.1:
  version "1.0.6"
  resolved "https://registry.npmmirror.com/async-each/-/async-each-1.0.6.tgz#52f1d9403818c179b7561e11a5d1b77eb2160e77"
  integrity sha512-c646jH1avxr+aVpndVMeAfYw7wAa6idufrlN3LPA4PmKS0QEGp6PIC9nwz0WQkkvBGAMEki3pFdtxaF39J9vvg==
@ -3387,7 +3436,7 @@ async-validator@~1.8.1:
  dependencies:
    babel-runtime "6.x"

-async@^2.6.4:
+async@^2.6.3, async@^2.6.4:
  version "2.6.4"
  resolved "https://registry.npmmirror.com/async/-/async-2.6.4.tgz#706b7ff6084664cd7eae713f6f965433b5504221"
  integrity sha512-mzo5dfJYwAn29PeiJ0zvwTo04zj8HDJj0Mn8TD7sno7q12prdbnasKJHhkm2c1LgrhlJ0teaea8860oxi51mGA==
@ -3553,7 +3602,7 @@ babel-plugin-polyfill-regenerator@^0.5.2:
  dependencies:
    "@babel/helper-define-polyfill-provider" "^0.4.2"

-babel-runtime@6.x, babel-runtime@^6.11.6:
+babel-runtime@6.x, babel-runtime@^6.11.6, babel-runtime@^6.9.2:
  version "6.26.0"
  resolved "https://registry.npmmirror.com/babel-runtime/-/babel-runtime-6.26.0.tgz#965c7058668e82b55d7bfe04ff2337bc8b5647fe"
  integrity sha512-ITKNuq2wKlW1fJg9sSW52eepoYgZBggvOAHC0u/CYu/qxQ9EVzThCgR69BnSXLHjy2f7SY5zaQ4yt7H9ZVxY2g==
@ -3571,7 +3620,7 @@ balanced-match@^1.0.0:
  resolved "https://registry.npmmirror.com/balanced-match/-/balanced-match-1.0.2.tgz#e83e3a7e3f300b34cb9d87f615fa0cbf357690ee"
  integrity sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw==

-base64-js@^1.0.2:
+base64-js@^1.0.2, base64-js@^1.3.1:
  version "1.5.1"
  resolved "https://registry.npmmirror.com/base64-js/-/base64-js-1.5.1.tgz#1b1b440160a5bf7ad40b650f095963481903930a"
  integrity sha512-AKpaYlHn8t4SVbOHCy+b5+KKgvR4vrsD8vbvrbiQJps7fKDTkjkDry6ji0rUJjC0kzbNePLwzxq8iypo41qeWA==
@ -3648,6 +3697,15 @@ bit-twiddle@^1.0.0:
  resolved "https://registry.npmmirror.com/bit-twiddle/-/bit-twiddle-1.0.2.tgz#0c6c1fabe2b23d17173d9a61b7b7093eb9e1769e"
  integrity sha512-B9UhK0DKFZhoTFcfvAzhqsjStvGJp9vYWf3+6SNTtdSQnvIgfkHbgHrg/e4+TH71N2GDu8tpmCVoyfrL1d7ntA==

+bl@^4.0.3:
+  version "4.1.0"
+  resolved "https://registry.npmmirror.com/bl/-/bl-4.1.0.tgz#451535264182bec2fbbc83a62ab98cf11d9f7b3a"
+  integrity sha512-1W07cM9gS6DcLperZfFSj+bWLtaPGSOHWhPiGzXmvVJbRLdG82sH/Kn8EtW1VqWVA54AKf2h5k5BbnIbwF3h6w==
+  dependencies:
+    buffer "^5.5.0"
+    inherits "^2.0.4"
+    readable-stream "^3.4.0"
+
 block-stream@*:
  version "0.0.9"
  resolved "https://registry.npmmirror.com/block-stream/-/block-stream-0.0.9.tgz#13ebfe778a03205cfe03751481ebb4b3300c126a"
@ -3740,6 +3798,15 @@ brace-expansion@^1.0.0, brace-expansion@^1.1.7:
    balanced-match "^1.0.0"
    concat-map "0.0.1"

+braces@^1.8.2:
+  version "1.8.5"
+  resolved "https://registry.npmmirror.com/braces/-/braces-1.8.5.tgz#ba77962e12dff969d6b76711e914b737857bf6a7"
+  integrity sha512-xU7bpz2ytJl1bH9cgIurjpg/n8Gohy9GTw81heDYLJQ4RU60dlyJsa+atVF2pI0yMMvKxI9HkKwjePCj5XI1hw==
+  dependencies:
+    expand-range "^1.8.1"
+    preserve "^0.2.0"
+    repeat-element "^1.1.2"
+
 braces@^2.2.2, braces@^2.3.1, braces@^2.3.2:
  version "2.3.2"
  resolved "https://registry.npmmirror.com/braces/-/braces-2.3.2.tgz#5979fd3f14cd531565e5fa2df1abfff1dfaee729"
@ -3847,6 +3914,11 @@ browserslist@^4.0.0, browserslist@^4.12.0, browserslist@^4.21.10, browserslist@^
    node-releases "^2.0.13"
    update-browserslist-db "^1.0.11"

+buffer-crc32@^0.2.1, buffer-crc32@^0.2.13:
+  version "0.2.13"
+  resolved "https://registry.npmmirror.com/buffer-crc32/-/buffer-crc32-0.2.13.tgz#0d333e3f00eac50aa1454abd30ef8c2a5d9a7242"
+  integrity sha512-VO9Ht/+p3SN7SKWqcrgEzjGbRSJYTx+Q1pTQC0wrWqHx0vpJraQ6GtHx8tvcg1rlK1byhU5gccxgOgj7B0TDkQ==
+
 buffer-from@^1.0.0:
  version "1.1.2"
  resolved "https://registry.npmmirror.com/buffer-from/-/buffer-from-1.1.2.tgz#2b146a6fd72e80b4f55d255f35ed59a3a9a41bd5"
@ -3871,6 +3943,14 @@ buffer@^4.3.0:
    ieee754 "^1.1.4"
    isarray "^1.0.0"

+buffer@^5.1.0, buffer@^5.5.0:
+  version "5.7.1"
+  resolved "https://registry.npmmirror.com/buffer/-/buffer-5.7.1.tgz#ba62e7c13133053582197160851a8f648e99eed0"
+  integrity sha512-EHcyIPBQ4BSGlvjB16k5KgAJ27CIsHY/2JBmCRReo48y9rQ3MaUzWX3KVlBa4U7MyX02HdVj0K7C3WaB3ju7FQ==
+  dependencies:
+    base64-js "^1.3.1"
+    ieee754 "^1.1.13"
+
 builtin-status-codes@^3.0.0:
  version "3.0.0"
  resolved "https://registry.npmmirror.com/builtin-status-codes/-/builtin-status-codes-3.0.0.tgz#85982878e21b98e1c66425e03d0174788f569ee8"
@ -4125,6 +4205,22 @@ check-types@^8.0.3:
  resolved "https://registry.npmmirror.com/check-types/-/check-types-8.0.3.tgz#3356cca19c889544f2d7a95ed49ce508a0ecf552"
  integrity sha512-YpeKZngUmG65rLudJ4taU7VLkOCTMhNl/u4ctNC56LQS/zJTyNH0Lrtwm1tfTsbLlwvlfsA2d1c8vCf/Kh2KwQ==

+chokidar@^1.6.0:
+  version "1.7.0"
+  resolved "https://registry.npmmirror.com/chokidar/-/chokidar-1.7.0.tgz#798e689778151c8076b4b360e5edd28cda2bb468"
+  integrity sha512-mk8fAWcRUOxY7btlLtitj3A45jOwSAxH4tOFOoEGbVsl6cL6pPMWUy7dwZ/canfj3QEdP6FHSnf/l1c6/WkzVg==
+  dependencies:
+    anymatch "^1.3.0"
+    async-each "^1.0.0"
+    glob-parent "^2.0.0"
+    inherits "^2.0.1"
+    is-binary-path "^1.0.0"
+    is-glob "^2.0.0"
+    path-is-absolute "^1.0.0"
+    readdirp "^2.0.0"
+  optionalDependencies:
+    fsevents "^1.0.0"
+
 chokidar@^2.1.8:
  version "2.1.8"
  resolved "https://registry.npmmirror.com/chokidar/-/chokidar-2.1.8.tgz#804b3a7b6a99358c3c5c61e71d8728f041cff917"
@ -4437,6 +4533,16 @@ component-emitter@^1.2.1:
  resolved "https://registry.npmmirror.com/component-emitter/-/component-emitter-1.3.0.tgz#16e4070fba8ae29b679f2215853ee181ab2eabc0"
  integrity sha512-Rd3se6QB+sO1TwqZjscQrurpEPIfO0/yYnSin6Q/rD3mOutHvUrCAhJub3r90uNb+SESBuE0QYoB90YdfatsRg==

+compress-commons@^2.1.1:
+  version "2.1.1"
+  resolved "https://registry.npmmirror.com/compress-commons/-/compress-commons-2.1.1.tgz#9410d9a534cf8435e3fbbb7c6ce48de2dc2f0610"
+  integrity sha512-eVw6n7CnEMFzc3duyFVrQEuY1BlHR3rYsSztyG32ibGMW722i3C6IizEGMFmfMU+A+fALvBIwxN3czffTcdA+Q==
+  dependencies:
+    buffer-crc32 "^0.2.13"
+    crc32-stream "^3.0.1"
+    normalize-path "^3.0.0"
+    readable-stream "^2.3.6"
+
 compressible@~2.0.16:
  version "2.0.18"
  resolved "https://registry.npmmirror.com/compressible/-/compressible-2.0.18.tgz#af53cca6b070d4c3c0750fbd77286a6d7cc46fba"
@ -4608,11 +4714,43 @@ cosmiconfig@^5.0.0:
    js-yaml "^3.13.1"
    parse-json "^4.0.0"

+cpx@^1.5.0:
+  version "1.5.0"
+  resolved "https://registry.npmmirror.com/cpx/-/cpx-1.5.0.tgz#185be018511d87270dedccc293171e37655ab88f"
+  integrity sha512-jHTjZhsbg9xWgsP2vuNW2jnnzBX+p4T+vNI9Lbjzs1n4KhOfa22bQppiFYLsWQKd8TzmL5aSP/Me3yfsCwXbDA==
+  dependencies:
+    babel-runtime "^6.9.2"
+    chokidar "^1.6.0"
+    duplexer "^0.1.1"
+    glob "^7.0.5"
+    glob2base "^0.0.12"
+    minimatch "^3.0.2"
+    mkdirp "^0.5.1"
+    resolve "^1.1.7"
+    safe-buffer "^5.0.1"
+    shell-quote "^1.6.1"
+    subarg "^1.0.0"
+
 crc-32@~1.2.0:
  version "1.2.2"
  resolved "https://registry.npmmirror.com/crc-32/-/crc-32-1.2.2.tgz#3cad35a934b8bf71f25ca524b6da51fb7eace2ff"
  integrity sha512-ROmzCKrTnOwybPcJApAA6WBWij23HVfGVNKqqrZpuyZOHqK2CwHSvpGuyt/UNNvaIjEd8X5IFGp4Mh+Ie1IHJQ==

+crc32-stream@^3.0.1:
+  version "3.0.1"
+  resolved "https://registry.npmmirror.com/crc32-stream/-/crc32-stream-3.0.1.tgz#cae6eeed003b0e44d739d279de5ae63b171b4e85"
+  integrity sha512-mctvpXlbzsvK+6z8kJwSJ5crm7yBwrQMTybJzMw1O4lLGJqjlDCXY2Zw7KheiA6XBEcBmfLx1D88mjRGVJtY9w==
+  dependencies:
+    crc "^3.4.4"
+    readable-stream "^3.4.0"
+
+crc@^3.4.4:
+  version "3.8.0"
+  resolved "https://registry.npmmirror.com/crc/-/crc-3.8.0.tgz#ad60269c2c856f8c299e2c4cc0de4556914056c6"
+  integrity sha512-iX3mfgcTMIq3ZKLIsVFAbv7+Mc10kxabAGQb8HvjA1o3T1PIYprbakQ65d3I+2HGHt6nSKkM9PYjgoJO2KcFBQ==
+  dependencies:
+    buffer "^5.1.0"
+
 create-ecdh@^4.0.0:
  version "4.0.4"
  resolved "https://registry.npmmirror.com/create-ecdh/-/create-ecdh-4.0.4.tgz#d6e7f4bffa66736085a0762fd3a632684dabcc4e"
@ -5503,7 +5641,7 @@ encodeurl@~1.0.2:
  resolved "https://registry.npmmirror.com/encodeurl/-/encodeurl-1.0.2.tgz#ad3ff4c86ec2d029322f5a02c3a9a606c95b3f59"
  integrity sha512-TPJXq8JqFaVYm2CWmPvnP2Iyo4ZSM7/QKcSmuMLDObfpH5fi7RUGmd/rTDf+rut/saiDiQEeVTNgAmJEdAOx0w==

-end-of-stream@^1.0.0, end-of-stream@^1.1.0:
+end-of-stream@^1.0.0, end-of-stream@^1.1.0, end-of-stream@^1.4.1:
  version "1.4.4"
  resolved "https://registry.npmmirror.com/end-of-stream/-/end-of-stream-1.4.4.tgz#5ae64a5f45057baf3626ec14da0ca5e4b2431eb0"
  integrity sha512-+uw1inIHVPQoaVuHzRyXd21icM+cnt4CzD5rW+NC1wjOUSTOs+Te7FOv7AhN7vS9x/oIyhLP5PR1H+phQAHu5Q==
@ -5956,6 +6094,13 @@ exit-on-epipe@~1.0.1:
  resolved "https://registry.npmmirror.com/exit-on-epipe/-/exit-on-epipe-1.0.1.tgz#0bdd92e87d5285d267daa8171d0eb06159689692"
  integrity sha512-h2z5mrROTxce56S+pnvAV890uu7ls7f1kEvVGJbw1OlFH3/mlJ5bkXu0KRyW94v37zzHPiUd55iLn3DA7TjWpw==

+expand-brackets@^0.1.4:
+  version "0.1.5"
+  resolved "https://registry.npmmirror.com/expand-brackets/-/expand-brackets-0.1.5.tgz#df07284e342a807cd733ac5af72411e581d1177b"
+  integrity sha512-hxx03P2dJxss6ceIeri9cmYOT4SRs3Zk3afZwWpOsRqLqprhTR8u++SlC+sFGsQr7WGFPdMF7Gjc1njDLDK6UA==
+  dependencies:
+    is-posix-bracket "^0.1.0"
+
 expand-brackets@^2.1.4:
  version "2.1.4"
  resolved "https://registry.npmmirror.com/expand-brackets/-/expand-brackets-2.1.4.tgz#b77735e315ce30f6b6eff0f83b04151a22449622"
@ -5969,6 +6114,13 @@ expand-brackets@^2.1.4:
    snapdragon "^0.8.1"
    to-regex "^3.0.1"

+expand-range@^1.8.1:
+  version "1.8.2"
+  resolved "https://registry.npmmirror.com/expand-range/-/expand-range-1.8.2.tgz#a299effd335fe2721ebae8e257ec79644fc85337"
+  integrity sha512-AFASGfIlnIbkKPQwX1yHaDjFvh/1gyKJODme52V6IORh69uEYgZp0o9C+qsIGNVEiuuhQU0CSSl++Rlegg1qvA==
+  dependencies:
+    fill-range "^2.1.0"
+
 expand-tilde@^2.0.0, expand-tilde@^2.0.2:
  version "2.0.2"
  resolved "https://registry.npmmirror.com/expand-tilde/-/expand-tilde-2.0.2.tgz#97e801aa052df02454de46b02bf621642cdc8502"
@ -6049,6 +6201,13 @@ external-editor@^2.0.4:
    iconv-lite "^0.4.17"
    tmp "^0.0.33"

+extglob@^0.3.1:
+  version "0.3.2"
+  resolved "https://registry.npmmirror.com/extglob/-/extglob-0.3.2.tgz#2e18ff3d2f49ab2765cec9023f011daa8d8349a1"
+  integrity sha512-1FOj1LOwn42TMrruOHGt18HemVnbwAmAak7krWk+wa93KXxGbK+2jpezm+ytJYDaBX0/SPLZFHKM7m+tKobWGg==
+  dependencies:
+    is-extglob "^1.0.0"
+
 extglob@^2.0.2, extglob@^2.0.4:
  version "2.0.4"
  resolved "https://registry.npmmirror.com/extglob/-/extglob-2.0.4.tgz#ad00fe4dc612a9232e8718711dc5cb5ab0285543"
@ -6199,6 +6358,23 @@ file-uri-to-path@1.0.0:
  resolved "https://registry.npmmirror.com/file-uri-to-path/-/file-uri-to-path-1.0.0.tgz#553a7b8446ff6f684359c445f1e37a05dacc33dd"
  integrity sha512-0Zt+s3L7Vf1biwWZ29aARiVYLx7iMGnEUl9x33fbB/j3jR81u/O2LbqK+Bm1CDSNDKVtJ/YjwY7TUd5SkeLQLw==

+filemanager-webpack-plugin@^2.0.5:
+  version "2.0.5"
+  resolved "https://registry.npmmirror.com/filemanager-webpack-plugin/-/filemanager-webpack-plugin-2.0.5.tgz#6cec3a2a02d429abca64ed6c0c1c46ae54b1846b"
+  integrity sha512-Yj5XIdKI2AN2r66uZc4MZ/n18SMqe2KKlkAqHHMW1OwveDs2Vc5129CpbFcI73rq/rjqso+2HsxieS7u5sx6XA==
+  dependencies:
+    archiver "^3.0.0"
+    cpx "^1.5.0"
+    fs-extra "^7.0.0"
+    make-dir "^1.1.0"
+    mv "^2.1.1"
+    rimraf "^2.6.2"
+
+filename-regex@^2.0.0:
+  version "2.0.1"
+  resolved "https://registry.npmmirror.com/filename-regex/-/filename-regex-2.0.1.tgz#c1c4b9bee3e09725ddb106b75c1e301fe2f18b26"
+  integrity sha512-BTCqyBaWBTsauvnHiE8i562+EdJj+oUpkqWp2R1iCoR8f6oo8STRu3of7WJJ0TqWtxN50a5YFpzYK4Jj9esYfQ==
+
 filesize@^3.6.1:
  version "3.6.1"
  resolved "https://registry.npmmirror.com/filesize/-/filesize-3.6.1.tgz#090bb3ee01b6f801a8a8be99d31710b3422bb317"
@ -6209,6 +6385,17 @@ filesize@~2.0.0:
  resolved "https://registry.npmmirror.com/filesize/-/filesize-2.0.4.tgz#7805941c60fcdfe63f46d7ea358c59ade11c1325"
  integrity sha512-XyVEXpwElavSK0SKn51E3960lTRfglsQA9goJN4QR+oyqStts1Wygs1FW3TFQrxJoGm4mcq3hTxDMN3Vs1cYwg==

+fill-range@^2.1.0:
+  version "2.2.4"
+  resolved "https://registry.npmmirror.com/fill-range/-/fill-range-2.2.4.tgz#eb1e773abb056dcd8df2bfdf6af59b8b3a936565"
+  integrity sha512-cnrcCbj01+j2gTG921VZPnHbjmdAf8oQV/iGeV2kZxGSyfYjjTyY79ErsK1WJWMpw6DaApEX72binqJE+/d+5Q==
+  dependencies:
+    is-number "^2.1.0"
+    isobject "^2.0.0"
+    randomatic "^3.0.0"
+    repeat-element "^1.1.2"
+    repeat-string "^1.5.2"
+
 fill-range@^4.0.0:
  version "4.0.0"
  resolved "https://registry.npmmirror.com/fill-range/-/fill-range-4.0.0.tgz#d544811d428f98eb06a63dc402d2403c328c38f7"
@ -6401,6 +6588,13 @@ for-in@^1.0.1, for-in@^1.0.2:
  resolved "https://registry.npmmirror.com/for-in/-/for-in-1.0.2.tgz#81068d295a8142ec0ac726c6e2200c30fb6d5e80"
  integrity sha512-7EwmXrOjyL+ChxMhmG5lnW9MPt1aIeZEwKhQzoBUdTV0N3zuwWDZYVJatDvZ2OyzPUvdIAZDsCetk3coyMfcnQ==

+for-own@^0.1.4:
+  version "0.1.5"
+  resolved "https://registry.npmmirror.com/for-own/-/for-own-0.1.5.tgz#5265c681a4f294dabbf17c9509b6763aa84510ce"
+  integrity sha512-SKmowqGTJoPzLO1T0BBJpkfp3EMacCMOuH40hOUbrbzElVktk4DioXVM99QkLCyKoiuOmyjgcWMpVz2xjE7LZw==
+  dependencies:
+    for-in "^1.0.1"
+
 for-own@^1.0.0:
  version "1.0.0"
  resolved "https://registry.npmmirror.com/for-own/-/for-own-1.0.0.tgz#c63332f415cedc4b04dbfe70cf836494c53cb44b"
@ -6452,7 +6646,12 @@ from2@^2.1.0:
    inherits "^2.0.1"
    readable-stream "^2.0.0"

-fs-extra@^7.0.1:
+fs-constants@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.npmmirror.com/fs-constants/-/fs-constants-1.0.0.tgz#6be0de9be998ce16af8afc24497b9ee9b7ccd9ad"
+  integrity sha512-y6OAwoSIf7FyjMIv94u+b5rdheZEjzR63GTyZJm5qh4Bi+2YgwLCcI/fPFZkL5PSixOt6ZNKm+w+Hfp/Bciwow==
+
+fs-extra@^7.0.0, fs-extra@^7.0.1:
  version "7.0.1"
  resolved "https://registry.npmmirror.com/fs-extra/-/fs-extra-7.0.1.tgz#4f189c44aa123b895f722804f55ea23eadc348e9"
  integrity sha512-YJDaCJZEnBmcbw13fvdAM9AwNOJwOzrE4pqMqBq5nFiEqXUqHwlK4B+3pUw6JNvfSPtX05xFHtYy/1ni01eGCw==
@ -6476,7 +6675,7 @@ fs.realpath@^1.0.0:
  resolved "https://registry.npmmirror.com/fs.realpath/-/fs.realpath-1.0.0.tgz#1504ad2523158caa40db4a2787cb01411994ea4f"
  integrity sha512-OO0pH2lK6a0hZnAdau5ItzHPI6pUlvI7jMVnxUQRtw4owF2wk8lOSabtGDCTP4Ggrg2MbGnWO9X8K1t4+fGMDw==

-fsevents@^1.2.7:
+fsevents@^1.0.0, fsevents@^1.2.7:
  version "1.2.13"
  resolved "https://registry.npmmirror.com/fsevents/-/fsevents-1.2.13.tgz#f325cb0455592428bcf11b383370ef70e3bfcc38"
  integrity sha512-oWb1Z6mkHIskLzEJ/XWX0srkpkTQ7vaopMQkyaEIoq0fmtFVxOthb8cCxeT+p3ynTdkk/RZwbgG4brR5BeWECw==
@ -6689,6 +6888,21 @@ gl-vec2@^1.0.0, gl-vec2@^1.3.0:
  resolved "https://registry.npmmirror.com/gl-vec2/-/gl-vec2-1.3.0.tgz#83d472ed46034de8e09cbc857123fb6c81c51199"
  integrity sha512-YiqaAuNsheWmUV0Sa8k94kBB0D6RWjwZztyO+trEYS8KzJ6OQB/4686gdrf59wld4hHFIvaxynO3nRxpk1Ij/A==

+glob-base@^0.3.0:
+  version "0.3.0"
+  resolved "https://registry.npmmirror.com/glob-base/-/glob-base-0.3.0.tgz#dbb164f6221b1c0b1ccf82aea328b497df0ea3c4"
+  integrity sha512-ab1S1g1EbO7YzauaJLkgLp7DZVAqj9M/dvKlTt8DkXA2tiOIcSMrlVI2J1RZyB5iJVccEscjGn+kpOG9788MHA==
+  dependencies:
+    glob-parent "^2.0.0"
+    is-glob "^2.0.0"
+
+glob-parent@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.npmmirror.com/glob-parent/-/glob-parent-2.0.0.tgz#81383d72db054fcccf5336daa902f182f6edbb28"
+  integrity sha512-JDYOvfxio/t42HKdxkAYaCiBN7oYiuxykOxKxdaUW5Qn0zaYN3gRQWolrwdnf0shM9/EP0ebuuTmyoXNr1cC5w==
+  dependencies:
+    is-glob "^2.0.0"
+
 glob-parent@^3.1.0:
  version "3.1.0"
  resolved "https://registry.npmmirror.com/glob-parent/-/glob-parent-3.1.0.tgz#9e6af6299d8d3bd2bd40430832bd113df906c5ae"
@ -6745,7 +6959,18 @@ glob@^4.3.1:
    minimatch "^2.0.1"
    once "^1.3.0"

-glob@^7.0.0, glob@^7.0.3, glob@^7.1.2, glob@^7.1.3, glob@^7.1.4:
+glob@^6.0.1:
+  version "6.0.4"
+  resolved "https://registry.npmmirror.com/glob/-/glob-6.0.4.tgz#0f08860f6a155127b2fadd4f9ce24b1aab6e4d22"
+  integrity sha512-MKZeRNyYZAVVVG1oZeLaWie1uweH40m9AZwIwxyPbTSX4hHrVYSzLg0Ro5Z5R7XKkIX+Cc6oD1rqeDJnwsB8/A==
+  dependencies:
+    inflight "^1.0.4"
+    inherits "2"
+    minimatch "2 || 3"
+    once "^1.3.0"
+    path-is-absolute "^1.0.0"
+
+glob@^7.0.0, glob@^7.0.3, glob@^7.0.5, glob@^7.1.2, glob@^7.1.3, glob@^7.1.4:
  version "7.2.3"
  resolved "https://registry.npmmirror.com/glob/-/glob-7.2.3.tgz#b8df0fb802bbfa8e89bd1d938b4e16578ed44f2b"
  integrity sha512-nFR0zLpU2YCaRxwoCJvL6UvCH2JFyFVIvwTLsIf21AuHlMskA1hhTdk+LlYJtOlYt9v6dvszD2BGRqBL+iQK9Q==
@ -6893,7 +7118,7 @@ graceful-fs@^3.0.0:
  dependencies:
    natives "^1.1.3"

-graceful-fs@^4.1.11, graceful-fs@^4.1.15, graceful-fs@^4.1.2, graceful-fs@^4.1.6:
+graceful-fs@^4.1.11, graceful-fs@^4.1.15, graceful-fs@^4.1.2, graceful-fs@^4.1.6, graceful-fs@^4.2.0:
  version "4.2.11"
  resolved "https://registry.npmmirror.com/graceful-fs/-/graceful-fs-4.2.11.tgz#4183e4e8bf08bb6e05bbb2f7d2e0c8f712ca40e3"
  integrity sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==
@ -7474,7 +7699,7 @@ icss-utils@^5.0.0, icss-utils@^5.1.0:
  resolved "https://registry.npmmirror.com/icss-utils/-/icss-utils-5.1.0.tgz#c6be6858abd013d768e98366ae47e25d5887b1ae"
  integrity sha512-soFhflCVWLfRNOPU3iv5Z9VUdT44xFRbzjLsEzSr5AQmgqPMTHdU3PMT1Cf1ssx8fLNJDA1juftYl+PUcv3MqA==

-ieee754@^1.1.12, ieee754@^1.1.4:
+ieee754@^1.1.12, ieee754@^1.1.13, ieee754@^1.1.4:
  version "1.2.1"
  resolved "https://registry.npmmirror.com/ieee754/-/ieee754-1.2.1.tgz#8eb7a10a63fff25d15a57b001586d177d1b0d352"
  integrity sha512-dcyqhDvX1C46lXZcVqCpK+FtMRQVdIMN6/Df5js2zouUsqG7I6sFxitIC+7KYK29KdXOLHdu9zL4sFnoVQnqaA==
@ -7844,6 +8069,18 @@ is-docker@^2.0.0:
  resolved "https://registry.npmmirror.com/is-docker/-/is-docker-2.2.1.tgz#33eeabe23cfe86f14bde4408a02c0cfb853acdaa"
  integrity sha512-F+i2BKsFrH66iaUFc0woD8sLy8getkwTwtOBjvs56Cx4CgJDeKQeqfz8wAYiSb8JOprWhHH5p77PbmYCvvUuXQ==

+is-dotfile@^1.0.0:
+  version "1.0.3"
+  resolved "https://registry.npmmirror.com/is-dotfile/-/is-dotfile-1.0.3.tgz#a6a2f32ffd2dfb04f5ca25ecd0f6b83cf798a1e1"
+  integrity sha512-9YclgOGtN/f8zx0Pr4FQYMdibBiTaH3sn52vjYip4ZSf6C4/6RfTEZ+MR4GvKhCxdPh21Bg42/WL55f6KSnKpg==
+
+is-equal-shallow@^0.1.3:
+  version "0.1.3"
+  resolved "https://registry.npmmirror.com/is-equal-shallow/-/is-equal-shallow-0.1.3.tgz#2238098fc221de0bcfa5d9eac4c45d638aa1c534"
+  integrity sha512-0EygVC5qPvIyb+gSz7zdD5/AAoS6Qrx1e//6N4yv4oNm30kqvdmG66oZFWVlQHUWe5OjP08FuTw2IdT0EOTcYA==
+  dependencies:
+    is-primitive "^2.0.0"
+
 is-extendable@^0.1.0, is-extendable@^0.1.1:
  version "0.1.1"
  resolved "https://registry.npmmirror.com/is-extendable/-/is-extendable-0.1.1.tgz#62b110e289a471418e3ec36a617d472e301dfc89"
@ -7856,6 +8093,11 @@ is-extendable@^1.0.1:
  dependencies:
    is-plain-object "^2.0.4"

+is-extglob@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.npmmirror.com/is-extglob/-/is-extglob-1.0.0.tgz#ac468177c4943405a092fc8f29760c6ffc6206c0"
+  integrity sha512-7Q+VbVafe6x2T+Tu6NcOf6sRklazEPmBoB3IWk3WdGZM2iGUwU/Oe3Wtq5lSEkDTTlpp8yx+5t4pzO/i9Ty1ww==
+
 is-extglob@^2.1.0, is-extglob@^2.1.1:
  version "2.1.1"
  resolved "https://registry.npmmirror.com/is-extglob/-/is-extglob-2.1.1.tgz#a88c02535791f02ed37c76a1b9ea9773c833f8c2"
@ -7883,6 +8125,13 @@ is-fullwidth-code-point@^3.0.0:
  resolved "https://registry.npmmirror.com/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz#f116f8064fe90b3f7844a38997c0b75051269f1d"
  integrity sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==

+is-glob@^2.0.0, is-glob@^2.0.1:
+  version "2.0.1"
+  resolved "https://registry.npmmirror.com/is-glob/-/is-glob-2.0.1.tgz#d096f926a3ded5600f3fdfd91198cb0888c2d863"
+  integrity sha512-a1dBeB19NXsf/E0+FHqkagizel/LQw2DjSQpvQrj3zT+jYPpaUCryPnrQajXKFLCMuf4I6FhRpaGtw4lPrG6Eg==
+  dependencies:
+    is-extglob "^1.0.0"
+
 is-glob@^3.1.0:
  version "3.1.0"
  resolved "https://registry.npmmirror.com/is-glob/-/is-glob-3.1.0.tgz#7ba5ae24217804ac70707b96922567486cc3e84a"
@ -7909,6 +8158,13 @@ is-number-object@^1.0.4:
  dependencies:
    has-tostringtag "^1.0.0"

+is-number@^2.1.0:
+  version "2.1.0"
+  resolved "https://registry.npmmirror.com/is-number/-/is-number-2.1.0.tgz#01fcbbb393463a548f2f466cce16dece49db908f"
+  integrity sha512-QUzH43Gfb9+5yckcrSA0VBDwEtDUchrk4F6tfJZQuNzDJbEDB9cZNzSfXGQ1jqmdDY/kl41lUOWM9syA8z8jlg==
+  dependencies:
+    kind-of "^3.0.2"
+
 is-number@^3.0.0:
  version "3.0.0"
  resolved "https://registry.npmmirror.com/is-number/-/is-number-3.0.0.tgz#24fd6201a4782cf50561c810276afc7d12d71195"
@ -7916,6 +8172,11 @@ is-number@^3.0.0:
  dependencies:
    kind-of "^3.0.2"

+is-number@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.npmmirror.com/is-number/-/is-number-4.0.0.tgz#0026e37f5454d73e356dfe6564699867c6a7f0ff"
+  integrity sha512-rSklcAIlf1OmFdyAqbnWTLVelsQ58uvZ66S/ZyawjWqIviTWCjg2PzVGw8WUA+nNuPTqb4wgA+NszrJ+08LlgQ==
+
 is-number@^7.0.0:
  version "7.0.0"
  resolved "https://registry.npmmirror.com/is-number/-/is-number-7.0.0.tgz#7535345b896734d5f80c4d06c50955527a14f12b"
@ -7957,6 +8218,16 @@ is-plain-object@^2.0.3, is-plain-object@^2.0.4:
  dependencies:
    isobject "^3.0.1"

+is-posix-bracket@^0.1.0:
+  version "0.1.1"
+  resolved "https://registry.npmmirror.com/is-posix-bracket/-/is-posix-bracket-0.1.1.tgz#3334dc79774368e92f016e6fbc0a88f5cd6e6bc4"
+  integrity sha512-Yu68oeXJ7LeWNmZ3Zov/xg/oDBnBK2RNxwYY1ilNJX+tKKZqgPK+qOn/Gs9jEu66KDY9Netf5XLKNGzas/vPfQ==
+
+is-primitive@^2.0.0:
+  version "2.0.0"
+  resolved "https://registry.npmmirror.com/is-primitive/-/is-primitive-2.0.0.tgz#207bab91638499c07b2adf240a41a87210034575"
+  integrity sha512-N3w1tFaRfk3UrPfqeRyD+GYDASU3W5VinKhlORy8EWVf/sIdDL9GAcew85XmktCfH+ngG7SRXEVDoO18WMdB/Q==
+
 is-promise@^2.1.0:
  version "2.2.2"
  resolved "https://registry.npmmirror.com/is-promise/-/is-promise-2.2.2.tgz#39ab959ccbf9a774cf079f7b40c7a26f763135f1"
@ -8329,6 +8600,13 @@ launch-editor@^2.2.1, launch-editor@^2.6.0:
    picocolors "^1.0.0"
    shell-quote "^1.7.3"

+lazystream@^1.0.0:
+  version "1.0.1"
+  resolved "https://registry.npmmirror.com/lazystream/-/lazystream-1.0.1.tgz#494c831062f1f9408251ec44db1cba29242a2638"
+  integrity sha512-b94GiNHQNy6JNTrt5w6zNyffMrNkXZb3KTkCZJb2V1xaEGCk093vkZ2jk3tpaeP33/OiXC+WvK9AxUebnf5nbw==
+  dependencies:
+    readable-stream "^2.0.5"
+
 lerc@^3.0.0:
  version "3.0.0"
  resolved "https://registry.npmmirror.com/lerc/-/lerc-3.0.0.tgz#36f36fbd4ba46f0abf4833799fff2e7d6865f5cb"
@ -8545,6 +8823,11 @@ lodash.debounce@^4.0.8:
  resolved "https://registry.npmmirror.com/lodash.debounce/-/lodash.debounce-4.0.8.tgz#82d79bff30a67c4005ffd5e2515300ad9ca4d7af"
  integrity sha512-FT1yDzDYEoYWhnSGnpE/4Kj1fLZkDFyqRb7fNt6FdYOSxlUWAtp42Eh6Wb0rGIv/m9Bgo7x4GhQbm5Ys4SG5ow==

+lodash.defaults@^4.2.0:
+  version "4.2.0"
+  resolved "https://registry.npmmirror.com/lodash.defaults/-/lodash.defaults-4.2.0.tgz#d09178716ffea4dde9e5fb7b37f6f0802274580c"
+  integrity sha512-qjxPLHd3r5DnsdGacqOMU6pb/avJzdh9tFX2ymgoZE27BmjXrNy/y4LoaiTeAb+O3gL8AfpJGtqfX/ae2leYYQ==
+
 lodash.defaults@~2.4.1:
  version "2.4.1"
  resolved "https://registry.npmmirror.com/lodash.defaults/-/lodash.defaults-2.4.1.tgz#a7e8885f05e68851144b6e12a8f3678026bc4c54"
@ -8558,6 +8841,11 @@ lodash.defaultsdeep@^4.6.1:
  resolved "https://registry.npmmirror.com/lodash.defaultsdeep/-/lodash.defaultsdeep-4.6.1.tgz#512e9bd721d272d94e3d3a63653fa17516741ca6"
  integrity sha512-3j8wdDzYuWO3lM3Reg03MuQR957t287Rpcxp1njpEa8oDrikb+FwGdW3n+FELh/A6qib6yPit0j/pv9G/yeAqA==

+lodash.difference@^4.5.0:
+  version "4.5.0"
+  resolved "https://registry.npmmirror.com/lodash.difference/-/lodash.difference-4.5.0.tgz#9ccb4e505d486b91651345772885a2df27fd017c"
+  integrity sha512-dS2j+W26TQ7taQBGN8Lbbq04ssV3emRw4NY58WErlTO29pIqS0HmoT5aJ9+TUQ1N3G+JOZSji4eugsWwGp9yPA==
+
 lodash.escape@^3.0.0:
  version "3.2.0"
  resolved "https://registry.npmmirror.com/lodash.escape/-/lodash.escape-3.2.0.tgz#995ee0dc18c1b48cc92effae71a10aab5b487698"
@ -8574,6 +8862,11 @@ lodash.escape@~2.4.1:
    lodash._reunescapedhtml "~2.4.1"
    lodash.keys "~2.4.1"

+lodash.flatten@^4.4.0:
+  version "4.4.0"
+  resolved "https://registry.npmmirror.com/lodash.flatten/-/lodash.flatten-4.4.0.tgz#f31c22225a9632d2bbf8e4addbef240aa765a61f"
+  integrity sha512-C5N2Z3DgnnKr0LOpv/hKCgKdb7ZZwafIrsesve6lmzvZIRZRGaZ/l6Q8+2W7NaT+ZwO3fFlSCzCzrDCFdJfZ4g==
+
 lodash.isarguments@^3.0.0:
  version "3.1.0"
  resolved "https://registry.npmmirror.com/lodash.isarguments/-/lodash.isarguments-3.1.0.tgz#2f573d85c6a24289ff00663b491c1d338ff3458a"
@ -8698,6 +8991,11 @@ lodash.transform@^4.6.0:
  resolved "https://registry.npmmirror.com/lodash.transform/-/lodash.transform-4.6.0.tgz#12306422f63324aed8483d3f38332b5f670547a0"
  integrity sha512-LO37ZnhmBVx0GvOU/caQuipEh4GN82TcWv3yHlebGDgOxbxiwwzW5Pcx2AcvpIv2WmvmSMoC492yQFNhy/l/UQ==

+lodash.union@^4.6.0:
+  version "4.6.0"
+  resolved "https://registry.npmmirror.com/lodash.union/-/lodash.union-4.6.0.tgz#48bb5088409f16f1821666641c44dd1aaae3cd88"
+  integrity sha512-c4pB2CdGrGdjMKYLA+XiRDO7Y0PRQbm/Gzg8qMj+QH+pFVAoTp5sBpO0odL3FjoPCGjK96p6qsP+yQoiLoOBcw==
+
 lodash.uniq@^4.5.0:
  version "4.5.0"
  resolved "https://registry.npmmirror.com/lodash.uniq/-/lodash.uniq-4.5.0.tgz#d0225373aeb652adc1bc82e4945339a842754773"
@ -8786,7 +9084,7 @@ lru-cache@^6.0.0:
  dependencies:
    yallist "^4.0.0"

-make-dir@^1.0.0:
+make-dir@^1.0.0, make-dir@^1.1.0:
  version "1.3.0"
  resolved "https://registry.npmmirror.com/make-dir/-/make-dir-1.3.0.tgz#79c1033b80515bd6d24ec9933e860ca75ee27f0c"
  integrity sha512-2w31R7SJtieJJnQtGc7RVL2StM2vGYVfqUOvUDxH6bC6aJTxPxTF0GnIgCyu7tjockiUWAYQRbxa7vKn34s5sQ==
@ -8891,6 +9189,11 @@ material-colors@^1.2.6:
  resolved "https://registry.npmmirror.com/material-colors/-/material-colors-1.2.6.tgz#6d1958871126992ceecc72f4bcc4d8f010865f46"
  integrity sha512-6qE4B9deFBIa9YSpOc9O0Sgc43zTeVYbgDT5veRKSlB2+ZuHNoVVxA1L/ckMUayV9Ay9y7Z/SZCLcGteW9i7bg==

+math-random@^1.0.1:
+  version "1.0.4"
+  resolved "https://registry.npmmirror.com/math-random/-/math-random-1.0.4.tgz#5dd6943c938548267016d4e34f057583080c514c"
+  integrity sha512-rUxjysqif/BZQH2yhd5Aaq7vXMSx9NdEsQcyA07uEzIvxgI7zIr33gGsh+RU0/XjmQpCW7RsVof1vlkvQVCK5A==
+
 md5.js@^1.3.4:
  version "1.3.5"
  resolved "https://registry.npmmirror.com/md5.js/-/md5.js-1.3.5.tgz#b5d07b8e3216e3e27cd728d72f70d1e6a342005f"
@ -9021,6 +9324,25 @@ micromatch@3.1.0:
    snapdragon "^0.8.1"
    to-regex "^3.0.1"

+micromatch@^2.1.5:
+  version "2.3.11"
+  resolved "https://registry.npmmirror.com/micromatch/-/micromatch-2.3.11.tgz#86677c97d1720b363431d04d0d15293bd38c1565"
+  integrity sha512-LnU2XFEk9xxSJ6rfgAry/ty5qwUTyHYOBU0g4R6tIw5ljwgGIBmiKhRWLw5NpMOnrgUNcDJ4WMp8rl3sYVHLNA==
+  dependencies:
+    arr-diff "^2.0.0"
+    array-unique "^0.2.1"
+    braces "^1.8.2"
+    expand-brackets "^0.1.4"
+    extglob "^0.3.1"
+    filename-regex "^2.0.0"
+    is-extglob "^1.0.0"
+    is-glob "^2.0.1"
+    kind-of "^3.0.2"
+    normalize-path "^2.0.1"
+    object.omit "^2.0.0"
+    parse-glob "^3.0.4"
+    regex-cache "^0.4.2"
+
 micromatch@^3.0.4, micromatch@^3.1.10, micromatch@^3.1.4:
  version "3.1.10"
  resolved "https://registry.npmmirror.com/micromatch/-/micromatch-3.1.10.tgz#70859bc95c9840952f359a068a3fc49f9ecfac23"
@ -9108,6 +9430,13 @@ minimalistic-crypto-utils@^1.0.1:
  resolved "https://registry.npmmirror.com/minimalistic-crypto-utils/-/minimalistic-crypto-utils-1.0.1.tgz#f6c00c1c0b082246e5c4d99dfb8c7c083b2b582a"
  integrity sha512-JIYlbt6g8i5jKfJ3xz7rF0LXmv2TkDxBLUkiBeZ7bAx4GnnNMr8xFpGnOxn6GhTEHx3SjRrZEoU+j04prX1ktg==

+"minimatch@2 || 3", minimatch@^3.0.2, minimatch@^3.0.4, minimatch@^3.1.1, minimatch@^3.1.2:
+  version "3.1.2"
+  resolved "https://registry.npmmirror.com/minimatch/-/minimatch-3.1.2.tgz#19cd194bfd3e428f049a70817c038d89ab4be35b"
+  integrity sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==
+  dependencies:
+    brace-expansion "^1.1.7"
+
 minimatch@^2.0.1:
  version "2.0.10"
  resolved "https://registry.npmmirror.com/minimatch/-/minimatch-2.0.10.tgz#8d087c39c6b38c001b97fca7ce6d0e1e80afbac7"
@ -9115,13 +9444,6 @@ minimatch@^2.0.1:
  dependencies:
    brace-expansion "^1.0.0"

-minimatch@^3.0.2, minimatch@^3.0.4, minimatch@^3.1.1, minimatch@^3.1.2:
-  version "3.1.2"
-  resolved "https://registry.npmmirror.com/minimatch/-/minimatch-3.1.2.tgz#19cd194bfd3e428f049a70817c038d89ab4be35b"
-  integrity sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw==
-  dependencies:
-    brace-expansion "^1.1.7"
-
 minimatch@~0.2.11:
  version "0.2.14"
  resolved "https://registry.npmmirror.com/minimatch/-/minimatch-0.2.14.tgz#c74e780574f63c6f9a090e90efbe6ef53a6a756a"
@ -9213,6 +9535,11 @@ mixin-deep@^1.2.0:
  dependencies:
    minimist "^1.2.6"

+moment@^2.29.4:
+  version "2.29.4"
+  resolved "https://registry.npmmirror.com/moment/-/moment-2.29.4.tgz#3dbe052889fe7c1b2ed966fcb3a77328964ef108"
+  integrity sha512-5LC9SOxjSc2HF6vO2CyuTDNivEdoz2IvyJJGj6X8DJ0eFyfszE0QiEd+iXmBvUP3WHxSjFH/vIsA0EN00cgr8w==
+
 monotone-convex-hull-2d@^1.0.1:
  version "1.0.1"
  resolved "https://registry.npmmirror.com/monotone-convex-hull-2d/-/monotone-convex-hull-2d-1.0.1.tgz#47f5daeadf3c4afd37764baa1aa8787a40eee08c"
@ -9282,6 +9609,15 @@ mute-stream@0.0.7:
  resolved "https://registry.npmmirror.com/mute-stream/-/mute-stream-0.0.7.tgz#3075ce93bc21b8fab43e1bc4da7e8115ed1e7bab"
  integrity sha512-r65nCZhrbXXb6dXOACihYApHw2Q6pV0M3V0PSxd74N0+D8nzAdEAITq2oAjA1jVnKI+tGvEBUpqiMh0+rW6zDQ==

+mv@^2.1.1:
+  version "2.1.1"
+  resolved "https://registry.npmmirror.com/mv/-/mv-2.1.1.tgz#ae6ce0d6f6d5e0a4f7d893798d03c1ea9559b6a2"
+  integrity sha512-at/ZndSy3xEGJ8i0ygALh8ru9qy7gWW1cmkaqBN29JmMlIvM//MEO9y1sk/avxuwnPcfhkejkLsuPxH81BrkSg==
+  dependencies:
+    mkdirp "~0.5.1"
+    ncp "~2.0.0"
+    rimraf "~2.4.0"
+
 mz@^2.4.0:
  version "2.7.0"
  resolved "https://registry.npmmirror.com/mz/-/mz-2.7.0.tgz#95008057a56cafadc2bc63dde7f9ff6955948e32"
@ -9328,6 +9664,11 @@ natural-compare@^1.4.0:
  resolved "https://registry.npmmirror.com/natural-compare/-/natural-compare-1.4.0.tgz#4abebfeed7541f2c27acfb29bdbbd15c8d5ba4f7"
  integrity sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==

+ncp@~2.0.0:
+  version "2.0.0"
+  resolved "https://registry.npmmirror.com/ncp/-/ncp-2.0.0.tgz#195a21d6c46e361d2fb1281ba38b91e9df7bdbb3"
+  integrity sha512-zIdGUrPRFTUELUvr3Gmc7KZ2Sw/h1PiVM0Af/oHB6zgnV1ikqSfRk+TOufi79aHYCW3NiOXmr1BP5nWbzojLaA==
+
 negotiator@0.6.3:
  version "0.6.3"
  resolved "https://registry.npmmirror.com/negotiator/-/negotiator-0.6.3.tgz#58e323a72fedc0d6f9cd4d31fe49f51479590ccd"
@ -9466,7 +9807,7 @@ normalize-path@^1.0.0:
  resolved "https://registry.npmmirror.com/normalize-path/-/normalize-path-1.0.0.tgz#32d0e472f91ff345701c15a8311018d3b0a90379"
  integrity sha512-7WyT0w8jhpDStXRq5836AMmihQwq2nrUVQrgjvUo/p/NZf9uy/MeJ246lBJVmWuYXMlJuG9BNZHF0hWjfTbQUA==

-normalize-path@^2.1.1:
+normalize-path@^2.0.0, normalize-path@^2.0.1, normalize-path@^2.1.1:
  version "2.1.1"
  resolved "https://registry.npmmirror.com/normalize-path/-/normalize-path-2.1.1.tgz#1ab28b556e198363a8c1a6f7e6fa20137fe6aed9"
  integrity sha512-3pKJwH184Xo/lnH6oyP1q2pMd7HcypqqmRs91/6/i2CGtWwIKGCkOOMTm/zXbgTEWHw1uNpNi/igc3ePOYHb6w==
@ -9663,6 +10004,14 @@ object.map@^1.0.0:
    for-own "^1.0.0"
    make-iterator "^1.0.0"

+object.omit@^2.0.0:
+  version "2.0.1"
+  resolved "https://registry.npmmirror.com/object.omit/-/object.omit-2.0.1.tgz#1a9c744829f39dbb858c76ca3579ae2a54ebd1fa"
+  integrity sha512-UiAM5mhmIuKLsOvrL+B0U2d1hXHF3bFYWIuH1LMpuV2EJEHG1Ntz06PgLEHjm6VFd87NpH8rastvPoyv6UW2fA==
+  dependencies:
+    for-own "^0.1.4"
+    is-extendable "^0.1.1"
+
 object.pick@^1.2.0, object.pick@^1.3.0:
  version "1.3.0"
  resolved "https://registry.npmmirror.com/object.pick/-/object.pick-1.3.0.tgz#87a10ac4c1694bd2e1cbf53591a66141fb5dd747"
@ -9956,6 +10305,16 @@ parse-filepath@^1.0.1:
    map-cache "^0.2.0"
    path-root "^0.1.1"

+parse-glob@^3.0.4:
+  version "3.0.4"
+  resolved "https://registry.npmmirror.com/parse-glob/-/parse-glob-3.0.4.tgz#b2c376cfb11f35513badd173ef0bb6e3a388391c"
+  integrity sha512-FC5TeK0AwXzq3tUBFtH74naWkPQCEWs4K+xMxWZBlKDWu0bVHXGZa+KKqxKidd7xwhdZ19ZNuF2uO1M/r196HA==
+  dependencies:
+    glob-base "^0.3.0"
+    is-dotfile "^1.0.0"
+    is-extglob "^1.0.0"
+    is-glob "^2.0.0"
+
 parse-headers@^2.0.2:
  version "2.0.5"
  resolved "https://registry.npmmirror.com/parse-headers/-/parse-headers-2.0.5.tgz#069793f9356a54008571eb7f9761153e6c770da9"
@ -10712,6 +11071,11 @@ prepend-http@^1.0.0:
  resolved "https://registry.npmmirror.com/prepend-http/-/prepend-http-1.0.4.tgz#d4f4562b0ce3696e41ac52d0e002e57a635dc6dc"
  integrity sha512-PhmXi5XmoyKw1Un4E+opM2KcsJInDvKyuOumcjjw3waw86ZNjHwVUOOWLc4bCzLdcKNaWBH9e99sbWzDQsVaYg==

+preserve@^0.2.0:
+  version "0.2.0"
+  resolved "https://registry.npmmirror.com/preserve/-/preserve-0.2.0.tgz#815ed1f6ebc65926f865b310c0713bcb3315ce4b"
+  integrity sha512-s/46sYeylUfHNjI+sA/78FAHlmIuKqI9wNnzEOGehAlUUYeObv5C2mOinXBjyUyWmJ2SfcS2/ydApH4hTF4WXQ==
+
 "prettier@^1.18.2 || ^2.0.0":
  version "2.8.8"
  resolved "https://registry.npmmirror.com/prettier/-/prettier-2.8.8.tgz#e8c5d7e98a4305ffe3de2e1fc4aca1a71c28b1da"
@ -10921,6 +11285,15 @@ raf.js@0.0.4:
  resolved "https://registry.npmmirror.com/raf.js/-/raf.js-0.0.4.tgz#f15af445d241b27fa7131a57450b67ef9c402fec"
  integrity sha512-1239iw+nLUd8xbAQFQlbNEONJGAe6JQpMnSp0HTqODymjE4rGLXx+c9KaOlIldSoryVGU522NaqMn8GGBex+ZA==

+randomatic@^3.0.0:
+  version "3.1.1"
+  resolved "https://registry.npmmirror.com/randomatic/-/randomatic-3.1.1.tgz#b776efc59375984e36c537b2f51a1f0aff0da1ed"
+  integrity sha512-TuDE5KxZ0J461RVjrJZCJc+J+zCkTb1MbH9AQUq68sMhOMcy9jLcb3BrZKgp9q9Ncltdg4QVqWrH02W2EFFVYw==
+  dependencies:
+    is-number "^4.0.0"
+    kind-of "^6.0.0"
+    math-random "^1.0.1"
+
 randombytes@^2.0.0, randombytes@^2.0.1, randombytes@^2.0.5, randombytes@^2.1.0:
  version "2.1.0"
  resolved "https://registry.npmmirror.com/randombytes/-/randombytes-2.1.0.tgz#df6f84372f0270dc65cdf6291349ab7a473d4f2a"
@ -11005,7 +11378,7 @@ read-pkg@^5.0.0:
    parse-json "^5.0.0"
    type-fest "^0.6.0"

-"readable-stream@1 || 2", readable-stream@^2.0.0, readable-stream@^2.0.1, readable-stream@^2.0.2, readable-stream@^2.0.6, readable-stream@^2.1.5, readable-stream@^2.2.2, readable-stream@^2.3.3, readable-stream@^2.3.6, readable-stream@~2.3.6:
+"readable-stream@1 || 2", readable-stream@^2.0.0, readable-stream@^2.0.1, readable-stream@^2.0.2, readable-stream@^2.0.5, readable-stream@^2.0.6, readable-stream@^2.1.5, readable-stream@^2.2.2, readable-stream@^2.3.3, readable-stream@^2.3.6, readable-stream@~2.3.6:
  version "2.3.8"
  resolved "https://registry.npmmirror.com/readable-stream/-/readable-stream-2.3.8.tgz#91125e8042bba1b9887f49345f6277027ce8be9b"
  integrity sha512-8p0AUk4XODgIewSi0l8Epjs+EVnWiK7NoDIEGU0HhE7+ZyY8D1IMY7odu5lRrFXGg71L15KG8QrPmum45RTtdA==
@ -11018,7 +11391,7 @@ read-pkg@^5.0.0:
    string_decoder "~1.1.1"
    util-deprecate "~1.0.1"

-"readable-stream@2 || 3", readable-stream@^3.0.6, readable-stream@^3.1.1, readable-stream@^3.6.0:
+"readable-stream@2 || 3", readable-stream@^3.0.6, readable-stream@^3.1.1, readable-stream@^3.4.0, readable-stream@^3.6.0:
  version "3.6.2"
  resolved "https://registry.npmmirror.com/readable-stream/-/readable-stream-3.6.2.tgz#56a9b36ea965c00c5a93ef31eb111a0f11056967"
  integrity sha512-9u/sniCrY3D5WdsERHzHE4G2YCXqoG5FTHUiCC4SIbr6XcLZBY05ya9EKjYek9O5xOAwjGq+1JdGBAS7Q9ScoA==
@ -11047,7 +11420,7 @@ readable-stream@~1.1.9:
    isarray "0.0.1"
    string_decoder "~0.10.x"

-readdirp@^2.2.1:
+readdirp@^2.0.0, readdirp@^2.2.1:
  version "2.2.1"
  resolved "https://registry.npmmirror.com/readdirp/-/readdirp-2.2.1.tgz#0e87622a3325aa33e892285caf8b4e846529a525"
  integrity sha512-1JU/8q+VgFZyxwrJ+SVIOsh+KywWGpds3NTqikiKpDMZWScmAYyKIgqkO+ARvNWJfXeXR1zxz7aHF4u4CyH6vQ==
@ -11119,6 +11492,13 @@ regenerator-transform@^0.15.2:
  dependencies:
    "@babel/runtime" "^7.8.4"

+regex-cache@^0.4.2:
+  version "0.4.4"
+  resolved "https://registry.npmmirror.com/regex-cache/-/regex-cache-0.4.4.tgz#75bdc58a2a1496cec48a12835bc54c8d562336dd"
+  integrity sha512-nVIZwtCjkC9YgvWkpM55B5rBhBYRZhAaJbgcFYXXsHnbZ9UZI9nnVWYZpBlCqv9ho2eZryPnWrZGsOdPwVWXWQ==
+  dependencies:
+    is-equal-shallow "^0.1.3"
+
 regex-not@^1.0.0, regex-not@^1.0.2:
  version "1.0.2"
  resolved "https://registry.npmmirror.com/regex-not/-/regex-not-1.0.2.tgz#1f4ece27e00b0b65e0247a6810e6a85d83a5752c"
@ -11191,7 +11571,7 @@ repeat-element@^1.1.2:
  resolved "https://registry.npmmirror.com/repeat-element/-/repeat-element-1.1.4.tgz#be681520847ab58c7568ac75fbfad28ed42d39e9"
  integrity sha512-LFiNfRcSu7KK3evMyYOuCzv3L10TW7yC1G2/+StMjK8Y6Vqd2MG7r/Qjw4ghtuCOjFvlnms/iMmLqpvW/ES/WQ==

-repeat-string@^1.6.1:
+repeat-string@^1.5.2, repeat-string@^1.6.1:
  version "1.6.1"
  resolved "https://registry.npmmirror.com/repeat-string/-/repeat-string-1.6.1.tgz#8dcae470e1c88abc2d600fff4a776286da75e637"
  integrity sha512-PV0dzCYDNfRi1jCDbJzpW7jNNDRuCOG/jI5ctQcGKt/clZD+YcPS3yIlWuTJMmESC8aevCFmWJy5wjAFgNqN6w==
@ -11377,6 +11757,13 @@ rimraf@2, rimraf@^2.5.4, rimraf@^2.6.1, rimraf@^2.6.2, rimraf@^2.6.3:
  dependencies:
    glob "^7.1.3"

+rimraf@~2.4.0:
+  version "2.4.5"
+  resolved "https://registry.npmmirror.com/rimraf/-/rimraf-2.4.5.tgz#ee710ce5d93a8fdb856fb5ea8ff0e2d75934b2da"
+  integrity sha512-J5xnxTyqaiw06JjMftq7L9ouA448dw/E7dKghkP9WpKNuwmARNNg+Gk8/u5ryb9N/Yo2+z3MCwuqFK/+qPOPfQ==
+  dependencies:
+    glob "^6.0.1"
+
 rimraf@~2.6.2:
  version "2.6.3"
  resolved "https://registry.npmmirror.com/rimraf/-/rimraf-2.6.3.tgz#b2d104fe0d8fb27cf9e0a1cda8262dd3833c6cab"
@ -11752,7 +12139,7 @@ shebang-regex@^3.0.0:
  resolved "https://registry.npmmirror.com/shebang-regex/-/shebang-regex-3.0.0.tgz#ae16f1644d873ecad843b0307b143362d4c42172"
  integrity sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==

-shell-quote@^1.7.3:
+shell-quote@^1.6.1, shell-quote@^1.7.3:
  version "1.8.1"
  resolved "https://registry.npmmirror.com/shell-quote/-/shell-quote-1.8.1.tgz#6dbf4db75515ad5bac63b4f1894c3a154c766680"
  integrity sha512-6j1W9l1iAs/4xYBI1SYOVZyFcCis9b4KCLQ8fgAGG07QvzaRLVVRQvAy85yNmmZSjYjg4MWh4gNvlPujU/5LpA==
@ -12345,6 +12732,13 @@ stylehacks@^4.0.0:
    postcss "^7.0.0"
    postcss-selector-parser "^3.0.0"

+subarg@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.npmmirror.com/subarg/-/subarg-1.0.0.tgz#f62cf17581e996b48fc965699f54c06ae268b8d2"
+  integrity sha512-RIrIdRY0X1xojthNcVtgT9sjpOGagEUKpZdgBUi054OEPFo282yg+zE+t1Rj3+RqKq2xStL7uUHhY+AjbC4BXg==
+  dependencies:
+    minimist "^1.1.0"
+
 supercluster@^7.0.0, supercluster@^7.1.0:
  version "7.1.5"
  resolved "https://registry.npmmirror.com/supercluster/-/supercluster-7.1.5.tgz#65a6ce4a037a972767740614c19051b64b8be5a3"
@ -12479,6 +12873,17 @@ tapable@^1.0.0, tapable@^1.1.3:
  resolved "https://registry.npmmirror.com/tapable/-/tapable-1.1.3.tgz#a1fccc06b58db61fd7a45da2da44f5f3a3e67ba2"
  integrity sha512-4WK/bYZmj8xLr+HUCODHGF1ZFzsYffasLUgEiMBY4fgtltdO6B4WJtlSbPaDTLpYTcGVwM2qLnFTICEcNxs3kA==

+tar-stream@^2.1.0:
+  version "2.2.0"
+  resolved "https://registry.npmmirror.com/tar-stream/-/tar-stream-2.2.0.tgz#acad84c284136b060dc3faa64474aa9aebd77287"
+  integrity sha512-ujeqbceABgwMZxEJnk2HDY2DlnUZ+9oEcb1KzTVfYHio0UE6dG71n60d8D2I4qNvleWrrXpmjpt7vZeF1LnMZQ==
+  dependencies:
+    bl "^4.0.3"
+    end-of-stream "^1.4.1"
+    fs-constants "^1.0.0"
+    inherits "^2.0.3"
+    readable-stream "^3.1.1"
+
 tar@^2.0.0:
  version "2.2.2"
  resolved "https://registry.npmmirror.com/tar/-/tar-2.2.2.tgz#0ca8848562c7299b8b446ff6a4d60cdbb23edc40"
@ -14186,6 +14591,15 @@ yorkie@^2.0.0:
    normalize-path "^1.0.0"
    strip-indent "^2.0.0"

+zip-stream@^2.1.2:
+  version "2.1.3"
+  resolved "https://registry.npmmirror.com/zip-stream/-/zip-stream-2.1.3.tgz#26cc4bdb93641a8590dd07112e1f77af1758865b"
+  integrity sha512-EkXc2JGcKhO5N5aZ7TmuNo45budRaFGHOmz24wtJR7znbNqDPmdZtUauKX6et8KAVseAMBOyWJqEpXcHTBsh7Q==
+  dependencies:
+    archiver-utils "^2.1.0"
+    compress-commons "^2.1.1"
+    readable-stream "^3.4.0"
+
 zrender@5.4.4, zrender@^5.1.1:
  version "5.4.4"
  resolved "https://registry.npmmirror.com/zrender/-/zrender-5.4.4.tgz#8854f1d95ecc82cf8912f5a11f86657cb8c9e261"