bkui-vue 0.0.2-beta.6 → 0.0.2-beta.60

package/lib/affix/affix.d.ts

@@ -39,8 +39,8 @@ declare const _default: import("vue").DefineComponent<{
 }>> & {
     onChange?: (...args: any[]) => any;
 }, {
-    zIndex: number;
     target: string;
+    zIndex: number;
     offsetTop: number;
     offsetBottom: number;
 }, {}>;

package/lib/affix/index.d.ts

@@ -3,15 +3,15 @@ declare const BkAffix: {
         $: import("vue").ComponentInternalInstance;
         $data: {};
         $props: {
-            zIndex?: number;
             target?: string;
+            zIndex?: number;
             offsetTop?: number;
             offsetBottom?: number;
             class?: unknown;
             style?: unknown;
             onChange?: (...args: any[]) => any;
-            key?: string | number | symbol;
             ref?: import("vue").VNodeRef;
+            key?: string | number | symbol;
             ref_for?: boolean;
             ref_key?: string;
             onVnodeBeforeMount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
@@ -88,8 +88,8 @@ declare const BkAffix: {
         }>> & {
             onChange?: (...args: any[]) => any;
         }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "change"[], string, {
-            zIndex: number;
             target: string;
+            zIndex: number;
             offsetTop: number;
             offsetBottom: number;
         }, {}, string, {}> & {
@@ -159,8 +159,8 @@ declare const BkAffix: {
 }>> & {
     onChange?: (...args: any[]) => any;
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "change"[], "change", {
-    zIndex: number;
     target: string;
+    zIndex: number;
     offsetTop: number;
     offsetBottom: number;
 }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]>;

package/lib/alert/alert.css

@@ -9,6 +9,7 @@
 }
 .bk-alert .bk-alert-icon-info {
   display: flex;
+  height: 16px;
   margin-right: 8px;
   font-size: 16px;
   line-height: 1;

package/lib/alert/alert.less

@@ -1,119 +1,119 @@
-@import '../styles/themes/themes.less';
-
-@info-border-color: #c5daff;
-@info-background-color: #f0f8ff;
-@info-icon-color: #3a84ff;
-
-@success-border-color: #94f5a4;
-@success-background-color: #f2fff4;
-@success-icon-color: #2dcb56;
-
-@warning-border-color: #ffdfac;
-@warning-background-color: #fff4e2;
-@warning-icon-color: #ff9c01;
-
-@error-border-color: #ffd2d2;
-@error-background-color: #ffeded;
-@error-icon-color: #ea3636;
-
-.@{bk-prefix}-alert {
-  position: relative;
-  font-size: @font-size-base;
-  color: #63656e;
-  text-align: left;
-  word-wrap: break-word;
-  border: @border-width-base @border-style-base;
-  border-radius: @border-radius-base;
-
-  .@{bk-prefix}-alert-icon-info {
-    display: flex; // 修复 svg 对不齐的问题（svg 是一个 inline 元素）
-    margin-right: 8px;
-    font-size: 16px;
-    line-height: 1;
-  }
-
-
-}
-
-.@{bk-prefix}-alert-wraper {
-  display: flex;
-  padding: 8px 10px;
-}
-
-.@{bk-prefix}-alert-info {
-  background-color: @info-background-color;
-  border-color: @info-border-color;
-
-  .@{bk-prefix}-alert-icon-info {
-    color: @info-icon-color;
-  }
-}
-
-.@{bk-prefix}-alert-success {
-  background-color: @success-background-color;
-  border-color: @success-border-color;
-
-  .@{bk-prefix}-alert-icon-info {
-    color: @success-icon-color;
-  }
-}
-
-.@{bk-prefix}-alert-warning {
-  background-color: @warning-background-color;
-  border-color: @warning-border-color;
-
-  .@{bk-prefix}-alert-icon-info {
-    color: @warning-icon-color;
-  }
-}
-
-.@{bk-prefix}-alert-error {
-  background-color: @error-background-color;
-  border-color: @error-border-color;
-
-  .@{bk-prefix}-alert-icon-info {
-    color: @error-icon-color;
-  }
-}
-
-.@{bk-prefix}-alert-content {
-  display: flex;
-  flex: 1;
-  flex-direction: column;
-  overflow: hidden;
-}
-
-.@{bk-prefix}-alert-title {
-  line-height: 16px;
-}
-
-.@{bk-prefix}-alert-close {
-  padding: 8px 12px 0 6px;
-  margin-top: -8px;
-  margin-right: -10px;
-  font-size: 12px;
-  color: #c4c6cc;
-  white-space: nowrap;
-  cursor: pointer;
-
-  &:hover {
-    color: #979ba5;
-  }
-}
-
-.@{bk-prefix}-alert-close-icon {
-  line-height: 1;
-}
-
-.@{bk-prefix}-alert-leave-leave {
-  opacity: 1;
-}
-
-.@{bk-prefix}-alert-leave-leave-active {
-  overflow: hidden;
-  transition: opacity .15s, height .2s;
-}
-
-.@{bk-prefix}-alert-leave-leave-to {
-  opacity: 0;
-}
+@import '../styles/themes/themes.less';
+
+@info-border-color: #c5daff;
+@info-background-color: #f0f8ff;
+@info-icon-color: #3a84ff;
+
+@success-border-color: #94f5a4;
+@success-background-color: #f2fff4;
+@success-icon-color: #2dcb56;
+
+@warning-border-color: #ffdfac;
+@warning-background-color: #fff4e2;
+@warning-icon-color: #ff9c01;
+
+@error-border-color: #ffd2d2;
+@error-background-color: #ffeded;
+@error-icon-color: #ea3636;
+
+.@{bk-prefix}-alert {
+  position: relative;
+  font-size: @font-size-base;
+  color: #63656e;
+  text-align: left;
+  word-wrap: break-word;
+  border: @border-width-base @border-style-base;
+  border-radius: @border-radius-base;
+
+  .@{bk-prefix}-alert-icon-info {
+    display: flex; // 修复 svg 对不齐的问题（svg 是一个 inline 元素）
+    height: 16px;
+    margin-right: 8px;
+    font-size: 16px;
+    line-height: 1;
+  }
+
+}
+
+.@{bk-prefix}-alert-wraper {
+  display: flex;
+  padding: 8px 10px;
+}
+
+.@{bk-prefix}-alert-info {
+  background-color: @info-background-color;
+  border-color: @info-border-color;
+
+  .@{bk-prefix}-alert-icon-info {
+    color: @info-icon-color;
+  }
+}
+
+.@{bk-prefix}-alert-success {
+  background-color: @success-background-color;
+  border-color: @success-border-color;
+
+  .@{bk-prefix}-alert-icon-info {
+    color: @success-icon-color;
+  }
+}
+
+.@{bk-prefix}-alert-warning {
+  background-color: @warning-background-color;
+  border-color: @warning-border-color;
+
+  .@{bk-prefix}-alert-icon-info {
+    color: @warning-icon-color;
+  }
+}
+
+.@{bk-prefix}-alert-error {
+  background-color: @error-background-color;
+  border-color: @error-border-color;
+
+  .@{bk-prefix}-alert-icon-info {
+    color: @error-icon-color;
+  }
+}
+
+.@{bk-prefix}-alert-content {
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  overflow: hidden;
+}
+
+.@{bk-prefix}-alert-title {
+  line-height: 16px;
+}
+
+.@{bk-prefix}-alert-close {
+  padding: 8px 12px 0 6px;
+  margin-top: -8px;
+  margin-right: -10px;
+  font-size: 12px;
+  color: #c4c6cc;
+  white-space: nowrap;
+  cursor: pointer;
+
+  &:hover {
+    color: #979ba5;
+  }
+}
+
+.@{bk-prefix}-alert-close-icon {
+  line-height: 1;
+}
+
+.@{bk-prefix}-alert-leave-leave {
+  opacity: 1;
+}
+
+.@{bk-prefix}-alert-leave-leave-active {
+  overflow: hidden;
+  transition: opacity .15s, height .2s;
+}
+
+.@{bk-prefix}-alert-leave-leave-to {
+  opacity: 0;
+}

package/lib/alert/alert.variable.css

@@ -131,6 +131,7 @@
 }
 .bk-alert .bk-alert-icon-info {
   display: flex;
+  height: 16px;
   margin-right: 8px;
   font-size: 16px;
   line-height: 1;

package/lib/alert/index.d.ts

@@ -11,8 +11,8 @@ declare const BkAlert: {
             showIcon?: boolean;
             class?: unknown;
             style?: unknown;
-            key?: string | number | symbol;
             ref?: import("vue").VNodeRef;
+            key?: string | number | symbol;
             ref_for?: boolean;
             ref_key?: string;
             onVnodeBeforeMount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {

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

@@ -7,8 +7,8 @@ declare const BkAnimateNumber: {
             digits?: number;
             class?: unknown;
             style?: unknown;
-            key?: string | number | symbol;
             ref?: import("vue").VNodeRef;
+            key?: string | number | symbol;
             ref_for?: boolean;
             ref_key?: string;
             onVnodeBeforeMount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {

package/lib/backtop/index.d.ts

@@ -10,8 +10,8 @@ declare const BkBacktop: {
             visibilityHeight?: number;
             class?: unknown;
             style?: unknown;
-            key?: string | number | symbol;
             ref?: import("vue").VNodeRef;
+            key?: string | number | symbol;
             ref_for?: boolean;
             ref_key?: string;
             onVnodeBeforeMount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {

package/lib/badge/badge.d.ts

@@ -101,10 +101,10 @@ declare const _default: import("vue").DefineComponent<{
     onLeave?: (...args: any[]) => any;
 }, {
     extCls: string;
-    theme: string;
     visible: boolean;
-    position: string;
+    theme: string;
     dot: boolean;
+    position: string;
     count: string | number;
     radius: string;
     valLength: number;

package/lib/badge/index.d.ts

@@ -4,18 +4,18 @@ declare const BkBadge: {
         $data: {};
         $props: {
             extCls?: string;
-            theme?: string;
             visible?: boolean;
-            position?: string;
+            theme?: string;
             dot?: boolean;
+            position?: string;
             count?: string | number;
             radius?: string;
             valLength?: number;
             overflowCount?: number;
             class?: unknown;
             style?: unknown;
-            key?: string | number | symbol;
             ref?: import("vue").VNodeRef;
+            key?: string | number | symbol;
             ref_for?: boolean;
             ref_key?: string;
             onVnodeBeforeMount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
@@ -125,10 +125,10 @@ declare const BkBadge: {
             resolveClassName: (cls: string) => string;
         }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("hover" | "leave")[], string, {
             extCls: string;
-            theme: string;
             visible: boolean;
-            position: string;
+            theme: string;
             dot: boolean;
+            position: string;
             count: string | number;
             radius: string;
             valLength: number;
@@ -261,10 +261,10 @@ declare const BkBadge: {
     resolveClassName: (cls: string) => string;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("hover" | "leave")[], "hover" | "leave", {
     extCls: string;
-    theme: string;
     visible: boolean;
-    position: string;
+    theme: string;
     dot: boolean;
+    position: string;
     count: string | number;
     radius: string;
     valLength: number;

package/lib/breadcrumb/index.d.ts

@@ -13,8 +13,8 @@ declare const BkBreadcrumb: {
             };
             class?: unknown;
             style?: unknown;
-            key?: string | number | symbol;
             ref?: import("vue").VNodeRef;
+            key?: string | number | symbol;
             ref_for?: boolean;
             ref_key?: string;
             onVnodeBeforeMount?: ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
@@ -216,5 +216,5 @@ declare const BkBreadcrumb: {
         replace: boolean;
     }, {}>;
 }>;
-export { BkBreadcrumb, BreadcrumbItem as BkBreadcrumbItem, };
+export { BkBreadcrumb, BreadcrumbItem as BkBreadcrumbItem };
 export default BkBreadcrumb;

package/lib/button/button.css

@@ -41,6 +41,11 @@
   border-color: #5594fa;
   color: white;
 }
+.bk-button.bk-button-primary.is-outline:active {
+  background-color: #2c77f4;
+  border-color: #2c77f4;
+  color: white;
+}
 .bk-button.bk-button-primary.is-text {
   color: #3a84ff;
   background-color: transparent;
@@ -87,6 +92,11 @@
   border-color: #ffb848;
   color: white;
 }
+.bk-button.bk-button-warning.is-outline:active {
+  background-color: #eb9000;
+  border-color: #eb9000;
+  color: white;
+}
 .bk-button.bk-button-warning.is-text {
   color: #ff9c01;
   background-color: transparent;
@@ -133,6 +143,11 @@
   border-color: #45e35f;
   color: white;
 }
+.bk-button.bk-button-success.is-outline:active {
+  background-color: #1ab943;
+  border-color: #1ab943;
+  color: white;
+}
 .bk-button.bk-button-success.is-text {
   color: #2dcb56;
   background-color: transparent;
@@ -179,6 +194,11 @@
   border-color: #ff5656;
   color: white;
 }
+.bk-button.bk-button-danger.is-outline:active {
+  background-color: #db2626;
+  border-color: #db2626;
+  color: white;
+}
 .bk-button.bk-button-danger.is-text {
   color: #ea3636;
   background-color: transparent;