@xihan-ui/vue 2.0.0 → 3.0.0

package/dist/components/signature-pad/use-signature-pad.d.ts

@@ -8,7 +8,7 @@ interface SignaturePadContext {
   /** 画布节点，状态机在指针事件中用它把屏幕坐标换算为画布坐标。 */
   controlRef: Ref<Element | null>;
 }
-declare function useSignaturePad(props: SignaturePadSchema['props'], callbacks?: Pick<SignaturePadSchema['props'], 'onDraw' | 'onDrawEnd'>): SignaturePadContext;
+declare function useSignaturePad(props: SignaturePadSchema['props'], callbacks?: Pick<SignaturePadSchema['props'], 'onDraw' | 'onDrawEnd' | 'onValueChange'>): SignaturePadContext;
 //#endregion
 export { SignaturePadContext, useSignaturePad };
 //# sourceMappingURL=use-signature-pad.d.ts.map

package/dist/components/signature-pad/use-signature-pad.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-signature-pad.d.ts","names":[],"sources":["../../../src/components/signature-pad/use-signature-pad.ts"],"mappings":";;;;UAiBiB;EACf,KAAK,YAAY;EACjB,SAAS,QAAQ;;EAEjB,YAAY,IAAI;;iBAGF,gBACd,OAAO,6BACP,YAAW,KAAK,uDACf"}
+{"version":3,"file":"use-signature-pad.d.ts","names":[],"sources":["../../../src/components/signature-pad/use-signature-pad.ts"],"mappings":";;;;UAiBiB;EACf,KAAK,YAAY;EACjB,SAAS,QAAQ;;EAEjB,YAAY,IAAI;;iBAGF,gBACd,OAAO,6BACP,YAAW,KAAK,yEACf"}

package/dist/components/signature-pad/use-signature-pad.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-signature-pad.js","names":[],"sources":["../../../src/components/signature-pad/use-signature-pad.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 signature pad 相关实现。\n\nimport type { Service } from '@xihan-ui/core'\nimport type { SignaturePadApi, SignaturePadSchema } from '@xihan-ui/headless'\nimport type { ComputedRef, Ref } from 'vue'\nimport { createScope } from '@xihan-ui/core'\nimport { connectSignaturePad, signaturePadMachine } from '@xihan-ui/headless'\nimport { computed, ref } from 'vue'\nimport { vueNormalize } from '../../runtime/normalize-props'\nimport { useMachine } from '../../runtime/use-machine'\nimport { createVueIdGenerator } from '../../runtime/vue-id'\n\nexport interface SignaturePadContext {\n  api: ComputedRef<SignaturePadApi>\n  service: Service<SignaturePadSchema>\n  /** 画布节点，状态机在指针事件中用它把屏幕坐标换算为画布坐标。 */\n  controlRef: Ref<Element | null>\n}\n\nexport function useSignaturePad(\n  props: SignaturePadSchema['props'],\n  callbacks: Pick<SignaturePadSchema['props'], 'onDraw' | 'onDrawEnd'> = {},\n): SignaturePadContext {\n  const controlRef = ref<Element | null>(null)\n\n  // scope id 走 Vue 的 useId，保证同页多实例的 IDREF 不相撞\n  const idGen = createVueIdGenerator()\n  const scope = createScope(null, idGen)\n  const service = useMachine(signaturePadMachine, () => ({ ...props, ...callbacks }), scope)\n\n  // 传 getter 而非节点，ref 在挂载后才有值\n  service.refs.set('getControlEl', () => controlRef.value)\n\n  const api = computed(() => connectSignaturePad(service, vueNormalize))\n  return { api, service, controlRef }\n}\n"],"mappings":";;;;;;;AAwBA,SAAgB,gBACd,OACA,YAAuE,CAAC,GACnD;CACrB,MAAM,aAAa,IAAoB,IAAI;CAK3C,MAAM,UAAU,WAAW,4BAA4B;EAAE,GAAG;EAAO,GAAG;CAAU,IADlE,YAAY,MADZ,qBACsB,CACoD,CAAC;CAGzF,QAAQ,KAAK,IAAI,sBAAsB,WAAW,KAAK;CAGvD,OAAO;EAAE,KADG,eAAe,oBAAoB,SAAS,YAAY,CACzD;EAAG;EAAS;CAAW;AACpC"}
+{"version":3,"file":"use-signature-pad.js","names":[],"sources":["../../../src/components/signature-pad/use-signature-pad.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 signature pad 相关实现。\n\nimport type { Service } from '@xihan-ui/core'\nimport type { SignaturePadApi, SignaturePadSchema } from '@xihan-ui/headless'\nimport type { ComputedRef, Ref } from 'vue'\nimport { createScope } from '@xihan-ui/core'\nimport { connectSignaturePad, signaturePadMachine } from '@xihan-ui/headless'\nimport { computed, ref } from 'vue'\nimport { vueNormalize } from '../../runtime/normalize-props'\nimport { useMachine } from '../../runtime/use-machine'\nimport { createVueIdGenerator } from '../../runtime/vue-id'\n\nexport interface SignaturePadContext {\n  api: ComputedRef<SignaturePadApi>\n  service: Service<SignaturePadSchema>\n  /** 画布节点，状态机在指针事件中用它把屏幕坐标换算为画布坐标。 */\n  controlRef: Ref<Element | null>\n}\n\nexport function useSignaturePad(\n  props: SignaturePadSchema['props'],\n  callbacks: Pick<SignaturePadSchema['props'], 'onDraw' | 'onDrawEnd' | 'onValueChange'> = {},\n): SignaturePadContext {\n  const controlRef = ref<Element | null>(null)\n\n  // scope id 走 Vue 的 useId，保证同页多实例的 IDREF 不相撞\n  const idGen = createVueIdGenerator()\n  const scope = createScope(null, idGen)\n  const service = useMachine(signaturePadMachine, () => ({ ...props, ...callbacks }), scope)\n\n  // 传 getter 而非节点，ref 在挂载后才有值\n  service.refs.set('getControlEl', () => controlRef.value)\n\n  const api = computed(() => connectSignaturePad(service, vueNormalize))\n  return { api, service, controlRef }\n}\n"],"mappings":";;;;;;;AAwBA,SAAgB,gBACd,OACA,YAAyF,CAAC,GACrE;CACrB,MAAM,aAAa,IAAoB,IAAI;CAK3C,MAAM,UAAU,WAAW,4BAA4B;EAAE,GAAG;EAAO,GAAG;CAAU,IADlE,YAAY,MADZ,qBACsB,CACoD,CAAC;CAGzF,QAAQ,KAAK,IAAI,sBAAsB,WAAW,KAAK;CAGvD,OAAO;EAAE,KADG,eAAe,oBAAoB,SAAS,YAAY,CACzD;EAAG;EAAS;CAAW;AACpC"}

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

@@ -1,9 +1,13 @@
 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 { connectSkeleton } from "@xihan-ui/headless";
+import { createScope } from "@xihan-ui/core";
+import { connectSkeleton, skeletonMachine } from "@xihan-ui/headless";
 //#region src/components/skeleton/use-skeleton.ts
 function useSkeleton(props) {
-	return { api: computed(() => connectSkeleton(props, vueNormalize)) };
+	const service = useMachine(skeletonMachine, () => ({ ...props }), createScope(null, createVueIdGenerator()));
+	return { api: computed(() => connectSkeleton(service, vueNormalize)) };
 }
 //#endregion
 export { useSkeleton };

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

@@ -1 +1 @@
-{"version":3,"file":"use-skeleton.js","names":[],"sources":["../../../src/components/skeleton/use-skeleton.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 skeleton 相关实现。\n\nimport type { SkeletonApi, SkeletonProps } from '@xihan-ui/headless'\nimport type { ComputedRef } from 'vue'\nimport { connectSkeleton } from '@xihan-ui/headless'\nimport { computed } from 'vue'\nimport { vueNormalize } from '../../runtime/normalize-props'\n\nexport interface SkeletonContext {\n  api: ComputedRef<SkeletonApi>\n}\n\n// Skeleton 无状态机，props 变了由 computed 重算属性\nexport function useSkeleton(props: SkeletonProps): SkeletonContext {\n  const api = computed(() => connectSkeleton(props, vueNormalize))\n  return { api }\n}\n"],"mappings":";;;;AAkBA,SAAgB,YAAY,OAAuC;CAEjE,OAAO,EAAE,KADG,eAAe,gBAAgB,OAAO,YAAY,CACnD,EAAE;AACf"}
+{"version":3,"file":"use-skeleton.js","names":[],"sources":["../../../src/components/skeleton/use-skeleton.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 skeleton 相关实现。\n\nimport type { SkeletonApi, SkeletonProps } from '@xihan-ui/headless'\nimport type { ComputedRef } from 'vue'\nimport { createScope } from '@xihan-ui/core'\nimport { connectSkeleton, skeletonMachine } 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 SkeletonContext {\n  api: ComputedRef<SkeletonApi>\n}\n\n// 机器只记容器还留不留着（刚加载完的骨架淡出播完才收起），其余属性随 props 由 computed 重算\nexport function useSkeleton(props: SkeletonProps): SkeletonContext {\n  const scope = createScope(null, createVueIdGenerator())\n  const service = useMachine(skeletonMachine, () => ({ ...props }), scope)\n  const api = computed(() => connectSkeleton(service, vueNormalize))\n  return { api }\n}\n"],"mappings":";;;;;;;AAqBA,SAAgB,YAAY,OAAuC;CAEjE,MAAM,UAAU,WAAW,wBAAwB,EAAE,GAAG,MAAM,IADhD,YAAY,MAAM,qBAAqB,CACiB,CAAC;CAEvE,OAAO,EAAE,KADG,eAAe,gBAAgB,SAAS,YAAY,CACrD,EAAE;AACf"}

package/dist/components/slider/slider.d.ts

@@ -39,6 +39,18 @@ declare const XhSliderRoot: import("vue").DefineComponent<import("vue").ExtractP
     type: BooleanConstructor;
     default: undefined;
   };
+  inverted: {
+    type: BooleanConstructor;
+    default: undefined;
+  };
+  draggableRange: {
+    type: BooleanConstructor;
+    default: undefined;
+  };
+  trackFill: {
+    type: BooleanConstructor;
+    default: undefined;
+  };
   orientation: {
     type: PropType<Orientation>;
   };
@@ -104,6 +116,18 @@ declare const XhSliderRoot: import("vue").DefineComponent<import("vue").ExtractP
     type: BooleanConstructor;
     default: undefined;
   };
