@lambo-design/shared 1.0.0-beta.22 → 1.0.0-beta.220

package/utils/quarter.js

@@ -0,0 +1,58 @@
+// 获取季度汉字
+export function quarter2Chinese(quarterNum) {
+  let quarterList = ['一', '二', '三', '四']
+  return quarterNum ? quarterList[quarterNum - 1] : ''
+}
+
+// 获取季度
+export function getQuarter(date) {
+  if (!date || date.length < 6) {
+    return ''
+  }
+
+  const year = date.substring(0, 4)
+  const month = date.substring(4, 6)
+  const quarter = getQuarterNum(parseInt(month))
+  return `${year}Q${quarter}`
+}
+
+export function getQuarterNum(month) {
+  if (typeof month === 'string') {
+    if (isNaN(parseInt(month))) return 0
+    month = parseInt(month)
+  }
+
+  return Math.ceil(month / 3)
+}
+
+export function formatQuarter(quarter) {
+  if (!quarter || quarter.length < 6) {
+    return quarter
+  }
+
+  const year = quarter.substring(0, 4)
+  const quarterNum = parseInt(quarter.substring(5))
+  return `${year}第${quarter2Chinese(quarterNum)}季度`
+}
+
+export function getQuarterBeginMonth(quarter) {
+  if (!quarter || quarter.length < 6) {
+    return quarter
+  }
+  const year = quarter.substring(0, 4)
+  const quarterNum = parseInt(quarter.substring(5))
+  const beginMonth = quarterNum * 3 - 2
+  const monthStr = beginMonth < 10 ? `0${beginMonth}` : `${beginMonth}`
+  return `${year}${monthStr}`
+}
+
+export function getQuarterEndMonth(quarter) {
+  if (!quarter || quarter.length < 6) {
+    return quarter
+  }
+  const year = quarter.substring(0, 4)
+  const quarterNum = parseInt(quarter.substring(5))
+  const endMonth = quarterNum * 3
+  const monthStr = endMonth < 10 ? `0${endMonth}` : `${endMonth}`
+  return `${year}${monthStr}`
+}

package/utils/storage.js

