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

2025-06-15 15:53:12 +08:00 · 2025-06-15 15:53:12 +08:00 · a15d4e8dfe
parent 93a02573d7
commit a15d4e8dfe
24 changed files with 55 additions and 56 deletions
--- a/apps/web-antd/src/components/simple-process-design/components/nodes-config/condition-node-config.vue
+++ b/apps/web-antd/src/components/simple-process-design/components/nodes-config/condition-node-config.vue
@ -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>
--- a/apps/web-antd/src/components/simple-process-design/components/nodes-config/copy-task-node-config.vue
+++ b/apps/web-antd/src/components/simple-process-design/components/nodes-config/copy-task-node-config.vue
@ -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>
--- a/apps/web-antd/src/components/simple-process-design/components/nodes-config/delay-timer-node-config.vue
+++ b/apps/web-antd/src/components/simple-process-design/components/nodes-config/delay-timer-node-config.vue
@ -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>
--- a/apps/web-antd/src/components/simple-process-design/components/nodes-config/modules/condition.vue
+++ b/apps/web-antd/src/components/simple-process-design/components/nodes-config/modules/condition.vue
@ -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)
--- a/apps/web-antd/src/components/simple-process-design/components/nodes-config/router-node-config.vue
+++ b/apps/web-antd/src/components/simple-process-design/components/nodes-config/router-node-config.vue
@ -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>
--- a/apps/web-antd/src/components/simple-process-design/components/nodes-config/start-user-node-config.vue
+++ b/apps/web-antd/src/components/simple-process-design/components/nodes-config/start-user-node-config.vue
@ -158,7 +158,7 @@ defineExpose({ showStartUserNodeConfig });
          {{ nodeName }}
          <IconifyIcon
            class="ml-1"
-            icon="ep:edit-pen"
+            icon="lucide:edit-3"
            :size="16"
            @click="clickIcon()"
          />
--- a/apps/web-antd/src/components/simple-process-design/components/nodes-config/trigger-node-config.vue
+++ b/apps/web-antd/src/components/simple-process-design/components/nodes-config/trigger-node-config.vue
@ -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>
--- a/apps/web-antd/src/components/simple-process-design/components/nodes-config/user-task-node-config.vue
+++ b/apps/web-antd/src/components/simple-process-design/components/nodes-config/user-task-node-config.vue
@ -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>
--- a/apps/web-antd/src/components/simple-process-design/components/nodes/copy-task-node.vue
+++ b/apps/web-antd/src/components/simple-process-design/components/nodes/copy-task-node.vue
@ -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"
            />
--- a/apps/web-antd/src/components/simple-process-design/components/nodes/delay-timer-node.vue
+++ b/apps/web-antd/src/components/simple-process-design/components/nodes/delay-timer-node.vue
@ -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"
            />
--- a/apps/web-antd/src/components/simple-process-design/components/nodes/exclusive-node.vue
+++ b/apps/web-antd/src/components/simple-process-design/components/nodes/exclusive-node.vue
@ -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
--- a/apps/web-antd/src/components/simple-process-design/components/nodes/inclusive-node.vue
+++ b/apps/web-antd/src/components/simple-process-design/components/nodes/inclusive-node.vue
@ -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
--- a/apps/web-antd/src/components/simple-process-design/components/nodes/node-handler.vue
+++ b/apps/web-antd/src/components/simple-process-design/components/nodes/node-handler.vue
@ -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>
--- a/apps/web-antd/src/components/simple-process-design/components/nodes/parallel-node.vue
+++ b/apps/web-antd/src/components/simple-process-design/components/nodes/parallel-node.vue
@ -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>
--- a/apps/web-antd/src/components/simple-process-design/components/nodes/router-node.vue
+++ b/apps/web-antd/src/components/simple-process-design/components/nodes/router-node.vue
@ -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>
--- a/apps/web-antd/src/components/simple-process-design/components/nodes/start-user-node.vue
+++ b/apps/web-antd/src/components/simple-process-design/components/nodes/start-user-node.vue
@ -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>
      <!-- 传递子节点给添加节点组件。会在子节点前面添加节点 -->
--- a/apps/web-antd/src/components/simple-process-design/components/nodes/trigger-node.vue
+++ b/apps/web-antd/src/components/simple-process-design/components/nodes/trigger-node.vue
@ -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"
            />
--- a/apps/web-antd/src/components/simple-process-design/components/nodes/user-task-node.vue
+++ b/apps/web-antd/src/components/simple-process-design/components/nodes/user-task-node.vue
@ -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"
            />
