imatrix-ui 0.2.0-up → 0.2.2-up

package/packages/super-grid/src/formatter.js

@@ -1,196 +1,196 @@
-import { isDynamicDataSourceSource } from './utils'
-const formatter = {
-  number: function (inputValue, options) {
-    // 小数位数
-    const precision = options.precision
-    // 数字符号
-    const sign = options.sign
-    // 是否显示千分位
-    const isDelimiter = options.delimiter
-    // 是否显示科学计数法
-    const scientific = options.scientific
-    // 几位开始计算
-    let scientificNum = options.scientificNum
-    if (inputValue !== undefined && inputValue != null) {
-      if (precision > 0) {
-        // 表示有小数
-        inputValue = parseFloat(inputValue)
-        inputValue = inputValue.toFixed(precision)
-      }
-      if (isDelimiter) {
-        const inputValueStr = inputValue + ''
-        const value = inputValueStr.replace(
-          /\d{1,3}(?=(\d{3})+(\.\d*)?$)/g,
-          '$&,'
-        )
-        if (sign) {
-          return value + sign
-        } else {
-          return value
-        }
-      } else if (scientific != null) {
-        let isScientific = false
-        if (scientificNum) {
-          scientificNum = parseInt(scientificNum)
-        } else {
-          scientificNum = 11
-        }
-        if (inputValue.length >= scientificNum) {
-          isScientific = true
-        }
-        if (isScientific) {
-          inputValue = '' + inputValue
-          inputValue = parseFloat(inputValue)
-          inputValue = inputValue.toExponential() // 转换为标准的科学计数法形式（字符串）
-          // const tmpArray = eformat.match(/\d(?:\.(\d*))?e([+-]\d+)/) // 分离出小数值和指数值
-          // inputValue = inputValue.toFixed(Math.max(0, (tmpArray[1] || '').length - tmpArray[2]))
-        }
-      } else {
-        if (sign && !options.isCurrency) {
-          return inputValue + sign
-        } else {
-          return inputValue
-        }
-      }
-    }
-
-    return inputValue
-  },
-  currency: function (value, options) {
-    // 单位：$ 或 ￥
-    const sign = options.sign
-    options.isCurrency = true
-    return sign + this.number(value, options)
-  },
-  date: function (value, options) {
-    // format格式，例如：yyyy-m-d,yyyy-m-d hh:mm:ss等等
-    const format = options.format
-    if (value != null) {
-      const date = new Date(value)
-      var y = date.getFullYear()
-      var m = date.getMonth() + 1
-      var d = date.getDate()
-      var h = date.getHours()
-      var min = date.getMinutes()
-      var s = date.getSeconds()
-      if (m < 10) {
-        m = '0' + m
-      }
-      if (d < 10) {
-        d = '0' + d
-      }
-      // if (format.indexOf('hh') >= 0) {
-      //   h = h > 12 ? h - 12 : h
-      // } else {
-      if (h < 10) {
-        h = '0' + h
-      }
-      // }
-      if (min < 10) {
-        min = '0' + min
-      }
-      if (s < 10) {
-        s = '0' + s
-      }
-      const newValue = format
-        .replace('yyyy', y)
-        .replace('mm', min)
-        .replace('M', m)
-        .replace('m', m)
-        .replace('d', d)
-        .replace('hh', h)
-        .replace('HH', h)
-        .replace('ss', s)
-      // 判断格式化的值是否包含NaN，如果包含NaN取数据库的值
-      if (newValue.indexOf('NaN') === -1) {
-        return newValue
-      }
-      return value
-    }
-    return value
-  },
-  time: function (value, options) {
-    return this.date(value, options)
-  },
-  percent: function (value, options) {
-    if (value || value >= 0) {
-      return this.number(value, options) + '%'
-    }
-    return value
-  },
-}
-
-export function doFormat(column, value) {
-  value = doFormatWithValueSet(column, value)
-  if (value === undefined || value === null) {
-    return
-  }
-  // 获得默认的格式设置
-  if (column.formatter === undefined) {
-    if (column.dataType === 'DATE') {
-      // 默认的“DATE”类型的格式设置
-      column.formatter = {
-        type: 'date',
-        options: {
-          format: 'yyyy-m-d',
-        },
-      }
-    } else if (column.dataType === 'TIME') {
-      // 默认的“TIME”类型的格式设置
-      column.formatter = {
-        type: 'time',
-        options: {
-          format: 'yyyy-m-d hh:mm:ss',
-        },
-      }
-    }
-  }
-  const columnFormatter = column.formatter
-  if (
-    columnFormatter !== undefined &&
-    formatter[columnFormatter.type] !== undefined
-  ) {
-    return formatter[columnFormatter.type](value, columnFormatter.options)
-  } else {
-    return value
-  }
-}
-
-export function doFormatWithValueSet(column, value) {
-  if (value === undefined || value === null) {
-    return value
-  }
-  const valueSet = column.valueSet
-  // 先处理值设置再处理格式化设置：即会对值设置的结果进行格式化设置
-  if (valueSet !== undefined) {
-    if (
-      column.componentType === 'multiselect' &&
-      !isDynamicDataSourceSource(column)
-    ) {
-      if (typeof value === 'number') {
-        // 当value是0时， value instanceof Number 为false
-        value += ''
-      }
-      const beforeLabel = (value + '').split(',')
-      const label = []
-      beforeLabel.forEach((element) => {
-        const item = valueSet.filter((item) => {
-          return item.value === element + ''
-        })
-        if (item.length > 0) {
-          label.push(item[0].label)
-        }
-      })
-      value = label.join(',')
-    } else {
-      const item = valueSet.filter((item) => {
-        return item.value === value + ''
-      })
-      if (item.length > 0) {
-        // 数据库的原始值要显示成label值，后续对这个label进行格式化（不是处理原始值）
-        value = item[0].label
-      }
-    }
-  }
-  return value
-}
+import { isDynamicDataSourceSource } from './utils'
+const formatter = {
+  number: function (inputValue, options) {
+    // 小数位数
+    const precision = options.precision
+    // 数字符号
+    const sign = options.sign
+    // 是否显示千分位
+    const isDelimiter = options.delimiter
+    // 是否显示科学计数法
+    const scientific = options.scientific
+    // 几位开始计算
+    let scientificNum = options.scientificNum
+    if (inputValue !== undefined && inputValue != null) {
+      if (precision > 0) {
+        // 表示有小数
+        inputValue = parseFloat(inputValue)
+        inputValue = inputValue.toFixed(precision)
+      }
+      if (isDelimiter) {
+        const inputValueStr = inputValue + ''
+        const value = inputValueStr.replace(
+          /\d{1,3}(?=(\d{3})+(\.\d*)?$)/g,
+          '$&,'
+        )
+        if (sign) {
+          return value + sign
+        } else {
+          return value
+        }
+      } else if (scientific != null) {
+        let isScientific = false
+        if (scientificNum) {
+          scientificNum = parseInt(scientificNum)
+        } else {
+          scientificNum = 11
+        }
+        if (inputValue.length >= scientificNum) {
+          isScientific = true
+        }
+        if (isScientific) {
+          inputValue = '' + inputValue
+          inputValue = parseFloat(inputValue)
+          inputValue = inputValue.toExponential() // 转换为标准的科学计数法形式（字符串）
+          // const tmpArray = eformat.match(/\d(?:\.(\d*))?e([+-]\d+)/) // 分离出小数值和指数值
+          // inputValue = inputValue.toFixed(Math.max(0, (tmpArray[1] || '').length - tmpArray[2]))
+        }
+      } else {
+        if (sign && !options.isCurrency) {
+          return inputValue + sign
+        } else {
+          return inputValue
+        }
+      }
+    }
+
+    return inputValue
+  },
+  currency: function (value, options) {
+    // 单位：$ 或 ￥
+    const sign = options.sign
+    options.isCurrency = true
+    return sign + this.number(value, options)
+  },
+  date: function (value, options) {
+    // format格式，例如：yyyy-m-d,yyyy-m-d hh:mm:ss等等
+    const format = options.format
+    if (value != null) {
+      const date = new Date(value)
+      var y = date.getFullYear()
+      var m = date.getMonth() + 1
+      var d = date.getDate()
+      var h = date.getHours()
+      var min = date.getMinutes()
+      var s = date.getSeconds()
+      if (m < 10) {
+        m = '0' + m
+      }
+      if (d < 10) {
+        d = '0' + d
+      }
+      // if (format.indexOf('hh') >= 0) {
+      //   h = h > 12 ? h - 12 : h
+      // } else {
+      if (h < 10) {
+        h = '0' + h
+      }
+      // }
+      if (min < 10) {
+        min = '0' + min
+      }
+      if (s < 10) {
+        s = '0' + s
+      }
+      const newValue = format
+        .replace('yyyy', y)
+        .replace('mm', min)
+        .replace('M', m)
+        .replace('m', m)
+        .replace('d', d)
+        .replace('hh', h)
+        .replace('HH', h)
+        .replace('ss', s)
+      // 判断格式化的值是否包含NaN，如果包含NaN取数据库的值
+      if (newValue.indexOf('NaN') === -1) {
+        return newValue
+      }
+      return value
+    }
+    return value
+  },
+  time: function (value, options) {
+    return this.date(value, options)
+  },
+  percent: function (value, options) {
+    if (value || value >= 0) {
+      return this.number(value, options) + '%'
+    }
+    return value
+  },
+}
+
+export function doFormat(column, value) {
+  value = doFormatWithValueSet(column, value)
+  if (value === undefined || value === null) {
+    return
+  }
+  // 获得默认的格式设置
+  if (column.formatter === undefined) {
+    if (column.dataType === 'DATE') {
+      // 默认的“DATE”类型的格式设置
+      column.formatter = {
+        type: 'date',
+        options: {
+          format: 'yyyy-m-d',
+        },
+      }
+    } else if (column.dataType === 'TIME') {
+      // 默认的“TIME”类型的格式设置
+      column.formatter = {
+        type: 'time',
+        options: {
+          format: 'yyyy-m-d hh:mm:ss',
+        },
+      }
+    }
+  }
+  const columnFormatter = column.formatter
+  if (
+    columnFormatter !== undefined &&
+    formatter[columnFormatter.type] !== undefined
+  ) {
+    return formatter[columnFormatter.type](value, columnFormatter.options)
+  } else {
+    return value
+  }
+}
+
+export function doFormatWithValueSet(column, value) {
+  if (value === undefined || value === null) {
+    return value
+  }
+  const valueSet = column.valueSet
+  // 先处理值设置再处理格式化设置：即会对值设置的结果进行格式化设置
+  if (valueSet !== undefined) {
+    if (
+      column.componentType === 'multiselect' &&
+      !isDynamicDataSourceSource(column)
+    ) {
+      if (typeof value === 'number') {
+        // 当value是0时， value instanceof Number 为false
+        value += ''
+      }
+      const beforeLabel = (value + '').split(',')
+      const label = []
+      beforeLabel.forEach((element) => {
+        const item = valueSet.filter((item) => {
+          return item.value === element + ''
+        })
+        if (item.length > 0) {
+          label.push(item[0].label)
+        }
+      })
+      value = label.join(',')
+    } else {
+      const item = valueSet.filter((item) => {
+        return item.value === value + ''
+      })
+      if (item.length > 0) {
+        // 数据库的原始值要显示成label值，后续对这个label进行格式化（不是处理原始值）
+        value = item[0].label
+      }
+    }
+  }
+  return value
+}