+  inverted: {
+    type: BooleanConstructor;
+    default: undefined;
+  };
+  draggableRange: {
+    type: BooleanConstructor;
+    default: undefined;
+  };
+  trackFill: {
+    type: BooleanConstructor;
+    default: undefined;
+  };
   orientation: {
     type: PropType<Orientation>;
   };
@@ -143,6 +167,9 @@ declare const XhSliderRoot: import("vue").DefineComponent<import("vue").ExtractP
   disabled: boolean;
   readOnly: boolean;
   snapToMarks: boolean;
+  inverted: boolean;
+  draggableRange: boolean;
+  trackFill: boolean;
 }, SlotsType<{
   default?: (props: SliderRootSlotProps) => VNode[];
 }>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

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

@@ -1 +1 @@
-{"version":3,"file":"slider.d.ts","names":[],"sources":["../../../src/components/slider/slider.ts"],"mappings":";;;;;KAiBK,cAAc;;KAGP,sBAAsB,KAChC;;UAKe;EACf,MAAM;;cAGK,4BAAY,8BAAA;;IAIG,MAAA;;;IACO,MAAA;;;;;;;;;;;;;;;;;;IAMP,MAAA,SAAS;;;;;;;IAEF,MAAA,SAAS;;;IACjB,MAAA,SAAS;;;;;;;;;;;;;;;IAIR,MAAA,SAAS;;;IACT,MAAA,SAAS;;;;;;IAGb,MAAA,UAAU,SAAS;;;;;EAKZ,iBAAA,UAAA,UAAU;EACZ,iBAAA,QAAA,UAAU;EACJ,qBAAA,UAAA,UAAU;;;IAzBjB,MAAA;;;IACO,MAAA;;;;;;;;;;;;;;;;;;IAMP,MAAA,SAAS;;;;;;;IAEF,MAAA,SAAS;;;IACjB,MAAA,SAAS;;;;;;;;;;;;;;;IAIR,MAAA,SAAS;;;IACT,MAAA,SAAS;;;;;;IAGb,MAAA,UAAU,SAAS;;;;;;;;;;;;EAU7B,WAAC,OAAO,wBAAwB;kCAqB5C;cAEW,6BAAa,0BAAA,oBAAA,4BAAA;;8BAMxB,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,+BAAe,0BAAA,oBAAA,4BAAA;;8BAM1B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,6BAAa,0BAAA,oBAAA,4BAAA;;8BAUxB,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,iCAAiB,0BAAA,oBAAA,4BAAA;;;EAGnB,QAAC,OAAO,iCAAiC;kCAclD;cAEW,6BAAa,0BAAA,oBAAA,4BAAA;;8BAMxB,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,6BAAa,8BAAA;;;IAIa,MAAA;;;;;;;;IAAA,MAAA;;;;;qCAQrC;cAEW,iCAAiB,0BAAA,oBAAA,4BAAA;;8BAY5B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,mCAAmB,0BAAA,oBAAA,4BAAA;;8BAO9B,qCAAA,iDAAA,aAAA,eAAA,oDAAA"}
+{"version":3,"file":"slider.d.ts","names":[],"sources":["../../../src/components/slider/slider.ts"],"mappings":";;;;;KAiBK,cAAc;;KAGP,sBAAsB,KAChC;;UAKe;EACf,MAAM;;cAGK,4BAAY,8BAAA;;IAIG,MAAA;;;IACO,MAAA;;;;;;;;;;;;;;;;;;IAMP,MAAA,SAAS;;;;;;;;;;;;;;;;;;;IAKF,MAAA,SAAS;;;IACjB,MAAA,SAAS;;;;;;;;;;;;;;;IAIR,MAAA,SAAS;;;IACT,MAAA,SAAS;;;;;;IAGb,MAAA,UAAU,SAAS;;;;;EAKZ,iBAAA,UAAA,UAAU;EACZ,iBAAA,QAAA,UAAU;EACJ,qBAAA,UAAA,UAAU;;;IA5BjB,MAAA;;;IACO,MAAA;;;;;;;;;;;;;;;;;;IAMP,MAAA,SAAS;;;;;;;;;;;;;;;;;;;IAKF,MAAA,SAAS;;;IACjB,MAAA,SAAS;;;;;;;;;;;;;;;IAIR,MAAA,SAAS;;;IACT,MAAA,SAAS;;;;;;IAGb,MAAA,UAAU,SAAS;;;;;;;;;;;;;;;EAU7B,WAAC,OAAO,wBAAwB;kCAqB5C;cAEW,6BAAa,0BAAA,oBAAA,4BAAA;;8BAMxB,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,+BAAe,0BAAA,oBAAA,4BAAA;;8BAM1B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,6BAAa,0BAAA,oBAAA,4BAAA;;8BAUxB,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,iCAAiB,0BAAA,oBAAA,4BAAA;;;EAGnB,QAAC,OAAO,iCAAiC;kCAclD;cAEW,6BAAa,0BAAA,oBAAA,4BAAA;;8BAMxB,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,6BAAa,8BAAA;;;IAIa,MAAA;;;;;;;;IAAA,MAAA;;;;;qCAQrC;cAEW,iCAAiB,0BAAA,oBAAA,4BAAA;;8BAY5B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,mCAAmB,0BAAA,oBAAA,4BAAA;;8BAO9B,qCAAA,iDAAA,aAAA,eAAA,oDAAA"}

package/dist/components/slider/slider.js

