bkui-vue 0.0.3-beta.2-7 → 0.0.3-beta.2-9

package/lib/table/index.js

@@ -16,6 +16,7 @@ import * as __WEBPACK_EXTERNAL_MODULE__exception_12c197e0__ from "../exception";
 import * as __WEBPACK_EXTERNAL_MODULE__button_59c00871__ from "../button";
 import * as __WEBPACK_EXTERNAL_MODULE__icon__2ba2075d__ from "../icon/";
 import * as __WEBPACK_EXTERNAL_MODULE__popover_cf5f8dce__ from "../popover";
+import * as __WEBPACK_EXTERNAL_MODULE__input_752b0149__ from "../input";
 /******/ // The require scope
 /******/ var __webpack_require__ = {};
 /******/ 
@@ -111,7 +112,7 @@ function defineProperty_defineProperty(obj, key, value) {
 ;// 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({ ["Fragment"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.Fragment, ["computed"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.computed, ["createTextVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.createTextVNode, ["createVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.createVNode, ["defineComponent"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.defineComponent, ["inject"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.inject, ["isVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.isVNode, ["mergeProps"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.mergeProps, ["nextTick"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.nextTick, ["onBeforeUnmount"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.onBeforeUnmount, ["onMounted"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.onMounted, ["provide"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.provide, ["reactive"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.reactive, ["ref"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.ref, ["resolveComponent"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.resolveComponent, ["toRef"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.toRef, ["toRefs"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.toRefs, ["unref"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.unref, ["watch"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.watch });
+const external_vue_namespaceObject = external_vue_x({ ["Fragment"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.Fragment, ["computed"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.computed, ["createTextVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.createTextVNode, ["createVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.createVNode, ["defineComponent"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.defineComponent, ["inject"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.inject, ["isProxy"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.isProxy, ["isVNode"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.isVNode, ["mergeProps"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.mergeProps, ["nextTick"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.nextTick, ["onBeforeUnmount"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.onBeforeUnmount, ["onMounted"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.onMounted, ["provide"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.provide, ["reactive"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.reactive, ["ref"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.ref, ["toRaw"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.toRaw, ["toRef"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.toRef, ["toRefs"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.toRefs, ["unref"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.unref, ["watch"]: () => __WEBPACK_EXTERNAL_MODULE_vue__.watch });
 ;// CONCATENATED MODULE: ../../packages/table/src/const.ts
 
 /*
@@ -1588,195 +1589,6 @@ function v4(options, buf, offset) {
 }
 
 /* harmony default export */ const esm_browser_v4 = (v4);
-;// CONCATENATED MODULE: ../../packages/table/src/plugins/use-pagination.tsx
-
-
-
-function use_pagination_ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function use_pagination_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? use_pagination_ownKeys(Object(t), !0).forEach(function (r) { defineProperty_defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : use_pagination_ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-/*
- * Tencent is pleased to support the open source community by making
- * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) available.
- *
- * Copyright (C) 2021 THL A29 Limited, a Tencent company.  All rights reserved.
- *
- * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) is licensed under the MIT License.
- *
- * License for 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition):
- *
- * ---------------------------------------------------
- * Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated
- * documentation files (the "Software"), to deal in the Software without restriction, including without limitation
- * the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and
- * to permit persons to whom the Software is furnished to do so, subject to the following conditions:
- *
- * The above copyright notice and this permission notice shall be included in all copies or substantial portions of
- * the Software.
- *
- * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO
- * THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
- * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF
- * CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
- * IN THE SOFTWARE.
- */
-
-
-/**
- * 处理 Prop中的分页配置
- * prop中的配置会覆盖本地的配置
- * @param propPagination 用户传入的配置
- * @param defVal 默认配置
- * @returns 返回值
- */
-var resolvePaginationOption = function resolvePaginationOption(propPagination, defVal) {
-  if (!!propPagination) {
-    if (typeof_typeof(propPagination) === 'object') {
-      var current = Object.prototype.hasOwnProperty.call(propPagination, 'current') ? propPagination.current : propPagination.value;
-      if (!/\d+/.test(current)) {
-        current = 1;
-      }
-      return use_pagination_objectSpread(use_pagination_objectSpread(use_pagination_objectSpread({}, defVal), propPagination), {}, {
-        current: current
-      });
-    }
-    return defVal;
-  }
-  return {};
-};
-/* harmony default export */ const use_pagination = (function (props) {
-  var startIndex = (0,external_vue_namespaceObject.ref)(0);
-  var endIndex = (0,external_vue_namespaceObject.ref)(0);
-  /**
-   * 分页配置
-   * 用于配置分页组件
-   * pagination 为Prop传入配置
-   * 方便兼容内置分页功能，此处需要单独处理count
-   */
-  var propsData = (0,external_vue_namespaceObject.computed)(function () {
-    return props.data;
-  });
-  var localPagination = (0,external_vue_namespaceObject.ref)(null);
-  var indexData = (0,external_vue_namespaceObject.reactive)([]);
-  // 当前分页缓存，用于支持内置前端分页，用户无需接收change事件来自行处理数据分割
-  var pagination = (0,external_vue_namespaceObject.reactive)({
-    count: 0,
-    limit: 10,
-    current: 1,
-    align: 'right',
-    layout: ['total', 'limit', 'list']
-  });
-  var resolveLocalPagination = function resolveLocalPagination() {
-    if (!props.pagination) {
-      return;
-    }
-    localPagination.value = props.remotePagination ? pagination : use_pagination_objectSpread(use_pagination_objectSpread({}, pagination), {}, {
-      count: indexData.length
-    });
-  };
-  /**
-   * 重置当前分页开始位置 & 结束位置
-   * 如果未启用分页，则开始位置为0，结束位置为 data.length
-   * @returns
-   */
-  var resetStartEndIndex = function resetStartEndIndex() {
-    if (!props.pagination || props.remotePagination) {
-      startIndex.value = 0;
-      endIndex.value = indexData.length;
-      return;
-    }
-    // 如果是前端分页
-    startIndex.value = (pagination.current - 1) * pagination.limit;
-    endIndex.value = pagination.current * pagination.limit;
-  };
-  /**
-   * 当前页分页数据
-   */
-  var pageData = (0,external_vue_namespaceObject.reactive)([]);
-  var sort = function sort(sourceData, sortFn, column, type, sortScope) {
-    if (typeof sortFn === 'function') {
-      sourceData.sort(function (a, b) {
-        return sortFn(a, b, type, column, sortScope);
-      });
-    }
-  };
-  /**
-   * 初始化排序动作
-   * @param data
-   * @param sortColumns
-   */
-  var multiSort = function multiSort(data, sortColumns) {
-    sortColumns.forEach(function (item) {
-      sort(data, item.schema[COLUMN_ATTRIBUTE.COL_SORT_FN], item.column, item.schema[COLUMN_ATTRIBUTE.COL_SORT_TYPE], item.schema[COLUMN_ATTRIBUTE.COL_SORT_SCOPE]);
-    });
-  };
-  var filter = function filter(sourceData, filterFn) {
-    if (typeof filterFn === 'function') {
-      var filterVals = sourceData.filter(function (row, index) {
-        return filterFn(row, index, indexData);
-      });
-      sourceData.length = 0;
-      sourceData.push.apply(sourceData, _toConsumableArray(filterVals));
-    }
-    return sourceData;
-  };
-  var resolveIndexData = function resolveIndexData() {
-    return new Promise(function (resolve) {
-      (0,external_vue_namespaceObject.nextTick)(function () {
-        var target = propsData.value.slice();
-        indexData.length = 0;
-        indexData.push.apply(indexData, _toConsumableArray(target));
-        resolve();
-      });
-    });
-  };
-  var resolvePageData = function resolvePageData(filterFn, sortFn, column, type, sortScope, multiCol) {
-    var sourceData = indexData.slice();
-    if (multiCol !== null && multiCol !== void 0 && multiCol.length) {
-      multiSort(sourceData, multiCol);
-    }
-    pageData.length = 0;
-    pageData.push.apply(pageData, _toConsumableArray(sourceData.slice(startIndex.value, endIndex.value)));
-    filter(pageData, filterFn);
-    sort(pageData, sortFn, column, type, sortScope);
-    resolveLocalPagination();
-  };
-  var resolvePageDataBySortList = function resolvePageDataBySortList(multiCol) {
-    resolvePageData(null, null, null, null, null, multiCol);
-  };
-  var multiFilter = function multiFilter(filterFnList) {
-    var sourceData = indexData.slice();
-    var target = filterFnList.reduce(function (result, fn) {
-      return filter(result, fn);
-    }, sourceData);
-    pageData.length = 0;
-    pageData.push.apply(pageData, _toConsumableArray(target));
-  };
-  var handlePaginationChange = function handlePaginationChange() {
-    pagination = resolvePaginationOption(props.pagination, pagination);
-    resolveLocalPagination();
-    resetStartEndIndex();
-    resolvePageData();
-  };
-  handlePaginationChange();
-  (0,external_vue_namespaceObject.watch)(function () {
-    return [props.pagination];
-  }, function () {
-    handlePaginationChange();
-  }, {
-    deep: true
-  });
-  return {
-    pageData: pageData,
-    indexData: indexData,
-    localPagination: localPagination,
-    resolvePageData: resolvePageData,
-    resolveIndexData: resolveIndexData,
-    resolvePageDataBySortList: resolvePageDataBySortList,
-    resetStartEndIndex: resetStartEndIndex,
-    multiFilter: multiFilter,
-    sort: sort
-  };
-});
 ;// CONCATENATED MODULE: external "lodash/debounce"
 var debounce_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
 var debounce_y = x => () => x
@@ -2753,6 +2565,7 @@ function utils_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { va
 
 
 
+
 /**
  * 解析Prop值 | 可能为多种类型 & 函数返回的场景
  * @param prop 当前Prop
@@ -2933,6 +2746,10 @@ var resolveHeadConfig = function resolveHeadConfig(props) {
     height: headHeight
   }, thead);
 };
+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);
+};
 /**
  * 获取当前行指定列的内容
  * @param row 当前行
@@ -2946,11 +2763,9 @@ var getRowText = function getRowText(row, key, format) {
   if (typeof row === 'string' || typeof row === 'number' || typeof row === 'boolean') {
     result = row;
   }
-  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);
-  };
-  result = (0,get_namespaceObject["default"])(row, key);
+  if (typeof_typeof(row) === 'object') {
+    result = (0,get_namespaceObject["default"])(row, key);
+  }
   if (format !== null && format !== void 0 && format.length) {
     format.forEach(function (reg) {
       if (typeof reg === 'function') {
@@ -3203,6 +3018,202 @@ var resolveColumnSortProp = function resolveColumnSortProp(col, props) {
     active: !!col.sort
   };
 };
+var getRawData = function getRawData(data) {
+  if ((0,external_vue_namespaceObject.isProxy)(data)) {
+    return (0,external_vue_namespaceObject.toRaw)(data);
+  }
+  return data;
+};
+;// CONCATENATED MODULE: ../../packages/table/src/plugins/use-pagination.tsx
+
+
+
+function use_pagination_ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function use_pagination_objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? use_pagination_ownKeys(Object(t), !0).forEach(function (r) { defineProperty_defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : use_pagination_ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+/*
+ * Tencent is pleased to support the open source community by making
+ * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) available.
+ *
+ * Copyright (C) 2021 THL A29 Limited, a Tencent company.  All rights reserved.
+ *
+ * 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition) is licensed under the MIT License.
+ *
+ * License for 蓝鲸智云PaaS平台社区版 (BlueKing PaaS Community Edition):
+ *
+ * ---------------------------------------------------
+ * Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated
+ * documentation files (the "Software"), to deal in the Software without restriction, including without limitation
+ * the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and
+ * to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in all copies or substantial portions of
+ * the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO
+ * THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF
+ * CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS
+ * IN THE SOFTWARE.
+ */
+
+
+
+/**
+ * 处理 Prop中的分页配置
+ * prop中的配置会覆盖本地的配置
+ * @param propPagination 用户传入的配置
+ * @param defVal 默认配置
+ * @returns 返回值
+ */
+var resolvePaginationOption = function resolvePaginationOption(propPagination, defVal) {
+  if (!!propPagination) {
+    if (typeof_typeof(propPagination) === 'object') {
+      var current = Object.prototype.hasOwnProperty.call(propPagination, 'current') ? propPagination.current : propPagination.value;
+      if (!/\d+/.test(current)) {
+        current = 1;
+      }
+      return use_pagination_objectSpread(use_pagination_objectSpread(use_pagination_objectSpread({}, defVal), propPagination), {}, {
+        current: current
+      });
+    }
+    return defVal;
+  }
+  return {};
+};
+/* harmony default export */ const use_pagination = (function (props) {
+  var startIndex = (0,external_vue_namespaceObject.ref)(0);
+  var endIndex = (0,external_vue_namespaceObject.ref)(0);
+  /**
+   * 分页配置
+   * 用于配置分页组件
+   * pagination 为Prop传入配置
+   * 方便兼容内置分页功能，此处需要单独处理count
+   */
+  var propsData = (0,external_vue_namespaceObject.computed)(function () {
+    return props.data;
+  });
+  var localPagination = (0,external_vue_namespaceObject.ref)(null);
+  var indexData = (0,external_vue_namespaceObject.reactive)([]);
+  // 当前分页缓存，用于支持内置前端分页，用户无需接收change事件来自行处理数据分割
+  var pagination = (0,external_vue_namespaceObject.reactive)({
+    count: 0,
+    limit: 10,
+    current: 1,
+    align: 'right',
+    layout: ['total', 'limit', 'list']
+  });
+  var resolveLocalPagination = function resolveLocalPagination() {
+    if (!props.pagination) {
+      return;
+    }
+    localPagination.value = props.remotePagination ? pagination : use_pagination_objectSpread(use_pagination_objectSpread({}, pagination), {}, {
+      count: indexData.length
+    });
+  };
+  /**
+   * 重置当前分页开始位置 & 结束位置
+   * 如果未启用分页，则开始位置为0，结束位置为 data.length
+   * @returns
+   */
+  var resetStartEndIndex = function resetStartEndIndex() {
+    if (!props.pagination || props.remotePagination) {
+      startIndex.value = 0;
+      endIndex.value = indexData.length;
+      return;
+    }
+    // 如果是前端分页
+    startIndex.value = (pagination.current - 1) * pagination.limit;
+    endIndex.value = pagination.current * pagination.limit;
+  };
+  /**
+   * 当前页分页数据
+   */
+  var pageData = (0,external_vue_namespaceObject.reactive)([]);
+  var sort = function sort(sourceData, sortFn, column, type, sortScope) {
+    if (typeof sortFn === 'function') {
+      sourceData.sort(function (a, b) {
+        return sortFn(a, b, type, column, sortScope);
+      });
+    }
+  };
+  /**
+   * 初始化排序动作
+   * @param data
+   * @param sortColumns
+   */
+  var multiSort = function multiSort(data, sortColumns) {
+    sortColumns.forEach(function (item) {
+      sort(data, item.schema[COLUMN_ATTRIBUTE.COL_SORT_FN], item.column, item.schema[COLUMN_ATTRIBUTE.COL_SORT_TYPE], item.schema[COLUMN_ATTRIBUTE.COL_SORT_SCOPE]);
+    });
+  };
+  var filter = function filter(sourceData, filterFn) {
+    if (typeof filterFn === 'function') {
+      var filterVals = sourceData.filter(function (row, index) {
+        return filterFn(row, index, indexData);
+      });
+      sourceData.length = 0;
+      sourceData.push.apply(sourceData, _toConsumableArray(filterVals));
+    }
+    return sourceData;
+  };
+  var resolveIndexData = function resolveIndexData() {
+    return new Promise(function (resolve) {
+      (0,external_vue_namespaceObject.nextTick)(function () {
+        var target = propsData.value.slice();
+        indexData.length = 0;
+        indexData.push.apply(indexData, _toConsumableArray(getRawData(target)));
+        resolve();
+      });
+    });
+  };
+  var resolvePageData = function resolvePageData(filterFn, sortFn, column, type, sortScope, multiCol) {
+    var sourceData = indexData.slice();
+    if (multiCol !== null && multiCol !== void 0 && multiCol.length) {
+      multiSort(sourceData, multiCol);
+    }
+    pageData.length = 0;
+    pageData.push.apply(pageData, _toConsumableArray(sourceData.slice(startIndex.value, endIndex.value)));
+    filter(pageData, filterFn);
+    sort(pageData, sortFn, column, type, sortScope);
+    resolveLocalPagination();
+  };
+  var resolvePageDataBySortList = function resolvePageDataBySortList(multiCol) {
+    resolvePageData(null, null, null, null, null, multiCol);
+  };
+  var multiFilter = function multiFilter(filterFnList) {
+    var sourceData = indexData.slice();
+    var target = filterFnList.reduce(function (result, fn) {
+      return filter(result, fn);
+    }, sourceData);
+    pageData.length = 0;
+    pageData.push.apply(pageData, _toConsumableArray(getRawData(target)));
+  };
+  var handlePaginationChange = function handlePaginationChange() {
+    pagination = resolvePaginationOption(props.pagination, pagination);
+    resolveLocalPagination();
+    resetStartEndIndex();
+    resolvePageData();
+  };
+  handlePaginationChange();
+  (0,external_vue_namespaceObject.watch)(function () {
+    return [props.pagination];
+  }, function () {
+    handlePaginationChange();
+  }, {
+    deep: true
+  });
+  return {
+    pageData: pageData,
+    indexData: indexData,
+    localPagination: localPagination,
+    resolvePageData: resolvePageData,
+    resolveIndexData: resolveIndexData,
+    resolvePageDataBySortList: resolvePageDataBySortList,
+    resetStartEndIndex: resetStartEndIndex,
+    multiFilter: multiFilter,
+    sort: sort
+  };
+});
 ;// CONCATENATED MODULE: ../../packages/table/src/use-attributes.ts
 
 
@@ -3590,7 +3601,7 @@ function use_attributes_objectSpread(e) { for (var r = 1; r < arguments.length;
         if (typeof item === 'string') {
           return getRowValue(row, item) === item;
         }
-        return item === row;
+        return getRawData(item) === getRawData(row);
       });
     }
     return false;
@@ -3616,7 +3627,8 @@ function use_attributes_objectSpread(e) { for (var r = 1; r < arguments.length;
     (_formatData$data = formatData.data).push.apply(_formatData$data, _toConsumableArray(data));
     var hasSelectedRow = false;
     var hasUnSelectedRow = false;
-    (data || []).forEach(function (row, index) {
+    (data || []).forEach(function (item, index) {
+      var row = getRawData(item);
       var rowId = getRowId(row, esm_browser_v4(), props);
       var isSelected = isRowSelected(row);
       if (isSelected) {
@@ -3657,7 +3669,8 @@ function use_attributes_objectSpread(e) { for (var r = 1; r < arguments.length;
    * @param attrName
    * @param attrValue
    */
-  var setRowAttribute = function setRowAttribute(row, attrName, attrValue) {
+  var setRowAttribute = function setRowAttribute(item, attrName, attrValue) {
+    var row = getRawData(item);
     var target = formatData.dataSchema.get(row);
     if (target && Object.prototype.hasOwnProperty.call(target, attrName)) {
       target[attrName] = attrValue;
@@ -3698,8 +3711,9 @@ function use_attributes_objectSpread(e) { for (var r = 1; r < arguments.length;
   var setRowExpand = function setRowExpand(row, isExpand) {
     setRowAttribute(row, TABLE_ROW_ATTRIBUTE.ROW_EXPAND, isExpand);
   };
-  var getRowAttribute = function getRowAttribute(row, attrName) {
+  var getRowAttribute = function getRowAttribute(item, attrName) {
     var _formatData$dataSchem6;
+    var row = getRawData(item);
     return (_formatData$dataSchem6 = formatData.dataSchema.get(row)) === null || _formatData$dataSchem6 === void 0 ? void 0 : _formatData$dataSchem6[attrName];
   };
   var toggleRowSelection = function toggleRowSelection(row) {
@@ -4990,6 +5004,30 @@ function _isSlot(s) {
   if (!props.rowDraggable) {
     return {};
   }
+  var placeDiv = document.createElement('div');
+  placeDiv.style.setProperty('height', '20px');
+  placeDiv.style.setProperty('width', '100%');
+  placeDiv.style.setProperty('background', '#E2EDFF');
+  placeDiv.style.setProperty('cursor', 'move');
+  ['dragenter', 'dragover'].forEach(function (type) {
+    placeDiv.addEventListener(type, function (event) {
+      event.preventDefault();
+      event.stopPropagation();
+      event.dataTransfer.dropEffect = 'move';
+    });
+  });
+  var lastDragRow = null;
+  var insertPlaceDiv = function insertPlaceDiv(target, placement) {
+    if (placement === '--top') {
+      target.parentNode.insertBefore(placeDiv, target);
+      return;
+    }
+    if (target.nextElementSibling === null) {
+      target.parentNode.appendChild(placeDiv);
+      return;
+    }
+    target.parentNode.insertBefore(placeDiv, target.nextElementSibling);
+  };
   var beforeEventFire = function beforeEventFire(fn) {
     if (props.rowDraggable) {
       fn === null || fn === void 0 || fn();
@@ -5003,9 +5041,10 @@ function _isSlot(s) {
     var _target$getBoundingCl = target.getBoundingClientRect(),
       top = _target$getBoundingCl.top,
       bottom = _target$getBoundingCl.bottom;
-    var position = y - top > bottom - y ? '--bottom' : '--top';
+    var placement = y - top > bottom - y ? '--bottom' : '--top';
     removeDragClass(target);
-    target.classList.add(position);
+    target.classList.add(placement);
+    insertPlaceDiv(target, placement);
   };
   var removeDragClass = function removeDragClass(target) {
     var classList = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : ['--bottom', '--top'];
@@ -5016,19 +5055,25 @@ function _isSlot(s) {
   var onDragstart = function onDragstart(event) {
     beforeEventFire(function () {
       var target = getTargetRow(event);
+      placeDiv.style.setProperty('height', "".concat(target.offsetHeight, "px"));
+      placeDiv.style.setProperty('width', "".concat(target.offsetWidth, "px"));
       target.classList.add('--drag-start');
+      event.dataTransfer.setDragImage(target, 0, 0);
       event.dataTransfer.setData('text/plain', null);
-      event.dataTransfer.dropEffect = 'copy';
+      event.dataTransfer.dropEffect = 'move';
       var rowIndex = event.target.dataset.rowIndex;
       event.dataTransfer.setData('data-row-index', rowIndex);
     });
   };
   var onDragenter = function onDragenter(event) {
+    var target = getTargetRow(event);
+    event.preventDefault();
+    event.stopPropagation();
     beforeEventFire(function () {
       event.dataTransfer.dropEffect = 'move';
-      var target = getTargetRow(event);
       target.classList.add('--drag-enter');
       setTargetRowPlacement(target, event);
+      lastDragRow = target;
     });
   };
   var onDragleave = function onDragleave(event) {
@@ -5039,22 +5084,29 @@ function _isSlot(s) {
   };
   var onDragover = function onDragover(event) {
     event.preventDefault();
+    event.stopPropagation();
     event.dataTransfer.dropEffect = 'move';
     var target = getTargetRow(event);
     setTargetRowPlacement(target, event);
   };
-  var onDrop = function onDrop(event) {
+  var onDragend = function onDragend(event) {
+    var _event$target$dataset;
     event.preventDefault();
     event.stopPropagation();
-    var target = getTargetRow(event);
+    placeDiv.remove();
+    if (!lastDragRow) {
+      return;
+    }
+    var target = lastDragRow;
     var rowIndex = target.dataset.rowIndex;
     var targetIndex = Number(rowIndex);
-    var sourceIndex = event.dataTransfer.getData('data-row-index');
+    var sourceIndex = (_event$target$dataset = event.target.dataset) === null || _event$target$dataset === void 0 ? void 0 : _event$target$dataset.rowIndex;
     if (target.classList.contains('--bottom')) {
       targetIndex = targetIndex + 1;
     }
     resp.changePageRowIndex(Number(sourceIndex), targetIndex);
     removeDragClass(target, ['--drag-enter', '--bottom', '--top']);
+    lastDragRow = null;
     ctx.emit(EMIT_EVENTS.DRAG_END, {
       sourceEvent: event,
       data: resp.pageData
@@ -5065,9 +5117,13 @@ function _isSlot(s) {
     onDragleave: onDragleave,
     onDragstart: onDragstart,
     onDragover: onDragover,
-    onDrop: onDrop
+    onDragend: onDragend
   };
 });
+;// CONCATENATED MODULE: external "../input"
+var external_input_x = y => { var x = {}; __webpack_require__.d(x, y); return x; }
+var external_input_y = x => () => x
+const external_input_namespaceObject = external_input_x({ ["default"]: () => __WEBPACK_EXTERNAL_MODULE__input_752b0149__["default"] });
 ;// CONCATENATED MODULE: ../../packages/table/src/plugins/head-filter.tsx
 
 
@@ -5108,6 +5164,7 @@ function _isSlot(s) {
 
 
 
+
 function head_filter_isSlot(s) {
   return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !(0,external_vue_namespaceObject.isVNode)(s);
 }
@@ -5348,7 +5405,7 @@ function head_filter_isSlot(s) {
             "class": headFilterContentClass
           }, [(0,external_vue_namespaceObject.createVNode)("div", {
             "style": "padding: 4px 10px;"
-          }, [(0,external_vue_namespaceObject.createVNode)((0,external_vue_namespaceObject.resolveComponent)("bk-input"), {
+          }, [(0,external_vue_namespaceObject.createVNode)(external_input_namespaceObject["default"], {
             "modelValue": searchValue.value,
             "onUpdate:modelValue": function onUpdateModelValue($event) {
               return searchValue.value = $event;

package/lib/table/plugins/use-draggable.d.ts

@@ -6,12 +6,12 @@ declare const _default: (props: TablePropTypes, resp: ITableResponse, ctx: Setup
     onDragleave?: undefined;
     onDragstart?: undefined;
     onDragover?: undefined;
-    onDrop?: undefined;
+    onDragend?: undefined;
 } | {
     onDragenter: (event: DragEvent) => void;
     onDragleave: (event: DragEvent) => void;
     onDragstart: (event: DragEvent) => void;
     onDragover: (event: DragEvent) => void;
-    onDrop: (event: DragEvent) => void;
+    onDragend: (event: DragEvent) => void;
 };
 export default _default;

package/lib/table/table.css

@@ -1285,17 +1285,9 @@
 .bk-table .bk-table-body table tbody tr:hover.hover-highlight td:not(.empty-cell) {
   background: #f5f7fa;
 }
-.bk-table .bk-table-head table tbody tr.--drag-enter.--bottom,
-.bk-table .bk-table-body table tbody tr.--drag-enter.--bottom {
-  border-bottom: solid 1px #3785ff;
-}
-.bk-table .bk-table-head table tbody tr.--drag-enter.--top,
-.bk-table .bk-table-body table tbody tr.--drag-enter.--top {
-  border-top: solid 1px #3785ff;
-}
-.bk-table .bk-table-head table tbody tr.--drag-start,
-.bk-table .bk-table-body table tbody tr.--drag-start {
-  background: #fff;
+.bk-table .bk-table-head table tbody tr.--drag-start td,
+.bk-table .bk-table-body table tbody tr.--drag-start td {
+  background: #fff !important;
 }
 .bk-table .bk-table-head {
   position: relative;