@veltra/desktop 1.0.0

package/dist/components/expression-editor/use-decorators.js

@@ -0,0 +1,27 @@
+import { Teleport, computed, createVNode, isVNode, onBeforeUnmount, shallowRef } from "vue";
+//#region src/components/expression-editor/use-decorators.tsx
+function _isSlot(s) {
+	return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
+}
+function useDecorators(editor) {
+	const decorators = shallowRef(editor.getDecorators());
+	const removeListener = editor.registerDecoratorListener((nextDecorators) => {
+		decorators.value = nextDecorators;
+	});
+	onBeforeUnmount(() => {
+		removeListener();
+	});
+	return computed(() => {
+		const decoratedTeleports = [];
+		Object.keys(decorators.value).forEach((nodeKey) => {
+			const node = decorators.value[nodeKey];
+			const element = editor.getElementByKey(nodeKey);
+			if (element !== null) decoratedTeleports.push(createVNode(Teleport, { "to": element }, _isSlot(node) ? node : { default: () => [node] }));
+		});
+		return decoratedTeleports;
+	});
+}
+//#endregion
+export { useDecorators };
+
+//# sourceMappingURL=use-decorators.js.map

package/dist/components/expression-editor/use-decorators.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-decorators.js","names":["LexicalEditor","DefineComponent","VNode","Teleport","computed","onBeforeUnmount","shallowRef","ComputedRef","isVNode","_isVNode","createVNode","_createVNode","_isSlot","s","Object","prototype","toString","call","useDecorators","editor","decorators","getDecorators","removeListener","registerDecoratorListener","nextDecorators","value","decoratedTeleports","decoratorKeys","keys","forEach","nodeKey","node","element","getElementByKey","push","default"],"sources":["../../../src/components/expression-editor/use-decorators.tsx"],"sourcesContent":["import type { LexicalEditor } from 'lexical'\nimport type { DefineComponent, VNode } from 'vue'\nimport { Teleport, computed, onBeforeUnmount, shallowRef, type ComputedRef } from 'vue'\n\nexport function useDecorators(editor: LexicalEditor): ComputedRef<VNode[]> {\n  const decorators = shallowRef(editor.getDecorators<DefineComponent>())\n\n  const removeListener = editor.registerDecoratorListener<DefineComponent>((nextDecorators) => {\n    decorators.value = nextDecorators\n  })\n\n  onBeforeUnmount(() => {\n    removeListener()\n  })\n\n  return computed(() => {\n    const decoratedTeleports: VNode[] = []\n    const decoratorKeys = Object.keys(decorators.value)\n    decoratorKeys.forEach((nodeKey) => {\n      const node = decorators.value[nodeKey]!\n      const element = editor.getElementByKey(nodeKey)\n      if (element !== null) {\n        decoratedTeleports.push(<Teleport to={element}>{node}</Teleport>)\n      }\n    })\n\n    return decoratedTeleports\n  })\n}\n"],"mappings":";;AAEuF,SAAAY,QAAAC,GAAA;AAAA,QAAA,OAAAA,MAAA,cAAAC,OAAAC,UAAAC,SAAAC,KAAAJ,EAAA,KAAA,qBAAA,CAAAJ,QAAAI,EAAA;;AAEvF,SAAgBK,cAAcC,QAA6C;CACzE,MAAMC,aAAad,WAAWa,OAAOE,eAAgC,CAAC;CAEtE,MAAMC,iBAAiBH,OAAOI,2BAA4CC,mBAAmB;AAC3FJ,aAAWK,QAAQD;GACnB;AAEFnB,uBAAsB;AACpBiB,kBAAgB;GAChB;AAEF,QAAOlB,eAAe;EACpB,MAAMsB,qBAA8B,EAAE;AAChBZ,SAAOc,KAAKR,WAAWK,MAAM,CACrCI,SAASC,YAAY;GACjC,MAAMC,OAAOX,WAAWK,MAAMK;GAC9B,MAAME,UAAUb,OAAOc,gBAAgBH,QAAQ;AAC/C,OAAIE,YAAY,KACdN,oBAAmBQ,KAAIvB,YAAAR,UAAA,EAAA,MAAe6B,SAAO,EAAApB,QAAGmB,KAAI,GAAJA,OAAI,EAAAI,eAAA,CAAJJ,KAAI,EAAA,CAAY,CAAC;IAEnE;AAEF,SAAOL;GACP"}

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

