@qingmingmu/components 0.1.0-beta.0

package/es/shared/components.BaUizHWz.mjs

@@ -0,0 +1,270 @@
+import { ref, watch, computed, defineComponent, useAttrs, onMounted, nextTick, openBlock, createElementBlock, normalizeClass, createCommentVNode, renderSlot, createElementVNode, mergeProps, toDisplayString, withModifiers, createVNode } from 'vue';
+import { I as Icon } from './components.D3on6_fI.mjs';
+import { _ as _export_sfc } from './components.pcqpp-6-.mjs';
+
+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 = ref(modelValue.value);
+  const focused = ref(false);
+  watch(modelValue, (val) => {
+    const next = clampByMaxlength(val, maxlength.value);
+    if (next !== nativeValue.value)
+      nativeValue.value = next;
+  });
+  const hasValue = computed(() => nativeValue.value !== "");
+  const countText = computed(() => formatCount(nativeValue.value, maxlength.value));
+  const showClear = 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__ */ 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 = useAttrs();
+    const rootRef = ref(null);
+    const inputRef = ref(null);
+    const modelValue = computed(() => props.modelValue);
+    const disabled = computed(() => props.disabled);
+    const readonly = computed(() => props.readonly);
+    const maxlength = 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 = computed(() => [
+      "qm-input",
+      `qm-input--${props.size}`,
+      {
+        "qm-input--disabled": disabled.value,
+        "qm-input--focused": focused.value
+      }
+    ]);
+    function onClearClick() {
+      clear();
+      nextTick(() => inputRef.value?.focus());
+    }
+    function focus() {
+      inputRef.value?.focus();
+    }
+    function blur() {
+      inputRef.value?.blur();
+    }
+    onMounted(() => {
+      if (props.autofocus)
+        focus();
+    });
+    const ariaLabel = 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;
+    } };
+    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 openBlock(), createElementBlock("div", {
+		ref: "rootRef",
+		class: normalizeClass($setup.rootClass),
+		"aria-disabled": $setup.disabled || undefined
+	}, [
+		createCommentVNode(" 前缀插槽（图标/文字） "),
+		_ctx.$slots.prefix ? (openBlock(), createElementBlock("span", _hoisted_2, [renderSlot(_ctx.$slots, "prefix")])) : createCommentVNode("v-if", true),
+		createCommentVNode(" 原生输入框（inheritAttrs:false，其余原生/aria/data 属性绑定到 input） "),
+		createElementVNode("input", 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),
+		createCommentVNode(" 字数统计 "),
+		_ctx.showCount ? (openBlock(), createElementBlock(
+			"span",
+			_hoisted_4,
+			toDisplayString($setup.countText),
+			1
+			/* TEXT */
+		)) : createCommentVNode("v-if", true),
+		createCommentVNode(" 清除按钮 "),
+		$setup.showClear ? (openBlock(), createElementBlock(
+			"button",
+			{
+				key: 2,
+				type: "button",
+				class: "qm-input__clear",
+				"aria-label": "清除",
+				tabindex: "-1",
+				onMousedown: _cache[4] || (_cache[4] = withModifiers(() => {}, ["prevent"])),
+				onClick: $setup.onClearClick
+			},
+			[createVNode($setup["QmIcon"], {
+				name: "close",
+				class: "qm-input__clear-icon",
+				style: { "font-size": "12px" }
+			})],
+			32
+			/* NEED_HYDRATION */
+		)) : createCommentVNode("v-if", true),
+		createCommentVNode(" 后缀插槽（图标/密码可见切换） "),
+		_ctx.$slots.suffix ? (openBlock(), createElementBlock("span", _hoisted_5, [renderSlot(_ctx.$slots, "suffix")])) : createCommentVNode("v-if", true)
+	], 10, _hoisted_1);
+}
+const Input = /*#__PURE__*/ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "F:\\软件开发\\青冥组件系统\\packages\\components\\src\\components\\input\\input.vue"]]);
+
+export { Input as I, clampByMaxlength as c, formatCount as f, inputProps as i, useInput as u };

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

