bkui-vue 0.0.1-beta.4 → 0.0.1-beta.42

package/lib/progress/index.d.ts

@@ -0,0 +1,398 @@
+declare const BkProgress: {
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            width: number;
+            type: string;
+            color: string;
+            fixed: number;
+            theme: string;
+            extCls: string;
+            strokeLinecap: string;
+            strokeWidth: number;
+            format: (...args: any[]) => any;
+            percent: number;
+            bgColor: string;
+            titleStyle: {
+                [key: string]: any;
+            };
+            showText: boolean;
+            textInside: boolean;
+        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+            extCls: import("vue-types").VueTypeValidableDef<string> & {
+                default: string;
+            };
+            type: import("vue-types").VueTypeValidableDef<string> & {
+                default: string;
+            } & {
+                validator: import("vue-types/dist/types").ValidatorFunction<unknown>;
+            } & {
+                default: string;
+            };
+            percent: import("vue-types").VueTypeValidableDef<number> & {
+                default: number;
+            } & {
+                default: number;
+            };
+            theme: import("vue-types").VueTypeDef<string> & {
+                default: string;
+            };
+            size: import("vue-types").VueTypeDef<string>;
+            width: import("vue-types").VueTypeValidableDef<number> & {
+                default: number;
+            } & {
+                default: number;
+            };
+            strokeWidth: import("vue-types").VueTypeValidableDef<number> & {
+                default: number;
+            };
+            strokeLinecap: import("vue-types").VueTypeValidableDef<string> & {
+                default: string;
+            } & {
+                default: string;
+            };
+            textInside: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            showText: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            color: import("vue-types").VueTypeValidableDef<string> & {
+                default: string;
+            };
+            bgColor: import("vue-types").VueTypeValidableDef<string> & {
+                default: string;
+            };
+            fixed: import("vue-types").VueTypeValidableDef<number> & {
+                default: number;
+            } & {
+                validator: import("vue-types/dist/types").ValidatorFunction<unknown>;
+            } & {
+                default: number;
+            };
+            format: import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
+                default: (...args: any[]) => any;
+            } & {
+                default: (...args: any[]) => any;
+            };
+            titleStyle: import("vue-types").VueTypeValidableDef<{
+                [key: string]: any;
+            }> & {
+                default: () => {
+                    [key: string]: any;
+                };
+            } & {
+                default: () => {
+                    [key: string]: any;
+                };
+            };
+        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "width" | "type" | "color" | "fixed" | "theme" | "extCls" | "strokeLinecap" | "strokeWidth" | "format" | "percent" | "bgColor" | "titleStyle" | "showText" | "textInside">;
+        $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<{
+            extCls: import("vue-types").VueTypeValidableDef<string> & {
+                default: string;
+            };
+            type: import("vue-types").VueTypeValidableDef<string> & {
+                default: string;
+            } & {
+                validator: import("vue-types/dist/types").ValidatorFunction<unknown>;
+            } & {
+                default: string;
+            };
+            percent: import("vue-types").VueTypeValidableDef<number> & {
+                default: number;
+            } & {
+                default: number;
+            };
+            theme: import("vue-types").VueTypeDef<string> & {
+                default: string;
+            };
+            size: import("vue-types").VueTypeDef<string>;
+            width: import("vue-types").VueTypeValidableDef<number> & {
+                default: number;
+            } & {
+                default: number;
+            };
+            strokeWidth: import("vue-types").VueTypeValidableDef<number> & {
+                default: number;
+            };
+            strokeLinecap: import("vue-types").VueTypeValidableDef<string> & {
+                default: string;
+            } & {
+                default: string;
+            };
+            textInside: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            showText: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
+            color: import("vue-types").VueTypeValidableDef<string> & {
+                default: string;
+            };
+            bgColor: import("vue-types").VueTypeValidableDef<string> & {
+                default: string;
+            };
+            fixed: import("vue-types").VueTypeValidableDef<number> & {
+                default: number;
+            } & {
+                validator: import("vue-types/dist/types").ValidatorFunction<unknown>;
+            } & {
+                default: number;
+            };
+            format: import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
+                default: (...args: any[]) => any;
+            } & {
+                default: (...args: any[]) => any;
+            };
+            titleStyle: import("vue-types").VueTypeValidableDef<{
+                [key: string]: any;
+            }> & {
+                default: () => {
+                    [key: string]: any;
+                };
+            } & {
+                default: () => {
+                    [key: string]: any;
+                };
+            };
+        }>>, {}, unknown, {}, {
+            validPercent(percent?: number): number;
+            renderProcessInfo(): JSX.Element | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+                [key: string]: any;
+            }>[];
+        }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {
+            width: number;
+            type: string;
+            color: string;
+            fixed: number;
+            theme: string;
+            extCls: string;
+            strokeLinecap: string;
+            strokeWidth: number;
+            format: (...args: any[]) => any;
+            percent: number;
+            bgColor: string;
+            titleStyle: {
+                [key: string]: any;
+            };
+            showText: boolean;
+            textInside: boolean;
+        }> & {
+            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<{
+        extCls: import("vue-types").VueTypeValidableDef<string> & {
+            default: string;
+        };
+        type: import("vue-types").VueTypeValidableDef<string> & {
+            default: string;
+        } & {
+            validator: import("vue-types/dist/types").ValidatorFunction<unknown>;
+        } & {
+            default: string;
+        };
+        percent: import("vue-types").VueTypeValidableDef<number> & {
+            default: number;
+        } & {
+            default: number;
+        };
+        theme: import("vue-types").VueTypeDef<string> & {
+            default: string;
+        };
+        size: import("vue-types").VueTypeDef<string>;
+        width: import("vue-types").VueTypeValidableDef<number> & {
+            default: number;
+        } & {
+            default: number;
+        };
+        strokeWidth: import("vue-types").VueTypeValidableDef<number> & {
+            default: number;
+        };
+        strokeLinecap: import("vue-types").VueTypeValidableDef<string> & {
+            default: string;
+        } & {
+            default: string;
+        };
+        textInside: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        showText: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
+        color: import("vue-types").VueTypeValidableDef<string> & {
+            default: string;
+        };
+        bgColor: import("vue-types").VueTypeValidableDef<string> & {
+            default: string;
+        };
+        fixed: import("vue-types").VueTypeValidableDef<number> & {
+            default: number;
+        } & {
+            validator: import("vue-types/dist/types").ValidatorFunction<unknown>;
+        } & {
+            default: number;
+        };
+        format: import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
+            default: (...args: any[]) => any;
+        } & {
+            default: (...args: any[]) => any;
+        };
+        titleStyle: import("vue-types").VueTypeValidableDef<{
+            [key: string]: any;
+        }> & {
+            default: () => {
+                [key: string]: any;
+            };
+        } & {
+            default: () => {
+                [key: string]: any;
+            };
+        };
+    }>> & import("vue").ShallowUnwrapRef<{}> & {} & {} & {
+        validPercent(percent?: number): number;
+        renderProcessInfo(): JSX.Element | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+            [key: string]: any;
+        }>[];
+    } & import("vue").ComponentCustomProperties;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    extCls: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    };
+    type: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    } & {
+        validator: import("vue-types/dist/types").ValidatorFunction<unknown>;
+    } & {
+        default: string;
+    };
+    percent: import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
+    } & {
+        default: number;
+    };
+    theme: import("vue-types").VueTypeDef<string> & {
+        default: string;
+    };
+    size: import("vue-types").VueTypeDef<string>;
+    width: import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
+    } & {
+        default: number;
+    };
+    strokeWidth: import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
+    };
+    strokeLinecap: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    } & {
+        default: string;
+    };
+    textInside: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    showText: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    color: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    };
+    bgColor: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    };
+    fixed: import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
+    } & {
+        validator: import("vue-types/dist/types").ValidatorFunction<unknown>;
+    } & {
+        default: number;
+    };
+    format: import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
+        default: (...args: any[]) => any;
+    } & {
+        default: (...args: any[]) => any;
+    };
+    titleStyle: import("vue-types").VueTypeValidableDef<{
+        [key: string]: any;
+    }> & {
+        default: () => {
+            [key: string]: any;
+        };
+    } & {
+        default: () => {
+            [key: string]: any;
+        };
+    };
+}>>, {}, unknown, {}, {
+    validPercent(percent?: number): number;
+    renderProcessInfo(): JSX.Element | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+        [key: string]: any;
+    }>[];
+}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {
+    width: number;
+    type: string;
+    color: string;
+    fixed: number;
+    theme: string;
+    extCls: string;
+    strokeLinecap: string;
+    strokeWidth: number;
+    format: (...args: any[]) => any;
+    percent: number;
+    bgColor: string;
+    titleStyle: {
+        [key: string]: any;
+    };
+    showText: boolean;
+    textInside: boolean;
+}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("@vue/runtime-core").Plugin;
+export default BkProgress;

