resolver-egretimp-plus 0.1.113 → 0.1.115

package/src-bak/utils/const.js

@@ -0,0 +1,259 @@
+import { normalPixel, getDate, findComponent, isPatchComponent, getConfigOptions } from './common.js'
+
+export const MODE = {
+  OPERATE: 'operate',
+  DETAIL: 'detail',
+  LOG: 'log'
+}
+export const ARG_FLAGS = {
+  CURRENT_DATE: '_currentDate',
+  CURRENT_DATE_EXCLUDE: '_currentDateExclude',
+  CURRENT_DATE_TIME: '_currentDateTime',
+  REF_VAL: '_refVal'
+}
+export const VALUE_TYPES = {
+  LIST: 'list',
+  OBJECT: 'object',
+  STRING: 'string',
+}
+export const NOT_LOAD_CHILD_TYPE = ['CustomComponentTableH5']
+export const NOT_LOG_EFFECT_TYPE = ['CustomComponentTabs', 'CustomComponentTabPane', 'CustomComponentCycleTabPane', 'CustomComponentCollapse', 'CustomComponentTabPaneH5']
+export const FORM_META_TYPE = 'CustomComponentFormLayout'
+export const FORM_META_TYPE_H5 = 'CustomComponentFormLayoutH5'
+export const CONTEXT_PEDDING_TYPE = ['CustomComponentDialog']
+export const NOT_NEED_FORM_ITEM_META_TYPE = [
+  'CustomComponentTabs',
+  'CustomComponentTabPane',
+  'CustomComponentCycleTabPane',
+  'CustomComponentCollapse',
+  'CustomComponentDialog',
+  'ElButton',
+  'CustomComponentTable',
+  'CustomComponentRow',
+  'CustomComponentCol',
+  'CustomComponentCycle',
+
+  'CustomComponentCardH5',
+  'CustomComponentCollapseH5',
+  'CustomComponentTabsH5',
+  'CustomComponentTabPaneH5',
+  'CustomComponentTableH5',
+  'cmi-cell',
+  'cmi-button',
+  'cmi-link',
+  'cmi-dropdown-menu',
+  'cmi-divider'
+]
+export const EXECTE_CLICK_EVENT_COMPONENTS = ['ElInput', 'ElButton', 'CmiInput', 'CmiButton', 'ElText']
+export const TRANS_CELL_COMPONETS = ['CmiInput', 'CmiSelect', 'CmiPicker']
+export const CYCLE_COMPONETS = ['CustomComponentCycle', 'CustomComponentCycleTabPane', 'CustomComponentTable']
+export const NOT_NEED_COL_ITEM_META_TYPE = ['CustomComponentTabPane', 'CustomComponentDialog', 'CustomComponentCol', 'CustomComponentTabPaneH5']
+export const MULTI_PAGE_META_LIST_TYPES = ['CustomComponentTable']
+export const SPECIAL_SET_FULL_WIDTH_ITEM_META_TYPE = ['el-select', 'el-date-picker', 'el-time-picker', 'el-time-select', 'el-cascader', 'el-input-number', 'CustomComponentTree', 'CustomComponentSteps']
+export const TABLE_COLUMN_NOT_RENDER_META_TYPE = ['el-span']
+export const PREFIX_FLAG = 'el-'
+export const REPLACE_PREFIX_FLAG = 't-'
+export const H5_PREFIX_FLAG = 'cmi-'
+export const H5_REPLACE_PREFIX_FLAG = 'H5-'
+export const DISPLAY_SHOW = '1'
+export const DISPLAY_HIDDEN = '0'
+export const PLAIN_TYPE_ALONG_COLUMNS = ['ElText']
+export const PLAIN_TYPE_COLUMNS = ['ElInput', 'ElDatePicker', 'ElInputNumber']
+export const PLAIN_TYPE_OPTIONS_COLUMNS = ['ElSelect']
+export const commonPropsType = {
+  // 这边是组件的信息
+  compInfo: {
+    type: Object,
+    getValue(config, props, modelValue) {
+      return config
+    }
+  },
+  modelValue: {
+    type: [String, Number, Object, Array, Boolean, undefined, null],
+    getValue(config, props, modelValue) {
+      return modelValue.value
+    }
+  },
+  // 这边是组件的信息
+  config: {
+    type: Object,
+    getValue(config, props, modelValue) {
+      return config
+    }
+  },
+  // 组件对应的ref的值
+  refValue: {
+    type: [Object, Number, String],
+    default: '',
+    getValue(config, props, modelValue) {
+      return modelValue
+    }
+  },
+  // 组件是否禁用
+  disabled: {
+    type: Boolean,
+    default: false,
+    getValue(config, props, modelValue) {
+      return calcDisable(config, props.mode)
+    }
+  },
+  // 组件是否可清除
+  clearable: {
+    type: Boolean,
+    default: false,
+    getValue(config, props, modelValue) {
+      return config.clearableFlag == '1'
+    }
+  },
+  // 组件是否必填
+  required: {
+    type: Boolean,
+    default: false,
+    getValue(config, props, modelValue) {
+      return config.requiredFlag == '1'
+    }
+  },
+  // 组件是否必填
+  hidden: {
+    type: Boolean,
+    default: false,
+    getValue(config, props, modelValue) {
+      return isHidden({config})
+    }
+  },
+  // 组件是否展示必填标识
+  onlyRequiredFlag: {
+    type: [Boolean, String, Number],
+    default: false,
+    getValue(config, props, modelValue) {
+      return config.onlyRequiredFlag
+    }
+  },
+  // 表格引用到组件的时候，会传入表格数据
+  tableData: {
+    type: Array,
+    default: () => [],
+    getValue(config, props, modelValue) {
+      return props.tableData
+    }
+  },
+  // 表格引用到组件的时候，会传入 row 跟 index 的集合
+  rowScope: {
+    type: Object,
+    getValue(config, props, modelValue) {
+      return props.rowScope
+    }
+  },
+  width: {
+    type: [String, Number],
+    default: '',
+    getValue(config, props, modelValue) {
+      if (!config.width) return null
+      return normalPixel(config.width)
+    }
+  },
+  mode: {
+    type: [String],
+    default: '',
+    getValue(config, props,) {
+      return props.mode
+    }
+  },
+  options: {
+    type: Array,
+    default: () => [],
+    getValue(config, props, modelValue, selects) {
+      return getConfigOptions(config, selects)
+    }
+  },
+  placeholder: {
+    type: String,
+    default: () => '',
+    getValue(config, props, modelValue, selects, lang) {
+      return (lang?.indexOf('zh') > -1 ? config.defPlacehold : config.defPlaceholdEn) || ''
+    }
+  },
+  placeholderEn: {
+    type: String,
+    default: () => '',
+    getValue(config, props, modelValue, selects, lang) {
+      return config.defPlaceholdEn
+    }
+  },
+}
+
+export function isHidden({config}) {
+  return (typeof config.hidden === 'boolean' && config.hidden) || config.hidden == '1' || config.collapseHidden == '1'
+}
+
+export function calcDisable(config, mode) {
+  const specicesType = [
+    'CustomComponentTabs',
+    // 'CustomComponentTabPane' // 有需要需根据配置来进行配置是否禁用
+  ]
+  const flag = isPatchComponent(specicesType, config) ?
+    false :
+    mode === MODE.LOG ?
+      (
+        config.logAlong || isPatchComponent([FORM_META_TYPE, ...NOT_LOG_EFFECT_TYPE], config) ?
+          config.editFlag == '0' :
+          true
+      ) :
+      mode === MODE.DETAIL ?
+        (config.detailAlong || isPatchComponent([FORM_META_TYPE, ...NOT_LOG_EFFECT_TYPE], config) ?
+          config.editFlag == '0' :
+          true
+        ) :
+        config.editFlag == '0'
+  return flag
+}
+
+export const META_TYPE_MAP = {
+  row: 'CustomComponentRow',
+  grid: 'CustomComponentRow',
+  'grid-col': 'CustomComponentCol',
+  table: 'CustomComponentTable',
+  'checkbox-table': 'CustomComponentTable',
+  tab: 'CustomComponentTabs',
+  'tab-pane': 'CustomComponentTabPane',
+  collapse: 'CustomComponentCollapse',
+  'card': 'CustomComponentCollapse',
+  cycle: 'CustomComponentCycle',
+  'input': 'ElInput',
+  'textarea': 'ElInput',
+  'button': 'ElButton',
+  'static-text': 'ElText',
+  'number': 'ElInputNumber',
+  'radio': 'ElRadio',
+  'checkbox': 'ElCheckbox',
+  'select': 'ElSelect',
+  'time': 'ElTimePicker',
+  'time-range': 'ElTimePicker',
+  'date': 'ElDatePicker',
+  'date-range': 'ElDatePicker',
+  'cascader': 'ElCascader',
+  'select-employees': 'CustomComponentSelectEmployees',
+  'rich-editor': 'CustomComponentEditor',
+  'pagination': 'ElPagination',
+  'tree': 'CustomComponentTree',
+  'steps': 'CustomComponentSteps',
+  'mail-send': 'CustomComponentSendMail',
+  'file-import': 'CustomComponentFileImport',
+  'file-export': 'CustomComponentFileExport',
+
+  'cmi-card': 'CustomComponentCardH5',
+  'cmi-collapse': 'CustomComponentCollapseH5',
+  'cmi-tab': 'CustomComponentTabsH5',
+  'cmi-tab-pane': 'CustomComponentTabPaneH5',
+  'cmi-table': 'CustomComponentTableH5',
+  'cmi-datetime': 'CmiDatetimePicker',
+}
+
+export {
+  commonPropsType as componentPropsType
+}
+
+if (window) {
+  !window['resolver-egretimp-plus'] && (window['resolver-egretimp-plus'] = {})
+  window['resolver-egretimp-plus']['componentPropsType'] = commonPropsType
+}