@@ -0,0 +1,132 @@
+import { PropType, defineComponent, computed, openBlock, createElementBlock, normalizeClass, renderSlot, createCommentVNode, Fragment, renderList, createTextVNode, toDisplayString } from 'vue';
+import { _ as _export_sfc } from './components.OJRSZE6i.js';
+
+/**
+ * QmList 组件类型定义（03-数据展示）
+ * 列表：数据渲染 / 分割线 / 空态 / 自定义项
+ */
+
+declare const listProps: {
+    /** 列表数据 */
+    readonly data: {
+        readonly type: PropType<any[]>;
+        readonly default: () => never[];
+    };
+    /** 是否显示边框 */
+    readonly bordered: {
+        readonly type: BooleanConstructor;
+        readonly default: false;
+    };
+    /** 是否显示分割线 */
+    readonly divider: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    /** hover 高亮 */
+    readonly hover: {
+        readonly type: BooleanConstructor;
+        readonly default: true;
+    };
+    /** 空态文案（empty 插槽可覆盖） */
+    readonly emptyText: {
+        readonly type: StringConstructor;
+        readonly default: "暂无数据";
+    };
+};
+/** emits 声明 */
+interface ListEmits {
+    /** 列表项点击（携带当前项与索引；Enter/Space 键盘等价触发） */
+    itemClick: [item: any, index: number];
+}
+
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{ name: "QmList" },
+  __name: "list",
+  props: listProps,
+  emits: ["itemClick"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    __expose();
+    const props = __props;
+    const emit = __emit;
+    const modifierClass = computed(() => ({
+      "qm-list--bordered": props.bordered,
+      "qm-list--divider": props.divider,
+      "qm-list--hover": props.hover
+    }));
+    function defaultText(item) {
+      return typeof item === "string" || typeof item === "number" ? String(item) : "";
+    }
+    function handleItemClick(item, index) {
+      emit("itemClick", item, index);
+    }
+    function handleItemKeydown(event, item, index) {
+      if (event.key === "Enter" || event.key === " ") {
+        event.preventDefault();
+        handleItemClick(item, index);
+      }
+    }
+    const __returned__ = { props, emit, modifierClass, defaultText, handleItemClick, handleItemKeydown };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
+  }
+});
+
+const _hoisted_1 = {
+	key: 0,
+	class: "qm-list__header"
+};
+const _hoisted_2 = ["onClick", "onKeydown"];
+const _hoisted_3 = {
+	key: 2,
+	class: "qm-list__empty"
+};
+const _hoisted_4 = {
+	key: 3,
+	class: "qm-list__footer"
+};
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+	return openBlock(), createElementBlock(
+		"div",
+		{
+			class: normalizeClass(["qm-list", $setup.modifierClass]),
+			"data-qm": "list"
+		},
+		[
+			_ctx.$slots.header ? (openBlock(), createElementBlock("div", _hoisted_1, [renderSlot(_ctx.$slots, "header")])) : createCommentVNode("v-if", true),
+			_ctx.data.length ? (openBlock(true), createElementBlock(
+				Fragment,
+				{ key: 1 },
+				renderList(_ctx.data, (item, index) => {
+					return openBlock(), createElementBlock("div", {
+						key: index,
+						class: "qm-list__item",
+						role: "button",
+						tabindex: "0",
+						onClick: ($event) => $setup.handleItemClick(item, index),
+						onKeydown: ($event) => $setup.handleItemKeydown($event, item, index)
+					}, [renderSlot(_ctx.$slots, "default", {
+						item,
+						index
+					}, () => [createTextVNode(
+						toDisplayString($setup.defaultText(item)),
+						1
+						/* TEXT */
+					)])], 40, _hoisted_2);
+				}),
+				128
+				/* KEYED_FRAGMENT */
+			)) : (openBlock(), createElementBlock("div", _hoisted_3, [renderSlot(_ctx.$slots, "empty", {}, () => [createTextVNode(
+				toDisplayString(_ctx.emptyText),
+				1
+				/* TEXT */
+			)])])),
+			_ctx.$slots.footer ? (openBlock(), createElementBlock("div", _hoisted_4, [renderSlot(_ctx.$slots, "footer")])) : createCommentVNode("v-if", true)
+		],
+		2
+		/* CLASS */
+	);
+}
+var List = /*#__PURE__*/ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "F:\\软件开发\\青冥组件系统\\packages\\components\\src\\components\\list\\list.vue"]]);
+
+export { List as a, listProps as l };
+export type { ListEmits as L };

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

