agilebuilder-ui 1.0.0

package/packages/utils/dom.js

@@ -0,0 +1,227 @@
+/* istanbul ignore next */
+
+import * as Vue from 'vue';
+
+const isServer = window.$vueApp.config.globalProperties.$isServer;
+const SPECIAL_CHARS_REGEXP = /([\:\-\_]+(.))/g;
+const MOZ_HACK_REGEXP = /^moz([A-Z])/;
+const ieVersion = isServer ? 0 : Number(document.documentMode);
+
+/* istanbul ignore next */
+const trim = function(string) {
+  return (string || '').replace(/^[\s\uFEFF]+|[\s\uFEFF]+$/g, '');
+};
+/* istanbul ignore next */
+const camelCase = function(name) {
+  return name.replace(SPECIAL_CHARS_REGEXP, function(_, separator, letter, offset) {
+    return offset ? letter.toUpperCase() : letter;
+  }).replace(MOZ_HACK_REGEXP, 'Moz$1');
+};
+
+/* istanbul ignore next */
+export const on = (function() {
+  if (!isServer && document.addEventListener) {
+    return function(element, event, handler) {
+      if (element && event && handler) {
+        element.addEventListener(event, handler, false);
+      }
+    };
+  } else {
+    return function(element, event, handler) {
+      if (element && event && handler) {
+        element.attachEvent('on' + event, handler);
+      }
+    };
+  }
+})();
+
+/* istanbul ignore next */
+export const off = (function() {
+  if (!isServer && document.removeEventListener) {
+    return function(element, event, handler) {
+      if (element && event) {
+        element.removeEventListener(event, handler, false);
+      }
+    };
+  } else {
+    return function(element, event, handler) {
+      if (element && event) {
+        element.detachEvent('on' + event, handler);
+      }
+    };
+  }
+})();
+
+/* istanbul ignore next */
+export const once = function(el, event, fn) {
+  var listener = function() {
+    if (fn) {
+      fn.apply(this, arguments);
+    }
+    off(el, event, listener);
+  };
+  on(el, event, listener);
+};
+
+/* istanbul ignore next */
+export function hasClass(el, cls) {
+  if (!el || !cls) return false;
+  if (cls.indexOf(' ') !== -1) throw new Error('className should not contain space.');
+  if (el.classList) {
+    return el.classList.contains(cls);
+  } else {
+    return (' ' + el.className + ' ').indexOf(' ' + cls + ' ') > -1;
+  }
+};
+
+/* istanbul ignore next */
+export function addClass(el, cls) {
+  if (!el) return;
+  var curClass = el.className;
+  var classes = (cls || '').split(' ');
+
+  for (var i = 0, j = classes.length; i < j; i++) {
+    var clsName = classes[i];
+    if (!clsName) continue;
+
+    if (el.classList) {
+      el.classList.add(clsName);
+    } else if (!hasClass(el, clsName)) {
+      curClass += ' ' + clsName;
+    }
+  }
+  if (!el.classList) {
+    el.setAttribute('class', curClass);
+  }
+};
+
+/* istanbul ignore next */
+export function removeClass(el, cls) {
+  if (!el || !cls) return;
+  var classes = cls.split(' ');
+  var curClass = ' ' + el.className + ' ';
+
+  for (var i = 0, j = classes.length; i < j; i++) {
+    var clsName = classes[i];
+    if (!clsName) continue;
+
+    if (el.classList) {
+      el.classList.remove(clsName);
+    } else if (hasClass(el, clsName)) {
+      curClass = curClass.replace(' ' + clsName + ' ', ' ');
+    }
+  }
+  if (!el.classList) {
+    el.setAttribute('class', trim(curClass));
+  }
+};
+
+/* istanbul ignore next */
+export const getStyle = ieVersion < 9 ? function(element, styleName) {
+  if (isServer) return;
+  if (!element || !styleName) return null;
+  styleName = camelCase(styleName);
+  if (styleName === 'float') {
+    styleName = 'styleFloat';
+  }
+  try {
+    switch (styleName) {
+      case 'opacity':
+        try {
+          return element.filters.item('alpha').opacity / 100;
+        } catch (e) {
+          return 1.0;
+        }
+      default:
+        return (element.style[styleName] || element.currentStyle ? element.currentStyle[styleName] : null);
+    }
+  } catch (e) {
+    return element.style[styleName];
+  }
+} : function(element, styleName) {
+  if (isServer) return;
+  if (!element || !styleName) return null;
+  styleName = camelCase(styleName);
+  if (styleName === 'float') {
+    styleName = 'cssFloat';
+  }
+  try {
+    var computed = document.defaultView.getComputedStyle(element, '');
+    return element.style[styleName] || computed ? computed[styleName] : null;
+  } catch (e) {
+    return element.style[styleName];
+  }
+};
+
+/* istanbul ignore next */
+export function setStyle(element, styleName, value) {
+  if (!element || !styleName) return;
+
+  if (typeof styleName === 'object') {
+    for (var prop in styleName) {
+      if (styleName.hasOwnProperty(prop)) {
+        setStyle(element, prop, styleName[prop]);
+      }
+    }
+  } else {
+    styleName = camelCase(styleName);
+    if (styleName === 'opacity' && ieVersion < 9) {
+      element.style.filter = isNaN(value) ? '' : 'alpha(opacity=' + value * 100 + ')';
+    } else {
+      element.style[styleName] = value;
+    }
+  }
+};
+
+export const isScroll = (el, vertical) => {
+  if (isServer) return;
+
+  const determinedDirection = vertical !== null && vertical !== undefined;
+  const overflow = determinedDirection
+    ? vertical
+      ? getStyle(el, 'overflow-y')
+      : getStyle(el, 'overflow-x')
+    : getStyle(el, 'overflow');
+
+  return overflow.match(/(scroll|auto)/);
+};
+
+export const getScrollContainer = (el, vertical) => {
+  if (isServer) return;
+
+  let parent = el;
+  while (parent) {
+    if ([window, document, document.documentElement].includes(parent)) {
+      return window;
+    }
+    if (isScroll(parent, vertical)) {
+      return parent;
+    }
+    parent = parent.parentNode;
+  }
+
+  return parent;
+};
+
+export const isInContainer = (el, container) => {
+  if (isServer || !el || !container) return false;
+
+  const elRect = el.getBoundingClientRect();
+  let containerRect;
+
+  if ([window, document, document.documentElement, null, undefined].includes(container)) {
+    containerRect = {
+      top: 0,
+      right: window.innerWidth,
+      bottom: window.innerHeight,
+      left: 0
+    };
+  } else {
+    containerRect = container.getBoundingClientRect();
+  }
+
+  return elRect.top < containerRect.bottom &&
+    elRect.bottom > containerRect.top &&
+    elRect.right > containerRect.left &&
+    elRect.left < containerRect.right;
+};

