@antdv-next/mobile 0.0.0-stage → 0.1.0

package/dist/modal/index.d.ts

@@ -0,0 +1,152 @@
+import type { ModalStaticFunctions } from './interface';
+export type * from './interface';
+declare const Modal: import("../_util/withInstall").WithInstall<{
+    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("./interface").ModalProps> & Readonly<{
+        onCancel?: ((event?: Event | undefined) => any) | undefined;
+        "onUpdate:open"?: ((open: boolean) => any) | undefined;
+        onAfterOpenChange?: ((open: boolean) => any) | undefined;
+        onAction?: ((action: import("./interface").ModalAction, index: number) => any) | undefined;
+        onAfterClose?: (() => any) | undefined;
+        onOk?: ((event: MouseEvent) => any) | undefined;
+    }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        cancel: (event?: Event | undefined) => any;
+        "update:open": (open: boolean) => any;
+        afterOpenChange: (open: boolean) => any;
+        action: (action: import("./interface").ModalAction, index: number) => any;
+        afterClose: () => any;
+        ok: (event: MouseEvent) => any;
+    }, import("vue").PublicProps, {
+        footer: string | number | boolean | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }> | import("vue").VNodeArrayChildren | (() => import("vue").VNodeChild) | null;
+        title: string | number | boolean | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }> | import("vue").VNodeArrayChildren | (() => import("vue").VNodeChild) | null;
+        mask: boolean;
+        content: string | number | boolean | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }> | import("vue").VNodeArrayChildren | (() => import("vue").VNodeChild) | null;
+        open: boolean;
+        getContainer: import("../index.ts").GetContainer;
+        closable: boolean;
+        destroyOnHidden: boolean;
+        maskClosable: boolean;
+        closeIcon: string | number | boolean | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }> | import("vue").VNodeArrayChildren | (() => import("vue").VNodeChild) | null;
+        forceRender: boolean;
+        keyboard: boolean;
+        cancelText: string | number | boolean | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }> | import("vue").VNodeArrayChildren | (() => import("vue").VNodeChild) | null;
+        closeOnAction: boolean;
+        okText: string | number | boolean | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }> | import("vue").VNodeArrayChildren | (() => import("vue").VNodeChild) | null;
+        okType: import("./interface").ModalOkType;
+        confirmLoading: boolean;
+        okCancel: boolean;
+        centered: boolean;
+        scrollLock: boolean;
+    }, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import("./interface").ModalProps> & Readonly<{
+        onCancel?: ((event?: Event | undefined) => any) | undefined;
+        "onUpdate:open"?: ((open: boolean) => any) | undefined;
+        onAfterOpenChange?: ((open: boolean) => any) | undefined;
+        onAction?: ((action: import("./interface").ModalAction, index: number) => any) | undefined;
+        onAfterClose?: (() => any) | undefined;
+        onOk?: ((event: MouseEvent) => 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;
+        title: string | number | boolean | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }> | import("vue").VNodeArrayChildren | (() => import("vue").VNodeChild) | null;
+        mask: boolean;
+        content: string | number | boolean | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }> | import("vue").VNodeArrayChildren | (() => import("vue").VNodeChild) | null;
+        open: boolean;
+        getContainer: import("../index.ts").GetContainer;
+        closable: boolean;
+        destroyOnHidden: boolean;
+        maskClosable: boolean;
+        closeIcon: string | number | boolean | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }> | import("vue").VNodeArrayChildren | (() => import("vue").VNodeChild) | null;
+        forceRender: boolean;
+        keyboard: boolean;
+        cancelText: string | number | boolean | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }> | import("vue").VNodeArrayChildren | (() => import("vue").VNodeChild) | null;
+        closeOnAction: boolean;
+        okText: string | number | boolean | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }> | import("vue").VNodeArrayChildren | (() => import("vue").VNodeChild) | null;
+        okType: import("./interface").ModalOkType;
+        confirmLoading: boolean;
+        okCancel: boolean;
+        centered: boolean;
+        scrollLock: boolean;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("./interface").ModalProps> & Readonly<{
+    onCancel?: ((event?: Event | undefined) => any) | undefined;
+    "onUpdate:open"?: ((open: boolean) => any) | undefined;
+    onAfterOpenChange?: ((open: boolean) => any) | undefined;
+    onAction?: ((action: import("./interface").ModalAction, index: number) => any) | undefined;
+    onAfterClose?: (() => any) | undefined;
+    onOk?: ((event: MouseEvent) => any) | undefined;
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    cancel: (event?: Event | undefined) => any;
+    "update:open": (open: boolean) => any;
+    afterOpenChange: (open: boolean) => any;
+    action: (action: import("./interface").ModalAction, index: number) => any;
+    afterClose: () => any;
+    ok: (event: MouseEvent) => any;
+}, string, {
+    footer: string | number | boolean | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }> | import("vue").VNodeArrayChildren | (() => import("vue").VNodeChild) | null;
+    title: string | number | boolean | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }> | import("vue").VNodeArrayChildren | (() => import("vue").VNodeChild) | null;
+    mask: boolean;
+    content: string | number | boolean | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }> | import("vue").VNodeArrayChildren | (() => import("vue").VNodeChild) | null;
+    open: boolean;
+    getContainer: import("../index.ts").GetContainer;
+    closable: boolean;
+    destroyOnHidden: boolean;
+    maskClosable: boolean;
+    closeIcon: string | number | boolean | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }> | import("vue").VNodeArrayChildren | (() => import("vue").VNodeChild) | null;
+    forceRender: boolean;
+    keyboard: boolean;
+    cancelText: string | number | boolean | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }> | import("vue").VNodeArrayChildren | (() => import("vue").VNodeChild) | null;
+    closeOnAction: boolean;
+    okText: string | number | boolean | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }> | import("vue").VNodeArrayChildren | (() => import("vue").VNodeChild) | null;
+    okType: import("./interface").ModalOkType;
+    confirmLoading: boolean;
+    okCancel: boolean;
+    centered: boolean;
+    scrollLock: 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").ModalSlots;
+}), ModalStaticFunctions>;
+export default Modal;