@@ -0,0 +1,208 @@
+import { PropType, Ref, defineComponent, useSlots, ref, onMounted, onBeforeUpdate, computed, onUnmounted, Comment, openBlock, createElementBlock, normalizeClass, Fragment, renderList, createElementVNode, normalizeStyle, createVNode, mergeProps, createCommentVNode } from 'vue';
+import { _ as _export_sfc } from './components.OJRSZE6i.cjs';
+
+/**
+ * QmSplitter 组件类型定义（组件体系设计 §6.4：类型先行）
+ * 布局-04：可拖拽分栏；sizes 控制各面板百分比，拖拽分隔条调整并 emit resize；
+ * 支持键盘方向键微调（可访问性）；方向 horizontal | vertical。
+ */
+
+/** 分栏方向 */
+type SplitterDirection = 'horizontal' | 'vertical';
+/** props 声明（纯类型 + 默认值，供 SFC 与文档复用） */
+declare const splitterProps: {
+    /** 分栏方向：horizontal 左右 / vertical 上下 */
+    readonly direction: {
+        readonly type: PropType<SplitterDirection>;
+        readonly default: "horizontal";
+    };
+    /** 各面板百分比（合计 100）；缺省/不匹配时均分；受控：外部变更会同步内部 */
+    readonly sizes: {
+        readonly type: PropType<number[]>;
+        readonly default: () => never[];
+    };
+    /** 面板最小百分比：number 全局；number[] 逐面板 */
+    readonly minSize: {
+        readonly type: PropType<number | number[]>;
+        readonly default: 10;
+    };
+};
+/** emits 声明 */
+interface SplitterEmits {
+    /** 拖拽/键盘调整结束（或受控同步）后，返回各面板百分比数组 */
+    resize: [sizes: number[]];
+}
+
+/**
+ * useSplitter —— QmSplitter 拖拽分栏逻辑（可独立测试的 composable）
+ * 职责：
+ * - sizes 归一化（均分/受控同步/合计 100）；
+ * - 拖拽状态机：mousedown → window mousemove → window mouseup；
+ *   按方向取 clientX/clientY，换算容器百分比增量并夹取到相邻面板最小尺寸；
+ * - 键盘方向键微调（水平：←/→；垂直：↑/↓）；
+ * - SSR 安全：window 仅在事件回调内访问，模块顶层不触碰。
+ */
+
+/** 组合式入参 */
+interface UseSplitterOptions {
+    direction: Ref<SplitterDirection>;
+    /** 外部受控 sizes */
+    sizes: Ref<number[]>;
+    /** 面板最小尺寸：number 全局 / number[] 逐面板 */
+    minSize: Ref<number | number[]>;
+    /** 面板数量（由组件根据插槽节点计算） */
+    panelCount: Ref<number>;
+    /** 调整完成后回调（emit resize） */
+    onResize: (sizes: number[]) => void;
+}
+interface UseSplitterReturn {
+    /** 内部面板百分比（合计 100） */
+    sizes: Ref<number[]>;
+    /** 是否正在拖拽（供根节点加修饰类） */
+    dragging: Ref<boolean>;
+    /** 当前拖拽的分隔条下标 */
+    activeBar: Ref<number>;
+    /** 开始拖拽（分隔条 mousedown） */
+    beginDrag: (index: number, event: MouseEvent) => void;
+    /** 键盘调整（分隔条 keydown） */
+    handleBarKeydown: (index: number, event: KeyboardEvent) => void;
+    /** 卸载清理：移除 window 监听 */
+    dispose: () => void;
+}
+/** 归一化：数量不匹配/非法/合计非正时均分，否则按比例缩放到合计 100 */
+declare function normalizeSizes(list: number[], count: number): number[];
+declare function useSplitter(options: UseSplitterOptions): UseSplitterReturn;
+
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{ name: "QmSplitter" },
+  __name: "splitter",
+  props: splitterProps,
+  emits: ["resize"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    __expose();
+    const props = __props;
+    const emit = __emit;
+    const slots = useSlots();
+    function getPanels() {
+      return (slots.default?.() ?? []).flat().filter((v) => v && typeof v === "object" && "type" in v && v.type !== Comment);
+    }
+    let panelsCache = null;
+    const panelCount = ref(0);
+    function renderPanels() {
+      if (panelsCache === null)
+        panelsCache = getPanels();
+      return panelsCache;
+    }
+    function syncPanels() {
+      panelsCache = null;
+      panelCount.value = renderPanels().length;
+    }
+    onMounted(syncPanels);
+    onBeforeUpdate(syncPanels);
+    const splitter = useSplitter({
+      direction: computed(() => props.direction),
+      sizes: computed(() => props.sizes),
+      minSize: computed(() => props.minSize),
+      panelCount,
+      onResize: (sizes) => emit("resize", sizes)
+    });
+    onUnmounted(() => {
+      splitter.dispose();
+    });
+    function panelStyle(index) {
+      const size = splitter.sizes.value[index];
+      return { flexBasis: size != null ? `${size}%` : void 0 };
+    }
+    function barAria(index) {
+      const min = Array.isArray(props.minSize) ? props.minSize[index] ?? 10 : props.minSize;
+      const minR = Array.isArray(props.minSize) ? props.minSize[index + 1] ?? 10 : props.minSize;
+      return {
+        "aria-valuemin": Math.round(min),
+        "aria-valuemax": Math.round(100 - minR)
+      };
+    }
+    const PanelRenderer = defineComponent({
+      name: "QmSplitterPanelRenderer",
+      props: { node: { type: Object, required: true } },
+      setup(renderProps) {
+        return () => renderProps.node;
+      }
+    });
+    const rootClass = computed(() => [
+      `qm-splitter--${props.direction}`,
+      { "qm-splitter--dragging": splitter.dragging.value }
+    ]);
+    const __returned__ = { props, emit, slots, getPanels, get panelsCache() {
+      return panelsCache;
+    }, set panelsCache(v) {
+      panelsCache = v;
+    }, panelCount, renderPanels, syncPanels, splitter, panelStyle, barAria, PanelRenderer, rootClass };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
+  }
+});
+
+const _hoisted_1 = [
+	"aria-orientation",
+	"aria-valuenow",
+	"onMousedown",
+	"onKeydown"
+];
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+	return openBlock(), createElementBlock(
+		"div",
+		{
+			class: normalizeClass(["qm-splitter", $setup.rootClass]),
+			"data-qm": "splitter"
+		},
+		[(openBlock(true), createElementBlock(
+			Fragment,
+			null,
+			renderList($setup.renderPanels(), (panel, index) => {
+				return openBlock(), createElementBlock(
+					Fragment,
+					{ key: index },
+					[createElementVNode(
+						"div",
+						{
+							class: "qm-splitter__panel",
+							style: normalizeStyle($setup.panelStyle(index))
+						},
+						[createVNode($setup["PanelRenderer"], { node: panel }, null, 8, ["node"])],
+						4
+						/* STYLE */
+					), index < $setup.renderPanels().length - 1 ? (openBlock(), createElementBlock("div", mergeProps({
+						key: 0,
+						class: "qm-splitter__bar",
+						role: "separator",
+						"aria-orientation": _ctx.direction,
+						"aria-valuenow": Math.round($setup.splitter.sizes.value[index] ?? 0)
+					}, { ref_for: true }, $setup.barAria(index), {
+						tabindex: 0,
+						onMousedown: ($event) => $setup.splitter.beginDrag(index, $event),
+						onKeydown: ($event) => $setup.splitter.handleBarKeydown(index, $event)
+					}), [..._cache[0] || (_cache[0] = [createElementVNode(
+						"span",
+						{
+							class: "qm-splitter__bar-handle",
+							"aria-hidden": "true"
+						},
+						null,
+						-1
+						/* CACHED */
+					)])], 16, _hoisted_1)) : createCommentVNode("v-if", true)],
+					64
+					/* STABLE_FRAGMENT */
+				);
+			}),
+			128
+			/* KEYED_FRAGMENT */
+		))],
+		2
+		/* CLASS */
+	);
+}
+var Splitter = /*#__PURE__*/ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "F:\\软件开发\\青冥组件系统\\packages\\components\\src\\components\\splitter\\splitter.vue"]]);
+
+export { Splitter as S, normalizeSizes as n, splitterProps as s, useSplitter as u };
+export type { UseSplitterOptions as U, SplitterDirection as a, SplitterEmits as b, UseSplitterReturn as c };

