[新增] collapse 组件

src/index.ts

@@ -27,6 +27,7 @@ import LayTimelineItem from "./module/timelineItem/index"
 import LayTextarea from "./module/textarea/index"
 import LaySwitch from "./module/switch/index"
 import LayCollapse from "./module/collapse/index"
+import LayCollapseItem  from "./module/collapseItem/index"
 import LayContainer from "./module/container/index"
 import LayMenu from './module/menu/index'
 import LayMenuItem from './module/menuItem/index'
@@ -62,6 +63,7 @@ const components: Record<string, IDefineComponent> = {
   LayTextarea,
   LaySwitch,
   LayCollapse,
+  LayCollapseItem,
   LayContainer,
   LayMenu,
   LayMenuItem,
@@ -108,6 +110,7 @@ export {
   LayTextarea,
   LaySwitch,
   LayCollapse,
+  LayCollapseItem,
   LayContainer,
   LayMenu,
   LayMenuItem,

src/module/collapseItem/index.ts

@@ -0,0 +1,9 @@
+import type { App } from 'vue'
+import Component from './index.vue'
+import type { IDefineComponent } from '../type/index'
+
+Component.install = (app: App) => {
+  app.component(Component.name || 'LayCollapseItem', Component)
+}
+
+export default Component as IDefineComponent

src/module/collapseItem/index.vue

@@ -0,0 +1,21 @@
+<template>
+  <div class="layui-colla-item">
+    <h2 class="layui-colla-title">
+      {{ title }}<i class="layui-icon layui-colla-icon"></i>
+    </h2>
+    <div class="layui-colla-content layui-show">
+      <p>
+        <slot></slot>
+      </p>
+    </div>
+  </div>
+</template>
+
+<script setup name="LayCollapseItem" lang="ts">
+import { defineProps } from 'vue'
+
+const props =
+  defineProps<{
+    title?: string
+  }>()
+</script>