@xihan-ui/vue 4.1.0 → 5.0.0

package/dist/components/filter-builder/use-filter-builder.js

@@ -0,0 +1,27 @@
+import { vueNormalize } from "../../runtime/normalize-props.js";
+import { useMachine } from "../../runtime/use-machine.js";
+import { connectFilterBuilder, filterBuilderMachine, filterBuilderTranslations } from "@xihan-ui/headless";
+import { computed, ref } from "vue";
+//#region src/components/filter-builder/use-filter-builder.ts
+function useFilterBuilder(props, onValueChange) {
+	const labelCount = ref(0);
+	const service = useMachine(filterBuilderMachine, () => ({
+		...props,
+		labelled: labelCount.value > 0,
+		onValueChange
+	}));
+	const api = computed(() => connectFilterBuilder(service, vueNormalize));
+	return {
+		labelCount,
+		service,
+		api,
+		translations: computed(() => {
+			api.value;
+			return filterBuilderTranslations(service.prop);
+		})
+	};
+}
+//#endregion
+export { useFilterBuilder };
+
+//# sourceMappingURL=use-filter-builder.js.map

package/dist/components/filter-builder/use-filter-builder.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-filter-builder.js","names":[],"sources":["../../../src/components/filter-builder/use-filter-builder.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 filter builder 相关实现。\n\nimport type { Service } from '@xihan-ui/core'\nimport type { FilterBuilderApi, FilterBuilderSchema, FilterBuilderTranslations } from '@xihan-ui/headless'\nimport type { ComputedRef, Ref } from 'vue'\nimport { connectFilterBuilder, filterBuilderMachine, filterBuilderTranslations } from '@xihan-ui/headless'\nimport { computed, ref } from 'vue'\nimport { vueNormalize } from '../../runtime/normalize-props'\nimport { useMachine } from '../../runtime/use-machine'\n\nexport interface FilterBuilderContext {\n  /** 已渲染的 label 部件数量，由 XhFilterBuilderLabel 在 setup 里同步登记、卸载时撤销；根的 aria-labelledby 据此决定指不指过去。 */\n  labelCount: Ref<number>\n  service: Service<FilterBuilderSchema>\n  api: ComputedRef<FilterBuilderApi>\n  /** 解析后的文案，给标准结构里的文字用。 */\n  translations: ComputedRef<FilterBuilderTranslations>\n}\n\nexport function useFilterBuilder(\n  props: FilterBuilderSchema['props'],\n  onValueChange?: FilterBuilderSchema['props']['onValueChange'],\n): FilterBuilderContext {\n  const labelCount = ref(0)\n  const service = useMachine(filterBuilderMachine, () => ({ ...props, labelled: labelCount.value > 0, onValueChange }))\n  const api = computed(() => connectFilterBuilder(service, vueNormalize))\n  const translations = computed(() => {\n    void api.value\n    return filterBuilderTranslations(service.prop)\n  })\n  return { labelCount, service, api, translations }\n}\n"],"mappings":";;;;;AAwBA,SAAgB,iBACd,OACA,eACsB;CACtB,MAAM,aAAa,IAAI,CAAC;CACxB,MAAM,UAAU,WAAW,6BAA6B;EAAE,GAAG;EAAO,UAAU,WAAW,QAAQ;EAAG;CAAc,EAAE;CACpH,MAAM,MAAM,eAAe,qBAAqB,SAAS,YAAY,CAAC;CAKtE,OAAO;EAAE;EAAY;EAAS;EAAK,cAJd,eAAe;GAClC,IAAS;GACT,OAAO,0BAA0B,QAAQ,IAAI;EAC/C,CAC8C;CAAE;AAClD"}

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

@@ -1,5 +1,5 @@
-import { ComputedRef } from "vue";
 import { FlexApi } from "@xihan-ui/headless";
