@qingmingmu/components 0.1.0-beta.0

package/es/components/menu/style.css

@@ -0,0 +1,148 @@
+@charset "UTF-8";
+.qm-menu {
+  box-sizing: border-box;
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  padding: 0;
+  margin: 0;
+  color: var(--qm-menu-color);
+  list-style: none;
+  background-color: var(--qm-menu-bg);
+  border: 1px solid var(--qm-menu-border);
+}
+.qm-menu--horizontal {
+  flex-direction: row;
+  align-items: center;
+}
+.qm-menu--collapsed .qm-menu-item__label,
+.qm-menu--collapsed .qm-sub-menu__title,
+.qm-menu--collapsed .qm-sub-menu__arrow {
+  display: none;
+}
+.qm-menu--collapsed .qm-menu-item,
+.qm-menu--collapsed .qm-sub-menu__trigger {
+  justify-content: center;
+  padding: 0;
+}
+.qm-menu--collapsed .qm-sub-menu__popup {
+  display: none;
+}
+
+.qm-menu-item {
+  box-sizing: border-box;
+  display: flex;
+  gap: 8px;
+  align-items: center;
+  min-height: var(--qm-menu-item-height);
+  padding: var(--qm-menu-item-padding);
+  font-size: var(--qm-menu-item-font-size);
+  line-height: 1;
+  color: var(--qm-menu-color);
+  cursor: pointer;
+  outline: none;
+  transition: background-color var(--qm-menu-transition) ease, color var(--qm-menu-transition) ease;
+}
+.qm-menu-item:hover {
+  background-color: var(--qm-menu-item-hover-bg);
+}
+.qm-menu-item:focus-visible {
+  box-shadow: inset 0 0 0 2px var(--qm-menu-item-active-color);
+}
+.qm-menu-item--selected {
+  color: var(--qm-menu-item-active-color);
+  background-color: var(--qm-menu-item-active-bg);
+}
+.qm-menu-item--disabled {
+  color: var(--qm-menu-item-disabled-color);
+  pointer-events: none;
+  cursor: not-allowed;
+}
+.qm-menu-item__icon {
+  display: inline-flex;
+  flex-shrink: 0;
+  align-items: center;
+  justify-content: center;
+}
+.qm-menu-item__label {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.qm-sub-menu {
+  position: relative;
+}
+.qm-sub-menu__trigger {
+  box-sizing: border-box;
+  display: flex;
+  gap: 8px;
+  align-items: center;
+  min-height: var(--qm-menu-item-height);
+  padding: var(--qm-menu-item-padding);
+  font-size: var(--qm-menu-item-font-size);
+  color: var(--qm-menu-color);
+  cursor: pointer;
+  outline: none;
+  transition: background-color var(--qm-menu-transition) ease;
+}
+.qm-sub-menu__trigger:hover {
+  background-color: var(--qm-menu-item-hover-bg);
+}
+.qm-sub-menu__trigger:focus-visible {
+  box-shadow: inset 0 0 0 2px var(--qm-menu-item-active-color);
+}
+.qm-sub-menu--disabled .qm-sub-menu__trigger {
+  color: var(--qm-menu-item-disabled-color);
+  pointer-events: none;
+  cursor: not-allowed;
+}
+.qm-sub-menu__icon {
+  display: inline-flex;
+  flex-shrink: 0;
+  align-items: center;
+  justify-content: center;
+}
+.qm-sub-menu__title {
+  flex: 1;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.qm-sub-menu__arrow {
+  display: inline-flex;
+  flex-shrink: 0;
+  align-items: center;
+  color: var(--qm-menu-arrow-color);
+  transition: transform var(--qm-menu-transition) ease;
+  /* 统一走 QmIcon：1em 随触发行字号，颜色随容器 */
+}
+.qm-sub-menu__arrow .qm-icon {
+  font-size: 1em;
+  color: inherit;
+}
+.qm-sub-menu--open .qm-sub-menu__arrow {
+  transform: rotate(180deg);
+}
+.qm-sub-menu__popup {
+  box-sizing: border-box;
+  padding: 0;
+  margin: 0;
+  list-style: none;
+}
+.qm-menu--vertical .qm-sub-menu__popup .qm-menu-item {
+  padding-left: calc(var(--qm-menu-item-padding) + var(--qm-menu-indent));
+}
+.qm-menu--horizontal .qm-sub-menu__popup {
+  position: absolute;
+  top: 100%;
+  left: 0;
+  z-index: var(--qm-menu-popup-z-index);
+  min-width: 100%;
+  background-color: var(--qm-menu-bg);
+  border: 1px solid var(--qm-menu-border);
+}
+.qm-menu--horizontal .qm-sub-menu__popup--flip {
+  top: auto;
+  bottom: 100%;
+}

package/es/components/message/index.cjs

@@ -0,0 +1,236 @@
+'use strict';
+
+const vue = require('vue');
+const icon = require('../../shared/components.CRtd1JMp.cjs');
+const exportHelper = require('../../shared/components.DUidQ77e.cjs');
+require('@qingmingmu/components/es/components/message/style.css');
+require('@qingmingmu/icons');
+
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...{ name: "QmMessage" },
+  __name: "message",
+  props: {
+    item: { type: Object, required: true }
+  },
+  emits: ["close"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    __expose();
+    const props = __props;
+    const emit = __emit;
+    const iconName = vue.computed(() => {
+      switch (props.item.type) {
+        case "success":
+          return "check-circle";
+        case "error":
+          return "error";
+        case "warning":
+          return "warning";
+        case "loading":
+          return "loading";
+        default:
+          return "info";
+      }
+    });
+    const colorVar = vue.computed(() => {
+      switch (props.item.type) {
+        case "success":
+          return "var(--qm-message-color-success)";
+        case "error":
+          return "var(--qm-message-color-error)";
+        case "warning":
+          return "var(--qm-message-color-warning)";
+        case "loading":
+          return "var(--qm-message-color-loading)";
+        default:
+          return "var(--qm-message-color-info)";
+      }
+    });
+    function handleClose() {
+      emit("close", props.item.id);
+    }
+    const __returned__ = { props, emit, iconName, colorVar, handleClose, get QmIcon() {
+      return icon.Icon;
+    } };
+    Object.defineProperty(__returned__, "__isScriptSetup", { enumerable: false, value: true });
+    return __returned__;
+  }
+});
+
+const _hoisted_1 = { class: "qm-message__content" };
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+	return vue.openBlock(), vue.createElementBlock(
+		"div",
+		{
+			class: vue.normalizeClass(["qm-message", [`qm-message--${$props.item.type}`, { "qm-message--closable": $props.item.closable }]]),
+			role: "status",
+			"aria-live": "polite"
+		},
+		[
+			vue.createCommentVNode(" 类型图标 "),
+			vue.createElementVNode(
+				"span",
+				{
+					class: "qm-message__icon",
+					style: vue.normalizeStyle({ color: $setup.colorVar }),
+					"aria-hidden": "true"
+				},
+				[vue.createVNode($setup["QmIcon"], {
+					name: $setup.iconName,
+					class: vue.normalizeClass({ "qm-message__spinner": $props.item.type === "loading" })
+				}, null, 8, ["name", "class"])],
+				4
+				/* STYLE */
+			),
+			vue.createCommentVNode(" 文案 "),
+			vue.createElementVNode(
+				"span",
+				_hoisted_1,
+				vue.toDisplayString($props.item.content),
+				1
+				/* TEXT */
+			),
+			vue.createCommentVNode(" 手动关闭 "),
+			$props.item.closable ? (vue.openBlock(), vue.createElementBlock("button", {
+				key: 0,
+				type: "button",
+				class: "qm-message__close",
+				"aria-label": "关闭消息",
+				onClick: $setup.handleClose
+			}, [vue.createVNode($setup["QmIcon"], {
+				name: "close",
+				style: { "font-size": "16px" }
+			})])) : vue.createCommentVNode("v-if", true)
+		],
+		2
+		/* CLASS */
+	);
+}
+const MessageItem = /*#__PURE__*/ exportHelper._export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "F:\\软件开发\\青冥组件系统\\packages\\components\\src\\components\\message\\message.vue"]]);
+
+const DEFAULT_DURATION = 3e3;
+const DEFAULT_MAX = 5;
+let seed = 0;
+const instances = vue.reactive([]);
+const timers = /* @__PURE__ */ new Map();
+let container = null;
+let app = null;
+function clearTimer(id) {
+  const t = timers.get(id);
+  if (t) {
+    clearTimeout(t);
+    timers.delete(id);
+  }
+}
+function startTimer(item) {
+  clearTimer(item.id);
+  if (item.duration > 0) {
+    timers.set(
+      item.id,
+      setTimeout(() => removeInstance(item.id), item.duration)
+    );
+  }
+}
+function removeInstance(id) {
+  clearTimer(id);
+  const idx = instances.findIndex((i) => i.id === id);
+  if (idx === -1)
+    return;
+  const [removed] = instances.splice(idx, 1);
+  removed?.onClose?.();
+}
+function createRoot() {
+  return {
+    setup() {
+      return () => vue.h("div", { class: "qm-message-container" }, [
+        vue.h(vue.TransitionGroup, { name: "qm-message", tag: "div", class: "qm-message__list" }, () => instances.map(
+          (item) => vue.h(MessageItem, {
+            key: item.id,
+            item,
+            onClose: () => removeInstance(item.id)
+          })
+        ))
+      ]);
+    }
+  };
+}
+function ensureContainer() {
+  if (container && app)
+    return;
+  container = document.createElement("div");
+  container.className = "qm-message-container-root";
+  document.body.appendChild(container);
+  app = vue.createApp(createRoot());
+  app.mount(container);
+}
+function destroyMessageManager() {
+  for (const id of instances.map((i) => i.id)) clearTimer(id);
+  instances.splice(0, instances.length);
+  if (app) {
+    app.unmount();
+    app = null;
+  }
+  if (container) {
+    container.remove();
+    container = null;
+  }
+}
+function normalize(type, input) {
+  const opts = typeof input === "string" ? { content: input } : { ...input };
+  return {
+    content: opts.content ?? "",
+    type: opts.type ?? type,
+    duration: opts.duration ?? DEFAULT_DURATION,
+    closable: opts.closable ?? false,
+    max: opts.max ?? DEFAULT_MAX,
+    onClose: opts.onClose
+  };
+}
+function openMessage(type, input) {
+  const opts = normalize(type, input);
+  ensureContainer();
+  const item = vue.reactive({
+    id: ++seed,
+    type: opts.type,
+    content: opts.content,
+    duration: opts.duration,
+    closable: opts.closable,
+    visible: true,
+    onClose: opts.onClose
+  });
+  if (opts.max > 0 && instances.length >= opts.max)
+    removeInstance(instances[instances.length - 1].id);
+  instances.unshift(item);
+  startTimer(item);
+  return {
+    close: () => removeInstance(item.id),
+    update: (patch) => {
+      if (typeof patch === "string") {
+        item.content = patch;
+        return;
+      }
+      if (patch.content !== void 0)
+        item.content = patch.content;
+      if (patch.type !== void 0)
+        item.type = patch.type;
+      if (patch.closable !== void 0)
+        item.closable = patch.closable;
+      if (patch.duration !== void 0) {
+        item.duration = patch.duration;
+        startTimer(item);
+      }
+    }
+  };
+}
+
+const message = {
+  success: (input) => openMessage("success", input),
+  error: (input) => openMessage("error", input),
+  warning: (input) => openMessage("warning", input),
+  info: (input) => openMessage("info", input),
+  loading: (input) => openMessage("loading", input)
+};
+const QmMessage = message;
+
+exports.QmMessage = QmMessage;
+exports.destroyMessageManager = destroyMessageManager;
+exports.message = message;

