bkui-vue 0.0.1-beta.128 → 0.0.1-beta.130

package/lib/backtop/index.d.ts

@@ -1,4 +1,136 @@
-declare const BkBacktop: import("vue").DefineComponent<{
+declare const BkBacktop: {
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            bottom: number;
+            right: number;
+            extCls: string;
+            target: string;
+            visibilityHeight: number;
+        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+            visibilityHeight: import("vue-types").VueTypeValidableDef<number> & {
+                default: number;
+            } & {
+                default: number;
+            };
+            target: import("vue-types").VueTypeValidableDef<string> & {
+                default: string;
+            } & {
+                default: string;
+            };
+            right: import("vue-types").VueTypeValidableDef<number> & {
+                default: number;
+            } & {
+                default: number;
+            };
+            bottom: import("vue-types").VueTypeValidableDef<number> & {
+                default: number;
+            } & {
+                default: number;
+            };
+            extCls: import("vue-types").VueTypeValidableDef<string> & {
+                default: string;
+            } & {
+                default: string;
+            };
+        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "bottom" | "right" | "extCls" | "target" | "visibilityHeight">;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: import("vue").Slot;
+        }>;
+        $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>;
+        $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>;
+        $emit: (event: string, ...args: any[]) => void;
+        $el: any;
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+            visibilityHeight: import("vue-types").VueTypeValidableDef<number> & {
+                default: number;
+            } & {
+                default: number;
+            };
+            target: import("vue-types").VueTypeValidableDef<string> & {
+                default: string;
+            } & {
+                default: string;
+            };
+            right: import("vue-types").VueTypeValidableDef<number> & {
+                default: number;
+            } & {
+                default: number;
+            };
+            bottom: import("vue-types").VueTypeValidableDef<number> & {
+                default: number;
+            } & {
+                default: number;
+            };
+            extCls: import("vue-types").VueTypeValidableDef<string> & {
+                default: string;
+            } & {
+                default: string;
+            };
+        }>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {
+            bottom: number;
+            right: number;
+            extCls: string;
+            target: string;
+            visibilityHeight: number;
+        }> & {
+            beforeCreate?: (() => void) | (() => void)[];
+            created?: (() => void) | (() => void)[];
+            beforeMount?: (() => void) | (() => void)[];
+            mounted?: (() => void) | (() => void)[];
+            beforeUpdate?: (() => void) | (() => void)[];
+            updated?: (() => void) | (() => void)[];
+            activated?: (() => void) | (() => void)[];
+            deactivated?: (() => void) | (() => void)[];
+            beforeDestroy?: (() => void) | (() => void)[];
+            beforeUnmount?: (() => void) | (() => void)[];
+            destroyed?: (() => void) | (() => void)[];
+            unmounted?: (() => void) | (() => void)[];
+            renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+            renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+            errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>, info: string) => boolean | void)[];
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof import("vue").nextTick;
+        $watch(source: string | Function, cb: Function, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
+    } & Readonly<import("vue").ExtractPropTypes<{
+        visibilityHeight: import("vue-types").VueTypeValidableDef<number> & {
+            default: number;
+        } & {
+            default: number;
+        };
+        target: import("vue-types").VueTypeValidableDef<string> & {
+            default: string;
+        } & {
+            default: string;
+        };
+        right: import("vue-types").VueTypeValidableDef<number> & {
+            default: number;
+        } & {
+            default: number;
+        };
+        bottom: import("vue-types").VueTypeValidableDef<number> & {
+            default: number;
+        } & {
+            default: number;
+        };
+        extCls: import("vue-types").VueTypeValidableDef<string> & {
+            default: string;
+        } & {
+            default: string;
+        };
+    }>> & import("vue").ShallowUnwrapRef<() => JSX.Element> & {} & {} & import("vue").ComponentCustomProperties;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
     visibilityHeight: import("vue-types").VueTypeValidableDef<number> & {
         default: number;
     } & {
@@ -24,37 +156,11 @@ declare const BkBacktop: import("vue").DefineComponent<{
     } & {
         default: string;
     };
-}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    visibilityHeight: import("vue-types").VueTypeValidableDef<number> & {
-        default: number;
-    } & {
-        default: number;
-    };
-    target: import("vue-types").VueTypeValidableDef<string> & {
-        default: string;
-    } & {
-        default: string;
-    };
-    right: import("vue-types").VueTypeValidableDef<number> & {
-        default: number;
-    } & {
-        default: number;
-    };
-    bottom: import("vue-types").VueTypeValidableDef<number> & {
-        default: number;
-    } & {
-        default: number;
-    };
-    extCls: import("vue-types").VueTypeValidableDef<string> & {
-        default: string;
-    } & {
-        default: string;
-    };
-}>>, {
+}>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {
     bottom: number;
     right: number;
     extCls: string;
     target: string;
     visibilityHeight: number;
-}>;
+}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("@vue/runtime-core").Plugin;
 export default BkBacktop;

