@dimailn/vuetify 2.7.2-alpha2 → 2.7.2-superbundle

package/es5/components/VDataTable/VDataTable.js

@@ -7,8 +7,6 @@ exports.default = void 0;
 
 require("../../../src/components/VDataTable/VDataTable.sass");
 
-var _vue = require("vue");
-
 var _VData = require("../VData");
 
 var _VDataIterator = require("../VDataIterator");
@@ -297,31 +295,36 @@ var _default2 = (0, _mixins.default)(_VDataIterator.VDataIterator, _loadable.def
     createItemProps: function createItemProps(item, index) {
       var _this4 = this;
 
-      var data = _objectSpread(_objectSpread({}, _VDataIterator.VDataIterator.methods.createItemProps.call(this, item, index)), {}, {
+      var data = _objectSpread(_objectSpread({}, _VDataIterator.VDataIterator.options.methods.createItemProps.call(this, item, index)), {}, {
         headers: this.computedHeaders
       });
 
-      return _objectSpread(_objectSpread(_objectSpread({}, data), {}, {
-        class: {
-          'v-data-table__selected': data.isSelected
-        }
-      }, this.getDefaultMouseEventHandlers(':row', function () {
-        return data;
-      }, true)), {}, {
-        // TODO: the first argument should be the event, and the second argument should be data,
-        // but this is a breaking change so it's for v3
-        onClick: function onClick(event) {
-          return _this4.$emit('click:row', item, data, event);
-        }
+      return _objectSpread(_objectSpread({}, data), {}, {
+        attrs: {
+          class: {
+            'v-data-table__selected': data.isSelected
+          }
+        },
+        on: _objectSpread(_objectSpread({}, this.getDefaultMouseEventHandlers(':row', function () {
+          return data;
+        }, true)), {}, {
+          // TODO: the first argument should be the event, and the second argument should be data,
+          // but this is a breaking change so it's for v3
+          click: function click(event) {
+            return _this4.$emit('click:row', item, data, event);
+          }
+        })
       });
     },
     genCaption: function genCaption(props) {
-      if (this.caption) return [(0, _vue.h)('caption', [this.caption])];
+      if (this.caption) return [this.$createElement('caption', [this.caption])];
       return (0, _helpers.getSlot)(this, 'caption', props, true);
     },
     genColgroup: function genColgroup(props) {
-      return (0, _vue.h)('colgroup', this.computedHeaders.map(function (header) {
-        return (0, _vue.h)('col', {
+      var _this5 = this;
+
+      return this.$createElement('colgroup', this.computedHeaders.map(function (header) {
+        return _this5.$createElement('col', {
           class: {
             divider: header.divider
           }
@@ -329,48 +332,53 @@ var _default2 = (0, _mixins.default)(_VDataIterator.VDataIterator, _loadable.def
       }));
     },
     genLoading: function genLoading() {
-      var th = (0, _vue.h)('th', {
-        class: 'column',
+      var th = this.$createElement('th', {
+        staticClass: 'column',
         attrs: this.colspanAttrs
       }, [this.genProgress()]);
-      var tr = (0, _vue.h)('tr', {
-        class: 'v-data-table__progress'
+      var tr = this.$createElement('tr', {
+        staticClass: 'v-data-table__progress'
       }, [th]);
-      return (0, _vue.h)('thead', [tr]);
+      return this.$createElement('thead', [tr]);
     },
     genHeaders: function genHeaders(props) {
-      var data = _objectSpread(_objectSpread({}, this.sanitizedHeaderProps), {}, {
-        headers: this.computedHeaders,
-        options: props.options,
-        mobile: this.isMobile,
-        showGroupBy: this.showGroupBy,
-        checkboxColor: this.checkboxColor,
-        someItems: this.someItems,
-        everyItem: this.everyItem,
-        singleSelect: this.singleSelect,
-        disableSort: this.disableSort,
-        onSort: props.sort,
-        onGroup: props.group,
-        'onToggle-select-all': this.toggleSelectAll
-      }); // TODO: rename to 'head'? (thead, tbody, tfoot)
-
+      var data = {
+        props: _objectSpread(_objectSpread({}, this.sanitizedHeaderProps), {}, {
+          headers: this.computedHeaders,
+          options: props.options,
+          mobile: this.isMobile,
+          showGroupBy: this.showGroupBy,
+          checkboxColor: this.checkboxColor,
+          someItems: this.someItems,
+          everyItem: this.everyItem,
+          singleSelect: this.singleSelect,
+          disableSort: this.disableSort
+        }),
+        on: {
+          sort: props.sort,
+          group: props.group,
+          'toggle-select-all': this.toggleSelectAll
+        }
+      }; // TODO: rename to 'head'? (thead, tbody, tfoot)
 
       var children = [(0, _helpers.getSlot)(this, 'header', _objectSpread(_objectSpread({}, data), {}, {
         isMobile: this.isMobile
       }))];
 
       if (!this.hideDefaultHeader) {
-        var scopedSlots = (0, _helpers.getPrefixedScopedSlots)('header.', this.$slots);
-        children.push((0, _vue.h)(_VDataTableHeader.default, _objectSpread({}, data), scopedSlots));
+        var scopedSlots = (0, _helpers.getPrefixedScopedSlots)('header.', this.$scopedSlots);
+        children.push(this.$createElement(_VDataTableHeader.default, _objectSpread(_objectSpread({}, data), {}, {
+          scopedSlots: scopedSlots
+        })));
       }
 
       if (this.loading) children.push(this.genLoading());
       return children;
     },
     genEmptyWrapper: function genEmptyWrapper(content) {
-      return (0, _vue.h)('tr', {
-        class: 'v-data-table__empty-wrapper'
-      }, [(0, _vue.h)('td', {
+      return this.$createElement('tr', {
+        staticClass: 'v-data-table__empty-wrapper'
+      }, [this.$createElement('td', {
         attrs: this.colspanAttrs
       }, content)]);
     },
@@ -380,34 +388,34 @@ var _default2 = (0, _mixins.default)(_VDataIterator.VDataIterator, _loadable.def
       return props.groupedItems ? this.genGroupedRows(props.groupedItems, props) : this.genRows(items, props);
     },
     genGroupedRows: function genGroupedRows(groupedItems, props) {
-      var _this5 = this;
+      var _this6 = this;
 
       return groupedItems.map(function (group) {
-        if (!_this5.openCache.hasOwnProperty(group.name)) _this5.openCache[group.name] = true;
+        if (!_this6.openCache.hasOwnProperty(group.name)) _this6.$set(_this6.openCache, group.name, true);
 
-        if (_this5.$slots.group) {
-          return _this5.$slots.group({
+        if (_this6.$scopedSlots.group) {
+          return _this6.$scopedSlots.group({
             group: group.name,
             options: props.options,
-            isMobile: _this5.isMobile,
+            isMobile: _this6.isMobile,
             items: group.items,
-            headers: _this5.computedHeaders
+            headers: _this6.computedHeaders
           });
         } else {
-          return _this5.genDefaultGroupedRow(group.name, group.items, props);
+          return _this6.genDefaultGroupedRow(group.name, group.items, props);
         }
       });
     },
     genDefaultGroupedRow: function genDefaultGroupedRow(group, items, props) {
-      var _this6 = this;
+      var _this7 = this;
 
       var isOpen = !!this.openCache[group];
-      var children = [(0, _vue.h)('template', {
+      var children = [this.$createElement('template', {
         slot: 'row.content'
       }, this.genRows(items, props))];
 
       var toggleFn = function toggleFn() {
-        return _this6.openCache[group] = !_this6.openCache[group];
+        return _this7.$set(_this7.openCache, group, !_this7.openCache[group]);
       };
 
       var removeFn = function removeFn() {
@@ -417,12 +425,12 @@ var _default2 = (0, _mixins.default)(_VDataIterator.VDataIterator, _loadable.def
         });
       };
 
-      if (this.$slots['group.header']) {
-        children.unshift((0, _vue.h)('template', {
+      if (this.$scopedSlots['group.header']) {
+        children.unshift(this.$createElement('template', {
           slot: 'column.header'
-        }, [this.$slots['group.header']({
+        }, [this.$scopedSlots['group.header']({
           group: group,
-          groupBy: props.groupBy,
+          groupBy: props.options.groupBy,
           isMobile: this.isMobile,
           items: items,
           headers: this.computedHeaders,
@@ -431,14 +439,18 @@ var _default2 = (0, _mixins.default)(_VDataIterator.VDataIterator, _loadable.def
           remove: removeFn
         })]));
       } else {
-        var toggle = (0, _vue.h)(_VBtn.default, {
-          class: 'ma-0',
-          icon: true,
-          small: true,
-          onClick: toggleFn
-        }, [(0, _vue.h)(_VIcon.default, [isOpen ? '$minus' : '$plus'])]);
-        var remove = (0, _vue.h)(_VBtn.default, {
-          class: 'ma-0',
+        var toggle = this.$createElement(_VBtn.default, {
+          staticClass: 'ma-0',
+          props: {
+            icon: true,
+            small: true
+          },
+          on: {
+            click: toggleFn
+          }
+        }, [this.$createElement(_VIcon.default, [isOpen ? '$minus' : '$plus'])]);
+        var remove = this.$createElement(_VBtn.default, {
+          staticClass: 'ma-0',
           props: {
             icon: true,
             small: true
@@ -446,22 +458,22 @@ var _default2 = (0, _mixins.default)(_VDataIterator.VDataIterator, _loadable.def
           on: {
             click: removeFn
           }
-        }, [(0, _vue.h)(_VIcon.default, ['$close'])]);
-        var column = (0, _vue.h)('td', {
-          class: 'text-start',
+        }, [this.$createElement(_VIcon.default, ['$close'])]);
+        var column = this.$createElement('td', {
+          staticClass: 'text-start',
           attrs: this.colspanAttrs
         }, [toggle, "".concat(this.groupByText, ": ").concat(group), remove]);
-        children.unshift((0, _vue.h)('template', {
+        children.unshift(this.$createElement('template', {
           slot: 'column.header'
         }, [column]));
       }
 
-      if (this.$slots['group.summary']) {
-        children.push((0, _vue.h)('template', {
+      if (this.$scopedSlots['group.summary']) {
+        children.push(this.$createElement('template', {
           slot: 'column.summary'
-        }, [this.$slots['group.summary']({
+        }, [this.$scopedSlots['group.summary']({
           group: group,
-          groupBy: props.groupBy,
+          groupBy: props.options.groupBy,
           isMobile: this.isMobile,
           items: items,
           headers: this.computedHeaders,
@@ -470,7 +482,7 @@ var _default2 = (0, _mixins.default)(_VDataIterator.VDataIterator, _loadable.def
         })]));
       }
 
-      return (0, _vue.h)(_RowGroup.default, {
+      return this.$createElement(_RowGroup.default, {
         key: group,
         props: {
           value: isOpen
@@ -478,19 +490,19 @@ var _default2 = (0, _mixins.default)(_VDataIterator.VDataIterator, _loadable.def
       }, children);
     },
     genRows: function genRows(items, props) {
-      return this.$slots.item ? this.genScopedRows(items, props) : this.genDefaultRows(items, props);
+      return this.$scopedSlots.item ? this.genScopedRows(items, props) : this.genDefaultRows(items, props);
     },
     genScopedRows: function genScopedRows(items, props) {
       var rows = [];
 
       for (var i = 0; i < items.length; i++) {
         var item = items[i];
-        rows.push(this.$slots.item(_objectSpread(_objectSpread({}, this.createItemProps(item, i)), {}, {
+        rows.push(this.$scopedSlots.item(_objectSpread(_objectSpread({}, this.createItemProps(item, i)), {}, {
           isMobile: this.isMobile
         })));
 
         if (this.isExpanded(item)) {
-          rows.push(this.$slots['expanded-item']({
+          rows.push(this.$scopedSlots['expanded-item']({
             headers: this.computedHeaders,
             isMobile: this.isMobile,
             index: i,
@@ -502,12 +514,12 @@ var _default2 = (0, _mixins.default)(_VDataIterator.VDataIterator, _loadable.def
       return rows;
     },
     genDefaultRows: function genDefaultRows(items, props) {
-      var _this7 = this;
+      var _this8 = this;
 
-      return this.$slots['expanded-item'] ? items.map(function (item, index) {
-        return _this7.genDefaultExpandedRow(item, index);
+      return this.$scopedSlots['expanded-item'] ? items.map(function (item, index) {
+        return _this8.genDefaultExpandedRow(item, index);
       }) : items.map(function (item, index) {
-        return _this7.genDefaultSimpleRow(item, index);
+        return _this8.genDefaultSimpleRow(item, index);
       });
     },
     genDefaultExpandedRow: function genDefaultExpandedRow(item, index) {
@@ -516,46 +528,50 @@ var _default2 = (0, _mixins.default)(_VDataIterator.VDataIterator, _loadable.def
         'v-data-table__expanded v-data-table__expanded__row': isExpanded
       };
       var headerRow = this.genDefaultSimpleRow(item, index, classes);
-      var expandedRow = (0, _vue.h)('tr', {
-        class: 'v-data-table__expanded v-data-table__expanded__content'
-      }, [this.$slots['expanded-item']({
+      var expandedRow = this.$createElement('tr', {
+        staticClass: 'v-data-table__expanded v-data-table__expanded__content'
+      }, [this.$scopedSlots['expanded-item']({
         headers: this.computedHeaders,
         isMobile: this.isMobile,
         item: item
       })]);
-      return (0, _vue.h)(_RowGroup.default, {
+      return this.$createElement(_RowGroup.default, {
         props: {
           value: isExpanded
         }
-      }, [(0, _vue.h)('template', {
+      }, [this.$createElement('template', {
         slot: 'row.header'
-      }, [headerRow]), (0, _vue.h)('template', {
+      }, [headerRow]), this.$createElement('template', {
         slot: 'row.content'
       }, [expandedRow])]);
     },
     genDefaultSimpleRow: function genDefaultSimpleRow(item, index) {
-      var _this8 = this;
+      var _this9 = this;
 
       var classes = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
-      var scopedSlots = (0, _helpers.getPrefixedScopedSlots)('item.', this.$slots);
+      var scopedSlots = (0, _helpers.getPrefixedScopedSlots)('item.', this.$scopedSlots);
       var data = this.createItemProps(item, index);
 
       if (this.showSelect) {
         var slot = scopedSlots['data-table-select'];
         scopedSlots['data-table-select'] = slot ? function () {
           return slot(_objectSpread(_objectSpread({}, data), {}, {
-            isMobile: _this8.isMobile
+            isMobile: _this9.isMobile
           }));
         } : function () {
           var _a;
 
-          return (0, _vue.h)(_VSimpleCheckbox.default, {
-            class: 'v-data-table__checkbox',
-            value: data.isSelected,
-            disabled: !_this8.isSelectable(item),
-            color: (_a = _this8.checkboxColor) !== null && _a !== void 0 ? _a : '',
-            onInput: function onInput(val) {
-              return data.select(val);
+          return _this9.$createElement(_VSimpleCheckbox.default, {
+            staticClass: 'v-data-table__checkbox',
+            props: {
+              value: data.isSelected,
+              disabled: !_this9.isSelectable(item),
+              color: (_a = _this9.checkboxColor) !== null && _a !== void 0 ? _a : ''
+            },
+            on: {
+              input: function input(val) {
+                return data.select(val);
+              }
             }
           });
         };
@@ -566,31 +582,37 @@ var _default2 = (0, _mixins.default)(_VDataIterator.VDataIterator, _loadable.def
         scopedSlots['data-table-expand'] = _slot ? function () {
           return _slot(data);
         } : function () {
-          return (0, _vue.h)(_VIcon.default, {
-            class: ['v-data-table__expand-icon', {
+          return _this9.$createElement(_VIcon.default, {
+            staticClass: 'v-data-table__expand-icon',
+            class: {
               'v-data-table__expand-icon--active': data.isExpanded
-            }],
-            onClick: function onClick(e) {
-              e.stopPropagation();
-              data.expand(!data.isExpanded);
+            },
+            on: {
+              click: function click(e) {
+                e.stopPropagation();
+                data.expand(!data.isExpanded);
+              }
             }
-          }, [_this8.expandIcon]);
+          }, [_this9.expandIcon]);
         };
       }
 
-      return (0, _vue.h)(this.isMobile ? _MobileRow.default : _Row.default, {
+      return this.$createElement(this.isMobile ? _MobileRow.default : _Row.default, {
         key: (0, _helpers.getObjectValueByPath)(item, this.itemKey),
         class: (0, _mergeData.mergeClasses)(_objectSpread(_objectSpread({}, classes), {}, {
           'v-data-table__selected': data.isSelected
         }), (0, _helpers.getPropertyFromItem)(item, this.itemClass)),
         style: (0, _mergeData.mergeStyles)({}, (0, _helpers.getPropertyFromItem)(item, this.itemStyle)),
-        headers: this.computedHeaders,
-        hideDefaultHeader: this.hideDefaultHeader,
-        index: index,
-        item: item,
-        rtl: this.$vuetify.rtl,
+        props: {
+          headers: this.computedHeaders,
+          hideDefaultHeader: this.hideDefaultHeader,
+          index: index,
+          item: item,
+          rtl: this.$vuetify.rtl
+        },
+        scopedSlots: scopedSlots,
         on: data.on
-      }, scopedSlots);
+      });
     },
     genBody: function genBody(props) {
       var data = _objectSpread(_objectSpread({}, props), {}, {
@@ -602,48 +624,49 @@ var _default2 = (0, _mixins.default)(_VDataIterator.VDataIterator, _loadable.def
         select: this.select
       });
 
-      if (this.$slots.body) {
-        return this.$slots.body(data);
+      if (this.$scopedSlots.body) {
+        return this.$scopedSlots.body(data);
       }
 
-      return (0, _vue.h)('tbody', [(0, _helpers.getSlot)(this, 'body.prepend', data, true), this.genItems(props.items, props), (0, _helpers.getSlot)(this, 'body.append', data, true)]);
+      return this.$createElement('tbody', [(0, _helpers.getSlot)(this, 'body.prepend', data, true), this.genItems(props.items, props), (0, _helpers.getSlot)(this, 'body.append', data, true)]);
     },
     genFoot: function genFoot(props) {
       var _a, _b;
 
-      return (_b = (_a = this.$slots).foot) === null || _b === void 0 ? void 0 : _b.call(_a, props);
+      return (_b = (_a = this.$scopedSlots).foot) === null || _b === void 0 ? void 0 : _b.call(_a, props);
     },
     genFooters: function genFooters(props) {
-      var data = _objectSpread(_objectSpread({
-        options: props.options,
-        pagination: props.pagination,
-        itemsPerPageText: '$vuetify.dataTable.itemsPerPageText'
-      }, this.sanitizedFooterProps), {}, {
-        'onUpdate:options': function onUpdateOptions(value) {
-          return props.updateOptions(value);
-        }
-      });
-
-      var children = [(0, _helpers.getSlot)(this, 'footer', _objectSpread(_objectSpread({}, data), {}, {
+      var data = {
+        props: _objectSpread({
+          options: props.options,
+          pagination: props.pagination,
+          itemsPerPageText: '$vuetify.dataTable.itemsPerPageText'
+        }, this.sanitizedFooterProps),
+        on: {
+          'update:options': function updateOptions(value) {
+            return props.updateOptions(value);
+          }
+        },
         widths: this.widths,
         headers: this.computedHeaders
-      }), true)];
+      };
+      var children = [(0, _helpers.getSlot)(this, 'footer', data, true)];
 
       if (!this.hideDefaultFooter) {
-        children.push((0, _vue.h)(_VDataIterator.VDataFooter, _objectSpread({}, data), (0, _helpers.getPrefixedScopedSlots)('footer.', this.$slots)));
+        children.push(this.$createElement(_VDataIterator.VDataFooter, _objectSpread(_objectSpread({}, data), {}, {
+          scopedSlots: (0, _helpers.getPrefixedScopedSlots)('footer.', this.$scopedSlots)
+        })));
       }
 
       return children;
     },
     genDefaultScopedSlot: function genDefaultScopedSlot(props) {
-      var _this9 = this;
-
       var simpleProps = {
         height: this.height,
         fixedHeader: this.fixedHeader,
         dense: this.dense
       }; // if (this.virtualRows) {
-      //   return h(VVirtualTable, {
+      //   return this.$createElement(VVirtualTable, {
       //     props: Object.assign(simpleProps, {
       //       items: props.items,
       //       height: this.height,
@@ -660,63 +683,70 @@ var _default2 = (0, _mixins.default)(_VDataIterator.VDataIterator, _loadable.def
       //   ])
       // }
 
-      return (0, _vue.h)(_VSimpleTable.default, _objectSpread(_objectSpread({}, simpleProps), {}, {
+      return this.$createElement(_VSimpleTable.default, {
+        props: simpleProps,
         class: {
           'v-data-table--mobile': this.isMobile,
           'v-data-table--selectable': this.showSelect
         }
-      }), {
-        default: function _default() {
-          return [_this9.genCaption(props), _this9.genColgroup(props), _this9.genHeaders(props), _this9.genBody(props), _this9.genFoot(props)];
-        },
-        top: (0, _helpers.getSlot)(this, 'top', _objectSpread(_objectSpread({}, props), {}, {
-          isMobile: this.isMobile
-        }), true),
-        bottom: this.genFooters(props)
-      });
+      }, [this.proxySlot('top', (0, _helpers.getSlot)(this, 'top', _objectSpread(_objectSpread({}, props), {}, {
+        isMobile: this.isMobile
+      }), true)), this.genCaption(props), this.genColgroup(props), this.genHeaders(props), this.genBody(props), this.genFoot(props), this.proxySlot('bottom', this.genFooters(props))]);
+    },
+    proxySlot: function proxySlot(slot, content) {
+      return this.$createElement('template', {
+        slot: slot
+      }, content);
     }
   },
   render: function render() {
     var _this10 = this;
 
-    return (0, _vue.h)(_VData.VData, _objectSpread(_objectSpread({}, this.$props), {}, {
-      customFilter: this.customFilterWithColumns,
-      customSort: this.customSortWithHeaders,
-      itemsPerPage: this.computedItemsPerPage,
-      'onUpdate:options': function onUpdateOptions(v, old) {
-        _this10.internalGroupBy = v.groupBy || [];
-        !(0, _helpers.deepEqual)(v, old) && _this10.$emit('update:options', v);
-      },
-      'onUpdate:page': function onUpdatePage(v) {
-        return _this10.$emit('update:page', v);
-      },
-      'onUpdate:items-per-page': function onUpdateItemsPerPage(v) {
-        return _this10.$emit('update:items-per-page', v);
-      },
-      'onUpdate:sort-by': function onUpdateSortBy(v) {
-        return _this10.$emit('update:sort-by', v);
-      },
-      'onUpdate:sort-desc': function onUpdateSortDesc(v) {
-        return _this10.$emit('update:sort-desc', v);
-      },
-      'onUpdate:group-by': function onUpdateGroupBy(v) {
-        return _this10.$emit('update:group-by', v);
-      },
-      'onUpdate:group-desc': function onUpdateGroupDesc(v) {
-        return _this10.$emit('update:group-desc', v);
-      },
-      onPagination: function onPagination(v, old) {
-        return !(0, _helpers.deepEqual)(v, old) && _this10.$emit('pagination', v);
-      },
-      'onCurrent-items': function onCurrentItems(v) {
-        _this10.internalCurrentItems = v;
+    return this.$createElement(_VData.VData, {
+      props: _objectSpread(_objectSpread({}, this.$props), {}, {
+        customFilter: this.customFilterWithColumns,
+        customSort: this.customSortWithHeaders,
+        itemsPerPage: this.computedItemsPerPage
+      }),
+      on: {
+        'update:options': function updateOptions(v, old) {
+          _this10.internalGroupBy = v.groupBy || [];
+          !(0, _helpers.deepEqual)(v, old) && _this10.$emit('update:options', v);
+        },
+        'update:page': function updatePage(v) {
+          return _this10.$emit('update:page', v);
+        },
+        'update:items-per-page': function updateItemsPerPage(v) {
+          return _this10.$emit('update:items-per-page', v);
+        },
+        'update:sort-by': function updateSortBy(v) {
+          return _this10.$emit('update:sort-by', v);
+        },
+        'update:sort-desc': function updateSortDesc(v) {
+          return _this10.$emit('update:sort-desc', v);
+        },
+        'update:group-by': function updateGroupBy(v) {
+          return _this10.$emit('update:group-by', v);
+        },
+        'update:group-desc': function updateGroupDesc(v) {
+          return _this10.$emit('update:group-desc', v);
+        },
+        pagination: function pagination(v, old) {
+          return !(0, _helpers.deepEqual)(v, old) && _this10.$emit('pagination', v);
+        },
+        'current-items': function currentItems(v) {
+          _this10.internalCurrentItems = v;
 
-        _this10.$emit('current-items', v);
+          _this10.$emit('current-items', v);
+        },
+        'page-count': function pageCount(v) {
+          return _this10.$emit('page-count', v);
+        }
       },
-      'onPage-count': function onPageCount(v) {
-        return _this10.$emit('page-count', v);
+      scopedSlots: {
+        default: this.genDefaultScopedSlot
       }
-    }), this.genDefaultScopedSlot);
+    });
   }
 });