@v-c/collapse 1.0.0 → 1.0.2

package/dist/Collapse.js

@@ -4,6 +4,7 @@ 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";
+//#region src/Collapse.tsx
 function getActiveKeysArray(activeKey) {
 	let currentActiveKey = activeKey;
 	if (!Array.isArray(currentActiveKey)) {
@@ -12,8 +13,8 @@ function getActiveKeysArray(activeKey) {
 	}
 	return currentActiveKey.map((key) => String(key));
 }
-var Collapse_default = /* @__PURE__ */ defineComponent({
-	props: /* @__PURE__ */ mergeDefaults({
+var Collapse = /* @__PURE__ */ defineComponent({
+	props: /*@__PURE__*/ mergeDefaults({
 		prefixCls: {
 			type: String,
 			required: false,
@@ -134,4 +135,5 @@ var Collapse_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-export { Collapse_default as default };
+//#endregion
+export { Collapse as default };

package/dist/Panel.js

@@ -1,10 +1,11 @@
-import PanelContent_default from "./PanelContent.js";
+import PanelContent from "./PanelContent.js";
 import { Transition, computed, createVNode, defineComponent, mergeDefaults, mergeProps, ref, vShow, withDirectives } from "vue";
-import { classNames } from "@v-c/util";
+import { classNames, isNonNullable, isVueRenderable } from "@v-c/util";
 import omit from "@v-c/util/dist/omit";
 import KeyCode from "@v-c/util/dist/KeyCode";
-var Panel_default = /* @__PURE__ */ defineComponent({
-	props: /* @__PURE__ */ mergeDefaults({
+//#region src/Panel.tsx
+var CollapsePanel = /* @__PURE__ */ defineComponent({
+	props: /*@__PURE__*/ mergeDefaults({
 		id: {
 			type: String,
 			required: false,
@@ -144,7 +145,7 @@ var Panel_default = /* @__PURE__ */ defineComponent({
 	setup(props, { attrs, expose }) {
 		const disabled = computed(() => props.collapsible === "disabled");
 		const refWrapper = ref();
-		const ifExtraExist = computed(() => props.extra !== null && props.extra !== void 0 && typeof props.extra !== "boolean");
+		const ifExtraExist = computed(() => isNonNullable(props.extra) && typeof props.extra !== "boolean");
 		const collapsibleProps = computed(() => {
 			return {
 				"onClick": () => {
@@ -172,11 +173,11 @@ var Panel_default = /* @__PURE__ */ defineComponent({
 				...["header", "icon"].includes(collapsible) ? {} : collapsibleProps.value
 			};
 			const iconNodeInner = typeof expandIcon === "function" ? expandIcon(props) : createVNode("i", { "class": "arrow" }, null);
-			const iconNode = iconNodeInner && createVNode("div", mergeProps({
+			const iconNode = isVueRenderable(iconNodeInner) && createVNode("div", mergeProps({
 				"class": classNames(`${prefixCls}-expand-icon`, customizeClassNames?.icon),
 				"style": styles?.icon
 			}, ["header", "icon"].includes(collapsible) ? collapsibleProps.value : {}), [iconNodeInner]);
-			const panelContent = withDirectives(createVNode(PanelContent_default, {
+			const panelContent = withDirectives(createVNode(PanelContent, {
 				"prefixCls": prefixCls,
 				"classNames": customizeClassNames,
 				"styles": styles,
@@ -205,4 +206,5 @@ var Panel_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-export { Panel_default as default };
+//#endregion
+export { CollapsePanel as default };

package/dist/PanelContent.js

@@ -1,6 +1,7 @@
 import { createVNode, defineComponent, ref, watch } from "vue";
 import { classNames } from "@v-c/util";
-var PanelContent_default = /* @__PURE__ */ defineComponent({
+//#region src/PanelContent.tsx
+var PanelContent = /* @__PURE__ */ defineComponent({
 	props: {
 		id: {
 			type: String,
@@ -156,4 +157,5 @@ var PanelContent_default = /* @__PURE__ */ defineComponent({
 		};
 	}
 });
-export { PanelContent_default as default };
+//#endregion
+export { PanelContent as default };

package/dist/hooks/useItems.js

@@ -1,10 +1,34 @@
-import Panel_default from "../Panel.js";
+import CollapsePanel from "../Panel.js";
 import { createVNode, mergeProps } from "vue";
+import { clsx } from "@v-c/util";
 import { toArray } from "@v-c/util/dist/Children/toArray";
 import { isEmptyElement } from "@v-c/util/dist/props-util";
 import { cloneElement } from "@v-c/util/dist/vnode";
+//#region src/hooks/useItems.tsx
+function mergeSemantic(source, target, mergeFunc) {
+	if (!source && !target) return void 0;
+	const keys = /* @__PURE__ */ new Set([...Object.keys(source || {}), ...Object.keys(target || {})]);
+	const result = {};
+	keys.forEach((key) => {
+		const merged = mergeFunc(source?.[key], target?.[key]);
+		if (merged !== void 0) result[key] = merged;
+	});
+	return result;
+}
+function mergeSemanticClassNames(source, target) {
+	return mergeSemantic(source, target, (s, t) => clsx(s, t) || void 0);
+}
+function mergeSemanticStyles(source, target) {
+	return mergeSemantic(source, target, (s, t) => {
+		if (!s && !t) return void 0;
+		return {
+			...s,
+			...t
+		};
+	});
+}
 function convertItemsToNodes(items, props) {
-	const { prefixCls, accordion, collapsible, onItemClick, activeKey, openMotion, expandIcon, destroyOnHidden, classNames: collapseClassNames, styles } = props;
+	const { prefixCls, accordion, collapsible, onItemClick, activeKey, openMotion, expandIcon, destroyOnHidden, classNames: collapseClassNames, styles: collapseStyles } = props;
 	return items.map((item, index) => {
 		const { label, key: rawKey, collapsible: rawCollapsible, onItemClick: rawOnItemClick, destroyOnHidden: rawDestroyOnHidden, ...restProps } = item;
 		const key = String(rawKey ?? index);
@@ -18,9 +42,9 @@ function convertItemsToNodes(items, props) {
 		let isActive = false;
 		if (accordion) isActive = activeKey?.[0] === key;
 		else isActive = activeKey.includes(key);
-		return createVNode(Panel_default, mergeProps(restProps, {
-			"classNames": collapseClassNames,
-			"styles": styles,
+		return createVNode(CollapsePanel, mergeProps(restProps, {
+			"classNames": mergeSemanticClassNames(collapseClassNames, restProps.classNames),
+			"styles": mergeSemanticStyles(collapseStyles, restProps.styles),
 			"prefixCls": prefixCls,
 			"key": key,
 			"panelKey": key,
@@ -35,12 +59,15 @@ function convertItemsToNodes(items, props) {
 		}), null);
 	});
 }
+/**
+* @deprecated The next major version will be removed
+*/
 function getNewChild(child, index, props) {
 	if (isEmptyElement(child) || !child) return null;
 	if (typeof child === "boolean" || typeof child === "number" || typeof child === "string") return child;
-	const { prefixCls, accordion, collapsible, onItemClick, activeKey, openMotion, expandIcon, classNames: collapseClassNames, styles, destroyOnHidden } = props;
+	const { prefixCls, accordion, collapsible, onItemClick, activeKey, openMotion, expandIcon, classNames: collapseClassNames, styles: collapseStyles, destroyOnHidden } = props;
 	const key = child.key || String(index);
-	const { header, headerClass, collapsible: childCollapsible, onItemClick: childOnItemClick, destroyOnHidden: childDestroyOnHidden } = child.props || {};
+	const { header, headerClass, collapsible: childCollapsible, onItemClick: childOnItemClick, destroyOnHidden: childDestroyOnHidden, classNames: childClassNames, styles: childStyles } = child.props || {};
 	let isActive = false;
 	if (accordion) isActive = activeKey[0] === key;
 	else isActive = activeKey.includes(key);
@@ -55,8 +82,8 @@ function getNewChild(child, index, props) {
 		panelKey: key,
 		header,
 		headerClass,
-		classNames: collapseClassNames,
-		styles,
+		classNames: mergeSemanticClassNames(collapseClassNames, childClassNames),
+		styles: mergeSemanticStyles(collapseStyles, childStyles),
 		isActive,
 		prefixCls,
 		destroyOnHidden: childDestroyOnHidden ?? destroyOnHidden,
@@ -76,4 +103,5 @@ function useItems(items, children, props) {
 	if (Array.isArray(items)) return convertItemsToNodes(items, props);
 	return toArray(children?.()).map((target, index) => getNewChild(target, index, props));
 }
+//#endregion
 export { useItems };

package/dist/index.js

@@ -1,4 +1,6 @@
-import Panel_default from "./Panel.js";
-import Collapse_default from "./Collapse.js";
-var src_default = Collapse_default;
-export { Panel_default as Panel, src_default as default };
+import CollapsePanel from "./Panel.js";
+import Collapse from "./Collapse.js";
+//#region src/index.ts
+var src_default = Collapse;
+//#endregion
+export { CollapsePanel as Panel, src_default as default };

package/dist/interface.d.ts

@@ -1,4 +1,4 @@
-import { Key, VueNode } from '../../util/src/type';
+import { Key, VueNode } from '@v-c/util/dist/type';
 import { CSSProperties, Ref, TransitionProps } from 'vue';
 export type SemanticName = 'header' | 'title' | 'body' | 'icon';
 export interface CollapsePanelProps {

package/package.json

@@ -1,7 +1,13 @@
 {
   "name": "@v-c/collapse",
   "type": "module",
-  "version": "1.0.0",
+  "version": "1.0.2",
+  "license": "MIT",
+  "homepage": "https://github.com/antdv-next/vue-components/tree/next/packages/collapse",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/antdv-next/vue-components.git"
+  },
   "publishConfig": {
     "access": "public"
   },
@@ -9,7 +15,7 @@
     ".": {
       "types": "./dist/index.d.ts",
       "import": "./dist/index.js",
-      "require": "./dist/index.cjs"
+      "default": "./dist/index.js"
     },
     "./dist/*": "./dist/*",
     "./package.json": "./package.json"
@@ -23,7 +29,7 @@
     "vue": "^3.0.0"
   },
   "dependencies": {
-    "@v-c/util": "^1.0.9"
+    "@v-c/util": "^1.2.0"
   },
   "scripts": {
     "build": "vite build",

package/dist/Collapse.cjs

@@ -1,146 +0,0 @@
-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/Panel.cjs

@@ -1,216 +0,0 @@
-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;

package/dist/PanelContent.cjs

@@ -1,165 +0,0 @@
-Object.defineProperties(exports, {
-	__esModule: { value: true },
-	[Symbol.toStringTag]: { value: "Module" }
-});
-const require_rolldown_runtime = require("./_virtual/rolldown_runtime.cjs");
-let vue = require("vue");
-let _v_c_util = require("@v-c/util");
-var PanelContent = /* @__PURE__ */ (0, vue.defineComponent)({
-	props: {
-		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
-		}
-	},
-	name: "PanelContent",
-	inheritAttrs: false,
-	setup(props, { slots }) {
-		const rendered = (0, vue.ref)(props.isActive || props.forceRender);
-		(0, vue.watch)(() => [props.isActive, props.forceRender], () => {
-			if (props.isActive || props.forceRender) rendered.value = true;
-		});
-		return () => {
-			if (!rendered.value) return null;
-			const { prefixCls, isActive, style, role, class: className, classNames: customizeClassNames, styles } = props;
-			return (0, vue.createVNode)("div", {
-				"class": (0, _v_c_util.classNames)(`${prefixCls}-panel`, {
-					[`${prefixCls}-panel-active`]: isActive,
-					[`${prefixCls}-panel-inactive`]: !isActive
-				}, className),
-				"style": style,
-				"role": role
-			}, [(0, vue.createVNode)("div", {
-				"class": (0, _v_c_util.classNames)(`${prefixCls}-body`, customizeClassNames?.body),
-				"style": styles?.body
-			}, [slots.default?.()])]);
-		};
-	}
-});
-var PanelContent_default = PanelContent;
-exports.default = PanelContent_default;

package/dist/_virtual/rolldown_runtime.cjs

@@ -1,21 +0,0 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __copyProps = (to, from, except, desc) => {
-	if (from && typeof from === "object" || typeof from === "function") for (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i < n; i++) {
-		key = keys[i];
-		if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
-			get: ((k) => from[k]).bind(null, key),
-			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
-		});
-	}
-	return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
-	value: mod,
-	enumerable: true
-}) : target, mod));
-exports.__toESM = __toESM;

package/dist/hooks/useItems.cjs

@@ -1,81 +0,0 @@
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const require_rolldown_runtime = require("../_virtual/rolldown_runtime.cjs");
-const require_Panel = require("../Panel.cjs");
-let vue = require("vue");
-let _v_c_util_dist_Children_toArray = require("@v-c/util/dist/Children/toArray");
-let _v_c_util_dist_props_util = require("@v-c/util/dist/props-util");
-let _v_c_util_dist_vnode = require("@v-c/util/dist/vnode");
-function convertItemsToNodes(items, props) {
-	const { prefixCls, accordion, collapsible, onItemClick, activeKey, openMotion, expandIcon, destroyOnHidden, classNames: collapseClassNames, styles } = props;
-	return items.map((item, index) => {
-		const { label, key: rawKey, collapsible: rawCollapsible, onItemClick: rawOnItemClick, destroyOnHidden: rawDestroyOnHidden, ...restProps } = item;
-		const key = String(rawKey ?? index);
-		const mergeCollapsible = rawCollapsible ?? collapsible;
-		const mergedDestroyOnHidden = rawDestroyOnHidden ?? destroyOnHidden;
-		const handleItemClick = (value) => {
-			if (mergeCollapsible === "disabled") return;
-			onItemClick?.(value);
-			rawOnItemClick?.(value);
-		};
-		let isActive = false;
-		if (accordion) isActive = activeKey?.[0] === key;
-		else isActive = activeKey.includes(key);
-		return (0, vue.createVNode)(require_Panel.default, (0, vue.mergeProps)(restProps, {
-			"classNames": collapseClassNames,
-			"styles": styles,
-			"prefixCls": prefixCls,
-			"key": key,
-			"panelKey": key,
-			"isActive": isActive,
-			"accordion": accordion,
-			"openMotion": openMotion,
-			"expandIcon": expandIcon,
-			"header": label,
-			"destroyOnHidden": mergedDestroyOnHidden,
-			"collapsible": mergeCollapsible,
-			"onItemClick": handleItemClick
-		}), null);
-	});
-}
-function getNewChild(child, index, props) {
-	if ((0, _v_c_util_dist_props_util.isEmptyElement)(child) || !child) return null;
-	if (typeof child === "boolean" || typeof child === "number" || typeof child === "string") return child;
-	const { prefixCls, accordion, collapsible, onItemClick, activeKey, openMotion, expandIcon, classNames: collapseClassNames, styles, destroyOnHidden } = props;
-	const key = child.key || String(index);
-	const { header, headerClass, collapsible: childCollapsible, onItemClick: childOnItemClick, destroyOnHidden: childDestroyOnHidden } = child.props || {};
-	let isActive = false;
-	if (accordion) isActive = activeKey[0] === key;
-	else isActive = activeKey.includes(key);
-	const mergeCollapsible = childCollapsible ?? collapsible;
-	const handleItemClick = (value) => {
-		if (mergeCollapsible === "disabled") return;
-		onItemClick?.(value);
-		childOnItemClick?.(value);
-	};
-	const childProps = {
-		key,
-		panelKey: key,
-		header,
-		headerClass,
-		classNames: collapseClassNames,
-		styles,
-		isActive,
-		prefixCls,
-		destroyOnHidden: childDestroyOnHidden ?? destroyOnHidden,
-		openMotion,
-		accordion,
-		children: child.children?.default?.(),
-		onItemClick: handleItemClick,
-		expandIcon,
-		collapsible: mergeCollapsible
-	};
-	Object.keys(childProps).forEach((propName) => {
-		if (typeof childProps[propName] === "undefined") delete childProps[propName];
-	});
-	return (0, _v_c_util_dist_vnode.cloneElement)(child, childProps);
-}
-function useItems(items, children, props) {
-	if (Array.isArray(items)) return convertItemsToNodes(items, props);
-	return (0, _v_c_util_dist_Children_toArray.toArray)(children?.()).map((target, index) => getNewChild(target, index, props));
-}
-exports.useItems = useItems;

package/dist/index.cjs

@@ -1,9 +0,0 @@
-Object.defineProperties(exports, {
-	__esModule: { value: true },
-	[Symbol.toStringTag]: { value: "Module" }
-});
-const require_Panel = require("./Panel.cjs");
-const require_Collapse = require("./Collapse.cjs");
-var src_default = require_Collapse.default;
-exports.Panel = require_Panel.default;
-exports.default = src_default;

package/dist/interface.cjs

@@ -1 +0,0 @@
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });