@antdv-next/mobile 0.0.0-stage → 0.1.0

package/dist/input-number/index.d.ts

@@ -0,0 +1,105 @@
+export type * from './interface';
+declare const InputNumber: import("../_util/withInstall").WithInstall<{
+    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("./interface").InputNumberProps> & Readonly<{
+        onInput?: ((text: string) => any) | undefined;
+        onBlur?: ((event: FocusEvent) => any) | undefined;
+        onChange?: ((value: import("./interface").InputNumberValueType | null) => any) | undefined;
+        onFocus?: ((event: FocusEvent) => any) | undefined;
+        "onUpdate:value"?: ((value: import("./interface").InputNumberValueType | null) => any) | undefined;
+        onStep?: ((value: import("./interface").InputNumberValueType, info: import("./interface").InputNumberStepContext) => any) | undefined;
+        onPressEnter?: ((event: KeyboardEvent) => any) | undefined;
+    }>, import("./interface").InputNumberInstance, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        input: (text: string) => any;
+        blur: (event: FocusEvent) => any;
+        change: (value: import("./interface").InputNumberValueType | null) => any;
+        focus: (event: FocusEvent) => any;
+        "update:value": (value: import("./interface").InputNumberValueType | null) => any;
+        step: (value: import("./interface").InputNumberValueType, info: import("./interface").InputNumberStepContext) => any;
+        pressEnter: (event: KeyboardEvent) => any;
+    }, import("vue").PublicProps, {
+        prefix: string | number | boolean | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }> | import("vue").VNodeArrayChildren | (() => import("vue").VNodeChild) | null;
+        disabled: boolean;
+        mode: import("./interface").InputNumberMode;
+        inputmode: string;
+        value: import("./interface").InputNumberValueType | null;
+        keyboard: boolean;
+        step: import("./interface").InputNumberValueType;
+        controls: boolean | import("./interface").InputNumberControlsConfig;
+        changeOnBlur: boolean;
+        longPress: boolean;
+        suffix: string | number | boolean | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }> | import("vue").VNodeArrayChildren | (() => import("vue").VNodeChild) | null;
+    }, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import("./interface").InputNumberProps> & Readonly<{
+        onInput?: ((text: string) => any) | undefined;
+        onBlur?: ((event: FocusEvent) => any) | undefined;
+        onChange?: ((value: import("./interface").InputNumberValueType | null) => any) | undefined;
+        onFocus?: ((event: FocusEvent) => any) | undefined;
+        "onUpdate:value"?: ((value: import("./interface").InputNumberValueType | null) => any) | undefined;
+        onStep?: ((value: import("./interface").InputNumberValueType, info: import("./interface").InputNumberStepContext) => any) | undefined;
+        onPressEnter?: ((event: KeyboardEvent) => any) | undefined;
+    }>, import("./interface").InputNumberInstance, {}, {}, {}, {
+        prefix: string | number | boolean | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }> | import("vue").VNodeArrayChildren | (() => import("vue").VNodeChild) | null;
+        disabled: boolean;
+        mode: import("./interface").InputNumberMode;
+        inputmode: string;
+        value: import("./interface").InputNumberValueType | null;
+        keyboard: boolean;
+        step: import("./interface").InputNumberValueType;
+        controls: boolean | import("./interface").InputNumberControlsConfig;
+        changeOnBlur: boolean;
+        longPress: boolean;
+        suffix: string | number | boolean | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }> | import("vue").VNodeArrayChildren | (() => import("vue").VNodeChild) | null;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("./interface").InputNumberProps> & Readonly<{
+    onInput?: ((text: string) => any) | undefined;
+    onBlur?: ((event: FocusEvent) => any) | undefined;
+    onChange?: ((value: import("./interface").InputNumberValueType | null) => any) | undefined;
+    onFocus?: ((event: FocusEvent) => any) | undefined;
+    "onUpdate:value"?: ((value: import("./interface").InputNumberValueType | null) => any) | undefined;
+    onStep?: ((value: import("./interface").InputNumberValueType, info: import("./interface").InputNumberStepContext) => any) | undefined;
+    onPressEnter?: ((event: KeyboardEvent) => any) | undefined;
+}>, import("./interface").InputNumberInstance, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    input: (text: string) => any;
+    blur: (event: FocusEvent) => any;
+    change: (value: import("./interface").InputNumberValueType | null) => any;
+    focus: (event: FocusEvent) => any;
+    "update:value": (value: import("./interface").InputNumberValueType | null) => any;
+    step: (value: import("./interface").InputNumberValueType, info: import("./interface").InputNumberStepContext) => any;
+    pressEnter: (event: KeyboardEvent) => any;
+}, string, {
+    prefix: string | number | boolean | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }> | import("vue").VNodeArrayChildren | (() => import("vue").VNodeChild) | null;
+    disabled: boolean;
+    mode: import("./interface").InputNumberMode;
+    inputmode: string;
+    value: import("./interface").InputNumberValueType | null;
+    keyboard: boolean;
+    step: import("./interface").InputNumberValueType;
+    controls: boolean | import("./interface").InputNumberControlsConfig;
+    changeOnBlur: boolean;
+    longPress: boolean;
+    suffix: string | number | boolean | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }> | import("vue").VNodeArrayChildren | (() => import("vue").VNodeChild) | null;
+}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    $slots: import("./interface").InputNumberSlots;
+}), object>;
+export default InputNumber;

