@qingmingmu/components 0.1.0-beta.0

package/es/shared/components.6EXCNxk1.cjs

@@ -0,0 +1,160 @@
+'use strict';
+
+const vue = require('vue');
+const icon = require('./components.CRtd1JMp.cjs');
+const exportHelper = require('./components.DUidQ77e.cjs');
+
+const switchProps = {
+  /** 受控值（v-model）；未传即非受控（组件内自维护） */
+  modelValue: {
+    type: [Boolean, String, Number],
+    default: false
+  },
+  /** 禁用态：视觉 + 行为（不可点击/键盘），aria-disabled */
+  disabled: { type: Boolean, default: false },
+  /** 加载态：禁用点击 + 滑块内旋转图标（SVG currentColor）+ aria-busy="true" */
+  loading: { type: Boolean, default: false },
+  /** 尺寸：small / medium / large */
+  size: { type: String, default: "medium" },
+  /** 开启态文字（轨道内，随状态切换显示） */
+  activeText: { type: String, default: "" },
+  /** 关闭态文字（轨道内，随状态切换显示） */
+  inactiveText: { type: String, default: "" },
+  /** 开启时的值（默认 true；支持 string/number/boolean 自定义值） */
+  activeValue: {
+    type: [Boolean, String, Number],
+    default: true
+  },
+  /** 关闭时的值（默认 false；支持 string/number/boolean 自定义值） */
+  inactiveValue: {
+    type: [Boolean, String, Number],
+    default: false
+  }
+};
+
+function useSwitch(options) {
+  const { modelValue, disabled, loading, activeValue, inactiveValue, emitUpdate, emitChange } = options;
+  const inner = vue.ref(modelValue.value);
+  vue.watch(modelValue, (v) => {
+    inner.value = v;
+  });
+  const checked = vue.computed(() => inner.value === activeValue.value);
+  const interactive = vue.computed(() => !disabled.value && !loading.value);
+  function emitTo(next) {
+    inner.value = next;
+    emitUpdate(next);
+    emitChange(next);
+  }
+  function toggle() {
+    if (!interactive.value)
+      return;
+    emitTo(checked.value ? inactiveValue.value : activeValue.value);
+  }
+  function handleKeydown(event) {
+    if (event.key !== " " && event.key !== "Spacebar" && event.key !== "Enter")
+      return;
+    if (!interactive.value)
+      return;
+    event.preventDefault();
+    toggle();
+  }
+  return {
+    checked,
+    interactive,
+    toggle,
+    handleKeydown
+  };
+}
+
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...{ name: "QmSwitch" },
+  __name: "switch",
+  props: switchProps,
+  emits: ["update:modelValue", "change"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    __expose();
+    const props = __props;
+    const emit = __emit;
+    const modelValue = vue.toRef(props, "modelValue");
+    const disabled = vue.toRef(props, "disabled");
+    const loading = vue.toRef(props, "loading");
+    const activeValue = vue.toRef(props, "activeValue");
+    const inactiveValue = vue.toRef(props, "inactiveValue");
+    const sw = useSwitch({
+      modelValue,
+      disabled,
+      loading,
+      activeValue,
+      inactiveValue,
+      emitUpdate: (value) => emit("update:modelValue", value),
+      emitChange: (value) => emit("change", value)
+    });
+    const { checked, interactive } = sw;
+    const text = vue.computed(() => checked.value ? props.activeText : props.inactiveText);
+    const hasText = vue.computed(() => Boolean(props.activeText || props.inactiveText));
+    const modifierClass = vue.computed(() => {
+      const classes = [`qm-switch--${props.size}`];
+      if (checked.value)
+        classes.push("qm-switch--checked");
+      if (props.disabled)
+        classes.push("qm-switch--disabled");
+      if (props.loading)
+        classes.push("qm-switch--loading");
+      if (hasText.value)
+        classes.push("qm-switch--text");
+      return classes;
+    });
+    const __returned__ = { props, emit, modelValue, disabled, loading, activeValue, inactiveValue, sw, checked, interactive, text, hasText, modifierClass, get QmIcon() {
+      return icon.Icon;
+    } };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
+  }
+});
+
+const _hoisted_1 = [
+	"aria-checked",
+	"aria-disabled",
+	"aria-busy",
+	"aria-label",
+	"tabindex"
+];
+const _hoisted_2 = {
+	key: 0,
+	class: "qm-switch__text"
+};
+const _hoisted_3 = {
+	class: "qm-switch__knob",
+	"aria-hidden": "true"
+};
+const _hoisted_4 = {
+	key: 0,
+	class: "qm-switch__loading-icon"
+};
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+	return vue.openBlock(), vue.createElementBlock("div", {
+		class: vue.normalizeClass(["qm-switch", $setup.modifierClass]),
+		role: "switch",
+		"aria-checked": $setup.checked,
+		"aria-disabled": $setup.disabled || undefined,
+		"aria-busy": $setup.loading || undefined,
+		"aria-label": $setup.text || undefined,
+		tabindex: $setup.interactive ? 0 : -1,
+		onClick: _cache[0] || (_cache[0] = (...args) => $setup.sw.toggle && $setup.sw.toggle(...args)),
+		onKeydown: _cache[1] || (_cache[1] = (...args) => $setup.sw.handleKeydown && $setup.sw.handleKeydown(...args))
+	}, [$setup.text ? (vue.openBlock(), vue.createElementBlock(
+		"span",
+		_hoisted_2,
+		vue.toDisplayString($setup.text),
+		1
+		/* TEXT */
+	)) : vue.createCommentVNode("v-if", true), vue.createElementVNode("span", _hoisted_3, [$setup.loading ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_4, [vue.createVNode($setup["QmIcon"], {
+		name: "loading",
+		style: { "font-size": "12px" }
+	})])) : vue.createCommentVNode("v-if", true)])], 42, _hoisted_1);
+}
+const Switch = /*#__PURE__*/ exportHelper._export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "F:\\软件开发\\青冥组件系统\\packages\\components\\src\\components\\switch\\switch.vue"]]);
+
+exports.Switch = Switch;
+exports.switchProps = switchProps;
+exports.useSwitch = useSwitch;