package/packages/utils/gogocodeTransfer.js

@@ -0,0 +1,59 @@
+const eventRegistryMap = new WeakMap()
+function getRegistry(instance) {
+  let events = eventRegistryMap.get(instance)
+  if (!events) {
+    eventRegistryMap.set(instance, (events = Object.create(null)))
+  }
+  return events
+}
+export function $on(instance, event, fn) {
+  if (Array.isArray(event)) {
+    event.forEach((e) => $on(instance, e, fn))
+  } else {
+    const events = getRegistry(instance)
+    ;(events[event] || (events[event] = [])).push(fn)
+  }
+  return instance
+}
+export function $once(instance, event, fn) {
+  const wrapped = (...args) => {
+    $off(instance, event, wrapped)
+    fn.call(instance, ...args)
+  }
+  wrapped.fn = fn
+  $on(instance, event, wrapped)
+  return instance
+}
+export function $off(instance, event, fn) {
+  const vm = instance
+  // all
+  if (!event) {
+    eventRegistryMap.set(instance, Object.create(null))
+    return vm
+  }
+  // array of events
+  if (Array.isArray(event)) {
+    event.forEach((e) => $off(instance, e, fn))
+    return vm
+  }
+  // specific event
+  const events = getRegistry(instance)
+  const cbs = events[event]
+  if (!cbs) {
+    return vm
+  }
+  if (!fn) {
+    events[event] = undefined
+    return vm
+  }
+  events[event] = cbs.filter((cb) => !(cb === fn || cb.fn === fn))
+  return vm
+}
+export function $emit(instance, event, ...args) {
+  instance && instance.$emit && instance.$emit(event, ...args)
+  const cbs = getRegistry(instance)[event]
+  if (cbs) {
+    cbs.map((cb) => cb.apply(instance, args))
+  }
+  return instance
+}

package/packages/utils/memory-cache-utils.js

