@lambo-design/shared 1.0.0-beta.243 → 1.0.0-beta.246

package/utils/theme.js

@@ -1,138 +1,138 @@
-import themes from "../config/themes";
-import cssVars from "css-vars-ponyfill";
-import lan_navigator from '../styles/image/lan_navigator.png'
-import lv_navigator from '../styles/image/lv_navigator.png'
-import {handleSystemColor} from "./util";
-import config from "@lambo-design/shared/config/config";
-
-
-const changeByThemeKey = (themeKey) => {
-  if (themeKey) {
-    themes.forEach((theme) => {
-      if (theme.key === themeKey) {
-        changeByTheme(theme);
-        if (typeof window !== 'undefined') {
-          localStorage.setItem("theme", themeKey);
-          localStorage.setItem('themeInStyle', '1');
-        }
-      }
-    });
-  } else {
-    if (typeof window !== 'undefined') {
-      themeKey = localStorage.getItem("theme");
-    }
-    if (!themeKey) {
-      themeKey = themes[0].key;
-    }
-    changeByThemeKey(themeKey);
-  }
-  cssVars({
-    rootElement: document, // default
-    include: 'link[rel=stylesheet],style'
-  });
-  return themeKey;
-};
-
-const changeByTheme = (theme) => {
-  // 加入自定义变量
-  let varStyleTag = document.getElementById("customVars");
-  if (!varStyleTag) {
-    varStyleTag = document.createElement("style");
-    varStyleTag.id = "customVars";
-    document.body.appendChild(varStyleTag);
-  }
-
-  varStyleTag.innerHTML = `:root {${theme["vars"]}}`;
-
-  // 加入自定义样式
-  let styleTag = document.getElementById("customStyle");
-  if (!styleTag) {
-    styleTag = document.createElement("style");
-    styleTag.id = "customStyle";
-    document.body.appendChild(styleTag);
-  }
-  if (theme&&theme.style) {
-    styleTag.innerHTML = theme.style;
-  }
-};
-
-const changeThemeByThemeId = (themeId, status, filterStatus, systemForm) => {
-  // 主题切换方式（区分新旧两种：1-旧 2-新）
-  if (typeof window !== 'undefined') {
-    localStorage.setItem('themeInStyle', '2')
-  }
-  // 一键滤镜功能 - 灰度状态;
-  let grayscaleVal = '0%'
-  if (filterStatus && filterStatus === '1') {
-    grayscaleVal = '100%'
-  }
-  // 记录当前主题
-  if (typeof window !== 'undefined') {
-    // localStorage.setItem('themeIdCurrent', themeId)
-    localStorage.setItem('themeIdCurrent', themeId)
-  }
-  // 顶部栏背景图处理
-  let background_image = config.upmsServerContext + '/anon/oss/file/getImage/' + systemForm.topBkImg + '?height=64&width=1920'
-  if (!status || status === '2') {
-    if (background_image.includes('lan_navigator')) {
-      background_image = 'url(' + lan_navigator + ')'
-    } else if (background_image.includes('lv_navigator')) {
-      background_image = 'url(' + lv_navigator + ')'
-    }
-  } else if (status === '1') {
-    background_image = 'url(' + background_image + ')'
-  }
-  handleSystemColor(grayscaleVal, systemForm, background_image)
-}
-
-const getThemeConfig = (themeKey = 'default') =>{
-  let result = {};
-  themes.forEach((theme) => {
-    if (theme.key === themeKey) {
-      result = theme;
-    }
-  });
-  return result;
-}
-
-const getThemeVars = (themeKey = 'default') =>{
-  let theme = getThemeConfig(themeKey);
-  if (theme) {
-    return theme.vars;
-  }
-  return '';
-}
-
-const getThemeVarByKey = (themeKey = 'default',varKey) => {
-  let value = '';
-  if (varKey) {
-    let vars = getThemeVars(themeKey)
-    if (vars) {
-      let startIndexOfChar = vars.indexOf(varKey);
-      if (startIndexOfChar > -1) {
-        // 从起始字符位置开始，找到下一行的起始位置
-        let endIndex = vars.indexOf('\n', startIndexOfChar);
-        if (endIndex === -1) {
-          // 如果没有找到换行符，则返回从起始字符到字符串末尾的部分
-          value = vars.substring(startIndexOfChar);
-        } else {
-          // 返回从起始字符到换行符之前的部分（不包括换行符）
-          value = vars.substring(startIndexOfChar, endIndex);
-        }
-        if (value) {
-          value = value.substring(value.indexOf(":") + 1,value.indexOf(";")).replaceAll(" ","");
-        }
-      }
-    }
-  }
-  return value;
-}
-
-export {
-  changeByThemeKey,
-  changeByTheme,
-  changeThemeByThemeId,
-  getThemeConfig,
-  getThemeVars,
-  getThemeVarByKey
-};
+import themes from "../config/themes";
+import cssVars from "css-vars-ponyfill";
+import lan_navigator from '../styles/image/lan_navigator.png'
+import lv_navigator from '../styles/image/lv_navigator.png'
+import {handleSystemColor} from "./util";
+import config from "@lambo-design/shared/config/config";
+
+
+const changeByThemeKey = (themeKey) => {
+  if (themeKey) {
+    themes.forEach((theme) => {
+      if (theme.key === themeKey) {
+        changeByTheme(theme);
+        if (typeof window !== 'undefined') {
+          localStorage.setItem("theme", themeKey);
+          localStorage.setItem('themeInStyle', '1');
+        }
+      }
+    });
+  } else {
+    if (typeof window !== 'undefined') {
+      themeKey = localStorage.getItem("theme");
+    }
+    if (!themeKey) {
+      themeKey = themes[0].key;
+    }
+    changeByThemeKey(themeKey);
+  }
+  cssVars({
+    rootElement: document, // default
+    include: 'link[rel=stylesheet],style'
+  });
+  return themeKey;
+};
+
+const changeByTheme = (theme) => {
+  // 加入自定义变量
+  let varStyleTag = document.getElementById("customVars");
+  if (!varStyleTag) {
+    varStyleTag = document.createElement("style");
+    varStyleTag.id = "customVars";
+    document.body.appendChild(varStyleTag);
+  }
+
+  varStyleTag.innerHTML = `:root {${theme["vars"]}}`;
+
+  // 加入自定义样式
+  let styleTag = document.getElementById("customStyle");
+  if (!styleTag) {
+    styleTag = document.createElement("style");
+    styleTag.id = "customStyle";
+    document.body.appendChild(styleTag);
+  }
+  if (theme&&theme.style) {
+    styleTag.innerHTML = theme.style;
+  }
+};
+
+const changeThemeByThemeId = (themeId, status, filterStatus, systemForm) => {
+  // 主题切换方式（区分新旧两种：1-旧 2-新）
+  if (typeof window !== 'undefined') {
+    localStorage.setItem('themeInStyle', '2')
+  }
+  // 一键滤镜功能 - 灰度状态;
+  let grayscaleVal = '0%'
+  if (filterStatus && filterStatus === '1') {
+    grayscaleVal = '100%'
+  }
+  // 记录当前主题
+  if (typeof window !== 'undefined') {
+    // localStorage.setItem('themeIdCurrent', themeId)
+    localStorage.setItem('themeIdCurrent', themeId)
+  }
+  // 顶部栏背景图处理
+  let background_image = config.upmsServerContext + '/anon/oss/file/getImage/' + systemForm.topBkImg + '?height=64&width=1920'
+  if (!status || status === '2') {
+    if (background_image.includes('lan_navigator')) {
+      background_image = 'url(' + lan_navigator + ')'
+    } else if (background_image.includes('lv_navigator')) {
+      background_image = 'url(' + lv_navigator + ')'
+    }
+  } else if (status === '1') {
+    background_image = 'url(' + background_image + ')'
+  }
+  handleSystemColor(grayscaleVal, systemForm, background_image)
+}
+
+const getThemeConfig = (themeKey = 'default') =>{
+  let result = {};
+  themes.forEach((theme) => {
+    if (theme.key === themeKey) {
+      result = theme;
+    }
+  });
+  return result;
+}
+
+const getThemeVars = (themeKey = 'default') =>{
+  let theme = getThemeConfig(themeKey);
+  if (theme) {
+    return theme.vars;
+  }
+  return '';
+}
+
+const getThemeVarByKey = (themeKey = 'default',varKey) => {
+  let value = '';
+  if (varKey) {
+    let vars = getThemeVars(themeKey)
+    if (vars) {
+      let startIndexOfChar = vars.indexOf(varKey);
+      if (startIndexOfChar > -1) {
+        // 从起始字符位置开始，找到下一行的起始位置
+        let endIndex = vars.indexOf('\n', startIndexOfChar);
+        if (endIndex === -1) {
+          // 如果没有找到换行符，则返回从起始字符到字符串末尾的部分
+          value = vars.substring(startIndexOfChar);
+        } else {
+          // 返回从起始字符到换行符之前的部分（不包括换行符）
+          value = vars.substring(startIndexOfChar, endIndex);
+        }
+        if (value) {
+          value = value.substring(value.indexOf(":") + 1,value.indexOf(";")).replaceAll(" ","");
+        }
+      }
+    }
+  }
+  return value;
+}
+
+export {
+  changeByThemeKey,
+  changeByTheme,
+  changeThemeByThemeId,
+  getThemeConfig,
+  getThemeVars,
+  getThemeVarByKey
+};