package/es/shared/components.7VJcWbB3.mjs

@@ -0,0 +1,61 @@
+import { defineComponent, openBlock, createElementBlock, createElementVNode, renderSlot, normalizeClass, toDisplayString, createBlock, createCommentVNode } from 'vue';
+import { W as WindowControls } from './components.D8Ht88FR.mjs';
+import { _ as _export_sfc } from './components.pcqpp-6-.mjs';
+
+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__ */ defineComponent({
+  ...{ name: "QmTitleBar" },
+  __name: "title-bar",
+  props: titleBarProps,
+  setup(__props, { expose: __expose }) {
+    __expose();
+    const props = __props;
+    const __returned__ = { props, QmWindowControls: 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 openBlock(), createElementBlock("header", _hoisted_1, [
+		createElementVNode("div", _hoisted_2, [renderSlot(_ctx.$slots, "default")]),
+		createElementVNode("div", {
+			class: normalizeClass(["qm-title-bar__center", { "qm-title-bar__center--no-drag": !$setup.props.centerDrag }]),
+			"data-tauri-drag-region": $setup.props.centerDrag ? "" : undefined
+		}, [renderSlot(_ctx.$slots, "center", {}, () => [createElementVNode(
+			"span",
+			_hoisted_4,
+			toDisplayString(_ctx.title),
+			1
+			/* TEXT */
+		)])], 10, _hoisted_3),
+		createElementVNode("div", _hoisted_5, [renderSlot(_ctx.$slots, "right"), _ctx.showControls ? (openBlock(), createBlock($setup["QmWindowControls"], { key: 0 })) : createCommentVNode("v-if", true)])
+	]);
+}
+const TitleBar = /*#__PURE__*/ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "F:\\软件开发\\青冥组件系统\\packages\\components\\src\\components\\title-bar\\title-bar.vue"]]);
+
+export { TitleBar as T, titleBarProps as t };

package/es/shared/components.7wOMpfjy.d.mts

