fix: 新增切换按钮

package.json

@@ -9,7 +9,7 @@
   "dependencies": {
     "axios": "^0.23.0",
     "mockjs": "^1.1.0",
-    "naive-ui": "^2.19.9",
+    "naive-ui": "^2.23.2",
     "pinia": "^2.0.6",
     "screenfull": "^6.0.0",
     "vue": "^3.2.16",

pnpm-lock.yaml

@@ -18,7 +18,7 @@ specifiers:
   eslint-plugin-vue: ^8.2.0
   lodash: ~4.17.21
   mockjs: ^1.1.0
-  naive-ui: ^2.19.9
+  naive-ui: ^2.23.2
   pinia: ^2.0.6
   prettier: ^2.5.1
   sass: ^1.43.2
@@ -37,7 +37,7 @@ specifiers:
 dependencies:
   axios: rg.cnpmjs.org/axios/0.23.0
   mockjs: rg.cnpmjs.org/mockjs/1.1.0
-  naive-ui: rg.cnpmjs.org/naive-ui/2.21.5_vue@3.2.24
+  naive-ui: r2.cnpmjs.org/naive-ui/2.23.2_vue@3.2.24
   pinia: rg.cnpmjs.org/pinia/2.0.6_typescript@4.5.2+vue@3.2.24
   screenfull: rg.cnpmjs.org/screenfull/6.0.0
   vue: rg.cnpmjs.org/vue/3.2.24
@@ -72,6 +72,325 @@ devDependencies:
 
 packages:
 
+  /@types/jest/27.4.0:
+    resolution: {integrity: sha512-gHl8XuC1RZ8H2j5sHv/JqsaxXkDDM9iDOgu0Wp8sjs4u/snb2PVehyWXJPr+ORA0RPpgw231mnutWI1+0hgjIQ==}
+    dependencies:
+      jest-diff: 27.4.6
+      pretty-format: 27.4.6
+    dev: false
+
+  /jest-diff/27.4.6:
+    resolution: {integrity: sha512-zjaB0sh0Lb13VyPsd92V7HkqF6yKRH9vm33rwBt7rPYrpQvS1nCvlIy2pICbKta+ZjWngYLNn4cCK4nyZkjS/w==}
+    engines: {node: ^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0}
+    dependencies:
+      chalk: r2.cnpmjs.org/chalk/4.1.2
+      diff-sequences: r2.cnpmjs.org/diff-sequences/27.4.0
+      jest-get-type: r2.cnpmjs.org/jest-get-type/27.4.0
+      pretty-format: 27.4.6
+    dev: false
+
+  /pretty-format/27.4.6:
+    resolution: {integrity: sha512-NblstegA1y/RJW2VyML+3LlpFjzx62cUrtBIKIWDXEDkjNeleA7Od7nrzcs/VLQvAeV4CgSYhrN39DRN88Qi/g==}
+    engines: {node: ^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0}
+    dependencies:
+      ansi-regex: r2.cnpmjs.org/ansi-regex/5.0.1
+      ansi-styles: r2.cnpmjs.org/ansi-styles/5.2.0
+      react-is: r2.cnpmjs.org/react-is/17.0.2
+    dev: false
+
+  r2.cnpmjs.org/@css-render/plugin-bem/0.15.8_css-render@0.15.8:
+    resolution: {integrity: sha512-rJMFBaqZGrezs1d0vPB7hZTSkfFEgcdWxPMtLUmm9PAOioWtw+Knb9A0xU0bYazPKDo0SoNVVcd1Qd1LXD9x4Q==, registry: http://r.cnpmjs.org/, tarball: https://r2.cnpmjs.org/@css-render/plugin-bem/-/plugin-bem-0.15.8.tgz}
+    id: r2.cnpmjs.org/@css-render/plugin-bem/0.15.8
+    name: '@css-render/plugin-bem'
+    version: 0.15.8
+    peerDependencies:
+      css-render: ~0.15.8
+    dependencies:
+      css-render: r2.cnpmjs.org/css-render/0.15.8
+    dev: false
+
+  r2.cnpmjs.org/@css-render/vue3-ssr/0.15.8_vue@3.2.24:
+    resolution: {integrity: sha512-zPFyOH47hEcyRgoIjNEwzYqZEq/LEXPafDXY/9EMpvgCmsPhW1bpC3w8YwAISaP519QesJ/8aNDL/xWKpwXBvQ==, registry: http://r.cnpmjs.org/, tarball: https://r2.cnpmjs.org/@css-render/vue3-ssr/-/vue3-ssr-0.15.8.tgz}
+    id: r2.cnpmjs.org/@css-render/vue3-ssr/0.15.8
+    name: '@css-render/vue3-ssr'
+    version: 0.15.8
+    peerDependencies:
+      vue: ^3.0.11
+    dependencies:
+      vue: rg.cnpmjs.org/vue/3.2.24
+    dev: false
+
+  r2.cnpmjs.org/@emotion/hash/0.8.0:
+    resolution: {integrity: sha512-kBJtf7PH6aWwZ6fka3zQ0p6SBYzx4fl1LoZXE2RrnYST9Xljm7WfKJrU4g/Xr3Beg72MLrp1AWNUmuYJTL7Cow==, registry: http://r.cnpmjs.org/, tarball: https://r2.cnpmjs.org/@emotion/hash/-/hash-0.8.0.tgz}
+    name: '@emotion/hash'
+    version: 0.8.0
+    dev: false
+
+  r2.cnpmjs.org/@types/node/14.14.45:
+    resolution: {integrity: sha512-DssMqTV9UnnoxDWu959sDLZzfvqCF0qDNRjaWeYSui9xkFe61kKo4l1TWNTQONpuXEm+gLMRvdlzvNHBamzmEw==, registry: http://r.cnpmjs.org/, tarball: https://r2.cnpmjs.org/@types/node/-/node-14.14.45.tgz}
+    name: '@types/node'
+    version: 14.14.45
+    dev: false
+
+  r2.cnpmjs.org/ansi-regex/5.0.1:
+    resolution: {integrity: sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==, registry: http://r.cnpmjs.org/, tarball: https://r2.cnpmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz}
+    name: ansi-regex
+    version: 5.0.1
+    engines: {node: '>=8'}
+    dev: false
+
+  r2.cnpmjs.org/ansi-styles/3.2.1:
+    resolution: {integrity: sha512-VT0ZI6kZRdTh8YyJw3SMbYm/u+NqfsAxEpWO0Pf9sq8/e94WxxOpPKx9FR1FlyCtOVDNOQ+8ntlqFxiRc+r5qA==, registry: http://r.cnpmjs.org/, tarball: https://r2.cnpmjs.org/ansi-styles/-/ansi-styles-3.2.1.tgz}
+    name: ansi-styles
+    version: 3.2.1
+    engines: {node: '>=4'}
+    dependencies:
+      color-convert: r2.cnpmjs.org/color-convert/1.9.3
+    dev: true
+
+  r2.cnpmjs.org/ansi-styles/4.3.0:
+    resolution: {integrity: sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==, registry: http://r.cnpmjs.org/, tarball: https://r2.cnpmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz}
+    name: ansi-styles
+    version: 4.3.0
+    engines: {node: '>=8'}
+    dependencies:
+      color-convert: r2.cnpmjs.org/color-convert/2.0.1
+    dev: false
+
+  r2.cnpmjs.org/ansi-styles/5.2.0:
+    resolution: {integrity: sha512-Cxwpt2SfTzTtXcfOlzGEee8O+c+MmUgGrNiBcXnuWxuFJHe6a5Hz7qwhwe5OgaSYI0IJvkLqWX1ASG+cJOkEiA==, registry: http://r.cnpmjs.org/, tarball: https://r2.cnpmjs.org/ansi-styles/-/ansi-styles-5.2.0.tgz}
+    name: ansi-styles
+    version: 5.2.0
+    engines: {node: '>=10'}
+    dev: false
+
+  r2.cnpmjs.org/chalk/2.4.2:
+    resolution: {integrity: sha512-Mti+f9lpJNcwF4tWV8/OrTTtF1gZi+f8FqlyAdouralcFWFQWF2+NgCHShjkCb+IFBLq9buZwE1xckQU4peSuQ==, registry: http://r.cnpmjs.org/, tarball: https://r2.cnpmjs.org/chalk/-/chalk-2.4.2.tgz}
+    name: chalk
+    version: 2.4.2
+    engines: {node: '>=4'}
+    dependencies:
+      ansi-styles: r2.cnpmjs.org/ansi-styles/3.2.1
+      escape-string-regexp: rg.cnpmjs.org/escape-string-regexp/1.0.5
+      supports-color: r2.cnpmjs.org/supports-color/5.5.0
+    dev: true
+
+  r2.cnpmjs.org/chalk/4.1.2:
+    resolution: {integrity: sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA==, registry: http://r.cnpmjs.org/, tarball: https://r2.cnpmjs.org/chalk/-/chalk-4.1.2.tgz}
+    name: chalk
+    version: 4.1.2
+    engines: {node: '>=10'}
+    dependencies:
+      ansi-styles: r2.cnpmjs.org/ansi-styles/4.3.0
+      supports-color: r2.cnpmjs.org/supports-color/7.2.0
+    dev: false
+
+  r2.cnpmjs.org/color-convert/1.9.3:
+    resolution: {integrity: sha512-QfAUtd+vFdAtFQcC8CCyYt1fYWxSqAiK2cSD6zDB8N3cpsEBAvRxp9zOGg6G/SHHJYAT88/az/IuDGALsNVbGg==, registry: http://r.cnpmjs.org/, tarball: https://r2.cnpmjs.org/color-convert/-/color-convert-1.9.3.tgz}
+    name: color-convert
+    version: 1.9.3
+    dependencies:
+      color-name: r2.cnpmjs.org/color-name/1.1.3
+    dev: true
+
+  r2.cnpmjs.org/color-convert/2.0.1:
+    resolution: {integrity: sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==, registry: http://r.cnpmjs.org/, tarball: https://r2.cnpmjs.org/color-convert/-/color-convert-2.0.1.tgz}
+    name: color-convert
+    version: 2.0.1
+    engines: {node: '>=7.0.0'}
+    dependencies:
+      color-name: r2.cnpmjs.org/color-name/1.1.4
+    dev: false
+
+  r2.cnpmjs.org/color-name/1.1.3:
+    resolution: {integrity: sha512-72fSenhMw2HZMTVHeCA9KCmpEIbzWiQsjN+BHcBbS9vr1mtt+vJjPdksIBNUmKAW8TFUDPJK5SUU3QhE9NEXDw==, registry: http://r.cnpmjs.org/, tarball: https://r2.cnpmjs.org/color-name/-/color-name-1.1.3.tgz}
+    name: color-name
+    version: 1.1.3
+    dev: true
+
+  r2.cnpmjs.org/color-name/1.1.4:
+    resolution: {integrity: sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==, registry: http://r.cnpmjs.org/, tarball: https://r2.cnpmjs.org/color-name/-/color-name-1.1.4.tgz}
+    name: color-name
+    version: 1.1.4
+    dev: false
+
+  r2.cnpmjs.org/css-render/0.15.8:
+    resolution: {integrity: sha512-k1gp1MgYDPrFZhzheQkSwm6dmP6nPe2XE6WYpJBPwEc3GbMANPJZfxl7ofZlTl8/+tpMRiGTTgUkTlXaVbLxog==, registry: http://r.cnpmjs.org/, tarball: https://r2.cnpmjs.org/css-render/-/css-render-0.15.8.tgz}
+    name: css-render
+    version: 0.15.8
+    dependencies:
+      '@emotion/hash': r2.cnpmjs.org/@emotion/hash/0.8.0
+      '@types/node': r2.cnpmjs.org/@types/node/14.14.45
+      csstype: r2.cnpmjs.org/csstype/3.0.10
+    dev: false
+
+  r2.cnpmjs.org/csstype/3.0.10:
+    resolution: {integrity: sha512-2u44ZG2OcNUO9HDp/Jl8C07x6pU/eTR3ncV91SiK3dhG9TWvRVsCoJw14Ckx5DgWkzGA3waZWO3d7pgqpUI/XA==, registry: http://r.cnpmjs.org/, tarball: https://r2.cnpmjs.org/csstype/-/csstype-3.0.10.tgz}
+    name: csstype
+    version: 3.0.10
+    dev: false
+
+  r2.cnpmjs.org/diff-sequences/27.4.0:
+    resolution: {integrity: sha512-YqiQzkrsmHMH5uuh8OdQFU9/ZpADnwzml8z0O5HvRNda+5UZsaX/xN+AAxfR2hWq1Y7HZnAzO9J5lJXOuDz2Ww==, registry: http://r.cnpmjs.org/, tarball: https://r2.cnpmjs.org/diff-sequences/-/diff-sequences-27.4.0.tgz}
+    name: diff-sequences
+    version: 27.4.0
+    engines: {node: ^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0}
+    dev: false
+
+  r2.cnpmjs.org/evtd/0.2.3:
+    resolution: {integrity: sha512-tmiT1YUVqFjTY+BSBOAskL83xNx41iUfpvKP6Gcd/xMHjg3mnER98jXGXJyKnxCG19uPc6EhZiUC+MUyvoqCtw==, registry: http://r.cnpmjs.org/, tarball: https://r2.cnpmjs.org/evtd/-/evtd-0.2.3.tgz}
+    name: evtd
+    version: 0.2.3
+    dev: false
+
+  r2.cnpmjs.org/fsevents/2.3.2:
+    resolution: {integrity: sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==, registry: http://r.cnpmjs.org/, tarball: https://r2.cnpmjs.org/fsevents/-/fsevents-2.3.2.tgz}
+    name: fsevents
+    version: 2.3.2
+    engines: {node: ^8.16.0 || ^10.6.0 || >=11.0.0}
+    os: [darwin]
+    requiresBuild: true
+    dev: true
+    optional: true
+
+  r2.cnpmjs.org/graceful-fs/4.2.8:
+    resolution: {integrity: sha512-qkIilPUYcNhJpd33n0GBXTB1MMPp14TxEsEs0pTrsSVucApsYzW5V+Q8Qxhik6KU3evy+qkAAowTByymK0avdg==, registry: http://r.cnpmjs.org/, tarball: https://r2.cnpmjs.org/graceful-fs/-/graceful-fs-4.2.8.tgz}
+    name: graceful-fs
+    version: 4.2.8
+    dev: true
+    optional: true
+
+  r2.cnpmjs.org/has-flag/3.0.0:
+    resolution: {integrity: sha512-sKJf1+ceQBr4SMkvQnBDNDtf4TXpVhVGateu0t918bl30FnbE2m4vNLX+VWe/dpjlb+HugGYzW7uQXH98HPEYw==, registry: http://r.cnpmjs.org/, tarball: https://r2.cnpmjs.org/has-flag/-/has-flag-3.0.0.tgz}
+    name: has-flag
+    version: 3.0.0
+    engines: {node: '>=4'}
+    dev: true
+
+  r2.cnpmjs.org/has-flag/4.0.0:
+    resolution: {integrity: sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ==, registry: http://r.cnpmjs.org/, tarball: https://r2.cnpmjs.org/has-flag/-/has-flag-4.0.0.tgz}
+    name: has-flag
+    version: 4.0.0
+    engines: {node: '>=8'}
+    dev: false
+
+  r2.cnpmjs.org/jest-get-type/27.4.0:
+    resolution: {integrity: sha512-tk9o+ld5TWq41DkK14L4wox4s2D9MtTpKaAVzXfr5CUKm5ZK2ExcaFE0qls2W71zE/6R2TxxrK9w2r6svAFDBQ==, registry: http://r.cnpmjs.org/, tarball: https://r2.cnpmjs.org/jest-get-type/-/jest-get-type-27.4.0.tgz}
+    name: jest-get-type
+    version: 27.4.0
+    engines: {node: ^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0}
+    dev: false
+
+  r2.cnpmjs.org/naive-ui/2.23.2_vue@3.2.24:
+    resolution: {integrity: sha512-x5XtoJrfMcBGqkryJ6RPg3hB7xDqbO+5TfDB1UGIaVsj2fsidn9S9a6yK/jXqKbw+h5h97NqOu+Lf5EH8tAIog==, registry: http://r.cnpmjs.org/, tarball: https://r2.cnpmjs.org/naive-ui/-/naive-ui-2.23.2.tgz}
+    id: r2.cnpmjs.org/naive-ui/2.23.2
+    name: naive-ui
+    version: 2.23.2
+    peerDependencies:
+      vue: ^3.0.0
+    dependencies:
+      '@css-render/plugin-bem': r2.cnpmjs.org/@css-render/plugin-bem/0.15.8_css-render@0.15.8
+      '@css-render/vue3-ssr': r2.cnpmjs.org/@css-render/vue3-ssr/0.15.8_vue@3.2.24
+      '@types/lodash': rg.cnpmjs.org/@types/lodash/4.14.177
+      '@types/lodash-es': rg.cnpmjs.org/@types/lodash-es/4.17.5
+      async-validator: rg.cnpmjs.org/async-validator/4.0.7
+      css-render: r2.cnpmjs.org/css-render/0.15.8
+      date-fns: rg.cnpmjs.org/date-fns/2.27.0
+      date-fns-tz: rg.cnpmjs.org/date-fns-tz/1.1.6_date-fns@2.27.0
+      evtd: rg.cnpmjs.org/evtd/0.2.3
+      highlight.js: rg.cnpmjs.org/highlight.js/11.3.1
+      lodash: rg.cnpmjs.org/lodash/4.17.21
+      lodash-es: rg.cnpmjs.org/lodash-es/4.17.21
+      seemly: rg.cnpmjs.org/seemly/0.3.3
+      treemate: rg.cnpmjs.org/treemate/0.3.9
+      vdirs: r2.cnpmjs.org/vdirs/0.1.7_vue@3.2.24
+      vfonts: rg.cnpmjs.org/vfonts/0.1.0
+      vooks: r2.cnpmjs.org/vooks/0.2.12_vue@3.2.24
+      vue: rg.cnpmjs.org/vue/3.2.24
+      vueuc: r2.cnpmjs.org/vueuc/0.4.19_d0d1e8180884bd9cd018338da07864bc
+    dev: false
+
+  r2.cnpmjs.org/react-is/17.0.2:
+    resolution: {integrity: sha512-w2GsyukL62IJnlaff/nRegPQR94C/XXamvMWmSHRJ4y7Ts/4ocGRmTHvOs8PSE6pB3dWOrD/nueuU5sduBsQ4w==, registry: http://r.cnpmjs.org/, tarball: https://r2.cnpmjs.org/react-is/-/react-is-17.0.2.tgz}
+    name: react-is
+    version: 17.0.2
+    dev: false
+
+  r2.cnpmjs.org/resize-observer-polyfill/1.5.1:
+    resolution: {integrity: sha512-LwZrotdHOo12nQuZlHEmtuXdqGoOD0OhaxopaNFxWzInpEgaLWoVuAMbTzixuosCx2nEG58ngzW3vxdWoxIgdg==, registry: http://r.cnpmjs.org/, tarball: https://r2.cnpmjs.org/resize-observer-polyfill/-/resize-observer-polyfill-1.5.1.tgz}
+    name: resize-observer-polyfill
+    version: 1.5.1
+    dev: false
+
+  r2.cnpmjs.org/seemly/0.3.3:
+    resolution: {integrity: sha512-mAyqemz41e9HiZPMXAn7NtTExJgztwco5cdZjrt/iViU/oFeav+Q8K1c93M/tIZZ00QkT65JMr4xXQk7Vv5hWQ==, registry: http://r.cnpmjs.org/, tarball: https://r2.cnpmjs.org/seemly/-/seemly-0.3.3.tgz}
+    name: seemly
+    version: 0.3.3
+    dependencies:
+      '@types/jest': 27.4.0
+    dev: false
+
+  r2.cnpmjs.org/supports-color/5.5.0:
+    resolution: {integrity: sha512-QjVjwdXIt408MIiAqCX4oUKsgU2EqAGzs2Ppkm4aQYbjm+ZEWEcW4SfFNTr4uMNZma0ey4f5lgLrkB0aX0QMow==, registry: http://r.cnpmjs.org/, tarball: https://r2.cnpmjs.org/supports-color/-/supports-color-5.5.0.tgz}
+    name: supports-color
+    version: 5.5.0
+    engines: {node: '>=4'}
+    dependencies:
+      has-flag: r2.cnpmjs.org/has-flag/3.0.0
+    dev: true
+
+  r2.cnpmjs.org/supports-color/7.2.0:
+    resolution: {integrity: sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw==, registry: http://r.cnpmjs.org/, tarball: https://r2.cnpmjs.org/supports-color/-/supports-color-7.2.0.tgz}
+    name: supports-color
+    version: 7.2.0
+    engines: {node: '>=8'}
+    dependencies:
+      has-flag: r2.cnpmjs.org/has-flag/4.0.0
+    dev: false
+
+  r2.cnpmjs.org/vdirs/0.1.7_vue@3.2.24:
+    resolution: {integrity: sha512-MEUaLhV1jJyUqA2Ar4DfvlQx8jWs+PpCZ2dbM0ILelpMWGOybzt8ddL456VxeIbY/tkuDGT/Wzb8GG4LCuLuHw==, registry: http://r.cnpmjs.org/, tarball: https://r2.cnpmjs.org/vdirs/-/vdirs-0.1.7.tgz}
+    id: r2.cnpmjs.org/vdirs/0.1.7
+    name: vdirs
+    version: 0.1.7
+    peerDependencies:
+      vue: ^3.0.11
+    dependencies:
+      evtd: r2.cnpmjs.org/evtd/0.2.3
+      vue: rg.cnpmjs.org/vue/3.2.24
+    dev: false
+
+  r2.cnpmjs.org/vooks/0.2.12_vue@3.2.24:
+    resolution: {integrity: sha512-iox0I3RZzxtKlcgYaStQYKEzWWGAduMmq+jS7OrNdQo1FgGfPMubGL3uGHOU9n97NIvfFDBGnpSvkWyb/NSn/Q==, registry: http://r.cnpmjs.org/, tarball: https://r2.cnpmjs.org/vooks/-/vooks-0.2.12.tgz}
+    id: r2.cnpmjs.org/vooks/0.2.12
+    name: vooks
+    version: 0.2.12
+    peerDependencies:
+      vue: ^3.0.0
+    dependencies:
+      evtd: r2.cnpmjs.org/evtd/0.2.3
+      vue: rg.cnpmjs.org/vue/3.2.24
+    dev: false
+
+  r2.cnpmjs.org/vueuc/0.4.19_d0d1e8180884bd9cd018338da07864bc:
+    resolution: {integrity: sha512-mzhYwv60cldElLolvG5sMsDFNMP1+vQbxPnbWzT2BdIG6XfF0hzCxq0KMoYpg4cAekKijty2txRgNkySIjTWLA==, registry: http://r.cnpmjs.org/, tarball: https://r2.cnpmjs.org/vueuc/-/vueuc-0.4.19.tgz}
+    id: r2.cnpmjs.org/vueuc/0.4.19
+    name: vueuc
+    version: 0.4.19
+    peerDependencies:
+      '@css-render/vue3-ssr': ^0.15.7
+      vue: ^3.0.11
+    dependencies:
+      '@css-render/vue3-ssr': r2.cnpmjs.org/@css-render/vue3-ssr/0.15.8_vue@3.2.24
+      css-render: r2.cnpmjs.org/css-render/0.15.8
+      evtd: r2.cnpmjs.org/evtd/0.2.3
+      resize-observer-polyfill: r2.cnpmjs.org/resize-observer-polyfill/1.5.1
+      seemly: r2.cnpmjs.org/seemly/0.3.3
+      vdirs: r2.cnpmjs.org/vdirs/0.1.7_vue@3.2.24
+      vooks: r2.cnpmjs.org/vooks/0.2.12_vue@3.2.24
+      vue: rg.cnpmjs.org/vue/3.2.24
+    dev: false
+
   rg.cnpmjs.org/@babel/code-frame/7.16.0:
     resolution: {integrity: sha1-DfyAMJvuyEEeZecGRhxAiwu5tDE=, registry: http://r.cnpmjs.org/, tarball: https://rg.cnpmjs.org/@babel/code-frame/download/@babel/code-frame-7.16.0.tgz}
     name: '@babel/code-frame'
@@ -316,7 +635,7 @@ packages:
     engines: {node: '>=6.9.0'}
     dependencies:
       '@babel/helper-validator-identifier': rg.cnpmjs.org/@babel/helper-validator-identifier/7.15.7
-      chalk: rg.cnpmjs.org/chalk/2.4.2
+      chalk: r2.cnpmjs.org/chalk/2.4.2
       js-tokens: rg.cnpmjs.org/js-tokens/4.0.0
     dev: true
 
@@ -431,25 +750,6 @@ packages:
       to-fast-properties: rg.cnpmjs.org/to-fast-properties/2.0.0
     dev: true
 
-  rg.cnpmjs.org/@css-render/plugin-bem/0.15.6:
-    resolution: {integrity: sha1-9/6kdN9PMmLvn7gBetocuXEs14o=, registry: http://r.cnpmjs.org/, tarball: https://rg.cnpmjs.org/@css-render/plugin-bem/download/@css-render/plugin-bem-0.15.6.tgz}
-    name: '@css-render/plugin-bem'
-    version: 0.15.6
-    dependencies:
-      css-render: rg.cnpmjs.org/css-render/0.15.6
-    dev: false
-
-  rg.cnpmjs.org/@css-render/vue3-ssr/0.15.6_vue@3.2.24:
-    resolution: {integrity: sha1-TtwpS9p+bKIV9sfsniyDhWRQacM=, registry: http://r.cnpmjs.org/, tarball: https://rg.cnpmjs.org/@css-render/vue3-ssr/download/@css-render/vue3-ssr-0.15.6.tgz}
-    id: rg.cnpmjs.org/@css-render/vue3-ssr/0.15.6
-    name: '@css-render/vue3-ssr'
-    version: 0.15.6
-    peerDependencies:
-      vue: ^3.0.11
-    dependencies:
-      vue: rg.cnpmjs.org/vue/3.2.24
-    dev: false
-
   rg.cnpmjs.org/@emmetio/abbreviation/2.2.2:
     resolution: {integrity: sha1-dGdi/Z56jC6mBPWAxi48/iUOaYk=, registry: http://r.cnpmjs.org/, tarball: https://rg.cnpmjs.org/@emmetio/abbreviation/download/@emmetio/abbreviation-2.2.2.tgz}
     name: '@emmetio/abbreviation'
@@ -472,12 +772,6 @@ packages:
     version: 1.0.0
     dev: true
 
-  rg.cnpmjs.org/@emotion/hash/0.8.0:
-    resolution: {integrity: sha1-u7/2iXj+/b5ozLUzvIy+HRr7VBM=, registry: http://r.cnpmjs.org/, tarball: https://rg.cnpmjs.org/@emotion/hash/download/@emotion/hash-0.8.0.tgz}
-    name: '@emotion/hash'
-    version: 0.8.0
-    dev: false
-
   rg.cnpmjs.org/@eslint/eslintrc/1.0.5:
     resolution: {integrity: sha512-BLxsnmK3KyPunz5wmCCpqy0YelEoxxGmH73Is+Z74oOTMtExcjkr3dDR6quwrjh1YspA8DH9gnX1o069KiS9AQ==, registry: http://r.cnpmjs.org/, tarball: https://rg.cnpmjs.org/@eslint/eslintrc/download/@eslint/eslintrc-1.0.5.tgz}
     name: '@eslint/eslintrc'
@@ -564,19 +858,6 @@ packages:
       '@intlify/shared': rg.cnpmjs.org/@intlify/shared/9.2.0-beta.23
     dev: false
 
-  rg.cnpmjs.org/@jest/types/27.4.2:
-    resolution: {integrity: sha512-j35yw0PMTPpZsUoOBiuHzr1zTYoad1cVIE0ajEjcrJONxxrko/IRGKkXx3os0Nsi4Hu3+5VmDbVfq5WhG/pWAg==, registry: http://r.cnpmjs.org/, tarball: https://rg.cnpmjs.org/@jest/types/download/@jest/types-27.4.2.tgz}
-    name: '@jest/types'
-    version: 27.4.2
-    engines: {node: ^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0}
-    dependencies:
-      '@types/istanbul-lib-coverage': rg.cnpmjs.org/@types/istanbul-lib-coverage/2.0.3
-      '@types/istanbul-reports': rg.cnpmjs.org/@types/istanbul-reports/3.0.1
-      '@types/node': rg.cnpmjs.org/@types/node/16.11.12
-      '@types/yargs': rg.cnpmjs.org/@types/yargs/16.0.4
-      chalk: rg.cnpmjs.org/chalk/4.1.2
-    dev: false
-
   rg.cnpmjs.org/@nodelib/fs.scandir/2.1.5:
     resolution: {integrity: sha1-dhnC6yGyVIP20WdUi0z9WnSIw9U=, registry: http://r.cnpmjs.org/, tarball: https://rg.cnpmjs.org/@nodelib/fs.scandir/download/@nodelib/fs.scandir-2.1.5.tgz}
     name: '@nodelib/fs.scandir'
@@ -649,35 +930,13 @@ packages:
     version: 0.0.39
     dev: true
 
-  rg.cnpmjs.org/@types/istanbul-lib-coverage/2.0.3:
-    resolution: {integrity: sha1-S6jdtyAiH0MuRDvV+RF/0iz9R2I=, registry: http://r.cnpmjs.org/, tarball: https://rg.cnpmjs.org/@types/istanbul-lib-coverage/download/@types/istanbul-lib-coverage-2.0.3.tgz}
-    name: '@types/istanbul-lib-coverage'
-    version: 2.0.3
-    dev: false
-
-  rg.cnpmjs.org/@types/istanbul-lib-report/3.0.0:
-    resolution: {integrity: sha1-wUwk8Y6oGQwRjudWK3/5mjZVJoY=, registry: http://r.cnpmjs.org/, tarball: https://rg.cnpmjs.org/@types/istanbul-lib-report/download/@types/istanbul-lib-report-3.0.0.tgz}
-    name: '@types/istanbul-lib-report'
-    version: 3.0.0
-    dependencies:
-      '@types/istanbul-lib-coverage': rg.cnpmjs.org/@types/istanbul-lib-coverage/2.0.3
-    dev: false
-
-  rg.cnpmjs.org/@types/istanbul-reports/3.0.1:
-    resolution: {integrity: sha1-kVP+mLuivVZaY63ZQ21vDX+EaP8=, registry: http://r.cnpmjs.org/, tarball: https://rg.cnpmjs.org/@types/istanbul-reports/download/@types/istanbul-reports-3.0.1.tgz}
-    name: '@types/istanbul-reports'
-    version: 3.0.1
-    dependencies:
-      '@types/istanbul-lib-report': rg.cnpmjs.org/@types/istanbul-lib-report/3.0.0
-    dev: false
-
   rg.cnpmjs.org/@types/jest/27.0.3:
     resolution: {integrity: sha512-cmmwv9t7gBYt7hNKH5Spu7Kuu/DotGa+Ff+JGRKZ4db5eh8PnKS4LuebJ3YLUoyOyIHraTGyULn23YtEAm0VSg==, registry: http://r.cnpmjs.org/, tarball: https://rg.cnpmjs.org/@types/jest/download/@types/jest-27.0.3.tgz}
     name: '@types/jest'
     version: 27.0.3
     dependencies:
-      jest-diff: rg.cnpmjs.org/jest-diff/27.4.2
-      pretty-format: rg.cnpmjs.org/pretty-format/27.4.2
+      jest-diff: 27.4.6
+      pretty-format: 27.4.6
     dev: false
 
   rg.cnpmjs.org/@types/json-schema/7.0.9:
@@ -712,22 +971,11 @@ packages:
     version: 1.0.4
     dev: true
 
-  rg.cnpmjs.org/@types/node/14.14.45:
-    resolution: {integrity: sha1-7C37VWb/gU0GGu9+FBV1rtuiRc8=, registry: http://r.cnpmjs.org/, tarball: https://rg.cnpmjs.org/@types/node/download/@types/node-14.14.45.tgz}
-    name: '@types/node'
-    version: 14.14.45
-    dev: false
-
-  rg.cnpmjs.org/@types/node/14.18.0:
-    resolution: {integrity: sha512-0GeIl2kmVMXEnx8tg1SlG6Gg8vkqirrW752KqolYo1PHevhhZN3bhJ67qHj+bQaINhX0Ra3TlWwRvMCd9iEfNQ==, registry: http://r.cnpmjs.org/, tarball: https://rg.cnpmjs.org/@types/node/download/@types/node-14.18.0.tgz}
-    name: '@types/node'
-    version: 14.18.0
-    dev: false
-
   rg.cnpmjs.org/@types/node/16.11.12:
     resolution: {integrity: sha512-+2Iggwg7PxoO5Kyhvsq9VarmPbIelXP070HMImEpbtGCoyWNINQj4wzjbQCXzdHTRXnqufutJb5KAURZANNBAw==, registry: http://r.cnpmjs.org/, tarball: https://rg.cnpmjs.org/@types/node/download/@types/node-16.11.12.tgz}
     name: '@types/node'
     version: 16.11.12
+    dev: true
 
   rg.cnpmjs.org/@types/resolve/1.17.1:
     resolution: {integrity: sha1-Ov1q2JZ8d+Q3bFmKgt3Vj0bsRdY=, registry: http://r.cnpmjs.org/, tarball: https://rg.cnpmjs.org/@types/resolve/download/@types/resolve-1.17.1.tgz}
@@ -737,20 +985,6 @@ packages:
       '@types/node': rg.cnpmjs.org/@types/node/16.11.12
     dev: true
 
-  rg.cnpmjs.org/@types/yargs-parser/20.2.1:
-    resolution: {integrity: sha1-O5ziSJkZ2eT+pDm3aRarw0st8Sk=, registry: http://r.cnpmjs.org/, tarball: https://rg.cnpmjs.org/@types/yargs-parser/download/@types/yargs-parser-20.2.1.tgz}
-    name: '@types/yargs-parser'
-    version: 20.2.1
-    dev: false
-
-  rg.cnpmjs.org/@types/yargs/16.0.4:
-    resolution: {integrity: sha1-JqrZjdLCo45CEIbqmtQrnlFkKXc=, registry: http://r.cnpmjs.org/, tarball: https://rg.cnpmjs.org/@types/yargs/download/@types/yargs-16.0.4.tgz}
-    name: '@types/yargs'
-    version: 16.0.4
-    dependencies:
-      '@types/yargs-parser': rg.cnpmjs.org/@types/yargs-parser/20.2.1
-    dev: false
-
   rg.cnpmjs.org/@typescript-eslint/eslint-plugin/5.6.0_16d83f5c41c3abb1061a82b07c18e4f3:
     resolution: {integrity: sha512-MIbeMy5qfLqtgs1hWd088k1hOuRsN9JrHUPwVVKCD99EOUqScd7SrwoZl4Gso05EAP9w1kvLWUVGJOVpRPkDPA==, registry: http://r.cnpmjs.org/, tarball: https://rg.cnpmjs.org/@typescript-eslint/eslint-plugin/download/@typescript-eslint/eslint-plugin-5.6.0.tgz}
     id: rg.cnpmjs.org/@typescript-eslint/eslint-plugin/5.6.0
@@ -1185,14 +1419,6 @@ packages:
     name: ansi-regex
     version: 5.0.1
     engines: {node: '>=8'}
-
-  rg.cnpmjs.org/ansi-styles/3.2.1:
-    resolution: {integrity: sha1-QfuyAkPlCxK+DwS43tvwdSDOhB0=, registry: http://r.cnpmjs.org/, tarball: https://rg.cnpmjs.org/ansi-styles/download/ansi-styles-3.2.1.tgz}
-    name: ansi-styles
-    version: 3.2.1
-    engines: {node: '>=4'}
-    dependencies:
-      color-convert: rg.cnpmjs.org/color-convert/1.9.3
     dev: true
 
   rg.cnpmjs.org/ansi-styles/4.3.0:
@@ -1202,13 +1428,7 @@ packages:
     engines: {node: '>=8'}
     dependencies:
       color-convert: rg.cnpmjs.org/color-convert/2.0.1
-
-  rg.cnpmjs.org/ansi-styles/5.2.0:
-    resolution: {integrity: sha1-B0SWkK1Fd30ZJKwquy/IiV26g2s=, registry: http://r.cnpmjs.org/, tarball: https://rg.cnpmjs.org/ansi-styles/download/ansi-styles-5.2.0.tgz}
-    name: ansi-styles
-    version: 5.2.0
-    engines: {node: '>=10'}
-    dev: false
+    dev: true
 
   rg.cnpmjs.org/anymatch/3.1.2:
     resolution: {integrity: sha1-wFV8CWrzLxBhmPT04qODU343hxY=, registry: http://r.cnpmjs.org/, tarball: https://rg.cnpmjs.org/anymatch/download/anymatch-3.1.2.tgz}
@@ -1403,17 +1623,6 @@ packages:
       upper-case-first: rg.cnpmjs.org/upper-case-first/2.0.2
     dev: true
 
-  rg.cnpmjs.org/chalk/2.4.2:
-    resolution: {integrity: sha1-zUJUFnelQzPPVBpJEIwUMrRMlCQ=, registry: http://r.cnpmjs.org/, tarball: https://rg.cnpmjs.org/chalk/download/chalk-2.4.2.tgz}
-    name: chalk
-    version: 2.4.2
-    engines: {node: '>=4'}
-    dependencies:
-      ansi-styles: rg.cnpmjs.org/ansi-styles/3.2.1
-      escape-string-regexp: rg.cnpmjs.org/escape-string-regexp/1.0.5
-      supports-color: rg.cnpmjs.org/supports-color/5.5.0
-    dev: true
-
   rg.cnpmjs.org/chalk/4.1.2:
     resolution: {integrity: sha1-qsTit3NKdAhnrrFr8CqtVWoeegE=, registry: http://r.cnpmjs.org/, tarball: https://rg.cnpmjs.org/chalk/download/chalk-4.1.2.tgz}
     name: chalk
@@ -1422,6 +1631,7 @@ packages:
     dependencies:
       ansi-styles: rg.cnpmjs.org/ansi-styles/4.3.0
       supports-color: rg.cnpmjs.org/supports-color/7.2.0
+    dev: true
 
   rg.cnpmjs.org/change-case/4.1.2:
     resolution: {integrity: sha1-/t/F8TYEXiOYwEEO5EH5VwRkHhI=, registry: http://r.cnpmjs.org/, tarball: https://rg.cnpmjs.org/change-case/download/change-case-4.1.2.tgz}
@@ -1464,15 +1674,7 @@ packages:
       normalize-path: rg.cnpmjs.org/normalize-path/3.0.0
       readdirp: rg.cnpmjs.org/readdirp/3.6.0
     optionalDependencies:
-      fsevents: rg.cnpmjs.org/fsevents/2.3.2
-    dev: true
-
-  rg.cnpmjs.org/color-convert/1.9.3:
-    resolution: {integrity: sha1-u3GFBpDh8TZWfeYp0tVHHe2kweg=, registry: http://r.cnpmjs.org/, tarball: https://rg.cnpmjs.org/color-convert/download/color-convert-1.9.3.tgz}
-    name: color-convert
-    version: 1.9.3
-    dependencies:
-      color-name: rg.cnpmjs.org/color-name/1.1.3
+      fsevents: r2.cnpmjs.org/fsevents/2.3.2
     dev: true
 
   rg.cnpmjs.org/color-convert/2.0.1:
@@ -1482,17 +1684,13 @@ packages:
     engines: {node: '>=7.0.0'}
     dependencies:
       color-name: rg.cnpmjs.org/color-name/1.1.4
-
-  rg.cnpmjs.org/color-name/1.1.3:
-    resolution: {integrity: sha1-p9BVi9icQveV3UIyj3QIMcpTvCU=, registry: http://r.cnpmjs.org/, tarball: https://rg.cnpmjs.org/color-name/download/color-name-1.1.3.tgz}
-    name: color-name
-    version: 1.1.3
     dev: true
 
   rg.cnpmjs.org/color-name/1.1.4:
     resolution: {integrity: sha1-wqCah6y95pVD3m9j+jmVyCbFNqI=, registry: http://r.cnpmjs.org/, tarball: https://rg.cnpmjs.org/color-name/download/color-name-1.1.4.tgz}
     name: color-name
     version: 1.1.4
+    dev: true
 
   rg.cnpmjs.org/commander/8.3.0:
     resolution: {integrity: sha1-SDfqGy2me5xhamevuw+v7lZ7ymY=, registry: http://r.cnpmjs.org/, tarball: https://rg.cnpmjs.org/commander/download/commander-8.3.0.tgz}
@@ -1557,28 +1755,12 @@ packages:
       which: rg.cnpmjs.org/which/2.0.2
     dev: true
 
-  rg.cnpmjs.org/css-render/0.15.6:
-    resolution: {integrity: sha1-k7d4/8OBIPjNThNZQfDXbuTBt4M=, registry: http://r.cnpmjs.org/, tarball: https://rg.cnpmjs.org/css-render/download/css-render-0.15.6.tgz}
-    name: css-render
-    version: 0.15.6
-    dependencies:
-      '@emotion/hash': rg.cnpmjs.org/@emotion/hash/0.8.0
-      '@types/node': rg.cnpmjs.org/@types/node/14.14.45
-      csstype: rg.cnpmjs.org/csstype/3.0.10
-    dev: false
-
   rg.cnpmjs.org/csstype/2.6.19:
     resolution: {integrity: sha512-ZVxXaNy28/k3kJg0Fou5MiYpp88j7H9hLZp8PDC3jV0WFjfH5E9xHb56L0W59cPbKbcHXeP4qyT8PrHp8t6LcQ==, registry: http://r.cnpmjs.org/, tarball: https://rg.cnpmjs.org/csstype/download/csstype-2.6.19.tgz}
     name: csstype
     version: 2.6.19
     dev: false
 
-  rg.cnpmjs.org/csstype/3.0.10:
-    resolution: {integrity: sha512-2u44ZG2OcNUO9HDp/Jl8C07x6pU/eTR3ncV91SiK3dhG9TWvRVsCoJw14Ckx5DgWkzGA3waZWO3d7pgqpUI/XA==, registry: http://r.cnpmjs.org/, tarball: https://rg.cnpmjs.org/csstype/download/csstype-3.0.10.tgz}
-    name: csstype
-    version: 3.0.10
-    dev: false
-
   rg.cnpmjs.org/date-fns-tz/1.1.6_date-fns@2.27.0:
     resolution: {integrity: sha1-k8vzVOKuss0xL/oy5GLBlDzyCo4=, registry: http://r.cnpmjs.org/, tarball: https://rg.cnpmjs.org/date-fns-tz/download/date-fns-tz-1.1.6.tgz}
     id: rg.cnpmjs.org/date-fns-tz/1.1.6
@@ -1655,13 +1837,6 @@ packages:
       object-keys: rg.cnpmjs.org/object-keys/1.1.1
     dev: true
 
-  rg.cnpmjs.org/diff-sequences/27.4.0:
-    resolution: {integrity: sha512-YqiQzkrsmHMH5uuh8OdQFU9/ZpADnwzml8z0O5HvRNda+5UZsaX/xN+AAxfR2hWq1Y7HZnAzO9J5lJXOuDz2Ww==, registry: http://r.cnpmjs.org/, tarball: https://rg.cnpmjs.org/diff-sequences/download/diff-sequences-27.4.0.tgz}
-    name: diff-sequences
-    version: 27.4.0
-    engines: {node: ^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0}
-    dev: false
-
   rg.cnpmjs.org/dir-glob/3.0.1:
     resolution: {integrity: sha1-Vtv3PZkqSpO6FYT0U0Bj/S5BcX8=, registry: http://r.cnpmjs.org/, tarball: https://rg.cnpmjs.org/dir-glob/download/dir-glob-3.0.1.tgz}
     name: dir-glob
@@ -2465,16 +2640,6 @@ packages:
     version: 1.0.0
     dev: true
 
-  rg.cnpmjs.org/fsevents/2.3.2:
-    resolution: {integrity: sha1-ilJveLj99GI7cJ4Ll1xSwkwC/Ro=, registry: http://r.cnpmjs.org/, tarball: https://rg.cnpmjs.org/fsevents/download/fsevents-2.3.2.tgz}
-    name: fsevents
-    version: 2.3.2
-    engines: {node: ^8.16.0 || ^10.6.0 || >=11.0.0}
-    os: [darwin]
-    requiresBuild: true
-    dev: true
-    optional: true
-
   rg.cnpmjs.org/function-bind/1.1.1:
     resolution: {integrity: sha1-pWiZ0+o8m6uHS7l3O3xe3pL0iV0=, registry: http://r.cnpmjs.org/, tarball: https://rg.cnpmjs.org/function-bind/download/function-bind-1.1.1.tgz}
     name: function-bind
@@ -2587,18 +2752,12 @@ packages:
     version: 1.0.1
     dev: true
 
-  rg.cnpmjs.org/has-flag/3.0.0:
-    resolution: {integrity: sha1-tdRU3CGZriJWmfNGfloH87lVuv0=, registry: http://r.cnpmjs.org/, tarball: https://rg.cnpmjs.org/has-flag/download/has-flag-3.0.0.tgz}
-    name: has-flag
-    version: 3.0.0
-    engines: {node: '>=4'}
-    dev: true
-
   rg.cnpmjs.org/has-flag/4.0.0:
     resolution: {integrity: sha1-lEdx/ZyByBJlxNaUGGDaBrtZR5s=, registry: http://r.cnpmjs.org/, tarball: https://rg.cnpmjs.org/has-flag/download/has-flag-4.0.0.tgz}
     name: has-flag
     version: 4.0.0
     engines: {node: '>=8'}
+    dev: true
 
   rg.cnpmjs.org/has-symbols/1.0.2:
     resolution: {integrity: sha1-Fl0wcMADCXUqEjakeTMeOsVvFCM=, registry: http://r.cnpmjs.org/, tarball: https://rg.cnpmjs.org/has-symbols/download/has-symbols-1.0.2.tgz}
@@ -2887,25 +3046,6 @@ packages:
     version: 2.0.0
     dev: true
 
-  rg.cnpmjs.org/jest-diff/27.4.2:
-    resolution: {integrity: sha512-ujc9ToyUZDh9KcqvQDkk/gkbf6zSaeEg9AiBxtttXW59H/AcqEYp1ciXAtJp+jXWva5nAf/ePtSsgWwE5mqp4Q==, registry: http://r.cnpmjs.org/, tarball: https://rg.cnpmjs.org/jest-diff/download/jest-diff-27.4.2.tgz}
-    name: jest-diff
-    version: 27.4.2
-    engines: {node: ^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0}
-    dependencies:
-      chalk: rg.cnpmjs.org/chalk/4.1.2
-      diff-sequences: rg.cnpmjs.org/diff-sequences/27.4.0
-      jest-get-type: rg.cnpmjs.org/jest-get-type/27.4.0
-      pretty-format: rg.cnpmjs.org/pretty-format/27.4.2
-    dev: false
-
-  rg.cnpmjs.org/jest-get-type/27.4.0:
-    resolution: {integrity: sha512-tk9o+ld5TWq41DkK14L4wox4s2D9MtTpKaAVzXfr5CUKm5ZK2ExcaFE0qls2W71zE/6R2TxxrK9w2r6svAFDBQ==, registry: http://r.cnpmjs.org/, tarball: https://rg.cnpmjs.org/jest-get-type/download/jest-get-type-27.4.0.tgz}
-    name: jest-get-type
-    version: 27.4.0
-    engines: {node: ^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0}
-    dev: false
-
   rg.cnpmjs.org/js-stringify/1.0.2:
     resolution: {integrity: sha1-Fzb939lyTyijaCrcYjCufk6Weds=, registry: http://r.cnpmjs.org/, tarball: https://rg.cnpmjs.org/js-stringify/download/js-stringify-1.0.2.tgz}
     name: js-stringify
@@ -2985,7 +3125,7 @@ packages:
     dependencies:
       universalify: rg.cnpmjs.org/universalify/2.0.0
     optionalDependencies:
-      graceful-fs: rg.cnpmjs.org/graceful-fs/4.2.8
+      graceful-fs: r2.cnpmjs.org/graceful-fs/4.2.8
     dev: true
 
   rg.cnpmjs.org/jstransformer/1.0.0:
@@ -3117,35 +3257,6 @@ packages:
     version: 2.1.2
     dev: true
 
-  rg.cnpmjs.org/naive-ui/2.21.5_vue@3.2.24:
-    resolution: {integrity: sha512-/vgWS4DdV7Ck8LgqAZCAynnLC9AXP9na1G3Uou1OeHYOgy3w07AcffpZVsAQtgYYuU8fRd6ogAABoLX3wZmRFg==, registry: http://r.cnpmjs.org/, tarball: https://rg.cnpmjs.org/naive-ui/download/naive-ui-2.21.5.tgz}
-    id: rg.cnpmjs.org/naive-ui/2.21.5
-    name: naive-ui
-    version: 2.21.5
-    peerDependencies:
-      vue: ^3.0.0
-    dependencies:
-      '@css-render/plugin-bem': rg.cnpmjs.org/@css-render/plugin-bem/0.15.6
-      '@css-render/vue3-ssr': rg.cnpmjs.org/@css-render/vue3-ssr/0.15.6_vue@3.2.24
-      '@types/lodash': rg.cnpmjs.org/@types/lodash/4.14.177
-      '@types/lodash-es': rg.cnpmjs.org/@types/lodash-es/4.17.5
-      async-validator: rg.cnpmjs.org/async-validator/4.0.7
-      css-render: rg.cnpmjs.org/css-render/0.15.6
-      date-fns: rg.cnpmjs.org/date-fns/2.27.0
-      date-fns-tz: rg.cnpmjs.org/date-fns-tz/1.1.6_date-fns@2.27.0
-      evtd: rg.cnpmjs.org/evtd/0.2.3
-      highlight.js: rg.cnpmjs.org/highlight.js/11.3.1
-      lodash: rg.cnpmjs.org/lodash/4.17.21
-      lodash-es: rg.cnpmjs.org/lodash-es/4.17.21
-      seemly: rg.cnpmjs.org/seemly/0.3.3
-      treemate: rg.cnpmjs.org/treemate/0.3.9
-      vdirs: rg.cnpmjs.org/vdirs/0.1.4_vue@3.2.24
-      vfonts: rg.cnpmjs.org/vfonts/0.1.0
-      vooks: rg.cnpmjs.org/vooks/0.2.10_vue@3.2.24
-      vue: rg.cnpmjs.org/vue/3.2.24
-      vueuc: rg.cnpmjs.org/vueuc/0.4.18_ebeef33019930c663e0ff484ef997613
-    dev: false
-
   rg.cnpmjs.org/nanoid/3.1.30:
     resolution: {integrity: sha1-Y/k8xUjSoRPcXfvGO/oJ4rm2Q2I=, registry: http://r.cnpmjs.org/, tarball: https://rg.cnpmjs.org/nanoid/download/nanoid-3.1.30.tgz}
     name: nanoid
@@ -3445,18 +3556,6 @@ packages:
     hasBin: true
     dev: true
 
-  rg.cnpmjs.org/pretty-format/27.4.2:
-    resolution: {integrity: sha512-p0wNtJ9oLuvgOQDEIZ9zQjZffK7KtyR6Si0jnXULIDwrlNF8Cuir3AZP0hHv0jmKuNN/edOnbMjnzd4uTcmWiw==, registry: http://r.cnpmjs.org/, tarball: https://rg.cnpmjs.org/pretty-format/download/pretty-format-27.4.2.tgz}
-    name: pretty-format
-    version: 27.4.2
-    engines: {node: ^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0}
-    dependencies:
-      '@jest/types': rg.cnpmjs.org/@jest/types/27.4.2
-      ansi-regex: rg.cnpmjs.org/ansi-regex/5.0.1
-      ansi-styles: rg.cnpmjs.org/ansi-styles/5.2.0
-      react-is: rg.cnpmjs.org/react-is/17.0.2
-    dev: false
-
   rg.cnpmjs.org/progress/2.0.3:
     resolution: {integrity: sha1-foz42PW48jnBvGi+tOt4Vn1XLvg=, registry: http://r.cnpmjs.org/, tarball: https://rg.cnpmjs.org/progress/download/progress-2.0.3.tgz}
     name: progress
@@ -3600,12 +3699,6 @@ packages:
     version: 1.2.3
     dev: true
 
-  rg.cnpmjs.org/react-is/17.0.2:
-    resolution: {integrity: sha1-5pHUqOnHiTZWVVOas3J2Kw77VPA=, registry: http://r.cnpmjs.org/, tarball: https://rg.cnpmjs.org/react-is/download/react-is-17.0.2.tgz}
-    name: react-is
-    version: 17.0.2
-    dev: false
-
   rg.cnpmjs.org/readdirp/3.6.0:
     resolution: {integrity: sha1-dKNwvYVxFuJFspzJc0DNQxoCpsc=, registry: http://r.cnpmjs.org/, tarball: https://rg.cnpmjs.org/readdirp/download/readdirp-3.6.0.tgz}
     name: readdirp
@@ -3634,12 +3727,6 @@ packages:
     version: 0.5.5
     dev: true
 
-  rg.cnpmjs.org/resize-observer-polyfill/1.5.1:
-    resolution: {integrity: sha1-DpAg3T0hAkRY1OvSfiPkAmmBBGQ=, registry: http://r.cnpmjs.org/, tarball: https://rg.cnpmjs.org/resize-observer-polyfill/download/resize-observer-polyfill-1.5.1.tgz}
-    name: resize-observer-polyfill
-    version: 1.5.1
-    dev: false
-
   rg.cnpmjs.org/resolve-from/4.0.0:
     resolution: {integrity: sha1-SrzYUq0y3Xuqv+m0DgCjbbXzkuY=, registry: http://r.cnpmjs.org/, tarball: https://rg.cnpmjs.org/resolve-from/download/resolve-from-4.0.0.tgz}
     name: resolve-from
@@ -3679,7 +3766,7 @@ packages:
     engines: {node: '>=10.0.0'}
     hasBin: true
     optionalDependencies:
-      fsevents: rg.cnpmjs.org/fsevents/2.3.2
+      fsevents: r2.cnpmjs.org/fsevents/2.3.2
     dev: true
 
   rg.cnpmjs.org/run-parallel/1.2.0:
@@ -3887,15 +3974,6 @@ packages:
     engines: {node: '>=8'}
     dev: true
 
-  rg.cnpmjs.org/supports-color/5.5.0:
-    resolution: {integrity: sha1-4uaaRKyHcveKHsCzW2id9lMO/I8=, registry: http://r.cnpmjs.org/, tarball: https://rg.cnpmjs.org/supports-color/download/supports-color-5.5.0.tgz}
-    name: supports-color
-    version: 5.5.0
-    engines: {node: '>=4'}
-    dependencies:
-      has-flag: rg.cnpmjs.org/has-flag/3.0.0
-    dev: true
-
   rg.cnpmjs.org/supports-color/7.2.0:
     resolution: {integrity: sha1-G33NyzK4E4gBs+R4umpRyqiWSNo=, registry: http://r.cnpmjs.org/, tarball: https://rg.cnpmjs.org/supports-color/download/supports-color-7.2.0.tgz}
     name: supports-color
@@ -3903,6 +3981,7 @@ packages:
     engines: {node: '>=8'}
     dependencies:
       has-flag: rg.cnpmjs.org/has-flag/4.0.0
+    dev: true
 
   rg.cnpmjs.org/svg-tags/1.0.0:
     resolution: {integrity: sha1-WPcc7jvVGbWdSyqEO2x95krAR2Q=, registry: http://r.cnpmjs.org/, tarball: https://rg.cnpmjs.org/svg-tags/download/svg-tags-1.0.0.tgz}
@@ -4073,19 +4152,6 @@ packages:
     version: 2.3.0
     dev: true
 
-  rg.cnpmjs.org/vdirs/0.1.4_vue@3.2.24:
-    resolution: {integrity: sha1-xMD/hs9H/tA95fhp4mUxHvGIq3Q=, registry: http://r.cnpmjs.org/, tarball: https://rg.cnpmjs.org/vdirs/download/vdirs-0.1.4.tgz}
-    id: rg.cnpmjs.org/vdirs/0.1.4
-    name: vdirs
-    version: 0.1.4
-    peerDependencies:
-      vue: ^3.0.11
-    dependencies:
-      '@types/node': rg.cnpmjs.org/@types/node/14.18.0
-      evtd: rg.cnpmjs.org/evtd/0.2.3
-      vue: rg.cnpmjs.org/vue/3.2.24
-    dev: false
-
   rg.cnpmjs.org/vfonts/0.1.0:
     resolution: {integrity: sha1-wWrzfKBEsnJa5VVTBJKA775iIqk=, registry: http://r.cnpmjs.org/, tarball: https://rg.cnpmjs.org/vfonts/download/vfonts-0.1.0.tgz}
     name: vfonts
@@ -4174,7 +4240,7 @@ packages:
       rollup: rg.cnpmjs.org/rollup/2.60.2
       sass: rg.cnpmjs.org/sass/1.44.0
     optionalDependencies:
-      fsevents: rg.cnpmjs.org/fsevents/2.3.2
+      fsevents: r2.cnpmjs.org/fsevents/2.3.2
     dev: true
 
   rg.cnpmjs.org/void-elements/3.1.0:
@@ -4184,18 +4250,6 @@ packages:
     engines: {node: '>=0.10.0'}
     dev: true
 
-  rg.cnpmjs.org/vooks/0.2.10_vue@3.2.24:
-    resolution: {integrity: sha1-Jlb0wCV1jtl+3EqVhMnMFez/tws=, registry: http://r.cnpmjs.org/, tarball: https://rg.cnpmjs.org/vooks/download/vooks-0.2.10.tgz}
-    id: rg.cnpmjs.org/vooks/0.2.10
-    name: vooks
-    version: 0.2.10
-    peerDependencies:
-      vue: ^3.0.0
-    dependencies:
-      evtd: rg.cnpmjs.org/evtd/0.2.3
-      vue: rg.cnpmjs.org/vue/3.2.24
-    dev: false
-
   rg.cnpmjs.org/vscode-css-languageservice/5.1.9:
     resolution: {integrity: sha512-/tFOWeZBL3Oc9Zc+2MAi3rEwiXJTSZsvjB+M7nSjWLbGPUIjukUA7YzLgsBoUfR35sPJYnXWUkL56PdfIYM8GA==, registry: http://r.cnpmjs.org/, tarball: https://rg.cnpmjs.org/vscode-css-languageservice/download/vscode-css-languageservice-5.1.9.tgz}
     name: vscode-css-languageservice
@@ -4434,25 +4488,6 @@ packages:
       '@vue/shared': rg.cnpmjs.org/@vue/shared/3.2.24
     dev: false
 
-  rg.cnpmjs.org/vueuc/0.4.18_ebeef33019930c663e0ff484ef997613:
-    resolution: {integrity: sha512-fHoMFbwfaVs4S3U5tCSu2i4Xm5GZDNw9FuFNjRwCXiLB1S3rYTYuhjUWdX/+38SL5d9ivEkpsvfve/Msp2lwwg==, registry: http://r.cnpmjs.org/, tarball: https://rg.cnpmjs.org/vueuc/download/vueuc-0.4.18.tgz}
-    id: rg.cnpmjs.org/vueuc/0.4.18
-    name: vueuc
-    version: 0.4.18
-    peerDependencies:
-      '@css-render/vue3-ssr': ^0.15.3
-      vue: ^3.0.11
-    dependencies:
-      '@css-render/vue3-ssr': rg.cnpmjs.org/@css-render/vue3-ssr/0.15.6_vue@3.2.24
-      css-render: rg.cnpmjs.org/css-render/0.15.6
-      evtd: rg.cnpmjs.org/evtd/0.2.3
-      resize-observer-polyfill: rg.cnpmjs.org/resize-observer-polyfill/1.5.1
-      seemly: rg.cnpmjs.org/seemly/0.3.3
-      vdirs: rg.cnpmjs.org/vdirs/0.1.4_vue@3.2.24
-      vooks: rg.cnpmjs.org/vooks/0.2.10_vue@3.2.24
-      vue: rg.cnpmjs.org/vue/3.2.24
-    dev: false
-
   rg.cnpmjs.org/which-boxed-primitive/1.0.2:
     resolution: {integrity: sha1-E3V7yJsgmwSf5dhkMOIc9AqJqOY=, registry: http://r.cnpmjs.org/, tarball: https://rg.cnpmjs.org/which-boxed-primitive/download/which-boxed-primitive-1.0.2.tgz}
     name: which-boxed-primitive

src/plugins/icon.ts

@@ -33,8 +33,9 @@ import {
   BarChart as BarChartIcon,
   Layers as LayersIcon,
   Prism as PrismIcon,
-  CubeOutline as CubeIcon,
-  ChevronBackOutline as ChevronBackOutlineIcon
+  Cube as CubeIcon,
+  ChevronBackOutline as ChevronBackOutlineIcon,
+  Flash as FlashIcon
 } from '@vicons/ionicons5'
 
 // ionicons5 在这里
@@ -110,7 +111,9 @@ const ionicons5 = {
   // 正方体
   CubeIcon,
   // 折叠/回退
-  ChevronBackOutlineIcon
+  ChevronBackOutlineIcon,
+  // 后端数据（闪电）
+  FlashIcon
 }
 
 // https://www.xicons.org/#/ 还有很多

src/styles/common/style.scss

@@ -27,6 +27,11 @@
   cursor: pointer;
 }
 
+// IE盒模型
+.go-boderbox {
+  box-sizing: border-box;
+}
+
 // 毛玻璃
 .go-background-filter {
   backdrop-filter: $--filter-blur-base;
@@ -49,18 +54,18 @@
 // todo 使用 scss 循环写一套完整的
 // margin
 .go-mt-0 {
-  margin-top: 0!important;
+  margin-top: 0 !important;
 }
 
 .go-mb-0 {
-  margin-bottom: 0!important;
+  margin-bottom: 0 !important;
 }
 .go-ml-0 {
-  margin-left: 0!important;
+  margin-left: 0 !important;
 }
 
 .go-mr-0 {
-  margin-right: 0!important;
+  margin-right: 0 !important;
 }
 
 .go-my-0 {
@@ -74,18 +79,18 @@
 }
 
 .go-pt-0 {
-  padding-top: 0!important;
+  padding-top: 0 !important;
 }
 
 .go-pb-0 {
-  padding-bottom: 0!important;
+  padding-bottom: 0 !important;
 }
 .go-pl-0 {
-  padding-left: 0!important;
+  padding-left: 0 !important;
 }
 
 .go-pr-0 {
-  padding-right: 0!important;
+  padding-right: 0 !important;
 }
 
 .go-py-0 {

src/views/chart/components/ContentDetails/index.vue

@@ -1,13 +1,49 @@
 <template>
-   
+  <ContentBox class="go-content-layers go-boderbox" :showTop="false">
+    <n-tabs size="small" type="segment">
+      <n-tab-pane name="chap1" display-directive="show:lazy">
+        <template #tab>
+          <n-space>
+            <span>配置项</span>
+            <n-icon size="16" class="icon-position">
+              <CubeIcon />
+            </n-icon>
+          </n-space>
+        </template>
+        1
+      </n-tab-pane>
+      <n-tab-pane name="chap2" display-directive="show:lazy">
+         <template #tab>
+          <n-space>
+            <span>后端数据</span>
+            <n-icon size="16" class="icon-position">
+              <FlashIcon />
+            </n-icon>
+          </n-space>
+        </template>
+        2
+      </n-tab-pane>
+    </n-tabs>
+  </ContentBox>
 </template>
 
 <script setup lang="ts">
 import { reactive } from 'vue'
 import { renderIcon } from '@/utils'
 import { icon } from '@/plugins'
-const {   } = icon.ionicons5
- 
+import { ContentBox } from '../ContentBox/index'
+
+const { CubeIcon, FlashIcon } = icon.ionicons5
 </script>
-<style lang="scss" scoped> 
+
+<style lang="scss" scoped>
+$wight: 400px;
+@include go(content-layers) {
+  width: $wight;
+  padding: 10px;
+  .icon-position {
+    padding-top: 2px;
+    color: #70c0e8;
+  }
+}
 </style>

src/views/chart/index.vue

@@ -13,12 +13,10 @@
         </template>
       </HeaderPro>
       <n-layout-content content-style="overflow:hidden; display: flex">
-        <!-- <n-space :size="2">
-          
-        </n-space> -->
         <ContentLayers />
         <ContentCharts />
         <ContentDraw />
+        <ContentDetails />
       </n-layout-content>
     </n-layout>
   </div>
@@ -32,6 +30,7 @@ import { HeaderTitle } from './components/HeaderTitle/index'
 import { ContentLayers } from './components/ContentLayers/index'
 import { ContentCharts } from './components/ContentCharts/index'
 import { ContentDraw } from './components/ContentDraw/index'
+import { ContentDetails } from './components/ContentDetails/index'
 </script>
 
 <style lang="scss" scoped>