imatrix-ui 0.2.5-up → 0.2.7-up

package/packages/super-nine-grid/src/search-methods.js

@@ -1,151 +1,151 @@
-const searchMethods = {
-  packageSearchParam() {
-    const searchParams = []
-    this.searchableColumns.forEach((column) => {
-      const param = { leftBracket: '', rightBracket: '', joinSign: 'and' }
-      // 布尔型字段时prop中去掉了is字符，查询时返回带有is的属性字段，
-      // 否则会导致查询布尔型报500错误
-      let orgProp = column.orgProp
-      // sql查询时，会把点“.”改为两个下划线"__"
-      const replaceDot = '__'
-      if (orgProp.indexOf(replaceDot) > 0) {
-        // 表示包括点“.”，需要把两个下划线"__"重新改为点“.”,否则会导致查询报500错误
-        orgProp = orgProp.replace(replaceDot, '.')
-      }
-      param.columnProp = column.prop
-      param.propName = orgProp
-      param.enumName = column.enumName
-      param.operator = this.getOperator(column)
-      param.dataType = column.dataType
-      if (column.dataType === 'DATE' || column.dataType === 'TIME') {
-        // 日期 或 时间类型
-        const values = this.getFormItemValue(column.prop)
-        // console.log('values==', values, column.prop)
-        if (
-          values !== null &&
-          values.length === 2 &&
-          values[0] !== null &&
-          values[1] !== null
-        ) {
-          param.startValue = values[0]
-          param.endValue = values[1]
-          searchParams.push(param)
-        }
-      } else if (column.dataType === 'INTEGER' || column.dataType === 'LONG') {
-        // 日期 或 时间类型
-        const values1 = this.getFormItemValue(column.prop)
-        if (values1) {
-          if (
-            !Array.isArray(values1) ||
-            values1.length < 2 ||
-            (values1[0] === null && values1[1] === null)
-          ) {
-            // 填写了一个有效值
-            if (!Array.isArray(values1)) {
-              param.propValue = values1
-              searchParams.push(param)
-            } else if (values1.length < 2) {
-              param.propValue = values1[0]
-              searchParams.push(param)
-            } else if (values1[0] === null) {
-              param.propValue = values1[1]
-              searchParams.push(param)
-            } else if (values1[1] === null) {
-              param.propValue = values1[0]
-              searchParams.push(param)
-            }
-          } else {
-            // 填写了两个有效值
-            param.startValue = values1[0]
-            param.endValue = values1[1]
-            searchParams.push(param)
-          }
-        }
-      } else {
-        if (column.componentType === 'multiselect') {
-          // 表示是多选下拉框选择器选择的值
-          const values = this.getFormItemValue(column.prop)
-          // console.log('values==', values, column.prop)
-          this.packageValueWithArray(values, searchParams, param)
-        } else {
-          const propValue = this.getFormItemValue(column.prop)
-          this.packageValueWithArray(propValue, searchParams, param)
-        }
-      }
-    })
-    return searchParams
-  },
-  getOperator(column) {
-    if (
-      (column.dataType === 'TEXT' || column.dataType === 'CLOB') &&
-      column.fuzzy
-    ) {
-      // 是否是文本类型的字段，且启用了模糊查询，则表示操作符为contains模糊查询
-      return 'CONTAIN'
-    } else {
-      // 否则就是等于
-      return 'EQ'
-    }
-  },
-  getFormItemValue(prop) {
-    if (prop.indexOf('.') > 0) {
-      const parentOjbect = this.getParentObject(prop)
-      return parentOjbect[prop.substring(prop.lastIndexOf('.') + 1)]
-    } else {
-      return this.searchForm[prop]
-    }
-  },
-  getParentObject(prop) {
-    const nestedProp = prop.split('.')
-    // 属性只有一个时父对象就是searchForm
-    if (nestedProp.length === 1) {
-      return this.searchForm
-    } else {
-      let parentObject
-      // 属性超过2个时先找到最后一层属性的父对象
-      for (let i = 0; i < nestedProp.length - 1; i++) {
-        parentObject = this.searchForm[nestedProp[i]]
-      }
-      return parentObject
-    }
-  },
-  // 处理多选下拉框时获得的值
-  // 处理非多选下拉框的值
-  packageValueWithArray(value, searchParams, param) {
-    if (value && Array.isArray(value)) {
-      const selectValues = value
-      // if (!Array.isArray(values)) {
-      //   selectValues = values.split(',')
-      // }
-      let num = 0
-      selectValues.forEach((val) => {
-        const selectParam = Object.assign({}, param)
-        selectParam.joinSign = 'or' // 将条件连接符修改为or，否则无法查询到值
-        if (num === 0) {
-          selectParam.leftBracket = '1' // 左边有1个括号
-        }
-        if (num === selectValues.length - 1) {
-          // 说明是最后一个条件
-          selectParam.rightBracket = '1' // 右边有1个括号
-          selectParam.joinSign = 'and' // 最后一个条件的连接符需要修改为and
-        }
-        selectParam.propValue = val
-        selectParam.operator = 'EQ'
-        if (val) {
-          searchParams.push(selectParam)
-        }
-        num++
-      })
-    } else if (
-      typeof value !== 'undefined' &&
-      value !== '' &&
-      value !== null &&
-      !Array.isArray(value)
-    ) {
-      // 不是数组
-      param.propValue = value
-      searchParams.push(param)
-    }
-  },
-}
-export default searchMethods
+const searchMethods = {
+  packageSearchParam() {
+    const searchParams = []
+    this.searchableColumns.forEach((column) => {
+      const param = { leftBracket: '', rightBracket: '', joinSign: 'and' }
+      // 布尔型字段时prop中去掉了is字符，查询时返回带有is的属性字段，
+      // 否则会导致查询布尔型报500错误
+      let orgProp = column.orgProp
+      // sql查询时，会把点“.”改为两个下划线"__"
+      const replaceDot = '__'
+      if (orgProp.indexOf(replaceDot) > 0) {
+        // 表示包括点“.”，需要把两个下划线"__"重新改为点“.”,否则会导致查询报500错误
+        orgProp = orgProp.replace(replaceDot, '.')
+      }
+      param.columnProp = column.prop
+      param.propName = orgProp
+      param.enumName = column.enumName
+      param.operator = this.getOperator(column)
+      param.dataType = column.dataType
+      if (column.dataType === 'DATE' || column.dataType === 'TIME') {
+        // 日期 或 时间类型
+        const values = this.getFormItemValue(column.prop)
+        // console.log('values==', values, column.prop)
+        if (
+          values !== null &&
+          values.length === 2 &&
+          values[0] !== null &&
+          values[1] !== null
+        ) {
+          param.startValue = values[0]
+          param.endValue = values[1]
+          searchParams.push(param)
+        }
+      } else if (column.dataType === 'INTEGER' || column.dataType === 'LONG') {
+        // 日期 或 时间类型
+        const values1 = this.getFormItemValue(column.prop)
+        if (values1) {
+          if (
+            !Array.isArray(values1) ||
+            values1.length < 2 ||
+            (values1[0] === null && values1[1] === null)
+          ) {
+            // 填写了一个有效值
+            if (!Array.isArray(values1)) {
+              param.propValue = values1
+              searchParams.push(param)
+            } else if (values1.length < 2) {
+              param.propValue = values1[0]
+              searchParams.push(param)
+            } else if (values1[0] === null) {
+              param.propValue = values1[1]
+              searchParams.push(param)
+            } else if (values1[1] === null) {
+              param.propValue = values1[0]
+              searchParams.push(param)
+            }
+          } else {
+            // 填写了两个有效值
+            param.startValue = values1[0]
+            param.endValue = values1[1]
+            searchParams.push(param)
+          }
+        }
+      } else {
+        if (column.componentType === 'multiselect') {
+          // 表示是多选下拉框选择器选择的值
+          const values = this.getFormItemValue(column.prop)
+          // console.log('values==', values, column.prop)
+          this.packageValueWithArray(values, searchParams, param)
+        } else {
+          const propValue = this.getFormItemValue(column.prop)
+          this.packageValueWithArray(propValue, searchParams, param)
+        }
+      }
+    })
+    return searchParams
+  },
+  getOperator(column) {
+    if (
+      (column.dataType === 'TEXT' || column.dataType === 'CLOB') &&
+      column.fuzzy
+    ) {
+      // 是否是文本类型的字段，且启用了模糊查询，则表示操作符为contains模糊查询
+      return 'CONTAIN'
+    } else {
+      // 否则就是等于
+      return 'EQ'
+    }
+  },
+  getFormItemValue(prop) {
+    if (prop.indexOf('.') > 0) {
+      const parentOjbect = this.getParentObject(prop)
+      return parentOjbect[prop.substring(prop.lastIndexOf('.') + 1)]
+    } else {
+      return this.searchForm[prop]
+    }
+  },
+  getParentObject(prop) {
+    const nestedProp = prop.split('.')
+    // 属性只有一个时父对象就是searchForm
+    if (nestedProp.length === 1) {
+      return this.searchForm
+    } else {
+      let parentObject
+      // 属性超过2个时先找到最后一层属性的父对象
+      for (let i = 0; i < nestedProp.length - 1; i++) {
+        parentObject = this.searchForm[nestedProp[i]]
+      }
+      return parentObject
+    }
+  },
+  // 处理多选下拉框时获得的值
+  // 处理非多选下拉框的值
+  packageValueWithArray(value, searchParams, param) {
+    if (value && Array.isArray(value)) {
+      const selectValues = value
+      // if (!Array.isArray(values)) {
+      //   selectValues = values.split(',')
+      // }
+      let num = 0
+      selectValues.forEach((val) => {
+        const selectParam = Object.assign({}, param)
+        selectParam.joinSign = 'or' // 将条件连接符修改为or，否则无法查询到值
+        if (num === 0) {
+          selectParam.leftBracket = '1' // 左边有1个括号
+        }
+        if (num === selectValues.length - 1) {
+          // 说明是最后一个条件
+          selectParam.rightBracket = '1' // 右边有1个括号
+          selectParam.joinSign = 'and' // 最后一个条件的连接符需要修改为and
+        }
+        selectParam.propValue = val
+        selectParam.operator = 'EQ'
+        if (val) {
+          searchParams.push(selectParam)
+        }
+        num++
+      })
+    } else if (
+      typeof value !== 'undefined' &&
+      value !== '' &&
+      value !== null &&
+      !Array.isArray(value)
+    ) {
+      // 不是数组
+      param.propValue = value
+      searchParams.push(param)
+    }
+  },
+}
+export default searchMethods

