@lambo-design/shared 1.0.0-beta.2 → 1.0.0-beta.21

package/config/config.js

@@ -6,6 +6,18 @@ let config = {
   ssoLoginUrl: "/wdk?action=access.login&method=logout",
   homeName: 'home',
   homePageUrl: '/home',
+  homeRouter: {
+    "name": 'home',
+    "params": {},
+    "query": {},
+    "meta": {
+      "hideInMenu": true,
+      "title": "首页",
+      "icon": "md-home",
+      "appId": "home"
+    },
+    "uri": '/home'
+  },
   upmsServerContext: '/upms-server',
   ossServerContext: '/upms-server',
   didaHost: "/dida-runtime-micro",

package/config/themes/index.js

@@ -1,10 +1,14 @@
 import themeDefault from "./theme-default";
 import themeGold from "./theme-gold";
 import themeLime from "./theme-lime";
+import themeOrange from "./theme-orange";
+import themeRed from "./theme-red";
 
 
 export default [
   themeDefault,
   themeGold,
-  themeLime
+  themeLime,
+  themeOrange,
+  themeRed
 ]

package/config/themes/theme-orange.js

@@ -0,0 +1,40 @@
+export default {
+  key: "orange",
+  title: "魅力橙",
+  primaryColor: "#ee5414",
+  //自定义主题相关颜色覆盖
+  vars:
+      `
+      --primary-color: #ee5414;
+      --primary-color-tint-20: #f17643;
+      --primary-color-tint-90: #fdeee8;
+      --primary-color-tint-80: #fcddd0;
+      --primary-color-tint-5: #ef5d20;
+      --primary-color-tint-95-fade-50: rgba(254, 246, 243, 0.5);
+      --primary-color-fade-20: rgba(238, 84, 20, 0.2);
+      --primary-color-shade-5: #e25013;
+      --normal-color: rgba(254, 246, 243, 0);
+      --link-color: #ee5414;
+      --link-hover-color: #f17643;
+      --link-active-color: #e25013;
+      --selected-color: rgba(238, 84, 20, 0.9);
+      --selected-color-shade-10: rgba(210, 74, 18, 0.91);
+      --date-picker-cell-hover-bg: rgba(238, 84, 20, 0.3);
+      --btn-group-border: #e25013;
+      --btn-primary-bg: #ee5414;
+      --btn-primary-bg-tint-20: #f17643;
+      --btn-primary-bg-tint-5: #ef5d20;
+      --input-hover-border-color: #ee5414;
+      --input-hover-border-color-tint-20: #f17643;
+      --input-hover-border-color-fade-20: rgba(238, 84, 20, 0.2);
+      --input-focus-border-color: color:#ee5414;
+      --slider-color: #f17643;
+    `,
+  style:
+      `
+    html {
+      padding:0;
+      margin:0;
+    }
+    `
+};

package/config/themes/theme-red.js

@@ -0,0 +1,40 @@
+export default {
+  key: "read",
+  title: "发财红",
+  primaryColor: "#ff3457",
+  //自定义主题相关颜色覆盖
+  vars:
+      `
+      --primary-color: #ff3457;
+      --primary-color-tint-20: #ff5d79;
+      --primary-color-tint-90: #ffebee;
+      --primary-color-tint-80: #ffd6dd;
+      --primary-color-tint-5: #ff3e5f;
+      --primary-color-tint-95-fade-50: rgba(255, 245, 247, 0.5);
+      --primary-color-fade-20: rgba(255, 52, 87, 0.2);
+      --primary-color-shade-5: #f23153;
+      --normal-color: rgba(255, 245, 247, 0);
+      --link-color: #ff3457;
+      --link-hover-color: #ff5d79;
+      --link-active-color: #f23153;
+      --selected-color: rgba(255, 52, 87, 0.9);
+      --selected-color-shade-10: rgba(225, 46, 77, 0.9);
+      --date-picker-cell-hover-bg: rgba(255, 52, 87, 0.3);
+      --btn-group-border: #f23153;
+      --btn-primary-bg: #ff3457;
+      --btn-primary-bg-tint-20: #ff5d79;
+      --btn-primary-bg-tint-5: #ff3e5f;
+      --input-hover-border-color: #ff3457;
+      --input-hover-border-color-tint-20: #ff5d79;
+      --input-hover-border-color-fade-20: rgba(255, 52, 87, 0.2);
+      --input-focus-border-color: color:#ff3457;
+      --slider-color: #ff5d79;
+    `,
+  style:
+      `
+    html {
+      padding:0;
+      margin:0;
+    }
+    `
+};

package/directives/index.js

@@ -0,0 +1,23 @@
+const importDirective = Vue => {
+    const requireDirective = require.context(
+        // 其组件目录的相对路径
+        './module',
+        // 是否查询其子目录
+        false,
+        // 匹配基础组件文件名的正则表达式
+        /[a-zA-Z]\w+\.(vue|js)$/
+    )
+    requireDirective.keys().forEach(fileName => {
+        // 获取组件配置
+        const directiveConfig = requireDirective(fileName)
+
+        // 获取组件的 PascalCase 命名
+        const directiveName = fileName
+            .split('/')
+            .pop()
+            .replace(/\.\w+$/, '')
+        Vue.directive(directiveName.toLowerCase(), directiveConfig.default || directiveConfig);
+    });
+}
+
+export default importDirective

package/directives/module/draggable.js

@@ -0,0 +1,56 @@
+import {on} from '../../utils/dom'
+/**
+ * 拖拽指令 v-draggable="options"
+ * options = {
+ *  trigger: /这里传入作为拖拽触发器的CSS选择器/,
+ *  body:    /这里传入需要移动容器的CSS选择器/,
+ *  recover: /拖动结束之后是否恢复到原来的位置/
+ * }
+ */
+export default {
+  inserted: (el, binding, vnode) => {
+    let triggerDom = document.querySelector(binding.value.trigger)
+    triggerDom.style.cursor = 'move'
+    let bodyDom = document.querySelector(binding.value.body)
+    let pageX = 0
+    let pageY = 0
+    let transformX = 0
+    let transformY = 0
+    let canMove = false
+    const handleMousedown = e => {
+      let transform = /\(.*\)/.exec(bodyDom.style.transform)
+      if (transform) {
+        transform = transform[0].slice(1, transform[0].length - 1)
+        let splitxy = transform.split('px, ')
+        transformX = parseFloat(splitxy[0])
+        transformY = parseFloat(splitxy[1].split('px')[0])
+      }
+      pageX = e.pageX
+      pageY = e.pageY
+      canMove = true
+    }
+    const handleMousemove = e => {
+      let xOffset = e.pageX - pageX + transformX
+      let yOffset = e.pageY - pageY + transformY
+      /*if (e.pageX <= 0) {
+        xOffset = pageX
+      }*/
+      if (e.pageY <= 0) {
+        yOffset = transformY - pageY
+      }
+
+      if (canMove) bodyDom.style.transform = `translate(${xOffset}px, ${yOffset}px)`
+    }
+    const handleMouseup = e => {
+      canMove = false
+    }
+    on(triggerDom, 'mousedown', handleMousedown)
+    on(document, 'mousemove', handleMousemove)
+    on(document, 'mouseup', handleMouseup)
+  },
+  update: (el, binding, vnode) => {
+    if (!binding.value.recover) return
+    let bodyDom = document.querySelector(binding.value.body)
+    bodyDom.style.transform = ''
+  }
+}

package/directives/module/permission.js

@@ -0,0 +1,49 @@
+import config from "../../config/config";
+
+const checkPermission = function (el, binding) {
+    el.style.display = "none"
+    const value = binding.value
+    const permissionInStore = sessionStorage.getItem(config.routerBase + "-permission");
+    if (permissionInStore) {
+        const permissionObj = JSON.parse(permissionInStore);
+        //判断是否以'/'为开头结尾
+        if (/(^\/.*\/$)/.test(value)) {
+            //去掉开头结尾的'/'
+            let regexStr = value.replace(/(^\/)|(\/$)/g,"");
+
+            regExCheck(el, permissionObj, regexStr)
+        } else {
+            normalCheck(el, permissionObj, value)
+        }
+    }
+};
+
+const regExCheck = function (el, permissionObj, value) {
+    let regex = new RegExp(value,"i");
+    for (const item of permissionObj) {
+        if (item.permissionValue) {
+            if(regex.test(item.permissionValue)){
+                console.log(item.permissionValue)
+                el.style.display = '';
+            }
+        }
+    }
+}
+
+const normalCheck = function (el, permissionObj, value) {
+    let permission = {};
+    for (const item of permissionObj) {
+        if (item.permissionValue) {
+            permission[item.permissionValue] = true;
+        }
+    }
+    const have = permission[value]
+    if (have || value === "all") {
+        el.style.display = '';
+    }
+}
+
+export default {
+    bind: checkPermission,
+    update: checkPermission
+}

package/index.js

@@ -1,3 +1,4 @@
 import * as config from "./config";
 import * as utils from "./utils";
-export { config, utils };
+import importDirective from  "./directives"
+export { config, utils, importDirective };

package/package.json

@@ -1,20 +1,22 @@
-{
-  "name": "@lambo-design/shared",
-  "version": "1.0.0-beta.2",
-  "description": "",
-  "main": "index.js",
-  "scripts": {},
-  "author": "lambo",
-  "license": "ISC",
-  "publishConfig": {
-    "access": "public"
-  },
-  "dependencies": {
-    "axios": "^0.24.0",
-    "axios-cache-plugin": "^0.1.0",
-    "qs": "^6.11.0",
-    "xlsx": "^0.13.3",
-    "classnames": "^2.3.1",
-    "xlsx-style": "^0.8.13"
-  }
-}
+{
+  "name": "@lambo-design/shared",
+  "version": "1.0.0-beta.21",
+  "description": "",
+  "main": "index.js",
+  "author": "lambo",
+  "license": "ISC",
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org/"
+  },
+  "dependencies": {
+    "axios": "^0.24.0",
+    "axios-cache-plugin": "^0.1.0",
+    "qs": "^6.11.0",
+    "xlsx": "http://10.110.34.38/package/cdn/xlsx-0.19.1.tgz",
+    "classnames": "^2.3.1",
+    "xlsx-style": "^0.8.13",
+    "moment": "2.29.4"
+  },
+  "scripts": {}
+}

