u

code/base-project/base-vue/packages/ao-design/src/collapse/index.scss

@@ -0,0 +1,19 @@
+@use '../_styles/_variables.scss' as *;
+@use 'sass:color';
+
+$collapse-prefix: '#{$prefix}-collapse';
+
+.#{$collapse-prefix} {
+  font-size: 14px;
+  color: $text-color-base;
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+  list-style: none;
+  border: solid 1px $border-color;
+  border-bottom: 0;
+  background: $bg-color-container;
+
+  .#{$collapse-prefix}-panel {
+  }
+}

code/base-project/base-vue/packages/ao-design/src/collapse/index.tsx

@@ -0,0 +1,25 @@
+import { defineComponent } from 'vue'
+import { getPrefixCls } from '../_utils/getPrefixCls'
+
+export default defineComponent({
+  name: 'Collapse',
+  props: {
+    class: {
+      type: [String, Array, Object],
+      default: '',
+    },
+    style: {
+      type: Object,
+      default: () => ({}),
+    },
+  },
+  emits: [],
+  setup(props, { slots, emit }) {
+    const prefixCls = getPrefixCls('collapse')
+    return () => (
+      <div class={[prefixCls, props.class]} style={{ ...props.style }}>
+        {slots.default?.()}
+      </div>
+    )
+  },
+})