cloud-web-corejs 1.0.194 → 1.0.195

package/src/components/table/index - hx5.0.js

@@ -0,0 +1,958 @@
+/**version-hx1.0*/
+let modules = {};
+import Sortable from 'sortablejs';
+import tableConfig from './config.js';
+import Vue from 'vue';
+import CellSlot from "../../components/table/CellSlot.vue";
+import {extendDeeply} from "../../utils/index.js";
+
+let configUtil = {
+  Sortable,
+  extendDeeply,
+  tableConfig,
+  Vue,
+  CellSlot
+};
+
+function getGrid(that, tableRef) {
+  var $grid;
+  if (Array.isArray(that.$refs[tableRef])) {
+    $grid = that.$refs[tableRef][0];
+  } else {
+    $grid = that.$refs[tableRef];
+  }
+  return $grid;
+}
+
+async function initVxeTable(option) {
+  let tableName = option.tableName;
+  if (!configUtil.tableConfig.disableTableName && option.tableNameRequired !== false && !tableName) {
+    return false;
+  }
+  var that = option.vue;
+  if (!that.$refs[option.tableRef]) {
+    await that.$nextTick();
+  }
+  var $grid = getGrid(that, option.tableRef);
+  if (!$grid) {
+    return false;
+  }
+  $grid.originOption = option;
+
+  var isQueryAllPage = true;
+  if (option.isQueryAllPage != null) {
+    isQueryAllPage = option.isQueryAllPage;
+  }
+
+  if (tableName) {
+    $grid.tableName = tableName;
+    if (option.path) {
+      await getTableData(that, option.tableRef, "isQueryAllPage", res1 => {
+        let result = res1.objx ? res1.objx.data : null;
+        if (result != null) {
+          if (result === "false" || result == false) {
+            isQueryAllPage = false;
+          } else {
+            isQueryAllPage = true;
+          }
+        }
+      });
+    }
+    await getTableJson(tableName, that, resultMsg => {
+      var objx = resultMsg.objx;
+      if (objx != null) {
+        var columnData = objx.data;
+        if (columnData) {
+          option.columns = initColumn(option.columns, JSON.parse(decodeURIComponent(
+            columnData)));
+        }
+      }
+    });
+  }
+
+  $grid.$refs.xTable.getCellValue = getCellValue;
+  $grid.getCellValue = getCellValue;
+  $grid.$refs.xTable.createParams = createParams;
+  $grid.createParams = createParams;
+
+  option.isQueryAllPage = isQueryAllPage;
+  var nOption = initOption(option);
+
+  $grid.isQueryAllPage = isQueryAllPage;
+
+  if (tableName) {
+    nOption.tableName = tableName;
+  }
+  try {
+    var h1 = that.$el.offsetHeight;
+    var h2 = that.$el.parentElement.offsetHeight;
+    var tableContainter = $grid.$parent.$el;
+    var h3 = tableContainter.offsetHeight;
+    if (tableContainter.className.indexOf("el-dialog__wrapper") >= 0) {
+      let ah = $grid.$el.parentElement.parentElement.offsetHeight - 45;
+      let bh = ah + 3;
+
+      nOption.containterHeight = ah;
+      nOption.treeHeight = bh;
+    } else if (true || h2 > h1) {
+      let ah = (h3 + (h2 - h1) - 86);
+      let bh = (h3 + (h2 - h1) - 83);
+
+      nOption.containterHeight = ah;
+      nOption.treeHeight = bh;
+    }
+  } catch (ex) {
+    nOption.containterHeight = "";
+    nOption.treeHeight = "";
+  }
+
+  nOption.vue = that;
+  columnDrop(that, tableName, option.tableRef);
+  return nOption;
+
+};
+
+function columnDrop(t, tableName, tableRef) {
+  var that = t;
+  const $table = getGrid(that, tableRef);
+  if (!$table) {
+    return
+  }
+  if ($table.sortable) {
+    $table.sortable.destroy();
+  }
+  $table.sortable = configUtil.Sortable.create($table.$el.querySelector(
+    '.body--wrapper>.vxe-table--header .vxe-header--row'), {
+    handle: '.vxe-header--column:not(.col--fixed)',
+    onEnd: ({
+      item,
+      newIndex,
+      oldIndex
+    }) => {
+      const {
+        fullColumn,
+        tableColumn
+      } = $table.getTableColumn();
+      const targetThElem = item;
+      const wrapperElem = targetThElem.parentNode;
+      const newColumn = fullColumn[newIndex];
+      if (newColumn.fixed) {
+        // 错误的移动
+        if (newIndex > oldIndex) {
+          wrapperElem.insertBefore(targetThElem, wrapperElem.children[oldIndex]);
+        } else {
+          wrapperElem.insertBefore(wrapperElem.children[oldIndex], targetThElem);
+        }
+        return;
+        /* return that.$XModal.message({
+          content: '固定列不允许拖动！',
+          status: 'error'
+        }) */
+      }
+      // 转换真实索引
+      const oldColumnIndex = $table.getColumnIndex(tableColumn[oldIndex]);
+      const newColumnIndex = $table.getColumnIndex(tableColumn[newIndex]);
+      // 移动到目标列
+      const currRow = fullColumn.splice(oldColumnIndex, 1)[0];
+      fullColumn.splice(newColumnIndex, 0, currRow);
+
+      $table.loadColumn(fullColumn);
+
+      addTableJson(that, tableName, fullColumn);
+    }
+  });
+};
+
+function initOption(opts) {
+  let result = {};
+  var that = opts.vue;
+  var $grid = getGrid(that, opts.tableRef);
+
+  let path = opts.path || '';
+  // let columns = JSON.parse(JSON.stringify(opts.columns || []));
+  let columns = opts.columns || [];
+  let isQueryAllPage = opts.isQueryAllPage;
+  var pagerLayouts = getPagerConfigLayouts(isQueryAllPage);
+  let config = opts.config || {};
+
+  if (opts.sortAll == true || (opts.sortAll !== false && !opts.treeNodeUrl)) {
+    for (let i = 0; i < columns.length; i++) {
+      if (columns[i].title && columns[i].sortable == null) {
+        columns[i].sortable = true;
+      }
+    }
+  }
+
+  let tableConfig = configUtil.tableConfig || {};
+  let selfConfig = tableConfig.selfConfig || {};
+  //hx
+  /* if (opts.filterType !== false && !opts.treeNodeUrl) {
+    let filterType = opts.filterType || selfConfig.filterType || "filterContent";
+    if (filterType) {
+      columns.forEach(column => {
+        if (column.title && column.field) {
+          if (column.filterType == "filterContent" || (column.filterType == null && filterType ==
+              "filterContent")) {
+            if (!column.filters) {
+              column.filters = [{
+                data: {}
+              }];
+            }
+            if (!column.filterRender) {
+              column.filterRender = {
+                name: 'FilterContent'
+              };
+            }
+          } else if (column.filterType === "filterInput" || (column.filterType == null &&
+              filterType == "filterInput")) {
+            if (!column.filters) {
+              column.filters = [{
+                data: ''
+              }];
+            }
+            if (!column.filterRender) {
+              column.filterRender = {
+                name: 'FilterInput'
+              };
+            }
+          }
+
+        }
+      });
+    }
+  } */
+
+  let defaultOptions = {
+    columnKey: true,
+    resizable: true,
+    showOverflow: true,
+    highlightHoverRow: true,
+    border: 'inner',
+    height: 'auto',
+    // maxHeight:"1000px",
+    // rowId: 'id',
+    emptyText: " ",
+    sortConfig: {
+      trigger: 'cell',
+      remote: false
+    },
+    filterConfig: {
+      remote: false
+    },
+    pagerConfig: {
+      autoHidden: true,
+      perfect: true,
+      pageSize: 200,
+      //pageSizes: [5, 15, 20, 50, 100, 200, 500, 1000],
+      layouts: pagerLayouts,
+      slots: {
+        left: (obj, b, c) => {
+          var $grid = obj.$grid;
+          let k = $grid.$data;
+          let tableDataInfo = $grid.getTableData();
+          let data = tableDataInfo.fullData;
+          // return ['本页记录数 ' + data.length+ ' 条']
+          let h = $grid.$createElement;
+
+          let proxyInfo = $grid.getProxyInfo();
+          let pager = proxyInfo ? proxyInfo.pager : null;
+
+          let celems = [h('span', '本页记录数'),
+            h('span', {
+              attrs: {
+                class: 'f-red'
+              }
+            }, ' ' + tableDataInfo.visibleData.length + ' ')
+          ];
+          if (pager && $grid.isQueryAllPage) {
+            celems.push(h('span', '，总记录数'));
+            celems.push(h('span', {
+              attrs: {
+                class: 'f-red'
+              }
+            }, ' ' + pager.total + ' '));
+          }
+          let elem = h('span', {}, celems);
+          return [elem];
+        }
+      }
+    },
+    exportConfig: {
+      // 默认选中类型
+      type: 'xlsx',
+      // 局部自定义类型
+      types: ['xlsx', 'csv', 'html', 'xml', 'txt'],
+      // 自定义数据量列表
+      modes: ['current', 'all']
+    },
+    radioConfig: {
+      labelField: 'id',
+      reserve: true,
+      highlight: true
+    },
+    checkboxConfig: {
+      highlight: true
+    },
+    customConfig: {
+      storage: false
+    },
+    columns: columns
+  };
+
+  defaultOptions = configUtil.extendDeeply(defaultOptions, tableConfig);
+
+  if (opts.path) {
+    // defaultOptions.filterInput = true;
+    defaultOptions.pagerConfig.autoHidden = false;
+    defaultOptions.proxyConfig = {
+      seq: true, // 启用动态序号代理
+      sort: true, // 启用排序代理
+      filter: true, // 启用筛选代理
+      props: {
+        result: 'objx.records', // 配置响应结果列表字段
+        total: 'objx.total' // 配置响应结果总页数字段
+      },
+      ajax: {
+        // 接收 Promise 对象
+        query: ({
+          page,
+          sorts,
+          filters,
+          form
+        }) => {
+          if (!opts.path) {
+            return;
+          }
+
+          let formData = opts.param ? (opts.param() || {}) : {};
+          const queryParams = Object.assign({}, formData);
+
+          // 处理排序条件
+          const firstSort = sorts[0];
+          if (firstSort) {
+            queryParams.sort = firstSort.property;
+            queryParams.order = firstSort.order;
+          }
+          // 处理筛选条件
+          filters.forEach(({
+            property,
+            values
+          }) => {
+            queryParams[property] = values.join(',');
+          });
+          queryParams['size'] = `${page.pageSize}`;
+          queryParams['current'] = `${page.currentPage}`;
+          var $grid = getGrid(that, opts.tableRef);
+          let isQueryAllPage = $grid.isQueryAllPage;
+          let pathStr1 = '';
+          if (isQueryAllPage === false) {
+            /* pathStr1 = "searchCount=false"; */
+            queryParams.searchCount = false;
+          }
+          var reqPath = path;
+          /* var reqPath = '';
+          if (path.indexOf("?") >= 0) {
+          	reqPath = path + "&" + pathStr1;
+          } else {
+          	reqPath = path + "?" + pathStr1;
+          } */
+          //return XEAjax.get(`https://api.xuliangzhan.com:10443/demo/api/pub/page/list/${page.pageSize}/${page.currentPage}`, queryParams)
+          //return request.post(`/user/position/listPage`, queryParams)
+
+          return new Promise((resolve, reject) => {
+            that.$http({
+              url: reqPath,
+              method: 'post',
+              data: queryParams,
+              callback: res => {
+                resolve(res);
+                if (res.type == "success") {
+                  let rows = res.objx ? (res.objx.records || res.objx || []) : [];
+                  if (opts.treeNodeUrl) {
+                    if (res.objx && res.objx.records == null) {
+                      rows = res.objx || [];
+                    }
+                    if (rows.length > 0) {
+                      let row = rows[0];
+                      if (row[result.treeConfig.hasChild]) {
+                        that.$nextTick(() => {
+                          setTimeout(function() {
+                            let $t = getGrid(
+                              that, opts
+                              .tableRef);
+                            $t.setTreeExpand(
+                              row, true);
+                          }, 0);
+                        })
+                      }
+                    }
+                  }
+                  if (opts.callback) {
+                    that.$nextTick(() => {
+                      setTimeout(function() {
+                        opts.callback(rows);
+                      }, 0);
+                    });
+                  }
+                }
+              },
+              error: error => {
+                reject(error);
+              }
+            });
+          });
+
+        },
+        // 被某些特殊功能所触发，例如：导出数据 mode=all 时，会触发该方法并对返回的数据进行导出
+        queryAll: () => fetch(path || '').then(response => response
+          .json())
+      }
+    };
+  } else {
+    if (!$grid.height && (!opts.config || !opts.config.height)) {
+      defaultOptions.maxHeight = "528px";
+    }
+    defaultOptions.scrollY = {
+      gt: 200
+    };
+  }
+
+  if (opts.editSaveUrl) {
+    defaultOptions.keepSource = true,
+      defaultOptions.editConfig = {
+        trigger: 'manual',
+        mode: 'row',
+        showStatus: true,
+        autoClear: false,
+      }
+  }
+  if (opts.treeNodeUrl) {
+    defaultOptions.proxyConfig.props.result = 'objx';
+    defaultOptions.pagerConfig.autoHidden = true;
+    defaultOptions.treeConfig = {
+      lazy: true,
+      children: 'children',
+      hasChild: 'hasChild', // 设置是否有子节点标识
+      parentField: "parent",
+      transform: true,
+      loadMethod({
+        $table,
+        row
+      }) {
+        // 模拟后台接口
+        return new Promise((resolve, reject) => {
+          let treeNodeParam = opts.treeNodeParam ? (opts.treeNodeParam(row) || {}) : {
+            parent: row.id
+          };
+          that.$http({
+            url: opts.treeNodeUrl,
+            method: 'post',
+            data: treeNodeParam,
+            callback: res => {
+              if (res.type == "success") {
+                resolve(res.objx || []);
+              } else {
+                reject(res);
+              }
+            }
+          });
+        });
+      }
+    }
+  }
+
+  result = configUtil.extendDeeply(defaultOptions, config);
+  return result;
+};
+
+function getTableJson(tableName, that, success) {
+  if (configUtil.tableConfig.disableTableName) return false;
+  if (!tableName) return;
+  var url = '/user/table_column/getTableJson';
+  var data = {
+    tableName: tableName
+  };
+  var json = null;
+  return that.$http({
+    url: url,
+    method: 'post',
+    data: data,
+    success: success
+  });
+};
+
+function addTableJson(that, tableName, columns, success) {
+  if (configUtil.tableConfig.disableTableName) return false;
+  if (!tableName) return;
+  let saveColumn = [];
+  columns.forEach(function(item, index) {
+    saveColumn.push({
+      field: item.field || item.property,
+      title: item.title,
+      visible: item.visible,
+      width: item.renderWidth || item.width,
+    });
+  });
+
+  var url = '/user/table_column/addTableJson';
+  var data = {
+    tableName: tableName,
+    json: encodeURIComponent(JSON.stringify(saveColumn))
+  };
+  that.$http({
+    url: url,
+    method: 'post',
+    data: data,
+    success: success
+  });
+};
+
+function initColumn(oldColumns, syncColumns) {
+  let newColumns = [];
+  if (syncColumns) {
+    let fields = [];
+    syncColumns.forEach(function(syncColumn) {
+      let field = syncColumn.field;
+      if (field) {
+        oldColumns.some(function(oldColumn) {
+          let flag = oldColumn.field === field;
+          if (flag) {
+            oldColumn.visible = syncColumn.visible;
+            if (syncColumn.width) oldColumn.width = syncColumn.width;
+            newColumns.push(oldColumn);
+            fields.push(field);
+          }
+          return flag;
+        });
+      }
+    });
+    oldColumns.forEach(function(oldColumn, index) {
+      let field = oldColumn.field;
+      if (field) {
+        if (!fields.includes(field)) {
+          newColumns.splice(index, 0, oldColumn);
+        }
+      } else {
+        newColumns.splice(index, 0, oldColumn);
+      }
+    });
+  } else {
+    newColumns = oldColumns;
+  }
+  return newColumns;
+};
+
+/* function initColumn2(oldColumns, syncColumns) {
+	if (syncColumns) {
+		syncColumns.forEach(function(syncColumn, index1) {
+			let field = syncColumn.field;
+			var oldIndex = null;
+			if (field) {
+				oldColumns.every(function(oldColumn, index2) {
+					let flag = true;
+					if (oldColumn.field === field) {
+						oldIndex = index2;
+						flag = false;
+					}
+					return flag;
+				});
+				if (oldIndex != null) {
+					if (index1 != oldIndex) {
+						let lsColum = oldColumns.splice(oldIndex, 1)[0];
+						lsColum.visible = syncColumn.visible;
+						if (syncColumn.width) lsColum.width = syncColumn.width,
+							oldColumns.splice(index1, 0, lsColum);
+					} else {
+						oldColumns[index1].visible = syncColumn.visible;
+						if (syncColumn.width) oldColumns[index1].width = syncColumn.width;
+					}
+				}
+			}
+		});
+	}
+	return oldColumns;
+}; */
+
+function onColumnWitchChange(option) {
+  var that = option.$grid.$parent;
+  var $grid = option.$grid;
+  var originOption = $grid.originOption;
+  let tableName = originOption.tableName;
+  if (tableName) {
+    // let columns = $grid.columns;
+    const {
+      fullColumn,
+      tableColumn
+    } = $grid.getTableColumn();
+    addTableJson(that, tableName, fullColumn);
+  }
+};
+
+function customHandle(option) {
+  if (option.type == "confirm" || option.type == "reset") {
+    let that = option.$grid.$parent;
+    let $grid = option.$grid;
+    var originOption = $grid.originOption;
+    let tableName = originOption.tableName;
+    // $grid.columns = originOption.columns;
+    if (tableName) {
+      const {
+        fullColumn,
+        tableColumn
+      } = $grid.getTableColumn();
+      addTableJson(that, tableName, fullColumn);
+    }
+    if (option && option.$event && option.$event.preventDefault) {
+      option.$event.preventDefault(); // 取消事件的默认行为
+    }
+  }
+};
+
+function changeSelectCount(checked) {
+  var checkedLength = checked.records.length;
+};
+
+function getTableData(that, tableRef, type, success) {
+  if (configUtil.tableConfig.disableTableName) return false;
+  var $grid = getGrid(that, tableRef);
+  var tableName = $grid.tableName;
+  var url = "/user/table_column/getTableData";
+  var param = {
+    tableName: tableName,
+    type: type
+  };
+  var data = null;
+  return that.$http({
+    async: false,
+    url: url,
+    method: "post",
+    data: param,
+    success: success
+  });
+};
+
+function addTableData(that, tableRef, value, success) {
+  if (configUtil.tableConfig.disableTableName) return false;
+  var $grid = getGrid(that, tableRef);
+  var tableName = $grid.tableName;
+  if (tableName) {
+    that.$http({
+      method: "post",
+      url: "/user/table_column/addTableData",
+      data: {
+        tableName: tableName,
+        type: "isQueryAllPage",
+        data: value,
+        success: success
+      },
+    });
+  }
+};
+
+function checkQueryTotal(that, tableRef, value) {
+  var $grid = getGrid(that, tableRef);
+  $grid.isQueryAllPage = value;
+  var tableName = $grid.tableName;
+  var option = $grid.getProxyInfo();
+  var config = $grid.pagerConfig;
+  $grid.pagerConfig.layouts = getPagerConfigLayouts(value);
+  addTableData(that, tableRef, value);
+  $grid.commitProxy('query');
+};
+
+function getPagerConfigLayouts(value) {
+  return ['PrevPage', 'JumpNumber', 'NextPage'];
+};
+
+function getCellValue(obj) {
+  let {
+    column,
+    $table
+  } = obj;
+  let params = createParams(obj);
+  let h = $table.$createElement;
+  let that = $table.$xegrid.originOption.vue;
+
+  let cellValue;
+  if (column.slots && column.slots.filterVal) {
+    cellValue = column.slots.filterVal(params);
+  } else {
+    let result = column.renderCell(h, params);
+    cellValue = vNodeRender(result);
+  }
+  return cellValue + '';
+}
+
+function createParams(obj) {
+  let $xetable = obj.$table;
+  let {
+    column,
+    row
+  } = obj;
+  let fixedType = $xetable.$refs.tableBody.fixedType,
+    afterFullData = $xetable.afterFullData,
+    tableData = $xetable.tableData;
+  var columnIndex = $xetable.getColumnIndex(column);
+  let items = tableData;
+
+  var _columnIndex = $xetable.getVTColumnIndex(column);
+
+  let overflowX = $xetable.overflowX;
+  var fixedHiddenColumn = fixedType ? column.fixed !== fixedType : column.fixed && overflowX;
+
+  let tableColumn = $xetable.tableColumn,
+    scrollXLoad = $xetable.scrollXLoad,
+    scrollYLoad = $xetable.scrollYLoad,
+    allColumnOverflow = $xetable.showOverflow,
+    isAllOverflow = $xetable.isAllOverflow,
+    mergeList = $xetable.mergeList,
+    spanMethod = $xetable.spanMethod,
+    keyboardConfig = $xetable.keyboardConfig,
+    keyboardOpts = $xetable.keyboardOpts,
+    fixedColumn = $xetable.$refs.tableBody.fixedColumn,
+    visibleColumn = $xetable.visibleColumn;
+
+  if (obj.tableColumn == null) {
+    if (fixedType) {
+      if (scrollXLoad || scrollYLoad || (allColumnOverflow ? isAllOverflow : allColumnOverflow)) {
+        if (!mergeList.length && !spanMethod && !(keyboardConfig && keyboardOpts.isMerge)) {
+          tableColumn = fixedColumn;
+        } else {
+          tableColumn = visibleColumn; // 检查固定列是否被合并，合并范围是否超出固定列
+          // if (mergeList.length && !isMergeLeftFixedExceeded && fixedType === 'left') {
+          //   tableColumn = fixedColumn
+          // } else if (mergeList.length && !isMergeRightFixedExceeded && fixedType === 'right') {
+          //   tableColumn = fixedColumn
+          // } else {
+          //   tableColumn = visibleColumn
+          // }
+        }
+      } else {
+        tableColumn = visibleColumn;
+      }
+    }
+  } else {
+    tableColumn = obj.tableColumn;
+  }
+
+  var rowid = $xetable.getRowid(row);
+  let fullAllDataRowIdData = $xetable.fullAllDataRowIdData;
+  var rest = fullAllDataRowIdData[rowid];
+  var rowLevel = rest ? rest.level : 0;
+  var seq = rest ? rest.seq : -1;
+  var renderType = 'body';
+
+  let $rowIndex = obj.$rowIndex;
+  if ($rowIndex == null) {
+    tableData.some(function(item, index) {
+      let flag = rowid == $xetable.getRowid(item);
+      if (flag) {
+        $rowIndex = index;
+      }
+      return flag;
+    })
+  }
+
+  let $columnIndex = obj.$columnIndex;
+  if ($columnIndex == null) {
+    tableColumn.some(function(item, index) {
+      let flag = column.id == item.id;
+      if (flag) {
+        $columnIndex = index;
+      }
+      return flag;
+    });
+  }
+
+  var _rowIndex = $xetable.getVTRowIndex(row); // 确保任何情况下 rowIndex 都精准指向真实 data 索引
+  var rowIndex = $xetable.getRowIndex(row); // 事件绑定
+  var params = {
+    $table: $xetable,
+    seq: seq,
+    rowid: rowid,
+    row: row,
+    rowIndex: rowIndex,
+    $rowIndex: $rowIndex,
+    _rowIndex: _rowIndex,
+    column: column,
+    columnIndex: columnIndex,
+    $columnIndex: $columnIndex,
+    _columnIndex: _columnIndex,
+    fixed: fixedType,
+    type: renderType,
+    isHidden: fixedHiddenColumn,
+    level: rowLevel,
+    visibleData: afterFullData,
+    data: tableData,
+    items: items
+  };
+  return params;
+}
+
+function vNodeRender(vNodes) {
+  if (vNodes == null) {
+    return null;
+  }
+  let type = typeof(vNodes);
+  if (type == 'string' || type == 'number') {
+    return vNodes;
+  }
+
+  let loop = function(item) {
+    if (item && item.children && item.children.length > 0) {
+      let arr = [];
+      item.children.forEach(child => {
+        let text = loop(child);
+        if (text != null) {
+          arr.push(text);
+        }
+      });
+      return arr.join('');
+    } else {
+      if (item.text != null) {
+        return item.text;
+      }
+    }
+  }
+
+  let contents = [];
+  let TempSoltConstructor = configUtil.Vue.extend(configUtil.CellSlot);
+  let instance = new TempSoltConstructor();
+  vNodes.forEach(vNode => {
+    if (vNode.componentOptions) {
+      instance.$slots.default = vNode;
+      instance.$mount();
+      let cellValue = '';
+      if (vNode.componentInstance && vNode.componentInstance.$el) {
+        cellValue = domRender(vNode.componentInstance.$el);
+      }
+      contents.push(cellValue);
+    } else {
+      if (vNode && vNode.children && vNode.children.length > 0) {
+        let text = loop(vNode);
+        if (text != null) {
+          contents.push(text);
+        }
+      } else {
+        if (vNode.text != null) {
+          contents.push(vNode.text);
+        }
+      }
+    }
+  });
+  return contents.join('').trim();
+}
+
+function groupDomRender(dom) {
+  let contents = [];
+  let loop = function(item) {
+    if (item && item.children && item.children.length > 0) {
+      let arr = [];
+      Array.from(item.children).forEach(child => {
+        let text = loop(child);
+        if (text != null) {
+          arr.push(text);
+        }
+      });
+      return arr.join('');
+    } else {
+      var style = window.getComputedStyle(item); //el即DOM元素
+      let classList = Array.from(item.classList);
+      if (style.display === 'none') {} else if (item.nodeName == "INPUT") {
+        if (item.type == 'radio') {
+          if (item.checked && classList.includes("el-radio__original")) {
+            let value = item.parentNode.parentNode.innerText || '';
+            if (value) {
+              contents.push(value);
+            }
+          }
+        } else if (item.type == 'checkbox') {
+          if (item.checked && classList.includes("el-checkbox__original")) {
+            let value = item.parentNode.parentNode.innerText || '';
+            if (value) {
+              contents.push(value);
+            }
+          }
+        }
+      }
+    }
+  }
+  loop(dom);
+  return contents.join(",");
+}
+
+function selectGroupRender(dom) {
+  let ul = dom.querySelector(".el-select-dropdown__list");
+  if (ul) {
+    let lis = ul.children;
+    if (lis) {
+      return Array.from(lis).filter(li => {
+        let classList = Array.from(li.classList);
+        return classList.includes("selected");
+      }).map(li => {
+        return li.innerText;
+      }).join(",");
+    } else {
+      return '';
+    }
+  } else {
+    return '';
+  }
+}
+
+function domRender(dom) {
+  let loop = function(item) {
+    var style = window.getComputedStyle(item); //el即DOM元素
+    let role = item.getAttribute("role");
+    let classList = Array.from(item.classList);
+
+    if (style.display === 'none') {
+      return '';
+    } else if (role == "group") {
+      return groupDomRender(item);
+    } else if (role == "radiogroup") {
+      return groupDomRender(item);
+    } else if (classList.includes('el-select') && item['@@clickoutsideContext']) {
+      return selectGroupRender(item);
+    } else if (item && item.children && item.children.length > 0) {
+      let arr = [];
+      Array.from(item.children).forEach(child => {
+        let text = loop(child);
+        if (text != null) {
+          arr.push(text);
+        }
+      });
+      return arr.join('');
+    } else {
+      if (item.nodeName == "INPUT") {
+        return item.value;
+      } else if (item.innerText != null && item.innerText != '') {
+        return item.innerText;
+      } else {
+        return "";
+      }
+    }
+  }
+  let res = loop(dom).trim();
+  return res;
+}
+
+modules = {
+  initVxeTable,
+  columnDrop,
+  initOption,
+  getTableJson,
+  addTableJson,
+  onColumnWitchChange,
+  customHandle,
+  changeSelectCount,
+  getTableData,
+  addTableData,
+  checkQueryTotal,
+  getCellValue,
+  createParams
+};
+
+if (!configUtil.Vue.prototype.$vxeTableUtil) configUtil.Vue.prototype.$vxeTableUtil = modules;
+
+export default modules;