合并

773ed654 · lshan · 7c9ecd60 · 64dab1eb · 773ed654 · 773ed654
Commit 773ed654 authored Jul 22, 2021 by lshan
17 changed files
--- a/package-lock.json
+++ b/package-lock.json
@@ -1125,15 +1125,6 @@
        "to-fast-properties": "^2.0.0"
      }
    },
-    "@fullhuman/postcss-purgecss": {
-      "version": "3.1.3",
-      "resolved": "https://registry.npm.taobao.org/@fullhuman/postcss-purgecss/download/@fullhuman/postcss-purgecss-3.1.3.tgz",
-      "integrity": "sha1-R697h8m/s95LyUo4+HW5KP/98zk=",
-      "dev": true,
-      "requires": {
-        "purgecss": "^3.1.3"
-      }
-    },
    "@hapi/address": {
      "version": "2.1.4",
      "resolved": "https://registry.nlark.com/@hapi/address/download/@hapi/address-2.1.4.tgz",
@@ -1296,8 +1287,8 @@
    },
    "@types/parse-json": {
      "version": "4.0.0",
-      "resolved": "https://registry.nlark.com/@types/parse-json/download/@types/parse-json-4.0.0.tgz",
+      "resolved": "https://registry.npmjs.org/@types/parse-json/-/parse-json-4.0.0.tgz",
-      "integrity": "sha1-L4u0QUNNFjs1+4/9zNcTiSf/uMA=",
+      "integrity": "sha512-//oorEZjL6sbPcKUaCdIGlIUeH26mgzimjBB77G6XRgnDl/L5wOnpyBGRe/Mmf5CVW3PwEBE1NjiMZ/ssFh4wA==",
      "dev": true
    },
    "@types/q": {
@@ -2246,205 +2237,6 @@
        "tslint": "^5.20.1",
        "webpack": "^4.0.0",
        "yorkie": "^2.0.0"
-      },
-      "dependencies": {
-        "ansi-styles": {
-          "version": "4.3.0",
-          "resolved": "https://registry.nlark.com/ansi-styles/download/ansi-styles-4.3.0.tgz?cache=0&sync_timestamp=1618995588464&other_urls=https%3A%2F%2Fregistry.nlark.com%2Fansi-styles%2Fdownload%2Fansi-styles-4.3.0.tgz",
-          "integrity": "sha1-7dgDYornHATIWuegkG7a00tkiTc=",
-          "dev": true,
-          "optional": true,
-          "requires": {
-            "color-convert": "^2.0.1"
-          }
-        },
-        "chalk": {
-          "version": "4.1.1",
-          "resolved": "https://registry.nlark.com/chalk/download/chalk-4.1.1.tgz",
-          "integrity": "sha1-yAs/qyi/Y3HmhjMl7uZ+YYt35q0=",
-          "dev": true,
-          "optional": true,
-          "requires": {
-            "ansi-styles": "^4.1.0",
-            "supports-color": "^7.1.0"
-          }
-        },
-        "color-convert": {
-          "version": "2.0.1",
-          "resolved": "https://registry.nlark.com/color-convert/download/color-convert-2.0.1.tgz",
-          "integrity": "sha1-ctOmjVmMm9s68q0ehPIdiWq9TeM=",
-          "dev": true,
-          "optional": true,
-          "requires": {
-            "color-name": "~1.1.4"
-          }
-        },
-        "color-name": {
-          "version": "1.1.4",
-          "resolved": "https://registry.npm.taobao.org/color-name/download/color-name-1.1.4.tgz",
-          "integrity": "sha1-wqCah6y95pVD3m9j+jmVyCbFNqI=",
-          "dev": true,
-          "optional": true
-        },
-        "cosmiconfig": {
-          "version": "6.0.0",
-          "resolved": "https://registry.npm.taobao.org/cosmiconfig/download/cosmiconfig-6.0.0.tgz?cache=0&sync_timestamp=1596310773001&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fcosmiconfig%2Fdownload%2Fcosmiconfig-6.0.0.tgz",
-          "integrity": "sha1-2k/uhTxS9rHmk19BwaL8UL1KmYI=",
-          "dev": true,
-          "optional": true,
-          "requires": {
-            "@types/parse-json": "^4.0.0",
-            "import-fresh": "^3.1.0",
-            "parse-json": "^5.0.0",
-            "path-type": "^4.0.0",
-            "yaml": "^1.7.2"
-          }
-        },
-        "fork-ts-checker-webpack-plugin-v5": {
-          "version": "npm:fork-ts-checker-webpack-plugin@5.2.1",
-          "resolved": "https://registry.nlark.com/fork-ts-checker-webpack-plugin/download/fork-ts-checker-webpack-plugin-5.2.1.tgz",
-          "integrity": "sha1-eTJthpeXkG+osk4qvPlCH8gFRQ0=",
-          "dev": true,
-          "optional": true,
-          "requires": {
-            "@babel/code-frame": "^7.8.3",
-            "@types/json-schema": "^7.0.5",
-            "chalk": "^4.1.0",
-            "cosmiconfig": "^6.0.0",
-            "deepmerge": "^4.2.2",
-            "fs-extra": "^9.0.0",
-            "memfs": "^3.1.2",
-            "minimatch": "^3.0.4",
-            "schema-utils": "2.7.0",
-            "semver": "^7.3.2",
-            "tapable": "^1.0.0"
-          }
-        },
-        "fs-extra": {
-          "version": "9.1.0",
-          "resolved": "https://registry.nlark.com/fs-extra/download/fs-extra-9.1.0.tgz",
-          "integrity": "sha1-WVRGDHZKjaIJS6NVS/g55rmnyG0=",
-          "dev": true,
-          "optional": true,
-          "requires": {
-            "at-least-node": "^1.0.0",
-            "graceful-fs": "^4.2.0",
-            "jsonfile": "^6.0.1",
-            "universalify": "^2.0.0"
-          }
-        },
-        "has-flag": {
-          "version": "4.0.0",
-          "resolved": "https://registry.npm.taobao.org/has-flag/download/has-flag-4.0.0.tgz",
-          "integrity": "sha1-lEdx/ZyByBJlxNaUGGDaBrtZR5s=",
-          "dev": true,
-          "optional": true
-        },
-        "import-fresh": {
-          "version": "3.3.0",
-          "resolved": "https://registry.npm.taobao.org/import-fresh/download/import-fresh-3.3.0.tgz?cache=0&sync_timestamp=1608469579940&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fimport-fresh%2Fdownload%2Fimport-fresh-3.3.0.tgz",
-          "integrity": "sha1-NxYsJfy566oublPVtNiM4X2eDCs=",
-          "dev": true,
-          "optional": true,
-          "requires": {
-            "parent-module": "^1.0.0",
-            "resolve-from": "^4.0.0"
-          }
-        },
-        "jsonfile": {
-          "version": "6.1.0",
-          "resolved": "https://registry.npm.taobao.org/jsonfile/download/jsonfile-6.1.0.tgz?cache=0&sync_timestamp=1604161876665&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fjsonfile%2Fdownload%2Fjsonfile-6.1.0.tgz",
-          "integrity": "sha1-vFWyY0eTxnnsZAMJTrE2mKbsCq4=",
-          "dev": true,
-          "optional": true,
-          "requires": {
-            "graceful-fs": "^4.1.6",
-            "universalify": "^2.0.0"
-          }
-        },
-        "lru-cache": {
-          "version": "6.0.0",
-          "resolved": "https://registry.npm.taobao.org/lru-cache/download/lru-cache-6.0.0.tgz",
-          "integrity": "sha1-bW/mVw69lqr5D8rR2vo7JWbbOpQ=",
-          "dev": true,
-          "optional": true,
-          "requires": {
-            "yallist": "^4.0.0"
-          }
-        },
-        "parse-json": {
-          "version": "5.2.0",
-          "resolved": "https://registry.nlark.com/parse-json/download/parse-json-5.2.0.tgz",
-          "integrity": "sha1-x2/Gbe5UIxyWKyK8yKcs8vmXU80=",
-          "dev": true,
-          "optional": true,
-          "requires": {
-            "@babel/code-frame": "^7.0.0",
-            "error-ex": "^1.3.1",
-            "json-parse-even-better-errors": "^2.3.0",
-            "lines-and-columns": "^1.1.6"
-          }
-        },
-        "path-type": {
-          "version": "4.0.0",
-          "resolved": "https://registry.npm.taobao.org/path-type/download/path-type-4.0.0.tgz?cache=0&sync_timestamp=1611752015315&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fpath-type%2Fdownload%2Fpath-type-4.0.0.tgz",
-          "integrity": "sha1-hO0BwKe6OAr+CdkKjBgNzZ0DBDs=",
-          "dev": true,
-          "optional": true
-        },
-        "resolve-from": {
-          "version": "4.0.0",
-          "resolved": "https://registry.npm.taobao.org/resolve-from/download/resolve-from-4.0.0.tgz",
-          "integrity": "sha1-SrzYUq0y3Xuqv+m0DgCjbbXzkuY=",
-          "dev": true,
-          "optional": true
-        },
-        "schema-utils": {
-          "version": "2.7.0",
-          "resolved": "https://registry.nlark.com/schema-utils/download/schema-utils-2.7.0.tgz?cache=0&sync_timestamp=1625484933876&other_urls=https%3A%2F%2Fregistry.nlark.com%2Fschema-utils%2Fdownload%2Fschema-utils-2.7.0.tgz",
-          "integrity": "sha1-FxUfdtjq5n+793lgwzxnatn078c=",
-          "dev": true,
-          "optional": true,
-          "requires": {
-            "@types/json-schema": "^7.0.4",
-            "ajv": "^6.12.2",
-            "ajv-keywords": "^3.4.1"
-          }
-        },
-        "semver": {
-          "version": "7.3.5",
-          "resolved": "https://registry.nlark.com/semver/download/semver-7.3.5.tgz?cache=0&sync_timestamp=1618846864940&other_urls=https%3A%2F%2Fregistry.nlark.com%2Fsemver%2Fdownload%2Fsemver-7.3.5.tgz",
-          "integrity": "sha1-C2Ich5NI2JmOSw5L6Us/EuYBjvc=",
-          "dev": true,
-          "optional": true,
-          "requires": {
-            "lru-cache": "^6.0.0"
-          }
-        },
-        "supports-color": {
-          "version": "7.2.0",
-          "resolved": "https://registry.nlark.com/supports-color/download/supports-color-7.2.0.tgz?cache=0&sync_timestamp=1622293579301&other_urls=https%3A%2F%2Fregistry.nlark.com%2Fsupports-color%2Fdownload%2Fsupports-color-7.2.0.tgz",
-          "integrity": "sha1-G33NyzK4E4gBs+R4umpRyqiWSNo=",
-          "dev": true,
-          "optional": true,
-          "requires": {
-            "has-flag": "^4.0.0"
-          }
-        },
-        "universalify": {
-          "version": "2.0.0",
-          "resolved": "https://registry.npm.taobao.org/universalify/download/universalify-2.0.0.tgz?cache=0&sync_timestamp=1603180004159&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Funiversalify%2Fdownload%2Funiversalify-2.0.0.tgz",
-          "integrity": "sha1-daSYTv7cSwiXXFrrc/Uw0C3yVxc=",
-          "dev": true,
-          "optional": true
-        },
-        "yallist": {
-          "version": "4.0.0",
-          "resolved": "https://registry.npm.taobao.org/yallist/download/yallist-4.0.0.tgz",
-          "integrity": "sha1-m7knkNnA7/7GO+c1GeEaNQGaOnI=",
-          "dev": true,
-          "optional": true
-        }
      }
    },
    "@vue/cli-plugin-vuex": {
@@ -2976,8 +2768,8 @@
    },
    "acorn-node": {
      "version": "1.8.2",
-      "resolved": "https://registry.npm.taobao.org/acorn-node/download/acorn-node-1.8.2.tgz",
+      "resolved": "https://registry.npmjs.org/acorn-node/-/acorn-node-1.8.2.tgz",
-      "integrity": "sha1-EUyV1kU55T3t4j3oudlt98euKvg=",
+      "integrity": "sha512-8mt+fslDufLYntIoPAaIMUe/lrbrehIiwmR3t2k9LljIzoigEPF27eLk2hy8zSGzmR/ogr7zbRKINMo1u0yh5A==",
      "dev": true,
      "requires": {
        "acorn": "^7.0.0",
@@ -3138,8 +2930,8 @@
    },
    "arg": {
      "version": "5.0.0",
-      "resolved": "https://registry.npm.taobao.org/arg/download/arg-5.0.0.tgz?cache=0&sync_timestamp=1605576950209&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Farg%2Fdownload%2Farg-5.0.0.tgz",
+      "resolved": "https://registry.npmjs.org/arg/-/arg-5.0.0.tgz",
-      "integrity": "sha1-og4rtXEOgpUKUWs/kz/uXtR4vpA=",
+      "integrity": "sha512-4P8Zm2H+BRS+c/xX1LrHw0qKpEhdlZjLCgWy+d78T9vqa2Z2SiD2wMrYuWIAFy5IZUD7nnNXroRttz+0RzlrzQ==",
      "dev": true
    },
    "argparse": {
@@ -3309,8 +3101,8 @@
    },
    "at-least-node": {
      "version": "1.0.0",
-      "resolved": "https://registry.nlark.com/at-least-node/download/at-least-node-1.0.0.tgz",
+      "resolved": "https://registry.npmjs.org/at-least-node/-/at-least-node-1.0.0.tgz",
-      "integrity": "sha1-YCzUtG6EStTv/JKoARo8RuAjjcI=",
+      "integrity": "sha512-+q/t7Ekv1EDY2l6Gda6LLiX14rU9TV20Wa3ofeQmwPFZbOMo9DXrLbOjFaaclkXKWidIaopwAObQDqwWtGUjqg==",
      "dev": true,
      "optional": true
    },
@@ -4017,8 +3809,8 @@
    },
    "camelcase-css": {
      "version": "2.0.1",
-      "resolved": "https://registry.npm.taobao.org/camelcase-css/download/camelcase-css-2.0.1.tgz",
+      "resolved": "https://registry.npmjs.org/camelcase-css/-/camelcase-css-2.0.1.tgz",
-      "integrity": "sha1-7pePaUeRTMMMa0R0G27R338EP9U=",
+      "integrity": "sha512-QOSvevhslijgYwRx6Rv7zKdMF8lbRmx+uQGx2+vDc+KI/eBnsy9kit5aj23AgGu3pa4t9AgwbnXWqS+iOY+2aA==",
      "dev": true
    },
    "caniuse-api": {
@@ -5049,8 +4841,8 @@
    },
    "css-unit-converter": {
      "version": "1.1.2",
-      "resolved": "https://registry.nlark.com/css-unit-converter/download/css-unit-converter-1.1.2.tgz",
+      "resolved": "https://registry.npmjs.org/css-unit-converter/-/css-unit-converter-1.1.2.tgz",
-      "integrity": "sha1-THf1oZVObb/2BpXsshTjJwQ2qyE=",
+      "integrity": "sha512-IiJwMC8rdZE0+xiEZHeru6YoONC4rfPMqGm2W85jMIbkFvv5nFTwJVFHam2eFrN6txmoUYFAFXiv8ICVeTO0MA==",
      "dev": true
    },
    "css-what": {
@@ -5245,8 +5037,8 @@
    },
    "deepmerge": {
      "version": "4.2.2",
-      "resolved": "https://registry.nlark.com/deepmerge/download/deepmerge-4.2.2.tgz",
+      "resolved": "https://registry.npmjs.org/deepmerge/-/deepmerge-4.2.2.tgz",
-      "integrity": "sha1-RNLqNnm49NT/ujPwPYZfwee/SVU=",
+      "integrity": "sha512-FJ3UgI4gIl+PHZm53knsuSFpE+nESMr7M4v9QcgB7S63Kj/6WqMiFQJpBBYz1Pt+66bZpP3Q7Lye0Oo9MPKEdg==",
      "dev": true,
      "optional": true
    },
