vue 2.6.13 → 2.7.0-alpha.2

package/src/core/vdom/{vnode.js → vnode.ts}

@@ -1,38 +1,43 @@
-/* @flow */
+import type { Component } from 'types/component'
+import type { ComponentOptions } from 'types/options'
+import type { VNodeComponentOptions, VNodeData } from 'types/vnode'
 
+/**
+ * @internal
+ */
 export default class VNode {
-  tag: string | void;
-  data: VNodeData | void;
-  children: ?Array<VNode>;
-  text: string | void;
-  elm: Node | void;
-  ns: string | void;
-  context: Component | void; // rendered in this component's scope
-  key: string | number | void;
-  componentOptions: VNodeComponentOptions | void;
-  componentInstance: Component | void; // component instance
-  parent: VNode | void; // component placeholder node
+  tag?: string
+  data: VNodeData | undefined
+  children?: Array<VNode> | null
+  text?: string
+  elm: Node | undefined
+  ns?: string
+  context?: Component // rendered in this component's scope
+  key: string | number | undefined
+  componentOptions?: VNodeComponentOptions
+  componentInstance?: Component // component instance
+  parent: VNode | undefined | null // component placeholder node
 
   // strictly internal
-  raw: boolean; // contains raw HTML? (server only)
-  isStatic: boolean; // hoisted static node
-  isRootInsert: boolean; // necessary for enter transition check
-  isComment: boolean; // empty comment placeholder?
-  isCloned: boolean; // is a cloned node?
-  isOnce: boolean; // is a v-once node?
-  asyncFactory: Function | void; // async component factory function
-  asyncMeta: Object | void;
-  isAsyncPlaceholder: boolean;
-  ssrContext: Object | void;
-  fnContext: Component | void; // real context vm for functional nodes
-  fnOptions: ?ComponentOptions; // for SSR caching
-  devtoolsMeta: ?Object; // used to store functional render context for devtools
-  fnScopeId: ?string; // functional scope id support
+  raw: boolean // contains raw HTML? (server only)
+  isStatic: boolean // hoisted static node
+  isRootInsert: boolean // necessary for enter transition check
+  isComment: boolean // empty comment placeholder?
+  isCloned: boolean // is a cloned node?
+  isOnce: boolean // is a v-once node?
+  asyncFactory?: Function // async component factory function
+  asyncMeta: Object | void
+  isAsyncPlaceholder: boolean
+  ssrContext?: Object | void
+  fnContext: Component | void // real context vm for functional nodes
+  fnOptions?: ComponentOptions | null // for SSR caching
+  devtoolsMeta?: Object | null // used to store functional render context for devtools
+  fnScopeId?: string | null // functional scope id support
 
-  constructor (
+  constructor(
     tag?: string,
     data?: VNodeData,
-    children?: ?Array<VNode>,
+    children?: Array<VNode> | null,
     text?: string,
     elm?: Node,
     context?: Component,
@@ -66,7 +71,7 @@ export default class VNode {
 
   // DEPRECATED: alias for componentInstance for backwards compat.
   /* istanbul ignore next */
-  get child (): Component | void {
+  get child(): Component | void {
     return this.componentInstance
   }
 }
@@ -78,7 +83,7 @@ export const createEmptyVNode = (text: string = '') => {
   return node
 }
 
-export function createTextVNode (val: string | number) {
+export function createTextVNode(val: string | number) {
   return new VNode(undefined, undefined, undefined, String(val))
 }
 
@@ -86,7 +91,7 @@ export function createTextVNode (val: string | number) {
 // used for static nodes and slot nodes because they may be reused across
 // multiple renders, cloning them avoids errors when DOM manipulations rely
 // on their elm reference.
-export function cloneVNode (vnode: VNode): VNode {
+export function cloneVNode(vnode: VNode): VNode {
   const cloned = new VNode(
     vnode.tag,
     vnode.data,

package/src/global.d.ts

@@ -0,0 +1,15 @@
+declare const __DEV__: boolean
+
+interface Window {
+  __VUE_DEVTOOLS_GLOBAL_HOOK__: DevtoolsHook
+}
+
+// from https://github.com/vuejs/vue-devtools/blob/bc719c95a744614f5c3693460b64dc21dfa339a8/packages/app-backend-api/src/global-hook.ts#L3
+interface DevtoolsHook {
+  emit: (event: string, ...payload: any[]) => void
+  on: (event: string, handler: Function) => void
+  once: (event: string, handler: Function) => void
+  off: (event?: string, handler?: Function) => void
+  Vue?: any
+  // apps: AppRecordOptions[]
+}

package/src/platforms/web/compiler/directives/html.ts

@@ -0,0 +1,8 @@
+import { addProp } from 'compiler/helpers'
+import { ASTDirective, ASTElement } from 'types/compiler'
+
+export default function html(el: ASTElement, dir: ASTDirective) {
+  if (dir.value) {
+    addProp(el, 'innerHTML', `_s(${dir.value})`, dir)
+  }
+}

package/src/platforms/web/compiler/directives/{model.js → model.ts}

@@ -1,8 +1,7 @@
-/* @flow */
-
 import config from 'core/config'
 import { addHandler, addProp, getBindingAttr } from 'compiler/helpers'
 import { genComponentModel, genAssignmentCode } from 'compiler/directives/model'
+import { ASTDirective, ASTElement, ASTModifiers } from 'types/compiler'
 
 let warn
 
@@ -11,24 +10,24 @@ let warn
 export const RANGE_TOKEN = '__r'
 export const CHECKBOX_RADIO_TOKEN = '__c'
 
-export default function model (
+export default function model(
   el: ASTElement,
   dir: ASTDirective,
   _warn: Function
-): ?boolean {
+): boolean | undefined {
   warn = _warn
   const value = dir.value
   const modifiers = dir.modifiers
   const tag = el.tag
   const type = el.attrsMap.type
 
-  if (process.env.NODE_ENV !== 'production') {
+  if (__DEV__) {
     // inputs with type="file" are read only and setting the input's
     // value will throw an error.
     if (tag === 'input' && type === 'file') {
       warn(
         `<${el.tag} v-model="${value}" type="file">:\n` +
-        `File inputs are read only. Use a v-on:change listener instead.`,
+          `File inputs are read only. Use a v-on:change listener instead.`,
         el.rawAttrsMap['v-model']
       )
     }
@@ -50,12 +49,12 @@ export default function model (
     genComponentModel(el, value, modifiers)
     // component v-model doesn't need extra runtime
     return false
-  } else if (process.env.NODE_ENV !== 'production') {
+  } else if (__DEV__) {
     warn(
       `<${el.tag} v-model="${value}">: ` +
-      `v-model is not supported on this element type. ` +
-      'If you are working with contenteditable, it\'s recommended to ' +
-      'wrap a library dedicated for that purpose inside a custom component.',
+        `v-model is not supported on this element type. ` +
+        "If you are working with contenteditable, it's recommended to " +
+        'wrap a library dedicated for that purpose inside a custom component.',
       el.rawAttrsMap['v-model']
     )
   }
@@ -64,41 +63,51 @@ export default function model (
   return true
 }
 
-function genCheckboxModel (
+function genCheckboxModel(
   el: ASTElement,
   value: string,
-  modifiers: ?ASTModifiers
+  modifiers?: ASTModifiers | null
 ) {
   const number = modifiers && modifiers.number
   const valueBinding = getBindingAttr(el, 'value') || 'null'
   const trueValueBinding = getBindingAttr(el, 'true-value') || 'true'
   const falseValueBinding = getBindingAttr(el, 'false-value') || 'false'
-  addProp(el, 'checked',
+  addProp(
+    el,
+    'checked',
     `Array.isArray(${value})` +
-    `?_i(${value},${valueBinding})>-1` + (
-      trueValueBinding === 'true'
+      `?_i(${value},${valueBinding})>-1` +
+      (trueValueBinding === 'true'
         ? `:(${value})`
-        : `:_q(${value},${trueValueBinding})`
-    )
+        : `:_q(${value},${trueValueBinding})`)
   )
-  addHandler(el, 'change',
+  addHandler(
+    el,
+    'change',
     `var $$a=${value},` +
-        '$$el=$event.target,' +
-        `$$c=$$el.checked?(${trueValueBinding}):(${falseValueBinding});` +
-    'if(Array.isArray($$a)){' +
+      '$$el=$event.target,' +
+      `$$c=$$el.checked?(${trueValueBinding}):(${falseValueBinding});` +
+      'if(Array.isArray($$a)){' +
       `var $$v=${number ? '_n(' + valueBinding + ')' : valueBinding},` +
-          '$$i=_i($$a,$$v);' +
-      `if($$el.checked){$$i<0&&(${genAssignmentCode(value, '$$a.concat([$$v])')})}` +
-      `else{$$i>-1&&(${genAssignmentCode(value, '$$a.slice(0,$$i).concat($$a.slice($$i+1))')})}` +
-    `}else{${genAssignmentCode(value, '$$c')}}`,
-    null, true
+      '$$i=_i($$a,$$v);' +
+      `if($$el.checked){$$i<0&&(${genAssignmentCode(
+        value,
+        '$$a.concat([$$v])'
+      )})}` +
+      `else{$$i>-1&&(${genAssignmentCode(
+        value,
+        '$$a.slice(0,$$i).concat($$a.slice($$i+1))'
+      )})}` +
+      `}else{${genAssignmentCode(value, '$$c')}}`,
+    null,
+    true
   )
 }
 
-function genRadioModel (
+function genRadioModel(
   el: ASTElement,
   value: string,
-  modifiers: ?ASTModifiers
+  modifiers?: ASTModifiers | null
 ) {
   const number = modifiers && modifiers.number
   let valueBinding = getBindingAttr(el, 'value') || 'null'
@@ -107,13 +116,14 @@ function genRadioModel (
   addHandler(el, 'change', genAssignmentCode(value, valueBinding), null, true)
 }
 
-function genSelect (
+function genSelect(
   el: ASTElement,
   value: string,
-  modifiers: ?ASTModifiers
+  modifiers?: ASTModifiers | null
 ) {
   const number = modifiers && modifiers.number
-  const selectedVal = `Array.prototype.filter` +
+  const selectedVal =
+    `Array.prototype.filter` +
     `.call($event.target.options,function(o){return o.selected})` +
     `.map(function(o){var val = "_value" in o ? o._value : o.value;` +
     `return ${number ? '_n(val)' : 'val'}})`
@@ -124,23 +134,23 @@ function genSelect (
   addHandler(el, 'change', code, null, true)
 }
 
-function genDefaultModel (
+function genDefaultModel(
   el: ASTElement,
   value: string,
-  modifiers: ?ASTModifiers
-): ?boolean {
+  modifiers?: ASTModifiers | null
+): boolean | void {
   const type = el.attrsMap.type
 
   // warn if v-bind:value conflicts with v-model
   // except for inputs with v-bind:type
-  if (process.env.NODE_ENV !== 'production') {
+  if (__DEV__) {
     const value = el.attrsMap['v-bind:value'] || el.attrsMap[':value']
     const typeBinding = el.attrsMap['v-bind:type'] || el.attrsMap[':type']
     if (value && !typeBinding) {
       const binding = el.attrsMap['v-bind:value'] ? 'v-bind:value' : ':value'
       warn(
         `${binding}="${value}" conflicts with v-model on the same element ` +
-        'because the latter already expands to a value binding internally',
+          'because the latter already expands to a value binding internally',
         el.rawAttrsMap[binding]
       )
     }
@@ -148,11 +158,7 @@ function genDefaultModel (
 
   const { lazy, number, trim } = modifiers || {}
   const needCompositionGuard = !lazy && type !== 'range'
-  const event = lazy
-    ? 'change'
-    : type === 'range'
-      ? RANGE_TOKEN
-      : 'input'
+  const event = lazy ? 'change' : type === 'range' ? RANGE_TOKEN : 'input'
 
   let valueExpression = '$event.target.value'
   if (trim) {

package/src/platforms/web/compiler/directives/{text.js → text.ts}

@@ -1,8 +1,7 @@
-/* @flow */
-
 import { addProp } from 'compiler/helpers'
+import { ASTDirective, ASTElement } from 'types/compiler'
 
-export default function text (el: ASTElement, dir: ASTDirective) {
+export default function text(el: ASTElement, dir: ASTDirective) {
   if (dir.value) {
     addProp(el, 'textContent', `_s(${dir.value})`, dir)
   }

package/src/platforms/web/compiler/{index.js → index.ts}

@@ -1,5 +1,3 @@
-/* @flow */
-
 import { baseOptions } from './options'
 import { createCompiler } from 'compiler/index'
 

package/src/platforms/web/compiler/modules/{class.js → class.ts}

@@ -1,29 +1,24 @@
-/* @flow */
-
 import { parseText } from 'compiler/parser/text-parser'
-import {
-  getAndRemoveAttr,
-  getBindingAttr,
-  baseWarn
-} from 'compiler/helpers'
+import { getAndRemoveAttr, getBindingAttr, baseWarn } from 'compiler/helpers'
+import { ASTElement, CompilerOptions, ModuleOptions } from 'types/compiler'
 
-function transformNode (el: ASTElement, options: CompilerOptions) {
+function transformNode(el: ASTElement, options: CompilerOptions) {
   const warn = options.warn || baseWarn
   const staticClass = getAndRemoveAttr(el, 'class')
-  if (process.env.NODE_ENV !== 'production' && staticClass) {
+  if (__DEV__ && staticClass) {
     const res = parseText(staticClass, options.delimiters)
     if (res) {
       warn(
         `class="${staticClass}": ` +
-        'Interpolation inside attributes has been removed. ' +
-        'Use v-bind or the colon shorthand instead. For example, ' +
-        'instead of <div class="{{ val }}">, use <div :class="val">.',
+          'Interpolation inside attributes has been removed. ' +
+          'Use v-bind or the colon shorthand instead. For example, ' +
+          'instead of <div class="{{ val }}">, use <div :class="val">.',
         el.rawAttrsMap['class']
       )
     }
   }
   if (staticClass) {
-    el.staticClass = JSON.stringify(staticClass)
+    el.staticClass = JSON.stringify(staticClass.replace(/\s+/g, ' ').trim())
   }
   const classBinding = getBindingAttr(el, 'class', false /* getStatic */)
   if (classBinding) {
@@ -31,7 +26,7 @@ function transformNode (el: ASTElement, options: CompilerOptions) {
   }
 }
 
-function genData (el: ASTElement): string {
+function genData(el: ASTElement): string {
   let data = ''
   if (el.staticClass) {
     data += `staticClass:${el.staticClass},`
@@ -46,4 +41,4 @@ export default {
   staticKeys: ['staticClass'],
   transformNode,
   genData
-}
+} as ModuleOptions

package/src/platforms/web/compiler/modules/{index.js → index.ts}

@@ -2,8 +2,4 @@ import klass from './class'
 import style from './style'
 import model from './model'
 
-export default [
-  klass,
-  style,
-  model
-]
+export default [klass, style, model]

package/src/platforms/web/compiler/modules/{model.js → model.ts}

@@ -1,5 +1,3 @@
-/* @flow */
-
 /**
  * Expand input[v-model] with dynamic type bindings into v-if-else chains
  * Turn this:
@@ -10,11 +8,7 @@
  *   <input v-else :type="type" v-model="data[type]">
  */
 
-import {
-  addRawAttr,
-  getBindingAttr,
-  getAndRemoveAttr
-} from 'compiler/helpers'
+import { addRawAttr, getBindingAttr, getAndRemoveAttr } from 'compiler/helpers'
 
 import {
   processFor,
@@ -22,8 +16,9 @@ import {
   addIfCondition,
   createASTElement
 } from 'compiler/parser/index'
+import { ASTElement, CompilerOptions, ModuleOptions } from 'types/compiler'
 
-function preTransformNode (el: ASTElement, options: CompilerOptions) {
+function preTransformNode(el: ASTElement, options: CompilerOptions) {
   if (el.tag === 'input') {
     const map = el.attrsMap
     if (!map['v-model']) {
@@ -70,7 +65,7 @@ function preTransformNode (el: ASTElement, options: CompilerOptions) {
       addRawAttr(branch2, ':type', typeBinding)
       processElement(branch2, options)
       addIfCondition(branch0, {
-        exp: ifCondition,
+        exp: ifCondition!,
         block: branch2
       })
 
@@ -85,10 +80,10 @@ function preTransformNode (el: ASTElement, options: CompilerOptions) {
   }
 }
 
-function cloneASTElement (el) {
+function cloneASTElement(el) {
   return createASTElement(el.tag, el.attrsList.slice(), el.parent)
 }
 
 export default {
   preTransformNode
-}
+} as ModuleOptions

package/src/platforms/web/compiler/modules/{style.js → style.ts}

@@ -1,26 +1,21 @@
-/* @flow */
-
 import { parseText } from 'compiler/parser/text-parser'
 import { parseStyleText } from 'web/util/style'
-import {
-  getAndRemoveAttr,
-  getBindingAttr,
-  baseWarn
-} from 'compiler/helpers'
+import { getAndRemoveAttr, getBindingAttr, baseWarn } from 'compiler/helpers'
+import { ASTElement, CompilerOptions, ModuleOptions } from 'types/compiler'
 
-function transformNode (el: ASTElement, options: CompilerOptions) {
+function transformNode(el: ASTElement, options: CompilerOptions) {
   const warn = options.warn || baseWarn
   const staticStyle = getAndRemoveAttr(el, 'style')
   if (staticStyle) {
     /* istanbul ignore if */
-    if (process.env.NODE_ENV !== 'production') {
+    if (__DEV__) {
       const res = parseText(staticStyle, options.delimiters)
       if (res) {
         warn(
           `style="${staticStyle}": ` +
-          'Interpolation inside attributes has been removed. ' +
-          'Use v-bind or the colon shorthand instead. For example, ' +
-          'instead of <div style="{{ val }}">, use <div :style="val">.',
+            'Interpolation inside attributes has been removed. ' +
+            'Use v-bind or the colon shorthand instead. For example, ' +
+            'instead of <div style="{{ val }}">, use <div :style="val">.',
           el.rawAttrsMap['style']
         )
       }
@@ -34,7 +29,7 @@ function transformNode (el: ASTElement, options: CompilerOptions) {
   }
 }
 
-function genData (el: ASTElement): string {
+function genData(el: ASTElement): string {
   let data = ''
   if (el.staticStyle) {
     data += `staticStyle:${el.staticStyle},`
@@ -49,4 +44,4 @@ export default {
   staticKeys: ['staticStyle'],
   transformNode,
   genData
-}
+} as ModuleOptions

package/src/platforms/web/compiler/{options.js → options.ts}

@@ -1,5 +1,3 @@
-/* @flow */
-
 import {
   isPreTag,
   mustUseProp,
@@ -11,6 +9,7 @@ import modules from './modules/index'
 import directives from './directives/index'
 import { genStaticKeys } from 'shared/util'
 import { isUnaryTag, canBeLeftOpenTag } from './util'
+import { CompilerOptions } from 'types/compiler'
 
 export const baseOptions: CompilerOptions = {
   expectHTML: true,

package/src/platforms/web/compiler/{util.js → util.ts}

@@ -1,10 +1,8 @@
-/* @flow */
-
 import { makeMap } from 'shared/util'
 
 export const isUnaryTag = makeMap(
   'area,base,br,col,embed,frame,hr,img,input,isindex,keygen,' +
-  'link,meta,param,source,track,wbr'
+    'link,meta,param,source,track,wbr'
 )
 
 // Elements that you can, intentionally, leave open
@@ -17,8 +15,8 @@ export const canBeLeftOpenTag = makeMap(
 // Phrasing Content https://html.spec.whatwg.org/multipage/dom.html#phrasing-content
 export const isNonPhrasingTag = makeMap(
   'address,article,aside,base,blockquote,body,caption,col,colgroup,dd,' +
-  'details,dialog,div,dl,dt,fieldset,figcaption,figure,footer,form,' +
-  'h1,h2,h3,h4,h5,h6,head,header,hgroup,hr,html,legend,li,menuitem,meta,' +
-  'optgroup,option,param,rp,rt,source,style,summary,tbody,td,tfoot,th,thead,' +
-  'title,tr,track'
+    'details,dialog,div,dl,dt,fieldset,figcaption,figure,footer,form,' +
+    'h1,h2,h3,h4,h5,h6,head,header,hgroup,hr,html,legend,li,menuitem,meta,' +
+    'optgroup,option,param,rp,rt,source,style,summary,tbody,td,tfoot,th,thead,' +
+    'title,tr,track'
 )

package/src/platforms/web/entry-compiler-sfc.ts

@@ -0,0 +1 @@
+export function compile() {}

package/src/platforms/web/{entry-compiler.js → entry-compiler.ts}

@@ -1,6 +1,4 @@
-/* @flow */
-
 export { parseComponent } from 'sfc/parser'
 export { compile, compileToFunctions } from './compiler/index'
-export { ssrCompile, ssrCompileToFunctions } from './server/compiler'
+export { ssrCompile, ssrCompileToFunctions } from 'server/compiler'
 export { generateCodeFrame } from 'compiler/codeframe'

package/src/platforms/web/{entry-runtime.js → entry-runtime-esm.ts}

@@ -1,5 +1,5 @@
-/* @flow */
-
 import Vue from './runtime/index'
 
 export default Vue
+
+export * from 'v3'

package/src/platforms/web/entry-runtime-with-compiler-esm.ts

@@ -0,0 +1,5 @@
+import Vue from './runtime-with-compiler'
+
+export default Vue
+
+export * from 'v3'

package/src/platforms/web/entry-runtime-with-compiler.ts

@@ -0,0 +1,10 @@
+import Vue from './runtime-with-compiler'
+import * as vca from 'v3'
+import { extend } from 'shared/util'
+
+extend(Vue, vca)
+
+import { effect } from 'v3/reactivity/effect'
+Vue.effect = effect
+
+export default Vue

package/src/platforms/web/entry-runtime.ts

@@ -0,0 +1,7 @@
+import Vue from './runtime/index'
+import * as vca from 'v3'
+import { extend } from 'shared/util'
+
+extend(Vue, vca)
+
+export default Vue

package/src/platforms/web/runtime/{class-util.js → class-util.ts}

@@ -1,12 +1,10 @@
-/* @flow */
-
 const whitespaceRE = /\s+/
 
 /**
  * Add class with compatibility for SVG since classList is not supported on
  * SVG elements in IE
  */
-export function addClass (el: HTMLElement, cls: ?string) {
+export function addClass(el: HTMLElement, cls?: string) {
   /* istanbul ignore if */
   if (!cls || !(cls = cls.trim())) {
     return
@@ -31,7 +29,7 @@ export function addClass (el: HTMLElement, cls: ?string) {
  * Remove class with compatibility for SVG since classList is not supported on
  * SVG elements in IE
  */
-export function removeClass (el: HTMLElement, cls: ?string) {
+export function removeClass(el: HTMLElement, cls?: string) {
   /* istanbul ignore if */
   if (!cls || !(cls = cls.trim())) {
     return