package/utils/ajax/interceptors.js

@@ -1,90 +1,97 @@
-import qs from 'qs'
-import cacheRules from "./cacheconf";
-import {getToken,getUrlParams} from '../platform'
-import Bus from '../bus';
-
-
-let timer1, timer2;
-
-function requestInterceptors(config) {
-  const params = getUrlParams();
-
-  let token = getToken();
-  if (token) {
-    config.headers.token = token;
-  }
-
-  //sso_token认证
-  if (params.hasOwnProperty('sso_token')||sessionStorage.getItem('sso_token')) {
-    config.params = Object.assign({
-      sso_token: params.sso_token||sessionStorage.getItem('sso_token') ,
-      sso_id: params.sso_id
-    }, config.params)
-  }
-
-  //oauth认证
-  if (params.hasOwnProperty('token')) {
-    if (config.url.indexOf('?') === -1) {
-      config.url = config.url + "?token=" + params.token + "&ssoid=" + params.ssoid;
-    } else {
-      config.url = config.url + "&token=" + params.token + "&ssoid=" + params.ssoid;
-    }
-  }
-
-  if (config.method === 'post') {
-    // payload为自定义不使用qs.stringify序列化的标记，默认config.payload == undefined;
-    // 为true时用于匹配@requestBody定义参数的接口
-    // 使用方式:post(config.AAAServerContext + '/AAA/BBB/CCC', { ...paramRequestBody }, { payload: true })
-    if (!config.payload) {
-      config.data = qs.stringify(config.data)
-    }
-  } else if (config.method === 'get') {
-    for (let rule of cacheRules) {
-      if (rule.test(config.url)) {
-        return config;
-      }
-    }
-    if (config.url.indexOf('?') === -1) {
-      config.url = config.url + "?t=" + new Date().getTime();
-    } else {
-      config.url = config.url + "&t=" + new Date().getTime();
-    }
-  }
-  return config;
-}
-
-function requestError(error) {
-  console.error("服务器内部异常,请稍候再试",error);
-  return Promise.reject(error);
-}
-
-function responseInterceptors(response) {
-  const data = response.data;
-  if (data instanceof Object) {
-    const code = data["code"];
-    if (code === 10106) {
-      clearTimeout(timer1);
-      timer1 = setTimeout(function () {
-        if (confirm("会话已失效，是否重新登录")) {
-          Bus.$emit("needLogin");
-        }
-      }, 500)
-    }
-  }
-  return response;
-}
-
-function responseError(error) {
-  clearTimeout(timer2);
-  timer2 = setTimeout(function () {
-    console.error("服务器内部异常,请稍候再试");
-  }, 500)
-  return Promise.reject(error);
-}
-
-export default {
-  requestInterceptors,
-  responseInterceptors,
-  requestError,
-  responseError
-}
+import qs from 'qs'
+import cacheRules from "./cacheconf";
+import {getToken,getUrlParams} from '../platform'
+import Bus from '../bus';
+
+
+let timer1, timer2;
+let hasDialog = false;
+
+function requestInterceptors(config) {
+  const params = getUrlParams();
+
+  let token = getToken();
+  if (token) {
+    config.headers.token = token;
+  }
+
+  //sso_token认证
+  if (params.hasOwnProperty('sso_token')||sessionStorage.getItem('sso_token')) {
+    config.params = Object.assign({
+      sso_token: params.sso_token||sessionStorage.getItem('sso_token') ,
+      sso_id: params.sso_id
+    }, config.params)
+  }
+
+  //oauth认证
+  if (params.hasOwnProperty('token')) {
+    if (config.url.indexOf('?') === -1) {
+      config.url = config.url + "?token=" + params.token + "&ssoid=" + params.ssoid;
+    } else {
+      config.url = config.url + "&token=" + params.token + "&ssoid=" + params.ssoid;
+    }
+  }
+
+  if (config.method === 'post') {
+    // payload为自定义不使用qs.stringify序列化的标记，默认config.payload == undefined;
+    // 为true时用于匹配@requestBody定义参数的接口
+    // 使用方式:post(config.AAAServerContext + '/AAA/BBB/CCC', { ...paramRequestBody }, { payload: true })
+    if (!config.payload) {
+      config.data = qs.stringify(config.data)
+    }
+  } else if (config.method === 'get') {
+    for (let rule of cacheRules) {
+      if (rule.test(config.url)) {
+        return config;
+      }
+    }
+    if (config.url.indexOf('?') === -1) {
+      config.url = config.url + "?t=" + new Date().getTime();
+    } else {
+      config.url = config.url + "&t=" + new Date().getTime();
+    }
+  }
+  return config;
+}
+
+function requestError(error) {
+  console.error("服务器内部异常,请稍候再试",error);
+  return Promise.reject(error);
+}
+
+function responseInterceptors(response) {
+  const data = response.data;
+  if (data instanceof Object) {
+    const code = data["code"];
+    if (code === 10106) {
+      if (!hasDialog) {
+        clearTimeout(timer1);
+        timer1 = setTimeout(function () {
+          hasDialog = true;
+          if (confirm("会话已失效，是否重新登录")) {
+            hasDialog = false;
+            Bus.$emit("needLogin");
+          } else {
+            hasDialog = false;
+          }
+        }, 500)
+      }
+    }
+  }
+  return response;
+}
+
+function responseError(error) {
+  clearTimeout(timer2);
+  timer2 = setTimeout(function () {
+    console.error("服务器内部异常,请稍候再试");
+  }, 500)
+  return Promise.reject(error);
+}
+
+export default {
+  requestInterceptors,
+  responseInterceptors,
+  requestError,
+  responseError
+}

