npm - @xihan-ui/vue - Versions diffs - 2.1.0 → 3.1.0 - Mend

@xihan-ui/vue 2.1.0 → 3.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (708) hide show

package/dist/components/signature-pad/signature-pad.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"signature-pad.js","names":[],"sources":["../../../src/components/signature-pad/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// 提供 signature pad 相关实现。\n\nimport type { SignaturePadApi, SignaturePadDrawingOptions, SignaturePadSchema, SignaturePadTranslations } from '@xihan-ui/headless'\nimport type { PropType, SlotsType, VNode } from 'vue'\nimport type { PayloadOf } from '../../runtime/payload'\nimport { defineComponent, h } from 'vue'\nimport { withXhConfig } from '../../config/config'\nimport { useFormControlProps } from '../form/use-form-control'\nimport { provideSignaturePad, useSignaturePadContext } from './context'\nimport { useSignaturePad } from './use-signature-pad'\n\ntype SignaturePadProps = SignaturePadSchema['props']\n\n/* ~~默认插槽的载荷：笔迹路径与空态、落笔中标记，以及导出与清空的动作。~~ */\nexport type SignaturePadRootSlotProps = Pick<\n SignaturePadApi,\n 'paths' \| 'empty' \| 'drawing' \| 'disabled' \| 'readOnly' \| 'statusText' \| 'toSvg' \| 'clear'\n>\n\nexport const XhSignaturePadRoot = defineComponent({\n name: 'XhSignaturePadRoot',\n // 缺省值由 connect 决定；普通类型省略 default，Boolean 显式保留 undefined\n props: {\n disabled: { type: Boolean, default: undefined },\n readOnly: { type: Boolean, default: undefined },\n required: { type: Boolean, default: undefined },\n invalid: { type: Boolean, default: undefined },\n name: { type: String },\n drawing: { type: Object as PropType<SignaturePadDrawingOptions> },\n translations: { type: Object as PropType<Partial<SignaturePadTranslations>> },\n },\n // ~~两条都是只读通知，签名写不回来，因此没有~~ v-~~model\~~n emits: {\n 'draw': (_details: PayloadOf<SignaturePadProps, 'onDraw'>) => true,\n 'draw-end': (_details: PayloadOf<SignaturePadProps, 'onDrawEnd'>) => true,\n },\n slots: Object as SlotsType<{\n default?: (props: SignaturePadRootSlotProps) => VNode[]\n }>,\n setup(props, { slots, emit }) {\n const onDraw: SignaturePadProps['onDraw'] = details => emit('draw', details)\n const onDrawEnd: SignaturePadProps['onDrawEnd'] = details => emit('draw-end', details)\n const ctx = useSignaturePad(withXhConfig('signature-pad', useFormControlProps(props)) as SignaturePadProps, { onDraw, onDrawEnd })\n provideSignaturePad(ctx)\n return () => h('div', ctx.api.value.getRootProps() as Record<string, unknown>, slots.default?.({\n paths: ctx.api.value.paths,\n empty: ctx.api.value.empty,\n drawing: ctx.api.value.drawing,\n disabled: ctx.api.value.disabled,\n readOnly: ctx.api.value.readOnly,\n statusText: ctx.api.value.statusText,\n toSvg: ctx.api.value.toSvg,\n clear: ctx.api.value.clear,\n }))\n },\n})\n\nexport const XhSignaturePadLabel = defineComponent({\n name: 'XhSignaturePadLabel',\n setup(_, { slots }) {\n const ctx = useSignaturePadContext()\n // 不用原生 label：画布是 svg、不是可被 label 关联的表单控件，名字经 aria-labelledby 挂过去\n return () => h('span', ctx.api.value.getLabelProps() as Record<string, unknown>, slots.default?.())\n },\n})\n\nexport const XhSignaturePadControl = defineComponent({\n name: 'XhSignaturePadControl',\n setup(_, { slots }) {\n const ctx = useSignaturePadContext()\n // 画布是 svg：笔迹与基准线都是图元。viewBox 由连接层按钉住的尺寸给，\n // 基准线与笔迹都建在这棵 svg 子树里，命名空间由它带下去\n return () => h('svg', {\n ...ctx.api.value.getControlProps() as Record<string, unknown>,\n ref: ctx.controlRef,\n }, slots.default?.())\n },\n})\n\nexport const XhSignaturePadGuide = defineComponent({\n name: 'XhSignaturePadGuide',\n setup() {\n const ctx = useSignaturePadContext()\n return () => h('line', ctx.api.value.getGuideProps() as Record<string, unknown>)\n },\n})\n\nexport const XhSignaturePadPath = defineComponent({\n name: 'XhSignaturePadPath',\n setup() {\n const ctx = useSignaturePadContext()\n // 全部笔迹落在这一条路径上，每一笔是它的一条子路径\n return () => h('path', ctx.api.value.getPathProps() as Record<string, unknown>)\n },\n})\n\nexport const XhSignaturePadClearTrigger = defineComponent({\n name: 'XhSignaturePadClearTrigger',\n setup(_, { slots }) {\n const ctx = useSignaturePadContext()\n return () => h('button', ctx.api.value.getClearTriggerProps() as Record<string, unknown>, slots.default?.())\n },\n})\n\nexport const XhSignaturePadStatus = defineComponent({\n name: 'XhSignaturePadStatus',\n setup(_, { slots }) {\n const ctx = useSignaturePadContext()\n // 作者不写内容就用内建那句话，读屏才有东西可念\n return () => h(\n 'span',\n ctx.api.value.getStatusProps() as Record<string, unknown>,\n slots.default?.() ?? ctx.api.value.statusText,\n )\n },\n})\n\nexport const XhSignaturePadHiddenInput = defineComponent({\n name: 'XhSignaturePadHiddenInput',\n setup() {\n const ctx = useSignaturePadContext()\n return () => h('input', ctx.api.value.getHiddenInputProps() as Record<string, unknown>)\n },\n})\n"],"mappings":"~~;;;;;;AAwBA~~,MAAa,qBAAqB,gBAAgB;CAChD,MAAM;CAEN,OAAO;EACL,UAAU;GAAE,MAAM;GAAS,SAAS,KAAA;EAAU;EAC9C,UAAU;GAAE,MAAM;GAAS,SAAS,KAAA;EAAU;EAC9C,UAAU;GAAE,MAAM;GAAS,SAAS,KAAA;EAAU;EAC9C,SAAS;GAAE,MAAM;GAAS,SAAS,KAAA;EAAU;EAC7C,MAAM,EAAE,MAAM,OAAO;~~EACrB~~,SAAS,EAAE,MAAM,OAA+C;EAChE,cAAc,EAAE,MAAM,OAAsD;CAC9E;CAEA,OAAO;EACL,SAAS,aAAqD;EAC9D,aAAa,aAAwD;~~CACvE~~;CACA,OAAO;CAGP,MAAM,OAAO,EAAE,OAAO,QAAQ;EAC5B,MAAM,UAAsC,YAAW,KAAK,QAAQ,OAAO;EAC3E,MAAM,aAA4C,YAAW,KAAK,YAAY,OAAO;EACrF,MAAM,MAAM,gBAAgB,aAAa,iBAAiB,oBAAoB,KAAK,CAAC,GAAwB;GAAE;GAAQ;~~EAAU~~,CAAC;~~EACjI~~,oBAAoB,GAAG;EACvB,aAAa,EAAE,OAAO,IAAI,IAAI,MAAM,aAAa,GAA8B,MAAM,UAAU;GAC7F,OAAO,IAAI,IAAI,MAAM;GACrB,OAAO,IAAI,IAAI,MAAM;GACrB,SAAS,IAAI,IAAI,MAAM;GACvB,UAAU,IAAI,IAAI,MAAM;GACxB,UAAU,IAAI,IAAI,MAAM;GACxB,YAAY,IAAI,IAAI,MAAM;GAC1B,OAAO,IAAI,IAAI,MAAM;GACrB,OAAO,IAAI,IAAI,MAAM;~~EACvB~~,CAAC,CAAC;CACJ;AACF,CAAC;AAED,MAAa,sBAAsB,gBAAgB;CACjD,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,uBAAuB;EAEnC,aAAa,EAAE,QAAQ,IAAI,IAAI,MAAM,cAAc,GAA8B,MAAM,UAAU,CAAC;CACpG;AACF,CAAC;AAED,MAAa,wBAAwB,gBAAgB;CACnD,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,uBAAuB;EAGnC,aAAa,EAAE,OAAO;GACpB,GAAG,IAAI,IAAI,MAAM,gBAAgB;GACjC,KAAK,IAAI;EACX,GAAG,MAAM,UAAU,CAAC;CACtB;AACF,CAAC;AAED,MAAa,sBAAsB,gBAAgB;CACjD,MAAM;CACN,QAAQ;EACN,MAAM,MAAM,uBAAuB;EACnC,aAAa,EAAE,QAAQ,IAAI,IAAI,MAAM,cAAc,CAA4B;CACjF;AACF,CAAC;AAED,MAAa,qBAAqB,gBAAgB;CAChD,MAAM;CACN,QAAQ;EACN,MAAM,MAAM,uBAAuB;EAEnC,aAAa,EAAE,QAAQ,IAAI,IAAI,MAAM,aAAa,CAA4B;CAChF;AACF,CAAC;AAED,MAAa,6BAA6B,gBAAgB;CACxD,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,uBAAuB;EACnC,aAAa,EAAE,UAAU,IAAI,IAAI,MAAM,qBAAqB,GAA8B,MAAM,UAAU,CAAC;CAC7G;AACF,CAAC;AAED,MAAa,uBAAuB,gBAAgB;CAClD,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,uBAAuB;EAEnC,aAAa,EACX,QACA,IAAI,IAAI,MAAM,eAAe,GAC7B,MAAM,UAAU,KAAK,IAAI,IAAI,MAAM,UACrC;CACF;AACF,CAAC;AAED,MAAa,4BAA4B,gBAAgB;CACvD,MAAM;CACN,QAAQ;EACN,MAAM,MAAM,uBAAuB;EACnC,aAAa,EAAE,SAAS,IAAI,IAAI,MAAM,oBAAoB,CAA4B;CACxF;AACF,CAAC"}
1	+ {"version":3,"file":"signature-pad.js","names":[],"sources":["../../../src/components/signature-pad/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// 提供 signature pad 相关实现。\n\nimport type { SignaturePadApi, SignaturePadDrawingOptions, SignaturePadSchema, SignaturePadTranslations, SignaturePadValue } from '@xihan-ui/headless'\nimport type { PropType, SlotsType, VNode } from 'vue'\nimport type { PayloadOf } from '../../runtime/payload'\nimport { defineComponent, h } from 'vue'\nimport { withXhConfig } from '../../config/config'\nimport { withHandlers } from '../../runtime/with-handlers'\nimport { useFormControlProps } from '../form/use-form-control'\nimport { provideSignaturePad, useSignaturePadContext } from './context'\nimport { useSignaturePad } from './use-signature-pad'\n\ntype SignaturePadProps = SignaturePadSchema['props']\n\n/* 默认插槽的载荷：签名数据、笔迹路径与空态、落笔中标记，以及导出、清空、撤销与重做的动作。 */\nexport type SignaturePadRootSlotProps = Pick<\n SignaturePadApi,\n \| 'value'\n \| 'paths'\n \| 'empty'\n \| 'drawing'\n \| 'disabled'\n \| 'readOnly'\n \| 'canUndo'\n \| 'canRedo'\n \| 'statusText'\n \| 'toSvg'\n \| 'clear'\n \| 'undo'\n \| 'redo'\n>\n\nexport const XhSignaturePadRoot = defineComponent({\n name: 'XhSignaturePadRoot',\n // 缺省值由 connect 决定；普通类型省略 default，Boolean 显式保留 undefined\n props: {\n disabled: { type: Boolean, default: undefined },\n readOnly: { type: Boolean, default: undefined },\n required: { type: Boolean, default: undefined },\n invalid: { type: Boolean, default: undefined },\n name: { type: String },\n // 缺席值 undefined 表示非受控\n value: { type: Object as PropType<SignaturePadValue> },\n defaultValue: { type: Object as PropType<SignaturePadValue> },\n drawing: { type: Object as PropType<SignaturePadDrawingOptions> },\n translations: { type: Object as PropType<Partial<SignaturePadTranslations>> },\n },\n // draw / draw-end 是笔迹通知；value-change 携带 { value }，update:value 携带裸值\n emits: {\n 'clear': () => true,\n 'draw': (_details: PayloadOf<SignaturePadProps, 'onDraw'>) => true,\n 'draw-end': (_details: PayloadOf<SignaturePadProps, 'onDrawEnd'>) => true,\n 'value-change': (_details: PayloadOf<SignaturePadProps, 'onValueChange'>) => true,\n 'update:value': (_value: PayloadOf<SignaturePadProps, 'onValueChange'>['value']) => true,\n },\n slots: Object as SlotsType<{\n default?: (props: SignaturePadRootSlotProps) => VNode[]\n }>,\n setup(props, { slots, emit }) {\n const onDraw: SignaturePadProps['onDraw'] = details => emit('draw', details)\n const onDrawEnd: SignaturePadProps['onDrawEnd'] = details => emit('draw-end', details)\n const onValueChange: SignaturePadProps['onValueChange'] = (details) => {\n emit('value-change', details)\n emit('update:value', details.value)\n }\n const ctx = useSignaturePad(withHandlers(withXhConfig('signature-pad', useFormControlProps(props)), { onClear: () => emit('clear') }) as SignaturePadProps, { onDraw, onDrawEnd, onValueChange })\n provideSignaturePad(ctx)\n return () => h('div', ctx.api.value.getRootProps() as Record<string, unknown>, slots.default?.({\n value: ctx.api.value.value,\n paths: ctx.api.value.paths,\n empty: ctx.api.value.empty,\n drawing: ctx.api.value.drawing,\n disabled: ctx.api.value.disabled,\n readOnly: ctx.api.value.readOnly,\n canUndo: ctx.api.value.canUndo,\n canRedo: ctx.api.value.canRedo,\n statusText: ctx.api.value.statusText,\n toSvg: ctx.api.value.toSvg,\n clear: ctx.api.value.clear,\n undo: ctx.api.value.undo,\n redo: ctx.api.value.redo,\n }))\n },\n})\n\nexport const XhSignaturePadLabel = defineComponent({\n name: 'XhSignaturePadLabel',\n setup(_, { slots }) {\n const ctx = useSignaturePadContext()\n // 不用原生 label：画布是 svg、不是可被 label 关联的表单控件，名字经 aria-labelledby 挂过去\n return () => h('span', ctx.api.value.getLabelProps() as Record<string, unknown>, slots.default?.())\n },\n})\n\nexport const XhSignaturePadControl = defineComponent({\n name: 'XhSignaturePadControl',\n setup(_, { slots }) {\n const ctx = useSignaturePadContext()\n // 画布是 svg：笔迹与基准线都是图元。viewBox 由连接层按钉住的尺寸给，\n // 基准线与笔迹都建在这棵 svg 子树里，命名空间由它带下去\n return () => h('svg', {\n ...ctx.api.value.getControlProps() as Record<string, unknown>,\n ref: ctx.controlRef,\n }, slots.default?.())\n },\n})\n\nexport const XhSignaturePadGuide = defineComponent({\n name: 'XhSignaturePadGuide',\n setup() {\n const ctx = useSignaturePadContext()\n return () => h('line', ctx.api.value.getGuideProps() as Record<string, unknown>)\n },\n})\n\nexport const XhSignaturePadPath = defineComponent({\n name: 'XhSignaturePadPath',\n setup() {\n const ctx = useSignaturePadContext()\n // 全部笔迹落在这一条路径上，每一笔是它的一条子路径\n return () => h('path', ctx.api.value.getPathProps() as Record<string, unknown>)\n },\n})\n\nexport const XhSignaturePadClearTrigger = defineComponent({\n name: 'XhSignaturePadClearTrigger',\n setup(_, { slots }) {\n const ctx = useSignaturePadContext()\n return () => h('button', ctx.api.value.getClearTriggerProps() as Record<string, unknown>, slots.default?.())\n },\n})\n\nexport const XhSignaturePadUndoTrigger = defineComponent({\n name: 'XhSignaturePadUndoTrigger',\n setup(_, { slots }) {\n const ctx = useSignaturePadContext()\n return () => h('button', ctx.api.value.getUndoTriggerProps() as Record<string, unknown>, slots.default?.())\n },\n})\n\nexport const XhSignaturePadRedoTrigger = defineComponent({\n name: 'XhSignaturePadRedoTrigger',\n setup(_, { slots }) {\n const ctx = useSignaturePadContext()\n return () => h('button', ctx.api.value.getRedoTriggerProps() as Record<string, unknown>, slots.default?.())\n },\n})\n\nexport const XhSignaturePadStatus = defineComponent({\n name: 'XhSignaturePadStatus',\n setup(_, { slots }) {\n const ctx = useSignaturePadContext()\n // 作者不写内容就用内建那句话，读屏才有东西可念\n return () => h(\n 'span',\n ctx.api.value.getStatusProps() as Record<string, unknown>,\n slots.default?.() ?? ctx.api.value.statusText,\n )\n },\n})\n\nexport const XhSignaturePadHiddenInput = defineComponent({\n name: 'XhSignaturePadHiddenInput',\n setup() {\n const ctx = useSignaturePadContext()\n return () => h('input', ctx.api.value.getHiddenInputProps() as Record<string, unknown>)\n },\n})\n"],"mappings":"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"}

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

