feat: add depth for bullet-list

afeiship · Feb 4, 2021 · c1faed8 · c1faed8
1 parent 5176ce7
commit c1faed8
Showing 1 changed file with 6 additions and 2 deletions.
diff --git a/public/plugins/bulleted-list.js b/public/plugins/bulleted-list.js
@@ -1,5 +1,8 @@
 import React from 'react';
 import { jsx } from 'slate-hyperscript';
+import { Path } from 'slate';
+import { useSelected, ReactEditor, useSlate } from 'slate-react';
+
 
 /**
  * @usage:
@@ -34,8 +37,9 @@ export default {
     return `<ul>${children}</ul>`;
   },
   hooks: {
-    element: (_, { attributes, children, element }) => {
-      return <ul {...attributes}>{children}</ul>;
+    element: (inContext, { attributes, children, element }) => {
+      const path = ReactEditor.findPath(inContext.editor, element);
+      return <ul data-depth={path.length} {...attributes}>{children}</ul>;
     }
   }
 };