behavior.js 1.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455
  1. import { getCurrentRoute } from './utils.js'
  2. /*默认配置*/
  3. const defaultOptions = {
  4. strict: false,
  5. enter(current) {},
  6. leave(prev) {},
  7. routting(current, prev) {}
  8. }
  9. // 用于存放页面路由信息
  10. const map = new Map()
  11. // 用于存放上一个页面路由信息
  12. let prev = null
  13. function behavior(options) {
  14. const mixin = {}
  15. options = { ...defaultOptions, ...options }
  16. // 页面打开
  17. mixin.onLoad = function() {
  18. const route = getCurrentRoute()
  19. if (!route) return
  20. if (map.has(route.path)) return
  21. map.set(route.path, route)
  22. options.enter(route)
  23. options.routting(route, prev)
  24. }
  25. // 页面显示
  26. mixin.onShow = function() {
  27. if (options.strict) return
  28. mixin.onLoad()
  29. }
  30. // 页面隐藏
  31. mixin.onHide = function() {
  32. if (options.strict) return
  33. mixin.onUnload()
  34. }
  35. // 页面关闭
  36. mixin.onUnload = function() {
  37. prev = null
  38. const route = getCurrentRoute()
  39. if (!route) return
  40. if (!map.has(route.path)) return
  41. prev = map.get(route.path)
  42. map.delete(prev.path)
  43. options.leave(prev)
  44. }
  45. return mixin
  46. }
  47. export default behavior