bkui-vue 0.0.2-table-refactor.8 → 0.0.3-beta.1

package/lib/pagination/index.js

@@ -1 +1,880 @@
-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};
+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 };