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

package/lib/progress/index.d.ts

@@ -3,6 +3,7 @@ declare const BkProgress: {
         $: import("vue").ComponentInternalInstance;
         $data: {};
         $props: Partial<{
+            fixed: number;
             width: number;
             color: string;
             theme: string;
@@ -12,43 +13,85 @@ declare const BkProgress: {
             percent: number;
             strokeWidth: number;
             strokeLinecap: string;
+            bgColor: string;
             titleStyle: {
                 [key: string]: any;
             };
             showText: boolean;
             textInside: boolean;
-        }> & Omit<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: {
+        }> & 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;
+                };
             };
-            showText: boolean;
-            textInside: boolean;
-        } & {
-            size?: string;
-            format?: (...args: any[]) => any;
-        }> & {} & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "width" | "color" | "theme" | "extCls" | "type" | "format" | "percent" | "strokeWidth" | "strokeLinecap" | "titleStyle" | "showText" | "textInside">;
+        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "fixed" | "width" | "color" | "theme" | "extCls" | "type" | "format" | "percent" | "strokeWidth" | "strokeLinecap" | "bgColor" | "titleStyle" | "showText" | "textInside">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -62,43 +105,85 @@ declare const BkProgress: {
         $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<{
-            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: {
+        $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;
+                };
             };
-            showText: boolean;
-            textInside: boolean;
-        } & {
-            size?: string;
-            format?: (...args: any[]) => any;
-        }> & {}, {}, unknown, {}, {
+        }>>, {}, 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, {
+            fixed: number;
             width: number;
             color: string;
             theme: string;
@@ -108,6 +193,7 @@ declare const BkProgress: {
             percent: number;
             strokeWidth: number;
             strokeLinecap: string;
+            bgColor: string;
             titleStyle: {
                 [key: string]: any;
             };
@@ -133,38 +219,79 @@ declare const BkProgress: {
         $forceUpdate: () => void;
         $nextTick: typeof import("vue").nextTick;
         $watch(source: string | Function, cb: Function, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
-    } & 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: {
+    } & 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;
-    }> & {} & import("vue").ShallowUnwrapRef<{}> & {} & {} & {
+    }>> & import("vue").ShallowUnwrapRef<{}> & {} & {} & {
         validPercent(percent?: number): number;
         renderProcessInfo(): JSX.Element | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
             [key: string]: any;
@@ -173,43 +300,85 @@ declare const BkProgress: {
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
-} & import("vue").ComponentOptionsBase<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").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;
+        };
     };
-    showText: boolean;
-    textInside: boolean;
-} & {
-    size?: string;
-    format?: (...args: any[]) => any;
-}> & {}, {}, unknown, {}, {
+}>>, {}, 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, {
+    fixed: number;
     width: number;
     color: string;
     theme: string;
@@ -219,6 +388,7 @@ declare const BkProgress: {
     percent: number;
     strokeWidth: number;
     strokeLinecap: string;
+    bgColor: string;
     titleStyle: {
         [key: string]: any;
     };

package/lib/progress/index.js

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

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,42 +74,84 @@ 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;
-}> & {}, {
+}>>, {
+    fixed: number;
     width: number;
     color: string;
     theme: string;
@@ -109,6 +161,7 @@ declare const _default: import("vue").DefineComponent<{
     percent: number;
     strokeWidth: number;
     strokeLinecap: string;
+    bgColor: string;
     titleStyle: {
         [key: string]: any;
     };