diff --git a/examples/sites/demos/apis/dialog-select.js b/examples/sites/demos/apis/dialog-select.js
index 31e874fa9..da41b05f5 100644
--- a/examples/sites/demos/apis/dialog-select.js
+++ b/examples/sites/demos/apis/dialog-select.js
@@ -377,6 +377,21 @@ export default {
         }
       ],
       methods: [
+        {
+          name: 'getSelection',
+          type: '() => IData[]',
+          typeAnchorName: 'IData',
+          meta: {
+            stable: '3.19.0'
+          },
+          defaultValue: '',
+          desc: {
+            'zh-CN': '获取多选选中数据',
+            'en-US': 'Get multi-select selected data'
+          },
+          mode: ['pc'],
+          pcDemo: 'set-selection'
+        },
         {
           name: 'queryGridData',
           type: '() => void',
@@ -387,6 +402,21 @@ export default {
           },
           mode: ['pc'],
           pcDemo: 'nest-grid-multi'
+        },
+        {
+          name: 'setSelection',
+          type: '(data: IData | IData[], checked: boolean) => void',
+          typeAnchorName: 'IData',
+          meta: {
+            stable: '3.19.0'
+          },
+          defaultValue: '',
+          desc: {
+            'zh-CN': '设置数据的多选选中状态，需要在弹窗初始化后调用，否则调用无效',
+            'en-US': 'Set the multi-select selected state of data'
+          },
+          mode: ['pc'],
+          pcDemo: 'set-selection'
         }
       ],
       slots: [
@@ -674,6 +704,16 @@ interface IResizeEvent {
   fullscreen: boolean
   // 弹窗的元素
   dialog: HTMLElement
+}
+      `
+    },
+    {
+      name: 'IData',
+      type: 'interface',
+      code: `
+interface IData {
+  // 表格或者tree行数据
+  [prop: string]: any
 }
       `
     }
diff --git a/examples/sites/demos/apis/form.js b/examples/sites/demos/apis/form.js
index 9306358d4..efbfab5d5 100644
--- a/examples/sites/demos/apis/form.js
+++ b/examples/sites/demos/apis/form.js
@@ -631,7 +631,7 @@ type IFormTrigger = 'change' | 'blur'
 
 interface IFormRules {
   required?: boolean // 是否必填
-  message?: number // 校验错误的提示
+  message?: string // 校验错误的提示
   // 内置的类型校验
   type?: 'date' | 'dateTime' | 'float' | 'array' | 'string' | 'number' | 'url' | 'time' | 'email' | 'object' | 'boolean' | 'enum'
   // 校验触发时机， 默认为 ['change', 'blur'] 两种场景都触发，如果仅在主动调用校验方式时触发，可设置为空数组 []。
diff --git a/examples/sites/demos/apis/grid.js b/examples/sites/demos/apis/grid.js
index 616dd3dba..9d710a9e0 100644
--- a/examples/sites/demos/apis/grid.js
+++ b/examples/sites/demos/apis/grid.js
@@ -4415,6 +4415,8 @@ interface IEditConfig {
   showStatus?: boolean
   // 自定义编辑规则，返回true可以编辑返回false则禁止编辑
   activeMethod?: ({row: IRow, column: IColumnConfig})=> boolean
+  // （3.19新增）当mode为'row'时，行编辑激活状态下默认会忽略activeMethod，配置为true使其生效
+  activeStrictly?: boolean
 }
       `
     },
diff --git a/examples/sites/demos/apis/icon-multicolor.js b/examples/sites/demos/apis/icon-multicolor.js
new file mode 100644
index 000000000..b4b58ca0e
--- /dev/null
+++ b/examples/sites/demos/apis/icon-multicolor.js
@@ -0,0 +1,4 @@
+export default {
+  mode: ['pc'],
+  apis: []
+}
diff --git a/examples/sites/demos/apis/image.js b/examples/sites/demos/apis/image.js
index c0881c565..a778f474e 100644
--- a/examples/sites/demos/apis/image.js
+++ b/examples/sites/demos/apis/image.js
@@ -222,6 +222,21 @@ export default {
           mode: ['pc', 'mobile-first'],
           pcDemo: 'count-slot',
           mfDemo: ''
+        },
+        {
+          name: 'appendToBody',
+          type: 'boolean',
+          defaultValue: 'true',
+          meta: {
+            stable: '3.19.0'
+          },
+          desc: {
+            'zh-CN': '预览弹框是否显示在当前节点下面',
+            'en-US': 'Indicates whether the preview dialog box is displayed under the current node.'
+          },
+          mode: ['pc', 'mobile-first'],
+          pcDemo: 'preview',
+          mfDemo: ''
         }
       ]
     }
diff --git a/examples/sites/demos/apis/tree-menu.js b/examples/sites/demos/apis/tree-menu.js
index 4509f4149..eb36cf68f 100644
--- a/examples/sites/demos/apis/tree-menu.js
+++ b/examples/sites/demos/apis/tree-menu.js
@@ -422,6 +422,21 @@ export default {
           },
           mode: ['pc'],
           pcDemo: 'show-filter'
+        },
+        {
+          name: 'width-adapt',
+          type: 'boolean',
+          defaultValue: 'false',
+          desc: {
+            'zh-CN': '通过 <code> widthAdapt </code> 属性，是否让组件宽度自适应父容器。',
+            'en-US':
+              'The <code>widthAdapt </code> attribute specifies whether to enable the component width to adapt to the parent container.'
+          },
+          meta: {
+            stable: '3.19.0'
+          },
+          mode: ['pc'],
+          pcDemo: 'show-filter'
         }
       ],
       events: [
diff --git a/examples/sites/demos/pc/app/action-menu/icon-composition-api.vue b/examples/sites/demos/pc/app/action-menu/icon-composition-api.vue
index 666ae19a8..8c92063d0 100644
--- a/examples/sites/demos/pc/app/action-menu/icon-composition-api.vue
+++ b/examples/sites/demos/pc/app/action-menu/icon-composition-api.vue
@@ -11,9 +11,6 @@
     >
     </tiny-action-menu>
     <br />
-    <tiny-action-menu :options="options" :suffix-icon="tinyIconEllipsis" more-text="" spacing="8px" :max-show-num="3">
-    </tiny-action-menu>
-    <br />
     <p>场景2：只显示文本</p>
     <tiny-action-menu :options="options1" :show-icon="false" :max-show-num="3"> </tiny-action-menu>
   </div>
@@ -22,12 +19,12 @@
 <script setup>
 import { ref } from 'vue'
 import { ActionMenu as TinyActionMenu } from '@opentiny/vue'
-import { IconPreChecked, iconSuccessful, iconCloseSquare, iconEllipsis } from '@opentiny/vue-icon'
+import { iconWebPlus, iconSuccessful, iconShutdown, iconEllipsis } from '@opentiny/vue-icon'
 
 const options = ref([
   {
     label: '远程登陆',
-    icon: IconPreChecked()
+    icon: iconWebPlus()
   },
   {
     label: '开机',
@@ -35,7 +32,7 @@ const options = ref([
   },
   {
     label: '关机',
-    icon: iconCloseSquare()
+    icon: iconShutdown()
   },
   {
     label: '重启'
diff --git a/examples/sites/demos/pc/app/action-menu/icon.vue b/examples/sites/demos/pc/app/action-menu/icon.vue
index f262a2575..2a8d323ad 100644
--- a/examples/sites/demos/pc/app/action-menu/icon.vue
+++ b/examples/sites/demos/pc/app/action-menu/icon.vue
@@ -17,7 +17,7 @@
 
 <script>
 import { ActionMenu } from '@opentiny/vue'
-import { IconPreChecked, iconSuccessful, iconCloseSquare, iconEllipsis } from '@opentiny/vue-icon'
+import { iconWebPlus, iconSuccessful, iconShutdown, iconEllipsis } from '@opentiny/vue-icon'
 
 export default {
   components: {
@@ -28,7 +28,7 @@ export default {
       options: [
         {
           label: '远程登陆',
-          icon: IconPreChecked()
+          icon: iconWebPlus()
         },
         {
           label: '开机',
@@ -36,7 +36,7 @@ export default {
         },
         {
           label: '关机',
-          icon: iconCloseSquare()
+          icon: iconShutdown()
         },
         {
           label: '重启'
diff --git a/examples/sites/demos/pc/app/autocomplete/custom-icon-composition-api.vue b/examples/sites/demos/pc/app/autocomplete/custom-icon-composition-api.vue
index 354a4f41b..58d9e68a1 100644
--- a/examples/sites/demos/pc/app/autocomplete/custom-icon-composition-api.vue
+++ b/examples/sites/demos/pc/app/autocomplete/custom-icon-composition-api.vue
@@ -3,7 +3,7 @@
     <tiny-autocomplete
       v-model="value"
       :prefix-icon="IconEdit"
-      :suffix-icon="IconAssociation"
+      :suffix-icon="IconApp"
       placeholder="请输入内容"
       :fetch-suggestions="querySearch"
     ></tiny-autocomplete>
@@ -13,12 +13,12 @@
 <script setup>
 import { ref, onMounted } from 'vue'
 import { Autocomplete as TinyAutocomplete } from '@opentiny/vue'
-import { iconEdit, iconAssociation } from '@opentiny/vue-icon'
+import { iconEdit, iconApp } from '@opentiny/vue-icon'
 
 const restaurants = ref([])
 const value = ref('')
 const IconEdit = iconEdit()
-const IconAssociation = iconAssociation()
+const IconApp = iconApp()
 
 onMounted(() => {
   restaurants.value = loadAll()
diff --git a/examples/sites/demos/pc/app/autocomplete/custom-icon.vue b/examples/sites/demos/pc/app/autocomplete/custom-icon.vue
index 1eef612a6..f21118602 100644
--- a/examples/sites/demos/pc/app/autocomplete/custom-icon.vue
+++ b/examples/sites/demos/pc/app/autocomplete/custom-icon.vue
@@ -3,7 +3,7 @@
     <tiny-autocomplete
       v-model="value"
       :prefix-icon="IconEdit"
-      :suffix-icon="IconAssociation"
+      :suffix-icon="IconApp"
       placeholder="请输入内容"
       :fetch-suggestions="querySearch"
     ></tiny-autocomplete>
@@ -12,7 +12,7 @@
 
 <script>
 import { Autocomplete } from '@opentiny/vue'
-import { IconEdit, IconAssociation } from '@opentiny/vue-icon'
+import { iconEdit, iconApp } from '@opentiny/vue-icon'
 
 export default {
   components: {
@@ -22,8 +22,8 @@ export default {
     return {
       restaurants: [],
       value: '',
-      IconEdit: IconEdit(),
-      IconAssociation: IconAssociation()
+      IconEdit: iconEdit(),
+      IconApp: iconApp()
     }
   },
   methods: {
diff --git a/examples/sites/demos/pc/app/button/basic-usage-composition-api.vue b/examples/sites/demos/pc/app/button/basic-usage-composition-api.vue
index 09e44bdaa..041183daf 100644
--- a/examples/sites/demos/pc/app/button/basic-usage-composition-api.vue
+++ b/examples/sites/demos/pc/app/button/basic-usage-composition-api.vue
@@ -20,22 +20,22 @@
     </tiny-row>
     <tiny-row>
       <tiny-button :icon="IconSearch" circle></tiny-button>
-      <tiny-button type="primary" :icon="IconEdit" circle></tiny-button>
+      <tiny-button type="primary" :icon="IconEditor" circle></tiny-button>
       <tiny-button type="success" :icon="IconYes" circle></tiny-button>
       <tiny-button type="info" :icon="IconMail" circle></tiny-button>
       <tiny-button type="warning" :icon="IconStarO" circle></tiny-button>
-      <tiny-button type="danger" :icon="IconDel" circle></tiny-button>
+      <tiny-button type="danger" :icon="IconDeleteL" circle></tiny-button>
     </tiny-row>
   </tiny-layout>
 </template>
 
 <script setup>
 import { TinyButton, TinyLayout, TinyRow } from '@opentiny/vue'
-import { iconDel, iconYes, iconEdit, iconMail, iconStarO, iconSearch } from '@opentiny/vue-icon'
+import { iconDeleteL, iconYes, iconEditor, iconMail, iconStarO, iconSearch } from '@opentiny/vue-icon'
 
-const IconDel = iconDel()
+const IconDeleteL = iconDeleteL()
 const IconYes = iconYes()
-const IconEdit = iconEdit()
+const IconEditor = iconEditor()
 const IconMail = iconMail()
 const IconStarO = iconStarO()
 const IconSearch = iconSearch()
diff --git a/examples/sites/demos/pc/app/button/basic-usage.vue b/examples/sites/demos/pc/app/button/basic-usage.vue
index 081059fd3..65699c99a 100644
--- a/examples/sites/demos/pc/app/button/basic-usage.vue
+++ b/examples/sites/demos/pc/app/button/basic-usage.vue
@@ -20,18 +20,18 @@
     </tiny-row>
     <tiny-row>
       <tiny-button :icon="IconSearch" circle></tiny-button>
-      <tiny-button type="primary" :icon="IconEdit" circle></tiny-button>
+      <tiny-button type="primary" :icon="IconEditor" circle></tiny-button>
       <tiny-button type="success" :icon="IconYes" circle></tiny-button>
       <tiny-button type="info" :icon="IconMail" circle></tiny-button>
       <tiny-button type="warning" :icon="IconStarO" circle></tiny-button>
-      <tiny-button type="danger" :icon="IconDel" circle></tiny-button>
+      <tiny-button type="danger" :icon="IconDeleteL" circle></tiny-button>
     </tiny-row>
   </tiny-layout>
 </template>
 
 <script>
 import { Button, Layout, Row } from '@opentiny/vue'
-import { IconDel, IconYes, IconEdit, IconMail, IconStarO, IconSearch } from '@opentiny/vue-icon'
+import { IconDeleteL, IconYes, IconEditor, IconMail, IconStarO, IconSearch } from '@opentiny/vue-icon'
 
 export default {
   components: {
@@ -41,9 +41,9 @@ export default {
   },
   data() {
     return {
-      IconDel: IconDel(),
+      IconDeleteL: IconDeleteL(),
       IconYes: IconYes(),
-      IconEdit: IconEdit(),
+      IconEditor: IconEditor(),
       IconMail: IconMail(),
       IconStarO: IconStarO(),
       IconSearch: IconSearch()
diff --git a/examples/sites/demos/pc/app/button/image-composition-api.vue b/examples/sites/demos/pc/app/button/image-composition-api.vue
index 2a2fb70bf..eb7caf450 100644
--- a/examples/sites/demos/pc/app/button/image-composition-api.vue
+++ b/examples/sites/demos/pc/app/button/image-composition-api.vue
@@ -1,5 +1,5 @@
 <template>
-  <tiny-button>
+  <tiny-button class="demo-button">
     <img :src="image" width="26" />
     <span>图片按钮</span>
   </tiny-button>
@@ -8,5 +8,18 @@
 <script setup>
 import { TinyButton } from '@opentiny/vue'
 
-const image = `${import.meta.env.VITE_APP_BUILD_BASE_URL}static/images/button-image.png`
+const image = `${import.meta.env.VITE_APP_BUILD_BASE_URL}static/images/email.png`
 </script>
+
+<style>
+.demo-button img {
+  width: 16px;
+  height: 16px;
+  margin-right: 8px;
+  border-radius: 2px;
+}
+.demo-button span {
+  height: 16px;
+  line-height: 16px;
+}
+</style>
diff --git a/examples/sites/demos/pc/app/button/image.vue b/examples/sites/demos/pc/app/button/image.vue
index c0b503b36..c8a20487c 100644
--- a/examples/sites/demos/pc/app/button/image.vue
+++ b/examples/sites/demos/pc/app/button/image.vue
@@ -1,5 +1,5 @@
 <template>
-  <tiny-button>
+  <tiny-button class="demo-button">
     <img :src="image" width="26" />
     <span>图片按钮</span>
   </tiny-button>
@@ -14,8 +14,21 @@ export default {
   },
   data() {
     return {
-      image: `${import.meta.env.VITE_APP_BUILD_BASE_URL}static/images/button-image.png`
+      image: `${import.meta.env.VITE_APP_BUILD_BASE_URL}static/images/email.png`
     }
   }
 }
 </script>
+
+<style>
+.demo-button img {
+  width: 16px;
+  height: 16px;
+  margin-right: 8px;
+  border-radius: 2px;
+}
+.demo-button span {
+  height: 16px;
+  line-height: 16px;
+}
+</style>
diff --git a/examples/sites/demos/pc/app/card/card-size-composition-api.vue b/examples/sites/demos/pc/app/card/card-size-composition-api.vue
index 726af5f30..8fc54ac4e 100644
--- a/examples/sites/demos/pc/app/card/card-size-composition-api.vue
+++ b/examples/sites/demos/pc/app/card/card-size-composition-api.vue
@@ -26,26 +26,26 @@
 
 <script setup>
 import { Card as TinyCard } from '@opentiny/vue'
-import { IconDel, IconWriting, IconAscending, IconShare } from '@opentiny/vue-icon'
+import { IconDeleteL, IconEditor, IconSortTriangle, IconFilletExternalLink } from '@opentiny/vue-icon'
 import { ref } from 'vue'
 
 const options = ref([
   {
     text: '删除列表',
-    icon: IconDel()
+    icon: IconDeleteL()
   },
   {
     text: '编辑',
-    icon: IconWriting(),
+    icon: IconEditor(),
     disabled: true
   },
   {
     text: '排序',
-    icon: IconAscending()
+    icon: IconSortTriangle()
   },
   {
     text: '分享',
-    icon: IconShare(),
+    icon: IconFilletExternalLink(),
     disabled: true
   }
 ])
diff --git a/examples/sites/demos/pc/app/card/card-size.vue b/examples/sites/demos/pc/app/card/card-size.vue
index 5b17130bb..1106ffbeb 100644
--- a/examples/sites/demos/pc/app/card/card-size.vue
+++ b/examples/sites/demos/pc/app/card/card-size.vue
@@ -26,7 +26,7 @@
 
 <script>
 import { Card } from '@opentiny/vue'
-import { IconDel, IconWriting, IconAscending, IconShare } from '@opentiny/vue-icon'
+import { IconDeleteL, IconEditor, IconSortTriangle, IconFilletExternalLink } from '@opentiny/vue-icon'
 
 export default {
   components: {
@@ -37,20 +37,20 @@ export default {
       options: [
         {
           text: '删除列表',
-          icon: IconDel()
+          icon: IconDeleteL()
         },
         {
           text: '编辑',
-          icon: IconWriting(),
+          icon: IconEditor(),
           disabled: true
         },
         {
           text: '排序',
-          icon: IconAscending()
+          icon: IconSortTriangle()
         },
         {
           text: '分享',
-          icon: IconShare(),
+          icon: IconFilletExternalLink(),
           disabled: true
         }
       ]
diff --git a/examples/sites/demos/pc/app/cascader/slot-composition-api.vue b/examples/sites/demos/pc/app/cascader/slot-composition-api.vue
index 905dc6a88..edf45c3aa 100644
--- a/examples/sites/demos/pc/app/cascader/slot-composition-api.vue
+++ b/examples/sites/demos/pc/app/cascader/slot-composition-api.vue
@@ -3,7 +3,7 @@
     <div class="my20">自定义节点,为节点添加提示</div>
     <tiny-cascader v-model="value1" :options="options">
       <template #default="{ node }">
-        <span :title="node.label"> {{ node.label }} <tiny-icon-share /></span>
+        <span :title="node.label"> {{ node.label }} <tiny-icon-fillet-external-link /></span>
       </template>
     </tiny-cascader>
     <div class="my20">自定义空数据插槽</div>
@@ -18,9 +18,9 @@
 <script setup>
 import { ref } from 'vue'
 import { Cascader as TinyCascader } from '@opentiny/vue'
-import { iconShare } from '@opentiny/vue-icon'
+import { iconFilletExternalLink } from '@opentiny/vue-icon'
 
-const tinyIconShare = iconShare()
+const TinyIconFilletExternalLink = iconFilletExternalLink()
 const value1 = ref('')
 const value2 = ref('')
 const options = ref([
diff --git a/examples/sites/demos/pc/app/cascader/slot.vue b/examples/sites/demos/pc/app/cascader/slot.vue
index 1fc4b1d62..cd0ecce49 100644
--- a/examples/sites/demos/pc/app/cascader/slot.vue
+++ b/examples/sites/demos/pc/app/cascader/slot.vue
@@ -3,7 +3,7 @@
     <div class="my20">自定义节点,为节点添加提示</div>
     <tiny-cascader v-model="value1" :options="options">
       <template #default="{ node }">
-        <span :title="node.label"> {{ node.label }} <tiny-icon-share /></span>
+        <span :title="node.label"> {{ node.label }} <tiny-icon-fillet-external-link /></span>
       </template>
     </tiny-cascader>
     <div class="my20">自定义空数据插槽</div>
@@ -17,12 +17,12 @@
 
 <script>
 import { Cascader } from '@opentiny/vue'
-import { iconShare } from '@opentiny/vue-icon'
+import { iconFilletExternalLink } from '@opentiny/vue-icon'
 
 export default {
   components: {
     TinyCascader: Cascader,
-    TinyIconShare: iconShare()
+    TinyIconFilletExternalLink: iconFilletExternalLink()
   },
   data() {
     return {
diff --git a/examples/sites/demos/pc/app/dialog-select/nest-grid-multi-composition-api.vue b/examples/sites/demos/pc/app/dialog-select/nest-grid-multi-composition-api.vue
index 15493c1b3..b5ae6be11 100644
--- a/examples/sites/demos/pc/app/dialog-select/nest-grid-multi-composition-api.vue
+++ b/examples/sites/demos/pc/app/dialog-select/nest-grid-multi-composition-api.vue
@@ -21,7 +21,7 @@
       @change="onDialogSelectChange"
       value-field="id"
       text-field="name"
-      :main-height="290"
+      :main-height="240"
     >
       <template #search>
         <div class="tiny-demo-search">
@@ -34,6 +34,7 @@
               placeholder="选择城市"
               :options="state.options"
               clearable
+              @change="onCitySearch"
             ></tiny-select>
           </div>
         </div>
@@ -48,8 +49,7 @@ import {
   DialogSelect as TinyDialogSelect,
   Button as TinyButton,
   Search as TinySearch,
-  Select as TinySelect,
-  Modal
+  Select as TinySelect
 } from '@opentiny/vue'
 import Sortable from 'sortablejs'
 
@@ -106,7 +106,7 @@ const state = reactive({
   },
   gridOp: {
     columns: [
-      { field: 'id', title: 'ID', width: 40 },
+      { field: 'id', title: 'ID', width: 50 },
       { field: 'name', title: '名称', showOverflow: 'tooltip' },
       { field: 'province', title: '省份', width: 80 },
       { field: 'city', title: '城市', width: 80 }
@@ -117,6 +117,8 @@ const state = reactive({
       reserve: true,
       checkRowKeys: ['1', '6']
     },
+    border: false, // 设置边框
+    size: 'small', // 设置表格尺寸
     // 单选时生效
     radioConfig: { checkRowKey: '3' }
   },
@@ -157,6 +159,12 @@ const onSearch = (key, value) => {
   dialogSelect.value.queryGridData()
 }
 
+const onCitySearch = (value) => {
+  state.searchData.city = value
+  state.pagerOp.currentPage = 1
+  dialogSelect.value.queryGridData()
+}
+
 const remoteSearch = () => {
   return new Promise((resolve) => {
     setTimeout(() => {
@@ -184,22 +192,22 @@ const lookupMethod = (values) => {
 }
 
 const onDialogSelectChange = (values, texts, selectedDatas) => {
-  Modal.message({
-    message: `values:${values},texts:${texts},selectedDatas:${JSON.stringify(selectedDatas)}`,
-    status: 'info'
-  })
+  // 打印change回调数据，控制台查看
+  console.log({ values, texts, selectedDatas })
 }
 </script>
 
-<style scoped>
-.tiny-demo-dialog-select .tiny-demo-search {
-  display: flow-root;
-}
+<style scoped lang="less">
+.tiny-demo-search {
+  display: flex;
 
-.tiny-demo-dialog-select .tiny-demo-search-left,
-.tiny-demo-dialog-select .tiny-demo-search-right {
-  float: left;
-  width: 200px;
-  margin-right: 16px;
+  .tiny-demo-search-left {
+    flex: 1;
+  }
+
+  .tiny-demo-search-right {
+    width: 216px;
+    margin-left: 8px;
+  }
 }
 </style>
diff --git a/examples/sites/demos/pc/app/dialog-select/nest-grid-multi.vue b/examples/sites/demos/pc/app/dialog-select/nest-grid-multi.vue
index 0102d155d..94596d870 100644
--- a/examples/sites/demos/pc/app/dialog-select/nest-grid-multi.vue
+++ b/examples/sites/demos/pc/app/dialog-select/nest-grid-multi.vue
@@ -21,7 +21,7 @@
       @change="onDialogSelectChange"
       value-field="id"
       text-field="name"
-      :main-height="290"
+      :main-height="240"
     >
       <template #search>
         <div class="tiny-demo-search">
@@ -29,7 +29,13 @@
             <tiny-search placeholder="公司名称" is-enter-search @search="onSearch"></tiny-search>
           </div>
           <div class="tiny-demo-search-right">
-            <tiny-select v-model="searchData.city" placeholder="选择城市" :options="options" clearable></tiny-select>
+            <tiny-select
+              v-model="searchData.city"
+              placeholder="选择城市"
+              :options="options"
+              clearable
+              @change="onCitySearch"
+            ></tiny-select>
           </div>
         </div>
       </template>
@@ -38,7 +44,7 @@
 </template>
 
 <script>
-import { DialogSelect, Button, Search, Select, Modal } from '@opentiny/vue'
+import { DialogSelect, Button, Search, Select } from '@opentiny/vue'
 import Sortable from 'sortablejs'
 
 // 模拟服务侧数据
@@ -91,14 +97,14 @@ export default {
       visible: false,
       dialogOp: {
         top: '20vh',
-        width: '800px',
+        width: '700px',
         title: '选择公司',
         beforeClose: this.beforeClose,
         dialogClass: 'custom-dialog-class'
       },
       gridOp: {
         columns: [
-          { field: 'id', title: 'ID', width: 40 },
+          { field: 'id', title: 'ID', width: 50 },
           { field: 'name', title: '名称', showOverflow: 'tooltip' },
           { field: 'province', title: '省份', width: 80 },
           { field: 'city', title: '城市', width: 80 }
@@ -108,15 +114,19 @@ export default {
           reserve: true,
           checkRowKeys: ['1', '6']
         },
+        border: false,
+        size: 'small',
         // 单选时生效
         radioConfig: { checkRowKey: '3' }
       },
+      // 此处配置参考 Pager 组件
       pagerOp: {
         currentPage: 1,
         pageSize: 5,
         pageSizes: [5, 10],
         total: 0,
-        layout: 'prev, pager, next'
+        layout: 'total, sizes, prev, pager, next',
+        size: 'mini'
       },
       selectedBoxOp: {
         config: {
@@ -145,6 +155,11 @@ export default {
       this.pagerOp.currentPage = 1
       this.$refs.dialogSelect.queryGridData()
     },
+    onCitySearch(value) {
+      this.searchData.city = value
+      this.pagerOp.currentPage = 1
+      this.$refs.dialogSelect.queryGridData()
+    },
     remoteSearch() {
       return new Promise((resolve) => {
         setTimeout(() => {
@@ -170,24 +185,24 @@ export default {
       })
     },
     onDialogSelectChange(values, texts, selectedDatas) {
-      Modal.message({
-        message: `values:${values},texts:${texts},selectedDatas:${JSON.stringify(selectedDatas)}`,
-        status: 'info'
-      })
+      // 打印change回调数据，控制台查看
+      console.log({ values, texts, selectedDatas })
     }
   }
 }
 </script>
 
-<style scoped>
-.tiny-demo-dialog-select .tiny-demo-search {
-  display: flow-root;
-}
+<style scoped lang="less">
+.tiny-demo-search {
+  display: flex;
 
-.tiny-demo-dialog-select .tiny-demo-search-left,
-.tiny-demo-dialog-select .tiny-demo-search-right {
-  float: left;
-  width: 200px;
-  margin-right: 16px;
+  .tiny-demo-search-left {
+    flex: 1;
+  }
+
+  .tiny-demo-search-right {
+    width: 186px;
+    margin-left: 8px;
+  }
 }
 </style>
diff --git a/examples/sites/demos/pc/app/dialog-select/nest-grid-single-composition-api.vue b/examples/sites/demos/pc/app/dialog-select/nest-grid-single-composition-api.vue
index ec0da5c39..7e375bf61 100644
--- a/examples/sites/demos/pc/app/dialog-select/nest-grid-single-composition-api.vue
+++ b/examples/sites/demos/pc/app/dialog-select/nest-grid-single-composition-api.vue
@@ -18,7 +18,7 @@
       @change="onDialogSelectChange"
       value-field="id"
       text-field="name"
-      :main-height="290"
+      :main-height="240"
     >
       <template #search>
         <div class="tiny-demo-search">
@@ -31,6 +31,7 @@
               placeholder="选择城市"
               :options="state.options"
               clearable
+              @change="onCitySearch"
             ></tiny-select>
           </div>
         </div>
@@ -45,8 +46,7 @@ import {
   DialogSelect as TinyDialogSelect,
   Button as TinyButton,
   Search as TinySearch,
-  Select as TinySelect,
-  Modal
+  Select as TinySelect
 } from '@opentiny/vue'
 
 // 模拟服务侧数据
@@ -103,20 +103,23 @@ const state = reactive({
   },
   gridOp: {
     columns: [
-      { field: 'id', title: 'ID', width: 40 },
+      { field: 'id', title: 'ID', width: 50 },
       { field: 'name', title: '名称', showOverflow: 'tooltip' },
       { field: 'province', title: '省份', width: 80 },
       { field: 'city', title: '城市', width: 80 }
     ],
     data: [],
-    radioConfig: { checkRowKey: '1' }
+    radioConfig: { checkRowKey: '1' },
+    border: false, // 设置边框
+    size: 'small' // 设置表格尺寸
   },
   pagerOp: {
     currentPage: 1,
     pageSize: 5,
     pageSizes: [5, 10],
     total: 0,
-    layout: 'prev, pager, next'
+    layout: 'prev, pager, next',
+    size: 'mini'
   }
 })
 
@@ -136,6 +139,12 @@ const onSearch = (key, value) => {
   dialogSelect.value.queryGridData()
 }
 
+const onCitySearch = (value) => {
+  state.searchData.city = value
+  state.pagerOp.currentPage = 1
+  dialogSelect.value.queryGridData()
+}
+
 const remoteSearch = () => {
   return new Promise((resolve) => {
     setTimeout(() => {
@@ -163,22 +172,21 @@ const lookupMethod = (values) => {
 }
 
 const onDialogSelectChange = (values, texts, selectedDatas) => {
-  Modal.message({
-    message: `values:${values},texts:${texts},selectedDatas:${JSON.stringify(selectedDatas)}`,
-    status: 'info'
-  })
+  // 打印change回调数据，控制台查看
+  console.log({ values, texts, selectedDatas })
 }
 </script>
 
-<style scoped>
-.tiny-demo-dialog-select .tiny-demo-search {
-  display: flow-root;
-}
+<style scoped lang="less">
+.tiny-demo-search {
+  display: flex;
 
-.tiny-demo-dialog-select .tiny-demo-search-left,
-.tiny-demo-dialog-select .tiny-demo-search-right {
-  float: left;
-  width: 200px;
-  margin-right: 16px;
+  .tiny-demo-search-left {
+    flex: 1;
+  }
+  .tiny-demo-search-right {
+    width: 200px;
+    margin-left: 8px;
+  }
 }
 </style>
diff --git a/examples/sites/demos/pc/app/dialog-select/nest-grid-single.vue b/examples/sites/demos/pc/app/dialog-select/nest-grid-single.vue
index 2e487f11d..dbd715ab1 100644
--- a/examples/sites/demos/pc/app/dialog-select/nest-grid-single.vue
+++ b/examples/sites/demos/pc/app/dialog-select/nest-grid-single.vue
@@ -18,7 +18,7 @@
       @change="onDialogSelectChange"
       value-field="id"
       text-field="name"
-      :main-height="290"
+      :main-height="240"
     >
       <template #search>
         <div class="tiny-demo-search">
@@ -26,7 +26,13 @@
             <tiny-search placeholder="公司名称" is-enter-search @search="onSearch"></tiny-search>
           </div>
           <div class="tiny-demo-search-right">
-            <tiny-select v-model="searchData.city" placeholder="选择城市" :options="options" clearable></tiny-select>
+            <tiny-select
+              v-model="searchData.city"
+              placeholder="选择城市"
+              :options="options"
+              clearable
+              @change="onCitySearch"
+            ></tiny-select>
           </div>
         </div>
       </template>
@@ -35,7 +41,7 @@
 </template>
 
 <script>
-import { DialogSelect, Button, Search, Select, Modal } from '@opentiny/vue'
+import { DialogSelect, Button, Search, Select } from '@opentiny/vue'
 
 // 模拟服务侧数据
 const datas = [
@@ -86,27 +92,30 @@ export default {
       visible: false,
       dialogOp: {
         top: '20vh',
-        width: '800px',
+        width: '700px',
         title: '选择公司',
         beforeClose: this.beforeClose,
         dialogClass: 'custom-dialog-class'
       },
       gridOp: {
         columns: [
-          { field: 'id', title: 'ID', width: 40 },
+          { field: 'id', title: 'ID', width: 50 },
           { field: 'name', title: '名称', showOverflow: 'tooltip' },
           { field: 'province', title: '省份', width: 80 },
           { field: 'city', title: '城市', width: 80 }
         ],
         data: [],
-        radioConfig: { checkRowKey: '1' }
+        radioConfig: { checkRowKey: '1' },
+        border: false, // 设置边框
+        size: 'small' // 设置表格尺寸
       },
       pagerOp: {
         currentPage: 1,
         pageSize: 5,
         pageSizes: [5, 10],
         total: 0,
-        layout: 'prev, pager, next'
+        layout: 'prev, pager, next',
+        size: 'mini'
       }
     }
   },
@@ -127,6 +136,11 @@ export default {
       this.pagerOp.currentPage = 1
       this.$refs.dialogSelect.queryGridData()
     },
+    onCitySearch(value) {
+      this.searchData.city = value
+      this.pagerOp.currentPage = 1
+      this.$refs.dialogSelect.queryGridData()
+    },
     remoteSearch() {
       return new Promise((resolve) => {
         setTimeout(() => {
@@ -152,24 +166,23 @@ export default {
       })
     },
     onDialogSelectChange(values, texts, selectedDatas) {
-      Modal.message({
-        message: `values:${values},texts:${texts},selectedDatas:${JSON.stringify(selectedDatas)}`,
-        status: 'info'
-      })
+      // 打印change回调数据，控制台查看
+      console.log({ values, texts, selectedDatas })
     }
   }
 }
 </script>
 
-<style scoped>
-.tiny-demo-dialog-select .tiny-demo-search {
-  display: flow-root;
-}
+<style scoped lang="less">
+.tiny-demo-search {
+  display: flex;
 
-.tiny-demo-dialog-select .tiny-demo-search-left,
-.tiny-demo-dialog-select .tiny-demo-search-right {
-  float: left;
-  width: 200px;
-  margin-right: 16px;
+  .tiny-demo-search-left {
+    flex: 1;
+  }
+  .tiny-demo-search-right {
+    width: 200px;
+    margin-left: 8px;
+  }
 }
 </style>
diff --git a/examples/sites/demos/pc/app/dialog-select/nest-tree-multi-composition-api.vue b/examples/sites/demos/pc/app/dialog-select/nest-tree-multi-composition-api.vue
index 0418a1fc2..ae8046ee2 100644
--- a/examples/sites/demos/pc/app/dialog-select/nest-tree-multi-composition-api.vue
+++ b/examples/sites/demos/pc/app/dialog-select/nest-tree-multi-composition-api.vue
@@ -1,6 +1,10 @@
 <template>
   <div class="tiny-demo">
     <tiny-button @click="state.visible = !state.visible">{{ `${state.visible ? '关闭' : '打开'}窗口` }}</tiny-button>
+    <tiny-button @click="state.visible1 = !state.visible1">
+      {{ `${state.visible1 ? '关闭' : '打开'}窗口(插槽自定义场景)` }}
+    </tiny-button>
+
     <tiny-dialog-select
       ref="dialogSelect"
       class="tiny-demo-tree-multi"
@@ -17,6 +21,24 @@
       value-field="id"
       text-field="label"
       :main-height="290"
+    >
+    </tiny-dialog-select>
+    <tiny-dialog-select
+      ref="dialogSelect1"
+      class="tiny-demo-tree-multi"
+      :visible="state.visible1"
+      @update:visible="state.visible1 = $event"
+      popseletor="tree"
+      multi
+      :dialog-op="state.dialogOp"
+      :tree-op="state.treeOp"
+      :selected-box-op="state.selectedBoxOp"
+      :lookup-method="lookupMethod"
+      :before-close="beforeClose"
+      @change="onDialogSelectChange"
+      value-field="id"
+      text-field="label"
+      :main-height="290"
     >
       <template #option="{ option, mouseenter, mouseleave }">
         <div class="tiny-demo-tree-multi-option" @mouseenter="mouseenter" @mouseleave="mouseleave">
@@ -37,7 +59,7 @@
 
 <script setup lang="ts">
 import { reactive } from 'vue'
-import { DialogSelect as TinyDialogSelect, Button as TinyButton, Modal } from '@opentiny/vue'
+import { DialogSelect as TinyDialogSelect, Button as TinyButton } from '@opentiny/vue'
 import { iconClose } from '@opentiny/vue-icon'
 import Sortable from 'sortablejs'
 
@@ -143,6 +165,7 @@ const beforeClose = () => {
 
 const state = reactive({
   visible: false,
+  visible1: false,
   dialogOp: {
     top: '20vh',
     width: '800px',
@@ -167,7 +190,8 @@ const state = reactive({
     load: remoteSearch,
     queryPidsBySearch,
     queryPidsByIds,
-    defaultCheckedKeys: [1, 4, 8]
+    defaultCheckedKeys: [1, 4, 8],
+    showLine: true
   }
 })
 
@@ -188,10 +212,8 @@ const lookupMethod = (values) => {
 }
 
 const onDialogSelectChange = (values, texts, selectedDatas) => {
-  Modal.message({
-    message: `values:${values},texts:${texts},selectedDatas:${JSON.stringify(selectedDatas)}`,
-    status: 'info'
-  })
+  // 打印change回调数据，控制台查看
+  console.log({ values, texts, selectedDatas })
 }
 </script>
 
@@ -201,28 +223,32 @@ const onDialogSelectChange = (values, texts, selectedDatas) => {
   text-overflow: ellipsis;
   white-space: nowrap;
   height: 28px;
+  line-height: 28px;
 }
 
 .tiny-demo-tree-multi .tiny-demo-tree-multi-option .title {
-  color: #161e26;
-  position: relative;
-  top: 4px;
+  color: #191919;
+  font-size: 14px;
 }
 
 .tiny-demo-tree-multi .tiny-demo-tree-multi-option .sub-text {
-  color: #8d959e;
-  position: relative;
-  top: 4px;
+  color: #808080;
   margin-left: 8px;
 }
 
 .tiny-demo-tree-multi-close {
   height: 28px;
+  line-height: 28px;
+  font-size: 0;
+
+  .tiny-svg {
+    fill: #808080;
+    font-size: 16px;
+  }
 }
 
 .tiny-demo-tree-multi-close > span {
   position: relative;
-  top: 2px;
   left: 12px;
 }
 </style>
diff --git a/examples/sites/demos/pc/app/dialog-select/nest-tree-multi.vue b/examples/sites/demos/pc/app/dialog-select/nest-tree-multi.vue
index 44db5e537..2e44242f0 100644
--- a/examples/sites/demos/pc/app/dialog-select/nest-tree-multi.vue
+++ b/examples/sites/demos/pc/app/dialog-select/nest-tree-multi.vue
@@ -1,6 +1,9 @@
 <template>
   <div class="tiny-demo">
     <tiny-button @click="visible = !visible">{{ `${visible ? '关闭' : '打开'}窗口` }}</tiny-button>
+    <tiny-button @click="visible1 = !visible1">
+      {{ `${visible1 ? '关闭' : '打开'}窗口(插槽自定义场景)` }}
+    </tiny-button>
     <tiny-dialog-select
       ref="dialogSelect"
       class="tiny-demo-tree-multi"
@@ -17,6 +20,24 @@
       value-field="id"
       text-field="label"
       :main-height="290"
+    >
+    </tiny-dialog-select>
+    <tiny-dialog-select
+      ref="dialogSelect"
+      class="tiny-demo-tree-multi"
+      :visible="visible1"
+      @update:visible="visible1 = $event"
+      popseletor="tree"
+      multi
+      :dialog-op="dialogOp"
+      :tree-op="treeOp"
+      :selected-box-op="selectedBoxOp"
+      :lookup-method="lookupMethod"
+      :before-close="beforeClose"
+      @change="onDialogSelectChange"
+      value-field="id"
+      text-field="label"
+      :main-height="290"
     >
       <template #option="{ option, mouseenter, mouseleave }">
         <div class="tiny-demo-tree-multi-option" @mouseenter="mouseenter" @mouseleave="mouseleave">
@@ -36,7 +57,7 @@
 </template>
 
 <script>
-import { DialogSelect, Button, Modal } from '@opentiny/vue'
+import { DialogSelect, Button } from '@opentiny/vue'
 import { iconClose } from '@opentiny/vue-icon'
 import Sortable from 'sortablejs'
 
@@ -122,6 +143,7 @@ export default {
   data() {
     return {
       visible: false,
+      visible1: false,
       dialogOp: {
         top: '20vh',
         width: '800px',
@@ -146,7 +168,8 @@ export default {
         load: this.remoteSearch,
         queryPidsBySearch: this.queryPidsBySearch,
         queryPidsByIds: this.queryPidsByIds,
-        defaultCheckedKeys: [1, 4, 8]
+        defaultCheckedKeys: [1, 4, 8],
+        showLine: true
       }
     }
   },
@@ -189,10 +212,8 @@ export default {
       })
     },
     onDialogSelectChange(values, texts, selectedDatas) {
-      Modal.message({
-        message: `values:${values},texts:${texts},selectedDatas:${JSON.stringify(selectedDatas)}`,
-        status: 'info'
-      })
+      // 打印change回调数据，控制台查看
+      console.log({ values, texts, selectedDatas })
     }
   }
 }
@@ -204,28 +225,29 @@ export default {
   text-overflow: ellipsis;
   white-space: nowrap;
   height: 28px;
+  line-height: 28px;
 }
 
 .tiny-demo-tree-multi .tiny-demo-tree-multi-option .title {
   color: #161e26;
-  position: relative;
-  top: 4px;
+  font-size: 14px;
 }
 
 .tiny-demo-tree-multi .tiny-demo-tree-multi-option .sub-text {
   color: #8d959e;
-  position: relative;
-  top: 4px;
   margin-left: 8px;
 }
 
 .tiny-demo-tree-multi-close {
   height: 28px;
+  line-height: 28px;
+  svg {
+    fill: #808080;
+  }
 }
 
 .tiny-demo-tree-multi-close > span {
   position: relative;
-  top: 2px;
   left: 12px;
 }
 </style>
diff --git a/examples/sites/demos/pc/app/dialog-select/nest-tree-single-composition-api.vue b/examples/sites/demos/pc/app/dialog-select/nest-tree-single-composition-api.vue
index cac67fe6b..ea1548189 100644
--- a/examples/sites/demos/pc/app/dialog-select/nest-tree-single-composition-api.vue
+++ b/examples/sites/demos/pc/app/dialog-select/nest-tree-single-composition-api.vue
@@ -21,7 +21,7 @@
 
 <script setup lang="ts">
 import { reactive } from 'vue'
-import { DialogSelect as TinyDialogSelect, Button as TinyButton, Modal } from '@opentiny/vue'
+import { DialogSelect as TinyDialogSelect, Button as TinyButton } from '@opentiny/vue'
 
 // 模拟服务侧数据
 const datas = [
@@ -139,7 +139,8 @@ const state = reactive({
     load: remoteSearch,
     queryPidsBySearch,
     queryPidsByIds,
-    defaultCheckedKeys: [4]
+    defaultCheckedKeys: [4],
+    showLine: true
   }
 })
 
@@ -159,9 +160,7 @@ const lookupMethod = (values) => {
   })
 }
 const onDialogSelectChange = (values, texts, selectedDatas) => {
-  Modal.message({
-    message: `values:${values},texts:${texts},selectedDatas:${JSON.stringify(selectedDatas)}`,
-    status: 'info'
-  })
+  // 打印change回调数据，控制台查看
+  console.log({ values, texts, selectedDatas })
 }
 </script>
diff --git a/examples/sites/demos/pc/app/dialog-select/nest-tree-single.vue b/examples/sites/demos/pc/app/dialog-select/nest-tree-single.vue
index 3bdea3f6c..3fab39dac 100644
--- a/examples/sites/demos/pc/app/dialog-select/nest-tree-single.vue
+++ b/examples/sites/demos/pc/app/dialog-select/nest-tree-single.vue
@@ -20,7 +20,7 @@
 </template>
 
 <script>
-import { DialogSelect, Button, Modal } from '@opentiny/vue'
+import { DialogSelect, Button } from '@opentiny/vue'
 
 // 模拟服务侧数据
 const datas = [
@@ -119,7 +119,8 @@ export default {
         load: this.remoteSearch,
         queryPidsBySearch: this.queryPidsBySearch,
         queryPidsByIds: this.queryPidsByIds,
-        defaultCheckedKeys: [4]
+        defaultCheckedKeys: [4],
+        showLine: true
       }
     }
   },
@@ -161,10 +162,8 @@ export default {
       })
     },
     onDialogSelectChange(values, texts, selectedDatas) {
-      Modal.message({
-        message: `values:${values},texts:${texts},selectedDatas:${JSON.stringify(selectedDatas)}`,
-        status: 'info'
-      })
+      // 打印change回调数据，控制台查看
+      console.log({ values, texts, selectedDatas })
     }
   }
 }
diff --git a/examples/sites/demos/pc/app/dialog-select/set-selection-composition-api.vue b/examples/sites/demos/pc/app/dialog-select/set-selection-composition-api.vue
new file mode 100644
index 000000000..9d995fd5c
--- /dev/null
+++ b/examples/sites/demos/pc/app/dialog-select/set-selection-composition-api.vue
@@ -0,0 +1,218 @@
+<template>
+  <div class="tiny-demo">
+    <tiny-button @click="changeVisible">{{ `${state.visible ? '关闭' : '打开'}窗口` }}</tiny-button>
+    <tiny-button @click="setSelection" :disabled="!state.init">切换第二行选中状态</tiny-button>
+    <tiny-dialog-select
+      ref="dialogSelect"
+      class="tiny-demo-dialog-select"
+      :visible="state.visible"
+      @update:visible="state.visible = $event"
+      popseletor="grid"
+      multi
+      :dialog-op="state.dialogOp"
+      :grid-op="state.gridOp"
+      :pager-op="state.pagerOp"
+      :selected-box-op="state.selectedBoxOp"
+      :remote-search="remoteSearch"
+      :lookup-method="lookupMethod"
+      :before-close="beforeClose"
+      @size-change="onSizeChange"
+      @current-change="onCurrentChange"
+      @close="saveSelection"
+      value-field="id"
+      text-field="name"
+      :main-height="290"
+    >
+      <template #search>
+        <div class="tiny-demo-search">
+          <div class="tiny-demo-search-left">
+            <tiny-search placeholder="公司名称" is-enter-search @search="onSearch"></tiny-search>
+          </div>
+          <div class="tiny-demo-search-right">
+            <tiny-select
+              v-model="state.searchData.city"
+              placeholder="选择城市"
+              :options="state.options"
+              clearable
+            ></tiny-select>
+          </div>
+        </div>
+      </template>
+    </tiny-dialog-select>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { reactive, ref } from 'vue'
+import {
+  DialogSelect as TinyDialogSelect,
+  Button as TinyButton,
+  Search as TinySearch,
+  Select as TinySelect
+} from '@opentiny/vue'
+import Sortable from 'sortablejs'
+
+// 模拟服务侧数据
+const datas = [
+  { id: '1', name: 'GFD科技有限公司', city: '福州', province: '福建' },
+  { id: '2', name: 'WWW科技有限公司', city: '深圳', province: '广东' },
+  { id: '3', name: 'RFV有限责任公司', city: '中山', province: '广东' },
+  { id: '4', name: 'TGB科技有限公司', city: '龙岩', province: '福建' },
+  { id: '5', name: 'YHN科技有限公司', city: '韶关', province: '广东' },
+  { id: '6', name: 'WSX科技有限公司', city: '黄冈', province: '湖北' },
+  { id: '7', name: 'KBG物业有限公司', city: '赤壁', province: '湖北' },
+  { id: '8', name: '深圳市福德宝网络技术有限公司', city: '深圳', province: '广东' },
+  { id: '9', name: 'KBG物业有限公司', city: '赤壁', province: '湖北' },
+  { id: '10', name: '深圳市福德宝网络技术有限公司', city: '深圳', province: '广东' }
+]
+
+// 接口1：根据一组数据id查询这组数据
+const queryRowsByIds = (ids) => datas.filter((row) => ~ids.indexOf(row.id))
+
+// 接口2：分页过滤查询
+const queryFilter = (pager, search) => {
+  const { currentPage, pageSize } = pager
+  const { name, city } = search
+  const start = (currentPage - 1) * pageSize
+  const end = currentPage * pageSize
+  // 过滤：名称模糊匹配，城市精确匹配
+  const filtered = datas.filter((row) => (!name || ~row.name.indexOf(name)) && (!city || row.city === city))
+  // 分页
+  const data = filtered.slice(start, end)
+
+  return { data, total: datas.length }
+}
+
+const beforeClose = () => {
+  return true
+}
+
+const state = reactive({
+  init: false,
+  selectedDatas: [],
+  multi: true,
+  searchData: { name: '', city: '' },
+  options: [
+    { value: '福州', label: '福州' },
+    { value: '深圳', label: '深圳' },
+    { value: '赤壁', label: '赤壁' }
+  ],
+  visible: false,
+  dialogOp: {
+    top: '20vh',
+    width: '800px',
+    title: '选择公司',
+    beforeClose,
+    dialogClass: 'custom-dialog-class'
+  },
+  gridOp: {
+    columns: [
+      { field: 'id', title: 'ID', width: 50 },
+      { field: 'name', title: '名称', showOverflow: 'tooltip' },
+      { field: 'province', title: '省份', width: 80 },
+      { field: 'city', title: '城市', width: 80 }
+    ],
+    data: [],
+    // 多选时生效
+    selectConfig: {
+      reserve: true,
+      checkRowKeys: ['1', '6']
+    },
+    // 单选时生效
+    radioConfig: { checkRowKey: '3' }
+  },
+  pagerOp: {
+    currentPage: 1,
+    pageSize: 5,
+    pageSizes: [5, 10],
+    total: 0,
+    layout: 'prev, pager, next'
+  },
+  selectedBoxOp: {
+    config: {
+      pkField: 'id',
+      pkFieldType: 'string',
+      showField: ['name', 'city'],
+      plugin: Sortable
+    }
+  }
+})
+
+const dialogSelect = ref('')
+
+const onSizeChange = (pageSize) => {
+  state.pagerOp.pageSize = pageSize
+
+  dialogSelect.value.valuequeryGridData()
+}
+
+const onCurrentChange = (currentPage) => {
+  state.pagerOp.currentPage = currentPage
+
+  dialogSelect.value.queryGridData()
+}
+
+const onSearch = (key, value) => {
+  state.searchData.name = value
+  state.pagerOp.currentPage = 1
+  dialogSelect.value.queryGridData()
+}
+
+const remoteSearch = () => {
+  return new Promise((resolve) => {
+    setTimeout(() => {
+      const res = queryFilter(state.pagerOp, state.searchData)
+      // 序列化是为了模拟每次返回的都是新对象
+      const copy = JSON.parse(JSON.stringify(res.data))
+
+      state.gridOp.data = copy
+      state.pagerOp.total = res.total
+      // promise返回执行下一步
+      resolve()
+    }, 300)
+  })
+}
+
+const lookupMethod = (values) => {
+  return new Promise((resolve) => {
+    setTimeout(() => {
+      const res = queryRowsByIds(values)
+      // 序列化是为了模拟每次返回的都是新对象
+      const copy = JSON.parse(JSON.stringify(res))
+      resolve(copy)
+    }, 300)
+  })
+}
+
+function changeVisible() {
+  state.visible = !state.visible
+  state.init = true
+}
+function saveSelection() {
+  state.selectedDatas = dialogSelect.value.getSelection()
+}
+function setSelection() {
+  let value = true
+  // 分页时，深拷贝了，因此需要用id判断
+  if (state.selectedDatas.map((i) => i.id).includes(datas[1].id)) {
+    value = false
+  }
+  dialogSelect.value.setSelection([datas[1]], value)
+  saveSelection()
+}
+</script>
+
+<style scoped lang="less">
+.tiny-demo-search {
+  display: flex;
+
+  .tiny-demo-search-left {
+    flex: 1;
+  }
+
+  .tiny-demo-search-right {
+    width: 216px;
+    margin-left: 8px;
+  }
+}
+</style>
diff --git a/examples/sites/demos/pc/app/dialog-select/set-selection.vue b/examples/sites/demos/pc/app/dialog-select/set-selection.vue
new file mode 100644
index 000000000..30d9cd884
--- /dev/null
+++ b/examples/sites/demos/pc/app/dialog-select/set-selection.vue
@@ -0,0 +1,204 @@
+<template>
+  <div class="tiny-demo">
+    <tiny-button @click="changeVisible">{{ `${visible ? '关闭' : '打开'}窗口` }}</tiny-button>
+    <tiny-button @click="setSelection" :disabled="!init">切换第二行选中状态</tiny-button>
+    <tiny-dialog-select
+      ref="dialogSelect"
+      class="tiny-demo-dialog-select"
+      :visible="visible"
+      @update:visible="visible = $event"
+      popseletor="grid"
+      multi
+      :dialog-op="dialogOp"
+      :grid-op="gridOp"
+      :pager-op="pagerOp"
+      :selected-box-op="selectedBoxOp"
+      :remote-search="remoteSearch"
+      :lookup-method="lookupMethod"
+      :before-close="beforeClose"
+      @size-change="onSizeChange"
+      @current-change="onCurrentChange"
+      @close="saveSelection"
+      value-field="id"
+      text-field="name"
+      :main-height="290"
+    >
+      <template #search>
+        <div class="tiny-demo-search">
+          <div class="tiny-demo-search-left">
+            <tiny-search placeholder="公司名称" is-enter-search @search="onSearch"></tiny-search>
+          </div>
+          <div class="tiny-demo-search-right">
+            <tiny-select v-model="searchData.city" placeholder="选择城市" :options="options" clearable></tiny-select>
+          </div>
+        </div>
+      </template>
+    </tiny-dialog-select>
+  </div>
+</template>
+
+<script>
+import { DialogSelect, Button, Search, Select } from '@opentiny/vue'
+import Sortable from 'sortablejs'
+
+// 模拟服务侧数据
+const datas = [
+  { id: '1', name: 'GFD科技有限公司', city: '福州', province: '福建' },
+  { id: '2', name: 'WWW科技有限公司', city: '深圳', province: '广东' },
+  { id: '3', name: 'RFV有限责任公司', city: '中山', province: '广东' },
+  { id: '4', name: 'TGB科技有限公司', city: '龙岩', province: '福建' },
+  { id: '5', name: 'YHN科技有限公司', city: '韶关', province: '广东' },
+  { id: '6', name: 'WSX科技有限公司', city: '黄冈', province: '湖北' },
+  { id: '7', name: 'KBG物业有限公司', city: '赤壁', province: '湖北' },
+  { id: '8', name: '深圳市福德宝网络技术有限公司', city: '深圳', province: '广东' },
+  { id: '9', name: 'KBG物业有限公司', city: '赤壁', province: '湖北' },
+  { id: '10', name: '深圳市福德宝网络技术有限公司', city: '深圳', province: '广东' }
+]
+
+// 接口1：根据一组数据id查询这组数据
+const queryRowsByIds = (ids) => datas.filter((row) => ~ids.indexOf(row.id))
+
+// 接口2：分页过滤查询
+const queryFilter = (pager, search) => {
+  const { currentPage, pageSize } = pager
+  const { name, city } = search
+  const start = (currentPage - 1) * pageSize
+  const end = currentPage * pageSize
+  // 过滤：名称模糊匹配，城市精确匹配
+  const filtered = datas.filter((row) => (!name || ~row.name.indexOf(name)) && (!city || row.city === city))
+  // 分页
+  const data = filtered.slice(start, end)
+
+  return { data, total: datas.length }
+}
+
+export default {
+  components: {
+    TinyDialogSelect: DialogSelect,
+    TinyButton: Button,
+    TinySearch: Search,
+    TinySelect: Select
+  },
+  data() {
+    return {
+      init: false,
+      searchData: { name: '', city: '' },
+      selectedDatas: [],
+      options: [
+        { value: '福州', label: '福州' },
+        { value: '深圳', label: '深圳' },
+        { value: '赤壁', label: '赤壁' }
+      ],
+      visible: false,
+      dialogOp: {
+        top: '20vh',
+        width: '800px',
+        title: '选择公司',
+        beforeClose: this.beforeClose,
+        dialogClass: 'custom-dialog-class'
+      },
+      gridOp: {
+        columns: [
+          { field: 'id', title: 'ID', width: 50 },
+          { field: 'name', title: '名称', showOverflow: 'tooltip' },
+          { field: 'province', title: '省份', width: 80 },
+          { field: 'city', title: '城市', width: 80 }
+        ],
+        data: [],
+        selectConfig: {
+          reserve: true,
+          checkRowKeys: ['1', '6']
+        }
+      },
+      pagerOp: {
+        currentPage: 1,
+        pageSize: 5,
+        pageSizes: [5, 10],
+        total: 0,
+        layout: 'prev, pager, next'
+      },
+      selectedBoxOp: {
+        config: {
+          pkField: 'id',
+          pkFieldType: 'string',
+          showField: ['name', 'city'],
+          plugin: Sortable
+        }
+      }
+    }
+  },
+  methods: {
+    beforeClose() {
+      return true
+    },
+    onSizeChange(pageSize) {
+      this.pagerOp.pageSize = pageSize
+      this.$refs.dialogSelect.queryGridData()
+    },
+    onCurrentChange(currentPage) {
+      this.pagerOp.currentPage = currentPage
+      this.$refs.dialogSelect.queryGridData()
+    },
+    onSearch(key, value) {
+      this.searchData.name = value
+      this.pagerOp.currentPage = 1
+      this.$refs.dialogSelect.queryGridData()
+    },
+    remoteSearch() {
+      return new Promise((resolve) => {
+        setTimeout(() => {
+          const res = queryFilter(this.pagerOp, this.searchData)
+          // 序列化是为了模拟每次返回的都是新对象
+          const copy = JSON.parse(JSON.stringify(res.data))
+
+          this.gridOp.data = copy
+          this.pagerOp.total = res.total
+          // promise返回执行下一步
+          resolve()
+        }, 300)
+      })
+    },
+    lookupMethod(values) {
+      return new Promise((resolve) => {
+        setTimeout(() => {
+          const res = queryRowsByIds(values)
+          // 序列化是为了模拟每次返回的都是新对象
+          const copy = JSON.parse(JSON.stringify(res))
+          resolve(copy)
+        }, 300)
+      })
+    },
+    changeVisible() {
+      this.visible = !this.visible
+      this.init = true
+    },
+    saveSelection() {
+      this.selectedDatas = this.$refs.dialogSelect.getSelection()
+    },
+    setSelection() {
+      let value = true
+      // 分页时，深拷贝了，因此需要用id判断
+      if (this.selectedDatas.map((i) => i.id).includes(datas[1].id)) {
+        value = false
+      }
+      this.$refs.dialogSelect.setSelection([datas[1]], value)
+      this.saveSelection()
+    }
+  }
+}
+</script>
+
+<style scoped lang="less">
+.tiny-demo-search {
+  display: flex;
+
+  .tiny-demo-search-left {
+    flex: 1;
+  }
+
+  .tiny-demo-search-right {
+    width: 216px;
+    margin-left: 8px;
+  }
+}
+</style>
diff --git a/examples/sites/demos/pc/app/dialog-select/webdoc/dialog-select.js b/examples/sites/demos/pc/app/dialog-select/webdoc/dialog-select.js
index 35be26bac..34922d62a 100644
--- a/examples/sites/demos/pc/app/dialog-select/webdoc/dialog-select.js
+++ b/examples/sites/demos/pc/app/dialog-select/webdoc/dialog-select.js
@@ -1,6 +1,6 @@
 export default {
   column: '2',
-  owner: '詹旖旎 30021340',
+  owner: '',
   demos: [
     {
       demoId: 'nest-grid-multi',
@@ -57,6 +57,20 @@ export default {
           '<p>Use the <code>auto-lookup</code>,<code>lookup-method</code> attributes, and <code>change</code> events to set the anti lookup echo function for data initialization.</p>\n<p>Tree selection scenarios require setting <code>popcollector</code> to <code>tree</code>,<code>multi</code> to <code>false</code>, and<code>defaultCheckedKeys</code>to set default selected data.</p>\n'
       },
       codeFiles: ['nest-tree-single.vue']
+    },
+    {
+      demoId: 'set-selection',
+      name: {
+        'zh-CN': '设置多选状态',
+        'en-US': 'Tree radio selection'
+      },
+      desc: {
+        'zh-CN':
+          '<p>通过 <code>auto-lookup</code>、<code>lookup-method</code> 属性和 <code>change</code> 事件设置初始化时数据的反查回显功能。</p>\n<p>树单选场景需要设置 <code>popselector</code> 为 <code>tree</code>，<code>multi</code> 为 <code>false</code >，<code>defaultCheckedKeys</code> 设置默认选中数据。</p>\n',
+        'en-US':
+          '<p>Use the <code>auto-lookup</code>,<code>lookup-method</code> attributes, and <code>change</code> events to set the anti lookup echo function for data initialization.</p>\n<p>Tree selection scenarios require setting <code>popcollector</code> to <code>tree</code>,<code>multi</code> to <code>false</code>, and<code>defaultCheckedKeys</code>to set default selected data.</p>\n'
+      },
+      codeFiles: ['set-selection.vue']
     }
   ]
 }
diff --git a/examples/sites/demos/pc/app/dropdown/show-icon-composition-api.vue b/examples/sites/demos/pc/app/dropdown/show-icon-composition-api.vue
index 08a22ff0b..ff236814b 100644
--- a/examples/sites/demos/pc/app/dropdown/show-icon-composition-api.vue
+++ b/examples/sites/demos/pc/app/dropdown/show-icon-composition-api.vue
@@ -26,6 +26,20 @@
         </tiny-dropdown-menu>
       </template>
     </tiny-dropdown>
+
+    <p>场景3：前置图标</p>
+    <tiny-dropdown :prefix-icon="tinyIconLanguage" :show-icon="false">
+      <template #dropdown>
+        <tiny-dropdown-menu>
+          <tiny-dropdown-item label="老友粉"></tiny-dropdown-item>
+          <tiny-dropdown-item>黄金糕</tiny-dropdown-item>
+          <tiny-dropdown-item>狮子头</tiny-dropdown-item>
+          <tiny-dropdown-item>螺蛳粉</tiny-dropdown-item>
+          <tiny-dropdown-item>双皮奶</tiny-dropdown-item>
+          <tiny-dropdown-item>蚵仔煎</tiny-dropdown-item>
+        </tiny-dropdown-menu>
+      </template>
+    </tiny-dropdown>
   </div>
 </template>
 
@@ -35,9 +49,10 @@ import {
   DropdownMenu as TinyDropdownMenu,
   DropdownItem as TinyDropdownItem
 } from '@opentiny/vue'
-import { iconEllipsis } from '@opentiny/vue-icon'
+import { iconEllipsis, iconLanguage } from '@opentiny/vue-icon'
 
 const tinyIconEllipsis = iconEllipsis()
+const tinyIconLanguage = iconLanguage()
 </script>
 
 <style lang="less" scoped>
diff --git a/examples/sites/demos/pc/app/dropdown/show-icon.vue b/examples/sites/demos/pc/app/dropdown/show-icon.vue
index fec8fdf96..a89c7c518 100644
--- a/examples/sites/demos/pc/app/dropdown/show-icon.vue
+++ b/examples/sites/demos/pc/app/dropdown/show-icon.vue
@@ -26,12 +26,25 @@
         </tiny-dropdown-menu>
       </template>
     </tiny-dropdown>
+    <p>场景3：前置图标</p>
+    <tiny-dropdown :prefix-icon="tinyIconLanguage" :show-icon="false">
+      <template #dropdown>
+        <tiny-dropdown-menu>
+          <tiny-dropdown-item label="老友粉"></tiny-dropdown-item>
+          <tiny-dropdown-item>黄金糕</tiny-dropdown-item>
+          <tiny-dropdown-item>狮子头</tiny-dropdown-item>
+          <tiny-dropdown-item>螺蛳粉</tiny-dropdown-item>
+          <tiny-dropdown-item>双皮奶</tiny-dropdown-item>
+          <tiny-dropdown-item>蚵仔煎</tiny-dropdown-item>
+        </tiny-dropdown-menu>
+      </template>
+    </tiny-dropdown>
   </div>
 </template>
 
 <script>
 import { Dropdown, DropdownMenu, DropdownItem } from '@opentiny/vue'
-import { iconEllipsis } from '@opentiny/vue-icon'
+import { iconEllipsis, iconLanguage } from '@opentiny/vue-icon'
 
 export default {
   components: {
@@ -41,7 +54,8 @@ export default {
   },
   data() {
     return {
-      tinyIconEllipsis: iconEllipsis()
+      tinyIconEllipsis: iconEllipsis(),
+      tinyIconLanguage: iconLanguage()
     }
   }
 }
diff --git a/examples/sites/demos/pc/app/file-upload/drag-upload-composition-api.vue b/examples/sites/demos/pc/app/file-upload/drag-upload-composition-api.vue
index 99018fb1c..2b6c2fbd5 100644
--- a/examples/sites/demos/pc/app/file-upload/drag-upload-composition-api.vue
+++ b/examples/sites/demos/pc/app/file-upload/drag-upload-composition-api.vue
@@ -1,18 +1,18 @@
 <template>
   <div class="tiny-upload__text">将文件拖到此处，或<em>点击上传</em></div>
   <tiny-file-upload drag :action="action" multiple accept=".png,.jpeg,.jpg" @drop-error="dropErrorHandler">
-    <tiny-icon-fileupload class="tiny-svg-size icon-fileupload"></tiny-icon-fileupload>
+    <tiny-icon-picture class="tiny-svg-size icon-fileupload"></tiny-icon-picture>
   </tiny-file-upload>
 </template>
 
 <script setup>
 import { ref } from 'vue'
 import { FileUpload as TinyFileUpload, Modal } from '@opentiny/vue'
-import { iconFileupload } from '@opentiny/vue-icon'
+import { iconPicture } from '@opentiny/vue-icon'
 
 const action = ref('http://localhost:3000/api/upload')
 
-const TinyIconFileupload = iconFileupload()
+const TinyIconPicture = iconPicture()
 
 function dropErrorHandler(files) {
   Modal.message(`有${files.length}个文件拖拽失败`)
diff --git a/examples/sites/demos/pc/app/file-upload/drag-upload.vue b/examples/sites/demos/pc/app/file-upload/drag-upload.vue
index 673ced84e..601a4503b 100644
--- a/examples/sites/demos/pc/app/file-upload/drag-upload.vue
+++ b/examples/sites/demos/pc/app/file-upload/drag-upload.vue
@@ -1,18 +1,18 @@
 <template>
   <div class="tiny-upload__text">将文件拖到此处，或<em>点击上传</em></div>
   <tiny-file-upload drag :action="action" multiple accept=".png,.jpeg,.jpg" @drop-error="dropErrorHandler">
-    <tiny-icon-fileupload-pro class="tiny-svg-size icon-fileupload"></tiny-icon-fileupload-pro>
+    <tiny-icon-picture class="tiny-svg-size icon-fileupload"></tiny-icon-picture>
   </tiny-file-upload>
 </template>
 
 <script>
 import { FileUpload, Modal } from '@opentiny/vue'
-import { IconFileuploadPro } from '@opentiny/vue-icon'
+import { iconPicture } from '@opentiny/vue-icon'
 
 export default {
   components: {
     TinyFileUpload: FileUpload,
-    TinyIconFileuploadPro: IconFileuploadPro()
+    TinyIconPicture: iconPicture()
   },
   data() {
     return {
diff --git a/examples/sites/demos/pc/app/file-upload/upload-file-list-thumb-composition-api.vue b/examples/sites/demos/pc/app/file-upload/upload-file-list-thumb-composition-api.vue
index f3d58d9e6..f2b971547 100644
--- a/examples/sites/demos/pc/app/file-upload/upload-file-list-thumb-composition-api.vue
+++ b/examples/sites/demos/pc/app/file-upload/upload-file-list-thumb-composition-api.vue
@@ -15,7 +15,7 @@
 <script setup>
 import { ref } from 'vue'
 import { FileUpload as TinyFileUpload, Button as TinyButton } from '@opentiny/vue'
-import { iconEditorListNum } from '@opentiny/vue-icon'
+import { IconEditorList } from '@opentiny/vue-icon'
 
 const options = ref({
   width: 300,
@@ -27,7 +27,7 @@ const options = ref({
   // downloadFile: (file) => {
   //   console.log('file', file)
   // },
-  icon: iconEditorListNum()
+  icon: IconEditorList()
 })
 const fileList = ref([
   {
diff --git a/examples/sites/demos/pc/app/file-upload/upload-file-list-thumb.vue b/examples/sites/demos/pc/app/file-upload/upload-file-list-thumb.vue
index 6719079c0..8d49ea2de 100644
--- a/examples/sites/demos/pc/app/file-upload/upload-file-list-thumb.vue
+++ b/examples/sites/demos/pc/app/file-upload/upload-file-list-thumb.vue
@@ -14,7 +14,7 @@
 
 <script>
 import { FileUpload, Button } from '@opentiny/vue'
-import { iconEditorListNum } from '@opentiny/vue-icon'
+import { IconEditorList } from '@opentiny/vue-icon'
 
 export default {
   components: {
@@ -33,7 +33,7 @@ export default {
         // downloadFile: (file) => {
         //   console.log('file', file)
         // },
-        icon: iconEditorListNum()
+        icon: IconEditorList()
       },
       fileList: [
         {
diff --git a/examples/sites/demos/pc/app/grid/editor/active-strictly-composition-api.vue b/examples/sites/demos/pc/app/grid/editor/active-strictly-composition-api.vue
new file mode 100644
index 000000000..fcccab240
--- /dev/null
+++ b/examples/sites/demos/pc/app/grid/editor/active-strictly-composition-api.vue
@@ -0,0 +1,83 @@
+<template>
+  <tiny-grid
+    :data="tableData"
+    show-overflow="ellipsis"
+    :edit-config="{ activeMethod, mode: 'row', activeStrictly: true }"
+    :cell-class-name="cellClassName"
+  >
+    <tiny-grid-column type="index" width="60"></tiny-grid-column>
+    <tiny-grid-column field="name" title="名称" :editor="{ component: 'input' }"></tiny-grid-column>
+    <tiny-grid-column field="area" title="区域" :editor="{ component: 'select', options }"></tiny-grid-column>
+    <tiny-grid-column field="address" title="地址" :editor="{ component: 'input' }"></tiny-grid-column>
+    <tiny-grid-column field="introduction" title="公司简介" :editor="{ component: 'input' }"></tiny-grid-column>
+  </tiny-grid>
+</template>
+
+<script setup>
+import { ref } from 'vue'
+import { Grid as TinyGrid, GridColumn as TinyGridColumn } from '@opentiny/vue'
+
+const options = ref([
+  { label: '华北区', value: '华北区' },
+  { label: '华东区', value: '华东区' },
+  { label: '华南区', value: '华南区' }
+])
+const tableData = ref([
+  {
+    id: '1',
+    name: 'GFD科技有限公司',
+    area: '华东区',
+    address: '福州',
+    introduction: '公司技术和研发实力雄厚，是国家863项目的参与者，并被政府认定为“高新技术企业”。'
+  },
+  {
+    id: '2',
+    name: 'WWWW科技有限公司',
+    area: '华南区',
+    address: '深圳福田区',
+    introduction: '公司技术和研发实力雄厚，是国家863项目的参与者，并被政府认定为“高新技术企业”。'
+  },
+  {
+    id: '3',
+    name: 'RFV有限责任公司',
+    area: '华南区',
+    address: '中山市',
+    introduction: '公司技术和研发实力雄厚，是国家863项目的参与者，并被政府认定为“高新技术企业”。'
+  },
+  {
+    id: '4',
+    name: 'TGB有限公司',
+    area: '华北区',
+    address: '梅州',
+    introduction: '公司技术和研发实力雄厚，是国家863项目的参与者，并被政府认定为“高新技术企业”。'
+  },
+  {
+    id: '5',
+    name: 'YHN科技有限公司',
+    area: '华南区',
+    address: '韶关',
+    introduction: '公司技术和研发实力雄厚，是国家863项目的参与者，并被政府认定为“高新技术企业”。'
+  },
+  {
+    id: '6',
+    name: '康康物业有限公司',
+    area: '华北区',
+    address: '广州天河区',
+    introduction: '公司技术和研发实力雄厚，是国家863项目的参与者，并被政府认定为“高新技术企业”。'
+  }
+])
+
+function activeMethod({ row, column }) {
+  return column.property !== 'name' && row.id !== '3'
+}
+
+function cellClassName({ row, column }) {
+  return activeMethod({ row, column }) ? '' : 'disable-cell-edit'
+}
+</script>
+
+<style>
+.disable-cell-edit {
+  background-color: #e8ebef;
+}
+</style>
diff --git a/examples/sites/demos/pc/app/grid/editor/active-strictly.spec.js b/examples/sites/demos/pc/app/grid/editor/active-strictly.spec.js
new file mode 100644
index 000000000..c96122109
--- /dev/null
+++ b/examples/sites/demos/pc/app/grid/editor/active-strictly.spec.js
@@ -0,0 +1,11 @@
+import { test, expect } from '@playwright/test'
+
+test('维护编辑状态', async ({ page }) => {
+  page.on('pageerror', (exception) => expect(exception).toBeNull())
+  await page.goto('grid-editor#active-strictly')
+  await page.getByRole('cell', { name: '福州' }).click()
+  const demo = page.locator('#active-strictly')
+  await expect(
+    demo.locator('.tiny-grid-body__row').first().locator('.tiny-grid-body__column').nth(1).locator('input')
+  ).toHaveCount(0)
+})
diff --git a/examples/sites/demos/pc/app/grid/editor/active-strictly.vue b/examples/sites/demos/pc/app/grid/editor/active-strictly.vue
new file mode 100644
index 000000000..0553c711e
--- /dev/null
+++ b/examples/sites/demos/pc/app/grid/editor/active-strictly.vue
@@ -0,0 +1,92 @@
+<template>
+  <tiny-grid
+    :data="tableData"
+    show-overflow="ellipsis"
+    :edit-config="{ activeMethod, mode: 'row', activeStrictly: true }"
+    :cell-class-name="cellClassName"
+  >
+    <tiny-grid-column type="index" width="60"></tiny-grid-column>
+    <tiny-grid-column field="name" title="名称" :editor="{ component: 'input' }"></tiny-grid-column>
+    <tiny-grid-column field="area" title="区域" :editor="{ component: 'select', options }"></tiny-grid-column>
+    <tiny-grid-column field="address" title="地址" :editor="{ component: 'input' }"></tiny-grid-column>
+    <tiny-grid-column field="introduction" title="公司简介" :editor="{ component: 'input' }"></tiny-grid-column>
+  </tiny-grid>
+</template>
+
+<script>
+import { Grid, GridColumn } from '@opentiny/vue'
+
+export default {
+  components: {
+    TinyGrid: Grid,
+    TinyGridColumn: GridColumn
+  },
+  data() {
+    return {
+      options: [
+        { label: '华北区', value: '华北区' },
+        { label: '华东区', value: '华东区' },
+        { label: '华南区', value: '华南区' }
+      ],
+      tableData: [
+        {
+          id: '1',
+          name: 'GFD科技有限公司',
+          area: '华东区',
+          address: '福州',
+          introduction: '公司技术和研发实力雄厚，是国家863项目的参与者，并被政府认定为“高新技术企业”。'
+        },
+        {
+          id: '2',
+          name: 'WWWW科技有限公司',
+          area: '华南区',
+          address: '深圳福田区',
+          introduction: '公司技术和研发实力雄厚，是国家863项目的参与者，并被政府认定为“高新技术企业”。'
+        },
+        {
+          id: '3',
+          name: 'RFV有限责任公司',
+          area: '华南区',
+          address: '中山市',
+          introduction: '公司技术和研发实力雄厚，是国家863项目的参与者，并被政府认定为“高新技术企业”。'
+        },
+        {
+          id: '4',
+          name: 'TGB有限公司',
+          area: '华北区',
+          address: '梅州',
+          introduction: '公司技术和研发实力雄厚，是国家863项目的参与者，并被政府认定为“高新技术企业”。'
+        },
+        {
+          id: '5',
+          name: 'YHN科技有限公司',
+          area: '华南区',
+          address: '韶关',
+          introduction: '公司技术和研发实力雄厚，是国家863项目的参与者，并被政府认定为“高新技术企业”。'
+        },
+        {
+          id: '6',
+          name: '康康物业有限公司',
+          area: '华北区',
+          address: '广州天河区',
+          introduction: '公司技术和研发实力雄厚，是国家863项目的参与者，并被政府认定为“高新技术企业”。'
+        }
+      ]
+    }
+  },
+  methods: {
+    activeMethod({ row, column }) {
+      return column.property !== 'name' && row.id !== '3'
+    },
+    cellClassName({ row, column }) {
+      return this.activeMethod({ row, column }) ? '' : 'disable-cell-edit'
+    }
+  }
+}
+</script>
+
+<style>
+.disable-cell-edit {
+  background-color: #e8ebef;
+}
+</style>
diff --git a/examples/sites/demos/pc/app/grid/mouse-keyboard/keyboard-navigation.spec.js b/examples/sites/demos/pc/app/grid/mouse-keyboard/keyboard-navigation.spec.js
index 12c99ec57..42a611ab4 100644
--- a/examples/sites/demos/pc/app/grid/mouse-keyboard/keyboard-navigation.spec.js
+++ b/examples/sites/demos/pc/app/grid/mouse-keyboard/keyboard-navigation.spec.js
@@ -4,7 +4,9 @@ test('键盘导航测试', async ({ page }) => {
   page.on('pageerror', (exception) => expect(exception).toBeNull())
   const demo = page.locator('#mouse-keyboard-keyboard-navigation')
   await page.goto('grid-mouse-keyboard#mouse-keyboard-keyboard-navigation')
+
   await page.getByText('GFD科技YX公司').click()
+  await page.waitForTimeout(300)
   await page.locator('body').press('ArrowDown')
   await page.waitForTimeout(300)
   await page.locator('body').press('F2')
diff --git a/examples/sites/demos/pc/app/grid/webdoc/grid-editor.js b/examples/sites/demos/pc/app/grid/webdoc/grid-editor.js
index 9b54178e0..e1319cba7 100644
--- a/examples/sites/demos/pc/app/grid/webdoc/grid-editor.js
+++ b/examples/sites/demos/pc/app/grid/webdoc/grid-editor.js
@@ -64,6 +64,16 @@ export default {
       },
       'codeFiles': ['editor/editor-bg.vue']
     },
+    {
+      'demoId': 'active-strictly',
+      'name': { 'zh-CN': '行编辑禁用特定列', 'en-US': '' },
+      'desc': {
+        'zh-CN':
+          "<p>当 <code>editConfig.mode</code> 为'row'时，行编辑激活状态下默认会忽略 <code>editConfig.activeMethod</code> ，配置 <code>editConfig.activeStrictly</code> 为true使其生效",
+        'en-US': ''
+      },
+      'codeFiles': ['editor/active-strictly.vue']
+    },
     {
       'demoId': 'editor-custom-edit',
       'name': { 'zh-CN': '多行编辑', 'en-US': '' },
diff --git a/examples/sites/demos/pc/app/icon-multicolor/basic-usage-composition-api.vue b/examples/sites/demos/pc/app/icon-multicolor/basic-usage-composition-api.vue
new file mode 100644
index 000000000..b4bb83018
--- /dev/null
+++ b/examples/sites/demos/pc/app/icon-multicolor/basic-usage-composition-api.vue
@@ -0,0 +1,38 @@
+<template>
+  <div class="icon-demo">
+    <color-administrative-fees
+      first-color="#2070F3"
+      second-color="#715AFB"
+      class="tiny-svg-size"
+    ></color-administrative-fees>
+    <color-express-delivery first-color="#2070F3" second-color="#715AFB" class="tiny-svg-size"></color-express-delivery>
+    <color-meal-allowance first-color="#2070F3" second-color="#715AFB" class="tiny-svg-size"></color-meal-allowance>
+    <color-lodging-fees first-color="#2070F3" second-color="#715AFB" class="tiny-svg-size"></color-lodging-fees>
+  </div>
+</template>
+
+<script setup>
+import {
+  ColorIconAdministrativeFees,
+  ColorIconExpressDelivery,
+  ColorIconMealAllowance,
+  ColorIconLodgingFees
+} from '@opentiny/vue-icon-multicolor'
+
+const ColorAdministrativeFees = ColorIconAdministrativeFees()
+const ColorExpressDelivery = ColorIconExpressDelivery()
+const ColorMealAllowance = ColorIconMealAllowance()
+const ColorLodgingFees = ColorIconLodgingFees()
+</script>
+
+<style scoped>
+.icon-demo .tiny-svg-size {
+  fill: #8994aa;
+  margin: 20px 50px;
+  vertical-align: middle;
+}
+
+.icon-demo {
+  font-size: 2em;
+}
+</style>
diff --git a/examples/sites/demos/pc/app/icon-multicolor/basic-usage.vue b/examples/sites/demos/pc/app/icon-multicolor/basic-usage.vue
new file mode 100644
index 000000000..ff172fc58
--- /dev/null
+++ b/examples/sites/demos/pc/app/icon-multicolor/basic-usage.vue
@@ -0,0 +1,54 @@
+<template>
+  <div class="icon-demo">
+    <color-icon-administrative-fees
+      first-color="#2070F3"
+      second-color="#715AFB"
+      class="tiny-svg-size"
+    ></color-icon-administrative-fees>
+    <color-icon-express-delivery
+      first-color="#2070F3"
+      second-color="#715AFB"
+      class="tiny-svg-size"
+    ></color-icon-express-delivery>
+    <color-icon-meal-allowance
+      first-color="#2070F3"
+      second-color="#715AFB"
+      class="tiny-svg-size"
+    ></color-icon-meal-allowance>
+    <color-icon-lodging-fees
+      first-color="#2070F3"
+      second-color="#715AFB"
+      class="tiny-svg-size"
+    ></color-icon-lodging-fees>
+  </div>
+</template>
+
+<script>
+import {
+  ColorIconAdministrativeFees,
+  ColorIconExpressDelivery,
+  ColorIconMealAllowance,
+  ColorIconLodgingFees
+} from '@opentiny/vue-icon-multicolor'
+
+export default {
+  components: {
+    ColorIconAdministrativeFees: ColorIconAdministrativeFees(),
+    ColorIconExpressDelivery: ColorIconExpressDelivery(),
+    ColorIconMealAllowance: ColorIconMealAllowance(),
+    ColorIconLodgingFees: ColorIconLodgingFees()
+  }
+}
+</script>
+
+<style scoped>
+.icon-demo .tiny-svg-size {
+  fill: #8994aa;
+  margin: 20px 50px;
+  vertical-align: middle;
+}
+
+.icon-demo {
+  font-size: 2em;
+}
+</style>
diff --git a/examples/sites/demos/pc/app/icon-multicolor/list-composition-api.vue b/examples/sites/demos/pc/app/icon-multicolor/list-composition-api.vue
new file mode 100644
index 000000000..38c5518c3
--- /dev/null
+++ b/examples/sites/demos/pc/app/icon-multicolor/list-composition-api.vue
@@ -0,0 +1,120 @@
+<template>
+  <div>
+    <div class="svgs-wrapper">
+      <div v-for="(icon, index) in MultiColorSvgs" :key="index">
+        <div class="svgs-item">
+          <component
+            :is="icon.component"
+            class="svgs-icon"
+            style="width: 2em; fill: #000; height: 2em"
+            @click="click(icon.name)"
+          ></component>
+          <span class="svgs-text">{{ icon.name }}</span>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import MultiColorSvgsList from '@opentiny/vue-icon-multicolor'
+import { Modal } from '@opentiny/vue'
+
+const tinyIconMulticolor = [
+  'ColorIconActivitys',
+  'ColorIconAdministrativeFees',
+  'ColorIconAirFares',
+  'ColorIconApply',
+  'ColorIconArchives',
+  'ColorIconBaggageFees',
+  'ColorIconCarInsurance',
+  'ColorIconCarRental',
+  'ColorIconCeremonyFees',
+  'ColorIconConolences',
+  'ColorIconEntertainmentExpense',
+  'ColorIconExpertConsultationFees',
+  'ColorIconExpertTeachingFees',
+  'ColorIconExpressDelivery',
+  'ColorIconFerryFares',
+  'ColorIconFuelCost',
+  'ColorIconGiftCost',
+  'ColorIconHousingSubsidy',
+  'ColorIconIncidentalExpenses',
+  'ColorIconLandlinePhone',
+  'ColorIconLineRental',
+  'ColorIconLivingSubsidy',
+  'ColorIconLodgingFees',
+  'ColorIconMaintenanceService',
+  'ColorIconMealAllowance',
+  'ColorIconMealSubsidy',
+  'ColorIconMeetingExpenses',
+  'ColorIconNewspaperSubscription',
+  'ColorIconOfficeEquipments',
+  'ColorIconOfficeSupplies',
+  'ColorIconOthers',
+  'ColorIconPhoneBills',
+  'ColorIconPhysicalExamination',
+  'ColorIconPrivateVehicleAllowance',
+  'ColorIconServiceCharges',
+  'ColorIconTaxiFares',
+  'ColorIconTrainFares',
+  'ColorIconTrainingFees',
+  'ColorIconTravelExpenses',
+  'ColorIconVenueHospitalityFees',
+  'ColorIconVenueRentalFees',
+  'ColorIconVisaFees'
+]
+
+const MultiColorSvgs = Object.keys(MultiColorSvgsList).map((name) => {
+  return {
+    name,
+    component: MultiColorSvgsList[name](),
+    // 3.19.0版本新增图标
+    tinyFlag3_19: tinyIconMulticolor.includes(name)
+  }
+})
+
+function click(name) {
+  const input = document.createElement('input')
+  input.value = name
+  document.body.appendChild(input)
+  input.select()
+  document.execCommand('Copy')
+  document.body.removeChild(input)
+  Modal.message({
+    message: `成功复制图标名称 ${name} `,
+    status: 'info'
+  })
+}
+</script>
+
+<style scoped>
+.svgs-wrapper {
+  display: flex;
+  flex-wrap: wrap;
+  padding-top: 20px;
+}
+
+.svgs-icon {
+  cursor: pointer;
+  transition: all 0.4s;
+}
+
+.svgs-icon:hover {
+  transform: scale(1.5, 1.5);
+}
+
+.svgs-item {
+  width: 260px;
+  text-align: center;
+  display: inline-block;
+  margin-bottom: 28px;
+}
+
+.svgs-text {
+  padding-top: 8px;
+  display: block;
+  font-size: 14px;
+  font-weight: 600;
+}
+</style>
diff --git a/examples/sites/demos/pc/app/icon-multicolor/list.vue b/examples/sites/demos/pc/app/icon-multicolor/list.vue
new file mode 100644
index 000000000..b71b7fb7d
--- /dev/null
+++ b/examples/sites/demos/pc/app/icon-multicolor/list.vue
@@ -0,0 +1,131 @@
+<template>
+  <div>
+    <div class="svgs-wrapper">
+      <div v-for="(icon, index) in MultiColorSvgs" :key="index">
+        <div class="svgs-item">
+          <component
+            :is="icon.component"
+            class="svgs-icon"
+            style="width: 2em; fill: #000; height: 2em"
+            @click="click(icon.name)"
+          ></component>
+          <span class="svgs-text">{{ icon.name }}</span>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script>
+import MultiColorSvgs from '@opentiny/vue-icon-multicolor'
+import { Modal, Tabs, TabItem } from '@opentiny/vue'
+
+const tinyIconMulticolor = [
+  'ColorIconActivitys',
+  'ColorIconAdministrativeFees',
+  'ColorIconAirFares',
+  'ColorIconApply',
+  'ColorIconArchives',
+  'ColorIconBaggageFees',
+  'ColorIconCarInsurance',
+  'ColorIconCarRental',
+  'ColorIconCeremonyFees',
+  'ColorIconConolences',
+  'ColorIconEntertainmentExpense',
+  'ColorIconExpertConsultationFees',
+  'ColorIconExpertTeachingFees',
+  'ColorIconExpressDelivery',
+  'ColorIconFerryFares',
+  'ColorIconFuelCost',
+  'ColorIconGiftCost',
+  'ColorIconHousingSubsidy',
+  'ColorIconIncidentalExpenses',
+  'ColorIconLandlinePhone',
+  'ColorIconLineRental',
+  'ColorIconLivingSubsidy',
+  'ColorIconLodgingFees',
+  'ColorIconMaintenanceService',
+  'ColorIconMealAllowance',
+  'ColorIconMealSubsidy',
+  'ColorIconMeetingExpenses',
+  'ColorIconNewspaperSubscription',
+  'ColorIconOfficeEquipments',
+  'ColorIconOfficeSupplies',
+  'ColorIconOthers',
+  'ColorIconPhoneBills',
+  'ColorIconPhysicalExamination',
+  'ColorIconPrivateVehicleAllowance',
+  'ColorIconServiceCharges',
+  'ColorIconTaxiFares',
+  'ColorIconTrainFares',
+  'ColorIconTrainingFees',
+  'ColorIconTravelExpenses',
+  'ColorIconVenueHospitalityFees',
+  'ColorIconVenueRentalFees',
+  'ColorIconVisaFees'
+]
+
+export default {
+  components: {
+    TinyTabs: Tabs,
+    TinyTabItem: TabItem
+  },
+  data() {
+    return {
+      MultiColorSvgs: Object.keys(MultiColorSvgs).map((name) => {
+        return {
+          name,
+          component: MultiColorSvgs[name](),
+          // 3.19.0版本新增图标
+          tinyFlag3_19: tinyIconMulticolor.includes(name)
+        }
+      })
+    }
+  },
+  methods: {
+    click(name) {
+      const input = document.createElement('input')
+      input.value = name
+      document.body.appendChild(input)
+      input.select()
+      document.execCommand('Copy')
+      document.body.removeChild(input)
+      Modal.message({
+        message: `成功复制图标名称 ${name} `,
+        status: 'info'
+      })
+    }
+  }
+}
+</script>
+
+<style scoped>
+.svgs-wrapper {
+  display: flex;
+  flex-wrap: wrap;
+  padding-top: 20px;
+}
+
+.svgs-icon {
+  cursor: pointer;
+  transition: all 0.4s;
+}
+
+.svgs-icon:hover {
+  transform: scale(1.5, 1.5);
+}
+
+.svgs-item {
+  width: 260px;
+  text-align: center;
+  display: inline-block;
+  margin-bottom: 28px;
+}
+
+.svgs-text {
+  padding-top: 8px;
+  display: block;
+  font-size: 14px;
+  font-weight: 600;
+}
+</style>
diff --git a/examples/sites/demos/pc/app/icon-multicolor/webdoc/icon-multicolor.cn.md b/examples/sites/demos/pc/app/icon-multicolor/webdoc/icon-multicolor.cn.md
new file mode 100644
index 000000000..ed5ad9692
--- /dev/null
+++ b/examples/sites/demos/pc/app/icon-multicolor/webdoc/icon-multicolor.cn.md
@@ -0,0 +1,7 @@
+---
+title: IconMulticolor 多色图标
+---
+
+# IconMulticolor 多色图标
+
+<div>多色图标集合</div>
diff --git a/examples/sites/demos/pc/app/icon-multicolor/webdoc/icon-multicolor.en.md b/examples/sites/demos/pc/app/icon-multicolor/webdoc/icon-multicolor.en.md
new file mode 100644
index 000000000..00f80c961
--- /dev/null
+++ b/examples/sites/demos/pc/app/icon-multicolor/webdoc/icon-multicolor.en.md
@@ -0,0 +1,7 @@
+---
+title: IconMulticolor
+---
+
+# IconMulticolor
+
+<div>MultiColor icon collection</div>
diff --git a/examples/sites/demos/pc/app/icon-multicolor/webdoc/icon-multicolor.js b/examples/sites/demos/pc/app/icon-multicolor/webdoc/icon-multicolor.js
new file mode 100644
index 000000000..4256b1b59
--- /dev/null
+++ b/examples/sites/demos/pc/app/icon-multicolor/webdoc/icon-multicolor.js
@@ -0,0 +1,38 @@
+export default {
+  column: '1',
+  owner: '',
+  demos: [
+    {
+      demoId: 'basic-usage',
+      name: {
+        'zh-CN': '基本用法',
+        'en-US': 'Basic Usage'
+      },
+      desc: {
+        'zh-CN': `通过 <code>first-color</code> 自定义图标第一层颜色，通过 <code>second-color</code> 自定义图标第二层颜色。
+          <div class="tip custom-block">
+            <p>图标颜色规则： 共三层颜色，其中一二层颜色可独立配置，第三层颜色为第二层颜色透明度的50%</p>
+            <p>第一层默认颜色： rgba(0,103,209,1)</p>
+            <p>第二层默认颜色： rgba(0,103,209,0.7) （默认为第一层的70%）</p>
+            <p>第三层默认颜色： rgba(0,103,209,0.35)（第二层的50%）</p>
+          </div>
+          `,
+        'en-US':
+          'Introduce icon functions from the <code>@opentiny/vue-icon</code> icon library, execute them, and generate corresponding icons.'
+      },
+      codeFiles: ['basic-usage.vue']
+    },
+    {
+      demoId: 'list',
+      name: {
+        'zh-CN': '图标集合',
+        'en-US': 'Icon Set'
+      },
+      desc: {
+        'zh-CN': '输入图标名称进行搜索，点击图标即可快速复制名称。',
+        'en-US': 'Enter the icon name for search, Click on the icon to quickly copy the name.'
+      },
+      codeFiles: ['list.vue']
+    }
+  ]
+}
diff --git a/examples/sites/demos/pc/app/icon/iconGroups.js b/examples/sites/demos/pc/app/icon/iconGroups.js
index 25411c6c2..d55d7186b 100644
--- a/examples/sites/demos/pc/app/icon/iconGroups.js
+++ b/examples/sites/demos/pc/app/icon/iconGroups.js
@@ -69,6 +69,7 @@ export const iconGroups = {
     'IconDeltaUpO',
     'IconFreeze',
     'IconUp',
+    'IconUpdate',
     'IconUpO',
     'IconUpWard'
   ],
@@ -179,6 +180,7 @@ export const iconGroups = {
   ],
   Stretchable: [
     'IconFullscreenLeft',
+    'IconFullscreenRight',
     'IconMinscreenLeft',
     'IconMinscreenRight',
     'IconStretch',
@@ -247,12 +249,15 @@ export const iconGroups = {
   Brands: ['IconAngularjs', 'IconEspaceAuto', 'IconEspace', 'IconNodejs', 'IconReactjs', 'IconVuejs'],
   Charts: ['IconAreaChart', 'IconDotChart', 'IconLineChart', 'IconPieChart', 'IconStatistics'],
   Editor: [
+    'IconEdit',
+    'IconEditor',
     'IconEditorAlignCenter',
     'IconEditorAlignLeft',
     'IconEditorAlignRight',
     'IconEditorBackground',
     'IconEditorCode',
     'IconEditorEraser',
+    'IconEditorEraserFilled',
     'IconEditorLeftBorder',
     'IconEditorList',
     'IconEditorListDot',
@@ -262,6 +267,7 @@ export const iconGroups = {
     'IconEditorQuote',
     'IconEditorRedo',
     'IconEditorRightBorder',
+    'IconEditorTab',
     'IconEditorTable',
     'IconEditorTextcolor',
     'IconExport',
@@ -276,6 +282,7 @@ export const iconGroups = {
     'IconDesktopView',
     'IconException',
     'IconLanguage',
+    'IconLock',
     'IconMobileView',
     'IconMobile',
     'IconPrintPreview',
@@ -294,10 +301,16 @@ export const iconGroups = {
   Email: ['IconEmailAdd', 'IconEmailCircle', 'IconMailContent', 'IconMail', 'IconReplies', 'IconSent', 'IconUnsent'],
   Folder: ['IconFileCloudupload', 'IconFolder', 'IconFolderClosed', 'IconFolderOpened'],
   File: [
+    'IconAgency',
     'IconCloudUpload',
+    'iconCheckOut',
+    'IconCheckedTrue',
+    'IconDeletePage',
     'IconDocument',
     'IconExcel',
     'IconExcelType',
+    'IconExpressSearch',
+    'IconFeedback',
     'IconFileExcel',
     'IconFile',
     'IconFilesCircle',
@@ -307,9 +320,14 @@ export const iconGroups = {
     'IconFileupload',
     'IconFinishO',
     'IconHistoryRecord',
+    'IconLocalePanel',
+    'IconNoPremission',
     'IconOtherType',
+    'IconPagelink',
     'IconPdfType',
     'IconPptType',
+    'IconRenew',
+    'IconSynchronize',
     'IconTextType',
     'IconText',
     'IconTextAlign',
diff --git a/examples/sites/demos/pc/app/image/preview-composition-api.vue b/examples/sites/demos/pc/app/image/preview-composition-api.vue
index 82f0bde1e..13106f458 100644
--- a/examples/sites/demos/pc/app/image/preview-composition-api.vue
+++ b/examples/sites/demos/pc/app/image/preview-composition-api.vue
@@ -3,7 +3,7 @@
     <div>点击图片预览大图</div>
     <br />
     <div class="demo-image__preview">
-      <tiny-image :src="url" :preview-src-list="srcList" :z-index="3000" show-index></tiny-image>
+      <tiny-image :src="url" :preview-src-list="srcList" :z-index="3000" show-index :appendToBody="false"></tiny-image>
     </div>
   </div>
 </template>
diff --git a/examples/sites/demos/pc/app/image/preview.vue b/examples/sites/demos/pc/app/image/preview.vue
index 19335206a..b17f03b7a 100644
--- a/examples/sites/demos/pc/app/image/preview.vue
+++ b/examples/sites/demos/pc/app/image/preview.vue
@@ -3,7 +3,7 @@
     <div>点击图片预览大图</div>
     <br />
     <div class="demo-image__preview">
-      <tiny-image :src="url" :preview-src-list="srcList" :z-index="3000" show-index></tiny-image>
+      <tiny-image :src="url" :preview-src-list="srcList" :z-index="3000" show-index :appendToBody="false"></tiny-image>
     </div>
   </div>
 </template>
diff --git a/examples/sites/demos/pc/app/link/basic-usage-composition-api.vue b/examples/sites/demos/pc/app/link/basic-usage-composition-api.vue
index 0817c702d..3a0d42447 100644
--- a/examples/sites/demos/pc/app/link/basic-usage-composition-api.vue
+++ b/examples/sites/demos/pc/app/link/basic-usage-composition-api.vue
@@ -1,12 +1,16 @@
 <template>
   <div>
-    <tiny-link>默认链接</tiny-link>
+    <tiny-link @click="handleClick">默认链接</tiny-link>
     <tiny-link value="默认链接2"></tiny-link>
   </div>
 </template>
 
 <script setup>
 import { Link as TinyLink } from '@opentiny/vue'
+
+function handleClick() {
+  console.log('clicked')
+}
 </script>
 
 <style scoped>
diff --git a/examples/sites/demos/pc/app/link/basic-usage.spec.ts b/examples/sites/demos/pc/app/link/basic-usage.spec.ts
index 83820a354..f5346743f 100644
--- a/examples/sites/demos/pc/app/link/basic-usage.spec.ts
+++ b/examples/sites/demos/pc/app/link/basic-usage.spec.ts
@@ -10,4 +10,15 @@ test('基础用法', async ({ page }) => {
   await expect(link.nth(1)).toHaveText('默认链接2')
   await link.first().hover()
   await expect(link.first()).toHaveCSS('color', 'rgb(20, 118, 255)')
+
+  // 测试点击
+  const values = [] as string[]
+  page.on('console', async (msg) => {
+    for (const arg of msg.args()) {
+      values.push(await arg.jsonValue())
+    }
+  })
+  await link.first().click()
+
+  expect(values[0]).toBe('clicked')
 })
diff --git a/examples/sites/demos/pc/app/link/basic-usage.vue b/examples/sites/demos/pc/app/link/basic-usage.vue
index 44dd55b06..582d56e88 100644
--- a/examples/sites/demos/pc/app/link/basic-usage.vue
+++ b/examples/sites/demos/pc/app/link/basic-usage.vue
@@ -1,6 +1,6 @@
 <template>
   <div>
-    <tiny-link>默认链接</tiny-link>
+    <tiny-link @click="handleClick">默认链接</tiny-link>
     <tiny-link value="默认链接2"></tiny-link>
   </div>
 </template>
@@ -11,6 +11,11 @@ import { Link } from '@opentiny/vue'
 export default {
   components: {
     TinyLink: Link
+  },
+  methods: {
+    handleClick() {
+      console.log('clicked')
+    }
   }
 }
 </script>
diff --git a/examples/sites/demos/pc/app/link/custom-icon-composition-api.vue b/examples/sites/demos/pc/app/link/custom-icon-composition-api.vue
index 17e812451..067cf9f2f 100644
--- a/examples/sites/demos/pc/app/link/custom-icon-composition-api.vue
+++ b/examples/sites/demos/pc/app/link/custom-icon-composition-api.vue
@@ -12,7 +12,7 @@
     >
     <tiny-link :icon="IconEdit">编辑</tiny-link>
     <tiny-link :icon="IconEdit">禁用</tiny-link>
-    <tiny-link>查看<tiny-icon-view class="tiny-svg-size"></tiny-icon-view> </tiny-link>
+    <tiny-link>查看<tiny-icon-search class="tiny-svg-size"></tiny-icon-search> </tiny-link>
     <tiny-link>
       <template #icon> <tiny-icon-del class="tiny-svg-size"></tiny-icon-del> </template>删除</tiny-link
     >
@@ -21,10 +21,10 @@
 
 <script setup>
 import { TinyLink } from '@opentiny/vue'
-import { IconEditor, iconView, IconDeleteL, iconFilletExternalLink } from '@opentiny/vue-icon'
+import { IconEditor, iconSearch, IconDeleteL, iconFilletExternalLink } from '@opentiny/vue-icon'
 
 const IconEdit = IconEditor()
-const TinyIconView = iconView()
+const TinyIconSearch = iconSearch()
 const TinyIconDel = IconDeleteL()
 const TinyIconFilletExternalLink = iconFilletExternalLink()
 </script>
diff --git a/examples/sites/demos/pc/app/link/custom-icon.vue b/examples/sites/demos/pc/app/link/custom-icon.vue
index 7167fc3a0..17a1952ee 100644
--- a/examples/sites/demos/pc/app/link/custom-icon.vue
+++ b/examples/sites/demos/pc/app/link/custom-icon.vue
@@ -10,7 +10,7 @@
     >
     <tiny-link :icon="IconEdit">编辑</tiny-link>
     <tiny-link :icon="IconEdit">禁用</tiny-link>
-    <tiny-link>查看<icon-view class="tiny-svg-size"></icon-view> </tiny-link>
+    <tiny-link>查看<icon-search class="tiny-svg-size"></icon-search> </tiny-link>
     <tiny-link>
       <template #icon> <icon-del class="tiny-svg-size"></icon-del> </template>删除</tiny-link
     >
@@ -19,12 +19,12 @@
 
 <script>
 import { Link } from '@opentiny/vue'
-import { IconEditor, IconView, IconDeleteL, IconFilletExternalLink } from '@opentiny/vue-icon'
+import { IconEditor, IconSearch, IconDeleteL, IconFilletExternalLink } from '@opentiny/vue-icon'
 
 export default {
   components: {
     TinyLink: Link,
-    IconView: IconView(),
+    IconSearch: IconSearch(),
     IconDel: IconDeleteL(),
     IconFilletExternalLink: IconFilletExternalLink()
   },
diff --git a/examples/sites/demos/pc/app/link/webdoc/link.js b/examples/sites/demos/pc/app/link/webdoc/link.js
index 9a285a867..fe87a2f88 100644
--- a/examples/sites/demos/pc/app/link/webdoc/link.js
+++ b/examples/sites/demos/pc/app/link/webdoc/link.js
@@ -9,8 +9,14 @@ export default {
         'en-US': 'Basic Usage'
       },
       desc: {
-        'zh-CN': '<p>通过 <code>value</code> 或者默认插槽设置链接显示内容。</p>',
-        'en-US': '<p>Set the link to display content via <code>value</code> or the default slot. </p></p>'
+        'zh-CN': `
+          通过 <code>value</code> 或者默认插槽设置链接显示内容。<br>
+          绑定 <code>click</code> 事件监听点击。 当禁用或配置 <code>href</code> 属性时， 不会触发<code>click</code>事件！
+        `,
+        'en-US': `
+          Set the link to display content via <code>value</code> or the default slot. 
+          Bind the click event to listen for clicks.The click event is not triggered when the href attribute is disabled or configured!
+          `
       },
       codeFiles: ['basic-usage.vue']
     },
diff --git a/examples/sites/demos/pc/app/modal/footer-slot-composition-api.vue b/examples/sites/demos/pc/app/modal/footer-slot-composition-api.vue
new file mode 100644
index 000000000..2a3769514
--- /dev/null
+++ b/examples/sites/demos/pc/app/modal/footer-slot-composition-api.vue
@@ -0,0 +1,17 @@
+<template>
+  <div class="content">
+    <tiny-button @click="visible = !visible" :reset-time="0">自定义底部</tiny-button>
+    <tiny-modal v-model="visible" footer-dragable show-footer>
+      <template #footer>
+        <tiny-button>自定义底部信息</tiny-button>
+      </template>
+    </tiny-modal>
+  </div>
+</template>
+
+<script setup>
+import { ref } from 'vue'
+import { Button as TinyButton, Modal as TinyModal } from '@opentiny/vue'
+
+const visible = ref(false)
+</script>
diff --git a/examples/sites/demos/pc/app/modal/footer-slot.vue b/examples/sites/demos/pc/app/modal/footer-slot.vue
new file mode 100644
index 000000000..361c127fd
--- /dev/null
+++ b/examples/sites/demos/pc/app/modal/footer-slot.vue
@@ -0,0 +1,26 @@
+<template>
+  <div class="content">
+    <tiny-button @click="visible = !visible" :reset-time="0">自定义底部</tiny-button>
+    <tiny-modal v-model="visible" footer-dragable show-footer>
+      <template #footer>
+        <tiny-button>自定义底部信息</tiny-button>
+      </template>
+    </tiny-modal>
+  </div>
+</template>
+
+<script>
+import { Button, Modal } from '@opentiny/vue'
+
+export default {
+  components: {
+    TinyButton: Button,
+    TinyModal: Modal
+  },
+  data() {
+    return {
+      visible: false
+    }
+  }
+}
+</script>
diff --git a/examples/sites/demos/pc/app/time-line/custom-icon-composition-api.vue b/examples/sites/demos/pc/app/time-line/custom-icon-composition-api.vue
index 3d0767f6f..95dd16b6a 100644
--- a/examples/sites/demos/pc/app/time-line/custom-icon-composition-api.vue
+++ b/examples/sites/demos/pc/app/time-line/custom-icon-composition-api.vue
@@ -5,14 +5,14 @@
 <script setup>
 import { ref, reactive } from 'vue'
 import { TimeLine as TinyTimeLine } from '@opentiny/vue'
-import { iconCheckOut, iconCalendar, iconLoading, iconEnd } from '@opentiny/vue-icon'
+import { iconLocalePanel, iconFeedback, iconSynchronize, iconAgency } from '@opentiny/vue-icon'
 
 const active = ref(1)
 const data = reactive([
-  { name: '立项', time: '2022-11-12 10:00', autoColor: iconCheckOut() },
-  { name: '开发', time: '2022-11-15 20:00', autoColor: iconCalendar() },
-  { name: '交付', time: '2022-12-10 20:00', autoColor: iconLoading() },
-  { name: '结项', time: '2022-12-15 00:00', autoColor: iconEnd() }
+  { name: '立项', time: '2022-11-12 10:00', autoColor: iconLocalePanel() },
+  { name: '开发', time: '2022-11-15 20:00', autoColor: iconFeedback() },
+  { name: '交付', time: '2022-12-10 20:00', autoColor: iconSynchronize() },
+  { name: '结项', time: '2022-12-15 00:00', autoColor: iconAgency() }
 ])
 
 const onClick = (index) => {
diff --git a/examples/sites/demos/pc/app/time-line/custom-icon.vue b/examples/sites/demos/pc/app/time-line/custom-icon.vue
index d9e5685f8..ec1b7a3c6 100644
--- a/examples/sites/demos/pc/app/time-line/custom-icon.vue
+++ b/examples/sites/demos/pc/app/time-line/custom-icon.vue
@@ -4,7 +4,7 @@
 
 <script>
 import { TimeLine, Modal } from '@opentiny/vue'
-import { iconCheckOut, iconCalendar, iconLoading, iconEnd } from '@opentiny/vue-icon'
+import { iconLocalePanel, iconFeedback, iconSynchronize, iconAgency } from '@opentiny/vue-icon'
 
 export default {
   components: {
@@ -14,10 +14,10 @@ export default {
     return {
       active: 2,
       data: [
-        { name: '立项', time: '2022-11-12 10:00', autoColor: iconCheckOut() },
-        { name: '开发', time: '2022-11-15 20:00', autoColor: iconCalendar() },
-        { name: '交付', time: '2022-12-10 20:00', autoColor: iconLoading() },
-        { name: '结项', time: '2022-12-15 00:00', autoColor: iconEnd() }
+        { name: '立项', time: '2022-11-12 10:00', autoColor: iconLocalePanel() },
+        { name: '开发', time: '2022-11-15 20:00', autoColor: iconFeedback() },
+        { name: '交付', time: '2022-12-10 20:00', autoColor: iconSynchronize() },
+        { name: '结项', time: '2022-12-15 00:00', autoColor: iconAgency() }
       ]
     }
   },
diff --git a/examples/sites/demos/pc/app/time-line/status-composition-api.vue b/examples/sites/demos/pc/app/time-line/status-composition-api.vue
index a206c84ea..804ff070e 100644
--- a/examples/sites/demos/pc/app/time-line/status-composition-api.vue
+++ b/examples/sites/demos/pc/app/time-line/status-composition-api.vue
@@ -21,14 +21,14 @@
 <script setup lang="ts">
 import { reactive } from 'vue'
 import { TimeLine as TinyTimeLine } from '@opentiny/vue'
-import { IconTime } from '@opentiny/vue-icon'
+import { iconUpdate } from '@opentiny/vue-icon'
 
 const data1 = reactive([
   { name: '默认状态' },
   { name: '成功状态', autoColor: 'success' },
   { name: '警告状态', autoColor: 'warning' },
   { name: '异常状态', error: true }, // 也可以使用 autoColor: 'error'
-  { name: '定义图标', autoColor: IconTime() }, // 自定义图标
+  { name: '定义图标', autoColor: iconUpdate() }, // 自定义图标
   { name: '禁用状态', disabled: true }
 ])
 const data2 = reactive([
diff --git a/examples/sites/demos/pc/app/time-line/status.vue b/examples/sites/demos/pc/app/time-line/status.vue
index 0682b0894..e5277d8df 100644
--- a/examples/sites/demos/pc/app/time-line/status.vue
+++ b/examples/sites/demos/pc/app/time-line/status.vue
@@ -20,7 +20,7 @@
 
 <script lang="ts">
 import { TimeLine } from '@opentiny/vue'
-import { IconTime } from '@opentiny/vue-icon'
+import { iconUpdate } from '@opentiny/vue-icon'
 
 export default {
   components: {
@@ -33,7 +33,7 @@ export default {
         { name: '成功状态', autoColor: 'success' },
         { name: '警告状态', autoColor: 'warning' },
         { name: '异常状态', error: true }, // 也可以使用 autoColor: 'error'
-        { name: '定义图标', autoColor: IconTime() }, // 自定义图标
+        { name: '定义图标', autoColor: iconUpdate() }, // 自定义图标
         { name: '禁用状态', disabled: true }
       ],
       data2: [
diff --git a/examples/sites/demos/pc/app/tree-menu/webdoc/tree-menu.js b/examples/sites/demos/pc/app/tree-menu/webdoc/tree-menu.js
index 0391728bd..5ae553221 100644
--- a/examples/sites/demos/pc/app/tree-menu/webdoc/tree-menu.js
+++ b/examples/sites/demos/pc/app/tree-menu/webdoc/tree-menu.js
@@ -359,6 +359,19 @@ export default {
           'Indicate whether to allow the search box clear button to be displayed by setting the<code>clearable</code>property'
       },
       codeFiles: ['clearable.vue']
+    },
+    {
+      demoId: 'width-adapt',
+      name: {
+        'zh-CN': '宽度自适应',
+        'en-US': 'Can the search box be cleared'
+      },
+      desc: {
+        'zh-CN': '通过 <code> widthAdapt </code> 属性，是否让组件宽度自适应父容器。默认为 <code> false </code>',
+        'en-US':
+          'The <code>widthAdapt </code> attribute specifies whether to enable the component width to adapt to the parent container.'
+      },
+      codeFiles: ['width-adapt.vue']
     }
   ]
 }
diff --git a/examples/sites/demos/pc/app/tree-menu/width-adapt-composition-api.vue b/examples/sites/demos/pc/app/tree-menu/width-adapt-composition-api.vue
new file mode 100644
index 000000000..c00662f72
--- /dev/null
+++ b/examples/sites/demos/pc/app/tree-menu/width-adapt-composition-api.vue
@@ -0,0 +1,192 @@
+<template>
+  <tiny-tree-menu :data="data" widthAdapt />
+</template>
+
+<script setup>
+import { TinyTreeMenu } from '@opentiny/vue'
+
+const data = [
+  {
+    id: 100,
+    label: '组件总览'
+  },
+  {
+    id: 200,
+    label: '使用指南',
+    children: [
+      {
+        id: 201,
+        label: '更新日志'
+      },
+      { id: 202, label: '环境准备' },
+      { id: 203, label: '安装' },
+      {
+        id: 204,
+        label: '引入组件',
+        children: [
+          { id: 20401, label: '按需引入' },
+          { id: 20402, label: '完整引入' }
+        ]
+      },
+      { id: 205, label: '开发示例' },
+      { id: 206, label: '国际化' },
+      { id: 207, label: '主题配置' },
+      { id: 208, label: '表单校验配置' },
+      { id: 209, label: '常见问题' }
+    ]
+  },
+  {
+    id: 300,
+    label: '框架风格',
+    children: [
+      {
+        id: 301,
+        label: 'Color 色彩'
+      },
+      { id: 302, label: 'Container 版型' },
+      { id: 303, label: 'Font 字体' },
+      { id: 304, label: 'Icon 图标' },
+      { id: 305, label: 'Layout 布局' }
+    ]
+  },
+  {
+    id: 400,
+    label: '导航组件',
+    children: [
+      {
+        id: 401,
+        label: 'Anchor 锚点'
+      },
+      { id: 402, label: 'Guide 引导' },
+      { id: 403, label: 'Breadcrumb 面包屑' }
+    ]
+  },
+  {
+    id: 500,
+    label: '容器组件',
+    children: [
+      {
+        id: 501,
+        label: 'Carousel 走马灯'
+      },
+      { id: 502, label: 'Collapse 折叠面板' },
+      { id: 503, label: 'DialogBox 对话框' }
+    ]
+  },
+  {
+    id: 600,
+    label: '表单组件',
+    children: [
+      {
+        id: 60101,
+        label: 'Button 按钮',
+        url: 'button'
+      },
+      {
+        id: 60102,
+        label: 'DatePicker 日期选择器',
+        url: 'date-picker'
+      },
+      {
+        id: 60103,
+        label: 'Select 选择器',
+        url: 'select'
+      },
+      {
+        id: 60104,
+        label: 'DropTimes 下拉时间',
+        url: 'drop-times'
+      },
+      {
+        id: 60105,
+        label: 'Input 输入框',
+        url: 'input'
+      }
+    ]
+  },
+  {
+    id: 700,
+    label: '业务组件',
+    children: [
+      {
+        id: 701,
+        label: 'Amount 金额'
+      },
+      { id: 702, label: 'Area 片区' },
+      { id: 703, label: 'Company 公司' }
+    ]
+  },
+  {
+    id: 800,
+    label: '其他组件',
+    children: [
+      {
+        id: 801,
+        label: '废弃组件',
+        children: [
+          {
+            id: 80101,
+            label: 'CreditCardForm 信用卡表单',
+            url: 'credit-card-form'
+          },
+          {
+            id: 80102,
+            label: 'DetailPage 表头详情栏',
+            url: 'detail-page'
+          }
+        ]
+      },
+      {
+        id: 802,
+        label: '新增组件',
+        children: [
+          {
+            id: 80201,
+            label: 'QrCode 二维码',
+            url: 'qr-code'
+          },
+          {
+            id: 80202,
+            label: 'Watermark 水印',
+            url: 'watermark'
+          },
+          {
+            id: 80203,
+            label: 'MindMap 脑图',
+            url: 'mind-map'
+          },
+          {
+            id: 80204,
+            label: 'Skeleton 骨架屏',
+            url: 'skeleton'
+          }
+        ]
+      },
+      {
+        id: 803,
+        label: 'BulletinBoard 公告牌'
+      },
+      { id: 804, label: 'Calendar 日历' }
+    ]
+  }
+]
+</script>
+
+<!-- <template>
+  <tiny-tree-menu ></tiny-tree-menu>
+</template>
+
+<script>
+
+
+export default {
+  components: {
+    TinyTreeMenu: TreeMenu
+  },
+  data() {
+    return {
+      treeData: 
+    }
+  }
+}
+</script> -->
diff --git a/examples/sites/demos/pc/app/tree-menu/width-adapt.spec.ts b/examples/sites/demos/pc/app/tree-menu/width-adapt.spec.ts
new file mode 100644
index 000000000..37a9c3e59
--- /dev/null
+++ b/examples/sites/demos/pc/app/tree-menu/width-adapt.spec.ts
@@ -0,0 +1,13 @@
+import type { Page } from '@playwright/test'
+import { test, expect } from '@playwright/test'
+
+const getIcon = (page: Page) => page.locator('#clearable').getByRole('img').nth(1)
+
+test('宽度自适应', async ({ page }) => {
+  page.on('pageerror', (exception) => expect(exception).toBeNull())
+  await page.goto('tree-menu#width-adapt')
+
+  const wrap = page.locator('#width-adapt')
+  const treeMenu = wrap.locator('.tiny-tree-menu')
+  await expect(treeMenu).toHaveAttribute('style', 'width: 100%;')
+})
diff --git a/examples/sites/demos/pc/app/tree-menu/width-adapt.vue b/examples/sites/demos/pc/app/tree-menu/width-adapt.vue
new file mode 100644
index 000000000..38c94a433
--- /dev/null
+++ b/examples/sites/demos/pc/app/tree-menu/width-adapt.vue
@@ -0,0 +1,182 @@
+<template>
+  <tiny-tree-menu :data="treeData" widthAdapt></tiny-tree-menu>
+</template>
+
+<script>
+import { TinyTreeMenu } from '@opentiny/vue'
+
+export default {
+  components: {
+    TinyTreeMenu
+  },
+  data() {
+    return {
+      treeData: [
+        {
+          id: 100,
+          label: '组件总览'
+        },
+        {
+          id: 200,
+          label: '使用指南',
+          children: [
+            {
+              id: 201,
+              label: '更新日志'
+            },
+            { id: 202, label: '环境准备' },
+            { id: 203, label: '安装' },
+            {
+              id: 204,
+              label: '引入组件',
+              children: [
+                { id: 20401, label: '按需引入' },
+                { id: 20402, label: '完整引入' }
+              ]
+            },
+            { id: 205, label: '开发示例' },
+            { id: 206, label: '国际化' },
+            { id: 207, label: '主题配置' },
+            { id: 208, label: '表单校验配置' },
+            { id: 209, label: '常见问题' }
+          ]
+        },
+        {
+          id: 300,
+          label: '框架风格',
+          children: [
+            {
+              id: 301,
+              label: 'Color 色彩'
+            },
+            { id: 302, label: 'Container 版型' },
+            { id: 303, label: 'Font 字体' },
+            { id: 304, label: 'Icon 图标' },
+            { id: 305, label: 'Layout 布局' }
+          ]
+        },
+        {
+          id: 400,
+          label: '导航组件',
+          children: [
+            {
+              id: 401,
+              label: 'Anchor 锚点'
+            },
+            { id: 402, label: 'Guide 引导' },
+            { id: 403, label: 'Breadcrumb 面包屑' }
+          ]
+        },
+        {
+          id: 500,
+          label: '容器组件',
+          children: [
+            {
+              id: 501,
+              label: 'Carousel 走马灯'
+            },
+            { id: 502, label: 'Collapse 折叠面板' },
+            { id: 503, label: 'DialogBox 对话框' }
+          ]
+        },
+        {
+          id: 600,
+          label: '表单组件',
+          children: [
+            {
+              id: 60101,
+              label: 'Button 按钮',
+              url: 'button'
+            },
+            {
+              id: 60102,
+              label: 'DatePicker 日期选择器',
+              url: 'date-picker'
+            },
+            {
+              id: 60103,
+              label: 'Select 选择器',
+              url: 'select'
+            },
+            {
+              id: 60104,
+              label: 'DropTimes 下拉时间',
+              url: 'drop-times'
+            },
+            {
+              id: 60105,
+              label: 'Input 输入框',
+              url: 'input'
+            }
+          ]
+        },
+        {
+          id: 700,
+          label: '业务组件',
+          children: [
+            {
+              id: 701,
+              label: 'Amount 金额'
+            },
+            { id: 702, label: 'Area 片区' },
+            { id: 703, label: 'Company 公司' }
+          ]
+        },
+        {
+          id: 800,
+          label: '其他组件',
+          children: [
+            {
+              id: 801,
+              label: '废弃组件',
+              children: [
+                {
+                  id: 80101,
+                  label: 'CreditCardForm 信用卡表单',
+                  url: 'credit-card-form'
+                },
+                {
+                  id: 80102,
+                  label: 'DetailPage 表头详情栏',
+                  url: 'detail-page'
+                }
+              ]
+            },
+            {
+              id: 802,
+              label: '新增组件',
+              children: [
+                {
+                  id: 80201,
+                  label: 'QrCode 二维码',
+                  url: 'qr-code'
+                },
+                {
+                  id: 80202,
+                  label: 'Watermark 水印',
+                  url: 'watermark'
+                },
+                {
+                  id: 80203,
+                  label: 'MindMap 脑图',
+                  url: 'mind-map'
+                },
+                {
+                  id: 80204,
+                  label: 'Skeleton 骨架屏',
+                  url: 'skeleton'
+                }
+              ]
+            },
+            {
+              id: 803,
+              label: 'BulletinBoard 公告牌'
+            },
+            { id: 804, label: 'Calendar 日历' }
+          ]
+        }
+      ]
+    }
+  }
+}
+</script>
diff --git a/examples/sites/demos/pc/menus.js b/examples/sites/demos/pc/menus.js
index b0d9f6682..30f7a040b 100644
--- a/examples/sites/demos/pc/menus.js
+++ b/examples/sites/demos/pc/menus.js
@@ -82,6 +82,7 @@ export const cmpMenus = [
       { 'nameCn': '按钮组', 'name': 'ButtonGroup', 'key': 'button-group' },
       { 'nameCn': '容器布局', 'name': 'Container', 'key': 'container' },
       { 'nameCn': '图标', 'name': 'Icon', 'key': 'icon' },
+      // { 'nameCn': '多色图标', 'name': 'IconMulticolor', 'key': 'icon-multicolor' }, // 隐藏路由，目前只有saas使用
       { 'nameCn': '栅格布局', 'name': 'Layout', 'key': 'layout' },
       { 'nameCn': '链接', 'name': 'Link', 'key': 'link' },
       { 'nameCn': '分割线', 'name': 'Divider', 'key': 'divider' },
diff --git a/examples/sites/demos/pc/webdoc/changelog.md b/examples/sites/demos/pc/webdoc/changelog.md
index 39735f125..e9fb832e8 100644
--- a/examples/sites/demos/pc/webdoc/changelog.md
+++ b/examples/sites/demos/pc/webdoc/changelog.md
@@ -1,5 +1,104 @@
 # 更新日志
 
+## v2.18.0/v3.18.0
+
+`2024/08/20`
+
+## What's Changed
+
+### Exciting New Features 🎉
+
+- feat(tree-select): [tree-select] add tree-select component by @kagol in https://github.com/opentiny/tiny-vue/pull/1683
+- feat: support solidjs (#1566) by @zzcr in https://github.com/opentiny/tiny-vue/pull/1682
+- feat(tree-menu)[tree-menu]: clearable by @GaoNeng-wWw in https://github.com/opentiny/tiny-vue/pull/1672
+- feat(tabs): [tabs] Add new specification function by @chenxi-20 in https://github.com/opentiny/tiny-vue/pull/1762
+- feat(search): [search] add disabled functionality to the search component and adapt to new specifications by @chenxi-20 in https://github.com/opentiny/tiny-vue/pull/1756
+- feat(fluent-editor): add mobile-first template by @kagol in https://github.com/opentiny/tiny-vue/pull/1763
+- feat(Switch): [switch] suppor custom open and close icon. by @AcWrong02 in https://github.com/opentiny/tiny-vue/pull/1551
+- feat(runtime): add directive runtime by @zzcr in https://github.com/opentiny/tiny-vue/pull/1784
+- fix(warning): fix all warning , fix dialog-box's visible ,default false by @shenjunjian in https://github.com/opentiny/tiny-vue/pull/1792
+- feat(fluent-editor): optimize fluent-editor mobile-first by @kagol in https://github.com/opentiny/tiny-vue/pull/1794
+- feat(file-upload): [file-upload]刷新上传组件新规范 by @chenxi-20 in https://github.com/opentiny/tiny-vue/pull/1811
+- feat(pager): [pager] add new props total-fixed-left by @gimmyhehe in https://github.com/opentiny/tiny-vue/pull/1819
+- develop split for smb-design theme by @shenjunjian in https://github.com/opentiny/tiny-vue/pull/1830
+- feat(fall-menu): [fall-menu]modify smb-theme by @James-9696 in https://github.com/opentiny/tiny-vue/pull/1842
+- feat(bulletin-board): [bulletin-board] updata bulletin-board xdesign by @wuyiping0628 in https://github.com/opentiny/tiny-vue/pull/1844
+- feat(link-menu): [link-menu]modify smb-theme by @James-9696 in https://github.com/opentiny/tiny-vue/pull/1846
+- feat(nav-menu): [nav-menu] updata nav-menu xdesign by @wuyiping0628 in https://github.com/opentiny/tiny-vue/pull/1849
+- feat(pop-upload): [pop-upload] 刷新popupload规范，增加uploadTip插槽 by @chenxi-20 in https://github.com/opentiny/tiny-vue/pull/1850
+- feat(pop-upload): [pop-upload] 刷新popupload规范，表格头部优化，增加上传数据统计能力,修复长度限制bug by @chenxi-20 in https://github.com/opentiny/tiny-vue/pull/1852
+- feat(toggle-menu): [toggle-menu] add smb theme by @James-9696 in https://github.com/opentiny/tiny-vue/pull/1861
+- feat(color-select-panel): [color-select-panel]modify smb-theme by @James-9696 in https://github.com/opentiny/tiny-vue/pull/1837
+- fix(button): [button] add ts declaration for button , and remove hook-updated … by @shenjunjian in https://github.com/opentiny/tiny-vue/pull/1853
+- fix (anchor): [anchor] Fix the issue that the scrolling response lags after the anchor is clicked. Add a tooltip to adapt to the SaaS theme. by @chenxi-20 in https://github.com/opentiny/tiny-vue/pull/1892
+
+### Bug Fixes 🐛
+
+- fix(unplugin-virtual-template): fix build internals error in node v18.19.1 by @gweesin in https://github.com/opentiny/tiny-vue/pull/1676
+- fix(vue-renderless): [radio] fix handleKeydown blocking default events and bubble logic by @Nowitzki41 in https://github.com/opentiny/tiny-vue/pull/1650
+- fix: fix pnpm site error by @kagol in https://github.com/opentiny/tiny-vue/pull/1702
+- chore(fluent-editor): update package.json by @kagol in https://github.com/opentiny/tiny-vue/pull/1721
+- fix(docs): fix components number by @zzcr in https://github.com/opentiny/tiny-vue/pull/1754
+- fix(tree-menu): [tree-menu] resolve the issue of disabled treemenu components not taking effect by @wuyiping0628 in https://github.com/opentiny/tiny-vue/pull/1736
+- fix(auto-tip): [auto-tip] Fix the issue where the placement configuration always has old values by @MomoPoppy in https://github.com/opentiny/tiny-vue/pull/1774
+- fix(rich-text-editor): [rich-text-editor] fix data binding doen't work by @gweesin in https://github.com/opentiny/tiny-vue/pull/1779
+- fix(playground): could not open playground as Composition mode by @gweesin in https://github.com/opentiny/tiny-vue/pull/1787
+- fix(picker): fix mobile breakpoint cannot use pc datepicker and timep… by @gweesin in https://github.com/opentiny/tiny-vue/pull/1678
+- fix(fluent-editor): fix toolbar icon and undo/redo by @kagol in https://github.com/opentiny/tiny-vue/pull/1786
+- fix: fix layout asider layer error on mobile mode by @gweesin in https://github.com/opentiny/tiny-vue/pull/1778
+- fix(color-picker): [color-picker,color-select-panel] fix issue 1684 by @GaoNeng-wWw in https://github.com/opentiny/tiny-vue/pull/1686
+- fix: fix Vue packages version mismatch by @kagol in https://github.com/opentiny/tiny-vue/pull/1791
+- fix(fluent-editor): fix better-table module by @kagol in https://github.com/opentiny/tiny-vue/pull/1788
+- fix(fluent-editor): fix image module and optimize toolbar style by @kagol in https://github.com/opentiny/tiny-vue/pull/1799
+- fix(form): [form] fix text validation style error in other size form … by @gimmyhehe in https://github.com/opentiny/tiny-vue/pull/1798
+- fix(tree-menu): [tree-menu] Delete the prefix-icon attribute of the tree-menu component by @wuyiping0628 in https://github.com/opentiny/tiny-vue/pull/1789
+- fix(grid): fix grid click menu item jump to blank tab in playground c… by @gimmyhehe in https://github.com/opentiny/tiny-vue/pull/1802
+- fix(fluent-editor): fix error when execute pnpm site by @kagol in https://github.com/opentiny/tiny-vue/pull/1815
+- fix(fluent-editor): fix fluent-editor saas theme by @kagol in https://github.com/opentiny/tiny-vue/pull/1814
+- fix(form): [form] fix content not aligned when display only close #1698 by @gimmyhehe in https://github.com/opentiny/tiny-vue/pull/1805
+- fix(warning): fix unocss version conflicts by @gweesin in https://github.com/opentiny/tiny-vue/pull/1825
+- fix(playground): fix old version runtime not found close #1817 by @gimmyhehe in https://github.com/opentiny/tiny-vue/pull/1818
+- fix(fluent-editor): fix style error by @kagol in https://github.com/opentiny/tiny-vue/pull/1829
+- fix(fluent-editor): fix style missing by @kagol in https://github.com/opentiny/tiny-vue/pull/1831
+- fix(fluent-editor): fix console warn by @kagol in https://github.com/opentiny/tiny-vue/pull/1833
+- fix(select): [select] Adapt to multiple+disabled+displayOnly scenarios with different themes by @MomoPoppy in https://github.com/opentiny/tiny-vue/pull/1835
+- fix(fluent-editor): fix tasklist format by @kagol in https://github.com/opentiny/tiny-vue/pull/1845
+- fix(base-select): [base-select] fix check all style by @kagol in https://github.com/opentiny/tiny-vue/pull/1848
+- fix(form): [form] fix dynamic change size fail in prod mode by @gimmyhehe in https://github.com/opentiny/tiny-vue/pull/1857
+- fix(theme): [anchor] Fixed the theme switch bug and the anchor line color under the default theme. by @chenxi-20 in https://github.com/opentiny/tiny-vue/pull/1854
+- fix(pop-confirm): [pop-confirm] remove m funtion from pc template by @shenjunjian in https://github.com/opentiny/tiny-vue/pull/1863
+- fix(build): fix some bugs when build components by @zzcr in https://github.com/opentiny/tiny-vue/pull/1873
+- fix(theme): Fixed the issue that multiple root files are generated when the theme is packaged. by @chenxi-20 in https://github.com/opentiny/tiny-vue/pull/1893
+
+### Other Changes
+
+- chore(base-select): [base-select] add mark and metaData by @kagol in https://github.com/opentiny/tiny-vue/pull/1681
+- chore: update workflow node-version to 20 by @kagol in https://github.com/opentiny/tiny-vue/pull/1742
+- docs(changelog): update changelog and runtime doc by @zzcr in https://github.com/opentiny/tiny-vue/pull/1749
+- feat: update site design style by @zzcr in https://github.com/opentiny/tiny-vue/pull/1752
+- docs(sites): fix docs typo by @gimmyhehe in https://github.com/opentiny/tiny-vue/pull/1758
+- docs(tree-select): [tree-select] optimize demo/api docs by @kagol in https://github.com/opentiny/tiny-vue/pull/1743
+- docs(fluent-editor): optimize demo/api docs by @kagol in https://github.com/opentiny/tiny-vue/pull/1757
+- docs(grid): add grid-column props docs by @gimmyhehe in https://github.com/opentiny/tiny-vue/pull/1782
+- docs(dialog-box): [dialog-box] update document by @James-9696 in https://github.com/opentiny/tiny-vue/pull/1732
+- docs(numeric): [numeric]optimized docs of numeric component by @James-9696 in https://github.com/opentiny/tiny-vue/pull/1753
+- docs(button-group): add new slot api version by @gimmyhehe in https://github.com/opentiny/tiny-vue/pull/1797
+- docs(fluent-editor): optimize fluent-editor mobile-first docs by @kagol in https://github.com/opentiny/tiny-vue/pull/1804
+- fix(numeric): modify docs by @James-9696 in https://github.com/opentiny/tiny-vue/pull/1803
+- feat: update vue-docs by @zzcr in https://github.com/opentiny/tiny-vue/pull/1810
+- docs(fluent-editor): optimize fluent-editor pc docs by @kagol in https://github.com/opentiny/tiny-vue/pull/1807
+- docs(theme): add custom cssvar variable prefix documentation by @zzcr in https://github.com/opentiny/tiny-vue/pull/1806
+- feat(link): add link‘s typescript and docs by @shenjunjian in https://github.com/opentiny/tiny-vue/pull/1816
+- feat(readme): add readme files to main packages by @zzcr in https://github.com/opentiny/tiny-vue/pull/1826
+- docs(fluent-editor): add fluent-editor docs by @kagol in https://github.com/opentiny/tiny-vue/pull/1834
+- docs(fluent-editor): optimize mobile-first demo by @kagol in https://github.com/opentiny/tiny-vue/pull/1836
+- ci: add automate script to transform demos to add "Tiny" prefix by @gimmyhehe in https://github.com/opentiny/tiny-vue/pull/1832
+
+## New Contributors
+
+- @Nowitzki41 made their first contribution in https://github.com/opentiny/tiny-vue/pull/1650
+- @Simon-He95 made their first contribution in https://github.com/opentiny/tiny-vue/pull/1839
+
 ## v2.17.0/v3.17.0
 
 `2024/07/17`
diff --git a/examples/sites/package.json b/examples/sites/package.json
index e635be75a..70b573315 100644
--- a/examples/sites/package.json
+++ b/examples/sites/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@opentiny/vue-docs",
-  "version": "3.18.4",
+  "version": "3.18.5",
   "license": "MIT",
   "scripts": {
     "start": "vite",
@@ -29,6 +29,7 @@
     "@opentiny/vue-hooks": "workspace:~",
     "@opentiny/vue-icon": "workspace:~",
     "@opentiny/vue-icon-saas": "workspace:~",
+    "@opentiny/vue-icon-multicolor": "workspace:~",
     "@opentiny/vue-repl": "^1.1.2",
     "@opentiny/vue-theme": "workspace:~",
     "@opentiny/vue-theme-mobile": "workspace:~",
diff --git a/examples/sites/playground/App.vue b/examples/sites/playground/App.vue
index 1d2a7faf4..2a3c44a98 100644
--- a/examples/sites/playground/App.vue
+++ b/examples/sites/playground/App.vue
@@ -72,9 +72,8 @@ const createImportMap = (version) => {
     'sortablejs': `${cdnHost}/sortablejs${versionDelimiter}1.15.0/${fileDelimiter}modular/sortable.esm.js`
   }
   if (['aurora', 'saas'].includes(tinyTheme)) {
-    imports[
-      `@opentiny/vue-design-${tinyTheme}`
-    ] = `${cdnHost}/@opentiny/vue-design-${tinyTheme}${versionDelimiter}${version}/${fileDelimiter}index.js`
+    imports[`@opentiny/vue-design-${tinyTheme}`] =
+      `${cdnHost}/@opentiny/vue-design-${tinyTheme}${versionDelimiter}${version}/${fileDelimiter}index.js`
   }
   if (isSaas) {
     imports['@opentiny/vue-icon'] = `${getRuntime(version)}tiny-vue-icon-saas.mjs`
diff --git a/examples/sites/public/static/images/email.png b/examples/sites/public/static/images/email.png
new file mode 100644
index 000000000..d1b2542a7
Binary files /dev/null and b/examples/sites/public/static/images/email.png differ
diff --git a/examples/sites/src/views/components/components.vue b/examples/sites/src/views/components/components.vue
index 537fe650c..1baa58412 100644
--- a/examples/sites/src/views/components/components.vue
+++ b/examples/sites/src/views/components/components.vue
@@ -694,12 +694,11 @@ export default defineComponent({
 
           router.push(data.link)
         } else if (apiModeState.demoMode === 'default' && data.link.startsWith('#')) {
-          e.preventDefault()
           // 多示例模式，自动会切到相应的位置。只需要记录singleDemo就好了
+          e.preventDefault()
           const hash = data.link.slice(1)
           state.currDemoId = hash
           state.singleDemo = state.currJson.demos.find((d) => d.demoId === hash)
-
           router.push(data.link)
           scrollByHash(hash)
         }
diff --git a/examples/vue2.7/package.json b/examples/vue2.7/package.json
index b4fe8ccf2..c81bea2e4 100644
--- a/examples/vue2.7/package.json
+++ b/examples/vue2.7/package.json
@@ -20,6 +20,7 @@
     "@opentiny/vue": "workspace:~",
     "@opentiny/vue-common": "workspace:~",
     "@opentiny/vue-icon": "workspace:~",
+    "@opentiny/vue-icon-multicolor": "workspace:~",
     "@opentiny/vue-locale": "workspace:~",
     "@opentiny/vue-renderless": "workspace:~",
     "@opentiny/vue-theme": "workspace:~",
@@ -56,4 +57,4 @@
     "@unocss/preset-icons": "^0.61.9",
     "@unocss/transformer-directives": "^0.48.0"
   }
-}
\ No newline at end of file
+}
diff --git a/examples/vue2/package.json b/examples/vue2/package.json
index fab6048e4..f5c551eb0 100644
--- a/examples/vue2/package.json
+++ b/examples/vue2/package.json
@@ -20,6 +20,7 @@
     "@opentiny/vue": "workspace:~",
     "@opentiny/vue-common": "workspace:~",
     "@opentiny/vue-icon": "workspace:~",
+    "@opentiny/vue-icon-multicolor": "workspace:~",
     "@opentiny/vue-locale": "workspace:~",
     "@opentiny/vue-renderless": "workspace:~",
     "@opentiny/vue-theme": "workspace:~",
diff --git a/examples/vue3/package.json b/examples/vue3/package.json
index 1ea2ef0a2..0a558e3c9 100644
--- a/examples/vue3/package.json
+++ b/examples/vue3/package.json
@@ -23,6 +23,7 @@
     "@opentiny/vue-common": "workspace:~",
     "@opentiny/vue-design-aurora": "workspace:~",
     "@opentiny/vue-icon": "workspace:~",
+    "@opentiny/vue-icon-multicolor": "workspace:~",
     "@opentiny/vue-locale": "workspace:~",
     "@opentiny/vue-renderless": "workspace:~",
     "@opentiny/vue-theme": "workspace:~",
diff --git a/internals/cli/src/commands/build/build-runtime.ts b/internals/cli/src/commands/build/build-runtime.ts
index 3cde7f8d0..108830055 100644
--- a/internals/cli/src/commands/build/build-runtime.ts
+++ b/internals/cli/src/commands/build/build-runtime.ts
@@ -38,6 +38,7 @@ async function batchBuildAll({ vueVersion, tasks, message, emptyOutDir, npmScope
       '@opentiny/vue-locale': 'TinyVueLocale',
       '@opentiny/vue-common': 'TinyVueCommon',
       '@opentiny/vue-icon': 'TinyVueIcon',
+      '@opentiny/vue-icon-multicolor': 'TinyVueIconMulticolor',
       'echarts': 'Echarts'
     }
   }
@@ -192,6 +193,10 @@ function getEntryTasks() {
       path: 'vue-icon/index.ts',
       libPath: 'tiny-vue-icon'
     },
+    {
+      path: 'vue-icon-multicolor/index.ts',
+      libPath: 'tiny-vue-icon-multicolor'
+    },
     {
       path: 'vue-directive/index.ts',
       libPath: 'tiny-vue-directive'
diff --git a/internals/cli/src/commands/build/build-ui.ts b/internals/cli/src/commands/build/build-ui.ts
index 07cc2da17..a29d932b0 100644
--- a/internals/cli/src/commands/build/build-ui.ts
+++ b/internals/cli/src/commands/build/build-ui.ts
@@ -200,7 +200,15 @@ export const getBaseConfig = ({ vueVersion, dtsInclude, dts, buildTarget, isRunt
               dependencies['@vue/composition-api'] = '1.7.2'
             }
 
-            const matchList = ['vue-icon', 'vue-icon-saas', 'vue', 'design/aurora', 'design/saas', 'vue-directive']
+            const matchList = [
+              'vue-icon',
+              'vue-icon-saas',
+              'vue-icon-multicolor',
+              'vue',
+              'design/aurora',
+              'design/saas',
+              'vue-directive'
+            ]
 
             // 如果是主入口、svg图标或者主题规范包则直接指向相同路径
             if (matchList.includes(filePath)) {
@@ -320,7 +328,7 @@ async function batchBuildAll({ vueVersion, tasks, formats, message, emptyOutDir,
               if (source.includes('vue-design-') || source.includes('vue-icon') || source.includes('vue-common')) {
                 return false
               }
-            } else if (/vue-icon(-saas)?\/index/.test(importer)) {
+            } else if (/vue-icon(-saas|-multicolor)?\/index/.test(importer)) {
               // 图标入口排除子图标
               return /^\.\//.test(source)
             }
@@ -331,7 +339,7 @@ async function batchBuildAll({ vueVersion, tasks, formats, message, emptyOutDir,
             }
 
             // 子图标排除周边引用, 这里注意不要排除svg图标
-            if (/vue-icon(-saas)?\/.+\/index/.test(importer)) {
+            if (/vue-icon(-saas|-multicolor)?\/.+\/index/.test(importer)) {
               return !/\.svg/.test(source)
             }
 
@@ -432,6 +440,7 @@ export async function buildUi(
   // 如果指定了打包icon或者没有传入任何组件
   if (names.some((name) => name.includes('icon')) || !names.length) {
     tasks.push(...getByName({ name: kebabCase({ str: 'icon-saas' }), isSort: false }))
+    tasks.push(...getByName({ name: kebabCase({ str: 'icon-multicolor' }), isSort: false }))
     tasks.push(...getAllIcons())
   }
 
diff --git a/internals/cli/src/commands/create/commonMapping.json b/internals/cli/src/commands/create/commonMapping.json
index 3c8deb400..37ca255eb 100644
--- a/internals/cli/src/commands/create/commonMapping.json
+++ b/internals/cli/src/commands/create/commonMapping.json
@@ -14,6 +14,11 @@
     "type": "module",
     "exclude": false
   },
+  "IconMulticolor": {
+    "path": "vue-icon-multicolor/index.ts",
+    "type": "module",
+    "exclude": false
+  },
   "Common": {
     "path": "vue-common/src/index.ts",
     "type": "module",
diff --git a/internals/cli/src/commands/release/releaseAurora.ts b/internals/cli/src/commands/release/releaseAurora.ts
index 730a18147..943ecf54d 100644
--- a/internals/cli/src/commands/release/releaseAurora.ts
+++ b/internals/cli/src/commands/release/releaseAurora.ts
@@ -38,6 +38,8 @@ const findAllpage = (packagesPath) => {
       .replace(/-openaui/g, '-opentiny')
       // 解决在linkjs环境z-index无法统一导致下拉框被遮挡问题
       .replace(/"(.*?\/popup-manager)"/g, '"@aurora/renderless/common/deps/popup-manager"')
+      // 修复使用@aurora/utils配置xss白名单失效问题
+      .replace(/"(.*?\/xss)"/g, '"@aurora/utils"')
       // @opentiny/fluent-editor 包是与框架无关的包
       .replace(/@aurora\/fluent-editor/g, '@opentiny/fluent-editor')
 
diff --git a/internals/cli/src/config/vite.ts b/internals/cli/src/config/vite.ts
index 15320b1c3..e314273ae 100644
--- a/internals/cli/src/config/vite.ts
+++ b/internals/cli/src/config/vite.ts
@@ -21,6 +21,7 @@ const getAlias = (vueVersion: string | number, theme = '', design) => {
     '@opentiny/vue-icon-saas$': pathFromWorkspaceRoot('packages/vue-icon-saas/index.ts'),
     '@opentiny/vue-icon-saas': pathFromWorkspaceRoot('packages/vue-icon-saas/src'),
     '@opentiny/vue-icon$': pathFromWorkspaceRoot(`packages/vue-icon${ns(design || theme)}/index.ts`),
+    '@opentiny/vue-icon-multicolor$': pathFromWorkspaceRoot(`packages/vue-icon-multicolor${ns(theme)}/index.ts`),
     '@opentiny/vue-renderless': pathFromWorkspaceRoot('packages/renderless/src'),
     '@opentiny/vue-theme-mobile': pathFromWorkspaceRoot('packages/theme-mobile/src'),
     '@opentiny/vue-theme': pathFromWorkspaceRoot(`packages/theme${ns(design || theme)}/src`),
diff --git a/internals/cli/src/shared/module-utils.ts b/internals/cli/src/shared/module-utils.ts
index 297b31e4a..767e712a4 100644
--- a/internals/cli/src/shared/module-utils.ts
+++ b/internals/cli/src/shared/module-utils.ts
@@ -147,6 +147,7 @@ const getSortModules = ({ filterIntercept, isSort = true }: { filterIntercept: F
         .replace('vue-common/src/', 'packages/common/')
         .replace('vue-locale/src/', 'packages/locale/')
         .replace('vue-icon/src/', 'packages/icon/')
+        .replace('vue-icon-multicolor/src/', 'packages/icon-multicolor/')
         .replace('/index.ts', '/src/index.js')
         .replace('/src/', '/dist/lib/')
         .replace('.vue', '.js')
diff --git a/packages/design/aurora/index.ts b/packages/design/aurora/index.ts
index abcb6d8ad..1038fe240 100644
--- a/packages/design/aurora/index.ts
+++ b/packages/design/aurora/index.ts
@@ -27,6 +27,7 @@ import Pager from './src/pager'
 import Wizard from './src/wizard'
 import DialogBox from './src/dialog-box'
 import Popeditor from './src/popeditor'
+import DialogSelect from './src/dialog-select'
 import { version } from './package.json'
 
 export default {
@@ -61,6 +62,7 @@ export default {
     Pager,
     Wizard,
     DialogBox,
-    Popeditor
+    Popeditor,
+    DialogSelect
   }
 }
diff --git a/packages/design/saas/index.ts b/packages/design/saas/index.ts
index 2d1790f2c..3cddddbf2 100644
--- a/packages/design/saas/index.ts
+++ b/packages/design/saas/index.ts
@@ -27,9 +27,10 @@ import DateRange from './src/date-range'
 import Pager from './src/pager'
 import DialogBox from './src/dialog-box'
 import Popeditor from './src/popeditor'
-import { version } from './package.json'
+import DialogSelect from './src/dialog-select'
 import DatePanel from './src/date-panel'
 import Cascader from './src/cascader'
+import { version } from './package.json'
 
 export default {
   name: 'saas',
@@ -65,6 +66,7 @@ export default {
     DateRange,
     DialogBox,
     DatePanel,
+    DialogSelect,
     Cascader
   }
 }
diff --git a/packages/design/saas/src/dialog-select/index.ts b/packages/design/saas/src/dialog-select/index.ts
new file mode 100644
index 000000000..5527122b5
--- /dev/null
+++ b/packages/design/saas/src/dialog-select/index.ts
@@ -0,0 +1,6 @@
+export default {
+  constants: {
+    INPUT_HEIGHT: '28px',
+    INPUT_MARGIN_BOTTOM: '0px'
+  }
+}
diff --git a/packages/modules.json b/packages/modules.json
index 07ffea3c0..3d9e2f428 100644
--- a/packages/modules.json
+++ b/packages/modules.json
@@ -1286,6 +1286,11 @@
     "type": "module",
     "exclude": false
   },
+  "IconMulticolor": {
+    "path": "vue-icon-multicolor/index.ts",
+    "type": "module",
+    "exclude": false
+  },
   "Image": {
     "path": "vue/src/image/index.ts",
     "type": "component",
diff --git a/packages/renderless/src/bulletin-board/index.ts b/packages/renderless/src/bulletin-board/index.ts
index 1afe0097b..0e20f133b 100644
--- a/packages/renderless/src/bulletin-board/index.ts
+++ b/packages/renderless/src/bulletin-board/index.ts
@@ -10,7 +10,7 @@
  *
  */
 
-import { xss } from '../common/xss.js'
+import { xss } from '../common/xss'
 
 export const getRoute = (route) => `/${route || ''}`.replace(/^\/+/, '/')
 
diff --git a/packages/renderless/src/button/index.ts b/packages/renderless/src/button/index.ts
index 5afba7a93..3ab9845f5 100644
--- a/packages/renderless/src/button/index.ts
+++ b/packages/renderless/src/button/index.ts
@@ -10,7 +10,7 @@
  *
  */
 import type { IButtonRenderlessParams, IButtonState } from '@/types'
-import { xss } from '../common'
+import { xss } from '../common/xss'
 
 export const handleClick =
   ({ emit, props, state }: Pick<IButtonRenderlessParams, 'emit' | 'props' | 'state'>) =>
diff --git a/packages/renderless/src/chart-core/deps/utils.ts b/packages/renderless/src/chart-core/deps/utils.ts
index 5102f603b..0ee44f833 100644
--- a/packages/renderless/src/chart-core/deps/utils.ts
+++ b/packages/renderless/src/chart-core/deps/utils.ts
@@ -15,7 +15,7 @@ import { isObject, typeOf as getType, isNull } from '../../common/type'
 import _debounce from '../../common/deps/debounce'
 import _numerify from './numerify'
 import { escapeHtml } from '../../common/string'
-import { xss } from '../../common'
+import { xss } from '../../common/xss'
 
 export { setObj as set, getObj as get, isEqual } from '../../common/object'
 
diff --git a/packages/renderless/src/common/deps/vue-popper.ts b/packages/renderless/src/common/deps/vue-popper.ts
index cfe996f89..409d7bb99 100644
--- a/packages/renderless/src/common/deps/vue-popper.ts
+++ b/packages/renderless/src/common/deps/vue-popper.ts
@@ -215,7 +215,8 @@ export default (options: IPopperInputParams) => {
   /** remove时，执行真的移除popper dom操作。 */
   const destroyPopper = (remove: 'remove' | boolean) => {
     if (remove) {
-      if (state.popperElm) {
+      // 当popper中嵌套popper时，内层popper被移除后不会重新创建，因此onDeactivated不将内层popper移除
+      if (state.popperElm && state.popperElm.parentNode === document.body) {
         off(state.popperElm, 'click', stop)
         state.popperElm.remove()
       }
diff --git a/packages/renderless/src/common/index.ts b/packages/renderless/src/common/index.ts
index aa10e65ce..e1a1ad6a5 100644
--- a/packages/renderless/src/common/index.ts
+++ b/packages/renderless/src/common/index.ts
@@ -10,7 +10,7 @@
  *
  */
 
-import { log as uLog, xss } from './xss.js'
+import { log as uLog, xss } from './xss'
 
 export const KEY_CODE = {
   Backspace: 8,
diff --git a/packages/renderless/src/dialog-select/index.ts b/packages/renderless/src/dialog-select/index.ts
index e1e19a056..6b1394c7d 100644
--- a/packages/renderless/src/dialog-select/index.ts
+++ b/packages/renderless/src/dialog-select/index.ts
@@ -162,6 +162,93 @@ export const selectedBoxClear =
     state.selectedChanged = true
   }
 
+export const setTreeSelection =
+  ({ api, state, vm, props }) =>
+  (keys, value) => {
+    const tree = vm.$refs.multiTree
+    if (!tree) {
+      return
+    }
+    if (value) {
+      keys.forEach((key) => {
+        if (!state.selectedValues.includes(key)) {
+          tree.setCheckedByNodeKey(key, true)
+          const datas = getTreeSelect({ vm, props })
+          const values = datas.map((item) => item[props.valueField])
+          state.selectedDatas = datas
+          state.selectedValues = values
+        }
+      })
+    } else {
+      keys.forEach((key) => {
+        if (state.selectedValues.includes(key)) {
+          tree.setCheckedByNodeKey(key, false)
+          const datas = getTreeSelect({ vm, props })
+          const values = datas.map((item) => item[props.valueField])
+          state.selectedDatas = datas
+          state.selectedValues = values
+        }
+      })
+    }
+    api.selectedBoxInit()
+  }
+
+export const setGridSelection =
+  ({ api, state, vm }) =>
+  (keys, value) => {
+    const grid = vm.$refs.multiGrid
+    if (!grid) {
+      return
+    }
+    const gridRows = []
+    if (value) {
+      keys.forEach((key) => {
+        if (!state.selectedValues.includes(key)) {
+          const row = grid.getRowById(key)
+          state.selectedValues = [...state.selectedValues, key]
+          state.selectedDatas = [...state.selectedDatas, row]
+          gridRows.push(row)
+        }
+      })
+    } else {
+      keys.forEach((key) => {
+        if (state.selectedValues.includes(key)) {
+          const index = state.selectedValues.indexOf(key)
+          state.selectedValues.splice(index, 1)
+          state.selectedDatas.splice(index, 1)
+          gridRows.push(grid.getRowById(key))
+        }
+      })
+    }
+    grid.setSelection(gridRows, Boolean(value))
+    api.selectedBoxInit()
+  }
+
+export const setSelection =
+  ({ props, api }) =>
+  (data, value) => {
+    const { multi, popseletor, valueField } = props
+    if (!multi) {
+      return
+    }
+    const dataArr = Array.isArray(data) ? data : [data]
+    const keys = dataArr.map((i) => i[valueField]).filter((i) => i)
+    if (keys.length === 0) {
+      return
+    }
+    if (popseletor === 'grid') {
+      return api.setGridSelection(keys, value)
+    }
+    if (popseletor === 'tree') {
+      return api.setTreeSelection(keys, value)
+    }
+  }
+
+export const getSelection =
+  ({ state }) =>
+  () =>
+    state.selectedDatas
+
 export const selectedBoxDelete =
   ({ props, state, vm }) =>
   ({ option: row }) => {
diff --git a/packages/renderless/src/dialog-select/vue.ts b/packages/renderless/src/dialog-select/vue.ts
index f7f79e083..1d03a07e9 100644
--- a/packages/renderless/src/dialog-select/vue.ts
+++ b/packages/renderless/src/dialog-select/vue.ts
@@ -23,7 +23,11 @@ import {
   multiTreeRadio,
   multiGridRadioChange,
   watchMulti,
-  clearStatus
+  clearStatus,
+  setGridSelection,
+  setTreeSelection,
+  setSelection,
+  getSelection
 } from './index'
 
 export const api = [
@@ -45,10 +49,12 @@ export const api = [
   'onFooterConfirm',
   'multiTreeRadio',
   'multiGridRadioChange',
-  'clearStatus'
+  'clearStatus',
+  'setSelection',
+  'getSelection'
 ]
 
-export const renderless = (props, { reactive, computed, watch }, { vm, nextTick, emit }) => {
+export const renderless = (props, { reactive, computed, watch }, { vm, nextTick, emit, constants, designConfig }) => {
   const state = reactive({
     splitValue: 0,
     gridColumns: computed(() => api.computedGridColumns()),
@@ -72,7 +78,15 @@ export const renderless = (props, { reactive, computed, watch }, { vm, nextTick,
     lookupStore: {
       datas: []
     },
-    theme: vm.theme
+    theme: vm.theme,
+    isBorder: computed(() => {
+      if (typeof props.gridOp.border === 'boolean') {
+        return props.gridOp.border
+      } else {
+        return vm.theme !== 'saas'
+      }
+    }),
+    constants: designConfig?.constants || constants
   })
 
   state.temporary = {}
@@ -106,12 +120,20 @@ export const renderless = (props, { reactive, computed, watch }, { vm, nextTick,
     setChecked: setChecked({ api, props, state }),
     multiTreeRadio: multiTreeRadio({ api, props }),
     watchMulti: watchMulti({ api, state, props }),
-    clearStatus: clearStatus(api)
+    clearStatus: clearStatus(api),
+    setSelection: setSelection({ api, props }),
+    getSelection: getSelection({ state }),
+    setTreeSelection: setTreeSelection({ api, state, vm, props }),
+    setGridSelection: setGridSelection({ api, state, vm })
   })
 
   watch(
     () => props.visible,
-    (value) => value && !state.multiGridStore.inited && api.queryGridData()
+    (value) => {
+      if (value && !state.multiGridStore.inited) {
+        api.queryGridData()
+      }
+    }
   )
 
   watch(
diff --git a/packages/renderless/src/espace/index.ts b/packages/renderless/src/espace/index.ts
index c6181ea25..e0e9ad8b0 100644
--- a/packages/renderless/src/espace/index.ts
+++ b/packages/renderless/src/espace/index.ts
@@ -10,7 +10,7 @@
  *
  */
 
-import { xss } from '../common'
+import { xss } from '../common/xss'
 
 export const getUserHref =
   ({ api, props }) =>
diff --git a/packages/renderless/src/fall-menu/index.ts b/packages/renderless/src/fall-menu/index.ts
index 173d35e58..369f5aca4 100644
--- a/packages/renderless/src/fall-menu/index.ts
+++ b/packages/renderless/src/fall-menu/index.ts
@@ -13,7 +13,7 @@
 import { REFRESH_INTERVAL } from '../common'
 import { on, off } from '../common/deps/dom'
 import PopupManager from '../common/deps/popup-manager'
-import { xss } from '../common/xss.js'
+import { xss } from '../common/xss'
 import type { IFallMenuApi, IFallMenuState, IFallMenuProps, IPagerData } from '@/types'
 
 export const arrowClick = (state: IFallMenuState) => (opt) => {
diff --git a/packages/renderless/src/floatbar/index.ts b/packages/renderless/src/floatbar/index.ts
index e9c1c3ded..49f300387 100644
--- a/packages/renderless/src/floatbar/index.ts
+++ b/packages/renderless/src/floatbar/index.ts
@@ -11,7 +11,7 @@
  */
 
 import type { IFloatbarRenderlessParams, IFloatbarItem } from '@/types'
-import { xss } from '../common/xss.js'
+import { xss } from '../common/xss'
 
 export const computeData = ({ props }: Pick<IFloatbarRenderlessParams, 'props'>): IFloatbarItem[] => {
   if (Array.isArray(props.data) && props.data.length) {
diff --git a/packages/renderless/src/grid/plugins/export.ts b/packages/renderless/src/grid/plugins/export.ts
index eb74286cd..1331187a8 100644
--- a/packages/renderless/src/grid/plugins/export.ts
+++ b/packages/renderless/src/grid/plugins/export.ts
@@ -23,7 +23,7 @@
  *
  */
 
-import { xss } from '../../common/xss.js'
+import { xss } from '../../common/xss'
 import browser from '../../common/browser'
 import { toTreeArray } from '../static'
 import { getCellValue, getFuncText } from '../utils'
@@ -71,7 +71,7 @@ const getCsvContent = ($table, opts, oColumns, oData) => {
   const tableEl = $table.$el
   const tab = opts.useTabs === false ? '' : '\t'
   const { columns, datas } = getCsvData(opts, oData, oColumns, tableEl)
-  let content = '\ufeff' // BOM字节序标记
+  let content = '\uFEFF' // BOM字节序标记
   const transfrom = (str) => {
     if (typeof str === 'string' && str.replace(/ /g, '').match(/[\s,"]/)) {
       str = '"' + str.replace(/"/g, '""') + '"'
diff --git a/packages/renderless/src/guide/index.ts b/packages/renderless/src/guide/index.ts
index acb4860a4..6bf7dff94 100644
--- a/packages/renderless/src/guide/index.ts
+++ b/packages/renderless/src/guide/index.ts
@@ -134,19 +134,15 @@ const itemStep = (item, state, deepCopy, index, Shepherd) => {
         const footer = currentStepElement && currentStepElement.querySelector('.shepherd-footer')
         const cancelIcon =
           currentStepElement && currentStepElement.querySelector('.shepherd-header .shepherd-cancel-icon span')
-        const cloesIcon = `<?xml version="1.0" encoding="utf-8"?>
-          <!-- Generator: Adobe Illustrator 26.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-          <svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-            viewBox="0 0 16 16" style="enable-background:new 0 0 16 16;" xml:space="preserve">
-          <style type="text/css">
-            .st0{fill:none;}
-            .st1{fill-rule:evenodd;clip-rule:evenodd;}
-          </style>
-          <polygon id="Fill-1" class="st0" points="0,16 16,16 16,0 0,0 "/>
-          <path id="形状结合" class="st1" d="M4.25,3.4L8,7.15l3.75-3.75c0.23-0.23,0.61-0.23,0.85,0c0.23,0.23,0.23,0.62,0,0.85L8.85,8
-            l3.75,3.75c0.23,0.24,0.23,0.62,0,0.85c-0.23,0.23-0.61,0.23-0.85,0L8,8.85L4.25,12.6c-0.23,0.23-0.61,0.23-0.85,0
-            c-0.24-0.23-0.24-0.61,0-0.85L7.15,8L3.4,4.25c-0.23-0.23-0.23-0.61,0-0.85C3.64,3.17,4.02,3.17,4.25,3.4z"/>
-          </svg>`
+        const cloesIcon = `<svg  viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+        <desc fill="none">
+            Created with Pixso.
+        </desc>
+        <defs fill="none" />
+        <g>
+          <path id="path" d="M12.49 3.3C12.66 3.47 12.66 3.74 12.54 3.92L8.58 7.89L12.49 11.77C12.7 11.96 12.72 12.25 12.54 12.48C12.37 12.67 12.05 12.72 11.83 12.54L7.88 8.58L4 12.49C3.82 12.66 3.5 12.67 3.32 12.5C3.13 12.33 3.08 12.05 3.24 11.83L7.17 7.89L3.29 4C3.12 3.79 3.13 3.48 3.33 3.29C3.5 3.15 3.75 3.13 3.91 3.24L7.88 7.17L11.78 3.3C11.96 3.08 12.29 3.08 12.49 3.3Z" fill-opacity="1.000000" fill-rule="evenodd"/>
+        </g>
+      </svg>`
 
         cancelIcon.innerHTML = cloesIcon
         const progress = document.createElement('span')
diff --git a/packages/renderless/src/image-viewer/vue.ts b/packages/renderless/src/image-viewer/vue.ts
index 00558b202..921761ba9 100644
--- a/packages/renderless/src/image-viewer/vue.ts
+++ b/packages/renderless/src/image-viewer/vue.ts
@@ -93,7 +93,8 @@ const initState = ({ reactive, computed, api, mode, props, constants, inject })
     infinite: true,
     loading: false,
     transform: { scale: 1, deg: 0, offsetX: 0, offsetY: 0, objfit: 'contain', enableTransition: false },
-    urlList: props.urlList || inject('urlList', null),
+    urlList:
+      props.urlList || (Array.isArray(inject('urlList')) && inject('urlList').length !== 0) ? inject('urlList') : null,
     mode: constants.MODE.CONTAIN,
     previewVisible: props.previewVisible,
     fullScreen: props.imageFullCurrent,
diff --git a/packages/renderless/src/input/index.ts b/packages/renderless/src/input/index.ts
index c3954bfcc..4fc2c075f 100644
--- a/packages/renderless/src/input/index.ts
+++ b/packages/renderless/src/input/index.ts
@@ -11,13 +11,7 @@
  */
 
 import { omitText } from '../common/string'
-import type {
-  IInputApi,
-  IInputClassPrefixConstants,
-  IInputRenderlessParamUtils,
-  IInputRenderlessParams,
-  IInputState
-} from 'types/input.type'
+import type { IInputApi, IInputRenderlessParamUtils, IInputRenderlessParams, IInputState } from 'types/input.type'
 
 const HIDDEN_STYLE = `
 height:0 !important;visibility:hidden !important;overflow:hidden !important;
@@ -340,11 +334,9 @@ export const handleCompositionEnd =
   }
 
 export const calcIconOffset =
-  ({ CLASS_PREFIX, parent }: Pick<IInputRenderlessParams, 'parent'> & { CLASS_PREFIX: IInputClassPrefixConstants }) =>
+  ({ vm, parent }: Pick<IInputRenderlessParams, 'parent' | 'vm'>) =>
   (place: 'prefix' | 'suffix'): void => {
-    const elList = [].slice.call(
-      parent.$el.querySelectorAll(`.${CLASS_PREFIX.Input}${place}`) || []
-    ) as unknown as HTMLElement[]
+    const elList = vm.$refs[place] ? [vm.$refs[place]] : []
 
     if (!elList.length) {
       return
@@ -367,11 +359,11 @@ export const calcIconOffset =
     const pendant = pendantMap[place]
 
     if (parent.$slots[pendant]) {
-      const dom = parent.$el.querySelector(`.${CLASS_PREFIX.InputGroup}${pendant}`)
+      const dom = vm.$refs[pendant]
       let transform
 
       if (place === 'suffix') {
-        transform = `translateX(-${dom.offsetWidth}px)`
+        transform = `translateX(-${dom.offsetWidth}px) translateY(-50%)`
       } else if (place === 'prefix') {
         transform = `translate(${dom.offsetWidth}px, -50%)`
       }
diff --git a/packages/renderless/src/input/vue.ts b/packages/renderless/src/input/vue.ts
index d7eed2338..8985102e6 100644
--- a/packages/renderless/src/input/vue.ts
+++ b/packages/renderless/src/input/vue.ts
@@ -15,7 +15,6 @@ import type {
   IInputState,
   ISharedRenderlessParamHooks,
   IInputRenderlessParamUtils,
-  IInputClassPrefixConstants,
   IInputEventNameConstants,
   IInputRenderlessParams
 } from '@/types'
@@ -195,15 +194,12 @@ const initApi = ({
   emit,
   vm,
   props,
-  CLASS_PREFIX,
   parent,
   nextTick
 }: Pick<
   IInputRenderlessParams,
   'api' | 'state' | 'dispatch' | 'broadcast' | 'emit' | 'refs' | 'props' | 'parent' | 'vm' | 'nextTick'
-> & {
-  CLASS_PREFIX: IInputClassPrefixConstants
-}) => {
+>) => {
   Object.assign(api, {
     state,
     dispatch,
@@ -214,7 +210,7 @@ const initApi = ({
     setShowMoreBtn: setShowMoreBtn({ state, vm }),
     handleChange: handleChange(emit),
     watchFormSelect: watchFormSelect({ emit, props, state }),
-    calcIconOffset: calcIconOffset({ CLASS_PREFIX, parent }),
+    calcIconOffset: calcIconOffset({ vm, parent }),
     getSuffixVisible: getSuffixVisible({ parent, props, state }),
     calculateNodeStyling: calculateNodeStyling(),
     handleCompositionStart: handleCompositionStart(state),
@@ -388,13 +384,9 @@ export const renderless = (
   const api = {} as IInputApi
   const componentName = constants.COMPONENT_NAME.FormItem
   const eventName: IInputEventNameConstants = { change: 'form.change', blur: 'form.blur' }
-  const CLASS_PREFIX: IInputClassPrefixConstants = {
-    Input: constants.inputMode(mode),
-    InputGroup: constants.inputGroupMode(mode)
-  }
   const state = initState({ reactive, computed, mode, props, parent, constants, api, vm, designConfig })
 
-  initApi({ api, state, dispatch, broadcast, emit, refs, props, CLASS_PREFIX, parent, vm, nextTick })
+  initApi({ api, state, dispatch, broadcast, emit, refs, props, parent, vm, nextTick })
 
   const storages = useStorageBox({ api, props, reactive, toRefs })
 
diff --git a/packages/renderless/src/locales/index.ts b/packages/renderless/src/locales/index.ts
index fa397b963..114476206 100644
--- a/packages/renderless/src/locales/index.ts
+++ b/packages/renderless/src/locales/index.ts
@@ -10,7 +10,7 @@
  *
  */
 
-import { xss } from '../common'
+import { xss } from '../common/xss'
 
 export const getLocales =
   ({ api, service, state }) =>
@@ -33,16 +33,10 @@ export const switchLanguage =
   ({ api, state, service }) =>
   (lang) => {
     const { locales, current } = state
-    const domain = service.getDomain()
     const hasMultiLocale = state.locales.length === 2
 
     state.current = hasMultiLocale ? (state.current = locales.indexOf(current) === 0 ? locales[1] : locales[0]) : lang
 
-    const expires = new Date(new Date().getTime() + 3600000).toGMTString()
-    const currLang = state.current.substring(0, 2) === 'zh' ? 'zh' : 'en'
-
-    document.cookie = `lang=${currLang};expires=${expires};domain=${domain};path=/`
-
     api.setText()
   }
 
diff --git a/packages/renderless/src/logout/index.ts b/packages/renderless/src/logout/index.ts
index 7676c3357..205efe5ab 100644
--- a/packages/renderless/src/logout/index.ts
+++ b/packages/renderless/src/logout/index.ts
@@ -10,7 +10,7 @@
  *
  */
 
-import { xss } from '../common'
+import { xss } from '../common/xss'
 
 export const logout =
   ({ service, state, props }) =>
diff --git a/packages/renderless/src/modal/index.ts b/packages/renderless/src/modal/index.ts
index 511bc4ef9..9e480b23b 100644
--- a/packages/renderless/src/modal/index.ts
+++ b/packages/renderless/src/modal/index.ts
@@ -138,6 +138,7 @@ export const beforeUnmouted =
     isMobileFirstMode && off(window, 'resize', api.resetDragStyle)
     off(document, 'keydown', api.handleGlobalKeydownEvent)
     off(window, 'hashchange', api.handleHashChange)
+    off(window, 'resize', api.resetModalViewPosition)
     api.removeMsgQueue()
     api.hideScrollbar()
 
@@ -292,13 +293,13 @@ export const open =
             } else {
               modalBoxElem.style.left = `${clientVisibleWidth / 2 - modalBoxElem.offsetWidth / 2}px`
             }
-
             if (
               modalBoxElem.offsetHeight + modalBoxElem.offsetTop + (props.marginSize as number) >
               clientVisibleHeight
             ) {
               modalBoxElem.style.top = `${props.marginSize}px`
             }
+            on(window, 'resize', api.resetModalViewPosition)
           }
 
           if (props.fullscreen) {
@@ -915,3 +916,11 @@ export const showScrollbar = (lockScrollClass) => () => {
 export const hideScrollbar = (lockScrollClass) => () => {
   removeClass(document.body, lockScrollClass)
 }
+
+export const resetModalViewPosition = (api: IModalApi) => () => {
+  const modalBoxElement = api.getBox()
+  const viewportWindow = getViewportWindow()
+  const clientVisibleWidth =
+    viewportWindow.document.documentElement.clientWidth || viewportWindow.document.body.clientWidth
+  modalBoxElement.style.left = `${clientVisibleWidth / 2 - modalBoxElement.offsetWidth / 2}px`
+}
diff --git a/packages/renderless/src/modal/vue.ts b/packages/renderless/src/modal/vue.ts
index 816cd5161..bc84b1ae8 100644
--- a/packages/renderless/src/modal/vue.ts
+++ b/packages/renderless/src/modal/vue.ts
@@ -37,6 +37,7 @@ import {
   cancelEvent,
   open,
   resetDragStyle,
+  resetModalViewPosition,
   computedBoxStyle,
   handleHashChange,
   showScrollbar,
@@ -64,7 +65,8 @@ export const api = [
   'cancelEvent',
   'open',
   'beforeUnmouted',
-  'resetDragStyle'
+  'resetDragStyle',
+  'resetModalViewPosition'
 ]
 
 export const renderless = (
@@ -121,6 +123,7 @@ export const renderless = (
     mousedownEvent: mousedownEvent({ api, nextTick, props, state, emit, isMobileFirstMode }),
     dragEvent: dragEvent({ api, emit, parent, props, state }),
     resetDragStyle: resetDragStyle(api),
+    resetModalViewPosition: resetModalViewPosition(api),
     computedBoxStyle: computedBoxStyle({ props, isMobileFirstMode }),
     watchVisible: watchVisible({ api, props }),
     hideScrollbar: hideScrollbar(lockScrollClass),
diff --git a/packages/renderless/src/nav-menu/index.ts b/packages/renderless/src/nav-menu/index.ts
index c2f223510..1e05f20d8 100644
--- a/packages/renderless/src/nav-menu/index.ts
+++ b/packages/renderless/src/nav-menu/index.ts
@@ -23,7 +23,7 @@ import PopupManager from '../common/deps/popup-manager'
 import { mapTree } from '../grid/static'
 import { transformTreeData } from '../common/array'
 import { on, off } from '../common/deps/dom'
-import { xss } from '../common/xss.js'
+import { xss } from '../common/xss'
 
 const { nextZIndex } = PopupManager
 
diff --git a/packages/renderless/src/picker/index.ts b/packages/renderless/src/picker/index.ts
index 613abec23..421182ca5 100644
--- a/packages/renderless/src/picker/index.ts
+++ b/packages/renderless/src/picker/index.ts
@@ -66,7 +66,7 @@ export const watchMobileVisible =
 export const watchPickerVisible =
   ({ api, vm, dispatch, emit, props, state, nextTick }) =>
   (value) => {
-    if (props.readonly || state.pickerDisabled || state.isMobileMode) return
+    if (props.readonly || state.pickerDisabled || state.isMobileScreen) return
 
     if (value) {
       api.showPicker()
@@ -939,9 +939,9 @@ export const handleFocus =
     const type = state.type
 
     if (DATEPICKER.TriggerTypes.includes(type)) {
-      if (state.isMobileMode && state.isDateMobileComponent) {
+      if (state.isMobileScreen && state.isDateMobileComponent) {
         api.dateMobileToggle(true)
-      } else if (state.isMobileMode && state.isTimeMobileComponent) {
+      } else if (state.isMobileScreen && state.isTimeMobileComponent) {
         api.timeMobileToggle(true)
       } else {
         state.pickerVisible = true
diff --git a/packages/renderless/src/picker/vue.ts b/packages/renderless/src/picker/vue.ts
index dfb3e7ec0..5db6136bd 100644
--- a/packages/renderless/src/picker/vue.ts
+++ b/packages/renderless/src/picker/vue.ts
@@ -143,7 +143,7 @@ const initState = ({ api, reactive, vm, computed, props, utils, parent, breakpoi
     labelTooltip: '',
     displayOnlyTooltip: '',
     isDisplayOnly: computed(() => props.displayOnly || (parent.tinyForm || {}).displayOnly),
-    isMobileMode: computed(() => vm.$mode.includes('mobile')),
+    isMobileScreen: computed(() => breakpoint.current.value === 'default'),
     dateMobileOption: {
       visible: false,
       type: props.type,
diff --git a/packages/renderless/src/rich-text/table-module.ts b/packages/renderless/src/rich-text/table-module.ts
index 2594ac5de..d44e6e04d 100644
--- a/packages/renderless/src/rich-text/table-module.ts
+++ b/packages/renderless/src/rich-text/table-module.ts
@@ -25,8 +25,8 @@ function addMatcherTr({ _quill, oper }) {
   })
 }
 
-function addMatcherTd({ _quill, oper, Delta }) {
-  _quill.clipboard.addMatcher('TD', function (node, delta) {
+function addMatcherTdOrTh({ _quill, oper, Delta, tagName }) {
+  _quill.clipboard.addMatcher(tagName, function (node, delta) {
     const tableId = oper.getTableId()
     const rowId = oper.getRowId()
     const cellId = cellName()
@@ -104,7 +104,8 @@ function addMatcher({ qil: _quill, Delta }) {
 
   addMatcherTable({ _quill, oper })
   addMatcherTr({ _quill, oper })
-  addMatcherTd({ _quill, oper, Delta })
+  addMatcherTdOrTh({ _quill, oper, Delta, tagName: 'TD' })
+  addMatcherTdOrTh({ _quill, oper, Delta, tagName: 'TH' })
   // 移除table/tr, tr/td间空白符
   addMatcher3(_quill)
   // word粘贴到IE里会出现几个空内容的font标签
diff --git a/packages/renderless/src/roles/index.ts b/packages/renderless/src/roles/index.ts
index 7ead14006..e1452d49e 100644
--- a/packages/renderless/src/roles/index.ts
+++ b/packages/renderless/src/roles/index.ts
@@ -10,7 +10,7 @@
  *
  */
 
-import { xss } from '../common'
+import { xss } from '../common/xss'
 
 export const showList = (state) => () => (state.showPopover = true)
 
diff --git a/packages/renderless/src/selected-box/vue.ts b/packages/renderless/src/selected-box/vue.ts
index 9ff0e5afe..e7817176b 100644
--- a/packages/renderless/src/selected-box/vue.ts
+++ b/packages/renderless/src/selected-box/vue.ts
@@ -57,7 +57,8 @@ export const renderless = (
     popoverContent: '',
     dragInstance: null,
     slotParams: computed(() => ({ inverse: state.inverse, total: state.total, select: state.select })),
-    showClear: computed(() => api.computedShowClear())
+    showClear: computed(() => api.computedShowClear()),
+    theme: vm.theme
   })
 
   const api = {
diff --git a/packages/renderless/src/tabbar-item/vue.ts b/packages/renderless/src/tabbar-item/vue.ts
index d55e5b1b8..bb8b2e0f3 100644
--- a/packages/renderless/src/tabbar-item/vue.ts
+++ b/packages/renderless/src/tabbar-item/vue.ts
@@ -11,7 +11,7 @@
  */
 
 import { getRouteActive, onClick, bindChildren, routeTab, getTabbarItemsWidth } from './index'
-import { xss } from '../common'
+import { xss } from '../common/xss'
 
 export const api = ['state', 'onClick', 'getTabbarItemsWidth']
 
diff --git a/packages/renderless/src/toggle-menu/index.ts b/packages/renderless/src/toggle-menu/index.ts
index ebdaddd05..7cccbd87e 100644
--- a/packages/renderless/src/toggle-menu/index.ts
+++ b/packages/renderless/src/toggle-menu/index.ts
@@ -10,7 +10,7 @@
  *
  */
 
-import { xss } from '../common/xss.js'
+import { xss } from '../common/xss'
 import { isObject } from '../common/type'
 
 export const filterNode = (props) => (value, data) => {
diff --git a/packages/renderless/src/user-contact/vue.ts b/packages/renderless/src/user-contact/vue.ts
index 9776e23e5..a3c90687c 100644
--- a/packages/renderless/src/user-contact/vue.ts
+++ b/packages/renderless/src/user-contact/vue.ts
@@ -13,18 +13,29 @@
 import { init } from '../common/deps/eSpaceCtrl'
 import { getUserHref, doUserAction, initEspaceLink, openEspace } from './index'
 import { testUID } from '../espace'
+import type {
+  IUserContactApi,
+  IUserContactProps,
+  IUserContactState,
+  ISharedRenderlessParamHooks,
+  IUserContactRenderlessParamUtils
+} from '@/types'
 
 export const api = ['show', 'getUserHref', 'doUserAction', 'initEspaceLink', 'openEspace', 'testUID']
 
-export const renderless = (props, { reactive, ref }, { service }) => {
-  const api = {}
+export const renderless = (
+  props: IUserContactProps,
+  { reactive, ref }: ISharedRenderlessParamHooks,
+  { service }: IUserContactRenderlessParamUtils
+): IUserContactApi => {
+  const api = {} as IUserContactApi
   const { setting = {} } = service || {}
   const { widgets = {} } = setting
 
   const eSpaceCtrlDisabled = widgets.ESpaceCtrl && !widgets.ESpaceCtrl.autoLink
   const eSpaceCtrl = eSpaceCtrlDisabled ? {} : init()
 
-  const state = reactive({
+  const state: IUserContactState = reactive({
     initialized: false
   })
 
diff --git a/packages/renderless/types/modal.type.ts b/packages/renderless/types/modal.type.ts
index c989871d9..04fac1cba 100644
--- a/packages/renderless/types/modal.type.ts
+++ b/packages/renderless/types/modal.type.ts
@@ -63,6 +63,7 @@ export interface IModalApi {
   mousedownEvent: (event: MouseEvent) => void
   dragEvent: (event: MouseEvent) => void
   resetDragStyle: () => void
+  resetModalViewPosition: () => void
 }
 
 export type IModalRenderlessParamUtils = ISharedRenderlessParamUtils<IModalConstants>
diff --git a/packages/renderless/types/user-contact.type.ts b/packages/renderless/types/user-contact.type.ts
index e69de29bb..22ca15ea6 100644
--- a/packages/renderless/types/user-contact.type.ts
+++ b/packages/renderless/types/user-contact.type.ts
@@ -0,0 +1,29 @@
+import type { ExtractPropTypes, ref } from 'vue'
+import type { userContactProps } from '@/user-contact/src'
+import type { ISharedRenderlessFunctionParams, ISharedRenderlessParamUtils } from './shared.type'
+import type { getUserHref, doUserAction, initEspaceLink, openEspace } from '../src/user-contact'
+import type { testUID } from '../src/espace'
+
+export type IUserContactProps = ExtractPropTypes<typeof userContactProps>
+
+export interface IUserContactState {
+  initialized: boolean
+}
+
+export type IUserContactRenderlessParams = ISharedRenderlessFunctionParams<never> & {
+  api: IUserContactApi
+  state: IUserContactState
+  props: IUserContactProps
+}
+
+export interface IUserContactApi {
+  state: IUserContactState
+  testUID: ReturnType<typeof testUID>
+  show: ReturnType<typeof ref>
+  getUserHref: ReturnType<typeof getUserHref>
+  initEspaceLink: ReturnType<typeof initEspaceLink>
+  doUserAction: ReturnType<typeof doUserAction>
+  openEspace: ReturnType<typeof openEspace>
+}
+
+export type IUserContactRenderlessParamUtils = ISharedRenderlessParamUtils<never>
diff --git a/packages/theme-saas/src/svgs/agency.svg b/packages/theme-saas/src/svgs/agency.svg
new file mode 100644
index 000000000..7910aaaeb
--- /dev/null
+++ b/packages/theme-saas/src/svgs/agency.svg
@@ -0,0 +1,9 @@
+<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+	<desc fill="none">
+			Created with Pixso.
+	</desc>
+	<defs fill="none" />
+	<g>
+		<path id="path" d="M8 15C8.26953 15 8.5 14.7695 8.5 14.5C8.5 14.2207 8.26953 14 8 14L4.69043 14C3.75 14 3 13.3301 3 12.5L3 3.5C3 2.66016 3.75 2 4.69043 2L11.2998 2C12.2402 2 13 2.66016 13 3.5L13 6.16016C13 6.43945 13.2197 6.66016 13.5 6.66016C13.7695 6.66016 14 6.43945 14 6.16016L14 3.5C14 2.10938 12.7803 1 11.2998 1L4.69043 1C3.20996 1 2 2.10938 2 3.5L2 12.5C2 13.8809 3.20996 15 4.69043 15L8 15ZM5.5 5C5.21973 5 5 5.2207 5 5.5C5 5.76953 5.21973 6 5.5 6L10.5 6C10.7695 6 11 5.76953 11 5.5C11 5.2207 10.7695 5 10.5 5L5.5 5ZM15.3799 12.7402L15.4102 13.7793C15.4102 14.3496 14.9297 14.8301 14.3398 14.8301L10.0898 14.8301C9.50977 14.8301 9.03027 14.3496 9.03027 13.7793L9.03027 12.7402C9.03027 12.0996 9.5 11.5605 10.1104 11.4297L10.6602 11.3203C10.5801 11.1895 10.5195 11.0703 10.4805 10.9297C10.4805 10.9297 10.4404 10.8398 10.4404 10.8301L10.4102 10.6895C10.4004 10.5605 10.3896 10.4902 10.3896 10.4102L10.3896 9.67969L10.4004 9.58008C10.4004 9.56055 10.4199 9.41992 10.4199 9.41016C10.6602 8.58008 11.3799 8.05078 12.1797 8.05078C13.1797 8.05078 14 8.83984 14 9.82031L14 10.4102C14 10.7402 13.9102 11.0508 13.75 11.3203L14.2803 11.4297C14.9102 11.5605 15.3604 12.0996 15.3799 12.7402ZM5.5 8.16016L8.5 8.16016C8.76953 8.16016 9 8.38086 9 8.66016C9 8.92969 8.76953 9.16016 8.5 9.16016L5.5 9.16016C5.21973 9.16016 5 8.92969 5 8.66016C5 8.38086 5.21973 8.16016 5.5 8.16016ZM14.1504 12.3203C14.3398 12.3496 14.5 12.5293 14.5 12.7402L14.5303 13.7793C14.5303 13.8594 14.46 13.9199 14.3799 13.9199L10.1299 13.9199C10.0303 13.9199 9.96973 13.8594 9.96973 13.7793L9.96973 12.7402C9.96973 12.5293 10.1104 12.3496 10.3301 12.3203L11.7197 12.0195C11.9004 11.9902 12.0498 11.8301 12.0703 11.6504C12.0801 11.4609 11.9902 11.2598 11.8203 11.1797C11.5996 11.0801 11.4297 10.8906 11.3496 10.6309L11.3301 10.5098L11.3301 9.73047L11.3496 9.59961C11.46 9.23047 11.8301 8.96094 12.2402 8.96094C12.75 8.96094 13.1602 9.33984 13.1602 9.83008L13.1602 10.4102C13.1602 10.7402 12.9697 11.0293 12.6602 11.1797C12.4902 11.2598 12.3896 11.4609 12.4102 11.6504C12.4199 11.8301 12.5703 11.9902 12.75 12.0195L14.1504 12.3203Z" clip-rule="evenodd" fill-opacity="1.000000" fill-rule="evenodd"/>
+	</g>
+</svg>
diff --git a/packages/theme-saas/src/svgs/feedback.svg b/packages/theme-saas/src/svgs/feedback.svg
new file mode 100644
index 000000000..e572b091f
--- /dev/null
+++ b/packages/theme-saas/src/svgs/feedback.svg
@@ -0,0 +1,9 @@
+<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+	<desc fill="none">
+			Created with Pixso.
+	</desc>
+	<defs fill="none"/>
+	<g>
+		<path id="形状结合" d="M14 4C14 2.59961 12.7803 1.5 11.2998 1.5L4.69043 1.5C3.20996 1.5 2 2.59961 2 4L2 12C2 13.3906 3.20996 14.5 4.69043 14.5L8 14.5C8.26953 14.5 8.5 14.2695 8.5 14C8.5 13.7207 8.26953 13.5 8 13.5L4.69043 13.5C3.75 13.5 3 12.8105 3 12L3 4C3 3.17969 3.75 2.5 4.69043 2.5L11.2998 2.5C12.2402 2.5 13 3.17969 13 4L13 8C13 8.26953 13.2197 8.5 13.5 8.5C13.7695 8.5 14 8.26953 14 8L14 4ZM11 5.5C11 5.2207 10.7695 5 10.5 5L5.5 5C5.21973 5 5 5.2207 5 5.5C5 5.76953 5.21973 6 5.5 6L10.5 6C10.7695 6 11 5.76953 11 5.5ZM8.5 8.15039C8.76953 8.15039 9 8.38086 9 8.65039C9 8.92969 8.76953 9.15039 8.5 9.15039L5.5 9.15039C5.21973 9.15039 5 8.92969 5 8.65039C5 8.38086 5.21973 8.15039 5.5 8.15039L8.5 8.15039ZM12.2002 9.96094C12.5996 9.25977 13.5 9.01953 14.21 9.41992L14.2998 9.48047C14.9404 9.91016 15.1396 10.7598 14.75 11.4297L12.8701 14.6699C12.8203 14.7598 12.7305 14.8301 12.6299 14.8691L11.0098 15.4199C10.7402 15.5195 10.4502 15.3301 10.4199 15.0508L10.2598 13.4707C10.25 13.3691 10.2695 13.2793 10.3203 13.1992L12.2002 9.96094ZM12.9697 10.4102C13.1201 10.1602 13.4297 10.0605 13.7002 10.1699L13.8799 10.2891C14.0596 10.4707 14.0996 10.75 13.9697 10.9805L13.8896 11.1094L12.9004 10.5391L12.9697 10.4102ZM12.4502 11.3203L11.1699 13.5195L11.2598 14.3906L12.1699 14.0703L13.4404 11.8906L12.4502 11.3203Z" clip-rule="evenodd" fill-opacity="1.000000" fill-rule="evenodd"/>
+	</g>
+</svg>
diff --git a/packages/theme-saas/src/svgs/fullscreen-right.svg b/packages/theme-saas/src/svgs/fullscreen-right.svg
new file mode 100644
index 000000000..4c8700113
--- /dev/null
+++ b/packages/theme-saas/src/svgs/fullscreen-right.svg
@@ -0,0 +1,9 @@
+<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+	<desc fill="none">
+			Created with Pixso.
+	</desc>
+	<defs fill="none"/>
+	<g>
+		<path id="形状结合" d="M14 3.5C14 2.66992 13.32 2 12.5 2L9.03003 2C8.76001 2 8.53003 2.2207 8.53003 2.5L8.53998 2.56055C8.57001 2.81055 8.78003 3 9.03003 3L12.29 3L8.98999 6.30078C8.78998 6.49023 8.78998 6.81055 8.98999 7C9.17999 7.19922 9.5 7.19922 9.69 7L13 3.69922L13 6.96094C13 7.23047 13.22 7.46094 13.5 7.46094C13.77 7.46094 14 7.23047 14 6.96094L14 3.5ZM2.5 8.5293C2.77002 8.5293 3 8.75977 3 9.0293L3 12.2891L6.29999 8.99023C6.48999 8.78906 6.81 8.78906 7 8.99023C7.20001 9.17969 7.20001 9.5 7 9.68945L3.70001 13L6.96002 13C7.21002 13 7.41998 13.1797 7.45001 13.4297L7.46002 13.5C7.46002 13.7695 7.22998 14 6.96002 14L3.5 14C2.66998 14 2 13.3203 2 12.5L2 9.0293C2 8.75977 2.21997 8.5293 2.5 8.5293Z" clip-rule="evenodd" fill-opacity="1.000000" fill-rule="evenodd"/>
+	</g>
+</svg>
diff --git a/packages/theme-saas/src/svgs/locale-panel.svg b/packages/theme-saas/src/svgs/locale-panel.svg
new file mode 100644
index 000000000..fe1ab3815
--- /dev/null
+++ b/packages/theme-saas/src/svgs/locale-panel.svg
@@ -0,0 +1,9 @@
+<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+	<desc fill="none">
+			Created with Pixso.
+	</desc>
+	<defs fill="none" />
+	<g>
+		<path id="形状结合" d="M11.2998 1C11.4199 1 11.54 1.03906 11.6299 1.13086L13.8496 3.15039L13.9102 3.2207C13.9502 3.30078 14 3.41992 14 3.5L14 8C14 8.26953 13.7695 8.5 13.5 8.5C13.2197 8.5 13 8.26953 13 8L13 3.7207L11.0996 2L4.69043 2C3.7998 2 3.08008 2.59961 3 3.35938L3 12.5C3 13.3105 3.75 14 4.69043 14L8 14C8.26953 14 8.5 14.2207 8.5 14.5C8.5 14.7695 8.26953 15 8 15L4.69043 15C3.20996 15 2 13.8906 2 12.5L2 3.5C2 2.09961 3.20996 1 4.69043 1L11.2998 1ZM12.5 10.5C12.5 10.2207 12.2695 10 12 10C11.7197 10 11.5 10.2207 11.5 10.5L11.5 12L10 12C9.71973 12 9.5 12.2207 9.5 12.5C9.5 12.7695 9.71973 13 10 13L11.5 13L11.5 14.5C11.5 14.7695 11.7197 15 12 15C12.2695 15 12.5 14.7695 12.5 14.5L12.5 13L14 13C14.2695 13 14.5 12.7695 14.5 12.5C14.5 12.2207 14.2695 12 14 12L12.5 12L12.5 10.5Z" clip-rule="evenodd" fill-opacity="1.000000" fill-rule="evenodd"/>
+	</g>
+</svg>
diff --git a/packages/theme-saas/src/svgs/refresh.svg b/packages/theme-saas/src/svgs/refresh.svg
index c0ed6fa7c..2a77716d1 100644
--- a/packages/theme-saas/src/svgs/refresh.svg
+++ b/packages/theme-saas/src/svgs/refresh.svg
@@ -1,14 +1,7 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- Generator: Adobe Illustrator 26.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-	 viewBox="0 0 16 16" style="enable-background:new 0 0 16 16;" xml:space="preserve">
-<style type="text/css">
-	.st0{fill:none;}
-</style>
-<rect id="size" class="st0"/>
-<path id="形状结合" class="st1" d="M11.81,2.75c2.75,1.99,3.47,5.71,1.75,8.55l1.7-0.45c0.23-0.06,0.46,0.05,0.56,0.25
-	l0.02,0.08c0.07,0.25-0.08,0.52-0.34,0.58l-2.9,0.78c-0.25,0.07-0.52-0.08-0.58-0.34l-0.78-2.9c-0.07-0.25,0.08-0.52,0.34-0.59
-	c0.25-0.07,0.52,0.08,0.59,0.34l0.5,1.84c1.56-2.42,0.97-5.67-1.41-7.38C8.79,1.73,5.35,2.28,3.55,4.73s-1.24,5.88,1.22,7.66
-	c1.66,1.2,3.53,1.45,5.64,0.78c0.25-0.08,0.52,0.06,0.61,0.3c0.08,0.25-0.06,0.52-0.3,0.61c-2.4,0.78-4.58,0.47-6.48-0.91
-	c-2.92-2.08-3.58-6.11-1.47-8.99C4.86,1.3,8.91,0.67,11.81,2.75z"/>
-</svg>
+<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"
+	xmlns:xlink="http://www.w3.org/1999/xlink">
+	<defs />
+	<path id="路径"
+		d="M12 1.25C17.9371 1.25 22.75 6.06294 22.75 12C22.75 12.5714 22.1444 12.9199 21.6588 12.6684L21.5694 12.614L18.5259 10.4797C18.1868 10.2418 18.1046 9.77411 18.3425 9.43498C18.5587 9.12668 18.9649 9.03079 19.2917 9.19458L19.3871 9.25156L21.123 10.469L21.116 10.4226C20.3821 6.15082 16.7186 2.88042 12.268 2.75381L12 2.75C6.89136 2.75 2.75 6.89137 2.75 12C2.75 17.1086 6.89136 21.25 12 21.25C14.5865 21.25 17.0008 20.184 18.7386 18.3368C19.0224 18.0351 19.4971 18.0206 19.7987 18.3044C20.1004 18.5882 20.1149 19.0629 19.8311 19.3646C17.8127 21.51 15.0046 22.75 12 22.75C6.06293 22.75 1.25 17.9371 1.25 12C1.25 6.06294 6.06293 1.25 12 1.25Z"
+		fill-rule="evenodd" />
+</svg>
\ No newline at end of file
diff --git a/packages/theme-saas/src/svgs/shutdown.svg b/packages/theme-saas/src/svgs/shutdown.svg
new file mode 100644
index 000000000..98cb80727
--- /dev/null
+++ b/packages/theme-saas/src/svgs/shutdown.svg
@@ -0,0 +1,9 @@
+<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+	<desc fill="none">
+			Created with Pixso.
+	</desc>
+	<defs fill="none"/>
+	<g>
+		<path id="形状结合" d="M8 1C11.8604 1 15 4.13086 15 8C15 11.8594 11.8604 15 8 15C4.12988 15 1 11.8594 1 8C1 4.13086 4.12988 1 8 1ZM8 2C4.67969 2 2 4.67969 2 8C2 11.3105 4.67969 14 8 14C11.3096 14 14 11.3105 14 8C14 4.67969 11.3096 2 8 2ZM8.5 6C8.5 5.7207 8.26953 5.5 8 5.5C7.71973 5.5 7.5 5.7207 7.5 6L7.5 10C7.5 10.2695 7.71973 10.5 8 10.5C8.26953 10.5 8.5 10.2695 8.5 10L8.5 6Z" clip-rule="evenodd" fill-opacity="1.000000" fill-rule="evenodd"/>
+	</g>
+</svg>
diff --git a/packages/theme-saas/src/svgs/synchronize.svg b/packages/theme-saas/src/svgs/synchronize.svg
new file mode 100644
index 000000000..970ed136d
--- /dev/null
+++ b/packages/theme-saas/src/svgs/synchronize.svg
@@ -0,0 +1,9 @@
+<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+	<desc fill="none">
+			Created with Pixso.
+	</desc>
+	<defs fill="none" />
+	<g>
+		<path id="形状结合" d="M9.84082 1.13086C9.75 1.03906 9.63086 1 9.5 1L4.07031 1C3.05078 1 2.23047 1.82031 2.23047 2.83008L2.23047 13.1602C2.23047 14.1699 3.05078 15 4.07031 15L8.05078 15C8.33008 15 8.55078 14.7695 8.55078 14.5C8.55078 14.2207 8.33008 14 8.05078 14L4.07031 14C3.60059 14 3.23047 13.6191 3.23047 13.1602L3.23047 2.83008L3.24023 2.7207C3.29004 2.31055 3.64062 2 4.07031 2L9.30078 2L12.7607 5.2207L12.7607 8.51953C12.7607 8.78906 12.9805 9.01953 13.2607 9.01953C13.5303 9.01953 13.7607 8.78906 13.7607 8.51953L13.7607 5C13.7607 4.85938 13.7002 4.73047 13.6006 4.63086L9.84082 1.13086ZM11 6.5C11 6.2207 10.7705 6 10.5 6L5.5 6C5.2207 6 5 6.2207 5 6.5C5 6.76953 5.2207 7 5.5 7L10.5 7C10.7705 7 11 6.76953 11 6.5ZM7.5 9C7.77051 9 8 9.2207 8 9.5C8 9.76953 7.77051 10 7.5 10L5.5 10C5.2207 10 5 9.76953 5 9.5C5 9.2207 5.2207 9 5.5 9L7.5 9ZM13.3105 10.4004L13.3008 10.4805C12.6807 9.94922 11.8203 9.76953 11.0107 10.0508C10.2803 10.3105 9.73047 10.9004 9.52051 11.6309C9.46094 11.8398 9.58008 12.0703 9.79004 12.1309C10 12.1895 10.2305 12.0703 10.29 11.8496C10.4307 11.3691 10.79 10.9805 11.2803 10.8105C11.8008 10.6309 12.3604 10.7402 12.7607 11.0703L12.5303 11.0508C12.3105 11.0293 12.1201 11.1992 12.1006 11.4199C12.0801 11.6406 12.2402 11.8301 12.4609 11.8496L13.5801 11.9492C13.79 11.9609 13.9902 11.8008 14.0107 11.5801L14.1104 10.4707C14.1309 10.25 13.9609 10.0508 13.7402 10.0293L13.6602 10.0293C13.4805 10.0508 13.3301 10.1992 13.3105 10.4004ZM13.9209 12.4609C14.1406 12.5195 14.2607 12.7402 14.2109 12.9492C14.0107 13.7109 13.4502 14.3301 12.6904 14.5898C11.8701 14.8809 10.9805 14.6797 10.3506 14.1191C10.3301 14.3105 10.1807 14.5195 9.99023 14.5391L9.91016 14.5391C9.69043 14.5195 9.53027 14.3301 9.55078 14.1094L9.65039 12.9902C9.6709 12.7695 9.86035 12.6094 10.0801 12.6309L11.1904 12.7207C11.4102 12.7402 11.5801 12.9297 11.5605 13.1602C11.54 13.3809 11.3506 13.5391 11.1309 13.5195L10.8604 13.5C11.2705 13.8906 11.8809 14.0293 12.4307 13.8398C12.9307 13.6602 13.3105 13.25 13.4307 12.75C13.4902 12.5391 13.7109 12.4102 13.9209 12.4609Z" clip-rule="evenodd" fill-opacity="1.000000" fill-rule="evenodd"/>
+	</g>
+</svg>
diff --git a/packages/theme-saas/src/svgs/update.svg b/packages/theme-saas/src/svgs/update.svg
new file mode 100644
index 000000000..5a2eec6bb
--- /dev/null
+++ b/packages/theme-saas/src/svgs/update.svg
@@ -0,0 +1,7 @@
+<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+	<desc fill="none">
+			Created with Pixso.
+	</desc>
+	<defs fill="none" />
+	<path id="形状结合-path" d="M8.5 5.21L11.36 8.59C11.58 8.84 11.53 9.19 11.26 9.38C11.01 9.58 10.63 9.54 10.43 9.29L8.6 7.12L8.6 11.43C8.6 11.75 8.32 12 8 12C7.66 12 7.4 11.75 7.4 11.43L7.4 7.18L5.55 9.3C5.37 9.51 5.04 9.56 4.81 9.43L4.71 9.38C4.46 9.18 4.42 8.83 4.63 8.59L7.57 5.21C7.81 4.92 8.26 4.92 8.5 5.21Z" fill-opacity="1.000000" fill-rule="evenodd"/>
+</svg>
diff --git a/packages/theme/src/calendar-view/index.less b/packages/theme/src/calendar-view/index.less
index c079b9f35..733fd8197 100644
--- a/packages/theme/src/calendar-view/index.less
+++ b/packages/theme/src/calendar-view/index.less
@@ -34,6 +34,9 @@
   &__header div:first-child {
     flex-grow: 1;
   }
+  &__header div:first-child{
+    flex-grow: 1;
+  }
 
   &__picker {
     flex-shrink: 0;
diff --git a/packages/theme/src/dialog-select/index.less b/packages/theme/src/dialog-select/index.less
index 26a5d78f5..69636f54b 100644
--- a/packages/theme/src/dialog-select/index.less
+++ b/packages/theme/src/dialog-select/index.less
@@ -14,34 +14,76 @@
 @import './vars.less';
 
 @dialog-select-prefix-cls: ~'@{css-prefix}dialog-select';
-@dialog-box-prefix-cls: ~'@{css-prefix}dialog-box';
 
 .@{dialog-select-prefix-cls} {
-  .component-css-vars-dialog-select();
-
-  .@{dialog-box-prefix-cls}__body {
-    margin-top: var(--ti-dialog-box-body-margin-top);
-    margin-bottom: var(--ti-dialog-box-body-margin-bottom);
-  }
+  .inject-DialogSelect-vars();
 
   .@{dialog-select-prefix-cls}__body {
+    &-search {
+      margin-bottom: var(--tv-DialogSelect-search-margin-bottom);
+    }
 
-    &-search,
     &-selector {
-      margin-bottom: var(--ti-dialog-select-body-margin-bottom);
+      .tiny-split-pane {
+        &.left-pane {
+          padding-right: var(--tv-DialogSelect-split-pane-padding-right-left);
+        }
+      }
+
+      .tiny-split-trigger-con-simple:hover {
+        .tiny-split-trigger {
+          background: transparent;
+        }
+      }
+
+      .tiny-split-trigger-vertical {
+        background-color: transparent;
+      }
+    }
+
+    &-grid {
+      border: var(--tv-DialogSelect-body-box-border);
+      border-radius: var(--tv-DialogSelect-border-radius);
+      overflow: hidden;
     }
 
     &-tree {
-      margin-right: var(--ti-dialog-select-tree-margin-right);
+      margin-right: var(--tv-DialogSelect-tree-margin-right);
+
+      .tiny-input-prefix .tiny-input__inner {
+        padding-left: var(--tv-DialogSelect-search-input-padding-left);
+      }
+
+      .tiny-input__prefix {
+        display: inline-block;
+
+        .tiny-svg {
+          font-size: var(--tv-DialogSelect-icon-size);
+        }
+      }
+
+      &-wrapper {
+        margin-top: var(--tv-DialogSelect-tree-wrapper-margin-top);
+        border: var(--tv-DialogSelect-body-box-border);
+        border-radius: var(--tv-DialogSelect-border-radius);
+        padding: var(--tv-DialogSelect-tree-wrapper-padding);
+
+        > div {
+          height: 100%;
+          overflow: auto;
+
+          .tiny-tree {
+            padding: 0;
+          }
+        }
+      }
     }
 
     &-box {
-      border: var(--ti-dialog-select-body-box-border-weight) var(--ti-dialog-select-body-box-border-style) var(--ti-dialog-select-body-box-border-color);
-      border-left: none;
-    }
-
-    &-tree-wrapper {
-      overflow: auto;
+      border: var(--tv-DialogSelect-body-box-border);
+      border-radius: var(--tv-DialogSelect-border-radius);
+      margin-left: var(--tv-DialogSelect-box-margin-left);
+      overflow: hidden;
     }
   }
 
@@ -49,34 +91,26 @@
     display: flex;
     justify-content: space-between;
     align-items: center;
-    padding: var(--ti-dialog-select-footer-padding-vertical) var(--ti-dialog-select-footer-padding-horizontal);
 
     &-pager {
       .tiny-pager {
-        padding: var(--ti-dialog-select-pager-padding-vertical) var(--ti-dialog-select-pager-padding-horizontal);
+        padding: 0;
 
         &__btn-prev {
-          margin-left: var(--ti-dialog-select-pager-prev-margin-left);
+          margin-left: 0;
         }
       }
     }
   }
 
-  .tiny-grid__body-wrapper {
-    border-bottom: var(--ti-dialog-select-grid-body-border-weight-bottom);
-  }
-
   .tiny-split-trigger-con-vertical.tiny-split-trigger-con-simple {
-    padding-left: var(--ti-dialog-select-split-simple-padding-left);
-    padding-right: var(--ti-dialog-select-split-simple-padding-right);
-  }
-
-  .tiny-split-trigger-vertical {
-    background-color: var(--ti-dialog-select-split-bg-color);
+    padding: var(--tv-DialogSelect-split-trigger-padding);
   }
 
   .tiny-split-wrapper {
     box-shadow: none;
+    border: none;
+    border-radius: 0;
   }
 
   &.radio-check {
@@ -85,7 +119,27 @@
     }
 
     .tiny-dialog-select__body-tree {
-      margin-right: var(--ti-dialog-select-tree-radio-margin-right);
+      margin-right: 0;
+    }
+
+    .@{dialog-select-prefix-cls}__body-grid {
+      border: none;
+      border-radius: 0;
+      overflow: auto;
     }
   }
-}
\ No newline at end of file
+
+  &.is-tree {
+    .tiny-split-pane {
+      &.left-pane {
+        padding-right: 0;
+      }
+
+      &.right-pane {
+        .tiny-dialog-select__body-box {
+          margin-left: 0;
+        }
+      }
+    }
+  }
+}
diff --git a/packages/theme/src/dialog-select/vars.less b/packages/theme/src/dialog-select/vars.less
index 513428f92..c16509504 100644
--- a/packages/theme/src/dialog-select/vars.less
+++ b/packages/theme/src/dialog-select/vars.less
@@ -10,39 +10,31 @@
 *
 */
 
-.component-css-vars-dialog-select() {
-  // 弹窗主体的顶部外边距
-  --ti-dialog-box-body-margin-top: var(--ti-common-space-4x, 16px);
-  // 弹窗主体的底部外边距
-  --ti-dialog-box-body-margin-bottom: var(--ti-common-space-0, 0px);
-  // 选择主体的底部外边距
-  --ti-dialog-select-body-margin-bottom: var(--ti-common-space-4x, 16px);
+.inject-DialogSelect-vars() {
+  // 左侧表格的圆角
+  --tv-DialogSelect-border-radius: var(--tv-border-radius-md, 6px);
+  // 图标尺寸
+  --tv-DialogSelect-icon-size: var(--tv-icon-size, 16px);
+
+  // 搜索区域底部外边距
+  --tv-DialogSelect-search-margin-bottom: var(--tv-space-md, 8px);
+  // 搜索框左侧内间距
+  --tv-DialogSelect-search-input-padding-left: 32px;
+
   // 树选择的右侧外边距
-  --ti-dialog-select-tree-margin-right: var(--ti-common-space-2x, 8px);
+  --tv-DialogSelect-tree-margin-right: var(--tv-space-md, 8px);
+  // 树容器内边距
+  --tv-DialogSelect-tree-wrapper-padding: var(--tv-space-md, 8px) var(--tv-space-sm, 4px) var(--tv-space-md, 8px)
+    var(--tv-space-xl, 16px);
+  // 树容器顶部外边距
+  --tv-DialogSelect-tree-wrapper-margin-top: var(--tv-space-md, 8px);
   // 选择主体的边框粗细
-  --ti-dialog-select-body-box-border-weight: var(--ti-common-border-weight-normal, 1px);
-  // 选择主体的边框样式
-  --ti-dialog-select-body-box-border-style: var(--ti-common-border-style-solid, solid);
-  // 选择主题的边框颜色
-  --ti-dialog-select-body-box-border-color: var(--ti-common-color-line-normal, #c2c2c2);
-  // 选择底部的水平方向内边距
-  --ti-dialog-select-footer-padding-horizontal: var(--ti-common-space-6x, 24px);
-  // 选择底部的垂直方向的内边距
-  --ti-dialog-select-footer-padding-vertical: var(--ti-common-space-0, 0px);
-  // 分页的水平方向内边距
-  --ti-dialog-select-pager-padding-horizontal: var(--ti-common-space-0, 0px);
-  // 分页的垂直方向内边距
-  --ti-dialog-select-pager-padding-vertical: var(--ti-common-space-0, 0px);
-  // 分页的上一页按钮的左侧外边距
-  --ti-dialog-select-pager-prev-margin-left: var(--ti-common-space-0, 0px);
-  // 表格主体的底部边框
-  --ti-dialog-select-grid-body-border-weight-bottom: var(--ti-common-space-0, 0px);
-  // 树单选时右侧外边距
-  --ti-dialog-select-tree-radio-margin-right: var(--ti-common-space-0, 0px);
-  // 面板分割线的背景色
-  --ti-dialog-select-split-bg-color: rgba(22, 30, 38, 0.2);
+  --tv-DialogSelect-body-box-border: var(--tv-border-width, 1px) solid var(--tv-color-border, #c2c2c2);
+  // 右侧选择框的左侧外边距
+  --tv-DialogSelect-box-margin-left: var(--tv-space-sm, 4px);
+
   // 面板分割线左侧内边距
-  --ti-dialog-select-split-simple-padding-left: var(--ti-common-dropdown-gap, 4px);
-  // 面板分割线右侧内边距
-  --ti-dialog-select-split-simple-padding-right: var(--ti-common-dropdown-gap, 4px);
-}
\ No newline at end of file
+  --tv-DialogSelect-split-trigger-padding: 0 var(--tv-space-sm, 4px);
+  // 左侧面板的右侧内间距
+  --tv-DialogSelect-split-pane-padding-right-left: var(--tv-space-sm, 4px);
+}
diff --git a/packages/theme/src/grid/table.less b/packages/theme/src/grid/table.less
index c00ea8b82..10b68ba3f 100644
--- a/packages/theme/src/grid/table.less
+++ b/packages/theme/src/grid/table.less
@@ -418,7 +418,8 @@
     background-color: var(--tv-Grid-bg-color);
 
     // 勾选某一行时的背景颜色
-    &.row__selected {
+    &.row__selected,
+    &.row__radio {
       background-color: var(--tv-Grid-bg-color-selected);
     }
     // 选中某一行时的背景颜色
diff --git a/packages/theme/src/selected-box/index.less b/packages/theme/src/selected-box/index.less
index b197ca224..03d4ed08e 100644
--- a/packages/theme/src/selected-box/index.less
+++ b/packages/theme/src/selected-box/index.less
@@ -1,23 +1,27 @@
 @import '../custom.less';
+@import './vars.less';
+
 @selected-box-prefix-cls: ~'@{css-prefix}selected-box';
 
 .@{selected-box-prefix-cls} {
+  .inject-SelectedBox-vars();
+
   height: 100%;
-  margin-left: 0.5rem;
-  margin-right: 0.5rem;
   display: grid;
   grid-template-columns: repeat(1, minmax(0, 1fr));
-  grid-template-rows: 36px auto;
-  background-color: rgb(255 255 255);
+  grid-template-rows: var(--tv-SelectedBox-header-height) auto;
+  background-color: var(--tv-SelectedBox-bg-color);
+  font-size: var(--tv-SelectedBox-font-size);
+  line-height: var(--tv-SelectedBox-line-height);
+  color: var(--ti-selected-text-color);
 
   .@{selected-box-prefix-cls}__header {
     display: flex;
     justify-content: space-between;
     align-items: center;
-    font-size: 0.75rem;
-    color: #191919;
-    padding-left: 0.5rem;
-    padding-right: 0.5rem;
+    padding: var(--tv-SelectedBox-header-padding);
+    border-bottom: var(--tv-SelectedBox-header-border);
+    height: var(--tv-SelectedBox-header-height);
 
     .@{selected-box-prefix-cls}__header-select {
       max-width: 8rem;
@@ -30,7 +34,7 @@
     .@{selected-box-prefix-cls}__header-right {
       display: flex;
       user-select: none;
-      color: #0067d1;
+      color: var(--tv-SelectedBox-text-color-clear);
 
       > :not([hidden]) ~ :not([hidden]) {
         margin-right: 0;
@@ -46,22 +50,19 @@
   .@{selected-box-prefix-cls}__list {
     overflow-x: hidden;
     overflow-y: auto;
-    font-size: 0.75rem;
-    color: #191919;
+    padding: var(--tv-SelectedBox-list-padding);
 
     .@{selected-box-prefix-cls}__item {
       cursor: pointer;
-      padding-left: 0.5rem;
-      padding-right: 0.5rem;
-      border-radius: 0.125rem;
+      padding: var(--tv-SelectedBox-item-padding);
 
       &:hover {
-        background-color: #f5f5f5;
+        background-color: var(--tv-SelectedBox-bg-color-hover);
       }
 
       .@{selected-box-prefix-cls}__item-grid {
         display: grid;
-        grid-template-columns: auto 24px;
+        grid-template-columns: auto var(--tv-SelectedBox-item-right-width);
 
         .@{selected-box-prefix-cls}__item-grid-left {
           overflow: hidden;
@@ -69,61 +70,65 @@
           white-space: nowrap;
 
           .@{selected-box-prefix-cls}__item-grid-left-label {
-            height: 1.75rem;
             overflow: hidden;
             text-overflow: ellipsis;
             white-space: nowrap;
-            transform: translateY(0.25rem);
 
             .@{selected-box-prefix-cls}__item-grid-left-label-pri {
               overflow: hidden;
               text-overflow: ellipsis;
               white-space: nowrap;
               position: relative;
-              top: 50%;
-              transform: translateY(-50%);
             }
           }
 
           .@{selected-box-prefix-cls}__item-grid-left-text {
-            height: 1.75rem;
             overflow: hidden;
             text-overflow: ellipsis;
             white-space: nowrap;
-            transform: translateY(-0.25rem);
 
             .@{selected-box-prefix-cls}__item-grid-left-text-aux {
               overflow: hidden;
               text-overflow: ellipsis;
               white-space: nowrap;
-              color: #939393;
+              color: var(--tv-SelectedBox-item-aux-text-color);
               position: relative;
-              top: 50%;
-              transform: translateY(-50%);
             }
           }
         }
 
         .@{selected-box-prefix-cls}__item-grid-right {
-          height: 1.75rem;
-          transform: translateY(0.25rem);
           display: flex;
           align-items: center;
           justify-content: flex-end;
-          fill: #393939;
+          fill: var(--tv-SelectedBox-icon-color);
+          height: var(--tv-SelectedBox-item-right-height);
+
+          .tiny-svg {
+            font-size: var(--tv-SelectedBox-icon-size);
+          }
 
           &:hover {
-            fill: #0072e8;
+            fill: var(--tv-SelectedBox-icon-color-hover);
           }
         }
       }
     }
+
+    &-empty {
+      text-align: center;
+      color: var(--tv-SelectedBox-text-color-empty);
+
+      > div {
+        margin-top: 50%;
+      }
+    }
   }
 
   .@{selected-box-prefix-cls}__list--inverse {
     text-decoration-line: line-through;
     text-decoration-style: solid;
-    text-decoration-color: #191919;
+    text-decoration-color: var(--tv-SelectedBox-text-color);
   }
 
   .@{selected-box-prefix-cls}__popover {
diff --git a/packages/theme/src/selected-box/vars.less b/packages/theme/src/selected-box/vars.less
new file mode 100644
index 000000000..30be508d3
--- /dev/null
+++ b/packages/theme/src/selected-box/vars.less
@@ -0,0 +1,56 @@
+/**
+* Copyright (c) 2022 - present TinyVue Authors.
+* Copyright (c) 2022 - present Huawei Cloud Computing Technologies Co., Ltd.
+*
+* Use of this source code is governed by an MIT-style license.
+*
+* THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
+* BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
+* A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
+*
+*/
+
+.inject-SelectedBox-vars() {
+  // 文本色
+  --tv-SelectedBox-text-color: var(--tv-color-text, #191919);
+  // 字号
+  --tv-SelectedBox-font-size: var(--tv-font-size-md, 14px);
+  // 行高
+  --tv-SelectedBox-line-height: var(--tv-line-height-number, 1.5);
+  // 背景色
+  --tv-SelectedBox-bg-color: var(--tv-color-bg-secondary, #fff);
+  // 悬浮背景色
+  --tv-SelectedBox-bg-color-hover: var(--tv-color-bg-hover, #f5f5f5);
+
+  // 图标色
+  --tv-SelectedBox-icon-color: var(--tv-color-icon, #808080);
+  // 图标悬浮色
+  --tv-SelectedBox-icon-color-hover: var(--tv-color-icon-hover#191919);
+  // 图标尺寸
+  --tv-SelectedBox-icon-size: var(--tv-icon-size, 16px);
+
+  // 列表框内间距
+  --tv-SelectedBox-list-padding: var(--tv-space-md, 8px) 0;
+  // 空数据提示文本色
+  --tv-SelectedBox-text-color-empty: var(--tv-color-text-secondary, #595959);
+  // 清空按钮文本色
+  --tv-SelectedBox-text-color-clear: var(--tv-color-icon-link, #1476ff);
+
+  // 头部高度
+  --tv-SelectedBox-header-height: var(--tv-size-height-md, 32px);
+  //头部内间距
+  --tv-SelectedBox-header-padding: 0px var(--tv-space-lg, 12px);
+  // 头部分割线
+  --tv-SelectedBox-header-border: var(--tv-border-width, 1px) solid var(--tv-color-border-divider, #f0f0f0);
+
+  // 列表项内间距
+  --tv-SelectedBox-item-padding: 5.5px var(--tv-space-lg, 12px);
+  // 列表项右侧高度
+  --tv-SelectedBox-item-right-height: calc(
+    var(--tv-SelectedBox-line-height, 1.5) * var(--tv-SelectedBox-font-size, 14px)
+  );
+  // 列表项右侧宽度
+  --tv-SelectedBox-item-right-width: 24px;
+  // 列表项弱化文本色
+  --tv-SelectedBox-item-aux-text-color: var(--tv-color-text-weaken, #808080);
+}
diff --git a/packages/theme/src/svgs/agency.svg b/packages/theme/src/svgs/agency.svg
new file mode 100644
index 000000000..7910aaaeb
--- /dev/null
+++ b/packages/theme/src/svgs/agency.svg
@@ -0,0 +1,9 @@
+<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+	<desc fill="none">
+			Created with Pixso.
+	</desc>
+	<defs fill="none" />
+	<g>
+		<path id="path" d="M8 15C8.26953 15 8.5 14.7695 8.5 14.5C8.5 14.2207 8.26953 14 8 14L4.69043 14C3.75 14 3 13.3301 3 12.5L3 3.5C3 2.66016 3.75 2 4.69043 2L11.2998 2C12.2402 2 13 2.66016 13 3.5L13 6.16016C13 6.43945 13.2197 6.66016 13.5 6.66016C13.7695 6.66016 14 6.43945 14 6.16016L14 3.5C14 2.10938 12.7803 1 11.2998 1L4.69043 1C3.20996 1 2 2.10938 2 3.5L2 12.5C2 13.8809 3.20996 15 4.69043 15L8 15ZM5.5 5C5.21973 5 5 5.2207 5 5.5C5 5.76953 5.21973 6 5.5 6L10.5 6C10.7695 6 11 5.76953 11 5.5C11 5.2207 10.7695 5 10.5 5L5.5 5ZM15.3799 12.7402L15.4102 13.7793C15.4102 14.3496 14.9297 14.8301 14.3398 14.8301L10.0898 14.8301C9.50977 14.8301 9.03027 14.3496 9.03027 13.7793L9.03027 12.7402C9.03027 12.0996 9.5 11.5605 10.1104 11.4297L10.6602 11.3203C10.5801 11.1895 10.5195 11.0703 10.4805 10.9297C10.4805 10.9297 10.4404 10.8398 10.4404 10.8301L10.4102 10.6895C10.4004 10.5605 10.3896 10.4902 10.3896 10.4102L10.3896 9.67969L10.4004 9.58008C10.4004 9.56055 10.4199 9.41992 10.4199 9.41016C10.6602 8.58008 11.3799 8.05078 12.1797 8.05078C13.1797 8.05078 14 8.83984 14 9.82031L14 10.4102C14 10.7402 13.9102 11.0508 13.75 11.3203L14.2803 11.4297C14.9102 11.5605 15.3604 12.0996 15.3799 12.7402ZM5.5 8.16016L8.5 8.16016C8.76953 8.16016 9 8.38086 9 8.66016C9 8.92969 8.76953 9.16016 8.5 9.16016L5.5 9.16016C5.21973 9.16016 5 8.92969 5 8.66016C5 8.38086 5.21973 8.16016 5.5 8.16016ZM14.1504 12.3203C14.3398 12.3496 14.5 12.5293 14.5 12.7402L14.5303 13.7793C14.5303 13.8594 14.46 13.9199 14.3799 13.9199L10.1299 13.9199C10.0303 13.9199 9.96973 13.8594 9.96973 13.7793L9.96973 12.7402C9.96973 12.5293 10.1104 12.3496 10.3301 12.3203L11.7197 12.0195C11.9004 11.9902 12.0498 11.8301 12.0703 11.6504C12.0801 11.4609 11.9902 11.2598 11.8203 11.1797C11.5996 11.0801 11.4297 10.8906 11.3496 10.6309L11.3301 10.5098L11.3301 9.73047L11.3496 9.59961C11.46 9.23047 11.8301 8.96094 12.2402 8.96094C12.75 8.96094 13.1602 9.33984 13.1602 9.83008L13.1602 10.4102C13.1602 10.7402 12.9697 11.0293 12.6602 11.1797C12.4902 11.2598 12.3896 11.4609 12.4102 11.6504C12.4199 11.8301 12.5703 11.9902 12.75 12.0195L14.1504 12.3203Z" clip-rule="evenodd" fill-opacity="1.000000" fill-rule="evenodd"/>
+	</g>
+</svg>
diff --git a/packages/theme/src/svgs/app.svg b/packages/theme/src/svgs/app.svg
index ad5eddbe8..1cfcca3f1 100644
--- a/packages/theme/src/svgs/app.svg
+++ b/packages/theme/src/svgs/app.svg
@@ -1,6 +1,9 @@
-<?xml version="1.0" encoding="utf-8"?>
-<svg viewBox="0 0 1026 1024" version="1.1" xmlns="http://www.w3.org/2000/svg">
-  <path d="M512.2592 569.6c-6.4 0-12.8 0-12.8-6.4L19.4592 326.4C6.6592 320 0.2592 313.6 0.2592 300.8s6.4-25.6 19.2-25.6L499.4592 38.4c6.4-6.4 19.2-6.4 25.6 0l480 236.8c12.8 0 19.2 12.8 19.2 25.6s-6.4 19.2-19.2 25.6L525.0592 569.6H512.2592zM102.6592 300.8L512.2592 505.6l409.6-204.8L512.2592 96 102.6592 300.8z"></path>
-  <path d="M512.2592 806.4c-6.4 0-12.8 0-12.8-6.4L19.4592 563.2c-19.2-12.8-25.6-32-12.8-44.8 6.4-12.8 25.6-19.2 44.8-12.8L512.2592 736l467.2-230.4c12.8-6.4 32 0 44.8 12.8 6.4 12.8 0 32-12.8 44.8l-480 236.8c-6.4 0-12.8 6.4-19.2 6.4z"></path>
-  <path d="M512.2592 992c-6.4 0-12.8 0-12.8-6.4L19.4592 748.8c-12.8-6.4-19.2-25.6-12.8-44.8 6.4-12.8 25.6-19.2 44.8-12.8L512.2592 928l467.2-230.4c12.8-6.4 32 0 44.8 12.8 6.4 12.8 0 32-12.8 44.8l-480 236.8H512.2592z"></path>
-</svg>
\ No newline at end of file
+<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+	<desc fill="none">
+			Created with Pixso.
+	</desc>
+	<defs fill="none"/>
+	<g>
+		<path id="形状" d="M9.1001 1.59961C8.42017 1.24023 7.58008 1.24023 6.90015 1.59961L2.03003 4.24023C1.82007 4.35938 1.64014 4.51953 1.52002 4.73047C1.13013 5.36914 1.36011 6.18945 2.03003 6.55078L6.90015 9.17969C7.58008 9.55078 8.42017 9.55078 9.1001 9.17969L13.9702 6.55078C14.1802 6.42969 14.3601 6.25977 14.48 6.06055C14.8701 5.41992 14.6401 4.59961 13.9702 4.24023L9.1001 1.59961ZM8.62012 2.48047C8.23999 2.2793 7.76001 2.2793 7.38013 2.48047L2.51001 5.11914C2.4502 5.15039 2.41016 5.18945 2.38013 5.24023C2.29004 5.39062 2.34009 5.58008 2.51001 5.66992L7.38013 8.30078C7.77002 8.50977 8.23999 8.50977 8.62012 8.30078L13.5 5.66992C13.5601 5.64062 13.6001 5.59961 13.6301 5.54102C13.72 5.40039 13.6602 5.21094 13.5 5.11914L8.62012 2.48047ZM13.9602 8.24023C14.2102 8.10938 14.51 8.21094 14.6401 8.46094C14.76 8.69922 14.6602 9 14.4202 9.13086L9 11.9004C8.37012 12.2207 7.61011 12.2207 6.97998 11.8809L1.82007 9.11914C1.57007 9 1.47998 8.68945 1.61011 8.44922C1.73999 8.19922 2.04004 8.11914 2.28003 8.24023L7.4502 11C7.79004 11.1797 8.2002 11.1797 8.54004 11L13.9602 8.24023ZM14.6401 11.0098C14.51 10.7598 14.2102 10.6602 13.9602 10.791L8.54004 13.5605C8.2002 13.7402 7.79004 13.7305 7.4502 13.5508L2.28003 10.8008C2.04004 10.6699 1.73999 10.7598 1.61011 11C1.47998 11.2402 1.57007 11.5508 1.82007 11.6797L6.97998 14.4297C7.61011 14.7695 8.37012 14.7793 9 14.4492L14.4202 11.6797C14.6602 11.5605 14.76 11.2598 14.6401 11.0098Z" clip-rule="evenodd" fill-opacity="1.000000" fill-rule="evenodd"/>
+	</g>
+</svg>
diff --git a/packages/theme/src/svgs/chevron-down.svg b/packages/theme/src/svgs/chevron-down.svg
index ee2f28682..71787e8cf 100644
--- a/packages/theme/src/svgs/chevron-down.svg
+++ b/packages/theme/src/svgs/chevron-down.svg
@@ -1,15 +1,12 @@
 <?xml version="1.0" encoding="utf-8"?>
-<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg"
-	xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-	viewBox="0 0 24 24" xml:space="preserve">
-<g id="Icon">
-	<g id="UI-icons-英文名" transform="translate(-832.000000, -311.000000)">
-		<g id="方向性图标" transform="translate(101.000000, 304.000000)">
-			<g id="chevron-down" transform="translate(728.000000, 0.000000)">
-				<path id="Shape" class="st0" d="M24,14c0,0.2-0.1,0.5-0.2,0.6l-8,9.9C15.6,24.9,15.3,25,15,25c-0.3,0-0.6-0.1-0.8-0.4l-7.9-9.9
-					c-0.4-0.4-0.3-1.1,0.2-1.4c0.4-0.4,1.1-0.3,1.4,0.2l7.2,8.9l7.2-8.9c0.4-0.4,1-0.5,1.4-0.2C23.9,13.4,24,13.7,24,14z"/>
-			</g>
-		</g>
-	</g>
-</g>
-</svg>
\ No newline at end of file
+<!-- Generator: Adobe Illustrator 26.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 16 16" style="enable-background:new 0 0 16 16;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:none;}
+</style>
+<rect id="矩形" class="st0"/>
+<path id="路径" class="st1" d="M3.16,5.36c0.22-0.22,0.55-0.24,0.79-0.07l0.09,0.07L8,9.32l3.96-3.96
+	c0.22-0.22,0.55-0.24,0.79-0.07l0.09,0.07c0.22,0.22,0.24,0.55,0.07,0.79l-0.07,0.09l-4.4,4.4c-0.22,0.22-0.55,0.24-0.79,0.07
+	l-0.09-0.07l-4.4-4.4C2.92,6,2.92,5.6,3.16,5.36z"/>
+</svg>
diff --git a/packages/theme/src/svgs/chevron-left.svg b/packages/theme/src/svgs/chevron-left.svg
index cdbde3c56..adec662ad 100644
--- a/packages/theme/src/svgs/chevron-left.svg
+++ b/packages/theme/src/svgs/chevron-left.svg
@@ -1,13 +1,10 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- Generator: Adobe Illustrator 26.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-	 viewBox="0 0 16 16" style="enable-background:new 0 0 16 16;" xml:space="preserve">
-<style type="text/css">
-	.st0{fill-rule:evenodd;clip-rule:evenodd;fill:#D8D8D8;fill-opacity:0;}
-	.st1{fill-rule:evenodd;clip-rule:evenodd;}
-</style>
-<rect id="矩形" class="st0" width="16" height="16"/>
-<path id="Stroke-1-Copy" class="st1" d="M10.56,1.23c0.33-0.3,0.86-0.3,1.19,0c0.29,0.27,0.32,0.69,0.1,0.99l-0.1,0.11L5.74,7.88
-	C5.68,7.93,5.67,8,5.7,8.06l0.04,0.05l6.02,5.56c0.33,0.3,0.33,0.8,0,1.1c-0.29,0.27-0.75,0.3-1.07,0.09l-0.12-0.09L4.54,9.22
-	C3.87,8.59,3.82,7.61,4.4,6.93l0.14-0.15L10.56,1.23z"/>
+<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+	<desc fill="none">
+			Created with Pixso.
+	</desc>
+	<defs fill="none">
+	</defs>
+	<g>
+		<path id="路径" d="M5.42 7.42C5.11 7.74 5.11 8.25 5.42 8.56L9.52 12.66C9.75 12.89 10.14 12.89 10.37 12.66C10.6 12.42 10.6 12.05 10.37 11.81L6.56 8L10.37 4.17C10.58 3.97 10.6 3.64 10.43 3.41C10.2 3.17 9.76 3.11 9.52 3.33L5.42 7.42Z" fill-opacity="1.000000" fill-rule="nonzero"/>
+	</g>
 </svg>
diff --git a/packages/theme/src/svgs/chevron-right.svg b/packages/theme/src/svgs/chevron-right.svg
index 80c31c5c8..8b4b29c58 100644
--- a/packages/theme/src/svgs/chevron-right.svg
+++ b/packages/theme/src/svgs/chevron-right.svg
@@ -1,13 +1,10 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- Generator: Adobe Illustrator 26.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-	 viewBox="0 0 16 16" style="enable-background:new 0 0 16 16;" xml:space="preserve">
-<style type="text/css">
-	.st0{fill-rule:evenodd;clip-rule:evenodd;fill:#D8D8D8;fill-opacity:0;}
-	.st1{fill-rule:evenodd;clip-rule:evenodd;}
-</style>
-<rect id="矩形" class="st0"/>
-<path id="Stroke-1-Copy" class="st1" d="M5.44,1.23c-0.33-0.3-0.86-0.3-1.19,0C3.95,1.5,3.92,1.92,4.15,2.22l0.1,0.11l6.02,5.56
-	C10.32,7.93,10.33,8,10.3,8.06l-0.04,0.05l-6.02,5.56c-0.33,0.3-0.33,0.8,0,1.1c0.29,0.27,0.75,0.3,1.07,0.09l0.12-0.09l6.02-5.56
-	c0.67-0.62,0.72-1.61,0.14-2.28l-0.14-0.15L5.44,1.23z"/>
+<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+	<desc fill="none">
+			Created with Pixso.
+	</desc>
+	<defs fill="none">
+	</defs>
+	<g>
+		<path id="路径" d="M10.56 7.43C10.88 7.74 10.88 8.25 10.56 8.56L6.46 12.66C6.23 12.9 5.85 12.9 5.61 12.66C5.38 12.43 5.38 12.05 5.61 11.81L9.43 8L5.61 4.18C5.4 3.97 5.38 3.64 5.55 3.4L5.61 3.33C5.85 3.09 6.23 3.09 6.46 3.33L10.56 7.43Z" fill-opacity="1.000000" fill-rule="nonzero"/>
+	</g>
 </svg>
diff --git a/packages/theme/src/svgs/close.svg b/packages/theme/src/svgs/close.svg
index 62716536a..e7316da3d 100644
--- a/packages/theme/src/svgs/close.svg
+++ b/packages/theme/src/svgs/close.svg
@@ -1,13 +1,9 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- Generator: Adobe Illustrator 26.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-	 viewBox="0 0 16 16" style="enable-background:new 0 0 16 16;" xml:space="preserve">
-<style type="text/css">
-	.st0{fill:none;}
-	.st1{fill-rule:evenodd;clip-rule:evenodd;}
-</style>
-<polygon id="Fill-1" class="st0" points="0,16 16,16 16,0 0,0 "/>
-<path id="形状结合" class="st1" d="M4.25,3.4L8,7.15l3.75-3.75c0.23-0.23,0.61-0.23,0.85,0c0.23,0.23,0.23,0.62,0,0.85L8.85,8
-	l3.75,3.75c0.23,0.24,0.23,0.62,0,0.85c-0.23,0.23-0.61,0.23-0.85,0L8,8.85L4.25,12.6c-0.23,0.23-0.61,0.23-0.85,0
-	c-0.24-0.23-0.24-0.61,0-0.85L7.15,8L3.4,4.25c-0.23-0.23-0.23-0.61,0-0.85C3.64,3.17,4.02,3.17,4.25,3.4z"/>
+<svg  viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+	<desc fill="none">
+			Created with Pixso.
+	</desc>
+	<defs fill="none" />
+	<g>
+		<path id="path" d="M12.49 3.3C12.66 3.47 12.66 3.74 12.54 3.92L8.58 7.89L12.49 11.77C12.7 11.96 12.72 12.25 12.54 12.48C12.37 12.67 12.05 12.72 11.83 12.54L7.88 8.58L4 12.49C3.82 12.66 3.5 12.67 3.32 12.5C3.13 12.33 3.08 12.05 3.24 11.83L7.17 7.89L3.29 4C3.12 3.79 3.13 3.48 3.33 3.29C3.5 3.15 3.75 3.13 3.91 3.24L7.88 7.17L11.78 3.3C11.96 3.08 12.29 3.08 12.49 3.3Z" fill-opacity="1.000000" fill-rule="evenodd"/>
+	</g>
 </svg>
diff --git a/packages/theme/src/svgs/del.svg b/packages/theme/src/svgs/del.svg
index 711653ccc..ba4da63b2 100644
--- a/packages/theme/src/svgs/del.svg
+++ b/packages/theme/src/svgs/del.svg
@@ -1,20 +1,9 @@
-<?xml version="1.0" encoding="utf-8"?>
-<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg"
-	xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-	viewBox="0 0 24 24" xml:space="preserve">
-<g id="Icon">
-	<g id="UI-icons-英文名" transform="translate(-622.000000, -1647.000000)">
-		<g id="网站通用图标" transform="translate(101.000000, 1053.000000)">
-			<g id="del" transform="translate(519.000000, 593.000000)">
-				<path id="Shape" class="st0" d="M24.8,6.3C24.6,6.1,24.2,6,24,6h-4V4.7C20,3.7,19.1,3,18.2,3h-7.4C9.9,3,9,3.7,9,4.7V6H5
-					C4.5,6,4,6.5,4,7s0.5,1,1,1h1v14c0,0.9,1.1,2,2,2l13,0c0.9,0,2-1.1,2-2V8h1c0.5,0,1-0.5,1-1C25,6.8,25,6.4,24.8,6.3z M11,5h7v1
-					h-7V5z M8,22V8h1.9H21v14H8z"/>
-				<path id="Rectangle-3" class="st0" d="M12,10L12,10c0.6,0,1,0.4,1,1v8c0,0.6-0.4,1-1,1l0,0c-0.6,0-1-0.4-1-1v-8
-					C11,10.4,11.4,10,12,10z"/>
-				<path id="Rectangle-3-Copy" class="st0" d="M17,10L17,10c0.6,0,1,0.4,1,1v8c0,0.6-0.4,1-1,1l0,0c-0.6,0-1-0.4-1-1v-8
-					C16,10.4,16.4,10,17,10z"/>
-			</g>
-		</g>
+<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+	<desc fill="none">
+			Created with Pixso.
+	</desc>
+	<defs fill="none" />
+	<g>
+		<path id="形状结合" d="M9.37012 1.0293C9.9502 1.0293 10.46 1.35938 10.6201 1.85938L11.1201 3.61914L14.1299 3.61914C14.3799 3.61914 14.6299 3.86914 14.6299 4.11914C14.6299 4.36914 14.3799 4.61914 14.1299 4.61914L1.86035 4.61914C1.61035 4.61914 1.36035 4.36914 1.36035 4.11914C1.36035 3.86914 1.61035 3.61914 1.86035 3.61914L4.78027 3.61914L5.4502 1.85938C5.62012 1.35938 6.12012 1.0293 6.62012 1.0293L9.37012 1.0293ZM6.7002 1.94922L9.37012 1.94922C9.54004 1.94922 9.62012 2.0293 9.7002 2.10938L10.1201 3.5293L5.87012 3.5293L6.37012 2.10938C6.37012 2.0293 6.54004 1.94922 6.7002 1.94922ZM13.04 5.7793C13.04 5.5293 12.79 5.2793 12.54 5.2793C12.29 5.2793 12.04 5.5293 12.04 5.7793L12.04 13.1191C12.04 13.6191 11.6201 13.959 11.21 13.959L4.4502 13.959C3.9502 13.959 3.62012 13.5391 3.62012 13.1191L3.62012 5.7793C3.62012 5.5293 3.37012 5.2793 3.12012 5.2793C2.87012 5.2793 2.62012 5.5293 2.62012 5.7793L2.62012 13.1191C2.62012 14.1191 3.4502 14.959 4.4502 14.959L11.21 14.959C12.21 14.959 13.04 14.1191 13.04 13.1191L13.04 5.7793ZM6.28027 6.78906C6.54004 6.78906 6.79004 7.03906 6.79004 7.28906L6.79004 11.8691C6.79004 12.0391 6.7002 12.1191 6.62012 12.209C6.54004 12.2891 6.37012 12.3691 6.28027 12.3691C5.9502 12.3691 5.78027 12.1191 5.78027 11.8691L5.78027 7.28906C5.78027 7.03906 6.03027 6.78906 6.28027 6.78906ZM9.87012 7.28906C9.87012 7.03906 9.62012 6.78906 9.37012 6.78906C9.12012 6.78906 8.87012 7.03906 8.87012 7.28906L8.87012 11.8691C8.87012 12.1191 9.12012 12.3691 9.37012 12.3691C9.62012 12.3691 9.87012 12.1191 9.87012 11.8691L9.87012 7.28906Z" clip-rule="evenodd" fill-opacity="1.000000" fill-rule="evenodd"/>
 	</g>
-</g>
-</svg>
\ No newline at end of file
+</svg>
diff --git a/packages/theme/src/svgs/double-left.svg b/packages/theme/src/svgs/double-left.svg
index d573f7212..c2af789ac 100644
--- a/packages/theme/src/svgs/double-left.svg
+++ b/packages/theme/src/svgs/double-left.svg
@@ -1,15 +1,30 @@
 <?xml version="1.0" encoding="utf-8"?>
 <!-- Generator: Adobe Illustrator 26.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-	 viewBox="0 0 16 16" style="enable-background:new 0 0 16 16;" xml:space="preserve">
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+	<!ENTITY ns_extend "http://ns.adobe.com/Extensibility/1.0/">
+	<!ENTITY ns_ai "http://ns.adobe.com/AdobeIllustrator/10.0/">
+	<!ENTITY ns_graphs "http://ns.adobe.com/Graphs/1.0/">
+	<!ENTITY ns_vars "http://ns.adobe.com/Variables/1.0/">
+	<!ENTITY ns_imrep "http://ns.adobe.com/ImageReplacement/1.0/">
+	<!ENTITY ns_sfw "http://ns.adobe.com/SaveForWeb/1.0/">
+	<!ENTITY ns_custom "http://ns.adobe.com/GenericCustomNamespace/1.0/">
+	<!ENTITY ns_adobe_xpath "http://ns.adobe.com/XPath/1.0/">
+]>
+<svg version="1.1" id="图层_1" xmlns:x="&ns_extend;" xmlns:i="&ns_ai;" xmlns:graph="&ns_graphs;"
+	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 16 16"
+	 style="enable-background:new 0 0 16 16;" xml:space="preserve">
 <style type="text/css">
-	.st0{fill-rule:evenodd;clip-rule:evenodd;fill:#D8D8D8;fill-opacity:0;}
-	.st1{fill-rule:evenodd;clip-rule:evenodd;}
+	.st0{fill:none;}
 </style>
-<polygon id="矩形" class="st0" points="16,0 16,16 0,16 0,0 "/>
-<path id="形状结合" class="st1" d="M14.75,1.23c0.29,0.27,0.32,0.69,0.1,0.99l-0.1,0.11L8.74,7.88C8.68,7.93,8.67,8,8.7,8.06
-	l0.04,0.05l6.02,5.56c0.33,0.3,0.33,0.8,0,1.1c-0.29,0.27-0.75,0.3-1.07,0.09l-0.12-0.09L7.54,9.22C6.87,8.59,6.82,7.61,7.4,6.93
-	l0.14-0.15l6.02-5.56C13.89,0.92,14.42,0.92,14.75,1.23z M8.75,1.23c0.29,0.27,0.32,0.69,0.1,0.99l-0.1,0.11L2.74,7.88
-	C2.68,7.93,2.67,8,2.7,8.06l0.04,0.05l6.02,5.56c0.33,0.3,0.33,0.8,0,1.1c-0.29,0.27-0.75,0.3-1.07,0.09l-0.12-0.09L1.54,9.22
-	C0.87,8.59,0.82,7.61,1.4,6.93l0.14-0.15l6.02-5.56C7.89,0.92,8.42,0.92,8.75,1.23z"/>
+<metadata>
+	<sfw  xmlns="&ns_sfw;">
+		<slices></slices>
+		<sliceSourceBounds  bottomLeftOrigin="true" height="16" width="16" x="0" y="0"></sliceSourceBounds>
+	</sfw>
+</metadata>
+<polygon id="Fill-1" class="st0" points="0,0 0,16 16,16 16,0 "/>
+<path id="Stroke-2" class="st1" d="M7.8,12.4c0.2,0.2,0.2,0.6,0,0.8c-0.2,0.2-0.5,0.2-0.7,0.1L7,13.2L2.2,8.5C2.1,8.3,2,8,2.2,7.8
+	l0.1-0.1L7,2.8c0.2-0.2,0.6-0.2,0.8,0C8,3,8,3.3,7.8,3.5L7.8,3.6L3.4,8.1L7.8,12.4z"/>
+<path id="Stroke-2备份" class="st1" d="M13.8,12.4c0.2,0.2,0.2,0.6,0,0.8c-0.2,0.2-0.5,0.2-0.7,0.1L13,13.2L8.2,8.5
+	C8.1,8.3,8,8,8.2,7.8l0.1-0.1L13,2.8c0.2-0.2,0.6-0.2,0.8,0C14,3,14,3.3,13.8,3.5l-0.1,0.1L9.4,8.1L13.8,12.4z"/>
 </svg>
diff --git a/packages/theme/src/svgs/double-right.svg b/packages/theme/src/svgs/double-right.svg
index 76e249a0d..79c0388a0 100644
--- a/packages/theme/src/svgs/double-right.svg
+++ b/packages/theme/src/svgs/double-right.svg
@@ -1,15 +1,30 @@
 <?xml version="1.0" encoding="utf-8"?>
 <!-- Generator: Adobe Illustrator 26.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-	 viewBox="0 0 16 16" style="enable-background:new 0 0 16 16;" xml:space="preserve">
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
+	<!ENTITY ns_extend "http://ns.adobe.com/Extensibility/1.0/">
+	<!ENTITY ns_ai "http://ns.adobe.com/AdobeIllustrator/10.0/">
+	<!ENTITY ns_graphs "http://ns.adobe.com/Graphs/1.0/">
+	<!ENTITY ns_vars "http://ns.adobe.com/Variables/1.0/">
+	<!ENTITY ns_imrep "http://ns.adobe.com/ImageReplacement/1.0/">
+	<!ENTITY ns_sfw "http://ns.adobe.com/SaveForWeb/1.0/">
+	<!ENTITY ns_custom "http://ns.adobe.com/GenericCustomNamespace/1.0/">
+	<!ENTITY ns_adobe_xpath "http://ns.adobe.com/XPath/1.0/">
+]>
+<svg version="1.1" id="图层_1" xmlns:x="&ns_extend;" xmlns:i="&ns_ai;" xmlns:graph="&ns_graphs;"
+	 xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 16 16"
+	 style="enable-background:new 0 0 16 16;" xml:space="preserve">
 <style type="text/css">
-	.st0{fill-rule:evenodd;clip-rule:evenodd;fill:#D8D8D8;fill-opacity:0;}
-	.st1{fill-rule:evenodd;clip-rule:evenodd;}
+	.st0{fill:none;}
 </style>
-<polygon id="矩形" class="st0" points="0,0 0,16 16,16 16,0 "/>
-<path id="形状结合" class="st1" d="M1.25,1.23C0.95,1.5,0.92,1.92,1.15,2.22l0.1,0.11l6.02,5.56C7.32,7.93,7.33,8,7.3,8.06
-	L7.26,8.12l-6.02,5.56c-0.33,0.3-0.33,0.8,0,1.1c0.29,0.27,0.75,0.3,1.07,0.09l0.12-0.09l6.02-5.56C9.13,8.59,9.18,7.61,8.6,6.93
-	L8.46,6.78L2.44,1.23C2.11,0.92,1.58,0.92,1.25,1.23z M7.25,1.23C6.95,1.5,6.92,1.92,7.15,2.22l0.1,0.11l6.02,5.56
-	C13.32,7.93,13.33,8,13.3,8.06l-0.04,0.05l-6.02,5.56c-0.33,0.3-0.33,0.8,0,1.1c0.29,0.27,0.75,0.3,1.07,0.09l0.12-0.09l6.02-5.56
-	c0.67-0.62,0.72-1.61,0.14-2.28l-0.14-0.15L8.44,1.23C8.11,0.92,7.58,0.92,7.25,1.23z"/>
+<metadata>
+	<sfw  xmlns="&ns_sfw;">
+		<slices></slices>
+		<sliceSourceBounds  bottomLeftOrigin="true" height="16" width="16" x="0" y="0"></sliceSourceBounds>
+	</sfw>
+</metadata>
+<polygon id="Fill-1" class="st0" points="16,0 16,16 0,16 0,0 "/>
+<path id="形状结合" class="st1" d="M7.7,2.7C7.5,2.8,7.5,3.1,7.7,3.4l0.1,0.1l4.4,4.4l-4.4,4.3c-0.2,0.2-0.2,0.6,0,0.8
+	c0.2,0.2,0.5,0.2,0.7,0.1l0.1-0.1l4.8-4.7c0.2-0.2,0.2-0.5,0.1-0.7l-0.1-0.1L8.5,2.7C8.3,2.4,8,2.4,7.7,2.7z M2.7,2.7
+	C2.5,2.8,2.5,3.1,2.6,3.4l0.1,0.1l4.4,4.4l-4.4,4.3c-0.2,0.2-0.2,0.6,0,0.8c0.2,0.2,0.5,0.2,0.7,0.1l0.1-0.1l4.8-4.7
+	c0.2-0.2,0.2-0.5,0.1-0.7L8.3,7.5L3.5,2.7C3.3,2.4,2.9,2.4,2.7,2.7z"/>
 </svg>
diff --git a/packages/theme/src/svgs/down-ward.svg b/packages/theme/src/svgs/down-ward.svg
index 343a76329..7a0187395 100644
--- a/packages/theme/src/svgs/down-ward.svg
+++ b/packages/theme/src/svgs/down-ward.svg
@@ -1,7 +1,8 @@
-<?xml version="1.0" encoding="utf-8"?>
-<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg"
-	xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-	viewBox="0 0 16 16" style="enable-background:new 0 0 16 16;" xml:space="preserve">
-<path class="st0" d="M8,11.43c-0.15,0-0.31-0.06-0.42-0.18L1.92,5.6c-0.23-0.23-0.23-0.61,0-0.85s0.61-0.23,0.85,0L8,9.98l5.23-5.23
-	c0.23-0.23,0.61-0.23,0.85,0c0.23,0.23,0.23,0.61,0,0.85l-5.66,5.66C8.31,11.37,8.15,11.43,8,11.43z"/>
-</svg>
\ No newline at end of file
+<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+	<desc fill="none">
+			Created with Pixso.
+	</desc>
+	<g>
+		<path id="路径" d="M8.49 10.45C8.22 10.72 7.77 10.72 7.5 10.45L3.4 6.35C3.2 6.15 3.2 5.84 3.4 5.64C3.59 5.45 3.91 5.45 4.11 5.64L8 9.53L11.88 5.64C12.06 5.47 12.33 5.45 12.52 5.58L12.59 5.64C12.79 5.84 12.79 6.15 12.59 6.35L8.49 10.45Z" fill-opacity="1.000000" fill-rule="nonzero"/>
+	</g>
+</svg>
diff --git a/packages/theme/src/svgs/download.svg b/packages/theme/src/svgs/download.svg
index 540955329..889ecb3b4 100644
--- a/packages/theme/src/svgs/download.svg
+++ b/packages/theme/src/svgs/download.svg
@@ -1,17 +1,10 @@
-<?xml version="1.0" encoding="utf-8"?>
-<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg"
-	xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-	viewBox="0 0 24 24" xml:space="preserve">
-<g id="Icon">
-	<g id="Jalor用" transform="translate(-517.000000, -1733.000000)">
-		<g id="网站通用图标" transform="translate(48.000000, 0.000000)">
-			<g id="download" transform="translate(468.000000, 1732.000000)">
-				<path id="Combined-Shape" class="st0" d="M4,22h18v-4c0-0.6,0.4-1,1-1s1,0.4,1,1v5c0,0.6-0.4,1-1,1H3c-0.6,0-1-0.4-1-1v-5
-					c0-0.6,0.4-1,1-1s1,0.4,1,1V22z M14,15.7l3.4-3.4c0.4-0.4,1-0.4,1.4,0c0.4,0.4,0.4,1,0,1.4l-5.1,5.1c-0.4,0.4-1,0.4-1.4,0
-					c0,0,0,0,0,0c0.2,0.2,0.4,0.3,0.7,0.3c0.6,0,1-0.4,1-1v-0.3c0.1,0.4,0.1,0.8-0.2,1.1c-0.4,0.4-1,0.4-1.4,0l-5.1-5.1
-					c-0.4-0.4-0.4-1,0-1.4c0.4-0.4,1-0.4,1.4,0l3.3,3.3V3c0-0.6,0.4-1,1-1s1,0.4,1,1V15.7z"/>
-			</g>
-		</g>
+<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+	<desc fill="none">
+			Created with Pixso.
+	</desc>
+	<defs fill="none" />
+	<g>
+		<path id="形状结合" d="M8.54004 2.59961C8.54004 2.32031 8.32031 2.09961 8.04004 2.09961C7.75977 2.09961 7.54004 2.32031 7.54004 2.59961L7.54004 10.959L5.51953 8.94922C5.33008 8.75 5.00977 8.75 4.80957 8.94922C4.62012 9.13867 4.62012 9.45898 4.80957 9.65039L7.63965 12.4805C7.83984 12.6797 8.15039 12.6797 8.34961 12.4805L11.1797 9.65039C11.3701 9.45898 11.3701 9.13867 11.1797 8.94922L11.1104 8.88867C10.9102 8.75 10.6396 8.76953 10.4697 8.94922L8.54004 10.8789L8.54004 2.59961ZM14 10.5C14.2695 10.5 14.5 10.7188 14.5 11L14.5 12.2793C14.5 13.5 13.5 14.5 12.2803 14.5L3.70996 14.5C2.49023 14.5 1.5 13.5 1.5 12.2793L1.5 11C1.5 10.7188 1.71973 10.5 2 10.5C2.26953 10.5 2.5 10.7188 2.5 11L2.5 12.2793C2.5 12.9492 3.04004 13.5 3.70996 13.5L12.2803 13.5C12.9502 13.5 13.5 12.9492 13.5 12.2793L13.5 11C13.5 10.7188 13.7197 10.5 14 10.5Z" clip-rule="evenodd" fill-opacity="1.000000" fill-rule="evenodd"/>
 	</g>
-</g>
-</svg>
\ No newline at end of file
+</svg>
+
diff --git a/packages/theme/src/svgs/editor-list.svg b/packages/theme/src/svgs/editor-list.svg
index 2613631df..896f0838c 100644
--- a/packages/theme/src/svgs/editor-list.svg
+++ b/packages/theme/src/svgs/editor-list.svg
@@ -1,11 +1,9 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg viewBox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-     
-    <g id="补充组件" stroke="none" stroke-width="1">
-        <g id="富文本编辑器" transform="translate(-960.000000, -2910.000000)">
-            <g id="编组" transform="translate(960.000000, 2910.000000)">
-                <path d="M3.74056667,12.0091333 C4.10923333,12.0091333 4.40723333,12.3071333 4.40723333,12.6758 C4.40723333,13.0438 4.10923333,13.3424667 3.74056667,13.3424667 C3.37256667,13.3424667 3.0739,13.0438 3.0739,12.6758 C3.0739,12.3071333 3.37256667,12.0091333 3.74056667,12.0091333 Z M12.4261,12.1562667 C12.7022424,12.1562667 12.9261,12.3801243 12.9261,12.6562667 C12.9261,12.9093972 12.7379974,13.118594 12.493947,13.1517023 L12.4261,13.1562667 L5.75943333,13.1562667 C5.48329096,13.1562667 5.25943333,12.932409 5.25943333,12.6562667 C5.25943333,12.4031362 5.44753592,12.1939394 5.6915863,12.1608311 L5.75943333,12.1562667 L12.4261,12.1562667 Z M3.74056667,7.3242 C4.10923333,7.3242 4.40723333,7.6222 4.40723333,7.99086667 C4.40723333,8.35886667 4.10923333,8.65753333 3.74056667,8.65753333 C3.37256667,8.65753333 3.0739,8.35886667 3.0739,7.99086667 C3.0739,7.6222 3.37256667,7.3242 3.74056667,7.3242 Z M12.4261,7.49026667 C12.7022424,7.49026667 12.9261,7.71412429 12.9261,7.99026667 C12.9261,8.24339718 12.7379974,8.45259397 12.493947,8.48570226 L12.4261,8.49026667 L5.75943333,8.49026667 C5.48329096,8.49026667 5.25943333,8.26640904 5.25943333,7.99026667 C5.25943333,7.73713616 5.44753592,7.52793936 5.6915863,7.49483108 L5.75943333,7.49026667 L12.4261,7.49026667 Z M3.74056667,2.65753333 C4.10923333,2.65753333 4.40723333,2.95553333 4.40723333,3.3242 C4.40723333,3.6922 4.10923333,3.9902 3.74056667,3.9902 C3.37256667,3.9902 3.07456667,3.6922 3.07456667,3.3242 C3.07456667,2.95553333 3.37256667,2.65753333 3.74056667,2.65753333 Z M12.4261,2.8242 C12.7022424,2.8242 12.9261,3.04805763 12.9261,3.3242 C12.9261,3.57733051 12.7379974,3.78652731 12.493947,3.81963559 L12.4261,3.8242 L5.75943333,3.8242 C5.48329096,3.8242 5.25943333,3.60034237 5.25943333,3.3242 C5.25943333,3.07106949 5.44753592,2.86187269 5.6915863,2.82876441 L5.75943333,2.8242 L12.4261,2.8242 Z" id="形状结合"></path>
-            </g>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
+<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+	<desc fill="none">
+			Created with Pixso.
+	</desc>
+	<defs fill="none" />
+	<g>
+		<path id="形状结合" d="M3.46973 4C3.46973 3.58008 3.13965 3.25 2.71973 3.25C2.30957 3.25 1.96973 3.58008 1.96973 4C1.96973 4.41016 2.30957 4.75 2.71973 4.75C3.13965 4.75 3.46973 4.41016 3.46973 4ZM14.0498 4C14.0498 3.7207 13.8301 3.5 13.5498 3.5L5.09961 3.5C4.83008 3.5 4.59961 3.7207 4.59961 4C4.59961 4.26953 4.83008 4.5 5.09961 4.5L13.5498 4.5C13.8301 4.5 14.0498 4.26953 14.0498 4ZM2.71973 7.25C3.13965 7.25 3.46973 7.58008 3.46973 8C3.46973 8.41016 3.13965 8.75 2.71973 8.75C2.30957 8.75 1.96973 8.41016 1.96973 8C1.96973 7.58008 2.30957 7.25 2.71973 7.25ZM14.0498 8C14.0498 7.7207 13.8301 7.5 13.5498 7.5L5.09961 7.5C4.83008 7.5 4.59961 7.7207 4.59961 8C4.59961 8.26953 4.83008 8.5 5.09961 8.5L13.5498 8.5C13.8301 8.5 14.0498 8.26953 14.0498 8ZM3.46973 12C3.46973 11.5801 3.13965 11.25 2.71973 11.25C2.30957 11.25 1.96973 11.5801 1.96973 12C1.96973 12.4102 2.30957 12.75 2.71973 12.75C3.13965 12.75 3.46973 12.4102 3.46973 12ZM13.5498 11.5C13.8301 11.5 14.0498 11.7207 14.0498 12C14.0498 12.2695 13.8301 12.5 13.5498 12.5L5.09961 12.5C4.83008 12.5 4.59961 12.2695 4.59961 12C4.59961 11.7207 4.83008 11.5 5.09961 11.5L13.5498 11.5Z" clip-rule="evenodd" fill-opacity="1.000000" fill-rule="evenodd"/>
+	</g>
+</svg>
diff --git a/packages/theme/src/svgs/ellipsis.svg b/packages/theme/src/svgs/ellipsis.svg
index 30c4c2f5a..fcddae578 100644
--- a/packages/theme/src/svgs/ellipsis.svg
+++ b/packages/theme/src/svgs/ellipsis.svg
@@ -1,16 +1,9 @@
-<?xml version="1.0" encoding="utf-8"?>
-<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg"
-	xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-	viewBox="0 0 24 24" xml:space="preserve">
-<g id="Icon">
-	<g id="UI-icons-英文名" transform="translate(-832.000000, -1658.000000)">
-		<g id="网站通用图标" transform="translate(100.000000, 1136.000000)">
-			<g id="ellipsis" transform="translate(728.000000, 512.000000)">
-				<circle id="Oval-20" class="st0" cx="9" cy="22" r="1.5"/>
-				<circle id="Oval-20_1_" class="st0" cx="16" cy="22" r="1.5"/>
-				<circle id="Oval-20_2_" class="st0" cx="23" cy="22" r="1.5"/>
-			</g>
-		</g>
+<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+	<desc fill="none">
+			Created with Pixso.
+	</desc>
+	<defs fill="none" />
+	<g>
+		<path id="path-1" d="M2.30078 7.7793L2.30078 7.85938C2.32031 8.50977 2.86133 9.0293 3.52148 9.0293C4.20117 9.0293 4.75 8.49023 4.75 7.82031C4.75 7.14844 4.20117 6.60938 3.52148 6.60938C2.86133 6.60938 2.32031 7.12891 2.30078 7.7793ZM6.54102 7.82031C6.54102 8.49023 7.08008 9.0293 7.76172 9.0293C8.44141 9.0293 8.99023 8.49023 8.99023 7.82031C8.99023 7.14844 8.44141 6.60938 7.76172 6.60938C7.08008 6.60938 6.54102 7.14844 6.54102 7.82031ZM10.7812 7.85938L10.7812 7.7793C10.8008 7.12891 11.3398 6.60938 12 6.60938C12.6816 6.60938 13.2305 7.14844 13.2305 7.82031C13.2305 8.49023 12.6816 9.0293 12 9.0293C11.3398 9.0293 10.8008 8.50977 10.7812 7.85938Z" clip-rule="evenodd" fill-opacity="1.000000" fill-rule="evenodd"/>
 	</g>
-</g>
-</svg>
\ No newline at end of file
+</svg>
diff --git a/packages/theme/src/svgs/feedback.svg b/packages/theme/src/svgs/feedback.svg
new file mode 100644
index 000000000..e572b091f
--- /dev/null
+++ b/packages/theme/src/svgs/feedback.svg
@@ -0,0 +1,9 @@
+<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+	<desc fill="none">
+			Created with Pixso.
+	</desc>
+	<defs fill="none"/>
+	<g>
+		<path id="形状结合" d="M14 4C14 2.59961 12.7803 1.5 11.2998 1.5L4.69043 1.5C3.20996 1.5 2 2.59961 2 4L2 12C2 13.3906 3.20996 14.5 4.69043 14.5L8 14.5C8.26953 14.5 8.5 14.2695 8.5 14C8.5 13.7207 8.26953 13.5 8 13.5L4.69043 13.5C3.75 13.5 3 12.8105 3 12L3 4C3 3.17969 3.75 2.5 4.69043 2.5L11.2998 2.5C12.2402 2.5 13 3.17969 13 4L13 8C13 8.26953 13.2197 8.5 13.5 8.5C13.7695 8.5 14 8.26953 14 8L14 4ZM11 5.5C11 5.2207 10.7695 5 10.5 5L5.5 5C5.21973 5 5 5.2207 5 5.5C5 5.76953 5.21973 6 5.5 6L10.5 6C10.7695 6 11 5.76953 11 5.5ZM8.5 8.15039C8.76953 8.15039 9 8.38086 9 8.65039C9 8.92969 8.76953 9.15039 8.5 9.15039L5.5 9.15039C5.21973 9.15039 5 8.92969 5 8.65039C5 8.38086 5.21973 8.15039 5.5 8.15039L8.5 8.15039ZM12.2002 9.96094C12.5996 9.25977 13.5 9.01953 14.21 9.41992L14.2998 9.48047C14.9404 9.91016 15.1396 10.7598 14.75 11.4297L12.8701 14.6699C12.8203 14.7598 12.7305 14.8301 12.6299 14.8691L11.0098 15.4199C10.7402 15.5195 10.4502 15.3301 10.4199 15.0508L10.2598 13.4707C10.25 13.3691 10.2695 13.2793 10.3203 13.1992L12.2002 9.96094ZM12.9697 10.4102C13.1201 10.1602 13.4297 10.0605 13.7002 10.1699L13.8799 10.2891C14.0596 10.4707 14.0996 10.75 13.9697 10.9805L13.8896 11.1094L12.9004 10.5391L12.9697 10.4102ZM12.4502 11.3203L11.1699 13.5195L11.2598 14.3906L12.1699 14.0703L13.4404 11.8906L12.4502 11.3203Z" clip-rule="evenodd" fill-opacity="1.000000" fill-rule="evenodd"/>
+	</g>
+</svg>
diff --git a/packages/theme/src/svgs/fileupload.svg b/packages/theme/src/svgs/fileupload.svg
index 32a6375a5..02903b0ab 100644
--- a/packages/theme/src/svgs/fileupload.svg
+++ b/packages/theme/src/svgs/fileupload.svg
@@ -1,13 +1,9 @@
-<?xml version="1.0" standalone="no"?>
-<svg viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1116"
-    xmlns:xlink="http://www.w3.org/1999/xlink">
-    <path
-        d="M512.331 932c-8.559 0.045-16.764-3.216-22.674-9.014-6.09-5.495-9.448-13.126-9.284-21.047a28.477 28.477 0 0 1 2.53-11.383c1.663-3.626 3.896-6.95 6.754-9.865 12.78-11.116 32.526-11.116 45.308 0a34.928 34.928 0 0 1 6.784 9.865 28.953 28.953 0 0 1 2.562 11.383c-0.134 16.531-14.367 29.907-31.98 30.06m255.64-150.056c-11.424 0-21.979-5.726-27.688-15.01-5.706-9.279-5.706-20.718 0-30.005 5.709-9.288 16.264-15.002 27.687-15.002 105.928 0 191.797-80.604 191.797-180.035 0-99.432-85.87-180.034-191.797-180.034h-28.192l-5.639-26.128c-13.803-105.132-108.95-184.11-221.794-184.11-112.853 0-207.989 78.978-221.792 184.11l-3.648 27.417-29.426-1.15h-0.18c-105.873-0.169-191.853 80.258-192.03 179.638-0.18 99.388 85.501 180.085 191.382 180.254 17.232 0.542 30.91 13.822 30.91 30.012s-13.678 29.462-30.91 30.004C119.913 782.412 6.968 681.829 0.308 553.63c-6.66-128.197 95.332-238.62 231.467-250.604C261.125 179.697 377.717 92 512.345 92c134.63 0 251.222 87.697 280.57 211.027 67.49 6.105 129.625 37.128 172.747 86.247 43.115 49.111 63.673 112.292 57.153 175.644-12.633 123.191-122.995 217.17-254.845 217.025"
-        p-id="1117"></path>
-    <path
-        d="M511.99 822c-7.954 0.007-15.584-3.034-21.2-8.448-5.624-5.421-8.78-12.778-8.773-20.436V475.888c-0.366-10.553 5.265-20.463 14.696-25.848 9.424-5.387 21.148-5.387 30.58 0 9.424 5.385 15.063 15.295 14.69 25.848v317.228c-0.038 15.946-13.452 28.864-29.994 28.884"
-        p-id="1118"></path>
-    <path
-        d="M631.81 603a30.144 30.144 0 0 1-21.274-8.715l-99.075-98.432-99.105 98.468c-11.893 10.721-30.166 10.282-41.53-0.99-11.356-11.276-11.813-29.43-1.029-41.255l105.33-104.612c20.332-19.285 52.336-19.285 72.67 0l105.292 104.612c8.673 8.508 11.298 21.39 6.622 32.578-4.674 11.189-15.707 18.439-27.902 18.345"
-        p-id="1119"></path>
-</svg>
\ No newline at end of file
+<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+	<desc fill="none">
+			Created with Pixso.
+	</desc>
+	<defs fill="none"/>
+	<g>
+		<path id="形状结合" d="M12.2202 5.17969C11.6802 3.2793 9.99023 1.91992 8 1.91992L7.77979 1.91992C5.81006 2.01953 4.16992 3.44922 3.70996 5.39062L3.54004 5.41016C1.97021 5.67969 0.77002 7.07031 0.77002 8.74023C0.77002 10.5996 2.25 12.1191 4.08008 12.1191C4.60986 12.1191 5.12988 11.9902 5.58984 11.7402C5.83008 11.6094 5.91992 11.3008 5.79004 11.0605C5.66016 10.8203 5.35986 10.7305 5.12012 10.8594C4.7998 11.0293 4.43994 11.1191 4.08008 11.1191C2.81006 11.1191 1.77002 10.0605 1.77002 8.74023L1.77979 8.58008C1.85986 7.40039 2.77002 6.44922 3.91992 6.38086L4.0498 6.36914L4.12988 6.36914C4.37988 6.36914 4.58984 6.18945 4.62988 5.93945C4.87012 4.20898 6.2998 2.91992 8 2.91992C9.68994 2.91992 11.1201 4.20898 11.3599 5.93945C11.3999 6.18945 11.6099 6.36914 11.8599 6.36914L11.9302 6.36914L12.0698 6.38086C13.27 6.45898 14.21 7.49023 14.21 8.74023C14.21 10.0605 13.1802 11.1191 11.9102 11.1191C11.48 11.1191 11.0698 10.9902 10.71 10.7598C10.48 10.6094 10.1602 10.6699 10.0103 10.9102C9.85986 11.1406 9.93018 11.4492 10.1602 11.5996C10.6802 11.9395 11.2798 12.1191 11.9102 12.1191C13.7402 12.1191 15.21 10.5996 15.21 8.74023L15.21 8.56055C15.1299 6.9707 13.96 5.66992 12.4502 5.41016L12.2798 5.39062L12.2202 5.17969ZM8.41016 7.01953L9.93994 8.94922C10.1201 9.16016 10.0801 9.48047 9.85986 9.65039C9.6499 9.82031 9.33008 9.78906 9.16016 9.57031L8.5 8.73047L8.5 13.5C8.5 13.7793 8.27002 14 8 14C7.72021 14 7.5 13.7793 7.5 13.5L7.5 8.75L6.81982 9.58008C6.66992 9.75977 6.3999 9.81055 6.18994 9.69922L6.12012 9.65039C5.91016 9.4707 5.87012 9.16016 6.0498 8.93945L7.62988 7.01953C7.83008 6.76953 8.20996 6.76953 8.41016 7.01953Z" clip-rule="evenodd" fill-opacity="1.000000" fill-rule="evenodd"/>
+	</g>
+</svg>
diff --git a/packages/theme/src/svgs/finish.svg b/packages/theme/src/svgs/finish.svg
index b9fad9ce4..da266f34b 100644
--- a/packages/theme/src/svgs/finish.svg
+++ b/packages/theme/src/svgs/finish.svg
@@ -1,10 +1,8 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 16 16" version="1.1">
-    <g id="0922-图标" stroke="none" stroke-width="1" fill-rule="evenodd">
-        <g filter="url(#filter-1)" id="ic/checkmask">
-            <g>
-                <path d="M14.4772859,2.9621618 C14.7743257,2.67347475 15.2491512,2.68024603 15.5378382,2.97728587 C15.800281,3.24732208 15.8185433,3.66428856 15.5965244,3.95476379 L15.5227141,4.0378382 L6.26231054,13.0378382 C6.00035002,13.2924324 5.598886,13.3178918 5.30902479,13.1142165 L5.21688227,13.0378382 L0.477285866,8.43151979 C0.180246028,8.14283274 0.173474751,7.66800729 0.462161795,7.37096745 C0.724604563,7.10093123 1.14088073,7.07078639 1.43756878,7.28443206 L1.52271413,7.35584338 L5.739,11.454 L14.4772859,2.9621618 Z"/>
-            </g>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
+<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+	<desc fill="none">
+			Created with Pixso.
+	</desc>
+	<defs fill="none"/>
+	<path id="Fill 1备份 3" d="M16 0L16 16L0 16L0 0L16 0Z" fill="#FFFFFF" fill-opacity="0" fill-rule="evenodd"/>
+	<path id="路径" d="M6.98 10.15C6.82 10.13 6.67 10.07 6.55 9.97L6.46 9.9L4.98 8.41C4.8 8.24 4.8 7.95 4.98 7.78C5.13 7.62 5.37 7.6 5.54 7.72L5.61 7.78L7.09 9.26L10.38 5.98C10.55 5.8 10.84 5.8 11.01 5.98C11.17 6.13 11.19 6.37 11.07 6.54L11.01 6.61L7.73 9.9C7.59 10.04 7.41 10.13 7.21 10.15L7.09 10.16L6.98 10.15Z" fill-opacity="1.000000" fill-rule="evenodd"/>
+</svg>
diff --git a/packages/theme/src/svgs/fullscreen-right.svg b/packages/theme/src/svgs/fullscreen-right.svg
new file mode 100644
index 000000000..4c8700113
--- /dev/null
+++ b/packages/theme/src/svgs/fullscreen-right.svg
@@ -0,0 +1,9 @@
+<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+	<desc fill="none">
+			Created with Pixso.
+	</desc>
+	<defs fill="none"/>
+	<g>
+		<path id="形状结合" d="M14 3.5C14 2.66992 13.32 2 12.5 2L9.03003 2C8.76001 2 8.53003 2.2207 8.53003 2.5L8.53998 2.56055C8.57001 2.81055 8.78003 3 9.03003 3L12.29 3L8.98999 6.30078C8.78998 6.49023 8.78998 6.81055 8.98999 7C9.17999 7.19922 9.5 7.19922 9.69 7L13 3.69922L13 6.96094C13 7.23047 13.22 7.46094 13.5 7.46094C13.77 7.46094 14 7.23047 14 6.96094L14 3.5ZM2.5 8.5293C2.77002 8.5293 3 8.75977 3 9.0293L3 12.2891L6.29999 8.99023C6.48999 8.78906 6.81 8.78906 7 8.99023C7.20001 9.17969 7.20001 9.5 7 9.68945L3.70001 13L6.96002 13C7.21002 13 7.41998 13.1797 7.45001 13.4297L7.46002 13.5C7.46002 13.7695 7.22998 14 6.96002 14L3.5 14C2.66998 14 2 13.3203 2 12.5L2 9.0293C2 8.75977 2.21997 8.5293 2.5 8.5293Z" clip-rule="evenodd" fill-opacity="1.000000" fill-rule="evenodd"/>
+	</g>
+</svg>
diff --git a/packages/theme/src/svgs/help-circle.svg b/packages/theme/src/svgs/help-circle.svg
index 04a7c6bc3..61ebe7886 100644
--- a/packages/theme/src/svgs/help-circle.svg
+++ b/packages/theme/src/svgs/help-circle.svg
@@ -1,22 +1,9 @@
-<?xml version="1.0" encoding="utf-8"?>
-<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg"
-	xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-	viewBox="0 0 24 24" xml:space="preserve">
-<g id="Icon">
-	<g id="UI-icons-英文名" transform="translate(-205.000000, -761.000000)">
-		<g id="提示建议性图标" transform="translate(101.000000, 761.000000)">
-			<g id="help" transform="translate(104.000000, 0.000000)">
-				<path id="Shape" class="st0" d="M12,0C5.4,0,0,5.4,0,12s5.4,12,12,12s12-5.4,12-12S18.6,0,12,0z M19.3,19.3
-					c-0.9,0.9-2.1,1.7-3.3,2.2c-1.3,0.5-2.6,0.8-4,0.8S9.3,22,8,21.5c-1.2-0.5-2.3-1.3-3.3-2.2C3.8,18.3,3,17.2,2.5,16
-					c-0.5-1.3-0.8-2.6-0.8-4S2,9.3,2.5,8C3,6.8,3.8,5.7,4.7,4.7C5.7,3.8,6.8,3,8,2.5c1.3-0.5,2.6-0.8,4-0.8s2.7,0.3,4,0.8
-					c1.2,0.5,2.3,1.3,3.3,2.2C20.2,5.7,21,6.8,21.5,8c0.5,1.3,0.8,2.6,0.8,4s-0.3,2.7-0.8,4C21,17.2,20.2,18.3,19.3,19.3z
-					 M11.9,15.6C11.9,15.6,11.8,15.6,11.9,15.6c-0.5,0-0.9-0.5-0.8-0.9c0.1-1.2,1-2.1,1.9-3.1c1.5-1.5,1.5-2,1.6-2.5
-					c0-0.6-0.2-1.2-0.6-1.6c-0.5-0.5-1.2-0.8-1.9-0.8c0,0,0,0,0,0c-1.4,0-2.5,1.1-2.5,2.5c0,0.5-0.4,0.8-0.8,0.8
-					c-0.5,0-0.8-0.4-0.8-0.8C7.8,8,8.2,7,9,6.2S10.9,5,12,5c1.2,0,2.3,0.5,3.1,1.3c0.8,0.8,1.1,1.8,1.1,2.9
-					c-0.1,1.1-0.4,1.9-2.1,3.6c-0.8,0.8-1.4,1.5-1.4,2C12.7,15.2,12.3,15.6,11.9,15.6z M10.8,18c0,0.4,0.2,0.7,0.5,0.9
-					c0.3,0.2,0.7,0.2,1,0c0.3-0.2,0.5-0.5,0.5-0.9c0-0.6-0.5-1-1-1S10.8,17.5,10.8,18z"/>
-			</g>
-		</g>
+<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+	<desc fill="none">
+			Created with Pixso.
+	</desc>
+	<defs fill="none"/>
+	<g>
+		<path id="形状结合" d="M15 8C15 4.13086 11.8601 1 8 1C4.12988 1 1 4.13086 1 8C1 11.8594 4.12988 15 8 15C11.8601 15 15 11.8594 15 8ZM2 8C2 4.67969 4.67993 2 8 2C11.3101 2 14 4.67969 14 8C14 11.3105 11.3101 14 8 14C4.67993 14 2 11.3105 2 8ZM10.2 6.7207C10.2 5.49023 9.19995 4.5 7.96997 4.5C6.73999 4.5 5.75 5.49023 5.75 6.7207C5.75 6.99023 5.96997 7.2207 6.25 7.2207C6.52002 7.2207 6.75 6.99023 6.75 6.7207C6.75 6.03906 7.29004 5.5 7.96997 5.5C8.6499 5.5 9.19995 6.03906 9.19995 6.7207C9.19995 7.39062 8.6499 7.92969 7.96997 7.92969C7.69995 7.92969 7.46997 8.16016 7.46997 8.42969L7.46997 9.66016C7.46997 9.92969 7.69995 10.1602 7.96997 10.1602L8.06006 10.1504C8.30005 10.1094 8.46997 9.91016 8.46997 9.66016L8.46997 8.88086L8.59009 8.84961C9.52002 8.58008 10.2 7.73047 10.2 6.7207ZM7.92993 10.5898C8.23999 10.5898 8.5 10.8398 8.5 11.1504C8.5 11.4609 8.23999 11.7109 7.92993 11.7109C7.62012 11.7109 7.37012 11.4609 7.37012 11.1504C7.37012 10.8398 7.62012 10.5898 7.92993 10.5898Z" clip-rule="evenodd" fill-opacity="1.000000" fill-rule="evenodd"/>
 	</g>
-</g>
-</svg>
\ No newline at end of file
+</svg>
diff --git a/packages/theme/src/svgs/left-frozen.svg b/packages/theme/src/svgs/left-frozen.svg
index 74828dfd6..9929b6cdf 100644
--- a/packages/theme/src/svgs/left-frozen.svg
+++ b/packages/theme/src/svgs/left-frozen.svg
@@ -1,26 +1,16 @@
 <?xml version="1.0" encoding="utf-8"?>
-<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<!-- Generator: Adobe Illustrator 26.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
 <svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
- viewBox="0 0 161.754 156.391" enable-background="new 0 0 161.754 156.391"
-	 xml:space="preserve">
-<g id="图层_2">
-</g>
-<g id="Icon">
-	<g id="UI-icons-英文名" transform="translate(-103.000000, -1145.000000)">
-		<g id="网站通用图标" transform="translate(100.000000, 1137.000000)">
-			<g id="lock" transform="translate(0.000000, 7.000000)">
-				<path id="Combined-Shape" d="M111.456,78.845v52.727c0,6.446-5.273,11.717-11.719,11.717H17.716
-					C11.273,143.288,6,138.018,6,131.572V78.845v-11.72h105.456V78.845z M17.716,78.845v52.727h82.021V78.845H17.716z"/>
-				<path id="Combined-Shape_1_" d="M6,67.125c0-29.292,23.435-52.727,52.728-52.727c29.292,0,52.728,23.435,52.728,52.727H99.737
-					c0-22.847-18.161-41.009-41.009-41.009c-22.849,0-41.012,18.162-41.012,41.009H6z"/>
-				<path id="Combined-Shape_2_" d="M64.586,106.965c0,0.586,0,1.172,0,1.172v11.718c0,3.515-2.343,5.856-5.858,5.856
-					c-3.516,0-5.86-2.342-5.86-5.856v-11.718c0-0.586,0-1.172,0-1.172c-3.514-1.756-5.857-5.858-5.857-10.547
-					c0-6.441,5.272-11.715,11.717-11.715c6.444,0,11.716,5.273,11.716,11.715C70.444,101.107,68.101,104.622,64.586,106.965z"/>
-			</g>
-		</g>
-	</g>
-</g>
-<path d="M154.754,148.391c0,4.418-3.582,8-8,8H128.42c-4.418,0-8-3.582-8-8V8c0-4.418,3.582-8,8-8h18.334
-	c4.418,0,8,3.582,8,8V148.391z"/>
+	 viewBox="0 0 16 16" style="enable-background:new 0 0 16 16;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#191919;}
+</style>
+<desc>Created with Pixso.</desc>
+<path id="形状结合" class="st0" d="M7,1.3c2.1,0,3.8,1.7,3.8,3.8v0.7c1.1,0.3,1.9,1.2,1.9,2.4v4.1c0,1.4-1.1,2.5-2.5,2.5H3.7
+	c-1.4,0-2.5-1.1-2.5-2.5V8.2c0-1.2,0.8-2.1,1.9-2.4V5.1C3.1,3,4.8,1.3,7,1.3z M10.2,6.7H3.7c-0.8,0-1.5,0.7-1.5,1.5v4.1
+	c0,0.8,0.7,1.5,1.5,1.5h6.4c0.8,0,1.5-0.7,1.5-1.5V8.2C11.6,7.4,11,6.7,10.2,6.7z M7,8.8c0.3,0,0.5,0.2,0.5,0.5v1.8
+	c0,0.3-0.2,0.5-0.5,0.5c-0.3,0-0.5-0.2-0.5-0.5V9.3C6.5,9.1,6.7,8.8,7,8.8z M7,2.3c-1.6,0-2.8,1.3-2.8,2.8v0.6h5.6V5.1
+	C9.8,3.5,8.5,2.3,7,2.3z"/>
+<path class="st0" d="M14.5,14.1c0,0.3-0.2,0.5-0.5,0.5c-0.3,0-0.5-0.2-0.5-0.5v-12c0-0.3,0.2-0.5,0.5-0.5c0.3,0,0.5,0.2,0.5,0.5
+	V14.1z"/>
 </svg>
diff --git a/packages/theme/src/svgs/locale-panel.svg b/packages/theme/src/svgs/locale-panel.svg
new file mode 100644
index 000000000..fe1ab3815
--- /dev/null
+++ b/packages/theme/src/svgs/locale-panel.svg
@@ -0,0 +1,9 @@
+<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+	<desc fill="none">
+			Created with Pixso.
+	</desc>
+	<defs fill="none" />
+	<g>
+		<path id="形状结合" d="M11.2998 1C11.4199 1 11.54 1.03906 11.6299 1.13086L13.8496 3.15039L13.9102 3.2207C13.9502 3.30078 14 3.41992 14 3.5L14 8C14 8.26953 13.7695 8.5 13.5 8.5C13.2197 8.5 13 8.26953 13 8L13 3.7207L11.0996 2L4.69043 2C3.7998 2 3.08008 2.59961 3 3.35938L3 12.5C3 13.3105 3.75 14 4.69043 14L8 14C8.26953 14 8.5 14.2207 8.5 14.5C8.5 14.7695 8.26953 15 8 15L4.69043 15C3.20996 15 2 13.8906 2 12.5L2 3.5C2 2.09961 3.20996 1 4.69043 1L11.2998 1ZM12.5 10.5C12.5 10.2207 12.2695 10 12 10C11.7197 10 11.5 10.2207 11.5 10.5L11.5 12L10 12C9.71973 12 9.5 12.2207 9.5 12.5C9.5 12.7695 9.71973 13 10 13L11.5 13L11.5 14.5C11.5 14.7695 11.7197 15 12 15C12.2695 15 12.5 14.7695 12.5 14.5L12.5 13L14 13C14.2695 13 14.5 12.7695 14.5 12.5C14.5 12.2207 14.2695 12 14 12L12.5 12L12.5 10.5Z" clip-rule="evenodd" fill-opacity="1.000000" fill-rule="evenodd"/>
+	</g>
+</svg>
diff --git a/packages/theme/src/svgs/lock.svg b/packages/theme/src/svgs/lock.svg
index 2939a1982..9eb37fd94 100644
--- a/packages/theme/src/svgs/lock.svg
+++ b/packages/theme/src/svgs/lock.svg
@@ -1,17 +1,10 @@
-<?xml version="1.0" encoding="utf-8"?>
-<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg"
-	xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-	viewBox="0 0 24 24" xml:space="preserve">
-<g id="Icon">
-	<g id="UI-icons-英文名" transform="translate(-103.000000, -1145.000000)">
-		<g id="网站通用图标" transform="translate(100.000000, 1137.000000)">
-			<g id="lock" transform="translate(0.000000, 7.000000)">
-				<path id="Combined-Shape" class="st0" d="M24,13v9c0,1.1-0.9,2-2,2H8c-1.1,0-2-0.9-2-2v-9v-2h18V13z M8,13v9h14v-9H8z"/>
-				<path id="Combined-Shape_1_" class="st0" d="M6,11c0-5,4-9,9-9s9,4,9,9h-2c0-3.9-3.1-7-7-7s-7,3.1-7,7H6z"/>
-				<path id="Combined-Shape_2_" class="st0" d="M16,17.8c0,0.1,0,0.2,0,0.2v2c0,0.6-0.4,1-1,1s-1-0.4-1-1v-2c0-0.1,0-0.2,0-0.2
-					c-0.6-0.3-1-1-1-1.8c0-1.1,0.9-2,2-2s2,0.9,2,2C17,16.8,16.6,17.4,16,17.8z"/>
-			</g>
-		</g>
+<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+	<desc fill="none">
+			Created with Pixso.
+	</desc>
+	<defs fill="none">
+	</defs>
+	<g>
+		<path id="形状结合" d="M8 1.26C10.1 1.26 11.8 2.96 11.8 5.07L11.8 5.78C12.89 6.05 13.69 7.03 13.69 8.19L13.69 12.25C13.69 13.62 12.58 14.73 11.21 14.73L4.78 14.73C3.41 14.73 2.3 13.62 2.3 12.25L2.3 8.19C2.3 7.03 3.1 6.05 4.19 5.78L4.19 5.07C4.19 2.96 5.89 1.26 8 1.26ZM11.21 6.71L4.78 6.71C3.96 6.71 3.3 7.38 3.3 8.19L3.3 12.25C3.3 13.07 3.96 13.73 4.78 13.73L11.21 13.73C12.03 13.73 12.69 13.07 12.69 12.25L12.69 8.19C12.69 7.38 12.03 6.71 11.21 6.71ZM8 8.83C8.27 8.83 8.5 9.06 8.5 9.33L8.5 11.11C8.5 11.39 8.27 11.61 8 11.61C7.72 11.61 7.5 11.39 7.5 11.11L7.5 9.33C7.5 9.06 7.72 8.83 8 8.83ZM8 2.26C6.44 2.26 5.19 3.52 5.19 5.07L5.19 5.71L10.8 5.71L10.8 5.07C10.8 3.52 9.55 2.26 8 2.26Z" fill-opacity="1.000000" fill-rule="nonzero"/>
 	</g>
-</g>
-</svg>
\ No newline at end of file
+</svg>
diff --git a/packages/theme/src/svgs/mail.svg b/packages/theme/src/svgs/mail.svg
index 89c94a7eb..721a99b65 100644
--- a/packages/theme/src/svgs/mail.svg
+++ b/packages/theme/src/svgs/mail.svg
@@ -1,16 +1,10 @@
-<?xml version="1.0" encoding="utf-8"?>
-<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg"
-	xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-	viewBox="0 0 24 24" xml:space="preserve">
-<g id="Icon">
-	<g id="UI-icons-英文名" transform="translate(-828.000000, -1735.000000)">
-		<g id="网站通用图标" transform="translate(100.000000, 1136.000000)">
-			<g id="mail" transform="translate(728.000000, 596.000000)">
-				<path id="Shape" class="st0" d="M21,6H3C2.1,6,1,7.1,1,8v14c0,0.9,1.1,2,2,2h18c0.9,0,2-1.1,2-2V8C23,7.1,21.9,6,21,6z M19,8
-					l-6.3,4.7l0,0l0,0c-0.2,0.2-0.4,0.2-0.6,0.2c-0.2,0-0.4-0.1-0.6-0.2l0,0L5,8H19z M3,22c0,0,0-4.3,0-13l7.2,5.4
-					c0.5,0.4,1.1,0.7,1.8,0.7c0.7,0,1.4-0.2,1.9-0.7L21,9v13C21,22,15,22,3,22z"/>
-			</g>
-		</g>
+<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+	<desc fill="none">
+			Created with Pixso.
+	</desc>
+	<defs fill="none">
+	</defs>
+	<g>
+		<path id="形状结合" d="M12.5 2.5C13.88 2.5 15 3.61 15 5L15 11C15 12.38 13.88 13.5 12.5 13.5L3.5 13.5C2.11 13.5 1 12.38 1 11L1 5C1 3.61 2.11 2.5 3.5 2.5L12.5 2.5ZM13.87 4.4L8.95 8.49C8.4 8.95 7.59 8.95 7.04 8.49L2.12 4.4C2.04 4.58 2 4.78 2 5L2 11C2 11.82 2.67 12.5 3.5 12.5L12.5 12.5C13.32 12.5 14 11.82 14 11L14 5C14 4.78 13.95 4.58 13.87 4.4ZM12.5 3.5L3.5 3.5C3.24 3.5 3.01 3.56 2.8 3.67L7.67 7.72C7.86 7.87 8.13 7.87 8.32 7.72L13.19 3.67C12.98 3.56 12.75 3.5 12.5 3.5Z" fill-opacity="1.000000" fill-rule="nonzero"/>
 	</g>
-</g>
-</svg>
\ No newline at end of file
+</svg>
diff --git a/packages/theme/src/svgs/minscreen-right.svg b/packages/theme/src/svgs/minscreen-right.svg
index d3e130b59..7b4a4b2e2 100644
--- a/packages/theme/src/svgs/minscreen-right.svg
+++ b/packages/theme/src/svgs/minscreen-right.svg
@@ -1,10 +1,10 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg viewBox="0 0 24 24" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <g id="-IconMinscreenright">
-        <g id="IconMinscreenLeft" transform="translate(0.000000, -0.000000)">
-            <path d="M0.00291621452,11.9902115 C0.00291621452,10.1155031 -0.00364526815,8.24079459 0.00291621452,6.36608614 C-0.000855476148,5.45891642 0.110645142,4.55494313 0.334739841,3.67587954 C0.825913793,1.81523141 2.03791364,0.711028139 3.89668835,0.282657258 C4.82870208,0.0812875901 5.78065248,-0.013058275 6.73406154,0.00145099488 C10.3291299,0.00145099488 13.9245108,0.00145099488 17.520204,0.00145099488 C18.4282917,-0.0041860412 19.3337475,0.0996722173 20.216974,0.310777884 C22.13199,0.779454998 23.2811871,1.99239136 23.7189318,3.90084455 C23.9157326,4.80281181 24.0097548,5.72416509 23.999201,6.64729239 C23.999201,10.2811023 23.999201,13.9152246 23.999201,17.5496594 C24.0041104,18.4489927 23.9005666,19.3456375 23.6908112,20.2201815 C23.2221338,22.1361336 22.0035724,23.2797057 20.0951179,23.7174501 C19.1629846,23.9180577 18.2111214,24.0123949 17.2577447,23.9986564 C13.677674,23.9986564 10.0979157,23.9986564 6.51846992,23.9986564 C5.60344091,24.0061248 4.69081717,23.9038481 3.8001408,23.6940163 C1.8766886,23.2253392 0.721867404,22.0067787 0.285060033,20.088952 C0.0619695745,19.1141036 0.00291621452,18.1364431 0.00291621452,17.1503465 C0.00291621452,15.4306139 0.00291621452,13.7105689 0.00291621452,11.9902115 Z" id="path1" fill-opacity="0" fill="#FFFFFF" fill-rule="nonzero" opacity="0"></path>
-            <path d="M2.00243018,11.9918484 C2.00243018,10.4295903 1.99696228,8.86733221 2.00243018,7.30507407 C1.9992871,6.54909879 2.09220429,5.79578719 2.27894987,5.06323369 C2.68826149,3.5126925 3.69826137,2.59252247 5.24724029,2.23554649 C6.0239184,2.06773832 6.8172104,1.98911671 7.61171795,2.00120777 C10.6076083,2.00120777 13.603759,2.00120777 16.60017,2.00120777 C17.3569097,1.99651024 18.1114562,2.08305885 18.8474783,2.25898036 C20.443325,2.64954489 21.4009892,3.6603259 21.7657765,5.25070466 C21.9297772,6.00234456 22.008129,6.7701395 21.9993341,7.53941279 C21.9993341,10.5675898 21.9993341,13.5960272 21.9993341,16.6247249 C22.0034254,17.3741698 21.9171388,18.1213744 21.7423427,18.8501616 C21.3517781,20.4467894 20.3363103,21.3997669 18.7459316,21.7645541 C17.9691539,21.9317272 17.1759345,22.0103416 16.3814539,21.9988928 C13.3980616,21.9988928 10.4149298,21.9988928 7.43205827,21.9988928 C6.66953409,22.0051165 5.90901431,21.9198858 5.166784,21.7450259 C3.56390717,21.3544614 2.60155617,20.3389936 2.23755003,18.7408035 C2.05164131,17.9284293 2.00243018,17.1137117 2.00243018,16.2919639 C2.00243018,14.8588525 2.00243018,13.4254806 2.00243018,11.9918484 Z" id="path2" opacity="0"></path>
-            <path d="M19.7981367,12.6064852 C20.2123503,12.6064852 20.5481367,12.9422714 20.5481367,13.3564847 C20.5481367,13.7361802 20.2659829,14.0499751 19.8999073,14.0996375 L19.7981367,14.1064852 L15.166,14.1049984 L21.5303301,20.4696557 C21.8232233,20.7625487 21.8232233,21.2374221 21.5303301,21.5303151 C21.2640635,21.7965815 20.8473998,21.8207876 20.5537883,21.6029332 L20.4696699,21.5303151 L14.106,15.1669984 L14.1064939,19.798123 C14.1064939,20.1778185 13.82434,20.4916135 13.4582645,20.5412759 L13.3564939,20.5481225 C12.9767982,20.5481225 12.663003,20.2659688 12.6133405,19.8998935 L12.6064939,19.798123 L12.6064939,13.3564847 C12.6064939,12.9767892 12.8886478,12.6629942 13.2547234,12.6133318 L13.3564939,12.6064852 L19.7981367,12.6064852 Z M3.44621165,2.3970501 L3.53033009,2.4696682 L9.894,8.83299844 L9.89350607,4.20186033 C9.89350607,3.82216483 10.17566,3.50836986 10.5417355,3.45870747 L10.6435061,3.45186086 C11.0232018,3.45186086 11.336997,3.73401454 11.3866595,4.10008985 L11.3935061,4.20186033 L11.3935061,10.6434987 C11.3935061,11.0231942 11.1113522,11.3369892 10.7452766,11.3866516 L10.6435061,11.3934982 L4.20186325,11.3934982 C3.78764969,11.3934982 3.45186325,11.057712 3.45186325,10.6434987 C3.45186325,10.2638032 3.73401713,9.95000821 4.10009269,9.90034582 L4.20186325,9.89349816 L8.833,9.89399844 L2.46966991,3.53032764 C2.1767767,3.23743462 2.1767767,2.76256122 2.46966991,2.4696682 C2.73593648,2.20340182 3.15260016,2.17919579 3.44621165,2.3970501 Z" transform="translate(12.000000, 11.999992) scale(-1, 1) translate(-12.000000, -11.999992) "></path>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
+<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+	<desc fill="none">
+			Created with Pixso.
+	</desc>
+	<defs fill="none">
+	</defs>
+	<g>
+		<path id="形状结合" d="M5.96 8.53C6.78 8.53 7.46 9.21 7.46 10.03L7.46 13.5C7.46 13.77 7.23 14 6.96 14C6.68 14 6.46 13.77 6.46 13.5L6.46 10.24L3.16 13.54C2.96 13.74 2.64 13.74 2.45 13.54C2.25 13.35 2.25 13.03 2.45 12.83L5.75 9.53L2.5 9.53C2.24 9.53 2.03 9.35 2 9.1L2 9.03C2 8.76 2.22 8.53 2.5 8.53L5.96 8.53ZM9.03 2C9.31 2 9.53 2.22 9.53 2.5L9.53 5.75L12.83 2.45C13.03 2.25 13.35 2.25 13.54 2.45C13.74 2.64 13.74 2.96 13.54 3.16L10.24 6.46L13.5 6.46C13.75 6.46 13.96 6.64 13.99 6.89L14 6.96C14 7.23 13.77 7.46 13.5 7.46L10.03 7.46C9.21 7.46 8.53 6.78 8.53 5.96L8.53 2.5C8.53 2.22 8.76 2 9.03 2Z" fill-opacity="1.000000" fill-rule="nonzero"/>
+	</g>
+</svg>
diff --git a/packages/theme/src/svgs/picture.svg b/packages/theme/src/svgs/picture.svg
index bf9b98ee4..38fdacfc0 100644
--- a/packages/theme/src/svgs/picture.svg
+++ b/packages/theme/src/svgs/picture.svg
@@ -1,18 +1,9 @@
-<?xml version="1.0" encoding="utf-8"?>
-<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg"
-	xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-	viewBox="0 0 24 24" xml:space="preserve">
-<g id="Icon">
-	<g id="UI-icons-英文名" transform="translate(-829.000000, -1902.000000)">
-		<g id="网站通用图标" transform="translate(100.000000, 1221.000000)">
-			<g id="picture" transform="translate(728.000000, 679.000000)">
-				<path id="Shape" class="st0" d="M21.8,5H4.2C3.3,5,2.5,5.7,2.5,6.7v14.7c0,0.9,0.8,1.7,1.7,1.7h17.6c0.9,0,1.7-0.8,1.7-1.7V6.7
-					C23.5,5.7,22.7,5,21.8,5z M21.8,21.3L21.8,21.3l-17.6,0l0,0v-5l4.3-4.4l5.1,6.3c0.3,0.3,0.8,0.4,1.1,0.1l3.8-2.5l3.3,1.6V21.3z
-					 M21.8,15.2L19,14.1c-0.3-0.2-0.7-0.2-1,0l-3.7,2.5l-5.2-6.4C9,9.9,8.8,9.8,8.6,9.8S8.1,9.9,8,10.1l-3.8,3.9V6.7l0,0h17.6l0,0
-					L21.8,15.2z M17.4,8.4c-1.3,0-2.4,1.1-2.4,2.4s1.1,2.4,2.4,2.4s2.4-1.1,2.4-2.4S18.7,8.4,17.4,8.4z M17.4,11.4
-					c-0.4,0-0.7-0.3-0.7-0.7s0.3-0.7,0.7-0.7s0.7,0.3,0.7,0.7S17.7,11.4,17.4,11.4z"/>
-			</g>
-		</g>
+<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+	<desc fill="none">
+			Created with Pixso.
+	</desc>
+	<defs fill="none"/>
+	<g>
+		<path id="形状结合" d="M12 1.5C13.3799 1.5 14.5 2.60938 14.5 4L14.5 12C14.5 13.3809 13.3799 14.5 12 14.5L4 14.5C2.61011 14.5 1.5 13.3809 1.5 12L1.5 4C1.5 2.60938 2.61011 1.5 4 1.5L12 1.5ZM4 2.5L12.1001 2.5C12.8799 2.55078 13.5 3.19922 13.5 4L13.5 11.0098L11.3201 8.91016C10.8999 8.5 10.22 8.50977 9.80005 8.92969L9.05005 9.68945C9.01001 9.7207 8.96997 9.7207 8.92993 9.68945L6.22998 7.0293C5.81006 6.61914 5.13989 6.61914 4.71997 7.0293L2.5 9.18945L2.5 4C2.5 3.16992 3.16992 2.5 4 2.5ZM10.02 4C10.8501 4 11.52 4.66992 11.52 5.5C11.52 6.32031 10.8501 7 10.02 7C9.18994 7 8.52002 6.32031 8.52002 5.5C8.52002 4.66992 9.18994 4 10.02 4ZM9.52002 5.5C9.52002 5.2207 9.75 5 10.02 5C10.3 5 10.52 5.2207 10.52 5.5C10.52 5.76953 10.3 6 10.02 6C9.75 6 9.52002 5.76953 9.52002 5.5ZM5.41992 7.75L2.51001 10.5605L2.5 12C2.5 12.7891 3.11011 13.4395 3.88989 13.4902L4 13.5L12 13.5C12.6799 13.5 13.27 13.0293 13.4399 12.3906L10.6299 9.63086C10.5901 9.59961 10.54 9.59961 10.51 9.63086L9.76001 10.4004C9.34009 10.8203 8.65991 10.8203 8.22998 10.4102L5.53003 7.75C5.5 7.7207 5.44995 7.7207 5.41992 7.75Z" clip-rule="evenodd" fill-opacity="1.000000" fill-rule="evenodd"/>
 	</g>
-</g>
-</svg>
\ No newline at end of file
+</svg>
diff --git a/packages/theme/src/svgs/popup.svg b/packages/theme/src/svgs/popup.svg
index 2045fd6c4..fcddae578 100644
--- a/packages/theme/src/svgs/popup.svg
+++ b/packages/theme/src/svgs/popup.svg
@@ -1 +1,9 @@
-<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1573548730600" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1102" xmlns:xlink="http://www.w3.org/1999/xlink"><path d="M292.768415 449.693955c2.490727 0.514723 4.989641 0.98749 7.468089 1.551333 28.956495 6.587022 48.828079 32.893154 47.590901 62.97938-1.187035 28.850072-23.508413 53.386908-52.383044 57.604976-0.904603 0.132006-1.784646 0.432859-2.675946 0.654915h-12.558014c-0.773619-0.208754-1.535983-0.497327-2.322905-0.615007-26.221198-3.89061-46.433542-23.107277-51.662636-49.134047-0.360204-1.792832-0.753153-3.578502-1.130754-5.368264v-12.558014c0.234337-0.992607 0.537236-1.972934 0.694825-2.976797 3.901867-24.797779 21.982664-44.51075 46.302559-50.418297 2.687202-0.652869 5.412266-1.151219 8.119935-1.722224 4.184299 0.002047 8.370645 0.002047 12.55699 0.002046zM505.228271 572.485583c-2.490727-0.514723-4.990664-0.98749-7.469112-1.550309-28.956495-6.588045-48.828079-32.894178-47.590901-62.980403 1.187035-28.850072 23.50739-53.386908 52.384068-57.603953 0.904603-0.132006 1.784646-0.432859 2.675945-0.655939h12.556991c2.490727 0.514723 4.990664 0.98749 7.469112 1.551332 28.956495 6.587022 48.829102 32.893154 47.590901 62.97938-1.186012 28.850072-23.50739 53.386908-52.383044 57.604976-0.904603 0.132006-1.784646 0.432859-2.675946 0.654916h-12.558014zM729.919706 572.485583c-2.490727-0.514723-4.990664-0.98749-7.469112-1.550309-28.957519-6.588045-48.829102-32.894178-47.590901-62.980403 1.186012-28.850072 23.50739-53.386908 52.383044-57.603953 0.904603-0.132006 1.784646-0.432859 2.675946-0.655939h12.55699c0.774643 0.208754 1.535983 0.49835 2.323929 0.615007 26.221198 3.89061 46.433542 23.108301 51.661613 49.134047 0.361227 1.792832 0.753153 3.579525 1.130754 5.368264v12.558014c-0.234337 0.991584-0.536212 1.972934-0.694825 2.976798-3.901867 24.797779-21.982664 44.51075-46.302559 50.418296-2.687202 0.653893-5.411243 1.151219-8.119935 1.722224-4.183276-0.002047-8.368598-0.002047-12.554944-0.002046z" p-id="1103"></path></svg>
\ No newline at end of file
+<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+	<desc fill="none">
+			Created with Pixso.
+	</desc>
+	<defs fill="none" />
+	<g>
+		<path id="path-1" d="M2.30078 7.7793L2.30078 7.85938C2.32031 8.50977 2.86133 9.0293 3.52148 9.0293C4.20117 9.0293 4.75 8.49023 4.75 7.82031C4.75 7.14844 4.20117 6.60938 3.52148 6.60938C2.86133 6.60938 2.32031 7.12891 2.30078 7.7793ZM6.54102 7.82031C6.54102 8.49023 7.08008 9.0293 7.76172 9.0293C8.44141 9.0293 8.99023 8.49023 8.99023 7.82031C8.99023 7.14844 8.44141 6.60938 7.76172 6.60938C7.08008 6.60938 6.54102 7.14844 6.54102 7.82031ZM10.7812 7.85938L10.7812 7.7793C10.8008 7.12891 11.3398 6.60938 12 6.60938C12.6816 6.60938 13.2305 7.14844 13.2305 7.82031C13.2305 8.49023 12.6816 9.0293 12 9.0293C11.3398 9.0293 10.8008 8.50977 10.7812 7.85938Z" clip-rule="evenodd" fill-opacity="1.000000" fill-rule="evenodd"/>
+	</g>
+</svg>
diff --git a/packages/theme/src/svgs/right-frozen.svg b/packages/theme/src/svgs/right-frozen.svg
index 3fdc42a1a..e98c6c4e4 100644
--- a/packages/theme/src/svgs/right-frozen.svg
+++ b/packages/theme/src/svgs/right-frozen.svg
@@ -1,25 +1,16 @@
 <?xml version="1.0" encoding="utf-8"?>
-<svg version="1.1" xmlns="http://www.w3.org/2000/svg"
-	xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-	viewBox="0 0 161.754 156.391" enable-background="new 0 0 161.754 156.391"
-	xml:space="preserve">
-<g>
-	<g id="Icon">
-		<g transform="translate(-103.000000, -1145.000000)">
-			<g transform="translate(100.000000, 1137.000000)">
-				<g id="lock" transform="translate(0.000000, 7.000000)">
-					<path id="Combined-Shape" d="M54.298,67.125h105.456v11.72v52.727c0,6.446-5.273,11.717-11.717,11.717H66.017
-						c-6.445,0-11.719-5.271-11.719-11.717V78.845V67.125z M66.017,78.845v52.727h82.021V78.845H66.017z"/>
-					<path id="Combined-Shape_1_" d="M148.037,67.125c0-22.847-18.162-41.009-41.012-41.009c-22.848,0-41.009,18.162-41.009,41.009
-						H54.298c0-29.292,23.436-52.727,52.728-52.727c29.293,0,52.729,23.435,52.729,52.727H148.037z"/>
-					<path id="Combined-Shape_2_" d="M95.31,96.418c0-6.441,5.271-11.715,11.716-11.715c6.445,0,11.717,5.273,11.717,11.715
-						c0,4.688-2.343,8.791-5.856,10.547c0,0,0,0.586,0,1.172v11.718c0,3.515-2.345,5.856-5.86,5.856
-						c-3.515,0-5.858-2.342-5.858-5.856v-11.718c0,0,0-0.586,0-1.172C97.653,104.622,95.31,101.107,95.31,96.418z"/>
-				</g>
-			</g>
-		</g>
-	</g>
-	<path d="M5,148.391c0,4.418,3.582,8,8,8h18.334c4.418,0,8-3.582,8-8V8c0-4.418-3.582-8-8-8H13C8.582,0,5,3.582,5,8
-		V148.391z"/>
-</g>
-</svg>
\ No newline at end of file
+<!-- Generator: Adobe Illustrator 26.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 16 16" style="enable-background:new 0 0 16 16;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#191919;}
+</style>
+<desc>Created with Pixso.</desc>
+<path id="形状结合" class="st0" d="M8.9,1.3c2.1,0,3.8,1.7,3.8,3.8v0.7c1.1,0.3,1.9,1.2,1.9,2.4v4.1c0,1.4-1.1,2.5-2.5,2.5H5.7
+	c-1.4,0-2.5-1.1-2.5-2.5V8.2C3.2,7,4,6.1,5.1,5.8V5.1C5.1,3,6.8,1.3,8.9,1.3z M12.1,6.7H5.7c-0.8,0-1.5,0.7-1.5,1.5v4.1
+	c0,0.8,0.7,1.5,1.5,1.5h6.4c0.8,0,1.5-0.7,1.5-1.5V8.2C13.6,7.4,13,6.7,12.1,6.7z M8.9,8.8c0.3,0,0.5,0.2,0.5,0.5v1.8
+	c0,0.3-0.2,0.5-0.5,0.5c-0.3,0-0.5-0.2-0.5-0.5V9.3C8.4,9.1,8.7,8.8,8.9,8.8z M8.9,2.3c-1.6,0-2.8,1.3-2.8,2.8v0.6h5.6V5.1
+	C11.7,3.5,10.5,2.3,8.9,2.3z"/>
+<path class="st0" d="M2.3,14.1c0,0.3-0.2,0.5-0.5,0.5c-0.3,0-0.5-0.2-0.5-0.5v-12c0-0.3,0.2-0.5,0.5-0.5c0.3,0,0.5,0.2,0.5,0.5V14.1
+	z"/>
+</svg>
diff --git a/packages/theme/src/svgs/setting.svg b/packages/theme/src/svgs/setting.svg
index 273f7d9ba..aefa63989 100644
--- a/packages/theme/src/svgs/setting.svg
+++ b/packages/theme/src/svgs/setting.svg
@@ -1,30 +1,9 @@
-<?xml version="1.0" encoding="utf-8"?>
-<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg"
-	xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-	viewBox="0 0 24 24" xml:space="preserve">
-<g id="Icon">
-	<g id="UI-icons-英文名" transform="translate(-726.000000, -1558.000000)">
-		<g id="网站通用图标" transform="translate(101.000000, 1053.000000)">
-			<g id="setting" transform="translate(624.000000, 504.000000)">
-				<path id="Shape" class="st0" d="M23.9,11.3l-0.1-0.6L22,10.1c-0.2-0.5-0.3-0.9-0.6-1.4L22.3,7l-0.3-0.5
-					c-0.7-0.9-1.5-1.8-2.5-2.5L19,3.7l-1.7,0.8c-0.4-0.2-0.9-0.4-1.4-0.6l-0.6-1.8l-0.6-0.1C14.1,2,13.6,2,13,2
-					c-0.5,0-1.1,0-1.7,0.2l-0.6,0.1L10.1,4c-0.5,0.2-1,0.4-1.4,0.6L7,3.8L6.6,4.1C5.6,4.8,4.8,5.6,4.1,6.6L3.7,7l0.8,1.7
-					C4.4,9.1,4.2,9.6,4,10.1l-1.8,0.6l-0.1,0.6C2,11.9,2,12.5,2,13c0,0.5,0,1.1,0.1,1.7l0.1,0.6L4,15.9c0.2,0.5,0.3,0.9,0.6,1.4
-					L3.8,19l0.3,0.5c0.4,0.5,0.7,0.9,1.1,1.3c0.4,0.4,0.8,0.7,1.3,1.1L7,22.2l1.7-0.8c0.4,0.2,0.9,0.4,1.4,0.6l0.6,1.8l0.6,0.1
-					C11.9,24,12.5,24,13,24s1.1,0,1.7-0.1l0.6-0.1l0.6-1.8c0.5-0.2,0.9-0.3,1.4-0.6l1.7,0.8l0.5-0.3c0.5-0.4,1-0.7,1.3-1.1
-					c0.4-0.4,0.8-0.8,1.1-1.3l0.3-0.5l-0.8-1.7c0.2-0.4,0.4-0.9,0.6-1.4l1.8-0.6l0.1-0.6C24,14.1,24,13.5,24,13
-					C24,12.5,24,11.9,23.9,11.3z M22,13L22,13c0,0.3,0,0.6-0.1,1l-0.8,0.3l-0.7,0.2l-0.2,0.7c-0.1,0.4-0.3,0.8-0.5,1.2l-0.4,0.7
-					l0.7,1.5c-0.2,0.3-0.4,0.5-0.7,0.7l0,0c-0.2,0.2-0.5,0.4-0.7,0.6l-1.5-0.7l-0.7,0.4c-0.4,0.2-0.8,0.4-1.3,0.5l-0.7,0.2l-0.2,0.7
-					L14,21.9c-0.3,0-0.7,0.1-1,0.1c-0.3,0-0.6,0-1-0.1l-0.3-0.8l-0.2-0.7l-0.7-0.2c-0.4-0.1-0.9-0.3-1.2-0.5l-0.7-0.4l-0.7,0.3
-					L7.4,20c-0.3-0.2-0.5-0.4-0.7-0.7c-0.2-0.2-0.4-0.5-0.7-0.7l0.7-1.5l-0.4-0.7c-0.2-0.4-0.4-0.8-0.5-1.2l-0.2-0.7L4.1,14
-					C4,13.6,4,13.3,4,13s0-0.6,0.1-1l1.6-0.5l0.2-0.7C6,10.3,6.1,9.9,6.4,9.5l0.4-0.7L6.4,8.2L6,7.4c0.4-0.5,0.9-1,1.4-1.4l1.5,0.7
-					l0.7-0.4c0.4-0.2,0.8-0.4,1.2-0.5l0.7-0.2l0.2-0.7L12,4.1C12.4,4,12.7,4,13,4c0.3,0,0.6,0,1,0.1l0.5,1.6l0.7,0.2
-					c0.4,0.1,0.8,0.3,1.2,0.5l0.7,0.4L18.6,6c0.5,0.4,1,0.9,1.4,1.4l-0.7,1.5l0.4,0.7c0.2,0.4,0.4,0.8,0.5,1.3l0.2,0.7l0.7,0.2
-					l0.8,0.3C22,12.4,22,12.7,22,13z M13,9c-2.2,0-4,1.8-4,4s1.8,4,4,4s4-1.8,4-4S15.2,9,13,9z M14.4,14.4C14,14.8,13.5,15,13,15
-					s-1-0.2-1.4-0.6C11.2,14,11,13.5,11,13s0.2-1,0.6-1.4C12,11.2,12.5,11,13,11s1,0.2,1.4,0.6C14.8,12,15,12.5,15,13
-					S14.8,14,14.4,14.4z"/>
-			</g>
-		</g>
+<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+	<desc fill="none">
+			Created with Pixso.
+	</desc>
+	<defs fill="none" />
+	<g>
+		<path id="形状结合" d="M8.87012 1.18945C9.41992 1.18945 9.91992 1.47852 10.21 1.97852L10.2803 2.11914L10.6904 3.08984L10.9102 3.20898L11.9707 3.08984C12.4307 3.0293 12.9004 3.18945 13.2402 3.5293L13.3506 3.66016L13.4502 3.79883L14.3506 5.34961C14.6201 5.82031 14.6201 6.38867 14.3408 6.88867L14.25 7.0293L13.6104 7.87891L13.6104 8.10938L14.25 8.95898C14.5303 9.33984 14.6201 9.82031 14.5 10.2891L14.4502 10.4395L14.3701 10.5996L13.4707 12.1504C13.2002 12.6289 12.6904 12.9102 12.1201 12.9102L11.9707 12.9004L10.9102 12.7695L10.6904 12.9004L10.2803 13.8691C10.0908 14.2988 9.7207 14.6191 9.25 14.75L9.09082 14.7793L8.91992 14.7988L7.12012 14.7988C6.57031 14.7988 6.07031 14.5098 5.78027 14.0098L5.70996 13.8691L5.29004 12.9004L5.08008 12.7695L4.02051 12.9004C3.56055 12.959 3.09082 12.7988 2.75 12.459L2.64062 12.3301L2.54004 12.1895L1.64062 10.6387C1.37012 10.1699 1.37012 9.59961 1.65039 9.09961L1.74023 8.95898L2.38086 8.10938L2.38086 7.87891L1.74023 7.0293C1.45996 6.65039 1.37012 6.16992 1.49023 5.69922L1.54004 5.54883L1.62012 5.38867L2.51074 3.83984C2.79004 3.35938 3.30078 3.08008 3.87012 3.08008L4.02051 3.08984L5.08008 3.20898L5.29004 3.08984L5.70996 2.11914C5.90039 1.68945 6.27051 1.36914 6.74023 1.24023L6.90039 1.20898L7.08008 1.18945L8.87012 1.18945ZM6.63086 2.50977C6.7002 2.34961 6.85059 2.22852 7.03027 2.19922L7.13086 2.18945L8.87012 2.18945C9.06055 2.18945 9.24023 2.28906 9.33008 2.45898L9.37012 2.53906L9.84082 3.63867C9.88086 3.74023 9.95996 3.82031 10.0508 3.87891L10.5508 4.16016C10.6504 4.21875 10.75 4.24023 10.8604 4.22852L12.0908 4.08008C12.2705 4.05859 12.4404 4.12891 12.5605 4.26953L12.6104 4.34961L13.4902 5.84961C13.5801 6.00977 13.5801 6.20898 13.4902 6.36914L13.4307 6.44922L12.71 7.41016C12.6406 7.5 12.6104 7.59961 12.6104 7.70898L12.6104 8.2793C12.6104 8.38867 12.6406 8.5 12.71 8.58008L13.4502 9.55859C13.5605 9.70898 13.5801 9.90039 13.5205 10.0586L13.4805 10.1504L12.6104 11.6504C12.5107 11.8086 12.3408 11.9102 12.1504 11.9102L12.0605 11.9102L10.8604 11.7598C10.75 11.75 10.6504 11.7695 10.5508 11.8301L10.0508 12.1094C9.95996 12.1699 9.88086 12.25 9.84082 12.3496L9.36035 13.4785C9.29004 13.6387 9.14062 13.7598 8.95996 13.7891L8.86035 13.7988L7.12012 13.7988C6.93066 13.7988 6.75 13.6992 6.66016 13.5293L6.62012 13.4492L6.15039 12.3496C6.10059 12.25 6.03027 12.1699 5.94043 12.1094L5.44043 11.8301C5.34082 11.7695 5.24023 11.75 5.13086 11.7598L3.90039 11.9102C3.7207 11.9297 3.54004 11.8594 3.43066 11.7188L3.38086 11.6387L2.5 10.1387C2.41016 9.97852 2.41016 9.7793 2.5 9.61914L2.56055 9.53906L3.28027 8.58008C3.34082 8.5 3.38086 8.38867 3.38086 8.2793L3.38086 7.70898C3.38086 7.59961 3.34082 7.5 3.28027 7.41016L2.54004 6.42969C2.43066 6.2793 2.41016 6.08984 2.4707 5.92969L2.51074 5.83984L3.38086 4.33984C3.48047 4.17969 3.65039 4.08008 3.84082 4.08008L3.93066 4.08008L5.13086 4.22852C5.24023 4.24023 5.34082 4.21875 5.44043 4.16016L5.94043 3.87891C6.03027 3.82031 6.10059 3.74023 6.15039 3.63867L6.63086 2.50977ZM8.03027 5.37891C9.48047 5.37891 10.6504 6.54883 10.6504 8C10.6504 9.43945 9.48047 10.6094 8.03027 10.6094C6.59082 10.6094 5.41992 9.43945 5.41992 8C5.41992 6.54883 6.59082 5.37891 8.03027 5.37891ZM6.41992 8C6.41992 7.09961 7.14062 6.37891 8.03027 6.37891C8.91992 6.37891 9.65039 7.09961 9.65039 8C9.65039 8.88867 8.91992 9.60938 8.03027 9.60938C7.14062 9.60938 6.41992 8.88867 6.41992 8Z" clip-rule="evenodd" fill-opacity="1.000000" fill-rule="evenodd"/>
 	</g>
-</g>
-</svg>
\ No newline at end of file
+</svg>
diff --git a/packages/theme/src/svgs/shutdown.svg b/packages/theme/src/svgs/shutdown.svg
new file mode 100644
index 000000000..98cb80727
--- /dev/null
+++ b/packages/theme/src/svgs/shutdown.svg
@@ -0,0 +1,9 @@
+<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+	<desc fill="none">
+			Created with Pixso.
+	</desc>
+	<defs fill="none"/>
+	<g>
+		<path id="形状结合" d="M8 1C11.8604 1 15 4.13086 15 8C15 11.8594 11.8604 15 8 15C4.12988 15 1 11.8594 1 8C1 4.13086 4.12988 1 8 1ZM8 2C4.67969 2 2 4.67969 2 8C2 11.3105 4.67969 14 8 14C11.3096 14 14 11.3105 14 8C14 4.67969 11.3096 2 8 2ZM8.5 6C8.5 5.7207 8.26953 5.5 8 5.5C7.71973 5.5 7.5 5.7207 7.5 6L7.5 10C7.5 10.2695 7.71973 10.5 8 10.5C8.26953 10.5 8.5 10.2695 8.5 10L8.5 6Z" clip-rule="evenodd" fill-opacity="1.000000" fill-rule="evenodd"/>
+	</g>
+</svg>
diff --git a/packages/theme/src/svgs/star-o.svg b/packages/theme/src/svgs/star-o.svg
index 97c686d32..83e96c6d3 100644
--- a/packages/theme/src/svgs/star-o.svg
+++ b/packages/theme/src/svgs/star-o.svg
@@ -1,20 +1,9 @@
-<?xml version="1.0" encoding="utf-8"?>
-<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg"
-	xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-	viewBox="0 0 24 24" xml:space="preserve">
-<g id="Icon">
-	<g id="_x36_.21版本" transform="translate(-829.000000, -1565.000000)">
-		<g id="网站通用图标" transform="translate(100.000000, 1221.000000)">
-			<g id="star-o" transform="translate(728.000000, 343.000000)">
-				<path id="Shape" class="st0" d="M13,3.8c0.1,0,0.3,0.1,0.3,0.2l2.6,5.5c0.1,0.1,0.2,0.2,0.3,0.2l5.8,0.9c0.3,0,0.4,0.4,0.2,0.6
-					l-4.2,4.3c-0.1,0.1-0.1,0.2-0.1,0.3l1,6.1c0,0.2-0.1,0.4-0.4,0.4c-0.1,0-0.1,0-0.2,0l-5.1-2.8c-0.1,0-0.1,0-0.2,0s-0.1,0-0.2,0
-					l-5.1,2.8c-0.1,0-0.1,0-0.2,0c-0.2,0-0.4-0.2-0.4-0.4l1-6.1c0-0.1,0-0.2-0.1-0.3l-4.2-4.3c-0.2-0.2-0.1-0.6,0.2-0.6l5.8-0.9
-					c0.1,0,0.2-0.1,0.3-0.2L12.7,4C12.7,3.8,12.9,3.8,13,3.8z M13,2c-0.4,0-0.8,0.1-1.1,0.3c-0.4,0.2-0.6,0.5-0.8,0.9L8.8,8l-5,0.8
-					C3,8.9,2.4,9.5,2.1,10.2S2,11.8,2.6,12.4l3.7,3.8l-0.9,5.4c-0.1,0.6,0.1,1.2,0.5,1.7c0.4,0.5,1,0.8,1.6,0.8c0.4,0,0.7-0.1,1-0.3
-					l4.4-2.5l4.4,2.5c0.3,0.2,0.7,0.3,1,0.3c0.6,0,1.2-0.3,1.6-0.8c0.4-0.5,0.6-1.1,0.5-1.7l-0.9-5.4l3.7-3.8
-					c0.6-0.6,0.7-1.4,0.5-2.2c-0.3-0.8-0.9-1.3-1.7-1.4l-5-0.8l-2.2-4.8c-0.2-0.4-0.5-0.7-0.8-0.9C13.8,2.1,13.4,2,13,2z"/>
-			</g>
-		</g>
+<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+	<desc fill="none">
+			Created with Pixso.
+	</desc>
+	<defs fill="none" />
+	<g>
+		<path id="路径" d="M8.48047 1.08984C8.78027 1.23047 9.01953 1.48047 9.15039 1.78906L10.4102 4.95898C10.4404 5.0293 10.5 5.08008 10.5703 5.08984L13.8496 5.35938C14.54 5.41992 15.0498 6.03906 14.9902 6.75C14.9697 7.08984 14.8096 7.40039 14.5596 7.61914L12.0703 9.85938C12.0098 9.91016 11.9805 9.99023 12 10.0703L12.7598 13.4102C12.9199 14.0996 12.5098 14.7891 11.8398 14.959C11.5195 15.0391 11.1797 14.9805 10.9004 14.7988L8.08984 13.0195C8.03027 12.9805 7.95996 12.9805 7.90039 13.0195L5.08984 14.7988C4.5 15.1797 3.73047 14.9902 3.37012 14.3691C3.2002 14.0801 3.15039 13.7402 3.23047 13.4102L3.99023 10.0703C4.00977 9.99023 3.98047 9.91016 3.91992 9.84961L1.42969 7.61914C0.910156 7.16016 0.849609 6.34961 1.29004 5.81055C1.5 5.54883 1.80957 5.38867 2.13965 5.35938L5.41992 5.08984C5.49023 5.08008 5.5498 5.0293 5.58008 4.95898L6.83984 1.78906C7.11035 1.12891 7.83984 0.820312 8.48047 1.08984ZM7.76953 2.16016C7.83008 2.01953 7.95996 1.95898 8.08008 2.00977C8.11035 2.03906 8.2002 2.11914 8.21973 2.16016L9.48047 5.33008C9.65039 5.75 10.0303 6.04883 10.4902 6.08008L13.7695 6.35938C13.9004 6.36914 14.0098 6.5 13.9902 6.66992C13.9902 6.75 13.9502 6.83008 13.9004 6.87891L11.4004 9.10938C11.0703 9.41016 10.9297 9.85938 11.0303 10.2891L11.79 13.6289C11.8301 13.7988 11.7305 13.959 11.5996 13.9902C11.5498 14 11.4902 13.9902 11.4404 13.959L8.62988 12.1699C8.25 11.9199 7.75 11.9199 7.34961 12.1699L4.5498 13.959C4.4502 14.0293 4.30957 14 4.24023 13.8691C4.2002 13.7988 4.17969 13.709 4.2002 13.6289L4.95996 10.2891C5.05957 9.86914 4.91992 9.41992 4.59961 9.11914L2.08984 6.87891C1.98047 6.76953 1.95996 6.57031 2.07031 6.44922C2.11035 6.38867 2.16016 6.35938 2.23047 6.35938L5.5 6.08008C5.95996 6.03906 6.33984 5.75 6.50977 5.33008L7.76953 2.16016Z" clip-rule="evenodd" fill-opacity="1.000000" fill-rule="evenodd"/>
 	</g>
-</g>
-</svg>
\ No newline at end of file
+</svg>
diff --git a/packages/theme/src/svgs/successful.svg b/packages/theme/src/svgs/successful.svg
index 28189d145..c11f32713 100644
--- a/packages/theme/src/svgs/successful.svg
+++ b/packages/theme/src/svgs/successful.svg
@@ -1,20 +1,9 @@
-<?xml version="1.0" encoding="utf-8"?>
-<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg"
-	xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-	viewBox="0 0 24 24" xml:space="preserve">
-<g id="Icon">
-	<g id="_x36_.21版本" transform="translate(-412.000000, -845.000000)">
-		<g id="提示建议性图标" transform="translate(100.000000, 761.000000)">
-			<g id="successful" transform="translate(312.000000, 84.000000)">
-				<path id="check-circle" class="st0" d="M12,0C5.4,0,0,5.4,0,12s5.4,12,12,12s12-5.4,12-12S18.6,0,12,0z M19.3,19.3
-					c-0.9,0.9-2.1,1.7-3.3,2.2c-1.3,0.5-2.6,0.8-4,0.8S9.3,22,8,21.5c-1.2-0.5-2.3-1.3-3.3-2.2C3.8,18.3,3,17.2,2.5,16
-					c-0.5-1.3-0.8-2.6-0.8-4S2,9.3,2.5,8C3,6.8,3.8,5.7,4.7,4.7C5.7,3.8,6.8,3,8,2.5c1.3-0.5,2.6-0.8,4-0.8s2.7,0.3,4,0.8
-					c1.2,0.5,2.3,1.3,3.3,2.2C20.2,5.7,21,6.8,21.5,8c0.5,1.3,0.8,2.6,0.8,4s-0.3,2.7-0.8,4C21,17.2,20.2,18.3,19.3,19.3z"/>
-				<path id="Combined-Shape" class="st0" d="M10.6,16c-0.2,0-0.5-0.1-0.7-0.3l-3.7-3.6c-0.4-0.3-0.4-0.9,0-1.3
-					c0.4-0.3,0.9-0.3,1.3,0l3,2.9l5.8-5.6c0.4-0.3,0.9-0.3,1.3,0c0.4,0.3,0.4,0.9,0,1.3l-6.5,6.2C11.1,15.9,10.9,16,10.6,16L10.6,16
-					z"/>
-			</g>
-		</g>
+<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+	<desc fill="none">
+			Created with Pixso.
+	</desc>
+	<defs fill="none" />
+	<g>
+		<path id="path" d="M8 16C3.58984 16 0 12.4004 0 8C0 3.58984 3.58984 0 8 0C12.4004 0 16 3.58984 16 8C16 12.4004 12.4004 16 8 16ZM8 1.23047C4.26953 1.23047 1.23047 4.26953 1.23047 8C1.23047 11.7207 4.26953 14.7598 8 14.7598C11.7197 14.7598 14.7598 11.7207 14.7598 8C14.7598 4.26953 11.7197 1.23047 8 1.23047ZM7.5498 10.8906C7.42969 11.0098 7.28027 11.0801 7.11035 11.0801C6.9502 11.0801 6.75977 11 6.65039 10.8906L3.86035 8.14062C3.62988 7.90039 3.62988 7.50977 3.86035 7.26953C4.11035 7.0293 4.49023 7.0293 4.73047 7.26953L7.07031 9.57031L11.2305 5.09961C11.4697 4.85938 11.8604 4.83984 12.1104 5.08008C12.3604 5.31055 12.3799 5.71094 12.1396 5.94922L7.5498 10.8906Z" clip-rule="evenodd" fill-opacity="1.000000" fill-rule="evenodd"/>
 	</g>
-</g>
-</svg>
\ No newline at end of file
+</svg>
diff --git a/packages/theme/src/svgs/synchronize.svg b/packages/theme/src/svgs/synchronize.svg
new file mode 100644
index 000000000..970ed136d
--- /dev/null
+++ b/packages/theme/src/svgs/synchronize.svg
@@ -0,0 +1,9 @@
+<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+	<desc fill="none">
+			Created with Pixso.
+	</desc>
+	<defs fill="none" />
+	<g>
+		<path id="形状结合" d="M9.84082 1.13086C9.75 1.03906 9.63086 1 9.5 1L4.07031 1C3.05078 1 2.23047 1.82031 2.23047 2.83008L2.23047 13.1602C2.23047 14.1699 3.05078 15 4.07031 15L8.05078 15C8.33008 15 8.55078 14.7695 8.55078 14.5C8.55078 14.2207 8.33008 14 8.05078 14L4.07031 14C3.60059 14 3.23047 13.6191 3.23047 13.1602L3.23047 2.83008L3.24023 2.7207C3.29004 2.31055 3.64062 2 4.07031 2L9.30078 2L12.7607 5.2207L12.7607 8.51953C12.7607 8.78906 12.9805 9.01953 13.2607 9.01953C13.5303 9.01953 13.7607 8.78906 13.7607 8.51953L13.7607 5C13.7607 4.85938 13.7002 4.73047 13.6006 4.63086L9.84082 1.13086ZM11 6.5C11 6.2207 10.7705 6 10.5 6L5.5 6C5.2207 6 5 6.2207 5 6.5C5 6.76953 5.2207 7 5.5 7L10.5 7C10.7705 7 11 6.76953 11 6.5ZM7.5 9C7.77051 9 8 9.2207 8 9.5C8 9.76953 7.77051 10 7.5 10L5.5 10C5.2207 10 5 9.76953 5 9.5C5 9.2207 5.2207 9 5.5 9L7.5 9ZM13.3105 10.4004L13.3008 10.4805C12.6807 9.94922 11.8203 9.76953 11.0107 10.0508C10.2803 10.3105 9.73047 10.9004 9.52051 11.6309C9.46094 11.8398 9.58008 12.0703 9.79004 12.1309C10 12.1895 10.2305 12.0703 10.29 11.8496C10.4307 11.3691 10.79 10.9805 11.2803 10.8105C11.8008 10.6309 12.3604 10.7402 12.7607 11.0703L12.5303 11.0508C12.3105 11.0293 12.1201 11.1992 12.1006 11.4199C12.0801 11.6406 12.2402 11.8301 12.4609 11.8496L13.5801 11.9492C13.79 11.9609 13.9902 11.8008 14.0107 11.5801L14.1104 10.4707C14.1309 10.25 13.9609 10.0508 13.7402 10.0293L13.6602 10.0293C13.4805 10.0508 13.3301 10.1992 13.3105 10.4004ZM13.9209 12.4609C14.1406 12.5195 14.2607 12.7402 14.2109 12.9492C14.0107 13.7109 13.4502 14.3301 12.6904 14.5898C11.8701 14.8809 10.9805 14.6797 10.3506 14.1191C10.3301 14.3105 10.1807 14.5195 9.99023 14.5391L9.91016 14.5391C9.69043 14.5195 9.53027 14.3301 9.55078 14.1094L9.65039 12.9902C9.6709 12.7695 9.86035 12.6094 10.0801 12.6309L11.1904 12.7207C11.4102 12.7402 11.5801 12.9297 11.5605 13.1602C11.54 13.3809 11.3506 13.5391 11.1309 13.5195L10.8604 13.5C11.2705 13.8906 11.8809 14.0293 12.4307 13.8398C12.9307 13.6602 13.3105 13.25 13.4307 12.75C13.4902 12.5391 13.7109 12.4102 13.9209 12.4609Z" clip-rule="evenodd" fill-opacity="1.000000" fill-rule="evenodd"/>
+	</g>
+</svg>
diff --git a/packages/theme/src/svgs/unlock.svg b/packages/theme/src/svgs/unlock.svg
index 346996141..2575766f1 100644
--- a/packages/theme/src/svgs/unlock.svg
+++ b/packages/theme/src/svgs/unlock.svg
@@ -1,18 +1,11 @@
 <?xml version="1.0" encoding="utf-8"?>
-<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg"
-	xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-	viewBox="0 0 24 24" xml:space="preserve">
-<g id="Icon">
-	<g transform="translate(-207.000000, -1145.000000)">
-		<g transform="translate(100.000000, 1137.000000)">
-			<g transform="translate(104.000000, 7.000000)">
-				<path class="st0" d="M24,13v9c0,1.1-0.9,2-2,2H8c-1.1,0-2-0.9-2-2v-9v-2h18V13z M8,13v9h14v-9H8z"/>
-				<path class="st0" d="M16,17.8c0,0.1,0,0.2,0,0.2v2c0,0.6-0.4,1-1,1s-1-0.4-1-1v-2c0-0.1,0-0.2,0-0.2
-					c-0.6-0.3-1-1-1-1.8c0-1.1,0.9-2,2-2s2,0.9,2,2C17,16.8,16.6,17.4,16,17.8z"/>
-				<path class="st0" d="M23.5,8h-2.2c-1.1-2.4-3.5-4-6.3-4c-3.9,0-7,3.1-7,7H6c0-5,4-9,9-9
-					C18.9,2,22.3,4.5,23.5,8z M24,11h-2H24z"/>
-			</g>
-		</g>
-	</g>
-</g>
-</svg>
\ No newline at end of file
+<!-- Generator: Adobe Illustrator 26.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 16 16" style="enable-background:new 0 0 16 16;" xml:space="preserve">
+<desc>Created with Pixso.</desc>
+<path id="形状结合" class="st0" d="M8,1.3c1.7,0,3.2,1.1,3.6,2.7c0.1,0.3-0.1,0.5-0.3,0.6c-0.3,0.1-0.5-0.1-0.6-0.3
+	c-0.3-1.2-1.4-2-2.7-2c-1.6,0-2.8,1.3-2.8,2.8v0.6h6c1.3,0,2.4,1.1,2.5,2.4v0.1v4.1c0,1.4-1.1,2.5-2.5,2.5H4.8
+	c-1.4,0-2.5-1.1-2.5-2.5V8.2c0-1.2,0.8-2.1,1.9-2.4V5.1C4.2,3,5.9,1.3,8,1.3z M11.2,6.7H4.8C4,6.7,3.3,7.4,3.3,8.2v4.1
+	c0,0.8,0.7,1.5,1.5,1.5h6.4c0.8,0,1.5-0.7,1.5-1.5V8.2C12.7,7.4,12,6.7,11.2,6.7z M8,8.8c0.3,0,0.5,0.2,0.5,0.5v1.8
+	c0,0.3-0.2,0.5-0.5,0.5c-0.3,0-0.5-0.2-0.5-0.5V9.3C7.5,9.1,7.7,8.8,8,8.8z"/>
+</svg>
diff --git a/packages/theme/src/svgs/update.svg b/packages/theme/src/svgs/update.svg
new file mode 100644
index 000000000..5a2eec6bb
--- /dev/null
+++ b/packages/theme/src/svgs/update.svg
@@ -0,0 +1,7 @@
+<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+	<desc fill="none">
+			Created with Pixso.
+	</desc>
+	<defs fill="none" />
+	<path id="形状结合-path" d="M8.5 5.21L11.36 8.59C11.58 8.84 11.53 9.19 11.26 9.38C11.01 9.58 10.63 9.54 10.43 9.29L8.6 7.12L8.6 11.43C8.6 11.75 8.32 12 8 12C7.66 12 7.4 11.75 7.4 11.43L7.4 7.18L5.55 9.3C5.37 9.51 5.04 9.56 4.81 9.43L4.71 9.38C4.46 9.18 4.42 8.83 4.63 8.59L7.57 5.21C7.81 4.92 8.26 4.92 8.5 5.21Z" fill-opacity="1.000000" fill-rule="evenodd"/>
+</svg>
diff --git a/packages/theme/src/svgs/warn.svg b/packages/theme/src/svgs/warn.svg
index 026e9f303..959a1b5a6 100644
--- a/packages/theme/src/svgs/warn.svg
+++ b/packages/theme/src/svgs/warn.svg
@@ -1,13 +1,7 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg viewBox="0 0 2 12" version="1.1" xmlns="http://www.w3.org/2000/svg"
-    xmlns:xlink="http://www.w3.org/1999/xlink">
-    <g id="流程图&amp;步骤条" stroke="none" stroke-width="1">
-        <g id="【PC】步骤条-Steps" transform="translate(-1261.000000, -2126.000000)">
-            <g id="叹号" transform="translate(1261.000000, 2126.000000)">
-                <path
-                    d="M1,0 C1.41421356,-7.6089797e-17 1.75,0.335786438 1.75,0.75 L1.75,7.25 C1.75,7.66421356 1.41421356,8 1,8 C0.585786438,8 0.25,7.66421356 0.25,7.25 L0.25,0.75 C0.25,0.335786438 0.585786438,7.6089797e-17 1,0 Z M1,12 C1.55228475,12 2,11.5522847 2,11 C2,10.4477153 1.55228475,10 1,10 C0.44771525,10 0,10.4477153 0,11 C0,11.5522847 0.44771525,12 1,12 Z"
-                    id="形状结合"></path>
-            </g>
-        </g>
-    </g>
-</svg>
\ No newline at end of file
+<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+	<desc fill="none">
+			Created with Pixso.
+	</desc>
+	<defs fill="none"/>
+	<path id="形状" d="M8.59961 9.5C8.59961 9.80078 8.29883 10.0996 8 10.0996C7.79883 10.0996 7.64844 10.0508 7.54883 9.94922C7.44922 9.84961 7.39844 9.69922 7.39844 9.5L7.39844 5.59961C7.39844 5.30078 7.69922 5 8 5C8.29883 5 8.59961 5.30078 8.59961 5.59961L8.59961 9.5ZM8 13C8.39844 13 8.79883 12.5996 8.79883 12.1992C8.79883 11.6992 8.39844 11.3008 8 11.3008C7.59961 11.3008 7.19922 11.6992 7.19922 12.1992C7.19922 12.5996 7.59961 13 8 13Z" clip-rule="evenodd" fill-opacity="1.000000" fill-rule="evenodd"/>
+</svg>
diff --git a/packages/theme/src/svgs/warning.svg b/packages/theme/src/svgs/warning.svg
index 6bbf04118..20be54b6f 100644
--- a/packages/theme/src/svgs/warning.svg
+++ b/packages/theme/src/svgs/warning.svg
@@ -1,16 +1,14 @@
 <?xml version="1.0" encoding="utf-8"?>
-<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg"
-	xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
-	viewBox="0 0 24 24" xml:space="preserve">
-<g id="Icon">
-	<g transform="translate(-412.000000, -929.000000)">
-		<g transform="translate(100.000000, 761.000000)">
-			<g id="Warning" transform="translate(312.000000, 168.000000)">
-				<path class="st0" d="M12,24C5.4,24,0,18.6,0,12S5.4,0,12,0s12,5.4,12,12S18.6,24,12,24z M12,5
-					c-0.6,0-1,0.4-1,1v8c0,0.6,0.4,1,1,1s1-0.4,1-1V6C13,5.4,12.6,5,12,5z M12,18c0.6,0,1-0.4,1-1s-0.4-1-1-1s-1,0.4-1,1
-					S11.4,18,12,18z"/>
-			</g>
-		</g>
-	</g>
-</g>
-</svg>
\ No newline at end of file
+<!-- Generator: Adobe Illustrator 26.0.2, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="图层_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 16 16" style="enable-background:new 0 0 16 16;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:none;}
+	.st1{fill-rule:evenodd;clip-rule:evenodd;}
+</style>
+<rect id="矩形备份-5" class="st0"/>
+<path id="形状结合" class="st1" d="M8.45,1.61C8.62,1.7,8.75,1.83,8.84,2l6.05,11.13c0.25,0.46,0.07,1.02-0.39,1.27
+	c-0.14,0.07-0.29,0.11-0.45,0.11H1.95C1.43,14.5,1,14.08,1,13.56c0-0.15,0.04-0.31,0.11-0.44L7.16,2C7.41,1.54,7.98,1.37,8.45,1.61z
+	 M8,11c-0.41,0-0.75,0.34-0.75,0.75S7.59,12.5,8,12.5s0.75-0.34,0.75-0.75S8.41,11,8,11z M8,5.5C7.72,5.5,7.5,5.72,7.5,6l0,0v3.5
+	C7.5,9.78,7.72,10,8,10c0.28,0,0.5-0.22,0.5-0.5l0,0V6C8.5,5.72,8.28,5.5,8,5.5z"/>
+</svg>
diff --git a/packages/theme/src/svgs/web-plus.svg b/packages/theme/src/svgs/web-plus.svg
index b8172cf59..fbb861a42 100644
--- a/packages/theme/src/svgs/web-plus.svg
+++ b/packages/theme/src/svgs/web-plus.svg
@@ -1,9 +1,9 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
-<!-- Creator: CorelDRAW X7 -->
-<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" version="1.1" style="shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd"
-viewBox="0 0 18 16" xmlns:xlink="http://www.w3.org/1999/xlink">
- <g>
-  <path class="fil0" d="M0 0l17 0c0,0 1,0 1,0l0 12c0,1 -1,1 -1,1l-8 0 0 2 4 0c0,0 0,0 0,0l0 1c0,0 0,0 0,0l-9 0c-1,0 -1,0 -1,0l0 -1c0,0 0,0 1,0l3 0 0 -2 -7 0c0,0 0,0 0,-1l0 -12c0,0 0,0 0,0zm2 8l14 0 0 -6 -14 0 0 6zm14 1l-14 0 0 2 14 0 0 -2z"/>
- </g>
+<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+	<desc fill="none">
+			Created with Pixso.
+	</desc>
+	<defs fill="none" />
+	<g>
+		<path id="形状" d="M12.5 2L3.16016 2C2.15039 2 1.33008 2.82031 1.33008 3.83008L1.33008 10.5C1.33008 11.5098 2.15039 12.3301 3.16016 12.3301L12.5 12.3301C13.5098 12.3301 14.3301 11.5098 14.3301 10.5L14.3301 3.83008C14.3301 2.82031 13.5098 2 12.5 2ZM13.3301 10.5C13.3301 10.9609 12.96 11.3301 12.5 11.3301L3.16016 11.3301C2.7002 11.3301 2.33008 10.9609 2.33008 10.5L2.33008 3.83008C2.33008 3.36914 2.7002 3 3.16016 3L12.5 3C12.96 3 13.3301 3.36914 13.3301 3.83008L13.3301 10.5ZM11.5 14.6602C11.7705 14.6602 12 14.4297 12 14.1602C12 13.8906 11.7705 13.6602 11.5 13.6602L4.16016 13.6602C3.88965 13.6602 3.66016 13.8906 3.66016 14.1602C3.66016 14.4297 3.88965 14.6602 4.16016 14.6602L11.5 14.6602Z" clip-rule="evenodd" fill-opacity="1.000000" fill-rule="evenodd"/>
+	</g>
 </svg>
diff --git a/packages/vue-common/src/index.ts b/packages/vue-common/src/index.ts
index e4edc64a5..4c7b59b18 100644
--- a/packages/vue-common/src/index.ts
+++ b/packages/vue-common/src/index.ts
@@ -256,7 +256,14 @@ export function svg({ name = 'Icon', component }) {
       defineComponent({
         name: $prefix + name,
         setup: (props, context) => {
-          const { fill, width, height, 'custom-class': customClass } = context.attrs || {}
+          const {
+            fill,
+            width,
+            height,
+            'custom-class': customClass,
+            'first-color': firstColor,
+            'second-color': secondColor
+          } = context.attrs || {}
           const mergeProps = Object.assign({}, props, propData || null)
           const mode = resolveMode(mergeProps, context)
           const isMobileFirst = mode === 'mobile-first'
@@ -271,7 +278,13 @@ export function svg({ name = 'Icon', component }) {
 
           const extend = Object.assign(
             {
-              style: { fill, width, height },
+              style: {
+                fill,
+                width,
+                height,
+                '--tiny-first-color': firstColor || '',
+                '--tiny-second-color': secondColor || ''
+              },
               class: className,
               isSvg: true
             },
diff --git a/packages/vue-icon-multicolor/CHANGELOG.md b/packages/vue-icon-multicolor/CHANGELOG.md
new file mode 100644
index 000000000..420e6f23d
--- /dev/null
+++ b/packages/vue-icon-multicolor/CHANGELOG.md
@@ -0,0 +1 @@
+# Change Log
diff --git a/packages/vue-icon-multicolor/index.ts b/packages/vue-icon-multicolor/index.ts
new file mode 100644
index 000000000..0ff50e327
--- /dev/null
+++ b/packages/vue-icon-multicolor/index.ts
@@ -0,0 +1,130 @@
+import ColorIconActivitys from './src/activitys'
+import ColorIconAdministrativeFees from './src/administrative-fees'
+import ColorIconAirFares from './src/air-fares'
+import ColorIconApply from './src/apply'
+import ColorIconArchives from './src/archives'
+import ColorIconBaggageFees from './src/baggage-fees'
+import ColorIconCarInsurance from './src/car-insurance'
+import ColorIconCarRental from './src/car-rental'
+import ColorIconCeremonyFees from './src/ceremony-fees'
+import ColorIconConolences from './src/condolences'
+import ColorIconEntertainmentExpense from './src/entertainment-expense'
+import ColorIconExpertConsultationFees from './src/expert-consultation-fees'
+import ColorIconExpertTeachingFees from './src/expert-teaching-fees'
+import ColorIconExpressDelivery from './src/express-delivery'
+import ColorIconFerryFares from './src/ferry-fares'
+import ColorIconFuelCost from './src/fuel-cost'
+import ColorIconGiftCost from './src/gift-cost'
+import ColorIconHousingSubsidy from './src/housing-subsidy'
+import ColorIconIncidentalExpenses from './src/incidental-expenses'
+import ColorIconLandlinePhone from './src/landline-phone'
+import ColorIconLineRental from './src/line-rental'
+import ColorIconLivingSubsidy from './src/living-subsidy'
+import ColorIconLodgingFees from './src/lodging-fees'
+import ColorIconMaintenanceService from './src/maintenance-service'
+import ColorIconMealAllowance from './src/meal-allowance'
+import ColorIconMealSubsidy from './src/meal-subsidy'
+import ColorIconMeetingExpenses from './src/meeting-expenses'
+import ColorIconNewspaperSubscription from './src/newspaper-subscription'
+import ColorIconOfficeEquipments from './src/office-equipments'
+import ColorIconOfficeSupplies from './src/office-supplies'
+import ColorIconOthers from './src/others'
+import ColorIconPhoneBills from './src/phone-bills'
+import ColorIconPhysicalExamination from './src/physical-examination'
+import ColorIconPrivateVehicleAllowance from './src/private-vehicle-allowance'
+import ColorIconServiceCharges from './src/service-charges'
+import ColorIconTaxiFares from './src/taxi-fares'
+import ColorIconTrainFares from './src/train-fares'
+import ColorIconTrainingFees from './src/training-fees'
+import ColorIconTravelExpenses from './src/travel-expenses'
+import ColorIconVenueHospitalityFees from './src/venue-hospitality-fees'
+import ColorIconVenueRentalFees from './src/venue-rental-fees'
+import ColorIconVisaFees from './src/visa-fees'
+
+export { ColorIconActivitys }
+export { ColorIconAdministrativeFees }
+export { ColorIconAirFares }
+export { ColorIconApply }
+export { ColorIconArchives }
+export { ColorIconBaggageFees }
+export { ColorIconCarInsurance }
+export { ColorIconCarRental }
+export { ColorIconCeremonyFees }
+export { ColorIconConolences }
+export { ColorIconEntertainmentExpense }
+export { ColorIconExpertConsultationFees }
+export { ColorIconExpertTeachingFees }
+export { ColorIconExpressDelivery }
+export { ColorIconFerryFares }
+export { ColorIconFuelCost }
+export { ColorIconGiftCost }
+export { ColorIconHousingSubsidy }
+export { ColorIconIncidentalExpenses }
+export { ColorIconLandlinePhone }
+export { ColorIconLineRental }
+export { ColorIconLivingSubsidy }
+export { ColorIconLodgingFees }
+export { ColorIconMaintenanceService }
+export { ColorIconMealAllowance }
+export { ColorIconMealSubsidy }
+export { ColorIconMeetingExpenses }
+export { ColorIconNewspaperSubscription }
+export { ColorIconOfficeEquipments }
+export { ColorIconOfficeSupplies }
+export { ColorIconOthers }
+export { ColorIconPhoneBills }
+export { ColorIconPhysicalExamination }
+export { ColorIconPrivateVehicleAllowance }
+export { ColorIconServiceCharges }
+export { ColorIconTaxiFares }
+export { ColorIconTrainFares }
+export { ColorIconTrainingFees }
+export { ColorIconTravelExpenses }
+export { ColorIconVenueHospitalityFees }
+export { ColorIconVenueRentalFees }
+export { ColorIconVisaFees }
+
+export default {
+  ColorIconActivitys,
+  ColorIconAdministrativeFees,
+  ColorIconAirFares,
+  ColorIconApply,
+  ColorIconArchives,
+  ColorIconBaggageFees,
+  ColorIconCarInsurance,
+  ColorIconCarRental,
+  ColorIconCeremonyFees,
+  ColorIconConolences,
+  ColorIconEntertainmentExpense,
+  ColorIconExpertConsultationFees,
+  ColorIconExpertTeachingFees,
+  ColorIconExpressDelivery,
+  ColorIconFerryFares,
+  ColorIconFuelCost,
+  ColorIconGiftCost,
+  ColorIconHousingSubsidy,
+  ColorIconIncidentalExpenses,
+  ColorIconLandlinePhone,
+  ColorIconLineRental,
+  ColorIconLivingSubsidy,
+  ColorIconLodgingFees,
+  ColorIconMaintenanceService,
+  ColorIconMealAllowance,
+  ColorIconMealSubsidy,
+  ColorIconMeetingExpenses,
+  ColorIconNewspaperSubscription,
+  ColorIconOfficeEquipments,
+  ColorIconOfficeSupplies,
+  ColorIconOthers,
+  ColorIconPhoneBills,
+  ColorIconPhysicalExamination,
+  ColorIconPrivateVehicleAllowance,
+  ColorIconServiceCharges,
+  ColorIconTaxiFares,
+  ColorIconTrainFares,
+  ColorIconTrainingFees,
+  ColorIconTravelExpenses,
+  ColorIconVenueHospitalityFees,
+  ColorIconVenueRentalFees,
+  ColorIconVisaFees
+}
diff --git a/packages/vue-icon-multicolor/package.json b/packages/vue-icon-multicolor/package.json
new file mode 100644
index 000000000..d6d60a22e
--- /dev/null
+++ b/packages/vue-icon-multicolor/package.json
@@ -0,0 +1,19 @@
+{
+  "name": "@opentiny/vue-icon-multicolor",
+  "version": "3.18.0",
+  "description": "",
+  "main": "index.ts",
+  "license": "MIT",
+  "sideEffects": false,
+  "exports": {
+    ".": "./index.ts",
+    "./*": "./src/*"
+  },
+  "dependencies": {
+    "@opentiny/vue-common": "workspace:~"
+  },
+  "scripts": {
+    "build": "pnpm -w build:ui $npm_package_name",
+    "//postversion": "pnpm build"
+  }
+}
diff --git a/packages/vue-icon-multicolor/src/activitys/index.ts b/packages/vue-icon-multicolor/src/activitys/index.ts
new file mode 100644
index 000000000..eb35d2fd4
--- /dev/null
+++ b/packages/vue-icon-multicolor/src/activitys/index.ts
@@ -0,0 +1,4 @@
+import { svg } from '@opentiny/vue-common'
+import Activitys from '../../svgs/activitys.svg'
+
+export default svg({ name: 'ColorIconActivitys', component: Activitys })
diff --git a/packages/vue-icon-multicolor/src/administrative-fees/index.ts b/packages/vue-icon-multicolor/src/administrative-fees/index.ts
new file mode 100644
index 000000000..11716f78b
--- /dev/null
+++ b/packages/vue-icon-multicolor/src/administrative-fees/index.ts
@@ -0,0 +1,4 @@
+import { svg } from '@opentiny/vue-common'
+import AdministrativeFees from '../../svgs/administrative-fees.svg'
+
+export default svg({ name: 'ColorIconAdministrativeFees', component: AdministrativeFees })
diff --git a/packages/vue-icon-multicolor/src/air-fares/index.ts b/packages/vue-icon-multicolor/src/air-fares/index.ts
new file mode 100644
index 000000000..ff1607a58
--- /dev/null
+++ b/packages/vue-icon-multicolor/src/air-fares/index.ts
@@ -0,0 +1,4 @@
+import { svg } from '@opentiny/vue-common'
+import AirFares from '../../svgs/air-fares.svg'
+
+export default svg({ name: 'ColorIconAirFares', component: AirFares })
diff --git a/packages/vue-icon-multicolor/src/apply/index.ts b/packages/vue-icon-multicolor/src/apply/index.ts
new file mode 100644
index 000000000..7b22d0a49
--- /dev/null
+++ b/packages/vue-icon-multicolor/src/apply/index.ts
@@ -0,0 +1,4 @@
+import { svg } from '@opentiny/vue-common'
+import Apply from '../../svgs/apply.svg'
+
+export default svg({ name: 'ColorIconApply', component: Apply })
diff --git a/packages/vue-icon-multicolor/src/archives/index.ts b/packages/vue-icon-multicolor/src/archives/index.ts
new file mode 100644
index 000000000..34d36de01
--- /dev/null
+++ b/packages/vue-icon-multicolor/src/archives/index.ts
@@ -0,0 +1,4 @@
+import { svg } from '@opentiny/vue-common'
+import Archives from '../../svgs/archives.svg'
+
+export default svg({ name: 'ColorIconArchives', component: Archives })
diff --git a/packages/vue-icon-multicolor/src/baggage-fees/index.ts b/packages/vue-icon-multicolor/src/baggage-fees/index.ts
new file mode 100644
index 000000000..c357c495c
--- /dev/null
+++ b/packages/vue-icon-multicolor/src/baggage-fees/index.ts
@@ -0,0 +1,4 @@
+import { svg } from '@opentiny/vue-common'
+import BaggageFees from '../../svgs/baggage-fees.svg'
+
+export default svg({ name: 'ColorIconBaggageFees', component: BaggageFees })
diff --git a/packages/vue-icon-multicolor/src/car-insurance/index.ts b/packages/vue-icon-multicolor/src/car-insurance/index.ts
new file mode 100644
index 000000000..1fd129f24
--- /dev/null
+++ b/packages/vue-icon-multicolor/src/car-insurance/index.ts
@@ -0,0 +1,4 @@
+import { svg } from '@opentiny/vue-common'
+import CarInsurance from '../../svgs/car-insurance.svg'
+
+export default svg({ name: 'ColorIconCarInsurance', component: CarInsurance })
diff --git a/packages/vue-icon-multicolor/src/car-rental/index.ts b/packages/vue-icon-multicolor/src/car-rental/index.ts
new file mode 100644
index 000000000..3d92f52d9
--- /dev/null
+++ b/packages/vue-icon-multicolor/src/car-rental/index.ts
@@ -0,0 +1,4 @@
+import { svg } from '@opentiny/vue-common'
+import CarRental from '../../svgs/car-rental.svg'
+
+export default svg({ name: 'ColorIconCarRental', component: CarRental })
diff --git a/packages/vue-icon-multicolor/src/ceremony-fees/index.ts b/packages/vue-icon-multicolor/src/ceremony-fees/index.ts
new file mode 100644
index 000000000..840ad70ef
--- /dev/null
+++ b/packages/vue-icon-multicolor/src/ceremony-fees/index.ts
@@ -0,0 +1,4 @@
+import { svg } from '@opentiny/vue-common'
+import CeremonyFees from '../../svgs/ceremony-fees.svg'
+
+export default svg({ name: 'IconCeremonyFees', component: CeremonyFees })
diff --git a/packages/vue-icon-multicolor/src/condolences/index.ts b/packages/vue-icon-multicolor/src/condolences/index.ts
new file mode 100644
index 000000000..fd3b5f483
--- /dev/null
+++ b/packages/vue-icon-multicolor/src/condolences/index.ts
@@ -0,0 +1,4 @@
+import { svg } from '@opentiny/vue-common'
+import Conolences from '../../svgs/condolences.svg'
+
+export default svg({ name: 'ColorIconConolences', component: Conolences })
diff --git a/packages/vue-icon-multicolor/src/entertainment-expense/index.ts b/packages/vue-icon-multicolor/src/entertainment-expense/index.ts
new file mode 100644
index 000000000..406193aa3
--- /dev/null
+++ b/packages/vue-icon-multicolor/src/entertainment-expense/index.ts
@@ -0,0 +1,4 @@
+import { svg } from '@opentiny/vue-common'
+import EntertainmentExpense from '../../svgs/entertainment-expense.svg'
+
+export default svg({ name: 'IconEntertainmentExpense', component: EntertainmentExpense })
diff --git a/packages/vue-icon-multicolor/src/expert-consultation-fees/index.ts b/packages/vue-icon-multicolor/src/expert-consultation-fees/index.ts
new file mode 100644
index 000000000..5f6898bfe
--- /dev/null
+++ b/packages/vue-icon-multicolor/src/expert-consultation-fees/index.ts
@@ -0,0 +1,4 @@
+import { svg } from '@opentiny/vue-common'
+import ExpertConsultationFees from '../../svgs/expert-consultation-fees.svg'
+
+export default svg({ name: 'ColorIconExpertConsultationFees', component: ExpertConsultationFees })
diff --git a/packages/vue-icon-multicolor/src/expert-teaching-fees/index.ts b/packages/vue-icon-multicolor/src/expert-teaching-fees/index.ts
new file mode 100644
index 000000000..782cf28ee
--- /dev/null
+++ b/packages/vue-icon-multicolor/src/expert-teaching-fees/index.ts
@@ -0,0 +1,4 @@
+import { svg } from '@opentiny/vue-common'
+import ExpertTeachingFees from '../../svgs/expert-teaching-fees.svg'
+
+export default svg({ name: 'ColorIconExpertTeachingFees', component: ExpertTeachingFees })
diff --git a/packages/vue-icon-multicolor/src/express-delivery/index.ts b/packages/vue-icon-multicolor/src/express-delivery/index.ts
new file mode 100644
index 000000000..c8514cc43
--- /dev/null
+++ b/packages/vue-icon-multicolor/src/express-delivery/index.ts
@@ -0,0 +1,4 @@
+import { svg } from '@opentiny/vue-common'
+import ExpressDelivery from '../../svgs/express-delivery.svg'
+
+export default svg({ name: 'ColorIconExpressDelivery', component: ExpressDelivery })
diff --git a/packages/vue-icon-multicolor/src/ferry-fares/index.ts b/packages/vue-icon-multicolor/src/ferry-fares/index.ts
new file mode 100644
index 000000000..569aae2db
--- /dev/null
+++ b/packages/vue-icon-multicolor/src/ferry-fares/index.ts
@@ -0,0 +1,4 @@
+import { svg } from '@opentiny/vue-common'
+import FerryFares from '../../svgs/ferry-fares.svg'
+
+export default svg({ name: 'ColorIconFerryFares', component: FerryFares })
diff --git a/packages/vue-icon-multicolor/src/fuel-cost/index.ts b/packages/vue-icon-multicolor/src/fuel-cost/index.ts
new file mode 100644
index 000000000..421ccc927
--- /dev/null
+++ b/packages/vue-icon-multicolor/src/fuel-cost/index.ts
@@ -0,0 +1,4 @@
+import { svg } from '@opentiny/vue-common'
+import FuelCost from '../../svgs/fuel-cost.svg'
+
+export default svg({ name: 'ColorIconFuelCost', component: FuelCost })
diff --git a/packages/vue-icon-multicolor/src/gift-cost/index.ts b/packages/vue-icon-multicolor/src/gift-cost/index.ts
new file mode 100644
index 000000000..7e42b4217
--- /dev/null
+++ b/packages/vue-icon-multicolor/src/gift-cost/index.ts
@@ -0,0 +1,4 @@
+import { svg } from '@opentiny/vue-common'
+import GiftCost from '../../svgs/gift-cost.svg'
+
+export default svg({ name: 'ColorIconGiftCost', component: GiftCost })
diff --git a/packages/vue-icon-multicolor/src/housing-subsidy/index.ts b/packages/vue-icon-multicolor/src/housing-subsidy/index.ts
new file mode 100644
index 000000000..507142ee6
--- /dev/null
+++ b/packages/vue-icon-multicolor/src/housing-subsidy/index.ts
@@ -0,0 +1,4 @@
+import { svg } from '@opentiny/vue-common'
+import HousingSubsidy from '../../svgs/housing-subsidy.svg'
+
+export default svg({ name: 'ColorIconHousingSubsidy', component: HousingSubsidy })
diff --git a/packages/vue-icon-multicolor/src/incidental-expenses/index.ts b/packages/vue-icon-multicolor/src/incidental-expenses/index.ts
new file mode 100644
index 000000000..05f664eab
--- /dev/null
+++ b/packages/vue-icon-multicolor/src/incidental-expenses/index.ts
@@ -0,0 +1,4 @@
+import { svg } from '@opentiny/vue-common'
+import IncidentalExpenses from '../../svgs/incidental-expenses.svg'
+
+export default svg({ name: 'ColorIconIncidentalExpenses', component: IncidentalExpenses })
diff --git a/packages/vue-icon-multicolor/src/index.ts b/packages/vue-icon-multicolor/src/index.ts
new file mode 100644
index 000000000..76d0cfac9
--- /dev/null
+++ b/packages/vue-icon-multicolor/src/index.ts
@@ -0,0 +1,130 @@
+import ColorIconActivitys from './activitys'
+import ColorIconAdministrativeFees from './administrative-fees'
+import ColorIconAirFares from './air-fares'
+import ColorIconApply from './apply'
+import ColorIconArchives from './archives'
+import ColorIconBaggageFees from './baggage-fees'
+import ColorIconCarInsurance from './car-insurance'
+import ColorIconCarRental from './car-rental'
+import ColorIconCeremonyFees from './ceremony-fees'
+import ColorIconConolences from './condolences'
+import ColorIconEntertainmentExpense from './entertainment-expense'
+import ColorIconExpertConsultationFees from './expert-consultation-fees'
+import ColorIconExpertTeachingFees from './expert-teaching-fees'
+import ColorIconExpressDelivery from './express-delivery'
+import ColorIconFerryFares from './ferry-fares'
+import ColorIconFuelCost from './fuel-cost'
+import ColorIconGiftCost from './gift-cost'
+import ColorIconHousingSubsidy from './housing-subsidy'
+import ColorIconIncidentalExpenses from './incidental-expenses'
+import ColorIconLandlinePhone from './landline-phone'
+import ColorIconLineRental from './line-rental'
+import ColorIconLivingSubsidy from './living-subsidy'
+import ColorIconLodgingFees from './lodging-fees'
+import ColorIconMaintenanceService from './maintenance-service'
+import ColorIconMealAllowance from './meal-allowance'
+import ColorIconMealSubsidy from './meal-subsidy'
+import ColorIconMeetingExpenses from './meeting-expenses'
+import ColorIconNewspaperSubscription from './newspaper-subscription'
+import ColorIconOfficeEquipments from './office-equipments'
+import ColorIconOfficeSupplies from './office-supplies'
+import ColorIconOthers from './others'
+import ColorIconPhoneBills from './phone-bills'
+import ColorIconPhysicalExamination from './physical-examination'
+import ColorIconPrivateVehicleAllowance from './private-vehicle-allowance'
+import ColorIconServiceCharges from './service-charges'
+import ColorIconTaxiFares from './taxi-fares'
+import ColorIconTrainFares from './train-fares'
+import ColorIconTrainingFees from './training-fees'
+import ColorIconTravelExpenses from './travel-expenses'
+import ColorIconVenueHospitalityFees from './venue-hospitality-fees'
+import ColorIconVenueRentalFees from './venue-rental-fees'
+import ColorIconVisaFees from './visa-fees'
+
+export { ColorIconActivitys }
+export { ColorIconAdministrativeFees }
+export { ColorIconAirFares }
+export { ColorIconApply }
+export { ColorIconArchives }
+export { ColorIconBaggageFees }
+export { ColorIconCarInsurance }
+export { ColorIconCarRental }
+export { ColorIconCeremonyFees }
+export { ColorIconConolences }
+export { ColorIconEntertainmentExpense }
+export { ColorIconExpertConsultationFees }
+export { ColorIconExpertTeachingFees }
+export { ColorIconExpressDelivery }
+export { ColorIconFerryFares }
+export { ColorIconFuelCost }
+export { ColorIconGiftCost }
+export { ColorIconHousingSubsidy }
+export { ColorIconIncidentalExpenses }
+export { ColorIconLandlinePhone }
+export { ColorIconLineRental }
+export { ColorIconLivingSubsidy }
+export { ColorIconLodgingFees }
+export { ColorIconMaintenanceService }
+export { ColorIconMealAllowance }
+export { ColorIconMealSubsidy }
+export { ColorIconMeetingExpenses }
+export { ColorIconNewspaperSubscription }
+export { ColorIconOfficeEquipments }
+export { ColorIconOfficeSupplies }
+export { ColorIconOthers }
+export { ColorIconPhoneBills }
+export { ColorIconPhysicalExamination }
+export { ColorIconPrivateVehicleAllowance }
+export { ColorIconServiceCharges }
+export { ColorIconTaxiFares }
+export { ColorIconTrainFares }
+export { ColorIconTrainingFees }
+export { ColorIconTravelExpenses }
+export { ColorIconVenueHospitalityFees }
+export { ColorIconVenueRentalFees }
+export { ColorIconVisaFees }
+
+export default {
+  ColorIconActivitys,
+  ColorIconAdministrativeFees,
+  ColorIconAirFares,
+  ColorIconApply,
+  ColorIconArchives,
+  ColorIconBaggageFees,
+  ColorIconCarInsurance,
+  ColorIconCarRental,
+  ColorIconCeremonyFees,
+  ColorIconConolences,
+  ColorIconEntertainmentExpense,
+  ColorIconExpertConsultationFees,
+  ColorIconExpertTeachingFees,
+  ColorIconExpressDelivery,
+  ColorIconFerryFares,
+  ColorIconFuelCost,
+  ColorIconGiftCost,
+  ColorIconHousingSubsidy,
+  ColorIconIncidentalExpenses,
+  ColorIconLandlinePhone,
+  ColorIconLineRental,
+  ColorIconLivingSubsidy,
+  ColorIconLodgingFees,
+  ColorIconMaintenanceService,
+  ColorIconMealAllowance,
+  ColorIconMealSubsidy,
+  ColorIconMeetingExpenses,
+  ColorIconNewspaperSubscription,
+  ColorIconOfficeEquipments,
+  ColorIconOfficeSupplies,
+  ColorIconOthers,
+  ColorIconPhoneBills,
+  ColorIconPhysicalExamination,
+  ColorIconPrivateVehicleAllowance,
+  ColorIconServiceCharges,
+  ColorIconTaxiFares,
+  ColorIconTrainFares,
+  ColorIconTrainingFees,
+  ColorIconTravelExpenses,
+  ColorIconVenueHospitalityFees,
+  ColorIconVenueRentalFees,
+  ColorIconVisaFees
+}
diff --git a/packages/vue-icon-multicolor/src/landline-phone/index.ts b/packages/vue-icon-multicolor/src/landline-phone/index.ts
new file mode 100644
index 000000000..05444c65c
--- /dev/null
+++ b/packages/vue-icon-multicolor/src/landline-phone/index.ts
@@ -0,0 +1,4 @@
+import { svg } from '@opentiny/vue-common'
+import LandlinePhone from '../../svgs/landline-phone.svg'
+
+export default svg({ name: 'ColorIconLandlinePhone', component: LandlinePhone })
diff --git a/packages/vue-icon-multicolor/src/line-rental/index.ts b/packages/vue-icon-multicolor/src/line-rental/index.ts
new file mode 100644
index 000000000..a4a84e504
--- /dev/null
+++ b/packages/vue-icon-multicolor/src/line-rental/index.ts
@@ -0,0 +1,4 @@
+import { svg } from '@opentiny/vue-common'
+import LineRental from '../../svgs/line-rental.svg'
+
+export default svg({ name: 'ColorIconLineRental', component: LineRental })
diff --git a/packages/vue-icon-multicolor/src/living-subsidy/index.ts b/packages/vue-icon-multicolor/src/living-subsidy/index.ts
new file mode 100644
index 000000000..41bed49b8
--- /dev/null
+++ b/packages/vue-icon-multicolor/src/living-subsidy/index.ts
@@ -0,0 +1,4 @@
+import { svg } from '@opentiny/vue-common'
+import LivingSubsidy from '../../svgs/living-subsidy.svg'
+
+export default svg({ name: 'ColorIconLivingSubsidy', component: LivingSubsidy })
diff --git a/packages/vue-icon-multicolor/src/lodging-fees/index.ts b/packages/vue-icon-multicolor/src/lodging-fees/index.ts
new file mode 100644
index 000000000..8e2e0d069
--- /dev/null
+++ b/packages/vue-icon-multicolor/src/lodging-fees/index.ts
@@ -0,0 +1,4 @@
+import { svg } from '@opentiny/vue-common'
+import LodgingFees from '../../svgs/lodging-fees.svg'
+
+export default svg({ name: 'ColorIconLodgingFees', component: LodgingFees })
diff --git a/packages/vue-icon-multicolor/src/maintenance-service/index.ts b/packages/vue-icon-multicolor/src/maintenance-service/index.ts
new file mode 100644
index 000000000..ada01fa81
--- /dev/null
+++ b/packages/vue-icon-multicolor/src/maintenance-service/index.ts
@@ -0,0 +1,4 @@
+import { svg } from '@opentiny/vue-common'
+import MaintenanceService from '../../svgs/maintenance-service.svg'
+
+export default svg({ name: 'ColorIconMaintenanceService', component: MaintenanceService })
diff --git a/packages/vue-icon-multicolor/src/meal-allowance/index.ts b/packages/vue-icon-multicolor/src/meal-allowance/index.ts
new file mode 100644
index 000000000..a231d08bd
--- /dev/null
+++ b/packages/vue-icon-multicolor/src/meal-allowance/index.ts
@@ -0,0 +1,4 @@
+import { svg } from '@opentiny/vue-common'
+import MealAllowance from '../../svgs/meal-allowance.svg'
+
+export default svg({ name: 'ColorIconMealAllowance', component: MealAllowance })
diff --git a/packages/vue-icon-multicolor/src/meal-subsidy/index.ts b/packages/vue-icon-multicolor/src/meal-subsidy/index.ts
new file mode 100644
index 000000000..8bc934309
--- /dev/null
+++ b/packages/vue-icon-multicolor/src/meal-subsidy/index.ts
@@ -0,0 +1,4 @@
+import { svg } from '@opentiny/vue-common'
+import MealSubsidy from '../../svgs/meal-subsidy.svg'
+
+export default svg({ name: 'ColorIconMealSubsidy', component: MealSubsidy })
diff --git a/packages/vue-icon-multicolor/src/meeting-expenses/index.ts b/packages/vue-icon-multicolor/src/meeting-expenses/index.ts
new file mode 100644
index 000000000..b8730f5a9
--- /dev/null
+++ b/packages/vue-icon-multicolor/src/meeting-expenses/index.ts
@@ -0,0 +1,4 @@
+import { svg } from '@opentiny/vue-common'
+import MeetingExpenses from '../../svgs/meeting-expenses.svg'
+
+export default svg({ name: 'ColorIconMeetingExpenses', component: MeetingExpenses })
diff --git a/packages/vue-icon-multicolor/src/newspaper-subscription/index.ts b/packages/vue-icon-multicolor/src/newspaper-subscription/index.ts
new file mode 100644
index 000000000..3f6024ea5
--- /dev/null
+++ b/packages/vue-icon-multicolor/src/newspaper-subscription/index.ts
@@ -0,0 +1,4 @@
+import { svg } from '@opentiny/vue-common'
+import NewspaperSubscription from '../../svgs/newspaper-subscription.svg'
+
+export default svg({ name: 'ColorIconNewspaperSubscription', component: NewspaperSubscription })
diff --git a/packages/vue-icon-multicolor/src/office-equipments/index.ts b/packages/vue-icon-multicolor/src/office-equipments/index.ts
new file mode 100644
index 000000000..c083c65c5
--- /dev/null
+++ b/packages/vue-icon-multicolor/src/office-equipments/index.ts
@@ -0,0 +1,4 @@
+import { svg } from '@opentiny/vue-common'
+import OfficeEquipments from '../../svgs/office-equipments.svg'
+
+export default svg({ name: 'ColorIconOfficeEquipments', component: OfficeEquipments })
diff --git a/packages/vue-icon-multicolor/src/office-supplies/index.ts b/packages/vue-icon-multicolor/src/office-supplies/index.ts
new file mode 100644
index 000000000..34a1ea5b3
--- /dev/null
+++ b/packages/vue-icon-multicolor/src/office-supplies/index.ts
@@ -0,0 +1,4 @@
+import { svg } from '@opentiny/vue-common'
+import OfficeSupplies from '../../svgs/office-supplies.svg'
+
+export default svg({ name: 'ColorIconOfficeSupplies', component: OfficeSupplies })
diff --git a/packages/vue-icon-multicolor/src/others/index.ts b/packages/vue-icon-multicolor/src/others/index.ts
new file mode 100644
index 000000000..1c7d010fa
--- /dev/null
+++ b/packages/vue-icon-multicolor/src/others/index.ts
@@ -0,0 +1,4 @@
+import { svg } from '@opentiny/vue-common'
+import Others from '../../svgs/others.svg'
+
+export default svg({ name: 'ColorIconOthers', component: Others })
diff --git a/packages/vue-icon-multicolor/src/phone-bills/index.ts b/packages/vue-icon-multicolor/src/phone-bills/index.ts
new file mode 100644
index 000000000..c4fc26e0b
--- /dev/null
+++ b/packages/vue-icon-multicolor/src/phone-bills/index.ts
@@ -0,0 +1,4 @@
+import { svg } from '@opentiny/vue-common'
+import PhoneBills from '../../svgs/phone-bills.svg'
+
+export default svg({ name: 'ColorIconPhoneBills', component: PhoneBills })
diff --git a/packages/vue-icon-multicolor/src/physical-examination/index.ts b/packages/vue-icon-multicolor/src/physical-examination/index.ts
new file mode 100644
index 000000000..a8b0aabf2
--- /dev/null
+++ b/packages/vue-icon-multicolor/src/physical-examination/index.ts
@@ -0,0 +1,4 @@
+import { svg } from '@opentiny/vue-common'
+import PhysicalExamination from '../../svgs/physical-examination.svg'
+
+export default svg({ name: 'ColorIconPhysicalExamination', component: PhysicalExamination })
diff --git a/packages/vue-icon-multicolor/src/private-vehicle-allowance/index.ts b/packages/vue-icon-multicolor/src/private-vehicle-allowance/index.ts
new file mode 100644
index 000000000..60093a243
--- /dev/null
+++ b/packages/vue-icon-multicolor/src/private-vehicle-allowance/index.ts
@@ -0,0 +1,4 @@
+import { svg } from '@opentiny/vue-common'
+import PrivateVehicleAllowance from '../../svgs/private-vehicle-allowance.svg'
+
+export default svg({ name: 'ColorIconPrivateVehicleAllowance', component: PrivateVehicleAllowance })
diff --git a/packages/vue-icon-multicolor/src/service-charges/index.ts b/packages/vue-icon-multicolor/src/service-charges/index.ts
new file mode 100644
index 000000000..535fe438f
--- /dev/null
+++ b/packages/vue-icon-multicolor/src/service-charges/index.ts
@@ -0,0 +1,4 @@
+import { svg } from '@opentiny/vue-common'
+import ServiceCharges from '../../svgs/service-charges.svg'
+
+export default svg({ name: 'ColorIconServiceCharges', component: ServiceCharges })
diff --git a/packages/vue-icon-multicolor/src/taxi-fares/index.ts b/packages/vue-icon-multicolor/src/taxi-fares/index.ts
new file mode 100644
index 000000000..b2b049de8
--- /dev/null
+++ b/packages/vue-icon-multicolor/src/taxi-fares/index.ts
@@ -0,0 +1,4 @@
+import { svg } from '@opentiny/vue-common'
+import TaxiFares from '../../svgs/taxi-fares.svg'
+
+export default svg({ name: 'ColorIconTaxiFares', component: TaxiFares })
diff --git a/packages/vue-icon-multicolor/src/train-fares/index.ts b/packages/vue-icon-multicolor/src/train-fares/index.ts
new file mode 100644
index 000000000..04f2ca419
--- /dev/null
+++ b/packages/vue-icon-multicolor/src/train-fares/index.ts
@@ -0,0 +1,4 @@
+import { svg } from '@opentiny/vue-common'
+import TrainFares from '../../svgs/train-fares.svg'
+
+export default svg({ name: 'ColorIconTrainFares', component: TrainFares })
diff --git a/packages/vue-icon-multicolor/src/training-fees/index.ts b/packages/vue-icon-multicolor/src/training-fees/index.ts
new file mode 100644
index 000000000..a1bd2e9cb
--- /dev/null
+++ b/packages/vue-icon-multicolor/src/training-fees/index.ts
@@ -0,0 +1,4 @@
+import { svg } from '@opentiny/vue-common'
+import TrainingFees from '../../svgs/training-fees.svg'
+
+export default svg({ name: 'ColorIconTrainingFees', component: TrainingFees })
diff --git a/packages/vue-icon-multicolor/src/travel-expenses/index.ts b/packages/vue-icon-multicolor/src/travel-expenses/index.ts
new file mode 100644
index 000000000..40ebf38f7
--- /dev/null
+++ b/packages/vue-icon-multicolor/src/travel-expenses/index.ts
@@ -0,0 +1,4 @@
+import { svg } from '@opentiny/vue-common'
+import TravelExpenses from '../../svgs/travel-expenses.svg'
+
+export default svg({ name: 'ColorIconTravelExpenses', component: TravelExpenses })
diff --git a/packages/vue-icon-multicolor/src/venue-hospitality-fees/index.ts b/packages/vue-icon-multicolor/src/venue-hospitality-fees/index.ts
new file mode 100644
index 000000000..4d7c8d363
--- /dev/null
+++ b/packages/vue-icon-multicolor/src/venue-hospitality-fees/index.ts
@@ -0,0 +1,4 @@
+import { svg } from '@opentiny/vue-common'
+import VenueHospitalityFees from '../../svgs/venue-hospitality-fees.svg'
+
+export default svg({ name: 'ColorIconVenueHospitalityFees', component: VenueHospitalityFees })
diff --git a/packages/vue-icon-multicolor/src/venue-rental-fees/index.ts b/packages/vue-icon-multicolor/src/venue-rental-fees/index.ts
new file mode 100644
index 000000000..d3717957d
--- /dev/null
+++ b/packages/vue-icon-multicolor/src/venue-rental-fees/index.ts
@@ -0,0 +1,4 @@
+import { svg } from '@opentiny/vue-common'
+import VenueRentalFees from '../../svgs/venue-rental-fees.svg'
+
+export default svg({ name: 'ColorIconVenueRentalFees', component: VenueRentalFees })
diff --git a/packages/vue-icon-multicolor/src/visa-fees/index.ts b/packages/vue-icon-multicolor/src/visa-fees/index.ts
new file mode 100644
index 000000000..10d22a70b
--- /dev/null
+++ b/packages/vue-icon-multicolor/src/visa-fees/index.ts
@@ -0,0 +1,4 @@
+import { svg } from '@opentiny/vue-common'
+import VisaFees from '../../svgs/visa-fees.svg'
+
+export default svg({ name: 'ColorIconVisaFees', component: VisaFees })
diff --git a/packages/vue-icon-multicolor/svgs/activitys.svg b/packages/vue-icon-multicolor/svgs/activitys.svg
new file mode 100644
index 000000000..0acf785da
--- /dev/null
+++ b/packages/vue-icon-multicolor/svgs/activitys.svg
@@ -0,0 +1,11 @@
+<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+	<defs>
+		<clipPath id="clip377_46829">
+			<rect id="color-icon-activitys" width="24.000000" height="24.000000" fill="white" fill-opacity="0"/>
+		</clipPath>
+	</defs>
+	<g clip-path="url(#clip377_46829)">
+		<path id="合并" d="M16.99 11.8888L12.2053 7.15094C12.1555 7.10187 12.1023 7.05804 12.0452 7.01947C11.9922 6.9837 11.9358 6.95245 11.8765 6.92566C11.7566 6.87183 11.6306 6.83954 11.4988 6.8288C11.3667 6.81812 11.2371 6.82965 11.1096 6.86346C11.0486 6.87964 10.9897 6.90045 10.9333 6.92596C10.8679 6.95538 10.8057 6.99103 10.7463 7.03284L6.91602 9.73718C6.85913 9.78827 6.75 9.89075 6.70605 9.95068C6.66284 10.0094 6.62622 10.0723 6.59546 10.1395C6.53589 10.2703 6.50415 10.4073 6.50049 10.5504C6.49658 10.6947 6.52148 10.8339 6.5752 10.9682C6.60132 11.0338 6.6333 11.0958 6.67139 11.1542C6.71436 11.2206 6.76514 11.2823 6.82349 11.3394L10.6973 15.1305L7.69873 18.3474C7.64722 18.4026 7.60229 18.4618 7.56421 18.5247C7.34009 18.7175 7.08765 18.8687 6.80688 18.9781C6.66895 19.0319 6.52832 19.0741 6.38501 19.1046C6.19653 19.1447 6.00317 19.1647 5.80518 19.1647C5.60474 19.1647 5.40918 19.1442 5.21899 19.1032C5.07349 19.0718 4.93091 19.0286 4.79126 18.9733C4.64746 18.9163 4.51123 18.8484 4.38232 18.7698C4.23242 18.678 4.09253 18.5714 3.96289 18.4501C3.8335 18.3289 3.71973 18.1979 3.62158 18.0573C3.5376 17.9368 3.46533 17.8091 3.4043 17.6744C3.34546 17.5437 3.29907 17.4102 3.26562 17.2739C3.22192 17.0956 3.19995 16.9127 3.19995 16.725C3.19995 16.5372 3.22192 16.3542 3.26562 16.176C3.29907 16.0397 3.34546 15.9062 3.4043 15.7755C3.53613 15.4836 3.72241 15.2251 3.96289 14.9998C4.09253 14.8785 4.23242 14.772 4.38232 14.6802C4.51123 14.6015 4.64746 14.5337 4.79126 14.4767C4.93091 14.4214 5.07349 14.3781 5.21899 14.3467C5.40918 14.3057 5.60474 14.2852 5.80518 14.2852C5.88281 14.2852 5.95898 14.2778 6.03345 14.2631C6.10156 14.2495 6.16821 14.2299 6.2334 14.204C6.36523 14.1519 6.48169 14.0784 6.58301 13.9835C6.68408 13.8886 6.7627 13.7795 6.81836 13.6562C6.87622 13.5283 6.90503 13.3945 6.90503 13.2551C6.90503 13.1822 6.89722 13.1109 6.88135 13.0411C6.86694 12.9774 6.84595 12.915 6.81836 12.8539C6.7627 12.7306 6.68408 12.6215 6.58301 12.5267C6.48169 12.4318 6.36523 12.3583 6.2334 12.3062C6.09668 12.252 5.9541 12.225 5.80518 12.225C5.44897 12.225 5.10132 12.2602 4.76196 12.3307C4.48047 12.3892 4.20459 12.4719 3.93457 12.5789C3.66235 12.6866 3.40503 12.8154 3.1626 12.9651C2.89258 13.1317 2.64087 13.3243 2.40747 13.543C2.17383 13.7616 1.96826 13.9973 1.79028 14.2502C1.63037 14.4774 1.49292 14.7184 1.37793 14.9732C1.26367 15.2261 1.17529 15.4844 1.11279 15.7481C1.104 15.7856 1.0957 15.8232 1.08789 15.8608C1.0293 16.1428 1 16.4308 1 16.725C1 17.0584 1.0376 17.384 1.11279 17.7018C1.17529 17.9655 1.26367 18.2238 1.37793 18.4767C1.49292 18.7316 1.63037 18.9725 1.79028 19.1997C1.96826 19.4526 2.17383 19.6884 2.40747 19.9069C2.64087 20.1255 2.89258 20.3182 3.1626 20.4849C3.40503 20.6346 3.66235 20.7633 3.93457 20.8711C4.20459 20.9781 4.48047 21.0608 4.76196 21.1193C5.10132 21.1898 5.44897 21.225 5.80518 21.225C6.15063 21.225 6.48853 21.1917 6.8186 21.1252C7.10229 21.068 7.38013 20.9863 7.65259 20.8801C7.92554 20.7736 8.18384 20.6461 8.42725 20.4974C8.66016 20.3553 8.87964 20.1938 9.08569 20.0131C9.18823 19.9564 9.27979 19.8849 9.36011 19.7985L13.1028 15.7789C13.2581 15.5658 13.373 15.2706 13.3518 15.0102C13.3301 14.7474 13.2234 14.5222 13.0317 14.3347L9.3291 10.7114L11.2815 9.33508L15.8701 13.8785C15.95 13.9577 16.0381 14.0226 16.134 14.0732C16.23 14.1239 16.334 14.1603 16.4458 14.1825C16.6699 14.2268 16.8875 14.2066 17.0986 14.1218C17.4211 13.9924 17.7593 13.9276 18.1125 13.9276C18.3164 13.9276 18.5151 13.9492 18.7087 13.9923C18.8569 14.0253 19.0017 14.0708 19.1438 14.129C19.4607 14.2587 19.7417 14.4421 19.9863 14.679C20.231 14.916 20.4204 15.1878 20.5544 15.4947C20.6145 15.6321 20.6616 15.7725 20.6956 15.9158C20.7402 16.1033 20.7625 16.2957 20.7625 16.4931C20.7625 16.6904 20.7402 16.8829 20.6956 17.0703C20.6616 17.2136 20.6145 17.354 20.5544 17.4915C20.4204 17.7983 20.231 18.0703 19.9863 18.3071C19.7417 18.5441 19.4607 18.7274 19.1438 18.8572C18.8159 18.9915 18.4724 19.0585 18.1125 19.0585C17.9087 19.0585 17.71 19.037 17.5164 18.9939C17.3684 18.9609 17.2234 18.9153 17.0813 18.8572C16.7644 18.7274 16.4836 18.5441 16.239 18.3071C15.9941 18.0703 15.8049 17.7983 15.6707 17.4915C15.6106 17.354 15.5637 17.2136 15.5295 17.0703C15.4851 16.8829 15.4629 16.6904 15.4629 16.4931C15.4629 16.2946 15.4854 16.1011 15.5303 15.9127C15.563 15.7762 15.6072 15.6425 15.6633 15.5114C15.7214 15.3759 15.75 15.2352 15.7488 15.0891C15.7478 14.9482 15.7195 14.8127 15.6638 14.6823C15.6079 14.552 15.5291 14.4366 15.4272 14.3363C15.3213 14.2322 15.1985 14.152 15.0583 14.0959C14.9185 14.0397 14.7732 14.0121 14.6223 14.0132C14.4768 14.0142 14.3367 14.0416 14.2021 14.0956C14.0676 14.1495 13.9485 14.2258 13.8447 14.3246C13.7373 14.4271 13.6545 14.5461 13.5964 14.6816C13.4834 14.9454 13.3962 15.2147 13.3347 15.4894C13.2617 15.8163 13.2251 16.1509 13.2251 16.4931C13.2251 16.8437 13.2634 17.1861 13.3401 17.5203C13.4036 17.7975 13.4934 18.0692 13.6096 18.3351C13.7266 18.6031 13.8665 18.8564 14.0291 19.0953C14.21 19.3612 14.4192 19.6091 14.6567 19.839C14.894 20.0689 15.1501 20.2715 15.4248 20.4467C15.6716 20.6041 15.9333 20.7395 16.21 20.8528C16.8157 21.1009 17.45 21.225 18.1125 21.225C18.4749 21.225 18.8284 21.1879 19.1736 21.1138C19.46 21.0523 19.7405 20.9653 20.0151 20.8528C20.292 20.7395 20.5537 20.6042 20.8003 20.4468C21.075 20.2715 21.3311 20.0689 21.5686 19.839C21.8059 19.6091 22.0151 19.3613 22.1963 19.0953C22.3589 18.8565 22.4985 18.6031 22.6157 18.3351C22.8718 17.7486 23 17.1346 23 16.4931C23 16.1425 22.9617 15.8 22.8853 15.4658C22.8218 15.1885 22.7319 14.917 22.6157 14.651C22.4985 14.3831 22.3589 14.1297 22.1963 13.8908C22.0151 13.6249 21.8059 13.377 21.5686 13.1472C21.1177 12.7108 20.6001 12.3728 20.0151 12.1333C19.7942 12.0428 19.5686 11.9688 19.3389 11.9113C18.9387 11.8113 18.5254 11.7613 18.0986 11.7614L17.8972 11.7657C17.5969 11.7784 17.2947 11.8195 16.99 11.8888Z" clip-rule="evenodd" fill="var(--tiny-first-color,  rgba(0,103,209,1))" fill-opacity="1.000000" fill-rule="evenodd"/>
+		<ellipse id="path8" cx="14.979248" cy="5.250000" rx="2.291667" ry="2.250000" fill="var(--tiny-second-color,  rgba(0,103,209,0.7))" fill-opacity="1.000000"/>
+	</g>
+</svg>
diff --git a/packages/vue-icon-multicolor/svgs/administrative-fees.svg b/packages/vue-icon-multicolor/svgs/administrative-fees.svg
new file mode 100644
index 000000000..87387a2ef
--- /dev/null
+++ b/packages/vue-icon-multicolor/svgs/administrative-fees.svg
@@ -0,0 +1,12 @@
+<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+	<defs>
+		<clipPath id="clip377_46782">
+			<rect id="color-icon-administrative-fees" width="24.000000" height="24.000000" fill="white" fill-opacity="0"/>
+		</clipPath>
+	</defs>
+	<g clip-path="url(#clip377_46782)">
+		<path id="合并" d="M7 19.7344L7 8.26556C7 8.05075 6.96313 7.85416 6.88916 7.67577C6.85815 7.60078 6.82031 7.52901 6.77637 7.46045C6.70679 7.35249 6.62573 7.2623 6.53271 7.18983C6.44971 7.13531 6.29858 7.0499 6.20874 7.02647C6.19849 7.0238 6.18823 7.02133 6.17798 7.01906L6.17798 7.01906L6.17798 7.01906C6.12012 7.00635 6.06079 7 6 7C5.93921 7 5.87988 7.00635 5.82202 7.01906L5.82202 7.01906L5.82202 7.01906L5.82202 7.01906L5.82202 7.01906C5.81177 7.02133 5.80151 7.0238 5.79126 7.02647C5.70142 7.0499 5.61499 7.08887 5.53198 7.14339C5.43921 7.21585 5.29321 7.35249 5.22363 7.46045C5.19556 7.50423 5.16992 7.54932 5.14722 7.59572L5.14722 7.59575L5.14722 7.59578L5.14722 7.59579C5.13428 7.62204 5.12207 7.6487 5.11084 7.67577C5.03687 7.85416 5 8.05075 5 8.26556L5 19.7344C5 20.0396 5.07446 20.3079 5.22363 20.5396C5.30884 20.6719 5.41162 20.7776 5.53198 20.8566C5.61499 20.9111 5.70142 20.9501 5.79126 20.9735C5.80151 20.9762 5.81177 20.9787 5.82202 20.9809L5.82227 20.981C5.88013 20.9937 5.93945 21 6 21C6.06055 21 6.11987 20.9937 6.17773 20.981L6.17798 20.9809C6.18115 20.9802 6.18433 20.9795 6.18774 20.9787C6.19482 20.9771 6.20166 20.9754 6.20874 20.9735C6.29858 20.9501 6.38501 20.9111 6.46802 20.8566C6.58838 20.7776 6.69116 20.6719 6.77637 20.5396C6.92554 20.3079 7 20.0396 7 19.7344ZM11 19.7344L11 8.26556C11 8.05075 10.9631 7.85416 10.8892 7.67577C10.8582 7.60078 10.8203 7.52901 10.7764 7.46045C10.7068 7.35249 10.6257 7.2623 10.5327 7.18983C10.4497 7.13531 10.2986 7.0499 10.2087 7.02647C10.1985 7.0238 10.1882 7.02133 10.178 7.01906L10.178 7.01906C10.1201 7.00635 10.0608 7 10 7C9.93921 7 9.87988 7.00635 9.82202 7.01906L9.82202 7.01906C9.81177 7.02133 9.80151 7.0238 9.79126 7.02647C9.70142 7.0499 9.61499 7.08887 9.53198 7.14339C9.43921 7.21585 9.29321 7.35249 9.22363 7.46045C9.19556 7.50423 9.16992 7.5493 9.14722 7.5957L9.14722 7.59572L9.14722 7.59578C9.13428 7.62202 9.12207 7.6487 9.11084 7.67577C9.03687 7.85416 9 8.05075 9 8.26556L9 19.7344C9 20.0396 9.07446 20.3079 9.22363 20.5396C9.30884 20.6719 9.41162 20.7776 9.53198 20.8566C9.61499 20.9111 9.70142 20.9501 9.79126 20.9735C9.80127 20.9762 9.81128 20.9786 9.82153 20.9808L9.82202 20.9809C9.87988 20.9937 9.93921 21 10 21C10.0608 21 10.1201 20.9937 10.178 20.9809C10.1882 20.9787 10.1985 20.9762 10.2087 20.9735C10.2986 20.9501 10.385 20.9111 10.468 20.8566C10.5884 20.7776 10.6912 20.6719 10.7764 20.5396C10.9255 20.3079 11 20.0396 11 19.7344ZM15 8.26556L15 19.7344C15 20.0396 14.9255 20.3079 14.7764 20.5396C14.6912 20.6719 14.5884 20.7776 14.468 20.8566C14.385 20.9111 14.2986 20.9501 14.2087 20.9735C14.1411 20.9912 14.0715 21 14 21C13.9392 21 13.8801 20.9937 13.822 20.9809L13.822 20.9809L13.8215 20.9808C13.8113 20.9786 13.8013 20.9762 13.7913 20.9735C13.7014 20.9501 13.615 20.9111 13.532 20.8566C13.4116 20.7776 13.3088 20.6719 13.2236 20.5396C13.0745 20.3079 13 20.0396 13 19.7344L13 8.26556C13 8.05075 13.0369 7.85416 13.1108 7.67577C13.1418 7.60078 13.1797 7.52901 13.2236 7.46045C13.2932 7.35249 13.4392 7.21585 13.532 7.14339C13.615 7.08887 13.7014 7.0499 13.7913 7.02647C13.8013 7.02385 13.8113 7.02142 13.8215 7.01918L13.822 7.01906C13.8799 7.00635 13.9392 7 14 7C14.0608 7 14.1201 7.00635 14.178 7.01906L14.1785 7.0192C14.1887 7.02142 14.1987 7.02385 14.2087 7.02647C14.2986 7.0499 14.4497 7.13531 14.5327 7.18983C14.6255 7.2623 14.7068 7.35249 14.7764 7.46045C14.8203 7.52901 14.8582 7.60078 14.8892 7.67577C14.9631 7.85416 15 8.05075 15 8.26556ZM19 8.26556L19 19.7344C19 20.0396 18.9255 20.3079 18.7764 20.5396C18.6912 20.6719 18.5884 20.7776 18.468 20.8566C18.385 20.9111 18.2986 20.9501 18.2087 20.9735C18.1411 20.9912 18.0715 21 18 21C17.9392 21 17.8799 20.9937 17.822 20.9809C17.8118 20.9787 17.8015 20.9762 17.7913 20.9735C17.7014 20.9501 17.615 20.9111 17.532 20.8566C17.4116 20.7776 17.3088 20.6719 17.2236 20.5396C17.0745 20.3079 17 20.0396 17 19.7344L17 8.26556C17 8.05075 17.0369 7.85416 17.1108 7.67577C17.1418 7.60078 17.1797 7.52901 17.2236 7.46045C17.2932 7.35249 17.4392 7.21585 17.532 7.14339C17.615 7.08887 17.7014 7.0499 17.7913 7.02647C17.8015 7.0238 17.8118 7.02133 17.822 7.01906C17.8799 7.00635 17.9392 7 18 7C18.0608 7 18.1201 7.00635 18.178 7.01906C18.1882 7.02133 18.1985 7.0238 18.2087 7.02647C18.2986 7.0499 18.4497 7.13531 18.5327 7.18983C18.6255 7.2623 18.7068 7.35249 18.7764 7.46045C18.8203 7.52901 18.8582 7.60078 18.8892 7.67577C18.9631 7.85416 19 8.05075 19 8.26556Z" clip-rule="evenodd" fill="var(--tiny-second-color,  rgba(0,103,209,0.7))" fill-opacity="1.000000" fill-rule="evenodd"/>
+		<path id="path6" d="M3.8 18L20.2 18C20.64 18 21 18.35 21 18.79L21 21.2C21 21.64 20.64 22 20.2 22L3.8 22C3.35 22 3 21.64 3 21.2L3 18.79C3 18.35 3.35 18 3.8 18Z" fill="var(--tiny-first-color,  rgba(0,103,209,1))" fill-opacity="1.000000" fill-rule="evenodd"/>
+		<path id="path7" d="M12.65 2.21L21.54 8.08C21.98 8.36 22.13 9 21.87 9.49C21.7 9.8 21.4 10 21.07 10L2.92 10C2.41 10 2 9.53 2 8.96C2 8.6 2.17 8.26 2.44 8.08L11.24 2.21C11.68 1.92 12.22 1.92 12.65 2.21Z" fill="var(--tiny-first-color,  rgba(0,103,209,1))" fill-opacity="1.000000" fill-rule="evenodd"/>
+	</g>
+</svg>
diff --git a/packages/vue-icon-multicolor/svgs/air-fares.svg b/packages/vue-icon-multicolor/svgs/air-fares.svg
new file mode 100644
index 000000000..c01e3b1c3
--- /dev/null
+++ b/packages/vue-icon-multicolor/svgs/air-fares.svg
@@ -0,0 +1,11 @@
+<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+	<defs>
+		<clipPath id="clip377_46907">
+			<rect id="color-icon-air-fares" width="24.000000" height="24.000000" fill="white" fill-opacity="0"/>
+		</clipPath>
+	</defs>
+	<g clip-path="url(#clip377_46907)">
+		<path id="形状结合-path" d="M19.99 19C20.55 19 21 19.44 21 20C21 20.55 20.55 21 20 21L3.99 21C3.44 21 3 20.55 3 20C3 19.45 3.44 19 3.99 19L19.99 19Z" fill="var(--tiny-second-color,  rgba(0,103,209,0.7))" fill-opacity="1.000000" fill-rule="evenodd"/>
+		<path id="形状结合-path" d="M6.03 3.02C6.13 2.98 6.24 2.99 6.34 3.03L6.34 3.03L14.53 7.02L19.04 5.31C19.45 5.15 19.89 5.11 20.32 5.18L20.32 5.18L20.53 5.22L21.84 5.55C22.97 5.84 23.38 7.29 22.58 8.17C22.3 8.48 21.96 8.72 21.59 8.86L21.59 8.86L5.69 14.9C5.16 15.1 4.57 14.97 4.16 14.57L4.16 14.57L1.12 11.57C0.9 11.35 0.98 10.97 1.26 10.86L1.26 10.86L3.67 9.94C3.79 9.9 3.92 9.91 4.03 9.99L4.03 9.99L5.01 10.64L8.94 9.15L3.38 4.72C3.14 4.54 3.17 4.18 3.41 4.03L3.41 4.03L3.48 3.99L6.03 3.02Z" fill="var(--tiny-first-color,  rgba(0,103,209,1))" fill-opacity="1.000000" fill-rule="evenodd"/>
+	</g>
+</svg>
diff --git a/packages/vue-icon-multicolor/svgs/apply.svg b/packages/vue-icon-multicolor/svgs/apply.svg
new file mode 100644
index 000000000..78d08da08
--- /dev/null
+++ b/packages/vue-icon-multicolor/svgs/apply.svg
@@ -0,0 +1,13 @@
+<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+	<defs>
+		<clipPath id="clip449_148631">
+			<rect id="color-icon-apply" width="24.000000" height="24.000000" fill="white" fill-opacity="0"/>
+		</clipPath>
+	</defs>
+	<g clip-path="url(#clip449_148631)">
+		<path id="形状结合-path" d="M8.84 13C10.03 13 11 13.96 11 15.15L11 19.84C11 21.03 10.03 22 8.84 22L4.15 22C2.96 22 2 21.03 2 19.84L2 15.15C2 13.96 2.96 13 4.15 13L8.84 13Z" fill="var(--tiny-first-color,  rgba(0,103,209,1))" fill-opacity="1.000000" fill-rule="evenodd"/>
+		<path id="形状结合-path备份" d="M19.84 13C21.03 13 22 13.96 22 15.15L22 19.84C22 21.03 21.03 22 19.84 22L15.15 22C13.96 22 13 21.03 13 19.84L13 15.15C13 13.96 13.96 13 15.15 13L19.84 13Z" fill="var(--tiny-first-color,  rgba(0,103,209,1))" fill-opacity="1.000000" fill-rule="evenodd"/>
+		<path id="形状结合-path" d="M8.84 2C10.03 2 11 2.96 11 4.15L11 8.84C11 10.03 10.03 11 8.84 11L4.15 11C2.96 11 2 10.03 2 8.84L2 4.15C2 2.96 2.96 2 4.15 2L8.84 2Z" fill="var(--tiny-first-color,  rgba(0,103,209,1))" fill-opacity="1.000000" fill-rule="evenodd"/>
+		<path id="形状结合-path备份 2" d="M21.7 5.04C22.45 5.79 22.47 7.03 21.75 7.8L18.91 10.84C18.18 11.62 16.99 11.64 16.24 10.89L13.3 7.94C12.55 7.2 12.53 5.96 13.25 5.19L16.09 2.15C16.82 1.37 18.01 1.35 18.76 2.1L21.7 5.04Z" fill="var(--tiny-second-color,  rgba(0,103,209,0.7))" fill-opacity="1.000000" fill-rule="evenodd"/>
+	</g>
+</svg>
diff --git a/packages/vue-icon-multicolor/svgs/archives.svg b/packages/vue-icon-multicolor/svgs/archives.svg
new file mode 100644
index 000000000..4e0d71395
--- /dev/null
+++ b/packages/vue-icon-multicolor/svgs/archives.svg
@@ -0,0 +1,11 @@
+<svg viewBox="0 0 24 24.0002" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+	<defs>
+		<clipPath id="clip377_46886">
+			<rect id="color-icon-archives" width="24.000000" height="24.000244" fill="white" fill-opacity="0"/>
+		</clipPath>
+	</defs>
+	<g clip-path="url(#clip377_46886)">
+		<path id="path4" d="M2 15.81L8.51 15.81L8.55 15.9C9.08 16.97 10.75 17.71 12.01 17.71C13.27 17.71 14.93 16.95 15.44 15.91L15.48 15.81L22 15.81L22 18.66C22 20.5 20.5 22 18.66 22L5.33 22C3.49 22 2 20.5 2 18.66L2 15.81Z" fill="var(--tiny-second-color,  rgba(0,103,209,0.7))" fill-opacity="1.000000" fill-rule="evenodd"/>
+		<path id="减去顶层" d="M22 5.33063C22 3.48969 20.5076 1.99731 18.6667 1.99731L5.33325 1.99731C3.49243 1.99731 2 3.48969 2 5.33063L2 13.9026L9.67261 13.903L9.77417 14.2433C10.0381 15.1296 11.0054 15.8078 12.0171 15.8078C13.0193 15.8078 13.9595 15.1388 14.2268 14.2469L14.3286 13.9075L22 13.9073L22 5.33063ZM15.25 5L8.75 5C8.33569 5 8 5.33582 8 5.75C8 6.16425 8.33569 6.5 8.75 6.5L15.25 6.5C15.6643 6.5 16 6.16425 16 5.75C16 5.33582 15.6643 5 15.25 5ZM6.75 8L17.25 8C17.6643 8 18 8.33582 18 8.75C18 9.16425 17.6643 9.5 17.25 9.5L6.75 9.5C6.33569 9.5 6 9.16425 6 8.75C6 8.33582 6.33569 8 6.75 8Z" clip-rule="evenodd" fill="var(--tiny-first-color,  rgba(0,103,209,1))" fill-opacity="1.000000" fill-rule="evenodd"/>
+	</g>
+</svg>
diff --git a/packages/vue-icon-multicolor/svgs/baggage-fees.svg b/packages/vue-icon-multicolor/svgs/baggage-fees.svg
new file mode 100644
index 000000000..6421726e7
--- /dev/null
+++ b/packages/vue-icon-multicolor/svgs/baggage-fees.svg
@@ -0,0 +1,12 @@
+<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+	<defs>
+		<clipPath id="clip377_46648">
+			<rect id="color-icon-baggage-fees" width="24.000000" height="24.000000" fill="white" fill-opacity="0"/>
+		</clipPath>
+	</defs>
+	<g clip-path="url(#clip377_46648)">
+		<path id="path6 (边框)" d="M8.1 22.31L8.1 20.68C8.1 20.6 8.09 20.52 8.08 20.44C8.07 20.37 8.05 20.31 8.03 20.25C8 20.17 7.97 20.09 7.93 20.03C7.89 19.97 7.86 19.92 7.82 19.87C7.76 19.81 7.71 19.75 7.64 19.7C7.59 19.66 7.54 19.63 7.48 19.6C7.41 19.57 7.34 19.54 7.27 19.52C7.2 19.5 7.12 19.5 7.05 19.5C6.97 19.5 6.9 19.5 6.83 19.52C6.75 19.54 6.68 19.57 6.61 19.6C6.56 19.63 6.5 19.66 6.45 19.7C6.39 19.75 6.33 19.81 6.28 19.87C6.24 19.92 6.2 19.97 6.17 20.03C6.13 20.09 6.1 20.17 6.07 20.25C6.05 20.31 6.03 20.37 6.02 20.44C6 20.52 6 20.6 6 20.68L6 22.31C6 22.39 6 22.47 6.02 22.55C6.03 22.62 6.05 22.68 6.07 22.74C6.1 22.82 6.13 22.9 6.17 22.96C6.2 23.02 6.24 23.07 6.28 23.12C6.33 23.18 6.39 23.24 6.45 23.29C6.5 23.33 6.56 23.36 6.61 23.39C6.68 23.42 6.75 23.45 6.83 23.47C6.9 23.49 6.97 23.5 7.05 23.5C7.12 23.5 7.2 23.49 7.27 23.47C7.34 23.45 7.41 23.42 7.48 23.39C7.54 23.36 7.59 23.33 7.64 23.29C7.71 23.24 7.76 23.18 7.82 23.12C7.86 23.07 7.89 23.02 7.93 22.96C7.97 22.9 8 22.82 8.03 22.74C8.05 22.68 8.07 22.62 8.08 22.55C8.09 22.47 8.1 22.39 8.1 22.31ZM18 22.31L18 20.68C18 20.6 17.99 20.52 17.97 20.44C17.96 20.37 17.94 20.31 17.92 20.25C17.89 20.17 17.86 20.09 17.82 20.03C17.79 19.97 17.75 19.92 17.71 19.87C17.66 19.81 17.6 19.75 17.54 19.7C17.49 19.66 17.43 19.63 17.38 19.6C17.31 19.57 17.24 19.54 17.16 19.52C17.09 19.5 17.02 19.5 16.94 19.5C16.87 19.5 16.79 19.5 16.72 19.52C16.65 19.54 16.58 19.57 16.51 19.6C16.45 19.63 16.4 19.66 16.35 19.7C16.28 19.75 16.23 19.81 16.17 19.87C16.13 19.92 16.1 19.97 16.06 20.03C16.02 20.09 15.99 20.17 15.96 20.25C15.94 20.31 15.92 20.37 15.91 20.44C15.9 20.52 15.89 20.6 15.89 20.68L15.89 22.31C15.89 22.39 15.9 22.47 15.91 22.55C15.92 22.62 15.94 22.68 15.96 22.74C15.99 22.82 16.02 22.9 16.06 22.96C16.1 23.02 16.13 23.07 16.17 23.12C16.23 23.18 16.28 23.24 16.35 23.29C16.4 23.33 16.45 23.36 16.51 23.39C16.58 23.42 16.65 23.45 16.72 23.47C16.79 23.49 16.87 23.5 16.94 23.5C17.02 23.5 17.09 23.49 17.16 23.47C17.24 23.45 17.31 23.42 17.38 23.39C17.43 23.36 17.49 23.33 17.54 23.29C17.6 23.24 17.66 23.18 17.71 23.12C17.75 23.07 17.79 23.02 17.82 22.96C17.86 22.9 17.89 22.82 17.92 22.74C17.94 22.68 17.96 22.62 17.97 22.55C17.99 22.47 18 22.39 18 22.31Z" fill="var(--tiny-second-color,  rgba(0,103,209,0.7))" fill-opacity="1.000000" fill-rule="evenodd"/>
+		<path id="path7 (边框)" d="M17 4.33L17 2.33C17 2.19 16.98 2.05 16.95 1.91C16.92 1.82 16.9 1.73 16.86 1.64C16.8 1.51 16.73 1.38 16.65 1.27C16.6 1.2 16.54 1.13 16.47 1.06C16.37 0.95 16.25 0.86 16.12 0.78C16.04 0.73 15.96 0.69 15.87 0.65C15.75 0.6 15.62 0.56 15.49 0.53C15.37 0.51 15.24 0.5 15.11 0.5L8.88 0.5C8.75 0.5 8.62 0.51 8.5 0.53C8.37 0.56 8.24 0.6 8.12 0.65C8.03 0.69 7.95 0.73 7.87 0.78C7.74 0.86 7.62 0.95 7.52 1.06C7.45 1.13 7.39 1.2 7.34 1.27C7.26 1.38 7.19 1.51 7.13 1.64C7.09 1.73 7.07 1.82 7.04 1.91C7.01 2.05 7 2.19 7 2.33L7 4.33C7 4.41 7 4.49 7.02 4.57C7.04 4.63 7.06 4.7 7.08 4.76C7.11 4.83 7.15 4.91 7.2 4.97C7.24 5.03 7.28 5.08 7.32 5.12C7.39 5.19 7.46 5.25 7.53 5.29C7.59 5.33 7.65 5.36 7.72 5.39C7.8 5.43 7.88 5.45 7.97 5.47C8.05 5.49 8.14 5.5 8.22 5.5C8.31 5.5 8.39 5.49 8.48 5.47C8.56 5.45 8.65 5.43 8.73 5.39C8.79 5.36 8.85 5.33 8.91 5.29C8.99 5.25 9.06 5.19 9.12 5.12C9.17 5.08 9.21 5.03 9.25 4.97C9.29 4.91 9.33 4.83 9.36 4.76C9.39 4.7 9.41 4.63 9.42 4.57C9.44 4.49 9.45 4.41 9.45 4.33L9.42 2.5L14.54 2.5L14.54 4.33C14.54 4.41 14.55 4.49 14.57 4.57C14.58 4.63 14.6 4.7 14.63 4.76C14.66 4.83 14.7 4.91 14.74 4.97C14.78 5.03 14.82 5.08 14.87 5.12C14.93 5.19 15 5.25 15.08 5.29C15.14 5.33 15.2 5.36 15.26 5.39C15.34 5.43 15.43 5.45 15.51 5.47C15.6 5.49 15.68 5.5 15.77 5.5C15.85 5.5 15.94 5.49 16.02 5.47C16.11 5.45 16.19 5.43 16.27 5.39C16.34 5.36 16.4 5.33 16.46 5.29C16.53 5.25 16.6 5.19 16.66 5.12C16.71 5.08 16.75 5.03 16.79 4.97C16.84 4.91 16.88 4.83 16.91 4.76C16.93 4.7 16.95 4.63 16.97 4.57C16.99 4.49 17 4.41 17 4.33Z" fill="var(--tiny-second-color,  rgba(0,103,209,0.7))" fill-opacity="1.000000" fill-rule="evenodd"/>
+		<path id="减去顶层" d="M17.752 3.58252C17.4673 3.52753 17.1758 3.5 16.8774 3.5L7.12256 3.5C6.82422 3.5 6.53271 3.52753 6.24805 3.58252C5.99805 3.6308 5.75366 3.70013 5.51416 3.79077C5.29028 3.87555 5.07764 3.9762 4.87695 4.09253C4.6355 4.23254 4.41162 4.39532 4.2041 4.58105C4.01367 4.75153 3.84448 4.93475 3.69727 5.13062C3.55127 5.32471 3.42676 5.53143 3.32324 5.75049C3.22681 5.95428 3.15186 6.16223 3.09863 6.37451C3.03296 6.6366 3 6.90521 3 7.18018L3 18.3198C3 18.5948 3.03296 18.8633 3.09863 19.1254C3.15186 19.3377 3.22656 19.5457 3.323 19.7496Q3.3916 19.895 3.4729 20.0332L3.4729 20.0334L3.47314 20.0337Q3.5752 20.2073 3.69702 20.3693C3.84448 20.5652 4.01343 20.7484 4.20386 20.9189C4.41138 21.1046 4.63574 21.2674 4.8772 21.4074C5.07788 21.5238 5.29004 21.6244 5.51416 21.7092Q5.76611 21.8045 6.02563 21.8686Q6.55786 22 7.12256 22L16.8774 22C17.1758 22 17.467 21.9725 17.7517 21.9175C18.0017 21.8693 18.2463 21.7998 18.4858 21.7092C18.9795 21.5223 19.4163 21.2589 19.7961 20.9189C20.1755 20.5795 20.469 20.1897 20.677 19.7496C20.8923 19.2941 21 18.8175 21 18.3198L21 7.18018C21 6.90521 20.967 6.6366 20.9014 6.37451C20.8481 6.16223 20.7732 5.95428 20.6768 5.75049C20.4688 5.31036 20.175 4.92047 19.7959 4.58105C19.416 4.24103 18.9795 3.9776 18.4858 3.79077C18.2463 3.70013 18.002 3.6308 17.752 3.58252ZM10 17.5L10 7.5C10 6.94 9.56006 6.5 9 6.5C8.43994 6.5 8 6.94 8 7.5L8 17.5C8 18.06 8.43994 18.5 9 18.5C9.56006 18.5 10 18.06 10 17.5ZM15 6.5C15.5601 6.5 16 6.94 16 7.5L16 17.5C16 18.06 15.5601 18.5 15 18.5C14.4399 18.5 14 18.06 14 17.5L14 7.5C14 6.94 14.4399 6.5 15 6.5Z" clip-rule="evenodd" fill="var(--tiny-first-color,  rgba(0,103,209,1))" fill-opacity="1.000000" fill-rule="evenodd"/>
+	</g>
+</svg>
diff --git a/packages/vue-icon-multicolor/svgs/car-insurance.svg b/packages/vue-icon-multicolor/svgs/car-insurance.svg
new file mode 100644
index 000000000..b0dc9e5cf
--- /dev/null
+++ b/packages/vue-icon-multicolor/svgs/car-insurance.svg
@@ -0,0 +1,12 @@
+<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+	<defs>
+		<clipPath id="clip377_46778">
+			<rect id="color-icon-car-insurance" width="24.000000" height="24.000000" fill="white" fill-opacity="0"/>
+		</clipPath>
+	</defs>
+	<g clip-path="url(#clip377_46778)">
+		<path id="减去顶层" d="M11.7729 3C13.9177 3 16.1233 3.30917 18.3882 3.92704C18.5437 3.96932 18.6909 4.02574 18.8301 4.0963C19.0332 4.19923 19.2188 4.33226 19.3872 4.49538C19.4951 4.59998 19.5908 4.71209 19.6743 4.8317C19.8054 5.01927 19.9062 5.22528 19.9773 5.44975L21.104 9.02759L18.906 8.17088C18.8997 8.16842 18.8933 8.16599 18.887 8.16359L18.1951 5.96597C18.1729 5.89567 18.1389 5.83422 18.0935 5.78163C18.0474 5.73705 17.9658 5.67241 17.9099 5.65224C15.811 5.07955 13.7446 4.78338 11.7729 4.78338C10.5959 4.78338 9.43945 4.88548 8.3042 5.08968C8.15552 5.11641 8.00732 5.14489 7.85938 5.17512L7.85913 5.17516L7.8584 5.17533C7.27148 5.29532 6.69019 5.44286 6.1145 5.61795C6.05688 5.63901 5.98413 5.67989 5.93726 5.72684C5.89209 5.77937 5.83252 5.86909 5.81055 5.93898L4.32837 10.6501C7.21753 10.233 9.77466 10.0244 11.9995 10.0244C12.2368 10.0244 12.4778 10.0268 12.7227 10.0315C12.7156 10.0372 12.7085 10.043 12.7014 10.0488C12.5833 10.146 12.4727 10.2511 12.3701 10.3638C12.2566 10.4884 12.1523 10.6225 12.0579 10.7661C11.9685 10.9014 11.8899 11.0422 11.8215 11.1883C11.7522 11.3365 11.6934 11.4902 11.6455 11.6494C11.5991 11.8038 11.564 11.9601 11.5396 12.1182C11.5132 12.2908 11.5 12.4655 11.5 12.6425L11.5 15.135L8.99536 15.135C8.61206 15.135 8.31079 15.4361 8.31079 15.8194C8.31079 16.2027 8.61206 16.5038 8.99536 16.5038L11.5051 16.5038C11.5139 16.7283 11.5334 16.9511 11.564 17.1723C11.6021 17.4495 11.6572 17.7241 11.7295 17.9962C11.8062 18.2842 11.9004 18.5641 12.0125 18.8361C12.0901 19.0247 12.1763 19.2094 12.271 19.3903L7.22217 19.3903L6.47827 20.6589C6.4165 20.7641 6.33057 20.8472 6.22021 20.9083C6.11011 20.9694 5.99097 21 5.86304 21L2.98145 21C2.87085 21 2.76245 20.9898 2.65649 20.9694C2.55322 20.9495 2.45215 20.92 2.35303 20.8808C2.27002 20.8478 2.19092 20.8091 2.11572 20.7645C2.01685 20.7059 1.92456 20.6372 1.83936 20.5584C1.771 20.4953 1.70923 20.4278 1.65405 20.3559C1.58936 20.2715 1.53369 20.181 1.48706 20.0844C1.44824 20.0036 1.41675 19.921 1.39282 19.8365C1.3623 19.729 1.34375 19.6184 1.33765 19.5047L1.00317 13.4228C0.995117 13.2733 1.00049 13.1253 1.01953 12.9789C1.03296 12.8747 1.05347 12.7713 1.08081 12.6687C1.10596 12.5748 1.13623 12.4831 1.17212 12.3935L1.17236 12.3929L1.17261 12.392C1.18628 12.358 1.20068 12.3242 1.21582 12.2908C1.2627 12.1876 1.31689 12.0873 1.37842 11.9899C1.45825 11.8638 1.54834 11.7459 1.64893 11.6364C1.71655 11.5626 1.78882 11.4926 1.86572 11.4263C1.97705 11.3305 2.09521 11.245 2.22021 11.1699L4.02759 5.42526C4.0813 5.25331 4.15308 5.09199 4.24268 4.94128L4.24268 4.94128L4.24268 4.94125C4.2644 4.90442 4.28735 4.86822 4.31152 4.83266C4.39258 4.71245 4.48608 4.59949 4.5918 4.49377C4.75269 4.33259 4.93091 4.19946 5.12622 4.09436C5.25928 4.02285 5.40015 3.96432 5.54883 3.91878C6.22314 3.7137 6.9043 3.54295 7.59229 3.40654L7.59229 3.40652L7.59351 3.40627L7.59521 3.40594C7.75317 3.37464 7.91162 3.34515 8.07031 3.31747C9.28345 3.10582 10.5178 3 11.7729 3ZM2.73779 15.135L5.86646 15.135C6.24976 15.135 6.55103 15.4361 6.55103 15.8194C6.55103 16.2027 6.24976 16.5038 5.86646 16.5038L2.73779 16.5038C2.35449 16.5038 2.05347 16.2027 2.05347 15.8194C2.05347 15.4361 2.35449 15.135 2.73779 15.135Z" clip-rule="evenodd" fill="var(--tiny-second-color,  rgba(0,103,209,0.7))" fill-opacity="1.000000" fill-rule="evenodd"/>
+		<path id="减去顶层" d="M14.0332 11.368L17.636 10.0638C17.8711 9.97874 18.1289 9.97874 18.364 10.0638L21.9668 11.368C22.5876 11.5927 23 12.1738 23 12.8237L23 16.2059C23 17.9129 22.0374 19.4794 20.5 20.2745L18.2451 21.4405C18.0918 21.5198 17.9082 21.5198 17.7549 21.4405L15.5 20.2745C13.9626 19.4794 13 17.9129 13 16.2059L13 12.8237C13 12.1738 13.4124 11.5927 14.0332 11.368ZM17.9331 17.4786L20.6938 14.7409C20.9661 14.4711 20.9678 14.0452 20.698 13.773C20.4282 13.5009 20.0022 13.4991 19.7302 13.769L17.4512 16.0287L16.1311 14.7197C15.8591 14.4499 15.4331 14.4516 15.1633 14.7238C14.8936 14.9959 14.8953 15.4218 15.1675 15.6917L16.9695 17.4786C17.1299 17.6379 17.2905 17.7175 17.4512 17.7175C17.6118 17.7175 17.7725 17.6379 17.9331 17.4786Z" clip-rule="evenodd" fill="var(--tiny-first-color,  rgba(0,103,209,1))" fill-opacity="1.000000" fill-rule="evenodd"/>
+		<path id="path8备份 (边框)" d="M20.69 14.74L17.93 17.47C17.77 17.63 17.61 17.71 17.45 17.71C17.29 17.71 17.13 17.63 16.96 17.47L15.16 15.69C14.89 15.42 14.89 14.99 15.16 14.72C15.43 14.45 15.85 14.44 16.13 14.71L17.45 16.02L19.73 13.76C20 13.49 20.42 13.5 20.69 13.77C20.96 14.04 20.96 14.47 20.69 14.74Z" fill="var(--tiny-second-color,  rgba(0,103,209,0.7))"  fill-opacity="0.5" fill-rule="evenodd"/>
+	</g>
+</svg>
diff --git a/packages/vue-icon-multicolor/svgs/car-rental.svg b/packages/vue-icon-multicolor/svgs/car-rental.svg
new file mode 100644
index 000000000..70648675c
--- /dev/null
+++ b/packages/vue-icon-multicolor/svgs/car-rental.svg
@@ -0,0 +1,12 @@
+<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+	<defs>
+		<clipPath id="clip377_46758">
+			<rect id="color-icon-car-rental" width="24.000000" height="24.000000" fill="white" fill-opacity="0"/>
+		</clipPath>
+	</defs>
+	<g clip-path="url(#clip377_46758)">
+		<path id="减去顶层" d="M11.2651 2C13.4922 2 15.7825 2.30838 18.1343 2.92461C18.321 2.9734 18.4968 3.04112 18.6616 3.12778C18.8503 3.22692 19.0244 3.35085 19.1843 3.49957Q19.3901 3.69104 19.5408 3.91586C19.658 4.09045 19.75 4.28013 19.8174 4.48489L21.5156 9.66433C20.7629 9.18623 19.9192 8.8386 19.0161 8.65326L17.8555 5.42513C17.7273 5.06976 17.4055 4.79674 17.001 4.70064Q14.0664 4 11.2981 4Q8.90405 4 6.63086 4.52393L6.63062 4.52399L6.63062 4.52399Q6.29956 4.60032 5.97095 4.68777C5.58203 4.79188 5.27539 5.0601 5.1521 5.40506L3.50024 10Q7.66895 9.30971 11.3059 9.30971Q12.571 9.30971 13.9475 9.39323C12.1672 10.3526 10.8188 12.0105 10.2698 14L9.75293 14C9.37427 14 9.07666 14.3301 9.07666 14.7501C9.07666 15.1701 9.37427 15.5 9.75293 15.5L10.0166 15.5C10.0059 15.6653 10.0002 15.832 10.0002 16C10.0002 16.8313 10.1355 17.631 10.3853 18.3784L6.79443 18.3784L6.07495 19.622C6.00757 19.7386 5.91357 19.8307 5.79321 19.8984C5.67261 19.9661 5.54248 20 5.40259 20L2.53955 20Q2.36792 20 2.20312 19.9679C2.09595 19.947 1.99072 19.9159 1.88794 19.8746C1.80127 19.8399 1.71899 19.7989 1.64062 19.7517C1.53857 19.6904 1.4436 19.6185 1.35571 19.5361Q1.24902 19.4363 1.16309 19.3225C1.09644 19.2342 1.03906 19.1396 0.991211 19.0386C0.950439 18.9533 0.917725 18.866 0.892822 18.7767Q0.889648 18.7651 0.886475 18.7533Q0.885498 18.7498 0.884766 18.7462L0.884033 18.7438L0.883545 18.7413L0.882568 18.7384Q0.844971 18.5882 0.836426 18.4307L0.50415 12.304Q0.487549 11.999 0.541748 11.7069L0.541992 11.7048Q0.54248 11.7027 0.542725 11.7007Q0.546631 11.681 0.550537 11.6614Q0.605225 11.3939 0.719482 11.1375C0.809082 10.9363 0.921143 10.7513 1.05566 10.5824C1.11816 10.5041 1.1853 10.4292 1.25732 10.3579L3.18896 4.46052Q3.26758 4.21905 3.39307 4.00501Q3.41895 3.96093 3.44678 3.91801Q3.59326 3.69221 3.79468 3.49863Q3.98389 3.31657 4.20239 3.18177L4.20239 3.18176L4.20264 3.18171Q4.24707 3.15432 4.29248 3.12888C4.45142 3.04034 4.62109 2.96952 4.80151 2.91644Q5.69336 2.65598 6.6001 2.46955Q6.81104 2.42621 7.02271 2.38686Q9.104 2 11.2651 2ZM6.50659 14L4.17651 14C3.79785 14 3.50024 14.3301 3.50024 14.7501C3.50024 15.1701 3.79785 15.5 4.17651 15.5L6.50659 15.5C6.88525 15.5 7.18311 15.1701 7.18311 14.7501C7.18311 14.3301 6.88525 14 6.50659 14Z" clip-rule="evenodd" fill="var(--tiny-second-color,  rgba(0,103,209,0.7))" fill-opacity="1.000000" fill-rule="evenodd"/>
+		<path id="减去顶层" d="M17.5 10C14.1863 10 11.5 12.6863 11.5 16C11.5 19.3137 14.1863 22 17.5 22C20.8137 22 23.5 19.3137 23.5 16C23.5 12.6863 20.8137 10 17.5 10ZM16.8333 16.6364L16.8333 13.6818C16.8333 13.3 16.54 13 16.1667 13C15.7932 13 15.5 13.3 15.5 13.6818L15.5 17.3182C15.5 17.5455 15.5557 17.7159 15.6667 17.8295C15.7778 17.9432 15.9443 18 16.1667 18L18.8333 18C19.2068 18 19.5 17.7 19.5 17.3182C19.5 16.9364 19.2068 16.6364 18.8333 16.6364L16.8333 16.6364Z" clip-rule="evenodd" fill="var(--tiny-first-color,  rgba(0,103,209,1))" fill-opacity="1.000000" fill-rule="evenodd"/>
+		<path id="路径 16 (边框)" d="M16.83 13.68L16.83 16.63L18.83 16.63C19.2 16.63 19.5 16.93 19.5 17.31C19.5 17.7 19.2 18 18.83 18L16.16 18C15.94 18 15.77 17.94 15.66 17.82C15.55 17.71 15.5 17.54 15.5 17.31L15.5 13.68C15.5 13.3 15.79 13 16.16 13C16.54 13 16.83 13.3 16.83 13.68Z" fill="var(--tiny-second-color,  rgba(0,103,209,0.7))"  fill-opacity="0.5" fill-rule="evenodd"/>
+	</g>
+</svg>
diff --git a/packages/vue-icon-multicolor/svgs/ceremony-fees.svg b/packages/vue-icon-multicolor/svgs/ceremony-fees.svg
new file mode 100644
index 000000000..0e3497a22
--- /dev/null
+++ b/packages/vue-icon-multicolor/svgs/ceremony-fees.svg
@@ -0,0 +1,11 @@
+<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+	<defs>
+		<clipPath id="clip377_46843">
+			<rect id="color-icon-ceremony-fees" width="24.000000" height="24.000000" fill="white" fill-opacity="0"/>
+		</clipPath>
+	</defs>
+	<g clip-path="url(#clip377_46843)">
+		<path id="减去顶层" d="M5.05127 13.6665C5.11084 13.8464 5.19165 14.0098 5.2937 14.1566C5.38062 14.2817 5.47998 14.392 5.59229 14.4874C5.70166 14.5807 5.82324 14.66 5.95679 14.7251C6.19312 14.8401 6.45508 14.9035 6.74292 14.9152L17.2061 14.9165C17.4846 14.9052 17.7898 14.8444 18.02 14.7363C18.1553 14.6729 18.2783 14.595 18.3896 14.5027C18.4971 14.4138 18.5933 14.3114 18.6785 14.1956C18.7922 14.041 18.8818 13.8646 18.9473 13.6665L21.1667 13.6665L21.375 13.6665C21.7251 13.6665 22 13.9415 22 14.2915C22 14.6415 21.7251 14.9165 21.375 14.9165L21.1667 14.9165L21.1667 20.9998C21.1667 21.5521 20.719 21.9998 20.1667 21.9998L3.83325 21.9998C3.28101 21.9998 2.83325 21.5521 2.83325 20.9998L2.83325 14.9165L2.625 14.9165C2.2749 14.9165 2 14.6415 2 14.2915C2 13.9415 2.2749 13.6665 2.625 13.6665L2.83325 13.6665L2.83325 13.6665L5.05127 13.6665L5.05127 13.6665ZM16.3562 13.6665L17.2068 13.6665L17.2061 13.6665L16.3562 13.6665Z" clip-rule="evenodd" fill="var(--tiny-second-color,  rgba(0,103,209,0.7))" fill-opacity="1.000000" fill-rule="evenodd"/>
+		<path id="减去顶层" d="M11.9998 2C10.0256 2 9.32568 3.37927 9.32568 5.08069C9.32568 5.17407 9.32861 5.2677 9.33398 5.36121C9.09229 5.56891 9.00928 5.99194 9.15332 6.40961C9.27441 6.76007 9.52344 7.01526 9.78906 7.09747C9.86426 7.24414 9.94849 7.38373 10.0417 7.51434L10.1035 7.59686C10.4543 8.07153 10.5725 8.45502 10.458 8.74738C10.394 8.91064 10.2576 9.04547 10.0483 9.15186C10.0103 9.1712 9.96924 9.19073 9.92505 9.21063L9.78491 9.27112L9.54639 9.36597L8.89258 9.61267L8.68921 9.69128L8.48193 9.77411L8.27271 9.86157L8.06323 9.95404C7.08838 10.3976 6.17065 11.0151 6.17358 11.9695L6.16699 12.5288L6.16699 12.6814C6.16748 12.7062 6.16772 12.7306 6.16846 12.7547L6.17432 12.895C6.20337 13.3476 6.32837 13.6475 6.79395 13.6664L8.13379 13.6664L8.96704 11.39C9.00122 11.2967 9.05005 11.2175 9.11304 11.1525C9.16675 11.0974 9.23096 11.0523 9.30542 11.0175C9.34863 10.9974 9.39282 10.9823 9.43823 10.9724C9.47485 10.9645 9.51196 10.9598 9.55005 10.9586C9.58911 10.9572 9.62744 10.9594 9.66553 10.9652C9.71338 10.9725 9.7605 10.9855 9.80664 11.0042C9.87695 11.0326 9.93921 11.0705 9.99268 11.1178C10.0564 11.1739 10.1084 11.2433 10.1487 11.326C10.1846 11.3998 10.2068 11.4752 10.2151 11.5521C10.2236 11.6299 10.1975 11.7772 10.1777 11.8582L9.51587 13.6664L14.4846 13.6666L13.8247 11.8636C13.7625 11.6936 13.7666 11.5253 13.8369 11.3588C13.8757 11.2673 13.9282 11.1907 13.9946 11.129C14.051 11.0767 14.1174 11.035 14.1938 11.0042C14.272 10.9725 14.3501 10.9567 14.4285 10.9566C14.5063 10.9565 14.5842 10.9721 14.6621 11.0032C14.8147 11.0643 14.9565 11.2346 15.0312 11.3845L15.8667 13.6666L17.2065 13.6667C17.6589 13.6483 17.7898 13.3648 17.8232 12.9337L17.8311 12.7928L17.8337 12.6429L17.8269 11.9698C17.8296 11.0836 17.0386 10.4878 16.145 10.0521L15.9373 9.95428L15.7278 9.86188C15.6929 9.84686 15.658 9.83209 15.623 9.8175L15.3113 9.69153L14.9102 9.53827L14.3711 9.33405L14.2156 9.27142L14.0752 9.21088C14.0312 9.19104 13.9902 9.17151 13.9521 9.15216C13.7429 9.04578 13.6064 8.91089 13.5425 8.74762C13.4324 8.46667 13.5371 8.10156 13.8569 7.65222L13.897 7.59717C14.0149 7.4425 14.1194 7.27515 14.2104 7.09735C14.4758 7.01508 14.7249 6.76001 14.8457 6.40961C14.99 5.99207 14.907 5.56921 14.6653 5.36096C14.6709 5.2677 14.6736 5.17407 14.6736 5.08069C14.6736 3.37927 13.9739 2 11.9998 2Z" clip-rule="evenodd" fill="var(--tiny-first-color,  rgba(0,103,209,1))" fill-opacity="1.000000" fill-rule="evenodd"/>
+	</g>
+</svg>
diff --git a/packages/vue-icon-multicolor/svgs/condolences.svg b/packages/vue-icon-multicolor/svgs/condolences.svg
new file mode 100644
index 000000000..db27f9da8
--- /dev/null
+++ b/packages/vue-icon-multicolor/svgs/condolences.svg
@@ -0,0 +1,11 @@
+<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+	<defs>
+		<clipPath id="clip379_46360">
+			<rect id="color-icon-condolences" width="23.999908" height="24.000000" fill="white" fill-opacity="0"/>
+		</clipPath>
+	</defs>
+	<g clip-path="url(#clip379_46360)">
+		<path id="减去顶层" d="M10.3567 22L2.69507 21.985C2.42798 21.9736 2.19629 21.9018 2.00024 21.7702C1.43994 21.394 1.17041 20.5277 1.19092 19.1713C1.19458 18.9359 1.19653 18.7574 1.19653 18.6359C1.19629 18.5395 1.20117 18.4438 1.21143 18.3486C1.38232 16.7449 3.03174 15.3197 6.15942 14.0731C6.77563 13.8276 7.17651 13.6547 7.36206 13.5541C7.57568 13.4384 7.69849 13.2703 7.72217 13.1204C7.73755 12.8663 7.5415 12.4363 7.24072 11.9862C7.0896 11.7751 6.95093 11.5497 6.82422 11.3099C6.71899 11.2587 6.61987 11.1982 6.52686 11.1285C6.16895 10.8597 5.90161 10.4536 5.72534 9.90997C5.51343 9.25555 5.50244 8.69348 5.69238 8.22345C5.75684 8.0639 5.84448 7.9151 5.95532 7.77679C5.9541 7.72375 5.95312 7.62488 5.95288 7.57208C5.95288 5.48413 6.43945 3.98303 7.4126 3.0686C8.17065 2.3562 9.00781 2 10.3567 2C11.7056 2 12.5427 2.3562 13.3008 3.0686C14.2739 3.98303 14.7603 5.48413 14.7603 7.57208C14.76 7.62488 14.7593 7.72375 14.7581 7.77679C14.8687 7.9151 14.9565 8.0639 15.021 8.22345C15.2109 8.69348 15.2 9.25555 14.988 9.90997C14.9626 9.98816 14.9353 10.0635 14.9062 10.1361C14.7896 10.1255 14.6714 10.1201 14.552 10.1201C12.2153 10.1201 10.321 12.1898 10.321 14.7429C10.321 17.2855 12.5603 20.2122 14.6155 21.9916L10.3567 22Z" clip-rule="evenodd" fill="var(--tiny-second-color,  rgba(0,103,209,0.7))" fill-opacity="1.000000" fill-rule="evenodd"/>
+		<path id="减去顶层" d="M15.1458 11.6201C15.9775 11.6201 16.7383 12.1 17.3213 12.6201C17.9043 12.1 18.665 11.6201 19.4968 11.6201C21.333 11.6201 22.8213 13.1533 22.8213 15.0444C22.8213 17.9017 18.772 21.4137 17.3213 21.6201C15.8706 21.4137 11.8213 17.9017 11.8213 15.0444C11.8213 13.1533 13.3213 11.6201 15.1458 11.6201Z" clip-rule="evenodd" fill="var(--tiny-first-color,  rgba(0,103,209,1))" fill-opacity="1.000000" fill-rule="evenodd"/>
+	</g>
+</svg>
diff --git a/packages/vue-icon-multicolor/svgs/entertainment-expense.svg b/packages/vue-icon-multicolor/svgs/entertainment-expense.svg
new file mode 100644
index 000000000..db2f1d69f
--- /dev/null
+++ b/packages/vue-icon-multicolor/svgs/entertainment-expense.svg
@@ -0,0 +1,12 @@
+<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+	<defs>
+		<clipPath id="clip377_47029">
+			<rect id="color-icon-entertainment-expense" width="24.000000" height="24.000000" fill="white" fill-opacity="0"/>
+		</clipPath>
+	</defs>
+	<g clip-path="url(#clip377_47029)">
+		<path id="路径" d="M12 3C16.99 3 21 7 21 12C21 16.99 16.99 21 12 21C7 21 3 16.99 3 12C3 7 7 3 12 3Z" fill="var(--tiny-second-color,  rgba(0,103,209,0.7))"  fill-opacity="0.5" fill-rule="evenodd"/>
+		<path id="形状结合" d="M2 12C2 6.49408 6.49414 2 12 2C17.5059 2 22 6.49408 22 12C22 17.5059 17.5059 22 12 22C6.49414 22 2 17.5059 2 12ZM19.5 12C19.5 7.84009 16.1599 4.5 12 4.5C7.84009 4.5 4.5 7.84009 4.5 12C4.5 16.1599 7.84009 19.5 12 19.5C16.1599 19.5 19.5 16.1599 19.5 12Z" clip-rule="evenodd" fill="var(--tiny-first-color,  rgba(0,103,209,1))" fill-opacity="1.000000" fill-rule="evenodd"/>
+		<path id="形状结合-path" d="M14.84 7.59C14.5 7.4 14.07 7.5 13.86 7.8L12 9.73L10.13 7.8C9.92 7.5 9.49 7.4 9.15 7.59C8.82 7.78 8.72 8.18 8.92 8.49L10.88 10.54L8.7 10.54C8.31 10.54 8 10.83 8 11.19C8 11.55 8.31 11.84 8.7 11.84L11.29 11.84L11.29 13.58L8.7 13.58C8.31 13.58 8 13.87 8 14.23C8 14.59 8.31 14.89 8.7 14.89L11.29 14.89L11.29 16.84C11.29 17.2 11.61 17.5 12 17.5C12.38 17.5 12.7 17.2 12.7 16.84L12.7 14.89L15.29 14.89C15.68 14.89 16 14.59 16 14.23C16 13.87 15.68 13.58 15.29 13.58L12.7 13.58L12.7 11.84L15.29 11.84C15.68 11.84 16 11.55 16 11.19C16 10.83 15.68 10.54 15.29 10.54L13.11 10.54L15.07 8.49C15.27 8.18 15.17 7.78 14.84 7.59Z" fill="var(--tiny-first-color,  rgba(0,103,209,1))" fill-opacity="1.000000" fill-rule="evenodd"/>
+	</g>
+</svg>
diff --git a/packages/vue-icon-multicolor/svgs/expert-consultation-fees.svg b/packages/vue-icon-multicolor/svgs/expert-consultation-fees.svg
new file mode 100644
index 000000000..6754918fe
--- /dev/null
+++ b/packages/vue-icon-multicolor/svgs/expert-consultation-fees.svg
@@ -0,0 +1,11 @@
+<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+	<defs>
+		<clipPath id="clip377_46872">
+			<rect id="color-icon-expert-consultation-fees" width="24.000000" height="24.000000" fill="white" fill-opacity="0"/>
+		</clipPath>
+	</defs>
+	<g clip-path="url(#clip377_46872)">
+		<path id="减去顶层" d="M3.70068 9.8606C2.75122 9.91766 2 10.6618 2 11.5714L2 16.7142C2 17.661 2.81396 18.4285 3.81812 18.4285L12.5759 18.4285L12.4761 15.6862C12.353 15.6328 12.2322 15.5663 12.1233 15.4913C12.0117 15.4144 11.9075 15.3261 11.8108 15.2265C11.7139 15.1269 11.6282 15.0197 11.5532 14.9049C11.4802 14.7929 11.418 14.6737 11.366 14.5472C11.3123 14.4171 11.272 14.2842 11.2446 14.1484C11.2161 14.0068 11.2017 13.8621 11.2017 13.7143C11.2017 13.694 11.2053 13.6131 11.2061 13.5929L11.3472 11.5538C11.3169 11.5575 11.2864 11.5605 11.2554 11.5628C11.2356 11.5635 11.1567 11.5671 11.137 11.5671L5.36328 11.5671C5.14453 11.5671 4.94092 11.5292 4.75293 11.4534C4.5459 11.3701 4.35767 11.241 4.18774 11.0662C4.0332 10.9074 3.91553 10.733 3.83472 10.543C3.83057 10.5332 3.82642 10.5234 3.82251 10.5135C3.7417 10.313 3.70117 10.0953 3.70068 9.8606ZM19.3408 18.4285L19.4409 15.6864C19.4878 15.6661 19.5342 15.6439 19.5801 15.6198C19.6992 15.5574 19.8103 15.4848 19.9136 15.4019C20.0198 15.317 20.1174 15.2213 20.2073 15.1149C20.2856 15.0217 20.3552 14.9234 20.4163 14.8199L20.4163 14.8198C20.4248 14.8051 20.4333 14.7902 20.4417 14.7753C20.5068 14.6582 20.5608 14.5347 20.604 14.4048C20.6482 14.2711 20.6794 14.1355 20.6973 13.9981C20.7158 13.8547 20.72 13.7093 20.71 13.562L20.4539 9.87616C21.3291 9.99994 22 10.7118 22 11.5714L22 16.7142C22 17.661 21.186 18.4285 20.1819 18.4285L19.3408 18.4285Z" clip-rule="evenodd" fill="var(--tiny-second-color,  rgba(0,103,209,0.7))" fill-opacity="1.000000" fill-rule="evenodd"/>
+		<path id="合并" d="M9.9165 4.71429C9.9165 3.76752 9.17041 3 8.25 3C7.32935 3 6.58325 3.76752 6.58325 4.71429C6.58325 5.66107 7.32935 6.42859 8.25 6.42859C9.17041 6.42859 9.9165 5.66107 9.9165 4.71429ZM15.9583 3.85712C16.8787 3.85712 17.625 4.62463 17.625 5.57141C17.625 6.51819 16.8787 7.28571 15.9583 7.28571C15.0378 7.28571 14.2915 6.51819 14.2915 5.57141C14.2915 4.62463 15.0378 3.85712 15.9583 3.85712ZM9.8103 7.28571L6.68945 7.28571C6.0271 7.28571 5.47705 7.80707 5.42993 8.47992L5.33325 9.85706L11.1665 9.85712L11.0701 8.47992C11.0227 7.80707 10.4729 7.28571 9.8103 7.28571ZM13.2805 14.1429C13.0505 14.1429 12.864 13.951 12.864 13.7143L13.167 9.33698C13.2136 8.66412 13.7578 8.14288 14.4138 8.14288L17.5027 8.14288C18.1584 8.14288 18.7026 8.66412 18.7495 9.33698L19.0513 13.6838C19.0676 13.9199 18.8948 14.1249 18.6653 14.1418L17.8333 14.1429L17.6133 20.175C17.5964 20.6356 17.2285 21 16.7805 21L15.1357 21C14.6877 21 14.3198 20.6356 14.303 20.175L14.0833 14.1429L13.2805 14.1429Z" clip-rule="evenodd" fill="var(--tiny-first-color,  rgba(0,103,209,1))" fill-opacity="1.000000" fill-rule="evenodd"/>
+	</g>
+</svg>
diff --git a/packages/vue-icon-multicolor/svgs/expert-teaching-fees.svg b/packages/vue-icon-multicolor/svgs/expert-teaching-fees.svg
new file mode 100644
index 000000000..64c6a7bba
--- /dev/null
+++ b/packages/vue-icon-multicolor/svgs/expert-teaching-fees.svg
@@ -0,0 +1,11 @@
+<svg viewBox="0 0 23.9973 24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+	<defs>
+		<clipPath id="clip377_46861">
+			<rect id="color-icon-expert-teaching-fees" width="23.997284" height="24.000000" fill="white" fill-opacity="0"/>
+		</clipPath>
+	</defs>
+	<g clip-path="url(#clip377_46861)">
+		<path id="减去顶层" d="M13.6675 4.50018C13.6675 5.55591 14.0605 6.51984 14.7083 7.2536C14.5986 7.30621 14.4937 7.36603 14.3938 7.43317C14.2524 7.52808 14.1206 7.63745 13.9988 7.76141L12.2412 9.5484L10.666 8.30255C10.5469 8.20837 10.4211 8.12756 10.2883 8.06006C10.1667 7.99823 10.0396 7.94757 9.90649 7.90808C9.77271 7.86835 9.6377 7.84131 9.50122 7.82697C9.36206 7.81232 9.22168 7.81079 9.07983 7.82245C8.93921 7.83398 8.802 7.85809 8.66821 7.89465L8.66821 7.89465L8.66821 7.89471L8.66821 7.89471C8.53491 7.93115 8.40527 7.98004 8.27905 8.04132C8.15503 8.10144 8.03833 8.17151 7.9292 8.25159C7.80884 8.3396 7.69775 8.4397 7.59521 8.55188C7.49707 8.65924 7.41064 8.7738 7.33594 8.89551C7.26221 9.01587 7.19971 9.14331 7.14868 9.27771C7.10059 9.40436 7.06445 9.5332 7.03979 9.66425L7.03979 9.66431L7.03979 9.66431C7.01392 9.80188 7.00098 9.94196 7.00098 10.0844C7.00073 10.2268 7.01367 10.3669 7.03955 10.5045C7.06396 10.6356 7.1001 10.7645 7.14819 10.8912C7.19897 11.0256 7.26123 11.153 7.33521 11.2734C7.40967 11.3952 7.49609 11.5098 7.59399 11.6173L10.6345 14.9498C10.7466 15.0726 10.8679 15.1824 10.999 15.2795C11.115 15.3655 11.2385 15.4413 11.3694 15.5071C11.5054 15.5754 11.6453 15.6308 11.7888 15.6732C11.9324 15.7156 12.0798 15.745 12.2312 15.7614C12.3845 15.7781 12.5369 15.7809 12.6882 15.7698C12.8359 15.759 12.9824 15.7349 13.1282 15.6978C13.2717 15.6611 13.4102 15.6127 13.543 15.5526L13.5432 15.5526C13.6233 15.5164 13.7014 15.476 13.7776 15.4313L13.7776 20.3315L4.28955 20.3315C4.12402 20.3315 3.96191 20.3143 3.80371 20.28L3.80371 20.28C3.66553 20.2501 3.53052 20.2072 3.39819 20.1512C3.2666 20.0955 3.14209 20.0289 3.02515 19.9513C2.89844 19.8673 2.78027 19.7705 2.67065 19.6609C2.56104 19.5513 2.46411 19.4331 2.38013 19.3064C2.30249 19.1893 2.23584 19.065 2.18018 18.9333C2.12427 18.801 2.0813 18.6658 2.05151 18.5278C2.01709 18.3696 2 18.2076 2 18.0419C2 17.8762 2.01709 17.7142 2.05151 17.556C2.0813 17.418 2.12427 17.2828 2.18018 17.1505C2.23584 17.0188 2.30249 16.8945 2.38013 16.7774C2.46411 16.6507 2.56104 16.5326 2.67065 16.4229C2.78027 16.3133 2.89844 16.2165 3.02515 16.1325C3.14209 16.0549 3.2666 15.9883 3.39819 15.9326C3.48633 15.8953 3.57568 15.8638 3.6665 15.838L3.6665 6.24756C3.6665 5.99646 3.69287 5.75116 3.74536 5.51166C3.78979 5.31042 3.85254 5.11328 3.93384 4.92023C4.01685 4.72308 4.11646 4.5368 4.23267 4.36151L4.23267 4.36151C4.35693 4.17383 4.5 3.99872 4.66211 3.83606C4.82812 3.66937 5.00757 3.52252 5.19995 3.39563L5.19995 3.39563L5.19995 3.39563L5.19995 3.39557C5.37085 3.2829 5.552 3.18591 5.74341 3.10455C5.93872 3.02173 6.13818 2.95801 6.3418 2.91345L6.3418 2.91339L6.34204 2.91333C6.57886 2.86157 6.82129 2.83569 7.06934 2.83569L14.0137 2.83569C13.791 3.34546 13.6675 3.90839 13.6675 4.50018Z" clip-rule="evenodd" fill="var(--tiny-second-color,  rgba(0,103,209,0.7))" fill-opacity="1.000000" fill-rule="evenodd"/>
+		<path id="矢量 326" d="M17.83 7C16.44 7 15.33 5.88 15.33 4.5C15.33 3.11 16.44 2 17.83 2C19.21 2 20.33 3.11 20.33 4.5C20.33 5.88 19.21 7 17.83 7ZM11.77 11.29L9.63 9.6C9.38 9.41 9.03 9.44 8.82 9.67C8.61 9.9 8.61 10.26 8.82 10.49L11.86 13.82C12.15 14.15 12.64 14.2 13 13.95L14.75 12.71C14.82 12.65 14.91 12.63 15 12.63C15.24 12.63 15.44 12.82 15.44 13.07L15.44 21.55C15.44 21.8 15.63 22 15.87 22L19.37 22C19.61 22 19.81 21.8 19.81 21.55L19.81 16.22C19.81 15.97 20 15.77 20.24 15.77L21.12 15.77C21.6 15.77 21.99 15.37 21.99 14.88L21.99 10C21.99 9.26 21.4 8.66 20.68 8.66L15.8 8.66C15.57 8.66 15.34 8.76 15.18 8.92L12.92 11.22C12.61 11.53 12.11 11.57 11.77 11.29Z" fill="var(--tiny-first-color,  rgba(0,103,209,1))" fill-opacity="1.000000" fill-rule="evenodd"/>
+	</g>
+</svg>
diff --git a/packages/vue-icon-multicolor/svgs/express-delivery.svg b/packages/vue-icon-multicolor/svgs/express-delivery.svg
new file mode 100644
index 000000000..ed7f1fcda
--- /dev/null
+++ b/packages/vue-icon-multicolor/svgs/express-delivery.svg
@@ -0,0 +1,12 @@
+<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+	<defs>
+		<clipPath id="clip377_46920">
+			<rect id="color-icon-express-delivery" width="24.000000" height="24.000000" fill="white" fill-opacity="0"/>
+		</clipPath>
+	</defs>
+	<g clip-path="url(#clip377_46920)">
+		<path id="减去顶层" d="M21.9011 3.01213L12.2188 3.00037L12.2175 3.00037L12.0891 3.00807C11.542 3.07419 11.1172 3.55803 11.1172 4.14507L11.1172 13.3807C11.1165 13.8542 10.7471 14.2376 10.292 14.2369C9.83618 14.2363 9.4668 13.8516 9.4668 13.3773L9.4668 6.94606L9.45801 6.83392C9.40601 6.50771 9.1333 6.25925 8.80518 6.25998L5.85303 6.26663C5.46606 6.30975 5.11182 6.52232 4.88208 6.85536L1.36084 11.2348L1.26709 11.3847C1.09277 11.6921 1 12.0434 1 12.4024L1 15.9986L1.00635 16.1629C1.05054 16.7288 1.64893 17.2899 2.09424 17.633C2.49023 15.8407 4.08862 14.5 6 14.5C8.0332 14.5 9.71191 16.0169 9.96655 17.9807L13.0327 17.9857C13.2852 16.0195 14.9651 14.5 17 14.5C19.0393 14.5 20.7222 16.026 20.9688 17.9985L21.6714 17.9996L21.8997 18.0004C22.5073 18.0002 23 17.4877 23 16.8556L23 4.15683C23 3.52515 22.5083 3.01286 21.9011 3.01213Z" clip-rule="evenodd" fill="var(--tiny-first-color,  rgba(0,103,209,1))" fill-opacity="1.000000" fill-rule="evenodd"/>
+		<circle id="椭圆 38" cx="6.000000" cy="18.500000" r="2.500000" fill="var(--tiny-second-color,  rgba(0,103,209,0.7))" fill-opacity="1.000000"/>
+		<circle id="椭圆 43" cx="17.000000" cy="18.500000" r="2.500000" fill="var(--tiny-second-color,  rgba(0,103,209,0.7))" fill-opacity="1.000000"/>
+	</g>
+</svg>
diff --git a/packages/vue-icon-multicolor/svgs/ferry-fares.svg b/packages/vue-icon-multicolor/svgs/ferry-fares.svg
new file mode 100644
index 000000000..0ef922875
--- /dev/null
+++ b/packages/vue-icon-multicolor/svgs/ferry-fares.svg
@@ -0,0 +1,12 @@
+<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+	<defs>
+		<clipPath id="clip377_46626">
+			<rect id="color-icon-ferry-fares" width="24.000000" height="24.000000" fill="white" fill-opacity="0"/>
+		</clipPath>
+	</defs>
+	<g clip-path="url(#clip377_46626)">
+		<path id="B3" d="M15.48 18.66C16.33 19.22 17.86 20.16 18.72 20.16C19.07 20.16 20.3 20.1 20.63 20C21.04 19.88 21.46 20.16 21.57 20.62C21.67 21.09 21.43 21.56 21.02 21.68C20.56 21.82 19.2 21.89 18.72 21.89C17.75 21.89 16.23 21.13 15.42 20.69C15.08 20.5 14.67 20.5 14.33 20.68C13.46 21.14 11.78 21.97 10.77 21.97C9.85 21.97 8.49 21.24 7.73 20.78C7.37 20.56 6.93 20.55 6.57 20.75C5.73 21.22 4.17 21.99 3.21 21.99C2.72 21.99 2.24 21.92 1.77 21.78C1.36 21.66 1.12 21.19 1.23 20.72C1.34 20.26 1.76 19.98 2.17 20.11C2.5 20.21 2.85 20.26 3.21 20.26C4.04 20.26 5.64 19.35 6.52 18.81C6.9 18.58 7.39 18.59 7.76 18.84C8.55 19.38 9.93 20.23 10.77 20.23C11.59 20.23 13.33 19.22 14.26 18.64C14.63 18.41 15.11 18.42 15.48 18.66Z" fill="var(--tiny-second-color,  rgba(0,103,209,0.7))"  fill-opacity="0.5" fill-rule="evenodd"/>
+		<path id="B2" d="M12.68 2L10 2C9.47 2 9.04 2.46 9.04 3.04L9.04 4.49L5.4 4.49C4.87 4.49 4.44 4.96 4.44 5.54L4.44 9.49L18.24 9.49L18.24 5.54C18.24 4.96 17.81 4.49 17.28 4.49L13.64 4.49L13.64 3.04C13.64 2.46 13.21 2 12.68 2Z" fill="var(--tiny-second-color,  rgba(0,103,209,0.7))" fill-opacity="1.000000" fill-rule="evenodd"/>
+		<path id="A1" d="M2.43 10.74L21.56 10.74C22.76 10.74 23.43 12.25 22.68 13.28L18.46 19.06C17.52 18.58 16.43 17.85 15.66 17.31C15.08 16.9 14.3 16.96 13.77 17.45C12.95 18.19 11.75 19.13 10.95 19.13C10.14 19.13 9.07 18.28 8.3 17.56C7.73 17.03 6.89 16.96 6.28 17.43C5.33 18.17 3.95 19.14 3.05 19.34L1.07 12.79C0.76 11.78 1.45 10.74 2.43 10.74ZM16.7 20.2L17 20.2C16.88 20.14 16.76 20.08 16.64 20.02C16.67 20.08 16.69 20.14 16.7 20.2Z" fill="var(--tiny-first-color,  rgba(0,103,209,1))" fill-opacity="1.000000" fill-rule="evenodd"/>
+	</g>
+</svg>
diff --git a/packages/vue-icon-multicolor/svgs/fuel-cost.svg b/packages/vue-icon-multicolor/svgs/fuel-cost.svg
new file mode 100644
index 000000000..70928b96f
--- /dev/null
+++ b/packages/vue-icon-multicolor/svgs/fuel-cost.svg
@@ -0,0 +1,12 @@
+<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+	<defs>
+		<clipPath id="clip377_46747">
+			<rect id="color-icon-fuel-cost" width="24.000000" height="24.000000" fill="white" fill-opacity="0"/>
+		</clipPath>
+	</defs>
+	<g clip-path="url(#clip377_46747)">
+		<path id="path5 (边框)" d="M21.5 5.4L18.36 2.22C18.32 2.19 18.29 2.16 18.25 2.13C18.2 2.1 18.15 2.07 18.1 2.05C18.06 2.03 18.02 2.02 17.97 2.01C17.92 2 17.87 2 17.82 2C17.77 2 17.72 2 17.67 2.01C17.63 2.02 17.58 2.03 17.54 2.05C17.49 2.07 17.44 2.1 17.4 2.13C17.36 2.16 17.32 2.19 17.28 2.22L17.21 2.31C17.17 2.37 17.13 2.44 17.11 2.52C17.08 2.61 17.06 2.7 17.05 2.8C17.05 2.88 17.06 2.96 17.07 3.03C17.1 3.1 17.15 3.24 17.18 3.3C17.21 3.34 17.25 3.39 17.28 3.42L19.26 5.42L18.67 5.42C18.61 5.42 18.56 5.43 18.51 5.44C18.44 5.45 18.38 5.48 18.32 5.51C18.29 5.53 18.26 5.55 18.24 5.57C18.18 5.61 18.13 5.66 18.09 5.72C18.06 5.76 18.03 5.8 18.01 5.84C17.98 5.88 17.96 5.93 17.95 5.98C17.92 6.05 17.9 6.12 17.9 6.19C17.89 6.22 17.89 6.25 17.89 6.29L17.9 6.4C17.92 6.5 17.95 6.59 17.99 6.66C18.04 6.75 18.1 6.83 18.18 6.89C18.25 6.96 18.33 7 18.41 7.03C18.49 7.06 18.58 7.08 18.67 7.08L20.43 7.09L20.43 14.45C20.43 14.51 20.43 14.56 20.42 14.61C20.41 14.67 20.39 14.73 20.37 14.78C20.33 14.87 20.25 15 20.18 15.06C20.11 15.12 19.97 15.23 19.89 15.26C19.85 15.28 19.82 15.29 19.78 15.3C19.7 15.33 19.61 15.34 19.52 15.34C19.43 15.34 19.34 15.33 19.25 15.3C19.22 15.29 19.18 15.28 19.15 15.26C19.07 15.23 19 15.18 18.93 15.13C18.86 15.06 18.73 14.92 18.69 14.84C18.67 14.78 18.63 14.67 18.62 14.61C18.61 14.56 18.6 14.51 18.6 14.45L18.6 10.1C18.6 9.96 18.59 9.82 18.56 9.68C18.53 9.54 18.49 9.4 18.43 9.26C18.39 9.17 18.35 9.08 18.3 9C18.21 8.85 18.11 8.71 17.99 8.59C17.91 8.51 17.83 8.44 17.75 8.38C17.62 8.29 17.48 8.21 17.33 8.15C17.23 8.1 17.13 8.07 17.03 8.04C16.87 8.01 16.71 7.99 16.55 7.99L15.28 7.99C15.22 7.99 15.17 7.99 15.12 8C15.07 8.01 15.03 8.03 14.98 8.05C14.93 8.07 14.89 8.09 14.84 8.12C14.81 8.15 14.77 8.18 14.74 8.21C14.7 8.26 14.66 8.3 14.63 8.35C14.6 8.39 14.58 8.43 14.56 8.48C14.54 8.53 14.52 8.59 14.51 8.64C14.5 8.7 14.5 8.76 14.5 8.82C14.5 8.87 14.5 8.93 14.51 8.99C14.52 9.04 14.54 9.1 14.56 9.15C14.58 9.2 14.6 9.24 14.63 9.28C14.66 9.33 14.7 9.37 14.74 9.42C14.77 9.45 14.81 9.48 14.84 9.51C14.89 9.54 14.93 9.56 14.98 9.58C15.03 9.6 15.07 9.62 15.12 9.63C15.17 9.64 15.22 9.64 15.28 9.64L16.55 9.64C16.64 9.64 16.72 9.66 16.79 9.7C16.83 9.73 16.87 9.76 16.91 9.79C16.97 9.85 17 9.91 17.02 9.98C17.03 10.02 17.04 10.06 17.04 10.1L17.04 14.45C17.04 14.63 17.06 14.79 17.09 14.96C17.12 15.13 17.17 15.29 17.24 15.46C17.29 15.57 17.34 15.67 17.4 15.77C17.5 15.95 17.63 16.12 17.78 16.27C17.87 16.36 17.97 16.44 18.07 16.51C18.22 16.63 18.39 16.72 18.57 16.8C18.69 16.85 18.81 16.89 18.93 16.92C19.12 16.97 19.32 17 19.52 17C19.72 17 19.91 16.97 20.1 16.92C20.23 16.89 20.35 16.85 20.47 16.8C20.65 16.72 20.82 16.63 20.97 16.51C21.07 16.44 21.17 16.36 21.26 16.27C21.4 16.12 21.53 15.95 21.64 15.77C21.7 15.67 21.75 15.57 21.79 15.46C21.86 15.29 21.91 15.13 21.95 14.96C21.98 14.79 22 14.63 22 14.45L22 6.59C21.99 6.51 21.98 6.42 21.97 6.34C21.95 6.21 21.91 6.08 21.86 5.95C21.79 5.77 21.7 5.62 21.59 5.49C21.56 5.46 21.53 5.43 21.5 5.4Z" fill="var(--tiny-second-color,  rgba(0,103,209,0.7))" fill-opacity="1.000000" fill-rule="evenodd"/>
+		<path id="合并" d="M6 2L13 2C14.6567 2 16 3.24944 16 4.7907L16 20L16.2104 20C16.6526 20 17 20.44 17 21C17 21.56 16.6526 22 16.2104 22L2.78955 22C2.34741 22 2 21.56 2 21C2 20.44 2.34741 20 2.78955 20L3 20L3 4.7907C3 3.24944 4.34326 2 6 2ZM6.5 4L12.5 4C13.0522 4 13.5 4.44772 13.5 5L13.5 8C13.5 8.55228 13.0522 9 12.5 9L6.5 9C5.94775 9 5.5 8.55228 5.5 8L5.5 5C5.5 4.44772 5.94775 4 6.5 4ZM10.3789 11.6986L10.1594 13.8806L11.9661 14.0925C12.04 14.1012 12.1077 14.1216 12.1694 14.1539C12.2449 14.1934 12.3113 14.2507 12.3682 14.3257C12.4717 14.4619 12.5142 14.6167 12.4958 14.79C12.4897 14.8477 12.4763 14.9034 12.4556 14.9571C12.4351 15.0109 12.4077 15.0607 12.374 15.1066L9.69214 18.7544C9.59082 18.8923 9.45776 18.9723 9.29346 18.9943C9.12915 19.0164 8.98145 18.974 8.85059 18.8673C8.76831 18.8003 8.70679 18.7165 8.66602 18.6158C8.625 18.5151 8.61011 18.4103 8.62109 18.3014L8.84058 16.1196L7.03418 15.9083C6.86938 15.889 6.73535 15.8113 6.63184 15.6751C6.52832 15.539 6.48584 15.3842 6.50415 15.2109C6.51025 15.1533 6.52368 15.0975 6.54419 15.0437C6.56494 14.99 6.59229 14.9401 6.62598 14.8942L9.30786 11.2456C9.40918 11.1077 9.54199 11.0277 9.7063 11.0057C9.87085 10.9836 10.0183 11.0259 10.1494 11.1326C10.2317 11.1996 10.2932 11.2835 10.334 11.3842C10.375 11.4849 10.3899 11.5897 10.3789 11.6986Z" clip-rule="evenodd" fill="var(--tiny-first-color,  rgba(0,103,209,1))" fill-opacity="1.000000" fill-rule="evenodd"/>
+		<path id="path9 (边框)" d="M10.15 13.88L10.37 11.69C10.38 11.58 10.37 11.48 10.33 11.38C10.29 11.28 10.23 11.19 10.14 11.13C10.01 11.02 9.87 10.98 9.7 11C9.54 11.02 9.4 11.1 9.3 11.24L6.62 14.89C6.59 14.94 6.56 14.99 6.54 15.04C6.52 15.09 6.51 15.15 6.5 15.21C6.48 15.38 6.52 15.53 6.63 15.67C6.73 15.81 6.86 15.88 7.03 15.9L8.84 16.11L8.62 18.3C8.61 18.41 8.62 18.51 8.66 18.61C8.7 18.71 8.76 18.8 8.85 18.86C8.98 18.97 9.12 19.01 9.29 18.99C9.45 18.97 9.59 18.89 9.69 18.75L12.37 15.1C12.4 15.06 12.43 15.01 12.45 14.95C12.47 14.9 12.48 14.84 12.49 14.79C12.51 14.61 12.47 14.46 12.36 14.32C12.26 14.18 12.13 14.11 11.96 14.09L10.15 13.88Z" fill="var(--tiny-second-color,  rgba(0,103,209,0.7))"  fill-opacity="0.5" fill-rule="evenodd"/>
+	</g>
+</svg>
diff --git a/packages/vue-icon-multicolor/svgs/gift-cost.svg b/packages/vue-icon-multicolor/svgs/gift-cost.svg
new file mode 100644
index 000000000..6744c353c
--- /dev/null
+++ b/packages/vue-icon-multicolor/svgs/gift-cost.svg
@@ -0,0 +1,12 @@
+<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+	<defs>
+		<clipPath id="clip377_46642">
+			<rect id="color-icon-gift-cost" width="24.000000" height="24.000000" fill="white" fill-opacity="0"/>
+		</clipPath>
+	</defs>
+	<g clip-path="url(#clip377_46642)">
+		<path id="path5 (边框)" d="M18.54 3.52C18.51 3.48 18.48 3.44 18.45 3.4C18.38 3.31 18.31 3.22 18.23 3.14C18 2.91 17.73 2.72 17.42 2.57C17.38 2.55 17.34 2.53 17.3 2.51C16.94 2.35 16.55 2.25 16.14 2.22C15.97 2.21 15.8 2.2 15.63 2.21C15.34 2.22 15.06 2.26 14.77 2.34C14.49 2.41 14.23 2.51 13.98 2.63C13.8 2.72 13.64 2.81 13.48 2.92C13.08 3.2 12.75 3.49 12.49 3.8C12.31 3.99 12.15 4.22 12 4.47C11.84 4.22 11.68 3.99 11.5 3.8C11.24 3.49 10.91 3.2 10.51 2.92C10.35 2.81 10.19 2.72 10.01 2.63C9.76 2.51 9.5 2.41 9.22 2.34C8.93 2.26 8.65 2.22 8.36 2.21C8.19 2.2 8.02 2.21 7.85 2.22C7.44 2.25 7.05 2.35 6.69 2.51C6.65 2.53 6.61 2.55 6.57 2.57C6.26 2.72 5.99 2.91 5.76 3.14C5.68 3.22 5.61 3.31 5.54 3.4C5.51 3.44 5.48 3.48 5.45 3.52C5.32 3.71 5.22 3.93 5.14 4.15C5.06 4.4 5 4.71 5 4.98C4.99 5.04 4.99 5.1 5 5.16C5 5.38 5.03 5.6 5.09 5.81C5.12 5.94 5.16 6.07 5.21 6.19C5.26 6.34 5.33 6.48 5.41 6.62C5.54 6.86 5.68 7.06 5.83 7.22C5.97 7.37 6.16 7.53 6.4 7.7C6.73 7.94 7.13 8.1 7.6 8.19C7.66 8.2 7.72 8.21 7.79 8.2C7.85 8.2 7.91 8.2 7.97 8.19C8.03 8.17 8.08 8.16 8.14 8.14C8.19 8.11 8.25 8.08 8.3 8.05C8.35 8.02 8.4 7.98 8.44 7.94C8.48 7.9 8.52 7.86 8.55 7.81C8.58 7.76 8.61 7.71 8.64 7.66C8.66 7.6 8.68 7.54 8.69 7.48C8.7 7.42 8.71 7.36 8.71 7.3C8.71 7.24 8.7 7.19 8.69 7.13C8.68 7.07 8.66 7.02 8.64 6.97C8.61 6.91 8.58 6.86 8.55 6.82C8.52 6.77 8.48 6.72 8.43 6.68C8.39 6.64 8.35 6.61 8.3 6.57C8.25 6.54 8.19 6.51 8.14 6.49C8.08 6.47 8.02 6.45 7.95 6.44C7.77 6.4 7.63 6.35 7.52 6.27C7.38 6.17 7.28 6.09 7.23 6.03C7.17 5.97 7.12 5.89 7.05 5.77C6.96 5.62 6.9 5.45 6.88 5.28C6.86 5.2 6.86 5.12 6.86 5.03C6.87 4.8 6.93 4.61 7.04 4.45C7.14 4.33 7.27 4.23 7.43 4.15C7.61 4.06 7.81 4.01 8.03 4C8.09 3.99 8.15 3.99 8.21 3.99C8.39 3.99 8.57 4.01 8.74 4.06C8.91 4.1 9.06 4.16 9.21 4.24C9.28 4.28 9.35 4.32 9.41 4.37C9.69 4.56 9.91 4.75 10.07 4.94C10.25 5.15 10.42 5.41 10.59 5.75C10.74 6.04 10.92 6.42 11.15 6.9C11.19 6.98 11.24 7.06 11.31 7.13C11.36 7.19 11.43 7.25 11.51 7.29C11.58 7.34 11.66 7.37 11.74 7.39C11.83 7.41 11.91 7.43 12.01 7.42C12.1 7.42 12.19 7.41 12.27 7.39C12.35 7.36 12.43 7.33 12.5 7.28C12.58 7.24 12.64 7.18 12.7 7.12C12.77 7.05 12.82 6.97 12.86 6.88C13.01 6.53 13.19 6.16 13.4 5.75C13.57 5.41 13.74 5.15 13.92 4.94C14.08 4.75 14.3 4.56 14.58 4.37C14.64 4.32 14.71 4.28 14.78 4.24C14.93 4.16 15.08 4.1 15.25 4.06C15.42 4.01 15.6 3.99 15.78 3.99C15.84 3.99 15.9 3.99 15.96 4C16.18 4.01 16.38 4.06 16.56 4.15C16.72 4.23 16.85 4.33 16.94 4.45C17.06 4.6 17.12 4.8 17.13 5.03C17.13 5.12 17.13 5.2 17.11 5.28C17.09 5.45 17.03 5.62 16.94 5.77C16.87 5.89 16.82 5.97 16.76 6.03C16.71 6.09 16.61 6.17 16.47 6.27C16.36 6.35 16.22 6.4 16.04 6.44C15.97 6.45 15.91 6.47 15.85 6.49C15.8 6.51 15.74 6.54 15.69 6.57C15.64 6.61 15.6 6.64 15.56 6.68C15.51 6.72 15.47 6.77 15.44 6.82C15.41 6.86 15.38 6.91 15.35 6.97C15.33 7.02 15.31 7.07 15.3 7.13C15.29 7.19 15.28 7.24 15.28 7.3C15.28 7.36 15.29 7.42 15.3 7.48C15.31 7.54 15.33 7.6 15.35 7.66C15.38 7.71 15.41 7.76 15.44 7.81C15.47 7.86 15.51 7.9 15.55 7.94C15.59 7.98 15.64 8.02 15.69 8.05C15.74 8.08 15.8 8.11 15.85 8.14C15.91 8.16 15.96 8.17 16.02 8.19C16.08 8.2 16.14 8.2 16.2 8.2C16.27 8.21 16.33 8.2 16.39 8.19C16.86 8.1 17.26 7.94 17.59 7.7C17.83 7.53 18.02 7.37 18.16 7.22C18.31 7.06 18.45 6.86 18.58 6.62C18.66 6.48 18.73 6.34 18.78 6.19C18.83 6.07 18.87 5.94 18.9 5.81C18.96 5.6 18.99 5.38 18.99 5.16C19 5.1 19 5.04 18.99 4.98C18.99 4.71 18.94 4.45 18.87 4.21C18.79 3.98 18.67 3.71 18.54 3.52Z" fill="var(--tiny-second-color,  rgba(0,103,209,0.7))"  fill-opacity="0.5" fill-rule="evenodd"/>
+		<path id="减去顶层" d="M11.1667 15.9601L3.66675 15.9601L3.66675 19.8984C3.66675 20.0408 3.68262 20.1799 3.7146 20.3157C3.7395 20.422 3.77441 20.5263 3.81885 20.6285C3.86499 20.7345 3.91992 20.8348 3.98413 20.9296C4.05005 21.0219 4.15259 21.1487 4.23633 21.23C4.34033 21.3312 4.45361 21.4193 4.57568 21.4945C4.66699 21.5505 4.76294 21.5993 4.86426 21.6409C4.98511 21.6906 5.10889 21.7281 5.23535 21.7535C5.36768 21.7801 5.50293 21.7934 5.64136 21.7934L11.1667 21.7934L11.1667 15.9601ZM12.8335 21.7934L18.3589 21.7934C18.4971 21.7934 18.6323 21.7802 18.7646 21.7536C18.8914 21.7281 19.0149 21.6906 19.136 21.6409C19.2371 21.5993 19.3333 21.5505 19.4243 21.4945C19.5466 21.4193 19.6597 21.3312 19.7639 21.23C19.8474 21.1487 19.9224 21.062 19.9883 20.9695C20.0645 20.8632 20.1287 20.7496 20.1814 20.6286C20.2258 20.5263 20.2605 20.422 20.2856 20.3157C20.3176 20.1799 20.3335 20.0408 20.3335 19.8984L20.3335 15.9601L13.1016 15.9601L12.8335 15.9601L12.8335 21.7934Z" clip-rule="evenodd" fill="var(--tiny-second-color,  rgba(0,103,209,0.7))" fill-opacity="1.000000" fill-rule="evenodd"/>
+		<path id="减去顶层" d="M11.1667 7.21002L4.05566 7.21002C3.91187 7.21002 3.74829 7.22778 3.6106 7.25439C3.58691 7.25922 3.56348 7.2644 3.54028 7.26996C3.44067 7.29376 3.34277 7.32465 3.24683 7.36261C3.14136 7.40424 2.9978 7.47943 2.90308 7.53546C2.86182 7.56122 2.82153 7.58844 2.78223 7.617L2.78223 7.617L2.78223 7.61707C2.71631 7.66522 2.65332 7.71741 2.59302 7.77362C2.50586 7.85486 2.39893 7.98187 2.33032 8.07422C2.3064 8.10815 2.28369 8.14282 2.26221 8.17822L2.26221 8.17822C2.22363 8.24158 2.18921 8.30725 2.1582 8.37524C2.11206 8.47754 2.0708 8.60315 2.04468 8.70953C2.01489 8.83862 2 8.97064 2 9.10565L2 12.8144C2 12.9568 2.0166 13.0959 2.0498 13.2318C2.07568 13.3381 2.11206 13.4425 2.1582 13.5448C2.21313 13.6659 2.28003 13.7796 2.35938 13.886C2.42798 13.9783 2.50586 14.0652 2.59302 14.1464C2.70142 14.2476 2.81909 14.3358 2.94653 14.411C3.04126 14.467 3.14136 14.5158 3.24683 14.5574C3.37256 14.6072 3.50146 14.6447 3.6333 14.6702C3.77075 14.6967 3.91162 14.71 4.05566 14.71L11.1667 14.71L11.1667 7.21002L11.1667 7.21002ZM12.8333 14.71L19.9443 14.71C20.0884 14.71 20.2292 14.6967 20.3667 14.6702C20.4985 14.6447 20.6274 14.6072 20.7532 14.5574C20.8586 14.5158 20.9587 14.467 21.0535 14.411C21.1809 14.3358 21.2986 14.2476 21.407 14.1464C21.4939 14.0652 21.572 13.9784 21.6406 13.886C21.7197 13.7797 21.7869 13.6659 21.8416 13.5448C21.8879 13.4425 21.9243 13.3381 21.9502 13.2318C21.9834 13.0959 22 12.9568 22 12.8144L22 9.10565C22 8.97064 21.98 8.81732 21.9502 8.68823C21.9243 8.58191 21.8879 8.47754 21.8416 8.37524C21.7869 8.25415 21.7197 8.14038 21.6406 8.034C21.572 7.94165 21.4939 7.85486 21.407 7.77362C21.2986 7.67242 21.1809 7.58423 21.0535 7.50903C20.9587 7.45306 20.8586 7.40424 20.7532 7.36261C20.6274 7.31287 20.4985 7.27533 20.3667 7.24988C20.2292 7.22333 20.0884 7.21002 19.9443 7.21002L12.8333 7.21002L12.8333 14.71Z" clip-rule="evenodd" fill="var(--tiny-first-color,  rgba(0,103,209,1))" fill-opacity="1.000000" fill-rule="evenodd"/>
+	</g>
+</svg>
diff --git a/packages/vue-icon-multicolor/svgs/housing-subsidy.svg b/packages/vue-icon-multicolor/svgs/housing-subsidy.svg
new file mode 100644
index 000000000..84becf321
--- /dev/null
+++ b/packages/vue-icon-multicolor/svgs/housing-subsidy.svg
@@ -0,0 +1,11 @@
+<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+	<defs>
+		<clipPath id="clip379_46346">
+			<rect id="color-icon-housing-subsidy" width="24.000000" height="24.000000" fill="white" fill-opacity="0"/>
+		</clipPath>
+	</defs>
+	<g clip-path="url(#clip379_46346)">
+		<path id="减去顶层" d="M1 9.31009C1 9.96725 1.65674 10.5 2.46655 10.5L3.5 10.5L3.5 19.9C3.5 21.3359 4.51465 22.5 5.7666 22.5L18.2334 22.5C19.4854 22.5 20.5 21.3359 20.5 19.9L20.5 10.5L21.5332 10.5C21.9568 10.5 22.3599 10.3514 22.6384 10.0925C23.1709 9.59738 23.1079 8.8457 22.4978 8.4136L13.2859 1.8912C12.5491 1.3696 11.4509 1.3696 10.7141 1.8912L1.5022 8.4136C1.18311 8.63956 1 8.96643 1 9.31009ZM13.8691 8.37839C14.0742 8.0043 14.5081 7.88739 14.8403 8.11908C15.1716 8.34973 15.2747 8.84177 15.0703 9.21588L13.1191 11.7198L15.2939 11.7198C15.6836 11.7198 16 12.0769 16 12.5169C16 12.9569 15.6836 13.314 15.2939 13.314L12.7061 13.314L12.7058 14.8322L15.2942 14.8322C15.6838 14.8322 16 15.1866 16 15.6266C16 16.0667 15.6838 16.4211 15.2942 16.4211L12.7058 16.4211L12.7058 18.2029C12.7058 18.6429 12.3896 19 12 19C11.6104 19 11.2942 18.6429 11.2942 18.2029L11.2942 16.4211L8.70581 16.4211C8.31616 16.4211 8 16.0667 8 15.6266C8 15.1866 8.31616 14.8322 8.70581 14.8322L11.2942 14.8322L11.2939 13.314L8.70605 13.314C8.31641 13.314 8 12.9569 8 12.5169C8 12.0769 8.31641 11.7198 8.70605 11.7198L10.8809 11.7198L8.92969 9.21588C8.72534 8.84177 8.82837 8.34973 9.15967 8.11908C9.49097 7.88739 9.92651 8.0043 10.1309 8.37839L12 10.7346L13.8691 8.37839Z" clip-rule="evenodd" fill="var(--tiny-first-color,  rgba(0,103,209,1))" fill-opacity="1.000000" fill-rule="evenodd"/>
+		<path id="形状结合-path" d="M14.84 8.11C14.5 7.88 14.07 8 13.86 8.37L12 10.73L10.13 8.37C9.92 8 9.49 7.88 9.15 8.11C8.82 8.34 8.72 8.84 8.92 9.21L10.88 11.71L8.7 11.71C8.31 11.71 8 12.07 8 12.51C8 12.95 8.31 13.31 8.7 13.31L11.29 13.31L11.29 14.83L8.7 14.83C8.31 14.83 8 15.18 8 15.62C8 16.06 8.31 16.42 8.7 16.42L11.29 16.42L11.29 18.2C11.29 18.64 11.61 19 12 19C12.38 19 12.7 18.64 12.7 18.2L12.7 16.42L15.29 16.42C15.68 16.42 16 16.06 16 15.62C16 15.18 15.68 14.83 15.29 14.83L12.7 14.83L12.7 13.31L15.29 13.31C15.68 13.31 16 12.95 16 12.51C16 12.07 15.68 11.71 15.29 11.71L13.11 11.71L15.07 9.21C15.27 8.84 15.17 8.34 14.84 8.11Z" fill="var(--tiny-second-color,  rgba(0,103,209,0.7))"  fill-opacity="0.5" fill-rule="evenodd"/>
+	</g>
+</svg>
diff --git a/packages/vue-icon-multicolor/svgs/incidental-expenses.svg b/packages/vue-icon-multicolor/svgs/incidental-expenses.svg
new file mode 100644
index 000000000..2a4075a13
--- /dev/null
+++ b/packages/vue-icon-multicolor/svgs/incidental-expenses.svg
@@ -0,0 +1,13 @@
+<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+	<defs>
+		<clipPath id="clip377_46737">
+			<rect id="color-icon-incidental-expenses" width="24.000000" height="24.000000" fill="white" fill-opacity="0"/>
+		</clipPath>
+	</defs>
+	<g clip-path="url(#clip377_46737)">
+		<path id="减去顶层" d="M7.62134 22.2196C7.65332 22.3145 7.6897 22.408 7.73022 22.5L5.52783 22.5C5.26831 22.5 5.01465 22.4728 4.76709 22.4185C4.55811 22.3726 4.35327 22.3074 4.15259 22.2227C3.95166 22.1379 3.76147 22.0364 3.58228 21.9184C3.38501 21.7883 3.20093 21.6382 3.03027 21.4678C2.85938 21.2975 2.70898 21.1139 2.57861 20.9169C2.46021 20.7382 2.35864 20.5485 2.27344 20.3479C2.18872 20.1478 2.12329 19.9435 2.07739 19.7349C2.02295 19.4879 1.99561 19.2349 1.99561 18.976L1.99561 5.02403C1.99561 4.76508 2.02295 4.5121 2.07739 4.26509C2.12329 4.05649 2.18872 3.85216 2.27344 3.65208C2.3584 3.45146 2.46021 3.26178 2.57861 3.08307C2.70898 2.88614 2.85962 2.7025 3.03027 2.53217C3.20093 2.36183 3.38477 2.21164 3.58228 2.08157C3.76147 1.96355 3.95142 1.86211 4.15259 1.77725C4.35303 1.69263 4.55811 1.62738 4.76709 1.5815C5.01465 1.52718 5.26831 1.5 5.52783 1.5L13.5986 1.5L13.5986 4.92157C13.5986 5.15665 13.6245 5.38582 13.676 5.60909C13.7153 5.77965 13.7695 5.94675 13.8389 6.11041C13.9104 6.27904 13.9956 6.4388 14.0942 6.58968C14.2095 6.76575 14.3433 6.92973 14.4956 7.08165C14.6477 7.23355 14.812 7.36694 14.9885 7.48186C15.1399 7.58037 15.3 7.6653 15.469 7.73663C15.6331 7.80585 15.8005 7.86008 15.9714 7.89932C16.1953 7.9507 16.425 7.97638 16.6606 7.97638L21.0864 7.97638L21.0864 10.8458C20.9968 10.7696 20.9043 10.6978 20.8083 10.6305C20.7346 10.5788 20.6589 10.5296 20.5815 10.4832C20.4949 10.4314 20.4065 10.3831 20.3162 10.3386L20.3159 10.3384C20.1243 10.2439 19.9248 10.1658 19.7168 10.1042L19.7156 10.1039C18.5776 9.76617 17.4329 9.5701 16.2815 9.51562L16.2786 9.51549C16.1155 9.5078 15.9524 9.50296 15.7888 9.50095L15.6663 9.50006L15.6096 9.50008C14.9399 9.50603 14.2622 9.55898 13.5769 9.65892C12.8694 9.76212 12.1907 9.91002 11.5408 10.1026C11.3276 10.1654 11.1233 10.2454 10.9272 10.3427L10.926 10.3433C10.8403 10.3859 10.7563 10.4318 10.6738 10.481C10.6055 10.5218 10.5388 10.5647 10.4731 10.6097L10.4705 10.6116L10.47 10.6119C10.2581 10.7579 10.0613 10.9257 9.87939 11.1155C9.66479 11.3395 9.47485 11.5945 9.30908 11.8807C9.2478 11.9892 9.19189 12.1002 9.1416 12.2137L9.14136 12.2138L9.14136 12.2138L9.14136 12.2139L9.14136 12.2139C9.06079 12.3956 8.99438 12.5836 8.94214 12.7778L8.36816 14.893C8.27295 14.9905 8.18286 15.0933 8.09766 15.2015C7.95776 15.3789 7.8291 15.5769 7.71167 15.7954C7.68677 15.8424 7.66309 15.8898 7.64038 15.9378L7.64014 15.9379L7.64014 15.9379L7.64014 15.938C7.56738 16.0912 7.50464 16.2492 7.4519 16.412C7.39917 16.5747 7.35767 16.7395 7.3269 16.9062L7.32666 16.9063C7.31836 16.9523 7.31055 16.9985 7.30396 17.0448C7.29492 17.1047 7.2876 17.1647 7.28149 17.2249L7.28149 17.2253C7.26196 17.4215 7.25708 17.6191 7.26733 17.8182L7.44849 21.3143C7.46045 21.5383 7.49341 21.7565 7.54736 21.9688C7.56885 22.0534 7.59326 22.1369 7.62109 22.2193L7.62134 22.2196ZM21.0864 18.976C21.0864 19.2349 21.0593 19.4879 21.0049 19.7349C20.9587 19.9435 20.8936 20.1478 20.8086 20.3479C20.7236 20.5486 20.6218 20.7383 20.5034 20.917C20.3733 21.1139 20.2227 21.2975 20.052 21.4678C19.8813 21.6381 19.6973 21.7883 19.4998 21.9184C19.3208 22.0364 19.1306 22.1379 18.9294 22.2227C18.7849 22.2837 18.6382 22.3346 18.4893 22.3755C18.3669 22.2993 18.2703 22.1972 18.1995 22.0692L17.9304 21.5823L13.321 21.5823L13.052 22.0692C12.9785 22.2023 12.877 22.3074 12.7476 22.3844C12.6816 22.4237 12.613 22.453 12.5415 22.4722C12.4731 22.4907 12.4023 22.5 12.3289 22.5L10.7812 22.5C10.6924 22.5 10.6055 22.4914 10.5203 22.4741C10.4397 22.4574 10.355 22.4319 10.2776 22.3997C10.2014 22.3682 10.1294 22.3302 10.061 22.2858C9.98999 22.2394 9.9231 22.1861 9.86084 22.1258C9.79858 22.0654 9.74268 22.0003 9.6936 21.9303C9.64648 21.8633 9.60547 21.7919 9.57056 21.716C9.53491 21.6388 9.50684 21.5596 9.48633 21.4784C9.46411 21.3908 9.45068 21.3009 9.4458 21.2086L9.26465 17.7148C9.25806 17.5868 9.26416 17.4607 9.28247 17.3365C9.29785 17.2324 9.32178 17.1296 9.35474 17.0282C9.38843 16.9235 9.43066 16.8234 9.48096 16.7278C9.53247 16.6321 9.60059 16.5256 9.6687 16.4391C9.74048 16.3479 9.81934 16.2649 9.90479 16.19C9.97681 16.127 10.0535 16.0697 10.135 16.0183L10.8723 13.3016C10.9141 13.1461 10.9734 13.0008 11.0498 12.8657C11.123 12.7394 11.22 12.6073 11.3237 12.499C11.438 12.3796 11.5635 12.2793 11.6997 12.1979C11.8257 12.1227 11.9612 12.0637 12.106 12.0211C13.2432 11.6841 14.4875 11.5101 15.6274 11.5C15.6763 11.5 15.7249 11.5003 15.7737 11.5009C16.9001 11.5147 18.0251 11.6883 19.1479 12.0216C19.2927 12.0645 19.4282 12.1237 19.5544 12.1992C19.6899 12.2805 19.8145 12.3806 19.9285 12.4995C20.0339 12.6095 20.1233 12.729 20.1973 12.8579C20.2761 12.9955 20.3369 13.1438 20.3796 13.3028L21.0864 15.9078L21.0864 18.976ZM12.8362 13.6469L12.0105 16.0834L19.2832 16.0834L18.4573 13.6467C17.519 13.4378 16.5828 13.3334 15.6484 13.3334C14.7139 13.3334 13.7764 13.4379 12.8362 13.6469ZM11.8342 17.9166L13.9705 17.9166C14.3848 17.9166 14.7205 18.2524 14.7205 18.6666C14.7205 19.0808 14.3848 19.4166 13.9705 19.4166L11.8342 19.4166C11.4199 19.4166 11.0842 19.0808 11.0842 18.6666C11.0842 18.2524 11.4199 17.9166 11.8342 17.9166ZM19.425 17.9166L17.2888 17.9166C16.8745 17.9166 16.5388 18.2524 16.5388 18.6666C16.5388 19.0808 16.8745 19.4166 17.2888 19.4166L19.425 19.4166C19.8394 19.4166 20.175 19.0808 20.175 18.6666C20.175 18.2524 19.8394 17.9166 19.425 17.9166Z" clip-rule="evenodd" fill="var(--tiny-second-color,  rgba(0,103,209,0.7))" fill-opacity="1.000000" fill-rule="evenodd"/>
+		<path id="减去顶层" d="M15.7837 11.5009C16.9102 11.5147 18.0352 11.6883 19.158 12.0215C19.3027 12.0645 19.4382 12.1237 19.5645 12.1993C19.7 12.2805 19.8247 12.3806 19.9385 12.4995C20.0369 12.6021 20.1213 12.7129 20.1921 12.8318C20.1926 12.8328 20.1931 12.8337 20.1938 12.8347L20.1943 12.8355C20.1987 12.843 20.2031 12.8504 20.2073 12.8579C20.2861 12.9955 20.3469 13.1438 20.3896 13.3028L21.1267 16.0183C21.1982 16.0636 21.2661 16.1132 21.3303 16.1673L21.3306 16.1674C21.3394 16.1748 21.3481 16.1824 21.3567 16.19C21.4424 16.2649 21.521 16.348 21.593 16.4391C21.6648 16.5303 21.7273 16.6265 21.7808 16.7278C21.8311 16.8234 21.873 16.9236 21.907 17.0282C21.9412 17.1337 21.9658 17.2406 21.981 17.3488C21.9978 17.4688 22.0032 17.5905 21.9968 17.7139L21.8159 21.2087C21.811 21.3009 21.7976 21.3908 21.7754 21.4784C21.7546 21.5596 21.7266 21.6388 21.6912 21.7161C21.6562 21.7919 21.6152 21.8633 21.5681 21.9303C21.519 22.0003 21.4631 22.0655 21.4009 22.1258C21.3384 22.1862 21.2715 22.2395 21.2004 22.2859C21.1323 22.3303 21.0603 22.3682 20.9841 22.3998C20.9065 22.4319 20.8274 22.4563 20.7468 22.473C20.6599 22.491 20.571 22.5 20.4805 22.5L18.9329 22.5C18.783 22.5 18.6433 22.4615 18.5139 22.3844C18.4541 22.3487 18.4001 22.307 18.3523 22.2593L18.3518 22.259L18.3518 22.2589C18.2964 22.2037 18.249 22.1405 18.2097 22.0693L17.9404 21.5824L13.3311 21.5824L13.062 22.0693C12.9885 22.2023 12.887 22.3074 12.7576 22.3844C12.6907 22.4243 12.6211 22.4538 12.5488 22.4731L12.5486 22.4731L12.5486 22.4731L12.5486 22.4732C12.481 22.4911 12.4111 22.5 12.3389 22.5L10.7913 22.5C10.7043 22.5 10.6189 22.4917 10.5352 22.4751L10.5349 22.4751L10.5344 22.4749C10.5312 22.4743 10.5281 22.4737 10.5249 22.473C10.4441 22.4563 10.3652 22.4319 10.2876 22.3998C10.2114 22.3682 10.1394 22.3302 10.0713 22.2859C10 22.2395 9.93335 22.1862 9.87085 22.1258C9.80859 22.0655 9.75269 22.0004 9.70361 21.9304C9.65649 21.8634 9.61548 21.7919 9.58057 21.7161C9.54492 21.6389 9.51685 21.5597 9.49634 21.4785C9.47412 21.3909 9.46069 21.3009 9.45581 21.2087L9.27466 17.7148C9.26831 17.5868 9.27417 17.4607 9.29248 17.3365C9.30786 17.2324 9.33203 17.1297 9.36475 17.0282C9.39868 16.9236 9.44067 16.8234 9.49097 16.7278C9.54443 16.6265 9.60693 16.5303 9.67871 16.4391C9.75073 16.348 9.82935 16.2649 9.91479 16.19C9.98682 16.127 10.0635 16.0698 10.145 16.0183L10.8823 13.3016C10.9241 13.1461 10.9834 13.0008 11.0598 12.8657C11.0649 12.857 11.0698 12.8483 11.075 12.8397L11.075 12.8397C11.1467 12.7176 11.2332 12.604 11.3337 12.499C11.4482 12.3796 11.5735 12.2792 11.7097 12.1979C11.8359 12.1227 11.9712 12.0637 12.116 12.0211C13.2532 11.6841 14.4976 11.5101 15.6375 11.5C15.6863 11.5 15.7349 11.5003 15.7837 11.5009ZM12.8259 13.6469L12.0002 16.0834L19.2729 16.0834L18.447 13.6467C17.5088 13.4378 16.5728 13.3334 15.6384 13.3334C14.7036 13.3334 13.7661 13.4379 12.8259 13.6469ZM11.8401 17.9166L13.9766 17.9166C14.3909 17.9166 14.7266 18.2524 14.7266 18.6666C14.7266 19.0808 14.3909 19.4166 13.9766 19.4166L11.8401 19.4166C11.426 19.4166 11.0901 19.0808 11.0901 18.6666C11.0901 18.2524 11.426 17.9166 11.8401 17.9166ZM19.4314 17.9166L17.2949 17.9166C16.8809 17.9166 16.5449 18.2524 16.5449 18.6666C16.5449 19.0808 16.8809 19.4166 17.2949 19.4166L19.4314 19.4166C19.8455 19.4166 20.1814 19.0808 20.1814 18.6666C20.1814 18.2524 19.8455 17.9166 19.4314 17.9166Z" clip-rule="evenodd" fill="var(--tiny-first-color,  rgba(0,103,209,1))" fill-opacity="1.000000" fill-rule="evenodd"/>
+		<path id="path7" d="M15 1.5L20 6.5L16.66 6.5C15.74 6.5 15 5.75 15 4.83L15 1.5Z" fill="var(--tiny-second-color,  rgba(0,103,209,0.7))"  fill-opacity="0.5" fill-opacity="1.000000" fill-rule="evenodd"/>
+		<path id="path10 (边框)" d="M12 16.08L12.82 13.64C13.76 13.43 14.7 13.33 15.63 13.33C16.57 13.33 17.5 13.43 18.44 13.64L19.27 16.08L12 16.08Z" fill="var(--tiny-second-color,  rgba(0,103,209,0.7))"  fill-opacity="0.5" fill-opacity="1.000000" fill-rule="evenodd"/>
+	</g>
+</svg>
diff --git a/packages/vue-icon-multicolor/svgs/landline-phone.svg b/packages/vue-icon-multicolor/svgs/landline-phone.svg
new file mode 100644
index 000000000..e805b512b
--- /dev/null
+++ b/packages/vue-icon-multicolor/svgs/landline-phone.svg
@@ -0,0 +1,11 @@
+<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+	<defs>
+		<clipPath id="clip446_150250">
+			<rect id="color-icon-landline-phone" width="24.000000" height="24.000000" fill="white" fill-opacity="0"/>
+		</clipPath>
+	</defs>
+	<g clip-path="url(#clip446_150250)">
+		<path id="减去顶层" d="M2.0625 4.29636L2.0625 4.29675L2.0625 4.29675C2.021 4.49286 2 4.69339 2 4.89835C2 4.98853 2.00415 5.07684 2.0127 5.16245C2.18066 7.09995 2.50635 8.72507 2.98975 10.0378C3.55469 12.0743 4.43457 13.868 5.62964 15.419C6.01074 15.9136 6.42383 16.3836 6.86914 16.8289C8.69922 18.6588 11.05 20.0476 13.9219 20.9953C15.2417 21.4869 16.8804 21.8176 18.8376 21.9873C18.9233 21.9958 19.0112 22 19.1016 22C19.3066 21.9999 19.5073 21.9791 19.7036 21.9374C19.8828 21.8994 20.0586 21.844 20.2305 21.7713C20.3992 21.6999 20.5583 21.6142 20.708 21.5144C20.8662 21.409 21.0139 21.2878 21.1509 21.1507C21.2878 21.0138 21.4087 20.8665 21.5142 20.7086C21.614 20.5586 21.6997 20.3991 21.7712 20.2301C21.8386 20.071 21.8911 19.9086 21.9287 19.7428C21.9761 19.5334 22 19.3187 22 19.0986L21.9963 16.7195C21.9961 16.5384 21.9792 16.3605 21.946 16.1856C21.9153 16.0235 21.8706 15.8641 21.8115 15.7073C21.7534 15.5523 21.6831 15.4044 21.6008 15.2635C21.5149 15.1169 21.4163 14.978 21.3042 14.8467C21.1924 14.7152 21.0706 14.5955 20.9392 14.4875C20.8135 14.384 20.6787 14.2912 20.5349 14.2092C20.387 14.1248 20.2339 14.0543 20.0757 13.9977C19.9111 13.9388 19.7407 13.895 19.5652 13.8664C18.9866 13.7721 18.531 13.6851 18.1982 13.6056C17.6865 13.4833 16.9006 13.2445 15.8411 12.8893C15.3318 12.7185 14.8523 12.6648 14.4028 12.7282C14.2039 12.7563 14.0139 12.8066 13.833 12.8791C13.7742 12.9027 13.7161 12.9286 13.6589 12.9569C13.5647 13.0037 13.4744 13.0562 13.3879 13.1145C13.2949 13.1772 13.2065 13.2466 13.1223 13.3228C12.9343 13.2001 12.7466 13.0653 12.5588 12.9183C11.9963 12.4774 11.5208 11.9981 11.1326 11.4802C10.9719 11.266 10.8318 11.052 10.7122 10.838C10.7747 10.7659 10.8325 10.6905 10.8855 10.612C10.9438 10.5255 10.9963 10.4352 11.043 10.341C11.0713 10.2839 11.0974 10.226 11.1208 10.167C11.1934 9.98599 11.2437 9.79608 11.2717 9.59729C11.3352 9.14777 11.2815 8.6683 11.1108 8.15887C10.7556 7.0993 10.5168 6.31357 10.3943 5.80173C10.3149 5.46915 10.228 5.01367 10.1338 4.43539C10.1045 4.25665 10.0598 4.08359 9.99927 3.91617C9.94336 3.76096 9.87378 3.61057 9.79077 3.46509C9.70874 3.32141 9.61597 3.18658 9.51245 3.06064C9.40454 2.92935 9.28467 2.80771 9.15332 2.69571C9.02197 2.58386 8.88306 2.48505 8.73657 2.39935C8.5957 2.31699 8.44775 2.24661 8.29272 2.18839C8.14185 2.13168 7.98828 2.08804 7.83228 2.05743C7.65137 2.02197 7.46704 2.00403 7.2793 2.0036L4.89819 2C4.69312 2.00009 4.49268 2.02094 4.29663 2.06256L4.29639 2.06259L4.2959 2.06274C4.1167 2.10077 3.94141 2.1561 3.76978 2.22873C3.60083 2.30023 3.44141 2.38599 3.2915 2.48596C3.13354 2.59122 2.98608 2.71225 2.84937 2.84906C2.71216 2.98608 2.59106 3.1337 2.4856 3.29184C2.38574 3.44165 2.30005 3.60092 2.22876 3.76965C2.15601 3.9415 2.10059 4.11707 2.0625 4.2963L2.0625 4.29636ZM3.53687 4.75815C3.51221 4.86993 3.5 4.98441 3.5 5.10156C3.5 5.15143 3.50244 5.19907 3.50708 5.2442C3.66284 7.04593 3.96167 8.53806 4.40381 9.72058C4.92358 11.6172 5.74438 13.2764 6.86597 14.6982C7.17871 15.0947 7.51489 15.4727 7.87451 15.8323C9.52075 17.4785 11.6523 18.7319 14.2698 19.5925C15.4539 20.0367 16.9492 20.3368 18.7559 20.4929C18.801 20.4977 18.8486 20.5 18.8984 20.5C19.1155 20.4999 19.3232 20.4579 19.522 20.3738C19.7136 20.2927 19.8831 20.1783 20.0308 20.0307C20.1785 19.8831 20.2927 19.7134 20.3738 19.5218C20.4578 19.3232 20.5 19.1151 20.5 18.8976L20.4966 16.5874C20.4961 16.3945 20.4622 16.2082 20.3945 16.0284C20.3289 15.8537 20.2356 15.6953 20.1143 15.5529C19.9929 15.4106 19.8513 15.2932 19.6892 15.2008C19.5225 15.1056 19.3438 15.0425 19.1536 15.0116C18.5623 14.9151 18.0908 14.8249 17.7388 14.7408C17.2065 14.6135 16.4089 14.3717 15.3455 14.0152C15.0317 13.91 14.7512 13.8749 14.5039 13.9098C14.2561 13.9448 14.0461 14.0464 13.8738 14.2149C13.7427 14.3429 13.6375 14.5078 13.5579 14.7098C13.5391 14.7576 13.521 14.8099 13.5037 14.8667C13.4348 14.8432 13.355 14.811 13.2642 14.7703C13.0588 14.6781 12.8354 14.5574 12.594 14.4081C12.3257 14.2422 12.0588 14.0555 11.7939 13.8478C11.1633 13.3536 10.6272 12.8122 10.1858 12.2234C9.75171 11.6445 9.43921 11.056 9.24854 10.4578C9.45044 10.3784 9.65723 10.2574 9.78516 10.1263C9.85352 10.0564 9.91064 9.98029 9.95703 9.89801C10.0251 9.77737 10.0693 9.64343 10.0901 9.49619C10.125 9.24881 10.0901 8.96826 9.98486 8.6546C9.62842 7.59119 9.38647 6.79333 9.25928 6.26114C9.17505 5.9093 9.08496 5.43777 8.98853 4.84656C8.95752 4.65616 8.89429 4.47757 8.79932 4.31073C8.70679 4.14868 8.58936 4.00705 8.44702 3.88577C8.37329 3.823 8.29541 3.7677 8.21313 3.71985C8.13647 3.67523 8.05591 3.63712 7.97168 3.60547C7.88916 3.57446 7.80518 3.55054 7.71997 3.53369C7.61938 3.51379 7.51685 3.50375 7.41235 3.50351L5.10156 3.5C4.98438 3.50006 4.87012 3.51233 4.7583 3.53683C4.66309 3.55774 4.56958 3.58752 4.47827 3.62619C4.38672 3.66492 4.30029 3.71121 4.21875 3.76511L4.21851 3.76529C4.12939 3.82422 4.04639 3.89218 3.96924 3.96924C3.89185 4.04657 3.82373 4.12994 3.76465 4.21933C3.71094 4.3006 3.66479 4.38684 3.62622 4.47809C3.5874 4.56949 3.55762 4.66284 3.53687 4.75815Z" clip-rule="evenodd" fill="var(--tiny-first-color,  rgba(0,103,209,1))" fill-opacity="1.000000" fill-rule="evenodd"/>
+		<path id="矢量 330" d="M3.5 5.1C3.5 4.98 3.51 4.86 3.53 4.75C3.55 4.66 3.58 4.56 3.62 4.47C3.66 4.38 3.71 4.3 3.76 4.21C3.82 4.12 3.89 4.04 3.96 3.96C4.04 3.89 4.12 3.82 4.21 3.76C4.3 3.71 4.38 3.66 4.47 3.62C4.56 3.58 4.66 3.55 4.75 3.53C4.87 3.51 4.98 3.5 5.1 3.5L7.41 3.5C7.51 3.5 7.61 3.51 7.71 3.53C7.8 3.55 7.88 3.57 7.97 3.6C8.05 3.63 8.13 3.67 8.21 3.71C8.29 3.76 8.37 3.82 8.44 3.88C8.58 4 8.7 4.14 8.79 4.31C8.89 4.47 8.95 4.65 8.98 4.84C9.08 5.43 9.17 5.9 9.25 6.26C9.38 6.79 9.62 7.59 9.98 8.65C10.09 8.96 10.12 9.24 10.09 9.49C10.06 9.64 10.02 9.77 9.95 9.89C9.91 9.98 9.85 10.05 9.78 10.12C9.65 10.25 9.45 10.37 9.24 10.45C9.43 11.05 9.75 11.64 10.18 12.22C10.62 12.81 11.16 13.35 11.79 13.84C12.05 14.05 12.32 14.24 12.59 14.4C12.83 14.55 13.05 14.67 13.26 14.77C13.35 14.81 13.43 14.84 13.5 14.86C13.52 14.8 13.53 14.75 13.55 14.7C13.63 14.5 13.74 14.34 13.87 14.21C14.04 14.04 14.25 13.94 14.5 13.9C14.75 13.87 15.03 13.91 15.34 14.01C16.4 14.37 17.2 14.61 17.73 14.74C18.09 14.82 18.56 14.91 19.15 15.01C19.34 15.04 19.52 15.1 19.68 15.2C19.85 15.29 19.99 15.41 20.11 15.55C20.23 15.69 20.32 15.85 20.39 16.02C20.46 16.2 20.49 16.39 20.49 16.58L20.5 18.89C20.5 19.11 20.45 19.32 20.37 19.52C20.29 19.71 20.17 19.88 20.03 20.03C19.88 20.17 19.71 20.29 19.52 20.37C19.32 20.45 19.11 20.49 18.89 20.5C18.84 20.5 18.8 20.49 18.75 20.49C16.94 20.33 15.45 20.03 14.26 19.59C11.65 18.73 9.52 17.47 7.87 15.83C7.51 15.47 7.17 15.09 6.86 14.69C5.74 13.27 4.92 11.61 4.4 9.72C3.96 8.53 3.66 7.04 3.5 5.24C3.5 5.19 3.5 5.15 3.5 5.1Z" fill="var(--tiny-second-color,  rgba(0,103,209,0.7))" fill-opacity="1.000000" fill-rule="evenodd"/>
+	</g>
+</svg>
diff --git a/packages/vue-icon-multicolor/svgs/line-rental.svg b/packages/vue-icon-multicolor/svgs/line-rental.svg
new file mode 100644
index 000000000..b9d6eb8d8
--- /dev/null
+++ b/packages/vue-icon-multicolor/svgs/line-rental.svg
@@ -0,0 +1,12 @@
+<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+	<defs>
+		<clipPath id="clip377_46721">
+			<rect id="color-icon-line-rental" width="24.000000" height="24.000000" fill="white" fill-opacity="0"/>
+		</clipPath>
+	</defs>
+	<g clip-path="url(#clip377_46721)">
+		<rect id="矩形 2" x="11.000000" y="15.500000" rx="1.000000" width="2.000000" height="5.000000" fill="var(--tiny-second-color,  rgba(0,103,209,0.7))" fill-opacity="1.000000"/>
+		<path id="减去顶层" d="M2 5.125L2 13.875C2 15.3248 3.19385 16.5 4.66675 16.5L19.3333 16.5C20.8062 16.5 22 15.3248 22 13.875L22 5.125C22 3.67525 20.8062 2.5 19.3333 2.5L4.66675 2.5C3.19385 2.5 2 3.67525 2 5.125ZM5.75 8.72359L9.06274 8.7368Q9.30469 8.7368 9.47559 8.84705C9.58936 8.92053 9.67969 9.03078 9.74609 9.17776L10.4761 10.7921L12.9172 6.15082C13.0334 5.92957 13.176 5.79271 13.345 5.74026C13.5137 5.68781 13.7087 5.71977 13.9299 5.83615Q14.0112 5.87885 14.0779 5.93787Q14.1448 5.99689 14.197 6.07225L16.4949 9.38246L18.25 9.38246C18.6699 9.38246 19 9.71246 19 10.1325C19 10.5525 18.6699 10.8825 18.25 10.8825L16.1025 10.8825C15.8411 10.8825 15.6357 10.775 15.4866 10.5602L13.6694 7.94275L11.0891 12.8491C11.009 13.0011 10.8909 13.1125 10.7344 13.1833C10.5066 13.2863 10.3098 13.3066 10.1445 13.2442C9.97925 13.1819 9.84497 13.0368 9.74194 12.809L8.57886 10.2368L5.75 10.2236C5.33008 10.2236 5 9.89359 5 9.47359C5 9.05359 5.33008 8.72359 5.75 8.72359Z" clip-rule="evenodd" fill="var(--tiny-first-color,  rgba(0,103,209,1))" fill-opacity="1.000000" fill-rule="evenodd"/>
+		<path id="矩形 2" d="M5 19.5L19 19.5C19.55 19.5 20 19.94 20 20.5C20 21.05 19.55 21.5 19 21.5L5 21.5C4.44 21.5 4 21.05 4 20.5C4 19.94 4.44 19.5 5 19.5Z" fill="var(--tiny-first-color,  rgba(0,103,209,1))" fill-opacity="1.000000" fill-rule="evenodd"/>
+	</g>
+</svg>
diff --git a/packages/vue-icon-multicolor/svgs/living-subsidy.svg b/packages/vue-icon-multicolor/svgs/living-subsidy.svg
new file mode 100644
index 000000000..cf60eb5b5
--- /dev/null
+++ b/packages/vue-icon-multicolor/svgs/living-subsidy.svg
@@ -0,0 +1,11 @@
+<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+	<defs>
+		<clipPath id="clip377_46685">
+			<rect id="color-icon-living-subsidy" width="24.000000" height="24.000000" fill="white" fill-opacity="0"/>
+		</clipPath>
+	</defs>
+	<g clip-path="url(#clip377_46685)">
+		<path id="减去顶层" d="M2.46655 12.9091C1.65674 12.9091 1 12.2633 1 11.4668C1 11.0502 1.18311 10.654 1.5022 10.3801L10.7141 2.47418C11.4509 1.84192 12.5491 1.84192 13.2859 2.47418L22.4978 10.3801C23.1079 10.9039 23.1709 11.815 22.6384 12.4152C22.4119 12.6703 22.1033 12.837 21.7683 12.8905C20.4851 11.4253 18.6006 10.5 16.5 10.5C12.634 10.5 9.5 13.634 9.5 17.4999C9.5 19.2134 10.1157 20.7832 11.1379 22L6.5 22C5.39551 22 4.5 21.186 4.5 20.1818L4.5 12.9091L2.46655 12.9091Z" clip-rule="evenodd" fill="var(--tiny-second-color,  rgba(0,103,209,0.7))" fill-opacity="1.000000" fill-rule="evenodd"/>
+		<path id="减去顶层" d="M11.0015 17.4999C11.0015 14.4624 13.4639 12 16.5015 12C19.5388 12 22.0012 14.4624 22.0012 17.4999C22.0012 20.5374 19.5388 22.9998 16.5015 22.9998C13.4639 22.9998 11.0015 20.5374 11.0015 17.4999ZM17.9019 14.008C18.0557 13.7529 18.3809 13.6732 18.6301 13.8312C18.8787 13.9884 18.9558 14.3239 18.8027 14.579L17.3394 16.2863L18.9705 16.2863C19.2627 16.2863 19.5 16.5297 19.5 16.8297C19.5 17.1297 19.2627 17.3732 18.9705 17.3732L17.0295 17.3732L17.0293 18.4083L18.9705 18.4083C19.2627 18.4083 19.5 18.65 19.5 18.95C19.5 19.25 19.2627 19.4917 18.9705 19.4917L17.0293 19.4917L17.0293 20.7065C17.0293 21.0065 16.7922 21.25 16.5 21.25C16.2078 21.25 15.9705 21.0065 15.9705 20.7065L15.9705 19.4917L14.0293 19.4917C13.7371 19.4917 13.5 19.25 13.5 18.95C13.5 18.65 13.7371 18.4083 14.0293 18.4083L15.9705 18.4083L15.9705 17.3732L14.0295 17.3732C13.7373 17.3732 13.5 17.1297 13.5 16.8297C13.5 16.5297 13.7373 16.2863 14.0295 16.2863L15.6606 16.2863L14.1973 14.579C14.0439 14.3239 14.1211 13.9884 14.3696 13.8312C14.6182 13.6732 14.9448 13.7529 15.0981 14.008L16.5 15.6145L17.9019 14.008Z" clip-rule="evenodd" fill="var(--tiny-first-color,  rgba(0,103,209,1))" fill-opacity="1.000000" fill-rule="evenodd"/>
+	</g>
+</svg>
diff --git a/packages/vue-icon-multicolor/svgs/lodging-fees.svg b/packages/vue-icon-multicolor/svgs/lodging-fees.svg
new file mode 100644
index 000000000..4c67ad25e
--- /dev/null
+++ b/packages/vue-icon-multicolor/svgs/lodging-fees.svg
@@ -0,0 +1,12 @@
+<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+	<defs>
+		<clipPath id="clip377_46634">
+			<rect id="color-icon-lodging-fees" width="24.000000" height="24.000000" fill="white" fill-opacity="0"/>
+		</clipPath>
+	</defs>
+	<g clip-path="url(#clip377_46634)">
+		<path id="B2" d="M21.4639 12.2883C21.353 12.1866 21.2278 12.1008 21.0881 12.031L17.3718 10.1725C17.2568 10.115 17.1387 10.0719 17.0168 10.0432C17.0151 10.0427 17.0134 10.0423 17.0117 10.0419L17.0117 10.0419C16.8918 10.014 16.7686 10 16.6418 10C16.5256 10 16.4121 10.0118 16.301 10.0356L16.301 10.0356C16.2993 10.0359 16.2976 10.0363 16.2961 10.0366C16.1963 10.0582 16.0984 10.0895 16.0027 10.1303C15.9111 10.1693 15.8247 10.2156 15.7432 10.2694L15.7432 10.2694C15.74 10.2715 15.7368 10.2735 15.7339 10.2756C15.6436 10.3361 15.5591 10.4057 15.481 10.4846C15.4053 10.5607 15.3384 10.6425 15.2798 10.73C15.2776 10.7331 15.2756 10.7362 15.2734 10.7393C15.2175 10.8243 15.1694 10.9146 15.1294 11.0101C15.0889 11.1067 15.0579 11.2053 15.0364 11.3059C15.0122 11.4194 15 11.5355 15 11.6543L15 21.2716C15 21.4727 15.0706 21.6444 15.2117 21.7867C15.2832 21.8587 15.3623 21.9125 15.4487 21.948C15.533 21.9827 15.6245 22 15.7229 22L21.2771 22C21.4768 22 21.647 21.9289 21.7883 21.7867C21.9294 21.6444 22 21.4727 22 21.2716L22 13.5128C22 13.3557 21.9795 13.2045 21.9385 13.0592C21.8972 12.9139 21.8357 12.7745 21.7534 12.641C21.6714 12.5075 21.575 12.39 21.4639 12.2883ZM17.2141 16.5L19.7859 16.5C20.1858 16.5 20.5 16.17 20.5 15.75C20.5 15.33 20.1858 15 19.7859 15L17.2141 15C16.8142 15 16.5 15.33 16.5 15.75C16.5 16.17 16.8142 16.5 17.2141 16.5Z" clip-rule="evenodd" fill="var(--tiny-second-color,  rgba(0,103,209,0.7))" fill-opacity="1.000000" fill-rule="evenodd"/>
+		<path id="A1" d="M10.3921 2.13068C10.5266 2.07477 10.6628 2.0368 10.801 2.01678C10.9209 1.99939 11.0422 1.99548 11.165 2.00519C11.239 2.01099 11.3118 2.02161 11.3835 2.03699C11.4307 2.047 11.4771 2.05908 11.5232 2.07318C11.6494 2.11194 11.7725 2.16602 11.8923 2.23547C12.0122 2.30487 12.124 2.3869 12.2278 2.48151C12.3235 2.56885 12.4124 2.66681 12.4944 2.77557C12.5767 2.88477 12.6494 3.0011 12.7124 3.12451C12.7849 3.26654 12.8445 3.41809 12.8914 3.57898C12.9124 3.65186 12.9304 3.7254 12.9456 3.79956L12.9456 3.79962C12.9561 3.85236 12.9653 3.90546 12.9727 3.9588C12.991 4.0874 13 4.21783 13 4.35016L13 20.6779C13 20.7711 12.9922 20.8624 12.9763 20.9517C12.9619 21.0337 12.9407 21.1141 12.9128 21.1927C12.8857 21.27 12.8528 21.3428 12.8147 21.4113C12.7747 21.4833 12.7285 21.5504 12.6765 21.6128C12.6243 21.6751 12.5681 21.7303 12.5081 21.7783C12.4509 21.824 12.3899 21.8631 12.3254 21.8958C12.2598 21.9291 12.1926 21.9543 12.124 21.9717C12.0493 21.9906 11.9731 22 11.8953 22L4.10474 22C4.0498 22 3.99561 21.9953 3.94214 21.9859L3.94189 21.9858L3.94189 21.9858L3.94189 21.9858C3.91968 21.9819 3.89795 21.9772 3.87598 21.9717C3.80737 21.9543 3.74023 21.9291 3.67456 21.8958C3.61011 21.8631 3.54907 21.824 3.49194 21.7783C3.43188 21.7303 3.37573 21.6751 3.32349 21.6128C3.27148 21.5504 3.22534 21.4833 3.1853 21.4114C3.14722 21.3428 3.1145 21.27 3.08716 21.1927C3.05933 21.1141 3.03809 21.0336 3.02368 20.9516C3.00781 20.8624 3 20.7711 3 20.6779L3 6.50995C3 6.31458 3.02368 6.12817 3.07104 5.95087C3.08887 5.88403 3.11011 5.81842 3.13452 5.75415L3.13452 5.75415C3.17529 5.64789 3.22485 5.54517 3.28394 5.44598C3.37866 5.28674 3.48804 5.15125 3.61255 5.03955C3.67578 4.98273 3.74292 4.93207 3.81396 4.88757C3.88257 4.8446 3.95483 4.80731 4.03052 4.77582L10.3921 2.13068ZM10.2859 9.5L5.71411 9.5C5.31421 9.5 5 9.16998 5 8.75C5 8.33002 5.31421 8 5.71411 8L10.2859 8C10.6858 8 11 8.33002 11 8.75C11 9.16998 10.6858 9.5 10.2859 9.5ZM5.71411 12.5L10.2859 12.5C10.6858 12.5 11 12.17 11 11.75C11 11.33 10.6858 11 10.2859 11L5.71411 11C5.31421 11 5 11.33 5 11.75C5 12.17 5.31421 12.5 5.71411 12.5Z" clip-rule="evenodd" fill="var(--tiny-first-color,  rgba(0,103,209,1))" fill-opacity="1.000000" fill-rule="evenodd"/>
+		<path id="A1" d="M22.94 21.34C22.98 21.23 23 21.12 23 21C23 20.93 22.99 20.86 22.97 20.79C22.96 20.73 22.94 20.67 22.92 20.61C22.89 20.55 22.86 20.49 22.83 20.44C22.8 20.38 22.76 20.33 22.71 20.29C22.66 20.24 22.62 20.2 22.56 20.16C22.51 20.13 22.46 20.1 22.4 20.07C22.34 20.05 22.28 20.03 22.22 20.02C22.16 20 22.09 20 22.02 20L1.86 20C1.75 20.02 1.58 20.07 1.48 20.13C1.39 20.18 1.3 20.26 1.22 20.35C1.15 20.44 1.09 20.54 1.05 20.65C1.01 20.76 1 20.87 1 21C1 21.06 1 21.13 1.02 21.2C1.03 21.26 1.05 21.32 1.07 21.38C1.1 21.44 1.13 21.5 1.16 21.55C1.19 21.61 1.23 21.66 1.28 21.7C1.33 21.75 1.37 21.79 1.43 21.83C1.48 21.86 1.53 21.89 1.59 21.92C1.65 21.94 1.71 21.96 1.77 21.97C1.83 21.99 1.9 22 1.97 22L22.13 21.99C22.24 21.97 22.41 21.92 22.51 21.86C22.6 21.81 22.69 21.73 22.77 21.64C22.84 21.55 22.9 21.45 22.94 21.34Z" fill="var(--tiny-first-color,  rgba(0,103,209,1))" fill-opacity="1.000000" fill-rule="evenodd"/>
+	</g>
+</svg>
diff --git a/packages/vue-icon-multicolor/svgs/maintenance-service.svg b/packages/vue-icon-multicolor/svgs/maintenance-service.svg
new file mode 100644
index 000000000..02e7c2c8c
--- /dev/null
+++ b/packages/vue-icon-multicolor/svgs/maintenance-service.svg
@@ -0,0 +1,11 @@
+<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+	<defs>
+		<clipPath id="clip377_46769">
+			<rect id="color-icon-maintenance-service" width="24.000000" height="24.000000" fill="white" fill-opacity="0"/>
+		</clipPath>
+	</defs>
+	<g clip-path="url(#clip377_46769)">
+		<path id="减去顶层" d="M11.7734 3C13.9182 3 16.1238 3.30917 18.3887 3.92704C18.5442 3.96932 18.6914 4.02574 18.8306 4.0963C19.0337 4.19923 19.2192 4.33226 19.3877 4.49538C19.4956 4.59998 19.5913 4.71209 19.6748 4.83171C19.8059 5.01927 19.9067 5.22528 19.9778 5.44975L20.7544 7.91639C20.7234 7.90376 20.6919 7.89141 20.6599 7.87933C20.1218 7.67731 19.5647 7.55592 18.988 7.51514C18.885 7.50784 18.7817 7.50318 18.679 7.50116L18.1956 5.96597C18.1733 5.89567 18.1394 5.83422 18.094 5.78163C18.0479 5.73704 17.9663 5.67241 17.9104 5.65224C15.8115 5.07955 13.7451 4.78337 11.7734 4.78337C10.5964 4.78337 9.43994 4.88548 8.30469 5.08968C8.15601 5.11641 8.00781 5.14489 7.85986 5.17512L7.85962 5.17516L7.85889 5.17533C7.27197 5.29532 6.69067 5.44286 6.11499 5.61795C6.05737 5.63901 5.98462 5.67989 5.93774 5.72683C5.89258 5.77937 5.83301 5.86909 5.81104 5.93898L4.32886 10.6501C7.21802 10.233 9.77515 10.0244 12 10.0244C12.5178 10.0244 13.0535 10.0357 13.6072 10.0583C13.6013 10.0664 13.5955 10.0745 13.5896 10.0827C13.4512 10.2774 13.3237 10.4803 13.208 10.6914C13.0728 10.938 12.9553 11.1914 12.8557 11.4516C12.7563 11.7117 12.6748 11.9786 12.6111 12.2523C12.5439 12.5403 12.498 12.8301 12.4731 13.1217C12.4514 13.3765 12.4458 13.6327 12.4563 13.8902C12.4668 14.1464 12.4932 14.3993 12.5352 14.649L12.1155 15.0714L9.08765 15.0714C8.70264 15.0714 8.40015 15.3739 8.40015 15.7589C8.40015 16.1439 8.70264 16.4464 9.08765 16.4464L10.7495 16.4464L10.4866 16.7111C10.3196 16.8793 10.1729 17.0606 10.0466 17.2552C9.92871 17.4367 9.82861 17.6298 9.74634 17.8343C9.66699 18.0312 9.60669 18.2319 9.56592 18.4365C9.52197 18.6554 9.5 18.8787 9.5 19.1064C9.5 19.2018 9.50391 19.2964 9.51147 19.3903L7.22266 19.3903L6.47876 20.6589C6.41699 20.7641 6.33105 20.8472 6.2207 20.9083C6.1106 20.9694 5.99146 21 5.86353 21L2.98193 21C2.87134 21 2.76294 20.9898 2.65698 20.9694C2.55371 20.9495 2.45264 20.92 2.35352 20.8808C2.27051 20.8478 2.19141 20.8091 2.11621 20.7645C2.01733 20.7059 1.92505 20.6372 1.83984 20.5584C1.77148 20.4953 1.70972 20.4278 1.65454 20.3559C1.58984 20.2715 1.53418 20.181 1.48755 20.0844C1.44873 20.0036 1.41724 19.921 1.39331 19.8365C1.36279 19.729 1.34424 19.6184 1.33813 19.5047L1.00366 13.4228C0.995605 13.2733 1.00098 13.1253 1.02002 12.9789C1.03345 12.8747 1.05396 12.7713 1.0813 12.6687C1.10645 12.5748 1.13672 12.4831 1.17261 12.3935L1.17285 12.3929L1.1731 12.392C1.18677 12.358 1.20117 12.3242 1.21631 12.2908C1.26318 12.1876 1.31738 12.0873 1.37891 11.9899C1.45874 11.8638 1.54883 11.7459 1.64941 11.6364C1.71704 11.5626 1.78931 11.4926 1.86621 11.4263C1.97754 11.3305 2.0957 11.245 2.2207 11.1699L4.02808 5.42526C4.08179 5.25331 4.15356 5.09199 4.24316 4.94128L4.24316 4.94128L4.24316 4.94125C4.26489 4.90442 4.28784 4.86822 4.31201 4.83266C4.39307 4.71245 4.48657 4.59949 4.59229 4.49378C4.75317 4.33259 4.9314 4.19946 5.12671 4.09436C5.25977 4.02285 5.40063 3.96432 5.54932 3.91878C6.22363 3.7137 6.90479 3.54295 7.59277 3.40654L7.59277 3.40652L7.59399 3.40628L7.5957 3.40594C7.75366 3.37464 7.91211 3.34515 8.0708 3.31746C9.28394 3.10582 10.5183 3 11.7734 3ZM17.0002 19.7704L17.5212 20.6589C17.583 20.7641 17.6689 20.8472 17.7793 20.9083C17.8274 20.935 17.8772 20.9559 17.9287 20.9709L17.9287 20.9709C17.9951 20.9903 18.0645 21 18.1365 21L21.0181 21C21.1287 21 21.2371 20.9898 21.343 20.9694C21.4463 20.9495 21.5474 20.92 21.6465 20.8808C21.7295 20.8478 21.8086 20.8091 21.8838 20.7645C21.9827 20.7059 22.075 20.6372 22.1602 20.5584C22.2285 20.4953 22.2903 20.4278 22.3455 20.3559C22.4102 20.2715 22.4658 20.181 22.5125 20.0844C22.5513 20.0037 22.5828 19.9212 22.6067 19.8368C22.6372 19.7291 22.6558 19.6184 22.6619 19.5047L22.7588 17.7441C22.7419 17.7613 22.7253 17.7784 22.7085 17.7954C22.2927 18.2139 21.8291 18.5644 21.3174 18.847C20.8201 19.1218 20.2949 19.3227 19.7422 19.4499C19.1968 19.5754 18.6453 19.6243 18.0879 19.5965C17.8113 19.5828 17.5383 19.5504 17.2695 19.4993L17.0002 19.7704ZM2.802 15.0714L5.94482 15.0714C6.32983 15.0714 6.63232 15.3739 6.63232 15.7589C6.63232 16.1439 6.32983 16.4464 5.94482 16.4464L2.802 16.4464C2.41699 16.4464 2.1145 16.1439 2.1145 15.7589C2.1145 15.3739 2.41699 15.0714 2.802 15.0714Z" clip-rule="evenodd" fill="var(--tiny-second-color,  rgba(0,103,209,0.7))" fill-opacity="1.000000" fill-rule="evenodd"/>
+		<path id="矢量 328" d="M14.12 15.22C14.07 15.06 14.03 14.91 14 14.75C13.95 14.5 13.92 14.25 13.9 13.99C13.9 13.8 13.9 13.61 13.92 13.42C13.93 13.2 13.97 12.97 14.02 12.75C14.07 12.54 14.13 12.34 14.21 12.14C14.28 11.94 14.37 11.75 14.48 11.56C14.56 11.41 14.65 11.27 14.75 11.13C14.9 10.91 15.07 10.7 15.26 10.51C15.47 10.3 15.69 10.12 15.93 9.95C16.07 9.86 16.2 9.78 16.35 9.7C16.55 9.59 16.76 9.49 16.98 9.41C17.17 9.34 17.37 9.29 17.57 9.24C17.81 9.19 18.04 9.16 18.28 9.15C18.47 9.14 18.66 9.14 18.85 9.15C19.11 9.17 19.36 9.21 19.61 9.27C19.78 9.31 19.95 9.36 20.11 9.43C20.26 9.48 20.35 9.56 20.4 9.66C20.44 9.75 20.44 9.88 20.38 10.02C20.37 10.05 20.29 10.16 20.28 10.18L18.82 11.65C18.7 11.77 18.61 11.9 18.55 12.06C18.49 12.2 18.46 12.36 18.46 12.52C18.45 12.68 18.48 12.83 18.54 12.97C18.57 13.04 18.6 13.11 18.64 13.17C18.69 13.24 18.74 13.31 18.8 13.37C18.91 13.48 19.03 13.56 19.17 13.62C19.31 13.68 19.45 13.71 19.6 13.71C19.75 13.71 19.9 13.69 20.04 13.64C20.18 13.58 20.38 13.44 20.5 13.34L21.95 11.88C22.17 11.66 22.39 11.66 22.6 11.88C22.65 11.92 22.69 11.98 22.71 12.04C22.86 12.45 22.95 12.87 22.98 13.31C23.01 13.74 22.98 14.17 22.89 14.59C22.8 15.03 22.65 15.44 22.44 15.83C22.36 15.99 22.26 16.14 22.16 16.29C22 16.51 21.83 16.72 21.63 16.92C21.32 17.24 20.96 17.5 20.58 17.72C20.2 17.92 19.8 18.08 19.38 18.17C19.16 18.23 18.93 18.26 18.7 18.28C18.51 18.29 18.32 18.29 18.14 18.28C17.71 18.26 17.24 18.16 16.84 18.03L14.32 20.57C14.13 20.75 13.92 20.9 13.68 21C13.44 21.09 13.2 21.14 12.94 21.14C12.81 21.14 12.68 21.13 12.55 21.1C12.44 21.08 12.32 21.04 12.21 21C11.97 20.9 11.75 20.75 11.56 20.57C11.47 20.47 11.38 20.36 11.31 20.24C11.24 20.14 11.18 20.03 11.14 19.92C11.04 19.68 11 19.44 11 19.18C11 18.93 11.04 18.68 11.14 18.45C11.24 18.2 11.38 17.99 11.56 17.8L14.12 15.22Z" fill="var(--tiny-first-color,  rgba(0,103,209,1))" fill-opacity="1.000000" fill-rule="evenodd"/>
+	</g>
+</svg>
diff --git a/packages/vue-icon-multicolor/svgs/meal-allowance.svg b/packages/vue-icon-multicolor/svgs/meal-allowance.svg
new file mode 100644
index 000000000..060b1c181
--- /dev/null
+++ b/packages/vue-icon-multicolor/svgs/meal-allowance.svg
@@ -0,0 +1,12 @@
+<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+	<defs>
+		<clipPath id="clip377_46676">
+			<rect id="color-icon-meal-allowance" width="24.000000" height="24.000000" fill="white" fill-opacity="0"/>
+		</clipPath>
+	</defs>
+	<g clip-path="url(#clip377_46676)">
+		<path id="path4 (边框)" d="M14.05 5.83C14.05 5.27 13.61 4.83 13.05 4.83C12.49 4.83 12.05 5.27 12.05 5.83L12.05 11.07C12.05 11.63 12.49 12.07 13.05 12.07C13.61 12.07 14.05 11.63 14.05 11.07L14.05 5.83ZM10.71 6.43L10.71 11.07C10.71 11.63 10.27 12.07 9.71 12.07C9.15 12.07 8.71 11.63 8.71 11.07L8.71 6.43C8.71 5.87 9.15 5.43 9.71 5.43C10.27 5.43 10.71 5.87 10.71 6.43ZM7.37 7.02C7.37 6.46 6.93 6.02 6.37 6.02C5.81 6.02 5.37 6.46 5.37 7.02L5.37 11.07C5.37 11.63 5.81 12.07 6.37 12.07C6.93 12.07 7.37 11.63 7.37 11.07L7.37 7.02Z" fill="var(--tiny-second-color,  rgba(0,103,209,0.7))"  fill-opacity="0.5" fill-rule="evenodd"/>
+		<path id="path6 (边框)" d="M21.36 11L2.69 11C2.46 11 2.28 11.05 2.17 11.17C2.05 11.29 2 11.46 2 11.7C2 13.34 2.33 14.37 3.01 15.64C3.15 15.9 3.3 16.15 3.46 16.39C4.42 17.8 5.84 19.35 7.72 20.21L7.91 20.49C8.01 20.65 8.15 20.77 8.31 20.86C8.47 20.95 8.65 21 8.84 21L15.15 21C15.25 20.99 15.35 20.98 15.44 20.96C15.52 20.93 15.6 20.9 15.68 20.86C15.84 20.77 15.98 20.65 16.08 20.49L16.25 20.23C17.37 19.83 18.33 18.82 19.14 18.06C19.53 17.68 19.89 17.27 20.2 16.81C21.19 15.39 21.79 13.99 21.99 11.76C22.03 11.3 21.82 11.04 21.36 11Z" fill="var(--tiny-first-color,  rgba(0,103,209,1))" fill-opacity="1.000000" fill-rule="evenodd"/>
+		<path id="path4 (边框)" d="M21.28 3.15L2.38 6.47C1.88 6.56 1.57 7.06 1.67 7.61C1.77 8.17 2.23 8.53 2.73 8.44L21.62 5.12C22.12 5.03 22.43 4.53 22.33 3.98C22.24 3.43 21.77 3.06 21.28 3.15Z" fill="var(--tiny-first-color,  rgba(0,103,209,1))" fill-opacity="1.000000" fill-rule="evenodd"/>
+	</g>
+</svg>
diff --git a/packages/vue-icon-multicolor/svgs/meal-subsidy.svg b/packages/vue-icon-multicolor/svgs/meal-subsidy.svg
new file mode 100644
index 000000000..5372fe9c8
--- /dev/null
+++ b/packages/vue-icon-multicolor/svgs/meal-subsidy.svg
@@ -0,0 +1,12 @@
+<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+	<defs>
+		<clipPath id="clip377_46680">
+			<rect id="color-icon-meal-subsidy" width="24.000000" height="24.000000" fill="white" fill-opacity="0"/>
+		</clipPath>
+	</defs>
+	<g clip-path="url(#clip377_46680)">
+		<path id="path4 (边框)" d="M11 7.15L11 2.43C11 2.36 10.99 2.3 10.98 2.24C10.96 2.18 10.94 2.12 10.92 2.06C10.9 2.01 10.87 1.96 10.83 1.91C10.8 1.86 10.76 1.81 10.71 1.77C10.67 1.72 10.62 1.69 10.57 1.65C10.52 1.62 10.47 1.59 10.41 1.57C10.35 1.54 10.29 1.53 10.23 1.51C10.17 1.5 10.1 1.5 10.03 1.5C9.97 1.5 9.9 1.5 9.84 1.51C9.78 1.53 9.72 1.54 9.66 1.57C9.6 1.59 9.55 1.62 9.5 1.65C9.45 1.69 9.4 1.72 9.36 1.77C9.31 1.81 9.27 1.86 9.24 1.91C9.2 1.96 9.17 2.01 9.15 2.06C9.13 2.12 9.11 2.18 9.09 2.24C9.08 2.3 9.07 2.36 9.07 2.43L9.07 7.15C9.07 7.4 9.04 7.63 8.97 7.86C8.9 8.08 8.8 8.29 8.67 8.49C8.54 8.69 8.39 8.86 8.22 9.01C8.04 9.17 7.82 9.31 7.59 9.42L7.31 9.55C7.18 9.6 7.07 9.67 6.97 9.76C6.87 9.84 6.79 9.94 6.71 10.06C6.64 10.17 6.58 10.29 6.55 10.41C6.53 10.48 6.51 10.55 6.5 10.61C6.49 10.54 6.57 10.48 6.55 10.41C6.51 10.29 6.36 10.17 6.29 10.05C6.21 9.93 6.12 9.83 6.01 9.74C5.91 9.66 5.81 9.6 5.69 9.55L5.38 9.41C5.16 9.3 4.95 9.17 4.78 9.02C4.6 8.86 4.45 8.69 4.31 8.49C4.18 8.29 4.09 8.08 4.02 7.86C3.95 7.63 3.92 7.39 3.92 7.15L3.92 2.43C3.92 2.36 3.91 2.3 3.9 2.24C3.88 2.18 3.86 2.12 3.84 2.06C3.82 2.01 3.79 1.96 3.75 1.91C3.72 1.86 3.68 1.81 3.63 1.77C3.59 1.72 3.54 1.69 3.49 1.65C3.44 1.62 3.39 1.59 3.33 1.57C3.27 1.54 3.21 1.53 3.15 1.51C3.09 1.5 3.02 1.5 2.96 1.5C2.89 1.5 2.82 1.5 2.76 1.51C2.7 1.53 2.64 1.54 2.58 1.57C2.52 1.59 2.47 1.62 2.42 1.65C2.37 1.69 2.32 1.72 2.28 1.77C2.23 1.81 2.19 1.86 2.16 1.91C2.12 1.96 2.09 2.01 2.07 2.06C2.05 2.12 2.03 2.18 2.02 2.24C2 2.3 2 2.36 2 2.43L2 7.15C2 7.38 2.01 7.61 2.05 7.83C2.08 8.02 2.12 8.2 2.18 8.38C2.23 8.57 2.3 8.75 2.39 8.93C2.47 9.12 2.58 9.3 2.69 9.48C2.8 9.65 2.93 9.82 3.06 9.97C3.2 10.12 3.34 10.27 3.5 10.4C3.61 10.5 3.73 10.59 3.85 10.68C4.07 10.84 4.44 10.97 4.69 11.09L4.78 20.65C4.78 20.78 4.79 20.91 4.82 21.04C4.84 21.15 4.88 21.26 4.93 21.37C4.97 21.47 5.03 21.57 5.09 21.67C5.16 21.77 5.24 21.86 5.34 21.95C5.43 22.04 5.52 22.12 5.63 22.19C5.73 22.25 5.83 22.3 5.94 22.35C6.05 22.39 6.16 22.43 6.28 22.45C6.41 22.48 6.36 22.5 6.5 22.5C6.64 22.5 6.63 22.48 6.76 22.45C6.87 22.43 6.98 22.39 7.1 22.35C7.2 22.3 7.31 22.25 7.41 22.19C7.51 22.12 7.61 22.04 7.7 21.95C7.79 21.86 7.87 21.77 7.94 21.67C8.01 21.57 8.06 21.47 8.11 21.37C8.16 21.26 8.19 21.15 8.22 21.04C8.25 20.91 8.26 20.78 8.26 20.65L8.26 11.09C8.46 11 8.8 10.9 8.98 10.79C9.15 10.68 9.32 10.56 9.47 10.42C9.63 10.29 9.78 10.14 9.91 9.99C10.05 9.83 10.17 9.67 10.29 9.5C10.41 9.32 10.51 9.13 10.6 8.94C10.68 8.76 10.75 8.58 10.81 8.39C10.87 8.21 10.91 8.02 10.94 7.84C10.98 7.61 11 7.38 11 7.15ZM7.46 7.42L7.46 2.43C7.46 2.36 7.45 2.3 7.44 2.24C7.42 2.18 7.4 2.12 7.38 2.06C7.36 2.01 7.33 1.96 7.29 1.91C7.26 1.86 7.22 1.81 7.17 1.77C7.13 1.72 7.08 1.69 7.03 1.65C6.98 1.62 6.93 1.59 6.87 1.57C6.81 1.54 6.75 1.53 6.69 1.51C6.63 1.5 6.56 1.5 6.5 1.5C6.43 1.5 6.36 1.5 6.3 1.51C6.24 1.53 6.18 1.54 6.12 1.57C6.06 1.59 6.01 1.62 5.96 1.65C5.91 1.69 5.86 1.72 5.82 1.77C5.77 1.81 5.73 1.86 5.7 1.91C5.66 1.96 5.63 2.01 5.61 2.06C5.59 2.12 5.57 2.18 5.55 2.24C5.54 2.3 5.53 2.36 5.53 2.43L5.53 7.42C5.53 7.49 5.54 7.55 5.55 7.61C5.57 7.67 5.59 7.73 5.61 7.78C5.63 7.84 5.66 7.89 5.7 7.94C5.73 7.99 5.77 8.04 5.82 8.08C5.86 8.12 5.91 8.16 5.96 8.2C6.01 8.23 6.06 8.26 6.12 8.28C6.18 8.3 6.24 8.32 6.3 8.33C6.36 8.35 6.43 8.35 6.5 8.35C6.56 8.35 6.63 8.35 6.69 8.33C6.75 8.32 6.81 8.3 6.87 8.28C6.93 8.26 6.98 8.23 7.03 8.2C7.08 8.16 7.13 8.12 7.17 8.08C7.22 8.04 7.26 7.99 7.29 7.94C7.33 7.89 7.36 7.84 7.38 7.78C7.4 7.73 7.42 7.67 7.44 7.61C7.45 7.55 7.46 7.49 7.46 7.42Z" fill="var(--tiny-first-color,  rgba(0,103,209,1))" fill-opacity="1.000000" fill-rule="evenodd"/>
+		<path id="path5 (边框)" d="M21.8 8.92C21.93 8.39 22 7.87 22 7.35C22 6.66 21.89 5.96 21.67 5.26C21.49 4.67 21.25 4.12 20.94 3.62C20.9 3.55 20.86 3.49 20.82 3.42C20.45 2.85 20.03 2.4 19.57 2.06C19.09 1.72 18.6 1.53 18.1 1.5C18.05 1.5 18.01 1.5 17.97 1.5C17.9 1.5 17.84 1.5 17.77 1.5C17.29 1.54 16.83 1.73 16.37 2.06C15.91 2.39 15.5 2.84 15.14 3.41C14.78 3.96 14.51 4.57 14.31 5.25C14.1 5.93 14 6.62 14 7.31C14 7.83 14.06 8.4 14.18 8.92C14.26 9.28 14.37 9.62 14.5 9.96C14.55 10.1 14.62 10.24 14.68 10.37C14.9 10.83 15.16 11.24 15.46 11.61C15.72 11.93 16.01 12.2 16.32 12.42L16.32 20.61C16.32 20.73 16.33 20.85 16.35 20.96C16.37 21.09 16.41 21.22 16.46 21.34C16.49 21.43 16.53 21.51 16.58 21.59C16.65 21.71 16.73 21.83 16.83 21.93C16.91 22.02 16.99 22.09 17.08 22.16C17.17 22.23 17.26 22.28 17.37 22.33C17.48 22.39 17.6 22.43 17.72 22.46C17.82 22.48 17.92 22.49 18.02 22.5L18.13 22.49C18.24 22.48 18.37 22.46 18.47 22.43C18.57 22.4 18.67 22.37 18.76 22.32C18.85 22.27 18.94 22.21 19.02 22.15C19.11 22.08 19.19 22.01 19.26 21.92C19.33 21.83 19.4 21.74 19.46 21.64C19.51 21.55 19.55 21.45 19.59 21.35C19.63 21.25 19.66 21.16 19.68 21.05C19.7 20.93 19.71 20.8 19.71 20.67L19.7 12.35C19.98 12.15 20.23 11.9 20.48 11.61C20.78 11.25 21.05 10.83 21.28 10.37C21.4 10.13 21.5 9.88 21.59 9.62C21.68 9.39 21.75 9.16 21.8 8.92Z" fill="var(--tiny-second-color,  rgba(0,103,209,0.7))" fill-opacity="1.000000" fill-rule="evenodd"/>
+		<path id="path6 (边框)" d="M7.23 9.54C7.02 9.63 6.78 9.68 6.5 9.68C6.21 9.68 5.97 9.63 5.76 9.54C5.73 9.53 5.7 9.51 5.66 9.51C5.63 9.5 5.6 9.5 5.57 9.5C5.41 9.5 5.27 9.57 5.16 9.7C5.05 9.84 5 10 5 10.2L5 20.66C5 20.79 5.01 20.92 5.03 21.05C5.05 21.16 5.08 21.27 5.11 21.37C5.15 21.48 5.19 21.58 5.24 21.67C5.3 21.77 5.36 21.87 5.43 21.96C5.51 22.04 5.58 22.12 5.67 22.19C5.74 22.25 5.82 22.31 5.91 22.35C6 22.4 6.09 22.43 6.18 22.45C6.28 22.48 6.39 22.5 6.5 22.5C6.6 22.5 6.71 22.48 6.81 22.45C6.9 22.43 6.99 22.4 7.08 22.35C7.17 22.31 7.25 22.25 7.32 22.19C7.41 22.12 7.48 22.04 7.56 21.96C7.63 21.87 7.69 21.77 7.75 21.67C7.8 21.58 7.84 21.48 7.88 21.37C7.91 21.27 7.94 21.16 7.96 21.05C7.98 20.92 8 20.79 8 20.66L8 10.2C8 10.16 7.99 10.12 7.99 10.08C7.98 10.04 7.97 10 7.96 9.96C7.91 9.78 7.81 9.64 7.67 9.56C7.52 9.48 7.38 9.47 7.23 9.54ZM6.14 11.06C6.25 11.07 6.37 11.08 6.5 11.08C6.62 11.08 6.74 11.07 6.85 11.06L6.85 20.66C6.85 20.72 6.85 20.77 6.83 20.82C6.81 20.88 6.78 20.92 6.75 20.97C6.71 21.01 6.68 21.04 6.63 21.06C6.59 21.09 6.54 21.1 6.5 21.1C6.45 21.1 6.4 21.09 6.36 21.06C6.31 21.04 6.28 21.01 6.24 20.97C6.21 20.92 6.18 20.88 6.16 20.82C6.14 20.77 6.14 20.72 6.14 20.66L6.14 11.06Z" fill="var(--tiny-first-color,  rgba(0,103,209,1))" fill-opacity="1.000000" fill-rule="evenodd"/>
+	</g>
+</svg>
diff --git a/packages/vue-icon-multicolor/svgs/meeting-expenses.svg b/packages/vue-icon-multicolor/svgs/meeting-expenses.svg
new file mode 100644
index 000000000..72934686a
--- /dev/null
+++ b/packages/vue-icon-multicolor/svgs/meeting-expenses.svg
@@ -0,0 +1,12 @@
+<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+	<defs>
+		<clipPath id="clip377_46804">
+			<rect id="color-icon-meeting-expenses" width="24.000000" height="24.000000" fill="white" fill-opacity="0"/>
+		</clipPath>
+	</defs>
+	<g clip-path="url(#clip377_46804)">
+		<path id="减去顶层" d="M15.6384 11.1398C15.5178 11.0955 15.4121 11.0524 15.3169 11.0163C15.3716 10.941 15.4434 10.8383 15.4944 10.7591C15.6477 10.6583 15.7917 10.5376 15.9263 10.3969C16.0046 10.3148 16.0771 10.2285 16.144 10.1381C16.1531 10.1257 16.1621 10.1133 16.1709 10.1008C16.3174 9.89487 16.4343 9.66785 16.5215 9.41971C16.6304 9.11029 16.6826 8.80164 16.6782 8.49377C16.6763 8.35281 16.6624 8.21201 16.6367 8.07138C16.5964 7.85071 16.498 7.58676 16.4009 7.39362C16.3933 6.82874 16.3257 6.30725 16.1982 5.82922C16.0388 5.23102 15.7888 4.71088 15.4482 4.2688C15.2976 4.07333 15.1321 3.89609 14.9514 3.737C15.3914 3.27713 16.0403 3 16.9497 3C18.9973 3 19.7231 4.40448 19.7231 6.13702C19.7231 6.23212 19.7202 6.32742 19.7146 6.42242C19.9651 6.63449 20.051 7.06506 19.9016 7.49026C19.7761 7.84702 19.5178 8.10678 19.2427 8.19058C19.1482 8.37158 19.0398 8.54205 18.9175 8.69949L18.876 8.75555C18.3516 9.47906 18.3845 9.98819 18.9746 10.2829C19.0364 10.3137 19.106 10.345 19.1824 10.3772L19.3438 10.4426L19.521 10.5107L20.3445 10.8169L20.5679 10.904L20.7937 10.9961L21.02 11.0937L21.2446 11.1972C22.1731 11.6411 22.9961 12.2482 22.9934 13.1521L22.9949 13.339L23 13.693L22.9993 13.9377C22.9868 14.4852 22.886 14.8586 22.3501 14.88L19.9558 14.8799C19.9421 14.7277 19.9163 14.5783 19.8789 14.4319C19.7839 14.0616 19.6133 13.7101 19.3669 13.3772C19.0708 12.9771 18.6655 12.6126 18.1509 12.2837C17.7849 12.0497 17.3455 11.8232 16.8328 11.604C16.552 11.484 16.1538 11.3293 15.6384 11.1398ZM4.04565 14.8798C4.05884 14.7338 4.08301 14.5905 4.11816 14.4498C4.21191 14.0735 4.38428 13.7161 4.63477 13.3775C4.93091 12.9774 5.33618 12.6129 5.85083 12.284C6.2168 12.05 6.65625 11.8235 7.16895 11.6043C7.44971 11.4843 7.8479 11.3296 8.36328 11.1401C8.48413 11.0957 8.59229 11.0554 8.6875 11.0192C8.62524 10.9348 8.56543 10.8479 8.5083 10.7587C8.35474 10.6579 8.21094 10.5372 8.07666 10.3965C7.99829 10.3145 7.92578 10.2282 7.85889 10.1378C7.69995 9.92218 7.57397 9.68277 7.48169 9.41968C7.37305 9.11066 7.3208 8.80237 7.32495 8.49481C7.3269 8.35367 7.34058 8.21271 7.36621 8.0719C7.40454 7.86252 7.46826 7.6655 7.55737 7.48087C7.56226 7.47116 7.56689 7.46149 7.57178 7.45184C7.57935 6.88684 7.677 6.30734 7.80444 5.82922C7.96387 5.23102 8.21387 4.71088 8.55469 4.2688C8.70459 4.07401 8.86963 3.89731 9.04956 3.73868C8.60938 3.27777 7.96021 3 7.04956 3C5.00195 3 4.27637 4.40448 4.27637 6.13702C4.27637 6.23212 4.27905 6.32742 4.28491 6.4227C4.03418 6.63419 3.948 7.06491 4.09741 7.49026C4.2229 7.84714 4.48145 8.10693 4.75684 8.1907C4.83472 8.34003 4.92212 8.48218 5.0188 8.61517L5.08301 8.69922C5.44409 9.1788 5.56763 9.56702 5.45337 9.8638C5.38818 10.0332 5.24561 10.1728 5.02563 10.2827C4.98462 10.3032 4.93994 10.3239 4.89233 10.345L4.7395 10.4093L4.57007 10.476L3.65601 10.8166L3.43262 10.9037C3.39502 10.9186 3.35742 10.9337 3.31982 10.9491L3.09326 11.0439C2.03662 11.4993 1.00391 12.1395 1.00684 13.1519L1 13.7327L1.00049 13.8929C1.00854 14.4645 1.1001 14.8578 1.65039 14.8797L4.04565 14.8798Z" clip-rule="evenodd" fill="var(--tiny-second-color,  rgba(0,103,209,0.7))" fill-opacity="1.000000" fill-rule="evenodd"/>
+		<path id="path7" d="M12 4.08C14.23 4.08 15.02 5.61 15.02 7.5C15.02 7.6 15.02 7.71 15.01 7.81C15.29 8.04 15.38 8.51 15.22 8.97C15.08 9.36 14.8 9.65 14.5 9.74C14.41 9.9 14.32 10.06 14.21 10.2L14.14 10.29C13.52 11.12 13.54 11.69 14.2 12.02C15.28 12.56 18.59 13.26 18.59 15.15L18.59 15.41C18.6 16.32 18.65 17.01 17.89 17.04C10.8 17.04 6.87 17.04 6.11 17.04C5.27 17 5.4 16.19 5.4 15.15C5.4 13.26 8.71 12.56 9.79 12.02C10.43 11.7 10.47 11.14 9.9 10.36L9.85 10.29C9.72 10.12 9.6 9.94 9.5 9.74C9.2 9.65 8.91 9.36 8.78 8.97C8.61 8.51 8.71 8.04 8.98 7.81C8.97 7.71 8.97 7.6 8.97 7.5C8.97 5.61 9.76 4.08 12 4.08Z" fill="var(--tiny-first-color,  rgba(0,103,209,1))" fill-opacity="1.000000" fill-rule="evenodd"/>
+		<path id="path8 (边框)" d="M1.91 19.2L22.08 19.2C22.59 19.2 23 19.59 23 20.1C23 20.6 22.59 21 22.08 21L1.91 21C1.4 21 1 20.6 1 20.1C1 19.59 1.4 19.2 1.91 19.2Z" fill="var(--tiny-second-color,  rgba(0,103,209,0.7))" fill-opacity="1.000000" fill-rule="evenodd"/>
+	</g>
+</svg>
diff --git a/packages/vue-icon-multicolor/svgs/newspaper-subscription.svg b/packages/vue-icon-multicolor/svgs/newspaper-subscription.svg
new file mode 100644
index 000000000..e9b001618
--- /dev/null
+++ b/packages/vue-icon-multicolor/svgs/newspaper-subscription.svg
@@ -0,0 +1,11 @@
+<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+	<defs>
+		<clipPath id="clip377_46834">
+			<rect id="color-icon-newspaper-subscription" width="24.000000" height="24.000000" fill="white" fill-opacity="0"/>
+		</clipPath>
+	</defs>
+	<g clip-path="url(#clip377_46834)">
+		<path id="减去顶层" d="M6 2L4.72729 2C3.22095 2 2 3.22107 2 4.72729L2 19.2727C2 20.7789 3.22095 22 4.72729 22L19.2727 22C20.7791 22 22 20.7789 22 19.2727L22 4.72729C22 3.22107 20.7791 2 19.2727 2L12 2L12 10.7991C12 11.2437 11.4641 11.4664 11.1499 11.1517C10.4993 10.5001 9.62573 9.6192 9.09155 9.0575C9.06128 9.02563 9.01953 9.02527 8.98901 9.05658C8.43164 9.62726 7.51636 10.525 6.84546 11.1791C6.5293 11.4871 6 11.2629 6 10.8216L6 2Z" clip-rule="evenodd" fill="var(--tiny-first-color,  rgba(0,103,209,1))" fill-opacity="1.000000" fill-rule="evenodd"/>
+		<path id="path5" d="M6 2L6 10.82C6 11.26 6.52 11.48 6.84 11.17C7.51 10.52 8.43 9.62 8.98 9.05C9.01 9.02 9.06 9.02 9.09 9.05C9.62 9.61 10.49 10.5 11.14 11.15C11.46 11.46 12 11.24 12 10.79L12 2L6 2Z" fill="var(--tiny-second-color,  rgba(0,103,209,0.7))"  fill-opacity="0.5" fill-rule="evenodd"/>
+	</g>
+</svg>
diff --git a/packages/vue-icon-multicolor/svgs/office-equipments.svg b/packages/vue-icon-multicolor/svgs/office-equipments.svg
new file mode 100644
index 000000000..a7181be3c
--- /dev/null
+++ b/packages/vue-icon-multicolor/svgs/office-equipments.svg
@@ -0,0 +1,13 @@
+<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+	<defs>
+		<clipPath id="clip377_46796">
+			<rect id="color-icon-office-equipments" width="24.000000" height="24.000000" fill="white" fill-opacity="0"/>
+		</clipPath>
+	</defs>
+	<g clip-path="url(#clip377_46796)">
+		<path id="path5" d="M8.68 2L15.31 2C16.01 2 16.58 2.58 16.58 3.31L16.58 5.19L7.41 5.19L7.41 3.31C7.41 2.58 7.98 2 8.68 2Z" fill="var(--tiny-second-color,  rgba(0,103,209,0.7))" fill-opacity="1.000000" fill-rule="evenodd"/>
+		<path id="减去顶层" d="M4.70264 7L19.2974 7C20.79 7 22 8.16794 22 9.6087L22 16.3913C22 17.5974 21.1519 18.6124 20 18.9109L20 18.5192C20 18.2339 19.967 17.9551 19.9009 17.6827C19.8318 17.3973 19.7263 17.119 19.5845 16.8479C19.4753 16.6389 19.3481 16.4413 19.2029 16.255C19.0095 16.0066 18.7839 15.7783 18.5266 15.57C18.3418 15.4205 18.1462 15.286 17.9399 15.1666C17.6714 15.0112 17.3845 14.8813 17.0793 14.7769C16.8386 14.6945 16.5935 14.6304 16.3442 14.5848C16.0354 14.5283 15.7202 14.5 15.3987 14.5L8.60132 14.5C8.27979 14.5 7.96436 14.5283 7.65552 14.5848C7.58569 14.5976 7.51636 14.6118 7.44702 14.6275C7.26953 14.6678 7.09399 14.7175 6.92065 14.7769C6.61548 14.8813 6.32861 15.0112 6.06006 15.1666C5.85376 15.286 5.6582 15.4205 5.47339 15.57C5.21606 15.7783 4.99048 16.0066 4.79712 16.2549C4.65186 16.4413 4.52466 16.6389 4.41553 16.8479C4.27368 17.1191 4.16821 17.3973 4.09912 17.6827C4.03296 17.9551 4 18.2339 4 18.5192L4 18.9109C2.84814 18.6124 2 17.5974 2 16.3913L2 9.6087C2 8.16794 3.20996 7 4.70264 7ZM16.5835 10.1444C16.6221 9.16977 17.4033 8.39136 18.4163 8.39136C19.4292 8.39136 20.2502 9.20892 20.2502 10.2174C20.2502 11.226 19.4292 12.0435 18.4163 12.0435C17.4033 12.0435 16.5452 11.1191 16.5835 10.1444Z" clip-rule="evenodd" fill="var(--tiny-first-color,  rgba(0,103,209,1))" fill-opacity="1.000000" fill-rule="evenodd"/>
+		<path id="path9" d="M8 16L16 16C17.38 16 18.5 17.11 18.5 18.5L18.5 19.5C18.5 20.88 17.38 22 16 22L8 22C6.61 22 5.5 20.88 5.5 19.5L5.5 18.5C5.5 17.11 6.61 16 8 16Z" fill="var(--tiny-second-color,  rgba(0,103,209,0.7))"  fill-opacity="0.5" fill-opacity="1.000000" fill-rule="evenodd"/>
+		<path id="path10" d="M17.5 10.18C17.51 9.69 17.9 9.3 18.41 9.3C18.92 9.3 19.33 9.71 19.33 10.21C19.33 10.72 18.92 11.13 18.41 11.13C17.9 11.13 17.48 10.66 17.5 10.18Z" fill="var(--tiny-first-color,  rgba(0,103,209,1))" fill-opacity="1.000000" fill-rule="evenodd"/>
+	</g>
+</svg>
diff --git a/packages/vue-icon-multicolor/svgs/office-supplies.svg b/packages/vue-icon-multicolor/svgs/office-supplies.svg
new file mode 100644
index 000000000..5f2fbcdc7
--- /dev/null
+++ b/packages/vue-icon-multicolor/svgs/office-supplies.svg
@@ -0,0 +1,11 @@
+<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+	<defs>
+		<clipPath id="clip407_67798">
+			<rect id="color-icon-office-supplies" width="24.000000" height="24.000000" fill="white" fill-opacity="0"/>
+		</clipPath>
+	</defs>
+	<g clip-path="url(#clip407_67798)">
+		<path id="形状结合" d="M19.5835 7.14101L9.87988 16.8728C9.83984 16.912 9.80298 16.9546 9.76978 17.0006C9.73657 17.0478 9.70898 17.0973 9.68604 17.1491L7.88159 21L5.5 21C3.84326 21 2.5 19.6569 2.5 18L2.5 4.99854C2.5 3.34167 3.84326 1.99854 5.5 1.99854L16.5835 1.99854C18.2405 1.99854 19.5835 3.34169 19.5835 4.99854L19.5835 7.14101ZM13.5032 6.25L5.50317 6.25C5.08325 6.25 4.75317 6.58 4.75317 7C4.75317 7.42 5.08325 7.75 5.50317 7.75L13.5032 7.75C13.9231 7.75 14.2532 7.42 14.2532 7C14.2532 6.58 13.9231 6.25 13.5032 6.25ZM5.50244 9.25L11.5024 9.25C11.9224 9.25 12.2524 9.58 12.2524 10C12.2524 10.42 11.9224 10.75 11.5024 10.75L5.50244 10.75C5.08252 10.75 4.75244 10.42 4.75244 10C4.75244 9.58 5.08252 9.25 5.50244 9.25ZM19.5835 16.733L19.5835 18C19.5835 19.6569 18.2402 21 16.5835 21L15.3284 21L19.5835 16.733Z" clip-rule="evenodd" fill="var(--tiny-second-color,  rgba(0,103,209,0.7))" fill-opacity="1.000000" fill-rule="evenodd"/>
+		<path id="形状结合备份 6" d="M21.8752 9.58029C21.0713 8.79727 19.7712 8.80852 18.9785 9.60278L18.6729 9.90926L21.5935 12.8382L21.8982 12.5317C22.2922 12.1367 22.5073 11.6109 22.5032 11.0508C22.4983 10.4912 22.2761 9.96899 21.8752 9.58029ZM17.9297 10.6546L20.8501 13.5829L14.48 19.9707C14.4182 20.0326 14.3518 20.0734 14.2795 20.0994L10.2476 21.9515C10.1768 21.9838 10.1025 22 10.0288 22C9.89087 22 9.7561 21.9452 9.65454 21.8432C9.49976 21.6858 9.45898 21.4482 9.55298 21.2479L11.4468 17.2063C11.4607 17.1746 11.4775 17.1444 11.4978 17.1156C11.5181 17.0875 11.5405 17.0615 11.5652 17.0376L17.9297 10.6546Z" clip-rule="evenodd" fill="var(--tiny-first-color,  rgba(0,103,209,1))" fill-opacity="1.000000" fill-rule="evenodd"/>
+	</g>
+</svg>
diff --git a/packages/vue-icon-multicolor/svgs/others.svg b/packages/vue-icon-multicolor/svgs/others.svg
new file mode 100644
index 000000000..0dff02098
--- /dev/null
+++ b/packages/vue-icon-multicolor/svgs/others.svg
@@ -0,0 +1,11 @@
+<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+	<defs>
+		<clipPath id="clip377_46701">
+			<rect id="color-icon-others" width="24.000000" height="24.000000" fill="white" fill-opacity="0"/>
+		</clipPath>
+	</defs>
+	<g clip-path="url(#clip377_46701)">
+		<path id="减去顶层" d="M12 1.25C6.06299 1.25 1.25 6.06293 1.25 12C1.25 17.9371 6.06299 22.75 12 22.75C17.937 22.75 22.75 17.9371 22.75 12C22.75 6.06293 17.937 1.25 12 1.25ZM7.5 12C7.5 11.171 6.8291 10.5 6 10.5C5.1709 10.5 4.5 11.171 4.5 12C4.5 12.829 5.1709 13.5 6 13.5C6.8291 13.5 7.5 12.829 7.5 12ZM13.5 12C13.5 11.171 12.8291 10.5 12 10.5C11.1709 10.5 10.5 11.171 10.5 12C10.5 12.829 11.1709 13.5 12 13.5C12.8291 13.5 13.5 12.829 13.5 12ZM18 10.5C18.8291 10.5 19.5 11.171 19.5 12C19.5 12.829 18.8291 13.5 18 13.5C17.1709 13.5 16.5 12.829 16.5 12C16.5 11.171 17.1709 10.5 18 10.5Z" clip-rule="evenodd" fill="var(--tiny-first-color,  rgba(0,103,209,1))" fill-opacity="1.000000" fill-rule="evenodd"/>
+		<path id="合并" d="M6 10.5C6.8291 10.5 7.5 11.171 7.5 12C7.5 12.829 6.8291 13.5 6 13.5C5.1709 13.5 4.5 12.829 4.5 12C4.5 11.171 5.1709 10.5 6 10.5ZM12 10.5C12.8291 10.5 13.5 11.171 13.5 12C13.5 12.829 12.8291 13.5 12 13.5C11.1709 13.5 10.5 12.829 10.5 12C10.5 11.171 11.1709 10.5 12 10.5ZM19.5 12C19.5 11.171 18.8291 10.5 18 10.5C17.1709 10.5 16.5 11.171 16.5 12C16.5 12.829 17.1709 13.5 18 13.5C18.8291 13.5 19.5 12.829 19.5 12Z" clip-rule="evenodd" fill="var(--tiny-second-color,  rgba(0,103,209,0.7))"  fill-opacity="0.5" fill-rule="evenodd"/>
+	</g>
+</svg>
diff --git a/packages/vue-icon-multicolor/svgs/phone-bills.svg b/packages/vue-icon-multicolor/svgs/phone-bills.svg
new file mode 100644
index 000000000..b28803c93
--- /dev/null
+++ b/packages/vue-icon-multicolor/svgs/phone-bills.svg
@@ -0,0 +1,13 @@
+<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+	<defs>
+		<clipPath id="clip377_46712">
+			<rect id="color-icon-phone-bills" width="24.000000" height="24.000000" fill="white" fill-opacity="0"/>
+		</clipPath>
+	</defs>
+	<g clip-path="url(#clip377_46712)">
+		<path id="减去顶层" d="M17.8667 1L6.1333 1C4.95508 1 4 1.88736 4 2.98199L4 21.018C4 22.1126 4.95508 23 6.1333 23L17.8667 23C19.0449 23 20 22.1126 20 21.018L20 2.98199C20 1.88736 19.0449 1 17.8667 1ZM7.2334 2.5L16.7666 2.5C17.7239 2.5 18.5 3.27643 18.5 4.23422L7.2334 21.75C6.27612 21.75 5.5 20.9735 5.5 20.0158L5.5 4.23422C5.5 3.27643 6.27612 2.5 7.2334 2.5ZM9 20.25C8.58008 20.25 8.25 20.58 8.25 21C8.25 21.42 8.58008 21.75 9 21.75L15 21.75C15.4199 21.75 15.75 21.42 15.75 21C15.75 20.58 15.4199 20.25 15 20.25L9 20.25Z" clip-rule="evenodd" fill="var(--tiny-first-color,  rgba(0,103,209,1))" fill-opacity="1.000000" fill-rule="evenodd"/>
+		<g opacity="0.700000">
+			<path id="减去顶层" d="M16.7666 2.5L7.2334 2.5C6.27612 2.5 5.5 3.27643 5.5 4.23422L5.5 20.0158C5.5 20.9735 6.27612 21.75 7.2334 21.75L18.5 4.23422C18.5 3.27643 17.7239 2.5 16.7666 2.5ZM13 5C13 5.55228 12.5522 6 12 6C11.4478 6 11 5.55228 11 5C11 4.44772 11.4478 4 12 4C12.5522 4 13 4.44772 13 5Z" clip-rule="evenodd" fill="var(--tiny-second-color,  rgba(0,103,209,0.7))" fill-opacity="1.000000" fill-rule="evenodd"/>
+		</g>
+	</g>
+</svg>
diff --git a/packages/vue-icon-multicolor/svgs/physical-examination.svg b/packages/vue-icon-multicolor/svgs/physical-examination.svg
new file mode 100644
index 000000000..bd0097cb6
--- /dev/null
+++ b/packages/vue-icon-multicolor/svgs/physical-examination.svg
@@ -0,0 +1,12 @@
+<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+	<defs>
+		<clipPath id="clip379_46365">
+			<rect id="color-icon-physical-examination" width="24.000000" height="24.000000" fill="white" fill-opacity="0"/>
+		</clipPath>
+	</defs>
+	<g clip-path="url(#clip379_46365)">
+		<path id="ic_ict_detection_2_5" d="M2.75 9.15C2.75 12.33 5.35 14.92 8.6 14.99L8.75 15C12.06 15 14.75 12.38 14.75 9.15L14.75 7C14.75 7 11.75 9 8.75 9C5.75 9 2.75 7 2.75 7L2.75 9.15Z" fill="var(--tiny-second-color,  rgba(0,103,209,0.7))"  fill-opacity="0.5" fill-rule="evenodd"/>
+		<path id="矢量 333" d="M7.76 3.11C7.76 3.19 7.75 3.27 7.73 3.34C7.72 3.41 7.7 3.48 7.67 3.55C7.64 3.61 7.61 3.67 7.57 3.73C7.53 3.79 7.49 3.85 7.44 3.9C7.38 3.95 7.33 4 7.27 4.04C7.21 4.08 7.15 4.11 7.09 4.14C7.02 4.17 6.96 4.19 6.89 4.21C6.81 4.22 6.74 4.23 6.66 4.23L3.94 4.23L3.94 9.02C3.94 9.4 3.98 9.76 4.06 10.12C4.12 10.39 4.2 10.65 4.31 10.92C4.42 11.19 4.55 11.45 4.71 11.7C4.88 11.97 5.09 12.23 5.32 12.47C5.55 12.71 5.81 12.93 6.08 13.12C6.31 13.28 6.56 13.41 6.81 13.53C7.08 13.65 7.35 13.75 7.63 13.81C7.96 13.9 8.3 13.94 8.65 13.95L8.78 13.95C9.11 13.95 9.43 13.92 9.75 13.85C10.05 13.79 10.35 13.69 10.65 13.57C10.91 13.45 11.16 13.32 11.4 13.16C11.68 12.97 11.94 12.76 12.18 12.51C12.42 12.27 12.63 12.01 12.81 11.73C12.97 11.48 13.1 11.22 13.22 10.94C13.33 10.68 13.42 10.4 13.48 10.13C13.56 9.77 13.6 9.4 13.6 9.02L13.6 4.23L10.89 4.23C10.82 4.23 10.74 4.22 10.67 4.21C10.61 4.2 10.55 4.18 10.49 4.15C10.43 4.13 10.37 4.1 10.32 4.07C10.26 4.03 10.21 3.99 10.16 3.94C10.11 3.9 10.06 3.85 10.02 3.8C9.98 3.74 9.95 3.69 9.92 3.63C9.88 3.57 9.86 3.51 9.84 3.44C9.82 3.38 9.8 3.29 9.8 3.22C9.8 3.22 9.79 3.12 9.79 3.11C9.79 3.03 9.8 2.96 9.81 2.88C9.83 2.81 9.85 2.74 9.88 2.68C9.9 2.61 9.94 2.55 9.97 2.49C10.01 2.43 10.06 2.37 10.11 2.32C10.16 2.27 10.22 2.22 10.28 2.18C10.34 2.14 10.4 2.11 10.46 2.08C10.53 2.05 10.59 2.03 10.66 2.02C10.74 2 10.81 2 10.89 2L14.7 2C14.77 2 14.85 2 14.92 2.02C14.99 2.03 15.06 2.05 15.12 2.08C15.19 2.11 15.25 2.14 15.3 2.18C15.36 2.22 15.42 2.27 15.47 2.32C15.52 2.37 15.57 2.43 15.61 2.49C15.65 2.55 15.68 2.61 15.71 2.68C15.73 2.74 15.76 2.81 15.77 2.88C15.79 2.96 15.79 3.03 15.79 3.11L15.79 9.02C15.79 9.55 15.74 10.06 15.63 10.56C15.54 10.97 15.42 11.36 15.27 11.75C15.1 12.15 14.91 12.53 14.68 12.89C14.44 13.29 14.15 13.66 13.82 14C13.49 14.35 13.13 14.66 12.75 14.93C12.41 15.17 12.05 15.37 11.67 15.55C11.28 15.73 10.88 15.87 10.47 15.98C10.2 16.04 9.93 16.1 9.66 16.13C9.67 16.31 9.69 16.49 9.73 16.67C9.78 16.91 9.86 17.14 9.96 17.37C10.03 17.55 10.12 17.72 10.23 17.89C10.39 18.15 10.58 18.39 10.8 18.61C10.97 18.78 11.15 18.93 11.34 19.06C11.56 19.21 11.8 19.34 12.06 19.45C12.26 19.53 12.46 19.6 12.66 19.65C12.97 19.72 13.29 19.76 13.61 19.76C13.91 19.76 14.2 19.73 14.49 19.66C14.69 19.62 14.88 19.56 15.07 19.49C15.32 19.39 15.55 19.27 15.77 19.13C15.95 19.01 16.13 18.88 16.29 18.73C16.51 18.53 16.71 18.31 16.88 18.07C16.98 17.92 17.07 17.76 17.15 17.6C17.27 17.38 17.36 17.15 17.43 16.91C17.49 16.68 17.53 16.45 17.55 16.21C17.56 16.13 17.58 16.06 17.6 15.98C17.62 15.91 17.65 15.85 17.68 15.79C17.71 15.72 17.75 15.67 17.79 15.61C17.84 15.55 17.89 15.5 17.95 15.45C18 15.41 18.06 15.37 18.13 15.33C18.19 15.3 18.25 15.27 18.31 15.25C18.38 15.23 18.45 15.21 18.52 15.2C18.6 15.2 18.67 15.19 18.75 15.2C18.83 15.21 18.9 15.22 18.97 15.25C19.04 15.27 19.1 15.3 19.17 15.33C19.23 15.36 19.28 15.4 19.34 15.45C19.39 15.49 19.44 15.54 19.49 15.6C19.54 15.66 19.58 15.72 19.61 15.78C19.65 15.84 19.67 15.91 19.69 15.98C19.71 16.04 19.73 16.11 19.74 16.18C19.75 16.26 19.75 16.34 19.74 16.42C19.7 16.81 19.63 17.19 19.53 17.55C19.42 17.92 19.28 18.28 19.11 18.62C18.96 18.9 18.8 19.17 18.62 19.42C18.37 19.77 18.08 20.1 17.76 20.39C17.49 20.63 17.21 20.85 16.91 21.04C16.58 21.25 16.24 21.42 15.87 21.57C15.55 21.69 15.23 21.79 14.9 21.86C14.48 21.95 14.05 22 13.61 22C13.14 22 12.67 21.94 12.22 21.84C11.88 21.76 11.55 21.65 11.22 21.51C10.83 21.35 10.47 21.16 10.13 20.93C9.82 20.71 9.53 20.47 9.26 20.2C8.93 19.88 8.65 19.52 8.41 19.14C8.23 18.86 8.07 18.56 7.94 18.25C7.79 17.89 7.67 17.53 7.59 17.15C7.51 16.79 7.47 16.43 7.46 16.06C7.22 16.02 6.99 15.96 6.76 15.89C6.35 15.77 5.96 15.6 5.57 15.4C5.22 15.22 4.88 15 4.56 14.76C4.21 14.49 3.88 14.18 3.57 13.84C3.27 13.5 3 13.13 2.77 12.75C2.56 12.4 2.38 12.03 2.23 11.65C2.09 11.28 1.98 10.9 1.9 10.52C1.8 10.03 1.75 9.53 1.75 9.02L1.75 3.11C1.75 3.03 1.75 2.96 1.77 2.88C1.78 2.81 1.8 2.74 1.83 2.68C1.86 2.61 1.89 2.55 1.93 2.49C1.97 2.43 2.01 2.37 2.07 2.32C2.12 2.27 2.17 2.22 2.23 2.18C2.29 2.14 2.35 2.11 2.42 2.08C2.48 2.05 2.55 2.03 2.62 2.02C2.69 2 2.77 2 2.84 2L6.66 2C6.74 2 6.81 2 6.89 2.02C6.96 2.03 7.02 2.06 7.09 2.08C7.15 2.11 7.21 2.14 7.27 2.18C7.33 2.22 7.38 2.27 7.44 2.32C7.49 2.37 7.53 2.43 7.57 2.49C7.61 2.55 7.64 2.61 7.67 2.68C7.7 2.74 7.72 2.81 7.73 2.88C7.75 2.96 7.76 3.03 7.76 3.11Z" fill="var(--tiny-first-color,  rgba(0,103,209,1))" fill-opacity="1.000000" fill-rule="evenodd"/>
+		<circle id="ic_ict_detection_2_6" cx="19.250000" cy="15.000000" r="3.000000" fill="var(--tiny-first-color,  rgba(0,103,209,1))" fill-opacity="1.000000"/>
+	</g>
+</svg>
diff --git a/packages/vue-icon-multicolor/svgs/private-vehicle-allowance.svg b/packages/vue-icon-multicolor/svgs/private-vehicle-allowance.svg
new file mode 100644
index 000000000..738b79a74
--- /dev/null
+++ b/packages/vue-icon-multicolor/svgs/private-vehicle-allowance.svg
@@ -0,0 +1,11 @@
+<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+	<defs>
+		<clipPath id="clip377_46763">
+			<rect id="color-icon-private-vehicle-allowance" width="24.000000" height="24.000000" fill="white" fill-opacity="0"/>
+		</clipPath>
+	</defs>
+	<g clip-path="url(#clip377_46763)">
+		<path id="减去顶层" d="M19.5925 4.48756C19.4473 4.34632 19.2893 4.2269 19.1182 4.1293C18.9478 4.03236 18.7625 3.95584 18.5664 3.90208C16.4236 3.31266 14.2786 3.01199 12.1326 3.00037C12.0894 3.00012 12.0461 3 12.0032 3C9.8125 3 7.62134 3.3011 5.42969 3.90331C5.23242 3.95789 5.0481 4.03428 4.87695 4.13244C4.70752 4.22979 4.5498 4.34899 4.40601 4.48916C4.26196 4.62954 4.13965 4.78258 4.03931 4.94834C3.93848 5.11523 3.85938 5.29583 3.80273 5.48841L2.15625 11.1132C2.06909 11.1699 1.98608 11.2314 1.90698 11.2976C1.7854 11.3997 1.67285 11.5134 1.5708 11.6379C1.46924 11.7615 1.3811 11.892 1.30591 12.0294C1.23584 12.1577 1.17554 12.2955 1.12866 12.4358C1.0813 12.5769 1.04688 12.7199 1.02563 12.8648C1.00195 13.0275 0.994385 13.1964 1.00366 13.3636L1.33813 19.4709C1.34961 19.6815 1.40088 19.8818 1.49219 20.0718C1.58057 20.2553 1.7002 20.4171 1.85083 20.557C2.00171 20.6969 2.17334 20.805 2.36548 20.8814C2.45898 20.9186 2.55469 20.9471 2.6521 20.9668C2.76123 20.9889 2.8728 21 2.98682 21L5.8667 21C6.00366 21 6.12329 20.9709 6.22559 20.9127C6.32788 20.8546 6.41309 20.7674 6.48096 20.6511L7.22095 19.3845L9.71265 19.3845L9.71338 19.3241C9.71191 18.8452 9.79492 18.4025 9.96216 17.9959C10.105 17.6484 10.3096 17.3273 10.5757 17.0325C10.6318 16.9705 10.6907 16.9094 10.7527 16.8493L8.69775 16.8508C8.30151 16.8511 7.98999 16.5466 7.9895 16.1589C7.98926 15.7712 8.30054 15.4665 8.69678 15.4661L12.3469 15.4636C12.345 15.459 12.3433 15.4544 12.3413 15.4498L12.2947 15.3212C12.252 15.1953 12.2175 15.0677 12.1914 14.9383C12.1406 14.688 12.1211 14.4312 12.1326 14.1678C12.147 13.8343 12.2217 13.4886 12.333 13.193C12.3611 12.6025 12.4626 12.0588 12.6375 11.562C12.8237 11.0326 13.103 10.5541 13.4426 10.1636C13.5061 10.0917 13.5715 10.0227 13.6394 9.9566C13.0784 9.93425 12.5317 9.92308 11.9998 9.92308C9.69897 9.92308 7.1272 10.132 4.28418 10.5499L5.6167 5.99719C5.62793 5.95933 5.64331 5.92393 5.66309 5.89099C5.72119 5.83444 5.86353 5.70187 5.94165 5.68023C7.96533 5.12417 9.98584 4.84613 12.0032 4.84613C14.019 4.84613 16.0369 5.12394 18.0566 5.67956C18.1353 5.70113 18.2039 5.74016 18.2617 5.79658C18.3198 5.85294 18.3599 5.91969 18.3826 5.99676L19.5488 9.98157C19.613 10.0449 19.6741 10.1084 19.7278 10.1674C20.0671 10.5532 20.3308 11.0081 20.519 11.532C20.7002 12.0362 20.8052 12.5877 20.834 13.1863C20.853 13.2335 20.8708 13.2812 20.8875 13.3294C20.9739 13.5814 21.0247 13.8462 21.0396 14.1237C21.0461 14.2422 21.0459 14.3603 21.0388 14.478C21.0249 14.7175 20.9832 14.9553 20.9138 15.1914L20.8777 15.3063C20.8264 15.4569 20.7666 15.6005 20.6982 15.7372C21.0571 15.9032 21.3738 16.0742 21.6482 16.2501C22.0225 16.4899 22.3362 16.7496 22.5896 17.0293C22.658 17.1047 22.7222 17.1818 22.7825 17.2606L22.9958 13.3641C23.0134 13.0462 22.9717 12.7368 22.8708 12.4358C22.8237 12.2954 22.7654 12.1612 22.6953 12.0328C22.6201 11.8951 22.5303 11.7618 22.4287 11.6379C22.2603 11.4325 22.0649 11.2575 21.843 11.1132L20.1968 5.48872C20.1404 5.29616 20.0618 5.11638 19.9612 4.94951C19.8604 4.7827 19.7375 4.62874 19.5925 4.48756ZM3.98071 16.8508L6.81128 16.8462C7.20776 16.8455 7.51855 16.5404 7.51782 16.1527C7.51709 15.765 7.20532 15.4609 6.80908 15.4615L3.97827 15.4661C3.58203 15.4668 3.27124 15.7719 3.27197 16.1596C3.27246 16.5473 3.58447 16.8514 3.98071 16.8508Z" clip-rule="evenodd" fill="var(--tiny-second-color,  rgba(0,103,209,0.7))" fill-opacity="1.000000" fill-rule="evenodd"/>
+		<path id="矢量 288" d="M14.4 11.15C13.99 11.68 13.79 12.45 13.79 13.34C13.7 13.47 13.63 13.62 13.6 13.8C13.59 13.86 13.58 13.93 13.58 13.99C13.57 14.18 13.6 14.36 13.67 14.55C13.74 14.77 13.85 14.95 14 15.1C14.1 15.21 14.21 15.29 14.33 15.36C14.38 15.44 14.5 15.61 14.55 15.69C14.65 15.81 14.71 15.92 14.75 16.02C14.78 16.08 14.8 16.14 14.8 16.17C14.79 16.2 14.76 16.23 14.68 16.27C14.58 16.32 14.36 16.41 14.01 16.54C13.63 16.68 13.34 16.79 13.13 16.88C12.77 17.03 12.47 17.19 12.21 17.35C11.62 17.73 11.26 18.16 11.14 18.66C11.1 18.79 11.08 18.93 11.08 19.08L11.08 19.36C11.08 19.57 11.08 19.73 11.08 19.83C11.09 20.03 11.12 20.19 11.16 20.32C11.23 20.52 11.34 20.68 11.49 20.8C11.65 20.92 11.87 20.99 12.11 21L21.06 20.99C21.3 20.99 21.5 20.92 21.66 20.8C21.82 20.68 21.93 20.52 22 20.32C22.04 20.19 22.07 20.03 22.07 19.83C22.08 19.73 22.08 19.57 22.08 19.36C22.07 19.23 22.07 19.14 22.07 19.08C22.07 18.93 22.06 18.79 22.02 18.66C21.9 18.17 21.54 17.73 20.94 17.35C20.69 17.19 20.38 17.03 20.02 16.88C19.82 16.79 19.53 16.68 19.14 16.54C18.8 16.41 18.58 16.32 18.48 16.27C18.4 16.23 18.36 16.2 18.36 16.18C18.36 16.14 18.37 16.1 18.39 16.04C18.43 15.95 18.52 15.8 18.6 15.69C18.68 15.58 18.76 15.47 18.83 15.35C18.95 15.29 19.06 15.21 19.16 15.1C19.19 15.07 19.22 15.03 19.25 14.99C19.35 14.86 19.43 14.72 19.49 14.55C19.56 14.36 19.58 14.18 19.58 13.99C19.57 13.93 19.57 13.86 19.55 13.8C19.52 13.62 19.46 13.41 19.37 13.28C19.37 12.39 19.16 11.68 18.76 11.15C18.64 11 18.51 10.87 18.37 10.75C18.22 10.63 18.04 10.53 17.86 10.44C17.49 10.28 17.06 10.2 16.58 10.2C16.1 10.2 15.67 10.28 15.3 10.44C15.11 10.53 14.94 10.63 14.78 10.75C14.64 10.87 14.51 11 14.4 11.15Z" fill="var(--tiny-first-color,  rgba(0,103,209,1))" fill-opacity="1.000000" fill-rule="evenodd"/>
+	</g>
+</svg>
diff --git a/packages/vue-icon-multicolor/svgs/service-charges.svg b/packages/vue-icon-multicolor/svgs/service-charges.svg
new file mode 100644
index 000000000..1fc79b0d6
--- /dev/null
+++ b/packages/vue-icon-multicolor/svgs/service-charges.svg
@@ -0,0 +1,11 @@
+<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+	<defs>
+		<clipPath id="clip377_46664">
+			<rect id="color-icon-service-charges" width="24.000000" height="24.000000" fill="white" fill-opacity="0"/>
+		</clipPath>
+	</defs>
+	<g clip-path="url(#clip377_46664)">
+		<path id="矢量 334" d="M1 9.5L23 9.5L23 18C23 19.65 21.68 21 20.06 21L3.93 21C2.31 21 1 19.65 1 18L1 9.5ZM9 13L6 13C5.44 13 5 13.44 5 14L5 17C5 17.55 5.44 18 6 18L9 18C9.55 18 10 17.55 10 17L10 14C10 13.44 9.55 13 9 13Z" fill="var(--tiny-first-color,  rgba(0,103,209,1))" fill-opacity="1.000000" fill-rule="evenodd"/>
+		<path id="矢量 334" d="M3.93 3L20.06 3C21.68 3 23 4.34 23 6L23 8L1 8L1 6C1 4.34 2.31 3 3.93 3Z" fill="var(--tiny-second-color,  rgba(0,103,209,0.7))" fill-opacity="1.000000" fill-rule="evenodd"/>
+	</g>
+</svg>
diff --git a/packages/vue-icon-multicolor/svgs/taxi-fares.svg b/packages/vue-icon-multicolor/svgs/taxi-fares.svg
new file mode 100644
index 000000000..51c207c95
--- /dev/null
+++ b/packages/vue-icon-multicolor/svgs/taxi-fares.svg
@@ -0,0 +1,11 @@
+<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+	<defs>
+		<clipPath id="clip377_46621">
+			<rect id="color-icon-taxi-fares" width="24.000000" height="24.000000" fill="white" fill-opacity="0"/>
+		</clipPath>
+	</defs>
+	<g clip-path="url(#clip377_46621)">
+		<path id="path7" d="M20 13L18.46 6.01C18.36 5.54 18.08 5.18 17.72 5.04C15.81 4.34 13.9 4 12 4C10.09 4 8.18 4.34 6.27 5.04C5.91 5.18 5.63 5.54 5.53 6.01L4 13L20 13Z" fill="var(--tiny-second-color,  rgba(0,103,209,0.7))"  fill-opacity="0.5" fill-rule="evenodd"/>
+		<path id="减去顶层" d="M18.1223 4.07117C18.2534 4.11707 18.3782 4.17603 18.4963 4.24829C18.7012 4.37378 18.8867 4.53906 19.052 4.74414C19.1387 4.85144 19.2161 4.96497 19.2842 5.08496C19.4158 5.31592 19.5134 5.57056 19.5771 5.84875L20.823 11.2708C20.9199 11.3317 21.0627 11.4304 21.1489 11.5043C21.2769 11.6138 21.3928 11.7373 21.4971 11.8751C21.5757 11.979 21.6453 12.0879 21.7061 12.2017C21.7793 12.3392 21.8396 12.484 21.8867 12.6361C21.9255 12.7621 21.9543 12.8896 21.9734 13.0188C21.9971 13.1823 22.0046 13.3483 21.9961 13.5167C22.0039 13.6072 22.0017 13.7761 21.9968 13.8694L21.6855 20.1075C21.6606 20.608 21.2751 21 20.8083 21L17.6082 21C17.501 21 17.4011 20.9722 17.3088 20.9165C17.2166 20.8608 17.1445 20.785 17.0928 20.6892L16.3977 19.4L7.60303 19.4L6.90796 20.6892C6.87646 20.7474 6.83765 20.7982 6.79126 20.8417L6.70703 21L3.75928 21C3.66211 21 3.56665 20.9902 3.47314 20.9707C3.38208 20.9517 3.29321 20.9233 3.20581 20.8857C3.13306 20.8544 3.06372 20.8175 2.9978 20.775C2.91016 20.7188 2.82861 20.6527 2.75317 20.5768C2.69312 20.5165 2.63867 20.4518 2.59009 20.3831C2.55176 20.3217 2.47241 20.1895 2.44238 20.1219C2.4082 20.0448 2.38037 19.9658 2.35938 19.8851C2.33228 19.7815 2.31592 19.675 2.3103 19.5656L2.00464 13.5164C1.99683 13.3629 2.00244 13.2115 2.02148 13.0623C2.04028 12.9312 2.07446 12.764 2.11401 12.6361C2.1499 12.5204 2.19336 12.4088 2.24438 12.3015C2.2605 12.2678 2.2771 12.2346 2.29468 12.2018C2.35547 12.0879 2.42505 11.979 2.50366 11.8751C2.58081 11.7732 2.66431 11.6791 2.75439 11.5927C2.78589 11.5623 2.8186 11.5328 2.85181 11.5043C2.93799 11.4304 3.0293 11.3632 3.12646 11.3022L4.42358 5.84851C4.48779 5.57007 4.58569 5.31531 4.71753 5.08411C4.7854 4.96521 4.86206 4.85254 4.94775 4.74609C5.11255 4.54175 5.29688 4.37671 5.50122 4.2511C5.61938 4.17847 5.74414 4.1189 5.87549 4.07263C7.91846 3.35754 9.96094 3 12.0034 3C12.0408 3 12.0781 3.00012 12.1152 3.00037C14.1191 3.01318 16.1221 3.37024 18.1223 4.07117ZM4.9458 10.8213C7.54565 10.4071 9.89722 10.2 12.0005 10.2C14.1035 10.2 16.4551 10.4071 19.0549 10.8213L18.0205 6.31921C17.9949 6.20776 17.9282 6.07886 17.8694 5.99658C17.8127 5.92615 17.7219 5.86523 17.6511 5.83496C15.7666 5.17456 13.884 4.84436 12.0034 4.84436C10.1218 4.84436 8.21704 5.18237 6.32886 5.84326C6.25562 5.87341 6.16382 5.95923 6.10498 6.0321C6.04712 6.11377 6.00537 6.20959 5.98022 6.31958L4.9458 10.8213ZM7.00757 15L5.67749 15C5.29883 15 5.00122 15.3301 5.00122 15.7501C5.00122 16.17 5.29883 16.5 5.67749 16.5L7.00757 16.5C7.38623 16.5 7.68408 16.17 7.68408 15.7501C7.68408 15.3301 7.38623 15 7.00757 15ZM10.2539 16.5L13.7485 16.5C14.1272 16.5 14.4248 16.17 14.4248 15.7501C14.4248 15.3301 14.1272 15 13.7485 15L10.2539 15C9.87524 15 9.57764 15.3301 9.57764 15.7501C9.57764 16.17 9.87524 16.5 10.2539 16.5ZM16.9949 16.5L18.325 16.5C18.7036 16.5 19.0012 16.17 19.0012 15.7501C19.0012 15.3301 18.7036 15 18.325 15L16.9949 15C16.6162 15 16.3186 15.3301 16.3186 15.7501C16.3186 16.17 16.6162 16.5 16.9949 16.5Z" clip-rule="evenodd" fill="var(--tiny-first-color,  rgba(0,103,209,1))" fill-opacity="1.000000" fill-rule="evenodd"/>
+	</g>
+</svg>
diff --git a/packages/vue-icon-multicolor/svgs/train-fares.svg b/packages/vue-icon-multicolor/svgs/train-fares.svg
new file mode 100644
index 000000000..abc1faba7
--- /dev/null
+++ b/packages/vue-icon-multicolor/svgs/train-fares.svg
@@ -0,0 +1,12 @@
+<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+	<defs>
+		<clipPath id="clip377_46904">
+			<rect id="color-icon-train-fares" width="24.000000" height="24.000000" fill="white" fill-opacity="0"/>
+		</clipPath>
+	</defs>
+	<g clip-path="url(#clip377_46904)">
+		<path id="路径" d="M19 3L19 13L16.5 13L8.5 3L19 3Z" fill="var(--tiny-second-color,  rgba(0,103,209,0.7))"  fill-opacity="0.5" fill-rule="evenodd"/>
+		<path id="矩形" d="M16.5 13L5 13L5 3L8.5 3L16.5 13Z" fill="var(--tiny-second-color,  rgba(0,103,209,0.7))" fill-opacity="1.000000" fill-rule="evenodd"/>
+		<path id="形状结合" d="M16.5151 1.5C18.645 1.5 20.3845 3.15112 20.4944 5.22864L20.5 5.43774L20.5 16.4701C20.5 18.3834 19.1191 19.978 17.2883 20.3337L17.9229 20.8704C18.3157 21.2036 18.3608 21.7886 18.0237 22.1769C17.7144 22.5328 17.1914 22.6 16.8037 22.3521L16.7014 22.2765L14.5762 20.474L14.5066 20.4073L9.48999 20.4073L9.42188 20.474L7.29663 22.2765C6.90356 22.6099 6.31177 22.5652 5.97437 22.1769C5.66528 21.8209 5.67749 21.2998 5.98438 20.9587L6.0752 20.8704L6.70947 20.3334C4.94702 19.9899 3.60181 18.498 3.50562 16.6792L3.5 16.4701L3.5 5.43774C3.5 3.33313 5.1709 1.61414 7.27319 1.50549L7.48486 1.5L16.5151 1.5ZM7.33179 3L16.6682 3C17.9561 3 19 3.97864 19 5.18567L19 10.8143C19 12.0214 17.9561 13 16.6682 13L7.33179 13C6.04395 13 5 12.0214 5 10.8143L5 5.18567C5 3.97864 6.04395 3 7.33179 3ZM7 16C7 15.4478 7.44775 15 8 15C8.55225 15 9 15.4478 9 16C9 16.5522 8.55225 17 8 17C7.44775 17 7 16.5522 7 16ZM16 15C15.4478 15 15 15.4478 15 16C15 16.5522 15.4478 17 16 17C16.5522 17 17 16.5522 17 16C17 15.4478 16.5522 15 16 15Z" clip-rule="evenodd" fill="var(--tiny-first-color,  rgba(0,103,209,1))" fill-opacity="1.000000" fill-rule="evenodd"/>
+	</g>
+</svg>
diff --git a/packages/vue-icon-multicolor/svgs/training-fees.svg b/packages/vue-icon-multicolor/svgs/training-fees.svg
new file mode 100644
index 000000000..180e31e79
--- /dev/null
+++ b/packages/vue-icon-multicolor/svgs/training-fees.svg
@@ -0,0 +1,13 @@
+<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+	<defs>
+		<clipPath id="clip407_67841">
+			<rect id="color-icon-training-fees" width="24.000000" height="24.000000" fill="white" fill-opacity="0"/>
+		</clipPath>
+	</defs>
+	<g clip-path="url(#clip407_67841)">
+		<path id="减去顶层" d="M3 3L21 3L21 5.87805C20.9351 5.79663 20.865 5.71851 20.79 5.64355C20.6577 5.51123 20.5154 5.39441 20.3625 5.29297C20.2197 5.19812 20.0681 5.1167 19.9075 5.04883C19.7454 4.9801 19.5796 4.92761 19.4104 4.89136C19.22 4.85046 19.0251 4.82996 18.8259 4.82996C18.6267 4.82996 18.4319 4.85046 18.2415 4.89136C18.0723 4.92761 17.9067 4.9801 17.7444 5.04883C17.5837 5.1167 17.4321 5.19812 17.2893 5.29285C17.1367 5.39441 16.9941 5.51123 16.8618 5.64355C16.7295 5.77588 16.6125 5.91833 16.5112 6.07117C16.4163 6.21387 16.335 6.36548 16.2671 6.52612C16.1985 6.68835 16.146 6.85413 16.1096 7.02332C16.0686 7.21375 16.0483 7.40857 16.0483 7.60767C16.0483 7.80688 16.0686 8.00171 16.1096 8.19214C16.146 8.36133 16.1985 8.5271 16.2671 8.68933C16.335 8.84985 16.4163 9.00159 16.5112 9.14429C16.5732 9.23779 16.6411 9.32739 16.7146 9.41321L14.1167 9.41321C13.9988 9.41321 13.8831 9.42493 13.77 9.44849C13.6631 9.47083 13.5583 9.50366 13.4558 9.547C13.356 9.58923 13.2617 9.64001 13.1731 9.69934C13.0815 9.7605 12.9963 9.83081 12.917 9.91016C12.8376 9.9895 12.7673 10.075 12.7061 10.1664L12.7061 10.1664C12.6467 10.255 12.5959 10.3492 12.5537 10.4491C12.5105 10.5516 12.4775 10.6564 12.4553 10.7633C12.4316 10.8763 12.4199 10.9919 12.4199 11.11C12.4199 11.2102 12.4277 11.3091 12.4431 11.4067C12.458 11.5001 12.48 11.5924 12.509 11.6836C12.5376 11.7736 12.5728 11.8605 12.614 11.9443C12.6562 12.0303 12.7051 12.1129 12.7605 12.1923C12.8162 12.2717 12.877 12.3461 12.9431 12.4153C13.0076 12.4828 13.0771 12.5455 13.1519 12.6034C13.2275 12.662 13.3066 12.7144 13.3892 12.7604C13.4756 12.8085 13.5657 12.8499 13.6599 12.8843L16.2393 13.8284L16.2393 16L13 16L13 18.9999L11 18.9999L11 16L5.84204 16C4.27246 16 3 14.8735 3 13.4839L3 3ZM21 9.45618L21 9.33728C20.9719 9.37256 20.9429 9.4071 20.9128 9.44104C20.9421 9.44556 20.9712 9.45056 21 9.45618ZM5.625 7.00854L8.36035 7.00854C8.71045 7.00854 8.98535 7.28357 8.98535 7.63354C8.98535 7.98352 8.71045 8.25854 8.36035 8.25854L5.625 8.25854C5.27515 8.25854 5 7.98352 5 7.63354C5 7.28357 5.27515 7.00854 5.625 7.00854ZM5.625 10.1998L9.72852 10.1998C10.0784 10.1998 10.3535 10.4749 10.3535 10.8248C10.3535 11.1748 10.0784 11.4498 9.72852 11.4498L5.625 11.4498C5.27515 11.4498 5 11.1748 5 10.8248C5 10.4749 5.27515 10.1998 5.625 10.1998Z" clip-rule="evenodd" fill="var(--tiny-second-color,  rgba(0,103,209,0.7))" fill-opacity="1.000000" fill-rule="evenodd"/>
+		<path id="path6 (边框)" d="M21.22 2L2.77 2C2.34 2 2 2.37 2 2.83C2 3.3 2.34 3.67 2.77 3.67L21.22 3.67C21.65 3.67 22 3.3 22 2.83C22 2.37 21.65 2 21.22 2Z" fill="var(--tiny-first-color,  rgba(0,103,209,1))" fill-opacity="1.000000" fill-rule="evenodd"/>
+		<path id="path9" d="M18.82 6.08C19.66 6.08 20.35 6.76 20.35 7.61C20.35 8.45 19.66 9.13 18.82 9.13C17.97 9.13 17.29 8.45 17.29 7.61C17.29 6.76 17.97 6.08 18.82 6.08ZM14.11 10.66L20.54 10.66C21.17 10.66 21.68 11.17 21.68 11.81L21.68 14.86C21.68 15.28 21.34 15.63 20.92 15.63L20.15 15.63L20.15 18.68C20.15 18.89 19.98 19.06 19.77 19.06L17.86 19.06C17.65 19.06 17.48 18.89 17.48 18.68L17.48 12.95L14.08 11.71C13.83 11.62 13.66 11.38 13.66 11.11C13.66 10.86 13.86 10.66 14.11 10.66Z" fill="var(--tiny-first-color,  rgba(0,103,209,1))" fill-opacity="1.000000" fill-rule="evenodd"/>
+		<path id="path5" d="M12 22C13.1 22 14 21.1 14 20C14 18.89 13.1 18 12 18C10.89 18 10 18.89 10 20C10 21.1 10.89 22 12 22Z" fill="var(--tiny-first-color,  rgba(0,103,209,1))" fill-opacity="1.000000" fill-rule="evenodd"/>
+	</g>
+</svg>
diff --git a/packages/vue-icon-multicolor/svgs/travel-expenses.svg b/packages/vue-icon-multicolor/svgs/travel-expenses.svg
new file mode 100644
index 000000000..91e5ae2c7
--- /dev/null
+++ b/packages/vue-icon-multicolor/svgs/travel-expenses.svg
@@ -0,0 +1,11 @@
+<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+	<defs>
+		<clipPath id="clip377_46672">
+			<rect id="color-icon-travel-expenses" width="24.000000" height="24.000000" fill="white" fill-opacity="0"/>
+		</clipPath>
+	</defs>
+	<g clip-path="url(#clip377_46672)">
+		<path id="减去顶层" d="M23 17.6301C23 18.0921 22.9062 18.5341 22.719 18.956C22.5393 19.3603 22.2869 19.7174 21.9612 20.0275C21.6384 20.3348 21.2686 20.5724 20.8516 20.7405C20.4219 20.9135 19.9727 21 19.5039 21L4.49609 21C4.22241 21 3.95557 20.9705 3.69531 20.9116C3.69263 20.911 3.69019 20.9104 3.6875 20.9098C3.50464 20.8679 3.32495 20.8115 3.14844 20.7405C2.91309 20.6456 2.69263 20.5286 2.4873 20.3893L2.48706 20.3891L2.48584 20.3883C2.32788 20.2811 2.17896 20.1609 2.03882 20.0275C1.84082 19.839 1.66992 19.6331 1.52588 19.4097L1.52588 19.4097C1.43311 19.2657 1.35156 19.1145 1.28101 18.956C1.18726 18.7449 1.11694 18.5286 1.07007 18.3074C1.02344 18.0867 1 17.8608 1 17.6301L1 6.36993C1 6.13916 1.02344 5.91333 1.07007 5.69257C1.07056 5.69037 1.07104 5.68817 1.07153 5.68597C1.11841 5.46704 1.18823 5.25305 1.28101 5.04401C1.34937 4.89032 1.42822 4.74347 1.51758 4.60339C1.51807 4.60242 1.5188 4.60138 1.51953 4.6004C1.52148 4.59705 1.52368 4.59369 1.52588 4.59033C1.66992 4.367 1.84082 4.16101 2.03882 3.97247C2.17529 3.84265 2.32007 3.72522 2.47314 3.62024C2.47778 3.61707 2.48242 3.61395 2.48706 3.61084L2.48706 3.61084C2.69238 3.47156 2.91284 3.35443 3.14844 3.25952C3.32495 3.18854 3.50464 3.13208 3.6875 3.09021C3.68994 3.0896 3.69263 3.08905 3.69531 3.08844L3.69531 3.08844C3.95557 3.02948 4.22241 3 4.49609 3L19.5039 3C19.9727 3 20.4219 3.08655 20.8516 3.25952C21.2686 3.42755 21.6384 3.66522 21.9612 3.97247C22.2869 4.28259 22.5393 4.63971 22.719 5.04401C22.8127 5.25519 22.8831 5.47137 22.9299 5.69263C22.9766 5.91339 23 6.13916 23 6.36993L23 17.6301ZM6.87939 14.5969C6.90601 14.5424 6.93628 14.4931 6.97046 14.4489L6.93945 14.3749C6.92798 14.3475 6.89648 14.2323 6.8877 14.2036C6.85352 14.0287 6.8291 13.8529 6.81421 13.676C6.80298 13.5401 6.79712 13.4036 6.79712 13.2665L6.79712 13.0989L3.80493 13.4537C3.60498 13.4774 3.42676 13.4185 3.27026 13.277C3.11401 13.1354 3.02124 12.8669 3 12.6431L3 12.4242C3 12.3173 3.01709 12.2166 3.05103 12.122C3.07251 12.0621 3.10083 12.0046 3.13623 11.9496C3.22681 11.8077 3.34595 11.7087 3.49365 11.6525L6.79712 10.3939L6.79712 8.30206C6.79712 8.21149 6.80542 8.12286 6.82202 8.03625C6.8396 7.94556 6.86597 7.85706 6.90161 7.77075C6.92847 7.70581 6.95972 7.64417 6.99512 7.58582C7.04565 7.50281 7.10474 7.42645 7.17285 7.35681C7.22021 7.30823 7.27026 7.2644 7.32324 7.22534C7.39453 7.17285 7.47095 7.12897 7.55249 7.09369C7.61475 7.06659 7.67847 7.04541 7.74316 7.03015C7.8269 7.01038 7.9126 7.00049 8 7.00049C8.0874 7.00049 8.1731 7.01038 8.25684 7.03015C8.32153 7.04541 8.38525 7.06659 8.44751 7.09369C8.52905 7.12897 8.60547 7.17285 8.67676 7.2254C8.72974 7.2644 8.77979 7.30823 8.82715 7.35681C8.89526 7.42645 8.95435 7.50281 9.00488 7.58582C9.04028 7.64417 9.07153 7.70581 9.09839 7.77075C9.13403 7.85706 9.1604 7.94556 9.17798 8.03625C9.19458 8.12286 9.20288 8.21143 9.20288 8.30206L9.20288 10.3939L12.5063 11.6525C12.6541 11.7087 12.7732 11.8077 12.8638 11.9496C12.8992 12.0046 12.9275 12.0621 12.949 12.122C12.9829 12.2166 13 12.3173 13 12.4242L13 12.6431C13 12.8682 12.929 13.0603 12.7866 13.2195C12.6445 13.3787 12.3962 13.4537 12.1951 13.4537L9.20288 13.0989L9.20288 13.2665C9.20288 13.4034 9.19702 13.5397 9.18579 13.6753C9.1709 13.8524 9.14648 14.0286 9.1123 14.2036C9.10645 14.2332 9.06909 14.3463 9.06055 14.3749L9.02954 14.4489C9.06372 14.4931 9.09399 14.5424 9.12061 14.5969L9.7063 15.7925C9.77954 15.9416 9.80811 16.1007 9.79199 16.2698C9.78198 16.3784 9.75464 16.4787 9.70996 16.5706C9.68506 16.6219 9.65503 16.6707 9.61938 16.7168C9.48804 16.8873 9.32227 16.9808 9.12183 16.9974C9.03638 17.0045 8.95532 16.9968 8.87866 16.9742C8.77539 16.9437 8.67993 16.8863 8.59253 16.8019L8 16.2299L7.40747 16.8019C7.32007 16.8863 7.22461 16.9437 7.12134 16.9742C7.04468 16.9968 6.96362 17.0045 6.87817 16.9974C6.67773 16.9808 6.51196 16.8873 6.38062 16.7168C6.28125 16.588 6.22388 16.439 6.20801 16.2698C6.19189 16.1007 6.22046 15.9416 6.2937 15.7925L6.87939 14.5969ZM15 9.25L20 9.25C20.4199 9.25 20.75 9.58002 20.75 10C20.75 10.42 20.4199 10.75 20 10.75L15 10.75C14.5801 10.75 14.25 10.42 14.25 10C14.25 9.58002 14.5801 9.25 15 9.25ZM15 13.25L18 13.25C18.4199 13.25 18.75 13.58 18.75 14C18.75 14.42 18.4199 14.75 18 14.75L15 14.75C14.5801 14.75 14.25 14.42 14.25 14C14.25 13.58 14.5801 13.25 15 13.25Z" clip-rule="evenodd" fill="var(--tiny-first-color,  rgba(0,103,209,1))" fill-opacity="1.000000" fill-rule="evenodd"/>
+		<path id="矢量 323 (边框)" d="M15 9.25L20 9.25C20.41 9.25 20.75 9.58 20.75 10C20.75 10.42 20.41 10.75 20 10.75L15 10.75C14.58 10.75 14.25 10.42 14.25 10C14.25 9.58 14.58 9.25 15 9.25ZM15 13.25L18 13.25C18.41 13.25 18.75 13.58 18.75 14C18.75 14.42 18.41 14.75 18 14.75L15 14.75C14.58 14.75 14.25 14.42 14.25 14C14.25 13.58 14.58 13.25 15 13.25Z" fill="var(--tiny-second-color,  rgba(0,103,209,0.7))"  fill-opacity="0.5" fill-rule="evenodd"/>
+	</g>
+</svg>
diff --git a/packages/vue-icon-multicolor/svgs/venue-hospitality-fees.svg b/packages/vue-icon-multicolor/svgs/venue-hospitality-fees.svg
new file mode 100644
index 000000000..aa3e1c478
--- /dev/null
+++ b/packages/vue-icon-multicolor/svgs/venue-hospitality-fees.svg
@@ -0,0 +1,13 @@
+<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+	<defs>
+		<clipPath id="clip377_47104">
+			<rect id="color-icon-Venue-hospitality-fees" width="24.000000" height="24.000000" fill="white" fill-opacity="0"/>
+		</clipPath>
+	</defs>
+	<g clip-path="url(#clip377_47104)">
+		<path id="减去顶层" d="M3 3L21 3L21 7.50879C20.9392 7.50293 20.8777 7.5 20.8157 7.5L13.4846 7.5C13.4224 7.5 13.3606 7.50305 13.2988 7.50916C13.2432 7.51471 13.1877 7.52271 13.1323 7.5332C12.9934 7.55969 12.8608 7.60046 12.7344 7.65558C12.6414 7.69617 12.5518 7.74457 12.4653 7.80072C12.3586 7.87024 12.261 7.94897 12.1729 8.03693C12.0974 8.11218 12.0288 8.19415 11.967 8.28284C11.8914 8.39117 11.8293 8.50494 11.7805 8.62415C11.7417 8.71893 11.7112 8.81714 11.6892 8.91882C11.665 9.03143 11.6519 9.14417 11.6501 9.25714C11.6482 9.38403 11.6602 9.51117 11.6865 9.63849L13.0032 16L13 16L13 18.9999L11 18.9999L11 16L5.84204 16C4.27246 16 3 14.8735 3 13.4839L3 3ZM5.625 7.00842L8.36035 7.00842C8.71045 7.00842 8.98535 7.28345 8.98535 7.63342C8.98535 7.98346 8.71045 8.25842 8.36035 8.25842L5.625 8.25842C5.27515 8.25842 5 7.98346 5 7.63342C5 7.28345 5.27515 7.00842 5.625 7.00842ZM5.625 10.1998L9.72852 10.1998C10.0784 10.1998 10.3535 10.4748 10.3535 10.8248C10.3535 11.1748 10.0784 11.4498 9.72852 11.4498L5.625 11.4498C5.27515 11.4498 5 11.1748 5 10.8248C5 10.4748 5.27515 10.1998 5.625 10.1998Z" clip-rule="evenodd" fill="var(--tiny-second-color,  rgba(0,103,209,0.7))" fill-opacity="1.000000" fill-rule="evenodd"/>
+		<path id="path6 (边框)" d="M21.22 2L2.77 2C2.34 2 2 2.37 2 2.83C2 3.3 2.34 3.67 2.77 3.67L21.22 3.67C21.65 3.67 22 3.3 22 2.83C22 2.37 21.65 2 21.22 2Z" fill="var(--tiny-first-color,  rgba(0,103,209,1))" fill-opacity="1.000000" fill-rule="evenodd"/>
+		<path id="合并" d="M20.2158 8.99988C20.7317 8.99988 21.1499 9.3916 21.1499 9.87488C21.1499 9.93207 21.1438 9.98914 21.1321 10.0453L20.9993 10.6714C21.1589 10.7154 21.3108 10.7739 21.4551 10.8467C21.5833 10.9114 21.7056 10.9875 21.8215 11.075C21.9375 11.1624 22.0437 11.2582 22.1401 11.3623C22.2454 11.4763 22.3389 11.6003 22.4204 11.7344C22.502 11.8684 22.5684 12.0071 22.6199 12.1506C22.667 12.2817 22.7012 12.4167 22.7229 12.5557C22.7449 12.6947 22.7532 12.8329 22.748 12.9705C22.7422 13.1313 22.718 13.2911 22.6755 13.4498C22.6328 13.6086 22.574 13.759 22.4988 13.9012C22.4343 14.0228 22.3579 14.1384 22.2695 14.2479C22.1812 14.3574 22.084 14.4572 21.9778 14.5472C21.8616 14.6457 21.7346 14.7326 21.5969 14.8079C21.4592 14.8832 21.3162 14.9438 21.168 14.9899C21.0325 15.032 20.8928 15.0619 20.7485 15.0795C20.6042 15.0972 20.4604 15.1021 20.3171 15.094C20.2339 15.0894 20.1506 15.0803 20.0676 15.067L20.0193 15.2953C19.9326 15.7048 19.5488 15.9999 19.103 15.9999L15.197 15.9999C14.7512 15.9999 14.3674 15.7048 14.2808 15.2953L13.168 10.0453C13.0674 9.57129 13.3962 9.11072 13.9023 9.0166C13.9622 9.00549 14.0232 8.99988 14.0842 8.99988L20.2158 8.99988ZM20.323 13.8617C20.3425 13.8635 20.3621 13.8647 20.3816 13.8655C20.4402 13.8678 20.4985 13.8653 20.5574 13.8581C20.6191 13.8505 20.6792 13.838 20.7375 13.8205C20.8086 13.7991 20.8772 13.7704 20.9434 13.7344C21.0093 13.6982 21.0698 13.6564 21.125 13.6087C21.1702 13.5696 21.2117 13.5266 21.2495 13.4797C21.2854 13.4351 21.3169 13.3883 21.3442 13.3392C21.3826 13.2698 21.4124 13.1957 21.4336 13.1171C21.4546 13.0384 21.4658 12.9594 21.4673 12.8799C21.4683 12.8239 21.4644 12.7675 21.4556 12.711C21.446 12.6514 21.4316 12.5934 21.4121 12.5369C21.3882 12.4681 21.3567 12.4016 21.3176 12.3373C21.2786 12.273 21.2334 12.2139 21.1826 12.1599C21.1406 12.1155 21.095 12.0746 21.0452 12.0371C20.998 12.0016 20.9485 11.9702 20.8967 11.9429C20.8479 11.9171 20.7969 11.895 20.7437 11.8765L20.323 13.8617Z" clip-rule="evenodd" fill="var(--tiny-first-color,  rgba(0,103,209,1))" fill-opacity="1.000000" fill-rule="evenodd"/>
+		<path id="path5" d="M12 22C13.1 22 14 21.1 14 20C14 18.89 13.1 18 12 18C10.89 18 10 18.89 10 20C10 21.1 10.89 22 12 22Z" fill="var(--tiny-first-color,  rgba(0,103,209,1))" fill-opacity="1.000000" fill-rule="evenodd"/>
+	</g>
+</svg>
diff --git a/packages/vue-icon-multicolor/svgs/venue-rental-fees.svg b/packages/vue-icon-multicolor/svgs/venue-rental-fees.svg
new file mode 100644
index 000000000..08a337487
--- /dev/null
+++ b/packages/vue-icon-multicolor/svgs/venue-rental-fees.svg
@@ -0,0 +1,11 @@
+<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+	<defs>
+		<clipPath id="clip379_46353">
+			<rect id="color-icon-venue-rental-fees" width="24.000000" height="24.000000" fill="white" fill-opacity="0"/>
+		</clipPath>
+	</defs>
+	<g clip-path="url(#clip379_46353)">
+		<path id="减去顶层" d="M19.0334 10.1155C18.1089 12.6935 15.7588 15.4883 11.9834 18.5Q6.33325 13.993 4.9397 10.1335C4.3125 10.3752 3.83032 10.9254 3.69556 11.6173L2.13574 19.6173C1.89502 20.8522 2.84058 22 4.09888 22L19.9756 22C21.239 22 22.1858 20.8433 21.9363 19.6049L20.3237 11.6049C20.1819 10.9007 19.6802 10.3456 19.0334 10.1155Z" clip-rule="evenodd" fill="var(--tiny-first-color,  rgba(0,103,209,1))" fill-opacity="1.000000" fill-rule="evenodd"/>
+		<path id="减去顶层" d="M17.9834 7.97974C17.9834 10.6696 15.9834 13.6763 11.9834 17Q5.9834 12.0145 5.9834 7.97974C5.9834 4.62125 8.66968 2 11.9834 2C15.2971 2 17.9834 4.62125 17.9834 7.97974ZM13.3853 5.27521C13.5391 5.00311 13.8645 4.91812 14.1138 5.08661C14.3621 5.25433 14.4392 5.61218 14.2861 5.88428L12.8228 7.70535L14.4539 7.70535C14.7461 7.70535 14.9834 7.96506 14.9834 8.28503C14.9834 8.60504 14.7461 8.86475 14.4539 8.86475L12.5129 8.86475L12.5129 9.96887L14.4539 9.96887C14.7461 9.96887 14.9834 10.2267 14.9834 10.5467C14.9834 10.8667 14.7461 11.1245 14.4539 11.1245L12.5129 11.1245L12.5127 12.4203C12.5127 12.7403 12.2756 13 11.9834 13C11.6912 13 11.4541 12.7403 11.4541 12.4203L11.4539 11.1245L9.51294 11.1245C9.2207 11.1245 8.9834 10.8667 8.9834 10.5467C8.9834 10.2267 9.2207 9.96887 9.51294 9.96887L11.4539 9.96887L11.4539 8.86475L9.51294 8.86475C9.2207 8.86475 8.9834 8.60504 8.9834 8.28503C8.9834 7.96506 9.2207 7.70535 9.51294 7.70535L11.144 7.70535L9.68066 5.88428C9.52759 5.61218 9.60474 5.25433 9.85303 5.08661C10.1016 4.91812 10.4285 5.00311 10.5815 5.27521L11.9834 6.98883L13.3853 5.27521Z" clip-rule="evenodd" fill="var(--tiny-second-color,  rgba(0,103,209,0.7))" fill-opacity="1.000000" fill-rule="evenodd"/>
+	</g>
+</svg>
diff --git a/packages/vue-icon-multicolor/svgs/visa-fees.svg b/packages/vue-icon-multicolor/svgs/visa-fees.svg
new file mode 100644
index 000000000..8f2f0dbd0
--- /dev/null
+++ b/packages/vue-icon-multicolor/svgs/visa-fees.svg
@@ -0,0 +1,11 @@
+<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+	<defs>
+		<clipPath id="clip377_46658">
+			<rect id="color-icon-visa-fees" width="24.000000" height="24.000000" fill="white" fill-opacity="0"/>
+		</clipPath>
+	</defs>
+	<g clip-path="url(#clip377_46658)">
+		<path id="减去顶层" d="M5.84204 1L18.158 1C19.7275 1 21 2.31329 21 3.93335L21 20.0667C21 21.6867 19.7275 23 18.158 23L5.84204 23C4.27246 23 3 21.6867 3 20.0667L3 3.93335C3 2.31329 4.27246 1 5.84204 1ZM16.6135 14.9272C16.2874 15.2329 15.938 15.5017 15.5654 15.7336L15.5654 15.7336C15.2361 15.9387 14.8887 16.115 14.5234 16.2623C14.1636 16.4075 13.7966 16.5202 13.4229 16.6005L13.4229 16.6006L13.4224 16.6006C12.959 16.7002 12.4849 16.75 12 16.75C11.499 16.75 11.0098 16.697 10.5322 16.5909L10.5322 16.5909L10.5317 16.5908L10.5312 16.5907C10.137 16.5031 9.75073 16.3792 9.37231 16.2192C8.99072 16.0578 8.62964 15.865 8.28931 15.6408C7.90942 15.3906 7.55542 15.1013 7.22705 14.7729C6.89868 14.4446 6.60938 14.0905 6.35913 13.7107L6.35913 13.7106C6.13501 13.3703 5.94214 13.0093 5.78076 12.6276C5.62061 12.2493 5.49683 11.8628 5.40918 11.4683L5.40918 11.4683C5.30298 10.9907 5.25 10.5012 5.25 10C5.25 9.55682 5.29199 9.12183 5.37573 8.69507L5.37573 8.69501L5.37573 8.69501C5.43823 8.37604 5.52417 8.06158 5.63379 7.75177C5.76758 7.37274 5.93213 7.01123 6.12769 6.66724L6.12769 6.66724L6.12769 6.66724L6.12769 6.66718C6.34888 6.27789 6.60962 5.91101 6.90991 5.56665C7.23779 5.19037 7.5979 4.85742 7.98975 4.56781L7.98975 4.56775L7.98975 4.56775C8.35156 4.30042 8.74048 4.06995 9.15674 3.8764C9.57227 3.68317 9.99854 3.53467 10.4353 3.43085L10.4353 3.43085L10.4355 3.43079C10.9426 3.31024 11.4641 3.25 12 3.25C12.5012 3.25 12.9907 3.30304 13.4683 3.40918C13.8628 3.49689 14.2493 3.62073 14.6277 3.78076C15.0093 3.9422 15.3704 4.13501 15.7107 4.35919L15.7112 4.35956C16.0908 4.60968 16.4448 4.89886 16.7729 5.22705C17.1013 5.5553 17.3904 5.90924 17.6406 6.28894L17.6409 6.28937C17.865 6.6297 18.0579 6.99066 18.2192 7.37238C18.3792 7.75061 18.5029 8.1369 18.5908 8.53125L18.5908 8.53174L18.5908 8.53223C18.697 9.0097 18.75 9.49896 18.75 10C18.75 10.5177 18.6936 11.0224 18.5806 11.5142L18.5806 11.5147C18.4854 11.9293 18.3501 12.3348 18.1746 12.731C17.9983 13.1291 17.7878 13.5035 17.5437 13.8544L17.5437 13.8544L17.5432 13.855L17.5432 13.8551L17.5432 13.8551C17.2744 14.2411 16.9646 14.5984 16.6135 14.9272ZM8.48145 6.10217C8.32715 6.24213 8.18018 6.39215 8.04077 6.55225C7.80322 6.82471 7.59741 7.11505 7.42358 7.4234L7.42358 7.4234C7.27539 7.68634 7.15015 7.96228 7.0481 8.25128C6.96729 8.48035 6.90283 8.71283 6.85474 8.94861C6.78491 9.29199 6.75 9.64246 6.75 10C6.75 10.0461 6.75049 10.092 6.75171 10.1378C7.87036 9.98407 8.87915 9.88898 9.88599 10.2432C9.92114 10.2555 9.95532 10.2696 9.98877 10.2854L9.98877 10.2854C10.6628 10.6048 11 11.6357 11 13.3781L10.9995 15.1558C11.3259 15.2186 11.6594 15.25 12 15.25L12.0154 15.25C12.0151 15.2299 12.0146 15.2096 12.0144 15.1891C12.0012 14.4711 11.9841 13.5418 12.3145 12.9849C12.6211 12.468 13.0312 12.144 13.5447 12.0128C14.3542 12.0695 14.8669 11.9614 15.0825 11.6888C15.2346 11.4964 15.2229 11.2762 15.2095 11.0266C15.1946 10.7455 15.1775 10.427 15.3901 10.0686C15.7915 9.39185 15.8877 9.28949 16.6204 9.0965C16.769 9.05731 16.9485 9.03009 17.1587 9.01477C17.147 8.95288 17.134 8.8913 17.1201 8.82996L17.1199 8.8291C17.0522 8.53229 16.9583 8.24152 16.8376 7.95667C16.7144 7.66492 16.5671 7.38855 16.3965 7.12769L16.3965 7.12756L16.3965 7.1275C16.1997 6.82703 15.9717 6.54712 15.7124 6.28772C15.5828 6.15814 15.4482 6.03644 15.3083 5.92255C15.0806 6.04498 14.7815 6.1062 14.3513 6.1062C13.4104 6.1062 12.7832 6.69232 12.7832 7.27838C12.7832 7.86444 12.1951 9 11.2542 9C10.3132 9 9.33301 8.48718 9.33301 6.94873C9.33301 6.90704 9.33203 6.60333 9.2959 6.57336C9.06299 6.38074 8.7915 6.22363 8.48145 6.10217ZM16.75 20C16.75 19.58 16.4199 19.25 16 19.25L8 19.25C7.58008 19.25 7.25 19.58 7.25 20C7.25 20.42 7.58008 20.75 8 20.75L16 20.75C16.4199 20.75 16.75 20.42 16.75 20Z" clip-rule="evenodd" fill="var(--tiny-first-color,  rgba(0,103,209,1))" fill-opacity="1.000000" fill-rule="evenodd"/>
+		<path id="path6 (边框)" d="M8 19.25L16 19.25C16.41 19.25 16.75 19.58 16.75 20C16.75 20.42 16.41 20.75 16 20.75L8 20.75C7.58 20.75 7.25 20.42 7.25 20C7.25 19.58 7.58 19.25 8 19.25Z" fill="var(--tiny-second-color,  rgba(0,103,209,0.7))"  fill-opacity="0.5" fill-rule="evenodd"/>
+	</g>
+</svg>
diff --git a/packages/vue-icon/index.ts b/packages/vue-icon/index.ts
index c904be4b9..ed4536af2 100644
--- a/packages/vue-icon/index.ts
+++ b/packages/vue-icon/index.ts
@@ -127,6 +127,7 @@ import IconExport from './src/export'
 import IconExpressSearch from './src/express-search'
 import IconEyeclose from './src/eyeclose'
 import IconEyeopen from './src/eyeopen'
+import IconFeedback from './src/feedback'
 import IconEditorAlignCenter from './src/editor-align-center'
 import IconEditorAlignLeft from './src/editor-align-left'
 import IconEditorAlignRight from './src/editor-align-right'
@@ -180,6 +181,7 @@ import IconFrownO from './src/frown-o'
 import IconFrown from './src/frown'
 import IconFullscreen from './src/fullscreen'
 import IconFullscreenLeft from './src/fullscreen-left'
+import IconFullscreenRight from './src/fullscreen-right'
 import IconGoBack from './src/go-back'
 import IconGrade from './src/grade'
 import IconGroupTransfer from './src/group-transfer'
@@ -219,6 +221,7 @@ import IconLineThrought from './src/line-throught'
 import IconLink from './src/link'
 import IconLoading from './src/loading'
 import IconLoadingShadow from './src/loading-shadow'
+import IconLocalePanel from './src/locale-panel'
 import IconLock from './src/lock'
 import IconMailContent from './src/mail-content'
 import IconMail from './src/mail'
@@ -339,6 +342,7 @@ import IconSetting from './src/setting'
 import IconShare from './src/share'
 import IconShareArrow from './src/share-arrow'
 import IconShoppingCard from './src/shopping-card'
+import IconShutdown from './src/shutdown'
 import IconSmileO from './src/smile-o'
 import IconSmile from './src/smile'
 import IconSoldOut from './src/sold-out'
@@ -377,6 +381,7 @@ import IconUnlock from './src/unlock'
 import IconUnsent from './src/unsent'
 import IconUpO from './src/up-o'
 import IconUp from './src/up'
+import IconUpdate from './src/update'
 import IconUpload from './src/upload'
 import IconUser from './src/user'
 import IconVersiontree from './src/versiontree'
@@ -431,6 +436,7 @@ import IconAddPicture from './src/add-picture'
 
 // sync aui icons
 import IconAdministratorO from './src/administrator-o'
+import IconAgency from './src/agency'
 import IconAudit from './src/audit'
 import IconBatchFill from './src/batch-fill'
 import IconCardMode from './src/card-mode'
@@ -509,6 +515,7 @@ import IconShipped from './src/shipped'
 import IconSubstituteMaterial from './src/substitute-material'
 import IconSurchargeSettled from './src/surcharge-settled'
 import IconSurchargeToBeSettled from './src/surcharge-to-be-settled'
+import IconSynchronize from './src/synchronize'
 import IconToBeUploaded from './src/to-be-uploaded'
 import IconTotalNolume from './src/total-nolume'
 import IconTotalNumber from './src/total-number'
@@ -593,6 +600,8 @@ export {
   IconSurchargeSettled as iconSurchargeSettled,
   IconSurchargeToBeSettled,
   IconSurchargeToBeSettled as iconSurchargeToBeSettled,
+  IconSynchronize,
+  IconSynchronize as iconSynchronize,
   IconToBeUploaded,
   IconToBeUploaded as iconToBeUploaded,
   IconTotalNolume,
@@ -919,6 +928,8 @@ export {
   IconEyeclose as iconEyeclose,
   IconEyeopen,
   IconEyeopen as iconEyeopen,
+  IconFeedback,
+  IconFeedback as iconFeedback,
   IconEditorAlignCenter,
   IconEditorAlignCenter as iconEditorAlignCenter,
   IconEditorAlignLeft,
@@ -1025,6 +1036,8 @@ export {
   IconFullscreen as iconFullscreen,
   IconFullscreenLeft,
   IconFullscreenLeft as iconFullscreenLeft,
+  IconFullscreenRight,
+  IconFullscreenRight as iconFullscreenRight,
   IconMinscreenLeft,
   IconMinscreenLeft as iconMinscreenLeft,
   IconGoBack,
@@ -1105,6 +1118,8 @@ export {
   IconLoading as iconLoading,
   IconLoadingShadow,
   IconLoadingShadow as iconLoadingShadow,
+  IconLocalePanel,
+  IconLocalePanel as iconLocalePanel,
   IconLock,
   IconLock as iconLock,
   IconLeftWardArrow,
@@ -1345,6 +1360,8 @@ export {
   IconShareArrow as iconShareArrow,
   IconShoppingCard,
   IconShoppingCard as iconShoppingCard,
+  IconShutdown,
+  IconShutdown as iconShutdown,
   IconSmileO,
   IconSmileO as iconSmileO,
   IconSmile,
@@ -1421,6 +1438,8 @@ export {
   IconUpO as iconUpO,
   IconUp,
   IconUp as iconUp,
+  IconUpdate,
+  IconUpdate as iconUpdate,
   IconUpWard,
   IconUpWard as iconUpWard,
   IconUpload,
@@ -1457,6 +1476,8 @@ export {
   // sync aui icons
   IconAdministratorO,
   IconAdministratorO as iconAdministratorO,
+  IconAgency,
+  IconAgency as iconAgency,
   IconAudit,
   IconAudit as iconAudit,
   IconBatchFill,
@@ -1580,6 +1601,7 @@ export default {
   IconSubstituteMaterial,
   IconSurchargeSettled,
   IconSurchargeToBeSettled,
+  IconSynchronize,
   IconToBeUploaded,
   IconTotalNolume,
   IconTotalNumber,
@@ -1741,6 +1763,7 @@ export default {
   IconExpressSearch,
   IconEyeclose,
   IconEyeopen,
+  IconFeedback,
   IconEditorAlignCenter,
   IconEditorAlignLeft,
   IconEditorAlignRight,
@@ -1794,6 +1817,7 @@ export default {
   IconFrown,
   IconFullscreen,
   IconFullscreenLeft,
+  IconFullscreenRight,
   IconMinscreenLeft,
   IconGoBack,
   IconGrade,
@@ -1834,6 +1858,7 @@ export default {
   IconLink,
   IconLoading,
   IconLoadingShadow,
+  IconLocalePanel,
   IconLock,
   IconLeftWardArrow,
   IconMailContent,
@@ -1953,6 +1978,7 @@ export default {
   IconShare,
   IconShareArrow,
   IconShoppingCard,
+  IconShutdown,
   IconSmileO,
   IconSmile,
   IconSoldOut,
@@ -1991,6 +2017,7 @@ export default {
   IconUnsent,
   IconUpO,
   IconUp,
+  IconUpdate,
   IconUpWard,
   IconUpload,
   IconUser,
@@ -2009,6 +2036,7 @@ export default {
   IconAddPicture,
   // sync aui icons
   IconAdministratorO,
+  IconAgency,
   IconAudit,
   IconBatchFill,
   IconCardMode,
diff --git a/packages/vue-icon/src/agency/index.ts b/packages/vue-icon/src/agency/index.ts
new file mode 100644
index 000000000..a08ec0c21
--- /dev/null
+++ b/packages/vue-icon/src/agency/index.ts
@@ -0,0 +1,15 @@
+/**
+ * Copyright (c) 2022 - present TinyVue Authors.
+ * Copyright (c) 2022 - present Huawei Cloud Computing Technologies Co., Ltd.
+ *
+ * Use of this source code is governed by an MIT-style license.
+ *
+ * THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
+ * BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
+ * A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
+ *
+ */
+import { svg } from '@opentiny/vue-common'
+import Agency from '@opentiny/vue-theme/svgs/agency.svg'
+
+export default () => svg({ name: 'IconAgency', component: Agency })()
diff --git a/packages/vue-icon/src/feedback/index.ts b/packages/vue-icon/src/feedback/index.ts
new file mode 100644
index 000000000..ea5f32842
--- /dev/null
+++ b/packages/vue-icon/src/feedback/index.ts
@@ -0,0 +1,15 @@
+/**
+ * Copyright (c) 2022 - present TinyVue Authors.
+ * Copyright (c) 2022 - present Huawei Cloud Computing Technologies Co., Ltd.
+ *
+ * Use of this source code is governed by an MIT-style license.
+ *
+ * THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
+ * BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
+ * A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
+ *
+ */
+import { svg } from '@opentiny/vue-common'
+import Feedback from '@opentiny/vue-theme/svgs/feedback.svg'
+
+export default () => svg({ name: 'IconFeedback', component: Feedback })()
diff --git a/packages/vue-icon/src/fullscreen-right/index.ts b/packages/vue-icon/src/fullscreen-right/index.ts
new file mode 100644
index 000000000..eb12f1dac
--- /dev/null
+++ b/packages/vue-icon/src/fullscreen-right/index.ts
@@ -0,0 +1,15 @@
+/**
+ * Copyright (c) 2022 - present TinyVue Authors.
+ * Copyright (c) 2022 - present Huawei Cloud Computing Technologies Co., Ltd.
+ *
+ * Use of this source code is governed by an MIT-style license.
+ *
+ * THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
+ * BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
+ * A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
+ *
+ */
+import { svg } from '@opentiny/vue-common'
+import FullscreenRight from '@opentiny/vue-theme/svgs/fullscreen-right.svg'
+
+export default () => svg({ name: 'IconFullscreenRight', component: FullscreenRight })()
diff --git a/packages/vue-icon/src/locale-panel/index.ts b/packages/vue-icon/src/locale-panel/index.ts
new file mode 100644
index 000000000..b6a876b1b
--- /dev/null
+++ b/packages/vue-icon/src/locale-panel/index.ts
@@ -0,0 +1,15 @@
+/**
+ * Copyright (c) 2022 - present TinyVue Authors.
+ * Copyright (c) 2022 - present Huawei Cloud Computing Technologies Co., Ltd.
+ *
+ * Use of this source code is governed by an MIT-style license.
+ *
+ * THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
+ * BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
+ * A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
+ *
+ */
+import { svg } from '@opentiny/vue-common'
+import LocalePanel from '@opentiny/vue-theme/svgs/locale-panel.svg'
+
+export default () => svg({ name: 'IconLocalePanel', component: LocalePanel })()
diff --git a/packages/vue-icon/src/shutdown/index.ts b/packages/vue-icon/src/shutdown/index.ts
new file mode 100644
index 000000000..d4def2177
--- /dev/null
+++ b/packages/vue-icon/src/shutdown/index.ts
@@ -0,0 +1,15 @@
+/**
+ * Copyright (c) 2022 - present TinyVue Authors.
+ * Copyright (c) 2022 - present Huawei Cloud Computing Technologies Co., Ltd.
+ *
+ * Use of this source code is governed by an MIT-style license.
+ *
+ * THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
+ * BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
+ * A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
+ *
+ */
+import { svg } from '@opentiny/vue-common'
+import Shutdown from '@opentiny/vue-theme/svgs/shutdown.svg'
+
+export default () => svg({ name: 'IconShutdown', component: Shutdown })()
diff --git a/packages/vue-icon/src/synchronize/index.ts b/packages/vue-icon/src/synchronize/index.ts
new file mode 100644
index 000000000..4935401a9
--- /dev/null
+++ b/packages/vue-icon/src/synchronize/index.ts
@@ -0,0 +1,15 @@
+/**
+ * Copyright (c) 2022 - present TinyVue Authors.
+ * Copyright (c) 2022 - present Huawei Cloud Computing Technologies Co., Ltd.
+ *
+ * Use of this source code is governed by an MIT-style license.
+ *
+ * THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
+ * BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
+ * A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
+ *
+ */
+import { svg } from '@opentiny/vue-common'
+import Synchronize from '@opentiny/vue-theme/svgs/synchronize.svg'
+
+export default () => svg({ name: 'IconSynchronize', component: Synchronize })()
diff --git a/packages/vue-icon/src/update/index.ts b/packages/vue-icon/src/update/index.ts
new file mode 100644
index 000000000..15d8c9140
--- /dev/null
+++ b/packages/vue-icon/src/update/index.ts
@@ -0,0 +1,15 @@
+/**
+ * Copyright (c) 2022 - present TinyVue Authors.
+ * Copyright (c) 2022 - present Huawei Cloud Computing Technologies Co., Ltd.
+ *
+ * Use of this source code is governed by an MIT-style license.
+ *
+ * THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
+ * BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
+ * A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
+ *
+ */
+import { svg } from '@opentiny/vue-common'
+import Update from '@opentiny/vue-theme/svgs/update.svg'
+
+export default () => svg({ name: 'IconUpdate', component: Update })()
diff --git a/packages/vue-locale/src/lang/en.ts b/packages/vue-locale/src/lang/en.ts
index a69825402..c2d5c191f 100644
--- a/packages/vue-locale/src/lang/en.ts
+++ b/packages/vue-locale/src/lang/en.ts
@@ -11,7 +11,7 @@
  */
 export default {
   'en-US': 'English',
-  'zh-CN': '中文',
+  'zh-CN': 'Chinese',
   'zh-TW': '中国台湾',
   hello: 'Hello {name}',
   code: 'en-US',
@@ -26,12 +26,12 @@ export default {
     numeric: {
       equalTo: 'Equal to',
       notEqualTo: 'Not equal to',
-      moreThan: 'More than',
-      moreThanOrEqualTo: 'More than or equal to',
+      moreThan: 'Greater than',
+      moreThanOrEqualTo: 'Greater than or equal to',
       lessThan: 'Less than',
       lessThanOrEqualTo: 'Less than or equal to',
-      empty: 'Empty',
-      nonEmpty: 'Non-empty'
+      empty: 'Null',
+      nonEmpty: 'Not null'
     },
     queryBuilder: {
       addItem: 'Add Rule',
@@ -39,16 +39,16 @@ export default {
       removeGroup: 'Del Rule Group'
     },
     wizard: {
-      previousStep: 'LastStep',
-      nextStep: 'NextStep',
+      previousStep: 'Previous',
+      nextStep: 'Next',
       save: 'Save',
       submit: 'Submit'
     },
     linkMenu: {
-      title: 'news',
-      placeholder: 'Please enter keywords to filter...',
-      sure: 'Determine',
-      cancel: 'cancel'
+      title: '',
+      placeholder: 'Enter a keyword.',
+      sure: 'OK',
+      cancel: 'Cancel'
     },
     todoList: {
       add: 'Add',
@@ -56,9 +56,9 @@ export default {
     },
     alert: {
       error: 'Error',
-      info: 'Info',
+      info: 'Information',
       success: 'Success',
-      title: 'Message notification',
+      title: 'Information',
       warning: 'Warning'
     },
     amount: {
@@ -74,6 +74,9 @@ export default {
       empty: 'Empty',
       nonEmpty: 'Non-empty'
     },
+    actionMenu: {
+      moreText: 'More'
+    },
     base: {
       all: 'All',
       cancel: 'Cancel',
@@ -97,13 +100,13 @@ export default {
       confirm: 'Confirm'
     },
     cell: {
-      placeholder: 'Select'
+      placeholder: '--Select--'
     },
     cascader: {
-      noMatch: 'No matching data',
+      noMatch: 'No matches',
       loading: 'Loading',
-      placeholder: 'Select',
-      noData: 'No data'
+      placeholder: '--Select--',
+      noData: 'No data available.'
     },
     chart: {
       auxiliary: 'Auxiliary',
@@ -115,11 +118,11 @@ export default {
       value: 'Value'
     },
     colorSelectPanel: {
-      confirm: 'Ok',
+      confirm: 'Select',
       cancel: 'Cancel',
-      predefine: 'Predefine Color',
-      history: 'History',
-      empty: 'Empty'
+      predefine: 'Default Colors',
+      history: 'Recent Colors',
+      empty: 'None'
     },
     crop: {
       choose: 'choose image',
@@ -129,15 +132,15 @@ export default {
       rotate45: 'rotate 45°',
       closeCropArea: 'hide selection',
       reset: 'reset',
-      closeCrop: 'exit crop',
-      cropImage: 'select area'
+      cropImage: 'crop image',
+      croppedImage: 'Target image'
     },
     datepicker: {
       clear: 'Clear',
       cancel: 'Cancel',
       endDate: 'End Date',
       confirm: 'OK',
-      month: 'month',
+      month: 'Month',
       endTime: 'End Time',
       month2: 'February',
       month1: 'January',
@@ -165,16 +168,16 @@ export default {
         dec: 'Dec',
         nov: 'Nov'
       },
-      nextYear: 'Next Year',
+      nextYear: 'Next year',
       nextMonth: 'Next Month',
       prevMonth: 'Previous Month',
       now: 'Now',
-      selectDate: 'Select date',
-      prevYear: 'Previous Year',
+      selectDate: 'Select a date.',
+      prevYear: 'Previous year',
       startDate: 'Start Date',
-      selectTime: 'Select time',
+      selectTime: 'Select a time.',
       today: 'Today',
-      currentMonth: 'Current Month',
+      currentMonth: 'This Month',
       startTime: 'Start Time',
       week: 'week',
       weeks: {
@@ -186,14 +189,14 @@ export default {
         sat: 'Sat',
         fri: 'Fri'
       },
-      timezone: 'selecting a timezone',
-      year: '',
+      timezone: 'Select a time zone.',
+      year: 'Year',
       hour: 'hour',
       minute: 'minute',
       second: 'second',
-      to: 'to',
-      yearMonth: '{year} / {month}',
-      yearMonthDay: '{year} / {month} / {day}'
+      to: '',
+      yearMonth: '{month} {year}',
+      yearMonthDay: '{month} {day}, {year}'
     },
     richTextEditor: {
       bold: 'bold',
@@ -298,7 +301,7 @@ export default {
       calcHash: 'Document is calculating encryption',
       uploadFile: 'Upload file',
       downloadAll: 'Download all',
-      onlySupport: 'Support {type} file',
+      onlySupport: 'Only support {type} file',
       fileNotLessThan: 'The size of single file cannot be less than ',
       fileNotMoreThan: 'The size of single file cannot be more than ',
       fileSizeRange: 'The size of a single file must range from {moreThan} to {lessThan}.',
@@ -343,21 +346,14 @@ export default {
       deleteSelectRecord: 'Are you sure you want to delete the selected record?',
       emptyText: 'No Data',
       error: {
-        cellEditRender: 'The renderer cell-render and edit-render cannot be used together.',
-        delGetAllRecords: 'The function getAllRecords is deprecated, please use getRecordset.',
-        delGetRecords: 'The function getRecords is deprecated, please use getData.',
-        delLabel: 'The property label is deprecated, please use title.',
-        delProp: 'The property prop is deprecated, please use field.',
         delRevert: 'The function revert is deprecated, please use revertData.',
         groupFixed: 'If grouping headers are used, fixed columns must be on the left and right sides.',
         notDelete: 'delete method not exist.',
-        notMouse: 'Horizontal virtual scrolling does not support mouse-config.',
         notQuery: 'query method not exist.',
         notResizable: 'Horizontal virtual scrolling does not support resizable.',
         notSave: 'save method not exist.',
         reqModule: 'require {{name}} module.',
         rowIdEmpty: 'The property row-id is not allowed to be empty.',
-        scrollOriginal: 'Virtual scrolling can only export source data, please set original=true.',
         scrollYHeight: 'You must set the height or max-height to enable virtual scrolling.',
         toolbarId: 'Toolbar must have a unique id',
         treeFixedExpand: 'The fixed columns of the tree structure conflict with the expanded row.',
@@ -378,7 +374,6 @@ export default {
         clipboardWriteError: 'clipboard write error'
       },
       filter: {
-        allFilter: 'All',
         allSelect: '(All)',
         endDate: 'End Date',
         startDate: 'Start Date',
@@ -610,10 +605,7 @@ export default {
     usercard: {
       address: 'Address',
       collapse: 'Collapse',
-      department: 'Department',
       email: 'email',
-      employeeId: 'Employee ID',
-      'employee_id': 'Employee ID',
       empno: 'Employee Number',
       expand: 'Expand',
       fax: 'Fax',
@@ -623,10 +615,8 @@ export default {
       other: 'Other',
       phone: 'Telephone',
       timezone: 'Time zone',
-      title: 'User information: {0}',
       travelcode: 'Travel code',
-      viop: 'VIOP',
-      zipcode: 'Postal Code'
+      viop: 'VIOP'
     },
     richText: {
       bold: 'Bold',
@@ -721,7 +711,15 @@ export default {
       chooseCurrency: 'Choose currency'
     },
     calendarBar: {
-      week: { 0: 'SUN', 1: 'MON', 2: 'TUE', 3: 'WED', 4: 'THU', 5: 'FRI', 6: 'SAT' },
+      week: {
+        0: 'SUN',
+        1: 'MON',
+        2: 'TUE',
+        3: 'WED',
+        4: 'THU',
+        5: 'FRI',
+        6: 'SAT'
+      },
       year: 'Year %s',
       yearMonth: '%m %y',
       month: {
@@ -754,8 +752,24 @@ export default {
       }
     },
     calendarView: {
-      week: { 0: 'SUN', 1: 'MON', 2: 'TUE', 3: 'WED', 4: 'THU', 5: 'FRI', 6: 'SAT' },
-      weekDays: { 0: 'SUN', 1: 'MON', 2: 'TUE', 3: 'WED', 4: 'THU', 5: 'FRI', 6: 'SAT' },
+      week: {
+        0: 'SUN',
+        1: 'MON',
+        2: 'TUE',
+        3: 'WED',
+        4: 'THU',
+        5: 'FRI',
+        6: 'SAT'
+      },
+      weekDays: {
+        0: 'SUN',
+        1: 'MON',
+        2: 'TUE',
+        3: 'WED',
+        4: 'THU',
+        5: 'FRI',
+        6: 'SAT'
+      },
       backToday: 'back to today',
       new: 'New',
       noSchedule: 'No Schedule',
@@ -766,7 +780,8 @@ export default {
     selectedBox: {
       select: 'Selected (%s)',
       allSelect: 'All selected (%s)',
-      clear: 'Clear'
+      clear: 'Clear',
+      noData: 'No data'
     },
     record: {
       record: 'Record',
diff --git a/packages/vue-locale/src/lang/zh-CN.ts b/packages/vue-locale/src/lang/zh-CN.ts
index c29396d6e..52964fd77 100644
--- a/packages/vue-locale/src/lang/zh-CN.ts
+++ b/packages/vue-locale/src/lang/zh-CN.ts
@@ -345,21 +345,14 @@ export default {
       deleteSelectRecord: '您确定要删除所选记录吗？',
       emptyText: '暂无数据',
       error: {
-        cellEditRender: '渲染器 cell-render 和 edit-render 不能同时使用',
-        delGetAllRecords: '方法 getAllRecords 已废弃，请使用 getRecordset',
-        delGetRecords: '方法 getRecords 已废弃，请使用 getData',
-        delLabel: '参数 label 已废弃，请使用 title',
-        delProp: '参数 prop 已废弃，请使用 field',
         delRevert: '方法 revert 已废弃，请使用 revertData',
         groupFixed: '如果使用分组表头，固定列必须在左右两侧',
         notDelete: 'Delete 方法不存在',
-        notMouse: '虚拟滚动不支持 mouse-config',
         notQuery: 'query 方法不存在',
         notResizable: '横向虚拟滚动不支持 resizable',
         notSave: 'save 方法不存在',
         reqModule: '缺少 {{name}} 模块',
         rowIdEmpty: '参数 row-id 不允许为空',
-        scrollOriginal: '虚拟滚动启用后只能导出源数据，请将设置 original=true',
         scrollYHeight: '启用虚拟滚动必须要设置 height 或 max-height',
         toolbarId: '工具栏需要设置唯一 id',
         treeFixedExpand: '树结构的固定列与展开行功能有冲突',
@@ -378,7 +371,6 @@ export default {
         clipboardWriteError: '剪切板写入错误'
       },
       filter: {
-        allFilter: '全部',
         allSelect: '(全选)',
         endDate: '结束日期',
         startDate: '开始日期',
@@ -609,10 +601,7 @@ export default {
     usercard: {
       address: '地址',
       collapse: '收起',
-      department: '部门',
       email: '邮箱',
-      employeeId: '员工 ID',
-      'employee_id': '员工 ID',
       empno: '工号',
       expand: '展开',
       fax: '传真',
@@ -622,10 +611,8 @@ export default {
       other: '其他',
       phone: '固定电话',
       timezone: '时区',
-      title: '用户信息: {0}',
       travelcode: '出差联系信息',
-      viop: 'VIOP',
-      zipcode: '邮编'
+      viop: 'VIOP'
     },
     richText: {
       bold: '加粗',
@@ -765,7 +752,8 @@ export default {
     selectedBox: {
       select: '已选（%s）',
       allSelect: '已全选（%s）',
-      clear: '清空'
+      clear: '清空',
+      noData: '暂无数据'
     },
     record: {
       record: '录音',
diff --git a/packages/vue/src/button-group/src/pc.vue b/packages/vue/src/button-group/src/pc.vue
index 657ff8b2c..358dfe292 100644
--- a/packages/vue/src/button-group/src/pc.vue
+++ b/packages/vue/src/button-group/src/pc.vue
@@ -99,7 +99,7 @@
           </li>
           <li v-if="showEdit" class="tiny-group-item__edit">
             <tiny-button @click="$emit('edit')" class="edit-button">
-              <icon-writing></icon-writing>
+              <Icon-editor></Icon-editor>
             </tiny-button>
           </li>
         </ul>
@@ -116,7 +116,7 @@ import { renderless, api } from '@opentiny/vue-renderless/button-group/vue'
 import { props, setup, defineComponent } from '@opentiny/vue-common'
 import Popover from '@opentiny/vue-popover'
 import Button from '@opentiny/vue-button'
-import { iconPopup, iconWriting } from '@opentiny/vue-icon'
+import { iconPopup, iconEditor } from '@opentiny/vue-icon'
 import { AutoTip } from '@opentiny/vue-directive'
 import type { IButtonGroupApi } from '@opentiny/vue-renderless/types/button-group.type'
 
@@ -140,7 +140,7 @@ export default defineComponent({
     TinyPopover: Popover,
     TinyButton: Button,
     IconPopup: iconPopup(),
-    IconWriting: iconWriting()
+    IconEditor: iconEditor() // 新规范图标
   },
   setup(props, context) {
     return setup({ props, context, renderless, api }) as unknown as IButtonGroupApi
diff --git a/packages/vue/src/calendar-view/src/pc.vue b/packages/vue/src/calendar-view/src/pc.vue
index 728f8b410..a471155ca 100644
--- a/packages/vue/src/calendar-view/src/pc.vue
+++ b/packages/vue/src/calendar-view/src/pc.vue
@@ -58,8 +58,8 @@
                   day.isLast || day.isNext
                     ? 'is-next-or-last'
                     : isToday(day) || isSelectedDate(day)
-                    ? 'is-selected'
-                    : '',
+                      ? 'is-selected'
+                      : '',
                   day.disabled ? 'is-disabled' : ''
                 ]"
               >
diff --git a/packages/vue/src/card/src/pc.vue b/packages/vue/src/card/src/pc.vue
index eff3be628..cd8b9d651 100644
--- a/packages/vue/src/card/src/pc.vue
+++ b/packages/vue/src/card/src/pc.vue
@@ -147,7 +147,6 @@ import DropdownMenu from '@opentiny/vue-dropdown-menu'
 import DropdownItem from '@opentiny/vue-dropdown-item'
 import Checkbox from '@opentiny/vue-checkbox'
 import Radio from '@opentiny/vue-radio'
-import { IconEllipsis } from '@opentiny/vue-icon'
 import '@opentiny/vue-theme/card/index.less'
 
 export default defineComponent({
@@ -158,8 +157,7 @@ export default defineComponent({
     TinyDropdownMenu: DropdownMenu,
     TinyDropdownItem: DropdownItem,
     TinyCheckbox: Checkbox,
-    TinyRadio: Radio,
-    IconEllipsis: IconEllipsis()
+    TinyRadio: Radio
   },
   props: [
     ...props,
diff --git a/packages/vue/src/dialog-select/src/index.ts b/packages/vue/src/dialog-select/src/index.ts
index b74fd57cc..63b9d7f85 100644
--- a/packages/vue/src/dialog-select/src/index.ts
+++ b/packages/vue/src/dialog-select/src/index.ts
@@ -5,10 +5,19 @@ const template = () => {
   return PCTemplate
 }
 
+const $constants = {
+  INPUT_HEIGHT: '32px',
+  INPUT_MARGIN_BOTTOM: '8px'
+}
+
 export default defineComponent({
   name: $prefix + 'DialogSelect',
   props: {
     ...$props,
+    _constants: {
+      type: Object,
+      default: () => $constants
+    },
     dialogOp: {
       type: Object,
       default: () => ({})
diff --git a/packages/vue/src/dialog-select/src/pc.vue b/packages/vue/src/dialog-select/src/pc.vue
index 21ad69875..c7da2b301 100644
--- a/packages/vue/src/dialog-select/src/pc.vue
+++ b/packages/vue/src/dialog-select/src/pc.vue
@@ -1,6 +1,11 @@
 <template>
   <tiny-dialog-box
-    :class="['tiny-dialog-select', { 'radio-check': !multi }]"
+    :class="[
+      'tiny-dialog-select',
+      { 'radio-check': !multi },
+      { 'is-grid': popseletor === 'grid' },
+      { 'is-tree': popseletor === 'tree' }
+    ]"
     :visible="visible"
     @update:visible="$emit('update:visible', $event)"
     modal
@@ -36,7 +41,7 @@
                 v-if="visible || state.multiGridStore.inited"
                 ref="multiGrid"
                 v-bind="gridOp"
-                :border="state.theme !== 'saas'"
+                :border="state.isBorder"
                 :stripe="false"
                 auto-resize
                 :height="`${mainHeight}px`"
@@ -56,30 +61,42 @@
                 v-model="state.multiTreeStore.filterText"
                 @change="doMultiTreeFilter"
                 clearable
-              ></tiny-input>
-              <div style="height: calc(100% - 28px)" class="tiny-dialog-select__body-tree-wrapper">
-                <tiny-tree
-                  v-if="visible || state.multiTreeStore.inited"
-                  ref="multiTree"
-                  :show-checkbox="multi"
-                  :show-radio="!multi"
-                  lazy-current
-                  lazy
-                  :after-load="multiTreeAfterLoad"
-                  :view-type="state.multiTreeStore.viewType"
-                  :default-expanded-keys="state.multiTreeStore.expandedKeys"
-                  :default-expanded-keys-highlight="state.multiTreeStore.highlight"
-                  :filter-node-method="multiTreeFilterNode"
-                  :filter-plain-method="multiTreeFilterPlain"
-                  :default-checked-keys="state.multiTreeStore.checkedKeys"
-                  v-bind="treeOp"
-                  @leave-plain-view="multiTreeLeavePlain"
-                  @check="multiTreeCheck"
-                  @node-expand="multiTreeCheck"
-                  @node-collapse="multiTreeCheck"
-                  @check-plain="multiTreeCheck"
-                  @check-change="multiTreeRadio"
-                ></tiny-tree>
+              >
+                <template v-if="state.theme !== 'saas'" #prefix>
+                  <tiny-icon-search></tiny-icon-search>
+                </template>
+              </tiny-input>
+              <div
+                :style="{
+                  height: `calc(100% - ${state.constants.INPUT_HEIGHT} - ${state.constants.INPUT_MARGIN_BOTTOM} )`
+                }"
+                class="tiny-dialog-select__body-tree-wrapper"
+              >
+                <div>
+                  <tiny-tree
+                    v-if="visible || state.multiTreeStore.inited"
+                    ref="multiTree"
+                    :show-checkbox="multi"
+                    :show-radio="!multi"
+                    lazy-current
+                    lazy
+                    :after-load="multiTreeAfterLoad"
+                    :view-type="state.multiTreeStore.viewType"
+                    :default-expanded-keys="state.multiTreeStore.expandedKeys"
+                    :default-expanded-keys-highlight="state.multiTreeStore.highlight"
+                    :filter-node-method="multiTreeFilterNode"
+                    :filter-plain-method="multiTreeFilterPlain"
+                    :default-checked-keys="state.multiTreeStore.checkedKeys"
+                    v-bind="treeOp"
+                    @leave-plain-view="multiTreeLeavePlain"
+                    @check="multiTreeCheck"
+                    @node-expand="multiTreeCheck"
+                    @node-collapse="multiTreeCheck"
+                    @check-plain="multiTreeCheck"
+                    @check-change="multiTreeRadio"
+                  >
+                  </tiny-tree>
+                </div>
               </div>
             </div>
           </template>
@@ -155,6 +172,7 @@ import Split from '@opentiny/vue-split'
 import SelectedBox from '@opentiny/vue-selected-box'
 import Input from '@opentiny/vue-input'
 import Tree from '@opentiny/vue-tree'
+import { iconSearch } from '@opentiny/vue-icon'
 import '@opentiny/vue-theme/dialog-select/index.less'
 
 export default defineComponent({
@@ -206,7 +224,8 @@ export default defineComponent({
     TinySplit: Split,
     TinySelectedBox: SelectedBox,
     TinyInput: Input,
-    TinyTree: Tree
+    TinyTree: Tree,
+    TinyIconSearch: iconSearch()
   },
   setup(props, context): any {
     return setup({ props, context, renderless, api })
diff --git a/packages/vue/src/dropdown/src/pc.vue b/packages/vue/src/dropdown/src/pc.vue
index 6133d1494..cdbd09fa9 100644
--- a/packages/vue/src/dropdown/src/pc.vue
+++ b/packages/vue/src/dropdown/src/pc.vue
@@ -88,6 +88,7 @@ export default defineComponent({
       default: false
     },
     suffixIcon: Object,
+    prefixIcon: Object,
     lazyShowPopper: {
       type: Boolean,
       default: false
@@ -106,7 +107,7 @@ export default defineComponent({
     return setup({ props, context, renderless, api, h })
   },
   render() {
-    const { splitButton, type, disabled, handleMainButtonClick, menuOptions, title, suffixIcon } = this
+    const { splitButton, type, disabled, handleMainButtonClick, menuOptions, title, suffixIcon, prefixIcon } = this
     const { slots, size, state, border, showIcon, round, clickOutside } = this
 
     const params = { visible: state.visible }
@@ -117,6 +118,7 @@ export default defineComponent({
 
     // 优先级：suffix-icon 插槽 > suffixIcon 属性 > 其他主题图标 > 默认主题图标
     const IconDown = suffixIcon || state.designConfig?.icons?.dropdownIcon || iconDownWard()
+    const IconPre = prefixIcon
     const ButtonIconDown = state.designConfig?.icons?.dropdownIcon || iconDownWard()
     const defaultSlot = slots.default && slots.default(params)
 
@@ -144,6 +146,7 @@ export default defineComponent({
       )
     } else {
       const suffixSlot = slots['suffix-icon'] && slots['suffix-icon']()
+      const prefixSlot = slots['prefix-icon'] && slots['prefix-icon']()
       const vnodeData = (defaultSlot && defaultSlot[0]?.data) || {}
       const { attrs = {} } = vnodeData
 
@@ -159,6 +162,13 @@ export default defineComponent({
         ''
       )
 
+      const prefixInner =
+        prefixIcon || prefixSlot ? (
+          <span class={'tiny-dropdown__prefix-inner ' + visibleClass}>{prefixSlot || <IconPre></IconPre>}</span>
+        ) : (
+          ''
+        )
+
       let defaultTriggerElm =
         defaultSlot || title ? <span class={'tiny-dropdown__title'}>{defaultSlot || title}</span> : null
 
@@ -172,15 +182,15 @@ export default defineComponent({
             showIcon ? ' is-show-icon ' : ''
           } ${triggerClass}`}
           reset-time={0}>
+          {prefixInner}
           {defaultTriggerElm}
           {suffixInner}
         </tiny-button>
       ) : (
         <span
           ref="trigger"
-          class={`is-text${state.visible ? ' is-expand' : ' is-hide'}${
-            disabled ? ' is-disabled' : ''
-          } ${triggerClass}`}>
+          class={`is-text${state.visible ? ' is-expand' : ' is-hide'}${disabled ? ' is-disabled' : ''} ${triggerClass}`}>
+          {prefixInner}
           {defaultTriggerElm}
           {suffixInner}
         </span>
diff --git a/packages/vue/src/file-upload/src/pc.vue b/packages/vue/src/file-upload/src/pc.vue
index 8077be0d5..9eeb9b6ee 100644
--- a/packages/vue/src/file-upload/src/pc.vue
+++ b/packages/vue/src/file-upload/src/pc.vue
@@ -43,7 +43,7 @@ import type { IFileUploadApi } from '@opentiny/vue-renderless/types/file-upload.
 
 const TinyIconAttachment = iconAttachment()
 const TinyIconSuccessful = iconSuccessful()
-const TinyIconCloseCircle = iconClose()
+const TinyIconClose = iconClose()
 const TinyIconDownload = iconDownload()
 const TinyIconFileCloudupload = iconFileCloudupload()
 const TinyIconPlus = iconPlus()
@@ -239,7 +239,7 @@ export default defineComponent({
       ),
       showDel && (
         <span class="thumb-icon" title={t('ui.fileUpload.deleteFile')} onClick={() => handleRemove(file)}>
-          <TinyIconCloseCircle class="close-icon" />
+          <TinyIconClose class="close-icon" />
         </span>
       )
     ]
diff --git a/packages/vue/src/grid/package.json b/packages/vue/src/grid/package.json
index 0b4dd1993..0c1d45200 100644
--- a/packages/vue/src/grid/package.json
+++ b/packages/vue/src/grid/package.json
@@ -15,20 +15,20 @@
     "//postversion": "pnpm build"
   },
   "dependencies": {
-    "@opentiny/vue-renderless": "workspace:~",
-    "@opentiny/vue-locale": "workspace:~",
-    "@opentiny/vue-modal": "workspace:~",
+    "@opentiny/vue-common": "workspace:~",
     "@opentiny/vue-dropdown": "workspace:~",
     "@opentiny/vue-dropdown-item": "workspace:~",
     "@opentiny/vue-dropdown-menu": "workspace:~",
     "@opentiny/vue-exception": "workspace:~",
-    "@opentiny/vue-pager": "workspace:~",
     "@opentiny/vue-icon": "workspace:~",
-    "@opentiny/vue-tooltip": "workspace:~",
-    "@opentiny/vue-theme": "workspace:~",
-    "@opentiny/vue-tag": "workspace:~",
     "@opentiny/vue-loading": "workspace:~",
-    "@opentiny/vue-common": "workspace:~"
+    "@opentiny/vue-locale": "workspace:~",
+    "@opentiny/vue-modal": "workspace:~",
+    "@opentiny/vue-pager": "workspace:~",
+    "@opentiny/vue-renderless": "workspace:~",
+    "@opentiny/vue-tag": "workspace:~",
+    "@opentiny/vue-theme": "workspace:~",
+    "@opentiny/vue-tooltip": "workspace:~"
   },
   "license": "MIT"
 }
diff --git a/packages/vue/src/grid/src/body/src/body.tsx b/packages/vue/src/grid/src/body/src/body.tsx
index e1e566b91..1060d2fc9 100644
--- a/packages/vue/src/grid/src/body/src/body.tsx
+++ b/packages/vue/src/grid/src/body/src/body.tsx
@@ -57,6 +57,7 @@ const classMap = {
   colActived: 'col__actived',
   rowNew: 'row__new',
   rowSelected: 'row__selected',
+  rowRadio: 'row__radio',
   rowActived: 'row__actived',
   isScrollload: 'is__scrollload'
 }
@@ -548,7 +549,8 @@ function renderRow(args) {
           {
             [`row__level-${rowLevel}`]: treeConfig,
             [classMap.rowNew]: editStore.insertList.includes(row),
-            [classMap.rowSelected]: selection.includes(row) || selectRow === row,
+            [classMap.rowSelected]: selection.includes(row),
+            [classMap.rowRadio]: selectRow === row,
             [classMap.rowActived]: rowActived
           },
           rowClassName
diff --git a/packages/vue/src/grid/src/cell/src/cell.ts b/packages/vue/src/grid/src/cell/src/cell.ts
index afe0e4e23..4d19043fc 100644
--- a/packages/vue/src/grid/src/cell/src/cell.ts
+++ b/packages/vue/src/grid/src/cell/src/cell.ts
@@ -536,12 +536,6 @@ export const Cell = {
     checkMethod && (options.attrs.disabled = isDisabled = !checkMethod(params))
     treeConfig && (indeterminate = ~treeIndeterminates.indexOf(row))
     options.domProps = { checked: ~$table.selection.indexOf(row) }
-    options.on = {
-      change(event) {
-        $table.triggerCheckRowEvent(event, params, event.target.checked)
-        $table.showSelectToolbar()
-      }
-    }
 
     let { twcls } = params
     let labelCls = [
@@ -565,7 +559,31 @@ export const Cell = {
       options.class = inputCls
     }
 
-    let vnode = h('label', { class: labelCls, key: random() }, [
+    /** 之前版本通过监听input的change事件切换选中状态，
+     * 当同时配置了单选和多选时，且单选的trigger为row时：
+     * 点击后由于先触发了单元格点击事件，切换了行单元状态，导致行重渲染，input的change事件无法触发，导致多选无法选中问题
+     * 3.19.0将选切换提前至点击事件，从而支持单选和多选同时配置。
+     */
+    const checkboxEvent = {
+      click(event) {
+        // 忽略label特性触发的input点击冒泡
+        if (event?.target?.tagName.toLowerCase() === 'input') {
+          return
+        }
+        const isChecked = $table.selection.includes(row)
+        /** triggerCheckRowEvent会修改dom，导致事件冒泡处理时，依靠dom的逻辑判断有误。
+         * 例如：onClickSelectColumn方法中，会使用event.target向上查找父元素判断是否点击复现框，从而避免重复处理选中逻辑。
+         * 修改dom后，原本复选框已被移出document，因此需要使用setTimeout宏任务来将修改dom的操作延迟到所有事件冒泡处理完毕。
+         */
+        setTimeout(() => {
+          $table.triggerCheckRowEvent(event, params, !isChecked)
+          // TODO: 多选工具栏，貌似没什么用，待梳理后去除。
+          $table.showSelectToolbar()
+        }, 0)
+      }
+    }
+
+    let vnode = h('label', { class: labelCls, key: random(), on: checkboxEvent }, [
       h('input', options),
       h('span', { class: spanCls }, [
         h(iconCheck(), { class: ['tiny-svg-size', 'icon-check'] }),
@@ -580,6 +598,7 @@ export const Cell = {
   renderTreeSelectionCell(h, params) {
     return Cell.renderTreeIcon(h, params).concat(Cell.renderSelectionCell(h, params))
   },
+  // TODO: 与renderSelectionCell代码方法高度相似，待提取公共逻辑。
   renderSelectionCellByProp(h, params) {
     let { $table, column, row } = params
     let { slots } = column
@@ -838,12 +857,8 @@ export const Cell = {
     let { actived } = params.$table.editStore
 
     const { editConfig } = params.$table
-    return Cell.runRenderer(
-      h,
-      params,
-      this,
-      actived && actived.row === params.row && handleActivedCanActive({ editConfig, params })
-    )
+    const isActiveCell = () => (editConfig?.activeStrictly ? handleActivedCanActive({ editConfig, params }) : true)
+    return Cell.runRenderer(h, params, this, actived?.row === params.row && isActiveCell())
   },
   renderTreeCellEdit(h, params) {
     return Cell.renderTreeIcon(h, params).concat(Cell.renderCellEdit(h, params))
diff --git a/packages/vue/src/grid/src/filter/src/panel.tsx b/packages/vue/src/grid/src/filter/src/panel.tsx
index 80ff20cdd..9625fee77 100644
--- a/packages/vue/src/grid/src/filter/src/panel.tsx
+++ b/packages/vue/src/grid/src/filter/src/panel.tsx
@@ -1,5 +1,4 @@
 /* eslint-disable vue/no-mutating-props */
-/* eslint-disable vue/no-use-computed-property-like-method */
 /**
  * MIT License
  *
@@ -289,20 +288,29 @@ export default defineComponent({
         }
       }
 
-      this.popperJS && this.popperJS.destroy() && (this.popperJS = null)
-      this.$nextTick(() => {
-        const { targetElemParentTr, id } = this.filterStore
-        const reference = targetElemParentTr && targetElemParentTr.querySelector(`svg.tiny-grid-filter__btn.${id}`)
-        const popper = this.$el
+      if (this.popperJS) {
+        this.popperJS.destroy()
+        this.popperJS = null
+      }
+      if (this.visible) {
+        /**  popper通过resizeObserver监听尺寸变化，resizeObserver的回调默认会在下一事件循环执行一次，从而update popper
+           此处获取的reference，在遇到长任务后，在下一事件循环时，可能已经被移除了，导致popper元素位置在左上角。
+           使用setTimeout延迟弹出时机，使得两次update中的reference都为选中态的过滤图标。
+       */
+        setTimeout(() => {
+          const { targetElemParentTr, id } = this.filterStore
+          const reference = targetElemParentTr && targetElemParentTr.querySelector(`svg.tiny-grid-filter__btn.${id}`)
+          const popper = this.$el
 
-        popper.style.zIndex = PopupManager.nextZIndex()
+          popper.style.zIndex = PopupManager.nextZIndex()
 
-        if (this.visible) {
           this.popperJS = new PopperJS(reference, popper, {
-            placement: 'bottom-end'
-          }).update()
-        }
-      })
+            placement: 'bottom-end',
+            gpuAcceleration: false
+          })
+          popper.style.display = 'block'
+        })
+      }
     }),
     // 基础清除选项
     renderBase() {
diff --git a/packages/vue/src/grid/src/table/src/table.ts b/packages/vue/src/grid/src/table/src/table.ts
index 71ec1d3be..242d3367d 100644
--- a/packages/vue/src/grid/src/table/src/table.ts
+++ b/packages/vue/src/grid/src/table/src/table.ts
@@ -27,7 +27,7 @@ import Tooltip from '@opentiny/vue-tooltip'
 import { extend } from '@opentiny/vue-renderless/common/object'
 import { isEmptyObject, isObject, isNull } from '@opentiny/vue-renderless/common/type'
 import { uniqueId, template, toNumber, isBoolean } from '@opentiny/vue-renderless/grid/static/'
-import { getRowkey, GlobalEvent, hasChildrenList, getListeners, isScale } from '@opentiny/vue-renderless/grid/utils'
+import { getRowkey, GlobalEvent, hasChildrenList, getListeners } from '@opentiny/vue-renderless/grid/utils'
 import TINYGrid from '../../adapter'
 import GridHeader from '../../header'
 import GridFooter from '../../footer'
@@ -103,7 +103,9 @@ function mergeTreeConfig(_vm) {
 }
 
 const renderEmptyPartFn = (opt) => {
-  const { _vm, tableData, $slots, renderEmpty } = opt
+  const { _vm, tableData } = opt
+  const { $grid = {}, renderEmpty } = _vm
+  const { $slots } = $grid
   return () => {
     let emptyPartVnode = null
     let { computerTableBodyHeight } = _vm
@@ -272,21 +274,13 @@ function getRenderer(opt) {
     visibleColumn
   } = opt
   const { $grid, ctxMenuStore, editRules, filterStore, footerData, footerMethod, hasFilter, hasTip, height, id } = _vm
-  const {
-    isCtxMenu,
-    isResizable,
-    renderEmpty,
-    scrollbarHeight,
-    selectToolbarStore,
-    tooltipContentOpts,
-    vaildTipOpts,
-    validOpts
-  } = _vm
+  const { isCtxMenu, isResizable, scrollbarHeight, selectToolbarStore, tooltipContentOpts, vaildTipOpts, validOpts } =
+    _vm
   const { selectToolbar, renderedToolbar } = $grid
 
   const renderHeader = () =>
     showHeader ? h(GridHeader, { ref: 'tableHeader', props, class: _vm.viewCls('tableHeader') }) : [null]
-  const renderEmptyPart = renderEmptyPartFn({ _vm, tableData, $slots, renderEmpty })
+  const renderEmptyPart = renderEmptyPartFn({ _vm, tableData })
   const renderFooter = renderFooterFn({ _vm, showFooter, footerData, footerMethod, tableColumn, visibleColumn, vSize })
   const renderResizeBar = renderResizeBarFn({ _vm, isResizable, overflowX, scrollbarHeight })
   const arg1 = { hasFilter, optimizeOpts, filterStore, isCtxMenu, ctxMenuStore, hasTip, tooltipContentOpts }
@@ -316,9 +310,13 @@ const renderFooterBorder = (_vm) => {
 // 设置表格最外层元素类名
 function getTableAttrs(tableVm) {
   const { isShapeTable, vSize, editConfig, showHeader, showFooter, overflowY, overflowX, showOverflow } = tableVm
-  const { showHeaderOverflow, highlightCell, optimizeOpts, stripe, border, isGroup, mouseConfig = {} } = tableVm
+  const { showHeaderOverflow, highlightCell, optimizeOpts, stripe, border, isGroup } = tableVm
   const { maxHeight, loading, highlightHoverRow, highlightHoverColumn, validOpts } = tableVm
-  const { stripeSaas, borderSaas, borderVertical, isThemeSaas, rowSpan, dropConfig = {} } = tableVm
+  const { stripeSaas, borderSaas, borderVertical, isThemeSaas, rowSpan } = tableVm
+
+  // 当用户传null值，解构得到的值为null，因此需要使用fallback值
+  const dropConfig = tableVm.dropConfig || {}
+  const mouseConfig = tableVm.mouseConfig || {}
 
   const map = {
     showHeader: 'show__head',
@@ -334,7 +332,7 @@ function getTableAttrs(tableVm) {
 
   // 多端表格的最大高度在多端模板中处理，此处仅处理pc端表格逻辑
   if (isShapeTable && maxHeight) {
-    style.maxHeight = isScale(maxHeight) ? maxHeight : toNumber(maxHeight) + 'px'
+    style.maxHeight = Number(maxHeight) ? maxHeight + 'px' : maxHeight
   }
 
   return {
diff --git a/packages/vue/src/grid/src/validator/src/methods.ts b/packages/vue/src/grid/src/validator/src/methods.ts
index 0aa7ecec3..e919c8f9d 100644
--- a/packages/vue/src/grid/src/validator/src/methods.ts
+++ b/packages/vue/src/grid/src/validator/src/methods.ts
@@ -60,8 +60,12 @@ const onRejected = (opt, _this) => {
       cb ? resolve() : reject(args)
     }
 
-    const funcPosAndFinish = (params, finish) => () => {
-      getCell(_this, params).then((activeCell) => {
+    const funcPosAndFinish = (params, finish) => async () => {
+      // 如果是虚拟滚动，则先滚动到对应单元格且渲染后再显示提示
+      if (_this.scrollXLoad) {
+        await _this.scrollToColumn(params.column, true)
+      }
+      return getCell(_this, params).then((activeCell) => {
         params.cell = activeCell
         _this.handleValidError(params)
         finish()
diff --git a/packages/vue/src/image/src/index.ts b/packages/vue/src/image/src/index.ts
index 7256ec0c3..f51fcbdea 100644
--- a/packages/vue/src/image/src/index.ts
+++ b/packages/vue/src/image/src/index.ts
@@ -66,6 +66,10 @@ export const imageProps = {
   keepStyle: {
     type: Boolean,
     default: false
+  },
+  appendToBody: {
+    type: Boolean,
+    default: true
   }
 }
 export default defineComponent({
diff --git a/packages/vue/src/image/src/mobile-first.vue b/packages/vue/src/image/src/mobile-first.vue
index b4d62eb7f..ffbcce2bb 100644
--- a/packages/vue/src/image/src/mobile-first.vue
+++ b/packages/vue/src/image/src/mobile-first.vue
@@ -37,7 +37,7 @@
         showHover ? 'block' : 'hidden'
       ]"
     ></div>
-    <teleport to="body">
+    <teleport :disabled="!appendToBody" to="body">
       <image-viewer
         :z-index="zIndex"
         v-if="state.getPreview && state.showViewer"
@@ -81,7 +81,8 @@ export default defineComponent({
     'previewVisible',
     'round',
     'imageSize',
-    'keepStyle'
+    'keepStyle',
+    'appendToBody'
   ],
   setup(props, context): any {
     return setup({
diff --git a/packages/vue/src/image/src/pc.vue b/packages/vue/src/image/src/pc.vue
index 97ad26ca3..a0e64680f 100644
--- a/packages/vue/src/image/src/pc.vue
+++ b/packages/vue/src/image/src/pc.vue
@@ -32,7 +32,7 @@
         'tiny-image__preview': state.getPreview
       }"
     />
-    <teleport to="body">
+    <teleport :disabled="!appendToBody" to="body">
       <image-viewer
         ref="imageViewer"
         :z-index="zIndex"
@@ -65,7 +65,18 @@ export default defineComponent({
     TinyIconImageError: iconImageError()
   },
   emits: ['load', 'error', 'delete', 'change-index'],
-  props: [...props, 'src', 'fit', 'lazy', 'scrollContainer', 'previewSrcList', 'zIndex', 'keepStyle', 'showIndex'],
+  props: [
+    ...props,
+    'src',
+    'fit',
+    'lazy',
+    'scrollContainer',
+    'previewSrcList',
+    'zIndex',
+    'keepStyle',
+    'showIndex',
+    'appendToBody'
+  ],
   setup(props, context) {
     return setup({ props, context, renderless, api }) as unknown as IImageApi
   }
diff --git a/packages/vue/src/link/package.json b/packages/vue/src/link/package.json
index e217b7cb1..45057ea80 100644
--- a/packages/vue/src/link/package.json
+++ b/packages/vue/src/link/package.json
@@ -1,15 +1,12 @@
 {
   "name": "@opentiny/vue-link",
-  "version": "3.18.0",
+  "type": "module",
+  "version": "3.18.1",
   "description": "",
+  "license": "MIT",
+  "sideEffects": false,
   "main": "lib/index.js",
   "module": "index.ts",
-  "sideEffects": false,
-  "type": "module",
-  "devDependencies": {
-    "@opentiny-internal/vue-test-utils": "workspace:*",
-    "vitest": "^0.31.0"
-  },
   "scripts": {
     "build": "pnpm -w build:ui $npm_package_name",
     "//postversion": "pnpm build"
@@ -19,5 +16,8 @@
     "@opentiny/vue-renderless": "workspace:~",
     "@opentiny/vue-theme": "workspace:~"
   },
-  "license": "MIT"
-}
\ No newline at end of file
+  "devDependencies": {
+    "@opentiny-internal/vue-test-utils": "workspace:*",
+    "vitest": "^0.31.0"
+  }
+}
diff --git a/packages/vue/src/link/src/index.ts b/packages/vue/src/link/src/index.ts
index 8df0181b3..620509bff 100644
--- a/packages/vue/src/link/src/index.ts
+++ b/packages/vue/src/link/src/index.ts
@@ -37,17 +37,6 @@ export const linkProps = {
 export default defineComponent({
   name: $prefix + 'Link',
   props: linkProps,
-  emits: {
-    click(_ev: MouseEvent) {
-      return true
-    }
-  },
-  slots: Object as SlotsType<{
-    /** 默认插槽 */
-    default: {}
-    /** 图标插槽 */
-    icon: {}
-  }>,
   setup(props, context) {
     return $setup({ props, context, template })
   }
diff --git a/packages/vue/src/modal/src/pc.vue b/packages/vue/src/modal/src/pc.vue
index f298a127f..8b4429b4e 100644
--- a/packages/vue/src/modal/src/pc.vue
+++ b/packages/vue/src/modal/src/pc.vue
@@ -23,8 +23,8 @@ import {
   iconLoadingShadow,
   iconWarning,
   iconClose,
-  iconFullscreenLeft,
-  iconMinscreenLeft
+  iconFullscreenRight,
+  iconMinscreenRight
 } from '@opentiny/vue-icon'
 import '@opentiny/vue-theme/modal/index.less'
 import type { IModalApi } from '@opentiny/vue-renderless/types/modal.type'
@@ -192,7 +192,7 @@ export default defineComponent({
                         )
                       : null,
                     resize
-                      ? h(zoomLocat ? iconMinscreenLeft() : iconFullscreenLeft(), {
+                      ? h(zoomLocat ? iconMinscreenRight() : iconFullscreenRight(), {
                           class: ['tiny-modal__zoom-btn', 'trigger__btn'],
                           on: {
                             click: this.toggleZoomEvent
diff --git a/packages/vue/src/picker/src/mobile-first.vue b/packages/vue/src/picker/src/mobile-first.vue
index 1263e1b23..e6fae9e3b 100644
--- a/packages/vue/src/picker/src/mobile-first.vue
+++ b/packages/vue/src/picker/src/mobile-first.vue
@@ -17,7 +17,7 @@
       :tabindex="tabindex"
       v-else-if="!state.ranged"
       data-tag="tiny-date-editor"
-      :readonly="state.isMobileMode || !editable || readonly || state.type === 'dates' || state.type === 'week'"
+      :readonly="state.isMobileScreen || !editable || readonly || state.type === 'dates' || state.type === 'week'"
       :disabled="state.pickerDisabled"
       :size="state.pickerSize"
       :name="name"
@@ -49,7 +49,7 @@
       </template>
       <template #suffix>
         <i data-tag="icon" class="flex items-center cursor-pointer">
-          <transition v-if="!state.isMobileMode" name="tiny-transition-icon-scale-in">
+          <transition v-if="!state.isMobileScreen" name="tiny-transition-icon-scale-in">
             <component
               :is="state.showClose ? clearIcon : null"
               @click="handleClickIcon"
@@ -106,7 +106,7 @@
           :title="state.displayValue && state.displayValue[0]"
           :disabled="state.pickerDisabled"
           v-bind="state.firstInputId"
-          :readonly="state.isMobileMode || !editable || readonly"
+          :readonly="state.isMobileScreen || !editable || readonly"
           :name="name && name[0]"
           @input="handleStartInput"
           @change="handleStartChange"
@@ -136,7 +136,7 @@
           :title="state.displayValue && state.displayValue[1]"
           :disabled="state.pickerDisabled"
           v-bind="state.secondInputId"
-          :readonly="state.isMobileMode || !editable || readonly"
+          :readonly="state.isMobileScreen || !editable || readonly"
           :name="name && name[1]"
           @input="handleEndInput"
           @change="handleEndChange"
@@ -146,7 +146,7 @@
         />
         <i
           @click="handleClickIcon"
-          v-if="!state.isMobileMode && state.haveTrigger"
+          v-if="!state.isMobileScreen && state.haveTrigger"
           data-tag="tiny-input__icon tiny-range__close-icon"
           :class="gcls('close-icon')"
         >
@@ -183,7 +183,7 @@
     </div>
     <!-- 大屏面板 -->
     <component
-      v-if="!state.isMobileMode"
+      v-if="!state.isMobileScreen"
       :is="state.panel"
       :step="step"
       :show-week-number="showWeekNumber"
@@ -199,7 +199,7 @@
     </component>
     <!-- 小屏 - 日期面板 -->
     <tiny-date-picker-mobile
-      v-if="state.isMobileMode && state.isDateMobileComponent"
+      v-if="state.isMobileScreen && state.isDateMobileComponent"
       ref="datePickerMobile"
       v-model="state.dateMobileOption.value"
       :title="title"
@@ -219,7 +219,7 @@
     </tiny-date-picker-mobile>
     <!-- 小屏 - 时间面板 -->
     <tiny-time-picker-mobile
-      v-if="state.isMobileMode && state.isTimeMobileComponent"
+      v-if="state.isMobileScreen && state.isTimeMobileComponent"
       ref="datePickerMobile"
       v-model="state.timeMobileOption.value"
       :default-value="state.timeMobileOption.defaultValue"
diff --git a/packages/vue/src/radio/src/mobile-first.vue b/packages/vue/src/radio/src/mobile-first.vue
index a3f368c25..959b50b03 100644
--- a/packages/vue/src/radio/src/mobile-first.vue
+++ b/packages/vue/src/radio/src/mobile-first.vue
@@ -92,7 +92,6 @@
         :class="m(gcls('radio-input'))"
         :value="label"
         type="radio"
-        aria-hidden="true"
         v-model="state.model"
         @focus="state.focus = true"
         @blur="state.focus = false"
diff --git a/packages/vue/src/radio/src/mobile.vue b/packages/vue/src/radio/src/mobile.vue
index 16cb077f5..9fe96d645 100644
--- a/packages/vue/src/radio/src/mobile.vue
+++ b/packages/vue/src/radio/src/mobile.vue
@@ -29,7 +29,6 @@
         class="tiny-mobile-radio__original"
         :value="label"
         type="radio"
-        aria-hidden="true"
         v-model="state.model"
         @focus="state.focus = true"
         @blur="state.focus = false"
diff --git a/packages/vue/src/search/src/token.ts b/packages/vue/src/search/src/token.ts
index 0c7b70962..20d660f43 100644
--- a/packages/vue/src/search/src/token.ts
+++ b/packages/vue/src/search/src/token.ts
@@ -34,7 +34,7 @@ export const classes = {
   'pc-search-input-mini':
     'pl-3 text-xs h-[calc(theme(spacing.6)-2*theme(borderWidth.DEFAULT))] leading-[calc(theme(spacing.6)-2*theme(borderWidth.DEFAULT))] placeholder:text-xs',
   'pc-search-input-unbig':
-    'text-xs h-[calc(theme(spacing.7)-2*theme(borderWidth.DEFAULT))] leading-[calc(theme(spacing.7)-2*theme(borderWidth.DEFAULT))]',
+    'text-sm h-[calc(theme(spacing.7)-2*theme(borderWidth.DEFAULT))] leading-[calc(theme(spacing.7)-2*theme(borderWidth.DEFAULT))]',
   'pc-search-input-btn-transtion': 'table-cell relative align-middle right-0 w-8 text-center z-10',
   'pc-search-input-btn-transtion-big': 'h-[calc(theme(spacing.7)-2*theme(borderWidth.DEFAULT))] translate-x-4',
   'pc-search-input-btn-transtion-medium': 'h-[calc(theme(spacing.8)-2*theme(borderWidth.DEFAULT))] translate-x-4',
diff --git a/packages/vue/src/select/src/pc.vue b/packages/vue/src/select/src/pc.vue
index b4f35a8c5..4433e505f 100644
--- a/packages/vue/src/select/src/pc.vue
+++ b/packages/vue/src/select/src/pc.vue
@@ -50,8 +50,8 @@
         multiple && !state.selectDisabled && state.selected.length
           ? state.selected.map((item) => (item.state ? item.state.currentLabel : item.currentLabel)).join('; ')
           : !multiple && state.selectDisabled
-          ? state.selectedLabel
-          : ''
+            ? state.selectedLabel
+            : ''
       "
     >
       <slot name="reference">
diff --git a/packages/vue/src/selected-box/src/pc.vue b/packages/vue/src/selected-box/src/pc.vue
index 79bb65168..68de16fb7 100644
--- a/packages/vue/src/selected-box/src/pc.vue
+++ b/packages/vue/src/selected-box/src/pc.vue
@@ -59,6 +59,9 @@
           </div>
         </div>
       </div>
+      <div class="tiny-selected-box__list-empty" v-show="!state.select.length && state.theme !== 'saas'">
+        <div>{{ t('ui.selectedBox.noData') }}</div>
+      </div>
     </div>
     <tiny-popover
       ref="popover"
diff --git a/packages/vue/src/skeleton-item/src/pc.vue b/packages/vue/src/skeleton-item/src/pc.vue
index ac7639674..22a47f805 100644
--- a/packages/vue/src/skeleton-item/src/pc.vue
+++ b/packages/vue/src/skeleton-item/src/pc.vue
@@ -7,20 +7,20 @@
       state.isActive ? 'tiny-skeleton-item--active' : ''
     ]"
   >
-    <icon-rich-text-image v-if="variant === 'image'"></icon-rich-text-image>
+    <icon-picture v-if="variant === 'image'"></icon-picture>
   </div>
 </template>
 
 <script>
 import { renderless, api } from '@opentiny/vue-renderless/skeleton-item/vue'
 import { props, setup, defineComponent } from '@opentiny/vue-common'
-import { iconRichTextImage } from '@opentiny/vue-icon'
+import { iconPicture } from '@opentiny/vue-icon'
 
 export default defineComponent({
   emits: ['update:modelValue'],
   props: [...props, 'modelValue', 'variant', 'size'],
   components: {
-    IconRichTextImage: iconRichTextImage()
+    IconPicture: iconPicture()
   },
   setup(props, context) {
     return setup({ props, context, renderless, api })
diff --git a/packages/vue/src/standard-list-item/src/mobile-first.vue b/packages/vue/src/standard-list-item/src/mobile-first.vue
index 6dedd3ac5..e4a48e86e 100644
--- a/packages/vue/src/standard-list-item/src/mobile-first.vue
+++ b/packages/vue/src/standard-list-item/src/mobile-first.vue
@@ -34,7 +34,7 @@
         ></tiny-user-head>
       </slot>
     </div>
-    <div data-tag="tiny-standard-list-item-title" class="text-left flex-auto mx-0 my-auto leading-5">
+    <div data-tag="tiny-standard-list-item-title" class="text-left overflow-auto flex-auto mx-0 my-auto leading-5">
       <slot>
         <div class="text-sm flex items-center">
           <slot name="title">
diff --git a/packages/vue/src/steps/src/pc/pc-standard.vue b/packages/vue/src/steps/src/pc/pc-standard.vue
index b0390fac5..50bb908b0 100644
--- a/packages/vue/src/steps/src/pc/pc-standard.vue
+++ b/packages/vue/src/steps/src/pc/pc-standard.vue
@@ -19,7 +19,7 @@
             {{ node[countField] }}
           </div>
           <div v-if="node[statusField]" :class="['dot', node[statusField]]">
-            <icon-refres v-if="node[statusField] === 'doing'"></icon-refres>
+            <icon-refresh v-if="node[statusField] === 'doing'"></icon-refresh>
             <icon-yes v-else-if="node[statusField] === 'done'"></icon-yes>
           </div>
         </slot>
@@ -31,12 +31,12 @@
 <script lang="ts">
 import { renderless, api } from '@opentiny/vue-renderless/steps/vue'
 import { props, setup, defineComponent } from '@opentiny/vue-common'
-import { iconRefres, iconYes } from '@opentiny/vue-icon'
+import { iconRefresh, iconYes } from '@opentiny/vue-icon'
 
 export default defineComponent({
   emits: ['click'],
   components: {
-    IconRefres: iconRefres(),
+    IconRefresh: iconRefresh(),
     IconYes: iconYes()
   },
   props: [
diff --git a/packages/vue/src/tree-menu/src/index.ts b/packages/vue/src/tree-menu/src/index.ts
index aa8f7917e..0e3a19a7d 100644
--- a/packages/vue/src/tree-menu/src/index.ts
+++ b/packages/vue/src/tree-menu/src/index.ts
@@ -88,6 +88,11 @@ export const treeMenuProps = {
   highlightQuery: {
     type: Boolean,
     default: false
+  },
+  // metaErp 新增属性
+  widthAdapt: {
+    type: Boolean,
+    default: false
   }
 }
 
diff --git a/packages/vue/src/tree-menu/src/pc.vue b/packages/vue/src/tree-menu/src/pc.vue
index 292369257..650500370 100644
--- a/packages/vue/src/tree-menu/src/pc.vue
+++ b/packages/vue/src/tree-menu/src/pc.vue
@@ -19,6 +19,7 @@
       'tiny-tree-menu__show-filter': showFilter,
       'tiny-tree-menu__show-expand': showExpand
     }"
+    :style="widthAdapt ? { width: '100%' } : {}"
   >
     <div v-if="menuCollapsible" class="tiny-tree-menu__toggle-button" @click.stop="collapseChange">
       <icon-arrow></icon-arrow>
@@ -218,6 +219,11 @@ export default defineComponent({
     highlightQuery: {
       type: Boolean,
       default: false
+    },
+    // metaErp 新增属性
+    widthAdapt: {
+      type: Boolean,
+      default: false
     }
   },
   setup(props, context) {
diff --git a/packages/vue/src/user-contact/src/index.ts b/packages/vue/src/user-contact/src/index.ts
index 6314fadda..e8a71b4a5 100644
--- a/packages/vue/src/user-contact/src/index.ts
+++ b/packages/vue/src/user-contact/src/index.ts
@@ -13,55 +13,60 @@
 import { $props, $setup, $prefix, defineComponent } from '@opentiny/vue-common'
 import template from 'virtual-template?pc'
 
+export const userContactProps = {
+  ...$props,
+  showName: {
+    type: Boolean,
+    default: true
+  },
+  showArrow: {
+    type: Boolean,
+    default: false
+  },
+
+  /**
+   * 是否显示 roleNumber, colType 为 false 时生效
+   */
+  showNumber: {
+    type: Boolean,
+    default: true
+  },
+
+  /**
+   * 是否显示 头像
+   */
+  showImg: {
+    type: Boolean,
+    default: true
+  },
+  placement: String,
+  /**
+   * 数据
+   */
+  data: {
+    type: Object as PropType<{
+      userName: string
+      imgUrl: string
+      roleNumber: string
+      tools?: any
+      values: undefined | { text: string; value: string }[]
+    }>
+  },
+  espace: Array,
+  popperClass: String,
+  popperAppendToBody: {
+    type: Boolean,
+    default: true
+  },
+  isNewImMode: {
+    type: Boolean,
+    default: true
+  }
+}
+
 export default defineComponent({
   name: $prefix + 'UserContact',
-  props: {
-    ...$props,
-    showName: {
-      type: Boolean,
-      default: true
-    },
-    showArrow: {
-      type: Boolean,
-      default: false
-    },
-
-    /**
-     *  是否显示 roleNumber, colType 为 false 时生效
-     */
-    showNumber: {
-      type: Boolean,
-      default: true
-    },
-
-    /**
-     * 是否显示 头像
-     */
-    showImg: {
-      type: Boolean,
-      default: true
-    },
-
-    /**
-     * 数据
-     */
-    data: {
-      type: Object,
-      validator: (value: any) =>
-        typeof value.userName === 'string' && value.imgUrl
-          ? typeof value.imgUrl === 'string'
-          : true && typeof value.userDescription === 'string' && (!value.values || Array.isArray(value.values))
-    },
-    popperClass: String,
-    popperAppendToBody: {
-      type: Boolean,
-      default: true
-    },
-    isNewImMode: {
-      type: Boolean,
-      default: true
-    }
-  },
+  props: userContactProps,
   setup(props, context) {
     return $setup({
       context,