refactor: 全局格式化 🌟🌟🌟

Author: Tyh2001

SECURITY.md

@@ -1,7 +1,7 @@
 # Reporting a Vulnerability
 
-to ensure your application remains as secure as possible,To report a vulnerability, please email `1469442702@qq.com`.
+to ensure your application remains as secure as possible,To report a vulnerability, please email **1469442702@qq.com**.
 
 # 报告漏洞
 
-为了确保您的应用程序尽可能安全，要报告漏洞，请发送电子邮件 `1469442702@qq.com`。
+为了确保您的应用程序尽可能安全，要报告漏洞，请发送电子邮件 **1469442702@qq.com**。

docs/.vitepress/cache/deps/_metadata.json

@@ -10,4 +10,4 @@
     }
   },
   "chunks": {}
-}
+}

docs/.vitepress/cache/deps/package.json

@@ -1 +1,3 @@
-{"type":"module"}
+{
+  "type": "module"
+}

docs/.vitepress/cache/deps/vue.js

@@ -27,7 +27,7 @@ export default defineConfig({
   markdown: {
     // 自定义 markdown 语法
     // => fightingPlugin(md)
-    config: (md) => {
+    config: md => {
       mdPlugin(md)
       // md.use(demoBlockPlugin, {
       //   customClass: 'demoblock-custom',
@@ -61,6 +61,5 @@ export default defineConfig({
       //   ]
       // })
     }
-
   }
 })

docs/.vitepress/config.ts

@@ -6,7 +6,7 @@ import type MarkdownIt from 'markdown-it'
 
 /**
  * 导出自定义插件方法
- * 
+ *
  * @param md markdown 实例
  */
 export const fightingPlugin = (md: MarkdownIt): void => {

docs/.vitepress/config/index.ts

@@ -3,7 +3,7 @@ import type Token from 'markdown-it/lib/token'
 
 /**
  * 渲染代码片段和描述内容
- * 
+ *
  * @param md markdown 实例
  */
 export const pluginCode = (md: MarkdownIt): void => {
@@ -16,12 +16,7 @@ export const pluginCode = (md: MarkdownIt): void => {
    */
   const defaultRender = md.renderer.rules.fence
 
-  md.renderer.rules.fence = (
-    tokens: Token[],
-    idx: number,
-    options: MarkdownIt.Options,
-    env: any,
-  ): string => {
+  md.renderer.rules.fence = (tokens: Token[], idx: number, options: MarkdownIt.Options, env: any): string => {
     /**
      * 获取到每一项
      */
@@ -33,12 +28,12 @@ export const pluginCode = (md: MarkdownIt): void => {
     /**
      * 检测当前是否为 demo 自定义代码段
      */
-    const isInDemoContainer: boolean = prevToken && prevToken.nesting === 1 && prevToken.info.trim().match(/^demo\s*(.*)$/)
-
+    const isInDemoContainer: boolean =
+      prevToken && prevToken.nesting === 1 && prevToken.info.trim().match(/^demo\s*(.*)$/)
 
     /**
      * 如果是自定义代码段落，则继续获取里面的内容返回知道插槽内容
-     * 
+     *
      * 否则返回默认的内容
      */
     if (token.info.trim() === lang && isInDemoContainer) {

docs/.vitepress/config/plugin-code.ts

@@ -4,9 +4,9 @@ import type Token from 'markdown-it/lib/token'
 
 /**
  * 自定义 markdown 语法
- * 
+ *
  * ::: demo 代码片段展示
- * 
+ *
  * @param md markdown 实例
  */
 export const pluginDemo = (md: MarkdownIt): void => {
@@ -32,4 +32,4 @@ export const pluginDemo = (md: MarkdownIt): void => {
       return '</vp-demo>'
     }
   })
-}
+}

docs/.vitepress/config/plugin-demo.ts

@@ -4,15 +4,15 @@ import type MarkdownIt from 'markdown-it'
 
 /**
  * 将字符串内容渲染成为组件
- * 
+ *
  * @param md markdown 实例
  */
 export const pluginRender = (md: MarkdownIt): void => {
   const sfcRegexp: RegExp = createSfcRegexp({ customBlocks: [TAG_NAME_TEMPLATE] })
   const render = md.render.bind(md)
 
   /**
-   * 
+   *
    * @param content 文档内容
    * @param env 环境对象
    */
@@ -47,4 +47,4 @@ export const pluginRender = (md: MarkdownIt): void => {
 
     return rendered
   }
-}
+}

docs/.vitepress/config/plugin-render.ts

@@ -16,9 +16,9 @@ let seed = 0
 
 /**
  * 将字符串解析为组件
- * 
+ *
  * @param content 代码内容部分
- * @returns 
+ * @returns
  */
 export const renderComponent = (content: string): RenderComponentReturn | null => {
   if (!content) return null
@@ -77,7 +77,6 @@ export const renderComponent = (content: string): RenderComponentReturn | null =
   let pageScript = ''
 
   if (componentsString) {
-
     pageScript = `<script lang="ts">
       import * as Vue from 'vue'
       ${scriptImports?.join(os.EOL)}

docs/.vitepress/config/render.ts

@@ -5,7 +5,7 @@ import type { SFCTemplateCompileOptions } from '@vue/compiler-sfc'
 export const stripScript = (content: string, id: string): string => {
   /**
    * 匹配到 js 部分代码段
-   * 
+   *
    * match() 方法检索返回一个字符串匹配正则表达式的结果
    * @see match  https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/String/match
    */
@@ -37,10 +37,10 @@ export const stripStyle = (content: string): string => {
 
 /**
  * 编写例子时不一定有 template，所以采取的方案是剔除其他的内容
- * 
+ *
  * @see trim https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/String/Trim
  * @param content 模板内容字符串
- * @returns 
+ * @returns
  */
 export const stripTemplate = (content: string): string => {
   content = content.trim()
@@ -50,11 +50,7 @@ export const stripTemplate = (content: string): string => {
   return content ? content.replace(ScriptOrStyleReplacePattern, '').trim() : content
 }
 
-export const genInlineComponentText = (
-  id: number,
-  template: string,
-  script: string
-): string => {
+export const genInlineComponentText = (id: number, template: string, script: string): string => {
   let source = template
   if (TemplateReplacePattern.test(source)) {
     source = source.replace(TemplateReplacePattern, '$1')
@@ -92,7 +88,7 @@ export const genInlineComponentText = (
       {
         searchValue: /import ({.*}) from 'fighting-design'/g,
         replaceValue: (s, s1) => `const ${s1} = FightingDesign`
-      },
+      }
       // {
       //   searchValue: /import type ({.*}) from 'fighting-design'/g,
       //   replaceValue: (s, s1) => `const ${s1} = FightingDesign`

docs/.vitepress/config/utils.ts

@@ -1,5 +1,4 @@
-
-export type SearchList = { title: string, rule: string, url: string }[]
+export type SearchList = { title: string; rule: string; url: string }[]
 
 /**
  * 搜索列表

docs/.vitepress/theme/components/src/search-list.ts

@@ -2,7 +2,7 @@ import { version } from '../../../packages/fighting-design/package.json'
 
 /**
  * 顶部导航栏菜单
- * 
+ *
  * @see Nav https://vitepress.vuejs.org/guide/theme-nav#nav
  */
 export const nav = [

docs/.vitepress/utils/nav.ts

@@ -28,7 +28,13 @@
 <template>
   <div class="f-color-box">
     <div v-for="(item, index) in colorList" :key="index" class="f-color-list">
-      <div v-for="(color, i) in item" :key="i" class="f-color-item" :style="{ background: color }" @click="handleClick(color)">
+      <div
+        v-for="(color, i) in item"
+        :key="i"
+        class="f-color-item"
+        :style="{ background: color }"
+        @click="handleClick(color)"
+      >
         <f-text>{{ color }}</f-text>
       </div>
     </div>

docs/components/_demos/color/demo1.vue

@@ -22,7 +22,14 @@
 <template>
   <f-button type="primary" @click="visible3 = true">打开</f-button>
 
-  <f-dialog v-model:visible="visible3" title="Title" :on-open="open" :on-open-end="openEnd" :on-close="close" :on-close-end="closeEnd">
+  <f-dialog
+    v-model:visible="visible3"
+    title="Title"
+    :on-open="open"
+    :on-open-end="openEnd"
+    :on-close="close"
+    :on-close-end="closeEnd"
+  >
     <h3>沁园春·雪</h3>
 
     <p>北国风光，千里冰封，万里雪飘。</p>

docs/components/_demos/dialog/demo3.vue

@@ -65,7 +65,8 @@
 </template>
 
 ```html
-<f-link href="" state="line" type="primary">带有下划线</f-link> <f-link href="" state="bag" type="danger">hover 一下试试</f-link>
+<f-link href="" state="line" type="primary">带有下划线</f-link>
+<f-link href="" state="bag" type="danger">hover 一下试试</f-link>
 ```
 
 :::

docs/components/link.md

@@ -13,4 +13,4 @@
     "markdown-it": "^13.0.1",
     "markdown-it-container": "^3.0.0"
   }
-}
+}

docs/package.json

@@ -72,4 +72,4 @@
       "git add"
     ]
   }
-}
+}

package.json

@@ -94,7 +94,9 @@ export const useList = <T extends object>(prop: T, name: string): UseListReturn
            * 因为 prop 参数的键都是驼峰命名法，所以这里要转换为短横线连接命名
            */
           styleList[`--f-${name}-${convertFormat(key)}`] = pixel
-            ? isNumber(propList[key]) ? sizeChange(propList[key] as number) : propList[key]
+            ? isNumber(propList[key])
+              ? sizeChange(propList[key] as number)
+              : propList[key]
             : propList[key]
         }
       }

packages/fighting-design/_hooks/use-list/index.ts

@@ -19,9 +19,9 @@ export const useLoadImg = (prop: UseLoadImgProp): UseLoadImgReturn => {
   const isSuccess = ref<boolean>(true)
   /**
    * 是否展示节点元素
-   * 
+   *
    * 因为在加载过程中 img 会展示一个撕裂的标志
-   * 
+   *
    * 所以使用变量控制显示和隐藏
    */
   const isShowNode = ref<boolean>(false)

packages/fighting-design/_hooks/use-load-img/index.ts

@@ -5,24 +5,22 @@ export * from './interface.d'
 
 /**
  * 点击的涟漪效果
- *  
+ *
  * @param evt 事件对象
  * @param node 元素节点
  * @param options 配置对象
  */
 export const useRipples = (evt: MouseEvent, node: HTMLElement, options: RipplesOptions): UseRipplesReturn => {
-
   /**
    * 计算涟漪颜色
    *
    * 如果设置了 ripplesColor 则直接返回
-   * 
+   *
    * 在 simple 和 text 模式下，根据 type 返回颜色
-   * 
+   *
    * 否则返回默认白色
    */
   const ripplesColor = computed((): string => {
-
     if (options.ripplesColor) {
       return options.ripplesColor
     }
@@ -69,7 +67,6 @@ export const useRipples = (evt: MouseEvent, node: HTMLElement, options: RipplesO
    * @return { HTMLElement }
    */
   const renderElement = (x: number, y: number): HTMLElement => {
-
     /**
      * 新建个 span 元素
      */
@@ -80,7 +77,6 @@ export const useRipples = (evt: MouseEvent, node: HTMLElement, options: RipplesO
 
     // 如果是按钮，则需要添加容器
     if (options.component === 'f-button') {
-
       const box: HTMLDivElement = document.createElement('div')
       box.className = 'f-button__ripples-box'
 

packages/fighting-design/_hooks/use-ripples/index.ts

@@ -25,7 +25,7 @@ export interface RipplesOptions {
 
 /**
  * ripples 方法事件类型接口
- * 
+ *
  * @param layerX x 轴坐标
  * @param layerY y 轴坐标
  */
@@ -36,7 +36,7 @@ export interface RipplesEvt extends Event {
 
 /**
  * ripples 返回值类型接口
- * 
+ *
  * @param runRipples 生成涟漪方法
  */
 export interface UseRipplesReturn {

packages/fighting-design/_hooks/use-ripples/interface.d.ts

@@ -7,12 +7,11 @@ export * from './interface.d'
 
 /**
  * 针对 tree 组件的树形结构的处理
- * 
+ *
  * @param data 树形结构
- * @returns 
+ * @returns
  */
 export const useTreeData = (data: TreeData): UseTreeDataReturn => {
-
   /**
    * 处理后的树形结构
    */
@@ -25,7 +24,7 @@ export const useTreeData = (data: TreeData): UseTreeDataReturn => {
 
   /**
    * 隐藏节点方法
-   * 
+   *
    * @param tree 树形结构
    */
   const hidden = (tree: TreeData): void => {
@@ -40,7 +39,7 @@ export const useTreeData = (data: TreeData): UseTreeDataReturn => {
 
   /**
    * 获取到指定的元素进行操作
-   * 
+   *
    * @param data 树形结构
    * @param id id
    */

packages/fighting-design/_hooks/use-tree-data/index.ts

@@ -1,6 +1,6 @@
 /**
  * 扁平的树形结构类型接口
- * 
+ *
  * @param label label
  * @param level 标识
  * @param show 是否展示