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

package/dist/bkui-vue.cjs.js

@@ -11018,7 +11018,9 @@ var Component$b = vue.defineComponent({
       "onClick": this.handleClick
     }, [this.$slots.icon ? vue.createVNode("span", {
       "class": "bk-tag-icon"
-    }, [this.$slots.icon()]) : "", vue.createVNode("span", null, [(_b = (_a = this.$slots).default) == null ? void 0 : _b.call(_a)]), this.closable ? vue.createVNode(error, {
+    }, [this.$slots.icon()]) : "", vue.createVNode("span", {
+      "class": "bk-tag-text"
+    }, [(_b = (_a = this.$slots).default) == null ? void 0 : _b.call(_a)]), this.closable ? vue.createVNode(error, {
       "class": "bk-tag-close",
       "onClick": this.handleClose
     }, null) : ""]);
@@ -12045,27 +12047,27 @@ var useList = () => {
   const {
     proxy
   } = vue.getCurrentInstance();
-  const localCurrent = vue.ref(proxy.modelValue);
+  const localCurrent = vue.ref(1);
   const isPagePreDisabled = vue.computed(() => localCurrent.value === 1);
-  const isPageNextDisabled = vue.computed(() => localCurrent.value === proxy.pageNum);
+  const isPageNextDisabled = vue.computed(() => localCurrent.value === proxy.totalPageNum);
   const showPreBatch = vue.ref(false);
   const showNextBatch = vue.ref(false);
   const list = vue.computed(() => {
     showPreBatch.value = false;
     showNextBatch.value = false;
     const stack = [];
-    if (proxy.pageNum <= PAGE_ITEMS_NUM) {
-      for (let i2 = 2; i2 <= proxy.pageNum - 1; i2++) {
+    if (proxy.totalPageNum <= PAGE_ITEMS_NUM) {
+      for (let i2 = 2; i2 <= proxy.totalPageNum - 1; i2++) {
         stack.push(i2);
       }
       return stack;
     }
     const pageItemsNumHalf = Math.floor(PAGE_ITEMS_NUM / 2);
-    if (proxy.pageNum > PAGE_ITEMS_NUM) {
+    if (proxy.totalPageNum > PAGE_ITEMS_NUM) {
       showPreBatch.value = localCurrent.value - pageItemsNumHalf > 2;
-      showNextBatch.value = localCurrent.value + pageItemsNumHalf < proxy.pageNum - 1;
+      showNextBatch.value = localCurrent.value + pageItemsNumHalf < proxy.totalPageNum - 1;
     }
-    const start2 = Math.min(proxy.pageNum - PAGE_ITEMS_NUM, Math.max(2, localCurrent.value - pageItemsNumHalf));
+    const start2 = Math.min(proxy.totalPageNum - PAGE_ITEMS_NUM, Math.max(2, localCurrent.value - pageItemsNumHalf));
     for (let i2 = start2; i2 < start2 + PAGE_ITEMS_NUM; i2++) {
       stack.push(i2);
     }
@@ -12073,19 +12075,19 @@ var useList = () => {
   });
   vue.watch(() => proxy.modelValue, (modelValue) => {
     vue.nextTick(() => {
-      if (modelValue >= 1 && modelValue <= proxy.pageNum) {
+      if (modelValue >= 1 && modelValue <= proxy.totalPageNum) {
         localCurrent.value = modelValue;
       } else if (modelValue < 1) {
         localCurrent.value = 1;
       } else {
-        localCurrent.value = proxy.pageNum;
+        localCurrent.value = proxy.totalPageNum;
       }
     });
   });
   vue.nextTick(() => {
-    vue.watch(() => proxy.pageNum, (pageNum) => {
-      if (localCurrent.value > pageNum) {
-        localCurrent.value = pageNum;
+    vue.watch(() => proxy.totalPageNum, (totalPageNum) => {
+      if (localCurrent.value > totalPageNum) {
+        localCurrent.value = totalPageNum;
       }
     });
   });
@@ -12101,17 +12103,17 @@ var useList = () => {
     }
     localCurrent.value = localCurrent.value + 1;
   };
-  const handleItemClick = (pageNum) => {
-    if (pageNum === localCurrent.value) {
+  const handleItemClick = (totalPageNum) => {
+    if (totalPageNum === localCurrent.value) {
       return;
     }
-    localCurrent.value = pageNum;
+    localCurrent.value = totalPageNum;
   };
   const handlePreBatch = () => {
     localCurrent.value = Math.max(1, localCurrent.value - PAGE_ITEMS_NUM);
   };
   const handleNextBatch = () => {
-    localCurrent.value = Math.min(proxy.pageNum, localCurrent.value + PAGE_ITEMS_NUM);
+    localCurrent.value = Math.min(proxy.totalPageNum, localCurrent.value + PAGE_ITEMS_NUM);
   };
   const render = ({
     isFirst,
@@ -12150,14 +12152,14 @@ var useList = () => {
     "key": "next-batch",
     "class": "bk-pagination-list-next-batch",
     "onClick": handleNextBatch
-  }, [vue.createVNode(ellipsis, null, null)]), proxy.pageNum > 1 && vue.createVNode("div", {
+  }, [vue.createVNode(ellipsis, null, null)]), proxy.totalPageNum > 1 && vue.createVNode("div", {
     "class": {
       "bk-pagination-list-item": true,
-      "is-active": localCurrent.value === proxy.pageNum
+      "is-active": localCurrent.value === proxy.totalPageNum
     },
     "key": "last",
-    "onClick": () => handleItemClick(proxy.pageNum)
-  }, [proxy.pageNum]), vue.createVNode("div", {
+    "onClick": () => handleItemClick(proxy.totalPageNum)
+  }, [proxy.totalPageNum]), vue.createVNode("div", {
     "class": {
       "bk-pagination-list-pre": true,
       "is-disabled": isPageNextDisabled.value
@@ -12177,23 +12179,23 @@ var useSmallList = () => {
   const isFocused = vue.ref(false);
   const localCurrent = vue.ref(1);
   const isPagePreDisabled = vue.computed(() => localCurrent.value === 1);
-  const isPageNextDisabled = vue.computed(() => localCurrent.value === proxy.pageNum);
+  const isPageNextDisabled = vue.computed(() => localCurrent.value === proxy.totalPageNum);
   let inputMemo = 0;
   const list = vue.computed(() => {
     const stack = [];
-    for (let i2 = 1; i2 <= proxy.pageNum; i2++) {
+    for (let i2 = 1; i2 <= proxy.totalPageNum; i2++) {
       stack.push(i2);
     }
     return stack;
   });
   vue.watch(() => proxy.modelValue, (modelValue) => {
     vue.nextTick(() => {
-      if (modelValue >= 1 && modelValue <= proxy.pageNum) {
+      if (modelValue >= 1 && modelValue <= proxy.totalPageNum) {
         localCurrent.value = modelValue;
       } else if (modelValue < 1) {
         localCurrent.value = 1;
       } else {
-        localCurrent.value = proxy.pageNum;
+        localCurrent.value = proxy.totalPageNum;
       }
       inputMemo = localCurrent.value;
     });
@@ -12201,9 +12203,9 @@ var useSmallList = () => {
     immediate: true
   });
   vue.nextTick(() => {
-    vue.watch(() => proxy.pageNum, (pageNum) => {
-      if (localCurrent.value > pageNum) {
-        localCurrent.value = pageNum;
+    vue.watch(() => proxy.totalPageNum, (totalPageNum) => {
+      if (localCurrent.value > totalPageNum) {
+        localCurrent.value = totalPageNum;
       }
     });
   });
@@ -12240,7 +12242,7 @@ var useSmallList = () => {
   const handlePageEditorInput = (event) => {
     const $target = event.target;
     const value = Number($target.textContent);
-    if (!value || value < 1 || value > proxy.pageNum || value === localCurrent.value) {
+    if (!value || value < 1 || value > proxy.totalPageNum || value === localCurrent.value) {
       return;
     }
     inputMemo = value;
@@ -12288,7 +12290,7 @@ var useSmallList = () => {
       "onKeydown": handlePageEditorKeydown
     }, [localCurrent.value]), vue.createVNode("span", null, [vue.createTextVNode("/")]), vue.createVNode("span", {
       "class": "bk-pagination-small-list-total"
-    }, [proxy.pageNum])]),
+    }, [proxy.totalPageNum])]),
     content: () => vue.createVNode("div", {
       "class": "bk-pagination-picker-list"
     }, [list.value.map((item) => vue.createVNode("div", {
@@ -12362,7 +12364,7 @@ var Component$5 = vue.defineComponent({
   props: paginationProps,
   emits: ["update:modelValue", "change", "update:limit", "limit-change"],
   setup(props, context) {
-    const pageNum = vue.ref(0);
+    const totalPageNum = vue.ref(0);
     const {
       count,
       limit
@@ -12381,7 +12383,8 @@ var Component$5 = vue.defineComponent({
       render: renderLimit
     } = useLimit();
     vue.watch([count, localLimit, limit], ([count2, localLimit2]) => {
-      pageNum.value = Math.ceil(count2 / localLimit2);
+      const total = Math.ceil(count2 / localLimit2);
+      totalPageNum.value = total < 1 ? 1 : total;
     }, {
       immediate: true
     });
@@ -12397,7 +12400,7 @@ var Component$5 = vue.defineComponent({
       context.emit("limit-change", localLimit2);
     });
     return {
-      pageNum,
+      totalPageNum,
       renderTotal,
       renderList,
       renderLimit,
@@ -12412,7 +12415,7 @@ var Component$5 = vue.defineComponent({
     });
     const layoutMap = {
       total: this.renderTotal,
-      list: this.renderList,
+      list: this.small ? this.renderSmallList : this.renderList,
       limit: this.renderLimit
     };
     return vue.createVNode("div", {
@@ -12420,7 +12423,7 @@ var Component$5 = vue.defineComponent({
     }, [this.layout.map((layout, index) => layoutMap[layout]({
       isFirst: index === 0,
       isLast: index === this.layout.length - 1
-    })), this.renderSmallList()]);
+    }))]);
   }
 });
 const BkPagination = withInstall(Component$5);

package/dist/bkui-vue.esm.js

@@ -11016,7 +11016,9 @@ var Component$b = defineComponent({
       "onClick": this.handleClick
     }, [this.$slots.icon ? createVNode("span", {
       "class": "bk-tag-icon"
-    }, [this.$slots.icon()]) : "", createVNode("span", null, [(_b = (_a = this.$slots).default) == null ? void 0 : _b.call(_a)]), this.closable ? createVNode(error, {
+    }, [this.$slots.icon()]) : "", createVNode("span", {
+      "class": "bk-tag-text"
+    }, [(_b = (_a = this.$slots).default) == null ? void 0 : _b.call(_a)]), this.closable ? createVNode(error, {
       "class": "bk-tag-close",
       "onClick": this.handleClose
     }, null) : ""]);
@@ -12043,27 +12045,27 @@ var useList = () => {
   const {
     proxy
   } = getCurrentInstance();
-  const localCurrent = ref(proxy.modelValue);
+  const localCurrent = ref(1);
   const isPagePreDisabled = computed(() => localCurrent.value === 1);
-  const isPageNextDisabled = computed(() => localCurrent.value === proxy.pageNum);
+  const isPageNextDisabled = computed(() => localCurrent.value === proxy.totalPageNum);
   const showPreBatch = ref(false);
   const showNextBatch = ref(false);
   const list = computed(() => {
     showPreBatch.value = false;
     showNextBatch.value = false;
     const stack = [];
-    if (proxy.pageNum <= PAGE_ITEMS_NUM) {
-      for (let i = 2; i <= proxy.pageNum - 1; i++) {
+    if (proxy.totalPageNum <= PAGE_ITEMS_NUM) {
+      for (let i = 2; i <= proxy.totalPageNum - 1; i++) {
         stack.push(i);
       }
       return stack;
     }
     const pageItemsNumHalf = Math.floor(PAGE_ITEMS_NUM / 2);
-    if (proxy.pageNum > PAGE_ITEMS_NUM) {
+    if (proxy.totalPageNum > PAGE_ITEMS_NUM) {
       showPreBatch.value = localCurrent.value - pageItemsNumHalf > 2;
-      showNextBatch.value = localCurrent.value + pageItemsNumHalf < proxy.pageNum - 1;
+      showNextBatch.value = localCurrent.value + pageItemsNumHalf < proxy.totalPageNum - 1;
     }
-    const start2 = Math.min(proxy.pageNum - PAGE_ITEMS_NUM, Math.max(2, localCurrent.value - pageItemsNumHalf));
+    const start2 = Math.min(proxy.totalPageNum - PAGE_ITEMS_NUM, Math.max(2, localCurrent.value - pageItemsNumHalf));
     for (let i = start2; i < start2 + PAGE_ITEMS_NUM; i++) {
       stack.push(i);
     }
@@ -12071,19 +12073,19 @@ var useList = () => {
   });
   watch(() => proxy.modelValue, (modelValue) => {
     nextTick(() => {
-      if (modelValue >= 1 && modelValue <= proxy.pageNum) {
+      if (modelValue >= 1 && modelValue <= proxy.totalPageNum) {
         localCurrent.value = modelValue;
       } else if (modelValue < 1) {
         localCurrent.value = 1;
       } else {
-        localCurrent.value = proxy.pageNum;
+        localCurrent.value = proxy.totalPageNum;
       }
     });
   });
   nextTick(() => {
-    watch(() => proxy.pageNum, (pageNum) => {
-      if (localCurrent.value > pageNum) {
-        localCurrent.value = pageNum;
+    watch(() => proxy.totalPageNum, (totalPageNum) => {
+      if (localCurrent.value > totalPageNum) {
+        localCurrent.value = totalPageNum;
       }
     });
   });
@@ -12099,17 +12101,17 @@ var useList = () => {
     }
     localCurrent.value = localCurrent.value + 1;
   };
-  const handleItemClick = (pageNum) => {
-    if (pageNum === localCurrent.value) {
+  const handleItemClick = (totalPageNum) => {
+    if (totalPageNum === localCurrent.value) {
       return;
     }
-    localCurrent.value = pageNum;
+    localCurrent.value = totalPageNum;
   };
   const handlePreBatch = () => {
     localCurrent.value = Math.max(1, localCurrent.value - PAGE_ITEMS_NUM);
   };
   const handleNextBatch = () => {
-    localCurrent.value = Math.min(proxy.pageNum, localCurrent.value + PAGE_ITEMS_NUM);
+    localCurrent.value = Math.min(proxy.totalPageNum, localCurrent.value + PAGE_ITEMS_NUM);
   };
   const render2 = ({
     isFirst,
@@ -12148,14 +12150,14 @@ var useList = () => {
     "key": "next-batch",
     "class": "bk-pagination-list-next-batch",
     "onClick": handleNextBatch
-  }, [createVNode(ellipsis, null, null)]), proxy.pageNum > 1 && createVNode("div", {
+  }, [createVNode(ellipsis, null, null)]), proxy.totalPageNum > 1 && createVNode("div", {
     "class": {
       "bk-pagination-list-item": true,
-      "is-active": localCurrent.value === proxy.pageNum
+      "is-active": localCurrent.value === proxy.totalPageNum
     },
     "key": "last",
-    "onClick": () => handleItemClick(proxy.pageNum)
-  }, [proxy.pageNum]), createVNode("div", {
+    "onClick": () => handleItemClick(proxy.totalPageNum)
+  }, [proxy.totalPageNum]), createVNode("div", {
     "class": {
       "bk-pagination-list-pre": true,
       "is-disabled": isPageNextDisabled.value
@@ -12175,23 +12177,23 @@ var useSmallList = () => {
   const isFocused = ref(false);
   const localCurrent = ref(1);
   const isPagePreDisabled = computed(() => localCurrent.value === 1);
-  const isPageNextDisabled = computed(() => localCurrent.value === proxy.pageNum);
+  const isPageNextDisabled = computed(() => localCurrent.value === proxy.totalPageNum);
   let inputMemo = 0;
   const list = computed(() => {
     const stack = [];
-    for (let i = 1; i <= proxy.pageNum; i++) {
+    for (let i = 1; i <= proxy.totalPageNum; i++) {
       stack.push(i);
     }
     return stack;
   });
   watch(() => proxy.modelValue, (modelValue) => {
     nextTick(() => {
-      if (modelValue >= 1 && modelValue <= proxy.pageNum) {
+      if (modelValue >= 1 && modelValue <= proxy.totalPageNum) {
         localCurrent.value = modelValue;
       } else if (modelValue < 1) {
         localCurrent.value = 1;
       } else {
-        localCurrent.value = proxy.pageNum;
+        localCurrent.value = proxy.totalPageNum;
       }
       inputMemo = localCurrent.value;
     });
@@ -12199,9 +12201,9 @@ var useSmallList = () => {
     immediate: true
   });
   nextTick(() => {
-    watch(() => proxy.pageNum, (pageNum) => {
-      if (localCurrent.value > pageNum) {
-        localCurrent.value = pageNum;
+    watch(() => proxy.totalPageNum, (totalPageNum) => {
+      if (localCurrent.value > totalPageNum) {
+        localCurrent.value = totalPageNum;
       }
     });
   });
@@ -12238,7 +12240,7 @@ var useSmallList = () => {
   const handlePageEditorInput = (event) => {
     const $target = event.target;
     const value = Number($target.textContent);
-    if (!value || value < 1 || value > proxy.pageNum || value === localCurrent.value) {
+    if (!value || value < 1 || value > proxy.totalPageNum || value === localCurrent.value) {
       return;
     }
     inputMemo = value;
@@ -12286,7 +12288,7 @@ var useSmallList = () => {
       "onKeydown": handlePageEditorKeydown
     }, [localCurrent.value]), createVNode("span", null, [createTextVNode("/")]), createVNode("span", {
       "class": "bk-pagination-small-list-total"
-    }, [proxy.pageNum])]),
+    }, [proxy.totalPageNum])]),
     content: () => createVNode("div", {
       "class": "bk-pagination-picker-list"
     }, [list.value.map((item) => createVNode("div", {
@@ -12360,7 +12362,7 @@ var Component$5 = defineComponent({
   props: paginationProps,
   emits: ["update:modelValue", "change", "update:limit", "limit-change"],
   setup(props, context) {
-    const pageNum = ref(0);
+    const totalPageNum = ref(0);
     const {
       count,
       limit
@@ -12379,7 +12381,8 @@ var Component$5 = defineComponent({
       render: renderLimit
     } = useLimit();
     watch([count, localLimit, limit], ([count2, localLimit2]) => {
-      pageNum.value = Math.ceil(count2 / localLimit2);
+      const total = Math.ceil(count2 / localLimit2);
+      totalPageNum.value = total < 1 ? 1 : total;
     }, {
       immediate: true
     });
@@ -12395,7 +12398,7 @@ var Component$5 = defineComponent({
       context.emit("limit-change", localLimit2);
     });
     return {
-      pageNum,
+      totalPageNum,
       renderTotal,
       renderList,
       renderLimit,
@@ -12410,7 +12413,7 @@ var Component$5 = defineComponent({
     });
     const layoutMap = {
       total: this.renderTotal,
-      list: this.renderList,
+      list: this.small ? this.renderSmallList : this.renderList,
       limit: this.renderLimit
     };
     return createVNode("div", {
@@ -12418,7 +12421,7 @@ var Component$5 = defineComponent({
     }, [this.layout.map((layout, index) => layoutMap[layout]({
       isFirst: index === 0,
       isLast: index === this.layout.length - 1
-    })), this.renderSmallList()]);
+    }))]);
   }
 });
 const BkPagination = withInstall(Component$5);

package/dist/bkui-vue.umd.js

@@ -11019,7 +11019,9 @@ ${$(r2)}`), n2;
         "onClick": this.handleClick
       }, [this.$slots.icon ? vue.createVNode("span", {
         "class": "bk-tag-icon"
-      }, [this.$slots.icon()]) : "", vue.createVNode("span", null, [(_b = (_a = this.$slots).default) == null ? void 0 : _b.call(_a)]), this.closable ? vue.createVNode(error, {
+      }, [this.$slots.icon()]) : "", vue.createVNode("span", {
+        "class": "bk-tag-text"
+      }, [(_b = (_a = this.$slots).default) == null ? void 0 : _b.call(_a)]), this.closable ? vue.createVNode(error, {
         "class": "bk-tag-close",
         "onClick": this.handleClose
       }, null) : ""]);
@@ -12046,27 +12048,27 @@ ${$(r2)}`), n2;
     const {
       proxy
     } = vue.getCurrentInstance();
-    const localCurrent = vue.ref(proxy.modelValue);
+    const localCurrent = vue.ref(1);
     const isPagePreDisabled = vue.computed(() => localCurrent.value === 1);
-    const isPageNextDisabled = vue.computed(() => localCurrent.value === proxy.pageNum);
+    const isPageNextDisabled = vue.computed(() => localCurrent.value === proxy.totalPageNum);
     const showPreBatch = vue.ref(false);
     const showNextBatch = vue.ref(false);
     const list = vue.computed(() => {
       showPreBatch.value = false;
       showNextBatch.value = false;
       const stack = [];
-      if (proxy.pageNum <= PAGE_ITEMS_NUM) {
-        for (let i2 = 2; i2 <= proxy.pageNum - 1; i2++) {
+      if (proxy.totalPageNum <= PAGE_ITEMS_NUM) {
+        for (let i2 = 2; i2 <= proxy.totalPageNum - 1; i2++) {
           stack.push(i2);
         }
         return stack;
       }
       const pageItemsNumHalf = Math.floor(PAGE_ITEMS_NUM / 2);
-      if (proxy.pageNum > PAGE_ITEMS_NUM) {
+      if (proxy.totalPageNum > PAGE_ITEMS_NUM) {
         showPreBatch.value = localCurrent.value - pageItemsNumHalf > 2;
-        showNextBatch.value = localCurrent.value + pageItemsNumHalf < proxy.pageNum - 1;
+        showNextBatch.value = localCurrent.value + pageItemsNumHalf < proxy.totalPageNum - 1;
       }
-      const start2 = Math.min(proxy.pageNum - PAGE_ITEMS_NUM, Math.max(2, localCurrent.value - pageItemsNumHalf));
+      const start2 = Math.min(proxy.totalPageNum - PAGE_ITEMS_NUM, Math.max(2, localCurrent.value - pageItemsNumHalf));
       for (let i2 = start2; i2 < start2 + PAGE_ITEMS_NUM; i2++) {
         stack.push(i2);
       }
@@ -12074,19 +12076,19 @@ ${$(r2)}`), n2;
     });
     vue.watch(() => proxy.modelValue, (modelValue) => {
       vue.nextTick(() => {
-        if (modelValue >= 1 && modelValue <= proxy.pageNum) {
+        if (modelValue >= 1 && modelValue <= proxy.totalPageNum) {
           localCurrent.value = modelValue;
         } else if (modelValue < 1) {
           localCurrent.value = 1;
         } else {
-          localCurrent.value = proxy.pageNum;
+          localCurrent.value = proxy.totalPageNum;
         }
       });
     });
     vue.nextTick(() => {
-      vue.watch(() => proxy.pageNum, (pageNum) => {
-        if (localCurrent.value > pageNum) {
-          localCurrent.value = pageNum;
+      vue.watch(() => proxy.totalPageNum, (totalPageNum) => {
+        if (localCurrent.value > totalPageNum) {
+          localCurrent.value = totalPageNum;
         }
       });
     });
@@ -12102,17 +12104,17 @@ ${$(r2)}`), n2;
       }
       localCurrent.value = localCurrent.value + 1;
     };
-    const handleItemClick = (pageNum) => {
-      if (pageNum === localCurrent.value) {
+    const handleItemClick = (totalPageNum) => {
+      if (totalPageNum === localCurrent.value) {
         return;
       }
-      localCurrent.value = pageNum;
+      localCurrent.value = totalPageNum;
     };
     const handlePreBatch = () => {
       localCurrent.value = Math.max(1, localCurrent.value - PAGE_ITEMS_NUM);
     };
     const handleNextBatch = () => {
-      localCurrent.value = Math.min(proxy.pageNum, localCurrent.value + PAGE_ITEMS_NUM);
+      localCurrent.value = Math.min(proxy.totalPageNum, localCurrent.value + PAGE_ITEMS_NUM);
     };
     const render = ({
       isFirst,
@@ -12151,14 +12153,14 @@ ${$(r2)}`), n2;
       "key": "next-batch",
       "class": "bk-pagination-list-next-batch",
       "onClick": handleNextBatch
-    }, [vue.createVNode(ellipsis, null, null)]), proxy.pageNum > 1 && vue.createVNode("div", {
+    }, [vue.createVNode(ellipsis, null, null)]), proxy.totalPageNum > 1 && vue.createVNode("div", {
       "class": {
         "bk-pagination-list-item": true,
-        "is-active": localCurrent.value === proxy.pageNum
+        "is-active": localCurrent.value === proxy.totalPageNum
       },
       "key": "last",
-      "onClick": () => handleItemClick(proxy.pageNum)
-    }, [proxy.pageNum]), vue.createVNode("div", {
+      "onClick": () => handleItemClick(proxy.totalPageNum)
+    }, [proxy.totalPageNum]), vue.createVNode("div", {
       "class": {
         "bk-pagination-list-pre": true,
         "is-disabled": isPageNextDisabled.value
@@ -12178,23 +12180,23 @@ ${$(r2)}`), n2;
     const isFocused = vue.ref(false);
     const localCurrent = vue.ref(1);
     const isPagePreDisabled = vue.computed(() => localCurrent.value === 1);
-    const isPageNextDisabled = vue.computed(() => localCurrent.value === proxy.pageNum);
+    const isPageNextDisabled = vue.computed(() => localCurrent.value === proxy.totalPageNum);
     let inputMemo = 0;
     const list = vue.computed(() => {
       const stack = [];
-      for (let i2 = 1; i2 <= proxy.pageNum; i2++) {
+      for (let i2 = 1; i2 <= proxy.totalPageNum; i2++) {
         stack.push(i2);
       }
       return stack;
     });
     vue.watch(() => proxy.modelValue, (modelValue) => {
       vue.nextTick(() => {
-        if (modelValue >= 1 && modelValue <= proxy.pageNum) {
+        if (modelValue >= 1 && modelValue <= proxy.totalPageNum) {
           localCurrent.value = modelValue;
         } else if (modelValue < 1) {
           localCurrent.value = 1;
         } else {
-          localCurrent.value = proxy.pageNum;
+          localCurrent.value = proxy.totalPageNum;
         }
         inputMemo = localCurrent.value;
       });
@@ -12202,9 +12204,9 @@ ${$(r2)}`), n2;
       immediate: true
     });
     vue.nextTick(() => {
-      vue.watch(() => proxy.pageNum, (pageNum) => {
-        if (localCurrent.value > pageNum) {
-          localCurrent.value = pageNum;
+      vue.watch(() => proxy.totalPageNum, (totalPageNum) => {
+        if (localCurrent.value > totalPageNum) {
+          localCurrent.value = totalPageNum;
         }
       });
     });
@@ -12241,7 +12243,7 @@ ${$(r2)}`), n2;
     const handlePageEditorInput = (event) => {
       const $target = event.target;
       const value = Number($target.textContent);
-      if (!value || value < 1 || value > proxy.pageNum || value === localCurrent.value) {
+      if (!value || value < 1 || value > proxy.totalPageNum || value === localCurrent.value) {
         return;
       }
       inputMemo = value;
@@ -12289,7 +12291,7 @@ ${$(r2)}`), n2;
         "onKeydown": handlePageEditorKeydown
       }, [localCurrent.value]), vue.createVNode("span", null, [vue.createTextVNode("/")]), vue.createVNode("span", {
         "class": "bk-pagination-small-list-total"
-      }, [proxy.pageNum])]),
+      }, [proxy.totalPageNum])]),
       content: () => vue.createVNode("div", {
         "class": "bk-pagination-picker-list"
       }, [list.value.map((item) => vue.createVNode("div", {
@@ -12363,7 +12365,7 @@ ${$(r2)}`), n2;
     props: paginationProps,
     emits: ["update:modelValue", "change", "update:limit", "limit-change"],
     setup(props, context) {
-      const pageNum = vue.ref(0);
+      const totalPageNum = vue.ref(0);
       const {
         count,
         limit
@@ -12382,7 +12384,8 @@ ${$(r2)}`), n2;
         render: renderLimit
       } = useLimit();
       vue.watch([count, localLimit, limit], ([count2, localLimit2]) => {
-        pageNum.value = Math.ceil(count2 / localLimit2);
+        const total = Math.ceil(count2 / localLimit2);
+        totalPageNum.value = total < 1 ? 1 : total;
       }, {
         immediate: true
       });
@@ -12398,7 +12401,7 @@ ${$(r2)}`), n2;
         context.emit("limit-change", localLimit2);
       });
       return {
-        pageNum,
+        totalPageNum,
         renderTotal,
         renderList,
         renderLimit,
@@ -12413,7 +12416,7 @@ ${$(r2)}`), n2;
       });
       const layoutMap = {
         total: this.renderTotal,
-        list: this.renderList,
+        list: this.small ? this.renderSmallList : this.renderList,
         limit: this.renderLimit
       };
       return vue.createVNode("div", {
@@ -12421,7 +12424,7 @@ ${$(r2)}`), n2;
       }, [this.layout.map((layout, index) => layoutMap[layout]({
         isFirst: index === 0,
         isLast: index === this.layout.length - 1
-      })), this.renderSmallList()]);
+      }))]);
     }
   });
   const BkPagination = withInstall(Component$5);

package/dist/style.css

@@ -2830,7 +2830,8 @@ optgroup {
   background: #f0f1f5;
 }
 .bk-tag {
-  display: inline-block;
+  display: inline-flex;
+  align-items: center;
   height: 22px;
   padding: 0 10px;
   margin: 2px 6px 2px 0px;
@@ -2906,18 +2907,23 @@ optgroup {
   background: #3a84ff;
   opacity: 1;
 }
+.bk-tag .bk-tag-text {
+  flex: 1;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
 .bk-tag .bk-tag-icon {
-  display: inline-block;
+  flex-shrink: 0;
   margin-right: 4px;
   font-size: 14px;
   line-height: 0;
 }
 .bk-tag .bk-tag-close {
-  display: inline-block;
+  flex-shrink: 0;
   margin-left: 4px;
   font-size: 12px;
   line-height: 0;
-  vertical-align: 1px;
   cursor: pointer;
 }
 .bk-form {

package/lib/pagination/index.d.ts

@@ -162,7 +162,7 @@ declare const BkPagination: {
             "onUpdate:limit"?: (...args: any[]) => any;
             "onLimit-change"?: (...args: any[]) => any;
         }, {
-            pageNum: import("vue").Ref<number>;
+            totalPageNum: import("vue").Ref<number>;
             renderTotal: ({ isFirst, isLast }: {
                 isFirst: any;
                 isLast: any;
@@ -277,7 +277,7 @@ declare const BkPagination: {
         "onUpdate:limit"?: (...args: any[]) => any;
         "onLimit-change"?: (...args: any[]) => any;
     } & import("vue").ShallowUnwrapRef<{
-        pageNum: import("vue").Ref<number>;
+        totalPageNum: import("vue").Ref<number>;
         renderTotal: ({ isFirst, isLast }: {
             isFirst: any;
             isLast: any;
@@ -361,7 +361,7 @@ declare const BkPagination: {
     "onUpdate:limit"?: (...args: any[]) => any;
     "onLimit-change"?: (...args: any[]) => any;
 }, {
-    pageNum: import("vue").Ref<number>;
+    totalPageNum: import("vue").Ref<number>;
     renderTotal: ({ isFirst, isLast }: {
         isFirst: any;
         isLast: any;

package/lib/pagination/index.js

@@ -1 +1 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("../shared"),require("vue"),require("../select"),require("../icon"),require("../popover")):"function"==typeof define&&define.amd?define(["exports","../shared","vue","../select","../icon","../popover"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).bkuiVue={},e.Shared,e.Vue,e.Select,e["@bkui-vue/icon/icons"],e.Popover)}(this,(function(e,t,n,a,r,i){"use strict";function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var u=o(a),l=o(i);function c(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var s={exports:{}};!function(e){e.exports=function(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e},e.exports.__esModule=!0,e.exports.default=e.exports}(s);var p=c(s.exports),d={exports:{}},f={exports:{}};!function(e){e.exports=function(e){if(Array.isArray(e))return e},e.exports.__esModule=!0,e.exports.default=e.exports}(f);var v={exports:{}};!function(e){e.exports=function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var a,r,i=[],o=!0,u=!1;try{for(n=n.call(e);!(o=(a=n.next()).done)&&(i.push(a.value),!t||i.length!==t);o=!0);}catch(e){u=!0,r=e}finally{try{o||null==n.return||n.return()}finally{if(u)throw r}}return i}},e.exports.__esModule=!0,e.exports.default=e.exports}(v);var m={exports:{}},g={exports:{}};!function(e){e.exports=function(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},e.exports.__esModule=!0,e.exports.default=e.exports}(g),function(e){var t=g.exports;e.exports=function(e,n){if(e){if("string"==typeof e)return t(e,n);var a=Object.prototype.toString.call(e).slice(8,-1);return"Object"===a&&e.constructor&&(a=e.constructor.name),"Map"===a||"Set"===a?Array.from(e):"Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a)?t(e,n):void 0}},e.exports.__esModule=!0,e.exports.default=e.exports}(m);var b={exports:{}};!function(e){e.exports=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.")},e.exports.__esModule=!0,e.exports.default=e.exports}(b),function(e){var t=f.exports,n=v.exports,a=m.exports,r=b.exports;e.exports=function(e,i){return t(e)||n(e,i)||a(e,i)||r()},e.exports.__esModule=!0,e.exports.default=e.exports}(d);var x=c(d.exports);var h=function(){var e=n.getCurrentInstance().proxy,t=n.ref(null),a=n.ref(!1),i=n.ref(1),o=n.computed((function(){return 1===i.value})),u=n.computed((function(){return i.value===e.pageNum})),c=0,s=n.computed((function(){for(var t=[],n=1;n<=e.pageNum;n++)t.push(n);return t}));n.watch((function(){return e.modelValue}),(function(t){n.nextTick((function(){t>=1&&t<=e.pageNum?i.value=t:i.value=t<1?1:e.pageNum,c=i.value}))}),{immediate:!0}),n.nextTick((function(){n.watch((function(){return e.pageNum}),(function(e){i.value>e&&(i.value=e)}))}));var p=function(){o.value||(i.value=i.value-1)},d=function(){u.value||(i.value=i.value+1)},f=function(){n.nextTick((function(){t.value.focus();var e=window.getSelection();e.selectAllChildren(t.value),e.collapseToEnd()}))},v=function(){a.value=!0},m=function(){a.value=!1,t.value.textContent="".concat(c),c!==i.value&&(i.value=c)},g=function(t){var n=t.target,a=Number(n.textContent);!a||a<1||a>e.pageNum||a===i.value||(c=a,f())},b=function(e){["Enter","NumpadEnter"].includes(e.code)&&(e.preventDefault(),m(),f())};return{current:i,render:function(){return n.createVNode("div",{class:"bk-pagination-small-list"},[n.createVNode("div",{class:{"bk-pagination-btn-pre":!0,"is-disabled":o.value},onClick:p},[n.createVNode(r.LeftShape,null,null)]),n.createVNode(l.default,{theme:"light",trigger:"click",arrow:!1,boundary:"body",placement:"bottom"},{default:function(){return n.createVNode("div",{class:{"bk-pagination-picker":!0,"is-focused":a.value}},[n.createVNode("span",{ref:t,class:"bk-pagination-editor",contenteditable:!0,spellcheck:"false",onFocus:v,onBlur:m,onInput:g,onKeydown:b},[i.value]),n.createVNode("span",null,[n.createTextVNode("/")]),n.createVNode("span",{class:"bk-pagination-small-list-total"},[e.pageNum])])},content:function(){return n.createVNode("div",{class:"bk-pagination-picker-list"},[s.value.map((function(e){return n.createVNode("div",{class:{item:!0,"is-actived":e===i.value},key:e,onClick:function(){return function(e){c=e,m()}(e)}},[e])}))])}}),n.createVNode("div",{class:{"bk-pagination-btn-next":!0,"is-disabled":u.value},onClick:d},[n.createVNode(r.RightShape,null,null)])])}}},N={modelValue:t.PropTypes.number.def(1),count:t.PropTypes.number.def(0).isRequired,limit:t.PropTypes.number.def(10),limitList:t.PropTypes.arrayOf(Number).def([10,20,50,100]),showLimit:t.PropTypes.bool.def(!0),type:t.PropTypes.oneOf(["default","compact"]).def("default"),location:t.PropTypes.oneOf(["left","right"]).def("right"),align:t.PropTypes.oneOf(["left","center","right"]).def("left"),size:t.PropTypes.size(),small:t.PropTypes.bool.def(!1),showTotalCount:t.PropTypes.bool.def(!0),prevText:t.PropTypes.string,nextText:t.PropTypes.string,disabled:t.PropTypes.bool.def(!1),layout:t.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"])},y=n.defineComponent({name:"Pagination",props:N,emits:["update:modelValue","change","update:limit","limit-change"],setup:function(e,t){var i=n.ref(0),o=n.toRefs(e),l=o.count,c=o.limit,s=function(e){var t=e.isFirst,a=e.isLast,r=n.getCurrentInstance().props;return r.showTotalCount?n.createVNode("div",n.mergeProps({class:{"bk-pagination-total":!0,"is-first":t,"is-last":a}},{disabled:r.disabled}),[n.createTextVNode("共计"),n.createVNode("div",{class:"bk-pagination-total-num"},[r.count]),n.createTextVNode("条")]):null},p=function(){var e=n.getCurrentInstance().proxy,t=n.ref(e.modelValue),a=n.computed((function(){return 1===t.value})),i=n.computed((function(){return t.value===e.pageNum})),o=n.ref(!1),u=n.ref(!1),l=n.computed((function(){o.value=!1,u.value=!1;var n=[];if(e.pageNum<=5){for(var a=2;a<=e.pageNum-1;a++)n.push(a);return n}var r=Math.floor(2.5);e.pageNum>5&&(o.value=t.value-r>2,u.value=t.value+r<e.pageNum-1);for(var i=Math.min(e.pageNum-5,Math.max(2,t.value-r)),l=i;l<i+5;l++)n.push(l);return n}));n.watch((function(){return e.modelValue}),(function(a){n.nextTick((function(){a>=1&&a<=e.pageNum?t.value=a:t.value=a<1?1:e.pageNum}))})),n.nextTick((function(){n.watch((function(){return e.pageNum}),(function(e){t.value>e&&(t.value=e)}))}));var c=function(){a.value||(t.value=t.value-1)},s=function(){i.value||(t.value=t.value+1)},p=function(e){e!==t.value&&(t.value=e)},d=function(){t.value=Math.max(1,t.value-5)},f=function(){t.value=Math.min(e.pageNum,t.value+5)};return{current:t,render:function(v){var m=v.isFirst,g=v.isLast;return n.createVNode("div",{class:{"bk-pagination-list":!0,"is-first":m,"is-last":g}},[n.createVNode("div",{class:{"bk-pagination-list-pre":!0,"is-disabled":a.value},onClick:c},[e.prevText||n.createVNode(r.AngleLeft,null,null)]),n.createVNode("div",{class:{"bk-pagination-list-item":!0,"is-active":1===t.value},key:"1",onClick:function(){return p(1)}},[n.createTextVNode("1")]),o.value&&n.createVNode("div",{key:"pre-batch",class:"bk-pagination-list-pre-batch",onClick:d},[n.createVNode(r.Ellipsis,null,null)]),l.value.map((function(e){return n.createVNode("div",{class:{"bk-pagination-list-item":!0,"is-active":t.value===e},key:e,onClick:function(){return p(e)}},[e])})),u.value&&n.createVNode("div",{key:"next-batch",class:"bk-pagination-list-next-batch",onClick:f},[n.createVNode(r.Ellipsis,null,null)]),e.pageNum>1&&n.createVNode("div",{class:{"bk-pagination-list-item":!0,"is-active":t.value===e.pageNum},key:"last",onClick:function(){return p(e.pageNum)}},[e.pageNum]),n.createVNode("div",{class:{"bk-pagination-list-pre":!0,"is-disabled":i.value},onClick:s},[e.nextText||n.createVNode(r.AngleRight,null,null)])])}}}(),d=p.current,f=p.render,v=h(),m=v.current,g=v.render,b=function(){var e=n.getCurrentInstance().proxy,t=n.ref(e.limit);n.watch((function(){return e.limit}),(function(e){t.value=e})),n.watch((function(){return e.limitList}),(function(e){n.nextTick((function(){if(!e.includes(t.value)){var n=x(e,1);t.value=n[0]}}))}),{immediate:!0});var r=function(e){t.value=e};return{limit:t,render:function(i){var o,l,c=i.isFirst,s=i.isLast;return e.showLimit?n.createVNode("div",n.mergeProps({class:{"bk-pagination-limit":!0,"is-first":c,"is-last":s}},{disabled:e.disabled}),[n.createVNode("div",null,[n.createTextVNode("每页")]),n.createVNode(u.default,{class:"bk-pagination-limit-select",clearable:!1,modelValue:t.value,onChange:r,disabled:e.disabled},(l=o=e.limitList.map((function(e,t){return n.createVNode(a.BkOption,{value:e,label:e,key:"".concat(t,"_").concat(e)},null)})),"function"==typeof l||"[object Object]"===Object.prototype.toString.call(l)&&!n.isVNode(l)?o:{default:function(){return[o]}})),n.createVNode("div",null,[n.createTextVNode("条")])]):null}}}(),N=b.limit,y=b.render;return n.watch([l,N,c],(function(e){var t=x(e,2),n=t[0],a=t[1];i.value=Math.ceil(n/a)}),{immediate:!0}),n.watch(d,(function(e){t.emit("update:modelValue",e),t.emit("change",e)})),n.watch(m,(function(e){t.emit("update:modelValue",e),t.emit("change",e)})),n.watch(N,(function(e){t.emit("limit-change",e)})),{pageNum:i,renderTotal:s,renderList:f,renderLimit:y,renderSmallList:g}},render:function(){var e,a=this,r=t.classes((p(e={"bk-pagination":!0},"bk-pagination--".concat(this.size),!0),p(e,"is-align-".concat(this.align),!0),e)),i={total:this.renderTotal,list:this.renderList,limit:this.renderLimit};return n.createVNode("div",{class:r},[this.layout.map((function(e,t){return i[e]({isFirst:0===t,isLast:t===a.layout.length-1})})),this.renderSmallList()])}}),k=t.withInstall(y);e.BkPagination=k,e.default=k,Object.defineProperty(e,"__esModule",{value:!0})}));
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("../shared"),require("vue"),require("../select"),require("../icon"),require("../popover")):"function"==typeof define&&define.amd?define(["exports","../shared","vue","../select","../icon","../popover"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).bkuiVue={},e.Shared,e.Vue,e.Select,e["@bkui-vue/icon/icons"],e.Popover)}(this,(function(e,t,n,a,r,o){"use strict";function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=i(a),u=i(o);function c(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var s={exports:{}};!function(e){e.exports=function(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e},e.exports.__esModule=!0,e.exports.default=e.exports}(s);var d=c(s.exports),p={exports:{}},f={exports:{}};!function(e){e.exports=function(e){if(Array.isArray(e))return e},e.exports.__esModule=!0,e.exports.default=e.exports}(f);var v={exports:{}};!function(e){e.exports=function(e,t){var n=null==e?null:"undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=n){var a,r,o=[],i=!0,l=!1;try{for(n=n.call(e);!(i=(a=n.next()).done)&&(o.push(a.value),!t||o.length!==t);i=!0);}catch(e){l=!0,r=e}finally{try{i||null==n.return||n.return()}finally{if(l)throw r}}return o}},e.exports.__esModule=!0,e.exports.default=e.exports}(v);var m={exports:{}},g={exports:{}};!function(e){e.exports=function(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},e.exports.__esModule=!0,e.exports.default=e.exports}(g),function(e){var t=g.exports;e.exports=function(e,n){if(e){if("string"==typeof e)return t(e,n);var a=Object.prototype.toString.call(e).slice(8,-1);return"Object"===a&&e.constructor&&(a=e.constructor.name),"Map"===a||"Set"===a?Array.from(e):"Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a)?t(e,n):void 0}},e.exports.__esModule=!0,e.exports.default=e.exports}(m);var b={exports:{}};!function(e){e.exports=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.")},e.exports.__esModule=!0,e.exports.default=e.exports}(b),function(e){var t=f.exports,n=v.exports,a=m.exports,r=b.exports;e.exports=function(e,o){return t(e)||n(e,o)||a(e,o)||r()},e.exports.__esModule=!0,e.exports.default=e.exports}(p);var x=c(p.exports);var h=function(){var e=n.getCurrentInstance().proxy,t=n.ref(null),a=n.ref(!1),o=n.ref(1),i=n.computed((function(){return 1===o.value})),l=n.computed((function(){return o.value===e.totalPageNum})),c=0,s=n.computed((function(){for(var t=[],n=1;n<=e.totalPageNum;n++)t.push(n);return t}));n.watch((function(){return e.modelValue}),(function(t){n.nextTick((function(){t>=1&&t<=e.totalPageNum?o.value=t:o.value=t<1?1:e.totalPageNum,c=o.value}))}),{immediate:!0}),n.nextTick((function(){n.watch((function(){return e.totalPageNum}),(function(e){o.value>e&&(o.value=e)}))}));var d=function(){i.value||(o.value=o.value-1)},p=function(){l.value||(o.value=o.value+1)},f=function(){n.nextTick((function(){t.value.focus();var e=window.getSelection();e.selectAllChildren(t.value),e.collapseToEnd()}))},v=function(){a.value=!0},m=function(){a.value=!1,t.value.textContent="".concat(c),c!==o.value&&(o.value=c)},g=function(t){var n=t.target,a=Number(n.textContent);!a||a<1||a>e.totalPageNum||a===o.value||(c=a,f())},b=function(e){["Enter","NumpadEnter"].includes(e.code)&&(e.preventDefault(),m(),f())};return{current:o,render:function(){return n.createVNode("div",{class:"bk-pagination-small-list"},[n.createVNode("div",{class:{"bk-pagination-btn-pre":!0,"is-disabled":i.value},onClick:d},[n.createVNode(r.LeftShape,null,null)]),n.createVNode(u.default,{theme:"light",trigger:"click",arrow:!1,boundary:"body",placement:"bottom"},{default:function(){return n.createVNode("div",{class:{"bk-pagination-picker":!0,"is-focused":a.value}},[n.createVNode("span",{ref:t,class:"bk-pagination-editor",contenteditable:!0,spellcheck:"false",onFocus:v,onBlur:m,onInput:g,onKeydown:b},[o.value]),n.createVNode("span",null,[n.createTextVNode("/")]),n.createVNode("span",{class:"bk-pagination-small-list-total"},[e.totalPageNum])])},content:function(){return n.createVNode("div",{class:"bk-pagination-picker-list"},[s.value.map((function(e){return n.createVNode("div",{class:{item:!0,"is-actived":e===o.value},key:e,onClick:function(){return function(e){c=e,m()}(e)}},[e])}))])}}),n.createVNode("div",{class:{"bk-pagination-btn-next":!0,"is-disabled":l.value},onClick:p},[n.createVNode(r.RightShape,null,null)])])}}},N={modelValue:t.PropTypes.number.def(1),count:t.PropTypes.number.def(0).isRequired,limit:t.PropTypes.number.def(10),limitList:t.PropTypes.arrayOf(Number).def([10,20,50,100]),showLimit:t.PropTypes.bool.def(!0),type:t.PropTypes.oneOf(["default","compact"]).def("default"),location:t.PropTypes.oneOf(["left","right"]).def("right"),align:t.PropTypes.oneOf(["left","center","right"]).def("left"),size:t.PropTypes.size(),small:t.PropTypes.bool.def(!1),showTotalCount:t.PropTypes.bool.def(!0),prevText:t.PropTypes.string,nextText:t.PropTypes.string,disabled:t.PropTypes.bool.def(!1),layout:t.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"])},y=n.defineComponent({name:"Pagination",props:N,emits:["update:modelValue","change","update:limit","limit-change"],setup:function(e,t){var o=n.ref(0),i=n.toRefs(e),u=i.count,c=i.limit,s=function(e){var t=e.isFirst,a=e.isLast,r=n.getCurrentInstance().props;return r.showTotalCount?n.createVNode("div",n.mergeProps({class:{"bk-pagination-total":!0,"is-first":t,"is-last":a}},{disabled:r.disabled}),[n.createTextVNode("共计"),n.createVNode("div",{class:"bk-pagination-total-num"},[r.count]),n.createTextVNode("条")]):null},d=function(){var e=n.getCurrentInstance().proxy,t=n.ref(1),a=n.computed((function(){return 1===t.value})),o=n.computed((function(){return t.value===e.totalPageNum})),i=n.ref(!1),l=n.ref(!1),u=n.computed((function(){i.value=!1,l.value=!1;var n=[];if(e.totalPageNum<=5){for(var a=2;a<=e.totalPageNum-1;a++)n.push(a);return n}var r=Math.floor(2.5);e.totalPageNum>5&&(i.value=t.value-r>2,l.value=t.value+r<e.totalPageNum-1);for(var o=Math.min(e.totalPageNum-5,Math.max(2,t.value-r)),u=o;u<o+5;u++)n.push(u);return n}));n.watch((function(){return e.modelValue}),(function(a){n.nextTick((function(){a>=1&&a<=e.totalPageNum?t.value=a:t.value=a<1?1:e.totalPageNum}))})),n.nextTick((function(){n.watch((function(){return e.totalPageNum}),(function(e){t.value>e&&(t.value=e)}))}));var c=function(){a.value||(t.value=t.value-1)},s=function(){o.value||(t.value=t.value+1)},d=function(e){e!==t.value&&(t.value=e)},p=function(){t.value=Math.max(1,t.value-5)},f=function(){t.value=Math.min(e.totalPageNum,t.value+5)};return{current:t,render:function(v){var m=v.isFirst,g=v.isLast;return n.createVNode("div",{class:{"bk-pagination-list":!0,"is-first":m,"is-last":g}},[n.createVNode("div",{class:{"bk-pagination-list-pre":!0,"is-disabled":a.value},onClick:c},[e.prevText||n.createVNode(r.AngleLeft,null,null)]),n.createVNode("div",{class:{"bk-pagination-list-item":!0,"is-active":1===t.value},key:"1",onClick:function(){return d(1)}},[n.createTextVNode("1")]),i.value&&n.createVNode("div",{key:"pre-batch",class:"bk-pagination-list-pre-batch",onClick:p},[n.createVNode(r.Ellipsis,null,null)]),u.value.map((function(e){return n.createVNode("div",{class:{"bk-pagination-list-item":!0,"is-active":t.value===e},key:e,onClick:function(){return d(e)}},[e])})),l.value&&n.createVNode("div",{key:"next-batch",class:"bk-pagination-list-next-batch",onClick:f},[n.createVNode(r.Ellipsis,null,null)]),e.totalPageNum>1&&n.createVNode("div",{class:{"bk-pagination-list-item":!0,"is-active":t.value===e.totalPageNum},key:"last",onClick:function(){return d(e.totalPageNum)}},[e.totalPageNum]),n.createVNode("div",{class:{"bk-pagination-list-pre":!0,"is-disabled":o.value},onClick:s},[e.nextText||n.createVNode(r.AngleRight,null,null)])])}}}(),p=d.current,f=d.render,v=h(),m=v.current,g=v.render,b=function(){var e=n.getCurrentInstance().proxy,t=n.ref(e.limit);n.watch((function(){return e.limit}),(function(e){t.value=e})),n.watch((function(){return e.limitList}),(function(e){n.nextTick((function(){if(!e.includes(t.value)){var n=x(e,1);t.value=n[0]}}))}),{immediate:!0});var r=function(e){t.value=e};return{limit:t,render:function(o){var i,u,c=o.isFirst,s=o.isLast;return e.showLimit?n.createVNode("div",n.mergeProps({class:{"bk-pagination-limit":!0,"is-first":c,"is-last":s}},{disabled:e.disabled}),[n.createVNode("div",null,[n.createTextVNode("每页")]),n.createVNode(l.default,{class:"bk-pagination-limit-select",clearable:!1,modelValue:t.value,onChange:r,disabled:e.disabled},(u=i=e.limitList.map((function(e,t){return n.createVNode(a.BkOption,{value:e,label:e,key:"".concat(t,"_").concat(e)},null)})),"function"==typeof u||"[object Object]"===Object.prototype.toString.call(u)&&!n.isVNode(u)?i:{default:function(){return[i]}})),n.createVNode("div",null,[n.createTextVNode("条")])]):null}}}(),N=b.limit,y=b.render;return n.watch([u,N,c],(function(e){var t=x(e,2),n=t[0],a=t[1],r=Math.ceil(n/a);o.value=r<1?1:r}),{immediate:!0}),n.watch(p,(function(e){t.emit("update:modelValue",e),t.emit("change",e)})),n.watch(m,(function(e){t.emit("update:modelValue",e),t.emit("change",e)})),n.watch(N,(function(e){t.emit("limit-change",e)})),{totalPageNum:o,renderTotal:s,renderList:f,renderLimit:y,renderSmallList:g}},render:function(){var e,a=this,r=t.classes((d(e={"bk-pagination":!0},"bk-pagination--".concat(this.size),!0),d(e,"is-align-".concat(this.align),!0),e)),o={total:this.renderTotal,list:this.small?this.renderSmallList:this.renderList,limit:this.renderLimit};return n.createVNode("div",{class:r},[this.layout.map((function(e,t){return o[e]({isFirst:0===t,isLast:t===a.layout.length-1})}))])}}),k=t.withInstall(y);e.BkPagination=k,e.default=k,Object.defineProperty(e,"__esModule",{value:!0})}));

package/lib/pagination/pagination.d.ts

@@ -122,7 +122,7 @@ declare const _default: import("vue").DefineComponent<{
         default: () => string[];
     };
 }, {
-    pageNum: import("vue").Ref<number>;
+    totalPageNum: import("vue").Ref<number>;
     renderTotal: ({ isFirst, isLast }: {
         isFirst: any;
         isLast: any;

package/lib/pagination/type.d.ts

@@ -2,5 +2,5 @@ import type { ComponentPublicInstance } from 'vue';
 import type { PaginationProps } from './pagination';
 export declare type IPaginationInstance = ComponentPublicInstance<PaginationProps, {
     limit: PaginationProps['limit'];
-    pageNum: number;
+    totalPageNum: number;
 }>;

package/lib/tag/index.js

@@ -1 +1 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("../shared"),require("vue"),require("../icon")):"function"==typeof define&&define.amd?define(["exports","../shared","vue","../icon"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).bkuiVue={},e.Shared,e.Vue,e["@bkui-vue/icon/icons"])}(this,(function(e,t,o,s){"use strict";function r(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var n={exports:{}};!function(e){e.exports=function(e,t,o){return t in e?Object.defineProperty(e,t,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[t]=o,e},e.exports.__esModule=!0,e.exports.default=e.exports}(n);var l=r(n.exports),a=o.defineComponent({name:"Tag",props:{theme:t.PropTypes.theme(["success","info","warning","danger"]).def(""),closable:t.PropTypes.bool.def(!1),type:t.PropTypes.commonType(["","filled","stroke"]).def(""),checkable:t.PropTypes.bool.def(!1),checked:t.PropTypes.bool.def(!1),radius:t.PropTypes.string.def("2px"),extCls:t.PropTypes.string.def("")},emits:["change","close"],slots:["icon"],setup:function(e,s){var r=s.emit;return{wrapperCls:o.computed((function(){var o;return t.classes((o={"bk-tag-closable":e.closable,"bk-tag-checkable":e.checkable,"bk-tag-check":e.checked},l(o,"bk-tag-".concat(e.type),e.type),l(o,"bk-tag-".concat(e.theme),e.theme),l(o,e.extCls,!!e.extCls),o),"bk-tag")})),wrapperStyle:o.computed((function(){return{borderRadius:e.radius}})),handleClose:function(e){e.preventDefault(),e.stopPropagation(),r("close",e)},handleClick:function(t){t.preventDefault(),t.stopPropagation(),e.checkable&&r("change",!e.checked)}}},render:function(){var e,t;return o.createVNode("div",{class:this.wrapperCls,style:this.wrapperStyle,onClick:this.handleClick},[this.$slots.icon?o.createVNode("span",{class:"bk-tag-icon"},[this.$slots.icon()]):"",o.createVNode("span",null,[null===(t=(e=this.$slots).default)||void 0===t?void 0:t.call(e)]),this.closable?o.createVNode(s.Error,{class:"bk-tag-close",onClick:this.handleClose},null):""])}}),c=t.withInstall(a);e.default=c,Object.defineProperty(e,"__esModule",{value:!0})}));
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("../shared"),require("vue"),require("../icon")):"function"==typeof define&&define.amd?define(["exports","../shared","vue","../icon"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).bkuiVue={},e.Shared,e.Vue,e["@bkui-vue/icon/icons"])}(this,(function(e,t,o,s){"use strict";function r(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}var n={exports:{}};!function(e){e.exports=function(e,t,o){return t in e?Object.defineProperty(e,t,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[t]=o,e},e.exports.__esModule=!0,e.exports.default=e.exports}(n);var a=r(n.exports),l=o.defineComponent({name:"Tag",props:{theme:t.PropTypes.theme(["success","info","warning","danger"]).def(""),closable:t.PropTypes.bool.def(!1),type:t.PropTypes.commonType(["","filled","stroke"]).def(""),checkable:t.PropTypes.bool.def(!1),checked:t.PropTypes.bool.def(!1),radius:t.PropTypes.string.def("2px"),extCls:t.PropTypes.string.def("")},emits:["change","close"],slots:["icon"],setup:function(e,s){var r=s.emit;return{wrapperCls:o.computed((function(){var o;return t.classes((o={"bk-tag-closable":e.closable,"bk-tag-checkable":e.checkable,"bk-tag-check":e.checked},a(o,"bk-tag-".concat(e.type),e.type),a(o,"bk-tag-".concat(e.theme),e.theme),a(o,e.extCls,!!e.extCls),o),"bk-tag")})),wrapperStyle:o.computed((function(){return{borderRadius:e.radius}})),handleClose:function(e){e.preventDefault(),e.stopPropagation(),r("close",e)},handleClick:function(t){t.preventDefault(),t.stopPropagation(),e.checkable&&r("change",!e.checked)}}},render:function(){var e,t;return o.createVNode("div",{class:this.wrapperCls,style:this.wrapperStyle,onClick:this.handleClick},[this.$slots.icon?o.createVNode("span",{class:"bk-tag-icon"},[this.$slots.icon()]):"",o.createVNode("span",{class:"bk-tag-text"},[null===(t=(e=this.$slots).default)||void 0===t?void 0:t.call(e)]),this.closable?o.createVNode(s.Error,{class:"bk-tag-close",onClick:this.handleClose},null):""])}}),c=t.withInstall(l);e.default=c,Object.defineProperty(e,"__esModule",{value:!0})}));

package/lib/tag/tag.css

@@ -1,5 +1,6 @@
 .bk-tag {
-  display: inline-block;
+  display: inline-flex;
+  align-items: center;
   height: 22px;
   padding: 0 10px;
   margin: 2px 6px 2px 0px;
@@ -75,17 +76,22 @@
   background: #3a84ff;
   opacity: 1;
 }
+.bk-tag .bk-tag-text {
+  flex: 1;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
 .bk-tag .bk-tag-icon {
-  display: inline-block;
+  flex-shrink: 0;
   margin-right: 4px;
   font-size: 14px;
   line-height: 0;
 }
 .bk-tag .bk-tag-close {
-  display: inline-block;
+  flex-shrink: 0;
   margin-left: 4px;
   font-size: 12px;
   line-height: 0;
-  vertical-align: 1px;
   cursor: pointer;
 }

package/lib/tag/tag.less

@@ -22,7 +22,8 @@
 @themeSelectors: success, info, warning, danger;
 
 .bk-tag {
-  display: inline-block;
+  display: inline-flex;
+  align-items: center;
   height: 22px;
   padding: 0 10px;
   margin: 2px 6px 2px 0px;
@@ -88,19 +89,25 @@
     }
   }
 
+  .bk-tag-text {
+    flex: 1;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+
   .bk-tag-icon {
-    display: inline-block;
+    flex-shrink: 0;
     margin-right: 4px;
     font-size: 14px;
     line-height: 0;
   }
 
   .bk-tag-close {
-    display: inline-block;
+    flex-shrink: 0;
     margin-left: 4px;
     font-size: 12px;
     line-height: 0;
-    vertical-align: 1px;
     cursor: pointer;
   }
 }

package/lib/tag/tag.variable.css

@@ -92,7 +92,8 @@
   --table-row-hover-bg-color: #f5f7fa;
 }
 .bk-tag {
-  display: inline-block;
+  display: inline-flex;
+  align-items: center;
   height: 22px;
   padding: 0 10px;
   margin: 2px 6px 2px 0px;
@@ -168,17 +169,22 @@
   background: var(--primary-color);
   opacity: 1;
 }
+.bk-tag .bk-tag-text {
+  flex: 1;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
 .bk-tag .bk-tag-icon {
-  display: inline-block;
+  flex-shrink: 0;
   margin-right: 4px;
   font-size: 14px;
   line-height: 0;
 }
 .bk-tag .bk-tag-close {
-  display: inline-block;
+  flex-shrink: 0;
   margin-left: 4px;
   font-size: 12px;
   line-height: 0;
-  vertical-align: 1px;
   cursor: pointer;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bkui-vue",
-  "version": "0.0.1-beta.26",
+  "version": "0.0.1-beta.27",
   "workspaces": {
     "packages": [
       "packages/!(**.bak)*"