@qingmingmu/components 0.1.0-beta.0

package/es/shared/components.D0MDcB1D.cjs

@@ -0,0 +1,276 @@
+'use strict';
+
+const vue = require('vue');
+const icon = require('./components.CRtd1JMp.cjs');
+const exportHelper = require('./components.DUidQ77e.cjs');
+
+const inputProps = {
+  /** 受控值（v-model）；未监听即非受控，组件内自维护本地值 */
+  modelValue: { type: String, default: "" },
+  /** 原生 input type */
+  type: {
+    type: String,
+    default: "text"
+  },
+  /** 尺寸：small / medium / large */
+  size: { type: String, default: "medium" },
+  /** 禁用态：视觉 + 行为（不可输入、不响应清除） */
+  disabled: { type: Boolean, default: false },
+  /** 只读：可聚焦不可编辑，仍触发 focus/blur */
+  readonly: { type: Boolean, default: false },
+  /** 可清除：有值且非禁用/只读时显示清除按钮 */
+  clearable: { type: Boolean, default: false },
+  /** 占位文案 */
+  placeholder: { type: String, default: "" },
+  /** 最大输入长度（原生 maxlength + 行为层截断双保险） */
+  maxlength: { type: Number, default: void 0 },
+  /** 字数统计（配合 maxlength 显示 当前/最大） */
+  showCount: { type: Boolean, default: false },
+  /** 原生 autocomplete 透传 */
+  autocomplete: { type: String, default: "off" },
+  /** 原生 autofocus 透传 */
+  autofocus: { type: Boolean, default: false }
+};
+
+function clampByMaxlength(value, maxlength) {
+  if (typeof maxlength === "number" && maxlength >= 0 && value.length > maxlength)
+    return value.slice(0, maxlength);
+  return value;
+}
+function formatCount(value, maxlength) {
+  if (typeof maxlength === "number" && maxlength >= 0)
+    return `${value.length}/${maxlength}`;
+  return `${value.length}`;
+}
+function useInput(options) {
+  const {
+    modelValue,
+    disabled,
+    readonly,
+    maxlength,
+    emitUpdate,
+    emitInput,
+    emitChange,
+    emitFocus,
+    emitBlur,
+    emitClear
+  } = options;
+  const nativeValue = vue.ref(modelValue.value);
+  const focused = vue.ref(false);
+  vue.watch(modelValue, (val) => {
+    const next = clampByMaxlength(val, maxlength.value);
+    if (next !== nativeValue.value)
+      nativeValue.value = next;
+  });
+  const hasValue = vue.computed(() => nativeValue.value !== "");
+  const countText = vue.computed(() => formatCount(nativeValue.value, maxlength.value));
+  const showClear = vue.computed(() => hasValue.value && !disabled.value && !readonly.value);
+  function handleInput(event) {
+    const target = event.target;
+    if (disabled.value || readonly.value) {
+      target.value = nativeValue.value;
+      return;
+    }
+    const raw = target.value;
+    const value = clampByMaxlength(raw, maxlength.value);
+    if (value !== raw)
+      target.value = value;
+    nativeValue.value = value;
+    emitUpdate(value);
+    emitInput(value, event);
+  }
+  function handleFocus(event) {
+    focused.value = true;
+    emitFocus(event);
+  }
+  function handleBlur(event) {
+    focused.value = false;
+    emitChange(nativeValue.value, event);
+    emitBlur(event);
+  }
+  function handleKeydown(event) {
+    if (event.key === "Enter")
+      emitChange(nativeValue.value, event);
+  }
+  function clear() {
+    if (disabled.value || readonly.value)
+      return;
+    nativeValue.value = "";
+    emitUpdate("");
+    emitClear();
+  }
+  return {
+    nativeValue,
+    focused,
+    hasValue,
+    countText,
+    showClear,
+    handleInput,
+    handleFocus,
+    handleBlur,
+    handleKeydown,
+    clear
+  };
+}
+
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...{ name: "QmInput", inheritAttrs: false },
+  __name: "input",
+  props: inputProps,
+  emits: ["update:modelValue", "input", "change", "focus", "blur", "clear"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const attrs = vue.useAttrs();
+    const rootRef = vue.ref(null);
+    const inputRef = vue.ref(null);
+    const modelValue = vue.computed(() => props.modelValue);
+    const disabled = vue.computed(() => props.disabled);
+    const readonly = vue.computed(() => props.readonly);
+    const maxlength = vue.computed(() => props.maxlength);
+    const {
+      nativeValue,
+      focused,
+      countText,
+      showClear,
+      handleInput,
+      handleFocus,
+      handleBlur,
+      handleKeydown,
+      clear
+    } = useInput({
+      modelValue,
+      disabled,
+      readonly,
+      maxlength,
+      emitUpdate: (value) => emit("update:modelValue", value),
+      emitInput: (value, event) => emit("input", value, event),
+      emitChange: (value, event) => emit("change", value, event),
+      emitFocus: (event) => emit("focus", event),
+      emitBlur: (event) => emit("blur", event),
+      emitClear: () => emit("clear")
+    });
+    const rootClass = vue.computed(() => [
+      "qm-input",
+      `qm-input--${props.size}`,
+      {
+        "qm-input--disabled": disabled.value,
+        "qm-input--focused": focused.value
+      }
+    ]);
+    function onClearClick() {
+      clear();
+      vue.nextTick(() => inputRef.value?.focus());
+    }
+    function focus() {
+      inputRef.value?.focus();
+    }
+    function blur() {
+      inputRef.value?.blur();
+    }
+    vue.onMounted(() => {
+      if (props.autofocus)
+        focus();
+    });
+    const ariaLabel = vue.computed(() => attrs["aria-label"] || props.placeholder || void 0);
+    __expose({ focus, blur, rootRef, inputRef });
+    const __returned__ = { props, emit, attrs, rootRef, inputRef, modelValue, disabled, readonly, maxlength, nativeValue, focused, countText, showClear, handleInput, handleFocus, handleBlur, handleKeydown, clear, rootClass, onClearClick, focus, blur, ariaLabel, get QmIcon() {
+      return icon.Icon;
+    } };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
+  }
+});
+
+const _hoisted_1 = ["aria-disabled"];
+const _hoisted_2 = {
+	key: 0,
+	class: "qm-input__prefix",
+	"aria-hidden": "true"
+};
+const _hoisted_3 = [
+	"type",
+	"value",
+	"placeholder",
+	"disabled",
+	"readonly",
+	"maxlength",
+	"autocomplete",
+	"autofocus",
+	"aria-label"
+];
+const _hoisted_4 = {
+	key: 1,
+	class: "qm-input__count",
+	"aria-live": "polite"
+};
+const _hoisted_5 = {
+	key: 3,
+	class: "qm-input__suffix"
+};
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+	return vue.openBlock(), vue.createElementBlock("div", {
+		ref: "rootRef",
+		class: vue.normalizeClass($setup.rootClass),
+		"aria-disabled": $setup.disabled || undefined
+	}, [
+		vue.createCommentVNode(" 前缀插槽（图标/文字） "),
+		_ctx.$slots.prefix ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2, [vue.renderSlot(_ctx.$slots, "prefix")])) : vue.createCommentVNode("v-if", true),
+		vue.createCommentVNode(" 原生输入框（inheritAttrs:false，其余原生/aria/data 属性绑定到 input） "),
+		vue.createElementVNode("input", vue.mergeProps({
+			ref: "inputRef",
+			class: "qm-input__inner"
+		}, _ctx.$attrs, {
+			type: _ctx.type,
+			value: $setup.nativeValue,
+			placeholder: _ctx.placeholder,
+			disabled: $setup.disabled,
+			readonly: $setup.readonly,
+			maxlength: $setup.maxlength,
+			autocomplete: _ctx.autocomplete,
+			autofocus: _ctx.autofocus || undefined,
+			"aria-label": $setup.ariaLabel,
+			onInput: _cache[0] || (_cache[0] = (...args) => $setup.handleInput && $setup.handleInput(...args)),
+			onFocus: _cache[1] || (_cache[1] = (...args) => $setup.handleFocus && $setup.handleFocus(...args)),
+			onBlur: _cache[2] || (_cache[2] = (...args) => $setup.handleBlur && $setup.handleBlur(...args)),
+			onKeydown: _cache[3] || (_cache[3] = (...args) => $setup.handleKeydown && $setup.handleKeydown(...args))
+		}), null, 16, _hoisted_3),
+		vue.createCommentVNode(" 字数统计 "),
+		_ctx.showCount ? (vue.openBlock(), vue.createElementBlock(
+			"span",
+			_hoisted_4,
+			vue.toDisplayString($setup.countText),
+			1
+			/* TEXT */
+		)) : vue.createCommentVNode("v-if", true),
+		vue.createCommentVNode(" 清除按钮 "),
+		$setup.showClear ? (vue.openBlock(), vue.createElementBlock(
+			"button",
+			{
+				key: 2,
+				type: "button",
+				class: "qm-input__clear",
+				"aria-label": "清除",
+				tabindex: "-1",
+				onMousedown: _cache[4] || (_cache[4] = vue.withModifiers(() => {}, ["prevent"])),
+				onClick: $setup.onClearClick
+			},
+			[vue.createVNode($setup["QmIcon"], {
+				name: "close",
+				class: "qm-input__clear-icon",
+				style: { "font-size": "12px" }
+			})],
+			32
+			/* NEED_HYDRATION */
+		)) : vue.createCommentVNode("v-if", true),
+		vue.createCommentVNode(" 后缀插槽（图标/密码可见切换） "),
+		_ctx.$slots.suffix ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_5, [vue.renderSlot(_ctx.$slots, "suffix")])) : vue.createCommentVNode("v-if", true)
+	], 10, _hoisted_1);
+}
+const Input = /*#__PURE__*/ exportHelper._export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "F:\\软件开发\\青冥组件系统\\packages\\components\\src\\components\\input\\input.vue"]]);
+
+exports.Input = Input;
+exports.clampByMaxlength = clampByMaxlength;
+exports.formatCount = formatCount;
+exports.inputProps = inputProps;
+exports.useInput = useInput;

