@v-c/collapse 0.0.4 → 1.0.0

package/dist/Collapse.cjs

@@ -1 +1,146 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("vue"),b=require("@v-c/util"),S=require("@v-c/util/dist/hooks/useMergedState"),x=require("@v-c/util/dist/omit"),N=require("@v-c/util/dist/pickAttrs"),O=require("./hooks/useItems.cjs");function h(r){let t=r;if(!Array.isArray(t)){const a=typeof t;t=a==="number"||a==="string"?[t]:[]}return t.map(a=>String(a))}const I={prefixCls:"vc-collapse"},M=i.defineComponent({props:i.mergeDefaults({prefixCls:{type:String,required:!1},activeKey:{type:[String,Number,Array],required:!1},defaultActiveKey:{type:[String,Number,Array],required:!1},openMotion:{type:null,required:!1},onChange:{type:Function,required:!1},accordion:{type:Boolean,required:!1},destroyOnHidden:{type:Boolean,required:!1},expandIcon:{type:Function,required:!1},collapsible:{type:String,required:!1},items:{type:Array,required:!1},classNames:{type:Object,required:!1},styles:{type:Object,required:!1}},I),name:"VcCollapse",inheritAttrs:!1,setup(r,{attrs:t,expose:a,slots:d}){const l=i.ref(),[s,f]=S([],{value:i.toRef(r,"activeKey"),onChange:e=>r.onChange?.(e),defaultValue:r.defaultActiveKey,postState:h}),y=e=>r.accordion?s.value[0]===e?[]:[e]:s.value.indexOf(e)>-1?s.value.filter(n=>n!==e):[...s.value,e],p=e=>{s.value=y(e),f(s.value)};return a({ref:l}),()=>{const{prefixCls:e="vc-collapse",openMotion:c,expandIcon:o,collapsible:n,accordion:u,classNames:v,styles:m,items:g,destroyOnHidden:q}=r,A=b.classNames(e,t.class),C={...r,...x(t,["class","style"])},K=O.useItems(g,d.default,{prefixCls:e,accordion:u,openMotion:c,expandIcon:o,collapsible:n,onItemClick:p,activeKey:s.value,destroyOnHidden:q,classNames:v,styles:m});return i.createVNode("div",i.mergeProps({ref:l,class:A,style:t.style,role:u?"tablist":void 0},N(C,{aria:!0,data:!0})),[K])}}});exports.default=M;
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
+const require_rolldown_runtime = require("./_virtual/rolldown_runtime.cjs");
+const require_useItems = require("./hooks/useItems.cjs");
+let vue = require("vue");
+let _v_c_util = require("@v-c/util");
+let _v_c_util_dist_hooks_useMergedState = require("@v-c/util/dist/hooks/useMergedState");
+_v_c_util_dist_hooks_useMergedState = require_rolldown_runtime.__toESM(_v_c_util_dist_hooks_useMergedState);
+let _v_c_util_dist_omit = require("@v-c/util/dist/omit");
+_v_c_util_dist_omit = require_rolldown_runtime.__toESM(_v_c_util_dist_omit);
+let _v_c_util_dist_pickAttrs = require("@v-c/util/dist/pickAttrs");
+_v_c_util_dist_pickAttrs = require_rolldown_runtime.__toESM(_v_c_util_dist_pickAttrs);
+function getActiveKeysArray(activeKey) {
+	let currentActiveKey = activeKey;
+	if (!Array.isArray(currentActiveKey)) {
+		const activeKeyType = typeof currentActiveKey;
+		currentActiveKey = activeKeyType === "number" || activeKeyType === "string" ? [currentActiveKey] : [];
+	}
+	return currentActiveKey.map((key) => String(key));
+}
+var Collapse = /* @__PURE__ */ (0, vue.defineComponent)({
+	props: /* @__PURE__ */ (0, vue.mergeDefaults)({
+		prefixCls: {
+			type: String,
+			required: false,
+			default: void 0
+		},
+		activeKey: {
+			type: [
+				String,
+				Number,
+				Array
+			],
+			required: false,
+			default: void 0
+		},
+		defaultActiveKey: {
+			type: [
+				String,
+				Number,
+				Array
+			],
+			required: false,
+			default: void 0
+		},
+		openMotion: {
+			type: Object,
+			required: false,
+			default: void 0
+		},
+		onChange: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
+		accordion: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		destroyOnHidden: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		expandIcon: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
+		collapsible: {
+			type: String,
+			required: false,
+			default: void 0
+		},
+		items: {
+			type: Array,
+			required: false,
+			default: void 0
+		},
+		classNames: {
+			type: Object,
+			required: false,
+			default: void 0
+		},
+		styles: {
+			type: Object,
+			required: false,
+			default: void 0
+		}
+	}, { prefixCls: "vc-collapse" }),
+	name: "VcCollapse",
+	inheritAttrs: false,
+	setup(props, { attrs, expose, slots }) {
+		const refWrapper = (0, vue.ref)();
+		const [activeKey, setActiveKey] = (0, _v_c_util_dist_hooks_useMergedState.default)([], {
+			value: (0, vue.toRef)(props, "activeKey"),
+			onChange: (v) => props.onChange?.(v),
+			defaultValue: props.defaultActiveKey,
+			postState: getActiveKeysArray
+		});
+		const getActiveKey = (key) => {
+			if (props.accordion) return activeKey.value[0] === key ? [] : [key];
+			if (activeKey.value.indexOf(key) > -1) return activeKey.value.filter((item) => item !== key);
+			return [...activeKey.value, key];
+		};
+		const onItemClick = (key) => {
+			activeKey.value = getActiveKey(key);
+			setActiveKey(activeKey.value);
+		};
+		expose({ ref: refWrapper });
+		return () => {
+			const { prefixCls = "vc-collapse", openMotion, expandIcon, collapsible, accordion, classNames, styles, items, destroyOnHidden } = props;
+			const collapseClassName = (0, _v_c_util.classNames)(prefixCls, attrs.class);
+			const mergedProps = {
+				...props,
+				...(0, _v_c_util_dist_omit.default)(attrs, ["class", "style"])
+			};
+			const mergedChildren = require_useItems.useItems(items, slots.default, {
+				prefixCls,
+				accordion,
+				openMotion,
+				expandIcon,
+				collapsible,
+				onItemClick,
+				activeKey: activeKey.value,
+				destroyOnHidden,
+				classNames,
+				styles
+			});
+			return (0, vue.createVNode)("div", (0, vue.mergeProps)({
+				"ref": refWrapper,
+				"class": collapseClassName,
+				"style": attrs.style,
+				"role": accordion ? "tablist" : void 0
+			}, (0, _v_c_util_dist_pickAttrs.default)(mergedProps, {
+				aria: true,
+				data: true
+			})), [mergedChildren]);
+		};
+	}
+});
+var Collapse_default = Collapse;
+exports.default = Collapse_default;

