@xihan-ui/vue 1.1.0 → 2.0.0

package/dist/components/color-swatch-picker/color-swatch-picker.js

@@ -0,0 +1,130 @@
+import { withXhConfig } from "../../config/config.js";
+import { useFormControlProps } from "../form/use-form-control.js";
+import { provideColorSwatchPicker, useColorSwatchPickerContext } from "./context.js";
+import { useColorSwatchPicker } from "./use-color-swatch-picker.js";
+import { computed, defineComponent, h, onBeforeUnmount, ref, watch } from "vue";
+//#region src/components/color-swatch-picker/color-swatch-picker.ts
+const XhColorSwatchPickerRoot = defineComponent({
+	name: "XhColorSwatchPickerRoot",
+	props: {
+		/** 格子数据；未写默认插槽时按它自动铺开。 */
+		swatches: { type: Array },
+		/** 标题文字。提供后不必再写 label 部件；需要放置其他内容时改用 label 插槽。 */
+		label: { type: String },
+		value: { type: String },
+		defaultValue: { type: String },
+		disabled: {
+			type: Boolean,
+			default: void 0
+		},
+		readOnly: {
+			type: Boolean,
+			default: void 0
+		},
+		invalid: {
+			type: Boolean,
+			default: void 0
+		},
+		required: {
+			type: Boolean,
+			default: void 0
+		},
+		dir: { type: String },
+		name: { type: String },
+		size: { type: String },
+		tone: { type: String },
+		translations: { type: Object }
+	},
+	emits: {
+		"value-change": (_details) => true,
+		"update:value": (_value) => true
+	},
+	slots: Object,
+	setup(props, { slots, emit }) {
+		const notify = (details) => {
+			emit("value-change", details);
+			emit("update:value", details.value);
+		};
+		const ctx = useColorSwatchPicker(withXhConfig("color-swatch-picker", useFormControlProps(props)), notify);
+		provideColorSwatchPicker(ctx);
+		return () => {
+			const api = ctx.api.value;
+			return h("div", api.getRootProps(), slots.default ? slots.default({
+				value: api.value,
+				swatches: api.swatches,
+				focusedValue: api.focusedValue,
+				isSelected: api.isSelected,
+				setValue: api.setValue
+			}) : props.swatches ? renderDefaultTree(api.swatches, slots.label?.() ?? (props.label != null ? [props.label] : null)) : []);
+		};
+	}
+});
+const XhColorSwatchPickerLabel = defineComponent({
+	name: "XhColorSwatchPickerLabel",
+	setup(_, { slots }) {
+		const ctx = useColorSwatchPickerContext();
+		return () => h("span", ctx.api.value.getLabelProps(), slots.default?.());
+	}
+});
+/** 一格：色块面、选中标记与表单影子由格子自行装配，不暴露成独立组件。 */
+const XhColorSwatchPickerItem = defineComponent({
+	name: "XhColorSwatchPickerItem",
+	props: {
+		value: {
+			type: String,
+			required: true
+		},
+		/** 读屏朗读该格子的方式；默认交给 connect 查询 swatches，都没有时朗读颜色串。 */
+		label: { type: String },
+		disabled: {
+			type: Boolean,
+			default: void 0
+		}
+	},
+	setup(props, { slots }) {
+		const ctx = useColorSwatchPickerContext();
+		const item = computed(() => ({
+			value: props.value,
+			label: props.label,
+			disabled: props.disabled
+		}));
+		const itemEl = ref(null);
+		watch(() => props.value, (next, prev) => {
+			if (next === prev) return;
+			const svc = ctx.service;
+			if (svc.getStatus() !== "Started") return;
+			if (itemEl.value && svc.scope.getActiveElement() === itemEl.value) svc.send({
+				type: "ITEM.FOCUS",
+				value: next
+			});
+		});
+		onBeforeUnmount(() => {
+			const { service } = ctx;
+			if (service.getStatus() !== "Started") return;
+			if (itemEl.value && service.scope.getActiveElement() === itemEl.value) service.send({ type: "GROUP.BLUR" });
+		});
+		return () => h("div", {
+			...ctx.api.value.getItemProps(item.value),
+			ref: itemEl
+		}, [
+			h("input", ctx.api.value.getHiddenInputProps(item.value)),
+			h("span", ctx.api.value.getSwatchProps(item.value)),
+			h("span", ctx.api.value.getIndicatorProps(item.value)),
+			...slots.default?.() ?? []
+		]);
+	}
+});
+/**
+* 未写默认插槽时按 swatches 铺开的整套结构，作者只提供数据。
+* 与手写部件产出的 DOM 完全一致，需要修改结构时写默认插槽，行为不变。
+*/
+function renderDefaultTree(swatches, label) {
+	return [...label ? [h(XhColorSwatchPickerLabel, null, () => label)] : [], ...swatches.map((node) => h(XhColorSwatchPickerItem, {
+		key: node.value,
+		value: node.value
+	}))];
+}
+//#endregion
+export { XhColorSwatchPickerItem, XhColorSwatchPickerLabel, XhColorSwatchPickerRoot };
+
+//# sourceMappingURL=color-swatch-picker.js.map

