ai.touchui-vue 1.32.1 → 1.33.0

package/lib/page.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 387);
+/******/ 	return __webpack_require__(__webpack_require__.s = 390);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -192,449 +192,63 @@ function normalizeComponent(
 
 /***/ }),
 
-/***/ 101:
+/***/ 104:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-/* harmony import */ var _node_modules_style_loader_dist_index_js_node_modules_css_loader_dist_cjs_js_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_vue_loader_lib_index_js_vue_loader_options_page_vue_vue_type_style_index_0_id_03d37639_prod_lang_css__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(21);
+/* harmony import */ var _node_modules_style_loader_dist_index_js_node_modules_css_loader_dist_cjs_js_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_vue_loader_lib_index_js_vue_loader_options_page_vue_vue_type_style_index_0_id_03d37639_prod_lang_css__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(22);
 /* harmony import */ var _node_modules_style_loader_dist_index_js_node_modules_css_loader_dist_cjs_js_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_vue_loader_lib_index_js_vue_loader_options_page_vue_vue_type_style_index_0_id_03d37639_prod_lang_css__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_index_js_node_modules_css_loader_dist_cjs_js_node_modules_vue_loader_lib_loaders_stylePostLoader_js_node_modules_vue_loader_lib_index_js_vue_loader_options_page_vue_vue_type_style_index_0_id_03d37639_prod_lang_css__WEBPACK_IMPORTED_MODULE_0__);
 /* unused harmony reexport * */
 
 
 /***/ }),
 
-/***/ 102:
+/***/ 105:
 /***/ (function(module, exports, __webpack_require__) {
 
-exports = module.exports = __webpack_require__(11)(false);
+exports = module.exports = __webpack_require__(7)(false);
 // Module
 exports.push([module.i, "\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n/* .to-page .prev + .pager {\n\tflex: none !important;\n}\n.to-page .pager {\n\tuser-select: none;\n}\n\n.to-page .prev,\n.to-page .next {\n\tuser-select: none;\n\tcursor: not-allowed;\n}\n.to-page .pointer {\n\tcursor: pointer;\n}\n.to-page .prev.pointer:hover,\n.to-page .next.pointer:hover {\n\tbackground: #ededed;\n} */\n", ""]);
 
 
 /***/ }),
 
-/***/ 11:
-/***/ (function(module, exports, __webpack_require__) {
-
-"use strict";
-
-
-/*
-  MIT License http://www.opensource.org/licenses/mit-license.php
-  Author Tobias Koppers @sokra
-*/
-// css base code, injected by the css-loader
-// eslint-disable-next-line func-names
-module.exports = function (useSourceMap) {
-  var list = []; // return the list of modules as css string
-
-  list.toString = function toString() {
-    return this.map(function (item) {
-      var content = cssWithMappingToString(item, useSourceMap);
-
-      if (item[2]) {
-        return "@media ".concat(item[2], "{").concat(content, "}");
-      }
-
-      return content;
-    }).join('');
-  }; // import a list of modules into the list
-  // eslint-disable-next-line func-names
-
-
-  list.i = function (modules, mediaQuery) {
-    if (typeof modules === 'string') {
-      // eslint-disable-next-line no-param-reassign
-      modules = [[null, modules, '']];
-    }
-
-    var alreadyImportedModules = {};
-
-    for (var i = 0; i < this.length; i++) {
-      // eslint-disable-next-line prefer-destructuring
-      var id = this[i][0];
-
-      if (id != null) {
-        alreadyImportedModules[id] = true;
-      }
-    }
-
-    for (var _i = 0; _i < modules.length; _i++) {
-      var item = modules[_i]; // skip already imported module
-      // this implementation is not 100% perfect for weird media query combinations
-      // when a module is imported multiple times with different media queries.
-      // I hope this will never occur (Hey this way we have smaller bundles)
-
-      if (item[0] == null || !alreadyImportedModules[item[0]]) {
-        if (mediaQuery && !item[2]) {
-          item[2] = mediaQuery;
-        } else if (mediaQuery) {
-          item[2] = "(".concat(item[2], ") and (").concat(mediaQuery, ")");
-        }
-
-        list.push(item);
-      }
-    }
-  };
-
-  return list;
-};
-
-function cssWithMappingToString(item, useSourceMap) {
-  var content = item[1] || ''; // eslint-disable-next-line prefer-destructuring
-
-  var cssMapping = item[3];
-
-  if (!cssMapping) {
-    return content;
-  }
-
-  if (useSourceMap && typeof btoa === 'function') {
-    var sourceMapping = toComment(cssMapping);
-    var sourceURLs = cssMapping.sources.map(function (source) {
-      return "/*# sourceURL=".concat(cssMapping.sourceRoot).concat(source, " */");
-    });
-    return [content].concat(sourceURLs).concat([sourceMapping]).join('\n');
-  }
-
-  return [content].join('\n');
-} // Adapted from convert-source-map (MIT)
-
+/***/ 2:
+/***/ (function(module, exports) {
 
-function toComment(sourceMap) {
-  // eslint-disable-next-line no-undef
-  var base64 = btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap))));
-  var data = "sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(base64);
-  return "/*# ".concat(data, " */");
-}
+module.exports = require("ai.touchui-vue/lib/mixins/locale");
 
 /***/ }),
 
