bkui-vue 1.0.3-beta.26 → 1.0.3-beta.27

package/lib/pagination/index.js

@@ -1,13 +1,9 @@
-import "../styles/reset.css";
-import "./pagination.less";
-import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__ from "../shared";
+import * as __WEBPACK_EXTERNAL_MODULE__shared_65459f0a__ from "../shared";
 import * as __WEBPACK_EXTERNAL_MODULE_vue__ from "vue";
-import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_config_provider_fe8577a3__ from "../config-provider";
-import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_select_1a0d1ad7__ from "../select";
-import "../select/select.less";
-import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_icon_a97c79c3__ from "../icon";
-import * as __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_popover_9b03f19d__ from "../popover";
-import "../popover/popover.less";
+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__ = {};
 /******/ 
@@ -41,7 +37,7 @@ __webpack_require__.d(__webpack_exports__, {
 ;// CONCATENATED MODULE: external "../shared"
 var x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
 var y = x => () => x
-const shared_namespaceObject = x({ ["PropTypes"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.PropTypes, ["classes"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.classes, ["withInstall"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.withInstall });
+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(o) {
   "@babel/helpers - typeof";
@@ -152,17 +148,13 @@ 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 config_provider_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
-var config_provider_y = x => () => x
-const config_provider_namespaceObject = config_provider_x({ ["useLocale"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_config_provider_fe8577a3__.useLocale, ["usePrefix"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_config_provider_fe8577a3__.usePrefix });
+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 select_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
-var select_y = x => () => x
-const select_namespaceObject = select_x({ ["BkOption"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_select_1a0d1ad7__.BkOption, ["default"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_select_1a0d1ad7__["default"] });
-;// CONCATENATED MODULE: external "../select/select.less"
-var select_less_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
-var select_less_y = x => () => x
-const select_less_namespaceObject = select_less_x({  });
+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
 
 
@@ -195,8 +187,6 @@ const select_less_namespaceObject = select_less_x({  });
 
 
 
-
-
 function _isSlot(s) {
   return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !(0,external_vue_namespaceObject.isVNode)(s);
 }
@@ -233,7 +223,7 @@ function _isSlot(s) {
   var handleLimitChange = function handleLimitChange(limit) {
     localLimit.value = limit;
   };
-  var _usePrefix = (0,config_provider_namespaceObject.usePrefix)(),
+  var _usePrefix = (0,external_config_provider_namespaceObject.usePrefix)(),
     resolveClassName = _usePrefix.resolveClassName;
   var render = function render(_ref) {
     var _slot;
@@ -246,7 +236,7 @@ function _isSlot(s) {
       "class": _defineProperty(_defineProperty(_defineProperty({}, resolveClassName('pagination-limit'), true), 'is-first', isFirst), 'is-last', isLast)
     }, {
       disabled: proxy.disabled
-    }), [(0,external_vue_namespaceObject.createVNode)("div", null, [t.value.eachPage]), (0,external_vue_namespaceObject.createVNode)(select_namespaceObject["default"], {
+    }), [(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",
@@ -255,7 +245,7 @@ function _isSlot(s) {
       "onChange": handleLimitChange,
       "disabled": proxy.disabled
     }, _isSlot(_slot = proxy.limitList.map(function (num, index) {
-      return (0,external_vue_namespaceObject.createVNode)(select_namespaceObject.BkOption, {
+      return (0,external_vue_namespaceObject.createVNode)(external_select_namespaceObject.BkOption, {
         "id": num,
         "name": "".concat(num),
         "key": "".concat(index, "_").concat(num)
@@ -272,9 +262,9 @@ function _isSlot(s) {
   };
 });
 ;// CONCATENATED MODULE: external "../icon"
-var icon_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
-var icon_y = x => () => x
-const icon_namespaceObject = icon_x({ ["AngleLeft"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_icon_a97c79c3__.AngleLeft, ["AngleRight"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_icon_a97c79c3__.AngleRight, ["Ellipsis"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_icon_a97c79c3__.Ellipsis });
+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
 
 
@@ -406,7 +396,7 @@ var PAGE_ITEMS_NUM = 5;
   var handleNextBatch = function handleNextBatch() {
     localCurrent.value = Math.min(proxy.totalPageNum, localCurrent.value + PAGE_ITEMS_NUM);
   };
-  var _usePrefix = (0,config_provider_namespaceObject.usePrefix)(),
+  var _usePrefix = (0,external_config_provider_namespaceObject.usePrefix)(),
     resolveClassName = _usePrefix.resolveClassName;
   var render = function render(_ref) {
     var isFirst = _ref.isFirst,
@@ -416,7 +406,7 @@ var PAGE_ITEMS_NUM = 5;
     }, [(0,external_vue_namespaceObject.createVNode)("div", {
       "class": _defineProperty(_defineProperty({}, "".concat(resolveClassName('pagination-list-pre')), true), 'is-disabled', isPagePreDisabled.value),
       "onClick": handlePrePage
-    }, [proxy.prevText || (0,external_vue_namespaceObject.createVNode)(icon_namespaceObject.AngleLeft, null, null)]), (0,external_vue_namespaceObject.createVNode)("div", {
+    }, [proxy.prevText || (0,external_vue_namespaceObject.createVNode)(external_icon_namespaceObject.AngleLeft, null, null)]), (0,external_vue_namespaceObject.createVNode)("div", {
       "class": _defineProperty(_defineProperty({}, "".concat(resolveClassName('pagination-list-item')), true), 'is-active', localCurrent.value === 1),
       "key": "1",
       "onClick": function onClick() {
@@ -426,7 +416,7 @@ var PAGE_ITEMS_NUM = 5;
       "key": "pre-batch",
       "class": "".concat(resolveClassName('pagination-list-pre-batch')),
       "onClick": handlePreBatch
-    }, [(0,external_vue_namespaceObject.createVNode)(icon_namespaceObject.Ellipsis, null, null)]), list.value.map(function (num) {
+    }, [(0,external_vue_namespaceObject.createVNode)(external_icon_namespaceObject.Ellipsis, null, null)]), list.value.map(function (num) {
       return (0,external_vue_namespaceObject.createVNode)("div", {
         "class": _defineProperty(_defineProperty({}, "".concat(resolveClassName('pagination-list-item')), true), 'is-active', localCurrent.value === num),
         "key": num,
@@ -438,7 +428,7 @@ var PAGE_ITEMS_NUM = 5;
       "key": "next-batch",
       "class": "".concat(resolveClassName('pagination-list-next-batch')),
       "onClick": handleNextBatch
-    }, [(0,external_vue_namespaceObject.createVNode)(icon_namespaceObject.Ellipsis, null, null)]), proxy.totalPageNum > 1 && (0,external_vue_namespaceObject.createVNode)("div", {
+    }, [(0,external_vue_namespaceObject.createVNode)(external_icon_namespaceObject.Ellipsis, null, null)]), proxy.totalPageNum > 1 && (0,external_vue_namespaceObject.createVNode)("div", {
       "class": _defineProperty(_defineProperty({}, "".concat(resolveClassName('pagination-list-item')), true), 'is-active', localCurrent.value === proxy.totalPageNum),
       "key": "last",
       "onClick": function onClick() {
@@ -447,7 +437,7 @@ var PAGE_ITEMS_NUM = 5;
     }, [proxy.totalPageNum]), (0,external_vue_namespaceObject.createVNode)("div", {
       "class": _defineProperty(_defineProperty({}, "".concat(resolveClassName('pagination-list-pre')), true), 'is-disabled', isPageNextDisabled.value),
       "onClick": handleNextPage
-    }, [proxy.nextText || (0,external_vue_namespaceObject.createVNode)(icon_namespaceObject.AngleRight, null, null)])]);
+    }, [proxy.nextText || (0,external_vue_namespaceObject.createVNode)(external_icon_namespaceObject.AngleRight, null, null)])]);
   };
   return {
     current: localCurrent,
@@ -455,13 +445,9 @@ var PAGE_ITEMS_NUM = 5;
   };
 });
 ;// CONCATENATED MODULE: external "../popover"
-var popover_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
-var popover_y = x => () => x
-const popover_namespaceObject = popover_x({ ["default"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_popover_9b03f19d__["default"] });
-;// CONCATENATED MODULE: external "../popover/popover.less"
-var popover_less_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
-var popover_less_y = x => () => x
-const popover_less_namespaceObject = popover_less_x({  });
+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
 
 
@@ -494,7 +480,6 @@ const popover_less_namespaceObject = popover_less_x({  });
 
 
 
-
 /* harmony default export */ const use_small_list = (function () {
   var _getCurrentInstance = (0,external_vue_namespaceObject.getCurrentInstance)(),
     proxy = _getCurrentInstance.proxy;
@@ -608,7 +593,7 @@ const popover_less_namespaceObject = popover_less_x({  });
     inputMemo = item;
     handlePageEditorBlur();
   };
-  var _usePrefix = (0,config_provider_namespaceObject.usePrefix)(),
+  var _usePrefix = (0,external_config_provider_namespaceObject.usePrefix)(),
     resolveClassName = _usePrefix.resolveClassName;
   var render = function render() {
     return (0,external_vue_namespaceObject.createVNode)("div", {
@@ -616,7 +601,7 @@ const popover_less_namespaceObject = popover_less_x({  });
     }, [(0,external_vue_namespaceObject.createVNode)("div", {
       "class": _defineProperty(_defineProperty({}, "".concat(resolveClassName('pagination-btn-pre')), true), 'is-disabled', isPagePreDisabled.value),
       "onClick": handlePrePage
-    }, [(0,external_vue_namespaceObject.createVNode)(icon_namespaceObject.AngleLeft, null, null)]), (0,external_vue_namespaceObject.createVNode)(popover_namespaceObject["default"], {
+    }, [(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,
@@ -659,7 +644,7 @@ const popover_less_namespaceObject = popover_less_x({  });
     }), (0,external_vue_namespaceObject.createVNode)("div", {
       "class": _defineProperty(_defineProperty({}, "".concat(resolveClassName('pagination-btn-next')), true), 'is-disabled', isPageNextDisabled.value),
       "onClick": handleNextPage
-    }, [(0,external_vue_namespaceObject.createVNode)(icon_namespaceObject.AngleRight, null, null)])]);
+    }, [(0,external_vue_namespaceObject.createVNode)(external_icon_namespaceObject.AngleRight, null, null)])]);
   };
   return {
     current: localCurrent,
@@ -705,7 +690,7 @@ const popover_less_namespaceObject = popover_less_x({  });
     if (!props.showTotalCount) {
       return null;
     }
-    var _usePrefix = (0,config_provider_namespaceObject.usePrefix)(),
+    var _usePrefix = (0,external_config_provider_namespaceObject.usePrefix)(),
       resolveClassName = _usePrefix.resolveClassName;
     return (0,external_vue_namespaceObject.createVNode)("div", (0,external_vue_namespaceObject.mergeProps)({
       "class": _defineProperty(_defineProperty(_defineProperty({}, "".concat(resolveClassName('pagination-total')), true), 'is-first', isFirst), 'is-last', isLast)
@@ -753,22 +738,22 @@ const popover_less_namespaceObject = popover_less_x({  });
 
 
 var paginationProps = {
-  modelValue: shared_namespaceObject.PropTypes.number.def(1),
-  count: shared_namespaceObject.PropTypes.number.def(0).isRequired,
-  limit: shared_namespaceObject.PropTypes.number.def(10),
-  limitList: shared_namespaceObject.PropTypes.arrayOf(Number).def([10, 20, 50, 100]),
-  showLimit: shared_namespaceObject.PropTypes.bool.def(true),
-  type: shared_namespaceObject.PropTypes.oneOf(['default', 'compact']).def('default'),
-  location: shared_namespaceObject.PropTypes.oneOf(['left', 'right']).def('right'),
-  align: shared_namespaceObject.PropTypes.oneOf(['left', 'center', 'right']).def('left'),
-  size: shared_namespaceObject.PropTypes.size(),
-  small: shared_namespaceObject.PropTypes.bool.def(false),
-  showTotalCount: shared_namespaceObject.PropTypes.bool.def(true),
-  prevText: shared_namespaceObject.PropTypes.string,
-  nextText: shared_namespaceObject.PropTypes.string,
-  disabled: shared_namespaceObject.PropTypes.bool.def(false),
-  beforeChange: shared_namespaceObject.PropTypes.func,
-  layout: shared_namespaceObject.PropTypes.custom(function (value) {
+  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,
@@ -784,7 +769,7 @@ var paginationProps = {
   props: paginationProps,
   emits: ['update:modelValue', 'change', 'update:limit', 'limitChange'],
   setup: function setup(props, context) {
-    var t = (0,config_provider_namespaceObject.useLocale)('pagination');
+    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,
@@ -822,7 +807,7 @@ var paginationProps = {
     (0,external_vue_namespaceObject.watch)(localLimit, function (localLimit) {
       context.emit('limitChange', localLimit);
     });
-    var _usePrefix = (0,config_provider_namespaceObject.usePrefix)(),
+    var _usePrefix = (0,external_config_provider_namespaceObject.usePrefix)(),
       resolveClassName = _usePrefix.resolveClassName;
     return {
       totalPageNum: totalPageNum,
@@ -835,7 +820,7 @@ var paginationProps = {
   },
   render: function render() {
     var _this = this;
-    var paginationClass = (0,shared_namespaceObject.classes)(_defineProperty(_defineProperty(_defineProperty({}, "".concat(this.resolveClassName('pagination')), true), "".concat(this.resolveClassName("pagination--".concat(this.size))), true), "is-align-".concat(this.align), true));
+    var paginationClass = (0,external_shared_namespaceObject.classes)(_defineProperty(_defineProperty(_defineProperty({}, "".concat(this.resolveClassName('pagination')), true), "".concat(this.resolveClassName("pagination--".concat(this.size))), true), "is-align-".concat(this.align), true));
     var layoutMap = {
       total: this.renderTotal,
       list: this.small ? this.renderSmallList : this.renderList,
@@ -879,7 +864,7 @@ var paginationProps = {
  */
 
 
-var BkPagination = (0,shared_namespaceObject.withInstall)(pagination);
+var BkPagination = (0,external_shared_namespaceObject.withInstall)(pagination);
 /* harmony default export */ const src = (BkPagination);
 
 var __webpack_exports__BkPagination = __webpack_exports__.BkPagination;

package/lib/pagination/pagination.css

@@ -1,4 +1,4 @@
-:where(.bk-pagination) {
+.bk-pagination {
   display: flex;
   align-items: center;
   font-size: 12px;
@@ -6,43 +6,43 @@
   color: #63656e;
   user-select: none;
 }
-:where(.bk-pagination).is-disabled {
+.bk-pagination.is-disabled {
   cursor: not-allowed;
 }
-:where(.bk-pagination).is-align-left {
+.bk-pagination.is-align-left {
   justify-content: flex-start;
 }
-:where(.bk-pagination).is-align-center {
+.bk-pagination.is-align-center {
   justify-content: center;
 }
-:where(.bk-pagination).is-align-right {
+.bk-pagination.is-align-right {
   justify-content: flex-end;
 }
-:where(.bk-pagination) > * {
+.bk-pagination > * {
   margin: 0 6px;
 }
-:where(.bk-pagination) > .is-first {
+.bk-pagination > .is-first {
   margin-left: 0;
 }
-:where(.bk-pagination) > .is-last {
+.bk-pagination > .is-last {
   margin-right: 0;
 }
-:where(.bk-pagination-total) {
+.bk-pagination-total {
   display: flex;
   user-select: none;
 }
-:where(.bk-pagination-total-num) {
+.bk-pagination-total-num {
   padding: 0 2px;
 }
-:where(.bk-pagination-list) {
+.bk-pagination-list {
   display: flex;
   margin-right: 8px;
 }
-:where(.bk-pagination-list-pre-batch),
-:where(.bk-pagination-list-next-batch),
-:where(.bk-pagination-list-pre),
-:where(.bk-pagination-list-next),
-:where(.bk-pagination-list-item) {
+.bk-pagination-list-pre-batch,
+.bk-pagination-list-next-batch,
+.bk-pagination-list-pre,
+.bk-pagination-list-next,
+.bk-pagination-list-item {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -57,78 +57,78 @@
   border-radius: 2px;
   user-select: none;
 }
-:where(.bk-pagination-list-pre-batch).is-active,
-:where(.bk-pagination-list-next-batch).is-active,
-:where(.bk-pagination-list-pre).is-active,
-:where(.bk-pagination-list-next).is-active,
-:where(.bk-pagination-list-item).is-active {
+.bk-pagination-list-pre-batch.is-active,
+.bk-pagination-list-next-batch.is-active,
+.bk-pagination-list-pre.is-active,
+.bk-pagination-list-next.is-active,
+.bk-pagination-list-item.is-active {
   color: #3a84ff;
   background: #e1ecff;
 }
-:where(.bk-pagination-list-pre-batch):hover,
-:where(.bk-pagination-list-next-batch):hover,
-:where(.bk-pagination-list-pre):hover,
-:where(.bk-pagination-list-next):hover,
-:where(.bk-pagination-list-item):hover {
+.bk-pagination-list-pre-batch:hover,
+.bk-pagination-list-next-batch:hover,
+.bk-pagination-list-pre:hover,
+.bk-pagination-list-next:hover,
+.bk-pagination-list-item:hover {
   background: #f0f1f5;
 }
-:where(.bk-pagination-list-pre-batch).is-disabled,
-:where(.bk-pagination-list-next-batch).is-disabled,
-:where(.bk-pagination-list-pre).is-disabled,
-:where(.bk-pagination-list-next).is-disabled,
-:where(.bk-pagination-list-item).is-disabled {
+.bk-pagination-list-pre-batch.is-disabled,
+.bk-pagination-list-next-batch.is-disabled,
+.bk-pagination-list-pre.is-disabled,
+.bk-pagination-list-next.is-disabled,
+.bk-pagination-list-item.is-disabled {
   color: #c4c6cc;
   cursor: not-allowed;
   background-color: #fafbfd;
   border-color: #dcdee5;
 }
-:where(.bk-pagination-list-pre),
-:where(.bk-pagination-list-next) {
+.bk-pagination-list-pre,
+.bk-pagination-list-next {
   font-size: 20px;
   color: #979ba5;
 }
-:where(.bk-pagination-list-pre).is-disabled,
-:where(.bk-pagination-list-next).is-disabled {
+.bk-pagination-list-pre.is-disabled,
+.bk-pagination-list-next.is-disabled {
   color: #dcdee5;
   cursor: not-allowed;
   background-color: transparent;
 }
-:where(.bk-pagination-list-item) {
+.bk-pagination-list-item {
   margin-right: 2px;
   margin-left: 2px;
 }
-:where(.bk-pagination-limit) {
+.bk-pagination-limit {
   display: flex;
   align-items: center;
   user-select: none;
 }
-:where(.bk-pagination-limit-select) {
+.bk-pagination-limit-select {
   width: 60px;
   margin: 0 4px;
 }
-:where(.bk-pagination-limit-select) .bk-input {
+.bk-pagination-limit-select .bk-input {
   border-color: #f0f1f5;
 }
-:where(.bk-pagination-limit-select) .bk-input--text {
+.bk-pagination-limit-select .bk-input--text {
   background-color: #f0f1f5;
 }
-:where(.bk-pagination-limit-select):hover .bk-input {
+.bk-pagination-limit-select:hover .bk-input {
   border-color: #eaebf0;
 }
-:where(.bk-pagination-limit-select):hover .bk-input--text {
+.bk-pagination-limit-select:hover .bk-input--text {
   background-color: #eaebf0;
 }
-:where(.bk-pagination-limit-select) .bk-input.is-focused {
+.bk-pagination-limit-select .bk-input.is-focused {
   border-color: #3a84ff;
 }
-:where(.bk-pagination-limit-select) .bk-input.is-focused .bk-input--text {
+.bk-pagination-limit-select .bk-input.is-focused .bk-input--text {
   background-color: #fff;
 }
-:where(.bk-pagination-small-list) {
+.bk-pagination-small-list {
   display: flex;
   align-items: center;
 }
-:where(.bk-pagination-small-list) .bk-pagination-picker {
+.bk-pagination-small-list .bk-pagination-picker {
   display: flex;
   height: 26px;
   margin: 0 4px;
@@ -138,16 +138,16 @@
   border-radius: 2px;
   align-items: center;
 }
-:where(.bk-pagination-small-list) .bk-pagination-picker:hover {
+.bk-pagination-small-list .bk-pagination-picker:hover {
   background-color: #eaebf0;
   border-color: #eaebf0;
 }
-:where(.bk-pagination-small-list) .bk-pagination-picker.is-focused {
+.bk-pagination-small-list .bk-pagination-picker.is-focused {
   background-color: #fff;
   border-color: #3a84ff;
   box-shadow: 0px 0px 4px rgba(58, 132, 255, 0.4);
 }
-:where(.bk-pagination-editor) {
+.bk-pagination-editor {
   height: 16px;
   min-width: 23px;
   padding-right: 4px;
@@ -160,12 +160,12 @@
   outline: none;
   transition: all 0.15s;
 }
-:where(.bk-pagination-small-list-total) {
+.bk-pagination-small-list-total {
   padding-right: 8px;
   padding-left: 4px;
 }
-:where(.bk-pagination-btn-pre),
-:where(.bk-pagination-btn-next) {
+.bk-pagination-btn-pre,
+.bk-pagination-btn-next {
   display: flex;
   width: 26px;
   height: 26px;
@@ -175,23 +175,23 @@
   justify-content: center;
   align-items: center;
 }
-:where(.bk-pagination-btn-pre):hover,
-:where(.bk-pagination-btn-next):hover {
+.bk-pagination-btn-pre:hover,
+.bk-pagination-btn-next:hover {
   color: #3a84ff;
   background: #f0f1f5;
 }
-:where(.bk-pagination-btn-pre).is-disabled,
-:where(.bk-pagination-btn-next).is-disabled {
+.bk-pagination-btn-pre.is-disabled,
+.bk-pagination-btn-next.is-disabled {
   color: #dcdee5;
   cursor: not-allowed;
 }
-:where(.bk-pagination-picker-list) {
+.bk-pagination-picker-list {
   max-height: 216px;
   padding: 7px 0;
   margin: -7px -14px;
   overflow: auto;
 }
-:where(.bk-pagination-picker-list) .item {
+.bk-pagination-picker-list .item {
   height: 32px;
   padding: 0 10px;
   font-size: 12px;
@@ -199,8 +199,8 @@
   color: #63656e;
   cursor: pointer;
 }
-:where(.bk-pagination-picker-list) .item:hover,
-:where(.bk-pagination-picker-list) .item.is-actived {
+.bk-pagination-picker-list .item:hover,
+.bk-pagination-picker-list .item.is-actived {
   color: #3a84ff;
   background: #f4f6fa;
 }

package/lib/pagination/pagination.less

@@ -1,6 +1,6 @@
 @import '../styles/themes/themes.less';
 
-:where(.@{bk-prefix}-pagination) {
+.@{bk-prefix}-pagination {
   display: flex;
   align-items: center;
   font-size: 12px;
@@ -17,11 +17,11 @@
   }
 
   &.is-align-center {
-    justify-content: center;
+    justify-content: center;;
   }
 
   &.is-align-right {
-    justify-content: flex-end;
+    justify-content: flex-end;;
   }
 
   & > * {
@@ -35,26 +35,27 @@
   & > .is-last {
     margin-right: 0;
   }
+
 }
-:where(.@{bk-prefix}-pagination-total) {
+.@{bk-prefix}-pagination-total {
   display: flex;
   user-select: none;
 }
 
-:where(.@{bk-prefix}-pagination-total-num) {
+.@{bk-prefix}-pagination-total-num {
   padding: 0 2px;
 }
 
-:where(.@{bk-prefix}-pagination-list) {
+.@{bk-prefix}-pagination-list {
   display: flex;
   margin-right: 8px;
 }
 
-:where(.@{bk-prefix}-pagination-list-pre-batch),
-:where(.@{bk-prefix}-pagination-list-next-batch),
-:where(.@{bk-prefix}-pagination-list-pre),
-:where(.@{bk-prefix}-pagination-list-next),
-:where(.@{bk-prefix}-pagination-list-item) {
+.@{bk-prefix}-pagination-list-pre-batch,
+.@{bk-prefix}-pagination-list-next-batch,
+.@{bk-prefix}-pagination-list-pre,
+.@{bk-prefix}-pagination-list-next,
+.@{bk-prefix}-pagination-list-item {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -86,8 +87,8 @@
   }
 }
 
-:where(.@{bk-prefix}-pagination-list-pre),
-:where(.@{bk-prefix}-pagination-list-next) {
+.@{bk-prefix}-pagination-list-pre,
+.@{bk-prefix}-pagination-list-next {
   font-size: 20px;
   color: #979ba5;
 
@@ -98,18 +99,18 @@
   }
 }
 
-:where(.@{bk-prefix}-pagination-list-item) {
+.@{bk-prefix}-pagination-list-item {
   margin-right: 2px;
   margin-left: 2px;
 }
 
-:where(.@{bk-prefix}-pagination-limit) {
+.@{bk-prefix}-pagination-limit {
   display: flex;
   align-items: center;
   user-select: none;
 }
 
-:where(.@{bk-prefix}-pagination-limit-select) {
+.@{bk-prefix}-pagination-limit-select {
   width: 60px;
   margin: 0 4px;
 
@@ -142,7 +143,7 @@
   }
 }
 
-:where(.@{bk-prefix}-pagination-small-list) {
+.@{bk-prefix}-pagination-small-list {
   display: flex;
   align-items: center;
 
@@ -164,12 +165,12 @@
     &.is-focused {
       background-color: #fff;
       border-color: #3a84ff;
-      box-shadow: 0px 0px 4px rgba(58, 132, 255, 0.4);
+      box-shadow: 0px 0px 4px rgba(58, 132, 255, .4);
     }
   }
 }
 
-:where(.@{bk-prefix}-pagination-editor) {
+.@{bk-prefix}-pagination-editor {
   height: 16px;
   min-width: 23px;
   padding-right: 4px;
@@ -180,14 +181,14 @@
   border: 0;
   border-radius: 2px;
   outline: none;
-  transition: all 0.15s;
+  transition: all .15s
 }
-:where(.@{bk-prefix}-pagination-small-list-total) {
+.@{bk-prefix}-pagination-small-list-total {
   padding-right: 8px;
   padding-left: 4px;
 }
-:where(.@{bk-prefix}-pagination-btn-pre),
-:where(.@{bk-prefix}-pagination-btn-next) {
+.@{bk-prefix}-pagination-btn-pre,
+.@{bk-prefix}-pagination-btn-next {
   display: flex;
   width: 26px;
   height: 26px;
@@ -207,7 +208,7 @@
     cursor: not-allowed;
   }
 }
-:where(.@{bk-prefix}-pagination-picker-list) {
+.@{bk-prefix}-pagination-picker-list {
   max-height: @popover-max-height;
   padding: 7px 0;
   margin: -7px -14px;