package/src-bak/utils/defaultVal.js

@@ -0,0 +1,92 @@
+import { toRaw } from 'vue'
+import { formatDate, isPlainObject } from './common'
+import { ARG_FLAGS, isHidden, VALUE_TYPES } from './const'
+import { isArray, isNumber, isString } from './is'
+import dayjs from 'dayjs'
+
+export default function defaultVal(config) {
+  if (
+    (config.defaultVal || config.defaultValue) &&
+    !config.bindValue && config.bindValue !== 0 &&
+    !(isArray(config.bindValue) && config.bindValue.length) // 数组等于空的数组的时候
+  ) {
+    const configDefaultVal = config.defaultVal || config.defaultValue
+    let defaultVal = null
+    try {
+      if (typeof configDefaultVal === 'string') {
+        const trimValue = configDefaultVal.trim()
+        let routeMatchs = null
+        if (routeMatchs = trimValue.match(/^_route:(.*)$/)) {
+          const queryKey = routeMatchs[1]
+          const routeQuery = config?.route?.query
+          defaultVal = routeQuery?.[queryKey]
+        } else if (routeMatchs = trimValue.match(/^_native:(.*)$/)) {
+          const val = routeMatchs[1]
+          defaultVal = val
+        } else if (/^_lang$/.test(trimValue)) {
+          defaultVal = config?._lang
+        } else if (/^{[\w\W]*}$/.test(trimValue) || /^\[[\w\W]*\]$/.test(trimValue)) {
+          defaultVal = JSON.parse(trimValue)
+        } else {
+          const dateFlagIncluds = [
+            ARG_FLAGS.CURRENT_DATE,
+            'currentDate',
+            ARG_FLAGS.CURRENT_DATE_TIME,
+            ARG_FLAGS.CURRENT_DATE_EXCLUDE
+          ]
+          if (dateFlagIncluds.includes((trimValue || '').trim())) {
+            if (trimValue === ARG_FLAGS.CURRENT_DATE_TIME) {
+              defaultVal = formatDate(new Date(), 'yyyy-MM-dd hh:mm:ss')
+            } else if (trimValue === ARG_FLAGS.CURRENT_DATE_EXCLUDE) {
+              defaultVal = dayjs(new Date()).add(1, 'day').format('YYYY-MM-DD')
+            } else {
+              defaultVal = formatDate(new Date(), 'yyyy-MM-dd')
+            }
+          } else if (['true', 'false'].includes(trimValue)) {
+            defaultVal = trimValue == 'true' ? true : false
+          } else {
+            defaultVal = trimValue
+          }
+        }
+      } else {
+        defaultVal = toRaw(configDefaultVal)
+      }
+      if (config.metaType === 'ElSelect') {
+        defaultVal = formatSelectVal({config, val: defaultVal})
+      }
+      console.log(`${config.dynamicHireRelat},${config.hireRelat} to set defaultValue, ${defaultVal}`)
+      config.refValue = defaultVal
+    } catch (error) {
+      console.log('set default val fail, config', config, error)
+    }
+  }
+}
+
+export function formatSelectVal({
+  config,
+  val,
+  isActive = false
+}) {
+  let retValue = val
+  if (!isHidden({config}) || isActive) {
+    const valueType = config?.valueType
+    const separator = config?.separator
+    if (valueType !== VALUE_TYPES.LIST && valueType !== VALUE_TYPES.OBJECT) {
+      if (isPlainObject(val) || isArray(val)) {
+        try {
+          retValue = Object.values(val).join(separator)
+        } catch (error) {
+          retValue = val
+        }
+      }
+    } else {
+      if ((val && isString(val)) || isNumber(val)) {
+        retValue = `${val}`?.split(separator)
+        if (valueType == VALUE_TYPES.OBJECT) {
+          retValue = retValue?.reduce((ret, item, idx) => {ret[idx] = item; return ret;}, {})
+        }
+      }
+    }
+  }
+  return retValue
+}