package/packages/super-nine-grid/src/store.js

@@ -1,3 +1,3 @@
-// 用于存放表格的控制属性，控制表格的编辑状态、存储表格的数据便于使用等等
-const store = new Map()
-export default store
+// 用于存放表格的控制属性，控制表格的编辑状态、存储表格的数据便于使用等等
+const store = new Map()
+export default store

package/packages/super-nine-grid/src/super-grid-service.js

@@ -1,107 +1,107 @@
-import * as Vue from 'vue'
-import store from './store'
-import { packageEnumAndBeanColumnValueSets } from '../../utils/value-set'
-import { isHasOptionFunction } from './utils'
-const superGridService = {
-  initialize() {
-    const url =
-      window.$vueApp.config.globalProperties.baseAPI +
-      '/component/super-grids/' +
-      this.code
-    const param = {}
-    const isSqlSetting = this.options.isSql
-    if (this.options && typeof isSqlSetting !== 'undefined') {
-      this.isSql = isSqlSetting
-      param.isSql = isSqlSetting + ''
-    }
-    this.isLoading = true
-    // 初始化组件时先获取元信息再获取数据，以后翻页、排序、查询不再去获取元数据了
-    this.$http.post(url, param).then((data) => {
-      // console.log('自定义显示数量1：' + data)
-      // console.log('initialize--grid--data.columns.length=', data.columns.length)
-      if (this.options.pageSizes && data.pagination) {
-        // 组件的options属性配置中配置“可选行数”，已该配置为准
-        let pageSizeArr = null
-        const pageSizeStrs = this.options.pageSizes.split(',')
-        if (pageSizeStrs && pageSizeStrs.length > 0) {
-          pageSizeArr = []
-          for (var i = 0; i < pageSizeStrs.length; i++) {
-            pageSizeArr.push(pageSizeStrs[i] * 1)
-          }
-          data.pagination.pageSize = pageSizeArr[0]
-        }
-        data.pagination.layout = 'total, sizes, prev, pager, next, jumper'
-        data.pagination.pageSizes = pageSizeArr
-        // console.log('自定义显示数量2：' + pageSizeArr)
-        // console.log('自定义显示数量3：' + data)
-      }
-      if (typeof this.options.initSortInfo !== 'undefined') {
-        // 组件的options属性配置中配置“排序信息”，以该配置为准
-        if (Array.isArray(this.options.initSortInfo)) {
-          data.sortInfo = this.options.initSortInfo
-        } else {
-          data.sortInfo = []
-          data.sortInfo.push(this.options.initSortInfo)
-        }
-      }
-      Object.assign(this, data)
-      const gridParams = store.get(this.code + '~' + this.gridId)
-
-      // store.listCode = this.code
-      // 需要多个组件共享的数据放到store中，避免组件定义一堆props来接收这些共享数据
-      packageEnumAndBeanColumnValueSets(this.columns, this.code).then(() => {
-        gridParams.isSql = this.isSql
-        gridParams.columns = this.columns
-        gridParams.lineEdit = this.lineEdit
-        gridParams.basicInfo = this.basicInfo
-        gridParams.pagination = this.pagination
-        gridParams.query = this.query
-        this.hasLoadedColumns = true
-        let canFetchData = true
-        if (isHasOptionFunction('loadBeforeSend', this.storeId)) {
-          canFetchData = gridParams.options.loadBeforeSend.call(this, {
-            columns: this.columns,
-            gridParams,
-            additionalParamMap: gridParams.additionalParamMap,
-          })
-        }
-        if (canFetchData === undefined || canFetchData === true) {
-          if (
-            typeof this.options.initSearch === 'undefined' ||
-            this.options.initSearch !== false
-          ) {
-            // 获得行拖动顺序接口路径
-            this.urlToSaveOrder =
-              this.lineEdit && this.lineEdit.urlToSaveOrder
-                ? this.lineEdit.urlToSaveOrder
-                : null
-            // 表示初始化时查询记录
-            this.fetchData().then(() => {
-              this.initSelectData()
-            })
-          }
-        }
-      })
-    })
-  },
-  // 单选时默认勾选指定的记录
-  initSelectData() {
-    if (this.options && this.options.currentIds) {
-      // 表示指定了选择的记录
-      for (let i = 0; i < this.gridData.length; i++) {
-        const record = this.gridData[i]
-        if (
-          (record.id || record.ID) &&
-          this.options.currentIds.indexOf(record.id ? record.id : record.ID) >=
-            0
-        ) {
-          this.changeSelect(record)
-          if (this.multiple === false) {
-            break
-          }
-        }
-      }
-    }
-  },
-}
-export default superGridService
+import * as Vue from 'vue'
+import store from './store'
+import { packageEnumAndBeanColumnValueSets } from '../../utils/value-set'
+import { isHasOptionFunction } from './utils'
+const superGridService = {
+  initialize() {
+    const url =
+      window.$vueApp.config.globalProperties.baseAPI +
+      '/component/super-grids/' +
+      this.code
+    const param = {}
+    const isSqlSetting = this.options.isSql
+    if (this.options && typeof isSqlSetting !== 'undefined') {
+      this.isSql = isSqlSetting
+      param.isSql = isSqlSetting + ''
+    }
+    this.isLoading = true
+    // 初始化组件时先获取元信息再获取数据，以后翻页、排序、查询不再去获取元数据了
+    this.$http.post(url, param).then((data) => {
+      // console.log('自定义显示数量1：' + data)
+      // console.log('initialize--grid--data.columns.length=', data.columns.length)
+      if (this.options.pageSizes && data.pagination) {
+        // 组件的options属性配置中配置“可选行数”，已该配置为准
+        let pageSizeArr = null
+        const pageSizeStrs = this.options.pageSizes.split(',')
+        if (pageSizeStrs && pageSizeStrs.length > 0) {
+          pageSizeArr = []
+          for (var i = 0; i < pageSizeStrs.length; i++) {
+            pageSizeArr.push(pageSizeStrs[i] * 1)
+          }
+          data.pagination.pageSize = pageSizeArr[0]
+        }
+        data.pagination.layout = 'total, sizes, prev, pager, next, jumper'
+        data.pagination.pageSizes = pageSizeArr
+        // console.log('自定义显示数量2：' + pageSizeArr)
+        // console.log('自定义显示数量3：' + data)
+      }
+      if (typeof this.options.initSortInfo !== 'undefined') {
+        // 组件的options属性配置中配置“排序信息”，以该配置为准
+        if (Array.isArray(this.options.initSortInfo)) {
+          data.sortInfo = this.options.initSortInfo
+        } else {
+          data.sortInfo = []
+          data.sortInfo.push(this.options.initSortInfo)
+        }
+      }
+      Object.assign(this, data)
+      const gridParams = store.get(this.code + '~' + this.gridId)
+
+      // store.listCode = this.code
+      // 需要多个组件共享的数据放到store中，避免组件定义一堆props来接收这些共享数据
+      packageEnumAndBeanColumnValueSets(this.columns, this.code).then(() => {
+        gridParams.isSql = this.isSql
+        gridParams.columns = this.columns
+        gridParams.lineEdit = this.lineEdit
+        gridParams.basicInfo = this.basicInfo
+        gridParams.pagination = this.pagination
+        gridParams.query = this.query
+        this.hasLoadedColumns = true
+        let canFetchData = true
+        if (isHasOptionFunction('loadBeforeSend', this.storeId)) {
+          canFetchData = gridParams.options.loadBeforeSend.call(this, {
+            columns: this.columns,
+            gridParams,
+            additionalParamMap: gridParams.additionalParamMap,
+          })
+        }
+        if (canFetchData === undefined || canFetchData === true) {
+          if (
+            typeof this.options.initSearch === 'undefined' ||
+            this.options.initSearch !== false
+          ) {
+            // 获得行拖动顺序接口路径
+            this.urlToSaveOrder =
+              this.lineEdit && this.lineEdit.urlToSaveOrder
+                ? this.lineEdit.urlToSaveOrder
+                : null
+            // 表示初始化时查询记录
+            this.fetchData().then(() => {
+              this.initSelectData()
+            })
+          }
+        }
+      })
+    })
+  },
+  // 单选时默认勾选指定的记录
+  initSelectData() {
+    if (this.options && this.options.currentIds) {
+      // 表示指定了选择的记录
+      for (let i = 0; i < this.gridData.length; i++) {
+        const record = this.gridData[i]
+        if (
+          (record.id || record.ID) &&
+          this.options.currentIds.indexOf(record.id ? record.id : record.ID) >=
+            0
+        ) {
+          this.changeSelect(record)
+          if (this.multiple === false) {
+            break
+          }
+        }
+      }
+    }
+  },
+}
+export default superGridService