@@ -0,0 +1,275 @@
+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

@@ -0,0 +1 @@
+{"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/dist/components/file-picker/file-picker.js

@@ -0,0 +1,87 @@
+import { matchAccept } from "./helper.js";
+import { createBlock, createElementVNode, defineComponent, normalizeClass, openBlock, ref, renderSlot, resolveDynamicComponent, shallowRef, unref, withCtx, withModifiers } from "vue";
+import { bem } from "@veltra/utils";
+//#region src/components/file-picker/file-picker.vue
+const _hoisted_1 = ["multiple", "accept"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+	name: "FilePicker",
+	__name: "file-picker",
+	props: {
+		tag: { default: "div" },
+		accept: {},
+		multiple: {
+			type: Boolean,
+			default: false
+		},
+		tips: {},
+		span: {},
+		label: {},
+		field: {},
+		disabled: { type: Boolean },
+		readonly: { type: Boolean },
+		size: {}
+	},
+	emits: ["pick"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const cls = bem("file-picker");
+		const fileRef = shallowRef();
+		const isDragover = ref(false);
+		const processFiles = (files) => {
+			emit("pick", files.filter((file) => matchAccept(file, props.accept)));
+		};
+		const handleChange = (e) => {
+			const target = e.target;
+			processFiles(Array.from(target.files || []));
+			target.value = "";
+		};
+		const handleDragover = (e) => {
+			if (props.disabled) return;
+			isDragover.value = true;
+		};
+		const handleDragLeave = (e) => {
+			if (props.disabled) return;
+			const currentTarget = e.currentTarget;
+			const relatedTarget = e.relatedTarget;
+			if (currentTarget.contains(relatedTarget)) return;
+			isDragover.value = false;
+		};
+		const handleDrop = (e) => {
+			if (props.disabled) return;
+			isDragover.value = false;
+			processFiles(Array.from(e.dataTransfer?.files || []));
+		};
+		function handleClickPicker() {
+			if (props.disabled) return;
+			fileRef.value?.click();
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(resolveDynamicComponent(__props.tag), {
+				class: normalizeClass(unref(cls).b),
+				onClick: withModifiers(handleClickPicker, ["stop"]),
+				onDragover: withModifiers(handleDragover, ["prevent"]),
+				onDragleave: handleDragLeave,
+				onDrop: withModifiers(handleDrop, ["prevent"])
+			}, {
+				default: withCtx(() => [createElementVNode("input", {
+					multiple: __props.multiple,
+					class: normalizeClass(unref(cls).e("native")),
+					type: "file",
+					accept: __props.accept,
+					hidden: "",
+					placeholder: "选择文件",
+					ref_key: "fileRef",
+					ref: fileRef,
+					onChange: handleChange,
+					capture: "environment"
+				}, null, 42, _hoisted_1), renderSlot(_ctx.$slots, "default", { isDragover: isDragover.value })]),
+				_: 3
+			}, 40, ["class"]);
+		};
+	}
+});
+//#endregion
+export { _sfc_main as default };
+
+//# sourceMappingURL=file-picker.js.map

