@antdv-next/mobile 0.0.0-stage → 0.1.1

package/dist/dropdown/interface.d.ts

@@ -0,0 +1,109 @@
+import type { CSSProperties } from 'vue';
+import type { GetContainer, Key, VueNode } from '../_util/type';
+export type DropdownItemValue = string | number;
+export interface DropdownOption {
+    label: VueNode;
+    value: DropdownItemValue;
+    disabled?: boolean;
+}
+export interface DropdownSemanticClassNames {
+    root?: string;
+    nav?: string;
+    item?: string;
+    title?: string;
+    arrow?: string;
+}
+export interface DropdownSemanticStyles {
+    root?: CSSProperties;
+    nav?: CSSProperties;
+    item?: CSSProperties;
+    title?: CSSProperties;
+    arrow?: CSSProperties;
+}
+export interface DropdownProps {
+    /** Key of the expanded item, `null` when collapsed. Supports `v-model:activeKey`. */
+    activeKey?: Key | null;
+    defaultActiveKey?: Key | null;
+    /** Close when the mask is clicked */
+    closeOnMaskClick?: boolean;
+    /** Close when touching outside of the bar and the panel */
+    closeOnClickAway?: boolean;
+    /** Custom arrow icon of the bar items */
+    arrowIcon?: VueNode;
+    /** Mount node of the panels. Default `document.body`; `false` renders in place. */
+    getContainer?: GetContainer;
+    zIndex?: number;
+    rootClass?: string;
+    classes?: DropdownSemanticClassNames;
+    styles?: DropdownSemanticStyles;
+}
+export interface DropdownEmits {
+    'update:activeKey': [key: Key | null];
+    'change': [key: Key | null];
+}
+export interface DropdownSlots {
+    /** `DropdownItem`s */
+    default?: () => any;
+    arrowIcon?: () => any;
+}
+export interface DropdownExpose {
+    /** Collapse the expanded panel */
+    close: () => void;
+}
+export interface DropdownItemSemanticClassNames {
+    root?: string;
+    mask?: string;
+    panel?: string;
+    body?: string;
+    option?: string;
+    footer?: string;
+}
+export interface DropdownItemSemanticStyles {
+    root?: CSSProperties;
+    mask?: CSSProperties;
+    panel?: CSSProperties;
+    body?: CSSProperties;
+    option?: CSSProperties;
+    footer?: CSSProperties;
+}
+export interface DropdownItemProps {
+    /** Title in the bar. Falls back to the label of the selected option. */
+    title?: VueNode;
+    /** Single-select list rendered when no default slot is given */
+    options?: DropdownOption[];
+    /** Selected option. Supports `v-model:value`. */
+    value?: DropdownItemValue;
+    defaultValue?: DropdownItemValue;
+    /** Highlight the title in the bar (e.g. a filter is applied) */
+    highlight?: boolean;
+    disabled?: boolean;
+    /** Close the panel after an option was selected */
+    closeOnSelect?: boolean;
+    /** Show the reset / confirm footer (for custom panels) */
+    showFooter?: boolean;
+    confirmText?: VueNode;
+    resetText?: VueNode;
+    /** Custom arrow icon, wins over the one of `Dropdown` */
+    arrowIcon?: VueNode;
+    forceRender?: boolean;
+    destroyOnHidden?: boolean;
+    rootClass?: string;
+    classes?: DropdownItemSemanticClassNames;
+    styles?: DropdownItemSemanticStyles;
+}
+export interface DropdownItemEmits {
+    'update:value': [value: DropdownItemValue];
+    'change': [value: DropdownItemValue, option: DropdownOption];
+    'confirm': [];
+    'reset': [];
+    /** After the panel was expanded / collapsed (animation finished) */
+    'afterOpenChange': [open: boolean];
+}
+export interface DropdownItemSlots {
+    /** Custom panel content */
+    default?: (params: {
+        close: () => void;
+    }) => any;
+    title?: () => any;
+    arrowIcon?: () => any;
+}

package/dist/dropdown/style/index.css

