@xihan-ui/vue 1.1.0 → 2.0.0

package/dist/components/diff-view/diff-view.js

@@ -0,0 +1,177 @@
+import { withXhConfig } from "../../config/config.js";
+import { provideDiffView, useDiffViewContext } from "./context.js";
+import { useDiffView } from "./use-diff-view.js";
+import { defineComponent, h } from "vue";
+import { diffViewSides } from "@xihan-ui/headless";
+//#region src/components/diff-view/diff-view.ts
+const XhDiffViewRoot = defineComponent({
+	name: "XhDiffViewRoot",
+	props: {
+		model: { type: Object },
+		view: { type: String },
+		contextLines: { type: Number },
+		expandedValue: { type: Array },
+		defaultExpandedValue: { type: Array },
+		wrap: {
+			type: Boolean,
+			default: void 0
+		},
+		size: { type: String },
+		translations: { type: Object }
+	},
+	emits: {
+		"expanded-value-change": (_details) => true,
+		"update:expandedValue": (_value) => true
+	},
+	slots: Object,
+	setup(props, { slots, emit }) {
+		const ctx = useDiffView(withXhConfig("diff-view", props), (details) => {
+			emit("expanded-value-change", details);
+			emit("update:expandedValue", details.value);
+		});
+		provideDiffView(ctx);
+		return () => h("div", ctx.api.value.getRootProps(), slots.default?.({
+			view: ctx.api.value.view,
+			rows: ctx.api.value.rows,
+			expandedValue: ctx.api.value.expandedValue,
+			stats: ctx.api.value.stats,
+			truncated: ctx.api.value.truncated,
+			truncatedLines: ctx.api.value.truncatedLines,
+			isEmpty: ctx.api.value.isEmpty,
+			toggleGap: ctx.api.value.toggleGap,
+			setExpandedValue: ctx.api.value.setExpandedValue
+		}));
+	}
+});
+const XhDiffViewHeader = defineComponent({
+	name: "XhDiffViewHeader",
+	setup(_, { slots }) {
+		const ctx = useDiffViewContext();
+		return () => h("div", ctx.api.value.getHeaderProps(), slots.default?.());
+	}
+});
+/**
+* 头部右侧的增删统计位，增删各放一个。
+*
+* 数字取自模型，默认渲染为 `+N` / `−N`；提供插槽时由插槽自行排版。
+*/
+const XhDiffViewSummary = defineComponent({
+	name: "XhDiffViewSummary",
+	props: { change: {
+		type: String,
+		required: true
+	} },
+	slots: Object,
+	setup(props, { slots }) {
+		const ctx = useDiffViewContext();
+		return () => {
+			const api = ctx.api.value;
+			const count = props.change === "added" ? api.stats.added : api.stats.removed;
+			return h("span", api.getSummaryProps({ change: props.change }), slots.default?.({ count }) ?? `${props.change === "added" ? "+" : "−"}${count}`);
+		};
+	}
+});
+const XhDiffViewViewport = defineComponent({
+	name: "XhDiffViewViewport",
+	setup(_, { slots }) {
+		const ctx = useDiffViewContext();
+		return () => h("div", ctx.api.value.getViewportProps(), slots.default?.());
+	}
+});
+const XhDiffViewBody = defineComponent({
+	name: "XhDiffViewBody",
+	setup(_, { slots }) {
+		const ctx = useDiffViewContext();
+		return () => {
+			const api = ctx.api.value;
+			const sides = diffViewSides(api.view);
+			return h("div", api.getBodyProps(), [...api.rows.map((row) => {
+				if (row.kind === "gap") {
+					const gapId = row.gapId;
+					return h("div", {
+						...api.getGapProps({ gapId }),
+						key: `gap:${gapId}`
+					}, [h("div", api.getGapCellProps(), [h("button", api.getGapTriggerProps({ gapId }), `⋯ ${row.hiddenCount}`)])]);
+				}
+				const { rowIndex } = row;
+				return h("div", {
+					...api.getRowProps({ rowIndex }),
+					key: `row:${rowIndex}`
+				}, sides.flatMap((side) => [h("span", {
+					...api.getLineNumberProps({
+						rowIndex,
+						side
+					}),
+					key: `n:${side}`
+				}), h("span", {
+					...api.getLineContentProps({
+						rowIndex,
+						side
+					}),
+					key: `c:${side}`
+				}, [h("span", api.getChangeLabelProps({ change: row.line.change }), api.changeLabel(row.line.change)), ...renderCell(api, rowIndex, side)])]));
+			}), slots.default?.() ?? []]);
+		};
+	}
+});
+/** 着色记号逐个铺为 span。 */
+function renderTokens(api, tokens) {
+	return tokens.map((token, i) => h("span", {
+		...api.getTokenProps(token),
+		key: i
+	}, token.text));
+}
+/** 一格的正文：计算了词级差异时先按片段包一层，否则整行按记号铺设；都没有时为一个文本节点。 */
+function renderCell(api, rowIndex, side) {
+	const segments = api.cellSegments({
+		rowIndex,
+		side
+	});
+	if (segments.length > 0) return segments.map((segment, i) => h("span", {
+		...api.getInlineChangeProps({
+			rowIndex,
+			changed: segment.changed
+		}),
+		key: `s:${i}`
+	}, segment.tokens.length === 0 ? segment.text : renderTokens(api, segment.tokens)));
+	const tokens = api.cellTokens({
+		rowIndex,
+		side
+	});
+	if (tokens.length === 0) {
+		const text = api.cellText({
+			rowIndex,
+			side
+		});
+		return text === void 0 ? [] : [h("span", text)];
+	}
+	return renderTokens(api, tokens);
+}
+const XhDiffViewEmpty = defineComponent({
+	name: "XhDiffViewEmpty",
+	setup(_, { slots }) {
+		const ctx = useDiffViewContext();
+		return () => h("div", ctx.api.value.getEmptyProps(), slots.default?.());
+	}
+});
+/**
+* 截断提示条：这份差异被上限截去了多少行。
+*
+* 文字默认由组件自行填入：留给作者填写时，作者不填就又变回一份看似完整的残缺差异，
+* 而这正是该提示要防止的情况。提供插槽时由插槽自行排版，行数一并交出。
+*/
+const XhDiffViewTruncation = defineComponent({
+	name: "XhDiffViewTruncation",
+	slots: Object,
+	setup(_, { slots }) {
+		const ctx = useDiffViewContext();
+		return () => {
+			const api = ctx.api.value;
+			return h("div", api.getTruncationProps(), slots.default?.({ count: api.truncatedLines }) ?? api.truncationText);
+		};
+	}
+});
+//#endregion
+export { XhDiffViewBody, XhDiffViewEmpty, XhDiffViewHeader, XhDiffViewRoot, XhDiffViewSummary, XhDiffViewTruncation, XhDiffViewViewport };
+
+//# sourceMappingURL=diff-view.js.map

