bkui-vue 0.0.2-beta.110 → 0.0.2-beta.112

package/lib/table/index.d.ts

@@ -1223,7 +1223,7 @@ declare const BkTable: {
             default: string;
         };
         showOverflowTooltip: import("vue-types").VueTypeDef<import("./props").IOverflowTooltipProp>;
-        type: import("vue-types").VueTypeDef<"none" | "selection" | "index" | "expand">;
+        type: import("vue-types").VueTypeDef<"none" | "index" | "selection" | "expand">;
         resizable: import("vue-types").VueTypeValidableDef<boolean> & {
             default: boolean;
         } & {
@@ -1318,7 +1318,7 @@ declare const BkTable: {
                 height?: number;
                 maxHeight?: number;
             };
-            type?: "none" | "selection" | "index" | "expand";
+            type?: "none" | "index" | "selection" | "expand";
             label?: import("./props").LabelFunctionString;
             width?: string | number;
             className?: import("./props").RowClassFunctionString;
@@ -1350,7 +1350,7 @@ declare const BkTable: {
                 default: string;
             };
             showOverflowTooltip: import("vue-types").VueTypeDef<import("./props").IOverflowTooltipProp>;
-            type: import("vue-types").VueTypeDef<"none" | "selection" | "index" | "expand">;
+            type: import("vue-types").VueTypeDef<"none" | "index" | "selection" | "expand">;
             resizable: import("vue-types").VueTypeValidableDef<boolean> & {
                 default: boolean;
             } & {
@@ -1402,7 +1402,7 @@ declare const BkTable: {
             default: string;
         };
         showOverflowTooltip: import("vue-types").VueTypeDef<import("./props").IOverflowTooltipProp>;
-        type: import("vue-types").VueTypeDef<"none" | "selection" | "index" | "expand">;
+        type: import("vue-types").VueTypeDef<"none" | "index" | "selection" | "expand">;
         resizable: import("vue-types").VueTypeValidableDef<boolean> & {
             default: boolean;
         } & {

package/lib/table/index.js

@@ -13,9 +13,9 @@ import * as __WEBPACK_EXTERNAL_MODULE__icon_85385c3e__ from "../icon";
 import * as __WEBPACK_EXTERNAL_MODULE__pagination_6e36ddb9__ from "../pagination";
 import * as __WEBPACK_EXTERNAL_MODULE__directives_9cc9ba10__ from "../directives";
 import * as __WEBPACK_EXTERNAL_MODULE__exception_12c197e0__ from "../exception";
+import * as __WEBPACK_EXTERNAL_MODULE__button_59c00871__ from "../button";
 import * as __WEBPACK_EXTERNAL_MODULE__popover_cf5f8dce__ from "../popover";
 import * as __WEBPACK_EXTERNAL_MODULE__icon__2ba2075d__ from "../icon/";
-import * as __WEBPACK_EXTERNAL_MODULE__button_59c00871__ from "../button";
 /******/ // The require scope
 /******/ var __webpack_require__ = {};
 /******/ 
@@ -4463,6 +4463,10 @@ const external_exception_namespaceObject = external_exception_x({ ["default"]: (
     };
   }
 }));
+;// CONCATENATED MODULE: external "../button"
+var external_button_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
+var external_button_y = x => () => x
+const external_button_namespaceObject = external_button_x({ ["default"]: () => __WEBPACK_EXTERNAL_MODULE__button_59c00871__["default"] });
 ;// CONCATENATED MODULE: external "../popover"
 var external_popover_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
 var external_popover_y = x => () => x
@@ -4506,6 +4510,10 @@ const external_popover_namespaceObject = external_popover_x({ ["default"]: () =>
 
 
 
+
+function _isSlot(s) {
+  return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !(0,external_vue_namespaceObject.isVNode)(s);
+}
 /* harmony default export */ const head_filter = ((0,external_vue_namespaceObject.defineComponent)({
   name: 'HeadFilter',
   props: {
@@ -4632,10 +4640,16 @@ const external_popover_namespaceObject = external_popover_x({ ["default"]: () =>
           "class": "btn-filter-save disabled"
         }, [text]);
       }
-      return (0,external_vue_namespaceObject.createVNode)("span", {
-        "class": "btn-filter-save",
+      return (0,external_vue_namespaceObject.createVNode)(external_button_namespaceObject["default"], {
+        "theme": "primary",
+        "size": "small",
+        "style": "width: 56px; margin-right: 8px;",
         "onClick": handleBtnSaveClick
-      }, [text]);
+      }, _isSlot(text) ? text : {
+        "default": function _default() {
+          return [text];
+        }
+      });
     };
     var renderResetBtn = function renderResetBtn() {
       var _resolveBtnOption3 = resolveBtnOption(btnReset, t.value.reset),
@@ -4644,10 +4658,16 @@ const external_popover_namespaceObject = external_popover_x({ ["default"]: () =>
       if (disabled) {
         return '';
       }
-      return (0,external_vue_namespaceObject.createVNode)("span", {
-        "class": ['btn-filter-reset', state.checked.length ? '' : 'disable'],
+      return (0,external_vue_namespaceObject.createVNode)(external_button_namespaceObject["default"], {
+        "style": "width: 56px;",
+        "size": "small",
+        "disabled": state.checked.length === 0,
         "onClick": handleBtnResetClick
-      }, [text]);
+      }, _isSlot(text) ? text : {
+        "default": function _default() {
+          return [text];
+        }
+      });
     };
     var handleValueChange = function handleValueChange(val, item) {
       var _state$checked;
@@ -4741,9 +4761,7 @@ const external_popover_namespaceObject = external_popover_x({ ["default"]: () =>
             }
           }), (0,external_vue_namespaceObject.createVNode)("div", {
             "class": "content-footer"
-          }, [renderSaveBtn(), (0,external_vue_namespaceObject.createVNode)("span", {
-            "class": "btn-filter-split"
-          }, null), renderResetBtn()])]);
+          }, [renderSaveBtn(), renderResetBtn()])]);
         }
       });
     };