@@ -0,0 +1,227 @@
+.am-dropdown {
+  --am-dropdown-height: 44px;
+  --am-dropdown-bg: var(--am-color-bg-container);
+  --am-dropdown-color: var(--am-color-text);
+  --am-dropdown-active-color: var(--am-color-primary);
+  --am-dropdown-font-size: var(--am-font-size);
+  --am-dropdown-arrow-size: 10px;
+  --am-dropdown-arrow-color: var(--am-color-text-quaternary);
+
+  position: relative;
+  box-sizing: border-box;
+  color: var(--am-dropdown-color);
+  font-size: var(--am-dropdown-font-size);
+  font-family: var(--am-font-family);
+  line-height: var(--am-line-height);
+}
+
+.am-dropdown-nav {
+  position: relative;
+  display: flex;
+  box-sizing: border-box;
+  height: var(--am-dropdown-height);
+  background: var(--am-dropdown-bg);
+}
+
+.am-dropdown-nav::after {
+  position: absolute;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  border-bottom: var(--am-line-width) var(--am-line-type) var(--am-color-split);
+  transform: scaleY(0.5);
+  transform-origin: bottom;
+  content: '';
+  pointer-events: none;
+}
+
+.am-dropdown-nav-item {
+  display: flex;
+  flex: 1;
+  gap: var(--am-padding-xxs);
+  align-items: center;
+  justify-content: center;
+  box-sizing: border-box;
+  min-width: 0;
+  padding: 0 var(--am-padding-xs);
+  outline: none;
+  cursor: pointer;
+  user-select: none;
+  touch-action: manipulation;
+  -webkit-tap-highlight-color: transparent;
+}
+
+.am-dropdown-nav-item:active {
+  opacity: var(--am-opacity-active);
+}
+
+.am-dropdown-nav-title {
+  min-width: 0;
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+}
+
+.am-dropdown-nav-arrow {
+  display: inline-flex;
+  flex: none;
+  color: var(--am-dropdown-arrow-color);
+  font-size: var(--am-dropdown-arrow-size);
+  transition: transform var(--am-motion-duration-mid);
+}
+
+.am-dropdown-nav-item-highlight,
+.am-dropdown-nav-item-active,
+.am-dropdown-nav-item-highlight .am-dropdown-nav-arrow,
+.am-dropdown-nav-item-active .am-dropdown-nav-arrow {
+  color: var(--am-dropdown-active-color);
+}
+
+.am-dropdown-nav-item-active .am-dropdown-nav-arrow {
+  transform: rotate(180deg);
+}
+
+.am-dropdown-nav-item-disabled {
+  color: var(--am-color-text-disabled);
+  cursor: not-allowed;
+}
+
+.am-dropdown-nav-item-disabled:active {
+  opacity: 1;
+}
+
+.am-dropdown-item {
+  display: contents;
+}
+
+/* ---------- panel layer (teleported, placed right below the bar) ---------- */
+.am-dropdown-layer {
+  --am-dropdown-z-index: var(--am-z-index-popup-base);
+  --am-dropdown-panel-bg: var(--am-color-bg-elevated);
+  --am-dropdown-panel-max-height: 70%;
+  --am-dropdown-panel-border-radius: var(--am-border-radius-lg);
+  --am-dropdown-option-height: 48px;
+  --am-dropdown-option-active-color: var(--am-color-primary);
+
+  position: fixed;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  z-index: var(--am-dropdown-z-index);
+  box-sizing: border-box;
+  overflow: hidden;
+  color: var(--am-color-text);
+  font-size: var(--am-font-size);
+  font-family: var(--am-font-family);
+  line-height: var(--am-line-height);
+}
+
+/* the backdrop is a Mask: keep it inside the layer (below the bar) */
+.am-dropdown-layer > .am-dropdown-mask {
+  position: absolute;
+  z-index: auto;
+}
+
+.am-dropdown-panel {
+  position: absolute;
+  top: 0;
+  right: 0;
+  left: 0;
+  display: flex;
+  flex-direction: column;
+  box-sizing: border-box;
+  max-height: var(--am-dropdown-panel-max-height);
+  overflow: hidden;
+  background: var(--am-dropdown-panel-bg);
+  border-radius: 0 0 var(--am-dropdown-panel-border-radius) var(--am-dropdown-panel-border-radius);
+}
+
+.am-dropdown-panel-body {
+  flex: 1;
+  min-height: 0;
+  overflow-y: auto;
+  -webkit-overflow-scrolling: touch;
+  overscroll-behavior: contain;
+}
+
+.am-dropdown-option {
+  position: relative;
+  display: flex;
+  gap: var(--am-padding-xs);
+  align-items: center;
+  box-sizing: border-box;
+  min-height: var(--am-dropdown-option-height);
+  padding: var(--am-padding-xs) var(--am-padding);
+  font-size: var(--am-font-size-lg);
+  cursor: pointer;
+  user-select: none;
+  touch-action: manipulation;
+  -webkit-tap-highlight-color: transparent;
+}
+
+.am-dropdown-option + .am-dropdown-option::before {
+  position: absolute;
+  top: 0;
+  right: 0;
+  left: var(--am-padding);
+  border-top: var(--am-line-width) var(--am-line-type) var(--am-color-split);
+  transform: scaleY(0.5);
+  transform-origin: top;
+  content: '';
+  pointer-events: none;
+}
+
+[dir='rtl'] .am-dropdown-option + .am-dropdown-option::before {
+  right: var(--am-padding);
+  left: 0;
+}
+
+.am-dropdown-option:active {
+  background: var(--am-color-fill-tertiary);
+}
+
+.am-dropdown-option-label {
+  flex: 1;
+  min-width: 0;
+}
+
+.am-dropdown-option-check {
+  flex: none;
+}
+
+.am-dropdown-option-active {
+  color: var(--am-dropdown-option-active-color);
+}
+
+.am-dropdown-option-disabled {
+  color: var(--am-color-text-disabled);
+  cursor: not-allowed;
+}
+
+.am-dropdown-option-disabled:active {
+  background: transparent;
+}
+
+.am-dropdown-footer {
+  position: relative;
+  display: flex;
+  flex: none;
+  gap: var(--am-padding-sm);
+  padding: var(--am-padding-sm) var(--am-padding);
+}
+
+.am-dropdown-footer::before {
+  position: absolute;
+  top: 0;
+  right: 0;
+  left: 0;
+  border-top: var(--am-line-width) var(--am-line-type) var(--am-color-split);
+  transform: scaleY(0.5);
+  transform-origin: top;
+  content: '';
+  pointer-events: none;
+}
+
+.am-dropdown-footer-button {
+  flex: 1;
+}

