@expcat/tigercat-vue 1.0.7 → 1.2.0

package/dist/{chunk-ECUROLZ7.js → chunk-MFYBHMQL.js}

@@ -1,39 +1,67 @@
-'use strict';
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
 
-var vue = require('vue');
-var tigercatCore = require('@expcat/tigercat-core');
+var _chunk5F6P5Y4Kjs = require('./chunk-5F6P5Y4K.js');
 
 // src/components/Tree.ts
-var spinnerSvg = tigercatCore.getSpinnerSVG("spinner");
+var _vue = require('vue');
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+var _tigercatcore = require('@expcat/tigercat-core');
+var spinnerSvg = _tigercatcore.getSpinnerSVG.call(void 0, "spinner");
 var ExpandIcon = (expanded, hasChildren) => {
   if (!hasChildren) {
-    return vue.h("span", { class: tigercatCore.treeNodeIndentClasses });
+    return _vue.h.call(void 0, "span", { class: _tigercatcore.treeNodeIndentClasses });
   }
-  return vue.h(
+  return _vue.h.call(void 0, 
     "svg",
     {
-      class: tigercatCore.getTreeNodeExpandIconClasses(expanded),
+      class: _tigercatcore.getTreeNodeExpandIconClasses.call(void 0, expanded),
       width: "16",
       height: "16",
       viewBox: "0 0 16 16",
       fill: "currentColor"
     },
-    [vue.h("path", { d: "M6 4l4 4-4 4V4z" })]
+    [_vue.h.call(void 0, "path", { d: "M6 4l4 4-4 4V4z" })]
   );
 };
 var LoadingSpinner = () => {
-  return vue.h(
+  return _vue.h.call(void 0, 
     "svg",
     {
-      class: tigercatCore.treeLoadingClasses,
+      class: _tigercatcore.treeLoadingClasses,
       xmlns: "http://www.w3.org/2000/svg",
       fill: "none",
       viewBox: spinnerSvg.viewBox
     },
-    spinnerSvg.elements.map((el) => vue.h(el.type, tigercatCore.normalizeSvgAttrs(el.attrs)))
+    spinnerSvg.elements.map((el) => _vue.h.call(void 0, el.type, _tigercatcore.normalizeSvgAttrs.call(void 0, el.attrs)))
   );
 };
-var Tree = vue.defineComponent({
+var Tree = _vue.defineComponent.call(void 0, {
   name: "TigerTree",
   inheritAttrs: false,
   props: {
@@ -205,6 +233,29 @@ var Tree = vue.defineComponent({
     draggable: {
       type: Boolean,
       default: false
+    },
+    /**
+     * Enable virtualized rendering. The visible tree is flattened and rendered
+     * through `VirtualList` with fixed item height. Recommended for large
+     * trees (> ~200 visible items).
+     */
+    virtual: {
+      type: Boolean,
+      default: false
+    },
+    /**
+     * Pixel height of the virtualized scroll viewport.
+     */
+    height: {
+      type: Number,
+      default: 400
+    },
+    /**
+     * Pixel height of each virtualized tree row.
+     */
+    itemHeight: {
+      type: Number,
+      default: 32
     }
   },
   emits: [
@@ -220,21 +271,21 @@ var Tree = vue.defineComponent({
     "drop"
   ],
   setup(props, { emit, attrs }) {
-    const rootEl = vue.ref(null);
-    const effectiveSelectable = vue.computed(() => {
+    const rootEl = _vue.ref.call(void 0, null);
+    const effectiveSelectable = _vue.computed.call(void 0, () => {
       if (props.selectionMode !== void 0) {
         return props.selectionMode !== "none";
       }
       return props.selectable;
     });
-    const effectiveMultiple = vue.computed(() => {
+    const effectiveMultiple = _vue.computed.call(void 0, () => {
       if (props.selectionMode !== void 0) {
         return props.selectionMode === "multiple";
       }
       return props.multiple;
     });
-    const internalExpandedKeys = vue.ref(/* @__PURE__ */ new Set());
-    const dragNodeKey = vue.ref(null);
+    const internalExpandedKeys = _vue.ref.call(void 0, /* @__PURE__ */ new Set());
+    const dragNodeKey = _vue.ref.call(void 0, null);
     function handleTreeDragStart(key) {
       dragNodeKey.value = key;
     }
@@ -255,85 +306,85 @@ var Tree = vue.defineComponent({
     function handleTreeDragEnd() {
       dragNodeKey.value = null;
     }
-    const internalSelectedKeys = vue.ref(
-      new Set(props.selectedKeys ?? props.defaultSelectedKeys)
+    const internalSelectedKeys = _vue.ref.call(void 0, 
+      new Set(_nullishCoalesce(props.selectedKeys, () => ( props.defaultSelectedKeys)))
     );
-    const internalCheckedState = vue.ref(
+    const internalCheckedState = _vue.ref.call(void 0, 
       (() => {
         if (props.checkedKeys !== void 0) {
           if (Array.isArray(props.checkedKeys)) {
-            return tigercatCore.calculateCheckedState(props.treeData, props.checkedKeys, props.checkStrictly);
+            return _tigercatcore.calculateCheckedState.call(void 0, props.treeData, props.checkedKeys, props.checkStrictly);
           }
           return props.checkedKeys;
         }
-        return tigercatCore.calculateCheckedState(props.treeData, props.defaultCheckedKeys, props.checkStrictly);
+        return _tigercatcore.calculateCheckedState.call(void 0, props.treeData, props.defaultCheckedKeys, props.checkStrictly);
       })()
     );
-    vue.watch(
+    _vue.watch.call(void 0, 
       () => [props.treeData, props.defaultExpandAll],
       () => {
         if (props.expandedKeys === void 0) {
-          const keys = props.defaultExpandedKeys.length > 0 ? props.defaultExpandedKeys : props.defaultExpandAll ? tigercatCore.getAllKeys(props.treeData) : [];
+          const keys = props.defaultExpandedKeys.length > 0 ? props.defaultExpandedKeys : props.defaultExpandAll ? _tigercatcore.getAllKeys.call(void 0, props.treeData) : [];
           internalExpandedKeys.value = new Set(keys);
         }
       },
       { immediate: true }
     );
-    const loadingNodes = vue.ref(/* @__PURE__ */ new Set());
-    const filteredNodeKeys = vue.ref(/* @__PURE__ */ new Set());
-    const activeKey = vue.ref();
-    const computedExpandedKeys = vue.computed(() => {
+    const loadingNodes = _vue.ref.call(void 0, /* @__PURE__ */ new Set());
+    const filteredNodeKeys = _vue.ref.call(void 0, /* @__PURE__ */ new Set());
+    const activeKey = _vue.ref.call(void 0, );
+    const computedExpandedKeys = _vue.computed.call(void 0, () => {
       if (props.expandedKeys !== void 0) {
         return new Set(props.expandedKeys);
       }
       return internalExpandedKeys.value;
     });
-    const computedSelectedKeys = vue.computed(() => {
+    const computedSelectedKeys = _vue.computed.call(void 0, () => {
       if (props.selectedKeys !== void 0) {
         return new Set(props.selectedKeys);
       }
       return internalSelectedKeys.value;
     });
-    const computedCheckedState = vue.computed(() => {
+    const computedCheckedState = _vue.computed.call(void 0, () => {
       if (props.checkedKeys !== void 0) {
         if (Array.isArray(props.checkedKeys)) {
-          return tigercatCore.calculateCheckedState(props.treeData, props.checkedKeys, props.checkStrictly);
+          return _tigercatcore.calculateCheckedState.call(void 0, props.treeData, props.checkedKeys, props.checkStrictly);
         }
         return props.checkedKeys;
       }
       return internalCheckedState.value;
     });
-    const checkedSets = vue.computed(() => tigercatCore.checkedSetsFromState(computedCheckedState.value));
-    const visibleItems = vue.computed(
-      () => tigercatCore.getVisibleTreeItems(props.treeData, computedExpandedKeys.value, filteredNodeKeys.value)
+    const checkedSets = _vue.computed.call(void 0, () => _tigercatcore.checkedSetsFromState.call(void 0, computedCheckedState.value));
+    const visibleItems = _vue.computed.call(void 0, 
+      () => _tigercatcore.getVisibleTreeItems.call(void 0, props.treeData, computedExpandedKeys.value, filteredNodeKeys.value)
     );
-    const focusableKeys = vue.computed(
+    const focusableKeys = _vue.computed.call(void 0, 
       () => visibleItems.value.filter((i) => !i.node.disabled).map((i) => i.key)
     );
-    const defaultActiveKey = vue.computed(() => focusableKeys.value[0]);
-    vue.watch(
+    const defaultActiveKey = _vue.computed.call(void 0, () => focusableKeys.value[0]);
+    _vue.watch.call(void 0, 
       () => activeKey.value,
       async (key) => {
         if (key === void 0) return;
-        await vue.nextTick();
-        const target = rootEl.value?.querySelector(
+        await _vue.nextTick.call(void 0, );
+        const target = _optionalChain([rootEl, 'access', _ => _.value, 'optionalAccess', _2 => _2.querySelector, 'call', _3 => _3(
           `[data-tiger-treeitem-key="${String(key)}"]`
-        );
-        target?.focus();
+        )]);
+        _optionalChain([target, 'optionalAccess', _4 => _4.focus, 'call', _5 => _5()]);
       }
     );
-    const internalSearchValue = vue.ref("");
-    const effectiveFilterValue = vue.computed(
+    const internalSearchValue = _vue.ref.call(void 0, "");
+    const effectiveFilterValue = _vue.computed.call(void 0, 
       () => props.searchable ? internalSearchValue.value : props.filterValue
     );
-    vue.watch(
+    _vue.watch.call(void 0, 
       () => effectiveFilterValue.value,
       (newValue) => {
         if (newValue) {
-          const matched = tigercatCore.filterTreeNodes(props.treeData, newValue, props.filterFn);
+          const matched = _tigercatcore.filterTreeNodes.call(void 0, props.treeData, newValue, props.filterFn);
           filteredNodeKeys.value = matched;
           if (props.autoExpandParent) {
-            const autoExpand = tigercatCore.getAutoExpandKeys(props.treeData, matched);
+            const autoExpand = _tigercatcore.getAutoExpandKeys.call(void 0, props.treeData, matched);
             if (props.expandedKeys === void 0) {
               internalExpandedKeys.value = /* @__PURE__ */ new Set([...internalExpandedKeys.value, ...autoExpand]);
             }
@@ -345,7 +396,7 @@ var Tree = vue.defineComponent({
       { immediate: true }
     );
     function handleExpand(nodeKey) {
-      const node = tigercatCore.findNode(props.treeData, nodeKey);
+      const node = _tigercatcore.findNode.call(void 0, props.treeData, nodeKey);
       if (!node) return;
       const newExpandedKeys = new Set(computedExpandedKeys.value);
       const isExpanded = newExpandedKeys.has(nodeKey);
@@ -376,7 +427,7 @@ var Tree = vue.defineComponent({
       });
     }
     function handleSelect(nodeKey, event) {
-      const node = tigercatCore.findNode(props.treeData, nodeKey);
+      const node = _tigercatcore.findNode.call(void 0, props.treeData, nodeKey);
       if (!node || node.disabled || !effectiveSelectable.value) return;
       const newSelectedKeys = new Set(computedSelectedKeys.value);
       if (effectiveMultiple.value) {
@@ -396,16 +447,16 @@ var Tree = vue.defineComponent({
       emit("update:selectedKeys", selectedKeysArray);
       emit("select", selectedKeysArray, {
         selected: newSelectedKeys.has(nodeKey),
-        selectedNodes: selectedKeysArray.map((k) => tigercatCore.findNode(props.treeData, k)).filter(Boolean),
+        selectedNodes: selectedKeysArray.map((k) => _tigercatcore.findNode.call(void 0, props.treeData, k)).filter(Boolean),
         node,
         event
       });
     }
     function handleCheck(nodeKey, checked) {
-      const node = tigercatCore.findNode(props.treeData, nodeKey);
+      const node = _tigercatcore.findNode.call(void 0, props.treeData, nodeKey);
       if (!node || node.disabled) return;
       const currentCheckedKeys = computedCheckedState.value.checked;
-      const newCheckedState = tigercatCore.handleNodeCheck(
+      const newCheckedState = _tigercatcore.handleNodeCheck.call(void 0, 
         props.treeData,
         nodeKey,
         checked,
@@ -415,7 +466,7 @@ var Tree = vue.defineComponent({
       if (props.checkedKeys === void 0) {
         internalCheckedState.value = newCheckedState;
       }
-      const returnKeys = tigercatCore.getCheckedKeysByStrategy(
+      const returnKeys = _tigercatcore.getCheckedKeysByStrategy.call(void 0, 
         newCheckedState,
         props.treeData,
         props.checkStrategy
@@ -423,7 +474,7 @@ var Tree = vue.defineComponent({
       emit("update:checkedKeys", returnKeys);
       emit("check", returnKeys, {
         checked,
-        checkedNodes: newCheckedState.checked.map((k) => tigercatCore.findNode(props.treeData, k)).filter(Boolean),
+        checkedNodes: newCheckedState.checked.map((k) => _tigercatcore.findNode.call(void 0, props.treeData, k)).filter(Boolean),
         node,
         checkedNodesPositions: newCheckedState
       });
@@ -437,7 +488,7 @@ var Tree = vue.defineComponent({
       activeKey.value = key;
     }
     function getCurrentKey(fallbackKey) {
-      return activeKey.value ?? defaultActiveKey.value ?? fallbackKey;
+      return _nullishCoalesce(_nullishCoalesce(activeKey.value, () => ( defaultActiveKey.value)), () => ( fallbackKey));
     }
     function getNavigationIndex(key) {
       return focusableKeys.value.findIndex((k) => k === key);
@@ -454,7 +505,7 @@ var Tree = vue.defineComponent({
       }
       return void 0;
     }
-    function renderTreeNode(node, level) {
+    function renderTreeRow(node, level) {
       const hasChildren = !!(node.children && node.children.length > 0);
       const isExpanded = computedExpandedKeys.value.has(node.key);
       const isSelected = computedSelectedKeys.value.has(node.key);
@@ -465,19 +516,17 @@ var Tree = vue.defineComponent({
       const isMatched = filteredNodeKeys.value.has(node.key);
       const isVisible = !isFiltered || isMatched;
       const isExpandable = hasChildren || !!(props.loadData && !node.isLeaf);
-      const isFocusable = !node.disabled && node.key === (activeKey.value ?? defaultActiveKey.value);
+      const isFocusable = !node.disabled && node.key === (_nullishCoalesce(activeKey.value, () => ( defaultActiveKey.value)));
       if (!isVisible) {
         return null;
       }
       const indent = [];
       for (let i = 0; i < level; i++) {
-        indent.push(vue.h("span", { key: i, class: tigercatCore.treeNodeIndentClasses }));
+        indent.push(_vue.h.call(void 0, "span", { key: i, class: _tigercatcore.treeNodeIndentClasses }));
       }
       const nodeContent = [
-        // Indentation
         ...indent,
-        // Expand icon
-        vue.h(
+        _vue.h.call(void 0, 
           "span",
           {
             class: isExpandable ? "cursor-pointer" : "",
@@ -491,10 +540,9 @@ var Tree = vue.defineComponent({
           },
           [ExpandIcon(isExpanded, isExpandable)]
         ),
-        // Checkbox
-        props.checkable ? vue.h("input", {
+        props.checkable ? _vue.h.call(void 0, "input", {
           type: "checkbox",
-          class: tigercatCore.treeNodeCheckboxClasses,
+          class: _tigercatcore.treeNodeCheckboxClasses,
           checked: isChecked,
           indeterminate: isHalfChecked,
           disabled: node.disabled,
@@ -505,176 +553,181 @@ var Tree = vue.defineComponent({
             handleCheck(node.key, target.checked);
           }
         }) : null,
-        // Icon (if provided)
-        props.showIcon && node.icon ? vue.h("span", { class: tigercatCore.treeNodeIconClasses }, node.icon) : null,
-        // Label
-        vue.h(
+        props.showIcon && node.icon ? _vue.h.call(void 0, "span", { class: _tigercatcore.treeNodeIconClasses }, node.icon) : null,
+        _vue.h.call(void 0, 
           "span",
           {
-            class: tigercatCore.classNames(
-              tigercatCore.treeNodeLabelClasses,
+            class: _tigercatcore.classNames.call(void 0, 
+              _tigercatcore.treeNodeLabelClasses,
               isFiltered && isMatched ? "font-semibold text-[var(--tiger-primary,#2563eb)]" : ""
             )
           },
           node.label
         ),
-        // Loading indicator
         isLoading ? LoadingSpinner() : null
       ].filter(Boolean);
-      const treeNode = vue.h(
+      return _vue.h.call(void 0, 
+        "div",
+        {
+          class: _tigercatcore.getTreeNodeClasses.call(void 0, isSelected, !!node.disabled, props.blockNode),
+          "data-tiger-treeitem-key": String(node.key),
+          role: "treeitem",
+          "aria-level": level + 1,
+          "aria-disabled": node.disabled ? true : void 0,
+          "aria-selected": effectiveSelectable.value ? isSelected ? true : false : void 0,
+          "aria-expanded": isExpandable ? isExpanded ? true : false : void 0,
+          "aria-checked": props.checkable ? isHalfChecked ? "mixed" : isChecked : void 0,
+          tabIndex: isFocusable ? 0 : -1,
+          draggable: props.draggable && !node.disabled ? true : void 0,
+          onDragstart: props.draggable && !node.disabled ? (e) => {
+            e.stopPropagation();
+            handleTreeDragStart(node.key);
+          } : void 0,
+          onDragover: props.draggable ? handleTreeDragOver : void 0,
+          onDrop: props.draggable ? (e) => {
+            e.preventDefault();
+            e.stopPropagation();
+            handleTreeDrop(node.key);
+          } : void 0,
+          onDragend: props.draggable ? handleTreeDragEnd : void 0,
+          onFocus: () => {
+            if (!node.disabled) activeKey.value = node.key;
+          },
+          onKeydown: (e) => {
+            if (node.disabled) return;
+            const currentKey = getCurrentKey(node.key);
+            const currentIndex = getNavigationIndex(currentKey);
+            const parents = _tigercatcore.getParentKeys.call(void 0, props.treeData, node.key);
+            const parentKey = parents[parents.length - 1];
+            if (e.key === "ArrowDown") {
+              e.preventDefault();
+              focusKey(_nullishCoalesce(focusableKeys.value[currentIndex + 1], () => ( currentKey)));
+              return;
+            }
+            if (e.key === "ArrowUp") {
+              e.preventDefault();
+              focusKey(_nullishCoalesce(focusableKeys.value[currentIndex - 1], () => ( currentKey)));
+              return;
+            }
+            if (e.key === "Home") {
+              e.preventDefault();
+              focusKey(_nullishCoalesce(focusableKeys.value[0], () => ( currentKey)));
+              return;
+            }
+            if (e.key === "End") {
+              e.preventDefault();
+              focusKey(_nullishCoalesce(focusableKeys.value[focusableKeys.value.length - 1], () => ( currentKey)));
+              return;
+            }
+            if (e.key === "ArrowRight") {
+              e.preventDefault();
+              if (isExpandable && !isExpanded) {
+                handleExpand(node.key);
+                return;
+              }
+              if (isExpandable && isExpanded) {
+                focusKey(_nullishCoalesce(getFirstChildKey(node.key), () => ( currentKey)));
+              }
+              return;
+            }
+            if (e.key === "ArrowLeft") {
+              e.preventDefault();
+              if (isExpandable && isExpanded) {
+                handleExpand(node.key);
+                return;
+              }
+              focusKey(_nullishCoalesce(parentKey, () => ( currentKey)));
+              return;
+            }
+            if (e.key === "Escape") {
+              e.preventDefault();
+              if (isExpandable && isExpanded) {
+                handleExpand(node.key);
+                return;
+              }
+              if (parentKey !== void 0) {
+                if (computedExpandedKeys.value.has(parentKey)) {
+                  handleExpand(parentKey);
+                }
+                focusKey(parentKey);
+              }
+              return;
+            }
+            if (e.key === "Enter") {
+              e.preventDefault();
+              if (effectiveSelectable.value) {
+                handleSelect(node.key, e);
+                return;
+              }
+              if (isExpandable) {
+                handleExpand(node.key);
+              }
+              return;
+            }
+            if (e.key === " ") {
+              e.preventDefault();
+              if (props.checkable) {
+                handleCheck(node.key, !isChecked);
+                return;
+              }
+              if (isExpandable) {
+                handleExpand(node.key);
+              }
+            }
+          },
+          onClick: (e) => {
+            activeKey.value = node.key;
+            handleNodeClick(node, e);
+            if (effectiveSelectable.value && !node.disabled) {
+              handleSelect(node.key, e);
+            }
+          }
+        },
+        nodeContent
+      );
+    }
+    function renderTreeNode(node, level) {
+      const hasChildren = !!(node.children && node.children.length > 0);
+      const isExpanded = computedExpandedKeys.value.has(node.key);
+      const isFiltered = filteredNodeKeys.value.size > 0;
+      const isMatched = filteredNodeKeys.value.has(node.key);
+      const isVisible = !isFiltered || isMatched;
+      if (!isVisible) {
+        return null;
+      }
+      return _vue.h.call(void 0, 
         "div",
         {
           key: node.key,
-          class: tigercatCore.treeNodeWrapperClasses
+          class: _tigercatcore.treeNodeWrapperClasses
         },
         [
-          // Node content
-          vue.h(
+          renderTreeRow(node, level),
+          hasChildren && isExpanded && _vue.h.call(void 0, 
             "div",
             {
-              class: tigercatCore.getTreeNodeClasses(isSelected, !!node.disabled, props.blockNode),
-              "data-tiger-treeitem-key": String(node.key),
-              role: "treeitem",
-              "aria-level": level + 1,
-              "aria-disabled": node.disabled ? true : void 0,
-              "aria-selected": effectiveSelectable.value ? isSelected ? true : false : void 0,
-              "aria-expanded": isExpandable ? isExpanded ? true : false : void 0,
-              "aria-checked": props.checkable ? isHalfChecked ? "mixed" : isChecked : void 0,
-              tabIndex: isFocusable ? 0 : -1,
-              draggable: props.draggable && !node.disabled ? true : void 0,
-              onDragstart: props.draggable && !node.disabled ? (e) => {
-                e.stopPropagation();
-                handleTreeDragStart(node.key);
-              } : void 0,
-              onDragover: props.draggable ? handleTreeDragOver : void 0,
-              onDrop: props.draggable ? (e) => {
-                e.preventDefault();
-                e.stopPropagation();
-                handleTreeDrop(node.key);
-              } : void 0,
-              onDragend: props.draggable ? handleTreeDragEnd : void 0,
-              onFocus: () => {
-                if (!node.disabled) activeKey.value = node.key;
-              },
-              onKeydown: (e) => {
-                if (node.disabled) return;
-                const currentKey = getCurrentKey(node.key);
-                const currentIndex = getNavigationIndex(currentKey);
-                const parents = tigercatCore.getParentKeys(props.treeData, node.key);
-                const parentKey = parents[parents.length - 1];
-                if (e.key === "ArrowDown") {
-                  e.preventDefault();
-                  focusKey(focusableKeys.value[currentIndex + 1] ?? currentKey);
-                  return;
-                }
-                if (e.key === "ArrowUp") {
-                  e.preventDefault();
-                  focusKey(focusableKeys.value[currentIndex - 1] ?? currentKey);
-                  return;
-                }
-                if (e.key === "Home") {
-                  e.preventDefault();
-                  focusKey(focusableKeys.value[0] ?? currentKey);
-                  return;
-                }
-                if (e.key === "End") {
-                  e.preventDefault();
-                  focusKey(focusableKeys.value[focusableKeys.value.length - 1] ?? currentKey);
-                  return;
-                }
-                if (e.key === "ArrowRight") {
-                  e.preventDefault();
-                  if (isExpandable && !isExpanded) {
-                    handleExpand(node.key);
-                    return;
-                  }
-                  if (isExpandable && isExpanded) {
-                    focusKey(getFirstChildKey(node.key) ?? currentKey);
-                  }
-                  return;
-                }
-                if (e.key === "ArrowLeft") {
-                  e.preventDefault();
-                  if (isExpandable && isExpanded) {
-                    handleExpand(node.key);
-                    return;
-                  }
-                  focusKey(parentKey ?? currentKey);
-                  return;
-                }
-                if (e.key === "Escape") {
-                  e.preventDefault();
-                  if (isExpandable && isExpanded) {
-                    handleExpand(node.key);
-                    return;
-                  }
-                  if (parentKey !== void 0) {
-                    if (computedExpandedKeys.value.has(parentKey)) {
-                      handleExpand(parentKey);
-                    }
-                    focusKey(parentKey);
-                  }
-                  return;
-                }
-                if (e.key === "Enter") {
-                  e.preventDefault();
-                  if (effectiveSelectable.value) {
-                    handleSelect(node.key, e);
-                    return;
-                  }
-                  if (isExpandable) {
-                    handleExpand(node.key);
-                  }
-                  return;
-                }
-                if (e.key === " ") {
-                  e.preventDefault();
-                  if (props.checkable) {
-                    handleCheck(node.key, !isChecked);
-                    return;
-                  }
-                  if (isExpandable) {
-                    handleExpand(node.key);
-                  }
-                }
-              },
-              onClick: (e) => {
-                activeKey.value = node.key;
-                handleNodeClick(node, e);
-                if (effectiveSelectable.value && !node.disabled) {
-                  handleSelect(node.key, e);
-                }
-              }
-            },
-            nodeContent
-          ),
-          // Children
-          hasChildren && isExpanded && vue.h(
-            "div",
-            {
-              class: tigercatCore.classNames(tigercatCore.treeNodeChildrenClasses, props.showLine && tigercatCore.treeLineClasses)
+              class: _tigercatcore.classNames.call(void 0, _tigercatcore.treeNodeChildrenClasses, props.showLine && _tigercatcore.treeLineClasses)
             },
             node.children.map((child) => renderTreeNode(child, level + 1))
           )
         ]
       );
-      return treeNode;
     }
     return () => {
-      const rootClass = tigercatCore.classNames(tigercatCore.treeBaseClasses, tigercatCore.coerceClassValue(attrs.class));
+      const rootClass = _tigercatcore.classNames.call(void 0, _tigercatcore.treeBaseClasses, _tigercatcore.coerceClassValue.call(void 0, attrs.class));
       if (!props.treeData || props.treeData.length === 0) {
-        return vue.h(
+        return _vue.h.call(void 0, 
           "div",
           {
             ...attrs,
-            class: tigercatCore.classNames(rootClass, "p-4"),
+            class: _tigercatcore.classNames.call(void 0, rootClass, "p-4"),
             role: "tree",
             "aria-label": props.ariaLabel
           },
-          [vue.h("div", { class: tigercatCore.treeEmptyStateClasses }, props.emptyText)]
+          [_vue.h.call(void 0, "div", { class: _tigercatcore.treeEmptyStateClasses }, props.emptyText)]
         );
       }
-      const searchInput = props.searchable ? vue.h("input", {
+      const searchInput = props.searchable ? _vue.h.call(void 0, "input", {
         type: "text",
         class: "w-full mb-2 px-2 py-1 text-sm border border-[var(--tiger-border,#e5e7eb)] rounded bg-[var(--tiger-surface,#ffffff)] focus:outline-none focus:ring-1 focus:ring-[var(--tiger-primary,#2563eb)]",
         placeholder: "Search...",
@@ -683,7 +736,7 @@ var Tree = vue.defineComponent({
           internalSearchValue.value = e.target.value;
         }
       }) : null;
-      return vue.h(
+      return _vue.h.call(void 0, 
         "div",
         {
           ...attrs,
@@ -693,12 +746,31 @@ var Tree = vue.defineComponent({
           "aria-multiselectable": effectiveMultiple.value ? true : void 0,
           ref: rootEl
         },
-        [searchInput, ...props.treeData.map((node) => renderTreeNode(node, 0))]
+        [
+          searchInput,
+          props.virtual ? _vue.h.call(void 0, 
+            _chunk5F6P5Y4Kjs.VirtualList,
+            {
+              itemCount: visibleItems.value.length,
+              itemHeight: props.itemHeight,
+              height: props.height
+            },
+            {
+              default: ({ index }) => {
+                const item = visibleItems.value[index];
+                if (!item) return null;
+                return renderTreeRow(item.node, item.level - 1);
+              }
+            }
+          ) : props.treeData.map((node) => renderTreeNode(node, 0))
+        ]
       );
     };
   }
 });
 var Tree_default = Tree;
 
-exports.Tree = Tree;
-exports.Tree_default = Tree_default;
+
+
+
+exports.Tree = Tree; exports.Tree_default = Tree_default;