bkui-vue 2.0.1-beta.72.fix.1 → 2.0.1-beta.74

package/lib/tag-input/tag-input.css

@@ -135,6 +135,8 @@
 .bk-tag-input .bk-tag-input-trigger {
   position: relative;
   display: flex;
+  align-items: center;
+  justify-content: space-between;
   min-height: 32px;
   padding: 0 0 0 5px;
   overflow: hidden;
@@ -143,8 +145,6 @@
   background: var(--white-color);
   border: 1px solid var(--light-gray);
   border-radius: 2px;
-  align-items: center;
-  justify-content: space-between;
 }
 .bk-tag-input .bk-tag-input-trigger.active {
   border-color: var(--primary-color);
@@ -156,22 +156,22 @@
 }
 .bk-tag-input .bk-tag-input-trigger .tag-list {
   display: inline-flex;
+  flex-wrap: wrap;
+  align-items: center;
   max-height: 135px;
   padding: 0;
   margin: 0;
   overflow: auto;
-  align-items: center;
-  flex-wrap: wrap;
 }
 .bk-tag-input .bk-tag-input-trigger .tag-list > li {
   display: inline-flex;
+  align-items: center;
   height: 22px;
   margin: 4px 5px 4px 0;
   overflow: hidden;
   font-size: 12px;
   border: solid 1px transparent;
   border-radius: 2px;
-  align-items: center;
 }
 .bk-tag-input .bk-tag-input-trigger .tag-list > li.tag-item {
   background: #f0f1f5;
@@ -184,32 +184,32 @@
   line-height: 0;
 }
 .bk-tag-input .bk-tag-input-trigger .tag-list .tag {
+  flex: 1;
   max-width: 190px;
   overflow: hidden;
   text-overflow: ellipsis;
   word-break: break-all;
   white-space: nowrap;
-  flex: 1;
 }
 .bk-tag-input .bk-tag-input-trigger .tag-list .text {
+  box-sizing: border-box;
   padding: 0 5px;
   line-height: 20px;
   color: var(--default-color);
   background-color: #f0f1f5;
   border-radius: 2px;
-  box-sizing: border-box;
 }
 .bk-tag-input .bk-tag-input-trigger .tag-list .text:hover {
   background-color: #dcdee5;
 }
 .bk-tag-input .bk-tag-input-trigger .tag-list .tag-input {
+  box-sizing: border-box;
   width: 10px;
-  height: 22px;
   max-width: 295px;
+  height: 22px;
   padding: 0;
   border: 0;
   outline: none;
-  box-sizing: border-box;
 }
 .bk-tag-input .bk-tag-input-trigger .placeholder {
   position: absolute;

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

@@ -274,13 +274,7 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
     };
     tagOverflowTips: {
-        type: import("vue").PropType<Partial<import("../directives/tooltips").IOptions>>; /**
-         * 不显示条件：
-         * 1. 设置不可清除
-         * 2. 禁用时
-         * 3. tag标签为空时
-         * 4. 设置了showClearOnlyHover，且没有hover的时候
-         */
+        type: import("vue").PropType<Partial<import("../directives/tooltips").IOptions>>;
         default: () => {};
     };
 }, {
@@ -294,6 +288,7 @@ declare const _default: import("vue").DefineComponent<{
     bkTagSelectorRef: Ref<any>;
     tagListRef: Ref<any>;
     tagInputItemRef: Ref<any>;
+    inputValueRef: Ref<HTMLElement>;
     selectorListRef: Ref<any>;
     triggerClass: import("vue").ComputedRef<{
         [x: string]: boolean;
@@ -614,13 +609,7 @@ declare const _default: import("vue").DefineComponent<{
         default: boolean;
     };
     tagOverflowTips: {
-        type: import("vue").PropType<Partial<import("../directives/tooltips").IOptions>>; /**
-         * 不显示条件：
-         * 1. 设置不可清除
-         * 2. 禁用时
-         * 3. tag标签为空时
-         * 4. 设置了showClearOnlyHover，且没有hover的时候
-         */
+        type: import("vue").PropType<Partial<import("../directives/tooltips").IOptions>>;
         default: () => {};
     };
 }>> & {

package/lib/tag-input/tag-input.less

@@ -10,6 +10,8 @@
   .@{bk-prefix}-tag-input-trigger {
     position: relative;
     display: flex;
+    align-items: center;
+    justify-content: space-between;
     min-height: @min-height;
     padding: 0 0 0 5px;
     overflow: hidden;
@@ -18,8 +20,6 @@
     background: @white-color;
     border: 1px solid @light-gray;
     border-radius: 2px;
-    align-items: center;
-    justify-content: space-between;
 
     &.active {
       border-color: @primary-color;
@@ -33,22 +33,22 @@
 
     .tag-list {
       display: inline-flex;
+      flex-wrap: wrap;
+      align-items: center;
       max-height: 135px;
       padding: 0;
       margin: 0;
       overflow: auto;
-      align-items: center;
-      flex-wrap: wrap;
 
       > li {
         display: inline-flex;
+        align-items: center;
         height: 22px;
         margin: 4px 5px 4px 0;
         overflow: hidden;
         font-size: 12px;
         border: solid 1px transparent;
         border-radius: 2px;
-        align-items: center;
 
         &.tag-item {
           background: #f0f1f5;
@@ -64,21 +64,21 @@
       }
 
       .tag {
+        flex: 1;
         max-width: 190px;
         overflow: hidden;
         text-overflow: ellipsis;
         word-break: break-all;
         white-space: nowrap;
-        flex: 1;
       }
 
       .text {
+        box-sizing: border-box;
         padding: 0 5px;
         line-height: 20px;
         color: @default-color;
         background-color: #f0f1f5;
         border-radius: 2px;
-        box-sizing: border-box;
 
         &:hover {
           background-color: #dcdee5;;
@@ -86,13 +86,13 @@
       }
 
       .tag-input {
+        box-sizing: border-box;
         width: 10px;
-        height: 22px;
         max-width: 295px;
+        height: 22px;
         padding: 0;
         border: 0;
         outline: none;
-        box-sizing: border-box;
       }
     }
 

package/lib/tag-input/tag-input.variable.css

@@ -395,6 +395,8 @@
 .bk-tag-input .bk-tag-input-trigger {
   position: relative;
   display: flex;
+  align-items: center;
+  justify-content: space-between;
   min-height: 32px;
   padding: 0 0 0 5px;
   overflow: hidden;
@@ -403,8 +405,6 @@
   background: var(--white-color);
   border: 1px solid var(--light-gray);
   border-radius: 2px;
-  align-items: center;
-  justify-content: space-between;
 }
 .bk-tag-input .bk-tag-input-trigger.active {
   border-color: var(--primary-color);
@@ -416,22 +416,22 @@
 }
 .bk-tag-input .bk-tag-input-trigger .tag-list {
   display: inline-flex;
+  flex-wrap: wrap;
+  align-items: center;
   max-height: 135px;
   padding: 0;
   margin: 0;
   overflow: auto;
-  align-items: center;
-  flex-wrap: wrap;
 }
 .bk-tag-input .bk-tag-input-trigger .tag-list > li {
   display: inline-flex;
+  align-items: center;
   height: 22px;
   margin: 4px 5px 4px 0;
   overflow: hidden;
   font-size: 12px;
   border: solid 1px transparent;
   border-radius: 2px;
-  align-items: center;
 }
 .bk-tag-input .bk-tag-input-trigger .tag-list > li.tag-item {
   background: #f0f1f5;
@@ -444,32 +444,32 @@
   line-height: 0;
 }
 .bk-tag-input .bk-tag-input-trigger .tag-list .tag {
+  flex: 1;
   max-width: 190px;
   overflow: hidden;
   text-overflow: ellipsis;
   word-break: break-all;
   white-space: nowrap;
-  flex: 1;
 }
 .bk-tag-input .bk-tag-input-trigger .tag-list .text {
+  box-sizing: border-box;
   padding: 0 5px;
   line-height: 20px;
   color: var(--default-color);
   background-color: #f0f1f5;
   border-radius: 2px;
-  box-sizing: border-box;
 }
 .bk-tag-input .bk-tag-input-trigger .tag-list .text:hover {
   background-color: #dcdee5;
 }
 .bk-tag-input .bk-tag-input-trigger .tag-list .tag-input {
+  box-sizing: border-box;
   width: 10px;
-  height: 22px;
   max-width: 295px;
+  height: 22px;
   padding: 0;
   border: 0;
   outline: none;
-  box-sizing: border-box;
 }
 .bk-tag-input .bk-tag-input-trigger .placeholder {
   position: absolute;

package/lib/upload/index.js

@@ -2053,10 +2053,11 @@ var spark_md5_default = /*#__PURE__*/__webpack_require__.n(spark_md5);
  */
 
 
+var errMsg = 'An error occurred during upload';
 function getRes(xhr) {
   var res = xhr.responseText || xhr.response;
   if (!res) {
-    return res;
+    return res || {};
   }
   try {
     return JSON.parse(res);
@@ -2107,11 +2108,23 @@ var ajaxUpload = function ajaxUpload(option) {
     formData.append(option.filename, option.file, option.file.name);
   }
   xhr.addEventListener('error', function () {
-    option.onError(new Error('An error occurred during upload'));
+    var msg = new Error(errMsg);
+    var responseText = getRes(xhr);
+    if (responseText) {
+      msg = new Error(responseText.message || errMsg);
+    }
+    console.log(responseText, msg);
+    option.onError(msg);
+    // option.onError(new Error('An error occurred during upload'));
   });
   xhr.addEventListener('load', function () {
     if (xhr.status < 200 || xhr.status >= 300) {
-      return option.onError(new Error('An error occurred during upload'));
+      var responseText = getRes(xhr);
+      var msg = new Error(errMsg);
+      if (responseText) {
+        msg = new Error(responseText.message || errMsg);
+      }
+      return option.onError(msg);
     }
     option.onSuccess(getRes(xhr));
   });
@@ -2189,10 +2202,15 @@ var ajaxSliceUpload = /*#__PURE__*/function () {
             req.open(option.method, option.mergeUrl, true);
             req.onreadystatechange = function () {
               if (req.readyState === 4) {
+                var responseText = getRes(req);
                 if (req.status < 200 || req.status >= 300) {
-                  return option.onError(new Error('An error occurred during upload'));
+                  var msg = new Error(errMsg);
+                  if (responseText) {
+                    msg = new Error(responseText.message || errMsg);
+                  }
+                  return option.onError(msg);
                 }
-                option.onSuccess(getRes(req));
+                option.onSuccess(responseText);
               }
             };
             req.onloadend = function () {
@@ -2251,10 +2269,14 @@ var sliceSend = function sliceSend(option, file, blockCount, hash, progressList,
       var xhr = new XMLHttpRequest();
       xhr.onreadystatechange = function () {
         if (xhr.readyState === 4) {
-          var res = getRes(xhr);
+          var responseText = getRes(xhr);
           if (xhr.status < 200 || xhr.status >= 300) {
-            reject(res);
-            option.onError(new Error('An error occurred during upload'));
+            reject(responseText);
+            var msg = new Error(errMsg);
+            if (responseText) {
+              msg = new Error(responseText.message || errMsg);
+            }
+            option.onError(msg);
           } else {
             resolve('reponseText');
           }
@@ -2332,7 +2354,7 @@ var hashFile = function hashFile(file, chunkSize) {
       }
     };
     fileReader.onerror = function () {
-      reject(new Error('File slcie failed'));
+      reject(new Error('File slice failed'));
     };
     loadNext();
   })["catch"](function (err) {

package/package.json

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