@qingmingmu/components 0.1.0-beta.0

package/es/shared/components.BEYwGpEo.d.ts

@@ -0,0 +1,586 @@
+import { PropType, Ref, ComputedRef, defineComponent, useId, ref, computed, watch, onMounted, onBeforeUnmount, openBlock, createElementBlock, normalizeClass, createCommentVNode, createElementVNode, Fragment, renderList, toDisplayString, withModifiers, createVNode, createBlock, Teleport, normalizeStyle, renderSlot, createTextVNode } from 'vue';
+import { u as usePositioning } from './components.4UjasbrA.js';
+import { a as Icon } from './components.C6sLxXPo.js';
+import { _ as _export_sfc } from './components.OJRSZE6i.js';
+
+/**
+ * QmSelect 组件类型定义（组件体系设计 §6.4：类型先行）
+ * 03-T3：单选/多选、搜索过滤、远程搜索、分组、自定义渲染、键盘导航、可访问性
+ */
+
+/** 选项值（字符串 / 数字） */
+type SelectValue = string | number;
+/** 单个选项（options 数组数据源；group 分组字段） */
+interface SelectOption {
+    /** 展示文案（缺省时回退 value） */
+    label?: string;
+    /** 选项值 */
+    value: SelectValue;
+    /** 禁用单项 */
+    disabled?: boolean;
+    /** 分组名（同值聚合为 optgroup） */
+    group?: string;
+}
+/** 当前值：单选为标量，多选为数组 */
+type SelectModelValue = SelectValue | SelectValue[];
+/** props 声明 */
+declare const selectProps: {
+    /** 受控值：单选标量 / 多选数组；未传即非受控（组件内自维护） */
+    readonly modelValue: {
+        readonly type: PropType<SelectModelValue | undefined>;
+        readonly default: undefined;
+    };
+    /** 选项数据源（也可用 option 插槽完全自定义渲染） */
+    readonly options: {
+        readonly type: PropType<SelectOption[]>;
+        readonly default: () => never[];
+    };
+    /** 多选模式 */
+    readonly multiple: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    /** 可搜索过滤（输入过滤本地选项） */
+    readonly filterable: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    /** 远程搜索模式（过滤交由父级，输入触发 search 事件） */
+    readonly remote: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    /** 远程搜索加载态 */
+    readonly loading: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    /** 禁用整个触发器 */
+    readonly disabled: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    /** 占位文案 */
+    readonly placeholder: {
+        readonly type: StringConstructor;
+        readonly default: "请选择";
+    };
+    /** 可清除（hover 显示清除按钮） */
+    readonly clearable: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    /** 多选折叠（超出显示 +N） */
+    readonly collapseTags: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    /** 无匹配空态文案（i18n 预埋，05-T1 接入语言包） */
+    readonly emptyText: {
+        readonly type: StringConstructor;
+        readonly default: "暂无匹配选项";
+    };
+};
+/** emits 声明 */
+interface SelectEmits {
+    'update:modelValue': [value: SelectModelValue];
+    /** 选中/清除/取消选中时触发（携带当前值） */
+    'change': [value: SelectModelValue];
+    /** 远程搜索（行为层 300ms 节流后触发，携带关键词） */
+    'search': [keyword: string];
+    'focus': [];
+    'blur': [];
+}
+
+/**
+ * useSelect 行为层（03-T3 §3.1 / §4）
+ *
+ * 职责（与视图解耦，可独立单测）：
+ * - 展开状态 / 激活项索引（键盘高亮）/ 搜索词统一管理，组件层只做绑定；
+ * - 键盘契约（无障碍规范 §12.2）：↑↓ 导航、Enter 选择、Esc 关闭、Tab 离开关闭、输入过滤；
+ * - 远程搜索：300ms 节流 + 过期请求守卫（旧词对应的 search 被合并丢弃，task-02 §4 竞态处理）；
+ * - 单选/多选选中与清除（change 事件契约）；
+ * - 分组数据（optgroup）派生。
+ *
+ * 定位翻转逻辑已抽取至 composables/use-positioning.ts（共享给 Tooltip/Popover）。
+ */
+
+/** 远程搜索节流阈值（task-03 §4：≥300ms） */
+declare const SEARCH_DEBOUNCE_MS = 300;
+/** 分组后的可见选项（group 为 null 表示未分组区） */
+interface SelectGroup {
+    group: string | null;
+    options: SelectOption[];
+}
+interface UseSelectOptions {
+    /** 受控值（props.modelValue，未传即 undefined） */
+    modelValue: Ref<SelectModelValue | undefined>;
+    /** 选项数据源 */
+    options: Ref<SelectOption[]>;
+    /** 可搜索过滤 */
+    filterable: Ref<boolean>;
+    /** 远程搜索（过滤交由父级） */
+    remote: Ref<boolean>;
+    /** 多选 */
+    multiple: Ref<boolean>;
+    /** 禁用 */
+    disabled: Ref<boolean>;
+    emitUpdate: (value: SelectModelValue) => void;
+    emitChange: (value: SelectModelValue) => void;
+    /** 远程搜索回调（节流后触发） */
+    emitSearch: (keyword: string) => void;
+}
+interface UseSelectReturn {
+    /** 展开状态 */
+    open: Ref<boolean>;
+    /** 键盘高亮索引（对应 visibleOptions 下标；-1 无高亮） */
+    activeIndex: Ref<number>;
+    /** 搜索词 */
+    searchKeyword: Ref<string>;
+    /** 最近一次已发出的远程搜索词（竞态/展示守卫） */
+    lastEmittedKeyword: Ref<string>;
+    /** 过滤后可见选项（remote 或非 filterable 时即原始 options） */
+    visibleOptions: ComputedRef<SelectOption[]>;
+    /** 分组数据（有分组字段时聚合，未分组项前置） */
+    groups: ComputedRef<SelectGroup[]>;
+    /** 当前选中项（由 options 解析 modelValue） */
+    selectedOptions: ComputedRef<SelectOption[]>;
+    /** 是否有值（占位符判定） */
+    hasValue: ComputedRef<boolean>;
+    toggleOpen: () => void;
+    openPanel: () => void;
+    close: () => void;
+    /** 键盘：↑↓/Enter/Esc/Tab/Home/End */
+    handleTriggerKeydown: (event: KeyboardEvent) => void;
+    /** 鼠标悬停设置激活项 */
+    setActiveIndex: (index: number) => void;
+    /** 选中/取消选中（单选关闭面板，多选 toggle） */
+    selectOption: (option: SelectOption) => void;
+    /** 清空（单选置 ''，多选置 []） */
+    clear: () => void;
+    /** 输入过滤 / 远程搜索节流入口 */
+    handleInput: (keyword: string) => void;
+    /** 组件卸载：清理搜索定时器（无泄漏契约） */
+    dispose: () => void;
+}
+declare function useSelect(options: UseSelectOptions): UseSelectReturn;
+/** 便捷工具：值 → 展示文案（未找到返回空串，由组件回退占位） */
+declare function optionLabel(option: SelectOption | undefined): string;
+/** 便捷工具：当前值是否为多选数组 */
+declare function isMultipleValue(value: SelectModelValue | undefined): value is SelectValue[];
+
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{ name: "QmSelect" },
+  __name: "select",
+  props: selectProps,
+  emits: ["update:modelValue", "change", "search", "focus", "blur"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    __expose();
+    const props = __props;
+    const emit = __emit;
+    const uid = useId();
+    const listboxId = `qm-select-listbox-${uid}`;
+    const rootRef = ref(null);
+    const triggerRef = ref(null);
+    const panelRef = ref(null);
+    const modelValue = computed(() => props.modelValue);
+    const optionsRef = computed(() => props.options);
+    const filterable = computed(() => props.filterable);
+    const remote = computed(() => props.remote);
+    const multiple = computed(() => props.multiple);
+    const disabled = computed(() => props.disabled);
+    const select = useSelect({
+      modelValue,
+      options: optionsRef,
+      filterable,
+      remote,
+      multiple,
+      disabled,
+      emitUpdate: (value) => emit("update:modelValue", value),
+      emitChange: (value) => emit("change", value),
+      emitSearch: (keyword) => emit("search", keyword)
+    });
+    const { open, activeIndex, searchKeyword, groups, selectedOptions, hasValue, visibleOptions } = select;
+    const inputValue = computed(() => {
+      if (multiple.value)
+        return searchKeyword.value;
+      return searchKeyword.value || optionLabel(selectedOptions.value[0]);
+    });
+    const visibleTags = computed(
+      () => props.collapseTags ? selectedOptions.value.slice(0, 1) : selectedOptions.value
+    );
+    const collapsedCount = computed(() => selectedOptions.value.length - visibleTags.value.length);
+    const flatIndexMap = computed(() => {
+      const map = /* @__PURE__ */ new Map();
+      visibleOptions.value.forEach((opt, i) => map.set(opt, i));
+      return map;
+    });
+    function isSelected(opt) {
+      if (multiple.value)
+        return Array.isArray(modelValue.value) && modelValue.value.includes(opt.value);
+      return modelValue.value === opt.value;
+    }
+    const activeDescendantId = computed(() => {
+      if (!open.value || activeIndex.value < 0)
+        return void 0;
+      const opt = visibleOptions.value[activeIndex.value];
+      return opt ? `${listboxId}-opt-${flatIndexMap.value.get(opt)}` : void 0;
+    });
+    const {
+      positionStyle,
+      updatePosition,
+      startAutoReposition,
+      stopAutoReposition,
+      dispose: disposePositioning
+    } = usePositioning({
+      triggerRef,
+      panelRef,
+      placement: ref("bottom"),
+      offset: 4,
+      flip: true,
+      matchTriggerWidth: true
+    });
+    function onDocumentMouseDown(event) {
+      const target = event.target;
+      if (rootRef.value?.contains(target) || panelRef.value?.contains(target))
+        return;
+      select.close();
+    }
+    watch(
+      open,
+      (val) => {
+        if (val) {
+          void updatePosition();
+          startAutoReposition();
+          document.addEventListener("mousedown", onDocumentMouseDown, true);
+        } else {
+          stopAutoReposition();
+          document.removeEventListener("mousedown", onDocumentMouseDown, true);
+        }
+      },
+      { flush: "post" }
+    );
+    onMounted(() => {
+      if (open.value)
+        void updatePosition();
+    });
+    onBeforeUnmount(() => {
+      document.removeEventListener("mousedown", onDocumentMouseDown, true);
+      disposePositioning();
+      select.dispose();
+    });
+    function onTriggerKeydown(event) {
+      select.handleTriggerKeydown(event);
+    }
+    function onTriggerClick() {
+      select.toggleOpen();
+    }
+    function onTriggerFocus() {
+      if (props.filterable)
+        select.openPanel();
+      emit("focus");
+    }
+    function onInput(event) {
+      select.handleInput(event.target.value);
+    }
+    function onOptionMouseEnter(opt) {
+      const idx = flatIndexMap.value.get(opt);
+      if (idx !== void 0)
+        select.setActiveIndex(idx);
+    }
+    function onOptionClick(opt) {
+      select.selectOption(opt);
+    }
+    function onTriggerBlur() {
+      emit("blur");
+    }
+    function removeTag(value) {
+      const cur = Array.isArray(modelValue.value) ? [...modelValue.value] : [];
+      const idx = cur.indexOf(value);
+      if (idx >= 0) {
+        cur.splice(idx, 1);
+        emit("update:modelValue", cur);
+        emit("change", cur);
+      }
+    }
+    const __returned__ = { props, emit, uid, listboxId, rootRef, triggerRef, panelRef, modelValue, optionsRef, filterable, remote, multiple, disabled, select, open, activeIndex, searchKeyword, groups, selectedOptions, hasValue, visibleOptions, inputValue, visibleTags, collapsedCount, flatIndexMap, isSelected, activeDescendantId, positionStyle, updatePosition, startAutoReposition, stopAutoReposition, disposePositioning, onDocumentMouseDown, onTriggerKeydown, onTriggerClick, onTriggerFocus, onInput, onOptionMouseEnter, onOptionClick, onTriggerBlur, removeTag, get QmIcon() {
+      return Icon;
+    }, get optionLabel() {
+      return optionLabel;
+    } };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
+  }
+});
+
+const _hoisted_1 = [
+	"role",
+	"tabindex",
+	"aria-expanded",
+	"aria-controls",
+	"aria-activedescendant",
+	"aria-disabled",
+	"aria-label"
+];
+const _hoisted_2 = { class: "qm-select__tag-label" };
+const _hoisted_3 = [
+	"aria-label",
+	"disabled",
+	"onClick"
+];
+const _hoisted_4 = {
+	key: 0,
+	class: "qm-select__tag qm-select__tag--collapse"
+};
+const _hoisted_5 = [
+	"value",
+	"placeholder",
+	"aria-label",
+	"aria-expanded",
+	"aria-activedescendant",
+	"disabled"
+];
+const _hoisted_6 = [
+	"value",
+	"placeholder",
+	"aria-label",
+	"aria-expanded",
+	"aria-activedescendant",
+	"disabled"
+];
+const _hoisted_7 = {
+	class: "qm-select__arrow",
+	"aria-hidden": "true"
+};
+const _hoisted_8 = {
+	key: 0,
+	class: "qm-select__group-title",
+	role: "presentation"
+};
+const _hoisted_9 = [
+	"id",
+	"aria-selected",
+	"aria-disabled",
+	"onMouseenter",
+	"onClick"
+];
+const _hoisted_10 = {
+	key: 0,
+	class: "qm-select__empty qm-select__empty--loading",
+	role: "status"
+};
+const _hoisted_11 = {
+	key: 1,
+	class: "qm-select__empty"
+};
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+	return openBlock(), createElementBlock(
+		"div",
+		{
+			ref: "rootRef",
+			class: normalizeClass(["qm-select", { "qm-select--disabled": $setup.disabled }])
+		},
+		[
+			createCommentVNode(" 触发器 "),
+			createElementVNode("div", {
+				ref: "triggerRef",
+				class: normalizeClass(["qm-select__trigger", { "qm-select__trigger--filterable": $setup.filterable }]),
+				role: $setup.filterable ? undefined : "combobox",
+				tabindex: $setup.disabled ? -1 : 0,
+				"aria-expanded": $setup.filterable ? undefined : $setup.open,
+				"aria-controls": $setup.filterable ? undefined : $setup.listboxId,
+				"aria-activedescendant": $setup.filterable ? undefined : $setup.activeDescendantId,
+				"aria-disabled": $setup.filterable ? undefined : $setup.disabled || undefined,
+				"aria-label": $setup.filterable ? undefined : _ctx.placeholder,
+				onClick: $setup.onTriggerClick,
+				onKeydown: $setup.onTriggerKeydown,
+				onFocus: $setup.onTriggerFocus,
+				onBlur: $setup.onTriggerBlur
+			}, [
+				createCommentVNode(" 多选：tags + 输入 "),
+				$setup.multiple ? (openBlock(), createElementBlock(
+					Fragment,
+					{ key: 0 },
+					[
+						(openBlock(true), createElementBlock(
+							Fragment,
+							null,
+							renderList($setup.visibleTags, (tag) => {
+								return openBlock(), createElementBlock("span", {
+									key: tag.value,
+									class: "qm-select__tag"
+								}, [createElementVNode(
+									"span",
+									_hoisted_2,
+									toDisplayString($setup.optionLabel(tag)),
+									1
+									/* TEXT */
+								), createElementVNode("button", {
+									type: "button",
+									class: "qm-select__tag-remove",
+									"aria-label": `移除 ${$setup.optionLabel(tag)}`,
+									disabled: $setup.disabled,
+									onClick: withModifiers(($event) => $setup.removeTag(tag.value), ["stop"])
+								}, [createVNode($setup["QmIcon"], {
+									name: "close",
+									class: "qm-select__tag-remove-icon",
+									style: { "font-size": "10px" }
+								})], 8, _hoisted_3)]);
+							}),
+							128
+							/* KEYED_FRAGMENT */
+						)),
+						$setup.collapsedCount > 0 ? (openBlock(), createElementBlock(
+							"span",
+							_hoisted_4,
+							"+" + toDisplayString($setup.collapsedCount),
+							1
+							/* TEXT */
+						)) : createCommentVNode("v-if", true),
+						$setup.filterable ? (openBlock(), createElementBlock("input", {
+							key: 1,
+							class: "qm-select__input",
+							type: "text",
+							role: "combobox",
+							value: $setup.searchKeyword,
+							placeholder: $setup.selectedOptions.length ? "" : _ctx.placeholder,
+							"aria-label": _ctx.placeholder,
+							"aria-expanded": $setup.open,
+							"aria-controls": $setup.listboxId,
+							"aria-activedescendant": $setup.activeDescendantId,
+							disabled: $setup.disabled,
+							onInput: $setup.onInput,
+							onClick: _cache[0] || (_cache[0] = withModifiers(() => {}, ["stop"])),
+							onKeydown: $setup.onTriggerKeydown,
+							onFocus: $setup.onTriggerFocus,
+							onBlur: $setup.onTriggerBlur
+						}, null, 40, _hoisted_5)) : createCommentVNode("v-if", true)
+					],
+					64
+					/* STABLE_FRAGMENT */
+				)) : (openBlock(), createElementBlock(
+					Fragment,
+					{ key: 1 },
+					[createCommentVNode(" 单选 "), $setup.filterable ? (openBlock(), createElementBlock("input", {
+						key: 0,
+						class: "qm-select__input qm-select__input--single",
+						type: "text",
+						role: "combobox",
+						value: $setup.inputValue,
+						placeholder: $setup.hasValue ? "" : _ctx.placeholder,
+						"aria-label": _ctx.placeholder,
+						"aria-expanded": $setup.open,
+						"aria-controls": $setup.listboxId,
+						"aria-activedescendant": $setup.activeDescendantId,
+						disabled: $setup.disabled,
+						onInput: $setup.onInput,
+						onClick: _cache[1] || (_cache[1] = withModifiers(() => {}, ["stop"])),
+						onKeydown: $setup.onTriggerKeydown,
+						onFocus: $setup.onTriggerFocus,
+						onBlur: $setup.onTriggerBlur
+					}, null, 40, _hoisted_6)) : (openBlock(), createElementBlock(
+						"span",
+						{
+							key: 1,
+							class: normalizeClass(["qm-select__value", { "qm-select__value--placeholder": !$setup.hasValue }])
+						},
+						toDisplayString($setup.hasValue ? $setup.optionLabel($setup.selectedOptions[0]) : _ctx.placeholder),
+						3
+						/* TEXT, CLASS */
+					))],
+					64
+					/* STABLE_FRAGMENT */
+				)),
+				createCommentVNode(" 清除 / 箭头 "),
+				_ctx.clearable && $setup.hasValue && !$setup.disabled ? (openBlock(), createElementBlock("button", {
+					key: 2,
+					type: "button",
+					class: "qm-select__clear",
+					"aria-label": "清除",
+					onClick: _cache[2] || (_cache[2] = withModifiers(($event) => $setup.select.clear(), ["stop"]))
+				}, [createVNode($setup["QmIcon"], {
+					name: "close",
+					class: "qm-select__clear-icon",
+					style: { "font-size": "12px" }
+				})])) : createCommentVNode("v-if", true),
+				createElementVNode("span", _hoisted_7, [createVNode($setup["QmIcon"], {
+					name: "chevron-down",
+					class: "qm-select__arrow-icon",
+					style: { "font-size": "14px" }
+				})])
+			], 42, _hoisted_1),
+			createCommentVNode(" 弹出层（Teleport 到 body，fixed 定位 + 视口翻转） "),
+			(openBlock(), createBlock(Teleport, { to: "body" }, [$setup.open ? (openBlock(), createElementBlock(
+				"div",
+				{
+					key: 0,
+					id: $setup.listboxId,
+					ref: "panelRef",
+					class: "qm-select__panel",
+					style: normalizeStyle($setup.positionStyle),
+					role: "listbox"
+				},
+				[(openBlock(true), createElementBlock(
+					Fragment,
+					null,
+					renderList($setup.groups, (group) => {
+						return openBlock(), createElementBlock(
+							Fragment,
+							{ key: group.group ?? "__ungrouped__" },
+							[group.group ? (openBlock(), createElementBlock(
+								"div",
+								_hoisted_8,
+								toDisplayString(group.group),
+								1
+								/* TEXT */
+							)) : createCommentVNode("v-if", true), (openBlock(true), createElementBlock(
+								Fragment,
+								null,
+								renderList(group.options, (opt) => {
+									return openBlock(), createElementBlock("div", {
+										id: `${$setup.listboxId}-opt-${$setup.flatIndexMap.get(opt)}`,
+										key: opt.value,
+										class: normalizeClass(["qm-select__option", {
+											"qm-select__option--selected": $setup.isSelected(opt),
+											"qm-select__option--active": $setup.flatIndexMap.get(opt) === $setup.activeIndex,
+											"qm-select__option--disabled": opt.disabled
+										}]),
+										role: "option",
+										"aria-selected": $setup.isSelected(opt),
+										"aria-disabled": opt.disabled || undefined,
+										onMouseenter: ($event) => $setup.onOptionMouseEnter(opt),
+										onClick: ($event) => $setup.onOptionClick(opt)
+									}, [renderSlot(_ctx.$slots, "option", { option: opt }, () => [createTextVNode(
+										toDisplayString($setup.optionLabel(opt)),
+										1
+										/* TEXT */
+									)])], 42, _hoisted_9);
+								}),
+								128
+								/* KEYED_FRAGMENT */
+							))],
+							64
+							/* STABLE_FRAGMENT */
+						);
+					}),
+					128
+					/* KEYED_FRAGMENT */
+				)), _ctx.loading ? (openBlock(), createElementBlock("div", _hoisted_10, " 加载中… ")) : $setup.visibleOptions.length === 0 ? (openBlock(), createElementBlock(
+					"div",
+					_hoisted_11,
+					toDisplayString(_ctx.emptyText),
+					1
+					/* TEXT */
+				)) : createCommentVNode("v-if", true)],
+				4
+				/* STYLE */
+			)) : createCommentVNode("v-if", true)]))
+		],
+		2
+		/* CLASS */
+	);
+}
+var Select = /*#__PURE__*/ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "F:\\软件开发\\青冥组件系统\\packages\\components\\src\\components\\select\\select.vue"]]);
+
+export { Select as S, SEARCH_DEBOUNCE_MS as a, isMultipleValue as i, optionLabel as o, selectProps as s, useSelect as u };
+export type { UseSelectOptions as U, SelectEmits as b, SelectGroup as c, SelectModelValue as d, SelectOption as e, SelectValue as f, UseSelectReturn as g };

