modify: h5 插件系统更新

2025-09-13 12:13:52 +08:00
parent 3631b383d6
commit f94c4b57e4
43 changed files with 16649 additions and 1151 deletions
@@ -10,6 +10,8 @@
  "dependencies": {
    "core-js": "^3.8.3",
    "qwebchannel": "^6.2.0",
+    "sass": "^1.92.1",
+    "sass-loader": "^16.0.5",
    "vue": "^3.2.13"
  },
  "devDependencies": {
@@ -0,0 +1,7 @@
+{
+    "pluginName": "WebView Entrance",
+    "pluginId": "com.webview.entrance",
+    "pluginDescription": "This plugin is used to show the entrance of the webview.",
+    "pluginVersion": "1.0.0",
+    "pluginAuthor": "chakcy"
+}
@@ -1,58 +0,0 @@
-<template>
-  <div class="hello">
-    <h1>{{ msg }}</h1>
-    <p>
-      For a guide and recipes on how to configure / customize this project,<br>
-      check out the
-      <a href="https://cli.vuejs.org" target="_blank" rel="noopener">vue-cli documentation</a>.
-    </p>
-    <h3>Installed CLI Plugins</h3>
-    <ul>
-      <li><a href="https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-babel" target="_blank" rel="noopener">babel</a></li>
-      <li><a href="https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-eslint" target="_blank" rel="noopener">eslint</a></li>
-    </ul>
-    <h3>Essential Links</h3>
-    <ul>
-      <li><a href="https://vuejs.org" target="_blank" rel="noopener">Core Docs</a></li>
-      <li><a href="https://forum.vuejs.org" target="_blank" rel="noopener">Forum</a></li>
-      <li><a href="https://chat.vuejs.org" target="_blank" rel="noopener">Community Chat</a></li>
-      <li><a href="https://twitter.com/vuejs" target="_blank" rel="noopener">Twitter</a></li>
-      <li><a href="https://news.vuejs.org" target="_blank" rel="noopener">News</a></li>
-    </ul>
-    <h3>Ecosystem</h3>
-    <ul>
-      <li><a href="https://router.vuejs.org" target="_blank" rel="noopener">vue-router</a></li>
-      <li><a href="https://vuex.vuejs.org" target="_blank" rel="noopener">vuex</a></li>
-      <li><a href="https://github.com/vuejs/vue-devtools#vue-devtools" target="_blank" rel="noopener">vue-devtools</a></li>
-      <li><a href="https://vue-loader.vuejs.org" target="_blank" rel="noopener">vue-loader</a></li>
-      <li><a href="https://github.com/vuejs/awesome-vue" target="_blank" rel="noopener">awesome-vue</a></li>
-    </ul>
-  </div>
-</template>
-
-<script>
-export default {
-  name: 'HelloWorld',
-  props: {
-    msg: String
-  }
-}
-</script>
-
-<!-- Add "scoped" attribute to limit CSS to this component only -->
-<style scoped>
-h3 {
-  margin: 40px 0 0;
-}
-ul {
-  list-style-type: none;
-  padding: 0;
-}
-li {
-  display: inline-block;
-  margin: 0 10px;
-}
-a {
-  color: #42b983;
-}
-</style>
@@ -0,0 +1,23 @@
+.DS_Store
+node_modules
+/dist
+
+
+# local env files
+.env.local
+.env.*.local
+
+# Log files
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+
+# Editor directories and files
+.idea
+.vscode
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
@@ -0,0 +1,24 @@
+# new_plugin
+
+## Project setup
+```
+npm install
+```
+
+### Compiles and hot-reloads for development
+```
+npm run serve
+```
+
+### Compiles and minifies for production
+```
+npm run build
+```
+
+### Lints and fixes files
+```
+npm run lint
+```
+
+### Customize configuration
+See [Configuration Reference](https://cli.vuejs.org/config/).
@@ -0,0 +1,5 @@
+module.exports = {
+  presets: [
+    '@vue/cli-plugin-babel/preset'
+  ]
+}
@@ -0,0 +1,19 @@
+{
+  "compilerOptions": {
+    "target": "es5",
+    "module": "esnext",
+    "baseUrl": "./",
+    "moduleResolution": "node",
+    "paths": {
+      "@/*": [
+        "src/*"
+      ]
+    },
+    "lib": [
+      "esnext",
+      "dom",
+      "dom.iterable",
+      "scripthost"
+    ]
+  }
+}
@@ -0,0 +1,46 @@
+{
+  "name": "new_plugin",
+  "version": "0.1.0",
+  "private": true,
+  "scripts": {
+    "serve": "node scripts/copy-plugin-config.js && vue-cli-service serve",
+    "build": "node scripts/copy-plugin-config.js && vue-cli-service build",
+    "lint": "node scripts/copy-plugin-config.js && vue-cli-service lint"
+  },
+  "dependencies": {
+    "core-js": "^3.8.3",
+    "pinia": "^3.0.3",
+    "pinia-plugin-persistedstate": "^4.5.0",
+    "qwebchannel": "^6.2.0",
+    "vue": "^3.2.13"
+  },
+  "devDependencies": {
+    "@babel/core": "^7.12.16",
+    "@babel/eslint-parser": "^7.12.16",
+    "@vue/cli-plugin-babel": "~5.0.0",
+    "@vue/cli-plugin-eslint": "~5.0.0",
+    "@vue/cli-service": "~5.0.0",
+    "eslint": "^7.32.0",
+    "eslint-plugin-vue": "^8.0.3"
+  },
+  "eslintConfig": {
+    "root": true,
+    "env": {
+      "node": true
+    },
+    "extends": [
+      "plugin:vue/vue3-essential",
+      "eslint:recommended"
+    ],
+    "parserOptions": {
+      "parser": "@babel/eslint-parser"
+    },
+    "rules": {}
+  },
+  "browserslist": [
+    "> 1%",
+    "last 2 versions",
+    "not dead",
+    "not ie 11"
+  ]
+}
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html lang="">
+  <head>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width,initial-scale=1.0">
+    <link rel="icon" href="<%= BASE_URL %>favicon.ico">
+    <title><%= htmlWebpackPlugin.options.title %></title>
+  </head>
+  <body>
+    <noscript>
+      <strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
+    </noscript>
+    <div id="app"></div>
+    <!-- built files will be auto injected -->
+  </body>
+</html>
@@ -0,0 +1,7 @@
+{
+    "pluginName": "new plugin",
+    "pluginId": "com.example.newplugin",
+    "pluginDescription": "This is a new plugin",
+    "pluginVersion": "1.0.0",
+    "pluginAuthor": "chakcy"
+}
@@ -0,0 +1,22 @@
+const fs = require('fs');
+const path = require('path');
+
+// 定义源文件和目标文件路径
+const srcConfigPath = path.resolve(__dirname, '../src/config/plugin.config.json');
+const publicDirPath = path.resolve(__dirname, '../public');
+const publicConfigPath = path.resolve(publicDirPath, 'plugin.config.json');
+
+// 检查源文件是否存在
+if (fs.existsSync(srcConfigPath)) {
+    // 确保public目录存在
+    if (!fs.existsSync(publicDirPath)) {
+        fs.mkdirSync(publicDirPath, { recursive: true });
+    }
+
+    // 复制文件到public目录
+    fs.copyFileSync(srcConfigPath, publicConfigPath);
+    console.log('Successfully copied plugin.config.json to public directory');
+} else {
+    console.error('Source plugin.config.json not found at:', srcConfigPath);
+    process.exit(1);
+}
@@ -0,0 +1,26 @@
+<template>
+  <img alt="Vue logo" src="./assets/logo.png">
+  <HelloWorld msg="Welcome to Your Vue.js App"/>
+</template>
+
+<script>
+import HelloWorld from './components/HelloWorld.vue'
+
+export default {
+  name: 'App',
+  components: {
+    HelloWorld
+  }
+}
+</script>
+
+<style>
+#app {
+  font-family: Avenir, Helvetica, Arial, sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  text-align: center;
+  color: #2c3e50;
+  margin-top: 60px;
+}
+</style>
@@ -0,0 +1,57 @@
+<template>
+  <div>
+    <h2>任务状态</h2>
+    {{  queueStore.queueData }}
+    <div v-if="queueStore.queueData.taskStatus">
+      <p>当前状态: {{ queueStore.queueData.taskStatus }}</p>
+      <p>处理结果: {{ queueStore.queueData.taskResult }}</p>
+    </div>
+    <button @click="sendTask">发送任务</button>
+  </div>
+</template>
+
+<script setup>
+import { useQueueStore } from '@/stores/queue'
+import { onMounted } from 'vue'
+import { QWebChannel } from 'qwebchannel';
+
+const queueStore = useQueueStore()
+
+let queueSqlite = null;
+
+// 定义全局函数用于更新状态
+window.updateQueueState = (key, value) => {
+  try {
+    console.log('更新状态:', key, value);
+    queueStore.updateQueueData(key, value);
+  } catch (e) {
+    console.error('更新状态时出错:', e);
+  }
+};
+
+onMounted(() => {
+  if (window.qt && window.qt.webChannelTransport) {
+    new QWebChannel(window.qt.webChannelTransport, function (channel) {
+      queueSqlite = channel.objects.queueSqlite;
+      console.log("queueSqlite", queueSqlite)
+    });
+  }
+});
+
+// 这个函数会通过 QWebChannel 调用 Python 端代码
+const sendTask = () => {  
+  // 调用 Python 端的 send_message 方法
+ if (queueSqlite && queueSqlite.send_message) {
+  // 发从 message 以及 pinia store 名称
+  queueSqlite.send_message(
+    JSON.stringify({
+      "content": {"num": 1}, 
+      "destination": "test"
+    }), 
+    "taskStatus"
+  )
+ }
+}
+
+// 当 Python 端执行回调并更新状态时，页面会自动显示最新状态
+</script>
@@ -0,0 +1,7 @@
+{
+    "pluginName": "new plugin",
+    "pluginId": "com.example.newplugin",
+    "pluginDescription": "This is a new plugin",
+    "pluginVersion": "1.0.0",
+    "pluginAuthor": "chakcy"
+}
@@ -0,0 +1,16 @@
+import { createApp } from 'vue'
+import { createPinia } from 'pinia'
+import piniaPluginPersistedstate from 'pinia-plugin-persistedstate'
+import App from './App.vue'
+import { useQueueStore } from './stores/queue'
+
+const app = createApp(App)
+const pinia = createPinia()
+pinia.use(piniaPluginPersistedstate)
+
+app.use(pinia)
+app.mount('#app')
+
+window.queueStore = useQueueStore()
+window.pluginConfig = await fetch('./plugin.config.json').then(res => res.json())
+console.log('Loaded plugin config:', window.pluginConfig)
@@ -0,0 +1,6 @@
+// src/stores/index.js 或 main.js 中
+import { createPinia } from 'pinia'
+
+const pinia = createPinia()
+
+export default pinia
@@ -0,0 +1,18 @@
+import { defineStore } from 'pinia'
+
+export const useQueueStore = defineStore('queueSqlite', {
+    state: () => ({
+        // 存储队列相关状态
+        queueData: {},
+        // 其他状态...
+    }),
+    persist: true, // 开启持久化
+
+    actions: {
+        updateQueueData(key, value) {
+            this.queueData[key] = value
+        },
+
+        // 其他相关操作...
+    }
+})
@@ -0,0 +1,5 @@
+const { defineConfig } = require('@vue/cli-service')
+module.exports = defineConfig({
+  transpileDependencies: true,
+  publicPath: './'
+})