@xihan-ui/vue 1.1.0 → 2.0.0

package/dist/components/side-nav/use-side-nav.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-side-nav.d.ts","names":[],"sources":["../../../src/components/side-nav/use-side-nav.ts"],"mappings":";;;;UAYiB;EACf,KAAK,YAAY;;EAEjB,QAAQ;;EAER,cAAc,qBAAqB;;iBAGrB,WACd,OAAO,wBACP,WAAU,KAAK,gEACd"}
+{"version":3,"file":"use-side-nav.d.ts","names":[],"sources":["../../../src/components/side-nav/use-side-nav.ts"],"mappings":";;;;UAmBiB;EACf,KAAK,YAAY;;EAEjB,SAAS,QAAQ;;EAEjB,QAAQ;;EAER,cAAc,qBAAqB;;iBAGrB,WACd,OAAO,wBACP,WAAU,KAAK,qEACd"}

package/dist/components/side-nav/use-side-nav.js

@@ -3,8 +3,8 @@ import { useXhConfig } from "../../config/config.js";
 import { useMachine } from "../../runtime/use-machine.js";
 import { createVueIdGenerator } from "../../runtime/vue-id.js";
 import { computed } from "vue";
+import { createRuntimeConfig, createScope } from "@xihan-ui/core";
 import { connectSideNav, sideNavMachine } from "@xihan-ui/headless";
-import { createRuntimeConfig, createScope } from "@xihan-ui/kernel";
 import { createPositionEngine } from "@xihan-ui/position";
 //#region src/components/side-nav/use-side-nav.ts
 function useSideNav(props, handlers = {}) {
@@ -22,29 +22,26 @@ function useSideNav(props, handlers = {}) {
 			idGenerator: idGen
 		});
 		runtimeConfig = config;
