Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More β†’
Socket
Sign inDemoInstall
Socket

vant

Package Overview
Dependencies
Maintainers
7
Versions
566
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

vant - npm Package Compare versions

Comparing version 4.7.0 to 4.7.1

es/composables/use-scope-id.d.ts

15

es/dialog/function-call.d.ts
import type { DialogAction, DialogOptions } from './types';
/**
* Display a message prompt dialog with a default confirm button
*/
export declare function showDialog(options: DialogOptions): Promise<DialogAction | undefined>;
/**
* Modify the default configuration that affects all `showDialog` calls
*/
export declare const setDialogDefaultOptions: (options: DialogOptions) => void;
/**
* Reset the default configuration that affects all `showDialog` calls
*/
export declare const resetDialogDefaultOptions: () => void;
/**
* Display a message confirmation dialog with default confirm and cancel buttons
*/
export declare const showConfirmDialog: (options: DialogOptions) => Promise<DialogAction | undefined>;
/**
* Close the currently displayed dialog
*/
export declare const closeDialog: () => void;

3

es/image-preview/function-call.d.ts
import { ComponentInstance } from '../utils';
import type { ImagePreviewOptions } from './types';
/**
* Display a full-screen image preview component
*/
export declare const showImagePreview: (options: string[] | ImagePreviewOptions, startPosition?: number) => ComponentInstance | undefined;

2

es/index.d.ts

@@ -108,2 +108,2 @@ export * from "./action-bar";

export function install(app: any): void;
export const version: "4.7.0";
export const version: "4.7.1";
import { type ComponentInstance } from '../utils';
import type { NotifyMessage, NotifyOptions } from './types';
/**
* Close the currently displayed Notify
*/
export declare const closeNotify: () => void;
/**
* Display Notify at the top of the page
*/
export declare function showNotify(options: NotifyMessage | NotifyOptions): ComponentInstance | undefined;
/**
* Modify the default configuration, affecting all `showNotify` calls
*/
export declare const setNotifyDefaultOptions: (options: NotifyOptions) => NotifyOptions;
/**
* Reset the default configuration, affecting all `showNotify` calls
*/
export declare const resetNotifyDefaultOptions: () => void;
import type { ToastType, ToastOptions, ToastWrapperInstance } from './types';
/**
* Display a text toast
*/
export declare function showToast(options?: string | ToastOptions): ToastWrapperInstance;
/**
* Display a loading toast
*/
export declare const showLoadingToast: (options: string | ToastOptions) => ToastWrapperInstance;
/**
* Display a success toast
*/
export declare const showSuccessToast: (options: string | ToastOptions) => ToastWrapperInstance;
/**
* Display a fail toast
*/
export declare const showFailToast: (options: string | ToastOptions) => ToastWrapperInstance;
/**
* Close the currently displayed toast
*/
export declare const closeToast: (all?: boolean) => void;
/**
* Modify the default configuration that affects all `showToast` calls.
* Specify the `type` parameter to modify the default configuration of a specific type of toast
*/
export declare function setToastDefaultOptions(options: ToastOptions): void;
export declare function setToastDefaultOptions(type: ToastType, options: ToastOptions): void;
/**
* Reset the default configuration that affects all `showToast` calls.
* Specify the `type` parameter to reset the default configuration of a specific type of toast
*/
export declare const resetToastDefaultOptions: (type?: ToastType) => void;
/**
* Allow multiple toasts to be displayed as the same time
*/
export declare const allowMultipleToast: (value?: boolean) => void;

@@ -27,2 +27,3 @@ var __defProp = Object.defineProperty;

var import_utils = require("../utils");
var import_use_scope_id = require("../composables/use-scope-id");
const [name, bem] = (0, import_utils.createNamespace)("cell-group");

@@ -50,3 +51,3 @@ const cellGroupProps = {

}]
}, attrs), [(_a = slots.default) == null ? void 0 : _a.call(slots)]);
}, attrs, (0, import_use_scope_id.useScopeId)()), [(_a = slots.default) == null ? void 0 : _a.call(slots)]);
};