package/dist/empty/DefaultImage.js

@@ -0,0 +1,4 @@
+import DefaultImage_vue_vue_type_script_setup_true_lang_default from "./DefaultImage.vue_vue_type_script_setup_true_lang.js";
+// src/empty/DefaultImage.vue
+var DefaultImage_default = DefaultImage_vue_vue_type_script_setup_true_lang_default;
+export { DefaultImage_default as default };

package/dist/empty/DefaultImage.vue.d.ts

@@ -0,0 +1,3 @@
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/empty/DefaultImage.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,20 @@
+import { createElementBlock, createStaticVNode, defineComponent, openBlock } from "vue";
+// src/empty/DefaultImage.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = {
+	class: "am-empty-img-default",
+	width: "160",
+	height: "100",
+	viewBox: "0 0 160 100",
+	xmlns: "http://www.w3.org/2000/svg",
+	"aria-hidden": "true"
+};
+var DefaultImage_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	name: "AmEmptyDefaultImage",
+	__name: "DefaultImage",
+	setup(__props) {
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("svg", _hoisted_1, [..._cache[0] || (_cache[0] = [createStaticVNode("<ellipse class=\"am-empty-img-shadow\" cx=\"80\" cy=\"90\" rx=\"56\" ry=\"8\"></ellipse><path class=\"am-empty-img-cloud\" d=\"M118 26a7 7 0 0 1 13.6-2.3A5.5 5.5 0 1 1 133 34.5h-13.5A4.5 4.5 0 0 1 118 26Z\"></path><path class=\"am-empty-img-cloud\" d=\"M27 40a5 5 0 0 1 9.7-1.6 4 4 0 1 1 1 7.6H28a3.2 3.2 0 0 1-1-6Z\"></path><path class=\"am-empty-img-back\" d=\"M44 46 60 22h40l16 24v34a6 6 0 0 1-6 6H50a6 6 0 0 1-6-6V46Z\"></path><path class=\"am-empty-img-paper\" d=\"M56 30a3 3 0 0 1 3-3h42a3 3 0 0 1 3 3v36H56V30Z\"></path><path class=\"am-empty-img-line\" d=\"M64 38h32M64 46h32M64 54h20\"></path><path class=\"am-empty-img-front\" d=\"M44 46h23a3 3 0 0 1 3 3 10 10 0 0 0 20 0 3 3 0 0 1 3-3h23v34a6 6 0 0 1-6 6H50a6 6 0 0 1-6-6V46Z\"></path>", 7)])]);
+		};
+	}
+});
+export { DefaultImage_vue_vue_type_script_setup_true_lang_default as default };

