From 906f18d7c209c7706538cc8be11419f00cc77e34 Mon Sep 17 00:00:00 2001
From: tyh2001 <1469442737@qq.com>
Date: Tue, 21 Feb 2023 16:35:56 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BF=AE=E5=A4=8D=20submenu=20=E7=BB=84?=
 =?UTF-8?q?=E4=BB=B6=E7=B1=BB=E5=9E=8B=E9=94=99=E8=AF=AF=E9=97=AE=E9=A2=98?=
 =?UTF-8?q?=20=F0=9F=8D=AD=F0=9F=8D=AD=F0=9F=8D=AD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/fighting-design/button/index.ts      | 58 -------------------
 packages/fighting-design/button/src/props.ts  | 16 -----
 .../fighting-design/submenu/src/submenu.vue   |  4 +-
 3 files changed, 3 insertions(+), 75 deletions(-)

diff --git a/packages/fighting-design/button/index.ts b/packages/fighting-design/button/index.ts
index 24a8cb7e78..2a786b7e84 100644
--- a/packages/fighting-design/button/index.ts
+++ b/packages/fighting-design/button/index.ts
@@ -1,70 +1,12 @@
-/**
- * button 是我开发的第一个组件，这里将下面的一些类型和变量详细说明介绍一下
- *
- * @description 1. 引入 button 单文件组件
- *
- * 什么是单文件组件？可以参考下面：
- *
- * @see single-file-components https://cn.vuejs.org/guide/scaling-up/sfc.html#single-file-components
- *
- * @description 2. 引入注册方法
- *
- * @description 3. 注册组件
- *
- * 注册组件参考：
- *
- * @see registration https://cn.vuejs.org/guide/components/registration.html
- *
- * @description 4. 导出组件实例类型
- *
- * 组件实例类型有什么用处？
- *
- * 我们在 vue3 中可以使用 ref 来获取 dom 节点
- *
- * 那么如果将 ref 作用在组件上，可以获取组件的实例，那么这个变量的类型就是组件实例
- *
- * 例如下面伪代码：
- *
- * ```vue
- * <script lang="ts" setup>
- *   import { ref } from 'vue'
- *   import type { ButtonInstance } from 'fighting-design'
- *
- *   const buttonEl = ref<ButtonInstance>()
- * </script>
- *
- * <template>
- *   <f-button ref="buttonEl">按钮</f-button>
- * </template>
- * ```
- *
- * TypeScript 中的 InstanceType 是一个用来获取构造函数类型实例的类型工具
- *
- * @see InstanceType<Type> https://www.typescriptlang.org/docs/handbook/utility-types.html#instancetypetype
- *
- * 在 TypeScript 中，typeof 是一个运算符，可以用于获取一个值的类型
- *
- * @see typeof https://www.typescriptlang.org/docs/handbook/2/narrowing.html#typeof-type-guards
- *
- * @description 5. 导出组件内部类型
- *
- * @description 6. 默认导出组件
- */
-
-/** 引入 button 单文件组件 */
 import Button from './src/button.vue'
 
-/** 引入注册方法 */
 import { install } from '../_utils'
 
-/** 注册组件导出 */
 export const FButton = install(Button)
 
 /** button 组件实例类型 */
 export type ButtonInstance = InstanceType<typeof Button>
 
-/** 导出组件内部类型 */
 export * from './src/interface.d'
 
-/** 默认导出组件 */
 export default FButton
diff --git a/packages/fighting-design/button/src/props.ts b/packages/fighting-design/button/src/props.ts
index 99ea54bcd9..a7c4060e1d 100644
--- a/packages/fighting-design/button/src/props.ts
+++ b/packages/fighting-design/button/src/props.ts
@@ -95,21 +95,5 @@ export const Props = {
   onClick: setFunctionProp<HandleMouse>()
 } as const
 
-/**
- * ExtractPropTypes 类型是 vue3 内置的一个类型，需要引入使用
- *
- * ```ts
- *  import type { ExtractPropTypes } from 'vue'
- * ```
- *
- * 或者
- *
- * ```ts
- *  import { ExtractPropTypes } from '@vue/runtime-core'
- * ```
- *
- * ExtractPropTypes 类型来定义组件的 props 类型
- */
-
 /** button 组件 props 类型 */
 export type ButtonProps = ExtractPropTypes<typeof Props>
diff --git a/packages/fighting-design/submenu/src/submenu.vue b/packages/fighting-design/submenu/src/submenu.vue
index 295b8d3ed2..c89d398f74 100644
--- a/packages/fighting-design/submenu/src/submenu.vue
+++ b/packages/fighting-design/submenu/src/submenu.vue
@@ -21,6 +21,8 @@
     if (prop.disabled) return
     isOpened.value = !isOpened.value
   }
+
+  console.log(parentInject)
 </script>
 
 <template>
@@ -29,7 +31,7 @@
     :class="[
       'f-submenu',
       {
-        [`f-submenu__${parentInject && parentInject.mode}`]: parentInject && parentInject.mode,
+        [`f-submenu__${parentInject && parentInject.mode.value}`]: parentInject && parentInject.mode.value,
         'f-submenu__disabled': disabled
       }
     ]"