@@ -0,0 +1,166 @@
+import { PropType, defineComponent, computed, openBlock, createElementBlock, normalizeClass, createCommentVNode, createElementVNode, normalizeStyle, renderSlot, createTextVNode, toDisplayString, Fragment } from 'vue';
+import { _ as _export_sfc } from './components.OJRSZE6i.mjs';
+
+/**
+ * QmProgress 组件类型定义（03-反馈）
+ * 进度条：线性 / 环形 / 百分比 / 状态色
+ */
+
+/** 进度类型：line 线性 / circle 环形 */
+type ProgressType = 'line' | 'circle';
+/** 状态：default 主色 / success / warning / error */
+type ProgressStatus = 'default' | 'success' | 'warning' | 'error';
+declare const progressProps: {
+    /** 进度百分比（0-100，越界自动钳制） */
+    readonly percentage: {
+        readonly type: NumberConstructor;
+        readonly default: 0;
+    };
+    /** 进度类型：line / circle */
+    readonly type: {
+        readonly type: PropType<ProgressType>;
+        readonly default: "line";
+    };
+    /** 状态：default / success / warning / error（映射 --qm-progress-color-*） */
+    readonly status: {
+        readonly type: PropType<ProgressStatus>;
+        readonly default: "default";
+    };
+    /** 线宽（px）：line 为轨道高度，circle 为 SVG stroke-width */
+    readonly strokeWidth: {
+        readonly type: NumberConstructor;
+        readonly default: 8;
+    };
+    /** 是否显示百分比文字（默认插槽可自定义） */
+    readonly showText: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    /** 自定义进度色（覆盖状态色） */
+    readonly color: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+};
+/** emits 声明（进度条无事件） */
+interface ProgressEmits {
+}
+/** 环形进度：100 单位 viewBox 下的圆半径（几何常量） */
+declare const CIRCLE_RADIUS = 45;
+/** 环形周长（stroke-dasharray 基准） */
+declare function circleCircumference(radius?: number): number;
+
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{ name: "QmProgress" },
+  __name: "progress",
+  props: progressProps,
+  setup(__props, { expose: __expose }) {
+    __expose();
+    const props = __props;
+    const clamped = computed(() => Math.min(100, Math.max(0, props.percentage)));
+    const isCircle = computed(() => props.type === "circle");
+    const barStyle = computed(() => ({
+      width: `${clamped.value}%`,
+      backgroundColor: props.color || void 0
+    }));
+    const circleBarStyle = computed(() => ({
+      stroke: props.color || void 0
+    }));
+    const circumference = computed(() => circleCircumference(CIRCLE_RADIUS));
+    const dashOffset = computed(() => circumference.value * (1 - clamped.value / 100));
+    const statusClass = computed(
+      () => props.status === "default" ? "" : `qm-progress--${props.status}`
+    );
+    const __returned__ = { props, clamped, isCircle, barStyle, circleBarStyle, circumference, dashOffset, statusClass, get CIRCLE_RADIUS() {
+      return CIRCLE_RADIUS;
+    } };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
+  }
+});
+
+const _hoisted_1 = ["aria-valuenow"];
+const _hoisted_2 = {
+	key: 0,
+	class: "qm-progress__circle"
+};
+const _hoisted_3 = {
+	class: "qm-progress__circle-svg",
+	viewBox: "0 0 100 100",
+	"aria-hidden": "true"
+};
+const _hoisted_4 = ["r", "stroke-width"];
+const _hoisted_5 = [
+	"r",
+	"stroke-width",
+	"stroke-dasharray",
+	"stroke-dashoffset"
+];
+const _hoisted_6 = {
+	key: 0,
+	class: "qm-progress__circle-text"
+};
+const _hoisted_7 = { class: "qm-progress__track" };
+const _hoisted_8 = {
+	key: 0,
+	class: "qm-progress__text"
+};
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+	return openBlock(), createElementBlock("div", {
+		class: normalizeClass(["qm-progress", [$setup.isCircle ? "qm-progress--circle" : "qm-progress--line", $setup.statusClass]]),
+		"data-qm": "progress",
+		role: "progressbar",
+		"aria-valuenow": $setup.clamped,
+		"aria-valuemin": "0",
+		"aria-valuemax": "100"
+	}, [createCommentVNode(" 环形 "), $setup.isCircle ? (openBlock(), createElementBlock("div", _hoisted_2, [(openBlock(), createElementBlock("svg", _hoisted_3, [createElementVNode("circle", {
+		class: "qm-progress__circle-track",
+		cx: "50",
+		cy: "50",
+		r: $setup.CIRCLE_RADIUS,
+		"stroke-width": _ctx.strokeWidth,
+		fill: "none"
+	}, null, 8, _hoisted_4), createElementVNode("circle", {
+		class: "qm-progress__circle-bar",
+		cx: "50",
+		cy: "50",
+		r: $setup.CIRCLE_RADIUS,
+		"stroke-width": _ctx.strokeWidth,
+		fill: "none",
+		"stroke-linecap": "round",
+		"stroke-dasharray": $setup.circumference,
+		"stroke-dashoffset": $setup.dashOffset,
+		style: normalizeStyle($setup.circleBarStyle)
+	}, null, 12, _hoisted_5)])), _ctx.showText ? (openBlock(), createElementBlock("span", _hoisted_6, [renderSlot(_ctx.$slots, "default", {}, () => [createTextVNode(
+		toDisplayString($setup.clamped) + "%",
+		1
+		/* TEXT */
+	)])])) : createCommentVNode("v-if", true)])) : (openBlock(), createElementBlock(
+		Fragment,
+		{ key: 1 },
+		[
+			createCommentVNode(" 线性 "),
+			createElementVNode("div", _hoisted_7, [createElementVNode(
+				"div",
+				{
+					class: "qm-progress__bar",
+					style: normalizeStyle($setup.barStyle)
+				},
+				null,
+				4
+				/* STYLE */
+			)]),
+			_ctx.showText ? (openBlock(), createElementBlock("span", _hoisted_8, [renderSlot(_ctx.$slots, "default", {}, () => [createTextVNode(
+				toDisplayString($setup.clamped) + "%",
+				1
+				/* TEXT */
+			)])])) : createCommentVNode("v-if", true)
+		],
+		64
+		/* STABLE_FRAGMENT */
+	))], 10, _hoisted_1);
+}
+var Progress = /*#__PURE__*/ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "F:\\软件开发\\青冥组件系统\\packages\\components\\src\\components\\progress\\progress.vue"]]);
+
+export { CIRCLE_RADIUS as C, Progress as c, circleCircumference as d, progressProps as p };
+export type { ProgressEmits as P, ProgressStatus as a, ProgressType as b };