package/dist/modal/index.js

@@ -0,0 +1,12 @@
+import { withInstall } from "../_util/withInstall.js";
+import { destroyAll, staticApi, useModal } from "./confirm.js";
+import Modal_default from "./Modal.js";
+// src/modal/index.ts
+var statics = {
+	...staticApi,
+	warn: staticApi.warning,
+	destroyAll,
+	useModal
+};
+var Modal = withInstall(Modal_default, "AmModal", statics);
+export { Modal as default };

package/dist/modal/interface.d.ts

@@ -0,0 +1,165 @@
+import type { AppContext, Component, CSSProperties } from 'vue';
+import type { GetContainer, Key, Numeric, VueNode } from '../_util/type';
+import type { ButtonProps } from '../button/interface';
+export type ModalOkType = 'default' | 'primary' | 'danger' | 'dashed' | 'link' | 'text';
+export interface ModalAction {
+    key: Key;
+    text: VueNode;
+    danger?: boolean;
+    /** Emphasize the action (primary color, bold) */
+    bold?: boolean;
+    disabled?: boolean;
+    /** Returning a Promise puts the action into the loading state until it settles */
+    onClick?: (action: ModalAction) => any;
+}
+export interface ModalSemanticClassNames {
+    root?: string;
+    mask?: string;
+    container?: string;
+    header?: string;
+    title?: string;
+    body?: string;
+    footer?: string;
+    close?: string;
+}
+export interface ModalSemanticStyles {
+    root?: CSSProperties;
+    mask?: CSSProperties;
+    container?: CSSProperties;
+    header?: CSSProperties;
+    title?: CSSProperties;
+    body?: CSSProperties;
+    footer?: CSSProperties;
+    close?: CSSProperties;
+}
+export interface ModalProps {
+    /** Whether the dialog is visible. Supports `v-model:open`. */
+    open?: boolean;
+    title?: VueNode;
+    /** Content, the default slot wins */
+    content?: VueNode;
+    /** Custom footer, `null` / `false` hides it */
+    footer?: VueNode;
+    okText?: VueNode;
+    cancelText?: VueNode;
+    okType?: ModalOkType;
+    okButtonProps?: ButtonProps;
+    cancelButtonProps?: ButtonProps;
+    confirmLoading?: boolean;
+    /** Show the cancel button. `false` renders a single button dialog whose default text is `justOkText`. */
+    okCancel?: boolean;
+    /** Show the close icon in the corner. Mobile default is `false`. */
+    closable?: boolean;
+    closeIcon?: VueNode;
+    mask?: boolean;
+    maskClosable?: boolean;
+    /** Kept for PC parity: a mobile dialog is always centered */
+    centered?: boolean;
+    keyboard?: boolean;
+    destroyOnHidden?: boolean;
+    forceRender?: boolean;
+    getContainer?: GetContainer;
+    zIndex?: number;
+    width?: Numeric;
+    /** Lock page scroll while open */
+    scrollLock?: boolean;
+    /** Image on top of the dialog */
+    image?: string;
+    /** Replace the ok / cancel buttons with a list of actions (stacked vertically when more than two) */
+    actions?: ModalAction[];
+    /** Close (emit `update:open` false) after an action was clicked */
+    closeOnAction?: boolean;
+    rootClass?: string;
+    rootStyle?: CSSProperties;
+    classes?: ModalSemanticClassNames;
+    styles?: ModalSemanticStyles;
+}
+export interface ModalEmits {
+    'update:open': [open: boolean];
+    'ok': [event: MouseEvent];
+    /** Cancel button, mask, close icon or ESC */
+    'cancel': [event?: Event];
+    'action': [action: ModalAction, index: number];
+    'afterClose': [];
+    'afterOpenChange': [open: boolean];
+}
+export interface ModalFooterSlotParams {
+    ok: (event: MouseEvent) => void;
+    cancel: (event?: Event) => void;
+    confirmLoading: boolean;
+}
+export interface ModalSlots {
+    default?: () => any;
+    title?: () => any;
+    /** Area above the title: an illustration, an icon ... */
+    header?: () => any;
+    footer?: (params: ModalFooterSlotParams) => any;
+    okText?: () => any;
+    cancelText?: () => any;
+    closeIcon?: () => any;
+}
+export type ModalFuncType = 'info' | 'success' | 'error' | 'warn' | 'warning' | 'confirm';
+/** Config of the static methods (`Modal.confirm` ...) */
+export interface ModalFuncProps {
+    type?: ModalFuncType;
+    title?: VueNode;
+    content?: VueNode;
+    /** Icon above the title. `info / success / error / warning` have a default one. */
+    icon?: VueNode;
+    image?: string;
+    okText?: VueNode;
+    cancelText?: VueNode;
+    okType?: ModalOkType;
+    okButtonProps?: ButtonProps;
+    cancelButtonProps?: ButtonProps;
+    /** Show the cancel button. Default `true` for `confirm`, `false` otherwise. */
+    okCancel?: boolean;
+    actions?: ModalAction[];
+    closeOnAction?: boolean;
+    footer?: VueNode;
+    closable?: boolean;
+    closeIcon?: VueNode;
+    mask?: boolean;
+    maskClosable?: boolean;
+    keyboard?: boolean;
+    centered?: boolean;
+    getContainer?: GetContainer;
+    zIndex?: number;
+    width?: Numeric;
+    class?: string;
+    style?: CSSProperties;
+    rootClass?: string;
+    classes?: ModalSemanticClassNames;
+    styles?: ModalSemanticStyles;
+    afterClose?: () => void;
+    /**
+     * Declaring a `close` parameter hands over the control: the dialog stays open until `close()` is called.
+     * Otherwise a returned Promise keeps the button loading and closes the dialog once it resolves.
+     */
+    onOk?: (close: () => void) => any;
+    onCancel?: (close: () => void) => any;
+    /** App context for globally registered components / provides inside the content */
+    appContext?: AppContext;
+}
+export interface ModalFuncReturn {
+    destroy: () => void;
+    update: (config: ModalFuncProps | ((prev: ModalFuncProps) => ModalFuncProps)) => void;
+}
+export type ModalFunc = (config: ModalFuncProps) => ModalFuncReturn;
+export interface ModalHookApi {
+    info: ModalFunc;
+    success: ModalFunc;
+    error: ModalFunc;
+    warning: ModalFunc;
+    confirm: ModalFunc;
+    show: ModalFunc;
+    /** Single button dialog, resolves when it is closed */
+    alert: (config: ModalFuncProps) => Promise<void>;
+    /** Resolves `true` on ok, `false` on cancel */
+    confirmAsync: (config: ModalFuncProps) => Promise<boolean>;
+}
+export interface ModalStaticFunctions extends ModalHookApi {
+    warn: ModalFunc;
+    destroyAll: () => void;
+    useModal: () => [ModalHookApi, Component];
+}