package/es/shared/components.BF2nXG8Y.cjs

@@ -0,0 +1,64 @@
+'use strict';
+
+const vue = require('vue');
+const windowControls = require('./components.DJlTQabT.cjs');
+const exportHelper = require('./components.DUidQ77e.cjs');
+
+const titleBarProps = {
+  /** 窗口标题（未提供 center 插槽时居中显示） */
+  title: { type: String, default: "" },
+  /** 是否在右侧渲染 QmWindowControls */
+  showControls: { type: Boolean, default: true },
+  /**
+   * center 区是否参与窗口拖拽（P2-20）：
+   * 默认 true（整栏可拖拽）；置 false 时 center 区加 no-drag，供交互内容（输入框/按钮等）逃逸，
+   * 并移除 data-tauri-drag-region（Tauri 环境同样生效）。
+   */
+  centerDrag: { type: Boolean, default: true }
+};
+
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...{ name: "QmTitleBar" },
+  __name: "title-bar",
+  props: titleBarProps,
+  setup(__props, { expose: __expose }) {
+    __expose();
+    const props = __props;
+    const __returned__ = { props, QmWindowControls: windowControls.WindowControls };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
+  }
+});
+
+const _hoisted_1 = {
+	class: "qm-title-bar",
+	"data-qm": "title-bar",
+	"data-tauri-drag-region": ""
+};
+const _hoisted_2 = { class: "qm-title-bar__left" };
+const _hoisted_3 = ["data-tauri-drag-region"];
+const _hoisted_4 = {
+	class: "qm-title-bar__title",
+	"data-tauri-drag-region": ""
+};
+const _hoisted_5 = { class: "qm-title-bar__right" };
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+	return vue.openBlock(), vue.createElementBlock("header", _hoisted_1, [
+		vue.createElementVNode("div", _hoisted_2, [vue.renderSlot(_ctx.$slots, "default")]),
+		vue.createElementVNode("div", {
+			class: vue.normalizeClass(["qm-title-bar__center", { "qm-title-bar__center--no-drag": !$setup.props.centerDrag }]),
+			"data-tauri-drag-region": $setup.props.centerDrag ? "" : undefined
+		}, [vue.renderSlot(_ctx.$slots, "center", {}, () => [vue.createElementVNode(
+			"span",
+			_hoisted_4,
+			vue.toDisplayString(_ctx.title),
+			1
+			/* TEXT */
+		)])], 10, _hoisted_3),
+		vue.createElementVNode("div", _hoisted_5, [vue.renderSlot(_ctx.$slots, "right"), _ctx.showControls ? (vue.openBlock(), vue.createBlock($setup["QmWindowControls"], { key: 0 })) : vue.createCommentVNode("v-if", true)])
+	]);
+}
+const TitleBar = /*#__PURE__*/ exportHelper._export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "F:\\软件开发\\青冥组件系统\\packages\\components\\src\\components\\title-bar\\title-bar.vue"]]);
+
+exports.TitleBar = TitleBar;
+exports.titleBarProps = titleBarProps;