package/src-bak/utils/dom.js

@@ -0,0 +1,36 @@
+export function getDomWidth(dom, offset = 0) {
+  const range = document.createRange()
+  range.setStart(dom, 0)
+  range.setEnd(dom, dom?.childNodes?.length)
+  return range.getBoundingClientRect()?.width - offset
+}
+
+export function getDomComputed(el) {
+  return window.getComputedStyle(el, null)
+}
+
+export function getPadding(el) {
+  const domCss = window.getComputedStyle(el, null)
+  const pl = Number.parseInt(domCss.paddingLeft, 10) || 0
+  const pr = Number.parseInt(domCss.paddingRight, 10) || 0
+
+  return {
+    left: pl,
+    right: pr
+  }
+}
+
+export function calcTextLength(text, fontSize) {
+  if (!text) return 0
+  const size = Number.parseInt(fontSize)
+  let realLength = 0
+  for(let i = 0; i < text.length; i ++) {
+    const charCode = text.charCodeAt(i)
+    if (charCode >= 0 && charCode <= 128) {
+      realLength += Number.parseFloat((0.54714 * size).toFixed(5))
+    } else {
+      realLength += 1 * size
+    }
+  }
+  return realLength
+}

package/src-bak/utils/format.js

@@ -0,0 +1,19 @@
+export default {
+  // 金额显示方法
+  formatAmount(number) {
+    const str = String(number)
+    const reg = /(\d)(?=(?:\d{3})+$)/g
+    return str.replace(reg, '$1,')
+  },
+  // 金额显示方法加上符号
+  formatAmountWidthSymbol: {
+    get(val) {
+      const num = parseFloat(val)
+      return num.toLocaleString('zh', { style: 'currency', currency: 'CNY' })
+    },
+    set(val) {
+      val = val.trim()
+      return val.length === '' ? 0 : val.replace(/(¥|,)/g, '')
+    }
+  }
+}

