tongtong/vue3-element-admin
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: 🐛 移除unplugin-icon插件，避免vue-template-compiler编译器在某些机器引发的报错

Browse Source
This commit is contained in:
ray
2024-10-08 14:42:49 +08:00
parent 57bca54848
commit 20dc49df6c
28 changed files with 229 additions and 130 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
src/components/Breadcrumb/index.vue
View File

@@ -9,8 +9,9 @@
item.redirect === 'noredirect' || index === breadcrumbs.length - 1
"
class="color-gray-400"
>{{ translateRouteTitle(item.meta.title) }}</span
>
{{ translateRouteTitle(item.meta.title) }}
</span>
<a v-else @click.prevent="handleLink(item)">
{{ translateRouteTitle(item.meta.title) }}
</a>

8
src/components/CURD/PageSearch.vue
View File

@@ -109,11 +109,15 @@
>
<template v-if="isExpand">
收起
<i-ep-arrow-up />
<el-icon>
<ArrowUp />
</el-icon>
</template>
<template v-else>
展开
<i-ep-arrow-down />
<el-icon>
<ArrowDown />
</el-icon>
</template>
</el-link>
</el-form-item>

10
src/components/Notice/index.vue
View File

@@ -9,10 +9,14 @@
:max="99"
class="wh-full"
>
<i-ep-bell class="notification-icon h-full" />
<el-icon class="notification-icon h-full">
<Bell />
</el-icon>
</el-badge>
<el-badge :offset="[-10, 15]" v-else>
<i-ep-bell class="notification-icon h-full" />
<el-badge v-else class="wh-full">
<el-icon class="notification-icon h-full">
<Bell />
</el-icon>
</el-badge>
</div>

4
src/components/TableSelect/index.vue
View File

@@ -145,8 +145,8 @@
<el-button type="primary" size="small" @click="handleConfirm">
{{ confirmText }}
</el-button>
<el-button size="small" @click="handleClear"> 清 空 </el-button>
<el-button size="small" @click="handleClose"> 关 闭 </el-button>
<el-button size="small" @click="handleClear">清 空</el-button>
<el-button size="small" @click="handleClose">关 闭</el-button>
</div>
</div>
</el-popover>

2
src/components/Upload/ImageUpload.vue
View File

@@ -16,7 +16,7 @@
:accept="props.accept"
:limit="props.limit"
>
<i-ep-plus />
<el-icon><Plus /></el-icon>
<template #file="{ file }">
<div style="width: 100%">
<img class="el-upload-list__item-thumbnail" :src="file.url" alt="" />

15
src/layout/components/TagsView/index.vue
View File

