@xihan-ui/vue 1.1.0 → 2.0.0

package/dist/components/tree-select/use-tree-select.js

@@ -4,8 +4,8 @@ import { useXhConfig } from "../../config/config.js";
 import { useMachine } from "../../runtime/use-machine.js";
 import { createVueIdGenerator } from "../../runtime/vue-id.js";
 import { computed, ref } from "vue";
+import { createRuntimeConfig, createScope } from "@xihan-ui/core";
 import { connectTreeSelect, treeSelectMachine } from "@xihan-ui/headless";
-import { createRuntimeConfig, createScope } from "@xihan-ui/kernel";
 import { createPositionEngine } from "@xihan-ui/position";
 //#region src/components/tree-select/use-tree-select.ts
 function useTreeSelect(props, handlers = {}) {
@@ -30,7 +30,6 @@ function useTreeSelect(props, handlers = {}) {
 			node: () => contentRef.value,
 			branches: () => [triggerRef.value, positionerRef.value].filter(Boolean),
 			isModal: () => false,
-			setModal: () => {},
 			surfaces: () => []
 		});
 		service.refs.set("config", config);
@@ -45,7 +44,8 @@ function useTreeSelect(props, handlers = {}) {
 		visible: useOverlayExit({
 			config,
 			isOpen: () => api.value.open,
-			contentRef
+			contentRef,
+			onPresence: (presence) => service.refs.set("presence", presence)
 		}),
 		service,
 		api,

package/dist/components/tree-select/use-tree-select.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-tree-select.js","names":[],"sources":["../../../src/components/tree-select/use-tree-select.ts"],"sourcesContent":["import type { TreeSelectApi, TreeSelectSchema } from '@xihan-ui/headless'\nimport type { Cleanup, Layer, RuntimeConfig } from '@xihan-ui/kernel'\nimport type { Service } from '@xihan-ui/machine'\nimport type { ComputedRef, Ref } from 'vue'\nimport { connectTreeSelect, treeSelectMachine } from '@xihan-ui/headless'\nimport { createRuntimeConfig, createScope } from '@xihan-ui/kernel'\nimport { createPositionEngine } from '@xihan-ui/position'\nimport { computed, ref } from 'vue'\nimport { useXhConfig } from '../../config/config'\nimport { vueNormalize } from '../../runtime/normalize-props'\nimport { useMachine } from '../../runtime/use-machine'\nimport { useOverlayExit } from '../../runtime/use-overlay-exit'\nimport { createVueIdGenerator } from '../../runtime/vue-id'\n\nexport interface TreeSelectContext {\n  /** 机器实例，供部件上报 DOM 侧的事实（如节点卸载带走了焦点）。 */\n  service: Service<TreeSelectSchema>\n  api: ComputedRef<TreeSelectApi>\n  triggerRef: Ref<HTMLElement | null>\n  positionerRef: Ref<HTMLElement | null>\n  contentRef: Ref<HTMLElement | null>\n  /** 此刻该不该渲染：退场动画播完之前仍为真。 */\n  visible: Ref<boolean>\n  /** 浮层搬到哪儿：全局配置的容器 > 运行时的浮层落点 > body。 */\n  portalTarget: ComputedRef<string | Element>\n}\n\nexport function useTreeSelect(\n  props: TreeSelectSchema['props'],\n  handlers: Pick<TreeSelectSchema['props'], 'onValueChange' | 'onExpandedChange' | 'onOpenChange'> = {},\n): TreeSelectContext {\n  const xhConfig = useXhConfig()\n  const triggerRef = ref<HTMLElement | null>(null)\n  const positionerRef = ref<HTMLElement | null>(null)\n  const contentRef = ref<HTMLElement | null>(null)\n\n  const idGen = createVueIdGenerator()\n  const scope = createScope(null, idGen)\n  // 三个回调由组件外壳（emit）或组合式调用方提供，随 props 一并喂给机器\n  const service = useMachine(treeSelectMachine, () => ({ ...props, ...handlers }), scope)\n\n  // 服务端没有 DOM、也就没有退场：config 传 null 时闸门退化成「跟着展开态」\n  let config: RuntimeConfig | null = null\n\n  if (typeof document !== 'undefined') {\n    config = createRuntimeConfig({ scope, idGenerator: idGen })\n\n    // 只提供注册函数，入栈出栈由机器的 trackLayer 效应按展开态驱动\n    const registerLayer = (): { layer: Layer, dispose: Cleanup } => config!.layerRegistry.register({\n      kind: 'popover',\n      node: () => contentRef.value,\n      // trigger 记为本层分支，点它算层内交互，开合由 trigger 自己切换；\n      // 浮层壳一并记上：content 之外还浮着自绘滚动条，按住它拖动不该把浮层消解掉\n      branches: () => [triggerRef.value, positionerRef.value].filter(Boolean) as Element[],\n      isModal: () => false,\n      setModal: () => {},\n      surfaces: () => [],\n    })\n\n    // 定位引擎由适配器注入，机器只经端口驱动；锚点取 trigger\n    service.refs.set('config', config!)\n    service.refs.set('registerLayer', registerLayer)\n    service.refs.set('position', createPositionEngine())\n    service.refs.set('getAnchorEl', () => triggerRef.value)\n    service.refs.set('getFloatingEl', () => positionerRef.value)\n    service.refs.set('getContentEl', () => contentRef.value)\n  }\n\n  const api = computed(() => connectTreeSelect(service, vueNormalize))\n  // 退场闸门：收起从跟着 open 走，改成跟着 presence 走\n  const visible = useOverlayExit({ config, isOpen: () => api.value.open, contentRef })\n  // 全局配置写了容器就用它，否则落到运行时那个单一浮层落点；没有 DOM 时才回到 body\n  const portalTarget = computed<string | Element>(() => xhConfig.value.portalContainer?.() ?? config?.portalContainer() ?? 'body')\n\n  return { visible, service, api, triggerRef, positionerRef, contentRef, portalTarget }\n}\n"],"mappings":";;;;;;;;;;AA2BA,SAAgB,cACd,OACA,WAAmG,CAAC,GACjF;CACnB,MAAM,WAAW,YAAY;CAC7B,MAAM,aAAa,IAAwB,IAAI;CAC/C,MAAM,gBAAgB,IAAwB,IAAI;CAClD,MAAM,aAAa,IAAwB,IAAI;CAE/C,MAAM,QAAQ,qBAAqB;CACnC,MAAM,QAAQ,YAAY,MAAM,KAAK;CAErC,MAAM,UAAU,WAAW,0BAA0B;EAAE,GAAG;EAAO,GAAG;CAAS,IAAI,KAAK;CAGtF,IAAI,SAA+B;CAEnC,IAAI,OAAO,aAAa,aAAa;EACnC,SAAS,oBAAoB;GAAE;GAAO,aAAa;EAAM,CAAC;EAG1D,MAAM,sBAA0D,OAAQ,cAAc,SAAS;GAC7F,MAAM;GACN,YAAY,WAAW;GAGvB,gBAAgB,CAAC,WAAW,OAAO,cAAc,KAAK,CAAC,CAAC,OAAO,OAAO;GACtE,eAAe;GACf,gBAAgB,CAAC;GACjB,gBAAgB,CAAC;EACnB,CAAC;EAGD,QAAQ,KAAK,IAAI,UAAU,MAAO;EAClC,QAAQ,KAAK,IAAI,iBAAiB,aAAa;EAC/C,QAAQ,KAAK,IAAI,YAAY,qBAAqB,CAAC;EACnD,QAAQ,KAAK,IAAI,qBAAqB,WAAW,KAAK;EACtD,QAAQ,KAAK,IAAI,uBAAuB,cAAc,KAAK;EAC3D,QAAQ,KAAK,IAAI,sBAAsB,WAAW,KAAK;CACzD;CAEA,MAAM,MAAM,eAAe,kBAAkB,SAAS,YAAY,CAAC;CAMnE,OAAO;EAAE,SAJO,eAAe;GAAE;GAAQ,cAAc,IAAI,MAAM;GAAM;EAAW,CAInE;EAAG;EAAS;EAAK;EAAY;EAAe;EAAY,cAFlD,eAAiC,SAAS,MAAM,kBAAkB,KAAK,QAAQ,gBAAgB,KAAK,MAEvC;CAAE;AACtF"}
+{"version":3,"file":"use-tree-select.js","names":[],"sources":["../../../src/components/tree-select/use-tree-select.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// 提供 use tree select 相关实现。\n\nimport type { Cleanup, Layer, RuntimeConfig, Service } from '@xihan-ui/core'\nimport type { TreeSelectApi, TreeSelectSchema } from '@xihan-ui/headless'\nimport type { ComputedRef, Ref } from 'vue'\nimport { createRuntimeConfig, createScope } from '@xihan-ui/core'\nimport { connectTreeSelect, treeSelectMachine } from '@xihan-ui/headless'\nimport { createPositionEngine } from '@xihan-ui/position'\nimport { computed, ref } from 'vue'\nimport { useXhConfig } from '../../config/config'\nimport { vueNormalize } from '../../runtime/normalize-props'\nimport { useMachine } from '../../runtime/use-machine'\nimport { useOverlayExit } from '../../runtime/use-overlay-exit'\nimport { createVueIdGenerator } from '../../runtime/vue-id'\n\nexport interface TreeSelectContext {\n  /** 状态机实例，供部件上报 DOM 侧的事实（如节点卸载带走了焦点）。 */\n  service: Service<TreeSelectSchema>\n  api: ComputedRef<TreeSelectApi>\n  triggerRef: Ref<HTMLElement | null>\n  positionerRef: Ref<HTMLElement | null>\n  contentRef: Ref<HTMLElement | null>\n  /** 当前是否应当渲染：退场动画播完之前仍为真。 */\n  visible: Ref<boolean>\n  /** 浮层迁移到的位置：全局配置的容器 > 运行时的浮层落点 > body。 */\n  portalTarget: ComputedRef<string | Element>\n}\n\nexport function useTreeSelect(\n  props: TreeSelectSchema['props'],\n  handlers: Pick<TreeSelectSchema['props'], 'onValueChange' | 'onExpandedValueChange' | 'onOpenChange' | 'onBranchLoadStart' | 'onBranchLoad' | 'onBranchLoadError'> = {},\n): TreeSelectContext {\n  const xhConfig = useXhConfig()\n  const triggerRef = ref<HTMLElement | null>(null)\n  const positionerRef = ref<HTMLElement | null>(null)\n  const contentRef = ref<HTMLElement | null>(null)\n\n  const idGen = createVueIdGenerator()\n  const scope = createScope(null, idGen)\n  // 对外回调由组件外壳（emit）或组合式调用方提供，随 props 一并喂给机器\n  const service = useMachine(treeSelectMachine, () => ({ ...props, ...handlers }), scope)\n\n  // 服务端没有 DOM、也就没有退场：config 传 null 时闸门退化成「跟着展开态」\n  let config: RuntimeConfig | null = null\n\n  if (typeof document !== 'undefined') {\n    config = createRuntimeConfig({ scope, idGenerator: idGen })\n\n    // 只提供注册函数，入栈出栈由机器的 trackLayer 效应按展开态驱动\n    const registerLayer = (): { layer: Layer, dispose: Cleanup } => config!.layerRegistry.register({\n      kind: 'popover',\n      node: () => contentRef.value,\n      // trigger 记为本层分支，点它算层内交互，开合由 trigger 自己切换；\n      // 浮层壳一并记上：content 之外还浮着自绘滚动条，按住它拖动不该把浮层消解掉\n      branches: () => [triggerRef.value, positionerRef.value].filter(Boolean) as Element[],\n      isModal: () => false,\n      surfaces: () => [],\n    })\n\n    // 定位引擎由适配器注入，机器只经端口驱动；锚点取 trigger\n    service.refs.set('config', config!)\n    service.refs.set('registerLayer', registerLayer)\n    service.refs.set('position', createPositionEngine())\n    service.refs.set('getAnchorEl', () => triggerRef.value)\n    service.refs.set('getFloatingEl', () => positionerRef.value)\n    service.refs.set('getContentEl', () => contentRef.value)\n  }\n\n  const api = computed(() => connectTreeSelect(service, vueNormalize))\n  // 退场闸门：收起从跟着 open 走，改成跟着 presence 走\n  const visible = useOverlayExit({\n    config,\n    isOpen: () => api.value.open,\n    contentRef,\n    onPresence: presence => service.refs.set('presence', presence),\n  })\n  // 全局配置写了容器就用它，否则落到运行时那个单一浮层落点；没有 DOM 时才回到 body\n  const portalTarget = computed<string | Element>(() => xhConfig.value.portalContainer?.() ?? config?.portalContainer() ?? 'body')\n\n  return { visible, service, api, triggerRef, positionerRef, contentRef, portalTarget }\n}\n"],"mappings":";;;;;;;;;;AAiCA,SAAgB,cACd,OACA,WAAqK,CAAC,GACnJ;CACnB,MAAM,WAAW,YAAY;CAC7B,MAAM,aAAa,IAAwB,IAAI;CAC/C,MAAM,gBAAgB,IAAwB,IAAI;CAClD,MAAM,aAAa,IAAwB,IAAI;CAE/C,MAAM,QAAQ,qBAAqB;CACnC,MAAM,QAAQ,YAAY,MAAM,KAAK;CAErC,MAAM,UAAU,WAAW,0BAA0B;EAAE,GAAG;EAAO,GAAG;CAAS,IAAI,KAAK;CAGtF,IAAI,SAA+B;CAEnC,IAAI,OAAO,aAAa,aAAa;EACnC,SAAS,oBAAoB;GAAE;GAAO,aAAa;EAAM,CAAC;EAG1D,MAAM,sBAA0D,OAAQ,cAAc,SAAS;GAC7F,MAAM;GACN,YAAY,WAAW;GAGvB,gBAAgB,CAAC,WAAW,OAAO,cAAc,KAAK,CAAC,CAAC,OAAO,OAAO;GACtE,eAAe;GACf,gBAAgB,CAAC;EACnB,CAAC;EAGD,QAAQ,KAAK,IAAI,UAAU,MAAO;EAClC,QAAQ,KAAK,IAAI,iBAAiB,aAAa;EAC/C,QAAQ,KAAK,IAAI,YAAY,qBAAqB,CAAC;EACnD,QAAQ,KAAK,IAAI,qBAAqB,WAAW,KAAK;EACtD,QAAQ,KAAK,IAAI,uBAAuB,cAAc,KAAK;EAC3D,QAAQ,KAAK,IAAI,sBAAsB,WAAW,KAAK;CACzD;CAEA,MAAM,MAAM,eAAe,kBAAkB,SAAS,YAAY,CAAC;CAWnE,OAAO;EAAE,SATO,eAAe;GAC7B;GACA,cAAc,IAAI,MAAM;GACxB;GACA,aAAY,aAAY,QAAQ,KAAK,IAAI,YAAY,QAAQ;EAC/D,CAIe;EAAG;EAAS;EAAK;EAAY;EAAe;EAAY,cAFlD,eAAiC,SAAS,MAAM,kBAAkB,KAAK,QAAQ,gBAAgB,KAAK,MAEvC;CAAE;AACtF"}

package/dist/components/truncate/truncate.d.ts

@@ -0,0 +1,55 @@
+import { PayloadOf } from "../../runtime/payload.js";
+import { SlotsType, VNode } from "vue";
+import { TruncateApi, TruncateSchema } from "@xihan-ui/headless";
+//#region src/components/truncate/truncate.d.ts
+type TruncateProps = TruncateSchema['props'];
+/** 默认插槽的载荷：展开态与测得的是否溢出，以及展开与重新测量的方法。 */
+type TruncateSlotProps = Pick<TruncateApi, 'open' | 'overflowing' | 'setOpen' | 'measure'>;
+/**
+ * 一段受限的文字：单行收为省略号，多行按行数裁剪。
+ * 是否溢出由测量得出，写在 data-overflowing 上，也经默认插槽的 overflowing 交出：
+ * 是否再附加提示由作者决定，这里不处理浮层。
+ */
+declare const XhTruncate: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+  lines: {
+    type: NumberConstructor;
+  };
+  expandable: BooleanConstructor;
+  open: {
+    type: BooleanConstructor;
+    default: undefined;
+  };
+  defaultOpen: BooleanConstructor;
+  tooltip: BooleanConstructor;
+}>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+  [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+  'open-change': (_details: PayloadOf<TruncateProps, "onOpenChange">) => true;
+  'update:open': (_open: PayloadOf<TruncateProps, "onOpenChange">["open"]) => true;
+  'overflow-change': (_details: PayloadOf<TruncateProps, "onOverflowChange">) => true;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+  lines: {
+    type: NumberConstructor;
+  };
+  expandable: BooleanConstructor;
+  open: {
+    type: BooleanConstructor;
+    default: undefined;
+  };
+  defaultOpen: BooleanConstructor;
+  tooltip: BooleanConstructor;
+}>> & Readonly<{
+  "onOpen-change"?: ((_details: import("@xihan-ui/headless").TruncateOpenChangeDetails) => any) | undefined;
+  "onUpdate:open"?: ((_open: boolean) => any) | undefined;
+  "onOverflow-change"?: ((_details: import("@xihan-ui/headless").TruncateOverflowChangeDetails) => any) | undefined;
+}>, {
+  open: boolean;
+  defaultOpen: boolean;
+  tooltip: boolean;
+  expandable: boolean;
+}, SlotsType<{
+  default?: (props: TruncateSlotProps) => VNode[];
+}>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+//#endregion
+export { TruncateSlotProps, XhTruncate };
+//# sourceMappingURL=truncate.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"truncate.d.ts","names":[],"sources":["../../../src/components/truncate/truncate.ts"],"mappings":";;;;KAaK,gBAAgB;;KAGT,oBAAoB,KAAK;;;;;;cAOxB,0BAAU,8BAAA;;;;;;;;;;;;;;EAYO,gBAAA,UAAA,UAAU;EACb,gBAAA,OAAA,UAAU;EACH,oBAAA,UAAA,UAAU;;;;;;;;;;;;;;;;;;;;;;EAG9B,WAAC,OAAO,sBAAsB;kCAoB1C"}

package/dist/components/truncate/truncate.js

@@ -0,0 +1,51 @@
+import { useTruncate } from "./use-truncate.js";
+import { defineComponent, h } from "vue";
+//#region src/components/truncate/truncate.ts
+/**
+* 一段受限的文字：单行收为省略号，多行按行数裁剪。
+* 是否溢出由测量得出，写在 data-overflowing 上，也经默认插槽的 overflowing 交出：
+* 是否再附加提示由作者决定，这里不处理浮层。
+*/
+const XhTruncate = defineComponent({
+	name: "XhTruncate",
+	props: {
+		lines: { type: Number },
+		expandable: Boolean,
+		open: {
+			type: Boolean,
+			default: void 0
+		},
+		defaultOpen: Boolean,
+		tooltip: Boolean
+	},
+	emits: {
+		"open-change": (_details) => true,
+		"update:open": (_open) => true,
+		"overflow-change": (_details) => true
+	},
+	slots: Object,
+	setup(props, { slots, emit }) {
+		const ctx = useTruncate(props, {
+			onOpenChange: (details) => {
+				emit("open-change", details);
+				emit("update:open", details.open);
+			},
+			onOverflowChange: (details) => emit("overflow-change", details)
+		});
+		return () => h("div", {
+			...ctx.api.value.getRootProps(),
+			ref: (el) => {
+				ctx.rootRef.value = el;
+			}
+		}, slots.default?.({
+			open: ctx.api.value.open,
+			overflowing: ctx.api.value.overflowing,
+			setOpen: ctx.api.value.setOpen,
+			measure: ctx.api.value.measure
+		}));
+	}
+});
+//#endregion
+export { XhTruncate };
+
+//# sourceMappingURL=truncate.js.map

package/dist/components/truncate/truncate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"truncate.js","names":[],"sources":["../../../src/components/truncate/truncate.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// 提供 truncate 相关实现。\n\nimport type { TruncateApi, TruncateSchema } from '@xihan-ui/headless'\nimport type { SlotsType, VNode } from 'vue'\nimport type { PayloadOf } from '../../runtime/payload'\nimport { defineComponent, h } from 'vue'\nimport { useTruncate } from './use-truncate'\n\ntype TruncateProps = TruncateSchema['props']\n\n/** 默认插槽的载荷：展开态与测得的是否溢出，以及展开与重新测量的方法。 */\nexport type TruncateSlotProps = Pick<TruncateApi, 'open' | 'overflowing' | 'setOpen' | 'measure'>\n\n/**\n * 一段受限的文字：单行收为省略号，多行按行数裁剪。\n * 是否溢出由测量得出，写在 data-overflowing 上，也经默认插槽的 overflowing 交出：\n * 是否再附加提示由作者决定，这里不处理浮层。\n */\nexport const XhTruncate = defineComponent({\n  name: 'XhTruncate',\n  // 缺省值由机器与 connect 决定；普通类型省略 default，Boolean 显式保留 undefined\n  props: {\n    lines: { type: Number },\n    expandable: Boolean,\n    open: { type: Boolean, default: undefined },\n    defaultOpen: Boolean,\n    tooltip: Boolean,\n  },\n  // open-change 携带 { open }，update:open 携带裸布尔\n  emits: {\n    'open-change': (_details: PayloadOf<TruncateProps, 'onOpenChange'>) => true,\n    'update:open': (_open: PayloadOf<TruncateProps, 'onOpenChange'>['open']) => true,\n    'overflow-change': (_details: PayloadOf<TruncateProps, 'onOverflowChange'>) => true,\n  },\n  slots: Object as SlotsType<{\n    default?: (props: TruncateSlotProps) => VNode[]\n  }>,\n  setup(props, { slots, emit }) {\n    const ctx = useTruncate(props as TruncateProps, {\n      onOpenChange: (details) => {\n        emit('open-change', details)\n        emit('update:open', details.open)\n      },\n      onOverflowChange: details => emit('overflow-change', details),\n    })\n    return () => h('div', {\n      ...ctx.api.value.getRootProps() as Record<string, unknown>,\n      ref: (el: unknown) => { ctx.rootRef.value = el as HTMLElement },\n    }, slots.default?.({\n      open: ctx.api.value.open,\n      overflowing: ctx.api.value.overflowing,\n      setOpen: ctx.api.value.setOpen,\n      measure: ctx.api.value.measure,\n    }))\n  },\n})\n"],"mappings":";;;;;;;;AAuBA,MAAa,aAAa,gBAAgB;CACxC,MAAM;CAEN,OAAO;EACL,OAAO,EAAE,MAAM,OAAO;EACtB,YAAY;EACZ,MAAM;GAAE,MAAM;GAAS,SAAS,KAAA;EAAU;EAC1C,aAAa;EACb,SAAS;CACX;CAEA,OAAO;EACL,gBAAgB,aAAuD;EACvE,gBAAgB,UAA4D;EAC5E,oBAAoB,aAA2D;CACjF;CACA,OAAO;CAGP,MAAM,OAAO,EAAE,OAAO,QAAQ;EAC5B,MAAM,MAAM,YAAY,OAAwB;GAC9C,eAAe,YAAY;IACzB,KAAK,eAAe,OAAO;IAC3B,KAAK,eAAe,QAAQ,IAAI;GAClC;GACA,mBAAkB,YAAW,KAAK,mBAAmB,OAAO;EAC9D,CAAC;EACD,aAAa,EAAE,OAAO;GACpB,GAAG,IAAI,IAAI,MAAM,aAAa;GAC9B,MAAM,OAAgB;IAAE,IAAI,QAAQ,QAAQ;GAAkB;EAChE,GAAG,MAAM,UAAU;GACjB,MAAM,IAAI,IAAI,MAAM;GACpB,aAAa,IAAI,IAAI,MAAM;GAC3B,SAAS,IAAI,IAAI,MAAM;GACvB,SAAS,IAAI,IAAI,MAAM;EACzB,CAAC,CAAC;CACJ;AACF,CAAC"}