package/src-bak/utils/index.js

@@ -0,0 +1,4 @@
+export * from './common.js'
+export * from './render.jsx'
+export * from './const.js'
+export * from './is.js'

package/src-bak/utils/is.js

@@ -0,0 +1,74 @@
+export {
+  isArguments,
+  isArrayBuffer,
+  isArrayLike,
+  isArrayLikeObject,
+  isBuffer,
+  isBoolean,
+  isDate,
+  isElement,
+  isEmpty,
+  isEqual,
+  isEqualWith,
+  isError,
+  isFunction,
+  isFinite,
+  isLength,
+  isMap,
+  isMatch,
+  isMatchWith,
+  isNative,
+  isNil,
+  isNumber,
+  isNull,
+  isObjectLike,
+  isRegExp,
+  isSafeInteger,
+  isSet,
+  isString,
+  isSymbol,
+  isTypedArray,
+  isUndefined,
+  isWeakMap,
+  isWeakSet,
+  isNaN
+} from 'lodash-es';
+const toString = Object.prototype.toString;
+
+export function is(val, type) {
+  return toString.call(val) === `[object ${type}]`;
+}
+
+export function isDef(val) {
+  return typeof val !== 'undefined';
+}
+
+export function isObject(val){
+  return val !== null && is(val, 'Object');
+}
+
+export function isArray(val) {
+  return val && Array.isArray(val);
+}
+
+export function isWindow(val) {
+  return typeof window !== 'undefined' && is(val, 'Window');
+}
+
+export function isHasVal(val) {
+  return val !== null && val !== undefined
+}
+
+export const isServer = typeof window === 'undefined';
+
+export const isClient = !isServer;
+
+export function isHttpUrl(path) {
+  const reg = /^http(s)?:\/\/([\w-]+\.)+[\w-]+(\/[\w- ./?%&=]*)?/;
+  return reg.test(path);
+}
+
+export function isPascalCase(str) {
+  const regex = /^[A-Z][A-Za-z]*$/;
+  return regex.test(str);
+}