package/dist/components/diff-view/diff-view.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"diff-view.js","names":[],"sources":["../../../src/components/diff-view/diff-view.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// 提供 diff view 相关实现。\n\nimport type { CodeToken, Size } from '@xihan-ui/core'\nimport type { DiffChange, DiffModel, DiffSide, DiffViewApi, DiffViewMode, DiffViewSchema, DiffViewTranslations } from '@xihan-ui/headless'\nimport type { PropType, SlotsType, VNode } from 'vue'\nimport type { PayloadOf } from '../../runtime/payload'\nimport { diffViewSides } from '@xihan-ui/headless'\nimport { defineComponent, h } from 'vue'\nimport { withXhConfig } from '../../config/config'\nimport { provideDiffView, useDiffViewContext } from './context'\nimport { useDiffView } from './use-diff-view'\n\ntype Props = DiffViewSchema['props']\n\n/** 默认插槽的载荷：可见行序、增删统计与展开集合。 */\nexport type DiffViewRootSlotProps = Pick<\n  DiffViewApi,\n  'view' | 'rows' | 'expandedValue' | 'stats' | 'truncated' | 'truncatedLines' | 'isEmpty' | 'toggleGap' | 'setExpandedValue'\n>\n\nexport const XhDiffViewRoot = defineComponent({\n  name: 'XhDiffViewRoot',\n  props: {\n    model: { type: Object as PropType<DiffModel> },\n    view: { type: String as PropType<DiffViewMode> },\n    contextLines: { type: Number },\n    expandedValue: { type: Array as PropType<readonly string[]> },\n    defaultExpandedValue: { type: Array as PropType<readonly string[]> },\n    wrap: { type: Boolean, default: undefined },\n    size: { type: String as PropType<Size> },\n    translations: { type: Object as PropType<Partial<DiffViewTranslations>> },\n  },\n  emits: {\n    'expanded-value-change': (_details: PayloadOf<Props, 'onExpandedValueChange'>) => true,\n    'update:expandedValue': (_value: string[]) => true,\n  },\n  slots: Object as SlotsType<{\n    default?: (props: DiffViewRootSlotProps) => VNode[]\n  }>,\n  setup(props, { slots, emit }) {\n    const ctx = useDiffView(withXhConfig('diff-view', props) as Props, (details) => {\n      emit('expanded-value-change', details)\n      emit('update:expandedValue', details.value)\n    })\n    provideDiffView(ctx)\n    return () => h('div', ctx.api.value.getRootProps() as Record<string, unknown>, slots.default?.({\n      view: ctx.api.value.view,\n      rows: ctx.api.value.rows,\n      expandedValue: ctx.api.value.expandedValue,\n      stats: ctx.api.value.stats,\n      truncated: ctx.api.value.truncated,\n      truncatedLines: ctx.api.value.truncatedLines,\n      isEmpty: ctx.api.value.isEmpty,\n      toggleGap: ctx.api.value.toggleGap,\n      setExpandedValue: ctx.api.value.setExpandedValue,\n    }))\n  },\n})\n\nexport const XhDiffViewHeader = defineComponent({\n  name: 'XhDiffViewHeader',\n  setup(_, { slots }) {\n    const ctx = useDiffViewContext()\n    return () => h('div', ctx.api.value.getHeaderProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\n/**\n * 头部右侧的增删统计位，增删各放一个。\n *\n * 数字取自模型，默认渲染为 `+N` / `−N`；提供插槽时由插槽自行排版。\n */\nexport const XhDiffViewSummary = defineComponent({\n  name: 'XhDiffViewSummary',\n  props: {\n    change: { type: String as PropType<Extract<DiffChange, 'added' | 'removed'>>, required: true },\n  },\n  slots: Object as SlotsType<{\n    default?: (props: { count: number }) => VNode[]\n  }>,\n  setup(props, { slots }) {\n    const ctx = useDiffViewContext()\n    return () => {\n      const api = ctx.api.value\n      const count = props.change === 'added' ? api.stats.added : api.stats.removed\n      return h(\n        'span',\n        api.getSummaryProps({ change: props.change }) as Record<string, unknown>,\n        slots.default?.({ count }) ?? `${props.change === 'added' ? '+' : '−'}${count}`,\n      )\n    }\n  },\n})\n\nexport const XhDiffViewViewport = defineComponent({\n  name: 'XhDiffViewViewport',\n  setup(_, { slots }) {\n    const ctx = useDiffViewContext()\n    // 唯一的 Tab 停靠点，横纵滚动交给浏览器\n    return () => h('div', ctx.api.value.getViewportProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhDiffViewBody = defineComponent({\n  name: 'XhDiffViewBody',\n  setup(_, { slots }) {\n    const ctx = useDiffViewContext()\n    // 行是模型算出来的派生结构，作者写不出 N 行，由组件铺\n    return () => {\n      const api = ctx.api.value\n      const sides = diffViewSides(api.view)\n      return h('div', api.getBodyProps() as Record<string, unknown>, [\n        ...api.rows.map((row) => {\n          if (row.kind === 'gap') {\n            const gapId = row.gapId!\n            return h('div', { ...api.getGapProps({ gapId }) as Record<string, unknown>, key: `gap:${gapId}` }, [\n              h('div', api.getGapCellProps() as Record<string, unknown>, [\n                h(\n                  'button',\n                  api.getGapTriggerProps({ gapId }) as Record<string, unknown>,\n                  `⋯ ${row.hiddenCount}`,\n                ),\n              ]),\n            ])\n          }\n          const { rowIndex } = row\n          return h('div', { ...api.getRowProps({ rowIndex }) as Record<string, unknown>, key: `row:${rowIndex}` }, sides.flatMap(side => [\n            h('span', { ...api.getLineNumberProps({ rowIndex, side }) as Record<string, unknown>, key: `n:${side}` }),\n            h('span', { ...api.getLineContentProps({ rowIndex, side }) as Record<string, unknown>, key: `c:${side}` }, [\n              // 变更类型的读屏文字住在内容格里面：变更不能只靠颜色传达\n              h(\n                'span',\n                api.getChangeLabelProps({ change: row.line!.change }) as Record<string, unknown>,\n                api.changeLabel(row.line!.change),\n              ),\n              ...renderCell(api, rowIndex, side),\n            ]),\n          ]))\n        }),\n        slots.default?.() ?? [],\n      ])\n    }\n  },\n})\n\n/** 着色记号逐个铺为 span。 */\nfunction renderTokens(api: DiffViewApi, tokens: readonly CodeToken[]): VNode[] {\n  return tokens.map((token, i) => h(\n    'span',\n    { ...api.getTokenProps(token) as Record<string, unknown>, key: i },\n    token.text,\n  ))\n}\n\n/** 一格的正文：计算了词级差异时先按片段包一层，否则整行按记号铺设；都没有时为一个文本节点。 */\nfunction renderCell(api: DiffViewApi, rowIndex: number, side: DiffSide): VNode[] {\n  const segments = api.cellSegments({ rowIndex, side })\n  if (segments.length > 0) {\n    return segments.map((segment, i) => h(\n      'span',\n      { ...api.getInlineChangeProps({ rowIndex, changed: segment.changed }) as Record<string, unknown>, key: `s:${i}` },\n      segment.tokens.length === 0 ? segment.text : renderTokens(api, segment.tokens),\n    ))\n  }\n  const tokens = api.cellTokens({ rowIndex, side })\n  if (tokens.length === 0) {\n    const text = api.cellText({ rowIndex, side })\n    return text === undefined ? [] : [h('span', text)]\n  }\n  return renderTokens(api, tokens)\n}\n\nexport const XhDiffViewEmpty = defineComponent({\n  name: 'XhDiffViewEmpty',\n  setup(_, { slots }) {\n    const ctx = useDiffViewContext()\n    return () => h('div', ctx.api.value.getEmptyProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\n/**\n * 截断提示条：这份差异被上限截去了多少行。\n *\n * 文字默认由组件自行填入：留给作者填写时，作者不填就又变回一份看似完整的残缺差异，\n * 而这正是该提示要防止的情况。提供插槽时由插槽自行排版，行数一并交出。\n */\nexport const XhDiffViewTruncation = defineComponent({\n  name: 'XhDiffViewTruncation',\n  slots: Object as SlotsType<{\n    default?: (props: { count: number }) => VNode[]\n  }>,\n  setup(_, { slots }) {\n    const ctx = useDiffViewContext()\n    return () => {\n      const api = ctx.api.value\n      return h(\n        'div',\n        api.getTruncationProps() as Record<string, unknown>,\n        slots.default?.({ count: api.truncatedLines }) ?? api.truncationText,\n      )\n    }\n  },\n})\n"],"mappings":"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"}

