bkui-vue 2.0.1-beta.103 → 2.0.1-beta.104

package/lib/search-select/search-select.variable.css

@@ -603,30 +603,30 @@
   border-color: var(--search-select-focus-border-color) !important;
 }
 .bk-search-select .div-input {
+  flex: 1 1 auto;
   height: 100%;
   padding: 5px 0;
   line-height: 20px;
   word-break: break-all;
-  flex: 1 1 auto;
 }
 .bk-search-select .div-input:focus {
   outline: none;
 }
 .bk-search-select-container {
+  box-sizing: border-box;
   display: flex;
+  flex-direction: row;
+  flex-wrap: wrap;
+  align-items: center;
   min-height: 30px;
   overflow: hidden;
   font-size: 12px;
   color: var(--search-select-font-color);
+  resize: none;
   border: var(--border-width-base) var(--border-style-base) var(--border-style-color);
   border-radius: var(--border-radius-base);
   outline: none;
-  box-sizing: border-box;
   transition: border 0.2s linear;
-  resize: none;
-  flex-direction: row;
-  align-items: center;
-  flex-wrap: wrap;
 }
 .bk-search-select-container.is-focus {
   overflow: auto;
@@ -635,14 +635,17 @@
   border-color: var(--search-select-focus-border-color) !important;
 }
 .bk-search-select-container .search-prefix {
-  flex: 0 0 auto;
   display: flex;
+  flex: 0 0 auto;
   align-items: center;
   height: 100%;
 }
 .bk-search-select-container .search-container {
   position: relative;
   display: flex;
+  flex: 1;
+  flex-wrap: wrap;
+  align-items: center;
   max-width: calc(100% - 42px);
   min-height: 26px;
   padding: 0 2px;
@@ -650,13 +653,12 @@
   overflow: visible;
   text-align: left;
   transition: max-height 0.3s cubic-bezier(0.4, 0, 0.2, 1);
-  flex: 1;
-  flex-wrap: wrap;
-  align-items: center;
 }
 .bk-search-select-container .search-container-selected {
   position: relative;
   display: inline-block;
+  flex: 0 0 auto;
+  align-self: center;
   max-width: 99%;
   padding-left: 8px;
   margin: 0 0 4px 6px;
@@ -664,8 +666,6 @@
   color: var(--search-select-font-color);
   background: #f0f1f5;
   border-radius: 2px;
-  flex: 0 0 auto;
-  align-self: center;
 }
 .bk-search-select-container .search-container-selected.hidden-selected {
   visibility: hidden;
@@ -689,6 +689,8 @@
   top: 4px;
   right: 3px;
   display: inline-flex;
+  align-items: center;
+  justify-content: center;
   width: 14px;
   height: 14px;
   overflow: hidden;
@@ -697,21 +699,19 @@
   color: #979ba5;
   text-align: center;
   cursor: pointer;
-  align-items: center;
-  justify-content: center;
 }
 .bk-search-select-container .search-container-input {
   position: relative;
   display: block;
-  height: 100%;
+  flex: 1;
   min-width: 40px;
+  height: 100%;
   padding: 0 10px;
   margin-top: -4px;
   color: var(--search-select-font-color);
   border: none;
-  flex: 1;
 }