package/dist/components/file-picker/file-picker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"file-picker.js","names":[],"sources":["../../../src/components/file-picker/file-picker.vue"],"sourcesContent":["<template>\n  <component\n    :is=\"tag\"\n    :class=\"cls.b\"\n    @click.stop=\"handleClickPicker\"\n    @dragover.prevent=\"handleDragover\"\n    @dragleave=\"handleDragLeave\"\n    @drop.prevent=\"handleDrop\"\n  >\n    <input\n      :multiple=\"multiple\"\n      :class=\"cls.e('native')\"\n      type=\"file\"\n      :accept=\"accept\"\n      hidden\n      placeholder=\"选择文件\"\n      ref=\"fileRef\"\n      @change=\"handleChange\"\n      capture=\"environment\"\n    />\n    <slot :is-dragover=\"isDragover\" />\n  </component>\n</template>\n\n<script lang=\"ts\" setup>\nimport { bem } from '@veltra/utils'\nimport { shallowRef, ref } from 'vue'\n\nimport type { UploaderProps, UploaderEmits } from '../../types'\nimport { matchAccept } from './helper'\n\ndefineOptions({\n  name: 'FilePicker'\n})\n\nconst props = withDefaults(defineProps<UploaderProps>(), {\n  tag: 'div',\n  multiple: false\n})\n\nconst emit = defineEmits<UploaderEmits>()\n\nconst cls = bem('file-picker')\n\nconst fileRef = shallowRef<HTMLInputElement>()\nconst isDragover = ref(false)\n\nconst processFiles = (files: File[]) => {\n  const filteredFiles = files.filter((file) => matchAccept(file, props.accept))\n  emit('pick', filteredFiles)\n}\n\nconst handleChange = (e: Event) => {\n  const target = e.target as HTMLInputElement\n  const files = Array.from(target.files || [])\n  processFiles(files)\n  target.value = ''\n}\n\nconst handleDragover = (e: DragEvent) => {\n  if (props.disabled) return\n  isDragover.value = true\n}\n\nconst handleDragLeave = (e: DragEvent) => {\n  if (props.disabled) return\n  const currentTarget = e.currentTarget as HTMLElement\n  const relatedTarget = e.relatedTarget as HTMLElement | null\n\n  if (currentTarget.contains(relatedTarget)) return\n  isDragover.value = false\n}\n\nconst handleDrop = (e: DragEvent) => {\n  if (props.disabled) return\n  isDragover.value = false\n  const files = Array.from(e.dataTransfer?.files || [])\n  processFiles(files)\n}\n\nfunction handleClickPicker() {\n  if (props.disabled) return\n  fileRef.value?.click()\n}\n</script>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;EAmCA,MAAM,QAAQ;EAKd,MAAM,OAAO;EAEb,MAAM,MAAM,IAAI,cAAa;EAE7B,MAAM,UAAU,YAA6B;EAC7C,MAAM,aAAa,IAAI,MAAK;EAE5B,MAAM,gBAAgB,UAAkB;AAEtC,QAAK,QADiB,MAAM,QAAQ,SAAS,YAAY,MAAM,MAAM,OAAO,CAAA,CAClD;;EAG5B,MAAM,gBAAgB,MAAa;GACjC,MAAM,SAAS,EAAE;AAEjB,gBADc,MAAM,KAAK,OAAO,SAAS,EAAE,CAAA,CACzB;AAClB,UAAO,QAAQ;;EAGjB,MAAM,kBAAkB,MAAiB;AACvC,OAAI,MAAM,SAAU;AACpB,cAAW,QAAQ;;EAGrB,MAAM,mBAAmB,MAAiB;AACxC,OAAI,MAAM,SAAU;GACpB,MAAM,gBAAgB,EAAE;GACxB,MAAM,gBAAgB,EAAE;AAExB,OAAI,cAAc,SAAS,cAAc,CAAE;AAC3C,cAAW,QAAQ;;EAGrB,MAAM,cAAc,MAAiB;AACnC,OAAI,MAAM,SAAU;AACpB,cAAW,QAAQ;AAEnB,gBADc,MAAM,KAAK,EAAE,cAAc,SAAS,EAAE,CAAA,CAClC;;EAGpB,SAAS,oBAAoB;AAC3B,OAAI,MAAM,SAAU;AACpB,WAAQ,OAAO,OAAM;;;uBAjFrB,YAoBY,wBAnBL,QAAA,IAAG,EAAA;IACP,OAAK,eAAE,MAAA,IAAG,CAAC,EAAC;IACZ,SAAK,cAAO,mBAAiB,CAAA,OAAA,CAAA;IAC7B,YAAQ,cAAU,gBAAc,CAAA,UAAA,CAAA;IAChC,aAAW;IACX,QAAI,cAAU,YAAU,CAAA,UAAA,CAAA;;2BAYvB,CAVF,mBAUE,SAAA;KATC,UAAU,QAAA;KACV,OAAK,eAAE,MAAA,IAAG,CAAC,EAAC,SAAA,CAAA;KACb,MAAK;KACJ,QAAQ,QAAA;KACT,QAAA;KACA,aAAY;cACR;KAAJ,KAAI;KACH,UAAQ;KACT,SAAQ;8BAEV,WAAkC,KAAA,QAAA,WAAA,EAA3B,YAAa,WAAA,OAAU,CAAA,CAAA,CAAA"}

