@xihan-ui/vue 1.0.0 → 2.0.0

package/dist/components/date-range-picker/use-date-range-picker.js

@@ -0,0 +1,126 @@
+import { useOverlayExit } from "../../runtime/use-overlay-exit.js";
+import { vueNormalize } from "../../runtime/normalize-props.js";
+import { useXhConfig } from "../../config/config.js";
+import { useMachine } from "../../runtime/use-machine.js";
+import { createVueIdGenerator } from "../../runtime/vue-id.js";
+import { computed, ref, shallowRef, watch } from "vue";
+import { createRuntimeConfig, createScope, isElement } from "@xihan-ui/core";
+import { calendarRangePickerMachine, connectDateRangePicker, dateFieldMachine, dateRangePickerCalendarProps, dateRangePickerFieldEndProps, dateRangePickerFieldProps, dateRangePickerMachine } from "@xihan-ui/headless";
+import { createPositionEngine } from "@xihan-ui/position";
+//#region src/components/date-range-picker/use-date-range-picker.ts
+/** 已创建的 RuntimeConfig 永久归属首次根节点的 Document；动态 Scope 后续不能改写这份事实。 */
+function assertDateRangePickerRootDocument(expected, node) {
+	if (node.ownerDocument !== expected) throw new Error("[xh] DateRangePicker 根节点不能在运行期切换 Document");
+}
+/** 显式 Portal 是同 realm 目标，不是 Scope 来源；字段存在时 null 与伪节点都属于配置错误。 */
+function resolveDateRangePickerPortalTarget(runtime, resolver) {
+	if (!resolver) return void 0;
+	const target = resolver();
+	if (!isElement(target)) throw new TypeError("[xh] DateRangePicker 的 portalContainer 必须返回 Element");
+	if (target.ownerDocument !== runtime.layerRegistry.ownerDocument) throw new Error("[xh] DateRangePicker 的 portalContainer 必须与组件根属于同一 Document");
+	return target;
+}
+function createDateRangePickerContext(props, handlers, rootRef) {
+	const xhConfig = useXhConfig();
+	const controlRef = ref(null);
+	const positionerRef = ref(null);
+	const contentRef = ref(null);
+	const gridRef = ref(null);
+	const idGen = createVueIdGenerator();
+	const scope = rootRef ? createScope(() => rootRef.value, idGen) : createScope(null, idGen);
+	const root = useMachine(dateRangePickerMachine, () => ({
+		...props,
+		...handlers
+	}), scope);
+	const calendar = useMachine(calendarRangePickerMachine, () => dateRangePickerCalendarProps(root), scope);
+	const services = {
+		root,
+		calendar,
+		field: useMachine(dateFieldMachine, () => dateRangePickerFieldProps(root), scope),
+		fieldEnd: useMachine(dateFieldMachine, () => dateRangePickerFieldEndProps(root), scope)
+	};
+	const config = shallowRef(null);
+	let runtimeDocument = null;
+	if (typeof document !== "undefined") {
+		const installConfig = (node) => {
+			if (config.value) {
+				if (node) assertDateRangePickerRootDocument(runtimeDocument, node);
+				return;
+			}
+			const next = createRuntimeConfig({
+				scope,
+				idGenerator: idGen
+			});
+			const registerLayer = () => next.layerRegistry.register({
+				kind: "popover",
+				node: () => contentRef.value,
+				branches: () => [controlRef.value, positionerRef.value].filter(Boolean),
+				isModal: () => false,
+				surfaces: () => []
+			});
+			root.refs.set("config", next);
+			root.refs.set("registerLayer", registerLayer);
+			runtimeDocument = next.layerRegistry.ownerDocument;
+			config.value = next;
+		};
+		if (rootRef) watch(rootRef, (node) => {
+			if (node) installConfig(node);
+		}, {
+			flush: "sync",
+			immediate: true
+		});
+		else installConfig();
+		root.refs.set("position", createPositionEngine());
+		root.refs.set("getAnchorEl", () => controlRef.value);
+		root.refs.set("getFloatingEl", () => positionerRef.value);
+	}
+	calendar.refs.set("getGridEl", () => gridRef.value);
+	calendar.refs.set("getBoundaryEls", () => [contentRef.value, controlRef.value]);
+	const api = computed(() => connectDateRangePicker(services, vueNormalize));
+	const visible = useOverlayExit({
+		config,
+		isOpen: () => api.value.open,
+		contentRef,
+		onPresence: (presence) => root.refs.set("presence", presence)
+	});
+	const portalTarget = computed(() => {
+		const runtime = config.value;
+		if (!runtime) return "body";
+		const explicitTarget = resolveDateRangePickerPortalTarget(runtime, xhConfig.value.portalContainer);
+		if (explicitTarget) return explicitTarget;
+		const defaultTarget = runtime.portalContainer();
+		if (!isElement(defaultTarget)) throw new TypeError("[xh] DateRangePicker 的运行时 portalContainer 必须返回 Element");
+		return defaultTarget;
+	});
+	if (typeof document !== "undefined") root.refs.set("getContentEl", () => {
+		const content = contentRef.value;
+		if (!content || !rootRef) return content;
+		const runtime = config.value;
+		if (!runtime) return null;
+		const explicit = xhConfig.value.portalContainer;
+		const host = explicit ? explicit() : runtime.portalContainer();
+		return isElement(host) && host.contains(content) ? content : null;
+	});
+	return {
+		visible,
+		api,
+		services,
+		controlRef,
+		positionerRef,
+		contentRef,
+		gridRef,
+		portalTarget
+	};
+}
+/** 公开 composable 保留 ambient Scope 合同。 */
+function useDateRangePicker(props, handlers = {}) {
+	return createDateRangePickerContext(props, handlers);
+}
+/** 组合组件内部从真实根节点绑定 Scope；不经包入口导出。 */
+function useDateRangePickerWithRoot(props, handlers, rootRef) {
+	return createDateRangePickerContext(props, handlers, rootRef);
+}
+//#endregion
+export { assertDateRangePickerRootDocument, resolveDateRangePickerPortalTarget, useDateRangePicker, useDateRangePickerWithRoot };
+
+//# sourceMappingURL=use-date-range-picker.js.map