package/lib/progress/progress.css

@@ -76,9 +76,6 @@
   width: 7%;
   text-align: center;
 }
-.bk-progress .process-circle-trail {
-  stroke: #f5f5f5;
-}
 .bk-progress .progress-circle-text {
   position: absolute;
   top: 50%;

package/lib/progress/progress.d.ts

@@ -45,6 +45,16 @@ declare const _default: import("vue").DefineComponent<{
     color: import("vue-types").VueTypeValidableDef<string> & {
         default: string;
     };
+    bgColor: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    };
+    fixed: import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
+    } & {
+        validator: import("vue-types/dist/types").ValidatorFunction<unknown>;
+    } & {
+        default: number;
+    };
     format: import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
         default: (...args: any[]) => any;
     } & {
@@ -64,55 +74,98 @@ declare const _default: import("vue").DefineComponent<{
 }, {}, unknown, {}, {
     /** 验证进度值 */
     validPercent(percent?: number): number;
-    /** text 区域展示内容，可扩展图标类*/
+    /** text 区域展示内容*/
     renderProcessInfo(): JSX.Element | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
         [key: string]: any;
     }>[];
-}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<{
-    extCls?: unknown;
-    type?: unknown;
-    percent?: unknown;
-    theme?: unknown;
-    size?: unknown;
-    width?: unknown;
-    strokeWidth?: unknown;
-    strokeLinecap?: unknown;
-    textInside?: unknown;
-    showText?: unknown;
-    color?: unknown;
-    format?: unknown;
-    titleStyle?: unknown;
-} & {
-    width: number;
-    color: string;
-    theme: string;
-    extCls: string;
-    type: string;
-    percent: number;
-    strokeWidth: number;
-    strokeLinecap: string;
-    titleStyle: {
+}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    extCls: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    };
+    type: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    } & {
+        validator: import("vue-types/dist/types").ValidatorFunction<unknown>;
+    } & {
+        default: string;
+    };
+    percent: import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
+    } & {
+        default: number;
+    };
+    theme: import("vue-types").VueTypeDef<string> & {
+        default: string;
+    };
+    size: import("vue-types").VueTypeDef<string>;
+    width: import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
+    } & {
+        default: number;
+    };
+    strokeWidth: import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
+    };
+    strokeLinecap: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    } & {
+        default: string;
+    };
+    textInside: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    showText: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
+    color: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    };
+    bgColor: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    };
+    fixed: import("vue-types").VueTypeValidableDef<number> & {
+        default: number;
+    } & {
+        validator: import("vue-types/dist/types").ValidatorFunction<unknown>;
+    } & {
+        default: number;
+    };
+    format: import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
+        default: (...args: any[]) => any;
+    } & {
+        default: (...args: any[]) => any;
+    };
+    titleStyle: import("vue-types").VueTypeValidableDef<{
         [key: string]: any;
+    }> & {
+        default: () => {
+            [key: string]: any;
+        };
+    } & {
+        default: () => {
+            [key: string]: any;
+        };
     };
