@lambo-design/shared 1.0.0-beta.8 → 1.0.0-beta.81

package/utils/menu/index.js

@@ -9,6 +9,26 @@ export const hasRoute = ($router, name) => {
     let res = routes.filter(item => item.name === name)
     return res && res.length > 0
 }
+/**
+ * 判断是否存在路由并且页面存在
+ * @param $router
+ * @param path
+ * @returns {*|boolean}
+ */
+export const hasRoutePath = ($router, path) => {
+    if ($router && path) {
+        let routes = $router.getRoutes();
+        if (path.trim().startsWith("dida/")) {
+            path = path.trim().replace("dida/","");
+            if (!path.startsWith("/")) {
+                path = "/" + path;
+            }
+        }
+        let res = routes.filter(item => item.path === path)
+        return res && res.length > 0
+    }
+    return false
+}
 /**
  * 动态生成菜单
  * @param permissionList
@@ -44,7 +64,7 @@ const listToMenuTree = (list, menuTree, pageNode, parentId, crumbs, root, appId)
         return;
     }
     list.forEach(item => {
-        if (item.appId == appId) {
+        if (item.appId == appId && (!item.hasOwnProperty("hideInMenu") || (item.hasOwnProperty("hideInMenu") && !item.hideInMenu))) {
             // 判断是否为父级菜单
             if (item.pid === parentId) {
                 if (item.type === 1 || item.type === 2) {
@@ -54,7 +74,9 @@ const listToMenuTree = (list, menuTree, pageNode, parentId, crumbs, root, appId)
                             title: item.label,
                             icon: item.icon,
                             crumbs: [...crumbs],
-                            activeName: item.name
+                            activeName: item.name,
+                            notCache: item.notCache ? true : false,
+                            hideInMenu: item.hideInMenu ? true : false
                         },
                         type: item.type,
                         pid: item.pid,
@@ -97,6 +119,7 @@ const listToMenuTree = (list, menuTree, pageNode, parentId, crumbs, root, appId)
                 if (item.type === 4) {
                     let child = {
                         meta: {
+                            appId: item.appId,
                             title: item.label,
                             hideInMenu: true,
                             notCache: true,

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)
@@ -363,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)
 }
 
 /**
@@ -427,8 +428,11 @@ export const setTitle = (configTitle,routeItem, vm) => {
   window.document.title = resTitle
 }
 
-export const getUrlParams = () => {
-  const url = location.search; //获取url中"?"符后的字串
+export const getUrlParams = (url) => {
+  if (!url){
+    url = location.search;
+  }
+  //const url = location.search; //获取url中"?"符后的字串
   const theRequest = new Object();
   if (url.indexOf("?") != -1) {
     const str = url.substr(1);
@@ -567,4 +571,28 @@ export const getPreviousTagIndex = (tagList, name) => {
     }
   }
   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

@@ -1,4 +1,5 @@
 import themes from "../config/themes";
+import cssVars from "css-vars-ponyfill";
 const changeByThemeKey = (themeKey) => {
   if (themeKey) {
     themes.forEach((theme) => {
@@ -14,6 +15,10 @@ const changeByThemeKey = (themeKey) => {
     }
     changeByThemeKey(themeKey);
   }
+  cssVars({
+    rootElement: document, // default
+    include: 'link[rel=stylesheet],style'
+  });
   return themeKey;
 };
 

package/utils/vxetable/index.js

@@ -1,14 +1,25 @@
 export const setParentRefs = (parentVm, targetVm, refKey) => {
     let hasFind = false;
     if (parentVm.$refs) {
-        Object.entries(parentVm.$refs).forEach(([key, value]) => {
-            if (value === targetVm) {
+        //遍历父组件的refs里注册的组件
+        Object.entries(parentVm.$refs).forEach(([parentKey, parentValue]) => {
+            //找到targetVm组件
+            if (parentValue === targetVm) {
                 hasFind = true;
-                parentVm.$refs[key] = targetVm.$refs[refKey]
+                //遍历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)
     }
-}
+}

package/config/themes/gold/default.css

@@ -1,241 +0,0 @@
-:root {
-  --primary-color: #fa8c16;
-  --primary-color-tint-20: #fba345;
-  --primary-color-tint-90: #fff4e8;
-  --primary-color-tint-80: #fee8d0;
-  --primary-color-tint-5: #fa9222;
-  --primary-color-tint-95-fade-50: rgba(255, 249, 243, 0.5);
-  --primary-color-fade-20: rgba(250, 140, 22, 0.2);
-  --primary-color-shade-5: #ee8515;
-  --info-color: #2db7f5;
-  --info-color-tint-20: #57c5f7;
-  --info-color-tint-90: #eaf8fe;
-  --info-color-tint-80: #d5f1fd;
-  --info-color-tint-5: #38bbf6;
-  --info-color-tint-95-fade-50: rgba(245, 251, 254, 0.5);
-  --info-color-fade-20: rgba(45, 183, 245, 0.2);
-  --info-color-shade-5: var(--info-color-shade-5, #2baee9);
-  --success-color: #19be6b;
-  --success-color-tint-20: #47cb89;
-  --success-color-tint-90: #e8f9f0;
-  --success-color-tint-80: #d1f2e1;
-  --success-color-tint-5: #25c172;
-  --success-color-tint-95-fade-50: rgba(244, 252, 248, 0.5);
-  --success-color-fade-20: rgba(25, 190, 107, 0.2);
-  --success-color-shade-5: #18b566;
-  --processing-color: #fa8c16;
-  --warning-color: #ff9900;
-  --warning-color-tint-20: #ffad33;
-  --warning-color-tint-90: #fff5e6;
-  --warning-color-tint-5: #ff9e0d;
-  --warning-color-tint-80: #ffebcc;
-  --warning-color-tint-95-fade-50: rgba(255, 250, 242, 0.5);
-  --warning-color-fade-20: rgba(255, 153, 0, 0.2);
-  --warning-color-shade-5: #f29100;
-  --error-color: #ed4014;
-  --error-color-tint-20: #f16643;
-  --error-color-tint-90: #fdece8;
-  --error-color-tint-5: #ee4a20;
-  --error-color-tint-80: #fbd9d0;
-  --error-color-tint-95-fade-50: rgba(254, 245, 243, 0.5);
-  --error-color-fade-20: rgba(237, 64, 20, 0.2);
-  --error-color-shade-5: #e13d13;
-  --normal-color: #e6ebf1;
-  --link-color: #2D8cF0;
-  --link-hover-color: #57a3f3;
-  --link-active-color: #2b85e4;
-  --selected-color: rgba(250, 140, 22, 0.9);
-  --selected-color-shade-10: rgba(220, 123, 19, 0.91);
-  --tooltip-color: #fff;
-  --subsidiary-color: #808695;
-  --rate-star-color: #f5a623;
-  --rate-star-color-tint-20: #f7b84f;
-  --white: #fff;
-  --black: #000;
-  --body-background: #fff;
-  --component-background: #fff;
-  --font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
-  --code-family: Consolas, Menlo, Courier, monospace;
-  --title-color: #17233d;
-  --text-color: #515a6e;
-  --text-color-secondary: rgba(0, 0, 0, 0.45);
-  --heading-color: rgba(0, 0, 0, 0.85);
-  --heading-color-dark: #ffffff;
-  --font-size-base: 14px;
-  --font-size-small: 12px;
-  --font-size-large: 16px;
-  --line-height-base: 1.5;
-  --line-height-computed: 21px;
-  --border-radius-base: 6px;
-  --border-radius-small: 4px;
-  --cursor-disabled: not-allowed;
-  --padding-lg: 24px;
-  --padding-md: 16px;
-  --padding-sm: 12px;
-  --padding-xs: 8px;
-  --border-color-base: #dcdee2;
-  --border-color-split: #e8eaec;
-  --border-width-base: 1px;
-  --border-style-base: solid;
-  --background-color-base: #f7f7f7;
-  --background-color-select-hover: #f3f3f3;
-  --tooltip-bg: rgba(70, 76, 91, 0.9);
-  --head-bg: #f9fafc;
-  --table-thead-bg: #f8f8f9;
-  --table-td-stripe-bg: #f8f8f9;
-  --table-td-hover-bg: #ebf7ff;
-  --table-td-highlight-bg: #ebf7ff;
-  --menu-dark-title: #515a6e;
-  --menu-dark-active-bg: #363e4f;
-  --menu-dark-subsidiary-color: rgba(255, 255, 255, 0.7);
-  --menu-dark-group-title-color: rgba(255, 255, 255, 0.36);
-  --date-picker-cell-hover-bg: #e1f0fe;
-  --shadow-color: rgba(0, 0, 0, 0.2);
-  --shadow-base: 0 1px 6px rgba(0, 0, 0, 0.2);
-  --shadow-card: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
-  --shadow-up: 0 -1px 6px rgba(0, 0, 0, 0.2);
-  --shadow-down: 0 1px 6px rgba(0, 0, 0, 0.2);
-  --shadow-left: -1px 0 6px rgba(0, 0, 0, 0.2);
-  --shadow-right: 1px 0 6px rgba(0, 0, 0, 0.2);
-  --btn-height-base: 32px;
-  --btn-height-large: 40px;
-  --btn-height-small: 24px;
-  --btn-padding-base: 0 15px;
-  --btn-padding-large: 0 15px;
-  --btn-padding-small: 0 7px;
-  --btn-font-weight: normal;
-  --btn-padding-base-icon: 5px 15px 6px;
-  --btn-padding-large-icon: 6px 15px 6px 15px;
-  --btn-padding-small-icon: 1px 7px 2px;
-  --btn-font-size: 14px;
-  --btn-font-size-large: 16px;
-  --btn-font-size-small: 14px;
-  --btn-border-radius: 4px;
-  --btn-border-radius-small: 3px;
-  --btn-group-border: #ee8515;
-  --btn-disable-color: #c5c8ce;
-  --btn-disable-bg: #f7f7f7;
-  --btn-disable-border: #dcdee2;
-  --btn-default-color: #515a6e;
-  --btn-default-color-tint-20: #747b8b;
-  --btn-default-color-shade-5: #4d5669;
-  --btn-default-bg: #fff;
-  --btn-default-bg-tint-20: #ffffff;
-  --btn-default-bg-shade-5: #f2f2f2;
-  --btn-default-border: #dcdee2;
-  --btn-default-border-tint-20: #e3e5e8;
-  --btn-default-border-shade-5: #d1d3d7;
-  --btn-primary-color: #fff;
-  --btn-primary-color-tint-20: #ffffff;
-  --btn-primary-color-tint-5: #ffffff;
-  --btn-primary-color-shade-5: #f2f2f2;
-  --btn-primary-bg: #fa8c16;
-  --btn-primary-bg-tint-20: #fba345;
-  --btn-primary-bg-tint-5: #fa9222;
-  --btn-ghost-color: #515a6e;
-  --btn-ghost-color-tint-20: #747b8b;
-  --btn-ghost-color-shade-5: #4d5669;
-  --btn-ghost-bg: #fff;
-  --btn-ghost-bg-tint-20: #ffffff;
-  --btn-ghost-bg-shade-5: #f2f2f2;
-  --btn-ghost-border: #dcdee2;
-  --btn-ghost-border-tint-20: #e3e5e8;
-  --btn-ghost-border-shade-5: #d1d3d7;
-  --btn-circle-size: 32px;
-  --btn-circle-size-large: 40px;
-  --btn-circle-size-small: 24px;
-  --btn-square-size: 32px;
-  --btn-square-size-large: 40px;
-  --btn-square-size-small: 24px;
-  --grid-columns: 24;
-  --grid-gutter-width: 0;
-  --layout-body-background: #f5f7f9;
-  --layout-header-background: #515a6e;
-  --layout-header-height: 64px;
-  --layout-header-padding: 0 50px;
-  --layout-footer-padding: 24px 50px;
-  --layout-footer-background: #f5f7f9;
-  --layout-sider-background: #515a6e;
-  --layout-sider-background-tint-10: #626b7d;
-  --layout-trigger-height: 48px;
-  --layout-trigger-color: #fff;
-  --layout-zero-trigger-width: 36px;
-  --layout-zero-trigger-height: 42px;
-  --legend-color: #999;
-  --input-height-base: 32px;
-  --input-height-large: 40px;
-  --input-height-small: 24px;
-  --input-padding-horizontal: 7px;
-  --input-padding-vertical-base: 4px;
-  --input-padding-vertical-small: 1px;
-  --input-padding-vertical-large: 6px;
-  --input-placeholder-color: #c5c8ce;
-  --input-color: #515a6e;
-  --input-border-color: #dcdee2;
-  --input-border-color-tint-20: #e3e5e8;
-  --input-bg: #fff;
-  --input-group-bg: #f8f8f9;
-  --input-hover-border-color: #fa8c16;
-  --input-hover-border-color-tint-20: #fba345;
-  --input-hover-border-color-fade-20: rgba(250, 140, 22, 0.2);
-  --input-focus-border-color: #fa8c16;
-  --input-disabled-bg: #f3f3f3;
-  --tag-font-size: 12px;
-  --screen-xs: 480px;
-  --screen-xs-min: 480px;
-  --screen-xs-max: 479px;
-  --screen-sm: 576px;
-  --screen-sm-min: 576px;
-  --screen-sm-max: 575px;
-  --screen-md: 768px;
-  --screen-md-min: 768px;
-  --screen-md-max: 767px;
-  --screen-lg: 992px;
-  --screen-lg-min: 992px;
-  --screen-lg-max: 991px;
-  --screen-xl: 1200px;
-  --screen-xl-min: 1200px;
-  --screen-xl-max: 1199px;
-  --screen-xxl: 1600px;
-  --screen-xxl-min: 1600px;
-  --screen-xxl-max: 1599px;
-  --zindex-spin: 8;
-  --zindex-affix: 10;
-  --zindex-back-top: 10;
-  --zindex-select: 900;
-  --zindex-modal: 1000;
-  --zindex-drawer: 1000;
-  --zindex-message: 1010;
-  --zindex-notification: 1010;
-  --zindex-tooltip: 1060;
-  --zindex-transfer: 1060;
-  --zindex-loading-bar: 2000;
-  --zindex-spin-fullscreen: 2010;
-  --animation-time: 0.3s;
-  --animation-time-quick: 0.15s;
-  --transition-time: 0.2s;
-  --ease-in-out: ease-in-out;
-  --slider-color: #fba345;
-  --slider-height: 4px;
-  --slider-margin: 16px 0;
-  --slider-button-wrap-size: 18px;
-  --slider-button-wrap-offset: -5px;
-  --slider-disabled-color: #ccc;
-  --avatar-size-base: 32px;
-  --avatar-size-lg: 40px;
-  --avatar-size-sm: 24px;
-  --avatar-font-size-base: 18px;
-  --avatar-font-size-lg: 24px;
-  --avatar-font-size-sm: 14px;
-  --avatar-bg: #ccc;
-  --avatar-color: #fff;
-  --avatar-border-radius: 4px;
-  --anchor-border-width: 2px;
-  --list-header-background: transparent;
-  --list-footer-background: transparent;
-  --list-empty-text-padding: 16px;
-  --list-item-padding: 12px 0;
-  --list-item-meta-margin-bottom: 16px;
-  --list-item-meta-avatar-margin-right: 16px;
-  --list-item-meta-title-margin-bottom: 12px;
-}