修改svg图标属性名

src/components/FileUpload/index.vue

@@ -43,7 +43,7 @@
     <transition-group class="upload-file-list el-upload-list el-upload-list--text" name="el-fade-in-linear" tag="ul">
       <li :key="file.uid" class="el-upload-list__item ele-upload-list__item-content" v-for="(file, index) in fileList">
         <el-link :href="`${file.url}`" :underline="false" target="_blank">
-          <svg-icon class-name="doc-icon" icon-class="documentation" />
+          <svg-icon class-name="doc-icon" name="documentation" />
           {{ file.name }}
         </el-link>
         <div class="ele-upload-list__item-content-action">
@@ -89,8 +89,6 @@ const props = defineProps({
     type: Boolean,
     default: true,
   },
-  // form 列名
-  column: [String],
   // 上传携带的参数
   data: {
     type: Object,

src/components/HeaderSearch/index.vue

@@ -1,6 +1,6 @@
 <template>
   <div :class="{ 'show': show }" class="header-search">
-    <svg-icon class-name="search-icon" icon-class="search" @click.stop="click" />
+    <svg-icon class-name="search-icon" name="search" @click.stop="click" />
     <el-select
       ref="headerSearchSelectRef"
       v-model="search"

src/components/IconSelect/index.vue

@@ -16,7 +16,7 @@
       <el-tab-pane label="svg-icon" name="1">
         <div class="icon-list">
           <div class="icon-item mb10" v-for="(item, index) in iconList" :key="index" @click="selectedIcon(item)">
-            <svg-icon :icon-class="item" style="height: 30px; width: 16px" />
+            <svg-icon :name="item" style="height: 30px; width: 16px" />
             <div class="name">{{ item }}</div>
           </div>
         </div>
@@ -24,7 +24,7 @@
       <el-tab-pane label="Element-UI Icons" name="2">
         <div class="icon-list">
           <div class="icon-item mb10" v-for="item of elementIcons" :key="item" @click="selectedIcon(item, 'ele-')">
-            <svg-icon :icon-class="'ele-' + item" style="height: 30px; width: 16px" />
+            <svg-icon :name="'ele-' + item" style="height: 30px; width: 16px" />
             <div class="name">{{ item }}</div>
           </div>
         </div>

src/components/Screenfull/index.vue

@@ -1,6 +1,6 @@
 <template>
   <div>
-    <svg-icon :icon-class="isFullscreen ? 'exit-fullscreen' : 'fullscreen'" @click="toggle" />
+    <svg-icon :name="isFullscreen ? 'exit-fullscreen' : 'fullscreen'" @click="toggle" />
   </div>
 </template>
 

src/components/SizeSelect/index.vue

@@ -1,7 +1,7 @@
 <template>
   <div>
     <el-dropdown trigger="hover" @command="handleSetSize" style="vertical-align: middle">
-      <svg-icon class-name="size-icon" icon-class="size" />
+      <svg-icon class-name="size-icon" name="size" />
       <template #dropdown>
         <el-dropdown-menu>
           <el-dropdown-item v-for="item of sizeOptions" :key="item.value" :disabled="size === item.value" :command="item.value">

src/components/SvgIcon/index.vue

@@ -8,9 +8,10 @@
 <script>
 export default defineComponent({
   props: {
-    iconClass: {
+    name: {
       type: String,
       required: true,
+      default: '',
     },
     className: {
       type: String,
@@ -24,17 +25,17 @@ export default defineComponent({
   setup(props) {
     return {
       iconType: computed(() => {
-        if (props.iconClass.startsWith('ele')) {
+        if (props.name.startsWith('ele')) {
           return 1
         } else {
           return 0
         }
       }),
       iconName: computed(() => {
-        if (props.iconClass?.startsWith('ele-')) {
-          return props.iconClass.replace('ele-', '')
+        if (props.name?.startsWith('ele-')) {
+          return props.name.replace('ele-', '')
         } else {
-          return `#icon-${props.iconClass}`
+          return `#icon-${props.name}`
         }
       }),
       svgClass: computed(() => {

src/components/TopNav/index.vue

@@ -2,7 +2,7 @@
   <el-menu :default-active="activeMenu" mode="horizontal" @select="handleSelect" :ellipsis="false">
     <template v-for="(item, index) in topMenus">
       <el-menu-item :style="{'--theme': theme}" :index="item.path" :key="index" v-if="index < visibleNumber">
-        <svg-icon :icon-class="item.meta.icon" />
+        <svg-icon :name="item.meta.icon" />
         &nbsp;{{ item.meta.title }}
       </el-menu-item>
     </template>
@@ -12,7 +12,7 @@
       <template #title>更多菜单</template>
       <template v-for="(item, index) in topMenus">
         <el-menu-item :index="item.path" :key="index" v-if="index >= visibleNumber">
-          <svg-icon :icon-class="item.meta.icon" />
+          <svg-icon :name="item.meta.icon" />
           {{ item.meta.title }}
         </el-menu-item>
       </template>

src/components/Zr/Doc/index.vue

@@ -1,6 +1,6 @@
 <template>
   <div>
-    <svg-icon icon-class="question" @click="goto"/>
+    <svg-icon name="question" @click="goto"/>
   </div>
 </template>
 <script setup>

src/components/Zr/Git/index.vue

@@ -1,6 +1,6 @@
 <template>
   <div>
-    <svg-icon icon-class="github" @click="goto" />
+    <svg-icon name="github" @click="goto" />
   </div>
 </template>
 <script>