@vue/runtime-dom 3.4.26 → 3.5.0-alpha.1

package/dist/runtime-dom.cjs.js

@@ -1,5 +1,5 @@
 /**
-* @vue/runtime-dom v3.4.26
+* @vue/runtime-dom v3.5.0-alpha.1
 * (c) 2018-present Yuxi (Evan) You and Vue contributors
 * @license MIT
 **/
@@ -1435,7 +1435,9 @@ const withKeys = (fn, modifiers) => {
       return;
     }
     const eventKey = shared.hyphenate(event.key);
-    if (modifiers.some((k) => k === eventKey || keyNames[k] === eventKey)) {
+    if (modifiers.some(
+      (k) => k === eventKey || keyNames[k] === eventKey
+    )) {
       return fn(event);
     }
   });

package/dist/runtime-dom.cjs.prod.js

@@ -1,5 +1,5 @@
 /**
-* @vue/runtime-dom v3.4.26
+* @vue/runtime-dom v3.5.0-alpha.1
 * (c) 2018-present Yuxi (Evan) You and Vue contributors
 * @license MIT
 **/
@@ -1378,7 +1378,9 @@ const withKeys = (fn, modifiers) => {
       return;
     }
     const eventKey = shared.hyphenate(event.key);
-    if (modifiers.some((k) => k === eventKey || keyNames[k] === eventKey)) {
+    if (modifiers.some(
+      (k) => k === eventKey || keyNames[k] === eventKey
+    )) {
       return fn(event);
     }
   });

package/dist/runtime-dom.d.ts

@@ -1,62 +1,7 @@
-import { SetupContext, RenderFunction, ComputedOptions, MethodOptions, ComponentOptionsMixin, EmitsOptions, ComponentInjectOptions, SlotsType, ComponentOptionsWithoutProps, ComponentOptionsWithArrayProps, ComponentPropsOptions, ComponentOptionsWithObjectProps, ExtractPropTypes, DefineComponent, RootHydrateFunction, ConcreteComponent, BaseTransitionProps, FunctionalComponent, ObjectDirective, VNodeRef, RootRenderFunction, CreateAppFunction } from '@vue/runtime-core';
+import { BaseTransitionProps, FunctionalComponent, ObjectDirective, Directive, SetupContext, RenderFunction, ComponentObjectPropsOptions, EmitsOptions, ComputedOptions, MethodOptions, ComponentOptionsMixin, ComponentInjectOptions, SlotsType, Component, ComponentProvideOptions, ExtractPropTypes, EmitsToProps, ComponentOptionsBase, CreateComponentPublicInstance, DefineComponent, RootHydrateFunction, ConcreteComponent, VNodeRef, RootRenderFunction, CreateAppFunction } from '@vue/runtime-core';
 export * from '@vue/runtime-core';
 import * as CSS from 'csstype';
 
-export type VueElementConstructor<P = {}> = {
-    new (initialProps?: Record<string, any>): VueElement & P;
-};
-export declare function defineCustomElement<Props, RawBindings = object>(setup: (props: Readonly<Props>, ctx: SetupContext) => RawBindings | RenderFunction): VueElementConstructor<Props>;
-export declare function defineCustomElement<Props = {}, RawBindings = {}, D = {}, C extends ComputedOptions = {}, M extends MethodOptions = {}, Mixin extends ComponentOptionsMixin = ComponentOptionsMixin, Extends extends ComponentOptionsMixin = ComponentOptionsMixin, E extends EmitsOptions = EmitsOptions, EE extends string = string, I extends ComponentInjectOptions = {}, II extends string = string, S extends SlotsType = {}>(options: ComponentOptionsWithoutProps<Props, RawBindings, D, C, M, Mixin, Extends, E, EE, I, II, S> & {
-    styles?: string[];
-}): VueElementConstructor<Props>;
-export declare function defineCustomElement<PropNames extends string, RawBindings, D, C extends ComputedOptions = {}, M extends MethodOptions = {}, Mixin extends ComponentOptionsMixin = ComponentOptionsMixin, Extends extends ComponentOptionsMixin = ComponentOptionsMixin, E extends EmitsOptions = Record<string, any>, EE extends string = string, I extends ComponentInjectOptions = {}, II extends string = string, S extends SlotsType = {}>(options: ComponentOptionsWithArrayProps<PropNames, RawBindings, D, C, M, Mixin, Extends, E, EE, I, II, S> & {
-    styles?: string[];
-}): VueElementConstructor<{
-    [K in PropNames]: any;
-}>;
-export declare function defineCustomElement<PropsOptions extends Readonly<ComponentPropsOptions>, RawBindings, D, C extends ComputedOptions = {}, M extends MethodOptions = {}, Mixin extends ComponentOptionsMixin = ComponentOptionsMixin, Extends extends ComponentOptionsMixin = ComponentOptionsMixin, E extends EmitsOptions = Record<string, any>, EE extends string = string, I extends ComponentInjectOptions = {}, II extends string = string, S extends SlotsType = {}>(options: ComponentOptionsWithObjectProps<PropsOptions, RawBindings, D, C, M, Mixin, Extends, E, EE, I, II, S> & {
-    styles?: string[];
-}): VueElementConstructor<ExtractPropTypes<PropsOptions>>;
-export declare function defineCustomElement<P>(options: DefineComponent<P, any, any, any>): VueElementConstructor<ExtractPropTypes<P>>;
-/*! #__NO_SIDE_EFFECTS__ */
-export declare const defineSSRCustomElement: typeof defineCustomElement;
-declare const BaseClass: {
-    new (): HTMLElement;
-    prototype: HTMLElement;
-};
-type InnerComponentDef = ConcreteComponent & {
-    styles?: string[];
-};
-export declare class VueElement extends BaseClass {
-    private _def;
-    private _props;
-    private _connected;
-    private _resolved;
-    private _numberProps;
-    private _styles?;
-    private _ob?;
-    constructor(_def: InnerComponentDef, _props?: Record<string, any>, hydrate?: RootHydrateFunction);
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    /**
-     * resolve inner component definition (handle possible async component)
-     */
-    private _resolveDef;
-    private _resolveProps;
-    protected _setAttr(key: string): void;
-    private _update;
-    private _createVNode;
-    private _applyStyles;
-}
-
-export declare function useCssModule(name?: string): Record<string, string>;
-
-/**
- * Runtime helper for SFC's CSS variable injection feature.
- * @private
- */
-export declare function useCssVars(getter: (ctx: any) => Record<string, string>): void;
-
 declare const TRANSITION = "transition";
 declare const ANIMATION = "animation";
 type AnimationTypes = typeof TRANSITION | typeof ANIMATION;
