@veltra/desktop 1.0.13 → 1.0.14

package/dist/components/expression-editor/use-expression-drag-drop.js

@@ -1,275 +0,0 @@
-import { EXPRESSION_DROP_SCOPE_ATTR, EXPRESSION_VARIABLE_DRAG_KEY_ATTR, EXPRESSION_VARIABLE_DRAG_MARKER_ATTR, EXPRESSION_VARIABLE_DRAG_TYPE } from "./constants.js";
-import { VariableNode } from "./nodes/variable-node.js";
-import { $getNodeByKey, $getRoot } from "lexical";
-//#region src/components/expression-editor/use-expression-drag-drop.ts
-const DROP_INDICATOR_CLASS = "expression-editor__drop-indicator";
-const DRAG_SOURCE_CLASS = "is-dragging";
-const dragVisualStateMap = /* @__PURE__ */ new WeakMap();
-function getDragVisualState(editor) {
-	const existing = dragVisualStateMap.get(editor);
-	if (existing) return existing;
-	const created = {
-		indicatorEl: null,
-		sourceEl: null,
-		cleanupDragEnd: null,
-		activePayload: null
-	};
-	dragVisualStateMap.set(editor, created);
-	return created;
-}
-function isHTMLElement(target) {
-	return target instanceof HTMLElement;
-}
-function hasChildren(node) {
-	return typeof node.getChildren === "function";
-}
-function traverseVariableNodes(node, collector) {
-	if (node instanceof VariableNode) {
-		collector.push({
-			key: node.getKey(),
-			variable: node.getVariable(),
-			label: node.getLabel()
-		});
-		return;
-	}
-	if (!hasChildren(node)) return;
-	node.getChildren().forEach((child) => traverseVariableNodes(child, collector));
-}
-function $collectVariableNodeDescriptors() {
-	const collector = [];
-	traverseVariableNodes($getRoot(), collector);
-	return collector;
-}
-function getDropIndicator(rootElement) {
-	const existing = rootElement.querySelector(`.${DROP_INDICATOR_CLASS}`);
-	if (existing) return existing;
-	const indicator = document.createElement("div");
-	indicator.className = DROP_INDICATOR_CLASS;
-	indicator.style.opacity = "0";
-	rootElement.appendChild(indicator);
-	return indicator;
-}
-function getDropAnchors(editor) {
-	const descriptors = collectVariableNodeDescriptors(editor);
-	if (descriptors.length === 0) return [];
-	const rects = descriptors.map((descriptor) => editor.getElementByKey(descriptor.key)).filter((element) => element instanceof HTMLElement).map((element) => element.getBoundingClientRect());
-	if (rects.length === 0) return [];
-	const anchors = [];
-	const first = rects[0];
-	anchors.push({
-		x: first.left,
-		y: first.top,
-		height: first.height
-	});
-	for (let index = 0; index < rects.length - 1; index++) {
-		const currentRect = rects[index];
-		const nextRect = rects[index + 1];
-		anchors.push({
-			x: (currentRect.right + nextRect.left) / 2,
-			y: (currentRect.top + nextRect.top) / 2,
-			height: Math.max(currentRect.height, nextRect.height)
-		});
-	}
-	const last = rects[rects.length - 1];
-	anchors.push({
-		x: last.right,
-		y: last.top,
-		height: last.height
-	});
-	return anchors;
-}
-function getDistance(pointerX, pointerY, anchor) {
-	const dx = pointerX - anchor.x;
-	const dy = pointerY - (anchor.y + anchor.height / 2);
-	return dx * dx + dy * dy;
-}
-function supportsNativeDnD() {
-	if (typeof window === "undefined") return false;
-	const hasDragApi = "draggable" in document.createElement("span") && typeof DataTransfer !== "undefined";
-	const coarsePointer = window.matchMedia?.("(pointer: coarse)").matches ?? false;
-	return hasDragApi && !coarsePointer;
-}
-function collectVariableNodeDescriptors(editor) {
-	let descriptors = [];
-	editor.getEditorState().read(() => {
-		descriptors = $collectVariableNodeDescriptors();
-	});
-	return descriptors;
-}
-function ensureDropScopeId(editor) {
-	const rootElement = editor.getRootElement();
-	if (!rootElement) return "";
-	const existing = rootElement.getAttribute(EXPRESSION_DROP_SCOPE_ATTR);
-	if (existing) return existing;
-	const generated = `scope-${Math.random().toString(36).slice(2)}`;
-	rootElement.setAttribute(EXPRESSION_DROP_SCOPE_ATTR, generated);
-	return generated;
-}
-function findVariableDragSource(target) {
-	if (!isHTMLElement(target)) return null;
-	return target.closest(`[${EXPRESSION_VARIABLE_DRAG_MARKER_ATTR}="true"]`);
-}
-function readDragSourceKey(target) {
-	const source = findVariableDragSource(target);
-	if (!source) return null;
-	return source.getAttribute(EXPRESSION_VARIABLE_DRAG_KEY_ATTR);
-}
-function createInternalDragPayload(payload) {
-	return JSON.stringify(payload);
-}
-function writeInternalDragPayload(dataTransfer, payload) {
-	if (!dataTransfer) return;
-	dataTransfer.setData(EXPRESSION_VARIABLE_DRAG_TYPE, createInternalDragPayload(payload));
-}
-function parseInternalDragPayload(payloadText) {
-	if (!payloadText) return null;
-	try {
-		const parsed = JSON.parse(payloadText);
-		if (parsed.action !== "move-variable" || typeof parsed.scopeId !== "string" || parsed.scopeId.length === 0 || typeof parsed.sourceKey !== "string" || parsed.sourceKey.length === 0) return null;
-		return {
-			action: parsed.action,
-			scopeId: parsed.scopeId,
-			sourceKey: parsed.sourceKey
-		};
-	} catch {
-		return null;
-	}
-}
-function readInternalDragPayload(dataTransfer) {
-	if (!dataTransfer) return null;
-	return parseInternalDragPayload(dataTransfer.getData(EXPRESSION_VARIABLE_DRAG_TYPE));
-}
-function beginDragVisualState(editor, sourceEl, payload) {
-	const state = getDragVisualState(editor);
-	clearDragVisualState(editor);
-	state.activePayload = payload ?? null;
-	if (!sourceEl) return;
-	sourceEl.classList.add(DRAG_SOURCE_CLASS);
-	state.sourceEl = sourceEl;
-	const onDragEnd = () => {
-		clearDragVisualState(editor);
-	};
-	window.addEventListener("dragend", onDragEnd, true);
-	state.cleanupDragEnd = () => {
-		window.removeEventListener("dragend", onDragEnd, true);
-	};
-}
-function getActiveInternalDragPayload(editor) {
-	return getDragVisualState(editor).activePayload;
-}
-function showDropIndicator(editor, slot) {
-	const rootElement = editor.getRootElement();
-	if (!rootElement) return;
-	const anchors = getDropAnchors(editor);
-	if (slot < 0 || slot >= anchors.length) {
-		clearDropIndicator(editor);
-		return;
-	}
-	const anchor = anchors[slot];
-	const indicator = getDropIndicator(rootElement);
-	const rootRect = rootElement.getBoundingClientRect();
-	indicator.style.left = `${anchor.x - rootRect.left}px`;
-	indicator.style.top = `${anchor.y - rootRect.top}px`;
-	indicator.style.height = `${anchor.height}px`;
-	indicator.style.opacity = "1";
-	const state = getDragVisualState(editor);
-	state.indicatorEl = indicator;
-}
-function clearDropIndicator(editor) {
-	const state = getDragVisualState(editor);
-	if (!state.indicatorEl) return;
-	state.indicatorEl.style.opacity = "0";
-}
-function clearDragVisualState(editor) {
-	const state = getDragVisualState(editor);
-	if (state.sourceEl) {
-		state.sourceEl.classList.remove(DRAG_SOURCE_CLASS);
-		state.sourceEl = null;
-	}
-	if (state.indicatorEl) {
-		state.indicatorEl.style.opacity = "0";
-		state.indicatorEl = null;
-	}
-	if (state.cleanupDragEnd) {
-		state.cleanupDragEnd();
-		state.cleanupDragEnd = null;
-	}
-	state.activePayload = null;
-}
-function autoScrollWhenNearEdge(container, pointerY) {
-	const rect = container.getBoundingClientRect();
-	const threshold = 24;
-	const step = 10;
-	if (pointerY < rect.top + threshold) {
-		container.scrollBy({
-			top: -step,
-			behavior: "auto"
-		});
-		return;
-	}
-	if (pointerY > rect.bottom - threshold) container.scrollBy({
-		top: step,
-		behavior: "auto"
-	});
-}
-function resolveDropSlot(editor, event) {
-	const rootElement = editor.getRootElement();
-	if (!rootElement || !isHTMLElement(event.target)) return null;
-	if (!rootElement.contains(event.target)) return null;
-	const anchors = getDropAnchors(editor);
-	if (anchors.length === 0) return null;
-	let nearestSlot = 0;
-	let nearestDistance = Number.POSITIVE_INFINITY;
-	for (let slot = 0; slot < anchors.length; slot++) {
-		const anchor = anchors[slot];
-		const distance = getDistance(event.clientX, event.clientY, anchor);
-		if (distance < nearestDistance) {
-			nearestDistance = distance;
-			nearestSlot = slot;
-		}
-	}
-	return nearestSlot;
-}
-function reorderVariableNode(sourceKey, targetSlot, focusMovedNode = true) {
-	const nodes = $collectVariableNodeDescriptors();
-	if (nodes.length <= 1) return false;
-	const sourceIndex = nodes.findIndex((item) => item.key === sourceKey);
-	if (sourceIndex < 0) return false;
-	if (targetSlot < 0 || targetSlot > nodes.length) return false;
-	if (targetSlot === sourceIndex || targetSlot === sourceIndex + 1) return false;
-	const sourceNode = $getNodeByKey(sourceKey);
-	if (!(sourceNode instanceof VariableNode)) return false;
-	const remaining = nodes.filter((item) => item.key !== sourceKey);
-	const reference = remaining[targetSlot > sourceIndex ? targetSlot - 1 : targetSlot];
-	if (reference) {
-		const referenceNode = $getNodeByKey(reference.key);
-		if (!(referenceNode instanceof VariableNode)) return false;
-		referenceNode.insertBefore(sourceNode);
-	} else {
-		const last = remaining[remaining.length - 1];
-		if (!last) return false;
-		const lastNode = $getNodeByKey(last.key);
-		if (!(lastNode instanceof VariableNode)) return false;
-		lastNode.insertAfter(sourceNode);
-	}
-	if (focusMovedNode) sourceNode.selectEnd();
-	return true;
-}
-function moveVariableByDirection(sourceKey, direction, focusMovedNode = true) {
-	const nodes = $collectVariableNodeDescriptors();
-	const sourceIndex = nodes.findIndex((item) => item.key === sourceKey);
-	if (sourceIndex < 0) return false;
-	const targetIndex = sourceIndex + direction;
-	if (targetIndex < 0 || targetIndex >= nodes.length) return false;
-	return reorderVariableNode(sourceKey, direction === -1 ? targetIndex : targetIndex + 1, focusMovedNode);
-}
-function applyDropReorder(options) {
-	const payload = parseInternalDragPayload(options.payloadText);
-	if (!payload) return false;
-	if (payload.scopeId !== options.scopeId) return false;
-	return reorderVariableNode(payload.sourceKey, options.targetSlot, options.focusMovedNode ?? true);
-}
-//#endregion
-export { applyDropReorder, autoScrollWhenNearEdge, beginDragVisualState, clearDragVisualState, clearDropIndicator, collectVariableNodeDescriptors, ensureDropScopeId, getActiveInternalDragPayload, moveVariableByDirection, readDragSourceKey, readInternalDragPayload, resolveDropSlot, showDropIndicator, supportsNativeDnD, writeInternalDragPayload };
-
-//# sourceMappingURL=use-expression-drag-drop.js.map

