@lambo-design/shared 1.0.0-beta.4 → 1.0.0-beta.41

package/package.json

@@ -1,20 +1,22 @@
-{
-  "name": "@lambo-design/shared",
-  "version": "1.0.0-beta.4",
-  "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": "https://cdn.sheetjs.com/xlsx-0.19.1/xlsx-0.19.1.tgz",
-    "classnames": "^2.3.1",
-    "xlsx-style": "^0.8.13"
-  }
-}
+{
+  "name": "@lambo-design/shared",
+  "version": "1.0.0-beta.41",
+  "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://cicd.lambo.top/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

@@ -1,8 +1,9 @@
-
-export const TOKEN_KEY = 'v8-token'
+export const TOKEN_KEY = 'lambo-token'
 
 export const COOKIE_KEY = 'lambo-sso-key'
 
+export const SSO_TOKEN_KEY = 'lambo-sso-token'
+
 export function objEqual(obj1, obj2) {
   const keysArr1 = Object.keys(obj1)
   const keysArr2 = Object.keys(obj2)
@@ -152,14 +153,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 +272,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 +364,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 +524,72 @@ 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;
+}
+
+export const turnToPage = (vm, name ,url) =>{
+  if (window.top && window.top.location.href != window.location.href) {
+    sessionStorage.removeItem('activeName')
+    window.parent.location.href = url;
+  } else {
+    vm.$router.push({
+      name: name
+    })
+  }
+}

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)
+    }
+}