[add] first

extensions/pipeline/dist/main.js

@@ -0,0 +1,29 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.unload = exports.load = exports.methods = void 0;
+//@ts-ignore
+const package_json_1 = __importDefault(require("../package.json"));
+/**
+ * @en
+ * @zh 为扩展的主进程的注册方法
+ */
+exports.methods = {
+    openPanel() {
+        Editor.Panel.open(package_json_1.default.name);
+    },
+};
+/**
+ * @en Hooks triggered after extension loading is complete
+ * @zh 扩展加载完成后触发的钩子
+ */
+function load() { }
+exports.load = load;
+/**
+ * @en Hooks triggered after extension uninstallation is complete
+ * @zh 扩展卸载完成后触发的钩子
+ */
+function unload() { }
+exports.unload = unload;

extensions/pipeline/dist/panels/default/index.js

@@ -0,0 +1,64 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const fs_extra_1 = require("fs-extra");
+const path_1 = require("path");
+const vue_1 = require("vue");
+const weakMap = new WeakMap();
+/**
+ * @zh 如果希望兼容 3.3 之前的版本可以使用下方的代码
+ * @en You can add the code below if you want compatibility with versions prior to 3.3
+ */
+// Editor.Panel.define = Editor.Panel.define || function(options: any) { return options }
+module.exports = Editor.Panel.define({
+    listeners: {
+        show() { console.log('show'); },
+        hide() { console.log('hide'); },
+    },
+    template: (0, fs_extra_1.readFileSync)((0, path_1.join)(__dirname, '../../../static/template/default/index.html'), 'utf-8'),
+    style: (0, fs_extra_1.readFileSync)((0, path_1.join)(__dirname, '../../../static/style/default/index.css'), 'utf-8'),
+    $: {
+        app: '#app',
+        text: '#text',
+    },
+    methods: {
+        hello() {
+            if (this.$.text) {
+                this.$.text.innerHTML = 'hello';
+                console.log('[cocos-panel-html.default]: hello');
+            }
+        },
+    },
+    ready() {
+        if (this.$.text) {
+            this.$.text.innerHTML = 'Hello Cocos.';
+        }
+        if (this.$.app) {
+            const app = (0, vue_1.createApp)({});
+            app.config.compilerOptions.isCustomElement = (tag) => tag.startsWith('ui-');
+            app.component('my-counter', {
+                template: (0, fs_extra_1.readFileSync)((0, path_1.join)(__dirname, '../../../static/template/vue/counter.html'), 'utf-8'),
+                data() {
+                    return {
+                        counter: 0,
+                    };
+                }, methods: {
+                    addition() {
+                        this.counter += 1;
+                    },
+                    subtraction() {
+                        this.counter -= 1;
+                    },
+                },
+            });
+            app.mount(this.$.app);
+            weakMap.set(this, app);
+        }
+    },
+    beforeClose() { },
+    close() {
+        const app = weakMap.get(this);
+        if (app) {
+            app.unmount();
+        }
+    },
+});