package/dist/components/expression-editor/use-expression-drag-drop.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-expression-drag-drop.js","names":[],"sources":["../../../src/components/expression-editor/use-expression-drag-drop.ts"],"sourcesContent":["import { $getNodeByKey, $getRoot, type LexicalEditor, type LexicalNode } from 'lexical'\n\nimport {\n  EXPRESSION_DROP_SCOPE_ATTR,\n  EXPRESSION_VARIABLE_DRAG_KEY_ATTR,\n  EXPRESSION_VARIABLE_DRAG_MARKER_ATTR,\n  EXPRESSION_VARIABLE_DRAG_TYPE\n} from './constants'\nimport { VariableNode } from './nodes/variable-node'\n\ntype Direction = -1 | 1\n\ninterface DragVisualState {\n  indicatorEl: HTMLDivElement | null\n  sourceEl: HTMLElement | null\n  cleanupDragEnd: (() => void) | null\n  activePayload: InternalDragPayload | null\n}\n\ninterface DropAnchor {\n  x: number\n  y: number\n  height: number\n}\n\nexport interface VariableNodeDescriptor {\n  key: string\n  variable: string\n  label: string\n}\n\nexport interface InternalDragPayload {\n  sourceKey: string\n  scopeId: string\n  action: 'move-variable'\n}\n\nexport interface ApplyDropReorderOptions {\n  payloadText: string | null\n  scopeId: string\n  targetSlot: number\n  focusMovedNode?: boolean\n}\n\nconst DROP_INDICATOR_CLASS = 'expression-editor__drop-indicator'\nconst DRAG_SOURCE_CLASS = 'is-dragging'\n\nconst dragVisualStateMap = new WeakMap<LexicalEditor, DragVisualState>()\n\nfunction getDragVisualState(editor: LexicalEditor): DragVisualState {\n  const existing = dragVisualStateMap.get(editor)\n  if (existing) return existing\n\n  const created: DragVisualState = {\n    indicatorEl: null,\n    sourceEl: null,\n    cleanupDragEnd: null,\n    activePayload: null\n  }\n  dragVisualStateMap.set(editor, created)\n  return created\n}\n\nfunction isHTMLElement(target: EventTarget | null): target is HTMLElement {\n  return target instanceof HTMLElement\n}\n\nfunction hasChildren(\n  node: LexicalNode\n): node is LexicalNode & { getChildren: () => LexicalNode[] } {\n  return typeof (node as { getChildren?: unknown }).getChildren === 'function'\n}\n\nfunction traverseVariableNodes(node: LexicalNode, collector: VariableNodeDescriptor[]): void {\n  if (node instanceof VariableNode) {\n    collector.push({ key: node.getKey(), variable: node.getVariable(), label: node.getLabel() })\n    return\n  }\n\n  if (!hasChildren(node)) return\n  node.getChildren().forEach((child) => traverseVariableNodes(child, collector))\n}\n\nfunction $collectVariableNodeDescriptors(): VariableNodeDescriptor[] {\n  const collector: VariableNodeDescriptor[] = []\n  const root = $getRoot()\n  traverseVariableNodes(root, collector)\n  return collector\n}\n\nfunction getDropIndicator(rootElement: HTMLElement): HTMLDivElement {\n  const existing = rootElement.querySelector<HTMLDivElement>(`.${DROP_INDICATOR_CLASS}`)\n  if (existing) return existing\n\n  const indicator = document.createElement('div')\n  indicator.className = DROP_INDICATOR_CLASS\n  indicator.style.opacity = '0'\n  rootElement.appendChild(indicator)\n  return indicator\n}\n\nfunction getDropAnchors(editor: LexicalEditor): DropAnchor[] {\n  const descriptors = collectVariableNodeDescriptors(editor)\n  if (descriptors.length === 0) return []\n\n  const rects = descriptors\n    .map((descriptor) => editor.getElementByKey(descriptor.key))\n    .filter((element): element is HTMLElement => element instanceof HTMLElement)\n    .map((element) => element.getBoundingClientRect())\n\n  if (rects.length === 0) return []\n\n  const anchors: DropAnchor[] = []\n  const first = rects[0]!\n  anchors.push({ x: first.left, y: first.top, height: first.height })\n\n  for (let index = 0; index < rects.length - 1; index++) {\n    const currentRect = rects[index]!\n    const nextRect = rects[index + 1]!\n    anchors.push({\n      x: (currentRect.right + nextRect.left) / 2,\n      y: (currentRect.top + nextRect.top) / 2,\n      height: Math.max(currentRect.height, nextRect.height)\n    })\n  }\n\n  const last = rects[rects.length - 1]!\n  anchors.push({ x: last.right, y: last.top, height: last.height })\n\n  return anchors\n}\n\nfunction getDistance(pointerX: number, pointerY: number, anchor: DropAnchor): number {\n  const dx = pointerX - anchor.x\n  const dy = pointerY - (anchor.y + anchor.height / 2)\n  return dx * dx + dy * dy\n}\n\nexport function supportsNativeDnD(): boolean {\n  if (typeof window === 'undefined') return false\n\n  const probe = document.createElement('span')\n  const hasDragApi = 'draggable' in probe && typeof DataTransfer !== 'undefined'\n  const coarsePointer = window.matchMedia?.('(pointer: coarse)').matches ?? false\n\n  return hasDragApi && !coarsePointer\n}\n\nexport function collectVariableNodeDescriptors(editor: LexicalEditor): VariableNodeDescriptor[] {\n  let descriptors: VariableNodeDescriptor[] = []\n  editor.getEditorState().read(() => {\n    descriptors = $collectVariableNodeDescriptors()\n  })\n  return descriptors\n}\n\nexport function ensureDropScopeId(editor: LexicalEditor): string {\n  const rootElement = editor.getRootElement()\n  if (!rootElement) return ''\n\n  const existing = rootElement.getAttribute(EXPRESSION_DROP_SCOPE_ATTR)\n  if (existing) return existing\n\n  const generated = `scope-${Math.random().toString(36).slice(2)}`\n  rootElement.setAttribute(EXPRESSION_DROP_SCOPE_ATTR, generated)\n  return generated\n}\n\nexport function findVariableDragSource(target: EventTarget | null): HTMLElement | null {\n  if (!isHTMLElement(target)) return null\n\n  return target.closest<HTMLElement>(`[${EXPRESSION_VARIABLE_DRAG_MARKER_ATTR}=\"true\"]`)\n}\n\nexport function readDragSourceKey(target: EventTarget | null): string | null {\n  const source = findVariableDragSource(target)\n  if (!source) return null\n\n  return source.getAttribute(EXPRESSION_VARIABLE_DRAG_KEY_ATTR)\n}\n\nexport function createInternalDragPayload(payload: InternalDragPayload): string {\n  return JSON.stringify(payload)\n}\n\nexport function writeInternalDragPayload(\n  dataTransfer: DataTransfer | null,\n  payload: InternalDragPayload\n): void {\n  if (!dataTransfer) return\n  dataTransfer.setData(EXPRESSION_VARIABLE_DRAG_TYPE, createInternalDragPayload(payload))\n}\n\nexport function parseInternalDragPayload(payloadText: string | null): InternalDragPayload | null {\n  if (!payloadText) return null\n\n  try {\n    const parsed = JSON.parse(payloadText) as Partial<InternalDragPayload>\n    if (\n      parsed.action !== 'move-variable' ||\n      typeof parsed.scopeId !== 'string' ||\n      parsed.scopeId.length === 0 ||\n      typeof parsed.sourceKey !== 'string' ||\n      parsed.sourceKey.length === 0\n    ) {\n      return null\n    }\n\n    return { action: parsed.action, scopeId: parsed.scopeId, sourceKey: parsed.sourceKey }\n  } catch {\n    return null\n  }\n}\n\nexport function readInternalDragPayload(\n  dataTransfer: DataTransfer | null\n): InternalDragPayload | null {\n  if (!dataTransfer) return null\n  return parseInternalDragPayload(dataTransfer.getData(EXPRESSION_VARIABLE_DRAG_TYPE))\n}\n\nexport function beginDragVisualState(\n  editor: LexicalEditor,\n  sourceEl: HTMLElement | null,\n  payload?: InternalDragPayload\n): void {\n  const state = getDragVisualState(editor)\n  clearDragVisualState(editor)\n  state.activePayload = payload ?? null\n\n  if (!sourceEl) return\n  sourceEl.classList.add(DRAG_SOURCE_CLASS)\n  state.sourceEl = sourceEl\n\n  const onDragEnd = () => {\n    clearDragVisualState(editor)\n  }\n  window.addEventListener('dragend', onDragEnd, true)\n  state.cleanupDragEnd = () => {\n    window.removeEventListener('dragend', onDragEnd, true)\n  }\n}\n\nexport function getActiveInternalDragPayload(editor: LexicalEditor): InternalDragPayload | null {\n  return getDragVisualState(editor).activePayload\n}\n\nexport function showDropIndicator(editor: LexicalEditor, slot: number): void {\n  const rootElement = editor.getRootElement()\n  if (!rootElement) return\n\n  const anchors = getDropAnchors(editor)\n  if (slot < 0 || slot >= anchors.length) {\n    clearDropIndicator(editor)\n    return\n  }\n\n  const anchor = anchors[slot]!\n  const indicator = getDropIndicator(rootElement)\n  const rootRect = rootElement.getBoundingClientRect()\n\n  indicator.style.left = `${anchor.x - rootRect.left}px`\n  indicator.style.top = `${anchor.y - rootRect.top}px`\n  indicator.style.height = `${anchor.height}px`\n  indicator.style.opacity = '1'\n\n  const state = getDragVisualState(editor)\n  state.indicatorEl = indicator\n}\n\nexport function clearDropIndicator(editor: LexicalEditor): void {\n  const state = getDragVisualState(editor)\n  if (!state.indicatorEl) return\n  state.indicatorEl.style.opacity = '0'\n}\n\nexport function clearDragVisualState(editor: LexicalEditor): void {\n  const state = getDragVisualState(editor)\n\n  if (state.sourceEl) {\n    state.sourceEl.classList.remove(DRAG_SOURCE_CLASS)\n    state.sourceEl = null\n  }\n\n  if (state.indicatorEl) {\n    state.indicatorEl.style.opacity = '0'\n    state.indicatorEl = null\n  }\n\n  if (state.cleanupDragEnd) {\n    state.cleanupDragEnd()\n    state.cleanupDragEnd = null\n  }\n\n  state.activePayload = null\n}\n\nexport function autoScrollWhenNearEdge(container: HTMLElement, pointerY: number): void {\n  const rect = container.getBoundingClientRect()\n  const threshold = 24\n  const step = 10\n\n  if (pointerY < rect.top + threshold) {\n    container.scrollBy({ top: -step, behavior: 'auto' })\n    return\n  }\n\n  if (pointerY > rect.bottom - threshold) {\n    container.scrollBy({ top: step, behavior: 'auto' })\n  }\n}\n\nexport function resolveDropSlot(editor: LexicalEditor, event: DragEvent): number | null {\n  const rootElement = editor.getRootElement()\n  if (!rootElement || !isHTMLElement(event.target)) return null\n  if (!rootElement.contains(event.target)) return null\n\n  const anchors = getDropAnchors(editor)\n  if (anchors.length === 0) return null\n\n  let nearestSlot = 0\n  let nearestDistance = Number.POSITIVE_INFINITY\n  for (let slot = 0; slot < anchors.length; slot++) {\n    const anchor = anchors[slot]!\n    const distance = getDistance(event.clientX, event.clientY, anchor)\n    if (distance < nearestDistance) {\n      nearestDistance = distance\n      nearestSlot = slot\n    }\n  }\n\n  return nearestSlot\n}\n\nexport function reorderVariableNode(\n  sourceKey: string,\n  targetSlot: number,\n  focusMovedNode = true\n): boolean {\n  const nodes = $collectVariableNodeDescriptors()\n  if (nodes.length <= 1) return false\n\n  const sourceIndex = nodes.findIndex((item) => item.key === sourceKey)\n  if (sourceIndex < 0) return false\n  if (targetSlot < 0 || targetSlot > nodes.length) return false\n  if (targetSlot === sourceIndex || targetSlot === sourceIndex + 1) return false\n\n  const sourceNode = $getNodeByKey(sourceKey)\n  if (!(sourceNode instanceof VariableNode)) return false\n\n  const remaining = nodes.filter((item) => item.key !== sourceKey)\n  const insertionIndex = targetSlot > sourceIndex ? targetSlot - 1 : targetSlot\n  const reference = remaining[insertionIndex]\n\n  if (reference) {\n    const referenceNode = $getNodeByKey(reference.key)\n    if (!(referenceNode instanceof VariableNode)) return false\n    referenceNode.insertBefore(sourceNode)\n  } else {\n    const last = remaining[remaining.length - 1]\n    if (!last) return false\n    const lastNode = $getNodeByKey(last.key)\n    if (!(lastNode instanceof VariableNode)) return false\n    lastNode.insertAfter(sourceNode)\n  }\n\n  if (focusMovedNode) {\n    sourceNode.selectEnd()\n  }\n\n  return true\n}\n\nexport function moveVariableByDirection(\n  sourceKey: string,\n  direction: Direction,\n  focusMovedNode = true\n): boolean {\n  const nodes = $collectVariableNodeDescriptors()\n  const sourceIndex = nodes.findIndex((item) => item.key === sourceKey)\n  if (sourceIndex < 0) return false\n\n  const targetIndex = sourceIndex + direction\n  if (targetIndex < 0 || targetIndex >= nodes.length) return false\n\n  const targetSlot = direction === -1 ? targetIndex : targetIndex + 1\n  return reorderVariableNode(sourceKey, targetSlot, focusMovedNode)\n}\n\nexport function applyDropReorder(options: ApplyDropReorderOptions): boolean {\n  const payload = parseInternalDragPayload(options.payloadText)\n  if (!payload) return false\n  if (payload.scopeId !== options.scopeId) return false\n\n  return reorderVariableNode(payload.sourceKey, options.targetSlot, options.focusMovedNode ?? true)\n}\n"],"mappings":"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"}

