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

package/lib/backtop/index.d.ts

@@ -1,136 +1,4 @@
-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<{
+declare const BkBacktop: import("vue").DefineComponent<{
     visibilityHeight: import("vue-types").VueTypeValidableDef<number> & {
         default: number;
     } & {
@@ -156,11 +24,37 @@ declare const BkBacktop: {
     } & {
         default: string;
     };
-}>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, 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;
+    };
+}>>, {
     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: 40px;
+  --component-size-large: 38px;
   --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-medium);
+  --input-icon-size: var(--font-size-large);
   --input-maxlength-color: #979ba5;
   --button-primary-hover-color: #5594fa;
   --button-danger-hover-color: #ff5656;

package/lib/badge/index.d.ts

@@ -1,209 +1,4 @@
-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<{
+declare const BkBadge: import("vue").DefineComponent<{
     theme: import("vue-types").VueTypeValidableDef<string> & {
         default: string;
     } & {
@@ -243,9 +38,6 @@ declare const BkBadge: {
     extCls: import("vue-types").VueTypeValidableDef<string> & {
         default: string;
     };
-}>> & {
-    onHover?: (...args: any[]) => any;
-    onLeave?: (...args: any[]) => any;
 }, {
     numberCount: import("vue").ComputedRef<string | number>;
     handleHover: () => void;
@@ -253,7 +45,50 @@ declare const BkBadge: {
     radiusStyle: import("vue").ComputedRef<{
         borderRadius: string;
     }>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("hover" | "leave")[], "hover" | "leave", {
+}, 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;
+}, {
     theme: string;
     extCls: string;
     position: string;
@@ -263,5 +98,5 @@ declare const BkBadge: {
     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,49 +27,6 @@
   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: 40px;
+  --component-size-large: 38px;
   --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-medium);
+  --input-icon-size: var(--font-size-large);
   --input-maxlength-color: #979ba5;
   --button-primary-hover-color: #5594fa;
   --button-danger-hover-color: #ff5656;
@@ -129,49 +129,6 @@
   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,12 +204,10 @@
 .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;
@@ -256,12 +254,10 @@
 .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,11 +6,9 @@
 
 @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;
@@ -97,14 +95,12 @@
   
     each(@sizeSelectors, {
     @sizeBtnHeight: '@{value}BtnHeight';
-      @sizeBtnPadding: '@{value}BtnPadding';
-      @sizeBtnFontSize: '@{value}BtnFontSize';
-      &.@{bk-prefix}-button-@{value} {
-        height: @@sizeBtnHeight;
-        padding: @@sizeBtnPadding;
-        font-size: @@sizeBtnFontSize;
-      }
-    });
+    @sizeBtnPadding: '@{value}BtnPadding';
+    &.@{bk-prefix}-button-@{value} {
+      height: @@sizeBtnHeight;
+      padding: @@sizeBtnPadding;
+    }
+  });
 
   .@{bk-prefix}-button-text {
     display: inline-flex;
@@ -163,16 +159,14 @@
 .@{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;
       }
     }
   })