package/dist/components/color-swatch-picker/color-swatch-picker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"color-swatch-picker.js","names":[],"sources":["../../../src/components/color-swatch-picker/color-swatch-picker.ts"],"sourcesContent":["/*\n * Copyright (c) 2021-Present XiHanFun and contributors.\n * Licensed under the MIT License. See LICENSE in the project root for license information.\n */\n\n// 提供 color swatch picker 相关实现。\n\nimport type { Direction, Size, Tone } from '@xihan-ui/core'\nimport type { ColorSwatchPickerApi, ColorSwatchPickerItemProps, ColorSwatchPickerNode, ColorSwatchPickerNodeMeta, ColorSwatchPickerSchema } from '@xihan-ui/headless'\nimport type { PropType, SlotsType, VNode } from 'vue'\nimport type { PayloadOf } from '../../runtime/payload'\nimport { computed, defineComponent, h, onBeforeUnmount, ref, watch } from 'vue'\nimport { withXhConfig } from '../../config/config'\nimport { useFormControlProps } from '../form/use-form-control'\nimport { provideColorSwatchPicker, useColorSwatchPickerContext } from './context'\nimport { useColorSwatchPicker } from './use-color-swatch-picker'\n\ntype ColorSwatchPickerProps = ColorSwatchPickerSchema['props']\n\nexport type ColorSwatchPickerRootSlotProps = Pick<\n  ColorSwatchPickerApi,\n  'value' | 'swatches' | 'focusedValue' | 'isSelected' | 'setValue'\n>\n\nexport const XhColorSwatchPickerRoot = defineComponent({\n  name: 'XhColorSwatchPickerRoot',\n  props: {\n    /** 格子数据；未写默认插槽时按它自动铺开。 */\n    swatches: { type: Array as PropType<ColorSwatchPickerNode[]> },\n    /** 标题文字。提供后不必再写 label 部件；需要放置其他内容时改用 label 插槽。 */\n    label: { type: String },\n    value: { type: String as PropType<string | null> },\n    defaultValue: { type: String as PropType<string | null> },\n    disabled: { type: Boolean, default: undefined },\n    readOnly: { type: Boolean, default: undefined },\n    invalid: { type: Boolean, default: undefined },\n    required: { type: Boolean, default: undefined },\n    dir: { type: String as PropType<Direction> },\n    name: { type: String },\n    size: { type: String as PropType<Size> },\n    tone: { type: String as PropType<Tone> },\n    translations: { type: Object as PropType<ColorSwatchPickerProps['translations']> },\n  },\n  // value-change 携带 { value }，update:value 携带裸值\n  emits: {\n    'value-change': (_details: PayloadOf<ColorSwatchPickerProps, 'onValueChange'>) => true,\n    'update:value': (_value: PayloadOf<ColorSwatchPickerProps, 'onValueChange'>['value']) => true,\n  },\n  slots: Object as SlotsType<{\n    default?: (props: ColorSwatchPickerRootSlotProps) => VNode[]\n    label?: () => VNode[]\n  }>,\n  setup(props, { slots, emit }) {\n    const notify: ColorSwatchPickerProps['onValueChange'] = (details) => {\n      emit('value-change', details)\n      emit('update:value', details.value)\n    }\n    // withXhConfig 只能在 setup 期调，机器在运行期读这份代理\n    const ctx = useColorSwatchPicker(withXhConfig('color-swatch-picker', useFormControlProps(props)) as ColorSwatchPickerProps, notify)\n    provideColorSwatchPicker(ctx)\n    return () => {\n      const api = ctx.api.value\n      return h(\n        'div',\n        api.getRootProps() as Record<string, unknown>,\n        slots.default\n          ? slots.default({\n              value: api.value,\n              swatches: api.swatches,\n              focusedValue: api.focusedValue,\n              isSelected: api.isSelected,\n              setValue: api.setValue,\n            })\n          : props.swatches\n            ? renderDefaultTree(api.swatches, slots.label?.() ?? (props.label != null ? [props.label] : null))\n            : [],\n      )\n    }\n  },\n})\n\nexport const XhColorSwatchPickerLabel = defineComponent({\n  name: 'XhColorSwatchPickerLabel',\n  setup(_, { slots }) {\n    const ctx = useColorSwatchPickerContext()\n    return () => h('span', ctx.api.value.getLabelProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\n/** 一格：色块面、选中标记与表单影子由格子自行装配，不暴露成独立组件。 */\nexport const XhColorSwatchPickerItem = defineComponent({\n  name: 'XhColorSwatchPickerItem',\n  props: {\n    value: { type: String, required: true },\n    /** 读屏朗读该格子的方式；默认交给 connect 查询 swatches，都没有时朗读颜色串。 */\n    label: { type: String },\n    // 缺省交给 connect 回 swatches 里查，写死 false 会盖掉数据里的禁用\n    disabled: { type: Boolean, default: undefined },\n  },\n  setup(props, { slots }) {\n    const ctx = useColorSwatchPickerContext()\n    const item = computed<ColorSwatchPickerItemProps>(() => ({ value: props.value, label: props.label, disabled: props.disabled }))\n    // 本格持有焦点时，value 变更重报焦点格，卸载时上报整组失焦\n    const itemEl = ref<HTMLElement | null>(null)\n    watch(() => props.value, (next, prev) => {\n      if (next === prev)\n        return\n      const svc = ctx.service\n      if (svc.getStatus() !== 'Started')\n        return\n      if (itemEl.value && svc.scope.getActiveElement() === itemEl.value)\n        svc.send({ type: 'ITEM.FOCUS', value: next })\n    })\n    onBeforeUnmount(() => {\n      const { service } = ctx\n      if (service.getStatus() !== 'Started')\n        return\n      // 按「本节点当下正持有焦点」判定，不按 value 比对\n      if (itemEl.value && service.scope.getActiveElement() === itemEl.value)\n        service.send({ type: 'GROUP.BLUR' })\n    })\n    return () => h('div', { ...ctx.api.value.getItemProps(item.value) as Record<string, unknown>, ref: itemEl }, [\n      h('input', ctx.api.value.getHiddenInputProps(item.value) as Record<string, unknown>),\n      h('span', ctx.api.value.getSwatchProps(item.value) as Record<string, unknown>),\n      h('span', ctx.api.value.getIndicatorProps(item.value) as Record<string, unknown>),\n      ...(slots.default?.() ?? []),\n    ])\n  },\n})\n\n/**\n * 未写默认插槽时按 swatches 铺开的整套结构，作者只提供数据。\n * 与手写部件产出的 DOM 完全一致，需要修改结构时写默认插槽，行为不变。\n */\nfunction renderDefaultTree(\n  swatches: readonly ColorSwatchPickerNodeMeta[],\n  label: (VNode | string)[] | null,\n): VNode[] {\n  return [\n    ...(label ? [h(XhColorSwatchPickerLabel, null, () => label)] : []),\n    ...swatches.map(node => h(XhColorSwatchPickerItem, { key: node.value, value: node.value })),\n  ]\n}\n"],"mappings":"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"}

