chore: 更换iconfy图标

src/components/upload-image/upload-image.vue

 <script setup lang="ts">
 import { computed, ref, useSlots, useTemplateRef } from 'vue'
-import CustomIcon from '../custom-icon/custom-icon.vue'
 import { fetchUpload } from '@/apis/upload'
 import ImageCropper from '@/components/image-cropper/image-cropper.vue'
 
@@ -99,7 +98,7 @@ async function handleUploadImage(event: any) {
         :style="{ height: height + 'px', width: width + 'px' }"
         for="upload"
       >
-        <CustomIcon v-if="!uploadLoading" class="text-lg" icon="mingcute:add-line" />
+        <i v-if="!uploadLoading" class="iconfont icon-add" />
       </label>
     </NSpin>
 
@@ -117,7 +116,7 @@ async function handleUploadImage(event: any) {
         for="upload"
       >
         <slot v-if="slots.mask" name="mask" />
-        <CustomIcon v-else class="text-base text-white" icon="lucide:edit" />
+        <i v-else class="iconfont icon-edit text-white" />
       </label>
 
       <input id="upload" type="file" :accept="uploadImageType" class="hidden" @change="handleUploadImage" />

src/locales/langs/en.yaml

@@ -279,6 +279,7 @@ personal_space_module:
         communication_turn_popover_message: 'The maximum number of session rounds passed into the large model context. The recommended value is 2, the higher the value, the stronger the context correlation in multiple rounds of conversations, but the more Tokens are consumed'
         agent_setting: 'Application setting'
         base_info: 'Basic information'
+        ai_generate_picture: 'AI'
         agent_title_input_placeholder: 'Please enter the application name'
         agent_title_input_rule_message: 'Please enter the application name'
         agent_desc_input_placeholder: 'Please describe your app, which will be displayed regularly after the app is published'
@@ -370,7 +371,7 @@ personal_space_module:
             name_supports: 'English and Chinese only'
             name_not_duplicated: 'Name must not be repeated'
 
-        preview: 'Preview and debug'
+        preview: 'Preview & Debug'
 
         avatar_oversize_message: 'Images cannot exceed 3MB'
         generate_format_error_message: 'An error occurred generating the content format'

src/locales/langs/zh-cn.yaml

@@ -277,6 +277,7 @@ personal_space_module:
         communication_turn_popover_message: '传入大模型上下文的最大对话轮数。推荐值为2，数值越大，多轮对话中上下文相关性越强，但Tokens消耗越多'
         agent_setting: '应用设定'
         base_info: '基本信息'
+        ai_generate_picture: 'AI生成'
         agent_title_input_placeholder: '请输入应用名称'
         agent_title_input_rule_message: '请输入应用名称'
         agent_desc_input_placeholder: '请描述你的应用，该描述将在应用发布后固定展示'

src/locales/langs/zh-hk.yaml

@@ -277,6 +277,7 @@ personal_space_module:
         communication_turn_popover_message: '傳入大模型上下文的最大對話輪數。推薦值爲2，數值越大，多輪對話中上下文相關性越強，但Tokens消耗越多'
         agent_setting: '應用設定'
         base_info: '基本信息'
+        ai_generate_picture: 'AI生成'
         agent_title_input_placeholder: '請輸入應用名稱'
         agent_title_input_rule_message: '請輸入應用名稱'
         agent_desc_input_placeholder: '請描述你的應用，該描述將在應用發佈後固定展示'

src/views/personal-space/personal-app-setting/components/agent-config/agent-setting/agent-setting.vue

@@ -6,8 +6,7 @@ import { Emitter } from 'mitt'
 import { storeToRefs } from 'pinia'
 import { useRouter } from 'vue-router'
 import { useThrottleFn } from '@vueuse/core'
-import CustomIcon from '@/components/custom-icon/custom-icon.vue'
-import { Help, People, RightOne } from '@icon-park/vue-next'
+import { Help, People, RightOne, TrendTwo, NotebookOne, LoadingOne } from '@icon-park/vue-next'
 import UploadImage from '@/components/upload-image/upload-image.vue'
 import AutoConfigModal from './components/auto-config-modal.vue'
 import OptimizeSystemModal from './components/optimize-system-modal.vue'
@@ -440,11 +439,11 @@ async function handleEquityInfoValidate() {
                   v-show="generateAgentAvatarLoading"
                   class="absolute left-0 top-0 z-10 flex h-[72px] w-[72px] cursor-not-allowed items-center justify-center rounded-xl bg-[#151b2680]"
                 >
-                  <CustomIcon icon="eos-icons:bubble-loading" class="text-xl text-white" />
+                  <LoadingOne theme="outline" size="18" fill="#fff" :stroke-width="3" />
                 </div>
 
                 <div
-                  class="text-theme-color mt-3 flex h-[28px] items-center justify-between rounded-md border border-[#d4d6d9] px-2"
+                  class="text-theme-color flex-center mt-3 h-[28px] gap-[5px] rounded-md border border-[#d4d6d9] px-2"
                   :class="
                     generateAgentAvatarLoading || !baseInfo.agentTitle
                       ? 'cursor-not-allowed opacity-50'
@@ -452,9 +451,20 @@ async function handleEquityInfoValidate() {
                   "
                   @click="handleAIGenerateAgentAvatar"
                 >
-                  <div class="mt-[-2px] h-[14px] w-[14px] bg-[url(@/assets/svgs/star.svg)] bg-[length:100%_100%]" />
+                  <div
+                    class="mt-[-2px] h-[14px] w-[14px] bg-[length:100%_100%]"
+                    :class="
+                      generateAgentAvatarLoading
+                        ? 'bg-[url(@/assets/images/loading.gif)]'
+                        : 'bg-[url(@/assets/svgs/star.svg)]'
+                    "
+                  />
                   <span class="text-xs">
-                    {{ t('common_module.ai_generate') }}
+                    {{
+                      t(
+                        'personal_space_module.agent_module.agent_setting_module.agent_config_module.ai_generate_picture',
+                      )
+                    }}
                   </span>
                 </div>
               </div>
@@ -564,7 +574,7 @@ async function handleEquityInfoValidate() {
                     class="text-theme-color flex cursor-pointer items-center pl-[9px] hover:opacity-80"
                     @click="handleSettingDefaultPrompt"
                   >
-                    <CustomIcon icon="solar:book-2-broken" class="mr-3 text-base" />
+                    <NotebookOne theme="outline" size="16" fill="#000DFF" :stroke-width="3" class="mr-3" />
                     <span class="text-xs">
                       {{
                         t(
@@ -599,7 +609,7 @@ async function handleEquityInfoValidate() {
 
       <div class="flex h-full flex-1 flex-col overflow-auto border-r border-[#e8e9eb] py-4">
         <div class="mb-1 flex h-6 items-center px-5 leading-6">
-          <CustomIcon icon="streamline:decent-work-and-economic-growth-solid" class="mr-1.5 text-base" />
+          <TrendTwo theme="filled" size="18" fill="#333" class="mr-1.5" :stroke-width="3" />
           <span>
             {{ t('personal_space_module.agent_module.agent_setting_module.agent_config_module.ability_expand') }}
           </span>

src/views/personal-space/personal-app-setting/components/agent-config/agent-setting/components/auto-config-modal.vue

@@ -2,7 +2,6 @@
 import { computed, ref, watch } from 'vue'
 import { useI18n } from 'vue-i18n'
 import CustomModal from '@/components/custom-modal/custom-modal.vue'
-import CustomIcon from '@/components/custom-icon/custom-icon.vue'
 
 interface Props {
   isShowModal: boolean
@@ -70,7 +69,7 @@ function handleConfirm() {
   >
     <template #content>
       <div class="mb-3 flex w-full items-center rounded bg-[#FFF4E6] px-4 py-[7px]">
-        <CustomIcon icon="ep:warning-filled" class="mr-2 h-4 w-4 flex-shrink-0 text-[#FFA500]" />
+        <i class="iconfont icon-warning mr-2 flex-shrink-0 text-base text-[#FFA500]" />
         <span class="text-[14px] leading-[18px]">
           {{
             t(

src/views/personal-space/personal-app-setting/components/agent-publish/agent-publish.vue

@@ -217,7 +217,7 @@ function handleAPIConfiguration() {
                 class="hover:text-theme-color hover:border-theme-color ml-[16px] flex cursor-pointer items-center justify-start rounded-md border bg-[#f7f7f9] px-[12px] py-[4px] text-[14px]"
                 @click="handleClickChannelPublishTableAction('copyLink')"
               >
-                <CustomIcon icon="pepicons-pop:share-android-circle" class="mr-[6px]" />
+                <i class="iconfont icon-share mr-[6px]" />
 
                 <span>{{
                   t('personal_space_module.agent_module.agent_setting_module.agent_publish_module.share_link')
@@ -237,7 +237,7 @@ function handleAPIConfiguration() {
                     @click="handleToApplicationSquare"
                   >
                     {{ t('router_title_module.application_square') }}
-                    <CustomIcon icon="ep:top-right" />
+                    <i class="iconfont icon-top-right" />
                   </span>
                 </div>
 
@@ -292,7 +292,7 @@ function handleAPIConfiguration() {
                 class="hover:text-theme-color hover:border-theme-color flex cursor-pointer items-center justify-start rounded-md border bg-[#f7f7f9] px-[12px] py-[4px] text-[14px]"
                 @click="handleClickChannelPublishTableAction('modifySetting')"
               >
-                <CustomIcon icon="ep:edit" class="mr-[6px]" />
+                <i class="iconfont icon-edit mr-[6px] text-xs" />
 
                 <span>
                   {{
@@ -304,7 +304,7 @@ function handleAPIConfiguration() {
                 class="hover:text-theme-color hover:border-theme-color ml-[16px] flex cursor-pointer items-center justify-start rounded-md border bg-[#f7f7f9] px-[12px] py-[4px] text-[14px]"
                 @click="handleClickChannelPublishTableAction('unSaleApplication')"
               >
-                <CustomIcon icon="nonicons:not-found-16" class="mr-[6px]" />
+                <i class="iconfont icon-forbidden mr-[6px]" />
 
                 <span> {{ t('common_module.data_table_module.remove_applications') }} </span>
               </div>

src/views/personal-space/personal-app-setting/components/page-narbar.vue

@@ -3,7 +3,7 @@ import { computed, h, onMounted, readonly, ref, watch } from 'vue'
 import { useRouter } from 'vue-router'
 import { useI18n } from 'vue-i18n'
 import { storeToRefs } from 'pinia'
-import CustomIcon from '@/components/custom-icon/custom-icon.vue'
+import { Left, Logout } from '@icon-park/vue-next'
 import { useUserStore } from '@/store/modules/user'
 import { usePersonalAppConfigStore } from '@/store/modules/personal-app-config'
 import { formatDateTime } from '@/utils/date-formatter'
@@ -30,7 +30,7 @@ const avatarOptions = readonly([
   {
     label: () => h('span', {}, t('common_module.logout')),
     key: 'logout',
-    icon: () => h(CustomIcon, { icon: 'teenyicons:logout-solid' }),
+    icon: () => h(Logout, { strokeWidth: 3, fill: '#333', theme: 'outline' }),
   },
 ])
 
@@ -161,11 +161,12 @@ async function handlePublishApplication() {
 <template>
   <header class="h-navbar flex w-full items-center justify-between bg-[#F3F5F8] px-5 shadow-[inset_0_-1px_#e8e9eb]">
     <div class="flex flex-1 items-center">
-      <CustomIcon
-        icon="weui:back-outlined"
-        class="hover:text-theme-color mr-5 cursor-pointer outline-none"
+      <div
+        class="rounded-theme hover:bg-hover-background-color flex-center ml-[-8px] mr-3 h-7 w-7 cursor-pointer"
         @click="handleBackPreviousPage"
-      />
+      >
+        <Left theme="outline" size="20" fill="#333" class="mt-0.5" />
+      </div>
 
       <div class="flex flex-col items-start justify-center">
         <n-ellipsis class="max-w-[200px]! text-base text-[#000]" :tooltip="{ width: '240px' }">

src/views/personal-space/personal-knowledge/upload-knowledge/upload-local-document/index.vue

@@ -2,7 +2,7 @@
 import { onMounted, ref } from 'vue'
 import { useRouter } from 'vue-router'
 import { useI18n } from 'vue-i18n'
-import CustomIcon from '@/components/custom-icon/custom-icon.vue'
+import { Check } from '@icon-park/vue-next'
 import UploadFile from './upload-file.vue'
 import SegmentSetting from './segment-setting.vue'
 import DataProcess from './data-process.vue'
@@ -102,11 +102,7 @@ function handleToKnowledgeList() {
             >
               {{ index + 1 }}
             </span>
-            <CustomIcon
-              v-show="currentStepId > stepItem.stepId"
-              icon="mingcute:check-fill"
-              class="text-[22px] text-white"
-            />
+            <Check v-show="currentStepId > stepItem.stepId" theme="outline" size="24" fill="#fff" :stroke-width="3" />
           </div>
 
           <span

src/views/personal-space/personal-knowledge/upload-knowledge/upload-local-document/upload-file.vue

@@ -4,7 +4,6 @@ import { UploadFileInfo } from 'naive-ui'
 import { useI18n } from 'vue-i18n'
 import { useRouter } from 'vue-router'
 import { UploadOne } from '@icon-park/vue-next'
-import CustomIcon from '@/components/custom-icon/custom-icon.vue'
 import { fetchUploadKnowledgeDocument } from '@/apis/knowledge'
 import { useUserStore } from '@/store/modules/user'
 
@@ -311,9 +310,8 @@ function handleNextStep() {
             >
               <NPopover trigger="hover">
                 <template #trigger>
-                  <CustomIcon
-                    icon="material-symbols:close"
-                    class="cursor-pointer text-base outline-none hover:opacity-80"
+                  <i
+                    class="iconfont icon-close cursor-pointer text-base outline-none hover:opacity-80"
                     :class="
                       uploadFileItem.status === FileItemStatus.ERROR ? 'text-error-font-color' : 'text-font-color'
                     "

src/views/share/components/web-page-header.vue

 <script setup lang="ts">
 import { computed } from 'vue'
 import { useI18n } from 'vue-i18n'
-import CustomIcon from '@/components/custom-icon/custom-icon.vue'
+import { Left } from '@icon-park/vue-next'
 import { useUserStore } from '@/store/modules/user'
 import { PersonalAppConfigState } from '@/store/types/personal-app-config'
 import { formatDateTime } from '@/utils/date-formatter'
@@ -44,11 +44,12 @@ function handleToLogin() {
 <template>
   <header class="flex h-[68px] w-full items-center justify-between border-b border-[#e8e9eb] bg-white px-5">
     <div class="flex items-center">
-      <CustomIcon
-        icon="weui:back-outlined"
-        class="hover:text-theme-color mr-5 cursor-pointer outline-none"
+      <div
+        class="rounded-theme hover:bg-hover-background-color flex-center ml-[-8px] mr-3 h-7 w-7 cursor-pointer"
         @click="handleBack"
-      />
+      >
+        <Left theme="outline" size="20" fill="#333" class="mt-0.5" />
+      </div>
       <img :src="agentApplicationConfig.baseInfo.agentAvatar" class="mr-5 h-10 w-10 rounded-md object-cover" />
 
       <div class="flex flex-col items-start justify-center">

types/locales.d.ts

@@ -287,6 +287,7 @@ declare namespace I18n {
             communication_turn_popover_message: string
             agent_setting: string
             base_info: string
+            ai_generate_picture: string
             agent_title_input_placeholder: string
             agent_title_input_rule_message: string
             agent_desc_input_placeholder: string