-/***/ 12:
+/***/ 22:
 /***/ (function(module, exports, __webpack_require__) {
 
-"use strict";
-
-
-var stylesInDom = {};
-
-var isOldIE = function isOldIE() {
-  var memo;
-  return function memorize() {
-    if (typeof memo === 'undefined') {
-      // Test for IE <= 9 as proposed by Browserhacks
-      // @see http://browserhacks.com/#hack-e71d8692f65334173fee715c222cb805
-      // Tests for existence of standard globals is to allow style-loader
-      // to operate correctly into non-standard environments
-      // @see https://github.com/webpack-contrib/style-loader/issues/177
-      memo = Boolean(window && document && document.all && !window.atob);
-    }
-
-    return memo;
-  };
-}();
-
-var getTarget = function getTarget() {
-  var memo = {};
-  return function memorize(target) {
-    if (typeof memo[target] === 'undefined') {
-      var styleTarget = document.querySelector(target); // Special case to return head of iframe instead of iframe itself
-
-      if (window.HTMLIFrameElement && styleTarget instanceof window.HTMLIFrameElement) {
-        try {
-          // This will throw an exception if access to iframe is blocked
-          // due to cross-origin restrictions
-          styleTarget = styleTarget.contentDocument.head;
-        } catch (e) {
-          // istanbul ignore next
-          styleTarget = null;
-        }
-      }
-
-      memo[target] = styleTarget;
-    }
-
-    return memo[target];
-  };
-}();
-
-function listToStyles(list, options) {
-  var styles = [];
-  var newStyles = {};
-
-  for (var i = 0; i < list.length; i++) {
-    var item = list[i];
-    var id = options.base ? item[0] + options.base : item[0];
-    var css = item[1];
-    var media = item[2];
-    var sourceMap = item[3];
-    var part = {
-      css: css,
-      media: media,
-      sourceMap: sourceMap
-    };
-
-    if (!newStyles[id]) {
-      styles.push(newStyles[id] = {
-        id: id,
-        parts: [part]
-      });
-    } else {
-      newStyles[id].parts.push(part);
-    }
-  }
-
-  return styles;
-}
-
-function addStylesToDom(styles, options) {
-  for (var i = 0; i < styles.length; i++) {
-    var item = styles[i];
-    var domStyle = stylesInDom[item.id];
-    var j = 0;
-
-    if (domStyle) {
-      domStyle.refs++;
-
-      for (; j < domStyle.parts.length; j++) {
-        domStyle.parts[j](item.parts[j]);
-      }
-
-      for (; j < item.parts.length; j++) {
-        domStyle.parts.push(addStyle(item.parts[j], options));
-      }
-    } else {
-      var parts = [];
-
-      for (; j < item.parts.length; j++) {
-        parts.push(addStyle(item.parts[j], options));
-      }
+var content = __webpack_require__(105);
 
-      stylesInDom[item.id] = {
-        id: item.id,
-        refs: 1,
-        parts: parts
-      };
-    }
-  }
+if (typeof content === 'string') {
+  content = [[module.i, content, '']];
 }
 
-function insertStyleElement(options) {
-  var style = document.createElement('style');
-
-  if (typeof options.attributes.nonce === 'undefined') {
-    var nonce =  true ? __webpack_require__.nc : undefined;
-
-    if (nonce) {
-      options.attributes.nonce = nonce;
-    }
-  }
-
-  Object.keys(options.attributes).forEach(function (key) {
-    style.setAttribute(key, options.attributes[key]);
-  });
-
-  if (typeof options.insert === 'function') {
-    options.insert(style);
-  } else {
-    var target = getTarget(options.insert || 'head');
-
-    if (!target) {
-      throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");
-    }
-
-    target.appendChild(style);
-  }
+var options = {}
 
-  return style;
-}
+options.insert = "head";
+options.singleton = false;
 
-function removeStyleElement(style) {
-  // istanbul ignore if
-  if (style.parentNode === null) {
-    return false;
-  }
+var update = __webpack_require__(8)(content, options);
 
-  style.parentNode.removeChild(style);
+if (content.locals) {
+  module.exports = content.locals;
 }
-/* istanbul ignore next  */
 
 
-var replaceText = function replaceText() {
-  var textStore = [];
-  return function replace(index, replacement) {
-    textStore[index] = replacement;
-    return textStore.filter(Boolean).join('\n');
-  };
-}();
+/***/ }),
 
-function applyToSingletonTag(style, index, remove, obj) {
-  var css = remove ? '' : obj.css; // For old IE
+/***/ 390:
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
 
-  /* istanbul ignore if  */
-
-  if (style.styleSheet) {
-    style.styleSheet.cssText = replaceText(index, css);
-  } else {
-    var cssNode = document.createTextNode(css);
-    var childNodes = style.childNodes;
-
-    if (childNodes[index]) {
-      style.removeChild(childNodes[index]);
-    }
-
-    if (childNodes.length) {
-      style.insertBefore(cssNode, childNodes[index]);
-    } else {
-      style.appendChild(cssNode);
-    }
-  }
-}
-
-function applyToTag(style, options, obj) {
-  var css = obj.css;
-  var media = obj.media;
-  var sourceMap = obj.sourceMap;
-
-  if (media) {
-    style.setAttribute('media', media);
-  }
-
-  if (sourceMap && btoa) {
-    css += "\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap)))), " */");
-  } // For old IE
-
-  /* istanbul ignore if  */
-
-
-  if (style.styleSheet) {
-    style.styleSheet.cssText = css;
-  } else {
-    while (style.firstChild) {
-      style.removeChild(style.firstChild);
-    }
-
-    style.appendChild(document.createTextNode(css));
-  }
-}
-
-var singleton = null;
-var singletonCounter = 0;
-
-function addStyle(obj, options) {
-  var style;
-  var update;
-  var remove;
-
-  if (options.singleton) {
-    var styleIndex = singletonCounter++;
-    style = singleton || (singleton = insertStyleElement(options));
-    update = applyToSingletonTag.bind(null, style, styleIndex, false);
-    remove = applyToSingletonTag.bind(null, style, styleIndex, true);
-  } else {
-    style = insertStyleElement(options);
-    update = applyToTag.bind(null, style, options);
-
-    remove = function remove() {
-      removeStyleElement(style);
-    };
-  }
-
-  update(obj);
-  return function updateStyle(newObj) {
-    if (newObj) {
-      if (newObj.css === obj.css && newObj.media === obj.media && newObj.sourceMap === obj.sourceMap) {
-        return;
-      }
-
-      update(obj = newObj);
-    } else {
-      remove();
-    }
-  };
-}
-
-module.exports = function (list, options) {
-  options = options || {};
-  options.attributes = typeof options.attributes === 'object' ? options.attributes : {}; // Force single-tag solution on IE6-9, which has a hard limit on the # of <style>
-  // tags it will allow on a page
-
-  if (!options.singleton && typeof options.singleton !== 'boolean') {
-    options.singleton = isOldIE();
-  }
-
-  var styles = listToStyles(list, options);
-  addStylesToDom(styles, options);
-  return function update(newList) {
-    var mayRemove = [];
-
-    for (var i = 0; i < styles.length; i++) {
-      var item = styles[i];
-      var domStyle = stylesInDom[item.id];
-
-      if (domStyle) {
-        domStyle.refs--;
-        mayRemove.push(domStyle);
-      }
-    }
-
-    if (newList) {
-      var newStyles = listToStyles(newList, options);
-      addStylesToDom(newStyles, options);
-    }
-
-    for (var _i = 0; _i < mayRemove.length; _i++) {
-      var _domStyle = mayRemove[_i];
-
-      if (_domStyle.refs === 0) {
-        for (var j = 0; j < _domStyle.parts.length; j++) {
-          _domStyle.parts[j]();
-        }
-
-        delete stylesInDom[_domStyle.id];
-      }
-    }
-  };
-};
-
-/***/ }),
-
-/***/ 2:
-/***/ (function(module, exports) {
-
-module.exports = require("ai.touchui-vue/lib/mixins/locale");
-
-/***/ }),
-
-/***/ 21:
-/***/ (function(module, exports, __webpack_require__) {
-
-var content = __webpack_require__(102);
-
-if (typeof content === 'string') {
-  content = [[module.i, content, '']];
-}
-
-var options = {}
-
-options.insert = "head";
-options.singleton = false;
-
-var update = __webpack_require__(12)(content, options);
-
-if (content.locals) {
-  module.exports = content.locals;
-}
-
-
-/***/ }),
-
-/***/ 387:
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-// ESM COMPAT FLAG
-__webpack_require__.r(__webpack_exports__);
+"use strict";
+// ESM COMPAT FLAG
+__webpack_require__.r(__webpack_exports__);
 
 // CONCATENATED MODULE: ./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/vue-loader/lib??vue-loader-options!./packages/page/src/page.vue?vue&type=template&id=03d37639
 var render = function () {
@@ -1209,197 +823,583 @@ var locale_default = /*#__PURE__*/__webpack_require__.n(locale_);
 		};
 	},
 