package/dist/components/file-picker/file-picker.vue.d.ts

@@ -0,0 +1,28 @@
+import { UploaderProps } from "../../types/file-picker.js";
+import * as _$vue from "vue";
+
+//#region src/components/file-picker/file-picker.vue.d.ts
+declare var __VLS_13: {
+  isDragover: boolean;
+};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_13) => any;
+};
+declare const __VLS_base: _$vue.DefineComponent<UploaderProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {} & {
+  pick: (files: File[]) => any;
+}, string, _$vue.PublicProps, Readonly<UploaderProps> & Readonly<{
+  onPick?: ((files: File[]) => any) | undefined;
+}>, {
+  tag: string;
+  multiple: boolean;
+}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _default };
+//# sourceMappingURL=file-picker.vue.d.ts.map

package/dist/components/file-picker/helper.js

@@ -0,0 +1,20 @@
+//#region src/components/file-picker/helper.ts
+/**
+* 校验文件是否匹配 accept 字符串 (仅支持 MIME 类型)
+* @param file 文件对象
+* @param accept 接受的文件类型，例如：image/*,application/pdf
+*/
+function matchAccept(file, accept) {
+	if (!accept) return true;
+	const fileType = file.type.toLowerCase();
+	return accept.split(",").map((item) => item.trim().toLowerCase()).some((item) => {
+		if (item.endsWith("/*")) {
+			const group = item.replace("/*", "");
+			return fileType.startsWith(group);
+		} else return fileType === item;
+	});
+}
+//#endregion
+export { matchAccept };
+
+//# sourceMappingURL=helper.js.map

package/dist/components/file-picker/helper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"helper.js","names":[],"sources":["../../../src/components/file-picker/helper.ts"],"sourcesContent":["/**\n * 校验文件是否匹配 accept 字符串 (仅支持 MIME 类型)\n * @param file 文件对象\n * @param accept 接受的文件类型，例如：image/*,application/pdf\n */\nexport function matchAccept(file: File, accept?: string): boolean {\n  if (!accept) return true\n\n  const fileType = file.type.toLowerCase()\n  const acceptList = accept.split(',').map((item) => item.trim().toLowerCase())\n\n  return acceptList.some((item) => {\n    if (item.endsWith('/*')) {\n      // MIME 类型组匹配 (例如：image/*)\n      const group = item.replace('/*', '')\n      return fileType.startsWith(group)\n    } else {\n      // MIME 类型精确匹配\n      return fileType === item\n    }\n  })\n}\n"],"mappings":";;;;;;AAKA,SAAgB,YAAY,MAAY,QAA0B;AAChE,KAAI,CAAC,OAAQ,QAAO;CAEpB,MAAM,WAAW,KAAK,KAAK,aAAa;AAGxC,QAFmB,OAAO,MAAM,IAAI,CAAC,KAAK,SAAS,KAAK,MAAM,CAAC,aAAa,CAAC,CAE3D,MAAM,SAAS;AAC/B,MAAI,KAAK,SAAS,KAAK,EAAE;GAEvB,MAAM,QAAQ,KAAK,QAAQ,MAAM,GAAG;AACpC,UAAO,SAAS,WAAW,MAAM;QAGjC,QAAO,aAAa;GAEtB"}