@@ -4899,10 +4917,6 @@ const _namespaceObject = _x({ ["AngleDownFill"]: () => __WEBPACK_EXTERNAL_MODULE
     };
   }
 }));
-;// CONCATENATED MODULE: external "../button"
-var external_button_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
-var external_button_y = x => () => x
-const external_button_namespaceObject = external_button_x({ ["default"]: () => __WEBPACK_EXTERNAL_MODULE__button_59c00871__["default"] });
 ;// CONCATENATED MODULE: ../../packages/table/src/plugins/settings.tsx
 
 
@@ -4941,7 +4955,7 @@ const external_button_namespaceObject = external_button_x({ ["default"]: () => _
 
 
 
-function _isSlot(s) {
+function settings_isSlot(s) {
   return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !(0,external_vue_namespaceObject.isVNode)(s);
 }
 /* harmony default export */ const plugins_settings = ((0,external_vue_namespaceObject.defineComponent)({
@@ -5165,7 +5179,7 @@ function _isSlot(s) {
             "onUpdate:modelValue": function onUpdateModelValue($event) {
               return checkedFields.value = $event;
             }
-          }, _isSlot(_slot2 = renderFields.value.map(function (item, index) {
+          }, settings_isSlot(_slot2 = renderFields.value.map(function (item, index) {
             var _slot;
             return (0,external_vue_namespaceObject.createVNode)("div", {
               "class": "field-item"
@@ -5173,7 +5187,7 @@ function _isSlot(s) {
               "checked": checkedFields.value.includes(resolvedColVal(item, index)),
               "label": resolvedColVal(item, index),
               "disabled": isItemReadonly(item, index)
-            }, _isSlot(_slot = resolvePropVal(item, ['name', 'label'], [item, index])) ? _slot : {
+            }, settings_isSlot(_slot = resolvePropVal(item, ['name', 'label'], [item, index])) ? _slot : {
               "default": function _default() {
                 return [_slot];
               }

package/lib/table/plugins/head-filter.css

@@ -32,7 +32,7 @@
   --input-border-color: var(--light-gray);
   --input-broder-radius: 3px;
   --input-shadow-color: #a3c5fd;
-  --input-horizontal-padding: 10px;
+  --input-horizontal-padding: 8px;
   --input-block-color: #f5f7fa;
   --input-block-hover-color: #eaebf0;
   --input-icon-size: var(--font-size-medium);
@@ -176,34 +176,7 @@
 }
 .bk-popover.bk-pop2-content.bk-table-head-filter .content-footer {
   display: flex;
-  height: 42px;
-  padding: 0 10px;
+  padding: 12px;
   border-top: solid 1px #dcdee5;
-  justify-content: center;
-  align-items: center;
-}
-.bk-popover.bk-pop2-content.bk-table-head-filter .content-footer span {
-  display: inline-flex;
-  height: 100%;
-  padding: 6px 12px;
-  font-size: 14px;
-  line-height: 22px;
-  color: var(--primary-color);
-  cursor: pointer;
   align-items: center;
 }
-.bk-popover.bk-pop2-content.bk-table-head-filter .content-footer span.disabled {
-  color: transparent;
-  cursor: auto;
-}
-.bk-popover.bk-pop2-content.bk-table-head-filter .content-footer span.btn-filter-split {
-  width: 1px;
-  height: calc(100% - 12px);
-  padding: 6px 0;
-  cursor: default;
-  background: #f0f1f5;
-}
-.bk-popover.bk-pop2-content.bk-table-head-filter .content-footer span.btn-filter-reset.disable {
-  color: var(--gray-color);
-  cursor: not-allowed;
-}

package/lib/table/plugins/head-filter.less

@@ -7,6 +7,7 @@
   color: #c4c6cc;
   cursor: pointer;
   align-items: center;
+
   &:last-of-type {
     margin-right: -10px;
   }
@@ -69,42 +70,9 @@
 
       .content-footer {
         display: flex;
-        height: 42px;
-        padding: 0 10px;
+        padding: 12px;
         border-top: solid 1px #dcdee5;
-        justify-content: center;
         align-items: center;
-
-        span {
-          display: inline-flex;
-          height: 100%;
-          padding: 6px 12px;
-          font-size: 14px;
-          line-height: 22px;
-          color: @primary-color;
-          cursor: pointer;
-          align-items: center;
-
-          &.disabled {
-            color: transparent;
-            cursor: auto;
-          }
-
-          &.btn-filter-split {
-            width: 1px;
-            height: calc(100% - 12px);
-            padding: 6px 0;
-            cursor: default;
-            background: #f0f1f5;
-          }
-
-          &.btn-filter-reset {
-            &.disable {
-              color: @gray-color;
-              cursor: not-allowed;
-            }
-          }
-        }
       }
     }
   }

package/lib/table/plugins/head-filter.variable.css

@@ -154,7 +154,7 @@
   --input-border-color: var(--light-gray);
   --input-broder-radius: 3px;
   --input-shadow-color: #a3c5fd;
-  --input-horizontal-padding: 10px;
+  --input-horizontal-padding: 8px;
   --input-block-color: #f5f7fa;
   --input-block-hover-color: #eaebf0;
   --input-icon-size: var(--font-size-medium);
@@ -276,7 +276,7 @@
   --input-border-color: var(--light-gray);
   --input-broder-radius: 3px;
   --input-shadow-color: #a3c5fd;
-  --input-horizontal-padding: 10px;
+  --input-horizontal-padding: 8px;
   --input-block-color: #f5f7fa;
   --input-block-hover-color: #eaebf0;
   --input-icon-size: var(--font-size-medium);
@@ -420,34 +420,7 @@
 }
 .bk-popover.bk-pop2-content.bk-table-head-filter .content-footer {
   display: flex;
-  height: 42px;
-  padding: 0 10px;
+  padding: 12px;
   border-top: solid 1px #dcdee5;
-  justify-content: center;
-  align-items: center;
-}
-.bk-popover.bk-pop2-content.bk-table-head-filter .content-footer span {
-  display: inline-flex;
-  height: 100%;
-  padding: 6px 12px;
-  font-size: 14px;
-  line-height: 22px;
-  color: var(--primary-color);
-  cursor: pointer;
   align-items: center;
 }
-.bk-popover.bk-pop2-content.bk-table-head-filter .content-footer span.disabled {
-  color: transparent;
-  cursor: auto;
-}
-.bk-popover.bk-pop2-content.bk-table-head-filter .content-footer span.btn-filter-split {
-  width: 1px;
-  height: calc(100% - 12px);
-  padding: 6px 0;
-  cursor: default;
-  background: #f0f1f5;
-}
-.bk-popover.bk-pop2-content.bk-table-head-filter .content-footer span.btn-filter-reset.disable {
-  color: var(--gray-color);
-  cursor: not-allowed;
-}

package/lib/table/plugins/head-sort.css

@@ -32,7 +32,7 @@
   --input-border-color: var(--light-gray);
   --input-broder-radius: 3px;
   --input-shadow-color: #a3c5fd;
-  --input-horizontal-padding: 10px;
+  --input-horizontal-padding: 8px;
   --input-block-color: #f5f7fa;
   --input-block-hover-color: #eaebf0;
   --input-icon-size: var(--font-size-medium);

package/lib/table/plugins/head-sort.variable.css

@@ -154,7 +154,7 @@
   --input-border-color: var(--light-gray);
   --input-broder-radius: 3px;
   --input-shadow-color: #a3c5fd;
-  --input-horizontal-padding: 10px;
+  --input-horizontal-padding: 8px;
   --input-block-color: #f5f7fa;
   --input-block-hover-color: #eaebf0;
   --input-icon-size: var(--font-size-medium);
@@ -276,7 +276,7 @@
   --input-border-color: var(--light-gray);
   --input-broder-radius: 3px;
   --input-shadow-color: #a3c5fd;
-  --input-horizontal-padding: 10px;
+  --input-horizontal-padding: 8px;
   --input-block-color: #f5f7fa;
   --input-block-hover-color: #eaebf0;
   --input-icon-size: var(--font-size-medium);

package/lib/table/plugins/settings.css

@@ -32,7 +32,7 @@
   --input-border-color: var(--light-gray);
   --input-broder-radius: 3px;
   --input-shadow-color: #a3c5fd;
-  --input-horizontal-padding: 10px;
+  --input-horizontal-padding: 8px;
   --input-block-color: #f5f7fa;
   --input-block-hover-color: #eaebf0;
   --input-icon-size: var(--font-size-medium);

package/lib/table/plugins/settings.variable.css

@@ -154,7 +154,7 @@
   --input-border-color: var(--light-gray);
   --input-broder-radius: 3px;
   --input-shadow-color: #a3c5fd;
-  --input-horizontal-padding: 10px;
+  --input-horizontal-padding: 8px;
   --input-block-color: #f5f7fa;
   --input-block-hover-color: #eaebf0;
   --input-icon-size: var(--font-size-medium);
@@ -276,7 +276,7 @@
   --input-border-color: var(--light-gray);
   --input-broder-radius: 3px;
   --input-shadow-color: #a3c5fd;
-  --input-horizontal-padding: 10px;
+  --input-horizontal-padding: 8px;
   --input-block-color: #f5f7fa;
   --input-block-hover-color: #eaebf0;
   --input-icon-size: var(--font-size-medium);

package/lib/table/props.d.ts

@@ -25,7 +25,7 @@ export declare enum TableAlignEnum {
     CENTER = "center",
     NONE = ""
 }
-export declare const columnType: import("vue-types").VueTypeDef<"none" | "selection" | "index" | "expand">;
+export declare const columnType: import("vue-types").VueTypeDef<"none" | "index" | "selection" | "expand">;
 export declare const TableAlign: import("vue-types").VueTypeDef<"" | "right" | "left" | "center">;
 export declare enum FullEnum {
     FULL = "full",

package/lib/table/table.css

@@ -32,7 +32,7 @@
   --input-border-color: var(--light-gray);
   --input-broder-radius: 3px;
   --input-shadow-color: #a3c5fd;
-  --input-horizontal-padding: 10px;
+  --input-horizontal-padding: 8px;
   --input-block-color: #f5f7fa;
   --input-block-hover-color: #eaebf0;
   --input-icon-size: var(--font-size-medium);
@@ -168,7 +168,7 @@
   user-select: none;
 }
 .bk-checkbox ~ .bk-checkbox {
-  margin-left: 30px;
+  margin-left: 24px;
 }
 .bk-checkbox.is-checked .bk-checkbox-input {
   background: var(--primary-color);
@@ -843,7 +843,7 @@
 .bk-popover.bk-pop2-content {
   position: absolute;
   display: none;
-  padding: 7px 14px;
+  padding: 12px;
   font-size: 12px;
   color: #fff;
   background: #26323d;
@@ -922,37 +922,10 @@
 }
 .bk-popover.bk-pop2-content.bk-table-head-filter .content-footer {
   display: flex;
-  height: 42px;
-  padding: 0 10px;
+  padding: 12px;
   border-top: solid 1px #dcdee5;
-  justify-content: center;
-  align-items: center;
-}
-.bk-popover.bk-pop2-content.bk-table-head-filter .content-footer span {
-  display: inline-flex;
-  height: 100%;
-  padding: 6px 12px;
-  font-size: 14px;
-  line-height: 22px;
-  color: var(--primary-color);
-  cursor: pointer;
   align-items: center;
 }
-.bk-popover.bk-pop2-content.bk-table-head-filter .content-footer span.disabled {
-  color: transparent;
-  cursor: auto;
-}
-.bk-popover.bk-pop2-content.bk-table-head-filter .content-footer span.btn-filter-split {
-  width: 1px;
-  height: calc(100% - 12px);
-  padding: 6px 0;
-  cursor: default;
-  background: #f0f1f5;
-}
-.bk-popover.bk-pop2-content.bk-table-head-filter .content-footer span.btn-filter-reset.disable {
-  color: var(--gray-color);
-  cursor: not-allowed;
-}
 .bk-head-cell-sort {
   display: flex;
   height: 100%;
@@ -1146,6 +1119,7 @@
 .bk-table .bk-table-body {
   position: relative;
   overflow: auto;
+  scrollbar-gutter: stable;
 }
 .bk-table .bk-table-body::-webkit-scrollbar {
   width: 5px;

package/lib/table/table.less

@@ -34,6 +34,7 @@
   .@{bk-prefix}-table-body {
     position: relative;
     overflow: auto;
+    scrollbar-gutter: stable;
 
     &::-webkit-scrollbar {
       width: 5px;

package/lib/table/table.variable.css

@@ -154,7 +154,7 @@
   --input-border-color: var(--light-gray);
   --input-broder-radius: 3px;
   --input-shadow-color: #a3c5fd;
-  --input-horizontal-padding: 10px;
+  --input-horizontal-padding: 8px;
   --input-block-color: #f5f7fa;
   --input-block-hover-color: #eaebf0;
   --input-icon-size: var(--font-size-medium);
@@ -276,7 +276,7 @@
   --input-border-color: var(--light-gray);
   --input-broder-radius: 3px;
   --input-shadow-color: #a3c5fd;
-  --input-horizontal-padding: 10px;
+  --input-horizontal-padding: 8px;
   --input-block-color: #f5f7fa;
   --input-block-hover-color: #eaebf0;
   --input-icon-size: var(--font-size-medium);
@@ -398,7 +398,7 @@
   --input-border-color: var(--light-gray);
   --input-broder-radius: 3px;
   --input-shadow-color: #a3c5fd;
-  --input-horizontal-padding: 10px;
+  --input-horizontal-padding: 8px;
   --input-block-color: #f5f7fa;
   --input-block-hover-color: #eaebf0;
   --input-icon-size: var(--font-size-medium);
@@ -534,7 +534,7 @@
   user-select: none;
 }
 .bk-checkbox ~ .bk-checkbox {
-  margin-left: 30px;
+  margin-left: 24px;
 }
 .bk-checkbox.is-checked .bk-checkbox-input {
   background: var(--primary-color);
@@ -1209,7 +1209,7 @@
 .bk-popover.bk-pop2-content {
   position: absolute;
   display: none;
-  padding: 7px 14px;
+  padding: 12px;
   font-size: 12px;
   color: #fff;
   background: #26323d;
@@ -1288,37 +1288,10 @@
 }
 .bk-popover.bk-pop2-content.bk-table-head-filter .content-footer {
   display: flex;
-  height: 42px;
-  padding: 0 10px;
+  padding: 12px;
   border-top: solid 1px #dcdee5;
-  justify-content: center;
-  align-items: center;
-}
-.bk-popover.bk-pop2-content.bk-table-head-filter .content-footer span {
-  display: inline-flex;
-  height: 100%;
-  padding: 6px 12px;
-  font-size: 14px;
-  line-height: 22px;
-  color: var(--primary-color);
-  cursor: pointer;
   align-items: center;
 }
-.bk-popover.bk-pop2-content.bk-table-head-filter .content-footer span.disabled {
-  color: transparent;
-  cursor: auto;
-}
-.bk-popover.bk-pop2-content.bk-table-head-filter .content-footer span.btn-filter-split {
-  width: 1px;
-  height: calc(100% - 12px);
-  padding: 6px 0;
-  cursor: default;
-  background: #f0f1f5;
-}
-.bk-popover.bk-pop2-content.bk-table-head-filter .content-footer span.btn-filter-reset.disable {
-  color: var(--gray-color);
-  cursor: not-allowed;
-}
 .bk-head-cell-sort {
   display: flex;
   height: 100%;
@@ -1512,6 +1485,7 @@
 .bk-table .bk-table-body {
   position: relative;
   overflow: auto;
+  scrollbar-gutter: stable;
 }
 .bk-table .bk-table-body::-webkit-scrollbar {
   width: 5px;

package/lib/table-column/index.d.ts

@@ -13,7 +13,7 @@ declare const BkTableColumn: {
             readonly render?: import("../../table/src/props").RenderFunctionString;
             readonly sort?: import("../../table/src/props").ISortPropShape;
             readonly filter?: import("../../table/src/props").IFilterPropShape;
-            readonly type?: "none" | "selection" | "index" | "expand";
+            readonly type?: "none" | "index" | "selection" | "expand";
             class?: unknown;
             readonly label?: import("../../table/src/props").LabelFunctionString;
             style?: unknown;
@@ -93,7 +93,7 @@ declare const BkTableColumn: {
                 default: string;
             };
             showOverflowTooltip: import("vue-types").VueTypeDef<import("../../table/src/props").IOverflowTooltipProp>;
-            type: import("vue-types").VueTypeDef<"none" | "selection" | "index" | "expand">;
+            type: import("vue-types").VueTypeDef<"none" | "index" | "selection" | "expand">;
             resizable: import("vue-types").VueTypeValidableDef<boolean> & {
                 default: boolean;
             } & {
@@ -188,7 +188,7 @@ declare const BkTableColumn: {
                     height?: number;
                     maxHeight?: number;
                 };
-                type?: "none" | "selection" | "index" | "expand";
+                type?: "none" | "index" | "selection" | "expand";
                 label?: import("../../table/src/props").LabelFunctionString;
                 width?: string | number;
                 className?: import("../../table/src/props").RowClassFunctionString;
@@ -220,7 +220,7 @@ declare const BkTableColumn: {
                     default: string;
                 };
                 showOverflowTooltip: import("vue-types").VueTypeDef<import("../../table/src/props").IOverflowTooltipProp>;
-                type: import("vue-types").VueTypeDef<"none" | "selection" | "index" | "expand">;
+                type: import("vue-types").VueTypeDef<"none" | "index" | "selection" | "expand">;
                 resizable: import("vue-types").VueTypeValidableDef<boolean> & {
                     default: boolean;
                 } & {
@@ -300,7 +300,7 @@ declare const BkTableColumn: {
             default: string;
         };
         showOverflowTooltip: import("vue-types").VueTypeDef<import("../../table/src/props").IOverflowTooltipProp>;
-        type: import("vue-types").VueTypeDef<"none" | "selection" | "index" | "expand">;
+        type: import("vue-types").VueTypeDef<"none" | "index" | "selection" | "expand">;
         resizable: import("vue-types").VueTypeValidableDef<boolean> & {
             default: boolean;
         } & {
@@ -395,7 +395,7 @@ declare const BkTableColumn: {
                 height?: number;
                 maxHeight?: number;
             };
-            type?: "none" | "selection" | "index" | "expand";
+            type?: "none" | "index" | "selection" | "expand";
             label?: import("../../table/src/props").LabelFunctionString;
             width?: string | number;
             className?: import("../../table/src/props").RowClassFunctionString;
@@ -427,7 +427,7 @@ declare const BkTableColumn: {
                 default: string;
             };
             showOverflowTooltip: import("vue-types").VueTypeDef<import("../../table/src/props").IOverflowTooltipProp>;
-            type: import("vue-types").VueTypeDef<"none" | "selection" | "index" | "expand">;
+            type: import("vue-types").VueTypeDef<"none" | "index" | "selection" | "expand">;
             resizable: import("vue-types").VueTypeValidableDef<boolean> & {
                 default: boolean;
             } & {
@@ -483,7 +483,7 @@ declare const BkTableColumn: {
         default: string;
     };
     showOverflowTooltip: import("vue-types").VueTypeDef<import("../../table/src/props").IOverflowTooltipProp>;
-    type: import("vue-types").VueTypeDef<"none" | "selection" | "index" | "expand">;
+    type: import("vue-types").VueTypeDef<"none" | "index" | "selection" | "expand">;
     resizable: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
     } & {
@@ -578,7 +578,7 @@ declare const BkTableColumn: {
             height?: number;
             maxHeight?: number;
         };
-        type?: "none" | "selection" | "index" | "expand";
+        type?: "none" | "index" | "selection" | "expand";
         label?: import("../../table/src/props").LabelFunctionString;
         width?: string | number;
         className?: import("../../table/src/props").RowClassFunctionString;
@@ -610,7 +610,7 @@ declare const BkTableColumn: {
             default: string;
         };
         showOverflowTooltip: import("vue-types").VueTypeDef<import("../../table/src/props").IOverflowTooltipProp>;
-        type: import("vue-types").VueTypeDef<"none" | "selection" | "index" | "expand">;
+        type: import("vue-types").VueTypeDef<"none" | "index" | "selection" | "expand">;
         resizable: import("vue-types").VueTypeValidableDef<boolean> & {
             default: boolean;
         } & {

package/lib/tag/tag.css

@@ -32,7 +32,7 @@
   --input-border-color: var(--light-gray);
   --input-broder-radius: 3px;
   --input-shadow-color: #a3c5fd;
-  --input-horizontal-padding: 10px;
+  --input-horizontal-padding: 8px;
   --input-block-color: #f5f7fa;
   --input-block-hover-color: #eaebf0;
   --input-icon-size: var(--font-size-medium);

package/lib/tag/tag.variable.css

@@ -154,7 +154,7 @@
   --input-border-color: var(--light-gray);
   --input-broder-radius: 3px;
   --input-shadow-color: #a3c5fd;
-  --input-horizontal-padding: 10px;
+  --input-horizontal-padding: 8px;
   --input-block-color: #f5f7fa;
   --input-block-hover-color: #eaebf0;
   --input-icon-size: var(--font-size-medium);
@@ -276,7 +276,7 @@
   --input-border-color: var(--light-gray);
   --input-broder-radius: 3px;
   --input-shadow-color: #a3c5fd;
-  --input-horizontal-padding: 10px;
+  --input-horizontal-padding: 8px;
   --input-block-color: #f5f7fa;
   --input-block-hover-color: #eaebf0;
   --input-icon-size: var(--font-size-medium);