style: 优化格式问题

Author: Tyh2001

docs/.vitepress/config/head.ts

@@ -6,23 +6,23 @@ import type { HeadConfig } from 'vitepress'
  * @see head https://vitepress.vuejs.org/config/app-configs#head
  */
 export const head: HeadConfig[] = [
-  /** 标签栏略缩图 */
+  // 标签栏略缩图
   [
     'link',
     {
       rel: 'icon',
       href: 'https://raw.githubusercontent.com/Tyh2001/images/4ad62a8f00aa2473deca61598f307430d8d4a4cf/fighting-design/FightingDesign.svg'
     }
   ],
-  /** 解决移动端点击输入框自动放大的问题 */
+  // 解决移动端点击输入框自动放大的问题
   [
     'meta',
     {
       name: 'viewport',
       content: 'width=device-width, initial-scale=1.0,user-scalable=no'
     }
   ],
-  /** 网站关键词，有助于 SEO 优化 */
+  // 网站关键词，有助于 SEO 优化
   [
     'meta',
     {
@@ -31,15 +31,15 @@ export const head: HeadConfig[] = [
         '前端,前端开发,组件库,vue3组件库,vue,vuejs,javascript,typescript,vite,css3,css,html,html5,js,ts,scss,sass,fighting-design,fighting,design,setup,eslint,es6,rollup,components,vitepress,vitest,element,element-ui,ui,element-plus,go,golang,web-components,web,jquery,less,eslint,commitlint,cli,types,node,test-utils,happy-dom,husky'
     }
   ],
-  /** 网站作者 */
+  // 网站作者
   [
     'meta',
     {
       name: 'author',
       content: 'FightingDesign Tyh2001'
     }
   ],
-  /** OG 标题 */
+  // OG 标题
   [
     'meta',
     {
@@ -64,7 +64,7 @@ export const head: HeadConfig[] = [
         'https://raw.githubusercontent.com/Tyh2001/images/4ad62a8f00aa2473deca61598f307430d8d4a4cf/fighting-design/FightingDesign.svg'
     }
   ],
-  /** OG 描述 */
+  // OG 描述
   [
     'meta',
     {
@@ -73,7 +73,7 @@ export const head: HeadConfig[] = [
         'Fighting Design 可在 vue3 应用程序中快速构建交互界面，看起来还不错。 Fighting Design 是一款灵活、优质的组件库，为开发者、设计师准备。希望开发者可以借用其中的设计，在不久的将来，孕育出更高阶的组件库。'
     }
   ],
-  /** OG 页面所在网站名 */
+  // OG 页面所在网站名
   [
     'meta',
     {

packages/fighting-design/_utils/get-children/index.ts

@@ -18,7 +18,7 @@ export const getChildren = (children: VNode[], componentName: string): VNode[] =
       const name: string | undefined | boolean =
         isObject(child.type) && (child.type as Component).name
 
-      /** 判断是否为亲孩子节点 */
+      // 判断是否为亲孩子节点
       if (name === componentName) {
         components.push(child)
       }

packages/fighting-design/_utils/is/index.ts

@@ -19,6 +19,7 @@ export const isDate = is('Date')
 
 /**
  * 检测一个数据是否为 string 类型
+ *
  * @param { * } value 要检测的值
  * @returns { boolean }
  */

packages/fighting-design/_utils/props/index.ts

@@ -142,13 +142,13 @@ export const setFunctionProp = <T extends Function>(
  * @returns { Object } 配置对象
  */
 export const setArrayProp = <T>(
-  defaultVal = null
+  defaultVal = []
 ): {
   readonly type: PropType<T>
   readonly default: () => T | null
 } => {
   return {
     type: Array as unknown as PropType<T>,
-    default: (): T | null => defaultVal
+    default: (): T | null => defaultVal as T
   } as const
 }

packages/fighting-design/alert/src/alert.vue

@@ -39,12 +39,12 @@
     run(prop.onClose, evt)
   }
 
-  /** 初始化完成判断是否符合调用滚动效果 */
+  // 初始化完成判断是否符合调用滚动效果
   onMounted((): void => {
     if (prop.alertList && prop.alertList.length && alertListEl.value) {
       const startMove = useAlertList(alertListEl.value)
 
-      /** 开始滚动 */
+      // 开始滚动
       startMove(isNumber(prop.duration) ? prop.duration : 2000)
     }
   })

packages/fighting-design/avatar-group/src/avatar-group.vue

@@ -22,7 +22,7 @@
         '.f-avatar'
       ) as unknown as HTMLDivElement[]
 
-      /** 必须在子元素存在的时候，设置 zIndex 层级样式 */
+      // 必须在子元素存在的时候，设置 zIndex 层级样式
       if (avatars && avatars.length) {
         avatars.forEach((item: HTMLDivElement, i: number): void => {
           item.style.zIndex = (avatars.length - i).toString()

packages/fighting-design/button/src/button.vue

@@ -26,7 +26,7 @@
   const handleClick = (evt: MouseEvent): void => {
     const { disabled, loading, ripples } = toRefs(prop)
 
-    /** 禁用或 loading 则返回 */
+    // 禁用或 loading 则返回
     if (disabled.value || loading.value) {
       /**
        * 阻止默认行为
@@ -37,7 +37,7 @@
       return
     }
 
-    /** 如果有涟漪效果 */
+    // 如果有涟漪效果
     if (ripples.value) {
       const { ripplesColor, simple, text } = toRefs(prop)
 

packages/fighting-design/calendar/src/calendar.vue

@@ -93,17 +93,17 @@
   const handleClick = (days: GenerateCalendarItem): void => {
     const { target, day } = days
 
-    /** 切换上个月 */
+    // 切换上个月
     if (target === 'prev') {
       option[target]()
     }
 
-    /** 切换下个月 */
+    // 切换下个月
     if (target === 'next') {
       option[target]()
     }
 
-    /** 点击当前月份的日期，高亮显示 */
+    // 点击当前月份的日期，高亮显示
     if (target === 'current') {
       dates.date = day
       run(prop.onChangeDate, dates.year, dates.month, dates.date)

packages/fighting-design/checkbox-group/src/checkbox-group.vue

@@ -26,7 +26,7 @@
     run(prop.onChange, val)
   }
 
-  /** 获取需要注入的依赖项 */
+  // 获取需要注入的依赖项
   provide<CheckboxGroupProvide>(
     CHECKBOX_GROUP_PROPS_KEY,
     reactive({

packages/fighting-design/expand-card/src/expand-card.vue

@@ -41,11 +41,11 @@
   const imageListArr = computed((): ExpandCardImageListItem[] => {
     const { imageList } = prop
 
-    /** 提前检测数据结构是否正确 */
+    // 提前检测数据结构是否正确
     if (!isArray(imageList)) {
       warning('f-expand-card', '`image-list` is not a array.')
 
-      /** 不正确返回空数组 */
+      // 不正确返回空数组
       return []
     }
 
@@ -56,17 +56,17 @@
      */
     return imageList.map(
       (item: string | ExpandCardImageListItem): ExpandCardImageListItem => {
-        /** 如果每一项是字符串，则代表图片地址 */
+        // 如果每一项是字符串，则代表图片地址
         if (isString(item)) {
           return { url: item }
         }
 
-        /** 如果是对象，必须内部带有图片地址 */
+        // 如果是对象，必须内部带有图片地址
         if (isObject(item) && item.url) {
           return item
         }
 
-        /** 否则返回空地址的对象 */
+        // 否则返回空地址的对象
         return { url: '' }
       }
     )