@@ -5380,7 +5172,7 @@
    },
    "defined": {
      "version": "1.0.0",
-      "resolved": "https://registry.npm.taobao.org/defined/download/defined-1.0.0.tgz",
+      "resolved": "https://registry.npmjs.org/defined/-/defined-1.0.0.tgz",
      "integrity": "sha1-yY2bzvdWdBiOEQlpFRGZ45sfppM=",
      "dev": true
    },
@@ -5463,8 +5255,8 @@
    },
    "detective": {
      "version": "5.2.0",
-      "resolved": "https://registry.npm.taobao.org/detective/download/detective-5.2.0.tgz",
+      "resolved": "https://registry.npmjs.org/detective/-/detective-5.2.0.tgz",
-      "integrity": "sha1-/rKnfoW5BOzepFmtiXzJCpm9Kns=",
+      "integrity": "sha512-6SsIx+nUUbuK0EthKjv0zrdnajCCXVYGmbYYiYjFVpzcjwEs/JMDZ8tPRG29J/HhN56t3GJp2cGSWDRjjot8Pg==",
      "dev": true,
      "requires": {
        "acorn-node": "^1.6.1",
@@ -5474,8 +5266,8 @@
    },
    "didyoumean": {
      "version": "1.2.2",
-      "resolved": "https://registry.nlark.com/didyoumean/download/didyoumean-1.2.2.tgz?cache=0&sync_timestamp=1624543452248&other_urls=https%3A%2F%2Fregistry.nlark.com%2Fdidyoumean%2Fdownload%2Fdidyoumean-1.2.2.tgz",
+      "resolved": "https://registry.npmjs.org/didyoumean/-/didyoumean-1.2.2.tgz",
-      "integrity": "sha1-mJNG/+noObRVXs9WZu3qDT6K0Dc=",
+      "integrity": "sha512-gxtyfqMg7GKyhQmb056K7M3xszy/myH8w+B4RT+QXBQsvAOdc3XymqDDPHx1BgPgsdAA5SIifona89YtRATDzw==",
      "dev": true
    },
    "diff": {
@@ -5514,8 +5306,8 @@
    },
    "dlv": {
      "version": "1.1.3",
-      "resolved": "https://registry.npm.taobao.org/dlv/download/dlv-1.1.3.tgz",
+      "resolved": "https://registry.npmjs.org/dlv/-/dlv-1.1.3.tgz",
-      "integrity": "sha1-XBmKihFFNZbnUUlNSYdLx3MvLnk=",
+      "integrity": "sha512-+HlytyjlPKnIG8XuRG8WvmBP8xs8P71y+SKKS6ZXWoEgLuePxtDoUEiH7WkdePWrQ5JBpE6aoVqfZfJUQkjXwA==",
      "dev": true
    },
    "dns-equal": {
@@ -6670,6 +6462,205 @@
        }
      }
    },
