@antdv-next/mobile 0.0.0-stage → 0.1.0

package/dist/list/style/index.css

@@ -0,0 +1,230 @@
+.am-list {
+  /* component tokens */
+  --am-list-background: var(--am-color-bg-container);
+  --am-list-font-size: var(--am-font-size-lg);
+  --am-list-border-color: var(--am-color-split);
+  --am-list-header-color: var(--am-color-text-tertiary);
+  --am-list-header-font-size: var(--am-font-size);
+  --am-list-header-padding: var(--am-padding-sm) var(--am-padding) var(--am-padding-xs);
+  --am-list-card-margin-inline: var(--am-margin-sm);
+  --am-list-card-border-radius: var(--am-border-radius-lg);
+  --am-list-item-padding-inline: var(--am-padding);
+  --am-list-item-padding-block: var(--am-padding-sm);
+  --am-list-item-min-height: 48px;
+  --am-list-item-prefix-gap: var(--am-padding-sm);
+  --am-list-item-description-color: var(--am-color-text-tertiary);
+  --am-list-item-description-font-size: var(--am-font-size);
+  --am-list-item-extra-color: var(--am-color-text-tertiary);
+  --am-list-item-arrow-color: var(--am-color-text-quaternary);
+
+  box-sizing: border-box;
+  color: var(--am-color-text);
+  font-size: var(--am-list-font-size);
+  font-family: var(--am-font-family);
+  line-height: var(--am-line-height-lg);
+}
+
+.am-list-sm {
+  --am-list-font-size: var(--am-font-size);
+  --am-list-item-padding-block: var(--am-padding-xs);
+  --am-list-item-min-height: 40px;
+  --am-list-item-description-font-size: var(--am-font-size-sm);
+}
+
+.am-list-lg {
+  --am-list-item-padding-block: var(--am-padding);
+  --am-list-item-min-height: 56px;
+}
+
+.am-list-header,
+.am-list-footer {
+  box-sizing: border-box;
+  padding: var(--am-list-header-padding);
+  color: var(--am-list-header-color);
+  font-size: var(--am-list-header-font-size);
+  line-height: var(--am-line-height);
+}
+
+.am-list-footer {
+  padding: var(--am-padding-xs) var(--am-padding) var(--am-padding-sm);
+}
+
+.am-list-body {
+  position: relative;
+  background: var(--am-list-background);
+}
+
+.am-list-default.am-list-bordered > .am-list-body::before,
+.am-list-default.am-list-bordered > .am-list-body::after {
+  position: absolute;
+  right: 0;
+  left: 0;
+  z-index: 1;
+  border-top: var(--am-line-width) var(--am-line-type) var(--am-list-border-color);
+  transform: scaleY(0.5);
+  content: '';
+  pointer-events: none;
+}
+
+.am-list-default.am-list-bordered > .am-list-body::before {
+  top: 0;
+  transform-origin: top;
+}
+
+.am-list-default.am-list-bordered > .am-list-body::after {
+  bottom: 0;
+  transform-origin: bottom;
+}
+
+/* ---------- card ---------- */
+.am-list-card > .am-list-body {
+  margin: 0 var(--am-list-card-margin-inline);
+  overflow: hidden;
+  border-radius: var(--am-list-card-border-radius);
+}
+
+.am-list-card > .am-list-header,
+.am-list-card > .am-list-footer {
+  padding-inline: calc(var(--am-list-card-margin-inline) + var(--am-list-item-padding-inline));
+}
+
+/* ---------- empty / loading ---------- */
+.am-list-empty,
+.am-list-spin {
+  display: flex;
+  gap: var(--am-padding-xs);
+  align-items: center;
+  justify-content: center;
+  box-sizing: border-box;
+  padding: var(--am-padding-lg) var(--am-padding);
+  color: var(--am-color-text-tertiary);
+  font-size: var(--am-font-size);
+}
+
+.am-list-spin {
+  padding: var(--am-padding) var(--am-padding);
+}
+
+/* ---------- item ---------- */
+.am-list-item {
+  position: relative;
+  display: flex;
+  align-items: center;
+  box-sizing: border-box;
+  padding-inline-start: var(--am-list-item-padding-inline, 16px);
+  color: var(--am-color-text);
+  font-size: var(--am-list-font-size, var(--am-font-size-lg));
+  font-family: var(--am-font-family);
+  line-height: var(--am-line-height-lg);
+  text-decoration: none;
+  background: var(--am-list-background, var(--am-color-bg-container));
+  outline: none;
+  transition: background-color var(--am-motion-duration-mid);
+  -webkit-tap-highlight-color: transparent;
+}
+
+.am-list-item-clickable {
+  cursor: pointer;
+  user-select: none;
+  touch-action: manipulation;
+}
+
+.am-list-item-clickable:active {
+  background: color-mix(in srgb, var(--am-list-background, var(--am-color-bg-container)), var(--am-color-text-base) 5%);
+}
+
+.am-list-item:focus-visible {
+  outline: 2px solid var(--am-color-primary-border);
+  outline-offset: -2px;
+}
+
+.am-list-item-disabled {
+  cursor: not-allowed;
+}
+
+.am-list-item-disabled > * {
+  opacity: var(--am-opacity-disabled);
+  pointer-events: none;
+}
+
+.am-list-item-prefix {
+  display: flex;
+  flex: none;
+  align-items: center;
+  padding-block: var(--am-list-item-padding-block, 12px);
+  padding-inline-end: var(--am-list-item-prefix-gap, 12px);
+}
+
+.am-list-item-main {
+  position: relative;
+  display: flex;
+  flex: 1 1 auto;
+  gap: var(--am-padding-xs);
+  align-items: center;
+  align-self: stretch;
+  box-sizing: border-box;
+  min-width: 0;
+  min-height: var(--am-list-item-min-height, 48px);
+  padding-block: var(--am-list-item-padding-block, 12px);
+  padding-inline-end: var(--am-list-item-padding-inline, 16px);
+}
+
+/* hairline between items, inset from the title (virtual rows are wrapped, so they go by their index) */
+.am-list-item + .am-list-item > .am-list-item-main::before,
+.am-list-virtual-list .am-virtual-list-item:not([data-index='0']) > .am-list-item > .am-list-item-main::before {
+  position: absolute;
+  top: 0;
+  right: 0;
+  left: 0;
+  border-top: var(--am-line-width) var(--am-line-type) var(--am-list-border-color, var(--am-color-split));
+  transform: scaleY(0.5);
+  transform-origin: top;
+  content: '';
+  pointer-events: none;
+}
+
+.am-list-item-content {
+  flex: 1 1 auto;
+  min-width: 0;
+}
+
+.am-list-item-title {
+  word-break: break-word;
+}
+
+.am-list-item-description {
+  margin-top: 2px;
+  color: var(--am-list-item-description-color, var(--am-color-text-tertiary));
+  font-size: var(--am-list-item-description-font-size, var(--am-font-size));
+  line-height: var(--am-line-height);
+  word-break: break-word;
+}
+
+.am-list-item-extra {
+  flex: none;
+  max-width: 70%;
+  color: var(--am-list-item-extra-color, var(--am-color-text-tertiary));
+  text-align: end;
+  word-break: break-word;
+}
+
+.am-list-item-arrow {
+  display: inline-flex;
+  flex: none;
+  align-items: center;
+  color: var(--am-list-item-arrow-color, var(--am-color-text-quaternary));
+  font-size: 14px;
+}
+
+[dir='rtl'] .am-list-item-arrow > .anticon {
+  transform: scaleX(-1);
+}
+
+.am-list-item-align-start,
+.am-list-item-align-start > .am-list-item-main {
+  align-items: flex-start;
+}
+
+.am-list-item-align-start .am-list-item-arrow {
+  height: calc(var(--am-list-font-size, var(--am-font-size-lg)) * var(--am-line-height-lg));
+}