package/dist/components/truncate/use-truncate.d.ts

@@ -0,0 +1,17 @@
+import { ComputedRef, Ref } from "vue";
+import { Service } from "@xihan-ui/core";
+import { TruncateApi, TruncateSchema } from "@xihan-ui/headless";
+//#region src/components/truncate/use-truncate.d.ts
+/** 对外的两个回调。 */
+type TruncateNotifiers = Pick<TruncateSchema['props'], 'onOpenChange' | 'onOverflowChange'>;
+interface TruncateContext {
+  api: ComputedRef<TruncateApi>;
+  service: Service<TruncateSchema>;
+  /** 限制文字的盒子：溢出与文字都测量它。 */
+  rootRef: Ref<HTMLElement | null>;
+}
+/** 测量与监听都在状态机的效应中运行，DOM 取值口经 refs 交入。 */
+declare function useTruncate(props: TruncateSchema['props'], notify?: TruncateNotifiers): TruncateContext;
+//#endregion
+export { TruncateContext, TruncateNotifiers, useTruncate };
+//# sourceMappingURL=use-truncate.d.ts.map

package/dist/components/truncate/use-truncate.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-truncate.d.ts","names":[],"sources":["../../../src/components/truncate/use-truncate.ts"],"mappings":";;;;;KAgBY,oBAAoB,KAAK;UAEpB;EACf,KAAK,YAAY;EACjB,SAAS,QAAQ;;EAEjB,SAAS,IAAI;;;iBAIC,YACd,OAAO,yBACP,SAAS,oBACR"}