package/es/components/message/index.d.cts

@@ -0,0 +1,92 @@
+/**
+ * QmMessage 类型定义（03-T4 命令式 API：类型先行）
+ *
+ * 返回值契约（task-04 §4）：
+ *   message.success('ok') → { close(): void; update(options): void }
+ * - content 支持字符串简写：`message.success('保存成功')`；
+ * - duration = 0 表示常驻（不自动关闭）；
+ * - max 控制同类型最大堆叠数，超出按"后进在上"策略替换最早一条。
+ */
+/** 消息类型（loading 为加载态，常配合 update 转为 success/error） */
+type MessageType = 'success' | 'warning' | 'error' | 'info' | 'loading';
+/** 命令式调用选项（content 可由字符串位置参数提供） */
+interface MessageOptions {
+    /** 消息文案 */
+    content?: string;
+    /** 消息类型，默认 info */
+    type?: MessageType;
+    /** 自动关闭时长（ms），默认 3000；0 = 常驻 */
+    duration?: number;
+    /** 是否显示手动关闭按钮，默认 false */
+    closable?: boolean;
+    /** 最大堆叠数，默认 5；超出替换最早一条 */
+    max?: number;
+    /** 关闭回调（手动/自动关闭均触发） */
+    onClose?: () => void;
+}
+/** 单条消息运行时状态（管理器内 reactive，渲染层消费） */
+interface MessageItemData {
+    id: number;
+    type: MessageType;
+    content: string;
+    duration: number;
+    closable: boolean;
+    /** 控制进出场：false 触发 Transition leave */
+    visible: boolean;
+}
+/** 调用方持有的句柄（返回值契约） */
+interface MessageInstance {
+    /** 手动关闭该条消息 */
+    close: () => void;
+    /** 原地更新文案/类型/时长（loading → success 场景） */
+    update: (options: MessageOptions) => void;
+}
+/** 全局默认配置（本轮由调用方传入；ConfigProvider 落地后改为读取全局配置） */
+interface MessageGlobalConfig {
+    duration?: number;
+    max?: number;
+}
+
+/**
+ * QmMessage 管理器（03-T4 §3.1：实例队列 / 堆叠 / max / 统一销毁 / 惰性挂载）
+ *
+ * 设计要点：
+ * - 惰性挂载：首次 open 才创建容器并挂载内部根应用；未调用时无任何 DOM（SSR 安全）；
+ * - 容器复用：全局单例容器，所有类型消息共用同一容器（不重复创建）；
+ * - 堆叠：后进在上（unshift 到数组头部，TransitionGroup 保持顺序）；
+ * - max：超出上限时移除最早一条（数组尾部）；
+ * - 定时器：每条消息独立 setTimeout，duration=0 不启动；close/update 时清理/重置；
+ * - 进出场：TransitionGroup 自动管理 leave，离开完成后从响应式数组 splice（无 DOM 残留）；
+ * - 主题：样式只消费 --qm-message-* Token，随 documentElement 的 data-theme 级联（ConfigProvider 落地前的全局主题已足够）。
+ */
+
+/** 关闭全部并卸载容器（测试清理 / 统一销毁） */
+declare function destroyMessageManager(): void;
+
+/**
+ * QmMessage 命令式入口（03-T4）
+ *
+ * 用法：
+ *   import { message } from '@qingmingmu/components'
+ *   message.success('保存成功')
+ *   const instance = message.loading('上传中…')
+ *   instance.update('上传完成')  // 或 instance.update({ type: 'success', content: '...' })
+ *   instance.close()
+ *
+ * auto-import：resolver 将 QmMessage 映射为 `import { message } from '@qingmingmu/components'`。
+ */
+
+/** 命令式 API 对象：success / error / warning / info / loading */
+declare const message: {
+    success: (input: string | MessageOptions) => MessageInstance;
+    error: (input: string | MessageOptions) => MessageInstance;
+    warning: (input: string | MessageOptions) => MessageInstance;
+    info: (input: string | MessageOptions) => MessageInstance;
+    loading: (input: string | MessageOptions) => MessageInstance;
+};
+/** 别名（与导出名 message 同时提供，兼容 QmMessage.xxx 调用风格） */
+declare const QmMessage: typeof message;
+type MessageApi = typeof message;
+
+export { QmMessage, destroyMessageManager, message };
+export type { MessageApi, MessageGlobalConfig, MessageInstance, MessageItemData, MessageOptions, MessageType };