package/dist/modal/style/index.css

@@ -0,0 +1,198 @@
+.am-modal-root {
+  --am-modal-width: 300px;
+  --am-modal-border-radius: var(--am-border-radius-xl);
+  --am-modal-bg: var(--am-color-bg-elevated);
+  --am-modal-content-padding: var(--am-padding-lg) var(--am-padding-md) var(--am-padding-md);
+  --am-modal-title-font-size: var(--am-font-size-xl);
+  --am-modal-title-color: var(--am-color-text-heading);
+  --am-modal-body-font-size: var(--am-font-size);
+  --am-modal-body-color: var(--am-color-text-secondary);
+  --am-modal-body-max-height: 60vh;
+  --am-modal-action-height: 50px;
+  --am-modal-action-font-size: var(--am-font-size-lg);
+}
+
+.am-popup.am-modal {
+  display: flex;
+  flex-direction: column;
+  width: var(--am-modal-width);
+  overflow: hidden;
+  background: var(--am-modal-bg);
+  border-radius: var(--am-modal-border-radius);
+}
+
+.am-modal-close {
+  position: absolute;
+  top: var(--am-padding-xs);
+  inset-inline-end: var(--am-padding-xs);
+  z-index: 1;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  margin: 0;
+  padding: var(--am-padding-xxs);
+  color: var(--am-color-icon);
+  font-size: 16px;
+  line-height: 1;
+  background: transparent;
+  border: 0;
+  border-radius: var(--am-border-radius-sm);
+  outline: none;
+  cursor: pointer;
+  -webkit-tap-highlight-color: transparent;
+}
+
+.am-modal-close:active {
+  color: var(--am-color-icon-hover);
+  background: var(--am-color-fill-tertiary);
+}
+
+.am-modal-content {
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  box-sizing: border-box;
+  min-height: 0;
+  padding: var(--am-modal-content-padding);
+  text-align: center;
+}
+
+.am-modal-header {
+  display: flex;
+  flex: none;
+  justify-content: center;
+  margin-bottom: var(--am-margin-sm);
+}
+
+.am-modal-image {
+  display: block;
+  max-width: 100%;
+  border-radius: var(--am-border-radius);
+}
+
+.am-modal-title {
+  flex: none;
+  color: var(--am-modal-title-color);
+  font-weight: var(--am-font-weight-strong);
+  font-size: var(--am-modal-title-font-size);
+  line-height: var(--am-line-height-lg);
+  word-break: break-word;
+}
+
+.am-modal-body {
+  flex: 1;
+  min-height: 0;
+  max-height: var(--am-modal-body-max-height);
+  overflow-y: auto;
+  color: var(--am-modal-body-color);
+  font-size: var(--am-modal-body-font-size);
+  line-height: var(--am-line-height);
+  word-break: break-word;
+  -webkit-overflow-scrolling: touch;
+  overscroll-behavior: contain;
+}
+
+.am-modal-title + .am-modal-body {
+  margin-top: var(--am-margin-xs);
+}
+
+.am-modal-footer {
+  position: relative;
+  display: flex;
+  flex: none;
+}
+
+.am-modal-footer::before {
+  position: absolute;
+  top: 0;
+  right: 0;
+  left: 0;
+  z-index: 1;
+  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-modal-footer-vertical {
+  flex-direction: column;
+}
+
+.am-modal-footer-custom {
+  display: block;
+  padding: var(--am-padding-sm) var(--am-padding);
+}
+
+.am-modal-footer-custom::before {
+  display: none;
+}
+
+.am-button.am-modal-action {
+  position: relative;
+  flex: 1;
+  min-width: 0;
+  height: var(--am-modal-action-height);
+  padding: 0 var(--am-padding-xs);
+  font-size: var(--am-modal-action-font-size);
+  border: 0;
+  border-radius: 0;
+}
+
+.am-button.am-modal-action-bold {
+  font-weight: var(--am-font-weight-strong);
+}
+
+.am-modal-footer-vertical .am-button.am-modal-action {
+  flex: none;
+  width: 100%;
+}
+
+/* hairlines between the actions */
+.am-modal-action + .am-modal-action::before {
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  inset-inline-start: 0;
+  border-inline-start: var(--am-line-width) var(--am-line-type) var(--am-color-split);
+  transform: scaleX(0.5);
+  transform-origin: left;
+  content: '';
+  pointer-events: none;
+}
+
+.am-modal-footer-vertical .am-modal-action + .am-modal-action::before {
+  right: 0;
+  bottom: auto;
+  left: 0;
+  border-top: var(--am-line-width) var(--am-line-type) var(--am-color-split);
+  border-inline-start: 0;
+  transform: scaleY(0.5);
+  transform-origin: top;
+}
+
+/* static methods: status icon above the title */
+.am-modal-icon {
+  font-size: 44px;
+  line-height: 1;
+}
+
+.am-modal-icon-info {
+  color: var(--am-color-info);
+}
+
+.am-modal-icon-success {
+  color: var(--am-color-success);
+}
+
+.am-modal-icon-error {
+  color: var(--am-color-error);
+}
+
+.am-modal-icon-warning {
+  color: var(--am-color-warning);
+}
+
+.am-modal-icon-confirm {
+  color: var(--am-color-warning);
+}

package/dist/nav-bar/NavBar.js

@@ -0,0 +1,4 @@
+import NavBar_vue_vue_type_script_setup_true_lang_default from "./NavBar.vue_vue_type_script_setup_true_lang.js";
+// src/nav-bar/NavBar.vue
+var NavBar_default = NavBar_vue_vue_type_script_setup_true_lang_default;
+export { NavBar_default as default };

package/dist/nav-bar/NavBar.vue.d.ts

@@ -0,0 +1,40 @@
+import type { NavBarProps, NavBarSlots } from './interface';
+import '../style';
+import './style/index.css';
+type __VLS_Slots = NavBarSlots;
+declare const __VLS_base: import("vue").DefineComponent<NavBarProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    back: (event: MouseEvent) => any;
+}, string, import("vue").PublicProps, Readonly<NavBarProps> & Readonly<{
+    onBack?: ((event: MouseEvent) => any) | undefined;
+}>, {
+    title: string | number | boolean | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }> | import("vue").VNodeArrayChildren | (() => import("vue").VNodeChild) | null;
+    fixed: boolean;
+    placeholder: boolean;
+    safeArea: boolean;
+    bordered: boolean;
+    left: string | number | boolean | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }> | import("vue").VNodeArrayChildren | (() => import("vue").VNodeChild) | null;
+    right: string | number | boolean | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }> | import("vue").VNodeArrayChildren | (() => import("vue").VNodeChild) | null;
+    back: string | number | boolean | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }> | import("vue").VNodeArrayChildren | (() => import("vue").VNodeChild) | null;
+    subTitle: string | number | boolean | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }> | import("vue").VNodeArrayChildren | (() => import("vue").VNodeChild) | null;
+    backIcon: 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;
+    };
+};