package/dist/components/date-range-picker/use-date-range-picker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-date-range-picker.js","names":[],"sources":["../../../src/components/date-range-picker/use-date-range-picker.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 date range picker 相关实现。\n\nimport type { Cleanup, Layer, RuntimeConfig } from '@xihan-ui/core'\nimport type { CalendarRangePickerSchema, DateFieldSchema, DateRangePickerApi, DateRangePickerSchema, DateRangePickerServices } from '@xihan-ui/headless'\nimport type { ComputedRef, Ref } from 'vue'\nimport { createRuntimeConfig, createScope, isElement } from '@xihan-ui/core'\nimport {\n  calendarRangePickerMachine,\n  connectDateRangePicker,\n  dateFieldMachine,\n  dateRangePickerCalendarProps,\n  dateRangePickerFieldEndProps,\n  dateRangePickerFieldProps,\n  dateRangePickerMachine,\n} from '@xihan-ui/headless'\nimport { createPositionEngine } from '@xihan-ui/position'\nimport { computed, ref, shallowRef, watch } 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 DateRangePickerContext {\n  api: ComputedRef<DateRangePickerApi>\n  /** 四台状态机的句柄，供部件上报 DOM 侧的事实。 */\n  services: DateRangePickerServices\n  controlRef: Ref<HTMLElement | null>\n  positionerRef: Ref<HTMLElement | null>\n  contentRef: Ref<HTMLElement | null>\n  /** 当前是否应当渲染：退场动画播完之前仍为真。 */\n  visible: Ref<boolean>\n  gridRef: Ref<HTMLElement | null>\n  /** 显式同 Document 目标优先，默认使用真实根所属运行时的 Portal。 */\n  portalTarget: ComputedRef<string | Element>\n}\n\ntype DateRangePickerHandlers = Pick<\n  DateRangePickerSchema['props'],\n  'onValueChange' | 'onOpenChange' | 'onFocusedValueChange' | 'onActiveViewChange'\n>\n\n/** 已创建的 RuntimeConfig 永久归属首次根节点的 Document；动态 Scope 后续不能改写这份事实。 */\nexport function assertDateRangePickerRootDocument(expected: Document, node: Element): void {\n  if (node.ownerDocument !== expected)\n    throw new Error('[xh] DateRangePicker 根节点不能在运行期切换 Document')\n}\n\n/** 显式 Portal 是同 realm 目标，不是 Scope 来源；字段存在时 null 与伪节点都属于配置错误。 */\nexport function resolveDateRangePickerPortalTarget(\n  runtime: RuntimeConfig,\n  resolver: (() => unknown) | undefined,\n): Element | undefined {\n  if (!resolver)\n    return undefined\n  const target = resolver()\n  if (!isElement(target))\n    throw new TypeError('[xh] DateRangePicker 的 portalContainer 必须返回 Element')\n  if (target.ownerDocument !== runtime.layerRegistry.ownerDocument)\n    throw new Error('[xh] DateRangePicker 的 portalContainer 必须与组件根属于同一 Document')\n  return target\n}\n\nfunction createDateRangePickerContext(\n  props: DateRangePickerSchema['props'],\n  handlers: DateRangePickerHandlers,\n  rootRef?: Readonly<Ref<HTMLElement | null>>,\n): DateRangePickerContext {\n  const xhConfig = useXhConfig()\n  const controlRef = ref<HTMLElement | null>(null)\n  const positionerRef = ref<HTMLElement | null>(null)\n  const contentRef = ref<HTMLElement | null>(null)\n  const gridRef = ref<HTMLElement | null>(null)\n\n  // 四台机器共用一份 scope，part id 里带组件名区分；两组段位不产出 id，同 scope 不会撞\n  const idGen = createVueIdGenerator()\n  const scope = rootRef ? createScope(() => rootRef.value, idGen) : createScope(null, idGen)\n\n  // 三台内嵌机器的 props 都从编排机现读，编排机须先建立\n  const root = useMachine(dateRangePickerMachine, () => ({ ...props, ...handlers }), scope)\n  const calendar = useMachine<CalendarRangePickerSchema>(calendarRangePickerMachine, () => dateRangePickerCalendarProps(root), scope)\n  const field = useMachine<DateFieldSchema>(dateFieldMachine, () => dateRangePickerFieldProps(root), scope)\n  // 终点那组段位：与起点那组同一台分段输入机器，各管区间的一端\n  const fieldEnd = useMachine<DateFieldSchema>(dateFieldMachine, () => dateRangePickerFieldEndProps(root), scope)\n  const services: DateRangePickerServices = { root, calendar, field, fieldEnd }\n\n  // 服务端没有 DOM、也就没有退场：config 传 null 时闸门退化成「跟着展开态」\n  const config = shallowRef<RuntimeConfig | null>(null)\n  let runtimeDocument: Document | null = null\n\n  if (typeof document !== 'undefined') {\n    const installConfig = (node?: HTMLElement): void => {\n      const current = config.value\n      if (current) {\n        // scope 读取的是动态 rootRef；这里必须与创建配置时冻结的 Document 比，不能拿新根和自己比。\n        if (node)\n          assertDateRangePickerRootDocument(runtimeDocument!, node)\n        return\n      }\n\n      const next = createRuntimeConfig({ scope, idGenerator: idGen })\n      // 只提供注册函数，入栈出栈由机器的 trackLayer 效应按展开态驱动\n      const registerLayer = (): { layer: Layer, dispose: Cleanup } => next.layerRegistry.register({\n        kind: 'popover',\n        node: () => contentRef.value,\n        // 整个输入行记为本层分支，点 trigger 或段位算层内交互；\n        // 浮层壳一并记上：content 之外还浮着自绘滚动条，按住它拖动不该把浮层消解掉\n        branches: () => [controlRef.value, positionerRef.value].filter(Boolean) as Element[],\n        isModal: () => false,\n        surfaces: () => [],\n      })\n\n      root.refs.set('config', next)\n      root.refs.set('registerLayer', registerLayer)\n      runtimeDocument = next.layerRegistry.ownerDocument\n      config.value = next\n    }\n\n    if (rootRef) {\n      // 元素 ref 在 mounted hooks 之前同步提交：先绑定真实 realm、再让四台 service 启动。\n      watch(rootRef, (node) => {\n        if (node)\n          installConfig(node)\n      }, { flush: 'sync', immediate: true })\n    }\n    else {\n      // 直接调用公开 composable 的既有合同仍代表 ambient Document。\n      installConfig()\n    }\n\n    // 定位引擎由适配器注入，机器只经端口驱动；锚点取整个输入行\n    root.refs.set('position', createPositionEngine())\n    root.refs.set('getAnchorEl', () => controlRef.value)\n    root.refs.set('getFloatingEl', () => positionerRef.value)\n  }\n\n  // 跨月后的焦点落点要等重渲，日历机器推迟一拍再从这里取网格现查\n  calendar.refs.set('getGridEl', () => gridRef.value)\n  // 挑到一半时，指针在浮层与输入行之外松开就地收口\n  calendar.refs.set('getBoundaryEls', () => [contentRef.value, controlRef.value])\n\n  const api = computed(() => connectDateRangePicker(services, vueNormalize))\n  // 退场闸门：收起从跟着 open 走，改成跟着 presence 走\n  const visible = useOverlayExit({\n    config,\n    isOpen: () => api.value.open,\n    contentRef,\n    onPresence: presence => root.refs.set('presence', presence),\n  })\n  // 显式配置只选择同一 Document 内的落点，不能反过来决定 Scope，也不能跨 realm 搬运。\n  const portalTarget = computed<string | Element>(() => {\n    const runtime = config.value\n    // 首次 render 时 rootRef 还没提交；不读取显式 getter，Portal 在来源位置正常挂载。\n    if (!runtime)\n      return 'body'\n    const explicitTarget = resolveDateRangePickerPortalTarget(runtime, xhConfig.value.portalContainer)\n    if (explicitTarget)\n      return explicitTarget\n    const defaultTarget = runtime.portalContainer()\n    if (!isElement(defaultTarget))\n      throw new TypeError('[xh] DateRangePicker 的运行时 portalContainer 必须返回 Element')\n    return defaultTarget\n  })\n\n  if (typeof document !== 'undefined') {\n    root.refs.set('getContentEl', () => {\n      const content = contentRef.value\n      if (!content || !rootRef)\n        return content\n      // 首次 mounted 时正文仍可能原地挂载，随后 Teleport 搬运会丢失刚取得的焦点。\n      // 以真正进入目标容器为就绪事实，焦点域沿既有挂载流程等待，不提前聚焦临时位置。\n      const runtime = config.value\n      if (!runtime)\n        return null\n      // 焦点域在框架错误通道之外（flush / rAF）调这里，所以只回答 DOM 事实、不复核配置：\n      // 配置错误由渲染读 portalTarget 时抛出并交给框架上报。若这里也读那个 computed，\n      // 先到的一路会把异常截走，渲染只剩缓存的旧值，错误就成了未捕获 rejection。\n      // 跨 Document 或非 Element 的落点不包含正文，正文自然还没进落点。\n      const explicit = xhConfig.value.portalContainer\n      const host = explicit ? explicit() : runtime.portalContainer()\n      return isElement(host) && host.contains(content) ? content : null\n    })\n  }\n\n  return { visible, api, services, controlRef, positionerRef, contentRef, gridRef, portalTarget }\n}\n\n/** 公开 composable 保留 ambient Scope 合同。 */\nexport function useDateRangePicker(\n  props: DateRangePickerSchema['props'],\n  handlers: DateRangePickerHandlers = {},\n): DateRangePickerContext {\n  return createDateRangePickerContext(props, handlers)\n}\n\n/** 组合组件内部从真实根节点绑定 Scope；不经包入口导出。 */\nexport function useDateRangePickerWithRoot(\n  props: DateRangePickerSchema['props'],\n  handlers: DateRangePickerHandlers,\n  rootRef: Readonly<Ref<HTMLElement | null>>,\n): DateRangePickerContext {\n  return createDateRangePickerContext(props, handlers, rootRef)\n}\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"context.d.ts","names":[],"sources":["../../../src/components/descriptions/context.ts"],"mappings":";;;UAIiB;EACf,KAAK,YAAY;;iBAKH,oBAAoB,KAAK;iBAIzB,0BAA0B"}
+{"version":3,"file":"context.d.ts","names":[],"sources":["../../../src/components/descriptions/context.ts"],"mappings":";;;UAWiB;EACf,KAAK,YAAY;;iBAKH,oBAAoB,KAAK;iBAIzB,0BAA0B"}

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

@@ -1 +1 @@
-{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/descriptions/context.ts"],"sourcesContent":["import type { DescriptionsApi } from '@xihan-ui/headless'\nimport type { ComputedRef, InjectionKey } from 'vue'\nimport { inject, provide } from 'vue'\n\nexport interface DescriptionsContext {\n  api: ComputedRef<DescriptionsApi>\n}\n\nconst KEY: InjectionKey<DescriptionsContext> = Symbol.for('xh-descriptions')\n\nexport function provideDescriptions(ctx: DescriptionsContext): void {\n  provide(KEY, ctx)\n}\n\nexport function useDescriptionsContext(): DescriptionsContext {\n  const ctx = inject(KEY, null)\n  if (!ctx)\n    throw new Error('[xh] Descriptions 部件必须用在 XhDescriptionsRoot 内')\n  return ctx\n}\n"],"mappings":";;AAQA,MAAM,MAAyC,OAAO,IAAI,iBAAiB;AAE3E,SAAgB,oBAAoB,KAAgC;CAClE,QAAQ,KAAK,GAAG;AAClB;AAEA,SAAgB,yBAA8C;CAC5D,MAAM,MAAM,OAAO,KAAK,IAAI;CAC5B,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,+CAA+C;CACjE,OAAO;AACT"}
+{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/descriptions/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 { DescriptionsApi } from '@xihan-ui/headless'\nimport type { ComputedRef, InjectionKey } from 'vue'\nimport { inject, provide } from 'vue'\n\nexport interface DescriptionsContext {\n  api: ComputedRef<DescriptionsApi>\n}\n\nconst KEY: InjectionKey<DescriptionsContext> = Symbol.for('xh-descriptions')\n\nexport function provideDescriptions(ctx: DescriptionsContext): void {\n  provide(KEY, ctx)\n}\n\nexport function useDescriptionsContext(): DescriptionsContext {\n  const ctx = inject(KEY, null)\n  if (!ctx)\n    throw new Error('[xh] Descriptions 部件必须用在 XhDescriptionsRoot 内')\n  return ctx\n}\n"],"mappings":";;AAeA,MAAM,MAAyC,OAAO,IAAI,iBAAiB;AAE3E,SAAgB,oBAAoB,KAAgC;CAClE,QAAQ,KAAK,GAAG;AAClB;AAEA,SAAgB,yBAA8C;CAC5D,MAAM,MAAM,OAAO,KAAK,IAAI;CAC5B,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,+CAA+C;CACjE,OAAO;AACT"}

package/dist/components/descriptions/descriptions.d.ts

@@ -1,22 +1,21 @@
 import { PropType } from "vue";
+import { ControlVariant, Size } from "@xihan-ui/core";
 import { DescriptionsColumns, DescriptionsPlacement } from "@xihan-ui/headless";
-import { Size } from "@xihan-ui/kernel";
 //#region src/components/descriptions/descriptions.d.ts
 declare const XhDescriptionsRoot: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
   columns: {
     type: PropType<DescriptionsColumns>;
-    default: undefined;
   };
-  bordered: BooleanConstructor;
+  variant: {
+    type: PropType<ControlVariant>;
+  };
   placement: {
     type: PropType<DescriptionsPlacement>;
-    default: undefined;
   };
   size: {
     type: PropType<Size>;
-    default: undefined;
   };
-  /** 根渲染成哪个标签，默认 dl。 */
+  /** 根渲染为哪个标签，默认 dl。 */
   as: {
     type: StringConstructor;
     default: string;
@@ -26,48 +25,51 @@ declare const XhDescriptionsRoot: import("vue").DefineComponent<import("vue").Ex
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
   columns: {
     type: PropType<DescriptionsColumns>;
-    default: undefined;
   };
-  bordered: BooleanConstructor;
+  variant: {
+    type: PropType<ControlVariant>;
+  };
   placement: {
     type: PropType<DescriptionsPlacement>;
-    default: undefined;
   };
   size: {
     type: PropType<Size>;
-    default: undefined;
   };
-  /** 根渲染成哪个标签，默认 dl。 */
+  /** 根渲染为哪个标签，默认 dl。 */
   as: {
     type: StringConstructor;
     default: string;
   };
 }>> & Readonly<{}>, {
   as: string;
-  size: Size;
-  columns: DescriptionsColumns;
-  placement: DescriptionsPlacement;
-  bordered: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const XhDescriptionsItem: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-  /** 每一格渲染成哪个标签，默认 div。 */
+  /** 每一格渲染为哪个标签，默认 div。 */
   as: {
     type: StringConstructor;
     default: string;
   };
+  /** 该格横跨几列，未写即占一列；上限是根上的 columns。 */
+  span: {
+    type: NumberConstructor;
+  };
 }>, () => 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<{
-  /** 每一格渲染成哪个标签，默认 div。 */
+  /** 每一格渲染为哪个标签，默认 div。 */
   as: {
     type: StringConstructor;
     default: string;
   };
+  /** 该格横跨几列，未写即占一列；上限是根上的 columns。 */
+  span: {
+    type: NumberConstructor;
+  };
 }>> & Readonly<{}>, {
   as: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const XhDescriptionsLabel: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-  /** 标签渲染成哪个标签，默认 dt。 */
+  /** 标签渲染为哪个标签，默认 dt。 */
   as: {
     type: StringConstructor;
     default: string;
@@ -75,7 +77,7 @@ declare const XhDescriptionsLabel: import("vue").DefineComponent<import("vue").E
 }>, () => 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<{
-  /** 标签渲染成哪个标签，默认 dt。 */
+  /** 标签渲染为哪个标签，默认 dt。 */
   as: {
     type: StringConstructor;
     default: string;
@@ -84,7 +86,7 @@ declare const XhDescriptionsLabel: import("vue").DefineComponent<import("vue").E
   as: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const XhDescriptionsValue: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-  /** 取值渲染成哪个标签，默认 dd。 */
+  /** 取值渲染为哪个标签，默认 dd。 */
   as: {
     type: StringConstructor;
     default: string;
@@ -92,7 +94,7 @@ declare const XhDescriptionsValue: import("vue").DefineComponent<import("vue").E
 }>, () => 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<{
-  /** 取值渲染成哪个标签，默认 dd。 */
+  /** 取值渲染为哪个标签，默认 dd。 */
   as: {
     type: StringConstructor;
     default: string;

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

@@ -1 +1 @@
-{"version":3,"file":"descriptions.d.ts","names":[],"sources":["../../../src/components/descriptions/descriptions.ts"],"mappings":";;;;cASa,kCAAkB,8BAAA;;IAIA,MAAA,SAAS;;;;;IAEP,MAAA,SAAS;;;;IACd,MAAA,SAAS;;;;;;;;;;;;IAHN,MAAA,SAAS;;;;;IAEP,MAAA,SAAS;;;;IACd,MAAA,SAAS;;;;;;;;;;;;;;qCAgBnC;cAGW,kCAAkB,8BAAA;;;;;;;;;;;;;;;;qCAU7B;cAEW,mCAAmB,8BAAA;;;;;;;;;;;;;;;;qCAU9B;cAEW,mCAAmB,8BAAA;;;;;;;;;;;;;;;;qCAU9B"}
+{"version":3,"file":"descriptions.d.ts","names":[],"sources":["../../../src/components/descriptions/descriptions.ts"],"mappings":";;;;cAgBa,kCAAkB,8BAAA;;IAIA,MAAA,SAAS;;;IACT,MAAA,SAAS;;;IACP,MAAA,SAAS;;;IACd,MAAA,SAAS;;;;;;;;;;;IAHN,MAAA,SAAS;;;IACT,MAAA,SAAS;;;IACP,MAAA,SAAS;;;IACd,MAAA,SAAS;;;;;;;;;qCAgBnC;cAGW,kCAAkB,8BAAA;;;;;;;;;;;;;;;;;;;;;;;;qCAgB7B;cAEW,mCAAmB,8BAAA;;;;;;;;;;;;;;;;qCAU9B;cAEW,mCAAmB,8BAAA;;;;;;;;;;;;;;;;qCAU9B"}

package/dist/components/descriptions/descriptions.js

@@ -7,20 +7,11 @@ import { connectDescriptions } from "@xihan-ui/headless";
 const XhDescriptionsRoot = defineComponent({
 	name: "XhDescriptionsRoot",
 	props: {
-		columns: {
-			type: Number,
-			default: void 0
-		},
-		bordered: Boolean,
-		placement: {
-			type: String,
-			default: void 0
-		},
-		size: {
-			type: String,
-			default: void 0
-		},
-		/** 根渲染成哪个标签，默认 dl。 */
+		columns: { type: Number },
+		variant: { type: String },
+		placement: { type: String },
+		size: { type: String },
+		/** 根渲染为哪个标签，默认 dl。 */
 		as: {
 			type: String,
 			default: "dl"
@@ -30,7 +21,7 @@ const XhDescriptionsRoot = defineComponent({
 		const configured = withXhConfig("descriptions", props);
 		const api = computed(() => connectDescriptions({
 			columns: configured.columns,
-			bordered: configured.bordered,
+			variant: configured.variant,
 			placement: configured.placement,
 			size: configured.size
 		}, vueNormalize));
@@ -40,21 +31,24 @@ const XhDescriptionsRoot = defineComponent({
 });
 const XhDescriptionsItem = defineComponent({
 	name: "XhDescriptionsItem",
-	props: { 
-	/** 每一格渲染成哪个标签，默认 div。 */
-as: {
-		type: String,
-		default: "div"
-	} },
+	props: {
+		/** 每一格渲染为哪个标签，默认 div。 */
+		as: {
+			type: String,
+			default: "div"
+		},
+		/** 该格横跨几列，未写即占一列；上限是根上的 columns。 */
+		span: { type: Number }
+	},
 	setup(props, { slots }) {
 		const ctx = useDescriptionsContext();
-		return () => h(props.as, ctx.api.value.getItemProps(), slots.default?.());
+		return () => h(props.as, ctx.api.value.getItemProps({ span: props.span }), slots.default?.());
 	}
 });
 const XhDescriptionsLabel = defineComponent({
 	name: "XhDescriptionsLabel",
 	props: { 
-	/** 标签渲染成哪个标签，默认 dt。 */
+	/** 标签渲染为哪个标签，默认 dt。 */
 as: {
 		type: String,
 		default: "dt"
@@ -67,7 +61,7 @@ as: {
 const XhDescriptionsValue = defineComponent({
 	name: "XhDescriptionsValue",
 	props: { 
-	/** 取值渲染成哪个标签，默认 dd。 */
+	/** 取值渲染为哪个标签，默认 dd。 */
 as: {
 		type: String,
 		default: "dd"

package/dist/components/descriptions/descriptions.js.map

@@ -1 +1 @@
-{"version":3,"file":"descriptions.js","names":[],"sources":["../../../src/components/descriptions/descriptions.ts"],"sourcesContent":["import type { DescriptionsColumns, DescriptionsPlacement } from '@xihan-ui/headless'\nimport type { Size } from '@xihan-ui/kernel'\nimport type { PropType } from 'vue'\nimport { connectDescriptions } from '@xihan-ui/headless'\nimport { computed, defineComponent, h } from 'vue'\nimport { withXhConfig } from '../../config/config'\nimport { vueNormalize } from '../../runtime/normalize-props'\nimport { provideDescriptions, useDescriptionsContext } from './context'\n\nexport const XhDescriptionsRoot = defineComponent({\n  name: 'XhDescriptionsRoot',\n  // 有 connect 兜底的 prop 一律 default: undefined\n  props: {\n    columns: { type: Number as PropType<DescriptionsColumns>, default: undefined },\n    bordered: Boolean,\n    placement: { type: String as PropType<DescriptionsPlacement>, default: undefined },\n    size: { type: String as PropType<Size>, default: undefined },\n    /** 根渲染成哪个标签，默认 dl。 */\n    as: { type: String, default: 'dl' },\n  },\n  setup(props, { slots }) {\n    // withXhConfig 只能在 setup 期调，连接层在渲染期读这份代理\n    const configured = withXhConfig('descriptions', props)\n    const api = computed(() => connectDescriptions({\n      columns: configured.columns,\n      bordered: configured.bordered,\n      placement: configured.placement,\n      size: configured.size,\n    }, vueNormalize))\n    provideDescriptions({ api })\n    return () => h(props.as, api.value.getRootProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\n// 一组「标签 + 取值」包一层，让它成为网格里的一格；dl 允许 div 包裹成对的 dt/dd\nexport const XhDescriptionsItem = defineComponent({\n  name: 'XhDescriptionsItem',\n  props: {\n    /** 每一格渲染成哪个标签，默认 div。 */\n    as: { type: String, default: 'div' },\n  },\n  setup(props, { slots }) {\n    const ctx = useDescriptionsContext()\n    return () => h(props.as, ctx.api.value.getItemProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhDescriptionsLabel = defineComponent({\n  name: 'XhDescriptionsLabel',\n  props: {\n    /** 标签渲染成哪个标签，默认 dt。 */\n    as: { type: String, default: 'dt' },\n  },\n  setup(props, { slots }) {\n    const ctx = useDescriptionsContext()\n    return () => h(props.as, ctx.api.value.getLabelProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhDescriptionsValue = defineComponent({\n  name: 'XhDescriptionsValue',\n  props: {\n    /** 取值渲染成哪个标签，默认 dd。 */\n    as: { type: String, default: 'dd' },\n  },\n  setup(props, { slots }) {\n    const ctx = useDescriptionsContext()\n    return () => h(props.as, ctx.api.value.getValueProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n"],"mappings":";;;;;;AASA,MAAa,qBAAqB,gBAAgB;CAChD,MAAM;CAEN,OAAO;EACL,SAAS;GAAE,MAAM;GAAyC,SAAS,KAAA;EAAU;EAC7E,UAAU;EACV,WAAW;GAAE,MAAM;GAA2C,SAAS,KAAA;EAAU;EACjF,MAAM;GAAE,MAAM;GAA0B,SAAS,KAAA;EAAU;;EAE3D,IAAI;GAAE,MAAM;GAAQ,SAAS;EAAK;CACpC;CACA,MAAM,OAAO,EAAE,SAAS;EAEtB,MAAM,aAAa,aAAa,gBAAgB,KAAK;EACrD,MAAM,MAAM,eAAe,oBAAoB;GAC7C,SAAS,WAAW;GACpB,UAAU,WAAW;GACrB,WAAW,WAAW;GACtB,MAAM,WAAW;EACnB,GAAG,YAAY,CAAC;EAChB,oBAAoB,EAAE,IAAI,CAAC;EAC3B,aAAa,EAAE,MAAM,IAAI,IAAI,MAAM,aAAa,GAA8B,MAAM,UAAU,CAAC;CACjG;AACF,CAAC;AAGD,MAAa,qBAAqB,gBAAgB;CAChD,MAAM;CACN,OAAO;;AAEL,IAAI;EAAE,MAAM;EAAQ,SAAS;CAAM,EACrC;CACA,MAAM,OAAO,EAAE,SAAS;EACtB,MAAM,MAAM,uBAAuB;EACnC,aAAa,EAAE,MAAM,IAAI,IAAI,IAAI,MAAM,aAAa,GAA8B,MAAM,UAAU,CAAC;CACrG;AACF,CAAC;AAED,MAAa,sBAAsB,gBAAgB;CACjD,MAAM;CACN,OAAO;;AAEL,IAAI;EAAE,MAAM;EAAQ,SAAS;CAAK,EACpC;CACA,MAAM,OAAO,EAAE,SAAS;EACtB,MAAM,MAAM,uBAAuB;EACnC,aAAa,EAAE,MAAM,IAAI,IAAI,IAAI,MAAM,cAAc,GAA8B,MAAM,UAAU,CAAC;CACtG;AACF,CAAC;AAED,MAAa,sBAAsB,gBAAgB;CACjD,MAAM;CACN,OAAO;;AAEL,IAAI;EAAE,MAAM;EAAQ,SAAS;CAAK,EACpC;CACA,MAAM,OAAO,EAAE,SAAS;EACtB,MAAM,MAAM,uBAAuB;EACnC,aAAa,EAAE,MAAM,IAAI,IAAI,IAAI,MAAM,cAAc,GAA8B,MAAM,UAAU,CAAC;CACtG;AACF,CAAC"}
+{"version":3,"file":"descriptions.js","names":[],"sources":["../../../src/components/descriptions/descriptions.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// 提供 descriptions 相关实现。\n\nimport type { ControlVariant, Size } from '@xihan-ui/core'\nimport type { DescriptionsColumns, DescriptionsPlacement } from '@xihan-ui/headless'\nimport type { PropType } from 'vue'\nimport { connectDescriptions } from '@xihan-ui/headless'\nimport { computed, defineComponent, h } from 'vue'\nimport { withXhConfig } from '../../config/config'\nimport { vueNormalize } from '../../runtime/normalize-props'\nimport { provideDescriptions, useDescriptionsContext } from './context'\n\nexport const XhDescriptionsRoot = defineComponent({\n  name: 'XhDescriptionsRoot',\n  // 有 connect 兜底的 prop：普通类型省略 default，Boolean 显式保留 undefined\n  props: {\n    columns: { type: Number as PropType<DescriptionsColumns> },\n    variant: { type: String as PropType<ControlVariant> },\n    placement: { type: String as PropType<DescriptionsPlacement> },\n    size: { type: String as PropType<Size> },\n    /** 根渲染为哪个标签，默认 dl。 */\n    as: { type: String, default: 'dl' },\n  },\n  setup(props, { slots }) {\n    // withXhConfig 只能在 setup 期调，连接层在渲染期读这份代理\n    const configured = withXhConfig('descriptions', props)\n    const api = computed(() => connectDescriptions({\n      columns: configured.columns,\n      variant: configured.variant,\n      placement: configured.placement,\n      size: configured.size,\n    }, vueNormalize))\n    provideDescriptions({ api })\n    return () => h(props.as, api.value.getRootProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\n// 一组「标签 + 取值」包一层，让它成为网格里的一格；dl 允许 div 包裹成对的 dt/dd\nexport const XhDescriptionsItem = defineComponent({\n  name: 'XhDescriptionsItem',\n  props: {\n    /** 每一格渲染为哪个标签，默认 div。 */\n    as: { type: String, default: 'div' },\n    /** 该格横跨几列，未写即占一列；上限是根上的 columns。 */\n    span: { type: Number },\n  },\n  setup(props, { slots }) {\n    const ctx = useDescriptionsContext()\n    return () => h(\n      props.as,\n      ctx.api.value.getItemProps({ span: props.span }) as Record<string, unknown>,\n      slots.default?.(),\n    )\n  },\n})\n\nexport const XhDescriptionsLabel = defineComponent({\n  name: 'XhDescriptionsLabel',\n  props: {\n    /** 标签渲染为哪个标签，默认 dt。 */\n    as: { type: String, default: 'dt' },\n  },\n  setup(props, { slots }) {\n    const ctx = useDescriptionsContext()\n    return () => h(props.as, ctx.api.value.getLabelProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhDescriptionsValue = defineComponent({\n  name: 'XhDescriptionsValue',\n  props: {\n    /** 取值渲染为哪个标签，默认 dd。 */\n    as: { type: String, default: 'dd' },\n  },\n  setup(props, { slots }) {\n    const ctx = useDescriptionsContext()\n    return () => h(props.as, ctx.api.value.getValueProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n"],"mappings":";;;;;;AAgBA,MAAa,qBAAqB,gBAAgB;CAChD,MAAM;CAEN,OAAO;EACL,SAAS,EAAE,MAAM,OAAwC;EACzD,SAAS,EAAE,MAAM,OAAmC;EACpD,WAAW,EAAE,MAAM,OAA0C;EAC7D,MAAM,EAAE,MAAM,OAAyB;;EAEvC,IAAI;GAAE,MAAM;GAAQ,SAAS;EAAK;CACpC;CACA,MAAM,OAAO,EAAE,SAAS;EAEtB,MAAM,aAAa,aAAa,gBAAgB,KAAK;EACrD,MAAM,MAAM,eAAe,oBAAoB;GAC7C,SAAS,WAAW;GACpB,SAAS,WAAW;GACpB,WAAW,WAAW;GACtB,MAAM,WAAW;EACnB,GAAG,YAAY,CAAC;EAChB,oBAAoB,EAAE,IAAI,CAAC;EAC3B,aAAa,EAAE,MAAM,IAAI,IAAI,MAAM,aAAa,GAA8B,MAAM,UAAU,CAAC;CACjG;AACF,CAAC;AAGD,MAAa,qBAAqB,gBAAgB;CAChD,MAAM;CACN,OAAO;;EAEL,IAAI;GAAE,MAAM;GAAQ,SAAS;EAAM;;EAEnC,MAAM,EAAE,MAAM,OAAO;CACvB;CACA,MAAM,OAAO,EAAE,SAAS;EACtB,MAAM,MAAM,uBAAuB;EACnC,aAAa,EACX,MAAM,IACN,IAAI,IAAI,MAAM,aAAa,EAAE,MAAM,MAAM,KAAK,CAAC,GAC/C,MAAM,UAAU,CAClB;CACF;AACF,CAAC;AAED,MAAa,sBAAsB,gBAAgB;CACjD,MAAM;CACN,OAAO;;AAEL,IAAI;EAAE,MAAM;EAAQ,SAAS;CAAK,EACpC;CACA,MAAM,OAAO,EAAE,SAAS;EACtB,MAAM,MAAM,uBAAuB;EACnC,aAAa,EAAE,MAAM,IAAI,IAAI,IAAI,MAAM,cAAc,GAA8B,MAAM,UAAU,CAAC;CACtG;AACF,CAAC;AAED,MAAa,sBAAsB,gBAAgB;CACjD,MAAM;CACN,OAAO;;AAEL,IAAI;EAAE,MAAM;EAAQ,SAAS;CAAK,EACpC;CACA,MAAM,OAAO,EAAE,SAAS;EACtB,MAAM,MAAM,uBAAuB;EACnC,aAAa,EAAE,MAAM,IAAI,IAAI,IAAI,MAAM,cAAc,GAA8B,MAAM,UAAU,CAAC;CACtG;AACF,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/dialog/context.ts"],"sourcesContent":["import type { InjectionKey } from 'vue'\nimport type { DialogContext } from './use-dialog'\nimport { inject, provide } from 'vue'\n\nconst KEY: InjectionKey<DialogContext> = Symbol.for('xh-dialog')\n\nexport function provideDialog(ctx: DialogContext): void {\n  provide(KEY, ctx)\n}\n\nexport function useDialogContext(): DialogContext {\n  const ctx = inject(KEY, null)\n  if (!ctx)\n    throw new Error('[xh] Dialog 部件必须用在 XhDialogRoot 内')\n  return ctx\n}\n"],"mappings":";;AAIA,MAAM,MAAmC,OAAO,IAAI,WAAW;AAE/D,SAAgB,cAAc,KAA0B;CACtD,QAAQ,KAAK,GAAG;AAClB;AAEA,SAAgB,mBAAkC;CAChD,MAAM,MAAM,OAAO,KAAK,IAAI;CAC5B,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,mCAAmC;CACrD,OAAO;AACT"}
+{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/dialog/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 { DialogContext } from './use-dialog'\nimport { inject, provide } from 'vue'\n\nconst KEY: InjectionKey<DialogContext> = Symbol.for('xh-dialog')\n\nexport function provideDialog(ctx: DialogContext): void {\n  provide(KEY, ctx)\n}\n\nexport function useDialogContext(): DialogContext {\n  const ctx = inject(KEY, null)\n  if (!ctx)\n    throw new Error('[xh] Dialog 部件必须用在 XhDialogRoot 内')\n  return ctx\n}\n"],"mappings":";;AAWA,MAAM,MAAmC,OAAO,IAAI,WAAW;AAE/D,SAAgB,cAAc,KAA0B;CACtD,QAAQ,KAAK,GAAG;AAClB;AAEA,SAAgB,mBAAkC;CAChD,MAAM,MAAM,OAAO,KAAK,IAAI;CAC5B,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,mCAAmC;CACrD,OAAO;AACT"}

package/dist/components/dialog/dialog.d.ts

@@ -1,10 +1,10 @@
 import { PayloadOf } from "../../runtime/payload.js";
 import { PropType, SlotsType, VNode } from "vue";
+import { OverlayBackdropVariant, Size } from "@xihan-ui/core";
 import { DialogApi, DialogSchema } from "@xihan-ui/headless";
-import { Size } from "@xihan-ui/kernel";
 //#region src/components/dialog/dialog.d.ts
 type DialogProps = DialogSchema['props'];
-/** 默认插槽的载荷：展开态与改展开的动作。 */
+/** 默认插槽的载荷：展开态与修改展开的动作。 */
 type DialogRootSlotProps = Pick<DialogApi, 'open' | 'setOpen'>;
 declare const XhDialogRoot: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
   open: {
@@ -34,21 +34,22 @@ declare const XhDialogRoot: import("vue").DefineComponent<import("vue").ExtractP
   };
   initialFocus: {
     type: StringConstructor;
-    default: undefined;
   };
   size: {
     type: PropType<Size>;
-    default: undefined;
+  };
+  variant: {
+    type: PropType<OverlayBackdropVariant>;
   };
   translations: {
     type: PropType<DialogProps["translations"]>;
-    default: undefined;
   };
 }>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
   [key: string]: any;
 }>[] | undefined, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
   'open-change': (_details: PayloadOf<DialogProps, "onOpenChange">) => true;
   'update:open': (_open: PayloadOf<DialogProps, "onOpenChange">["open"]) => true;
+  'exit-complete': () => true;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
   open: {
     type: BooleanConstructor;
@@ -77,56 +78,77 @@ declare const XhDialogRoot: import("vue").DefineComponent<import("vue").ExtractP
   };
   initialFocus: {
     type: StringConstructor;
-    default: undefined;
   };
   size: {
     type: PropType<Size>;
-    default: undefined;
+  };
+  variant: {
+    type: PropType<OverlayBackdropVariant>;
   };
   translations: {
     type: PropType<DialogProps["translations"]>;
-    default: undefined;
   };
 }>> & Readonly<{
   "onOpen-change"?: ((_details: import("@xihan-ui/headless").DialogOpenChangeDetails) => any) | undefined;
   "onUpdate:open"?: ((_open: boolean) => any) | undefined;
+  "onExit-complete"?: (() => any) | undefined;
 }>, {
-  size: Size;
-  translations: Partial<import("@xihan-ui/headless").DialogTranslations> | undefined;
   open: boolean;
   defaultOpen: boolean;
   modal: boolean;
-  role: "dialog" | "alertdialog";
   closeOnEscape: boolean;
   closeOnInteractOutside: boolean;
   restoreFocus: boolean;
-  initialFocus: string;
+  role: "dialog" | "alertdialog";
 }, SlotsType<{
   default?: (props: DialogRootSlotProps) => VNode[];
 }>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const XhDialogTrigger: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-  /** 借用作者的子节点当触发器，不再渲染自己的包裹元素；子节点须恰好一个。 */
+  /** 借用作者的子节点作为触发器，不再渲染自己的包裹元素；子节点须恰好一个。 */
   asChild: 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<{
-  /** 借用作者的子节点当触发器，不再渲染自己的包裹元素；子节点须恰好一个。 */
+  /** 借用作者的子节点作为触发器，不再渲染自己的包裹元素；子节点须恰好一个。 */
   asChild: BooleanConstructor;
 }>> & Readonly<{}>, {
   asChild: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-declare const XhDialogContent: import("vue").DefineComponent<{}, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+declare const XhDialogContent: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+  /** 本实例的 Portal 容器；优先于应用级配置。 */
+  container: {
+    type: PropType<Element>;
+  };
+}>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+  [key: string]: any;
+}> | null, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+  /** 本实例的 Portal 容器；优先于应用级配置。 */
+  container: {
+    type: PropType<Element>;
+  };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const XhDialogHeader: 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>;
+/** 语气徽记：未提供内容时由皮肤按节点上的 data-tone 绘制兜底字形，放入节点即整个替换。 */
+declare const XhDialogIndicator: import("vue").DefineComponent<{}, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
   [key: string]: any;
-}> | null, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const XhDialogTitle: 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>;
 declare const XhDialogDescription: 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>;
+declare const XhDialogBody: 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>;
+declare const XhDialogFooter: 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>;
 declare const XhDialogCloseTrigger: 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 { DialogRootSlotProps, XhDialogCloseTrigger, XhDialogContent, XhDialogDescription, XhDialogRoot, XhDialogTitle, XhDialogTrigger };
+export { DialogRootSlotProps, XhDialogBody, XhDialogCloseTrigger, XhDialogContent, XhDialogDescription, XhDialogFooter, XhDialogHeader, XhDialogIndicator, XhDialogRoot, XhDialogTitle, XhDialogTrigger };
 //# sourceMappingURL=dialog.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"dialog.d.ts","names":[],"sources":["../../../src/components/dialog/dialog.ts"],"mappings":";;;;;KAUK,cAAc;;KAGP,sBAAsB,KAAK;cAE1B,4BAAY,8BAAA;;;;;;;;;;;IAMG,MAAA;;;;;;;;;;;;;;;;;;;;IAKA,MAAA,SAAS;;;;IACD,MAAA,SAAS;;;;;;EAIf,gBAAA,UAAA,UAAU;EACb,gBAAA,OAAA,UAAU;;;;;;;;;;;;IAXT,MAAA;;;;;;;;;;;;;;;;;;;;IAKA,MAAA,SAAS;;;;IACD,MAAA,SAAS;;;;;;;;;;;;;;;;;;EAQ/B,WAAC,OAAO,wBAAwB;kCAW5C;cAEW,+BAAe,8BAAA;;;;;;;;;;qCAoB1B;cAEW,+BAAe,0BAAA,oBAAA,4BAAA;;qCA0B1B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,6BAAa,0BAAA,oBAAA,4BAAA;;8BAMxB,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,mCAAmB,0BAAA,oBAAA,4BAAA;;8BAM9B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,oCAAoB,0BAAA,oBAAA,4BAAA;;8BAM/B,qCAAA,iDAAA,aAAA,eAAA,oDAAA"}
+{"version":3,"file":"dialog.d.ts","names":[],"sources":["../../../src/components/dialog/dialog.ts"],"mappings":";;;;;KAmBK,cAAc;;KAGP,sBAAsB,KAAK;cAE1B,4BAAY,8BAAA;;;;;;;;;;;IAMG,MAAA;;;;;;;;;;;;;;;;;;;IAKA,MAAA,SAAS;;;IACN,MAAA,SAAS;;;IACJ,MAAA,SAAS;;;;;EAIf,gBAAA,UAAA,UAAU;EACb,gBAAA,OAAA,UAAU;;;;;;;;;;;;;IAZT,MAAA;;;;;;;;;;;;;;;;;;;IAKA,MAAA,SAAS;;;IACN,MAAA,SAAS;;;IACJ,MAAA,SAAS;;;;;;;;;;;;;;;EAS/B,WAAC,OAAO,wBAAwB;kCAW5C;cAEW,+BAAe,8BAAA;;;;;;;;;;qCAsB1B;cAEW,+BAAe,8BAAA;;;IAIK,MAAA,SAAS;;;;;;;IAAT,MAAA,SAAS;;MA4BxC,oDAAA;cAEW,8BAAc,0BAAA,oBAAA,4BAAA;;8BAMzB,qCAAA,iDAAA,aAAA,eAAA,oDAAA;;cAGW,iCAAiB,0BAAA,oBAAA,4BAAA;;8BAM5B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,6BAAa,0BAAA,oBAAA,4BAAA;;8BAMxB,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,mCAAmB,0BAAA,oBAAA,4BAAA;;8BAM9B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,4BAAY,0BAAA,oBAAA,4BAAA;;8BAMvB,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,8BAAc,0BAAA,oBAAA,4BAAA;;8BAMzB,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,oCAAoB,0BAAA,oBAAA,4BAAA;;8BAM/B,qCAAA,iDAAA,aAAA,eAAA,oDAAA"}