vue 2.6.13 → 2.7.0-alpha.2

package/src/platforms/weex/runtime/modules/style.js

@@ -1,84 +0,0 @@
-/* @flow */
-
-import { extend, cached, camelize } from 'shared/util'
-
-const normalize = cached(camelize)
-
-function createStyle (oldVnode: VNodeWithData, vnode: VNodeWithData) {
-  if (!vnode.data.staticStyle) {
-    updateStyle(oldVnode, vnode)
-    return
-  }
-  const elm = vnode.elm
-  const staticStyle = vnode.data.staticStyle
-  const supportBatchUpdate = typeof elm.setStyles === 'function'
-  const batchedStyles = {}
-  for (const name in staticStyle) {
-    if (staticStyle[name]) {
-      supportBatchUpdate
-        ? (batchedStyles[normalize(name)] = staticStyle[name])
-        : elm.setStyle(normalize(name), staticStyle[name])
-    }
-  }
-  if (supportBatchUpdate) {
-    elm.setStyles(batchedStyles)
-  }
-  updateStyle(oldVnode, vnode)
-}
-
-function updateStyle (oldVnode: VNodeWithData, vnode: VNodeWithData) {
-  if (!oldVnode.data.style && !vnode.data.style) {
-    return
-  }
-  let cur, name
-  const elm = vnode.elm
-  const oldStyle: any = oldVnode.data.style || {}
-  let style: any = vnode.data.style || {}
-
-  const needClone = style.__ob__
-
-  // handle array syntax
-  if (Array.isArray(style)) {
-    style = vnode.data.style = toObject(style)
-  }
-
-  // clone the style for future updates,
-  // in case the user mutates the style object in-place.
-  if (needClone) {
-    style = vnode.data.style = extend({}, style)
-  }
-
-  const supportBatchUpdate = typeof elm.setStyles === 'function'
-  const batchedStyles = {}
-  for (name in oldStyle) {
-    if (!style[name]) {
-      supportBatchUpdate
-        ? (batchedStyles[normalize(name)] = '')
-        : elm.setStyle(normalize(name), '')
-    }
-  }
-  for (name in style) {
-    cur = style[name]
-    supportBatchUpdate
-      ? (batchedStyles[normalize(name)] = cur)
-      : elm.setStyle(normalize(name), cur)
-  }
-  if (supportBatchUpdate) {
-    elm.setStyles(batchedStyles)
-  }
-}
-
-function toObject (arr) {
-  const res = {}
-  for (let i = 0; i < arr.length; i++) {
-    if (arr[i]) {
-      extend(res, arr[i])
-    }
-  }
-  return res
-}
-
-export default {
-  create: createStyle,
-  update: updateStyle
-}

package/src/platforms/weex/runtime/modules/transition.js

