@mpxjs/core 2.7.52 → 2.8.0-beta.2

package/src/observer/watcher.js

@@ -1,244 +0,0 @@
-import { queueWatcher, dequeueWatcher } from './scheduler'
-import { pushTarget, popTarget } from './dep'
-import { getByPath, isObject, remove } from '../helper/utils'
-
-let uid = 0
-
-/**
- * A watcher parses an expression, collects dependencies,
- * and fires callback when the expression value changes.
- * This is used for both the $watch() api and directives.
- */
-export default class Watcher {
-  constructor (
-    vm,
-    expOrFn,
-    cb,
-    options
-  ) {
-    this.vm = vm
-    vm._watchers = vm._watchers || []
-    vm._watchers.push(this)
-    // options
-    if (options) {
-      this.deep = !!options.deep
-      this.lazy = !!options.lazy
-      this.sync = !!options.sync
-      this.name = options.name
-    } else {
-      this.deep = this.lazy = this.sync = false
-    }
-    this.cb = cb
-    this.id = ++uid // uid for batching
-    this.active = true
-    this.immediateAsync = false
-    // 是否暂停，默认为否
-    this.paused = false
-    // 是否可被暂停，默认为否，不可被暂停
-    this.pausable = !!(options && options.pausable) || false
-    this.dirty = this.lazy // for lazy watchers
-    this.deps = []
-    this.newDeps = []
-    this.depIds = new Set()
-    this.newDepIds = new Set()
-    this.expression = process.env.NODE_ENV !== 'production' ? expOrFn.toString() : ''
-    // parse expression for getter
-    if (typeof expOrFn === 'function') {
-      this.getter = expOrFn
-    } else {
-      this.getter = function () {
-        return getByPath(this, expOrFn)
-      }
-    }
-    this.value = this.lazy
-      ? undefined
-      : this.get()
-  }
-
-  /**
-   * Evaluate the getter, and re-collect dependencies.
-   */
-  get () {
-    pushTarget(this)
-    let value
-    const vm = this.vm
-    try {
-      value = this.getter.call(vm.target)
-    } catch (e) {
-      throw e
-    } finally {
-      // "touch" every property so they are all tracked as
-      // dependencies for deep watching
-      if (this.deep) {
-        traverse(value)
-      }
-      popTarget()
-      this.cleanupDeps()
-    }
-    return value
-  }
-
-  /**
-   * Add a dependency to this directive.
-   */
-  addDep (dep) {
-    const id = dep.id
-    if (!this.newDepIds.has(id)) {
-      this.newDepIds.add(id)
-      this.newDeps.push(dep)
-      if (!this.depIds.has(id)) {
-        dep.addSub(this)
-      }
-    }
-  }
-
-  /**
-   * Clean up for dependency collection.
-   */
-  cleanupDeps () {
-    let i = this.deps.length
-    while (i--) {
-      const dep = this.deps[i]
-      if (!this.newDepIds.has(dep.id)) {
-        dep.removeSub(this)
-      }
-    }
-    let tmp = this.depIds
-    this.depIds = this.newDepIds
-    this.newDepIds = tmp
-    this.newDepIds.clear()
-    tmp = this.deps
-    this.deps = this.newDeps
-    this.newDeps = tmp
-    this.newDeps.length = 0
-  }
-
-  /**
-   * Subscriber interface.
-   * Will be called when a dependency changes.
-   */
-  // 支持临时将某个异步watcher修改为sync执行，在模拟setData时使用
-  update (sync) {
-    /* istanbul ignore else */
-    if (this.lazy || this.paused) {
-      this.dirty = true
-    } else if (this.sync || sync) {
-      if (sync) dequeueWatcher(this)
-      this.run()
-    } else {
-      queueWatcher(this)
-    }
-  }
-
-  pause () {
-    // pausable=false 不可暂停
-    if (!this.pausable) return
-    this.paused = true
-  }
-  resume () {
-    // pausable=false 不可恢复
-    if (!this.pausable) return
-    // paused 阶段被触发，则 resume 后执行一次run
-    this.paused = false
-    if (this.dirty) {
-      this.dirty = false
-      this.run()
-    }
-  }
-  /**
-   * Scheduler job interface.
-   * Will be called by the scheduler.
-   */
-  run () {
-    if (this.active) {
-      const value = this.get()
-      if (this.immediateAsync) {
-        this.immediateAsync = false
-        this.value = value
-        this.cb.call(this.vm.target, value)
-      } else if (
-        value !== this.value ||
-        // Deep watchers and watchers on Object/Arrays should fire even
-        // when the value is the same, because the value may
-        // have mutated.
-        isObject(value) ||
-        this.deep
-      ) {
-        // set new value
-        const oldValue = this.value
-        this.value = value
-        this.cb.call(this.vm.target, value, oldValue)
-      }
-    }
-  }
-
-  /**
-   * Evaluate the value of the watcher.
-   * This only gets called for lazy watchers.
-   */
-  evaluate () {
-    this.value = this.get()
-    this.dirty = false
-  }
-
-  /**
-   * Depend on all deps collected by this watcher.
-   */
-  depend () {
-    let i = this.deps.length
-    while (i--) {
-      this.deps[i].depend()
-    }
-  }
-
-  /**
-   * Remove self from all dependencies' subscriber list.
-   */
-  teardown () {
-    if (this.active) {
-      if (this.vm.state !== '__destroyed__') {
-        remove(this.vm._watchers, this)
-      }
-      let i = this.deps.length
-      while (i--) {
-        this.deps[i].removeSub(this)
-      }
-      this.active = false
-    }
-  }
-}
-
-/**
- * Recursively traverse an object to evoke all converted
- * getters, so that every nested property inside the object
- * is collected as a "deep" dependency.
- */
-const seenObjects = new Set()
-
-function traverse (val) {
-  seenObjects.clear()
-  _traverse(val, seenObjects)
-}
-
-function _traverse (val, seen) {
-  let i, keys
-  const isA = Array.isArray(val)
-  if ((!isA && !isObject(val)) || !Object.isExtensible(val)) {
-    return
-  }
-  if (val.__ob__) {
-    const depId = val.__ob__.dep.id
-    if (seen.has(depId)) {
-      return
-    }
-    seen.add(depId)
-  }
-  if (isA) {
-    i = val.length
-    while (i--) _traverse(val[i], seen)
-  } else {
-    keys = Object.keys(val)
-    i = keys.length
-    while (i--) _traverse(val[keys[i]], seen)
-  }
-}