bkui-vue 0.0.1-beta.150 → 0.0.1-beta.153

package/lib/select/select.css

@@ -75,8 +75,9 @@
   margin-right: 0;
 }
 .bk-select .bk-select-trigger .bk-input input {
+  padding-right: 24px;
   cursor: pointer;
-  background-color: #fff;
+  background-color: white;
 }
 .bk-select .bk-select-trigger .bk-input.is-focused {
   border-color: #3a84ff;
@@ -247,9 +248,13 @@
   white-space: nowrap;
 }
 .bk-popover2.bk-pop2-content.bk-select-popover .bk-select-content .bk-select-option-item {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.bk-popover2.bk-pop2-content.bk-select-popover .bk-select-content .bk-select-option-item .done-icon {
+  position: absolute;
+  right: 10px;
 }
 .bk-popover2.bk-pop2-content.bk-select-popover .bk-select-content .bk-select-option.is-hover {
   color: #3a84ff;
@@ -268,6 +273,9 @@
   cursor: not-allowed;
   background-color: transparent;
 }
+.bk-popover2.bk-pop2-content.bk-select-popover .bk-select-content .bk-select-option.is-multiple {
+  padding-right: 32px;
+}
 .bk-popover2.bk-pop2-content.bk-select-popover .bk-select-content .bk-select-option.is-multiple.is-selected {
   background-color: #fff;
 }

package/lib/select/select.d.ts

@@ -117,6 +117,21 @@ declare const _default: import("vue").DefineComponent<{
     } & {
         default: boolean;
     };
+    list: import("vue-types").VueTypeValidableDef<unknown[]> & {
+        default: () => unknown[];
+    } & {
+        default: () => unknown[];
+    };
+    idKey: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    } & {
+        default: string;
+    };
+    displayKey: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    } & {
+        default: string;
+    };
 }, {
     selected: import("vue").Ref<{
         value: string;
@@ -310,7 +325,7 @@ declare const _default: import("vue").DefineComponent<{
     handleDeleteTag: (val: string) => void;
     handleInputChange: (value: any) => void;
     handleInputEnter: (val: string | number, e: Event) => void;
-    handleKeydown: (e: KeyboardEvent) => void;
+    handleKeydown: (e: any) => void;
     handleSelectedAllOptionMouseEnter: () => void;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("focus" | "blur" | "change" | "toggle" | "clear" | "update:modelValue" | "scroll-end")[], "focus" | "blur" | "change" | "toggle" | "clear" | "update:modelValue" | "scroll-end", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     modelValue: import("vue-types").VueTypeValidableDef<any>;
@@ -430,6 +445,21 @@ declare const _default: import("vue").DefineComponent<{
     } & {
         default: boolean;
     };
+    list: import("vue-types").VueTypeValidableDef<unknown[]> & {
+        default: () => unknown[];
+    } & {
+        default: () => unknown[];
+    };
+    idKey: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    } & {
+        default: string;
+    };
+    displayKey: import("vue-types").VueTypeValidableDef<string> & {
+        default: string;
+    } & {
+        default: string;
+    };
 }>> & {
     onFocus?: (...args: any[]) => any;
     onBlur?: (...args: any[]) => any;
@@ -442,6 +472,7 @@ declare const _default: import("vue").DefineComponent<{
     showOnInit: boolean;
     disabled: boolean;
     placeholder: string;
+    list: unknown[];
     size: string;
     multiple: boolean;
     loading: boolean;
@@ -451,6 +482,7 @@ declare const _default: import("vue").DefineComponent<{
     filterable: boolean;
     allowCreate: boolean;
     popoverMinWidth: number;
+    idKey: string;
     remoteMethod: (...args: any[]) => any;
     popoverOptions: {
         [key: string]: any;
@@ -465,5 +497,6 @@ declare const _default: import("vue").DefineComponent<{
     selectAllText: string;
     scrollLoading: boolean;
     customContent: boolean;
+    displayKey: string;
 }>;
 export default _default;

package/lib/select/select.less

@@ -125,8 +125,9 @@
 
     .bk-input {
       input {
+        padding-right: 24px;
         cursor: pointer;
-        background-color: #fff;
+        background-color: @white-color; 
       }
 
       &.is-focused {
@@ -252,9 +253,12 @@
           .ellipsis();
 
           &-item {
-            display: flex;
-            align-items: center;
-            justify-content: space-between;
+            .ellipsis();
+
+            .done-icon {
+              position: absolute;
+              right: 10px;
+            }
           }
 
           &.is-hover {
@@ -279,6 +283,8 @@
           }
 
           &.is-multiple {
+            padding-right: 32px;
+
             &.is-selected {
               background-color: #fff
             }

package/lib/select/select.variable.css

@@ -188,8 +188,9 @@
   margin-right: 0;
 }
 .bk-select .bk-select-trigger .bk-input input {
+  padding-right: 24px;
   cursor: pointer;
-  background-color: #fff;
+  background-color: var(--white-color);
 }
 .bk-select .bk-select-trigger .bk-input.is-focused {
   border-color: var(--primary-color);
@@ -360,9 +361,13 @@
   white-space: nowrap;
 }
 .bk-popover2.bk-pop2-content.bk-select-popover .bk-select-content .bk-select-option-item {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.bk-popover2.bk-pop2-content.bk-select-popover .bk-select-content .bk-select-option-item .done-icon {
+  position: absolute;
+  right: 10px;
 }
 .bk-popover2.bk-pop2-content.bk-select-popover .bk-select-content .bk-select-option.is-hover {
   color: #3a84ff;
@@ -381,6 +386,9 @@
   cursor: not-allowed;
   background-color: transparent;
 }
+.bk-popover2.bk-pop2-content.bk-select-popover .bk-select-content .bk-select-option.is-multiple {
+  padding-right: 32px;
+}
 .bk-popover2.bk-pop2-content.bk-select-popover .bk-select-content .bk-select-option.is-multiple.is-selected {
   background-color: #fff;
 }

package/lib/tag-input/index.d.ts

@@ -14,8 +14,8 @@ declare const TagInput: {
             showClearOnlyHover: boolean;
             modelValue: string[];
             allowCreate: boolean;
-            searchKey: string | string[];
             displayKey: string;
+            searchKey: string | string[];
             tooltipKey: string;
             saveKey: string;
             hasDeleteIcon: boolean;
@@ -182,7 +182,7 @@ declare const TagInput: {
             "onUpdate:modelValue"?: (...args: any[]) => any;
             onRemove?: (...args: any[]) => any;
             onRemoveAll?: (...args: any[]) => any;
-        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "disabled" | "trigger" | "placeholder" | "list" | "separator" | "clearable" | "showClearOnlyHover" | "modelValue" | "allowCreate" | "searchKey" | "displayKey" | "tooltipKey" | "saveKey" | "hasDeleteIcon" | "useGroup" | "maxData" | "maxResult" | "contentMaxHeight" | "contentWidth" | "allowNextFocus" | "allowAutoMatch" | "leftSpace" | "createTagValidator" | "filterCallback" | "tagTpl" | "tpl" | "pasteFn">;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "disabled" | "trigger" | "placeholder" | "list" | "separator" | "clearable" | "showClearOnlyHover" | "modelValue" | "allowCreate" | "displayKey" | "searchKey" | "tooltipKey" | "saveKey" | "hasDeleteIcon" | "useGroup" | "maxData" | "maxResult" | "contentMaxHeight" | "contentWidth" | "allowNextFocus" | "allowAutoMatch" | "leftSpace" | "createTagValidator" | "filterCallback" | "tagTpl" | "tpl" | "pasteFn">;
         $attrs: {
             [x: string]: unknown;
         };
@@ -406,8 +406,8 @@ declare const TagInput: {
             showClearOnlyHover: boolean;
             modelValue: string[];
             allowCreate: boolean;
-            searchKey: string | string[];
             displayKey: string;
+            searchKey: string | string[];
             tooltipKey: string;
             saveKey: string;
             hasDeleteIcon: boolean;
@@ -864,8 +864,8 @@ declare const TagInput: {
     showClearOnlyHover: boolean;
     modelValue: string[];
     allowCreate: boolean;
-    searchKey: string | string[];
     displayKey: string;
+    searchKey: string | string[];
     tooltipKey: string;
     saveKey: string;
     hasDeleteIcon: boolean;

package/lib/tag-input/tag-input.d.ts

@@ -344,8 +344,8 @@ declare const _default: import("vue").DefineComponent<{
     showClearOnlyHover: boolean;
     modelValue: string[];
     allowCreate: boolean;
-    searchKey: string | string[];
     displayKey: string;
+    searchKey: string | string[];
     tooltipKey: string;
     saveKey: string;
     hasDeleteIcon: boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bkui-vue",
-  "version": "0.0.1-beta.150",
+  "version": "0.0.1-beta.153",
   "workspaces": {
     "packages": [
       "packages/!(**.bak)*",

package/lib/table/plugins/head-sort.css

@@ -1,22 +0,0 @@
-.bk-head-cell-sort {
-  display: flex;
-  flex-direction: column;
-  margin-left: 4px;
-  font-size: 10px;
-}
-.bk-head-cell-sort .sort-action {
-  display: flex;
-  width: 18px;
-  height: calc(var(--row-height)/2);
-  color: #c0c4cc;
-  cursor: pointer;
-}
-.bk-head-cell-sort .sort-action.active {
-  color: #3a84ff;
-}
-.bk-head-cell-sort .sort-action.sort-asc {
-  align-items: flex-end;
-}
-.bk-head-cell-sort .sort-action.sort-desc {
-  align-items: flex-start;
-}