refactor: icon component

src-next/icon/index.js

@@ -0,0 +1,55 @@
+// Utils
+import { addUnit, isDef } from '../../src/utils';
+import { createNamespace } from '../utils/create';
+
+// Components
+import Info from '../info';
+
+const [createComponent, bem] = createNamespace('icon');
+
+function isImage(name) {
+  return name ? name.indexOf('/') !== -1 : false;
+}
+
+export default createComponent({
+  props: {
+    dot: Boolean,
+    name: String,
+    size: [Number, String],
+    badge: [Number, String],
+    color: String,
+    tag: {
+      type: String,
+      default: 'i',
+    },
+    classPrefix: {
+      type: String,
+      default: bem(),
+    },
+  },
+
+  render() {
+    const { name } = this;
+    const imageIcon = isImage(name);
+  
+    return (
+      <this.tag
+        class={[
+          this.classPrefix,
+          imageIcon ? '' : `${this.classPrefix}-${name}`,
+        ]}
+        style={{
+          color: this.color,
+          fontSize: addUnit(this.size),
+        }}
+      >
+        {/* {slots.default && slots.default()} */}
+        {imageIcon && <img class={bem('image')} src={name} />}
+        <Info
+          dot={this.dot}
+          info={this.badge}
+        />
+      </this.tag>
+    );
+  }
+});