package/dist/components/color-swatch-picker/context.d.ts

@@ -0,0 +1,7 @@
+import { ColorSwatchPickerContext } from "./use-color-swatch-picker.js";
+//#region src/components/color-swatch-picker/context.d.ts
+declare function provideColorSwatchPicker(ctx: ColorSwatchPickerContext): void;
+declare function useColorSwatchPickerContext(): ColorSwatchPickerContext;
+//#endregion
+export { provideColorSwatchPicker, useColorSwatchPickerContext };
+//# sourceMappingURL=context.d.ts.map

package/dist/components/color-swatch-picker/context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","names":[],"sources":["../../../src/components/color-swatch-picker/context.ts"],"mappings":";;iBAagB,yBAAyB,KAAK;iBAI9B,+BAA+B"}

package/dist/components/color-swatch-picker/context.js

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

package/dist/components/color-swatch-picker/context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/color-swatch-picker/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 { ColorSwatchPickerContext } from './use-color-swatch-picker'\nimport { inject, provide } from 'vue'\n\nconst KEY: InjectionKey<ColorSwatchPickerContext> = Symbol.for('xh-color-swatch-picker')\n\nexport function provideColorSwatchPicker(ctx: ColorSwatchPickerContext): void {\n  provide(KEY, ctx)\n}\n\nexport function useColorSwatchPickerContext(): ColorSwatchPickerContext {\n  const ctx = inject(KEY, null)\n  if (!ctx)\n    throw new Error('[xh] ColorSwatchPicker 部件必须用在 XhColorSwatchPickerRoot 内')\n  return ctx\n}\n"],"mappings":";;AAWA,MAAM,MAA8C,OAAO,IAAI,wBAAwB;AAEvF,SAAgB,yBAAyB,KAAqC;CAC5E,QAAQ,KAAK,GAAG;AAClB;AAEA,SAAgB,8BAAwD;CACtE,MAAM,MAAM,OAAO,KAAK,IAAI;CAC5B,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,yDAAyD;CAC3E,OAAO;AACT"}

