fix icon

package.json

@@ -1,6 +1,6 @@
 {
   "name": "vxe-table",
-  "version": "4.5.14-beta.1",
+  "version": "4.5.14-beta.2",
   "description": "一个基于 vue 的 PC 端表单/表格组件，支持增删改查、虚拟列表、虚拟树、懒加载、快捷菜单、数据校验、树形结构、打印导出、表单渲染、数据分页、弹窗、自定义模板、渲染器、JSON 配置式...",
   "scripts": {
     "update": "npm install --legacy-peer-deps",

packages/icon/src/icon.ts

@@ -19,7 +19,7 @@ export default defineComponent({
     return () => {
       const { name, roll, status } = props
       return h('i', {
-        class: [`vxe-icon-${name}`, roll || '', status || ''],
+        class: [`vxe-icon-${name}`, roll || '', status ? [`theme--${status}`] : ''],
         onClick: clickEvent
       })
     }

styles/icon.scss

@@ -15,6 +15,29 @@
   }
 }
 
+$btnThemeList: (
+  (
+    name: "primary",
+    textColor: var(--vxe-primary-color),
+  ),
+  (
+    name: "success",
+    textColor: var(--vxe-success-color),
+  ),
+  (
+    name: "info",
+    textColor: var(--vxe-info-color),
+  ),
+  (
+    name: "warning",
+    textColor: var(--vxe-warning-color),
+  ),
+  (
+    name: "danger",
+    textColor: var(--vxe-danger-color),
+  )
+);
+
 [class*="vxe-icon-"] {
   font-family: "vxeiconfont" !important;
   font-style: normal;
@@ -42,6 +65,12 @@
   &.roll {
     animation: rollCircle 1s infinite linear;
   }
+  @for $index from 0 to length($btnThemeList) {
+    $item: nth($btnThemeList, $index + 1);
+    &.theme--#{map-get($item, name)} {
+      color: map-get($item, textColor);
+    }
+  }
 }
 
 .vxe-icon-time:before {