✨ feat: 动态注册命令

Author: caolib

public/plugin.json

@@ -11,19 +11,8 @@
       "code": "commit",
       "explain": "生成提交信息",
       "cmds": [
-        "feat",
         "commit",
-        "提交信息",
-        "fix",
-        "docs",
-        "init",
-        "style",
-        "refactor",
-        "perf",
-        "test",
-        "build",
-        "chore",
-        "revert"
+        "提交信息"
       ]
     }
   ]

src/App.vue

@@ -1,14 +1,16 @@
 <script setup>
-import { onMounted, ref, h } from 'vue';
+import { onMounted, ref, h, watch } from 'vue';
 import { ConfigProvider, Layout, Menu } from 'ant-design-vue';
 import { FileTextOutlined, SettingOutlined } from '@ant-design/icons-vue';
 import HomeView from './components/HomeView.vue';
 import ConfigView from './components/ConfigView.vue';
+import { useCommitTypesStore } from './stores/commitTypes';
 
 const { Sider, Content } = Layout;
 
 const currentView = ref(['home']);
 const enterAction = ref({});
+const commitTypesStore = useCommitTypesStore();
 
 const menuItems = [
   {
@@ -23,9 +25,65 @@ const menuItems = [
   },
 ];
 
+// 当前已注册的动态功能 codes
+const registeredFeatureCodes = ref(new Set());
+let registerTimer = null;
+
+// 动态注册 uTools 命令 - 为每个提交类型创建独立功能
+const registerCommands = () => {
+  // 清除之前的定时器，防止短时间内多次调用
+  if (registerTimer) {
+    clearTimeout(registerTimer);
+  }
+
+  registerTimer = setTimeout(() => {
+    const currentTypes = new Set(commitTypesStore.allCommitTypes.map(type => type.value));
+
+    // 添加新类型的功能
+    commitTypesStore.allCommitTypes.forEach(type => {
+      const featureCode = `commit-${type.value}`;
+
+      // 如果还未注册，则注册
+      if (!registeredFeatureCodes.value.has(featureCode)) {
+        window.utools.setFeature({
+          code: featureCode,
+          explain: `生成 ${type.label || type.value} 类型的提交信息`,
+          cmds: [type.value]
+        });
+        registeredFeatureCodes.value.add(featureCode);
+      }
+    });
+
+    // 删除已移除类型的功能
+    registeredFeatureCodes.value.forEach(featureCode => {
+      const typeValue = featureCode.replace('commit-', '');
+      if (!currentTypes.has(typeValue)) {
+        window.utools.removeFeature(featureCode);
+        registeredFeatureCodes.value.delete(featureCode);
+      }
+    });
+
+    registerTimer = null;
+  }, 100); // 100ms 防抖
+};
+
 onMounted(() => {
+  // 清理可能存在的旧动态功能
+  try {
+    const existingFeatures = window.utools.getFeatures();
+    existingFeatures.forEach(feature => {
+      if (feature.code.startsWith('commit-')) {
+        window.utools.removeFeature(feature.code);
+      }
+    });
+  } catch (e) {
+    // ignore
+  }
+
+  // 初始化时注册命令
+  registerCommands();
+
   window.utools.onPluginEnter((action) => {
-    console.log("Plugin entered", action);
     enterAction.value = action;
   });
 
@@ -34,6 +92,22 @@ onMounted(() => {
   });
 });
 
+// 监听提交类型数组的变化
+watch(
+  () => commitTypesStore.commitTypes.length,
+  () => {
+    registerCommands();
+  }
+);
+
+// 同时监听类型值的变化
+watch(
+  () => commitTypesStore.commitTypes.map(t => t.value).join(','),
+  () => {
+    registerCommands();
+  }
+);
+
 const handleMenuClick = ({ key }) => {
   currentView.value = [key];
 };

src/components/ConfigView.vue

@@ -309,7 +309,7 @@ const resetTypesToDefault = () => {
         <div class="config-row">
             <a-button type="primary" @click="saveData">保存</a-button>
             <a-popconfirm title="确定吗？" ok-text="Yes" cancel-text="我再想想" @confirm="resetConfig">
-                <a-button type="dashed" danger>重置</a-button>
+                <a-button danger>重置</a-button>
             </a-popconfirm>
         </div>
     </div>

src/components/HomeView.vue

@@ -27,8 +27,44 @@ const selectedIcon = computed(() => {
   return type?.icon || '';
 });
 
+// 从 enterAction 中提取并设置类型
+const selectTypeFromAction = (action) => {
+  if (!action || !action.code) {
+    selectedType.value = 'feat';
+    return;
+  }
+
+  // 动态功能的 code 格式为 "commit-{type}"
+  if (action.code.startsWith('commit-')) {
+    const typeValue = action.code.replace('commit-', '');
+    if (commitTypesStore.hasCommitType(typeValue)) {
+      selectedType.value = typeValue;
+      return;
+    }
+  }
+  // 静态 commit 功能，使用 payload
+  else if (action.code === 'commit' && action.payload) {
+    if (commitTypesStore.hasCommitType(action.payload)) {
+      selectedType.value = action.payload;
+      return;
+    }
+  }
+
+  // 默认值
+  selectedType.value = 'feat';
+};
+
+// 监听 enterAction 的变化
+watch(
+  () => props.enterAction,
+  (newAction) => {
+    selectTypeFromAction(newAction);
+  },
+  { immediate: true, deep: true }
+);
+
 onMounted(() => {
-  selectedType.value = props.enterAction?.payload || 'feat';
+  selectTypeFromAction(props.enterAction);
 });
 
 const autoClassifyCommitType = (description) => {

src/main.css

@@ -1,8 +1,3 @@
-@font-face {
-  font-family: '喵字果汁体';
-  src: url(https://cdn.jsdelivr.net/gh/caolib/cdn@main/fonts/MiaoZi-GuoZhiTi.ttf);
-}
-
 :root {
   --blue: rgb(88, 164, 246);
   --light: #fff;
@@ -16,7 +11,7 @@ body {
 }
 
 * {
-  font-family: 'Cascadia Code', Segoe Fluent Icons, '喵字果汁体', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
+  font-family: 'Cascadia Code', Segoe Fluent Icons, '喵字果汁体', 黑体, 微软雅黑, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;
 }
 
 button {