@robot-admin/naive-ui-components 0.4.3 → 0.4.4

package/dist/C_CollapsePanel2.js

@@ -1,319 +1,2 @@
-import { t as C_Icon_default } from "./C_Icon2.js";
-import { t as export_helper_default } from "./export-helper.js";
-import { Fragment, Transition, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, normalizeClass, openBlock, ref, renderList, renderSlot, toDisplayString, toRef, unref, vShow, watch, withCtx, withDirectives, withModifiers } from "vue";
-
-//#region src/components/C_CollapsePanel/composables/useCollapsePanel.ts
-/**
-* 折叠面板展开/折叠核心逻辑
-*/
-function useCollapsePanel(options) {
-	const { items, activeKeys: externalKeys, defaultActiveKeys, accordion, persistKey, onChange, onExpand, onCollapse } = options;
-	const loadPersistedKeys = () => {
-		if (!persistKey.value) return null;
-		try {
-			const raw = localStorage.getItem(`collapse-panel:${persistKey.value}`);
-			return raw ? JSON.parse(raw) : null;
-		} catch {
-			return null;
-		}
-	};
-	const savePersistedKeys = (keys) => {
-		if (!persistKey.value) return;
-		try {
-			localStorage.setItem(`collapse-panel:${persistKey.value}`, JSON.stringify(keys));
-		} catch {}
-	};
-	const resolveInitialKeys = () => {
-		if (externalKeys.value !== void 0) return [...externalKeys.value];
-		const persisted = loadPersistedKeys();
-		if (persisted) return persisted;
-		return [...defaultActiveKeys];
-	};
-	const internalKeys = ref(resolveInitialKeys());
-	/** 懒渲染追踪：记录哪些面板曾被展开过 */
-	const renderedOnce = ref(new Set(internalKeys.value));
-	/** 当前激活的 key 数组（兼容受控 / 非受控） */
-	const currentKeys = computed({
-		get: () => externalKeys.value !== void 0 ? externalKeys.value : internalKeys.value,
-		set: (val) => {
-			internalKeys.value = val;
-		}
-	});
-	/**
-	* 判断面板是否展开
-	*/
-	const isExpanded = (key) => {
-		return currentKeys.value.includes(key);
-	};
-	/**
-	* 判断面板是否应该渲染内容
-	* - lazy 面板只有被展开过至少一次后才渲染
-	* - destroyOnCollapse 面板在折叠后销毁 DOM
-	*/
-	const shouldRender = (item) => {
-		const expanded = isExpanded(item.key);
-		if (item.destroyOnCollapse) return expanded;
-		if (item.lazy) return renderedOnce.value.has(item.key);
-		return true;
-	};
-	const updateKeys = (newKeys) => {
-		currentKeys.value = newKeys;
-		onChange?.(newKeys);
-		savePersistedKeys(newKeys);
-	};
-	const toggle = (key) => {
-		const item = items.value.find((i) => i.key === key);
-		if (!item || item.disabled) return;
-		if (isExpanded(key)) {
-			updateKeys(currentKeys.value.filter((k) => k !== key));
-			onCollapse?.(key);
-		} else {
-			renderedOnce.value.add(key);
-			if (accordion.value) {
-				const prevKeys = currentKeys.value;
-				updateKeys([key]);
-				prevKeys.forEach((k) => {
-					if (k !== key) onCollapse?.(k);
-				});
-			} else updateKeys([...currentKeys.value, key]);
-			onExpand?.(key);
-		}
-	};
-	const expandAll = () => {
-		if (accordion.value) return;
-		const allKeys = items.value.filter((i) => !i.disabled).map((i) => i.key);
-		allKeys.forEach((k) => renderedOnce.value.add(k));
-		updateKeys(allKeys);
-	};
-	const collapseAll = () => {
-		updateKeys([]);
-	};
-	const getActiveKeys = () => {
-		return [...currentKeys.value];
-	};
-	const handleKeyDown = (e, key) => {
-		if (["Enter", " "].includes(e.key)) {
-			e.preventDefault();
-			toggle(key);
-		}
-	};
-	watch(() => externalKeys.value, (newVal) => {
-		if (newVal !== void 0) {
-			internalKeys.value = [...newVal];
-			newVal.forEach((k) => renderedOnce.value.add(k));
-			savePersistedKeys(newVal);
-		}
-	});
-	return {
-		currentKeys,
-		renderedOnce,
-		isExpanded,
-		shouldRender,
-		toggle,
-		expandAll,
-		collapseAll,
-		getActiveKeys,
-		handleKeyDown
-	};
-}
-
-//#endregion
-//#region src/components/C_CollapsePanel/index.vue?vue&type=script&setup=true&lang.ts
-const _hoisted_1 = [
-	"aria-expanded",
-	"aria-controls",
-	"aria-disabled",
-	"tabindex",
-	"onClick",
-	"onKeydown"
-];
-const _hoisted_2 = { class: "collapse-item__title-area" };
-const _hoisted_3 = { class: "collapse-item__title-group" };
-const _hoisted_4 = { class: "collapse-item__title" };
-const _hoisted_5 = {
-	key: 1,
-	class: "collapse-item__subtitle"
-};
-const _hoisted_6 = ["id", "aria-labelledby"];
-const _hoisted_7 = {
-	key: 0,
-	class: "collapse-item__content"
-};
-var index_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
-	name: "C_CollapsePanel",
-	__name: "index",
-	props: {
-		items: {},
-		activeKeys: { default: void 0 },
-		defaultActiveKeys: { default: () => [] },
-		accordion: {
-			type: Boolean,
-			default: false
-		},
-		variant: { default: "default" },
-		expandIconPosition: { default: "left" },
-		bordered: {
-			type: Boolean,
-			default: true
-		},
-		persistKey: { default: void 0 }
-	},
-	emits: [
-		"update:activeKeys",
-		"expand",
-		"collapse",
-		"change"
-	],
-	setup(__props, { expose: __expose, emit: __emit }) {
-		const props = __props;
-		const emit = __emit;
-		const containerRef = ref(null);
-		const panelRefs = ref(/* @__PURE__ */ new Map());
-		const setPanelRef = (key, el) => {
-			if (el) panelRefs.value.set(key, el);
-			else panelRefs.value.delete(key);
-		};
-		const { isExpanded, shouldRender, toggle, expandAll, collapseAll, getActiveKeys, handleKeyDown } = useCollapsePanel({
-			items: toRef(props, "items"),
-			activeKeys: toRef(props, "activeKeys"),
-			defaultActiveKeys: props.defaultActiveKeys,
-			accordion: toRef(props, "accordion"),
-			persistKey: toRef(props, "persistKey"),
-			onChange: (keys) => {
-				emit("update:activeKeys", keys);
-				emit("change", keys);
-			},
-			onExpand: (key) => emit("expand", key),
-			onCollapse: (key) => emit("collapse", key)
-		});
-		const onEnter = (el) => {
-			const element = el;
-			element.style.height = "0";
-			element.style.overflow = "hidden";
-			element.offsetHeight;
-			element.style.height = `${element.scrollHeight}px`;
-		};
-		const onAfterEnter = (el) => {
-			const element = el;
-			element.style.height = "";
-			element.style.overflow = "";
-		};
-		const onLeave = (el) => {
-			const element = el;
-			element.style.height = `${element.scrollHeight}px`;
-			element.style.overflow = "hidden";
-			element.offsetHeight;
-			element.style.height = "0";
-		};
-		const onAfterLeave = (el) => {
-			const element = el;
-			element.style.height = "";
-			element.style.overflow = "";
-		};
-		const scrollToPanel = (key) => {
-			const el = panelRefs.value.get(key);
-			if (el) el.scrollIntoView({
-				behavior: "smooth",
-				block: "start"
-			});
-		};
-		__expose({
-			expandAll,
-			collapseAll,
-			toggle,
-			getActiveKeys,
-			scrollToPanel
-		});
-		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", {
-				ref_key: "containerRef",
-				ref: containerRef,
-				class: normalizeClass(["c-collapse-panel", [`c-collapse-panel--${_ctx.variant}`, {
-					"c-collapse-panel--bordered": _ctx.bordered,
-					"c-collapse-panel--icon-right": _ctx.expandIconPosition === "right"
-				}]])
-			}, [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.items, (item) => {
-				return openBlock(), createElementBlock("div", {
-					key: item.key,
-					ref_for: true,
-					ref: (el) => setPanelRef(item.key, el),
-					class: normalizeClass(["collapse-item", {
-						"collapse-item--active": unref(isExpanded)(item.key),
-						"collapse-item--disabled": item.disabled
-					}])
-				}, [
-					createCommentVNode(" 面板头部 "),
-					createElementVNode("div", {
-						class: "collapse-item__header",
-						role: "button",
-						"aria-expanded": unref(isExpanded)(item.key),
-						"aria-controls": `collapse-content-${item.key}`,
-						"aria-disabled": item.disabled,
-						tabindex: item.disabled ? -1 : 0,
-						onClick: ($event) => !item.disabled && unref(toggle)(item.key),
-						onKeydown: ($event) => unref(handleKeyDown)($event, item.key)
-					}, [
-						createCommentVNode(" 展开图标 "),
-						createElementVNode("span", { class: normalizeClass(["collapse-item__arrow", { "collapse-item__arrow--expanded": unref(isExpanded)(item.key) }]) }, [createVNode(C_Icon_default, {
-							name: "mdi:chevron-right",
-							size: 16,
-							color: "currentColor"
-						})], 2),
-						createCommentVNode(" 标题区域 "),
-						createElementVNode("div", _hoisted_2, [renderSlot(_ctx.$slots, `header-${item.key}`, {
-							item,
-							expanded: unref(isExpanded)(item.key)
-						}, () => [createElementVNode("div", _hoisted_3, [
-							item.icon ? (openBlock(), createBlock(C_Icon_default, {
-								key: 0,
-								name: item.icon,
-								size: 18,
-								color: "currentColor",
-								class: "collapse-item__icon"
-							}, null, 8, ["name"])) : createCommentVNode("v-if", true),
-							createElementVNode("span", _hoisted_4, toDisplayString(item.title), 1),
-							item.subtitle ? (openBlock(), createElementBlock("span", _hoisted_5, toDisplayString(item.subtitle), 1)) : createCommentVNode("v-if", true)
-						])], true)]),
-						createCommentVNode(" 头部右侧操作区 "),
-						_ctx.$slots[`extra-${item.key}`] ? (openBlock(), createElementBlock("div", {
-							key: 0,
-							class: "collapse-item__extra",
-							onClick: _cache[0] || (_cache[0] = withModifiers(() => {}, ["stop"]))
-						}, [renderSlot(_ctx.$slots, `extra-${item.key}`, {
-							item,
-							expanded: unref(isExpanded)(item.key)
-						}, void 0, true)])) : createCommentVNode("v-if", true)
-					], 40, _hoisted_1),
-					createCommentVNode(" 面板内容 "),
-					createVNode(Transition, {
-						name: "collapse-slide",
-						onEnter,
-						onAfterEnter,
-						onLeave,
-						onAfterLeave,
-						persisted: ""
-					}, {
-						default: withCtx(() => [withDirectives(createElementVNode("div", {
-							id: `collapse-content-${item.key}`,
-							class: "collapse-item__content-wrapper",
-							role: "region",
-							"aria-labelledby": `collapse-header-${item.key}`
-						}, [unref(shouldRender)(item) ? (openBlock(), createElementBlock("div", _hoisted_7, [renderSlot(_ctx.$slots, `panel-${item.key}`, {
-							item,
-							expanded: unref(isExpanded)(item.key)
-						}, void 0, true)])) : createCommentVNode("v-if", true)], 8, _hoisted_6), [[vShow, unref(isExpanded)(item.key)]])]),
-						_: 2
-					}, 1024)
-				], 2);
-			}), 128))], 2);
-		};
-	}
-});
-
-//#endregion
-//#region src/components/C_CollapsePanel/index.vue
-var C_CollapsePanel_default = /* @__PURE__ */ export_helper_default(index_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-0ab400c1"]]);
-
-//#endregion
-export { useCollapsePanel as n, C_CollapsePanel_default as t };
+import{t as e}from"./C_Icon2.js";import{t}from"./export-helper.js";import{Fragment as n,Transition as r,computed as i,createBlock as a,createCommentVNode as o,createElementBlock as s,createElementVNode as c,createVNode as l,defineComponent as u,normalizeClass as d,openBlock as f,ref as p,renderList as m,renderSlot as h,toDisplayString as g,toRef as _,unref as v,vShow as y,watch as b,withCtx as x,withDirectives as S,withModifiers as C}from"vue";function w(e){let{items:t,activeKeys:n,defaultActiveKeys:r,accordion:a,persistKey:o,onChange:s,onExpand:c,onCollapse:l}=e,u=()=>{if(!o.value)return null;try{let e=localStorage.getItem(`collapse-panel:${o.value}`);return e?JSON.parse(e):null}catch{return null}},d=e=>{if(o.value)try{localStorage.setItem(`collapse-panel:${o.value}`,JSON.stringify(e))}catch{}},f=p(n.value===void 0?u()||[...r]:[...n.value]),m=p(new Set(f.value)),h=i({get:()=>n.value===void 0?f.value:n.value,set:e=>{f.value=e}}),g=e=>h.value.includes(e),_=e=>{let t=g(e.key);return e.destroyOnCollapse?t:e.lazy?m.value.has(e.key):!0},v=e=>{h.value=e,s?.(e),d(e)},y=e=>{let n=t.value.find(t=>t.key===e);if(!(!n||n.disabled))if(g(e))v(h.value.filter(t=>t!==e)),l?.(e);else{if(m.value.add(e),a.value){let t=h.value;v([e]),t.forEach(t=>{t!==e&&l?.(t)})}else v([...h.value,e]);c?.(e)}};return b(()=>n.value,e=>{e!==void 0&&(f.value=[...e],e.forEach(e=>m.value.add(e)),d(e))}),{currentKeys:h,renderedOnce:m,isExpanded:g,shouldRender:_,toggle:y,expandAll:()=>{if(a.value)return;let e=t.value.filter(e=>!e.disabled).map(e=>e.key);e.forEach(e=>m.value.add(e)),v(e)},collapseAll:()=>{v([])},getActiveKeys:()=>[...h.value],handleKeyDown:(e,t)=>{[`Enter`,` `].includes(e.key)&&(e.preventDefault(),y(t))}}}const T=[`aria-expanded`,`aria-controls`,`aria-disabled`,`tabindex`,`onClick`,`onKeydown`],E={class:`collapse-item__title-area`},D={class:`collapse-item__title-group`},O={class:`collapse-item__title`},k={key:1,class:`collapse-item__subtitle`},A=[`id`,`aria-labelledby`],j={key:0,class:`collapse-item__content`};var M=t(u({name:`C_CollapsePanel`,__name:`index`,props:{items:{},activeKeys:{default:void 0},defaultActiveKeys:{default:()=>[]},accordion:{type:Boolean,default:!1},variant:{default:`default`},expandIconPosition:{default:`left`},bordered:{type:Boolean,default:!0},persistKey:{default:void 0}},emits:[`update:activeKeys`,`expand`,`collapse`,`change`],setup(t,{expose:i,emit:u}){let b=t,M=u,N=p(null),P=p(new Map),F=(e,t)=>{t?P.value.set(e,t):P.value.delete(e)},{isExpanded:I,shouldRender:L,toggle:R,expandAll:z,collapseAll:B,getActiveKeys:V,handleKeyDown:H}=w({items:_(b,`items`),activeKeys:_(b,`activeKeys`),defaultActiveKeys:b.defaultActiveKeys,accordion:_(b,`accordion`),persistKey:_(b,`persistKey`),onChange:e=>{M(`update:activeKeys`,e),M(`change`,e)},onExpand:e=>M(`expand`,e),onCollapse:e=>M(`collapse`,e)}),U=e=>{let t=e;t.style.height=`0`,t.style.overflow=`hidden`,t.offsetHeight,t.style.height=`${t.scrollHeight}px`},W=e=>{let t=e;t.style.height=``,t.style.overflow=``},G=e=>{let t=e;t.style.height=`${t.scrollHeight}px`,t.style.overflow=`hidden`,t.offsetHeight,t.style.height=`0`},K=e=>{let t=e;t.style.height=``,t.style.overflow=``};return i({expandAll:z,collapseAll:B,toggle:R,getActiveKeys:V,scrollToPanel:e=>{let t=P.value.get(e);t&&t.scrollIntoView({behavior:`smooth`,block:`start`})}}),(t,i)=>(f(),s(`div`,{ref_key:`containerRef`,ref:N,class:d([`c-collapse-panel`,[`c-collapse-panel--${t.variant}`,{"c-collapse-panel--bordered":t.bordered,"c-collapse-panel--icon-right":t.expandIconPosition===`right`}]])},[(f(!0),s(n,null,m(t.items,n=>(f(),s(`div`,{key:n.key,ref_for:!0,ref:e=>F(n.key,e),class:d([`collapse-item`,{"collapse-item--active":v(I)(n.key),"collapse-item--disabled":n.disabled}])},[o(` 面板头部 `),c(`div`,{class:`collapse-item__header`,role:`button`,"aria-expanded":v(I)(n.key),"aria-controls":`collapse-content-${n.key}`,"aria-disabled":n.disabled,tabindex:n.disabled?-1:0,onClick:e=>!n.disabled&&v(R)(n.key),onKeydown:e=>v(H)(e,n.key)},[o(` 展开图标 `),c(`span`,{class:d([`collapse-item__arrow`,{"collapse-item__arrow--expanded":v(I)(n.key)}])},[l(e,{name:`mdi:chevron-right`,size:16,color:`currentColor`})],2),o(` 标题区域 `),c(`div`,E,[h(t.$slots,`header-${n.key}`,{item:n,expanded:v(I)(n.key)},()=>[c(`div`,D,[n.icon?(f(),a(e,{key:0,name:n.icon,size:18,color:`currentColor`,class:`collapse-item__icon`},null,8,[`name`])):o(`v-if`,!0),c(`span`,O,g(n.title),1),n.subtitle?(f(),s(`span`,k,g(n.subtitle),1)):o(`v-if`,!0)])],!0)]),o(` 头部右侧操作区 `),t.$slots[`extra-${n.key}`]?(f(),s(`div`,{key:0,class:`collapse-item__extra`,onClick:i[0]||=C(()=>{},[`stop`])},[h(t.$slots,`extra-${n.key}`,{item:n,expanded:v(I)(n.key)},void 0,!0)])):o(`v-if`,!0)],40,T),o(` 面板内容 `),l(r,{name:`collapse-slide`,onEnter:U,onAfterEnter:W,onLeave:G,onAfterLeave:K,persisted:``},{default:x(()=>[S(c(`div`,{id:`collapse-content-${n.key}`,class:`collapse-item__content-wrapper`,role:`region`,"aria-labelledby":`collapse-header-${n.key}`},[v(L)(n)?(f(),s(`div`,j,[h(t.$slots,`panel-${n.key}`,{item:n,expanded:v(I)(n.key)},void 0,!0)])):o(`v-if`,!0)],8,A),[[y,v(I)(n.key)]])]),_:2},1024)],2))),128))],2))}}),[[`__scopeId`,`data-v-0ab400c1`]]);export{w as n,M as t};
 //# sourceMappingURL=C_CollapsePanel2.js.map

package/dist/C_CollapsePanel2.js.map

@@ -1 +1 @@
-{"version":3,"file":"C_CollapsePanel2.js","names":["variant","bordered","expandIconPosition","items","$slots"],"sources":["../src/components/C_CollapsePanel/composables/useCollapsePanel.ts","../src/components/C_CollapsePanel/index.vue","../src/components/C_CollapsePanel/index.vue","../src/components/C_CollapsePanel/index.vue"],"sourcesContent":["import { ref, computed, watch } from 'vue'\r\nimport type { Ref } from 'vue'\r\nimport type { CollapsePanelItem } from '../types'\r\n\r\ninterface UseCollapsePanelOptions {\r\n  /** 面板项配置 */\r\n  items: Ref<CollapsePanelItem[]>\r\n  /** 外部 v-model activeKeys */\r\n  activeKeys: Ref<string[] | undefined>\r\n  /** 非受控时的默认激活 key */\r\n  defaultActiveKeys: string[]\r\n  /** 是否手风琴模式 */\r\n  accordion: Ref<boolean>\r\n  /** localStorage 持久化 key */\r\n  persistKey: Ref<string | undefined>\r\n  /** activeKeys 变化回调 */\r\n  onChange?: (keys: string[]) => void\r\n  /** 单面板展开回调 */\r\n  onExpand?: (key: string) => void\r\n  /** 单面板折叠回调 */\r\n  onCollapse?: (key: string) => void\r\n}\r\n\r\n/**\r\n * 折叠面板展开/折叠核心逻辑\r\n */\r\nexport function useCollapsePanel(options: UseCollapsePanelOptions) {\r\n  const {\r\n    items,\r\n    activeKeys: externalKeys,\r\n    defaultActiveKeys,\r\n    accordion,\r\n    persistKey,\r\n    onChange,\r\n    onExpand,\r\n    onCollapse,\r\n  } = options\r\n\r\n  /* ─── 持久化读取 ──────────────────────────────── */\r\n  const loadPersistedKeys = (): string[] | null => {\r\n    if (!persistKey.value) return null\r\n    try {\r\n      const raw = localStorage.getItem(`collapse-panel:${persistKey.value}`)\r\n      return raw ? JSON.parse(raw) : null\r\n    } catch {\r\n      return null\r\n    }\r\n  }\r\n\r\n  const savePersistedKeys = (keys: string[]) => {\r\n    if (!persistKey.value) return\r\n    try {\r\n      localStorage.setItem(\r\n        `collapse-panel:${persistKey.value}`,\r\n        JSON.stringify(keys),\r\n      )\r\n    } catch {\r\n      /* 静默失败 */\r\n    }\r\n  }\r\n\r\n  /* ─── 内部状态 ────────────────────────────────── */\r\n  const resolveInitialKeys = (): string[] => {\r\n    /* 优先级：外部 v-model > 持久化 > 默认值 */\r\n    if (externalKeys.value !== undefined) return [...externalKeys.value]\r\n    const persisted = loadPersistedKeys()\r\n    if (persisted) return persisted\r\n    return [...defaultActiveKeys]\r\n  }\r\n\r\n  const internalKeys = ref<string[]>(resolveInitialKeys())\r\n\r\n  /** 懒渲染追踪：记录哪些面板曾被展开过 */\r\n  const renderedOnce = ref<Set<string>>(new Set(internalKeys.value))\r\n\r\n  /* ─── 计算属性 ────────────────────────────────── */\r\n  /** 当前激活的 key 数组（兼容受控 / 非受控） */\r\n  const currentKeys = computed<string[]>({\r\n    get: () =>\r\n      externalKeys.value !== undefined\r\n        ? externalKeys.value\r\n        : internalKeys.value,\r\n    set: (val) => {\r\n      internalKeys.value = val\r\n    },\r\n  })\r\n\r\n  /**\r\n   * 判断面板是否展开\r\n   */\r\n  const isExpanded = (key: string): boolean => {\r\n    return currentKeys.value.includes(key)\r\n  }\r\n\r\n  /**\r\n   * 判断面板是否应该渲染内容\r\n   * - lazy 面板只有被展开过至少一次后才渲染\r\n   * - destroyOnCollapse 面板在折叠后销毁 DOM\r\n   */\r\n  const shouldRender = (item: CollapsePanelItem): boolean => {\r\n    const expanded = isExpanded(item.key)\r\n\r\n    if (item.destroyOnCollapse) return expanded\r\n    if (item.lazy) return renderedOnce.value.has(item.key)\r\n    return true\r\n  }\r\n\r\n  /* ─── 操作方法 ────────────────────────────────── */\r\n  const updateKeys = (newKeys: string[]) => {\r\n    currentKeys.value = newKeys\r\n    onChange?.(newKeys)\r\n    savePersistedKeys(newKeys)\r\n  }\r\n\r\n  const toggle = (key: string) => {\r\n    const item = items.value.find((i) => i.key === key)\r\n    if (!item || item.disabled) return\r\n\r\n    const expanded = isExpanded(key)\r\n\r\n    if (expanded) {\r\n      /* 折叠 */\r\n      updateKeys(currentKeys.value.filter((k) => k !== key))\r\n      onCollapse?.(key)\r\n    } else {\r\n      /* 展开 */\r\n      renderedOnce.value.add(key)\r\n\r\n      if (accordion.value) {\r\n        /* 手风琴模式：关闭其他面板 */\r\n        const prevKeys = currentKeys.value\r\n        updateKeys([key])\r\n        /* 通知被折叠的面板 */\r\n        prevKeys.forEach((k) => {\r\n          if (k !== key) onCollapse?.(k)\r\n        })\r\n      } else {\r\n        updateKeys([...currentKeys.value, key])\r\n      }\r\n      onExpand?.(key)\r\n    }\r\n  }\r\n\r\n  const expandAll = () => {\r\n    if (accordion.value) return /* 手风琴模式不支持全展开 */\r\n\r\n    const allKeys = items.value.filter((i) => !i.disabled).map((i) => i.key)\r\n\r\n    allKeys.forEach((k) => renderedOnce.value.add(k))\r\n    updateKeys(allKeys)\r\n  }\r\n\r\n  const collapseAll = () => {\r\n    updateKeys([])\r\n  }\r\n\r\n  const getActiveKeys = (): string[] => {\r\n    return [...currentKeys.value]\r\n  }\r\n\r\n  /* ─── 键盘导航 ────────────────────────────────── */\r\n  const handleKeyDown = (e: KeyboardEvent, key: string) => {\r\n    if (['Enter', ' '].includes(e.key)) {\r\n      e.preventDefault()\r\n      toggle(key)\r\n    }\r\n  }\r\n\r\n  /* ─── 同步外部 v-model 变化 ───────────────────── */\r\n  watch(\r\n    () => externalKeys.value,\r\n    (newVal) => {\r\n      if (newVal !== undefined) {\r\n        internalKeys.value = [...newVal]\r\n        newVal.forEach((k) => renderedOnce.value.add(k))\r\n        savePersistedKeys(newVal)\r\n      }\r\n    },\r\n  )\r\n\r\n  return {\r\n    currentKeys,\r\n    renderedOnce,\r\n    isExpanded,\r\n    shouldRender,\r\n    toggle,\r\n    expandAll,\r\n    collapseAll,\r\n    getActiveKeys,\r\n    handleKeyDown,\r\n  }\r\n}\r\n","/* unplugin-vue-components disabled */<!--\r\n * @Author: ChenYu ycyplus@gmail.com\r\n * @Date: 2026-02-25\r\n * @Description: 折叠面板组件\r\n * @Migration: naive-ui-components 组件库迁移版本\r\n * Copyright (c) 2026 by CHENY, All Rights Reserved.\r\n-->\r\n<template>\r\n  <div\r\n    ref=\"containerRef\"\r\n    class=\"c-collapse-panel\"\r\n    :class=\"[\r\n      `c-collapse-panel--${variant}`,\r\n      {\r\n        'c-collapse-panel--bordered': bordered,\r\n        'c-collapse-panel--icon-right': expandIconPosition === 'right',\r\n      },\r\n    ]\"\r\n  >\r\n    <div\r\n      v-for=\"item in items\"\r\n      :key=\"item.key\"\r\n      :ref=\"(el) => setPanelRef(item.key, el as HTMLElement)\"\r\n      class=\"collapse-item\"\r\n      :class=\"{\r\n        'collapse-item--active': isExpanded(item.key),\r\n        'collapse-item--disabled': item.disabled,\r\n      }\"\r\n    >\r\n      <!-- 面板头部 -->\r\n      <div\r\n        class=\"collapse-item__header\"\r\n        role=\"button\"\r\n        :aria-expanded=\"isExpanded(item.key)\"\r\n        :aria-controls=\"`collapse-content-${item.key}`\"\r\n        :aria-disabled=\"item.disabled\"\r\n        :tabindex=\"item.disabled ? -1 : 0\"\r\n        @click=\"!item.disabled && toggle(item.key)\"\r\n        @keydown=\"handleKeyDown($event, item.key)\"\r\n      >\r\n        <!-- 展开图标 -->\r\n        <span\r\n          class=\"collapse-item__arrow\"\r\n          :class=\"{ 'collapse-item__arrow--expanded': isExpanded(item.key) }\"\r\n        >\r\n          <C_Icon name=\"mdi:chevron-right\" :size=\"16\" color=\"currentColor\" />\r\n        </span>\r\n\r\n        <!-- 标题区域 -->\r\n        <div class=\"collapse-item__title-area\">\r\n          <slot\r\n            :name=\"`header-${item.key}`\"\r\n            :item=\"item\"\r\n            :expanded=\"isExpanded(item.key)\"\r\n          >\r\n            <div class=\"collapse-item__title-group\">\r\n              <C_Icon\r\n                v-if=\"item.icon\"\r\n                :name=\"item.icon\"\r\n                :size=\"18\"\r\n                color=\"currentColor\"\r\n                class=\"collapse-item__icon\"\r\n              />\r\n              <span class=\"collapse-item__title\">{{ item.title }}</span>\r\n              <span v-if=\"item.subtitle\" class=\"collapse-item__subtitle\">\r\n                {{ item.subtitle }}\r\n              </span>\r\n            </div>\r\n          </slot>\r\n        </div>\r\n\r\n        <!-- 头部右侧操作区 -->\r\n        <div\r\n          v-if=\"$slots[`extra-${item.key}`]\"\r\n          class=\"collapse-item__extra\"\r\n          @click.stop\r\n        >\r\n          <slot\r\n            :name=\"`extra-${item.key}`\"\r\n            :item=\"item\"\r\n            :expanded=\"isExpanded(item.key)\"\r\n          />\r\n        </div>\r\n      </div>\r\n\r\n      <!-- 面板内容 -->\r\n      <Transition\r\n        name=\"collapse-slide\"\r\n        @enter=\"onEnter\"\r\n        @after-enter=\"onAfterEnter\"\r\n        @leave=\"onLeave\"\r\n        @after-leave=\"onAfterLeave\"\r\n      >\r\n        <div\r\n          v-show=\"isExpanded(item.key)\"\r\n          :id=\"`collapse-content-${item.key}`\"\r\n          class=\"collapse-item__content-wrapper\"\r\n          role=\"region\"\r\n          :aria-labelledby=\"`collapse-header-${item.key}`\"\r\n        >\r\n          <div v-if=\"shouldRender(item)\" class=\"collapse-item__content\">\r\n            <slot\r\n              :name=\"`panel-${item.key}`\"\r\n              :item=\"item\"\r\n              :expanded=\"isExpanded(item.key)\"\r\n            />\r\n          </div>\r\n        </div>\r\n      </Transition>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { ref, toRef } from \"vue\";\r\nimport C_Icon from \"../C_Icon/index.vue\";\r\nimport { useCollapsePanel } from \"./composables/useCollapsePanel\";\r\nimport type {\r\n  CollapsePanelExpose,\r\n  CollapsePanelItem,\r\n  CollapsePanelVariant,\r\n  ExpandIconPosition,\r\n} from \"./types\";\r\n\r\ndefineOptions({ name: \"C_CollapsePanel\" });\r\n\r\ninterface Props {\r\n  /** 面板项配置数组 */\r\n  items: CollapsePanelItem[];\r\n  /** 当前激活面板的 key 数组（v-model） */\r\n  activeKeys?: string[];\r\n  /** 默认展开的面板 key 数组 */\r\n  defaultActiveKeys?: string[];\r\n  /** 是否手风琴模式 */\r\n  accordion?: boolean;\r\n  /** 面板样式变体 */\r\n  variant?: CollapsePanelVariant;\r\n  /** 展开图标位置 */\r\n  expandIconPosition?: ExpandIconPosition;\r\n  /** 是否显示边框 */\r\n  bordered?: boolean;\r\n  /** 展开状态 localStorage 持久化 key */\r\n  persistKey?: string;\r\n}\r\n\r\nconst props = withDefaults(defineProps<Props>(), {\r\n  activeKeys: undefined,\r\n  defaultActiveKeys: () => [],\r\n  accordion: false,\r\n  variant: \"default\",\r\n  expandIconPosition: \"left\",\r\n  bordered: true,\r\n  persistKey: undefined,\r\n});\r\n\r\nconst emit = defineEmits<{\r\n  \"update:activeKeys\": [keys: string[]];\r\n  expand: [key: string];\r\n  collapse: [key: string];\r\n  change: [activeKeys: string[]];\r\n}>();\r\n\r\nconst containerRef = ref<HTMLElement | null>(null);\r\nconst panelRefs = ref<Map<string, HTMLElement>>(new Map());\r\n\r\nconst setPanelRef = (key: string, el: HTMLElement | null) => {\r\n  if (el) {\r\n    panelRefs.value.set(key, el);\r\n  } else {\r\n    panelRefs.value.delete(key);\r\n  }\r\n};\r\n\r\nconst {\r\n  isExpanded,\r\n  shouldRender,\r\n  toggle,\r\n  expandAll,\r\n  collapseAll,\r\n  getActiveKeys,\r\n  handleKeyDown,\r\n} = useCollapsePanel({\r\n  items: toRef(props, \"items\"),\r\n  activeKeys: toRef(props, \"activeKeys\"),\r\n  defaultActiveKeys: props.defaultActiveKeys,\r\n  accordion: toRef(props, \"accordion\"),\r\n  persistKey: toRef(props, \"persistKey\"),\r\n  onChange: (keys) => {\r\n    emit(\"update:activeKeys\", keys);\r\n    emit(\"change\", keys);\r\n  },\r\n  onExpand: (key) => emit(\"expand\", key),\r\n  onCollapse: (key) => emit(\"collapse\", key),\r\n});\r\n\r\n/* ─── 展开/折叠动画 ──────────────────────────── */\r\nconst onEnter = (el: Element) => {\r\n  const element = el as HTMLElement;\r\n  element.style.height = \"0\";\r\n  element.style.overflow = \"hidden\";\r\n  /* 强制 reflow */\r\n  void element.offsetHeight;\r\n  element.style.height = `${element.scrollHeight}px`;\r\n};\r\n\r\nconst onAfterEnter = (el: Element) => {\r\n  const element = el as HTMLElement;\r\n  element.style.height = \"\";\r\n  element.style.overflow = \"\";\r\n};\r\n\r\nconst onLeave = (el: Element) => {\r\n  const element = el as HTMLElement;\r\n  element.style.height = `${element.scrollHeight}px`;\r\n  element.style.overflow = \"hidden\";\r\n  void element.offsetHeight;\r\n  element.style.height = \"0\";\r\n};\r\n\r\nconst onAfterLeave = (el: Element) => {\r\n  const element = el as HTMLElement;\r\n  element.style.height = \"\";\r\n  element.style.overflow = \"\";\r\n};\r\n\r\n/* ─── 滚动到指定面板 ─────────────────────────── */\r\nconst scrollToPanel = (key: string) => {\r\n  const el = panelRefs.value.get(key);\r\n  if (el) {\r\n    el.scrollIntoView({ behavior: \"smooth\", block: \"start\" });\r\n  }\r\n};\r\n\r\n/* ─── 暴露方法 ──────────────────────────────── */\r\ndefineExpose<CollapsePanelExpose>({\r\n  expandAll,\r\n  collapseAll,\r\n  toggle,\r\n  getActiveKeys,\r\n  scrollToPanel,\r\n});\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n@use \"./index.scss\";\r\n</style>\r\n","/* unplugin-vue-components disabled */<!--\r\n * @Author: ChenYu ycyplus@gmail.com\r\n * @Date: 2026-02-25\r\n * @Description: 折叠面板组件\r\n * @Migration: naive-ui-components 组件库迁移版本\r\n * Copyright (c) 2026 by CHENY, All Rights Reserved.\r\n-->\r\n<template>\r\n  <div\r\n    ref=\"containerRef\"\r\n    class=\"c-collapse-panel\"\r\n    :class=\"[\r\n      `c-collapse-panel--${variant}`,\r\n      {\r\n        'c-collapse-panel--bordered': bordered,\r\n        'c-collapse-panel--icon-right': expandIconPosition === 'right',\r\n      },\r\n    ]\"\r\n  >\r\n    <div\r\n      v-for=\"item in items\"\r\n      :key=\"item.key\"\r\n      :ref=\"(el) => setPanelRef(item.key, el as HTMLElement)\"\r\n      class=\"collapse-item\"\r\n      :class=\"{\r\n        'collapse-item--active': isExpanded(item.key),\r\n        'collapse-item--disabled': item.disabled,\r\n      }\"\r\n    >\r\n      <!-- 面板头部 -->\r\n      <div\r\n        class=\"collapse-item__header\"\r\n        role=\"button\"\r\n        :aria-expanded=\"isExpanded(item.key)\"\r\n        :aria-controls=\"`collapse-content-${item.key}`\"\r\n        :aria-disabled=\"item.disabled\"\r\n        :tabindex=\"item.disabled ? -1 : 0\"\r\n        @click=\"!item.disabled && toggle(item.key)\"\r\n        @keydown=\"handleKeyDown($event, item.key)\"\r\n      >\r\n        <!-- 展开图标 -->\r\n        <span\r\n          class=\"collapse-item__arrow\"\r\n          :class=\"{ 'collapse-item__arrow--expanded': isExpanded(item.key) }\"\r\n        >\r\n          <C_Icon name=\"mdi:chevron-right\" :size=\"16\" color=\"currentColor\" />\r\n        </span>\r\n\r\n        <!-- 标题区域 -->\r\n        <div class=\"collapse-item__title-area\">\r\n          <slot\r\n            :name=\"`header-${item.key}`\"\r\n            :item=\"item\"\r\n            :expanded=\"isExpanded(item.key)\"\r\n          >\r\n            <div class=\"collapse-item__title-group\">\r\n              <C_Icon\r\n                v-if=\"item.icon\"\r\n                :name=\"item.icon\"\r\n                :size=\"18\"\r\n                color=\"currentColor\"\r\n                class=\"collapse-item__icon\"\r\n              />\r\n              <span class=\"collapse-item__title\">{{ item.title }}</span>\r\n              <span v-if=\"item.subtitle\" class=\"collapse-item__subtitle\">\r\n                {{ item.subtitle }}\r\n              </span>\r\n            </div>\r\n          </slot>\r\n        </div>\r\n\r\n        <!-- 头部右侧操作区 -->\r\n        <div\r\n          v-if=\"$slots[`extra-${item.key}`]\"\r\n          class=\"collapse-item__extra\"\r\n          @click.stop\r\n        >\r\n          <slot\r\n            :name=\"`extra-${item.key}`\"\r\n            :item=\"item\"\r\n            :expanded=\"isExpanded(item.key)\"\r\n          />\r\n        </div>\r\n      </div>\r\n\r\n      <!-- 面板内容 -->\r\n      <Transition\r\n        name=\"collapse-slide\"\r\n        @enter=\"onEnter\"\r\n        @after-enter=\"onAfterEnter\"\r\n        @leave=\"onLeave\"\r\n        @after-leave=\"onAfterLeave\"\r\n      >\r\n        <div\r\n          v-show=\"isExpanded(item.key)\"\r\n          :id=\"`collapse-content-${item.key}`\"\r\n          class=\"collapse-item__content-wrapper\"\r\n          role=\"region\"\r\n          :aria-labelledby=\"`collapse-header-${item.key}`\"\r\n        >\r\n          <div v-if=\"shouldRender(item)\" class=\"collapse-item__content\">\r\n            <slot\r\n              :name=\"`panel-${item.key}`\"\r\n              :item=\"item\"\r\n              :expanded=\"isExpanded(item.key)\"\r\n            />\r\n          </div>\r\n        </div>\r\n      </Transition>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { ref, toRef } from \"vue\";\r\nimport C_Icon from \"../C_Icon/index.vue\";\r\nimport { useCollapsePanel } from \"./composables/useCollapsePanel\";\r\nimport type {\r\n  CollapsePanelExpose,\r\n  CollapsePanelItem,\r\n  CollapsePanelVariant,\r\n  ExpandIconPosition,\r\n} from \"./types\";\r\n\r\ndefineOptions({ name: \"C_CollapsePanel\" });\r\n\r\ninterface Props {\r\n  /** 面板项配置数组 */\r\n  items: CollapsePanelItem[];\r\n  /** 当前激活面板的 key 数组（v-model） */\r\n  activeKeys?: string[];\r\n  /** 默认展开的面板 key 数组 */\r\n  defaultActiveKeys?: string[];\r\n  /** 是否手风琴模式 */\r\n  accordion?: boolean;\r\n  /** 面板样式变体 */\r\n  variant?: CollapsePanelVariant;\r\n  /** 展开图标位置 */\r\n  expandIconPosition?: ExpandIconPosition;\r\n  /** 是否显示边框 */\r\n  bordered?: boolean;\r\n  /** 展开状态 localStorage 持久化 key */\r\n  persistKey?: string;\r\n}\r\n\r\nconst props = withDefaults(defineProps<Props>(), {\r\n  activeKeys: undefined,\r\n  defaultActiveKeys: () => [],\r\n  accordion: false,\r\n  variant: \"default\",\r\n  expandIconPosition: \"left\",\r\n  bordered: true,\r\n  persistKey: undefined,\r\n});\r\n\r\nconst emit = defineEmits<{\r\n  \"update:activeKeys\": [keys: string[]];\r\n  expand: [key: string];\r\n  collapse: [key: string];\r\n  change: [activeKeys: string[]];\r\n}>();\r\n\r\nconst containerRef = ref<HTMLElement | null>(null);\r\nconst panelRefs = ref<Map<string, HTMLElement>>(new Map());\r\n\r\nconst setPanelRef = (key: string, el: HTMLElement | null) => {\r\n  if (el) {\r\n    panelRefs.value.set(key, el);\r\n  } else {\r\n    panelRefs.value.delete(key);\r\n  }\r\n};\r\n\r\nconst {\r\n  isExpanded,\r\n  shouldRender,\r\n  toggle,\r\n  expandAll,\r\n  collapseAll,\r\n  getActiveKeys,\r\n  handleKeyDown,\r\n} = useCollapsePanel({\r\n  items: toRef(props, \"items\"),\r\n  activeKeys: toRef(props, \"activeKeys\"),\r\n  defaultActiveKeys: props.defaultActiveKeys,\r\n  accordion: toRef(props, \"accordion\"),\r\n  persistKey: toRef(props, \"persistKey\"),\r\n  onChange: (keys) => {\r\n    emit(\"update:activeKeys\", keys);\r\n    emit(\"change\", keys);\r\n  },\r\n  onExpand: (key) => emit(\"expand\", key),\r\n  onCollapse: (key) => emit(\"collapse\", key),\r\n});\r\n\r\n/* ─── 展开/折叠动画 ──────────────────────────── */\r\nconst onEnter = (el: Element) => {\r\n  const element = el as HTMLElement;\r\n  element.style.height = \"0\";\r\n  element.style.overflow = \"hidden\";\r\n  /* 强制 reflow */\r\n  void element.offsetHeight;\r\n  element.style.height = `${element.scrollHeight}px`;\r\n};\r\n\r\nconst onAfterEnter = (el: Element) => {\r\n  const element = el as HTMLElement;\r\n  element.style.height = \"\";\r\n  element.style.overflow = \"\";\r\n};\r\n\r\nconst onLeave = (el: Element) => {\r\n  const element = el as HTMLElement;\r\n  element.style.height = `${element.scrollHeight}px`;\r\n  element.style.overflow = \"hidden\";\r\n  void element.offsetHeight;\r\n  element.style.height = \"0\";\r\n};\r\n\r\nconst onAfterLeave = (el: Element) => {\r\n  const element = el as HTMLElement;\r\n  element.style.height = \"\";\r\n  element.style.overflow = \"\";\r\n};\r\n\r\n/* ─── 滚动到指定面板 ─────────────────────────── */\r\nconst scrollToPanel = (key: string) => {\r\n  const el = panelRefs.value.get(key);\r\n  if (el) {\r\n    el.scrollIntoView({ behavior: \"smooth\", block: \"start\" });\r\n  }\r\n};\r\n\r\n/* ─── 暴露方法 ──────────────────────────────── */\r\ndefineExpose<CollapsePanelExpose>({\r\n  expandAll,\r\n  collapseAll,\r\n  toggle,\r\n  getActiveKeys,\r\n  scrollToPanel,\r\n});\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n@use \"./index.scss\";\r\n</style>\r\n","<!--\r\n * @Author: ChenYu ycyplus@gmail.com\r\n * @Date: 2026-02-25\r\n * @Description: 折叠面板组件\r\n * @Migration: naive-ui-components 组件库迁移版本\r\n * Copyright (c) 2026 by CHENY, All Rights Reserved.\r\n-->\r\n<template>\r\n  <div\r\n    ref=\"containerRef\"\r\n    class=\"c-collapse-panel\"\r\n    :class=\"[\r\n      `c-collapse-panel--${variant}`,\r\n      {\r\n        'c-collapse-panel--bordered': bordered,\r\n        'c-collapse-panel--icon-right': expandIconPosition === 'right',\r\n      },\r\n    ]\"\r\n  >\r\n    <div\r\n      v-for=\"item in items\"\r\n      :key=\"item.key\"\r\n      :ref=\"(el) => setPanelRef(item.key, el as HTMLElement)\"\r\n      class=\"collapse-item\"\r\n      :class=\"{\r\n        'collapse-item--active': isExpanded(item.key),\r\n        'collapse-item--disabled': item.disabled,\r\n      }\"\r\n    >\r\n      <!-- 面板头部 -->\r\n      <div\r\n        class=\"collapse-item__header\"\r\n        role=\"button\"\r\n        :aria-expanded=\"isExpanded(item.key)\"\r\n        :aria-controls=\"`collapse-content-${item.key}`\"\r\n        :aria-disabled=\"item.disabled\"\r\n        :tabindex=\"item.disabled ? -1 : 0\"\r\n        @click=\"!item.disabled && toggle(item.key)\"\r\n        @keydown=\"handleKeyDown($event, item.key)\"\r\n      >\r\n        <!-- 展开图标 -->\r\n        <span\r\n          class=\"collapse-item__arrow\"\r\n          :class=\"{ 'collapse-item__arrow--expanded': isExpanded(item.key) }\"\r\n        >\r\n          <C_Icon name=\"mdi:chevron-right\" :size=\"16\" color=\"currentColor\" />\r\n        </span>\r\n\r\n        <!-- 标题区域 -->\r\n        <div class=\"collapse-item__title-area\">\r\n          <slot\r\n            :name=\"`header-${item.key}`\"\r\n            :item=\"item\"\r\n            :expanded=\"isExpanded(item.key)\"\r\n          >\r\n            <div class=\"collapse-item__title-group\">\r\n              <C_Icon\r\n                v-if=\"item.icon\"\r\n                :name=\"item.icon\"\r\n                :size=\"18\"\r\n                color=\"currentColor\"\r\n                class=\"collapse-item__icon\"\r\n              />\r\n              <span class=\"collapse-item__title\">{{ item.title }}</span>\r\n              <span v-if=\"item.subtitle\" class=\"collapse-item__subtitle\">\r\n                {{ item.subtitle }}\r\n              </span>\r\n            </div>\r\n          </slot>\r\n        </div>\r\n\r\n        <!-- 头部右侧操作区 -->\r\n        <div\r\n          v-if=\"$slots[`extra-${item.key}`]\"\r\n          class=\"collapse-item__extra\"\r\n          @click.stop\r\n        >\r\n          <slot\r\n            :name=\"`extra-${item.key}`\"\r\n            :item=\"item\"\r\n            :expanded=\"isExpanded(item.key)\"\r\n          />\r\n        </div>\r\n      </div>\r\n\r\n      <!-- 面板内容 -->\r\n      <Transition\r\n        name=\"collapse-slide\"\r\n        @enter=\"onEnter\"\r\n        @after-enter=\"onAfterEnter\"\r\n        @leave=\"onLeave\"\r\n        @after-leave=\"onAfterLeave\"\r\n      >\r\n        <div\r\n          v-show=\"isExpanded(item.key)\"\r\n          :id=\"`collapse-content-${item.key}`\"\r\n          class=\"collapse-item__content-wrapper\"\r\n          role=\"region\"\r\n          :aria-labelledby=\"`collapse-header-${item.key}`\"\r\n        >\r\n          <div v-if=\"shouldRender(item)\" class=\"collapse-item__content\">\r\n            <slot\r\n              :name=\"`panel-${item.key}`\"\r\n              :item=\"item\"\r\n              :expanded=\"isExpanded(item.key)\"\r\n            />\r\n          </div>\r\n        </div>\r\n      </Transition>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { ref, toRef } from \"vue\";\r\nimport C_Icon from \"../C_Icon/index.vue\";\r\nimport { useCollapsePanel } from \"./composables/useCollapsePanel\";\r\nimport type {\r\n  CollapsePanelExpose,\r\n  CollapsePanelItem,\r\n  CollapsePanelVariant,\r\n  ExpandIconPosition,\r\n} from \"./types\";\r\n\r\ndefineOptions({ name: \"C_CollapsePanel\" });\r\n\r\ninterface Props {\r\n  /** 面板项配置数组 */\r\n  items: CollapsePanelItem[];\r\n  /** 当前激活面板的 key 数组（v-model） */\r\n  activeKeys?: string[];\r\n  /** 默认展开的面板 key 数组 */\r\n  defaultActiveKeys?: string[];\r\n  /** 是否手风琴模式 */\r\n  accordion?: boolean;\r\n  /** 面板样式变体 */\r\n  variant?: CollapsePanelVariant;\r\n  /** 展开图标位置 */\r\n  expandIconPosition?: ExpandIconPosition;\r\n  /** 是否显示边框 */\r\n  bordered?: boolean;\r\n  /** 展开状态 localStorage 持久化 key */\r\n  persistKey?: string;\r\n}\r\n\r\nconst props = withDefaults(defineProps<Props>(), {\r\n  activeKeys: undefined,\r\n  defaultActiveKeys: () => [],\r\n  accordion: false,\r\n  variant: \"default\",\r\n  expandIconPosition: \"left\",\r\n  bordered: true,\r\n  persistKey: undefined,\r\n});\r\n\r\nconst emit = defineEmits<{\r\n  \"update:activeKeys\": [keys: string[]];\r\n  expand: [key: string];\r\n  collapse: [key: string];\r\n  change: [activeKeys: string[]];\r\n}>();\r\n\r\nconst containerRef = ref<HTMLElement | null>(null);\r\nconst panelRefs = ref<Map<string, HTMLElement>>(new Map());\r\n\r\nconst setPanelRef = (key: string, el: HTMLElement | null) => {\r\n  if (el) {\r\n    panelRefs.value.set(key, el);\r\n  } else {\r\n    panelRefs.value.delete(key);\r\n  }\r\n};\r\n\r\nconst {\r\n  isExpanded,\r\n  shouldRender,\r\n  toggle,\r\n  expandAll,\r\n  collapseAll,\r\n  getActiveKeys,\r\n  handleKeyDown,\r\n} = useCollapsePanel({\r\n  items: toRef(props, \"items\"),\r\n  activeKeys: toRef(props, \"activeKeys\"),\r\n  defaultActiveKeys: props.defaultActiveKeys,\r\n  accordion: toRef(props, \"accordion\"),\r\n  persistKey: toRef(props, \"persistKey\"),\r\n  onChange: (keys) => {\r\n    emit(\"update:activeKeys\", keys);\r\n    emit(\"change\", keys);\r\n  },\r\n  onExpand: (key) => emit(\"expand\", key),\r\n  onCollapse: (key) => emit(\"collapse\", key),\r\n});\r\n\r\n/* ─── 展开/折叠动画 ──────────────────────────── */\r\nconst onEnter = (el: Element) => {\r\n  const element = el as HTMLElement;\r\n  element.style.height = \"0\";\r\n  element.style.overflow = \"hidden\";\r\n  /* 强制 reflow */\r\n  void element.offsetHeight;\r\n  element.style.height = `${element.scrollHeight}px`;\r\n};\r\n\r\nconst onAfterEnter = (el: Element) => {\r\n  const element = el as HTMLElement;\r\n  element.style.height = \"\";\r\n  element.style.overflow = \"\";\r\n};\r\n\r\nconst onLeave = (el: Element) => {\r\n  const element = el as HTMLElement;\r\n  element.style.height = `${element.scrollHeight}px`;\r\n  element.style.overflow = \"hidden\";\r\n  void element.offsetHeight;\r\n  element.style.height = \"0\";\r\n};\r\n\r\nconst onAfterLeave = (el: Element) => {\r\n  const element = el as HTMLElement;\r\n  element.style.height = \"\";\r\n  element.style.overflow = \"\";\r\n};\r\n\r\n/* ─── 滚动到指定面板 ─────────────────────────── */\r\nconst scrollToPanel = (key: string) => {\r\n  const el = panelRefs.value.get(key);\r\n  if (el) {\r\n    el.scrollIntoView({ behavior: \"smooth\", block: \"start\" });\r\n  }\r\n};\r\n\r\n/* ─── 暴露方法 ──────────────────────────────── */\r\ndefineExpose<CollapsePanelExpose>({\r\n  expandAll,\r\n  collapseAll,\r\n  toggle,\r\n  getActiveKeys,\r\n  scrollToPanel,\r\n});\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n@use \"./index.scss\";\r\n</style>\r\n"],"mappings":"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"}
+{"version":3,"file":"C_CollapsePanel2.js","names":["variant","bordered","expandIconPosition","items","$slots"],"sources":["../src/components/C_CollapsePanel/composables/useCollapsePanel.ts","../src/components/C_CollapsePanel/index.vue","../src/components/C_CollapsePanel/index.vue","../src/components/C_CollapsePanel/index.vue"],"sourcesContent":["import { ref, computed, watch } from 'vue'\r\nimport type { Ref } from 'vue'\r\nimport type { CollapsePanelItem } from '../types'\r\n\r\ninterface UseCollapsePanelOptions {\r\n  /** 面板项配置 */\r\n  items: Ref<CollapsePanelItem[]>\r\n  /** 外部 v-model activeKeys */\r\n  activeKeys: Ref<string[] | undefined>\r\n  /** 非受控时的默认激活 key */\r\n  defaultActiveKeys: string[]\r\n  /** 是否手风琴模式 */\r\n  accordion: Ref<boolean>\r\n  /** localStorage 持久化 key */\r\n  persistKey: Ref<string | undefined>\r\n  /** activeKeys 变化回调 */\r\n  onChange?: (keys: string[]) => void\r\n  /** 单面板展开回调 */\r\n  onExpand?: (key: string) => void\r\n  /** 单面板折叠回调 */\r\n  onCollapse?: (key: string) => void\r\n}\r\n\r\n/**\r\n * 折叠面板展开/折叠核心逻辑\r\n */\r\nexport function useCollapsePanel(options: UseCollapsePanelOptions) {\r\n  const {\r\n    items,\r\n    activeKeys: externalKeys,\r\n    defaultActiveKeys,\r\n    accordion,\r\n    persistKey,\r\n    onChange,\r\n    onExpand,\r\n    onCollapse,\r\n  } = options\r\n\r\n  /* ─── 持久化读取 ──────────────────────────────── */\r\n  const loadPersistedKeys = (): string[] | null => {\r\n    if (!persistKey.value) return null\r\n    try {\r\n      const raw = localStorage.getItem(`collapse-panel:${persistKey.value}`)\r\n      return raw ? JSON.parse(raw) : null\r\n    } catch {\r\n      return null\r\n    }\r\n  }\r\n\r\n  const savePersistedKeys = (keys: string[]) => {\r\n    if (!persistKey.value) return\r\n    try {\r\n      localStorage.setItem(\r\n        `collapse-panel:${persistKey.value}`,\r\n        JSON.stringify(keys),\r\n      )\r\n    } catch {\r\n      /* 静默失败 */\r\n    }\r\n  }\r\n\r\n  /* ─── 内部状态 ────────────────────────────────── */\r\n  const resolveInitialKeys = (): string[] => {\r\n    /* 优先级：外部 v-model > 持久化 > 默认值 */\r\n    if (externalKeys.value !== undefined) return [...externalKeys.value]\r\n    const persisted = loadPersistedKeys()\r\n    if (persisted) return persisted\r\n    return [...defaultActiveKeys]\r\n  }\r\n\r\n  const internalKeys = ref<string[]>(resolveInitialKeys())\r\n\r\n  /** 懒渲染追踪：记录哪些面板曾被展开过 */\r\n  const renderedOnce = ref<Set<string>>(new Set(internalKeys.value))\r\n\r\n  /* ─── 计算属性 ────────────────────────────────── */\r\n  /** 当前激活的 key 数组（兼容受控 / 非受控） */\r\n  const currentKeys = computed<string[]>({\r\n    get: () =>\r\n      externalKeys.value !== undefined\r\n        ? externalKeys.value\r\n        : internalKeys.value,\r\n    set: (val) => {\r\n      internalKeys.value = val\r\n    },\r\n  })\r\n\r\n  /**\r\n   * 判断面板是否展开\r\n   */\r\n  const isExpanded = (key: string): boolean => {\r\n    return currentKeys.value.includes(key)\r\n  }\r\n\r\n  /**\r\n   * 判断面板是否应该渲染内容\r\n   * - lazy 面板只有被展开过至少一次后才渲染\r\n   * - destroyOnCollapse 面板在折叠后销毁 DOM\r\n   */\r\n  const shouldRender = (item: CollapsePanelItem): boolean => {\r\n    const expanded = isExpanded(item.key)\r\n\r\n    if (item.destroyOnCollapse) return expanded\r\n    if (item.lazy) return renderedOnce.value.has(item.key)\r\n    return true\r\n  }\r\n\r\n  /* ─── 操作方法 ────────────────────────────────── */\r\n  const updateKeys = (newKeys: string[]) => {\r\n    currentKeys.value = newKeys\r\n    onChange?.(newKeys)\r\n    savePersistedKeys(newKeys)\r\n  }\r\n\r\n  const toggle = (key: string) => {\r\n    const item = items.value.find((i) => i.key === key)\r\n    if (!item || item.disabled) return\r\n\r\n    const expanded = isExpanded(key)\r\n\r\n    if (expanded) {\r\n      /* 折叠 */\r\n      updateKeys(currentKeys.value.filter((k) => k !== key))\r\n      onCollapse?.(key)\r\n    } else {\r\n      /* 展开 */\r\n      renderedOnce.value.add(key)\r\n\r\n      if (accordion.value) {\r\n        /* 手风琴模式：关闭其他面板 */\r\n        const prevKeys = currentKeys.value\r\n        updateKeys([key])\r\n        /* 通知被折叠的面板 */\r\n        prevKeys.forEach((k) => {\r\n          if (k !== key) onCollapse?.(k)\r\n        })\r\n      } else {\r\n        updateKeys([...currentKeys.value, key])\r\n      }\r\n      onExpand?.(key)\r\n    }\r\n  }\r\n\r\n  const expandAll = () => {\r\n    if (accordion.value) return /* 手风琴模式不支持全展开 */\r\n\r\n    const allKeys = items.value.filter((i) => !i.disabled).map((i) => i.key)\r\n\r\n    allKeys.forEach((k) => renderedOnce.value.add(k))\r\n    updateKeys(allKeys)\r\n  }\r\n\r\n  const collapseAll = () => {\r\n    updateKeys([])\r\n  }\r\n\r\n  const getActiveKeys = (): string[] => {\r\n    return [...currentKeys.value]\r\n  }\r\n\r\n  /* ─── 键盘导航 ────────────────────────────────── */\r\n  const handleKeyDown = (e: KeyboardEvent, key: string) => {\r\n    if (['Enter', ' '].includes(e.key)) {\r\n      e.preventDefault()\r\n      toggle(key)\r\n    }\r\n  }\r\n\r\n  /* ─── 同步外部 v-model 变化 ───────────────────── */\r\n  watch(\r\n    () => externalKeys.value,\r\n    (newVal) => {\r\n      if (newVal !== undefined) {\r\n        internalKeys.value = [...newVal]\r\n        newVal.forEach((k) => renderedOnce.value.add(k))\r\n        savePersistedKeys(newVal)\r\n      }\r\n    },\r\n  )\r\n\r\n  return {\r\n    currentKeys,\r\n    renderedOnce,\r\n    isExpanded,\r\n    shouldRender,\r\n    toggle,\r\n    expandAll,\r\n    collapseAll,\r\n    getActiveKeys,\r\n    handleKeyDown,\r\n  }\r\n}\r\n","/* unplugin-vue-components disabled */<!--\r\n * @Author: ChenYu ycyplus@gmail.com\r\n * @Date: 2026-02-25\r\n * @Description: 折叠面板组件\r\n * @Migration: naive-ui-components 组件库迁移版本\r\n * Copyright (c) 2026 by CHENY, All Rights Reserved.\r\n-->\r\n<template>\r\n  <div\r\n    ref=\"containerRef\"\r\n    class=\"c-collapse-panel\"\r\n    :class=\"[\r\n      `c-collapse-panel--${variant}`,\r\n      {\r\n        'c-collapse-panel--bordered': bordered,\r\n        'c-collapse-panel--icon-right': expandIconPosition === 'right',\r\n      },\r\n    ]\"\r\n  >\r\n    <div\r\n      v-for=\"item in items\"\r\n      :key=\"item.key\"\r\n      :ref=\"(el) => setPanelRef(item.key, el as HTMLElement)\"\r\n      class=\"collapse-item\"\r\n      :class=\"{\r\n        'collapse-item--active': isExpanded(item.key),\r\n        'collapse-item--disabled': item.disabled,\r\n      }\"\r\n    >\r\n      <!-- 面板头部 -->\r\n      <div\r\n        class=\"collapse-item__header\"\r\n        role=\"button\"\r\n        :aria-expanded=\"isExpanded(item.key)\"\r\n        :aria-controls=\"`collapse-content-${item.key}`\"\r\n        :aria-disabled=\"item.disabled\"\r\n        :tabindex=\"item.disabled ? -1 : 0\"\r\n        @click=\"!item.disabled && toggle(item.key)\"\r\n        @keydown=\"handleKeyDown($event, item.key)\"\r\n      >\r\n        <!-- 展开图标 -->\r\n        <span\r\n          class=\"collapse-item__arrow\"\r\n          :class=\"{ 'collapse-item__arrow--expanded': isExpanded(item.key) }\"\r\n        >\r\n          <C_Icon name=\"mdi:chevron-right\" :size=\"16\" color=\"currentColor\" />\r\n        </span>\r\n\r\n        <!-- 标题区域 -->\r\n        <div class=\"collapse-item__title-area\">\r\n          <slot\r\n            :name=\"`header-${item.key}`\"\r\n            :item=\"item\"\r\n            :expanded=\"isExpanded(item.key)\"\r\n          >\r\n            <div class=\"collapse-item__title-group\">\r\n              <C_Icon\r\n                v-if=\"item.icon\"\r\n                :name=\"item.icon\"\r\n                :size=\"18\"\r\n                color=\"currentColor\"\r\n                class=\"collapse-item__icon\"\r\n              />\r\n              <span class=\"collapse-item__title\">{{ item.title }}</span>\r\n              <span v-if=\"item.subtitle\" class=\"collapse-item__subtitle\">\r\n                {{ item.subtitle }}\r\n              </span>\r\n            </div>\r\n          </slot>\r\n        </div>\r\n\r\n        <!-- 头部右侧操作区 -->\r\n        <div\r\n          v-if=\"$slots[`extra-${item.key}`]\"\r\n          class=\"collapse-item__extra\"\r\n          @click.stop\r\n        >\r\n          <slot\r\n            :name=\"`extra-${item.key}`\"\r\n            :item=\"item\"\r\n            :expanded=\"isExpanded(item.key)\"\r\n          />\r\n        </div>\r\n      </div>\r\n\r\n      <!-- 面板内容 -->\r\n      <Transition\r\n        name=\"collapse-slide\"\r\n        @enter=\"onEnter\"\r\n        @after-enter=\"onAfterEnter\"\r\n        @leave=\"onLeave\"\r\n        @after-leave=\"onAfterLeave\"\r\n      >\r\n        <div\r\n          v-show=\"isExpanded(item.key)\"\r\n          :id=\"`collapse-content-${item.key}`\"\r\n          class=\"collapse-item__content-wrapper\"\r\n          role=\"region\"\r\n          :aria-labelledby=\"`collapse-header-${item.key}`\"\r\n        >\r\n          <div v-if=\"shouldRender(item)\" class=\"collapse-item__content\">\r\n            <slot\r\n              :name=\"`panel-${item.key}`\"\r\n              :item=\"item\"\r\n              :expanded=\"isExpanded(item.key)\"\r\n            />\r\n          </div>\r\n        </div>\r\n      </Transition>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { ref, toRef } from \"vue\";\r\nimport C_Icon from \"../C_Icon/index.vue\";\r\nimport { useCollapsePanel } from \"./composables/useCollapsePanel\";\r\nimport type {\r\n  CollapsePanelExpose,\r\n  CollapsePanelItem,\r\n  CollapsePanelVariant,\r\n  ExpandIconPosition,\r\n} from \"./types\";\r\n\r\ndefineOptions({ name: \"C_CollapsePanel\" });\r\n\r\ninterface Props {\r\n  /** 面板项配置数组 */\r\n  items: CollapsePanelItem[];\r\n  /** 当前激活面板的 key 数组（v-model） */\r\n  activeKeys?: string[];\r\n  /** 默认展开的面板 key 数组 */\r\n  defaultActiveKeys?: string[];\r\n  /** 是否手风琴模式 */\r\n  accordion?: boolean;\r\n  /** 面板样式变体 */\r\n  variant?: CollapsePanelVariant;\r\n  /** 展开图标位置 */\r\n  expandIconPosition?: ExpandIconPosition;\r\n  /** 是否显示边框 */\r\n  bordered?: boolean;\r\n  /** 展开状态 localStorage 持久化 key */\r\n  persistKey?: string;\r\n}\r\n\r\nconst props = withDefaults(defineProps<Props>(), {\r\n  activeKeys: undefined,\r\n  defaultActiveKeys: () => [],\r\n  accordion: false,\r\n  variant: \"default\",\r\n  expandIconPosition: \"left\",\r\n  bordered: true,\r\n  persistKey: undefined,\r\n});\r\n\r\nconst emit = defineEmits<{\r\n  \"update:activeKeys\": [keys: string[]];\r\n  expand: [key: string];\r\n  collapse: [key: string];\r\n  change: [activeKeys: string[]];\r\n}>();\r\n\r\nconst containerRef = ref<HTMLElement | null>(null);\r\nconst panelRefs = ref<Map<string, HTMLElement>>(new Map());\r\n\r\nconst setPanelRef = (key: string, el: HTMLElement | null) => {\r\n  if (el) {\r\n    panelRefs.value.set(key, el);\r\n  } else {\r\n    panelRefs.value.delete(key);\r\n  }\r\n};\r\n\r\nconst {\r\n  isExpanded,\r\n  shouldRender,\r\n  toggle,\r\n  expandAll,\r\n  collapseAll,\r\n  getActiveKeys,\r\n  handleKeyDown,\r\n} = useCollapsePanel({\r\n  items: toRef(props, \"items\"),\r\n  activeKeys: toRef(props, \"activeKeys\"),\r\n  defaultActiveKeys: props.defaultActiveKeys,\r\n  accordion: toRef(props, \"accordion\"),\r\n  persistKey: toRef(props, \"persistKey\"),\r\n  onChange: (keys) => {\r\n    emit(\"update:activeKeys\", keys);\r\n    emit(\"change\", keys);\r\n  },\r\n  onExpand: (key) => emit(\"expand\", key),\r\n  onCollapse: (key) => emit(\"collapse\", key),\r\n});\r\n\r\n/* ─── 展开/折叠动画 ──────────────────────────── */\r\nconst onEnter = (el: Element) => {\r\n  const element = el as HTMLElement;\r\n  element.style.height = \"0\";\r\n  element.style.overflow = \"hidden\";\r\n  /* 强制 reflow */\r\n  void element.offsetHeight;\r\n  element.style.height = `${element.scrollHeight}px`;\r\n};\r\n\r\nconst onAfterEnter = (el: Element) => {\r\n  const element = el as HTMLElement;\r\n  element.style.height = \"\";\r\n  element.style.overflow = \"\";\r\n};\r\n\r\nconst onLeave = (el: Element) => {\r\n  const element = el as HTMLElement;\r\n  element.style.height = `${element.scrollHeight}px`;\r\n  element.style.overflow = \"hidden\";\r\n  void element.offsetHeight;\r\n  element.style.height = \"0\";\r\n};\r\n\r\nconst onAfterLeave = (el: Element) => {\r\n  const element = el as HTMLElement;\r\n  element.style.height = \"\";\r\n  element.style.overflow = \"\";\r\n};\r\n\r\n/* ─── 滚动到指定面板 ─────────────────────────── */\r\nconst scrollToPanel = (key: string) => {\r\n  const el = panelRefs.value.get(key);\r\n  if (el) {\r\n    el.scrollIntoView({ behavior: \"smooth\", block: \"start\" });\r\n  }\r\n};\r\n\r\n/* ─── 暴露方法 ──────────────────────────────── */\r\ndefineExpose<CollapsePanelExpose>({\r\n  expandAll,\r\n  collapseAll,\r\n  toggle,\r\n  getActiveKeys,\r\n  scrollToPanel,\r\n});\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n@use \"./index.scss\";\r\n</style>\r\n","/* unplugin-vue-components disabled */<!--\r\n * @Author: ChenYu ycyplus@gmail.com\r\n * @Date: 2026-02-25\r\n * @Description: 折叠面板组件\r\n * @Migration: naive-ui-components 组件库迁移版本\r\n * Copyright (c) 2026 by CHENY, All Rights Reserved.\r\n-->\r\n<template>\r\n  <div\r\n    ref=\"containerRef\"\r\n    class=\"c-collapse-panel\"\r\n    :class=\"[\r\n      `c-collapse-panel--${variant}`,\r\n      {\r\n        'c-collapse-panel--bordered': bordered,\r\n        'c-collapse-panel--icon-right': expandIconPosition === 'right',\r\n      },\r\n    ]\"\r\n  >\r\n    <div\r\n      v-for=\"item in items\"\r\n      :key=\"item.key\"\r\n      :ref=\"(el) => setPanelRef(item.key, el as HTMLElement)\"\r\n      class=\"collapse-item\"\r\n      :class=\"{\r\n        'collapse-item--active': isExpanded(item.key),\r\n        'collapse-item--disabled': item.disabled,\r\n      }\"\r\n    >\r\n      <!-- 面板头部 -->\r\n      <div\r\n        class=\"collapse-item__header\"\r\n        role=\"button\"\r\n        :aria-expanded=\"isExpanded(item.key)\"\r\n        :aria-controls=\"`collapse-content-${item.key}`\"\r\n        :aria-disabled=\"item.disabled\"\r\n        :tabindex=\"item.disabled ? -1 : 0\"\r\n        @click=\"!item.disabled && toggle(item.key)\"\r\n        @keydown=\"handleKeyDown($event, item.key)\"\r\n      >\r\n        <!-- 展开图标 -->\r\n        <span\r\n          class=\"collapse-item__arrow\"\r\n          :class=\"{ 'collapse-item__arrow--expanded': isExpanded(item.key) }\"\r\n        >\r\n          <C_Icon name=\"mdi:chevron-right\" :size=\"16\" color=\"currentColor\" />\r\n        </span>\r\n\r\n        <!-- 标题区域 -->\r\n        <div class=\"collapse-item__title-area\">\r\n          <slot\r\n            :name=\"`header-${item.key}`\"\r\n            :item=\"item\"\r\n            :expanded=\"isExpanded(item.key)\"\r\n          >\r\n            <div class=\"collapse-item__title-group\">\r\n              <C_Icon\r\n                v-if=\"item.icon\"\r\n                :name=\"item.icon\"\r\n                :size=\"18\"\r\n                color=\"currentColor\"\r\n                class=\"collapse-item__icon\"\r\n              />\r\n              <span class=\"collapse-item__title\">{{ item.title }}</span>\r\n              <span v-if=\"item.subtitle\" class=\"collapse-item__subtitle\">\r\n                {{ item.subtitle }}\r\n              </span>\r\n            </div>\r\n          </slot>\r\n        </div>\r\n\r\n        <!-- 头部右侧操作区 -->\r\n        <div\r\n          v-if=\"$slots[`extra-${item.key}`]\"\r\n          class=\"collapse-item__extra\"\r\n          @click.stop\r\n        >\r\n          <slot\r\n            :name=\"`extra-${item.key}`\"\r\n            :item=\"item\"\r\n            :expanded=\"isExpanded(item.key)\"\r\n          />\r\n        </div>\r\n      </div>\r\n\r\n      <!-- 面板内容 -->\r\n      <Transition\r\n        name=\"collapse-slide\"\r\n        @enter=\"onEnter\"\r\n        @after-enter=\"onAfterEnter\"\r\n        @leave=\"onLeave\"\r\n        @after-leave=\"onAfterLeave\"\r\n      >\r\n        <div\r\n          v-show=\"isExpanded(item.key)\"\r\n          :id=\"`collapse-content-${item.key}`\"\r\n          class=\"collapse-item__content-wrapper\"\r\n          role=\"region\"\r\n          :aria-labelledby=\"`collapse-header-${item.key}`\"\r\n        >\r\n          <div v-if=\"shouldRender(item)\" class=\"collapse-item__content\">\r\n            <slot\r\n              :name=\"`panel-${item.key}`\"\r\n              :item=\"item\"\r\n              :expanded=\"isExpanded(item.key)\"\r\n            />\r\n          </div>\r\n        </div>\r\n      </Transition>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { ref, toRef } from \"vue\";\r\nimport C_Icon from \"../C_Icon/index.vue\";\r\nimport { useCollapsePanel } from \"./composables/useCollapsePanel\";\r\nimport type {\r\n  CollapsePanelExpose,\r\n  CollapsePanelItem,\r\n  CollapsePanelVariant,\r\n  ExpandIconPosition,\r\n} from \"./types\";\r\n\r\ndefineOptions({ name: \"C_CollapsePanel\" });\r\n\r\ninterface Props {\r\n  /** 面板项配置数组 */\r\n  items: CollapsePanelItem[];\r\n  /** 当前激活面板的 key 数组（v-model） */\r\n  activeKeys?: string[];\r\n  /** 默认展开的面板 key 数组 */\r\n  defaultActiveKeys?: string[];\r\n  /** 是否手风琴模式 */\r\n  accordion?: boolean;\r\n  /** 面板样式变体 */\r\n  variant?: CollapsePanelVariant;\r\n  /** 展开图标位置 */\r\n  expandIconPosition?: ExpandIconPosition;\r\n  /** 是否显示边框 */\r\n  bordered?: boolean;\r\n  /** 展开状态 localStorage 持久化 key */\r\n  persistKey?: string;\r\n}\r\n\r\nconst props = withDefaults(defineProps<Props>(), {\r\n  activeKeys: undefined,\r\n  defaultActiveKeys: () => [],\r\n  accordion: false,\r\n  variant: \"default\",\r\n  expandIconPosition: \"left\",\r\n  bordered: true,\r\n  persistKey: undefined,\r\n});\r\n\r\nconst emit = defineEmits<{\r\n  \"update:activeKeys\": [keys: string[]];\r\n  expand: [key: string];\r\n  collapse: [key: string];\r\n  change: [activeKeys: string[]];\r\n}>();\r\n\r\nconst containerRef = ref<HTMLElement | null>(null);\r\nconst panelRefs = ref<Map<string, HTMLElement>>(new Map());\r\n\r\nconst setPanelRef = (key: string, el: HTMLElement | null) => {\r\n  if (el) {\r\n    panelRefs.value.set(key, el);\r\n  } else {\r\n    panelRefs.value.delete(key);\r\n  }\r\n};\r\n\r\nconst {\r\n  isExpanded,\r\n  shouldRender,\r\n  toggle,\r\n  expandAll,\r\n  collapseAll,\r\n  getActiveKeys,\r\n  handleKeyDown,\r\n} = useCollapsePanel({\r\n  items: toRef(props, \"items\"),\r\n  activeKeys: toRef(props, \"activeKeys\"),\r\n  defaultActiveKeys: props.defaultActiveKeys,\r\n  accordion: toRef(props, \"accordion\"),\r\n  persistKey: toRef(props, \"persistKey\"),\r\n  onChange: (keys) => {\r\n    emit(\"update:activeKeys\", keys);\r\n    emit(\"change\", keys);\r\n  },\r\n  onExpand: (key) => emit(\"expand\", key),\r\n  onCollapse: (key) => emit(\"collapse\", key),\r\n});\r\n\r\n/* ─── 展开/折叠动画 ──────────────────────────── */\r\nconst onEnter = (el: Element) => {\r\n  const element = el as HTMLElement;\r\n  element.style.height = \"0\";\r\n  element.style.overflow = \"hidden\";\r\n  /* 强制 reflow */\r\n  void element.offsetHeight;\r\n  element.style.height = `${element.scrollHeight}px`;\r\n};\r\n\r\nconst onAfterEnter = (el: Element) => {\r\n  const element = el as HTMLElement;\r\n  element.style.height = \"\";\r\n  element.style.overflow = \"\";\r\n};\r\n\r\nconst onLeave = (el: Element) => {\r\n  const element = el as HTMLElement;\r\n  element.style.height = `${element.scrollHeight}px`;\r\n  element.style.overflow = \"hidden\";\r\n  void element.offsetHeight;\r\n  element.style.height = \"0\";\r\n};\r\n\r\nconst onAfterLeave = (el: Element) => {\r\n  const element = el as HTMLElement;\r\n  element.style.height = \"\";\r\n  element.style.overflow = \"\";\r\n};\r\n\r\n/* ─── 滚动到指定面板 ─────────────────────────── */\r\nconst scrollToPanel = (key: string) => {\r\n  const el = panelRefs.value.get(key);\r\n  if (el) {\r\n    el.scrollIntoView({ behavior: \"smooth\", block: \"start\" });\r\n  }\r\n};\r\n\r\n/* ─── 暴露方法 ──────────────────────────────── */\r\ndefineExpose<CollapsePanelExpose>({\r\n  expandAll,\r\n  collapseAll,\r\n  toggle,\r\n  getActiveKeys,\r\n  scrollToPanel,\r\n});\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n@use \"./index.scss\";\r\n</style>\r\n","<!--\r\n * @Author: ChenYu ycyplus@gmail.com\r\n * @Date: 2026-02-25\r\n * @Description: 折叠面板组件\r\n * @Migration: naive-ui-components 组件库迁移版本\r\n * Copyright (c) 2026 by CHENY, All Rights Reserved.\r\n-->\r\n<template>\r\n  <div\r\n    ref=\"containerRef\"\r\n    class=\"c-collapse-panel\"\r\n    :class=\"[\r\n      `c-collapse-panel--${variant}`,\r\n      {\r\n        'c-collapse-panel--bordered': bordered,\r\n        'c-collapse-panel--icon-right': expandIconPosition === 'right',\r\n      },\r\n    ]\"\r\n  >\r\n    <div\r\n      v-for=\"item in items\"\r\n      :key=\"item.key\"\r\n      :ref=\"(el) => setPanelRef(item.key, el as HTMLElement)\"\r\n      class=\"collapse-item\"\r\n      :class=\"{\r\n        'collapse-item--active': isExpanded(item.key),\r\n        'collapse-item--disabled': item.disabled,\r\n      }\"\r\n    >\r\n      <!-- 面板头部 -->\r\n      <div\r\n        class=\"collapse-item__header\"\r\n        role=\"button\"\r\n        :aria-expanded=\"isExpanded(item.key)\"\r\n        :aria-controls=\"`collapse-content-${item.key}`\"\r\n        :aria-disabled=\"item.disabled\"\r\n        :tabindex=\"item.disabled ? -1 : 0\"\r\n        @click=\"!item.disabled && toggle(item.key)\"\r\n        @keydown=\"handleKeyDown($event, item.key)\"\r\n      >\r\n        <!-- 展开图标 -->\r\n        <span\r\n          class=\"collapse-item__arrow\"\r\n          :class=\"{ 'collapse-item__arrow--expanded': isExpanded(item.key) }\"\r\n        >\r\n          <C_Icon name=\"mdi:chevron-right\" :size=\"16\" color=\"currentColor\" />\r\n        </span>\r\n\r\n        <!-- 标题区域 -->\r\n        <div class=\"collapse-item__title-area\">\r\n          <slot\r\n            :name=\"`header-${item.key}`\"\r\n            :item=\"item\"\r\n            :expanded=\"isExpanded(item.key)\"\r\n          >\r\n            <div class=\"collapse-item__title-group\">\r\n              <C_Icon\r\n                v-if=\"item.icon\"\r\n                :name=\"item.icon\"\r\n                :size=\"18\"\r\n                color=\"currentColor\"\r\n                class=\"collapse-item__icon\"\r\n              />\r\n              <span class=\"collapse-item__title\">{{ item.title }}</span>\r\n              <span v-if=\"item.subtitle\" class=\"collapse-item__subtitle\">\r\n                {{ item.subtitle }}\r\n              </span>\r\n            </div>\r\n          </slot>\r\n        </div>\r\n\r\n        <!-- 头部右侧操作区 -->\r\n        <div\r\n          v-if=\"$slots[`extra-${item.key}`]\"\r\n          class=\"collapse-item__extra\"\r\n          @click.stop\r\n        >\r\n          <slot\r\n            :name=\"`extra-${item.key}`\"\r\n            :item=\"item\"\r\n            :expanded=\"isExpanded(item.key)\"\r\n          />\r\n        </div>\r\n      </div>\r\n\r\n      <!-- 面板内容 -->\r\n      <Transition\r\n        name=\"collapse-slide\"\r\n        @enter=\"onEnter\"\r\n        @after-enter=\"onAfterEnter\"\r\n        @leave=\"onLeave\"\r\n        @after-leave=\"onAfterLeave\"\r\n      >\r\n        <div\r\n          v-show=\"isExpanded(item.key)\"\r\n          :id=\"`collapse-content-${item.key}`\"\r\n          class=\"collapse-item__content-wrapper\"\r\n          role=\"region\"\r\n          :aria-labelledby=\"`collapse-header-${item.key}`\"\r\n        >\r\n          <div v-if=\"shouldRender(item)\" class=\"collapse-item__content\">\r\n            <slot\r\n              :name=\"`panel-${item.key}`\"\r\n              :item=\"item\"\r\n              :expanded=\"isExpanded(item.key)\"\r\n            />\r\n          </div>\r\n        </div>\r\n      </Transition>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { ref, toRef } from \"vue\";\r\nimport C_Icon from \"../C_Icon/index.vue\";\r\nimport { useCollapsePanel } from \"./composables/useCollapsePanel\";\r\nimport type {\r\n  CollapsePanelExpose,\r\n  CollapsePanelItem,\r\n  CollapsePanelVariant,\r\n  ExpandIconPosition,\r\n} from \"./types\";\r\n\r\ndefineOptions({ name: \"C_CollapsePanel\" });\r\n\r\ninterface Props {\r\n  /** 面板项配置数组 */\r\n  items: CollapsePanelItem[];\r\n  /** 当前激活面板的 key 数组（v-model） */\r\n  activeKeys?: string[];\r\n  /** 默认展开的面板 key 数组 */\r\n  defaultActiveKeys?: string[];\r\n  /** 是否手风琴模式 */\r\n  accordion?: boolean;\r\n  /** 面板样式变体 */\r\n  variant?: CollapsePanelVariant;\r\n  /** 展开图标位置 */\r\n  expandIconPosition?: ExpandIconPosition;\r\n  /** 是否显示边框 */\r\n  bordered?: boolean;\r\n  /** 展开状态 localStorage 持久化 key */\r\n  persistKey?: string;\r\n}\r\n\r\nconst props = withDefaults(defineProps<Props>(), {\r\n  activeKeys: undefined,\r\n  defaultActiveKeys: () => [],\r\n  accordion: false,\r\n  variant: \"default\",\r\n  expandIconPosition: \"left\",\r\n  bordered: true,\r\n  persistKey: undefined,\r\n});\r\n\r\nconst emit = defineEmits<{\r\n  \"update:activeKeys\": [keys: string[]];\r\n  expand: [key: string];\r\n  collapse: [key: string];\r\n  change: [activeKeys: string[]];\r\n}>();\r\n\r\nconst containerRef = ref<HTMLElement | null>(null);\r\nconst panelRefs = ref<Map<string, HTMLElement>>(new Map());\r\n\r\nconst setPanelRef = (key: string, el: HTMLElement | null) => {\r\n  if (el) {\r\n    panelRefs.value.set(key, el);\r\n  } else {\r\n    panelRefs.value.delete(key);\r\n  }\r\n};\r\n\r\nconst {\r\n  isExpanded,\r\n  shouldRender,\r\n  toggle,\r\n  expandAll,\r\n  collapseAll,\r\n  getActiveKeys,\r\n  handleKeyDown,\r\n} = useCollapsePanel({\r\n  items: toRef(props, \"items\"),\r\n  activeKeys: toRef(props, \"activeKeys\"),\r\n  defaultActiveKeys: props.defaultActiveKeys,\r\n  accordion: toRef(props, \"accordion\"),\r\n  persistKey: toRef(props, \"persistKey\"),\r\n  onChange: (keys) => {\r\n    emit(\"update:activeKeys\", keys);\r\n    emit(\"change\", keys);\r\n  },\r\n  onExpand: (key) => emit(\"expand\", key),\r\n  onCollapse: (key) => emit(\"collapse\", key),\r\n});\r\n\r\n/* ─── 展开/折叠动画 ──────────────────────────── */\r\nconst onEnter = (el: Element) => {\r\n  const element = el as HTMLElement;\r\n  element.style.height = \"0\";\r\n  element.style.overflow = \"hidden\";\r\n  /* 强制 reflow */\r\n  void element.offsetHeight;\r\n  element.style.height = `${element.scrollHeight}px`;\r\n};\r\n\r\nconst onAfterEnter = (el: Element) => {\r\n  const element = el as HTMLElement;\r\n  element.style.height = \"\";\r\n  element.style.overflow = \"\";\r\n};\r\n\r\nconst onLeave = (el: Element) => {\r\n  const element = el as HTMLElement;\r\n  element.style.height = `${element.scrollHeight}px`;\r\n  element.style.overflow = \"hidden\";\r\n  void element.offsetHeight;\r\n  element.style.height = \"0\";\r\n};\r\n\r\nconst onAfterLeave = (el: Element) => {\r\n  const element = el as HTMLElement;\r\n  element.style.height = \"\";\r\n  element.style.overflow = \"\";\r\n};\r\n\r\n/* ─── 滚动到指定面板 ─────────────────────────── */\r\nconst scrollToPanel = (key: string) => {\r\n  const el = panelRefs.value.get(key);\r\n  if (el) {\r\n    el.scrollIntoView({ behavior: \"smooth\", block: \"start\" });\r\n  }\r\n};\r\n\r\n/* ─── 暴露方法 ──────────────────────────────── */\r\ndefineExpose<CollapsePanelExpose>({\r\n  expandAll,\r\n  collapseAll,\r\n  toggle,\r\n  getActiveKeys,\r\n  scrollToPanel,\r\n});\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n@use \"./index.scss\";\r\n</style>\r\n"],"mappings":"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"}

package/dist/C_Cron.cjs

@@ -1,15 +1 @@
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-require('./C_Icon.js');
-const require_C_Cron = require('./C_Cron.js');
-
-exports.CRON_FIELD_META = require_C_Cron.CRON_FIELD_META;
-exports.CRON_TEMPLATES = require_C_Cron.CRON_TEMPLATES;
-exports.C_Cron = require_C_Cron.C_Cron_default;
-exports.DEFAULT_CRON_EXPRESSION = require_C_Cron.DEFAULT_CRON_EXPRESSION;
-exports.DEFAULT_CRON_VALUE = require_C_Cron.DEFAULT_CRON_VALUE;
-exports.DEFAULT_FIELD_VALUE = require_C_Cron.DEFAULT_FIELD_VALUE;
-exports.MONTH_LABELS = require_C_Cron.MONTH_LABELS;
-exports.WEEK_LABELS = require_C_Cron.WEEK_LABELS;
-exports.useCronDescription = require_C_Cron.useCronDescription;
-exports.useCronParser = require_C_Cron.useCronParser;
-exports.useCronPreview = require_C_Cron.useCronPreview;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`}),require(`./C_Icon.js`);const e=require(`./C_Cron.js`);exports.CRON_FIELD_META=e.a,exports.CRON_TEMPLATES=e.o,exports.C_Cron=e.t,exports.DEFAULT_CRON_EXPRESSION=e.s,exports.DEFAULT_CRON_VALUE=e.c,exports.DEFAULT_FIELD_VALUE=e.l,exports.MONTH_LABELS=e.u,exports.WEEK_LABELS=e.d,exports.useCronDescription=e.n,exports.useCronParser=e.i,exports.useCronPreview=e.r;

package/dist/C_Cron.js

@@ -1,4 +1 @@
-import "./C_Icon2.js";
-import { a as CRON_FIELD_META, c as DEFAULT_CRON_VALUE, d as WEEK_LABELS, i as useCronParser, l as DEFAULT_FIELD_VALUE, n as useCronDescription, o as CRON_TEMPLATES, r as useCronPreview, s as DEFAULT_CRON_EXPRESSION, t as C_Cron_default, u as MONTH_LABELS } from "./C_Cron2.js";
-
-export { CRON_FIELD_META, CRON_TEMPLATES, C_Cron_default as C_Cron, DEFAULT_CRON_EXPRESSION, DEFAULT_CRON_VALUE, DEFAULT_FIELD_VALUE, MONTH_LABELS, WEEK_LABELS, useCronDescription, useCronParser, useCronPreview };
+import"./C_Icon2.js";import{a as e,c as t,d as n,i as r,l as i,n as a,o,r as s,s as c,t as l,u}from"./C_Cron2.js";export{e as CRON_FIELD_META,o as CRON_TEMPLATES,l as C_Cron,c as DEFAULT_CRON_EXPRESSION,t as DEFAULT_CRON_VALUE,i as DEFAULT_FIELD_VALUE,u as MONTH_LABELS,n as WEEK_LABELS,a as useCronDescription,r as useCronParser,s as useCronPreview};