-		const popoutEl = (kind) => {
-			const v = service.context.get("popoutValue");
-			return v == null ? null : document.getElementById(scope.partId("side-nav", `${kind}-${v}`));
-		};
-		const registerLayer = () => config.layerRegistry.register({
+		const popoutEl = (kind, value) => document.getElementById(scope.partId("side-nav", `${kind}-${value}`));
+		const registerLayer = (value) => config.layerRegistry.register({
 			kind: "popover",
-			node: () => popoutEl("content"),
-			branches: () => [popoutEl("trigger")].filter(Boolean),
+			node: () => popoutEl("content", value),
+			branches: () => [popoutEl("trigger", value)].filter(Boolean),
 			isModal: () => false,
-			setModal: () => {},
 			surfaces: () => []
 		});
 		service.refs.set("config", config);
 		service.refs.set("registerLayer", registerLayer);
 		service.refs.set("position", createPositionEngine());
-		service.refs.set("getPopoutAnchorEl", () => popoutEl("trigger"));
-		service.refs.set("getPopoutPositionerEl", () => popoutEl("positioner"));
-		service.refs.set("getPopoutContentEl", () => popoutEl("content"));
+		service.refs.set("getPopoutAnchorEl", (value) => popoutEl("trigger", value));
+		service.refs.set("getPopoutPositionerEl", (value) => popoutEl("positioner", value));
+		service.refs.set("getPopoutContentEl", (value) => popoutEl("content", value));
 	}
 	const api = computed(() => connectSideNav(service, vueNormalize));
 	const portalTarget = computed(() => xhConfig.value.portalContainer?.() ?? runtimeConfig?.portalContainer() ?? "body");
 	return {
 		api,
+		service,
 		config: runtimeConfig,
 		portalTarget
 	};

package/dist/components/side-nav/use-side-nav.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-side-nav.js","names":[],"sources":["../../../src/components/side-nav/use-side-nav.ts"],"sourcesContent":["import type { SideNavApi, SideNavSchema } from '@xihan-ui/headless'\nimport type { Cleanup, Layer, RuntimeConfig } from '@xihan-ui/kernel'\nimport type { ComputedRef } from 'vue'\nimport { connectSideNav, sideNavMachine } from '@xihan-ui/headless'\nimport { createRuntimeConfig, createScope } from '@xihan-ui/kernel'\nimport { createPositionEngine } from '@xihan-ui/position'\nimport { computed } from 'vue'\nimport { useXhConfig } from '../../config/config'\nimport { vueNormalize } from '../../runtime/normalize-props'\nimport { useMachine } from '../../runtime/use-machine'\nimport { createVueIdGenerator } from '../../runtime/vue-id'\n\nexport interface SideNavContext {\n  api: ComputedRef<SideNavApi>\n  /** 运行时配置；服务端没有 DOM 时为 null。 */\n  config: RuntimeConfig | null\n  /** 弹出面板的定位层搬到哪儿：全局配置的容器 > 运行时的浮层落点 > body。 */\n  portalTarget: ComputedRef<string | Element>\n}\n\nexport function useSideNav(\n  props: SideNavSchema['props'],\n  handlers: Pick<SideNavSchema['props'], 'onValueChange' | 'onExpandedChange'> = {},\n): SideNavContext {\n  // scope id 走 Vue 的 useId，保证同页多实例的配对 id 不相撞\n  const idGen = createVueIdGenerator()\n  const scope = createScope(null, idGen)\n  const service = useMachine(sideNavMachine, () => ({ ...props, ...handlers }), scope)\n  const xhConfig = useXhConfig()\n\n  // 服务端没有 DOM、也就没有落点：config 为 null 时浮层退回 body\n  let runtimeConfig: RuntimeConfig | null = null\n\n  if (typeof document !== 'undefined') {\n    const config: RuntimeConfig = createRuntimeConfig({ scope, idGenerator: idGen })\n    runtimeConfig = config\n\n    // 弹出面板与触发按钮按当前弹出分支现查：配对 id 由 connect 派生，同一 scope 算得出来\n    const popoutEl = (kind: 'trigger' | 'content' | 'positioner'): HTMLElement | null => {\n      const v = service.context.get('popoutValue')\n      return v == null ? null : document.getElementById(scope.partId('side-nav', `${kind}-${v}`))\n    }\n\n    // 只提供注册函数，入栈出栈由机器的 trackPopoutLayer 效应按弹出态驱动\n    const registerLayer = (): { layer: Layer, dispose: Cleanup } => config.layerRegistry.register({\n      kind: 'popover',\n      node: () => popoutEl('content'),\n      // 触发按钮记为本层分支，点它算层内交互\n      branches: () => [popoutEl('trigger')].filter(Boolean) as Element[],\n      isModal: () => false,\n      setModal: () => {},\n      surfaces: () => [],\n    })\n\n    // 定位引擎由适配器注入，机器只经端口驱动\n    service.refs.set('config', config)\n    service.refs.set('registerLayer', registerLayer)\n    service.refs.set('position', createPositionEngine())\n    service.refs.set('getPopoutAnchorEl', () => popoutEl('trigger'))\n    service.refs.set('getPopoutPositionerEl', () => popoutEl('positioner'))\n    service.refs.set('getPopoutContentEl', () => popoutEl('content'))\n  }\n\n  const api = computed(() => connectSideNav(service, vueNormalize))\n  // 全局配置写了容器就用它，否则落到运行时那个单一浮层落点；没有 DOM 时才回到 body\n  const portalTarget = computed<string | Element>(() => xhConfig.value.portalContainer?.() ?? runtimeConfig?.portalContainer() ?? 'body')\n  return { api, config: runtimeConfig, portalTarget }\n}\n"],"mappings":";;;;;;;;;AAoBA,SAAgB,WACd,OACA,WAA+E,CAAC,GAChE;CAEhB,MAAM,QAAQ,qBAAqB;CACnC,MAAM,QAAQ,YAAY,MAAM,KAAK;CACrC,MAAM,UAAU,WAAW,uBAAuB;EAAE,GAAG;EAAO,GAAG;CAAS,IAAI,KAAK;CACnF,MAAM,WAAW,YAAY;CAG7B,IAAI,gBAAsC;CAE1C,IAAI,OAAO,aAAa,aAAa;EACnC,MAAM,SAAwB,oBAAoB;GAAE;GAAO,aAAa;EAAM,CAAC;EAC/E,gBAAgB;EAGhB,MAAM,YAAY,SAAmE;GACnF,MAAM,IAAI,QAAQ,QAAQ,IAAI,aAAa;GAC3C,OAAO,KAAK,OAAO,OAAO,SAAS,eAAe,MAAM,OAAO,YAAY,GAAG,KAAK,GAAG,GAAG,CAAC;EAC5F;EAGA,MAAM,sBAA0D,OAAO,cAAc,SAAS;GAC5F,MAAM;GACN,YAAY,SAAS,SAAS;GAE9B,gBAAgB,CAAC,SAAS,SAAS,CAAC,CAAC,CAAC,OAAO,OAAO;GACpD,eAAe;GACf,gBAAgB,CAAC;GACjB,gBAAgB,CAAC;EACnB,CAAC;EAGD,QAAQ,KAAK,IAAI,UAAU,MAAM;EACjC,QAAQ,KAAK,IAAI,iBAAiB,aAAa;EAC/C,QAAQ,KAAK,IAAI,YAAY,qBAAqB,CAAC;EACnD,QAAQ,KAAK,IAAI,2BAA2B,SAAS,SAAS,CAAC;EAC/D,QAAQ,KAAK,IAAI,+BAA+B,SAAS,YAAY,CAAC;EACtE,QAAQ,KAAK,IAAI,4BAA4B,SAAS,SAAS,CAAC;CAClE;CAEA,MAAM,MAAM,eAAe,eAAe,SAAS,YAAY,CAAC;CAEhE,MAAM,eAAe,eAAiC,SAAS,MAAM,kBAAkB,KAAK,eAAe,gBAAgB,KAAK,MAAM;CACtI,OAAO;EAAE;EAAK,QAAQ;EAAe;CAAa;AACpD"}
+{"version":3,"file":"use-side-nav.js","names":[],"sources":["../../../src/components/side-nav/use-side-nav.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 side nav 相关实现。\n\nimport type { Cleanup, Layer, RuntimeConfig, Service } from '@xihan-ui/core'\nimport type { SideNavApi, SideNavSchema } from '@xihan-ui/headless'\nimport type { ComputedRef } from 'vue'\nimport { createRuntimeConfig, createScope } from '@xihan-ui/core'\nimport { connectSideNav, sideNavMachine } from '@xihan-ui/headless'\nimport { createPositionEngine } from '@xihan-ui/position'\nimport { computed } from 'vue'\nimport { useXhConfig } from '../../config/config'\nimport { vueNormalize } from '../../runtime/normalize-props'\nimport { useMachine } from '../../runtime/use-machine'\nimport { createVueIdGenerator } from '../../runtime/vue-id'\n\nexport interface SideNavContext {\n  api: ComputedRef<SideNavApi>\n  /** Headless 服务；子面板只用它登记按分支身份配对的 Presence。 */\n  service: Service<SideNavSchema>\n  /** 运行时配置；服务端没有 DOM 时为 null。 */\n  config: RuntimeConfig | null\n  /** 弹出面板的定位层迁移到的位置：全局配置的容器 > 运行时的浮层落点 > body。 */\n  portalTarget: ComputedRef<string | Element>\n}\n\nexport function useSideNav(\n  props: SideNavSchema['props'],\n  handlers: Pick<SideNavSchema['props'], 'onValueChange' | 'onExpandedValueChange'> = {},\n): SideNavContext {\n  // scope id 走 Vue 的 useId，保证同页多实例的配对 id 不相撞\n  const idGen = createVueIdGenerator()\n  const scope = createScope(null, idGen)\n  const service = useMachine(sideNavMachine, () => ({ ...props, ...handlers }), scope)\n  const xhConfig = useXhConfig()\n\n  // 服务端没有 DOM、也就没有落点：config 为 null 时浮层退回 body\n  let runtimeConfig: RuntimeConfig | null = null\n\n  if (typeof document !== 'undefined') {\n    const config: RuntimeConfig = createRuntimeConfig({ scope, idGenerator: idGen })\n    runtimeConfig = config\n\n    // 弹出面板与触发按钮按当前弹出分支现查：配对 id 由 connect 派生，同一 scope 算得出来\n    const popoutEl = (kind: 'trigger' | 'content' | 'positioner', value: string): HTMLElement | null =>\n      document.getElementById(scope.partId('side-nav', `${kind}-${value}`))\n\n    // 只提供注册函数，入栈出栈由机器的 trackPopoutLayer 效应按弹出态驱动\n    const registerLayer = (value: string): { layer: Layer, dispose: Cleanup } => config.layerRegistry.register({\n      kind: 'popover',\n      node: () => popoutEl('content', value),\n      // 触发按钮记为本层分支，点它算层内交互\n      branches: () => [popoutEl('trigger', value)].filter(Boolean) as Element[],\n      isModal: () => false,\n      surfaces: () => [],\n    })\n\n    // 定位引擎由适配器注入，机器只经端口驱动\n    service.refs.set('config', config)\n    service.refs.set('registerLayer', registerLayer)\n    service.refs.set('position', createPositionEngine())\n    service.refs.set('getPopoutAnchorEl', value => popoutEl('trigger', value))\n    service.refs.set('getPopoutPositionerEl', value => popoutEl('positioner', value))\n    service.refs.set('getPopoutContentEl', value => popoutEl('content', value))\n  }\n\n  const api = computed(() => connectSideNav(service, vueNormalize))\n  // 全局配置写了容器就用它，否则落到运行时那个单一浮层落点；没有 DOM 时才回到 body\n  const portalTarget = computed<string | Element>(() => xhConfig.value.portalContainer?.() ?? runtimeConfig?.portalContainer() ?? 'body')\n  return { api, service, config: runtimeConfig, portalTarget }\n}\n"],"mappings":";;;;;;;;;AA6BA,SAAgB,WACd,OACA,WAAoF,CAAC,GACrE;CAEhB,MAAM,QAAQ,qBAAqB;CACnC,MAAM,QAAQ,YAAY,MAAM,KAAK;CACrC,MAAM,UAAU,WAAW,uBAAuB;EAAE,GAAG;EAAO,GAAG;CAAS,IAAI,KAAK;CACnF,MAAM,WAAW,YAAY;CAG7B,IAAI,gBAAsC;CAE1C,IAAI,OAAO,aAAa,aAAa;EACnC,MAAM,SAAwB,oBAAoB;GAAE;GAAO,aAAa;EAAM,CAAC;EAC/E,gBAAgB;EAGhB,MAAM,YAAY,MAA4C,UAC5D,SAAS,eAAe,MAAM,OAAO,YAAY,GAAG,KAAK,GAAG,OAAO,CAAC;EAGtE,MAAM,iBAAiB,UAAsD,OAAO,cAAc,SAAS;GACzG,MAAM;GACN,YAAY,SAAS,WAAW,KAAK;GAErC,gBAAgB,CAAC,SAAS,WAAW,KAAK,CAAC,CAAC,CAAC,OAAO,OAAO;GAC3D,eAAe;GACf,gBAAgB,CAAC;EACnB,CAAC;EAGD,QAAQ,KAAK,IAAI,UAAU,MAAM;EACjC,QAAQ,KAAK,IAAI,iBAAiB,aAAa;EAC/C,QAAQ,KAAK,IAAI,YAAY,qBAAqB,CAAC;EACnD,QAAQ,KAAK,IAAI,sBAAqB,UAAS,SAAS,WAAW,KAAK,CAAC;EACzE,QAAQ,KAAK,IAAI,0BAAyB,UAAS,SAAS,cAAc,KAAK,CAAC;EAChF,QAAQ,KAAK,IAAI,uBAAsB,UAAS,SAAS,WAAW,KAAK,CAAC;CAC5E;CAEA,MAAM,MAAM,eAAe,eAAe,SAAS,YAAY,CAAC;CAEhE,MAAM,eAAe,eAAiC,SAAS,MAAM,kBAAkB,KAAK,eAAe,gBAAgB,KAAK,MAAM;CACtI,OAAO;EAAE;EAAK;EAAS,QAAQ;EAAe;CAAa;AAC7D"}

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

@@ -1 +1 @@
-{"version":3,"file":"context.d.ts","names":[],"sources":["../../../src/components/signature-pad/context.ts"],"mappings":";;iBAUgB,0BAA0B"}
+{"version":3,"file":"context.d.ts","names":[],"sources":["../../../src/components/signature-pad/context.ts"],"mappings":";;iBAiBgB,0BAA0B"}

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

@@ -1 +1 @@
-{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/signature-pad/context.ts"],"sourcesContent":["import type { InjectionKey } from 'vue'\nimport type { SignaturePadContext } from './use-signature-pad'\nimport { inject, provide } from 'vue'\n\nconst KEY: InjectionKey<SignaturePadContext> = Symbol.for('xh-signature-pad')\n\nexport function provideSignaturePad(ctx: SignaturePadContext): void {\n  provide(KEY, ctx)\n}\n\nexport function useSignaturePadContext(): SignaturePadContext {\n  const ctx = inject(KEY, null)\n  if (!ctx)\n    throw new Error('[xh] SignaturePad 部件必须用在 XhSignaturePadRoot 内')\n  return ctx\n}\n"],"mappings":";;AAIA,MAAM,MAAyC,OAAO,IAAI,kBAAkB;AAE5E,SAAgB,oBAAoB,KAAgC;CAClE,QAAQ,KAAK,GAAG;AAClB;AAEA,SAAgB,yBAA8C;CAC5D,MAAM,MAAM,OAAO,KAAK,IAAI;CAC5B,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,+CAA+C;CACjE,OAAO;AACT"}
+{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/signature-pad/context.ts"],"sourcesContent":["/*\n * Copyright (c) 2021-Present XiHanFun and contributors.\n * Licensed under the MIT License. See LICENSE in the project root for license information.\n */\n\n// 提供 context 相关实现。\n\nimport type { InjectionKey } from 'vue'\nimport type { SignaturePadContext } from './use-signature-pad'\nimport { inject, provide } from 'vue'\n\nconst KEY: InjectionKey<SignaturePadContext> = Symbol.for('xh-signature-pad')\n\nexport function provideSignaturePad(ctx: SignaturePadContext): void {\n  provide(KEY, ctx)\n}\n\nexport function useSignaturePadContext(): SignaturePadContext {\n  const ctx = inject(KEY, null)\n  if (!ctx)\n    throw new Error('[xh] SignaturePad 部件必须用在 XhSignaturePadRoot 内')\n  return ctx\n}\n"],"mappings":";;AAWA,MAAM,MAAyC,OAAO,IAAI,kBAAkB;AAE5E,SAAgB,oBAAoB,KAAgC;CAClE,QAAQ,KAAK,GAAG;AAClB;AAEA,SAAgB,yBAA8C;CAC5D,MAAM,MAAM,OAAO,KAAK,IAAI;CAC5B,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,+CAA+C;CACjE,OAAO;AACT"}

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

@@ -24,15 +24,12 @@ declare const XhSignaturePadRoot: import("vue").DefineComponent<import("vue").Ex
   };
   name: {
     type: StringConstructor;
-    default: undefined;
   };
   drawing: {
     type: PropType<SignaturePadDrawingOptions>;
-    default: undefined;
   };
   translations: {
     type: PropType<Partial<SignaturePadTranslations>>;
-    default: undefined;
   };
 }>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
   [key: string]: any;
@@ -58,27 +55,21 @@ declare const XhSignaturePadRoot: import("vue").DefineComponent<import("vue").Ex
   };
   name: {
     type: StringConstructor;
-    default: undefined;
   };
   drawing: {
     type: PropType<SignaturePadDrawingOptions>;
-    default: undefined;
   };
   translations: {
     type: PropType<Partial<SignaturePadTranslations>>;
-    default: undefined;
   };
 }>> & Readonly<{
   onDraw?: ((_details: import("@xihan-ui/headless").SignaturePadDrawDetails) => any) | undefined;
   "onDraw-end"?: ((_details: import("@xihan-ui/headless").SignaturePadDrawEndDetails) => any) | undefined;
 }>, {
   required: boolean;
-  name: string;
   invalid: boolean;
   disabled: boolean;
-  translations: Partial<SignaturePadTranslations>;
   readOnly: boolean;
-  drawing: SignaturePadDrawingOptions;
 }, SlotsType<{
   default?: (props: SignaturePadRootSlotProps) => VNode[];
 }>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