package/dist/components/diff-view/use-diff-view.d.ts

@@ -0,0 +1,11 @@
+import { ComputedRef } from "vue";
+import { DiffViewApi, DiffViewSchema } from "@xihan-ui/headless";
+//#region src/components/diff-view/use-diff-view.d.ts
+type Props = DiffViewSchema['props'];
+interface DiffViewContext {
+  api: ComputedRef<DiffViewApi>;
+}
+declare function useDiffView(props: Props, onExpandedValueChange?: Props['onExpandedValueChange']): DiffViewContext;
+//#endregion
+export { DiffViewContext, useDiffView };
+//# sourceMappingURL=use-diff-view.d.ts.map

package/dist/components/diff-view/use-diff-view.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-diff-view.d.ts","names":[],"sources":["../../../src/components/diff-view/use-diff-view.ts"],"mappings":";;;KAgBK,QAAQ;UAEI;EACf,KAAK,YAAY;;iBAGH,YAAY,OAAO,OAAO,wBAAwB,iCAAiC"}

package/dist/components/diff-view/use-diff-view.js

@@ -0,0 +1,18 @@
+import { vueNormalize } from "../../runtime/normalize-props.js";
+import { useMachine } from "../../runtime/use-machine.js";
+import { createVueIdGenerator } from "../../runtime/vue-id.js";
+import { computed } from "vue";
+import { createScope } from "@xihan-ui/core";
+import { connectDiffView, diffViewMachine } from "@xihan-ui/headless";
+//#region src/components/diff-view/use-diff-view.ts
+function useDiffView(props, onExpandedValueChange) {
+	const service = useMachine(diffViewMachine, () => ({
+		...props,
+		onExpandedValueChange
+	}), createScope(null, createVueIdGenerator()));
+	return { api: computed(() => connectDiffView(service, vueNormalize)) };
+}
+//#endregion
+export { useDiffView };
+
+//# sourceMappingURL=use-diff-view.js.map

package/dist/components/diff-view/use-diff-view.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-diff-view.js","names":[],"sources":["../../../src/components/diff-view/use-diff-view.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 diff view 相关实现。\n\nimport type { DiffViewApi, DiffViewSchema } from '@xihan-ui/headless'\nimport type { ComputedRef } from 'vue'\nimport { createScope } from '@xihan-ui/core'\nimport { connectDiffView, diffViewMachine } from '@xihan-ui/headless'\nimport { computed } from 'vue'\nimport { vueNormalize } from '../../runtime/normalize-props'\nimport { useMachine } from '../../runtime/use-machine'\nimport { createVueIdGenerator } from '../../runtime/vue-id'\n\ntype Props = DiffViewSchema['props']\n\nexport interface DiffViewContext {\n  api: ComputedRef<DiffViewApi>\n}\n\nexport function useDiffView(props: Props, onExpandedValueChange?: Props['onExpandedValueChange']): DiffViewContext {\n  const idGen = createVueIdGenerator()\n  const scope = createScope(null, idGen)\n  const service = useMachine(diffViewMachine, () => ({ ...props, onExpandedValueChange }), scope)\n  const api = computed(() => connectDiffView(service, vueNormalize))\n  return { api }\n}\n"],"mappings":";;;;;;;AAsBA,SAAgB,YAAY,OAAc,uBAAyE;CAGjH,MAAM,UAAU,WAAW,wBAAwB;EAAE,GAAG;EAAO;CAAsB,IADvE,YAAY,MADZ,qBACsB,CACyD,CAAC;CAE9F,OAAO,EAAE,KADG,eAAe,gBAAgB,SAAS,YAAY,CACrD,EAAE;AACf"}