package/dist/components/color-swatch-picker/use-color-swatch-picker.d.ts

@@ -0,0 +1,13 @@
+import { ComputedRef } from "vue";
+import { Service } from "@xihan-ui/core";
+import { ColorSwatchPickerApi, ColorSwatchPickerSchema } from "@xihan-ui/headless";
+//#region src/components/color-swatch-picker/use-color-swatch-picker.d.ts
+interface ColorSwatchPickerContext {
+  api: ComputedRef<ColorSwatchPickerApi>;
+  /** 状态机实例，供部件上报 DOM 侧的事实（如格子卸载带走了焦点）。 */
+  service: Service<ColorSwatchPickerSchema>;
+}
+declare function useColorSwatchPicker(props: ColorSwatchPickerSchema['props'], onValueChange?: ColorSwatchPickerSchema['props']['onValueChange']): ColorSwatchPickerContext;
+//#endregion
+export { ColorSwatchPickerContext, useColorSwatchPicker };
+//# sourceMappingURL=use-color-swatch-picker.d.ts.map

package/dist/components/color-swatch-picker/use-color-swatch-picker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-color-swatch-picker.d.ts","names":[],"sources":["../../../src/components/color-swatch-picker/use-color-swatch-picker.ts"],"mappings":";;;;UAiBiB;EACf,KAAK,YAAY;;EAEjB,SAAS,QAAQ;;iBAGH,qBACd,OAAO,kCACP,gBAAgB,oDACf"}

package/dist/components/color-swatch-picker/use-color-swatch-picker.js

@@ -0,0 +1,21 @@
+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 { colorSwatchPickerMachine, connectColorSwatchPicker } from "@xihan-ui/headless";
+//#region src/components/color-swatch-picker/use-color-swatch-picker.ts
+function useColorSwatchPicker(props, onValueChange) {
+	const service = useMachine(colorSwatchPickerMachine, () => ({
+		...props,
+		onValueChange
+	}), createScope(null, createVueIdGenerator()));
+	return {
+		api: computed(() => connectColorSwatchPicker(service, vueNormalize)),
+		service
+	};
+}
+//#endregion
+export { useColorSwatchPicker };
+
+//# sourceMappingURL=use-color-swatch-picker.js.map

package/dist/components/color-swatch-picker/use-color-swatch-picker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-color-swatch-picker.js","names":[],"sources":["../../../src/components/color-swatch-picker/use-color-swatch-picker.ts"],"sourcesContent":["/*\n * Copyright (c) 2021-Present XiHanFun and contributors.\n * Licensed under the MIT License. See LICENSE in the project root for license information.\n */\n\n// 提供 use color swatch picker 相关实现。\n\nimport type { Service } from '@xihan-ui/core'\nimport type { ColorSwatchPickerApi, ColorSwatchPickerSchema } from '@xihan-ui/headless'\nimport type { ComputedRef } from 'vue'\nimport { createScope } from '@xihan-ui/core'\nimport { colorSwatchPickerMachine, connectColorSwatchPicker } 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\nexport interface ColorSwatchPickerContext {\n  api: ComputedRef<ColorSwatchPickerApi>\n  /** 状态机实例，供部件上报 DOM 侧的事实（如格子卸载带走了焦点）。 */\n  service: Service<ColorSwatchPickerSchema>\n}\n\nexport function useColorSwatchPicker(\n  props: ColorSwatchPickerSchema['props'],\n  onValueChange?: ColorSwatchPickerSchema['props']['onValueChange'],\n): ColorSwatchPickerContext {\n  const idGen = createVueIdGenerator()\n  const scope = createScope(null, idGen)\n  const service = useMachine(colorSwatchPickerMachine, () => ({ ...props, onValueChange }), scope)\n  const api = computed(() => connectColorSwatchPicker(service, vueNormalize))\n  return { api, service }\n}\n"],"mappings":";;;;;;;AAuBA,SAAgB,qBACd,OACA,eAC0B;CAG1B,MAAM,UAAU,WAAW,iCAAiC;EAAE,GAAG;EAAO;CAAc,IADxE,YAAY,MADZ,qBACsB,CAC0D,CAAC;CAE/F,OAAO;EAAE,KADG,eAAe,yBAAyB,SAAS,YAAY,CAC9D;EAAG;CAAQ;AACxB"}

package/dist/components/combobox/combobox.d.ts