package/dist/listy/Listy.js

@@ -0,0 +1,4 @@
+import Listy_vue_vue_type_script_setup_true_lang_default from "./Listy.vue_vue_type_script_setup_true_lang.js";
+// src/listy/Listy.vue
+var Listy_default = Listy_vue_vue_type_script_setup_true_lang_default;
+export { Listy_default as default };

package/dist/listy/Listy.vue.d.ts

@@ -0,0 +1,28 @@
+import type { ListyProps, ListyScrollToConfig, ListySlots } from './interface';
+import '../style';
+import './style/index.css';
+type __VLS_Slots = ListySlots;
+declare function scrollTo(target?: ListyScrollToConfig): void;
+declare const __VLS_base: import("vue").DefineComponent<ListyProps, {
+    scrollTo: typeof scrollTo;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    scroll: (event: Event) => any;
+    reachEnd: () => any;
+}, string, import("vue").PublicProps, Readonly<ListyProps> & Readonly<{
+    onScroll?: ((event: Event) => any) | undefined;
+    onReachEnd?: (() => any) | undefined;
+}>, {
+    sticky: boolean;
+    items: any[];
+    itemHeight: number;
+    virtual: boolean;
+    rowHoverable: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/listy/Listy.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,219 @@
+import { addUnit } from "../_util/index.js";
+import RenderNode_default from "../_util/RenderNode.js";
+import { useConfig } from "../config-provider/context.js";
+import VirtualList_default from "../virtual-list/VirtualList.js";
+import ListyStickyHeader_default from "./ListyStickyHeader.js";
+import { flattenRows, getRenderedRows, getRowElement, toTaggedKey } from "./util.js";
+import "../style/index2.js";
+import './style/index.css';/* empty css            */
+import { computed, createBlock, createElementBlock, createSlots, createVNode, defineComponent, mergeProps, nextTick, normalizeClass, normalizeStyle, onMounted, openBlock, ref, unref, useSlots, watch, withCtx } from "vue";
+// src/listy/Listy.vue?vue&type=script&setup=true&lang.ts
+var Listy_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	name: "AmListy",
+	inheritAttrs: false,
+	__name: "Listy",
+	props: {
+		items: { default: () => [] },
+		rowKey: {},
+		itemRender: {},
+		group: {},
+		sticky: {
+			type: Boolean,
+			default: false
+		},
+		height: {},
+		virtual: {
+			type: Boolean,
+			default: true
+		},
+		scrollWidth: {},
+		rowHoverable: {
+			type: Boolean,
+			default: true
+		},
+		itemHeight: { default: 46 },
+		rootClass: {},
+		classes: {},
+		styles: {}
+	},
+	emits: ["scroll", "reachEnd"],
+	setup(__props, { expose: __expose, emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const slots = useSlots();
+		const config = useConfig();
+		const listRef = ref();
+		const stickyRef = ref();
+		const flat = computed(() => flattenRows(props.items ?? [], props.rowKey, props.group));
+		const stickyEnabled = computed(() => props.sticky && flat.value.groups.length > 0);
+		function renderItem(row) {
+			if (slots.itemRender) return slots.itemRender(row.item, row.index);
+			return props.itemRender?.(row.item, row.index);
+		}
+		function renderGroupTitle(group) {
+			if (slots.groupTitle) return slots.groupTitle({
+				groupKey: group.key,
+				items: group.items
+			});
+			return props.group?.title ? props.group.title(group.key, group.items) : group.key;
+		}
+		function syncSticky() {
+			const root = listRef.value?.nativeElement;
+			if (root) stickyRef.value?.sync(root);
+		}
+		function onScroll(event) {
+			syncSticky();
+			emit("scroll", event);
+		}
+		/** the rendered window moved: sync again once its rows are in the DOM */
+		function syncStickyAfterRender() {
+			nextTick(syncSticky);
+		}
+		onMounted(syncSticky);
+		watch(flat, syncSticky, { flush: "post" });
+		function toListAlign(align) {
+			return align === "top" ? "start" : align === "bottom" ? "end" : "auto";
+		}
+		/** height of the header that covers the top of the viewport once `rowIndex` is scrolled to */
+		function getStickyHeight(root, rowIndex) {
+			const group = flat.value.groups[flat.value.rowGroups[rowIndex]];
+			const rendered = getRenderedRows(root);
+			return (group && rendered && getRowElement(rendered, group.rowIndex))?.offsetHeight || stickyRef.value?.getHeight() || 0;
+		}
+		function scrollToItem(key, align, offset) {
+			const list = listRef.value;
+			const root = list.nativeElement;
+			const rowIndex = stickyEnabled.value && align !== "bottom" && root ? flat.value.rows.findIndex((row) => row.taggedKey === key) : -1;
+			if (rowIndex < 0 || !root) {
+				list.scrollTo({
+					key,
+					align: toListAlign(align),
+					offset
+				});
+				return;
+			}
+			const headerHeight = getStickyHeight(root, rowIndex);
+			if (align === "top") {
+				list.scrollTo({
+					key,
+					align: "start",
+					offset: offset + headerHeight
+				});
+				return;
+			}
+			const rendered = getRenderedRows(root);
+			if (!rendered) {
+				list.scrollTo({
+					key,
+					align: "auto",
+					offset
+				});
+				return;
+			}
+			const rect = getRowElement(rendered, rowIndex)?.getBoundingClientRect();
+			if (rect ? rect.top < rendered.top + headerHeight : rowIndex < rendered.first) list.scrollTo({
+				key,
+				align: "start",
+				offset: offset + headerHeight
+			});
+			else if (rect ? rect.bottom > rendered.bottom : true) list.scrollTo({
+				key,
+				align: "end",
+				offset
+			});
+		}
+		function scrollTo(target) {
+			const list = listRef.value;
+			if (!list || target === null || target === void 0) return;
+			if (typeof target === "number") list.scrollTo(target);
+			else if ("groupKey" in target) list.scrollTo({
+				key: toTaggedKey(target.groupKey, "group"),
+				align: toListAlign(target.align),
+				offset: target.offset ?? 0
+			});
+			else if ("key" in target) scrollToItem(toTaggedKey(target.key, "item"), target.align ?? "auto", target.offset ?? 0);
+			else {
+				if (target.left !== void 0 && list.nativeElement) list.nativeElement.scrollLeft = target.left;
+				if (target.top !== void 0) list.scrollTo(target.top);
+			}
+			syncStickyAfterRender();
+		}
+		__expose({ scrollTo });
+		const rootClasses = computed(() => [
+			{
+				"am-listy-hoverable": props.rowHoverable,
+				"am-listy-scroll-x": !!props.scrollWidth,
+				"am-listy-rtl": config.direction.value === "rtl"
+			},
+			props.rootClass,
+			props.classes?.root
+		]);
+		const listStyles = computed(() => {
+			return {
+				root: props.height !== void 0 && props.height !== "" ? {
+					height: "auto",
+					maxHeight: addUnit(props.height),
+					...props.styles?.root
+				} : props.styles?.root,
+				holder: props.scrollWidth ? { width: `${props.scrollWidth}px` } : void 0
+			};
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(VirtualList_default, mergeProps({
+				ref_key: "listRef",
+				ref: listRef
+			}, _ctx.$attrs, {
+				class: ["am-listy", rootClasses.value],
+				dir: unref(config).direction.value,
+				data: flat.value.rows,
+				height: typeof __props.height === "number" ? __props.height : void 0,
+				"item-height": __props.itemHeight,
+				"item-key": "taggedKey",
+				virtual: __props.virtual,
+				styles: listStyles.value,
+				onScroll,
+				onVisibleChange: syncStickyAfterRender,
+				onReachEnd: _cache[0] || (_cache[0] = ($event) => emit("reachEnd"))
+			}), createSlots({
+				default: withCtx(({ item: row }) => [row.type === "group" ? (openBlock(), createElementBlock("div", {
+					key: 0,
+					class: normalizeClass(["am-listy-group-header", __props.classes?.groupHeader]),
+					style: normalizeStyle(__props.styles?.groupHeader)
+				}, [createVNode(unref(RenderNode_default), { node: () => renderGroupTitle(row.group) }, null, 8, ["node"])], 6)) : (openBlock(), createElementBlock("div", {
+					key: 1,
+					class: normalizeClass(["am-listy-item", __props.classes?.item]),
+					style: normalizeStyle(__props.styles?.item)
+				}, [createVNode(unref(RenderNode_default), { node: () => renderItem(row) }, null, 8, ["node"])], 6))]),
+				_: 2
+			}, [stickyEnabled.value ? {
+				name: "header",
+				fn: withCtx(() => [createVNode(ListyStickyHeader_default, {
+					ref_key: "stickyRef",
+					ref: stickyRef,
+					groups: flat.value.groups,
+					"row-groups": flat.value.rowGroups,
+					"render-title": renderGroupTitle,
+					"header-class": __props.classes?.groupHeader,
+					"header-style": __props.styles?.groupHeader,
+					"scroll-width": __props.scrollWidth
+				}, null, 8, [
+					"groups",
+					"row-groups",
+					"header-class",
+					"header-style",
+					"scroll-width"
+				])]),
+				key: "0"
+			} : void 0]), 1040, [
+				"class",
+				"dir",
+				"data",
+				"height",
+				"item-height",
+				"virtual",
+				"styles"
+			]);
+		};
+	}
+});
+export { Listy_vue_vue_type_script_setup_true_lang_default as default };

package/dist/listy/ListyStickyHeader.js

@@ -0,0 +1,4 @@
+import ListyStickyHeader_vue_vue_type_script_setup_true_lang_default from "./ListyStickyHeader.vue_vue_type_script_setup_true_lang.js";
+// src/listy/ListyStickyHeader.vue
+var ListyStickyHeader_default = ListyStickyHeader_vue_vue_type_script_setup_true_lang_default;
+export { ListyStickyHeader_default as default };

package/dist/listy/ListyStickyHeader.vue.d.ts

@@ -0,0 +1,22 @@
+import type { CSSProperties, VNodeChild } from 'vue';
+import type { ListyGroupEntry } from './util';
+type __VLS_Props = {
+    groups: ListyGroupEntry[];
+    /** flat row index -> index in `groups` */
+    rowGroups: number[];
+    renderTitle: (group: ListyGroupEntry) => VNodeChild;
+    headerClass?: string;
+    headerStyle?: CSSProperties;
+    scrollWidth?: number;
+};
+/**
+ * Finds the group at the top edge of `root` (the scroll container) and how far the next header
+ * has pushed the pinned one. Kept in this component so a scroll frame only re-renders the header.
+ */
+declare function sync(root: HTMLElement): void;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {
+    sync: typeof sync;
+    getHeight: () => number;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/listy/ListyStickyHeader.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,72 @@
+import RenderNode_default from "../_util/RenderNode.js";
+import { getRenderedRows, getRowElement } from "./util.js";
+import { computed, createCommentVNode, createElementBlock, createVNode, defineComponent, normalizeClass, normalizeStyle, openBlock, ref, unref } from "vue";
+// src/listy/ListyStickyHeader.vue?vue&type=script&setup=true&lang.ts
+var TOP_TOLERANCE = 1;
+var ListyStickyHeader_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	name: "AmListyStickyHeader",
+	__name: "ListyStickyHeader",
+	props: {
+		groups: {},
+		rowGroups: {},
+		renderTitle: { type: Function },
+		headerClass: {},
+		headerStyle: {},
+		scrollWidth: {}
+	},
+	setup(__props, { expose: __expose }) {
+		const props = __props;
+		/** a header counts as reached once it is within 1px of the top edge (sub-pixel scroll positions) */
+		const headerRef = ref();
+		const activeIndex = ref(0);
+		/** `< 0`: pushed out by the next header; `> 0`: follows the content while it rubber-bands */
+		const offset = ref(0);
+		const current = computed(() => props.groups[Math.min(activeIndex.value, props.groups.length - 1)]);
+		/**
+		* Finds the group at the top edge of `root` (the scroll container) and how far the next header
+		* has pushed the pinned one. Kept in this component so a scroll frame only re-renders the header.
+		*/
+		function sync(root) {
+			const rendered = getRenderedRows(root);
+			if (!rendered) return;
+			const { elements, first, top } = rendered;
+			let low = 0;
+			let high = elements.length - 1;
+			while (low < high) {
+				const mid = low + high >> 1;
+				if (elements[mid].getBoundingClientRect().bottom > top + TOP_TOLERANCE) high = mid;
+				else low = mid + 1;
+			}
+			if (elements[low].getBoundingClientRect().bottom <= top + TOP_TOLERANCE) return;
+			const active = props.rowGroups[first + low] ?? 0;
+			activeIndex.value = active;
+			let next = 0;
+			const nextGroup = props.groups[active + 1];
+			const nextElement = nextGroup && getRowElement(rendered, nextGroup.rowIndex);
+			if (nextElement) {
+				const height = headerRef.value?.offsetHeight ?? 0;
+				next = Math.min(0, nextElement.getBoundingClientRect().top - top - height);
+			}
+			if (root.scrollTop < 0) next = -root.scrollTop;
+			offset.value = next;
+		}
+		__expose({
+			sync,
+			getHeight: () => headerRef.value?.offsetHeight ?? 0
+		});
+		return (_ctx, _cache) => {
+			return current.value ? (openBlock(), createElementBlock("div", {
+				key: 0,
+				ref_key: "headerRef",
+				ref: headerRef,
+				class: normalizeClass(["am-listy-group-header am-listy-group-header-fixed", __props.headerClass]),
+				style: normalizeStyle([
+					__props.headerStyle,
+					__props.scrollWidth ? { width: `${__props.scrollWidth}px` } : void 0,
+					offset.value ? { transform: `translate3d(0, ${offset.value}px, 0)` } : void 0
+				])
+			}, [createVNode(unref(RenderNode_default), { node: () => __props.renderTitle(current.value) }, null, 8, ["node"])], 6)) : createCommentVNode("", true);
+		};
+	}
+});
+export { ListyStickyHeader_vue_vue_type_script_setup_true_lang_default as default };