@@ -19,6 +19,18 @@ const XhSliderRoot = defineComponent({
 			type: Boolean,
 			default: void 0
 		},
+		inverted: {
+			type: Boolean,
+			default: void 0
+		},
+		draggableRange: {
+			type: Boolean,
+			default: void 0
+		},
+		trackFill: {
+			type: Boolean,
+			default: void 0
+		},
 		orientation: { type: String },
 		dir: { type: String },
 		disabled: {

package/dist/components/slider/slider.js.map

@@ -1 +1 @@
-{"version":3,"file":"slider.js","names":[],"sources":["../../../src/components/slider/slider.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// 提供 slider 相关实现。\n\nimport type { Direction, Orientation, Size, Tone } from '@xihan-ui/core'\nimport type { SliderApi, SliderMark, SliderMarkMeta, SliderSchema, SliderValueTextDetails } from '@xihan-ui/headless'\nimport type { PropType, SlotsType, VNode } from 'vue'\nimport type { PayloadOf } from '../../runtime/payload'\nimport { normalizeItemIndex } from '@xihan-ui/core'\nimport { computed, defineComponent, h } from 'vue'\nimport { useFormControlProps } from '../form/use-form-control'\nimport { provideSlider, provideSliderThumb, useSliderContext, useSliderThumbContext } from './context'\nimport { useSlider } from './use-slider'\n\ntype SliderProps = SliderSchema['props']\n\n/** 默认插槽的载荷：当前值、逐个滑块的状态、已选区间与拖动标记，以及整份改值与单个滑块改值。 */\nexport type SliderRootSlotProps = Pick<\n  SliderApi,\n  'value' | 'thumbs' | 'range' | 'dragging' | 'setValue' | 'setThumbValue'\n>\n\n/** tick 插槽的载荷：该档刻度的呈现数据。 */\nexport interface SliderTickGroupTickSlotProps {\n  tick: SliderMarkMeta\n}\n\nexport const XhSliderRoot = defineComponent({\n  name: 'XhSliderRoot',\n  props: {\n    // 值恒是数组，单滑块即长度 1；缺席值 undefined 表示非受控\n    value: { type: Array as PropType<number[]> },\n    defaultValue: { type: Array as PropType<number[]> },\n    min: { type: Number },\n    max: { type: Number },\n    step: { type: Number },\n    largeStep: { type: Number },\n    minStepsBetweenThumbs: { type: Number },\n    marks: { type: Array as PropType<SliderMark[]> },\n    snapToMarks: { type: Boolean, default: undefined },\n    orientation: { type: String as PropType<Orientation> },\n    dir: { type: String as PropType<Direction> },\n    disabled: { type: Boolean, default: undefined },\n    readOnly: { type: Boolean, default: undefined },\n    invalid: { type: Boolean, default: undefined },\n    tone: { type: String as PropType<Tone> },\n    size: { type: String as PropType<Size> },\n    name: { type: String },\n    getValueText: {\n      type: Function as PropType<(details: SliderValueTextDetails) => string>,\n    },\n  },\n  // value-change 携带 { value }，update:value 携带裸数组；value-change-end 只在操作收尾时发一次\n  emits: {\n    'value-change': (_details: PayloadOf<SliderProps, 'onValueChange'>) => true,\n    'update:value': (_value: PayloadOf<SliderProps, 'onValueChange'>['value']) => true,\n    'value-change-end': (_details: PayloadOf<SliderProps, 'onValueChangeEnd'>) => true,\n  },\n  slots: Object as SlotsType<{\n    default?: (props: SliderRootSlotProps) => VNode[]\n  }>,\n  setup(props, { slots, emit }) {\n    const notify: SliderProps['onValueChange'] = (details) => {\n      emit('value-change', details)\n      emit('update:value', details.value)\n    }\n    const notifyEnd: SliderProps['onValueChangeEnd'] = (details) => {\n      emit('value-change-end', details)\n    }\n    const ctx = useSlider(useFormControlProps(props) as SliderProps, notify, notifyEnd)\n    provideSlider(ctx)\n    return () => h('div', ctx.api.value.getRootProps() as Record<string, unknown>, slots.default?.({\n      value: ctx.api.value.value,\n      thumbs: ctx.api.value.thumbs,\n      range: ctx.api.value.range,\n      dragging: ctx.api.value.dragging,\n      setValue: ctx.api.value.setValue,\n      setThumbValue: ctx.api.value.setThumbValue,\n    }))\n  },\n})\n\nexport const XhSliderLabel = defineComponent({\n  name: 'XhSliderLabel',\n  setup(_, { slots }) {\n    const ctx = useSliderContext()\n    return () => h('label', ctx.api.value.getLabelProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhSliderControl = defineComponent({\n  name: 'XhSliderControl',\n  setup(_, { slots }) {\n    const ctx = useSliderContext()\n    return () => h('div', ctx.api.value.getControlProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhSliderTrack = defineComponent({\n  name: 'XhSliderTrack',\n  setup(_, { slots }) {\n    const ctx = useSliderContext()\n    // 轨道节点交给机器，矩形在指针事件里现量\n    return () => h('div', {\n      ...ctx.api.value.getTrackProps() as Record<string, unknown>,\n      ref: ctx.trackRef,\n    }, slots.default?.())\n  },\n})\n\nexport const XhSliderTickGroup = defineComponent({\n  name: 'XhSliderTickGroup',\n  slots: Object as SlotsType<{\n    tick?: (props: SliderTickGroupTickSlotProps) => VNode[]\n  }>,\n  setup(_, { slots }) {\n    const ctx = useSliderContext()\n    // 刻度整组自动铺：圆点 + 文案（点文案跳值）；tick 插槽可换文案内容\n    return () => h('div', ctx.api.value.getTickGroupProps() as Record<string, unknown>, ctx.api.value.marks.flatMap(tick => [\n      h('span', { ...ctx.api.value.getTickProps({ value: tick.value }) as Record<string, unknown>, key: `dot-${tick.value}` }),\n      h(\n        'span',\n        { ...ctx.api.value.getTickLabelProps({ value: tick.value }) as Record<string, unknown>, key: `label-${tick.value}` },\n        slots.tick ? slots.tick({ tick }) : tick.label,\n      ),\n    ]))\n  },\n})\n\nexport const XhSliderRange = defineComponent({\n  name: 'XhSliderRange',\n  setup(_, { slots }) {\n    const ctx = useSliderContext()\n    return () => h('div', ctx.api.value.getRangeProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhSliderThumb = defineComponent({\n  name: 'XhSliderThumb',\n  props: {\n    /** 第几个滑块，多滑块时必须逐个写明（`:index=\"i\"`）；兼收字符串。 */\n    index: { type: [Number, String] as PropType<number | string>, default: 0 },\n  },\n  setup(props, { slots }) {\n    const ctx = useSliderContext()\n    const index = computed(() => normalizeItemIndex(props.index))\n    provideSliderThumb({ index })\n    return () => h('div', ctx.api.value.getThumbProps(index.value) as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhSliderValueText = defineComponent({\n  name: 'XhSliderValueText',\n  setup(_, { slots }) {\n    const { index } = useSliderThumbContext()\n    const ctx = useSliderContext()\n    // 值气泡：写在拇指里，没给内容就填这一个拇指的值文本\n    return () => h(\n      'span',\n      ctx.api.value.getValueTextProps(index.value) as Record<string, unknown>,\n      slots.default?.() ?? ctx.api.value.valueText(index.value),\n    )\n  },\n})\n\nexport const XhSliderHiddenInput = defineComponent({\n  name: 'XhSliderHiddenInput',\n  setup() {\n    const { index } = useSliderThumbContext()\n    const ctx = useSliderContext()\n    return () => h('input', ctx.api.value.getHiddenInputProps(index.value) as Record<string, unknown>)\n  },\n})\n"],"mappings":"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"}
+{"version":3,"file":"slider.js","names":[],"sources":["../../../src/components/slider/slider.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// 提供 slider 相关实现。\n\nimport type { Direction, Orientation, Size, Tone } from '@xihan-ui/core'\nimport type { SliderApi, SliderMark, SliderMarkMeta, SliderSchema, SliderValueTextDetails } from '@xihan-ui/headless'\nimport type { PropType, SlotsType, VNode } from 'vue'\nimport type { PayloadOf } from '../../runtime/payload'\nimport { normalizeItemIndex } from '@xihan-ui/core'\nimport { computed, defineComponent, h } from 'vue'\nimport { useFormControlProps } from '../form/use-form-control'\nimport { provideSlider, provideSliderThumb, useSliderContext, useSliderThumbContext } from './context'\nimport { useSlider } from './use-slider'\n\ntype SliderProps = SliderSchema['props']\n\n/** 默认插槽的载荷：当前值、逐个滑块的状态、已选区间与拖动标记，以及整份改值与单个滑块改值。 */\nexport type SliderRootSlotProps = Pick<\n  SliderApi,\n  'value' | 'thumbs' | 'range' | 'dragging' | 'setValue' | 'setThumbValue'\n>\n\n/** tick 插槽的载荷：该档刻度的呈现数据。 */\nexport interface SliderTickGroupTickSlotProps {\n  tick: SliderMarkMeta\n}\n\nexport const XhSliderRoot = defineComponent({\n  name: 'XhSliderRoot',\n  props: {\n    // 值恒是数组，单滑块即长度 1；缺席值 undefined 表示非受控\n    value: { type: Array as PropType<number[]> },\n    defaultValue: { type: Array as PropType<number[]> },\n    min: { type: Number },\n    max: { type: Number },\n    step: { type: Number },\n    largeStep: { type: Number },\n    minStepsBetweenThumbs: { type: Number },\n    marks: { type: Array as PropType<SliderMark[]> },\n    snapToMarks: { type: Boolean, default: undefined },\n    inverted: { type: Boolean, default: undefined },\n    draggableRange: { type: Boolean, default: undefined },\n    trackFill: { type: Boolean, default: undefined },\n    orientation: { type: String as PropType<Orientation> },\n    dir: { type: String as PropType<Direction> },\n    disabled: { type: Boolean, default: undefined },\n    readOnly: { type: Boolean, default: undefined },\n    invalid: { type: Boolean, default: undefined },\n    tone: { type: String as PropType<Tone> },\n    size: { type: String as PropType<Size> },\n    name: { type: String },\n    getValueText: {\n      type: Function as PropType<(details: SliderValueTextDetails) => string>,\n    },\n  },\n  // value-change 携带 { value }，update:value 携带裸数组；value-change-end 只在操作收尾时发一次\n  emits: {\n    'value-change': (_details: PayloadOf<SliderProps, 'onValueChange'>) => true,\n    'update:value': (_value: PayloadOf<SliderProps, 'onValueChange'>['value']) => true,\n    'value-change-end': (_details: PayloadOf<SliderProps, 'onValueChangeEnd'>) => true,\n  },\n  slots: Object as SlotsType<{\n    default?: (props: SliderRootSlotProps) => VNode[]\n  }>,\n  setup(props, { slots, emit }) {\n    const notify: SliderProps['onValueChange'] = (details) => {\n      emit('value-change', details)\n      emit('update:value', details.value)\n    }\n    const notifyEnd: SliderProps['onValueChangeEnd'] = (details) => {\n      emit('value-change-end', details)\n    }\n    const ctx = useSlider(useFormControlProps(props) as SliderProps, notify, notifyEnd)\n    provideSlider(ctx)\n    return () => h('div', ctx.api.value.getRootProps() as Record<string, unknown>, slots.default?.({\n      value: ctx.api.value.value,\n      thumbs: ctx.api.value.thumbs,\n      range: ctx.api.value.range,\n      dragging: ctx.api.value.dragging,\n      setValue: ctx.api.value.setValue,\n      setThumbValue: ctx.api.value.setThumbValue,\n    }))\n  },\n})\n\nexport const XhSliderLabel = defineComponent({\n  name: 'XhSliderLabel',\n  setup(_, { slots }) {\n    const ctx = useSliderContext()\n    return () => h('label', ctx.api.value.getLabelProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhSliderControl = defineComponent({\n  name: 'XhSliderControl',\n  setup(_, { slots }) {\n    const ctx = useSliderContext()\n    return () => h('div', ctx.api.value.getControlProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhSliderTrack = defineComponent({\n  name: 'XhSliderTrack',\n  setup(_, { slots }) {\n    const ctx = useSliderContext()\n    // 轨道节点交给机器，矩形在指针事件里现量\n    return () => h('div', {\n      ...ctx.api.value.getTrackProps() as Record<string, unknown>,\n      ref: ctx.trackRef,\n    }, slots.default?.())\n  },\n})\n\nexport const XhSliderTickGroup = defineComponent({\n  name: 'XhSliderTickGroup',\n  slots: Object as SlotsType<{\n    tick?: (props: SliderTickGroupTickSlotProps) => VNode[]\n  }>,\n  setup(_, { slots }) {\n    const ctx = useSliderContext()\n    // 刻度整组自动铺：圆点 + 文案（点文案跳值）；tick 插槽可换文案内容\n    return () => h('div', ctx.api.value.getTickGroupProps() as Record<string, unknown>, ctx.api.value.marks.flatMap(tick => [\n      h('span', { ...ctx.api.value.getTickProps({ value: tick.value }) as Record<string, unknown>, key: `dot-${tick.value}` }),\n      h(\n        'span',\n        { ...ctx.api.value.getTickLabelProps({ value: tick.value }) as Record<string, unknown>, key: `label-${tick.value}` },\n        slots.tick ? slots.tick({ tick }) : tick.label,\n      ),\n    ]))\n  },\n})\n\nexport const XhSliderRange = defineComponent({\n  name: 'XhSliderRange',\n  setup(_, { slots }) {\n    const ctx = useSliderContext()\n    return () => h('div', ctx.api.value.getRangeProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhSliderThumb = defineComponent({\n  name: 'XhSliderThumb',\n  props: {\n    /** 第几个滑块，多滑块时必须逐个写明（`:index=\"i\"`）；兼收字符串。 */\n    index: { type: [Number, String] as PropType<number | string>, default: 0 },\n  },\n  setup(props, { slots }) {\n    const ctx = useSliderContext()\n    const index = computed(() => normalizeItemIndex(props.index))\n    provideSliderThumb({ index })\n    return () => h('div', ctx.api.value.getThumbProps(index.value) as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhSliderValueText = defineComponent({\n  name: 'XhSliderValueText',\n  setup(_, { slots }) {\n    const { index } = useSliderThumbContext()\n    const ctx = useSliderContext()\n    // 值气泡：写在拇指里，没给内容就填这一个拇指的值文本\n    return () => h(\n      'span',\n      ctx.api.value.getValueTextProps(index.value) as Record<string, unknown>,\n      slots.default?.() ?? ctx.api.value.valueText(index.value),\n    )\n  },\n})\n\nexport const XhSliderHiddenInput = defineComponent({\n  name: 'XhSliderHiddenInput',\n  setup() {\n    const { index } = useSliderThumbContext()\n    const ctx = useSliderContext()\n    return () => h('input', ctx.api.value.getHiddenInputProps(index.value) as Record<string, unknown>)\n  },\n})\n"],"mappings":"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"}

package/dist/components/sortable/sortable.d.ts

@@ -41,11 +41,20 @@ declare const XhSortableRoot: import("vue").DefineComponent<import("vue").Extrac
   translations: {
     type: PropType<Partial<SortableTranslations>>;
   };
+  /** 所在的组：同一文档里 group 相同的列表可以互相拖入拖出。 */
+  group: {
+    type: StringConstructor;
+  };
+  /** 这个列表在组里的标识，写了 group 就必须写。 */
+  listId: {
+    type: StringConstructor;
+  };
 }>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
   [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
   sort: (_details: PayloadOf<SortableProps, "onSort">) => boolean;
   'update:ids': (_ids: PayloadOf<SortableProps, "onSort">["ids"]) => true;
+  transfer: (_details: PayloadOf<SortableProps, "onTransfer">) => true;
   'drag-start': (_details: PayloadOf<SortableProps, "onDragStart">) => true;
   'drag-end': (_details: PayloadOf<SortableProps, "onDragEnd">) => true;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
@@ -70,8 +79,17 @@ declare const XhSortableRoot: import("vue").DefineComponent<import("vue").Extrac
   translations: {
     type: PropType<Partial<SortableTranslations>>;
   };
+  /** 所在的组：同一文档里 group 相同的列表可以互相拖入拖出。 */
+  group: {
+    type: StringConstructor;
+  };
+  /** 这个列表在组里的标识，写了 group 就必须写。 */
+  listId: {
+    type: StringConstructor;
+  };
 }>> & Readonly<{
   onSort?: ((_details: import("@xihan-ui/headless").SortableSortDetails) => any) | undefined;
+  onTransfer?: ((_details: import("@xihan-ui/headless").SortableTransferDetails) => any) | undefined;
   "onDrag-start"?: ((_details: import("@xihan-ui/headless").SortableDragStartDetails) => any) | undefined;
   "onDrag-end"?: ((_details: import("@xihan-ui/headless").SortableDragEndDetails) => any) | undefined;
   "onUpdate:ids"?: ((_ids: string[]) => any) | undefined;

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

@@ -1 +1 @@
-{"version":3,"file":"sortable.d.ts","names":[],"sources":["../../../src/components/sortable/sortable.ts"],"mappings":";;;;;;KAiBK,gBAAgB;;UAGJ;EACf,OAAO;EACP;EACA;EACA;EACA;EACA,MAAM;;;UAIS;EACf;EACA;;cAGW,8BAAc,8BAAA;;IAGD,MAAA;;;;IACS,MAAA,SAAS;;;IACjB,MAAA,SAAS;;;;;;;;;;;IAIA,MAAA,SAAS,QAAQ;;;;;EAI9B,OAAA,UAAA,UAAU;EACR,eAAA,MAAA,UAAU;EACN,eAAA,UAAA,UAAU;EACZ,aAAA,UAAA,UAAU;;;IAbX,MAAA;;;;IACS,MAAA,SAAS;;;IACjB,MAAA,SAAS;;;;;;;;;;;IAIA,MAAA,SAAS,QAAQ;;;;;;;;;;;;EAUvC,WAAC,OAAO,0BAA0B;kCA2B9C;cAEW,8BAAc,8BAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;EASb,WAAC,OAAO,0BAA0B;kCAc9C;cAEW,yCAAyB,8BAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;EASxB,gBAAM;kCAUlB;;;;;;cAOW,uCAAuB,0BAAA,oBAAA,4BAAA;;8BAMlC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;;;;;;;cAQW,oCAAoB,0BAAA,oBAAA,4BAAA;;8BAU/B,qCAAA,iDAAA,aAAA,eAAA,oDAAA"}
+{"version":3,"file":"sortable.d.ts","names":[],"sources":["../../../src/components/sortable/sortable.ts"],"mappings":";;;;;;KAiBK,gBAAgB;;UAGJ;EACf,OAAO;EACP;EACA;EACA;EACA;EACA,MAAM;;;UAIS;EACf;EACA;;cAGW,8BAAc,8BAAA;;IAGD,MAAA;;;;IACS,MAAA,SAAS;;;IACjB,MAAA,SAAS;;;;;;;;;;;IAIA,MAAA,SAAS,QAAQ;;;;;;;;;;;;;EAQ9B,OAAA,UAAA,UAAU;EACR,eAAA,MAAA,UAAU;EAER,WAAA,UAAA,UAAU;EACR,eAAA,UAAA,UAAU;EACZ,aAAA,UAAA,UAAU;;;IAnBX,MAAA;;;;IACS,MAAA,SAAS;;;IACjB,MAAA,SAAS;;;;;;;;;;;IAIA,MAAA,SAAS,QAAQ;;;;;;;;;;;;;;;;;;;;;EAgBvC,WAAC,OAAO,0BAA0B;kCA4B9C;cAEW,8BAAc,8BAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;EASb,WAAC,OAAO,0BAA0B;kCAc9C;cAEW,yCAAyB,8BAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;EASxB,gBAAM;kCAUlB;;;;;;cAOW,uCAAuB,0BAAA,oBAAA,4BAAA;;8BAMlC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;;;;;;;cAQW,oCAAoB,0BAAA,oBAAA,4BAAA;;8BAU/B,qCAAA,iDAAA,aAAA,eAAA,oDAAA"}

package/dist/components/sortable/sortable.js

@@ -18,11 +18,16 @@ const XhSortableRoot = defineComponent({
 			type: Boolean,
 			default: void 0
 		},
-		translations: { type: Object }
+		translations: { type: Object },
+		/** 所在的组：同一文档里 group 相同的列表可以互相拖入拖出。 */
+		group: { type: String },
+		/** 这个列表在组里的标识，写了 group 就必须写。 */
+		listId: { type: String }
 	},
 	emits: {
 		"sort": (_details) => true,
 		"update:ids": (_ids) => true,
+		"transfer": (_details) => true,
 		"drag-start": (_details) => true,
 		"drag-end": (_details) => true
 	},
@@ -32,7 +37,7 @@ const XhSortableRoot = defineComponent({
 			emit("sort", details);
 			emit("update:ids", details.ids);
 		};
-		const ctx = useSortable(withXhConfig("sortable", props), notifySort, (details) => emit("drag-start", details), (details) => emit("drag-end", details));
+		const ctx = useSortable(withXhConfig("sortable", props), notifySort, (details) => emit("transfer", details), (details) => emit("drag-start", details), (details) => emit("drag-end", details));
 		provideSortable(ctx);
 		return () => h("div", {
 			...ctx.api.value.getRootProps(),

package/dist/components/sortable/sortable.js.map

@@ -1 +1 @@
-{"version":3,"file":"sortable.js","names":[],"sources":["../../../src/components/sortable/sortable.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// 提供 sortable 相关实现。\n\nimport type { Direction } from '@xihan-ui/core'\nimport type { SortableItemState, SortableMode, SortableSchema, SortableTranslations } from '@xihan-ui/headless'\nimport type { SortableAxis } from '@xihan-ui/pointer'\nimport type { PropType, SlotsType, VNode } from 'vue'\nimport type { PayloadOf } from '../../runtime/payload'\nimport { computed, defineComponent, h } from 'vue'\nimport { withXhConfig } from '../../config/config'\nimport { provideSortable, useSortableContext } from './context'\nimport { useSortable } from './use-sortable'\n\ntype SortableProps = SortableSchema['props']\n\n/** 默认插槽的载荷：逐项呈现状态与整体拖动态。 */\nexport interface SortableRootSlotProps {\n  items: SortableItemState[]\n  dragging: boolean\n  activeId: string | null\n  from: number\n  to: number\n  mode: SortableMode | null\n}\n\n/** 每一项的插槽载荷。`dragging` 表示该项正被拖动，而不是列表中有任意项在拖动。 */\nexport interface SortableItemSlotProps {\n  dragging: boolean\n  index: number\n}\n\nexport const XhSortableRoot = defineComponent({\n  name: 'XhSortableRoot',\n  props: {\n    ids: { type: Array as PropType<string[]>, default: () => [] },\n    orientation: { type: String as PropType<SortableAxis> },\n    dir: { type: String as PropType<Direction> },\n    disabled: Boolean,\n    activationDistance: { type: Number },\n    autoScroll: { type: Boolean, default: undefined },\n    translations: { type: Object as PropType<Partial<SortableTranslations>> },\n  },\n  // sort 携带 { from, to, id, ids }，update:ids 携带重排好的裸数组，可直接 v-model:ids\n  emits: {\n    'sort': (_details: PayloadOf<SortableProps, 'onSort'>) => true,\n    'update:ids': (_ids: PayloadOf<SortableProps, 'onSort'>['ids']) => true,\n    'drag-start': (_details: PayloadOf<SortableProps, 'onDragStart'>) => true,\n    'drag-end': (_details: PayloadOf<SortableProps, 'onDragEnd'>) => true,\n  },\n  slots: Object as SlotsType<{\n    default?: (props: SortableRootSlotProps) => VNode[]\n  }>,\n  setup(props, { slots, emit }) {\n    const notifySort: SortableProps['onSort'] = (details) => {\n      emit('sort', details)\n      emit('update:ids', details.ids)\n    }\n    const ctx = useSortable(\n      withXhConfig('sortable', props) as SortableProps,\n      notifySort,\n      details => emit('drag-start', details),\n      details => emit('drag-end', details),\n    )\n    provideSortable(ctx)\n\n    return () => h('div', {\n      ...ctx.api.value.getRootProps() as Record<string, unknown>,\n      ref: ctx.rootRef,\n    }, slots.default?.({\n      items: ctx.api.value.items,\n      dragging: ctx.api.value.dragging,\n      activeId: ctx.api.value.activeId,\n      from: ctx.api.value.from,\n      to: ctx.api.value.to,\n      mode: ctx.api.value.mode,\n    }))\n  },\n})\n\nexport const XhSortableItem = defineComponent({\n  name: 'XhSortableItem',\n  props: {\n    /** 项标识，与 `ids` 中的值一一对应。 */\n    itemId: { type: String, required: true },\n    /** 单独禁用该项。整份 `disabled` 在 Root 上，该项是项级的。 */\n    disabled: { type: Boolean, default: undefined },\n  },\n  slots: Object as SlotsType<{\n    default?: (props: SortableItemSlotProps) => VNode[]\n  }>,\n  setup(props, { slots }) {\n    const ctx = useSortableContext()\n    const state = computed(() => ctx.api.value.items.find(item => item.id === props.itemId))\n    return () => h(\n      'div',\n      ctx.api.value.getItemProps({ id: props.itemId, disabled: props.disabled }) as Record<string, unknown>,\n      slots.default?.({\n        dragging: state.value?.dragging ?? false,\n        index: state.value?.index ?? -1,\n      }),\n    )\n  },\n})\n\nexport const XhSortableItemDragTrigger = defineComponent({\n  name: 'XhSortableItemDragTrigger',\n  props: {\n    /** 项标识，与 `ids` 中的值一一对应。 */\n    itemId: { type: String, required: true },\n    /** 单独禁用该项。整份 `disabled` 在 Root 上，该项是项级的。 */\n    disabled: { type: Boolean, default: undefined },\n  },\n  slots: Object as SlotsType<{\n    default?: () => VNode[]\n  }>,\n  setup(props, { slots }) {\n    const ctx = useSortableContext()\n    return () => h(\n      'button',\n      ctx.api.value.getItemDragTriggerProps({ id: props.itemId, disabled: props.disabled }) as Record<string, unknown>,\n      slots.default?.(),\n    )\n  },\n})\n\n/**\n * 落点线：拖动中绘制在松手后该项将插入的缝隙上，落点与起点同一位置时不在场。\n *\n * 它是容器的绝对定位子节点，写在 Root 中、排在末项之后：这样才绘制在各项之上。\n */\nexport const XhSortableDropIndicator = defineComponent({\n  name: 'XhSortableDropIndicator',\n  setup() {\n    const ctx = useSortableContext()\n    return () => h('div', ctx.api.value.getDropIndicatorProps() as Record<string, unknown>)\n  },\n})\n\n/**\n * 拖动过程的读屏播报区，视觉上不可见。\n *\n * 放进列表中即可，位置不限。它必须在拖动开始之前就在 DOM 上：\n * 读屏不播报后插入的节点，等到拾起才渲染等于没有。\n */\nexport const XhSortableLiveRegion = defineComponent({\n  name: 'XhSortableLiveRegion',\n  setup() {\n    const ctx = useSortableContext()\n    return () => h(\n      'div',\n      ctx.api.value.getLiveRegionProps() as Record<string, unknown>,\n      ctx.service.context.get('announcement'),\n    )\n  },\n})\n"],"mappings":";;;;;AAmCA,MAAa,iBAAiB,gBAAgB;CAC5C,MAAM;CACN,OAAO;EACL,KAAK;GAAE,MAAM;GAA6B,eAAe,CAAC;EAAE;EAC5D,aAAa,EAAE,MAAM,OAAiC;EACtD,KAAK,EAAE,MAAM,OAA8B;EAC3C,UAAU;EACV,oBAAoB,EAAE,MAAM,OAAO;EACnC,YAAY;GAAE,MAAM;GAAS,SAAS,KAAA;EAAU;EAChD,cAAc,EAAE,MAAM,OAAkD;CAC1E;CAEA,OAAO;EACL,SAAS,aAAiD;EAC1D,eAAe,SAAoD;EACnE,eAAe,aAAsD;EACrE,aAAa,aAAoD;CACnE;CACA,OAAO;CAGP,MAAM,OAAO,EAAE,OAAO,QAAQ;EAC5B,MAAM,cAAuC,YAAY;GACvD,KAAK,QAAQ,OAAO;GACpB,KAAK,cAAc,QAAQ,GAAG;EAChC;EACA,MAAM,MAAM,YACV,aAAa,YAAY,KAAK,GAC9B,aACA,YAAW,KAAK,cAAc,OAAO,IACrC,YAAW,KAAK,YAAY,OAAO,CACrC;EACA,gBAAgB,GAAG;EAEnB,aAAa,EAAE,OAAO;GACpB,GAAG,IAAI,IAAI,MAAM,aAAa;GAC9B,KAAK,IAAI;EACX,GAAG,MAAM,UAAU;GACjB,OAAO,IAAI,IAAI,MAAM;GACrB,UAAU,IAAI,IAAI,MAAM;GACxB,UAAU,IAAI,IAAI,MAAM;GACxB,MAAM,IAAI,IAAI,MAAM;GACpB,IAAI,IAAI,IAAI,MAAM;GAClB,MAAM,IAAI,IAAI,MAAM;EACtB,CAAC,CAAC;CACJ;AACF,CAAC;AAED,MAAa,iBAAiB,gBAAgB;CAC5C,MAAM;CACN,OAAO;;EAEL,QAAQ;GAAE,MAAM;GAAQ,UAAU;EAAK;;EAEvC,UAAU;GAAE,MAAM;GAAS,SAAS,KAAA;EAAU;CAChD;CACA,OAAO;CAGP,MAAM,OAAO,EAAE,SAAS;EACtB,MAAM,MAAM,mBAAmB;EAC/B,MAAM,QAAQ,eAAe,IAAI,IAAI,MAAM,MAAM,MAAK,SAAQ,KAAK,OAAO,MAAM,MAAM,CAAC;EACvF,aAAa,EACX,OACA,IAAI,IAAI,MAAM,aAAa;GAAE,IAAI,MAAM;GAAQ,UAAU,MAAM;EAAS,CAAC,GACzE,MAAM,UAAU;GACd,UAAU,MAAM,OAAO,YAAY;GACnC,OAAO,MAAM,OAAO,SAAS;EAC/B,CAAC,CACH;CACF;AACF,CAAC;AAED,MAAa,4BAA4B,gBAAgB;CACvD,MAAM;CACN,OAAO;;EAEL,QAAQ;GAAE,MAAM;GAAQ,UAAU;EAAK;;EAEvC,UAAU;GAAE,MAAM;GAAS,SAAS,KAAA;EAAU;CAChD;CACA,OAAO;CAGP,MAAM,OAAO,EAAE,SAAS;EACtB,MAAM,MAAM,mBAAmB;EAC/B,aAAa,EACX,UACA,IAAI,IAAI,MAAM,wBAAwB;GAAE,IAAI,MAAM;GAAQ,UAAU,MAAM;EAAS,CAAC,GACpF,MAAM,UAAU,CAClB;CACF;AACF,CAAC;;;;;;AAOD,MAAa,0BAA0B,gBAAgB;CACrD,MAAM;CACN,QAAQ;EACN,MAAM,MAAM,mBAAmB;EAC/B,aAAa,EAAE,OAAO,IAAI,IAAI,MAAM,sBAAsB,CAA4B;CACxF;AACF,CAAC;;;;;;;AAQD,MAAa,uBAAuB,gBAAgB;CAClD,MAAM;CACN,QAAQ;EACN,MAAM,MAAM,mBAAmB;EAC/B,aAAa,EACX,OACA,IAAI,IAAI,MAAM,mBAAmB,GACjC,IAAI,QAAQ,QAAQ,IAAI,cAAc,CACxC;CACF;AACF,CAAC"}
+{"version":3,"file":"sortable.js","names":[],"sources":["../../../src/components/sortable/sortable.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// 提供 sortable 相关实现。\n\nimport type { Direction } from '@xihan-ui/core'\nimport type { SortableItemState, SortableMode, SortableSchema, SortableTranslations } from '@xihan-ui/headless'\nimport type { SortableAxis } from '@xihan-ui/pointer'\nimport type { PropType, SlotsType, VNode } from 'vue'\nimport type { PayloadOf } from '../../runtime/payload'\nimport { computed, defineComponent, h } from 'vue'\nimport { withXhConfig } from '../../config/config'\nimport { provideSortable, useSortableContext } from './context'\nimport { useSortable } from './use-sortable'\n\ntype SortableProps = SortableSchema['props']\n\n/** 默认插槽的载荷：逐项呈现状态与整体拖动态。 */\nexport interface SortableRootSlotProps {\n  items: SortableItemState[]\n  dragging: boolean\n  activeId: string | null\n  from: number\n  to: number\n  mode: SortableMode | null\n}\n\n/** 每一项的插槽载荷。`dragging` 表示该项正被拖动，而不是列表中有任意项在拖动。 */\nexport interface SortableItemSlotProps {\n  dragging: boolean\n  index: number\n}\n\nexport const XhSortableRoot = defineComponent({\n  name: 'XhSortableRoot',\n  props: {\n    ids: { type: Array as PropType<string[]>, default: () => [] },\n    orientation: { type: String as PropType<SortableAxis> },\n    dir: { type: String as PropType<Direction> },\n    disabled: Boolean,\n    activationDistance: { type: Number },\n    autoScroll: { type: Boolean, default: undefined },\n    translations: { type: Object as PropType<Partial<SortableTranslations>> },\n    /** 所在的组：同一文档里 group 相同的列表可以互相拖入拖出。 */\n    group: { type: String },\n    /** 这个列表在组里的标识，写了 group 就必须写。 */\n    listId: { type: String },\n  },\n  // sort 携带 { from, to, id, ids }，update:ids 携带重排好的裸数组，可直接 v-model:ids\n  emits: {\n    'sort': (_details: PayloadOf<SortableProps, 'onSort'>) => true,\n    'update:ids': (_ids: PayloadOf<SortableProps, 'onSort'>['ids']) => true,\n    // 落进同组另一个列表：由源列表发一次，两个列表的新顺序都在载荷里，写回归宿主\n    'transfer': (_details: PayloadOf<SortableProps, 'onTransfer'>) => true,\n    'drag-start': (_details: PayloadOf<SortableProps, 'onDragStart'>) => true,\n    'drag-end': (_details: PayloadOf<SortableProps, 'onDragEnd'>) => true,\n  },\n  slots: Object as SlotsType<{\n    default?: (props: SortableRootSlotProps) => VNode[]\n  }>,\n  setup(props, { slots, emit }) {\n    const notifySort: SortableProps['onSort'] = (details) => {\n      emit('sort', details)\n      emit('update:ids', details.ids)\n    }\n    const ctx = useSortable(\n      withXhConfig('sortable', props) as SortableProps,\n      notifySort,\n      details => emit('transfer', details),\n      details => emit('drag-start', details),\n      details => emit('drag-end', details),\n    )\n    provideSortable(ctx)\n\n    return () => h('div', {\n      ...ctx.api.value.getRootProps() as Record<string, unknown>,\n      ref: ctx.rootRef,\n    }, slots.default?.({\n      items: ctx.api.value.items,\n      dragging: ctx.api.value.dragging,\n      activeId: ctx.api.value.activeId,\n      from: ctx.api.value.from,\n      to: ctx.api.value.to,\n      mode: ctx.api.value.mode,\n    }))\n  },\n})\n\nexport const XhSortableItem = defineComponent({\n  name: 'XhSortableItem',\n  props: {\n    /** 项标识，与 `ids` 中的值一一对应。 */\n    itemId: { type: String, required: true },\n    /** 单独禁用该项。整份 `disabled` 在 Root 上，该项是项级的。 */\n    disabled: { type: Boolean, default: undefined },\n  },\n  slots: Object as SlotsType<{\n    default?: (props: SortableItemSlotProps) => VNode[]\n  }>,\n  setup(props, { slots }) {\n    const ctx = useSortableContext()\n    const state = computed(() => ctx.api.value.items.find(item => item.id === props.itemId))\n    return () => h(\n      'div',\n      ctx.api.value.getItemProps({ id: props.itemId, disabled: props.disabled }) as Record<string, unknown>,\n      slots.default?.({\n        dragging: state.value?.dragging ?? false,\n        index: state.value?.index ?? -1,\n      }),\n    )\n  },\n})\n\nexport const XhSortableItemDragTrigger = defineComponent({\n  name: 'XhSortableItemDragTrigger',\n  props: {\n    /** 项标识，与 `ids` 中的值一一对应。 */\n    itemId: { type: String, required: true },\n    /** 单独禁用该项。整份 `disabled` 在 Root 上，该项是项级的。 */\n    disabled: { type: Boolean, default: undefined },\n  },\n  slots: Object as SlotsType<{\n    default?: () => VNode[]\n  }>,\n  setup(props, { slots }) {\n    const ctx = useSortableContext()\n    return () => h(\n      'button',\n      ctx.api.value.getItemDragTriggerProps({ id: props.itemId, disabled: props.disabled }) as Record<string, unknown>,\n      slots.default?.(),\n    )\n  },\n})\n\n/**\n * 落点线：拖动中绘制在松手后该项将插入的缝隙上，落点与起点同一位置时不在场。\n *\n * 它是容器的绝对定位子节点，写在 Root 中、排在末项之后：这样才绘制在各项之上。\n */\nexport const XhSortableDropIndicator = defineComponent({\n  name: 'XhSortableDropIndicator',\n  setup() {\n    const ctx = useSortableContext()\n    return () => h('div', ctx.api.value.getDropIndicatorProps() as Record<string, unknown>)\n  },\n})\n\n/**\n * 拖动过程的读屏播报区，视觉上不可见。\n *\n * 放进列表中即可，位置不限。它必须在拖动开始之前就在 DOM 上：\n * 读屏不播报后插入的节点，等到拾起才渲染等于没有。\n */\nexport const XhSortableLiveRegion = defineComponent({\n  name: 'XhSortableLiveRegion',\n  setup() {\n    const ctx = useSortableContext()\n    return () => h(\n      'div',\n      ctx.api.value.getLiveRegionProps() as Record<string, unknown>,\n      ctx.service.context.get('announcement'),\n    )\n  },\n})\n"],"mappings":";;;;;AAmCA,MAAa,iBAAiB,gBAAgB;CAC5C,MAAM;CACN,OAAO;EACL,KAAK;GAAE,MAAM;GAA6B,eAAe,CAAC;EAAE;EAC5D,aAAa,EAAE,MAAM,OAAiC;EACtD,KAAK,EAAE,MAAM,OAA8B;EAC3C,UAAU;EACV,oBAAoB,EAAE,MAAM,OAAO;EACnC,YAAY;GAAE,MAAM;GAAS,SAAS,KAAA;EAAU;EAChD,cAAc,EAAE,MAAM,OAAkD;;EAExE,OAAO,EAAE,MAAM,OAAO;;EAEtB,QAAQ,EAAE,MAAM,OAAO;CACzB;CAEA,OAAO;EACL,SAAS,aAAiD;EAC1D,eAAe,SAAoD;EAEnE,aAAa,aAAqD;EAClE,eAAe,aAAsD;EACrE,aAAa,aAAoD;CACnE;CACA,OAAO;CAGP,MAAM,OAAO,EAAE,OAAO,QAAQ;EAC5B,MAAM,cAAuC,YAAY;GACvD,KAAK,QAAQ,OAAO;GACpB,KAAK,cAAc,QAAQ,GAAG;EAChC;EACA,MAAM,MAAM,YACV,aAAa,YAAY,KAAK,GAC9B,aACA,YAAW,KAAK,YAAY,OAAO,IACnC,YAAW,KAAK,cAAc,OAAO,IACrC,YAAW,KAAK,YAAY,OAAO,CACrC;EACA,gBAAgB,GAAG;EAEnB,aAAa,EAAE,OAAO;GACpB,GAAG,IAAI,IAAI,MAAM,aAAa;GAC9B,KAAK,IAAI;EACX,GAAG,MAAM,UAAU;GACjB,OAAO,IAAI,IAAI,MAAM;GACrB,UAAU,IAAI,IAAI,MAAM;GACxB,UAAU,IAAI,IAAI,MAAM;GACxB,MAAM,IAAI,IAAI,MAAM;GACpB,IAAI,IAAI,IAAI,MAAM;GAClB,MAAM,IAAI,IAAI,MAAM;EACtB,CAAC,CAAC;CACJ;AACF,CAAC;AAED,MAAa,iBAAiB,gBAAgB;CAC5C,MAAM;CACN,OAAO;;EAEL,QAAQ;GAAE,MAAM;GAAQ,UAAU;EAAK;;EAEvC,UAAU;GAAE,MAAM;GAAS,SAAS,KAAA;EAAU;CAChD;CACA,OAAO;CAGP,MAAM,OAAO,EAAE,SAAS;EACtB,MAAM,MAAM,mBAAmB;EAC/B,MAAM,QAAQ,eAAe,IAAI,IAAI,MAAM,MAAM,MAAK,SAAQ,KAAK,OAAO,MAAM,MAAM,CAAC;EACvF,aAAa,EACX,OACA,IAAI,IAAI,MAAM,aAAa;GAAE,IAAI,MAAM;GAAQ,UAAU,MAAM;EAAS,CAAC,GACzE,MAAM,UAAU;GACd,UAAU,MAAM,OAAO,YAAY;GACnC,OAAO,MAAM,OAAO,SAAS;EAC/B,CAAC,CACH;CACF;AACF,CAAC;AAED,MAAa,4BAA4B,gBAAgB;CACvD,MAAM;CACN,OAAO;;EAEL,QAAQ;GAAE,MAAM;GAAQ,UAAU;EAAK;;EAEvC,UAAU;GAAE,MAAM;GAAS,SAAS,KAAA;EAAU;CAChD;CACA,OAAO;CAGP,MAAM,OAAO,EAAE,SAAS;EACtB,MAAM,MAAM,mBAAmB;EAC/B,aAAa,EACX,UACA,IAAI,IAAI,MAAM,wBAAwB;GAAE,IAAI,MAAM;GAAQ,UAAU,MAAM;EAAS,CAAC,GACpF,MAAM,UAAU,CAClB;CACF;AACF,CAAC;;;;;;AAOD,MAAa,0BAA0B,gBAAgB;CACrD,MAAM;CACN,QAAQ;EACN,MAAM,MAAM,mBAAmB;EAC/B,aAAa,EAAE,OAAO,IAAI,IAAI,MAAM,sBAAsB,CAA4B;CACxF;AACF,CAAC;;;;;;;AAQD,MAAa,uBAAuB,gBAAgB;CAClD,MAAM;CACN,QAAQ;EACN,MAAM,MAAM,mBAAmB;EAC/B,aAAa,EACX,OACA,IAAI,IAAI,MAAM,mBAAmB,GACjC,IAAI,QAAQ,QAAQ,IAAI,cAAc,CACxC;CACF;AACF,CAAC"}

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

@@ -8,7 +8,7 @@ interface SortableContext {
   /** 容器节点，状态机在拾起时用它查找项、测量矩形。 */
   rootRef: Ref<HTMLElement | null>;
 }
-declare function useSortable(props: SortableSchema['props'], onSort?: SortableSchema['props']['onSort'], onDragStart?: SortableSchema['props']['onDragStart'], onDragEnd?: SortableSchema['props']['onDragEnd']): SortableContext;
+declare function useSortable(props: SortableSchema['props'], onSort?: SortableSchema['props']['onSort'], onTransfer?: SortableSchema['props']['onTransfer'], onDragStart?: SortableSchema['props']['onDragStart'], onDragEnd?: SortableSchema['props']['onDragEnd']): SortableContext;
 //#endregion
 export { SortableContext, useSortable };
 //# sourceMappingURL=use-sortable.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"use-sortable.d.ts","names":[],"sources":["../../../src/components/sortable/use-sortable.ts"],"mappings":";;;;UAiBiB;EACf,KAAK,YAAY;EACjB,SAAS,QAAQ;;EAEjB,SAAS,IAAI;;iBAGC,YACd,OAAO,yBACP,SAAS,mCACT,cAAc,wCACd,YAAY,uCACX"}
+{"version":3,"file":"use-sortable.d.ts","names":[],"sources":["../../../src/components/sortable/use-sortable.ts"],"mappings":";;;;UAiBiB;EACf,KAAK,YAAY;EACjB,SAAS,QAAQ;;EAEjB,SAAS,IAAI;;iBAGC,YACd,OAAO,yBACP,SAAS,mCACT,aAAa,uCACb,cAAc,wCACd,YAAY,uCACX"}

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

@@ -5,11 +5,12 @@ import { computed, ref } from "vue";
 import { createScope } from "@xihan-ui/core";
 import { connectSortable, sortableMachine } from "@xihan-ui/headless";
 //#region src/components/sortable/use-sortable.ts
-function useSortable(props, onSort, onDragStart, onDragEnd) {
+function useSortable(props, onSort, onTransfer, onDragStart, onDragEnd) {
 	const rootRef = ref(null);
 	const service = useMachine(sortableMachine, () => ({
 		...props,
 		onSort,
+		onTransfer,
 		onDragStart,
 		onDragEnd
 	}), createScope(null, createVueIdGenerator()));

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

@@ -1 +1 @@
-{"version":3,"file":"use-sortable.js","names":[],"sources":["../../../src/components/sortable/use-sortable.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 sortable 相关实现。\n\nimport type { Service } from '@xihan-ui/core'\nimport type { SortableApi, SortableSchema } from '@xihan-ui/headless'\nimport type { ComputedRef, Ref } from 'vue'\nimport { createScope } from '@xihan-ui/core'\nimport { connectSortable, sortableMachine } from '@xihan-ui/headless'\nimport { computed, ref } from 'vue'\nimport { vueNormalize } from '../../runtime/normalize-props'\nimport { useMachine } from '../../runtime/use-machine'\nimport { createVueIdGenerator } from '../../runtime/vue-id'\n\nexport interface SortableContext {\n  api: ComputedRef<SortableApi>\n  service: Service<SortableSchema>\n  /** 容器节点，状态机在拾起时用它查找项、测量矩形。 */\n  rootRef: Ref<HTMLElement | null>\n}\n\nexport function useSortable(\n  props: SortableSchema['props'],\n  onSort?: SortableSchema['props']['onSort'],\n  onDragStart?: SortableSchema['props']['onDragStart'],\n  onDragEnd?: SortableSchema['props']['onDragEnd'],\n): SortableContext {\n  const rootRef = ref<HTMLElement | null>(null)\n\n  const idGen = createVueIdGenerator()\n  const scope = createScope(null, idGen)\n  const service = useMachine(sortableMachine, () => ({ ...props, onSort, onDragStart, onDragEnd }), scope)\n\n  // 传 getter 而非节点，ref 在挂载后才有值\n  service.refs.set('getRootEl', () => rootRef.value)\n\n  const api = computed(() => connectSortable(service, vueNormalize))\n  return { api, service, rootRef }\n}\n"],"mappings":";;;;;;;AAwBA,SAAgB,YACd,OACA,QACA,aACA,WACiB;CACjB,MAAM,UAAU,IAAwB,IAAI;CAI5C,MAAM,UAAU,WAAW,wBAAwB;EAAE,GAAG;EAAO;EAAQ;EAAa;CAAU,IADhF,YAAY,MADZ,qBACsB,CACkE,CAAC;CAGvG,QAAQ,KAAK,IAAI,mBAAmB,QAAQ,KAAK;CAGjD,OAAO;EAAE,KADG,eAAe,gBAAgB,SAAS,YAAY,CACrD;EAAG;EAAS;CAAQ;AACjC"}
+{"version":3,"file":"use-sortable.js","names":[],"sources":["../../../src/components/sortable/use-sortable.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 sortable 相关实现。\n\nimport type { Service } from '@xihan-ui/core'\nimport type { SortableApi, SortableSchema } from '@xihan-ui/headless'\nimport type { ComputedRef, Ref } from 'vue'\nimport { createScope } from '@xihan-ui/core'\nimport { connectSortable, sortableMachine } from '@xihan-ui/headless'\nimport { computed, ref } from 'vue'\nimport { vueNormalize } from '../../runtime/normalize-props'\nimport { useMachine } from '../../runtime/use-machine'\nimport { createVueIdGenerator } from '../../runtime/vue-id'\n\nexport interface SortableContext {\n  api: ComputedRef<SortableApi>\n  service: Service<SortableSchema>\n  /** 容器节点，状态机在拾起时用它查找项、测量矩形。 */\n  rootRef: Ref<HTMLElement | null>\n}\n\nexport function useSortable(\n  props: SortableSchema['props'],\n  onSort?: SortableSchema['props']['onSort'],\n  onTransfer?: SortableSchema['props']['onTransfer'],\n  onDragStart?: SortableSchema['props']['onDragStart'],\n  onDragEnd?: SortableSchema['props']['onDragEnd'],\n): SortableContext {\n  const rootRef = ref<HTMLElement | null>(null)\n\n  const idGen = createVueIdGenerator()\n  const scope = createScope(null, idGen)\n  const service = useMachine(sortableMachine, () => ({ ...props, onSort, onTransfer, onDragStart, onDragEnd }), scope)\n\n  // 传 getter 而非节点，ref 在挂载后才有值\n  service.refs.set('getRootEl', () => rootRef.value)\n\n  const api = computed(() => connectSortable(service, vueNormalize))\n  return { api, service, rootRef }\n}\n"],"mappings":";;;;;;;AAwBA,SAAgB,YACd,OACA,QACA,YACA,aACA,WACiB;CACjB,MAAM,UAAU,IAAwB,IAAI;CAI5C,MAAM,UAAU,WAAW,wBAAwB;EAAE,GAAG;EAAO;EAAQ;EAAY;EAAa;CAAU,IAD5F,YAAY,MADZ,qBACsB,CAC8E,CAAC;CAGnH,QAAQ,KAAK,IAAI,mBAAmB,QAAQ,KAAK;CAGjD,OAAO;EAAE,KADG,eAAe,gBAAgB,SAAS,YAAY,CACrD;EAAG;EAAS;CAAQ;AACjC"}

package/dist/components/sparkline/sparkline.d.ts

@@ -0,0 +1,101 @@
+import { PropType } from "vue";
+import { Tone } from "@xihan-ui/core";
+import { NumberFormatSpec, SparklineCurve, SparklineMarkers, SparklineReference, SparklineSchema, SparklineTranslations, SparklineVariant } from "@xihan-ui/headless";
+//#region src/components/sparkline/sparkline.d.ts
+type SparklineProps = SparklineSchema['props'];
+/**
+ * 迷你图：整张图是一个 `<svg role="img">`，随文排版，可及名写在根上的 aria-label。
+ * 摘要（`<desc>`）排在最前，其后按场景画参考带、面积、折线、柱与标记点，都是 `<path>`。
+ */
+declare const XhSparkline: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+  data: {
+    type: PropType<SparklineProps["data"]>;
+  };
+  x: {
+    type: StringConstructor;
+  };
+  y: {
+    type: StringConstructor;
+  };
+  variant: {
+    type: PropType<SparklineVariant>;
+  };
+  curve: {
+    type: PropType<SparklineCurve>;
+  };
+  markers: {
+    type: PropType<SparklineMarkers>;
+  };
+  band: {
+    type: PropType<readonly [number, number]>;
+  };
+  /** 参考线：固定值，或 mean / median 按数据算出。 */
+  reference: {
+    type: PropType<SparklineReference>;
+  };
+  tone: {
+    type: PropType<Tone>;
+  };
+  format: {
+    type: PropType<NumberFormatSpec | ((value: number) => string)>;
+  };
+  animated: {
+    type: BooleanConstructor;
+    default: undefined;
+  };
+  locale: {
+    type: StringConstructor;
+  };
+  translations: {
+    type: PropType<Partial<SparklineTranslations>>;
+  };
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+  [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+  data: {
+    type: PropType<SparklineProps["data"]>;
+  };
+  x: {
+    type: StringConstructor;
+  };
+  y: {
+    type: StringConstructor;
+  };
+  variant: {
+    type: PropType<SparklineVariant>;
+  };
+  curve: {
+    type: PropType<SparklineCurve>;
+  };
+  markers: {
+    type: PropType<SparklineMarkers>;
+  };
+  band: {
+    type: PropType<readonly [number, number]>;
+  };
+  /** 参考线：固定值，或 mean / median 按数据算出。 */
+  reference: {
+    type: PropType<SparklineReference>;
+  };
+  tone: {
+    type: PropType<Tone>;
+  };
+  format: {
+    type: PropType<NumberFormatSpec | ((value: number) => string)>;
+  };
+  animated: {
+    type: BooleanConstructor;
+    default: undefined;
+  };
+  locale: {
+    type: StringConstructor;
+  };
+  translations: {
+    type: PropType<Partial<SparklineTranslations>>;
+  };
+}>> & Readonly<{}>, {
+  animated: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+//#endregion
+export { XhSparkline };
+//# sourceMappingURL=sparkline.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"sparkline.d.ts","names":[],"sources":["../../../src/components/sparkline/sparkline.ts"],"mappings":";;;;KAsBK,iBAAiB;;;;;cAMT,2BAAW,8BAAA;;IAIG,MAAA,SAAS;;;;;;;;;IAGL,MAAA,SAAS;;;IACX,MAAA,SAAS;;;IACP,MAAA,SAAS;;;IACF,MAAA;;;;IAEK,MAAA,SAAS;;;IACxB,MAAA,SAAS;;;IACK,MAAA,SAAS,qBAAqB;;;;;;;;;;IAGpC,MAAA,SAAS,QAAQ;;;;;;IAb1B,MAAA,SAAS;;;;;;;;;IAGL,MAAA,SAAS;;;IACX,MAAA,SAAS;;;IACP,MAAA,SAAS;;;IACF,MAAA;;;;IAEK,MAAA,SAAS;;;IACxB,MAAA,SAAS;;;IACK,MAAA,SAAS,qBAAqB;;;;;;;;;;IAGpC,MAAA,SAAS,QAAQ;;;;qCAgBnD"}

package/dist/components/sparkline/sparkline.js

@@ -0,0 +1,54 @@
+import { withXhConfig } from "../../config/config.js";
+import { useSparkline } from "./use-sparkline.js";
+import { defineComponent, h } from "vue";
+//#region src/components/sparkline/sparkline.ts
+/**
+* 迷你图：整张图是一个 `<svg role="img">`，随文排版，可及名写在根上的 aria-label。
+* 摘要（`<desc>`）排在最前，其后按场景画参考带、面积、折线、柱与标记点，都是 `<path>`。
+*/
+const XhSparkline = defineComponent({
+	name: "XhSparkline",
+	props: {
+		data: { type: Array },
+		x: { type: String },
+		y: { type: String },
+		variant: { type: String },
+		curve: { type: String },
+		markers: { type: String },
+		band: { type: Array },
+		/** 参考线：固定值，或 mean / median 按数据算出。 */
+		reference: { type: [Number, String] },
+		tone: { type: String },
+		format: { type: [Object, Function] },
+		animated: {
+			type: Boolean,
+			default: void 0
+		},
+		locale: { type: String },
+		translations: { type: Object }
+	},
+	setup(props) {
+		const ctx = useSparkline(withXhConfig("sparkline", props));
+		return () => {
+			const api = ctx.api.value;
+			const { back, data, front } = api.scene.layers;
+			return h("svg", {
+				...api.getRootProps(),
+				ref: (el) => {
+					ctx.rootRef.value = el;
+				}
+			}, [h("desc", api.getSummaryProps(), api.summary), ...[
+				...back,
+				...data,
+				...front
+			].map((mark) => h("path", {
+				...api.getMarkProps(mark),
+				key: mark.key
+			}))]);
+		};
+	}
+});
+//#endregion
+export { XhSparkline };
+
+//# sourceMappingURL=sparkline.js.map

package/dist/components/sparkline/sparkline.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sparkline.js","names":[],"sources":["../../../src/components/sparkline/sparkline.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// 提供 sparkline 相关实现。\n\nimport type { Tone } from '@xihan-ui/core'\nimport type {\n  NumberFormatSpec,\n  SparklineCurve,\n  SparklineMarkers,\n  SparklineReference,\n  SparklineSchema,\n  SparklineTranslations,\n  SparklineVariant,\n} from '@xihan-ui/headless'\nimport type { PropType } from 'vue'\nimport { defineComponent, h } from 'vue'\nimport { withXhConfig } from '../../config/config'\nimport { useSparkline } from './use-sparkline'\n\ntype SparklineProps = SparklineSchema['props']\n\n/**\n * 迷你图：整张图是一个 `<svg role=\"img\">`，随文排版，可及名写在根上的 aria-label。\n * 摘要（`<desc>`）排在最前，其后按场景画参考带、面积、折线、柱与标记点，都是 `<path>`。\n */\nexport const XhSparkline = defineComponent({\n  name: 'XhSparkline',\n  // 缺省值由机器与 connect 决定；普通类型省略 default，Boolean 显式保留 undefined\n  props: {\n    data: { type: Array as PropType<SparklineProps['data']> },\n    x: { type: String },\n    y: { type: String },\n    variant: { type: String as PropType<SparklineVariant> },\n    curve: { type: String as PropType<SparklineCurve> },\n    markers: { type: String as PropType<SparklineMarkers> },\n    band: { type: Array as unknown as PropType<readonly [number, number]> },\n    /** 参考线：固定值，或 mean / median 按数据算出。 */\n    reference: { type: [Number, String] as PropType<SparklineReference> },\n    tone: { type: String as PropType<Tone> },\n    format: { type: [Object, Function] as PropType<NumberFormatSpec | ((value: number) => string)> },\n    animated: { type: Boolean, default: undefined },\n    locale: { type: String },\n    translations: { type: Object as PropType<Partial<SparklineTranslations>> },\n  },\n  setup(props) {\n    const ctx = useSparkline(withXhConfig('sparkline', props) as SparklineProps)\n    return () => {\n      const api = ctx.api.value\n      const { back, data, front } = api.scene.layers\n      return h('svg', {\n        ...api.getRootProps() as Record<string, unknown>,\n        ref: (el: unknown) => { ctx.rootRef.value = el as SVGSVGElement },\n      }, [\n        h('desc', api.getSummaryProps() as Record<string, unknown>, api.summary),\n        ...[...back, ...data, ...front].map(mark => h('path', { ...api.getMarkProps(mark) as Record<string, unknown>, key: mark.key })),\n      ])\n    }\n  },\n})\n"],"mappings":";;;;;;;;AA4BA,MAAa,cAAc,gBAAgB;CACzC,MAAM;CAEN,OAAO;EACL,MAAM,EAAE,MAAM,MAA0C;EACxD,GAAG,EAAE,MAAM,OAAO;EAClB,GAAG,EAAE,MAAM,OAAO;EAClB,SAAS,EAAE,MAAM,OAAqC;EACtD,OAAO,EAAE,MAAM,OAAmC;EAClD,SAAS,EAAE,MAAM,OAAqC;EACtD,MAAM,EAAE,MAAM,MAAwD;;EAEtE,WAAW,EAAE,MAAM,CAAC,QAAQ,MAAM,EAAkC;EACpE,MAAM,EAAE,MAAM,OAAyB;EACvC,QAAQ,EAAE,MAAM,CAAC,QAAQ,QAAQ,EAA8D;EAC/F,UAAU;GAAE,MAAM;GAAS,SAAS,KAAA;EAAU;EAC9C,QAAQ,EAAE,MAAM,OAAO;EACvB,cAAc,EAAE,MAAM,OAAmD;CAC3E;CACA,MAAM,OAAO;EACX,MAAM,MAAM,aAAa,aAAa,aAAa,KAAK,CAAmB;EAC3E,aAAa;GACX,MAAM,MAAM,IAAI,IAAI;GACpB,MAAM,EAAE,MAAM,MAAM,UAAU,IAAI,MAAM;GACxC,OAAO,EAAE,OAAO;IACd,GAAG,IAAI,aAAa;IACpB,MAAM,OAAgB;KAAE,IAAI,QAAQ,QAAQ;IAAoB;GAClE,GAAG,CACD,EAAE,QAAQ,IAAI,gBAAgB,GAA8B,IAAI,OAAO,GACvE,GAAG;IAAC,GAAG;IAAM,GAAG;IAAM,GAAG;GAAK,CAAC,CAAC,KAAI,SAAQ,EAAE,QAAQ;IAAE,GAAG,IAAI,aAAa,IAAI;IAA8B,KAAK,KAAK;GAAI,CAAC,CAAC,CAChI,CAAC;EACH;CACF;AACF,CAAC"}

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

@@ -0,0 +1,15 @@
+import { ComputedRef, Ref } from "vue";
+import { Service } from "@xihan-ui/core";
+import { SparklineApi, SparklineSchema } from "@xihan-ui/headless";
+//#region src/components/sparkline/use-sparkline.d.ts
+interface SparklineContext {
+  api: ComputedRef<SparklineApi>;
+  service: Service<SparklineSchema>;
+  /** 根 `<svg>`：尺寸观测的宿主，机器也在它上面读度量私有槽与动效令牌。 */
+  rootRef: Ref<SVGSVGElement | null>;
+}
+/** 量测与度量都在状态机的效应里做，DOM 取值口经 refs 交入。 */
+declare function useSparkline(props: SparklineSchema['props']): SparklineContext;
+//#endregion
+export { SparklineContext, useSparkline };
+//# sourceMappingURL=use-sparkline.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use-sparkline.d.ts","names":[],"sources":["../../../src/components/sparkline/use-sparkline.ts"],"mappings":";;;;UAeiB;EACf,KAAK,YAAY;EACjB,SAAS,QAAQ;;EAEjB,SAAS,IAAI;;;iBAIC,aAAa,OAAO,2BAA2B"}

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

@@ -0,0 +1,21 @@
+import { vueNormalize } from "../../runtime/normalize-props.js";
+import { useMachine } from "../../runtime/use-machine.js";
+import { computed, ref } from "vue";
+import { connectSparkline, sparklineMachine } from "@xihan-ui/headless";
+//#region src/components/sparkline/use-sparkline.ts
+/** 量测与度量都在状态机的效应里做，DOM 取值口经 refs 交入。 */
+function useSparkline(props) {
+	const rootRef = ref(null);
+	const service = useMachine(sparklineMachine, () => ({ ...props }));
+	service.refs.set("getRootEl", () => rootRef.value);
+	service.refs.set("getViewportEl", () => rootRef.value);
+	return {
+		api: computed(() => connectSparkline(service, vueNormalize)),
+		service,
+		rootRef
+	};
+}
+//#endregion
+export { useSparkline };
+
+//# sourceMappingURL=use-sparkline.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"use-sparkline.js","names":[],"sources":["../../../src/components/sparkline/use-sparkline.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 sparkline 相关实现。\n\nimport type { Service } from '@xihan-ui/core'\nimport type { SparklineApi, SparklineSchema } from '@xihan-ui/headless'\nimport type { ComputedRef, Ref } from 'vue'\nimport { connectSparkline, sparklineMachine } from '@xihan-ui/headless'\nimport { computed, ref } from 'vue'\nimport { vueNormalize } from '../../runtime/normalize-props'\nimport { useMachine } from '../../runtime/use-machine'\n\nexport interface SparklineContext {\n  api: ComputedRef<SparklineApi>\n  service: Service<SparklineSchema>\n  /** 根 `<svg>`：尺寸观测的宿主，机器也在它上面读度量私有槽与动效令牌。 */\n  rootRef: Ref<SVGSVGElement | null>\n}\n\n/** 量测与度量都在状态机的效应里做，DOM 取值口经 refs 交入。 */\nexport function useSparkline(props: SparklineSchema['props']): SparklineContext {\n  const rootRef = ref<SVGSVGElement | null>(null)\n  // 传响应式 props 对象本身而非快照，供机器每次读时重新展开\n  const service = useMachine(sparklineMachine, () => ({ ...props }))\n  service.refs.set('getRootEl', () => rootRef.value)\n  service.refs.set('getViewportEl', () => rootRef.value)\n  const api = computed(() => connectSparkline(service, vueNormalize))\n  return { api, service, rootRef }\n}\n"],"mappings":";;;;;;AAuBA,SAAgB,aAAa,OAAmD;CAC9E,MAAM,UAAU,IAA0B,IAAI;CAE9C,MAAM,UAAU,WAAW,yBAAyB,EAAE,GAAG,MAAM,EAAE;CACjE,QAAQ,KAAK,IAAI,mBAAmB,QAAQ,KAAK;CACjD,QAAQ,KAAK,IAAI,uBAAuB,QAAQ,KAAK;CAErD,OAAO;EAAE,KADG,eAAe,iBAAiB,SAAS,YAAY,CACtD;EAAG;EAAS;CAAQ;AACjC"}

package/dist/components/spinner/spinner.d.ts

@@ -16,6 +16,10 @@ declare const XhSpinner: import("vue").DefineComponent<import("vue").ExtractProp
   tone: {
     type: PropType<Tone>;
   };
+  /** 挂载后等多少毫秒才露面，默认 0；加载在这之前结束时转圈从头到尾不出现。 */
+  delay: {
+    type: NumberConstructor;
+  };
   translations: {
     type: PropType<Partial<SpinnerTranslations>>;
   };
@@ -34,6 +38,10 @@ declare const XhSpinner: import("vue").DefineComponent<import("vue").ExtractProp
   tone: {
     type: PropType<Tone>;
   };
+  /** 挂载后等多少毫秒才露面，默认 0；加载在这之前结束时转圈从头到尾不出现。 */
+  delay: {
+    type: NumberConstructor;
+  };
   translations: {
     type: PropType<Partial<SpinnerTranslations>>;
   };

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

@@ -1 +1 @@
-{"version":3,"file":"spinner.d.ts","names":[],"sources":["../../../src/components/spinner/spinner.ts"],"mappings":";;;;;cAgBa,yBAAS,8BAAA;;;;;IAKM,MAAA,SAAS;;;IACN,MAAA,SAAS;;;IACZ,MAAA,SAAS;;;IACD,MAAA,SAAS,QAAQ;;;;;;;;;IAHzB,MAAA,SAAS;;;IACN,MAAA,SAAS;;;IACZ,MAAA,SAAS;;;IACD,MAAA,SAAS,QAAQ;;MAOnD,oDAAA;;cAGW,8BAAc,wCAAA,oBAAA,4BAAA;;8BAUzB,qCAAA,iDAAA,aAAA,eAAA,oDAAA"}
+{"version":3,"file":"spinner.d.ts","names":[],"sources":["../../../src/components/spinner/spinner.ts"],"mappings":";;;;;cAgBa,yBAAS,8BAAA;;;;;IAKM,MAAA,SAAS;;;IACN,MAAA,SAAS;;;IACZ,MAAA,SAAS;;;;;;;IAGD,MAAA,SAAS,QAAQ;;;;;;;;;IALzB,MAAA,SAAS;;;IACN,MAAA,SAAS;;;IACZ,MAAA,SAAS;;;;;;;IAGD,MAAA,SAAS,QAAQ;;MAOnD,oDAAA;;cAGW,8BAAc,wCAAA,oBAAA,4BAAA;;8BAUzB,qCAAA,iDAAA,aAAA,eAAA,oDAAA"}

package/dist/components/spinner/spinner.js

@@ -11,6 +11,8 @@ const XhSpinner = defineComponent({
 		size: { type: String },
 		variant: { type: String },
 		tone: { type: String },
+		/** 挂载后等多少毫秒才露面，默认 0；加载在这之前结束时转圈从头到尾不出现。 */
+		delay: { type: Number },
 		translations: { type: Object }
 	},
 	setup(props, { slots }) {