diff --git a/internals/cli/package.json b/internals/cli/package.json
index 24f45a858d..7e6148b77f 100644
--- a/internals/cli/package.json
+++ b/internals/cli/package.json
@@ -62,6 +62,7 @@
     "rollup-plugin-visualizer": "^5.12.0",
     "vite-plugin-dts": "~3.0.0",
     "vite-plugin-svgr": "^3.2.0",
-    "vite-svg-loader": "^3.6.0"
+    "vite-svg-loader": "^3.6.0",
+    "@opentiny/huicharts": "~1.0.0"
   }
 }
diff --git a/internals/cli/src/commands/build/build-entry-app.ts b/internals/cli/src/commands/build/build-entry-app.ts
index 83e5eb4750..b9c98df4f8 100644
--- a/internals/cli/src/commands/build/build-entry-app.ts
+++ b/internals/cli/src/commands/build/build-entry-app.ts
@@ -114,7 +114,6 @@ const notSimpleComponents = [
   'RichText',
   'RichTextEditor',
   'River',
-  'SvgIcon',
   'TextPopup',
   'ToggleMenu',
   'User',
diff --git a/packages/modules.json b/packages/modules.json
index 1e53097b73..07ffea3c08 100644
--- a/packages/modules.json
+++ b/packages/modules.json
@@ -3,9 +3,7 @@
     "path": "vue/src/action-menu/index.ts",
     "type": "component",
     "exclude": false,
-    "mode": [
-      "pc"
-    ]
+    "mode": ["pc"]
   },
   "ActionMenuPc": {
     "path": "vue/src/action-menu/src/pc.vue",
@@ -16,10 +14,7 @@
     "path": "vue/src/action-sheet/index.ts",
     "type": "component",
     "exclude": false,
-    "mode": [
-      "mobile-first",
-      "mobile"
-    ]
+    "mode": ["mobile-first", "mobile"]
   },
   "ActionSheetMobile": {
     "path": "vue/src/action-sheet/src/mobile.vue",
@@ -35,11 +30,7 @@
     "path": "vue/src/alert/index.ts",
     "type": "component",
     "exclude": false,
-    "mode": [
-      "mobile-first",
-      "mobile",
-      "pc"
-    ]
+    "mode": ["mobile-first", "mobile", "pc"]
   },
   "AlertMobile": {
     "path": "vue/src/alert/src/mobile.vue",
@@ -60,10 +51,7 @@
     "path": "vue/src/amount/index.ts",
     "type": "component",
     "exclude": false,
-    "mode": [
-      "mobile-first",
-      "pc"
-    ]
+    "mode": ["mobile-first", "pc"]
   },
   "AmountMobileFirst": {
     "path": "vue/src/amount/src/mobile-first.vue",
@@ -79,10 +67,7 @@
     "path": "vue/src/anchor/index.ts",
     "type": "component",
     "exclude": false,
-    "mode": [
-      "mobile-first",
-      "pc"
-    ]
+    "mode": ["mobile-first", "pc"]
   },
   "AnchorMobileFirst": {
     "path": "vue/src/anchor/src/mobile-first.vue",
@@ -98,9 +83,7 @@
     "path": "vue/src/area/index.ts",
     "type": "component",
     "exclude": false,
-    "mode": [
-      "pc"
-    ]
+    "mode": ["pc"]
   },
   "AreaPc": {
     "path": "vue/src/area/src/pc.vue",
@@ -111,9 +94,7 @@
     "path": "vue/src/async-flowchart/index.ts",
     "type": "component",
     "exclude": false,
-    "mode": [
-      "mobile-first"
-    ]
+    "mode": ["mobile-first"]
   },
   "AsyncFlowchartMobileFirst": {
     "path": "vue/src/async-flowchart/src/mobile-first.vue",
@@ -124,9 +105,7 @@
     "path": "vue/src/autocomplete/index.ts",
     "type": "component",
     "exclude": false,
-    "mode": [
-      "pc"
-    ]
+    "mode": ["pc"]
   },
   "AutocompletePc": {
     "path": "vue/src/autocomplete/src/pc.vue",
@@ -137,19 +116,13 @@
     "path": "vue/src/avatar/index.ts",
     "type": "component",
     "exclude": false,
-    "mode": [
-      "mobile"
-    ]
+    "mode": ["mobile"]
   },
   "Badge": {
     "path": "vue/src/badge/index.ts",
     "type": "component",
     "exclude": false,
-    "mode": [
-      "mobile-first",
-      "mobile",
-      "pc"
-    ]
+    "mode": ["mobile-first", "mobile", "pc"]
   },
   "BadgeMobile": {
     "path": "vue/src/badge/src/mobile.vue",
@@ -170,10 +143,7 @@
     "path": "vue/src/base-select/index.ts",
     "type": "component",
     "exclude": false,
-    "mode": [
-      "mobile-first",
-      "pc"
-    ]
+    "mode": ["mobile-first", "pc"]
   },
   "BaseSelectMobileFirst": {
     "path": "vue/src/base-select/src/mobile-first.vue",
@@ -189,17 +159,13 @@
     "path": "vue/src/breadcrumb/index.ts",
     "type": "component",
     "exclude": false,
-    "mode": [
-      "pc"
-    ]
+    "mode": ["pc"]
   },
   "BreadcrumbItem": {
     "path": "vue/src/breadcrumb-item/index.ts",
     "type": "component",
     "exclude": false,
-    "mode": [
-      "pc"
-    ]
+    "mode": ["pc"]
   },
   "BreadcrumbItemPc": {
     "path": "vue/src/breadcrumb-item/src/pc.vue",
@@ -215,9 +181,7 @@
     "path": "vue/src/bulletin-board/index.ts",
     "type": "component",
     "exclude": false,
-    "mode": [
-      "pc"
-    ]
+    "mode": ["pc"]
   },
   "BulletinBoardPc": {
     "path": "vue/src/bulletin-board/src/pc.vue",
@@ -228,19 +192,13 @@
     "path": "vue/src/button/index.ts",
     "type": "component",
     "exclude": false,
-    "mode": [
-      "mobile-first",
-      "mobile",
-      "pc"
-    ]
+    "mode": ["mobile-first", "mobile", "pc"]
   },
   "ButtonGroup": {
     "path": "vue/src/button-group/index.ts",
     "type": "component",
     "exclude": false,
-    "mode": [
-      "pc"
-    ]
+    "mode": ["pc"]
   },
   "ButtonGroupPc": {
     "path": "vue/src/button-group/src/pc.vue",
@@ -266,17 +224,13 @@
     "path": "vue/src/calendar/index.ts",
     "type": "component",
     "exclude": false,
-    "mode": [
-      "pc"
-    ]
+    "mode": ["pc"]
   },
   "CalendarBar": {
     "path": "vue/src/calendar-bar/index.ts",
     "type": "component",
     "exclude": false,
-    "mode": [
-      "mobile-first"
-    ]
+    "mode": ["mobile-first"]
   },
   "CalendarBarMobileFirst": {
     "path": "vue/src/calendar-bar/src/mobile-first.vue",
@@ -292,10 +246,7 @@
     "path": "vue/src/calendar-view/index.ts",
     "type": "component",
     "exclude": false,
-    "mode": [
-      "mobile-first",
-      "pc"
-    ]
+    "mode": ["mobile-first", "pc"]
   },
   "CalendarViewMobileFirst": {
     "path": "vue/src/calendar-view/src/mobile-first.vue",
@@ -311,19 +262,13 @@
     "path": "vue/src/card/index.ts",
     "type": "component",
     "exclude": false,
-    "mode": [
-      "mobile-first",
-      "pc"
-    ]
+    "mode": ["mobile-first", "pc"]
   },
   "CardGroup": {
     "path": "vue/src/card-group/index.ts",
     "type": "component",
     "exclude": false,
-    "mode": [
-      "mobile-first",
-      "pc"
-    ]
+    "mode": ["mobile-first", "pc"]
   },
   "CardGroupMobileFirst": {
     "path": "vue/src/card-group/src/mobile-first.vue",
@@ -349,9 +294,7 @@
     "path": "vue/src/card-template/index.ts",
     "type": "component",
     "exclude": false,
-    "mode": [
-      "pc"
-    ]
+    "mode": ["pc"]
   },
   "CardTemplatePc": {
     "path": "vue/src/card-template/src/pc.vue",
@@ -362,19 +305,13 @@
     "path": "vue/src/carousel/index.ts",
     "type": "component",
     "exclude": false,
-    "mode": [
-      "mobile-first",
-      "pc"
-    ]
+    "mode": ["mobile-first", "pc"]
   },
   "CarouselItem": {
     "path": "vue/src/carousel-item/index.ts",
     "type": "component",
     "exclude": false,
-    "mode": [
-      "mobile-first",
-      "pc"
-    ]
+    "mode": ["mobile-first", "pc"]
   },
   "CarouselItemMobileFirst": {
     "path": "vue/src/carousel-item/src/mobile-first.vue",
@@ -400,19 +337,13 @@
     "path": "vue/src/cascader/index.ts",
     "type": "component",
     "exclude": false,
-    "mode": [
-      "mobile-first",
-      "pc"
-    ]
+    "mode": ["mobile-first", "pc"]
   },
   "CascaderMenu": {
     "path": "vue/src/cascader-menu/index.ts",
     "type": "component",
     "exclude": false,
-    "mode": [
-      "mobile-first",
-      "pc"
-    ]
+    "mode": ["mobile-first", "pc"]
   },
   "CascaderMenuMobileFirst": {
     "path": "vue/src/cascader-menu/src/mobile-first.vue",
@@ -428,9 +359,7 @@
     "path": "vue/src/cascader-mobile/index.ts",
     "type": "component",
     "exclude": false,
-    "mode": [
-      "mobile-first"
-    ]
+    "mode": ["mobile-first"]
   },
   "CascaderMobileFirst": {
     "path": "vue/src/cascader/src/mobile-first.vue",
@@ -441,10 +370,7 @@
     "path": "vue/src/cascader-node/index.ts",
     "type": "component",
     "exclude": false,
-    "mode": [
-      "mobile-first",
-      "pc"
-    ]
+    "mode": ["mobile-first", "pc"]
   },
   "CascaderNodeMobileFirst": {
     "path": "vue/src/cascader-node/src/mobile-first.vue",
@@ -460,10 +386,7 @@
     "path": "vue/src/cascader-panel/index.ts",
     "type": "component",
     "exclude": false,
-    "mode": [
-      "mobile-first",
-      "pc"
-    ]
+    "mode": ["mobile-first", "pc"]
   },
   "CascaderPanelMobileFirst": {
     "path": "vue/src/cascader-panel/src/mobile-first.vue",
@@ -484,9 +407,7 @@
     "path": "vue/src/cascader-select/index.ts",
     "type": "component",
     "exclude": false,
-    "mode": [
-      "mobile-first"
-    ]
+    "mode": ["mobile-first"]
   },
   "CascaderSelectMobileFirst": {
     "path": "vue/src/cascader-select/src/mobile-first.vue",
@@ -497,35 +418,25 @@
     "path": "vue/src/cascader-view/index.ts",
     "type": "component",
     "exclude": false,
-    "mode": [
-      "mobile-first"
-    ]
+    "mode": ["mobile-first"]
   },
   "Cell": {
     "path": "vue/src/cell/index.ts",
     "type": "component",
     "exclude": false,
-    "mode": [
-      "mobile-first"
-    ]
+    "mode": ["mobile-first"]
   },
   "Checkbox": {
     "path": "vue/src/checkbox/index.ts",
     "type": "component",
     "exclude": false,
-    "mode": [
-      "mobile-first",
-      "mobile",
-      "pc"
-    ]
+    "mode": ["mobile-first", "mobile", "pc"]
   },
   "CheckboxButton": {
     "path": "vue/src/checkbox-button/index.ts",
     "type": "component",
     "exclude": false,
-    "mode": [
-      "pc"
-    ]
+    "mode": ["pc"]
   },
   "CheckboxButtonPc": {
     "path": "vue/src/checkbox-button/src/pc.vue",
@@ -536,11 +447,7 @@
     "path": "vue/src/checkbox-group/index.ts",
     "type": "component",
     "exclude": false,
-    "mode": [
-      "mobile-first",
-      "mobile",
-      "pc"
-    ]
+    "mode": ["mobile-first", "mobile", "pc"]
   },
   "CheckboxGroupMobile": {
     "path": "vue/src/checkbox-group/src/mobile.vue",
@@ -576,9 +483,7 @@
     "path": "vue/src/col/index.ts",
     "type": "component",
     "exclude": false,
-    "mode": [
-      "pc"
-    ]
+    "mode": ["pc"]
   },
   "ColPc": {
     "path": "vue/src/col/src/pc.vue",
@@ -589,19 +494,13 @@
     "path": "vue/src/collapse/index.ts",
     "type": "component",
     "exclude": false,
-    "mode": [
-      "mobile-first",
-      "pc"
-    ]
+    "mode": ["mobile-first", "pc"]
   },
   "CollapseItem": {
     "path": "vue/src/collapse-item/index.ts",
     "type": "component",
     "exclude": false,
-    "mode": [
-      "mobile-first",
-      "pc"
-    ]
+    "mode": ["mobile-first", "pc"]
   },
   "CollapseItemMobileFirst": {
     "path": "vue/src/collapse-item/src/mobile-first.vue",
@@ -627,18 +526,13 @@
     "path": "vue/src/collapse-transition/index.ts",
     "type": "component",
     "exclude": false,
-    "mode": [
-      "pc"
-    ]
+    "mode": ["pc"]
   },
   "ColorPicker": {
     "path": "vue/src/color-picker/index.ts",
     "type": "component",
     "exclude": false,
-    "mode": [
-      "mobile",
-      "pc"
-    ]
+    "mode": ["mobile", "pc"]
   },
   "ColorPickerMobile": {
     "path": "vue/src/color-picker/src/mobile.vue",
@@ -654,9 +548,7 @@
     "path": "vue/src/color-select-panel/index.ts",
     "type": "component",
     "exclude": false,
-    "mode": [
-      "pc"
-    ]
+    "mode": ["pc"]
   },
   "ColorSelectPanelPc": {
     "path": "vue/src/color-select-panel/src/pc.vue",
@@ -667,17 +559,13 @@
     "path": "vue/src/column-list-group/index.ts",
     "type": "component",
     "exclude": false,
-    "mode": [
-      "mobile-first"
-    ]
+    "mode": ["mobile-first"]
   },
   "ColumnListItem": {
     "path": "vue/src/column-list-item/index.ts",
     "type": "component",
     "exclude": false,
-    "mode": [
-      "mobile-first"
-    ]
+    "mode": ["mobile-first"]
   },
   "Common": {
     "path": "vue-common/src/index.ts",
@@ -688,9 +576,7 @@
     "path": "vue/src/company/index.ts",
     "type": "component",
     "exclude": false,
-    "mode": [
-      "pc"
-    ]
+    "mode": ["pc"]
   },
   "CompanyPc": {
     "path": "vue/src/company/src/pc.vue",
@@ -706,10 +592,7 @@
     "path": "vue/src/container/index.ts",
     "type": "component",
     "exclude": false,
-    "mode": [
-      "mobile",
-      "pc"
-    ]
+    "mode": ["mobile", "pc"]
   },
   "ContainerMobile": {
     "path": "vue/src/container/src/mobile.vue",
@@ -725,9 +608,7 @@
     "path": "vue/src/country/index.ts",
     "type": "component",
     "exclude": false,
-    "mode": [
-      "pc"
-    ]
+    "mode": ["pc"]
   },
   "CountryPc": {
     "path": "vue/src/country/src/pc.vue",
@@ -738,18 +619,13 @@
     "path": "vue/src/crop/index.ts",
     "type": "component",
     "exclude": false,
-    "mode": [
-      "pc"
-    ]
+    "mode": ["pc"]
   },
   "Currency": {
     "path": "vue/src/currency/index.ts",
     "type": "component",
     "exclude": false,
-    "mode": [
-      "mobile-first",
-      "pc"
-    ]
+    "mode": ["mobile-first", "pc"]
   },
   "CurrencyMobileFirst": {
     "path": "vue/src/currency/src/mobile-first.vue",
@@ -765,10 +641,7 @@
     "path": "vue/src/date-panel/index.ts",
     "type": "component",
     "exclude": false,
-    "mode": [
-      "mobile-first",
-      "pc"
-    ]
+    "mode": ["mobile-first", "pc"]
   },
   "DatePanelMobileFirst": {
     "path": "vue/src/date-panel/src/mobile-first.vue",
@@ -784,10 +657,7 @@
     "path": "vue/src/date-picker/index.ts",
     "type": "component",
     "exclude": false,
-    "mode": [
-      "mobile",
-      "pc"
-    ]
+    "mode": ["mobile", "pc"]
   },
   "DatePickerMobile": {
     "path": "vue/src/date-picker/src/mobile.vue",
@@ -808,10 +678,7 @@
     "path": "vue/src/date-range/index.ts",
     "type": "component",
     "exclude": false,
-    "mode": [
-      "mobile-first",
-      "pc"
-    ]
+    "mode": ["mobile-first", "pc"]
   },
   "DateRangeMobileFirst": {
     "path": "vue/src/date-range/src/mobile-first.vue",
@@ -827,10 +694,7 @@
     "path": "vue/src/date-table/index.ts",
     "type": "component",
     "exclude": false,
-    "mode": [
-      "mobile-first",
-      "pc"
-    ]
+    "mode": ["mobile-first", "pc"]
   },
   "DateTableMobileFirst": {
     "path": "vue/src/date-table/src/mobile-first.vue",
@@ -846,9 +710,7 @@
     "path": "vue/src/dept/index.ts",
     "type": "component",
     "exclude": false,
-    "mode": [
-      "pc"
-    ]
+    "mode": ["pc"]
   },
   "DeptPc": {
     "path": "vue/src/dept/src/pc.vue",
@@ -874,11 +736,7 @@
     "path": "vue/src/dialog-box/index.ts",
     "type": "component",
     "exclude": false,
-    "mode": [
-      "mobile-first",
-      "mobile",
-      "pc"
-    ]
+    "mode": ["mobile-first", "mobile", "pc"]
   },
   "DialogBoxMobile": {
     "path": "vue/src/dialog-box/src/mobile.vue",
@@ -899,9 +757,7 @@
     "path": "vue/src/dialog-select/index.ts",
     "type": "component",
     "exclude": false,
-    "mode": [
-      "pc"
-    ]
+    "mode": ["pc"]
   },
   "DialogSelectPc": {
     "path": "vue/src/dialog-select/src/pc.vue",
@@ -917,9 +773,7 @@
     "path": "vue/src/divider/index.ts",
     "type": "component",
     "exclude": false,
-    "mode": [
-      "pc"
-    ]
+    "mode": ["pc"]
   },
   "DividerPc": {
     "path": "vue/src/divider/src/pc.vue",
@@ -930,10 +784,7 @@
     "path": "vue/src/drawer/index.ts",
     "type": "component",
     "exclude": false,
-    "mode": [
-      "mobile-first",
-      "pc"
-    ]
+    "mode": ["mobile-first", "pc"]
   },
   "DrawerMobileFirst": {
     "path": "vue/src/drawer/src/mobile-first.vue",
@@ -949,9 +800,7 @@
     "path": "vue/src/drop-roles/index.ts",
     "type": "component",
     "exclude": false,
-    "mode": [
-      "pc"
-    ]
+    "mode": ["pc"]
   },
   "DropRolesPc": {
     "path": "vue/src/drop-roles/src/pc.vue",
@@ -962,9 +811,7 @@
     "path": "vue/src/drop-times/index.ts",
     "type": "component",
     "exclude": false,
-    "mode": [
-      "pc"
-    ]
+    "mode": ["pc"]
   },
   "DropTimesPc": {
     "path": "vue/src/drop-times/src/pc.vue",
@@ -975,20 +822,13 @@
     "path": "vue/src/dropdown/index.ts",
     "type": "component",
     "exclude": false,
-    "mode": [
-      "mobile-first",
-      "pc"
-    ]
+    "mode": ["mobile-first", "pc"]
   },
   "DropdownItem": {
     "path": "vue/src/dropdown-item/index.ts",
     "type": "component",
     "exclude": false,
-    "mode": [
-      "mobile-first",
-      "mobile",
-      "pc"
-    ]
+    "mode": ["mobile-first", "mobile", "pc"]
   },
   "DropdownItemMobile": {
     "path": "vue/src/dropdown-item/src/mobile.vue",
@@ -1009,11 +849,7 @@
     "path": "vue/src/dropdown-menu/index.ts",
     "type": "component",
     "exclude": false,
-    "mode": [
-      "mobile-first",
-      "mobile",
-      "pc"
-    ]
+    "mode": ["mobile-first", "mobile", "pc"]
   },
   "DropdownMenuMobile": {
     "path": "vue/src/dropdown-menu/src/mobile.vue",
@@ -1044,17 +880,13 @@
     "path": "vue/src/dynamic-scroller/index.ts",
     "type": "component",
     "exclude": false,
-    "mode": [
-      "pc"
-    ]
+    "mode": ["pc"]
   },
   "DynamicScrollerItem": {
     "path": "vue/src/dynamic-scroller-item/index.ts",
     "type": "component",
     "exclude": false,
-    "mode": [
-      "pc"
-    ]
+    "mode": ["pc"]
   },
   "DynamicScrollerItemPc": {
     "path": "vue/src/dynamic-scroller-item/src/pc.vue",
@@ -1070,9 +902,7 @@
     "path": "vue/src/espace/index.ts",
     "type": "component",
     "exclude": false,
-    "mode": [
-      "pc"
-    ]
+    "mode": ["pc"]
   },
   "EspacePc": {
     "path": "vue/src/espace/src/pc.vue",
@@ -1083,10 +913,7 @@
     "path": "vue/src/exception/index.ts",
     "type": "component",
     "exclude": false,
-    "mode": [
-      "mobile-first",
-      "mobile"
-    ]
+    "mode": ["mobile-first", "mobile"]
   },
   "ExceptionMobile": {
     "path": "vue/src/exception/src/mobile.vue",
@@ -1102,9 +929,7 @@
     "path": "vue/src/fall-menu/index.ts",
     "type": "component",
     "exclude": false,
-    "mode": [
-      "pc"
-    ]
+    "mode": ["pc"]
   },
   "FallMenuPc": {
     "path": "vue/src/fall-menu/src/pc.vue",
@@ -1115,11 +940,7 @@
     "path": "vue/src/file-upload/index.ts",
     "type": "component",
     "exclude": false,
-    "mode": [
-      "mobile-first",
-      "mobile",
-      "pc"
-    ]
+    "mode": ["mobile-first", "mobile", "pc"]
   },
   "FileUploadMobile": {
     "path": "vue/src/file-upload/src/mobile.vue",
@@ -1140,17 +961,13 @@
     "path": "vue/src/filter/index.ts",
     "type": "component",
     "exclude": false,
-    "mode": [
-      "mobile-first"
-    ]
+    "mode": ["mobile-first"]
   },
   "FilterBar": {
     "path": "vue/src/filter-bar/index.ts",
     "type": "component",
     "exclude": false,
-    "mode": [
-      "mobile-first"
-    ]
+    "mode": ["mobile-first"]
   },
   "FilterBarMobileFirst": {
     "path": "vue/src/filter-bar/src/mobile-first.vue",
@@ -1161,9 +978,7 @@
     "path": "vue/src/filter-box/index.ts",
     "type": "component",
     "exclude": false,
-    "mode": [
-      "pc"
-    ]
+    "mode": ["pc"]
   },
   "FilterMobileFirst": {
     "path": "vue/src/filter/src/mobile-first.vue",
@@ -1174,17 +989,13 @@
     "path": "vue/src/filter-panel/index.ts",
     "type": "component",
     "exclude": false,
-    "mode": [
-      "pc"
-    ]
+    "mode": ["pc"]
   },
   "FloatButton": {
     "path": "vue/src/float-button/index.ts",
     "type": "component",
     "exclude": false,
-    "mode": [
-      "pc"
-    ]
+    "mode": ["pc"]
   },
   "FloatButtonPc": {
     "path": "vue/src/float-button/src/pc.vue",
@@ -1195,9 +1006,7 @@
     "path": "vue/src/floatbar/index.ts",
     "type": "component",
     "exclude": false,
-    "mode": [
-      "pc"
-    ]
+    "mode": ["pc"]
   },
   "FloatbarPc": {
     "path": "vue/src/floatbar/src/pc.vue",
@@ -1208,9 +1017,7 @@
     "path": "vue/src/floating-button/index.ts",
     "type": "component",
     "exclude": false,
-    "mode": [
-      "mobile-first"
-    ]
+    "mode": ["mobile-first"]
   },
   "FloatingButtonMobileFirst": {
     "path": "vue/src/floating-button/src/mobile-first.vue",
@@ -1221,10 +1028,7 @@
     "path": "vue/src/flowchart/index.ts",
     "type": "component",
     "exclude": false,
-    "mode": [
-      "mobile-first",
-      "pc"
-    ]
+    "mode": ["mobile-first", "pc"]
   },
   "FlowchartMobileFirst": {
     "path": "vue/src/flowchart/src/mobile-first.vue",
@@ -1240,10 +1044,7 @@
     "path": "vue/src/fluent-editor/index.ts",
     "type": "component",
     "exclude": false,
-    "mode": [
-      "mobile-first",
-      "pc"
-    ]
+    "mode": ["mobile-first", "pc"]
   },
   "FluentEditorMobileFirst": {
     "path": "vue/src/fluent-editor/src/mobile-first.vue",
@@ -1259,20 +1060,13 @@
     "path": "vue/src/form/index.ts",
     "type": "component",
     "exclude": false,
-    "mode": [
-      "mobile-first",
-      "mobile",
-      "pc"
-    ]
+    "mode": ["mobile-first", "mobile", "pc"]
   },
   "FormItem": {
     "path": "vue/src/form-item/index.ts",
     "type": "component",
     "exclude": false,
-    "mode": [
-      "mobile-first",
-      "pc"
-    ]
+    "mode": ["mobile-first", "pc"]
   },
   "FormItemLabelWrap": {
     "path": "vue/src/form-item/src/label-wrap.ts",
@@ -1308,9 +1102,7 @@
     "path": "vue/src/fullscreen/index.ts",
     "type": "component",
     "exclude": false,
-    "mode": [
-      "pc"
-    ]
+    "mode": ["pc"]
   },
   "Grid": {
     "path": "vue/src/grid/index.ts",
@@ -1336,9 +1128,7 @@
     "path": "vue/src/guide/index.ts",
     "type": "component",
     "exclude": false,
-    "mode": [
-      "pc"
-    ]
+    "mode": ["pc"]
   },
   "GuidePc": {
     "path": "vue/src/guide/src/pc.vue",
@@ -1354,9 +1144,7 @@
     "path": "vue/src/hrapprover/index.ts",
     "type": "component",
     "exclude": false,
-    "mode": [
-      "pc"
-    ]
+    "mode": ["pc"]
   },
   "HrapproverPc": {
     "path": "vue/src/hrapprover/src/pc.vue",
@@ -1502,10 +1290,7 @@
     "path": "vue/src/image/index.ts",
     "type": "component",
     "exclude": false,
-    "mode": [
-      "mobile-first",
-      "pc"
-    ]
+    "mode": ["mobile-first", "pc"]
   },
   "ImageMobileFirst": {
     "path": "vue/src/image/src/mobile-first.vue",
@@ -1521,11 +1306,7 @@
     "path": "vue/src/image-viewer/index.ts",
     "type": "component",
     "exclude": false,
-    "mode": [
-      "mobile-first",
-      "mobile",
-      "pc"
-    ]
+    "mode": ["mobile-first", "mobile", "pc"]
   },
   "ImageViewerMobile": {
     "path": "vue/src/image-viewer/src/mobile.vue",
@@ -1546,9 +1327,7 @@
     "path": "vue/src/index-bar/index.ts",
     "type": "component",
     "exclude": false,
-    "mode": [
-      "mobile"
-    ]
+    "mode": ["mobile"]
   },
   "IndexBarAnchor": {
     "path": "vue/src/index-bar-anchor/index.ts",
@@ -1564,11 +1343,7 @@
     "path": "vue/src/input/index.ts",
     "type": "component",
     "exclude": false,
-    "mode": [
-      "mobile-first",
-      "mobile",
-      "pc"
-    ]
+    "mode": ["mobile-first", "mobile", "pc"]
   },
   "InputMobile": {
     "path": "vue/src/input/src/mobile.vue",
@@ -1594,9 +1369,7 @@
     "path": "vue/src/ip-address/index.ts",
     "type": "component",
     "exclude": false,
-    "mode": [
-      "pc"
-    ]
+    "mode": ["pc"]
   },
   "IpAddressPc": {
     "path": "vue/src/ip-address/src/pc.vue",
@@ -1607,9 +1380,7 @@
     "path": "vue/src/label/index.ts",
     "type": "component",
     "exclude": false,
-    "mode": [
-      "mobile"
-    ]
+    "mode": ["mobile"]
   },
   "LabelMobile": {
     "path": "vue/src/label/src/mobile.vue",
@@ -1620,9 +1391,7 @@
     "path": "vue/src/layout/index.ts",
     "type": "component",
     "exclude": false,
-    "mode": [
-      "pc"
-    ]
+    "mode": ["pc"]
   },
   "LayoutPc": {
     "path": "vue/src/layout/src/pc.vue",
@@ -1633,17 +1402,13 @@
     "path": "vue/src/link/index.ts",
     "type": "component",
     "exclude": false,
-    "mode": [
-      "pc"
-    ]
+    "mode": ["pc"]
   },
   "LinkMenu": {
     "path": "vue/src/link-menu/index.ts",
     "type": "component",
     "exclude": false,
-    "mode": [
-      "pc"
-    ]
+    "mode": ["pc"]
   },
   "LinkMenuPc": {
     "path": "vue/src/link-menu/src/pc.vue",
@@ -1659,17 +1424,13 @@
     "path": "vue/src/list/index.ts",
     "type": "component",
     "exclude": false,
-    "mode": [
-      "mobile"
-    ]
+    "mode": ["mobile"]
   },
   "LoadList": {
     "path": "vue/src/load-list/index.ts",
     "type": "component",
     "exclude": false,
-    "mode": [
-      "mobile-first"
-    ]
+    "mode": ["mobile-first"]
   },
   "LoadListMobileFirst": {
     "path": "vue/src/load-list/src/mobile-first.vue",
@@ -1680,11 +1441,7 @@
     "path": "vue/src/loading/index.ts",
     "type": "component",
     "exclude": false,
-    "mode": [
-      "mobile-first",
-      "mobile",
-      "pc"
-    ]
+    "mode": ["mobile-first", "mobile", "pc"]
   },
   "LoadingMobile": {
     "path": "vue/src/loading/src/mobile.vue",
@@ -1710,25 +1467,19 @@
     "path": "vue/src/locales/index.ts",
     "type": "component",
     "exclude": false,
-    "mode": [
-      "pc"
-    ]
+    "mode": ["pc"]
   },
   "LogonUser": {
     "path": "vue/src/logon-user/index.ts",
     "type": "component",
     "exclude": false,
-    "mode": [
-      "pc"
-    ]
+    "mode": ["pc"]
   },
   "Logout": {
     "path": "vue/src/logout/index.ts",
     "type": "component",
     "exclude": false,
-    "mode": [
-      "pc"
-    ]
+    "mode": ["pc"]
   },
   "LogoutPc": {
     "path": "vue/src/logout/src/pc.vue",
@@ -1739,17 +1490,13 @@
     "path": "vue/src/mask/index.ts",
     "type": "component",
     "exclude": false,
-    "mode": [
-      "mobile"
-    ]
+    "mode": ["mobile"]
   },
   "Menu": {
     "path": "vue/src/menu/index.ts",
     "type": "component",
     "exclude": false,
-    "mode": [
-      "mobile-first"
-    ]
+    "mode": ["mobile-first"]
   },
   "Message": {
     "path": "vue/src/message/index.ts",
@@ -1760,9 +1507,7 @@
     "path": "vue/src/milestone/index.ts",
     "type": "component",
     "exclude": false,
-    "mode": [
-      "pc"
-    ]
+    "mode": ["pc"]
   },
   "MilestonePc": {
     "path": "vue/src/milestone/src/pc.vue",
@@ -1773,9 +1518,7 @@
     "path": "vue/src/mind-map/index.ts",
     "type": "component",
     "exclude": false,
-    "mode": [
-      "pc"
-    ]
+    "mode": ["pc"]
   },
   "MindMapPc": {
     "path": "vue/src/mind-map/src/pc.vue",
@@ -1786,19 +1529,13 @@
     "path": "vue/src/mini-picker/index.ts",
     "type": "component",
     "exclude": false,
-    "mode": [
-      "mobile"
-    ]
+    "mode": ["mobile"]
   },
   "Modal": {
     "path": "vue/src/modal/index.ts",
     "type": "component",
     "exclude": false,
-    "mode": [
-      "mobile-first",
-      "mobile",
-      "pc"
-    ]
+    "mode": ["mobile-first", "mobile", "pc"]
   },
   "ModalMobile": {
     "path": "vue/src/modal/src/mobile.vue",
@@ -1819,33 +1556,25 @@
     "path": "vue/src/month-range/index.ts",
     "type": "component",
     "exclude": false,
-    "mode": [
-      "pc"
-    ]
+    "mode": ["pc"]
   },
   "MonthTable": {
     "path": "vue/src/month-table/index.ts",
     "type": "component",
     "exclude": false,
-    "mode": [
-      "pc"
-    ]
+    "mode": ["pc"]
   },
   "MultiSelect": {
     "path": "vue/src/multi-select/index.ts",
     "type": "component",
     "exclude": false,
-    "mode": [
-      "mobile"
-    ]
+    "mode": ["mobile"]
   },
   "MultiSelectItem": {
     "path": "vue/src/multi-select-item/index.ts",
     "type": "component",
     "exclude": false,
-    "mode": [
-      "mobile"
-    ]
+    "mode": ["mobile"]
   },
   "MultiSelectItemMobile": {
     "path": "vue/src/multi-select-item/src/mobile.vue",
@@ -1861,17 +1590,13 @@
     "path": "vue/src/nav-bar/index.ts",
     "type": "component",
     "exclude": false,
-    "mode": [
-      "mobile"
-    ]
+    "mode": ["mobile"]
   },
   "NavMenu": {
     "path": "vue/src/nav-menu/index.ts",
     "type": "component",
     "exclude": false,
-    "mode": [
-      "pc"
-    ]
+    "mode": ["pc"]
   },
   "NavMenuPc": {
     "path": "vue/src/nav-menu/src/pc.vue",
@@ -1882,19 +1607,13 @@
     "path": "vue/src/notify/index.ts",
     "type": "component",
     "exclude": false,
-    "mode": [
-      "pc"
-    ]
+    "mode": ["pc"]
   },
   "Numeric": {
     "path": "vue/src/numeric/index.ts",
     "type": "component",
     "exclude": false,
-    "mode": [
-      "mobile-first",
-      "mobile",
-      "pc"
-    ]
+    "mode": ["mobile-first", "mobile", "pc"]
   },
   "NumericMobile": {
     "path": "vue/src/numeric/src/mobile.vue",
@@ -1915,19 +1634,13 @@
     "path": "vue/src/option/index.ts",
     "type": "component",
     "exclude": false,
-    "mode": [
-      "mobile-first",
-      "pc"
-    ]
+    "mode": ["mobile-first", "pc"]
   },
   "OptionGroup": {
     "path": "vue/src/option-group/index.ts",
     "type": "component",
     "exclude": false,
-    "mode": [
-      "mobile-first",
-      "pc"
-    ]
+    "mode": ["mobile-first", "pc"]
   },
   "OptionGroupMobileFirst": {
     "path": "vue/src/option-group/src/mobile-first.vue",
@@ -1953,19 +1666,13 @@
     "path": "vue/src/pager/index.ts",
     "type": "component",
     "exclude": false,
-    "mode": [
-      "mobile-first",
-      "pc"
-    ]
+    "mode": ["mobile-first", "pc"]
   },
   "PagerItem": {
     "path": "vue/src/pager-item/index.ts",
     "type": "component",
     "exclude": false,
-    "mode": [
-      "mobile-first",
-      "pc"
-    ]
+    "mode": ["mobile-first", "pc"]
   },
   "PagerItemMobileFirst": {
     "path": "vue/src/pager-item/src/mobile-first.vue",
@@ -1991,9 +1698,7 @@
     "path": "vue/src/panel/index.ts",
     "type": "component",
     "exclude": false,
-    "mode": [
-      "pc"
-    ]
+    "mode": ["pc"]
   },
   "PanelPc": {
     "path": "vue/src/panel/src/pc.vue",
@@ -2004,18 +1709,13 @@
     "path": "vue/src/picker/index.ts",
     "type": "component",
     "exclude": false,
-    "mode": [
-      "mobile-first",
-      "pc"
-    ]
+    "mode": ["mobile-first", "pc"]
   },
   "PickerColumn": {
     "path": "vue/src/picker-column/index.ts",
     "type": "component",
     "exclude": false,
-    "mode": [
-      "mobile"
-    ]
+    "mode": ["mobile"]
   },
   "PickerMobileFirst": {
     "path": "vue/src/picker/src/mobile-first.vue",
@@ -2031,9 +1731,7 @@
     "path": "vue/src/pop-upload/index.ts",
     "type": "component",
     "exclude": false,
-    "mode": [
-      "pc"
-    ]
+    "mode": ["pc"]
   },
   "PopUploadPc": {
     "path": "vue/src/pop-upload/src/pc.vue",
@@ -2044,10 +1742,7 @@
     "path": "vue/src/popconfirm/index.ts",
     "type": "component",
     "exclude": false,
-    "mode": [
-      "mobile-first",
-      "pc"
-    ]
+    "mode": ["mobile-first", "pc"]
   },
   "PopconfirmMobileFirst": {
     "path": "vue/src/popconfirm/src/mobile-first.vue",
@@ -2063,9 +1758,7 @@
     "path": "vue/src/popeditor/index.ts",
     "type": "component",
     "exclude": false,
-    "mode": [
-      "pc"
-    ]
+    "mode": ["pc"]
   },
   "PopeditorPc": {
     "path": "vue/src/popeditor/src/pc.vue",
@@ -2076,11 +1769,7 @@
     "path": "vue/src/popover/index.ts",
     "type": "component",
     "exclude": false,
-    "mode": [
-      "mobile-first",
-      "mobile",
-      "pc"
-    ]
+    "mode": ["mobile-first", "mobile", "pc"]
   },
   "PopoverMobile": {
     "path": "vue/src/popover/src/mobile.vue",
@@ -2101,19 +1790,13 @@
     "path": "vue/src/popup/index.ts",
     "type": "component",
     "exclude": false,
-    "mode": [
-      "pc"
-    ]
+    "mode": ["pc"]
   },
   "Progress": {
     "path": "vue/src/progress/index.ts",
     "type": "component",
     "exclude": false,
-    "mode": [
-      "mobile-first",
-      "mobile",
-      "pc"
-    ]
+    "mode": ["mobile-first", "mobile", "pc"]
   },
   "ProgressMobile": {
     "path": "vue/src/progress/src/mobile.vue",
@@ -2134,10 +1817,7 @@
     "path": "vue/src/pull-refresh/index.ts",
     "type": "component",
     "exclude": false,
-    "mode": [
-      "mobile-first",
-      "mobile"
-    ]
+    "mode": ["mobile-first", "mobile"]
   },
   "PullRefreshMobile": {
     "path": "vue/src/pull-refresh/src/mobile.vue",
@@ -2153,44 +1833,31 @@
     "path": "vue/src/qr-code/index.ts",
     "type": "component",
     "exclude": false,
-    "mode": [
-      "pc"
-    ]
+    "mode": ["pc"]
   },
   "QuarterPanel": {
     "path": "vue/src/quarter-panel/index.ts",
     "type": "component",
     "exclude": false,
-    "mode": [
-      "pc"
-    ]
+    "mode": ["pc"]
   },
   "QueryBuilder": {
     "path": "vue/src/query-builder/index.ts",
     "type": "component",
     "exclude": false,
-    "mode": [
-      "pc"
-    ]
+    "mode": ["pc"]
   },
   "Radio": {
     "path": "vue/src/radio/index.ts",
     "type": "component",
     "exclude": false,
-    "mode": [
-      "mobile-first",
-      "mobile",
-      "pc"
-    ]
+    "mode": ["mobile-first", "mobile", "pc"]
   },
   "RadioButton": {
     "path": "vue/src/radio-button/index.ts",
     "type": "component",
     "exclude": false,
-    "mode": [
-      "mobile-first",
-      "pc"
-    ]
+    "mode": ["mobile-first", "pc"]
   },
   "RadioButtonMobileFirst": {
     "path": "vue/src/radio-button/src/mobile-first.vue",
@@ -2206,10 +1873,7 @@
     "path": "vue/src/radio-group/index.ts",
     "type": "component",
     "exclude": false,
-    "mode": [
-      "mobile-first",
-      "pc"
-    ]
+    "mode": ["mobile-first", "pc"]
   },
   "RadioGroupMobileFirst": {
     "path": "vue/src/radio-group/src/mobile-first.vue",
@@ -2240,10 +1904,7 @@
     "path": "vue/src/rate/index.ts",
     "type": "component",
     "exclude": false,
-    "mode": [
-      "mobile-first",
-      "pc"
-    ]
+    "mode": ["mobile-first", "pc"]
   },
   "RateMobileFirst": {
     "path": "vue/src/rate/src/mobile-first.vue",
@@ -2259,9 +1920,7 @@
     "path": "vue/src/record/index.ts",
     "type": "component",
     "exclude": false,
-    "mode": [
-      "mobile-first"
-    ]
+    "mode": ["mobile-first"]
   },
   "RecordMobileFirst": {
     "path": "vue/src/record/src/mobile-first.vue",
@@ -2272,9 +1931,7 @@
     "path": "vue/src/recycle-scroller/index.ts",
     "type": "component",
     "exclude": false,
-    "mode": [
-      "pc"
-    ]
+    "mode": ["pc"]
   },
   "RecycleScrollerPc": {
     "path": "vue/src/recycle-scroller/src/pc.vue",
@@ -2285,25 +1942,19 @@
     "path": "vue/src/rich-text/index.ts",
     "type": "component",
     "exclude": false,
-    "mode": [
-      "pc"
-    ]
+    "mode": ["pc"]
   },
   "RichTextEditor": {
     "path": "vue/src/rich-text-editor/index.ts",
     "type": "component",
     "exclude": false,
-    "mode": [
-      "pc"
-    ]
+    "mode": ["pc"]
   },
   "River": {
     "path": "vue/src/river/index.ts",
     "type": "component",
     "exclude": false,
-    "mode": [
-      "pc"
-    ]
+    "mode": ["pc"]
   },
   "RiverPc": {
     "path": "vue/src/river/src/pc.vue",
@@ -2314,9 +1965,7 @@
     "path": "vue/src/roles/index.ts",
     "type": "component",
     "exclude": false,
-    "mode": [
-      "pc"
-    ]
+    "mode": ["pc"]
   },
   "RolesPc": {
     "path": "vue/src/roles/src/pc.vue",
@@ -2327,9 +1976,7 @@
     "path": "vue/src/row/index.ts",
     "type": "component",
     "exclude": false,
-    "mode": [
-      "pc"
-    ]
+    "mode": ["pc"]
   },
   "RowPc": {
     "path": "vue/src/row/src/pc.vue",
@@ -2345,9 +1992,7 @@
     "path": "vue/src/scroll-text/index.ts",
     "type": "component",
     "exclude": false,
-    "mode": [
-      "pc"
-    ]
+    "mode": ["pc"]
   },
   "ScrollTextPc": {
     "path": "vue/src/scroll-text/src/pc.vue",
@@ -2358,19 +2003,13 @@
     "path": "vue/src/scrollbar/index.ts",
     "type": "component",
     "exclude": false,
-    "mode": [
-      "pc"
-    ]
+    "mode": ["pc"]
   },
   "Search": {
     "path": "vue/src/search/index.ts",
     "type": "component",
     "exclude": false,
-    "mode": [
-      "mobile-first",
-      "mobile",
-      "pc"
-    ]
+    "mode": ["mobile-first", "mobile", "pc"]
   },
   "SearchMobile": {
     "path": "vue/src/search/src/mobile.vue",
@@ -2391,19 +2030,13 @@
     "path": "vue/src/select/index.ts",
     "type": "component",
     "exclude": false,
-    "mode": [
-      "mobile-first",
-      "pc"
-    ]
+    "mode": ["mobile-first", "pc"]
   },
   "SelectDropdown": {
     "path": "vue/src/select-dropdown/index.ts",
     "type": "component",
     "exclude": false,
-    "mode": [
-      "mobile-first",
-      "pc"
-    ]
+    "mode": ["mobile-first", "pc"]
   },
   "SelectDropdownMobileFirst": {
     "path": "vue/src/select-dropdown/src/mobile-first.vue",
@@ -2419,9 +2052,7 @@
     "path": "vue/src/select-mobile/index.ts",
     "type": "component",
     "exclude": false,
-    "mode": [
-      "mobile-first"
-    ]
+    "mode": ["mobile-first"]
   },
   "SelectMobileFirst": {
     "path": "vue/src/select/src/mobile-first.vue",
@@ -2437,18 +2068,13 @@
     "path": "vue/src/select-view/index.ts",
     "type": "component",
     "exclude": false,
-    "mode": [
-      "mobile-first"
-    ]
+    "mode": ["mobile-first"]
   },
   "SelectedBox": {
     "path": "vue/src/selected-box/index.ts",
     "type": "component",
     "exclude": false,
-    "mode": [
-      "mobile-first",
-      "pc"
-    ]
+    "mode": ["mobile-first", "pc"]
   },
   "SelectedBoxMobileFirst": {
     "path": "vue/src/selected-box/src/mobile-first.vue",
@@ -2464,9 +2090,7 @@
     "path": "vue/src/signature/index.ts",
     "type": "component",
     "exclude": false,
-    "mode": [
-      "mobile-first"
-    ]
+    "mode": ["mobile-first"]
   },
   "SignatureMobileFirst": {
     "path": "vue/src/signature/src/mobile-first.vue",
@@ -2477,17 +2101,13 @@
     "path": "vue/src/skeleton/index.ts",
     "type": "component",
     "exclude": false,
-    "mode": [
-      "pc"
-    ]
+    "mode": ["pc"]
   },
   "SkeletonItem": {
     "path": "vue/src/skeleton-item/index.ts",
     "type": "component",
     "exclude": false,
-    "mode": [
-      "pc"
-    ]
+    "mode": ["pc"]
   },
   "SkeletonItemPc": {
     "path": "vue/src/skeleton-item/src/pc.vue",
@@ -2503,27 +2123,19 @@
     "path": "vue/src/slider/index.ts",
     "type": "component",
     "exclude": false,
-    "mode": [
-      "mobile-first",
-      "mobile",
-      "pc"
-    ]
+    "mode": ["mobile-first", "mobile", "pc"]
   },
   "SliderButton": {
     "path": "vue/src/slider-button/index.ts",
     "type": "component",
     "exclude": false,
-    "mode": [
-      "mobile-first"
-    ]
+    "mode": ["mobile-first"]
   },
   "SliderButtonGroup": {
     "path": "vue/src/slider-button-group/index.ts",
     "type": "component",
     "exclude": false,
-    "mode": [
-      "mobile-first"
-    ]
+    "mode": ["mobile-first"]
   },
   "SliderButtonGroupMobileFirst": {
     "path": "vue/src/slider-button-group/src/mobile-first.vue",
@@ -2554,9 +2166,7 @@
     "path": "vue/src/split/index.ts",
     "type": "component",
     "exclude": false,
-    "mode": [
-      "pc"
-    ]
+    "mode": ["pc"]
   },
   "SplitPc": {
     "path": "vue/src/split/src/pc.vue",
@@ -2567,17 +2177,13 @@
     "path": "vue/src/standard-list-item/index.ts",
     "type": "component",
     "exclude": false,
-    "mode": [
-      "mobile-first"
-    ]
+    "mode": ["mobile-first"]
   },
   "Statistic": {
     "path": "vue/src/statistic/index.ts",
     "type": "component",
     "exclude": false,
-    "mode": [
-      "pc"
-    ]
+    "mode": ["pc"]
   },
   "StatisticPc": {
     "path": "vue/src/statistic/src/pc.vue",
@@ -2588,10 +2194,7 @@
     "path": "vue/src/steps/index.ts",
     "type": "component",
     "exclude": false,
-    "mode": [
-      "mobile-first",
-      "pc"
-    ]
+    "mode": ["mobile-first", "pc"]
   },
   "StepsMobileFirst": {
     "path": "vue/src/steps/src/mobile-first.vue",
@@ -2607,10 +2210,7 @@
     "path": "vue/src/sticky/index.ts",
     "type": "component",
     "exclude": false,
-    "mode": [
-      "mobile-first",
-      "pc"
-    ]
+    "mode": ["mobile-first", "pc"]
   },
   "StickyMobileFirst": {
     "path": "vue/src/sticky/src/mobile-first.vue",
@@ -2622,23 +2222,11 @@
     "type": "template",
     "exclude": false
   },