package/es/components/message/index.d.mts

@@ -0,0 +1,92 @@
+/**
+ * QmMessage 类型定义（03-T4 命令式 API：类型先行）
+ *
+ * 返回值契约（task-04 §4）：
+ *   message.success('ok') → { close(): void; update(options): void }
+ * - content 支持字符串简写：`message.success('保存成功')`；
+ * - duration = 0 表示常驻（不自动关闭）；
+ * - max 控制同类型最大堆叠数，超出按"后进在上"策略替换最早一条。
+ */
+/** 消息类型（loading 为加载态，常配合 update 转为 success/error） */
+type MessageType = 'success' | 'warning' | 'error' | 'info' | 'loading';
+/** 命令式调用选项（content 可由字符串位置参数提供） */
+interface MessageOptions {
+    /** 消息文案 */
+    content?: string;
+    /** 消息类型，默认 info */
+    type?: MessageType;
+    /** 自动关闭时长（ms），默认 3000；0 = 常驻 */
+    duration?: number;
+    /** 是否显示手动关闭按钮，默认 false */
+    closable?: boolean;
+    /** 最大堆叠数，默认 5；超出替换最早一条 */
+    max?: number;
+    /** 关闭回调（手动/自动关闭均触发） */
+    onClose?: () => void;
+}
+/** 单条消息运行时状态（管理器内 reactive，渲染层消费） */
+interface MessageItemData {
+    id: number;
+    type: MessageType;
+    content: string;
+    duration: number;
+    closable: boolean;
+    /** 控制进出场：false 触发 Transition leave */
+    visible: boolean;
+}
+/** 调用方持有的句柄（返回值契约） */
+interface MessageInstance {
+    /** 手动关闭该条消息 */
+    close: () => void;
+    /** 原地更新文案/类型/时长（loading → success 场景） */
+    update: (options: MessageOptions) => void;
+}
+/** 全局默认配置（本轮由调用方传入；ConfigProvider 落地后改为读取全局配置） */
+interface MessageGlobalConfig {
+    duration?: number;
+    max?: number;
+}
+
+/**
+ * QmMessage 管理器（03-T4 §3.1：实例队列 / 堆叠 / max / 统一销毁 / 惰性挂载）
+ *
+ * 设计要点：
+ * - 惰性挂载：首次 open 才创建容器并挂载内部根应用；未调用时无任何 DOM（SSR 安全）；
+ * - 容器复用：全局单例容器，所有类型消息共用同一容器（不重复创建）；
+ * - 堆叠：后进在上（unshift 到数组头部，TransitionGroup 保持顺序）；
+ * - max：超出上限时移除最早一条（数组尾部）；
+ * - 定时器：每条消息独立 setTimeout，duration=0 不启动；close/update 时清理/重置；
+ * - 进出场：TransitionGroup 自动管理 leave，离开完成后从响应式数组 splice（无 DOM 残留）；
+ * - 主题：样式只消费 --qm-message-* Token，随 documentElement 的 data-theme 级联（ConfigProvider 落地前的全局主题已足够）。
+ */
+
+/** 关闭全部并卸载容器（测试清理 / 统一销毁） */
+declare function destroyMessageManager(): void;
+
+/**
+ * QmMessage 命令式入口（03-T4）
+ *
+ * 用法：
+ *   import { message } from '@qingmingmu/components'
+ *   message.success('保存成功')
+ *   const instance = message.loading('上传中…')
+ *   instance.update('上传完成')  // 或 instance.update({ type: 'success', content: '...' })
+ *   instance.close()
+ *
+ * auto-import：resolver 将 QmMessage 映射为 `import { message } from '@qingmingmu/components'`。
+ */
+
+/** 命令式 API 对象：success / error / warning / info / loading */
+declare const message: {
+    success: (input: string | MessageOptions) => MessageInstance;
+    error: (input: string | MessageOptions) => MessageInstance;
+    warning: (input: string | MessageOptions) => MessageInstance;
+    info: (input: string | MessageOptions) => MessageInstance;
+    loading: (input: string | MessageOptions) => MessageInstance;
+};
+/** 别名（与导出名 message 同时提供，兼容 QmMessage.xxx 调用风格） */
+declare const QmMessage: typeof message;
+type MessageApi = typeof message;
+
+export { QmMessage, destroyMessageManager, message };
+export type { MessageApi, MessageGlobalConfig, MessageInstance, MessageItemData, MessageOptions, MessageType };

