@lambo-design/shared 1.0.0-beta.11 → 1.0.0-beta.13

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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lambo-design/shared",
-  "version": "1.0.0-beta.11",
+  "version": "1.0.0-beta.13",
   "description": "",
   "main": "index.js",
   "author": "lambo",

package/utils/menu/index.js

@@ -9,6 +9,17 @@ export const hasRoute = ($router, name) => {
     let res = routes.filter(item => item.name === name)
     return res && res.length > 0
 }
+/**
+ * 判断是否存在路由并且页面存在
+ * @param $router
+ * @param name
+ * @returns {*|boolean}
+ */
+export const hasRouteAndComponent = ($router, name) => {
+    let routes = $router.getRoutes();
+    let res = routes.filter(item => item.name === name && item.component)
+    return res && res.length > 0
+}
 /**
  * 动态生成菜单
  * @param permissionList