slate-vue3 0.1.6 → 0.2.0

package/dist/index.js

@@ -12,7 +12,6 @@ const SLATE_INNER_RENDER_ELEMENT = Symbol("SLATE_INNER_RENDER_ELEMENT");
 const SLATE_INNER_RENDER_LEAF = Symbol("SLATE_INNER_RENDER_LEAF");
 const SLATE_INNER_RENDER_PLACEHOLDER = Symbol("SLATE_INNER_RENDER_PLACEHOLDER");
 const SLATE_INNER_CHANGE_EFFECT_INJECT = Symbol("SLATE_INNER_CHANGE_EFFECT_INJECT");
-const SLATE_INNER_DESCORATION = Symbol("SLATE_INNER_DESCORATION");
 const Slate = defineComponent({
   name: "slate-editor",
   emits: ["change", "selectionchange", "valuechange"],
@@ -189,17 +188,6 @@ const useChangeEffect = (fn) => {
   watch(() => CHANGE_EFFECT_INJECT.value, fn);
   return CHANGE_EFFECT_INJECT;
 };
-const useParentDescoration = () => {
-  const PARENT_DESCORATION = inject(
-    SLATE_INNER_DESCORATION
-  );
-  if (PARENT_DESCORATION === void 0) {
-    throw new Error(
-      `The \`useParentDescoration\` hook must be used inside the <Slate> component's context.`
-    );
-  }
-  return PARENT_DESCORATION;
-};
 const TextComp = defineComponent({
   name: "slate-text",
   props: ["text", "element"],
@@ -208,9 +196,9 @@ const TextComp = defineComponent({
     const editor = useEditor();
     const spanRef = ref();
     const decorate = useDecorate();
-    const parentDs = useParentDescoration();
-    const decorations = computed(() => {
-      const ds = parentDs.value;
+    const leaves = computed(() => {
+      const elemPath = DOMEditor.findPath(editor, element);
+      const elemDs = decorate([element, elemPath]);
       if (editor.selection && Range.isCollapsed(editor.selection) && editor.marks) {
         const anchor = editor.selection.anchor;
         const leaf = Node.leaf(editor, anchor.path);
@@ -219,7 +207,7 @@ const TextComp = defineComponent({
           const unset = Object.fromEntries(
             Object.keys(rest).map((mark) => [mark, null])
           );
-          ds.push({
+          elemDs.push({
             [MARK_PLACEHOLDER_SYMBOL]: true,
             ...unset,
             ...editor.marks,
@@ -228,16 +216,13 @@ const TextComp = defineComponent({
           });
         }
       }
-      return ds;
-    });
-    const leaves = computed(() => {
-      const path = DOMEditor.findPath(editor, text);
-      const range = Editor.range(editor, path);
-      const ds = decorate([text, path]);
-      decorations.value.forEach((dec) => {
-        ds.push(Range.intersection(dec, range));
+      const textPath = DOMEditor.findPath(editor, text);
+      const range = Editor.range(editor, textPath);
+      const textDs = decorate([text, textPath]);
+      elemDs.forEach((dec) => {
+        textDs.push(Range.intersection(dec, range));
       });
-      const filterDs = ds.filter(Boolean);
+      const filterDs = textDs.filter(Boolean);
       return Text.decorations(text, filterDs.length ? filterDs : []);
     });
     onMounted(() => {
@@ -364,18 +349,6 @@ const ElementComp = defineComponent({
       const tag = isInline.value ? "span" : "div";
       return h(tag, VOID_CHILDREN_ATTRS, h(TextComp, { element, text }));
     });
-    const decorate = useDecorate();
-    const parentDs = useParentDescoration();
-    const provideDs = computed(() => {
-      const path = DOMEditor.findPath(editor, element);
-      const ds = decorate([props.element, path]);
-      const range = Editor.range(editor, path);
-      parentDs.value.forEach((dec) => {
-        ds.push(Range.intersection(dec, range));
-      });
-      return ds;
-    });
-    provide(SLATE_INNER_DESCORATION, provideDs);
     const renderElement = useRenderElement();
     return () => renderElement({
       attributes: attributes.value,
@@ -1713,9 +1686,6 @@ const Editable = defineComponent({
     const autocapitalize = computed(
       () => HAS_BEFORE_INPUT_SUPPORT || !CAN_USE_DOM ? attributes.autocapitalize : void 0
     );
-    const decorate = useDecorate();
-    const descProvide = computed(() => decorate([editor, []]));
-    provide(SLATE_INNER_DESCORATION, descProvide);
     return () => h(
       is,
       {

package/dist/slate-vue/hooks/use-render.d.ts

@@ -1,8 +1,6 @@
-import { ComputedRef, Ref, VNode } from 'vue';
+import { Ref, VNode } from 'vue';
 import { RenderElementProps, RenderPlaceholderProps, RenderLeafProps } from '../utils/interface';
-import { DecoratedRange } from '../../slate/index.ts';
 export declare const useRenderElement: () => (props: RenderElementProps) => VNode;
 export declare const useRenderLeaf: () => (props: RenderLeafProps) => VNode;
 export declare const useRenderPlaceholder: () => (props: RenderPlaceholderProps) => VNode;
 export declare const useChangeEffect: (fn: () => void) => Ref<number, number>;
-export declare const useParentDescoration: () => ComputedRef<DecoratedRange[]>;

package/dist/slate-vue/utils/constants.d.ts

@@ -10,4 +10,3 @@ export declare const SLATE_INNER_RENDER_ELEMENT: unique symbol;
 export declare const SLATE_INNER_RENDER_LEAF: unique symbol;
 export declare const SLATE_INNER_RENDER_PLACEHOLDER: unique symbol;
 export declare const SLATE_INNER_CHANGE_EFFECT_INJECT: unique symbol;
-export declare const SLATE_INNER_DESCORATION: unique symbol;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "slate-vue3",
-  "version": "0.1.6",
+  "version": "0.2.0",
   "type": "module",
   "main": "dist/index.js",
   "module": "dist/index.js",