@@ -0,0 +1,117 @@
+import localStorage from '../../src/utils/local-storage'
+const memoryCacheUtils = {
+  memorySearch(queryString, cb) {
+    var memoryCacheData = this.memoryCacheData
+    var results = memoryCacheData
+    setTimeout(() => {
+      cb(results)
+    }, 10 * Math.random())
+  },
+  setMemoryCacheData(row, componentType) {
+    if (componentType === 'departmentUser') {
+      this.setDepartmentUserMemoryCacheData(row)
+    } else if (componentType === 'department') {
+      this.setDepartmentMemoryCacheData(row)
+    }
+  },
+  getMemoryCacheData(componentType) {
+    if (componentType === 'departmentUser') {
+      this.getDepartmentUserMemoryCacheData()
+    } else if (componentType === 'department') {
+      this.getDepartmentMemoryCacheData()
+    }
+  },
+  setDepartmentUserMemoryCacheData(selectUser) {
+    const cacheLength = 10
+    var memoryCacheData = localStorage.getObject(this.memoryCacheKey)
+    var name =
+      selectUser.name === undefined ||
+      selectUser.name === null ||
+      selectUser.name === 'undefined'
+        ? ''
+        : selectUser.name
+    var loginName =
+      selectUser.loginName === undefined ||
+      selectUser.loginName === null ||
+      selectUser.loginName === 'undefined'
+        ? ''
+        : selectUser.loginName
+    var mainDepartmentName =
+      selectUser.mainDepartmentName === undefined ||
+      selectUser.mainDepartmentName === null ||
+      selectUser.mainDepartmentName === 'undefined'
+        ? ''
+        : selectUser.mainDepartmentName
+    const valueKey = name + '(' + loginName + '/' + mainDepartmentName + ')'
+    var index = -1
+    if (memoryCacheData && memoryCacheData.length > 0) {
+      index = memoryCacheData.findIndex(
+        (item) => item.loginName === selectUser.loginName
+      )
+    } else {
+      memoryCacheData = []
+    }
+    selectUser['value'] = valueKey
+    if (index < 0) {
+      if (memoryCacheData.length === cacheLength) {
+        memoryCacheData.splice(cacheLength - 1, 1)
+      }
+      memoryCacheData.unshift(selectUser)
+      localStorage.setObject(this.memoryCacheKey, memoryCacheData)
+    } else {
+      // 最后选中优先排序
+      memoryCacheData.splice(index, 1)
+      memoryCacheData.unshift(selectUser)
+      localStorage.setObject(this.memoryCacheKey, memoryCacheData)
+    }
+  },
+  setDepartmentMemoryCacheData(selectDept) {
+    const cacheLength = 10
+    var memoryCacheData = localStorage.getObject(this.memoryCacheKey)
+    var name =
+      selectDept.name === undefined ||
+      selectDept.name === null ||
+      selectDept.name === 'undefined'
+        ? ''
+        : selectDept.name
+    var code =
+      selectDept.code === undefined ||
+      selectDept.code === null ||
+      selectDept.code === 'undefined'
+        ? ''
+        : selectDept.code
+    const valueKey = name + '(' + code + ')'
+    var index = -1
+    if (memoryCacheData && memoryCacheData.length > 0) {
+      index = memoryCacheData.findIndex((item) => item.code === selectDept.code)
+    } else {
+      memoryCacheData = []
+    }
+    selectDept['value'] = valueKey
+    if (index < 0) {
+      if (memoryCacheData.length === cacheLength) {
+        memoryCacheData.splice(cacheLength - 1, 1)
+      }
+      memoryCacheData.unshift(selectDept)
+      localStorage.setObject(this.memoryCacheKey, memoryCacheData)
+    } else {
+      // 最后选中优先排序
+      memoryCacheData.splice(index, 1)
+      memoryCacheData.unshift(selectDept)
+      localStorage.setObject(this.memoryCacheKey, memoryCacheData)
+    }
+  },
+  getDepartmentUserMemoryCacheData() {
+    var memoryCacheData = localStorage.getObject(this.memoryCacheKey)
+    if (memoryCacheData && memoryCacheData.length > 0) {
+      this.memoryCacheData = memoryCacheData
+    }
+  },
+  getDepartmentMemoryCacheData() {
+    var memoryCacheData = localStorage.getObject(this.memoryCacheKey)
+    if (memoryCacheData && memoryCacheData.length > 0) {
+      this.memoryCacheData = memoryCacheData
+    }
+  },
+}
+export default memoryCacheUtils

package/packages/utils/utils.js