package/es/shared/components.Be0We_QJ.mjs

@@ -0,0 +1,79 @@
+import { defineComponent, computed, openBlock, createElementBlock, renderSlot, createTextVNode, toDisplayString, createCommentVNode, createElementVNode } from 'vue';
+import { _ as _export_sfc } from './components.pcqpp-6-.mjs';
+
+const statisticProps = {
+  /** 标题（title 插槽可覆盖） */
+  title: { type: String, default: "" },
+  /** 数值（string | number） */
+  value: { type: [String, Number], default: 0 },
+  /** 小数精度（保留位数，四舍五入） */
+  precision: { type: Number, default: 0 },
+  /** 小数点符号 */
+  decimalSeparator: { type: String, default: "." },
+  /** 千分位分隔符 */
+  groupSeparator: { type: String, default: "," }
+};
+function formatStatisticValue(value, precision, decimalSeparator, groupSeparator) {
+  const num = Number(value);
+  if (!Number.isFinite(num)) return String(value);
+  const fixed = num.toFixed(Math.max(0, Math.floor(precision)));
+  const [intPart, decPart = ""] = fixed.split(".");
+  const grouped = intPart.replace(/\B(?=(\d{3})+(?!\d))/g, groupSeparator);
+  if (precision > 0 && decPart) return `${grouped}${decimalSeparator}${decPart}`;
+  return grouped;
+}
+
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{ name: "QmStatistic" },
+  __name: "statistic",
+  props: statisticProps,
+  setup(__props, { expose: __expose }) {
+    __expose();
+    const props = __props;
+    const display = computed(
+      () => formatStatisticValue(props.value, props.precision, props.decimalSeparator, props.groupSeparator)
+    );
+    const __returned__ = { props, display };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
+  }
+});
+
+const _hoisted_1 = {
+	class: "qm-statistic",
+	"data-qm": "statistic"
+};
+const _hoisted_2 = {
+	key: 0,
+	class: "qm-statistic__title"
+};
+const _hoisted_3 = { class: "qm-statistic__content" };
+const _hoisted_4 = {
+	key: 0,
+	class: "qm-statistic__prefix"
+};
+const _hoisted_5 = { class: "qm-statistic__value" };
+const _hoisted_6 = {
+	key: 1,
+	class: "qm-statistic__suffix"
+};
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+	return openBlock(), createElementBlock("div", _hoisted_1, [_ctx.$slots.title || _ctx.title ? (openBlock(), createElementBlock("div", _hoisted_2, [renderSlot(_ctx.$slots, "title", {}, () => [createTextVNode(
+		toDisplayString(_ctx.title),
+		1
+		/* TEXT */
+	)])])) : createCommentVNode("v-if", true), createElementVNode("div", _hoisted_3, [
+		_ctx.$slots.prefix ? (openBlock(), createElementBlock("span", _hoisted_4, [renderSlot(_ctx.$slots, "prefix")])) : createCommentVNode("v-if", true),
+		createElementVNode(
+			"span",
+			_hoisted_5,
+			toDisplayString($setup.display),
+			1
+			/* TEXT */
+		),
+		_ctx.$slots.suffix ? (openBlock(), createElementBlock("span", _hoisted_6, [renderSlot(_ctx.$slots, "suffix")])) : createCommentVNode("v-if", true)
+	])]);
+}
+const Statistic = /*#__PURE__*/ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "F:\\软件开发\\青冥组件系统\\packages\\components\\src\\components\\statistic\\statistic.vue"]]);
+
+export { Statistic as S, formatStatisticValue as f, statisticProps as s };