@@ -1,95 +1,96 @@
 import { PayloadOf } from "../../runtime/payload.js";
 import { PropType, SlotsType, VNode } from "vue";
+import { ControlVariant, Direction, Placement, Size, Tone } from "@xihan-ui/core";
 import { ComboboxApi, ComboboxInputBehavior, ComboboxInputHost, ComboboxNode, ComboboxNodeMeta, ComboboxSchema } from "@xihan-ui/headless";
-import { ControlVariant, Placement, Size, Tone } from "@xihan-ui/kernel";
 //#region src/components/combobox/combobox.d.ts
 type ComboboxProps = ComboboxSchema['props'];
-/** 默认插槽的载荷：展开状态、选中值、输入串、高亮候选、空态，与改这些的命令。 */
+/** 默认插槽的载荷：展开状态、选中值、输入串、高亮候选、空态，以及修改它们的命令。 */
 type ComboboxRootSlotProps = Pick<ComboboxApi, 'open' | 'value' | 'inputValue' | 'highlightedValue' | 'empty' | 'isSelected' | 'setOpen' | 'setValue' | 'setInputValue' | 'clear'>;
 declare const XhComboboxRoot: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
   collection: {
     type: PropType<ComboboxNode[]>;
-    default: undefined;
   };
-  /** 标题文字。给了它就不必再写 label 部件；要放别的内容改用 label 插槽。 */
+  /** 标题文字。提供后不必再写 label 部件；需要放置其他内容时改用 label 插槽。 */
   label: {
     type: StringConstructor;
-    default: undefined;
   };
-  /** 无匹配时的提示语。给了它就不必再写 empty 部件；要放别的内容改用 empty 插槽。 */
+  /** 无匹配时的提示语。提供后不必再写 empty 部件；需要放置其他内容时改用 empty 插槽。 */
   empty: {
     type: StringConstructor;
-    default: undefined;
   };
   value: {
     type: PropType<string | string[]>;
-    default: undefined;
   };
   defaultValue: {
     type: PropType<string | string[]>;
-    default: undefined;
   };
   inputValue: {
     type: StringConstructor;
-    default: undefined;
   };
   defaultInputValue: {
     type: StringConstructor;
-    default: undefined;
   };
   open: {
     type: BooleanConstructor;
     default: undefined;
   };
   defaultOpen: BooleanConstructor;
-  /** 表单字段名；给了 hidden-input 才带 name 并参与提交 */
+  /** 表单字段名；提供后 hidden-input 才带 name 并参与提交 */
   name: {
     type: StringConstructor;
-    default: undefined;
+  };
+  form: {
+    type: StringConstructor;
   };
   multiple: BooleanConstructor;
-  disabled: BooleanConstructor;
-  readOnly: BooleanConstructor;
-  invalid: BooleanConstructor;
+  disabled: {
+    type: BooleanConstructor;
+    default: undefined;
+  };
+  readOnly: {
+    type: BooleanConstructor;
+    default: undefined;
+  };
+  invalid: {
+    type: BooleanConstructor;
+    default: undefined;
+  };
+  loading: BooleanConstructor;
   loop: {
     type: BooleanConstructor;
     default: undefined;
   };
   placeholder: {
     type: StringConstructor;
-    default: undefined;
   };
-  /** 自动铺开时是否渲染清空钮；手写部件模式不看它，写了节点即可清 */
+  /** 自动铺开时是否渲染清空按钮；手写部件模式不使用它，写了节点即可清空 */
   clearable: BooleanConstructor;
   translations: {
     type: PropType<ComboboxProps["translations"]>;
-    default: undefined;
   };
   allowCustomValue: BooleanConstructor;
   openOnClick: BooleanConstructor;
   inputBehavior: {
     type: PropType<ComboboxInputBehavior>;
-    default: undefined;
   };
   placement: {
     type: PropType<Placement>;
-    default: undefined;
   };
   offset: {
     type: NumberConstructor;
-    default: undefined;
+  };
+  /** 文字方向；浮层迁移到落点后无法继承作者子树上的方向，需要 RTL 时显式提供。 */
+  dir: {
+    type: PropType<Direction>;
   };
   variant: {
     type: PropType<ControlVariant>;
-    default: undefined;
   };
   tone: {
     type: PropType<Tone>;
-    default: undefined;
   };
   size: {
     type: PropType<Size>;
-    default: undefined;
   };
 }>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
   [key: string]: any;
@@ -103,87 +104,88 @@ declare const XhComboboxRoot: import("vue").DefineComponent<import("vue").Extrac
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
   collection: {
     type: PropType<ComboboxNode[]>;
-    default: undefined;
   };