@@ -0,0 +1,180 @@
+import { getI18n } from '../../src/utils/util'
+import * as Vue from 'vue'
+const utils = {
+  getSearchUserFields() {
+    const i18n = getI18n()
+    return [
+      {
+        value: 'name',
+        label: i18n.t('departmentUserTree.searchFieldUserName'),
+      },
+      {
+        value: 'loginName',
+        label: i18n.t('departmentUserTree.searchFieldLoginName'),
+      },
+      { value: 'email', label: i18n.t('departmentUserTree.searchFieldEmail') },
+      {
+        value: 'telephone',
+        label: i18n.t('departmentUserTree.searchFieldTelephone'),
+      },
+      {
+        value: 'jobNumber',
+        label: i18n.t('departmentUserTree.searchFieldJobNumber'),
+      },
+      {
+        value: 'honorificName',
+        label: i18n.t('departmentUserTree.searchFieldHonorificName'),
+      },
+    ]
+  },
+  removeRow(arr, row) {
+    var length = arr.length
+    for (var i = 0; i < length; i++) {
+      if (arr[i].id === row.id) {
+        if (i === 0) {
+          arr.shift() // 删除并返回数组的第一个元素
+          return arr
+        } else if (i === length - 1) {
+          arr.pop() // 删除并返回数组的最后一个元素
+          return arr
+        } else {
+          arr.splice(i, 1) // 删除下标为i的元素
+          return arr
+        }
+      }
+    }
+    return arr
+  },
+  storeSeachValue(localStorage, searchStoreKey, searchValue) {
+    // localStorage.removeItem(searchStoreKey)
+    if (searchValue && searchValue !== '') {
+      // 查询条件不为空
+      var searchValues = localStorage.getObject(searchStoreKey)
+      if (searchValues && searchValues.length > 0) {
+        // 表示缓存中已有部门查询条件，则追加该查询条件
+        var containsResult = searchValues.filter(this.createFilter(searchValue))
+        if (containsResult.length === 0) {
+          // 如果不包含相同的查询条件，则添加，如果包含则不需要再添加
+          const searchValueObj = { value: searchValue }
+          searchValues.push(searchValueObj)
+          localStorage.setObject(searchStoreKey, searchValues)
+        }
+      } else {
+        var searchValuesArr = []
+        const searchValueObj = { value: searchValue }
+        searchValuesArr.push(searchValueObj)
+        localStorage.setObject(searchStoreKey, searchValuesArr)
+      }
+      this.restaurants = localStorage.getObject(searchStoreKey)
+    }
+  },
+  createFilter(queryString) {
+    return (restaurant) => {
+      return (
+        restaurant.value.toLowerCase().indexOf(queryString.toLowerCase()) === 0
+      )
+    }
+  },
+  handleSelectUtil(item, localStorage) {
+    this.storeSeachValue(localStorage, this.searchStoreKey, this.filterText)
+    this.search(item.value)
+  },
+  analysisLabelTag(labelTag, row, contextParam, additionalParam) {
+    let returnStr = ''
+    if (labelTag) {
+      let tags
+      if (labelTag !== '' && typeof labelTag === 'string') {
+        tags = labelTag.split('-#-#')
+      } else if (typeof labelTag === 'object') {
+        tags = labelTag
+      }
+      if (tags && tags.length > 0) {
+        for (var i = 0; i < tags.length; i++) {
+          let tag = tags[i]
+          if (tag.indexOf('obj.') !== -1) {
+            tag = tag.replace('${obj.', '').replace('}', '')
+            if (row) {
+              let originalValue = row[tag]
+              if (this.childIsObjectProp(tag)) {
+                originalValue = this.childObjectPropOriginalValue(row, tag)
+              }
+              returnStr += originalValue
+            }
+          } else if (tag.indexOf('request.') !== -1) {
+            tag = tag.replace('${request.', '').replace('}', '')
+            if (additionalParam) {
+              const originalValue = additionalParam[tag]
+              if (originalValue) {
+                returnStr += originalValue
+              }
+            }
+          } else if (tag.indexOf('input.') !== -1) {
+            tag = tag.replace('${input.', '').replace('}', '')
+            returnStr += tag
+          } else if (tag.indexOf('context.') !== -1) {
+            tag = tag.replace('${context.', '').replace('}', '')
+            if (contextParam) {
+              const originalValue = contextParam[tag]
+              if (originalValue) {
+                returnStr += originalValue
+              }
+            }
+          }
+        }
+      }
+    }
+    return returnStr
+  },
+  childIsObjectProp(prop) {
+    if (prop.indexOf('.') > 0) {
+      return true
+    } else {
+      return false
+    }
+  },
+  childObjectPropOriginalValue(row, prop) {
+    try {
+      let objValue = row
+      const props = prop.split('.')
+      props.forEach((subProp) => {
+        if (objValue) {
+          objValue = objValue[subProp]
+        } else {
+          objValue = ''
+          throw objValue
+        }
+      })
+      return objValue
+    } catch (e) {
+      return ''
+    }
+  },
+  // 根据指定用户信息获得用户集合
+  getSelectUsers(searchField, selectUserInfo, separator) {
+    return new Promise((resolve, reject) => {
+      if (!searchField) {
+        resolve([])
+      } else if (!selectUserInfo) {
+        resolve([])
+      } else {
+        this.$http
+          .get(
+            window.$vueApp.config.globalProperties.baseAPI +
+              '/component/organization-trees/select-users?searchField=' +
+              searchField +
+              '&selectUserInfo=' +
+              selectUserInfo +
+              '&separator=' +
+              separator
+          )
+          .then((users) => {
+            resolve(users)
+          })
+          .catch((error) => {
+            reject(error)
+          })
+      }
+    })
+  },
+}
+export default utils

