@qingmingmu/components 0.1.0-beta.0

package/es/shared/components.CMtYH41Z.mjs

@@ -0,0 +1,326 @@
+import { ref, computed, watch, defineComponent, useId, useSlots, onMounted, onBeforeUnmount, openBlock, createElementBlock, Fragment, createCommentVNode, createElementVNode, normalizeClass, renderSlot, createBlock, Teleport, createVNode, Transition, withCtx, normalizeStyle, createTextVNode, toDisplayString } from 'vue';
+import { u as usePositioning } from './components.DqdBSuxX.mjs';
+import { _ as _export_sfc } from './components.pcqpp-6-.mjs';
+
+const popoverProps = {
+  /** 标题文案（也可用 title 插槽覆盖） */
+  title: { type: String, default: "" },
+  /** 弹出位置：top/bottom/left/right，默认 bottom */
+  placement: { type: String, default: "bottom" },
+  /** 触发方式，默认 click */
+  trigger: { type: String, default: "click" },
+  /** 禁用整个触发器（不展开） */
+  disabled: { type: Boolean, default: false },
+  /** 是否显示连接箭头，默认 true */
+  showArrow: { type: Boolean, default: true },
+  /** 自定义宽度（CSS 宽度字符串，如 '240px'）；缺省走 min/max-width Token */
+  width: { type: String, default: "" },
+  /** Teleport 挂载目标，默认 body */
+  appendTo: { type: String, default: "body" },
+  /** 受控显隐（v-model:visible）；未传即非受控，组件内自维护 */
+  visible: { type: Boolean, default: void 0 }
+};
+
+const HOVER_OPEN_DELAY = 80;
+const HOVER_CLOSE_DELAY = 100;
+function usePopover(options) {
+  const { visible, trigger, disabled, triggerRef, panelRef, emitUpdate, emitShow, emitHide } = options;
+  const innerOpen = ref(false);
+  const isControlled = computed(() => visible.value !== void 0);
+  const open = computed(
+    () => isControlled.value ? Boolean(visible.value) : innerOpen.value
+  );
+  let hoverOpenTimer = null;
+  let hoverCloseTimer = null;
+  function clearHoverTimers() {
+    if (hoverOpenTimer !== null) {
+      clearTimeout(hoverOpenTimer);
+      hoverOpenTimer = null;
+    }
+    if (hoverCloseTimer !== null) {
+      clearTimeout(hoverCloseTimer);
+      hoverCloseTimer = null;
+    }
+  }
+  function setOpen(value) {
+    if (value && disabled.value)
+      return;
+    if (open.value === value)
+      return;
+    if (isControlled.value) {
+      emitUpdate(value);
+    } else {
+      innerOpen.value = value;
+    }
+    if (value)
+      emitShow();
+    else emitHide();
+  }
+  function show() {
+    clearHoverTimers();
+    setOpen(true);
+  }
+  function hide() {
+    clearHoverTimers();
+    setOpen(false);
+  }
+  function toggle() {
+    clearHoverTimers();
+    if (open.value)
+      hide();
+    else show();
+  }
+  function onTriggerClick() {
+    if (trigger.value !== "click")
+      return;
+    toggle();
+  }
+  function onTriggerMouseenter() {
+    if (trigger.value !== "hover")
+      return;
+    if (hoverCloseTimer !== null) {
+      clearTimeout(hoverCloseTimer);
+      hoverCloseTimer = null;
+    }
+    if (open.value)
+      return;
+    hoverOpenTimer = setTimeout(() => {
+      hoverOpenTimer = null;
+      show();
+    }, HOVER_OPEN_DELAY);
+  }
+  function onTriggerMouseleave() {
+    if (trigger.value !== "hover")
+      return;
+    scheduleClose();
+  }
+  function onTriggerFocus() {
+    if (trigger.value !== "focus")
+      return;
+    show();
+  }
+  function onTriggerBlur() {
+    if (trigger.value !== "focus")
+      return;
+    hide();
+  }
+  function onPanelMouseenter() {
+    if (trigger.value !== "hover")
+      return;
+    if (hoverCloseTimer !== null) {
+      clearTimeout(hoverCloseTimer);
+      hoverCloseTimer = null;
+    }
+  }
+  function onPanelMouseleave() {
+    if (trigger.value !== "hover")
+      return;
+    scheduleClose();
+  }
+  function scheduleClose() {
+    if (hoverOpenTimer !== null) {
+      clearTimeout(hoverOpenTimer);
+      hoverOpenTimer = null;
+    }
+    if (!open.value)
+      return;
+    hoverCloseTimer = setTimeout(() => {
+      hoverCloseTimer = null;
+      hide();
+    }, HOVER_CLOSE_DELAY);
+  }
+  function onDocumentMousedown(event) {
+    const target = event.target;
+    if (!target)
+      return;
+    if (triggerRef.value?.contains(target) || panelRef.value?.contains(target))
+      return;
+    hide();
+  }
+  function onDocumentKeydown(event) {
+    if (event.key === "Escape" && open.value)
+      hide();
+  }
+  watch(
+    open,
+    (val) => {
+      if (val) {
+        document.addEventListener("mousedown", onDocumentMousedown, true);
+        document.addEventListener("keydown", onDocumentKeydown, true);
+      } else {
+        document.removeEventListener("mousedown", onDocumentMousedown, true);
+        document.removeEventListener("keydown", onDocumentKeydown, true);
+      }
+    },
+    { immediate: true }
+  );
+  function dispose() {
+    clearHoverTimers();
+    document.removeEventListener("mousedown", onDocumentMousedown, true);
+    document.removeEventListener("keydown", onDocumentKeydown, true);
+  }
+  return {
+    open,
+    show,
+    hide,
+    toggle,
+    onTriggerClick,
+    onTriggerMouseenter,
+    onTriggerMouseleave,
+    onTriggerFocus,
+    onTriggerBlur,
+    onPanelMouseenter,
+    onPanelMouseleave,
+    dispose
+  };
+}
+
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{ name: "QmPopover" },
+  __name: "popover",
+  props: popoverProps,
+  emits: ["update:visible", "show", "hide"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    __expose();
+    const props = __props;
+    const emit = __emit;
+    const uid = useId();
+    const panelId = `qm-popover-panel-${uid}`;
+    const headerId = `qm-popover-header-${uid}`;
+    const triggerRef = ref(null);
+    const panelRef = ref(null);
+    const popoverSlots = useSlots();
+    const visibleRef = computed(() => props.visible);
+    const triggerMode = computed(() => props.trigger);
+    const disabled = computed(() => props.disabled);
+    const popover = usePopover({
+      visible: visibleRef,
+      trigger: triggerMode,
+      disabled,
+      triggerRef,
+      panelRef,
+      emitUpdate: (value) => emit("update:visible", value),
+      emitShow: () => emit("show"),
+      emitHide: () => emit("hide")
+    });
+    const { open } = popover;
+    const placementRef = computed(() => props.placement);
+    const {
+      positionStyle,
+      updatePosition,
+      startAutoReposition,
+      stopAutoReposition,
+      dispose: disposePositioning
+    } = usePositioning({
+      triggerRef,
+      panelRef,
+      placement: placementRef,
+      offset: 10,
+      // --qm-popover-offset
+      flip: true
+    });
+    const cardStyle = computed(() => {
+      const style = { ...positionStyle.value };
+      if (props.width)
+        style.width = props.width;
+      return style;
+    });
+    const hasHeader = computed(() => Boolean(props.title) || Boolean(popoverSlots.title));
+    watch(
+      open,
+      (val) => {
+        if (val) {
+          void updatePosition();
+          startAutoReposition();
+        } else {
+          stopAutoReposition();
+        }
+      },
+      { flush: "post" }
+    );
+    onMounted(() => {
+      if (open.value)
+        void updatePosition();
+    });
+    onBeforeUnmount(() => {
+      stopAutoReposition();
+      disposePositioning();
+      popover.dispose();
+    });
+    const __returned__ = { props, emit, uid, panelId, headerId, triggerRef, panelRef, popoverSlots, visibleRef, triggerMode, disabled, popover, open, placementRef, positionStyle, updatePosition, startAutoReposition, stopAutoReposition, disposePositioning, cardStyle, hasHeader };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
+  }
+});
+
+const _hoisted_1 = [
+	"tabindex",
+	"aria-expanded",
+	"aria-controls",
+	"aria-disabled"
+];
+const _hoisted_2 = ["aria-labelledby", "aria-label"];
+const _hoisted_3 = {
+	key: 0,
+	class: "qm-popover__arrow",
+	"aria-hidden": "true"
+};
+const _hoisted_4 = { class: "qm-popover__body" };
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+	return openBlock(), createElementBlock(
+		Fragment,
+		null,
+		[
+			createCommentVNode(" 触发器（default 插槽）；包装承担 button 语义以合法携带 aria-expanded/controls "),
+			createElementVNode("span", {
+				ref: "triggerRef",
+				class: normalizeClass(["qm-popover__trigger", { "qm-popover__trigger--disabled": $setup.disabled }]),
+				role: "button",
+				tabindex: $setup.disabled ? -1 : 0,
+				"aria-expanded": $setup.open,
+				"aria-controls": $setup.open ? $setup.panelId : undefined,
+				"aria-haspopup": "true",
+				"aria-disabled": $setup.disabled || undefined,
+				onClick: _cache[0] || (_cache[0] = (...args) => $setup.popover.onTriggerClick && $setup.popover.onTriggerClick(...args)),
+				onMouseenter: _cache[1] || (_cache[1] = (...args) => $setup.popover.onTriggerMouseenter && $setup.popover.onTriggerMouseenter(...args)),
+				onMouseleave: _cache[2] || (_cache[2] = (...args) => $setup.popover.onTriggerMouseleave && $setup.popover.onTriggerMouseleave(...args)),
+				onFocus: _cache[3] || (_cache[3] = (...args) => $setup.popover.onTriggerFocus && $setup.popover.onTriggerFocus(...args)),
+				onBlur: _cache[4] || (_cache[4] = (...args) => $setup.popover.onTriggerBlur && $setup.popover.onTriggerBlur(...args))
+			}, [renderSlot(_ctx.$slots, "default")], 42, _hoisted_1),
+			createCommentVNode(" 浮层卡片（Teleport 到 appendTo，fixed 定位） "),
+			(openBlock(), createBlock(Teleport, { to: _ctx.appendTo }, [createVNode(Transition, { name: "qm-popover" }, {
+				default: withCtx(() => [$setup.open ? (openBlock(), createElementBlock("div", {
+					key: 0,
+					id: $setup.panelId,
+					ref: "panelRef",
+					class: normalizeClass(["qm-popover", [`qm-popover--${_ctx.placement}`, { "qm-popover--no-arrow": !_ctx.showArrow }]]),
+					style: normalizeStyle($setup.cardStyle),
+					role: "dialog",
+					"aria-modal": "false",
+					"aria-labelledby": $setup.hasHeader ? $setup.headerId : undefined,
+					"aria-label": $setup.hasHeader ? undefined : "弹出卡片",
+					onMouseenter: _cache[5] || (_cache[5] = (...args) => $setup.popover.onPanelMouseenter && $setup.popover.onPanelMouseenter(...args)),
+					onMouseleave: _cache[6] || (_cache[6] = (...args) => $setup.popover.onPanelMouseleave && $setup.popover.onPanelMouseleave(...args))
+				}, [
+					_ctx.showArrow ? (openBlock(), createElementBlock("div", _hoisted_3)) : createCommentVNode("v-if", true),
+					$setup.hasHeader ? (openBlock(), createElementBlock("div", {
+						key: 1,
+						id: $setup.headerId,
+						class: "qm-popover__header"
+					}, [renderSlot(_ctx.$slots, "title", {}, () => [createTextVNode(
+						toDisplayString(_ctx.title),
+						1
+						/* TEXT */
+					)])])) : createCommentVNode("v-if", true),
+					createElementVNode("div", _hoisted_4, [renderSlot(_ctx.$slots, "content")])
+				], 46, _hoisted_2)) : createCommentVNode("v-if", true)]),
+				_: 3
+			})], 8, ["to"]))
+		],
+		64
+		/* STABLE_FRAGMENT */
+	);
+}
+const Popover = /*#__PURE__*/ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "F:\\软件开发\\青冥组件系统\\packages\\components\\src\\components\\popover\\popover.vue"]]);
+
+export { HOVER_CLOSE_DELAY as H, Popover as P, HOVER_OPEN_DELAY as a, popoverProps as p, usePopover as u };

