bkui-vue 0.0.1-beta.14 → 0.0.1-beta.142

package/lib/animate-number/index.d.ts

@@ -5,13 +5,18 @@ declare const BkAnimateNumber: {
         $props: Partial<{
             value: number;
             digits: number;
-        }> & Omit<Readonly<{
-            value?: unknown;
-            digits?: unknown;
-        } & {
-            value: number;
-            digits: number;
-        } & {}> & {} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "value" | "digits">;
+        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+            value: import("vue-types").VueTypeValidableDef<number> & {
+                default: number;
+            } & {
+                default: number;
+            };
+            digits: import("vue-types").VueTypeValidableDef<number> & {
+                default: number;
+            } & {
+                default: number;
+            };
+        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "value" | "digits">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -25,13 +30,18 @@ declare const BkAnimateNumber: {
         $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<{
-            value?: unknown;
-            digits?: unknown;
-        } & {
-            value: number;
-            digits: number;
-        } & {}> & {}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+            value: import("vue-types").VueTypeValidableDef<number> & {
+                default: number;
+            } & {
+                default: number;
+            };
+            digits: import("vue-types").VueTypeValidableDef<number> & {
+                default: number;
+            } & {
+                default: number;
+            };
+        }>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {
             value: number;
             digits: number;
         }> & {
@@ -54,23 +64,33 @@ declare const BkAnimateNumber: {
         $forceUpdate: () => void;
         $nextTick: typeof import("vue").nextTick;
         $watch(source: string | Function, cb: Function, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
-    } & Readonly<{
-        value?: unknown;
-        digits?: unknown;
-    } & {
-        value: number;
-        digits: number;
-    } & {}> & {} & import("vue").ShallowUnwrapRef<() => JSX.Element> & {} & {} & import("vue").ComponentCustomProperties;
+    } & Readonly<import("vue").ExtractPropTypes<{
+        value: import("vue-types").VueTypeValidableDef<number> & {
+            default: number;
+        } & {
+            default: number;
+        };
+        digits: import("vue-types").VueTypeValidableDef<number> & {
+            default: number;
+        } & {
+            default: number;
+        };
+    }>> & import("vue").ShallowUnwrapRef<() => JSX.Element> & {} & {} & import("vue").ComponentCustomProperties;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
-} & import("vue").ComponentOptionsBase<Readonly<{
-    value?: unknown;
-    digits?: unknown;
-} & {
-    value: number;
-    digits: number;
-} & {}> & {}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    value: import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
+    } & {
+        default: number;
+    };
+    digits: import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
+    } & {
+        default: number;
+    };
+}>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {
     value: number;
     digits: number;
 }> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("@vue/runtime-core").Plugin;

package/lib/animate-number/index.js

