three-trees-ui 1.0.0

package/src/locale/validate/dict.js

@@ -0,0 +1,278 @@
+import { decode, isBase64 } from '@/util/base64'
+const dict = {
+  'zh-CN': {
+    messages: {
+      alpha: () => '只能是字母',
+      alpha_dash: () => '只能是字母数字横线下划线',
+      alpha_num: () => '只能是字母数字',
+      alpha_spaces: () => '只能是字母空格',
+      between: (field, args) => {
+        return `必须是大于等于${args[0]}且小于等于${args[1]}的数字`
+      },
+      confirmed: () => '两次输入的值必须相同',
+      digits: (field, args) => {
+        return `必须是${args[0]}位的数字`
+      },
+      email: () => '不是有效的邮箱地址',
+      is: (field, args) => {
+        return `内容必须是${args[0]}`
+      },
+      max: (field, args) => {
+        return `文本长度不能超过${args[0]}`
+      },
+      max_value: (field, args) => {
+        return `数值不能大于${args[0]}`
+      },
+      min: (field, args) => {
+        return `文本长度至少需要${args[0]}`
+      },
+      min_value: (field, args) => {
+        return `数值不能小于${args[0]}`
+      },
+      numeric: () => '请输入整数',
+      regex: (field, args) => {
+        let msg = '校验失败'
+        if (args && args.constructor == Array) {
+          let _reg = args
+          if (isBase64(_reg[0])) {
+            let _value = decode(_reg)
+            msg = eval('(' + _value + ')').regex.message
+          } else {
+            msg = args[1] ? args[1] : msg
+          }
+        }
+        if (args && args.constructor == Object) {
+          msg = args['message'] ? args['message'] : msg
+        }
+        return msg
+      },
+      method: (field, args) => {
+        return args && args['message'] ? args['message'] : '校验失败'
+      },
+      required: () => '必填',
+      isBefore: (field, args) => {
+        return '日期必须小于' + args
+      },
+      isAfter: (field, args) => {
+        return '日期必须大于' + args
+      },
+      isEnd: (field, args) => {
+        return '日期必须小于或等于' + args
+      },
+      isStart: (field, args) => {
+        return '日期必须大于或等于' + args
+      },
+      mobile: () => {
+        return '请输入正确的手机号码'
+      },
+      frontJSValidate: (field, args, data) => {
+        if (data && data.message) {
+          return data.message
+        }
+        return '前端js校验失败'
+      },
+      decimal: () => {
+        return '只能输入数字'
+      },
+      backendValidate: (field, args, data) => {
+        let msg = '后端验证失败'
+        if (args && args.constructor == Array) {
+          msg = args[1] ? args[1] : msg
+        }
+        if (args && args.constructor == Object) {
+          msg = args['message'] ? args['message'] : msg
+        }
+        return msg
+      },
+      id_card: () => {
+        return '请输入正确的身份证号'
+      },
+      url: () => {
+        return '请输入正确的URL'
+      },
+    },
+    names: {
+      expression: '常用语',
+    },
+  },
+  'zh-TW': {
+    messages: {
+      alpha: () => '只能是字母',
+      alpha_dash: () => '只能是字母數位橫線底線',
+      alpha_num: () => '只能是字母數位',
+      alpha_spaces: () => '只能是字母空格',
+      between: (field, args) => {
+        return `必須是大於等於${args[0]}且小於等於${args[1]}的數位`
+      },
+      confirmed: () => '兩次輸入的值必須相同',
+      digits: (field, args) => {
+        return `必須是${args[0]}比特的數位`
+      },
+      email: () => '不是有效的郵箱地址',
+      is: (field, args) => {
+        return `內容必須是${args[0]}`
+      },
+      max: (field, args) => {
+        return `文字長度不能超過${args[0]}`
+      },
+      max_value: (field, args) => {
+        return `數值不能大於${args[0]}`
+      },
+      min: (field, args) => {
+        return `文字長度至少需要${args[0]}`
+      },
+      min_value: (field, args) => {
+        return `數值不能小於${args[0]}`
+      },
+      numeric: () => '請輸入整數',
+      regex: (field, args) => {
+        let msg = '校驗失敗'
+        if (args && args.constructor == Array) {
+          msg = args[1] ? args[1] : msg
+        }
+        if (args && args.constructor == Object) {
+          msg = args['message'] ? args['message'] : msg
+        }
+        return msg
+      },
+      method: (field, args) => {
+        return args && args['message'] ? args['message'] : '校驗失敗'
+      },
+      required: () => '必填',
+      isBefore: (field, args) => {
+        return '日期必須小於' + args
+      },
+      isAfter: (field, args) => {
+        return '日期必須大於' + args
+      },
+      isEnd: (field, args) => {
+        return '日期必須小於或等於' + args
+      },
+      isStart: (field, args) => {
+        return '日期必須大於或等於' + args
+      },
+      mobile: () => {
+        return '請輸入正確的手機號碼'
+      },
+      frontJSValidate: (field, args, data) => {
+        if (data && data.message) {
+          return data.message
+        }
+        return '前端js校驗失敗'
+      },
+      decimal: () => {
+        return '只能輸入數字'
+      },
+      backendValidate: (field, args, data) => {
+        let msg = '後端驗證失敗'
+        if (args && args.constructor == Array) {
+          msg = args[1] ? args[1] : msg
+        }
+        if (args && args.constructor == Object) {
+          msg = args['message'] ? args['message'] : msg
+        }
+        return msg
+      },
+      id_card: () => {
+        return '請輸入正確的身份證號'
+      },
+      url: () => {
+        return '請輸入正確的URL'
+      },
+    },
+    names: {
+      expression: '常用語',
+    },
+  },
+  'en-US': {
+    messages: {
+      alpha: () => 'Must be letters',
+      alpha_dash: () => 'Must be alphanumeric underscores',
+      alpha_num: () => 'Must be alphanumeric',
+      alpha_spaces: () => 'Must be letter spaces',
+      between: (field, args) => {
+        return `Must greater than or equal to ${args[0]} and less than or equal to ${args[1]}`
+      },
+      confirmed: () => 'The values entered twice must be the same',
+      digits: (field, args) => {
+        return `Must be a ${args[0]} digit`
+      },
+      email: () => 'Not a valid email address',
+      is: (field, args) => {
+        return `Content must be ${args[0]}`
+      },
+      max: (field, args) => {
+        return `Text length cannot exceed ${args[0]}`
+      },
+      max_value: (field, args) => {
+        return `The value cannot be greater than ${args[0]}`
+      },
+      min: (field, args) => {
+        return `Text length needs to be at least ${args[0]}`
+      },
+      min_value: (field, args) => {
+        return `The value cannot be less than ${args[0]}`
+      },
+      numeric: () => 'Please key in numbers',
+      regex: (field, args) => {
+        let msg = 'Verification failed'
+        if (args && args.constructor == Array) {
+          msg = args[1] ? args[1] : msg
+        }
+        if (args && args.constructor == Object) {
+          msg = args['message'] ? args['message'] : msg
+        }
+        return msg
+      },
+      method: (field, args) => {
+        return args && args['message'] ? args['message'] : 'Verification failed'
+      },
+      required: () => 'Required',
+      isBefore: (field, args) => {
+        return 'Must be less than ' + args
+      },
+      isAfter: (field, args) => {
+        return 'Must be greater than ' + args
+      },
+      isEnd: (field, args) => {
+        return 'Must be less than or equal to ' + args
+      },
+      isStart: (field, args) => {
+        return 'Must be greater than or equal to ' + args
+      },
+      mobile: () => {
+        return 'Please enter the correct phone number'
+      },
+      frontJSValidate: (field, args, data) => {
+        if (data && data.message) {
+          return data.message
+        }
+        return 'Front end JS verification failed'
+      },
+      decimal: () => {
+        return 'Can only enter numbers'
+      },
+      backendValidate: (field, args, data) => {
+        let msg = 'Backend validation failed'
+        if (args && args.constructor == Array) {
+          msg = args[1] ? args[1] : msg
+        }
+        if (args && args.constructor == Object) {
+          msg = args['message'] ? args['message'] : msg
+        }
+        return msg
+      },
+      id_card: () => {
+        return 'Please enter the correct ID number'
+      },
+      url: () => {
+        return 'Please enter the correct URL'
+      },
+    },
+    names: {
+      expression: 'Common words',
+    },
+  },
+}
+
+export default dict

