From feae8a20ce1d9ed51f5e381acfc4db7e906c57db Mon Sep 17 00:00:00 2001 From: Theo Date: Fri, 8 Nov 2024 00:34:39 +0800 Subject: [PATCH] feat(link): allow customizing target in footer links. --- packages/Lumen/components/HomeFooter.vue | 4 +-- packages/Lumen/types/types.ts | 4 +-- packages/docs/guide/HomeFooter.md | 42 ++++++++++++------------ 3 files changed, 25 insertions(+), 25 deletions(-) diff --git a/packages/Lumen/components/HomeFooter.vue b/packages/Lumen/components/HomeFooter.vue index b11bf59..7f02c3b 100644 --- a/packages/Lumen/components/HomeFooter.vue +++ b/packages/Lumen/components/HomeFooter.vue @@ -29,7 +29,7 @@ const footer = props.Footer_Data {{ link.name }} diff --git a/packages/Lumen/types/types.ts b/packages/Lumen/types/types.ts index fb62a54..16c2d83 100644 --- a/packages/Lumen/types/types.ts +++ b/packages/Lumen/types/types.ts @@ -58,14 +58,14 @@ export interface Link { style?: string // 链接样式（可选） name: string // 链接名称 href: string // 链接地址 - internal?: boolean // 是否为内部链接（默认 false，可选） + target?: string // 链接打开方式 默认 '_blank' } export interface Group { icon?: string // 图标（可选） style?: string // 图标样式（可选） title: string // 分组标题 - internal?: boolean // 是否为内部链接（默认 false，可选） + target?: string // 链接打开方式 默认 '_blank' links: Link[] // 链接数组 } diff --git a/packages/docs/guide/HomeFooter.md b/packages/docs/guide/HomeFooter.md index 2e2dec7..cca403e 100644 --- a/packages/docs/guide/HomeFooter.md +++ b/packages/docs/guide/HomeFooter.md @@ -30,7 +30,7 @@ export const Footer_Data: FooterData = { }, { title: '内部链接', - internal: true, // `internal`默认为 false , 为 true 时不显示外部链接图标 + target: '_self', // `target`默认打开方式为 _blank , 为 _self 时不会显示外部链接图标 icon: 'fas fa-link', style: 'rgba(255, 87, 51, 1)', links: [ @@ -69,23 +69,23 @@ export default { ## 数据接口说明 -| 字段 | 类型 | 描述 | -| ------------------------------------ | ------- | ------------------------------------------------------------------------------------------------------------------------------------------------ | -| **group**? | Array | 链接分组列表。 | -| ├─ icon? | string | [iconify](https://icon-sets.iconify.design/) 或者 [fortawesome](https://fontawesome.com/search?o=r&m=free) 图标 | -| ├─ style? | string | 图标样式 | -| ├─ title | string | 分组标题。 | -| ├─ internal? | boolean | 该组是否为内部链接，默认 `false` | -| └─ links | Array | 分组中的链接列表。 | -|     ├─ icon? | string | [iconify](https://icon-sets.iconify.design/) 或者 [fortawesome](https://fontawesome.com/search?o=r&m=free) 图标 | -|     ├─ style? | string | 图标样式 | -|     ├─ name | string | 链接名称。 | -|     ├─ href | string | 链接地址。 | -|     └─ internal? | boolean | 是否为内部链接，默认 `false` | -| **beian**? | object | 备案信息 | -| ├─ icp? | string | ICP 备案号 | -| ├─ police? | string | 公安备案号 | -| └─ showIcon? | boolean | 备案图标是否显示，默认 `false` | -| **author**? | object | 作者信息 | -| ├─ name? | string | 作者姓名 | -| └─ link? | string | 作者链接 | +| 字段 | 类型 | 描述 | +| ---------------------------------- | ------- | ------------------------------------------------------------------------------------------------------------------------------------------------ | +| **group**? | Array | 链接分组列表。 | +| ├─ icon? | string | [iconify](https://icon-sets.iconify.design/) 或者 [fortawesome](https://fontawesome.com/search?o=r&m=free) 图标 | +| ├─ style? | string | 图标样式 | +| ├─ title | string | 分组标题。 | +| ├─ target? | boolean | 该组链接打开方式 默认 `_blank` 为 `_self` 时不会显示外部链接图标 | +| └─ links | Array | 分组中的链接列表。 | +|     ├─ icon? | string | [iconify](https://icon-sets.iconify.design/) 或者 [fortawesome](https://fontawesome.com/search?o=r&m=free) 图标 | +|     ├─ style? | string | 图标样式 | +|     ├─ name | string | 链接名称。 | +|     ├─ href | string | 链接地址。 | +|     └─ target? | boolean | 链接打开方式 默认 `_blank` 为 `_self` 时不会显示外部链接图标 | +| **beian**? | object | 备案信息 | +| ├─ icp? | string | ICP 备案号 | +| ├─ police? | string | 公安备案号 | +| └─ showIcon? | boolean | 备案图标是否显示，默认 `false` | +| **author**? | object | 作者信息 | +| ├─ name? | string | 作者姓名 | +| └─ link? | string | 作者链接 |