@@ -1 +1 @@
-!function(e,n){"object"==typeof exports&&"undefined"!=typeof module?n(exports,require("vue"),require("../shared")):"function"==typeof define&&define.amd?define(["exports","vue","../shared"],n):n((e="undefined"!=typeof globalThis?globalThis:e||self).bkuiVue={},e.Vue,e.Shared)}(this,(function(e,n,t){"use strict";var u=n.defineComponent({name:"AnimateNumber",props:{value:t.PropTypes.number.def(0),digits:t.PropTypes.number.def(0)},setup:function(e){var t=-1,u=n.ref(0),i=n.computed((function(){return Number(u.value).toFixed(e.digits)})),o=function(n,i){if(Number.isNaN(+i))return 0;var o=Math.abs(i-n),r=i-n>0?1:-1,a=Math.ceil(o/30*Math.pow(10,e.digits))/Math.pow(10,e.digits),f=25/Math.ceil(o/a),d=1;!function e(){if(d<f)return t=requestAnimationFrame(e),void(d+=1);u.value+=a*r,(1===r?u.value<i:u.value>i)?(t=requestAnimationFrame(e),d=1):u.value=i}()};return n.watch((function(){return e.value}),(function(e,n){o(n,e)})),n.onMounted((function(){o(0,e.value)})),n.onBeforeUnmount((function(){cancelAnimationFrame(t)})),function(){return n.createVNode("span",null,[i.value])}}}),i=t.withInstall(u);e.default=i,Object.defineProperty(e,"__esModule",{value:!0})}));
+!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("../shared"),require("vue"));else if("function"==typeof define&&define.amd)define(["../shared","vue"],t);else{var r="object"==typeof exports?t(require("../shared"),require("vue")):t(e["../shared"],e.vue);for(var o in r)("object"==typeof exports?exports:e)[o]=r[o]}}(self,((e,t)=>(()=>{"use strict";var r={4212:t=>{t.exports=e},748:e=>{e.exports=t}},o={};function n(e){var t=o[e];if(void 0!==t)return t.exports;var u=o[e]={exports:{}};return r[e](u,u.exports,n),u.exports}n.d=(e,t)=>{for(var r in t)n.o(t,r)&&!n.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},n.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),n.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var u={};return(()=>{n.r(u),n.d(u,{default:()=>o});var e=n(4212),t=n(748);const r=(0,t.defineComponent)({name:"AnimateNumber",props:{value:e.PropTypes.number.def(0),digits:e.PropTypes.number.def(0)},setup:function(e){var r=-1,o=(0,t.ref)(0),n=(0,t.computed)((function(){return Number(o.value).toFixed(e.digits)})),u=function(t,n){if(Number.isNaN(+n))return 0;var u=Math.abs(n-t),i=n-t>0?1:-1,a=Math.ceil(u/30*Math.pow(10,e.digits))/Math.pow(10,e.digits),f=25/Math.ceil(u/a),s=1;!function e(){if(s<f)return r=requestAnimationFrame(e),void(s+=1);o.value+=a*i,(1===i?o.value<n:o.value>n)?(r=requestAnimationFrame(e),s=1):o.value=n}()};return(0,t.watch)((function(){return e.value}),(function(e,t){u(t,e)})),(0,t.onMounted)((function(){u(0,e.value)})),(0,t.onBeforeUnmount)((function(){cancelAnimationFrame(r)})),function(){return(0,t.createVNode)("span",null,[n.value])}}}),o=(0,e.withInstall)(r)})(),u})()));

package/lib/backtop/backtop.d.ts

@@ -24,23 +24,37 @@ declare const _default: 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<{
-    visibilityHeight?: unknown;
-    target?: unknown;
-    right?: unknown;
-    bottom?: unknown;
-    extCls?: unknown;
-} & {
+}, () => 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;
-    visibilityHeight: number;
-    target: string;
     extCls: string;
-} & {}> & {}, {
-    bottom: number;
-    right: number;
-    visibilityHeight: number;
     target: string;
-    extCls: string;
+    visibilityHeight: number;
 }>;
 export default _default;

package/lib/backtop/backtop.variable.css

