@v-c/collapse 0.0.1 → 0.0.2

package/dist/Collapse.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("vue"),S=require("@v-c/util"),N=require("@v-c/util/dist/hooks/useMergedState"),x=require("@v-c/util/dist/pickAttrs"),O=require("./hooks/useItems.cjs");function h(t){let r=t;if(!Array.isArray(r)){const a=typeof r;r=a==="number"||a==="string"?[r]:[]}return r.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},className:{type:String,required:!1},style:{type:Object,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(t,{attrs:r,expose:a,slots:d}){const n=i.ref(),[s,f]=N([],{value:i.toRef(t,"activeKey"),onChange:e=>t.onChange?.(e),defaultValue:t.defaultActiveKey,postState:h}),y=e=>t.accordion?s.value[0]===e?[]:[e]:s.value.indexOf(e)>-1?s.value.filter(l=>l!==e):[...s.value,e],p=e=>{s.value=y(e),f(s.value)};return a({ref:n}),()=>{const{prefixCls:e="vc-collapse",className:c,style:u,openMotion:l,expandIcon:v,collapsible:m,accordion:o,classNames:g,styles:q,items:A}=t,C=S.classNames(e,c),b={...t,...r},K=O.useItems(A,d.default,{prefixCls:e,accordion:o,openMotion:l,expandIcon:v,collapsible:m,onItemClick:p,activeKey:s.value,classNames:g,styles:q});return i.createVNode("div",i.mergeProps({ref:n,class:C,style:u,role:o?"tablist":void 0},x(b,{aria:!0,data:!0})),[K])}}});exports.default=M;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("vue"),N=require("@v-c/util"),x=require("@v-c/util/dist/hooks/useMergedState"),O=require("@v-c/util/dist/pickAttrs"),h=require("./hooks/useItems.cjs");function I(t){let r=t;if(!Array.isArray(r)){const a=typeof r;r=a==="number"||a==="string"?[r]:[]}return r.map(a=>String(a))}const M={prefixCls:"vc-collapse"},j=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},className:{type:String,required:!1},style:{type:Object,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}},M),name:"VcCollapse",inheritAttrs:!1,setup(t,{attrs:r,expose:a,slots:d}){const n=i.ref(),[s,f]=x([],{value:i.toRef(t,"activeKey"),onChange:e=>t.onChange?.(e),defaultValue:t.defaultActiveKey,postState:I}),y=e=>t.accordion?s.value[0]===e?[]:[e]:s.value.indexOf(e)>-1?s.value.filter(l=>l!==e):[...s.value,e],p=e=>{s.value=y(e),f(s.value)};return a({ref:n}),()=>{const{prefixCls:e="vc-collapse",className:c,style:u,openMotion:l,expandIcon:v,collapsible:m,accordion:o,classNames:g,styles:q,items:A,destroyOnHidden:C}=t,b=N.classNames(e,c),K={...t,...r},S=h.useItems(A,d.default,{prefixCls:e,accordion:o,openMotion:l,expandIcon:v,collapsible:m,onItemClick:p,activeKey:s.value,destroyOnHidden:C,classNames:g,styles:q});return i.createVNode("div",i.mergeProps({ref:n,class:b,style:u,role:o?"tablist":void 0},O(K,{aria:!0,data:!0})),[S])}}});exports.default=j;

package/dist/Collapse.js

