create-halo-plugin-template 1.0.6 → 1.0.7

package/build.gradle

@@ -7,7 +7,7 @@ plugins {
 group 'run.halo.plugintemplate'
 
 ext {
-    haloPlatformVersion = '2.23.0'
+    haloPlatformVersion = '2.24.0'
     javaReleaseVersion = 21
 }
 
@@ -71,7 +71,7 @@ if (file('scripts/verify-template.mjs').exists()) {
 }
 
 halo {
-    version = '2.23'
+    version = '2.24.0'
 }
 
 haloPlugin {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-halo-plugin-template",
-  "version": "1.0.6",
+  "version": "1.0.7",
   "description": "Create and initialize reusable Halo plugin starter projects.",
   "type": "module",
   "license": "GPL-3.0",

package/src/main/resources/plugin.yaml

@@ -7,7 +7,7 @@ metadata:
   name: halo-plugin-template
 spec:
   enabled: true
-  requires: ">=2.23.0"
+  requires: ">=2.24.0"
   author:
     name: Template Author
     website: https://github.com/example

package/ui/build.gradle

@@ -5,6 +5,14 @@ plugins {
 
 group 'run.halo.plugintemplate.ui'
 
+node {
+    // Use a managed Node runtime so Gradle does not depend on shell-initialized nvm PATH.
+    download = true
+    version = '22.22.0'
+    pnpmVersion = '10.33.1'
+    nodeProjectDir = layout.projectDirectory.asFile
+}
+
 tasks.register('pnpmBuild', PnpmTask) {
     group = 'build'
     description = 'Build the UI project using pnpm'

package/ui/src/assets/index.css

@@ -33,7 +33,6 @@
 }
 
 .halo-plugin-template-admin-page {
-  width: min(1240px, 100%);
   margin: 0 auto;
   padding: 24px 24px 56px;
   display: flex;

package/ui/src/components/PluginTemplateDashboardWidget.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { ElButton, ElSkeleton } from 'element-plus'
+import { ElSkeleton, ElSwitch } from 'element-plus'
 import { computed, onMounted, ref } from 'vue'
 import { templateConsoleApi } from '@/api'
 import type { PluginTemplateOverview } from '@/types'
@@ -16,47 +16,127 @@ const load = async () => {
   }
 }
 
-const stats = computed(() => overview.value?.stats?.slice(0, 2) ?? [])
+const primaryStat = computed(() => overview.value?.stats?.[0] ?? null)
+const features = computed(() => overview.value?.features?.slice(0, 4) ?? [])
 
-const openConsole = () => {
-  window.location.assign(`/console${overview.value?.consolePath || '/halo-plugin-template'}`)
-}
+const accentCycle = ['#f97316', '#22c55e']
 
 onMounted(load)
 </script>
 
 <template>
-  <div class="halo-plugin-template-admin-widget">
-    <div class="halo-plugin-template-admin-widget-header">
-      <div>
-        <h3 class="halo-plugin-template-admin-widget-title">模板工作台</h3>
-        <p class="halo-plugin-template-admin-widget-description">
-          直接复用模板默认 API、路由和扩展点，作为新插件的第一块控制台仪表盘。
-        </p>
-      </div>
-      <ElButton type="primary" plain @click="openConsole">
-        打开页面
-      </ElButton>
-    </div>
-
+  <div class="dw">
+    <!-- Metric hero -->
     <ElSkeleton :loading="loading" animated :rows="3">
       <template #default>
-        <div class="halo-plugin-template-admin-widget-stats">
+        <div v-if="primaryStat" class="dw__hero">
+          <div class="dw__hero-top">
+            <div class="dw__hero-copy">
+              <span class="dw__hero-value">{{ primaryStat.value }}</span>
+              <span class="dw__hero-label">{{ primaryStat.label }}</span>
+            </div>
+            <ElSwitch size="small" />
+          </div>
+        </div>
+
+        <!-- Feature grid -->
+        <div class="dw__grid">
           <div
-            v-for="item in stats"
+            v-for="(item, index) in features"
             :key="item.key"
-            class="halo-plugin-template-admin-widget-stat"
+            class="dw__card"
+            :style="{ '--dw-accent': accentCycle[index % accentCycle.length] }"
           >
-            <p class="halo-plugin-template-admin-stat-label">{{ item.label }}</p>
-            <p class="halo-plugin-template-admin-card-title" style="margin-top: 6px">
-              {{ item.value }}
-            </p>
-            <p class="halo-plugin-template-admin-card-description" style="margin-top: 8px">
-              {{ item.helper }}
-            </p>
+            <h4 class="dw__card-title">{{ item.title }}</h4>
+            <p class="dw__card-desc">{{ item.description }}</p>
           </div>
         </div>
       </template>
     </ElSkeleton>
   </div>
 </template>
+
+<style scoped>
+.dw {
+  background: #fff;
+  border-radius: 14px;
+  padding: 24px;
+  display: flex;
+  flex-direction: column;
+  gap: 20px;
+}
+
+/* ── Hero metric ── */
+.dw__hero {
+  background: #f5f7ff;
+  border-radius: 12px;
+  padding: 24px 28px 20px;
+}
+
+.dw__hero-top {
+  display: flex;
+  align-items: flex-start;
+  justify-content: space-between;
+}
+
+.dw__hero-copy {
+  display: flex;
+  flex-direction: column;
+  gap: 4px;
+}
+
+.dw__hero-value {
+  font-size: 42px;
+  font-weight: 800;
+  color: #111827;
+  line-height: 1;
+  letter-spacing: -0.02em;
+}
+
+.dw__hero-label {
+  font-size: 13px;
+  color: #6b7280;
+  line-height: 1.4;
+}
+
+/* ── Feature grid ── */
+.dw__grid {
+  display: grid;
+  grid-template-columns: repeat(2, 1fr);
+  gap: 12px;
+}
+
+.dw__card {
+  position: relative;
+  padding: 16px 18px 16px 22px;
+  background: #fff;
+  border-radius: 10px;
+  border: 1px solid #f0f0f0;
+}
+
+.dw__card::before {
+  content: '';
+  position: absolute;
+  left: 0;
+  top: 12px;
+  bottom: 12px;
+  width: 3px;
+  border-radius: 0 2px 2px 0;
+  background: var(--dw-accent, #f97316);
+}
+
+.dw__card-title {
+  font-size: 14px;
+  font-weight: 700;
+  color: #111827;
+  margin: 0 0 4px;
+  line-height: 1.3;
+}
+
+.dw__card-desc {
+  font-size: 12px;
+  color: #9ca3af;
+  margin: 0;
+  line-height: 1.5;
+}
+</style>

package/ui/src/index.ts

@@ -8,43 +8,47 @@ import 'element-plus/dist/index.css'
 import 'element-plus/theme-chalk/dark/css-vars.css'
 import './assets/index.css'
 import './assets/element.scss'
+import ConsoleDashboardView from "@/views/console/ConsoleDashboardView.vue";
+import UcDashboardView from "@/views/uc/UcDashboardView.vue";
 
 export default definePlugin({
   components: {},
   routes: [
     {
-      parentName: 'Root',
+      parentName: "Root",
       route: {
         path: '/halo-plugin-template',
-        name: 'PluginTemplateConsoleRoot',
-        component: () =>
-          import(/* webpackChunkName: "PluginTemplateConsoleDashboard" */ './views/console/ConsoleDashboardView.vue'),
+        name: "PluginTemplateConsoleRoot",
+        component: ConsoleDashboardView,
         meta: {
-          title: '模板工作台',
+          title: "模板工作台",
           searchable: true,
           permissions: ['plugin:halo-plugin-template:view'],
           menu: {
-            name: '模板工作台',
-            group: '插件模板',
+            name: "模板工作台",
+            group: "插件模板",
             icon: markRaw(IconPlug),
-            priority: 0,
+            priority: 40,
           },
-        },
+        }
       },
     },
   ],
   ucRoutes: [
     {
-      parentName: 'Root',
+      parentName: "Root",
       route: {
         path: '/halo-plugin-template',
-        name: 'PluginTemplateUcRoot',
-        component: () =>
-          import(/* webpackChunkName: "PluginTemplateUcDashboard" */ './views/uc/UcDashboardView.vue'),
+        name: "PluginTemplateUcRoot",
+        component: UcDashboardView,
         meta: {
-          title: '模板中心',
-          searchable: true,
           permissions: ['plugin:halo-plugin-template:uc'],
+          menu: {
+            name: "模板中心",
+            group: "插件模板",
+            icon: markRaw(IconPlug),
+            priority: 40
+          },
         },
       },
     },