bkui-vue 0.0.1-beta.165 → 0.0.1-beta.168

package/lib/pagination/pagination.d.ts

@@ -56,6 +56,9 @@ export declare const paginationProps: {
     } & {
         default: boolean;
     };
+    beforeChange: import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
+        default: (...args: any[]) => any;
+    };
     layout: import("vue-types").VueTypeDef<string[]> & {
         default: () => string[];
     };
@@ -118,6 +121,9 @@ declare const _default: import("vue").DefineComponent<{
     } & {
         default: boolean;
     };
+    beforeChange: import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
+        default: (...args: any[]) => any;
+    };
     layout: import("vue-types").VueTypeDef<string[]> & {
         default: () => string[];
     };
@@ -193,6 +199,9 @@ declare const _default: import("vue").DefineComponent<{
     } & {
         default: boolean;
     };
+    beforeChange: import("vue-types").VueTypeValidableDef<(...args: any[]) => any> & {
+        default: (...args: any[]) => any;
+    };
     layout: import("vue-types").VueTypeDef<string[]> & {
         default: () => string[];
     };
@@ -209,6 +218,7 @@ declare const _default: import("vue").DefineComponent<{
     layout: string[];
     count: number;
     modelValue: number;
+    beforeChange: (...args: any[]) => any;
     prevText: string;
     nextText: string;
     align: string;

package/lib/pagination/pagination.less

@@ -36,7 +36,6 @@
     margin-right: 0;
   }
 
