oneos-v5/frontend
1
0
Fork 0
Code Issues Pull Requests Actions 3 Packages Projects Releases Wiki Activity

feat: 尽可能的用 lucide 替换 ep 图标

Browse Source
This commit is contained in:
xingyu4j
2025-06-15 15:53:12 +08:00
parent 93a02573d7
commit a15d4e8dfe
24 changed files with 55 additions and 56 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
apps/web-antd/src/components/simple-process-design/components/nodes-config/condition-node-config.vue
View File

@@ -177,7 +177,7 @@ defineExpose({ open }); // 提供 open 方法，用于打开弹窗
@click="clickIcon()"
>
{{ currentNode.name }}
<IconifyIcon class="ml-1" icon="ep:edit-pen" />
<IconifyIcon class="ml-1" icon="lucide:edit-3" />
</div>
</div>
</template>

2
apps/web-antd/src/components/simple-process-design/components/nodes-config/copy-task-node-config.vue
View File

@@ -222,7 +222,7 @@ defineExpose({ showCopyTaskNodeConfig }); // 暴露方法给父组件
/>
<div v-else class="node-name">
{{ nodeName }}
<IconifyIcon class="ml-1" icon="ep:edit-pen" @click="clickIcon()" />
<IconifyIcon class="ml-1" icon="lucide:edit-3" @click="clickIcon()" />
</div>
</div>
</template>

2
apps/web-antd/src/components/simple-process-design/components/nodes-config/delay-timer-node-config.vue
View File

@@ -171,7 +171,7 @@ defineExpose({ openDrawer }); // 暴露方法给父组件
@click="clickIcon()"
>
{{ nodeName }}
<IconifyIcon class="ml-1" icon="ep:edit-pen" :size="16" />
<IconifyIcon class="ml-1" icon="lucide:edit-3" :size="16" />
</div>
</div>
</template>

2
apps/web-antd/src/components/simple-process-design/components/nodes-config/modules/condition.vue
View File

@@ -188,7 +188,7 @@ defineExpose({ validate });
>
<IconifyIcon
color="#0089ff"
icon="ep:circle-close-filled"
icon="lucide:circle-x"
class="size-4"
@click="
deleteConditionGroup(condition.conditionGroups.conditions, cIdx)

6
apps/web-antd/src/components/simple-process-design/components/nodes-config/router-node-config.vue
View File

@@ -219,7 +219,7 @@ defineExpose({ openDrawer }); // 暴露方法给父组件
@click="clickIcon()"
>
{{ nodeName }}
<IconifyIcon class="ml-1" icon="ep:edit-pen" />
<IconifyIcon class="ml-1" icon="lucide:edit-3" />
</div>
</div>
</template>
@@ -266,7 +266,7 @@ defineExpose({ openDrawer }); // 暴露方法给父组件
@click="deleteRouterGroup(index)"
>
<template #icon>
<IconifyIcon icon="ep:close" />
<IconifyIcon icon="lucide:x" />
</template>
</Button>
</div>
@@ -287,7 +287,7 @@ defineExpose({ openDrawer }); // 暴露方法给父组件
@click="addRouterGroup"
>
<template #icon>
<IconifyIcon icon="ep:setting" />
<IconifyIcon icon="lucide:settings" />
</template>
新增路由分支
</Button>

2
apps/web-antd/src/components/simple-process-design/components/nodes-config/start-user-node-config.vue
View File

@@ -158,7 +158,7 @@ defineExpose({ showStartUserNodeConfig });
{{ nodeName }}
<IconifyIcon
class="ml-1"
icon="ep:edit-pen"
icon="lucide:edit-3"
:size="16"
@click="clickIcon()"
/>

16
apps/web-antd/src/components/simple-process-design/components/nodes-config/trigger-node-config.vue
View File