@@ -1,270 +0,0 @@
-import { warn } from 'core/util/debug'
-import { extend, once, noop } from 'shared/util'
-import { activeInstance } from 'core/instance/lifecycle'
-import { resolveTransition } from 'web/runtime/transition-util'
-
-export default {
-  create: enter,
-  activate: enter,
-  remove: leave
-}
-
-function enter (_, vnode) {
-  const el = vnode.elm
-
-  // call leave callback now
-  if (el._leaveCb) {
-    el._leaveCb.cancelled = true
-    el._leaveCb()
-  }
-
-  const data = resolveTransition(vnode.data.transition)
-  if (!data) {
-    return
-  }
-
-  /* istanbul ignore if */
-  if (el._enterCb) {
-    return
-  }
-
-  const {
-    enterClass,
-    enterToClass,
-    enterActiveClass,
-    appearClass,
-    appearToClass,
-    appearActiveClass,
-    beforeEnter,
-    enter,
-    afterEnter,
-    enterCancelled,
-    beforeAppear,
-    appear,
-    afterAppear,
-    appearCancelled
-  } = data
-
-  let context = activeInstance
-  let transitionNode = activeInstance.$vnode
-  while (transitionNode && transitionNode.parent) {
-    transitionNode = transitionNode.parent
-    context = transitionNode.context
-  }
-
-  const isAppear = !context._isMounted || !vnode.isRootInsert
-
-  if (isAppear && !appear && appear !== '') {
-    return
-  }
-
-  const startClass = isAppear ? appearClass : enterClass
-  const toClass = isAppear ? appearToClass : enterToClass
-  const activeClass = isAppear ? appearActiveClass : enterActiveClass
-  const beforeEnterHook = isAppear ? (beforeAppear || beforeEnter) : beforeEnter
-  const enterHook = isAppear ? (typeof appear === 'function' ? appear : enter) : enter
-  const afterEnterHook = isAppear ? (afterAppear || afterEnter) : afterEnter
-  const enterCancelledHook = isAppear ? (appearCancelled || enterCancelled) : enterCancelled
-
-  const userWantsControl =
-    enterHook &&
-    // enterHook may be a bound method which exposes
-    // the length of original fn as _length
-    (enterHook._length || enterHook.length) > 1
-
-  const stylesheet = vnode.context.$options.style || {}
-  const startState = stylesheet[startClass]
-  const transitionProperties = (stylesheet['@TRANSITION'] && stylesheet['@TRANSITION'][activeClass]) || {}
-  const endState = getEnterTargetState(el, stylesheet, startClass, toClass, activeClass)
-  const needAnimation = Object.keys(endState).length > 0
-
-  const cb = el._enterCb = once(() => {
-    if (cb.cancelled) {
-      enterCancelledHook && enterCancelledHook(el)
-    } else {
-      afterEnterHook && afterEnterHook(el)
-    }
-    el._enterCb = null
-  })
-
-  // We need to wait until the native element has been inserted, but currently
-  // there's no API to do that. So we have to wait "one frame" - not entirely
-  // sure if this is guaranteed to be enough (e.g. on slow devices?)
-  setTimeout(() => {
-    const parent = el.parentNode
-    const pendingNode = parent && parent._pending && parent._pending[vnode.key]
-    if (pendingNode &&
-      pendingNode.context === vnode.context &&
-      pendingNode.tag === vnode.tag &&
-      pendingNode.elm._leaveCb
-    ) {
-      pendingNode.elm._leaveCb()
-    }
-    enterHook && enterHook(el, cb)
-
-    if (needAnimation) {
-      const animation = vnode.context.$requireWeexModule('animation')
-      animation.transition(el.ref, {
-        styles: endState,
-        duration: transitionProperties.duration || 0,
-        delay: transitionProperties.delay || 0,
-        timingFunction: transitionProperties.timingFunction || 'linear'
-      }, userWantsControl ? noop : cb)
-    } else if (!userWantsControl) {
-      cb()
-    }
-  }, 16)
-
-  // start enter transition
-  beforeEnterHook && beforeEnterHook(el)
-
-  if (startState) {
-    if (typeof el.setStyles === 'function') {
-      el.setStyles(startState)
-    } else {
-      for (const key in startState) {
-        el.setStyle(key, startState[key])
-      }
-    }
-  }
-
-  if (!needAnimation && !userWantsControl) {
-    cb()
-  }
-}
-
-function leave (vnode, rm) {
-  const el = vnode.elm
-
-  // call enter callback now
-  if (el._enterCb) {
-    el._enterCb.cancelled = true
-    el._enterCb()
-  }
-
-  const data = resolveTransition(vnode.data.transition)
-  if (!data) {
-    return rm()
-  }
-
-  if (el._leaveCb) {
-    return
-  }
-
-  const {
-    leaveClass,
-    leaveToClass,
-    leaveActiveClass,
-    beforeLeave,
-    leave,
-    afterLeave,
-    leaveCancelled,
-    delayLeave
-  } = data
-
-  const userWantsControl =
-    leave &&
-    // leave hook may be a bound method which exposes
-    // the length of original fn as _length
-    (leave._length || leave.length) > 1
-
-  const stylesheet = vnode.context.$options.style || {}
-  const startState = stylesheet[leaveClass]
-  const endState = stylesheet[leaveToClass] || stylesheet[leaveActiveClass]
-  const transitionProperties = (stylesheet['@TRANSITION'] && stylesheet['@TRANSITION'][leaveActiveClass]) || {}
-
-  const cb = el._leaveCb = once(() => {
-    if (el.parentNode && el.parentNode._pending) {
-      el.parentNode._pending[vnode.key] = null
-    }
-    if (cb.cancelled) {
-      leaveCancelled && leaveCancelled(el)
-    } else {
-      rm()
-      afterLeave && afterLeave(el)
-    }
-    el._leaveCb = null
-  })
-
-  if (delayLeave) {
-    delayLeave(performLeave)
-  } else {
-    performLeave()
-  }
-
-  function performLeave () {
-    const animation = vnode.context.$requireWeexModule('animation')
-    // the delayed leave may have already been cancelled
-    if (cb.cancelled) {
-      return
-    }
-    // record leaving element
-    if (!vnode.data.show) {
-      (el.parentNode._pending || (el.parentNode._pending = {}))[vnode.key] = vnode
-    }
-    beforeLeave && beforeLeave(el)
-
-    if (startState) {
-      animation.transition(el.ref, {
-        styles: startState
-      }, next)
-    } else {
-      next()
-    }
-
-    function next () {
-      animation.transition(el.ref, {
-        styles: endState,
-        duration: transitionProperties.duration || 0,
-        delay: transitionProperties.delay || 0,
-        timingFunction: transitionProperties.timingFunction || 'linear'
-      }, userWantsControl ? noop : cb)
-    }
-
-    leave && leave(el, cb)
-    if (!endState && !userWantsControl) {
-      cb()
-    }
-  }
-}
-
-// determine the target animation style for an entering transition.
-function getEnterTargetState (el, stylesheet, startClass, endClass, activeClass) {
-  const targetState = {}
-  const startState = stylesheet[startClass]
-  const endState = stylesheet[endClass]
-  const activeState = stylesheet[activeClass]
-  // 1. fallback to element's default styling
-  if (startState) {
-    for (const key in startState) {
-      targetState[key] = el.style[key]
-      if (
-        process.env.NODE_ENV !== 'production' &&
-        targetState[key] == null &&
-        (!activeState || activeState[key] == null) &&
-        (!endState || endState[key] == null)
-      ) {
-        warn(
-          `transition property "${key}" is declared in enter starting class (.${startClass}), ` +
-          `but not declared anywhere in enter ending class (.${endClass}), ` +
-          `enter active cass (.${activeClass}) or the element's default styling. ` +
-          `Note in Weex, CSS properties need explicit values to be transitionable.`
-        )
-      }
-    }
-  }
-  // 2. if state is mixed in active state, extract them while excluding
-  //    transition properties
-  if (activeState) {
-    for (const key in activeState) {
-      if (key.indexOf('transition') !== 0) {
-        targetState[key] = activeState[key]
-      }
-    }
-  }
-  // 3. explicit endState has highest priority
-  if (endState) {
-    extend(targetState, endState)
-  }
-  return targetState
-}

