fix: 删除无效svg

This commit is contained in:
dataeaseShu 2024-09-18 13:57:35 +08:00
parent 0c699f9164
commit 005635ddce
25 changed files with 178 additions and 93 deletions

View File

@ -67,9 +67,11 @@
<span class="tree-select-field">
<el-icon style="margin-right: 4px">
<Icon
:name="`field_${fieldType[data.sourceDeType]}`"
:className="`field-icon-${fieldType[data.sourceDeType]}`"
><component :is="iconFieldMap[fieldType[data.sourceDeType]]"></component
><component
class="svg-icon"
:class="`field-icon-${fieldType[data.sourceDeType]}`"
:is="iconFieldMap[fieldType[data.sourceDeType]]"
></component
></Icon>
</el-icon>
{{ data.sourceFieldName }}
@ -245,9 +247,11 @@
>
<span class="custom-option">
<Icon
class-name="view-type-icon"
style="width: 14px; height: 14px"
><component :is="iconChartMap[item.type]"></component
><component
class="svg-icon view-type-icon"
style="width: 14px; height: 14px"
:is="iconChartMap[item.type]"
></component
></Icon>
<span style="float: left; margin-left: 4px; font-size: 14px">{{
item.title

View File

@ -134,11 +134,12 @@
</span>
<span>
<span class="tree-select-field">
<Icon
class-name="view-type-icon"
style="margin-right: 4px"
:name="data.targetViewType"
><component :is="iconChartMap[data.targetViewType]"></component
<Icon :name="data.targetViewType"
><component
class="svg-icon view-type-icon"
style="margin-right: 4px"
:is="iconChartMap[data.targetViewType]"
></component
></Icon>
{{ data.targetViewName }}
</span>
@ -180,9 +181,12 @@
>
<span class="custom-option">
<Icon
style="width: 14px; height: 14px"
:className="`field-icon-${fieldType[item.deType]}`"
><component :is="iconFieldMap[fieldType[item.deType]]"></component
><component
style="width: 14px; height: 14px"
:class="`field-icon-${fieldType[item.deType]}`"
class="svg-icon"
:is="iconFieldMap[fieldType[item.deType]]"
></component
></Icon>
<span style="float: left; margin-left: 4px; font-size: 14px">{{
item.name
@ -212,10 +216,12 @@
>
<span class="custom-option">
<Icon
style="width: 14px; height: 14px"
:name="`field_${fieldType[item.deType]}`"
:className="`field-icon-${fieldType[item.deType]}`"
><component :is="iconFieldMap[fieldType[item.deType]]"></component
><component
style="width: 14px; height: 14px"
class="svg-icon"
:class="`field-icon-${fieldType[item.deType]}`"
:is="iconFieldMap[fieldType[item.deType]]"
></component
></Icon>
<span style="float: left; margin-left: 4px; font-size: 14px">{{
item.name

View File

@ -187,9 +187,12 @@
:value="item.attachId"
>
<Icon
style="width: 14px; height: 14px"
:className="`field-icon-${fieldType[item.deType]}`"
><component :is="iconFieldMap[fieldType[item.deType]]"></component
><component
class="svg-icon"
style="width: 14px; height: 14px"
:class="`field-icon-${fieldType[item.deType]}`"
:is="iconFieldMap[fieldType[item.deType]]"
></component
></Icon>
<span style="font-size: 12px">{{ item.name }}</span>
</el-option>
@ -227,10 +230,11 @@
</div>
<div>
<Icon
class-name="view-type-icon"
style="margin: 0 4px"
:name="viewInfo.chartType"
><component :is="iconChartMap[viewInfo.chartType]"></component
><component
class="svg-icon view-type-icon"
style="margin: 0 4px"
:is="iconChartMap[viewInfo.chartType]"
></component
></Icon>
</div>
<span style="font-size: 12px"> {{ viewInfo.chartName }}</span>

View File

@ -11,9 +11,11 @@
@click.stop="setBoard"
>
<Icon
:style="{ color: curComponent.commonBackground.innerImageColor }"
class-name="svg-background"
><component :is="iconBoardMap[mainIconClass]"></component
><component
class="svg-icon svg-background"
:style="{ color: curComponent.commonBackground.innerImageColor }"
:is="iconBoardMap[mainIconClass]"
></component
></Icon>
</div>
<span class="demonstration">{{ template.name }}</span>

View File

@ -88,7 +88,7 @@ const groupActiveChange = category => {
<Icon
v-if="['outer_svg', 'graphical'].includes(chartInfo.type)"
class-name="item-top-icon"
><component :is="chartInfo.icon"></component
><component class="svg-icon item-top-icon" :is="chartInfo.icon"></component
></Icon>
<component v-else style="color: #a6a6a6" :is="chartInfo.icon"></component>
</div>

View File

@ -277,10 +277,13 @@ init()
>
<el-icon style="margin-right: 8px">
<Icon
:className="`field-icon-${
fieldType[[2, 3].includes(fieldOption.deType) ? 2 : 0]
}`"
><component :is="iconFieldMap[fieldType[fieldOption.deType]]"></component
><component
:class="`field-icon-${
fieldType[[2, 3].includes(fieldOption.deType) ? 2 : 0]
}`"
class="svg-icon"
:is="iconFieldMap[fieldType[fieldOption.deType]]"
></component
></Icon>
</el-icon>
{{ fieldOption.name }}

View File

@ -3216,10 +3216,13 @@ const deleteChartFieldItem = id => {
>
<el-icon>
<Icon
:class-name="`field-icon-${
fieldType[[2, 3].includes(ele.deType) ? 2 : 0]
}`"
><component :is="iconFieldMap[fieldType[ele.deType]]"></component
><component
class="svg-icon"
:class="`field-icon-${
fieldType[[2, 3].includes(ele.deType) ? 2 : 0]
}`"
:is="iconFieldMap[fieldType[ele.deType]]"
></component
></Icon>
</el-icon>
<span class="field-name ellipsis" :class="{ dark: themes === 'dark' }">{{

View File

@ -534,7 +534,7 @@ defineExpose({
<el-dropdown-menu>
<el-dropdown-item @click="addOperation('newLeaf', null, 'leaf', true)">
<el-icon :class="`handle-icon color-${curCanvasType}`">
<Icon><component :is="dvSvgType"></component></Icon>
<Icon><component class="svg-icon" :is="dvSvgType"></component></Icon>
</el-icon>
空白新建
</el-dropdown-item>

View File

@ -266,7 +266,10 @@ const tips = computed(() => {
>
<el-icon style="font-size: 32px" class="dialogue-chart_icon">
<Icon
><component :is="copilotInfo.msgType === 'api' ? copilot : default_avatar"></component
><component
class="svg-icon"
:is="copilotInfo.msgType === 'api' ? copilot : default_avatar"
></component
></Icon>
</el-icon>
<div ref="content" class="content">
@ -315,7 +318,10 @@ const tips = computed(() => {
class="select-prefix"
>
<Icon
><component :is="curTypeList.find(ele => ele.value === activeCommand).icon"></component
><component
class="svg-icon"
:is="curTypeList.find(ele => ele.value === activeCommand).icon"
></component
></Icon>
</el-icon>
<el-tooltip effect="dark" content="切换图表类型" placement="top">

View File

@ -233,7 +233,12 @@ const queryAnswer = (event?: KeyboardEvent) => {
<Icon name="icon_loading_outlined"><icon_loading_outlined class="svg-icon" /></Icon>
</el-icon>
<el-icon v-else class="copilot-icon" @click="queryAnswer" :class="isActive && 'active'">
<Icon><component :is="isActive ? activeBtn_copilot : btn_copilot"></component></Icon>
<Icon
><component
class="svg-icon"
:is="isActive ? activeBtn_copilot : btn_copilot"
></component
></Icon>
</el-icon>
</div>
</div>
@ -298,10 +303,13 @@ const queryAnswer = (event?: KeyboardEvent) => {
<span class="custom-tree-node father">
<el-icon>
<Icon
:className="`field-icon-${
fieldType[[2, 3].includes(data.deExtractType) ? 2 : 0]
}`"
><component :is="iconFieldMap[fieldType[data.deExtractType]]"></component
><component
class="svg-icon"
:class="`field-icon-${
fieldType[[2, 3].includes(data.deExtractType) ? 2 : 0]
}`"
:is="iconFieldMap[fieldType[data.deExtractType]]"
></component
></Icon>
</el-icon>
<span :title="data.name" class="label-tooltip">{{ data.name }}</span>
@ -323,10 +331,13 @@ const queryAnswer = (event?: KeyboardEvent) => {
<span class="custom-tree-node father">
<el-icon>
<Icon
:className="`field-icon-${
fieldType[[2, 3].includes(data.deExtractType) ? 2 : 0]
}`"
><component :is="iconFieldMap[fieldType[data.deExtractType]]"></component
><component
class="svg-icon"
:class="`field-icon-${
fieldType[[2, 3].includes(data.deExtractType) ? 2 : 0]
}`"
:is="iconFieldMap[fieldType[data.deExtractType]]"
></component
></Icon>
</el-icon>
<span :title="data.name" class="label-tooltip">{{ data.name }}</span>

View File

@ -113,7 +113,12 @@ const initOpenHandler = newWindow => {
@click="executeStore"
:style="{ color: favorited ? '#FFC60A' : '#646A73' }"
>
<icon><component :is="favorited ? visualStar : icon_collection_outlined"></component></icon>
<icon
><component
class="svg-icon"
:is="favorited ? visualStar : icon_collection_outlined"
></component
></icon>
</el-icon>
</el-tooltip>
<el-divider style="margin: 0 16px 0 7px" direction="vertical" />

View File

@ -25,7 +25,7 @@ const handleClick = () => {
<div class="dashboard-cell" @click="handleClick">
<div class="label">
<el-icon>
<Icon><component :is="prefixIcon"></component></Icon>
<Icon><component class="svg-icon" :is="prefixIcon"></component></Icon>
</el-icon>
<span class="text ellipsis">
{{ label }}

View File

@ -37,7 +37,7 @@ const handleRightClick = () => {
<div class="org-cell">
<div class="label" :class="active && 'active'">
<el-icon v-if="!!prefixIcon">
<Icon><component :is="prefixIcon"></component></Icon>
<Icon><component class="svg-icon" :is="prefixIcon"></component></Icon>
</el-icon>
<span class="text ellipsis">
{{ label }}

View File

@ -203,7 +203,7 @@ watch(
/></Icon>
</el-icon>
<el-icon v-else :class="`main-color color-${scope.row.type}`">
<Icon><component :is="iconMap[scope.row.type]"></component></Icon>
<Icon><component class="svg-icon" :is="iconMap[scope.row.type]"></component></Icon>
</el-icon>
<el-tooltip placement="top">
<template #content>{{ scope.row.name }}</template>

View File

@ -54,7 +54,10 @@
<el-button text @click="switchPwd(item.pkey)" class="setting-tip-btn">
<template #icon>
<Icon
><component :is="pwdItem[item.pkey]['hidden'] ? eye : eyeOpen"></component
><component
class="svg-icon"
:is="pwdItem[item.pkey]['hidden'] ? eye : eyeOpen"
></component
></Icon>
</template>
</el-button>

View File

@ -331,7 +331,10 @@ defineExpose({
>{{ t('datasource.priority') }}
<el-icon>
<Icon
><component :is="showPriority ? icon_down_outlined : icon_down_outlined1"></component
><component
class="svg-icon"
:is="showPriority ? icon_down_outlined : icon_down_outlined1"
></component
></Icon>
</el-icon>
</span>

View File

@ -14,7 +14,10 @@
{{ t('datasource.priority') }}
<el-icon>
<Icon
><component :is="showPriority ? icon_down_outlined : icon_down_outlined1"></component
><component
class="svg-icon"
:is="showPriority ? icon_down_outlined : icon_down_outlined1"
></component
></Icon>
</el-icon>
</span>

View File

@ -1090,7 +1090,10 @@ const emits = defineEmits(['addComplete', 'joinEditor', 'updateAllfields', 'chan
>
<el-icon>
<Icon
><component :is="ele.type !== 'sql' ? referenceTable : icon_sql_outlined"></component
><component
class="svg-icon"
:is="ele.type !== 'sql' ? referenceTable : icon_sql_outlined"
></component
></Icon>
</el-icon>
<span class="tableName">{{ ele.tableName }}</span>
@ -1119,7 +1122,7 @@ const emits = defineEmits(['addComplete', 'joinEditor', 'updateAllfields', 'chan
:style="{ borderColor: ele.sqlChangeFlag ? '#F54A45' : '' }"
>
<el-icon>
<Icon><component :is="iconName[ele.to.unionType]"></component></Icon>
<Icon><component class="svg-icon" :is="iconName[ele.to.unionType]"></component></Icon>
</el-icon>
</div>
</foreignObject>

View File

@ -166,11 +166,14 @@ const handleChange = () => {
<div class="flex-align-center icon">
<el-icon v-if="data.icon">
<Icon
:className="
['text', 'location', 'value', 'float', 'time', 'url'].includes(data.value) &&
`field-icon-${fieldType[['float', 'value'].includes(data.value) ? 2 : 0]}`
"
><component :is="data.icon"></component
><component
class="svg-icon"
:class="
['text', 'location', 'value', 'float', 'time', 'url'].includes(data.value) &&
`field-icon-${fieldType[['float', 'value'].includes(data.value) ? 2 : 0]}`
"
:is="data.icon"
></component
></Icon>
</el-icon>
<span>

View File

@ -75,7 +75,12 @@ init()
>
<template #prefix>
<el-icon>
<Icon><component :is="iconName[unionTypeFromParent] || noJoin"></component></Icon>
<Icon
><component
class="svg-icon"
:is="iconName[unionTypeFromParent] || noJoin"
></component
></Icon>
</el-icon>
</template>
<el-option

View File

@ -1598,10 +1598,11 @@ const getDsIconName = data => {
<span class="custom-tree-node father">
<el-icon>
<Icon
:className="`field-icon-${
fieldType[[2, 3].includes(data.deType) ? 2 : 0]
}`"
><component :is="iconFieldMap[fieldType[data.deType]]"></component
><component
class="svg-icon"
:class="`field-icon-${fieldType[[2, 3].includes(data.deType) ? 2 : 0]}`"
:is="iconFieldMap[fieldType[data.deType]]"
></component
></Icon>
</el-icon>
<span :title="data.name" class="label-tooltip">{{ data.name }}</span>
@ -1631,10 +1632,11 @@ const getDsIconName = data => {
<span class="custom-tree-node father">
<el-icon>
<Icon
:className="`field-icon-${
fieldType[[2, 3].includes(data.deType) ? 2 : 0]
}`"
><component :is="iconFieldMap[fieldType[data.deType]]"></component
><component
class="svg-icon"
:class="`field-icon-${fieldType[[2, 3].includes(data.deType) ? 2 : 0]}`"
:is="iconFieldMap[fieldType[data.deType]]"
></component
></Icon>
</el-icon>
<span :title="data.name" class="label-tooltip">{{ data.name }}</span>
@ -1672,10 +1674,13 @@ const getDsIconName = data => {
<div class="flex-align-center">
<ElIcon style="margin-right: 6px">
<Icon
:className="`field-icon-${
fieldType[[2, 3].includes(column.deType) ? 2 : 0]
}`"
><component :is="iconFieldMap[fieldType[column.deType]]"></component
><component
class="svg-icon"
:class="`field-icon-${
fieldType[[2, 3].includes(column.deType) ? 2 : 0]
}`"
:is="iconFieldMap[fieldType[column.deType]]"
></component
></Icon>
</ElIcon>
<span class="ellipsis" :title="column.title" style="width: 120px">
@ -1757,10 +1762,13 @@ const getDsIconName = data => {
<template v-slot="{ data }">
<el-icon>
<Icon
:className="`field-icon-${
fieldType[[2, 3].includes(data.value) ? 2 : 0]
}`"
><component :is="iconFieldMap[getIconName(data.value)]"></component
><component
class="svg-icon"
:class="`field-icon-${
fieldType[[2, 3].includes(data.value) ? 2 : 0]
}`"
:is="iconFieldMap[getIconName(data.value)]"
></component
></Icon>
</el-icon>
<span>{{ data.label }}</span>
@ -1933,10 +1941,13 @@ const getDsIconName = data => {
<template v-slot="{ data }">
<el-icon>
<Icon
:className="`field-icon-${
fieldType[[2, 3].includes(data.value) ? 2 : 0]
}`"
><component :is="iconFieldMap[getIconName(data.value)]"></component
><component
class="svg-icon"
:class="`field-icon-${
fieldType[[2, 3].includes(data.value) ? 2 : 0]
}`"
:is="iconFieldMap[getIconName(data.value)]"
></component
></Icon>
</el-icon>
<span>{{ data.label }}</span>
@ -2069,8 +2080,11 @@ const getDsIconName = data => {
<template v-slot="{ data }">
<el-icon>
<Icon
:className="`field-icon-${fieldType[[2, 3].includes(data.value) ? 2 : 0]}`"
><component :is="iconFieldMap[getIconName(data.value)]"></component
><component
class="svg-icon"
:class="`field-icon-${fieldType[[2, 3].includes(data.value) ? 2 : 0]}`"
:is="iconFieldMap[getIconName(data.value)]"
></component
></Icon>
</el-icon>
<span>{{ data.label }}</span>

View File

@ -1099,7 +1099,10 @@ defineExpose({
>SSH 设置
<el-icon>
<Icon
><component :is="showSSH ? icon_down_outlined : icon_down_outlined1"></component
><component
class="svg-icon"
:is="showSSH ? icon_down_outlined : icon_down_outlined1"
></component
></Icon>
</el-icon>
</span>

View File

@ -182,9 +182,11 @@ const handleTabClick = () => {
<div class="filter-db-row">
<el-icon>
<Icon
:name="`field_${fieldType[element.deType]}`"
:className="`field-icon-${fieldType[element.deType]}`"
><component :is="iconFieldMap[fieldType[element.deType]]"></component
><component
class="svg-icon"
:class="`field-icon-${fieldType[element.deType]}`"
:is="iconFieldMap[fieldType[element.deType]]"
></component
></Icon>
</el-icon>
<span :title="element.name">{{ element.name }}</span>

View File

@ -328,10 +328,12 @@ const getEmptyDesc = (): string => {
<template v-slot:default="scope">
<div class="name-content" :class="{ 'jump-active': jumpActiveCheck(scope.row) }">
<el-icon v-if="scope.row.extFlag" style="margin-right: 12px; font-size: 18px">
<Icon><component :is="iconMap[scope.row.type + 'Mobile']"></component></Icon>
<Icon
><component class="svg-icon" :is="iconMap[scope.row.type + 'Mobile']"></component
></Icon>
</el-icon>
<el-icon v-else :class="`main-color color-${scope.row.type}`">
<Icon><component :is="iconMap[scope.row.type]"></component></Icon>
<Icon><component class="svg-icon" :is="iconMap[scope.row.type]"></component></Icon>
</el-icon>
<el-tooltip placement="top">
<template #content>{{ scope.row.name }}</template>

View File

@ -334,7 +334,7 @@ initMarketTemplate()
<div class="empty-tooltip-container" />
</el-tooltip>
<el-icon class="main-color" :style="{ backgroundColor: ele.color }">
<Icon><component :is="ele.icon"></component></Icon>
<Icon><component class="svg-icon" :is="ele.icon"></component></Icon>
</el-icon>
<span class="name">
{{ t(`auth.${ele.name}`) }}