package/lib/badge/badge.variable.css

@@ -19,7 +19,7 @@
   --line-height-large: 18px;
   --component-size-small: 26px;
   --component-size-base: 32px;
-  --component-size-large: 38px;
+  --component-size-large: 40px;
   --border-width-base: 1px;
   --border-style-base: solid;
   --border-radius-base: 2px;
@@ -34,7 +34,7 @@
   --input-horizontal-padding: 10px;
   --input-block-color: #f5f7fa;
   --input-block-hover-color: #eaebf0;
-  --input-icon-size: var(--font-size-large);
+  --input-icon-size: var(--font-size-medium);
   --input-maxlength-color: #979ba5;
   --button-primary-hover-color: #5594fa;
   --button-danger-hover-color: #ff5656;

package/lib/badge/index.d.ts

@@ -1,4 +1,209 @@
-declare const BkBadge: import("vue").DefineComponent<{
+declare const BkBadge: {
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            theme: string;
+            extCls: string;
+            position: string;
+            visible: boolean;
+            dot: boolean;
+            count: string | number;
+            radius: string;
+            valLength: number;
+            overflowCount: number;
+        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+            theme: import("vue-types").VueTypeValidableDef<string> & {
+                default: string;
+            } & {
+                default: string;
+            };
+            count: import("vue-types").VueTypeDef<string | number> & {
+                default: string | number;
+            };
+            position: import("vue-types").VueTypeValidableDef<string> & {
+                default: string;
+            } & {
+                default: string;
+            };
+            radius: import("vue-types").VueTypeValidableDef<string> & {
+                default: string;
+            };
+            valLength: import("vue-types").VueTypeValidableDef<number> & {
+                default: number;
+            } & {
+                default: number;
+            };
+            overflowCount: import("vue-types").VueTypeValidableDef<number> & {
+                default: number;
+            } & {
+                default: number;
+            };
+            dot: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            visible: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            extCls: import("vue-types").VueTypeValidableDef<string> & {
+                default: string;
+            };
+        }>> & {
+            onHover?: (...args: any[]) => any;
+            onLeave?: (...args: any[]) => any;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "theme" | "extCls" | "position" | "visible" | "dot" | "count" | "radius" | "valLength" | "overflowCount">;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: import("vue").Slot;
+        }>;
+        $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>;
+        $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>;
+        $emit: (event: "hover" | "leave", ...args: any[]) => void;
+        $el: any;
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+            theme: import("vue-types").VueTypeValidableDef<string> & {
+                default: string;
+            } & {
+                default: string;
+            };
+            count: import("vue-types").VueTypeDef<string | number> & {
+                default: string | number;
+            };
+            position: import("vue-types").VueTypeValidableDef<string> & {
+                default: string;
+            } & {
+                default: string;
+            };
+            radius: import("vue-types").VueTypeValidableDef<string> & {
+                default: string;
+            };
+            valLength: import("vue-types").VueTypeValidableDef<number> & {
+                default: number;
+            } & {
+                default: number;
+            };
+            overflowCount: import("vue-types").VueTypeValidableDef<number> & {
+                default: number;
+            } & {
+                default: number;
+            };
+            dot: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            visible: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            extCls: import("vue-types").VueTypeValidableDef<string> & {
+                default: string;
+            };
+        }>> & {
+            onHover?: (...args: any[]) => any;
+            onLeave?: (...args: any[]) => any;
+        }, {
+            numberCount: import("vue").ComputedRef<string | number>;
+            handleHover: () => void;
+            handleLeave: () => void;
+            radiusStyle: import("vue").ComputedRef<{
+                borderRadius: string;
+            }>;
+        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("hover" | "leave")[], string, {
+            theme: string;
+            extCls: string;
+            position: string;
+            visible: boolean;
+            dot: boolean;
+            count: string | number;
+            radius: string;
+            valLength: number;
+            overflowCount: number;
+        }> & {
+            beforeCreate?: (() => void) | (() => void)[];
+            created?: (() => void) | (() => void)[];
+            beforeMount?: (() => void) | (() => void)[];
+            mounted?: (() => void) | (() => void)[];
+            beforeUpdate?: (() => void) | (() => void)[];
+            updated?: (() => void) | (() => void)[];
+            activated?: (() => void) | (() => void)[];
+            deactivated?: (() => void) | (() => void)[];
+            beforeDestroy?: (() => void) | (() => void)[];
+            beforeUnmount?: (() => void) | (() => void)[];
+            destroyed?: (() => void) | (() => void)[];
+            unmounted?: (() => void) | (() => void)[];
+            renderTracked?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+            renderTriggered?: ((e: import("vue").DebuggerEvent) => void) | ((e: import("vue").DebuggerEvent) => void)[];
+            errorCaptured?: ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>, info: string) => boolean | void)[];
+        };
+        $forceUpdate: () => void;
+        $nextTick: typeof import("vue").nextTick;
+        $watch(source: string | Function, cb: Function, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
+    } & Readonly<import("vue").ExtractPropTypes<{
+        theme: import("vue-types").VueTypeValidableDef<string> & {
+            default: string;
+        } & {
+            default: string;
+        };
+        count: import("vue-types").VueTypeDef<string | number> & {
+            default: string | number;
+        };
+        position: import("vue-types").VueTypeValidableDef<string> & {
+            default: string;
+        } & {
+            default: string;
+        };
+        radius: import("vue-types").VueTypeValidableDef<string> & {
+            default: string;
+        };
+        valLength: import("vue-types").VueTypeValidableDef<number> & {
+            default: number;
+        } & {
+            default: number;
+        };
+        overflowCount: import("vue-types").VueTypeValidableDef<number> & {
+            default: number;
+        } & {
+            default: number;
+        };
+        dot: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        visible: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        extCls: import("vue-types").VueTypeValidableDef<string> & {
+            default: string;
+        };
+    }>> & {
+        onHover?: (...args: any[]) => any;
+        onLeave?: (...args: any[]) => any;
+    } & import("vue").ShallowUnwrapRef<{
+        numberCount: import("vue").ComputedRef<string | number>;
+        handleHover: () => void;
+        handleLeave: () => void;
+        radiusStyle: import("vue").ComputedRef<{
+            borderRadius: string;
+        }>;
+    }> & {} & {} & import("vue").ComponentCustomProperties;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
     theme: import("vue-types").VueTypeValidableDef<string> & {
         default: string;
     } & {
@@ -38,6 +243,9 @@ declare const BkBadge: import("vue").DefineComponent<{
     extCls: import("vue-types").VueTypeValidableDef<string> & {
         default: string;
     };
+}>> & {
+    onHover?: (...args: any[]) => any;
+    onLeave?: (...args: any[]) => any;
 }, {
     numberCount: import("vue").ComputedRef<string | number>;
     handleHover: () => void;
@@ -45,50 +253,7 @@ declare const BkBadge: import("vue").DefineComponent<{
     radiusStyle: import("vue").ComputedRef<{
         borderRadius: string;
     }>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("hover" | "leave")[], "hover" | "leave", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    theme: import("vue-types").VueTypeValidableDef<string> & {
-        default: string;
-    } & {
-        default: string;
-    };
-    count: import("vue-types").VueTypeDef<string | number> & {
-        default: string | number;
-    };
-    position: import("vue-types").VueTypeValidableDef<string> & {
-        default: string;
-    } & {
-        default: string;
-    };
-    radius: import("vue-types").VueTypeValidableDef<string> & {
-        default: string;
-    };
-    valLength: import("vue-types").VueTypeValidableDef<number> & {
-        default: number;
-    } & {
-        default: number;
-    };
-    overflowCount: import("vue-types").VueTypeValidableDef<number> & {
-        default: number;
-    } & {
-        default: number;
-    };
-    dot: import("vue-types").VueTypeValidableDef<boolean> & {
-        default: boolean;
-    } & {
-        default: boolean;
-    };
-    visible: import("vue-types").VueTypeValidableDef<boolean> & {
-        default: boolean;
-    } & {
-        default: boolean;
-    };
-    extCls: import("vue-types").VueTypeValidableDef<string> & {
-        default: string;
-    };
-}>> & {
-    onHover?: (...args: any[]) => any;
-    onLeave?: (...args: any[]) => any;
-}, {
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("hover" | "leave")[], "hover" | "leave", {
     theme: string;
     extCls: string;
     position: string;
@@ -98,5 +263,5 @@ declare const BkBadge: import("vue").DefineComponent<{
     radius: string;
     valLength: number;
     overflowCount: number;
-}>;
+}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("@vue/runtime-core").Plugin;
 export default BkBadge;

package/lib/breadcrumb/breadcrumb.css

@@ -27,6 +27,49 @@
   content: '';
   visibility: hidden;
 }
+.bk-popper {
+  display: none;
+  padding: 7px 14px;
+  font-size: 12px;
+  color: #fff;
+  background: #333;
+  border-radius: 4px;
+}
+.bk-popper.light {
+  color: #63656e;
+  background: #fff;
+  box-shadow: #dcdee5 0px 0px 6px 0px;
+}
+.bk-popper .bk-popper-arrow,
+.bk-popper .bk-popper-arrow::before {
+  position: absolute;
+  width: 8px;
+  height: 8px;
+  background: inherit;
+}
+.bk-popper .bk-popper-arrow {
+  visibility: hidden;
+}
+.bk-popper .bk-popper-arrow::before {
+  content: '';
+  visibility: visible;
+  transform: rotate(45deg);
+}
+.bk-popper[data-show] {
+  display: block;
+}
+.bk-popper[data-popper-placement^='top'] > .bk-popper-arrow {
+  bottom: -4px;
+}
+.bk-popper[data-popper-placement^='bottom'] > .bk-popper-arrow {
+  top: -4px;
+}
+.bk-popper[data-popper-placement^='left'] > .bk-popper-arrow {
+  right: -4px;
+}
+.bk-popper[data-popper-placement^='right'] > .bk-popper-arrow {
+  left: -4px;
+}
 .bk-breadcrumb {
   display: flex;
   font-size: 14px;

package/lib/breadcrumb/breadcrumb.variable.css

@@ -19,7 +19,7 @@
   --line-height-large: 18px;
   --component-size-small: 26px;
   --component-size-base: 32px;
-  --component-size-large: 38px;
+  --component-size-large: 40px;
   --border-width-base: 1px;
   --border-style-base: solid;
   --border-radius-base: 2px;
@@ -34,7 +34,7 @@
   --input-horizontal-padding: 10px;
   --input-block-color: #f5f7fa;
   --input-block-hover-color: #eaebf0;
-  --input-icon-size: var(--font-size-large);
+  --input-icon-size: var(--font-size-medium);
   --input-maxlength-color: #979ba5;
   --button-primary-hover-color: #5594fa;
   --button-danger-hover-color: #ff5656;
@@ -129,6 +129,49 @@
   content: '';
   visibility: hidden;
 }
+.bk-popper {
+  display: none;
+  padding: 7px 14px;
+  font-size: 12px;
+  color: #fff;
+  background: #333;
+  border-radius: 4px;
+}
+.bk-popper.light {
+  color: #63656e;
+  background: #fff;
+  box-shadow: #dcdee5 0px 0px 6px 0px;
+}
+.bk-popper .bk-popper-arrow,
+.bk-popper .bk-popper-arrow::before {
+  position: absolute;
+  width: 8px;
+  height: 8px;
+  background: inherit;
+}
+.bk-popper .bk-popper-arrow {
+  visibility: hidden;
+}
+.bk-popper .bk-popper-arrow::before {
+  content: '';
+  visibility: visible;
+  transform: rotate(45deg);
+}
+.bk-popper[data-show] {
+  display: block;
+}
+.bk-popper[data-popper-placement^='top'] > .bk-popper-arrow {
+  bottom: -4px;
+}
+.bk-popper[data-popper-placement^='bottom'] > .bk-popper-arrow {
+  top: -4px;
+}
+.bk-popper[data-popper-placement^='left'] > .bk-popper-arrow {
+  right: -4px;
+}
+.bk-popper[data-popper-placement^='right'] > .bk-popper-arrow {
+  left: -4px;
+}
 .bk-breadcrumb {
   display: flex;
   font-size: 14px;

package/lib/button/button.css

@@ -204,10 +204,12 @@
 .bk-button.bk-button-small {
   height: 26px;
   padding: 3px 12px;
+  font-size: 12px;
 }
 .bk-button.bk-button-large {
   height: 38px;
   padding: 8px 20px;
+  font-size: 16px;
 }
 .bk-button .bk-button-text {
   display: inline-flex;
@@ -254,10 +256,12 @@
 .bk-button-group.bk-button-group-small .bk-button {
   height: 26px;
   padding: 3px 12px;
+  font-size: 12px;
 }
 .bk-button-group.bk-button-group-large .bk-button {
   height: 38px;
   padding: 8px 20px;
+  font-size: 16px;
 }
 .bk-button-group .bk-button {
   height: 32px;

package/lib/button/button.less

@@ -6,9 +6,11 @@
 
 @smallBtnHeight: 26px;
 @smallBtnPadding: 3px 12px;
+@smallBtnFontSize: @font-size-base;
 
 @largeBtnHeight: 38px;
 @largeBtnPadding: 8px 20px;
+@largeBtnFontSize: @font-size-large;
 
 @themeSelectors: primary, warning, success, danger;
 @sizeSelectors: small, large;
@@ -96,11 +98,13 @@
     each(@sizeSelectors, {
     @sizeBtnHeight: '@{value}BtnHeight';
     @sizeBtnPadding: '@{value}BtnPadding';
-    &.@{bk-prefix}-button-@{value} {
-      height: @@sizeBtnHeight;
-      padding: @@sizeBtnPadding;
-    }
-  });
+      @sizeBtnFontSize: '@{value}BtnFontSize';
+      &.@{bk-prefix}-button-@{value} {
+        height: @@sizeBtnHeight;
+        padding: @@sizeBtnPadding;
+        font-size: @@sizeBtnFontSize;
+      }
+    });
 
   .@{bk-prefix}-button-text {
     display: inline-flex;
@@ -159,14 +163,16 @@
 .@{bk-prefix}-button-group {
   display: inline-block;
   font-size: 0;
-
+  
   each(@sizeSelectors, {
     @sizeBtnHeight: '@{value}BtnHeight';
     @sizeBtnPadding: '@{value}BtnPadding';
+    @sizeBtnFontSize: '@{value}BtnFontSize';
     &.@{bk-prefix}-button-group-@{value} {
       .@{bk-prefix}-button {
         height: @@sizeBtnHeight;
         padding: @@sizeBtnPadding;
+        font-size: @@sizeBtnFontSize;
       }
     }
   })