@@ -1,9 +1,9 @@
-import { defineComponent as N, mergeDefaults as b, ref as x, toRef as S, createVNode as h, mergeProps as O } from "vue";
-import { classNames as I } from "@v-c/util";
-import j from "@v-c/util/dist/hooks/useMergedState";
-import M from "@v-c/util/dist/pickAttrs";
-import { useItems as V } from "./hooks/useItems.js";
-function B(t) {
+import { defineComponent as b, mergeDefaults as x, ref as S, toRef as O, createVNode as h, mergeProps as I } from "vue";
+import { classNames as j } from "@v-c/util";
+import M from "@v-c/util/dist/hooks/useMergedState";
+import V from "@v-c/util/dist/pickAttrs";
+import { useItems as B } from "./hooks/useItems.js";
+function F(t) {
   let r = t;
   if (!Array.isArray(r)) {
     const s = typeof r;
@@ -11,10 +11,10 @@ function B(t) {
   }
   return r.map((s) => String(s));
 }
-const F = {
+const H = {
   prefixCls: "vc-collapse"
-}, W = /* @__PURE__ */ N({
-  props: /* @__PURE__ */ b({
+}, $ = /* @__PURE__ */ b({
+  props: /* @__PURE__ */ x({
     prefixCls: {
       type: String,
       required: !1
@@ -71,7 +71,7 @@ const F = {
       type: Object,
       required: !1
     }
-  }, F),
+  }, H),
   name: "VcCollapse",
   inheritAttrs: !1,
   setup(t, {
@@ -79,13 +79,13 @@ const F = {
     expose: s,
     slots: u
   }) {
-    const l = x(), [a, f] = j([], {
-      value: S(t, "activeKey"),
+    const l = S(), [a, d] = M([], {
+      value: O(t, "activeKey"),
       onChange: (e) => t.onChange?.(e),
       defaultValue: t.defaultActiveKey,
-      postState: B
-    }), d = (e) => t.accordion ? a.value[0] === e ? [] : [e] : a.value.indexOf(e) > -1 ? a.value.filter((i) => i !== e) : [...a.value, e], p = (e) => {
-      a.value = d(e), f(a.value);
+      postState: F
+    }), f = (e) => t.accordion ? a.value[0] === e ? [] : [e] : a.value.indexOf(e) > -1 ? a.value.filter((i) => i !== e) : [...a.value, e], p = (e) => {
+      a.value = f(e), d(a.value);
     };
     return s({
       ref: l
@@ -100,11 +100,12 @@ const F = {
         accordion: c,
         classNames: v,
         styles: g,
-        items: A
-      } = t, q = I(e, n), C = {
+        items: A,
+        destroyOnHidden: q
+      } = t, C = j(e, n), K = {
         ...t,
         ...r
-      }, K = V(A, u.default, {
+      }, N = B(A, u.default, {
         prefixCls: e,
         accordion: c,
         openMotion: i,
@@ -112,21 +113,22 @@ const F = {
         collapsible: m,
         onItemClick: p,
         activeKey: a.value,
+        destroyOnHidden: q,
         classNames: v,
         styles: g
       });
-      return h("div", O({
+      return h("div", I({
         ref: l,
-        class: q,
+        class: C,
         style: o,
         role: c ? "tablist" : void 0
-      }, M(C, {
+      }, V(K, {
         aria: !0,
         data: !0
-      })), [K]);
+      })), [N]);
     };
   }
 });
 export {
-  W as default
+  $ as default
 };

package/dist/Panel.cjs

@@ -1 +1 @@
-"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"),K=require("@v-c/util/dist/omit.ts"),R=require("./PanelContent.cjs"),B={showArrow:!0,classNames:{},styles:{}},O=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},className:{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:N}){const c=e.computed(()=>a.collapsible==="disabled"),u=e.ref(),q=e.computed(()=>a.extra!==null&&a.extra!==void 0&&typeof a.extra!="boolean"),d=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":c.value,tabIndex:c.value?-1:0}));return N({ref:u}),()=>{const{extra:l,prefixCls:s,isActive:r,className:h,expandIcon:f,forceRender:v,headerClass:C,collapsible:t,accordion:b,openMotion:x={},onItemClick:j,classNames:n={},showArrow:g=!0,styles:i={},header:P,panelKey:M,children:w,...S}=a,$=o.classNames(`${s}-item`,{[`${s}-item-active`]:r,[`${s}-item-disabled`]:c.value},h),A={class:o.classNames(C,`${s}-header`,{[`${s}-collapsible-${t}`]:!!t},n.header),style:i.header,...["header","icon"].includes(t)?{}:d.value},p=typeof f=="function"?f(a):e.createVNode("i",{class:"arrow"},null),I=p&&e.createVNode("div",e.mergeProps({class:o.classNames(`${s}-expand-icon`,n?.icon),style:i?.icon},["header","icon"].includes(t)?d.value:{}),[p]),V=e.withDirectives(e.createVNode(R.default,{prefixCls:s,classNames:n,styles:i,isActive:r,forceRender:v,role:b?"tabpanel":void 0},{default:()=>w}),[[e.vShow,r]]),k={appear:!1,"leave-to-class":`${s}-panel-hidden`,...x},E={...S,...K(m,["class"])};return e.createVNode("div",e.mergeProps(E,{ref:u,class:$}),[e.createVNode("div",A,[g&&I,e.createVNode("span",e.mergeProps({class:o.classNames(`${s}-title`,n?.title),style:i?.title},t==="header"?d.value:{}),[P]),q.value&&e.createVNode("div",{class:`${s}-extra`},[l])]),e.createVNode(e.Transition,k,{default:()=>[r?V:null]})])}}});exports.default=O;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),o=require("@v-c/util"),m=require("@v-c/util/dist/KeyCode"),O=require("@v-c/util/dist/omit.ts"),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:q,expose:N}){const d=e.computed(()=>a.collapsible==="disabled"),u=e.ref(),h=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===m.ENTER||l.which===m.ENTER)&&a.onItemClick?.(a.panelKey)},role:a.accordion?"tab":"button","aria-expanded":a.isActive,"aria-disabled":d.value,tabIndex:d.value?-1:0}));return N({ref:u}),()=>{const{extra:l,prefixCls:s,isActive:r,class:v,expandIcon:f,forceRender:C,headerClass:b,collapsible:t,accordion:x,openMotion:g={},onItemClick:M,classNames:n={},showArrow:P=!0,destroyOnHidden:w,styles:i={},header:S,panelKey:T,children:$,...A}=a,I=o.classNames(`${s}-item`,{[`${s}-item-active`]:r,[`${s}-item-disabled`]:d.value},v),V={class:o.classNames(b,`${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),k=p&&e.createVNode("div",e.mergeProps({class:o.classNames(`${s}-expand-icon`,n?.icon),style:i?.icon},["header","icon"].includes(t)?c.value:{}),[p]),y=e.withDirectives(e.createVNode(R.default,{prefixCls:s,classNames:n,styles:i,isActive:r,forceRender:C,role:x?"tabpanel":void 0},{default:()=>$}),[[e.vShow,r]]),E={appear:!1,"leave-to-class":`${s}-panel-hidden`,...g},K={...A,...O(q,["class"])};return e.createVNode("div",e.mergeProps(K,{ref:u,class:I}),[e.createVNode("div",V,[P&&k,e.createVNode("span",e.mergeProps({class:o.classNames(`${s}-title`,n?.title),style:i?.title},t==="header"?c.value:{}),[S]),h.value&&e.createVNode("div",{class:`${s}-extra`},[l])]),e.createVNode(e.Transition,E,{default:()=>[w?r?y:null:y]})])}}});exports.default=j;

package/dist/Panel.js

@@ -1,14 +1,14 @@
-import { defineComponent as O, mergeDefaults as j, computed as u, ref as T, createVNode as l, mergeProps as f, withDirectives as D, vShow as F, Transition as M } from "vue";
+import { defineComponent as j, mergeDefaults as T, computed as u, ref as D, createVNode as l, mergeProps as f, withDirectives as F, vShow as H, Transition as M } from "vue";
 import { classNames as o } from "@v-c/util";
-import h from "@v-c/util/dist/KeyCode";
+import q from "@v-c/util/dist/KeyCode";
 import z from "@v-c/util/dist/omit.ts";
-import H from "./PanelContent.js";
-const V = {
+import V from "./PanelContent.js";
+const W = {
   showArrow: !0,
   classNames: {},
   styles: {}
-}, Z = /* @__PURE__ */ O({
-  props: /* @__PURE__ */ j({
+}, _ = /* @__PURE__ */ j({
+  props: /* @__PURE__ */ T({
     id: {
       type: String,
       required: !1
@@ -29,7 +29,7 @@ const V = {
       type: Boolean,
       required: !1
     },
-    className: {
+    class: {
       type: String,
       required: !1
     },
@@ -93,92 +93,93 @@ const V = {
       type: null,
       required: !1
     }
-  }, V),
+  }, W),
   name: "CollapsePanel",
   inheritAttrs: !1,
   setup(e, {
-    attrs: q,
-    expose: C
+    attrs: C,
+    expose: v
   }) {
-    const d = u(() => e.collapsible === "disabled"), p = T(), v = u(() => e.extra !== null && e.extra !== void 0 && typeof e.extra != "boolean"), c = u(() => ({
+    const d = u(() => e.collapsible === "disabled"), p = D(), b = u(() => e.extra !== null && e.extra !== void 0 && typeof e.extra != "boolean"), c = u(() => ({
       onClick: () => {
         e.onItemClick?.(e.panelKey);
       },
       onKeydown: (s) => {
-        (s.key === "Enter" || s.keyCode === h.ENTER || s.which === h.ENTER) && e.onItemClick?.(e.panelKey);
+        (s.key === "Enter" || s.keyCode === q.ENTER || s.which === q.ENTER) && e.onItemClick?.(e.panelKey);
       },
       role: e.accordion ? "tab" : "button",
       "aria-expanded": e.isActive,
       "aria-disabled": d.value,
       tabIndex: d.value ? -1 : 0
     }));
-    return C({
+    return v({
       ref: p
     }), () => {
       const {
         extra: s,
         prefixCls: a,
         isActive: t,
-        className: b,
+        class: x,
         expandIcon: y,
-        forceRender: x,
-        headerClass: N,
+        forceRender: N,
+        headerClass: w,
         collapsible: r,
-        accordion: w,
-        openMotion: g = {},
-        onItemClick: W,
+        accordion: g,
+        openMotion: P = {},
+        onItemClick: G,
         classNames: n = {},
-        showArrow: P = !0,
+        showArrow: $ = !0,
+        destroyOnHidden: A,
         styles: i = {},
-        header: $,
-        panelKey: G,
-        children: A,
-        ...I
-      } = e, S = o(`${a}-item`, {
+        header: I,
+        panelKey: J,
+        children: S,
+        ...k
+      } = e, E = o(`${a}-item`, {
         [`${a}-item-active`]: t,
         [`${a}-item-disabled`]: d.value
-      }, b), k = {
-        class: o(N, `${a}-header`, {
+      }, x), K = {
+        class: o(w, `${a}-header`, {
           [`${a}-collapsible-${r}`]: !!r
         }, n.header),
         style: i.header,
         ...["header", "icon"].includes(r) ? {} : c.value
       }, m = typeof y == "function" ? y(e) : l("i", {
         class: "arrow"
-      }, null), E = m && l("div", f({
+      }, null), R = m && l("div", f({
         class: o(`${a}-expand-icon`, n?.icon),
         style: i?.icon
-      }, ["header", "icon"].includes(r) ? c.value : {}), [m]), K = D(l(H, {
+      }, ["header", "icon"].includes(r) ? c.value : {}), [m]), h = F(l(V, {
         prefixCls: a,
         classNames: n,
         styles: i,
         isActive: t,
-        forceRender: x,
-        role: w ? "tabpanel" : void 0
+        forceRender: N,
+        role: g ? "tabpanel" : void 0
       }, {
-        default: () => A
-      }), [[F, t]]), R = {
+        default: () => S
+      }), [[H, t]]), B = {
         appear: !1,
         "leave-to-class": `${a}-panel-hidden`,
-        ...g
-      }, B = {
-        ...I,
-        ...z(q, ["class"])
+        ...P
+      }, O = {
+        ...k,
+        ...z(C, ["class"])
       };
-      return l("div", f(B, {
+      return l("div", f(O, {
         ref: p,
-        class: S
-      }), [l("div", k, [P && E, l("span", f({
+        class: E
+      }), [l("div", K, [$ && R, l("span", f({
         class: o(`${a}-title`, n?.title),
         style: i?.title
-      }, r === "header" ? c.value : {}), [$]), v.value && l("div", {
+      }, r === "header" ? c.value : {}), [I]), b.value && l("div", {
         class: `${a}-extra`
-      }, [s])]), l(M, R, {
-        default: () => [t ? K : null]
+      }, [s])]), l(M, B, {
+        default: () => [A ? t ? h : null : h]
       })]);
     };
   }
 });
 export {
-  Z as default
+  _ as default
 };

package/dist/PanelContent.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("vue"),a=require("@v-c/util"),f=r.defineComponent({props:{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},className:{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}},name:"PanelContent",inheritAttrs:!1,setup(e,{slots:i}){const l=r.ref(e.isActive||e.forceRender);return r.watch(()=>[e.isActive,e.forceRender],()=>{(e.isActive||e.forceRender)&&(l.value=!0)}),()=>{if(!l.value)return null;const{prefixCls:t,isActive:s,style:n,role:d,className:u,classNames:o,styles:c}=e;return r.createVNode("div",{class:a.classNames(`${t}-panel`,{[`${t}-panel-active`]:s,[`${t}-panel-inactive`]:!s},u),style:n,role:d},[r.createVNode("div",{class:a.classNames(`${t}-body`,o?.body),style:c?.body},[i.default?.()])])}}});exports.default=f;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("vue"),a=require("@v-c/util"),f=r.defineComponent({props:{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}},name:"PanelContent",inheritAttrs:!1,setup(e,{slots:i}){const l=r.ref(e.isActive||e.forceRender);return r.watch(()=>[e.isActive,e.forceRender],()=>{(e.isActive||e.forceRender)&&(l.value=!0)}),()=>{if(!l.value)return null;const{prefixCls:t,isActive:s,style:n,role:d,class:u,classNames:o,styles:c}=e;return r.createVNode("div",{class:a.classNames(`${t}-panel`,{[`${t}-panel-active`]:s,[`${t}-panel-inactive`]:!s},u),style:n,role:d},[r.createVNode("div",{class:a.classNames(`${t}-body`,o?.body),style:c?.body},[i.default?.()])])}}});exports.default=f;

package/dist/PanelContent.js

@@ -1,6 +1,6 @@
-import { defineComponent as c, ref as y, watch as p, createVNode as a } from "vue";
-import { classNames as s } from "@v-c/util";
-const v = /* @__PURE__ */ c({
+import { defineComponent as f, ref as y, watch as p, createVNode as s } from "vue";
+import { classNames as a } from "@v-c/util";
+const v = /* @__PURE__ */ f({
   props: {
     id: {
       type: String,
@@ -22,7 +22,7 @@ const v = /* @__PURE__ */ c({
       type: Boolean,
       required: !1
     },
-    className: {
+    class: {
       type: String,
       required: !1
     },
@@ -103,20 +103,20 @@ const v = /* @__PURE__ */ c({
         isActive: l,
         style: n,
         role: d,
-        className: o,
+        class: o,
         classNames: u,
-        styles: f
+        styles: c
       } = e;
-      return a("div", {
-        class: s(`${r}-panel`, {
+      return s("div", {
+        class: a(`${r}-panel`, {
           [`${r}-panel-active`]: l,
           [`${r}-panel-inactive`]: !l
         }, o),
         style: n,
         role: d
-      }, [a("div", {
-        class: s(`${r}-body`, u?.body),
-        style: f?.body
+      }, [s("div", {
+        class: a(`${r}-body`, u?.body),
+        style: c?.body
       }, [i.default?.()])]);
     };
   }

package/dist/hooks/useItems.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const A=require("vue"),x=require("@v-c/util/dist/Children/toArray"),q=require("@v-c/util/dist/props-util"),K=require("@v-c/util/dist/vnode"),P=require("../Panel.cjs");function w(e,c){const{prefixCls:t,accordion:n,collapsible:o,onItemClick:f,activeKey:p,openMotion:u,expandIcon:y,classNames:d,styles:C}=c;return e.map((b,r)=>{const{label:k,key:I,collapsible:g,onItemClick:N,...a}=b,s=String(I??r),m=g??o,i=v=>{m!=="disabled"&&(f?.(v),N?.(v))};let l=!1;return n?l=p?.[0]===s:l=p.includes(s),A.createVNode(P.default,A.mergeProps(a,{classNames:d,styles:C,prefixCls:t,key:s,panelKey:s,isActive:l,accordion:n,openMotion:u,expandIcon:y,header:k,collapsible:m,onItemClick:i}),null)})}function E(e,c,t){if(q.isEmptyElement(e)||!e)return null;if(typeof e=="boolean"||typeof e=="number"||typeof e=="string")return e;const{prefixCls:n,accordion:o,collapsible:f,onItemClick:p,activeKey:u,openMotion:y,expandIcon:d,classNames:C,styles:b}=t,r=e.key||String(c),{header:k,headerClass:I,collapsible:g,onItemClick:N}=e.props||{};let a=!1;o?a=u[0]===r:a=u.includes(r);const s=g??f,m=l=>{s!=="disabled"&&(p?.(l),N?.(l))},i={key:r,panelKey:r,header:k,headerClass:I,classNames:C,styles:b,isActive:a,prefixCls:n,openMotion:y,accordion:o,children:e.children?.default?.(),onItemClick:m,expandIcon:d,collapsible:s};return Object.keys(i).forEach(l=>{typeof i[l]>"u"&&delete i[l]}),K.cloneElement(e,i)}function M(e,c,t){return Array.isArray(e)?w(e,t):x.toArray(c?.()).map((n,o)=>E(n,o,t))}exports.useItems=M;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const x=require("vue"),q=require("@v-c/util/dist/Children/toArray"),w=require("@v-c/util/dist/props-util"),K=require("@v-c/util/dist/vnode"),P=require("../Panel.cjs");function h(e,c){const{prefixCls:t,accordion:o,collapsible:l,onItemClick:u,activeKey:d,openMotion:p,expandIcon:m,destroyOnHidden:f,classNames:C,styles:b}=c;return e.map((k,r)=>{const{label:I,key:O,collapsible:g,onItemClick:H,destroyOnHidden:N,...a}=k,n=String(O??r),y=g??l,i=N??f,s=A=>{y!=="disabled"&&(u?.(A),H?.(A))};let v=!1;return o?v=d?.[0]===n:v=d.includes(n),x.createVNode(P.default,x.mergeProps(a,{classNames:C,styles:b,prefixCls:t,key:n,panelKey:n,isActive:v,accordion:o,openMotion:p,expandIcon:m,header:I,destroyOnHidden:i,collapsible:y,onItemClick:s}),null)})}function E(e,c,t){if(w.isEmptyElement(e)||!e)return null;if(typeof e=="boolean"||typeof e=="number"||typeof e=="string")return e;const{prefixCls:o,accordion:l,collapsible:u,onItemClick:d,activeKey:p,openMotion:m,expandIcon:f,classNames:C,styles:b,destroyOnHidden:k}=t,r=e.key||String(c),{header:I,headerClass:O,collapsible:g,onItemClick:H,destroyOnHidden:N}=e.props||{};let a=!1;l?a=p[0]===r:a=p.includes(r);const n=g??u,y=s=>{n!=="disabled"&&(d?.(s),H?.(s))},i={key:r,panelKey:r,header:I,headerClass:O,classNames:C,styles:b,isActive:a,prefixCls:o,destroyOnHidden:N??k,openMotion:m,accordion:l,children:e.children?.default?.(),onItemClick:y,expandIcon:f,collapsible:n};return Object.keys(i).forEach(s=>{typeof i[s]>"u"&&delete i[s]}),K.cloneElement(e,i)}function M(e,c,t){return Array.isArray(e)?h(e,t):q.toArray(c?.()).map((o,l)=>E(o,l,t))}exports.useItems=M;

package/dist/hooks/useItems.d.ts

@@ -1,6 +1,6 @@
 import { RendererElement, RendererNode, VNode, VNodeNormalizedChildren } from 'vue';
 import { CollapsePanelProps, CollapseProps, ItemType, Key } from '../interface';
-type Props = Pick<CollapsePanelProps, 'prefixCls' | 'onItemClick' | 'openMotion' | 'expandIcon' | 'classNames' | 'styles'> & Pick<CollapseProps, 'accordion' | 'collapsible'> & {
+type Props = Pick<CollapsePanelProps, 'prefixCls' | 'onItemClick' | 'openMotion' | 'expandIcon' | 'classNames' | 'styles'> & Pick<CollapseProps, 'accordion' | 'collapsible' | 'destroyOnHidden'> & {
     activeKey: Key[];
 };
 export declare function useItems(items?: ItemType[], children?: () => VNode | VNodeNormalizedChildren, props?: Props): (VNode<RendererNode, RendererElement, {

package/dist/hooks/useItems.js

@@ -1,94 +1,100 @@
-import { createVNode as A, mergeProps as K } from "vue";
-import { toArray as v } from "@v-c/util/dist/Children/toArray";
-import { isEmptyElement as w } from "@v-c/util/dist/props-util";
+import { createVNode as w, mergeProps as K } from "vue";
+import { toArray as h } from "@v-c/util/dist/Children/toArray";
+import { isEmptyElement as v } from "@v-c/util/dist/props-util";
 import { cloneElement as E } from "@v-c/util/dist/vnode";
 import P from "../Panel.js";
-function h(e, a) {
+function D(e, a) {
   const {
     prefixCls: s,
-    accordion: n,
+    accordion: l,
     collapsible: t,
     onItemClick: y,
-    activeKey: p,
-    openMotion: m,
-    expandIcon: C,
-    classNames: d,
-    styles: u
+    activeKey: d,
+    openMotion: p,
+    expandIcon: f,
+    destroyOnHidden: C,
+    classNames: u,
+    styles: b
   } = a;
-  return e.map((b, r) => {
+  return e.map((k, r) => {
     const {
-      label: k,
-      key: I,
-      collapsible: N,
+      label: I,
+      key: O,
+      collapsible: H,
       onItemClick: g,
+      destroyOnHidden: N,
       ...c
-    } = b, o = String(I ?? r), f = N ?? t, i = (x) => {
-      f !== "disabled" && (y?.(x), g?.(x));
+    } = k, n = String(O ?? r), m = H ?? t, i = N ?? C, o = (A) => {
+      m !== "disabled" && (y?.(A), g?.(A));
     };
-    let l = !1;
-    return n ? l = p?.[0] === o : l = p.includes(o), A(P, K(c, {
-      classNames: d,
-      styles: u,
+    let x = !1;
+    return l ? x = d?.[0] === n : x = d.includes(n), w(P, K(c, {
+      classNames: u,
+      styles: b,
       prefixCls: s,
-      key: o,
-      panelKey: o,
-      isActive: l,
-      accordion: n,
-      openMotion: m,
-      expandIcon: C,
-      header: k,
-      collapsible: f,
-      onItemClick: i
+      key: n,
+      panelKey: n,
+      isActive: x,
+      accordion: l,
+      openMotion: p,
+      expandIcon: f,
+      header: I,
+      destroyOnHidden: i,
+      collapsible: m,
+      onItemClick: o
     }), null);
   });
 }
 function M(e, a, s) {
-  if (w(e) || !e) return null;
+  if (v(e) || !e) return null;
   if (typeof e == "boolean" || typeof e == "number" || typeof e == "string")
     return e;
   const {
-    prefixCls: n,
+    prefixCls: l,
     accordion: t,
     collapsible: y,
-    onItemClick: p,
-    activeKey: m,
-    openMotion: C,
-    expandIcon: d,
+    onItemClick: d,
+    activeKey: p,
+    openMotion: f,
+    expandIcon: C,
     classNames: u,
-    styles: b
+    styles: b,
+    destroyOnHidden: k
   } = s, r = e.key || String(a), {
-    header: k,
-    headerClass: I,
-    collapsible: N,
-    onItemClick: g
+    header: I,
+    headerClass: O,
+    collapsible: H,
+    onItemClick: g,
+    destroyOnHidden: N
   } = e.props || {};
   let c = !1;
-  t ? c = m[0] === r : c = m.includes(r);
-  const o = N ?? y, f = (l) => {
-    o !== "disabled" && (p?.(l), g?.(l));
+  t ? c = p[0] === r : c = p.includes(r);
+  const n = H ?? y, m = (o) => {
+    n !== "disabled" && (d?.(o), g?.(o));
   }, i = {
     key: r,
     panelKey: r,
-    header: k,
-    headerClass: I,
+    header: I,
+    headerClass: O,
     classNames: u,
     styles: b,
     isActive: c,
-    prefixCls: n,
-    openMotion: C,
+    prefixCls: l,
+    destroyOnHidden: N ?? k,
+    openMotion: f,
     accordion: t,
     children: e.children?.default?.(),
-    onItemClick: f,
-    expandIcon: d,
-    collapsible: o
+    onItemClick: m,
+    expandIcon: C,
+    collapsible: n
   };
-  return Object.keys(i).forEach((l) => {
-    typeof i[l] > "u" && delete i[l];
+  return Object.keys(i).forEach((o) => {
+    typeof i[o] > "u" && delete i[o];
   }), E(e, i);
 }
-function q(e, a, s) {
-  return Array.isArray(e) ? h(e, s) : v(a?.()).map((n, t) => M(n, t, s));
+function z(e, a, s) {
+  return Array.isArray(e) ? D(e, s) : h(a?.()).map((l, t) => M(l, t, s));
 }
 export {
-  q as useItems
+  z as useItems
 };

package/dist/interface.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function e(){return{id:String,header:[String,Object],prefixCls:String,headerClass:String,showArrow:{type:Boolean,default:!0},className:String,classNames:{type:Object,default:()=>({})},style:Object,styles:{type:Object,default:()=>({})},isActive:Boolean,openMotion:Object,destroyInactivePanel:Boolean,accordion:Boolean,forceRender:Boolean,onItemClick:Function,extra:[String,Object],panelKey:[String,Number],collapsible:String,expandIcon:Function,role:String,children:[Object,String]}}function t(){return{prefixCls:String,activeKey:[String,Number,Array],defaultActiveKey:[String,Number,Array],openMotion:Object,onChange:Function,accordion:Boolean,className:String,classNames:Object,style:Object,styles:Object,destroyInactivePanel:Boolean,expandIcon:Function,collapsible:String,items:Array}}function n(){return{isActive:Boolean,prefixCls:String,className:String,classNames:Object,style:Object,styles:Object,role:String,forceRender:Boolean}}exports.generatorCollapsePanelContentProps=n;exports.generatorCollapsePanelProps=e;exports.generatorCollapseProps=t;
+"use strict";

package/dist/interface.d.ts

@@ -1,46 +1,13 @@
 import { Key, VueNode } from '../../util/src/type';
-import { CSSProperties, PropType, Ref, TransitionProps, VNode } from 'vue';
-export type CollapsibleType = 'header' | 'icon' | 'disabled';
+import { CSSProperties, Ref, TransitionProps } from 'vue';
 export type SemanticName = 'header' | 'title' | 'body' | 'icon';
-export declare function generatorCollapsePanelProps(): {
-    id: StringConstructor;
-    header: PropType<string | VNode>;
-    prefixCls: StringConstructor;
-    headerClass: StringConstructor;
-    showArrow: {
-        type: PropType<boolean | undefined>;
-        default: boolean;
-    };
-    className: StringConstructor;
-    classNames: {
-        type: PropType<Partial<Record<SemanticName, string>>>;
-        default: () => {};
-    };
-    style: PropType<Record<string, string>>;
-    styles: {
-        type: PropType<Partial<Record<SemanticName, CSSProperties>>>;
-        default: () => {};
-    };
-    isActive: BooleanConstructor;
-    openMotion: PropType<Partial<TransitionProps>>;
-    destroyInactivePanel: PropType<boolean | undefined>;
-    accordion: BooleanConstructor;
-    forceRender: PropType<boolean | undefined>;
-    onItemClick: PropType<(props: Key) => void>;
-    extra: PropType<string | VueNode>;
-    panelKey: (StringConstructor | NumberConstructor)[];
-    collapsible: PropType<CollapsibleType>;
-    expandIcon: PropType<(props: any) => VueNode>;
-    role: StringConstructor;
-    children: PropType<VueNode | string>;
-};
 export interface CollapsePanelProps {
     id?: string;
     header?: VueNode;
     prefixCls?: string;
     headerClass?: string;
     showArrow?: boolean;
-    className?: string;
+    class?: string;
     classNames?: Partial<Record<SemanticName, string>>;
     style?: object;
     styles?: Partial<Record<SemanticName, CSSProperties>>;
@@ -57,28 +24,12 @@ export interface CollapsePanelProps {
     collapsible?: CollapsibleType;
     children?: VueNode | string;
 }
+export type CollapsibleType = 'header' | 'icon' | 'disabled';
 export interface ItemType extends Omit<CollapsePanelProps, 'header' | 'prefixCls' | 'panelKey' | 'isActive' | 'accordion' | 'openMotion' | 'expandIcon'> {
     key?: CollapsePanelProps['panelKey'];
     label?: CollapsePanelProps['header'];
-    children?: VueNode;
     ref?: Ref<HTMLDivElement>;
 }
-export declare function generatorCollapseProps(): {
-    prefixCls: StringConstructor;
-    activeKey: PropType<Key | Key[]>;
-    defaultActiveKey: PropType<Key | Key[]>;
-    openMotion: ObjectConstructor;
-    onChange: PropType<(key: Key[]) => void>;
-    accordion: BooleanConstructor;
-    className: StringConstructor;
-    classNames: PropType<Partial<Record<SemanticName, string>>>;
-    style: ObjectConstructor;
-    styles: PropType<Partial<Record<SemanticName, CSSProperties>>>;
-    destroyInactivePanel: BooleanConstructor;
-    expandIcon: PropType<(props: any) => VueNode>;
-    collapsible: PropType<CollapsibleType>;
-    items: PropType<ItemType[]>;
-};
 export interface CollapseProps {
     prefixCls?: string;
     activeKey?: Key | Key[];
@@ -99,20 +50,4 @@ export interface CollapseProps {
     classNames?: Partial<Record<SemanticName, string>>;
     styles?: Partial<Record<SemanticName, CSSProperties>>;
 }
-export declare function generatorCollapsePanelContentProps(): {
-    isActive: BooleanConstructor;
-    prefixCls: StringConstructor;
-    className: StringConstructor;
-    classNames: PropType<{
-        header?: string;
-        body?: string;
-    }>;
-    style: PropType<Record<string, string>>;
-    styles: PropType<{
-        header?: CSSProperties;
-        body?: CSSProperties;
-    }>;
-    role: StringConstructor;
-    forceRender: BooleanConstructor;
-};
 export type { Key, };

package/dist/interface.js

@@ -1,69 +1 @@
-function e() {
-  return {
-    id: String,
-    header: [String, Object],
-    prefixCls: String,
-    headerClass: String,
-    showArrow: {
-      type: Boolean,
-      default: !0
-    },
-    className: String,
-    classNames: {
-      type: Object,
-      default: () => ({})
-    },
-    style: Object,
-    styles: {
-      type: Object,
-      default: () => ({})
-    },
-    isActive: Boolean,
-    openMotion: Object,
-    destroyInactivePanel: Boolean,
-    accordion: Boolean,
-    forceRender: Boolean,
-    onItemClick: Function,
-    extra: [String, Object],
-    panelKey: [String, Number],
-    collapsible: String,
-    expandIcon: Function,
-    role: String,
-    children: [Object, String]
-  };
-}
-function t() {
-  return {
-    prefixCls: String,
-    activeKey: [String, Number, Array],
-    defaultActiveKey: [String, Number, Array],
-    openMotion: Object,
-    onChange: Function,
-    accordion: Boolean,
-    className: String,
-    classNames: Object,
-    style: Object,
-    styles: Object,
-    destroyInactivePanel: Boolean,
-    expandIcon: Function,
-    collapsible: String,
-    items: Array
-  };
-}
-function n() {
-  return {
-    isActive: Boolean,
-    prefixCls: String,
-    className: String,
-    classNames: Object,
-    style: Object,
-    styles: Object,
-    role: String,
-    forceRender: Boolean
-  };
-}
-export {
-  n as generatorCollapsePanelContentProps,
-  e as generatorCollapsePanelProps,
-  t as generatorCollapseProps
-};
+

package/docs/collapse.stories.vue

@@ -9,7 +9,9 @@ import '../assets/index.less'
 const basicCollapseItems: CollapseProps['items'] = [
   {
     label: h('input', {
-      on: { keydown: (e: MouseEvent) => e.stopPropagation() },
+      onKeydown: (e: KeyboardEvent) => {
+        e.stopPropagation()
+      },
     }),
     children: 'content',
   },

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@v-c/collapse",
   "type": "module",
-  "version": "0.0.1",
+  "version": "0.0.2",
   "publishConfig": {
     "access": "public"
   },

package/src/Collapse.tsx

@@ -72,6 +72,7 @@ const Collapse = defineComponent<CollapseProps>({
         classNames,
         styles,
         items,
+        destroyOnHidden,
       } = props
 
       const collapseClassName = classnames(prefixCls, className)
@@ -86,6 +87,7 @@ const Collapse = defineComponent<CollapseProps>({
         collapsible,
         onItemClick,
         activeKey: activeKey.value,
+        destroyOnHidden,
         classNames,
         styles,
       })

package/src/Panel.tsx

@@ -55,7 +55,7 @@ const CollapsePanel = defineComponent<CollapsePanelProps>({
         extra,
         prefixCls,
         isActive,
-        className,
+        class: className,
         expandIcon,
         forceRender,
         headerClass,
@@ -65,6 +65,7 @@ const CollapsePanel = defineComponent<CollapsePanelProps>({
         onItemClick,
         classNames: customizeClassNames = {},
         showArrow = true,
+        destroyOnHidden,
         styles = {},
         header,
         panelKey,
@@ -166,7 +167,7 @@ const CollapsePanel = defineComponent<CollapsePanelProps>({
           </div>
 
           <Transition {...transitionProps}>
-            {isActive ? panelContent : null}
+            { !destroyOnHidden ? panelContent : (isActive ? panelContent : null) }
           </Transition>
         </div>
       )

package/src/PanelContent.tsx

@@ -27,7 +27,7 @@ const PanelContent = defineComponent<CollapsePanelProps>({
         isActive,
         style,
         role,
-        className,
+        class: className,
         classNames: customizeClassNames,
         styles,
       } = props

package/src/hooks/useItems.tsx

@@ -25,7 +25,7 @@ type Props = Pick<
   | 'classNames'
   | 'styles'
 > &
-Pick<CollapseProps, 'accordion' | 'collapsible'> & {
+Pick<CollapseProps, 'accordion' | 'collapsible' | 'destroyOnHidden'> & {
   activeKey: Key[]
 }
 
@@ -42,6 +42,7 @@ function convertItemsToNodes(items: ItemType[], props: Props) {
     activeKey,
     openMotion,
     expandIcon,
+    destroyOnHidden,
     classNames: collapseClassNames,
     styles,
   } = props
@@ -52,11 +53,13 @@ function convertItemsToNodes(items: ItemType[], props: Props) {
       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: Key) => {
       if (mergeCollapsible === 'disabled')
@@ -88,6 +91,7 @@ function convertItemsToNodes(items: ItemType[], props: Props) {
         openMotion={openMotion}
         expandIcon={expandIcon}
         header={label}
+        destroyOnHidden={mergedDestroyOnHidden}
         collapsible={mergeCollapsible}
         onItemClick={handleItemClick}
       />
@@ -124,6 +128,7 @@ function getNewChild(
     expandIcon,
     classNames: collapseClassNames,
     styles,
+    destroyOnHidden,
   } = props
 
   const key = child.key || String(index)
@@ -133,6 +138,7 @@ function getNewChild(
     headerClass,
     collapsible: childCollapsible,
     onItemClick: childOnItemClick,
+    destroyOnHidden: childDestroyOnHidden,
   } = child.props || {}
 
   let isActive = false
@@ -161,6 +167,7 @@ function getNewChild(
     styles,
     isActive,
     prefixCls,
+    destroyOnHidden: childDestroyOnHidden ?? destroyOnHidden,
     openMotion,
     accordion,
     children: (child.children as ChildrenSlots)?.default?.(),

package/src/interface.ts

@@ -1,58 +1,19 @@
 import type { Key, VueNode } from '@v-c/util/dist/type'
 import type {
   CSSProperties,
-  PropType,
   Ref,
   TransitionProps,
-  VNode,
 } from 'vue'
 
-export type CollapsibleType = 'header' | 'icon' | 'disabled'
-
 export type SemanticName = 'header' | 'title' | 'body' | 'icon'
 
-export function generatorCollapsePanelProps() {
-  return {
-    id: String,
-    header: [String, Object] as PropType<string | VNode>,
-    prefixCls: String,
-    headerClass: String,
-    showArrow: {
-      type: Boolean as PropType<boolean | undefined>,
-      default: true,
-    },
-    className: String,
-    classNames: {
-      type: Object as PropType<Partial<Record<SemanticName, string>>>,
-      default: () => ({}),
-    },
-    style: Object as PropType<Record<string, string>>,
-    styles: {
-      type: Object as PropType<Partial<Record<SemanticName, CSSProperties>>>,
-      default: () => ({}),
-    },
-    isActive: Boolean,
-    openMotion: Object as PropType<Partial<TransitionProps>>,
-    destroyInactivePanel: Boolean as PropType<boolean | undefined>,
-    accordion: Boolean,
-    forceRender: Boolean as PropType<boolean | undefined>,
-    onItemClick: Function as PropType<(props: Key) => void>,
-    extra: [String, Object] as PropType<string | VueNode>,
-    panelKey: [String, Number],
-    collapsible: String as PropType<CollapsibleType>,
-    expandIcon: Function as PropType<(props: any) => VueNode>,
-    role: String,
-    children: [Object, String] as PropType<VueNode | string>,
-  }
-}
-
 export interface CollapsePanelProps {
   id?: string
   header?: VueNode
   prefixCls?: string
   headerClass?: string
   showArrow?: boolean
-  className?: string
+  class?: string
   classNames?: Partial<Record<SemanticName, string>>
   style?: object
   styles?: Partial<Record<SemanticName, CSSProperties>>
@@ -70,6 +31,8 @@ export interface CollapsePanelProps {
   children?: VueNode | string
 }
 
+export type CollapsibleType = 'header' | 'icon' | 'disabled'
+
 export interface ItemType
   extends Omit<
     CollapsePanelProps,
@@ -83,29 +46,9 @@ export interface ItemType
   > {
   key?: CollapsePanelProps['panelKey']
   label?: CollapsePanelProps['header']
-  children?: VueNode
   ref?: Ref<HTMLDivElement>
 }
 
-export function generatorCollapseProps() {
-  return {
-    prefixCls: String,
-    activeKey: [String, Number, Array] as PropType<Key | Key[]>,
-    defaultActiveKey: [String, Number, Array] as PropType<Key | Key[]>,
-    openMotion: Object,
-    onChange: Function as PropType<(key: Key[]) => void>,
-    accordion: Boolean,
-    className: String,
-    classNames: Object as PropType<Partial<Record<SemanticName, string>>>,
-    style: Object,
-    styles: Object as PropType<Partial<Record<SemanticName, CSSProperties>>>,
-    destroyInactivePanel: Boolean,
-    expandIcon: Function as PropType<(props: any) => VueNode>,
-    collapsible: String as PropType<CollapsibleType>,
-    items: Array as PropType<ItemType[]>,
-  }
-}
-
 export interface CollapseProps {
   prefixCls?: string
   activeKey?: Key | Key[]
@@ -126,21 +69,6 @@ export interface CollapseProps {
   classNames?: Partial<Record<SemanticName, string>>
   styles?: Partial<Record<SemanticName, CSSProperties>>
 }
-export function generatorCollapsePanelContentProps() {
-  return {
-    isActive: Boolean,
-    prefixCls: String,
-    className: String,
-    classNames: Object as PropType<{ header?: string, body?: string }>,
-    style: Object as PropType<Record<string, string>>,
-    styles: Object as PropType<{
-      header?: CSSProperties
-      body?: CSSProperties
-    }>,
-    role: String,
-    forceRender: Boolean,
-  }
-}
 
 export type {
   Key,