bkui-vue 0.0.1-beta.1 → 0.0.1-beta.13

package/lib/popover/popover.variable.css

@@ -0,0 +1,141 @@
+:root {
+  --bk-prefix: bk;
+  --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;
+  --font-size-base: 12px;
+  --font-size-medium: 14px;
+  --font-size-large: 16px;
+  --line-height-base: 16px;
+  --line-height-medium: 16px;
+  --line-height-large: 18px;
+  --component-size-small: 26px;
+  --component-size-base: 32px;
+  --component-size-large: 38px;
+  --border-width-base: 1px;
+  --border-style-base: solid;
+  --border-radius-base: 2px;
+  --input-disabled-bg: #fafbfd;
+  --input-disabled-border: var(--disable-color);
+  --input-height-base: var(--component-size-base);
+  --input-color: var(--default-color);
+  --input-bg: white;
+  --input-border-color: var(--light-gray);
+  --input-broder-radius: 3px;
+  --input-shadow-color: #a3c5fd;
+  --input-horizontal-padding: 10px;
+  --input-block-color: #f4f6fa;
+  --input-icon-size: var(--font-size-large);
+  --input-maxlength-color: #979ba5;
+  --button-primary-hover-color: #5594fa;
+  --button-danger-hover-color: #ff5656;
+  --button-success-hover-color: #45e35f;
+  --button-warning-hover-color: #ffb848;
+  --button-default-hover-border-color: #979ba5;
+  --button-primary-active-color: #2c77f4;
+  --button-danger-active-color: #db2626;
+  --button-success-active-color: #1ab943;
+  --button-warning-active-color: #eb9000;
+  --fixed-navbar-background: #fff;
+  --fixed-navbar-boxshadow-color: rgba(0, 0, 0, 0.1);
+  --switch-default-color: #fff;
+  --switch-grey-color: #c4c6cc;
+  --breadcrumb-black-color: #979ba5;
+  --breadcrumb-primary-hover-color: #0082ff;
+  --breadcrumb-fn-main-color: #63656e;
+  --link-default-hover-color: #979ba5;
+  --link-primary-hover-color: #699df4;
+  --link-success-hover-color: #45e35f;
+  --link-warning-hover-color: #ffb848;
+  --link-danger-hover-color: #ff5656;
+  --link-default-disabled-color: #dcdee5;
+  --link-primary-disabled-color: #a3c5fd;
+  --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;
+}
+.bk-popover .bk-popover-reference {
+  display: inline-block;
+}
+.bk-popover .bk-popover-content {
+  display: none;
+  padding: 7px 14px;
+  font-size: 12px;
+  color: #fff;
+  background: #26323d;
+  border-radius: 4px;
+  box-sizing: border-box;
+}
+.bk-popover .bk-popover-content[data-theme='dark'] {
+  color: #fff;
+  background: #26323d;
+}
+.bk-popover .bk-popover-content[data-theme='light'] {
+  color: #26323d;
+  background-color: #fff;
+  box-shadow: 0 0 6px 0 #dcdee5;
+}
+.bk-popover .bk-popover-content[data-theme='light'][data-show] {
+  box-shadow: 0 0 6px 0 #dcdee5;
+}
+.bk-popover .bk-popover-content[data-show] {
+  display: block;
+}
+.bk-popover .bk-popover-content .arrow {
+  position: absolute;
+  width: 8px;
+  height: 8px;
+  background: inherit;
+  visibility: hidden;
+}
+.bk-popover .bk-popover-content .arrow::before {
+  position: absolute;
+  width: 8px;
+  height: 8px;
+  background: inherit;
+  content: '';
+  visibility: visible;
+  transform: rotate(45deg);
+}
+.bk-popover .bk-popover-content[data-popper-placement^='top'] > .arrow {
+  bottom: -4px;
+}
+.bk-popover .bk-popover-content[data-popper-placement^='bottom'] > .arrow {
+  top: -4px;
+}
+.bk-popover .bk-popover-content[data-popper-placement^='left'] > .arrow {
+  right: 0;
+}
+.bk-popover .bk-popover-content[data-popper-placement^='right'] > .arrow {
+  left: -8px;
+}

package/lib/preset.d.ts

@@ -0,0 +1,8 @@
+import { App } from 'vue';
+declare const _default: {
+    createInstall: (prefix?: string) => (app: App<any>) => App<any>[];
+    componentPrefix: string;
+    install: (app: App<any>) => App<any>[];
+    version: string;
+};
+export default _default;

package/lib/progress/circle.d.ts

@@ -0,0 +1,6 @@
+/** 环形进度和仪表盘 */
+declare const Circle: (_: any, { attrs, slots }: {
+    attrs: any;
+    slots: any;
+}) => JSX.Element;
+export default Circle;

package/lib/progress/index.d.ts