--- a/apps/web-antd/src/components/simple-process-design/components/simple-process-model.vue
+++ b/apps/web-antd/src/components/simple-process-design/components/simple-process-model.vue
@ -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>
--- a/apps/web-antd/src/components/summary-card/summary-card.vue
+++ b/apps/web-antd/src/components/summary-card/summary-card.vue
@ -25,7 +25,10 @@ defineProps<SummaryCardProps>();
      <div class="flex items-center gap-1">
        <span class="text-3.5">{{ title }}</span>
        <Tooltip :content="tooltip" placement="topLeft" v-if="tooltip">
-          <IconifyIcon icon="ep:warning" class="item-center !text-3 flex" />
+          <IconifyIcon
+            icon="lucide:circle-alert"
+            class="item-center !text-3 flex"
+          />
        </Tooltip>
      </div>
      <div class="flex flex-row items-baseline gap-2">
@ -42,7 +45,9 @@ defineProps<SummaryCardProps>();
        >
          <span class="text-sm">{{ Math.abs(Number(percent)) }}%</span>
          <IconifyIcon
-            :icon="Number(percent) > 0 ? 'ep:caret-top' : 'ep:caret-bottom'"
+            :icon="
+              Number(percent) > 0 ? 'lucide:chevron-up' : 'lucide:chevron-down'
+            "
            class="!text-3 ml-0.5"
          />
        </span>
--- a/apps/web-antd/src/views/bpm/model/form/modules/basic-info.vue
+++ b/apps/web-antd/src/views/bpm/model/form/modules/basic-info.vue
@ -354,10 +354,7 @@ defineExpose({ validate });
            class="flex items-center"
          >
            <template #icon>
-              <IconifyIcon
-                icon="mdi:account-plus-outline"
-                class="size-[18px]"
-              />
+              <IconifyIcon icon="lucide:user-plus" class="size-[18px]" />
            </template>
            选择人员
          </Button>
@ -371,7 +368,7 @@ defineExpose({ validate });
            :key="dept.id"
            class="relative flex h-9 items-center rounded-full bg-gray-100 pr-2 shadow-sm hover:bg-gray-200"
          >
-            <IconifyIcon icon="ep:office-building" class="size-6 px-1" />
+            <IconifyIcon icon="lucide:building" class="size-6 px-1" />
            {{ dept.name }}
            <X
              class="ml-2 size-4 cursor-pointer text-gray-400 hover:text-red-500"
@ -418,10 +415,7 @@ defineExpose({ validate });
            class="flex items-center"
          >
            <template #icon>
-              <IconifyIcon
-                icon="mdi:account-plus-outline"
-                class="size-[18px]"
-              />
+              <IconifyIcon icon="lucide:user-plus" class="size-[18px]" />
            </template>
            选择人员
          </Button>
--- a/apps/web-antd/src/views/bpm/processInstance/detail/modules/operation-button.vue
+++ b/apps/web-antd/src/views/bpm/processInstance/detail/modules/operation-button.vue
@ -1254,7 +1254,7 @@ defineExpose({ loadTodoTask });
        "
      >
        <Button type="dashed" @click="openPopover('return')">
-          <IconifyIcon :size="14" icon="ep:back" />
+          <IconifyIcon :size="14" icon="lucide:arrow-left" />
          {{ getButtonDisplayName(BpmTaskOperationButtonTypeEnum.RETURN) }}
        </Button>
        <template #content>
--- a/apps/web-antd/src/views/bpm/processInstance/detail/modules/task-list.vue
+++ b/apps/web-antd/src/views/bpm/processInstance/detail/modules/task-list.vue
@ -200,7 +200,7 @@ defineExpose({
            ghost
            class="ml-1"
          >
-            <IconifyIcon icon="ep:document" />
+            <IconifyIcon icon="lucide:file-text" />
            <span class="!ml-[2px] text-[12px]">查看表单</span>
          </Button>
        </div>
--- a/apps/web-antd/src/views/dashboard/workspace/index.vue
+++ b/apps/web-antd/src/views/dashboard/workspace/index.vue
@ -95,7 +95,7 @@ const quickNavItems: WorkbenchQuickNavItem[] = [
  },
  {
    color: '#ff6b6b',
-    icon: 'ep:shop',
+    icon: 'lucide:shopping-bag',
    title: '商城中心',
    url: '/mall',
  },