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

package/dist/components/thread/context.js

@@ -1,6 +1,6 @@
 import { inject, provide } from "vue";
 //#region src/components/thread/context.ts
-const KEY = Symbol("xh-thread");
+const KEY = Symbol.for("xh-thread");
 function provideThread(ctx) {
 	provide(KEY, ctx);
 }

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

@@ -1 +1 @@
-{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/thread/context.ts"],"sourcesContent":["import type { InjectionKey } from 'vue'\nimport type { ThreadContext } from './use-thread'\nimport { inject, provide } from 'vue'\n\nconst KEY: InjectionKey<ThreadContext> = Symbol('xh-thread')\n\nexport function provideThread(ctx: ThreadContext): void {\n  provide(KEY, ctx)\n}\n\nexport function useThreadContext(): ThreadContext {\n  const ctx = inject(KEY, null)\n  if (!ctx)\n    throw new Error('[xh] Thread 部件必须用在 XhThreadRoot 内')\n  return ctx\n}\n"],"mappings":";;AAIA,MAAM,MAAmC,OAAO,WAAW;AAE3D,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"}
+{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/thread/context.ts"],"sourcesContent":["import type { InjectionKey } from 'vue'\nimport type { ThreadContext } from './use-thread'\nimport { inject, provide } from 'vue'\n\nconst KEY: InjectionKey<ThreadContext> = Symbol.for('xh-thread')\n\nexport function provideThread(ctx: ThreadContext): void {\n  provide(KEY, ctx)\n}\n\nexport function useThreadContext(): ThreadContext {\n  const ctx = inject(KEY, null)\n  if (!ctx)\n    throw new Error('[xh] Thread 部件必须用在 XhThreadRoot 内')\n  return ctx\n}\n"],"mappings":";;AAIA,MAAM,MAAmC,OAAO,IAAI,WAAW;AAE/D,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"}

package/dist/components/time/time.d.ts

@@ -1,5 +1,5 @@
 import { PropType } from "vue";
-import { TimeLocale, TimeType, TimeValue } from "@xihan-ui/headless";
+import { TimeType, TimeValue } from "@xihan-ui/headless";
 //#region src/components/time/time.d.ts
 /**
  * 渲染成 `<time datetime>`：文本给人看，datetime 给机器读，两者取自同一个墙钟。
@@ -21,7 +21,7 @@ declare const XhTime: import("vue").DefineComponent<import("vue").ExtractPropTyp
     default: undefined;
   };
   locale: {
-    type: PropType<TimeLocale>;
+    type: StringConstructor;
     default: undefined;
   };
   now: {
@@ -44,7 +44,7 @@ declare const XhTime: import("vue").DefineComponent<import("vue").ExtractPropTyp
     default: undefined;
   };
   locale: {
-    type: PropType<TimeLocale>;
+    type: StringConstructor;
     default: undefined;
   };
   now: {
@@ -54,7 +54,7 @@ declare const XhTime: import("vue").DefineComponent<import("vue").ExtractPropTyp
 }>> & Readonly<{}>, {
   type: TimeType;
   value: TimeValue;
-  locale: TimeLocale;
+  locale: string;
   format: string;
   now: TimeValue;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

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

@@ -1 +1 @@
-{"version":3,"file":"time.d.ts","names":[],"sources":["../../../src/components/time/time.ts"],"mappings":";;;;;;;;;cAca,sBAAM,8BAAA;;IAI0B,MAAA,SAAS;;;;IAC1B,MAAA,SAAS;;;;;;;;IAEP,MAAA,SAAS;;;;IACI,MAAA,SAAS;;;;;;;IAJP,MAAA,SAAS;;;;IAC1B,MAAA,SAAS;;;;;;;;IAEP,MAAA,SAAS;;;;IACI,MAAA,SAAS;;;;;;;;;qCAsBlD"}
+{"version":3,"file":"time.d.ts","names":[],"sources":["../../../src/components/time/time.ts"],"mappings":";;;;;;;;;cAca,sBAAM,8BAAA;;IAI0B,MAAA,SAAS;;;;IAC1B,MAAA,SAAS;;;;;;;;;;;;IAGM,MAAA,SAAS;;;;;;;IAJP,MAAA,SAAS;;;;IAC1B,MAAA,SAAS;;;;;;;;;;;;IAGM,MAAA,SAAS;;;;;;;;;qCAsBlD"}

package/dist/components/time/time.js.map

@@ -1 +1 @@
-{"version":3,"file":"time.js","names":[],"sources":["../../../src/components/time/time.ts"],"sourcesContent":["import type { TimeLocale, TimeProps, TimeType, TimeValue } from '@xihan-ui/headless'\nimport type { PropType } from 'vue'\nimport { connectTime } from '@xihan-ui/headless'\nimport { computed, defineComponent, h } from 'vue'\nimport { withXhConfig } from '../../config/config'\nimport { vueNormalize } from '../../runtime/normalize-props'\nimport { slotPaints } from '../../runtime/slot-content'\n\n/**\n * 渲染成 `<time datetime>`：文本给人看，datetime 给机器读，两者取自同一个墙钟。\n *\n * 默认插槽里写了东西就用作者的文本，datetime 仍由组件算——这正是拿它包一段\n * 自己排版好的时间说法的用法。插槽为空时铺组件格式化出来的文本。\n */\nexport const XhTime = defineComponent({\n  name: 'XhTime',\n  // 缺省值由 connect 给出，这里一律 default: undefined\n  props: {\n    value: { type: [String, Number, Date] as PropType<TimeValue>, default: undefined },\n    type: { type: String as PropType<TimeType>, default: undefined },\n    format: { type: String, default: undefined },\n    locale: { type: String as PropType<TimeLocale>, default: undefined },\n    now: { type: [String, Number, Date] as PropType<TimeValue>, default: undefined },\n  },\n  setup(props, { slots }) {\n    const merged = withXhConfig('time', props)\n    const api = computed(() => connectTime({\n      value: merged.value,\n      type: merged.type,\n      format: merged.format,\n      locale: merged.locale,\n      now: merged.now,\n    } satisfies TimeProps, vueNormalize))\n\n    return () => {\n      const content = slots.default?.()\n      return h(\n        'time',\n        api.value.getRootProps() as Record<string, unknown>,\n        // 插槽里只剩注释或空白时不算写过东西，那种情况仍铺组件的文本\n        slotPaints(content) ? content : api.value.text,\n      )\n    }\n  },\n})\n"],"mappings":";;;;;;;;;;;;AAcA,MAAa,SAAS,gBAAgB;CACpC,MAAM;CAEN,OAAO;EACL,OAAO;GAAE,MAAM;IAAC;IAAQ;IAAQ;GAAI;GAA0B,SAAS,KAAA;EAAU;EACjF,MAAM;GAAE,MAAM;GAA8B,SAAS,KAAA;EAAU;EAC/D,QAAQ;GAAE,MAAM;GAAQ,SAAS,KAAA;EAAU;EAC3C,QAAQ;GAAE,MAAM;GAAgC,SAAS,KAAA;EAAU;EACnE,KAAK;GAAE,MAAM;IAAC;IAAQ;IAAQ;GAAI;GAA0B,SAAS,KAAA;EAAU;CACjF;CACA,MAAM,OAAO,EAAE,SAAS;EACtB,MAAM,SAAS,aAAa,QAAQ,KAAK;EACzC,MAAM,MAAM,eAAe,YAAY;GACrC,OAAO,OAAO;GACd,MAAM,OAAO;GACb,QAAQ,OAAO;GACf,QAAQ,OAAO;GACf,KAAK,OAAO;EACd,GAAuB,YAAY,CAAC;EAEpC,aAAa;GACX,MAAM,UAAU,MAAM,UAAU;GAChC,OAAO,EACL,QACA,IAAI,MAAM,aAAa,GAEvB,WAAW,OAAO,IAAI,UAAU,IAAI,MAAM,IAC5C;EACF;CACF;AACF,CAAC"}
+{"version":3,"file":"time.js","names":[],"sources":["../../../src/components/time/time.ts"],"sourcesContent":["import type { TimeProps, TimeType, TimeValue } from '@xihan-ui/headless'\nimport type { PropType } from 'vue'\nimport { connectTime } from '@xihan-ui/headless'\nimport { computed, defineComponent, h } from 'vue'\nimport { withXhConfig } from '../../config/config'\nimport { vueNormalize } from '../../runtime/normalize-props'\nimport { slotPaints } from '../../runtime/slot-content'\n\n/**\n * 渲染成 `<time datetime>`：文本给人看，datetime 给机器读，两者取自同一个墙钟。\n *\n * 默认插槽里写了东西就用作者的文本，datetime 仍由组件算——这正是拿它包一段\n * 自己排版好的时间说法的用法。插槽为空时铺组件格式化出来的文本。\n */\nexport const XhTime = defineComponent({\n  name: 'XhTime',\n  // 缺省值由 connect 给出，这里一律 default: undefined\n  props: {\n    value: { type: [String, Number, Date] as PropType<TimeValue>, default: undefined },\n    type: { type: String as PropType<TimeType>, default: undefined },\n    format: { type: String, default: undefined },\n    locale: { type: String, default: undefined },\n    now: { type: [String, Number, Date] as PropType<TimeValue>, default: undefined },\n  },\n  setup(props, { slots }) {\n    const merged = withXhConfig('time', props)\n    const api = computed(() => connectTime({\n      value: merged.value,\n      type: merged.type,\n      format: merged.format,\n      locale: merged.locale,\n      now: merged.now,\n    } satisfies TimeProps, vueNormalize))\n\n    return () => {\n      const content = slots.default?.()\n      return h(\n        'time',\n        api.value.getRootProps() as Record<string, unknown>,\n        // 插槽里只剩注释或空白时不算写过东西，那种情况仍铺组件的文本\n        slotPaints(content) ? content : api.value.text,\n      )\n    }\n  },\n})\n"],"mappings":";;;;;;;;;;;;AAcA,MAAa,SAAS,gBAAgB;CACpC,MAAM;CAEN,OAAO;EACL,OAAO;GAAE,MAAM;IAAC;IAAQ;IAAQ;GAAI;GAA0B,SAAS,KAAA;EAAU;EACjF,MAAM;GAAE,MAAM;GAA8B,SAAS,KAAA;EAAU;EAC/D,QAAQ;GAAE,MAAM;GAAQ,SAAS,KAAA;EAAU;EAC3C,QAAQ;GAAE,MAAM;GAAQ,SAAS,KAAA;EAAU;EAC3C,KAAK;GAAE,MAAM;IAAC;IAAQ;IAAQ;GAAI;GAA0B,SAAS,KAAA;EAAU;CACjF;CACA,MAAM,OAAO,EAAE,SAAS;EACtB,MAAM,SAAS,aAAa,QAAQ,KAAK;EACzC,MAAM,MAAM,eAAe,YAAY;GACrC,OAAO,OAAO;GACd,MAAM,OAAO;GACb,QAAQ,OAAO;GACf,QAAQ,OAAO;GACf,KAAK,OAAO;EACd,GAAuB,YAAY,CAAC;EAEpC,aAAa;GACX,MAAM,UAAU,MAAM,UAAU;GAChC,OAAO,EACL,QACA,IAAI,MAAM,aAAa,GAEvB,WAAW,OAAO,IAAI,UAAU,IAAI,MAAM,IAC5C;EACF;CACF;AACF,CAAC"}

package/dist/components/time-field/context.js

@@ -1,6 +1,6 @@
 import { inject, provide } from "vue";
 //#region src/components/time-field/context.ts
-const KEY = Symbol("xh-time-field");
+const KEY = Symbol.for("xh-time-field");
 function provideTimeField(ctx) {
 	provide(KEY, ctx);
 }

package/dist/components/time-field/context.js.map

@@ -1 +1 @@
-{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/time-field/context.ts"],"sourcesContent":["import type { InjectionKey } from 'vue'\nimport type { TimeFieldContext } from './use-time-field'\nimport { inject, provide } from 'vue'\n\nconst KEY: InjectionKey<TimeFieldContext> = Symbol('xh-time-field')\n\nexport function provideTimeField(ctx: TimeFieldContext): void {\n  provide(KEY, ctx)\n}\n\nexport function useTimeFieldContext(): TimeFieldContext {\n  const ctx = inject(KEY, null)\n  if (!ctx)\n    throw new Error('[xh] TimeField 部件必须用在 XhTimeFieldRoot 内')\n  return ctx\n}\n"],"mappings":";;AAIA,MAAM,MAAsC,OAAO,eAAe;AAElE,SAAgB,iBAAiB,KAA6B;CAC5D,QAAQ,KAAK,GAAG;AAClB;AAEA,SAAgB,sBAAwC;CACtD,MAAM,MAAM,OAAO,KAAK,IAAI;CAC5B,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,yCAAyC;CAC3D,OAAO;AACT"}
+{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/time-field/context.ts"],"sourcesContent":["import type { InjectionKey } from 'vue'\nimport type { TimeFieldContext } from './use-time-field'\nimport { inject, provide } from 'vue'\n\nconst KEY: InjectionKey<TimeFieldContext> = Symbol.for('xh-time-field')\n\nexport function provideTimeField(ctx: TimeFieldContext): void {\n  provide(KEY, ctx)\n}\n\nexport function useTimeFieldContext(): TimeFieldContext {\n  const ctx = inject(KEY, null)\n  if (!ctx)\n    throw new Error('[xh] TimeField 部件必须用在 XhTimeFieldRoot 内')\n  return ctx\n}\n"],"mappings":";;AAIA,MAAM,MAAsC,OAAO,IAAI,eAAe;AAEtE,SAAgB,iBAAiB,KAA6B;CAC5D,QAAQ,KAAK,GAAG;AAClB;AAEA,SAAgB,sBAAwC;CACtD,MAAM,MAAM,OAAO,KAAK,IAAI;CAC5B,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,yCAAyC;CAC3D,OAAO;AACT"}

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

@@ -5,7 +5,7 @@ import { ControlVariant, Size, Tone } from "@xihan-ui/kernel";
 //#region src/components/time-field/time-field.d.ts
 type TimeFieldProps = TimeFieldSchema['props'];
 /** 默认插槽的载荷：当前值、值状态标志、参与显示的段与写值方法。 */
-type TimeFieldRootSlotProps = Pick<TimeFieldApi, 'value' | 'empty' | 'outOfRange' | 'segments' | 'focusedSegment' | 'hourCycle' | 'granularity' | 'setValue' | 'clear'>;
+type TimeFieldRootSlotProps = Pick<TimeFieldApi, 'value' | 'empty' | 'outOfRange' | 'canClear' | 'segments' | 'focusedSegment' | 'hourCycle' | 'granularity' | 'setValue' | 'clear'>;
 declare const XhTimeFieldRoot: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
   value: {
     type: StringConstructor;
@@ -36,6 +36,10 @@ declare const XhTimeFieldRoot: import("vue").DefineComponent<import("vue").Extra
     default: undefined;
   };
   disabled: BooleanConstructor;
+  translations: {
+    type: PropType<TimeFieldProps["translations"]>;
+    default: undefined;
+  };
   readOnly: BooleanConstructor;
   invalid: BooleanConstructor;
   required: BooleanConstructor;
@@ -94,6 +98,10 @@ declare const XhTimeFieldRoot: import("vue").DefineComponent<import("vue").Extra
     default: undefined;
   };
   disabled: BooleanConstructor;
+  translations: {
+    type: PropType<TimeFieldProps["translations"]>;
+    default: undefined;
+  };
   readOnly: BooleanConstructor;
   invalid: BooleanConstructor;
   required: BooleanConstructor;
@@ -129,8 +137,9 @@ declare const XhTimeFieldRoot: import("vue").DefineComponent<import("vue").Extra
   tone: Tone;
   size: Size;
   disabled: boolean;
-  max: string;
+  translations: Partial<import("@xihan-ui/headless").TimeFieldTranslations> | undefined;
   variant: ControlVariant;
+  max: string;
   readOnly: boolean;
   min: string;
   locale: string;
@@ -146,6 +155,9 @@ declare const XhTimeFieldLabel: import("vue").DefineComponent<{}, () => VNode<im
 declare const XhTimeFieldControl: 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 XhTimeFieldSegmentGroup: 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 XhTimeFieldSegment: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
   segment: {
     type: PropType<TimeSegmentType>;
@@ -159,9 +171,12 @@ declare const XhTimeFieldSegment: import("vue").DefineComponent<import("vue").Ex
     required: true;
   };
 }>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const XhTimeFieldClearTrigger: 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 XhTimeFieldHiddenInput: 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 { TimeFieldRootSlotProps, XhTimeFieldControl, XhTimeFieldHiddenInput, XhTimeFieldLabel, XhTimeFieldRoot, XhTimeFieldSegment };
+export { TimeFieldRootSlotProps, XhTimeFieldClearTrigger, XhTimeFieldControl, XhTimeFieldHiddenInput, XhTimeFieldLabel, XhTimeFieldRoot, XhTimeFieldSegment, XhTimeFieldSegmentGroup };
 //# sourceMappingURL=time-field.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"time-field.d.ts","names":[],"sources":["../../../src/components/time-field/time-field.ts"],"mappings":";;;;;KASK,iBAAiB;;KAGV,yBAAyB,KACnC;cAIW,+BAAe,8BAAA;;;;;;;;;;;;;;;;;;;;;;IAUK,MAAA,SAAS;;;;IACP,MAAA,SAAS;;;;;;;;;;;;;;;;IAOb,MAAA,SAAS;;;;IACZ,MAAA,SAAS;;;;IACT,MAAA,SAAS;;;;;;EAIN,iBAAA,UAAA,UAAU;EACZ,iBAAA,QAAA,UAAU;;;;;;;;;;;;;;;;;;;;;;;IAfN,MAAA,SAAS;;;;IACP,MAAA,SAAS;;;;;;;;;;;;;;;;IAOb,MAAA,SAAS;;;;IACZ,MAAA,SAAS;;;;IACT,MAAA,SAAS;;;;;;;;;;;;;;;;;;;;;;;;EAQvB,WAAC,OAAO,2BAA2B;kCAqB/C;cAEW,gCAAgB,0BAAA,oBAAA,4BAAA;;8BAO3B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,kCAAkB,0BAAA,oBAAA,4BAAA;;8BAM7B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,kCAAkB,8BAAA;;IAIA,MAAA,SAAS;;;;;;;IAAT,MAAA,SAAS;;;MAWtC,oDAAA;cAEW,sCAAsB,0BAAA,oBAAA,4BAAA;;8BAMjC,qCAAA,iDAAA,aAAA,eAAA,oDAAA"}
+{"version":3,"file":"time-field.d.ts","names":[],"sources":["../../../src/components/time-field/time-field.ts"],"mappings":";;;;;KASK,iBAAiB;;KAGV,yBAAyB,KACnC;cAIW,+BAAe,8BAAA;;;;;;;;;;;;;;;;;;;;;;IAUK,MAAA,SAAS;;;;IACP,MAAA,SAAS;;;;;IAER,MAAA,SAAS;;;;;;;;;;;;;;;IAMd,MAAA,SAAS;;;;IACZ,MAAA,SAAS;;;;IACT,MAAA,SAAS;;;;;;EAIN,iBAAA,UAAA,UAAU;EACZ,iBAAA,QAAA,UAAU;;;;;;;;;;;;;;;;;;;;;;;IAhBN,MAAA,SAAS;;;;IACP,MAAA,SAAS;;;;;IAER,MAAA,SAAS;;;;;;;;;;;;;;;IAMd,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;;IAIA,MAAA,SAAS;;;;;;;IAAT,MAAA,SAAS;;;MAWtC,oDAAA;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/time-field/time-field.js

@@ -35,6 +35,10 @@ const XhTimeFieldRoot = defineComponent({
 			default: void 0
 		},
 		disabled: Boolean,
+		translations: {
+			type: Object,
+			default: void 0
+		},
 		readOnly: Boolean,
 		invalid: Boolean,
 		required: Boolean,
@@ -75,6 +79,7 @@ const XhTimeFieldRoot = defineComponent({
 			value: ctx.api.value.value,
 			empty: ctx.api.value.empty,
 			outOfRange: ctx.api.value.outOfRange,
+			canClear: ctx.api.value.canClear,
 			segments: ctx.api.value.segments,
 			focusedSegment: ctx.api.value.focusedSegment,
 			hourCycle: ctx.api.value.hourCycle,
@@ -98,6 +103,13 @@ const XhTimeFieldControl = defineComponent({
 		return () => h("div", ctx.api.value.getControlProps(), slots.default?.());
 	}
 });
+const XhTimeFieldSegmentGroup = defineComponent({
+	name: "XhTimeFieldSegmentGroup",
+	setup(_, { slots }) {
+		const ctx = useTimeFieldContext();
+		return () => h("div", ctx.api.value.getSegmentGroupProps(), slots.default?.());
+	}
+});
 const XhTimeFieldSegment = defineComponent({
 	name: "XhTimeFieldSegment",
 	props: { segment: {
@@ -109,6 +121,13 @@ const XhTimeFieldSegment = defineComponent({
 		return () => h("span", ctx.api.value.getSegmentProps({ segment: props.segment }), slots.default?.() ?? ctx.api.value.getSegmentText({ segment: props.segment }));
 	}
 });
+const XhTimeFieldClearTrigger = defineComponent({
+	name: "XhTimeFieldClearTrigger",
+	setup(_, { slots }) {
+		const ctx = useTimeFieldContext();
+		return () => h("button", ctx.api.value.getClearTriggerProps(), slots.default?.());
+	}
+});
 const XhTimeFieldHiddenInput = defineComponent({
 	name: "XhTimeFieldHiddenInput",
 	setup() {
@@ -117,6 +136,6 @@ const XhTimeFieldHiddenInput = defineComponent({
 	}
 });
 //#endregion
-export { XhTimeFieldControl, XhTimeFieldHiddenInput, XhTimeFieldLabel, XhTimeFieldRoot, XhTimeFieldSegment };
+export { XhTimeFieldClearTrigger, XhTimeFieldControl, XhTimeFieldHiddenInput, XhTimeFieldLabel, XhTimeFieldRoot, XhTimeFieldSegment, XhTimeFieldSegmentGroup };
 
 //# sourceMappingURL=time-field.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"time-field.js","names":[],"sources":["../../../src/components/time-field/time-field.ts"],"sourcesContent":["import type { TimeFieldApi, TimeFieldSchema, TimeGranularity, TimeHourCycle, TimeSegmentType } 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 { provideTimeField, useTimeFieldContext } from './context'\nimport { useTimeField } from './use-time-field'\n\ntype TimeFieldProps = TimeFieldSchema['props']\n\n/** 默认插槽的载荷：当前值、值状态标志、参与显示的段与写值方法。 */\nexport type TimeFieldRootSlotProps = Pick<\n  TimeFieldApi,\n  'value' | 'empty' | 'outOfRange' | 'segments' | 'focusedSegment' | 'hourCycle' | 'granularity' | 'setValue' | 'clear'\n>\n\nexport const XhTimeFieldRoot = defineComponent({\n  name: 'XhTimeFieldRoot',\n  props: {\n    // default: undefined 表示非受控\n    value: { type: String, default: undefined },\n    defaultValue: { type: String, default: undefined },\n    min: { type: String, default: undefined },\n    max: { type: String, default: undefined },\n    locale: { type: String, default: undefined },\n    // 缺省值由 connect 给出，这里一律 default: undefined\n    hourCycle: { type: Number as PropType<TimeHourCycle>, default: undefined },\n    granularity: { type: String as PropType<TimeGranularity>, default: undefined },\n    disabled: Boolean,\n    readOnly: Boolean,\n    invalid: Boolean,\n    required: Boolean,\n    name: { type: String, default: undefined },\n    placeholder: { 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  },\n  // value-change 携带 { value }，update:value 携带裸串\n  emits: {\n    'value-change': (_details: PayloadOf<TimeFieldProps, 'onValueChange'>) => true,\n    'update:value': (_value: PayloadOf<TimeFieldProps, 'onValueChange'>['value']) => true,\n  },\n  slots: Object as SlotsType<{\n    default?: (props: TimeFieldRootSlotProps) => VNode[]\n  }>,\n  setup(props, { slots, emit }) {\n    const onValueChange: TimeFieldProps['onValueChange'] = (details) => {\n      emit('value-change', details)\n      emit('update:value', details.value)\n    }\n    const ctx = useTimeField(withXhConfig('time-field', props) as TimeFieldProps, { onValueChange })\n    provideTimeField(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      outOfRange: ctx.api.value.outOfRange,\n      segments: ctx.api.value.segments,\n      focusedSegment: ctx.api.value.focusedSegment,\n      hourCycle: ctx.api.value.hourCycle,\n      granularity: ctx.api.value.granularity,\n      setValue: ctx.api.value.setValue,\n      clear: ctx.api.value.clear,\n    }))\n  },\n})\n\nexport const XhTimeFieldLabel = defineComponent({\n  name: 'XhTimeFieldLabel',\n  setup(_, { slots }) {\n    const ctx = useTimeFieldContext()\n    // 仍用原生 label 保持表单语义，点标题聚焦第一段由连接层的 click 接管\n    return () => h('label', ctx.api.value.getLabelProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhTimeFieldControl = defineComponent({\n  name: 'XhTimeFieldControl',\n  setup(_, { slots }) {\n    const ctx = useTimeFieldContext()\n    return () => h('div', ctx.api.value.getControlProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhTimeFieldSegment = defineComponent({\n  name: 'XhTimeFieldSegment',\n  props: {\n    // 段的身份由作者声明\n    segment: { type: String as PropType<TimeSegmentType>, required: true },\n  },\n  setup(props, { slots }) {\n    const ctx = useTimeFieldContext()\n    // 有插槽用插槽，否则显示该段的文字，空段为占位串\n    return () => h(\n      'span',\n      ctx.api.value.getSegmentProps({ segment: props.segment }) as Record<string, unknown>,\n      slots.default?.() ?? ctx.api.value.getSegmentText({ segment: props.segment }),\n    )\n  },\n})\n\nexport const XhTimeFieldHiddenInput = defineComponent({\n  name: 'XhTimeFieldHiddenInput',\n  setup() {\n    const ctx = useTimeFieldContext()\n    return () => h('input', ctx.api.value.getHiddenInputProps() as Record<string, unknown>)\n  },\n})\n"],"mappings":";;;;;AAiBA,MAAa,kBAAkB,gBAAgB;CAC7C,MAAM;CACN,OAAO;EAEL,OAAO;GAAE,MAAM;GAAQ,SAAS,KAAA;EAAU;EAC1C,cAAc;GAAE,MAAM;GAAQ,SAAS,KAAA;EAAU;EACjD,KAAK;GAAE,MAAM;GAAQ,SAAS,KAAA;EAAU;EACxC,KAAK;GAAE,MAAM;GAAQ,SAAS,KAAA;EAAU;EACxC,QAAQ;GAAE,MAAM;GAAQ,SAAS,KAAA;EAAU;EAE3C,WAAW;GAAE,MAAM;GAAmC,SAAS,KAAA;EAAU;EACzE,aAAa;GAAE,MAAM;GAAqC,SAAS,KAAA;EAAU;EAC7E,UAAU;EACV,UAAU;EACV,SAAS;EACT,UAAU;EACV,MAAM;GAAE,MAAM;GAAQ,SAAS,KAAA;EAAU;EACzC,aAAa;GAAE,MAAM;GAAQ,SAAS,KAAA;EAAU;EAChD,SAAS;GAAE,MAAM;GAAoC,SAAS,KAAA;EAAU;EACxE,MAAM;GAAE,MAAM;GAA0B,SAAS,KAAA;EAAU;EAC3D,MAAM;GAAE,MAAM;GAA0B,SAAS,KAAA;EAAU;CAC7D;CAEA,OAAO;EACL,iBAAiB,aAAyD;EAC1E,iBAAiB,WAAgE;CACnF;CACA,OAAO;CAGP,MAAM,OAAO,EAAE,OAAO,QAAQ;EAC5B,MAAM,iBAAkD,YAAY;GAClE,KAAK,gBAAgB,OAAO;GAC5B,KAAK,gBAAgB,QAAQ,KAAK;EACpC;EACA,MAAM,MAAM,aAAa,aAAa,cAAc,KAAK,GAAqB,EAAE,cAAc,CAAC;EAC/F,iBAAiB,GAAG;EACpB,aAAa,EAAE,OAAO,IAAI,IAAI,MAAM,aAAa,GAA8B,MAAM,UAAU;GAC7F,OAAO,IAAI,IAAI,MAAM;GACrB,OAAO,IAAI,IAAI,MAAM;GACrB,YAAY,IAAI,IAAI,MAAM;GAC1B,UAAU,IAAI,IAAI,MAAM;GACxB,gBAAgB,IAAI,IAAI,MAAM;GAC9B,WAAW,IAAI,IAAI,MAAM;GACzB,aAAa,IAAI,IAAI,MAAM;GAC3B,UAAU,IAAI,IAAI,MAAM;GACxB,OAAO,IAAI,IAAI,MAAM;EACvB,CAAC,CAAC;CACJ;AACF,CAAC;AAED,MAAa,mBAAmB,gBAAgB;CAC9C,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,oBAAoB;EAEhC,aAAa,EAAE,SAAS,IAAI,IAAI,MAAM,cAAc,GAA8B,MAAM,UAAU,CAAC;CACrG;AACF,CAAC;AAED,MAAa,qBAAqB,gBAAgB;CAChD,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,oBAAoB;EAChC,aAAa,EAAE,OAAO,IAAI,IAAI,MAAM,gBAAgB,GAA8B,MAAM,UAAU,CAAC;CACrG;AACF,CAAC;AAED,MAAa,qBAAqB,gBAAgB;CAChD,MAAM;CACN,OAAO,EAEL,SAAS;EAAE,MAAM;EAAqC,UAAU;CAAK,EACvE;CACA,MAAM,OAAO,EAAE,SAAS;EACtB,MAAM,MAAM,oBAAoB;EAEhC,aAAa,EACX,QACA,IAAI,IAAI,MAAM,gBAAgB,EAAE,SAAS,MAAM,QAAQ,CAAC,GACxD,MAAM,UAAU,KAAK,IAAI,IAAI,MAAM,eAAe,EAAE,SAAS,MAAM,QAAQ,CAAC,CAC9E;CACF;AACF,CAAC;AAED,MAAa,yBAAyB,gBAAgB;CACpD,MAAM;CACN,QAAQ;EACN,MAAM,MAAM,oBAAoB;EAChC,aAAa,EAAE,SAAS,IAAI,IAAI,MAAM,oBAAoB,CAA4B;CACxF;AACF,CAAC"}
+{"version":3,"file":"time-field.js","names":[],"sources":["../../../src/components/time-field/time-field.ts"],"sourcesContent":["import type { TimeFieldApi, TimeFieldSchema, TimeGranularity, TimeHourCycle, TimeSegmentType } 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 { provideTimeField, useTimeFieldContext } from './context'\nimport { useTimeField } from './use-time-field'\n\ntype TimeFieldProps = TimeFieldSchema['props']\n\n/** 默认插槽的载荷：当前值、值状态标志、参与显示的段与写值方法。 */\nexport type TimeFieldRootSlotProps = Pick<\n  TimeFieldApi,\n  'value' | 'empty' | 'outOfRange' | 'canClear' | 'segments' | 'focusedSegment' | 'hourCycle' | 'granularity' | 'setValue' | 'clear'\n>\n\nexport const XhTimeFieldRoot = defineComponent({\n  name: 'XhTimeFieldRoot',\n  props: {\n    // default: undefined 表示非受控\n    value: { type: String, default: undefined },\n    defaultValue: { type: String, default: undefined },\n    min: { type: String, default: undefined },\n    max: { type: String, default: undefined },\n    locale: { type: String, default: undefined },\n    // 缺省值由 connect 给出，这里一律 default: undefined\n    hourCycle: { type: Number as PropType<TimeHourCycle>, default: undefined },\n    granularity: { type: String as PropType<TimeGranularity>, default: undefined },\n    disabled: Boolean,\n    translations: { type: Object as PropType<TimeFieldProps['translations']>, default: undefined },\n    readOnly: Boolean,\n    invalid: Boolean,\n    required: Boolean,\n    name: { type: String, default: undefined },\n    placeholder: { 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  },\n  // value-change 携带 { value }，update:value 携带裸串\n  emits: {\n    'value-change': (_details: PayloadOf<TimeFieldProps, 'onValueChange'>) => true,\n    'update:value': (_value: PayloadOf<TimeFieldProps, 'onValueChange'>['value']) => true,\n  },\n  slots: Object as SlotsType<{\n    default?: (props: TimeFieldRootSlotProps) => VNode[]\n  }>,\n  setup(props, { slots, emit }) {\n    const onValueChange: TimeFieldProps['onValueChange'] = (details) => {\n      emit('value-change', details)\n      emit('update:value', details.value)\n    }\n    const ctx = useTimeField(withXhConfig('time-field', props) as TimeFieldProps, { onValueChange })\n    provideTimeField(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      outOfRange: ctx.api.value.outOfRange,\n      canClear: ctx.api.value.canClear,\n      segments: ctx.api.value.segments,\n      focusedSegment: ctx.api.value.focusedSegment,\n      hourCycle: ctx.api.value.hourCycle,\n      granularity: ctx.api.value.granularity,\n      setValue: ctx.api.value.setValue,\n      clear: ctx.api.value.clear,\n    }))\n  },\n})\n\nexport const XhTimeFieldLabel = defineComponent({\n  name: 'XhTimeFieldLabel',\n  setup(_, { slots }) {\n    const ctx = useTimeFieldContext()\n    // 仍用原生 label 保持表单语义，点标题聚焦第一段由连接层的 click 接管\n    return () => h('label', ctx.api.value.getLabelProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhTimeFieldControl = defineComponent({\n  name: 'XhTimeFieldControl',\n  setup(_, { slots }) {\n    const ctx = useTimeFieldContext()\n    return () => h('div', ctx.api.value.getControlProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhTimeFieldSegmentGroup = defineComponent({\n  name: 'XhTimeFieldSegmentGroup',\n  setup(_, { slots }) {\n    const ctx = useTimeFieldContext()\n    return () => h('div', ctx.api.value.getSegmentGroupProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhTimeFieldSegment = defineComponent({\n  name: 'XhTimeFieldSegment',\n  props: {\n    // 段的身份由作者声明\n    segment: { type: String as PropType<TimeSegmentType>, required: true },\n  },\n  setup(props, { slots }) {\n    const ctx = useTimeFieldContext()\n    // 有插槽用插槽，否则显示该段的文字，空段为占位串\n    return () => h(\n      'span',\n      ctx.api.value.getSegmentProps({ segment: props.segment }) as Record<string, unknown>,\n      slots.default?.() ?? ctx.api.value.getSegmentText({ segment: props.segment }),\n    )\n  },\n})\n\nexport const XhTimeFieldClearTrigger = defineComponent({\n  name: 'XhTimeFieldClearTrigger',\n  setup(_, { slots }) {\n    const ctx = useTimeFieldContext()\n    // 没写内容时由皮肤画兜底字形\n    return () => h('button', ctx.api.value.getClearTriggerProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhTimeFieldHiddenInput = defineComponent({\n  name: 'XhTimeFieldHiddenInput',\n  setup() {\n    const ctx = useTimeFieldContext()\n    return () => h('input', ctx.api.value.getHiddenInputProps() as Record<string, unknown>)\n  },\n})\n"],"mappings":"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"}

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

@@ -1,7 +1,7 @@
 import { inject, provide } from "vue";
 //#region src/components/time-picker/context.ts
-const KEY = Symbol("xh-time-picker");
-const COLUMN_KEY = Symbol("xh-time-picker-column");
+const KEY = Symbol.for("xh-time-picker");
+const COLUMN_KEY = Symbol.for("xh-time-picker-column");
 function provideTimePicker(ctx) {
 	provide(KEY, ctx);
 }

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

@@ -1 +1 @@
-{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/time-picker/context.ts"],"sourcesContent":["import type { TimePickerColumnUnit } from '@xihan-ui/headless'\nimport type { ComputedRef, InjectionKey } from 'vue'\nimport type { TimePickerContext } from './use-time-picker'\nimport { inject, provide } from 'vue'\n\n/** 列自报的单位，供列内选项取到自己归哪一列。 */\nexport interface TimePickerColumnContext {\n  unit: ComputedRef<TimePickerColumnUnit>\n}\n\nconst KEY: InjectionKey<TimePickerContext> = Symbol('xh-time-picker')\nconst COLUMN_KEY: InjectionKey<TimePickerColumnContext> = Symbol('xh-time-picker-column')\n\nexport function provideTimePicker(ctx: TimePickerContext): void {\n  provide(KEY, ctx)\n}\n\nexport function useTimePickerContext(): TimePickerContext {\n  const ctx = inject(KEY, null)\n  if (!ctx)\n    throw new Error('[xh] TimePicker 部件必须用在 XhTimePickerRoot 内')\n  return ctx\n}\n\nexport function provideTimePickerColumn(ctx: TimePickerColumnContext): void {\n  provide(COLUMN_KEY, ctx)\n}\n\nexport function useTimePickerColumnContext(): TimePickerColumnContext {\n  const ctx = inject(COLUMN_KEY, null)\n  if (!ctx)\n    throw new Error('[xh] TimePicker 选项必须用在 XhTimePickerColumn 内')\n  return ctx\n}\n"],"mappings":";;AAUA,MAAM,MAAuC,OAAO,gBAAgB;AACpE,MAAM,aAAoD,OAAO,uBAAuB;AAExF,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,wBAAwB,KAAoC;CAC1E,QAAQ,YAAY,GAAG;AACzB;AAEA,SAAgB,6BAAsD;CACpE,MAAM,MAAM,OAAO,YAAY,IAAI;CACnC,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,6CAA6C;CAC/D,OAAO;AACT"}
+{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/time-picker/context.ts"],"sourcesContent":["import type { TimePickerColumnUnit } from '@xihan-ui/headless'\nimport type { ComputedRef, InjectionKey } from 'vue'\nimport type { TimePickerContext } from './use-time-picker'\nimport { inject, provide } from 'vue'\n\n/** 列自报的单位，供列内选项取到自己归哪一列。 */\nexport interface TimePickerColumnContext {\n  unit: ComputedRef<TimePickerColumnUnit>\n}\n\nconst KEY: InjectionKey<TimePickerContext> = Symbol.for('xh-time-picker')\nconst COLUMN_KEY: InjectionKey<TimePickerColumnContext> = Symbol.for('xh-time-picker-column')\n\nexport function provideTimePicker(ctx: TimePickerContext): void {\n  provide(KEY, ctx)\n}\n\nexport function useTimePickerContext(): TimePickerContext {\n  const ctx = inject(KEY, null)\n  if (!ctx)\n    throw new Error('[xh] TimePicker 部件必须用在 XhTimePickerRoot 内')\n  return ctx\n}\n\nexport function provideTimePickerColumn(ctx: TimePickerColumnContext): void {\n  provide(COLUMN_KEY, ctx)\n}\n\nexport function useTimePickerColumnContext(): TimePickerColumnContext {\n  const ctx = inject(COLUMN_KEY, null)\n  if (!ctx)\n    throw new Error('[xh] TimePicker 选项必须用在 XhTimePickerColumn 内')\n  return ctx\n}\n"],"mappings":";;AAUA,MAAM,MAAuC,OAAO,IAAI,gBAAgB;AACxE,MAAM,aAAoD,OAAO,IAAI,uBAAuB;AAE5F,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,wBAAwB,KAAoC;CAC1E,QAAQ,YAAY,GAAG;AACzB;AAEA,SAAgB,6BAAsD;CACpE,MAAM,MAAM,OAAO,YAAY,IAAI;CACnC,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,6CAA6C;CAC/D,OAAO;AACT"}

package/dist/components/time-picker/time-picker.d.ts

@@ -1,7 +1,7 @@
 import { PayloadOf } from "../../runtime/payload.js";
 import { PropType, SlotsType, VNode } from "vue";
-import { TimeGranularity, TimeHourCycle, TimePickerApi, TimePickerColumn, TimePickerColumnUnit, TimePickerSchema, TimeSegmentType } from "@xihan-ui/headless";
-import { Placement } from "@xihan-ui/kernel";
+import { TimeGranularity, TimeHourCycle, TimePickerApi, TimePickerColumn, TimePickerColumnUnit, TimePickerPreset, TimePickerPresetState, TimePickerSchema, TimeSegmentType } from "@xihan-ui/headless";
+import { ControlVariant, Placement, Size, Tone } from "@xihan-ui/kernel";
 //#region src/components/time-picker/time-picker.d.ts
 type TimePickerProps = TimePickerSchema['props'];
 /** 默认插槽的载荷：浮层开合与当前值、值状态标志、此刻的段与列，以及开合、写值、清空的动作。 */
@@ -10,6 +10,10 @@ type TimePickerRootSlotProps = Pick<TimePickerApi, 'open' | 'value' | 'empty' |
 interface TimePickerColumnSlotProps {
   options: TimePickerColumn['options'];
 }
+/** 快捷选项列默认插槽的载荷：逐条的投影，作者据此自己铺条目。 */
+interface TimePickerPresetsSlotProps {
+  presets: readonly TimePickerPresetState[];
+}
 declare const XhTimePickerRoot: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
   value: {
     type: StringConstructor;
@@ -48,7 +52,20 @@ declare const XhTimePickerRoot: import("vue").DefineComponent<import("vue").Extr
     type: NumberConstructor;
     default: undefined;
   };
+  /** 快捷选项；给了就在浮层里多出一列，时刻要在自己的 computed 里算好再传。 */
+  presets: {
+    type: PropType<TimePickerPreset[]>;
+    default: undefined;
+  };
   disabled: BooleanConstructor;
+  translations: {
+    type: PropType<TimePickerProps["translations"]>;
+    default: undefined;
+  };
+  isTimeUnavailable: {
+    type: PropType<(value: string, unit: TimePickerColumnUnit) => boolean>;
+    default: undefined;
+  };
   readOnly: BooleanConstructor;
   invalid: BooleanConstructor;
   required: BooleanConstructor;
@@ -56,6 +73,18 @@ declare const XhTimePickerRoot: import("vue").DefineComponent<import("vue").Extr
     type: StringConstructor;
     default: undefined;
   };
+  variant: {
+    type: PropType<ControlVariant>;
+    default: undefined;
+  };
+  tone: {
+    type: PropType<Tone>;
+    default: undefined;
+  };
+  size: {
+    type: PropType<Size>;
+    default: undefined;
+  };
   placement: {
     type: PropType<Placement>;
     default: undefined;
@@ -109,7 +138,20 @@ declare const XhTimePickerRoot: import("vue").DefineComponent<import("vue").Extr
     type: NumberConstructor;
     default: undefined;
   };
+  /** 快捷选项；给了就在浮层里多出一列，时刻要在自己的 computed 里算好再传。 */
+  presets: {
+    type: PropType<TimePickerPreset[]>;
+    default: undefined;
+  };
   disabled: BooleanConstructor;
+  translations: {
+    type: PropType<TimePickerProps["translations"]>;
+    default: undefined;
+  };
+  isTimeUnavailable: {
+    type: PropType<(value: string, unit: TimePickerColumnUnit) => boolean>;
+    default: undefined;
+  };
   readOnly: BooleanConstructor;
   invalid: BooleanConstructor;
   required: BooleanConstructor;
@@ -117,6 +159,18 @@ declare const XhTimePickerRoot: import("vue").DefineComponent<import("vue").Extr
     type: StringConstructor;
     default: undefined;
   };
+  variant: {
+    type: PropType<ControlVariant>;
+    default: undefined;
+  };
+  tone: {
+    type: PropType<Tone>;
+    default: undefined;
+  };
+  size: {
+    type: PropType<Size>;
+    default: undefined;
+  };
   placement: {
     type: PropType<Placement>;
     default: undefined;
@@ -136,18 +190,24 @@ declare const XhTimePickerRoot: import("vue").DefineComponent<import("vue").Extr
   invalid: boolean;
   value: string;
   defaultValue: string;
+  tone: Tone;
+  size: Size;
   disabled: boolean;
+  offset: number;
+  translations: Partial<import("@xihan-ui/headless").TimePickerTranslations> | undefined;
   open: boolean;
   defaultOpen: boolean;
-  offset: number;
+  variant: ControlVariant;
   max: string;
   readOnly: boolean;
   min: string;
   locale: string;
   placement: Placement;
+  presets: TimePickerPreset[];
   granularity: TimeGranularity;
   step: number;
   hourCycle: TimeHourCycle;
+  isTimeUnavailable: (value: string, unit: TimePickerColumnUnit) => boolean;
 }, SlotsType<{
   default?: (props: TimePickerRootSlotProps) => VNode[];
 }>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
@@ -157,6 +217,9 @@ declare const XhTimePickerLabel: import("vue").DefineComponent<{}, () => VNode<i
 declare const XhTimePickerControl: 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 XhTimePickerSegmentGroup: 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 XhTimePickerInput: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
   segment: {
     type: PropType<TimeSegmentType>;
@@ -182,6 +245,30 @@ declare const XhTimePickerPositioner: import("vue").DefineComponent<{}, () => VN
 declare const XhTimePickerContent: 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 XhTimePickerPresets: 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<{}>, {}, SlotsType<{
+  /** 自己铺条目；不写就按 presets 数据自动铺，两者产出的 DOM 一致。 */
+  default?: (props: TimePickerPresetsSlotProps) => VNode[];
+}>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const XhTimePickerPreset: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+  /** 这一条的身份，与 presets 数据里的 value 逐字对上。 */
+  value: {
+    type: StringConstructor;
+    required: true;
+  };
+}>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+  [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+  /** 这一条的身份，与 presets 数据里的 value 逐字对上。 */
+  value: {
+    type: StringConstructor;
+    required: true;
+  };
+}>> & Readonly<{}>, {}, SlotsType<{
+  /** 条目内容；不写就用数据里的 label。 */
+  default?: () => VNode[];
+}>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const XhTimePickerColumn: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
   unit: {
     type: PropType<TimePickerColumnUnit>;
@@ -198,7 +285,7 @@ declare const XhTimePickerColumn: import("vue").DefineComponent<import("vue").Ex
   default?: (props: TimePickerColumnSlotProps) => VNode[];
 }>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const XhTimePickerItem: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-  /** 两位补零的显示串（'09' / '30'），与段上的文字同一套写法。 */
+  /** 两位补零的显示串（'09' / '30'）；上下午列写 '00' / '01'。 */
   value: {
     type: StringConstructor;
     required: true;
@@ -206,7 +293,7 @@ declare const XhTimePickerItem: import("vue").DefineComponent<import("vue").Extr
 }>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
   [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
-  /** 两位补零的显示串（'09' / '30'），与段上的文字同一套写法。 */
+  /** 两位补零的显示串（'09' / '30'）；上下午列写 '00' / '01'。 */
   value: {
     type: StringConstructor;
     required: true;
@@ -216,5 +303,5 @@ declare const XhTimePickerHiddenInput: import("vue").DefineComponent<{}, () => V
   [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 //#endregion
-export { TimePickerColumnSlotProps, TimePickerRootSlotProps, XhTimePickerClearTrigger, XhTimePickerColumn, XhTimePickerContent, XhTimePickerControl, XhTimePickerHiddenInput, XhTimePickerInput, XhTimePickerItem, XhTimePickerLabel, XhTimePickerPositioner, XhTimePickerRoot, XhTimePickerTrigger };
+export { TimePickerColumnSlotProps, TimePickerPresetsSlotProps, TimePickerRootSlotProps, XhTimePickerClearTrigger, XhTimePickerColumn, XhTimePickerContent, XhTimePickerControl, XhTimePickerHiddenInput, XhTimePickerInput, XhTimePickerItem, XhTimePickerLabel, XhTimePickerPositioner, XhTimePickerPreset, XhTimePickerPresets, XhTimePickerRoot, XhTimePickerSegmentGroup, XhTimePickerTrigger };
 //# sourceMappingURL=time-picker.d.ts.map

package/dist/components/time-picker/time-picker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"time-picker.d.ts","names":[],"sources":["../../../src/components/time-picker/time-picker.ts"],"mappings":";;;;;KAsBK,kBAAkB;;KAGX,0BAA0B,KACpC;;UAce;EACf,SAAS;;cAGE,gCAAgB,8BAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;IAWI,MAAA,SAAS;;;;IACP,MAAA,SAAS;;;;;;;;;;;;;;;;IAOX,MAAA,SAAS;;;;;;;;;;EAKX,iBAAA,UAAA,UAAU;EACX,gBAAA,UAAA,UAAU;EACX,iBAAA,QAAA,UAAU;EACZ,gBAAA,OAAA,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAhBJ,MAAA,SAAS;;;;IACP,MAAA,SAAS;;;;;;;;;;;;;;;;IAOX,MAAA,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAW5B,WAAC,OAAO,4BAA4B;kCA8BhD;cAEW,iCAAiB,0BAAA,oBAAA,4BAAA;;8BAO5B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,mCAAmB,0BAAA,oBAAA,4BAAA;;8BAS9B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,iCAAiB,8BAAA;;IAIC,MAAA,SAAS;;;;;;;IAAT,MAAA,SAAS;;;MAWtC,oDAAA;cAEW,mCAAmB,0BAAA,oBAAA,4BAAA;;8BAM9B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,wCAAwB,0BAAA,oBAAA,4BAAA;;8BAMnC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,sCAAsB,0BAAA,oBAAA,4BAAA;;8BASjC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,mCAAmB,0BAAA,oBAAA,4BAAA;;8BAS9B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,kCAAkB,8BAAA;;IAGH,MAAA,SAAS;;;;;;;IAAT,MAAA,SAAS;;;;EAGvB,WAAC,OAAO,8BAA8B;kCAalD;cAEW,gCAAgB,8BAAA;;;;;;;;;;;;;;MAgB3B,oDAAA;cAEW,uCAAuB,0BAAA,oBAAA,4BAAA;;8BAMlC,qCAAA,iDAAA,aAAA,eAAA,oDAAA"}
+{"version":3,"file":"time-picker.d.ts","names":[],"sources":["../../../src/components/time-picker/time-picker.ts"],"mappings":";;;;;KA0BK,kBAAkB;;KAGX,0BAA0B,KACpC;;UAce;EACf,SAAS;;;UAIM;EACf,kBAAkB;;cAGP,gCAAgB,8BAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;IAWI,MAAA,SAAS;;;;IACP,MAAA,SAAS;;;;;;;;;IAGd,MAAA,SAAS;;;;;IAEH,MAAA,SAAS;;;;IACF,MAAA,UAAU,eAAe,MAAM;;;;;;;;;;;IAK3C,MAAA,SAAS;;;;IACZ,MAAA,SAAS;;;;IACT,MAAA,SAAS;;;;IACJ,MAAA,SAAS;;;;;;;;;;EAKX,iBAAA,UAAA,UAAU;EACX,gBAAA,UAAA,UAAU;EACX,iBAAA,QAAA,UAAU;EACZ,gBAAA,OAAA,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAvBJ,MAAA,SAAS;;;;IACP,MAAA,SAAS;;;;;;;;;IAGd,MAAA,SAAS;;;;;IAEH,MAAA,SAAS;;;;IACF,MAAA,UAAU,eAAe,MAAM;;;;;;;;;;;IAK3C,MAAA,SAAS;;;;IACZ,MAAA,SAAS;;;;IACT,MAAA,SAAS;;;;IACJ,MAAA,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EARkB,oBAAA,eAAM,MAAQ;;EAmB5D,WAAC,OAAO,4BAA4B;kCA8BhD;cAEW,iCAAiB,0BAAA,oBAAA,4BAAA;;8BAO5B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,mCAAmB,0BAAA,oBAAA,4BAAA;;8BAS9B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,wCAAwB,0BAAA,oBAAA,4BAAA;;8BAMnC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,iCAAiB,8BAAA;;IAIC,MAAA,SAAS;;;;;;;IAAT,MAAA,SAAS;;;MAWtC,oDAAA;cAEW,mCAAmB,0BAAA,oBAAA,4BAAA;;8BAe9B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,wCAAwB,0BAAA,oBAAA,4BAAA;;8BAMnC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,sCAAsB,0BAAA,oBAAA,4BAAA;;8BAcjC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,mCAAmB,0BAAA,oBAAA,4BAAA;;8BAY9B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,mCAAmB,0BAAA,oBAAA,4BAAA;;;;EAIlB,WAAC,OAAO,+BAA+B;kCAoBnD;cAEW,kCAAkB,8BAAA;;;;;;;;;;;;;;;;EAQjB,gBAAM;kCAclB;cAEW,kCAAkB,8BAAA;;IAGH,MAAA,SAAS;;;;;;;IAAT,MAAA,SAAS;;;;EAGvB,WAAC,OAAO,8BAA8B;kCAalD;cAEW,gCAAgB,8BAAA;;;;;;;;;;;;;;MAgB3B,oDAAA;cAEW,uCAAuB,0BAAA,oBAAA,4BAAA;;8BAMlC,qCAAA,iDAAA,aAAA,eAAA,oDAAA"}