-  
 }
 .@{bk-prefix}-pagination-total {
   display: flex;
@@ -45,13 +44,14 @@
 
 .@{bk-prefix}-pagination-total-num {
   padding: 0 2px;
-  color: #3f4046;
 }
 
 .@{bk-prefix}-pagination-list {
   display: flex;
 }
 
+.@{bk-prefix}-pagination-list-pre-batch,
+.@{bk-prefix}-pagination-list-next-batch,
 .@{bk-prefix}-pagination-list-pre,
 .@{bk-prefix}-pagination-list-next,
 .@{bk-prefix}-pagination-list-item {
@@ -66,14 +66,16 @@
   color: #63656e;
   cursor: pointer;
   background: #fff;
-  border: 1px solid #c4c6cc;
   border-radius: 2px;
   user-select: none;
 
-  &:hover,
   &.is-active {
     color: #3a84ff;
-    border-color: #3a84ff;
+    background: #e1ecff;
+  }
+
+  &:hover {
+    background: #f0f1f5;
   }
 
   &.is-disabled {
@@ -84,28 +86,21 @@
   }
 }
 
-.@{bk-prefix}-pagination-list-pre-batch,
-.@{bk-prefix}-pagination-list-next-batch {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  height: 32px;
-  cursor: pointer;
-  user-select: none;
-
-  &:hover {
-    color: #3a84ff;
-  }
-}
-
 .@{bk-prefix}-pagination-list-pre,
 .@{bk-prefix}-pagination-list-next {
-  font-size: 14px;
+  font-size: 20px;
+  color: #979ba5;
+
+  &.is-disabled {
+    color: #dcdee5;
+    cursor: not-allowed;
+    background-color: transparent;
+  }
 }
 
 .@{bk-prefix}-pagination-list-item {
-  margin-right: 4px;
-  margin-left: 4px;
+  margin-right: 2px;
+  margin-left: 2px;
 }
 
 .@{bk-prefix}-pagination-limit {
@@ -117,14 +112,42 @@
 .@{bk-prefix}-pagination-limit-select {
   width: 60px;
   margin: 0 4px;
+
+  .bk-input {
+    border-color: #f0f1f5;
+  }
+
+  .bk-input--text {
+    background-color: #f0f1f5;
+  }
+
+  &:hover {
+    .bk-input {
+      border-color: #eaebf0;
+    }
+  
+    .bk-input--text {
+      background-color: #eaebf0;
+    }
+  }
+
+  .bk-input {
+    &.is-focused {
+      border-color: #3a84ff;
+
+      .bk-input--text {
+        background-color: #fff;
+      }
+    }
+  }
 }
 .@{bk-prefix}-pagination-small-list {
   display: flex;
-
+  align-items: center;
   .@{bk-prefix}-pagination-picker {
     display: flex;
-    height: 24px;
-    // padding: 0 8px;
+    height: 26px;
+    margin: 0 4px;
     cursor: pointer;
     background-color: #f0f1f5;
     border: 1px solid #f0f1f5;
@@ -132,8 +155,8 @@
     align-items: center;
 
     &:hover {
-      background-color: #e1ecff;
-      border-color: #e1ecff;
+      background-color: #eaebf0;
+      border-color: #eaebf0;
     }
 
     &.is-focused {
@@ -146,7 +169,7 @@
 
 .@{bk-prefix}-pagination-editor {
   height: 16px;
-  min-width: 14px;
+  min-width: 23px;
   padding-right: 4px;
   padding-left: 8px;
   line-height: 16px;
@@ -164,13 +187,17 @@
 .@{bk-prefix}-pagination-btn-pre,
 .@{bk-prefix}-pagination-btn-next {
   display: flex;
+  width: 26px;
+  height: 26px;
+  font-size: 20px;
+  color: #979ba5;
+  cursor: pointer;
   justify-content: center;
   align-items: center;
-  width: 24px;
-  cursor: pointer;
 
   &:hover {
-    color: #3a84ff
+    color: #3a84ff;
+    background: #f0f1f5;
   }
 
   &.is-disabled {

package/lib/pagination/pagination.variable.css

@@ -146,11 +146,12 @@
 }
 .bk-pagination-total-num {
   padding: 0 2px;
-  color: #3f4046;
 }
 .bk-pagination-list {
   display: flex;
 }
+.bk-pagination-list-pre-batch,
+.bk-pagination-list-next-batch,
 .bk-pagination-list-pre,
 .bk-pagination-list-next,
 .bk-pagination-list-item {
@@ -165,19 +166,26 @@
   color: #63656e;
   cursor: pointer;
   background: #fff;
-  border: 1px solid #c4c6cc;
   border-radius: 2px;
   user-select: none;
 }
-.bk-pagination-list-pre:hover,
-.bk-pagination-list-next:hover,
-.bk-pagination-list-item:hover,
+.bk-pagination-list-pre-batch.is-active,
+.bk-pagination-list-next-batch.is-active,
 .bk-pagination-list-pre.is-active,
 .bk-pagination-list-next.is-active,
 .bk-pagination-list-item.is-active {
   color: #3a84ff;
-  border-color: #3a84ff;
+  background: #e1ecff;
+}
+.bk-pagination-list-pre-batch:hover,
+.bk-pagination-list-next-batch:hover,
+.bk-pagination-list-pre:hover,
+.bk-pagination-list-next:hover,
+.bk-pagination-list-item:hover {
+  background: #f0f1f5;
 }
+.bk-pagination-list-pre-batch.is-disabled,
+.bk-pagination-list-next-batch.is-disabled,
 .bk-pagination-list-pre.is-disabled,
 .bk-pagination-list-next.is-disabled,
 .bk-pagination-list-item.is-disabled {
@@ -186,26 +194,20 @@
   background-color: #fafbfd;
   border-color: #dcdee5;
 }
-.bk-pagination-list-pre-batch,
-.bk-pagination-list-next-batch {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  height: 32px;
-  cursor: pointer;
-  user-select: none;
-}
-.bk-pagination-list-pre-batch:hover,
-.bk-pagination-list-next-batch:hover {
-  color: #3a84ff;
-}
 .bk-pagination-list-pre,
 .bk-pagination-list-next {
-  font-size: 14px;
+  font-size: 20px;
+  color: #979ba5;
+}
+.bk-pagination-list-pre.is-disabled,
+.bk-pagination-list-next.is-disabled {
+  color: #dcdee5;
+  cursor: not-allowed;
+  background-color: transparent;
 }
 .bk-pagination-list-item {
-  margin-right: 4px;
-  margin-left: 4px;
+  margin-right: 2px;
+  margin-left: 2px;
 }
 .bk-pagination-limit {
   display: flex;
@@ -216,12 +218,32 @@
   width: 60px;
   margin: 0 4px;
 }
+.bk-pagination-limit-select .bk-input {
+  border-color: #f0f1f5;
+}
+.bk-pagination-limit-select .bk-input--text {
+  background-color: #f0f1f5;
+}
+.bk-pagination-limit-select:hover .bk-input {
+  border-color: #eaebf0;
+}
+.bk-pagination-limit-select:hover .bk-input--text {
+  background-color: #eaebf0;
+}
+.bk-pagination-limit-select .bk-input.is-focused {
+  border-color: #3a84ff;
+}
+.bk-pagination-limit-select .bk-input.is-focused .bk-input--text {
+  background-color: #fff;
+}
 .bk-pagination-small-list {
   display: flex;
+  align-items: center;
 }
 .bk-pagination-small-list .bk-pagination-picker {
   display: flex;
-  height: 24px;
+  height: 26px;
+  margin: 0 4px;
   cursor: pointer;
   background-color: #f0f1f5;
   border: 1px solid #f0f1f5;
@@ -229,8 +251,8 @@
   align-items: center;
 }
 .bk-pagination-small-list .bk-pagination-picker:hover {
-  background-color: #e1ecff;
-  border-color: #e1ecff;
+  background-color: #eaebf0;
+  border-color: #eaebf0;
 }
 .bk-pagination-small-list .bk-pagination-picker.is-focused {
   background-color: #fff;
@@ -239,7 +261,7 @@
 }
 .bk-pagination-editor {
   height: 16px;
-  min-width: 14px;
+  min-width: 23px;
   padding-right: 4px;
   padding-left: 8px;
   line-height: 16px;
@@ -257,14 +279,18 @@
 .bk-pagination-btn-pre,
 .bk-pagination-btn-next {
   display: flex;
+  width: 26px;
+  height: 26px;
+  font-size: 20px;
+  color: #979ba5;
+  cursor: pointer;
   justify-content: center;
   align-items: center;
-  width: 24px;
-  cursor: pointer;
 }
 .bk-pagination-btn-pre:hover,
 .bk-pagination-btn-next:hover {
   color: #3a84ff;
+  background: #f0f1f5;
 }
 .bk-pagination-btn-pre.is-disabled,
 .bk-pagination-btn-next.is-disabled {

package/lib/select/index.d.ts

@@ -19,16 +19,16 @@ declare const BkSelect: {
             tagTheme: string;
             filterable: boolean;
             allowCreate: boolean;
+            collapseTags: boolean;
             popoverMinWidth: number;
             idKey: string;
             remoteMethod: (...args: any[]) => any;
+            scrollHeight: number;
             popoverOptions: {
                 [key: string]: any;
             };
-            scrollHeight: number;
             showSelectAll: boolean;
             multipleMode: string;
-            collapseTags: boolean;
             noDataText: string;
             noMatchText: string;
             loadingText: string;
@@ -205,7 +205,7 @@ declare const BkSelect: {
             onClear?: (...args: any[]) => any;
             onToggle?: (...args: any[]) => any;
             "onScroll-end"?: (...args: any[]) => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "showOnInit" | "disabled" | "placeholder" | "list" | "size" | "multiple" | "loading" | "clearable" | "behavior" | "withValidate" | "showSelectedIcon" | "tagTheme" | "filterable" | "allowCreate" | "popoverMinWidth" | "idKey" | "remoteMethod" | "popoverOptions" | "scrollHeight" | "showSelectAll" | "multipleMode" | "collapseTags" | "noDataText" | "noMatchText" | "loadingText" | "searchPlaceholder" | "selectAllText" | "scrollLoading" | "customContent" | "displayKey" | "inputSearch" | "enableVirtualRender">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "showOnInit" | "disabled" | "placeholder" | "list" | "size" | "multiple" | "loading" | "clearable" | "behavior" | "withValidate" | "showSelectedIcon" | "tagTheme" | "filterable" | "allowCreate" | "collapseTags" | "popoverMinWidth" | "idKey" | "remoteMethod" | "scrollHeight" | "popoverOptions" | "showSelectAll" | "multipleMode" | "noDataText" | "noMatchText" | "loadingText" | "searchPlaceholder" | "selectAllText" | "scrollLoading" | "customContent" | "displayKey" | "inputSearch" | "enableVirtualRender">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -411,6 +411,7 @@ declare const BkSelect: {
                     tagTheme: string;
                     filterable: boolean;
                     allowCreate: boolean;
+                    collapseTags: boolean;
                 }> & Omit<Readonly<import("vue").ExtractPropTypes<{
                     selected: {
                         type: import("vue-types/dist/types").PropType<import("./type").ISelected[]>;
@@ -440,11 +441,16 @@ declare const BkSelect: {
                         default: boolean;
                     };
                     modelValue: import("vue-types").VueTypeValidableDef<any>;
+                    collapseTags: import("vue-types").VueTypeValidableDef<boolean> & {
+                        default: boolean;
+                    } & {
+                        default: boolean;
+                    };
                 }>> & {
                     onEnter?: (...args: any[]) => any;
                     "onUpdate:modelValue"?: (...args: any[]) => any;
                     onRemove?: (...args: any[]) => any;
-                } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "disabled" | "placeholder" | "selected" | "tagTheme" | "filterable" | "allowCreate">;
+                } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "disabled" | "placeholder" | "selected" | "tagTheme" | "filterable" | "allowCreate" | "collapseTags">;
                 $attrs: {
                     [x: string]: unknown;
                 };
@@ -487,11 +493,17 @@ declare const BkSelect: {
                         default: boolean;
                     };
                     modelValue: import("vue-types").VueTypeValidableDef<any>;
+                    collapseTags: import("vue-types").VueTypeValidableDef<boolean> & {
+                        default: boolean;
+                    } & {
+                        default: boolean;
+                    };
                 }>> & {
                     onEnter?: (...args: any[]) => any;
                     "onUpdate:modelValue"?: (...args: any[]) => any;
                     onRemove?: (...args: any[]) => any;
                 }, {
+                    overflowTagIndex: import("vue").Ref<number>;
                     value: any;
                     inputRef: import("vue").Ref<HTMLElement>;
                     handleRemoveTag: (val: string) => void;
@@ -505,6 +517,7 @@ declare const BkSelect: {
                     tagTheme: string;
                     filterable: boolean;
                     allowCreate: boolean;
+                    collapseTags: boolean;
                 }> & {
                     beforeCreate?: (() => void) | (() => void)[];
                     created?: (() => void) | (() => void)[];
@@ -554,11 +567,17 @@ declare const BkSelect: {
                     default: boolean;
                 };
                 modelValue: import("vue-types").VueTypeValidableDef<any>;
+                collapseTags: import("vue-types").VueTypeValidableDef<boolean> & {
+                    default: boolean;
+                } & {
+                    default: boolean;
+                };
             }>> & {
                 onEnter?: (...args: any[]) => any;
                 "onUpdate:modelValue"?: (...args: any[]) => any;
                 onRemove?: (...args: any[]) => any;
             } & import("vue").ShallowUnwrapRef<{
+                overflowTagIndex: import("vue").Ref<number>;
                 value: any;
                 inputRef: import("vue").Ref<HTMLElement>;
                 handleRemoveTag: (val: string) => void;
@@ -612,16 +631,16 @@ declare const BkSelect: {
             tagTheme: string;
             filterable: boolean;
             allowCreate: boolean;
+            collapseTags: boolean;
             popoverMinWidth: number;
             idKey: string;
             remoteMethod: (...args: any[]) => any;
+            scrollHeight: number;
             popoverOptions: {
                 [key: string]: any;
             };
-            scrollHeight: number;
             showSelectAll: boolean;
             multipleMode: string;
-            collapseTags: boolean;
             noDataText: string;
             noMatchText: string;
             loadingText: string;
@@ -844,6 +863,7 @@ declare const BkSelect: {
                 tagTheme: string;
                 filterable: boolean;
                 allowCreate: boolean;
+                collapseTags: boolean;
             }> & Omit<Readonly<import("vue").ExtractPropTypes<{
                 selected: {
                     type: import("vue-types/dist/types").PropType<import("./type").ISelected[]>;
@@ -873,11 +893,16 @@ declare const BkSelect: {
                     default: boolean;
                 };
                 modelValue: import("vue-types").VueTypeValidableDef<any>;
+                collapseTags: import("vue-types").VueTypeValidableDef<boolean> & {
+                    default: boolean;
+                } & {
+                    default: boolean;
+                };
             }>> & {
                 onEnter?: (...args: any[]) => any;
                 "onUpdate:modelValue"?: (...args: any[]) => any;
                 onRemove?: (...args: any[]) => any;
-            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "disabled" | "placeholder" | "selected" | "tagTheme" | "filterable" | "allowCreate">;
+            } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "disabled" | "placeholder" | "selected" | "tagTheme" | "filterable" | "allowCreate" | "collapseTags">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -920,11 +945,17 @@ declare const BkSelect: {
                     default: boolean;
                 };
                 modelValue: import("vue-types").VueTypeValidableDef<any>;
+                collapseTags: import("vue-types").VueTypeValidableDef<boolean> & {
+                    default: boolean;
+                } & {
+                    default: boolean;
+                };
             }>> & {
                 onEnter?: (...args: any[]) => any;
                 "onUpdate:modelValue"?: (...args: any[]) => any;
                 onRemove?: (...args: any[]) => any;
             }, {
+                overflowTagIndex: import("vue").Ref<number>;
                 value: any;
                 inputRef: import("vue").Ref<HTMLElement>;
                 handleRemoveTag: (val: string) => void;
@@ -938,6 +969,7 @@ declare const BkSelect: {
                 tagTheme: string;
                 filterable: boolean;
                 allowCreate: boolean;
+                collapseTags: boolean;
             }> & {
                 beforeCreate?: (() => void) | (() => void)[];
                 created?: (() => void) | (() => void)[];
@@ -987,11 +1019,17 @@ declare const BkSelect: {
                 default: boolean;
             };
             modelValue: import("vue-types").VueTypeValidableDef<any>;
+            collapseTags: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
         }>> & {
             onEnter?: (...args: any[]) => any;
             "onUpdate:modelValue"?: (...args: any[]) => any;
             onRemove?: (...args: any[]) => any;
         } & import("vue").ShallowUnwrapRef<{
+            overflowTagIndex: import("vue").Ref<number>;
             value: any;
             inputRef: import("vue").Ref<HTMLElement>;
             handleRemoveTag: (val: string) => void;
@@ -1226,6 +1264,7 @@ declare const BkSelect: {
             tagTheme: string;
             filterable: boolean;
             allowCreate: boolean;
+            collapseTags: boolean;
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
             selected: {
                 type: import("vue-types/dist/types").PropType<import("./type").ISelected[]>;
@@ -1255,11 +1294,16 @@ declare const BkSelect: {
                 default: boolean;
             };
             modelValue: import("vue-types").VueTypeValidableDef<any>;
+            collapseTags: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
         }>> & {
             onEnter?: (...args: any[]) => any;
             "onUpdate:modelValue"?: (...args: any[]) => any;
             onRemove?: (...args: any[]) => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "disabled" | "placeholder" | "selected" | "tagTheme" | "filterable" | "allowCreate">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "disabled" | "placeholder" | "selected" | "tagTheme" | "filterable" | "allowCreate" | "collapseTags">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -1302,11 +1346,17 @@ declare const BkSelect: {
                 default: boolean;
             };
             modelValue: import("vue-types").VueTypeValidableDef<any>;
+            collapseTags: import("vue-types").VueTypeValidableDef<boolean> & {
+                default: boolean;
+            } & {
+                default: boolean;
+            };
         }>> & {
             onEnter?: (...args: any[]) => any;
             "onUpdate:modelValue"?: (...args: any[]) => any;
             onRemove?: (...args: any[]) => any;
         }, {
+            overflowTagIndex: import("vue").Ref<number>;
             value: any;
             inputRef: import("vue").Ref<HTMLElement>;
             handleRemoveTag: (val: string) => void;
@@ -1320,6 +1370,7 @@ declare const BkSelect: {
             tagTheme: string;
             filterable: boolean;
             allowCreate: boolean;
+            collapseTags: boolean;
         }> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
@@ -1369,11 +1420,17 @@ declare const BkSelect: {
             default: boolean;
         };
         modelValue: import("vue-types").VueTypeValidableDef<any>;
+        collapseTags: import("vue-types").VueTypeValidableDef<boolean> & {
+            default: boolean;
+        } & {
+            default: boolean;
+        };
     }>> & {
         onEnter?: (...args: any[]) => any;
         "onUpdate:modelValue"?: (...args: any[]) => any;
         onRemove?: (...args: any[]) => any;
     } & import("vue").ShallowUnwrapRef<{
+        overflowTagIndex: import("vue").Ref<number>;
         value: any;
         inputRef: import("vue").Ref<HTMLElement>;
         handleRemoveTag: (val: string) => void;
@@ -1427,16 +1484,16 @@ declare const BkSelect: {
     tagTheme: string;
     filterable: boolean;
     allowCreate: boolean;
+    collapseTags: boolean;
     popoverMinWidth: number;
     idKey: string;
     remoteMethod: (...args: any[]) => any;
+    scrollHeight: number;
     popoverOptions: {
         [key: string]: any;
     };
-    scrollHeight: number;
     showSelectAll: boolean;
     multipleMode: string;
-    collapseTags: boolean;
     noDataText: string;
     noMatchText: string;
     loadingText: string;