@@ -0,0 +1,198 @@
+/*
+ * Copyright 2019 WeBank
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ *  you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ *
+ */
+
+/* \
+|*|
+|*|  :: cookies.js ::
+|*|
+|*|  A complete cookies reader/writer framework with full unicode support.
+|*|
+|*|  https://developer.mozilla.org/en-US/docs/DOM/document.cookie
+|*|
+|*|  This framework is released under the GNU Public License, version 3 or later.
+|*|  http://www.gnu.org/licenses/gpl-3.0-standalone.html
+|*|
+|*|  Syntaxes:
+|*|
+|*|  * docCookies.setItem(name, value[, end[, path[, domain[, secure]]]])
+|*|  * docCookies.getItem(name)
+|*|  * docCookies.removeItem(name[, path], domain)
+|*|  * docCookies.hasItem(name)
+|*|  * docCookies.keys()
+|*|
+\ */
+
+let docCookies = {
+  getItem: function(sKey) {
+    return decodeURIComponent(document.cookie.replace(new RegExp('(?:(?:^|.*;)\\s*' + encodeURIComponent(sKey).replace(/[\-\.\+\*]/g, '\\$&') + '\\s*\\=\\s*([^;]*).*$)|^.*$'), '$1')) || null;
+  },
+  setItem: function(sKey, sValue, vEnd, sPath, sDomain, bSecure) {
+    if (!sKey || /^(?:expires|max\-age|path|domain|secure)$/i.test(sKey)) {
+      return false;
+    }
+    let sExpires = '';
+    if (vEnd) {
+      switch (vEnd.constructor) {
+        case Number:
+          sExpires = vEnd === Infinity ? '; expires=Fri, 31 Dec 9999 23:59:59 GMT' : '; max-age=' + vEnd;
+          break;
+        case String:
+          sExpires = '; expires=' + vEnd;
+          break;
+        case Date:
+          sExpires = '; expires=' + vEnd.toUTCString();
+          break;
+      }
+    }
+    document.cookie = encodeURIComponent(sKey) + '=' + encodeURIComponent(sValue) + sExpires + (sDomain ? '; domain=' + sDomain : '') + (sPath ? '; path=' + sPath : '') + (bSecure ? '; secure' : '');
+    return true;
+  },
+  removeItem: function(sKey, sPath, sDomain) {
+    if (!sKey || !this.hasItem(sKey)) {
+      return false;
+    }
+    document.cookie = encodeURIComponent(sKey) + '=; expires=Thu, 01 Jan 1970 00:00:00 GMT' + (sDomain ? '; domain=' + sDomain : '') + (sPath ? '; path=' + sPath : '');
+    return true;
+  },
+  hasItem: function(sKey) {
+    return (new RegExp('(?:^|;\\s*)' + encodeURIComponent(sKey).replace(/[\-\.\+\*]/g, '\\$&') + '\\s*\\=')).test(document.cookie);
+  },
+  keys: /* optional method: you can safely remove it! */ function() {
+    let aKeys = document.cookie.replace(/((?:^|\s*;)[^\=]+)(?=;|$)|^\s*|\s*(?:\=[^;]*)?(?:\1|$)/g, '').split(/\s*(?:\=[^;]*)?;\s*/);
+    for (let nIdx = 0; nIdx < aKeys.length; nIdx++) {
+      aKeys[nIdx] = decodeURIComponent(aKeys[nIdx]);
+    }
+    return aKeys;
+  },
+};
+
+/**
+ * 操作cookie、sessionStorage、localStorage、缓存
+ */
+
+const
+  SESSION = 'session';
+
+const LOCAL = 'local';
+
+const COOKIE = 'cookie';
+
+export default {
+  set: function(key, value, category = SESSION, expired) {
+    let { storage, isWebStorage = true } = this._map(category);
+
+    if (isWebStorage) {
+      storageManager.set(key, value, storage);
+    } else {
+      cookieManager.set(key, value, expired);
+    }
+  },
+  get: function(key, category = SESSION) {
+    let { storage, isWebStorage = true } = this._map(category);
+
+    if (isWebStorage) {
+      return storageManager.get(key, storage);
+    } else {
+      return cookieManager.get(key);
+    }
+  },
+  clear: function(category = SESSION) {
+    let { storage, isWebStorage = true } = this._map(category);
+
+    if (isWebStorage) {
+      storageManager.clear(storage);
+    } else {
+      cookieManager.clear();
+    }
+  },
+  remove: function(key, category = SESSION) {
+    let { storage, isWebStorage = true } = this._map(category);
+
+    if (isWebStorage) {
+      storageManager.remove(key, storage);
+    } else {
+      cookieManager.remove(key);
+    }
+  },
+  _map: function(category) {
+    let isWebStorage = true; let storage;
+
+    switch (true) {
+      case category === SESSION:
+        storage = 'sessionStorage';
+        break;
+      case category === LOCAL:
+        storage = 'localStorage';
+        break;
+      case category === COOKIE:
+        storage = 'cookie';
+        isWebStorage = false;
+        break;
+      default:
+        storage = 'sessionStorage';
+    }
+
+    return { isWebStorage, storage };
+  },
+};
+
+let isProd = process.env.NODE_ENV === 'production';
+
+export const storageManager = {
+  set: function(key, value, storage) {
+    try {
+      window[storage].setItem(key, JSON.stringify(value));
+    } catch (e) {
+      !isProd && console.error(e);
+    }
+  },
+  get: function(key, storage) {
+    try {
+      if (window[storage].getItem(key)) {
+        return JSON.parse(window[storage].getItem(key));
+      } else {
+        return window[storage].getItem(key);
+      }
+    } catch (e) {
+      !isProd && console.error(e, key);
+    }
+  },
+  clear: function(storage) {
+    window[storage].clear();
+  },
+  remove: function(key, storage) {
+    window[storage].removeItem(key);
+  },
+};
+
+export const cookieManager = {
+  set: function(key, value, expired) {
+    if (expired) docCookies.setItem(key, value, expired);
+    else docCookies.setItem(key, value);
+  },
+  get: function(key) {
+    return docCookies.getItem(key);
+  },
+  clear: function() {
+    docCookies.keys().forEach((key) => {
+      docCookies.removeItem(key);
+    });
+  },
+  remove: function(key) {
+    docCookies.removeItem(key);
+  },
+};