package/dist/input-number/index.js

@@ -0,0 +1,5 @@
+import { withInstall } from "../_util/withInstall.js";
+import InputNumber_default from "./InputNumber.js";
+// src/input-number/index.ts
+var InputNumber = withInstall(InputNumber_default, "AmInputNumber");
+export { InputNumber as default };

package/dist/input-number/interface.d.ts

@@ -0,0 +1,98 @@
+import type { CSSProperties } from 'vue';
+import type { SizeType, ValidateStatus, VueNode } from '../_util/type';
+import type { Variant } from '../form/context';
+export type InputNumberValueType = number | string;
+export type InputNumberMode = 'input' | 'spinner';
+export interface InputNumberStepContext {
+    offset: InputNumberValueType;
+    type: 'up' | 'down';
+    emitter: 'handler' | 'keyboard';
+}
+export interface InputNumberFormatterInfo {
+    userTyping: boolean;
+    input: string;
+}
+export interface InputNumberControlsConfig {
+    upIcon?: VueNode;
+    downIcon?: VueNode;
+}
+export interface InputNumberSemanticClassNames {
+    root?: string;
+    input?: string;
+    prefix?: string;
+    suffix?: string;
+    action?: string;
+}
+export interface InputNumberSemanticStyles {
+    root?: CSSProperties;
+    input?: CSSProperties;
+    prefix?: CSSProperties;
+    suffix?: CSSProperties;
+    action?: CSSProperties;
+}
+export interface InputNumberProps {
+    /** Supports `v-model:value`. `null` means empty. */
+    value?: InputNumberValueType | null;
+    defaultValue?: InputNumberValueType | null;
+    min?: InputNumberValueType;
+    max?: InputNumberValueType;
+    step?: InputNumberValueType;
+    /** Number of decimals */
+    precision?: number;
+    disabled?: boolean;
+    readOnly?: boolean;
+    /** Alias of `readOnly` (native attribute spelling) */
+    readonly?: boolean;
+    /** Show the − / + buttons, or customize their icons */
+    controls?: boolean | InputNumberControlsConfig;
+    /** `spinner`: − / + buttons on both sides (mobile default). `input`: a plain numeric field. */
+    mode?: InputNumberMode;
+    formatter?: (value: InputNumberValueType, info: InputNumberFormatterInfo) => string;
+    parser?: (displayValue: string) => InputNumberValueType;
+    /** Emit the value as a string (keeps trailing zeros and long decimals) */
+    stringMode?: boolean;
+    /** Commit (clamp + format) the typed text on blur. Default `true`. */
+    changeOnBlur?: boolean;
+    /** Step with the arrow keys. Default `true`. */
+    keyboard?: boolean;
+    /** Keep stepping while a button is pressed. Default `true`. */
+    longPress?: boolean;
+    prefix?: VueNode;
+    suffix?: VueNode;
+    status?: ValidateStatus;
+    size?: SizeType;
+    variant?: Variant;
+    placeholder?: string;
+    /** Virtual keyboard hint. Default `'decimal'`. */
+    inputmode?: string;
+    autofocus?: boolean;
+    name?: string;
+    /** id of the native input. Defaults to the id of the wrapping FormItem. */
+    id?: string;
+    rootClass?: string;
+    classes?: InputNumberSemanticClassNames;
+    styles?: InputNumberSemanticStyles;
+}
+export interface InputNumberEmits {
+    'update:value': [value: InputNumberValueType | null];
+    'change': [value: InputNumberValueType | null];
+    /** The raw text while typing */
+    'input': [text: string];
+    'step': [value: InputNumberValueType, info: InputNumberStepContext];
+    'pressEnter': [event: KeyboardEvent];
+    'focus': [event: FocusEvent];
+    'blur': [event: FocusEvent];
+}
+export interface InputNumberSlots {
+    prefix?: () => any;
+    suffix?: () => any;
+    upIcon?: () => any;
+    downIcon?: () => any;
+}
+export interface InputNumberInstance {
+    focus: (options?: FocusOptions) => void;
+    blur: () => void;
+    /** The native `<input>` */
+    input: HTMLInputElement | undefined;
+    nativeElement: HTMLElement | undefined;
+}

