feat: add SparkleIcon component and integrate hasUI property in plugin configuration

Author: Ayideyia

frontend/src/components/Icon/SparkleIcon.vue

@@ -0,0 +1,13 @@
+<template>
+  <svg viewBox="0 0 1024 1024">
+    <path
+      d="M844.757608 374.443217L894.339657 255.518157l118.925061-49.582049a15.968454 15.968454 0 0 0 0-28.583533L894.339657 127.770526 844.757608 8.845466a15.968454 15.968454 0 0 0-28.583532 0L766.592026 127.770526l-118.92506 49.582049a15.968454 15.968454 0 0 0 0 28.583533L766.592026 255.518157l49.58205 118.92506a15.968454 15.968454 0 0 0 28.583532 0z m-28.583532 273.140404L766.592026 766.508681l-118.92506 49.582049a15.968454 15.968454 0 0 0 0 28.583533L766.592026 894.256312l49.58205 118.92506a15.968454 15.968454 0 0 0 28.583532 0L894.339657 894.256312l118.925061-49.582049a15.968454 15.968454 0 0 0 0-28.583533L894.339657 766.508681l-49.582049-118.92506a15.968454 15.968454 0 0 0-28.583532 0z"
+      opacity=".4"
+      v-bind="$attrs"
+    ></path>
+    <path
+      d="M766.592026 510.294839a32.056671 32.056671 0 0 0-17.645141-28.603493l-224.696107-112.55764-112.338073-225.095318c-10.858549-21.697137-46.288556-21.697137-57.127144 0l-112.338073 225.095318L17.751382 481.691346a31.936908 31.936908 0 0 0 0 57.226946l224.696106 112.557639 112.338073 225.095319a31.936908 31.936908 0 0 0 57.127144 0l112.338073-225.095319L748.946885 538.958213a32.076632 32.076632 0 0 0 17.645141-28.663374z"
+      v-bind="$attrs"
+    ></path>
+  </svg>
+</template>

frontend/src/components/Icon/icons.ts

@@ -54,6 +54,7 @@ const icons = [
   'grant',
   'preview',
   'rollback',
+  'sparkle',
 ] as const
 
 export default icons

frontend/src/lang/locale/en.ts

@@ -516,6 +516,7 @@ export default {
     path: 'Save Path',
     type: 'Type',
     menus: 'Menus',
+    hasUI: 'Has user interface',
     context: 'Context',
     configuration: ' Configuration',
     menuKey: 'Menu Title',

frontend/src/lang/locale/fa.ts

@@ -516,6 +516,7 @@ export default {
     path: 'مسیر ذخیره',
     type: 'نوع',
     menus: 'منوها',
+    hasUI: 'دارای رابط کاربری است',
     context: 'متن',
     configuration: 'پیکربندی',
     menuKey: 'عنوان منو',

frontend/src/lang/locale/ru.ts

@@ -516,6 +516,7 @@ export default {
     path: 'Путь сохранения',
     type: 'Тип',
     menus: 'Меню',
+    hasUI: 'Есть пользовательский интерфейс',
     context: 'Контекст',
     configuration: 'Конфигурация',
     menuKey: 'Название меню',

frontend/src/lang/locale/zh.ts

@@ -515,6 +515,7 @@ export default {
     path: '保存路径',
     type: '类型',
     menus: '菜单',
+    hasUI: '是否具有用户界面',
     context: '上下文',
     configuration: '配置',
     menuKey: '菜单名称',

frontend/src/stores/plugins.ts

@@ -83,7 +83,7 @@ export const usePluginsStore = defineStore('plugins', () => {
     list && (pluginHub.value = JSON.parse(list))
 
     for (let i = 0; i < plugins.value.length; i++) {
-      const { id, triggers, path, context } = plugins.value[i]
+      const { id, triggers, path, context, hasUI } = plugins.value[i]
       const code = await ignoredError(Readfile, path)
       if (code) {
         PluginsCache[id] = { plugin: plugins.value[i], code }
@@ -101,6 +101,10 @@ export const usePluginsStore = defineStore('plugins', () => {
           scheduledtasks: {},
         }
       }
+
+      if (hasUI === undefined) {
+        plugins.value[i].hasUI = false
+      }
     }
   }
 

frontend/src/types/app.d.ts

@@ -111,6 +111,7 @@ export interface Plugin {
   url: string
   path: string
   triggers: PluginTrigger[]
+  hasUI: boolean
   menus: Record<string, string>
   context: {
     profiles: Recordable

frontend/src/views/PluginsView/components/PluginForm.vue

@@ -33,6 +33,7 @@ const plugin = ref<Plugin>({
   status: 0,
   path: `data/plugins/plugin-${pluginID}.js`,
   triggers: [PluginTrigger.OnManual],
+  hasUI: false,
   menus: {},
   context: {
     profiles: {},
@@ -202,6 +203,10 @@ if (props.isUpdate) {
       </Button>
     </Divider>
     <div v-show="showMore">
+      <div class="form-item">
+        <div class="name">{{ t('plugin.hasUI') }}</div>
+        <Switch v-model="plugin.hasUI" />
+      </div>
       <div class="form-item" :class="{ 'flex-start': Object.keys(plugin.menus).length !== 0 }">
         <div class="name">{{ t('plugin.menus') }}</div>
         <KeyValueEditor

frontend/src/views/PluginsView/index.vue

@@ -410,6 +410,7 @@ const onSortUpdate = debounce(pluginsStore.savePlugins, 1000)
             v-if="!p.disabled && (!p.install || p.installed)"
             @click="handleOnRun(p)"
             :loading="p.running"
+            :icon="p.hasUI ? 'sparkle' : undefined"
             type="primary"
             size="small"
             auto-size