-  "SvgIcon": {
-    "path": "vue/src/svg-icon/index.ts",
-    "type": "component",
-    "exclude": false,
-    "mode": [
-      "pc"
-    ]
-  },
   "Switch": {
     "path": "vue/src/switch/index.ts",
     "type": "component",
     "exclude": false,
-    "mode": [
-      "mobile-first",
-      "mobile",
-      "pc"
-    ]
+    "mode": ["mobile-first", "mobile", "pc"]
   },
   "SwitchMobile": {
     "path": "vue/src/switch/src/mobile.vue",
@@ -2659,10 +2247,7 @@
     "path": "vue/src/tab-item/index.ts",
     "type": "component",
     "exclude": false,
-    "mode": [
-      "mobile-first",
-      "pc"
-    ]
+    "mode": ["mobile-first", "pc"]
   },
   "TabItemMobileFirst": {
     "path": "vue/src/tab-item/src/mobile-first.vue",
@@ -2678,19 +2263,13 @@
     "path": "vue/src/tabbar/index.ts",
     "type": "component",
     "exclude": false,
-    "mode": [
-      "mobile-first",
-      "mobile"
-    ]
+    "mode": ["mobile-first", "mobile"]
   },
   "TabbarItem": {
     "path": "vue/src/tabbar-item/index.ts",
     "type": "component",
     "exclude": false,
-    "mode": [
-      "mobile-first",
-      "mobile"
-    ]
+    "mode": ["mobile-first", "mobile"]
   },
   "TabbarItemMobile": {
     "path": "vue/src/tabbar-item/src/mobile.vue",
@@ -2716,10 +2295,7 @@
     "path": "vue/src/table/index.ts",
     "type": "component",
     "exclude": false,
-    "mode": [
-      "mobile",
-      "pc"
-    ]
+    "mode": ["mobile", "pc"]
   },
   "TableMobile": {
     "path": "vue/src/table/src/mobile.vue",
@@ -2735,11 +2311,7 @@
     "path": "vue/src/tabs/index.ts",
     "type": "component",
     "exclude": false,
-    "mode": [
-      "mobile-first",
-      "mobile",
-      "pc"
-    ]
+    "mode": ["mobile-first", "mobile", "pc"]
   },
   "TabsMobile": {
     "path": "vue/src/tabs/src/mobile.vue",
@@ -2760,20 +2332,13 @@
     "path": "vue/src/tag/index.ts",
     "type": "component",
     "exclude": false,
-    "mode": [
-      "mobile-first",
-      "mobile",
-      "pc"
-    ]
+    "mode": ["mobile-first", "mobile", "pc"]
   },
   "TagGroup": {
     "path": "vue/src/tag-group/index.ts",
     "type": "component",
     "exclude": false,
-    "mode": [
-      "mobile-first",
-      "pc"
-    ]
+    "mode": ["mobile-first", "pc"]
   },
   "TagGroupMobileFirst": {
     "path": "vue/src/tag-group/src/mobile-first.vue",
@@ -2804,9 +2369,7 @@
     "path": "vue/src/text-popup/index.ts",
     "type": "component",
     "exclude": false,
-    "mode": [
-      "pc"
-    ]
+    "mode": ["pc"]
   },
   "TextPopupPc": {
     "path": "vue/src/text-popup/src/pc.vue",
@@ -2817,20 +2380,13 @@
     "path": "vue/src/time/index.ts",
     "type": "component",
     "exclude": false,
-    "mode": [
-      "mobile-first",
-      "pc"
-    ]
+    "mode": ["mobile-first", "pc"]
   },
   "TimeLine": {
     "path": "vue/src/time-line/index.ts",
     "type": "component",
     "exclude": false,
-    "mode": [
-      "mobile-first",
-      "mobile",
-      "pc"
-    ]
+    "mode": ["mobile-first", "mobile", "pc"]
   },
   "TimeLineMobile": {
     "path": "vue/src/time-line/src/mobile.vue",
@@ -2846,11 +2402,7 @@
     "path": "vue/src/time-line-new/index.ts",
     "type": "component",
     "exclude": false,
-    "mode": [
-      "mobile-first",
-      "mobile",
-      "pc"
-    ]
+    "mode": ["mobile-first", "mobile", "pc"]
   },
   "TimeLineNewMobile": {
     "path": "vue/src/time-line-new/src/mobile.vue",
@@ -2881,10 +2433,7 @@
     "path": "vue/src/time-panel/index.ts",
     "type": "component",
     "exclude": false,
-    "mode": [
-      "mobile-first",
-      "pc"
-    ]
+    "mode": ["mobile-first", "pc"]
   },
   "TimePanelMobileFirst": {
     "path": "vue/src/time-panel/src/mobile-first.vue",
@@ -2905,42 +2454,31 @@
     "path": "vue/src/time-picker/index.ts",
     "type": "component",
     "exclude": false,
-    "mode": [
-      "pc"
-    ]
+    "mode": ["pc"]
   },
   "TimePickerMobile": {
     "path": "vue/src/time-picker-mobile/index.ts",
     "type": "component",
     "exclude": false,
-    "mode": [
-      "mobile-first"
-    ]
+    "mode": ["mobile-first"]
   },
   "TimeRange": {
     "path": "vue/src/time-range/index.ts",
     "type": "component",
     "exclude": false,
-    "mode": [
-      "pc"
-    ]
+    "mode": ["pc"]
   },
   "TimeSelect": {
     "path": "vue/src/time-select/index.ts",
     "type": "component",
     "exclude": false,
-    "mode": [
-      "pc"
-    ]
+    "mode": ["pc"]
   },
   "TimeSpinner": {
     "path": "vue/src/time-spinner/index.ts",
     "type": "component",
     "exclude": false,
-    "mode": [
-      "mobile-first",
-      "pc"
-    ]
+    "mode": ["mobile-first", "pc"]
   },
   "TimeSpinnerMobileFirst": {
     "path": "vue/src/time-spinner/src/mobile-first.vue",
@@ -2956,9 +2494,7 @@
     "path": "vue/src/timeline-item/index.ts",
     "type": "component",
     "exclude": false,
-    "mode": [
-      "pc"
-    ]
+    "mode": ["pc"]
   },
   "TimelineItemPc": {
     "path": "vue/src/timeline-item/src/pc.vue",
@@ -2969,9 +2505,7 @@
     "path": "vue/src/toast/index.ts",
     "type": "component",
     "exclude": false,
-    "mode": [
-      "mobile"
-    ]
+    "mode": ["mobile"]
   },
   "ToastMobile": {
     "path": "vue/src/toast/src/mobile.vue",
@@ -2982,9 +2516,7 @@
     "path": "vue/src/toggle-menu/index.ts",
     "type": "component",
     "exclude": false,
-    "mode": [
-      "pc"
-    ]
+    "mode": ["pc"]
   },
   "ToggleMenuPc": {
     "path": "vue/src/toggle-menu/src/pc.vue",
@@ -2995,10 +2527,7 @@
     "path": "vue/src/tooltip/index.ts",
     "type": "component",
     "exclude": false,
-    "mode": [
-      "mobile-first",
-      "pc"
-    ]
+    "mode": ["mobile-first", "pc"]
   },
   "TooltipMobileFirst": {
     "path": "vue/src/tooltip/src/mobile-first.vue",
@@ -3014,9 +2543,7 @@
     "path": "vue/src/top-box/index.ts",
     "type": "component",
     "exclude": false,
-    "mode": [
-      "pc"
-    ]
+    "mode": ["pc"]
   },
   "TopBoxPc": {
     "path": "vue/src/top-box/src/pc.vue",
@@ -3027,17 +2554,13 @@
     "path": "vue/src/transfer/index.ts",
     "type": "component",
     "exclude": false,
-    "mode": [
-      "pc"
-    ]
+    "mode": ["pc"]
   },
   "TransferPanel": {
     "path": "vue/src/transfer-panel/index.ts",
     "type": "component",
     "exclude": false,
-    "mode": [
-      "pc"
-    ]
+    "mode": ["pc"]
   },
   "TransferPc": {
     "path": "vue/src/transfer/src/pc.vue",
@@ -3048,17 +2571,13 @@
     "path": "vue/src/tree/index.ts",
     "type": "component",
     "exclude": false,
-    "mode": [
-      "pc"
-    ]
+    "mode": ["pc"]
   },
   "TreeMenu": {
     "path": "vue/src/tree-menu/index.ts",
     "type": "component",
     "exclude": false,
-    "mode": [
-      "pc"
-    ]
+    "mode": ["pc"]
   },
   "TreeMenuPc": {
     "path": "vue/src/tree-menu/src/pc.vue",
@@ -3074,27 +2593,19 @@
     "path": "vue/src/tree-select/index.ts",
     "type": "component",
     "exclude": false,
-    "mode": [
-      "pc"
-    ]
+    "mode": ["pc"]
   },
   "Upload": {
     "path": "vue/src/upload/index.ts",
     "type": "component",
     "exclude": false,
-    "mode": [
-      "mobile-first",
-      "pc"
-    ]
+    "mode": ["mobile-first", "pc"]
   },
   "UploadDragger": {
     "path": "vue/src/upload-dragger/index.ts",
     "type": "component",
     "exclude": false,
-    "mode": [
-      "mobile-first",
-      "pc"
-    ]
+    "mode": ["mobile-first", "pc"]
   },
   "UploadDraggerMobileFirst": {
     "path": "vue/src/upload-dragger/src/mobile-first.vue",
@@ -3110,11 +2621,7 @@
     "path": "vue/src/upload-list/index.ts",
     "type": "component",
     "exclude": false,
-    "mode": [
-      "mobile-first",
-      "mobile",
-      "pc"
-    ]
+    "mode": ["mobile-first", "mobile", "pc"]
   },
   "UploadListMobile": {
     "path": "vue/src/upload-list/src/mobile.vue",
@@ -3145,17 +2652,13 @@
     "path": "vue/src/user/index.ts",
     "type": "component",
     "exclude": false,
-    "mode": [
-      "pc"
-    ]
+    "mode": ["pc"]
   },
   "UserAccount": {
     "path": "vue/src/user-account/index.ts",
     "type": "component",
     "exclude": false,
-    "mode": [
-      "pc"
-    ]
+    "mode": ["pc"]
   },
   "UserAccountPc": {
     "path": "vue/src/user-account/src/pc.vue",
@@ -3166,9 +2669,7 @@
     "path": "vue/src/user-contact/index.ts",
     "type": "component",
     "exclude": false,
-    "mode": [
-      "pc"
-    ]
+    "mode": ["pc"]
   },
   "UserContactPc": {
     "path": "vue/src/user-contact/src/pc.vue",
@@ -3179,19 +2680,13 @@
     "path": "vue/src/user-head/index.ts",
     "type": "component",
     "exclude": false,
-    "mode": [
-      "mobile-first",
-      "mobile",
-      "pc"
-    ]
+    "mode": ["mobile-first", "mobile", "pc"]
   },
   "UserHeadGroup": {
     "path": "vue/src/user-head-group/index.ts",
     "type": "component",
     "exclude": false,
-    "mode": [
-      "mobile-first"
-    ]
+    "mode": ["mobile-first"]
   },
   "UserHeadGroupMobileFirst": {
     "path": "vue/src/user-head-group/src/mobile-first.vue",
@@ -3217,9 +2712,7 @@
     "path": "vue/src/user-link/index.ts",
     "type": "component",
     "exclude": false,
-    "mode": [
-      "pc"
-    ]
+    "mode": ["pc"]
   },
   "UserLinkPc": {
     "path": "vue/src/user-link/src/pc.vue",
@@ -3235,9 +2728,7 @@
     "path": "vue/src/virtual-scroll-box/index.ts",
     "type": "component",
     "exclude": false,
-    "mode": [
-      "pc"
-    ]
+    "mode": ["pc"]
   },
   "VirtualScrollBoxPc": {
     "path": "vue/src/virtual-scroll-box/src/pc.vue",
@@ -3248,9 +2739,7 @@
     "path": "vue/src/virtual-tree/index.ts",
     "type": "component",
     "exclude": false,
-    "mode": [
-      "pc"
-    ]
+    "mode": ["pc"]
   },
   "VirtualTreePc": {
     "path": "vue/src/virtual-tree/src/pc.vue",
@@ -3261,25 +2750,19 @@
     "path": "vue/src/watermark/index.ts",
     "type": "component",
     "exclude": false,
-    "mode": [
-      "pc"
-    ]
+    "mode": ["pc"]
   },
   "Wheel": {
     "path": "vue/src/wheel/index.ts",
     "type": "component",
     "exclude": false,
-    "mode": [
-      "mobile"
-    ]
+    "mode": ["mobile"]
   },
   "Wizard": {
     "path": "vue/src/wizard/index.ts",
     "type": "component",
     "exclude": false,
-    "mode": [
-      "pc"
-    ]
+    "mode": ["pc"]
   },
   "WizardPc": {
     "path": "vue/src/wizard/src/pc.vue",
@@ -3290,10 +2773,7 @@
     "path": "vue/src/year-range/index.ts",
     "type": "component",
     "exclude": false,
-    "mode": [
-      "mobile-first",
-      "pc"
-    ]
+    "mode": ["mobile-first", "pc"]
   },
   "YearRangeMobileFirst": {
     "path": "vue/src/year-range/src/mobile-first.vue",
@@ -3309,10 +2789,7 @@
     "path": "vue/src/year-table/index.ts",
     "type": "component",
     "exclude": false,
-    "mode": [
-      "mobile-first",
-      "pc"
-    ]
+    "mode": ["mobile-first", "pc"]
   },
   "YearTableMobileFirst": {
     "path": "vue/src/year-table/src/mobile-first.vue",
diff --git a/packages/theme/src/index.less b/packages/theme/src/index.less
index 7c51b3a2c4..fad9264dd6 100644
--- a/packages/theme/src/index.less
+++ b/packages/theme/src/index.less
@@ -123,7 +123,6 @@
 @import './statistic/index.less';
 @import './steps/index.less';
 @import './sticky/index.less';
-@import './svg/index.less';
 @import './switch/index.less';
 @import './table/index.less';
 @import './tabs/index.less';
diff --git a/packages/vue-runtime/package.json b/packages/vue-runtime/package.json
index 1836d6ec7a..78e6c9517d 100644
--- a/packages/vue-runtime/package.json
+++ b/packages/vue-runtime/package.json
@@ -31,4 +31,4 @@
     "dist2",
     "dist3"
   ]
