|
|
@@ -0,0 +1,100 @@
|
|
|
+// 空对象和数组
|
|
|
+export const emptyObj = Object.create(null)
|
|
|
+export const emptyArray = []
|
|
|
+
|
|
|
+// 是否定义
|
|
|
+export function isDef (v) {
|
|
|
+ return v !== undefined && v !== null
|
|
|
+}
|
|
|
+
|
|
|
+// 防抖
|
|
|
+export function debounce (fn, delay = 200) {
|
|
|
+ let timeout = null
|
|
|
+ return function () {
|
|
|
+ let context = this
|
|
|
+ let args = arguments
|
|
|
+ clearTimeout(timeout)
|
|
|
+ timeout = setTimeout(() => {
|
|
|
+ fn.call(context, args)
|
|
|
+ }, delay)
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+// 队列执行promise
|
|
|
+export function promiseQueue (promises, isFinally = true) {
|
|
|
+ let queue = Promise.resolve()
|
|
|
+ const type = isFinally ? 'finally' : 'then'
|
|
|
+ for (let item of promises) {
|
|
|
+ queue = queue[type](item)
|
|
|
+ }
|
|
|
+ return queue
|
|
|
+}
|
|
|
+
|
|
|
+// 滚动
|
|
|
+export function scrollTo ($el, left = 0, top = 0) {
|
|
|
+ if ($el.scrollTo) {
|
|
|
+ $el.scrollTo({
|
|
|
+ left,
|
|
|
+ top,
|
|
|
+ behavior: 'smooth'
|
|
|
+ })
|
|
|
+ } else {
|
|
|
+ $el.scrollLeft = left
|
|
|
+ $el.scrollTop = top
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+/* 组件方法 */
|
|
|
+
|
|
|
+// 获取第一个子组件
|
|
|
+export function getFirstComponentChild (children) {
|
|
|
+ if (Array.isArray(children)) {
|
|
|
+ for (let i = 0; i < children.length; i++) {
|
|
|
+ const c = children[i]
|
|
|
+ if (
|
|
|
+ isDef(c) &&
|
|
|
+ (isDef(c.componentOptions) || isAsyncPlaceholder(c))
|
|
|
+ ) {
|
|
|
+ return c
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
+// 获取缓存key
|
|
|
+export function getAliveKey (route = this.$route) {
|
|
|
+ let aliveKey = (route.meta && route.meta.aliveKey) || this.aliveKey || 'path'
|
|
|
+ if (typeof aliveKey === 'function') {
|
|
|
+ return aliveKey.bind(this)(route)
|
|
|
+ }
|
|
|
+ return route[aliveKey]
|
|
|
+}
|
|
|
+
|
|
|
+/* 路由方法 */
|
|
|
+
|
|
|
+// 是否异步占位
|
|
|
+export function isAsyncPlaceholder (node) {
|
|
|
+ return node.isComment && node.asyncFactory
|
|
|
+}
|
|
|
+
|
|
|
+// 获取路由不带hash的路径
|
|
|
+export function getPathWithoutHash (route) {
|
|
|
+ return route.hash
|
|
|
+ ? route.fullPath.replace(route.hash, '')
|
|
|
+ : route.fullPath
|
|
|
+}
|
|
|
+
|
|
|
+// 是否相似路由
|
|
|
+export function isAlikeRoute (route1, route2) {
|
|
|
+ return getPathWithoutHash(route1) === getPathWithoutHash(route2)
|
|
|
+}
|
|
|
+
|
|
|
+// 获取路由页面组件
|
|
|
+export function getRouteComponent ({ matched }) {
|
|
|
+ return matched[matched.length - 1].components.default
|
|
|
+}
|
|
|
+
|
|
|
+// 路由是否共用组件
|
|
|
+export function isSameComponentRoute (route1, route2) {
|
|
|
+ return getRouteComponent(route1) === getRouteComponent(route2)
|
|
|
+}
|
zhaihaoyi