package/es/shared/components.D2M7cpo2.d.cts

@@ -0,0 +1,126 @@
+import { PropType, defineComponent, openBlock, createElementBlock, createElementVNode, createVNode, createBlock } from 'vue';
+import { a as Icon } from './components.b5GjJzDh.cjs';
+import { _ as _export_sfc } from './components.OJRSZE6i.cjs';
+
+/**
+ * QmWindowControls 组件类型定义（桌面端 task）
+ * 类型先行：窗口控制动作（最小化 / 最大化/还原 / 关闭）。
+ */
+/** 窗口控制动作 */
+type WindowAction = 'minimize' | 'maximize' | 'close';
+/** props 声明 */
+declare const windowControlsProps: {
+    /** 最小化回调（undefined 时降级 Electron bridge，均无则静默空操作） */
+    readonly onMinimize: {
+        readonly type: PropType<(() => void) | undefined>;
+        readonly default: undefined;
+    };
+    /** 最大化/还原回调 */
+    readonly onMaximize: {
+        readonly type: PropType<(() => void) | undefined>;
+        readonly default: undefined;
+    };
+    /** 关闭回调 */
+    readonly onClose: {
+        readonly type: PropType<(() => void) | undefined>;
+        readonly default: undefined;
+    };
+    /** 是否已最大化（切换最大化/还原图标） */
+    readonly maximized: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+};
+/** emits 声明 */
+interface WindowControlsEmits {
+    minimize: [];
+    maximize: [];
+    close: [];
+}
+
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{ name: "QmWindowControls" },
+  __name: "window-controls",
+  props: windowControlsProps,
+  emits: ["minimize", "maximize", "close"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    __expose();
+    const props = __props;
+    const emit = __emit;
+    function getQingmingApi() {
+      if (typeof window === "undefined")
+        return void 0;
+      return window.qingmingAPI;
+    }
+    function invoke(action) {
+      const handlers = {
+        minimize: props.onMinimize,
+        maximize: props.onMaximize,
+        close: props.onClose
+      };
+      if (!handlers[action])
+        getQingmingApi()?.window?.[action]?.();
+      if (action === "minimize")
+        emit("minimize");
+      else if (action === "maximize")
+        emit("maximize");
+      else emit("close");
+    }
+    const __returned__ = { props, emit, getQingmingApi, invoke, get QmIcon() {
+      return Icon;
+    } };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
+  }
+});
+
+const _hoisted_1 = {
+	class: "qm-window-controls",
+	"data-qm": "window-controls",
+	role: "group",
+	"aria-label": "窗口控制"
+};
+const _hoisted_2 = ["aria-label", "title"];
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+	return openBlock(), createElementBlock("div", _hoisted_1, [
+		createElementVNode("button", {
+			type: "button",
+			class: "qm-window-controls__button",
+			"aria-label": "最小化",
+			title: "最小化",
+			onClick: _cache[0] || (_cache[0] = ($event) => $setup.invoke("minimize"))
+		}, [createVNode($setup["QmIcon"], {
+			name: "minimize",
+			class: "qm-window-controls__icon"
+		})]),
+		createElementVNode("button", {
+			type: "button",
+			class: "qm-window-controls__button",
+			"aria-label": _ctx.maximized ? "还原" : "最大化",
+			title: _ctx.maximized ? "还原" : "最大化",
+			onClick: _cache[1] || (_cache[1] = ($event) => $setup.invoke("maximize"))
+		}, [!_ctx.maximized ? (openBlock(), createBlock($setup["QmIcon"], {
+			key: 0,
+			name: "maximize",
+			class: "qm-window-controls__icon"
+		})) : (openBlock(), createBlock($setup["QmIcon"], {
+			key: 1,
+			name: "minimize",
+			class: "qm-window-controls__icon"
+		}))], 8, _hoisted_2),
+		createElementVNode("button", {
+			type: "button",
+			class: "qm-window-controls__button qm-window-controls__button--close",
+			"aria-label": "关闭",
+			title: "关闭",
+			onClick: _cache[2] || (_cache[2] = ($event) => $setup.invoke("close"))
+		}, [createVNode($setup["QmIcon"], {
+			name: "close",
+			class: "qm-window-controls__icon"
+		})])
+	]);
+}
+var WindowControls = /*#__PURE__*/ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "F:\\软件开发\\青冥组件系统\\packages\\components\\src\\components\\window-controls\\window-controls.vue"]]);
+
+export { WindowControls as W, windowControlsProps as w };
+export type { WindowAction as a, WindowControlsEmits as b };

