@antdv-next/mobile 0.0.0-stage → 0.1.0

package/dist/action-sheet/ActionSheet.vue.d.ts

@@ -0,0 +1,46 @@
+import type { ActionSheetAction, ActionSheetProps, ActionSheetSlots } from './interface';
+import '../style';
+import './style/index.css';
+type __VLS_Slots = ActionSheetSlots;
+declare const __VLS_base: import("vue").DefineComponent<ActionSheetProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    cancel: (event: MouseEvent) => any;
+    close: () => any;
+    "update:open": (open: boolean) => any;
+    afterOpenChange: (open: boolean) => any;
+    action: (action: ActionSheetAction, index: number) => any;
+}, string, import("vue").PublicProps, Readonly<ActionSheetProps> & Readonly<{
+    onCancel?: ((event: MouseEvent) => any) | undefined;
+    onClose?: (() => any) | undefined;
+    "onUpdate:open"?: ((open: boolean) => any) | undefined;
+    onAfterOpenChange?: ((open: boolean) => any) | undefined;
+    onAction?: ((action: ActionSheetAction, index: number) => any) | undefined;
+}>, {
+    round: boolean;
+    title: string | number | boolean | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }> | import("vue").VNodeArrayChildren | (() => import("vue").VNodeChild) | null;
+    safeArea: boolean;
+    open: boolean;
+    getContainer: import("../index.ts").GetContainer;
+    destroyOnHidden: boolean;
+    maskClosable: boolean;
+    forceRender: boolean;
+    keyboard: boolean;
+    actions: ActionSheetAction[];
+    extra: string | number | boolean | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }> | import("vue").VNodeArrayChildren | (() => import("vue").VNodeChild) | null;
+    cancelText: string | number | boolean | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }> | import("vue").VNodeArrayChildren | (() => import("vue").VNodeChild) | null;
+    showCancel: boolean;
+    closeOnAction: 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/action-sheet/ActionSheet.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,236 @@
+import { cls, isRenderable } from "../_util/index.js";
+import RenderNode_default from "../_util/RenderNode.js";
+import { useLocale } from "../locale/index.js";
+import Popup_default from "../popup/Popup.js";
+import "../style/index2.js";
+import './style/index.css';/* empty css            */
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, mergeProps, normalizeClass, normalizeStyle, openBlock, renderList, renderSlot, toDisplayString, unref, useSlots, withCtx } from "vue";
+// src/action-sheet/ActionSheet.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = {
+	key: 1,
+	class: "am-action-sheet-content"
+};
+var _hoisted_2 = ["disabled", "onClick"];
+var _hoisted_3 = { class: "am-action-sheet-item-main" };
+var _hoisted_4 = {
+	key: 0,
+	class: "am-action-sheet-item-icon"
+};
+var _hoisted_5 = { class: "am-action-sheet-item-text" };
+var _hoisted_6 = {
+	key: 0,
+	class: "am-action-sheet-item-description"
+};
+var ActionSheet_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	name: "AmActionSheet",
+	inheritAttrs: false,
+	__name: "ActionSheet",
+	props: {
+		open: {
+			type: Boolean,
+			default: false
+		},
+		actions: { default: () => [] },
+		title: {
+			type: [
+				Object,
+				String,
+				Number,
+				Boolean,
+				null,
+				Array,
+				Function
+			],
+			default: void 0
+		},
+		extra: {
+			type: [
+				Object,
+				String,
+				Number,
+				Boolean,
+				null,
+				Array,
+				Function
+			],
+			default: void 0
+		},
+		cancelText: {
+			type: [
+				Object,
+				String,
+				Number,
+				Boolean,
+				null,
+				Array,
+				Function
+			],
+			default: void 0
+		},
+		showCancel: {
+			type: Boolean,
+			default: true
+		},
+		closeOnAction: {
+			type: Boolean,
+			default: true
+		},
+		maskClosable: {
+			type: Boolean,
+			default: true
+		},
+		keyboard: {
+			type: Boolean,
+			default: true
+		},
+		round: {
+			type: Boolean,
+			default: true
+		},
+		safeArea: {
+			type: Boolean,
+			default: true
+		},
+		destroyOnHidden: {
+			type: Boolean,
+			default: false
+		},
+		forceRender: {
+			type: Boolean,
+			default: false
+		},
+		getContainer: {
+			type: [
+				String,
+				Function,
+				Boolean
+			],
+			default: void 0
+		},
+		zIndex: {},
+		rootClass: {},
+		classes: {},
+		styles: {}
+	},
+	emits: [
+		"update:open",
+		"action",
+		"cancel",
+		"close",
+		"afterOpenChange"
+	],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const slots = useSlots();
+		const locale = useLocale("ActionSheet");
+		const hasTitle = computed(() => !!slots.title || isRenderable(props.title));
+		const hasExtra = computed(() => !!slots.extra || isRenderable(props.extra));
+		const hasCancel = computed(() => props.showCancel && props.cancelText !== null && props.cancelText !== false);
+		function close() {
+			emit("close");
+			emit("update:open", false);
+		}
+		function onAction(action, index) {
+			if (action.disabled) return;
+			action.onClick?.(action, index);
+			emit("action", action, index);
+			if (props.closeOnAction) close();
+		}
+		function onCancel(event) {
+			emit("cancel", event);
+			close();
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(Popup_default, mergeProps(_ctx.$attrs, {
+				open: __props.open,
+				placement: "bottom",
+				"mask-closable": __props.maskClosable,
+				keyboard: __props.keyboard,
+				round: __props.round,
+				"safe-area": __props.safeArea,
+				"destroy-on-hidden": __props.destroyOnHidden,
+				"force-render": __props.forceRender,
+				"get-container": __props.getContainer,
+				"z-index": __props.zIndex,
+				"root-class": unref(cls)("am-action-sheet-root", __props.rootClass),
+				classes: {
+					root: __props.classes?.root,
+					mask: __props.classes?.mask,
+					body: unref(cls)("am-action-sheet", __props.classes?.body)
+				},
+				styles: {
+					root: __props.styles?.root,
+					mask: __props.styles?.mask,
+					body: __props.styles?.body
+				},
+				onClose: close,
+				onAfterOpenChange: _cache[0] || (_cache[0] = ($event) => emit("afterOpenChange", $event))
+			}), {
+				default: withCtx(() => [
+					hasTitle.value || hasExtra.value ? (openBlock(), createElementBlock("div", {
+						key: 0,
+						class: normalizeClass(["am-action-sheet-header", __props.classes?.header]),
+						style: normalizeStyle(__props.styles?.header)
+					}, [hasTitle.value ? (openBlock(), createElementBlock("div", {
+						key: 0,
+						class: normalizeClass(["am-action-sheet-title", __props.classes?.title]),
+						style: normalizeStyle(__props.styles?.title)
+					}, [renderSlot(_ctx.$slots, "title", {}, () => [createVNode(unref(RenderNode_default), { node: __props.title }, null, 8, ["node"])])], 6)) : createCommentVNode("", true), hasExtra.value ? (openBlock(), createElementBlock("div", {
+						key: 1,
+						class: normalizeClass(["am-action-sheet-extra", __props.classes?.extra]),
+						style: normalizeStyle(__props.styles?.extra)
+					}, [renderSlot(_ctx.$slots, "extra", {}, () => [createVNode(unref(RenderNode_default), { node: __props.extra }, null, 8, ["node"])])], 6)) : createCommentVNode("", true)], 6)) : createCommentVNode("", true),
+					_ctx.$slots.default ? (openBlock(), createElementBlock("div", _hoisted_1, [renderSlot(_ctx.$slots, "default")])) : createCommentVNode("", true),
+					__props.actions.length ? (openBlock(), createElementBlock("div", {
+						key: 2,
+						class: normalizeClass(["am-action-sheet-list", __props.classes?.list]),
+						style: normalizeStyle(__props.styles?.list),
+						role: "menu"
+					}, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.actions, (action, index) => {
+						return openBlock(), createElementBlock("button", {
+							key: action.key,
+							type: "button",
+							role: "menuitem",
+							class: normalizeClass(["am-action-sheet-item", [__props.classes?.item, {
+								"am-action-sheet-item-danger": action.danger,
+								"am-action-sheet-item-bold": action.bold,
+								"am-action-sheet-item-disabled": action.disabled
+							}]]),
+							style: normalizeStyle(__props.styles?.item),
+							disabled: action.disabled || void 0,
+							onClick: ($event) => onAction(action, index)
+						}, [renderSlot(_ctx.$slots, "action", {
+							action,
+							index
+						}, () => [createElementVNode("span", _hoisted_3, [unref(isRenderable)(action.icon) ? (openBlock(), createElementBlock("span", _hoisted_4, [createVNode(unref(RenderNode_default), { node: action.icon }, null, 8, ["node"])])) : createCommentVNode("", true), createElementVNode("span", _hoisted_5, [createVNode(unref(RenderNode_default), { node: action.text }, null, 8, ["node"])])]), unref(isRenderable)(action.description) ? (openBlock(), createElementBlock("span", _hoisted_6, [createVNode(unref(RenderNode_default), { node: action.description }, null, 8, ["node"])])) : createCommentVNode("", true)])], 14, _hoisted_2);
+					}), 128))], 6)) : createCommentVNode("", true),
+					hasCancel.value ? (openBlock(), createElementBlock(Fragment, { key: 3 }, [_cache[1] || (_cache[1] = createElementVNode("div", { class: "am-action-sheet-gap" }, null, -1)), createElementVNode("button", {
+						type: "button",
+						class: normalizeClass(["am-action-sheet-item am-action-sheet-cancel", __props.classes?.cancel]),
+						style: normalizeStyle(__props.styles?.cancel),
+						onClick: onCancel
+					}, [renderSlot(_ctx.$slots, "cancelText", {}, () => [unref(isRenderable)(__props.cancelText) ? (openBlock(), createBlock(unref(RenderNode_default), {
+						key: 0,
+						node: __props.cancelText
+					}, null, 8, ["node"])) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [createTextVNode(toDisplayString(unref(locale).cancelText), 1)], 64))])], 6)], 64)) : createCommentVNode("", true)
+				]),
+				_: 3
+			}, 16, [
+				"open",
+				"mask-closable",
+				"keyboard",
+				"round",
+				"safe-area",
+				"destroy-on-hidden",
+				"force-render",
+				"get-container",
+				"z-index",
+				"root-class",
+				"classes",
+				"styles"
+			]);
+		};
+	}
+});
+export { ActionSheet_vue_vue_type_script_setup_true_lang_default as default };