package/dist/Collapse.js

@@ -1,125 +1,137 @@
-import { defineComponent as K, mergeDefaults as x, ref as N, toRef as b, createVNode as S, mergeProps as h } from "vue";
-import { classNames as O } from "@v-c/util";
-import I from "@v-c/util/dist/hooks/useMergedState";
-import M from "@v-c/util/dist/omit";
-import V from "@v-c/util/dist/pickAttrs";
-import { useItems as j } from "./hooks/useItems.js";
-function B(r) {
-  let t = r;
-  if (!Array.isArray(t)) {
-    const a = typeof t;
-    t = a === "number" || a === "string" ? [t] : [];
-  }
-  return t.map((a) => String(a));
+import { useItems } from "./hooks/useItems.js";
+import { createVNode, defineComponent, mergeDefaults, mergeProps, ref, toRef } from "vue";
+import { classNames } from "@v-c/util";
+import useMergedState from "@v-c/util/dist/hooks/useMergedState";
+import omit from "@v-c/util/dist/omit";
+import pickAttrs from "@v-c/util/dist/pickAttrs";
+function getActiveKeysArray(activeKey) {
+	let currentActiveKey = activeKey;
+	if (!Array.isArray(currentActiveKey)) {
+		const activeKeyType = typeof currentActiveKey;
+		currentActiveKey = activeKeyType === "number" || activeKeyType === "string" ? [currentActiveKey] : [];
+	}
+	return currentActiveKey.map((key) => String(key));
 }
-const F = {
-  prefixCls: "vc-collapse"
-}, $ = /* @__PURE__ */ K({
-  props: /* @__PURE__ */ x({
-    prefixCls: {
-      type: String,
-      required: !1
-    },
-    activeKey: {
-      type: [String, Number, Array],
-      required: !1
-    },
-    defaultActiveKey: {
-      type: [String, Number, Array],
-      required: !1
-    },
-    openMotion: {
-      type: null,
-      required: !1
-    },
-    onChange: {
-      type: Function,
-      required: !1
-    },
-    accordion: {
-      type: Boolean,
-      required: !1
-    },
-    destroyOnHidden: {
-      type: Boolean,
-      required: !1
-    },
-    expandIcon: {
-      type: Function,
-      required: !1
-    },
-    collapsible: {
-      type: String,
-      required: !1
-    },
-    items: {
-      type: Array,
-      required: !1
-    },
-    classNames: {
-      type: Object,
-      required: !1
-    },
-    styles: {
-      type: Object,
-      required: !1
-    }
-  }, F),
-  name: "VcCollapse",
-  inheritAttrs: !1,
-  setup(r, {
-    attrs: t,
-    expose: a,
-    slots: u
-  }) {
-    const l = N(), [s, f] = I([], {
-      value: b(r, "activeKey"),
-      onChange: (e) => r.onChange?.(e),
-      defaultValue: r.defaultActiveKey,
-      postState: B
-    }), d = (e) => r.accordion ? s.value[0] === e ? [] : [e] : s.value.indexOf(e) > -1 ? s.value.filter((i) => i !== e) : [...s.value, e], p = (e) => {
-      s.value = d(e), f(s.value);
-    };
-    return a({
-      ref: l
-    }), () => {
-      const {
-        prefixCls: e = "vc-collapse",
-        openMotion: n,
-        expandIcon: o,
-        collapsible: i,
-        accordion: c,
-        classNames: y,
-        styles: m,
-        items: v,
-        destroyOnHidden: g
-      } = r, A = O(e, t.class), q = {
-        ...r,
-        ...M(t, ["class", "style"])
-      }, C = j(v, u.default, {
-        prefixCls: e,
-        accordion: c,
-        openMotion: n,
-        expandIcon: o,
-        collapsible: i,
-        onItemClick: p,
-        activeKey: s.value,
-        destroyOnHidden: g,
-        classNames: y,
-        styles: m
-      });
-      return S("div", h({
-        ref: l,
-        class: A,
-        style: t.style,
-        role: c ? "tablist" : void 0
-      }, V(q, {
-        aria: !0,
-        data: !0
-      })), [C]);
-    };
-  }
+var Collapse_default = /* @__PURE__ */ defineComponent({
+	props: /* @__PURE__ */ mergeDefaults({
+		prefixCls: {
+			type: String,
+			required: false,
+			default: void 0
+		},
+		activeKey: {
+			type: [
+				String,
+				Number,
+				Array
+			],
+			required: false,
+			default: void 0
+		},
+		defaultActiveKey: {
+			type: [
+				String,
+				Number,
+				Array
+			],
+			required: false,
+			default: void 0
+		},
+		openMotion: {
+			type: Object,
+			required: false,
+			default: void 0
+		},
+		onChange: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
+		accordion: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		destroyOnHidden: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		expandIcon: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
+		collapsible: {
+			type: String,
+			required: false,
+			default: void 0
+		},
+		items: {
+			type: Array,
+			required: false,
+			default: void 0
+		},
+		classNames: {
+			type: Object,
+			required: false,
+			default: void 0
+		},
+		styles: {
+			type: Object,
+			required: false,
+			default: void 0
+		}
+	}, { prefixCls: "vc-collapse" }),
+	name: "VcCollapse",
+	inheritAttrs: false,
+	setup(props, { attrs, expose, slots }) {
+		const refWrapper = ref();
+		const [activeKey, setActiveKey] = useMergedState([], {
+			value: toRef(props, "activeKey"),
+			onChange: (v) => props.onChange?.(v),
+			defaultValue: props.defaultActiveKey,
+			postState: getActiveKeysArray
+		});
+		const getActiveKey = (key) => {
+			if (props.accordion) return activeKey.value[0] === key ? [] : [key];
+			if (activeKey.value.indexOf(key) > -1) return activeKey.value.filter((item) => item !== key);
+			return [...activeKey.value, key];
+		};
+		const onItemClick = (key) => {
+			activeKey.value = getActiveKey(key);
+			setActiveKey(activeKey.value);
+		};
+		expose({ ref: refWrapper });
+		return () => {
+			const { prefixCls = "vc-collapse", openMotion, expandIcon, collapsible, accordion, classNames: classNames$1, styles, items, destroyOnHidden } = props;
+			const collapseClassName = classNames(prefixCls, attrs.class);
+			const mergedProps = {
+				...props,
+				...omit(attrs, ["class", "style"])
+			};
+			const mergedChildren = useItems(items, slots.default, {
+				prefixCls,
+				accordion,
+				openMotion,
+				expandIcon,
+				collapsible,
+				onItemClick,
+				activeKey: activeKey.value,
+				destroyOnHidden,
+				classNames: classNames$1,
+				styles
+			});
+			return createVNode("div", mergeProps({
+				"ref": refWrapper,
+				"class": collapseClassName,
+				"style": attrs.style,
+				"role": accordion ? "tablist" : void 0
+			}, pickAttrs(mergedProps, {
+				aria: true,
+				data: true
+			})), [mergedChildren]);
+		};
+	}
 });
-export {
-  $ as default
-};
+export { Collapse_default as default };

package/dist/Panel.cjs

@@ -1 +1,216 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),o=require("@v-c/util"),y=require("@v-c/util/dist/KeyCode"),O=require("@v-c/util/dist/omit"),R=require("./PanelContent.cjs"),B={showArrow:!0,classNames:{},styles:{}},j=e.defineComponent({props:e.mergeDefaults({id:{type:String,required:!1},header:{type:null,required:!1},prefixCls:{type:String,required:!1},headerClass:{type:String,required:!1},showArrow:{type:Boolean,required:!1},class:{type:String,required:!1},classNames:{type:Object,required:!1},style:{type:Object,required:!1},styles:{type:Object,required:!1},isActive:{type:Boolean,required:!1},openMotion:{type:null,required:!1},destroyOnHidden:{type:Boolean,required:!1},accordion:{type:Boolean,required:!1},forceRender:{type:Boolean,required:!1},extra:{type:null,required:!1},onItemClick:{type:Function,required:!1},expandIcon:{type:Function,required:!1},panelKey:{type:[String,Number],required:!1},role:{type:String,required:!1},collapsible:{type:String,required:!1},children:{type:null,required:!1}},B),name:"CollapsePanel",inheritAttrs:!1,setup(a,{attrs:m,expose:q}){const d=e.computed(()=>a.collapsible==="disabled"),u=e.ref(),N=e.computed(()=>a.extra!==null&&a.extra!==void 0&&typeof a.extra!="boolean"),c=e.computed(()=>({onClick:()=>{a.onItemClick?.(a.panelKey)},onKeydown:l=>{(l.key==="Enter"||l.keyCode===y.ENTER||l.which===y.ENTER)&&a.onItemClick?.(a.panelKey)},role:a.accordion?"tab":"button","aria-expanded":a.isActive,"aria-disabled":d.value,tabIndex:d.value?-1:0}));return q({ref:u}),()=>{const{extra:l,prefixCls:s,isActive:r,class:h,expandIcon:f,forceRender:v,headerClass:C,collapsible:t,accordion:b,openMotion:x={},onItemClick:M,classNames:n={},showArrow:g=!0,destroyOnHidden:P,styles:i={},header:w,panelKey:T,children:S,...$}=a,A=o.classNames(`${s}-item`,{[`${s}-item-active`]:r,[`${s}-item-disabled`]:d.value},h),I={class:o.classNames(C,`${s}-header`,{[`${s}-collapsible-${t}`]:!!t},n.header),style:i.header,...["header","icon"].includes(t)?{}:c.value},p=typeof f=="function"?f(a):e.createVNode("i",{class:"arrow"},null),V=p&&e.createVNode("div",e.mergeProps({class:o.classNames(`${s}-expand-icon`,n?.icon),style:i?.icon},["header","icon"].includes(t)?c.value:{}),[p]),k=e.withDirectives(e.createVNode(R.default,{prefixCls:s,classNames:n,styles:i,isActive:r,forceRender:v,role:b?"tabpanel":void 0},{default:()=>S}),[[e.vShow,r]]),E={appear:!1,"leave-to-class":`${s}-panel-hidden`,...x},K={...$,...O(m,["class"])};return e.createVNode("div",e.mergeProps(K,{ref:u,class:A}),[e.createVNode("div",I,[g&&V,e.createVNode("span",e.mergeProps({class:o.classNames(`${s}-title`,n?.title),style:i?.title},t==="header"?c.value:{}),[w]),N.value&&e.createVNode("div",{class:`${s}-extra`},[l])]),e.createVNode(e.Transition,E,{default:()=>[!P||r?k:null]})])}}});exports.default=j;
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
+const require_rolldown_runtime = require("./_virtual/rolldown_runtime.cjs");
+const require_PanelContent = require("./PanelContent.cjs");
+let vue = require("vue");
+let _v_c_util = require("@v-c/util");
+let _v_c_util_dist_omit = require("@v-c/util/dist/omit");
+_v_c_util_dist_omit = require_rolldown_runtime.__toESM(_v_c_util_dist_omit);
+let _v_c_util_dist_KeyCode = require("@v-c/util/dist/KeyCode");
+_v_c_util_dist_KeyCode = require_rolldown_runtime.__toESM(_v_c_util_dist_KeyCode);
+var CollapsePanel = /* @__PURE__ */ (0, vue.defineComponent)({
+	props: /* @__PURE__ */ (0, vue.mergeDefaults)({
+		id: {
+			type: String,
+			required: false,
+			default: void 0
+		},
+		header: {
+			type: [
+				Object,
+				Function,
+				String,
+				Number,
+				null,
+				Boolean,
+				Array
+			],
+			required: false,
+			default: void 0
+		},
+		prefixCls: {
+			type: String,
+			required: false,
+			default: void 0
+		},
+		headerClass: {
+			type: String,
+			required: false,
+			default: void 0
+		},
+		showArrow: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		class: {
+			type: String,
+			required: false,
+			default: void 0
+		},
+		classNames: {
+			type: Object,
+			required: false,
+			default: void 0
+		},
+		style: {
+			type: Object,
+			required: false,
+			default: void 0
+		},
+		styles: {
+			type: Object,
+			required: false,
+			default: void 0
+		},
+		isActive: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		openMotion: {
+			type: Object,
+			required: false,
+			default: void 0
+		},
+		destroyOnHidden: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		accordion: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		forceRender: {
+			type: Boolean,
+			required: false,
+			default: void 0
+		},
+		extra: {
+			type: [
+				Object,
+				Function,
+				String,
+				Number,
+				null,
+				Boolean,
+				Array
+			],
+			required: false,
+			default: void 0
+		},
+		onItemClick: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
+		expandIcon: {
+			type: Function,
+			required: false,
+			default: void 0
+		},
+		panelKey: {
+			type: [String, Number],
+			required: false,
+			default: void 0
+		},
+		role: {
+			type: String,
+			required: false,
+			default: void 0
+		},
+		collapsible: {
+			type: String,
+			required: false,
+			default: void 0
+		},
+		children: {
+			type: [
+				Object,
+				Function,
+				String,
+				Number,
+				null,
+				Boolean,
+				Array
+			],
+			required: false,
+			default: void 0
+		}
+	}, {
+		showArrow: true,
+		classNames: {},
+		styles: {}
+	}),
+	name: "CollapsePanel",
+	inheritAttrs: false,
+	setup(props, { attrs, expose }) {
+		const disabled = (0, vue.computed)(() => props.collapsible === "disabled");
+		const refWrapper = (0, vue.ref)();
+		const ifExtraExist = (0, vue.computed)(() => props.extra !== null && props.extra !== void 0 && typeof props.extra !== "boolean");
+		const collapsibleProps = (0, vue.computed)(() => {
+			return {
+				"onClick": () => {
+					props.onItemClick?.(props.panelKey);
+				},
+				"onKeydown": (e) => {
+					if (e.key === "Enter" || e.keyCode === _v_c_util_dist_KeyCode.default.ENTER || e.which === _v_c_util_dist_KeyCode.default.ENTER) props.onItemClick?.(props.panelKey);
+				},
+				"role": props.accordion ? "tab" : "button",
+				"aria-expanded": props.isActive,
+				"aria-disabled": disabled.value,
+				"tabIndex": disabled.value ? -1 : 0
+			};
+		});
+		expose({ ref: refWrapper });
+		return () => {
+			const { extra, prefixCls, isActive, class: className, expandIcon, forceRender, headerClass, collapsible, accordion, openMotion = {}, onItemClick, classNames: customizeClassNames = {}, showArrow = true, destroyOnHidden, styles = {}, header, panelKey, children, ...restProps } = props;
+			const collapsePanelClassNames = (0, _v_c_util.classNames)(`${prefixCls}-item`, {
+				[`${prefixCls}-item-active`]: isActive,
+				[`${prefixCls}-item-disabled`]: disabled.value
+			}, className);
+			const headerProps = {
+				class: (0, _v_c_util.classNames)(headerClass, `${prefixCls}-header`, { [`${prefixCls}-collapsible-${collapsible}`]: !!collapsible }, customizeClassNames.header),
+				style: styles.header,
+				...["header", "icon"].includes(collapsible) ? {} : collapsibleProps.value
+			};
+			const iconNodeInner = typeof expandIcon === "function" ? expandIcon(props) : (0, vue.createVNode)("i", { "class": "arrow" }, null);
+			const iconNode = iconNodeInner && (0, vue.createVNode)("div", (0, vue.mergeProps)({
+				"class": (0, _v_c_util.classNames)(`${prefixCls}-expand-icon`, customizeClassNames?.icon),
+				"style": styles?.icon
+			}, ["header", "icon"].includes(collapsible) ? collapsibleProps.value : {}), [iconNodeInner]);
+			const panelContent = (0, vue.withDirectives)((0, vue.createVNode)(require_PanelContent.default, {
+				"prefixCls": prefixCls,
+				"classNames": customizeClassNames,
+				"styles": styles,
+				"isActive": isActive,
+				"forceRender": forceRender,
+				"role": accordion ? "tabpanel" : void 0
+			}, { default: () => children }), [[vue.vShow, isActive]]);
+			const transitionProps = {
+				appear: false,
+				...openMotion
+			};
+			return (0, vue.createVNode)("div", (0, vue.mergeProps)({
+				...restProps,
+				...(0, _v_c_util_dist_omit.default)(attrs, ["class"])
+			}, {
+				"ref": refWrapper,
+				"class": collapsePanelClassNames
+			}), [(0, vue.createVNode)("div", headerProps, [
+				showArrow && iconNode,
+				(0, vue.createVNode)("span", (0, vue.mergeProps)({
+					"class": (0, _v_c_util.classNames)(`${prefixCls}-title`, customizeClassNames?.title),
+					"style": styles?.title
+				}, collapsible === "header" ? collapsibleProps.value : {}), [header]),
+				ifExtraExist.value && (0, vue.createVNode)("div", { "class": `${prefixCls}-extra` }, [extra])
+			]), (0, vue.createVNode)(vue.Transition, transitionProps, { default: () => [!destroyOnHidden || isActive ? panelContent : null] })]);
+		};
+	}
+});
+var Panel_default = CollapsePanel;
+exports.default = Panel_default;