package/packages/svg-icon/index.js

@@ -1,6 +1,6 @@
-import SvgIcon from './src/svg-icon.vue'
-SvgIcon.install = function (Vue) {
-  Vue.component(SvgIcon.name, SvgIcon)
-}
-
-export default SvgIcon
+import SvgIcon from './src/svg-icon.vue'
+SvgIcon.install = function (Vue) {
+  Vue.component(SvgIcon.name, SvgIcon)
+}
+
+export default SvgIcon

package/packages/svg-icon/src/svg-icon.vue

@@ -1,43 +1,43 @@
-<template>
-  <svg :class="svgClass" aria-hidden="true">
-    <use :xlink:href="iconName" />
-  </svg>
-</template>
-
-<script>
-export default {
-  name: 'SvgIcon',
-  props: {
-    iconClass: {
-      type: String,
-      required: true,
-    },
-    className: {
-      type: String,
-      default: '',
-    },
-  },
-  computed: {
-    iconName() {
-      return `#icon-${this.iconClass}`
-    },
-    svgClass() {
-      if (this.className) {
-        return 'svg-icon ' + this.className
-      } else {
-        return 'svg-icon'
-      }
-    },
-  },
-}
-</script>
-
-<style scoped>
-.svg-icon {
-  width: 1.2em;
-  height: 1.2em;
-  vertical-align: -0.25em;
-  fill: currentColor;
-  overflow: hidden;
-}
-</style>
+<template>
+  <svg :class="svgClass" aria-hidden="true">
+    <use :xlink:href="iconName" />
+  </svg>
+</template>
+
+<script>
+export default {
+  name: 'SvgIcon',
+  props: {
+    iconClass: {
+      type: String,
+      required: true,
+    },
+    className: {
+      type: String,
+      default: '',
+    },
+  },
+  computed: {
+    iconName() {
+      return `#icon-${this.iconClass}`
+    },
+    svgClass() {
+      if (this.className) {
+        return 'svg-icon ' + this.className
+      } else {
+        return 'svg-icon'
+      }
+    },
+  },
+}
+</script>
+
+<style scoped>
+.svg-icon {
+  width: 1.2em;
+  height: 1.2em;
+  vertical-align: -0.25em;
+  fill: currentColor;
+  overflow: hidden;
+}
+</style>