init

cc-inspector/src/i18n/en.ts

@@ -0,0 +1 @@
+export const title = 'my first plugin'

cc-inspector/src/i18n/zh.ts

@@ -0,0 +1 @@
+export const title = '我的第一个插件'

cc-inspector/src/main.ts

@@ -0,0 +1,19 @@
+import pluginConfig from '../cc-plugin.config';
+import CCP from 'cc-plugin/src/ccp/entry-main';
+import { BuilderOptions } from 'cc-plugin/src/declare'
+
+CCP.init(pluginConfig, {
+    load: () => {
+        console.log('plugin load')
+    },
+    builder: {
+        onAfterBuild(target: BuilderOptions) {
+
+        }
+    },
+    messages: {
+        showPanel() {
+            CCP.Adaptation.Panel.open('self.main')
+        }
+    }
+})

cc-inspector/src/panel/index.ts

@@ -0,0 +1,15 @@
+import { createApp } from 'vue'
+import App from './index.vue'
+import CCP from 'cc-plugin/src/ccp/entry-render';
+import pluginConfig from '../../cc-plugin.config'
+import ccui from '@xuyanfeng/cc-ui';
+import '@xuyanfeng/cc-ui/dist/ccui.css';
+import '@xuyanfeng/cc-ui/iconfont/iconfont.css';
+
+export default CCP.init(pluginConfig, {
+    ready: function (rootElement: any, args: any) {
+        const app = createApp(App)
+        app.use(ccui)
+        app.mount(rootElement)
+    }
+})

cc-inspector/src/panel/index.vue

@@ -0,0 +1,38 @@
+<template>
+  <div class="panel">
+    Hi, {{ msg }}
+    <CCButton @click="onClickBtn">btn click-{{ count }}</CCButton>
+  </div>
+</template>
+<script lang="ts">
+import { defineComponent, onMounted, ref, provide, nextTick } from 'vue';
+import PluginConfig from '../../cc-plugin.config';
+import ccui from '@xuyanfeng/cc-ui';
+const { CCInput, CCButton } = ccui.components;
+export default defineComponent({
+  name: 'index',
+  components: { CCButton },
+  setup(props, { emit }) {
+    onMounted(() => {
+      console.log('hi ~~~');
+    });
+    const msg = ref(PluginConfig.manifest.name);
+    const count = ref(0);
+    return {
+      msg,
+      count,
+      onClickBtn() {
+        count.value++;
+        console.log('click btn');
+      },
+    };
+  },
+});
+</script>
+
+<style scoped lang="less">
+.panel {
+  display: flex;
+  flex-direction: column;
+}
+</style>