+import { ComputedRef } from "vue";
 //#region src/components/flex/context.d.ts
 interface FlexContext {
   api: ComputedRef<FlexApi>;

package/dist/components/flex/flex.d.ts

@@ -1,5 +1,5 @@
-import { PropType, SlotsType, VNode } from "vue";
 import { FlexProps } from "@xihan-ui/headless";
+import { PropType, SlotsType, VNode } from "vue";
 //#region src/components/flex/flex.d.ts
 /**
  * 分隔符部件。写 `split` 插槽时组件在每道缝隙中自动铺设一个，

package/dist/components/flex/flex.js

@@ -1,7 +1,7 @@
 import { vueNormalize } from "../../runtime/normalize-props.js";
 import { provideFlex, useFlexContext } from "./context.js";
-import { Comment, Fragment, Text, computed, defineComponent, h } from "vue";
 import { connectFlex } from "@xihan-ui/headless";
+import { Comment, Fragment, Text, computed, defineComponent, h } from "vue";
 //#region src/components/flex/flex.ts
 /**
 * 分隔符部件。写 `split` 插槽时组件在每道缝隙中自动铺设一个，

package/dist/components/float-button/float-button.d.ts

@@ -1,7 +1,7 @@
 import { PayloadOf } from "../../runtime/payload.js";
+import { FloatButtonApi, FloatButtonExpandTrigger, FloatButtonPlacement, FloatButtonPosition, FloatButtonProps, FloatButtonSnap, FloatButtonTranslations } from "@xihan-ui/headless";
 import { PropType, SlotsType, VNode } from "vue";
 import { ActionVariant, Direction, Size, Tone } from "@xihan-ui/core";
-import { FloatButtonApi, FloatButtonExpandTrigger, FloatButtonPlacement, FloatButtonPosition, FloatButtonProps, FloatButtonSnap, FloatButtonTranslations } from "@xihan-ui/headless";
 //#region src/components/float-button/float-button.d.ts
 /** 默认插槽的载荷：展开组当前是否显示，以及改写展开状态的动作。 */
 type FloatButtonRootSlotProps = Pick<FloatButtonApi, 'open' | 'setOpen'>;

package/dist/components/float-button/use-float-button.d.ts

@@ -1,6 +1,6 @@
+import { FloatButtonApi, FloatButtonNotifiers, FloatButtonProps, FloatButtonSchema } from "@xihan-ui/headless";
 import { ComputedRef, Ref } from "vue";
 import { Service } from "@xihan-ui/core";
-import { FloatButtonApi, FloatButtonNotifiers, FloatButtonProps, FloatButtonSchema } from "@xihan-ui/headless";
 //#region src/components/float-button/use-float-button.d.ts
 interface FloatButtonContext {
   api: ComputedRef<FloatButtonApi>;

package/dist/components/float-button/use-float-button.js

@@ -1,9 +1,9 @@
 import { vueNormalize } from "../../runtime/normalize-props.js";
 import { useMachine } from "../../runtime/use-machine.js";
 import { createVueIdGenerator } from "../../runtime/vue-id.js";
+import { connectFloatButton, floatButtonMachine } from "@xihan-ui/headless";
 import { computed, ref } from "vue";
 import { createRuntimeConfig, createScope } from "@xihan-ui/core";
-import { connectFloatButton, floatButtonMachine } from "@xihan-ui/headless";
 //#region src/components/float-button/use-float-button.ts
 /**
 * 专用状态机持有开合与逻辑层生命周期；Vue 只桥接所属 Document 的配置、登记函数与 root ref。

package/dist/components/floating-panel/floating-panel.d.ts

@@ -1,6 +1,6 @@
 import { PayloadOf } from "../../runtime/payload.js";
-import { PropType, SlotsType, VNode } from "vue";
 import { FloatingPanelApi, FloatingPanelPosition, FloatingPanelResizeEdge, FloatingPanelSchema, FloatingPanelSize, FloatingPanelWindowState } from "@xihan-ui/headless";
+import { PropType, SlotsType, VNode } from "vue";
 //#region src/components/floating-panel/floating-panel.d.ts
 type FloatingPanelProps = FloatingPanelSchema['props'];
 /** 默认插槽的载荷：开合、形态与矩形，以及修改这四项的动作。 */
@@ -64,6 +64,8 @@ declare const XhFloatingPanelRoot: import("vue").DefineComponent<import("vue").E
   'update:dimensions': (_dimensions: PayloadOf<FloatingPanelProps, "onDimensionsChange">["dimensions"]) => true;
   'window-state-change': (_details: PayloadOf<FloatingPanelProps, "onWindowStateChange">) => true;
   'update:windowState': (_windowState: PayloadOf<FloatingPanelProps, "onWindowStateChange">["windowState"]) => true;
+  'drag-start': (_details: PayloadOf<FloatingPanelProps, "onDragStart">) => true;
+  'drag-end': (_details: PayloadOf<FloatingPanelProps, "onDragEnd">) => true;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
   open: {
     type: BooleanConstructor;
@@ -121,6 +123,8 @@ declare const XhFloatingPanelRoot: import("vue").DefineComponent<import("vue").E
   "onUpdate:dimensions"?: ((_dimensions: FloatingPanelSize) => any) | undefined;
   "onWindow-state-change"?: ((_details: import("@xihan-ui/headless").FloatingPanelWindowStateChangeDetails) => any) | undefined;
   "onUpdate:windowState"?: ((_windowState: FloatingPanelWindowState) => any) | undefined;
+  "onDrag-start"?: ((_details: import("@xihan-ui/headless").FloatingPanelDragStartDetails) => any) | undefined;
+  "onDrag-end"?: ((_details: import("@xihan-ui/headless").FloatingPanelDragEndDetails) => any) | undefined;
 }>, {
   disabled: boolean;
   open: boolean;

package/dist/components/floating-panel/floating-panel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"floating-panel.d.ts","names":[],"sources":["../../../src/components/floating-panel/floating-panel.ts"],"mappings":";;;;KAuBK,qBAAqB;;KAGd,6BAA6B,KACvC;cAKW,mCAAmB,8BAAA;;;;;;;;;;IAMA,MAAA,SAAS;;;IACF,MAAA,SAAS;;;IACd,MAAA,SAAS;;;IACF,MAAA,SAAS;;;IACnB,MAAA,SAAS;;;IACT,MAAA,SAAS;;;IACL,MAAA,SAAS;;;IACF,MAAA,SAAS;;;;;;;;;;;;;;;IAKf,MAAA,SAAS;;;;;EAIf,gBAAA,UAAA,UAAU;EACb,gBAAA,OAAA,UAAU;EACH,oBAAA,UAAA,UAAU;EACT,oBAAA,WAAA,UAAU;EACT,sBAAA,UAAA,UAAU;EACP,sBAAA,aAAA,UAAU;EACX,wBAAA,UAAA,UAAU;EACP,uBAAA,cAAA,UAAU;;;;;;;;;;;IAvBnB,MAAA,SAAS;;;IACF,MAAA,SAAS;;;IACd,MAAA,SAAS;;;IACF,MAAA,SAAS;;;IACnB,MAAA,SAAS;;;IACT,MAAA,SAAS;;;IACL,MAAA,SAAS;;;IACF,MAAA,SAAS;;;;;;;;;;;;;;;IAKf,MAAA,SAAS;;;;;;;;;;;;;;;;;;EAc/B,WAAC,OAAO,+BAA+B;kCAqCnD;cAEW,sCAAsB,0BAAA,oBAAA,4BAAA;;8BAOjC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,yCAAyB,8BAAA;;;IAIL,MAAA,SAAS;;;;;;;IAAT,MAAA,SAAS;;MAwBxC,oDAAA;cAEW,sCAAsB,0BAAA,oBAAA,4BAAA;;8BAWjC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,qCAAqB,0BAAA,oBAAA,4BAAA;;8BAMhC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,oCAAoB,0BAAA,oBAAA,4BAAA;;8BAM/B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,0CAA0B,0BAAA,oBAAA,4BAAA;;8BAMrC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,4CAA4B,8BAAA;;;IAIb,MAAA,SAAS;;;;;;;;IAAT,MAAA,SAAS;;;MAWnC,oDAAA;cAEW,iDAAiC,8BAAA;;;IAIX,MAAA,SAAS;;;;;;;;IAAT,MAAA,SAAS;;;MAU1C,oDAAA;cAEW,2CAA2B,0BAAA,oBAAA,4BAAA;;8BAMtC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,mCAAmB,0BAAA,oBAAA,4BAAA;;8BAM9B,qCAAA,iDAAA,aAAA,eAAA,oDAAA"}
+{"version":3,"file":"floating-panel.d.ts","names":[],"sources":["../../../src/components/floating-panel/floating-panel.ts"],"mappings":";;;;KAwBK,qBAAqB;;KAGd,6BAA6B,KACvC;cAKW,mCAAmB,8BAAA;;;;;;;;;;IAMA,MAAA,SAAS;;;IACF,MAAA,SAAS;;;IACd,MAAA,SAAS;;;IACF,MAAA,SAAS;;;IACnB,MAAA,SAAS;;;IACT,MAAA,SAAS;;;IACL,MAAA,SAAS;;;IACF,MAAA,SAAS;;;;;;;;;;;;;;;IAKf,MAAA,SAAS;;;;;EAIf,gBAAA,UAAA,UAAU;EACb,gBAAA,OAAA,UAAU;EACH,oBAAA,UAAA,UAAU;EACT,oBAAA,WAAA,UAAU;EACT,sBAAA,UAAA,UAAU;EACP,sBAAA,aAAA,UAAU;EACX,wBAAA,UAAA,UAAU;EACP,uBAAA,cAAA,UAAU;EACtB,eAAA,UAAA,UAAU;EACZ,aAAA,UAAA,UAAU;;;;;;;;;;;IAzBL,MAAA,SAAS;;;IACF,MAAA,SAAS;;;IACd,MAAA,SAAS;;;IACF,MAAA,SAAS;;;IACnB,MAAA,SAAS;;;IACT,MAAA,SAAS;;;IACL,MAAA,SAAS;;;IACF,MAAA,SAAS;;;;;;;;;;;;;;;IAKf,MAAA,SAAS;;;;;;;;;;;;;;;;;;;;EAgB/B,WAAC,OAAO,+BAA+B;kCAuCnD;cAEW,sCAAsB,0BAAA,oBAAA,4BAAA;;8BAOjC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,yCAAyB,8BAAA;;;IAIL,MAAA,SAAS;;;;;;;IAAT,MAAA,SAAS;;MAwBxC,oDAAA;cAEW,sCAAsB,0BAAA,oBAAA,4BAAA;;8BAWjC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,qCAAqB,0BAAA,oBAAA,4BAAA;;8BAMhC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,oCAAoB,0BAAA,oBAAA,4BAAA;;8BAO/B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,0CAA0B,0BAAA,oBAAA,4BAAA;;8BAMrC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,4CAA4B,8BAAA;;;IAIb,MAAA,SAAS;;;;;;;;IAAT,MAAA,SAAS;;;MAWnC,oDAAA;cAEW,iDAAiC,8BAAA;;;IAIX,MAAA,SAAS;;;;;;;;IAAT,MAAA,SAAS;;;MAU1C,oDAAA;cAEW,2CAA2B,0BAAA,oBAAA,4BAAA;;8BAMtC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,mCAAmB,0BAAA,oBAAA,4BAAA;;8BAM9B,qCAAA,iDAAA,aAAA,eAAA,oDAAA"}

package/dist/components/floating-panel/floating-panel.js

@@ -1,4 +1,5 @@
 import { withXhConfig } from "../../config/config.js";
+import { useTitleDescriptionPart } from "../../runtime/title-description.js";
 import { XhPortal } from "../../runtime/portal.js";
 import { provideFloatingPanel, useFloatingPanelContext } from "./context.js";
 import { useFloatingPanel } from "./use-floating-panel.js";
@@ -45,7 +46,9 @@ const XhFloatingPanelRoot = defineComponent({
 		"dimensions-change": (_details) => true,
 		"update:dimensions": (_dimensions) => true,
 		"window-state-change": (_details) => true,
-		"update:windowState": (_windowState) => true
+		"update:windowState": (_windowState) => true,
+		"drag-start": (_details) => true,
+		"drag-end": (_details) => true
 	},
 	slots: Object,
 	setup(props, { slots, emit }) {
@@ -65,7 +68,9 @@ const XhFloatingPanelRoot = defineComponent({
 			onWindowStateChange: (details) => {
 				emit("window-state-change", details);
 				emit("update:windowState", details.windowState);
-			}
+			},
+			onDragStart: (details) => emit("drag-start", details),
+			onDragEnd: (details) => emit("drag-end", details)
 		});
 		provideFloatingPanel(ctx);
 		return () => h("div", ctx.api.value.getRootProps(), slots.default?.({
@@ -131,6 +136,7 @@ const XhFloatingPanelTitle = defineComponent({
 	name: "XhFloatingPanelTitle",
 	setup(_, { slots }) {
 		const ctx = useFloatingPanelContext();
+		useTitleDescriptionPart(ctx.presence, "title");
 		return () => h("h2", ctx.api.value.getTitleProps(), slots.default?.());
 	}
 });

package/dist/components/floating-panel/floating-panel.js.map

@@ -1 +1 @@
-{"version":3,"file":"floating-panel.js","names":[],"sources":["../../../src/components/floating-panel/floating-panel.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// 提供 floating panel 相关实现。\n\nimport type {\n  FloatingPanelApi,\n  FloatingPanelPosition,\n  FloatingPanelResizeEdge,\n  FloatingPanelSchema,\n  FloatingPanelSize,\n  FloatingPanelWindowState,\n} from '@xihan-ui/headless'\nimport type { PropType, SlotsType, VNode } from 'vue'\nimport type { PayloadOf } from '../../runtime/payload'\nimport { defineComponent, h, mergeProps } from 'vue'\nimport { withXhConfig } from '../../config/config'\nimport { XhPortal } from '../../runtime/portal'\nimport { provideFloatingPanel, useFloatingPanelContext } from './context'\nimport { useFloatingPanel } from './use-floating-panel'\n\ntype FloatingPanelProps = FloatingPanelSchema['props']\n\n/** 默认插槽的载荷：开合、形态与矩形，以及修改这四项的动作。 */\nexport type FloatingPanelRootSlotProps = Pick<\n  FloatingPanelApi,\n  'open' | 'windowState' | 'position' | 'dimensions' | 'dragging' | 'resizing' | 'canDrag' | 'canResize'\n  | 'setOpen' | 'setPosition' | 'setDimensions' | 'setWindowState'\n>\n\nexport const XhFloatingPanelRoot = defineComponent({\n  name: 'XhFloatingPanelRoot',\n  // 缺省值由 connect 与机器决定；普通类型省略 default，Boolean 显式保留 undefined\n  props: {\n    open: { type: Boolean, default: undefined },\n    defaultOpen: { type: Boolean, default: undefined },\n    position: { type: Object as PropType<FloatingPanelPosition> },\n    defaultPosition: { type: Object as PropType<FloatingPanelPosition> },\n    dimensions: { type: Object as PropType<FloatingPanelSize> },\n    defaultDimensions: { type: Object as PropType<FloatingPanelSize> },\n    minSize: { type: Object as PropType<FloatingPanelSize> },\n    maxSize: { type: Object as PropType<FloatingPanelSize> },\n    windowState: { type: String as PropType<FloatingPanelWindowState> },\n    defaultWindowState: { type: String as PropType<FloatingPanelWindowState> },\n    // 缺省为真的两个开关：写成裸 Boolean 会被 Vue 的布尔 casting 永久关死\n    draggable: { type: Boolean, default: undefined },\n    resizable: { type: Boolean, default: undefined },\n    disabled: { type: Boolean, default: undefined },\n    translations: { type: Object as PropType<FloatingPanelProps['translations']> },\n  },\n  // 语义事件收整个 details，update: 收裸值\n  emits: {\n    'open-change': (_details: PayloadOf<FloatingPanelProps, 'onOpenChange'>) => true,\n    'update:open': (_open: PayloadOf<FloatingPanelProps, 'onOpenChange'>['open']) => true,\n    'position-change': (_details: PayloadOf<FloatingPanelProps, 'onPositionChange'>) => true,\n    'update:position': (_position: PayloadOf<FloatingPanelProps, 'onPositionChange'>['position']) => true,\n    'dimensions-change': (_details: PayloadOf<FloatingPanelProps, 'onDimensionsChange'>) => true,\n    'update:dimensions': (_dimensions: PayloadOf<FloatingPanelProps, 'onDimensionsChange'>['dimensions']) => true,\n    'window-state-change': (_details: PayloadOf<FloatingPanelProps, 'onWindowStateChange'>) => true,\n    'update:windowState': (_windowState: PayloadOf<FloatingPanelProps, 'onWindowStateChange'>['windowState']) => true,\n  },\n  slots: Object as SlotsType<{\n    default?: (props: FloatingPanelRootSlotProps) => VNode[]\n  }>,\n  setup(props, { slots, emit }) {\n    const ctx = useFloatingPanel(withXhConfig('floating-panel', props) as FloatingPanelProps, {\n      onOpenChange: (details) => {\n        emit('open-change', details)\n        emit('update:open', details.open)\n      },\n      onPositionChange: (details) => {\n        emit('position-change', details)\n        emit('update:position', details.position)\n      },\n      onDimensionsChange: (details) => {\n        emit('dimensions-change', details)\n        emit('update:dimensions', details.dimensions)\n      },\n      onWindowStateChange: (details) => {\n        emit('window-state-change', details)\n        emit('update:windowState', details.windowState)\n      },\n    })\n    provideFloatingPanel(ctx)\n    return () => h('div', ctx.api.value.getRootProps() as Record<string, unknown>, slots.default?.({\n      open: ctx.api.value.open,\n      windowState: ctx.api.value.windowState,\n      position: ctx.api.value.position,\n      dimensions: ctx.api.value.dimensions,\n      dragging: ctx.api.value.dragging,\n      resizing: ctx.api.value.resizing,\n      canDrag: ctx.api.value.canDrag,\n      canResize: ctx.api.value.canResize,\n      setOpen: ctx.api.value.setOpen,\n      setPosition: ctx.api.value.setPosition,\n      setDimensions: ctx.api.value.setDimensions,\n      setWindowState: ctx.api.value.setWindowState,\n    }))\n  },\n})\n\nexport const XhFloatingPanelTrigger = defineComponent({\n  name: 'XhFloatingPanelTrigger',\n  setup(_, { slots }) {\n    const ctx = useFloatingPanelContext()\n    // 用原生 button，激活交给平台\n    return () => h('button', ctx.api.value.getTriggerProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhFloatingPanelPositioner = defineComponent({\n  name: 'XhFloatingPanelPositioner',\n  props: {\n    /** 本实例的 Portal 容器；优先于应用级配置。 */\n    container: { type: Object as PropType<Element> },\n  },\n  // 根是 Teleport，Vue 不会把直通属性合上去，作者写的 class 与 style 得自己接住落到 positioner 上\n  inheritAttrs: false,\n  setup(props, { slots, attrs }) {\n    const ctx = useFloatingPanelContext()\n    // 定位层搬到 portal 落点，逃开祖先的层叠上下文\n    return () => h(XhPortal, { to: props.container ?? ctx.portalTarget.value, present: ctx.visible.value }, () => [\n      h(\n        'div',\n        {\n          ...mergeProps(\n            ctx.api.value.getPositionerProps() as Record<string, unknown>,\n            attrs,\n            // 收起跟着退场闸门走：皮肤刻意没给 positioner 补 [hidden]{display:none}（补了\n            // 退场就一帧都播不出来），所以真正的收起落成内联 display\n            ctx.visible.value ? {} : { style: { display: 'none' } },\n          ),\n          ref: (el: unknown) => { ctx.positionerRef.value = el as HTMLElement },\n        },\n        slots.default?.(),\n      ),\n    ])\n  },\n})\n\nexport const XhFloatingPanelContent = defineComponent({\n  name: 'XhFloatingPanelContent',\n  setup(_, { slots }) {\n    const ctx = useFloatingPanelContext()\n    // 节点交给机器：跟手期间的指针监听要挂在它所在的那个文档上\n    return () => h(\n      'div',\n      { ...ctx.api.value.getContentProps() as Record<string, unknown>, ref: ctx.contentRef },\n      slots.default?.(),\n    )\n  },\n})\n\nexport const XhFloatingPanelHeader = defineComponent({\n  name: 'XhFloatingPanelHeader',\n  setup(_, { slots }) {\n    const ctx = useFloatingPanelContext()\n    return () => h('div', ctx.api.value.getHeaderProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhFloatingPanelTitle = defineComponent({\n  name: 'XhFloatingPanelTitle',\n  setup(_, { slots }) {\n    const ctx = useFloatingPanelContext()\n    return () => h('h2', ctx.api.value.getTitleProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhFloatingPanelDragTrigger = defineComponent({\n  name: 'XhFloatingPanelDragTrigger',\n  setup(_, { slots }) {\n    const ctx = useFloatingPanelContext()\n    return () => h('button', ctx.api.value.getDragTriggerProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhFloatingPanelResizeTrigger = defineComponent({\n  name: 'XhFloatingPanelResizeTrigger',\n  props: {\n    /** 该把手负责哪条边：n / e / s / w 四条边与 ne / nw / se / sw 四个角。 */\n    edge: { type: String as PropType<FloatingPanelResizeEdge>, required: true },\n  },\n  setup(props, { slots }) {\n    const ctx = useFloatingPanelContext()\n    // 把手是 role=separator 的元素而不是按钮：方向键推边，按钮的激活键在这里没有语义\n    return () => h(\n      'div',\n      ctx.api.value.getResizeTriggerProps({ edge: props.edge }) as Record<string, unknown>,\n      slots.default?.(),\n    )\n  },\n})\n\nexport const XhFloatingPanelWindowStateTrigger = defineComponent({\n  name: 'XhFloatingPanelWindowStateTrigger',\n  props: {\n    /** 按下它切换到哪个形态；已处于该形态时再按一次回到常规。 */\n    windowState: { type: String as PropType<FloatingPanelWindowState>, required: true },\n  },\n  setup(props, { slots }) {\n    const ctx = useFloatingPanelContext()\n    return () => h(\n      'button',\n      ctx.api.value.getWindowStateTriggerProps({ windowState: props.windowState }) as Record<string, unknown>,\n      slots.default?.(),\n    )\n  },\n})\n\nexport const XhFloatingPanelCloseTrigger = defineComponent({\n  name: 'XhFloatingPanelCloseTrigger',\n  setup(_, { slots }) {\n    const ctx = useFloatingPanelContext()\n    return () => h('button', ctx.api.value.getCloseTriggerProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhFloatingPanelBody = defineComponent({\n  name: 'XhFloatingPanelBody',\n  setup(_, { slots }) {\n    const ctx = useFloatingPanelContext()\n    return () => h('div', ctx.api.value.getBodyProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n"],"mappings":"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"}
+{"version":3,"file":"floating-panel.js","names":[],"sources":["../../../src/components/floating-panel/floating-panel.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// 提供 floating panel 相关实现。\n\nimport type {\n  FloatingPanelApi,\n  FloatingPanelPosition,\n  FloatingPanelResizeEdge,\n  FloatingPanelSchema,\n  FloatingPanelSize,\n  FloatingPanelWindowState,\n} from '@xihan-ui/headless'\nimport type { PropType, SlotsType, VNode } from 'vue'\nimport type { PayloadOf } from '../../runtime/payload'\nimport { defineComponent, h, mergeProps } from 'vue'\nimport { withXhConfig } from '../../config/config'\nimport { XhPortal } from '../../runtime/portal'\nimport { useTitleDescriptionPart } from '../../runtime/title-description'\nimport { provideFloatingPanel, useFloatingPanelContext } from './context'\nimport { useFloatingPanel } from './use-floating-panel'\n\ntype FloatingPanelProps = FloatingPanelSchema['props']\n\n/** 默认插槽的载荷：开合、形态与矩形，以及修改这四项的动作。 */\nexport type FloatingPanelRootSlotProps = Pick<\n  FloatingPanelApi,\n  'open' | 'windowState' | 'position' | 'dimensions' | 'dragging' | 'resizing' | 'canDrag' | 'canResize'\n  | 'setOpen' | 'setPosition' | 'setDimensions' | 'setWindowState'\n>\n\nexport const XhFloatingPanelRoot = defineComponent({\n  name: 'XhFloatingPanelRoot',\n  // 缺省值由 connect 与机器决定；普通类型省略 default，Boolean 显式保留 undefined\n  props: {\n    open: { type: Boolean, default: undefined },\n    defaultOpen: { type: Boolean, default: undefined },\n    position: { type: Object as PropType<FloatingPanelPosition> },\n    defaultPosition: { type: Object as PropType<FloatingPanelPosition> },\n    dimensions: { type: Object as PropType<FloatingPanelSize> },\n    defaultDimensions: { type: Object as PropType<FloatingPanelSize> },\n    minSize: { type: Object as PropType<FloatingPanelSize> },\n    maxSize: { type: Object as PropType<FloatingPanelSize> },\n    windowState: { type: String as PropType<FloatingPanelWindowState> },\n    defaultWindowState: { type: String as PropType<FloatingPanelWindowState> },\n    // 缺省为真的两个开关：写成裸 Boolean 会被 Vue 的布尔 casting 永久关死\n    draggable: { type: Boolean, default: undefined },\n    resizable: { type: Boolean, default: undefined },\n    disabled: { type: Boolean, default: undefined },\n    translations: { type: Object as PropType<FloatingPanelProps['translations']> },\n  },\n  // 语义事件收整个 details，update: 收裸值\n  emits: {\n    'open-change': (_details: PayloadOf<FloatingPanelProps, 'onOpenChange'>) => true,\n    'update:open': (_open: PayloadOf<FloatingPanelProps, 'onOpenChange'>['open']) => true,\n    'position-change': (_details: PayloadOf<FloatingPanelProps, 'onPositionChange'>) => true,\n    'update:position': (_position: PayloadOf<FloatingPanelProps, 'onPositionChange'>['position']) => true,\n    'dimensions-change': (_details: PayloadOf<FloatingPanelProps, 'onDimensionsChange'>) => true,\n    'update:dimensions': (_dimensions: PayloadOf<FloatingPanelProps, 'onDimensionsChange'>['dimensions']) => true,\n    'window-state-change': (_details: PayloadOf<FloatingPanelProps, 'onWindowStateChange'>) => true,\n    'update:windowState': (_windowState: PayloadOf<FloatingPanelProps, 'onWindowStateChange'>['windowState']) => true,\n    'drag-start': (_details: PayloadOf<FloatingPanelProps, 'onDragStart'>) => true,\n    'drag-end': (_details: PayloadOf<FloatingPanelProps, 'onDragEnd'>) => true,\n  },\n  slots: Object as SlotsType<{\n    default?: (props: FloatingPanelRootSlotProps) => VNode[]\n  }>,\n  setup(props, { slots, emit }) {\n    const ctx = useFloatingPanel(withXhConfig('floating-panel', props) as FloatingPanelProps, {\n      onOpenChange: (details) => {\n        emit('open-change', details)\n        emit('update:open', details.open)\n      },\n      onPositionChange: (details) => {\n        emit('position-change', details)\n        emit('update:position', details.position)\n      },\n      onDimensionsChange: (details) => {\n        emit('dimensions-change', details)\n        emit('update:dimensions', details.dimensions)\n      },\n      onWindowStateChange: (details) => {\n        emit('window-state-change', details)\n        emit('update:windowState', details.windowState)\n      },\n      onDragStart: details => emit('drag-start', details),\n      onDragEnd: details => emit('drag-end', details),\n    })\n    provideFloatingPanel(ctx)\n    return () => h('div', ctx.api.value.getRootProps() as Record<string, unknown>, slots.default?.({\n      open: ctx.api.value.open,\n      windowState: ctx.api.value.windowState,\n      position: ctx.api.value.position,\n      dimensions: ctx.api.value.dimensions,\n      dragging: ctx.api.value.dragging,\n      resizing: ctx.api.value.resizing,\n      canDrag: ctx.api.value.canDrag,\n      canResize: ctx.api.value.canResize,\n      setOpen: ctx.api.value.setOpen,\n      setPosition: ctx.api.value.setPosition,\n      setDimensions: ctx.api.value.setDimensions,\n      setWindowState: ctx.api.value.setWindowState,\n    }))\n  },\n})\n\nexport const XhFloatingPanelTrigger = defineComponent({\n  name: 'XhFloatingPanelTrigger',\n  setup(_, { slots }) {\n    const ctx = useFloatingPanelContext()\n    // 用原生 button，激活交给平台\n    return () => h('button', ctx.api.value.getTriggerProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhFloatingPanelPositioner = defineComponent({\n  name: 'XhFloatingPanelPositioner',\n  props: {\n    /** 本实例的 Portal 容器；优先于应用级配置。 */\n    container: { type: Object as PropType<Element> },\n  },\n  // 根是 Teleport，Vue 不会把直通属性合上去，作者写的 class 与 style 得自己接住落到 positioner 上\n  inheritAttrs: false,\n  setup(props, { slots, attrs }) {\n    const ctx = useFloatingPanelContext()\n    // 定位层搬到 portal 落点，逃开祖先的层叠上下文\n    return () => h(XhPortal, { to: props.container ?? ctx.portalTarget.value, present: ctx.visible.value }, () => [\n      h(\n        'div',\n        {\n          ...mergeProps(\n            ctx.api.value.getPositionerProps() as Record<string, unknown>,\n            attrs,\n            // 收起跟着退场闸门走：皮肤刻意没给 positioner 补 [hidden]{display:none}（补了\n            // 退场就一帧都播不出来），所以真正的收起落成内联 display\n            ctx.visible.value ? {} : { style: { display: 'none' } },\n          ),\n          ref: (el: unknown) => { ctx.positionerRef.value = el as HTMLElement },\n        },\n        slots.default?.(),\n      ),\n    ])\n  },\n})\n\nexport const XhFloatingPanelContent = defineComponent({\n  name: 'XhFloatingPanelContent',\n  setup(_, { slots }) {\n    const ctx = useFloatingPanelContext()\n    // 节点交给机器：跟手期间的指针监听要挂在它所在的那个文档上\n    return () => h(\n      'div',\n      { ...ctx.api.value.getContentProps() as Record<string, unknown>, ref: ctx.contentRef },\n      slots.default?.(),\n    )\n  },\n})\n\nexport const XhFloatingPanelHeader = defineComponent({\n  name: 'XhFloatingPanelHeader',\n  setup(_, { slots }) {\n    const ctx = useFloatingPanelContext()\n    return () => h('div', ctx.api.value.getHeaderProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhFloatingPanelTitle = defineComponent({\n  name: 'XhFloatingPanelTitle',\n  setup(_, { slots }) {\n    const ctx = useFloatingPanelContext()\n    useTitleDescriptionPart(ctx.presence, 'title')\n    return () => h('h2', ctx.api.value.getTitleProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhFloatingPanelDragTrigger = defineComponent({\n  name: 'XhFloatingPanelDragTrigger',\n  setup(_, { slots }) {\n    const ctx = useFloatingPanelContext()\n    return () => h('button', ctx.api.value.getDragTriggerProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhFloatingPanelResizeTrigger = defineComponent({\n  name: 'XhFloatingPanelResizeTrigger',\n  props: {\n    /** 该把手负责哪条边：n / e / s / w 四条边与 ne / nw / se / sw 四个角。 */\n    edge: { type: String as PropType<FloatingPanelResizeEdge>, required: true },\n  },\n  setup(props, { slots }) {\n    const ctx = useFloatingPanelContext()\n    // 把手是 role=separator 的元素而不是按钮：方向键推边，按钮的激活键在这里没有语义\n    return () => h(\n      'div',\n      ctx.api.value.getResizeTriggerProps({ edge: props.edge }) as Record<string, unknown>,\n      slots.default?.(),\n    )\n  },\n})\n\nexport const XhFloatingPanelWindowStateTrigger = defineComponent({\n  name: 'XhFloatingPanelWindowStateTrigger',\n  props: {\n    /** 按下它切换到哪个形态；已处于该形态时再按一次回到常规。 */\n    windowState: { type: String as PropType<FloatingPanelWindowState>, required: true },\n  },\n  setup(props, { slots }) {\n    const ctx = useFloatingPanelContext()\n    return () => h(\n      'button',\n      ctx.api.value.getWindowStateTriggerProps({ windowState: props.windowState }) as Record<string, unknown>,\n      slots.default?.(),\n    )\n  },\n})\n\nexport const XhFloatingPanelCloseTrigger = defineComponent({\n  name: 'XhFloatingPanelCloseTrigger',\n  setup(_, { slots }) {\n    const ctx = useFloatingPanelContext()\n    return () => h('button', ctx.api.value.getCloseTriggerProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhFloatingPanelBody = defineComponent({\n  name: 'XhFloatingPanelBody',\n  setup(_, { slots }) {\n    const ctx = useFloatingPanelContext()\n    return () => h('div', ctx.api.value.getBodyProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n"],"mappings":"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"}

package/dist/components/floating-panel/use-floating-panel.d.ts

@@ -1,6 +1,7 @@
+import { TitleDescriptionPresence } from "../../runtime/title-description.js";
+import { FloatingPanelApi, FloatingPanelSchema } from "@xihan-ui/headless";
 import { ComputedRef, Ref } from "vue";
 import { Service } from "@xihan-ui/core";
-import { FloatingPanelApi, FloatingPanelSchema } from "@xihan-ui/headless";
 //#region src/components/floating-panel/use-floating-panel.d.ts
 interface FloatingPanelContext {
   api: ComputedRef<FloatingPanelApi>;
@@ -13,9 +14,11 @@ interface FloatingPanelContext {
   visible: Ref<boolean>;
   /** 浮层迁移到的位置：全局配置的 portalContainer > 单一落点。 */
   portalTarget: ComputedRef<string | Element>;
+  /** 标题在不在场，由 XhFloatingPanelTitle 登记；只引用在场的部件。 */
+  presence: TitleDescriptionPresence;
 }
-/** 回调打包为一个对象：该组件有四路对外通知，逐个作为形参排列不便阅读。 */
-type FloatingPanelNotifiers = Pick<FloatingPanelSchema['props'], 'onOpenChange' | 'onPositionChange' | 'onDimensionsChange' | 'onWindowStateChange'>;
+/** 回调打包为一个对象：该组件有六路对外通知，逐个作为形参排列不便阅读。 */
+type FloatingPanelNotifiers = Pick<FloatingPanelSchema['props'], 'onOpenChange' | 'onPositionChange' | 'onDimensionsChange' | 'onWindowStateChange' | 'onDragStart' | 'onDragEnd'>;
 declare function useFloatingPanel(props: FloatingPanelSchema['props'], notifiers?: FloatingPanelNotifiers): FloatingPanelContext;
 //#endregion
 export { FloatingPanelContext, FloatingPanelNotifiers, useFloatingPanel };

package/dist/components/floating-panel/use-floating-panel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-floating-panel.d.ts","names":[],"sources":["../../../src/components/floating-panel/use-floating-panel.ts"],"mappings":";;;;UAmBiB;EACf,KAAK,YAAY;EACjB,SAAS,QAAQ;;EAEjB,YAAY,IAAI;;EAEhB,eAAe,IAAI;;EAEnB,SAAS;;EAET,cAAc,qBAAqB;;;KAIzB,yBAAyB,KACnC;iBAIc,iBACd,OAAO,8BACP,YAAW,yBACV"}
+{"version":3,"file":"use-floating-panel.d.ts","names":[],"sources":["../../../src/components/floating-panel/use-floating-panel.ts"],"mappings":";;;;;UAqBiB;EACf,KAAK,YAAY;EACjB,SAAS,QAAQ;;EAEjB,YAAY,IAAI;;EAEhB,eAAe,IAAI;;EAEnB,SAAS;;EAET,cAAc,qBAAqB;;EAEnC,UAAU;;;KAIA,yBAAyB,KACnC;iBAIc,iBACd,OAAO,8BACP,YAAW,yBACV"}

package/dist/components/floating-panel/use-floating-panel.js

@@ -3,17 +3,20 @@ 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 { useTitleDescriptionPresence } from "../../runtime/title-description.js";
+import { connectFloatingPanel, floatingPanelMachine } from "@xihan-ui/headless";
 import { computed, ref } from "vue";
 import { createRuntimeConfig, createScope, ensurePortalRoot } from "@xihan-ui/core";
-import { connectFloatingPanel, floatingPanelMachine } from "@xihan-ui/headless";
 //#region src/components/floating-panel/use-floating-panel.ts
 function useFloatingPanel(props, notifiers = {}) {
 	const contentRef = ref(null);
 	const positionerRef = ref(null);
 	const idGen = createVueIdGenerator();
 	const scope = createScope(null, idGen);
+	const presence = useTitleDescriptionPresence();
 	const service = useMachine(floatingPanelMachine, () => ({
 		...props,
+		parts: presence.parts.value,
 		...notifiers
 	}), scope);
 	service.refs.set("getContentEl", () => contentRef.value);
@@ -35,7 +38,8 @@ function useFloatingPanel(props, notifiers = {}) {
 		contentRef,
 		positionerRef,
 		visible,
-		portalTarget: computed(() => xhConfig.value.portalContainer?.() ?? (typeof document === "undefined" ? "body" : ensurePortalRoot(document)))
+		portalTarget: computed(() => xhConfig.value.portalContainer?.() ?? (typeof document === "undefined" ? "body" : ensurePortalRoot(document))),
+		presence
 	};
 }
 //#endregion

package/dist/components/floating-panel/use-floating-panel.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-floating-panel.js","names":[],"sources":["../../../src/components/floating-panel/use-floating-panel.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 floating panel 相关实现。\n\nimport type { RuntimeConfig, Service } from '@xihan-ui/core'\nimport type { FloatingPanelApi, FloatingPanelSchema } from '@xihan-ui/headless'\nimport type { ComputedRef, Ref } from 'vue'\nimport { createRuntimeConfig, createScope, ensurePortalRoot } from '@xihan-ui/core'\nimport { connectFloatingPanel, floatingPanelMachine } from '@xihan-ui/headless'\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 FloatingPanelContext {\n  api: ComputedRef<FloatingPanelApi>\n  service: Service<FloatingPanelSchema>\n  /** 面板节点，拖动期间状态机取它的文档挂载指针监听。 */\n  contentRef: Ref<HTMLElement | null>\n  /** 定位层节点，进退场动画挂在它上面。 */\n  positionerRef: Ref<HTMLElement | null>\n  /** 定位层当前是否应当可见：退场动画播完之前仍为真。 */\n  visible: Ref<boolean>\n  /** 浮层迁移到的位置：全局配置的 portalContainer > 单一落点。 */\n  portalTarget: ComputedRef<string | Element>\n}\n\n/** 回调打包为一个对象：该组件有四路对外通知，逐个作为形参排列不便阅读。 */\nexport type FloatingPanelNotifiers = Pick<\n  FloatingPanelSchema['props'],\n  'onOpenChange' | 'onPositionChange' | 'onDimensionsChange' | 'onWindowStateChange'\n>\n\nexport function useFloatingPanel(\n  props: FloatingPanelSchema['props'],\n  notifiers: FloatingPanelNotifiers = {},\n): FloatingPanelContext {\n  const contentRef = ref<HTMLElement | null>(null)\n  const positionerRef = ref<HTMLElement | null>(null)\n\n  // connect 要派生 content 与 title 的 id，因此建 scope：id 走 Vue 的 useId，\n  // 同页多个面板的 IDREF 才不会相撞\n  const idGen = createVueIdGenerator()\n  const scope = createScope(null, idGen)\n  const service = useMachine(floatingPanelMachine, () => ({ ...props, ...notifiers }), scope)\n\n  // 传 getter 而非节点，ref 在挂载后才有值\n  service.refs.set('getContentEl', () => contentRef.value)\n\n  const api = computed(() => connectFloatingPanel(service, vueNormalize))\n\n  // 服务端没有 DOM、也就没有退场：config 传 null 时闸门退化成「跟着展开态」\n  let config: RuntimeConfig | null = null\n  if (typeof document !== 'undefined')\n    config = createRuntimeConfig({ scope, idGenerator: idGen })\n\n  // 退场闸门：收起从跟着 open 走，改成跟着 presence 走。面板整棵子树都在 positioner 底下，\n  // 收起与进退场动画都落在它身上，探测器也从它身上读 animationName\n  const visible = useOverlayExit({ config, isOpen: () => api.value.open, contentRef: positionerRef })\n\n  // 定位层要逃开祖先的层叠上下文：祖先链上任意一处 transform / filter / contain 都会抢走\n  // position: fixed 的包含块，而连接层写的 left/top 是视口坐标，面板会落到错误的位置。\n  // 先问全局配置的落点，没有才落单一 portal 根\n  const xhConfig = useXhConfig()\n  const portalTarget = computed<string | Element>(() =>\n    xhConfig.value.portalContainer?.() ?? (typeof document === 'undefined' ? 'body' : ensurePortalRoot(document)),\n  )\n\n  return { api, service, contentRef, positionerRef, visible, portalTarget }\n}\n"],"mappings":";;;;;;;;;AAsCA,SAAgB,iBACd,OACA,YAAoC,CAAC,GACf;CACtB,MAAM,aAAa,IAAwB,IAAI;CAC/C,MAAM,gBAAgB,IAAwB,IAAI;CAIlD,MAAM,QAAQ,qBAAqB;CACnC,MAAM,QAAQ,YAAY,MAAM,KAAK;CACrC,MAAM,UAAU,WAAW,6BAA6B;EAAE,GAAG;EAAO,GAAG;CAAU,IAAI,KAAK;CAG1F,QAAQ,KAAK,IAAI,sBAAsB,WAAW,KAAK;CAEvD,MAAM,MAAM,eAAe,qBAAqB,SAAS,YAAY,CAAC;CAGtE,IAAI,SAA+B;CACnC,IAAI,OAAO,aAAa,aACtB,SAAS,oBAAoB;EAAE;EAAO,aAAa;CAAM,CAAC;CAI5D,MAAM,UAAU,eAAe;EAAE;EAAQ,cAAc,IAAI,MAAM;EAAM,YAAY;CAAc,CAAC;CAKlG,MAAM,WAAW,YAAY;CAK7B,OAAO;EAAE;EAAK;EAAS;EAAY;EAAe;EAAS,cAJtC,eACnB,SAAS,MAAM,kBAAkB,MAAM,OAAO,aAAa,cAAc,SAAS,iBAAiB,QAAQ,EAGvC;CAAE;AAC1E"}
+{"version":3,"file":"use-floating-panel.js","names":[],"sources":["../../../src/components/floating-panel/use-floating-panel.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 floating panel 相关实现。\n\nimport type { RuntimeConfig, Service } from '@xihan-ui/core'\nimport type { FloatingPanelApi, FloatingPanelSchema } from '@xihan-ui/headless'\nimport type { ComputedRef, Ref } from 'vue'\nimport type { TitleDescriptionPresence } from '../../runtime/title-description'\nimport { createRuntimeConfig, createScope, ensurePortalRoot } from '@xihan-ui/core'\nimport { connectFloatingPanel, floatingPanelMachine } from '@xihan-ui/headless'\nimport { computed, ref } from 'vue'\nimport { useXhConfig } from '../../config/config'\nimport { vueNormalize } from '../../runtime/normalize-props'\nimport { useTitleDescriptionPresence } from '../../runtime/title-description'\nimport { useMachine } from '../../runtime/use-machine'\nimport { useOverlayExit } from '../../runtime/use-overlay-exit'\nimport { createVueIdGenerator } from '../../runtime/vue-id'\n\nexport interface FloatingPanelContext {\n  api: ComputedRef<FloatingPanelApi>\n  service: Service<FloatingPanelSchema>\n  /** 面板节点，拖动期间状态机取它的文档挂载指针监听。 */\n  contentRef: Ref<HTMLElement | null>\n  /** 定位层节点，进退场动画挂在它上面。 */\n  positionerRef: Ref<HTMLElement | null>\n  /** 定位层当前是否应当可见：退场动画播完之前仍为真。 */\n  visible: Ref<boolean>\n  /** 浮层迁移到的位置：全局配置的 portalContainer > 单一落点。 */\n  portalTarget: ComputedRef<string | Element>\n  /** 标题在不在场，由 XhFloatingPanelTitle 登记；只引用在场的部件。 */\n  presence: TitleDescriptionPresence\n}\n\n/** 回调打包为一个对象：该组件有六路对外通知，逐个作为形参排列不便阅读。 */\nexport type FloatingPanelNotifiers = Pick<\n  FloatingPanelSchema['props'],\n  'onOpenChange' | 'onPositionChange' | 'onDimensionsChange' | 'onWindowStateChange' | 'onDragStart' | 'onDragEnd'\n>\n\nexport function useFloatingPanel(\n  props: FloatingPanelSchema['props'],\n  notifiers: FloatingPanelNotifiers = {},\n): FloatingPanelContext {\n  const contentRef = ref<HTMLElement | null>(null)\n  const positionerRef = ref<HTMLElement | null>(null)\n\n  // connect 要派生 content 与 title 的 id，因此建 scope：id 走 Vue 的 useId，\n  // 同页多个面板的 IDREF 才不会相撞\n  const idGen = createVueIdGenerator()\n  const scope = createScope(null, idGen)\n  const presence = useTitleDescriptionPresence()\n  const service = useMachine(floatingPanelMachine, () => ({ ...props, parts: presence.parts.value, ...notifiers }), scope)\n\n  // 传 getter 而非节点，ref 在挂载后才有值\n  service.refs.set('getContentEl', () => contentRef.value)\n\n  const api = computed(() => connectFloatingPanel(service, vueNormalize))\n\n  // 服务端没有 DOM、也就没有退场：config 传 null 时闸门退化成「跟着展开态」\n  let config: RuntimeConfig | null = null\n  if (typeof document !== 'undefined')\n    config = createRuntimeConfig({ scope, idGenerator: idGen })\n\n  // 退场闸门：收起从跟着 open 走，改成跟着 presence 走。面板整棵子树都在 positioner 底下，\n  // 收起与进退场动画都落在它身上，探测器也从它身上读 animationName\n  const visible = useOverlayExit({ config, isOpen: () => api.value.open, contentRef: positionerRef })\n\n  // 定位层要逃开祖先的层叠上下文：祖先链上任意一处 transform / filter / contain 都会抢走\n  // position: fixed 的包含块，而连接层写的 left/top 是视口坐标，面板会落到错误的位置。\n  // 先问全局配置的落点，没有才落单一 portal 根\n  const xhConfig = useXhConfig()\n  const portalTarget = computed<string | Element>(() =>\n    xhConfig.value.portalContainer?.() ?? (typeof document === 'undefined' ? 'body' : ensurePortalRoot(document)),\n  )\n\n  return { api, service, contentRef, positionerRef, visible, portalTarget, presence }\n}\n"],"mappings":";;;;;;;;;;AA0CA,SAAgB,iBACd,OACA,YAAoC,CAAC,GACf;CACtB,MAAM,aAAa,IAAwB,IAAI;CAC/C,MAAM,gBAAgB,IAAwB,IAAI;CAIlD,MAAM,QAAQ,qBAAqB;CACnC,MAAM,QAAQ,YAAY,MAAM,KAAK;CACrC,MAAM,WAAW,4BAA4B;CAC7C,MAAM,UAAU,WAAW,6BAA6B;EAAE,GAAG;EAAO,OAAO,SAAS,MAAM;EAAO,GAAG;CAAU,IAAI,KAAK;CAGvH,QAAQ,KAAK,IAAI,sBAAsB,WAAW,KAAK;CAEvD,MAAM,MAAM,eAAe,qBAAqB,SAAS,YAAY,CAAC;CAGtE,IAAI,SAA+B;CACnC,IAAI,OAAO,aAAa,aACtB,SAAS,oBAAoB;EAAE;EAAO,aAAa;CAAM,CAAC;CAI5D,MAAM,UAAU,eAAe;EAAE;EAAQ,cAAc,IAAI,MAAM;EAAM,YAAY;CAAc,CAAC;CAKlG,MAAM,WAAW,YAAY;CAK7B,OAAO;EAAE;EAAK;EAAS;EAAY;EAAe;EAAS,cAJtC,eACnB,SAAS,MAAM,kBAAkB,MAAM,OAAO,aAAa,cAAc,SAAS,iBAAiB,QAAQ,EAGvC;EAAG;CAAS;AACpF"}

package/dist/components/form/form.d.ts

@@ -1,6 +1,6 @@
 import { PayloadOf } from "../../runtime/payload.js";
-import { PropType, SlotsType, VNode } from "vue";
 import { FormApi, FormColumns, FormErrorPatch, FormFieldSpan, FormPath, FormSchema, FormValidateOn, FormValues } from "@xihan-ui/headless";
+import { PropType, SlotsType, VNode } from "vue";
 //#region src/components/form/form.d.ts
 type FormProps = FormSchema['props'];
 /** 默认插槽的载荷：整表的值与错误、校验与提交在途、改动与触碰，以及逐字段读写、清错、校验、提交、重置的命令。 */

package/dist/components/form/form.js

@@ -1,5 +1,5 @@
-import { withXhConfig } from "../../config/config.js";
 import { provideForm, provideFormField, useFormContext } from "./context.js";
+import { withXhConfig } from "../../config/config.js";
 import { useForm } from "./use-form.js";
 import { defineComponent, h } from "vue";
 //#region src/components/form/form.ts

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

@@ -1,6 +1,6 @@
+import { FormApi, FormPath, FormSchema } from "@xihan-ui/headless";
 import { ComputedRef, Ref } from "vue";
 import { Service } from "@xihan-ui/core";
-import { FormApi, FormPath, FormSchema } from "@xihan-ui/headless";
 //#region src/components/form/use-form.d.ts
 type Props = FormSchema['props'];
 interface FormCallbacks {

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

@@ -1,9 +1,9 @@
 import { vueNormalize } from "../../runtime/normalize-props.js";
 import { useMachine } from "../../runtime/use-machine.js";
 import { createVueIdGenerator } from "../../runtime/vue-id.js";
+import { connectForm, formMachine } from "@xihan-ui/headless";
 import { computed, ref } from "vue";
 import { createScope } from "@xihan-ui/core";
-import { connectForm, formMachine } from "@xihan-ui/headless";
 //#region src/components/form/use-form.ts
 function useForm(props, callbacks = {}) {
 	const rootRef = ref(null);

package/dist/components/format-input/context.js

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

package/dist/components/format-input/context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/format-input/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 { FormatInputContext } from './use-format-input'\nimport { inject, provide } from 'vue'\n\nconst KEY: InjectionKey<FormatInputContext> = Symbol.for('xh-format-input')\n\nexport function provideFormatInput(ctx: FormatInputContext): void {\n  provide(KEY, ctx)\n}\n\nexport function useFormatInputContext(): FormatInputContext {\n  const ctx = inject(KEY, null)\n  if (!ctx)\n    throw new Error('[xh] FormatInput 部件必须用在 XhFormatInputRoot 内')\n  return ctx\n}\n"],"mappings":";;AAWA,MAAM,MAAwC,OAAO,IAAI,iBAAiB;AAE1E,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/format-input/format-input.d.ts

@@ -0,0 +1,189 @@
+import { PayloadOf } from "../../runtime/payload.js";
+import { FormatInputApi, FormatInputKind, FormatInputOption, FormatInputSchema } from "@xihan-ui/headless";
+import { PropType, SlotsType, VNode } from "vue";
+import { ControlVariant, Size } from "@xihan-ui/core";
+import { FormatSpec } from "@xihan-ui/expression";
+//#region src/components/format-input/format-input.d.ts
+type FormatInputProps = FormatInputSchema['props'];
+/** 默认插槽的载荷：当前值、草稿、问题与改参数的方法。 */
+type FormatInputRootSlotProps = Pick<FormatInputApi, 'value' | 'kind' | 'draft' | 'issue' | 'issueText' | 'previewText' | 'options' | 'kindItems' | 'kindControl' | 'setKind' | 'setDecimalsMode' | 'setDecimals' | 'setGrouping' | 'setRounding' | 'setPattern' | 'setNumeralStyle'>;
+declare const XhFormatInputRoot: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+  /** 不显示出来的名字，写成 aria-label 落在与字段标签同一个部件上；放进字段或渲染了 label 部件时以它们为准。 */
+  ariaLabel: {
+    type: StringConstructor;
+  };
+  value: {
+    type: PropType<FormatSpec | null>;
+  };
+  defaultValue: {
+    type: PropType<FormatSpec | null>;
+  };
+  kinds: {
+    type: PropType<readonly FormatInputKind[]>;
+  };
+  clearable: {
+    type: BooleanConstructor;
+    default: undefined;
+  };
+  /** 几个对象的取值各不相同：种类一项都不选、下拉显示「多个值」，选了种类即派发。 */
+  mixed: {
+    type: BooleanConstructor;
+    default: undefined;
+  };
+  datePatterns: {
+    type: PropType<readonly string[]>;
+  };
+  sample: {
+    type: PropType<unknown>;
+  };
+  locale: {
+    type: StringConstructor;
+  };
+  timeZone: {
+    type: StringConstructor;
+  };
+  disabled: {
+    type: BooleanConstructor;
+    default: undefined;
+  };
+  readOnly: {
+    type: BooleanConstructor;
+    default: undefined;
+  };
+  invalid: {
+    type: BooleanConstructor;
+    default: undefined;
+  };
+  variant: {
+    type: PropType<ControlVariant>;
+  };
+  size: {
+    type: PropType<Size>;
+  };
+  translations: {
+    type: PropType<FormatInputProps["translations"]>;
+  };
+}>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+  [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+  'value-change': (_details: PayloadOf<FormatInputProps, "onValueChange">) => true;
+  'update:value': (_value: PayloadOf<FormatInputProps, "onValueChange">["value"]) => true;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+  /** 不显示出来的名字，写成 aria-label 落在与字段标签同一个部件上；放进字段或渲染了 label 部件时以它们为准。 */
+  ariaLabel: {
+    type: StringConstructor;
+  };
+  value: {
+    type: PropType<FormatSpec | null>;
+  };
+  defaultValue: {
+    type: PropType<FormatSpec | null>;
+  };
+  kinds: {
+    type: PropType<readonly FormatInputKind[]>;
+  };
+  clearable: {
+    type: BooleanConstructor;
+    default: undefined;
+  };
+  /** 几个对象的取值各不相同：种类一项都不选、下拉显示「多个值」，选了种类即派发。 */
+  mixed: {
+    type: BooleanConstructor;
+    default: undefined;
+  };
+  datePatterns: {
+    type: PropType<readonly string[]>;
+  };
+  sample: {
+    type: PropType<unknown>;
+  };
+  locale: {
+    type: StringConstructor;
+  };
+  timeZone: {
+    type: StringConstructor;
+  };
+  disabled: {
+    type: BooleanConstructor;
+    default: undefined;
+  };
+  readOnly: {
+    type: BooleanConstructor;
+    default: undefined;
+  };
+  invalid: {
+    type: BooleanConstructor;
+    default: undefined;
+  };
+  variant: {
+    type: PropType<ControlVariant>;
+  };
+  size: {
+    type: PropType<Size>;
+  };
+  translations: {
+    type: PropType<FormatInputProps["translations"]>;
+  };
+}>> & Readonly<{
+  "onValue-change"?: ((_details: import("@xihan-ui/headless").FormatInputValueChangeDetails) => any) | undefined;
+  "onUpdate:value"?: ((_value: FormatSpec | null) => any) | undefined;
+}>, {
+  invalid: boolean;
+  disabled: boolean;
+  readOnly: boolean;
+  clearable: boolean;
+  mixed: boolean;
+}, SlotsType<{
+  default?: (props: FormatInputRootSlotProps) => VNode[];
+}>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const XhFormatInputLabel: 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 XhFormatInputKind: 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 XhFormatInputFieldGroup: 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 XhFormatInputItem: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+  /** 参数名：decimals-mode、decimals、min-decimals、max-decimals、grouping、rounding、pattern、numeral-style。 */
+  value: {
+    type: PropType<FormatInputOption>;
+    required: true;
+  };
+}>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+  [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+  /** 参数名：decimals-mode、decimals、min-decimals、max-decimals、grouping、rounding、pattern、numeral-style。 */
+  value: {
+    type: PropType<FormatInputOption>;
+    required: true;
+  };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const XhFormatInputItemLabel: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+  /** 名字所属的那一行：参数名，或 kind。 */
+  value: {
+    type: PropType<FormatInputOption | "kind">;
+    required: true;
+  };
+}>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+  [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+  /** 名字所属的那一行：参数名，或 kind。 */
+  value: {
+    type: PropType<FormatInputOption | "kind">;
+    required: true;
+  };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const XhFormatInputPatternDescription: 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 XhFormatInputPreview: 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 XhFormatInputErrorText: 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 { FormatInputRootSlotProps, XhFormatInputErrorText, XhFormatInputFieldGroup, XhFormatInputItem, XhFormatInputItemLabel, XhFormatInputKind, XhFormatInputLabel, XhFormatInputPatternDescription, XhFormatInputPreview, XhFormatInputRoot };
+//# sourceMappingURL=format-input.d.ts.map

package/dist/components/format-input/format-input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"format-input.d.ts","names":[],"sources":["../../../src/components/format-input/format-input.ts"],"mappings":";;;;;;KA0BK,mBAAmB;;KAGZ,2BAA2B,KACrC;cAIW,iCAAiB,8BAAA;;;;;;IAMD,MAAA,SAAS;;;IACF,MAAA,SAAS;;;IACjB,MAAA,kBAAkB;;;;;;;;;;;;IAKX,MAAA;;;IACI,MAAA;;;;;;;;;;;;;;;;;;;;;IAOR,MAAA,SAAS;;;IACZ,MAAA,SAAS;;;IACD,MAAA,SAAS;;;;;EAId,iBAAA,UAAA,UAAU;EACZ,iBAAA,QAAA,UAAU;;;;;;;IAtBV,MAAA,SAAS;;;IACF,MAAA,SAAS;;;IACjB,MAAA,kBAAkB;;;;;;;;;;;;IAKX,MAAA;;;IACI,MAAA;;;;;;;;;;;;;;;;;;;;;IAOR,MAAA,SAAS;;;IACZ,MAAA,SAAS;;;IACD,MAAA,SAAS;;;;;;;;;;;;EAQ/B,WAAC,OAAO,6BAA6B;kCAoCjD;cAEW,kCAAkB,0BAAA,oBAAA,4BAAA;;8BAW7B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,iCAAiB,0BAAA,oBAAA,4BAAA;;8BAO5B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,uCAAuB,0BAAA,oBAAA,4BAAA;;8BAMlC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,iCAAiB,8BAAA;;;IAID,MAAA,SAAS;;;;;;;;IAAT,MAAA,SAAS;;;MAOpC,oDAAA;cAEW,sCAAsB,8BAAA;;;IAIN,MAAA,SAAS;;;;;;;;IAAT,MAAA,SAAS;;;MAOpC,oDAAA;cAEW,+CAA+B,0BAAA,oBAAA,4BAAA;;8BAM1C,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,oCAAoB,0BAAA,oBAAA,4BAAA;;8BAM/B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,sCAAsB,0BAAA,oBAAA,4BAAA;;8BAMjC,qCAAA,iDAAA,aAAA,eAAA,oDAAA"}