-  /** 标题文字。给了它就不必再写 label 部件；要放别的内容改用 label 插槽。 */
+  /** 标题文字。提供后不必再写 label 部件；需要放置其他内容时改用 label 插槽。 */
   label: {
     type: StringConstructor;
-    default: undefined;
   };
-  /** 无匹配时的提示语。给了它就不必再写 empty 部件；要放别的内容改用 empty 插槽。 */
+  /** 无匹配时的提示语。提供后不必再写 empty 部件；需要放置其他内容时改用 empty 插槽。 */
   empty: {
     type: StringConstructor;
-    default: undefined;
   };
   value: {
     type: PropType<string | string[]>;
-    default: undefined;
   };
   defaultValue: {
     type: PropType<string | string[]>;
-    default: undefined;
   };
   inputValue: {
     type: StringConstructor;
-    default: undefined;
   };
   defaultInputValue: {
     type: StringConstructor;
-    default: undefined;
   };
   open: {
     type: BooleanConstructor;
     default: undefined;
   };
   defaultOpen: BooleanConstructor;
-  /** 表单字段名；给了 hidden-input 才带 name 并参与提交 */
+  /** 表单字段名；提供后 hidden-input 才带 name 并参与提交 */
   name: {
     type: StringConstructor;
-    default: undefined;
+  };
+  form: {
+    type: StringConstructor;
   };
   multiple: BooleanConstructor;
-  disabled: BooleanConstructor;
-  readOnly: BooleanConstructor;
-  invalid: BooleanConstructor;
+  disabled: {
+    type: BooleanConstructor;
+    default: undefined;
+  };
+  readOnly: {
+    type: BooleanConstructor;
+    default: undefined;
+  };
+  invalid: {
+    type: BooleanConstructor;
+    default: undefined;
+  };
+  loading: BooleanConstructor;
   loop: {
     type: BooleanConstructor;
     default: undefined;
   };
   placeholder: {
     type: StringConstructor;
-    default: undefined;
   };
