chore(frontend): 移除未使用的新手引导组件残留代码
删除开发过程中遗留的未使用文件： - TourDescription.vue: 未被使用的结构化描述组件 - useTourStepDescription.ts: 步骤key映射，引用的组件从未创建 - TourStepDescriptions/: 空的组件目录 当前实现通过 i18n + HTML 字符串直接提供描述内容，无需这些文件。
This commit is contained in:
shaw
@@ -1,157 +0,0 @@
|
|||||||
<template>
|
|
||||||
<div class="tour-description">
|
|
||||||
<!-- 主要段落 -->
|
|
||||||
<p v-if="mainText" class="main-text">{{ mainText }}</p>
|
|
||||||
|
|
||||||
<!-- 特性列表 -->
|
|
||||||
<div v-if="features && features.length > 0" class="features-section">
|
|
||||||
<p v-if="featuresTitle" class="section-title">{{ featuresTitle }}</p>
|
|
||||||
<ul class="features-list">
|
|
||||||
<li v-for="(feature, index) in features" :key="index">
|
|
||||||
<span v-if="feature.icon" class="feature-icon">{{ feature.icon }}</span>
|
|
||||||
<span v-if="feature.label" class="feature-label">{{ feature.label }}</span>
|
|
||||||
<span class="feature-text">{{ feature.text }}</span>
|
|
||||||
</li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- 提示框 -->
|
|
||||||
<div v-if="tip" :class="['tip-box', `tip-${tip.type || 'info'}`]">
|
|
||||||
<span v-if="tip.label" class="tip-label">{{ tip.label }}</span>
|
|
||||||
<div v-if="tip.text" class="tip-text">{{ tip.text }}</div>
|
|
||||||
<ul v-if="tip.items && tip.items.length > 0" class="tip-list">
|
|
||||||
<li v-for="(item, index) in tip.items" :key="index">{{ item }}</li>
|
|
||||||
</ul>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<!-- 行动提示 -->
|
|
||||||
<p v-if="action" class="action-text">{{ action }}</p>
|
|
||||||
|
|
||||||
<!-- 额外说明 -->
|
|
||||||
<p v-if="note" class="note-text">{{ note }}</p>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script setup lang="ts">
|
|
||||||
export interface TourFeature {
|
|
||||||
icon?: string
|
|
||||||
label?: string
|
|
||||||
text: string
|
|
||||||
}
|
|
||||||
|
|
||||||
export interface TourTip {
|
|
||||||
type?: 'info' | 'success' | 'warning' | 'example'
|
|
||||||
label?: string
|
|
||||||
text?: string
|
|
||||||
items?: string[]
|
|
||||||
}
|
|
||||||
|
|
||||||
export interface TourDescriptionProps {
|
|
||||||
mainText?: string
|
|
||||||
featuresTitle?: string
|
|
||||||
features?: TourFeature[]
|
|
||||||
tip?: TourTip
|
|
||||||
action?: string
|
|
||||||
note?: string
|
|
||||||
}
|
|
||||||
|
|
||||||
defineProps<TourDescriptionProps>()
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<style scoped>
|
|
||||||
.tour-description {
|
|
||||||
line-height: 1.7;
|
|
||||||
font-size: 14px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.main-text {
|
|
||||||
margin-bottom: 12px;
|
|
||||||
color: #374151;
|
|
||||||
}
|
|
||||||
|
|
||||||
.section-title {
|
|
||||||
margin-bottom: 8px;
|
|
||||||
font-weight: 600;
|
|
||||||
color: #1f2937;
|
|
||||||
}
|
|
||||||
|
|
||||||
.features-section {
|
|
||||||
margin-bottom: 12px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.features-list {
|
|
||||||
margin-left: 20px;
|
|
||||||
font-size: 13px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.features-list li {
|
|
||||||
margin-bottom: 6px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.feature-icon {
|
|
||||||
margin-right: 4px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.feature-label {
|
|
||||||
font-weight: 600;
|
|
||||||
margin-right: 4px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.tip-box {
|
|
||||||
padding: 8px 12px;
|
|
||||||
border-radius: 4px;
|
|
||||||
border-left: 3px solid;
|
|
||||||
font-size: 13px;
|
|
||||||
margin-bottom: 12px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.tip-info {
|
|
||||||
background: #eff6ff;
|
|
||||||
border-left-color: #3b82f6;
|
|
||||||
}
|
|
||||||
|
|
||||||
.tip-success {
|
|
||||||
background: #f0fdf4;
|
|
||||||
border-left-color: #10b981;
|
|
||||||
}
|
|
||||||
|
|
||||||
.tip-warning {
|
|
||||||
background: #fef3c7;
|
|
||||||
border-left-color: #f59e0b;
|
|
||||||
}
|
|
||||||
|
|
||||||
.tip-example {
|
|
||||||
background: #f0fdf4;
|
|
||||||
border-left-color: #10b981;
|
|
||||||
}
|
|
||||||
|
|
||||||
.tip-label {
|
|
||||||
font-weight: 600;
|
|
||||||
display: block;
|
|
||||||
margin-bottom: 4px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.tip-text {
|
|
||||||
margin-bottom: 4px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.tip-list {
|
|
||||||
margin: 8px 0 0 16px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.tip-list li {
|
|
||||||
margin-bottom: 4px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.action-text {
|
|
||||||
margin-top: 12px;
|
|
||||||
color: #10b981;
|
|
||||||
font-weight: 600;
|
|
||||||
}
|
|
||||||
|
|
||||||
.note-text {
|
|
||||||
font-size: 13px;
|
|
||||||
color: #6b7280;
|
|
||||||
margin-top: 8px;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
@@ -1,20 +0,0 @@
|
|||||||
<template>
|
|
||||||
<section
|
|
||||||
class="tour-step-description"
|
|
||||||
:lang="locale"
|
|
||||||
:data-step-key="stepKey"
|
|
||||||
>
|
|
||||||
<slot />
|
|
||||||
</section>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script setup lang="ts">
|
|
||||||
import type { TourStepKey } from '@/composables/useTourStepDescription'
|
|
||||||
|
|
||||||
interface TourStepDescriptionProps {
|
|
||||||
stepKey: TourStepKey
|
|
||||||
locale: string
|
|
||||||
}
|
|
||||||
|
|
||||||
defineProps<TourStepDescriptionProps>()
|
|
||||||
</script>
|
|
||||||
@@ -1 +0,0 @@
|
|||||||
export { default as TourStepDescription } from './TourStepDescription.vue'
|
|
||||||
@@ -1,79 +0,0 @@
|
|||||||
export const ADMIN_TOUR_STEP_KEYS = [
|
|
||||||
'admin.welcome',
|
|
||||||
'admin.groupManage',
|
|
||||||
'admin.createGroup',
|
|
||||||
'admin.groupName',
|
|
||||||
'admin.groupPlatform',
|
|
||||||
'admin.groupMultiplier',
|
|
||||||
'admin.groupExclusive',
|
|
||||||
'admin.groupSubmit',
|
|
||||||
'admin.accountManage',
|
|
||||||
'admin.createAccount',
|
|
||||||
'admin.accountName',
|
|
||||||
'admin.accountPlatform',
|
|
||||||
'admin.accountType',
|
|
||||||
'admin.accountPriority',
|
|
||||||
'admin.accountGroups',
|
|
||||||
'admin.accountSubmit',
|
|
||||||
'admin.keyManage',
|
|
||||||
'admin.createKey',
|
|
||||||
'admin.keyName',
|
|
||||||
'admin.keyGroup',
|
|
||||||
'admin.keySubmit'
|
|
||||||
] as const
|
|
||||||
|
|
||||||
export const USER_TOUR_STEP_KEYS = [
|
|
||||||
'user.welcome',
|
|
||||||
'user.keyManage',
|
|
||||||
'user.createKey',
|
|
||||||
'user.keyName',
|
|
||||||
'user.keyGroup',
|
|
||||||
'user.keySubmit'
|
|
||||||
] as const
|
|
||||||
|
|
||||||
export const TOUR_STEP_KEYS = [...ADMIN_TOUR_STEP_KEYS, ...USER_TOUR_STEP_KEYS] as const
|
|
||||||
|
|
||||||
export type TourStepKey = (typeof TOUR_STEP_KEYS)[number]
|
|
||||||
|
|
||||||
export const TOUR_STEP_COMPONENTS: Record<TourStepKey, string> = {
|
|
||||||
'admin.welcome': 'AdminWelcomeDescription',
|
|
||||||
'admin.groupManage': 'AdminGroupManageDescription',
|
|
||||||
'admin.createGroup': 'AdminCreateGroupDescription',
|
|
||||||
'admin.groupName': 'AdminGroupNameDescription',
|
|
||||||
'admin.groupPlatform': 'AdminGroupPlatformDescription',
|
|
||||||
'admin.groupMultiplier': 'AdminGroupMultiplierDescription',
|
|
||||||
'admin.groupExclusive': 'AdminGroupExclusiveDescription',
|
|
||||||
'admin.groupSubmit': 'AdminGroupSubmitDescription',
|
|
||||||
'admin.accountManage': 'AdminAccountManageDescription',
|
|
||||||
'admin.createAccount': 'AdminCreateAccountDescription',
|
|
||||||
'admin.accountName': 'AdminAccountNameDescription',
|
|
||||||
'admin.accountPlatform': 'AdminAccountPlatformDescription',
|
|
||||||
'admin.accountType': 'AdminAccountTypeDescription',
|
|
||||||
'admin.accountPriority': 'AdminAccountPriorityDescription',
|
|
||||||
'admin.accountGroups': 'AdminAccountGroupsDescription',
|
|
||||||
'admin.accountSubmit': 'AdminAccountSubmitDescription',
|
|
||||||
'admin.keyManage': 'AdminKeyManageDescription',
|
|
||||||
'admin.createKey': 'AdminCreateKeyDescription',
|
|
||||||
'admin.keyName': 'AdminKeyNameDescription',
|
|
||||||
'admin.keyGroup': 'AdminKeyGroupDescription',
|
|
||||||
'admin.keySubmit': 'AdminKeySubmitDescription',
|
|
||||||
'user.welcome': 'UserWelcomeDescription',
|
|
||||||
'user.keyManage': 'UserKeyManageDescription',
|
|
||||||
'user.createKey': 'UserCreateKeyDescription',
|
|
||||||
'user.keyName': 'UserKeyNameDescription',
|
|
||||||
'user.keyGroup': 'UserKeyGroupDescription',
|
|
||||||
'user.keySubmit': 'UserKeySubmitDescription'
|
|
||||||
}
|
|
||||||
|
|
||||||
export const useTourStepDescription = () => {
|
|
||||||
const getComponentName = (stepKey: TourStepKey) => TOUR_STEP_COMPONENTS[stepKey]
|
|
||||||
|
|
||||||
const isTourStepKey = (value: string): value is TourStepKey =>
|
|
||||||
Object.prototype.hasOwnProperty.call(TOUR_STEP_COMPONENTS, value)
|
|
||||||
|
|
||||||
return {
|
|
||||||
getComponentName,
|
|
||||||
isTourStepKey,
|
|
||||||
stepKeys: TOUR_STEP_KEYS
|
|
||||||
}
|
|
||||||
}
|
|
||||||
Reference in New Issue
Block a user