package/src/platforms/weex/runtime/node-ops.js

@@ -1,91 +0,0 @@
-/* @flow */
-declare var document: WeexDocument;
-
-import TextNode from 'weex/runtime/text-node'
-
-export const namespaceMap = {}
-
-export function createElement (tagName: string): WeexElement {
-  return document.createElement(tagName)
-}
-
-export function createElementNS (namespace: string, tagName: string): WeexElement {
-  return document.createElement(namespace + ':' + tagName)
-}
-
-export function createTextNode (text: string) {
-  return new TextNode(text)
-}
-
-export function createComment (text: string) {
-  return document.createComment(text)
-}
-
-export function insertBefore (
-  node: WeexElement,
-  target: WeexElement,
-  before: WeexElement
-) {
-  if (target.nodeType === 3) {
-    if (node.type === 'text') {
-      node.setAttr('value', target.text)
-      target.parentNode = node
-    } else {
-      const text = createElement('text')
-      text.setAttr('value', target.text)
-      node.insertBefore(text, before)
-    }
-    return
-  }
-  node.insertBefore(target, before)
-}
-
-export function removeChild (node: WeexElement, child: WeexElement) {
-  if (child.nodeType === 3) {
-    node.setAttr('value', '')
-    return
-  }
-  node.removeChild(child)
-}
-
-export function appendChild (node: WeexElement, child: WeexElement) {
-  if (child.nodeType === 3) {
-    if (node.type === 'text') {
-      node.setAttr('value', child.text)
-      child.parentNode = node
-    } else {
-      const text = createElement('text')
-      text.setAttr('value', child.text)
-      node.appendChild(text)
-    }
-    return
-  }
-
-  node.appendChild(child)
-}
-
-export function parentNode (node: WeexElement): WeexElement | void {
-  return node.parentNode
-}
-
-export function nextSibling (node: WeexElement): WeexElement | void {
-  return node.nextSibling
-}
-
-export function tagName (node: WeexElement): string {
-  return node.type
-}
-
-export function setTextContent (node: WeexElement, text: string) {
-  if (node.parentNode) {
-    node.parentNode.setAttr('value', text)
-  }
-}
-
-export function setAttribute (node: WeexElement, key: string, val: any) {
-  node.setAttr(key, val)
-}
-
-export function setStyleScope (node: WeexElement, scopeId: string) {
-  node.setAttr('@styleScope', scopeId)
-}