package/dist/empty/Empty.js

@@ -0,0 +1,4 @@
+import Empty_vue_vue_type_script_setup_true_lang_default from "./Empty.vue_vue_type_script_setup_true_lang.js";
+// src/empty/Empty.vue
+var Empty_default = Empty_vue_vue_type_script_setup_true_lang_default;
+export { Empty_default as default };

package/dist/empty/Empty.vue.d.ts

@@ -0,0 +1,20 @@
+import type { EmptyProps, EmptySlots } from './interface';
+import '../style';
+import './style/index.css';
+type __VLS_Slots = EmptySlots;
+declare const __VLS_base: import("vue").DefineComponent<EmptyProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<EmptyProps> & Readonly<{}>, {
+    image: string | number | boolean | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }> | import("vue").VNodeArrayChildren | (() => import("vue").VNodeChild) | null;
+    description: 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").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/empty/Empty.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,93 @@
+import RenderNode_default from "../_util/RenderNode.js";
+import { useLocale } from "../locale/index.js";
+import DefaultImage_default from "./DefaultImage.js";
+import { PRESENTED_IMAGE_SIMPLE } from "./images.js";
+import "../style/index2.js";
+import './style/index.css';/* empty css            */
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createTextVNode, defineComponent, mergeProps, normalizeClass, normalizeStyle, openBlock, renderSlot, toDisplayString, unref, useSlots } from "vue";
+// src/empty/Empty.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = ["src", "alt"];
+var Empty_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	name: "AmEmpty",
+	inheritAttrs: false,
+	__name: "Empty",
+	props: {
+		image: {
+			type: [
+				Object,
+				String,
+				Number,
+				Boolean,
+				null,
+				Array,
+				Function
+			],
+			default: void 0
+		},
+		description: {
+			type: [
+				Object,
+				String,
+				Number,
+				Boolean,
+				null,
+				Array,
+				Function
+			],
+			default: void 0
+		},
+		rootClass: {},
+		classes: {},
+		styles: {}
+	},
+	setup(__props) {
+		const props = __props;
+		const slots = useSlots();
+		const locale = useLocale("Empty");
+		const hasCustomImage = computed(() => props.image !== void 0 && props.image !== null && props.image !== true && props.image !== "");
+		const isImageUrl = computed(() => typeof props.image === "string" && props.image !== "");
+		const showDescription = computed(() => !!slots.description || props.description !== false && props.description !== null);
+		const hasCustomDescription = computed(() => props.description !== void 0 && props.description !== true && props.description !== "");
+		const alt = computed(() => typeof props.description === "string" && props.description ? props.description : locale.value.description);
+		const classNames = computed(() => [
+			"am-empty",
+			{ "am-empty-normal": props.image === PRESENTED_IMAGE_SIMPLE },
+			props.rootClass,
+			props.classes?.root
+		]);
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", mergeProps(_ctx.$attrs, {
+				class: classNames.value,
+				style: __props.styles?.root
+			}), [
+				__props.image !== false ? (openBlock(), createElementBlock("div", {
+					key: 0,
+					class: normalizeClass(["am-empty-image", __props.classes?.image]),
+					style: normalizeStyle(__props.styles?.image)
+				}, [renderSlot(_ctx.$slots, "image", {}, () => [isImageUrl.value ? (openBlock(), createElementBlock("img", {
+					key: 0,
+					src: __props.image,
+					alt: alt.value,
+					draggable: "false"
+				}, null, 8, _hoisted_1)) : hasCustomImage.value ? (openBlock(), createBlock(unref(RenderNode_default), {
+					key: 1,
+					node: __props.image
+				}, null, 8, ["node"])) : (openBlock(), createBlock(DefaultImage_default, { key: 2 }))])], 6)) : createCommentVNode("", true),
+				showDescription.value ? (openBlock(), createElementBlock("div", {
+					key: 1,
+					class: normalizeClass(["am-empty-description", __props.classes?.description]),
+					style: normalizeStyle(__props.styles?.description)
+				}, [renderSlot(_ctx.$slots, "description", {}, () => [hasCustomDescription.value ? (openBlock(), createBlock(unref(RenderNode_default), {
+					key: 0,
+					node: __props.description
+				}, null, 8, ["node"])) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [createTextVNode(toDisplayString(unref(locale).description), 1)], 64))])], 6)) : createCommentVNode("", true),
+				_ctx.$slots.default ? (openBlock(), createElementBlock("div", {
+					key: 2,
+					class: normalizeClass(["am-empty-footer", __props.classes?.footer]),
+					style: normalizeStyle(__props.styles?.footer)
+				}, [renderSlot(_ctx.$slots, "default")], 6)) : createCommentVNode("", true)
+			], 16);
+		};
+	}
+});
+export { Empty_vue_vue_type_script_setup_true_lang_default as default };

