vxe-table 3.7.8 → 3.7.9-beta.1

package/lib/index.umd.js

@@ -10373,6 +10373,8 @@ var iconPrefix = 'vxe-icon-';
     SELECT_OPEN: iconPrefix + 'caret-down rotate180',
     SELECT_CLOSE: iconPrefix + 'caret-down',
     // pager
+    PAGER_HOME: iconPrefix + 'home-page',
+    PAGER_END: iconPrefix + 'end-page',
     PAGER_JUMP_PREV: iconPrefix + 'arrow-double-left',
     PAGER_JUMP_NEXT: iconPrefix + 'arrow-double-right',
     PAGER_PREV_PAGE: iconPrefix + 'arrow-left',
@@ -10591,7 +10593,7 @@ var es_array_concat = __webpack_require__(2222);
 
 
 function getLog(message, params) {
-  return "[vxe-table v".concat("3.7.8", "] ").concat(conf.i18n(message, params));
+  return "[vxe-table v".concat("3.7.9-beta.1", "] ").concat(conf.i18n(message, params));
 }
 function outLog(type) {
   return function (message, params) {
@@ -12023,7 +12025,7 @@ var setup = config;
 var globalStore = {};
 var VXETable = {
   v: v,
-  version: "3.7.8",
+  version: "3.7.9-beta.1",
   reg: reg,
   use: use,
   setup: setup,
@@ -12416,9 +12418,11 @@ var DomTools = {
     });
   },
   getAbsolutePos: function getAbsolutePos(elem) {
+    // 当主页面嵌套在iframe时，elem.getBoundingClientRect()仅计算在当前body内的边界距离，忽略了body所在的边界距离
+    var bodyBounding = document.body.getBoundingClientRect();
     var bounding = elem.getBoundingClientRect();
-    var boundingTop = bounding.top;
-    var boundingLeft = bounding.left;
+    var boundingTop = bounding.top - bodyBounding.top;
+    var boundingLeft = bounding.left - bodyBounding.left;
     var _getDomNode = getDomNode(),
       scrollTop = _getDomNode.scrollTop,
       scrollLeft = _getDomNode.scrollLeft,
@@ -12808,6 +12812,7 @@ function getSlotVNs(vns) {
 
 
 
+
 var renderType = 'body';
 
 // 滚动、拖动过程中不需要触发
@@ -12893,7 +12898,8 @@ function renderColumn(h, _vm, $xetable, seq, rowid, fixedType, rowLevel, row, ro
     align = column.align,
     showOverflow = column.showOverflow,
     className = column.className,
-    treeNode = column.treeNode;
+    treeNode = column.treeNode,
+    slots = column.slots;
   var actived = editStore.actived;
   var scrollYRHeight = sYOpts.rHeight;
   var rowHeight = rowOpts.height;
@@ -13071,12 +13077,15 @@ function renderColumn(h, _vm, $xetable, seq, rowid, fixedType, rowLevel, row, ro
       }
     }, column.renderCell(h, params))]));
     if (showValidTip && errorValidItem) {
+      var errRule = errorValidItem.rule;
+      var validSlot = slots ? slots.valid : null;
+      var validParams = _objectSpread2(_objectSpread2({}, params), errorValidItem);
       tdVNs.push(h('div', {
-        class: 'vxe-cell--valid-error-hint',
-        style: errorValidItem.rule && errorValidItem.rule.maxWidth ? {
-          width: "".concat(errorValidItem.rule.maxWidth, "px")
+        class: ['vxe-cell--valid-error-hint', utils.getClass(validOpts.className, errorValidItem)],
+        style: errRule && errRule.maxWidth ? {
+          width: "".concat(errRule.maxWidth, "px")
         } : null
-      }, [h('span', {
+      }, validSlot ? $xetable.callSlot(validSlot, validParams, h) : [h('span', {
         class: 'vxe-cell--valid-error-msg'
       }, errorValidItem.content)]));
     }
@@ -15962,6 +15971,7 @@ var Methods = {
       }
       external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().eachTree(rows, function (childRow, index, items, path, parent, nodes) {
         var rowid = getRowid(_this12, childRow);
+        var parentRow = parent || row;
         var rest = {
           row: childRow,
           rowid: rowid,
@@ -15970,7 +15980,7 @@ var Methods = {
           _index: -1,
           $index: -1,
           items: items,
-          parent: parent,
+          parent: parentRow,
           level: parentLevel + nodes.length
         };
         fullDataRowIdData[rowid] = rest;
@@ -16804,7 +16814,8 @@ var Methods = {
         rowid = getRowid(this, rowOrRowid);
       }
       if (rowid) {
-        return fullDataRowIdData[rowid] ? fullDataRowIdData[rowid].parent : null;
+        var rest = fullDataRowIdData[rowid];
+        return rest ? rest.parent : null;
       }
     }
     return null;
@@ -16832,12 +16843,14 @@ var Methods = {
    * 如果存在排序，继续处理
    */
   getTableData: function getTableData() {
-    var tableFullData = this.tableFullData,
+    var treeConfig = this.treeConfig,
+      tableFullData = this.tableFullData,
       afterFullData = this.afterFullData,
       tableData = this.tableData,
-      footerTableData = this.footerTableData;
+      footerTableData = this.footerTableData,
+      tableFullTreeData = this.tableFullTreeData;
     return {
-      fullData: tableFullData.slice(0),
+      fullData: treeConfig ? tableFullTreeData.slice(0) : tableFullData.slice(0),
       visibleData: afterFullData.slice(0),
       tableData: tableData.slice(0),
       footerData: footerTableData.slice(0)
@@ -16885,9 +16898,22 @@ var Methods = {
    * 设置为固定列
    */
   setColumnFixed: function setColumnFixed(fieldOrColumn, fixed) {
+    var isMaxFixedColumn = this.isMaxFixedColumn,
+      columnOpts = this.columnOpts;
+    var maxFixedSize = columnOpts.maxFixedSize;
     var column = handleFieldOrColumn(this, fieldOrColumn);
     var targetColumn = getRootColumn(this, column);
     if (targetColumn && targetColumn.fixed !== fixed) {
+      // 是否超过最大固定列数量
+      if (!targetColumn.fixed && isMaxFixedColumn) {
+        if (v_x_e_table.modal) {
+          v_x_e_table.modal.message({
+            status: 'error',
+            content: conf.i18n('vxe.table.maxFixedCol', [maxFixedSize])
+          });
+        }
+        return this.$nextTick();
+      }
       external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().eachTree([targetColumn], function (column) {
         column.fixed = fixed;
       });
@@ -23722,7 +23748,7 @@ function insertTreeRow(_vm, newRecords, isAppend) {
         _index: -1,
         $index: -1,
         items: parentChilds,
-        parent: parent,
+        parent: parentRow,
         level: parentLevel + 1
       };
       fullDataRowIdData[rowid] = rest;
@@ -23768,7 +23794,7 @@ function handleInsertRowAt(_vm, records, row, isInsertNextRow) {
     var _ref;
     return Object.assign(treeConfig && transform ? (_ref = {}, _defineProperty(_ref, mapChildrenField, []), _defineProperty(_ref, childrenField, []), _ref) : {}, record);
   }));
-  if (!row) {
+  if (external_root_XEUtils_commonjs_xe_utils_commonjs2_xe_utils_amd_xe_utils_default().eqNull(row)) {
     // 如果为虚拟树
     if (treeConfig && transform) {
       insertTreeRow(_vm, newRecords, false);
@@ -33637,6 +33663,152 @@ function getTableOns(_vm) {
   }
   return ons;
 }
+
+/**
+ * 渲染表单
+ */
+function renderForms(h, _vm) {
+  var _e = _vm._e,
+    $scopedSlots = _vm.$scopedSlots,
+    formConfig = _vm.formConfig;
+  var formSlot = $scopedSlots.form;
+  var hasForm = !!(formSlot || isEnableConf(formConfig));
+  return hasForm ? h('div', {
+    key: 'form',
+    ref: 'formWrapper',
+    class: 'vxe-grid--form-wrapper'
+  }, formSlot ? formSlot.call(_vm, {
+    $grid: _vm
+  }, h) : renderDefaultForm(h, _vm)) : _e();
+}
+
+/**
+ * 渲染工具栏
+ */
+function renderToolbars(h, _vm) {
+  var _e = _vm._e,
+    $scopedSlots = _vm.$scopedSlots,
+    toolbarConfig = _vm.toolbarConfig,
+    toolbar = _vm.toolbar;
+  var toolbarSlot = $scopedSlots.toolbar;
+  var hasToolbar = !!(toolbarSlot || isEnableConf(toolbarConfig) || toolbar);
+  return hasToolbar ? h('div', {
+    key: 'toolbar',
+    ref: 'toolbarWrapper',
+    class: 'vxe-grid--toolbar-wrapper'
+  }, toolbarSlot ? toolbarSlot.call(_vm, {
+    $grid: _vm
+  }, h) : [h('vxe-toolbar', {
+    props: _vm.toolbarOpts,
+    ref: 'xToolbar',
+    scopedSlots: getToolbarSlots(_vm)
+  })]) : _e();
+}
+
+/**
+ * 渲染表格顶部区域
+ */
+function renderTops(h, _vm) {
+  var _e = _vm._e,
+    $scopedSlots = _vm.$scopedSlots;
+  var topSlot = $scopedSlots.top;
+  return topSlot ? h('div', {
+    key: 'top',
+    ref: 'topWrapper',
+    class: 'vxe-grid--top-wrapper'
+  }, topSlot.call(_vm, {
+    $grid: _vm
+  }, h)) : _e();
+}
+
+/**
+ * 渲染表格
+ */
+function renderTables(h, _vm) {
+  var $scopedSlots = _vm.$scopedSlots,
+    tableProps = _vm.tableProps;
+  return h('vxe-table', {
+    key: 'table',
+    props: tableProps,
+    on: getTableOns(_vm),
+    scopedSlots: $scopedSlots,
+    ref: 'xTable'
+  });
+}
+
+/**
+ * 渲染表格底部区域
+ */
+function renderBottoms(h, _vm) {
+  var _e = _vm._e,
+    $scopedSlots = _vm.$scopedSlots;
+  var bottomSlot = $scopedSlots.bottom;
+  return bottomSlot ? h('div', {
+    key: 'bottom',
+    ref: 'bottomWrapper',
+    class: 'vxe-grid--bottom-wrapper'
+  }, bottomSlot.call(_vm, {
+    $grid: _vm
+  }, h)) : _e();
+}
+
+/**
+ * 渲染分页
+ */
+function renderPagers(h, _vm) {
+  var _e = _vm._e,
+    $scopedSlots = _vm.$scopedSlots,
+    pagerConfig = _vm.pagerConfig,
+    proxyConfig = _vm.proxyConfig,
+    tablePage = _vm.tablePage;
+  var pagerSlot = $scopedSlots.pager;
+  var hasPager = !!(pagerSlot || isEnableConf(pagerConfig));
+  return hasPager ? h('div', {
+    key: 'pager',
+    ref: 'pagerWrapper',
+    class: 'vxe-grid--pager-wrapper'
+  }, pagerSlot ? pagerSlot.call(_vm, {
+    $grid: _vm
+  }, h) : [h('vxe-pager', {
+    props: _objectSpread2(_objectSpread2({}, _vm.pagerOpts), proxyConfig ? tablePage : {}),
+    on: {
+      'page-change': _vm.pageChangeEvent
+    },
+    scopedSlots: getPagerSlots(_vm)
+  })]) : _e();
+}
+var defaultLayouts = ['Form', 'Toolbar', 'Top', 'Table', 'Bottom', 'Pager'];
+function renderLayout(h, _vm) {
+  var layouts = _vm.layouts;
+  var vns = [];
+  var currLayouts = layouts && layouts.length ? layouts : conf.grid.layouts || defaultLayouts;
+  currLayouts.forEach(function (name) {
+    switch (name) {
+      case 'Form':
+        vns.push(renderForms(h, _vm));
+        break;
+      case 'Toolbar':
+        vns.push(renderToolbars(h, _vm));
+        break;
+      case 'Top':
+        vns.push(renderTops(h, _vm));
+        break;
+      case 'Table':
+        vns.push(renderTables(h, _vm));
+        break;
+      case 'Bottom':
+        vns.push(renderBottoms(h, _vm));
+        break;
+      case 'Pager':
+        vns.push(renderPagers(h, _vm));
+        break;
+      default:
+        if (false) {}
+        break;
+    }
+  });
+  return vns;
+}
 Object.keys(packages_table.methods).forEach(function (name) {
   grid_methods[name] = function () {
     var _this$$refs$xTable;
@@ -33647,6 +33819,7 @@ Object.keys(packages_table.methods).forEach(function (name) {
   name: 'VxeGrid',
   mixins: [size],
   props: _objectSpread2(_objectSpread2({}, packages_table.props), {}, {
+    layouts: Array,
     columns: Array,
     pagerConfig: [Boolean, Object],
     proxyConfig: Object,
@@ -33797,80 +33970,12 @@ Object.keys(packages_table.methods).forEach(function (name) {
   },
   render: function render(h) {
     var _ref;
-    var $scopedSlots = this.$scopedSlots,
-      vSize = this.vSize,
+    var vSize = this.vSize,
       isZMax = this.isZMax;
-    var hasForm = !!($scopedSlots.form || isEnableConf(this.formConfig));
-    var hasToolbar = !!($scopedSlots.toolbar || isEnableConf(this.toolbarConfig) || this.toolbar);
-    var hasPager = !!($scopedSlots.pager || isEnableConf(this.pagerConfig));
     return h('div', {
       class: ['vxe-grid', (_ref = {}, _defineProperty(_ref, "size--".concat(vSize), vSize), _defineProperty(_ref, 'is--animat', !!this.animat), _defineProperty(_ref, 'is--round', this.round), _defineProperty(_ref, 'is--maximize', isZMax), _defineProperty(_ref, 'is--loading', this.loading || this.tableLoading), _ref)],
       style: this.renderStyle
-    }, [
-    /**
-     * 渲染表单
-     */
-    hasForm ? h('div', {
-      ref: 'formWrapper',
-      class: 'vxe-grid--form-wrapper'
-    }, $scopedSlots.form ? $scopedSlots.form.call(this, {
-      $grid: this
-    }, h) : renderDefaultForm(h, this)) : null,
-    /**
-     * 渲染工具栏
-     */
-    hasToolbar ? h('div', {
-      ref: 'toolbarWrapper',
-      class: 'vxe-grid--toolbar-wrapper'
-    }, $scopedSlots.toolbar ? $scopedSlots.toolbar.call(this, {
-      $grid: this
-    }, h) : [h('vxe-toolbar', {
-      props: this.toolbarOpts,
-      ref: 'xToolbar',
-      scopedSlots: getToolbarSlots(this)
-    })]) : null,
-    /**
-     * 渲染表格顶部区域
-     */
-    $scopedSlots.top ? h('div', {
-      ref: 'topWrapper',
-      class: 'vxe-grid--top-wrapper'
-    }, $scopedSlots.top.call(this, {
-      $grid: this
-    }, h)) : null,
-    /**
-     * 渲染表格
-     */
-    h('vxe-table', {
-      props: this.tableProps,
-      on: getTableOns(this),
-      scopedSlots: $scopedSlots,
-      ref: 'xTable'
-    }),
-    /**
-     * 渲染表格底部区域
-     */
-    $scopedSlots.bottom ? h('div', {
-      ref: 'bottomWrapper',
-      class: 'vxe-grid--bottom-wrapper'
-    }, $scopedSlots.bottom.call(this, {
-      $grid: this
-    }, h)) : null,
-    /**
-     * 渲染分页
-     */
-    hasPager ? h('div', {
-      ref: 'pagerWrapper',
-      class: 'vxe-grid--pager-wrapper'
-    }, $scopedSlots.pager ? $scopedSlots.pager.call(this, {
-      $grid: this
-    }, h) : [h('vxe-pager', {
-      props: _objectSpread2(_objectSpread2({}, this.pagerOpts), this.proxyConfig ? this.tablePage : {}),
-      on: {
-        'page-change': this.pageChangeEvent
-      },
-      scopedSlots: getPagerSlots(this)
-    })]) : null]);
+    }, renderLayout(h, this));
   },
   methods: _objectSpread2(_objectSpread2({}, grid_methods), {}, {
     callSlot: function callSlot(slotFunc, params, h, vNodes) {
@@ -35438,6 +35543,7 @@ var Toolbar = Object.assign(toolbar, {
 
 
 
+
 /* harmony default export */ var pager = ({
   name: 'VxePager',
   mixins: [size],
@@ -35535,7 +35641,9 @@ var Toolbar = Object.assign(toolbar, {
     iconJumpPrev: String,
     iconJumpNext: String,
     iconNextPage: String,
-    iconJumpMore: String
+    iconJumpMore: String,
+    iconHomePage: String,
+    iconEndPage: String
   },
   inject: {
     $xegrid: {
@@ -35604,7 +35712,11 @@ var Toolbar = Object.assign(toolbar, {
       })));
     }
     this.layouts.forEach(function (name) {
-      childNodes.push(_this["render".concat(name)](h));
+      if (_this["render".concat(name)](h)) {
+        childNodes.push(_this["render".concat(name)](h));
+      } else {
+        if (false) {}
+      }
     });
     if ($scopedSlots.right) {
       childNodes.push(h('span', {
@@ -35622,6 +35734,40 @@ var Toolbar = Object.assign(toolbar, {
     }, childNodes)]);
   },
   methods: {
+    // 首页
+    renderHome: function renderHome(h) {
+      return h('button', {
+        class: ['vxe-pager--prev-btn', {
+          'is--disabled': this.currentPage <= 1
+        }],
+        attrs: {
+          type: 'button',
+          title: conf.i18n('vxe.pager.homePageTitle')
+        },
+        on: {
+          click: this.homePage
+        }
+      }, [h('i', {
+        class: ['vxe-pager--btn-icon', this.iconHomePage || conf.icon.PAGER_HOME]
+      })]);
+    },
+    // 末页
+    renderEnd: function renderEnd(h) {
+      return h('button', {
+        class: ['vxe-pager--prev-btn', {
+          'is--disabled': this.currentPage <= 1
+        }],
+        attrs: {
+          type: 'button',
+          title: conf.i18n('vxe.pager.endPageTitle')
+        },
+        on: {
+          click: this.endPage
+        }
+      }, [h('i', {
+        class: ['vxe-pager--btn-icon', this.iconEndPage || conf.icon.PAGER_END]
+      })]);
+    },
     // 上一页
     renderPrevPage: function renderPrevPage(h) {
       return h('button', {
@@ -35630,7 +35776,7 @@ var Toolbar = Object.assign(toolbar, {
         }],
         attrs: {
           type: 'button',
-          title: conf.i18n('vxe.pager.prevPage')
+          title: conf.i18n('vxe.pager.prevPageTitle')
         },
         on: {
           click: this.prevPage
@@ -35648,7 +35794,7 @@ var Toolbar = Object.assign(toolbar, {
         }],
         attrs: {
           type: 'button',
-          title: conf.i18n('vxe.pager.prevJump')
+          title: conf.i18n('vxe.pager.prevJumpTitle')
         },
         on: {
           click: this.prevJump
@@ -35680,7 +35826,7 @@ var Toolbar = Object.assign(toolbar, {
         }],
         attrs: {
           type: 'button',
-          title: conf.i18n('vxe.pager.nextJump')
+          title: conf.i18n('vxe.pager.nextJumpTitle')
         },
         on: {
           click: this.nextJump
@@ -35699,7 +35845,7 @@ var Toolbar = Object.assign(toolbar, {
         }],
         attrs: {
           type: 'button',
-          title: conf.i18n('vxe.pager.nextPage')
+          title: conf.i18n('vxe.pager.nextPageTitle')
         },
         on: {
           click: this.nextPage
@@ -35839,6 +35985,19 @@ var Toolbar = Object.assign(toolbar, {
     getPageCount: function getPageCount(total, size) {
       return Math.max(Math.ceil(total / size), 1);
     },
+    homePage: function homePage() {
+      var currentPage = this.currentPage;
+      if (currentPage > 1) {
+        this.jumpPage(1);
+      }
+    },
+    endPage: function endPage() {
+      var currentPage = this.currentPage,
+        pageCount = this.pageCount;
+      if (currentPage < pageCount) {
+        this.jumpPage(pageCount);
+      }
+    },
     prevPage: function prevPage() {
       var currentPage = this.currentPage,
         pageCount = this.pageCount;
@@ -39908,10 +40067,18 @@ var Pulldown = Object.assign(pulldown, {
       pagesize: '{0}条/页',
       total: '共 {0} 条记录',
       pageClassifier: '页',
+      homePage: '首页',
+      homePageTitle: '首页',
       prevPage: '上一页',
+      prevPageTitle: '上一页',
       nextPage: '下一页',
+      nextPageTitle: '下一页',
       prevJump: '向上跳页',
-      nextJump: '向下跳页'
+      prevJumpTitle: '向上跳页',
+      nextJump: '向下跳页',
+      nextJumpTitle: '向下跳页',
+      endPage: '末页',
+      endPageTitle: '末页'
     },
     alert: {
       title: '消息提示'