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

package/dist/components/scroll-area/scroll-area.d.ts

@@ -0,0 +1,82 @@
+import { PropType, SlotsType, VNode } from "vue";
+import { ScrollAreaApi, ScrollAreaOrientation, ScrollAreaType } from "@xihan-ui/headless";
+import { Direction, Orientation } from "@xihan-ui/kernel";
+//#region src/components/scroll-area/scroll-area.d.ts
+/** 默认插槽的载荷：两条轴的滚动条状态、正被拖动的那条轴，以及右下角补丁该不该显形。 */
+type ScrollAreaRootSlotProps = Pick<ScrollAreaApi, 'vertical' | 'horizontal' | 'draggingAxis' | 'cornerVisible'>;
+declare const XhScrollAreaRoot: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+  type: {
+    type: PropType<ScrollAreaType>;
+    default: undefined;
+  };
+  scrollHideDelay: {
+    type: NumberConstructor;
+    default: undefined;
+  };
+  orientation: {
+    type: PropType<ScrollAreaOrientation>;
+    default: undefined;
+  };
+  dir: {
+    type: PropType<Direction>;
+    default: undefined;
+  };
+}>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+  [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+  type: {
+    type: PropType<ScrollAreaType>;
+    default: undefined;
+  };
+  scrollHideDelay: {
+    type: NumberConstructor;
+    default: undefined;
+  };
+  orientation: {
+    type: PropType<ScrollAreaOrientation>;
+    default: undefined;
+  };
+  dir: {
+    type: PropType<Direction>;
+    default: undefined;
+  };
+}>> & Readonly<{}>, {
+  type: ScrollAreaType;
+  orientation: ScrollAreaOrientation;
+  dir: Direction;
+  scrollHideDelay: number;
+}, SlotsType<{
+  default?: (props: ScrollAreaRootSlotProps) => VNode[];
+}>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const XhScrollAreaViewport: 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 XhScrollAreaContent: 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 XhScrollAreaScrollbar: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+  /** 这条滚动条管哪条轴。 */
+  orientation: {
+    type: PropType<Orientation>;
+    default: string;
+  };
+}>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+  [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+  /** 这条滚动条管哪条轴。 */
+  orientation: {
+    type: PropType<Orientation>;
+    default: string;
+  };
+}>> & Readonly<{}>, {
+  orientation: Orientation;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const XhScrollAreaThumb: 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 XhScrollAreaCorner: import("vue").DefineComponent<{}, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+  [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+//#endregion
+export { ScrollAreaRootSlotProps, XhScrollAreaContent, XhScrollAreaCorner, XhScrollAreaRoot, XhScrollAreaScrollbar, XhScrollAreaThumb, XhScrollAreaViewport };
+//# sourceMappingURL=scroll-area.d.ts.map

package/dist/components/scroll-area/scroll-area.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"scroll-area.d.ts","names":[],"sources":["../../../src/components/scroll-area/scroll-area.ts"],"mappings":";;;;;KAeY,0BAA0B,KAAK;cAE9B,gCAAgB,8BAAA;;IAID,MAAA,SAAS;;;;;;;;IAEF,MAAA,SAAS;;;;IACjB,MAAA,SAAS;;;;;;;IAHR,MAAA,SAAS;;;;;;;;IAEF,MAAA,SAAS;;;;IACjB,MAAA,SAAS;;;;;;;;;EAGtB,WAAC,OAAO,4BAA4B;kCAahD;cAEW,oCAAoB,0BAAA,oBAAA,4BAAA;;8BAU/B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,mCAAmB,0BAAA,oBAAA,4BAAA;;8BAS9B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,qCAAqB,8BAAA;;;IAIC,MAAA,SAAS;;;;;;;;IAAT,MAAA,SAAS;;;;;qCAY1C;cAEW,iCAAiB,0BAAA,oBAAA,4BAAA;;8BAO5B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,kCAAkB,0BAAA,oBAAA,4BAAA;;8BAM7B,qCAAA,iDAAA,aAAA,eAAA,oDAAA"}

package/dist/components/scroll-area/scroll-area.js

@@ -0,0 +1,93 @@
+import { provideScrollArea, provideScrollAreaScrollbar, useScrollAreaContext, useScrollAreaScrollbarContext } from "./context.js";
+import { useScrollArea } from "./use-scroll-area.js";
+import { computed, defineComponent, h } from "vue";
+//#region src/components/scroll-area/scroll-area.ts
+const XhScrollAreaRoot = defineComponent({
+	name: "XhScrollAreaRoot",
+	props: {
+		type: {
+			type: String,
+			default: void 0
+		},
+		scrollHideDelay: {
+			type: Number,
+			default: void 0
+		},
+		orientation: {
+			type: String,
+			default: void 0
+		},
+		dir: {
+			type: String,
+			default: void 0
+		}
+	},
+	slots: Object,
+	setup(props, { slots }) {
+		const ctx = useScrollArea(props);
+		provideScrollArea(ctx);
+		return () => h("div", ctx.api.value.getRootProps(), slots.default?.({
+			vertical: ctx.api.value.vertical,
+			horizontal: ctx.api.value.horizontal,
+			draggingAxis: ctx.api.value.draggingAxis,
+			cornerVisible: ctx.api.value.cornerVisible
+		}));
+	}
+});
+const XhScrollAreaViewport = defineComponent({
+	name: "XhScrollAreaViewport",
+	setup(_, { slots }) {
+		const ctx = useScrollAreaContext();
+		return () => h("div", {
+			...ctx.api.value.getViewportProps(),
+			ref: ctx.viewportRef
+		}, slots.default?.());
+	}
+});
+const XhScrollAreaContent = defineComponent({
+	name: "XhScrollAreaContent",
+	setup(_, { slots }) {
+		const ctx = useScrollAreaContext();
+		return () => h("div", {
+			...ctx.api.value.getContentProps(),
+			ref: ctx.contentRef
+		}, slots.default?.());
+	}
+});
+const XhScrollAreaScrollbar = defineComponent({
+	name: "XhScrollAreaScrollbar",
+	props: { 
+	/** 这条滚动条管哪条轴。 */
+orientation: {
+		type: String,
+		default: "vertical"
+	} },
+	setup(props, { slots }) {
+		const ctx = useScrollAreaContext();
+		const scrollbar = computed(() => ({ orientation: props.orientation }));
+		provideScrollAreaScrollbar({ scrollbar });
+		return () => h("div", {
+			...ctx.api.value.getScrollbarProps(scrollbar.value),
+			ref: ctx.scrollbarRefs[props.orientation]
+		}, slots.default?.());
+	}
+});
+const XhScrollAreaThumb = defineComponent({
+	name: "XhScrollAreaThumb",
+	setup(_, { slots }) {
+		const ctx = useScrollAreaContext();
+		const { scrollbar } = useScrollAreaScrollbarContext();
+		return () => h("div", ctx.api.value.getThumbProps(scrollbar.value), slots.default?.());
+	}
+});
+const XhScrollAreaCorner = defineComponent({
+	name: "XhScrollAreaCorner",
+	setup(_, { slots }) {
+		const ctx = useScrollAreaContext();
+		return () => h("div", ctx.api.value.getCornerProps(), slots.default?.());
+	}
+});
+//#endregion
+export { XhScrollAreaContent, XhScrollAreaCorner, XhScrollAreaRoot, XhScrollAreaScrollbar, XhScrollAreaThumb, XhScrollAreaViewport };
+
+//# sourceMappingURL=scroll-area.js.map

package/dist/components/scroll-area/scroll-area.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scroll-area.js","names":[],"sources":["../../../src/components/scroll-area/scroll-area.ts"],"sourcesContent":["import type { ScrollAreaApi, ScrollAreaOrientation, ScrollAreaSchema, ScrollAreaScrollbarProps, ScrollAreaType } from '@xihan-ui/headless'\nimport type { Direction, Orientation } from '@xihan-ui/kernel'\nimport type { PropType, SlotsType, VNode } from 'vue'\nimport { computed, defineComponent, h } from 'vue'\nimport {\n  provideScrollArea,\n  provideScrollAreaScrollbar,\n  useScrollAreaContext,\n  useScrollAreaScrollbarContext,\n} from './context'\nimport { useScrollArea } from './use-scroll-area'\n\ntype ScrollAreaProps = ScrollAreaSchema['props']\n\n/** 默认插槽的载荷：两条轴的滚动条状态、正被拖动的那条轴，以及右下角补丁该不该显形。 */\nexport type ScrollAreaRootSlotProps = Pick<ScrollAreaApi, 'vertical' | 'horizontal' | 'draggingAxis' | 'cornerVisible'>\n\nexport const XhScrollAreaRoot = defineComponent({\n  name: 'XhScrollAreaRoot',\n  // 缺省值由机器与 connect 给出，这里一律 default: undefined\n  props: {\n    type: { type: String as PropType<ScrollAreaType>, default: undefined },\n    scrollHideDelay: { type: Number, default: undefined },\n    orientation: { type: String as PropType<ScrollAreaOrientation>, default: undefined },\n    dir: { type: String as PropType<Direction>, default: undefined },\n  },\n  slots: Object as SlotsType<{\n    default?: (props: ScrollAreaRootSlotProps) => VNode[]\n  }>,\n  // 组件不对外报事件，滚动是原生的，宿主直接在视口上监听\n  setup(props, { slots }) {\n    const ctx = useScrollArea(props as ScrollAreaProps)\n    provideScrollArea(ctx)\n    return () => h('div', ctx.api.value.getRootProps() as Record<string, unknown>, slots.default?.({\n      vertical: ctx.api.value.vertical,\n      horizontal: ctx.api.value.horizontal,\n      draggingAxis: ctx.api.value.draggingAxis,\n      cornerVisible: ctx.api.value.cornerVisible,\n    }))\n  },\n})\n\nexport const XhScrollAreaViewport = defineComponent({\n  name: 'XhScrollAreaViewport',\n  setup(_, { slots }) {\n    const ctx = useScrollAreaContext()\n    // 视口节点交给机器，尺寸与滚动量在效应与事件里现量\n    return () => h('div', {\n      ...ctx.api.value.getViewportProps() as Record<string, unknown>,\n      ref: ctx.viewportRef,\n    }, slots.default?.())\n  },\n})\n\nexport const XhScrollAreaContent = defineComponent({\n  name: 'XhScrollAreaContent',\n  setup(_, { slots }) {\n    const ctx = useScrollAreaContext()\n    return () => h('div', {\n      ...ctx.api.value.getContentProps() as Record<string, unknown>,\n      ref: ctx.contentRef,\n    }, slots.default?.())\n  },\n})\n\nexport const XhScrollAreaScrollbar = defineComponent({\n  name: 'XhScrollAreaScrollbar',\n  props: {\n    /** 这条滚动条管哪条轴。 */\n    orientation: { type: String as PropType<Orientation>, default: 'vertical' },\n  },\n  setup(props, { slots }) {\n    const ctx = useScrollAreaContext()\n    const scrollbar = computed<ScrollAreaScrollbarProps>(() => ({ orientation: props.orientation }))\n    provideScrollAreaScrollbar({ scrollbar })\n    return () => h('div', {\n      ...ctx.api.value.getScrollbarProps(scrollbar.value) as Record<string, unknown>,\n      // 轨道节点交给机器，长度在按下滑块时现量\n      ref: ctx.scrollbarRefs[props.orientation],\n    }, slots.default?.())\n  },\n})\n\nexport const XhScrollAreaThumb = defineComponent({\n  name: 'XhScrollAreaThumb',\n  setup(_, { slots }) {\n    const ctx = useScrollAreaContext()\n    const { scrollbar } = useScrollAreaScrollbarContext()\n    return () => h('div', ctx.api.value.getThumbProps(scrollbar.value) as Record<string, unknown>, slots.default?.())\n  },\n})\n\nexport const XhScrollAreaCorner = defineComponent({\n  name: 'XhScrollAreaCorner',\n  setup(_, { slots }) {\n    const ctx = useScrollAreaContext()\n    return () => h('div', ctx.api.value.getCornerProps() as Record<string, unknown>, slots.default?.())\n  },\n})\n"],"mappings":";;;;AAiBA,MAAa,mBAAmB,gBAAgB;CAC9C,MAAM;CAEN,OAAO;EACL,MAAM;GAAE,MAAM;GAAoC,SAAS,KAAA;EAAU;EACrE,iBAAiB;GAAE,MAAM;GAAQ,SAAS,KAAA;EAAU;EACpD,aAAa;GAAE,MAAM;GAA2C,SAAS,KAAA;EAAU;EACnF,KAAK;GAAE,MAAM;GAA+B,SAAS,KAAA;EAAU;CACjE;CACA,OAAO;CAIP,MAAM,OAAO,EAAE,SAAS;EACtB,MAAM,MAAM,cAAc,KAAwB;EAClD,kBAAkB,GAAG;EACrB,aAAa,EAAE,OAAO,IAAI,IAAI,MAAM,aAAa,GAA8B,MAAM,UAAU;GAC7F,UAAU,IAAI,IAAI,MAAM;GACxB,YAAY,IAAI,IAAI,MAAM;GAC1B,cAAc,IAAI,IAAI,MAAM;GAC5B,eAAe,IAAI,IAAI,MAAM;EAC/B,CAAC,CAAC;CACJ;AACF,CAAC;AAED,MAAa,uBAAuB,gBAAgB;CAClD,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,qBAAqB;EAEjC,aAAa,EAAE,OAAO;GACpB,GAAG,IAAI,IAAI,MAAM,iBAAiB;GAClC,KAAK,IAAI;EACX,GAAG,MAAM,UAAU,CAAC;CACtB;AACF,CAAC;AAED,MAAa,sBAAsB,gBAAgB;CACjD,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,qBAAqB;EACjC,aAAa,EAAE,OAAO;GACpB,GAAG,IAAI,IAAI,MAAM,gBAAgB;GACjC,KAAK,IAAI;EACX,GAAG,MAAM,UAAU,CAAC;CACtB;AACF,CAAC;AAED,MAAa,wBAAwB,gBAAgB;CACnD,MAAM;CACN,OAAO;;AAEL,aAAa;EAAE,MAAM;EAAiC,SAAS;CAAW,EAC5E;CACA,MAAM,OAAO,EAAE,SAAS;EACtB,MAAM,MAAM,qBAAqB;EACjC,MAAM,YAAY,gBAA0C,EAAE,aAAa,MAAM,YAAY,EAAE;EAC/F,2BAA2B,EAAE,UAAU,CAAC;EACxC,aAAa,EAAE,OAAO;GACpB,GAAG,IAAI,IAAI,MAAM,kBAAkB,UAAU,KAAK;GAElD,KAAK,IAAI,cAAc,MAAM;EAC/B,GAAG,MAAM,UAAU,CAAC;CACtB;AACF,CAAC;AAED,MAAa,oBAAoB,gBAAgB;CAC/C,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,qBAAqB;EACjC,MAAM,EAAE,cAAc,8BAA8B;EACpD,aAAa,EAAE,OAAO,IAAI,IAAI,MAAM,cAAc,UAAU,KAAK,GAA8B,MAAM,UAAU,CAAC;CAClH;AACF,CAAC;AAED,MAAa,qBAAqB,gBAAgB;CAChD,MAAM;CACN,MAAM,GAAG,EAAE,SAAS;EAClB,MAAM,MAAM,qBAAqB;EACjC,aAAa,EAAE,OAAO,IAAI,IAAI,MAAM,eAAe,GAA8B,MAAM,UAAU,CAAC;CACpG;AACF,CAAC"}

package/dist/components/scroll-area/use-scroll-area.d.ts

@@ -0,0 +1,19 @@
+import { ComputedRef, Ref } from "vue";
+import { ScrollAreaApi, ScrollAreaSchema } from "@xihan-ui/headless";
+import { Orientation } from "@xihan-ui/kernel";
+import { Service } from "@xihan-ui/machine";
+//#region src/components/scroll-area/use-scroll-area.d.ts
+interface ScrollAreaContext {
+  service: Service<ScrollAreaSchema>;
+  api: ComputedRef<ScrollAreaApi>;
+  /** overflow:auto 的那层，尺寸、滚动量与 scroll 事件都取自它。 */
+  viewportRef: Ref<HTMLElement | null>;
+  /** 内容包裹层，用于跟随尺寸变化。 */
+  contentRef: Ref<HTMLElement | null>;
+  /** 两条轴各自的滚动条节点，轨道长度按轴现量。 */
+  scrollbarRefs: Record<Orientation, Ref<HTMLElement | null>>;
+}
+declare function useScrollArea(props: ScrollAreaSchema['props']): ScrollAreaContext;
+//#endregion
+export { ScrollAreaContext, useScrollArea };
+//# sourceMappingURL=use-scroll-area.d.ts.map

package/dist/components/scroll-area/use-scroll-area.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-scroll-area.d.ts","names":[],"sources":["../../../src/components/scroll-area/use-scroll-area.ts"],"mappings":";;;;;UAWiB;EACf,SAAS,QAAQ;EACjB,KAAK,YAAY;;EAEjB,aAAa,IAAI;;EAEjB,YAAY,IAAI;;EAEhB,eAAe,OAAO,aAAa,IAAI;;iBAGzB,cAAc,OAAO,4BAA4B"}

package/dist/components/scroll-area/use-scroll-area.js

@@ -0,0 +1,30 @@
+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 { connectScrollArea, scrollAreaMachine } from "@xihan-ui/headless";
+import { createScope } from "@xihan-ui/kernel";
+//#region src/components/scroll-area/use-scroll-area.ts
+function useScrollArea(props) {
+	const viewportRef = ref(null);
+	const contentRef = ref(null);
+	const scrollbarRefs = {
+		vertical: ref(null),
+		horizontal: ref(null)
+	};
+	const service = useMachine(scrollAreaMachine, () => ({ ...props }), createScope(null, createVueIdGenerator()));
+	service.refs.set("getViewportEl", () => viewportRef.value);
+	service.refs.set("getContentEl", () => contentRef.value);
+	service.refs.set("getScrollbarEl", (axis) => scrollbarRefs[axis].value);
+	return {
+		service,
+		api: computed(() => connectScrollArea(service, vueNormalize)),
+		viewportRef,
+		contentRef,
+		scrollbarRefs
+	};
+}
+//#endregion
+export { useScrollArea };
+
+//# sourceMappingURL=use-scroll-area.js.map

package/dist/components/scroll-area/use-scroll-area.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-scroll-area.js","names":[],"sources":["../../../src/components/scroll-area/use-scroll-area.ts"],"sourcesContent":["import type { ScrollAreaApi, ScrollAreaSchema } from '@xihan-ui/headless'\nimport type { Orientation } from '@xihan-ui/kernel'\nimport type { Service } from '@xihan-ui/machine'\nimport type { ComputedRef, Ref } from 'vue'\nimport { connectScrollArea, scrollAreaMachine } 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 ScrollAreaContext {\n  service: Service<ScrollAreaSchema>\n  api: ComputedRef<ScrollAreaApi>\n  /** overflow:auto 的那层，尺寸、滚动量与 scroll 事件都取自它。 */\n  viewportRef: Ref<HTMLElement | null>\n  /** 内容包裹层，用于跟随尺寸变化。 */\n  contentRef: Ref<HTMLElement | null>\n  /** 两条轴各自的滚动条节点，轨道长度按轴现量。 */\n  scrollbarRefs: Record<Orientation, Ref<HTMLElement | null>>\n}\n\nexport function useScrollArea(props: ScrollAreaSchema['props']): ScrollAreaContext {\n  const viewportRef = ref<HTMLElement | null>(null)\n  const contentRef = ref<HTMLElement | null>(null)\n  const scrollbarRefs: Record<Orientation, Ref<HTMLElement | null>> = {\n    vertical: ref<HTMLElement | null>(null),\n    horizontal: ref<HTMLElement | null>(null),\n  }\n\n  const idGen = createVueIdGenerator()\n  const scope = createScope(null, idGen)\n  const service = useMachine(scrollAreaMachine, () => ({ ...props }), scope)\n\n  // 传 getter 而非节点，ref 在挂载后才有值；量尺寸与挂监听都在机器的效应里进行\n  service.refs.set('getViewportEl', () => viewportRef.value)\n  service.refs.set('getContentEl', () => contentRef.value)\n  service.refs.set('getScrollbarEl', (axis: Orientation) => scrollbarRefs[axis].value)\n\n  const api = computed(() => connectScrollArea(service, vueNormalize))\n  return { service, api, viewportRef, contentRef, scrollbarRefs }\n}\n"],"mappings":";;;;;;;AAsBA,SAAgB,cAAc,OAAqD;CACjF,MAAM,cAAc,IAAwB,IAAI;CAChD,MAAM,aAAa,IAAwB,IAAI;CAC/C,MAAM,gBAA8D;EAClE,UAAU,IAAwB,IAAI;EACtC,YAAY,IAAwB,IAAI;CAC1C;CAIA,MAAM,UAAU,WAAW,0BAA0B,EAAE,GAAG,MAAM,IADlD,YAAY,MADZ,qBACsB,CACoC,CAAC;CAGzE,QAAQ,KAAK,IAAI,uBAAuB,YAAY,KAAK;CACzD,QAAQ,KAAK,IAAI,sBAAsB,WAAW,KAAK;CACvD,QAAQ,KAAK,IAAI,mBAAmB,SAAsB,cAAc,KAAK,CAAC,KAAK;CAGnF,OAAO;EAAE;EAAS,KADN,eAAe,kBAAkB,SAAS,YAAY,CAC9C;EAAG;EAAa;EAAY;CAAc;AAChE"}

package/dist/components/select/context.js

@@ -0,0 +1,33 @@
+import { inject, provide } from "vue";
+//#region src/components/select/context.ts
+const KEY = Symbol("xh-select");
+const ITEM_KEY = Symbol("xh-select-item");
+function provideSelect(ctx) {
+	provide(KEY, ctx);
+}
+function useSelectContext() {
+	const ctx = inject(KEY, null);
+	if (!ctx) throw new Error("[xh] Select 部件必须用在 XhSelectRoot 内");
+	return ctx;
+}
+function provideSelectItem(ctx) {
+	provide(ITEM_KEY, ctx);
+}
+function useSelectItemContext() {
+	const ctx = inject(ITEM_KEY, null);
+	if (!ctx) throw new Error("[xh] Select 条目子部件必须用在 XhSelectItem 内");
+	return ctx;
+}
+const TAG_KEY = Symbol("xh-select-tag");
+function provideSelectTag(ctx) {
+	provide(TAG_KEY, ctx);
+}
+function useSelectTagContext() {
+	const ctx = inject(TAG_KEY, null);
+	if (!ctx) throw new Error("[xh] Select 标签子部件必须用在 XhSelectTag 内");
+	return ctx;
+}
+//#endregion
+export { provideSelect, provideSelectItem, provideSelectTag, useSelectContext, useSelectItemContext, useSelectTagContext };
+
+//# sourceMappingURL=context.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"context.js","names":[],"sources":["../../../src/components/select/context.ts"],"sourcesContent":["import type { SelectItemProps } from '@xihan-ui/headless'\nimport type { ComputedRef, InjectionKey } from 'vue'\nimport type { SelectContext } from './use-select'\nimport { inject, provide } from 'vue'\n\n/** 条目自报的值与禁用，供 item-text / item-indicator 这类子部件复用同一份声明。 */\nexport interface SelectItemContext {\n  item: ComputedRef<SelectItemProps>\n}\n\nconst KEY: InjectionKey<SelectContext> = Symbol('xh-select')\nconst ITEM_KEY: InjectionKey<SelectItemContext> = Symbol('xh-select-item')\n\nexport function provideSelect(ctx: SelectContext): void {\n  provide(KEY, ctx)\n}\n\nexport function useSelectContext(): SelectContext {\n  const ctx = inject(KEY, null)\n  if (!ctx)\n    throw new Error('[xh] Select 部件必须用在 XhSelectRoot 内')\n  return ctx\n}\n\nexport function provideSelectItem(ctx: SelectItemContext): void {\n  provide(ITEM_KEY, ctx)\n}\n\nexport function useSelectItemContext(): SelectItemContext {\n  const ctx = inject(ITEM_KEY, null)\n  if (!ctx)\n    throw new Error('[xh] Select 条目子部件必须用在 XhSelectItem 内')\n  return ctx\n}\n\n/** 标签自报的值，供 tag-remove 复用同一份声明。 */\nexport interface SelectTagContext {\n  value: () => string\n}\n\nconst TAG_KEY: InjectionKey<SelectTagContext> = Symbol('xh-select-tag')\n\nexport function provideSelectTag(ctx: SelectTagContext): void {\n  provide(TAG_KEY, ctx)\n}\n\nexport function useSelectTagContext(): SelectTagContext {\n  const ctx = inject(TAG_KEY, null)\n  if (!ctx)\n    throw new Error('[xh] Select 标签子部件必须用在 XhSelectTag 内')\n  return ctx\n}\n"],"mappings":";;AAUA,MAAM,MAAmC,OAAO,WAAW;AAC3D,MAAM,WAA4C,OAAO,gBAAgB;AAEzE,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,kBAAkB,KAA8B;CAC9D,QAAQ,UAAU,GAAG;AACvB;AAEA,SAAgB,uBAA0C;CACxD,MAAM,MAAM,OAAO,UAAU,IAAI;CACjC,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,sCAAsC;CACxD,OAAO;AACT;AAOA,MAAM,UAA0C,OAAO,eAAe;AAEtE,SAAgB,iBAAiB,KAA6B;CAC5D,QAAQ,SAAS,GAAG;AACtB;AAEA,SAAgB,sBAAwC;CACtD,MAAM,MAAM,OAAO,SAAS,IAAI;CAChC,IAAI,CAAC,KACH,MAAM,IAAI,MAAM,qCAAqC;CACvD,OAAO;AACT"}

package/dist/components/select/select.d.ts

@@ -0,0 +1,268 @@
+import { PropType, SlotsType, VNode } from "vue";
+import { SelectApi, SelectNode, SelectNodeMeta, SelectOpenChangeDetails, SelectSchema, SelectValueChangeDetails } from "@xihan-ui/headless";
+import { ControlVariant, Direction, Placement, Size, Tone } from "@xihan-ui/kernel";
+//#region src/components/select/select.d.ts
+type SelectProps = SelectSchema['props'];
+/** 默认插槽的载荷：展开态、选中集合与显示文字、可见标签与被折起的个数，以及改展开、改值、清空、摘值四个动作。 */
+type SelectRootSlotProps = Pick<SelectApi, 'open' | 'value' | 'displayText' | 'tags' | 'overflowCount' | 'setOpen' | 'setValue' | 'clear' | 'deselect'>;
+declare const XhSelectRoot: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+  collection: {
+    type: PropType<SelectNode[]>;
+    default: undefined;
+  };
+  /** 标题文字。给了它就不必再写 label 部件；要放别的内容改用 label 插槽。 */
+  label: {
+    type: StringConstructor;
+    default: undefined;
+  };
+  value: {
+    type: PropType<string | string[] | null>;
+    default: undefined;
+  };
+  defaultValue: {
+    type: PropType<string | string[] | null>;
+    default: undefined;
+  };
+  multiple: BooleanConstructor;
+  open: {
+    type: BooleanConstructor;
+    default: undefined;
+  };
+  defaultOpen: BooleanConstructor;
+  disabled: BooleanConstructor;
+  invalid: {
+    type: BooleanConstructor;
+    default: undefined;
+  };
+  required: BooleanConstructor;
+  name: {
+    type: StringConstructor;
+    default: undefined;
+  };
+  translations: {
+    type: PropType<SelectProps["translations"]>;
+    default: undefined;
+  };
+  maxTagCount: {
+    type: NumberConstructor;
+    default: undefined;
+  };
+  placeholder: {
+    type: StringConstructor;
+    default: undefined;
+  };
+  placement: {
+    type: PropType<Placement>;
+    default: undefined;
+  };
+  offset: {
+    type: NumberConstructor;
+    default: undefined;
+  };
+  loop: {
+    type: BooleanConstructor;
+    default: undefined;
+  };
+  dir: {
+    type: PropType<Direction>;
+    default: undefined;
+  };
+  variant: {
+    type: PropType<ControlVariant>;
+    default: undefined;
+  };
+  tone: {
+    type: PropType<Tone>;
+    default: undefined;
+  };
+  size: {
+    type: PropType<Size>;
+    default: undefined;
+  };
+}>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+  [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+  'value-change': (_details: SelectValueChangeDetails) => true;
+  'open-change': (_details: SelectOpenChangeDetails) => true;
+  'update:value': (_value: string[]) => true;
+  'update:open': (_open: boolean) => true;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+  collection: {
+    type: PropType<SelectNode[]>;
+    default: undefined;
+  };
+  /** 标题文字。给了它就不必再写 label 部件；要放别的内容改用 label 插槽。 */
+  label: {
+    type: StringConstructor;
+    default: undefined;
+  };
+  value: {
+    type: PropType<string | string[] | null>;
+    default: undefined;
+  };
+  defaultValue: {
+    type: PropType<string | string[] | null>;
+    default: undefined;
+  };
+  multiple: BooleanConstructor;
+  open: {
+    type: BooleanConstructor;
+    default: undefined;
+  };
+  defaultOpen: BooleanConstructor;
+  disabled: BooleanConstructor;
+  invalid: {
+    type: BooleanConstructor;
+    default: undefined;
+  };
+  required: BooleanConstructor;
+  name: {
+    type: StringConstructor;
+    default: undefined;
+  };
+  translations: {
+    type: PropType<SelectProps["translations"]>;
+    default: undefined;
+  };
+  maxTagCount: {
+    type: NumberConstructor;
+    default: undefined;
+  };
+  placeholder: {
+    type: StringConstructor;
+    default: undefined;
+  };
+  placement: {
+    type: PropType<Placement>;
+    default: undefined;
+  };
+  offset: {
+    type: NumberConstructor;
+    default: undefined;
+  };
+  loop: {
+    type: BooleanConstructor;
+    default: undefined;
+  };
+  dir: {
+    type: PropType<Direction>;
+    default: undefined;
+  };
+  variant: {
+    type: PropType<ControlVariant>;
+    default: undefined;
+  };
+  tone: {
+    type: PropType<Tone>;
+    default: undefined;
+  };
+  size: {
+    type: PropType<Size>;
+    default: undefined;
+  };
+}>> & Readonly<{
+  "onValue-change"?: ((_details: SelectValueChangeDetails) => any) | undefined;
+  "onUpdate:value"?: ((_value: string[]) => any) | undefined;
+  "onOpen-change"?: ((_details: SelectOpenChangeDetails) => any) | undefined;
+  "onUpdate:open"?: ((_open: boolean) => any) | undefined;
+}>, {
+  required: boolean;
+  name: string;
+  invalid: boolean;
+  label: string;
+  value: string | string[] | null;
+  multiple: boolean;
+  collection: SelectNode[];
+  defaultValue: string | string[] | null;
+  dir: Direction;
+  tone: Tone;
+  size: Size;
+  disabled: boolean;
+  open: boolean;
+  defaultOpen: boolean;
+  translations: Partial<import("@xihan-ui/headless").SelectTranslations> | undefined;
+  offset: number;
+  variant: ControlVariant;
+  loop: boolean;
+  placeholder: string;
+  placement: Placement;
+  maxTagCount: number;
+}, SlotsType<{
+  default?: (props: SelectRootSlotProps) => VNode[];
+  label?: () => VNode[];
+  item?: (node: SelectNodeMeta) => VNode[];
+}>, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const XhSelectLabel: 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 XhSelectControl: 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 XhSelectTrigger: 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 XhSelectValueText: 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 XhSelectIndicator: 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 XhSelectClearTrigger: 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 XhSelectTag: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+  /** 它代表哪个选中值。 */
+  value: {
+    type: StringConstructor;
+    required: true;
+  };
+}>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+  [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+  /** 它代表哪个选中值。 */
+  value: {
+    type: StringConstructor;
+    required: true;
+  };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const XhSelectTagRemove: 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 XhSelectPositioner: 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 XhSelectContent: 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 XhSelectItem: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+  value: {
+    type: StringConstructor;
+    required: true;
+  };
+  disabled: {
+    type: BooleanConstructor;
+    default: undefined;
+  };
+}>, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+  [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+  value: {
+    type: StringConstructor;
+    required: true;
+  };
+  disabled: {
+    type: BooleanConstructor;
+    default: undefined;
+  };
+}>> & Readonly<{}>, {
+  disabled: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const XhSelectItemText: 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 XhSelectItemIndicator: import("vue").DefineComponent<{}, () => VNode<import("vue").RendererNode, import("vue").RendererElement, {
+  [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+//#endregion
+export { SelectRootSlotProps, XhSelectClearTrigger, XhSelectContent, XhSelectControl, XhSelectIndicator, XhSelectItem, XhSelectItemIndicator, XhSelectItemText, XhSelectLabel, XhSelectPositioner, XhSelectRoot, XhSelectTag, XhSelectTagRemove, XhSelectTrigger, XhSelectValueText };
+//# sourceMappingURL=select.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"select.d.ts","names":[],"sources":["../../../src/components/select/select.ts"],"mappings":";;;;KAQK,cAAc;;KAGP,sBAAsB,KAChC;cAIW,4BAAY,8BAAA;;IAIQ,MAAA,SAAS;;;;;;;;;IAGJ,MAAA;;;;IACO,MAAA;;;;;;;;;;;;;;;;;;;;IAQT,MAAA,SAAS;;;;;;;;;;;;IAGZ,MAAA,SAAS;;;;;;;;;;;;IAGf,MAAA,SAAS;;;;IACL,MAAA,SAAS;;;;IACZ,MAAA,SAAS;;;;IACT,MAAA,SAAS;;;;;;EAKN,iBAAA,UAAA;EACD,gBAAA,UAAA;EACD,iBAAA;EACF,gBAAA;;;IA7BM,MAAA,SAAS;;;;;;;;;IAGJ,MAAA;;;;IACO,MAAA;;;;;;;;;;;;;;;;;;;;IAQT,MAAA,SAAS;;;;;;;;;;;;IAGZ,MAAA,SAAS;;;;;;;;;;;;IAGf,MAAA,SAAS;;;;IACL,MAAA,SAAS;;;;IACZ,MAAA,SAAS;;;;IACT,MAAA,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAWvB,WAAC,OAAO,wBAAwB;EAClC,cAAM;EACP,QAAC,MAAM,mBAAmB;kCA+CnC;cAEW,6BAAa,0BAAA,oBAAA,4BAAA;;8BAMxB,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,+BAAe,0BAAA,oBAAA,4BAAA;;8BAO1B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,+BAAe,0BAAA,oBAAA,4BAAA;;8BAS1B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,iCAAiB,0BAAA,oBAAA,4BAAA;;8BAW5B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,iCAAiB,0BAAA,oBAAA,4BAAA;;8BAM5B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,oCAAoB,0BAAA,oBAAA,4BAAA;;8BAO/B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,2BAAW,8BAAA;;;;;;;;;;;;;;MAWtB,oDAAA;cAEW,iCAAiB,0BAAA,oBAAA,4BAAA;;8BAO5B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,kCAAkB,0BAAA,oBAAA,4BAAA;;8BAS7B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,+BAAe,0BAAA,oBAAA,4BAAA;;8BAS1B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,4BAAY,8BAAA;;;;;;;;;;;;;;;;;;;;;;qCAoCvB;cAEW,gCAAgB,0BAAA,oBAAA,4BAAA;;8BAO3B,qCAAA,iDAAA,aAAA,eAAA,oDAAA;cAEW,qCAAqB,0BAAA,oBAAA,4BAAA;;8BAOhC,qCAAA,iDAAA,aAAA,eAAA,oDAAA"}