package/dist/components/download-trigger/download-trigger.d.ts

@@ -1,33 +1,43 @@
 import { PayloadOf } from "../../runtime/payload.js";
 import { PropType, SlotsType, VNode } from "vue";
-import { DownloadTriggerApi, DownloadTriggerData, DownloadTriggerSchema } from "@xihan-ui/headless";
+import { ActionVariant, Size, Tone } from "@xihan-ui/core";
+import { DownloadTriggerApi, DownloadTriggerData, DownloadTriggerSchema, DownloadTriggerTranslations } from "@xihan-ui/headless";
 //#region src/components/download-trigger/download-trigger.d.ts
 type DownloadTriggerProps = DownloadTriggerSchema['props'];
-/** 默认插槽的载荷：下载状态与禁用、这次会写出的文件名，以及走一次下载的句柄。 */
+/** 默认插槽的载荷：下载状态与禁用、本次会写出的文件名，以及执行一次下载的句柄。 */
 type DownloadTriggerSlotProps = Pick<DownloadTriggerApi, 'status' | 'preparing' | 'disabled' | 'fileName' | 'download'>;
 /**
  * 触发一次浏览器下载的按钮。
  *
- * 默认插槽拿得到 `{ status, preparing, disabled, fileName, download }`，
- * 取数在途时可以据 `preparing` 换掉按钮上的文字。
+ * 默认插槽可得到 `{ status, preparing, disabled, fileName, download }`，
+ * 取数在途时可以据 `preparing` 替换按钮上的文字。
  */
 declare const XhDownloadTrigger: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
   data: {
     type: PropType<DownloadTriggerData>;
-    default: undefined;
   };
   fileName: {
     type: StringConstructor;
-    default: undefined;
   };
   mimeType: {
     type: StringConstructor;
-    default: undefined;
   };
   disabled: {
     type: BooleanConstructor;
     default: undefined;
   };
+  variant: {
+    type: PropType<ActionVariant>;
+  };
+  tone: {
+    type: PropType<Tone>;
+  };
+  size: {
+    type: PropType<Size>;
+  };
+  translations: {
+    type: PropType<Partial<DownloadTriggerTranslations>>;
+  };
 }>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
   [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -36,28 +46,34 @@ declare const XhDownloadTrigger: import("vue").DefineComponent<import("vue").Ext
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
   data: {
     type: PropType<DownloadTriggerData>;
-    default: undefined;
   };
   fileName: {
     type: StringConstructor;
-    default: undefined;
   };
   mimeType: {
     type: StringConstructor;
-    default: undefined;
   };
   disabled: {
     type: BooleanConstructor;
     default: undefined;
   };
+  variant: {
+    type: PropType<ActionVariant>;
+  };
+  tone: {
+    type: PropType<Tone>;
+  };
+  size: {
+    type: PropType<Size>;
+  };
+  translations: {
+    type: PropType<Partial<DownloadTriggerTranslations>>;
+  };
 }>> & Readonly<{
   "onDownload-complete"?: ((_details: import("@xihan-ui/headless").DownloadTriggerCompleteDetails) => any) | undefined;
   "onDownload-error"?: ((_details: import("@xihan-ui/headless").DownloadTriggerErrorDetails) => any) | undefined;
 }>, {
-  data: DownloadTriggerData;
   disabled: boolean;
-  fileName: string;
-  mimeType: string;
 }, SlotsType<{
   default?: (props: DownloadTriggerSlotProps) => VNode[];
 }>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/components/download-trigger/download-trigger.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"download-trigger.d.ts","names":[],"sources":["../../../src/components/download-trigger/download-trigger.ts"],"mappings":";;;;KAMK,uBAAuB;;KAGhB,2BAA2B,KACrC;;;;;;;cAUW,iCAAiB,8BAAA;;IAKkB,MAAA,SAAS;;;;;;;;;;;;;;;;;;EAOrB,sBAAA,UAAA,UAAU;EACb,mBAAA,UAAA,UAAU;;;IARK,MAAA,SAAS;;;;;;;;;;;;;;;;;;;;;;;;EAW3C,WAAC,OAAO,6BAA6B;kCAgBjD"}
+{"version":3,"file":"download-trigger.d.ts","names":[],"sources":["../../../src/components/download-trigger/download-trigger.ts"],"mappings":";;;;;KAeK,uBAAuB;;KAGhB,2BAA2B,KACrC;;;;;;;cAUW,iCAAiB,8BAAA;;IAKkB,MAAA,SAAS;;;;;;;;;;;;;IAI1B,MAAA,SAAS;;;IACZ,MAAA,SAAS;;;IACT,MAAA,SAAS;;;IACD,MAAA,SAAS,QAAQ;;;;;EAIjB,sBAAA,UAAA,UAAU;EACb,mBAAA,UAAA,UAAU;;;IAZK,MAAA,SAAS;;;;;;;;;;;;;IAI1B,MAAA,SAAS;;;IACZ,MAAA,SAAS;;;IACT,MAAA,SAAS;;;IACD,MAAA,SAAS,QAAQ;;;;;;;;EAQvC,WAAC,OAAO,6BAA6B;kCAgBjD"}

package/dist/components/download-trigger/download-trigger.js

