@v-c/collapse 0.0.1

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2023 antdv-community
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/assets/index.less

@@ -0,0 +1,117 @@
+@prefixCls: vc-collapse;
+@text-color: #666;
+@borderStyle: 1px solid #d9d9d9;
+
+@import "./motion.less";
+
+#arrow {
+  .common() {
+    width: 0;
+    height: 0;
+    font-size: 0;
+    line-height: 0;
+  }
+  .right(@w, @h, @color) {
+    border-top: @w solid transparent;
+    border-bottom: @w solid transparent;
+    border-left: @h solid @color;
+  }
+
+  .bottom(@w, @h, @color) {
+    border-left: @w solid transparent;
+    border-right: @w solid transparent;
+    border-top: @h solid @color;
+  }
+}
+
+.@{prefixCls} {
+  background-color: #f7f7f7;
+  border-radius: 3px;
+  border: @borderStyle;
+
+  // &-anim-active {
+  //   transition: height 0.2s ease-out;
+  // }
+
+  & > &-item {
+    border-top: @borderStyle;
+    &:first-child {
+      border-top: none;
+    }
+
+    > .@{prefixCls}-header {
+      display: flex;
+      align-items: center;
+      line-height: 22px;
+      padding: 10px 16px;
+      color: #666;
+      cursor: pointer;
+      .arrow {
+        display: inline-block;
+        content: "\20";
+        #arrow > .common();
+        #arrow > .right(3px, 4px, #666);
+        vertical-align: middle;
+        margin-right: 8px;
+      }
+
+      .@{prefixCls}-extra {
+        margin: 0 16px 0 auto;
+      }
+    }
+    .@{prefixCls}-collapsible-header {
+      cursor: default;
+      .@{prefixCls}-title {
+        cursor: pointer;
+      }
+      .@{prefixCls}-expand-icon {
+        cursor: pointer;
+      }
+    }
+    .@{prefixCls}-collapsible-icon {
+      cursor: default;
+      .@{prefixCls}-expand-icon {
+        cursor: pointer;
+      }
+    }
+  }
+
+  & > &-item-disabled > .@{prefixCls}-header {
+    cursor: not-allowed;
+    color: #999;
+    background-color: #f3f3f3;
+  }
+
+  &-panel {
+    overflow: hidden;
+    color: @text-color;
+    padding: 0 16px;
+    background-color: #fff;
+
+    & > &-box {
+      margin-top: 16px;
+      margin-bottom: 16px;
+    }
+
+    // &-inactive {
+    //   display: none;
+    // }
+  }
+
+  &-item:last-child {
+    > .@{prefixCls}-panel {
+      border-radius: 0 0 3px 3px;
+    }
+  }
+
+  & > &-item-active {
+    > .@{prefixCls}-header {
+      .arrow {
+        position: relative;
+        top: 2px;
+        #arrow > .bottom(3px, 4px, #666);
+        margin-right: 6px;
+      }
+    }
+  }
+}

package/assets/motion.less

@@ -0,0 +1,14 @@
+@prefixCls: vc-collapse;
+
+.@{prefixCls} {
+  &-enter-active,
+  &-leave-active {
+    transition:
+      height 0.3s,
+      opacity 0.3s;
+  }
+
+  &-panal-hidden {
+    display: none;
+  }
+}

package/dist/Collapse.cjs

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

package/dist/Collapse.d.ts

@@ -0,0 +1,3 @@
+import { CollapseProps } from './interface';
+declare const Collapse: import('vue').DefineComponent<CollapseProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<CollapseProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default Collapse;

package/dist/Collapse.js

@@ -0,0 +1,132 @@
+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) {
+  let r = t;
+  if (!Array.isArray(r)) {
+    const s = typeof r;
+    r = s === "number" || s === "string" ? [r] : [];
+  }
+  return r.map((s) => String(s));
+}
+const F = {
+  prefixCls: "vc-collapse"
+}, W = /* @__PURE__ */ N({
+  props: /* @__PURE__ */ b({
+    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
+    }
+  }, F),
+  name: "VcCollapse",
+  inheritAttrs: !1,
+  setup(t, {
+    attrs: r,
+    expose: s,
+    slots: u
+  }) {
+    const l = x(), [a, f] = j([], {
+      value: S(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);
+    };
+    return s({
+      ref: l
+    }), () => {
+      const {
+        prefixCls: e = "vc-collapse",
+        className: n,
+        style: o,
+        openMotion: i,
+        expandIcon: y,
+        collapsible: m,
+        accordion: c,
+        classNames: v,
+        styles: g,
+        items: A
+      } = t, q = I(e, n), C = {
+        ...t,
+        ...r
+      }, K = V(A, u.default, {
+        prefixCls: e,
+        accordion: c,
+        openMotion: i,
+        expandIcon: y,
+        collapsible: m,
+        onItemClick: p,
+        activeKey: a.value,
+        classNames: v,
+        styles: g
+      });
+      return h("div", O({
+        ref: l,
+        class: q,
+        style: o,
+        role: c ? "tablist" : void 0
+      }, M(C, {
+        aria: !0,
+        data: !0
+      })), [K]);
+    };
+  }
+});
+export {
+  W as default
+};