package/utils/assist.js

@@ -1,5 +1,6 @@
 // deepCopy
 
+
 export function deepCopy(data) {
   let i;
   const t = typeOf(data);
@@ -43,29 +44,33 @@ export function typeOf(obj) {
 }
 
 export function operateBtn(vm, h, currentRow, operationName, operation, type, permission) {
-  return h('Button', {
-    props: {
-      type: type,
-      size: "small",
-      ghost: true,
-    },
-    directives: [{
-      name: "permission",
-      value: permission
-    }],
-    style: {
-      margin: '0 2px'
-    },
-    on: {
-      'click': () => {
-        operation(vm, currentRow);
+    return h('Button', {
+      props: {
+        type: type,
+        size: "small",
+        ghost: true,
+      },
+      directives: [(permission === '' || permission === null) ? '' : {
+        name: "permission",
+        value: permission
+      }],
+      style: {
+        margin: '0 2px'
+      },
+      on: {
+        'click': () => {
+          operation(vm, currentRow);
+        }
       }
-    }
-  }, operationName);
+    }, operationName);
+
 }
 
 export function operateHref(vm, h, currentRow, operationName, operation) {
-  return h('a', {
+   return h('a', {
+     style: {
+       margin: '0 4px'
+     },
     on: {
       'click': () => {
         operation(vm, currentRow);

package/utils/menu/before-close.js

@@ -0,0 +1,17 @@
+import { Modal } from '@lambo-design/core'
+
+const beforeClose = {
+  before_close_normal: (resolve) => {
+    Modal.confirm({
+      title: '确定要关闭这一页吗?',
+      onOk: () => {
+        resolve(true)
+      },
+      onCancel: () => {
+        resolve(false)
+      }
+    })
+  }
+}
+
+export default beforeClose

package/utils/menu/index.js

@@ -0,0 +1,135 @@
+/**
+ * 判断是否存在路由
+ * @param $router
+ * @param name
+ * @returns {*|boolean}
+ */
+export const hasRoute = ($router, name) => {
+    let routes = $router.getRoutes();
+    let res = routes.filter(item => item.name === name)
+    return res && res.length > 0
+}
+/**
+ * 判断是否存在路由并且页面存在
+ * @param $router
+ * @param path
+ * @returns {*|boolean}
+ */
+export const hasRoutePath = ($router, path) => {
+    let routes = $router.getRoutes();
+    let res = routes.filter(item => item.path === path)
+    return res && res.length > 0
+}
+/**
+ * 动态生成菜单
+ * @param permissionList
+ * @returns []
+ */
+export const generatorMenuList = (permissionList,appId) => {
+    let menuData = [],
+        pageNode = {
+            path: "/page",
+            name: "page",
+            meta: {
+                hideInMenu: true,
+                notCache: true
+            },
+            component: "Main",
+            children: []
+        };
+    listToMenuTree(permissionList, menuData, pageNode, "0", [], true,appId);
+
+    /*if (pageNode.children.length > 0) {
+        menuData.push(pageNode);
+    }*/
+    return menuData;
+};
+
+
+
+/**
+ * 数组转树形结构
+ */
+const listToMenuTree = (list, menuTree, pageNode, parentId, crumbs, root, appId) => {
+    if (list == null) {
+        return;
+    }
+    list.forEach(item => {
+        if (item.appId == appId) {
+            // 判断是否为父级菜单
+            if (item.pid === parentId) {
+                if (item.type === 1 || item.type === 2) {
+                    let node = {
+                        meta: {
+                            appId: item.appId,
+                            title: item.label,
+                            icon: item.icon,
+                            crumbs: [...crumbs],
+                            activeName: item.name
+                        },
+                        type: item.type,
+                        pid: item.pid,
+                        component: item.name,
+                        name: item.name,
+                        uri: item.uri,
+                        children: []
+                    };
+                    node.meta.crumbs.push({
+                        icon: item.icon,
+                        name: item.name,
+                        title: item.label,
+                        type: item.type
+                    });
+
+                    if (item.type === 1) {
+                        if (root) {
+                            node.component = "Main";
+                        } else {
+                            node.component = "parentView";
+                        }
+                    }
+                    // 迭代 list， 找到当前菜单相符合的所有子菜单
+                    listToMenuTree(
+                        list,
+                        node.children,
+                        pageNode,
+                        item.permissionId,
+                        node.meta.crumbs,
+                        false,
+                        appId
+                    );
+                    // 删掉不存在 children 值的属性
+                    if (node.children.length <= 0) {
+                        delete node.children;
+                    }
+                    // 加入到树中
+                    menuTree.push(node);
+                }
+                if (item.type === 4) {
+                    let child = {
+                        meta: {
+                            title: item.label,
+                            hideInMenu: true,
+                            notCache: true,
+                            crumbs: [...crumbs],
+                            type: item.type
+                        },
+                        type: item.type,
+                        pid: item.pid,
+                        component: item.name,
+                        name: item.name,
+                        uri: item.uri
+                    };
+                    child.meta.crumbs.push({
+                        icon: item.icon,
+                        name: item.name,
+                        title: item.label,
+                        type: item.type
+                    });
+                    pageNode.children.push(child);
+                }
+            }
+        }
+    });
+};
+export default generatorMenuList;

package/utils/platform.js

@@ -152,14 +152,20 @@ export const showTitle = (item, vm) => {
 /**
  * @description 本地存储和获取标签导航列表
  */
-export const setTagNavListInLocalstorage = list => {
-  localStorage.tagNaveList = JSON.stringify(list)
+export const setTagNavListInLocalstorage = (list , key) => {
+  if (!key) {
+    key = 'LD-tagNavList';
+  }
+  localStorage[key] = JSON.stringify(list)
 }
 /**
  * @returns {Array} 其中的每个元素只包含路由原信息中的name, path, meta三项
  */
-export const getTagNavListFromLocalstorage = () => {
-  const list = localStorage.tagNaveList
+export const getTagNavListFromLocalstorage = (key) => {
+  if (!key) {
+    key = 'LD-tagNavList';
+  }
+  const list = localStorage[key]
   return list ? JSON.parse(list) : []
 }
 
@@ -265,7 +271,7 @@ export const getArrayFromFile = (file) => {
     reader.readAsText(file) // 以文本格式读取
     let arr = []
     reader.onload = function (evt) {
-      let data = evt.target.result // 读到的数据
+      let data = evt.target.card // 读到的数据
       let pasteData = data.trim()
       arr = pasteData.split((/[\n\u0085\u2028\u2029]|\r\n?/g)).map(row => {
         return row.split('\t')
@@ -357,7 +363,7 @@ export const routeEqual = (route1, route2) => {
   const params2 = route2.params || {}
   const query1 = route1.query || {}
   const query2 = route2.query || {}
-  return (route1.name === route2.name) //&& objEqual(params1, params2) && objEqual(query1, query2)
+  return (route1.name === route2.name) && objEqual(params1, params2) && objEqual(query1, query2)
 }
 
 /**
@@ -517,3 +523,61 @@ export function oneOf (value, validList) {
   }
   return false
 }
+
+export const recursionKeyFindItem = (arr, filterKey, filterValue, recursionKey) => {
+  for (const item of arr) {
+    if (item[filterKey] && item[filterKey] == filterValue) {
+      return item;
+    }
+    let result = null;
+    if (item[recursionKey]) {
+      result = recursionKeyFindItem(item[recursionKey], filterKey, filterValue, recursionKey);
+      if (result) {
+        return result;
+      }
+    }
+  }
+  return null;
+};
+
+export const filterMenuName = (menuList, name) => {
+  return recursionKeyFindItem(menuList, 'name', name, 'children')
+};
+
+export const filterMenuUri = (menuList, name) => {
+  return recursionKeyFindItem(menuList, 'uri', name, 'children')
+};
+
+export const tagExists = (taglist, name) => {
+  return taglist && taglist.filter(item => item.name === name).length > 0;
+};
+
+export const getPreviousTagIndex = (tagList, name) => {
+  let count = 0;
+  if (tagList && name) {
+    for (let i = 0 ;i < tagList.length; i++) {
+      let item = tagList[i];
+      if (item.name == name) {
+        count = i - 1;
+        if (count < 0) {
+          count = 0;
+        }
+        return count;
+      }
+    }
+  }
+  return count;
+};
+
+export const getDelTagIndex = (tagList, name) => {
+  let count = 1;
+  if (tagList && name) {
+    for (let i = 1 ;i < tagList.length; i++) {
+      let item = tagList[i];
+      if (item.name !== name) {
+        return count;
+      }
+    }
+  }
+  return count;
+}

package/utils/theme.js

@@ -35,7 +35,7 @@ const changeByTheme = (theme) => {
     styleTag.id = "customStyle";
     document.body.appendChild(styleTag);
   }
-  if (theme?.style) {
+  if (theme&&theme.style) {
     styleTag.innerHTML = theme.style;
   }
 };

package/utils/vxetable/index.js

@@ -0,0 +1,25 @@
+export const setParentRefs = (parentVm, targetVm, refKey) => {
+    let hasFind = false;
+    if (parentVm.$refs) {
+        //遍历父组件的refs里注册的组件
+        Object.entries(parentVm.$refs).forEach(([parentKey, parentValue]) => {
+            //找到targetVm组件
+            if (parentValue === targetVm) {
+                hasFind = true;
+                //遍历targetVm组件上注册的refKey组件
+                Object.entries(targetVm.$refs[refKey]).forEach(([key, value])=>{
+                    //找到refKey组件methods里面的function
+                    if(key.charAt(0) !== '$'
+                        && key.charAt(0) !== '_'
+                        && typeof value == 'function'){
+                        //将function添加到targetVm组件
+                        parentVm.$refs[parentKey][key] = value
+                    }
+                })
+            }
+        })
+    }
+    if (!hasFind && parentVm.$parent) {
+        setParentRefs(parentVm.$parent, targetVm, refKey)
+    }
+}