-    showText: boolean;
-    textInside: boolean;
-} & {
-    size?: string;
-    format?: (...args: any[]) => any;
-}> & {}, {
+}>>, {
     width: number;
+    type: string;
     color: string;
+    fixed: number;
     theme: string;
     extCls: string;
-    type: string;
-    percent: number;
-    strokeWidth: number;
     strokeLinecap: string;
+    strokeWidth: number;
+    format: (...args: any[]) => any;
+    percent: number;
+    bgColor: string;
     titleStyle: {
         [key: string]: any;
     };
     showText: boolean;
     textInside: boolean;
-    format: (...args: any[]) => any;
 }>;
 export default _default;

package/lib/progress/progress.js

@@ -0,0 +1 @@
+!function(e,t){if("object"==typeof exports&&"object"==typeof module)module.exports=t(require("../shared"),require("vue"),require("@babel/runtime/helpers/defineProperty"));else if("function"==typeof define&&define.amd)define(["../shared","vue","@babel/runtime/helpers/defineProperty"],t);else{var r="object"==typeof exports?t(require("../shared"),require("vue"),require("@babel/runtime/helpers/defineProperty")):t(e["../shared"],e.vue,e["@babel/runtime/helpers/defineProperty"]);for(var o in r)("object"==typeof exports?exports:e)[o]=r[o]}}(self,((e,t,r)=>(()=>{"use strict";var o={4212:t=>{t.exports=e},311:e=>{e.exports=r},748:e=>{e.exports=t}},s={};function n(e){var t=s[e];if(void 0!==t)return t.exports;var r=s[e]={exports:{}};return o[e](r,r.exports,n),r.exports}n.n=e=>{var t=e&&e.__esModule?()=>e.default:()=>e;return n.d(t,{a:t}),t},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 a={};return(()=>{n.r(a),n.d(a,{default:()=>p});var e=n(4212),t=n(748);const r={functional:!0,render:function(e,r,o){var s=o.attrs,n=o.slots,a=s.width,c=s.percent,i=s.strokeWidth,l=s.color,p=s.strokeLinecap,d=s.theme,u=s.type,f=s.bgColor,h=s.titleStyle,y=i||6,b=a||126,v={width:"number"==typeof b?"".concat(b,"px"):b,height:"number"==typeof b?"".concat(b,"px"):b,fontSize:"".concat(.15*b+6,"px")},x=50-y/2,g="dashboard"===u,m=2*Math.PI*x,P=g?.75:1,k="".concat(-1*m*(1-P)/2,"px"),T={strokeDasharray:"".concat(m*P,"px, ").concat(m,"px"),strokeDashoffset:k},N={strokeDasharray:"".concat(m*P*(c/100),"px, ").concat(m,"px"),strokeDashoffset:k,transition:"stroke-dasharray 0.6s ease 0s, stroke 0.6s ease"},V="\n    M 50 50\n    m 0 ".concat(g?"":"-").concat(x,"\n    a ").concat(x," ").concat(x," 0 1 1 0 ").concat(g?"-":"").concat(2*x,"\n    a ").concat(x," ").concat(x," 0 1 1 0 ").concat(g?"":"-").concat(2*x,"\n  "),j={d:V,stroke:f||"#f5f5f5","stroke-linecap":p,"stroke-width":y,"fill-opacity":"0",class:"process-circle-trail",style:T},w={d:V,stroke:l||"#13ce66","stroke-linecap":p,"stroke-width":c>0&&y||0,"fill-opacity":"0",class:"process-circle-path bk-".concat(d,"-circle-trail"),style:N};return(0,t.createVNode)("div",{class:"progress-outer-circle",style:v},[(0,t.createVNode)("svg",{viewBox:"0 0 100 100"},[(0,t.createVNode)("path",j,null),(0,t.createVNode)("path",w,null)]),(0,t.createVNode)("span",{class:"progress-circle-text",style:h},[null==n?void 0:n.default()])])}};var o=n(311),s=n.n(o);const c={functional:!0,render:function(e,r,o){var n=o.attrs,a=o.slots,c=n.percent,i=n.strokeWidth,l=n.size,p=n.color,d=n.titleStyle,u=n.showText,f=n.textInside,h=n.theme,y={height:"".concat(i,"px"),lineHeight:"".concat(i,"px")},b={width:"".concat(c,"%"),background:p,animationDuration:"3s"},v=function(){var e=!(arguments.length>0&&void 0!==arguments[0])||arguments[0];return(u||a.default)&&(e&&f||!e&&!f)?null==a?void 0:a.default():null};return(0,t.createVNode)("div",{class:"progress-outer"},[(0,t.createVNode)("div",{class:"bk-progress-".concat(l||"normal"," progress-bar"),style:y},[(0,t.createVNode)("div",{style:b,class:s()({"progress-inner":!0},"bk-".concat(h),!0)},[(0,t.createVNode)("div",{class:"inner-text",style:d},[v()])])]),v(!1)])}};function i(e){return"function"==typeof e||"[object Object]"===Object.prototype.toString.call(e)&&!(0,t.isVNode)(e)}const l=(0,t.defineComponent)({name:"Progress",props:{extCls:e.PropTypes.string,type:e.PropTypes.string.validate((function(e){return["line","circle","dashboard"].includes(e)})).def("line"),percent:e.PropTypes.number.def(0),theme:e.PropTypes.theme().def("primary"),size:e.PropTypes.size(),width:e.PropTypes.number.def(126),strokeWidth:e.PropTypes.number,strokeLinecap:e.PropTypes.string.def("round"),textInside:e.PropTypes.bool.def(!1),showText:e.PropTypes.bool.def(!0),color:e.PropTypes.string,bgColor:e.PropTypes.string,fixed:e.PropTypes.number.validate((function(e){return e>=0&&e<=20})).def(0),format:e.PropTypes.func.def((function(e){return"".concat(e,"%")})),titleStyle:e.PropTypes.object.def({fontSize:"16px",verticalAlign:"middle"})},setup:function(){return{}},methods:{validPercent:function(e){return!e||e<0?0:e>100?100:e},renderProcessInfo:function(){this.$createElement;var e,r=this.$props,o=r.showText,s=r.format,n=r.percent,a=r.textInside,c=r.titleStyle,i=r.fixed,l=s(null===(e=this.validPercent(n))||void 0===e?void 0:e.toFixed(i));return(o||this.$slots.default)&&a?this.$slots.default?this.$slots.default():(0,t.createVNode)("span",null,[l]):!o||a?null:(0,t.createVNode)("span",{class:"progress-text",style:"string"==typeof l?c:void 0},[this.$slots.default?this.$slots.default():l])}},render:function(){var o=this.renderProcessInfo(),s=Object.assign(Object.assign({},this.$props),{percent:this.validPercent(this.percent)}),n=(0,t.createVNode)(c,s,i(o)?o:{default:function(){return[o]}});"circle"!==this.type&&"dashboard"!==this.type||(n=(0,t.createVNode)(r,s,i(o)?o:{default:function(){return[o]}}));var a={class:(0,e.classes)({extCls:!!this.extCls},"bk-progress bk-progress-".concat(this.type))};return(0,t.createVNode)("div",a,[n])}}),p=(0,e.withInstall)(l)})(),a})()));