-}
\ No newline at end of file
+}
diff --git a/packages/vue/package.json b/packages/vue/package.json
index ac8e9d4e48..46983af40c 100644
--- a/packages/vue/package.json
+++ b/packages/vue/package.json
@@ -218,7 +218,6 @@
     "@opentiny/vue-statistic": "workspace:~",
     "@opentiny/vue-steps": "workspace:~",
     "@opentiny/vue-sticky": "workspace:~",
-    "@opentiny/vue-svg-icon": "workspace:~",
     "@opentiny/vue-switch": "workspace:~",
     "@opentiny/vue-tab-item": "workspace:~",
     "@opentiny/vue-tabbar": "workspace:~",
diff --git a/packages/vue/src/svg-icon/index.ts b/packages/vue/src/svg-icon/index.ts
deleted file mode 100644
index 4c3837e2b1..0000000000
--- a/packages/vue/src/svg-icon/index.ts
+++ /dev/null
@@ -1,30 +0,0 @@
-/**
- * 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 SvgIcon from './src/pc.vue'
-import '@opentiny/vue-theme/svg/index.less'
-import { version } from './package.json'
-
-/* istanbul ignore next */
-SvgIcon.install = function (Vue) {
-  Vue.component(SvgIcon.name, SvgIcon)
-}
-
-SvgIcon.version = version
-
-/* istanbul ignore next */
-if (process.env.BUILD_TARGET === 'runtime') {
-  if (typeof window !== 'undefined' && window.Vue) {
-    SvgIcon.install(window.Vue)
-  }
-}
-
-export default SvgIcon
diff --git a/packages/vue/src/svg-icon/package.json b/packages/vue/src/svg-icon/package.json
deleted file mode 100644
index 46dad0bddb..0000000000
--- a/packages/vue/src/svg-icon/package.json
+++ /dev/null
@@ -1,22 +0,0 @@
-{
-  "name": "@opentiny/vue-svg-icon",
-  "version": "3.18.0",
-  "description": "",
-  "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"
-  },
-  "dependencies": {
-    "@opentiny/vue-common": "workspace:~",
-    "@opentiny/vue-theme": "workspace:~"
-  },
-  "license": "MIT"
-}
\ No newline at end of file
diff --git a/packages/vue/src/svg-icon/src/pc.vue b/packages/vue/src/svg-icon/src/pc.vue
deleted file mode 100644
index 144c7d4f0a..0000000000
--- a/packages/vue/src/svg-icon/src/pc.vue
+++ /dev/null
@@ -1,45 +0,0 @@
-<!--
- * 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.
- *
- -->
-<template>
-  <i :style="styleExternalIcon" class="tiny-svg" v-on="$listeners" />
-</template>
-
-<script lang="ts">
-import { $prefix, defineComponent } from '@opentiny/vue-common'
-
-export default defineComponent({
-  name: $prefix + 'SvgIcon',
-  props: {
-    src: {
-      type: String,
-      required: true
-    },
-    width: String,
-    height: String,
-    fill: String
-  },
-  computed: {
-    styleExternalIcon() {
-      const style = {
-        mask: `url(${this.src}) no-repeat 50% 50%`,
-        '-webkit-mask': `url(${this.src}) no-repeat 50% 50%`
-      }
-
-      this.width && (style.width = this.width)
-      this.height && (style.height = this.height)
-      this.fill && (style.background = this.fill)
-
-      return style
-    }
-  }
-})
-</script>