u

code/base-project/base-vue/packages/ao-design/src/icon/index.tsx

@@ -0,0 +1,23 @@
+import type { PropType } from 'vue'
+import { Icon } from '@iconify/vue'
+import { defineComponent } from 'vue'
+
+export default defineComponent({
+  name: 'AIcon',
+  props: {
+    icon: { type: String as PropType<string>, required: true },
+    width: { type: String, default: '24px' },
+    height: { type: String, default: '24px' },
+    color: { type: String, default: 'currentColor' }, // 默认颜色使用 currentColor，支持继承父元素的颜色
+  },
+  setup(props) {
+    return () => (
+      <Icon
+        icon={props.icon}
+        width={props.width}
+        height={props.height}
+        style={{ color: props.color, verticalAlign: 'middle' }}
+      />
+    )
+  },
+})