@@ -15,12 +15,13 @@
@contextmenu.prevent="openContentMenu(tag, $event)"
>
{{ translateRouteTitle(tag.title) }}
<i-ep-close
class="close-icon"
size="12px"
<el-icon
class="tag-close-icon"
v-if="!isAffix(tag)"
@click.prevent.stop="closeSelectedTag(tag)"
/>
>
<Close />
</el-icon>
</router-link>
</el-scrollbar>
@@ -382,7 +383,9 @@ onMounted(() => {
margin-right: 15px;
}
.close-icon {
.tag-close-icon {
vertical-align: -0.15em;
cursor: pointer;
border-radius: 50%;
&:hover {
@@ -405,7 +408,7 @@ onMounted(() => {
border-radius: 50%;
}
.close-icon:hover {
.tag-close-icon:hover {
color: var(--el-color-primary);
background-color: var(--el-fill-color-light);
}

24
src/views/codegen/index.vue
View File

@@ -13,11 +13,15 @@
<el-form-item>
<el-button type="primary" @click="handleQuery">
<i-ep-search />
<template #icon>
<Search />
</template>
搜索
</el-button>
<el-button @click="handleResetQuery">
<i-ep-refresh />
<template #icon>
<Refresh />
</template>
重置
</el-button>
</el-form-item>
@@ -53,7 +57,9 @@
link
@click="handleOpenDialog(scope.row.tableName)"
>
<i-ep-MagicStick />
<template #icon>
<MagicStick />
</template>
生成代码
</el-button>
@@ -64,7 +70,9 @@
link
@click="handleResetConfig(scope.row.tableName)"
>
<i-ep-RefreshLeft />
<template #icon>
<RefreshLeft />
</template>
重置配置
</el-button>
</template>
@@ -167,7 +175,9 @@
<br />
注意2：演示环境默认不生成菜单，如需生成，请在本地部署数据库。
</template>
<i-ep-QuestionFilled class="cursor-pointer" />
<el-icon class="cursor-pointer">
<QuestionFilled />
</el-icon>
</el-tooltip>
</div>
</template>
@@ -195,7 +205,9 @@
:data="genConfigFormData.fieldConfigs"
>
<el-table-column width="55" align="center">
<i-ep-Rank class="cursor-move sortable-handle" />
<el-icon class="cursor-move sortable-handle">
<Rank />
</el-icon>
</el-table-column>
<el-table-column label="列名" width="110">

7
src/views/dashboard/components/VisitTrend.vue
View File

@@ -6,10 +6,13 @@
<div class="flex-y-center">
访问趋势
<el-tooltip effect="dark" content="点击试试下载" placement="bottom">
<i-ep-download
<el-icon
class="cursor-pointer hover:color-#4080FF ml-1"
name="el-icon-download"
@click="handleDownloadChart"
/>
>
<Download />
</el-icon>
</el-tooltip>
</div>

6
src/views/dashboard/index.vue
View File

@@ -121,8 +121,10 @@
getGrowthRateClass(item.growthRate),
]"
>
<i-ep-top v-if="item.growthRate > 0" />
<i-ep-bottom v-else-if="item.growthRate < 0" />
<el-icon>
<Top v-if="item.growthRate > 0" />
<Bottom v-else-if="item.growthRate < 0" />
</el-icon>
{{ formatGrowthRate(item.growthRate) }}
</span>
</div>

3
src/views/demo/icon-selector.vue
View File

@@ -10,8 +10,9 @@ const iconName = ref("edit");
type="primary"
target="_blank"
class="mb-10"
>示例源码 请点击>>>></el-link
>
示例源码 请点击>>>>
</el-link>
<icon-select v-model="iconName" />
</div>
</template>

3
src/views/demo/multi-level/level1.vue
View File

@@ -5,8 +5,9 @@
type="primary"
target="_blank"
class="mb-10"
>示例源码 请点击>>>></el-link
>
示例源码 请点击>>>>
</el-link>
<el-alert :closable="false" title="菜单一级">
<router-view />

7
src/views/demo/signature.vue
View File

@@ -138,8 +138,8 @@ function paint(
<h3>基于canvas实现的签名组件</h3>
<header>
<el-button type="primary" @click="handleSaveImg">保存为图片</el-button>
<el-button @click="handleToFile"> 保存到后端 </el-button>
<el-button @click="handleClearSign"> 清空签名 </el-button>
<el-button @click="handleToFile">保存到后端</el-button>
<el-button @click="handleClearSign">清空签名</el-button>
</header>
<canvas
ref="canvas"
@@ -151,8 +151,7 @@ function paint(
@touchstart="onEventStart"
@touchmove.stop.prevent="onEventMove"
@touchend="onEventEnd"
>
</canvas>
></canvas>
<img v-if="imgUrl" :src="imgUrl" alt="签名" />
</div>
</template>

2
src/views/demo/wang-editor.vue
View File

@@ -17,7 +17,7 @@ const value = ref("初始内容");
</el-link>
<editor
v-model="value"
style=" z-index: 99999;height: calc(100vh - 180px)"
style="z-index: 99999; height: calc(100vh - 180px)"
/>
</div>
</template>

8
src/views/login/index.vue
View File

@@ -70,7 +70,9 @@
<!-- 用户名 -->
<el-form-item prop="username">
<div class="input-wrapper">
<i-ep-user class="mx-2" />
<el-icon class="mx-2">
<User />
</el-icon>
<el-input
ref="username"
v-model="loginData.username"
@@ -90,7 +92,9 @@
>
<el-form-item prop="password">
<div class="input-wrapper">
<i-ep-lock class="mx-2" />
<el-icon class="mx-2">
<Lock />
</el-icon>
<el-input
v-model="loginData.password"
:placeholder="$t('login.password')"

20
src/views/system/config/index.vue
View File

@@ -13,11 +13,15 @@
</el-form-item>
<el-form-item>
<el-button type="primary" @click="handleQuery">
<i-ep-search />
<template #icon>
<Search />
</template>
搜索
</el-button>
<el-button @click="handleResetQuery">
<i-ep-refresh />
<template #icon>
<Refresh />
</template>
重置
</el-button>
</el-form-item>
@@ -31,7 +35,9 @@
v-hasPerm="['sys:config:add']"
@click="handleOpenDialog()"
>
<i-ep-plus />
<template #icon>
<Plus />
</template>
新增
</el-button>
<el-button
@@ -85,7 +91,9 @@
v-hasPerm="['sys:config:update']"
@click="handleOpenDialog(scope.row.id)"
>
<i-ep-edit />
<template #icon>
<Edit />
</template>
编辑
</el-button>
<el-button
@@ -95,7 +103,9 @@
v-hasPerm="['sys:config:delete']"
@click="handleDelete(scope.row.id)"
>
<i-ep-delete />
<template #icon>
<Delete />
</template>
删除
</el-button>
</template>

28
src/views/system/dept/index.vue
View File

@@ -23,11 +23,15 @@
</el-form-item>
<el-form-item>
<el-button class="filter-item" type="primary" @click="handleQuery">
<i-ep-search />
<template #icon>
<Search />
</template>
搜索
</el-button>
<el-button @click="handleResetQuery">
<i-ep-refresh />
<template #icon>
<Refresh />
</template>
重置
</el-button>
</el-form-item>
@@ -41,7 +45,9 @@
type="success"
@click="handleOpenDialog(0, undefined)"
>
<i-ep-plus />
<template #icon>
<Plus />
</template>
新增
</el-button>
<el-button
@@ -50,7 +56,9 @@
:disabled="ids.length === 0"
@click="handleDelete()"
>
<i-ep-delete />
<template #icon>
<Delete />
</template>
删除
</el-button>
</template>
@@ -84,7 +92,9 @@
size="small"
@click.stop="handleOpenDialog(scope.row.id, undefined)"
>
<i-ep-plus />
<template #icon>
<Plus />
</template>
新增
</el-button>
<el-button
@@ -94,7 +104,9 @@
size="small"
@click.stop="handleOpenDialog(scope.row.parentId, scope.row.id)"
>
<i-ep-edit />
<template #icon>
<Edit />
</template>
编辑
</el-button>
<el-button
@@ -104,7 +116,9 @@
size="small"
@click.stop="handleDelete(scope.row.id)"
>
<i-ep-delete />
<template #icon>
<Delete />
</template>
删除
</el-button>
</template>

24
src/views/system/dict/data.vue
View File

@@ -19,11 +19,15 @@
</el-form-item>
<el-form-item>
<el-button type="primary" @click="handleQuery()">
<i-ep-search />
<template #icon>
<Search />
</template>
搜索
</el-button>
<el-button @click="handleResetQuery()">
<i-ep-refresh />
<template #icon>
<Refresh />
</template>
重置
</el-button>
</el-form-item>
@@ -33,7 +37,9 @@
<el-card shadow="never">
<div class="mb-[10px]">
<el-button type="success" @click="handleOpenDialog()">
<i-ep-plus />
<template #icon>
<Plus />
</template>
新增
</el-button>
<el-button
@@ -41,7 +47,9 @@
:disabled="ids.length === 0"
@click="handleDelete()"
>
<i-ep-delete />
<template #icon>
<Delete />
</template>
删除
</el-button>
</div>
@@ -73,7 +81,9 @@
size="small"
@click.stop="handleOpenDialog(scope.row)"
>
<i-ep-edit />
<template #icon>
<Edit />
</template>
编辑
</el-button>
<el-button
@@ -82,7 +92,9 @@
size="small"
@click.stop="handleDelete(scope.row.id)"
>
<i-ep-delete />
<template #icon>
<Delete />
</template>
删除
</el-button>
</template>

30
src/views/system/dict/index.vue
View File

@@ -13,12 +13,16 @@
</el-form-item>
<el-form-item>
<el-button type="primary" @click="handleQuery()">
<i-ep-search />
<template #icon>
<Search />
</template>
搜索
</el-button>
<el-button @click="handleResetQuery()">
<i-ep-refresh />
重置
<template #icon>
<Refresh />
重置
</template>
</el-button>
</el-form-item>
</el-form>
@@ -27,7 +31,9 @@
<el-card shadow="never">
<div class="mb-[10px]">
<el-button type="success" @click="handleAddClick()">
<i-ep-plus />
<template #icon>
<Plus />
</template>
新增
</el-button>
<el-button
@@ -35,7 +41,9 @@
:disabled="ids.length === 0"
@click="handleDelete()"
>
<i-ep-delete />
<template #icon>
<Delete />
</template>
删除
</el-button>
</div>
@@ -65,7 +73,9 @@
size="small"
@click.stop="handleOpenDictData(scope.row)"
>
<i-ep-Collection />
<template #icon>
<Collection />
</template>
字典数据
</el-button>
@@ -75,7 +85,9 @@
size="small"
@click.stop="handleEditClick(scope.row.id, scope.row.name)"
>
<i-ep-edit />
<template #icon>
<Edit />
</template>
编辑
</el-button>
<el-button
@@ -84,7 +96,9 @@
size="small"
@click.stop="handleDelete(scope.row.id)"
>
<i-ep-delete />
<template #icon>
<Delete />
</template>
删除
</el-button>
</template>

8
src/views/system/log/index.vue
View File

@@ -25,11 +25,15 @@
<el-form-item>
<el-button type="primary" @click="handleQuery">
<i-ep-search />
<template #icon>
<Search />
</template>
搜索
</el-button>
<el-button @click="handleResetQuery">
<i-ep-refresh />
<template #icon>
<Refresh />
</template>
重置
</el-button>
</el-form-item>

45
src/views/system/menu/index.vue
View File

@@ -12,11 +12,11 @@
</el-form-item>
<el-form-item>
<el-button type="primary" @click="handleQuery">
<template #icon><i-ep-search /></template>
<template #icon><Search /></template>
搜索
</el-button>
<el-button @click="handleResetQuery">
<template #icon><i-ep-refresh /></template>
<template #icon><Refresh /></template>
重置
</el-button>
</el-form-item>
@@ -30,7 +30,7 @@
type="success"
@click="handleOpenDialog(0)"
>
<template #icon><i-ep-plus /></template>
<template #icon><Plus /></template>
新增
</el-button>
</template>
@@ -133,7 +133,7 @@
size="small"
@click.stop="handleOpenDialog(scope.row.id)"
>
<i-ep-plus />
<template #icon><Plus /></template>
新增
</el-button>
@@ -144,7 +144,7 @@
size="small"
@click.stop="handleOpenDialog(undefined, scope.row.id)"
>
<i-ep-edit />
<template #icon><Edit /></template>
编辑
</el-button>
<el-button
@@ -154,7 +154,7 @@
size="small"
@click.stop="handleDelete(scope.row.id)"
>
<i-ep-delete />
<template #icon><Delete /></template>
删除
</el-button>
</template>
@@ -217,14 +217,17 @@
prop="routeName"
>
<template #label>
<div>
<div class="flex-y-center">
路由名称
<el-tooltip placement="bottom" effect="light">
<template #content>
如果需要开启缓存，需保证页面 defineOptions 中的 name
与此处一致，建议使用驼峰。
</template>
<i-ep-QuestionFilled class="inline-block" />
<el-icon class="ml-1 cursor-pointer">
<QuestionFilled />
</el-icon>
</el-tooltip>
</div>
</template>
@@ -239,7 +242,7 @@
prop="routePath"
>
<template #label>
<div>
<div class="flex-y-center">
路由路径
<el-tooltip placement="bottom" effect="light">
<template #content>
@@ -247,7 +250,9 @@
开头，菜单项不用。例如：系统管理目录
/system，系统管理下的用户管理菜单 user。
</template>
<i-ep-QuestionFilled class="inline-block" />
<el-icon class="ml-1 cursor-pointer">
<QuestionFilled />
</el-icon>
</el-tooltip>
</div>
</template>
@@ -264,14 +269,16 @@
prop="component"
>
<template #label>
<div>
<div class="flex-y-center">
组件路径
<el-tooltip placement="bottom" effect="light">
<template #content>
组件页面完整路径，相对于 src/views/，如
system/user/index，缺省后缀 .vue
</template>
<i-ep-QuestionFilled class="inline-block" />
<el-icon class="ml-1 cursor-pointer">
<QuestionFilled />
</el-icon>
</el-tooltip>
</div>
</template>
@@ -292,13 +299,15 @@
<el-form-item v-if="formData.type == MenuTypeEnum.MENU">
<template #label>
<div>
<div class="flex-y-center">
路由参数
<el-tooltip placement="bottom" effect="light">
<template #content>
组件页面使用 `useRoute().query.参数名` 获取路由参数值。
</template>
<i-ep-QuestionFilled class="inline-block" />
<el-icon class="ml-1 cursor-pointer">
<QuestionFilled />
</el-icon>
</el-tooltip>
</div>
</template>
@@ -370,7 +379,7 @@
"
>
<template #label>
<div>
<div class="flex-y-center">
始终显示
<el-tooltip placement="bottom" effect="light">
<template #content>
@@ -380,7 +389,9 @@
<br />
如果是叶子节点，请选择“否”。
</template>
<i-ep-QuestionFilled class="inline-block" />
<el-icon class="ml-1 cursor-pointer">
<QuestionFilled />
</el-icon>
</el-tooltip>
</div>
</template>
@@ -393,7 +404,7 @@
<el-form-item
v-if="formData.type === MenuTypeEnum.MENU"
label="页面缓存"
label="缓存页面"
>
<el-radio-group v-model="formData.keepAlive">
<el-radio :value="1">开启</el-radio>

4
src/views/system/notice/components/NoticeDetail.vue
View File

@@ -18,7 +18,9 @@
</el-button>
<!-- 关闭按钮 -->
<el-button @click="handleClose" circle>
<i-ep-Close />
<template #icon>
<Close />
</template>
</el-button>
</div>
</div>

8
src/views/system/notice/index.vue
View File

@@ -29,11 +29,11 @@
</el-form-item>
<el-form-item>
<el-button type="primary" @click="handleQuery()">
<i-ep-search />
<Search />
搜索
</el-button>
<el-button @click="handleResetQuery()">
<i-ep-refresh />
<Refresh />
重置
</el-button>
</el-form-item>
@@ -47,7 +47,7 @@
type="success"
@click="handleOpenDialog()"
>
<i-ep-plus />
<Plus />
新增通知
</el-button>
<el-button
@@ -56,7 +56,7 @@
:disabled="ids.length === 0"
@click="handleDelete()"
>
<i-ep-delete />
<Delete />
删除
</el-button>
</template>

8
src/views/system/notice/my-notice.vue
View File

@@ -12,11 +12,15 @@
</el-form-item>
<el-form-item>
<el-button type="primary" @click="handleQuery()">
<i-ep-search />
<template #icon>
<Search />
</template>
搜索
</el-button>
<el-button @click="handleResetQuery()">
<i-ep-refresh />
<template #icon>
<Refresh />
</template>
重置
</el-button>
</el-form-item>

30
src/views/system/role/index.vue
View File

@@ -13,11 +13,11 @@
<el-form-item>
<el-button type="primary" @click="handleQuery">
<i-ep-search />
<Search />
搜索
</el-button>
<el-button @click="handleResetQuery">
<i-ep-refresh />
<Refresh />
重置
</el-button>
</el-form-item>
@@ -27,7 +27,9 @@
<el-card shadow="never" class="table-container">
<template #header>
<el-button type="success" @click="handleOpenDialog()">
<i-ep-plus />
<el-icon>
<Plus />
</el-icon>
新增
</el-button>
<el-button
@@ -35,7 +37,9 @@
:disabled="ids.length === 0"
@click="handleDelete()"
>
<i-ep-delete />
<el-icon>
<Delete />
</el-icon>
删除
</el-button>
</template>
@@ -69,7 +73,7 @@
link
@click="handleOpenAssignPermDialog(scope.row)"
>
<i-ep-position />
<template #icon><Position /></template>
分配权限
</el-button>
<el-button
@@ -78,7 +82,7 @@
link
@click="handleOpenDialog(scope.row.id)"
>
<i-ep-edit />
<template #icon><Edit /></template>
编辑
</el-button>
<el-button
@@ -87,7 +91,7 @@
link
@click="handleDelete(scope.row.id)"
>
<i-ep-delete />
<template #icon><Delete /></template>
删除
</el-button>
</template>
@@ -172,13 +176,15 @@
placeholder="菜单权限名称"
>
<template #prefix>
<i-ep-search />
<Search />
</template>
</el-input>
<div class="flex-center ml-5">
<el-button type="primary" size="small" plain @click="togglePermTree">
<i-ep-switch />
<template #icon>
<Switch />
</template>
{{ isExpanded ? "收缩" : "展开" }}
</el-button>
<el-checkbox
@@ -193,9 +199,11 @@
<template #content>
如果只需勾选菜单权限，不需要勾选子菜单或者按钮权限，请关闭父子联动
</template>
<i-ep-QuestionFilled
<el-icon
class="ml-1 color-[--el-color-primary] inline-block cursor-pointer"
/>
>
<QuestionFilled />
</el-icon>
</el-tooltip>
</div>
</div>

2
src/views/system/user/dept-tree.vue
View File

@@ -3,7 +3,7 @@
<el-card shadow="never">
<el-input v-model="deptName" placeholder="部门名称" clearable>
<template #prefix>
<i-ep-search />
<Search />
</template>
</el-input>

18
src/views/system/user/index.vue
View File

@@ -48,11 +48,11 @@
<el-form-item>
<el-button type="primary" @click="handleQuery">
<i-ep-search />
<Search />
搜索
</el-button>
<el-button @click="handleResetQuery">
<i-ep-refresh />
<Refresh />
重置
</el-button>
</el-form-item>
@@ -68,7 +68,7 @@
type="success"
@click="handleOpenDialog()"
>
<i-ep-plus />
<template #icon><Plus /></template>
新增
</el-button>
<el-button
@@ -77,18 +77,18 @@
:disabled="removeIds.length === 0"
@click="handleDelete()"
>
<i-ep-delete />
<template #icon><Delete /></template>
删除
</el-button>
</div>
<div>
<el-button class="ml-3" @click="handleOpenImportDialog">
<template #icon><i-ep-upload /></template>
<template #icon><Upload /></template>
导入
</el-button>
<el-button class="ml-3" @click="handleExport">
<template #icon><i-ep-download /></template>
<template #icon><Download /></template>
导出
</el-button>
</div>
@@ -163,7 +163,7 @@
link
@click="hancleResetPassword(scope.row)"
>
<i-ep-refresh-left />
<template #icon><RefreshLeft /></template>
重置密码
</el-button>
<el-button
@@ -173,7 +173,7 @@
size="small"
@click="handleOpenDialog(scope.row.id)"
>
<i-ep-edit />
<template #icon><Edit /></template>
编辑
</el-button>
<el-button
@@ -183,7 +183,7 @@
size="small"
@click="handleDelete(scope.row.id)"
>
<i-ep-delete />
<template #icon><Delete /></template>
删除
</el-button>
</template>