package/dist/input-number/style/index.css

@@ -0,0 +1,232 @@
+.am-input-number {
+  /* component tokens */
+  --am-input-number-height: var(--am-control-height-sm);
+  --am-input-number-font-size: var(--am-font-size-lg);
+  --am-input-number-input-width: 48px;
+  --am-input-number-gap: 2px;
+  --am-input-number-border-radius: var(--am-border-radius-sm);
+  --am-input-number-color: var(--am-color-text);
+  --am-input-number-background: var(--am-color-bg-container);
+  --am-input-number-filled-background: var(--am-color-fill-tertiary);
+  --am-input-number-border-color: var(--am-color-border);
+  --am-input-number-active-border-color: var(--am-color-primary);
+  --am-input-number-action-color: var(--am-color-primary);
+  --am-input-number-action-background: var(--am-color-fill-tertiary);
+  --am-input-number-action-active-background: var(--am-color-fill);
+
+  position: relative;
+  display: inline-flex;
+  gap: var(--am-input-number-gap);
+  align-items: stretch;
+  box-sizing: border-box;
+  height: var(--am-input-number-height);
+  margin: 0;
+  color: var(--am-input-number-color);
+  font-size: var(--am-input-number-font-size);
+  font-family: var(--am-font-family);
+  line-height: 1.2;
+  vertical-align: middle;
+  -webkit-tap-highlight-color: transparent;
+}
+
+.am-input-number-wrapper {
+  display: inline-flex;
+  flex: 1;
+  gap: var(--am-margin-xxs);
+  align-items: center;
+  box-sizing: border-box;
+  min-width: 0;
+  padding: 0 var(--am-padding-xxs);
+  background: var(--am-input-number-background);
+  border: var(--am-line-width) var(--am-line-type) var(--am-input-number-border-color);
+  border-radius: var(--am-input-number-border-radius);
+  transition:
+    border-color var(--am-motion-duration-mid),
+    background-color var(--am-motion-duration-mid);
+}
+
+.am-input-number-input {
+  flex: 1;
+  box-sizing: border-box;
+  width: var(--am-input-number-input-width);
+  min-width: 0;
+  height: 100%;
+  margin: 0;
+  padding: 0;
+  color: inherit;
+  /* >= 16px keeps iOS Safari from zooming in on focus */
+  font-size: inherit;
+  font-family: inherit;
+  font-variant-numeric: tabular-nums;
+  line-height: inherit;
+  text-align: center;
+  background: transparent;
+  border: 0;
+  border-radius: 0;
+  outline: none;
+  caret-color: var(--am-input-number-active-border-color);
+  appearance: none;
+}
+
+.am-input-number-input::placeholder {
+  color: var(--am-color-text-placeholder);
+  opacity: 1;
+}
+
+.am-input-number-prefix,
+.am-input-number-suffix {
+  display: inline-flex;
+  flex: none;
+  align-items: center;
+  color: var(--am-color-text-tertiary);
+}
+
+.am-input-number-action {
+  position: relative;
+  display: inline-flex;
+  flex: none;
+  align-items: center;
+  justify-content: center;
+  box-sizing: border-box;
+  width: var(--am-input-number-height);
+  height: 100%;
+  margin: 0;
+  padding: 0;
+  color: var(--am-input-number-action-color);
+  font-size: 0.85em;
+  background: var(--am-input-number-action-background);
+  border: 0;
+  border-radius: var(--am-input-number-border-radius);
+  outline: none;
+  cursor: pointer;
+  transition: background-color var(--am-motion-duration-fast);
+  user-select: none;
+  touch-action: manipulation;
+  appearance: none;
+  -webkit-touch-callout: none;
+  -webkit-tap-highlight-color: transparent;
+}
+
+/* a larger touch target than the visible button */
+.am-input-number-action::after {
+  position: absolute;
+  inset: -6px;
+  content: '';
+}
+
+.am-input-number-action:active {
+  background: var(--am-input-number-action-active-background);
+}
+
+.am-input-number-action-disabled,
+.am-input-number-action-disabled:active {
+  color: var(--am-color-text-disabled);
+  background: var(--am-input-number-action-background);
+  cursor: not-allowed;
+}
+
+/* ---------- variants ---------- */
+.am-input-number-outlined.am-input-number-focused .am-input-number-wrapper,
+.am-input-number-underlined.am-input-number-focused .am-input-number-wrapper {
+  border-color: var(--am-input-number-active-border-color);
+}
+
+.am-input-number-filled .am-input-number-wrapper,
+.am-input-number-borderless .am-input-number-wrapper {
+  background: var(--am-input-number-filled-background);
+  border-color: transparent;
+}
+
+.am-input-number-filled.am-input-number-focused .am-input-number-wrapper {
+  background: var(--am-input-number-background);
+  border-color: var(--am-input-number-active-border-color);
+}
+
+.am-input-number-underlined .am-input-number-wrapper {
+  background: transparent;
+  border-width: 0 0 var(--am-line-width);
+  border-radius: 0;
+}
+
+/* ---------- mode: input ---------- */
+.am-input-number-mode-input {
+  --am-input-number-height: var(--am-control-height);
+  --am-input-number-border-radius: var(--am-border-radius);
+
+  display: inline-flex;
+  width: 100%;
+}
+
+.am-input-number-mode-input .am-input-number-wrapper {
+  padding: 0 var(--am-padding-sm);
+}
+
+.am-input-number-mode-input .am-input-number-input {
+  width: 100%;
+  text-align: start;
+}
+
+.am-input-number-mode-input.am-input-number-borderless {
+  height: auto;
+  min-height: var(--am-form-item-content-min-height, 24px);
+}
+
+.am-input-number-mode-input.am-input-number-borderless .am-input-number-wrapper {
+  padding: 0;
+  background: transparent;
+}
+
+.am-form-item-content-end .am-input-number-mode-input .am-input-number-input {
+  text-align: end;
+}
+
+/* ---------- sizes ---------- */
+.am-input-number-sm {
+  --am-input-number-height: var(--am-control-height-xs);
+  --am-input-number-input-width: 40px;
+}
+
+.am-input-number-lg {
+  --am-input-number-height: var(--am-control-height);
+  --am-input-number-input-width: 56px;
+  --am-input-number-border-radius: var(--am-border-radius);
+}
+
+.am-input-number-mode-input.am-input-number-sm {
+  --am-input-number-height: var(--am-control-height-sm);
+  --am-input-number-border-radius: var(--am-border-radius-sm);
+}
+
+.am-input-number-mode-input.am-input-number-lg {
+  --am-input-number-height: var(--am-control-height-lg);
+  --am-input-number-border-radius: var(--am-border-radius-lg);
+}
+
+/* ---------- status ---------- */
+.am-input-number-status-error {
+  --am-input-number-border-color: var(--am-color-error);
+  --am-input-number-active-border-color: var(--am-color-error);
+  --am-input-number-filled-background: var(--am-color-error-bg);
+}
+
+.am-input-number-status-warning {
+  --am-input-number-border-color: var(--am-color-warning);
+  --am-input-number-active-border-color: var(--am-color-warning);
+  --am-input-number-filled-background: var(--am-color-warning-bg);
+}
+
+/* ---------- disabled ---------- */
+.am-input-number-disabled {
+  color: var(--am-color-text-disabled);
+  cursor: not-allowed;
+}
+
+.am-input-number-disabled .am-input-number-input {
+  cursor: not-allowed;
+  opacity: 1;
+  -webkit-text-fill-color: currentcolor;
+}
+
+.am-input-number-disabled.am-input-number-outlined .am-input-number-wrapper {
+  background: var(--am-color-bg-container-disabled);
+}