-	computed: {
-		cShowInSingle: function cShowInSingle() {
-			return !(this.hideOnSinglePage && Number(this.pageCount_) <= 1) || !this.hideOnSinglePage;
-		},
-		cLayout: function cLayout() {
-			return this.layout.split(',').map(function (str) {
-				return str.trim();
-			});
-		},
-		cPageSizes: function cPageSizes() {
-			var _this = this;
+	computed: {
+		cShowInSingle: function cShowInSingle() {
+			return !(this.hideOnSinglePage && Number(this.pageCount_) <= 1) || !this.hideOnSinglePage;
+		},
+		cLayout: function cLayout() {
+			return this.layout.split(',').map(function (str) {
+				return str.trim();
+			});
+		},
+		cPageSizes: function cPageSizes() {
+			var _this = this;
+
+			var pageSizes = void 0;
+			if (typeof this.pageSizes === 'string') {
+				pageSizes = this.pageSizes.split(',');
+			} else {
+				pageSizes = this.pageSizes;
+			}
+			return pageSizes.map(function (size) {
+				return {
+					label: _this.t('to.page.pageSize', size),
+					value: Number(size)
+				};
+			});
+		}
+	},
+	watch: {
+		pageSize: {
+			handler: function handler(size) {
+				var pageSizes = this.pageSizes || [];
+				if (!pageSizes.includes(size)) {
+					size = pageSizes[0];
+				}
+				this.pageSize_ = size;
+			},
+
+			immediate: true
+		},
+		currentPage: {
+			handler: function handler(currentPage) {
+				this.currentPage_ = currentPage;
+				this.computedPager();
+			},
+
+			immediate: true
+		},
+		pageCount: {
+			handler: function handler(pageCount) {
+				this.pageCount_ = pageCount;
+				this.computedPager();
+			},
+
+			immediate: true
+		},
+		pagerCount: function pagerCount() {
+			this.computedPager();
+		},
+		total: function total() {
+			this.computedPager();
+		}
+	},
+	created: function created() {
+		this.computedPager();
+	},
+
+	methods: {
+		handleJump: function handleJump() {
+			if (this.disabled) return;
+			if (!this.jumperPage) return;
+			var jump = Number(this.jumperPage);
+			if (jump > Number(this.pageCount_)) jump = Number(this.pageCount_);
+			if (jump < 1) jump = 1;
+			this.jumperPage = '';
+			this.handleCurrentChange(jump);
+		},
+		handleSizeChange: function handleSizeChange(size) {
+			if (this.disabled) return;
+			this.$emit('update:pageSize', size);
+			this.$emit('size-change', size);
+			this.computedPager();
+		},
+		handleCurrentChange: function handleCurrentChange(current) {
+			if (this.disabled) return;
+			this.currentPage_ = current;
+			this.$emit('update:currentPage', current);
+			this.$emit('current-change', current);
+			this.computedPager();
+		},
+		handlePagePrev: function handlePagePrev() {
+			if (this.disabled) return;
+			if (this.currentPage_ > 1) {
+				this.currentPage_ -= 1;
+				this.handleCurrentChange(this.currentPage_);
+				this.$emit('prev-click', this.currentPage_);
+				this.computedPager();
+			}
+		},
+		handlePageNext: function handlePageNext() {
+			if (this.disabled) return;
+			if (this.currentPage_ < Number(this.pageCount_)) {
+				this.currentPage_ += 1;
+				this.handleCurrentChange(this.currentPage_);
+				this.$emit('next-click', this.currentPage_);
+				this.computedPager();
+			}
+		},
+		computedPager: function computedPager() {
+			var pagerCount = this.pagerCount;
+			var halfPagerCount = (Number(pagerCount) - 1) / 2;
+			var pageCount = Number(this.pageCount) || Number(Number(this.total) === 0 ? 1 : Math.ceil(Number(this.total) / Number(this.pageSize_)));
+			var currentPage = Number(this.currentPage_);
+			var showPrevMore = false;
+			var showNextMore = false;
+
+			if (pageCount > Number(pagerCount)) {
+				if (currentPage > Number(pagerCount) - halfPagerCount) {
+					showPrevMore = true;
+				}
+
+				if (currentPage < pageCount - halfPagerCount) {
+					showNextMore = true;
+				}
+			}
+			var array = [];
+
+			if (showPrevMore && !showNextMore) {
+				var startPage = pageCount - (Number(pagerCount) - 2);
+				for (var i = startPage; i < pageCount; i++) {
+					array.push(i);
+				}
+			} else if (!showPrevMore && showNextMore) {
+				for (var _i = 2; _i < Number(pagerCount); _i++) {
+					array.push(_i);
+				}
+			} else if (showPrevMore && showNextMore) {
+				var offset = Math.floor(Number(pagerCount) / 2) - 1;
+				for (var _i2 = currentPage - offset; _i2 <= currentPage + offset; _i2++) {
+					array.push(_i2);
+				}
+			} else {
+				for (var _i3 = 2; _i3 < pageCount; _i3++) {
+					array.push(_i3);
+				}
+			}
+
+			this.showPrevMore = showPrevMore;
+			this.showNextMore = showNextMore;
+			this.pageCount_ = pageCount;
+			this.pager_ = array;
+		}
+	}
+});
+// CONCATENATED MODULE: ./packages/page/src/page.vue?vue&type=script&lang=js
+ /* harmony default export */ var src_pagevue_type_script_lang_js = (pagevue_type_script_lang_js); 
+// EXTERNAL MODULE: ./packages/page/src/page.vue?vue&type=style&index=0&id=03d37639&prod&lang=css
+var pagevue_type_style_index_0_id_03d37639_prod_lang_css = __webpack_require__(104);
+
+// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
+var componentNormalizer = __webpack_require__(0);
+
+// CONCATENATED MODULE: ./packages/page/src/page.vue
+
+
+
+
+
+
+/* normalize component */
+
+var component = Object(componentNormalizer["a" /* default */])(
+  src_pagevue_type_script_lang_js,
+  render,
+  staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* harmony default export */ var page = (component.exports);
+// CONCATENATED MODULE: ./packages/page/index.js
+
+
+/* istanbul ignore next */
+page.install = function (Vue) {
+	Vue.component(page.name, page);
+};
+
+/* harmony default export */ var packages_page = __webpack_exports__["default"] = (page);
+
+/***/ }),
+
+/***/ 7:
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+/*
+  MIT License http://www.opensource.org/licenses/mit-license.php
+  Author Tobias Koppers @sokra
+*/
+// css base code, injected by the css-loader
+// eslint-disable-next-line func-names
+module.exports = function (useSourceMap) {
+  var list = []; // return the list of modules as css string
+
+  list.toString = function toString() {
+    return this.map(function (item) {
+      var content = cssWithMappingToString(item, useSourceMap);
+
+      if (item[2]) {
+        return "@media ".concat(item[2], "{").concat(content, "}");
+      }
+
+      return content;
+    }).join('');
+  }; // import a list of modules into the list
+  // eslint-disable-next-line func-names
+
+
+  list.i = function (modules, mediaQuery) {
+    if (typeof modules === 'string') {
+      // eslint-disable-next-line no-param-reassign
+      modules = [[null, modules, '']];
+    }
+
+    var alreadyImportedModules = {};
+
+    for (var i = 0; i < this.length; i++) {
+      // eslint-disable-next-line prefer-destructuring
+      var id = this[i][0];
+
+      if (id != null) {
+        alreadyImportedModules[id] = true;
+      }
+    }
+
+    for (var _i = 0; _i < modules.length; _i++) {
+      var item = modules[_i]; // skip already imported module
+      // this implementation is not 100% perfect for weird media query combinations
+      // when a module is imported multiple times with different media queries.
+      // I hope this will never occur (Hey this way we have smaller bundles)
+
+      if (item[0] == null || !alreadyImportedModules[item[0]]) {
+        if (mediaQuery && !item[2]) {
+          item[2] = mediaQuery;
+        } else if (mediaQuery) {
+          item[2] = "(".concat(item[2], ") and (").concat(mediaQuery, ")");
+        }
+
+        list.push(item);
+      }
+    }
+  };
+
+  return list;
+};
+
+function cssWithMappingToString(item, useSourceMap) {
+  var content = item[1] || ''; // eslint-disable-next-line prefer-destructuring
+
+  var cssMapping = item[3];
+
+  if (!cssMapping) {
+    return content;
+  }
+
+  if (useSourceMap && typeof btoa === 'function') {
+    var sourceMapping = toComment(cssMapping);
+    var sourceURLs = cssMapping.sources.map(function (source) {
+      return "/*# sourceURL=".concat(cssMapping.sourceRoot).concat(source, " */");
+    });
+    return [content].concat(sourceURLs).concat([sourceMapping]).join('\n');
+  }
+
+  return [content].join('\n');
+} // Adapted from convert-source-map (MIT)
+
+
+function toComment(sourceMap) {
+  // eslint-disable-next-line no-undef
+  var base64 = btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap))));
+  var data = "sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(base64);
+  return "/*# ".concat(data, " */");
+}
+
+/***/ }),
+
+/***/ 8:
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+var stylesInDom = {};
+
+var isOldIE = function isOldIE() {
+  var memo;
+  return function memorize() {
+    if (typeof memo === 'undefined') {
+      // Test for IE <= 9 as proposed by Browserhacks
+      // @see http://browserhacks.com/#hack-e71d8692f65334173fee715c222cb805
+      // Tests for existence of standard globals is to allow style-loader
+      // to operate correctly into non-standard environments
+      // @see https://github.com/webpack-contrib/style-loader/issues/177
+      memo = Boolean(window && document && document.all && !window.atob);
+    }
+
+    return memo;
+  };
+}();
+
+var getTarget = function getTarget() {
+  var memo = {};
+  return function memorize(target) {
+    if (typeof memo[target] === 'undefined') {
+      var styleTarget = document.querySelector(target); // Special case to return head of iframe instead of iframe itself
+
+      if (window.HTMLIFrameElement && styleTarget instanceof window.HTMLIFrameElement) {
+        try {
+          // This will throw an exception if access to iframe is blocked
+          // due to cross-origin restrictions
+          styleTarget = styleTarget.contentDocument.head;
+        } catch (e) {
+          // istanbul ignore next
+          styleTarget = null;
+        }
+      }
+
+      memo[target] = styleTarget;
+    }
+
+    return memo[target];
+  };
+}();
+
+function listToStyles(list, options) {
+  var styles = [];
+  var newStyles = {};
+
+  for (var i = 0; i < list.length; i++) {
+    var item = list[i];
+    var id = options.base ? item[0] + options.base : item[0];
+    var css = item[1];
+    var media = item[2];
+    var sourceMap = item[3];
+    var part = {
+      css: css,
+      media: media,
+      sourceMap: sourceMap
+    };
+
+    if (!newStyles[id]) {
+      styles.push(newStyles[id] = {
+        id: id,
+        parts: [part]
+      });
+    } else {
+      newStyles[id].parts.push(part);
+    }
+  }
+
+  return styles;
+}
+
+function addStylesToDom(styles, options) {
+  for (var i = 0; i < styles.length; i++) {
+    var item = styles[i];
+    var domStyle = stylesInDom[item.id];
+    var j = 0;
+
+    if (domStyle) {
+      domStyle.refs++;
+
+      for (; j < domStyle.parts.length; j++) {
+        domStyle.parts[j](item.parts[j]);
+      }
+
+      for (; j < item.parts.length; j++) {
+        domStyle.parts.push(addStyle(item.parts[j], options));
+      }
+    } else {
+      var parts = [];
+
+      for (; j < item.parts.length; j++) {
+        parts.push(addStyle(item.parts[j], options));
+      }
+
+      stylesInDom[item.id] = {
+        id: item.id,
+        refs: 1,
+        parts: parts
+      };
+    }
+  }
+}
+
+function insertStyleElement(options) {
+  var style = document.createElement('style');
+
+  if (typeof options.attributes.nonce === 'undefined') {
+    var nonce =  true ? __webpack_require__.nc : undefined;
+
+    if (nonce) {
+      options.attributes.nonce = nonce;
+    }
+  }
+
+  Object.keys(options.attributes).forEach(function (key) {
+    style.setAttribute(key, options.attributes[key]);
+  });
+
+  if (typeof options.insert === 'function') {
+    options.insert(style);
+  } else {
+    var target = getTarget(options.insert || 'head');
+
+    if (!target) {
+      throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");
+    }
+
+    target.appendChild(style);
+  }
+
+  return style;
+}
+
+function removeStyleElement(style) {
+  // istanbul ignore if
+  if (style.parentNode === null) {
+    return false;
+  }
+
+  style.parentNode.removeChild(style);
+}
+/* istanbul ignore next  */
+
+
+var replaceText = function replaceText() {
+  var textStore = [];
+  return function replace(index, replacement) {
+    textStore[index] = replacement;
+    return textStore.filter(Boolean).join('\n');
+  };
+}();
+
+function applyToSingletonTag(style, index, remove, obj) {
+  var css = remove ? '' : obj.css; // For old IE
+
+  /* istanbul ignore if  */
+
+  if (style.styleSheet) {
+    style.styleSheet.cssText = replaceText(index, css);
+  } else {
+    var cssNode = document.createTextNode(css);
+    var childNodes = style.childNodes;
+
+    if (childNodes[index]) {
+      style.removeChild(childNodes[index]);
+    }
+
+    if (childNodes.length) {
+      style.insertBefore(cssNode, childNodes[index]);
+    } else {
+      style.appendChild(cssNode);
+    }
+  }
+}
+
+function applyToTag(style, options, obj) {
+  var css = obj.css;
+  var media = obj.media;
+  var sourceMap = obj.sourceMap;
 
-			var pageSizes = void 0;
-			if (typeof this.pageSizes === 'string') {
-				pageSizes = this.pageSizes.split(',');
-			} else {
-				pageSizes = this.pageSizes;
-			}
-			return pageSizes.map(function (size) {
-				return {
-					label: _this.t('to.page.pageSize', size),
-					value: Number(size)
-				};
-			});
-		}
-	},
-	watch: {
-		pageSize: {
-			handler: function handler(size) {
-				var pageSizes = this.pageSizes || [];
-				if (!pageSizes.includes(size)) {
-					size = pageSizes[0];
-				}
-				this.pageSize_ = size;
-			},
+  if (media) {
+    style.setAttribute('media', media);
+  }
 
-			immediate: true
-		},
-		currentPage: {
-			handler: function handler(currentPage) {
-				this.currentPage_ = currentPage;
-				this.computedPager();
-			},
+  if (sourceMap && btoa) {
+    css += "\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(sourceMap)))), " */");
+  } // For old IE
 
-			immediate: true
-		},
-		pageCount: {
-			handler: function handler(pageCount) {
-				this.pageCount_ = pageCount;
-				this.computedPager();
-			},
+  /* istanbul ignore if  */
 
-			immediate: true
-		},
-		pagerCount: function pagerCount() {
-			this.computedPager();
-		},
-		total: function total() {
-			this.computedPager();
-		}
-	},
-	created: function created() {
-		this.computedPager();
-	},
 