package/lib/progress/progress.less

@@ -70,10 +70,6 @@
     text-align: center;
   }
 
-  .process-circle-trail {
-    stroke: #f5f5f5;
-  }
-
   .progress-circle-text {
     position: absolute;
     top: 50%;

package/lib/progress/progress.variable.css

@@ -1,10 +1,12 @@
 :root {
   --bk-prefix: bk;
+  --popover-max-height: 216px;
   --primary-color: #3a84ff;
   --success-color: #2dcb56;
   --warning-color: #ff9c01;
   --danger-color: #ea3636;
   --default-color: #63656e;
+  --gray-color: #979ba5;
   --light-gray: #c4c6cc;
   --white-color: white;
   --disable-color: #dcdee5;
@@ -58,6 +60,36 @@
   --link-success-disabled-color: #94f5a4;
   --link-warning-disabled-color: #ffd695;
   --link-danger-disabled-color: #fd9c9c;
+  --message-color: var(--default-color);
+  --message-primary-bg-color: #f0f8ff;
+  --message-primary-border-color: #e1ecff;
+  --message-warning-bg-color: #fff4e2;
+  --message-warning-border-color: #ffe8c3;
+  --message-success-bg-color: #f2fff4;
+  --message-success-border-color: #dcffe2;
+  --message-danger-bg-color: #ffeded;
+  --message-danger-border-color: #ffdddd;
+  --slider-default-bg: #dcdee5;
+  --slider-disable-bar-bg: #979ba5;
+  --menu-bg-color: #182132;
+  --submenu-bg-color: #151d2c;
+  --menu-active-bg-color: linear-gradient(90deg, #3f87ff 0%, #3a84ff 100%);
+  --menu-color: #96a2b9;
+  --menu-group-color: var(--default-color);
+  --menu-width: 260px;
+  --menu-collapse-width: 60px;
+  --menu-active-color: white;
+  --nav-header-bg-color: #182132;
+  --nav-bg-color: #182132;
+  --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;
 }
 @keyframes loading-scale-animate {
   0% {
@@ -137,9 +169,6 @@
   width: 7%;
   text-align: center;
 }
-.bk-progress .process-circle-trail {
-  stroke: #f5f5f5;
-}
 .bk-progress .progress-circle-text {
   position: absolute;
   top: 50%;

package/lib/radio/common.d.ts

@@ -1,4 +1,4 @@
-import type { Ref, InjectionKey } from 'vue';
+import type { InjectionKey, Ref } from 'vue';
 import type { IRadioGroupContext } from './type';
 export declare const radioGroupKey: InjectionKey<IRadioGroupContext>;
 export declare function useFocus(): [Ref<boolean>, {