package/dist/action-sheet/index.d.ts

@@ -0,0 +1,113 @@
+import { show } from './show';
+export type * from './interface';
+declare const ActionSheet: import("../_util/withInstall").WithInstall<{
+    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("./interface").ActionSheetProps> & Readonly<{
+        onCancel?: ((event: MouseEvent) => any) | undefined;
+        onClose?: (() => any) | undefined;
+        "onUpdate:open"?: ((open: boolean) => any) | undefined;
+        onAfterOpenChange?: ((open: boolean) => any) | undefined;
+        onAction?: ((action: import("./interface").ActionSheetAction, index: number) => any) | undefined;
+    }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        cancel: (event: MouseEvent) => any;
+        close: () => any;
+        "update:open": (open: boolean) => any;
+        afterOpenChange: (open: boolean) => any;
+        action: (action: import("./interface").ActionSheetAction, index: number) => any;
+    }, import("vue").PublicProps, {
+        round: boolean;
+        title: string | number | boolean | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }> | import("vue").VNodeArrayChildren | (() => import("vue").VNodeChild) | null;
+        safeArea: boolean;
+        open: boolean;
+        getContainer: import("../index.ts").GetContainer;
+        destroyOnHidden: boolean;
+        maskClosable: boolean;
+        forceRender: boolean;
+        keyboard: boolean;
+        actions: import("./interface").ActionSheetAction[];
+        extra: string | number | boolean | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }> | import("vue").VNodeArrayChildren | (() => import("vue").VNodeChild) | null;
+        cancelText: string | number | boolean | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }> | import("vue").VNodeArrayChildren | (() => import("vue").VNodeChild) | null;
+        showCancel: boolean;
+        closeOnAction: boolean;
+    }, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import("./interface").ActionSheetProps> & Readonly<{
+        onCancel?: ((event: MouseEvent) => any) | undefined;
+        onClose?: (() => any) | undefined;
+        "onUpdate:open"?: ((open: boolean) => any) | undefined;
+        onAfterOpenChange?: ((open: boolean) => any) | undefined;
+        onAction?: ((action: import("./interface").ActionSheetAction, index: number) => any) | undefined;
+    }>, {}, {}, {}, {}, {
+        round: boolean;
+        title: string | number | boolean | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }> | import("vue").VNodeArrayChildren | (() => import("vue").VNodeChild) | null;
+        safeArea: boolean;
+        open: boolean;
+        getContainer: import("../index.ts").GetContainer;
+        destroyOnHidden: boolean;
+        maskClosable: boolean;
+        forceRender: boolean;
+        keyboard: boolean;
+        actions: import("./interface").ActionSheetAction[];
+        extra: string | number | boolean | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }> | import("vue").VNodeArrayChildren | (() => import("vue").VNodeChild) | null;
+        cancelText: string | number | boolean | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }> | import("vue").VNodeArrayChildren | (() => import("vue").VNodeChild) | null;
+        showCancel: boolean;
+        closeOnAction: boolean;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("./interface").ActionSheetProps> & Readonly<{
+    onCancel?: ((event: MouseEvent) => any) | undefined;
+    onClose?: (() => any) | undefined;
+    "onUpdate:open"?: ((open: boolean) => any) | undefined;
+    onAfterOpenChange?: ((open: boolean) => any) | undefined;
+    onAction?: ((action: import("./interface").ActionSheetAction, index: number) => any) | undefined;
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    cancel: (event: MouseEvent) => any;
+    close: () => any;
+    "update:open": (open: boolean) => any;
+    afterOpenChange: (open: boolean) => any;
+    action: (action: import("./interface").ActionSheetAction, index: number) => any;
+}, string, {
+    round: boolean;
+    title: string | number | boolean | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }> | import("vue").VNodeArrayChildren | (() => import("vue").VNodeChild) | null;
+    safeArea: boolean;
+    open: boolean;
+    getContainer: import("../index.ts").GetContainer;
+    destroyOnHidden: boolean;
+    maskClosable: boolean;
+    forceRender: boolean;
+    keyboard: boolean;
+    actions: import("./interface").ActionSheetAction[];
+    extra: string | number | boolean | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }> | import("vue").VNodeArrayChildren | (() => import("vue").VNodeChild) | null;
+    cancelText: string | number | boolean | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }> | import("vue").VNodeArrayChildren | (() => import("vue").VNodeChild) | null;
+    showCancel: boolean;
+    closeOnAction: 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").ActionSheetSlots;
+}), {
+    show: typeof show;
+}>;
+export default ActionSheet;