@@ -1,5 +1,6 @@
 :root {
   --bk-prefix: bk;
+  --popover-max-height: 216px;
   --primary-color: #3a84ff;
   --success-color: #2dcb56;
   --warning-color: #ff9c01;
@@ -8,6 +9,7 @@
   --gray-color: #979ba5;
   --light-gray: #c4c6cc;
   --white-color: white;
+  --whitesmoke-color: #fafbfd;
   --disable-color: #dcdee5;
   --font-size-base: 12px;
   --font-size-medium: 14px;
@@ -17,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;
@@ -30,8 +32,9 @@
   --input-broder-radius: 3px;
   --input-shadow-color: #a3c5fd;
   --input-horizontal-padding: 10px;
-  --input-block-color: #f4f6fa;
-  --input-icon-size: var(--font-size-large);
+  --input-block-color: #f5f7fa;
+  --input-block-hover-color: #eaebf0;
+  --input-icon-size: var(--font-size-medium);
   --input-maxlength-color: #979ba5;
   --button-primary-hover-color: #5594fa;
   --button-danger-hover-color: #ff5656;
@@ -42,6 +45,15 @@
   --button-danger-active-color: #db2626;
   --button-success-active-color: #1ab943;
   --button-warning-active-color: #eb9000;
+  --button-selected-bg-color: #e1ecff;
+  --button-disabled-selected-bg-color: #f0f1f5;
+  --radio-font-color: #63656e;
+  --radio-active-color: #5594fa;
+  --radio-hover-border-color: #979ba5;
+  --radio-disabled-border: #dcdee5;
+  --radio-disabled-font-color: #c4c6c;
+  --radio-distable-checked-bg: #fafbfd;
+  --radio-button-checked-bg: #e1ecff;
   --fixed-navbar-background: #fff;
   --fixed-navbar-boxshadow-color: rgba(0, 0, 0, 0.1);
   --switch-default-color: #fff;
@@ -62,12 +74,16 @@
   --message-color: var(--default-color);
   --message-primary-bg-color: #f0f8ff;
   --message-primary-border-color: #e1ecff;
+  --message-primary-shadow-color: #e1e8f4;
   --message-warning-bg-color: #fff4e2;
   --message-warning-border-color: #ffe8c3;
+  --message-warning-shadow-color: #ede6db;
   --message-success-bg-color: #f2fff4;
   --message-success-border-color: #dcffe2;
+  --message-success-shadow-color: #cef0d7;
   --message-danger-bg-color: #ffeded;
   --message-danger-border-color: #ffdddd;
+  --message-danger-shadow-color: #f6dada;
   --slider-default-bg: #dcdee5;
   --slider-disable-bar-bg: #979ba5;
   --menu-bg-color: #182132;
@@ -83,6 +99,17 @@
   --date-picker-disabled-bg: #fafbfd;
   --date-picker-dropdown-mb: 4px;
   --date-picker-dropdown-bg: #fff;
+  --table-bg-color: var(--white-color);
+  --table-border-color: #dcdee5;
+  --table-head-bg-color: #fafbfd;
+  --table-head-font-color: #313238;
+  --table-body-font-color: #575961;
+  --table-row-hover-bg-color: #f5f7fa;
+  --table-row-active-bg-color: #f0f1f5;
+  --cascader-panel-border-color: #dcdee5;
+  --cascader-panel-hover: #eaf3ff;
+  --cascader-panel-active: #f4f6fa;
+  --cascader-panel-disabled-bg: #fff;
 }
 @keyframes loading-scale-animate {
   0% {

package/lib/backtop/index.d.ts

@@ -5,22 +5,36 @@ declare const BkBacktop: {
         $props: Partial<{
             bottom: number;
             right: number;
-            visibilityHeight: number;
-            target: string;
             extCls: string;
-        }> & Omit<Readonly<{
-            visibilityHeight?: unknown;
-            target?: unknown;
-            right?: unknown;
-            bottom?: unknown;
-            extCls?: unknown;
-        } & {
-            bottom: number;
-            right: number;
-            visibilityHeight: number;
             target: string;
-            extCls: string;
-        } & {}> & {} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "bottom" | "right" | "visibilityHeight" | "target" | "extCls">;
+            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;
         };
@@ -34,24 +48,38 @@ declare const BkBacktop: {
         $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<{
-            visibilityHeight?: unknown;
-            target?: unknown;
-            right?: unknown;
-            bottom?: unknown;
-            extCls?: unknown;
-        } & {
+        $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;
-            visibilityHeight: number;
-            target: string;
             extCls: string;
-        } & {}> & {}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {
-            bottom: number;
-            right: number;
-            visibilityHeight: number;
             target: string;
-            extCls: string;
+            visibilityHeight: number;
         }> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
@@ -72,39 +100,67 @@ declare const BkBacktop: {
         $forceUpdate: () => void;
         $nextTick: typeof import("vue").nextTick;
         $watch(source: string | Function, cb: Function, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
-    } & Readonly<{
-        visibilityHeight?: unknown;
-        target?: unknown;
-        right?: unknown;
-        bottom?: unknown;
-        extCls?: unknown;
-    } & {
-        bottom: number;
-        right: number;
-        visibilityHeight: number;
-        target: string;
-        extCls: string;
-    } & {}> & {} & import("vue").ShallowUnwrapRef<() => JSX.Element> & {} & {} & import("vue").ComponentCustomProperties;
+    } & 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<{
-    visibilityHeight?: unknown;
-    target?: unknown;
-    right?: unknown;
-    bottom?: unknown;
-    extCls?: unknown;
-} & {
+} & 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;
-    visibilityHeight: number;
-    target: string;
     extCls: string;
-} & {}> & {}, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {
-    bottom: number;
-    right: number;
-    visibilityHeight: number;
     target: string;
-    extCls: string;
+    visibilityHeight: number;
 }> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("@vue/runtime-core").Plugin;
 export default BkBacktop;

package/lib/backtop/index.js

@@ -1 +1 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("vue"),require("@bkui-vue/icon"),require("../shared")):"function"==typeof define&&define.amd?define(["exports","vue","@bkui-vue/icon","../shared"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).bkuiVue={},e.Vue,e["@bkui-vue/icon/icons"],e.Shared)}(this,(function(e,t,n,o){"use strict";var r=t.defineComponent({name:"Backtop",props:{visibilityHeight:o.PropTypes.number.def(200),target:o.PropTypes.string.def(""),right:o.PropTypes.number.def(40),bottom:o.PropTypes.number.def(40),extCls:o.PropTypes.string.def("")},setup:function(e,r){var u=r.slots,i=t.ref(null),l=t.ref(null),a=t.ref(!1),d=t.ref(o.bkZIndexManager.getModalNextIndex()),c="".concat(e.bottom,"px"),s="".concat(e.right,"px"),f=o.throttle((function(){a.value=l.value.scrollTop>=e.visibilityHeight}),30),v=function(){l.value.scrollTo({top:0,behavior:"smooth"})};return t.watch((function(){return a}),(function(){d.value=o.bkZIndexManager.getModalNextIndex()})),t.onMounted((function(){if(i.value=document,l.value=document.documentElement,e.target){if(l.value=document.querySelector(e.target),!l.value)throw new Error("target does not exist");i.value=l.value}i.value.addEventListener("scroll",f)})),t.onBeforeUnmount((function(){i.value.removeEventListener("scroll",f)})),function(){var o,r;return t.createVNode(t.Transition,{name:"bk-fade"},{default:function(){return[a.value?t.createVNode("div",{class:"bk-backtop ".concat(e.extCls),style:{right:s,bottom:c,zIndex:d.value},onClick:v},[null!==(r=null===(o=u.default)||void 0===o?void 0:o.call(u))&&void 0!==r?r:t.createVNode(n.AngleUp,{style:{fontSize:"14px"}},null)]):""]}})}}}),u=o.withInstall(r);e.default=u,Object.defineProperty(e,"__esModule",{value:!0})}));
+!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("../shared"),require("vue"),require("lodash"),require("../icon"));else if("function"==typeof define&&define.amd)define(["../shared","vue","lodash","../icon"],t);else{var o="object"==typeof exports?t(require("../shared"),require("vue"),require("lodash"),require("../icon")):t(e["../shared"],e.vue,e.lodash,e["../icon"]);for(var r in o)("object"==typeof exports?exports:e)[r]=o[r]}}(self,((e,t,o,r)=>(()=>{"use strict";var n={6870:e=>{e.exports=r},4212:t=>{t.exports=e},467:e=>{e.exports=o},748:e=>{e.exports=t}},l={};function u(e){var t=l[e];if(void 0!==t)return t.exports;var o=l[e]={exports:{}};return n[e](o,o.exports,u),o.exports}u.d=(e,t)=>{for(var o in t)u.o(t,o)&&!u.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:t[o]})},u.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),u.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var a={};return(()=>{u.r(a),u.d(a,{default:()=>l});var e=u(4212),t=u(748),o=u(467),r=u(6870);const n=(0,t.defineComponent)({name:"Backtop",props:{visibilityHeight:e.PropTypes.number.def(200),target:e.PropTypes.string.def(""),right:e.PropTypes.number.def(40),bottom:e.PropTypes.number.def(40),extCls:e.PropTypes.string.def("")},setup:function(n,l){var u=l.slots,a=(0,t.ref)(null),i=(0,t.ref)(null),s=(0,t.ref)(!1),d=(0,t.ref)(e.bkZIndexManager.getModalNextIndex()),c="".concat(n.bottom,"px"),f="".concat(n.right,"px"),p=(0,o.throttle)((function(){s.value=i.value.scrollTop>=n.visibilityHeight}),30),v=function(){i.value.scrollTo({top:0,behavior:"smooth"})};return(0,t.watch)((function(){return s}),(function(){d.value=e.bkZIndexManager.getModalNextIndex()})),(0,t.onMounted)((function(){if(a.value=document,i.value=document.documentElement,n.target){if(i.value=document.querySelector(n.target),!i.value)throw new Error("target does not exist");a.value=i.value}a.value.addEventListener("scroll",p)})),(0,t.onBeforeUnmount)((function(){a.value.removeEventListener("scroll",p)})),function(){var e,o;return(0,t.createVNode)(t.Transition,{name:"bk-fade"},{default:function(){return[s.value?(0,t.createVNode)("div",{class:"bk-backtop ".concat(n.extCls),style:{right:f,bottom:c,zIndex:d.value},onClick:v},[null!==(o=null===(e=u.default)||void 0===e?void 0:e.call(u))&&void 0!==o?o:(0,t.createVNode)(r.AngleUp,{style:{fontSize:"14px"}},null)]):""]}})}}}),l=(0,e.withInstall)(n)})(),a})()));