package/src/math.js

@@ -0,0 +1,270 @@
+import utils from '@/utils.js'
+
+var FormMath = {}
+
+FormMath.toNumber = function(x) {
+  if (x === null || x === undefined || x === '') return ''
+  if (typeof x == 'string') {
+    x = x.replace(/,/g, '')
+  }
+  var match = x.toString().match(/([$|￥])\d+\.?\d*/)
+  if (match) {
+    x = x.replace(match[1], '')
+  }
+  return Number(x)
+}
+
+/**
+ * 返回x的绝对值
+ * @param  {[type]} x [description]
+ * @return {[type]}   [description]
+ */
+FormMath.abs = function(x) {
+  return Math.abs(x)
+}
+
+/**
+ * 把x四舍五入为最接近的整数
+ * @param  {[type]} x [description]
+ * @return {[type]}   [description]
+ */
+FormMath.round = function(x) {
+  return Math.round(x)
+}
+
+/**
+ * 对x进行上舍入，返回等于或者大于x,并且与x最接近的整数
+ * @param  {[type]} x [description]
+ * @return {[type]}   [description]
+ */
+FormMath.ceil = function(x) {
+  return Math.ceil(x)
+}
+
+/**
+ * 对x进行下舍入，返回小于或者等于x，并且与x最接近的整数
+ * @param  {[type]} x [description]
+ * @return {[type]}   [description]
+ */
+FormMath.floor = function(x) {
+  return Math.floor(x)
+}
+
+/**
+ * 返回集合ary中最大的数
+ * @param  {[type]} ary [description]
+ * @return {[type]}     [description]
+ */
+FormMath.max = function(ary) {
+  var tmp,
+    x = 0,
+    size = ary.length
+  for (var i = 0; i < size; i++) {
+    x = FormMath.toNumber(ary[i])
+    if (isNaN(x) || x === '') continue
+    if (tmp === undefined) {
+      tmp = x
+    } else {
+      if (x > tmp) tmp = x
+    }
+  }
+  tmp = FormMath.toNumber(tmp)
+  return tmp
+}
+
+/**
+ * 返回集合ary中最小的数
+ * @param  {[type]} ary [description]
+ * @return {[type]}     [description]
+ */
+FormMath.min = function(ary) {
+  var tmp,
+    x = 0,
+    size = ary.length
+  for (var i = 0; i < size; i++) {
+    x = FormMath.toNumber(ary[i])
+    if (isNaN(x) || x === '') continue
+    if (tmp === undefined) {
+      tmp = x
+    } else {
+      if (x < tmp) tmp = x
+    }
+  }
+  tmp = FormMath.toNumber(tmp)
+  return tmp
+}
+
+/**
+ * 返回x的平方根
+ * @param  {[type]} x [description]
+ * @return {[type]}   [description]
+ */
+FormMath.sqrt = function(x) {
+  return Math.sqrt(x)
+}
+
+/**
+ * 获取ary的平均值
+ * @param  {[type]} ary [description]
+ * @return {[type]}     [description]
+ */
+FormMath.average = function(ary) {
+  var tmp,
+    x = 0,
+    size = ary.length
+  for (var i = 0; i < size; i++) {
+    x = FormMath.toNumber(ary[i])
+    if (isNaN(x) || x === '') continue
+    if (tmp === undefined) {
+      tmp = x
+    } else {
+      tmp += x
+    }
+  }
+  tmp = FormMath.toNumber(tmp / size)
+  return tmp
+}
+
+/**
+ * 求ary的和
+ * @param  {[type]} ary [description]
+ * @return {[type]}     [description]
+ */
+FormMath.sum = function(ary) {
+  var tmp,
+    x = 0,
+    size = ary.length
+  for (var i = 0; i < size; i++) {
+    x = FormMath.toNumber(ary[i])
+    if (isNaN(x) || x === '') continue
+    if (tmp === undefined) {
+      tmp = x
+    } else {
+      tmp += x
+    }
+  }
+  tmp = FormMath.toNumber(tmp)
+  return tmp
+}
+
+/**
+ * 返回保留小数点后b位的x的四舍五入值
+ * @param  {[type]} x [description]
+ * @param  {[type]} b [description]
+ * @return {[type]}   [description]
+ */
+FormMath.tofixed = function(x, b) {
+  var tmp = FormMath.toNumber(x)
+  b = FormMath.toNumber(b)
+  if (isNaN(tmp) || tmp === '' || isNaN(b)) return x
+  return tmp.toFixed(b)
+}
+
+/**
+ * 将数字转换为人民币大写
+ * @param  {[type]} x [description]
+ * @return {[type]}   [description]
+ */
+FormMath.convertCurrency = function(x) {
+  var tmp = FormMath.toNumber(x)
+  if (isNaN(tmp)) return x
+  //TODO 转换为人民币大写
+  return utils.convertCurrency(tmp)
+}
+
+// 解析表达式中的字段
+FormMath.parseFuncexpField = (statFun) => {
+  var myregexp = /[{|[].*?\((.*?)\)[}|\]]/g
+  var match = myregexp.exec(statFun)
+  var arrs = []
+  while (match != null) {
+    var str = match[1]
+    var has = false
+    for (var i = 0, v; (v = arrs[i++]); ) {
+      if (v == str) has = true
+    }
+    if (!has) arrs.push(str)
+    match = myregexp.exec(statFun)
+  }
+  return arrs
+}
+
+// 计算子表中的行运算
+FormMath.calcSubExpValue = function(exp, scope, prefix, index) {
+  if (!exp || !scope || !prefix) return 0
+  var reg = /\{.*?\((.*?)\)\}/g
+  exp = exp.replace(reg, function() {
+    var name = arguments[1],
+      value = 0
+    if (name.split('.').length != 2) {
+      throw `子表运算中${name}必须为xxx.xxx格式的表达式`
+    }
+    var val = utils.getValueByPath(
+      scope,
+      `${prefix}[${index}].${name.split('.')[1]}`
+    )
+    val = FormMath.toNumber(val)
+    if (!isNaN(val) && '' != val) value = val
+    return value
+  })
+  if (exp.substring(0, 16) != 'FormMath.tofixed') {
+    return FormMath.isValue(FormMath.tofixed(eval(`(${exp})`), 0))
+  }
+  return FormMath.isValue(eval(`(${exp})`))
+}
+
+// 计算表达式中的值
+FormMath.calcExpValue = function(exp, scope) {
+  if (!exp) return 0
+  var reg = /([\[|\{]).*?\((.*?)\)[\}|\]]/g // eslint-disable-line
+  exp = exp.replace(reg, function() {
+    var symbol = arguments[1],
+      name = arguments[2],
+      value = 0
+    if (scope) {
+      //子表统计计算情况，多行数据
+      if (symbol == '[') {
+        var valArray = []
+        var subMsg = name.split('.')
+        if (subMsg.length < 1) {
+          throw `子表统计的表达式${name}错误`
+        }
+        const subMsgSize = subMsg.length
+        var fieldName = subMsg[subMsgSize - 1]
+        var subTableNameAry = subMsg.filter((s, i) => i < subMsgSize - 1)
+        var subTableSrc = subTableNameAry.join('.')
+        var rows = utils.getValueByPath(scope, subTableSrc)
+        if (rows && rows.length > 0) {
+          for (var i = 0, row; (row = rows[i++]); ) {
+            valArray.push(row[fieldName])
+          }
+        }
+        value = `[${valArray.join(',')}`
+      } else {
+        var val = utils.getValueByPath(scope, name)
+        val = FormMath.toNumber(val)
+        if (!isNaN(val) && '' != val) value = val
+      }
+    }
+    if (!value) {
+      value = 0
+    }
+    return value
+  })
+  if (exp.substring(0, 16) != 'FormMath.tofixed') {
+    return FormMath.isValue(FormMath.tofixed(eval(`(${exp})`), 0))
+  }
+  return FormMath.isValue(eval(`(${exp})`))
+}
+
+FormMath.isValue = function(value) {
+  if (!value) {
+    return ''
+  } else if (value == 'Infinity') {
+    return ''
+  } else {
+    return value
+  }
+}
+
+export default FormMath

