bkui-vue 1.0.3-beta.8 → 2.0.1-beta.1

package/lib/affix/affix.variable.css

@@ -12,6 +12,7 @@
   --whitesmoke-color: #fafbfd;
   --disable-color: #dcdee5;
   --disable-bg-color: #f9fafd;
+  --border-color: #dcdee5;
   --font-size-base: 12px;
   --font-size-medium: 14px;
   --font-size-large: 16px;
@@ -123,6 +124,8 @@
   --search-select-placeholder-color: var(--light-gray);
   --search-select-message-color: var(--danger-color);
   --search-select-menu-border-color: var(--disable-color);
+  --select-active-color: #e1ecff;
+  --select-hover-color: #f5f7fa;
 }
 .bk-affix {
   position: fixed;

package/lib/alert/alert.variable.css

@@ -12,6 +12,7 @@
   --whitesmoke-color: #fafbfd;
   --disable-color: #dcdee5;
   --disable-bg-color: #f9fafd;
+  --border-color: #dcdee5;
   --font-size-base: 12px;
   --font-size-medium: 14px;
   --font-size-large: 16px;
@@ -123,6 +124,8 @@
   --search-select-placeholder-color: var(--light-gray);
   --search-select-message-color: var(--danger-color);
   --search-select-menu-border-color: var(--disable-color);
+  --select-active-color: #e1ecff;
+  --select-hover-color: #f5f7fa;
 }
 .bk-alert {
   position: relative;

package/lib/backtop/backtop.variable.css

@@ -12,6 +12,7 @@
   --whitesmoke-color: #fafbfd;
   --disable-color: #dcdee5;
   --disable-bg-color: #f9fafd;
+  --border-color: #dcdee5;
   --font-size-base: 12px;
   --font-size-medium: 14px;
   --font-size-large: 16px;
@@ -123,6 +124,8 @@
   --search-select-placeholder-color: var(--light-gray);
   --search-select-message-color: var(--danger-color);
   --search-select-menu-border-color: var(--disable-color);
+  --select-active-color: #e1ecff;
+  --select-hover-color: #f5f7fa;
 }
 @keyframes loading-scale-animate {
   0% {

package/lib/badge/badge.variable.css

@@ -12,6 +12,7 @@
   --whitesmoke-color: #fafbfd;
   --disable-color: #dcdee5;
   --disable-bg-color: #f9fafd;
+  --border-color: #dcdee5;
   --font-size-base: 12px;
   --font-size-medium: 14px;
   --font-size-large: 16px;
@@ -123,6 +124,8 @@
   --search-select-placeholder-color: var(--light-gray);
   --search-select-message-color: var(--danger-color);
   --search-select-menu-border-color: var(--disable-color);
+  --select-active-color: #e1ecff;
+  --select-hover-color: #f5f7fa;
 }
 .bk-badge-main {
   position: relative;

package/lib/breadcrumb/breadcrumb.variable.css

@@ -12,6 +12,7 @@
   --whitesmoke-color: #fafbfd;
   --disable-color: #dcdee5;
   --disable-bg-color: #f9fafd;
+  --border-color: #dcdee5;
   --font-size-base: 12px;
   --font-size-medium: 14px;
   --font-size-large: 16px;
@@ -123,6 +124,8 @@
   --search-select-placeholder-color: var(--light-gray);
   --search-select-message-color: var(--danger-color);
   --search-select-menu-border-color: var(--disable-color);
+  --select-active-color: #e1ecff;
+  --select-hover-color: #f5f7fa;
 }
 @keyframes loading-scale-animate {
   0% {

package/lib/button/button.variable.css

@@ -12,6 +12,7 @@
   --whitesmoke-color: #fafbfd;
   --disable-color: #dcdee5;
   --disable-bg-color: #f9fafd;
+  --border-color: #dcdee5;
   --font-size-base: 12px;
   --font-size-medium: 14px;
   --font-size-large: 16px;
@@ -123,6 +124,8 @@
   --search-select-placeholder-color: var(--light-gray);
   --search-select-message-color: var(--danger-color);
   --search-select-menu-border-color: var(--disable-color);
+  --select-active-color: #e1ecff;
+  --select-hover-color: #f5f7fa;
 }
 .bk-button {
   display: inline-flex;

package/lib/card/card.variable.css

@@ -12,6 +12,7 @@
   --whitesmoke-color: #fafbfd;
   --disable-color: #dcdee5;
   --disable-bg-color: #f9fafd;
+  --border-color: #dcdee5;
   --font-size-base: 12px;
   --font-size-medium: 14px;
   --font-size-large: 16px;
@@ -123,6 +124,8 @@
   --search-select-placeholder-color: var(--light-gray);
   --search-select-message-color: var(--danger-color);
   --search-select-menu-border-color: var(--disable-color);
+  --select-active-color: #e1ecff;
+  --select-hover-color: #f5f7fa;
 }
 @keyframes loading-scale-animate {
   0% {

package/lib/cascader/cascader.variable.css

@@ -12,6 +12,7 @@
   --whitesmoke-color: #fafbfd;
   --disable-color: #dcdee5;
   --disable-bg-color: #f9fafd;
+  --border-color: #dcdee5;
   --font-size-base: 12px;
   --font-size-medium: 14px;
   --font-size-large: 16px;
@@ -123,6 +124,8 @@
   --search-select-placeholder-color: var(--light-gray);
   --search-select-message-color: var(--danger-color);
   --search-select-menu-border-color: var(--disable-color);
+  --select-active-color: #e1ecff;
+  --select-hover-color: #f5f7fa;
 }
 @keyframes loading-scale-animate {
   0% {

package/lib/checkbox/checkbox.variable.css

@@ -12,6 +12,7 @@
   --whitesmoke-color: #fafbfd;
   --disable-color: #dcdee5;
   --disable-bg-color: #f9fafd;
+  --border-color: #dcdee5;
   --font-size-base: 12px;
   --font-size-medium: 14px;
   --font-size-large: 16px;
@@ -123,6 +124,8 @@
   --search-select-placeholder-color: var(--light-gray);
   --search-select-message-color: var(--danger-color);
   --search-select-menu-border-color: var(--disable-color);
+  --select-active-color: #e1ecff;
+  --select-hover-color: #f5f7fa;
 }
 .bk-checkbox-group {
   display: inline-flex;

package/lib/checkbox/index.js

@@ -340,10 +340,10 @@ var useCheckbox = function useCheckbox() {
 
 
 var checkboxProps = {
-  modelValue: shared_namespaceObject.PropTypes.oneOfType([String, Number, Boolean]),
-  label: shared_namespaceObject.PropTypes.oneOfType([String, Number, Boolean]),
-  trueLabel: shared_namespaceObject.PropTypes.oneOfType([String, Number, Boolean]).def(true),
-  falseLabel: shared_namespaceObject.PropTypes.oneOfType([String, Number, Boolean]).def(false),
+  modelValue: shared_namespaceObject.PropTypes.oneOfType([shared_namespaceObject.PropTypes.bool, shared_namespaceObject.PropTypes.string, shared_namespaceObject.PropTypes.number]),
+  label: shared_namespaceObject.PropTypes.oneOfType([shared_namespaceObject.PropTypes.bool, shared_namespaceObject.PropTypes.string, shared_namespaceObject.PropTypes.number]),
+  trueLabel: shared_namespaceObject.PropTypes.oneOfType([shared_namespaceObject.PropTypes.bool, shared_namespaceObject.PropTypes.string, shared_namespaceObject.PropTypes.number]).def(true),
+  falseLabel: shared_namespaceObject.PropTypes.oneOfType([shared_namespaceObject.PropTypes.bool, shared_namespaceObject.PropTypes.string, shared_namespaceObject.PropTypes.number]).def(false),
   disabled: shared_namespaceObject.PropTypes.bool.def(false),
   checked: shared_namespaceObject.PropTypes.bool.def(false),
   indeterminate: shared_namespaceObject.PropTypes.bool,

package/lib/code-diff/code-diff.variable.css

@@ -12,6 +12,7 @@
   --whitesmoke-color: #fafbfd;
   --disable-color: #dcdee5;
   --disable-bg-color: #f9fafd;
+  --border-color: #dcdee5;
   --font-size-base: 12px;
   --font-size-medium: 14px;
   --font-size-large: 16px;
@@ -123,6 +124,8 @@
   --search-select-placeholder-color: var(--light-gray);
   --search-select-message-color: var(--danger-color);
   --search-select-menu-border-color: var(--disable-color);
+  --select-active-color: #e1ecff;
+  --select-hover-color: #f5f7fa;
 }
 /* stylelint-disable declaration-no-important */
 .bk-code-diff {

package/lib/collapse/collapse.css

@@ -20,6 +20,7 @@
   line-height: 46px;
   color: #63656e;
   text-overflow: ellipsis;
+  background: #fff;
   cursor: pointer;
 }
 .bk-collapse-header .bk-collapse-title {
@@ -83,3 +84,13 @@
 .bk-collapse-icon-left .bk-collapse-icon {
   left: 13px;
 }
+.bk-collapse-block .bk-collapse-item {
+  margin-bottom: 10px;
+}
+.bk-collapse-block .bk-collapse-item .bk-collapse-header {
+  background: #F0F1F5;
+  border-radius: 2px;
+}
+.bk-collapse-block .bk-collapse-item:last-child {
+  margin-bottom: 0;
+}

package/lib/collapse/collapse.d.ts

@@ -48,6 +48,11 @@ declare const _default: import("vue").DefineComponent<{
     } & {
         default: string;
     };
+    useBlockTheme: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
 }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
     [key: string]: any;
 }>, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "after-leave" | "before-enter" | "item-click")[], "update:modelValue" | "after-leave" | "before-enter" | "item-click", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
@@ -100,6 +105,11 @@ declare const _default: import("vue").DefineComponent<{
     } & {
         default: string;
     };
+    useBlockTheme: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
 }>> & {
     "onUpdate:modelValue"?: (...args: any[]) => any;
     "onAfter-leave"?: (...args: any[]) => any;
@@ -116,5 +126,6 @@ declare const _default: import("vue").DefineComponent<{
     headerIcon: string;
     useCardTheme: boolean;
     headerIconAlign: string;
+    useBlockTheme: boolean;
 }, {}>;
 export default _default;

package/lib/collapse/collapse.less

@@ -25,6 +25,7 @@
   line-height: 46px;
   color: #63656e;
   text-overflow: ellipsis;
+  background: #fff;
   cursor: pointer;
 
   .@{bk-prefix}-collapse-title {
@@ -116,4 +117,17 @@
   .@{bk-prefix}-collapse-icon {
     left: 13px;
   }
-}
+}
+
+.@{bk-prefix}-collapse-block {
+  .@{bk-prefix}-collapse-item {
+    margin-bottom: 10px;
+    .@{bk-prefix}-collapse-header {
+      background: #F0F1F5;
+      border-radius: 2px;
+    }
+    &:last-child {
+      margin-bottom: 0;
+    }
+  }
+}

package/lib/collapse/collapse.variable.css

@@ -12,6 +12,7 @@
   --whitesmoke-color: #fafbfd;
   --disable-color: #dcdee5;
   --disable-bg-color: #f9fafd;
+  --border-color: #dcdee5;
   --font-size-base: 12px;
   --font-size-medium: 14px;
   --font-size-large: 16px;
@@ -123,6 +124,8 @@
   --search-select-placeholder-color: var(--light-gray);
   --search-select-message-color: var(--danger-color);
   --search-select-menu-border-color: var(--disable-color);
+  --select-active-color: #e1ecff;
+  --select-hover-color: #f5f7fa;
 }
 .bk-collapse-item {
   display: flex;
@@ -146,6 +149,7 @@
   line-height: 46px;
   color: #63656e;
   text-overflow: ellipsis;
+  background: #fff;
   cursor: pointer;
 }
 .bk-collapse-header .bk-collapse-title {
@@ -209,3 +213,13 @@
 .bk-collapse-icon-left .bk-collapse-icon {
   left: 13px;
 }
+.bk-collapse-block .bk-collapse-item {
+  margin-bottom: 10px;
+}
+.bk-collapse-block .bk-collapse-item .bk-collapse-header {
+  background: #F0F1F5;
+  border-radius: 2px;
+}
+.bk-collapse-block .bk-collapse-item:last-child {
+  margin-bottom: 0;
+}

package/lib/collapse/index.d.ts

@@ -53,6 +53,11 @@ declare const BkCollapse: {
         } & {
             default: string;
         };
+        useBlockTheme: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
     }>> & {
         "onUpdate:modelValue"?: (...args: any[]) => any;
         "onAfter-leave"?: (...args: any[]) => any;
@@ -110,6 +115,11 @@ declare const BkCollapse: {
         } & {
             default: string;
         };
+        useBlockTheme: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
     }>> & {
         "onUpdate:modelValue"?: (...args: any[]) => any;
         "onAfter-leave"?: (...args: any[]) => any;
@@ -126,6 +136,7 @@ declare const BkCollapse: {
         headerIcon: string;
         useCardTheme: boolean;
         headerIconAlign: string;
+        useBlockTheme: boolean;
     }, true, {}, {}, {
         P: {};
         B: {};
@@ -183,6 +194,11 @@ declare const BkCollapse: {
         } & {
             default: string;
         };
+        useBlockTheme: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
     }>> & {
         "onUpdate:modelValue"?: (...args: any[]) => any;
         "onAfter-leave"?: (...args: any[]) => any;
@@ -201,6 +217,7 @@ declare const BkCollapse: {
         headerIcon: string;
         useCardTheme: boolean;
         headerIconAlign: string;
+        useBlockTheme: boolean;
     }>;
     __isFragment?: never;
     __isTeleport?: never;
@@ -255,6 +272,11 @@ declare const BkCollapse: {
     } & {
         default: string;
     };
+    useBlockTheme: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
 }>> & {
     "onUpdate:modelValue"?: (...args: any[]) => any;
     "onAfter-leave"?: (...args: any[]) => any;
@@ -273,6 +295,7 @@ declare const BkCollapse: {
     headerIcon: string;
     useCardTheme: boolean;
     headerIconAlign: string;
+    useBlockTheme: boolean;
 }, {}, string, {}> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & import("vue").Plugin<any[]> & Readonly<{
     CollapsePanel: import("vue").DefineComponent<{
         itemClick: {

package/lib/collapse/index.js

@@ -214,7 +214,11 @@ var propsCollapse = {
   /**
    * 图标位置
    */
-  headerIconAlign: shared_namespaceObject.PropTypes.string.def('left')
+  headerIconAlign: shared_namespaceObject.PropTypes.string.def('left'),
+  /**
+   * 是否使用色块样式
+   */
+  useBlockTheme: shared_namespaceObject.PropTypes.bool.def(false)
 };
 var CollapsePanelEventProps = {
   itemClick: {
@@ -486,6 +490,10 @@ function collapse_objectSpread(e) { for (var r = 1; r < arguments.length; r++) {
     if (props.useCardTheme) {
       className += " ".concat(resolveClassName('collapse-card'));
     }
+    // 色块样式
+    if (props.useBlockTheme) {
+      className += " ".concat(resolveClassName('collapse-block'));
+    }
     // 图标位置
     if (props.headerIconAlign === 'left') {
       className += " ".concat(resolveClassName('collapse-icon-left'));

package/lib/collapse/props.d.ts

@@ -83,6 +83,14 @@ export declare const propsCollapse: {
     } & {
         default: string;
     };
+    /**
+     * 是否使用色块样式
+     */
+    useBlockTheme: import("vue-types").VueTypeValidableDef<boolean> & {
+        default: boolean;
+    } & {
+        default: boolean;
+    };
 };
 export declare const CollapsePanelEventProps: {
     itemClick: {

package/lib/collapse-transition/collapse-transition.variable.css

@@ -12,6 +12,7 @@
   --whitesmoke-color: #fafbfd;
   --disable-color: #dcdee5;
   --disable-bg-color: #f9fafd;
+  --border-color: #dcdee5;
   --font-size-base: 12px;
   --font-size-medium: 14px;
   --font-size-large: 16px;
@@ -123,6 +124,8 @@
   --search-select-placeholder-color: var(--light-gray);
   --search-select-message-color: var(--danger-color);
   --search-select-menu-border-color: var(--disable-color);
+  --select-active-color: #e1ecff;
+  --select-hover-color: #f5f7fa;
 }
 .bk-collapse-transitioncollapse-transition {
   transition: 0.3s height ease-in-out, 0.3s padding-top ease-in-out, 0.3s padding-bottom ease-in-out;

package/lib/color-picker/color-picker.variable.css

@@ -12,6 +12,7 @@
   --whitesmoke-color: #fafbfd;
   --disable-color: #dcdee5;
   --disable-bg-color: #f9fafd;
+  --border-color: #dcdee5;
   --font-size-base: 12px;
   --font-size-medium: 14px;
   --font-size-large: 16px;
@@ -123,6 +124,8 @@
   --search-select-placeholder-color: var(--light-gray);
   --search-select-message-color: var(--danger-color);
   --search-select-menu-border-color: var(--disable-color);
+  --select-active-color: #e1ecff;
+  --select-hover-color: #f5f7fa;
 }
 .bk-color-picker {
   position: relative;

package/lib/components.d.ts

@@ -51,6 +51,7 @@ export { default as Cascader } from './cascader';
 export { default as Slider } from './slider';
 export { default as ResizeLayout } from './resize-layout';
 export { default as TimeLine } from './timeline';
+export { default as Timeline } from './timeline';
 export { default as Process } from './process';
 export { default as Upload } from './upload';
 export { default as CodeDiff } from './code-diff';
@@ -61,3 +62,4 @@ export { default as OverflowTitle } from './overflow-title';
 export { default as $bkPopover } from './plugin-popover';
 export { default as ConfigProvider } from './config-provider';
 export { default as PopConfirm } from './pop-confirm';
+export { default as scrollbar } from './scrollbar';