@xihan-ui/vue 1.1.0 → 2.1.0

package/dist/components/password-input/password-input.js

@@ -1,4 +1,5 @@
 import { withXhConfig } from "../../config/config.js";
+import { useFormControlProps } from "../form/use-form-control.js";
 import { useFieldLabelWiring, useFieldStateWiring } from "../field/use-field-control.js";
 import { providePasswordInput, usePasswordInputContext } from "./context.js";
 import { usePasswordInput } from "./use-password-input.js";
@@ -7,19 +8,13 @@ import { defineComponent, h } from "vue";
 const XhPasswordInputRoot = defineComponent({
 	name: "XhPasswordInputRoot",
 	props: {
-		value: {
-			type: String,
-			default: void 0
-		},
-		defaultValue: {
-			type: String,
-			default: void 0
-		},
-		visible: {
+		value: { type: String },
+		defaultValue: { type: String },
+		revealed: {
 			type: Boolean,
 			default: void 0
 		},
-		defaultVisible: {
+		defaultRevealed: {
 			type: Boolean,
 			default: void 0
 		},
@@ -39,40 +34,20 @@ const XhPasswordInputRoot = defineComponent({
 			type: Boolean,
 			default: void 0
 		},
-		name: {
-			type: String,
-			default: void 0
-		},
-		placeholder: {
-			type: String,
-			default: void 0
-		},
-		autoComplete: {
-			type: String,
-			default: void 0
-		},
-		variant: {
-			type: String,
-			default: void 0
-		},
-		tone: {
-			type: String,
-			default: void 0
-		},
-		size: {
-			type: String,
-			default: void 0
-		},
-		translations: {
-			type: Object,
-			default: void 0
-		}
+		name: { type: String },
+		placeholder: { type: String },
+		autoComplete: { type: String },
+		strength: { type: Number },
+		variant: { type: String },
+		tone: { type: String },
+		size: { type: String },
+		translations: { type: Object }
 	},
 	emits: {
 		"value-change": (_details) => true,
 		"update:value": (_value) => true,
-		"visibility-change": (_details) => true,
-		"update:visible": (_visible) => true
+		"revealed-change": (_details) => true,
+		"update:revealed": (_revealed) => true
 	},
 	slots: Object,
 	setup(props, { slots, emit }) {
@@ -80,24 +55,24 @@ const XhPasswordInputRoot = defineComponent({
 			emit("value-change", details);
 			emit("update:value", details.value);
 		};
-		const onVisibilityChange = (details) => {
-			emit("visibility-change", details);
-			emit("update:visible", details.visible);
+		const onRevealedChange = (details) => {
+			emit("revealed-change", details);
+			emit("update:revealed", details.revealed);
 		};
-		const ctx = usePasswordInput(withXhConfig("password-input", props), {
+		const ctx = usePasswordInput(withXhConfig("password-input", useFormControlProps(props)), {
 			onValueChange,
-			onVisibilityChange
+			onRevealedChange
 		});
 		providePasswordInput(ctx);
 		return () => h("div", ctx.api.value.getRootProps(), slots.default?.({
 			value: ctx.api.value.value,
 			empty: ctx.api.value.empty,
-			visible: ctx.api.value.visible,
+			revealed: ctx.api.value.revealed,
 			capsLock: ctx.api.value.capsLock,
 			inputType: ctx.api.value.inputType,
 			setValue: ctx.api.value.setValue,
-			setVisible: ctx.api.value.setVisible,
-			toggleVisibility: ctx.api.value.toggleVisibility
+			setRevealed: ctx.api.value.setRevealed,
+			toggleRevealed: ctx.api.value.toggleRevealed
 		}));
 	}
 });
@@ -122,8 +97,8 @@ const XhPasswordInputInput = defineComponent({
 		const fieldLabel = useFieldLabelWiring();
 		const ctx = usePasswordInputContext();
 		return () => h("input", fieldLabel.value({
-			...ctx.api.value.getInputProps(),
-			...fieldWiring.value
+			...fieldWiring.value,
+			...ctx.api.value.getInputProps()
 		}));
 	}
 });
@@ -141,7 +116,15 @@ const XhPasswordInputCapsLockIndicator = defineComponent({
 		return () => h("span", ctx.api.value.getCapsLockIndicatorProps(), ctx.api.value.capsLockMessage);
 	}
 });
+/** 强度条：档位由调用方评分后经 strength 传入，未提供时收起。 */
+const XhPasswordInputStrengthMeter = defineComponent({
+	name: "XhPasswordInputStrengthMeter",
+	setup(_, { slots }) {
+		const ctx = usePasswordInputContext();
+		return () => h("div", ctx.api.value.getStrengthMeterProps(), slots.default?.());
+	}
+});
 //#endregion
-export { XhPasswordInputCapsLockIndicator, XhPasswordInputControl, XhPasswordInputInput, XhPasswordInputLabel, XhPasswordInputRoot, XhPasswordInputVisibilityTrigger };
+export { XhPasswordInputCapsLockIndicator, XhPasswordInputControl, XhPasswordInputInput, XhPasswordInputLabel, XhPasswordInputRoot, XhPasswordInputStrengthMeter, XhPasswordInputVisibilityTrigger };
 
 //# sourceMappingURL=password-input.js.map

package/dist/components/password-input/password-input.js.map

@@ -1 +1 @@
-{"version":3,"file":"password-input.js","names":[],"sources":["../../../src/components/password-input/password-input.ts"],"sourcesContent":["import type { PasswordInputApi, PasswordInputSchema, PasswordInputTranslations } from '@xihan-ui/headless'\nimport type { ControlVariant, Size, Tone } from '@xihan-ui/kernel'\nimport type { PropType, SlotsType, VNode } from 'vue'\nimport type { PayloadOf } from '../../runtime/payload'\nimport { defineComponent, h } from 'vue'\nimport { withXhConfig } from '../../config/config'\nimport { useFieldLabelWiring, useFieldStateWiring } from '../field/use-field-control'\nimport { providePasswordInput, usePasswordInputContext } from './context'\nimport { usePasswordInput } from './use-password-input'\n\ntype PasswordInputProps = PasswordInputSchema['props']\n\n/** 默认插槽的载荷：当前值与空标志、明暗与大写锁定，以及写值与翻明暗的动作。 */\nexport type PasswordInputRootSlotProps = Pick<\n  PasswordInputApi,\n  'value' | 'empty' | 'visible' | 'capsLock' | 'inputType' | 'setValue' | 'setVisible' | 'toggleVisibility'\n>\n\nexport const XhPasswordInputRoot = defineComponent({\n  name: 'XhPasswordInputRoot',\n  props: {\n    // default: undefined 表示非受控\n    value: { type: String, default: undefined },\n    defaultValue: { type: String, default: undefined },\n    visible: { type: Boolean, default: undefined },\n    defaultVisible: { type: Boolean, default: undefined },\n    disabled: { type: Boolean, default: undefined },\n    readOnly: { type: Boolean, default: undefined },\n    required: { type: Boolean, default: undefined },\n    invalid: { type: Boolean, default: undefined },\n    name: { type: String, default: undefined },\n    placeholder: { type: String, default: undefined },\n    autoComplete: { type: String, default: undefined },\n    variant: { type: String as PropType<ControlVariant>, default: undefined },\n    tone: { type: String as PropType<Tone>, default: undefined },\n    size: { type: String as PropType<Size>, default: undefined },\n    translations: { type: Object as PropType<Partial<PasswordInputTranslations>>, default: undefined },\n  },\n  // value-change 携带 { value }，update:value 携带裸串；明暗走 visibility-change 一路\n  emits: {\n    'value-change': (_details: PayloadOf<PasswordInputProps, 'onValueChange'>) => true,\n    'update:value': (_value: PayloadOf<PasswordInputProps, 'onValueChange'>['value']) => true,\n    'visibility-change': (_details: PayloadOf<PasswordInputProps, 'onVisibilityChange'>) => true,\n    'update:visible': (_visible: PayloadOf<PasswordInputProps, 'onVisibilityChange'>['visible']) => true,\n  },\n  slots: Object as SlotsType<{\n    default?: (props: PasswordInputRootSlotProps) => VNode[]\n  }>,\n  setup(props, { slots, emit }) {\n    const onValueChange: PasswordInputProps['onValueChange'] = (details) => {\n      emit('value-change', details)\n      emit('update:value', details.value)\n    }\n    const onVisibilityChange: PasswordInputProps['onVisibilityChange'] = (details) => {\n      emit('visibility-change', details)\n      emit('update:visible', details.visible)\n    }\n    const ctx = usePasswordInput(\n      withXhConfig('password-input', props) as PasswordInputProps,\n      { onValueChange, onVisibilityChange },\n    )\n    providePasswordInput(ctx)\n    return () => h('div', ctx.api.value.getRootProps() as Record<string, unknown>, slots.default?.({\n      value: ctx.api.value.value,\n      empty: ctx.api.value.empty,\n      visible: ctx.api.value.visible,\n      capsLock: ctx.api.value.capsLock,\n      inputType: ctx.api.value.inputType,\n      setValue: ctx.api.value.setValue,\n      setVisible: ctx.api.value.setVisible,\n      toggleVisibility: ctx.api.value.toggleVisibility,\n    }))\n  },\n})\n\nexport const XhPasswordInputLabel = defineComponent({\n  name: 'XhPasswordInputLabel',\n  setup(_, { slots }) {\n    const ctx = usePasswordInputContext()\n    // 必须是原生 <label>，connect 把 for 写向 input\n    return () => h('label', ctx.api.value.getLabelProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhPasswordInputControl = defineComponent({\n  name: 'XhPasswordInputControl',\n  setup(_, { slots }) {\n    const ctx = usePasswordInputContext()\n    // 视觉盒：输入框、切换钮与大写锁定提示都排在它里面\n    return () => h('div', ctx.api.value.getControlProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhPasswordInputInput = defineComponent({\n  name: 'XhPasswordInputInput',\n  setup() {\n    // 字段的说明与校验状态要落在真控件上，不能停在封装根的 div 上\n    const fieldWiring = useFieldStateWiring()\n    // 字段的标签也得并进名字链：控件自带的那条指的是它自己那个没渲染的 label 部件\n    const fieldLabel = useFieldLabelWiring()\n    const ctx = usePasswordInputContext()\n    // 原生 <input>：光标、选区与撤销都归浏览器，label 的 for 也指着它\n    return () => h('input', fieldLabel.value({ ...ctx.api.value.getInputProps() as Record<string, unknown>, ...fieldWiring.value }))\n  },\n})\n\nexport const XhPasswordInputVisibilityTrigger = defineComponent({\n  name: 'XhPasswordInputVisibilityTrigger',\n  setup(_, { slots }) {\n    const ctx = usePasswordInputContext()\n    // 原生 <button>，Enter / Space 的激活交给平台\n    return () => h('button', ctx.api.value.getVisibilityTriggerProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhPasswordInputCapsLockIndicator = defineComponent({\n  name: 'XhPasswordInputCapsLockIndicator',\n  setup() {\n    const ctx = usePasswordInputContext()\n    // 区内文字由组件写：活区域播报的是内容，不是名字。关着时是空串，节点仍在场\n    return () => h('span', ctx.api.value.getCapsLockIndicatorProps() as Record<string, unknown>, ctx.api.value.capsLockMessage)\n  },\n})\n"],"mappings":"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"}
+{"version":3,"file":"password-input.js","names":[],"sources":["../../../src/components/password-input/password-input.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// 提供 password input 相关实现。\n\nimport type { ControlVariant, Size, Tone } from '@xihan-ui/core'\nimport type { PasswordInputApi, PasswordInputSchema, PasswordInputTranslations } from '@xihan-ui/headless'\nimport type { PropType, SlotsType, VNode } from 'vue'\nimport type { PayloadOf } from '../../runtime/payload'\nimport { defineComponent, h } from 'vue'\nimport { withXhConfig } from '../../config/config'\nimport { useFieldLabelWiring, useFieldStateWiring } from '../field/use-field-control'\nimport { useFormControlProps } from '../form/use-form-control'\nimport { providePasswordInput, usePasswordInputContext } from './context'\nimport { usePasswordInput } from './use-password-input'\n\ntype PasswordInputProps = PasswordInputSchema['props']\n\n/** 默认插槽的载荷：当前值与空标志、明暗与大写锁定，以及写值与切换明暗的动作。 */\nexport type PasswordInputRootSlotProps = Pick<\n  PasswordInputApi,\n  'value' | 'empty' | 'revealed' | 'capsLock' | 'inputType' | 'setValue' | 'setRevealed' | 'toggleRevealed'\n>\n\nexport const XhPasswordInputRoot = defineComponent({\n  name: 'XhPasswordInputRoot',\n  props: {\n    // 缺席值 undefined 表示非受控\n    value: { type: String },\n    defaultValue: { type: String },\n    revealed: { type: Boolean, default: undefined },\n    defaultRevealed: { type: Boolean, default: undefined },\n    disabled: { type: Boolean, default: undefined },\n    readOnly: { type: Boolean, default: undefined },\n    required: { type: Boolean, default: undefined },\n    invalid: { type: Boolean, default: undefined },\n    name: { type: String },\n    placeholder: { type: String },\n    autoComplete: { type: String },\n    strength: { type: Number },\n    variant: { type: String as PropType<ControlVariant> },\n    tone: { type: String as PropType<Tone> },\n    size: { type: String as PropType<Size> },\n    translations: { type: Object as PropType<Partial<PasswordInputTranslations>> },\n  },\n  // value-change 携带 { value }，update:value 携带裸串；明暗走 visibility-change 一路\n  emits: {\n    'value-change': (_details: PayloadOf<PasswordInputProps, 'onValueChange'>) => true,\n    'update:value': (_value: PayloadOf<PasswordInputProps, 'onValueChange'>['value']) => true,\n    'revealed-change': (_details: PayloadOf<PasswordInputProps, 'onRevealedChange'>) => true,\n    'update:revealed': (_revealed: PayloadOf<PasswordInputProps, 'onRevealedChange'>['revealed']) => true,\n  },\n  slots: Object as SlotsType<{\n    default?: (props: PasswordInputRootSlotProps) => VNode[]\n  }>,\n  setup(props, { slots, emit }) {\n    const onValueChange: PasswordInputProps['onValueChange'] = (details) => {\n      emit('value-change', details)\n      emit('update:value', details.value)\n    }\n    const onRevealedChange: PasswordInputProps['onRevealedChange'] = (details) => {\n      emit('revealed-change', details)\n      emit('update:revealed', details.revealed)\n    }\n    const ctx = usePasswordInput(\n      withXhConfig('password-input', useFormControlProps(props)) as PasswordInputProps,\n      { onValueChange, onRevealedChange },\n    )\n    providePasswordInput(ctx)\n    return () => h('div', ctx.api.value.getRootProps() as Record<string, unknown>, slots.default?.({\n      value: ctx.api.value.value,\n      empty: ctx.api.value.empty,\n      revealed: ctx.api.value.revealed,\n      capsLock: ctx.api.value.capsLock,\n      inputType: ctx.api.value.inputType,\n      setValue: ctx.api.value.setValue,\n      setRevealed: ctx.api.value.setRevealed,\n      toggleRevealed: ctx.api.value.toggleRevealed,\n    }))\n  },\n})\n\nexport const XhPasswordInputLabel = defineComponent({\n  name: 'XhPasswordInputLabel',\n  setup(_, { slots }) {\n    const ctx = usePasswordInputContext()\n    // 必须是原生 <label>，connect 把 for 写向 input\n    return () => h('label', ctx.api.value.getLabelProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhPasswordInputControl = defineComponent({\n  name: 'XhPasswordInputControl',\n  setup(_, { slots }) {\n    const ctx = usePasswordInputContext()\n    // 视觉盒：输入框、切换钮与大写锁定提示都排在它里面\n    return () => h('div', ctx.api.value.getControlProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhPasswordInputInput = defineComponent({\n  name: 'XhPasswordInputInput',\n  setup() {\n    // 字段的说明与校验状态要落在真控件上，不能停在封装根的 div 上\n    const fieldWiring = useFieldStateWiring()\n    // 字段的标签也得并进名字链：控件自带的那条指的是它自己那个没渲染的 label 部件\n    const fieldLabel = useFieldLabelWiring()\n    const ctx = usePasswordInputContext()\n    // 原生 <input>：光标、选区与撤销都归浏览器，label 的 for 也指着它\n    return () => h('input', fieldLabel.value({ ...fieldWiring.value, ...ctx.api.value.getInputProps() as Record<string, unknown> }))\n  },\n})\n\nexport const XhPasswordInputVisibilityTrigger = defineComponent({\n  name: 'XhPasswordInputVisibilityTrigger',\n  setup(_, { slots }) {\n    const ctx = usePasswordInputContext()\n    // 原生 <button>，Enter / Space 的激活交给平台\n    return () => h('button', ctx.api.value.getVisibilityTriggerProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhPasswordInputCapsLockIndicator = defineComponent({\n  name: 'XhPasswordInputCapsLockIndicator',\n  setup() {\n    const ctx = usePasswordInputContext()\n    // 区内文字由组件写：活区域播报的是内容，不是名字。关着时是空串，节点仍在场\n    return () => h('span', ctx.api.value.getCapsLockIndicatorProps() as Record<string, unknown>, ctx.api.value.capsLockMessage)\n  },\n})\n\n/** 强度条：档位由调用方评分后经 strength 传入，未提供时收起。 */\nexport const XhPasswordInputStrengthMeter = defineComponent({\n  name: 'XhPasswordInputStrengthMeter',\n  setup(_, { slots }) {\n    const ctx = usePasswordInputContext()\n    return () => h('div', ctx.api.value.getStrengthMeterProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n"],"mappings":"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"}

package/dist/components/password-input/use-password-input.d.ts

@@ -4,7 +4,7 @@ import { PasswordInputApi, PasswordInputSchema } from "@xihan-ui/headless";
 interface PasswordInputContext {
   api: ComputedRef<PasswordInputApi>;
 }
-declare function usePasswordInput(props: PasswordInputSchema['props'], handlers?: Pick<PasswordInputSchema['props'], 'onValueChange' | 'onVisibilityChange'>): PasswordInputContext;
+declare function usePasswordInput(props: PasswordInputSchema['props'], handlers?: Pick<PasswordInputSchema['props'], 'onValueChange' | 'onRevealedChange'>): PasswordInputContext;
 //#endregion
 export { PasswordInputContext, usePasswordInput };
 //# sourceMappingURL=use-password-input.d.ts.map

package/dist/components/password-input/use-password-input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-password-input.d.ts","names":[],"sources":["../../../src/components/password-input/use-password-input.ts"],"mappings":";;;UASiB;EACf,KAAK,YAAY;;iBAGH,iBACd,OAAO,8BACP,WAAU,KAAK,wEACd"}
+{"version":3,"file":"use-password-input.d.ts","names":[],"sources":["../../../src/components/password-input/use-password-input.ts"],"mappings":";;;UAgBiB;EACf,KAAK,YAAY;;iBAGH,iBACd,OAAO,8BACP,WAAU,KAAK,sEACd"}

package/dist/components/password-input/use-password-input.js

@@ -2,8 +2,8 @@ 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 { connectPasswordInput, passwordInputMachine } from "@xihan-ui/headless";
-import { createScope } from "@xihan-ui/kernel";
 //#region src/components/password-input/use-password-input.ts
 function usePasswordInput(props, handlers = {}) {
 	const service = useMachine(passwordInputMachine, () => ({

package/dist/components/password-input/use-password-input.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-password-input.js","names":[],"sources":["../../../src/components/password-input/use-password-input.ts"],"sourcesContent":["import type { PasswordInputApi, PasswordInputSchema } from '@xihan-ui/headless'\nimport type { ComputedRef } from 'vue'\nimport { connectPasswordInput, passwordInputMachine } from '@xihan-ui/headless'\nimport { createScope } from '@xihan-ui/kernel'\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 PasswordInputContext {\n  api: ComputedRef<PasswordInputApi>\n}\n\nexport function usePasswordInput(\n  props: PasswordInputSchema['props'],\n  handlers: Pick<PasswordInputSchema['props'], 'onValueChange' | 'onVisibilityChange'> = {},\n): PasswordInputContext {\n  // scope id 走 Vue 的 useId，保证同页多实例的 IDREF 不相撞\n  const idGen = createVueIdGenerator()\n  const scope = createScope(null, idGen)\n  const service = useMachine(passwordInputMachine, () => ({ ...props, ...handlers }), scope)\n  const api = computed(() => connectPasswordInput(service, vueNormalize))\n  return { api }\n}\n"],"mappings":";;;;;;;AAaA,SAAgB,iBACd,OACA,WAAuF,CAAC,GAClE;CAItB,MAAM,UAAU,WAAW,6BAA6B;EAAE,GAAG;EAAO,GAAG;CAAS,IADlE,YAAY,MADZ,qBACsB,CACoD,CAAC;CAEzF,OAAO,EAAE,KADG,eAAe,qBAAqB,SAAS,YAAY,CAC1D,EAAE;AACf"}
+{"version":3,"file":"use-password-input.js","names":[],"sources":["../../../src/components/password-input/use-password-input.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 password input 相关实现。\n\nimport type { PasswordInputApi, PasswordInputSchema } from '@xihan-ui/headless'\nimport type { ComputedRef } from 'vue'\nimport { createScope } from '@xihan-ui/core'\nimport { connectPasswordInput, passwordInputMachine } 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 PasswordInputContext {\n  api: ComputedRef<PasswordInputApi>\n}\n\nexport function usePasswordInput(\n  props: PasswordInputSchema['props'],\n  handlers: Pick<PasswordInputSchema['props'], 'onValueChange' | 'onRevealedChange'> = {},\n): PasswordInputContext {\n  // scope id 走 Vue 的 useId，保证同页多实例的 IDREF 不相撞\n  const idGen = createVueIdGenerator()\n  const scope = createScope(null, idGen)\n  const service = useMachine(passwordInputMachine, () => ({ ...props, ...handlers }), scope)\n  const api = computed(() => connectPasswordInput(service, vueNormalize))\n  return { api }\n}\n"],"mappings":";;;;;;;AAoBA,SAAgB,iBACd,OACA,WAAqF,CAAC,GAChE;CAItB,MAAM,UAAU,WAAW,6BAA6B;EAAE,GAAG;EAAO,GAAG;CAAS,IADlE,YAAY,MADZ,qBACsB,CACoD,CAAC;CAEzF,OAAO,EAAE,KADG,eAAe,qBAAqB,SAAS,YAAY,CAC1D,EAAE;AACf"}

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

@@ -1 +1 @@
-{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/pin-input/context.ts"],"sourcesContent":["import type { InjectionKey } from 'vue'\nimport type { PinInputContext } from './use-pin-input'\nimport { inject, provide } from 'vue'\n\nconst KEY: InjectionKey<PinInputContext> = Symbol.for('xh-pin-input')\n\nexport function providePinInput(ctx: PinInputContext): void {\n  provide(KEY, ctx)\n}\n\nexport function usePinInputContext(): PinInputContext {\n  const ctx = inject(KEY, null)\n  if (!ctx)\n    throw new Error('[xh] PinInput 部件必须用在 XhPinInputRoot 内')\n  return ctx\n}\n"],"mappings":";;AAIA,MAAM,MAAqC,OAAO,IAAI,cAAc;AAEpE,SAAgB,gBAAgB,KAA4B;CAC1D,QAAQ,KAAK,GAAG;AAClB;AAEA,SAAgB,qBAAsC;CACpD,MAAM,MAAM,OAAO,KAAK,IAAI;CAC5B,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,uCAAuC;CACzD,OAAO;AACT"}
+{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/pin-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 { PinInputContext } from './use-pin-input'\nimport { inject, provide } from 'vue'\n\nconst KEY: InjectionKey<PinInputContext> = Symbol.for('xh-pin-input')\n\nexport function providePinInput(ctx: PinInputContext): void {\n  provide(KEY, ctx)\n}\n\nexport function usePinInputContext(): PinInputContext {\n  const ctx = inject(KEY, null)\n  if (!ctx)\n    throw new Error('[xh] PinInput 部件必须用在 XhPinInputRoot 内')\n  return ctx\n}\n"],"mappings":";;AAWA,MAAM,MAAqC,OAAO,IAAI,cAAc;AAEpE,SAAgB,gBAAgB,KAA4B;CAC1D,QAAQ,KAAK,GAAG;AAClB;AAEA,SAAgB,qBAAsC;CACpD,MAAM,MAAM,OAAO,KAAK,IAAI;CAC5B,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,uCAAuC;CACzD,OAAO;AACT"}

package/dist/components/pin-input/pin-input.d.ts

@@ -1,60 +1,63 @@
 import { PayloadOf } from "../../runtime/payload.js";
 import { PropType, SlotsType, VNode } from "vue";
+import { ControlVariant, Size, Tone } from "@xihan-ui/core";
 import { PinInputApi, PinInputSchema, PinInputTranslations, PinInputType } from "@xihan-ui/headless";
-import { ControlVariant, Size, Tone } from "@xihan-ui/kernel";
 //#region src/components/pin-input/pin-input.d.ts
 type PinInputProps = PinInputSchema['props'];
-/** 默认插槽的载荷：逐格的值与拼好的串、填满与否、格数与焦点所在格，与改值、清空的命令。 */
+/** 默认插槽的载荷：逐格的值与拼接后的串、是否填满、格数与焦点所在格，以及修改值、清空的命令。 */
 type PinInputRootSlotProps = Pick<PinInputApi, 'value' | 'valueAsString' | 'complete' | 'length' | 'focusedIndex' | 'setValue' | 'clear'>;
 declare const XhPinInputRoot: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
   value: {
     type: PropType<string[]>;
-    default: undefined;
   };
   defaultValue: {
     type: PropType<string[]>;
-    default: undefined;
   };
   length: {
     type: NumberConstructor;
-    default: undefined;
   };
   type: {
     type: PropType<PinInputType>;
-    default: undefined;
   };
   pattern: {
     type: StringConstructor;
-    default: undefined;
   };
   mask: BooleanConstructor;
   otp: BooleanConstructor;
   placeholder: {
     type: StringConstructor;
+  };
+  disabled: {
+    type: BooleanConstructor;
+    default: undefined;
+  };
+  readOnly: {
+    type: BooleanConstructor;
+    default: undefined;
+  };
+  required: {
+    type: BooleanConstructor;
+    default: undefined;
+  };
+  invalid: {
+    type: BooleanConstructor;
     default: undefined;
   };
-  disabled: BooleanConstructor;
-  invalid: BooleanConstructor;
   blurOnComplete: BooleanConstructor;
   name: {
     type: StringConstructor;
-    default: undefined;
   };
   variant: {
     type: PropType<ControlVariant>;
-    default: undefined;
   };
   tone: {
     type: PropType<Tone>;
-    default: undefined;
   };
   size: {
     type: PropType<Size>;
-    default: undefined;
   };
   translations: {
     type: PropType<Partial<PinInputTranslations>>;
-    default: undefined;
   };
 }>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
   [key: string]: any;
@@ -65,80 +68,82 @@ declare const XhPinInputRoot: import("vue").DefineComponent<import("vue").Extrac
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
   value: {
     type: PropType<string[]>;
-    default: undefined;
   };
   defaultValue: {
     type: PropType<string[]>;
-    default: undefined;
   };
   length: {
     type: NumberConstructor;
-    default: undefined;
   };
   type: {
     type: PropType<PinInputType>;
-    default: undefined;
   };
   pattern: {
     type: StringConstructor;
-    default: undefined;
   };
   mask: BooleanConstructor;
   otp: BooleanConstructor;
   placeholder: {
     type: StringConstructor;
+  };
+  disabled: {
+    type: BooleanConstructor;
+    default: undefined;
+  };
+  readOnly: {
+    type: BooleanConstructor;
+    default: undefined;
+  };
+  required: {
+    type: BooleanConstructor;
+    default: undefined;
+  };
+  invalid: {
+    type: BooleanConstructor;
     default: undefined;
   };
-  disabled: BooleanConstructor;
-  invalid: BooleanConstructor;
   blurOnComplete: BooleanConstructor;
   name: {
     type: StringConstructor;
-    default: undefined;
   };
   variant: {
     type: PropType<ControlVariant>;
-    default: undefined;
   };
   tone: {
     type: PropType<Tone>;
-    default: undefined;
   };
   size: {
     type: PropType<Size>;
-    default: undefined;
   };
   translations: {
     type: PropType<Partial<PinInputTranslations>>;
-    default: undefined;
   };
 }>> & Readonly<{
   "onValue-change"?: ((_details: import("@xihan-ui/headless").PinInputValueChangeDetails) => any) | undefined;
   "onUpdate:value"?: ((_value: string[]) => any) | undefined;
   "onValue-complete"?: ((_details: import("@xihan-ui/headless").PinInputValueChangeDetails) => any) | undefined;
 }>, {
-  type: PinInputType;
-  name: string;
-  length: number;
+  required: boolean;
   invalid: boolean;
-  value: string[];
-  defaultValue: string[];
-  tone: Tone;
-  size: Size;
   disabled: boolean;
-  translations: Partial<PinInputTranslations>;
-  placeholder: string;
-  variant: ControlVariant;
+  readOnly: boolean;
   mask: boolean;
   otp: boolean;
   blurOnComplete: boolean;
-  pattern: string;
 }, SlotsType<{
   default?: (props: PinInputRootSlotProps) => VNode[];
 }>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const XhPinInputLabel: 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>;
+/** 分段：相邻的几格圈为一段（123-456 这种分段写法）。 */
+declare const XhPinInputGroup: 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 XhPinInputSeparator: 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 XhPinInputInput: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
   index: {
     type: PropType<number | string>;
@@ -156,5 +161,5 @@ declare const XhPinInputHiddenInput: 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 { PinInputRootSlotProps, XhPinInputHiddenInput, XhPinInputInput, XhPinInputLabel, XhPinInputRoot };
+export { PinInputRootSlotProps, XhPinInputGroup, XhPinInputHiddenInput, XhPinInputInput, XhPinInputLabel, XhPinInputRoot, XhPinInputSeparator };
 //# sourceMappingURL=pin-input.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"pin-input.d.ts","names":[],"sources":["../../../src/components/pin-input/pin-input.ts"],"mappings":";;;;;KASK,gBAAgB;;KAGT,wBAAwB,KAClC;cAIW,8BAAc,8BAAA;;IAIC,MAAA;;;;IACO,MAAA;;;;;;;;IAGP,MAAA,SAAS;;;;;;;;;;;;;;;;;;;;;IASN,MAAA,SAAS;;;;IACZ,MAAA,SAAS;;;;IACT,MAAA,SAAS;;;;IACD,MAAA,SAAS,QAAQ;;;;;;EAItB,iBAAA,UAAA,UAAU;EACR,mBAAA,UAAA,UAAU;EACd,iBAAA,QAAA,UAAU;;;IAtBX,MAAA;;;;IACO,MAAA;;;;;;;;IAGP,MAAA,SAAS;;;;;;;;;;;;;;;;;;;;;IASN,MAAA,SAAS;;;;IACZ,MAAA,SAAS;;;;IACT,MAAA,SAAS;;;;IACD,MAAA,SAAS,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;EASvC,WAAC,OAAO,0BAA0B;kCAoB9C;cAEW,+BAAe,0BAAA,oBAAA,4BAAA;;8BAO1B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,+BAAe,8BAAA;;IAIW,MAAA;;;;;;;IAAA,MAAA;;;MAMrC,oDAAA;cAEW,qCAAqB,0BAAA,oBAAA,4BAAA;;8BAMhC,qCAAA,iDAAA,aAAA,eAAA,oDAAA"}
+{"version":3,"file":"pin-input.d.ts","names":[],"sources":["../../../src/components/pin-input/pin-input.ts"],"mappings":";;;;;KAiBK,gBAAgB;;KAGT,wBAAwB,KAClC;cAIW,8BAAc,8BAAA;;IAIC,MAAA;;;IACO,MAAA;;;;;;IAGP,MAAA,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAWN,MAAA,SAAS;;;IACZ,MAAA,SAAS;;;IACT,MAAA,SAAS;;;IACD,MAAA,SAAS,QAAQ;;;;;EAItB,iBAAA,UAAA,UAAU;EACR,mBAAA,UAAA,UAAU;EACd,iBAAA,QAAA,UAAU;;;IAxBX,MAAA;;;IACO,MAAA;;;;;;IAGP,MAAA,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAWN,MAAA,SAAS;;;IACZ,MAAA,SAAS;;;IACT,MAAA,SAAS;;;IACD,MAAA,SAAS,QAAQ;;;;;;;;;;;;;;;EASvC,WAAC,OAAO,0BAA0B;kCAoB9C;cAEW,+BAAe,0BAAA,oBAAA,4BAAA;;8BAO1B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;;cAGW,+BAAe,0BAAA,oBAAA,4BAAA;;8BAM1B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;;cAGW,mCAAmB,0BAAA,oBAAA,4BAAA;;8BAM9B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,+BAAe,8BAAA;;IAIW,MAAA;;;;;;;IAAA,MAAA;;;MAMrC,oDAAA;cAEW,qCAAqB,0BAAA,oBAAA,4BAAA;;8BAMhC,qCAAA,iDAAA,aAAA,eAAA,oDAAA"}

package/dist/components/pin-input/pin-input.js

@@ -1,4 +1,5 @@
 import { withXhConfig } from "../../config/config.js";
+import { useFormControlProps } from "../form/use-form-control.js";
 import { providePinInput, usePinInputContext } from "./context.js";
 import { usePinInput } from "./use-pin-input.js";
 import { defineComponent, h } from "vue";
@@ -6,55 +7,36 @@ import { defineComponent, h } from "vue";
 const XhPinInputRoot = defineComponent({
 	name: "XhPinInputRoot",
 	props: {
-		value: {
-			type: Array,
-			default: void 0
-		},
-		defaultValue: {
-			type: Array,
-			default: void 0
-		},
-		length: {
-			type: Number,
-			default: void 0
-		},
-		type: {
-			type: String,
-			default: void 0
-		},
-		pattern: {
-			type: String,
-			default: void 0
-		},
+		value: { type: Array },
+		defaultValue: { type: Array },
+		length: { type: Number },
+		type: { type: String },
+		pattern: { type: String },
 		mask: Boolean,
 		otp: Boolean,
-		placeholder: {
-			type: String,
+		placeholder: { type: String },
+		disabled: {
+			type: Boolean,
 			default: void 0
 		},
-		disabled: Boolean,
-		invalid: Boolean,
-		blurOnComplete: Boolean,
-		name: {
-			type: String,
+		readOnly: {
+			type: Boolean,
 			default: void 0
 		},
-		variant: {
-			type: String,
+		required: {
+			type: Boolean,
 			default: void 0
 		},
-		tone: {
-			type: String,
+		invalid: {
+			type: Boolean,
 			default: void 0
 		},
-		size: {
-			type: String,
-			default: void 0
-		},
-		translations: {
-			type: Object,
-			default: void 0
-		}
+		blurOnComplete: Boolean,
+		name: { type: String },
+		variant: { type: String },
+		tone: { type: String },
+		size: { type: String },
+		translations: { type: Object }
 	},
 	emits: {
 		"value-change": (_details) => true,
@@ -68,7 +50,7 @@ const XhPinInputRoot = defineComponent({
 			emit("update:value", details.value);
 		};
 		const onValueComplete = (details) => emit("value-complete", details);
-		const ctx = usePinInput(withXhConfig("pin-input", props), {
+		const ctx = usePinInput(withXhConfig("pin-input", useFormControlProps(props)), {
 			onValueChange,
 			onValueComplete
 		});
@@ -91,6 +73,22 @@ const XhPinInputLabel = defineComponent({
 		return () => h("label", ctx.api.value.getLabelProps(), slots.default?.());
 	}
 });
+/** 分段：相邻的几格圈为一段（123-456 这种分段写法）。 */
+const XhPinInputGroup = defineComponent({
+	name: "XhPinInputGroup",
+	setup(_, { slots }) {
+		const ctx = usePinInputContext();
+		return () => h("div", ctx.api.value.getGroupProps(), slots.default?.());
+	}
+});
+/** 段与段之间的分隔；对读屏隐藏。 */
+const XhPinInputSeparator = defineComponent({
+	name: "XhPinInputSeparator",
+	setup(_, { slots }) {
+		const ctx = usePinInputContext();
+		return () => h("span", ctx.api.value.getSeparatorProps(), slots.default?.());
+	}
+});
 const XhPinInputInput = defineComponent({
 	name: "XhPinInputInput",
 	props: { index: {
@@ -110,6 +108,6 @@ const XhPinInputHiddenInput = defineComponent({
 	}
 });
 //#endregion
-export { XhPinInputHiddenInput, XhPinInputInput, XhPinInputLabel, XhPinInputRoot };
+export { XhPinInputGroup, XhPinInputHiddenInput, XhPinInputInput, XhPinInputLabel, XhPinInputRoot, XhPinInputSeparator };
 
 //# sourceMappingURL=pin-input.js.map

package/dist/components/pin-input/pin-input.js.map

@@ -1 +1 @@
-{"version":3,"file":"pin-input.js","names":[],"sources":["../../../src/components/pin-input/pin-input.ts"],"sourcesContent":["import type { PinInputApi, PinInputSchema, PinInputTranslations, PinInputType } from '@xihan-ui/headless'\nimport type { ControlVariant, Size, Tone } from '@xihan-ui/kernel'\nimport type { PropType, SlotsType, VNode } from 'vue'\nimport type { PayloadOf } from '../../runtime/payload'\nimport { defineComponent, h } from 'vue'\nimport { withXhConfig } from '../../config/config'\nimport { providePinInput, usePinInputContext } from './context'\nimport { usePinInput } from './use-pin-input'\n\ntype PinInputProps = PinInputSchema['props']\n\n/** 默认插槽的载荷：逐格的值与拼好的串、填满与否、格数与焦点所在格，与改值、清空的命令。 */\nexport type PinInputRootSlotProps = Pick<\n  PinInputApi,\n  'value' | 'valueAsString' | 'complete' | 'length' | 'focusedIndex' | 'setValue' | 'clear'\n>\n\nexport const XhPinInputRoot = defineComponent({\n  name: 'XhPinInputRoot',\n  props: {\n    // default: undefined 表示非受控\n    value: { type: Array as PropType<string[]>, default: undefined },\n    defaultValue: { type: Array as PropType<string[]>, default: undefined },\n    // 缺省值由 connect 给出，这里一律 default: undefined\n    length: { type: Number, default: undefined },\n    type: { type: String as PropType<PinInputType>, default: undefined },\n    pattern: { type: String, default: undefined },\n    mask: Boolean,\n    otp: Boolean,\n    placeholder: { type: String, default: undefined },\n    disabled: Boolean,\n    invalid: Boolean,\n    blurOnComplete: Boolean,\n    name: { type: String, default: undefined },\n    variant: { type: String as PropType<ControlVariant>, default: undefined },\n    tone: { type: String as PropType<Tone>, default: undefined },\n    size: { type: String as PropType<Size>, default: undefined },\n    translations: { type: Object as PropType<Partial<PinInputTranslations>>, default: undefined },\n  },\n  // value-change 携带 { value, valueAsString }，update:value 携带裸数组\n  emits: {\n    'value-change': (_details: PayloadOf<PinInputProps, 'onValueChange'>) => true,\n    'value-complete': (_details: PayloadOf<PinInputProps, 'onValueComplete'>) => true,\n    'update:value': (_value: PayloadOf<PinInputProps, 'onValueChange'>['value']) => true,\n  },\n  slots: Object as SlotsType<{\n    default?: (props: PinInputRootSlotProps) => VNode[]\n  }>,\n  setup(props, { slots, emit }) {\n    const onValueChange: PinInputProps['onValueChange'] = (details) => {\n      emit('value-change', details)\n      emit('update:value', details.value)\n    }\n    const onValueComplete: PinInputProps['onValueComplete'] = details => emit('value-complete', details)\n    const ctx = usePinInput(withXhConfig('pin-input', props) as PinInputProps, { onValueChange, onValueComplete })\n    providePinInput(ctx)\n    return () => h('div', ctx.api.value.getRootProps() as Record<string, unknown>, slots.default?.({\n      value: ctx.api.value.value,\n      valueAsString: ctx.api.value.valueAsString,\n      complete: ctx.api.value.complete,\n      length: ctx.api.value.length,\n      focusedIndex: ctx.api.value.focusedIndex,\n      setValue: ctx.api.value.setValue,\n      clear: ctx.api.value.clear,\n    }))\n  },\n})\n\nexport const XhPinInputLabel = defineComponent({\n  name: 'XhPinInputLabel',\n  setup(_, { slots }) {\n    const ctx = usePinInputContext()\n    // 必须是原生 label，getLabelProps 的 for 恒写向首格\n    return () => h('label', ctx.api.value.getLabelProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhPinInputInput = defineComponent({\n  name: 'XhPinInputInput',\n  props: {\n    // 下标由作者声明，兼收字符串以支持模板里写 index=\"0\"\n    index: { type: [Number, String] as PropType<number | string>, required: true },\n  },\n  setup(props) {\n    const ctx = usePinInputContext()\n    return () => h('input', ctx.api.value.getInputProps({ index: Math.trunc(Number(props.index)) }) as Record<string, unknown>)\n  },\n})\n\nexport const XhPinInputHiddenInput = defineComponent({\n  name: 'XhPinInputHiddenInput',\n  setup() {\n    const ctx = usePinInputContext()\n    return () => h('input', ctx.api.value.getHiddenInputProps() as Record<string, unknown>)\n  },\n})\n"],"mappings":";;;;;AAiBA,MAAa,iBAAiB,gBAAgB;CAC5C,MAAM;CACN,OAAO;EAEL,OAAO;GAAE,MAAM;GAA6B,SAAS,KAAA;EAAU;EAC/D,cAAc;GAAE,MAAM;GAA6B,SAAS,KAAA;EAAU;EAEtE,QAAQ;GAAE,MAAM;GAAQ,SAAS,KAAA;EAAU;EAC3C,MAAM;GAAE,MAAM;GAAkC,SAAS,KAAA;EAAU;EACnE,SAAS;GAAE,MAAM;GAAQ,SAAS,KAAA;EAAU;EAC5C,MAAM;EACN,KAAK;EACL,aAAa;GAAE,MAAM;GAAQ,SAAS,KAAA;EAAU;EAChD,UAAU;EACV,SAAS;EACT,gBAAgB;EAChB,MAAM;GAAE,MAAM;GAAQ,SAAS,KAAA;EAAU;EACzC,SAAS;GAAE,MAAM;GAAoC,SAAS,KAAA;EAAU;EACxE,MAAM;GAAE,MAAM;GAA0B,SAAS,KAAA;EAAU;EAC3D,MAAM;GAAE,MAAM;GAA0B,SAAS,KAAA;EAAU;EAC3D,cAAc;GAAE,MAAM;GAAmD,SAAS,KAAA;EAAU;CAC9F;CAEA,OAAO;EACL,iBAAiB,aAAwD;EACzE,mBAAmB,aAA0D;EAC7E,iBAAiB,WAA+D;CAClF;CACA,OAAO;CAGP,MAAM,OAAO,EAAE,OAAO,QAAQ;EAC5B,MAAM,iBAAiD,YAAY;GACjE,KAAK,gBAAgB,OAAO;GAC5B,KAAK,gBAAgB,QAAQ,KAAK;EACpC;EACA,MAAM,mBAAoD,YAAW,KAAK,kBAAkB,OAAO;EACnG,MAAM,MAAM,YAAY,aAAa,aAAa,KAAK,GAAoB;GAAE;GAAe;EAAgB,CAAC;EAC7G,gBAAgB,GAAG;EACnB,aAAa,EAAE,OAAO,IAAI,IAAI,MAAM,aAAa,GAA8B,MAAM,UAAU;GAC7F,OAAO,IAAI,IAAI,MAAM;GACrB,eAAe,IAAI,IAAI,MAAM;GAC7B,UAAU,IAAI,IAAI,MAAM;GACxB,QAAQ,IAAI,IAAI,MAAM;GACtB,cAAc,IAAI,IAAI,MAAM;GAC5B,UAAU,IAAI,IAAI,MAAM;GACxB,OAAO,IAAI,IAAI,MAAM;EACvB,CAAC,CAAC;CACJ;AACF,CAAC;AAED,MAAa,kBAAkB,gBAAgB;CAC7C,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,mBAAmB;EAE/B,aAAa,EAAE,SAAS,IAAI,IAAI,MAAM,cAAc,GAA8B,MAAM,UAAU,CAAC;CACrG;AACF,CAAC;AAED,MAAa,kBAAkB,gBAAgB;CAC7C,MAAM;CACN,OAAO,EAEL,OAAO;EAAE,MAAM,CAAC,QAAQ,MAAM;EAAgC,UAAU;CAAK,EAC/E;CACA,MAAM,OAAO;EACX,MAAM,MAAM,mBAAmB;EAC/B,aAAa,EAAE,SAAS,IAAI,IAAI,MAAM,cAAc,EAAE,OAAO,KAAK,MAAM,OAAO,MAAM,KAAK,CAAC,EAAE,CAAC,CAA4B;CAC5H;AACF,CAAC;AAED,MAAa,wBAAwB,gBAAgB;CACnD,MAAM;CACN,QAAQ;EACN,MAAM,MAAM,mBAAmB;EAC/B,aAAa,EAAE,SAAS,IAAI,IAAI,MAAM,oBAAoB,CAA4B;CACxF;AACF,CAAC"}
+{"version":3,"file":"pin-input.js","names":[],"sources":["../../../src/components/pin-input/pin-input.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// 提供 pin input 相关实现。\n\nimport type { ControlVariant, Size, Tone } from '@xihan-ui/core'\nimport type { PinInputApi, PinInputSchema, PinInputTranslations, PinInputType } from '@xihan-ui/headless'\nimport type { PropType, SlotsType, VNode } from 'vue'\nimport type { PayloadOf } from '../../runtime/payload'\nimport { defineComponent, h } from 'vue'\nimport { withXhConfig } from '../../config/config'\nimport { useFormControlProps } from '../form/use-form-control'\nimport { providePinInput, usePinInputContext } from './context'\nimport { usePinInput } from './use-pin-input'\n\ntype PinInputProps = PinInputSchema['props']\n\n/** 默认插槽的载荷：逐格的值与拼接后的串、是否填满、格数与焦点所在格，以及修改值、清空的命令。 */\nexport type PinInputRootSlotProps = Pick<\n  PinInputApi,\n  'value' | 'valueAsString' | 'complete' | 'length' | 'focusedIndex' | 'setValue' | 'clear'\n>\n\nexport const XhPinInputRoot = defineComponent({\n  name: 'XhPinInputRoot',\n  props: {\n    // 缺席值 undefined 表示非受控\n    value: { type: Array as PropType<string[]> },\n    defaultValue: { type: Array as PropType<string[]> },\n    // 缺省值由 connect 给出；普通类型省略 default，Boolean 显式保留 undefined\n    length: { type: Number },\n    type: { type: String as PropType<PinInputType> },\n    pattern: { type: String },\n    mask: Boolean,\n    otp: Boolean,\n    placeholder: { type: String },\n    disabled: { type: Boolean, default: undefined },\n    readOnly: { type: Boolean, default: undefined },\n    required: { type: Boolean, default: undefined },\n    invalid: { type: Boolean, default: undefined },\n    blurOnComplete: Boolean,\n    name: { type: String },\n    variant: { type: String as PropType<ControlVariant> },\n    tone: { type: String as PropType<Tone> },\n    size: { type: String as PropType<Size> },\n    translations: { type: Object as PropType<Partial<PinInputTranslations>> },\n  },\n  // value-change 携带 { value, valueAsString }，update:value 携带裸数组\n  emits: {\n    'value-change': (_details: PayloadOf<PinInputProps, 'onValueChange'>) => true,\n    'value-complete': (_details: PayloadOf<PinInputProps, 'onValueComplete'>) => true,\n    'update:value': (_value: PayloadOf<PinInputProps, 'onValueChange'>['value']) => true,\n  },\n  slots: Object as SlotsType<{\n    default?: (props: PinInputRootSlotProps) => VNode[]\n  }>,\n  setup(props, { slots, emit }) {\n    const onValueChange: PinInputProps['onValueChange'] = (details) => {\n      emit('value-change', details)\n      emit('update:value', details.value)\n    }\n    const onValueComplete: PinInputProps['onValueComplete'] = details => emit('value-complete', details)\n    const ctx = usePinInput(withXhConfig('pin-input', useFormControlProps(props)) as PinInputProps, { onValueChange, onValueComplete })\n    providePinInput(ctx)\n    return () => h('div', ctx.api.value.getRootProps() as Record<string, unknown>, slots.default?.({\n      value: ctx.api.value.value,\n      valueAsString: ctx.api.value.valueAsString,\n      complete: ctx.api.value.complete,\n      length: ctx.api.value.length,\n      focusedIndex: ctx.api.value.focusedIndex,\n      setValue: ctx.api.value.setValue,\n      clear: ctx.api.value.clear,\n    }))\n  },\n})\n\nexport const XhPinInputLabel = defineComponent({\n  name: 'XhPinInputLabel',\n  setup(_, { slots }) {\n    const ctx = usePinInputContext()\n    // 必须是原生 label，getLabelProps 的 for 恒写向首格\n    return () => h('label', ctx.api.value.getLabelProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\n/** 分段：相邻的几格圈为一段（123-456 这种分段写法）。 */\nexport const XhPinInputGroup = defineComponent({\n  name: 'XhPinInputGroup',\n  setup(_, { slots }) {\n    const ctx = usePinInputContext()\n    return () => h('div', ctx.api.value.getGroupProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\n/** 段与段之间的分隔；对读屏隐藏。 */\nexport const XhPinInputSeparator = defineComponent({\n  name: 'XhPinInputSeparator',\n  setup(_, { slots }) {\n    const ctx = usePinInputContext()\n    return () => h('span', ctx.api.value.getSeparatorProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhPinInputInput = defineComponent({\n  name: 'XhPinInputInput',\n  props: {\n    // 下标由作者声明，兼收字符串以支持模板里写 index=\"0\"\n    index: { type: [Number, String] as PropType<number | string>, required: true },\n  },\n  setup(props) {\n    const ctx = usePinInputContext()\n    return () => h('input', ctx.api.value.getInputProps({ index: Math.trunc(Number(props.index)) }) as Record<string, unknown>)\n  },\n})\n\nexport const XhPinInputHiddenInput = defineComponent({\n  name: 'XhPinInputHiddenInput',\n  setup() {\n    const ctx = usePinInputContext()\n    return () => h('input', ctx.api.value.getHiddenInputProps() as Record<string, unknown>)\n  },\n})\n"],"mappings":"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"}

package/dist/components/pin-input/use-pin-input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-pin-input.d.ts","names":[],"sources":["../../../src/components/pin-input/use-pin-input.ts"],"mappings":";;;UASiB;EACf,KAAK,YAAY;;iBAGH,YACd,OAAO,yBACP,WAAU,KAAK,gEACd"}
+{"version":3,"file":"use-pin-input.d.ts","names":[],"sources":["../../../src/components/pin-input/use-pin-input.ts"],"mappings":";;;UAgBiB;EACf,KAAK,YAAY;;iBAGH,YACd,OAAO,yBACP,WAAU,KAAK,gEACd"}

package/dist/components/pin-input/use-pin-input.js

@@ -2,8 +2,8 @@ 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 { connectPinInput, pinInputMachine } from "@xihan-ui/headless";
-import { createScope } from "@xihan-ui/kernel";
 //#region src/components/pin-input/use-pin-input.ts
 function usePinInput(props, handlers = {}) {
 	const service = useMachine(pinInputMachine, () => ({

package/dist/components/pin-input/use-pin-input.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-pin-input.js","names":[],"sources":["../../../src/components/pin-input/use-pin-input.ts"],"sourcesContent":["import type { PinInputApi, PinInputSchema } from '@xihan-ui/headless'\nimport type { ComputedRef } from 'vue'\nimport { connectPinInput, pinInputMachine } from '@xihan-ui/headless'\nimport { createScope } from '@xihan-ui/kernel'\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 PinInputContext {\n  api: ComputedRef<PinInputApi>\n}\n\nexport function usePinInput(\n  props: PinInputSchema['props'],\n  handlers: Pick<PinInputSchema['props'], 'onValueChange' | 'onValueComplete'> = {},\n): PinInputContext {\n  // scope id 走 Vue 的 useId，保证同页多实例的 IDREF 不相撞\n  const idGen = createVueIdGenerator()\n  const scope = createScope(null, idGen)\n  const service = useMachine(pinInputMachine, () => ({ ...props, ...handlers }), scope)\n  const api = computed(() => connectPinInput(service, vueNormalize))\n  return { api }\n}\n"],"mappings":";;;;;;;AAaA,SAAgB,YACd,OACA,WAA+E,CAAC,GAC/D;CAIjB,MAAM,UAAU,WAAW,wBAAwB;EAAE,GAAG;EAAO,GAAG;CAAS,IAD7D,YAAY,MADZ,qBACsB,CAC+C,CAAC;CAEpF,OAAO,EAAE,KADG,eAAe,gBAAgB,SAAS,YAAY,CACrD,EAAE;AACf"}
+{"version":3,"file":"use-pin-input.js","names":[],"sources":["../../../src/components/pin-input/use-pin-input.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 pin input 相关实现。\n\nimport type { PinInputApi, PinInputSchema } from '@xihan-ui/headless'\nimport type { ComputedRef } from 'vue'\nimport { createScope } from '@xihan-ui/core'\nimport { connectPinInput, pinInputMachine } 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 PinInputContext {\n  api: ComputedRef<PinInputApi>\n}\n\nexport function usePinInput(\n  props: PinInputSchema['props'],\n  handlers: Pick<PinInputSchema['props'], 'onValueChange' | 'onValueComplete'> = {},\n): PinInputContext {\n  // scope id 走 Vue 的 useId，保证同页多实例的 IDREF 不相撞\n  const idGen = createVueIdGenerator()\n  const scope = createScope(null, idGen)\n  const service = useMachine(pinInputMachine, () => ({ ...props, ...handlers }), scope)\n  const api = computed(() => connectPinInput(service, vueNormalize))\n  return { api }\n}\n"],"mappings":";;;;;;;AAoBA,SAAgB,YACd,OACA,WAA+E,CAAC,GAC/D;CAIjB,MAAM,UAAU,WAAW,wBAAwB;EAAE,GAAG;EAAO,GAAG;CAAS,IAD7D,YAAY,MADZ,qBACsB,CAC+C,CAAC;CAEpF,OAAO,EAAE,KADG,eAAe,gBAAgB,SAAS,YAAY,CACrD,EAAE;AACf"}

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

@@ -1 +1 @@
-{"version":3,"file":"context.d.ts","names":[],"sources":["../../../src/components/popconfirm/context.ts"],"mappings":";;iBAMgB,kBAAkB,KAAK;iBAIvB,wBAAwB"}
+{"version":3,"file":"context.d.ts","names":[],"sources":["../../../src/components/popconfirm/context.ts"],"mappings":";;iBAagB,kBAAkB,KAAK;iBAIvB,wBAAwB"}

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

@@ -1 +1 @@
-{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/popconfirm/context.ts"],"sourcesContent":["import type { InjectionKey } from 'vue'\nimport type { PopconfirmContext } from './use-popconfirm'\nimport { inject, provide } from 'vue'\n\nconst KEY: InjectionKey<PopconfirmContext> = Symbol.for('xh-popconfirm')\n\nexport function providePopconfirm(ctx: PopconfirmContext): void {\n  provide(KEY, ctx)\n}\n\nexport function usePopconfirmContext(): PopconfirmContext {\n  const ctx = inject(KEY, null)\n  if (!ctx)\n    throw new Error('[xh] Popconfirm 部件必须用在 XhPopconfirmRoot 内')\n  return ctx\n}\n"],"mappings":";;AAIA,MAAM,MAAuC,OAAO,IAAI,eAAe;AAEvE,SAAgB,kBAAkB,KAA8B;CAC9D,QAAQ,KAAK,GAAG;AAClB;AAEA,SAAgB,uBAA0C;CACxD,MAAM,MAAM,OAAO,KAAK,IAAI;CAC5B,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,2CAA2C;CAC7D,OAAO;AACT"}
+{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/popconfirm/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 { PopconfirmContext } from './use-popconfirm'\nimport { inject, provide } from 'vue'\n\nconst KEY: InjectionKey<PopconfirmContext> = Symbol.for('xh-popconfirm')\n\nexport function providePopconfirm(ctx: PopconfirmContext): void {\n  provide(KEY, ctx)\n}\n\nexport function usePopconfirmContext(): PopconfirmContext {\n  const ctx = inject(KEY, null)\n  if (!ctx)\n    throw new Error('[xh] Popconfirm 部件必须用在 XhPopconfirmRoot 内')\n  return ctx\n}\n"],"mappings":";;AAWA,MAAM,MAAuC,OAAO,IAAI,eAAe;AAEvE,SAAgB,kBAAkB,KAA8B;CAC9D,QAAQ,KAAK,GAAG;AAClB;AAEA,SAAgB,uBAA0C;CACxD,MAAM,MAAM,OAAO,KAAK,IAAI;CAC5B,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,2CAA2C;CAC7D,OAAO;AACT"}