@@ -399,7 +399,7 @@ onMounted(() => {
/>
<div v-else class="node-name">
{{ nodeName }}
<IconifyIcon class="ml-1" icon="ep:edit-pen" @click="clickIcon()" />
<IconifyIcon class="ml-1" icon="lucide:edit-3" @click="clickIcon()" />
</div>
</div>
</template>
@@ -456,7 +456,7 @@ onMounted(() => {
@click="deleteFormSetting(index)"
>
<template #icon>
<IconifyIcon icon="ep:close" />
<IconifyIcon icon="lucide:x" />
</template>
</Button>
</div>
@@ -486,7 +486,7 @@ onMounted(() => {
@click="addFormSettingCondition(index, formSetting)"
>
<template #icon>
<IconifyIcon icon="ep:link" />
<IconifyIcon icon="lucide:link" />
</template>
添加条件
</Button>
@@ -561,7 +561,7 @@ onMounted(() => {
@click="addFormFieldSetting(formSetting)"
>
<template #icon>
<IconifyIcon icon="ep:memo" />
<IconifyIcon icon="lucide:file-cog" />
</template>
添加修改字段
</Button>
@@ -579,7 +579,7 @@ onMounted(() => {
@click="addFormSetting"
>
<template #icon>
<IconifyIcon icon="ep:setting" />
<IconifyIcon icon="lucide:settings" />
</template>
添加设置
</Button>
@@ -604,7 +604,7 @@ onMounted(() => {
@click="deleteFormSetting(index)"
>
<template #icon>
<IconifyIcon icon="ep:close" />
<IconifyIcon icon="lucide:x" />
</template>
</Button>
</div>
@@ -635,7 +635,7 @@ onMounted(() => {
@click="addFormSettingCondition(index, formSetting)"
>
<template #icon>
<IconifyIcon icon="ep:link" />
<IconifyIcon icon="lucide:link" />
</template>
添加条件
</Button>
@@ -673,7 +673,7 @@ onMounted(() => {
@click="addFormSetting"
>
<template #icon>
<IconifyIcon icon="ep:setting" />
<IconifyIcon icon="lucide:settings" />
</template>
添加设置
</Button>

4
apps/web-antd/src/components/simple-process-design/components/nodes-config/user-task-node-config.vue
View File

@@ -595,7 +595,7 @@ onMounted(() => {
/>
<div v-else class="node-name">
{{ nodeName }}
<IconifyIcon class="ml-1" icon="ep:edit-pen" @click="clickIcon()" />
<IconifyIcon class="ml-1" icon="lucide:edit-3" @click="clickIcon()" />
</div>
</div>
</template>
@@ -1135,7 +1135,7 @@ onMounted(() => {
<Button v-else text @click="changeBtnDisplayName(index)">
<div class="flex items-center">
{{ item.displayName }}
<IconifyIcon icon="ep:edit" class="ml-2" />
<IconifyIcon icon="lucide:edit" class="ml-2" />
</div>
</Button>
</Col>

4
apps/web-antd/src/components/simple-process-design/components/nodes/copy-task-node.vue
View File

@@ -91,13 +91,13 @@ function deleteNode() {
<div class="node-text" v-else>
{{ NODE_DEFAULT_TEXT.get(BpmNodeTypeEnum.COPY_TASK_NODE) }}
</div>
<IconifyIcon v-if="!readonly" icon="ep:arrow-right-bold" />
<IconifyIcon v-if="!readonly" icon="lucide:chevron-right" />
</div>
<div v-if="!readonly" class="node-toolbar">
<div class="toolbar-icon">
<IconifyIcon
color="#0089ff"
icon="ep:circle-close-filled"
icon="lucide:circle-x"
:size="18"
@click="deleteNode"
/>

4
apps/web-antd/src/components/simple-process-design/components/nodes/delay-timer-node.vue
View File

@@ -88,13 +88,13 @@ function deleteNode() {
<div class="node-text" v-else>
{{ NODE_DEFAULT_TEXT.get(BpmNodeTypeEnum.DELAY_TIMER_NODE) }}
</div>
<IconifyIcon v-if="!readonly" icon="ep:arrow-right-bold" />
<IconifyIcon v-if="!readonly" icon="lucide:chevron-right" />
</div>
<div v-if="!readonly" class="node-toolbar">
<div class="toolbar-icon">
<IconifyIcon
color="#0089ff"
icon="ep:circle-close-filled"
icon="lucide:circle-x"
:size="18"
@click="deleteNode"
/>

6
apps/web-antd/src/components/simple-process-design/components/nodes/exclusive-node.vue
View File

@@ -248,7 +248,7 @@ function recursiveFindParentNode(
<div class="toolbar-icon">
<IconifyIcon
color="#0089ff"
icon="ep:circle-close-filled"
icon="lucide:circle-x"
:size="18"
@click="deleteCondition(index)"
/>
@@ -263,7 +263,7 @@ function recursiveFindParentNode(
"
@click="moveNode(index, -1)"
>
<IconifyIcon icon="ep:arrow-left" />
<IconifyIcon icon="lucide:chevron-left" />
</div>
<div
@@ -275,7 +275,7 @@ function recursiveFindParentNode(
"
@click="moveNode(index, 1)"
>
<IconifyIcon icon="ep:arrow-right" />
<IconifyIcon icon="lucide:chevron-right" />
</div>
</div>
<NodeHandler

6
apps/web-antd/src/components/simple-process-design/components/nodes/inclusive-node.vue
View File

@@ -250,7 +250,7 @@ function recursiveFindParentNode(
<div class="toolbar-icon">
<IconifyIcon
color="#0089ff"
icon="ep:circle-close-filled"
icon="lucide:circle-x"
:size="18"
@click="deleteCondition(index)"
/>
@@ -265,7 +265,7 @@ function recursiveFindParentNode(
"
@click="moveNode(index, -1)"
>
<IconifyIcon icon="ep:arrow-left" />
<IconifyIcon icon="lucide:chevron-left" />
</div>
<div
@@ -277,7 +277,7 @@ function recursiveFindParentNode(
"
@click="moveNode(index, 1)"
>
<IconifyIcon icon="ep:arrow-right" />
<IconifyIcon icon="lucide:chevron-right" />
</div>
</div>
<NodeHandler

2
apps/web-antd/src/components/simple-process-design/components/nodes/node-handler.vue
View File

@@ -344,7 +344,7 @@ function addNode(type: number) {
</div>
</div>
</template>
<div class="add-icon"><IconifyIcon icon="ep:plus" /></div>
<div class="add-icon"><IconifyIcon icon="lucide:plus" /></div>
</Popover>
</div>
</div>

2
apps/web-antd/src/components/simple-process-design/components/nodes/parallel-node.vue
View File

@@ -201,7 +201,7 @@ function recursiveFindParentNode(
<div class="toolbar-icon">
<IconifyIcon
color="#0089ff"
icon="ep:circle-close-filled"
icon="lucide:circle-x"
@click="deleteCondition(index)"
/>
</div>

4
apps/web-antd/src/components/simple-process-design/components/nodes/router-node.vue
View File

@@ -91,13 +91,13 @@ function deleteNode() {
<div class="node-text" v-else>
{{ NODE_DEFAULT_TEXT.get(BpmNodeTypeEnum.ROUTER_BRANCH_NODE) }}
</div>
<IconifyIcon v-if="!readonly" icon="ep:arrow-right-bold" />
<IconifyIcon v-if="!readonly" icon="lucide:chevron-right" />
</div>
<div v-if="!readonly" class="node-toolbar">
<div class="toolbar-icon">
<IconifyIcon
color="#0089ff"
icon="ep:circle-close-filled"
icon="lucide:circle-x"
@click="deleteNode"
/>
</div>

2
apps/web-antd/src/components/simple-process-design/components/nodes/start-user-node.vue
View File

@@ -105,7 +105,7 @@ function nodeClick() {
<div class="node-text" v-else>
{{ NODE_DEFAULT_TEXT.get(BpmNodeTypeEnum.START_USER_NODE) }}
</div>
<IconifyIcon icon="ep:arrow-right-bold" v-if="!readonly" />
<IconifyIcon icon="lucide:chevron-right" v-if="!readonly" />
</div>
</div>
<!-- 传递子节点给添加节点组件。会在子节点前面添加节点 -->

4
apps/web-antd/src/components/simple-process-design/components/nodes/trigger-node.vue
View File

@@ -93,13 +93,13 @@ function deleteNode() {
<div class="node-text" v-else>
{{ NODE_DEFAULT_TEXT.get(BpmNodeTypeEnum.TRIGGER_NODE) }}
</div>
<IconifyIcon v-if="!readonly" icon="ep:arrow-right-bold" />
<IconifyIcon v-if="!readonly" icon="lucide:chevron-right" />
</div>
<div v-if="!readonly" class="node-toolbar">
<div class="toolbar-icon">
<IconifyIcon
color="#0089ff"
icon="ep:circle-close-filled"
icon="lucide:circle-x"
:size="18"
@click="deleteNode"
/>

4
apps/web-antd/src/components/simple-process-design/components/nodes/user-task-node.vue
View File

@@ -111,13 +111,13 @@ function findReturnTaskNodes(
<div class="node-text" v-else>
{{ NODE_DEFAULT_TEXT.get(currentNode.type) }}
</div>
<IconifyIcon icon="ep:arrow-right-bold" v-if="!readonly" />
<IconifyIcon icon="lucide:chevron-right" v-if="!readonly" />
</div>
<div v-if="!readonly" class="node-toolbar">
<div class="toolbar-icon">
<IconifyIcon
color="#0089ff"
icon="ep:circle-close-filled"
icon="lucide:circle-x"
:size="18"
@click="deleteNode"
/>

10
apps/web-antd/src/components/simple-process-design/components/simple-process-model.vue
View File

@@ -205,10 +205,10 @@ onMounted(() => {
<Row type="flex" justify="end">
<ButtonGroup key="scale-control">
<Button v-if="!readonly" @click="exportJson">
<IconifyIcon icon="ep:download" /> 导出
<IconifyIcon icon="lucide:download" /> 导出
</Button>
<Button v-if="!readonly" @click="importJson">
<IconifyIcon icon="ep:upload" />导入
<IconifyIcon icon="lucide:upload" />导入
</Button>
<!-- 用于打开本地文件-->
<input
@@ -221,14 +221,14 @@ onMounted(() => {
@change="importLocalFile"
/>
<Button @click="processReZoom()">
<IconifyIcon icon="tabler:relation-one-to-one" />
<IconifyIcon icon="lucide:table-columns-split" />
</Button>
<Button :plain="true" @click="zoomOut()">
<IconifyIcon icon="tabler:zoom-out" />
<IconifyIcon icon="lucide:zoom-out" />
</Button>
<Button class="w-80px"> {{ scaleValue }}% </Button>
<Button :plain="true" @click="zoomIn()">
<IconifyIcon icon="tabler:zoom-in" />
<IconifyIcon icon="lucide:zoom-in" />
</Button>
<Button @click="resetPosition">重置</Button>
</ButtonGroup>