bkui-vue 1.0.3-beta.66.dialog.1 → 1.0.3-beta.66.dialog.3

package/lib/dialog/index.js

@@ -573,7 +573,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 
 
 var dialogProps = (0,cloneDeep_namespaceObject["default"])(modal_namespaceObject.propsMixin);
-dialogProps.width["default"] = '400';
+dialogProps.width["default"] = '480';
 var props = _objectSpread(_objectSpread({}, dialogProps), {}, {
   // 是否可拖拽
   draggable: shared_namespaceObject.PropTypes.bool.def(false),

package/lib/info-box/index.js

@@ -432,7 +432,7 @@ const shared_namespaceObject = x({ ["withInstall"]: () => __WEBPACK_EXTERNAL_MOD
 ;// CONCATENATED MODULE: external "vue"
 var external_vue_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
 var external_vue_y = x => () => x
-const external_vue_namespaceObject = external_vue_x({ ["createApp"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.createApp, ["createVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.createVNode, ["defineComponent"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.defineComponent, ["reactive"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.reactive, ["ref"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.ref });
+const external_vue_namespaceObject = external_vue_x({ ["createApp"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.createApp, ["createVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.createVNode, ["defineComponent"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.defineComponent, ["h"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.h, ["reactive"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.reactive, ["ref"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.ref });
 ;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/typeof.js
 function _typeof(o) {
   "@babel/helpers - typeof";
@@ -832,15 +832,21 @@ var genDefaultState = function genDefaultState() {
  */
 
 
-var infoboxInstance;
+var appRef = (0,external_vue_namespaceObject.ref)();
 var getInstance = function getInstance() {
-  if (!infoboxInstance) {
+  if (!appRef.value) {
     var container = document.createElement('div');
-    infoboxInstance = (0,external_vue_namespaceObject.createApp)(render_component);
+    var infoboxInstance = (0,external_vue_namespaceObject.createApp)({
+      render: function render() {
+        return (0,external_vue_namespaceObject.h)(render_component, {
+          ref: appRef
+        });
+      }
+    });
     document.body.appendChild(container);
     infoboxInstance.mount(container);
   }
-  return infoboxInstance._instance.exposed;
+  return appRef.value;
 };
 var InfoBox = function InfoBox(config) {
   var instance = getInstance();

package/lib/overflow-title/index.js

@@ -41,7 +41,7 @@ __webpack_require__.d(__webpack_exports__, {
 ;// CONCATENATED MODULE: external "../shared"
 var x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
 var y = x => () => x
-const shared_namespaceObject = x({ ["PropTypes"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.PropTypes, ["debounce"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.debounce, ["withInstall"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.withInstall });
+const shared_namespaceObject = x({ ["PropTypes"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.PropTypes, ["debounce"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.debounce, ["hasOverflowEllipsis"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.hasOverflowEllipsis, ["withInstall"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.withInstall });
 ;// CONCATENATED MODULE: external "vue"
 var external_vue_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
 var external_vue_y = x => () => x
@@ -91,38 +91,6 @@ function placementType() {
   resizeable: shared_namespaceObject.PropTypes.bool,
   popoverOptions: Object // popover属性
 });
-;// CONCATENATED MODULE: ../../packages/overflow-title/src/utils/getActualWidthByCanvas.ts
-function getActualWidthByCanvas(text, options) {
-  var _options$fontSize = options.fontSize,
-    fontSize = _options$fontSize === void 0 ? 14 : _options$fontSize,
-    _options$fontFamily = options.fontFamily,
-    fontFamily = _options$fontFamily === void 0 ? 'Microsoft YaHei' : _options$fontFamily;
-  var canvas = document.createElement('canvas');
-  var ctx = canvas.getContext('2d');
-  ctx.font = "".concat(fontSize, "px ").concat(fontFamily);
-  var metrics = ctx.measureText(text);
-  var actual = Math.abs(metrics.actualBoundingBoxLeft) + Math.abs(metrics.actualBoundingBoxRight);
-  return Math.max(metrics.width, actual);
-}
-/* harmony default export */ const utils_getActualWidthByCanvas = (getActualWidthByCanvas);
-;// CONCATENATED MODULE: ../../packages/overflow-title/src/utils/getActualWidthByDom.ts
-function getActualWidthByDom(text, options) {
-  var dom = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : document.body;
-  if (!dom) {
-    return 0;
-  }
-  var _ref = options || {},
-    fontSize = _ref.fontSize,
-    fontFamily = _ref.fontFamily;
-  var tempDom = document.createElement('div');
-  tempDom.style.cssText = "position: absolute;left: -999em;top:-999em;z-index: -1;text-overflow: initial;\n    ".concat(fontSize ? "font-size:".concat(fontSize, " ;") : '', "\n    ").concat(fontFamily ? "font-family:".concat(fontFamily, " ") : '', "\n  ");
-  tempDom.innerText = text;
-  dom.append(tempDom);
-  var clientWidth = tempDom.clientWidth;
-  dom.removeChild(tempDom);
-  return clientWidth;
-}
-/* harmony default export */ const utils_getActualWidthByDom = (getActualWidthByDom);
 ;// CONCATENATED MODULE: ../../packages/overflow-title/src/components/overflow-title.tsx
 
 
@@ -130,8 +98,8 @@ function getActualWidthByDom(text, options) {
 
 
 
-
-
+// import getActualWidthByCanvas from '../utils/getActualWidthByCanvas';
+// import getActualWidthByDom from '../utils/getActualWidthByDom';
 /* harmony default export */ const overflow_title = ((0,external_vue_namespaceObject.defineComponent)({
   name: 'OverflowTitle',
   props: props,
@@ -149,29 +117,23 @@ function getActualWidthByDom(text, options) {
       return slots === null || slots === void 0 || (_slots$default = slots["default"]) === null || _slots$default === void 0 ? void 0 : _slots$default.call(slots);
     });
     (0,external_vue_namespaceObject.onMounted)(function () {
-      var clientWidth = boxRef.value.clientWidth;
+      // const { clientWidth } = boxRef.value;
       var resizeHandler = (0,shared_namespaceObject.debounce)(500, function () {
         isShowTips.value = false;
         textProps.value = {};
-        var textWidth = 0;
-        if (props.calType === 'dom') {
-          var _textRef$value;
-          textWidth = utils_getActualWidthByDom((_textRef$value = textRef.value) === null || _textRef$value === void 0 ? void 0 : _textRef$value.textContent, null, boxRef.value);
-        } else {
-          var _getComputedStyle = getComputedStyle(boxRef.value),
-            fontSize = _getComputedStyle.fontSize,
-            fontFamily = _getComputedStyle.fontFamily;
-          textWidth = utils_getActualWidthByCanvas(contentText.value, {
-            fontSize: fontSize,
-            fontFamily: fontFamily
-          });
-        }
-        if (textWidth > clientWidth) {
+        // let textWidth = 0;
+        // if (props.calType === 'dom') {
+        //   textWidth = getActualWidthByDom(textRef.value?.textContent, null, boxRef.value);
+        // } else {
+        //   const { fontSize, fontFamily } = getComputedStyle(boxRef.value);
+        //   textWidth = getActualWidthByCanvas(contentText.value as string, { fontSize, fontFamily });
+        // }
+        if ((0,shared_namespaceObject.hasOverflowEllipsis)(boxRef.value)) {
           isShowTips.value = true;
           if (props.type === 'title') {
-            var _textRef$value$innerT, _textRef$value2;
+            var _textRef$value$innerT, _textRef$value;
             textProps.value = {
-              title: (_textRef$value$innerT = textRef === null || textRef === void 0 || (_textRef$value2 = textRef.value) === null || _textRef$value2 === void 0 ? void 0 : _textRef$value2.innerText) !== null && _textRef$value$innerT !== void 0 ? _textRef$value$innerT : props.content
+              title: (_textRef$value$innerT = textRef === null || textRef === void 0 || (_textRef$value = textRef.value) === null || _textRef$value === void 0 ? void 0 : _textRef$value.innerText) !== null && _textRef$value$innerT !== void 0 ? _textRef$value$innerT : props.content
             };
           }
         }
@@ -218,6 +180,38 @@ function getActualWidthByDom(text, options) {
     })]);
   }
 }));
+;// CONCATENATED MODULE: ../../packages/overflow-title/src/utils/getActualWidthByCanvas.ts
+function getActualWidthByCanvas(text, options) {
+  var _options$fontSize = options.fontSize,
+    fontSize = _options$fontSize === void 0 ? 14 : _options$fontSize,
+    _options$fontFamily = options.fontFamily,
+    fontFamily = _options$fontFamily === void 0 ? 'Microsoft YaHei' : _options$fontFamily;
+  var canvas = document.createElement('canvas');
+  var ctx = canvas.getContext('2d');
+  ctx.font = "".concat(fontSize, "px ").concat(fontFamily);
+  var metrics = ctx.measureText(text);
+  var actual = Math.abs(metrics.actualBoundingBoxLeft) + Math.abs(metrics.actualBoundingBoxRight);
+  return Math.max(metrics.width, actual);
+}
+/* harmony default export */ const utils_getActualWidthByCanvas = (getActualWidthByCanvas);
+;// CONCATENATED MODULE: ../../packages/overflow-title/src/utils/getActualWidthByDom.ts
+function getActualWidthByDom(text, options) {
+  var dom = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : document.body;
+  if (!dom) {
+    return 0;
+  }
+  var _ref = options || {},
+    fontSize = _ref.fontSize,
+    fontFamily = _ref.fontFamily;
+  var tempDom = document.createElement('div');
+  tempDom.style.cssText = "position: absolute;left: -999em;top:-999em;z-index: -1;text-overflow: initial;\n    ".concat(fontSize ? "font-size:".concat(fontSize, " ;") : '', "\n    ").concat(fontFamily ? "font-family:".concat(fontFamily, " ") : '', "\n  ");
+  tempDom.innerText = text;
+  dom.append(tempDom);
+  var clientWidth = tempDom.clientWidth;
+  dom.removeChild(tempDom);
+  return clientWidth;
+}
+/* harmony default export */ const utils_getActualWidthByDom = (getActualWidthByDom);
 ;// CONCATENATED MODULE: ../../packages/overflow-title/src/directive/overflow-title.ts
 
 

package/lib/scrollbar/scrollbar.css

@@ -5,6 +5,7 @@
 .bk-scrollbar-wrapper .bk-scrollbar-content-el {
   display: inline-flex;
   flex-direction: column;
+  width: 100%;
 }
 .bk-scrollbar-wrapper .bk-scrollbar-track {
   z-index: 1;

package/lib/scrollbar/scrollbar.less

@@ -7,6 +7,7 @@
   .@{bk-prefix}-scrollbar-content-el {
     display: inline-flex;
     flex-direction: column;
+    width: 100%;
   }
 
   .@{bk-prefix}-scrollbar-track {

package/lib/scrollbar/scrollbar.variable.css

@@ -134,6 +134,7 @@
 .bk-scrollbar-wrapper .bk-scrollbar-content-el {
   display: inline-flex;
   flex-direction: column;
+  width: 100%;
 }
 .bk-scrollbar-wrapper .bk-scrollbar-track {
   z-index: 1;

package/lib/table/index.js

@@ -5439,15 +5439,15 @@ const input_less_namespaceObject = input_less_x({  });
 
 
 
-
 function head_filter_isSlot(s) {
   return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !(0,external_vue_namespaceObject.isVNode)(s);
 }
+var ROW_HEIGHT = 32;
 /* harmony default export */ const head_filter = ((0,external_vue_namespaceObject.defineComponent)({
   name: 'HeadFilter',
   props: {
     column: IColumnType,
-    height: shared_namespaceObject.PropTypes.number.def(LINE_HEIGHT)
+    height: shared_namespaceObject.PropTypes.number.def(ROW_HEIGHT)
   },
   emits: ['change', 'filterSave'],
   setup: function setup(props, _ref) {
@@ -5469,14 +5469,6 @@ function head_filter_isSlot(s) {
       isOpen: false,
       checked: checked.value
     });
-    var maxHeight = (0,external_vue_namespaceObject.computed)(function () {
-      var _filter$value$maxHeig, _filter$value2;
-      return (_filter$value$maxHeig = (_filter$value2 = filter.value) === null || _filter$value2 === void 0 ? void 0 : _filter$value2.maxHeight) !== null && _filter$value$maxHeig !== void 0 ? _filter$value$maxHeig : LINE_HEIGHT * 15;
-    });
-    var height = (0,external_vue_namespaceObject.computed)(function () {
-      var _filter$value3;
-      return ((_filter$value3 = filter.value) === null || _filter$value3 === void 0 ? void 0 : _filter$value3.height) || '100%';
-    });
     (0,external_vue_namespaceObject.watch)(function () {
       return filter.value;
     }, function () {
@@ -5508,6 +5500,22 @@ function head_filter_isSlot(s) {
       });
       return filterList;
     });
+    var maxLength = 5;
+    var maxHeight = (0,external_vue_namespaceObject.computed)(function () {
+      var _filter$value$maxHeig, _filter$value2;
+      return (_filter$value$maxHeig = (_filter$value2 = filter.value) === null || _filter$value2 === void 0 ? void 0 : _filter$value2.maxHeight) !== null && _filter$value$maxHeig !== void 0 ? _filter$value$maxHeig : ROW_HEIGHT * maxLength;
+    });
+    var height = (0,external_vue_namespaceObject.computed)(function () {
+      var _filter$value3;
+      return ((_filter$value3 = filter.value) === null || _filter$value3 === void 0 ? void 0 : _filter$value3.height) || '100%';
+    });
+    var minHeight = (0,external_vue_namespaceObject.computed)(function () {
+      var defaultMin = ROW_HEIGHT * 2;
+      if (localData.value.length > maxLength) {
+        return maxHeight.value;
+      }
+      return defaultMin;
+    });
     var getRegExp = function getRegExp(val) {
       var flags = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'ig';
       return new RegExp("".concat(val).replace(/[-[\]{}()*+?.,\\^$|#\s]/g, '\\$&'), flags);
@@ -5643,16 +5651,6 @@ function head_filter_isSlot(s) {
         "class": "list-item is-empty"
       }, [t.value.emptyText]);
     };
-    /* 监听过滤筛选值，更新表格
-    onMounted(() => {
-      watch(() => filter.value.checked, (val) => {
-        if (val?.length) {
-          state.checked = val;
-          emit('change', val, filterFn);
-        }
-      }, { immediate: true });
-    });
-    */
     return function () {
       return (0,external_vue_namespaceObject.createVNode)(popover_namespaceObject["default"], (0,external_vue_namespaceObject.mergeProps)({
         "trigger": "click",
@@ -5692,6 +5690,7 @@ function head_filter_isSlot(s) {
             "default": function _default() {
               return [(0,external_vue_namespaceObject.createVNode)(virtual_render_namespaceObject["default"], {
                 "maxHeight": maxHeight.value,
+                "minHeight": minHeight.value,
                 "height": height.value,
                 "lineHeight": 32,
                 "list": localData.value,
@@ -5927,11 +5926,11 @@ function use_head_cell_isSlot(s) {
       }));
     }, {});
   };
-  var getSortFnByColumn = function getSortFnByColumn(column, fn, a, b) {
+  var getSortFnByColumn = function getSortFnByColumn(column, fn, a, b, type) {
     if (column.type === 'index') {
-      return fn(tableResp.getRowAttribute(a, TABLE_ROW_ATTRIBUTE.ROW_INDEX), tableResp.getRowAttribute(b, TABLE_ROW_ATTRIBUTE.ROW_INDEX));
+      return fn(tableResp.getRowAttribute(a, TABLE_ROW_ATTRIBUTE.ROW_INDEX), tableResp.getRowAttribute(b, TABLE_ROW_ATTRIBUTE.ROW_INDEX), type);
     }
-    return fn(a, b);
+    return fn(a, b, type);
   };
   /**
    * 点击选中一列事件
@@ -5946,7 +5945,7 @@ function use_head_cell_isSlot(s) {
       var type = tableResp.getColumnAttribute(column, COLUMN_ATTRIBUTE.COL_SORT_TYPE);
       nextSort.value = getNextSortType(type);
       var sortFn = function sortFn(a, b) {
-        return getSortFnByColumn(column, getSortFn(column, nextSort.value, props.sortValFormat), a, b);
+        return getSortFnByColumn(column, getSortFn(column, nextSort.value, props.sortValFormat), a, b, type);
       };
       tableResp.setColumnAttribute(column, COLUMN_ATTRIBUTE.COL_SORT_TYPE, nextSort.value);
       tableResp.setColumnAttribute(column, COLUMN_ATTRIBUTE.COL_SORT_FN, sortFn);
@@ -6014,8 +6013,9 @@ function use_head_cell_isSlot(s) {
      * @param type 排序类型
      */
     var handleSortClick = function handleSortClick(sortFn, type) {
+      console.log('handleSortClick', type);
       var fn = function fn(a, b) {
-        return getSortFnByColumn(column, sortFn, a, b);
+        return getSortFnByColumn(column, sortFn, a, b, type);
       };
       tableResp.setColumnAttribute(column, COLUMN_ATTRIBUTE.COL_SORT_TYPE, type);
       tableResp.setColumnAttribute(column, COLUMN_ATTRIBUTE.COL_SORT_FN, fn);

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

@@ -27,10 +27,6 @@
   max-width: 300px;
   min-width: 200px;
 }
-.bk-popover.bk-pop2-content.bk-table-head-filter .content-list .content-items {
-  max-height: 200px;
-  min-height: 40px;
-}
 .bk-popover.bk-pop2-content.bk-table-head-filter .content-list .content-items .list-item {
   width: 100%;
   height: 32px;
@@ -43,11 +39,19 @@
 .bk-popover.bk-pop2-content.bk-table-head-filter .content-list .content-items .list-item:hover {
   background: #f0f1f5;
 }
+.bk-popover.bk-pop2-content.bk-table-head-filter .content-list .content-items .list-item label {
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  overflow: hidden;
+  width: 100%;
+}
 .bk-popover.bk-pop2-content.bk-table-head-filter .content-list .content-items .list-item label:hover {
   background: #f0f1f5;
 }
 .bk-popover.bk-pop2-content.bk-table-head-filter .content-list .content-items .list-item .bk-checkbox-label {
   white-space: nowrap;
+  text-overflow: ellipsis;
+  overflow: hidden;
 }
 .bk-popover.bk-pop2-content.bk-table-head-filter .content-list .content-items .list-item .bk-checkbox {
   margin-left: 0;

package/lib/table/plugins/head-filter.less

@@ -35,9 +35,6 @@
         min-width: 200px;
 
         .content-items {
-          max-height: 200px;
-          min-height: 40px;
-
           .list-item {
             width: 100%;
             height: 32px;
@@ -52,6 +49,10 @@
             }
 
             label {
+              text-overflow: ellipsis;
+              white-space: nowrap;
+              overflow: hidden;
+              width: 100%;
               &:hover {
                 background: #f0f1f5;
               }
@@ -59,6 +60,8 @@
 
             .@{bk-prefix}-checkbox-label {
               white-space: nowrap;
+              text-overflow: ellipsis;
+              overflow: hidden;
             }
 
             .@{bk-prefix}-checkbox {

package/lib/table/plugins/head-filter.variable.css

@@ -156,10 +156,6 @@
   max-width: 300px;
   min-width: 200px;
 }
-.bk-popover.bk-pop2-content.bk-table-head-filter .content-list .content-items {
-  max-height: 200px;
-  min-height: 40px;
-}
 .bk-popover.bk-pop2-content.bk-table-head-filter .content-list .content-items .list-item {
   width: 100%;
   height: 32px;
@@ -172,11 +168,19 @@
 .bk-popover.bk-pop2-content.bk-table-head-filter .content-list .content-items .list-item:hover {
   background: #f0f1f5;
 }
+.bk-popover.bk-pop2-content.bk-table-head-filter .content-list .content-items .list-item label {
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  overflow: hidden;
+  width: 100%;
+}
 .bk-popover.bk-pop2-content.bk-table-head-filter .content-list .content-items .list-item label:hover {
   background: #f0f1f5;
 }
 .bk-popover.bk-pop2-content.bk-table-head-filter .content-list .content-items .list-item .bk-checkbox-label {
   white-space: nowrap;
+  text-overflow: ellipsis;
+  overflow: hidden;
 }
 .bk-popover.bk-pop2-content.bk-table-head-filter .content-list .content-items .list-item .bk-checkbox {
   margin-left: 0;

package/lib/table/table.css

@@ -22,6 +22,7 @@
 .bk-scrollbar-wrapper .bk-scrollbar-content-el {
   display: inline-flex;
   flex-direction: column;
+  width: 100%;
 }
 .bk-scrollbar-wrapper .bk-scrollbar-track {
   z-index: 1;
@@ -864,10 +865,6 @@
   max-width: 300px;
   min-width: 200px;
 }
-.bk-popover.bk-pop2-content.bk-table-head-filter .content-list .content-items {
-  max-height: 200px;
-  min-height: 40px;
-}
 .bk-popover.bk-pop2-content.bk-table-head-filter .content-list .content-items .list-item {
   width: 100%;
   height: 32px;
@@ -880,11 +877,19 @@
 .bk-popover.bk-pop2-content.bk-table-head-filter .content-list .content-items .list-item:hover {
   background: #f0f1f5;
 }
+.bk-popover.bk-pop2-content.bk-table-head-filter .content-list .content-items .list-item label {
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  overflow: hidden;
+  width: 100%;
+}
 .bk-popover.bk-pop2-content.bk-table-head-filter .content-list .content-items .list-item label:hover {
   background: #f0f1f5;
 }
 .bk-popover.bk-pop2-content.bk-table-head-filter .content-list .content-items .list-item .bk-checkbox-label {
   white-space: nowrap;
+  text-overflow: ellipsis;
+  overflow: hidden;
 }
 .bk-popover.bk-pop2-content.bk-table-head-filter .content-list .content-items .list-item .bk-checkbox {
   margin-left: 0;

package/lib/table/table.variable.css

@@ -151,6 +151,7 @@
 .bk-scrollbar-wrapper .bk-scrollbar-content-el {
   display: inline-flex;
   flex-direction: column;
+  width: 100%;
 }
 .bk-scrollbar-wrapper .bk-scrollbar-track {
   z-index: 1;
@@ -993,10 +994,6 @@
   max-width: 300px;
   min-width: 200px;
 }
-.bk-popover.bk-pop2-content.bk-table-head-filter .content-list .content-items {
-  max-height: 200px;
-  min-height: 40px;
-}
 .bk-popover.bk-pop2-content.bk-table-head-filter .content-list .content-items .list-item {
   width: 100%;
   height: 32px;
@@ -1009,11 +1006,19 @@
 .bk-popover.bk-pop2-content.bk-table-head-filter .content-list .content-items .list-item:hover {
   background: #f0f1f5;
 }
+.bk-popover.bk-pop2-content.bk-table-head-filter .content-list .content-items .list-item label {
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  overflow: hidden;
+  width: 100%;
+}
 .bk-popover.bk-pop2-content.bk-table-head-filter .content-list .content-items .list-item label:hover {
   background: #f0f1f5;
 }
 .bk-popover.bk-pop2-content.bk-table-head-filter .content-list .content-items .list-item .bk-checkbox-label {
   white-space: nowrap;
+  text-overflow: ellipsis;
+  overflow: hidden;
 }
 .bk-popover.bk-pop2-content.bk-table-head-filter .content-list .content-items .list-item .bk-checkbox {
   margin-left: 0;

package/lib/tree/tree.css

@@ -22,6 +22,7 @@
 .bk-scrollbar-wrapper .bk-scrollbar-content-el {
   display: inline-flex;
   flex-direction: column;
+  width: 100%;
 }
 .bk-scrollbar-wrapper .bk-scrollbar-track {
   z-index: 1;

package/lib/tree/tree.variable.css

@@ -151,6 +151,7 @@
 .bk-scrollbar-wrapper .bk-scrollbar-content-el {
   display: inline-flex;
   flex-direction: column;
+  width: 100%;
 }
 .bk-scrollbar-wrapper .bk-scrollbar-track {
   z-index: 1;

package/lib/virtual-render/index.js

@@ -995,13 +995,13 @@ function virtual_render_objectSpread(e) { for (var r = 1; r < arguments.length;
     });
     /** 虚拟渲染外层容器样式 */
     var wrapperStyle = (0,external_vue_namespaceObject.computed)(function () {
-      var _props$maxHeight;
       var height = typeof props.height === 'number' ? "".concat(props.height, "px") : props.height;
       return virtual_render_objectSpread(virtual_render_objectSpread({
         height: height,
         width: typeof props.width === 'number' ? "".concat(props.width, "px") : props.width,
         display: 'inline-block',
-        maxHeight: (_props$maxHeight = props.maxHeight) !== null && _props$maxHeight !== void 0 ? _props$maxHeight : height
+        maxHeight: props.maxHeight ? "".concat(props.maxHeight, "px") : false,
+        minHeight: props.minHeight ? "".concat(props.minHeight, "px") : false
       }, props.scrollPosition === 'container' ? innerContentStyle.value : {}), props.wrapperStyle);
     });
     var contentHeight = (0,external_vue_namespaceObject.computed)(function () {

package/lib/virtual-render/virtual-render.css

@@ -22,6 +22,7 @@
 .bk-scrollbar-wrapper .bk-scrollbar-content-el {
   display: inline-flex;
   flex-direction: column;
+  width: 100%;
 }
 .bk-scrollbar-wrapper .bk-scrollbar-track {
   z-index: 1;

package/lib/virtual-render/virtual-render.variable.css

@@ -151,6 +151,7 @@
 .bk-scrollbar-wrapper .bk-scrollbar-content-el {
   display: inline-flex;
   flex-direction: column;
+  width: 100%;
 }
 .bk-scrollbar-wrapper .bk-scrollbar-track {
   z-index: 1;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bkui-vue",
-  "version": "1.0.3-beta.66.dialog.1",
+  "version": "1.0.3-beta.66.dialog.3",
   "workspaces": {
     "packages": [
       "packages/!(**.bak)*",