package/src/components/batch-edit/batch-edit-new.vue

@@ -1,168 +0,0 @@
-<template>
-  <u-table v-bind="tableProps" :columns="columnsWithOperation" :current="currentRow" :class="cls.b">
-    <template #column:__action__="{ row }">
-      <ButtonWrap tag="div" @click.stop>
-        <u-button
-          :icon="View"
-          title="查看"
-          v-if="featureSets.has('view')"
-          @click="handleView(row, $event)"
-        />
-        <u-button
-          :icon="Edit"
-          title="编辑"
-          v-if="featureSets.has('update')"
-          @click="handleEdit(row, $event)"
-        />
-        <u-button
-          :icon="Plus"
-          title="下方新增"
-          v-if="featureSets.has('create')"
-          @click="handleAdd(row, $event)"
-        />
-        <u-button
-          :icon="AddChild"
-          title="新增子项"
-          v-if="featureSets.has('create') && !!tree"
-          @click="handleAdd(row, $event)"
-        />
-        <u-button
-          :icon="Copy"
-          title="复制"
-          v-if="featureSets.has('copy')"
-          @click="handleCopy(row, $event)"
-        />
-        <u-button
-          :icon="Delete"
-          type="danger"
-          title="删除"
-          v-if="featureSets.has('delete')"
-          @click="handleDelete(row)"
-        />
-      </ButtonWrap>
-    </template>
-
-    <template #append>
-      <u-tip
-        :visible="visible && !!model"
-        :trigger-dom="triggerDom"
-        trigger="click"
-        alignment="center"
-        direction="left"
-        :class="cls.e('tip')"
-      >
-        <template #content>
-          <div :class="cls.e('form-title')" v-if="tipType">
-            {{ titleDict[tipType] }}
-          </div>
-          <u-scroll :class="cls.e('form-scroll')" :content-class="cls.e('form-scroll-content')">
-            <u-form :model="model!" :readonly="readonly" :label-width="labelWidth">
-              <template #default="{ data, model }">
-                <slot name="form" v-bind="{ data, model }" />
-              </template>
-            </u-form>
-          </u-scroll>
-
-          <div :class="cls.e('form-action')">
-            <u-button @click="handleClose" type="primary" text> 关闭 </u-button>
-            <u-button type="primary" @click="handleSubmit" v-if="!readonly"> 提交 </u-button>
-          </div>
-        </template>
-      </u-tip>
-    </template>
-  </u-table>
-</template>
-
-<script lang="ts" setup>
-import { o } from '@cat-kit/core'
-import { useComponentProps } from '@veltra/compositions'
-import { AddChild, Copy, Delete, Edit, Plus, View } from '@veltra/icons'
-import { bem } from '@veltra/utils'
-import { computed, watch } from 'vue'
-
-import type { BatchEditEmits, BatchEditProps, ButtonProps, TableColumn } from '../../types'
-import { UButton } from '../button'
-import { type FormModel, UForm } from '../form'
-import { UScroll } from '../scroll'
-import { UTable } from '../table'
-import { UTip } from '../tip'
-import { useEdit } from './use-edit-new'
-import { useTip } from './use-tip'
-
-defineOptions({
-  name: 'BatchEdit'
-})
-
-const props = defineProps<BatchEditProps<FormModel>>()
-const emit = defineEmits<BatchEditEmits>()
-
-const tableProps = computed(() => {
-  return o(props as Record<string, any>).omit([
-    'model',
-    'columns',
-    'cols',
-    'readonly',
-    'deleteMethod',
-    'saveMethod',
-    'features',
-    'current'
-  ])
-})
-
-const featureSets = computed(() => {
-  return new Set(
-    ['create', 'delete', 'update', 'copy', 'view']
-    // props.features ?? ['create', 'delete', 'update', 'copy', 'view']
-  )
-})
-
-const cls = bem('batch-edit')
-
-const columnsWithOperation = computed<TableColumn[]>(() => {
-  return [
-    ...(props.columns ?? []),
-    {
-      name: '操作',
-      key: '__action__',
-      align: 'center',
-      fixed: 'right',
-      width: 196,
-      resizable: false
-    }
-  ]
-})
-
-const ButtonWrap = useComponentProps<ButtonProps>({
-  size: 'small',
-  circle: true,
-  text: true,
-  type: 'primary',
-  style: { fontSize: '16px', marginRight: '6px' },
-  loading: false
-})
-
-const { visible, triggerDom, tipType, open, handleSubmit } = useTip({
-  props
-})
-
-const titleDict = {
-  create: '新增',
-  update: '编辑',
-  copy: '复制',
-  view: '查看'
-}
-
-const { currentRow, handleEdit, handleAdd, handleCopy, handleDelete, handleView } = useEdit({
-  emit,
-  props,
-  open
-})
-
-watch(currentRow, (r) => {
-  visible.value = Boolean(r)
-})
-
-function handleClose() {
-  currentRow.value = undefined
-}
-</script>

