From 8fbfc43b18154d93278599520b3eb2a7f0abc2c1 Mon Sep 17 00:00:00 2001 From: xu_yanfeng Date: Mon, 3 Feb 2025 11:33:15 +0800 Subject: [PATCH] =?UTF-8?q?=E4=B8=BB=E9=A1=B5?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- cc-inspector/package.json | 2 + cc-inspector/src/panel/index.ts | 33 ++- cc-inspector/src/panel/index.vue | 147 ++++++++++- cc-inspector/yarn.lock | 426 ++++++++++++++++++++++++++++++- 4 files changed, 589 insertions(+), 19 deletions(-) diff --git a/cc-inspector/package.json b/cc-inspector/package.json index a0497b0..c5aaf9d 100644 --- a/cc-inspector/package.json +++ b/cc-inspector/package.json @@ -25,6 +25,8 @@ }, "version": "1.0.0", "dependencies": { + "@tsparticles/slim": "^3.8.1", + "@tsparticles/vue3": "^3.0.1", "lodash": "^4.17.21", "tiny-emitter": "2.1.0", "uuid": "^8.3.2" diff --git a/cc-inspector/src/panel/index.ts b/cc-inspector/src/panel/index.ts index ab7ced3..acb56b2 100644 --- a/cc-inspector/src/panel/index.ts +++ b/cc-inspector/src/panel/index.ts @@ -1,15 +1,22 @@ -import ccui from '@xuyanfeng/cc-ui'; -import '@xuyanfeng/cc-ui/dist/ccui.css'; -import '@xuyanfeng/cc-ui/iconfont/iconfont.css'; -import CCP from 'cc-plugin/src/ccp/entry-render'; -import { createApp } from 'vue'; -import pluginConfig from '../../cc-plugin.config'; -import App from './index.vue'; - +import { loadSlim } from "@tsparticles/slim"; +import Particles from "@tsparticles/vue3"; +import ccui from "@xuyanfeng/cc-ui"; +import "@xuyanfeng/cc-ui/dist/ccui.css"; +import "@xuyanfeng/cc-ui/iconfont/iconfont.css"; +import CCP from "cc-plugin/src/ccp/entry-render"; +import { createApp } from "vue"; +import pluginConfig from "../../cc-plugin.config"; +import App from "./index.vue"; export default CCP.init(pluginConfig, { ready: function (rootElement: any, args: any) { - const app = createApp(App) - app.use(ccui) - app.mount(rootElement) - } -}) + const app = createApp(App); + app.use(ccui); + //@ts-ignore + app.use(Particles, { + init: async (engine) => { + await loadSlim(engine); + }, + }); + app.mount(rootElement); + }, +}); diff --git a/cc-inspector/src/panel/index.vue b/cc-inspector/src/panel/index.vue index 15c98c7..d2fdef2 100644 --- a/cc-inspector/src/panel/index.vue +++ b/cc-inspector/src/panel/index.vue @@ -1,12 +1,25 @@