package/dist/empty/SimpleImage.js

@@ -0,0 +1,4 @@
+import SimpleImage_vue_vue_type_script_setup_true_lang_default from "./SimpleImage.vue_vue_type_script_setup_true_lang.js";
+// src/empty/SimpleImage.vue
+var SimpleImage_default = SimpleImage_vue_vue_type_script_setup_true_lang_default;
+export { SimpleImage_default as default };

package/dist/empty/SimpleImage.vue.d.ts

@@ -0,0 +1,3 @@
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/empty/SimpleImage.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,29 @@
+import { createElementBlock, createElementVNode, defineComponent, openBlock } from "vue";
+// src/empty/SimpleImage.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = {
+	class: "am-empty-img-simple",
+	width: "64",
+	height: "41",
+	viewBox: "0 0 64 41",
+	xmlns: "http://www.w3.org/2000/svg",
+	"aria-hidden": "true"
+};
+var SimpleImage_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	name: "AmEmptySimpleImage",
+	__name: "SimpleImage",
+	setup(__props) {
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("svg", _hoisted_1, [..._cache[0] || (_cache[0] = [createElementVNode("ellipse", {
+				class: "am-empty-img-shadow",
+				cx: "32",
+				cy: "33",
+				rx: "32",
+				ry: "7"
+			}, null, -1), createElementVNode("g", { class: "am-empty-img-simple-box" }, [createElementVNode("path", { d: "M55 12.76 44.854 1.258C44.367.474 43.656 0 42.907 0H21.093c-.749 0-1.46.474-1.947 1.257L9 12.761V22h46v-9.24Z" }), createElementVNode("path", {
+				class: "am-empty-img-simple-front",
+				d: "M41.613 15.931c0-1.605.994-2.93 2.227-2.931H55v18.137C55 33.26 53.68 35 52.05 35h-40.1C10.32 35 9 33.259 9 31.137V13h11.16c1.233 0 2.227 1.323 2.227 2.928v.022c0 1.605 1.005 2.901 2.237 2.901h14.752c1.232 0 2.237-1.308 2.237-2.913v-.007Z"
+			})], -1)])]);
+		};
+	}
+});
+export { SimpleImage_vue_vue_type_script_setup_true_lang_default as default };