package/packages/utils/value-set.js

@@ -0,0 +1,97 @@
+import * as Vue from 'vue'
+/**
+ * 封装值设置为枚举 或 bean方式时的值为'key-value'键值对信息
+ */
+export function packageEnumAndBeanColumnValueSets(columns, listCode) {
+  return new Promise((resolve, reject) => {
+    const valueSetColumnsInfo = {
+      listCode: listCode,
+      valueSetMetas: [],
+    }
+    const valueSetColumnIndexs = []
+    for (let i = 0; i < columns.length; i++) {
+      const column = columns[i]
+      const prop = column.prop ? column.prop : column.label
+      const columnValueSet = packageEnumAndBeanColumnValueSet(column)
+      let titleValueSet = null
+      const titleValueSetJson = column.titleValueSet
+      if (titleValueSetJson) {
+        titleValueSet = packageEnumAndBeanColumnValueSet(
+          JSON.parse(titleValueSetJson)
+        )
+      }
+      if (columnValueSet || titleValueSet) {
+        const valueSetMeta = {
+          prop: prop,
+        }
+        if (columnValueSet) {
+          // 字段的值设置
+          valueSetMeta.valueSet = columnValueSet
+        }
+        if (titleValueSet) {
+          valueSetMeta.titleValueSet = titleValueSet
+        }
+        valueSetColumnsInfo.valueSetMetas.push(valueSetMeta)
+        valueSetColumnIndexs.push(i)
+      }
+    }
+    if (valueSetColumnsInfo.valueSetMetas.length > 0) {
+      window.$vueApp.config.globalProperties.$http
+        .post(
+          window.$vueApp.config.globalProperties.baseURL +
+            '/common/super-grids/value-sets',
+          valueSetColumnsInfo
+        )
+        .then((columnValueSets) => {
+          valueSetColumnIndexs.forEach((columnIndex) => {
+            let valueSetMap
+            const prop = columns[columnIndex].prop
+              ? columns[columnIndex].prop
+              : columns[columnIndex].label
+            for (const prop1 in columnValueSets) {
+              if (prop === prop1) {
+                valueSetMap = columnValueSets[prop]
+                break
+              }
+            }
+            if (valueSetMap) {
+              if (valueSetMap.valueSet) {
+                columns[columnIndex].valueSet = valueSetMap.valueSet
+              }
+              if (valueSetMap.titleValueSet) {
+                columns[columnIndex].titleValueSetValue =
+                  valueSetMap.titleValueSet
+              }
+            }
+          })
+          resolve(columns)
+        })
+        .catch((error) => {
+          reject(error)
+        })
+    } else {
+      resolve(columns)
+    }
+  })
+}
+
+function packageEnumAndBeanColumnValueSet(valueSetInfo) {
+  /**
+   * 枚举类型值设置前缀
+   */
+  const ENUM_NAME_PREFIX = 'enumname:'
+  /**
+   * bean形式值设置前缀
+   */
+  const BEAN_NAME_PREFIX = 'beanname:'
+  const enumName = valueSetInfo.enumName
+  const beanName = valueSetInfo.beanName
+  if (enumName && enumName !== '') {
+    if (valueSetInfo.remoteEnum === true) {
+      // 需要远程获得枚举值
+      return ENUM_NAME_PREFIX + enumName
+    }
+  } else if (beanName && beanName !== '') {
+    return BEAN_NAME_PREFIX + beanName
+  }
+}

package/packages/valid-code/index.js

@@ -0,0 +1,7 @@
+import ValidCode from './src/valid-code.vue'
+
+ValidCode.install = function (Vue) {
+  Vue.component(ValidCode.name, ValidCode)
+}
+
+export default ValidCode