@@ -0,0 +1,228 @@
+declare const BkProgress: {
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            width: number;
+            color: string;
+            theme: string;
+            extCls: string;
+            type: string;
+            format: (...args: any[]) => any;
+            percent: number;
+            strokeWidth: number;
+            strokeLinecap: 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: {
+                [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">;
+        $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<{
+            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: {
+                [key: string]: any;
+            };
+            showText: boolean;
+            textInside: boolean;
+        } & {
+            size?: string;
+            format?: (...args: any[]) => 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;
+            color: string;
+            theme: string;
+            extCls: string;
+            type: string;
+            format: (...args: any[]) => any;
+            percent: number;
+            strokeWidth: number;
+            strokeLinecap: 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<{
+        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: {
+            [key: string]: any;
+        };
+        showText: boolean;
+        textInside: boolean;
+    } & {
+        size?: string;
+        format?: (...args: any[]) => 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<{
+    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: {
+        [key: string]: any;
+    };
+    showText: boolean;
+    textInside: boolean;
+} & {
+    size?: string;
+    format?: (...args: any[]) => 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;
+    color: string;
+    theme: string;
+    extCls: string;
+    type: string;
+    format: (...args: any[]) => any;
+    percent: number;
+    strokeWidth: number;
+    strokeLinecap: 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/index.js

@@ -0,0 +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:"BkProgress",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})}));

package/lib/progress/line.d.ts

@@ -0,0 +1,6 @@
+/** 进度条直线*/
+declare const Line: (_: any, { attrs, slots }: {
+    attrs: any;
+    slots: any;
+}) => JSX.Element;
+export default Line;

package/lib/progress/progress.css

@@ -0,0 +1,97 @@
+@keyframes loading-scale-animate {
+  0% {
+    transform: scale(1);
+  }
+  100% {
+    transform: scale(0.6);
+  }
+}
+@keyframes fade {
+  100% {
+    background-color: transparent;
+  }
+}
+.bk-fade-transtion .bk-fade-enter-active,
+.bk-fade-transtion .bk-fade-leave-active {
+  transition: all 0.3s cubic-bezier(0.55, 0, 0.1, 1);
+}
+.bk-fade-transtion .bk-fade-enter,
+.bk-fade-transtion .bk-fade-leave-to {
+  opacity: 0;
+}
+.bk-progress {
+  display: inline-block;
+}
+.bk-progress .progress-outer {
+  display: flex;
+  width: 100%;
+  align-items: center;
+}
+.bk-progress .progress-bar {
+  position: relative;
+  width: 100%;
+  height: 4px;
+  text-align: center;
+  vertical-align: middle;
+  background: #f0f1f5;
+  border-radius: 50px;
+}
+.bk-progress .progress-bar.bk-progress-small {
+  height: 2px;
+}
+.bk-progress .progress-bar.bk-progress-normal {
+  height: 4px;
+}
+.bk-progress .progress-bar.bk-progress-large {
+  height: 12px;
+}
+.bk-progress .progress-inner {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 50%;
+  height: 100%;
+  border-radius: 50px;
+  transition: width 0.5s ease;
+}
+.bk-progress .progress-inner.bk-primary {
+  background: #3a84ff;
+}
+.bk-progress .progress-inner.bk-success {
+  background: #2dcb56;
+}
+.bk-progress .progress-inner.bk-warning {
+  background: #ff9c01;
+}
+.bk-progress .progress-inner.bk-danger {
+  background: #ea3636;
+}
+.bk-progress .inner-text {
+  width: 100%;
+  height: 100%;
+  color: #fff;
+  text-align: center;
+}
+.bk-progress .progress-text {
+  width: 7%;
+  text-align: center;
+}
+.bk-progress .process-circle-trail {
+  stroke: #f5f5f5;
+}
+.bk-progress .progress-circle-text {
+  position: absolute;
+  top: 50%;
+  left: 0;
+  width: 100%;
+  margin: 0;
+  text-align: center;
+  transform: translateY(-50%);
+}
+.bk-progress-line {
+  width: 100%;
+}
+.bk-progress-circle,
+.bk-progress-dashboard {
+  position: relative;
+}

package/lib/progress/progress.d.ts

@@ -0,0 +1,118 @@
+export declare type ValidatorFunction<T> = (value: T) => boolean;
+declare const _default: import("vue").DefineComponent<{
+    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;
+    };
+    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;
+    /** 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: {
+        [key: string]: any;
+    };
+    showText: boolean;
+    textInside: boolean;
+} & {
+    size?: string;
+    format?: (...args: any[]) => any;
+}> & {}, {
+    width: number;
+    color: string;
+    theme: string;
+    extCls: string;
+    type: string;
+    format: (...args: any[]) => any;
+    percent: number;
+    strokeWidth: number;
+    strokeLinecap: string;
+    titleStyle: {
+        [key: string]: any;
+    };
+    showText: boolean;
+    textInside: boolean;
+}>;
+export default _default;