bkui-vue 2.0.1-beta.42 → 2.0.1-beta.43

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.42";
+export const version = "2.0.1-beta.43";
 window.__bkui_vue_version__ = version;

package/lib/search-select/index.d.ts

@@ -95,7 +95,7 @@ declare const BkSearchSelect: {
             };
             documentArrowEvent: (e: KeyboardEvent) => void;
             handleClickOutside: (e: MouseEvent) => void;
-            handleInputFocus: (event?: FocusEvent) => void;
+            handleInputFocus: () => void;
             handleInputChange: (event: Event) => void;
             handleInputPaste: (event: ClipboardEvent) => void;
             handleLogicalChange: (logical: import("./utils").SearchLogical) => void;
@@ -109,7 +109,6 @@ declare const BkSearchSelect: {
             inputClearForWrapper: () => void;
             deleteInputTextNode: () => void;
             customPanelSubmit: (value: string) => void;
-            refleshMenuHover: () => void;
             t: import("vue").ComputedRef<{
                 pleaseSelect: string;
                 loading: string;
@@ -218,7 +217,7 @@ declare const BkSearchSelect: {
             };
             documentArrowEvent: (e: KeyboardEvent) => void;
             handleClickOutside: (e: MouseEvent) => void;
-            handleInputFocus: (event?: FocusEvent) => void;
+            handleInputFocus: () => void;
             handleInputChange: (event: Event) => void;
             handleInputPaste: (event: ClipboardEvent) => void;
             handleLogicalChange: (logical: import("./utils").SearchLogical) => void;
@@ -232,7 +231,6 @@ declare const BkSearchSelect: {
             inputClearForWrapper: () => void;
             deleteInputTextNode: () => void;
             customPanelSubmit: (value: string) => void;
-            refleshMenuHover: () => void;
             t: import("vue").ComputedRef<{
                 pleaseSelect: string;
                 loading: string;
@@ -529,7 +527,7 @@ declare const BkSearchSelect: {
             };
             documentArrowEvent: (e: KeyboardEvent) => void;
             handleClickOutside: (e: MouseEvent) => void;
-            handleInputFocus: (event?: FocusEvent) => void;
+            handleInputFocus: () => void;
             handleInputChange: (event: Event) => void;
             handleInputPaste: (event: ClipboardEvent) => void;
             handleLogicalChange: (logical: import("./utils").SearchLogical) => void;
@@ -543,7 +541,6 @@ declare const BkSearchSelect: {
             inputClearForWrapper: () => void;
             deleteInputTextNode: () => void;
             customPanelSubmit: (value: string) => void;
-            refleshMenuHover: () => void;
             t: import("vue").ComputedRef<{
                 pleaseSelect: string;
                 loading: string;
@@ -652,7 +649,7 @@ declare const BkSearchSelect: {
             };
             documentArrowEvent: (e: KeyboardEvent) => void;
             handleClickOutside: (e: MouseEvent) => void;
-            handleInputFocus: (event?: FocusEvent) => void;
+            handleInputFocus: () => void;
             handleInputChange: (event: Event) => void;
             handleInputPaste: (event: ClipboardEvent) => void;
             handleLogicalChange: (logical: import("./utils").SearchLogical) => void;
@@ -666,7 +663,6 @@ declare const BkSearchSelect: {
             inputClearForWrapper: () => void;
             deleteInputTextNode: () => void;
             customPanelSubmit: (value: string) => void;
-            refleshMenuHover: () => void;
             t: import("vue").ComputedRef<{
                 pleaseSelect: string;
                 loading: string;
@@ -918,7 +914,7 @@ declare const BkSearchSelect: {
         };
         documentArrowEvent: (e: KeyboardEvent) => void;
         handleClickOutside: (e: MouseEvent) => void;
-        handleInputFocus: (event?: FocusEvent) => void;
+        handleInputFocus: () => void;
         handleInputChange: (event: Event) => void;
         handleInputPaste: (event: ClipboardEvent) => void;
         handleLogicalChange: (logical: import("./utils").SearchLogical) => void;
@@ -932,7 +928,6 @@ declare const BkSearchSelect: {
         inputClearForWrapper: () => void;
         deleteInputTextNode: () => void;
         customPanelSubmit: (value: string) => void;
-        refleshMenuHover: () => void;
         t: import("vue").ComputedRef<{
             pleaseSelect: string;
             loading: string;
@@ -1041,7 +1036,7 @@ declare const BkSearchSelect: {
         };
         documentArrowEvent: (e: KeyboardEvent) => void;
         handleClickOutside: (e: MouseEvent) => void;
-        handleInputFocus: (event?: FocusEvent) => void;
+        handleInputFocus: () => void;
         handleInputChange: (event: Event) => void;
         handleInputPaste: (event: ClipboardEvent) => void;
         handleLogicalChange: (logical: import("./utils").SearchLogical) => void;
@@ -1055,7 +1050,6 @@ declare const BkSearchSelect: {
         inputClearForWrapper: () => void;
         deleteInputTextNode: () => void;
         customPanelSubmit: (value: string) => void;
-        refleshMenuHover: () => void;
         t: import("vue").ComputedRef<{
             pleaseSelect: string;
             loading: string;

package/lib/search-select/index.js

@@ -1553,7 +1553,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
     var usingItem = (0,external_vue_namespaceObject.ref)(props.defaultUsingItem);
     var menuHoverId = (0,external_vue_namespaceObject.ref)('');
     var loading = (0,external_vue_namespaceObject.ref)(false);
-    var debounceSetMenuList = (0,shared_namespaceObject.debounce)(100, setMenuList);
+    var debounceSetMenuList = (0,shared_namespaceObject.debounce)(300, setMenuList);
     // const selectMenuList = ref<ICommonItem[]>([]);
     var isBindEvent = false;
     var remoteMenuList = (0,external_vue_namespaceObject.ref)([]);
@@ -1635,10 +1635,9 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
       }
     }
     function documentEnterEvent(e) {
-      var _menuList$value2;
       if (!isBindEvent) return;
       e.preventDefault();
-      var item = (_menuList$value2 = menuList.value) === null || _menuList$value2 === void 0 ? void 0 : _menuList$value2.find(function (item) {
+      var item = menuList.value.find(function (item) {
         return item.id === menuHoverId.value;
       });
       item && handleSelectItem(item);
@@ -1670,22 +1669,15 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
       showPopover.value = false;
       emit('focus', isFocus.value);
     }
-    var isOriginFocus = false;
-    function handleInputFocus(event) {
-      if (isOriginFocus) return;
+    function handleInputFocus() {
       showNoSelectValueError.value = false;
       if (props.mode === SearchInputMode.EDIT && usingItem.value && !isFocus.value) {
         var nodeList = Array.from(inputRef.value.querySelectorAll("[data-type=\"".concat(usingItem.value.values.length ? 'value' : usingItem.value.type, "\"]")));
         if (!nodeList.length) return;
-        event === null || event === void 0 || event.preventDefault();
         var range = document.createRange();
         var selection = window.getSelection();
         range.selectNodeContents(nodeList.at(-1));
         selection === null || selection === void 0 || selection.removeAllRanges();
-        isOriginFocus = true;
-        setTimeout(function () {
-          isOriginFocus = false;
-        }, 200);
         selection.addRange(range); // 注意这里会触发focus事件
         setInputFocus(true, false);
         return;
@@ -1730,13 +1722,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
         case 'NumpadEnter':
           if (props.valueBehavior === ValueBehavior.NEED_KEY && menuList.value.some(function (item) {
             return item.id === menuHoverId.value;
-          })) {
-            var _keyword$value;
-            if (!usingItem.value && (_keyword$value = keyword.value) !== null && _keyword$value !== void 0 && _keyword$value.length) {
-              event.preventDefault();
-            }
-            return;
-          }
+          })) return;
           handleKeyEnter(event).then(function (v) {
             return v && clearInput();
           });
@@ -1823,7 +1809,6 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
       var _usingItem$value3;
       // 删除已选择项
       if (!usingItem.value && !keyword.value) {
-        menuHoverId.value = '';
         emit('delete');
         // eslint-disable-next-line @typescript-eslint/no-misused-promises
         setTimeout(setMenuList, 16);
@@ -2055,7 +2040,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
     function _setMenuList() {
       _setMenuList = _asyncToGenerator( /*#__PURE__*/regenerator_default().mark(function _callee5() {
         var _props$data, _usingItem$value$sear, _usingItem$value$valu;
-        var list, _usingItem$value14, _keyword$value3, hoverItem;
+        var list, _usingItem$value14, _keyword$value2, hoverItem;
         return regenerator_default().wrap(function _callee5$(_context5) {
           while (1) switch (_context5.prev = _context5.next) {
             case 0:
@@ -2076,7 +2061,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
               break;
             case 9:
               if (!(usingItem !== null && usingItem !== void 0 && usingItem.value)) {
-                if (!((_keyword$value3 = keyword.value) !== null && _keyword$value3 !== void 0 && _keyword$value3.length)) {
+                if (!((_keyword$value2 = keyword.value) !== null && _keyword$value2 !== void 0 && _keyword$value2.length)) {
                   list = props.data.filter(function (item) {
                     return !item.isSelected;
                   }).slice();
@@ -2254,7 +2239,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
       isFocus.value = true;
       showPopover.value = true;
       showNoSelectValueError.value = false;
-      !props.getMenuList && needCursorToEnd && (0,external_vue_namespaceObject.nextTick)(setCursorToEnd);
+      needCursorToEnd && (0,external_vue_namespaceObject.nextTick)(setCursorToEnd);
       emit('focus', isFocus.value);
     }
     function setSelectedItem(item) {
@@ -2293,8 +2278,8 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
       return undefined;
     }
     function deleteInputTextNode() {
-      var _keyword$value2;
-      if ((_keyword$value2 = keyword.value) !== null && _keyword$value2 !== void 0 && _keyword$value2.length) {
+      var _keyword$value;
+      if ((_keyword$value = keyword.value) !== null && _keyword$value !== void 0 && _keyword$value.length) {
         keyword.value = '';
         var nodes = Array.from(inputRef.value.childNodes);
         nodes.forEach(function (node) {
@@ -2348,19 +2333,13 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
         return v && clearInput();
       });
     }
-    function refleshMenuHover() {
-      if (!usingItem.value) {
-        menuHoverId.value = '';
-      }
-    }
     // expose
     expose({
       inputFocusForWrapper: inputFocusForWrapper,
       inputEnterForWrapper: inputEnterForWrapper,
       inputClearForWrapper: inputClearForWrapper,
       handleInputFocus: handleInputFocus,
-      isFocus: isFocus,
-      refleshMenuHover: refleshMenuHover
+      isFocus: isFocus
     });
     return {
       popoverRef: popoverRef,
@@ -2391,7 +2370,6 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
       inputClearForWrapper: inputClearForWrapper,
       deleteInputTextNode: deleteInputTextNode,
       customPanelSubmit: customPanelSubmit,
-      refleshMenuHover: refleshMenuHover,
       t: t
     };
   },
@@ -2950,7 +2928,6 @@ var SearchSelectProps = {
       var list = selectedList.value.slice();
       list.splice(typeof index === 'number' ? index : selectedList.value.length - 1, 1);
       onValidate('');
-      inputRef.value.refleshMenuHover();
       emit('update:modelValue', list.map(function (item) {
         return item.toValue();
       }));

package/lib/search-select/input.d.ts

@@ -53,7 +53,7 @@ declare const _default: import("vue").DefineComponent<{
     };
     documentArrowEvent: (e: KeyboardEvent) => void;
     handleClickOutside: (e: MouseEvent) => void;
-    handleInputFocus: (event?: FocusEvent) => void;
+    handleInputFocus: () => void;
     handleInputChange: (event: Event) => void;
     handleInputPaste: (event: ClipboardEvent) => void;
     handleLogicalChange: (logical: SearchLogical) => void;
@@ -67,7 +67,6 @@ declare const _default: import("vue").DefineComponent<{
     inputClearForWrapper: () => void;
     deleteInputTextNode: () => void;
     customPanelSubmit: (value: string) => void;
-    refleshMenuHover: () => void;
     t: import("vue").ComputedRef<{
         pleaseSelect: string;
         loading: string;

package/lib/search-select/search-select.d.ts

@@ -127,7 +127,7 @@ declare const _default: import("vue").DefineComponent<{
         };
         documentArrowEvent: (e: KeyboardEvent) => void;
         handleClickOutside: (e: MouseEvent) => void;
-        handleInputFocus: (event?: FocusEvent) => void;
+        handleInputFocus: () => void;
         handleInputChange: (event: Event) => void;
         handleInputPaste: (event: ClipboardEvent) => void;
         handleLogicalChange: (logical: SearchLogical) => void;
@@ -141,7 +141,6 @@ declare const _default: import("vue").DefineComponent<{
         inputClearForWrapper: () => void;
         deleteInputTextNode: () => void;
         customPanelSubmit: (value: string) => void;
-        refleshMenuHover: () => void;
         t: import("vue").ComputedRef<{
             pleaseSelect: string;
             loading: string;
@@ -250,7 +249,7 @@ declare const _default: import("vue").DefineComponent<{
         };
         documentArrowEvent: (e: KeyboardEvent) => void;
         handleClickOutside: (e: MouseEvent) => void;
-        handleInputFocus: (event?: FocusEvent) => void;
+        handleInputFocus: () => void;
         handleInputChange: (event: Event) => void;
         handleInputPaste: (event: ClipboardEvent) => void;
         handleLogicalChange: (logical: SearchLogical) => void;
@@ -264,7 +263,6 @@ declare const _default: import("vue").DefineComponent<{
         inputClearForWrapper: () => void;
         deleteInputTextNode: () => void;
         customPanelSubmit: (value: string) => void;
-        refleshMenuHover: () => void;
         t: import("vue").ComputedRef<{
             pleaseSelect: string;
             loading: string;

package/lib/search-select/selected.d.ts

@@ -79,7 +79,7 @@ declare const _default: import("vue").DefineComponent<{
         };
         documentArrowEvent: (e: KeyboardEvent) => void;
         handleClickOutside: (e: MouseEvent) => void;
-        handleInputFocus: (event?: FocusEvent) => void;
+        handleInputFocus: () => void;
         handleInputChange: (event: Event) => void;
         handleInputPaste: (event: ClipboardEvent) => void;
         handleLogicalChange: (logical: SearchLogical) => void;
@@ -93,7 +93,6 @@ declare const _default: import("vue").DefineComponent<{
         inputClearForWrapper: () => void;
         deleteInputTextNode: () => void;
         customPanelSubmit: (value: string) => void;
-        refleshMenuHover: () => void;
         t: import("vue").ComputedRef<{
             pleaseSelect: string;
             loading: string;
@@ -202,7 +201,7 @@ declare const _default: import("vue").DefineComponent<{
         };
         documentArrowEvent: (e: KeyboardEvent) => void;
         handleClickOutside: (e: MouseEvent) => void;
-        handleInputFocus: (event?: FocusEvent) => void;
+        handleInputFocus: () => void;
         handleInputChange: (event: Event) => void;
         handleInputPaste: (event: ClipboardEvent) => void;
         handleLogicalChange: (logical: SearchLogical) => void;
@@ -216,7 +215,6 @@ declare const _default: import("vue").DefineComponent<{
         inputClearForWrapper: () => void;
         deleteInputTextNode: () => void;
         customPanelSubmit: (value: string) => void;
-        refleshMenuHover: () => void;
         t: import("vue").ComputedRef<{
             pleaseSelect: string;
             loading: string;

package/lib/table/components/table-column.d.ts

@@ -79,9 +79,7 @@ declare const _default: import("vue").DefineComponent<{
     } & {
         default: number;
     };
-}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-    [key: string]: any;
-}>[], unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+}, () => void, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
     label: import("vue-types").VueTypeDef<import("../props").LabelFunctionString>;
     field: import("vue-types").VueTypeDef<import("../props").LabelFunctionString>;
     render: import("vue-types").VueTypeDef<import("../props").RenderFunctionString>;

package/lib/table/index.d.ts

@@ -181,6 +181,7 @@ declare const BkTable: {
         fixedBottom: import("vue-types").VueTypeDef<import("./props").FixedBottomOption> & {
             default: () => import("./props").FixedBottomOption;
         };
+        appendLastRow: import("vue-types").VueTypeDef<import("./props").AppendLastRowOption>;
     }>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, (...args: any[]) => boolean>, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<ExtractPropTypes<{
         data: import("vue-types").VueTypeDef<any[]> & {
             default: () => any[];
@@ -358,6 +359,7 @@ declare const BkTable: {
         fixedBottom: import("vue-types").VueTypeDef<import("./props").FixedBottomOption> & {
             default: () => import("./props").FixedBottomOption;
         };
+        appendLastRow: import("vue-types").VueTypeDef<import("./props").AppendLastRowOption>;
     }>>, {
         data: any[];
         thead: import("./props").Thead;
@@ -589,6 +591,7 @@ declare const BkTable: {
         fixedBottom: import("vue-types").VueTypeDef<import("./props").FixedBottomOption> & {
             default: () => import("./props").FixedBottomOption;
         };
+        appendLastRow: import("vue-types").VueTypeDef<import("./props").AppendLastRowOption>;
     }>>, () => JSX.Element, {}, {}, {}, {
         data: any[];
         thead: import("./props").Thead;
@@ -817,6 +820,7 @@ declare const BkTable: {
     fixedBottom: import("vue-types").VueTypeDef<import("./props").FixedBottomOption> & {
         default: () => import("./props").FixedBottomOption;
     };
+    appendLastRow: import("vue-types").VueTypeDef<import("./props").AppendLastRowOption>;
 }>>, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, (...args: any[]) => boolean>, string, {
     data: any[];
     thead: import("./props").Thead;
@@ -904,9 +908,7 @@ declare const BkTable: {
         } & {
             default: number;
         };
-    }, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-        [key: string]: any;
-    }>[], unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
+    }, () => void, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<ExtractPropTypes<{
         label: import("vue-types").VueTypeDef<import("./props").LabelFunctionString>;
         field: import("vue-types").VueTypeDef<import("./props").LabelFunctionString>;
         render: import("vue-types").VueTypeDef<import("./props").RenderFunctionString>;

package/lib/table/index.js

@@ -17320,6 +17320,10 @@ __webpack_require__.d(__webpack_exports__, {
 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, ["RenderType"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.RenderType, ["classes"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.classes, ["hasOverflowEllipsis"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.hasOverflowEllipsis, ["isElement"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.isElement, ["throttle"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.throttle, ["withInstallProps"]: () => __WEBPACK_EXTERNAL_MODULE_bkui_vue_lib_shared_edbdfb03__.withInstallProps });
+;// CONCATENATED MODULE: ../../node_modules/@babel/runtime/helpers/esm/objectDestructuringEmpty.js
+function _objectDestructuringEmpty(obj) {
+  if (obj == null) throw new TypeError("Cannot destructure " + obj);
+}
 ;// CONCATENATED MODULE: external "vue"
 var external_vue_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
 var external_vue_y = x => () => x
@@ -17926,9 +17930,19 @@ var tableProps = {
       position: 'relative',
       height: LINE_HEIGHT
     }
-  }).def(null)
+  }).def(null),
+  /**
+   * 表格尾部追加的行配置
+   */
+  appendLastRow: (0,external_vue_types_namespaceObject.toType)('AppendLastRowOption', {
+    "default": {
+      type: 'default',
+      cellRender: undefined
+    }
+  })
 };
 ;// CONCATENATED MODULE: ../../packages/table/src/components/table-column.tsx
+
 /*
  * Tencent is pleased to support the open source community by making
  * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) available.
@@ -17983,7 +17997,7 @@ var TableColumnProp = {
   name: 'TableColumn',
   props: TableColumnProp,
   setup: function setup(props, _ref) {
-    var slots = _ref.slots;
+    _objectDestructuringEmpty(_ref);
     var initTableColumns = (0,external_vue_namespaceObject.inject)(PROVIDE_KEY_INIT_COL, function () {});
     var lastPropsVal = {};
     (0,external_vue_namespaceObject.watch)(function () {
@@ -18000,12 +18014,7 @@ var TableColumnProp = {
     (0,external_vue_namespaceObject.onUnmounted)(function () {
       initTableColumns();
     });
-    return function () {
-      var _slots$default;
-      return (_slots$default = slots["default"]) === null || _slots$default === void 0 ? void 0 : _slots$default.call(slots, {
-        row: {}
-      });
-    };
+    return function () {};
   }
 }));
 ;// CONCATENATED MODULE: ../../packages/table/src/events.ts
@@ -18187,6 +18196,9 @@ var CELL_EVENT_TYPES = defineProperty_defineProperty(defineProperty_defineProper
     handleMouseoutDragSection(target);
     dragColumn = null;
   };
+  var throttleUpdateDragOffsetX = (0,lodash.throttle)(function (diff) {
+    dragOffsetX.value = dragOffsetX.value + diff;
+  });
   var handleMouseDragMove = function handleMouseDragMove(e) {
     stopDefaultEvent(e);
     document.body.style.setProperty('user-select', 'none');
@@ -18196,7 +18208,7 @@ var CELL_EVENT_TYPES = defineProperty_defineProperty(defineProperty_defineProper
     var resolveWidth = getColumnOrderWidth(dragColumn, ORDER_LIST) + diff;
     var minWidth = getColumnOrderWidth(dragColumn, [COLUMN_ATTRIBUTE.COL_MIN_WIDTH]);
     if (minWidth < resolveWidth) {
-      dragOffsetX.value = dragOffsetX.value + diff;
+      throttleUpdateDragOffsetX(diff);
     }
   };
   var setNodeCursor = function () {
@@ -21224,7 +21236,7 @@ function use_layout_objectSpread(e) { for (var r = 1; r < arguments.length; r++)
   };
   var setRootStyleVars = (0,shared_namespaceObject.throttle)(function () {
     var _refRoot$value3, _refRoot$value4, _refRoot$value5, _refRoot$value6, _refRoot$value7;
-    (_refRoot$value3 = refRoot.value) === null || _refRoot$value3 === void 0 || (_refRoot$value3 = _refRoot$value3.style) === null || _refRoot$value3 === void 0 || _refRoot$value3.setProperty('--drag-offset-x', "".concat(dragOffsetX.value, "px"));
+    (_refRoot$value3 = refRoot.value) === null || _refRoot$value3 === void 0 || (_refRoot$value3 = _refRoot$value3.style) === null || _refRoot$value3 === void 0 || _refRoot$value3.setProperty('--drag-offset-x', "".concat(dragOffsetX.value + translateX.value, "px"));
     (_refRoot$value4 = refRoot.value) === null || _refRoot$value4 === void 0 || (_refRoot$value4 = _refRoot$value4.style) === null || _refRoot$value4 === void 0 || _refRoot$value4.setProperty('--drag-offset-h-x', "".concat(dragOffsetX.value - 2, "px"));
     (_refRoot$value5 = refRoot.value) === null || _refRoot$value5 === void 0 || (_refRoot$value5 = _refRoot$value5.style) === null || _refRoot$value5 === void 0 || _refRoot$value5.setProperty('--translate-y', "".concat(translateY.value, "px"));
     (_refRoot$value6 = refRoot.value) === null || _refRoot$value6 === void 0 || (_refRoot$value6 = _refRoot$value6.style) === null || _refRoot$value6 === void 0 || _refRoot$value6.setProperty('--translate-x', "".concat(translateX.value, "px"));
@@ -23245,17 +23257,44 @@ function use_render_isSlot(s) {
   };
   /** **************************************** Rows Render ******************************* **/
   var renderAppendLastRow = function renderAppendLastRow() {
-    if (ctx.slots.appendLastRow) {
-      var rowId = 'append-last-row';
+    var rowId = 'append-last-row';
+    var rowStyle = [].concat(_toConsumableArray(formatPropAsArray(props.rowStyle, [])), [{
+      '--row-height': "".concat(getRowHeight(null, null), "px")
+    }]);
+    if (props.appendLastRow.type === 'default') {
+      if (ctx.slots.appendLastRow) {
+        var _props$appendLastRow$, _props$appendLastRow$2, _props$appendLastRow;
+        return (0,external_vue_namespaceObject.createVNode)(table_row, {
+          "key": rowId
+        }, {
+          "default": function _default() {
+            return [(0,external_vue_namespaceObject.createVNode)("tr", {
+              "key": rowId,
+              "style": rowStyle
+            }, [(0,external_vue_namespaceObject.createVNode)("td", {
+              "colspan": columns.visibleColumns.length
+            }, [(_props$appendLastRow$ = (_props$appendLastRow$2 = (_props$appendLastRow = props.appendLastRow).cellRender) === null || _props$appendLastRow$2 === void 0 ? void 0 : _props$appendLastRow$2.call(_props$appendLastRow, null, null)) !== null && _props$appendLastRow$ !== void 0 ? _props$appendLastRow$ : ctx.slots.appendLastRow()])])];
+          }
+        });
+      }
+      return;
+    }
+    if (props.appendLastRow.type === 'summary') {
       return (0,external_vue_namespaceObject.createVNode)(table_row, {
         "key": rowId
       }, {
         "default": function _default() {
           return [(0,external_vue_namespaceObject.createVNode)("tr", {
-            "key": rowId
-          }, [(0,external_vue_namespaceObject.createVNode)("td", {
-            "colspan": columns.visibleColumns.length
-          }, [ctx.slots.appendLastRow()])])];
+            "key": rowId,
+            "style": rowStyle
+          }, [columns.visibleColumns.map(function (column, index) {
+            var _ref2, _props$appendLastRow$3, _props$appendLastRow$4, _props$appendLastRow2;
+            return (0,external_vue_namespaceObject.createVNode)("td", null, [(0,external_vue_namespaceObject.createVNode)(table_cell, null, {
+              "default": function _default() {
+                return [(_ref2 = (_props$appendLastRow$3 = (_props$appendLastRow$4 = (_props$appendLastRow2 = props.appendLastRow).cellRender) === null || _props$appendLastRow$4 === void 0 ? void 0 : _props$appendLastRow$4.call(_props$appendLastRow2, column, index)) !== null && _props$appendLastRow$3 !== void 0 ? _props$appendLastRow$3 : column.field) !== null && _ref2 !== void 0 ? _ref2 : column.prop];
+              }
+            })]);
+          })])];
         }
       });
     }
@@ -23354,9 +23393,9 @@ function use_render_isSlot(s) {
         skipRow: false
       });
     }
-    var _ref2 = (_store$get$get = (_store$get = store.get(preRow)) === null || _store$get === void 0 ? void 0 : _store$get.get(col)) !== null && _store$get$get !== void 0 ? _store$get$get : {},
-      _ref2$skipRowLen = _ref2.skipRowLen,
-      skipRowLen = _ref2$skipRowLen === void 0 ? 0 : _ref2$skipRowLen;
+    var _ref3 = (_store$get$get = (_store$get = store.get(preRow)) === null || _store$get === void 0 ? void 0 : _store$get.get(col)) !== null && _store$get$get !== void 0 ? _store$get$get : {},
+      _ref3$skipRowLen = _ref3.skipRowLen,
+      skipRowLen = _ref3$skipRowLen === void 0 ? 0 : _ref3$skipRowLen;
     var skipRow = false;
     var rowspan = resolveColumnSpan(col, null, row, rowIndex, 'rowspan');
     if (skipRowLen > 1) {
@@ -23414,10 +23453,10 @@ function use_render_isSlot(s) {
             rowspan = _resolveCellSpan.rowspan;
           var _columns$getColumnAtt = columns.getColumnAttribute(column, COLUMN_ATTRIBUTE.COL_SPAN),
             skipCol = _columns$getColumnAtt.skipCol;
-          var _ref3 = needRowSpan && !isChild ? getRowSpanConfig(row, rowIndex, preRow, column, rowSpanMap) : {
+          var _ref4 = needRowSpan && !isChild ? getRowSpanConfig(row, rowIndex, preRow, column, rowSpanMap) : {
               skipRow: false
             },
-            skipRow = _ref3.skipRow;
+            skipRow = _ref4.skipRow;
           var tdCtxClass = {
             'expand-cell': column.type === 'expand'
           };

package/lib/table/props.d.ts

@@ -250,6 +250,10 @@ export type FixedBottomOption = {
     height: number;
     loading?: boolean;
 };
+export type AppendLastRowOption = {
+    type: 'default' | 'summary';
+    cellRender?: (column: Column, index: number) => VNode | number | string;
+};
 export declare const tableProps: {
     /**
      * 渲染列表
@@ -619,5 +623,9 @@ export declare const tableProps: {
     fixedBottom: import("vue-types").VueTypeDef<FixedBottomOption> & {
         default: () => FixedBottomOption;
     };
+    /**
+     * 表格尾部追加的行配置
+     */
+    appendLastRow: import("vue-types").VueTypeDef<AppendLastRowOption>;
 };
 export {};

package/lib/table/table.css

@@ -1540,7 +1540,7 @@
   z-index: 1;
   width: 6px;
   background-color: #3785ff;
-  transform: translate(var(--drag-offset-h-x), 0);
+  transform: translate3d(var(--drag-offset-h-x), 0, 0);
   pointer-events: none;
 }
 .bk-table .bk-table-head .bk-table-fixed {

package/lib/table/table.d.ts

@@ -175,6 +175,7 @@ declare const _default: import("vue").DefineComponent<{
     fixedBottom: import("vue-types").VueTypeDef<import("./props").FixedBottomOption> & {
         default: () => import("./props").FixedBottomOption;
     };
+    appendLastRow: import("vue-types").VueTypeDef<import("./props").AppendLastRowOption>;
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, (...args: any[]) => boolean>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     data: import("vue-types").VueTypeDef<any[]> & {
         default: () => any[];
@@ -352,6 +353,7 @@ declare const _default: import("vue").DefineComponent<{
     fixedBottom: import("vue-types").VueTypeDef<import("./props").FixedBottomOption> & {
         default: () => import("./props").FixedBottomOption;
     };
+    appendLastRow: import("vue-types").VueTypeDef<import("./props").AppendLastRowOption>;
 }>>, {
     data: any[];
     thead: import("./props").Thead;

package/lib/table/table.less

@@ -351,7 +351,7 @@
       z-index: 1;
       width: 6px;
       background-color: #3785ff;
-      transform: translate(var(--drag-offset-h-x), 0);
+      transform: translate3d(var(--drag-offset-h-x), 0, 0);
       pointer-events: none;
     }
 

package/lib/table/table.variable.css

@@ -1930,7 +1930,7 @@
   z-index: 1;
   width: 6px;
   background-color: #3785ff;
-  transform: translate(var(--drag-offset-h-x), 0);
+  transform: translate3d(var(--drag-offset-h-x), 0, 0);
   pointer-events: none;
 }
 .bk-table .bk-table-head .bk-table-fixed {

package/lib/table-column/index.d.ts

@@ -38,9 +38,7 @@ declare const BkTableColumn: {
         } & {
             default: number;
         };
-    }>>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-        [key: string]: any;
-    }>[], unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
+    }>>, () => void, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<import("vue").ExtractPropTypes<{
         label: import("vue-types").VueTypeDef<import("../table/props").LabelFunctionString>;
         field: import("vue-types").VueTypeDef<import("../table/props").LabelFunctionString>;
         render: import("vue-types").VueTypeDef<import("../table/props").RenderFunctionString>;
@@ -133,9 +131,7 @@ declare const BkTableColumn: {
         } & {
             default: number;
         };
-    }>>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-        [key: string]: any;
-    }>[], {}, {}, {}, {
+    }>>, () => void, {}, {}, {}, {
         fixed: boolean | "left" | "right";
         resizable: boolean;
         minWidth: string | number;
@@ -186,9 +182,7 @@ declare const BkTableColumn: {
     } & {
         default: number;
     };
-}>>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
-    [key: string]: any;
-}>[], unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
+}>>, () => void, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {
     fixed: boolean | "left" | "right";
     resizable: boolean;
     minWidth: string | number;