+    "fork-ts-checker-webpack-plugin-v5": {
+      "version": "npm:fork-ts-checker-webpack-plugin@5.2.1",
+      "resolved": "https://registry.npmjs.org/fork-ts-checker-webpack-plugin/-/fork-ts-checker-webpack-plugin-5.2.1.tgz",
+      "integrity": "sha512-SVi+ZAQOGbtAsUWrZvGzz38ga2YqjWvca1pXQFUArIVXqli0lLoDQ8uS0wg0kSpcwpZmaW5jVCZXQebkyUQSsw==",
+      "dev": true,
+      "optional": true,
+      "requires": {
+        "@babel/code-frame": "^7.8.3",
+        "@types/json-schema": "^7.0.5",
+        "chalk": "^4.1.0",
+        "cosmiconfig": "^6.0.0",
+        "deepmerge": "^4.2.2",
+        "fs-extra": "^9.0.0",
+        "memfs": "^3.1.2",
+        "minimatch": "^3.0.4",
+        "schema-utils": "2.7.0",
+        "semver": "^7.3.2",
+        "tapable": "^1.0.0"
+      },
+      "dependencies": {
+        "ansi-styles": {
+          "version": "4.3.0",
+          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
+          "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "color-convert": "^2.0.1"
+          }
+        },
+        "chalk": {
+          "version": "4.1.1",
+          "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.1.tgz",
+          "integrity": "sha512-diHzdDKxcU+bAsUboHLPEDQiw0qEe0qd7SYUn3HgcFlWgbDcfLGswOHYeGrHKzG9z6UYf01d9VFMfZxPM1xZSg==",
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "ansi-styles": "^4.1.0",
+            "supports-color": "^7.1.0"
+          }
+        },
+        "color-convert": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
+          "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "color-name": "~1.1.4"
+          }
+        },
+        "color-name": {
+          "version": "1.1.4",
+          "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
+          "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
+          "dev": true,
+          "optional": true
+        },
+        "cosmiconfig": {
+          "version": "6.0.0",
+          "resolved": "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-6.0.0.tgz",
+          "integrity": "sha512-xb3ZL6+L8b9JLLCx3ZdoZy4+2ECphCMo2PwqgP1tlfVq6M6YReyzBJtvWWtbDSpNr9hn96pkCiZqUcFEc+54Qg==",
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "@types/parse-json": "^4.0.0",
+            "import-fresh": "^3.1.0",
+            "parse-json": "^5.0.0",
+            "path-type": "^4.0.0",
+            "yaml": "^1.7.2"
+          }
+        },
+        "fs-extra": {
+          "version": "9.1.0",
+          "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-9.1.0.tgz",
+          "integrity": "sha512-hcg3ZmepS30/7BSFqRvoo3DOMQu7IjqxO5nCDt+zM9XWjb33Wg7ziNT+Qvqbuc3+gWpzO02JubVyk2G4Zvo1OQ==",
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "at-least-node": "^1.0.0",
+            "graceful-fs": "^4.2.0",
+            "jsonfile": "^6.0.1",
+            "universalify": "^2.0.0"
+          }
+        },
+        "has-flag": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
+          "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
+          "dev": true,
+          "optional": true
+        },
+        "import-fresh": {
+          "version": "3.3.0",
+          "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-3.3.0.tgz",
+          "integrity": "sha512-veYYhQa+D1QBKznvhUHxb8faxlrwUnxseDAbAp457E0wLNio2bOSKnjYDhMj+YiAq61xrMGhQk9iXVk5FzgQMw==",
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "parent-module": "^1.0.0",
+            "resolve-from": "^4.0.0"
+          }
+        },
+        "jsonfile": {
+          "version": "6.1.0",
+          "resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-6.1.0.tgz",
+          "integrity": "sha512-5dgndWOriYSm5cnYaJNhalLNDKOqFwyDB/rr1E9ZsGciGvKPs8R2xYGCacuf3z6K1YKDz182fd+fY3cn3pMqXQ==",
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "graceful-fs": "^4.1.6",
+            "universalify": "^2.0.0"
+          }
+        },
+        "lru-cache": {
+          "version": "6.0.0",
+          "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-6.0.0.tgz",
+          "integrity": "sha512-Jo6dJ04CmSjuznwJSS3pUeWmd/H0ffTlkXXgwZi+eq1UCmqQwCh+eLsYOYCwY991i2Fah4h1BEMCx4qThGbsiA==",
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "yallist": "^4.0.0"
+          }
+        },
+        "parse-json": {
+          "version": "5.2.0",
+          "resolved": "https://registry.npmjs.org/parse-json/-/parse-json-5.2.0.tgz",
+          "integrity": "sha512-ayCKvm/phCGxOkYRSCM82iDwct8/EonSEgCSxWxD7ve6jHggsFl4fZVQBPRNgQoKiuV/odhFrGzQXZwbifC8Rg==",
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "@babel/code-frame": "^7.0.0",
+            "error-ex": "^1.3.1",
+            "json-parse-even-better-errors": "^2.3.0",
+            "lines-and-columns": "^1.1.6"
+          }
+        },
+        "path-type": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/path-type/-/path-type-4.0.0.tgz",
+          "integrity": "sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==",
+          "dev": true,
+          "optional": true
+        },
+        "resolve-from": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-4.0.0.tgz",
+          "integrity": "sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==",
+          "dev": true,
+          "optional": true
+        },
+        "schema-utils": {
+          "version": "2.7.0",
+          "resolved": "https://registry.npmjs.org/schema-utils/-/schema-utils-2.7.0.tgz",
+          "integrity": "sha512-0ilKFI6QQF5nxDZLFn2dMjvc4hjg/Wkg7rHd3jK6/A4a1Hl9VFdQWvgB1UMGoU94pad1P/8N7fMcEnLnSiju8A==",
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "@types/json-schema": "^7.0.4",
+            "ajv": "^6.12.2",
+            "ajv-keywords": "^3.4.1"
+          }
+        },
+        "semver": {
+          "version": "7.3.5",
+          "resolved": "https://registry.npmjs.org/semver/-/semver-7.3.5.tgz",
+          "integrity": "sha512-PoeGJYh8HK4BTO/a9Tf6ZG3veo/A7ZVsYrSA6J8ny9nb3B1VrpkuN+z9OE5wfE5p6H4LchYZsegiQgbJD94ZFQ==",
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "lru-cache": "^6.0.0"
+          }
+        },
+        "supports-color": {
+          "version": "7.2.0",
+          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
+          "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
+          "dev": true,
+          "optional": true,
+          "requires": {
+            "has-flag": "^4.0.0"
+          }
+        },
+        "universalify": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npmjs.org/universalify/-/universalify-2.0.0.tgz",
+          "integrity": "sha512-hAZsKq7Yy11Zu1DE0OzWjw7nnLZmJZYTDZZyEFHZdUhV8FkH5MCfoU1XMaxXovpyW5nq5scPqq0ZDP9Zyl04oQ==",
+          "dev": true,
+          "optional": true
+        },
+        "yallist": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npmjs.org/yallist/-/yallist-4.0.0.tgz",
+          "integrity": "sha512-3wdGidZyq5PB084XLES5TpOSRA3wjXAlIWMhum2kRcv/41Sn2emQ0dycQW4uZXLejwKvg6EsvbdlVL+FYEct7A==",
+          "dev": true,
+          "optional": true
+        }
+      }
+    },
    "form-data": {
      "version": "2.3.3",
      "resolved": "https://registry.nlark.com/form-data/download/form-data-2.3.3.tgz",
@@ -6725,8 +6716,8 @@
    },
    "fs-monkey": {
      "version": "1.0.3",
-      "resolved": "https://registry.npm.taobao.org/fs-monkey/download/fs-monkey-1.0.3.tgz?cache=0&sync_timestamp=1617593422622&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Ffs-monkey%2Fdownload%2Ffs-monkey-1.0.3.tgz",
+      "resolved": "https://registry.npmjs.org/fs-monkey/-/fs-monkey-1.0.3.tgz",
-      "integrity": "sha1-rjrJLVO7Mo7+DpodlUH2rY1I4tM=",
+      "integrity": "sha512-cybjIfiiE+pTWicSCLFHSrXZ6EilF30oh91FDP9S2B051prEa7QWfrVTQm10/dDpswBDXZugPa1Ogu8Yh+HV0Q==",
      "dev": true,
      "optional": true
    },
@@ -8177,8 +8168,8 @@
    },
    "lilconfig": {
      "version": "2.0.3",
-      "resolved": "https://registry.nlark.com/lilconfig/download/lilconfig-2.0.3.tgz",
+      "resolved": "https://registry.npmjs.org/lilconfig/-/lilconfig-2.0.3.tgz",
-      "integrity": "sha1-aPMAXpIdr70qKvtIN5mGqm0lef0=",
+      "integrity": "sha512-EHKqr/+ZvdKCifpNrJCKxBTgk5XupZA3y/aCPY9mxfgBzmgh93Mt/WqjjQ38oMxXuvDokaKiM3lAgvSH2sjtHg==",
      "dev": true
    },
    "lines-and-columns": {
@@ -8342,7 +8333,7 @@
    },
    "lodash.topath": {
      "version": "4.5.2",
-      "resolved": "https://registry.npm.taobao.org/lodash.topath/download/lodash.topath-4.5.2.tgz",
+      "resolved": "https://registry.npmjs.org/lodash.topath/-/lodash.topath-4.5.2.tgz",
      "integrity": "sha1-NhY1Hzu6YZlKCTGYlmC9AyVP0Ak=",
      "dev": true
    },
