@xihan-ui/vue 1.0.0 → 2.0.0

package/dist/components/date-field/date-field.d.ts

@@ -1,7 +1,7 @@
 import { PayloadOf } from "../../runtime/payload.js";
 import { PropType, SlotsType, VNode } from "vue";
+import { ControlVariant, Size, Tone } from "@xihan-ui/core";
 import { DateFieldApi, DateFieldSchema, DateFieldSegmentState, DateFieldTranslations, DateGranularity, DateSegmentSet, DateSegmentType } from "@xihan-ui/headless";
-import { ControlVariant, Size, Tone } from "@xihan-ui/kernel";
 //#region src/components/date-field/date-field.d.ts
 type DateFieldProps = DateFieldSchema['props'];
 type SegmentTexts = { readonly [K in DateSegmentType]?: string; };
@@ -14,63 +14,61 @@ interface DateFieldSegmentSlotProps {
 declare const XhDateFieldRoot: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
   value: {
     type: PropType<string | null>;
-    default: undefined;
   };
   defaultValue: {
     type: PropType<string | null>;
-    default: undefined;
   };
   min: {
     type: StringConstructor;
-    default: undefined;
   };
   max: {
     type: StringConstructor;
-    default: undefined;
   };
   locale: {
     type: StringConstructor;
-    default: undefined;
   };
   timeZone: {
     type: StringConstructor;
-    default: undefined;
   };
   granularity: {
     type: PropType<DateGranularity>;
-    default: undefined;
   };
   segments: {
     type: PropType<DateSegmentSet>;
+  };
+  disabled: {
+    type: BooleanConstructor;
+    default: undefined;
+  };
+  readOnly: {
+    type: BooleanConstructor;
+    default: undefined;
+  };
+  invalid: {
+    type: BooleanConstructor;
+    default: undefined;
+  };
+  required: {
+    type: BooleanConstructor;
     default: undefined;
   };
-  disabled: BooleanConstructor;
-  readOnly: BooleanConstructor;
-  invalid: BooleanConstructor;
-  required: BooleanConstructor;
   name: {
     type: StringConstructor;
-    default: undefined;
   };
   placeholder: {
     type: PropType<SegmentTexts>;
-    default: undefined;
   };
   translations: {
     type: PropType<DateFieldTranslations>;
-    default: undefined;
   };
   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;
@@ -80,86 +78,70 @@ declare const XhDateFieldRoot: import("vue").DefineComponent<import("vue").Extra
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
   value: {
     type: PropType<string | null>;
-    default: undefined;
   };
   defaultValue: {
     type: PropType<string | null>;
-    default: undefined;
   };
   min: {
     type: StringConstructor;
-    default: undefined;
   };
   max: {
     type: StringConstructor;
-    default: undefined;
   };
   locale: {
     type: StringConstructor;
-    default: undefined;
   };
   timeZone: {
     type: StringConstructor;
-    default: undefined;
   };
   granularity: {
     type: PropType<DateGranularity>;
-    default: undefined;
   };
   segments: {
     type: PropType<DateSegmentSet>;
+  };
+  disabled: {
+    type: BooleanConstructor;
+    default: undefined;
+  };
+  readOnly: {
+    type: BooleanConstructor;
+    default: undefined;
+  };
+  invalid: {
+    type: BooleanConstructor;
+    default: undefined;
+  };
+  required: {
+    type: BooleanConstructor;
     default: undefined;
   };
-  disabled: BooleanConstructor;
-  readOnly: BooleanConstructor;
-  invalid: BooleanConstructor;
-  required: BooleanConstructor;
   name: {
     type: StringConstructor;
-    default: undefined;
   };
   placeholder: {
     type: PropType<SegmentTexts>;
-    default: undefined;
   };
   translations: {
     type: PropType<DateFieldTranslations>;
-    default: undefined;
   };
   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").DateFieldValueChangeDetails) => any) | undefined;
   "onUpdate:value"?: ((_value: string | null) => any) | undefined;
 }>, {
   required: boolean;
-  name: string;
   invalid: boolean;
-  value: string | null;
-  defaultValue: string | null;
-  tone: Tone;
-  size: Size;
   disabled: boolean;
-  translations: DateFieldTranslations;
-  variant: ControlVariant;
-  max: string;
   readOnly: boolean;
-  min: string;
-  locale: string;
-  timeZone: string;
-  placeholder: SegmentTexts;
-  segments: DateSegmentSet;
-  granularity: DateGranularity;
 }, SlotsType<{
   default?: (props: DateFieldRootSlotProps) => VNode[];
 }>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
@@ -175,29 +157,22 @@ declare const XhDateFieldSegmentGroup: import("vue").DefineComponent<{}, () => V
 declare const XhDateFieldSegment: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
   index: {
     type: PropType<number | string>;
-    default: undefined;
   };
