From ffc943954d82f27281e7a32bcb95b926692244c8 Mon Sep 17 00:00:00 2001
From: 07akioni <07akioni2@gmail.com>
Date: Sat, 7 Dec 2019 00:02:14 +0800
Subject: [PATCH] feat(n-element)

---
 packages/common/Element/index.js     |  9 +++++++++
 packages/common/Element/src/main.vue | 23 +++++++++++++++++++++++
 2 files changed, 32 insertions(+)
 create mode 100644 packages/common/Element/index.js
 create mode 100644 packages/common/Element/src/main.vue

diff --git a/packages/common/Element/index.js b/packages/common/Element/index.js
new file mode 100644
index 000000000..f41429d45
--- /dev/null
+++ b/packages/common/Element/index.js
@@ -0,0 +1,9 @@
+/* istanbul ignore file */
+import Element from './src/main.vue'
+
+Element.install = function (Vue) {
+  Vue.component(Element.name, Element)
+  Vue.component('NEl', Element)
+}
+
+export default Element
diff --git a/packages/common/Element/src/main.vue b/packages/common/Element/src/main.vue
new file mode 100644
index 000000000..ca96774ae
--- /dev/null
+++ b/packages/common/Element/src/main.vue
@@ -0,0 +1,23 @@
+<script>
+import withapp from '../../../mixins/withapp'
+import themeable from '../../../mixins/themeable'
+import asthemecontext from '../../../mixins/asthemecontext'
+
+export default {
+  name: 'NElement',
+  mixins: [withapp, themeable, asthemecontext],
+  props: {
+    as: {
+      type: String,
+      default: 'div'
+    }
+  },
+  render (h) {
+    return h(this.as, {
+      class: {
+        [`n-${this.synthesizedTheme}-theme`]: this.synthesizedTheme
+      }
+    }, this.$slots.default || (this.$scopedSlots.default && this.$scopedSlots.default()) || null)
+  }
+}
+</script>