bkui-vue 2.0.1-beta.52 → 2.0.1-beta.54

package/lib/alert/index.js

@@ -154,7 +154,7 @@ const icon_namespaceObject = icon_x({ ["CloseLine"]: () => __WEBPACK_EXTERNAL_MO
     };
   },
   render: function render() {
-    var _this$$slots$default, _this$$slots;
+    var _this$$slots$icon, _this$$slots$icon2, _this$$slots, _this$$slots$default, _this$$slots2;
     if (!this.state.visible) {
       return null;
     }
@@ -163,19 +163,20 @@ const icon_namespaceObject = icon_x({ ["CloseLine"]: () => __WEBPACK_EXTERNAL_MO
     var renderCloseText = Boolean(this.closeText);
     var closeButtonClasses = (0,shared_namespaceObject.classes)(_defineProperty(_defineProperty(_defineProperty({}, resolveClassName('alert-close'), true), 'close-text', renderCloseText), resolveClassName('alert-close-icon'), !renderCloseText));
     var typeClass = (0,shared_namespaceObject.classes)(_defineProperty(_defineProperty({}, resolveClassName('alert'), true), resolveClassName("alert-".concat(this.theme)), true));
+    var defaultIcon = (0,external_vue_namespaceObject.createVNode)(icon_namespaceObject.InfoLine, {
+      "class": resolveClassName('alert-icon-info')
+    }, null);
     return (0,external_vue_namespaceObject.createVNode)("div", {
       "class": typeClass
     }, [(0,external_vue_namespaceObject.createVNode)("div", {
       "class": resolveClassName('alert-wraper')
-    }, [this.showIcon && (0,external_vue_namespaceObject.createVNode)(icon_namespaceObject.InfoLine, {
-      "class": resolveClassName('alert-icon-info')
-    }, null), (0,external_vue_namespaceObject.createVNode)("div", {
+    }, [this.showIcon && ((_this$$slots$icon = (_this$$slots$icon2 = (_this$$slots = this.$slots).icon) === null || _this$$slots$icon2 === void 0 ? void 0 : _this$$slots$icon2.call(_this$$slots)) !== null && _this$$slots$icon !== void 0 ? _this$$slots$icon : defaultIcon), (0,external_vue_namespaceObject.createVNode)("div", {
       "class": resolveClassName('alert-content')
     }, [(0,external_vue_namespaceObject.createVNode)("div", {
       "class": resolveClassName('alert-title')
     }, [this.$slots.title ? this.$slots.title() : this.title]), (0,external_vue_namespaceObject.createVNode)("div", {
       "class": resolveClassName('alert-description')
-    }, [(_this$$slots$default = (_this$$slots = this.$slots)["default"]) === null || _this$$slots$default === void 0 ? void 0 : _this$$slots$default.call(_this$$slots)])]), this.closable && (0,external_vue_namespaceObject.createVNode)("span", {
+    }, [(_this$$slots$default = (_this$$slots2 = this.$slots)["default"]) === null || _this$$slots$default === void 0 ? void 0 : _this$$slots$default.call(_this$$slots2)])]), this.closable && (0,external_vue_namespaceObject.createVNode)("span", {
       "class": closeButtonClasses,
       "onClick": this.handleClose
     }, [this.closeText ? this.closeText : (0,external_vue_namespaceObject.createVNode)(icon_namespaceObject.CloseLine, null, null)])])]);

package/lib/date-picker/index.js

@@ -5311,6 +5311,17 @@ function time_picker_objectSpread(e) { for (var r = 1; r < arguments.length; r++
     });
     var pickerPanelRef = (0,external_vue_namespaceObject.ref)(null);
     var handleClose = function handleClose(e) {
+      if (props.appendToBody) {
+        var _pickerPanelRef$value;
+        state.disableCloseUnderTransfer = true;
+        var pickerPanel = pickerPanelRef === null || pickerPanelRef === void 0 || (_pickerPanelRef$value = pickerPanelRef.value) === null || _pickerPanelRef$value === void 0 ? void 0 : _pickerPanelRef$value.$el;
+        if (e && pickerPanel !== null && pickerPanel !== void 0 && pickerPanel.contains(e.target)) {
+          return;
+        }
+        state.visible = false;
+        e === null || e === void 0 || e.preventDefault();
+        e === null || e === void 0 || e.stopPropagation();
+      }
       if (state.disableCloseUnderTransfer) {
         state.disableCloseUnderTransfer = false;
         return false;
@@ -5321,9 +5332,9 @@ function time_picker_objectSpread(e) { for (var r = 1; r < arguments.length; r++
         return;
       }
       if (state.visible) {
-        var _pickerPanelRef$value;
-        var pickerPanel = pickerPanelRef === null || pickerPanelRef === void 0 || (_pickerPanelRef$value = pickerPanelRef.value) === null || _pickerPanelRef$value === void 0 ? void 0 : _pickerPanelRef$value.$el;
-        if (e && pickerPanel !== null && pickerPanel !== void 0 && pickerPanel.contains(e.target)) {
+        var _pickerPanelRef$value2;
+        var _pickerPanel = pickerPanelRef === null || pickerPanelRef === void 0 || (_pickerPanelRef$value2 = pickerPanelRef.value) === null || _pickerPanelRef$value2 === void 0 ? void 0 : _pickerPanelRef$value2.$el;
+        if (e && _pickerPanel !== null && _pickerPanel !== void 0 && _pickerPanel.contains(e.target)) {
           return;
         }
         state.visible = false;
@@ -5416,11 +5427,11 @@ function time_picker_objectSpread(e) { for (var r = 1; r < arguments.length; r++
       }
     };
     var reset = function reset() {
-      var _pickerPanelRef$value2, _pickerPanelRef$value3;
-      pickerPanelRef === null || pickerPanelRef === void 0 || (_pickerPanelRef$value2 = pickerPanelRef.value) === null || _pickerPanelRef$value2 === void 0 || (_pickerPanelRef$value3 = _pickerPanelRef$value2.reset) === null || _pickerPanelRef$value3 === void 0 || _pickerPanelRef$value3.call(_pickerPanelRef$value2);
+      var _pickerPanelRef$value3, _pickerPanelRef$value4;
+      pickerPanelRef === null || pickerPanelRef === void 0 || (_pickerPanelRef$value3 = pickerPanelRef.value) === null || _pickerPanelRef$value3 === void 0 || (_pickerPanelRef$value4 = _pickerPanelRef$value3.reset) === null || _pickerPanelRef$value4 === void 0 || _pickerPanelRef$value4.call(_pickerPanelRef$value3);
     };
     var handleBlur = function handleBlur(e) {
-      var _pickerPanelRef$value4, _formItem$validate2;
+      var _pickerPanelRef$value5, _formItem$validate2;
       if (state.internalFocus) {
         state.internalFocus = false;
         return;
@@ -5433,7 +5444,7 @@ function time_picker_objectSpread(e) { for (var r = 1; r < arguments.length; r++
       onSelectionModeChange(props.type);
       state.internalValue = state.internalValue.slice();
       reset();
-      pickerPanelRef === null || pickerPanelRef === void 0 || (_pickerPanelRef$value4 = pickerPanelRef.value) === null || _pickerPanelRef$value4 === void 0 || _pickerPanelRef$value4.onToggleVisibility(false);
+      pickerPanelRef === null || pickerPanelRef === void 0 || (_pickerPanelRef$value5 = pickerPanelRef.value) === null || _pickerPanelRef$value5 === void 0 || _pickerPanelRef$value5.onToggleVisibility(false);
       formItem === null || formItem === void 0 || (_formItem$validate2 = formItem.validate) === null || _formItem$validate2 === void 0 || _formItem$validate2.call(formItem, 'blur');
     };
     var handleKeydown = function handleKeydown(e) {

package/lib/index.js

@@ -4,5 +4,5 @@ export { default } from './preset';
 export * from './config-provider';
 export * from './directives';
 export * as plugins from './plugins';
-export const version = "2.0.1-beta.52";
+export const version = "2.0.1-beta.54";
 window.__bkui_vue_version__ = version;

package/lib/message/message.css

@@ -216,12 +216,13 @@
   display: flex;
 }
 .bk-message-content.multi .overview .left-content .describe {
-  display: box;
+  display: -webkit-box;
   max-width: 560px;
   max-height: 60px;
   overflow: hidden;
   text-overflow: ellipsis;
   -webkit-box-orient: vertical;
+  line-clamp: 3;
   -webkit-line-clamp: 3;
 }
 .bk-message-content.multi .overview .tools {

package/lib/message/message.less

@@ -98,12 +98,13 @@
         display: flex;
 
         .describe {
-          display: box;
+          display: -webkit-box;
           max-width: 560px;
           max-height: 60px;
           overflow: hidden;
           text-overflow: ellipsis;
           -webkit-box-orient: vertical;
+          line-clamp: 3;
           -webkit-line-clamp: 3;
         }
       }
@@ -204,7 +205,7 @@
 
           .copy-value {
             padding-left: 4px;
-            
+
             &:hover {
               background: rgba(186, 188, 192, 0.2);
               cursor: pointer;

package/lib/message/message.variable.css

@@ -476,12 +476,13 @@
   display: flex;
 }
 .bk-message-content.multi .overview .left-content .describe {
-  display: box;
+  display: -webkit-box;
   max-width: 560px;
   max-height: 60px;
   overflow: hidden;
   text-overflow: ellipsis;
   -webkit-box-orient: vertical;
+  line-clamp: 3;
   -webkit-line-clamp: 3;
 }
 .bk-message-content.multi .overview .tools {

package/lib/pagination/index.js

@@ -655,6 +655,7 @@ const popover_less_namespaceObject = popover_less_x({  });
           "ref": inputRef,
           "class": "".concat(resolveClassName('pagination-editor')),
           "contenteditable": !proxy.disabled,
+          "innerHTML": String(localCurrent.value),
           "spellcheck": "false",
           "onBlur": handlePageEditorBlur,
           "onFocus": handlePageEditorFocus,

package/lib/select/index.d.ts

@@ -315,6 +315,10 @@ declare const BkSelect: {
         } & {
             default: boolean;
         };
+        trigger: {
+            type: import("vue").PropType<"default" | "manual">;
+            default: string;
+        };
     }>> & {
         onFocus?: (...args: any[]) => any;
         onBlur?: (...args: any[]) => any;
@@ -1025,6 +1029,10 @@ declare const BkSelect: {
         } & {
             default: boolean;
         };
+        trigger: {
+            type: import("vue").PropType<"default" | "manual">;
+            default: string;
+        };
     }>> & {
         onFocus?: (...args: any[]) => any;
         onBlur?: (...args: any[]) => any;
@@ -1041,6 +1049,7 @@ declare const BkSelect: {
         prefix: string;
         size: "default" | "small" | "large" | "huge";
         disabled: boolean;
+        trigger: "default" | "manual";
         showOnInit: boolean;
         multiple: boolean;
         placeholder: string;
@@ -1401,6 +1410,10 @@ declare const BkSelect: {
         } & {
             default: boolean;
         };
+        trigger: {
+            type: import("vue").PropType<"default" | "manual">;
+            default: string;
+        };
     }>> & {
         onFocus?: (...args: any[]) => any;
         onBlur?: (...args: any[]) => any;
@@ -1801,6 +1814,7 @@ declare const BkSelect: {
         prefix: string;
         size: "default" | "small" | "large" | "huge";
         disabled: boolean;
+        trigger: "default" | "manual";
         showOnInit: boolean;
         multiple: boolean;
         placeholder: string;
@@ -2158,6 +2172,10 @@ declare const BkSelect: {
     } & {
         default: boolean;
     };
+    trigger: {
+        type: import("vue").PropType<"default" | "manual">;
+        default: string;
+    };
 }>> & {
     onFocus?: (...args: any[]) => any;
     onBlur?: (...args: any[]) => any;
@@ -2558,6 +2576,7 @@ declare const BkSelect: {
     prefix: string;
     size: "default" | "small" | "large" | "huge";
     disabled: boolean;
+    trigger: "default" | "manual";
     showOnInit: boolean;
     multiple: boolean;
     placeholder: string;

package/lib/select/index.js

@@ -2662,7 +2662,11 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
       type: Function
     },
     searchWithPinyin: shared_namespaceObject.PropTypes.bool.def(true),
-    highlightKeyword: shared_namespaceObject.PropTypes.bool.def(false) // 搜索高亮
+    highlightKeyword: shared_namespaceObject.PropTypes.bool.def(false),
+    trigger: {
+      type: String,
+      "default": 'default'
+    } // content显示和隐藏方式
   },
   emits: ['update:modelValue', 'change', 'toggle', 'clear', 'scroll-end', 'focus', 'blur', 'tag-remove', 'select', 'deselect', 'search-change'],
   setup: function setup(props, _ref) {
@@ -2702,7 +2706,8 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
       filterOption = _toRefs.filterOption,
       searchWithPinyin = _toRefs.searchWithPinyin,
       highlightKeyword = _toRefs.highlightKeyword,
-      disableFocusBehavior = _toRefs.disableFocusBehavior;
+      disableFocusBehavior = _toRefs.disableFocusBehavior,
+      trigger = _toRefs.trigger;
     var virtualRenderRef = (0,external_vue_namespaceObject.ref)(null);
     var localNoDataText = (0,external_vue_namespaceObject.computed)(function () {
       if (props.noDataText === undefined) {
@@ -2930,6 +2935,14 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
       hidePopover = _usePopover.hidePopover,
       showPopover = _usePopover.showPopover,
       togglePopover = _usePopover.togglePopover;
+    var handleHidePopover = function handleHidePopover() {
+      if (trigger.value === 'manual') return;
+      hidePopover();
+    };
+    var handleShowPopover = function handleShowPopover() {
+      if (trigger.value === 'manual') return;
+      showPopover();
+    };
     // 输入框是否可以输入内容
     var isInput = (0,external_vue_namespaceObject.computed)(function () {
       return (filterable.value && inputSearch.value || allowCreate.value) && isPopoverShow.value;
@@ -3028,7 +3041,7 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
     };
     // 派发toggle事件
     var handleTogglePopover = function handleTogglePopover() {
-      if (isDisabled.value) return;
+      if (isDisabled.value || trigger.value === 'manual') return;
       handleFocus();
       togglePopover();
     };
@@ -3069,7 +3082,7 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
           label: value
         }];
         emitChange(value);
-        hidePopover();
+        handleHidePopover();
       }
       customOptionName.value = '';
     };
@@ -3113,7 +3126,7 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
         }];
         emitChange(option.optionID);
         emit('select', option.optionID);
-        hidePopover();
+        handleHidePopover();
         handleBlur();
       }
     };
@@ -3153,7 +3166,7 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
       selected.value = [];
       emitChange(multiple.value ? [] : '');
       emit('clear', multiple.value ? [] : '');
-      hidePopover();
+      handleHidePopover();
     };
     var handleSelectedAllOptionMouseEnter = function handleSelectedAllOptionMouseEnter() {
       activeOptionValue.value = '';
@@ -3339,7 +3352,7 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
       var event = _ref2.event;
       var target = event.target;
       if ((_triggerRef$value = triggerRef.value) !== null && _triggerRef$value !== void 0 && _triggerRef$value.contains(target) || triggerRef.value === target) return;
-      hidePopover();
+      handleHidePopover();
       handleBlur();
     };
     (0,external_vue_namespaceObject.provide)(selectKey, (0,external_vue_namespaceObject.reactive)({
@@ -3360,7 +3373,7 @@ function select_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { v
     (0,external_vue_namespaceObject.onMounted)(function () {
       handleSetSelectedData();
       setTimeout(function () {
-        showOnInit.value && showPopover();
+        showOnInit.value && handleShowPopover();
         autoFocus.value && focusInput();
       });
     });

package/lib/select/select.d.ts

@@ -314,6 +314,10 @@ declare const _default: import("vue").DefineComponent<{
     } & {
         default: boolean;
     };
+    trigger: {
+        type: PropType<"default" | "manual">;
+        default: string;
+    };
 }, {
     t: import("vue").ComputedRef<{
         noData: string;
@@ -1012,6 +1016,10 @@ declare const _default: import("vue").DefineComponent<{
     } & {
         default: boolean;
     };
+    trigger: {
+        type: PropType<"default" | "manual">;
+        default: string;
+    };
 }>> & {
     onFocus?: (...args: any[]) => any;
     onBlur?: (...args: any[]) => any;
@@ -1028,6 +1036,7 @@ declare const _default: import("vue").DefineComponent<{
     prefix: string;
     size: "default" | "small" | "large" | "huge";
     disabled: boolean;
+    trigger: "default" | "manual";
     showOnInit: boolean;
     multiple: boolean;
     placeholder: string;

package/lib/virtual-render/index.js

@@ -17752,7 +17752,7 @@ function computedVirtualIndex(lineHeight, callback, pagination, wrapper, event)
     targetStartIndex = startValue.startIndex > 0 ? startValue.startIndex : 0;
     translateY = startValue.diffHeight;
     var endValue = getMatchedIndex(count, elOffsetHeight, groupItemCount, lineHeight);
-    targetEndIndex = endValue.startIndex + targetStartIndex;
+    targetEndIndex = endValue.startIndex + targetStartIndex + 1;
   }
   var bottom = elScrollHeight - elOffsetHeight - elScrollTop;
   typeof callback === 'function' && callback(event, targetStartIndex, targetEndIndex, elScrollTop, elScrollTop, elScrollLeft, {
@@ -18155,10 +18155,6 @@ function virtual_render_objectSpread(e) { for (var r = 1; r < arguments.length;
           start = start < 0 ? 0 : start;
         }
       }
-      // if (end > total) {
-      //   end = total;
-      //   start = end - Math.floor(refRoot.value.offsetHeight / props.lineHeight);
-      // }
       var value = localList.value.slice(start, end);
       calcList.value = value;
       if (event) {

package/package.json

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