slate-vue3 0.0.35 → 0.0.37

package/dist/dom.d.ts

@@ -1,5 +1,3 @@
-import { RendererNode } from 'vue';
-
 /**
  * The `Ancestor` union type represents nodes that are ancestors in the tree.
  * It is returned as a convenience in certain cases to narrow a value further
@@ -436,8 +434,6 @@ export declare const EDITOR_TO_ON_CHANGE: toRawWeakMap<BaseEditor, (options?: {
     operation?: Operation;
 }) => void>;
 
-export declare const EDITOR_TO_PLACEHOLDER_ELEMENT: toRawWeakMap<Editor, RendererNode>;
-
 export declare const EDITOR_TO_USER_MARKS: toRawWeakMap<Editor, Partial<Text_2> | null>;
 
 export declare const EDITOR_TO_USER_SELECTION: toRawWeakMap<Editor, RangeRef | null>;

package/dist/dom.js

@@ -1,5 +1,5 @@
-import { D as DOMEditor, b as EDITOR_TO_KEY_TO_ELEMENT, y as EDITOR_TO_USER_MARKS, s as EDITOR_TO_USER_SELECTION, G as NODE_TO_KEY, J as isDOMText, K as getPlainText, L as getSlateFragmentAttribute, E as EDITOR_TO_ON_CHANGE, P as PLACEHOLDER_SYMBOL } from "./hotkeys-DX661Z2s.js";
-import { C, o, f, m, c, H, A, I, B, t, z, v, r, a, k, x, g, w, U, M, N, d, e, h, p, l, q, O, Q, R, u, i, j, F, S, T, n } from "./hotkeys-DX661Z2s.js";
+import { D as DOMEditor, b as EDITOR_TO_KEY_TO_ELEMENT, x as EDITOR_TO_USER_MARKS, r as EDITOR_TO_USER_SELECTION, F as NODE_TO_KEY, G as isDOMText, J as getPlainText, K as getSlateFragmentAttribute, E as EDITOR_TO_ON_CHANGE, P as PLACEHOLDER_SYMBOL } from "./hotkeys-CFtX6lwM.js";
+import { C, m, l, c, H, z, I, A, s, y, u, q, a, j, w, f, v, T, M, N, d, e, g, o, k, p, L, O, Q, t, i, h, B, R, S, n } from "./hotkeys-CFtX6lwM.js";
 import { E as Editor, R as Range, t as toRawWeakMap, l as Element, m as Transforms, P as Path, N as Node } from "./index-CjnPdoJN.js";
 import "vue";
 const doRectsIntersect = (rect, compareRect) => {
@@ -162,10 +162,10 @@ const withDOM = (editor, clipboardFormatKey = "x-slate-fragment") => {
     });
     if (endVoid) {
       const [voidNode] = endVoid;
-      const r2 = domRange.cloneRange();
+      const r = domRange.cloneRange();
       const domNode = DOMEditor.toDOMNode(e2, voidNode);
-      r2.setEndAfter(domNode);
-      contents = r2.cloneContents();
+      r.setEndAfter(domNode);
+      contents = r.cloneContents();
     }
     if (startVoid) {
       attach = contents.querySelector("[data-slate-spacer]");
@@ -282,49 +282,48 @@ const isTextDecorationsEqual = (list, another) => {
 export {
   C as CAN_USE_DOM,
   DOMEditor,
-  o as EDITOR_TO_ELEMENT,
+  m as EDITOR_TO_ELEMENT,
   EDITOR_TO_KEY_TO_ELEMENT,
   EDITOR_TO_ON_CHANGE,
-  f as EDITOR_TO_PLACEHOLDER_ELEMENT,
   EDITOR_TO_USER_MARKS,
   EDITOR_TO_USER_SELECTION,
-  m as EDITOR_TO_WINDOW,
+  l as EDITOR_TO_WINDOW,
   c as ELEMENT_TO_NODE,
   H as HAS_BEFORE_INPUT_SUPPORT,
-  A as Hotkeys,
+  z as Hotkeys,
   I as IS_ANDROID,
-  B as IS_CHROME,
-  t as IS_COMPOSING,
-  z as IS_FIREFOX,
-  v as IS_FIREFOX_LEGACY,
-  r as IS_FOCUSED,
+  A as IS_CHROME,
+  s as IS_COMPOSING,
+  y as IS_FIREFOX,
+  u as IS_FIREFOX_LEGACY,
+  q as IS_FOCUSED,
   a as IS_IOS,
-  k as IS_READ_ONLY,
-  x as IS_UC_MOBILE,
-  g as IS_WEBKIT,
-  w as IS_WECHATBROWSER,
-  U as Key,
+  j as IS_READ_ONLY,
+  w as IS_UC_MOBILE,
+  f as IS_WEBKIT,
+  v as IS_WECHATBROWSER,
+  T as Key,
   M as MARK_PLACEHOLDER_SYMBOL,
   N as NODE_TO_ELEMENT,
   d as NODE_TO_INDEX,
   NODE_TO_KEY,
   e as NODE_TO_PARENT,
   PLACEHOLDER_SYMBOL,
-  h as applyStringDiff,
-  p as getActiveElement,
-  l as getDefaultView,
-  q as getSelection,
-  O as hasShadowRoot,
-  Q as isAfter,
-  R as isBefore,
-  u as isDOMElement,
+  g as applyStringDiff,
+  o as getActiveElement,
+  k as getDefaultView,
+  p as getSelection,
+  L as hasShadowRoot,
+  O as isAfter,
+  Q as isBefore,
+  t as isDOMElement,
   i as isDOMNode,
-  j as isDOMSelection,
+  h as isDOMSelection,
   isElementDecorationsEqual,
-  F as isPlainTextOnlyPaste,
+  B as isPlainTextOnlyPaste,
   isTextDecorationsEqual,
-  S as isTrackedMutation,
-  T as normalizeDOMPoint,
+  R as isTrackedMutation,
+  S as normalizeDOMPoint,
   n as normalizeStringDiff,
   withDOM
 };

package/dist/{hotkeys-DX661Z2s.js → hotkeys-CFtX6lwM.js}

@@ -186,7 +186,6 @@ const NODE_TO_INDEX = new toRawWeakMap();
 const NODE_TO_PARENT = new toRawWeakMap();
 const EDITOR_TO_WINDOW = new toRawWeakMap();
 const EDITOR_TO_ELEMENT = new toRawWeakMap();
-const EDITOR_TO_PLACEHOLDER_ELEMENT = new toRawWeakMap();
 const ELEMENT_TO_NODE = new toRawWeakMap();
 const NODE_TO_ELEMENT = new toRawWeakMap();
 const NODE_TO_KEY = new toRawWeakMap();
@@ -1033,51 +1032,50 @@ const Hotkeys = {
   isUndo: create("undo")
 };
 export {
-  Hotkeys as A,
-  IS_CHROME as B,
+  IS_CHROME as A,
+  isPlainTextOnlyPaste as B,
   CAN_USE_DOM as C,
   DOMEditor as D,
   EDITOR_TO_ON_CHANGE as E,
-  isPlainTextOnlyPaste as F,
-  NODE_TO_KEY as G,
+  NODE_TO_KEY as F,
+  isDOMText as G,
   HAS_BEFORE_INPUT_SUPPORT as H,
   IS_ANDROID as I,
-  isDOMText as J,
-  getPlainText as K,
-  getSlateFragmentAttribute as L,
+  getPlainText as J,
+  getSlateFragmentAttribute as K,
+  hasShadowRoot as L,
   MARK_PLACEHOLDER_SYMBOL as M,
   NODE_TO_ELEMENT as N,
-  hasShadowRoot as O,
+  isAfter as O,
   PLACEHOLDER_SYMBOL as P,
-  isAfter as Q,
-  isBefore as R,
-  isTrackedMutation as S,
-  normalizeDOMPoint as T,
-  Key as U,
+  isBefore as Q,
+  isTrackedMutation as R,
+  normalizeDOMPoint as S,
+  Key as T,
   IS_IOS as a,
   EDITOR_TO_KEY_TO_ELEMENT as b,
   ELEMENT_TO_NODE as c,
   NODE_TO_INDEX as d,
   NODE_TO_PARENT as e,
-  EDITOR_TO_PLACEHOLDER_ELEMENT as f,
-  IS_WEBKIT as g,
-  applyStringDiff as h,
+  IS_WEBKIT as f,
+  applyStringDiff as g,
+  isDOMSelection as h,
   isDOMNode as i,
-  isDOMSelection as j,
-  IS_READ_ONLY as k,
-  getDefaultView as l,
-  EDITOR_TO_WINDOW as m,
+  IS_READ_ONLY as j,
+  getDefaultView as k,
+  EDITOR_TO_WINDOW as l,
+  EDITOR_TO_ELEMENT as m,
   normalizeStringDiff as n,
-  EDITOR_TO_ELEMENT as o,
-  getActiveElement as p,
-  getSelection as q,
-  IS_FOCUSED as r,
-  EDITOR_TO_USER_SELECTION as s,
-  IS_COMPOSING as t,
-  isDOMElement as u,
-  IS_FIREFOX_LEGACY as v,
-  IS_WECHATBROWSER as w,
-  IS_UC_MOBILE as x,
-  EDITOR_TO_USER_MARKS as y,
-  IS_FIREFOX as z
+  getActiveElement as o,
+  getSelection as p,
+  IS_FOCUSED as q,
+  EDITOR_TO_USER_SELECTION as r,
+  IS_COMPOSING as s,
+  isDOMElement as t,
+  IS_FIREFOX_LEGACY as u,
+  IS_WECHATBROWSER as v,
+  IS_UC_MOBILE as w,
+  EDITOR_TO_USER_MARKS as x,
+  IS_FIREFOX as y,
+  Hotkeys as z
 };

package/dist/index.js

@@ -1,6 +1,6 @@
 import { defineComponent, provide, ref, computed, onMounted, onUnmounted, renderSlot, inject, h, watch, renderList, Fragment, useAttrs, reactive } from "vue";
 import { i as isObjectLike, b as baseGetTag, S as Symbol$1, a as isArray, d as defineProperty, M as MapCache, c as isArguments, e as arrayPush, g as getPrototype, f as copyObject, h as getAllKeysIn, j as baseClone, N as Node, k as Scrubber, P as Path, E as Editor, R as Range, T as Text, l as Element, m as Transforms } from "./index-CjnPdoJN.js";
-import { D as DOMEditor, E as EDITOR_TO_ON_CHANGE, M as MARK_PLACEHOLDER_SYMBOL, I as IS_ANDROID, a as IS_IOS, b as EDITOR_TO_KEY_TO_ELEMENT, c as ELEMENT_TO_NODE, N as NODE_TO_ELEMENT, d as NODE_TO_INDEX, e as NODE_TO_PARENT, i as isDOMNode, f as EDITOR_TO_PLACEHOLDER_ELEMENT, g as IS_WEBKIT, h as applyStringDiff, j as isDOMSelection, n as normalizeStringDiff, k as IS_READ_ONLY, l as getDefaultView, m as EDITOR_TO_WINDOW, o as EDITOR_TO_ELEMENT, H as HAS_BEFORE_INPUT_SUPPORT, C as CAN_USE_DOM, p as getActiveElement, q as getSelection, r as IS_FOCUSED, s as EDITOR_TO_USER_SELECTION, t as IS_COMPOSING, u as isDOMElement, v as IS_FIREFOX_LEGACY, w as IS_WECHATBROWSER, x as IS_UC_MOBILE, y as EDITOR_TO_USER_MARKS, z as IS_FIREFOX, A as Hotkeys, B as IS_CHROME, F as isPlainTextOnlyPaste } from "./hotkeys-DX661Z2s.js";
+import { D as DOMEditor, E as EDITOR_TO_ON_CHANGE, M as MARK_PLACEHOLDER_SYMBOL, I as IS_ANDROID, a as IS_IOS, b as EDITOR_TO_KEY_TO_ELEMENT, c as ELEMENT_TO_NODE, N as NODE_TO_ELEMENT, d as NODE_TO_INDEX, e as NODE_TO_PARENT, i as isDOMNode, f as IS_WEBKIT, g as applyStringDiff, h as isDOMSelection, n as normalizeStringDiff, j as IS_READ_ONLY, k as getDefaultView, l as EDITOR_TO_WINDOW, m as EDITOR_TO_ELEMENT, H as HAS_BEFORE_INPUT_SUPPORT, C as CAN_USE_DOM, o as getActiveElement, p as getSelection, q as IS_FOCUSED, r as EDITOR_TO_USER_SELECTION, s as IS_COMPOSING, t as isDOMElement, u as IS_FIREFOX_LEGACY, v as IS_WECHATBROWSER, w as IS_UC_MOBILE, x as EDITOR_TO_USER_MARKS, y as IS_FIREFOX, z as Hotkeys, A as IS_CHROME, B as isPlainTextOnlyPaste } from "./hotkeys-CFtX6lwM.js";
 const SLATE_USE_EDITOR = Symbol("SLATE_USE_EDITOR");
 const SLATE_USE_DECORATE = Symbol("SLATE_USE_DECORATE");
 const SLATE_USE_SELECTED = Symbol("SLATE_USE_SELECTED");
@@ -556,6 +556,15 @@ const useReadOnly = () => {
   }
   return isReadOnly;
 };
+const VOID_CHILDREN_ATTRS = {
+  "data-slate-spacer": true,
+  style: {
+    height: "0",
+    color: "transparent",
+    outline: "none",
+    position: "absolute"
+  }
+};
 const ElementComp = defineComponent({
   name: "slate-element",
   props: ["element"],
@@ -607,8 +616,7 @@ const ElementComp = defineComponent({
       };
       if (isInline.value) {
         attr["data-slate-inline"] = true;
-      }
-      if (!isInline.value && Editor.hasInlines(editor, element)) {
+      } else if (Editor.hasInlines(editor, element)) {
         const text = Node.string(element);
         const dir = direction(text);
         if (dir === "rtl") {
@@ -618,31 +626,20 @@ const ElementComp = defineComponent({
       if (Editor.isVoid(editor, element)) {
         attr["data-slate-void"] = true;
         if (!readOnly && isInline.value) {
-          attr.contentEditable = false;
+          attr.contenteditable = false;
         }
       }
       return attr;
     });
     const children = computed(() => {
-      if (Editor.isVoid(editor, element)) {
-        const [[text]] = Node.texts(element);
-        NODE_TO_INDEX.set(text, 0);
-        NODE_TO_PARENT.set(text, element);
-        return h(
-          isInline.value ? "span" : "div",
-          {
-            "data-slate-spacer": true,
-            style: {
-              height: "0",
-              color: "transparent",
-              outline: "none",
-              position: "absolute"
-            }
-          },
-          h(TextComp, { element, text })
-        );
-      }
-      return h(Fragment, ChildrenFC(element, editor));
+      if (!Editor.isVoid(editor, element)) {
+        return h(Fragment, ChildrenFC(element, editor));
+      }
+      const [[text]] = Node.texts(element);
+      NODE_TO_INDEX.set(text, 0);
+      NODE_TO_PARENT.set(text, element);
+      const tag = isInline.value ? "span" : "div";
+      return h(tag, VOID_CHILDREN_ATTRS, h(TextComp, { element, text }));
     });
     const decorate = useDecorate();
     const parentDs = useParentDescoration();
@@ -831,7 +828,6 @@ const PlaceholderComp = defineComponent({
       contenteditable: false,
       onVnodeMounted(vNode) {
         if (vNode.el) {
-          EDITOR_TO_PLACEHOLDER_ELEMENT.set(editor, vNode.el);
           placeholderResizeObserver.value = new ResizeObserver(() => {
             var _a, _b;
             props.onPlaceholderResize(
@@ -843,7 +839,6 @@ const PlaceholderComp = defineComponent({
       },
       onVnodeUnmounted() {
         var _a;
-        EDITOR_TO_PLACEHOLDER_ELEMENT.delete(editor);
         (_a = placeholderResizeObserver.value) == null ? void 0 : _a.disconnect();
         placeholderResizeObserver.value = void 0;
         props.onPlaceholderResize();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "slate-vue3",
-  "version": "0.0.35",
+  "version": "0.0.37",
   "type": "module",
   "main": "dist/index.js",
   "module": "dist/index.js",
@@ -13,14 +13,26 @@
   "exports": {
     ".": {
       "import": {
-        "types": "./index.d.ts",
-        "default": "./index.js"
+        "types": "./dist/index.d.ts",
+        "default": "./dist/index.js"
       }
     },
-    "./*": {
+    "./core": {
       "import": {
-        "types": "./*.d.ts",
-        "default": "./*.js"
+        "types": "./dist/core.d.ts",
+        "default": "./dist/core.js"
+      }
+    },
+    "./dom": {
+      "import": {
+        "types": "./dist/dom.d.ts",
+        "default": "./dist/dom.js"
+      }
+    },
+    "./history": {
+      "import": {
+        "types": "./dist/history.d.ts",
+        "default": "./dist/history.js"
       }
     }
   },
@@ -30,7 +42,7 @@
     "preview": "vite preview",
     "build-all": "vite build --mode=lib",
     "e2e": "node --no-experimental-strip-types node_modules/@playwright/test/cli.js test",
-    "e2e-ui": "playwright test --ui",
+    "e2e-ui": "node --no-experimental-strip-types node_modules/@playwright/test/cli.js test --ui",
     "test": "vitest"
   },
   "dependencies": {