@xihan-ui/vue 1.1.0 → 2.0.0

package/dist/components/marquee/context.js.map

@@ -1 +1 @@
-{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/marquee/context.ts"],"sourcesContent":["import type { MarqueeApi } from '@xihan-ui/headless'\nimport type { ComputedRef, InjectionKey } from 'vue'\nimport { inject, provide } from 'vue'\n\nexport interface MarqueeContext {\n  api: ComputedRef<MarqueeApi>\n}\n\nconst KEY: InjectionKey<MarqueeContext> = Symbol.for('xh-marquee')\n\nexport function provideMarquee(ctx: MarqueeContext): void {\n  provide(KEY, ctx)\n}\n\nexport function useMarqueeContext(): MarqueeContext {\n  const ctx = inject(KEY, null)\n  if (!ctx)\n    throw new Error('[xh] Marquee 部件必须用在 XhMarqueeRoot 内')\n  return ctx\n}\n"],"mappings":";;AAQA,MAAM,MAAoC,OAAO,IAAI,YAAY;AAEjE,SAAgB,eAAe,KAA2B;CACxD,QAAQ,KAAK,GAAG;AAClB;AAEA,SAAgB,oBAAoC;CAClD,MAAM,MAAM,OAAO,KAAK,IAAI;CAC5B,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,qCAAqC;CACvD,OAAO;AACT"}
+{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/marquee/context.ts"],"sourcesContent":["/*\n * Copyright (c) 2021-Present XiHanFun and contributors.\n * Licensed under the MIT License. See LICENSE in the project root for license information.\n */\n\n// 提供 context 相关实现。\n\nimport type { MarqueeApi } from '@xihan-ui/headless'\nimport type { ComputedRef, InjectionKey } from 'vue'\nimport { inject, provide } from 'vue'\n\nexport interface MarqueeContext {\n  api: ComputedRef<MarqueeApi>\n}\n\nconst KEY: InjectionKey<MarqueeContext> = Symbol.for('xh-marquee')\n\nexport function provideMarquee(ctx: MarqueeContext): void {\n  provide(KEY, ctx)\n}\n\nexport function useMarqueeContext(): MarqueeContext {\n  const ctx = inject(KEY, null)\n  if (!ctx)\n    throw new Error('[xh] Marquee 部件必须用在 XhMarqueeRoot 内')\n  return ctx\n}\n"],"mappings":";;AAeA,MAAM,MAAoC,OAAO,IAAI,YAAY;AAEjE,SAAgB,eAAe,KAA2B;CACxD,QAAQ,KAAK,GAAG;AAClB;AAEA,SAAgB,oBAAoC;CAClD,MAAM,MAAM,OAAO,KAAK,IAAI;CAC5B,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,qCAAqC;CACvD,OAAO;AACT"}

package/dist/components/marquee/marquee.d.ts

@@ -4,40 +4,37 @@ import { MarqueeDirection } from "@xihan-ui/headless";
 declare const XhMarqueeRoot: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
   direction: {
     type: PropType<MarqueeDirection>;
-    default: undefined;
   };
   speed: {
     type: NumberConstructor;
-    default: undefined;
   };
   pauseOnHover: BooleanConstructor;
+  paused: BooleanConstructor;
   autoFill: BooleanConstructor;
 }>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
   [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
   direction: {
     type: PropType<MarqueeDirection>;
-    default: undefined;
   };
   speed: {
     type: NumberConstructor;
-    default: undefined;
   };
   pauseOnHover: BooleanConstructor;
+  paused: BooleanConstructor;
   autoFill: BooleanConstructor;
 }>> & Readonly<{}>, {
-  direction: MarqueeDirection;
+  paused: boolean;
   pauseOnHover: boolean;
   autoFill: boolean;
-  speed: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 /**
- * 轨道：走的是这一层。默认插槽里的内容按 api.copies 铺若干份，每份包一层壳。
+ * 轨道：滚动的是这一层。默认插槽中的内容按 api.copies 铺设若干份，每份包一层壳。
  *
- * 包壳是为了让每份等长：接缝对不对得上，看的是"走完的距离恰好等于一份的长度"这一条。
- * 第一份之后的都是副本，同时标 aria-hidden 与 inert：读屏不念第二遍，Tab 也不会停在副本上——
- * 只标 aria-hidden 而留着可聚焦的副本，焦点会落进一个读屏看不见的地方。
- * 插槽里只剩注释或空白时一份都不铺——白铺一份只会让轨道多出一段空白在那儿转。
+ * 包壳是为了让每份等长：接缝能否对齐，取决于滚动完成的距离恰好等于一份的长度。
+ * 第一份之后的都是副本，同时标 aria-hidden 与 inert：读屏不朗读第二遍，Tab 也不会停在副本上：
+ * 只标 aria-hidden 而保留可聚焦的副本，焦点会落进一个读屏看不见的位置。
+ * 插槽中只剩注释或空白时一份都不铺设：铺设只会让轨道多出一段空白滚动。
  */
 declare const XhMarqueeContent: import("vue").DefineComponent<{}, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
   [key: string]: any;

package/dist/components/marquee/marquee.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"marquee.d.ts","names":[],"sources":["../../../src/components/marquee/marquee.ts"],"mappings":";;;cAQa,6BAAa,8BAAA;;IAIO,MAAA,SAAS;;;;;;;;;;;;;IAAT,MAAA,SAAS;;;;;;;;;;;;;;qCAUxC;;;;;;;;;cAUW,gCAAgB,0BAAA,oBAAA,4BAAA;;8BAuB3B,qCAAA,iDAAA,aAAA,eAAA,oDAAA"}
+{"version":3,"file":"marquee.d.ts","names":[],"sources":["../../../src/components/marquee/marquee.ts"],"mappings":";;;cAea,6BAAa,8BAAA;;IAIO,MAAA,SAAS;;;;;;;;;;;;IAAT,MAAA,SAAS;;;;;;;;;;;;qCAWxC;;;;;;;;;cAUW,gCAAgB,0BAAA,oBAAA,4BAAA;;8BAuB3B,qCAAA,iDAAA,aAAA,eAAA,oDAAA"}

package/dist/components/marquee/marquee.js

@@ -7,15 +7,10 @@ import { connectMarquee } from "@xihan-ui/headless";
 const XhMarqueeRoot = defineComponent({
 	name: "XhMarqueeRoot",
 	props: {
-		direction: {
-			type: String,
-			default: void 0
-		},
-		speed: {
-			type: Number,
-			default: void 0
-		},
+		direction: { type: String },
+		speed: { type: Number },
 		pauseOnHover: Boolean,
+		paused: Boolean,
 		autoFill: Boolean
 	},
 	setup(props, { slots }) {
@@ -25,12 +20,12 @@ const XhMarqueeRoot = defineComponent({
 	}
 });
 /**
-* 轨道：走的是这一层。默认插槽里的内容按 api.copies 铺若干份，每份包一层壳。
+* 轨道：滚动的是这一层。默认插槽中的内容按 api.copies 铺设若干份，每份包一层壳。
 *
-* 包壳是为了让每份等长：接缝对不对得上，看的是"走完的距离恰好等于一份的长度"这一条。
-* 第一份之后的都是副本，同时标 aria-hidden 与 inert：读屏不念第二遍，Tab 也不会停在副本上——
-* 只标 aria-hidden 而留着可聚焦的副本，焦点会落进一个读屏看不见的地方。
-* 插槽里只剩注释或空白时一份都不铺——白铺一份只会让轨道多出一段空白在那儿转。
+* 包壳是为了让每份等长：接缝能否对齐，取决于滚动完成的距离恰好等于一份的长度。
+* 第一份之后的都是副本，同时标 aria-hidden 与 inert：读屏不朗读第二遍，Tab 也不会停在副本上：
+* 只标 aria-hidden 而保留可聚焦的副本，焦点会落进一个读屏看不见的位置。
+* 插槽中只剩注释或空白时一份都不铺设：铺设只会让轨道多出一段空白滚动。
 */
 const XhMarqueeContent = defineComponent({
 	name: "XhMarqueeContent",

package/dist/components/marquee/marquee.js.map

@@ -1 +1 @@
-{"version":3,"file":"marquee.js","names":[],"sources":["../../../src/components/marquee/marquee.ts"],"sourcesContent":["import type { MarqueeDirection, MarqueeProps } from '@xihan-ui/headless'\nimport type { PropType, VNode } from 'vue'\nimport { connectMarquee } from '@xihan-ui/headless'\nimport { computed, defineComponent, h } from 'vue'\nimport { vueNormalize } from '../../runtime/normalize-props'\nimport { slotPaints } from '../../runtime/slot-content'\nimport { provideMarquee, useMarqueeContext } from './context'\n\nexport const XhMarqueeRoot = defineComponent({\n  name: 'XhMarqueeRoot',\n  // 有 connect 兜底的 prop 一律 default: undefined\n  props: {\n    direction: { type: String as PropType<MarqueeDirection>, default: undefined },\n    speed: { type: Number, default: undefined },\n    pauseOnHover: Boolean,\n    autoFill: Boolean,\n  },\n  setup(props, { slots }) {\n    const api = computed(() => connectMarquee(props as MarqueeProps, vueNormalize))\n    provideMarquee({ api })\n    return () => h('div', api.value.getRootProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\n/**\n * 轨道：走的是这一层。默认插槽里的内容按 api.copies 铺若干份，每份包一层壳。\n *\n * 包壳是为了让每份等长：接缝对不对得上，看的是\"走完的距离恰好等于一份的长度\"这一条。\n * 第一份之后的都是副本，同时标 aria-hidden 与 inert：读屏不念第二遍，Tab 也不会停在副本上——\n * 只标 aria-hidden 而留着可聚焦的副本，焦点会落进一个读屏看不见的地方。\n * 插槽里只剩注释或空白时一份都不铺——白铺一份只会让轨道多出一段空白在那儿转。\n */\nexport const XhMarqueeContent = defineComponent({\n  name: 'XhMarqueeContent',\n  setup(_, { slots }) {\n    const ctx = useMarqueeContext()\n    return () => {\n      const copies: VNode[] = []\n      if (slotPaints(slots.default?.())) {\n        for (let i = 0; i < ctx.api.value.copies; i++) {\n          const copy = i > 0\n          copies.push(h(\n            'div',\n            {\n              'data-xh-copy': String(i),\n              'aria-hidden': copy ? 'true' : undefined,\n              'inert': copy ? true : undefined,\n            },\n            slots.default?.(),\n          ))\n        }\n      }\n      return h('div', ctx.api.value.getContentProps() as Record<string, unknown>, copies)\n    }\n  },\n})\n"],"mappings":";;;;;;AAQA,MAAa,gBAAgB,gBAAgB;CAC3C,MAAM;CAEN,OAAO;EACL,WAAW;GAAE,MAAM;GAAsC,SAAS,KAAA;EAAU;EAC5E,OAAO;GAAE,MAAM;GAAQ,SAAS,KAAA;EAAU;EAC1C,cAAc;EACd,UAAU;CACZ;CACA,MAAM,OAAO,EAAE,SAAS;EACtB,MAAM,MAAM,eAAe,eAAe,OAAuB,YAAY,CAAC;EAC9E,eAAe,EAAE,IAAI,CAAC;EACtB,aAAa,EAAE,OAAO,IAAI,MAAM,aAAa,GAA8B,MAAM,UAAU,CAAC;CAC9F;AACF,CAAC;;;;;;;;;AAUD,MAAa,mBAAmB,gBAAgB;CAC9C,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,kBAAkB;EAC9B,aAAa;GACX,MAAM,SAAkB,CAAC;GACzB,IAAI,WAAW,MAAM,UAAU,CAAC,GAC9B,KAAK,IAAI,IAAI,GAAG,IAAI,IAAI,IAAI,MAAM,QAAQ,KAAK;IAC7C,MAAM,OAAO,IAAI;IACjB,OAAO,KAAK,EACV,OACA;KACE,gBAAgB,OAAO,CAAC;KACxB,eAAe,OAAO,SAAS,KAAA;KAC/B,SAAS,OAAO,OAAO,KAAA;IACzB,GACA,MAAM,UAAU,CAClB,CAAC;GACH;GAEF,OAAO,EAAE,OAAO,IAAI,IAAI,MAAM,gBAAgB,GAA8B,MAAM;EACpF;CACF;AACF,CAAC"}
+{"version":3,"file":"marquee.js","names":[],"sources":["../../../src/components/marquee/marquee.ts"],"sourcesContent":["/*\n * Copyright (c) 2021-Present XiHanFun and contributors.\n * Licensed under the MIT License. See LICENSE in the project root for license information.\n */\n\n// 提供 marquee 相关实现。\n\nimport type { MarqueeDirection, MarqueeProps } from '@xihan-ui/headless'\nimport type { PropType, VNode } from 'vue'\nimport { connectMarquee } from '@xihan-ui/headless'\nimport { computed, defineComponent, h } from 'vue'\nimport { vueNormalize } from '../../runtime/normalize-props'\nimport { slotPaints } from '../../runtime/slot-content'\nimport { provideMarquee, useMarqueeContext } from './context'\n\nexport const XhMarqueeRoot = defineComponent({\n  name: 'XhMarqueeRoot',\n  // 有 connect 兜底的 prop：普通类型省略 default，Boolean 显式保留 undefined\n  props: {\n    direction: { type: String as PropType<MarqueeDirection> },\n    speed: { type: Number },\n    pauseOnHover: Boolean,\n    paused: Boolean,\n    autoFill: Boolean,\n  },\n  setup(props, { slots }) {\n    const api = computed(() => connectMarquee(props as MarqueeProps, vueNormalize))\n    provideMarquee({ api })\n    return () => h('div', api.value.getRootProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\n/**\n * 轨道：滚动的是这一层。默认插槽中的内容按 api.copies 铺设若干份，每份包一层壳。\n *\n * 包壳是为了让每份等长：接缝能否对齐，取决于滚动完成的距离恰好等于一份的长度。\n * 第一份之后的都是副本，同时标 aria-hidden 与 inert：读屏不朗读第二遍，Tab 也不会停在副本上：\n * 只标 aria-hidden 而保留可聚焦的副本，焦点会落进一个读屏看不见的位置。\n * 插槽中只剩注释或空白时一份都不铺设：铺设只会让轨道多出一段空白滚动。\n */\nexport const XhMarqueeContent = defineComponent({\n  name: 'XhMarqueeContent',\n  setup(_, { slots }) {\n    const ctx = useMarqueeContext()\n    return () => {\n      const copies: VNode[] = []\n      if (slotPaints(slots.default?.())) {\n        for (let i = 0; i < ctx.api.value.copies; i++) {\n          const copy = i > 0\n          copies.push(h(\n            'div',\n            {\n              'data-xh-copy': String(i),\n              'aria-hidden': copy ? 'true' : undefined,\n              'inert': copy ? true : undefined,\n            },\n            slots.default?.(),\n          ))\n        }\n      }\n      return h('div', ctx.api.value.getContentProps() as Record<string, unknown>, copies)\n    }\n  },\n})\n"],"mappings":";;;;;;AAeA,MAAa,gBAAgB,gBAAgB;CAC3C,MAAM;CAEN,OAAO;EACL,WAAW,EAAE,MAAM,OAAqC;EACxD,OAAO,EAAE,MAAM,OAAO;EACtB,cAAc;EACd,QAAQ;EACR,UAAU;CACZ;CACA,MAAM,OAAO,EAAE,SAAS;EACtB,MAAM,MAAM,eAAe,eAAe,OAAuB,YAAY,CAAC;EAC9E,eAAe,EAAE,IAAI,CAAC;EACtB,aAAa,EAAE,OAAO,IAAI,MAAM,aAAa,GAA8B,MAAM,UAAU,CAAC;CAC9F;AACF,CAAC;;;;;;;;;AAUD,MAAa,mBAAmB,gBAAgB;CAC9C,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,kBAAkB;EAC9B,aAAa;GACX,MAAM,SAAkB,CAAC;GACzB,IAAI,WAAW,MAAM,UAAU,CAAC,GAC9B,KAAK,IAAI,IAAI,GAAG,IAAI,IAAI,IAAI,MAAM,QAAQ,KAAK;IAC7C,MAAM,OAAO,IAAI;IACjB,OAAO,KAAK,EACV,OACA;KACE,gBAAgB,OAAO,CAAC;KACxB,eAAe,OAAO,SAAS,KAAA;KAC/B,SAAS,OAAO,OAAO,KAAA;IACzB,GACA,MAAM,UAAU,CAClB,CAAC;GACH;GAEF,OAAO,EAAE,OAAO,IAAI,IAAI,MAAM,gBAAgB,GAA8B,MAAM;EACpF;CACF;AACF,CAAC"}

package/dist/components/masonry/masonry.d.ts

@@ -6,11 +6,9 @@ type ColumnsByBreakpoint = Exclude<MasonryColumns, number>;
 declare const XhMasonry: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
   columns: {
     type: PropType<number | string | ColumnsByBreakpoint>;
-    default: undefined;
   };
   gap: {
     type: PropType<MasonryProps["gap"]>;
-    default: undefined;
   };
   sequential: {
     type: BooleanConstructor;
@@ -21,19 +19,15 @@ declare const XhMasonry: import("vue").DefineComponent<import("vue").ExtractProp
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
   columns: {
     type: PropType<number | string | ColumnsByBreakpoint>;
-    default: undefined;
   };
   gap: {
     type: PropType<MasonryProps["gap"]>;
-    default: undefined;
   };
   sequential: {
     type: BooleanConstructor;
     default: undefined;
   };
 }>> & Readonly<{}>, {
-  columns: string | number | import("@xihan-ui/headless").MasonryColumnsByBreakpoint;
-  gap: import("@xihan-ui/headless").MasonryGap | undefined;
   sequential: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 //#endregion

package/dist/components/masonry/masonry.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"masonry.d.ts","names":[],"sources":["../../../src/components/masonry/masonry.ts"],"mappings":";;;;KAQK,sBAAsB,QAAQ;cAqDtB,yBAAS,8BAAA;;IAMkB,MAAA,2BAA2B;;;;IAGxC,MAAA,SAAS;;;;;;;;;;;IAHI,MAAA,2BAA2B;;;;IAGxC,MAAA,SAAS;;;;;;;;;;;qCAwGlC"}
+{"version":3,"file":"masonry.d.ts","names":[],"sources":["../../../src/components/masonry/masonry.ts"],"mappings":";;;;KAcK,sBAAsB,QAAQ;cAgDtB,yBAAS,8BAAA;;IAMkB,MAAA,2BAA2B;;;IAExC,MAAA,SAAS;;;;;;;;;;IAFI,MAAA,2BAA2B;;;IAExC,MAAA,SAAS;;;;;;;;qCAqGlC"}

package/dist/components/masonry/masonry.js

@@ -1,7 +1,6 @@
 import { vueNormalize } from "../../runtime/normalize-props.js";
 import { Comment, Fragment, Text, defineComponent, h, onBeforeUnmount, onMounted, onUpdated, ref } from "vue";
-import { connectMasonry, distributeMasonry, masonryItemQuery, resolveMasonryColumns } from "@xihan-ui/headless";
-import { queryItems } from "@xihan-ui/behavior";
+import { connectMasonry, distributeMasonry, measureMasonry, resolveMasonryColumns, sameMasonryHeights } from "@xihan-ui/headless";
 //#region src/components/masonry/masonry.ts
 /** 列数的档位名，base 在前，其余自窄到宽。 */
 const COLUMN_TIERS = [
@@ -11,11 +10,11 @@ const COLUMN_TIERS = [
 	"lg",
 	"xl"
 ];
-/** 模板里写 columns="3" 拿到的是字符串，交给算法前统一转成数字。 */
+/** 模板中写 columns="3" 得到的是字符串，交给算法前统一转为数字。 */
 function count(value) {
 	return value == null ? void 0 : Number(value);
 }
-/** 列数：整数与字符串按单个数走；断点对象逐档转数字，没写的档不带进去。 */
+/** 列数：整数与字符串按单个数处理；断点对象逐档转数字，未写的档不带入。 */
 function columnsOf(value) {
 	if (value == null || typeof value !== "object") return count(value);
 	const out = {};
@@ -26,10 +25,10 @@ function columnsOf(value) {
 	return out;
 }
 /**
-* 把默认插槽摊成一个个项。
+* 把默认插槽摊平为一个个项。
 *
-* `v-for` 产出的是一个片段而不是若干节点，不摊平就整段算一项，一列里会塞进所有内容；
-* `v-if` 为假留下的注释节点与模板缩进留下的空白文本一个像素都不画，留着会占掉一个格位。
+* `v-for` 产出的是一个片段而不是若干节点，不摊平就整段算一项，一列中会放入所有内容；
+* `v-if` 为假留下的注释节点与模板缩进留下的空白文本不渲染任何像素，保留会占用一个格位。
 */
 function masonryItems(nodes) {
 	const items = [];
@@ -47,25 +46,15 @@ function masonryItems(nodes) {
 	}
 	return items;
 }
-/** 两遍量到的高度是不是一样。逐位比而不是比引用：每次量都产出新数组，比引用等于每次都判变。 */
-function sameHeights(a, b) {
-	return a.length === b.length && a.every((value, index) => value === b[index]);
-}
 const XhMasonry = defineComponent({
 	name: "XhMasonry",
 	props: {
-		columns: {
-			type: [
-				Number,
-				String,
-				Object
-			],
-			default: void 0
-		},
-		gap: {
-			type: String,
-			default: void 0
-		},
+		columns: { type: [
+			Number,
+			String,
+			Object
+		] },
+		gap: { type: String },
 		sequential: {
 			type: Boolean,
 			default: void 0
@@ -73,39 +62,37 @@ const XhMasonry = defineComponent({
 	},
 	setup(props, { slots }) {
 		const rootEl = ref(null);
-		/** 容器自身的宽度，换档看它。 */
+		/** 容器自身的宽度，换档依据它。 */
 		const width = ref(0);
-		/** 按作者写的项序排好的实测高度。 */
+		/** 按作者写的项序排列的实测高度。 */
 		const heights = ref([]);
 		let observer = null;
-		/** 当前挂着观察器的节点，与新一轮比对后才决定要不要重挂。 */
+		/** 当前挂载观察器的节点，与新一轮比对后才决定是否重新挂载。 */
 		let observed = [];
-		/** 量一遍容器宽度与每一项的高度。量到的与上一遍一样就不写，否则量一次重排一次没完。 */
+		/** Headless 只产出测量快照；是否写入 Vue ref 仍由适配器决定。 */
+		const publishMeasurement = (measurement) => {
+			if (measurement.width !== width.value) width.value = measurement.width;
+			if (!sameMasonryHeights(measurement.heights, heights.value)) heights.value = [...measurement.heights];
+		};
+		/** 测量一遍容器宽度与每一项的高度。测得的与上一遍一样则不写入，否则每测一次重排一次无法终止。 */
 		const measure = () => {
 			const el = rootEl.value;
 			if (!el) return;
-			const nextWidth = el.getBoundingClientRect().width;
-			const items = queryItems(el, masonryItemQuery);
-			const nextHeights = Array.from({ length: items.length }).fill(0);
-			for (const node of items) {
-				const index = Number(node.dataset.index);
-				if (Number.isInteger(index) && index >= 0 && index < nextHeights.length) nextHeights[index] = node.getBoundingClientRect().height;
-			}
-			if (nextWidth !== width.value) width.value = nextWidth;
-			if (!sameHeights(nextHeights, heights.value)) heights.value = nextHeights;
+			publishMeasurement(measureMasonry(el));
 		};
-		/** 项增删后把观察器挂到新的一批节点上，再量一遍。节点没变就不重挂：重挂会白白多跑一轮回调。 */
+		/** 项增删后把观察器挂载到新的一批节点上，再测量一遍。节点未变则不重新挂载：重新挂载会多运行一轮回调。 */
 		const sync = () => {
 			const el = rootEl.value;
 			if (!el) return;
-			const next = [el, ...queryItems(el, masonryItemQuery)];
+			const measurement = measureMasonry(el);
+			const next = [el, ...measurement.items];
 			const changed = next.length !== observed.length || next.some((node, index) => node !== observed[index]);
 			if (observer && changed) {
 				observer.disconnect();
 				for (const node of next) observer.observe(node);
 				observed = next;
 			}
-			measure();
+			publishMeasurement(measurement);
 		};
 		onMounted(() => {
 			const win = rootEl.value?.ownerDocument.defaultView;

package/dist/components/masonry/masonry.js.map

@@ -1 +1 @@
-{"version":3,"file":"masonry.js","names":[],"sources":["../../../src/components/masonry/masonry.ts"],"sourcesContent":["import type { MasonryColumns, MasonryProps } from '@xihan-ui/headless'\nimport type { PropType, VNode } from 'vue'\nimport { queryItems } from '@xihan-ui/behavior'\nimport { connectMasonry, distributeMasonry, masonryItemQuery, resolveMasonryColumns } from '@xihan-ui/headless'\nimport { Comment, defineComponent, Fragment, h, onBeforeUnmount, onMounted, onUpdated, ref, Text } from 'vue'\nimport { vueNormalize } from '../../runtime/normalize-props'\n\n/** 断点对象形态的列数，从 MasonryProps 上取，不在这里另抄一份档位清单。 */\ntype ColumnsByBreakpoint = Exclude<MasonryColumns, number>\n\n/** 列数的档位名，base 在前，其余自窄到宽。 */\nconst COLUMN_TIERS = ['base', 'sm', 'md', 'lg', 'xl'] as const\n\n/** 模板里写 columns=\"3\" 拿到的是字符串，交给算法前统一转成数字。 */\nfunction count(value: number | string | undefined): number | undefined {\n  return value == null ? undefined : Number(value)\n}\n\n/** 列数：整数与字符串按单个数走；断点对象逐档转数字，没写的档不带进去。 */\nfunction columnsOf(value: number | string | ColumnsByBreakpoint | undefined): MasonryColumns | undefined {\n  if (value == null || typeof value !== 'object')\n    return count(value)\n  const out: ColumnsByBreakpoint = {}\n  for (const tier of COLUMN_TIERS) {\n    const raw = value[tier]\n    if (raw != null)\n      out[tier] = Number(raw)\n  }\n  return out\n}\n\n/**\n * 把默认插槽摊成一个个项。\n *\n * `v-for` 产出的是一个片段而不是若干节点，不摊平就整段算一项，一列里会塞进所有内容；\n * `v-if` 为假留下的注释节点与模板缩进留下的空白文本一个像素都不画，留着会占掉一个格位。\n */\nfunction masonryItems(nodes: readonly VNode[]): VNode[] {\n  const items: VNode[] = []\n  for (const node of nodes) {\n    if (node.type === Comment)\n      continue\n    if (node.type === Text) {\n      if (String(node.children ?? '').trim() !== '')\n        items.push(node)\n      continue\n    }\n    if (node.type === Fragment && Array.isArray(node.children)) {\n      items.push(...masonryItems(node.children as VNode[]))\n      continue\n    }\n    items.push(node)\n  }\n  return items\n}\n\n/** 两遍量到的高度是不是一样。逐位比而不是比引用：每次量都产出新数组，比引用等于每次都判变。 */\nfunction sameHeights(a: readonly number[], b: readonly number[]): boolean {\n  return a.length === b.length && a.every((value, index) => value === b[index])\n}\n\nexport const XhMasonry = defineComponent({\n  name: 'XhMasonry',\n  // 有 connect 兜底的 prop 一律 default: undefined\n  props: {\n    // 列数由作者声明：兼收字符串以支持模板里写 columns=\"3\"，收对象则是逐档的列数\n    columns: {\n      type: [Number, String, Object] as PropType<number | string | ColumnsByBreakpoint>,\n      default: undefined,\n    },\n    gap: { type: String as PropType<MasonryProps['gap']>, default: undefined },\n    sequential: { type: Boolean, default: undefined },\n  },\n  setup(props, { slots }) {\n    const rootEl = ref<HTMLElement | null>(null)\n    /** 容器自身的宽度，换档看它。 */\n    const width = ref(0)\n    /** 按作者写的项序排好的实测高度。 */\n    const heights = ref<number[]>([])\n\n    let observer: ResizeObserver | null = null\n    /** 当前挂着观察器的节点，与新一轮比对后才决定要不要重挂。 */\n    let observed: HTMLElement[] = []\n\n    /** 量一遍容器宽度与每一项的高度。量到的与上一遍一样就不写，否则量一次重排一次没完。 */\n    const measure = (): void => {\n      const el = rootEl.value\n      if (!el)\n        return\n      const nextWidth = el.getBoundingClientRect().width\n      const items = queryItems(el, masonryItemQuery)\n      const nextHeights = Array.from<number>({ length: items.length }).fill(0)\n      for (const node of items) {\n        // 项的原序写在 data-index 上：重排后 DOM 序等于列序，按文档序记高度会对错号\n        const index = Number(node.dataset.index)\n        if (Number.isInteger(index) && index >= 0 && index < nextHeights.length)\n          nextHeights[index] = node.getBoundingClientRect().height\n      }\n      if (nextWidth !== width.value)\n        width.value = nextWidth\n      if (!sameHeights(nextHeights, heights.value))\n        heights.value = nextHeights\n    }\n\n    /** 项增删后把观察器挂到新的一批节点上，再量一遍。节点没变就不重挂：重挂会白白多跑一轮回调。 */\n    const sync = (): void => {\n      const el = rootEl.value\n      if (!el)\n        return\n      const next = [el, ...queryItems(el, masonryItemQuery)]\n      const changed = next.length !== observed.length || next.some((node, index) => node !== observed[index])\n      if (observer && changed) {\n        observer.disconnect()\n        for (const node of next) observer.observe(node)\n        observed = next\n      }\n      measure()\n    }\n\n    onMounted(() => {\n      const win = rootEl.value?.ownerDocument.defaultView\n      // 无布局环境没有 ResizeObserver：只在挂载后量这一次，之后不再跟随尺寸变化\n      if (win && typeof win.ResizeObserver === 'function')\n        observer = new win.ResizeObserver(() => measure())\n      sync()\n    })\n\n    onUpdated(sync)\n\n    onBeforeUnmount(() => {\n      observer?.disconnect()\n      observer = null\n      observed = []\n    })\n\n    return () => {\n      const children = masonryItems(slots.default?.() ?? [])\n      const declared = columnsOf(props.columns)\n      const columnCount = resolveMasonryColumns(declared, width.value)\n      const assign = distributeMasonry(\n        children.map((_, index) => heights.value[index] ?? 0),\n        columnCount,\n        props.sequential ?? false,\n      )\n      const api = connectMasonry({\n        columns: declared,\n        gap: props.gap,\n        sequential: props.sequential,\n      }, vueNormalize)\n\n      const columns: VNode[] = []\n      for (let column = 0; column < columnCount; column++) {\n        const kids: VNode[] = []\n        children.forEach((child, index) => {\n          if (assign[index] !== column)\n            return\n          // 项各包一层：量高度要有个稳定的盒子，作者写什么内容都不影响\n          // 键跟着作者写的 key 走，同一列内增删才不会连累后面几项重建\n          kids.push(h(\n            'div',\n            { ...api.getItemProps({ index, column }) as Record<string, unknown>, key: child.key ?? `xh-masonry-item-${index}` },\n            [child],\n          ))\n        })\n        columns.push(h(\n          'div',\n          { ...api.getColumnProps({ index: column }) as Record<string, unknown>, key: column },\n          kids,\n        ))\n      }\n\n      return h('div', { ...api.getRootProps() as Record<string, unknown>, ref: rootEl }, columns)\n    }\n  },\n})\n"],"mappings":"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"}
+{"version":3,"file":"masonry.js","names":[],"sources":["../../../src/components/masonry/masonry.ts"],"sourcesContent":["/*\n * Copyright (c) 2021-Present XiHanFun and contributors.\n * Licensed under the MIT License. See LICENSE in the project root for license information.\n */\n\n// 提供 masonry 相关实现。\n\nimport type { MasonryColumns, MasonryMeasurement, MasonryProps } from '@xihan-ui/headless'\nimport type { PropType, VNode } from 'vue'\nimport { connectMasonry, distributeMasonry, measureMasonry, resolveMasonryColumns, sameMasonryHeights } from '@xihan-ui/headless'\nimport { Comment, defineComponent, Fragment, h, onBeforeUnmount, onMounted, onUpdated, ref, Text } from 'vue'\nimport { vueNormalize } from '../../runtime/normalize-props'\n\n/** 断点对象形态的列数，从 MasonryProps 上取，不在这里另抄一份档位清单。 */\ntype ColumnsByBreakpoint = Exclude<MasonryColumns, number>\n\n/** 列数的档位名，base 在前，其余自窄到宽。 */\nconst COLUMN_TIERS = ['base', 'sm', 'md', 'lg', 'xl'] as const\n\n/** 模板中写 columns=\"3\" 得到的是字符串，交给算法前统一转为数字。 */\nfunction count(value: number | string | undefined): number | undefined {\n  return value == null ? undefined : Number(value)\n}\n\n/** 列数：整数与字符串按单个数处理；断点对象逐档转数字，未写的档不带入。 */\nfunction columnsOf(value: number | string | ColumnsByBreakpoint | undefined): MasonryColumns | undefined {\n  if (value == null || typeof value !== 'object')\n    return count(value)\n  const out: ColumnsByBreakpoint = {}\n  for (const tier of COLUMN_TIERS) {\n    const raw = value[tier]\n    if (raw != null)\n      out[tier] = Number(raw)\n  }\n  return out\n}\n\n/**\n * 把默认插槽摊平为一个个项。\n *\n * `v-for` 产出的是一个片段而不是若干节点，不摊平就整段算一项，一列中会放入所有内容；\n * `v-if` 为假留下的注释节点与模板缩进留下的空白文本不渲染任何像素，保留会占用一个格位。\n */\nfunction masonryItems(nodes: readonly VNode[]): VNode[] {\n  const items: VNode[] = []\n  for (const node of nodes) {\n    if (node.type === Comment)\n      continue\n    if (node.type === Text) {\n      if (String(node.children ?? '').trim() !== '')\n        items.push(node)\n      continue\n    }\n    if (node.type === Fragment && Array.isArray(node.children)) {\n      items.push(...masonryItems(node.children as VNode[]))\n      continue\n    }\n    items.push(node)\n  }\n  return items\n}\n\nexport const XhMasonry = defineComponent({\n  name: 'XhMasonry',\n  // 有 connect 兜底的 prop：普通类型省略 default，Boolean 显式保留 undefined\n  props: {\n    // 列数由作者声明：兼收字符串以支持模板里写 columns=\"3\"，收对象则是逐档的列数\n    columns: {\n      type: [Number, String, Object] as PropType<number | string | ColumnsByBreakpoint>,\n    },\n    gap: { type: String as PropType<MasonryProps['gap']> },\n    sequential: { type: Boolean, default: undefined },\n  },\n  setup(props, { slots }) {\n    const rootEl = ref<HTMLElement | null>(null)\n    /** 容器自身的宽度，换档依据它。 */\n    const width = ref(0)\n    /** 按作者写的项序排列的实测高度。 */\n    const heights = ref<number[]>([])\n\n    let observer: ResizeObserver | null = null\n    /** 当前挂载观察器的节点，与新一轮比对后才决定是否重新挂载。 */\n    let observed: HTMLElement[] = []\n\n    /** Headless 只产出测量快照；是否写入 Vue ref 仍由适配器决定。 */\n    const publishMeasurement = (measurement: MasonryMeasurement): void => {\n      if (measurement.width !== width.value)\n        width.value = measurement.width\n      if (!sameMasonryHeights(measurement.heights, heights.value))\n        heights.value = [...measurement.heights]\n    }\n\n    /** 测量一遍容器宽度与每一项的高度。测得的与上一遍一样则不写入，否则每测一次重排一次无法终止。 */\n    const measure = (): void => {\n      const el = rootEl.value\n      if (!el)\n        return\n      publishMeasurement(measureMasonry(el))\n    }\n\n    /** 项增删后把观察器挂载到新的一批节点上，再测量一遍。节点未变则不重新挂载：重新挂载会多运行一轮回调。 */\n    const sync = (): void => {\n      const el = rootEl.value\n      if (!el)\n        return\n      const measurement = measureMasonry(el)\n      const next = [el, ...measurement.items]\n      const changed = next.length !== observed.length || next.some((node, index) => node !== observed[index])\n      if (observer && changed) {\n        observer.disconnect()\n        for (const node of next) observer.observe(node)\n        observed = next\n      }\n      publishMeasurement(measurement)\n    }\n\n    onMounted(() => {\n      const win = rootEl.value?.ownerDocument.defaultView\n      // 无布局环境没有 ResizeObserver：只在挂载后量这一次，之后不再跟随尺寸变化\n      if (win && typeof win.ResizeObserver === 'function')\n        observer = new win.ResizeObserver(() => measure())\n      sync()\n    })\n\n    onUpdated(sync)\n\n    onBeforeUnmount(() => {\n      observer?.disconnect()\n      observer = null\n      observed = []\n    })\n\n    return () => {\n      const children = masonryItems(slots.default?.() ?? [])\n      const declared = columnsOf(props.columns)\n      const columnCount = resolveMasonryColumns(declared, width.value)\n      const assign = distributeMasonry(\n        children.map((_, index) => heights.value[index] ?? 0),\n        columnCount,\n        props.sequential ?? false,\n      )\n      const api = connectMasonry({\n        columns: declared,\n        gap: props.gap,\n        sequential: props.sequential,\n      }, vueNormalize)\n\n      const columns: VNode[] = []\n      for (let column = 0; column < columnCount; column++) {\n        const kids: VNode[] = []\n        children.forEach((child, index) => {\n          if (assign[index] !== column)\n            return\n          // 项各包一层：量高度要有个稳定的盒子，作者写什么内容都不影响\n          // 键跟着作者写的 key 走，同一列内增删才不会连累后面几项重建\n          kids.push(h(\n            'div',\n            { ...api.getItemProps({ index, column }) as Record<string, unknown>, key: child.key ?? `xh-masonry-item-${index}` },\n            [child],\n          ))\n        })\n        columns.push(h(\n          'div',\n          { ...api.getColumnProps({ index: column }) as Record<string, unknown>, key: column },\n          kids,\n        ))\n      }\n\n      return h('div', { ...api.getRootProps() as Record<string, unknown>, ref: rootEl }, columns)\n    }\n  },\n})\n"],"mappings":"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"}

package/dist/components/matrix-code/context.d.ts

@@ -0,0 +1,11 @@
+import { ComputedRef } from "vue";
+import { MatrixCodeApi } from "@xihan-ui/headless";
+//#region src/components/matrix-code/context.d.ts
+interface MatrixCodeContext {
+  api: ComputedRef<MatrixCodeApi>;
+}
+declare function provideMatrixCode(ctx: MatrixCodeContext): void;
+declare function useMatrixCodeContext(): MatrixCodeContext;
+//#endregion
+export { MatrixCodeContext, provideMatrixCode, useMatrixCodeContext };
+//# sourceMappingURL=context.d.ts.map

package/dist/components/matrix-code/context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","names":[],"sources":["../../../src/components/matrix-code/context.ts"],"mappings":";;;UAWiB;EACf,KAAK,YAAY;;iBAKH,kBAAkB,KAAK;iBAIvB,wBAAwB"}

package/dist/components/matrix-code/context.js

@@ -0,0 +1,15 @@
+import { inject, provide } from "vue";
+//#region src/components/matrix-code/context.ts
+const KEY = Symbol.for("xh-matrix-code");
+function provideMatrixCode(ctx) {
+	provide(KEY, ctx);
+}
+function useMatrixCodeContext() {
+	const ctx = inject(KEY, null);
+	if (!ctx) throw new Error("[xh] MatrixCode 部件必须用在 XhMatrixCode 内");
+	return ctx;
+}
+//#endregion
+export { provideMatrixCode, useMatrixCodeContext };
+
+//# sourceMappingURL=context.js.map

package/dist/components/matrix-code/context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/matrix-code/context.ts"],"sourcesContent":["/*\n * Copyright (c) 2021-Present XiHanFun and contributors.\n * Licensed under the MIT License. See LICENSE in the project root for license information.\n */\n\n// 提供 context 相关实现。\n\nimport type { MatrixCodeApi } from '@xihan-ui/headless'\nimport type { ComputedRef, InjectionKey } from 'vue'\nimport { inject, provide } from 'vue'\n\nexport interface MatrixCodeContext {\n  api: ComputedRef<MatrixCodeApi>\n}\n\nconst KEY: InjectionKey<MatrixCodeContext> = Symbol.for('xh-matrix-code')\n\nexport function provideMatrixCode(ctx: MatrixCodeContext): void {\n  provide(KEY, ctx)\n}\n\nexport function useMatrixCodeContext(): MatrixCodeContext {\n  const ctx = inject(KEY, null)\n  if (!ctx)\n    throw new Error('[xh] MatrixCode 部件必须用在 XhMatrixCode 内')\n  return ctx\n}\n"],"mappings":";;AAeA,MAAM,MAAuC,OAAO,IAAI,gBAAgB;AAExE,SAAgB,kBAAkB,KAA8B;CAC9D,QAAQ,KAAK,GAAG;AAClB;AAEA,SAAgB,uBAA0C;CACxD,MAAM,MAAM,OAAO,KAAK,IAAI;CAC5B,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,uCAAuC;CACzD,OAAO;AACT"}

package/dist/components/matrix-code/matrix-code.d.ts

@@ -0,0 +1,101 @@
+import { PropType, VNode } from "vue";
+import { MatrixCodeFormat, MatrixCodeLevel, MatrixCodeProps } from "@xihan-ui/headless";
+//#region src/components/matrix-code/matrix-code.d.ts
+type ModuleShape = NonNullable<MatrixCodeProps['moduleShape']>;
+type EyeShape = NonNullable<MatrixCodeProps['eyeShape']>;
+/**
+ * 整张码绘制为一个 `<svg>`，`format` 选择码制；QR 下数据模块与三个码眼各成一条 `<path>`，其余码制只有前一条，静区依靠 viewBox 留出。
+ * 矩阵由 connect 计算一次，这里只取现成的 path；没有可绘制的内容时不生成任何几何节点。
+ *
+ * 默认插槽中放置 XhMatrixCodeLogo 即在码面正中放置一块 logo：该片模块下方先铺一个底色矩形挖空，
+ * 挖空排在插槽之前，logo 绘制在它上面。挖掉的码字超出所选 level 的纠错余量时，
+ * connect 会向诊断通道报告一条警告，码照常绘制。
+ */
+declare const XhMatrixCode: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+  format: {
+    type: PropType<MatrixCodeFormat>;
+  };
+  value: {
+    type: StringConstructor;
+  };
+  gs1: {
+    type: BooleanConstructor;
+    default: undefined;
+  };
+  level: {
+    type: PropType<MatrixCodeLevel>;
+  };
+  rectangular: {
+    type: BooleanConstructor;
+    default: undefined;
+  };
+  columns: {
+    type: NumberConstructor;
+  };
+  pixelSize: {
+    type: NumberConstructor;
+  };
+  margin: {
+    type: NumberConstructor;
+  };
+  label: {
+    type: StringConstructor;
+  };
+  moduleShape: {
+    type: PropType<ModuleShape>;
+  };
+  eyeShape: {
+    type: PropType<EyeShape>;
+  };
+}>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+  [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+  format: {
+    type: PropType<MatrixCodeFormat>;
+  };
+  value: {
+    type: StringConstructor;
+  };
+  gs1: {
+    type: BooleanConstructor;
+    default: undefined;
+  };
+  level: {
+    type: PropType<MatrixCodeLevel>;
+  };
+  rectangular: {
+    type: BooleanConstructor;
+    default: undefined;
+  };
+  columns: {
+    type: NumberConstructor;
+  };
+  pixelSize: {
+    type: NumberConstructor;
+  };
+  margin: {
+    type: NumberConstructor;
+  };
+  label: {
+    type: StringConstructor;
+  };
+  moduleShape: {
+    type: PropType<ModuleShape>;
+  };
+  eyeShape: {
+    type: PropType<EyeShape>;
+  };
+}>> & Readonly<{}>, {
+  gs1: boolean;
+  rectangular: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+/**
+ * 码面正中的 logo：落位与尺寸由 connect 给出，作者只需放入图形。
+ * 渲染为嵌套 `<svg>`，其中写 `width="100%" height="100%"` 即铺满该区域，溢出部分由它自身裁剪。
+ */
+declare const XhMatrixCodeLogo: import("vue").DefineComponent<{}, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+  [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+//#endregion
+export { XhMatrixCode, XhMatrixCodeLogo };
+//# sourceMappingURL=matrix-code.d.ts.map

package/dist/components/matrix-code/matrix-code.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"matrix-code.d.ts","names":[],"sources":["../../../src/components/matrix-code/matrix-code.ts"],"mappings":";;;KAeK,cAAc,YAAY;KAC1B,WAAW,YAAY;;;;;;;;;cAUf,4BAAY,8BAAA;;IAIK,MAAA,SAAS;;;;;;;;;;IAKA,MAAA,SAAS;;;;;;;;;;;;;;;;;;;IAMb,MAAA,SAAS;;;IACZ,MAAA,SAAS;;;;;;IAZX,MAAA,SAAS;;;;;;;;;;IAKA,MAAA,SAAS;;;;;;;;;;;;;;;;;;;IAMb,MAAA,SAAS;;;IACZ,MAAA,SAAS;;;;;qCAyCvC;;;;;cAMW,gCAAgB,0BAAA,oBAAA,4BAAA;;8BAM3B,qCAAA,iDAAA,aAAA,eAAA,oDAAA"}

package/dist/components/matrix-code/matrix-code.js

@@ -0,0 +1,93 @@
+import { vueNormalize } from "../../runtime/normalize-props.js";
+import { slotPaints } from "../../runtime/slot-content.js";
+import { provideMatrixCode, useMatrixCodeContext } from "./context.js";
+import { computed, defineComponent, h, shallowRef } from "vue";
+import { connectMatrixCode } from "@xihan-ui/headless";
+//#region src/components/matrix-code/matrix-code.ts
+/**
+* 整张码绘制为一个 `<svg>`，`format` 选择码制；QR 下数据模块与三个码眼各成一条 `<path>`，其余码制只有前一条，静区依靠 viewBox 留出。
+* 矩阵由 connect 计算一次，这里只取现成的 path；没有可绘制的内容时不生成任何几何节点。
+*
+* 默认插槽中放置 XhMatrixCodeLogo 即在码面正中放置一块 logo：该片模块下方先铺一个底色矩形挖空，
+* 挖空排在插槽之前，logo 绘制在它上面。挖掉的码字超出所选 level 的纠错余量时，
+* connect 会向诊断通道报告一条警告，码照常绘制。
+*/
+const XhMatrixCode = defineComponent({
+	name: "XhMatrixCode",
+	props: {
+		format: { type: String },
+		value: { type: String },
+		gs1: {
+			type: Boolean,
+			default: void 0
+		},
+		level: { type: [String, Number] },
+		rectangular: {
+			type: Boolean,
+			default: void 0
+		},
+		columns: { type: Number },
+		pixelSize: { type: Number },
+		margin: { type: Number },
+		label: { type: String },
+		moduleShape: { type: String },
+		eyeShape: { type: String }
+	},
+	setup(props, { slots }) {
+		const hasLogo = shallowRef(false);
+		const api = computed(() => connectMatrixCode({
+			format: props.format,
+			value: props.value,
+			gs1: props.gs1,
+			level: props.level,
+			rectangular: props.rectangular,
+			columns: props.columns,
+			pixelSize: props.pixelSize,
+			margin: props.margin,
+			label: props.label,
+			moduleShape: props.moduleShape,
+			eyeShape: props.eyeShape,
+			logo: hasLogo.value
+		}, vueNormalize));
+		provideMatrixCode({ api });
+		return () => {
+			const content = slots.default?.() ?? [];
+			hasLogo.value = slotPaints(content);
+			const current = api.value;
+			const children = [];
+			if (current.path !== "") children.push(h("path", {
+				"data-xh-geom": "modules",
+				"d": current.path
+			}));
+			if (current.eyePath !== "") children.push(h("path", {
+				"data-xh-geom": "eyes",
+				"d": current.eyePath
+			}));
+			const area = current.logoArea;
+			if (area) children.push(h("rect", {
+				"data-xh-geom": "logo-clear",
+				"x": area.x,
+				"y": area.y,
+				"width": area.size,
+				"height": area.size
+			}));
+			children.push(...content);
+			return h("svg", current.getRootProps(), children);
+		};
+	}
+});
+/**
+* 码面正中的 logo：落位与尺寸由 connect 给出，作者只需放入图形。
+* 渲染为嵌套 `<svg>`，其中写 `width="100%" height="100%"` 即铺满该区域，溢出部分由它自身裁剪。
+*/
+const XhMatrixCodeLogo = defineComponent({
+	name: "XhMatrixCodeLogo",
+	setup(_, { slots }) {
+		const ctx = useMatrixCodeContext();
+		return () => h("svg", ctx.api.value.getLogoProps(), slots.default?.());
+	}
+});
+//#endregion
+export { XhMatrixCode, XhMatrixCodeLogo };
+
+//# sourceMappingURL=matrix-code.js.map

package/dist/components/matrix-code/matrix-code.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"matrix-code.js","names":[],"sources":["../../../src/components/matrix-code/matrix-code.ts"],"sourcesContent":["/*\n * Copyright (c) 2021-Present XiHanFun and contributors.\n * Licensed under the MIT License. See LICENSE in the project root for license information.\n */\n\n// 提供 matrix code 相关实现。\n\nimport type { MatrixCodeFormat, MatrixCodeLevel, MatrixCodeProps } from '@xihan-ui/headless'\nimport type { PropType, VNode } from 'vue'\nimport { connectMatrixCode } from '@xihan-ui/headless'\nimport { computed, defineComponent, h, shallowRef } from 'vue'\nimport { vueNormalize } from '../../runtime/normalize-props'\nimport { slotPaints } from '../../runtime/slot-content'\nimport { provideMatrixCode, useMatrixCodeContext } from './context'\n\ntype ModuleShape = NonNullable<MatrixCodeProps['moduleShape']>\ntype EyeShape = NonNullable<MatrixCodeProps['eyeShape']>\n\n/**\n * 整张码绘制为一个 `<svg>`，`format` 选择码制；QR 下数据模块与三个码眼各成一条 `<path>`，其余码制只有前一条，静区依靠 viewBox 留出。\n * 矩阵由 connect 计算一次，这里只取现成的 path；没有可绘制的内容时不生成任何几何节点。\n *\n * 默认插槽中放置 XhMatrixCodeLogo 即在码面正中放置一块 logo：该片模块下方先铺一个底色矩形挖空，\n * 挖空排在插槽之前，logo 绘制在它上面。挖掉的码字超出所选 level 的纠错余量时，\n * connect 会向诊断通道报告一条警告，码照常绘制。\n */\nexport const XhMatrixCode = defineComponent({\n  name: 'XhMatrixCode',\n  // 缺省值由 connect 给出；普通类型省略 default，Boolean 显式保留 undefined\n  props: {\n    format: { type: String as PropType<MatrixCodeFormat> },\n    value: { type: String },\n    // Boolean 显式保留 undefined：没给与给了 false 在 connect 里是两回事（rectangular 给了 qr 要报警告）\n    gs1: { type: Boolean, default: undefined },\n    // 取值域随码制：qr 是字母档，pdf417 是 0–8，aztec 是百分比\n    level: { type: [String, Number] as PropType<MatrixCodeLevel> },\n    rectangular: { type: Boolean, default: undefined },\n    columns: { type: Number },\n    pixelSize: { type: Number },\n    margin: { type: Number },\n    label: { type: String },\n    moduleShape: { type: String as PropType<ModuleShape> },\n    eyeShape: { type: String as PropType<EyeShape> },\n  },\n  setup(props, { slots }) {\n    // 插槽里有没有东西是渲染期才知道的事实，进不了 computed 的依赖：先落到 ref 上，再让 api 依赖这个 ref。\n    // 值没变时写入是空操作，不会多排一帧。\n    const hasLogo = shallowRef(false)\n    const api = computed(() => connectMatrixCode({\n      format: props.format,\n      value: props.value,\n      gs1: props.gs1,\n      level: props.level,\n      rectangular: props.rectangular,\n      columns: props.columns,\n      pixelSize: props.pixelSize,\n      margin: props.margin,\n      label: props.label,\n      moduleShape: props.moduleShape,\n      eyeShape: props.eyeShape,\n      logo: hasLogo.value,\n    } satisfies MatrixCodeProps, vueNormalize))\n    provideMatrixCode({ api })\n\n    return () => {\n      const content = slots.default?.() ?? []\n      // 插槽里只剩注释或空白时不算放了 logo：挖空是拿底色盖住一片模块，白挖一块就是白毁一片\n      hasLogo.value = slotPaints(content)\n\n      const current = api.value\n      const children: VNode[] = []\n      if (current.path !== '')\n        children.push(h('path', { 'data-xh-geom': 'modules', 'd': current.path }))\n      if (current.eyePath !== '')\n        children.push(h('path', { 'data-xh-geom': 'eyes', 'd': current.eyePath }))\n      const area = current.logoArea\n      if (area)\n        children.push(h('rect', { 'data-xh-geom': 'logo-clear', 'x': area.x, 'y': area.y, 'width': area.size, 'height': area.size }))\n      children.push(...content)\n\n      return h('svg', current.getRootProps() as Record<string, unknown>, children)\n    }\n  },\n})\n\n/**\n * 码面正中的 logo：落位与尺寸由 connect 给出，作者只需放入图形。\n * 渲染为嵌套 `<svg>`，其中写 `width=\"100%\" height=\"100%\"` 即铺满该区域，溢出部分由它自身裁剪。\n */\nexport const XhMatrixCodeLogo = defineComponent({\n  name: 'XhMatrixCodeLogo',\n  setup(_, { slots }) {\n    const ctx = useMatrixCodeContext()\n    return () => h('svg', ctx.api.value.getLogoProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n"],"mappings":";;;;;;;;;;;;;;AA0BA,MAAa,eAAe,gBAAgB;CAC1C,MAAM;CAEN,OAAO;EACL,QAAQ,EAAE,MAAM,OAAqC;EACrD,OAAO,EAAE,MAAM,OAAO;EAEtB,KAAK;GAAE,MAAM;GAAS,SAAS,KAAA;EAAU;EAEzC,OAAO,EAAE,MAAM,CAAC,QAAQ,MAAM,EAA+B;EAC7D,aAAa;GAAE,MAAM;GAAS,SAAS,KAAA;EAAU;EACjD,SAAS,EAAE,MAAM,OAAO;EACxB,WAAW,EAAE,MAAM,OAAO;EAC1B,QAAQ,EAAE,MAAM,OAAO;EACvB,OAAO,EAAE,MAAM,OAAO;EACtB,aAAa,EAAE,MAAM,OAAgC;EACrD,UAAU,EAAE,MAAM,OAA6B;CACjD;CACA,MAAM,OAAO,EAAE,SAAS;EAGtB,MAAM,UAAU,WAAW,KAAK;EAChC,MAAM,MAAM,eAAe,kBAAkB;GAC3C,QAAQ,MAAM;GACd,OAAO,MAAM;GACb,KAAK,MAAM;GACX,OAAO,MAAM;GACb,aAAa,MAAM;GACnB,SAAS,MAAM;GACf,WAAW,MAAM;GACjB,QAAQ,MAAM;GACd,OAAO,MAAM;GACb,aAAa,MAAM;GACnB,UAAU,MAAM;GAChB,MAAM,QAAQ;EAChB,GAA6B,YAAY,CAAC;EAC1C,kBAAkB,EAAE,IAAI,CAAC;EAEzB,aAAa;GACX,MAAM,UAAU,MAAM,UAAU,KAAK,CAAC;GAEtC,QAAQ,QAAQ,WAAW,OAAO;GAElC,MAAM,UAAU,IAAI;GACpB,MAAM,WAAoB,CAAC;GAC3B,IAAI,QAAQ,SAAS,IACnB,SAAS,KAAK,EAAE,QAAQ;IAAE,gBAAgB;IAAW,KAAK,QAAQ;GAAK,CAAC,CAAC;GAC3E,IAAI,QAAQ,YAAY,IACtB,SAAS,KAAK,EAAE,QAAQ;IAAE,gBAAgB;IAAQ,KAAK,QAAQ;GAAQ,CAAC,CAAC;GAC3E,MAAM,OAAO,QAAQ;GACrB,IAAI,MACF,SAAS,KAAK,EAAE,QAAQ;IAAE,gBAAgB;IAAc,KAAK,KAAK;IAAG,KAAK,KAAK;IAAG,SAAS,KAAK;IAAM,UAAU,KAAK;GAAK,CAAC,CAAC;GAC9H,SAAS,KAAK,GAAG,OAAO;GAExB,OAAO,EAAE,OAAO,QAAQ,aAAa,GAA8B,QAAQ;EAC7E;CACF;AACF,CAAC;;;;;AAMD,MAAa,mBAAmB,gBAAgB;CAC9C,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,qBAAqB;EACjC,aAAa,EAAE,OAAO,IAAI,IAAI,MAAM,aAAa,GAA8B,MAAM,UAAU,CAAC;CAClG;AACF,CAAC"}

package/dist/components/mention/context.d.ts

@@ -2,7 +2,7 @@ import { MentionContext } from "./use-mention.js";
 import { ComputedRef } from "vue";
 import { MentionItemProps } from "@xihan-ui/headless";
 //#region src/components/mention/context.d.ts
-/** 候选自报的值与禁用，供 item-text 复用同一份声明。 */
+/** 候选声明的值与禁用，供 item-text 复用同一份声明。 */
 interface MentionItemContext {
   item: ComputedRef<MentionItemProps>;
 }

package/dist/components/mention/context.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"context.d.ts","names":[],"sources":["../../../src/components/mention/context.ts"],"mappings":";;;;;UAMiB;EACf,MAAM,YAAY;;iBAMJ,eAAe,KAAK;iBAIpB,qBAAqB;iBAOrB,mBAAmB,KAAK;iBAIxB,yBAAyB"}
+{"version":3,"file":"context.d.ts","names":[],"sources":["../../../src/components/mention/context.ts"],"mappings":";;;;;UAaiB;EACf,MAAM,YAAY;;iBAMJ,eAAe,KAAK;iBAIpB,qBAAqB;iBAOrB,mBAAmB,KAAK;iBAIxB,yBAAyB"}

package/dist/components/mention/context.js.map

@@ -1 +1 @@
-{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/mention/context.ts"],"sourcesContent":["import type { MentionItemProps } from '@xihan-ui/headless'\nimport type { ComputedRef, InjectionKey } from 'vue'\nimport type { MentionContext } from './use-mention'\nimport { inject, provide } from 'vue'\n\n/** 候选自报的值与禁用，供 item-text 复用同一份声明。 */\nexport interface MentionItemContext {\n  item: ComputedRef<MentionItemProps>\n}\n\nconst KEY: InjectionKey<MentionContext> = Symbol.for('xh-mention')\nconst ITEM_KEY: InjectionKey<MentionItemContext> = Symbol.for('xh-mention-item')\n\nexport function provideMention(ctx: MentionContext): void {\n  provide(KEY, ctx)\n}\n\nexport function useMentionContext(): MentionContext {\n  const ctx = inject(KEY, null)\n  if (!ctx)\n    throw new Error('[xh] Mention 部件必须用在 XhMentionRoot 内')\n  return ctx\n}\n\nexport function provideMentionItem(ctx: MentionItemContext): void {\n  provide(ITEM_KEY, ctx)\n}\n\nexport function useMentionItemContext(): MentionItemContext {\n  const ctx = inject(ITEM_KEY, null)\n  if (!ctx)\n    throw new Error('[xh] Mention 候选子部件必须用在 XhMentionItem 内')\n  return ctx\n}\n"],"mappings":";;AAUA,MAAM,MAAoC,OAAO,IAAI,YAAY;AACjE,MAAM,WAA6C,OAAO,IAAI,iBAAiB;AAE/E,SAAgB,eAAe,KAA2B;CACxD,QAAQ,KAAK,GAAG;AAClB;AAEA,SAAgB,oBAAoC;CAClD,MAAM,MAAM,OAAO,KAAK,IAAI;CAC5B,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,qCAAqC;CACvD,OAAO;AACT;AAEA,SAAgB,mBAAmB,KAA+B;CAChE,QAAQ,UAAU,GAAG;AACvB;AAEA,SAAgB,wBAA4C;CAC1D,MAAM,MAAM,OAAO,UAAU,IAAI;CACjC,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,wCAAwC;CAC1D,OAAO;AACT"}
+{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/mention/context.ts"],"sourcesContent":["/*\n * Copyright (c) 2021-Present XiHanFun and contributors.\n * Licensed under the MIT License. See LICENSE in the project root for license information.\n */\n\n// 提供 context 相关实现。\n\nimport type { MentionItemProps } from '@xihan-ui/headless'\nimport type { ComputedRef, InjectionKey } from 'vue'\nimport type { MentionContext } from './use-mention'\nimport { inject, provide } from 'vue'\n\n/** 候选声明的值与禁用，供 item-text 复用同一份声明。 */\nexport interface MentionItemContext {\n  item: ComputedRef<MentionItemProps>\n}\n\nconst KEY: InjectionKey<MentionContext> = Symbol.for('xh-mention')\nconst ITEM_KEY: InjectionKey<MentionItemContext> = Symbol.for('xh-mention-item')\n\nexport function provideMention(ctx: MentionContext): void {\n  provide(KEY, ctx)\n}\n\nexport function useMentionContext(): MentionContext {\n  const ctx = inject(KEY, null)\n  if (!ctx)\n    throw new Error('[xh] Mention 部件必须用在 XhMentionRoot 内')\n  return ctx\n}\n\nexport function provideMentionItem(ctx: MentionItemContext): void {\n  provide(ITEM_KEY, ctx)\n}\n\nexport function useMentionItemContext(): MentionItemContext {\n  const ctx = inject(ITEM_KEY, null)\n  if (!ctx)\n    throw new Error('[xh] Mention 候选子部件必须用在 XhMentionItem 内')\n  return ctx\n}\n"],"mappings":";;AAiBA,MAAM,MAAoC,OAAO,IAAI,YAAY;AACjE,MAAM,WAA6C,OAAO,IAAI,iBAAiB;AAE/E,SAAgB,eAAe,KAA2B;CACxD,QAAQ,KAAK,GAAG;AAClB;AAEA,SAAgB,oBAAoC;CAClD,MAAM,MAAM,OAAO,KAAK,IAAI;CAC5B,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,qCAAqC;CACvD,OAAO;AACT;AAEA,SAAgB,mBAAmB,KAA+B;CAChE,QAAQ,UAAU,GAAG;AACvB;AAEA,SAAgB,wBAA4C;CAC1D,MAAM,MAAM,OAAO,UAAU,IAAI;CACjC,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,wCAAwC;CAC1D,OAAO;AACT"}