@@ -53,0 +54,0 @@ const renderTitle = () => (0, import_vue.createVNode)("div", {

import type { DialogAction, DialogOptions } from './types';
/**
* Display a message prompt dialog with a default confirm button
*/
export declare function showDialog(options: DialogOptions): Promise<DialogAction | undefined>;
/**
* Modify the default configuration that affects all `showDialog` calls
*/
export declare const setDialogDefaultOptions: (options: DialogOptions) => void;
/**
* Reset the default configuration that affects all `showDialog` calls
*/
export declare const resetDialogDefaultOptions: () => void;
/**
* Display a message confirmation dialog with default confirm and cancel buttons
*/
export declare const showConfirmDialog: (options: DialogOptions) => Promise<DialogAction | undefined>;
/**
* Close the currently displayed dialog
*/
export declare const closeDialog: () => void;

@@ -34,3 +34,3 @@ var __defProp = Object.defineProperty;

anchors: (0, import_utils.makeArrayProp)(),
duration: (0, import_utils.makeNumericProp)(0.2),
duration: (0, import_utils.makeNumericProp)(0.3),
contentDraggable: import_utils.truthProp,

@@ -65,3 +65,3 @@ lockScroll: Boolean,

transform: `translateY(calc(100% + ${(0, import_utils.addUnit)(-height.value)}))`,
transition: !dragging.value ? `transform ${props.duration}s` : "none"
transition: !dragging.value ? `transform ${props.duration}s cubic-bezier(0.18, 0.89, 0.32, 1.28)` : "none"
}));

@@ -68,0 +68,0 @@ const ease = (moveY) => {

import { ComponentInstance } from '../utils';
import type { ImagePreviewOptions } from './types';
/**
* Display a full-screen image preview component
*/
export declare const showImagePreview: (options: string[] | ImagePreviewOptions, startPosition?: number) => ComponentInstance | undefined;

@@ -108,2 +108,2 @@ export * from "./action-bar";

export function install(app: any): void;
export const version: "4.7.0";
export const version: "4.7.1";

@@ -227,3 +227,3 @@ var __defProp = Object.defineProperty;

__reExport(stdin_exports, require("./watermark"), module.exports);
const version = "4.7.0";
const version = "4.7.1";
function install(app) {

@@ -230,0 +230,0 @@ const components = [

import { type ComponentInstance } from '../utils';
import type { NotifyMessage, NotifyOptions } from './types';
/**
* Close the currently displayed Notify
*/
export declare const closeNotify: () => void;
/**
* Display Notify at the top of the page
*/
export declare function showNotify(options: NotifyMessage | NotifyOptions): ComponentInstance | undefined;
/**
* Modify the default configuration, affecting all `showNotify` calls
*/
export declare const setNotifyDefaultOptions: (options: NotifyOptions) => NotifyOptions;
/**
* Reset the default configuration, affecting all `showNotify` calls
*/
export declare const resetNotifyDefaultOptions: () => void;

@@ -29,2 +29,3 @@ var __defProp = Object.defineProperty;

var import_use = require("@vant/use");
var import_use_scope_id = require("../composables/use-scope-id");
var import_use_sync_prop_ref = require("../composables/use-sync-prop-ref");

@@ -207,3 +208,3 @@ var import_icon = require("../icon");

"onUpdate:show": updateShow
}, attrs, (0, import_utils.pick)(props, popupProps)), {
}, attrs, (0, import_use_scope_id.useScopeId)(), (0, import_utils.pick)(props, popupProps)), {
default: () => [props.showArrow && (0, import_vue.createVNode)("div", {

@@ -210,0 +211,0 @@ "class": bem("arrow")

@@ -34,2 +34,3 @@ var __defProp = Object.defineProperty;

var import_use_global_z_index = require("../composables/use-global-z-index");
var import_use_scope_id = require("../composables/use-scope-id");
var import_icon = require("../icon");

@@ -101,3 +102,3 @@ var import_overlay = require("../overlay");

if (props.overlay) {
return (0, import_vue.createVNode)(import_overlay.Overlay, {
return (0, import_vue.createVNode)(import_overlay.Overlay, (0, import_vue.mergeProps)({
"show": props.show,

@@ -109,5 +110,6 @@ "class": props.overlayClass,

"role": props.closeOnClickOverlay ? "button" : void 0,
"tabindex": props.closeOnClickOverlay ? 0 : void 0,
"tabindex": props.closeOnClickOverlay ? 0 : void 0
}, (0, import_use_scope_id.useScopeId)(), {
"onClick": onClickOverlay
}, {
}), {
default: slots["overlay-content"]

@@ -164,3 +166,3 @@ });

"onKeydown": onKeydown
}, attrs), [(_a = slots.default) == null ? void 0 : _a.call(slots), renderCloseIcon()]), [[import_vue.vShow, props.show]]);
}, attrs, (0, import_use_scope_id.useScopeId)()), [(_a = slots.default) == null ? void 0 : _a.call(slots), renderCloseIcon()]), [[import_vue.vShow, props.show]]);
});