package/src/platforms/weex/runtime/patch.js

@@ -1,16 +0,0 @@
-/* @flow */
-
-import * as nodeOps from 'weex/runtime/node-ops'
-import { createPatchFunction } from 'core/vdom/patch'
-import baseModules from 'core/vdom/modules/index'
-import platformModules from 'weex/runtime/modules/index'
-
-// the directive module should be applied last, after all
-// built-in modules have been applied.
-const modules = platformModules.concat(baseModules)
-
-export const patch: Function = createPatchFunction({
-  nodeOps,
-  modules,
-  LONG_LIST_THRESHOLD: 10
-})

package/src/platforms/weex/runtime/recycle-list/render-component-template.js

@@ -1,34 +0,0 @@
-/* @flow */
-
-import { warn } from 'core/util/debug'
-import { handleError } from 'core/util/error'
-import { RECYCLE_LIST_MARKER } from 'weex/util/index'
-import { createComponentInstanceForVnode } from 'core/vdom/create-component'
-import { resolveVirtualComponent } from './virtual-component'
-
-export function isRecyclableComponent (vnode: VNodeWithData): boolean {
-  return vnode.data.attrs
-    ? (RECYCLE_LIST_MARKER in vnode.data.attrs)
-    : false
-}
-
-export function renderRecyclableComponentTemplate (vnode: MountedComponentVNode): VNode {
-  // $flow-disable-line
-  delete vnode.data.attrs[RECYCLE_LIST_MARKER]
-  resolveVirtualComponent(vnode)
-  const vm = createComponentInstanceForVnode(vnode)
-  const render = (vm.$options: any)['@render']
-  if (render) {
-    try {
-      return render.call(vm)
-    } catch (err) {
-      handleError(err, vm, `@render`)
-    }
-  } else {
-    warn(
-      `@render function not defined on component used in <recycle-list>. ` +
-      `Make sure to declare \`recyclable="true"\` on the component's template.`,
-      vm
-    )
-  }
-}

package/src/platforms/weex/runtime/recycle-list/virtual-component.js