package/es/shared/components.D3HPYZ31.d.mts

@@ -0,0 +1,223 @@
+import { InjectionKey, Ref, PropType, defineComponent, reactive, computed, provide, openBlock, createElementBlock, normalizeClass, renderSlot, inject, onMounted, onBeforeUnmount, withKeys, withModifiers, createElementVNode, createBlock, toDisplayString, createCommentVNode } from 'vue';
+import { _ as _export_sfc } from './components.OJRSZE6i.mjs';
+import { a as Icon } from './components.DCuPins-.mjs';
+
+/**
+ * QmSteps 组件类型定义（导航 + 桌面端 task）
+ * 类型先行：步骤状态机（wait / process / finish / error）与方向。
+ */
+/** 步骤方向 */
+type StepsDirection = 'horizontal' | 'vertical';
+/** 当前步骤状态（steps.status 控制当前索引步骤的展示） */
+type StepStatus = 'wait' | 'process' | 'finish' | 'error';
+/** props 声明 */
+declare const stepsProps: {
+    /** 当前步骤索引（从 0 开始） */
+    readonly current: {
+        readonly type: NumberConstructor;
+        readonly default: 0;
+    };
+    /** 排列方向 */
+    readonly direction: {
+        readonly type: PropType<StepsDirection>;
+        readonly default: "horizontal";
+    };
+    /** 当前步骤状态（process 主色 / error 红色 / finish 对勾） */
+    readonly status: {
+        readonly type: PropType<StepStatus>;
+        readonly default: "process";
+    };
+};
+/** emits 声明 */
+interface StepsEmits {
+    /** 点击步骤时触发（携带步骤索引），由应用决定是否跳转 */
+    change: [current: number];
+}
+/** 步骤上下文（provide/inject 供 QmStep 消费） */
+interface StepsContext {
+    /** 当前步骤索引 */
+    current: Ref<number>;
+    /** 当前步骤状态 */
+    status: Ref<StepStatus>;
+    /** 排列方向 */
+    direction: Ref<StepsDirection>;
+    /** 已注册的子步骤 token 列表（推导 index / isLast） */
+    items: object[];
+    /** 注册子步骤，返回注销函数 */
+    register: (token: object) => () => void;
+    /** 点击步骤（父级统一 emit change） */
+    onStepClick: (index: number) => void;
+}
+/** 注入键 */
+declare const STEPS_CONTEXT_KEY: InjectionKey<StepsContext>;
+/** QmStep props（子组件独立声明，供类型推导） */
+declare const stepProps: {
+    /** 步骤标题 */
+    readonly title: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+    /** 步骤描述 */
+    readonly description: {
+        readonly type: StringConstructor;
+        readonly default: "";
+    };
+};
+
+var _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  ...{ name: "QmSteps" },
+  __name: "steps",
+  props: stepsProps,
+  emits: ["change"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    __expose();
+    const props = __props;
+    const emit = __emit;
+    const items = reactive([]);
+    const context = {
+      current: computed(() => props.current),
+      status: computed(() => props.status),
+      direction: computed(() => props.direction),
+      items,
+      register: (token) => {
+        items.push(token);
+        return () => {
+          const index = items.indexOf(token);
+          if (index >= 0)
+            items.splice(index, 1);
+        };
+      },
+      onStepClick: (index) => {
+        if (index !== props.current)
+          emit("change", index);
+      }
+    };
+    provide(STEPS_CONTEXT_KEY, context);
+    const __returned__ = { props, emit, items, context };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
+  }
+});
+
+function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
+	return openBlock(), createElementBlock(
+		"div",
+		{
+			class: normalizeClass(["qm-steps", `qm-steps--${_ctx.direction}`]),
+			"data-qm": "steps"
+		},
+		[renderSlot(_ctx.$slots, "default")],
+		2
+		/* CLASS */
+	);
+}
+var Steps = /*#__PURE__*/ _export_sfc(_sfc_main$1, [["render", _sfc_render$1], ["__file", "F:\\软件开发\\青冥组件系统\\packages\\components\\src\\components\\steps\\steps.vue"]]);
+
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{ name: "QmStep" },
+  __name: "step",
+  props: stepProps,
+  setup(__props, { expose: __expose }) {
+    __expose();
+    const context = inject(STEPS_CONTEXT_KEY, void 0);
+    const token = {};
+    const index = computed(() => context?.items.indexOf(token) ?? -1);
+    const isLast = computed(() => context ? index.value === context.items.length - 1 : true);
+    const status = computed(() => {
+      if (!context)
+        return "wait";
+      if (index.value < context.current.value)
+        return "finish";
+      if (index.value === context.current.value)
+        return context.status.value;
+      return "wait";
+    });
+    let unregister;
+    onMounted(() => {
+      unregister = context?.register(token);
+    });
+    onBeforeUnmount(() => {
+      unregister?.();
+    });
+    function onClick() {
+      context?.onStepClick?.(index.value);
+    }
+    const __returned__ = { context, token, index, isLast, status, get unregister() {
+      return unregister;
+    }, set unregister(v) {
+      unregister = v;
+    }, onClick, get QmIcon() {
+      return Icon;
+    } };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
+  }
+});
+
+const _hoisted_1 = [
+	"data-index",
+	"tabindex",
+	"role",
+	"onKeydown"
+];
+const _hoisted_2 = { class: "qm-step__header" };
+const _hoisted_3 = {
+	class: "qm-step__icon",
+	"aria-hidden": "true"
+};
+const _hoisted_4 = {
+	key: 2,
+	class: "qm-step__index"
+};
+const _hoisted_5 = { class: "qm-step__body" };
+const _hoisted_6 = { class: "qm-step__title" };
+const _hoisted_7 = {
+	key: 0,
+	class: "qm-step__description"
+};
+const _hoisted_8 = {
+	key: 0,
+	class: "qm-step__line",
+	"aria-hidden": "true"
+};
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+	return openBlock(), createElementBlock("div", {
+		class: normalizeClass(["qm-step", [`qm-step--${$setup.status}`, `qm-step--${$setup.context?.direction.value ?? "horizontal"}`]]),
+		"data-index": $setup.index >= 0 ? $setup.index : undefined,
+		"data-qm": "step",
+		tabindex: $setup.context ? 0 : -1,
+		role: $setup.context ? "button" : "listitem",
+		onClick: $setup.onClick,
+		onKeydown: [withKeys(withModifiers($setup.onClick, ["prevent"]), ["enter"]), withKeys(withModifiers($setup.onClick, ["prevent"]), ["space"])]
+	}, [createElementVNode("div", _hoisted_2, [createElementVNode("div", _hoisted_3, [renderSlot(_ctx.$slots, "icon", {}, () => [$setup.status === "finish" ? (openBlock(), createBlock($setup["QmIcon"], {
+		key: 0,
+		name: "check",
+		class: "qm-step__icon-icon"
+	})) : $setup.status === "error" ? (openBlock(), createBlock($setup["QmIcon"], {
+		key: 1,
+		name: "error",
+		class: "qm-step__icon-icon"
+	})) : (openBlock(), createElementBlock(
+		"span",
+		_hoisted_4,
+		toDisplayString($setup.index >= 0 ? $setup.index + 1 : ""),
+		1
+		/* TEXT */
+	))])]), createElementVNode("div", _hoisted_5, [createElementVNode(
+		"div",
+		_hoisted_6,
+		toDisplayString(_ctx.title),
+		1
+		/* TEXT */
+	), _ctx.description ? (openBlock(), createElementBlock(
+		"div",
+		_hoisted_7,
+		toDisplayString(_ctx.description),
+		1
+		/* TEXT */
+	)) : createCommentVNode("v-if", true)])]), !$setup.isLast ? (openBlock(), createElementBlock("div", _hoisted_8)) : createCommentVNode("v-if", true)], 42, _hoisted_1);
+}
+var step = /*#__PURE__*/ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "F:\\软件开发\\青冥组件系统\\packages\\components\\src\\components\\steps\\step.vue"]]);
+
+export { Steps as S, STEPS_CONTEXT_KEY as a, stepProps as f, stepsProps as g, step as s };
+export type { StepStatus as b, StepsContext as c, StepsDirection as d, StepsEmits as e };