package/dist/listy/index.d.ts

@@ -0,0 +1,56 @@
+export type * from './interface';
+declare const Listy: import("../_util/withInstall").WithInstall<{
+    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("./interface").ListyProps> & Readonly<{
+        onScroll?: ((event: Event) => any) | undefined;
+        onReachEnd?: (() => any) | undefined;
+    }>, {
+        scrollTo: (target?: import("./interface").ListyScrollToConfig) => void;
+    }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        scroll: (event: Event) => any;
+        reachEnd: () => any;
+    }, import("vue").PublicProps, {
+        sticky: boolean;
+        items: any[];
+        itemHeight: number;
+        virtual: boolean;
+        rowHoverable: boolean;
+    }, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import("./interface").ListyProps> & Readonly<{
+        onScroll?: ((event: Event) => any) | undefined;
+        onReachEnd?: (() => any) | undefined;
+    }>, {
+        scrollTo: (target?: import("./interface").ListyScrollToConfig) => void;
+    }, {}, {}, {}, {
+        sticky: boolean;
+        items: any[];
+        itemHeight: number;
+        virtual: boolean;
+        rowHoverable: boolean;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("./interface").ListyProps> & Readonly<{
+    onScroll?: ((event: Event) => any) | undefined;
+    onReachEnd?: (() => any) | undefined;
+}>, {
+    scrollTo: (target?: import("./interface").ListyScrollToConfig) => void;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    scroll: (event: Event) => any;
+    reachEnd: () => any;
+}, string, {
+    sticky: boolean;
+    items: any[];
+    itemHeight: number;
+    virtual: boolean;
+    rowHoverable: boolean;
+}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    $slots: import("./interface").ListySlots;
+}), object>;
+export default Listy;

package/dist/listy/index.js

@@ -0,0 +1,5 @@
+import { withInstall } from "../_util/withInstall.js";
+import Listy_default from "./Listy.js";
+// src/listy/index.ts
+var Listy = withInstall(Listy_default, "AmListy");
+export { Listy as default };