package/src/components/batch-edit/style-new.scss

@@ -1,35 +0,0 @@
-@use 'pkg:@veltra/styles/mixins' as m;
-@use 'pkg:@veltra/styles/functions' as fn;
-@use 'pkg:@veltra/styles/vars';
-
-$root-name: batch-edit;
-
-@include m.b($root-name) {
-  @include m.e(tip) {
-    padding: 0;
-  }
-
-  @include m.e(form-title) {
-    font-size: fn.use-var(font-size, title, default);
-    color: fn.use-var(text-color, title);
-    padding: fn.use-var(gap, small);
-    border-bottom: 1px solid fn.use-var(border-color);
-  }
-
-  @include m.e(form-scroll) {
-    max-height: 500px;
-    width: 900px;
-
-    &-content {
-      padding: fn.use-var(gap, large);
-    }
-  }
-
-  @include m.e(form-action) {
-    display: flex;
-    justify-content: flex-end;
-    gap: fn.use-var(gap, small);
-    padding: fn.use-var(gap, small);
-    border-top: 1px solid fn.use-var(border-color);
-  }
-}

package/src/components/batch-edit/use-edit-new.ts

@@ -1,68 +0,0 @@
-import { nextTick, type ShallowRef, shallowRef } from 'vue'
-
-import type { BatchEditEmits, BatchEditProps, TableRow } from '../../types'
-import type { TipReturned } from './use-tip'
-
-interface EditReturned {
-  currentRow: ShallowRef<TableRow | undefined>
-  handleEdit: (row: TableRow, e: MouseEvent) => Promise<void>
-  handleAdd: (row: TableRow, e: MouseEvent) => Promise<void>
-  handleCopy: (row: TableRow, e: MouseEvent) => Promise<void>
-  handleDelete: (row: TableRow) => Promise<void>
-  handleView: (row: TableRow, e: MouseEvent) => void
-}
-
-export function useEdit(options: {
-  props: BatchEditProps
-  emit: BatchEditEmits
-  open: TipReturned['open']
-}): EditReturned {
-  const { props, emit, open } = options
-
-  /**
-   * 当前操作行
-   */
-  const currentRow = shallowRef<TableRow>()
-
-  async function setCurrentRow(row: TableRow): Promise<TableRow | undefined> {
-    // 重复点击，则清空
-    if (row === currentRow.value) {
-      currentRow.value = undefined
-      return
-    }
-    if (!currentRow.value) {
-      currentRow.value = row
-      return
-    }
-    currentRow.value = undefined
-    await nextTick()
-    currentRow.value = row
-    return row
-  }
-
-  async function handleAdd(row: TableRow, e: MouseEvent) {
-    open('create', e.currentTarget as HTMLElement)
-    setCurrentRow(row)
-  }
-
-  async function handleEdit(row: TableRow, e: MouseEvent) {
-    open('update', e.currentTarget as HTMLElement)
-    setCurrentRow(row)
-  }
-
-  async function handleCopy(row: TableRow, e: MouseEvent) {
-    open('copy', e.currentTarget as HTMLElement)
-    setCurrentRow(row)
-  }
-
-  async function handleDelete(row: TableRow) {
-    emit('update:data', props.data?.filter((_, i) => i !== row.index) ?? [])
-  }
-
-  function handleView(row: TableRow, e: MouseEvent) {
-    open('view', e.currentTarget as HTMLElement)
-    setCurrentRow(row)
-  }
-
-  return { currentRow, handleEdit, handleAdd, handleCopy, handleDelete, handleView }
-}

