@lambo-design/shared 1.0.0-beta.31 → 1.0.0-beta.310

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/transform.js

@@ -0,0 +1,205 @@
+/**
+ * 将旧版本json 转换为新版 json
+ * 
+ * 转换规则：
+ * 1. 创建 widgetList：
+ *    - 创建一个 grid 类型的容器，包含 cols 数组。
+ *    - 每个 basicFormField 生成一个 grid-col，并填充到 cols 数组中。
+ *    - 每个 grid-col 的 span 值根据 gridColumns 计算，即 24 / gridColumns。
+ *    - 如果 basicFormField 的 type 是 ['textarea', 'imgUpload', 'imgListUpload', 'fileUpload', 'videoUpload'] 中的一个，则 span 设置为 24。
+ * 2. 生成 formConfig：
+ *    - 将 sources 中除 gridColumns、workFlow 和 basicFormFields 外的所有属性复制到 formConfig 中。
+ * 3. 生成 workFlow：
+ *    - 直接将 sources 中的 workFlow 复制到 target 的 workFlow 中。
+ * 4. 对于每个 basicFormField：
+ *    - 生成唯一的 ID。
+ *    - 添加 formItemFlag 属性并设置为 true。
+ *    - 添加 options 对象，其中 name 字段值来自 basicFormField.formKey。
+ *    - options 对象还包括其他默认配置项。
+ * @param {*} sources 
+ * @returns 
+ */
+ export function transformToNew(sources) {
+    // 创建一个新的target对象
+    const target = {
+        widgetList: [
+            {
+                id: "grid-id-1", // 默认值
+                type: "grid",
+                category: "container",
+                icon: "grid",
+                cols: [],
+                options: {
+                    name: "grid-name-1", // 默认值
+                    hidden: false,
+                    gutter: 12
+                }
+            }
+        ],
+        formConfig: {},
+        workFlow: {} // 新增workFlow属性
+    };
+
+    // 计算每列的span值
+    const defaultSpan = 24 / sources.gridColumns;
+    const specialTypes = ['textarea', 'imgUpload', 'imgListUpload', 'fileUpload', 'videoUpload'];
+ 
+    // 动态生成cols
+    sources.basicFormFields.forEach((field, index) => {
+        const span = specialTypes.includes(field.type) ? 24 : defaultSpan;
+        
+        // 为每个field增加id和options
+        const uniqueFieldId = `form-filed-${index}`;
+        field.id = uniqueFieldId;
+        field.formItemFlag = true;
+        field.options = {
+            name: field.formKey,
+            customClass: "",
+            hidden: false,
+            defaultValue: "",
+            validation: "",
+            validationHint: "",
+            onCreated: "",
+            onMounted: "",
+            onInput: "",
+            onChange: "",
+            onFocus: "",
+            onBlur: "",
+            onValidate: "",
+            onAppendButtonClick: ""
+        };
+
+        target.widgetList[0].cols.push({
+            id: `default-col-id-${index + 1}`, // 默认值
+            type: "grid-col",
+            category: "container",
+            icon: "grid-col",
+            internal: true,
+            widgetList: [field],
+            options: {
+                name: `col-name-${index + 1}`, // 默认值
+                hidden: false,
+                span: span, // 根据规则2计算span值
+                offset: 0,
+                push: 0,
+                pull: 0,
+                md: span,
+                sm: span,
+                xs: span,
+                responsive: false,
+                customClass: ""
+            }
+        });
+    });
+
+    // 将sources中的属性（除了gridColumns和workFlow）复制到target的formConfig中
+    for (let key in sources) {
+        if (key !== 'gridColumns' && key !== 'workFlow' && key !== 'basicFormFields') {
+            target.formConfig[key] = sources[key];
+        }
+    }
+
+    // 将sources中的workFlow复制到target的workFlow中
+    target.workFlow = sources.workFlow;
+
+    return target;
+}
+
+// // 示例调用
+// const sources = {
+//     validValue: "true",
+//     formName: "测试",
+//     gridColumns: 3,
+//     labelWidth: 100,
+//     labelPosition: "left",
+//     saveWay: "0",
+//     businessKey: [],
+//     apiId: 74,
+//     detailUrl: "/ibp-upms-server/manage/demoUser/get",
+//     createUrl: "/ibp-upms-server/manage/demoUser/create",
+//     updateUrl: "/ibp-upms-server/manage/demoUser/update",
+//     customButton: false,
+//     customMethod: "",
+//     select: {
+//         apiId: 74,
+//         isGetFromApi: true
+//     },
+//     basicFormFields: [
+//         {
+//             formKey: "userId",
+//             title: "用户编码",
+//             required: false,
+//             type: "input",
+//             customComponentName: "",
+//             customComponentMethod: "",
+//             orders: 1,
+//             enumType: "code",
+//             enumKey: "",
+//             enumList: [],
+//             props: {
+//                 maxlength: 1024,
+//                 clearable: false,
+//                 limitFileNum: 5,
+//                 limitImgNum: 5
+//             },
+//             validate: {
+//                 way: "default",
+//                 type: "",
+//                 trigger: "",
+//                 validator: "",
+//                 customMethod: "",
+//                 customUrl: ""
+//             },
+//             condition: "",
+//             onChange: "",
+//             defaultValue: ""
+//         },
+//         {
+//             formKey: "userName",
+//             title: "用户名",
+//             required: true,
+//             type: "input",
+//             customComponentName: "",
+//             customComponentMethod: "",
+//             orders: 2,
+//             enumType: "code",
+//             enumKey: "",
+//             enumList: [],
+//             props: {
+//                 maxlength: 1024,
+//                 clearable: true,
+//                 limitFileNum: 5,
+//                 limitImgNum: 5
+//             },
+//             validate: {
+//                 way: "default",
+//                 type: "string",
+//                 trigger: "blur",
+//                 validator: "",
+//                 customMethod: "",
+//                 customUrl: ""
+//             },
+//             condition: "",
+//             onChange: "",
+//             defaultValue: ""
+//         }
+//     ],
+//     workFlow: {
+//         procId: "",
+//         applyId: "",
+//         taskNode: "",
+//         title: "流程办理",
+//         smartFlowServerContext: "",
+//         upmsServerContext: "",
+//         width: 400,
+//         executionCompleted: "",
+//         businessFormSave: "",
+//         required: false,
+//         isUseWorkflow: false,
+//         isProcessCallbacks: false,
+//         callbackUrl: ""
+//     }
+// };
+// console.log("old json:"+JSON.stringify(sources, null, 2));
+// const transformedTarget = transformToNew(sources);
+// console.log("new json:"+JSON.stringify(transformedTarget, null, 2));