@@ -1,35 +1,31 @@
+import { withXhConfig } from "../../config/config.js";
 import { useDownloadTrigger } from "./use-download-trigger.js";
 import { defineComponent, h } from "vue";
 //#region src/components/download-trigger/download-trigger.ts
 /**
 * 触发一次浏览器下载的按钮。
 *
-* 默认插槽拿得到 `{ status, preparing, disabled, fileName, download }`，
-* 取数在途时可以据 `preparing` 换掉按钮上的文字。
+* 默认插槽可得到 `{ status, preparing, disabled, fileName, download }`，
+* 取数在途时可以据 `preparing` 替换按钮上的文字。
 */
 const XhDownloadTrigger = defineComponent({
 	name: "XhDownloadTrigger",
 	props: {
-		data: {
-			type: [
-				String,
-				Function,
-				Object
-			],
-			default: void 0
-		},
-		fileName: {
-			type: String,
-			default: void 0
-		},
-		mimeType: {
-			type: String,
-			default: void 0
-		},
+		data: { type: [
+			String,
+			Function,
+			Object
+		] },
+		fileName: { type: String },
+		mimeType: { type: String },
 		disabled: {
 			type: Boolean,
 			default: void 0
-		}
+		},
+		variant: { type: String },
+		tone: { type: String },
+		size: { type: String },
+		translations: { type: Object }
 	},
 	emits: {
 		"download-complete": (_details) => true,
@@ -37,7 +33,7 @@ const XhDownloadTrigger = defineComponent({
 	},
 	slots: Object,
 	setup(props, { slots, emit }) {
-		const ctx = useDownloadTrigger(props, {
+		const ctx = useDownloadTrigger(withXhConfig("download-trigger", props), {
 			onDownloadComplete: (details) => emit("download-complete", details),
 			onDownloadError: (details) => emit("download-error", details)
 		});

package/dist/components/download-trigger/download-trigger.js.map

@@ -1 +1 @@
-{"version":3,"file":"download-trigger.js","names":[],"sources":["../../../src/components/download-trigger/download-trigger.ts"],"sourcesContent":["import type { DownloadTriggerApi, DownloadTriggerData, DownloadTriggerSchema } from '@xihan-ui/headless'\nimport type { PropType, SlotsType, VNode } from 'vue'\nimport type { PayloadOf } from '../../runtime/payload'\nimport { defineComponent, h } from 'vue'\nimport { useDownloadTrigger } from './use-download-trigger'\n\ntype DownloadTriggerProps = DownloadTriggerSchema['props']\n\n/** 默认插槽的载荷：下载状态与禁用、这次会写出的文件名，以及走一次下载的句柄。 */\nexport type DownloadTriggerSlotProps = Pick<\n  DownloadTriggerApi,\n  'status' | 'preparing' | 'disabled' | 'fileName' | 'download'\n>\n\n/**\n * 触发一次浏览器下载的按钮。\n *\n * 默认插槽拿得到 `{ status, preparing, disabled, fileName, download }`，\n * 取数在途时可以据 `preparing` 换掉按钮上的文字。\n */\nexport const XhDownloadTrigger = defineComponent({\n  name: 'XhDownloadTrigger',\n  // 缺省值由机器与 connect 给出，这里一律 default: undefined\n  props: {\n    // 文本与 Blob 是值形态，函数形态点了才调用\n    data: { type: [String, Function, Object] as PropType<DownloadTriggerData>, default: undefined },\n    fileName: { type: String, default: undefined },\n    mimeType: { type: String, default: undefined },\n    disabled: { type: Boolean, default: undefined },\n  },\n  // download-complete 携带 { fileName }；download-error 携带 { error, fileName }\n  emits: {\n    'download-complete': (_details: PayloadOf<DownloadTriggerProps, 'onDownloadComplete'>) => true,\n    'download-error': (_details: PayloadOf<DownloadTriggerProps, 'onDownloadError'>) => true,\n  },\n  slots: Object as SlotsType<{\n    default?: (props: DownloadTriggerSlotProps) => VNode[]\n  }>,\n  setup(props, { slots, emit }) {\n    const ctx = useDownloadTrigger(props as DownloadTriggerProps, {\n      onDownloadComplete: details => emit('download-complete', details),\n      onDownloadError: details => emit('download-error', details),\n    })\n    // 用原生 button，激活交给平台\n    return () => h('button', ctx.api.value.getRootProps() as Record<string, unknown>, slots.default?.({\n      status: ctx.api.value.status,\n      preparing: ctx.api.value.preparing,\n      disabled: ctx.api.value.disabled,\n      fileName: ctx.api.value.fileName,\n      download: ctx.api.value.download,\n    }))\n  },\n})\n"],"mappings":";;;;;;;;;AAoBA,MAAa,oBAAoB,gBAAgB;CAC/C,MAAM;CAEN,OAAO;EAEL,MAAM;GAAE,MAAM;IAAC;IAAQ;IAAU;GAAM;GAAoC,SAAS,KAAA;EAAU;EAC9F,UAAU;GAAE,MAAM;GAAQ,SAAS,KAAA;EAAU;EAC7C,UAAU;GAAE,MAAM;GAAQ,SAAS,KAAA;EAAU;EAC7C,UAAU;GAAE,MAAM;GAAS,SAAS,KAAA;EAAU;CAChD;CAEA,OAAO;EACL,sBAAsB,aAAoE;EAC1F,mBAAmB,aAAiE;CACtF;CACA,OAAO;CAGP,MAAM,OAAO,EAAE,OAAO,QAAQ;EAC5B,MAAM,MAAM,mBAAmB,OAA+B;GAC5D,qBAAoB,YAAW,KAAK,qBAAqB,OAAO;GAChE,kBAAiB,YAAW,KAAK,kBAAkB,OAAO;EAC5D,CAAC;EAED,aAAa,EAAE,UAAU,IAAI,IAAI,MAAM,aAAa,GAA8B,MAAM,UAAU;GAChG,QAAQ,IAAI,IAAI,MAAM;GACtB,WAAW,IAAI,IAAI,MAAM;GACzB,UAAU,IAAI,IAAI,MAAM;GACxB,UAAU,IAAI,IAAI,MAAM;GACxB,UAAU,IAAI,IAAI,MAAM;EAC1B,CAAC,CAAC;CACJ;AACF,CAAC"}
+{"version":3,"file":"download-trigger.js","names":[],"sources":["../../../src/components/download-trigger/download-trigger.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// 提供 download trigger 相关实现。\n\nimport type { ActionVariant, Size, Tone } from '@xihan-ui/core'\nimport type { DownloadTriggerApi, DownloadTriggerData, DownloadTriggerSchema, DownloadTriggerTranslations } from '@xihan-ui/headless'\nimport type { PropType, SlotsType, VNode } from 'vue'\nimport type { PayloadOf } from '../../runtime/payload'\nimport { defineComponent, h } from 'vue'\nimport { withXhConfig } from '../../config/config'\nimport { useDownloadTrigger } from './use-download-trigger'\n\ntype DownloadTriggerProps = DownloadTriggerSchema['props']\n\n/** 默认插槽的载荷：下载状态与禁用、本次会写出的文件名，以及执行一次下载的句柄。 */\nexport type DownloadTriggerSlotProps = Pick<\n  DownloadTriggerApi,\n  'status' | 'preparing' | 'disabled' | 'fileName' | 'download'\n>\n\n/**\n * 触发一次浏览器下载的按钮。\n *\n * 默认插槽可得到 `{ status, preparing, disabled, fileName, download }`，\n * 取数在途时可以据 `preparing` 替换按钮上的文字。\n */\nexport const XhDownloadTrigger = defineComponent({\n  name: 'XhDownloadTrigger',\n  // 缺省值由机器与 connect 给出；普通类型省略 default，Boolean 显式保留 undefined\n  props: {\n    // 文本与 Blob 是值形态，函数形态点了才调用\n    data: { type: [String, Function, Object] as PropType<DownloadTriggerData> },\n    fileName: { type: String },\n    mimeType: { type: String },\n    disabled: { type: Boolean, default: undefined },\n    variant: { type: String as PropType<ActionVariant> },\n    tone: { type: String as PropType<Tone> },\n    size: { type: String as PropType<Size> },\n    translations: { type: Object as PropType<Partial<DownloadTriggerTranslations>> },\n  },\n  // download-complete 携带 { fileName }；download-error 携带 { error, fileName }\n  emits: {\n    'download-complete': (_details: PayloadOf<DownloadTriggerProps, 'onDownloadComplete'>) => true,\n    'download-error': (_details: PayloadOf<DownloadTriggerProps, 'onDownloadError'>) => true,\n  },\n  slots: Object as SlotsType<{\n    default?: (props: DownloadTriggerSlotProps) => VNode[]\n  }>,\n  setup(props, { slots, emit }) {\n    const ctx = useDownloadTrigger(withXhConfig('download-trigger', props) as DownloadTriggerProps, {\n      onDownloadComplete: details => emit('download-complete', details),\n      onDownloadError: details => emit('download-error', details),\n    })\n    // 用原生 button，激活交给平台\n    return () => h('button', ctx.api.value.getRootProps() as Record<string, unknown>, slots.default?.({\n      status: ctx.api.value.status,\n      preparing: ctx.api.value.preparing,\n      disabled: ctx.api.value.disabled,\n      fileName: ctx.api.value.fileName,\n      download: ctx.api.value.download,\n    }))\n  },\n})\n"],"mappings":";;;;;;;;;;AA6BA,MAAa,oBAAoB,gBAAgB;CAC/C,MAAM;CAEN,OAAO;EAEL,MAAM,EAAE,MAAM;GAAC;GAAQ;GAAU;EAAM,EAAmC;EAC1E,UAAU,EAAE,MAAM,OAAO;EACzB,UAAU,EAAE,MAAM,OAAO;EACzB,UAAU;GAAE,MAAM;GAAS,SAAS,KAAA;EAAU;EAC9C,SAAS,EAAE,MAAM,OAAkC;EACnD,MAAM,EAAE,MAAM,OAAyB;EACvC,MAAM,EAAE,MAAM,OAAyB;EACvC,cAAc,EAAE,MAAM,OAAyD;CACjF;CAEA,OAAO;EACL,sBAAsB,aAAoE;EAC1F,mBAAmB,aAAiE;CACtF;CACA,OAAO;CAGP,MAAM,OAAO,EAAE,OAAO,QAAQ;EAC5B,MAAM,MAAM,mBAAmB,aAAa,oBAAoB,KAAK,GAA2B;GAC9F,qBAAoB,YAAW,KAAK,qBAAqB,OAAO;GAChE,kBAAiB,YAAW,KAAK,kBAAkB,OAAO;EAC5D,CAAC;EAED,aAAa,EAAE,UAAU,IAAI,IAAI,MAAM,aAAa,GAA8B,MAAM,UAAU;GAChG,QAAQ,IAAI,IAAI,MAAM;GACtB,WAAW,IAAI,IAAI,MAAM;GACzB,UAAU,IAAI,IAAI,MAAM;GACxB,UAAU,IAAI,IAAI,MAAM;GACxB,UAAU,IAAI,IAAI,MAAM;EAC1B,CAAC,CAAC;CACJ;AACF,CAAC"}

package/dist/components/download-trigger/use-download-trigger.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-download-trigger.d.ts","names":[],"sources":["../../../src/components/download-trigger/use-download-trigger.ts"],"mappings":";;;UAOiB;EACf,KAAK,YAAY;;iBAIH,mBACd,OAAO,gCACP,YAAW,KAAK,4EACf"}
+{"version":3,"file":"use-download-trigger.d.ts","names":[],"sources":["../../../src/components/download-trigger/use-download-trigger.ts"],"mappings":";;;UAciB;EACf,KAAK,YAAY;;iBAIH,mBACd,OAAO,gCACP,YAAW,KAAK,4EACf"}

package/dist/components/download-trigger/use-download-trigger.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-download-trigger.js","names":[],"sources":["../../../src/components/download-trigger/use-download-trigger.ts"],"sourcesContent":["import type { DownloadTriggerApi, DownloadTriggerSchema } from '@xihan-ui/headless'\nimport type { ComputedRef } from 'vue'\nimport { connectDownloadTrigger, downloadTriggerMachine } from '@xihan-ui/headless'\nimport { computed } from 'vue'\nimport { vueNormalize } from '../../runtime/normalize-props'\nimport { useMachine } from '../../runtime/use-machine'\n\nexport interface DownloadTriggerContext {\n  api: ComputedRef<DownloadTriggerApi>\n}\n\n// 不建 scope：connect 不派生任何 id\nexport function useDownloadTrigger(\n  props: DownloadTriggerSchema['props'],\n  callbacks: Pick<DownloadTriggerSchema['props'], 'onDownloadComplete' | 'onDownloadError'> = {},\n): DownloadTriggerContext {\n  // 两个回调由组件外壳（emit）或组合式调用方提供，随 props 一并喂给机器\n  const service = useMachine(downloadTriggerMachine, () => ({ ...props, ...callbacks }))\n  const api = computed(() => connectDownloadTrigger(service, vueNormalize))\n  return { api }\n}\n"],"mappings":";;;;;AAYA,SAAgB,mBACd,OACA,YAA4F,CAAC,GACrE;CAExB,MAAM,UAAU,WAAW,+BAA+B;EAAE,GAAG;EAAO,GAAG;CAAU,EAAE;CAErF,OAAO,EAAE,KADG,eAAe,uBAAuB,SAAS,YAAY,CAC5D,EAAE;AACf"}
+{"version":3,"file":"use-download-trigger.js","names":[],"sources":["../../../src/components/download-trigger/use-download-trigger.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 download trigger 相关实现。\n\nimport type { DownloadTriggerApi, DownloadTriggerSchema } from '@xihan-ui/headless'\nimport type { ComputedRef } from 'vue'\nimport { connectDownloadTrigger, downloadTriggerMachine } from '@xihan-ui/headless'\nimport { computed } from 'vue'\nimport { vueNormalize } from '../../runtime/normalize-props'\nimport { useMachine } from '../../runtime/use-machine'\n\nexport interface DownloadTriggerContext {\n  api: ComputedRef<DownloadTriggerApi>\n}\n\n// 不建 scope：connect 不派生任何 id\nexport function useDownloadTrigger(\n  props: DownloadTriggerSchema['props'],\n  callbacks: Pick<DownloadTriggerSchema['props'], 'onDownloadComplete' | 'onDownloadError'> = {},\n): DownloadTriggerContext {\n  // 两个回调由组件外壳（emit）或组合式调用方提供，随 props 一并喂给机器\n  const service = useMachine(downloadTriggerMachine, () => ({ ...props, ...callbacks }))\n  const api = computed(() => connectDownloadTrigger(service, vueNormalize))\n  return { api }\n}\n"],"mappings":";;;;;AAmBA,SAAgB,mBACd,OACA,YAA4F,CAAC,GACrE;CAExB,MAAM,UAAU,WAAW,+BAA+B;EAAE,GAAG;EAAO,GAAG;CAAU,EAAE;CAErF,OAAO,EAAE,KADG,eAAe,uBAAuB,SAAS,YAAY,CAC5D,EAAE;AACf"}

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

@@ -1 +1 @@
-{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/drawer/context.ts"],"sourcesContent":["import type { InjectionKey } from 'vue'\nimport type { DrawerContext } from './use-drawer'\nimport { inject, provide } from 'vue'\n\nconst KEY: InjectionKey<DrawerContext> = Symbol.for('xh-drawer')\n\nexport function provideDrawer(ctx: DrawerContext): void {\n  provide(KEY, ctx)\n}\n\nexport function useDrawerContext(): DrawerContext {\n  const ctx = inject(KEY, null)\n  if (!ctx)\n    throw new Error('[xh] Drawer 部件必须用在 XhDrawerRoot 内')\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/drawer/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 { DrawerContext } from './use-drawer'\nimport { inject, provide } from 'vue'\n\nconst KEY: InjectionKey<DrawerContext> = Symbol.for('xh-drawer')\n\nexport function provideDrawer(ctx: DrawerContext): void {\n  provide(KEY, ctx)\n}\n\nexport function useDrawerContext(): DrawerContext {\n  const ctx = inject(KEY, null)\n  if (!ctx)\n    throw new Error('[xh] Drawer 部件必须用在 XhDrawerRoot 内')\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/drawer/drawer.d.ts

@@ -1,7 +1,7 @@
 import { PayloadOf } from "../../runtime/payload.js";
 import { PropType, SlotsType, VNode } from "vue";
+import { OverlayBackdropVariant, Size } from "@xihan-ui/core";
 import { DrawerApi, DrawerSchema, DrawerSide } from "@xihan-ui/headless";
-import { Size } from "@xihan-ui/kernel";
 //#region src/components/drawer/drawer.d.ts
 type DrawerProps = DrawerSchema['props'];
 /** 默认插槽的载荷：展开状态、已解析的滑出边，与开合命令。 */
@@ -18,11 +18,9 @@ declare const XhDrawerRoot: import("vue").DefineComponent<import("vue").ExtractP
   };
   side: {
     type: PropType<DrawerSide>;
-    default: undefined;
   };
   role: {
     type: PropType<"dialog" | "alertdialog">;
-    default: undefined;
   };
   closeOnEscape: {
     type: BooleanConstructor;
@@ -38,22 +36,23 @@ declare const XhDrawerRoot: import("vue").DefineComponent<import("vue").ExtractP
   };
   size: {
     type: PropType<Size>;
-    default: undefined;
+  };
+  variant: {
+    type: PropType<OverlayBackdropVariant>;
   };
   /**
-   * 挂到哪个容器（CSS 选择器或元素）。给了它就是局部抽屉：
-   * 浮层搬进那个容器，遮罩与定位层从 fixed 换成 absolute，只罩住它而不是盖满整屏。
+   * 挂载的容器（CSS 选择器或元素）。提供后即为局部抽屉：
+   * 浮层迁移进该容器，遮罩与定位层从 fixed 换为 absolute，只覆盖它而不是整屏。
    *
-   * 那个容器要自己带 position（relative 之类），否则 absolute 会往上找到别的定位祖先。
-   * 不给则问全局配置的 portalContainer，再没有才落 body。
+   * 该容器要自带 position（relative 等），否则 absolute 会向上找到其他定位祖先。
+   * 未提供时查询全局配置的 portalContainer，再没有才落到 body。
    */
   container: {
     type: PropType<string | Element>;
-    default: undefined;
   };
   /**
-   * 只把画法改成局部（遮罩与定位层从 fixed 换成 absolute），不管搬到哪儿。
-   * 给了 container 就默认为真，不必再写一遍；两个都不给即铺满视口。
+   * 只把绘制方式改为局部（遮罩与定位层从 fixed 换为 absolute），不改变迁移位置。
+   * 提供 container 后默认为真，不必再写一遍；两个都未提供即铺满视口。
    */
   contained: {
     type: BooleanConstructor;
@@ -61,13 +60,13 @@ declare const XhDrawerRoot: import("vue").DefineComponent<import("vue").ExtractP
   };
   translations: {
     type: PropType<DrawerProps["translations"]>;
-    default: undefined;
   };
 }>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
   [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
   'open-change': (_details: PayloadOf<DrawerProps, "onOpenChange">) => true;
   'update:open': (_open: PayloadOf<DrawerProps, "onOpenChange">["open"]) => true;
+  'exit-complete': () => true;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
   open: {
     type: BooleanConstructor;
@@ -80,11 +79,9 @@ declare const XhDrawerRoot: import("vue").DefineComponent<import("vue").ExtractP
   };
   side: {
     type: PropType<DrawerSide>;
-    default: undefined;
   };
   role: {
     type: PropType<"dialog" | "alertdialog">;
-    default: undefined;
   };
   closeOnEscape: {
     type: BooleanConstructor;
@@ -100,22 +97,23 @@ declare const XhDrawerRoot: import("vue").DefineComponent<import("vue").ExtractP
   };
   size: {
     type: PropType<Size>;
-    default: undefined;
+  };
+  variant: {
+    type: PropType<OverlayBackdropVariant>;
   };
   /**
-   * 挂到哪个容器（CSS 选择器或元素）。给了它就是局部抽屉：
-   * 浮层搬进那个容器，遮罩与定位层从 fixed 换成 absolute，只罩住它而不是盖满整屏。
+   * 挂载的容器（CSS 选择器或元素）。提供后即为局部抽屉：
+   * 浮层迁移进该容器，遮罩与定位层从 fixed 换为 absolute，只覆盖它而不是整屏。
    *
-   * 那个容器要自己带 position（relative 之类），否则 absolute 会往上找到别的定位祖先。
-   * 不给则问全局配置的 portalContainer，再没有才落 body。
+   * 该容器要自带 position（relative 等），否则 absolute 会向上找到其他定位祖先。
+   * 未提供时查询全局配置的 portalContainer，再没有才落到 body。
    */
   container: {
     type: PropType<string | Element>;
-    default: undefined;
   };
   /**
-   * 只把画法改成局部（遮罩与定位层从 fixed 换成 absolute），不管搬到哪儿。
-   * 给了 container 就默认为真，不必再写一遍；两个都不给即铺满视口。
+   * 只把绘制方式改为局部（遮罩与定位层从 fixed 换为 absolute），不改变迁移位置。
+   * 提供 container 后默认为真，不必再写一遍；两个都未提供即铺满视口。
    */
   contained: {
     type: BooleanConstructor;
@@ -123,34 +121,29 @@ declare const XhDrawerRoot: import("vue").DefineComponent<import("vue").ExtractP
   };
   translations: {
     type: PropType<DrawerProps["translations"]>;
-    default: undefined;
   };
 }>> & Readonly<{
   "onOpen-change"?: ((_details: import("@xihan-ui/headless").DrawerOpenChangeDetails) => any) | undefined;
   "onUpdate:open"?: ((_open: boolean) => any) | undefined;
+  "onExit-complete"?: (() => any) | undefined;
 }>, {
-  size: Size;
   open: boolean;
   defaultOpen: boolean;
-  translations: Partial<import("@xihan-ui/headless").DrawerTranslations> | undefined;
   modal: boolean;
-  role: "dialog" | "alertdialog";
   closeOnEscape: boolean;
   closeOnInteractOutside: boolean;
   restoreFocus: boolean;
-  side: DrawerSide;
-  container: string | Element;
   contained: boolean;
 }, SlotsType<{
   default?: (props: DrawerRootSlotProps) => VNode[];
 }>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const XhDrawerTrigger: 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;
@@ -158,15 +151,24 @@ declare const XhDrawerTrigger: import("vue").DefineComponent<import("vue").Extra
 declare const XhDrawerContent: 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>;
+declare const XhDrawerHeader: 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 XhDrawerTitle: 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 XhDrawerDescription: 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 XhDrawerBody: 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 XhDrawerFooter: 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 XhDrawerCloseTrigger: 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 { DrawerRootSlotProps, XhDrawerCloseTrigger, XhDrawerContent, XhDrawerDescription, XhDrawerRoot, XhDrawerTitle, XhDrawerTrigger };
+export { DrawerRootSlotProps, XhDrawerBody, XhDrawerCloseTrigger, XhDrawerContent, XhDrawerDescription, XhDrawerFooter, XhDrawerHeader, XhDrawerRoot, XhDrawerTitle, XhDrawerTrigger };
 //# sourceMappingURL=drawer.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"drawer.d.ts","names":[],"sources":["../../../src/components/drawer/drawer.ts"],"mappings":";;;;;KAUK,cAAc;;KAGP,sBAAsB,KAAK;cAE1B,4BAAY,8BAAA;;;;;;;;;;;IAOG,MAAA,SAAS;;;;IACT,MAAA;;;;;;;;;;;;;;;;IAIA,MAAA,SAAS;;;;;;;;;;;IAQM,MAAA,kBAAkB;;;;;;;;;;;;IAMzB,MAAA,SAAS;;;;;;EAIf,gBAAA,UAAA,UAAU;EACb,gBAAA,OAAA,UAAU;;;;;;;;;;;;IAxBT,MAAA,SAAS;;;;IACT,MAAA;;;;;;;;;;;;;;;;IAIA,MAAA,SAAS;;;;;;;;;;;IAQM,MAAA,kBAAkB;;;;;;;;;;;;IAMzB,MAAA,SAAS;;;;;;;;;;;;;;;;;;;;EAQ/B,WAAC,OAAO,wBAAwB;kCAkB5C;cAEW,+BAAe,8BAAA;;;;;;;;;;qCAoB1B;cAEW,+BAAe,0BAAA,oBAAA,4BAAA;;qCAyB1B,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":"drawer.d.ts","names":[],"sources":["../../../src/components/drawer/drawer.ts"],"mappings":";;;;;KAmBK,cAAc;;KAGP,sBAAsB,KAAK;cAE1B,4BAAY,8BAAA;;;;;;;;;;;IAOG,MAAA,SAAS;;;IACT,MAAA;;;;;;;;;;;;;;;IAIA,MAAA,SAAS;;;IACN,MAAA,SAAS;;;;;;;;;;IAQG,MAAA,kBAAkB;;;;;;;;;;;IAMzB,MAAA,SAAS;;;;;EAIf,gBAAA,UAAA,UAAU;EACb,gBAAA,OAAA,UAAU;;;;;;;;;;;;;IAzBT,MAAA,SAAS;;;IACT,MAAA;;;;;;;;;;;;;;;IAIA,MAAA,SAAS;;;IACN,MAAA,SAAS;;;;;;;;;;IAQG,MAAA,kBAAkB;;;;;;;;;;;IAMzB,MAAA,SAAS;;;;;;;;;;;;;;;EAS/B,WAAC,OAAO,wBAAwB;kCAkB5C;cAEW,+BAAe,8BAAA;;;;;;;;;;qCAsB1B;cAEW,+BAAe,0BAAA,oBAAA,4BAAA;;qCA6B1B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,8BAAc,0BAAA,oBAAA,4BAAA;;8BAMzB,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"}