package/dist/list/List.js

@@ -0,0 +1,4 @@
+import List_vue_vue_type_script_setup_true_lang_default from "./List.vue_vue_type_script_setup_true_lang.js";
+// src/list/List.vue
+var List_default = List_vue_vue_type_script_setup_true_lang_default;
+export { List_default as default };

package/dist/list/List.vue.d.ts

@@ -0,0 +1,33 @@
+import type { VirtualListScrollToConfig } from '../virtual-list/interface';
+import type { ListProps, ListSlots } from './interface';
+import '../style';
+import './style/index.css';
+type __VLS_Slots = ListSlots;
+/** virtual mode only: scroll to an offset (px), or to a row by `index` / `key` */
+declare function scrollTo(target: number | VirtualListScrollToConfig): void;
+declare const __VLS_base: import("vue").DefineComponent<ListProps, {
+    scrollTo: typeof scrollTo;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    reachEnd: () => any;
+}, string, import("vue").PublicProps, Readonly<ListProps> & Readonly<{
+    onReachEnd?: (() => any) | undefined;
+}>, {
+    footer: string | number | boolean | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }> | import("vue").VNodeArrayChildren | (() => import("vue").VNodeChild) | null;
+    header: string | number | boolean | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }> | import("vue").VNodeArrayChildren | (() => import("vue").VNodeChild) | null;
+    bordered: boolean;
+    mode: import("./interface").ListMode;
+    loading: boolean;
+    virtual: 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/list/List.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,182 @@
+import Spinner_default from "../_base/Spinner.js";
+import { isRenderable } from "../_util/index.js";
+import RenderNode_default from "../_util/RenderNode.js";
+import { useSize } from "../config-provider/context.js";
+import { useLocale } from "../locale/index.js";
+import VirtualList_default from "../virtual-list/VirtualList.js";
+import "../style/index2.js";
+import './style/index.css';/* empty css            */
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createVNode, defineComponent, mergeProps, normalizeClass, normalizeStyle, openBlock, ref, renderList, renderSlot, toDisplayString, unref, useSlots, withCtx } from "vue";
+// src/list/List.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = ["aria-busy"];
+var _hoisted_2 = {
+	key: 0,
+	class: "am-list-empty"
+};
+var _hoisted_3 = {
+	key: 1,
+	class: "am-list-spin"
+};
+var _hoisted_4 = {
+	key: 1,
+	class: "am-list-empty"
+};
+var _hoisted_5 = {
+	key: 2,
+	class: "am-list-spin"
+};
+var List_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	name: "AmList",
+	inheritAttrs: false,
+	__name: "List",
+	props: {
+		header: {
+			type: [
+				Object,
+				String,
+				Number,
+				Boolean,
+				null,
+				Array,
+				Function
+			],
+			default: void 0
+		},
+		footer: {
+			type: [
+				Object,
+				String,
+				Number,
+				Boolean,
+				null,
+				Array,
+				Function
+			],
+			default: void 0
+		},
+		mode: { default: "default" },
+		bordered: {
+			type: Boolean,
+			default: true
+		},
+		size: {},
+		dataSource: {},
+		renderItem: {},
+		rowKey: {},
+		virtual: {
+			type: Boolean,
+			default: false
+		},
+		height: {},
+		itemHeight: {},
+		loading: {
+			type: Boolean,
+			default: false
+		},
+		locale: {},
+		rootClass: {},
+		classes: {},
+		styles: {}
+	},
+	emits: ["reachEnd"],
+	setup(__props, { expose: __expose, emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const slots = useSlots();
+		const size = useSize(() => props.size);
+		const emptyLocale = useLocale("Empty");
+		const commonLocale = useLocale("common");
+		const hasHeader = computed(() => !!slots.header || isRenderable(props.header));
+		const hasFooter = computed(() => !!slots.footer || isRenderable(props.footer));
+		const showEmpty = computed(() => !!props.dataSource && props.dataSource.length === 0 && !props.loading && !slots.default);
+		function getKey(item, index) {
+			const { rowKey } = props;
+			if (typeof rowKey === "function") return rowKey(item, index);
+			if (rowKey && item && typeof item === "object" && item[rowKey] !== void 0) return item[rowKey];
+			return index;
+		}
+		/** matches `--am-list-item-min-height` of every size: the estimate used before a row is measured */
+		const ITEM_HEIGHTS = {
+			small: 40,
+			middle: 48,
+			large: 56
+		};
+		const listRef = ref();
+		const isVirtual = computed(() => props.virtual && !!props.dataSource);
+		const rowHeight = computed(() => props.itemHeight ?? ITEM_HEIGHTS[size.value ?? "middle"]);
+		/** virtual mode only: scroll to an offset (px), or to a row by `index` / `key` */
+		function scrollTo(target) {
+			listRef.value?.scrollTo(target);
+		}
+		__expose({ scrollTo });
+		const classNames = computed(() => [
+			"am-list",
+			`am-list-${props.mode}`,
+			{
+				"am-list-sm": size.value === "small",
+				"am-list-lg": size.value === "large",
+				"am-list-bordered": props.bordered,
+				"am-list-loading": props.loading,
+				"am-list-virtual": isVirtual.value
+			},
+			props.rootClass,
+			props.classes?.root
+		]);
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", mergeProps(_ctx.$attrs, {
+				class: classNames.value,
+				style: __props.styles?.root
+			}), [
+				hasHeader.value ? (openBlock(), createElementBlock("div", {
+					key: 0,
+					class: normalizeClass(["am-list-header", __props.classes?.header]),
+					style: normalizeStyle(__props.styles?.header)
+				}, [renderSlot(_ctx.$slots, "header", {}, () => [createVNode(unref(RenderNode_default), { node: __props.header }, null, 8, ["node"])])], 6)) : createCommentVNode("", true),
+				createElementVNode("div", {
+					class: normalizeClass(["am-list-body", __props.classes?.body]),
+					style: normalizeStyle(__props.styles?.body),
+					"aria-busy": __props.loading || void 0
+				}, [renderSlot(_ctx.$slots, "default"), isVirtual.value ? (openBlock(), createBlock(VirtualList_default, {
+					key: 0,
+					ref_key: "listRef",
+					ref: listRef,
+					class: "am-list-virtual-list",
+					data: __props.dataSource,
+					height: __props.height,
+					"item-height": rowHeight.value,
+					"item-key": getKey,
+					onReachEnd: _cache[0] || (_cache[0] = ($event) => emit("reachEnd"))
+				}, createSlots({
+					default: withCtx(({ item, index }) => [renderSlot(_ctx.$slots, "renderItem", {
+						item,
+						index
+					}, () => [createVNode(unref(RenderNode_default), { node: __props.renderItem?.(item, index) }, null, 8, ["node"])])]),
+					_: 2
+				}, [showEmpty.value || __props.loading ? {
+					name: "footer",
+					fn: withCtx(() => [showEmpty.value ? (openBlock(), createElementBlock("div", _hoisted_2, [renderSlot(_ctx.$slots, "emptyText", {}, () => [createVNode(unref(RenderNode_default), { node: __props.locale?.emptyText ?? unref(emptyLocale).description }, null, 8, ["node"])])])) : createCommentVNode("", true), __props.loading ? (openBlock(), createElementBlock("div", _hoisted_3, [createVNode(unref(Spinner_default)), createElementVNode("span", null, toDisplayString(unref(commonLocale).loading), 1)])) : createCommentVNode("", true)]),
+					key: "0"
+				} : void 0]), 1032, [
+					"data",
+					"height",
+					"item-height"
+				])) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+					__props.dataSource ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(__props.dataSource, (item, index) => {
+						return renderSlot(_ctx.$slots, "renderItem", {
+							item,
+							index
+						}, () => [createVNode(unref(RenderNode_default), { node: __props.renderItem?.(item, index) }, null, 8, ["node"])], void 0, getKey(item, index));
+					}), 128)) : createCommentVNode("", true),
+					showEmpty.value ? (openBlock(), createElementBlock("div", _hoisted_4, [renderSlot(_ctx.$slots, "emptyText", {}, () => [createVNode(unref(RenderNode_default), { node: __props.locale?.emptyText ?? unref(emptyLocale).description }, null, 8, ["node"])])])) : createCommentVNode("", true),
+					__props.loading ? (openBlock(), createElementBlock("div", _hoisted_5, [createVNode(unref(Spinner_default)), createElementVNode("span", null, toDisplayString(unref(commonLocale).loading), 1)])) : createCommentVNode("", true)
+				], 64))], 14, _hoisted_1),
+				hasFooter.value ? (openBlock(), createElementBlock("div", {
+					key: 1,
+					class: normalizeClass(["am-list-footer", __props.classes?.footer]),
+					style: normalizeStyle(__props.styles?.footer)
+				}, [renderSlot(_ctx.$slots, "footer", {}, () => [createVNode(unref(RenderNode_default), { node: __props.footer }, null, 8, ["node"])])], 6)) : createCommentVNode("", true)
+			], 16);
+		};
+	}
+});
+export { List_vue_vue_type_script_setup_true_lang_default as default };

package/dist/list/ListItem.js

@@ -0,0 +1,4 @@
+import ListItem_vue_vue_type_script_setup_true_lang_default from "./ListItem.vue_vue_type_script_setup_true_lang.js";
+// src/list/ListItem.vue
+var ListItem_default = ListItem_vue_vue_type_script_setup_true_lang_default;
+export { ListItem_default as default };