package/src/mixins/dialog.js

@@ -0,0 +1,16 @@
+export default {
+  data() {
+    return {
+      isDisabled: true,
+    }
+  },
+  methods: {
+    handleCurrentSelect(data) {
+      if (data.length > 0) {
+        this.isDisabled = false
+      } else {
+        this.isDisabled = true
+      }
+    },
+  },
+}

package/src/mixins/emitter.js

@@ -0,0 +1,33 @@
+function broadcast(componentName, eventName, params) {
+  this.$children.forEach((child) => {
+    var name = child.$options.componentName
+
+    if (name === componentName) {
+      child.$emit.apply(child, [eventName].concat(params))
+    } else {
+      broadcast.apply(child, [componentName, eventName].concat([params]))
+    }
+  })
+}
+export default {
+  methods: {
+    dispatch(componentName, eventName, params) {
+      var parent = this.$parent || this.$root
+      var name = parent.$options.componentName
+
+      while (parent && (!name || name !== componentName)) {
+        parent = parent.$parent
+
+        if (parent) {
+          name = parent.$options.componentName
+        }
+      }
+      if (parent) {
+        parent.$emit.apply(parent, [eventName].concat(params))
+      }
+    },
+    broadcast(componentName, eventName, params) {
+      broadcast.call(this, componentName, eventName, params)
+    },
+  },
+}

