@lambo-design/shared 1.0.0-beta.9 → 1.0.0-beta.91

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)
@@ -314,6 +315,12 @@ export const getTableDataFromArray = (array) => {
   }
 }
 
+/**
+ * 寻找上级节点
+ * @param ele
+ * @param tag
+ * @returns {*}
+ */
 export const findNodeUpper = (ele, tag) => {
   if (ele.parentNode) {
     if (ele.parentNode.tagName === tag.toUpperCase()) {
@@ -324,6 +331,12 @@ export const findNodeUpper = (ele, tag) => {
   }
 }
 
+/**
+ * 根据class寻找上级节点
+ * @param ele
+ * @param classes
+ * @returns {*}
+ */
 export const findNodeUpperByClasses = (ele, classes) => {
   let parentNode = ele.parentNode
   if (parentNode) {
@@ -336,6 +349,12 @@ export const findNodeUpperByClasses = (ele, classes) => {
   }
 }
 
+/**
+ * 根据ele寻找下级节点
+ * @param ele
+ * @param tag
+ * @returns {*}
+ */
 export const findNodeDownward = (ele, tag) => {
   const tagName = tag.toUpperCase()
   if (ele.childNodes.length) {
@@ -349,6 +368,12 @@ export const findNodeDownward = (ele, tag) => {
   }
 }
 
+/**
+ * @description 判断要查询的数组是否至少有一个元素包含在目标数组中
+ * @param access 需要查询的数组
+ * @param canViewAccess 目标数组
+ * @returns {*}
+ */
 export const showByAccess = (access, canViewAccess) => {
   return hasOneOf(canViewAccess, access)
 }
@@ -363,7 +388,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)
 }
 
 /**
@@ -378,7 +403,14 @@ export const routeHasExist = (tagNavList, routeItem) => {
   return res
 }
 
-// scrollTop animation
+/**
+ * scrollTop animation
+ * @param el
+ * @param from
+ * @param to
+ * @param duration
+ * @param endCallback
+ */
 export const scrollTop = (el, from = 0, to, duration = 500, endCallback) => {
   if (!window.requestAnimationFrame) {
     window.requestAnimationFrame = (
@@ -427,8 +459,16 @@ export const setTitle = (configTitle,routeItem, vm) => {
   window.document.title = resTitle
 }
 
-export const getUrlParams = () => {
-  const url = location.search; //获取url中"?"符后的字串
+/**
+ * 获取浏览器地址url中的参数
+ * @param url
+ * @returns {Object}
+ */
+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);
@@ -501,6 +541,11 @@ const hasOneOf = (targetarr, arr) => {
   return targetarr.some(_ => arr.indexOf(_) > -1)
 }
 
+/**
+ * foreach
+ * @param arr
+ * @param fn 回调函数，参数接收arr的元素，索引，arr本身
+ */
 const forEach = (arr, fn) => {
   if (!arr.length || !fn) return
   let i = -1
@@ -524,6 +569,14 @@ export function oneOf (value, validList) {
   return false
 }
 
+/**
+ * recursionKeyFindItem
+ * @param arr
+ * @param filterKey
+ * @param filterValue
+ * @param recursionKey
+ * @returns {*|null}
+ */
 export const recursionKeyFindItem = (arr, filterKey, filterValue, recursionKey) => {
   for (const item of arr) {
     if (item[filterKey] && item[filterKey] == filterValue) {
@@ -540,18 +593,42 @@ export const recursionKeyFindItem = (arr, filterKey, filterValue, recursionKey)
   return null;
 };
 
+/**
+ * filterMenuName
+ * @param menuList
+ * @param name
+ * @returns {*|null}
+ */
 export const filterMenuName = (menuList, name) => {
   return recursionKeyFindItem(menuList, 'name', name, 'children')
 };
 
+/**
+ * filterMenuUri
+ * @param menuList
+ * @param name
+ * @returns {*|null}
+ */
 export const filterMenuUri = (menuList, name) => {
   return recursionKeyFindItem(menuList, 'uri', name, 'children')
 };
 
+/**
+ * tagExists
+ * @param taglist
+ * @param name
+ * @returns {boolean}
+ */
 export const tagExists = (taglist, name) => {
   return taglist && taglist.filter(item => item.name === name).length > 0;
 };
 
+/**
+ * getPreviousTagIndex
+ * @param tagList
+ * @param name
+ * @returns {number}
+ */
 export const getPreviousTagIndex = (tagList, name) => {
   let count = 0;
   if (tagList && name) {
@@ -567,4 +644,40 @@ export const getPreviousTagIndex = (tagList, name) => {
     }
   }
   return count;
-}
+};
+
+/**
+ * getDelTagIndex
+ * @param tagList
+ * @param name
+ * @returns {number}
+ */
+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;
+}
+
+/**
+ * turnToPage
+ * @param vm
+ * @param name
+ * @param url
+ */
+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/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;
-}