package/src-bak/utils/loadModule.js

@@ -0,0 +1,75 @@
+import * as Vue from 'vue'
+import { loadModule } from 'vue3-sfc-loader'
+import * as Router from 'vue-router'
+import { buildInRequest } from './request'
+import { FIND_FILEA_NND_CONENT_BY_ID } from '../api/builtIn'
+import { resultToast } from './respone'
+let messageInstance = null
+
+const fileCache = new Map()
+
+const options = {
+  moduleCache: {
+    vue: Vue,
+    'vue-router': Router,
+  },
+  async getFile(url) {
+    const fileId = url?.originVal?.() || url
+    if (!fileId) {
+      messageInstance?.error('custom component fileId empty!')
+      return
+    }
+    if (!fileCache.has(fileId)) {
+      fileCache.set(fileId, buildInRequest(FIND_FILEA_NND_CONENT_BY_ID, {fileId}).then(ret => {
+        if (resultToast(ret.data, messageInstance)) {
+          return ret.data.result?.content
+        } else {
+          return '<template><span></span></template>'
+        }
+      }).catch(() => {
+        return '<template><span></span></template>'
+      }))
+    }
+    return fileCache.get(fileId)
+  },
+
+  addStyle(textContent) {
+    const style = Object.assign(document.createElement('style'), { textContent });
+    const ref = document.head.getElementsByTagName('style')[0] || null;
+    document.head.insertBefore(style, ref);
+  },
+  log(type, ...args) {
+    console[type](...args);
+  },
+  compiledCache: {
+    set(key, str) {
+      for (;;) {
+        try {
+          window.localStorage.setItem(key, str);
+          break;
+        } catch(ex) {
+          window.localStorage.removeItem(window.localStorage.key(0));
+        }
+      }
+    },
+    get(key) {
+      return window.localStorage.getItem(key) ?? undefined;
+    },
+  },
+
+  handleModule(type, source, path, options) {
+    if ( type === '.json' )
+      return JSON.parse(source);
+  }
+}
+
+export default function(url, moduleCache, _messageInstance) {
+  messageInstance = _messageInstance
+  options.moduleCache['resolver-egretimp-plus'] = window['resolver-egretimp-plus']
+  options.moduleCache['resolver-egretimp-plus/h5'] = window['resolver-egretimp-plus']
+  options.moduleCache['resolver-egretimp-plus/web'] = window['resolver-egretimp-plus']
+  Object.keys(moduleCache || {}).forEach(key => {
+    options.moduleCache[key] = moduleCache[key]
+  })
+  return loadModule(url, options)
+}

package/src-bak/utils/preserveFunc.js

@@ -0,0 +1,33 @@
+import { normalPixel, getDate } from './common.js'
+
+function getFunctionArguments(fnStirng) {
+  // 使用正则表达式匹配函数的参数部分
+  const args = fnStirng.match(/\(([^)]*)\)/)[1];
+  // 使用逗号分隔参数字符串，并去除空格
+  if (!args) return []
+  return args.split(',').map(arg => arg.trim());
+}
+
+const PRESERVE_FUNC = [
+  {
+    key: /^getDate\(\w*\)$/,
+    value: getDate
+  }
+]
+
+export function preserveCheck(key, val) {
+  const regItem = PRESERVE_FUNC.find(({key: regKey}) => {
+    return regKey?.test(val)
+  })
+  if (regItem) {
+    const params = getFunctionArguments(val)
+    const currentFn = regItem.value
+    return {
+      checked: true,
+      val: currentFn(...params)
+    }
+  }
+  return {
+    checked: false,
+  }
+}