@@ -91,7 +82,7 @@ declare const XhSignaturePadControl: import("vue").DefineComponent<{}, () => VNo
 declare const XhSignaturePadGuide: import("vue").DefineComponent<{}, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
   [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-declare const XhSignaturePadSegment: import("vue").DefineComponent<{}, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+declare const XhSignaturePadPath: import("vue").DefineComponent<{}, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
   [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const XhSignaturePadClearTrigger: import("vue").DefineComponent<{}, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
@@ -104,5 +95,5 @@ declare const XhSignaturePadHiddenInput: import("vue").DefineComponent<{}, () =>
   [key: string]: any;
 }>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 //#endregion
-export { SignaturePadRootSlotProps, XhSignaturePadClearTrigger, XhSignaturePadControl, XhSignaturePadGuide, XhSignaturePadHiddenInput, XhSignaturePadLabel, XhSignaturePadRoot, XhSignaturePadSegment, XhSignaturePadStatus };
+export { SignaturePadRootSlotProps, XhSignaturePadClearTrigger, XhSignaturePadControl, XhSignaturePadGuide, XhSignaturePadHiddenInput, XhSignaturePadLabel, XhSignaturePadPath, XhSignaturePadRoot, XhSignaturePadStatus };
 //# sourceMappingURL=signature-pad.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"signature-pad.d.ts","names":[],"sources":["../../../src/components/signature-pad/signature-pad.ts"],"mappings":";;;;KAQK,oBAAoB;;KAGb,4BAA4B,KACtC;cAIW,kCAAkB,8BAAA;;;;;;;;;;;;;;;;;;;;;;IASA,MAAA,SAAS;;;;IACJ,MAAA,SAAS,QAAQ;;;;;;EAI9B,OAAA,UAAA,UAAU;EACN,aAAA,UAAA,UAAU;;;;;;;;;;;;;;;;;;;;;;;IANN,MAAA,SAAS;;;;IACJ,MAAA,SAAS,QAAQ;;;;;;;;;;;;;;;EAQvC,WAAC,OAAO,8BAA8B;kCAkBlD;cAEW,mCAAmB,0BAAA,oBAAA,4BAAA;;8BAO9B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,qCAAqB,0BAAA,oBAAA,4BAAA;;8BAWhC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,mCAAmB,0BAAA,oBAAA,4BAAA;;8BAM9B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,qCAAqB,0BAAA,oBAAA,4BAAA;;8BAOhC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,0CAA0B,0BAAA,oBAAA,4BAAA;;8BAMrC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,oCAAoB,0BAAA,oBAAA,4BAAA;;8BAW/B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,yCAAyB,0BAAA,oBAAA,4BAAA;;8BAMpC,qCAAA,iDAAA,aAAA,eAAA,oDAAA"}
+{"version":3,"file":"signature-pad.d.ts","names":[],"sources":["../../../src/components/signature-pad/signature-pad.ts"],"mappings":";;;;KAgBK,oBAAoB;;KAGb,4BAA4B,KACtC;cAIW,kCAAkB,8BAAA;;;;;;;;;;;;;;;;;;;;;IASA,MAAA,SAAS;;;IACJ,MAAA,SAAS,QAAQ;;;;;EAI9B,OAAA,UAAA,UAAU;EACN,aAAA,UAAA,UAAU;;;;;;;;;;;;;;;;;;;;;;IANN,MAAA,SAAS;;;IACJ,MAAA,SAAS,QAAQ;;;;;;;;;;;EAQvC,WAAC,OAAO,8BAA8B;kCAkBlD;cAEW,mCAAmB,0BAAA,oBAAA,4BAAA;;8BAO9B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,qCAAqB,0BAAA,oBAAA,4BAAA;;8BAWhC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,mCAAmB,0BAAA,oBAAA,4BAAA;;8BAM9B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,kCAAkB,0BAAA,oBAAA,4BAAA;;8BAO7B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,0CAA0B,0BAAA,oBAAA,4BAAA;;8BAMrC,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,oCAAoB,0BAAA,oBAAA,4BAAA;;8BAW/B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,yCAAyB,0BAAA,oBAAA,4BAAA;;8BAMpC,qCAAA,iDAAA,aAAA,eAAA,oDAAA"}

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

@@ -1,4 +1,5 @@
 import { withXhConfig } from "../../config/config.js";
+import { useFormControlProps } from "../form/use-form-control.js";
 import { provideSignaturePad, useSignaturePadContext } from "./context.js";
 import { useSignaturePad } from "./use-signature-pad.js";
 import { defineComponent, h } from "vue";
@@ -22,18 +23,9 @@ const XhSignaturePadRoot = defineComponent({
 			type: Boolean,
 			default: void 0
 		},
-		name: {
-			type: String,
-			default: void 0
-		},
-		drawing: {
-			type: Object,
-			default: void 0
-		},
-		translations: {
-			type: Object,
-			default: void 0
-		}
+		name: { type: String },
+		drawing: { type: Object },
+		translations: { type: Object }
 	},
 	emits: {
 		"draw": (_details) => true,
@@ -43,7 +35,7 @@ const XhSignaturePadRoot = defineComponent({
 	setup(props, { slots, emit }) {
 		const onDraw = (details) => emit("draw", details);
 		const onDrawEnd = (details) => emit("draw-end", details);
-		const ctx = useSignaturePad(withXhConfig("signature-pad", props), {
+		const ctx = useSignaturePad(withXhConfig("signature-pad", useFormControlProps(props)), {
 			onDraw,
 			onDrawEnd
 		});
@@ -84,11 +76,11 @@ const XhSignaturePadGuide = defineComponent({
 		return () => h("line", ctx.api.value.getGuideProps());
 	}
 });
-const XhSignaturePadSegment = defineComponent({
-	name: "XhSignaturePadSegment",
+const XhSignaturePadPath = defineComponent({
+	name: "XhSignaturePadPath",
 	setup() {
 		const ctx = useSignaturePadContext();
-		return () => h("path", ctx.api.value.getSegmentProps());
+		return () => h("path", ctx.api.value.getPathProps());
 	}
 });
 const XhSignaturePadClearTrigger = defineComponent({
@@ -113,6 +105,6 @@ const XhSignaturePadHiddenInput = defineComponent({
 	}
 });
 //#endregion
-export { XhSignaturePadClearTrigger, XhSignaturePadControl, XhSignaturePadGuide, XhSignaturePadHiddenInput, XhSignaturePadLabel, XhSignaturePadRoot, XhSignaturePadSegment, XhSignaturePadStatus };
+export { XhSignaturePadClearTrigger, XhSignaturePadControl, XhSignaturePadGuide, XhSignaturePadHiddenInput, XhSignaturePadLabel, XhSignaturePadPath, XhSignaturePadRoot, XhSignaturePadStatus };
 
 //# sourceMappingURL=signature-pad.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"signature-pad.js","names":[],"sources":["../../../src/components/signature-pad/signature-pad.ts"],"sourcesContent":["import 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 { 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  // 全部 default: undefined，缺省值由 connect 决定\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, default: undefined },\n    drawing: { type: Object as PropType<SignaturePadDrawingOptions>, default: undefined },\n    translations: { type: Object as PropType<Partial<SignaturePadTranslations>>, default: undefined },\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', 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 XhSignaturePadSegment = defineComponent({\n  name: 'XhSignaturePadSegment',\n  setup() {\n    const ctx = useSignaturePadContext()\n    // 全部笔迹落在这一条路径上，每一笔是它的一条子路径\n    return () => h('path', ctx.api.value.getSegmentProps() 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":";;;;;AAgBA,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;GAAE,MAAM;GAAQ,SAAS,KAAA;EAAU;EACzC,SAAS;GAAE,MAAM;GAAgD,SAAS,KAAA;EAAU;EACpF,cAAc;GAAE,MAAM;GAAuD,SAAS,KAAA;EAAU;CAClG;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,KAAK,GAAwB;GAAE;GAAQ;EAAU,CAAC;EAC5G,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,wBAAwB,gBAAgB;CACnD,MAAM;CACN,QAAQ;EACN,MAAM,MAAM,uBAAuB;EAEnC,aAAa,EAAE,QAAQ,IAAI,IAAI,MAAM,gBAAgB,CAA4B;CACnF;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"}
+{"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"}

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

@@ -1,11 +1,11 @@
 import { ComputedRef, Ref } from "vue";
+import { Service } from "@xihan-ui/core";
 import { SignaturePadApi, SignaturePadSchema } from "@xihan-ui/headless";
-import { Service } from "@xihan-ui/machine";
 //#region src/components/signature-pad/use-signature-pad.d.ts
 interface SignaturePadContext {
   api: ComputedRef<SignaturePadApi>;
   service: Service<SignaturePadSchema>;
-  /** 画布节点，机器在指针事件里拿它把屏幕坐标换算成画布坐标。 */
+  /** 画布节点，状态机在指针事件中用它把屏幕坐标换算为画布坐标。 */
   controlRef: Ref<Element | null>;
 }
 declare function useSignaturePad(props: SignaturePadSchema['props'], callbacks?: Pick<SignaturePadSchema['props'], 'onDraw' | 'onDrawEnd'>): SignaturePadContext;

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":";;;;UAUiB;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,uDACf"}

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

@@ -2,8 +2,8 @@ import { vueNormalize } from "../../runtime/normalize-props.js";
 import { useMachine } from "../../runtime/use-machine.js";
 import { createVueIdGenerator } from "../../runtime/vue-id.js";
 import { computed, ref } from "vue";
+import { createScope } from "@xihan-ui/core";
 import { connectSignaturePad, signaturePadMachine } from "@xihan-ui/headless";
-import { createScope } from "@xihan-ui/kernel";
 //#region src/components/signature-pad/use-signature-pad.ts
 function useSignaturePad(props, callbacks = {}) {
 	const controlRef = ref(null);

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":["import type { SignaturePadApi, SignaturePadSchema } from '@xihan-ui/headless'\nimport type { Service } from '@xihan-ui/machine'\nimport type { ComputedRef, Ref } from 'vue'\nimport { connectSignaturePad, signaturePadMachine } from '@xihan-ui/headless'\nimport { createScope } from '@xihan-ui/kernel'\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":";;;;;;;AAiBA,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'> = {},\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"}

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

@@ -1 +1 @@
-{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/skeleton/context.ts"],"sourcesContent":["import type { InjectionKey } from 'vue'\nimport type { SkeletonContext } from './use-skeleton'\nimport { inject, provide } from 'vue'\n\nconst KEY: InjectionKey<SkeletonContext> = Symbol.for('xh-skeleton')\n\nexport function provideSkeleton(ctx: SkeletonContext): void {\n  provide(KEY, ctx)\n}\n\nexport function useSkeletonContext(): SkeletonContext {\n  const ctx = inject(KEY, null)\n  if (!ctx)\n    throw new Error('[xh] Skeleton 部件必须用在 XhSkeletonRoot 内')\n  return ctx\n}\n"],"mappings":";;AAIA,MAAM,MAAqC,OAAO,IAAI,aAAa;AAEnE,SAAgB,gBAAgB,KAA4B;CAC1D,QAAQ,KAAK,GAAG;AAClB;AAEA,SAAgB,qBAAsC;CACpD,MAAM,MAAM,OAAO,KAAK,IAAI;CAC5B,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,uCAAuC;CACzD,OAAO;AACT"}
+{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/skeleton/context.ts"],"sourcesContent":["/*\n * Copyright (c) 2021-Present XiHanFun and contributors.\n * Licensed under the MIT License. See LICENSE in the project root for license information.\n */\n\n// 提供 context 相关实现。\n\nimport type { InjectionKey } from 'vue'\nimport type { SkeletonContext } from './use-skeleton'\nimport { inject, provide } from 'vue'\n\nconst KEY: InjectionKey<SkeletonContext> = Symbol.for('xh-skeleton')\n\nexport function provideSkeleton(ctx: SkeletonContext): void {\n  provide(KEY, ctx)\n}\n\nexport function useSkeletonContext(): SkeletonContext {\n  const ctx = inject(KEY, null)\n  if (!ctx)\n    throw new Error('[xh] Skeleton 部件必须用在 XhSkeletonRoot 内')\n  return ctx\n}\n"],"mappings":";;AAWA,MAAM,MAAqC,OAAO,IAAI,aAAa;AAEnE,SAAgB,gBAAgB,KAA4B;CAC1D,QAAQ,KAAK,GAAG;AAClB;AAEA,SAAgB,qBAAsC;CACpD,MAAM,MAAM,OAAO,KAAK,IAAI;CAC5B,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,uCAAuC;CACzD,OAAO;AACT"}

package/dist/components/skeleton/skeleton.d.ts

@@ -1,15 +1,17 @@
 import { PropType } from "vue";
-import { SkeletonVariant } from "@xihan-ui/headless";
+import { SkeletonAnimation, SkeletonShape } from "@xihan-ui/headless";
 //#region src/components/skeleton/skeleton.d.ts
-/** 骨架容器：加载期间报 aria-busy，加载结束后整块收起。 */
+/** 骨架容器：加载期间报告 aria-busy，加载结束后整块收起。 */
 declare const XhSkeletonRoot: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
   loading: {
     type: BooleanConstructor;
     default: boolean;
   };
-  variant: {
-    type: PropType<SkeletonVariant>;
-    default: undefined;
+  shape: {
+    type: PropType<SkeletonShape>;
+  };
+  animation: {
+    type: PropType<SkeletonAnimation>;
   };
 }>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
   [key: string]: any;
@@ -18,30 +20,27 @@ declare const XhSkeletonRoot: import("vue").DefineComponent<import("vue").Extrac
     type: BooleanConstructor;
     default: boolean;
   };
-  variant: {
-    type: PropType<SkeletonVariant>;
-    default: undefined;
+  shape: {
+    type: PropType<SkeletonShape>;
+  };
+  animation: {
+    type: PropType<SkeletonAnimation>;
   };
 }>> & Readonly<{}>, {
-  variant: SkeletonVariant;
   loading: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-/** 单根骨架条：纯装饰，不进无障碍树；形状缺省跟容器，给了 variant 就按自己的来。 */
-declare const XhSkeletonBone: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
-  variant: {
-    type: PropType<SkeletonVariant>;
-    default: undefined;
+/** 单根骨架条：纯装饰，不进入无障碍树；形状默认跟随容器，提供 shape 时按自己的形状。 */
+declare const XhSkeletonItem: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+  shape: {
+    type: PropType<SkeletonShape>;
   };
 }>, () => 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<{
-  variant: {
-    type: PropType<SkeletonVariant>;
-    default: undefined;
+  shape: {
+    type: PropType<SkeletonShape>;
   };
-}>> & Readonly<{}>, {
-  variant: SkeletonVariant;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 //#endregion
-export { XhSkeletonBone, XhSkeletonRoot };
+export { XhSkeletonItem, XhSkeletonRoot };
 //# sourceMappingURL=skeleton.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"skeleton.d.ts","names":[],"sources":["../../../src/components/skeleton/skeleton.ts"],"mappings":";;;;cAOa,8BAAc,8BAAA;;;;;;IAII,MAAA,SAAS;;;;;;;;;;;IAAT,MAAA,SAAS;;;;;;qCAOtC;;cAGW,8BAAc,8BAAA;;IAGI,MAAA,SAAS;;;;;;;IAAT,MAAA,SAAS;;;;;qCAStC"}
+{"version":3,"file":"skeleton.d.ts","names":[],"sources":["../../../src/components/skeleton/skeleton.ts"],"mappings":";;;;cAca,8BAAc,8BAAA;;;;;;IAIE,MAAA,SAAS;;;IACL,MAAA,SAAS;;;;;;;;;;IADb,MAAA,SAAS;;;IACL,MAAA,SAAS;;;;qCAOxC;;cAGW,8BAAc,8BAAA;;IAGE,MAAA,SAAS;;;;;;IAAT,MAAA,SAAS;;MASpC,oDAAA"}

package/dist/components/skeleton/skeleton.js

@@ -2,7 +2,7 @@ import { provideSkeleton, useSkeletonContext } from "./context.js";
 import { useSkeleton } from "./use-skeleton.js";
 import { defineComponent, h } from "vue";
 //#region src/components/skeleton/skeleton.ts
-/** 骨架容器：加载期间报 aria-busy，加载结束后整块收起。 */
+/** 骨架容器：加载期间报告 aria-busy，加载结束后整块收起。 */
 const XhSkeletonRoot = defineComponent({
 	name: "XhSkeletonRoot",
 	props: {
@@ -10,10 +10,8 @@ const XhSkeletonRoot = defineComponent({
 			type: Boolean,
 			default: true
 		},
-		variant: {
-			type: String,
-			default: void 0
-		}
+		shape: { type: String },
+		animation: { type: String }
 	},
 	setup(props, { slots }) {
 		const ctx = useSkeleton(props);
@@ -21,19 +19,16 @@ const XhSkeletonRoot = defineComponent({
 		return () => h("div", ctx.api.value.getRootProps(), slots.default?.());
 	}
 });
-/** 单根骨架条：纯装饰，不进无障碍树；形状缺省跟容器，给了 variant 就按自己的来。 */
-const XhSkeletonBone = defineComponent({
-	name: "XhSkeletonBone",
-	props: { variant: {
-		type: String,
-		default: void 0
-	} },
+/** 单根骨架条：纯装饰，不进入无障碍树；形状默认跟随容器，提供 shape 时按自己的形状。 */
+const XhSkeletonItem = defineComponent({
+	name: "XhSkeletonItem",
+	props: { shape: { type: String } },
 	setup(props) {
 		const ctx = useSkeletonContext();
-		return () => h("div", ctx.api.value.getBoneProps({ variant: props.variant }));
+		return () => h("div", ctx.api.value.getItemProps({ shape: props.shape }));
 	}
 });
 //#endregion
-export { XhSkeletonBone, XhSkeletonRoot };
+export { XhSkeletonItem, XhSkeletonRoot };
 
 //# sourceMappingURL=skeleton.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"skeleton.js","names":[],"sources":["../../../src/components/skeleton/skeleton.ts"],"sourcesContent":["import type { SkeletonProps, SkeletonVariant } from '@xihan-ui/headless'\nimport type { PropType } from 'vue'\nimport { defineComponent, h } from 'vue'\nimport { provideSkeleton, useSkeletonContext } from './context'\nimport { useSkeleton } from './use-skeleton'\n\n/** 骨架容器：加载期间报 aria-busy，加载结束后整块收起。 */\nexport const XhSkeletonRoot = defineComponent({\n  name: 'XhSkeletonRoot',\n  props: {\n    loading: { type: Boolean, default: true },\n    variant: { type: String as PropType<SkeletonVariant>, default: undefined },\n  },\n  setup(props, { slots }) {\n    const ctx = useSkeleton(props as SkeletonProps)\n    provideSkeleton(ctx)\n    return () => h('div', ctx.api.value.getRootProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\n/** 单根骨架条：纯装饰，不进无障碍树；形状缺省跟容器，给了 variant 就按自己的来。 */\nexport const XhSkeletonBone = defineComponent({\n  name: 'XhSkeletonBone',\n  props: {\n    variant: { type: String as PropType<SkeletonVariant>, default: undefined },\n  },\n  setup(props) {\n    const ctx = useSkeletonContext()\n    return () => h(\n      'div',\n      ctx.api.value.getBoneProps({ variant: props.variant }) as Record<string, unknown>,\n    )\n  },\n})\n"],"mappings":";;;;;AAOA,MAAa,iBAAiB,gBAAgB;CAC5C,MAAM;CACN,OAAO;EACL,SAAS;GAAE,MAAM;GAAS,SAAS;EAAK;EACxC,SAAS;GAAE,MAAM;GAAqC,SAAS,KAAA;EAAU;CAC3E;CACA,MAAM,OAAO,EAAE,SAAS;EACtB,MAAM,MAAM,YAAY,KAAsB;EAC9C,gBAAgB,GAAG;EACnB,aAAa,EAAE,OAAO,IAAI,IAAI,MAAM,aAAa,GAA8B,MAAM,UAAU,CAAC;CAClG;AACF,CAAC;;AAGD,MAAa,iBAAiB,gBAAgB;CAC5C,MAAM;CACN,OAAO,EACL,SAAS;EAAE,MAAM;EAAqC,SAAS,KAAA;CAAU,EAC3E;CACA,MAAM,OAAO;EACX,MAAM,MAAM,mBAAmB;EAC/B,aAAa,EACX,OACA,IAAI,IAAI,MAAM,aAAa,EAAE,SAAS,MAAM,QAAQ,CAAC,CACvD;CACF;AACF,CAAC"}
+{"version":3,"file":"skeleton.js","names":[],"sources":["../../../src/components/skeleton/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// 提供 skeleton 相关实现。\n\nimport type { SkeletonAnimation, SkeletonProps, SkeletonShape } from '@xihan-ui/headless'\nimport type { PropType } from 'vue'\nimport { defineComponent, h } from 'vue'\nimport { provideSkeleton, useSkeletonContext } from './context'\nimport { useSkeleton } from './use-skeleton'\n\n/** 骨架容器：加载期间报告 aria-busy，加载结束后整块收起。 */\nexport const XhSkeletonRoot = defineComponent({\n  name: 'XhSkeletonRoot',\n  props: {\n    loading: { type: Boolean, default: true },\n    shape: { type: String as PropType<SkeletonShape> },\n    animation: { type: String as PropType<SkeletonAnimation> },\n  },\n  setup(props, { slots }) {\n    const ctx = useSkeleton(props as SkeletonProps)\n    provideSkeleton(ctx)\n    return () => h('div', ctx.api.value.getRootProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n\n/** 单根骨架条：纯装饰，不进入无障碍树；形状默认跟随容器，提供 shape 时按自己的形状。 */\nexport const XhSkeletonItem = defineComponent({\n  name: 'XhSkeletonItem',\n  props: {\n    shape: { type: String as PropType<SkeletonShape> },\n  },\n  setup(props) {\n    const ctx = useSkeletonContext()\n    return () => h(\n      'div',\n      ctx.api.value.getItemProps({ shape: props.shape }) as Record<string, unknown>,\n    )\n  },\n})\n"],"mappings":";;;;;AAcA,MAAa,iBAAiB,gBAAgB;CAC5C,MAAM;CACN,OAAO;EACL,SAAS;GAAE,MAAM;GAAS,SAAS;EAAK;EACxC,OAAO,EAAE,MAAM,OAAkC;EACjD,WAAW,EAAE,MAAM,OAAsC;CAC3D;CACA,MAAM,OAAO,EAAE,SAAS;EACtB,MAAM,MAAM,YAAY,KAAsB;EAC9C,gBAAgB,GAAG;EACnB,aAAa,EAAE,OAAO,IAAI,IAAI,MAAM,aAAa,GAA8B,MAAM,UAAU,CAAC;CAClG;AACF,CAAC;;AAGD,MAAa,iBAAiB,gBAAgB;CAC5C,MAAM;CACN,OAAO,EACL,OAAO,EAAE,MAAM,OAAkC,EACnD;CACA,MAAM,OAAO;EACX,MAAM,MAAM,mBAAmB;EAC/B,aAAa,EACX,OACA,IAAI,IAAI,MAAM,aAAa,EAAE,OAAO,MAAM,MAAM,CAAC,CACnD;CACF;AACF,CAAC"}

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":["import 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":";;;;AAWA,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 { 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"}

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

@@ -1 +1 @@
-{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/slider/context.ts"],"sourcesContent":["import type { ComputedRef, InjectionKey } from 'vue'\nimport type { SliderContext } from './use-slider'\nimport { inject, provide } from 'vue'\n\n/** 拇指自报的下标，供它内部的隐藏输入复用同一份声明。 */\nexport interface SliderThumbContext {\n  index: ComputedRef<number>\n}\n\nconst KEY: InjectionKey<SliderContext> = Symbol.for('xh-slider')\nconst THUMB_KEY: InjectionKey<SliderThumbContext> = Symbol.for('xh-slider-thumb')\n\nexport function provideSlider(ctx: SliderContext): void {\n  provide(KEY, ctx)\n}\n\nexport function useSliderContext(): SliderContext {\n  const ctx = inject(KEY, null)\n  if (!ctx)\n    throw new Error('[xh] Slider 部件必须用在 XhSliderRoot 内')\n  return ctx\n}\n\nexport function provideSliderThumb(ctx: SliderThumbContext): void {\n  provide(THUMB_KEY, ctx)\n}\n\nexport function useSliderThumbContext(): SliderThumbContext {\n  const ctx = inject(THUMB_KEY, null)\n  if (!ctx)\n    throw new Error('[xh] Slider 隐藏输入必须用在 XhSliderThumb 内')\n  return ctx\n}\n"],"mappings":";;AASA,MAAM,MAAmC,OAAO,IAAI,WAAW;AAC/D,MAAM,YAA8C,OAAO,IAAI,iBAAiB;AAEhF,SAAgB,cAAc,KAA0B;CACtD,QAAQ,KAAK,GAAG;AAClB;AAEA,SAAgB,mBAAkC;CAChD,MAAM,MAAM,OAAO,KAAK,IAAI;CAC5B,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,mCAAmC;CACrD,OAAO;AACT;AAEA,SAAgB,mBAAmB,KAA+B;CAChE,QAAQ,WAAW,GAAG;AACxB;AAEA,SAAgB,wBAA4C;CAC1D,MAAM,MAAM,OAAO,WAAW,IAAI;CAClC,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,sCAAsC;CACxD,OAAO;AACT"}
+{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/slider/context.ts"],"sourcesContent":["/*\n * Copyright (c) 2021-Present XiHanFun and contributors.\n * Licensed under the MIT License. See LICENSE in the project root for license information.\n */\n\n// 提供 context 相关实现。\n\nimport type { ComputedRef, InjectionKey } from 'vue'\nimport type { SliderContext } from './use-slider'\nimport { inject, provide } from 'vue'\n\n/** 拇指声明的下标，供它内部的隐藏输入复用同一份声明。 */\nexport interface SliderThumbContext {\n  index: ComputedRef<number>\n}\n\nconst KEY: InjectionKey<SliderContext> = Symbol.for('xh-slider')\nconst THUMB_KEY: InjectionKey<SliderThumbContext> = Symbol.for('xh-slider-thumb')\n\nexport function provideSlider(ctx: SliderContext): void {\n  provide(KEY, ctx)\n}\n\nexport function useSliderContext(): SliderContext {\n  const ctx = inject(KEY, null)\n  if (!ctx)\n    throw new Error('[xh] Slider 部件必须用在 XhSliderRoot 内')\n  return ctx\n}\n\nexport function provideSliderThumb(ctx: SliderThumbContext): void {\n  provide(THUMB_KEY, ctx)\n}\n\nexport function useSliderThumbContext(): SliderThumbContext {\n  const ctx = inject(THUMB_KEY, null)\n  if (!ctx)\n    throw new Error('[xh] Slider 隐藏输入必须用在 XhSliderThumb 内')\n  return ctx\n}\n"],"mappings":";;AAgBA,MAAM,MAAmC,OAAO,IAAI,WAAW;AAC/D,MAAM,YAA8C,OAAO,IAAI,iBAAiB;AAEhF,SAAgB,cAAc,KAA0B;CACtD,QAAQ,KAAK,GAAG;AAClB;AAEA,SAAgB,mBAAkC;CAChD,MAAM,MAAM,OAAO,KAAK,IAAI;CAC5B,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,mCAAmC;CACrD,OAAO;AACT;AAEA,SAAgB,mBAAmB,KAA+B;CAChE,QAAQ,WAAW,GAAG;AACxB;AAEA,SAAgB,wBAA4C;CAC1D,MAAM,MAAM,OAAO,WAAW,IAAI;CAClC,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,sCAAsC;CACxD,OAAO;AACT"}