fix(icon-saas): add icons of batch4 (#3955)

* fix(icon-saas): remove batch3 icons

* fix(icon-saas): add batch4 icons

* fix(icon-saas): 为所有的AI图标，添加共同的ai 前缀

* fix(icon-saas): 重命名几个重名的图标。  radio是保留原来的，只增fill图标

* fix(icon-saas): 复制新图标到svgs目录

* fix(icon-saas): 构建编译后的icon js文件

* fix(icon-saas): 修改错误的颜色， 补充demo

* fix(icon-saas): remove fill='none'

* fix(icon-saas): 手工修改radio图标

* fix(icon-saas): 移除拷贝后的fill=none

Author: shenjunjian

examples/sites/demos/pc/app/icon/advance-icons.js

@@ -402,11 +402,113 @@ export const batch3Icons = [
   'IconTermination',
   'IconTimezone',
   'IconTrain',
-  'IconTransfer',
   'IconTransferInventoryList',
   'IconTransferringInventoryListsAcrossOrganizations',
   'IconTransportation',
   'IconTruck',
   'IconWaybill',
   'IconWorkOvertime'
 ]
+
+export const batch4Icons = [
+  'IconAIAbout',
+  'IconAIApplication',
+  'IconAIBrowsingHistory',
+  'IconAICalendar',
+  'IconAIComputingPowerAIPolicy',
+  'IconAIConferenceManagement',
+  'IconAIDocument',
+  'IconAIDocumentQA',
+  'IconAIExternalKnowledgeAnswer',
+  'IconAIFindRecords',
+  'IconAIFollowUp',
+  'IconAIGCPainting',
+  'IconAIImageBasedTextRecognition',
+  'IconAIInformation',
+  'IconAIInternalKnowledgeAnswers',
+  'IconAIITServiceQA',
+  'IconAILabelExtraction',
+  'IconAIMemorySpace',
+  'IconAIOfficeDataSearch',
+  'IconAIOrganization',
+  'IconAIPosting',
+  'IconAIProcessQA',
+  'IconAIQuestion',
+  'IconAIReading',
+  'IconAISearch',
+  'IconAISearchPeople',
+  'IconAISearchQA',
+  'IconAISmartLookup',
+  'IconAISmartNotes',
+  'IconAISmartTranslation',
+  'IconAITakingPhotos',
+  'IconAITechnicalInsightsQA',
+  'IconAITerminologyQA',
+  'IconAITranslation',
+  'IconAIUCDSearch',
+  'IconAIWebQA',
+  'IconAIWrite',
+  'IconAIWriting',
+  'IconAnalysisTypeContainer',
+  'IconAnchor',
+  'IconApprovalFlow',
+  'IconAvatar',
+  'IconBadge',
+  'IconButtonBar',
+  'IconCalendarView',
+  'IconCardGroup',
+  'IconCardTemplate',
+  'IconCarousel',
+  'IconCascader',
+  'IconChart',
+  'IconCheckbox',
+  'IconChooser',
+  'IconCreatePage',
+  'IconDetailsTemplatePage',
+  'IconDialogSelect',
+  'IconFilterView',
+  'IconFloating',
+  'IconFlowchart',
+  'IconFoldingPanelContainers',
+  'IconForm',
+  'IconGeneralPage',
+  'IconGrid',
+  'IconImage',
+  'IconInput',
+  'IconListSheet',
+  'IconMetAlert',
+  'IconMultiColumnContainer',
+  'IconMultipleContainerGroups',
+  'IconNavigationContainer',
+  'IconNumber',
+  'IconNumeric',
+  'IconObjectInfo',
+  'IconPageLoader',
+  'IconPager',
+  'IconProcessOverview',
+  'IconProgress',
+  'IconRadio',
+  'IconRecord',
+  'IconRuleBuilder',
+  'IconSelection',
+  'IconSelectView',
+  'IconShortcut',
+  'IconSlider',
+  'IconSliderButton',
+  'IconSplitPanelContainer',
+  'IconSpreadGrid',
+  'IconStandardList',
+  'IconSteps',
+  'IconSwitch',
+  'IconSwitchCard',
+  'IconTabContainer',
+  'IconTabs',
+  'IconTag',
+  'IconTagGroup',
+  'IconTimeLine',
+  'IconTimePicker',
+  'IconTitleContainer',
+  'IconTransfer',
+  'IconTree',
+  'IconTreeMenuContainer'
+]

examples/sites/demos/pc/app/icon/advance-usage-composition-api.vue

@@ -72,13 +72,35 @@
         <span class="svgs-text" :title="name">{{ name }}</span>
       </div>
     </div>
+    <hr />
+    <div class="svgs-wrapper">
+      <div
+        v-for="name in batch4Icons"
+        :key="name"
+        :class="{
+          'svg-visible': searchName === '' || name.toLowerCase().includes(searchName.toLowerCase()),
+          'svgs-item': true
+        }"
+        @click="click(name)"
+      >
+        <component
+          :is="Svgs[name] && Svgs[name]()"
+          class="svgs-icon"
+          :first-color="firstColor"
+          :second-color="secondColor"
+          :shape="shape"
+          :underlay="isUnderlay ? underlay : null"
+        ></component>
+        <span class="svgs-text" :title="name">{{ name }}</span>
+      </div>
+    </div>
   </div>
 </template>
 
 <script setup lang="js">
 import Svgs from '@opentiny/vue-icon'
 import { TinyForm, TinyFormItem, TinyModal, TinyInput, TinyRadioGroup, TinyRadio, TinySwitch } from '@opentiny/vue'
-import { advanceIcons, batch3Icons } from './advance-icons.js'
+import { advanceIcons, batch3Icons, batch4Icons } from './advance-icons.js'
 import { getCurrentInstance, ref, watch } from 'vue'
 
 const searchName = ref('')

examples/sites/demos/pc/app/icon/advance-usage.vue

@@ -72,6 +72,28 @@
         <span class="svgs-text" :title="name">{{ name }}</span>
       </div>
     </div>
+    <hr />
+    <div class="svgs-wrapper">
+      <div
+        v-for="name in batch4Icons"
+        :key="name"
+        :class="{
+          'svg-visible': searchName === '' || name.toLowerCase().includes(searchName.toLowerCase()),
+          'svgs-item': true
+        }"
+        @click="click(name)"
+      >
+        <component
+          :is="Svgs[name] && Svgs[name]()"
+          class="svgs-icon"
+          :first-color="firstColor"
+          :second-color="secondColor"
+          :shape="shape"
+          :underlay="isUnderlay ? underlay : null"
+        ></component>
+        <span class="svgs-text" :title="name">{{ name }}</span>
+      </div>
+    </div>
   </div>
 </template>
 
@@ -87,7 +109,7 @@ import {
   TinyColorPicker,
   TinySwitch
 } from '@opentiny/vue'
-import { advanceIcons, batch3Icons } from './advance-icons.js'
+import { advanceIcons, batch3Icons, batch4Icons } from './advance-icons.js'
 
 export default {
   components: {
@@ -104,6 +126,7 @@ export default {
       Svgs,
       advanceIcons,
       batch3Icons,
+      batch4Icons,
       searchName: '',
       shape: 'line',
       firstColor: '#0067D1',