package/es/components/message/index.d.ts

@@ -0,0 +1,92 @@
+/**
+ * QmMessage 类型定义（03-T4 命令式 API：类型先行）
+ *
+ * 返回值契约（task-04 §4）：
+ *   message.success('ok') → { close(): void; update(options): void }
+ * - content 支持字符串简写：`message.success('保存成功')`；
+ * - duration = 0 表示常驻（不自动关闭）；
+ * - max 控制同类型最大堆叠数，超出按"后进在上"策略替换最早一条。
+ */
+/** 消息类型（loading 为加载态，常配合 update 转为 success/error） */
+type MessageType = 'success' | 'warning' | 'error' | 'info' | 'loading';
+/** 命令式调用选项（content 可由字符串位置参数提供） */
+interface MessageOptions {
+    /** 消息文案 */
+    content?: string;
+    /** 消息类型，默认 info */
+    type?: MessageType;
+    /** 自动关闭时长（ms），默认 3000；0 = 常驻 */
+    duration?: number;
+    /** 是否显示手动关闭按钮，默认 false */
+    closable?: boolean;
+    /** 最大堆叠数，默认 5；超出替换最早一条 */
+    max?: number;
+    /** 关闭回调（手动/自动关闭均触发） */
+    onClose?: () => void;
+}
+/** 单条消息运行时状态（管理器内 reactive，渲染层消费） */
+interface MessageItemData {
+    id: number;
+    type: MessageType;
+    content: string;
+    duration: number;
+    closable: boolean;
+    /** 控制进出场：false 触发 Transition leave */
+    visible: boolean;
+}
+/** 调用方持有的句柄（返回值契约） */
+interface MessageInstance {
+    /** 手动关闭该条消息 */
+    close: () => void;
+    /** 原地更新文案/类型/时长（loading → success 场景） */
+    update: (options: MessageOptions) => void;
+}
+/** 全局默认配置（本轮由调用方传入；ConfigProvider 落地后改为读取全局配置） */
+interface MessageGlobalConfig {
+    duration?: number;
+    max?: number;
+}
+
+/**
+ * QmMessage 管理器（03-T4 §3.1：实例队列 / 堆叠 / max / 统一销毁 / 惰性挂载）
+ *
+ * 设计要点：
+ * - 惰性挂载：首次 open 才创建容器并挂载内部根应用；未调用时无任何 DOM（SSR 安全）；
+ * - 容器复用：全局单例容器，所有类型消息共用同一容器（不重复创建）；
+ * - 堆叠：后进在上（unshift 到数组头部，TransitionGroup 保持顺序）；
+ * - max：超出上限时移除最早一条（数组尾部）；
+ * - 定时器：每条消息独立 setTimeout，duration=0 不启动；close/update 时清理/重置；
+ * - 进出场：TransitionGroup 自动管理 leave，离开完成后从响应式数组 splice（无 DOM 残留）；
+ * - 主题：样式只消费 --qm-message-* Token，随 documentElement 的 data-theme 级联（ConfigProvider 落地前的全局主题已足够）。
+ */
+
+/** 关闭全部并卸载容器（测试清理 / 统一销毁） */
+declare function destroyMessageManager(): void;
+
+/**
+ * QmMessage 命令式入口（03-T4）
+ *
+ * 用法：
+ *   import { message } from '@qingmingmu/components'
+ *   message.success('保存成功')
+ *   const instance = message.loading('上传中…')
+ *   instance.update('上传完成')  // 或 instance.update({ type: 'success', content: '...' })
+ *   instance.close()
+ *
+ * auto-import：resolver 将 QmMessage 映射为 `import { message } from '@qingmingmu/components'`。
+ */
+
+/** 命令式 API 对象：success / error / warning / info / loading */
+declare const message: {
+    success: (input: string | MessageOptions) => MessageInstance;
+    error: (input: string | MessageOptions) => MessageInstance;
+    warning: (input: string | MessageOptions) => MessageInstance;
+    info: (input: string | MessageOptions) => MessageInstance;
+    loading: (input: string | MessageOptions) => MessageInstance;
+};
+/** 别名（与导出名 message 同时提供，兼容 QmMessage.xxx 调用风格） */
+declare const QmMessage: typeof message;
+type MessageApi = typeof message;
+
+export { QmMessage, destroyMessageManager, message };
+export type { MessageApi, MessageGlobalConfig, MessageInstance, MessageItemData, MessageOptions, MessageType };