package/lib/badge/badge.css

@@ -5,10 +5,10 @@
 .bk-badge-main .bk-badge {
   position: relative;
   display: inline-block;
-  height: 16px;
+  height: 18px;
   padding: 1px 5px;
   font-size: 12px;
-  line-height: 16px;
+  line-height: 12px;
   text-align: center;
   background-color: white;
   border-radius: 18px;
@@ -107,9 +107,9 @@
   border-color: white;
 }
 .bk-badge-main .bk-badge.dot {
-  width: 6px;
-  height: 6px;
-  min-width: 6px;
+  width: 8px;
+  height: 8px;
+  min-width: 8px;
   padding: 0;
   border: 1px solid white;
 }

package/lib/badge/badge.d.ts

@@ -6,8 +6,8 @@ declare const _default: import("vue").DefineComponent<{
         default: string;
     };
     /** Number to show in badge */
-    count: import("vue-types").VueTypeValidableDef<number> & {
-        default: number;
+    count: import("vue-types").VueTypeDef<string | number> & {
+        default: string | number;
     };
     position: import("vue-types").VueTypeValidableDef<string> & {
         default: string;
@@ -19,6 +19,8 @@ declare const _default: import("vue").DefineComponent<{
     };
     valLength: import("vue-types").VueTypeValidableDef<number> & {
         default: number;
+    } & {
+        default: number;
     };
     /** Show capped numeric value */
     overflowCount: import("vue-types").VueTypeValidableDef<number> & {
@@ -37,32 +39,72 @@ declare const _default: import("vue").DefineComponent<{
     } & {
         default: boolean;
     };
+    /** 外部设置的 class name */
+    extCls: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    };
 }, {
     numberCount: import("vue").ComputedRef<string | number>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    theme?: unknown;
-    count?: unknown;
-    position?: unknown;
-    radius?: unknown;
-    valLength?: unknown;
-    overflowCount?: unknown;
-    dot?: unknown;
-    visible?: unknown;
-} & {
+    handleHover: () => void;
+    handleLeave: () => void;
+    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<{
+    /** badge theme */
+    theme: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    } & {
+        default: string;
+    };
+    /** Number to show in badge */
+    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;
+    };
+    /** Show capped numeric value */
+    overflowCount: import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
+    } & {
+        default: number;
+    };
+    /** Whether to show red dots with no content */
+    dot: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    visible: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    /** 外部设置的 class name */
+    extCls: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    };
+}>> & {
+    onHover?: (...args: any[]) => any;
+    onLeave?: (...args: any[]) => any;
+}, {
     theme: string;
-    visible: boolean;
-    dot: boolean;
-    count: number;
+    extCls: string;
     position: string;
-    radius: string;
-    valLength: number;
-    overflowCount: number;
-} & {}> & {}, {
-    theme: string;
     visible: boolean;
     dot: boolean;
-    count: number;
-    position: string;
+    count: string | number;
     radius: string;
     valLength: number;
     overflowCount: number;

package/lib/badge/badge.less

@@ -18,11 +18,10 @@
   .@{bk-prefix}-badge {
     position: relative;
     display: inline-block;
-    // min-width: 18px;
-    height: 16px;
+    height: 18px;
     padding: 1px 5px;
     font-size: 12px;
-    line-height: 16px;
+    line-height: 12px;
     text-align: center;
     background-color: @white-color;
     border-radius: 18px;
@@ -121,9 +120,9 @@
     }
 
     &.dot {
-      width: 6px;
-      height: 6px;
-      min-width: 6px;
+      width: 8px;
+      height: 8px;
+      min-width: 8px;
       padding: 0;
       border: 1px solid @white-color;
     }