@expcat/tigercat-vue 1.5.0 → 2.0.0-preview.1

package/dist/chunk-AF7JZUTA.js

@@ -1,755 +0,0 @@
-"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 _chunkLKRT27JWjs = require('./chunk-LKRT27JW.js');
-
-
-var _chunkIXTYS3EKjs = require('./chunk-IXTYS3EK.js');
-
-// src/components/Tree.ts
-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.call(void 0, "span", { class: _tigercatcore.treeNodeIndentClasses });
-  }
-  return _vue.h.call(void 0, 
-    "svg",
-    {
-      class: _tigercatcore.getTreeNodeExpandIconClasses.call(void 0, expanded),
-      width: "16",
-      height: "16",
-      viewBox: "0 0 16 16",
-      fill: "currentColor"
-    },
-    [_vue.h.call(void 0, "path", { d: "M6 4l4 4-4 4V4z" })]
-  );
-};
-var LoadingSpinner = () => {
-  return _vue.h.call(void 0, 
-    "svg",
-    {
-      class: _tigercatcore.treeLoadingClasses,
-      xmlns: "http://www.w3.org/2000/svg",
-      fill: "none",
-      viewBox: spinnerSvg.viewBox
-    },
-    spinnerSvg.elements.map((el) => _vue.h.call(void 0, el.type, _tigercatcore.normalizeSvgAttrs.call(void 0, el.attrs)))
-  );
-};
-var Tree = _vue.defineComponent.call(void 0, {
-  name: "TigerTree",
-  inheritAttrs: false,
-  props: {
-    /**
-     * Tree data source
-     */
-    treeData: {
-      type: Array,
-      default: () => []
-    },
-    /**
-     * Selection mode
-     */
-    selectionMode: {
-      type: String
-    },
-    /**
-     * Whether to show checkboxes
-     */
-    checkable: {
-      type: Boolean,
-      default: false
-    },
-    /**
-     * Whether to show expand/collapse icon
-     */
-    showIcon: {
-      type: Boolean,
-      default: true
-    },
-    /**
-     * Whether to show connecting lines
-     */
-    showLine: {
-      type: Boolean,
-      default: false
-    },
-    /**
-     * Default expanded node keys
-     */
-    defaultExpandedKeys: {
-      type: Array,
-      default: () => []
-    },
-    /**
-     * Default selected node keys
-     */
-    defaultSelectedKeys: {
-      type: Array,
-      default: () => []
-    },
-    /**
-     * Default checked node keys
-     */
-    defaultCheckedKeys: {
-      type: Array,
-      default: () => []
-    },
-    /**
-     * Expanded node keys (controlled)
-     */
-    expandedKeys: {
-      type: Array
-    },
-    /**
-     * Selected node keys (controlled)
-     */
-    selectedKeys: {
-      type: Array
-    },
-    /**
-     * Checked node keys (controlled)
-     */
-    checkedKeys: {
-      type: [Array, Object]
-    },
-    /**
-     * Whether to expand all nodes by default
-     */
-    defaultExpandAll: {
-      type: Boolean,
-      default: false
-    },
-    /**
-     * Whether parent and children are associated when checked
-     */
-    checkStrictly: {
-      type: Boolean,
-      default: false
-    },
-    /**
-     * Check strategy for return values
-     */
-    checkStrategy: {
-      type: String,
-      default: "all"
-    },
-    /**
-     * Whether to allow node selection
-     */
-    selectable: {
-      type: Boolean,
-      default: true
-    },
-    /**
-     * Whether multiple nodes can be selected
-     */
-    multiple: {
-      type: Boolean,
-      default: false
-    },
-    /**
-     * Whether to load data asynchronously
-     */
-    loadData: {
-      type: Function
-    },
-    /**
-     * Filter value for highlighting matched nodes
-     */
-    filterValue: {
-      type: String,
-      default: ""
-    },
-    /**
-     * Whether to show built-in search input
-     */
-    searchable: {
-      type: Boolean,
-      default: false
-    },
-    /**
-     * Custom filter function
-     */
-    filterFn: {
-      type: Function
-    },
-    /**
-     * Whether to auto expand parent nodes when filtering
-     */
-    autoExpandParent: {
-      type: Boolean,
-      default: true
-    },
-    /**
-     * Block node style (full width)
-     */
-    blockNode: {
-      type: Boolean,
-      default: false
-    },
-    /**
-     * Empty state text
-     */
-    emptyText: {
-      type: String,
-      default: void 0
-    },
-    /**
-     * Accessible label for the tree container
-     */
-    ariaLabel: {
-      type: String,
-      default: "Tree"
-    },
-    /**
-     * Whether nodes are draggable
-     */
-    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
-    },
-    /**
-     * Additional CSS classes (applied to root element)
-     */
-    className: {
-      type: String,
-      default: void 0
-    },
-    /**
-     * Locale overrides merged on top of ConfigProvider locale
-     */
-    locale: {
-      type: Object,
-      default: void 0
-    }
-  },
-  emits: [
-    "expand",
-    "select",
-    "check",
-    "node-click",
-    "node-expand",
-    "node-collapse",
-    "update:expandedKeys",
-    "update:selectedKeys",
-    "update:checkedKeys",
-    "drop"
-  ],
-  setup(props, { emit, attrs }) {
-    const rootEl = _vue.ref.call(void 0, null);
-    const config = _chunkIXTYS3EKjs.useTigerConfig.call(void 0, );
-    const mergedLocale = _vue.computed.call(void 0, () => _tigercatcore.mergeTigerLocale.call(void 0, config.value.locale, props.locale));
-    const effectiveSelectable = _vue.computed.call(void 0, () => {
-      if (props.selectionMode !== void 0) {
-        return props.selectionMode !== "none";
-      }
-      return props.selectable;
-    });
-    const effectiveMultiple = _vue.computed.call(void 0, () => {
-      if (props.selectionMode !== void 0) {
-        return props.selectionMode === "multiple";
-      }
-      return props.multiple;
-    });
-    const internalExpandedKeys = _vue.ref.call(void 0, /* @__PURE__ */ new Set());
-    const dragNodeKey = _vue.ref.call(void 0, null);
-    function handleTreeDragStart(key) {
-      dragNodeKey.value = key;
-    }
-    function handleTreeDragOver(e) {
-      e.preventDefault();
-    }
-    function handleTreeDrop(targetKey) {
-      if (dragNodeKey.value === null || dragNodeKey.value === targetKey) {
-        dragNodeKey.value = null;
-        return;
-      }
-      emit("drop", {
-        dragKey: dragNodeKey.value,
-        dropKey: targetKey
-      });
-      dragNodeKey.value = null;
-    }
-    function handleTreeDragEnd() {
-      dragNodeKey.value = null;
-    }
-    const internalSelectedKeys = _vue.ref.call(void 0, 
-      new Set(_nullishCoalesce(props.selectedKeys, () => ( props.defaultSelectedKeys)))
-    );
-    const internalCheckedState = _vue.ref.call(void 0, 
-      (() => {
-        if (props.checkedKeys !== void 0) {
-          if (Array.isArray(props.checkedKeys)) {
-            return _tigercatcore.calculateCheckedState.call(void 0, props.treeData, props.checkedKeys, props.checkStrictly);
-          }
-          return props.checkedKeys;
-        }
-        return _tigercatcore.calculateCheckedState.call(void 0, props.treeData, props.defaultCheckedKeys, props.checkStrictly);
-      })()
-    );
-    _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.call(void 0, props.treeData) : [];
-          internalExpandedKeys.value = new Set(keys);
-        }
-      },
-      { immediate: true }
-    );
-    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.call(void 0, () => {
-      if (props.selectedKeys !== void 0) {
-        return new Set(props.selectedKeys);
-      }
-      return internalSelectedKeys.value;
-    });
-    const computedCheckedState = _vue.computed.call(void 0, () => {
-      if (props.checkedKeys !== void 0) {
-        if (Array.isArray(props.checkedKeys)) {
-          return _tigercatcore.calculateCheckedState.call(void 0, props.treeData, props.checkedKeys, props.checkStrictly);
-        }
-        return props.checkedKeys;
-      }
-      return internalCheckedState.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.call(void 0, 
-      () => visibleItems.value.filter((i) => !i.node.disabled).map((i) => i.key)
-    );
-    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.call(void 0, );
-        const target = _optionalChain([rootEl, 'access', _ => _.value, 'optionalAccess', _2 => _2.querySelector, 'call', _3 => _3(
-          `[data-tiger-treeitem-key="${String(key)}"]`
-        )]);
-        _optionalChain([target, 'optionalAccess', _4 => _4.focus, 'call', _5 => _5()]);
-      }
-    );
-    const internalSearchValue = _vue.ref.call(void 0, "");
-    const effectiveFilterValue = _vue.computed.call(void 0, 
-      () => props.searchable ? internalSearchValue.value : props.filterValue
-    );
-    _vue.watch.call(void 0, 
-      () => effectiveFilterValue.value,
-      (newValue) => {
-        if (newValue) {
-          const matched = _tigercatcore.filterTreeNodes.call(void 0, props.treeData, newValue, props.filterFn);
-          filteredNodeKeys.value = matched;
-          if (props.autoExpandParent) {
-            const autoExpand = _tigercatcore.getAutoExpandKeys.call(void 0, props.treeData, matched);
-            if (props.expandedKeys === void 0) {
-              internalExpandedKeys.value = /* @__PURE__ */ new Set([...internalExpandedKeys.value, ...autoExpand]);
-            }
-          }
-        } else {
-          filteredNodeKeys.value = /* @__PURE__ */ new Set();
-        }
-      },
-      { immediate: true }
-    );
-    function handleExpand(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);
-      if (isExpanded) {
-        newExpandedKeys.delete(nodeKey);
-        emit("node-collapse", node, nodeKey);
-      } else {
-        newExpandedKeys.add(nodeKey);
-        emit("node-expand", node, nodeKey);
-        if (props.loadData && !node.children && !node.isLeaf && !loadingNodes.value.has(nodeKey)) {
-          loadingNodes.value.add(nodeKey);
-          props.loadData(node).then((children) => {
-            node.children = children;
-            loadingNodes.value.delete(nodeKey);
-          }).catch(() => {
-            loadingNodes.value.delete(nodeKey);
-          });
-        }
-      }
-      if (props.expandedKeys === void 0) {
-        internalExpandedKeys.value = newExpandedKeys;
-      }
-      emit("update:expandedKeys", Array.from(newExpandedKeys));
-      emit("expand", Array.from(newExpandedKeys), {
-        expanded: !isExpanded,
-        node
-      });
-    }
-    function handleSelect(nodeKey, event) {
-      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) {
-        if (newSelectedKeys.has(nodeKey)) {
-          newSelectedKeys.delete(nodeKey);
-        } else {
-          newSelectedKeys.add(nodeKey);
-        }
-      } else {
-        newSelectedKeys.clear();
-        newSelectedKeys.add(nodeKey);
-      }
-      if (props.selectedKeys === void 0) {
-        internalSelectedKeys.value = newSelectedKeys;
-      }
-      const selectedKeysArray = Array.from(newSelectedKeys);
-      emit("update:selectedKeys", selectedKeysArray);
-      emit("select", selectedKeysArray, {
-        selected: newSelectedKeys.has(nodeKey),
-        selectedNodes: selectedKeysArray.map((k) => _tigercatcore.findNode.call(void 0, props.treeData, k)).filter(Boolean),
-        node,
-        event
-      });
-    }
-    function handleCheck(nodeKey, checked) {
-      const node = _tigercatcore.findNode.call(void 0, props.treeData, nodeKey);
-      if (!node || node.disabled) return;
-      const currentCheckedKeys = computedCheckedState.value.checked;
-      const newCheckedState = _tigercatcore.handleNodeCheck.call(void 0, 
-        props.treeData,
-        nodeKey,
-        checked,
-        currentCheckedKeys,
-        props.checkStrictly
-      );
-      if (props.checkedKeys === void 0) {
-        internalCheckedState.value = newCheckedState;
-      }
-      const returnKeys = _tigercatcore.getCheckedKeysByStrategy.call(void 0, 
-        newCheckedState,
-        props.treeData,
-        props.checkStrategy
-      );
-      emit("update:checkedKeys", returnKeys);
-      emit("check", returnKeys, {
-        checked,
-        checkedNodes: newCheckedState.checked.map((k) => _tigercatcore.findNode.call(void 0, props.treeData, k)).filter(Boolean),
-        node,
-        checkedNodesPositions: newCheckedState
-      });
-    }
-    function handleNodeClick(node, event) {
-      if (node.disabled) return;
-      emit("node-click", node, event);
-    }
-    function focusKey(key) {
-      if (key === void 0) return;
-      activeKey.value = key;
-    }
-    function getCurrentKey(fallbackKey) {
-      return _nullishCoalesce(_nullishCoalesce(activeKey.value, () => ( defaultActiveKey.value)), () => ( fallbackKey));
-    }
-    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);
-      const isChecked = checkedSets.value.checkedSet.has(node.key);
-      const isHalfChecked = checkedSets.value.halfCheckedSet.has(node.key);
-      const isLoading = loadingNodes.value.has(node.key);
-      const isFiltered = filteredNodeKeys.value.size > 0;
-      const isMatched = filteredNodeKeys.value.has(node.key);
-      const isVisible = !isFiltered || isMatched;
-      const isExpandable = hasChildren || !!(props.loadData && !node.isLeaf);
-      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.call(void 0, "span", { key: i, class: _tigercatcore.treeNodeIndentClasses }));
-      }
-      const nodeContent = [
-        ...indent,
-        _vue.h.call(void 0, 
-          "span",
-          {
-            class: isExpandable ? "cursor-pointer" : "",
-            onClick: (e) => {
-              e.stopPropagation();
-              if (isExpandable) {
-                activeKey.value = node.key;
-                handleExpand(node.key);
-              }
-            }
-          },
-          [ExpandIcon(isExpanded, isExpandable)]
-        ),
-        props.checkable ? _vue.h.call(void 0, "input", {
-          type: "checkbox",
-          class: _tigercatcore.treeNodeCheckboxClasses,
-          checked: isChecked,
-          indeterminate: isHalfChecked,
-          disabled: node.disabled,
-          "aria-label": `Select ${node.label}`,
-          onClick: (e) => e.stopPropagation(),
-          onChange: (e) => {
-            const target = e.target;
-            handleCheck(node.key, target.checked);
-          }
-        }) : null,
-        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.call(void 0, 
-              _tigercatcore.treeNodeLabelClasses,
-              isFiltered && isMatched ? "font-semibold text-[var(--tiger-primary,#2563eb)]" : ""
-            )
-          },
-          node.label
-        ),
-        isLoading ? LoadingSpinner() : null
-      ].filter(Boolean);
-      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 parents = _tigercatcore.getParentKeys.call(void 0, props.treeData, node.key);
-            const parentKey = parents[parents.length - 1];
-            const action = _tigercatcore.getTreeKeyboardAction.call(void 0, {
-              key: e.key,
-              nodeKey: node.key,
-              currentKey,
-              focusableKeys: focusableKeys.value,
-              parentKey,
-              firstChildKey: _tigercatcore.getFirstVisibleChildKey.call(void 0, visibleItems.value, node.key),
-              isExpandable,
-              isExpanded,
-              isParentExpanded: parentKey !== void 0 && computedExpandedKeys.value.has(parentKey),
-              isChecked,
-              selectable: effectiveSelectable.value,
-              checkable: !!props.checkable
-            });
-            if (!action) return;
-            e.preventDefault();
-            switch (action.type) {
-              case "focus":
-                focusKey(action.key);
-                break;
-              case "toggleExpand":
-                handleExpand(action.key);
-                break;
-              case "select":
-                handleSelect(action.key, e);
-                break;
-              case "check":
-                handleCheck(action.key, action.checked);
-                break;
-              case "collapseAndFocus":
-                if (action.collapseKey !== void 0) handleExpand(action.collapseKey);
-                focusKey(action.focusKey);
-                break;
-            }
-          },
-          onClick: (e) => {
-            activeKey.value = node.key;
-            handleNodeClick(node, e);
-            if (effectiveSelectable.value && !node.disabled) {
-              handleSelect(node.key, e);
-            }
-          }
-        },
-        nodeContent
-      );
-    }
-    function renderTreeNode(node, level) {
-      const children = _nullishCoalesce(node.children, () => ( []));
-      const hasChildren = 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
-        },
-        [
-          renderTreeRow(node, level),
-          hasChildren && isExpanded && _vue.h.call(void 0, 
-            "div",
-            {
-              class: _tigercatcore.classNames.call(void 0, _tigercatcore.treeNodeChildrenClasses, props.showLine && _tigercatcore.treeLineClasses)
-            },
-            children.map((child) => renderTreeNode(child, level + 1))
-          )
-        ]
-      );
-    }
-    return () => {
-      const rootClass = _tigercatcore.classNames.call(void 0, 
-        _tigercatcore.treeBaseClasses,
-        props.className,
-        _tigercatcore.coerceClassValue.call(void 0, attrs.class)
-      );
-      if (!props.treeData || props.treeData.length === 0) {
-        return _vue.h.call(void 0, 
-          "div",
-          {
-            ...attrs,
-            class: _tigercatcore.classNames.call(void 0, rootClass, "p-4"),
-            role: "tree",
-            "aria-label": props.ariaLabel
-          },
-          [
-            _vue.h.call(void 0, 
-              "div",
-              { class: _tigercatcore.treeEmptyStateClasses },
-              _tigercatcore.resolveLocaleText.call(void 0, "No data", props.emptyText, _optionalChain([mergedLocale, 'access', _6 => _6.value, 'optionalAccess', _7 => _7.common, 'optionalAccess', _8 => _8.emptyText]))
-            )
-          ]
-        );
-      }
-      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: _tigercatcore.resolveLocaleText.call(void 0, 
-          "Search...",
-          _optionalChain([mergedLocale, 'access', _9 => _9.value, 'optionalAccess', _10 => _10.common, 'optionalAccess', _11 => _11.searchPlaceholder])
-        ),
-        value: internalSearchValue.value,
-        onInput: (e) => {
-          internalSearchValue.value = e.target.value;
-        }
-      }) : null;
-      return _vue.h.call(void 0, 
-        "div",
-        {
-          ...attrs,
-          class: rootClass,
-          role: "tree",
-          "aria-label": props.ariaLabel,
-          "aria-multiselectable": effectiveMultiple.value ? true : void 0,
-          ref: rootEl
-        },
-        [
-          searchInput,
-          props.virtual ? _vue.h.call(void 0, 
-            _chunkLKRT27JWjs.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;