@lambo-design/shared 1.0.0-beta.247 → 1.0.0-beta.249

package/package.json

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

package/utils/platform.js

@@ -5,11 +5,32 @@ import systemLogo from '../styles/image/inspur.png';
 import {changeByThemeKey, changeThemeByThemeId} from "./theme";
 import ajax from "./ajax";
 
-export const TOKEN_KEY = 'lambo-token'
+export let TOKEN_KEY = "lambo-token"
 
-export const COOKIE_KEY = 'lambo-sso-key'
+export let getTokenKey = function () {
+  if (config.tokenKey) {
+    return config.tokenKey
+  }
+  return "lambo-token"
+}
+
+export let COOKIE_KEY = "lambo-sso-key"
 
-export const SSO_TOKEN_KEY = 'lambo-sso-token'
+export let getCookieKey = function () {
+  if (config.cookieKey) {
+    return config.cookieKey
+  }
+  return "lambo-sso-key"
+}
+
+export let SSO_TOKEN_KEY = "lambo-sso-token"
+
+export let getSsoTokenKey = function () {
+  if (config.ssoTokenKey) {
+    return config.ssoTokenKey
+  }
+  return "lambo-sso-token"
+}
 
 export function objEqual(obj1, obj2) {
   const keysArr1 = Object.keys(obj1)

package/utils/vForm.js

@@ -0,0 +1,349 @@
+export function isNull(value) {
+  return (value === null) || (value === undefined);
+}
+
+export function isNotNull(value) {
+  return (value !== null) && (value !== undefined);
+}
+
+export function isEmptyStr(str) {
+  //return (str === undefined) || (!str) || (!/[^\s]/.test(str));
+  return (str === undefined) || (!str && (str !== 0) && (str !== '0')) || (!/[^\s]/.test(str));
+}
+
+export const generateId = function() {
+  return Math.floor(Math.random() * 100000 + Math.random() * 20000 + Math.random() * 5000);
+};
+
+export const deepClone = function (origin) {
+  if (origin === undefined) {
+    return undefined
+  }
+
+  return JSON.parse(JSON.stringify(origin))
+}
+
+export const overwriteObj = function(obj1, obj2) {
+  Object.keys(obj2).forEach(prop => {
+    obj1[prop] = obj2[prop]
+  })
+}
+
+/* 用Function对象实现eval函数功能 */
+export const evalFn = function (fn, DSV = null, VFR = null) {
+  let f = new Function('DSV', 'VFR', 'return ' + fn);
+  return f(DSV, VFR);
+};
+
+export const addWindowResizeHandler = function (handler) {
+  let oldHandler = window.onresize
+  if (typeof window.onresize != 'function') {
+    window.onresize = handler
+  } else {
+    window.onresize = function () {
+      oldHandler()
+      handler()
+    }
+  }
+}
+
+const createStyleSheet = function() {
+  let head = document.head || document.getElementsByTagName('head')[0];
+  let style = document.createElement('style');
+  style.type = 'text/css';
+  head.appendChild(style);
+  return style.sheet;
+}
+
+export const insertCustomCssToHead = function (cssCode, formId = '') {
+  let head = document.getElementsByTagName('head')[0]
+  let oldStyle = document.getElementById('vform-custom-css')
+  if (!!oldStyle) {
+    head.removeChild(oldStyle)  //先清除后插入！！
+  }
+  if (!!formId) {
+    oldStyle = document.getElementById('vform-custom-css' + '-' + formId)
+    !!oldStyle && head.removeChild(oldStyle)  //先清除后插入！！
+  }
+
+  let newStyle = document.createElement('style')
+  newStyle.type = 'text/css'
+  newStyle.rel = 'stylesheet'
+  newStyle.id = !!formId ? 'vform-custom-css' + '-' + formId : 'vform-custom-css'
+  try {
+    newStyle.appendChild(document.createTextNode(cssCode))
+  } catch(ex) {
+    newStyle.styleSheet.cssText = cssCode
+  }
+
+  head.appendChild(newStyle)
+}
+
+export const insertGlobalFunctionsToHtml = function (functionsCode, formId = '') {
+  let bodyEle = document.getElementsByTagName('body')[0]
+  let oldScriptEle = document.getElementById('v_form_global_functions')
+  !!oldScriptEle && bodyEle.removeChild(oldScriptEle)  //先清除后插入！！
+  if (!!formId) {
+    oldScriptEle = document.getElementById('v_form_global_functions' + '-' + formId)
+    !!oldScriptEle && bodyEle.removeChild(oldScriptEle)  //先清除后插入！！
+  }
+
+  let newScriptEle = document.createElement('script')
+  newScriptEle.id = !!formId ? 'v_form_global_functions' + '-' + formId : 'v_form_global_functions'
+  newScriptEle.type = 'text/javascript'
+  newScriptEle.innerHTML = functionsCode
+  bodyEle.appendChild(newScriptEle)
+}
+
+export const optionExists = function(optionsObj, optionName) {
+  if (!optionsObj) {
+    return false
+  }
+
+  return Object.keys(optionsObj).indexOf(optionName) > -1
+}
+
+export const loadRemoteScript = function(srcPath, callback) {  /*加载远程js，加载成功后执行回调函数*/
+  let sid = encodeURIComponent(srcPath)
+  let oldScriptEle = document.getElementById(sid)
+
+  if (!oldScriptEle) {
+    let s = document.createElement('script')
+    s.src = srcPath
+    s.id = sid
+    document.body.appendChild(s)
+
+    s.onload = s.onreadystatechange = function (_, isAbort) { /* 借鉴自ace.js */
+      if (isAbort || !s.readyState || s.readyState === "loaded" || s.readyState === "complete") {
+        s = s.onload = s.onreadystatechange = null
+        if (!isAbort) {
+          callback()
+        }
+      }
+    }
+  }
+}
+
+export function traverseFieldWidgets(widgetList, handler, parent = null) {
+  if (!widgetList) {
+    return
+  }
+
+  widgetList.forEach(w => {
+    if (w.formItemFlag) {
+      handler(w, parent)
+    } else if (w.type === 'grid') {
+      w.cols.forEach(col => {
+        traverseFieldWidgets(col.widgetList, handler, w)
+      })
+    } else if (w.type === 'table') {
+      w.rows.forEach(row => {
+        row.cols.forEach(cell => {
+          traverseFieldWidgets(cell.widgetList, handler, w)
+        })
+      })
+    } else if (w.type === 'tab') {
+      w.tabs.forEach(tab => {
+        traverseFieldWidgets(tab.widgetList, handler, w)
+      })
+    } else if (w.category === 'container') {  //自定义容器
+      traverseFieldWidgets(w.widgetList, handler, w)
+    }
+  })
+}
+
+export function traverseContainerWidgets(widgetList, handler) {
+  if (!widgetList) {
+    return
+  }
+
+  widgetList.forEach(w => {
+    if (w.category === 'container') {
+      handler(w)
+    }
+
+    if (w.type === 'grid') {
+      w.cols.forEach(col => {
+        traverseContainerWidgets(col.widgetList, handler)
+      })
+    } else if (w.type === 'table') {
+      w.rows.forEach(row => {
+        row.cols.forEach(cell => {
+          traverseContainerWidgets(cell.widgetList, handler)
+        })
+      })
+    } else if (w.type === 'tab') {
+      w.tabs.forEach(tab => {
+        traverseContainerWidgets(tab.widgetList, handler)
+      })
+    } else if (w.category === 'container') {  //自定义容器
+      traverseContainerWidgets(w.widgetList, handler)
+    }
+  })
+}
+
+export function traverseAllWidgets(widgetList, handler) {
+  if (!widgetList) {
+    return
+  }
+
+  widgetList.forEach(w => {
+    handler(w)
+
+    if (w.type === 'grid') {
+      w.cols.forEach(col => {
+        handler(col)
+        traverseAllWidgets(col.widgetList, handler)
+      })
+    } else if (w.type === 'table') {
+      w.rows.forEach(row => {
+        row.cols.forEach(cell => {
+          handler(cell)
+          traverseAllWidgets(cell.widgetList, handler)
+        })
+      })
+    } else if (w.type === 'tab') {
+      w.tabs.forEach(tab => {
+        traverseAllWidgets(tab.widgetList, handler)
+      })
+    } else if (w.type === 'sub-form') {
+      traverseAllWidgets(w.widgetList, handler)
+    } else if (w.category === 'container') {  //自定义容器
+      traverseAllWidgets(w.widgetList, handler)
+    }
+  })
+}
+
+function handleWidgetForTraverse(widget, handler) {
+  if (!!widget.category) {
+    traverseFieldWidgetsOfContainer(widget, handler)
+  } else if (widget.formItemFlag) {
+    handler(widget)
+  }
+}
+
+/**
+ * 遍历容器内的字段组件
+ * @param con
+ * @param handler
+ */
+export function traverseFieldWidgetsOfContainer(con, handler) {
+  if (con.type === 'grid') {
+    con.cols.forEach(col => {
+      col.widgetList.forEach(cw => {
+        handleWidgetForTraverse(cw, handler)
+      })
+    })
+  } else if (con.type === 'table') {
+    con.rows.forEach(row => {
+      row.cols.forEach(cell => {
+        cell.widgetList.forEach(cw => {
+          handleWidgetForTraverse(cw, handler)
+        })
+      })
+    })
+  } else if (con.type === 'tab') {
+    con.tabs.forEach(tab => {
+      tab.widgetList.forEach(cw => {
+        handleWidgetForTraverse(cw, handler)
+      })
+    })
+  } else if (con.type === 'sub-form') {
+    con.widgetList.forEach(cw => {
+      handleWidgetForTraverse(cw, handler)
+    })
+  } else if (con.category === 'container') {  //自定义容器
+    con.widgetList.forEach(cw => {
+      handleWidgetForTraverse(cw, handler)
+    })
+  }
+}
+
+/**
+ * 获取所有字段组件
+ * @param widgetList
+ * @returns {[]}
+ */
+export function getAllFieldWidgets(widgetList) {
+  if (!widgetList) {
+    return []
+  }
+
+  let result = []
+  // TODO 表单项formKey有没有影响 需不需要修改
+  let handlerFn = (w) => {
+    result.push({
+      type: w.type,
+      name: w.options.name || w.formKey,
+      field: w
+    })
+  }
+  traverseFieldWidgets(widgetList, handlerFn)
+
+  return result
+}
+
+/**
+ * 获取所有容器组件
+ * @param widgetList
+ * @returns {[]}
+ */
+export function getAllContainerWidgets(widgetList) {
+  if (!widgetList) {
+    return []
+  }
+
+  let result = []
+  // TODO 表单项formKey有没有影响 需不需要修改
+  let handlerFn = (w) => {
+    result.push({
+      type: w.type,
+      name: w.options.name,
+      container: w
+    })
+  }
+  traverseContainerWidgets(widgetList, handlerFn)
+
+  return result
+}
+
+
+export function getQueryParam(variable) {
+  let query = window.location.search.substring(1);
+  let vars = query.split("&")
+  for (let i=0; i<vars.length; i++) {
+    let pair = vars[i].split("=")
+    if(pair[0] == variable) {
+      return pair[1]
+    }
+  }
+
+  return undefined;
+}
+
+export function getDefaultFormConfig() {
+  return {
+    modelName: 'formData',
+    refName: 'vForm',
+    rulesName: 'rules',
+    labelWidth: 80,
+    labelPosition: 'left',
+    size: '',
+    labelAlign: 'label-left-align',
+    cssCode: '',
+    customClass: [],
+    functions: '',
+    layoutType: 'PC',
+
+    onFormCreated: '',
+    onFormMounted: '',
+    onFormDataChange: '',
+  }
+}
+
+export function buildDefaultFormJson() {
+  return {
+    widgetList: [],
+    formConfig: deepClone( getDefaultFormConfig() )
+  }
+}