package/packages/super-grid/src/group-column.vue

@@ -1,99 +1,99 @@
-<template>
-  <el-table-column width="150" :align="column.groupHeader ? 'center' : ''">
-    <template v-slot:header>
-      <span class="cell--span" :title="label" v-html="label" />
-    </template>
-    <template v-if="customFormat">
-      <component
-        :is="child.prop ? 'NormalColumn' : 'GroupColumn'"
-        v-for="(child, index) in visibleChildren"
-        :key="child.label + index"
-        :column="child"
-        :is-sql="isSql"
-        :custom-format="child.prop ? customFormat[child.prop] : customFormat"
-        :list-code="listCode"
-        @findIndex="findIndex(scope.$index)"
-        @refresData="refresData"
-        @refresPortData="refresPortData"
-        @refresPortsData="refresPortsData"
-        @refresMainTableFields="refresMainTableFields"
-      />
-    </template>
-    <template v-else>
-      <component
-        :is="child.prop ? 'NormalColumn' : 'GroupColumn'"
-        v-for="(child, index) in visibleChildren"
-        :key="child.label + index"
-        :is-sql="isSql"
-        :column="child"
-        :list-code="listCode"
-      />
-    </template>
-  </el-table-column>
-</template>
-
-<script>
-import NormalColumn from './normal-column.vue'
-// import GroupColumn from './group-column.vue'
-import { doFormatWithValueSet } from './formatter'
-export default {
-  name: 'GroupColumn',
-  components: {
-    NormalColumn,
-    // GroupColumn,
-  },
-  props: {
-    column: {
-      type: Object,
-      default: null,
-    },
-    // 操作列、占位符列内容显示的函数，格式为：{'属性名':方法},例如：{'name':viewUser,'operation':showOperation}
-    customFormat: {
-      type: Object,
-      default: null,
-    },
-    listCode: {
-      type: String,
-      default: null,
-    },
-    isSql: {
-      type: Boolean,
-      default: false,
-    },
-  },
-  data() {
-    return {
-      label: null, // 标题
-    }
-  },
-  computed: {
-    visibleChildren() {
-      if (this.column.children) {
-        return this.column.children.filter((column) => {
-          return column.show === undefined || column.show
-        })
-      } else {
-        return []
-      }
-    },
-  },
-  created() {
-    this.label = this.getHeader()
-  },
-  methods: {
-    getHeader() {
-      if (!this.column.titleValueSet) {
-        return this.column.label.replace(/\\n/g, '</br>')
-      } else {
-        return this.formatHeader()
-      }
-    },
-    formatHeader() {
-      return doFormatWithValueSet(
-        this.column.titleValueSetValue,
-        this.column.label
-      )
-    },
-  },
-}
-</script>
+<template>
+  <el-table-column width="150" :align="column.groupHeader ? 'center' : ''">
+    <template v-slot:header>
+      <span class="cell--span" :title="label" v-html="label" />
+    </template>
+    <template v-if="customFormat">
+      <component
+        :is="child.prop ? 'NormalColumn' : 'GroupColumn'"
+        v-for="(child, index) in visibleChildren"
+        :key="child.label + index"
+        :column="child"
+        :is-sql="isSql"
+        :custom-format="child.prop ? customFormat[child.prop] : customFormat"
+        :list-code="listCode"
+        @findIndex="findIndex(scope.$index)"
+        @refresData="refresData"
+        @refresPortData="refresPortData"
+        @refresPortsData="refresPortsData"
+        @refresMainTableFields="refresMainTableFields"
+      />
+    </template>
+    <template v-else>
+      <component
+        :is="child.prop ? 'NormalColumn' : 'GroupColumn'"
+        v-for="(child, index) in visibleChildren"
+        :key="child.label + index"
+        :is-sql="isSql"
+        :column="child"
+        :list-code="listCode"
+      />
+    </template>
+  </el-table-column>
+</template>
+
+<script>
+import NormalColumn from './normal-column.vue'
+// import GroupColumn from './group-column.vue'
+import { doFormatWithValueSet } from './formatter'
+export default {
+  name: 'GroupColumn',
+  components: {
+    NormalColumn,
+    // GroupColumn,
+  },
+  props: {
+    column: {
+      type: Object,
+      default: null,
+    },
+    // 操作列、占位符列内容显示的函数，格式为：{'属性名':方法},例如：{'name':viewUser,'operation':showOperation}
+    customFormat: {
+      type: Object,
+      default: null,
+    },
+    listCode: {
+      type: String,
+      default: null,
+    },
+    isSql: {
+      type: Boolean,
+      default: false,
+    },
+  },
+  data() {
+    return {
+      label: null, // 标题
+    }
+  },
+  computed: {
+    visibleChildren() {
+      if (this.column.children) {
+        return this.column.children.filter((column) => {
+          return column.show === undefined || column.show
+        })
+      } else {
+        return []
+      }
+    },
+  },
+  created() {
+    this.label = this.getHeader()
+  },
+  methods: {
+    getHeader() {
+      if (!this.column.titleValueSet) {
+        return this.column.label.replace(/\\n/g, '</br>')
+      } else {
+        return this.formatHeader()
+      }
+    },
+    formatHeader() {
+      return doFormatWithValueSet(
+        this.column.titleValueSetValue,
+        this.column.label
+      )
+    },
+  },
+}
+</script>