@manohub/skill-select-workbench 0.0.1-beta1

package/dist/api/skill-select-data.d.ts

@@ -0,0 +1,32 @@
+import type { PageResponse, SkillSummaryResponse } from '@aihub/api-client';
+import type { SkillDomainTreeNode } from '../types';
+/** "全部技能"虚拟树节点 ID（选中时不做业务域过滤） */
+export declare const ALL_SKILLS_NODE_ID = "__all_skills__";
+/** 业务域树（含"全部技能"虚拟根，直接作为 FTreeView 的 data） */
+export declare function loadDomainTreeWithRoot(): Promise<SkillDomainTreeNode[]>;
+/** 业务域树（真实接口返回，缓存在模块级） */
+export declare function loadDomainTree(): Promise<SkillDomainTreeNode[]>;
+/** 扁平化业务域树，code → name 映射（表格"业务域"列展示用） */
+export declare function flattenDomainCodeName(nodes: SkillDomainTreeNode[]): Map<string, string>;
+/** topic → 名称 映射（模块级缓存）：技能的 topic 字段可能存 id 或 code，两种 key 都登记 */
+export declare function loadTopicNameMap(): Promise<Map<string, string>>;
+/** 技能分类导航节点（扁平）：每个 topic 一个节点，code 为空者跳过（无法作为过滤参数） */
+export declare function loadTopicNavNodes(): Promise<SkillDomainTreeNode[]>;
+/** 技能分类导航树（含"全部技能"虚拟根，供通用办公类技能左侧导航） */
+export declare function loadTopicTreeWithRoot(): Promise<SkillDomainTreeNode[]>;
+/** 技能查询参数（封装 listSkills 的过滤子集） */
+export interface SkillPageFilter {
+    page?: number;
+    size?: number;
+    keyword?: string;
+    businessDomain?: string;
+    /** 技能分类（topic code）过滤 */
+    topic?: string;
+    /** 使用类别（技能类型）过滤：GENERAL_OFFICE / BUSINESS_SYSTEM，缺省查全部 */
+    category?: string;
+}
+/**
+ * 技能分页查询（按新契约：分页从 0 开始，返回 { items, total, page, size }）
+ * @param signal 供调用方取消请求
+ */
+export declare function querySkillPage(filter: SkillPageFilter, signal?: AbortSignal): Promise<PageResponse<SkillSummaryResponse>>;

package/dist/components/skill-select-dialog.d.ts