package/dist/empty/images.d.ts

@@ -0,0 +1,8 @@
+/** Default illustration. Render functions, so that every Empty gets its own vnode. */
+export declare const PRESENTED_IMAGE_DEFAULT: () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>;
+/** Smaller, line-art illustration for compact areas (list / select placeholders). */
+export declare const PRESENTED_IMAGE_SIMPLE: () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>;

package/dist/empty/images.js

@@ -0,0 +1,9 @@
+import DefaultImage_default from "./DefaultImage.js";
+import SimpleImage_default from "./SimpleImage.js";
+import { h } from "vue";
+// src/empty/images.ts
+/** Default illustration. Render functions, so that every Empty gets its own vnode. */
+var PRESENTED_IMAGE_DEFAULT = () => h(DefaultImage_default);
+/** Smaller, line-art illustration for compact areas (list / select placeholders). */
+var PRESENTED_IMAGE_SIMPLE = () => h(SimpleImage_default);
+export { PRESENTED_IMAGE_DEFAULT, PRESENTED_IMAGE_SIMPLE };

package/dist/empty/index.d.ts

@@ -0,0 +1,45 @@
+export type * from './interface';
+declare const Empty: import("../_util/withInstall").WithInstall<{
+    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("./interface").EmptyProps> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").PublicProps, {
+        image: string | number | boolean | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }> | import("vue").VNodeArrayChildren | (() => import("vue").VNodeChild) | null;
+        description: 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").EmptyProps> & Readonly<{}>, {}, {}, {}, {}, {
+        image: string | number | boolean | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }> | import("vue").VNodeArrayChildren | (() => import("vue").VNodeChild) | null;
+        description: 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").EmptyProps> & Readonly<{}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+    image: string | number | boolean | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }> | import("vue").VNodeArrayChildren | (() => import("vue").VNodeChild) | null;
+    description: 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").EmptySlots;
+}), {
+    PRESENTED_IMAGE_DEFAULT: () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }>;
+    PRESENTED_IMAGE_SIMPLE: () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }>;
+}>;
+export default Empty;

package/dist/empty/index.js

@@ -0,0 +1,9 @@
+import { withInstall } from "../_util/withInstall.js";
+import Empty_default from "./Empty.js";
+import { PRESENTED_IMAGE_DEFAULT, PRESENTED_IMAGE_SIMPLE } from "./images.js";
+// src/empty/index.ts
+var Empty = withInstall(Empty_default, "AmEmpty", {
+	PRESENTED_IMAGE_DEFAULT,
+	PRESENTED_IMAGE_SIMPLE
+});
+export { Empty as default };

package/dist/empty/interface.d.ts

@@ -0,0 +1,29 @@
+import type { CSSProperties } from 'vue';
+import type { VueNode } from '../_util/type';
+export interface EmptySemanticClassNames {
+    root?: string;
+    image?: string;
+    description?: string;
+    footer?: string;
+}
+export interface EmptySemanticStyles {
+    root?: CSSProperties;
+    image?: CSSProperties;
+    description?: CSSProperties;
+    footer?: CSSProperties;
+}
+export interface EmptyProps {
+    /** Image url or a custom node, defaults to `Empty.PRESENTED_IMAGE_DEFAULT` */
+    image?: VueNode;
+    /** Description text, `false` / `null` hides it */
+    description?: VueNode;
+    rootClass?: string;
+    classes?: EmptySemanticClassNames;
+    styles?: EmptySemanticStyles;
+}
+export interface EmptySlots {
+    /** Footer, usually an action button */
+    default?: () => any;
+    image?: () => any;
+    description?: () => any;
+}