-  /** 按段名声明这一格。段集里没有这一块时它收起；与 index 二选一，两个都写按段名算。 */
+  /** 按段名声明该格。段集中没有该段时它收起；与 index 二选一，两个都写时按段名计算。 */
   segment: {
     type: PropType<DateSegmentType>;
-    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<{
   index: {
     type: PropType<number | string>;
-    default: undefined;
   };
-  /** 按段名声明这一格。段集里没有这一块时它收起；与 index 二选一，两个都写按段名算。 */
+  /** 按段名声明该格。段集中没有该段时它收起；与 index 二选一，两个都写时按段名计算。 */
   segment: {
     type: PropType<DateSegmentType>;
-    default: undefined;
   };
-}>> & Readonly<{}>, {
-  index: string | number;
-  segment: DateSegmentType;
-}, SlotsType<{
+}>> & Readonly<{}>, {}, SlotsType<{
   default?: (props: DateFieldSegmentSlotProps) => VNode[];
 }>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const XhDateFieldClearTrigger: import("vue").DefineComponent<{}, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {

package/dist/components/date-field/date-field.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"date-field.d.ts","names":[],"sources":["../../../src/components/date-field/date-field.ts"],"mappings":";;;;;KASK,iBAAiB;KACjB,2BAA2B,KAAK;;KAGzB,yBAAyB,KACnC;;UAce;EACf,SAAS;;cAGE,+BAAe,8BAAA;;IAIC,MAAA;;;;IACO,MAAA;;;;;;;;;;;;;;;;;;;;IAKD,MAAA,SAAS;;;;IAEb,MAAA,SAAS;;;;;;;;;;;;IAML,MAAA,SAAS;;;;IACR,MAAA,SAAS;;;;IACd,MAAA,SAAS;;;;IACZ,MAAA,SAAS;;;;IACT,MAAA,SAAS;;;;;;EAIN,iBAAA,UAAA,UAAU;EACZ,iBAAA,QAAA,UAAU;;;IAvBV,MAAA;;;;IACO,MAAA;;;;;;;;;;;;;;;;;;;;IAKD,MAAA,SAAS;;;;IAEb,MAAA,SAAS;;;;;;;;;;;;IAML,MAAA,SAAS;;;;IACR,MAAA,SAAS;;;;IACd,MAAA,SAAS;;;;IACZ,MAAA,SAAS;;;;IACT,MAAA,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;EAQvB,WAAC,OAAO,2BAA2B;kCAsB/C;cAEW,gCAAgB,0BAAA,oBAAA,4BAAA;;8BAO3B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,kCAAkB,0BAAA,oBAAA,4BAAA;;8BAM7B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,uCAAuB,0BAAA,oBAAA,4BAAA;;8BAMlC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,kCAAkB,8BAAA;;IAIQ,MAAA;;;;;IAER,MAAA,SAAS;;;;;;;IAFD,MAAA;;;;;IAER,MAAA,SAAS;;;;;;;EAG1B,WAAC,OAAO,8BAA8B;kCAmBlD;cAEW,uCAAuB,0BAAA,oBAAA,4BAAA;;8BAOlC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,sCAAsB,0BAAA,oBAAA,4BAAA;;8BAMjC,qCAAA,iDAAA,aAAA,eAAA,oDAAA"}
+{"version":3,"file":"date-field.d.ts","names":[],"sources":["../../../src/components/date-field/date-field.ts"],"mappings":";;;;;KAiBK,iBAAiB;KACjB,2BAA2B,KAAK;;KAGzB,yBAAyB,KACnC;;UAce;EACf,SAAS;;cAGE,+BAAe,8BAAA;;IAIC,MAAA;;;IACO,MAAA;;;;;;;;;;;;;;;IAKD,MAAA,SAAS;;;IAEb,MAAA,SAAS;;;;;;;;;;;;;;;;;;;;;;IAML,MAAA,SAAS;;;IACR,MAAA,SAAS;;;IACd,MAAA,SAAS;;;IACZ,MAAA,SAAS;;;IACT,MAAA,SAAS;;;;;EAIN,iBAAA,UAAA,UAAU;EACZ,iBAAA,QAAA,UAAU;;;IAvBV,MAAA;;;IACO,MAAA;;;;;;;;;;;;;;;IAKD,MAAA,SAAS;;;IAEb,MAAA,SAAS;;;;;;;;;;;;;;;;;;;;;;IAML,MAAA,SAAS;;;IACR,MAAA,SAAS;;;IACd,MAAA,SAAS;;;IACZ,MAAA,SAAS;;;IACT,MAAA,SAAS;;;;;;;;;;;EAQvB,WAAC,OAAO,2BAA2B;kCAsB/C;cAEW,gCAAgB,0BAAA,oBAAA,4BAAA;;8BAO3B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,kCAAkB,0BAAA,oBAAA,4BAAA;;8BAM7B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,uCAAuB,0BAAA,oBAAA,4BAAA;;8BAMlC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,kCAAkB,8BAAA;;IAIQ,MAAA;;;;IAER,MAAA,SAAS;;;;;;IAFD,MAAA;;;;IAER,MAAA,SAAS;;;EAG1B,WAAC,OAAO,8BAA8B;kCAmBlD;cAEW,uCAAuB,0BAAA,oBAAA,4BAAA;;8BAOlC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,sCAAsB,0BAAA,oBAAA,4BAAA;;8BAMjC,qCAAA,iDAAA,aAAA,eAAA,oDAAA"}

package/dist/components/date-field/date-field.js

@@ -1,4 +1,5 @@
 import { withXhConfig } from "../../config/config.js";
+import { useFormControlProps } from "../form/use-form-control.js";
 import { provideDateField, useDateFieldContext } from "./context.js";
 import { useDateField } from "./use-date-field.js";
 import { defineComponent, h } from "vue";
@@ -6,66 +7,36 @@ import { defineComponent, h } from "vue";
 const XhDateFieldRoot = defineComponent({
 	name: "XhDateFieldRoot",
 	props: {
-		value: {
-			type: String,
+		value: { type: String },
+		defaultValue: { type: String },
+		min: { type: String },
+		max: { type: String },
+		locale: { type: String },
+		timeZone: { type: String },
+		granularity: { type: String },
+		segments: { type: Array },
+		disabled: {
+			type: Boolean,
 			default: void 0
 		},
-		defaultValue: {
-			type: String,
+		readOnly: {
+			type: Boolean,
 			default: void 0
 		},
-		min: {
-			type: String,
+		invalid: {
+			type: Boolean,
 			default: void 0
 		},
-		max: {
-			type: String,
+		required: {
+			type: Boolean,
 			default: void 0
 		},
-		locale: {
-			type: String,
-			default: void 0
-		},
-		timeZone: {
-			type: String,
-			default: void 0
-		},
-		granularity: {
-			type: String,
-			default: void 0
-		},
-		segments: {
-			type: Array,
-			default: void 0
-		},
-		disabled: Boolean,
-		readOnly: Boolean,
-		invalid: Boolean,
-		required: Boolean,
-		name: {
-			type: String,
-			default: void 0
-		},
-		placeholder: {
-			type: Object,
-			default: void 0
-		},
-		translations: {
-			type: Object,
-			default: void 0
-		},
-		variant: {
-			type: String,
-			default: void 0
-		},
-		tone: {
-			type: String,
-			default: void 0
-		},
-		size: {
-			type: String,
-			default: void 0
-		}
+		name: { type: String },
+		placeholder: { type: Object },
+		translations: { type: Object },
+		variant: { type: String },
+		tone: { type: String },
+		size: { type: String }
 	},
 	emits: {
 		"value-change": (_details) => true,
@@ -77,7 +48,7 @@ const XhDateFieldRoot = defineComponent({
 			emit("value-change", details);
 			emit("update:value", details.value);
 		};
-		const ctx = useDateField(withXhConfig("date-field", props), { onValueChange });
+		const ctx = useDateField(withXhConfig("date-field", useFormControlProps(props)), { onValueChange });
 		provideDateField(ctx);
 		return () => h("div", ctx.api.value.getRootProps(), slots.default?.({
 			value: ctx.api.value.value,
@@ -117,15 +88,9 @@ const XhDateFieldSegmentGroup = defineComponent({
 const XhDateFieldSegment = defineComponent({
 	name: "XhDateFieldSegment",
 	props: {
-		index: {
-			type: [Number, String],
-			default: void 0
-		},
-		/** 按段名声明这一格。段集里没有这一块时它收起；与 index 二选一，两个都写按段名算。 */
-		segment: {
-			type: String,
-			default: void 0
-		}
+		index: { type: [Number, String] },
+		/** 按段名声明该格。段集中没有该段时它收起；与 index 二选一，两个都写时按段名计算。 */
+		segment: { type: String }
 	},
 	slots: Object,
 	setup(props, { slots }) {

package/dist/components/date-field/date-field.js.map

@@ -1 +1 @@
-{"version":3,"file":"date-field.js","names":[],"sources":["../../../src/components/date-field/date-field.ts"],"sourcesContent":["import type { DateFieldApi, DateFieldSchema, DateFieldSegmentState, DateFieldTranslations, DateGranularity, DateSegmentSet, DateSegmentType } 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 { provideDateField, useDateFieldContext } from './context'\nimport { useDateField } from './use-date-field'\n\ntype DateFieldProps = DateFieldSchema['props']\ntype SegmentTexts = { readonly [K in DateSegmentType]?: string }\n\n/** 默认插槽的载荷：整份值、逐段投影、填写状态，以及改写与清空的句柄。 */\nexport type DateFieldRootSlotProps = Pick<\n  DateFieldApi,\n  | 'value'\n  | 'valueAsDate'\n  | 'segments'\n  | 'complete'\n  | 'empty'\n  | 'outOfRange'\n  | 'focusedSegment'\n  | 'setValue'\n  | 'clear'\n  | 'canClear'\n>\n\n/** 段位默认插槽的载荷：本段的投影；下标越界时缺席。 */\nexport interface DateFieldSegmentSlotProps {\n  segment: DateFieldSegmentState | undefined\n}\n\nexport const XhDateFieldRoot = defineComponent({\n  name: 'XhDateFieldRoot',\n  // 缺省值由 connect 给出，这里一律 default: undefined\n  props: {\n    value: { type: String as PropType<string | null>, default: undefined },\n    defaultValue: { type: String as PropType<string | null>, default: undefined },\n    min: { type: String, default: undefined },\n    max: { type: String, default: undefined },\n    locale: { type: String, default: undefined },\n    timeZone: { type: String, default: undefined },\n    granularity: { type: String as PropType<DateGranularity>, default: undefined },\n    // 段集：给了就以它为准，granularity 让路。段位节点仍按下标认段，段集是有序的\n    segments: { type: Array as PropType<DateSegmentSet>, default: undefined },\n    disabled: Boolean,\n    readOnly: Boolean,\n    invalid: Boolean,\n    required: Boolean,\n    name: { type: String, default: undefined },\n    placeholder: { type: Object as PropType<SegmentTexts>, default: undefined },\n    translations: { type: Object as PropType<DateFieldTranslations>, 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  },\n  // value-change 携带 { value }，update:value 携带裸串\n  emits: {\n    'value-change': (_details: PayloadOf<DateFieldProps, 'onValueChange'>) => true,\n    'update:value': (_value: PayloadOf<DateFieldProps, 'onValueChange'>['value']) => true,\n  },\n  slots: Object as SlotsType<{\n    default?: (props: DateFieldRootSlotProps) => VNode[]\n  }>,\n  setup(props, { slots, emit }) {\n    const onValueChange: DateFieldProps['onValueChange'] = (details) => {\n      emit('value-change', details)\n      emit('update:value', details.value)\n    }\n    const ctx = useDateField(withXhConfig('date-field', props) as DateFieldProps, { onValueChange })\n    provideDateField(ctx)\n    return () => h('div', ctx.api.value.getRootProps() as Record<string, unknown>, slots.default?.({\n      value: ctx.api.value.value,\n      valueAsDate: ctx.api.value.valueAsDate,\n      segments: ctx.api.value.segments,\n      complete: ctx.api.value.complete,\n      empty: ctx.api.value.empty,\n      outOfRange: ctx.api.value.outOfRange,\n      focusedSegment: ctx.api.value.focusedSegment,\n      setValue: ctx.api.value.setValue,\n      clear: ctx.api.value.clear,\n      canClear: ctx.api.value.canClear,\n    }))\n  },\n})\n\nexport const XhDateFieldLabel = defineComponent({\n  name: 'XhDateFieldLabel',\n  setup(_, { slots }) {\n    const ctx = useDateFieldContext()\n    // 渲染为 span 而非 label，段位不是可被 for 标注的控件；点标题聚焦由连接层接管\n    return () => h('span', ctx.api.value.getLabelProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhDateFieldControl = defineComponent({\n  name: 'XhDateFieldControl',\n  setup(_, { slots }) {\n    const ctx = useDateFieldContext()\n    return () => h('div', ctx.api.value.getControlProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhDateFieldSegmentGroup = defineComponent({\n  name: 'XhDateFieldSegmentGroup',\n  setup(_, { slots }) {\n    const ctx = useDateFieldContext()\n    return () => h('div', ctx.api.value.getSegmentGroupProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhDateFieldSegment = defineComponent({\n  name: 'XhDateFieldSegment',\n  props: {\n    // 下标由作者声明，是哪一段由 locale 与段集算出；兼收字符串\n    index: { type: [Number, String] as PropType<number | string>, default: undefined },\n    /** 按段名声明这一格。段集里没有这一块时它收起；与 index 二选一，两个都写按段名算。 */\n    segment: { type: String as PropType<DateSegmentType>, default: undefined },\n  },\n  slots: Object as SlotsType<{\n    default?: (props: DateFieldSegmentSlotProps) => VNode[]\n  }>,\n  setup(props, { slots }) {\n    const ctx = useDateFieldContext()\n    return () => {\n      const api = ctx.api.value\n      // 落点由连接层算：按下标还是按段名是同一条路，适配器这边不重写一份\n      const declared = props.segment != null\n        ? { segment: props.segment }\n        : { index: Math.trunc(Number(props.index)) }\n      const state = api.segmentOf(declared)\n      // 有插槽用插槽，否则渲染连接层算好的段位文本\n      return h(\n        'div',\n        api.getSegmentProps(declared) as Record<string, unknown>,\n        slots.default ? slots.default({ segment: state }) : state?.text,\n      )\n    }\n  },\n})\n\nexport const XhDateFieldClearTrigger = defineComponent({\n  name: 'XhDateFieldClearTrigger',\n  setup(_, { slots }) {\n    const ctx = useDateFieldContext()\n    // 没有默认插槽时由皮肤画兜底字形\n    return () => h('button', ctx.api.value.getClearTriggerProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhDateFieldHiddenInput = defineComponent({\n  name: 'XhDateFieldHiddenInput',\n  setup() {\n    const ctx = useDateFieldContext()\n    return () => h('input', ctx.api.value.getHiddenInputProps() as Record<string, unknown>)\n  },\n})\n"],"mappings":"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"}
+{"version":3,"file":"date-field.js","names":[],"sources":["../../../src/components/date-field/date-field.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// 提供 date field 相关实现。\n\nimport type { ControlVariant, Size, Tone } from '@xihan-ui/core'\nimport type { DateFieldApi, DateFieldSchema, DateFieldSegmentState, DateFieldTranslations, DateGranularity, DateSegmentSet, DateSegmentType } 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 { provideDateField, useDateFieldContext } from './context'\nimport { useDateField } from './use-date-field'\n\ntype DateFieldProps = DateFieldSchema['props']\ntype SegmentTexts = { readonly [K in DateSegmentType]?: string }\n\n/** 默认插槽的载荷：整份值、逐段投影、填写状态，以及改写与清空的句柄。 */\nexport type DateFieldRootSlotProps = Pick<\n  DateFieldApi,\n  | 'value'\n  | 'valueAsDate'\n  | 'segments'\n  | 'complete'\n  | 'empty'\n  | 'outOfRange'\n  | 'focusedSegment'\n  | 'setValue'\n  | 'clear'\n  | 'canClear'\n>\n\n/** 段位默认插槽的载荷：本段的投影；下标越界时缺席。 */\nexport interface DateFieldSegmentSlotProps {\n  segment: DateFieldSegmentState | undefined\n}\n\nexport const XhDateFieldRoot = defineComponent({\n  name: 'XhDateFieldRoot',\n  // 缺省值由 connect 给出；普通类型省略 default，Boolean 显式保留 undefined\n  props: {\n    value: { type: String as PropType<string | null> },\n    defaultValue: { type: String as PropType<string | null> },\n    min: { type: String },\n    max: { type: String },\n    locale: { type: String },\n    timeZone: { type: String },\n    granularity: { type: String as PropType<DateGranularity> },\n    // 段集：给了就以它为准，granularity 让路。段位节点仍按下标认段，段集是有序的\n    segments: { type: Array as PropType<DateSegmentSet> },\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 },\n    placeholder: { type: Object as PropType<SegmentTexts> },\n    translations: { type: Object as PropType<DateFieldTranslations> },\n    variant: { type: String as PropType<ControlVariant> },\n    tone: { type: String as PropType<Tone> },\n    size: { type: String as PropType<Size> },\n  },\n  // value-change 携带 { value }，update:value 携带裸串\n  emits: {\n    'value-change': (_details: PayloadOf<DateFieldProps, 'onValueChange'>) => true,\n    'update:value': (_value: PayloadOf<DateFieldProps, 'onValueChange'>['value']) => true,\n  },\n  slots: Object as SlotsType<{\n    default?: (props: DateFieldRootSlotProps) => VNode[]\n  }>,\n  setup(props, { slots, emit }) {\n    const onValueChange: DateFieldProps['onValueChange'] = (details) => {\n      emit('value-change', details)\n      emit('update:value', details.value)\n    }\n    const ctx = useDateField(withXhConfig('date-field', useFormControlProps(props)) as DateFieldProps, { onValueChange })\n    provideDateField(ctx)\n    return () => h('div', ctx.api.value.getRootProps() as Record<string, unknown>, slots.default?.({\n      value: ctx.api.value.value,\n      valueAsDate: ctx.api.value.valueAsDate,\n      segments: ctx.api.value.segments,\n      complete: ctx.api.value.complete,\n      empty: ctx.api.value.empty,\n      outOfRange: ctx.api.value.outOfRange,\n      focusedSegment: ctx.api.value.focusedSegment,\n      setValue: ctx.api.value.setValue,\n      clear: ctx.api.value.clear,\n      canClear: ctx.api.value.canClear,\n    }))\n  },\n})\n\nexport const XhDateFieldLabel = defineComponent({\n  name: 'XhDateFieldLabel',\n  setup(_, { slots }) {\n    const ctx = useDateFieldContext()\n    // 渲染为 span 而非 label，段位不是可被 for 标注的控件；点标题聚焦由连接层接管\n    return () => h('span', ctx.api.value.getLabelProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhDateFieldControl = defineComponent({\n  name: 'XhDateFieldControl',\n  setup(_, { slots }) {\n    const ctx = useDateFieldContext()\n    return () => h('div', ctx.api.value.getControlProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhDateFieldSegmentGroup = defineComponent({\n  name: 'XhDateFieldSegmentGroup',\n  setup(_, { slots }) {\n    const ctx = useDateFieldContext()\n    return () => h('div', ctx.api.value.getSegmentGroupProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhDateFieldSegment = defineComponent({\n  name: 'XhDateFieldSegment',\n  props: {\n    // 下标由作者声明，是哪一段由 locale 与段集算出；兼收字符串\n    index: { type: [Number, String] as PropType<number | string> },\n    /** 按段名声明该格。段集中没有该段时它收起；与 index 二选一，两个都写时按段名计算。 */\n    segment: { type: String as PropType<DateSegmentType> },\n  },\n  slots: Object as SlotsType<{\n    default?: (props: DateFieldSegmentSlotProps) => VNode[]\n  }>,\n  setup(props, { slots }) {\n    const ctx = useDateFieldContext()\n    return () => {\n      const api = ctx.api.value\n      // 落点由连接层算：按下标还是按段名是同一条路，适配器这边不重写一份\n      const declared = props.segment != null\n        ? { segment: props.segment }\n        : { index: Math.trunc(Number(props.index)) }\n      const state = api.segmentOf(declared)\n      // 有插槽用插槽，否则渲染连接层算好的段位文本\n      return h(\n        'div',\n        api.getSegmentProps(declared) as Record<string, unknown>,\n        slots.default ? slots.default({ segment: state }) : state?.text,\n      )\n    }\n  },\n})\n\nexport const XhDateFieldClearTrigger = defineComponent({\n  name: 'XhDateFieldClearTrigger',\n  setup(_, { slots }) {\n    const ctx = useDateFieldContext()\n    // 没有默认插槽时由皮肤画兜底字形\n    return () => h('button', ctx.api.value.getClearTriggerProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhDateFieldHiddenInput = defineComponent({\n  name: 'XhDateFieldHiddenInput',\n  setup() {\n    const ctx = useDateFieldContext()\n    return () => h('input', ctx.api.value.getHiddenInputProps() as Record<string, unknown>)\n  },\n})\n"],"mappings":"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"}

package/dist/components/date-field/use-date-field.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-date-field.d.ts","names":[],"sources":["../../../src/components/date-field/use-date-field.ts"],"mappings":";;;UASiB;EACf,KAAK,YAAY;;iBAGH,aACd,OAAO,0BACP,WAAU,KAAK,6CACd"}
+{"version":3,"file":"use-date-field.d.ts","names":[],"sources":["../../../src/components/date-field/use-date-field.ts"],"mappings":";;;UAgBiB;EACf,KAAK,YAAY;;iBAGH,aACd,OAAO,0BACP,WAAU,KAAK,6CACd"}

package/dist/components/date-field/use-date-field.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 { connectDateField, dateFieldMachine } from "@xihan-ui/headless";
-import { createScope } from "@xihan-ui/kernel";
 //#region src/components/date-field/use-date-field.ts
 function useDateField(props, handlers = {}) {
 	const service = useMachine(dateFieldMachine, () => ({

package/dist/components/date-field/use-date-field.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-date-field.js","names":[],"sources":["../../../src/components/date-field/use-date-field.ts"],"sourcesContent":["import type { DateFieldApi, DateFieldSchema } from '@xihan-ui/headless'\nimport type { ComputedRef } from 'vue'\nimport { connectDateField, dateFieldMachine } 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 DateFieldContext {\n  api: ComputedRef<DateFieldApi>\n}\n\nexport function useDateField(\n  props: DateFieldSchema['props'],\n  handlers: Pick<DateFieldSchema['props'], 'onValueChange'> = {},\n): DateFieldContext {\n  // scope id 走 Vue 的 useId，保证同页多实例的 IDREF 不相撞\n  const idGen = createVueIdGenerator()\n  const scope = createScope(null, idGen)\n  const service = useMachine(dateFieldMachine, () => ({ ...props, ...handlers }), scope)\n  const api = computed(() => connectDateField(service, vueNormalize))\n  return { api }\n}\n"],"mappings":";;;;;;;AAaA,SAAgB,aACd,OACA,WAA4D,CAAC,GAC3C;CAIlB,MAAM,UAAU,WAAW,yBAAyB;EAAE,GAAG;EAAO,GAAG;CAAS,IAD9D,YAAY,MADZ,qBACsB,CACgD,CAAC;CAErF,OAAO,EAAE,KADG,eAAe,iBAAiB,SAAS,YAAY,CACtD,EAAE;AACf"}
+{"version":3,"file":"use-date-field.js","names":[],"sources":["../../../src/components/date-field/use-date-field.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 date field 相关实现。\n\nimport type { DateFieldApi, DateFieldSchema } from '@xihan-ui/headless'\nimport type { ComputedRef } from 'vue'\nimport { createScope } from '@xihan-ui/core'\nimport { connectDateField, dateFieldMachine } 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 DateFieldContext {\n  api: ComputedRef<DateFieldApi>\n}\n\nexport function useDateField(\n  props: DateFieldSchema['props'],\n  handlers: Pick<DateFieldSchema['props'], 'onValueChange'> = {},\n): DateFieldContext {\n  // scope id 走 Vue 的 useId，保证同页多实例的 IDREF 不相撞\n  const idGen = createVueIdGenerator()\n  const scope = createScope(null, idGen)\n  const service = useMachine(dateFieldMachine, () => ({ ...props, ...handlers }), scope)\n  const api = computed(() => connectDateField(service, vueNormalize))\n  return { api }\n}\n"],"mappings":";;;;;;;AAoBA,SAAgB,aACd,OACA,WAA4D,CAAC,GAC3C;CAIlB,MAAM,UAAU,WAAW,yBAAyB;EAAE,GAAG;EAAO,GAAG;CAAS,IAD9D,YAAY,MADZ,qBACsB,CACgD,CAAC;CAErF,OAAO,EAAE,KADG,eAAe,iBAAiB,SAAS,YAAY,CACtD,EAAE;AACf"}

package/dist/components/date-picker/context.js

@@ -2,11 +2,8 @@ import { computed, inject, provide } from "vue";
 //#region src/components/date-picker/context.ts
 const KEY = Symbol.for("xh-date-picker");
 const CELL_KEY = Symbol.for("xh-date-picker-cell");
-const SEGMENT_GROUP_KEY = Symbol.for("xh-date-picker-segment-group");
 const PANEL_KEY = Symbol.for("xh-date-picker-panel");
-/** 没有分段容器时的组号，段位与隐藏输入落到起点那组。 */
-const START_GROUP = { index: computed(() => 0) };
-/** 日历没自报面板号时的落点，与单面板时一致。 */
+/** 日历未声明面板号时的落点，与单面板时一致。 */
 const FIRST_PANEL = { index: computed(() => 0) };
 function provideDatePicker(ctx) {
 	provide(KEY, ctx);
@@ -24,12 +21,6 @@ function useDatePickerCellContext() {
 	if (!ctx) throw new Error("[xh] DatePicker 日期触发器必须用在 XhDatePickerCell 内");
 	return ctx;
 }
-function provideDatePickerSegmentGroup(ctx) {
-	provide(SEGMENT_GROUP_KEY, ctx);
-}
-function useDatePickerSegmentGroupContext() {
-	return inject(SEGMENT_GROUP_KEY, START_GROUP);
-}
 function provideDatePickerPanel(ctx) {
 	provide(PANEL_KEY, ctx);
 }
@@ -37,6 +28,6 @@ function useDatePickerPanelContext() {
 	return inject(PANEL_KEY, FIRST_PANEL);
 }
 //#endregion
-export { provideDatePicker, provideDatePickerCell, provideDatePickerPanel, provideDatePickerSegmentGroup, useDatePickerCellContext, useDatePickerContext, useDatePickerPanelContext, useDatePickerSegmentGroupContext };
+export { provideDatePicker, provideDatePickerCell, provideDatePickerPanel, useDatePickerCellContext, useDatePickerContext, useDatePickerPanelContext };
 
 //# sourceMappingURL=context.js.map

package/dist/components/date-picker/context.js.map

@@ -1 +1 @@
-{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/date-picker/context.ts"],"sourcesContent":["import type { CalendarCellProps } from '@xihan-ui/headless'\nimport type { ComputedRef, InjectionKey } from 'vue'\nimport type { DatePickerContext } from './use-date-picker'\nimport { computed, inject, provide } from 'vue'\n\n/** 格子自报的那一天，供 cell-trigger 复用同一份声明（作者只写一次 value）。 */\nexport interface DatePickerCellContext {\n  cell: ComputedRef<CalendarCellProps>\n}\n\n/** 分段容器自报组号，供组内的段位与隐藏输入认领起止两组之一。 */\nexport interface DatePickerSegmentGroupContext {\n  /** 0 是起点那组，1 是区间终点那组。 */\n  index: ComputedRef<0 | 1>\n}\n\n/** 日历自报面板号，供面板内的标题、网格与格子认领自己属于并排的第几张。 */\nexport interface DatePickerPanelContext {\n  index: ComputedRef<number>\n}\n\nconst KEY: InjectionKey<DatePickerContext> = Symbol.for('xh-date-picker')\nconst CELL_KEY: InjectionKey<DatePickerCellContext> = Symbol.for('xh-date-picker-cell')\nconst SEGMENT_GROUP_KEY: InjectionKey<DatePickerSegmentGroupContext> = Symbol.for('xh-date-picker-segment-group')\nconst PANEL_KEY: InjectionKey<DatePickerPanelContext> = Symbol.for('xh-date-picker-panel')\n\n/** 没有分段容器时的组号，段位与隐藏输入落到起点那组。 */\nconst START_GROUP: DatePickerSegmentGroupContext = { index: computed<0 | 1>(() => 0) }\n\n/** 日历没自报面板号时的落点，与单面板时一致。 */\nconst FIRST_PANEL: DatePickerPanelContext = { index: computed(() => 0) }\n\nexport function provideDatePicker(ctx: DatePickerContext): void {\n  provide(KEY, ctx)\n}\n\nexport function useDatePickerContext(): DatePickerContext {\n  const ctx = inject(KEY, null)\n  if (!ctx)\n    throw new Error('[xh] DatePicker 部件必须用在 XhDatePickerRoot 内')\n  return ctx\n}\n\nexport function provideDatePickerCell(ctx: DatePickerCellContext): void {\n  provide(CELL_KEY, ctx)\n}\n\nexport function useDatePickerCellContext(): DatePickerCellContext {\n  const ctx = inject(CELL_KEY, null)\n  if (!ctx)\n    throw new Error('[xh] DatePicker 日期触发器必须用在 XhDatePickerCell 内')\n  return ctx\n}\n\nexport function provideDatePickerSegmentGroup(ctx: DatePickerSegmentGroupContext): void {\n  provide(SEGMENT_GROUP_KEY, ctx)\n}\n\nexport function useDatePickerSegmentGroupContext(): DatePickerSegmentGroupContext {\n  return inject(SEGMENT_GROUP_KEY, START_GROUP)\n}\n\nexport function provideDatePickerPanel(ctx: DatePickerPanelContext): void {\n  provide(PANEL_KEY, ctx)\n}\n\nexport function useDatePickerPanelContext(): DatePickerPanelContext {\n  return inject(PANEL_KEY, FIRST_PANEL)\n}\n"],"mappings":";;AAqBA,MAAM,MAAuC,OAAO,IAAI,gBAAgB;AACxE,MAAM,WAAgD,OAAO,IAAI,qBAAqB;AACtF,MAAM,oBAAiE,OAAO,IAAI,8BAA8B;AAChH,MAAM,YAAkD,OAAO,IAAI,sBAAsB;;AAGzF,MAAM,cAA6C,EAAE,OAAO,eAAsB,CAAC,EAAE;;AAGrF,MAAM,cAAsC,EAAE,OAAO,eAAe,CAAC,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;AAEA,SAAgB,sBAAsB,KAAkC;CACtE,QAAQ,UAAU,GAAG;AACvB;AAEA,SAAgB,2BAAkD;CAChE,MAAM,MAAM,OAAO,UAAU,IAAI;CACjC,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,8CAA8C;CAChE,OAAO;AACT;AAEA,SAAgB,8BAA8B,KAA0C;CACtF,QAAQ,mBAAmB,GAAG;AAChC;AAEA,SAAgB,mCAAkE;CAChF,OAAO,OAAO,mBAAmB,WAAW;AAC9C;AAEA,SAAgB,uBAAuB,KAAmC;CACxE,QAAQ,WAAW,GAAG;AACxB;AAEA,SAAgB,4BAAoD;CAClE,OAAO,OAAO,WAAW,WAAW;AACtC"}
+{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/date-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 { CalendarCellProps } from '@xihan-ui/headless'\nimport type { ComputedRef, InjectionKey } from 'vue'\nimport type { DatePickerContext } from './use-date-picker'\nimport { computed, inject, provide } from 'vue'\n\n/** 格子声明的那一天，供 cell-trigger 复用同一份声明（作者只写一次 value）。 */\nexport interface DatePickerCellContext {\n  cell: ComputedRef<CalendarCellProps>\n}\n\n/** 日历声明的面板号，供面板内的标题、网格与格子认领自己属于并排的第几张。 */\nexport interface DatePickerPanelContext {\n  index: ComputedRef<number>\n}\n\nconst KEY: InjectionKey<DatePickerContext> = Symbol.for('xh-date-picker')\nconst CELL_KEY: InjectionKey<DatePickerCellContext> = Symbol.for('xh-date-picker-cell')\nconst PANEL_KEY: InjectionKey<DatePickerPanelContext> = Symbol.for('xh-date-picker-panel')\n\n/** 日历未声明面板号时的落点，与单面板时一致。 */\nconst FIRST_PANEL: DatePickerPanelContext = { index: computed(() => 0) }\n\nexport function provideDatePicker(ctx: DatePickerContext): void {\n  provide(KEY, ctx)\n}\n\nexport function useDatePickerContext(): DatePickerContext {\n  const ctx = inject(KEY, null)\n  if (!ctx)\n    throw new Error('[xh] DatePicker 部件必须用在 XhDatePickerRoot 内')\n  return ctx\n}\n\nexport function provideDatePickerCell(ctx: DatePickerCellContext): void {\n  provide(CELL_KEY, ctx)\n}\n\nexport function useDatePickerCellContext(): DatePickerCellContext {\n  const ctx = inject(CELL_KEY, null)\n  if (!ctx)\n    throw new Error('[xh] DatePicker 日期触发器必须用在 XhDatePickerCell 内')\n  return ctx\n}\n\nexport function provideDatePickerPanel(ctx: DatePickerPanelContext): void {\n  provide(PANEL_KEY, ctx)\n}\n\nexport function useDatePickerPanelContext(): DatePickerPanelContext {\n  return inject(PANEL_KEY, FIRST_PANEL)\n}\n"],"mappings":";;AAsBA,MAAM,MAAuC,OAAO,IAAI,gBAAgB;AACxE,MAAM,WAAgD,OAAO,IAAI,qBAAqB;AACtF,MAAM,YAAkD,OAAO,IAAI,sBAAsB;;AAGzF,MAAM,cAAsC,EAAE,OAAO,eAAe,CAAC,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;AAEA,SAAgB,sBAAsB,KAAkC;CACtE,QAAQ,UAAU,GAAG;AACvB;AAEA,SAAgB,2BAAkD;CAChE,MAAM,MAAM,OAAO,UAAU,IAAI;CACjC,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,8CAA8C;CAChE,OAAO;AACT;AAEA,SAAgB,uBAAuB,KAAmC;CACxE,QAAQ,WAAW,GAAG;AACxB;AAEA,SAAgB,4BAAoD;CAClE,OAAO,OAAO,WAAW,WAAW;AACtC"}