@xihan-ui/vue 1.0.0-alpha.2 → 1.0.0

package/dist/components/segmented/segmented.d.ts

@@ -0,0 +1,185 @@
+import { PayloadOf } from "../../runtime/payload.js";
+import { PropType, SlotsType, VNode } from "vue";
+import { SegmentedNode, SegmentedNodeMeta, SegmentedSchema } from "@xihan-ui/headless";
+import { Direction, Orientation, Size, Tone } from "@xihan-ui/kernel";
+//#region src/components/segmented/segmented.d.ts
+type SegmentedProps = SegmentedSchema['props'];
+declare const XhSegmentedRoot: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+  collection: {
+    type: PropType<SegmentedNode[]>;
+    default: undefined;
+  };
+  value: {
+    type: PropType<string | null>;
+    default: undefined;
+  };
+  defaultValue: {
+    type: PropType<string | null>;
+    default: undefined;
+  };
+  disabled: {
+    type: BooleanConstructor;
+    default: undefined;
+  };
+  readOnly: {
+    type: BooleanConstructor;
+    default: undefined;
+  };
+  invalid: {
+    type: BooleanConstructor;
+    default: undefined;
+  };
+  required: {
+    type: BooleanConstructor;
+    default: undefined;
+  };
+  name: {
+    type: StringConstructor;
+    default: undefined;
+  };
+  orientation: {
+    type: PropType<Orientation>;
+    default: undefined;
+  };
+  dir: {
+    type: PropType<Direction>;
+    default: undefined;
+  };
+  loop: {
+    type: BooleanConstructor;
+    default: undefined;
+  };
+  block: {
+    type: BooleanConstructor;
+    default: undefined;
+  };
+  tone: {
+    type: PropType<Tone>;
+    default: undefined;
+  };
+  size: {
+    type: PropType<Size>;
+    default: undefined;
+  };
+}>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+  [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+  'value-change': (_details: PayloadOf<SegmentedProps, "onValueChange">) => true;
+  'update:value': (_value: PayloadOf<SegmentedProps, "onValueChange">["value"]) => true;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+  collection: {
+    type: PropType<SegmentedNode[]>;
+    default: undefined;
+  };
+  value: {
+    type: PropType<string | null>;
+    default: undefined;
+  };
+  defaultValue: {
+    type: PropType<string | null>;
+    default: undefined;
+  };
+  disabled: {
+    type: BooleanConstructor;
+    default: undefined;
+  };
+  readOnly: {
+    type: BooleanConstructor;
+    default: undefined;
+  };
+  invalid: {
+    type: BooleanConstructor;
+    default: undefined;
+  };
+  required: {
+    type: BooleanConstructor;
+    default: undefined;
+  };
+  name: {
+    type: StringConstructor;
+    default: undefined;
+  };
+  orientation: {
+    type: PropType<Orientation>;
+    default: undefined;
+  };
+  dir: {
+    type: PropType<Direction>;
+    default: undefined;
+  };
+  loop: {
+    type: BooleanConstructor;
+    default: undefined;
+  };
+  block: {
+    type: BooleanConstructor;
+    default: undefined;
+  };
+  tone: {
+    type: PropType<Tone>;
+    default: undefined;
+  };
+  size: {
+    type: PropType<Size>;
+    default: undefined;
+  };
+}>> & Readonly<{
+  "onValue-change"?: ((_details: import("@xihan-ui/headless").SegmentedValueChangeDetails) => any) | undefined;
+  "onUpdate:value"?: ((_value: string | null) => any) | undefined;
+}>, {
+  required: boolean;
+  name: string;
+  invalid: boolean;
+  value: string | null;
+  collection: SegmentedNode[];
+  defaultValue: string | null;
+  orientation: Orientation;
+  dir: Direction;
+  tone: Tone;
+  size: Size;
+  disabled: boolean;
+  readOnly: boolean;
+  loop: boolean;
+  block: boolean;
+}, SlotsType<{
+  default?: () => VNode[];
+  /** 铺开 collection 时每一段的文本插槽。 */
+  item?: (props: SegmentedNodeMeta) => VNode[];
+}>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const XhSegmentedItem: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+  value: {
+    type: StringConstructor;
+    required: true;
+  };
+  disabled: {
+    type: BooleanConstructor;
+    default: undefined;
+  };
+}>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+  [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+  value: {
+    type: StringConstructor;
+    required: true;
+  };
+  disabled: {
+    type: BooleanConstructor;
+    default: undefined;
+  };
+}>> & Readonly<{}>, {
+  disabled: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const XhSegmentedItemText: 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 XhSegmentedIndicator: 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>;
+/** 表单出口：给了 name 才带上它，提交的就是当前选中值。 */
+declare const XhSegmentedHiddenInput: 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 { XhSegmentedHiddenInput, XhSegmentedIndicator, XhSegmentedItem, XhSegmentedItemText, XhSegmentedRoot };
+//# sourceMappingURL=segmented.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"segmented.d.ts","names":[],"sources":["../../../src/components/segmented/segmented.ts"],"mappings":";;;;;KAQK,iBAAiB;cAET,+BAAe,8BAAA;;IAIK,MAAA,SAAS;;;;IACb,MAAA;;;;IACO,MAAA;;;;;;;;;;;;;;;;;;;;;;;;IAMD,MAAA,SAAS;;;;IACjB,MAAA,SAAS;;;;;;;;;;;;IAGR,MAAA,SAAS;;;;IACT,MAAA,SAAS;;;;;;EAIN,iBAAA,UAAA,UAAU;EACZ,iBAAA,QAAA,UAAU;;;IAlBN,MAAA,SAAS;;;;IACb,MAAA;;;;IACO,MAAA;;;;;;;;;;;;;;;;;;;;;;;;IAMD,MAAA,SAAS;;;;IACjB,MAAA,SAAS;;;;;;;;;;;;IAGR,MAAA,SAAS;;;;IACT,MAAA,SAAS;;;;;;;;;;;;;;;;;;;;;;EAQvB,gBAAM;;EAET,QAAC,OAAO,sBAAsB;kCAqBvC;cAEW,+BAAe,8BAAA;;;;;;;;;;;;;;;;;;;;;;qCAqC1B;cAEW,mCAAmB,0BAAA,oBAAA,4BAAA;;8BAO9B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;;cAGW,oCAAoB,0BAAA,oBAAA,4BAAA;;8BAM/B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;;cAGW,sCAAsB,0BAAA,oBAAA,4BAAA;;8BAMjC,qCAAA,iDAAA,aAAA,eAAA,oDAAA"}

package/dist/components/segmented/segmented.js

@@ -0,0 +1,165 @@
+import { provideSegmented, provideSegmentedItem, useSegmentedContext, useSegmentedItemContext } from "./context.js";
+import { useSegmented } from "./use-segmented.js";
+import { computed, defineComponent, h, onBeforeUnmount, ref, watch } from "vue";
+//#region src/components/segmented/segmented.ts
+const XhSegmentedRoot = defineComponent({
+	name: "XhSegmentedRoot",
+	props: {
+		collection: {
+			type: Array,
+			default: void 0
+		},
+		value: {
+			type: String,
+			default: void 0
+		},
+		defaultValue: {
+			type: String,
+			default: void 0
+		},
+		disabled: {
+			type: Boolean,
+			default: void 0
+		},
+		readOnly: {
+			type: Boolean,
+			default: void 0
+		},
+		invalid: {
+			type: Boolean,
+			default: void 0
+		},
+		required: {
+			type: Boolean,
+			default: void 0
+		},
+		name: {
+			type: String,
+			default: void 0
+		},
+		orientation: {
+			type: String,
+			default: void 0
+		},
+		dir: {
+			type: String,
+			default: void 0
+		},
+		loop: {
+			type: Boolean,
+			default: void 0
+		},
+		block: {
+			type: Boolean,
+			default: void 0
+		},
+		tone: {
+			type: String,
+			default: void 0
+		},
+		size: {
+			type: String,
+			default: void 0
+		}
+	},
+	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 = useSegmented(props, notify);
+		provideSegmented(ctx);
+		return () => h("div", {
+			...ctx.api.value.getRootProps(),
+			ref: ctx.rootRef
+		}, slots.default ? slots.default() : props.collection ? renderDefaultTree(ctx.api.value.collection, slots.item) : []);
+	}
+});
+const XhSegmentedItem = defineComponent({
+	name: "XhSegmentedItem",
+	props: {
+		value: {
+			type: String,
+			required: true
+		},
+		disabled: {
+			type: Boolean,
+			default: void 0
+		}
+	},
+	setup(props, { slots }) {
+		const ctx = useSegmentedContext();
+		const item = computed(() => ({
+			value: props.value,
+			disabled: props.disabled
+		}));
+		provideSegmentedItem({ item });
+		const itemEl = ref(null);
+		watch(() => props.value, (next, prev) => {
+			if (next === prev) return;
+			const { service } = ctx;
+			if (service.getStatus() !== "Started") return;
+			if (itemEl.value && service.scope.getActiveElement() === itemEl.value) service.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("button", {
+			...ctx.api.value.getItemProps(item.value),
+			ref: itemEl
+		}, slots.default?.());
+	}
+});
+const XhSegmentedItemText = defineComponent({
+	name: "XhSegmentedItemText",
+	setup(_, { slots }) {
+		const ctx = useSegmentedContext();
+		const { item } = useSegmentedItemContext();
+		return () => h("span", ctx.api.value.getItemTextProps(item.value), slots.default?.());
+	}
+});
+/** 会滑动的选中标记，位置由机器量好写进内联样式的私有槽；无选中项时收起。 */
+const XhSegmentedIndicator = defineComponent({
+	name: "XhSegmentedIndicator",
+	setup() {
+		const ctx = useSegmentedContext();
+		return () => h("span", ctx.api.value.getIndicatorProps());
+	}
+});
+/** 表单出口：给了 name 才带上它，提交的就是当前选中值。 */
+const XhSegmentedHiddenInput = defineComponent({
+	name: "XhSegmentedHiddenInput",
+	setup() {
+		const ctx = useSegmentedContext();
+		return () => h("input", ctx.api.value.getHiddenInputProps());
+	}
+});
+/**
+* 没写默认插槽时按 collection 铺开的整套结构，作者只交数据。
+* 与手写部件产出的 DOM 完全一致，要改结构就写默认插槽，行为不变。
+* 指示器排在最前：它绝对定位，靠文档序让后面的段压在它上面，段里的文字才不会被盖住。
+*/
+function renderDefaultTree(collection, itemSlot) {
+	return [
+		h(XhSegmentedIndicator),
+		...collection.map((node) => h(XhSegmentedItem, {
+			key: node.value,
+			value: node.value
+		}, () => [h(XhSegmentedItemText, null, () => itemSlot?.(node) ?? node.label)])),
+		h(XhSegmentedHiddenInput)
+	];
+}
+//#endregion
+export { XhSegmentedHiddenInput, XhSegmentedIndicator, XhSegmentedItem, XhSegmentedItemText, XhSegmentedRoot };
+
+//# sourceMappingURL=segmented.js.map

package/dist/components/segmented/segmented.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"segmented.js","names":[],"sources":["../../../src/components/segmented/segmented.ts"],"sourcesContent":["import type { SegmentedItemProps, SegmentedNode, SegmentedNodeMeta, SegmentedSchema } from '@xihan-ui/headless'\nimport type { Direction, Orientation, Size, Tone } from '@xihan-ui/kernel'\nimport type { PropType, SlotsType, VNode } from 'vue'\nimport type { PayloadOf } from '../../runtime/payload'\nimport { computed, defineComponent, h, onBeforeUnmount, ref, watch } from 'vue'\nimport { provideSegmented, provideSegmentedItem, useSegmentedContext, useSegmentedItemContext } from './context'\nimport { useSegmented } from './use-segmented'\n\ntype SegmentedProps = SegmentedSchema['props']\n\nexport const XhSegmentedRoot = defineComponent({\n  name: 'XhSegmentedRoot',\n  // 全部 default: undefined，缺省值由机器与 connect 决定\n  props: {\n    collection: { type: Array as PropType<SegmentedNode[]>, default: undefined },\n    value: { type: String as PropType<string | null>, default: undefined },\n    defaultValue: { type: String as PropType<string | null>, default: undefined },\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    name: { type: String, default: undefined },\n    orientation: { type: String as PropType<Orientation>, default: undefined },\n    dir: { type: String as PropType<Direction>, default: undefined },\n    loop: { type: Boolean, default: undefined },\n    block: { type: Boolean, default: undefined },\n    tone: { type: String as PropType<Tone>, default: undefined },\n    size: { type: String as PropType<Size>, default: undefined },\n  },\n  // value-change 携带 { value }，update:value 携带裸值\n  emits: {\n    'value-change': (_details: PayloadOf<SegmentedProps, 'onValueChange'>) => true,\n    'update:value': (_value: PayloadOf<SegmentedProps, 'onValueChange'>['value']) => true,\n  },\n  slots: Object as SlotsType<{\n    default?: () => VNode[]\n    /** 铺开 collection 时每一段的文本插槽。 */\n    item?: (props: SegmentedNodeMeta) => VNode[]\n  }>,\n  setup(props, { slots, emit }) {\n    const notify: SegmentedProps['onValueChange'] = (details) => {\n      emit('value-change', details)\n      emit('update:value', details.value)\n    }\n    const ctx = useSegmented(props as SegmentedProps, notify)\n    provideSegmented(ctx)\n    // 写了默认插槽就整套结构自理：隐藏输入也要自己放一个 XhSegmentedHiddenInput，\n    // 否则给了 name 也没有任何东西参与提交\n    return () => h(\n      'div',\n      { ...ctx.api.value.getRootProps() as Record<string, unknown>, ref: ctx.rootRef },\n      slots.default\n        ? slots.default()\n        : props.collection\n          ? renderDefaultTree(ctx.api.value.collection, slots.item)\n          : [],\n    )\n  },\n})\n\nexport const XhSegmentedItem = defineComponent({\n  name: 'XhSegmentedItem',\n  props: {\n    value: { type: String, required: true },\n    // 缺省交给 connect 回 collection 里查，写死 false 会盖掉数据里的禁用\n    disabled: { type: Boolean, default: undefined },\n  },\n  setup(props, { slots }) {\n    const ctx = useSegmentedContext()\n    const item = computed<SegmentedItemProps>(() => ({ value: props.value, disabled: props.disabled }))\n    provideSegmentedItem({ item })\n    // 本段持有焦点时，value 变更重报焦点段，卸载时上报整组失焦\n    const itemEl = ref<HTMLElement | null>(null)\n    watch(() => props.value, (next, prev) => {\n      if (next === prev)\n        return\n      const { service } = ctx\n      if (service.getStatus() !== 'Started')\n        return\n      if (itemEl.value && service.scope.getActiveElement() === itemEl.value)\n        service.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    // 用原生 button，Enter/Space 的激活交给平台\n    return () => h(\n      'button',\n      { ...ctx.api.value.getItemProps(item.value) as Record<string, unknown>, ref: itemEl },\n      slots.default?.(),\n    )\n  },\n})\n\nexport const XhSegmentedItemText = defineComponent({\n  name: 'XhSegmentedItemText',\n  setup(_, { slots }) {\n    const ctx = useSegmentedContext()\n    const { item } = useSegmentedItemContext()\n    return () => h('span', ctx.api.value.getItemTextProps(item.value) as Record<string, unknown>, slots.default?.())\n  },\n})\n\n/** 会滑动的选中标记，位置由机器量好写进内联样式的私有槽；无选中项时收起。 */\nexport const XhSegmentedIndicator = defineComponent({\n  name: 'XhSegmentedIndicator',\n  setup() {\n    const ctx = useSegmentedContext()\n    return () => h('span', ctx.api.value.getIndicatorProps() as Record<string, unknown>)\n  },\n})\n\n/** 表单出口：给了 name 才带上它，提交的就是当前选中值。 */\nexport const XhSegmentedHiddenInput = defineComponent({\n  name: 'XhSegmentedHiddenInput',\n  setup() {\n    const ctx = useSegmentedContext()\n    return () => h('input', ctx.api.value.getHiddenInputProps() as Record<string, unknown>)\n  },\n})\n\n/**\n * 没写默认插槽时按 collection 铺开的整套结构，作者只交数据。\n * 与手写部件产出的 DOM 完全一致，要改结构就写默认插槽，行为不变。\n * 指示器排在最前：它绝对定位，靠文档序让后面的段压在它上面，段里的文字才不会被盖住。\n */\nfunction renderDefaultTree(\n  collection: readonly SegmentedNodeMeta[],\n  itemSlot?: (node: SegmentedNodeMeta) => VNode[],\n): VNode[] {\n  return [\n    h(XhSegmentedIndicator),\n    ...collection.map(node => h(XhSegmentedItem, { key: node.value, value: node.value }, () => [\n      h(XhSegmentedItemText, null, () => itemSlot?.(node) ?? node.label),\n    ])),\n    h(XhSegmentedHiddenInput),\n  ]\n}\n"],"mappings":"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"}

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

@@ -0,0 +1,15 @@
+import { ComputedRef, Ref } from "vue";
+import { SegmentedApi, SegmentedSchema } from "@xihan-ui/headless";
+import { Service } from "@xihan-ui/machine";
+//#region src/components/segmented/use-segmented.d.ts
+interface SegmentedContext {
+  api: ComputedRef<SegmentedApi>;
+  /** 机器实例，供部件上报 DOM 侧的事实（如条目卸载带走了焦点）。 */
+  service: Service<SegmentedSchema>;
+  /** root 节点：条目集合的查询容器，同时是指示器量测的参照系。 */
+  rootRef: Ref<HTMLElement | null>;
+}
+declare function useSegmented(props: SegmentedSchema['props'], onValueChange?: SegmentedSchema['props']['onValueChange']): SegmentedContext;
+//#endregion
+export { SegmentedContext, useSegmented };
+//# sourceMappingURL=use-segmented.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use-segmented.d.ts","names":[],"sources":["../../../src/components/segmented/use-segmented.ts"],"mappings":";;;;UAQiB;EACf,KAAK,YAAY;;EAEjB,SAAS,QAAQ;;EAEjB,SAAS,IAAI;;iBAIC,aACd,OAAO,0BACP,gBAAgB,4CACf"}

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

@@ -0,0 +1,22 @@
+import { vueNormalize } from "../../runtime/normalize-props.js";
+import { useMachine } from "../../runtime/use-machine.js";
+import { computed, ref } from "vue";
+import { connectSegmented, segmentedMachine } from "@xihan-ui/headless";
+//#region src/components/segmented/use-segmented.ts
+function useSegmented(props, onValueChange) {
+	const rootRef = ref(null);
+	const service = useMachine(segmentedMachine, () => ({
+		...props,
+		onValueChange
+	}));
+	service.refs.set("getRootEl", () => rootRef.value);
+	return {
+		api: computed(() => connectSegmented(service, vueNormalize)),
+		service,
+		rootRef
+	};
+}
+//#endregion
+export { useSegmented };
+
+//# sourceMappingURL=use-segmented.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use-segmented.js","names":[],"sources":["../../../src/components/segmented/use-segmented.ts"],"sourcesContent":["import type { SegmentedApi, SegmentedSchema } from '@xihan-ui/headless'\nimport type { Service } from '@xihan-ui/machine'\nimport type { ComputedRef, Ref } from 'vue'\nimport { connectSegmented, segmentedMachine } from '@xihan-ui/headless'\nimport { computed, ref } from 'vue'\nimport { vueNormalize } from '../../runtime/normalize-props'\nimport { useMachine } from '../../runtime/use-machine'\n\nexport interface SegmentedContext {\n  api: ComputedRef<SegmentedApi>\n  /** 机器实例，供部件上报 DOM 侧的事实（如条目卸载带走了焦点）。 */\n  service: Service<SegmentedSchema>\n  /** root 节点：条目集合的查询容器，同时是指示器量测的参照系。 */\n  rootRef: Ref<HTMLElement | null>\n}\n\n// 不建 scope：connect 不派生任何 id\nexport function useSegmented(\n  props: SegmentedSchema['props'],\n  onValueChange?: SegmentedSchema['props']['onValueChange'],\n): SegmentedContext {\n  const rootRef = ref<HTMLElement | null>(null)\n  const service = useMachine(segmentedMachine, () => ({ ...props, onValueChange }))\n\n  // 指示器的量测在机器里跑，DOM 侧的取值口经 refs 交进去\n  service.refs.set('getRootEl', () => rootRef.value)\n\n  const api = computed(() => connectSegmented(service, vueNormalize))\n  return { api, service, rootRef }\n}\n"],"mappings":";;;;;AAiBA,SAAgB,aACd,OACA,eACkB;CAClB,MAAM,UAAU,IAAwB,IAAI;CAC5C,MAAM,UAAU,WAAW,yBAAyB;EAAE,GAAG;EAAO;CAAc,EAAE;CAGhF,QAAQ,KAAK,IAAI,mBAAmB,QAAQ,KAAK;CAGjD,OAAO;EAAE,KADG,eAAe,iBAAiB,SAAS,YAAY,CACtD;EAAG;EAAS;CAAQ;AACjC"}

package/dist/components/select/context.js

@@ -1,7 +1,7 @@
 import { inject, provide } from "vue";
 //#region src/components/select/context.ts
-const KEY = Symbol("xh-select");
-const ITEM_KEY = Symbol("xh-select-item");
+const KEY = Symbol.for("xh-select");
+const ITEM_KEY = Symbol.for("xh-select-item");
 function provideSelect(ctx) {
 	provide(KEY, ctx);
 }
@@ -18,7 +18,7 @@ function useSelectItemContext() {
 	if (!ctx) throw new Error("[xh] Select 条目子部件必须用在 XhSelectItem 内");
 	return ctx;
 }
-const TAG_KEY = Symbol("xh-select-tag");
+const TAG_KEY = Symbol.for("xh-select-tag");
 function provideSelectTag(ctx) {
 	provide(TAG_KEY, ctx);
 }

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

@@ -1 +1 @@
-{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/select/context.ts"],"sourcesContent":["import type { SelectItemProps } from '@xihan-ui/headless'\nimport type { ComputedRef, InjectionKey } from 'vue'\nimport type { SelectContext } from './use-select'\nimport { inject, provide } from 'vue'\n\n/** 条目自报的值与禁用，供 item-text / item-indicator 这类子部件复用同一份声明。 */\nexport interface SelectItemContext {\n  item: ComputedRef<SelectItemProps>\n}\n\nconst KEY: InjectionKey<SelectContext> = Symbol('xh-select')\nconst ITEM_KEY: InjectionKey<SelectItemContext> = Symbol('xh-select-item')\n\nexport function provideSelect(ctx: SelectContext): void {\n  provide(KEY, ctx)\n}\n\nexport function useSelectContext(): SelectContext {\n  const ctx = inject(KEY, null)\n  if (!ctx)\n    throw new Error('[xh] Select 部件必须用在 XhSelectRoot 内')\n  return ctx\n}\n\nexport function provideSelectItem(ctx: SelectItemContext): void {\n  provide(ITEM_KEY, ctx)\n}\n\nexport function useSelectItemContext(): SelectItemContext {\n  const ctx = inject(ITEM_KEY, null)\n  if (!ctx)\n    throw new Error('[xh] Select 条目子部件必须用在 XhSelectItem 内')\n  return ctx\n}\n\n/** 标签自报的值，供 tag-remove 复用同一份声明。 */\nexport interface SelectTagContext {\n  value: () => string\n}\n\nconst TAG_KEY: InjectionKey<SelectTagContext> = Symbol('xh-select-tag')\n\nexport function provideSelectTag(ctx: SelectTagContext): void {\n  provide(TAG_KEY, ctx)\n}\n\nexport function useSelectTagContext(): SelectTagContext {\n  const ctx = inject(TAG_KEY, null)\n  if (!ctx)\n    throw new Error('[xh] Select 标签子部件必须用在 XhSelectTag 内')\n  return ctx\n}\n"],"mappings":";;AAUA,MAAM,MAAmC,OAAO,WAAW;AAC3D,MAAM,WAA4C,OAAO,gBAAgB;AAEzE,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;AAEA,SAAgB,kBAAkB,KAA8B;CAC9D,QAAQ,UAAU,GAAG;AACvB;AAEA,SAAgB,uBAA0C;CACxD,MAAM,MAAM,OAAO,UAAU,IAAI;CACjC,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,sCAAsC;CACxD,OAAO;AACT;AAOA,MAAM,UAA0C,OAAO,eAAe;AAEtE,SAAgB,iBAAiB,KAA6B;CAC5D,QAAQ,SAAS,GAAG;AACtB;AAEA,SAAgB,sBAAwC;CACtD,MAAM,MAAM,OAAO,SAAS,IAAI;CAChC,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,qCAAqC;CACvD,OAAO;AACT"}
+{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/select/context.ts"],"sourcesContent":["import type { SelectItemProps } from '@xihan-ui/headless'\nimport type { ComputedRef, InjectionKey } from 'vue'\nimport type { SelectContext } from './use-select'\nimport { inject, provide } from 'vue'\n\n/** 条目自报的值与禁用，供 item-text / item-indicator 这类子部件复用同一份声明。 */\nexport interface SelectItemContext {\n  item: ComputedRef<SelectItemProps>\n}\n\nconst KEY: InjectionKey<SelectContext> = Symbol.for('xh-select')\nconst ITEM_KEY: InjectionKey<SelectItemContext> = Symbol.for('xh-select-item')\n\nexport function provideSelect(ctx: SelectContext): void {\n  provide(KEY, ctx)\n}\n\nexport function useSelectContext(): SelectContext {\n  const ctx = inject(KEY, null)\n  if (!ctx)\n    throw new Error('[xh] Select 部件必须用在 XhSelectRoot 内')\n  return ctx\n}\n\nexport function provideSelectItem(ctx: SelectItemContext): void {\n  provide(ITEM_KEY, ctx)\n}\n\nexport function useSelectItemContext(): SelectItemContext {\n  const ctx = inject(ITEM_KEY, null)\n  if (!ctx)\n    throw new Error('[xh] Select 条目子部件必须用在 XhSelectItem 内')\n  return ctx\n}\n\n/** 标签自报的值，供 item-delete-trigger 复用同一份声明。 */\nexport interface SelectTagContext {\n  value: () => string\n}\n\nconst TAG_KEY: InjectionKey<SelectTagContext> = Symbol.for('xh-select-tag')\n\nexport function provideSelectTag(ctx: SelectTagContext): void {\n  provide(TAG_KEY, ctx)\n}\n\nexport function useSelectTagContext(): SelectTagContext {\n  const ctx = inject(TAG_KEY, null)\n  if (!ctx)\n    throw new Error('[xh] Select 标签子部件必须用在 XhSelectTag 内')\n  return ctx\n}\n"],"mappings":";;AAUA,MAAM,MAAmC,OAAO,IAAI,WAAW;AAC/D,MAAM,WAA4C,OAAO,IAAI,gBAAgB;AAE7E,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;AAEA,SAAgB,kBAAkB,KAA8B;CAC9D,QAAQ,UAAU,GAAG;AACvB;AAEA,SAAgB,uBAA0C;CACxD,MAAM,MAAM,OAAO,UAAU,IAAI;CACjC,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,sCAAsC;CACxD,OAAO;AACT;AAOA,MAAM,UAA0C,OAAO,IAAI,eAAe;AAE1E,SAAgB,iBAAiB,KAA6B;CAC5D,QAAQ,SAAS,GAAG;AACtB;AAEA,SAAgB,sBAAwC;CACtD,MAAM,MAAM,OAAO,SAAS,IAAI;CAChC,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,qCAAqC;CACvD,OAAO;AACT"}

package/dist/components/select/select.d.ts

@@ -30,6 +30,13 @@ declare const XhSelectRoot: import("vue").DefineComponent<import("vue").ExtractP
   };
   defaultOpen: BooleanConstructor;
   disabled: BooleanConstructor;
+  /** 只读：浮层照常展开与浏览，但选中值改不动、也清不掉。 */
+  readOnly: {
+    type: BooleanConstructor;
+    default: undefined;
+  };
+  /** 自动渲染树里是否带清空按钮；手写部件不看它，写了节点即可清。 */
+  clearable: BooleanConstructor;
   invalid: {
     type: BooleanConstructor;
     default: undefined;
@@ -111,6 +118,13 @@ declare const XhSelectRoot: import("vue").DefineComponent<import("vue").ExtractP
   };
   defaultOpen: BooleanConstructor;
   disabled: BooleanConstructor;
+  /** 只读：浮层照常展开与浏览，但选中值改不动、也清不掉。 */
+  readOnly: {
+    type: BooleanConstructor;
+    default: undefined;
+  };
+  /** 自动渲染树里是否带清空按钮；手写部件不看它，写了节点即可清。 */
+  clearable: BooleanConstructor;
   invalid: {
     type: BooleanConstructor;
     default: undefined;
@@ -178,14 +192,16 @@ declare const XhSelectRoot: import("vue").DefineComponent<import("vue").ExtractP
   tone: Tone;
   size: Size;
   disabled: boolean;
+  offset: number;
+  translations: Partial<import("@xihan-ui/headless").SelectTranslations> | undefined;
   open: boolean;
   defaultOpen: boolean;
-  translations: Partial<import("@xihan-ui/headless").SelectTranslations> | undefined;
-  offset: number;
   variant: ControlVariant;
+  readOnly: boolean;
   loop: boolean;
   placeholder: string;
   placement: Placement;
+  clearable: boolean;
   maxTagCount: number;
 }, SlotsType<{
   default?: (props: SelectRootSlotProps) => VNode[];
@@ -225,7 +241,7 @@ declare const XhSelectTag: import("vue").DefineComponent<import("vue").ExtractPr
     required: true;
   };
 }>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-declare const XhSelectTagRemove: import("vue").DefineComponent<{}, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+declare const XhSelectItemDeleteTrigger: 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 XhSelectPositioner: import("vue").DefineComponent<{}, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
@@ -234,6 +250,12 @@ declare const XhSelectPositioner: import("vue").DefineComponent<{}, () => VNode<
 declare const XhSelectContent: 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 XhSelectList: 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 XhSelectFooter: 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 XhSelectItem: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
   value: {
     type: StringConstructor;
@@ -264,5 +286,5 @@ declare const XhSelectItemIndicator: import("vue").DefineComponent<{}, () => VNo
   [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 //#endregion
-export { SelectRootSlotProps, XhSelectClearTrigger, XhSelectContent, XhSelectControl, XhSelectIndicator, XhSelectItem, XhSelectItemIndicator, XhSelectItemText, XhSelectLabel, XhSelectPositioner, XhSelectRoot, XhSelectTag, XhSelectTagRemove, XhSelectTrigger, XhSelectValueText };
+export { SelectRootSlotProps, XhSelectClearTrigger, XhSelectContent, XhSelectControl, XhSelectFooter, XhSelectIndicator, XhSelectItem, XhSelectItemDeleteTrigger, XhSelectItemIndicator, XhSelectItemText, XhSelectLabel, XhSelectList, XhSelectPositioner, XhSelectRoot, XhSelectTag, XhSelectTrigger, XhSelectValueText };
 //# sourceMappingURL=select.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"select.d.ts","names":[],"sources":["../../../src/components/select/select.ts"],"mappings":";;;;KAQK,cAAc;;KAGP,sBAAsB,KAChC;cAIW,4BAAY,8BAAA;;IAIQ,MAAA,SAAS;;;;;;;;;IAGJ,MAAA;;;;IACO,MAAA;;;;;;;;;;;;;;;;;;;;IAQT,MAAA,SAAS;;;;;;;;;;;;IAGZ,MAAA,SAAS;;;;;;;;;;;;IAGf,MAAA,SAAS;;;;IACL,MAAA,SAAS;;;;IACZ,MAAA,SAAS;;;;IACT,MAAA,SAAS;;;;;;EAKN,iBAAA,UAAA;EACD,gBAAA,UAAA;EACD,iBAAA;EACF,gBAAA;;;IA7BM,MAAA,SAAS;;;;;;;;;IAGJ,MAAA;;;;IACO,MAAA;;;;;;;;;;;;;;;;;;;;IAQT,MAAA,SAAS;;;;;;;;;;;;IAGZ,MAAA,SAAS;;;;;;;;;;;;IAGf,MAAA,SAAS;;;;IACL,MAAA,SAAS;;;;IACZ,MAAA,SAAS;;;;IACT,MAAA,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAWvB,WAAC,OAAO,wBAAwB;EAClC,cAAM;EACP,QAAC,MAAM,mBAAmB;kCA+CnC;cAEW,6BAAa,0BAAA,oBAAA,4BAAA;;8BAMxB,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,+BAAe,0BAAA,oBAAA,4BAAA;;8BAO1B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,+BAAe,0BAAA,oBAAA,4BAAA;;8BAS1B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,iCAAiB,0BAAA,oBAAA,4BAAA;;8BAW5B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,iCAAiB,0BAAA,oBAAA,4BAAA;;8BAM5B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,oCAAoB,0BAAA,oBAAA,4BAAA;;8BAO/B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,2BAAW,8BAAA;;;;;;;;;;;;;;MAWtB,oDAAA;cAEW,iCAAiB,0BAAA,oBAAA,4BAAA;;8BAO5B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,kCAAkB,0BAAA,oBAAA,4BAAA;;8BAS7B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,+BAAe,0BAAA,oBAAA,4BAAA;;8BAS1B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,4BAAY,8BAAA;;;;;;;;;;;;;;;;;;;;;;qCAoCvB;cAEW,gCAAgB,0BAAA,oBAAA,4BAAA;;8BAO3B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,qCAAqB,0BAAA,oBAAA,4BAAA;;8BAOhC,qCAAA,iDAAA,aAAA,eAAA,oDAAA"}
+{"version":3,"file":"select.d.ts","names":[],"sources":["../../../src/components/select/select.ts"],"mappings":";;;;KASK,cAAc;;KAGP,sBAAsB,KAChC;cAIW,4BAAY,8BAAA;;IAIQ,MAAA,SAAS;;;;;;;;;IAGJ,MAAA;;;;IACO,MAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;IAYT,MAAA,SAAS;;;;;;;;;;;;IAGZ,MAAA,SAAS;;;;;;;;;;;;IAGf,MAAA,SAAS;;;;IACL,MAAA,SAAS;;;;IACZ,MAAA,SAAS;;;;IACT,MAAA,SAAS;;;;;;EAKN,iBAAA,UAAA;EACD,gBAAA,UAAA;EACD,iBAAA;EACF,gBAAA;;;IAjCM,MAAA,SAAS;;;;;;;;;IAGJ,MAAA;;;;IACO,MAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;IAYT,MAAA,SAAS;;;;;;;;;;;;IAGZ,MAAA,SAAS;;;;;;;;;;;;IAGf,MAAA,SAAS;;;;IACL,MAAA,SAAS;;;;IACZ,MAAA,SAAS;;;;IACT,MAAA,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAWvB,WAAC,OAAO,wBAAwB;EAClC,cAAM;EACP,QAAC,MAAM,mBAAmB;kCAgDnC;cAEW,6BAAa,0BAAA,oBAAA,4BAAA;;8BAMxB,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,+BAAe,0BAAA,oBAAA,4BAAA;;8BAO1B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,+BAAe,0BAAA,oBAAA,4BAAA;;8BAc1B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,iCAAiB,0BAAA,oBAAA,4BAAA;;8BAW5B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,iCAAiB,0BAAA,oBAAA,4BAAA;;8BAM5B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,oCAAoB,0BAAA,oBAAA,4BAAA;;8BAO/B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,2BAAW,8BAAA;;;;;;;;;;;;;;MAWtB,oDAAA;cAEW,yCAAyB,0BAAA,oBAAA,4BAAA;;8BAOpC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,kCAAkB,0BAAA,oBAAA,4BAAA;;8BAc7B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,+BAAe,0BAAA,oBAAA,4BAAA;;8BAY1B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,4BAAY,0BAAA,oBAAA,4BAAA;;8BAOvB,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,8BAAc,0BAAA,oBAAA,4BAAA;;8BAQzB,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,4BAAY,8BAAA;;;;;;;;;;;;;;;;;;;;;;qCAoCvB;cAEW,gCAAgB,0BAAA,oBAAA,4BAAA;;8BAO3B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,qCAAqB,0BAAA,oBAAA,4BAAA;;8BAOhC,qCAAA,iDAAA,aAAA,eAAA,oDAAA"}