@@ -167,0 +169,0 @@ const renderTransition = () => {

@@ -92,3 +92,3 @@ var __defProp = Object.defineProperty;

transitionDuration: `${state.swiping ? 0 : props.duration}ms`,
transform: `translate${props.vertical ? "Y" : "X"}(${state.offset}px)`
transform: `translate${props.vertical ? "Y" : "X"}(${+state.offset.toFixed(2)}px)`
};

@@ -95,0 +95,0 @@ if (size.value) {

import type { ToastType, ToastOptions, ToastWrapperInstance } from './types';
/**
* Display a text toast
*/
export declare function showToast(options?: string | ToastOptions): ToastWrapperInstance;
/**
* Display a loading toast
*/
export declare const showLoadingToast: (options: string | ToastOptions) => ToastWrapperInstance;
/**
* Display a success toast
*/
export declare const showSuccessToast: (options: string | ToastOptions) => ToastWrapperInstance;
/**
* Display a fail toast
*/
export declare const showFailToast: (options: string | ToastOptions) => ToastWrapperInstance;
/**
* Close the currently displayed toast
*/
export declare const closeToast: (all?: boolean) => void;
/**
* Modify the default configuration that affects all `showToast` calls.
* Specify the `type` parameter to modify the default configuration of a specific type of toast
*/
export declare function setToastDefaultOptions(options: ToastOptions): void;
export declare function setToastDefaultOptions(type: ToastType, options: ToastOptions): void;
/**
* Reset the default configuration that affects all `showToast` calls.
* Specify the `type` parameter to reset the default configuration of a specific type of toast
*/
export declare const resetToastDefaultOptions: (type?: ToastType) => void;
/**
* Allow multiple toasts to be displayed as the same time
*/
export declare const allowMultipleToast: (value?: boolean) => void;
{
"name": "vant",
"version": "4.7.0",
"version": "4.7.1",
"description": "Mobile UI Components built on Vue",

@@ -58,5 +58,5 @@ "main": "lib/vant.cjs.js",

"vue-router": "^4.1.6",
"@vant/eslint-config": "4.0.0",
"@vant/cli": "6.2.0",
"@vant/area-data": "1.5.0",
"@vant/cli": "6.2.0",
"@vant/eslint-config": "4.0.0",
"@vant/icons": "3.0.0"

@@ -63,0 +63,0 @@ },

@@ -112,3 +112,6 @@ <p align="center">

| [@antmjs/vantui](https://github.com/antmjs/vantui) | Mobile UI Components based on Vant, supporting Taro and React |
| [sfc-playground-vant](https://github.com/zhixiaoqiang/sfc-playground-vant) | Try Vant in the Playground. Currently only Vant 3+ is supported |
| [vant-playground](https://github.com/LadyChatterleyLover/vant-playground) | Vant Playground |
| [sfc-playground-vant](https://github.com/zhixiaoqiang/sfc-playground-vant) | Vant Playground |
| [vue3-h5-template](https://github.com/yulimchen/vue3-h5-template) | Mobile project template based on Vant |
| [vue3-vant-mobile](https://github.com/CharleeWa/vue3-vant-mobile) | Mobile project template based on Vant |

@@ -115,0 +118,0 @@ ## Links

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is too big to display

Sorry, the diff of this file is too big to display

Sorry, the diff of this file is too big to display

Sorry, the diff of this file is too big to display

Sorry, the diff of this file is too big to display

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚑️ by Socket Inc