bkui-vue 1.0.3-beta.9 → 2.0.1-beta.10

package/lib/select/select.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% {
@@ -160,21 +163,24 @@
 .bk-select.large .bk-select-content-wrapper {
   font-size: 14px;
 }
-.bk-select.is-focus.normal .bk-select-trigger .bk-select-tag.bk-select-tag--default {
+.bk-select.is-focus:not(.is-disabled).normal .bk-select-trigger .bk-select-tag {
   border-color: #3a84ff;
   box-shadow: 0px 0px 3px 0px #a3c5fd;
 }
-.bk-select.is-focus .bk-input--default {
+.bk-select.is-focus:not(.is-disabled).simplicity .bk-select-trigger .bk-select-tag {
+  border-bottom-color: #3a84ff;
+}
+.bk-select.is-focus .bk-input {
   border-color: #3a84ff;
   outline: 0;
   box-shadow: 0px 0px 3px 0px #a3c5fd;
 }
-.bk-select.is-focus .bk-input--default.is-simplicity {
+.bk-select.is-focus .bk-input.is-simplicity {
   border-color: transparent;
   border-bottom-color: #3a84ff;
   box-shadow: none;
 }
-.bk-select.is-focus .bk-input--default.is-simplicity .bk-input--text {
+.bk-select.is-focus .bk-input.is-simplicity .bk-input--text {
   background-color: #f5f7fa;
 }
 .bk-select.popover-show .bk-select-trigger .angle-up {
@@ -234,9 +240,28 @@
 .bk-select .bk-select-trigger .bk-select-tag::placeholder {
   color: #c4c6cc;
 }
+.bk-select .bk-select-trigger .bk-select-tag.is-simplicity {
+  background-color: transparent;
+  border-color: transparent;
+  border-bottom-color: #c4c6cc;
+}
+.bk-select .bk-select-trigger .bk-select-tag.is-simplicity:hover {
+  background-color: #f5f7fa;
+  border-color: transparent;
+  border-bottom-color: #c4c6cc;
+  box-shadow: none;
+}
 .bk-select .bk-select-trigger .bk-select-tag.has-prefix {
   padding-left: 0;
 }
+.bk-select .bk-select-trigger .bk-select-tag-wrapper {
+  display: flex;
+  align-items: center;
+  flex-wrap: wrap;
+  overflow: hidden;
+  gap: 4px;
+  padding: 4px 0;
+}
 .bk-select .bk-select-trigger .bk-select-tag.collapse-tag .bk-select-tag-wrapper {
   height: 30px;
 }
@@ -247,13 +272,7 @@
   min-height: 32px;
   flex-wrap: wrap;
 }
-.bk-select .bk-select-trigger .bk-select-tag-wrapper {
-  display: flex;
-  align-items: center;
-  flex-wrap: wrap;
-  overflow: hidden;
-}
-.bk-select .bk-select-trigger .bk-select-tag:not(.is-disabled):hover {
+.bk-select .bk-select-trigger .bk-select-tag:not(.is-disabled,.is-simplicity):hover {
   border-color: #979ba5;
 }
 .bk-select .bk-select-trigger .bk-select-tag.is-disabled {
@@ -298,7 +317,7 @@
   width: 1%;
   height: 22px;
   padding: 0;
-  margin: 2px 5px 4px 0;
+  margin: 0px 5px 0px 0;
   background-color: transparent;
   border: none;
   flex-grow: 1;
@@ -414,12 +433,34 @@
 .bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-options {
   padding: 4px 0;
 }
+.bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-all {
+  padding: 4px 0;
+  border-bottom: 1px solid #dcdee5;
+}
+.bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-all .wrapper {
+  display: flex;
+  align-items: center;
+  height: 32px;
+  padding: 0 12px;
+  cursor: pointer;
+  color: #63656e;
+}
+.bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-all .wrapper:hover {
+  background-color: #f5f7fa;
+}
+.bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-all .wrapper.active {
+  background-color: #e1ecff;
+  color: #3a84ff;
+}
+.bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-all .wrapper .select-all-icon {
+  margin-right: 4px;
+  font-size: 16px;
+}
 .bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-option {
   position: relative;
   display: flex;
-  height: 32px;
+  min-height: 32px;
   padding: 0 12px;
-  line-height: 32px;
   color: #63656e;
   text-align: left;
   cursor: pointer;
@@ -446,6 +487,10 @@
   text-overflow: ellipsis;
   white-space: nowrap;
 }
+.bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-option-item .is-keyword {
+  display: inline-flex;
+  color: #3a84ff;
+}
 .bk-popover.bk-pop2-content.bk-select-popover .bk-select-content-wrapper .bk-select-option.is-hover {
   background-color: #f5f7fa;
 }

package/lib/select/selectTagInput.d.ts

@@ -5,8 +5,8 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<ISelected[]>;
         default: () => any[];
     };
-    tagTheme: import("vue-types/dist/types").VueTypeDef<"" | "info" | "success" | "warning" | "danger"> & {
-        default: "" | "info" | "success" | "warning" | "danger";
+    tagTheme: import("vue-types/dist/types").VueTypeDef<"" | "info" | "success" | "danger" | "warning"> & {
+        default: "" | "info" | "success" | "danger" | "warning";
     };
     placeholder: import("vue-types/dist/types").VueTypeValidableDef<string> & {
         default: string;
@@ -34,6 +34,9 @@ declare const _default: import("vue").DefineComponent<{
     } & {
         default: boolean;
     };
+    behavior: import("vue-types/dist/types").VueTypeDef<"normal" | "simplicity"> & {
+        default: "normal" | "simplicity";
+    };
 }, {
     collapseTagRef: import("vue").Ref<any>;
     tagWrapperRef: import("vue").Ref<any>;
@@ -54,8 +57,8 @@ declare const _default: import("vue").DefineComponent<{
         type: PropType<ISelected[]>;
         default: () => any[];
     };
-    tagTheme: import("vue-types/dist/types").VueTypeDef<"" | "info" | "success" | "warning" | "danger"> & {
-        default: "" | "info" | "success" | "warning" | "danger";
+    tagTheme: import("vue-types/dist/types").VueTypeDef<"" | "info" | "success" | "danger" | "warning"> & {
+        default: "" | "info" | "success" | "danger" | "warning";
     };
     placeholder: import("vue-types/dist/types").VueTypeValidableDef<string> & {
         default: string;
@@ -83,15 +86,19 @@ declare const _default: import("vue").DefineComponent<{
     } & {
         default: boolean;
     };
+    behavior: import("vue-types/dist/types").VueTypeDef<"normal" | "simplicity"> & {
+        default: "normal" | "simplicity";
+    };
 }>> & {
     onKeydown?: (...args: any[]) => any;
-    "onUpdate:modelValue"?: (...args: any[]) => any;
     onEnter?: (...args: any[]) => any;
+    "onUpdate:modelValue"?: (...args: any[]) => any;
     onRemove?: (...args: any[]) => any;
 }, {
     disabled: boolean;
     placeholder: string;
-    tagTheme: "" | "info" | "success" | "warning" | "danger";
+    tagTheme: "" | "info" | "success" | "danger" | "warning";
+    behavior: "normal" | "simplicity";
     selected: ISelected[];
     filterable: boolean;
     allowCreate: boolean;

package/lib/select/type.d.ts

@@ -15,15 +15,14 @@ export interface ISelectContext {
     activeOptionValue: any;
     showSelectedIcon: boolean;
     selectedStyle: SelectedTypeEnum;
-    isShowAll: Boolean;
-    allOptionId: any;
+    curSearchValue: string;
+    highlightKeyword: boolean;
     register(key: any, option: OptionInstanceType): any;
     unregister(key: any): any;
     registerGroup(key: any, option: GroupInstanceType): any;
     unregisterGroup(key: any): any;
     handleOptionSelected(option: OptionInstanceType): void;
-    handleGetLabelByValue(value: any): string | number;
-    handleToggleAll(): void;
+    handleGetLabelByValue(value: any): number | string;
 }
 export interface IOptionGroupContext {
     disabled: boolean;
@@ -40,5 +39,5 @@ export interface IPopoverConfig {
 }
 export interface ISelected {
     value: string;
-    label: string | number;
+    label: number | string;
 }

package/lib/shared/index.d.ts

@@ -34,7 +34,6 @@ export * from './token';
 export * from './utils';
 export * from './vue-types';
 export * from './z-index-manager';
-export * from './mask';
 export declare function classes(dynamicCls: object, constCls?: string): string;
 export declare const EMPTY_OBJ: any;
 export declare const noop: () => void;
@@ -73,4 +72,4 @@ export declare function debounce(delay: number, fn: Function, immediate?: boolea
  * @returns object 去除属性之后的对象
  */
 export declare function filterProperty(data: object, filter: string[]): any;
-export declare function arrayEqual(arr1?: Array<string | number | string[]>, arr2?: Array<string | number | string[]>): any;
+export declare function arrayEqual(arr1?: Array<number | string | string[]>, arr2?: Array<number | string | string[]>): any;