@@ -0,0 +1,63 @@
+import { type PropType } from 'vue';
+import type { SkillSelectItem } from '../types';
+/** 使用类别常量（与后端 SkillCategory 枚举一致） */
+export declare const SKILL_CATEGORY_GENERAL = "GENERAL_OFFICE";
+export declare const SKILL_CATEGORY_BIZ = "BUSINESS_SYSTEM";
+export declare const SkillSelectDialog: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    modelValue: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** 单选模式：一次只能选定一个技能 */
+    singleSelect: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** 打开弹窗时的初始已选项（回显） */
+    initSelected: {
+        type: PropType<SkillSelectItem[]>;
+        default: () => SkillSelectItem[];
+    };
+    /** 调用方指定的技能类型（使用类别）：GENERAL_OFFICE / BUSINESS_SYSTEM。非空=锁定该类型，隐藏类型切换行，仅加载该类型数据；'' = 不锁定（弹窗内可选全部） */
+    initCategory: {
+        type: StringConstructor;
+        default: string;
+    };
+    title: {
+        type: StringConstructor;
+        default: string;
+    };
+}>, () => JSX.Element | null, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "confirm")[], "update:modelValue" | "confirm", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    modelValue: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** 单选模式：一次只能选定一个技能 */
+    singleSelect: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** 打开弹窗时的初始已选项（回显） */
+    initSelected: {
+        type: PropType<SkillSelectItem[]>;
+        default: () => SkillSelectItem[];
+    };
+    /** 调用方指定的技能类型（使用类别）：GENERAL_OFFICE / BUSINESS_SYSTEM。非空=锁定该类型，隐藏类型切换行，仅加载该类型数据；'' = 不锁定（弹窗内可选全部） */
+    initCategory: {
+        type: StringConstructor;
+        default: string;
+    };
+    title: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & Readonly<{
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onConfirm?: ((...args: any[]) => any) | undefined;
+}>, {
+    modelValue: boolean;
+    singleSelect: boolean;
+    initSelected: SkillSelectItem[];
+    initCategory: string;
+    title: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/components/skill-select-field.d.ts

@@ -0,0 +1,65 @@
+import { type PropType } from 'vue';
+import type { SkillSelectItem } from '../types';
+/**
+ * 技能选择字段帮助（对标 personnel-workbench 的 TreeSelectField 用法）：
+ * 只读展示已选技能，点击唤起 SkillSelectDialog。
+ * 用法：
+ *   <SkillSelectField :selectedItems="items" singleSelect @update:selectedItems="v => (items = v)" />
+ */
+export declare const SkillSelectField: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    /** 单选模式 */
+    singleSelect: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** 兼容字段帮助的 asyncMode 开关（本组件始终按需异步加载，保留以对齐既有调用方） */
+    asyncMode: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** 当前已选技能（v-model） */
+    selectedItems: {
+        type: PropType<SkillSelectItem[]>;
+        default: () => SkillSelectItem[];
+    };
+}>, () => JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:selectedItems"[], "update:selectedItems", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    /** 单选模式 */
+    singleSelect: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /** 兼容字段帮助的 asyncMode 开关（本组件始终按需异步加载，保留以对齐既有调用方） */
+    asyncMode: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    /** 当前已选技能（v-model） */
+    selectedItems: {
+        type: PropType<SkillSelectItem[]>;
+        default: () => SkillSelectItem[];
+    };
+}>> & Readonly<{
+    "onUpdate:selectedItems"?: ((...args: any[]) => any) | undefined;
+}>, {
+    singleSelect: boolean;
+    disabled: boolean;
+    asyncMode: boolean;
+    placeholder: string;
+    selectedItems: SkillSelectItem[];
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/composables/use-skill-selection.d.ts

@@ -0,0 +1,26 @@
+import type { SkillSummaryResponse } from '@aihub/api-client';
+import type { SkillSelectItem } from '../types';
+export interface UseSkillSelectionOptions {
+    /** 单选模式：任一时刻最多保留一个选中项 */
+    singleSelect?: boolean;
+}
+/**
+ * 技能选中集管理（仿 personnel 帮助的 useSelectionState）：
+ * - FDataGrid 勾选通过 selectionValues（受控）+ onSelectionUpdate 全量同步
+ * - 跨页保持：grid 侧 keepSelectingOnPaging，本 composable 维护全量 Map
+ * - 详情补齐：indexPageItems 登记当前页技能，勾选上报的 id 据此补全快照
+ */
+export declare function useSkillSelection(options?: UseSkillSelectionOptions): {
+    singleSelect: boolean;
+    selectedIds: import("vue").ComputedRef<string[]>;
+    items: import("vue").ComputedRef<SkillSelectItem[]>;
+    count: import("vue").ComputedRef<number>;
+    indexPageItems: (items: SkillSummaryResponse[] | null | undefined) => void;
+    handleGridSelectionUpdate: (rows: unknown[] | undefined, ids?: string[], currentPageIds?: Set<string>) => void;
+    toggleItem: (row: unknown) => void;
+    selectRow: (row: unknown) => void;
+    removeItem: (id: string) => void;
+    clear: () => void;
+    restore: (items: SkillSelectItem[] | null | undefined) => void;
+};
+export type SkillSelectionStore = ReturnType<typeof useSkillSelection>;

package/dist/constants.d.ts

@@ -0,0 +1,17 @@
+/** 技能使用类别（对应 api-client SkillCategory 枚举，与 aihub-skill 共享常量保持一致） */
+export declare const SKILL_CATEGORIES: readonly [{
+    readonly value: "GENERAL_OFFICE";
+    readonly label: "通用办公技能";
+}, {
+    readonly value: "BUSINESS_SYSTEM";
+    readonly label: "业务系统技能";
+}];
+export type SkillCategoryValue = (typeof SKILL_CATEGORIES)[number]['value'];
+/** 默认使用类别：通用办公技能 */
+export declare const DEFAULT_CATEGORY = "GENERAL_OFFICE";
+/** 类别编码 → 中文名（未匹配返回原值） */
+export declare function categoryLabel(code: string | null | undefined): string;
+/** 表格默认每页条数 */
+export declare const SKILL_PAGE_SIZE = 10;
+/** 分页可选项 */
+export declare const SKILL_PAGE_SIZE_OPTIONS: number[];

package/dist/index.css

@@ -0,0 +1,2 @@
+.ssw-overlay{z-index:10000;background:#0f172a73;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.ssw-dialog{color:#232428;background:#fff;border-radius:8px;flex-direction:column;width:960px;max-width:calc(100vw - 48px);height:640px;max-height:calc(100vh - 64px);font-size:13px;display:flex;overflow:hidden;box-shadow:0 12px 40px #0f172a47}.ssw-dialog__header{background:#fff;border-bottom:1px solid #ebeef5;flex-shrink:0;justify-content:space-between;align-items:center;height:44px;padding:0 16px;display:flex}.ssw-dialog__title{font-size:15px;font-weight:600}.ssw-dialog__close{cursor:pointer;background:0 0;border:0;border-radius:4px;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex}.ssw-dialog__close:hover{background:#f2f3f5}.ssw-icon-close{color:#6b7280;font-size:18px;line-height:1}.ssw-dialog__body{flex:1;min-height:0;display:flex}.ssw-pane{flex-direction:column;min-height:0;display:flex}.ssw-pane--tree{background:#fafbfc;border-right:1px solid #ebeef5;flex-shrink:0;width:240px}.ssw-pane__head{flex-shrink:0;align-items:baseline;gap:8px;padding:10px 14px 8px;font-size:13px;font-weight:600;display:flex}.ssw-tree-wrap{flex:1;min-height:0;padding:0 8px 8px;overflow:hidden}.ssw-tree-empty{text-align:center;color:#a0a4ab;padding:24px 8px;font-size:12px}.ssw-pane--grid{flex:1;min-width:0;padding:10px 16px 8px}.ssw-toolbar{flex-shrink:0;justify-content:flex-end;align-items:center;gap:12px;padding-bottom:10px;display:flex}.ssw-footer-count{color:#4b5563;white-space:nowrap;margin-right:8px;font-size:12px}.ssw-clear-all{color:#2660ff;cursor:pointer;margin-left:8px;text-decoration:none}.ssw-clear-all:hover{opacity:.8}.ssw-search{align-items:center;width:260px;display:flex;position:relative}.ssw-search__input{color:#232428;background:#fff;border:1px solid #d7dbe0;border-radius:4px;outline:none;width:100%;height:30px;padding:0 28px 0 10px;font-size:13px}.ssw-search__input:focus{border-color:#2660ff;box-shadow:0 0 0 2px #2660ff1f}.ssw-search__clear{color:#9ca3af;cursor:pointer;background:0 0;border:0;padding:2px;font-size:14px;line-height:1;position:absolute;right:6px}.ssw-search__clear:hover{color:#4b5563}.ssw-filter{flex-shrink:0;align-items:center;gap:6px;padding-bottom:10px;display:flex}.ssw-filter__label{color:#6b7280;flex-shrink:0;font-size:12px}.ssw-filter__btn{color:#4b5563;cursor:pointer;background:#fff;border:1px solid #d7dbe0;border-radius:4px;height:26px;padding:0 10px;font-size:12px;transition:border-color .15s,color .15s}.ssw-filter__btn:hover:not(.ssw-filter__btn--active){color:#2660ff;border-color:#2660ff}.ssw-filter__btn--active{color:#fff;background:#2660ff;border-color:#2660ff}.ssw-grid-wrap{background:#fff;border:1px solid #ebeef5;border-radius:4px;flex:1;min-height:0;position:relative;overflow:hidden}.ssw-grid-loading,.ssw-grid-empty{color:#6b7280;z-index:5;pointer-events:none;background:#ffffffbf;justify-content:center;align-items:center;font-size:13px;display:flex;position:absolute;inset:0}.ssw-grid-empty{background:#fff}.ssw-pagination{flex-shrink:0;justify-content:flex-end;padding-top:8px;display:flex}.ssw-dialog__footer{background:#fafbfc;border-top:1px solid #ebeef5;flex-shrink:0;align-items:center;gap:16px;min-height:56px;padding:10px 16px;display:flex}.ssw-footer-selection{flex:1;align-items:center;gap:6px;min-width:0;display:flex;overflow-x:auto}.ssw-footer-placeholder{color:#a0a4ab;font-size:12px}.ssw-chip{color:#2660ff;background:#eef3ff;border-radius:12px;flex-shrink:0;align-items:center;gap:4px;max-width:220px;padding:2px 6px 2px 10px;font-size:12px;display:inline-flex}.ssw-chip__text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ssw-chip__remove{color:#2660ff;cursor:pointer;padding:0 2px;font-size:14px;line-height:1}.ssw-chip__remove:hover{color:#1d4ed8}.ssw-footer-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.ssw-field{color:#6b7280;cursor:pointer;box-sizing:border-box;background:#f5f6fa;border:1px solid #d7dbe0;border-radius:4px;justify-content:space-between;align-items:center;gap:8px;width:100%;min-width:200px;height:32px;padding:0 8px 0 12px;transition:border-color .2s;display:inline-flex}.ssw-field:hover:not(.ssw-field--disabled){border-color:#2660ff}.ssw-field--disabled{cursor:not-allowed;opacity:.7}.ssw-field__placeholder{color:#a0a4ab;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ssw-field__value{text-overflow:ellipsis;white-space:nowrap;color:#232428;flex:1;min-width:0;overflow:hidden}.ssw-field__actions{flex-shrink:0;align-items:center;gap:6px;display:inline-flex}.ssw-field__clear,.ssw-field__open{color:#9ca3af;justify-content:center;align-items:center;padding:2px;font-size:14px;line-height:1;display:inline-flex}.ssw-field__clear:hover,.ssw-field__open:hover{color:#4b5563}.ssw-field__open{color:#2660ff;font-weight:700}
+/*$vite$:1*/

package/dist/index.d.ts

@@ -0,0 +1,9 @@
+import './index.css';
+export * from './types';
+export * from './constants';
+export { ALL_SKILLS_NODE_ID, loadDomainTree, loadDomainTreeWithRoot, loadTopicNameMap, querySkillPage, } from './api/skill-select-data';
+export type { SkillPageFilter } from './api/skill-select-data';
+export { useSkillSelection } from './composables/use-skill-selection';
+export type { UseSkillSelectionOptions, SkillSelectionStore } from './composables/use-skill-selection';
+export { SkillSelectDialog } from './components/skill-select-dialog';
+export { SkillSelectField } from './components/skill-select-field';

package/dist/index.js

@@ -0,0 +1,763 @@
+import { request as e } from "@gsp-sys/utils";
+import { computed as t, createTextVNode as n, createVNode as r, defineComponent as i, ref as a, shallowRef as o, watch as s } from "vue";
+import { FButton as c, FDataGrid as ee, FPagination as l, FTreeView as u } from "@farris/ui-vue";
+//#region src/types.ts
+var d = { items: [] };
+function f(e) {
+	let t = e.displayName || e.name;
+	return {
+		value: e.id,
+		text: t,
+		skill: e
+	};
+}
+//#endregion
+//#region src/constants.ts
+var p = [{
+	value: "GENERAL_OFFICE",
+	label: "通用办公技能"
+}, {
+	value: "BUSINESS_SYSTEM",
+	label: "业务系统技能"
+}], m = "GENERAL_OFFICE";
+function h(e) {
+	if (!e) return "-";
+	let t = p.find((t) => t.value === e);
+	return t ? t.label : e;
+}
+var g = 10, _ = [
+	10,
+	20,
+	50
+], v = class extends Error {
+	status;
+	details;
+	code;
+	category;
+	constructor(e, t, n, r, i) {
+		super(e), this.name = "ApiError", this.status = t, this.details = n, this.code = r, this.category = i;
+	}
+	get serverMessage() {
+		return this.details;
+	}
+	get innerMessage() {
+		return this.details;
+	}
+}, y = "/api/runtime/aihub/v1.0";
+function b() {
+	return typeof window > "u" ? {} : window.__SKILLHUB_RUNTIME_CONFIG__ ?? {};
+}
+function x(e) {
+	let t = b().apiBaseUrl;
+	return t && e.startsWith("/") ? `${t.replace(/\/$/, "")}${e}` : e;
+}
+var S = {
+	GET: "get",
+	POST: "post",
+	PUT: "put",
+	DELETE: "delete",
+	PATCH: "patch"
+};
+function C(e) {
+	let t = {};
+	typeof e?.body == "string" && (t["Content-Type"] = "application/json");
+	try {
+		t["Accept-Language"] = localStorage.getItem("language") || navigator.language.split("-")[0] || "en";
+	} catch {}
+	return t;
+}
+function te(e) {
+	if (e && typeof e == "object" && !Array.isArray(e)) {
+		let t = e;
+		if ("code" in t && "data" in t || "success" in t && "data" in t) return null;
+	}
+	return e;
+}
+function w(e) {
+	let t = e?.message ?? e?.Message ?? e?.errorMessage;
+	return typeof t == "string" && t ? t : void 0;
+}
+function T(e) {
+	if (e instanceof v) return e;
+	let t = e;
+	if (t?.isAxiosError) {
+		if (t.code === "ECONNABORTED" || t.code === "ETIMEDOUT") return new v("error.request.timeout", 408, "");
+		let e = t.response?.status ?? 0, n = w(t.response?.data) ?? `HTTP ${e || 0}`;
+		return new v(n, e, n);
+	}
+	if (e && typeof e == "object") {
+		let t = e, n = w(t) ?? "error", r = Number(t.code ?? t.Code ?? t.status) || 0, i = t.error;
+		return new v(n, r, n, i?.code, i?.category);
+	}
+	return typeof e == "string" ? new v(e || "error", 0, e || "error") : e instanceof Error ? new v(e.message || "error", 0, e.message || "error") : new v("error", 0, "");
+}
+async function E(t, n, r) {
+	let i = (n?.method ? S[n.method.toUpperCase()] : "get") ?? "get";
+	try {
+		return te(await e({
+			url: t,
+			method: i,
+			headers: C(n),
+			data: n?.body,
+			notLoading: !0,
+			...r ? { responseType: r } : {}
+		}));
+	} catch (e) {
+		throw T(e);
+	}
+}
+function D(e) {
+	let t = new URLSearchParams();
+	for (let [n, r] of Object.entries(e)) r != null && r !== "" && t.append(n, String(r));
+	let n = t.toString();
+	return n ? `?${n}` : "";
+}
+//#endregion
+//#region ../api-client/src/fetch/repo.ts
+function O(e, t) {
+	return E(x(e), t);
+}
+//#endregion
+//#region ../api-client/src/fetch/skill.ts
+function k(e, t) {
+	return E(x(e), t);
+}
+//#endregion
+//#region ../api-client/src/api/custom-skills.ts
+var A = `${y}/customSkills`;
+async function j(e, t) {
+	return k(`${A}/listByAuth${D({
+		page: e.page,
+		size: e.size,
+		keyword: e.keyword,
+		group: e.group,
+		businessDomain: e.businessDomain,
+		topic: e.topic,
+		category: e.category,
+		repo: e.repo
+	})}`, { signal: t });
+}
+`${y}`;
+//#endregion
+//#region ../api-client/src/api/topics.ts
+var M = `${y}/topics`;
+async function N() {
+	return O(M);
+}
+`${y}`;
+//#endregion
+//#region ../api-client/src/api/business-domains.ts
+async function P() {
+	return await k("/api/runtime/aihub/v1.0/business-domains/tree") ?? [];
+}
+//#endregion
+//#region src/api/skill-select-data.ts
+var F = "__all_skills__", I = null, L = null, R = null, z = null;
+async function B() {
+	return R || z || (z = N().then((e) => (R = e ?? [], R)).finally(() => {
+		z = null;
+	}), z);
+}
+function V(e) {
+	return {
+		id: e?.id ?? e?.code ?? "",
+		code: e?.code ?? e?.id,
+		name: e?.name ?? e?.code ?? "未命名",
+		children: Array.isArray(e?.children) ? e.children.map(V) : void 0
+	};
+}
+async function ne() {
+	return [{
+		id: F,
+		name: "全部技能",
+		children: await H()
+	}];
+}
+async function H() {
+	return I || L || (L = P().then((e) => (e ?? []).map(V)).then((e) => (I = e, e)).finally(() => {
+		L = null;
+	}), L);
+}
+function re(e) {
+	let t = /* @__PURE__ */ new Map(), n = (e) => {
+		for (let r of e) r.code && t.set(r.code, r.name), r.children && n(r.children);
+	};
+	return n(e), t;
+}
+async function U() {
+	let e = await B(), t = /* @__PURE__ */ new Map();
+	for (let n of e) {
+		let e = n?.name ?? n?.code ?? n?.id;
+		e && (n?.code && t.set(n.code, e), n?.id && t.set(n.id, e));
+	}
+	return t;
+}
+async function W() {
+	return (await B()).filter((e) => !!e?.code).map((e) => ({
+		id: e.code,
+		code: e.code,
+		name: e?.name ?? e.code
+	}));
+}
+async function ie() {
+	return [{
+		id: F,
+		name: "全部技能",
+		children: await W()
+	}];
+}
+function G(e, t) {
+	return j({
+		page: e.page ?? 0,
+		size: e.size ?? 10,
+		keyword: e.keyword?.trim() || void 0,
+		businessDomain: e.businessDomain || void 0,
+		topic: e.topic || void 0,
+		category: e.category || void 0
+	}, t);
+}
+//#endregion
+//#region src/composables/use-skill-selection.ts
+function K(e) {
+	let t = e ?? {};
+	return (t?.raw ?? t)?.id ?? t?.id;
+}
+function q(e = {}) {
+	let n = e.singleSelect ?? !1, r = o(/* @__PURE__ */ new Map()), i = o(/* @__PURE__ */ new Map());
+	function a(e) {
+		if (!e?.length) return;
+		let t = new Map(i.value);
+		for (let n of e) t.set(n.id, n);
+		i.value = t;
+	}
+	function s(e, t) {
+		let a = n && e.length > 1 ? e.slice(-1) : e, o = /* @__PURE__ */ new Map();
+		for (let e of a) {
+			let t = r.value.get(e);
+			if (t) {
+				o.set(e, t);
+				continue;
+			}
+			let n = i.value.get(e);
+			n ? o.set(e, f(n)) : o.set(e, {
+				value: e,
+				text: e
+			});
+		}
+		if (t) for (let [e, n] of r.value) t.has(e) || o.set(e, n);
+		r.value = o;
+	}
+	function c(e, t, n) {
+		s(Array.isArray(t) && t.length ? t : Array.isArray(e) ? e.map(K).filter(Boolean) : [], n);
+	}
+	function ee(e) {
+		let t = K(e);
+		if (!t) return;
+		let n = new Map(r.value);
+		if (n.has(t)) n.delete(t);
+		else {
+			let e = i.value.get(t);
+			n.set(t, e ? f(e) : {
+				value: t,
+				text: t
+			});
+		}
+		r.value = n;
+	}
+	function l(e) {
+		let t = K(e);
+		t && s([t]);
+	}
+	function u(e) {
+		let t = new Map(r.value);
+		t.delete(e), r.value = t;
+	}
+	function d() {
+		r.value = /* @__PURE__ */ new Map();
+	}
+	function p(e) {
+		if (!e?.length) {
+			r.value = /* @__PURE__ */ new Map();
+			return;
+		}
+		let t = /* @__PURE__ */ new Map();
+		for (let n of e) n?.value && t.set(n.value, n);
+		r.value = t;
+	}
+	return {
+		singleSelect: n,
+		selectedIds: t(() => [...r.value.keys()]),
+		items: t(() => [...r.value.values()]),
+		count: t(() => r.value.size),
+		indexPageItems: a,
+		handleGridSelectionUpdate: c,
+		toggleItem: ee,
+		selectRow: l,
+		removeItem: u,
+		clear: d,
+		restore: p
+	};
+}
+//#endregion
+//#region src/components/skill-select-dialog.tsx
+var ae = [
+	{
+		field: "_name",
+		title: "技能名称",
+		width: "26%",
+		showEllipsis: !0,
+		showTips: !0,
+		tipMode: "auto"
+	},
+	{
+		field: "_version",
+		title: "最新版本",
+		width: "10%"
+	},
+	{
+		field: "_category",
+		title: "使用类别",
+		width: "14%",
+		showEllipsis: !0
+	},
+	{
+		field: "_topicName",
+		title: "技能分类",
+		width: "17%",
+		showEllipsis: !0,
+		showTips: !0,
+		tipMode: "auto"
+	},
+	{
+		field: "_domainName",
+		title: "所属业务域",
+		width: "18%",
+		showEllipsis: !0,
+		showTips: !0,
+		tipMode: "auto"
+	},
+	{
+		field: "_author",
+		title: "作者",
+		width: "15%",
+		showEllipsis: !0
+	}
+], oe = "GENERAL_OFFICE", se = [
+	{
+		field: "_name",
+		title: "技能名称",
+		width: "33%",
+		showEllipsis: !0,
+		showTips: !0,
+		tipMode: "auto"
+	},
+	{
+		field: "_version",
+		title: "最新版本",
+		width: "34%"
+	},
+	{
+		field: "_topicName",
+		title: "技能分类",
+		width: "33%",
+		showEllipsis: !0,
+		showTips: !0,
+		tipMode: "auto"
+	}
+], ce = [
+	{
+		field: "_name",
+		title: "技能名称",
+		width: "33%",
+		showEllipsis: !0,
+		showTips: !0,
+		tipMode: "auto"
+	},
+	{
+		field: "_version",
+		title: "最新版本",
+		width: "34%"
+	},
+	{
+		field: "_domainName",
+		title: "所属业务域",
+		width: "33%",
+		showEllipsis: !0,
+		showTips: !0,
+		tipMode: "auto"
+	}
+], J = /* @__PURE__ */ i({
+	name: "SkillSelectDialog",
+	props: {
+		modelValue: {
+			type: Boolean,
+			default: !1
+		},
+		singleSelect: {
+			type: Boolean,
+			default: !1
+		},
+		initSelected: {
+			type: Array,
+			default: () => []
+		},
+		initCategory: {
+			type: String,
+			default: ""
+		},
+		title: {
+			type: String,
+			default: "选择技能"
+		}
+	},
+	emits: ["update:modelValue", "confirm"],
+	setup(e, { emit: i }) {
+		let o = t(() => e.modelValue), d = t(() => e.initCategory === oe), f = a(null), m = a(null), g = a(0), v = a(F), y = a(/* @__PURE__ */ new Map()), b = a(/* @__PURE__ */ new Map()), x = t(() => d.value ? m.value : f.value), S = t(() => x.value ? [x.value] : []), C = t(() => e.initCategory === "GENERAL_OFFICE" ? se : e.initCategory === "BUSINESS_SYSTEM" ? ce : ae), te = {
+			enableSelectRow: !0,
+			multiSelect: !1,
+			showCheckbox: !1,
+			showSelectAll: !1,
+			showSelection: !0
+		}, w = a(""), T = a(""), E = a(""), D = a(0), O = a(10), k = a(0), A = a([]), j = a(!1), M = a(null), N = a(0), P = q({ singleSelect: e.singleSelect }), I = t(() => e.singleSelect ? {
+			enableSelectRow: !1,
+			multiSelect: !1,
+			showCheckbox: !0,
+			showSelectAll: !1,
+			showSelection: !1
+		} : {
+			enableSelectRow: !1,
+			multiSelect: !0,
+			showCheckbox: !0,
+			showSelectAll: !0,
+			showSelection: !1,
+			multiSelectMode: "DependOnCheck",
+			keepSelectingOnPaging: !0
+		});
+		function L(e) {
+			return {
+				...e,
+				_name: e.displayName || e.name,
+				_version: e.latestVersion || "-",
+				_category: h(e.category),
+				_topicName: e.topic ? b.value.get(e.topic) ?? e.topic : "-",
+				_domainName: e.businessDomain ? y.value.get(e.businessDomain) ?? e.businessDomain : "-",
+				_author: e.ownerDisplayName || e.author || "-"
+			};
+		}
+		let R = t(() => A.value.map(L));
+		s(R, (e) => {
+			M.value?.updateDataSource && M.value.updateDataSource(e);
+		}, { flush: "post" });
+		async function z() {
+			let e = ++N.value;
+			j.value = !0;
+			try {
+				let t = B(), n = await G({
+					page: D.value,
+					size: O.value,
+					keyword: T.value,
+					businessDomain: d.value ? void 0 : t,
+					topic: d.value ? t : void 0,
+					category: E.value || void 0
+				});
+				if (e !== N.value) return;
+				A.value = n?.items ?? [], k.value = n?.total ?? 0, P.indexPageItems(A.value);
+			} catch (t) {
+				if (e !== N.value) return;
+				A.value = [], k.value = 0, console.error("[skill-select-workbench] 查询技能列表失败", t);
+			} finally {
+				e === N.value && (j.value = !1);
+			}
+		}
+		function B() {
+			let e = x.value;
+			if (!e || v.value === "__all_skills__") return;
+			let t = (e) => {
+				if (e) for (let n of e) {
+					if (n.id === v.value) return n.code;
+					let e = t(n.children);
+					if (e) return e;
+				}
+			};
+			return t(e.children);
+		}
+		function V(e) {
+			e?.id && (v.value = e.id, D.value = 0, z());
+		}
+		let H = t(() => (A.value.length, P.selectedIds.value));
+		function W(e, t) {
+			let n = new Set(A.value.map((e) => e.id));
+			P.handleGridSelectionUpdate(e, t, n);
+		}
+		let K = null;
+		function J(e) {
+			K = e.target;
+		}
+		function Y() {
+			let e = K;
+			return !!e && typeof e.closest == "function" && !!e.closest(".custom-checkbox, label, input[type=\"checkbox\"]");
+		}
+		function le(e) {
+			let t = e ?? {};
+			return t.raw?.id ?? t.id;
+		}
+		function ue(t, n) {
+			if (!Y()) {
+				if (e.singleSelect) {
+					let e = le(n), t = P.items.value;
+					if (e && t.length === 1 && t[0].value === e) {
+						P.clear();
+						return;
+					}
+					P.selectRow(n);
+					return;
+				}
+				P.toggleItem(n);
+			}
+		}
+		function de(e) {
+			D.value = e, z();
+		}
+		function fe(e) {
+			O.value = e, D.value = 0, z();
+		}
+		function X(e) {
+			E.value = e, D.value = 0, z();
+		}
+		let Z;
+		function pe(e) {
+			w.value = e.target.value, Z && clearTimeout(Z), Z = setTimeout(() => {
+				T.value = w.value.trim(), D.value = 0, z();
+			}, 350);
+		}
+		function me() {
+			w.value = "", T.value = "", D.value = 0, z();
+		}
+		let Q = !1;
+		async function he() {
+			if (!Q) {
+				Q = !0;
+				try {
+					w.value = "", T.value = "", E.value = e.initCategory, D.value = 0, O.value = 10, k.value = 0, A.value = [], N.value++, v.value = F, P.restore(e.initSelected);
+					try {
+						if (d.value) {
+							if (!m.value) {
+								let e = await ie();
+								m.value = e[0], g.value++;
+							}
+						} else if (!f.value) {
+							let e = await ne();
+							f.value = e[0], y.value = re(e[0]?.children ?? []), g.value++;
+						}
+						if (b.value.size === 0) {
+							let e = await U();
+							b.value.size === 0 && (b.value = e);
+						}
+					} catch (e) {
+						console.error("[skill-select-workbench] 加载筛选数据失败", e);
+					}
+					await z();
+				} finally {
+					Q = !1;
+				}
+			}
+		}
+		s(o, (e) => {
+			e && he();
+		}, { immediate: !0 });
+		function $() {
+			i("update:modelValue", !1);
+		}
+		function ge() {
+			i("confirm", { items: P.items.value }), $();
+		}
+		function _e(e) {
+			P.removeItem(e);
+		}
+		function ve() {
+			P.clear();
+		}
+		function ye(e) {
+			e.stopPropagation();
+		}
+		return () => o.value ? r("div", {
+			class: "ssw-overlay",
+			onMousedown: ye,
+			onClick: ye
+		}, [r("div", {
+			class: "ssw-dialog",
+			role: "dialog",
+			"aria-modal": "true"
+		}, [
+			r("div", { class: "ssw-dialog__header" }, [r("span", { class: "ssw-dialog__title" }, [e.title]), r("button", {
+				type: "button",
+				class: "ssw-dialog__close",
+				onClick: $,
+				"aria-label": "关闭"
+			}, [r("span", { class: "ssw-icon-close" }, [n("×")])])]),
+			r("div", { class: "ssw-dialog__body" }, [r("div", { class: "ssw-pane ssw-pane--tree" }, [r("div", { class: "ssw-pane__head" }, [r("span", null, [d.value ? "技能分类" : "业务域"])]), r("div", { class: "ssw-tree-wrap" }, [S.value.length ? r(u, {
+				key: g.value,
+				data: S.value,
+				idField: "id",
+				displayField: "name",
+				columns: [{
+					field: "name",
+					title: "",
+					width: "100%",
+					showEllipsis: !0,
+					showTips: !0,
+					tipMode: "auto"
+				}],
+				selection: te,
+				selectionValues: [v.value],
+				fit: !0,
+				onClickRow: (e, t) => V(t)
+			}, null) : r("div", { class: "ssw-tree-empty" }, [n("加载中…")])])]), r("div", { class: "ssw-pane ssw-pane--grid" }, [
+				r("div", { class: "ssw-toolbar" }, [r("div", { class: "ssw-search" }, [r("input", {
+					class: "ssw-search__input",
+					placeholder: "搜索技能名称",
+					value: w.value,
+					onInput: pe
+				}, null), w.value ? r("button", {
+					type: "button",
+					class: "ssw-search__clear",
+					onClick: me
+				}, [n("×")]) : null])]),
+				!e.initCategory && r("div", { class: "ssw-filter" }, [
+					r("span", { class: "ssw-filter__label" }, [n("技能类型")]),
+					r("button", {
+						type: "button",
+						class: ["ssw-filter__btn", E.value === "" ? "ssw-filter__btn--active" : ""].join(" "),
+						onClick: () => X("")
+					}, [n("全部")]),
+					p.map((e) => r("button", {
+						type: "button",
+						class: ["ssw-filter__btn", E.value === e.value ? "ssw-filter__btn--active" : ""].join(" "),
+						onClick: () => X(e.value)
+					}, [e.label]))
+				]),
+				r("div", {
+					class: "ssw-grid-wrap",
+					onClickCapture: J
+				}, [
+					r(ee, {
+						ref: M,
+						idField: "id",
+						data: R.value,
+						columns: C.value,
+						selection: I.value,
+						selectionValues: H.value,
+						onSelectionUpdate: W,
+						onClickRow: ue,
+						fit: !0,
+						showHeader: !0
+					}, null),
+					j.value && r("div", { class: "ssw-grid-loading" }, [n("加载中…")]),
+					!j.value && R.value.length === 0 && r("div", { class: "ssw-grid-empty" }, [n("暂无可选技能")])
+				]),
+				k.value > 0 && r("div", { class: "ssw-pagination" }, [r(l, {
+					currentPage: D.value + 1,
+					totalItems: k.value,
+					pageSize: O.value,
+					pageList: _,
+					showPageList: !0,
+					showGoButton: !1,
+					showPageInfo: !0,
+					"onUpdate:currentPage": (e) => de(e - 1),
+					"onUpdate:pageSize": (e) => fe(e)
+				}, null)])
+			])]),
+			r("div", { class: "ssw-dialog__footer" }, [r("div", { class: "ssw-footer-selection" }, [P.items.value.length === 0 ? r("span", { class: "ssw-footer-placeholder" }, [e.singleSelect ? "请选择一个技能" : "请选择技能，可跨页多选"]) : P.items.value.map((e) => r("span", {
+				key: e.value,
+				class: "ssw-chip",
+				title: e.text
+			}, [r("span", { class: "ssw-chip__text" }, [e.text]), r("a", {
+				class: "ssw-chip__remove",
+				onClick: (t) => {
+					t.stopPropagation(), _e(e.value);
+				}
+			}, [n("×")])]))]), r("div", { class: "ssw-footer-actions" }, [
+				r("span", { class: "ssw-footer-count" }, [
+					n("已选 "),
+					P.count.value,
+					n(" 条"),
+					P.count.value > 0 && r("a", {
+						class: "ssw-clear-all",
+						onClick: ve
+					}, [n("清空")])
+				]),
+				r(c, { onClick: $ }, { default: () => [n("取消")] }),
+				r(c, {
+					type: "primary",
+					onClick: ge
+				}, { default: () => [n("确定")] })
+			])])
+		])]) : null;
+	}
+}), Y = /* @__PURE__ */ i({
+	name: "SkillSelectField",
+	props: {
+		singleSelect: {
+			type: Boolean,
+			default: !1
+		},
+		asyncMode: {
+			type: Boolean,
+			default: !0
+		},
+		disabled: {
+			type: Boolean,
+			default: !1
+		},
+		placeholder: {
+			type: String,
+			default: "请选择技能"
+		},
+		selectedItems: {
+			type: Array,
+			default: () => []
+		}
+	},
+	emits: ["update:selectedItems"],
+	setup(e, { emit: t }) {
+		let i = a(!1);
+		function o() {
+			e.disabled || (i.value = !0);
+		}
+		function s(e) {
+			t("update:selectedItems", e.items), i.value = !1;
+		}
+		function c(e) {
+			e.stopPropagation();
+		}
+		return () => {
+			let a = e.selectedItems ?? [];
+			return r("div", null, [r("div", {
+				class: ["ssw-field", { "ssw-field--disabled": e.disabled }].join(" "),
+				onClick: o
+			}, [a.length === 0 ? r("span", { class: "ssw-field__placeholder" }, [e.placeholder]) : r("span", {
+				class: "ssw-field__value",
+				title: a.map((e) => e.text).join("、")
+			}, [e.singleSelect ? a[a.length - 1]?.text : `${a[0]?.text}${a.length > 1 ? ` 等 ${a.length} 项` : ""}`]), r("span", { class: "ssw-field__actions" }, [a.length > 0 && r("a", {
+				class: "ssw-field__clear",
+				role: "button",
+				"aria-label": "清空",
+				onClick: (e) => {
+					c(e), t("update:selectedItems", []);
+				}
+			}, [n("×")]), r("span", {
+				class: "ssw-field__open",
+				role: "button",
+				"aria-label": "选择"
+			}, [n("···")])])]), i.value && r(J, {
+				modelValue: i.value,
+				"onUpdate:modelValue": (e) => i.value = e,
+				singleSelect: e.singleSelect,
+				initSelected: a,
+				onConfirm: s
+			}, null)]);
+		};
+	}
+});
+//#endregion
+export { F as ALL_SKILLS_NODE_ID, m as DEFAULT_CATEGORY, d as EMPTY_SKILL_SELECT_PAYLOAD, p as SKILL_CATEGORIES, g as SKILL_PAGE_SIZE, _ as SKILL_PAGE_SIZE_OPTIONS, J as SkillSelectDialog, Y as SkillSelectField, h as categoryLabel, H as loadDomainTree, ne as loadDomainTreeWithRoot, U as loadTopicNameMap, G as querySkillPage, f as toSkillSelectItem, q as useSkillSelection };

package/dist/types.d.ts

@@ -0,0 +1,31 @@
+import type { SkillSummaryResponse } from '@aihub/api-client';
+/** 左侧筛选树的节点（业务域层级），数据结构与 listBusinessDomains 返回值对齐 */
+export interface SkillDomainTreeNode {
+    /** 节点 ID（业务域 id；"全部技能"虚拟节点为固定串 __all_skills__） */
+    id: string;
+    /** 业务域编码（作为 listSkills 的 businessDomain 过滤值；缺省回退为 id） */
+    code?: string;
+    /** 展示名称 */
+    name: string;
+    /** 子业务域 */
+    children?: SkillDomainTreeNode[];
+}
+/**
+ * 选中的技能项（对外契约，语义对齐 @gsp-sys 组织选择帮助的 selectedItems 条目）：
+ * - value：技能 id，用于保存/回传
+ * - text：回显文本（displayName || name）
+ * - skill：完整技能快照，供确认后消费方直接使用
+ */
+export interface SkillSelectItem {
+    value: string;
+    text: string;
+    skill?: SkillSummaryResponse | null;
+}
+/** 弹窗确认回调的载荷 */
+export interface SkillSelectConfirmPayload {
+    items: SkillSelectItem[];
+}
+/** 空载荷（确认时无可选技能时使用） */
+export declare const EMPTY_SKILL_SELECT_PAYLOAD: SkillSelectConfirmPayload;
+/** 由技能快照构造对外条目（文本取 displayName || name） */
+export declare function toSkillSelectItem(skill: SkillSummaryResponse): SkillSelectItem;

package/package.json

@@ -0,0 +1,41 @@
+{
+  "name": "@manohub/skill-select-workbench",
+  "version": "0.0.1-beta1",
+  "type": "module",
+  "description": "技能选择帮助（共享组件包）：左业务域树 + 右技能表双面板选择，基于 @farris/ui-vue 与 @aihub/api-client 新契约",
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    },
+    "./index.css": "./dist/index.css"
+  },
+  "files": [
+    "dist"
+  ],
+  "sideEffects": [
+    "**/*.css"
+  ],
+  "peerDependencies": {
+    "@farris/ui-vue": "^1.8.0",
+    "vue": "^3.4.0"
+  },
+  "devDependencies": {
+    "@farris/ui-vue": "1.8.4",
+    "@gsp-sys/utils": "^0.0.6",
+    "@vitejs/plugin-vue-jsx": "^5.1.6",
+    "typescript": "^5.5.3",
+    "vite": "^8.2.2",
+    "vue": "^3.4.37",
+    "vue-tsc": "^2.0.29",
+    "@aihub/api-client": "0.0.1"
+  },
+  "scripts": {
+    "typecheck": "vue-tsc --noEmit -p tsconfig.json",
+    "build": "pnpm typecheck && vite build && vue-tsc -p tsconfig.build.json",
+    "playground": "vite --config playground/vite.config.ts"
+  }
+}