-	methods: {
-		handleJump: function handleJump() {
-			if (this.disabled) return;
-			if (!this.jumperPage) return;
-			var jump = Number(this.jumperPage);
-			if (jump > Number(this.pageCount_)) jump = Number(this.pageCount_);
-			if (jump < 1) jump = 1;
-			this.jumperPage = '';
-			this.handleCurrentChange(jump);
-		},
-		handleSizeChange: function handleSizeChange(size) {
-			if (this.disabled) return;
-			this.$emit('update:pageSize', size);
-			this.$emit('size-change', size);
-			this.computedPager();
-		},
-		handleCurrentChange: function handleCurrentChange(current) {
-			if (this.disabled) return;
-			this.currentPage_ = current;
-			this.$emit('update:currentPage', current);
-			this.$emit('current-change', current);
-			this.computedPager();
-		},
-		handlePagePrev: function handlePagePrev() {
-			if (this.disabled) return;
-			if (this.currentPage_ > 1) {
-				this.currentPage_ -= 1;
-				this.handleCurrentChange(this.currentPage_);
-				this.$emit('prev-click', this.currentPage_);
-				this.computedPager();
-			}
-		},
-		handlePageNext: function handlePageNext() {
-			if (this.disabled) return;
-			if (this.currentPage_ < Number(this.pageCount_)) {
-				this.currentPage_ += 1;
-				this.handleCurrentChange(this.currentPage_);
-				this.$emit('next-click', this.currentPage_);
-				this.computedPager();
-			}
-		},
-		computedPager: function computedPager() {
-			var pagerCount = this.pagerCount;
-			var halfPagerCount = (Number(pagerCount) - 1) / 2;
-			var pageCount = Number(this.pageCount) || Number(Number(this.total) === 0 ? 1 : Math.ceil(Number(this.total) / Number(this.pageSize_)));
-			var currentPage = Number(this.currentPage_);
-			var showPrevMore = false;
-			var showNextMore = false;
+  if (style.styleSheet) {
+    style.styleSheet.cssText = css;
+  } else {
+    while (style.firstChild) {
+      style.removeChild(style.firstChild);
+    }
 
-			if (pageCount > Number(pagerCount)) {
-				if (currentPage > Number(pagerCount) - halfPagerCount) {
-					showPrevMore = true;
-				}
+    style.appendChild(document.createTextNode(css));
+  }
+}
 
-				if (currentPage < pageCount - halfPagerCount) {
-					showNextMore = true;
-				}
-			}
-			var array = [];
+var singleton = null;
+var singletonCounter = 0;
 
-			if (showPrevMore && !showNextMore) {
-				var startPage = pageCount - (Number(pagerCount) - 2);
-				for (var i = startPage; i < pageCount; i++) {
-					array.push(i);
-				}
-			} else if (!showPrevMore && showNextMore) {
-				for (var _i = 2; _i < Number(pagerCount); _i++) {
-					array.push(_i);
-				}
-			} else if (showPrevMore && showNextMore) {
-				var offset = Math.floor(Number(pagerCount) / 2) - 1;
-				for (var _i2 = currentPage - offset; _i2 <= currentPage + offset; _i2++) {
-					array.push(_i2);
-				}
-			} else {
-				for (var _i3 = 2; _i3 < pageCount; _i3++) {
-					array.push(_i3);
-				}
-			}
+function addStyle(obj, options) {
+  var style;
+  var update;
+  var remove;
 
-			this.showPrevMore = showPrevMore;
-			this.showNextMore = showNextMore;
-			this.pageCount_ = pageCount;
-			this.pager_ = array;
-		}
-	}
-});
-// CONCATENATED MODULE: ./packages/page/src/page.vue?vue&type=script&lang=js
- /* harmony default export */ var src_pagevue_type_script_lang_js = (pagevue_type_script_lang_js); 
-// EXTERNAL MODULE: ./packages/page/src/page.vue?vue&type=style&index=0&id=03d37639&prod&lang=css
-var pagevue_type_style_index_0_id_03d37639_prod_lang_css = __webpack_require__(101);
+  if (options.singleton) {
+    var styleIndex = singletonCounter++;
+    style = singleton || (singleton = insertStyleElement(options));
+    update = applyToSingletonTag.bind(null, style, styleIndex, false);
+    remove = applyToSingletonTag.bind(null, style, styleIndex, true);
+  } else {
+    style = insertStyleElement(options);
+    update = applyToTag.bind(null, style, options);
 
-// EXTERNAL MODULE: ./node_modules/vue-loader/lib/runtime/componentNormalizer.js
-var componentNormalizer = __webpack_require__(0);
+    remove = function remove() {
+      removeStyleElement(style);
+    };
+  }
 