@@ -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 CHANGED Viewed

	@@ -1 +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~~"}
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,yEACf"}

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

	@@ -1 +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"}
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' \| '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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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"}
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 { 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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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"}
1	+ {"version":3,"file":"slider.d.ts","names":[],"sources":["../../../src/components/slider/slider.ts"],"mappings":";;;;;KAkBK,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;;;;;qCAWrC;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 CHANGED Viewed

@@ -1,4 +1,5 @@
 import { useFormControlProps } from "../form/use-form-control.js";
+import { useFieldGroupWiring, useFieldLabelWiring } from "../field/use-field-control.js";
 import { provideSlider, provideSliderThumb, useSliderContext, useSliderThumbContext } from "./context.js";
 import { useSlider } from "./use-slider.js";
 import { computed, defineComponent, h } from "vue";
@@ -19,6 +20,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: {
@@ -121,7 +134,12 @@ index: {
 		const ctx = useSliderContext();
 		const index = computed(() => normalizeItemIndex(props.index));
 		provideSliderThumb({ index });
-		return () => h("div", ctx.api.value.getThumbProps(index.value), slots.default?.());
+		const fieldWiring = useFieldGroupWiring();
+		const fieldLabel = useFieldLabelWiring();
+		return () => h("div", fieldLabel.value({
+			...fieldWiring.value,
+			...ctx.api.value.getThumbProps(index.value)
+		}), slots.default?.());
 	}
 });
 const XhSliderValueText = defineComponent({

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

	@@ -1 +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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"}
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 { useFieldGroupWiring, useFieldLabelWiring } from '../field/use-field-control'\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 // 放进表单字段时，字段的标题与说明接到拇指上：焦点落在拇指，读屏在这里念名字与说明\n const fieldWiring = useFieldGroupWiring()\n const fieldLabel = useFieldLabelWiring()\n return () => h('div', fieldLabel.value({ ...fieldWiring.value, ...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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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"}
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;;;;;;;;;;;;;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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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"}
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 /* 所在的组：同一文档里 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 CHANGED Viewed

@@ -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 CHANGED Viewed

	@@ -1 +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"}
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,aAAa,uCACb,cAAc,wCACd,YAAY,uCACX"}

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

@@ -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 CHANGED Viewed

	@@ -1 +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"}
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 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 ADDED Viewed

@@ -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 ADDED Viewed

@@ -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 ADDED Viewed

@@ -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 ADDED Viewed

@@ -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 ADDED Viewed

@@ -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 ADDED Viewed

	@@ -0,0 +1 @@
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"}