package/dist/action-sheet/index.js

@@ -0,0 +1,6 @@
+import { withInstall } from "../_util/withInstall.js";
+import ActionSheet_default from "./ActionSheet.js";
+import { show } from "./show.js";
+// src/action-sheet/index.ts
+var ActionSheet = withInstall(ActionSheet_default, "AmActionSheet", { show });
+export { ActionSheet as default };

package/dist/action-sheet/interface.d.ts

@@ -0,0 +1,109 @@
+import type { AppContext, CSSProperties } from 'vue';
+import type { GetContainer, Key, VueNode } from '../_util/type';
+export interface ActionSheetAction {
+    key: Key;
+    text: VueNode;
+    /** Secondary text below `text` */
+    description?: VueNode;
+    icon?: VueNode;
+    danger?: boolean;
+    bold?: boolean;
+    disabled?: boolean;
+    onClick?: (action: ActionSheetAction, index: number) => void;
+}
+export interface ActionSheetSemanticClassNames {
+    root?: string;
+    mask?: string;
+    body?: string;
+    header?: string;
+    title?: string;
+    extra?: string;
+    list?: string;
+    item?: string;
+    cancel?: string;
+}
+export interface ActionSheetSemanticStyles {
+    root?: CSSProperties;
+    mask?: CSSProperties;
+    body?: CSSProperties;
+    header?: CSSProperties;
+    title?: CSSProperties;
+    extra?: CSSProperties;
+    list?: CSSProperties;
+    item?: CSSProperties;
+    cancel?: CSSProperties;
+}
+export interface ActionSheetProps {
+    /** Whether the sheet is visible. Supports `v-model:open`. */
+    open?: boolean;
+    actions?: ActionSheetAction[];
+    title?: VueNode;
+    /** Description below the title */
+    extra?: VueNode;
+    /** Text of the cancel button. Default comes from the locale; `null` hides the button. */
+    cancelText?: VueNode;
+    /** Show the cancel button */
+    showCancel?: boolean;
+    /** Close after an action was clicked */
+    closeOnAction?: boolean;
+    maskClosable?: boolean;
+    keyboard?: boolean;
+    round?: boolean;
+    safeArea?: boolean;
+    destroyOnHidden?: boolean;
+    forceRender?: boolean;
+    getContainer?: GetContainer;
+    zIndex?: number;
+    rootClass?: string;
+    classes?: ActionSheetSemanticClassNames;
+    styles?: ActionSheetSemanticStyles;
+}
+export interface ActionSheetEmits {
+    'update:open': [open: boolean];
+    'action': [action: ActionSheetAction, index: number];
+    /** The cancel button was clicked */
+    'cancel': [event: MouseEvent];
+    /** The sheet asks to close: action, cancel, mask or ESC */
+    'close': [];
+    'afterOpenChange': [open: boolean];
+}
+export interface ActionSheetSlots {
+    /** Custom content between the header and the actions */
+    default?: () => any;
+    title?: () => any;
+    extra?: () => any;
+    cancelText?: () => any;
+    /** Custom content of one action */
+    action?: (params: {
+        action: ActionSheetAction;
+        index: number;
+    }) => any;
+}
+/** Config of `ActionSheet.show()` */
+export interface ActionSheetShowConfig {
+    actions?: ActionSheetAction[];
+    title?: VueNode;
+    extra?: VueNode;
+    cancelText?: VueNode;
+    showCancel?: boolean;
+    closeOnAction?: boolean;
+    maskClosable?: boolean;
+    keyboard?: boolean;
+    round?: boolean;
+    safeArea?: boolean;
+    getContainer?: GetContainer;
+    zIndex?: number;
+    class?: string;
+    style?: CSSProperties;
+    rootClass?: string;
+    classes?: ActionSheetSemanticClassNames;
+    styles?: ActionSheetSemanticStyles;
+    onAction?: (action: ActionSheetAction, index: number) => void;
+    onCancel?: () => void;
+    onClose?: () => void;
+    afterClose?: () => void;
+    appContext?: AppContext;
+}
+export interface ActionSheetShowHandler {
+    close: () => void;
+}

