types(CollapseItem): add CollapseItemInstance type (#9194)

src/collapse-item/CollapseItem.tsx

@@ -1,4 +1,11 @@
-import { ref, watch, computed, nextTick, defineComponent } from 'vue';
+import {
+  ref,
+  watch,
+  computed,
+  nextTick,
+  defineComponent,
+  ExtractPropTypes,
+} from 'vue';
 
 // Utils
 import { cellProps } from '../cell/Cell';
@@ -17,15 +24,19 @@ const [name, bem] = createNamespace('collapse-item');
 
 const CELL_SLOTS = ['icon', 'title', 'value', 'label', 'right-icon'] as const;
 
+const props = extend({}, cellProps, {
+  name: [Number, String],
+  isLink: truthProp,
+  disabled: Boolean,
+  readonly: Boolean,
+});
+
+export type CollapseItemProps = ExtractPropTypes<typeof props>;
+
 export default defineComponent({
   name,
 
-  props: extend({}, cellProps, {
-    name: [Number, String],
-    isLink: truthProp,
-    disabled: Boolean,
-    readonly: Boolean,
-  }),
+  props,
 
   setup(props, { slots }) {
     const wrapperRef = ref<HTMLElement>();

src/collapse-item/index.ts

@@ -5,3 +5,4 @@ const CollapseItem = withInstall<typeof _CollapseItem>(_CollapseItem);
 
 export default CollapseItem;
 export { CollapseItem };
+export type { CollapseItemInstance } from './types';

src/collapse-item/types.ts

@@ -0,0 +1,11 @@
+import type { ComponentPublicInstance } from 'vue';
+import type { CollapseItemProps } from './CollapseItem';
+
+export type CollapseItemExpose = {
+  toggle: (newValue?: boolean) => void;
+};
+
+export type CollapseItemInstance = ComponentPublicInstance<
+  CollapseItemProps,
+  CollapseItemExpose
+>;