package/src/mixins/form.js

@@ -0,0 +1,33 @@
+export default {
+  componentGroup: 'HtFormInputs',
+  props: {
+    displayStyle: String,
+  },
+  data() {
+    return {
+      curInputsDisplay: '',
+      currentShowMode: 'text',
+    }
+  },
+  computed: {
+    formInputsDisplay: function() {
+      return this.displayStyle
+        ? this.displayStyle
+        : this.curInputsDisplay
+        ? this.curInputsDisplay
+        : ''
+    },
+    isDisabled() {
+      return (
+        this.disabled ||
+        (this.currentShowMode === 'input' && !this.inputWriteable)
+      )
+    },
+  },
+  created() {
+    this.$on('formExtend:update', (formExtend) => {
+      this.curInputsDisplay = formExtend.inputsDisplay
+      this.currentShowMode = formExtend.roInputDisplayMode || 'text'
+    })
+  },
+}

package/src/mixins/formDataUpdate.js

@@ -0,0 +1,32 @@
+import utils from '@/utils.js'
+
+export default {
+  data() {
+    return {
+      currentFormInstance: null,
+    }
+  },
+  watch: {
+    currentFormInstance: function(newVal, oldVal) {
+      if (!oldVal && newVal && newVal.$on) {
+        newVal.$off('updateData', this.handleUpdateData)
+        newVal.$on('updateData', this.handleUpdateData)
+      }
+    },
+  },
+  mounted() {
+    if (this.currentFormInstance == null) {
+      this.currentFormInstance = utils.getOnlineFormInstance(this)
+    }
+  },
+  beforeDestroy() {
+    this.currentFormInstance &&
+      this.currentFormInstance.$off &&
+      this.currentFormInstance.$off('updateData', this.handleUpdateData)
+  },
+  methods: {
+    handleUpdateData() {
+      this.$emit('formDataUpdate')
+    },
+  },
+}