package/dist/Panel.cjs

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

package/dist/Panel.d.ts

@@ -0,0 +1,3 @@
+import { CollapsePanelProps } from './interface';
+declare const CollapsePanel: import('vue').DefineComponent<CollapsePanelProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<CollapsePanelProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default CollapsePanel;

package/dist/Panel.js

@@ -0,0 +1,184 @@
+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 { classNames as o } from "@v-c/util";
+import h from "@v-c/util/dist/KeyCode";
+import z from "@v-c/util/dist/omit.ts";
+import H from "./PanelContent.js";
+const V = {
+  showArrow: !0,
+  classNames: {},
+  styles: {}
+}, Z = /* @__PURE__ */ O({
+  props: /* @__PURE__ */ j({
+    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
+    }
+  }, V),
+  name: "CollapsePanel",
+  inheritAttrs: !1,
+  setup(e, {
+    attrs: q,
+    expose: C
+  }) {
+    const d = u(() => e.collapsible === "disabled"), p = T(), v = 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);
+      },
+      role: e.accordion ? "tab" : "button",
+      "aria-expanded": e.isActive,
+      "aria-disabled": d.value,
+      tabIndex: d.value ? -1 : 0
+    }));
+    return C({
+      ref: p
+    }), () => {
+      const {
+        extra: s,
+        prefixCls: a,
+        isActive: t,
+        className: b,
+        expandIcon: y,
+        forceRender: x,
+        headerClass: N,
+        collapsible: r,
+        accordion: w,
+        openMotion: g = {},
+        onItemClick: W,
+        classNames: n = {},
+        showArrow: P = !0,
+        styles: i = {},
+        header: $,
+        panelKey: G,
+        children: A,
+        ...I
+      } = e, S = o(`${a}-item`, {
+        [`${a}-item-active`]: t,
+        [`${a}-item-disabled`]: d.value
+      }, b), k = {
+        class: o(N, `${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({
+        class: o(`${a}-expand-icon`, n?.icon),
+        style: i?.icon
+      }, ["header", "icon"].includes(r) ? c.value : {}), [m]), K = D(l(H, {
+        prefixCls: a,
+        classNames: n,
+        styles: i,
+        isActive: t,
+        forceRender: x,
+        role: w ? "tabpanel" : void 0
+      }, {
+        default: () => A
+      }), [[F, t]]), R = {
+        appear: !1,
+        "leave-to-class": `${a}-panel-hidden`,
+        ...g
+      }, B = {
+        ...I,
+        ...z(q, ["class"])
+      };
+      return l("div", f(B, {
+        ref: p,
+        class: S
+      }), [l("div", k, [P && E, l("span", f({
+        class: o(`${a}-title`, n?.title),
+        style: i?.title
+      }, r === "header" ? c.value : {}), [$]), v.value && l("div", {
+        class: `${a}-extra`
+      }, [s])]), l(M, R, {
+        default: () => [t ? K : null]
+      })]);
+    };
+  }
+});
+export {
+  Z as default
+};

package/dist/PanelContent.cjs

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

package/dist/PanelContent.d.ts

@@ -0,0 +1,3 @@
+import { CollapsePanelProps } from './interface';
+declare const PanelContent: import('vue').DefineComponent<CollapsePanelProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<CollapsePanelProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default PanelContent;

package/dist/PanelContent.js

@@ -0,0 +1,126 @@
+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({
+  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 t = y(e.isActive || e.forceRender);
+    return p(() => [e.isActive, e.forceRender], () => {
+      (e.isActive || e.forceRender) && (t.value = !0);
+    }), () => {
+      if (!t.value)
+        return null;
+      const {
+        prefixCls: r,
+        isActive: l,
+        style: n,
+        role: d,
+        className: o,
+        classNames: u,
+        styles: f
+      } = e;
+      return a("div", {
+        class: s(`${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
+      }, [i.default?.()])]);
+    };
+  }
+});
+export {
+  v as default
+};

package/dist/hooks/useItems.cjs

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

package/dist/hooks/useItems.d.ts

@@ -0,0 +1,9 @@
+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'> & {
+    activeKey: Key[];
+};
+export declare function useItems(items?: ItemType[], children?: () => VNode | VNodeNormalizedChildren, props?: Props): (VNode<RendererNode, RendererElement, {
+    [key: string]: any;
+}> | null)[];
+export {};