one-design-next 0.0.25 → 0.0.26

package/dist/composer/caret.js

@@ -0,0 +1,302 @@
+import { createLineRoot, ensureLineRoots as ensureLineRootsInUtils, getCurrentLineRoot, isLineRoot, LINE_ATTR_NAME, stripInvisibleChars, ZWSP } from "./utils";
+var CHIP_SELECTOR = '[data-odn-composer-chip-host],[data-mention-id]';
+var isChipHost = function isChipHost(node) {
+  return !!node && node.nodeType === Node.ELEMENT_NODE && node instanceof HTMLElement && (node.hasAttribute('data-odn-composer-chip-host') || node.dataset.mentionId !== undefined);
+};
+var isSkippableAnchorText = function isSkippableAnchorText(node) {
+  var _node$textContent;
+  return !!node && node.nodeType === Node.TEXT_NODE && stripInvisibleChars((_node$textContent = node.textContent) !== null && _node$textContent !== void 0 ? _node$textContent : '') === '';
+};
+var prevNonAnchorSibling = function prevNonAnchorSibling(node) {
+  var cur = node.previousSibling;
+  while (isSkippableAnchorText(cur)) cur = cur.previousSibling;
+  return cur;
+};
+var nextNonAnchorSibling = function nextNonAnchorSibling(node) {
+  var cur = node.nextSibling;
+  while (isSkippableAnchorText(cur)) cur = cur.nextSibling;
+  return cur;
+};
+var childIndex = function childIndex(node) {
+  var idx = 0;
+  var cur = node.previousSibling;
+  while (cur) {
+    idx += 1;
+    cur = cur.previousSibling;
+  }
+  return idx;
+};
+var createTextCaretAtBoundary = function createTextCaretAtBoundary(parent, offset, prefer) {
+  var _parent$childNodes, _parent$childNodes$sa;
+  var len = parent.childNodes.length;
+  var safeOffset = Math.max(0, Math.min(offset, len));
+  var left = (_parent$childNodes = parent.childNodes[safeOffset - 1]) !== null && _parent$childNodes !== void 0 ? _parent$childNodes : null;
+  var right = (_parent$childNodes$sa = parent.childNodes[safeOffset]) !== null && _parent$childNodes$sa !== void 0 ? _parent$childNodes$sa : null;
+  var isUsableTextNode = function isUsableTextNode(n) {
+    var _n$textContent;
+    return !!n && n.nodeType === Node.TEXT_NODE && ((_n$textContent = n.textContent) !== null && _n$textContent !== void 0 ? _n$textContent : '') !== '';
+  };
+
+  // 在边界两侧选 text 落点时，优先跳过纯锚点文本（ZWSP/SEP-only），
+  // 避免箭头键停在不可见字符上造成“卡一拍”。
+  var pickTextNode = function pickTextNode(start, dir) {
+    var cur = start;
+    var fallbackAnchor = null;
+    while (cur && isUsableTextNode(cur)) {
+      if (!isSkippableAnchorText(cur)) return cur;
+      if (!fallbackAnchor) fallbackAnchor = cur;
+      cur = dir === 'left' ? cur.previousSibling : cur.nextSibling;
+    }
+    return fallbackAnchor;
+  };
+  var textOffset = function textOffset(text, side, from) {
+    var _text$textContent;
+    var end = ((_text$textContent = text.textContent) !== null && _text$textContent !== void 0 ? _text$textContent : '').length;
+    if (!isSkippableAnchorText(text)) return side === 'start' ? 0 : end;
+    // 纯锚点文本使用“外侧边界”偏移，减少 0/1 内部来回抖动。
+    if (from === 'right') return end;
+    return 0;
+  };
+  var fromLeft = function fromLeft() {
+    var leftText = pickTextNode(left, 'left');
+    if (leftText) {
+      return {
+        node: leftText,
+        offset: textOffset(leftText, 'end', 'left')
+      };
+    }
+    var rightText = pickTextNode(right, 'right');
+    if (rightText) {
+      return {
+        node: rightText,
+        offset: textOffset(rightText, 'start', 'left')
+      };
+    }
+    return null;
+  };
+  var fromRight = function fromRight() {
+    var rightText = pickTextNode(right, 'right');
+    if (rightText) {
+      return {
+        node: rightText,
+        offset: textOffset(rightText, 'start', 'right')
+      };
+    }
+    var leftText = pickTextNode(left, 'left');
+    if (leftText) {
+      return {
+        node: leftText,
+        offset: textOffset(leftText, 'end', 'right')
+      };
+    }
+    return null;
+  };
+  var anchored = prefer === 'left' ? fromLeft() : fromRight();
+  if (anchored) return anchored;
+  if (parent.nodeType === Node.ELEMENT_NODE || parent.nodeType === Node.DOCUMENT_FRAGMENT_NODE) {
+    var _parent$childNodes$sa2;
+    var anchor = document.createTextNode(ZWSP);
+    var ref = (_parent$childNodes$sa2 = parent.childNodes[safeOffset]) !== null && _parent$childNodes$sa2 !== void 0 ? _parent$childNodes$sa2 : null;
+    parent.insertBefore(anchor, ref);
+    return {
+      node: anchor,
+      offset: prefer === 'right' ? 1 : 0
+    };
+  }
+  return {
+    node: parent,
+    offset: safeOffset
+  };
+};
+var caretBeforeNode = function caretBeforeNode(target) {
+  var parent = target.parentNode;
+  if (!parent) return null;
+  var idx = childIndex(target);
+  return createTextCaretAtBoundary(parent, idx, 'left');
+};
+var caretAfterNode = function caretAfterNode(target) {
+  var parent = target.parentNode;
+  if (!parent) return null;
+  var idx = childIndex(target);
+  return createTextCaretAtBoundary(parent, idx + 1, 'right');
+};
+var lineStartCaret = function lineStartCaret(line) {
+  return createTextCaretAtBoundary(line, 0, 'right');
+};
+var lineEndCaret = function lineEndCaret(line) {
+  return createTextCaretAtBoundary(line, line.childNodes.length, 'left');
+};
+var hasContentBeforeCaretInLine = function hasContentBeforeCaretInLine(range, line) {
+  var prefix = document.createRange();
+  prefix.selectNodeContents(line);
+  prefix.setEnd(range.startContainer, range.startOffset);
+  var hasVisibleText = stripInvisibleChars(prefix.toString()).replace(/\n/g, '') !== '';
+  if (hasVisibleText) return true;
+  return prefix.cloneContents().querySelector(CHIP_SELECTOR) !== null;
+};
+var hasContentAfterCaretInLine = function hasContentAfterCaretInLine(range, line) {
+  var suffix = document.createRange();
+  suffix.selectNodeContents(line);
+  suffix.setStart(range.startContainer, range.startOffset);
+  var hasVisibleText = stripInvisibleChars(suffix.toString()).replace(/\n/g, '') !== '';
+  if (hasVisibleText) return true;
+  return suffix.cloneContents().querySelector(CHIP_SELECTOR) !== null;
+};
+export function getCurrentLine(node, editor) {
+  return getCurrentLineRoot(node, editor);
+}
+export function findChipHostBeforeCaret(range) {
+  var node = range.startContainer,
+    offset = range.startOffset;
+  if (node.nodeType === Node.TEXT_NODE) {
+    var _node$textContent2;
+    if (offset === 0) {
+      var prev = prevNonAnchorSibling(node);
+      return isChipHost(prev) ? prev : null;
+    }
+    var text = (_node$textContent2 = node.textContent) !== null && _node$textContent2 !== void 0 ? _node$textContent2 : '';
+    if (offset === 1 && text[0] === ZWSP) {
+      var _prev = prevNonAnchorSibling(node);
+      return isChipHost(_prev) ? _prev : null;
+    }
+    return null;
+  }
+  if (node.nodeType === Node.ELEMENT_NODE) {
+    var _childNodes;
+    var _prev2 = (_childNodes = node.childNodes[offset - 1]) !== null && _childNodes !== void 0 ? _childNodes : null;
+    while (isSkippableAnchorText(_prev2)) _prev2 = _prev2.previousSibling;
+    return isChipHost(_prev2) ? _prev2 : null;
+  }
+  return null;
+}
+export function findChipHostAfterCaret(range) {
+  var node = range.startContainer,
+    offset = range.startOffset;
+  if (node.nodeType === Node.TEXT_NODE) {
+    var _node$textContent3;
+    var text = (_node$textContent3 = node.textContent) !== null && _node$textContent3 !== void 0 ? _node$textContent3 : '';
+    if (offset === text.length) {
+      var next = nextNonAnchorSibling(node);
+      return isChipHost(next) ? next : null;
+    }
+    if (offset === 0 && text[0] === ZWSP) {
+      var _next = nextNonAnchorSibling(node);
+      return isChipHost(_next) ? _next : null;
+    }
+    return null;
+  }
+  if (node.nodeType === Node.ELEMENT_NODE) {
+    var _childNodes$offset;
+    var _next2 = (_childNodes$offset = node.childNodes[offset]) !== null && _childNodes$offset !== void 0 ? _childNodes$offset : null;
+    while (isSkippableAnchorText(_next2)) _next2 = _next2.nextSibling;
+    return isChipHost(_next2) ? _next2 : null;
+  }
+  return null;
+}
+export function normalizeCollapsedCaretAtChipBoundary(range, editor) {
+  var _node$childNodes, _node$childNodes$safe;
+  if (!range.collapsed) return null;
+  if (!editor.contains(range.startContainer)) return null;
+  var node = range.startContainer;
+  if (node.nodeType === Node.TEXT_NODE) {
+    var _node$textContent4;
+    // 浏览器可能把 caret 放进纯锚点文本（ZWSP/SEP-only），
+    // 这里把它规范化回边界外，避免在锚点 0/1 之间“卡一拍”。
+    if (!isSkippableAnchorText(node)) return null;
+    var parent = node.parentNode;
+    if (!parent) return null;
+    if (parent.nodeType !== Node.ELEMENT_NODE && parent.nodeType !== Node.DOCUMENT_FRAGMENT_NODE) {
+      return null;
+    }
+    var idx = childIndex(node);
+    var _len = ((_node$textContent4 = node.textContent) !== null && _node$textContent4 !== void 0 ? _node$textContent4 : '').length;
+    var caret = Math.max(0, Math.min(range.startOffset, _len));
+    if (caret <= 0) return createTextCaretAtBoundary(parent, idx, 'left');
+    if (caret >= _len) return createTextCaretAtBoundary(parent, idx + 1, 'right');
+
+    // 理论上纯锚点文本长度通常为 1，这里保留通用处理。
+    var towardLeft = caret <= _len - caret;
+    return towardLeft ? createTextCaretAtBoundary(parent, idx, 'left') : createTextCaretAtBoundary(parent, idx + 1, 'right');
+  }
+  if (node.nodeType !== Node.ELEMENT_NODE && node.nodeType !== Node.DOCUMENT_FRAGMENT_NODE) {
+    return null;
+  }
+  var len = node.childNodes.length;
+  var safeOffset = Math.max(0, Math.min(range.startOffset, len));
+  var left = (_node$childNodes = node.childNodes[safeOffset - 1]) !== null && _node$childNodes !== void 0 ? _node$childNodes : null;
+  var right = (_node$childNodes$safe = node.childNodes[safeOffset]) !== null && _node$childNodes$safe !== void 0 ? _node$childNodes$safe : null;
+  var leftChip = isChipHost(left);
+  var rightChip = isChipHost(right);
+  if (!leftChip && !rightChip) return null;
+  var prefer = leftChip && !rightChip ? 'right' : 'left';
+  return createTextCaretAtBoundary(node, safeOffset, prefer);
+}
+export function resolveCaretMove(range, direction, editor) {
+  if (!editor.contains(range.startContainer)) return null;
+  if (direction === 'left') {
+    var chipBefore = findChipHostBeforeCaret(range);
+    if (chipBefore) return caretBeforeNode(chipBefore);
+    var line = getCurrentLine(range.startContainer, editor);
+    if (!line || hasContentBeforeCaretInLine(range, line)) return null;
+    var prevLine = line.previousElementSibling;
+    if (!isLineRoot(prevLine)) return null;
+    return lineEndCaret(prevLine);
+  }
+  if (direction === 'right') {
+    var chipAfter = findChipHostAfterCaret(range);
+    if (chipAfter) return caretAfterNode(chipAfter);
+    var _line = getCurrentLine(range.startContainer, editor);
+    if (!_line || hasContentAfterCaretInLine(range, _line)) return null;
+    var nextLine = _line.nextElementSibling;
+    if (!isLineRoot(nextLine)) return null;
+    return lineStartCaret(nextLine);
+  }
+  return null;
+}
+export function splitLineAt(range, editor) {
+  var _currentLine$lastChil, _currentLine$parentNo;
+  if (!editor.contains(range.startContainer)) return null;
+  range.deleteContents();
+  ensureLineRootsInUtils(editor);
+  var currentLine = getCurrentLine(range.startContainer, editor);
+  if (!currentLine) {
+    var firstLine = editor.querySelector(":scope > [".concat(LINE_ATTR_NAME, "]"));
+    if (!firstLine) return null;
+    currentLine = firstLine;
+    range.setStart(currentLine, 0);
+  }
+  var tailRange = document.createRange();
+  tailRange.setStart(range.startContainer, range.startOffset);
+  tailRange.setEndAfter((_currentLine$lastChil = currentLine.lastChild) !== null && _currentLine$lastChil !== void 0 ? _currentLine$lastChil : currentLine);
+  if (!currentLine.contains(tailRange.endContainer)) {
+    tailRange.selectNodeContents(currentLine);
+    tailRange.setStart(range.startContainer, range.startOffset);
+  }
+  var tailFrag = tailRange.extractContents();
+  var newLine = createLineRoot();
+  newLine.appendChild(tailFrag);
+  (_currentLine$parentNo = currentLine.parentNode) === null || _currentLine$parentNo === void 0 || _currentLine$parentNo.insertBefore(newLine, currentLine.nextSibling);
+  return {
+    newLine: newLine,
+    caret: lineStartCaret(newLine)
+  };
+}
+export function mergeLineIntoPreviousAtCaretStart(range, editor, sel) {
+  if (!editor.contains(range.startContainer)) return false;
+  var currentLine = getCurrentLine(range.startContainer, editor);
+  var prevLine = currentLine === null || currentLine === void 0 ? void 0 : currentLine.previousElementSibling;
+  if (!currentLine || !isLineRoot(prevLine)) return false;
+  if (hasContentBeforeCaretInLine(range, currentLine)) return false;
+  var targetLine = prevLine;
+  var mergeBoundaryOffset = targetLine.childNodes.length;
+  while (currentLine.firstChild) {
+    targetLine.appendChild(currentLine.firstChild);
+  }
+  currentLine.remove();
+  var r = document.createRange();
+  r.setStart(targetLine, Math.min(mergeBoundaryOffset, targetLine.childNodes.length));
+  r.collapse(true);
+  sel.removeAllRanges();
+  sel.addRange(r);
+  return true;
+}