package/src/components/batch-edit/use-tip.ts

@@ -1,47 +0,0 @@
-import { type ShallowRef, shallowRef, watch } from 'vue'
-
-import type { BatchEditProps, BatchEditFeature } from '../../types'
-
-export interface TipReturned {
-  visible: ShallowRef<boolean>
-  triggerDom: ShallowRef<HTMLElement | undefined>
-  tipType: ShallowRef<BatchEditFeature | undefined>
-  open: (type: BatchEditFeature, triggerDom: HTMLElement) => void
-
-  handleSubmit: () => Promise<void>
-}
-
-export function useTip(options: { props: BatchEditProps }): TipReturned {
-  const { props } = options
-
-  const visible = shallowRef(false)
-  const triggerDom = shallowRef<HTMLElement>()
-  const tipType = shallowRef<BatchEditFeature>()
-
-  function open(type: BatchEditFeature, dom: HTMLElement) {
-    tipType.value = type
-    triggerDom.value = dom
-  }
-
-  watch(visible, (v) => {
-    if (!v) {
-      const { model } = props
-      model?.clearValidate()
-      model?.resetData()
-    }
-  })
-
-  async function handleSubmit() {
-    await props.model?.validate()
-    visible.value = false
-  }
-
-  return {
-    visible,
-    triggerDom,
-    tipType,
-    open,
-
-    handleSubmit
-  }
-}