-  /** 自动铺开时是否渲染清空钮；手写部件模式不看它，写了节点即可清 */
+  /** 自动铺开时是否渲染清空按钮；手写部件模式不使用它，写了节点即可清空 */
   clearable: BooleanConstructor;
   translations: {
     type: PropType<ComboboxProps["translations"]>;
-    default: undefined;
   };
   allowCustomValue: BooleanConstructor;
   openOnClick: BooleanConstructor;
   inputBehavior: {
     type: PropType<ComboboxInputBehavior>;
-    default: undefined;
   };
   placement: {
     type: PropType<Placement>;
-    default: undefined;
   };
   offset: {
     type: NumberConstructor;
-    default: undefined;
+  };
+  /** 文字方向；浮层迁移到落点后无法继承作者子树上的方向，需要 RTL 时显式提供。 */
+  dir: {
+    type: PropType<Direction>;
   };
   variant: {
     type: PropType<ControlVariant>;
-    default: undefined;
   };
   tone: {
     type: PropType<Tone>;
-    default: undefined;
   };
   size: {
     type: PropType<Size>;
-    default: undefined;
   };
 }>> & Readonly<{
   "onValue-change"?: ((_details: import("@xihan-ui/headless").ComboboxValueChangeDetails) => any) | undefined;
@@ -193,32 +195,17 @@ declare const XhComboboxRoot: import("vue").DefineComponent<import("vue").Extrac
   "onInput-value-change"?: ((_details: import("@xihan-ui/headless").ComboboxInputValueChangeDetails) => any) | undefined;
   "onUpdate:inputValue"?: ((_inputValue: string) => any) | undefined;
 }>, {
-  name: string;
   invalid: boolean;
-  label: string;
-  value: string | string[];
   multiple: boolean;
-  collection: ComboboxNode[];
-  defaultValue: string | string[];
-  tone: Tone;
-  size: Size;
+  loop: boolean;
   disabled: boolean;
   open: boolean;
   defaultOpen: boolean;
-  translations: Partial<import("@xihan-ui/headless").ComboboxTranslations> | undefined;
-  offset: number;
+  loading: boolean;
   readOnly: boolean;
-  placeholder: string;
-  loop: boolean;
-  placement: Placement;
-  variant: ControlVariant;
-  empty: string;
-  inputValue: string;
   clearable: boolean;
   allowCustomValue: boolean;
   openOnClick: boolean;
-  defaultInputValue: string;
-  inputBehavior: ComboboxInputBehavior;
 }, SlotsType<{
   default?: (props: ComboboxRootSlotProps) => VNode[];
   label?: () => VNode[];
@@ -233,8 +220,8 @@ declare const XhComboboxControl: import("vue").DefineComponent<{}, () => VNode<i
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const XhComboboxInput: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
   /**
-   * 输入框渲染成哪个标签，默认 input。
-   * 写 textarea 即多行宿主：connect 随之撤掉 type、role 与 aria-expanded。
+   * 输入框渲染为哪个标签，默认 input。
+   * 写 textarea 即多行宿主：connect 随之撤销 type、role 与 aria-expanded。
    */
   as: {
     type: PropType<ComboboxInputHost>;
@@ -244,8 +231,8 @@ declare const XhComboboxInput: import("vue").DefineComponent<import("vue").Extra
   [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
   /**
-   * 输入框渲染成哪个标签，默认 input。
-   * 写 textarea 即多行宿主：connect 随之撤掉 type、role 与 aria-expanded。
+   * 输入框渲染为哪个标签，默认 input。
+   * 写 textarea 即多行宿主：connect 随之撤销 type、role 与 aria-expanded。
    */
   as: {
     type: PropType<ComboboxInputHost>;
@@ -260,13 +247,23 @@ declare const XhComboboxTrigger: import("vue").DefineComponent<{}, () => VNode<i
 declare const XhComboboxClearTrigger: 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 XhComboboxPositioner: import("vue").DefineComponent<{}, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+declare const XhComboboxPositioner: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+  /** 本实例的 Portal 容器；优先于应用级配置。 */
+  container: {
+    type: PropType<Element>;
+  };
+}>, () => 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>;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+  /** 本实例的 Portal 容器；优先于应用级配置。 */
+  container: {
+    type: PropType<Element>;
+  };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const XhComboboxContent: 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 XhComboboxItemGroup: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+declare const XhComboboxGroup: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
   value: {
     type: StringConstructor;
     required: true;
@@ -279,7 +276,7 @@ declare const XhComboboxItemGroup: import("vue").DefineComponent<import("vue").E
     required: true;
   };
 }>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-declare const XhComboboxItemGroupLabel: import("vue").DefineComponent<{}, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+declare const XhComboboxGroupLabel: 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 XhComboboxItem: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
@@ -313,10 +310,13 @@ declare const XhComboboxItemIndicator: import("vue").DefineComponent<{}, () => V
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const XhComboboxHiddenInput: 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>;
+}>[], {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const XhComboboxEmpty: 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 XhComboboxLoading: 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 { ComboboxRootSlotProps, XhComboboxClearTrigger, XhComboboxContent, XhComboboxControl, XhComboboxEmpty, XhComboboxHiddenInput, XhComboboxInput, XhComboboxItem, XhComboboxItemGroup, XhComboboxItemGroupLabel, XhComboboxItemIndicator, XhComboboxItemText, XhComboboxLabel, XhComboboxPositioner, XhComboboxRoot, XhComboboxTrigger };
+export { ComboboxRootSlotProps, XhComboboxClearTrigger, XhComboboxContent, XhComboboxControl, XhComboboxEmpty, XhComboboxGroup, XhComboboxGroupLabel, XhComboboxHiddenInput, XhComboboxInput, XhComboboxItem, XhComboboxItemIndicator, XhComboboxItemText, XhComboboxLabel, XhComboboxLoading, XhComboboxPositioner, XhComboboxRoot, XhComboboxTrigger };
 //# sourceMappingURL=combobox.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"combobox.d.ts","names":[],"sources":["../../../src/components/combobox/combobox.ts"],"mappings":";;;;;KAkBK,gBAAgB;;KAGT,wBAAwB,KAClC;cAIW,8BAAc,8BAAA;;IAIM,MAAA,SAAS;;;;;;;;;;;;;;IAKJ,MAAA;;;;IACO,MAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAeT,MAAA,SAAS;;;;;;IAGR,MAAA,SAAS;;;;IACb,MAAA,SAAS;;;;;;;;IAEX,MAAA,SAAS;;;;IACZ,MAAA,SAAS;;;;IACT,MAAA,SAAS;;;;;;EAIN,iBAAA,UAAA,UAAU;EACJ,uBAAA,UAAA,UAAU;EACjB,gBAAA,UAAA,UAAU;EACX,iBAAA,QAAA,UAAU;EACA,sBAAA,aAAA,UAAU;EACtB,gBAAA,OAAA,UAAU;;;IAtCJ,MAAA,SAAS;;;;;;;;;;;;;;IAKJ,MAAA;;;;IACO,MAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAeT,MAAA,SAAS;;;;;;IAGR,MAAA,SAAS;;;;IACb,MAAA,SAAS;;;;;;;;IAEX,MAAA,SAAS;;;;IACZ,MAAA,SAAS;;;;IACT,MAAA,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAYvB,WAAC,OAAO,0BAA0B;EACpC,cAAM;EACN,cAAM;EACP,QAAC,MAAM,qBAAqB;kCAqDrC;cAEW,+BAAe,0BAAA,oBAAA,4BAAA;;8BAO1B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,iCAAiB,0BAAA,oBAAA,4BAAA;;8BAS5B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,+BAAe,8BAAA;;;;;;IAOF,MAAA,SAAS;;;;;;;;;;;IAAT,MAAA,SAAS;;;;;qCAcjC;cAEW,iCAAiB,0BAAA,oBAAA,4BAAA;;8BAM5B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,sCAAsB,0BAAA,oBAAA,4BAAA;;8BAMjC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,oCAAoB,0BAAA,oBAAA,4BAAA;;8BAgB/B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,iCAAiB,0BAAA,oBAAA,4BAAA;;8BAY5B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,mCAAmB,8BAAA;;;;;;;;;;;;MAW9B,oDAAA;cAEW,wCAAwB,0BAAA,oBAAA,4BAAA;;8BAOnC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,8BAAc,8BAAA;;;;;;;;;;;;;;;;;;;;;;qCAkBzB;cAEW,kCAAkB,0BAAA,oBAAA,4BAAA;;8BAO7B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,uCAAuB,0BAAA,oBAAA,4BAAA;;8BAOlC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,qCAAqB,0BAAA,oBAAA,4BAAA;;8BAOhC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,+BAAe,0BAAA,oBAAA,4BAAA;;8BAO1B,qCAAA,iDAAA,aAAA,eAAA,oDAAA"}
+{"version":3,"file":"combobox.d.ts","names":[],"sources":["../../../src/components/combobox/combobox.ts"],"mappings":";;;;;KA2BK,gBAAgB;;KAGT,wBAAwB,KAClC;cAIW,8BAAc,8BAAA;;IAIM,MAAA,SAAS;;;;;;;;;;;IAKJ,MAAA;;;IACO,MAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAiBT,MAAA,SAAS;;;;;IAGR,MAAA,SAAS;;;IACb,MAAA,SAAS;;;;;;;IAGf,MAAA,SAAS;;;IACL,MAAA,SAAS;;;IACZ,MAAA,SAAS;;;IACT,MAAA,SAAS;;;;;EAIN,iBAAA,UAAA,UAAU;EACJ,uBAAA,UAAA,UAAU;EACjB,gBAAA,UAAA,UAAU;EACX,iBAAA,QAAA,UAAU;EACA,sBAAA,aAAA,UAAU;EACtB,gBAAA,OAAA,UAAU;;;IA1CJ,MAAA,SAAS;;;;;;;;;;;IAKJ,MAAA;;;IACO,MAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAiBT,MAAA,SAAS;;;;;IAGR,MAAA,SAAS;;;IACb,MAAA,SAAS;;;;;;;IAGf,MAAA,SAAS;;;IACL,MAAA,SAAS;;;IACZ,MAAA,SAAS;;;IACT,MAAA,SAAS;;;;;;;;;;;;;;;;;;;;;;EAYvB,WAAC,OAAO,0BAA0B;EACpC,cAAM;EACN,cAAM;EACP,QAAC,MAAM,qBAAqB;kCAqDrC;cAEW,+BAAe,0BAAA,oBAAA,4BAAA;;8BAO1B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,iCAAiB,0BAAA,oBAAA,4BAAA;;8BAS5B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,+BAAe,8BAAA;;;;;;IAOF,MAAA,SAAS;;;;;;;;;;;IAAT,MAAA,SAAS;;;;;qCAcjC;cAEW,iCAAiB,0BAAA,oBAAA,4BAAA;;8BAM5B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,sCAAsB,0BAAA,oBAAA,4BAAA;;8BAMjC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,oCAAoB,8BAAA;;;IAIA,MAAA,SAAS;;;;;;;IAAT,MAAA,SAAS;;MAgBxC,oDAAA;cAEW,iCAAiB,0BAAA,oBAAA,4BAAA;;8BAY5B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,+BAAe,8BAAA;;;;;;;;;;;;MAW1B,oDAAA;cAEW,oCAAoB,0BAAA,oBAAA,4BAAA;;8BAO/B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,8BAAc,8BAAA;;;;;;;;;;;;;;;;;;;;;;qCAkBzB;cAEW,kCAAkB,0BAAA,oBAAA,4BAAA;;8BAO7B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,uCAAuB,0BAAA,oBAAA,4BAAA;;8BAOlC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,qCAAqB,0BAAA,oBAAA,4BAAA;;gCAYhC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,+BAAe,0BAAA,oBAAA,4BAAA;;8BAO1B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,iCAAiB,0BAAA,oBAAA,4BAAA;;8BAO5B,qCAAA,iDAAA,aAAA,eAAA,oDAAA"}