@@ -88,18 +33,34 @@ export declare const TransitionGroup: new () => {
     $props: TransitionGroupProps;
 };
 
-type AssignerFn = (value: any) => void;
-declare const assignKey: unique symbol;
-type ModelDirective<T> = ObjectDirective<T & {
-    [assignKey]: AssignerFn;
-    _assigning?: boolean;
-}>;
-export declare const vModelText: ModelDirective<HTMLInputElement | HTMLTextAreaElement>;
-export declare const vModelCheckbox: ModelDirective<HTMLInputElement>;
-export declare const vModelRadio: ModelDirective<HTMLInputElement>;
-export declare const vModelSelect: ModelDirective<HTMLSelectElement>;
-export declare const vModelDynamic: ObjectDirective<HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement>;
+declare const vShowOriginalDisplay: unique symbol;
+declare const vShowHidden: unique symbol;
+interface VShowElement extends HTMLElement {
+    [vShowOriginalDisplay]: string;
+    [vShowHidden]: boolean;
+}
+export declare const vShow: ObjectDirective<VShowElement> & {
+    name?: 'show';
+};
 
+declare const systemModifiers: readonly ["ctrl", "shift", "alt", "meta"];
+type SystemModifiers = (typeof systemModifiers)[number];
+type CompatModifiers = keyof typeof keyNames;
+type VOnModifiers = SystemModifiers | ModifierGuards | CompatModifiers;
+declare const modifierGuards: {
+    stop: (e: Event) => void;
+    prevent: (e: Event) => void;
+    self: (e: Event) => boolean;
+    ctrl: (e: Event) => boolean;
+    shift: (e: Event) => boolean;
+    alt: (e: Event) => boolean;
+    meta: (e: Event) => boolean;
+    left: (e: Event) => boolean;
+    middle: (e: Event) => boolean;
+    right: (e: Event) => boolean;
+    exact: (e: Event, modifiers: string[]) => boolean;
+};
+type ModifierGuards = keyof typeof modifierGuards;
 /**
  * @private
  */
@@ -107,7 +68,16 @@ export declare const withModifiers: <T extends (event: Event, ...args: unknown[]
     _withMods?: {
         [key: string]: T;
     };
-}, modifiers: string[]) => T;
+}, modifiers: VOnModifiers[]) => T;
+declare const keyNames: {
+    esc: string;
+    space: string;
+    up: string;
+    left: string;
+    right: string;
+    down: string;
+    delete: string;
+};
 /**
  * @private
  */
@@ -116,16 +86,70 @@ export declare const withKeys: <T extends (event: KeyboardEvent) => any>(fn: T &
         [k: string]: T;
     };
 }, modifiers: string[]) => T;
+type VOnDirective = Directive<any, any, VOnModifiers>;
 
