imatrix-ui 0.2.3-up → 0.2.5-up

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

@@ -1,264 +1,264 @@
-import store from './store'
-import * as Vue from 'vue'
-export function getColumnValues(data, prop) {
-  const values = []
-  for (const obj of data) {
-    values.push(obj[prop])
-  }
-  return values
-}
-/**
- * 返回的数组表示当前列每行的合并情况：[3,0,0,1,1]表示1到3行合并，四五行不合并
- * @param {Array} data 列表数据
- * @param {String} prop 列名
- */
-export function getSpanValuesForColumn(data, prop) {
-  const spanArr = []
-  let pos = 0
-  for (let i = 0; i < data.length; i++) {
-    if (i === 0) {
-      spanArr.push(1)
-      pos = 0
-    } else {
-      // 判断当前元素与上一个元素是否相同
-      if (data[i][prop] === data[i - 1][prop]) {
-        spanArr[pos] += 1
-        spanArr.push(0)
-      } else {
-        spanArr.push(1)
-        pos = i
-      }
-    }
-  }
-  return spanArr
-}
-
-export function getFirstEditableColumn(listCode) {
-  if (!listCode) {
-    listCode = store.get('_nine_list_code')
-  }
-  if (listCode && listCode.indexOf('~') < 0) {
-    // 拼接默认的九宫格gridId
-    listCode = listCode + '~' + '_nineGrid'
-  }
-  for (const column of store.get(listCode).columns) {
-    if (column.editable) {
-      return column.prop
-    }
-  }
-  return null
-}
-
-const ArrowKeyAction = {
-  getIndex(prop) {
-    let i = 0
-    for (const column of store.columns) {
-      if (column.prop === prop) {
-        return i
-      } else {
-        i++
-      }
-    }
-  },
-  getLeftColumn(prop) {
-    const index = ArrowKeyAction.getIndex(prop)
-    let i = 0
-    for (i = index - 1; i >= 0; i--) {
-      if (store.columns[i].editable) {
-        return store.columns[i].prop
-      } else {
-        return null
-      }
-    }
-  },
-}
-export { ArrowKeyAction }
-
-/**
- * 是否是行编辑时的属性
- * @param {*} event
- */
-export function isHasEditOption(event, listCode) {
-  if (!listCode) {
-    listCode = store.get('_nine_list_code')
-  }
-  if (listCode && listCode.indexOf('~') < 0) {
-    // 拼接默认的九宫格gridId
-    listCode = listCode + '~' + '_nineGrid'
-  }
-  const gridParams = store.get(listCode)
-  if (
-    gridParams.options.lineEditOptions &&
-    gridParams.options.lineEditOptions[event]
-  ) {
-    return true
-  }
-  return false
-}
-
-export function isEditOptionFunction(event, listCode) {
-  if (!listCode) {
-    listCode = store.get('_nine_list_code')
-  }
-  if (listCode && listCode.indexOf('~') < 0) {
-    // 拼接默认的九宫格gridId
-    listCode = listCode + '~' + '_nineGrid'
-  }
-  const gridParams = store.get(listCode)
-  if (
-    gridParams.options.lineEditOptions &&
-    typeof gridParams.options.lineEditOptions[event] === 'function'
-  ) {
-    return true
-  }
-  return false
-}
-
-/**
- * 是否是行编辑时的属性
- * @param {*} event
- */
-export function isHasOptionFunction(event, listCode) {
-  if (!listCode) {
-    listCode = store.get('_nine_list_code')
-  }
-  if (listCode && listCode.indexOf('~') < 0) {
-    // 拼接默认的九宫格gridId
-    listCode = listCode + '~' + '_nineGrid'
-  }
-  const gridParams = store.get(listCode)
-  if (gridParams.options && typeof gridParams.options[event] === 'function') {
-    return true
-  }
-  return false
-}
-
-export function isOptionFunction(props, listCode) {
-  if (!listCode) {
-    listCode = store.get('_nine_list_code')
-  }
-  if (listCode && listCode.indexOf('~') < 0) {
-    // 拼接默认的九宫格gridId
-    listCode = listCode + '~' + '_nineGrid'
-  }
-  const gridParams = store.get(listCode)
-  if (props.indexOf('.') > 0) {
-    let optionProp = gridParams.options
-    const propsArr = props.split('.')
-    for (let i = 0; i < propsArr.length; i++) {
-      const event = propsArr[i]
-      if (optionProp) {
-        if (typeof optionProp[event] === 'function') {
-          return true
-        } else {
-          optionProp = optionProp[event]
-        }
-      } else {
-        return false
-      }
-    }
-  } else {
-    if (gridParams.options && typeof gridParams.options[event] === 'function') {
-      return true
-    }
-  }
-}
-
-/**
- * 获得控制表格需要的参数
- */
-export function getGridParams() {
-  const gridParams = {
-    columns: [],
-    gridData: [],
-    orgGridData: [], // 行编辑保存时使用
-    showValidateError: true, // 是否可以显示验证信息，防止同时弹出两个验证信息的
-    options: {
-      // id: '_nineGrid', // 九宫格组件的元素id，影响格子拖动功能,当tab页签中有多个九宫格时必须配置该属性，如果当前页面中只有一个九宫格组件，不配也可以
-      // 附加参数
-      // extraParam: {},
-      // 表格及数据均加载完成后
-      // gridComplete: function(gridData, columns) {}, // gridData, columns
-      // 刚请求到字段配置，没有请求数据时，可以通过该方法修改表头或添加自定义表头
-      // loadBeforeSend: function(columns, settings) { return true }, // columns, settings(列表所有设置，包括字段设置、分页设置、查询设置、行编辑设置)
-      // 数据加载失败的回调方法
-      // loadError: function(code, error) {}, // code, error
-      // 数据请求成功后，表格记录显示前的回调方法，该方法主要是处理业务数据，比如：处理xss攻击
-      // gridDataLoaded: function(data) { return data },
-      // 查询组件需要的一些参数
-      // search: {
-      //   // 属性自定义组件，当不是行编辑时，查询框需要自定义控件时
-      //   customSearchElements: function(column) { return null },
-      //   labelWidth: '150px',
-      //   fieldNum: 4, // 查询的每行排放的字段个数，默认是4个字段
-      // },
-      // isSql:false, // 是否是sql查询数据内容。在使用sql语句查询表内容时，否则会导致列表字段的值不显示，都显示为空
-      // initSearchForm: [], // 初始查询条件，格式同“查询”按钮封装的json格式
-      // multiple: true/false,// 是否多选，默认以列表管理中配置的为准
-      // initSortInfo: {prop:'',order: 'ASC/DESC'},// 默认排序字段，和排序方式
-      // pageSizes: '20,30,50,100',// 可选行数
-      // initSearch: true/false, // 初始化时是否查询，默认是查询
-      // isHiddenSearchForm: false, //查询时，是否隐藏查询区域，不配置默认是显示的
-      // isHasCreate: true/false, // 是否显示新建按钮
-      // createPermission: 'a.b.c', // 新建按钮的资源编码，用于控制新建按钮的权限
-      // props: {imageUrl:'prop1', content:'prop1', title:'prop2', subTitle:'prop3'}, // 九宫格中图片、标题、副标题属性名配置
-      // operations: [ // 按钮区按钮信息
-      //   {
-      //     name:'修改',
-      //     icon:'el-icon-edit',
-      //     event: this.updateItem,
-      //     permission:'sss.ddd.ddds'
-      //   },
-      //   {
-      //     name:'删除',
-      //     icon:'el-icon-delete',
-      //     event: this.deleteItem
-      //   },
-      //   {
-      //     name:'设为模板',
-      //     icon:'el-icon-document-copy',
-      //     event: this.setToTemplate
-      //   }
-      // ]
-    },
-  }
-  return window.$vueApp.reactive(gridParams)
-}
-
-export function addDynamicProp(target, prop, propValue) {
-  const nestedProp = prop.split('.')
-  if (nestedProp.length === 1) {
-    if (propValue !== undefined) {
-      target[prop] = propValue
-    } else {
-      target[prop] = null
-    }
-    return
-  }
-  // 如果是嵌套属性，就要逐层添加空对象，起点是searchForm，属性每多一层嵌套，parent就前进一层，到倒数第二层为止
-  let parent = target
-  for (let i = 0; i < nestedProp.length - 1; i++) {
-    if (parent[nestedProp[i]] === undefined) {
-      parent[nestedProp[i]] = {}
-    }
-    parent = parent[nestedProp[i]]
-  }
-  if (propValue !== undefined) {
-    parent[nestedProp[nestedProp.length - 1]] = propValue
-  } else {
-    parent[nestedProp[nestedProp.length - 1]] = null
-  }
-}
-
-export function getTableHeight(showSearch, searchForm) {
-  if (showSearch === true) {
-    let searchHeight = 0
-    if (searchForm) {
-      // 获得查询区高度
-      searchHeight = searchForm.$el.offsetHeight
-    }
-    return window.innerHeight - searchHeight - 165
-  } else {
-    return window.innerHeight - 165
-  }
-}
+import store from './store'
+import * as Vue from 'vue'
+export function getColumnValues(data, prop) {
+  const values = []
+  for (const obj of data) {
+    values.push(obj[prop])
+  }
+  return values
+}
+/**
+ * 返回的数组表示当前列每行的合并情况：[3,0,0,1,1]表示1到3行合并，四五行不合并
+ * @param {Array} data 列表数据
+ * @param {String} prop 列名
+ */
+export function getSpanValuesForColumn(data, prop) {
+  const spanArr = []
+  let pos = 0
+  for (let i = 0; i < data.length; i++) {
+    if (i === 0) {
+      spanArr.push(1)
+      pos = 0
+    } else {
+      // 判断当前元素与上一个元素是否相同
+      if (data[i][prop] === data[i - 1][prop]) {
+        spanArr[pos] += 1
+        spanArr.push(0)
+      } else {
+        spanArr.push(1)
+        pos = i
+      }
+    }
+  }
+  return spanArr
+}
+
+export function getFirstEditableColumn(listCode) {
+  if (!listCode) {
+    listCode = store.get('_nine_list_code')
+  }
+  if (listCode && listCode.indexOf('~') < 0) {
+    // 拼接默认的九宫格gridId
+    listCode = listCode + '~' + '_nineGrid'
+  }
+  for (const column of store.get(listCode).columns) {
+    if (column.editable) {
+      return column.prop
+    }
+  }
+  return null
+}
+
+const ArrowKeyAction = {
+  getIndex(prop) {
+    let i = 0
+    for (const column of store.columns) {
+      if (column.prop === prop) {
+        return i
+      } else {
+        i++
+      }
+    }
+  },
+  getLeftColumn(prop) {
+    const index = ArrowKeyAction.getIndex(prop)
+    let i = 0
+    for (i = index - 1; i >= 0; i--) {
+      if (store.columns[i].editable) {
+        return store.columns[i].prop
+      } else {
+        return null
+      }
+    }
+  },
+}
+export { ArrowKeyAction }
+
+/**
+ * 是否是行编辑时的属性
+ * @param {*} event
+ */
+export function isHasEditOption(event, listCode) {
+  if (!listCode) {
+    listCode = store.get('_nine_list_code')
+  }
+  if (listCode && listCode.indexOf('~') < 0) {
+    // 拼接默认的九宫格gridId
+    listCode = listCode + '~' + '_nineGrid'
+  }
+  const gridParams = store.get(listCode)
+  if (
+    gridParams.options.lineEditOptions &&
+    gridParams.options.lineEditOptions[event]
+  ) {
+    return true
+  }
+  return false
+}
+
+export function isEditOptionFunction(event, listCode) {
+  if (!listCode) {
+    listCode = store.get('_nine_list_code')
+  }
+  if (listCode && listCode.indexOf('~') < 0) {
+    // 拼接默认的九宫格gridId
+    listCode = listCode + '~' + '_nineGrid'
+  }
+  const gridParams = store.get(listCode)
+  if (
+    gridParams.options.lineEditOptions &&
+    typeof gridParams.options.lineEditOptions[event] === 'function'
+  ) {
+    return true
+  }
+  return false
+}
+
+/**
+ * 是否是行编辑时的属性
+ * @param {*} event
+ */
+export function isHasOptionFunction(event, listCode) {
+  if (!listCode) {
+    listCode = store.get('_nine_list_code')
+  }
+  if (listCode && listCode.indexOf('~') < 0) {
+    // 拼接默认的九宫格gridId
+    listCode = listCode + '~' + '_nineGrid'
+  }
+  const gridParams = store.get(listCode)
+  if (gridParams.options && typeof gridParams.options[event] === 'function') {
+    return true
+  }
+  return false
+}
+
+export function isOptionFunction(props, listCode) {
+  if (!listCode) {
+    listCode = store.get('_nine_list_code')
+  }
+  if (listCode && listCode.indexOf('~') < 0) {
+    // 拼接默认的九宫格gridId
+    listCode = listCode + '~' + '_nineGrid'
+  }
+  const gridParams = store.get(listCode)
+  if (props.indexOf('.') > 0) {
+    let optionProp = gridParams.options
+    const propsArr = props.split('.')
+    for (let i = 0; i < propsArr.length; i++) {
+      const event = propsArr[i]
+      if (optionProp) {
+        if (typeof optionProp[event] === 'function') {
+          return true
+        } else {
+          optionProp = optionProp[event]
+        }
+      } else {
+        return false
+      }
+    }
+  } else {
+    if (gridParams.options && typeof gridParams.options[event] === 'function') {
+      return true
+    }
+  }
+}
+
+/**
+ * 获得控制表格需要的参数
+ */
+export function getGridParams() {
+  const gridParams = {
+    columns: [],
+    gridData: [],
+    orgGridData: [], // 行编辑保存时使用
+    showValidateError: true, // 是否可以显示验证信息，防止同时弹出两个验证信息的
+    options: {
+      // id: '_nineGrid', // 九宫格组件的元素id，影响格子拖动功能,当tab页签中有多个九宫格时必须配置该属性，如果当前页面中只有一个九宫格组件，不配也可以
+      // 附加参数
+      // extraParam: {},
+      // 表格及数据均加载完成后
+      // gridComplete: function(gridData, columns) {}, // gridData, columns
+      // 刚请求到字段配置，没有请求数据时，可以通过该方法修改表头或添加自定义表头
+      // loadBeforeSend: function(columns, settings) { return true }, // columns, settings(列表所有设置，包括字段设置、分页设置、查询设置、行编辑设置)
+      // 数据加载失败的回调方法
+      // loadError: function(code, error) {}, // code, error
+      // 数据请求成功后，表格记录显示前的回调方法，该方法主要是处理业务数据，比如：处理xss攻击
+      // gridDataLoaded: function(data) { return data },
+      // 查询组件需要的一些参数
+      // search: {
+      //   // 属性自定义组件，当不是行编辑时，查询框需要自定义控件时
+      //   customSearchElements: function(column) { return null },
+      //   labelWidth: '150px',
+      //   fieldNum: 4, // 查询的每行排放的字段个数，默认是4个字段
+      // },
+      // isSql:false, // 是否是sql查询数据内容。在使用sql语句查询表内容时，否则会导致列表字段的值不显示，都显示为空
+      // initSearchForm: [], // 初始查询条件，格式同“查询”按钮封装的json格式
+      // multiple: true/false,// 是否多选，默认以列表管理中配置的为准
+      // initSortInfo: {prop:'',order: 'ASC/DESC'},// 默认排序字段，和排序方式
+      // pageSizes: '20,30,50,100',// 可选行数
+      // initSearch: true/false, // 初始化时是否查询，默认是查询
+      // isHiddenSearchForm: false, //查询时，是否隐藏查询区域，不配置默认是显示的
+      // isHasCreate: true/false, // 是否显示新建按钮
+      // createPermission: 'a.b.c', // 新建按钮的资源编码，用于控制新建按钮的权限
+      // props: {imageUrl:'prop1', content:'prop1', title:'prop2', subTitle:'prop3'}, // 九宫格中图片、标题、副标题属性名配置
+      // operations: [ // 按钮区按钮信息
+      //   {
+      //     name:'修改',
+      //     icon:'el-icon-edit',
+      //     event: this.updateItem,
+      //     permission:'sss.ddd.ddds'
+      //   },
+      //   {
+      //     name:'删除',
+      //     icon:'el-icon-delete',
+      //     event: this.deleteItem
+      //   },
+      //   {
+      //     name:'设为模板',
+      //     icon:'el-icon-document-copy',
+      //     event: this.setToTemplate
+      //   }
+      // ]
+    },
+  }
+  return Vue.reactive(gridParams)
+}
+
+export function addDynamicProp(target, prop, propValue) {
+  const nestedProp = prop.split('.')
+  if (nestedProp.length === 1) {
+    if (propValue !== undefined) {
+      target[prop] = propValue
+    } else {
+      target[prop] = null
+    }
+    return
+  }
+  // 如果是嵌套属性，就要逐层添加空对象，起点是searchForm，属性每多一层嵌套，parent就前进一层，到倒数第二层为止
+  let parent = target
+  for (let i = 0; i < nestedProp.length - 1; i++) {
+    if (parent[nestedProp[i]] === undefined) {
+      parent[nestedProp[i]] = {}
+    }
+    parent = parent[nestedProp[i]]
+  }
+  if (propValue !== undefined) {
+    parent[nestedProp[nestedProp.length - 1]] = propValue
+  } else {
+    parent[nestedProp[nestedProp.length - 1]] = null
+  }
+}
+
+export function getTableHeight(showSearch, searchForm) {
+  if (showSearch === true) {
+    let searchHeight = 0
+    if (searchForm) {
+      // 获得查询区高度
+      searchHeight = searchForm.$el.offsetHeight
+    }
+    return window.innerHeight - searchHeight - 165
+  } else {
+    return window.innerHeight - 165
+  }
+}