package/dist/action-sheet/show.d.ts

@@ -0,0 +1,3 @@
+import type { ActionSheetShowConfig, ActionSheetShowHandler } from './interface';
+/** `ActionSheet.show({ actions })`: open an action sheet imperatively. */
+export declare function show(config: ActionSheetShowConfig): ActionSheetShowHandler;

package/dist/action-sheet/show.js

@@ -0,0 +1,32 @@
+import { mountComponent } from "../_util/mount.js";
+import ActionSheet_default from "./ActionSheet.js";
+import { h, ref } from "vue";
+// src/action-sheet/show.ts
+/** `ActionSheet.show({ actions })`: open an action sheet imperatively. */
+function show(config) {
+	const open = ref(true);
+	let unmount;
+	function close() {
+		open.value = false;
+	}
+	const { onAction, onCancel, onClose, afterClose, appContext, ...rest } = config;
+	unmount = mountComponent(() => h(ActionSheet_default, {
+		...rest,
+		"open": open.value,
+		"destroyOnHidden": true,
+		"onAction": (action, index) => onAction?.(action, index),
+		"onCancel": () => onCancel?.(),
+		"onClose": () => onClose?.(),
+		"onUpdate:open": (value) => {
+			open.value = value;
+		},
+		"onAfterOpenChange": (visible) => {
+			if (!visible) {
+				afterClose?.();
+				unmount?.();
+			}
+		}
+	}), appContext).unmount;
+	return { close };
+}
+export { show };