@@ -8445,8 +8436,8 @@
    },
    "memfs": {
      "version": "3.2.2",
-      "resolved": "https://registry.npm.taobao.org/memfs/download/memfs-3.2.2.tgz",
+      "resolved": "https://registry.npmjs.org/memfs/-/memfs-3.2.2.tgz",
-      "integrity": "sha1-XeRhOJ1Zbj8j1Iu3wq+2Fh9N9A4=",
+      "integrity": "sha512-RE0CwmIM3CEvpcdK3rZ19BC4E6hv9kADkMN5rPduRak58cNArWLi/9jFLsa4rhsjfVxMP3v0jO7FHXq7SvFY5Q==",
      "dev": true,
      "optional": true,
      "requires": {
@@ -8745,8 +8736,8 @@
    },
    "modern-normalize": {
      "version": "1.1.0",
-      "resolved": "https://registry.nlark.com/modern-normalize/download/modern-normalize-1.1.0.tgz",
+      "resolved": "https://registry.npmjs.org/modern-normalize/-/modern-normalize-1.1.0.tgz",
-      "integrity": "sha1-2o6AFA2SIUJr1PclxuESg9NPkLc=",
+      "integrity": "sha512-2lMlY1Yc1+CUy0gw4H95uNN7vjbpoED7NNRSBHE25nWfLBdmMzFCsPshlzbxHz+gYMcBEUN8V4pU16prcdPSgA==",
      "dev": true
    },
    "moment": {
@@ -8821,8 +8812,8 @@
    },
    "nanoid": {
      "version": "3.1.23",
-      "resolved": "https://registry.nlark.com/nanoid/download/nanoid-3.1.23.tgz?cache=0&sync_timestamp=1620673983269&other_urls=https%3A%2F%2Fregistry.nlark.com%2Fnanoid%2Fdownload%2Fnanoid-3.1.23.tgz",
+      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.1.23.tgz",
-      "integrity": "sha1-90QIbOfCvEfuCoRyV01ceOQYOoE=",
+      "integrity": "sha512-FiB0kzdP0FFVGDKlRLEQ1BgDzU87dy5NnzjeW9YZNt+/c3+q82EQDUwniSAUxp/F0gFNI1ZhKU1FqYsMuqZVnw==",
      "dev": true
    },
    "nanomatch": {
@@ -9773,7 +9764,7 @@
    },
    "postcss-functions": {
      "version": "3.0.0",
-      "resolved": "https://registry.npm.taobao.org/postcss-functions/download/postcss-functions-3.0.0.tgz",
+      "resolved": "https://registry.npmjs.org/postcss-functions/-/postcss-functions-3.0.0.tgz",
      "integrity": "sha1-DpTQFERwCkgd4g3k1V+yZAVkJQ4=",
      "dev": true,
      "requires": {
@@ -9785,8 +9776,8 @@
      "dependencies": {
        "postcss": {
          "version": "6.0.23",
-          "resolved": "https://registry.nlark.com/postcss/download/postcss-6.0.23.tgz",
+          "resolved": "https://registry.npmjs.org/postcss/-/postcss-6.0.23.tgz",
-          "integrity": "sha1-YcgswyisYOZ3ZF+XkFTrmLwOMyQ=",
+          "integrity": "sha512-soOk1h6J3VMTZtVeVpv15/Hpdl2cBLX3CAw4TAbkpTJiNPk9YP/zWcD1ND+xEtvyuuvKzbxliTOIyvkSeSJ6ag==",
          "dev": true,
          "requires": {
            "chalk": "^2.4.1",
@@ -9796,22 +9787,22 @@
        },
        "postcss-value-parser": {
          "version": "3.3.1",
-          "resolved": "https://registry.nlark.com/postcss-value-parser/download/postcss-value-parser-3.3.1.tgz",
+          "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-3.3.1.tgz",
-          "integrity": "sha1-n/giVH4okyE88cMO+lGsX9G6goE=",
+          "integrity": "sha512-pISE66AbVkp4fDQ7VHBwRNXzAAKJjw4Vw7nWI/+Q3vuly7SNfgYXvm6i5IgFylHGK5sP/xHAbB7N49OS4gWNyQ==",
          "dev": true
        },
        "source-map": {
          "version": "0.6.1",
-          "resolved": "https://registry.nlark.com/source-map/download/source-map-0.6.1.tgz",
+          "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
-          "integrity": "sha1-dHIq8y6WFOnCh6jQu95IteLxomM=",
+          "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
          "dev": true
        }
      }
    },
    "postcss-js": {
      "version": "2.0.3",
-      "resolved": "https://registry.nlark.com/postcss-js/download/postcss-js-2.0.3.tgz",
+      "resolved": "https://registry.npmjs.org/postcss-js/-/postcss-js-2.0.3.tgz",
-      "integrity": "sha1-qW8PI/89CM7H3FsRvxHF+Ad82rk=",
+      "integrity": "sha512-zS59pAk3deu6dVHyrGqmC3oDXBdNdajk4k1RyxeVXCrcEDBUBHoIhE4QTsmhxgzXxsaqFDAkUZfmMa5f/N/79w==",
      "dev": true,
      "requires": {
        "camelcase-css": "^2.0.1",
@@ -9987,8 +9978,8 @@
    },
    "postcss-nested": {
      "version": "4.2.3",
-      "resolved": "https://registry.npm.taobao.org/postcss-nested/download/postcss-nested-4.2.3.tgz?cache=0&sync_timestamp=1614914936414&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fpostcss-nested%2Fdownload%2Fpostcss-nested-4.2.3.tgz",
+      "resolved": "https://registry.npmjs.org/postcss-nested/-/postcss-nested-4.2.3.tgz",
-      "integrity": "sha1-xvJVsKcgVJd20iDQDEtwzSRBNvY=",
+      "integrity": "sha512-rOv0W1HquRCamWy2kFl3QazJMMe1ku6rCFoAAH+9AcxdbpDeBr6k968MLWuLjvjMcGEip01ak09hKOEgpK9hvw==",
      "dev": true,
      "requires": {
        "postcss": "^7.0.32",
@@ -10298,7 +10289,7 @@
    },
    "pretty-hrtime": {
      "version": "1.0.3",
-      "resolved": "https://registry.nlark.com/pretty-hrtime/download/pretty-hrtime-1.0.3.tgz",
+      "resolved": "https://registry.npmjs.org/pretty-hrtime/-/pretty-hrtime-1.0.3.tgz",
      "integrity": "sha1-t+PqQkNaTJsnWdmeDyAesZWALuE=",
      "dev": true
    },
@@ -10416,9 +10407,9 @@
      "dev": true
    },
    "purgecss": {
-      "version": "3.1.3",
+      "version": "4.0.3",
-      "resolved": "https://registry.npm.taobao.org/purgecss/download/purgecss-3.1.3.tgz",
+      "resolved": "https://registry.npmjs.org/purgecss/-/purgecss-4.0.3.tgz",
-      "integrity": "sha1-Jph+wJ0S7q3DGOIvblqesL4JT0E=",
+      "integrity": "sha512-PYOIn5ibRIP34PBU9zohUcCI09c7drPJJtTDAc0Q6QlRz2/CHQ8ywGLdE7ZhxU2VTqB7p5wkvj5Qcm05Rz3Jmw==",
      "dev": true,
      "requires": {
        "commander": "^6.0.0",
@@ -10429,14 +10420,14 @@
      "dependencies": {
        "commander": {
          "version": "6.2.1",
-          "resolved": "https://registry.nlark.com/commander/download/commander-6.2.1.tgz?cache=0&sync_timestamp=1624609539421&other_urls=https%3A%2F%2Fregistry.nlark.com%2Fcommander%2Fdownload%2Fcommander-6.2.1.tgz",
+          "resolved": "https://registry.npmjs.org/commander/-/commander-6.2.1.tgz",
-          "integrity": "sha1-B5LraC37wyWZm7K4T93duhEKxzw=",
+          "integrity": "sha512-U7VdrJFnJgo4xjrHpTzu0yrHPGImdsmD95ZlgYSEajAn2JKzDhDTPG9kBTefmObL2w/ngeZnilk+OV9CG3d7UA==",
          "dev": true
        },
        "postcss": {
-          "version": "8.3.5",
+          "version": "8.3.6",
-          "resolved": "https://registry.nlark.com/postcss/download/postcss-8.3.5.tgz",
+          "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.3.6.tgz",
-          "integrity": "sha1-mCIWsRNBK8IKhiiekeuZSVKltwk=",
+          "integrity": "sha512-wG1cc/JhRgdqB6WHEuyLTedf3KIRuD0hG6ldkFEZNCjRxiC+3i6kkWUUbiJQayP28iwG35cEmAbe98585BYV0A==",
          "dev": true,
          "requires": {
            "colorette": "^1.2.2",
@@ -10494,8 +10485,8 @@
    },
    "quick-lru": {
      "version": "5.1.1",
-      "resolved": "https://registry.nlark.com/quick-lru/download/quick-lru-5.1.1.tgz",
+      "resolved": "https://registry.npmjs.org/quick-lru/-/quick-lru-5.1.1.tgz",
-      "integrity": "sha1-NmST5rPkKjpoheLpnRj4D7eoyTI=",
+      "integrity": "sha512-WuyALRjWPDGtt/wzJiadO5AXY+8hZ80hVpe6MyivgraREW751X3SbhRvG3eLKOYN+8VEvqLcf3wdnt44Z4S4SA==",
      "dev": true
    },
    "raf": {
@@ -10601,8 +10592,8 @@
    },
    "reduce-css-calc": {
      "version": "2.1.8",
-      "resolved": "https://registry.npm.taobao.org/reduce-css-calc/download/reduce-css-calc-2.1.8.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Freduce-css-calc%2Fdownload%2Freduce-css-calc-2.1.8.tgz",
+      "resolved": "https://registry.npmjs.org/reduce-css-calc/-/reduce-css-calc-2.1.8.tgz",
-      "integrity": "sha1-fvh2GijWFJgNwMmC93LJP3qZ3gM=",
+      "integrity": "sha512-8liAVezDmUcH+tdzoEGrhfbGcP7nOV4NkGE3a74+qqvE7nt9i4sKLGBuZNOnpI4WiGksiNPklZxva80061QiPg==",
      "dev": true,
      "requires": {
        "css-unit-converter": "^1.1.1",
@@ -10611,8 +10602,8 @@
      "dependencies": {
        "postcss-value-parser": {
          "version": "3.3.1",
-          "resolved": "https://registry.nlark.com/postcss-value-parser/download/postcss-value-parser-3.3.1.tgz",
+          "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-3.3.1.tgz",
-          "integrity": "sha1-n/giVH4okyE88cMO+lGsX9G6goE=",
+          "integrity": "sha512-pISE66AbVkp4fDQ7VHBwRNXzAAKJjw4Vw7nWI/+Q3vuly7SNfgYXvm6i5IgFylHGK5sP/xHAbB7N49OS4gWNyQ==",
          "dev": true
        }
      }
@@ -11546,8 +11537,8 @@
    },
    "source-map-js": {
      "version": "0.6.2",
-      "resolved": "https://registry.npm.taobao.org/source-map-js/download/source-map-js-0.6.2.tgz",
+      "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-0.6.2.tgz",
-      "integrity": "sha1-C7XeYxtBz72mz7qL0FqA79/SOF4=",
+      "integrity": "sha512-/3GptzWzu0+0MBQFrDKzw/DvvMTUORvgY6k6jd/VS6iCR4RDTKWH6v6WPwQoUO8667uQEf9Oe38DxAYWY5F/Ug==",
      "dev": true
    },
    "source-map-resolve": {
@@ -12133,23 +12124,22 @@
      }
    },
    "tailwindcss": {
-      "version": "npm:@tailwindcss/postcss7-compat@2.2.4",
+      "version": "npm:@tailwindcss/postcss7-compat@2.2.6",
-      "resolved": "https://registry.nlark.com/@tailwindcss/postcss7-compat/download/@tailwindcss/postcss7-compat-2.2.4.tgz",
+      "resolved": "https://registry.npmjs.org/@tailwindcss/postcss7-compat/-/postcss7-compat-2.2.6.tgz",
-      "integrity": "sha1-DltEbpTP34kuT3bOy3A8jWmAUPM=",
+      "integrity": "sha512-xrJqqVimKtNpyaaMapky3iFRCvEaA3PbdGG4HqHvyEdTLnfqKrRAv0znhqGeQlzFIL4P3w546cjWLYNtbvazFw==",
      "dev": true,
      "requires": {
-        "@fullhuman/postcss-purgecss": "^3.1.3",
        "arg": "^5.0.0",
        "autoprefixer": "^9",
        "bytes": "^3.0.0",
        "chalk": "^4.1.1",
        "chokidar": "^3.5.2",
-        "color": "^3.1.3",
+        "color": "^3.2.0",
        "cosmiconfig": "^7.0.0",
        "detective": "^5.2.0",
-        "didyoumean": "^1.2.1",
+        "didyoumean": "^1.2.2",
        "dlv": "^1.1.3",
-        "fast-glob": "^3.2.5",
+        "fast-glob": "^3.2.7",
        "fs-extra": "^10.0.0",
        "glob-parent": "^6.0.0",
        "html-tags": "^3.1.0",
@@ -12168,6 +12158,7 @@
        "postcss-selector-parser": "^6.0.6",
        "postcss-value-parser": "^4.1.0",
        "pretty-hrtime": "^1.0.3",
+        "purgecss": "^4.0.3",
        "quick-lru": "^5.1.1",
        "reduce-css-calc": "^2.1.8",
        "resolve": "^1.20.0",
@@ -12176,14 +12167,14 @@
      "dependencies": {
        "@nodelib/fs.stat": {
          "version": "2.0.5",
-          "resolved": "https://registry.nlark.com/@nodelib/fs.stat/download/@nodelib/fs.stat-2.0.5.tgz?cache=0&sync_timestamp=1622792616417&other_urls=https%3A%2F%2Fregistry.nlark.com%2F%40nodelib%2Ffs.stat%2Fdownload%2F%40nodelib%2Ffs.stat-2.0.5.tgz",
+          "resolved": "https://registry.npmjs.org/@nodelib/fs.stat/-/fs.stat-2.0.5.tgz",
-          "integrity": "sha1-W9Jir5Tp0lvR5xsF3u1Eh2oiLos=",
+          "integrity": "sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==",
          "dev": true
        },
        "ansi-styles": {
          "version": "4.3.0",
-          "resolved": "https://registry.nlark.com/ansi-styles/download/ansi-styles-4.3.0.tgz?cache=0&sync_timestamp=1618995588464&other_urls=https%3A%2F%2Fregistry.nlark.com%2Fansi-styles%2Fdownload%2Fansi-styles-4.3.0.tgz",
+          "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
-          "integrity": "sha1-7dgDYornHATIWuegkG7a00tkiTc=",
+          "integrity": "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==",
          "dev": true,
          "requires": {
            "color-convert": "^2.0.1"
@@ -12191,18 +12182,45 @@
        },
        "chalk": {
          "version": "4.1.1",
-          "resolved": "https://registry.nlark.com/chalk/download/chalk-4.1.1.tgz",
+          "resolved": "https://registry.npmjs.org/chalk/-/chalk-4.1.1.tgz",
-          "integrity": "sha1-yAs/qyi/Y3HmhjMl7uZ+YYt35q0=",
+          "integrity": "sha512-diHzdDKxcU+bAsUboHLPEDQiw0qEe0qd7SYUn3HgcFlWgbDcfLGswOHYeGrHKzG9z6UYf01d9VFMfZxPM1xZSg==",
          "dev": true,
          "requires": {
            "ansi-styles": "^4.1.0",
            "supports-color": "^7.1.0"
          }
        },
+        "color": {
+          "version": "3.2.1",
+          "resolved": "https://registry.npmjs.org/color/-/color-3.2.1.tgz",
+          "integrity": "sha512-aBl7dZI9ENN6fUGC7mWpMTPNHmWUSNan9tuWN6ahh5ZLNk9baLJOnSMlrQkHcrfFgz2/RigjUVAjdx36VcemKA==",
+          "dev": true,
+          "requires": {
+            "color-convert": "^1.9.3",
+            "color-string": "^1.6.0"
+          },
+          "dependencies": {
+            "color-convert": {
+              "version": "1.9.3",
+              "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-1.9.3.tgz",
+              "integrity": "sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==",
+              "dev": true,
+              "requires": {
+                "color-name": "1.1.3"
+              }
+            },
+            "color-name": {
+              "version": "1.1.3",
+              "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.3.tgz",
+              "integrity": "sha1-p9BVi9icQveV3UIyj3QIMcpTvCU=",
+              "dev": true
+            }
+          }
+        },
        "color-convert": {
          "version": "2.0.1",
-          "resolved": "https://registry.nlark.com/color-convert/download/color-convert-2.0.1.tgz",
+          "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
-          "integrity": "sha1-ctOmjVmMm9s68q0ehPIdiWq9TeM=",
+          "integrity": "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==",
          "dev": true,
          "requires": {
            "color-name": "~1.1.4"
@@ -12210,14 +12228,24 @@
        },
        "color-name": {
          "version": "1.1.4",
-          "resolved": "https://registry.npm.taobao.org/color-name/download/color-name-1.1.4.tgz",
+          "resolved": "https://registry.npmjs.org/color-name/-/color-name-1.1.4.tgz",
-          "integrity": "sha1-wqCah6y95pVD3m9j+jmVyCbFNqI=",
+          "integrity": "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==",
          "dev": true
        },
+        "color-string": {
+          "version": "1.6.0",
+          "resolved": "https://registry.npmjs.org/color-string/-/color-string-1.6.0.tgz",
+          "integrity": "sha512-c/hGS+kRWJutUBEngKKmk4iH3sD59MBkoxVapS/0wgpCz2u7XsNloxknyvBhzwEs1IbV36D9PwqLPJ2DTu3vMA==",
+          "dev": true,
+          "requires": {
+            "color-name": "^1.0.0",
+            "simple-swizzle": "^0.2.2"
+          }
+        },
        "cosmiconfig": {
          "version": "7.0.0",
-          "resolved": "https://registry.npm.taobao.org/cosmiconfig/download/cosmiconfig-7.0.0.tgz?cache=0&sync_timestamp=1596310773001&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fcosmiconfig%2Fdownload%2Fcosmiconfig-7.0.0.tgz",
+          "resolved": "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-7.0.0.tgz",
-          "integrity": "sha1-75tE13OVnK5j3ezRIt4jhTtg+NM=",
+          "integrity": "sha512-pondGvTuVYDk++upghXJabWzL6Kxu6f26ljFw64Swq9v6sQPUL3EUlVDV56diOjpCayKihL6hVe8exIACU4XcA==",
          "dev": true,
          "requires": {
            "@types/parse-json": "^4.0.0",
@@ -12229,8 +12257,8 @@
        },
        "fast-glob": {
          "version": "3.2.7",
-          "resolved": "https://registry.nlark.com/fast-glob/download/fast-glob-3.2.7.tgz",
+          "resolved": "https://registry.npmjs.org/fast-glob/-/fast-glob-3.2.7.tgz",
-          "integrity": "sha1-/Wy3otfpqnp4RhEehaGW1rL3ZqE=",
+          "integrity": "sha512-rYGMRwip6lUMvYD3BTScMwT1HtAs2d71SMv66Vrxs0IekGZEjhM0pcMfjQPnknBt2zeCwQMEupiN02ZP4DiT1Q==",
          "dev": true,
          "requires": {
            "@nodelib/fs.stat": "^2.0.2",
@@ -12242,8 +12270,8 @@
          "dependencies": {
            "glob-parent": {
              "version": "5.1.2",
-              "resolved": "https://registry.nlark.com/glob-parent/download/glob-parent-5.1.2.tgz",
+              "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-5.1.2.tgz",
-              "integrity": "sha1-hpgyxYA0/mikCTwX3BXoNA2EAcQ=",
+              "integrity": "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==",
              "dev": true,
              "requires": {
                "is-glob": "^4.0.1"
@@ -12253,8 +12281,8 @@
        },
        "fs-extra": {
          "version": "10.0.0",
-          "resolved": "https://registry.nlark.com/fs-extra/download/fs-extra-10.0.0.tgz",
+          "resolved": "https://registry.npmjs.org/fs-extra/-/fs-extra-10.0.0.tgz",
-          "integrity": "sha1-n/YbZV3eU/s0qC34S7IUzoAuF8E=",
+          "integrity": "sha512-C5owb14u9eJwizKGdchcDUQeFtlSHHthBk8pbX9Vc1PFZrLombudjDnNns88aYslCyF6IY5SUw3Roz6xShcEIQ==",
          "dev": true,
          "requires": {
            "graceful-fs": "^4.2.0",
@@ -12263,9 +12291,9 @@
          }
        },
        "glob-parent": {
-          "version": "6.0.0",
+          "version": "6.0.1",
-          "resolved": "https://registry.nlark.com/glob-parent/download/glob-parent-6.0.0.tgz",
+          "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-6.0.1.tgz",
-          "integrity": "sha1-+FG1mziOeI86RNY/q1A4KyhZwzw=",
+          "integrity": "sha512-kEVjS71mQazDBHKcsq4E9u/vUzaLcw1A8EtUeydawvIWQCJM0qQ08G1H7/XTjFUulla6XQiDOG6MXSaG0HDKog==",
          "dev": true,
          "requires": {
            "is-glob": "^4.0.1"
@@ -12273,14 +12301,14 @@
        },
        "has-flag": {
          "version": "4.0.0",
-          "resolved": "https://registry.npm.taobao.org/has-flag/download/has-flag-4.0.0.tgz",
+          "resolved": "https://registry.npmjs.org/has-flag/-/has-flag-4.0.0.tgz",
-          "integrity": "sha1-lEdx/ZyByBJlxNaUGGDaBrtZR5s=",
+          "integrity": "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==",
          "dev": true
        },
        "import-cwd": {
          "version": "3.0.0",
-          "resolved": "https://registry.nlark.com/import-cwd/download/import-cwd-3.0.0.tgz",
+          "resolved": "https://registry.npmjs.org/import-cwd/-/import-cwd-3.0.0.tgz",
-          "integrity": "sha1-IIRVR3GAFRJuqbNna3WS+4vUz5I=",
+          "integrity": "sha512-4pnzH16plW+hgvRECbDWpQl3cqtvSofHWh44met7ESfZ8UZOWWddm8hEyDTqREJ9RbYHY8gi8DqmaelApoOGMg==",
          "dev": true,
          "requires": {
            "import-from": "^3.0.0"
@@ -12288,8 +12316,8 @@
        },
        "import-fresh": {
          "version": "3.3.0",
-          "resolved": "https://registry.npm.taobao.org/import-fresh/download/import-fresh-3.3.0.tgz?cache=0&sync_timestamp=1608469579940&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fimport-fresh%2Fdownload%2Fimport-fresh-3.3.0.tgz",
+          "resolved": "https://registry.npmjs.org/import-fresh/-/import-fresh-3.3.0.tgz",
-          "integrity": "sha1-NxYsJfy566oublPVtNiM4X2eDCs=",
+          "integrity": "sha512-veYYhQa+D1QBKznvhUHxb8faxlrwUnxseDAbAp457E0wLNio2bOSKnjYDhMj+YiAq61xrMGhQk9iXVk5FzgQMw==",
          "dev": true,
          "requires": {
            "parent-module": "^1.0.0",
@@ -12298,8 +12326,8 @@
        },
        "import-from": {
          "version": "3.0.0",
-          "resolved": "https://registry.nlark.com/import-from/download/import-from-3.0.0.tgz",
+          "resolved": "https://registry.npmjs.org/import-from/-/import-from-3.0.0.tgz",
-          "integrity": "sha1-BVz+w4zVon2AV8pRN219O/CJGWY=",
+          "integrity": "sha512-CiuXOFFSzkU5x/CR0+z7T91Iht4CXgfCxVOFRhh2Zyhg5wOpWvvDLQUsWl+gcN+QscYBjez8hDCt85O7RLDttQ==",
          "dev": true,
          "requires": {
            "resolve-from": "^5.0.0"
@@ -12307,16 +12335,16 @@
          "dependencies": {
            "resolve-from": {
              "version": "5.0.0",
-              "resolved": "https://registry.npm.taobao.org/resolve-from/download/resolve-from-5.0.0.tgz",
+              "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-5.0.0.tgz",
-              "integrity": "sha1-w1IlhD3493bfIcV1V7wIfp39/Gk=",
+              "integrity": "sha512-qYg9KP24dD5qka9J47d0aVky0N+b4fTU89LN9iDnjB5waksiC49rvMB0PrUJQGoTmH50XPiqOvAjDfaijGxYZw==",
              "dev": true
            }
          }
        },
        "jsonfile": {
          "version": "6.1.0",
-          "resolved": "https://registry.npm.taobao.org/jsonfile/download/jsonfile-6.1.0.tgz?cache=0&sync_timestamp=1604161876665&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fjsonfile%2Fdownload%2Fjsonfile-6.1.0.tgz",
+          "resolved": "https://registry.npmjs.org/jsonfile/-/jsonfile-6.1.0.tgz",
-          "integrity": "sha1-vFWyY0eTxnnsZAMJTrE2mKbsCq4=",
+          "integrity": "sha512-5dgndWOriYSm5cnYaJNhalLNDKOqFwyDB/rr1E9ZsGciGvKPs8R2xYGCacuf3z6K1YKDz182fd+fY3cn3pMqXQ==",
          "dev": true,
          "requires": {
            "graceful-fs": "^4.1.6",
@@ -12325,8 +12353,8 @@
        },
        "micromatch": {
          "version": "4.0.4",
-          "resolved": "https://registry.nlark.com/micromatch/download/micromatch-4.0.4.tgz",
+          "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.4.tgz",
-          "integrity": "sha1-iW1Rnf6dsl/OlM63pQCRm/iB6/k=",
+          "integrity": "sha512-pRmzw/XUcwXGpD9aI9q/0XOwLNygjETJ8y0ao0wdqprrzDa4YnxLcz7fQRZr8voh8V10kGhABbNcHVk5wHgWwg==",
          "dev": true,
          "requires": {
            "braces": "^3.0.1",
@@ -12335,14 +12363,14 @@
        },
        "object-hash": {
          "version": "2.2.0",
-          "resolved": "https://registry.nlark.com/object-hash/download/object-hash-2.2.0.tgz",
+          "resolved": "https://registry.npmjs.org/object-hash/-/object-hash-2.2.0.tgz",
-          "integrity": "sha1-WtUYWB7vxEO9djRyuP8unCwNVKU=",
+          "integrity": "sha512-gScRMn0bS5fH+IuwyIFgnh9zBdo4DV+6GhygmWM9HyNJSgS0hScp1f5vjtm7oIIOiT9trXrShAkLFSc2IqKNgw==",
          "dev": true
        },
        "parse-json": {
          "version": "5.2.0",
-          "resolved": "https://registry.nlark.com/parse-json/download/parse-json-5.2.0.tgz",
+          "resolved": "https://registry.npmjs.org/parse-json/-/parse-json-5.2.0.tgz",
-          "integrity": "sha1-x2/Gbe5UIxyWKyK8yKcs8vmXU80=",
+          "integrity": "sha512-ayCKvm/phCGxOkYRSCM82iDwct8/EonSEgCSxWxD7ve6jHggsFl4fZVQBPRNgQoKiuV/odhFrGzQXZwbifC8Rg==",
          "dev": true,
          "requires": {
            "@babel/code-frame": "^7.0.0",
@@ -12353,14 +12381,14 @@
        },
        "path-type": {
          "version": "4.0.0",
-          "resolved": "https://registry.npm.taobao.org/path-type/download/path-type-4.0.0.tgz?cache=0&sync_timestamp=1611752015315&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fpath-type%2Fdownload%2Fpath-type-4.0.0.tgz",
+          "resolved": "https://registry.npmjs.org/path-type/-/path-type-4.0.0.tgz",
-          "integrity": "sha1-hO0BwKe6OAr+CdkKjBgNzZ0DBDs=",
+          "integrity": "sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==",
          "dev": true
        },
        "postcss-load-config": {
          "version": "3.1.0",
-          "resolved": "https://registry.nlark.com/postcss-load-config/download/postcss-load-config-3.1.0.tgz",
+          "resolved": "https://registry.npmjs.org/postcss-load-config/-/postcss-load-config-3.1.0.tgz",
-          "integrity": "sha1-05xHCRxK7Df1AnI3OmpkjvXpeCk=",
+          "integrity": "sha512-ipM8Ds01ZUophjDTQYSVP70slFSYg3T0/zyfII5vzhN6V57YSxMgG5syXuwi5VtS8wSf3iL30v0uBdoIVx4Q0g==",
          "dev": true,
          "requires": {
            "import-cwd": "^3.0.0",
@@ -12370,14 +12398,14 @@
        },
        "resolve-from": {
          "version": "4.0.0",
-          "resolved": "https://registry.npm.taobao.org/resolve-from/download/resolve-from-4.0.0.tgz",
+          "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-4.0.0.tgz",
-          "integrity": "sha1-SrzYUq0y3Xuqv+m0DgCjbbXzkuY=",
+          "integrity": "sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g==",
          "dev": true
        },
        "rimraf": {
          "version": "3.0.2",
-          "resolved": "https://registry.npm.taobao.org/rimraf/download/rimraf-3.0.2.tgz",
+          "resolved": "https://registry.npmjs.org/rimraf/-/rimraf-3.0.2.tgz",
-          "integrity": "sha1-8aVAK6YiCtUswSgrrBrjqkn9Bho=",
+          "integrity": "sha512-JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA==",
          "dev": true,
          "requires": {
            "glob": "^7.1.3"
@@ -12385,8 +12413,8 @@
        },
        "supports-color": {
          "version": "7.2.0",
-          "resolved": "https://registry.nlark.com/supports-color/download/supports-color-7.2.0.tgz?cache=0&sync_timestamp=1622293579301&other_urls=https%3A%2F%2Fregistry.nlark.com%2Fsupports-color%2Fdownload%2Fsupports-color-7.2.0.tgz",
+          "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-7.2.0.tgz",
-          "integrity": "sha1-G33NyzK4E4gBs+R4umpRyqiWSNo=",
+          "integrity": "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==",
          "dev": true,
          "requires": {
            "has-flag": "^4.0.0"
@@ -12394,8 +12422,8 @@
        },
        "tmp": {
          "version": "0.2.1",
-          "resolved": "https://registry.nlark.com/tmp/download/tmp-0.2.1.tgz?cache=0&sync_timestamp=1618847042301&other_urls=https%3A%2F%2Fregistry.nlark.com%2Ftmp%2Fdownload%2Ftmp-0.2.1.tgz",
+          "resolved": "https://registry.npmjs.org/tmp/-/tmp-0.2.1.tgz",
-          "integrity": "sha1-hFf8MDfc9HGcJRNnoa9lAO4czxQ=",
+          "integrity": "sha512-76SUhtfqR2Ijn+xllcI5P1oyannHNHByD80W1q447gU3mp9G9PSpGdWmjUOHRDPiHYacIk66W7ubDTuPF3BEtQ==",
          "dev": true,
          "requires": {
            "rimraf": "^3.0.0"
@@ -12403,8 +12431,8 @@
        },
        "universalify": {
          "version": "2.0.0",
-          "resolved": "https://registry.npm.taobao.org/universalify/download/universalify-2.0.0.tgz?cache=0&sync_timestamp=1603180004159&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Funiversalify%2Fdownload%2Funiversalify-2.0.0.tgz",
+          "resolved": "https://registry.npmjs.org/universalify/-/universalify-2.0.0.tgz",
-          "integrity": "sha1-daSYTv7cSwiXXFrrc/Uw0C3yVxc=",
+          "integrity": "sha512-hAZsKq7Yy11Zu1DE0OzWjw7nnLZmJZYTDZZyEFHZdUhV8FkH5MCfoU1XMaxXovpyW5nq5scPqq0ZDP9Zyl04oQ==",
          "dev": true
        }
      }
@@ -14351,8 +14379,8 @@
    },
    "yaml": {
      "version": "1.10.2",
-      "resolved": "https://registry.nlark.com/yaml/download/yaml-1.10.2.tgz",
+      "resolved": "https://registry.npmjs.org/yaml/-/yaml-1.10.2.tgz",
-      "integrity": "sha1-IwHF/78StGfejaIzOkWeKeeSDks=",
+      "integrity": "sha512-r3vXyErRCYJ7wg28yvBY5VSoAF8ZvlcW9/BwUzEtUsjvX/DKs24dIkuwjtuprwJJHsbyUbLApepYTR1BN4uHrg==",
      "dev": true
    },
    "yargs": {

--- a/src/DTO/contacts.ts
+++ b/src/DTO/contacts.ts
+import Mock from 'mockjs'
+interface Contacts {
+  [key: string]: Array<Person>
+}
+interface Person {
+  id: string,
+  name: string,
+  isLeader: boolean,
+  isDirector: boolean
+}
+const contacts: Contacts = {
+  A: [],
+  B: [],
+  C: [],
+  D: [],
+  E: [],
+  F: [],
+  G: [],
+  H: [],
+  I: [],
+  J: [],
+  K: [],
+  L: [],
+  M: [],
+  N: [],
+  O: [],
+  P: [],
+  Q: [],
+  R: [],
+  S: [],
+  T: [],
+  U: [],
+  V: [],
+  W: [],
+  X: [],
+  Y: [],
+  Z: []
+}
+let hasLeader = false
+let hasDirector = false
+for (const key in contacts) {
+  const length = Mock.mock({
+    'number|1-5': 1
+  })
+  for (let i=0; i<=length.number; i++) {
+    const person: Person = {
+      id: key + i,
+      name: key + Mock.mock('@cname'),
+      isLeader: hasLeader ? false : Mock.mock({'boolean|1-2': true}).boolean,
+      isDirector: hasDirector ? false : Mock.mock({'boolean|1-2': true}).boolean,
+    }
+    hasLeader = hasLeader || person.isLeader
+    hasDirector = hasDirector ? hasDirector : person.isDirector
+    contacts[key].push(person)
+  }
+}
+export {
+  contacts,
+  Person
+}
\ No newline at end of file
--- a/src/DTO/index.ts
+++ b/src/DTO/index.ts
@@ -15,7 +15,17 @@
 //   ]
 // })
-export const team = [{
+import { contacts, Person } from './contacts'
+interface Member {
+  parentId?: number,
+  parentName?: string,
+  id: number,
+  name: string,
+  children?: Array<Member>
+}
+const team = [{
  id: 0,
  name: '杭州复杂美科技有限公司',
  children: [{
@@ -51,3 +61,10 @@ export const team = [{
    name: '运营部'
  }]
 }]
+export {
+  team,
+  contacts,
+  Person,
+  Member
+}
\ No newline at end of file
--- a/src/assets/icons/avator.png
+++ b/src/assets/icons/avator.png
--- a/src/assets/icons/edit.png
+++ b/src/assets/icons/edit.png
--- a/src/assets/icons/team-icon.png
+++ b/src/assets/icons/team-icon.png
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -9,12 +9,21 @@ const routes: Array<RouteConfig> = [
    path: '/',
    name: 'Home',
    component: App,
+    redirect: '/team-management',
    meta: {
      title: '首页'
    }
  },
  {
-    path: '/team',
+    path: '/team-management',
+    name: 'Home',
+    component: () => import('@/views/team-management.vue'),
+    meta: {
+      title: '团队管理'
+    }
+  },
+  {
+    path: '/team-frame',
    name: 'Team',
    component: () => import('@/views/team-frame.vue'),
    meta: {
@@ -29,6 +38,14 @@ const routes: Array<RouteConfig> = [
      title: '添加成员'
    }
  },
+  {
+    path: '/team/:id',
+    name: 'TeamDetail',
+    component: () => import('@/views/team-detail.vue'),
+    meta: {
+      title: '团队架构'
+    }
+  },
 ]
 const router = new VueRouter({

--- a/src/views/components/c-button.vue
+++ b/src/views/components/c-button.vue
+<template>
+  <button
+    class="py-2.5 text-center text-white w-full"
+    :class="getClass"
+    @click="clickButton"
+  >
+    <slot>按钮</slot>
+  </button>
+</template>
+<script lang="ts">
+import Vue from 'vue'
+export default Vue.extend({
+  components:{ 
+    // 'app-icon':()=>import('./components/common/Icon.vue'),
+    // 'main-page': () => import('@/layout/main-page.vue')
+  },
+  props: {
+    buttonBg: {
+      type: String,
+      default: 'bg-color-primary'
+    },
+    round: {
+      type: Boolean,
+      default: false
+    }
+  },
+  name: 'CButton',
+  computed: {
+    getClass() {
+      const className = this.round ? 'rounded-full' : 'rounded'
+      return `${className} ${this.buttonBg}`
+    }
+  },
+  methods: {
+    clickButton() {
+      this.$emit('click-button')
+    }
+  }
+})
+</script>
+<style lang="less">
+</style>
--- a/src/views/components/c-cell.vue
+++ b/src/views/components/c-cell.vue
+<template>
+  <div
+    class="mb-px flex text-text-primary items-center justify-between bg-white px-4 py-3 rounded"
+    @click="clickItem"
+  > 
+    <div class="flex items-center justify-between flex-1 mr-1.5">
+      <div class="title">{{ title }}</div>
+      <div v-if="showContent" class="text-text-secondary">{{ content }}</div>
+    </div>
+    <app-icon
+      v-if="dot"
+      type="png"
+      :path="require('@/assets/icons/dot.png')"
+      class-name="h-5 w-1 ml-auto flex-shrink-0"
+    />
+  </div>
+</template>
+<script lang="ts">
+import Vue from 'vue'
+export default Vue.extend({
+  components:{ 
+    'app-icon':()=>import('@/components/common/Icon.vue')
+    // 'main-page': () => import('@/layout/main-page.vue')
+  },
+  props: {
+    title: String,
+    dot: {
+      type: Boolean,
+      default: false
+    },
+    content: String
+  },
+  name: 'CCell',
+  computed: {
+    showContent() {
+      return this.content && this.content.replace(/(^\s*)|(\s*$)/g, '') !== ''
+    }
+  },
+  methods: {
+    clickItem() {
+      this.$emit('click-cell')
+    }
+  }
+})
+</script>
+<style lang="less">
+</style>
--- a/src/views/components/contact-member.vue
+++ b/src/views/components/contact-member.vue
+<template>
+  <!-- 通讯录成员 -->
+  <div class="flex items-center py-2">
+    <app-icon 
+      type="png"
+      :path="require('@/assets/icons/avator.png')"
+      class-name="w-9 h-9"
+    />
+    <div class="ml-3">{{ member.name }}</div>
+    <div
+      v-if="member.isDirector || member.isLeader"
+      class="tag ml-1.5 text-xs text-white px-1 py-0.5 bg-color-primary-lighter rounded"
+    >
+      {{ member.isLeader ? '负责人' : '主管'}}
+    </div>
+  </div>
+</template>
+<script lang="ts">
+import Vue from 'vue'
+export default Vue.extend({
+  components:{ 
+    'app-icon':()=>import('@/components/common/Icon.vue')
+    // 'main-page': () => import('@/layout/main-page.vue')
+  },
+  name: 'ContactMember',
+  props: {
+    member: {
+      type: Object,
+      default() {
+        return {}
+      }
+    }
+  }
+})
+</script>
+<style lang="less">
+</style>
--- a/src/views/components/team-contacts.vue
+++ b/src/views/components/team-contacts.vue
 <template>
-  <div class="team-contacts">
+  <!-- 通讯录 -->
-    TeamContacts
+  <div class="team-contacts relative">
+    <div class="nav-wrapper fixed top-1/2 transform -translate-y-1/2 right-0 w-6 z-20">
+      <div
+        v-for="(nav, index) in navs"
+        :key="index"
+        class="oy-0.5 text-center font-medium text-xs"
+        :class="currentNav === nav ? 'text-color-primary' : 'text-text-secondary'"
+        @click="clickNav(nav)"
+      >
+        {{ nav }}
+      </div>
+    </div>
+    <div class="leaders">
+      <div
+        v-for="(leader, index) in leaders"
+        :key="index"
+        class="flex items-center color-color-primary font-normal"
+      >
+        <contact-member :member="leader" />
+      </div>
+    </div>
+    <div class="members">
+      <div
+        v-for="(value, key) in contacts"
+        :key="key"
+        :ref="key"
+      >
+        <div class="text-text-secondary py-1 sticky top-12 bg-common-bg z-10">{{ key }}</div>
+        <div
+          v-for="(member, index) in contacts[key]"
+          :key="index"
+        >
+          <contact-member :member="member" />
+        </div>
+      </div>
+    </div>
  </div>
 </template>
 <script lang="ts">
 import Vue from 'vue'
+import { Person } from '@/DTO/contacts'
 export default Vue.extend({
+  props: {
+    contacts: {
+      type: Object,
+      default() {
+        return {}
+      }
+    }
+  },
  components:{ 
-    // 'app-icon':()=>import('./components/common/Icon.vue'),
+    // 'app-icon':()=>import('@/components/common/Icon.vue'),
-    // 'main-page': () => import('@/layout/main-page.vue')
+    'contact-member': () => import('./contact-member.vue')
+    // 'contact-member-group': () => import('./contact-member-group.vue')
+  },
+  name: 'TeamContacts',
+  data() {
+    return {
+      currentNav: 'A',
+      scrollTop: 0
+    }
+  },
+  mounted() {
+    window.addEventListener('scroll', this.debounce(this.scrollHandler, 200))
+  },
+  beforeDestroy() {
+    window.removeEventListener('scroll', this.debounce(this.scrollHandler, 200))
+  },
+  computed: {
+    leaders() {
+      let arr: Array<Person> = []
+      for (const key in this.contacts) {
+        arr = arr.concat(this.contacts[key])
+      }
+      return arr.filter(item => item.isLeader || item.isDirector).sort((a, b) => Number(b.isLeader) - Number(a.isLeader))
+    },
+    navs() {
+      let arr: Array<string> = []
+      for (let key in this.contacts) {
+        arr.push(key)
+      }
+      return arr
+    }
+  },
+  methods: {
+    debounce(fn: ()=>void, delay: number) {
+      let timer: number | null
+      return function() {
+        if (timer !== null) {
+          clearTimeout(timer)
+        }
+        timer = setTimeout(() => {
+          fn()
+        }, delay)
+      }
+    },
+     scrollHandler() {
+      const top = document.documentElement.scrollTop
+      this.scrollTop = top
+      this.navs.forEach(nav => {
+        if ((this.$refs[nav] as Array<HTMLDivElement>).length > 0) {
+          const navTop = (this.$refs[nav] as Array<HTMLDivElement>)[0].getBoundingClientRect().top
+          if (navTop < 90) {
+            this.currentNav = nav
+          }
+        }
+      })
    },
-  name: 'TeamContacts'
+    clickNav(nav: string) {
+      this.currentNav = nav
+      const div = (this.$refs[nav] as Array<HTMLDivElement>)[0]
+      const top = div.getBoundingClientRect().top
+      document.documentElement.scrollTop = this.scrollTop + top - 48
+    }
+  }
 })
 </script>

--- a/src/views/components/team-tree.vue
+++ b/src/views/components/team-tree.vue
@@ -16,9 +16,11 @@
      <!-- 显示面包屑 -->
      <div
        v-else
-        class="bread"
+        class="bread py-3 flex items-center"
      >
-        bread
+        <div class="pre text-text-secondary">{{ preTeam }}</div>
+        <div class="text-xs text-text-secondary px-2">></div>
+        <div class="pre text-text-primary font-medium">{{ member.name }}</div>
      </div>
      <!-- 子部门 -->
      <div v-if="member.children && member.children.length > 0" class="children">
@@ -58,14 +60,7 @@
 <script lang="ts">
 import Vue from 'vue'
+import { Member } from '@/DTO'
-export interface Member {
-  parentId?: number,
-  parentName?: string,
-  id: number,
-  name: string,
-  children?: Array<Member>
-}
 export default Vue.extend({
  name: 'TeamTree',
@@ -82,7 +77,8 @@ export default Vue.extend({
    isDetail: {
      type: Boolean,
      default: false
-    }
+    },
+    preTeam: String
  },
  methods: {
    clickChild(team: Member, parentName: string) {

--- a/src/views/file.vue
+++ b/src/views/file.vue
@@ -16,7 +16,7 @@
            <!-- 输入任意文本 -->
            <van-cell-group>              
-                <van-field label="真实姓名" maxlength="50" required=true disabled />
+                <van-field label="真实姓名" maxlength="50" required disabled />
                <van-field v-model="name"   />
            </van-cell-group>
           <br>
@@ -110,7 +110,7 @@ export default Vue.extend({
  },
  methods: {
    handleClickLeft() {
-      console.log('click left')
+      this.$router.go(-1)
    },
    onConfir(value:string) {
      this.value = value;

--- a/src/views/team-detail.vue
+++ b/src/views/team-detail.vue
+<template>
+  <!-- 团队详情 -->
+  <main-page
+    left-arrow
+    @click-left="handleClickLeft"
+  >
+    <template slot="right">
+      <app-icon
+        type="png"
+        class-name="w-6.5 h-6.5"
+        :path="require('@/assets/icons/search.png')"
+      />
+    </template>
+    <div class="px-4">
+      <!-- 团队架构详情 -->
+      <team-tree
+        isDetail
+        :tree-data="[currentTeam]"
+        :pre-team="parentTeam.name"
+        @click-child="clickItem"
+      />
+      <!-- 通讯录 -->
+      <div class="pb-16">
+        <div class="text-text-secondary py-1">成员</div>
+        <team-contacts
+          :contacts="contacts"
+        />
+      </div>
+      <!-- 底部操作 -->
+      <div class="py-2 px-4 grid grid-cols-3 gap-2.5 bg-common-bg w-screen fixed bottom-0 left-0 z-30">
+        <c-button @click-button="addMember">添加成员</c-button>
+        <c-button @click-button="addDepartment">添加部门</c-button>
+        <c-button @click-button="setDepartment">部门设置</c-button>
+      </div>
+    </div>
+  </main-page>
+</template>
+<script lang="ts">
+import Vue from 'vue'
+import { team, contacts } from '@/DTO'
+import { Member } from '@/DTO'
+export default Vue.extend({
+  name: 'TeamDetail',
+  components: {
+    'main-page': () => import('@/layout/main-page.vue'),
+    'app-icon': () => import('@/components/common/Icon.vue'),
+    'team-tree': () => import('@/views/components/team-tree.vue'),
+    'team-contacts': () => import('@/views/components/team-contacts.vue'),
+    'c-button': () => import('./components/c-button.vue')
+  },
+  // created() {
+  // },
+  data() {
+    let flatTeams: Array<Member> = []
+    let currentTeam: Member = {
+      id: 0,
+      name: ''
+    }
+    return {
+      title: '导航',
+      team,
+      contacts,
+      parentTeam: {},
+      currentTeam,
+      flatTeams,
+      // newTeams: []
+    }
+  },
+  methods: {
+    getFlatTeams(arr: Array<Member>) {
+      let newArr: Array<Member> = []
+      for (let i=0; i<arr.length; i++) {
+        newArr.push(arr[i])
+        if (arr[i].children?.length) {
+          newArr = newArr.concat(this.getFlatTeams(arr[i].children as Array<Member>))
+        }
+      }
+      return newArr
+    },
+    handleClickLeft() {
+      this.$router.go(-1)
+    },
+    clickItem(val: Member) {
+      console.log(val)
+      this.$router.push(`/team/${val.id}`)
+    },
+    addMember() {
+      console.log('添加成员')
+    },
+    addDepartment() {
+      console.log('添加部门')
+    },
+    setDepartment() {
+      console.log('设置部门')
+    }
+  },
+  watch: {
+    $route: {
+      handler() {
+        const id = parseInt(this.$route.params.id)
+        this.flatTeams = this.getFlatTeams(this.team)
+        this.currentTeam = this.flatTeams.find(team => team.id === id) as Member
+        const parentId = this.currentTeam.parentId
+        this.parentTeam = this.flatTeams.find(team => team.id === parentId) as Member
+      },
+      immediate: true
+    }
+  }
+})
+</script>
+<style lang="less">
+</style>
--- a/src/views/team-frame.vue
+++ b/src/views/team-frame.vue
@@ -12,12 +12,23 @@
        />
      </template>
      <div class="px-4">
+        <!-- 团队架构详情 -->
        <team-tree
          :tree-data="team"
          @click-child="clickItem"
        />
-        <div class="border">
+        <!-- 通讯录 -->
-          <team-contacts />
+        <div class="pb-16">
+          <div class="text-text-secondary py-1">成员</div>
+          <team-contacts
+            :contacts="contacts"
+          />
+        </div>
+        <!-- 底部操作 -->
+        <div class="py-2 px-4 grid grid-cols-3 gap-2.5 bg-common-bg w-screen fixed bottom-0 left-0 z-30">
+          <c-button round @click-button="addMember">添加成员</c-button>
+          <c-button round @click-button="addDepartment">添加部门</c-button>
+          <c-button round @click-button="setDepartment">部门设置</c-button>
        </div>
      </div>
    </main-page>
@@ -26,8 +37,8 @@
 <script lang="ts">
 import Vue from 'vue'
-import { team } from '@/DTO'
+import { team, contacts } from '@/DTO'
-import { Member } from './components/team-tree.vue'
+import { Member } from '@/DTO'
 export default Vue.extend({
  name: 'TeamFrame',
@@ -35,7 +46,8 @@ export default Vue.extend({
    'main-page': () => import('@/layout/main-page.vue'),
    'app-icon': () => import('@/components/common/Icon.vue'),
    'team-tree': () => import('@/views/components/team-tree.vue'),
-    'team-contacts': () => import('@/views/components/team-contacts.vue')
+    'team-contacts': () => import('@/views/components/team-contacts.vue'),
+    'c-button': () => import('./components/c-button.vue')
  },
  created() {
    // console.log(Mock, 'mock')
@@ -43,15 +55,27 @@ export default Vue.extend({
  data() {
    return {
      title: '导航',
-      team
+      team,
+      contacts
    }
  },
  methods: {
    handleClickLeft() {
      console.log('click left')
+      this.$router.go(-1)
    },
    clickItem(val: Member) {
      console.log(val)
+      this.$router.push(`/team/${val.id}`)
+    },
+    addMember() {
+      console.log('添加成员')
+    },
+    addDepartment() {
+      console.log('添加部门')
+    },
+    setDepartment() {
+      console.log('设置部门')
    }
  }
 })

--- a/src/views/team-management.vue
+++ b/src/views/team-management.vue
+<template>
+  <!-- 团队管理 -->
+  <main-page
+    left-arrow
+    @click-left="handleClickLeft"
+  >
+    <div class="px-4">
+      <!-- 头部 -->
+      <div class="flex items-start pt-1 pb-5">
+        <app-icon
+          type="png"
+          :path="require('@/assets/icons/team-icon.png')"
+          class-name="h-13 w-13"
+        />
+        <!-- 名称 -->
+        <div class="ml-4 flex-1 text-text-primary">
+          <span>
+            这里是企业名称只有负责人可编辑修改修改
+          </span>
+          <app-icon
+            type="png"
+            :path="require('@/assets/icons/edit.png')"
+            class-name="h-3 w-3 inline-block ml-1"
+          />
+          <!-- 团队号 -->
+          <div class="text-text-secondary text-sm font-medium mt-1.5">
+            团队号 ABCDE1234
+          </div>
+        </div>
+      </div>
+      <c-cell dot title="团队架构" @click-cell="$router.push('/team-frame')" />
+      <c-cell dot title="添加成员" @click-cell="$router.push('/file')" />
+      <c-cell dot title="添加部门" />
+      <div class="mt-4">
+        <c-cell dot title="团队管理权限" content="共3人" />
+        <c-cell dot title="转让负责人" />
+        <c-cell dot title="申请管理" />
+      </div>
+      <c-button
+        round
+        buttonBg="bg-white"
+        class="text-text-primary mt-16"
+      >
+        解散团队
+      </c-button>
+    </div>
+  </main-page>
+</template>
+<script lang="ts">
+import Vue from 'vue'
+export default Vue.extend({
+  components:{ 
+    'app-icon':()=>import('@/components/common/Icon.vue'),
+    'main-page': () => import('@/layout/main-page.vue'),
+    'c-cell': () => import('./components/c-cell.vue'),
+    'c-button': () => import('./components/c-button.vue')
+  },
+  name: 'TeamManagement',
+  methods: {
+    handleClickLeft() {
+      console.log('click')
+    }
+  }
+})
+</script>
+<style lang="less">
+</style>
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -9,11 +9,14 @@ module.exports = {
      colors:{
        'common-bg': '#F6F7F8',
        'color-primary': '#32B2F7',
+        'color-primary-lighter': '#61C7FF',
        'text-primary': '#24374E',
+        'text-secondary': '#8A97A5',
        'border-lighter': '#E3EEF4'
      },
      spacing: {
        6.5: '1.625rem',
+        13: '3.125rem',
      }
    },
    screens: {