package/dist/components/file-picker/index.d.ts

@@ -0,0 +1 @@
+import { _default } from "./file-picker.vue.js";

package/dist/components/file-picker/style.d.ts

@@ -0,0 +1 @@
+export { };

package/dist/components/file-picker/style.js

@@ -0,0 +1 @@
+import "./style2.css";

package/dist/components/file-picker/style2.css

@@ -0,0 +1,24 @@
+@charset "UTF-8";
+/** flex布局 */
+/**
+* 设置css变量
+* 参数1:变量前缀
+* 参数2: 一个由值组成的列表或者由key, value组成的map
+* css-var(height, (
+*   large: 40px
+*   default: 32px
+*   small: 24px
+* ))
+* 生成的css变量:
+* --u-height-large: 40px;
+* --u-height-default: 32px;
+* --u-height-small: 24px;
+*/
+/** 暗色：data-theme 与系统偏好，与 UITheme.injectBuiltInThemes 选择器策略一致 */
+.u-file-picker {
+  display: inline-block;
+}
+.u-file-picker__native {
+  opacity: 0;
+  visibility: hidden;
+}

package/dist/components/float-button/float-button.js

@@ -0,0 +1,95 @@
+import _sfc_main$1 from "../icon/icon.js";
+import _sfc_main$2 from "../button/button.js";
+import { Fragment, Teleport, createBlock, createElementBlock, createElementVNode, defineComponent, normalizeClass, normalizeStyle, openBlock, renderList, resolveDynamicComponent, shallowRef, toDisplayString, unref, withCtx } from "vue";
+import { bem, removeStyles, setStyles } from "@veltra/utils";
+//#region src/components/float-button/float-button.vue
+const _hoisted_1 = { key: 1 };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+	name: "FloatButton",
+	__name: "float-button",
+	props: {
+		items: {},
+		size: {}
+	},
+	emits: ["click"],
+	setup(__props, { emit: __emit }) {
+		const emit = __emit;
+		const cls = bem("float-button");
+		const hoveredCls = bem.is("hovered");
+		const floatButtonRef = shallowRef();
+		const itemsRef = shallowRef();
+		const hovered = shallowRef(false);
+		const handleMouseEnter = () => {
+			hovered.value = true;
+			itemsRef.value?.forEach((item) => {
+				setStyles(item.el, { display: "flex" });
+			});
+			requestAnimationFrame(() => {
+				requestAnimationFrame(() => {
+					itemsRef.value?.forEach((item) => {
+						item.el.classList.add(hoveredCls);
+					});
+				});
+			});
+		};
+		const handleMouseLeave = () => {
+			hovered.value = false;
+			itemsRef.value?.forEach((item) => {
+				item.el.classList.remove(hoveredCls);
+			});
+		};
+		/**
+		* 动画结束回调
+		* @param index 发生的元素索引
+		* @param e 事件
+		*/
+		const handleTransitionEnd = (index, e) => {
+			if (index !== 1 || hovered.value) return;
+			itemsRef.value?.forEach((item) => {
+				removeStyles(item.el, ["display"]);
+			});
+		};
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(Teleport, { to: "body" }, [createElementVNode("div", {
+				class: normalizeClass(unref(cls).b),
+				onMouseenter: handleMouseEnter,
+				onMouseleave: handleMouseLeave,
+				ref_key: "floatButtonRef",
+				ref: floatButtonRef
+			}, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.items, (item, index) => {
+				return openBlock(), createBlock(unref(_sfc_main$2), {
+					key: item.key,
+					class: normalizeClass([unref(cls).e("item"), unref(bem).is("first", index === 0)]),
+					circle: "",
+					size: __props.size,
+					type: item.type ?? "primary",
+					ref_for: true,
+					ref_key: "itemsRef",
+					ref: itemsRef,
+					style: normalizeStyle({ transitionDelay: index * .1 + "s" }),
+					onTransitionend: ($event) => handleTransitionEnd(index, $event),
+					onClick: ($event) => emit("click", item.key),
+					title: item.name ?? item.key
+				}, {
+					default: withCtx(() => [item.icon ? (openBlock(), createBlock(unref(_sfc_main$1), { key: 0 }, {
+						default: withCtx(() => [(openBlock(), createBlock(resolveDynamicComponent(item.icon)))]),
+						_: 2
+					}, 1024)) : (openBlock(), createElementBlock("span", _hoisted_1, toDisplayString(item.name?.[0] ?? item.key[0]), 1))]),
+					_: 2
+				}, 1032, [
+					"class",
+					"size",
+					"type",
+					"style",
+					"onTransitionend",
+					"onClick",
+					"title"
+				]);
+			}), 128))], 34)]);
+		};
+	}
+});
+//#endregion
+export { _sfc_main as default };
+
+//# sourceMappingURL=float-button.js.map

