agilebuilder-ui 1.1.65-tmp27 → 1.1.65-tmp28

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "agilebuilder-ui",
-  "version": "1.1.65-tmp27",
+  "version": "1.1.65-tmp28",
   "type": "module",
   "private": false,
   "main": "./lib/index.cjs",

package/src/views/layout/components/Menubar/Item.vue

@@ -2,7 +2,7 @@
 import { defineComponent, h } from 'vue'
 import SvgIcon from '../../../svg-icon/src/svg-icon.vue'
 import { ElBadge } from 'element-plus'
-import SuperIcon from '../../../../../packages/super-icon/index'
+import SuperIcon from '../../../super-icon/index'
 export default defineComponent({
   name: 'MenuItem',
   functional: true,

package/src/views/super-icon/index.js

@@ -0,0 +1,6 @@
+import SuperIcon from './src/index.vue'
+SuperIcon.install = function (Vue) {
+  Vue.component('SuperIcon', SuperIcon)
+}
+
+export default SuperIcon

package/src/views/super-icon/src/index.vue

@@ -0,0 +1,52 @@
+<template>
+  <i v-if="iconValue.indexOf('amb-icon-') === 0" class="amb-iconfont" :class="iconValue" />
+  <i v-else-if="iconValue.indexOf('amb-color-icon-') === 0" class="amb-color-iconfont super-icon" :class="iconValue" />
+  <i v-else-if="iconValue.indexOf('fa-') === 0" :class="'fa ' + iconValue" />
+  <img
+    v-else-if="iconValue.indexOf('svg-img-') === 0"
+    :src="defaultShowSvgAction + iconValue"
+    style="width: 1em; height: 1em"
+  />
+  <SvgIcon v-else-if="iconValue.indexOf('svg-') === 0" :icon-class="iconValue.substring('svg-'.length)" />
+  <img
+    v-else-if="iconValue.indexOf('http') === 0 || iconValue.indexOf('//') === 0 || iconValue.indexOf('data:') === 0"
+    :src="iconValue"
+    style="width: 1em; height: 1em"
+  />
+  <el-icon v-else><component :is="iconValue" /></el-icon>
+</template>
+<script lang="ts">
+export default {
+  name: 'SuperIcon'
+}
+</script>
+
+<script setup lang="ts">
+import { ref } from 'vue'
+import SvgIcon from '../../svg-icon/src/svg-icon.vue'
+const props = defineProps({
+  // 值为：ElementUI、custom
+  iconType: {
+    type: String,
+    default: 'custom'
+  },
+  iconValue: {
+    type: String,
+    required: true,
+    default: ''
+  }
+})
+const defaultShowImageAction = ref(
+  window.$vueApp.config.globalProperties.baseAPI + '/component/super-form/show-image?serverPath='
+)
+const defaultShowSvgAction = ref(
+  window.$vueApp.config.globalProperties.baseAPI + '/component/super-form/show-svg?svgName='
+)
+</script>
+<style lang="scss" scoped>
+.super-icon {
+  width: 1em; // 继承父类的 font-size
+  height: 1em; // 继承父类的 font-size
+  font-size: 14px; // 默认 font-size 为 14px
+}
+</style>

package/src/views/svg-icon/src/svg-icon.vue

@@ -1,6 +1,6 @@
 <template>
   <svg :class="svgClass" aria-hidden="true">
-    <use :href="iconName" />
+    <use :xlink:href="iconName" />
   </svg>
 </template>
 
@@ -10,12 +10,12 @@ export default {
   props: {
     iconClass: {
       type: String,
-      required: true
+      required: true,
     },
     className: {
       type: String,
-      default: ''
-    }
+      default: '',
+    },
   },
   computed: {
     iconName() {
@@ -27,11 +27,8 @@ export default {
       } else {
         return 'svg-icon'
       }
-    }
+    },
   },
-  created(){
-    console.log('====', this.iconClass)
-  }
 }
 </script>