pxd 0.1.2 → 0.1.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pxd",
-  "version": "0.1.2",
+  "version": "0.1.3",
   "description": "A universal Vue 2.7 & 3.2 component library built from one codebase. Built-in light/dark theme. PC & mobile ready. Animation-free mode supported.",
   "keywords": [
     "component-library",
@@ -37,17 +37,10 @@
   "main": "./dist/index.js",
   "module": "./dist/index.js",
   "types": "./dist/index.d.ts",
-  "typesVersions": {
-    "*": {
-      "*": [
-        "*",
-        "dist/*",
-        "dist/*.d.ts",
-        "dist/*/index.d.ts"
-      ]
-    }
-  },
   "exports": {
+    "./volar": "./volar.d.ts",
+    "./tw.css": "./dist/styles/tw.css",
+    "./styles.css": "./dist/styles/styles.css",
     ".": {
       "types": "./dist/index.d.ts",
       "default": "./dist/index.js"
@@ -68,9 +61,6 @@
       "types": "./dist/locales/index.d.ts",
       "default": "./dist/locales/index.js"
     },
-    "./volar": "./volar.d.ts",
-    "./tw.css": "./dist/styles/tw.css",
-    "./styles.css": "./dist/styles/styles.css",
     "./components/*": {
       "types": "./dist/components/*/index.d.vue.ts",
       "default": "./dist/components/*/index.vue"
@@ -87,51 +77,44 @@
       "types": "./dist/locales/*.d.ts",
       "default": "./dist/locales/*.js"
     },
-    "./types/*": "./dist/types/*.d.ts",
     "./utils/*": {
       "types": "./dist/utils/*.d.ts",
       "default": "./dist/utils/*.js"
-    },
-    "./*": {
-      "types": "./dist/*.d.ts",
-      "default": "./dist/*"
     }
   },
   "dependencies": {
     "@chenglou/pretext": "^0.0.9",
     "@floating-ui/dom": "^1.8.0",
     "@gdsicon/vue": "^1.0.9",
-    "@tanstack/virtual-core": "^3.17.11",
+    "@tanstack/virtual-core": "^3.19.4",
     "cn": "^0.4.0",
     "dayjs": "^1.11.23",
-    "focus-trap": "^8.2.2"
+    "focus-trap": "^8.2.3"
   },
   "devDependencies": {
     "@tailwindcss/cli": "^4.3.3",
     "@tsconfig/node22": "^22.0.6",
-    "@types/node": "^26.6.3",
-    "@vitejs/plugin-vue": "^6.0.9",
+    "@types/node": "^26.6.5",
+    "@vitejs/plugin-vue": "^6.0.10",
     "@vue/test-utils": "^2.5.1",
     "@vue/tsconfig": "^0.9.1",
-    "eslint-plugin-better-tailwindcss": "^4.7.0",
-    "fs-extra": "^11.4.1",
-    "happy-dom": "^20.14.5",
+    "eslint-plugin-better-tailwindcss": "^4.9.1",
+    "happy-dom": "^20.14.6",
     "mkdist": "^2.4.1",
     "npm-run-all2": "^9.0.3",
-    "tinyglobby": "^0.2.17",
     "tslib": "^2.8.1",
     "typescript": "^6.0.3",
     "unbuild": "^3.6.1",
     "unplugin-vue-components": "^32.1.0",
-    "vite-plus": "^1.0.0",
-    "vue": "^3.5.43",
+    "vite-plus": "^1.2.0",
+    "vue": "^3.5.44",
     "vue-router": "4.6.4",
     "vue-sfc-transformer": "^0.3.0",
-    "vue-tsc": "^3.3.11"
+    "vue-tsc": "^3.3.13"
   },
   "peerDependencies": {
     "vue": ">=2.7.0 <3.0.0 || >=3.2.0",
-    "vue-router": "^3.5.0 || ^4.0.0"
+    "vue-router": ">=3.5.0"
   },
   "peerDependenciesMeta": {
     "vue-router": {
@@ -142,31 +125,24 @@
     "dev": "run-s dev:lib dev:docs",
     "dev:lib": "unbuild --stub",
     "dev:docs": "pnpm --filter docs dev",
-    "build": "run-s update-exports build:core build:docs",
+    "build": "run-s build:lib build:docs",
     "build:lib": "run-s update-exports build:core build:style",
-    "build:core": "node scripts/build-core.js",
     "build:only": "run-s build:core build:docs",
+    "build:core": "node scripts/build-core.js",
+    "build:style": "node scripts/gen-css-files.js",
     "build:docs": "pnpm --filter docs build",
-    "build:style": "run-s gen-styles-file gen-tw-css-file",
-    "design:gen": "pnpx @google/design.md spec",
-    "design:lint": "pnpx @google/design.md lint packages/docs/public/DESIGN.md",
     "update-exports": "node scripts/update-exports.js",
-    "gen-styles-file": "node scripts/gen-css-files.js",
-    "gen-tw-css-file": "tailwindcss -i ./dist/styles/source.css -o ./dist/styles/styles.css -m",
-    "lint": "git diff --staged --name-only --diff-filter=ACMR| xargs -r vp lint",
-    "lint:all": "vp lint",
-    "lint:changed": "git diff --name-only --relative --diff-filter=ACMR origin/main...HEAD | xargs -r vp lint",
-    "lint:fix": "vp lint --fix",
-    "fmt": "git diff --staged --name-only --diff-filter=ACMR| xargs -r vp fmt",
-    "fmt:all": "vp fmt",
-    "fmt:eol": "node scripts/fmt-eol.js",
-    "fmt:changed": "git diff --name-only --relative --diff-filter=ACMR origin/main...HEAD | xargs -r vp fmt",
-    "fmt:check": "vp fmt --check",
-    "type-check": "vp run typecheck",
+    "lint": "vp lint",
+    "lint:fix": "vp lint --fix && node scripts/lint/fmt-file-eol.js",
+    "fmt": "vp fmt",
+    "fmt:all": "run-s fmt fmt:eol",
+    "fmt:eol": "node scripts/lint/fmt-file-eol.js",
+    "check:fmt": "vp fmt --check",
+    "check:type": "vp run typecheck",
     "test": "vp test run",
     "test:watch": "vp test",
-    "bump": "pnpx bumpp",
     "preview": "pnpm --filter docs preview",
-    "postversion": "vp run update-exports"
+    "bump": "pnpx bumpp",
+    "postversion": "pnpm update-exports"
   }
 }

package/volar.d.ts

@@ -32,6 +32,7 @@ declare module 'vue' {
     PColorSelector: (typeof import('pxd/components/color-selector'))['default']
     PCommandMenu: (typeof import('pxd/components/command-menu'))['default']
     PConfigProvider: (typeof import('pxd/components/config-provider'))['default']
+    PConfirmPopover: (typeof import('pxd/components/confirm-popover'))['default']
     PCopyButton: (typeof import('pxd/components/copy-button'))['default']
     PCountdown: (typeof import('pxd/components/countdown'))['default']
     PDashLine: (typeof import('pxd/components/dash-line'))['default']
@@ -47,6 +48,7 @@ declare module 'vue' {
     PGauge: (typeof import('pxd/components/gauge'))['default']
     PGrid: (typeof import('pxd/components/grid'))['default']
     PGridItem: (typeof import('pxd/components/grid-item'))['default']
+    PHint: (typeof import('pxd/components/hint'))['default']
     PHoldButton: (typeof import('pxd/components/hold-button'))['default']
     PHueText: (typeof import('pxd/components/hue-text'))['default']
     PInput: (typeof import('pxd/components/input'))['default']
@@ -114,6 +116,7 @@ declare module 'vue' {
     PText: (typeof import('pxd/components/text'))['default']
     PTextarea: (typeof import('pxd/components/textarea'))['default']
     PThemeSwitcher: (typeof import('pxd/components/theme-switcher'))['default']
+    PTimeAgo: (typeof import('pxd/components/time-ago'))['default']
     PTimePicker: (typeof import('pxd/components/time-picker'))['default']
     PTimeline: (typeof import('pxd/components/timeline'))['default']
     PTimelineItem: (typeof import('pxd/components/timeline-item'))['default']
@@ -124,6 +127,7 @@ declare module 'vue' {
     PToggleButtonGroup: (typeof import('pxd/components/toggle-button-group'))['default']
     PToolCall: (typeof import('pxd/components/tool-call'))['default']
     PTooltip: (typeof import('pxd/components/tooltip'))['default']
+    PTour: (typeof import('pxd/components/tour'))['default']
     PTree: (typeof import('pxd/components/tree'))['default']
     PVirtualList: (typeof import('pxd/components/virtual-list'))['default']
   }

package/dist/components/message/composables/use-group-expand.d.ts

@@ -1,13 +0,0 @@
-import type { MaybeRefOrGetter } from 'vue';
-interface UseGroupExpandOptions {
-    expand: MaybeRefOrGetter<boolean | undefined>;
-    onPauseAll: () => void;
-    onResumeAll: () => void;
-}
-export declare function useGroupExpand({ expand, onPauseAll, onResumeAll }: UseGroupExpandOptions): {
-    groupExpand: import("vue").ShallowRef<boolean | undefined, boolean | undefined>;
-    collapse: () => void;
-    onPointerEnter: () => void;
-    onPointerLeave: () => void;
-};
-export {};

package/dist/components/message/composables/use-group-expand.js

@@ -1,50 +0,0 @@
-import { shallowRef, watchEffect } from "vue";
-import { toValue } from "../../../utils/helper.js";
-const TRANSITION_LOCK_MS = 250;
-const LEAVE_DEBOUNCE_MS = 200;
-export function useGroupExpand({ expand, onPauseAll, onResumeAll }) {
-  const groupExpand = shallowRef(toValue(expand));
-  let leaveTimeoutId;
-  let isTransitioning = false;
-  function onPointerEnter() {
-    clearTimeout(leaveTimeoutId);
-    if (groupExpand.value || isTransitioning) {
-      return;
-    }
-    isTransitioning = true;
-    groupExpand.value = true;
-    onPauseAll();
-    setTimeout(() => {
-      isTransitioning = false;
-    }, TRANSITION_LOCK_MS);
-  }
-  function onPointerLeave() {
-    clearTimeout(leaveTimeoutId);
-    if (isTransitioning) {
-      return;
-    }
-    leaveTimeoutId = setTimeout(() => {
-      onResumeAll();
-      if (toValue(expand)) {
-        return;
-      }
-      isTransitioning = true;
-      groupExpand.value = false;
-      setTimeout(() => {
-        isTransitioning = false;
-      }, TRANSITION_LOCK_MS);
-    }, LEAVE_DEBOUNCE_MS);
-  }
-  function collapse() {
-    groupExpand.value = false;
-  }
-  watchEffect(() => {
-    groupExpand.value = toValue(expand);
-  });
-  return {
-    groupExpand,
-    collapse,
-    onPointerEnter,
-    onPointerLeave
-  };
-}

package/dist/components/message/composables/use-message-timer.d.ts

@@ -1,9 +0,0 @@
-import type { MessageItemConfig } from '../../../composables/use-message';
-export declare function useMessageTimer(onTimeout: (id: MessageItemConfig['id']) => void): {
-    setAutoCloseTimer: (message: MessageItemConfig) => void;
-    pauseMessage: (message: MessageItemConfig) => void;
-    resumeMessage: (message: MessageItemConfig) => void;
-    clearTimers: (messages: MessageItemConfig[]) => void;
-    pauseAll: (messages: MessageItemConfig[]) => void;
-    resumeAll: (messages: MessageItemConfig[]) => void;
-};

package/dist/components/message/composables/use-message-timer.js

@@ -1,62 +0,0 @@
-import { isNil } from "../../../utils/is.js";
-export function useMessageTimer(onTimeout) {
-  function setAutoCloseTimer(message) {
-    message._startedAtMs = Date.now();
-    if (isNil(message._remainingMs)) {
-      message._remainingMs = message.durations;
-    }
-    if (message._timerId) {
-      clearTimeout(message._timerId);
-    }
-    message._timerId = setTimeout(() => {
-      onTimeout(message.id);
-    }, message._remainingMs);
-  }
-  function pauseMessage(message) {
-    if (!message.durations || message.durations <= 0) {
-      return;
-    }
-    if (message._timerId) {
-      clearTimeout(message._timerId);
-      message._timerId = void 0;
-    }
-    if (message._startedAtMs != null) {
-      const elapsed = Date.now() - message._startedAtMs;
-      const previousRemaining = message._remainingMs ?? message.durations;
-      message._remainingMs = Math.max(0, previousRemaining - elapsed);
-    }
-  }
-  function resumeMessage(message) {
-    if (!message.durations || message.durations <= 0) {
-      return;
-    }
-    const remaining = message._remainingMs ?? 0;
-    if (remaining <= 100) {
-      onTimeout(message.id);
-      return;
-    }
-    setAutoCloseTimer(message);
-  }
-  function clearTimers(messages) {
-    messages.forEach((m) => {
-      if (m._timerId) {
-        clearTimeout(m._timerId);
-        m._timerId = void 0;
-      }
-    });
-  }
-  function pauseAll(messages) {
-    messages.forEach(pauseMessage);
-  }
-  function resumeAll(messages) {
-    messages.forEach(resumeMessage);
-  }
-  return {
-    setAutoCloseTimer,
-    pauseMessage,
-    resumeMessage,
-    clearTimers,
-    pauseAll,
-    resumeAll
-  };
-}

package/dist/components/message/composables/use-promise-message.d.ts

@@ -1,4 +0,0 @@
-import type { MessageItemConfig } from '../../../composables/use-message';
-export declare function usePromiseMessage(setAutoCloseTimer: (message: MessageItemConfig) => void): {
-    handlePromiseMessage: (message: MessageItemConfig) => void;
-};

package/dist/components/message/composables/use-promise-message.js

@@ -1,49 +0,0 @@
-export function usePromiseMessage(setAutoCloseTimer) {
-  function resolvePromiseMessage(handler, data) {
-    if (!handler) {
-      return void 0;
-    }
-    let result = handler;
-    if (typeof result === "function") {
-      result = result(data);
-    }
-    return typeof result === "string" ? result : void 0;
-  }
-  function handlePromiseMessage(message) {
-    if (!message.promise) {
-      return;
-    }
-    let promiseResult;
-    message.promise.then((data) => {
-      promiseResult = data;
-      message.type = "success";
-      const successMessage = resolvePromiseMessage(message.success, data);
-      if (successMessage) {
-        message.message = successMessage;
-      }
-    }).catch((err) => {
-      promiseResult = err;
-      message.type = "error";
-      const errorMessage = resolvePromiseMessage(message.error, err);
-      if (errorMessage) {
-        message.message = errorMessage;
-      }
-    }).finally(() => {
-      const finallyMessage = resolvePromiseMessage(message.finally, promiseResult);
-      if (finallyMessage) {
-        message.message = finallyMessage;
-      }
-      message.promise = void 0;
-      message.success = void 0;
-      message.error = void 0;
-      message.finally = void 0;
-      if (message.durations && message.durations > 0) {
-        message._remainingMs = message.durations;
-        setAutoCloseTimer(message);
-      }
-    });
-  }
-  return {
-    handlePromiseMessage
-  };
-}

package/dist/components/resizable/utils.d.ts

@@ -1,4 +0,0 @@
-export declare const PERCENT_TOTAL = 100;
-export declare function clamp(value: number, min: number, max: number): number;
-export declare function roundSize(value: number): number;
-export declare function toPair(value?: number[] | null): [number, number];

package/dist/components/resizable/utils.js

@@ -1,10 +0,0 @@
-export const PERCENT_TOTAL = 100;
-export function clamp(value, min, max) {
-  return Math.min(Math.max(value, min), max);
-}
-export function roundSize(value) {
-  return Math.round(value * 100) / 100;
-}
-export function toPair(value) {
-  return [value?.[0] ?? 0, value?.[1] ?? 0];
-}

package/dist/composables/_internal/use-tree-drag.d.ts

@@ -1,23 +0,0 @@
-import type { TreeDropPosition, TreeDropTarget, TreeFlatNode } from '../../components/tree/types';
-import type { MaybeElementRef } from '../../types/shared';
-import type { ComponentValue } from '../../types/shared';
-import type { MaybeRefOrGetter } from 'vue';
-export interface UseTreeDragOptions {
-    container: MaybeElementRef<HTMLElement>;
-    /** Rendered rows, the only ones the pointer can be measured against. */
-    rows: MaybeRefOrGetter<TreeFlatNode[]>;
-    /** Whole-session gate: off while searching, while disabled, or without the prop. */
-    enabled: MaybeRefOrGetter<boolean>;
-    /** Rejects a position the tree will refuse, so no indicator is ever painted for it. */
-    canDrop: (value: ComponentValue, targetValue: ComponentValue, position: TreeDropPosition) => boolean;
-    onExpand: (value: ComponentValue) => void;
-    onCommit: (value: ComponentValue, target: TreeDropTarget) => void;
-}
-export declare function useTreeDrag(options: UseTreeDragOptions): {
-    value: import("vue").ShallowRef<ComponentValue | undefined, ComponentValue | undefined>;
-    target: import("vue").ShallowRef<TreeDropTarget | undefined, TreeDropTarget | undefined>;
-    x: import("vue").ShallowRef<number, number>;
-    y: import("vue").ShallowRef<number, number>;
-    onPointerDown: (nodeValue: ComponentValue, event: PointerEvent) => void;
-    cancel: () => void;
-};

package/dist/composables/_internal/use-tree-drag.js

@@ -1,196 +0,0 @@
-import { onScopeDispose, shallowRef } from "vue";
-import { getElement } from "../../utils/dom.js";
-import { toValue } from "../../utils/helper.js";
-const DRAG_THRESHOLD = 5;
-const EDGE_SIZE = 32;
-const EDGE_SPEED = 12;
-const EXPAND_DELAY = 500;
-export function useTreeDrag(options) {
-  const value = shallowRef();
-  const target = shallowRef();
-  const x = shallowRef(0);
-  const y = shallowRef(0);
-  let armed;
-  let frame;
-  let autoScroll = 0;
-  let expandTimer;
-  let expandValue;
-  let cachedRects = [];
-  let contentOrigin = 0;
-  function measureRows(container, items) {
-    const rows = toValue(options.rows);
-    const origin = container.getBoundingClientRect().top - container.scrollTop;
-    const list = [];
-    for (const item of Array.from(items)) {
-      const row = rows[Number(item.dataset.index)];
-      if (!row) {
-        continue;
-      }
-      const rect = item.getBoundingClientRect();
-      list.push({ row, top: rect.top - origin, height: rect.height });
-    }
-    cachedRects = list;
-    contentOrigin = origin;
-  }
-  function isCacheStale(items) {
-    if (items.length !== cachedRects.length) {
-      return true;
-    }
-    return Number(items[0]?.dataset.index) !== cachedRects[0]?.row.index;
-  }
-  function resolveTarget(clientY) {
-    const container = getElement(options.container);
-    if (!container) {
-      return void 0;
-    }
-    const items = container.querySelectorAll("[data-tree-item]");
-    if (isCacheStale(items)) {
-      measureRows(container, items);
-    }
-    if (cachedRects.length === 0) {
-      return void 0;
-    }
-    const y2 = clientY - contentOrigin;
-    let nearest;
-    for (const entry of cachedRects) {
-      if (y2 >= entry.top && y2 <= entry.top + entry.height) {
-        return toTarget(entry, y2);
-      }
-      if (!nearest || Math.abs(entry.top - y2) < Math.abs(nearest.top - y2)) {
-        nearest = entry;
-      }
-    }
-    return nearest ? toTarget(nearest, y2) : void 0;
-  }
-  function toTarget(entry, y2) {
-    const dragged = value.value;
-    if (dragged === void 0) {
-      return void 0;
-    }
-    const row = entry.row;
-    const ratio = (y2 - entry.top) / (entry.height || 1);
-    const position = row.hasChildren && ratio > 0.25 && ratio < 0.75 ? "inside" : ratio < 0.5 ? "before" : "after";
-    return options.canDrop(dragged, row.key, position) ? { targetValue: row.key, position } : void 0;
-  }
-  function scheduleExpand(next) {
-    if (!next || next.position !== "inside") {
-      clearExpand();
-      return;
-    }
-    if (expandValue === next.targetValue) {
-      return;
-    }
-    clearExpand();
-    expandValue = next.targetValue;
-    expandTimer = setTimeout(() => {
-      expandTimer = void 0;
-      if (expandValue !== void 0) {
-        options.onExpand(expandValue);
-      }
-    }, EXPAND_DELAY);
-  }
-  function clearExpand() {
-    if (expandTimer !== void 0) {
-      clearTimeout(expandTimer);
-      expandTimer = void 0;
-    }
-    expandValue = void 0;
-  }
-  function tick() {
-    frame = void 0;
-    const container = getElement(options.container);
-    if (container && autoScroll !== 0) {
-      container.scrollTop += autoScroll;
-      target.value = resolveTarget(y.value);
-    }
-    if (autoScroll !== 0) {
-      frame = requestAnimationFrame(tick);
-    }
-  }
-  function updateAutoScroll(clientY) {
-    const container = getElement(options.container);
-    if (!container) {
-      return;
-    }
-    const rect = container.getBoundingClientRect();
-    if (clientY - rect.top < EDGE_SIZE) {
-      autoScroll = -EDGE_SPEED;
-    } else if (rect.bottom - clientY < EDGE_SIZE) {
-      autoScroll = EDGE_SPEED;
-    } else {
-      autoScroll = 0;
-    }
-    if (autoScroll !== 0 && frame === void 0) {
-      frame = requestAnimationFrame(tick);
-    }
-  }
-  function stopAutoScroll() {
-    autoScroll = 0;
-    if (frame !== void 0) {
-      cancelAnimationFrame(frame);
-      frame = void 0;
-    }
-  }
-  function detach() {
-    window.removeEventListener("pointermove", onPointerMove);
-    window.removeEventListener("pointerup", onPointerUp);
-    window.removeEventListener("pointercancel", onPointerCancel);
-    window.removeEventListener("keydown", onKeydown);
-    armed = void 0;
-    cachedRects = [];
-    stopAutoScroll();
-    clearExpand();
-  }
-  function reset() {
-    value.value = void 0;
-    target.value = void 0;
-    detach();
-  }
-  function onPointerMove(event) {
-    if (armed) {
-      const moved = Math.abs(event.clientY - armed.y) >= DRAG_THRESHOLD || Math.abs(event.clientX - armed.x) >= DRAG_THRESHOLD;
-      if (!moved) {
-        return;
-      }
-      window.removeEventListener("keydown", onKeydown);
-      window.addEventListener("keydown", onKeydown);
-      value.value = armed.value;
-      armed = void 0;
-    }
-    if (value.value === void 0) {
-      return;
-    }
-    x.value = event.clientX;
-    y.value = event.clientY;
-    target.value = resolveTarget(event.clientY);
-    scheduleExpand(target.value);
-    updateAutoScroll(event.clientY);
-  }
-  function onPointerUp() {
-    const dragged = value.value;
-    const dropped = target.value;
-    reset();
-    if (dragged !== void 0 && dropped) {
-      options.onCommit(dragged, dropped);
-    }
-  }
-  function onPointerCancel() {
-    reset();
-  }
-  function onKeydown(event) {
-    if (event.key === "Escape") {
-      reset();
-    }
-  }
-  function onPointerDown(nodeValue, event) {
-    if (armed || toValue(options.enabled) === false || event.button !== 0) {
-      return;
-    }
-    armed = { value: nodeValue, x: event.clientX, y: event.clientY };
-    window.addEventListener("pointermove", onPointerMove);
-    window.addEventListener("pointerup", onPointerUp);
-    window.addEventListener("pointercancel", onPointerCancel);
-  }
-  onScopeDispose(reset);
-  return { value, target, x, y, onPointerDown, cancel: reset };
-}

package/dist/composables/_internal/use-tree-move.d.ts

@@ -1,20 +0,0 @@
-import type { TreeDropTarget, TreeMoveDetail, TreeOptions } from '../../components/tree/types';
-import type { ComponentValue } from '../../types/shared';
-import type { TreeIndex } from './use-tree-rows';
-/**
- * Walks up from `value` looking for `ancestorValue`. Reached in O(depth) instead of scanning
- * `index.list`, which the hit test runs on every pointer move.
- */
-export declare function isTreeDescendant(index: TreeIndex, ancestorValue: ComponentValue, value: ComponentValue): boolean;
-export interface TreeMoveResult {
-    data: TreeOptions;
-    detail: TreeMoveDetail;
-}
-/**
- * Relocates a node relative to a target row.
- *
- * The node is detached before the target is looked up, which is what rejects the whole
- * family of invalid drops for free: the node itself and its own descendants are no longer
- * in the tree, so the insertion pass simply never finds them.
- */
-export declare function moveTreeNode(data: TreeOptions, childrenField: string, value: ComponentValue, target: TreeDropTarget): TreeMoveResult | undefined;