package/dist/components/float-button/float-button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"float-button.js","names":[],"sources":["../../../src/components/float-button/float-button.vue"],"sourcesContent":["<template>\n  <Teleport to=\"body\">\n    <div\n      :class=\"cls.b\"\n      @mouseenter=\"handleMouseEnter\"\n      @mouseleave=\"handleMouseLeave\"\n      ref=\"floatButtonRef\"\n    >\n      <u-button\n        v-for=\"(item, index) of items\"\n        :key=\"item.key\"\n        :class=\"[cls.e('item'), bem.is('first', index === 0)]\"\n        circle\n        :size=\"size\"\n        :type=\"item.type ?? 'primary'\"\n        ref=\"itemsRef\"\n        :style=\"{ transitionDelay: index * 0.1 + 's' }\"\n        @transitionend=\"handleTransitionEnd(index, $event)\"\n        @click=\"emit('click', item.key)\"\n        :title=\"item.name ?? item.key\"\n      >\n        <u-icon v-if=\"item.icon\"> <component :is=\"item.icon\" /> </u-icon>\n        <span v-else>{{ item.name?.[0] ?? item.key[0] }}</span>\n      </u-button>\n    </div>\n  </Teleport>\n</template>\n\n<script lang=\"ts\" setup>\nimport { bem, removeStyles, setStyles } from '@veltra/utils'\nimport { shallowRef } from 'vue'\n\nimport type { FloatButtonProps, FloatButtonEmits, ButtonExposed } from '../../types'\nimport { UButton } from '../button'\nimport { UIcon } from '../icon'\n\ndefineOptions({\n  name: 'FloatButton'\n})\n\ndefineProps<FloatButtonProps>()\n\nconst emit = defineEmits<FloatButtonEmits>()\n\nconst cls = bem('float-button')\nconst hoveredCls = bem.is('hovered')\n\nconst floatButtonRef = shallowRef<HTMLElement>()\nconst itemsRef = shallowRef<ButtonExposed[]>()\n\nconst hovered = shallowRef(false)\n\nconst handleMouseEnter = () => {\n  hovered.value = true\n\n  itemsRef.value?.forEach((item) => {\n    setStyles(item.el!, { display: 'flex' })\n  })\n\n  requestAnimationFrame(() => {\n    requestAnimationFrame(() => {\n      itemsRef.value?.forEach((item) => {\n        item.el!.classList.add(hoveredCls)\n      })\n    })\n  })\n}\nconst handleMouseLeave = () => {\n  hovered.value = false\n  itemsRef.value?.forEach((item) => {\n    item.el!.classList.remove(hoveredCls)\n  })\n}\n\n/**\n * 动画结束回调\n * @param index 发生的元素索引\n * @param e 事件\n */\nconst handleTransitionEnd = (index: number, e: TransitionEvent) => {\n  if (index !== 1 || hovered.value) return\n\n  itemsRef.value?.forEach((item) => {\n    removeStyles(item.el!, ['display'])\n  })\n}\n</script>\n"],"mappings":";;;;;;;;;;;;;;;EA0CA,MAAM,OAAO;EAEb,MAAM,MAAM,IAAI,eAAc;EAC9B,MAAM,aAAa,IAAI,GAAG,UAAS;EAEnC,MAAM,iBAAiB,YAAwB;EAC/C,MAAM,WAAW,YAA4B;EAE7C,MAAM,UAAU,WAAW,MAAK;EAEhC,MAAM,yBAAyB;AAC7B,WAAQ,QAAQ;AAEhB,YAAS,OAAO,SAAS,SAAS;AAChC,cAAU,KAAK,IAAK,EAAE,SAAS,QAAQ,CAAA;KACxC;AAED,+BAA4B;AAC1B,gCAA4B;AAC1B,cAAS,OAAO,SAAS,SAAS;AAChC,WAAK,GAAI,UAAU,IAAI,WAAU;OAClC;MACF;KACF;;EAEH,MAAM,yBAAyB;AAC7B,WAAQ,QAAQ;AAChB,YAAS,OAAO,SAAS,SAAS;AAChC,SAAK,GAAI,UAAU,OAAO,WAAU;KACrC;;;;;;;EAQH,MAAM,uBAAuB,OAAe,MAAuB;AACjE,OAAI,UAAU,KAAK,QAAQ,MAAO;AAElC,YAAS,OAAO,SAAS,SAAS;AAChC,iBAAa,KAAK,IAAK,CAAC,UAAU,CAAA;KACnC;;;uBAnFD,YAwBW,UAAA,EAxBD,IAAG,QAAM,EAAA,CACjB,mBAsBM,OAAA;IArBH,OAAK,eAAE,MAAA,IAAG,CAAC,EAAC;IACZ,cAAY;IACZ,cAAY;aACT;IAAJ,KAAI;yBAEJ,mBAeW,UAAA,MAAA,WAde,QAAA,QAAhB,MAAM,UAAK;wBADrB,YAeW,MAAA,YAAA,EAAA;KAbR,KAAK,KAAK;KACV,OAAK,eAAA,CAAG,MAAA,IAAG,CAAC,EAAC,OAAA,EAAU,MAAA,IAAG,CAAC,GAAE,SAAU,UAAK,EAAA,CAAA,CAAA;KAC7C,QAAA;KACC,MAAM,QAAA;KACN,MAAM,KAAK,QAAI;;cACZ;KAAJ,KAAI;KACH,OAAK,eAAA,EAAA,iBAAqB,QAAK,KAAA,KAAA,CAAA;KAC/B,kBAAa,WAAE,oBAAoB,OAAO,OAAM;KAChD,UAAK,WAAE,KAAI,SAAU,KAAK,IAAG;KAC7B,OAAO,KAAK,QAAQ,KAAK;;4BAEuC,CAAnD,KAAK,QAAA,WAAA,EAAnB,YAAiE,MAAA,YAAA,EAAA,EAAA,KAAA,GAAA,EAAA;6BAAV,EAAA,WAAA,EAA7B,YAA6B,wBAAb,KAAK,KAAI,CAAA,EAAA,CAAA;;+BACnD,mBAAuD,QAAA,YAAA,gBAAvC,KAAK,OAAI,MAAS,KAAK,IAAG,GAAA,EAAA,EAAA,EAAA,CAAA"}

package/dist/components/float-button/float-button.vue.d.ts

@@ -0,0 +1,13 @@
+import { FloatButtonProps } from "../../types/float-button.js";
+import * as _$vue from "vue";
+
+//#region src/components/float-button/float-button.vue.d.ts
+declare const __VLS_export: _$vue.DefineComponent<FloatButtonProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {} & {
+  click: (key: string) => any;
+}, string, _$vue.PublicProps, Readonly<FloatButtonProps> & Readonly<{
+  onClick?: ((key: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+//#endregion
+export { _default };
+//# sourceMappingURL=float-button.vue.d.ts.map

package/dist/components/float-button/index.d.ts

@@ -0,0 +1 @@
+import { _default } from "./float-button.vue.js";