bkui-vue 0.0.2-beta.75 → 0.0.2-beta.77

package/lib/pagination/index.js

@@ -1,880 +1 @@
-import * as __WEBPACK_EXTERNAL_MODULE__shared_65459f0a__ from "../shared";
-import * as __WEBPACK_EXTERNAL_MODULE_vue__ from "vue";
-import * as __WEBPACK_EXTERNAL_MODULE__config_provider_9d0186d9__ from "../config-provider";
-import * as __WEBPACK_EXTERNAL_MODULE__select_22a14f69__ from "../select";
-import * as __WEBPACK_EXTERNAL_MODULE__icon_85385c3e__ from "../icon";
-import * as __WEBPACK_EXTERNAL_MODULE__popover_cf5f8dce__ from "../popover";
-/******/ // The require scope
-/******/ var __webpack_require__ = {};
-/******/ 
-/************************************************************************/
-/******/ /* webpack/runtime/define property getters */
-/******/ (() => {
-/******/ 	// define getter functions for harmony exports
-/******/ 	__webpack_require__.d = (exports, definition) => {
-/******/ 		for(var key in definition) {
-/******/ 			if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
-/******/ 				Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
-/******/ 			}
-/******/ 		}
-/******/ 	};
-/******/ })();
-/******/ 
-/******/ /* webpack/runtime/hasOwnProperty shorthand */
-/******/ (() => {
-/******/ 	__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
-/******/ })();
-/******/ 
-/************************************************************************/
-var __webpack_exports__ = {};
-
-// EXPORTS
-__webpack_require__.d(__webpack_exports__, {
-  h: () => (/* binding */ BkPagination),
-  Z: () => (/* binding */ src)
-});
-
-;// CONCATENATED MODULE: external "../shared"
-var x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
-var y = x => () => x
-const external_shared_namespaceObject = x({ ["PropTypes"]: () => __WEBPACK_EXTERNAL_MODULE__shared_65459f0a__.PropTypes, ["classes"]: () => __WEBPACK_EXTERNAL_MODULE__shared_65459f0a__.classes, ["withInstall"]: () => __WEBPACK_EXTERNAL_MODULE__shared_65459f0a__.withInstall });
-;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/typeof.js
-function _typeof(obj) {
-  "@babel/helpers - typeof";
-
-  return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) {
-    return typeof obj;
-  } : function (obj) {
-    return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
-  }, _typeof(obj);
-}
-;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/toPrimitive.js
-
-function _toPrimitive(input, hint) {
-  if (_typeof(input) !== "object" || input === null) return input;
-  var prim = input[Symbol.toPrimitive];
-  if (prim !== undefined) {
-    var res = prim.call(input, hint || "default");
-    if (_typeof(res) !== "object") return res;
-    throw new TypeError("@@toPrimitive must return a primitive value.");
-  }
-  return (hint === "string" ? String : Number)(input);
-}
-;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/toPropertyKey.js
-
-
-function _toPropertyKey(arg) {
-  var key = _toPrimitive(arg, "string");
-  return _typeof(key) === "symbol" ? key : String(key);
-}
-;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/defineProperty.js
-
-function _defineProperty(obj, key, value) {
-  key = _toPropertyKey(key);
-  if (key in obj) {
-    Object.defineProperty(obj, key, {
-      value: value,
-      enumerable: true,
-      configurable: true,
-      writable: true
-    });
-  } else {
-    obj[key] = value;
-  }
-  return obj;
-}
-;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/arrayWithHoles.js
-function _arrayWithHoles(arr) {
-  if (Array.isArray(arr)) return arr;
-}
-;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/iterableToArrayLimit.js
-function _iterableToArrayLimit(arr, i) {
-  var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"];
-  if (null != _i) {
-    var _s,
-      _e,
-      _x,
-      _r,
-      _arr = [],
-      _n = !0,
-      _d = !1;
-    try {
-      if (_x = (_i = _i.call(arr)).next, 0 === i) {
-        if (Object(_i) !== _i) return;
-        _n = !1;
-      } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0);
-    } catch (err) {
-      _d = !0, _e = err;
-    } finally {
-      try {
-        if (!_n && null != _i["return"] && (_r = _i["return"](), Object(_r) !== _r)) return;
-      } finally {
-        if (_d) throw _e;
-      }
-    }
-    return _arr;
-  }
-}
-;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/arrayLikeToArray.js
-function _arrayLikeToArray(arr, len) {
-  if (len == null || len > arr.length) len = arr.length;
-  for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
-  return arr2;
-}
-;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/unsupportedIterableToArray.js
-
-function _unsupportedIterableToArray(o, minLen) {
-  if (!o) return;
-  if (typeof o === "string") return _arrayLikeToArray(o, minLen);
-  var n = Object.prototype.toString.call(o).slice(8, -1);
-  if (n === "Object" && o.constructor) n = o.constructor.name;
-  if (n === "Map" || n === "Set") return Array.from(o);
-  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
-}
-;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/nonIterableRest.js
-function _nonIterableRest() {
-  throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-}
-;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/slicedToArray.js
-
-
-
-
-function _slicedToArray(arr, i) {
-  return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
-}
-;// CONCATENATED MODULE: external "vue"
-var external_vue_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
-var external_vue_y = x => () => x
-const external_vue_namespaceObject = external_vue_x({ ["computed"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.computed, ["createTextVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.createTextVNode, ["createVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.createVNode, ["defineComponent"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.defineComponent, ["getCurrentInstance"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.getCurrentInstance, ["isVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.isVNode, ["mergeProps"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.mergeProps, ["nextTick"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.nextTick, ["ref"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.ref, ["toRefs"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.toRefs, ["watch"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.watch });
-;// CONCATENATED MODULE: external "../config-provider"
-var external_config_provider_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
-var external_config_provider_y = x => () => x
-const external_config_provider_namespaceObject = external_config_provider_x({ ["useLocale"]: () => __WEBPACK_EXTERNAL_MODULE__config_provider_9d0186d9__.useLocale, ["usePrefix"]: () => __WEBPACK_EXTERNAL_MODULE__config_provider_9d0186d9__.usePrefix });
-;// CONCATENATED MODULE: external "../select"
-var external_select_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
-var external_select_y = x => () => x
-const external_select_namespaceObject = external_select_x({ ["BkOption"]: () => __WEBPACK_EXTERNAL_MODULE__select_22a14f69__.BkOption, ["default"]: () => __WEBPACK_EXTERNAL_MODULE__select_22a14f69__["default"] });
-;// CONCATENATED MODULE: ../../packages/pagination/src/use-limit.tsx
-
-
-
-/*
- * Tencent is pleased to support the open source community by making
- * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) available.
- *
- * Copyright (C) 2021 THL A29 Limited, a Tencent company.  All rights reserved.
- *
- * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) is licensed under the MIT License.
- *
- * License for 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition):
- *
- * ---------------------------------------------------
- * Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated
- * documentation files (the "Software"), to deal in the Software without restriction, including without limitation
- * the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and
- * to permit persons to whom the Software is furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in all copies or substantial portions of
- * the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO
- * THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF
- * CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
- * IN THE SOFTWARE.
- */
-
-
-
-function _isSlot(s) {
-  return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !(0,external_vue_namespaceObject.isVNode)(s);
-}
-/* harmony default export */ const use_limit = (function (t) {
-  var _getCurrentInstance = (0,external_vue_namespaceObject.getCurrentInstance)(),
-    proxy = _getCurrentInstance.proxy;
-  var localLimit = (0,external_vue_namespaceObject.ref)(proxy.limit);
-  /**
-   * @desc 同步props.limit的变化
-   */
-  (0,external_vue_namespaceObject.watch)(function () {
-    return proxy.limit;
-  }, function (limit) {
-    localLimit.value = limit;
-  });
-  /**
-   * @desc 同步props.limitlist的变化并判断props.limit的合法性
-   */
-  (0,external_vue_namespaceObject.watch)(function () {
-    return proxy.limitList;
-  }, function (limitList) {
-    (0,external_vue_namespaceObject.nextTick)(function () {
-      if (!limitList.includes(localLimit.value)) {
-        var _limitList = _slicedToArray(limitList, 1);
-        localLimit.value = _limitList[0];
-      }
-    });
-  }, {
-    immediate: true
-  });
-  /**
-   * @desc 选择每页条数
-   */
-  var handleLimitChange = function handleLimitChange(limit) {
-    localLimit.value = limit;
-  };
-  var _usePrefix = (0,external_config_provider_namespaceObject.usePrefix)(),
-    resolveClassName = _usePrefix.resolveClassName;
-  var render = function render(_ref) {
-    var _slot;
-    var _ref2;
-    var isFirst = _ref.isFirst,
-      isLast = _ref.isLast;
-    if (!proxy.showLimit) {
-      return null;
-    }
-    return (0,external_vue_namespaceObject.createVNode)("div", (0,external_vue_namespaceObject.mergeProps)({
-      "class": (_ref2 = {}, _defineProperty(_ref2, resolveClassName('pagination-limit'), true), _defineProperty(_ref2, 'is-first', isFirst), _defineProperty(_ref2, 'is-last', isLast), _ref2)
-    }, {
-      disabled: proxy.disabled
-    }), [(0,external_vue_namespaceObject.createVNode)("div", null, [t.value.eachPage]), (0,external_vue_namespaceObject.createVNode)(external_select_namespaceObject["default"], {
-      "class": "".concat(resolveClassName('pagination-limit-select')),
-      "clearable": false,
-      "size": "small",
-      "withValidate": false,
-      "modelValue": localLimit.value,
-      "onChange": handleLimitChange,
-      "disabled": proxy.disabled
-    }, _isSlot(_slot = proxy.limitList.map(function (num, index) {
-      return (0,external_vue_namespaceObject.createVNode)(external_select_namespaceObject.BkOption, {
-        "id": num,
-        "name": "".concat(num),
-        "key": "".concat(index, "_").concat(num)
-      }, null);
-    })) ? _slot : {
-      "default": function _default() {
-        return [_slot];
-      }
-    }), (0,external_vue_namespaceObject.createVNode)("div", null, [t.value.strip])]);
-  };
-  return {
-    limit: localLimit,
-    render: render
-  };
-});
-;// CONCATENATED MODULE: external "../icon"
-var external_icon_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
-var external_icon_y = x => () => x
-const external_icon_namespaceObject = external_icon_x({ ["AngleLeft"]: () => __WEBPACK_EXTERNAL_MODULE__icon_85385c3e__.AngleLeft, ["AngleRight"]: () => __WEBPACK_EXTERNAL_MODULE__icon_85385c3e__.AngleRight, ["Ellipsis"]: () => __WEBPACK_EXTERNAL_MODULE__icon_85385c3e__.Ellipsis });
-;// CONCATENATED MODULE: ../../packages/pagination/src/use-list.tsx
-
-
-/*
- * Tencent is pleased to support the open source community by making
- * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) available.
- *
- * Copyright (C) 2021 THL A29 Limited, a Tencent company.  All rights reserved.
- *
- * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) is licensed under the MIT License.
- *
- * License for 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition):
- *
- * ---------------------------------------------------
- * Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated
- * documentation files (the "Software"), to deal in the Software without restriction, including without limitation
- * the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and
- * to permit persons to whom the Software is furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in all copies or substantial portions of
- * the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO
- * THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF
- * CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
- * IN THE SOFTWARE.
- */
-
-
-
-var PAGE_ITEMS_NUM = 5;
-/* harmony default export */ const use_list = (function () {
-  var _getCurrentInstance = (0,external_vue_namespaceObject.getCurrentInstance)(),
-    proxy = _getCurrentInstance.proxy;
-  var localCurrent = (0,external_vue_namespaceObject.ref)(1);
-  var isPagePreDisabled = (0,external_vue_namespaceObject.computed)(function () {
-    return localCurrent.value === 1;
-  });
-  var isPageNextDisabled = (0,external_vue_namespaceObject.computed)(function () {
-    return localCurrent.value === proxy.totalPageNum;
-  });
-  var showPreBatch = (0,external_vue_namespaceObject.ref)(false);
-  var showNextBatch = (0,external_vue_namespaceObject.ref)(false);
-  var list = (0,external_vue_namespaceObject.computed)(function () {
-    showPreBatch.value = false;
-    showNextBatch.value = false;
-    var stack = [];
-    if (proxy.totalPageNum <= PAGE_ITEMS_NUM + 2) {
-      for (var i = 2; i <= proxy.totalPageNum - 1; i++) {
-        stack.push(i);
-      }
-      return stack;
-    }
-    var pageItemsNumHalf = Math.floor(PAGE_ITEMS_NUM / 2);
-    if (proxy.totalPageNum > PAGE_ITEMS_NUM) {
-      showPreBatch.value = localCurrent.value - pageItemsNumHalf > 2;
-      showNextBatch.value = localCurrent.value + pageItemsNumHalf < proxy.totalPageNum - 1;
-    }
-    var start = Math.min(proxy.totalPageNum - PAGE_ITEMS_NUM, Math.max(2, localCurrent.value - pageItemsNumHalf));
-    for (var _i = start; _i < start + PAGE_ITEMS_NUM; _i++) {
-      stack.push(_i);
-    }
-    return stack;
-  });
-  (0,external_vue_namespaceObject.watch)(function () {
-    return proxy.modelValue;
-  }, function (modelValue) {
-    // nextTick延后执行，保证proxy.totalPageNum计算正确
-    (0,external_vue_namespaceObject.nextTick)(function () {
-      if (modelValue >= 1 && modelValue <= proxy.totalPageNum) {
-        localCurrent.value = modelValue;
-      } else if (modelValue < 1) {
-        localCurrent.value = 1;
-      } else {
-        localCurrent.value = proxy.totalPageNum;
-      }
-    });
-  }, {
-    immediate: true
-  });
-  // 切换limit时会导致totalPageNum变小旧的current可能会超出范围，修正localCurrent
-  (0,external_vue_namespaceObject.nextTick)(function () {
-    (0,external_vue_namespaceObject.watch)(function () {
-      return proxy.totalPageNum;
-    }, function (totalPageNum) {
-      if (localCurrent.value > totalPageNum) {
-        localCurrent.value = totalPageNum;
-      }
-    });
-  });
-  /**
-   * @desc 上一页
-   */
-  var handlePrePage = function handlePrePage() {
-    if (isPagePreDisabled.value) {
-      return;
-    }
-    localCurrent.value = localCurrent.value - 1;
-  };
-  /**
-   * @desc 下一页
-   */
-  var handleNextPage = function handleNextPage() {
-    if (isPageNextDisabled.value) {
-      return;
-    }
-    localCurrent.value = localCurrent.value + 1;
-  };
-  /**
-   * @desc 跳转指定页码
-   * @param { Number } totalPageNum
-   */
-  var handleItemClick = function handleItemClick(totalPageNum) {
-    if (totalPageNum === localCurrent.value) {
-      return;
-    }
-    localCurrent.value = totalPageNum;
-  };
-  /**
-   * @desc 上一批分页
-   */
-  var handlePreBatch = function handlePreBatch() {
-    localCurrent.value = Math.max(1, localCurrent.value - PAGE_ITEMS_NUM);
-  };
-  /**
-   * @desc 下一批分页
-   */
-  var handleNextBatch = function handleNextBatch() {
-    localCurrent.value = Math.min(proxy.totalPageNum, localCurrent.value + PAGE_ITEMS_NUM);
-  };
-  var _usePrefix = (0,external_config_provider_namespaceObject.usePrefix)(),
-    resolveClassName = _usePrefix.resolveClassName;
-  var render = function render(_ref) {
-    var _ref2, _ref3, _ref4, _ref6, _ref7;
-    var isFirst = _ref.isFirst,
-      isLast = _ref.isLast;
-    return (0,external_vue_namespaceObject.createVNode)("div", {
-      "class": (_ref2 = {}, _defineProperty(_ref2, "".concat(resolveClassName('pagination-list')), true), _defineProperty(_ref2, 'is-first', isFirst), _defineProperty(_ref2, 'is-last', isLast), _ref2)
-    }, [(0,external_vue_namespaceObject.createVNode)("div", {
-      "class": (_ref3 = {}, _defineProperty(_ref3, "".concat(resolveClassName('pagination-list-pre')), true), _defineProperty(_ref3, 'is-disabled', isPagePreDisabled.value), _ref3),
-      "onClick": handlePrePage
-    }, [proxy.prevText || (0,external_vue_namespaceObject.createVNode)(external_icon_namespaceObject.AngleLeft, null, null)]), (0,external_vue_namespaceObject.createVNode)("div", {
-      "class": (_ref4 = {}, _defineProperty(_ref4, "".concat(resolveClassName('pagination-list-item')), true), _defineProperty(_ref4, 'is-active', localCurrent.value === 1), _ref4),
-      "key": "1",
-      "onClick": function onClick() {
-        return handleItemClick(1);
-      }
-    }, [(0,external_vue_namespaceObject.createTextVNode)("1")]), showPreBatch.value && (0,external_vue_namespaceObject.createVNode)("div", {
-      "key": "pre-batch",
-      "class": "".concat(resolveClassName('pagination-list-pre-batch')),
-      "onClick": handlePreBatch
-    }, [(0,external_vue_namespaceObject.createVNode)(external_icon_namespaceObject.Ellipsis, null, null)]), list.value.map(function (num) {
-      var _ref5;
-      return (0,external_vue_namespaceObject.createVNode)("div", {
-        "class": (_ref5 = {}, _defineProperty(_ref5, "".concat(resolveClassName('pagination-list-item')), true), _defineProperty(_ref5, 'is-active', localCurrent.value === num), _ref5),
-        "key": num,
-        "onClick": function onClick() {
-          return handleItemClick(num);
-        }
-      }, [num]);
-    }), showNextBatch.value && (0,external_vue_namespaceObject.createVNode)("div", {
-      "key": "next-batch",
-      "class": "".concat(resolveClassName('pagination-list-next-batch')),
-      "onClick": handleNextBatch
-    }, [(0,external_vue_namespaceObject.createVNode)(external_icon_namespaceObject.Ellipsis, null, null)]), proxy.totalPageNum > 1 && (0,external_vue_namespaceObject.createVNode)("div", {
-      "class": (_ref6 = {}, _defineProperty(_ref6, "".concat(resolveClassName('pagination-list-item')), true), _defineProperty(_ref6, 'is-active', localCurrent.value === proxy.totalPageNum), _ref6),
-      "key": "last",
-      "onClick": function onClick() {
-        return handleItemClick(proxy.totalPageNum);
-      }
-    }, [proxy.totalPageNum]), (0,external_vue_namespaceObject.createVNode)("div", {
-      "class": (_ref7 = {}, _defineProperty(_ref7, "".concat(resolveClassName('pagination-list-pre')), true), _defineProperty(_ref7, 'is-disabled', isPageNextDisabled.value), _ref7),
-      "onClick": handleNextPage
-    }, [proxy.nextText || (0,external_vue_namespaceObject.createVNode)(external_icon_namespaceObject.AngleRight, null, null)])]);
-  };
-  return {
-    current: localCurrent,
-    render: render
-  };
-});
-;// CONCATENATED MODULE: external "../popover"
-var external_popover_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
-var external_popover_y = x => () => x
-const external_popover_namespaceObject = external_popover_x({ ["default"]: () => __WEBPACK_EXTERNAL_MODULE__popover_cf5f8dce__["default"] });
-;// CONCATENATED MODULE: ../../packages/pagination/src/use-small-list.tsx
-
-
-/*
- * Tencent is pleased to support the open source community by making
- * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) available.
- *
- * Copyright (C) 2021 THL A29 Limited, a Tencent company.  All rights reserved.
- *
- * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) is licensed under the MIT License.
- *
- * License for 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition):
- *
- * ---------------------------------------------------
- * Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated
- * documentation files (the "Software"), to deal in the Software without restriction, including without limitation
- * the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and
- * to permit persons to whom the Software is furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in all copies or substantial portions of
- * the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO
- * THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF
- * CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
- * IN THE SOFTWARE.
- */
-
-
-
-
-/* harmony default export */ const use_small_list = (function () {
-  var _getCurrentInstance = (0,external_vue_namespaceObject.getCurrentInstance)(),
-    proxy = _getCurrentInstance.proxy;
-  var inputRef = (0,external_vue_namespaceObject.ref)(null);
-  var isFocused = (0,external_vue_namespaceObject.ref)(false);
-  var localCurrent = (0,external_vue_namespaceObject.ref)(1);
-  var isPagePreDisabled = (0,external_vue_namespaceObject.computed)(function () {
-    return localCurrent.value === 1;
-  });
-  var isPageNextDisabled = (0,external_vue_namespaceObject.computed)(function () {
-    return localCurrent.value === proxy.totalPageNum;
-  });
-  // 缓存input输入，失焦或者enter键触发提交
-  var inputMemo = 0;
-  // 页码可选列表
-  var list = (0,external_vue_namespaceObject.computed)(function () {
-    var stack = [];
-    for (var i = 1; i <= proxy.totalPageNum; i++) {
-      stack.push(i);
-    }
-    return stack;
-  });
-  (0,external_vue_namespaceObject.watch)(function () {
-    return proxy.modelValue;
-  }, function (modelValue) {
-    // nextTick延后执行，保证proxy.totalPageNum计算正确
-    (0,external_vue_namespaceObject.nextTick)(function () {
-      if (modelValue >= 1 && modelValue <= proxy.totalPageNum) {
-        localCurrent.value = modelValue;
-      } else if (modelValue < 1) {
-        localCurrent.value = 1;
-      } else {
-        localCurrent.value = proxy.totalPageNum;
-      }
-      inputMemo = localCurrent.value;
-    });
-  }, {
-    immediate: true
-  });
-  // 切换limit时会导致totalPageNum变小旧的current可能会超出范围，修正localCurrent
-  (0,external_vue_namespaceObject.nextTick)(function () {
-    (0,external_vue_namespaceObject.watch)(function () {
-      return proxy.totalPageNum;
-    }, function (totalPageNum) {
-      if (localCurrent.value > totalPageNum) {
-        localCurrent.value = totalPageNum;
-      }
-    });
-  });
-  /**
-   * @desc 上一页
-   */
-  var handlePrePage = function handlePrePage() {
-    if (isPagePreDisabled.value) {
-      return;
-    }
-    localCurrent.value = localCurrent.value - 1;
-  };
-  /**
-   * @desc 下一页
-   */
-  var handleNextPage = function handleNextPage() {
-    if (isPageNextDisabled.value) {
-      return;
-    }
-    localCurrent.value = localCurrent.value + 1;
-  };
-  /**
-   * @desc 获得焦点
-   */
-  var handlePageEditorFocus = function handlePageEditorFocus() {
-    isFocused.value = true;
-  };
-  /**
-   * @desc 失去焦点
-   */
-  var handlePageEditorBlur = function handlePageEditorBlur() {
-    isFocused.value = false;
-    inputRef.value.textContent = "".concat(inputMemo);
-    if (inputMemo !== localCurrent.value) {
-      localCurrent.value = inputMemo;
-    }
-  };
-  /**
-   * @desc 键盘输入
-   * @param { Event } event
-   */
-  var handlePageEditorInput = function handlePageEditorInput(event) {
-    var $target = event.target;
-    var value = Number($target.textContent);
-    // 无效值不抛出事件
-    if (!value || value < 1 || value > proxy.totalPageNum || value === localCurrent.value) {
-      return;
-    }
-    inputMemo = value;
-  };
-  /**
-   * @desc 处理Enter事件
-   * @param { KeyboardEvent } event
-   */
-  var handlePageEditorKeydown = function handlePageEditorKeydown(event) {
-    // 阻止默认enter事件（keycode判断可能会被弃用）
-    if (['Enter', 'NumpadEnter'].includes(event.code)) {
-      event.preventDefault();
-      handlePageEditorBlur();
-    }
-  };
-  /**
-   * @desc 更新
-   */
-  var handlePageChange = function handlePageChange(item) {
-    inputMemo = item;
-    handlePageEditorBlur();
-  };
-  var _usePrefix = (0,external_config_provider_namespaceObject.usePrefix)(),
-    resolveClassName = _usePrefix.resolveClassName;
-  var render = function render() {
-    var _ref, _ref3;
-    return (0,external_vue_namespaceObject.createVNode)("div", {
-      "class": "".concat(resolveClassName('pagination-small-list'))
-    }, [(0,external_vue_namespaceObject.createVNode)("div", {
-      "class": (_ref = {}, _defineProperty(_ref, "".concat(resolveClassName('pagination-btn-pre')), true), _defineProperty(_ref, 'is-disabled', isPagePreDisabled.value), _ref),
-      "onClick": handlePrePage
-    }, [(0,external_vue_namespaceObject.createVNode)(external_icon_namespaceObject.AngleLeft, null, null)]), (0,external_vue_namespaceObject.createVNode)(external_popover_namespaceObject["default"], {
-      "theme": "light",
-      "trigger": "click",
-      "arrow": false,
-      "width": 56,
-      "boundary": "body",
-      "placement": "bottom"
-    }, {
-      "default": function _default() {
-        var _ref2;
-        return (0,external_vue_namespaceObject.createVNode)("div", {
-          "class": (_ref2 = {}, _defineProperty(_ref2, "".concat(resolveClassName('pagination-picker')), true), _defineProperty(_ref2, 'is-focused', isFocused.value), _ref2)
-        }, [(0,external_vue_namespaceObject.createVNode)("span", {
-          "ref": inputRef,
-          "class": "".concat(resolveClassName('pagination-editor')),
-          "contenteditable": true,
-          "spellcheck": "false",
-          "onFocus": handlePageEditorFocus,
-          "onBlur": handlePageEditorBlur,
-          "onInput": handlePageEditorInput,
-          "onKeydown": handlePageEditorKeydown
-        }, [localCurrent.value]), (0,external_vue_namespaceObject.createVNode)("span", null, [(0,external_vue_namespaceObject.createTextVNode)("/")]), (0,external_vue_namespaceObject.createVNode)("span", {
-          "class": "".concat(resolveClassName('pagination-small-list-total'))
-        }, [proxy.totalPageNum])]);
-      },
-      content: function content() {
-        return (0,external_vue_namespaceObject.createVNode)("div", {
-          "class": "".concat(resolveClassName('pagination-picker-list'))
-        }, [list.value.map(function (item) {
-          return (0,external_vue_namespaceObject.createVNode)("div", {
-            "class": {
-              item: true,
-              'is-actived': item === localCurrent.value
-            },
-            "key": item,
-            "onClick": function onClick() {
-              return handlePageChange(item);
-            }
-          }, [item]);
-        })]);
-      }
-    }), (0,external_vue_namespaceObject.createVNode)("div", {
-      "class": (_ref3 = {}, _defineProperty(_ref3, "".concat(resolveClassName('pagination-btn-next')), true), _defineProperty(_ref3, 'is-disabled', isPageNextDisabled.value), _ref3),
-      "onClick": handleNextPage
-    }, [(0,external_vue_namespaceObject.createVNode)(external_icon_namespaceObject.AngleRight, null, null)])]);
-  };
-  return {
-    current: localCurrent,
-    render: render
-  };
-});
-;// CONCATENATED MODULE: ../../packages/pagination/src/use-total.tsx
-
-
-/*
- * Tencent is pleased to support the open source community by making
- * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) available.
- *
- * Copyright (C) 2021 THL A29 Limited, a Tencent company.  All rights reserved.
- *
- * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) is licensed under the MIT License.
- *
- * License for 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition):
- *
- * ---------------------------------------------------
- * Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated
- * documentation files (the "Software"), to deal in the Software without restriction, including without limitation
- * the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and
- * to permit persons to whom the Software is furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in all copies or substantial portions of
- * the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO
- * THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF
- * CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
- * IN THE SOFTWARE.
- */
-
-
-/* harmony default export */ const use_total = (function (t) {
-  return function (_ref) {
-    var _ref2;
-    var isFirst = _ref.isFirst,
-      isLast = _ref.isLast;
-    var _getCurrentInstance = (0,external_vue_namespaceObject.getCurrentInstance)(),
-      props = _getCurrentInstance.props;
-    if (!props.showTotalCount) {
-      return null;
-    }
-    var _usePrefix = (0,external_config_provider_namespaceObject.usePrefix)(),
-      resolveClassName = _usePrefix.resolveClassName;
-    return (0,external_vue_namespaceObject.createVNode)("div", (0,external_vue_namespaceObject.mergeProps)({
-      "class": (_ref2 = {}, _defineProperty(_ref2, "".concat(resolveClassName('pagination-total')), true), _defineProperty(_ref2, 'is-first', isFirst), _defineProperty(_ref2, 'is-last', isLast), _ref2)
-    }, {
-      disabled: props.disabled
-    }), [t.value.total, (0,external_vue_namespaceObject.createVNode)("div", {
-      "class": "".concat(resolveClassName('pagination-total-num'))
-    }, [props.count]), t.value.strip]);
-  };
-});
-;// CONCATENATED MODULE: ../../packages/pagination/src/pagination.tsx
-
-
-
-/*
- * Tencent is pleased to support the open source community by making
- * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) available.
- *
- * Copyright (C) 2021 THL A29 Limited, a Tencent company.  All rights reserved.
- *
- * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) is licensed under the MIT License.
- *
- * License for 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition):
- *
- * ---------------------------------------------------
- * Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated
- * documentation files (the "Software"), to deal in the Software without restriction, including without limitation
- * the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and
- * to permit persons to whom the Software is furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in all copies or substantial portions of
- * the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO
- * THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF
- * CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
- * IN THE SOFTWARE.
- */
-
-
-
-
-
-
-
-var paginationProps = {
-  modelValue: external_shared_namespaceObject.PropTypes.number.def(1),
-  count: external_shared_namespaceObject.PropTypes.number.def(0).isRequired,
-  limit: external_shared_namespaceObject.PropTypes.number.def(10),
-  limitList: external_shared_namespaceObject.PropTypes.arrayOf(Number).def([10, 20, 50, 100]),
-  showLimit: external_shared_namespaceObject.PropTypes.bool.def(true),
-  type: external_shared_namespaceObject.PropTypes.oneOf(['default', 'compact']).def('default'),
-  location: external_shared_namespaceObject.PropTypes.oneOf(['left', 'right']).def('right'),
-  align: external_shared_namespaceObject.PropTypes.oneOf(['left', 'center', 'right']).def('left'),
-  size: external_shared_namespaceObject.PropTypes.size(),
-  small: external_shared_namespaceObject.PropTypes.bool.def(false),
-  showTotalCount: external_shared_namespaceObject.PropTypes.bool.def(true),
-  prevText: external_shared_namespaceObject.PropTypes.string,
-  nextText: external_shared_namespaceObject.PropTypes.string,
-  disabled: external_shared_namespaceObject.PropTypes.bool.def(false),
-  beforeChange: external_shared_namespaceObject.PropTypes.func,
-  layout: external_shared_namespaceObject.PropTypes.custom(function (value) {
-    var layoutNameMap = {
-      total: true,
-      list: true,
-      limit: true
-    };
-    return value.some(function (item) {
-      return layoutNameMap[item];
-    });
-  }, 'layout 的值只支持 * total、list、limit *').def(['total', 'list', 'limit'])
-};
-/* harmony default export */ const pagination = ((0,external_vue_namespaceObject.defineComponent)({
-  name: 'Pagination',
-  props: paginationProps,
-  emits: ['update:modelValue', 'change', 'update:limit', 'limitChange'],
-  setup: function setup(props, context) {
-    var t = (0,external_config_provider_namespaceObject.useLocale)('pagination');
-    var totalPageNum = (0,external_vue_namespaceObject.ref)(0);
-    var _toRefs = (0,external_vue_namespaceObject.toRefs)(props),
-      count = _toRefs.count,
-      limit = _toRefs.limit;
-    var renderTotal = use_total(t);
-    var _useList = use_list(),
-      listCurrent = _useList.current,
-      renderList = _useList.render;
-    var _useSmallList = use_small_list(),
-      smallListCurrent = _useSmallList.current,
-      renderSmallList = _useSmallList.render;
-    var _useLimit = use_limit(t),
-      localLimit = _useLimit.limit,
-      renderLimit = _useLimit.render;
-    (0,external_vue_namespaceObject.watch)([count, localLimit, limit], function (_ref) {
-      var _ref2 = _slicedToArray(_ref, 2),
-        count = _ref2[0],
-        localLimit = _ref2[1];
-      var total = Math.ceil(count / localLimit);
-      totalPageNum.value = total < 1 ? 1 : total;
-    }, {
-      immediate: true
-    });
-    (0,external_vue_namespaceObject.watch)(listCurrent, function (listCurrent) {
-      context.emit('update:modelValue', listCurrent);
-      context.emit('change', listCurrent);
-    });
-    (0,external_vue_namespaceObject.watch)(smallListCurrent, function (smallListCurrent) {
-      if (!props.small) {
-        return;
-      }
-      context.emit('update:modelValue', smallListCurrent);
-      context.emit('change', smallListCurrent);
-    });
-    (0,external_vue_namespaceObject.watch)(localLimit, function (localLimit) {
-      context.emit('limitChange', localLimit);
-    });
-    var _usePrefix = (0,external_config_provider_namespaceObject.usePrefix)(),
-      resolveClassName = _usePrefix.resolveClassName;
-    return {
-      totalPageNum: totalPageNum,
-      renderTotal: renderTotal,
-      renderList: renderList,
-      renderLimit: renderLimit,
-      renderSmallList: renderSmallList,
-      resolveClassName: resolveClassName
-    };
-  },
-  render: function render() {
-    var _classes,
-      _this = this;
-    var paginationClass = (0,external_shared_namespaceObject.classes)((_classes = {}, _defineProperty(_classes, "".concat(this.resolveClassName('pagination')), true), _defineProperty(_classes, "".concat(this.resolveClassName("pagination--".concat(this.size))), true), _defineProperty(_classes, "is-align-".concat(this.align), true), _classes));
-    var layoutMap = {
-      total: this.renderTotal,
-      list: this.small ? this.renderSmallList : this.renderList,
-      limit: this.renderLimit
-    };
-    return (0,external_vue_namespaceObject.createVNode)("div", {
-      "class": paginationClass
-    }, [this.layout.map(function (layout, index) {
-      return layoutMap[layout]({
-        isFirst: index === 0,
-        isLast: index === _this.layout.length - 1
-      });
-    })]);
-  }
-}));
-;// CONCATENATED MODULE: ../../packages/pagination/src/index.ts
-/*
- * Tencent is pleased to support the open source community by making
- * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) available.
- *
- * Copyright (C) 2021 THL A29 Limited, a Tencent company.  All rights reserved.
- *
- * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) is licensed under the MIT License.
- *
- * License for 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition):
- *
- * ---------------------------------------------------
- * Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated
- * documentation files (the "Software"), to deal in the Software without restriction, including without limitation
- * the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and
- * to permit persons to whom the Software is furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in all copies or substantial portions of
- * the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO
- * THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF
- * CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
- * IN THE SOFTWARE.
- */
-
-
-var BkPagination = (0,external_shared_namespaceObject.withInstall)(pagination);
-/* harmony default export */ const src = (BkPagination);
-
-var __webpack_exports__BkPagination = __webpack_exports__.h;
-var __webpack_exports__default = __webpack_exports__.Z;
-export { __webpack_exports__BkPagination as BkPagination, __webpack_exports__default as default };
+import*as e from"../shared";import*as t from"vue";import*as n from"../config-provider";import*as a from"../select";import*as r from"../icon";import*as i from"../popover";var o={d:(e,t)=>{for(var n in t)o.o(t,n)&&!o.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},o:(e,t)=>Object.prototype.hasOwnProperty.call(e,t)},l={};o.d(l,{h:()=>V,Z:()=>T});const u=(c={PropTypes:()=>e.PropTypes,classes:()=>e.classes,withInstall:()=>e.withInstall},s={},o.d(s,c),s);var c,s;function f(e){return f="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},f(e)}function d(e,t,n){return(t=function(e){var t=function(e,t){if("object"!==f(e)||null===e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var a=n.call(e,"string");if("object"!==f(a))return a;throw new TypeError("@@toPrimitive must return a primitive value.")}return String(e)}(e);return"symbol"===f(t)?t:String(t)}(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function m(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}function v(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var a,r,i,o,l=[],u=!0,c=!1;try{if(i=(n=n.call(e)).next,0===t){if(Object(n)!==n)return;u=!1}else for(;!(u=(a=i.call(n)).done)&&(l.push(a.value),l.length!==t);u=!0);}catch(e){c=!0,r=e}finally{try{if(!u&&null!=n.return&&(o=n.return(),Object(o)!==o))return}finally{if(c)throw r}}return l}}(e,t)||function(e,t){if(e){if("string"==typeof e)return m(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);return"Object"===n&&e.constructor&&(n=e.constructor.name),"Map"===n||"Set"===n?Array.from(e):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?m(e,t):void 0}}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}const p=(e=>{var t={};return o.d(t,e),t})({computed:()=>t.computed,createTextVNode:()=>t.createTextVNode,createVNode:()=>t.createVNode,defineComponent:()=>t.defineComponent,getCurrentInstance:()=>t.getCurrentInstance,isVNode:()=>t.isVNode,mergeProps:()=>t.mergeProps,nextTick:()=>t.nextTick,ref:()=>t.ref,toRefs:()=>t.toRefs,watch:()=>t.watch}),g=(e=>{var t={};return o.d(t,e),t})({useLocale:()=>n.useLocale,usePrefix:()=>n.usePrefix}),h=(e=>{var t={};return o.d(t,e),t})({BkOption:()=>a.BkOption,default:()=>a.default}),y=(e=>{var t={};return o.d(t,e),t})({AngleLeft:()=>r.AngleLeft,AngleRight:()=>r.AngleRight,Ellipsis:()=>r.Ellipsis}),N=(e=>{var t={};return o.d(t,e),t})({default:()=>i.default});var b={modelValue:u.PropTypes.number.def(1),count:u.PropTypes.number.def(0).isRequired,limit:u.PropTypes.number.def(10),limitList:u.PropTypes.arrayOf(Number).def([10,20,50,100]),showLimit:u.PropTypes.bool.def(!0),type:u.PropTypes.oneOf(["default","compact"]).def("default"),location:u.PropTypes.oneOf(["left","right"]).def("right"),align:u.PropTypes.oneOf(["left","center","right"]).def("left"),size:u.PropTypes.size(),small:u.PropTypes.bool.def(!1),showTotalCount:u.PropTypes.bool.def(!0),prevText:u.PropTypes.string,nextText:u.PropTypes.string,disabled:u.PropTypes.bool.def(!1),beforeChange:u.PropTypes.func,layout:u.PropTypes.custom((function(e){var t={total:!0,list:!0,limit:!0};return e.some((function(e){return t[e]}))}),"layout 的值只支持 * total、list、limit *").def(["total","list","limit"])};const P=(0,p.defineComponent)({name:"Pagination",props:b,emits:["update:modelValue","change","update:limit","limitChange"],setup:function(e,t){var n=(0,g.useLocale)("pagination"),a=(0,p.ref)(0),r=(0,p.toRefs)(e),i=r.count,o=r.limit,l=function(e){return function(t){var n,a=t.isFirst,r=t.isLast,i=(0,p.getCurrentInstance)().props;if(!i.showTotalCount)return null;var o=(0,g.usePrefix)().resolveClassName;return(0,p.createVNode)("div",(0,p.mergeProps)({class:(n={},d(n,"".concat(o("pagination-total")),!0),d(n,"is-first",a),d(n,"is-last",r),n)},{disabled:i.disabled}),[e.value.total,(0,p.createVNode)("div",{class:"".concat(o("pagination-total-num"))},[i.count]),e.value.strip])}}(n),u=function(){var e=(0,p.getCurrentInstance)().proxy,t=(0,p.ref)(1),n=(0,p.computed)((function(){return 1===t.value})),a=(0,p.computed)((function(){return t.value===e.totalPageNum})),r=(0,p.ref)(!1),i=(0,p.ref)(!1),o=(0,p.computed)((function(){r.value=!1,i.value=!1;var n=[];if(e.totalPageNum<=7){for(var a=2;a<=e.totalPageNum-1;a++)n.push(a);return n}var o=Math.floor(2.5);e.totalPageNum>5&&(r.value=t.value-o>2,i.value=t.value+o<e.totalPageNum-1);for(var l=Math.min(e.totalPageNum-5,Math.max(2,t.value-o)),u=l;u<l+5;u++)n.push(u);return n}));(0,p.watch)((function(){return e.modelValue}),(function(n){(0,p.nextTick)((function(){n>=1&&n<=e.totalPageNum?t.value=n:t.value=n<1?1:e.totalPageNum}))}),{immediate:!0}),(0,p.nextTick)((function(){(0,p.watch)((function(){return e.totalPageNum}),(function(e){t.value>e&&(t.value=e)}))}));var l=function(){n.value||(t.value=t.value-1)},u=function(){a.value||(t.value=t.value+1)},c=function(e){e!==t.value&&(t.value=e)},s=function(){t.value=Math.max(1,t.value-5)},f=function(){t.value=Math.min(e.totalPageNum,t.value+5)},m=(0,g.usePrefix)().resolveClassName;return{current:t,render:function(v){var g,h,N,b,P,V=v.isFirst,T=v.isLast;return(0,p.createVNode)("div",{class:(g={},d(g,"".concat(m("pagination-list")),!0),d(g,"is-first",V),d(g,"is-last",T),g)},[(0,p.createVNode)("div",{class:(h={},d(h,"".concat(m("pagination-list-pre")),!0),d(h,"is-disabled",n.value),h),onClick:l},[e.prevText||(0,p.createVNode)(y.AngleLeft,null,null)]),(0,p.createVNode)("div",{class:(N={},d(N,"".concat(m("pagination-list-item")),!0),d(N,"is-active",1===t.value),N),key:"1",onClick:function(){return c(1)}},[(0,p.createTextVNode)("1")]),r.value&&(0,p.createVNode)("div",{key:"pre-batch",class:"".concat(m("pagination-list-pre-batch")),onClick:s},[(0,p.createVNode)(y.Ellipsis,null,null)]),o.value.map((function(e){var n;return(0,p.createVNode)("div",{class:(n={},d(n,"".concat(m("pagination-list-item")),!0),d(n,"is-active",t.value===e),n),key:e,onClick:function(){return c(e)}},[e])})),i.value&&(0,p.createVNode)("div",{key:"next-batch",class:"".concat(m("pagination-list-next-batch")),onClick:f},[(0,p.createVNode)(y.Ellipsis,null,null)]),e.totalPageNum>1&&(0,p.createVNode)("div",{class:(b={},d(b,"".concat(m("pagination-list-item")),!0),d(b,"is-active",t.value===e.totalPageNum),b),key:"last",onClick:function(){return c(e.totalPageNum)}},[e.totalPageNum]),(0,p.createVNode)("div",{class:(P={},d(P,"".concat(m("pagination-list-pre")),!0),d(P,"is-disabled",a.value),P),onClick:u},[e.nextText||(0,p.createVNode)(y.AngleRight,null,null)])])}}}(),c=u.current,s=u.render,f=function(){var e=(0,p.getCurrentInstance)().proxy,t=(0,p.ref)(null),n=(0,p.ref)(!1),a=(0,p.ref)(1),r=(0,p.computed)((function(){return 1===a.value})),i=(0,p.computed)((function(){return a.value===e.totalPageNum})),o=0,l=(0,p.computed)((function(){for(var t=[],n=1;n<=e.totalPageNum;n++)t.push(n);return t}));(0,p.watch)((function(){return e.modelValue}),(function(t){(0,p.nextTick)((function(){t>=1&&t<=e.totalPageNum?a.value=t:a.value=t<1?1:e.totalPageNum,o=a.value}))}),{immediate:!0}),(0,p.nextTick)((function(){(0,p.watch)((function(){return e.totalPageNum}),(function(e){a.value>e&&(a.value=e)}))}));var u=function(){r.value||(a.value=a.value-1)},c=function(){i.value||(a.value=a.value+1)},s=function(){n.value=!0},f=function(){n.value=!1,t.value.textContent="".concat(o),o!==a.value&&(a.value=o)},m=function(t){var n=t.target,r=Number(n.textContent);!r||r<1||r>e.totalPageNum||r===a.value||(o=r)},v=function(e){["Enter","NumpadEnter"].includes(e.code)&&(e.preventDefault(),f())},h=(0,g.usePrefix)().resolveClassName;return{current:a,render:function(){var g,b;return(0,p.createVNode)("div",{class:"".concat(h("pagination-small-list"))},[(0,p.createVNode)("div",{class:(g={},d(g,"".concat(h("pagination-btn-pre")),!0),d(g,"is-disabled",r.value),g),onClick:u},[(0,p.createVNode)(y.AngleLeft,null,null)]),(0,p.createVNode)(N.default,{theme:"light",trigger:"click",arrow:!1,width:56,boundary:"body",placement:"bottom"},{default:function(){var r;return(0,p.createVNode)("div",{class:(r={},d(r,"".concat(h("pagination-picker")),!0),d(r,"is-focused",n.value),r)},[(0,p.createVNode)("span",{ref:t,class:"".concat(h("pagination-editor")),contenteditable:!0,spellcheck:"false",onFocus:s,onBlur:f,onInput:m,onKeydown:v},[a.value]),(0,p.createVNode)("span",null,[(0,p.createTextVNode)("/")]),(0,p.createVNode)("span",{class:"".concat(h("pagination-small-list-total"))},[e.totalPageNum])])},content:function(){return(0,p.createVNode)("div",{class:"".concat(h("pagination-picker-list"))},[l.value.map((function(e){return(0,p.createVNode)("div",{class:{item:!0,"is-actived":e===a.value},key:e,onClick:function(){return function(e){o=e,f()}(e)}},[e])}))])}}),(0,p.createVNode)("div",{class:(b={},d(b,"".concat(h("pagination-btn-next")),!0),d(b,"is-disabled",i.value),b),onClick:c},[(0,p.createVNode)(y.AngleRight,null,null)])])}}}(),m=f.current,b=f.render,P=function(e){var t=(0,p.getCurrentInstance)().proxy,n=(0,p.ref)(t.limit);(0,p.watch)((function(){return t.limit}),(function(e){n.value=e})),(0,p.watch)((function(){return t.limitList}),(function(e){(0,p.nextTick)((function(){if(!e.includes(n.value)){var t=v(e,1);n.value=t[0]}}))}),{immediate:!0});var a=function(e){n.value=e},r=(0,g.usePrefix)().resolveClassName;return{limit:n,render:function(i){var o,l,u,c=i.isFirst,s=i.isLast;return t.showLimit?(0,p.createVNode)("div",(0,p.mergeProps)({class:(l={},d(l,r("pagination-limit"),!0),d(l,"is-first",c),d(l,"is-last",s),l)},{disabled:t.disabled}),[(0,p.createVNode)("div",null,[e.value.eachPage]),(0,p.createVNode)(h.default,{class:"".concat(r("pagination-limit-select")),clearable:!1,size:"small",withValidate:!1,modelValue:n.value,onChange:a,disabled:t.disabled},(u=o=t.limitList.map((function(e,t){return(0,p.createVNode)(h.BkOption,{id:e,name:"".concat(e),key:"".concat(t,"_").concat(e)},null)})),"function"==typeof u||"[object Object]"===Object.prototype.toString.call(u)&&!(0,p.isVNode)(u)?o:{default:function(){return[o]}})),(0,p.createVNode)("div",null,[e.value.strip])]):null}}}(n),V=P.limit,T=P.render;(0,p.watch)([i,V,o],(function(e){var t=v(e,2),n=t[0],r=t[1],i=Math.ceil(n/r);a.value=i<1?1:i}),{immediate:!0}),(0,p.watch)(c,(function(e){t.emit("update:modelValue",e),t.emit("change",e)})),(0,p.watch)(m,(function(n){e.small&&(t.emit("update:modelValue",n),t.emit("change",n))})),(0,p.watch)(V,(function(e){t.emit("limitChange",e)}));var x=(0,g.usePrefix)().resolveClassName;return{totalPageNum:a,renderTotal:l,renderList:s,renderLimit:T,renderSmallList:b,resolveClassName:x}},render:function(){var e,t=this,n=(0,u.classes)((d(e={},"".concat(this.resolveClassName("pagination")),!0),d(e,"".concat(this.resolveClassName("pagination--".concat(this.size))),!0),d(e,"is-align-".concat(this.align),!0),e)),a={total:this.renderTotal,list:this.small?this.renderSmallList:this.renderList,limit:this.renderLimit};return(0,p.createVNode)("div",{class:n},[this.layout.map((function(e,n){return a[e]({isFirst:0===n,isLast:n===t.layout.length-1})}))])}});var V=(0,u.withInstall)(P);const T=V;var x=l.h,C=l.Z;export{x as BkPagination,C as default};