-.bk-search-select-container .search-container-input .input-before:before {
+.bk-search-select-container .search-container-input .input-before::after {
   color: var(--search-select-placeholder-color);
   content: attr(data-placeholder);
 }
@@ -723,33 +723,33 @@
 .bk-search-select-container .search-container .selected-input {
   position: relative;
   display: flex;
-  height: 100%;
+  align-items: center;
   min-width: 40px;
+  height: 100%;
   padding: 0 10px;
   margin-top: -4px;
   color: var(--search-select-font-color);
   border: none;
-  align-items: center;
 }
 .bk-search-select-container .search-nextfix {
   position: absolute;
   top: 0;
   right: 0;
   color: var(--light-gray);
-  flex: 0 0 auto;
   display: flex;
+  flex: 0 0 auto;
   align-items: center;
   height: 100%;
 }
 .bk-search-select-container .search-nextfix .search-clear {
   display: flex;
+  align-items: center;
+  justify-content: center;
   width: 12px;
   height: 12px;
   margin-right: 6px;
   font-size: 12px;
   color: var(--light-gray);
-  align-items: center;
-  justify-content: center;
 }
 .bk-search-select-container .search-nextfix .search-clear:hover {
   color: #979ba5;
@@ -757,11 +757,11 @@
 }
 .bk-search-select-container .search-nextfix .search-nextfix-icon {
   display: flex;
+  align-items: center;
+  justify-content: center;
   margin-right: 8px;
   font-size: 16px;
   transition: color 0.2s linear;
-  align-items: center;
-  justify-content: center;
 }
 .bk-search-select-container .search-nextfix .search-nextfix-icon.is-focus {
   color: var(--search-select-focus-color);
@@ -779,28 +779,28 @@
 }
 .bk-search-select-tips {
   display: flex;
+  align-items: center;
   margin-top: 5px;
   font-size: 12px;
   line-height: 16px;
   color: var(--search-select-message-color);
-  align-items: center;
 }
 .bk-search-select-tips .select-tips {
   display: flex;
+  align-items: center;
+  justify-content: center;
   width: 16px;
   height: 16px;
   margin-right: 5px;
   overflow: hidden;
   font-size: 16px;
-  align-items: center;
-  justify-content: center;
 }
 .bk-search-select-menu {
   display: flex;
+  flex-direction: column;
   min-width: 200px;
   font-size: 12px;
   color: var(--search-select-font-color);
-  flex-direction: column;
 }
 .bk-search-select-menu .menu-list-mixin {
   display: flex;
@@ -808,16 +808,16 @@
 }
 .bk-search-select-menu .menu-item-mixin {
   display: flex;
+  flex: 0 0 32px;
+  align-items: center;
   width: 100%;
-  height: 32px;
   max-width: 500px;
+  height: 32px;
   padding: 0 8px;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   outline: none;
-  align-items: center;
-  flex: 0 0 32px;
 }
 .bk-search-select-menu .menu-item-mixin:hover {
   cursor: pointer;
@@ -837,16 +837,16 @@
 }
 .bk-search-select-menu .menu-header-item {
   display: flex;
+  flex: 0 0 32px;
+  align-items: center;
   width: 100%;
-  height: 32px;
   max-width: 500px;
+  height: 32px;
   padding: 0 8px;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   outline: none;
-  align-items: center;
-  flex: 0 0 32px;
 }
 .bk-search-select-menu .menu-header-item:hover {
   cursor: pointer;
@@ -866,17 +866,17 @@
 }
 .bk-search-select-menu .menu-content-wrapper .menu-condition {
   display: flex;
+  flex: 0 0 64px;
+  flex-direction: column;
   width: 64px;
   padding: 8px 8px 2px 10px;
   background-color: #f5f7fa;
-  flex-direction: column;
-  flex: 0 0 64px;
 }
 .bk-search-select-menu .menu-content-wrapper .menu-condition-title {
   display: flex;
+  align-items: center;
   margin-bottom: 12px;
   line-height: 24px;
-  align-items: center;
 }
 .bk-search-select-menu .menu-content-wrapper .menu-condition .bk-radio {
   width: 50px;
@@ -887,24 +887,24 @@
 }
 .bk-search-select-menu .menu-content {
   display: flex;
+  flex: 1;
+  flex-direction: column;
   padding: 4px 0;
   margin: 0;
   overflow: auto;
-  flex-direction: column;
-  flex: 1;
 }
 .bk-search-select-menu .menu-content .menu-item {
   display: flex;
+  flex: 0 0 32px;
+  align-items: center;
   width: 100%;
-  height: 32px;
   max-width: 500px;
+  height: 32px;
   padding: 0 8px;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
   outline: none;
-  align-items: center;
-  flex: 0 0 32px;
   white-space: pre;
 }
 .bk-search-select-menu .menu-content .menu-item:hover {
@@ -939,21 +939,21 @@
 }
 .bk-search-select-menu .menu-content .menu-item .menu-name {
   display: flex;
+  align-items: center;
   margin-right: 5px;
   font-weight: bold;
   color: var(--search-select-font-color);
-  align-items: center;
 }
 .bk-search-select-menu .menu-footer {
   display: flex;
+  align-items: center;
   width: 100%;
   height: 32px;
   border-top: var(--border-width-base) var(--border-style-base) var(--search-select-menu-border-color);
-  align-items: center;
 }
 .bk-search-select-menu .menu-footer-btn {
-  flex: 1;
   display: flex;
+  flex: 1;
   align-items: center;
   justify-content: center;
   height: 100%;

package/lib/select/index.js

@@ -2419,6 +2419,8 @@ const debounce_namespaceObject = debounce_x({ ["default"]: () => __WEBPACK_EXTER
     };
     var handleKeydown = function handleKeydown(e) {
       switch (e.code) {
+        // 主键盘及数字小键盘的 Enter
+        case 'NumpadEnter':
         case 'Enter':
           {
             emit('enter', e.target.value, e);
@@ -3375,6 +3377,7 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
             break;
           }
         // 选择选项
+        case 'NumpadEnter':
         case 'Enter':
           {
             var value = e.target.value;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bkui-vue",
-  "version": "2.0.1-beta.103",
+  "version": "2.0.1-beta.104",
   "workspaces": [
     "packages/**",
     "scripts/cli",