bkui-vue 0.0.1-beta.48 → 0.0.1-beta.50

package/lib/alert/index.d.ts

@@ -4,8 +4,8 @@ declare const BkAlert: {
         $data: {};
         $props: Partial<{
             title: string;
-            theme: string;
             size: string;
+            theme: string;
             closable: boolean;
             closeText: string;
             showIcon: boolean;
@@ -34,7 +34,7 @@ declare const BkAlert: {
             };
         }>> & {
             onClose?: (...args: any[]) => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "title" | "theme" | "size" | "closable" | "closeText" | "showIcon">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "title" | "size" | "theme" | "closable" | "closeText" | "showIcon">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -80,8 +80,8 @@ declare const BkAlert: {
             handleClose: () => void;
         }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "close"[], string, {
             title: string;
-            theme: string;
             size: string;
+            theme: string;
             closable: boolean;
             closeText: string;
             showIcon: boolean;
@@ -171,8 +171,8 @@ declare const BkAlert: {
     handleClose: () => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "close"[], "close", {
     title: string;
-    theme: string;
     size: string;
+    theme: string;
     closable: boolean;
     closeText: string;
     showIcon: boolean;

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

@@ -21,7 +21,7 @@ declare const _default: import("vue").DefineComponent<{
         default: number;
     };
 }>>, {
-    value: number;
     digits: number;
+    value: number;
 }>;
 export default _default;

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

@@ -3,8 +3,8 @@ declare const BkAnimateNumber: {
         $: import("vue").ComponentInternalInstance;
         $data: {};
         $props: Partial<{
-            value: number;
             digits: number;
+            value: number;
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
             value: import("vue-types").VueTypeValidableDef<number> & {
                 default: number;
@@ -16,7 +16,7 @@ declare const BkAnimateNumber: {
             } & {
                 default: number;
             };
-        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "value" | "digits">;
+        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "digits" | "value">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -42,8 +42,8 @@ declare const BkAnimateNumber: {
                 default: number;
             };
         }>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {
-            value: number;
             digits: number;
+            value: number;
         }> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
@@ -91,7 +91,7 @@ declare const BkAnimateNumber: {
         default: number;
     };
 }>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {
-    value: number;
     digits: number;
+    value: number;
 }> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("@vue/runtime-core").Plugin;
 export default BkAnimateNumber;

package/lib/backtop/backtop.d.ts

@@ -51,8 +51,8 @@ declare const _default: import("vue").DefineComponent<{
         default: string;
     };
 }>>, {
-    bottom: number;
     right: number;
+    bottom: number;
     visibilityHeight: number;
     target: string;
     extCls: string;

package/lib/backtop/index.d.ts

@@ -3,8 +3,8 @@ declare const BkBacktop: {
         $: import("vue").ComponentInternalInstance;
         $data: {};
         $props: Partial<{
-            bottom: number;
             right: number;
+            bottom: number;
             visibilityHeight: number;
             target: string;
             extCls: string;
@@ -34,7 +34,7 @@ declare const BkBacktop: {
             } & {
                 default: string;
             };
-        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "bottom" | "right" | "visibilityHeight" | "target" | "extCls">;
+        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "right" | "bottom" | "visibilityHeight" | "target" | "extCls">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -75,8 +75,8 @@ declare const BkBacktop: {
                 default: string;
             };
         }>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {
-            bottom: number;
             right: number;
+            bottom: number;
             visibilityHeight: number;
             target: string;
             extCls: string;
@@ -157,8 +157,8 @@ declare const BkBacktop: {
         default: string;
     };
 }>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {
-    bottom: number;
     right: number;
+    bottom: number;
     visibilityHeight: number;
     target: string;
     extCls: string;

package/lib/badge/badge.d.ts

@@ -79,10 +79,10 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
     };
 }>>, {
-    theme: string;
     visible: boolean;
-    position: string;
     dot: boolean;
+    theme: string;
+    position: string;
     count: number;
     radius: string;
     valLength: number;

package/lib/badge/index.d.ts

@@ -3,10 +3,10 @@ declare const BkBadge: {
         $: import("vue").ComponentInternalInstance;
         $data: {};
         $props: Partial<{
-            theme: string;
             visible: boolean;
-            position: string;
             dot: boolean;
+            theme: string;
+            position: string;
             count: number;
             radius: string;
             valLength: number;
@@ -46,7 +46,7 @@ declare const BkBadge: {
             } & {
                 default: boolean;
             };
-        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "theme" | "visible" | "position" | "dot" | "count" | "radius" | "valLength" | "overflowCount">;
+        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "visible" | "dot" | "theme" | "position" | "count" | "radius" | "valLength" | "overflowCount">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -98,10 +98,10 @@ declare const BkBadge: {
         }>>, {
             numberCount: import("vue").ComputedRef<string | number>;
         }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {
-            theme: string;
             visible: boolean;
-            position: string;
             dot: boolean;
+            theme: string;
+            position: string;
             count: number;
             radius: string;
             valLength: number;
@@ -205,10 +205,10 @@ declare const BkBadge: {
 }>>, {
     numberCount: import("vue").ComputedRef<string | number>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {
-    theme: string;
     visible: boolean;
-    position: string;
     dot: boolean;
+    theme: string;
+    position: string;
     count: number;
     radius: string;
     valLength: number;

package/lib/breadcrumb/breadcrumb.d.ts

@@ -43,9 +43,9 @@ declare const _default: import("vue").DefineComponent<{
         });
     };
 }>>, {
+    separator: string;
     replace: boolean;
     extCls: string;
-    separator: string;
     separatorClass: string;
     backRouter: string | {
         [key: string]: any;

package/lib/breadcrumb/index.d.ts

@@ -4,9 +4,9 @@ declare const BkBreadcrumb: {
         $: import("vue").ComponentInternalInstance;
         $data: {};
         $props: Partial<{
+            separator: string;
             replace: boolean;
             extCls: string;
-            separator: string;
             separatorClass: string;
             backRouter: string | {
                 [key: string]: any;
@@ -33,7 +33,7 @@ declare const BkBreadcrumb: {
                     [key: string]: any;
                 });
             };
-        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "replace" | "extCls" | "separator" | "separatorClass" | "backRouter">;
+        }>> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "separator" | "replace" | "extCls" | "separatorClass" | "backRouter">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -70,9 +70,9 @@ declare const BkBreadcrumb: {
                 });
             };
         }>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {
+            separator: string;
             replace: boolean;
             extCls: string;
-            separator: string;
             separatorClass: string;
             backRouter: string | {
                 [key: string]: any;
@@ -146,9 +146,9 @@ declare const BkBreadcrumb: {
         });
     };
 }>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, {
+    separator: string;
     replace: boolean;
     extCls: string;
-    separator: string;
     separatorClass: string;
     backRouter: string | {
         [key: string]: any;

package/lib/button/button.css

@@ -32,10 +32,6 @@
   border-color: #2c77f4;
   color: white;
 }
-.bk-button.bk-button-primary.is-disabled {
-  background-color: #dcdee5;
-  border-color: #dcdee5;
-}
 .bk-button.bk-button-primary.is-outline {
   color: #3a84ff;
   border-color: #3a84ff;
@@ -54,6 +50,12 @@
 .bk-button.bk-button-primary.is-text:hover {
   color: #5594fa;
 }
+.bk-button.bk-button-primary.is-disabled {
+  background-color: #dcdee5;
+  border-color: #dcdee5;
+  color: white;
+  cursor: not-allowed;
+}
 .bk-button.bk-button-hover-primary:hover {
   background-color: #5594fa;
   border-color: #5594fa;
@@ -73,10 +75,6 @@
   border-color: #eb9000;
   color: white;
 }
-.bk-button.bk-button-warning.is-disabled {
-  background-color: #dcdee5;
-  border-color: #dcdee5;
-}
 .bk-button.bk-button-warning.is-outline {
   color: #ff9c01;
   border-color: #ff9c01;
@@ -95,6 +93,12 @@
 .bk-button.bk-button-warning.is-text:hover {
   color: #ffb848;
 }
+.bk-button.bk-button-warning.is-disabled {
+  background-color: #dcdee5;
+  border-color: #dcdee5;
+  color: white;
+  cursor: not-allowed;
+}
 .bk-button.bk-button-hover-warning:hover {
   background-color: #ffb848;
   border-color: #ffb848;
@@ -114,10 +118,6 @@
   border-color: #1ab943;
   color: white;
 }
-.bk-button.bk-button-success.is-disabled {
-  background-color: #dcdee5;
-  border-color: #dcdee5;
-}
 .bk-button.bk-button-success.is-outline {
   color: #2dcb56;
   border-color: #2dcb56;
@@ -136,6 +136,12 @@
 .bk-button.bk-button-success.is-text:hover {
   color: #45e35f;
 }
+.bk-button.bk-button-success.is-disabled {
+  background-color: #dcdee5;
+  border-color: #dcdee5;
+  color: white;
+  cursor: not-allowed;
+}
 .bk-button.bk-button-hover-success:hover {
   background-color: #45e35f;
   border-color: #45e35f;
@@ -155,10 +161,6 @@
   border-color: #db2626;
   color: white;
 }
-.bk-button.bk-button-danger.is-disabled {
-  background-color: #dcdee5;
-  border-color: #dcdee5;
-}
 .bk-button.bk-button-danger.is-outline {
   color: #ea3636;
   border-color: #ea3636;
@@ -177,6 +179,12 @@
 .bk-button.bk-button-danger.is-text:hover {
   color: #ff5656;
 }
+.bk-button.bk-button-danger.is-disabled {
+  background-color: #dcdee5;
+  border-color: #dcdee5;
+  color: white;
+  cursor: not-allowed;
+}
 .bk-button.bk-button-hover-danger:hover {
   background-color: #ff5656;
   border-color: #ff5656;
@@ -194,8 +202,8 @@
   line-height: 38px;
   padding: 0 20px;
 }
-.bk-button .bk-button-loading:not(:last-child) {
-  margin-right: 12px;
+.bk-button:not(.is-text) .bk-button-loading:not(:last-child) {
+  margin-right: 6px;
 }
 .bk-button:hover {
   border-color: #979ba5;
@@ -204,11 +212,6 @@
   color: #3a84ff;
   border-color: #3a84ff;
 }
-.bk-button.is-disabled {
-  color: #dcdee5;
-  cursor: auto;
-  border-color: #dcdee5;
-}
 .bk-button.is-text {
   height: auto;
   font-size: 14px;
@@ -221,6 +224,11 @@
   border: none;
   outline: none;
 }
+.bk-button.is-disabled {
+  color: #dcdee5;
+  cursor: not-allowed;
+  border-color: #dcdee5;
+}
 .bk-button-group {
   display: inline-block;
   font-size: 0;

package/lib/button/button.d.ts

@@ -32,7 +32,9 @@ declare const buttonProps: {
     hoverTheme: import("vue-types").VueTypeDef<string> & {
         default: string;
     };
-    size: import("vue-types").VueTypeDef<string>;
+    size: import("vue-types").VueTypeDef<string> & {
+        default: string;
+    };
     title: import("vue-types").VueTypeValidableDef<string> & {
         default: string;
     };
@@ -48,7 +50,7 @@ declare const buttonProps: {
     loading: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
     };
-    laodingMode: import("vue-types").VueTypeDef<string>;
+    loadingMode: import("vue-types").VueTypeDef<string>;
     outline: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
     };
@@ -67,7 +69,9 @@ declare const _default: import("vue").DefineComponent<{
     hoverTheme: import("vue-types").VueTypeDef<string> & {
         default: string;
     };
-    size: import("vue-types").VueTypeDef<string>;
+    size: import("vue-types").VueTypeDef<string> & {
+        default: string;
+    };
     title: import("vue-types").VueTypeValidableDef<string> & {
         default: string;
     };
@@ -83,7 +87,7 @@ declare const _default: import("vue").DefineComponent<{
     loading: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
     };
-    laodingMode: import("vue-types").VueTypeDef<string>;
+    loadingMode: import("vue-types").VueTypeDef<string>;
     outline: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
     };
@@ -100,7 +104,9 @@ declare const _default: import("vue").DefineComponent<{
     hoverTheme: import("vue-types").VueTypeDef<string> & {
         default: string;
     };
-    size: import("vue-types").VueTypeDef<string>;
+    size: import("vue-types").VueTypeDef<string> & {
+        default: string;
+    };
     title: import("vue-types").VueTypeValidableDef<string> & {
         default: string;
     };
@@ -116,7 +122,7 @@ declare const _default: import("vue").DefineComponent<{
     loading: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
     };
-    laodingMode: import("vue-types").VueTypeDef<string>;
+    loadingMode: import("vue-types").VueTypeDef<string>;
     outline: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
     };
@@ -132,10 +138,11 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     title: string;
     text: boolean;
-    theme: string;
+    size: string;
     icon: string;
-    outline: boolean;
     disabled: boolean;
+    theme: string;
+    outline: boolean;
     loading: boolean;
     hoverTheme: string;
     iconRight: string;

package/lib/button/button.less

@@ -56,10 +56,6 @@
         color: @white-color;
       }
 
-      &.is-disabled {
-        background-color: @disable-color;
-        border-color: @disable-color;
-      }
       &.is-outline {
         color: @@color;
         border-color: @@color;
@@ -80,6 +76,12 @@
           color: @@hoverColor;
         }
       }
+      &.is-disabled {
+        background-color: @disable-color;
+        border-color: @disable-color;
+        color: @white-color;
+        cursor: not-allowed;
+      }
     }
 
     &.@{bk-prefix}-button-hover-@{value} {
@@ -92,7 +94,7 @@
   })
 
   
-    each(@sizeSelectors, {
+  each(@sizeSelectors, {
     @sizeBtnMinWidth: '@{value}BtnMinWidth';
     @sizeBtnHeight: '@{value}BtnHeight';
     @sizeBtnPadding: '@{value}BtnPadding';
@@ -102,12 +104,12 @@
       line-height: @@sizeBtnHeight;
       padding: 0 @@sizeBtnPadding;
     }
-  })
-;
-
-  .@{bk-prefix}-button-loading {
-    &:not(:last-child) {
-      margin-right: @smallBtnPadding;
+  });
+  &:not(.is-text) {
+    .@{bk-prefix}-button-loading {
+      &:not(:last-child) {
+        margin-right: 6px;
+      }
     }
   }
 
@@ -120,12 +122,6 @@
     border-color: @primary-color;
   }
 
-  &.is-disabled {
-    color: @disable-color;
-    cursor: auto;
-    border-color: @disable-color;
-  }
-
   &.is-text {
     height: auto;
     font-size: @font-size-medium;
@@ -137,7 +133,15 @@
     background: none;
     border: none;
     outline: none;
-  }}
+  }
+
+  &.is-disabled {
+    color: @disable-color;
+    cursor: not-allowed;
+    border-color: @disable-color;
+  }
+}
+
 
 .@{bk-prefix}-button-group {
   display: inline-block;

package/lib/button/button.variable.css

@@ -126,10 +126,6 @@
   border-color: var(--button-primary-active-color);
   color: var(--white-color);
 }
-.bk-button.bk-button-primary.is-disabled {
-  background-color: var(--disable-color);
-  border-color: var(--disable-color);
-}
 .bk-button.bk-button-primary.is-outline {
   color: var(--primary-color);
   border-color: var(--primary-color);
@@ -148,6 +144,12 @@
 .bk-button.bk-button-primary.is-text:hover {
   color: var(--button-primary-hover-color);
 }
+.bk-button.bk-button-primary.is-disabled {
+  background-color: var(--disable-color);
+  border-color: var(--disable-color);
+  color: var(--white-color);
+  cursor: not-allowed;
+}
 .bk-button.bk-button-hover-primary:hover {
   background-color: var(--button-primary-hover-color);
   border-color: var(--button-primary-hover-color);
@@ -167,10 +169,6 @@
   border-color: var(--button-warning-active-color);
   color: var(--white-color);
 }
-.bk-button.bk-button-warning.is-disabled {
-  background-color: var(--disable-color);
-  border-color: var(--disable-color);
-}
 .bk-button.bk-button-warning.is-outline {
   color: var(--warning-color);
   border-color: var(--warning-color);
@@ -189,6 +187,12 @@
 .bk-button.bk-button-warning.is-text:hover {
   color: var(--button-warning-hover-color);
 }
+.bk-button.bk-button-warning.is-disabled {
+  background-color: var(--disable-color);
+  border-color: var(--disable-color);
+  color: var(--white-color);
+  cursor: not-allowed;
+}
 .bk-button.bk-button-hover-warning:hover {
   background-color: var(--button-warning-hover-color);
   border-color: var(--button-warning-hover-color);
@@ -208,10 +212,6 @@
   border-color: var(--button-success-active-color);
   color: var(--white-color);
 }
-.bk-button.bk-button-success.is-disabled {
-  background-color: var(--disable-color);
-  border-color: var(--disable-color);
-}
 .bk-button.bk-button-success.is-outline {
   color: var(--success-color);
   border-color: var(--success-color);
@@ -230,6 +230,12 @@
 .bk-button.bk-button-success.is-text:hover {
   color: var(--button-success-hover-color);
 }
+.bk-button.bk-button-success.is-disabled {
+  background-color: var(--disable-color);
+  border-color: var(--disable-color);
+  color: var(--white-color);
+  cursor: not-allowed;
+}
 .bk-button.bk-button-hover-success:hover {
   background-color: var(--button-success-hover-color);
   border-color: var(--button-success-hover-color);
@@ -249,10 +255,6 @@
   border-color: var(--button-danger-active-color);
   color: var(--white-color);
 }
-.bk-button.bk-button-danger.is-disabled {
-  background-color: var(--disable-color);
-  border-color: var(--disable-color);
-}
 .bk-button.bk-button-danger.is-outline {
   color: var(--danger-color);
   border-color: var(--danger-color);
@@ -271,6 +273,12 @@
 .bk-button.bk-button-danger.is-text:hover {
   color: var(--button-danger-hover-color);
 }
+.bk-button.bk-button-danger.is-disabled {
+  background-color: var(--disable-color);
+  border-color: var(--disable-color);
+  color: var(--white-color);
+  cursor: not-allowed;
+}
 .bk-button.bk-button-hover-danger:hover {
   background-color: var(--button-danger-hover-color);
   border-color: var(--button-danger-hover-color);
@@ -288,8 +296,8 @@
   line-height: 38px;
   padding: 0 20px;
 }
-.bk-button .bk-button-loading:not(:last-child) {
-  margin-right: 12px;
+.bk-button:not(.is-text) .bk-button-loading:not(:last-child) {
+  margin-right: 6px;
 }
 .bk-button:hover {
   border-color: var(--button-default-hover-border-color);
@@ -298,11 +306,6 @@
   color: var(--primary-color);
   border-color: var(--primary-color);
 }
-.bk-button.is-disabled {
-  color: var(--disable-color);
-  cursor: auto;
-  border-color: var(--disable-color);
-}
 .bk-button.is-text {
   height: auto;
   font-size: var(--font-size-medium);
@@ -315,6 +318,11 @@
   border: none;
   outline: none;
 }
+.bk-button.is-disabled {
+  color: var(--disable-color);
+  cursor: not-allowed;
+  border-color: var(--disable-color);
+}
 .bk-button-group {
   display: inline-block;
   font-size: 0;