package/dist/components/truncate/use-truncate.js

@@ -0,0 +1,23 @@
+import { vueNormalize } from "../../runtime/normalize-props.js";
+import { useMachine } from "../../runtime/use-machine.js";
+import { computed, ref } from "vue";
+import { connectTruncate, truncateMachine } from "@xihan-ui/headless";
+//#region src/components/truncate/use-truncate.ts
+/** 测量与监听都在状态机的效应中运行，DOM 取值口经 refs 交入。 */
+function useTruncate(props, notify) {
+	const rootRef = ref(null);
+	const service = useMachine(truncateMachine, () => ({
+		...props,
+		...notify
+	}));
+	service.refs.set("getRootEl", () => rootRef.value);
+	return {
+		api: computed(() => connectTruncate(service, vueNormalize)),
+		service,
+		rootRef
+	};
+}
+//#endregion
+export { useTruncate };
+
+//# sourceMappingURL=use-truncate.js.map

package/dist/components/truncate/use-truncate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-truncate.js","names":[],"sources":["../../../src/components/truncate/use-truncate.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// 提供 use truncate 相关实现。\n\nimport type { Service } from '@xihan-ui/core'\nimport type { TruncateApi, TruncateSchema } from '@xihan-ui/headless'\nimport type { ComputedRef, Ref } from 'vue'\nimport { connectTruncate, truncateMachine } from '@xihan-ui/headless'\nimport { computed, ref } from 'vue'\nimport { vueNormalize } from '../../runtime/normalize-props'\nimport { useMachine } from '../../runtime/use-machine'\n\n/** 对外的两个回调。 */\nexport type TruncateNotifiers = Pick<TruncateSchema['props'], 'onOpenChange' | 'onOverflowChange'>\n\nexport interface TruncateContext {\n  api: ComputedRef<TruncateApi>\n  service: Service<TruncateSchema>\n  /** 限制文字的盒子：溢出与文字都测量它。 */\n  rootRef: Ref<HTMLElement | null>\n}\n\n/** 测量与监听都在状态机的效应中运行，DOM 取值口经 refs 交入。 */\nexport function useTruncate(\n  props: TruncateSchema['props'],\n  notify?: TruncateNotifiers,\n): TruncateContext {\n  const rootRef = ref<HTMLElement | null>(null)\n  // 传响应式 props 对象本身而非快照，供机器每次读时重新展开\n  const service = useMachine(truncateMachine, () => ({ ...props, ...notify }))\n\n  service.refs.set('getRootEl', () => rootRef.value)\n\n  const api = computed(() => connectTruncate(service, vueNormalize))\n  return { api, service, rootRef }\n}\n"],"mappings":";;;;;;AA0BA,SAAgB,YACd,OACA,QACiB;CACjB,MAAM,UAAU,IAAwB,IAAI;CAE5C,MAAM,UAAU,WAAW,wBAAwB;EAAE,GAAG;EAAO,GAAG;CAAO,EAAE;CAE3E,QAAQ,KAAK,IAAI,mBAAmB,QAAQ,KAAK;CAGjD,OAAO;EAAE,KADG,eAAe,gBAAgB,SAAS,YAAY,CACrD;EAAG;EAAS;CAAQ;AACjC"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/typography/context.ts"],"sourcesContent":["import type { TypographyApi } from '@xihan-ui/headless'\nimport type { ComputedRef, InjectionKey } from 'vue'\nimport { inject, provide } from 'vue'\n\nexport interface TypographyContext {\n  api: ComputedRef<TypographyApi>\n}\n\nconst KEY: InjectionKey<TypographyContext> = Symbol.for('xh-typography')\n\nexport function provideTypography(ctx: TypographyContext): void {\n  provide(KEY, ctx)\n}\n\nexport function useTypographyContext(): TypographyContext {\n  const ctx = inject(KEY, null)\n  if (!ctx)\n    throw new Error('[xh] Typography 部件必须用在 XhTypographyRoot 内')\n  return ctx\n}\n"],"mappings":";;AAQA,MAAM,MAAuC,OAAO,IAAI,eAAe;AAEvE,SAAgB,kBAAkB,KAA8B;CAC9D,QAAQ,KAAK,GAAG;AAClB;AAEA,SAAgB,uBAA0C;CACxD,MAAM,MAAM,OAAO,KAAK,IAAI;CAC5B,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,2CAA2C;CAC7D,OAAO;AACT"}
+{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/typography/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 { TypographyApi } from '@xihan-ui/headless'\nimport type { ComputedRef, InjectionKey } from 'vue'\nimport { inject, provide } from 'vue'\n\nexport interface TypographyContext {\n  api: ComputedRef<TypographyApi>\n}\n\nconst KEY: InjectionKey<TypographyContext> = Symbol.for('xh-typography')\n\nexport function provideTypography(ctx: TypographyContext): void {\n  provide(KEY, ctx)\n}\n\nexport function useTypographyContext(): TypographyContext {\n  const ctx = inject(KEY, null)\n  if (!ctx)\n    throw new Error('[xh] Typography 部件必须用在 XhTypographyRoot 内')\n  return ctx\n}\n"],"mappings":";;AAeA,MAAM,MAAuC,OAAO,IAAI,eAAe;AAEvE,SAAgB,kBAAkB,KAA8B;CAC9D,QAAQ,KAAK,GAAG;AAClB;AAEA,SAAgB,uBAA0C;CACxD,MAAM,MAAM,OAAO,KAAK,IAAI;CAC5B,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,2CAA2C;CAC7D,OAAO;AACT"}

package/dist/components/typography/typography.d.ts

@@ -1,31 +1,38 @@
 import { PropType } from "vue";
-import { TypographyLevel, TypographyVariant } from "@xihan-ui/headless";
-import { Size, Tone } from "@xihan-ui/kernel";
+import { Size, Tone } from "@xihan-ui/core";
+import { TypographyAlign, TypographyLevel, TypographyVariant, TypographyWeight } from "@xihan-ui/headless";
 //#region src/components/typography/typography.d.ts
-/** 正文块容器，管段间距与最大行宽；缺省值由 connect 给出，这里一律 default: undefined */
+/** 正文块容器，管理段间距与最大行宽；默认值由 connect 给出；普通类型省略 default，Boolean 显式保留 undefined */
 declare const XhTypographyRoot: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
   size: {
     type: PropType<Size>;
-    default: undefined;
+  };
+  align: {
+    type: PropType<TypographyAlign>;
+  };
+  weight: {
+    type: PropType<TypographyWeight>;
   };
 }>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
   [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
   size: {
     type: PropType<Size>;
-    default: undefined;
   };
-}>> & Readonly<{}>, {
-  size: Size;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+  align: {
+    type: PropType<TypographyAlign>;
+  };
+  weight: {
+    type: PropType<TypographyWeight>;
+  };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 /**
- * 标题：level 只换字号档位，不决定标签。
- * as 决定渲染成哪个标签，默认 p；要进文档大纲就写 as="h2"。
+ * 标题：level 只切换字号档位，不决定标签。
+ * as 决定渲染为哪个标签，默认 p；需要进入文档大纲时写 as="h2"。
  */
 declare const XhTypographyHeading: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
   level: {
     type: PropType<TypographyLevel | string>;
-    default: undefined;
   };
   as: {
     type: StringConstructor;
@@ -36,7 +43,6 @@ declare const XhTypographyHeading: import("vue").DefineComponent<import("vue").E
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
   level: {
     type: PropType<TypographyLevel | string>;
-    default: undefined;
   };
   as: {
     type: StringConstructor;
@@ -44,23 +50,23 @@ declare const XhTypographyHeading: import("vue").DefineComponent<import("vue").E
   };
 }>> & Readonly<{}>, {
   as: string;
-  level: string | TypographyLevel;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const XhTypographyParagraph: import("vue").DefineComponent<{}, () => import("vue").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>;
 /**
- * 行内文字：variant 换形态，tone 换语气色。
- * as 决定渲染成哪个标签，默认 span；要 code / strong 的原生语义就自己写上去。
+ * 行内文字：variant 切换形态，tone 切换语气色，weight 切换字重。
+ * as 决定渲染为哪个标签，默认 span；需要 code / strong 的原生语义时自行写明。
  */
 declare const XhTypographyText: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
   tone: {
     type: PropType<Tone>;
-    default: undefined;
   };
   variant: {
     type: PropType<TypographyVariant>;
-    default: undefined;
+  };
+  weight: {
+    type: PropType<TypographyWeight>;
   };
   as: {
     type: StringConstructor;
@@ -71,24 +77,42 @@ declare const XhTypographyText: import("vue").DefineComponent<import("vue").Extr
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
   tone: {
     type: PropType<Tone>;
-    default: undefined;
   };
   variant: {
     type: PropType<TypographyVariant>;
-    default: undefined;
   };
+  weight: {
+    type: PropType<TypographyWeight>;
+  };
+  as: {
+    type: StringConstructor;
+    default: string;
+  };
+}>> & Readonly<{}>, {
+  as: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+/**
+ * 富文本容器：外来的 HTML（Markdown 渲染结果）铺入其中，样式按标签给出。
+ * as 决定渲染为哪个标签，默认 div。
+ */
+declare const XhTypographyProse: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+  as: {
+    type: StringConstructor;
+    default: string;
+  };
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+  [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
   as: {
     type: StringConstructor;
     default: string;
   };
 }>> & Readonly<{}>, {
   as: string;
-  tone: Tone;
-  variant: TypographyVariant;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const XhTypographyLink: import("vue").DefineComponent<{}, () => import("vue").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 { XhTypographyHeading, XhTypographyLink, XhTypographyParagraph, XhTypographyRoot, XhTypographyText };
+export { XhTypographyHeading, XhTypographyLink, XhTypographyParagraph, XhTypographyProse, XhTypographyRoot, XhTypographyText };
 //# sourceMappingURL=typography.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"typography.d.ts","names":[],"sources":["../../../src/components/typography/typography.ts"],"mappings":";;;;;cAUa,gCAAgB,8BAAA;;IAGD,MAAA,SAAS;;;;;;;IAAT,MAAA,SAAS;;;;;qCAOnC;;;;;cAMW,mCAAmB,8BAAA;;IAGO,MAAA,SAAS;;;;;;;;;;;IAAT,MAAA,SAAS;;;;;;;;;;qCAW9C;cAEW,qCAAqB,wCAAA,oBAAA,4BAAA;;8BAMhC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;;;;;cAMW,gCAAgB,8BAAA;;IAGD,MAAA,SAAS;;;;IACN,MAAA,SAAS;;;;;;;;;;;IADZ,MAAA,SAAS;;;;IACN,MAAA,SAAS;;;;;;;;;;;qCAWtC;cAGW,gCAAgB,wCAAA,oBAAA,4BAAA;;8BAM3B,qCAAA,iDAAA,aAAA,eAAA,oDAAA"}
+{"version":3,"file":"typography.d.ts","names":[],"sources":["../../../src/components/typography/typography.ts"],"mappings":";;;;;cAiBa,gCAAgB,8BAAA;;IAGD,MAAA,SAAS;;;IACR,MAAA,SAAS;;;IACR,MAAA,SAAS;;;;;;IAFX,MAAA,SAAS;;;IACR,MAAA,SAAS;;;IACR,MAAA,SAAS;;MAOrC,oDAAA;;;;;cAMW,mCAAmB,8BAAA;;IAGO,MAAA,SAAS;;;;;;;;;;IAAT,MAAA,SAAS;;;;;;;;qCAW9C;cAEW,qCAAqB,wCAAA,oBAAA,4BAAA;;8BAMhC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;;;;;cAMW,gCAAgB,8BAAA;;IAGD,MAAA,SAAS;;;IACN,MAAA,SAAS;;;IACV,MAAA,SAAS;;;;;;;;;;IAFX,MAAA,SAAS;;;IACN,MAAA,SAAS;;;IACV,MAAA,SAAS;;;;;;;;qCAWrC;;;;;cAMW,iCAAiB,8BAAA;;;;;;;;;;;;;;qCAS5B;cAGW,gCAAgB,wCAAA,oBAAA,4BAAA;;8BAM3B,qCAAA,iDAAA,aAAA,eAAA,oDAAA"}

package/dist/components/typography/typography.js

@@ -4,13 +4,14 @@ import { provideTypography, useTypographyContext } from "./context.js";
 import { computed, defineComponent, h } from "vue";
 import { connectTypography } from "@xihan-ui/headless";
 //#region src/components/typography/typography.ts
-/** 正文块容器，管段间距与最大行宽；缺省值由 connect 给出，这里一律 default: undefined */
+/** 正文块容器，管理段间距与最大行宽；默认值由 connect 给出；普通类型省略 default，Boolean 显式保留 undefined */
 const XhTypographyRoot = defineComponent({
 	name: "XhTypographyRoot",
-	props: { size: {
-		type: String,
-		default: void 0
-	} },
+	props: {
+		size: { type: String },
+		align: { type: String },
+		weight: { type: String }
+	},
 	setup(props, { slots }) {
 		const api = computed(() => connectTypography(withXhConfig("typography", props), vueNormalize));
 		provideTypography({ api });
@@ -18,16 +19,13 @@ const XhTypographyRoot = defineComponent({
 	}
 });
 /**
-* 标题：level 只换字号档位，不决定标签。
-* as 决定渲染成哪个标签，默认 p；要进文档大纲就写 as="h2"。
+* 标题：level 只切换字号档位，不决定标签。
+* as 决定渲染为哪个标签，默认 p；需要进入文档大纲时写 as="h2"。
 */
 const XhTypographyHeading = defineComponent({
 	name: "XhTypographyHeading",
 	props: {
-		level: {
-			type: [Number, String],
-			default: void 0
-		},
+		level: { type: [Number, String] },
 		as: {
 			type: String,
 			default: "p"
@@ -46,20 +44,15 @@ const XhTypographyParagraph = defineComponent({
 	}
 });
 /**
-* 行内文字：variant 换形态，tone 换语气色。
-* as 决定渲染成哪个标签，默认 span；要 code / strong 的原生语义就自己写上去。
+* 行内文字：variant 切换形态，tone 切换语气色，weight 切换字重。
+* as 决定渲染为哪个标签，默认 span；需要 code / strong 的原生语义时自行写明。
 */
 const XhTypographyText = defineComponent({
 	name: "XhTypographyText",
 	props: {
-		tone: {
-			type: String,
-			default: void 0
-		},
-		variant: {
-			type: String,
-			default: void 0
-		},
+		tone: { type: String },
+		variant: { type: String },
+		weight: { type: String },
 		as: {
 			type: String,
 			default: "span"
@@ -69,10 +62,26 @@ const XhTypographyText = defineComponent({
 		const ctx = useTypographyContext();
 		return () => h(props.as, ctx.api.value.getTextProps({
 			tone: props.tone,
-			variant: props.variant
+			variant: props.variant,
+			weight: props.weight
 		}), slots.default?.());
 	}
 });
+/**
+* 富文本容器：外来的 HTML（Markdown 渲染结果）铺入其中，样式按标签给出。
+* as 决定渲染为哪个标签，默认 div。
+*/
+const XhTypographyProse = defineComponent({
+	name: "XhTypographyProse",
+	props: { as: {
+		type: String,
+		default: "div"
+	} },
+	setup(props, { slots }) {
+		const ctx = useTypographyContext();
+		return () => h(props.as, ctx.api.value.getProseProps(), slots.default?.());
+	}
+});
 const XhTypographyLink = defineComponent({
 	name: "XhTypographyLink",
 	setup(_, { slots }) {
@@ -81,6 +90,6 @@ const XhTypographyLink = defineComponent({
 	}
 });
 //#endregion
-export { XhTypographyHeading, XhTypographyLink, XhTypographyParagraph, XhTypographyRoot, XhTypographyText };
+export { XhTypographyHeading, XhTypographyLink, XhTypographyParagraph, XhTypographyProse, XhTypographyRoot, XhTypographyText };
 
 //# sourceMappingURL=typography.js.map

package/dist/components/typography/typography.js.map

@@ -1 +1 @@
-{"version":3,"file":"typography.js","names":[],"sources":["../../../src/components/typography/typography.ts"],"sourcesContent":["import type { TypographyLevel, TypographyProps, TypographyVariant } from '@xihan-ui/headless'\nimport type { Size, Tone } from '@xihan-ui/kernel'\nimport type { PropType } from 'vue'\nimport { connectTypography } from '@xihan-ui/headless'\nimport { computed, defineComponent, h } from 'vue'\nimport { withXhConfig } from '../../config/config'\nimport { vueNormalize } from '../../runtime/normalize-props'\nimport { provideTypography, useTypographyContext } from './context'\n\n/** 正文块容器，管段间距与最大行宽；缺省值由 connect 给出，这里一律 default: undefined */\nexport const XhTypographyRoot = defineComponent({\n  name: 'XhTypographyRoot',\n  props: {\n    size: { type: String as PropType<Size>, default: undefined },\n  },\n  setup(props, { slots }) {\n    const api = computed(() => connectTypography(withXhConfig('typography', props) as TypographyProps, vueNormalize))\n    provideTypography({ api })\n    return () => h('div', api.value.getRootProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\n/**\n * 标题：level 只换字号档位，不决定标签。\n * as 决定渲染成哪个标签，默认 p；要进文档大纲就写 as=\"h2\"。\n */\nexport const XhTypographyHeading = defineComponent({\n  name: 'XhTypographyHeading',\n  props: {\n    level: { type: [Number, String] as PropType<TypographyLevel | string>, default: undefined },\n    as: { type: String, default: 'p' },\n  },\n  setup(props, { slots }) {\n    const ctx = useTypographyContext()\n    return () => h(\n      props.as,\n      ctx.api.value.getHeadingProps({ level: props.level }) as Record<string, unknown>,\n      slots.default?.(),\n    )\n  },\n})\n\nexport const XhTypographyParagraph = defineComponent({\n  name: 'XhTypographyParagraph',\n  setup(_, { slots }) {\n    const ctx = useTypographyContext()\n    return () => h('p', ctx.api.value.getParagraphProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\n/**\n * 行内文字：variant 换形态，tone 换语气色。\n * as 决定渲染成哪个标签，默认 span；要 code / strong 的原生语义就自己写上去。\n */\nexport const XhTypographyText = defineComponent({\n  name: 'XhTypographyText',\n  props: {\n    tone: { type: String as PropType<Tone>, default: undefined },\n    variant: { type: String as PropType<TypographyVariant>, default: undefined },\n    as: { type: String, default: 'span' },\n  },\n  setup(props, { slots }) {\n    const ctx = useTypographyContext()\n    return () => h(\n      props.as,\n      ctx.api.value.getTextProps({ tone: props.tone, variant: props.variant }) as Record<string, unknown>,\n      slots.default?.(),\n    )\n  },\n})\n\n// href、target、rel 由作者写，这里只给身份\nexport const XhTypographyLink = defineComponent({\n  name: 'XhTypographyLink',\n  setup(_, { slots }) {\n    const ctx = useTypographyContext()\n    return () => h('a', ctx.api.value.getLinkProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n"],"mappings":";;;;;;;AAUA,MAAa,mBAAmB,gBAAgB;CAC9C,MAAM;CACN,OAAO,EACL,MAAM;EAAE,MAAM;EAA0B,SAAS,KAAA;CAAU,EAC7D;CACA,MAAM,OAAO,EAAE,SAAS;EACtB,MAAM,MAAM,eAAe,kBAAkB,aAAa,cAAc,KAAK,GAAsB,YAAY,CAAC;EAChH,kBAAkB,EAAE,IAAI,CAAC;EACzB,aAAa,EAAE,OAAO,IAAI,MAAM,aAAa,GAA8B,MAAM,UAAU,CAAC;CAC9F;AACF,CAAC;;;;;AAMD,MAAa,sBAAsB,gBAAgB;CACjD,MAAM;CACN,OAAO;EACL,OAAO;GAAE,MAAM,CAAC,QAAQ,MAAM;GAAyC,SAAS,KAAA;EAAU;EAC1F,IAAI;GAAE,MAAM;GAAQ,SAAS;EAAI;CACnC;CACA,MAAM,OAAO,EAAE,SAAS;EACtB,MAAM,MAAM,qBAAqB;EACjC,aAAa,EACX,MAAM,IACN,IAAI,IAAI,MAAM,gBAAgB,EAAE,OAAO,MAAM,MAAM,CAAC,GACpD,MAAM,UAAU,CAClB;CACF;AACF,CAAC;AAED,MAAa,wBAAwB,gBAAgB;CACnD,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,qBAAqB;EACjC,aAAa,EAAE,KAAK,IAAI,IAAI,MAAM,kBAAkB,GAA8B,MAAM,UAAU,CAAC;CACrG;AACF,CAAC;;;;;AAMD,MAAa,mBAAmB,gBAAgB;CAC9C,MAAM;CACN,OAAO;EACL,MAAM;GAAE,MAAM;GAA0B,SAAS,KAAA;EAAU;EAC3D,SAAS;GAAE,MAAM;GAAuC,SAAS,KAAA;EAAU;EAC3E,IAAI;GAAE,MAAM;GAAQ,SAAS;EAAO;CACtC;CACA,MAAM,OAAO,EAAE,SAAS;EACtB,MAAM,MAAM,qBAAqB;EACjC,aAAa,EACX,MAAM,IACN,IAAI,IAAI,MAAM,aAAa;GAAE,MAAM,MAAM;GAAM,SAAS,MAAM;EAAQ,CAAC,GACvE,MAAM,UAAU,CAClB;CACF;AACF,CAAC;AAGD,MAAa,mBAAmB,gBAAgB;CAC9C,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,qBAAqB;EACjC,aAAa,EAAE,KAAK,IAAI,IAAI,MAAM,aAAa,GAA8B,MAAM,UAAU,CAAC;CAChG;AACF,CAAC"}
+{"version":3,"file":"typography.js","names":[],"sources":["../../../src/components/typography/typography.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// 提供 typography 相关实现。\n\nimport type { Size, Tone } from '@xihan-ui/core'\nimport type { TypographyAlign, TypographyLevel, TypographyProps, TypographyVariant, TypographyWeight } from '@xihan-ui/headless'\nimport type { PropType } from 'vue'\nimport { connectTypography } from '@xihan-ui/headless'\nimport { computed, defineComponent, h } from 'vue'\nimport { withXhConfig } from '../../config/config'\nimport { vueNormalize } from '../../runtime/normalize-props'\nimport { provideTypography, useTypographyContext } from './context'\n\n/** 正文块容器，管理段间距与最大行宽；默认值由 connect 给出；普通类型省略 default，Boolean 显式保留 undefined */\nexport const XhTypographyRoot = defineComponent({\n  name: 'XhTypographyRoot',\n  props: {\n    size: { type: String as PropType<Size> },\n    align: { type: String as PropType<TypographyAlign> },\n    weight: { type: String as PropType<TypographyWeight> },\n  },\n  setup(props, { slots }) {\n    const api = computed(() => connectTypography(withXhConfig('typography', props) as TypographyProps, vueNormalize))\n    provideTypography({ api })\n    return () => h('div', api.value.getRootProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\n/**\n * 标题：level 只切换字号档位，不决定标签。\n * as 决定渲染为哪个标签，默认 p；需要进入文档大纲时写 as=\"h2\"。\n */\nexport const XhTypographyHeading = defineComponent({\n  name: 'XhTypographyHeading',\n  props: {\n    level: { type: [Number, String] as PropType<TypographyLevel | string> },\n    as: { type: String, default: 'p' },\n  },\n  setup(props, { slots }) {\n    const ctx = useTypographyContext()\n    return () => h(\n      props.as,\n      ctx.api.value.getHeadingProps({ level: props.level }) as Record<string, unknown>,\n      slots.default?.(),\n    )\n  },\n})\n\nexport const XhTypographyParagraph = defineComponent({\n  name: 'XhTypographyParagraph',\n  setup(_, { slots }) {\n    const ctx = useTypographyContext()\n    return () => h('p', ctx.api.value.getParagraphProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\n/**\n * 行内文字：variant 切换形态，tone 切换语气色，weight 切换字重。\n * as 决定渲染为哪个标签，默认 span；需要 code / strong 的原生语义时自行写明。\n */\nexport const XhTypographyText = defineComponent({\n  name: 'XhTypographyText',\n  props: {\n    tone: { type: String as PropType<Tone> },\n    variant: { type: String as PropType<TypographyVariant> },\n    weight: { type: String as PropType<TypographyWeight> },\n    as: { type: String, default: 'span' },\n  },\n  setup(props, { slots }) {\n    const ctx = useTypographyContext()\n    return () => h(\n      props.as,\n      ctx.api.value.getTextProps({ tone: props.tone, variant: props.variant, weight: props.weight }) as Record<string, unknown>,\n      slots.default?.(),\n    )\n  },\n})\n\n/**\n * 富文本容器：外来的 HTML（Markdown 渲染结果）铺入其中，样式按标签给出。\n * as 决定渲染为哪个标签，默认 div。\n */\nexport const XhTypographyProse = defineComponent({\n  name: 'XhTypographyProse',\n  props: {\n    as: { type: String, default: 'div' },\n  },\n  setup(props, { slots }) {\n    const ctx = useTypographyContext()\n    return () => h(props.as, ctx.api.value.getProseProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\n// href、target、rel 由作者写，这里只给身份\nexport const XhTypographyLink = defineComponent({\n  name: 'XhTypographyLink',\n  setup(_, { slots }) {\n    const ctx = useTypographyContext()\n    return () => h('a', ctx.api.value.getLinkProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n"],"mappings":";;;;;;;AAiBA,MAAa,mBAAmB,gBAAgB;CAC9C,MAAM;CACN,OAAO;EACL,MAAM,EAAE,MAAM,OAAyB;EACvC,OAAO,EAAE,MAAM,OAAoC;EACnD,QAAQ,EAAE,MAAM,OAAqC;CACvD;CACA,MAAM,OAAO,EAAE,SAAS;EACtB,MAAM,MAAM,eAAe,kBAAkB,aAAa,cAAc,KAAK,GAAsB,YAAY,CAAC;EAChH,kBAAkB,EAAE,IAAI,CAAC;EACzB,aAAa,EAAE,OAAO,IAAI,MAAM,aAAa,GAA8B,MAAM,UAAU,CAAC;CAC9F;AACF,CAAC;;;;;AAMD,MAAa,sBAAsB,gBAAgB;CACjD,MAAM;CACN,OAAO;EACL,OAAO,EAAE,MAAM,CAAC,QAAQ,MAAM,EAAwC;EACtE,IAAI;GAAE,MAAM;GAAQ,SAAS;EAAI;CACnC;CACA,MAAM,OAAO,EAAE,SAAS;EACtB,MAAM,MAAM,qBAAqB;EACjC,aAAa,EACX,MAAM,IACN,IAAI,IAAI,MAAM,gBAAgB,EAAE,OAAO,MAAM,MAAM,CAAC,GACpD,MAAM,UAAU,CAClB;CACF;AACF,CAAC;AAED,MAAa,wBAAwB,gBAAgB;CACnD,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,qBAAqB;EACjC,aAAa,EAAE,KAAK,IAAI,IAAI,MAAM,kBAAkB,GAA8B,MAAM,UAAU,CAAC;CACrG;AACF,CAAC;;;;;AAMD,MAAa,mBAAmB,gBAAgB;CAC9C,MAAM;CACN,OAAO;EACL,MAAM,EAAE,MAAM,OAAyB;EACvC,SAAS,EAAE,MAAM,OAAsC;EACvD,QAAQ,EAAE,MAAM,OAAqC;EACrD,IAAI;GAAE,MAAM;GAAQ,SAAS;EAAO;CACtC;CACA,MAAM,OAAO,EAAE,SAAS;EACtB,MAAM,MAAM,qBAAqB;EACjC,aAAa,EACX,MAAM,IACN,IAAI,IAAI,MAAM,aAAa;GAAE,MAAM,MAAM;GAAM,SAAS,MAAM;GAAS,QAAQ,MAAM;EAAO,CAAC,GAC7F,MAAM,UAAU,CAClB;CACF;AACF,CAAC;;;;;AAMD,MAAa,oBAAoB,gBAAgB;CAC/C,MAAM;CACN,OAAO,EACL,IAAI;EAAE,MAAM;EAAQ,SAAS;CAAM,EACrC;CACA,MAAM,OAAO,EAAE,SAAS;EACtB,MAAM,MAAM,qBAAqB;EACjC,aAAa,EAAE,MAAM,IAAI,IAAI,IAAI,MAAM,cAAc,GAA8B,MAAM,UAAU,CAAC;CACtG;AACF,CAAC;AAGD,MAAa,mBAAmB,gBAAgB;CAC9C,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,qBAAqB;EACjC,aAAa,EAAE,KAAK,IAAI,IAAI,MAAM,aAAa,GAA8B,MAAM,UAAU,CAAC;CAChG;AACF,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/virtualizer/context.ts"],"sourcesContent":["import type { InjectionKey } from 'vue'\nimport type { VirtualizerContext } from './use-virtualizer'\nimport { inject, provide } from 'vue'\n\nconst KEY: InjectionKey<VirtualizerContext> = Symbol.for('xh-virtualizer')\n\nexport function provideVirtualizer(ctx: VirtualizerContext): void {\n  provide(KEY, ctx)\n}\n\nexport function useVirtualizerContext(): VirtualizerContext {\n  const ctx = inject(KEY, null)\n  if (!ctx)\n    throw new Error('[xh] Virtualizer 部件必须用在 XhVirtualizerRoot 内')\n  return ctx\n}\n"],"mappings":";;AAIA,MAAM,MAAwC,OAAO,IAAI,gBAAgB;AAEzE,SAAgB,mBAAmB,KAA+B;CAChE,QAAQ,KAAK,GAAG;AAClB;AAEA,SAAgB,wBAA4C;CAC1D,MAAM,MAAM,OAAO,KAAK,IAAI;CAC5B,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,6CAA6C;CAC/D,OAAO;AACT"}
+{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/virtualizer/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 { InjectionKey } from 'vue'\nimport type { VirtualizerContext } from './use-virtualizer'\nimport { inject, provide } from 'vue'\n\nconst KEY: InjectionKey<VirtualizerContext> = Symbol.for('xh-virtualizer')\n\nexport function provideVirtualizer(ctx: VirtualizerContext): void {\n  provide(KEY, ctx)\n}\n\nexport function useVirtualizerContext(): VirtualizerContext {\n  const ctx = inject(KEY, null)\n  if (!ctx)\n    throw new Error('[xh] Virtualizer 部件必须用在 XhVirtualizerRoot 内')\n  return ctx\n}\n"],"mappings":";;AAWA,MAAM,MAAwC,OAAO,IAAI,gBAAgB;AAEzE,SAAgB,mBAAmB,KAA+B;CAChE,QAAQ,KAAK,GAAG;AAClB;AAEA,SAAgB,wBAA4C;CAC1D,MAAM,MAAM,OAAO,KAAK,IAAI;CAC5B,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,6CAA6C;CAC/D,OAAO;AACT"}

package/dist/components/virtualizer/use-virtualizer.d.ts

@@ -1,16 +1,16 @@
 import { ComputedRef, Ref } from "vue";
+import { Service } from "@xihan-ui/core";
 import { VirtualizerApi, VirtualizerSchema } from "@xihan-ui/headless";
-import { Service } from "@xihan-ui/machine";
 //#region src/components/virtualizer/use-virtualizer.d.ts
 interface VirtualizerContext {
   service: Service<VirtualizerSchema>;
   api: ComputedRef<VirtualizerApi>;
-  /** 真正 overflow:auto 的那层：内核的尺寸观察与滚动监听都挂在它身上。 */
+  /** 真正 overflow:auto 的层：内核的尺寸观察与滚动监听都挂在它上面。 */
   viewportRef: Ref<HTMLElement | null>;
-  /** 撑出总长的那层，条目的定位上下文。 */
+  /** 撑出总长的层，条目的定位上下文。 */
   contentRef: Ref<HTMLElement | null>;
 }
-declare function useVirtualizer(props: VirtualizerSchema['props'], onChange?: VirtualizerSchema['props']['onChange']): VirtualizerContext;
+declare function useVirtualizer(props: VirtualizerSchema['props'], onRangeChange?: VirtualizerSchema['props']['onRangeChange']): VirtualizerContext;
 //#endregion
 export { VirtualizerContext, useVirtualizer };
 //# sourceMappingURL=use-virtualizer.d.ts.map

package/dist/components/virtualizer/use-virtualizer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-virtualizer.d.ts","names":[],"sources":["../../../src/components/virtualizer/use-virtualizer.ts"],"mappings":";;;;UAUiB;EACf,SAAS,QAAQ;EACjB,KAAK,YAAY;;EAEjB,aAAa,IAAI;;EAEjB,YAAY,IAAI;;iBAGF,eACd,OAAO,4BACP,WAAW,yCACV"}
+{"version":3,"file":"use-virtualizer.d.ts","names":[],"sources":["../../../src/components/virtualizer/use-virtualizer.ts"],"mappings":";;;;UAiBiB;EACf,SAAS,QAAQ;EACjB,KAAK,YAAY;;EAEjB,aAAa,IAAI;;EAEjB,YAAY,IAAI;;iBAGF,eACd,OAAO,4BACP,gBAAgB,8CACf"}

package/dist/components/virtualizer/use-virtualizer.js

@@ -2,15 +2,15 @@ import { vueNormalize } from "../../runtime/normalize-props.js";
 import { useMachine } from "../../runtime/use-machine.js";
 import { createVueIdGenerator } from "../../runtime/vue-id.js";
 import { computed, ref } from "vue";
+import { createScope } from "@xihan-ui/core";
 import { connectVirtualizer, virtualizerMachine } from "@xihan-ui/headless";
-import { createScope } from "@xihan-ui/kernel";
 //#region src/components/virtualizer/use-virtualizer.ts
-function useVirtualizer(props, onChange) {
+function useVirtualizer(props, onRangeChange) {
 	const viewportRef = ref(null);
 	const contentRef = ref(null);
 	const service = useMachine(virtualizerMachine, () => ({
 		...props,
-		onChange
+		onRangeChange
 	}), createScope(null, createVueIdGenerator()));
 	service.refs.set("getViewportEl", () => viewportRef.value);
 	service.refs.set("getContentEl", () => contentRef.value);

package/dist/components/virtualizer/use-virtualizer.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-virtualizer.js","names":[],"sources":["../../../src/components/virtualizer/use-virtualizer.ts"],"sourcesContent":["import type { VirtualizerApi, VirtualizerSchema } from '@xihan-ui/headless'\nimport type { Service } from '@xihan-ui/machine'\nimport type { ComputedRef, Ref } from 'vue'\nimport { connectVirtualizer, virtualizerMachine } from '@xihan-ui/headless'\nimport { createScope } from '@xihan-ui/kernel'\nimport { computed, ref } from 'vue'\nimport { vueNormalize } from '../../runtime/normalize-props'\nimport { useMachine } from '../../runtime/use-machine'\nimport { createVueIdGenerator } from '../../runtime/vue-id'\n\nexport interface VirtualizerContext {\n  service: Service<VirtualizerSchema>\n  api: ComputedRef<VirtualizerApi>\n  /** 真正 overflow:auto 的那层：内核的尺寸观察与滚动监听都挂在它身上。 */\n  viewportRef: Ref<HTMLElement | null>\n  /** 撑出总长的那层，条目的定位上下文。 */\n  contentRef: Ref<HTMLElement | null>\n}\n\nexport function useVirtualizer(\n  props: VirtualizerSchema['props'],\n  onChange?: VirtualizerSchema['props']['onChange'],\n): VirtualizerContext {\n  const viewportRef = ref<HTMLElement | null>(null)\n  const contentRef = ref<HTMLElement | null>(null)\n\n  const idGen = createVueIdGenerator()\n  const scope = createScope(null, idGen)\n  // onChange 由组件外壳（emit）或组合式调用方提供，随 props 一并喂给机器；props 在 getter 内展开以跟随运行期变更\n  const service = useMachine(virtualizerMachine, () => ({ ...props, onChange }), scope)\n\n  // 传 getter 而非节点，ref 在挂载后才有值；内核建立、尺寸观察与滚动监听都在机器的效应里进行\n  service.refs.set('getViewportEl', () => viewportRef.value)\n  service.refs.set('getContentEl', () => contentRef.value)\n\n  const api = computed(() => connectVirtualizer(service, vueNormalize))\n  return { service, api, viewportRef, contentRef }\n}\n"],"mappings":";;;;;;;AAmBA,SAAgB,eACd,OACA,UACoB;CACpB,MAAM,cAAc,IAAwB,IAAI;CAChD,MAAM,aAAa,IAAwB,IAAI;CAK/C,MAAM,UAAU,WAAW,2BAA2B;EAAE,GAAG;EAAO;CAAS,IAF7D,YAAY,MADZ,qBACsB,CAE+C,CAAC;CAGpF,QAAQ,KAAK,IAAI,uBAAuB,YAAY,KAAK;CACzD,QAAQ,KAAK,IAAI,sBAAsB,WAAW,KAAK;CAGvD,OAAO;EAAE;EAAS,KADN,eAAe,mBAAmB,SAAS,YAAY,CAC/C;EAAG;EAAa;CAAW;AACjD"}
+{"version":3,"file":"use-virtualizer.js","names":[],"sources":["../../../src/components/virtualizer/use-virtualizer.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// 提供 use virtualizer 相关实现。\n\nimport type { Service } from '@xihan-ui/core'\nimport type { VirtualizerApi, VirtualizerSchema } from '@xihan-ui/headless'\nimport type { ComputedRef, Ref } from 'vue'\nimport { createScope } from '@xihan-ui/core'\nimport { connectVirtualizer, virtualizerMachine } from '@xihan-ui/headless'\nimport { computed, ref } from 'vue'\nimport { vueNormalize } from '../../runtime/normalize-props'\nimport { useMachine } from '../../runtime/use-machine'\nimport { createVueIdGenerator } from '../../runtime/vue-id'\n\nexport interface VirtualizerContext {\n  service: Service<VirtualizerSchema>\n  api: ComputedRef<VirtualizerApi>\n  /** 真正 overflow:auto 的层：内核的尺寸观察与滚动监听都挂在它上面。 */\n  viewportRef: Ref<HTMLElement | null>\n  /** 撑出总长的层，条目的定位上下文。 */\n  contentRef: Ref<HTMLElement | null>\n}\n\nexport function useVirtualizer(\n  props: VirtualizerSchema['props'],\n  onRangeChange?: VirtualizerSchema['props']['onRangeChange'],\n): VirtualizerContext {\n  const viewportRef = ref<HTMLElement | null>(null)\n  const contentRef = ref<HTMLElement | null>(null)\n\n  const idGen = createVueIdGenerator()\n  const scope = createScope(null, idGen)\n  // onRangeChange 由组件外壳（emit）或组合式调用方提供，随 props 一并喂给机器；props 在 getter 内展开以跟随运行期变更\n  const service = useMachine(virtualizerMachine, () => ({ ...props, onRangeChange }), scope)\n\n  // 传 getter 而非节点，ref 在挂载后才有值；内核建立、尺寸观察与滚动监听都在机器的效应里进行\n  service.refs.set('getViewportEl', () => viewportRef.value)\n  service.refs.set('getContentEl', () => contentRef.value)\n\n  const api = computed(() => connectVirtualizer(service, vueNormalize))\n  return { service, api, viewportRef, contentRef }\n}\n"],"mappings":";;;;;;;AA0BA,SAAgB,eACd,OACA,eACoB;CACpB,MAAM,cAAc,IAAwB,IAAI;CAChD,MAAM,aAAa,IAAwB,IAAI;CAK/C,MAAM,UAAU,WAAW,2BAA2B;EAAE,GAAG;EAAO;CAAc,IAFlE,YAAY,MADZ,qBACsB,CAEoD,CAAC;CAGzF,QAAQ,KAAK,IAAI,uBAAuB,YAAY,KAAK;CACzD,QAAQ,KAAK,IAAI,sBAAsB,WAAW,KAAK;CAGvD,OAAO;EAAE;EAAS,KADN,eAAe,mBAAmB,SAAS,YAAY,CAC/C;EAAG;EAAa;CAAW;AACjD"}