add NodeViewWrapper and NodeViewContent component

2021-03-05 00:02:28 +01:00
parent a997b647f4
commit 3bf900e7f6
5 changed files with 89 additions and 75 deletions
--- a/packages/vue-3/src/NodeViewWrapper.ts
+++ b/packages/vue-3/src/NodeViewWrapper.ts
@@ -0,0 +1,26 @@
+import { h, defineComponent } from 'vue'
+
+export const NodeViewWrapper = defineComponent({
+  props: {
+    as: {
+      type: String,
+      default: 'div',
+    },
+  },
+
+  inject: ['onDragStart'],
+
+  render() {
+    return h(
+      this.as, {
+        style: {
+          whiteSpace: 'normal',
+        },
+        'data-node-view-wrapper': '',
+        // @ts-ignore
+        onDragStart: this.onDragStart,
+      },
+      this.$slots.default?.(),
+    )
+  },
+})