@@ -1,136 +0,0 @@
-/* @flow */
-
-// https://github.com/Hanks10100/weex-native-directive/tree/master/component
-
-import { mergeOptions, isPlainObject, noop } from 'core/util/index'
-import Watcher from 'core/observer/watcher'
-import { initProxy } from 'core/instance/proxy'
-import { initState, getData } from 'core/instance/state'
-import { initRender } from 'core/instance/render'
-import { initEvents } from 'core/instance/events'
-import { initProvide, initInjections } from 'core/instance/inject'
-import { initLifecycle, callHook } from 'core/instance/lifecycle'
-import { initInternalComponent, resolveConstructorOptions } from 'core/instance/init'
-import { registerComponentHook, updateComponentData } from '../../util/index'
-
-let uid = 0
-
-// override Vue.prototype._init
-function initVirtualComponent (options: Object = {}) {
-  const vm: Component = this
-  const componentId = options.componentId
-
-  // virtual component uid
-  vm._uid = `virtual-component-${uid++}`
-
-  // a flag to avoid this being observed
-  vm._isVue = true
-  // merge options
-  if (options && options._isComponent) {
-    // optimize internal component instantiation
-    // since dynamic options merging is pretty slow, and none of the
-    // internal component options needs special treatment.
-    initInternalComponent(vm, options)
-  } else {
-    vm.$options = mergeOptions(
-      resolveConstructorOptions(vm.constructor),
-      options || {},
-      vm
-    )
-  }
-
-  /* istanbul ignore else */
-  if (process.env.NODE_ENV !== 'production') {
-    initProxy(vm)
-  } else {
-    vm._renderProxy = vm
-  }
-
-  vm._self = vm
-  initLifecycle(vm)
-  initEvents(vm)
-  initRender(vm)
-  callHook(vm, 'beforeCreate')
-  initInjections(vm) // resolve injections before data/props
-  initState(vm)
-  initProvide(vm) // resolve provide after data/props
-  callHook(vm, 'created')
-
-  // send initial data to native
-  const data = vm.$options.data
-  const params = typeof data === 'function'
-    ? getData(data, vm)
-    : data || {}
-  if (isPlainObject(params)) {
-    updateComponentData(componentId, params)
-  }
-
-  registerComponentHook(componentId, 'lifecycle', 'attach', () => {
-    callHook(vm, 'beforeMount')
-
-    const updateComponent = () => {
-      vm._update(vm._vnode, false)
-    }
-    new Watcher(vm, updateComponent, noop, null, true)
-
-    vm._isMounted = true
-    callHook(vm, 'mounted')
-  })
-
-  registerComponentHook(componentId, 'lifecycle', 'detach', () => {
-    vm.$destroy()
-  })
-}
-
-// override Vue.prototype._update
-function updateVirtualComponent (vnode?: VNode) {
-  const vm: Component = this
-  const componentId = vm.$options.componentId
-  if (vm._isMounted) {
-    callHook(vm, 'beforeUpdate')
-  }
-  vm._vnode = vnode
-  if (vm._isMounted && componentId) {
-    // TODO: data should be filtered and without bindings
-    const data = Object.assign({}, vm._data)
-    updateComponentData(componentId, data, () => {
-      callHook(vm, 'updated')
-    })
-  }
-}
-
-// listening on native callback
-export function resolveVirtualComponent (vnode: MountedComponentVNode): VNode {
-  const BaseCtor = vnode.componentOptions.Ctor
-  const VirtualComponent = BaseCtor.extend({})
-  const cid = VirtualComponent.cid
-  VirtualComponent.prototype._init = initVirtualComponent
-  VirtualComponent.prototype._update = updateVirtualComponent
-
-  vnode.componentOptions.Ctor = BaseCtor.extend({
-    beforeCreate () {
-      // const vm: Component = this
-
-      // TODO: listen on all events and dispatch them to the
-      // corresponding virtual components according to the componentId.
-      // vm._virtualComponents = {}
-      const createVirtualComponent = (componentId, propsData) => {
-        // create virtual component
-        // const subVm =
-        new VirtualComponent({
-          componentId,
-          propsData
-        })
-        // if (vm._virtualComponents) {
-        //   vm._virtualComponents[componentId] = subVm
-        // }
-      }
-
-      registerComponentHook(cid, 'lifecycle', 'create', createVirtualComponent)
-    },
-    beforeDestroy () {
-      delete this._virtualComponents
-    }
-  })
-}
-

package/src/platforms/weex/runtime/text-node.js

@@ -1,9 +0,0 @@
-let latestNodeId = 1
-
-export default function TextNode (text) {
-  this.instanceId = ''
-  this.nodeId = latestNodeId++
-  this.parentNode = null
-  this.nodeType = 3
-  this.text = text
-}

package/src/platforms/weex/util/element.js

@@ -1,52 +0,0 @@
-/* @flow */
-
-// These util functions are split into its own file because Rollup cannot drop
-// makeMap() due to potential side effects, so these variables end up
-// bloating the web builds.
-
-import { makeMap, noop } from 'shared/util'
-
-export const isReservedTag = makeMap(
-  'template,script,style,element,content,slot,link,meta,svg,view,' +
-  'a,div,img,image,text,span,input,switch,textarea,spinner,select,' +
-  'slider,slider-neighbor,indicator,canvas,' +
-  'list,cell,header,loading,loading-indicator,refresh,scrollable,scroller,' +
-  'video,web,embed,tabbar,tabheader,datepicker,timepicker,marquee,countdown',
-  true
-)
-
-// Elements that you can, intentionally, leave open (and which close themselves)
-// more flexible than web
-export const canBeLeftOpenTag = makeMap(
-  'web,spinner,switch,video,textarea,canvas,' +
-  'indicator,marquee,countdown',
-  true
-)
-
-export const isRuntimeComponent = makeMap(
-  'richtext,transition,transition-group',
-  true
-)
-
-export const isUnaryTag = makeMap(
-  'embed,img,image,input,link,meta',
-  true
-)
-
-export function mustUseProp (): boolean {
-  return false
-}
-
-export function getTagNamespace (): void { }
-
-export function isUnknownElement (): boolean {
-  return false
-}
-
-export function query (el: string | Element, document: Object) {
-  // document is injected by weex factory wrapper
-  const placeholder = document.createComment('root')
-  placeholder.hasAttribute = placeholder.removeAttribute = noop // hack for patch
-  document.documentElement.appendChild(placeholder)
-  return placeholder
-}