package/es/shared/components.CPjbxzIv.mjs

@@ -0,0 +1,381 @@
+import { defineComponent, inject, computed, resolveComponent, openBlock, createElementBlock, createElementVNode, normalizeStyle, normalizeClass, createVNode, createBlock, Fragment, createTextVNode, toDisplayString, renderList, createCommentVNode, useSlots, ref, watch, provide, nextTick } from 'vue';
+import { I as Icon } from './components.D3on6_fI.mjs';
+import { _ as _export_sfc } from './components.pcqpp-6-.mjs';
+
+const treeProps = {
+  /** 树节点数据 */
+  data: { type: Array, default: () => [] },
+  /** 选中节点 key（v-model，null 表示无选中；缺省走内部默认选中） */
+  modelValue: { type: [String, Number], default: null },
+  /** 非受控模式的初始选中节点 key（未绑定 v-model 时作为默认选中） */
+  defaultSelectedKey: {
+    type: [String, Number],
+    default: null
+  },
+  /** 默认展开节点 key 列表 */
+  defaultExpandedKeys: {
+    type: Array,
+    default: () => []
+  },
+  /** 默认展开全部（优先于 defaultExpandedKeys） */
+  expandAll: { type: Boolean, default: false },
+  /** 层级缩进（px） */
+  indent: { type: Number, default: 20 }
+};
+const treeContextKey = Symbol("qm-tree");
+
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  ...{ name: "QmTreeItem" },
+  __name: "tree-item",
+  props: {
+    node: { type: Object, required: true },
+    level: { type: Number, required: true }
+  },
+  setup(__props, { expose: __expose }) {
+    __expose();
+    const props = __props;
+    const ctx = inject(treeContextKey);
+    const RenderLabel = (p) => ctx.renderLabel(p.node);
+    const expanded = computed(() => ctx.isExpanded(props.node));
+    const hasChildren = computed(() => Boolean(props.node.children?.length));
+    const selected = computed(() => ctx.selectedKey.value === props.node.key);
+    const isRoving = computed(() => ctx.rovingKey.value === props.node.key);
+    const rowStyle = computed(() => ({
+      paddingLeft: `${props.level * ctx.indent.value}px`
+    }));
+    function onArrowClick(event) {
+      event.stopPropagation();
+      if (hasChildren.value)
+        ctx.toggleExpand(props.node);
+    }
+    function onRowClick() {
+      ctx.selectNode(props.node);
+    }
+    const __returned__ = { props, ctx, RenderLabel, expanded, hasChildren, selected, isRoving, rowStyle, onArrowClick, onRowClick, get QmIcon() {
+      return Icon;
+    } };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
+  }
+});
+
+const _hoisted_1 = {
+	class: "qm-tree__node",
+	role: "none"
+};
+const _hoisted_2 = [
+	"data-qm-tree-key",
+	"tabindex",
+	"aria-expanded",
+	"aria-selected",
+	"aria-disabled"
+];
+const _hoisted_3 = { class: "qm-tree__content" };
+function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
+	const _component_QmTreeItem = resolveComponent("QmTreeItem");
+	return openBlock(), createElementBlock("div", _hoisted_1, [createElementVNode("div", {
+		class: normalizeClass(["qm-tree__row", {
+			"qm-tree__row--selected": $setup.selected,
+			"qm-tree__row--disabled": $props.node.disabled
+		}]),
+		style: normalizeStyle($setup.rowStyle),
+		role: "treeitem",
+		"data-qm-tree-key": String($props.node.key),
+		tabindex: $setup.isRoving ? 0 : -1,
+		"aria-expanded": $setup.hasChildren ? $setup.expanded : undefined,
+		"aria-selected": $setup.selected,
+		"aria-disabled": $props.node.disabled || undefined,
+		onClick: $setup.onRowClick
+	}, [createElementVNode(
+		"span",
+		{
+			class: normalizeClass(["qm-tree__arrow", {
+				"qm-tree__arrow--expanded": $setup.expanded,
+				"qm-tree__arrow--leaf": !$setup.hasChildren
+			}]),
+			"aria-hidden": "true",
+			onClick: $setup.onArrowClick
+		},
+		[createVNode($setup["QmIcon"], {
+			name: "chevron-right",
+			class: "qm-tree__arrow-icon"
+		})],
+		2
+		/* CLASS */
+	), createElementVNode("div", _hoisted_3, [$setup.ctx.hasCustomLabel.value ? (openBlock(), createBlock($setup["RenderLabel"], {
+		key: 0,
+		node: $props.node
+	}, null, 8, ["node"])) : (openBlock(), createElementBlock(
+		Fragment,
+		{ key: 1 },
+		[createTextVNode(
+			toDisplayString($props.node.label),
+			1
+			/* TEXT */
+		)],
+		64
+		/* STABLE_FRAGMENT */
+	))])], 14, _hoisted_2), $setup.expanded && $setup.hasChildren ? (openBlock(true), createElementBlock(
+		Fragment,
+		{ key: 0 },
+		renderList($props.node.children, (child) => {
+			return openBlock(), createBlock(_component_QmTreeItem, {
+				key: child.key,
+				node: child,
+				level: $props.level + 1
+			}, null, 8, ["node", "level"]);
+		}),
+		128
+		/* KEYED_FRAGMENT */
+	)) : createCommentVNode("v-if", true)]);
+}
+const QmTreeItem = /*#__PURE__*/ _export_sfc(_sfc_main$1, [["render", _sfc_render$1], ["__file", "F:\\软件开发\\青冥组件系统\\packages\\components\\src\\components\\tree\\tree-item.vue"]]);
+
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{ name: "QmTree" },
+  __name: "tree",
+  props: treeProps,
+  emits: ["update:modelValue", "nodeClick", "expandChange"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    __expose();
+    const props = __props;
+    const emit = __emit;
+    const slots = useSlots();
+    const expandedKeys = ref(/* @__PURE__ */ new Set());
+    const hasCustomLabel = computed(() => Boolean(slots.default));
+    const innerSelectedKey = ref(props.defaultSelectedKey ?? null);
+    const effectiveSelectedKey = computed(
+      () => props.modelValue ?? innerSelectedKey.value
+    );
+    watch(
+      () => props.modelValue,
+      (v) => {
+        if (v !== void 0 && v !== null)
+          innerSelectedKey.value = v;
+      }
+    );
+    function selectNode(node) {
+      if (node.disabled)
+        return;
+      innerSelectedKey.value = node.key;
+      emit("update:modelValue", node.key);
+      emit("nodeClick", node);
+    }
+    function collectAllKeys(nodes, acc) {
+      for (const node of nodes) {
+        if (node.children?.length) {
+          acc.add(node.key);
+          collectAllKeys(node.children, acc);
+        }
+      }
+      return acc;
+    }
+    function initExpandedKeys() {
+      if (props.expandAll)
+        return collectAllKeys(props.data, /* @__PURE__ */ new Set());
+      return new Set(props.defaultExpandedKeys);
+    }
+    watch(
+      () => [props.defaultExpandedKeys, props.expandAll],
+      () => {
+        expandedKeys.value = initExpandedKeys();
+      },
+      { immediate: true }
+    );
+    watch(
+      () => props.data,
+      () => {
+        if (props.expandAll) {
+          expandedKeys.value = collectAllKeys(props.data, /* @__PURE__ */ new Set());
+          return;
+        }
+        const existing = /* @__PURE__ */ new Set();
+        collectAllKeys(props.data, existing);
+        const next = new Set([...expandedKeys.value].filter((k) => existing.has(k)));
+        expandedKeys.value = next;
+      }
+    );
+    function isExpanded(node) {
+      return expandedKeys.value.has(node.key);
+    }
+    function toggleExpand(node) {
+      if (!node.children?.length)
+        return;
+      const next = new Set(expandedKeys.value);
+      const expanded = !next.has(node.key);
+      if (expanded)
+        next.add(node.key);
+      else next.delete(node.key);
+      expandedKeys.value = next;
+      emit("expandChange", node, expanded);
+    }
+    const flatNodes = computed(() => {
+      const result = [];
+      const walk = (nodes, parentKey) => {
+        for (const node of nodes) {
+          result.push({ node, parentKey });
+          if (node.children?.length && expandedKeys.value.has(node.key))
+            walk(node.children, node.key);
+        }
+      };
+      walk(props.data, null);
+      return result;
+    });
+    const focusedKey = ref(null);
+    const rovingKey = computed(() => {
+      if (focusedKey.value !== null && flatNodes.value.some((f) => f.node.key === focusedKey.value))
+        return focusedKey.value;
+      if (effectiveSelectedKey.value !== null && flatNodes.value.some((f) => f.node.key === effectiveSelectedKey.value)) {
+        return effectiveSelectedKey.value;
+      }
+      return flatNodes.value[0]?.node.key ?? null;
+    });
+    function findIndex(key) {
+      if (key === null)
+        return -1;
+      return flatNodes.value.findIndex((f) => f.node.key === key);
+    }
+    function currentFocusedIndex() {
+      const active = document.activeElement;
+      const activeKey = active?.dataset.qmTreeKey;
+      if (activeKey !== void 0 && activeKey !== "") {
+        const i = flatNodes.value.findIndex((f) => String(f.node.key) === activeKey);
+        if (i >= 0)
+          return i;
+      }
+      return findIndex(focusedKey.value ?? effectiveSelectedKey.value);
+    }
+    function focusKey(key) {
+      if (key === null)
+        return;
+      focusedKey.value = key;
+      void nextTick(() => {
+        const el = document.querySelector(`[data-qm-tree-key="${cssEscape(String(key))}"]`);
+        el?.focus();
+      });
+    }
+    function cssEscape(value) {
+      if (typeof CSS !== "undefined" && typeof CSS.escape === "function")
+        return CSS.escape(value);
+      return value.replace(/["\\]/g, "\\$&");
+    }
+    function onTreeKeydown(event) {
+      const key = event.key;
+      const currentIndex = currentFocusedIndex();
+      const current = currentIndex >= 0 ? flatNodes.value[currentIndex] : void 0;
+      switch (key) {
+        case "ArrowDown": {
+          event.preventDefault();
+          const next = flatNodes.value[currentIndex + 1];
+          if (next)
+            focusKey(next.node.key);
+          break;
+        }
+        case "ArrowUp": {
+          event.preventDefault();
+          const prev = flatNodes.value[currentIndex - 1];
+          if (prev)
+            focusKey(prev.node.key);
+          break;
+        }
+        case "ArrowRight": {
+          if (!current)
+            return;
+          event.preventDefault();
+          if (current.node.children?.length && !isExpanded(current.node)) {
+            toggleExpand(current.node);
+            void nextTick(() => {
+              const child = flatNodes.value[currentIndex + 1];
+              if (child)
+                focusKey(child.node.key);
+            });
+          } else if (current.node.children?.length) {
+            const child = flatNodes.value[currentIndex + 1];
+            if (child)
+              focusKey(child.node.key);
+          }
+          break;
+        }
+        case "ArrowLeft": {
+          if (!current)
+            return;
+          event.preventDefault();
+          if (current.node.children?.length && isExpanded(current.node)) {
+            toggleExpand(current.node);
+          } else if (current.parentKey !== null) {
+            focusKey(current.parentKey);
+          }
+          break;
+        }
+        case "Home": {
+          event.preventDefault();
+          const first = flatNodes.value[0];
+          if (first)
+            focusKey(first.node.key);
+          break;
+        }
+        case "End": {
+          event.preventDefault();
+          const last = flatNodes.value[flatNodes.value.length - 1];
+          if (last)
+            focusKey(last.node.key);
+          break;
+        }
+        case "Enter":
+        case " ":
+        case "Spacebar": {
+          if (!current || current.node.disabled)
+            return;
+          event.preventDefault();
+          selectNode(current.node);
+          focusedKey.value = current.node.key;
+          break;
+        }
+      }
+    }
+    provide(treeContextKey, {
+      indent: computed(() => props.indent),
+      selectedKey: effectiveSelectedKey,
+      rovingKey,
+      focusKey,
+      isExpanded,
+      toggleExpand,
+      selectNode,
+      hasCustomLabel,
+      renderLabel: (node) => slots.default?.({ node }) ?? null
+    });
+    const __returned__ = { props, emit, slots, expandedKeys, hasCustomLabel, innerSelectedKey, effectiveSelectedKey, selectNode, collectAllKeys, initExpandedKeys, isExpanded, toggleExpand, flatNodes, focusedKey, rovingKey, findIndex, currentFocusedIndex, focusKey, cssEscape, onTreeKeydown, QmTreeItem };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
+  }
+});
+
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+	return openBlock(), createElementBlock(
+		"div",
+		{
+			class: "qm-tree",
+			"data-qm": "tree",
+			role: "tree",
+			onKeydown: $setup.onTreeKeydown
+		},
+		[(openBlock(true), createElementBlock(
+			Fragment,
+			null,
+			renderList(_ctx.data, (node) => {
+				return openBlock(), createBlock($setup["QmTreeItem"], {
+					key: node.key,
+					node,
+					level: 0
+				}, null, 8, ["node"]);
+			}),
+			128
+			/* KEYED_FRAGMENT */
+		))],
+		32
+		/* NEED_HYDRATION */
+	);
+}
+const Tree = /*#__PURE__*/ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "F:\\软件开发\\青冥组件系统\\packages\\components\\src\\components\\tree\\tree.vue"]]);
+
+export { Tree as T, treeProps as a, treeContextKey as t };