swordpass-ui 1.0.0

package/src/locale/validate/dict.js

@@ -0,0 +1,223 @@
+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) {
+          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 '只能输入数字'
+      },
+    },
+    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 '只能輸入數字'
+      },
+    },
+    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'
+      },
+    },
+    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/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,25 @@
+export default {
+  componentGroup: 'ClFormInputs',
+  props: {
+    displayStyle: String,
+  },
+  data() {
+    return {
+      curInputsDisplay: '',
+    }
+  },
+  computed: {
+    formInputsDisplay: function() {
+      return this.displayStyle
+        ? this.displayStyle
+        : this.curInputsDisplay
+        ? this.curInputsDisplay
+        : ''
+    },
+  },
+  created() {
+    this.$on('formExtend:update', (formExtend) => {
+      this.curInputsDisplay = formExtend.inputsDisplay
+    })
+  },
+}

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.loadCompiledTextValue)
+  },
+  methods: {
+    handleUpdateData() {
+      this.$emit('formDataUpdate')
+    },
+  },
+}

package/src/mixins/ganged.js

@@ -0,0 +1,126 @@
+import utils from '@/utils.js'
+import CustomQuery from '@/services/CustomQuery'
+
+export default {
+  props: {
+    ganged: Object,
+    props: {
+      type: Object,
+      default: function() {
+        return {
+          key: 'key',
+          value: 'value',
+        }
+      },
+    },
+  },
+  data() {
+    return {
+      _preParamsVal: null,
+    }
+  },
+  computed: {
+    propKey: function() {
+      if (this.props && this.props.key) {
+        return this.props.key
+      }
+      return 'key'
+    },
+    propValue: function() {
+      if (this.props && this.props.value) {
+        return this.props.value
+      }
+      return 'value'
+    },
+  },
+  methods: {
+    /**
+     * 执行关联查询
+     * @param {Object} params 构建好的关联查询条件，传null时会采用默认方法构建查询参数
+     * @param {Boolean} morph  是否按照valueBind/labelBind重新组织返回的options
+     * @returns Promise  resolve(options)、reject(error)
+     */
+    doCustomQuery: function(params, morph) {
+      if (!this.ganged || !this.ganged.alias) {
+        return new Promise((resolve) => resolve(null))
+      }
+      const paramsVal = params || this._prepareLoadParams(this.ganged.bind)
+      // 查询参数不变时不触发关联查询
+      if (utils.objectEquals(this._preParamsVal, paramsVal)) {
+        return new Promise((resolve) => resolve(null))
+      }
+      // 记录上一次关联查询的参数
+      this._preParamsVal = paramsVal
+      return new Promise((resolve, reject) => {
+        CustomQuery.load(this.ganged.alias, paramsVal)
+          .then((data) => {
+            if (!morph) {
+              // 直接返回原始数据
+              resolve(data)
+            } else {
+              // 按照回填值来构建选项
+              const options = []
+              data.forEach((m) => {
+                const opt = {}
+                if (this.ganged.valueBind) {
+                  opt[this.propKey] = m[this.ganged.valueBind]
+                }
+                if (this.ganged.labelBind) {
+                  opt[this.propValue] = m[this.ganged.labelBind]
+                }
+                options.push(opt)
+              })
+              resolve(options)
+            }
+          })
+          .catch((error) => {
+            CustomQuery._throwException(error)
+            reject(error)
+          })
+      })
+    },
+    // 准备查询参数
+    _prepareLoadParams: function(condition) {
+      let params = {}
+      if (condition && !utils.isEmpty(condition)) {
+        // 获取当前控件是否在子表某行中
+        let { index } = utils.getSubScopeElAndIndex(this.$el)
+
+        const pInst = utils.getOnlineFormInstance(this)
+        Object.keys(condition).forEach((k) => {
+          const bindSet = condition[k]
+          let val = null
+          // 参数绑定是对象
+          if (bindSet.constructor == Object) {
+            const bindSetKey = bindSet['key']
+            const defaultVal = bindSet['default']
+            const groovyScript = bindSet['groovyScript']
+            if (bindSetKey) {
+              val =
+                index == null
+                  ? utils.getValueByPath(pInst, bindSetKey)
+                  : utils.getValueByPath(pInst, bindSetKey, index)
+            }
+            if (val == null || val == undefined) {
+              val = defaultVal
+            }
+            if ((val == null || val == undefined) && groovyScript) {
+              val = '{"groovyScript":"' + groovyScript + '"}'
+            }
+          }
+          // 参数绑定是字符串
+          else if (bindSet.constructor == String) {
+            val =
+              index == null
+                ? utils.getValueByPath(pInst, bindSet)
+                : utils.getValueByPath(pInst, bindSet, index)
+          }
+          if (!utils.isEmpty(val)) {
+            params[k] = val
+          }
+        })
+      }
+      return params
+    },
+  },
+}