-declare const vShowOriginalDisplay: unique symbol;
-declare const vShowHidden: unique symbol;
-interface VShowElement extends HTMLElement {
-    [vShowOriginalDisplay]: string;
-    [vShowHidden]: boolean;
-}
-export declare const vShow: ObjectDirective<VShowElement> & {
-    name?: 'show';
+type AssignerFn = (value: any) => void;
+declare const assignKey: unique symbol;
+type ModelDirective<T, Modifiers extends string = string> = ObjectDirective<T & {
+    [assignKey]: AssignerFn;
+    _assigning?: boolean;
+}, any, Modifiers>;
+export declare const vModelText: ModelDirective<HTMLInputElement | HTMLTextAreaElement, 'trim' | 'number' | 'lazy'>;
+export declare const vModelCheckbox: ModelDirective<HTMLInputElement>;
+export declare const vModelRadio: ModelDirective<HTMLInputElement>;
+export declare const vModelSelect: ModelDirective<HTMLSelectElement, 'number'>;
+export declare const vModelDynamic: ObjectDirective<HTMLInputElement | HTMLSelectElement | HTMLTextAreaElement>;
+type VModelDirective = typeof vModelText | typeof vModelCheckbox | typeof vModelSelect | typeof vModelRadio | typeof vModelDynamic;
+
+export type VueElementConstructor<P = {}> = {
+    new (initialProps?: Record<string, any>): VueElement & P;
+};
+export declare function defineCustomElement<Props, RawBindings = object>(setup: (props: Readonly<Props>, ctx: SetupContext) => RawBindings | RenderFunction): VueElementConstructor<Props>;
+export declare function defineCustomElement<RuntimePropsOptions extends ComponentObjectPropsOptions = ComponentObjectPropsOptions, PropsKeys extends string = string, RuntimeEmitsOptions extends EmitsOptions = {}, EmitsKeys extends string = string, Data = {}, SetupBindings = {}, Computed extends ComputedOptions = {}, Methods extends MethodOptions = {}, Mixin extends ComponentOptionsMixin = ComponentOptionsMixin, Extends extends ComponentOptionsMixin = ComponentOptionsMixin, InjectOptions extends ComponentInjectOptions = {}, InjectKeys extends string = string, Slots extends SlotsType = {}, LocalComponents extends Record<string, Component> = {}, Directives extends Record<string, Directive> = {}, Exposed extends string = string, Provide extends ComponentProvideOptions = ComponentProvideOptions, InferredProps = string extends PropsKeys ? ComponentObjectPropsOptions extends RuntimePropsOptions ? {} : ExtractPropTypes<RuntimePropsOptions> : {
+    [key in PropsKeys]?: any;
+}, ResolvedProps = InferredProps & EmitsToProps<RuntimeEmitsOptions>>(options: {
+    props?: (RuntimePropsOptions & ThisType<void>) | PropsKeys[];
+} & ComponentOptionsBase<ResolvedProps, SetupBindings, Data, Computed, Methods, Mixin, Extends, RuntimeEmitsOptions, EmitsKeys, {}, // Defaults
+InjectOptions, InjectKeys, Slots, LocalComponents, Directives, Exposed, Provide> & ThisType<CreateComponentPublicInstance<Readonly<ResolvedProps>, SetupBindings, Data, Computed, Methods, Mixin, Extends, RuntimeEmitsOptions, EmitsKeys, {}, false, InjectOptions, Slots, LocalComponents, Directives, Exposed>>): VueElementConstructor<ResolvedProps>;
+export declare function defineCustomElement<P>(options: DefineComponent<P, any, any, any>): VueElementConstructor<ExtractPropTypes<P>>;
+/*! #__NO_SIDE_EFFECTS__ */
+export declare const defineSSRCustomElement: typeof defineCustomElement;
+declare const BaseClass: {
+    new (): HTMLElement;
+    prototype: HTMLElement;
 };
+type InnerComponentDef = ConcreteComponent & {
+    styles?: string[];
+};
+export declare class VueElement extends BaseClass {
+    private _def;
+    private _props;
+    private _connected;
+    private _resolved;
+    private _numberProps;
+    private _styles?;
+    private _ob?;
+    constructor(_def: InnerComponentDef, _props?: Record<string, any>, hydrate?: RootHydrateFunction);
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    /**
+     * resolve inner component definition (handle possible async component)
+     */
+    private _resolveDef;
+    private _resolveProps;
+    protected _setAttr(key: string): void;
+    private _update;
+    private _createVNode;
+    private _applyStyles;
+}
+
+export declare function useCssModule(name?: string): Record<string, string>;
+
+/**
+ * Runtime helper for SFC's CSS variable injection feature.
+ * @private
+ */
+export declare function useCssVars(getter: (ctx: any) => Record<string, string>): void;
 
 export interface CSSProperties extends CSS.Properties<string | number>, CSS.PropertiesHyphen<string | number> {
     /**
@@ -1307,6 +1331,20 @@ declare module '@vue/reactivity' {
         runtimeDOMBailTypes: Node | Window;
     }
 }
+declare module '@vue/runtime-core' {
+    interface GlobalComponents {
+        Transition: DefineComponent<TransitionProps>;
+        TransitionGroup: DefineComponent<TransitionGroupProps>;
+    }
+    interface GlobalDirectives {
+        vShow: typeof vShow;
+        vOn: VOnDirective;
+        vBind: VModelDirective;
+        vIf: Directive<any, boolean>;
+        VOnce: Directive;
+        VSlot: Directive;
+    }
+}
 export declare const render: RootRenderFunction<Element | ShadowRoot>;
 export declare const hydrate: RootHydrateFunction;
 export declare const createApp: CreateAppFunction<Element>;