-// CONCATENATED MODULE: ./packages/page/src/page.vue
+  update(obj);
+  return function updateStyle(newObj) {
+    if (newObj) {
+      if (newObj.css === obj.css && newObj.media === obj.media && newObj.sourceMap === obj.sourceMap) {
+        return;
+      }
 
+      update(obj = newObj);
+    } else {
+      remove();
+    }
+  };
+}
 
+module.exports = function (list, options) {
+  options = options || {};
+  options.attributes = typeof options.attributes === 'object' ? options.attributes : {}; // Force single-tag solution on IE6-9, which has a hard limit on the # of <style>
+  // tags it will allow on a page
 
+  if (!options.singleton && typeof options.singleton !== 'boolean') {
+    options.singleton = isOldIE();
+  }
 
+  var styles = listToStyles(list, options);
+  addStylesToDom(styles, options);
+  return function update(newList) {
+    var mayRemove = [];
 
+    for (var i = 0; i < styles.length; i++) {
+      var item = styles[i];
+      var domStyle = stylesInDom[item.id];
 
-/* normalize component */
+      if (domStyle) {
+        domStyle.refs--;
+        mayRemove.push(domStyle);
+      }
+    }
 
-var component = Object(componentNormalizer["a" /* default */])(
-  src_pagevue_type_script_lang_js,
-  render,
-  staticRenderFns,
-  false,
-  null,
-  null,
-  null
-  
-)
+    if (newList) {
+      var newStyles = listToStyles(newList, options);
+      addStylesToDom(newStyles, options);
+    }
 
-/* harmony default export */ var page = (component.exports);
-// CONCATENATED MODULE: ./packages/page/index.js
+    for (var _i = 0; _i < mayRemove.length; _i++) {
+      var _domStyle = mayRemove[_i];
 
+      if (_domStyle.refs === 0) {
+        for (var j = 0; j < _domStyle.parts.length; j++) {
+          _domStyle.parts[j]();
+        }
 
-/* istanbul ignore next */
-page.install = function (Vue) {
-	Vue.component(page.name, page);
+        delete stylesInDom[_domStyle.id];
+      }
+    }
+  };
 };
 
-/* harmony default export */ var packages_page = __webpack_exports__["default"] = (page);
-
 /***/ })
 
 /******/ });