package/utils/style.js

@@ -0,0 +1,24 @@
+const SPECIAL_CHARS_REGEXP = /([\:\-\_]+(.))/g
+const MOZ_HACK_REGEXP = /^moz([A-Z])/
+
+function camelCase(name) {
+  return name
+    .replace(SPECIAL_CHARS_REGEXP, function (_, separator, letter, offset) {
+      return offset ? letter.toUpperCase() : letter
+    })
+    .replace(MOZ_HACK_REGEXP, 'Moz$1')
+}
+// getStyle
+export function getStyle(element, styleName) {
+  if (!element || !styleName) return null
+  styleName = camelCase(styleName)
+  if (styleName === 'float') {
+    styleName = 'cssFloat'
+  }
+  try {
+    const computed = document.defaultView.getComputedStyle(element, '')
+    return element.style[styleName] || computed ? computed[styleName] : null
+  } catch (e) {
+    return element.style[styleName]
+  }
+}

package/utils/theme.js

@@ -1,19 +1,35 @@
 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);
-        localStorage.setItem("theme", themeKey);
+        if (typeof window !== 'undefined') {
+          localStorage.setItem("theme", themeKey);
+          localStorage.setItem('themeInStyle', '1');
+        }
       }
     });
   } else {
-    themeKey = localStorage.getItem("theme");
+    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;
 };
 
@@ -40,4 +56,83 @@ const changeByTheme = (theme) => {
   }
 };
 
-export { changeByThemeKey, changeByTheme };
+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
+};

package/utils/transfer-queue.js

@@ -0,0 +1,7 @@
+let transferIndex = 1000
+
+function transferIncrease() {
+  transferIndex++
+}
+
+export { transferIndex, transferIncrease }

package/utils/type.js

@@ -0,0 +1,102 @@
+/*
+ * Copyright 2019 WeBank
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ *  you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ *
+ */
+
+const objectToString = Object.prototype.toString;
+const OBJECT_STRING = '[object Object]';
+
+/**
+ * 是否是普通对象
+ * @param {any} obj
+ * @return {Boolean}
+ */
+export function isPlainObject(obj) {
+  return objectToString.call(obj) === OBJECT_STRING;
+}
+
+/**
+ * 是否是数字
+ * @param {any} value
+ * @return {Boolean}
+ */
+export function isNumber(value) {
+  return typeof value === 'number';
+}
+
+/**
+ * 是否是日期
+ * @param {any} value
+ * @return {Boolean}
+ */
+export function isDate(value) {
+  return objectToString.call(value) === '[object Date]';
+}
+
+/**
+ * 是否是函数
+ * @param {any} value
+ * @return {Boolean}
+ */
+export function isFunction(value) {
+  return typeof value === 'function';
+}
+
+/**
+ * 是否是函数
+ * @param {any} value
+ * @return {Boolean}
+ */
+export function isObject(value) {
+  let type = typeof value;
+  return !!value && (type == 'object' || type == 'function');
+}
+
+/**
+ * 是否是数组
+ * @param {any} value
+ * @return {Boolean}
+ */
+export function isArray(value) {
+  return Array.isArray(value);
+}
+
+/**
+ * 是否像对象
+ * @param {any} value
+ * @return {Boolean}
+ */
+export function isObjectLike(value) {
+  return !!value && typeof value == 'object';
+}
+
+/**
+ * 是否是字符串
+ * @param {any} value
+ * @return {Boolean}
+ */
+export function isString(value) {
+  return typeof value == 'string' ||
+        (!isArray(value) && isObjectLike(value) && objectToString.call(value) == '[object String]');
+}
+
+/**
+ * 是否是空的
+ * @param {any} value
+ * @return {Boolean}
+ */
+export function isNull(value) {
+  return value === undefined || value === null || value === '';
+}