@agile-team/wl-skills-kit 2.3.0 → 2.3.2

package/files/src/components/global/C_Tree/data.ts

@@ -0,0 +1,61 @@
+import { ref, watch } from "vue";
+import { Search } from "@element-plus/icons-vue";
+
+// ===== 类型定义 =====
+export interface Props {
+  tabs?: Array<{ label: string; name: string }>;
+  treeData: any[];
+  treeProps?: Record<string, string>;
+  defaultActiveTab?: string;
+  showSearch?: boolean;
+  searchPlaceholder?: string;
+  defaultExpandAll?: boolean;
+  highlightCurrent?: boolean;
+}
+
+// ===== 组件逻辑 =====
+export function createTree(
+  props: Props,
+  emit: (e: "node-click" | "tab-change", ...args: any[]) => void,
+) {
+  const activeTab = ref(props.defaultActiveTab ?? "tab1");
+  const searchKeyword = ref("");
+  const treeRef = ref<any>(null);
+
+  const filterNode = (value: string, data: any) => {
+    if (!value) return true;
+    const label = data[props.treeProps?.label || "label"];
+    return label && label.includes(value);
+  };
+
+  const handleNodeClick = (data: any) => {
+    emit("node-click", data);
+  };
+
+  watch(searchKeyword, (val) => {
+    treeRef.value?.filter(val);
+  });
+
+  watch(activeTab, (val) => {
+    emit("tab-change", val);
+  });
+
+  const clearSearch = () => {
+    searchKeyword.value = "";
+  };
+
+  const switchTab = (tabName: string) => {
+    activeTab.value = tabName;
+  };
+
+  return {
+    Search,
+    activeTab,
+    searchKeyword,
+    treeRef,
+    filterNode,
+    handleNodeClick,
+    clearSearch,
+    switchTab,
+  };
+}

package/files/src/components/global/C_Tree/index.vue

@@ -45,20 +45,7 @@
 </template>
 
 <script setup lang="ts">
-import { ref, watch } from "vue";
-import { Search } from "@element-plus/icons-vue";
-
-// Props 定义
-interface Props {
-  tabs?: Array<{ label: string; name: string }>;
-  treeData: any[];
-  treeProps?: Record<string, string>;
-  defaultActiveTab?: string;
-  showSearch?: boolean;
-  searchPlaceholder?: string;
-  defaultExpandAll?: boolean;
-  highlightCurrent?: boolean;
-}
+import { createTree, type Props } from "./data";
 
 const props = withDefaults(defineProps<Props>(), {
   treeProps: () => ({ children: "children", label: "label" }),
@@ -69,51 +56,23 @@ const props = withDefaults(defineProps<Props>(), {
   highlightCurrent: true
 });
 
-// Emits 定义
 const emit = defineEmits<{
   (e: "node-click", data: any): void;
   (e: "tab-change", tabName: string): void;
 }>();
 
-// 状态
-const activeTab = ref(props.defaultActiveTab);
-const searchKeyword = ref("");
-const treeRef = ref<any>(null);
-
-// 过滤节点
-const filterNode = (value: string, data: any) => {
-  if (!value) return true;
-  const label = data[props.treeProps.label || "label"];
-  return label && label.includes(value);
-};
-
-// 节点点击
-const handleNodeClick = (data: any) => {
-  emit("node-click", data);
-};
-
-// 监听搜索关键词
-watch(searchKeyword, (val) => {
-  treeRef.value?.filter(val);
-});
-
-// 监听tab切换
-watch(activeTab, (val) => {
-  emit("tab-change", val);
-});
-
-// 暴露方法
-defineExpose({
-  treeRef,
-  searchKeyword,
+const {
+  Search,
   activeTab,
-  clearSearch: () => {
-    searchKeyword.value = "";
-  },
-  switchTab: (tabName: string) => {
-    activeTab.value = tabName;
-  }
-});
+  searchKeyword,
+  treeRef,
+  filterNode,
+  handleNodeClick,
+  clearSearch,
+  switchTab
+} = createTree(props, emit);
+
+defineExpose({ treeRef, searchKeyword, activeTab, clearSearch, switchTab });
 </script>
 
 <style scoped lang="scss" src="./index.scss"></style>

package/files/src/components/local/c_listModal/index.scss

@@ -0,0 +1,4 @@
+.dialog-footer {
+  display: flex;
+  justify-content: flex-end;
+}

package/files/src/components/local/c_listModal/index.vue

@@ -133,4 +133,4 @@ defineExpose({
 });
 </script>
 
-<style scoped lang="scss"></style>
+<style scoped lang="scss" src="./index.scss"></style>

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@agile-team/wl-skills-kit",
-  "version": "2.3.0",
-  "description": "AI Skill 模板包 v2.3.0 — 13 条编码规范 + 8 个 AI Skill，一条命令导入 Vue 3 项目",
+  "version": "2.3.2",
+  "description": "AI Skill 模板包 — 一键导入 AI 指令 + 组件文档 + 通用组件 + 领域样例，覆盖 Copilot/Cursor/Windsurf/Kiro 等主流 AI 编辑器",
   "main": "./bin/wl-skills.js",
   "bin": {
     "wl-skills": "bin/wl-skills.js"
@@ -27,7 +27,6 @@
   ],
   "author": "JHLC Frontend Team",
   "license": "UNLICENSED",
-  "homepage": "https://github.com/ChenyCHENYU/wl-skills-kit#readme",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/ChenyCHENYU/wl-skills-kit.git"
@@ -35,10 +34,7 @@
   "engines": {
     "node": ">=16.0.0"
   },
-  "publishConfig": {
-    "access": "public"
-  },
-  "scripts": {
-    "version": "node scripts/sync-version.js && git add README.md files/.github/guides/architecture.md bin/wl-skills.js"
+  "devDependencies": {
+    "xlsx": "^0.18.5"
   }
-}
+}