bkui-vue 0.0.1-beta.171 → 0.0.1-beta.174

package/dist/index.esm.js

@@ -33,7 +33,7 @@ var __publicField = (obj, key2, value) => {
   __defNormalProp(obj, typeof key2 !== "symbol" ? key2 + "" : key2, value);
   return value;
 };
-import { inject, createVNode, h as h$1, mergeProps, defineComponent, reactive, ref, computed, watch, onMounted, onBeforeUnmount, getCurrentInstance, nextTick, Transition, provide, createTextVNode, isVNode, withDirectives, vShow, renderSlot, Fragment, toRefs, onUnmounted, Teleport, resolveDirective, customRef, onBeforeMount, toRef, vModelText, watchEffect, onUpdated, render as render$1, shallowRef, createApp, toRaw, withModifiers, TransitionGroup } from "vue";
+import { inject, createVNode, h as h$1, mergeProps, defineComponent, reactive, ref, computed, watch, onMounted, onBeforeUnmount, getCurrentInstance, nextTick, Transition, provide, createTextVNode, isVNode, withDirectives, vShow, renderSlot, Fragment, toRefs, onUnmounted, Teleport, resolveDirective, createApp, customRef, onBeforeMount, toRef, vModelText, watchEffect, onUpdated, render as render$1, shallowRef, toRaw, withModifiers, TransitionGroup } from "vue";
 var reset = "";
 var alert = "";
 var affix = "";
@@ -8280,15 +8280,15 @@ const editLine = (props2, context) => {
 editLine.displayName = "editLine";
 editLine.inheritAttrs = false;
 const data$n = JSON.parse('{"type":"element","name":"svg","attributes":{"xmlns":"http://www.w3.org/2000/svg","viewBox":"0 0 1024 1024","style":"width: 1em; height: 1em; vertical-align: middle;fill: currentColor;overflow: hidden;"},"elements":[{"type":"element","name":"path","attributes":{"d":"M320 512c0 35.199999999999996-28.8 64-64 64s-64-28.8-64-64c0-35.199999999999996 28.8-64 64-64s64 28.8 64 64zM512 448c-35.199999999999996 0-64 28.8-64 64s28.8 64 64 64 64-28.8 64-64c0-35.199999999999996-28.8-64-64-64zM768 448c-35.199999999999996 0-64 28.8-64 64s28.8 64 64 64 64-28.8 64-64c0-35.199999999999996-28.8-64-64-64z"}}]}');
-const ellipsis = (props2, context) => {
+const ellipsis$1 = (props2, context) => {
   const p2 = __spreadValues(__spreadValues({}, props2), context.attrs);
   return createVNode(bkIcon, mergeProps(p2, {
     "data": data$n,
     "name": "ellipsis"
   }), null);
 };
-ellipsis.displayName = "ellipsis";
-ellipsis.inheritAttrs = false;
+ellipsis$1.displayName = "ellipsis";
+ellipsis$1.inheritAttrs = false;
 JSON.parse('{"type":"element","name":"svg","attributes":{"xmlns":"http://www.w3.org/2000/svg","viewBox":"0 0 1024 1024","style":"width: 1em; height: 1em; vertical-align: middle;fill: currentColor;overflow: hidden;"},"elements":[{"type":"element","name":"path","attributes":{"d":"M885.76 840.64l-148.96-149.12a344.16 344.16 0 1 0-45.28 45.28l149.12 148.96a32 32 0 1 0 45.12-45.12ZM472 752A280 280 0 1 1 752 472 280.32 280.32 0 0 1 472 752Z"}},{"type":"element","name":"path","attributes":{"d":"M576 448H496V368a32 32 0 0 0-64 0v80H352a32 32 0 0 0 0 64h80v80a32 32 0 0 0 64 0V512h80a32 32 0 0 0 0-64Z"}}]}');
 const data$m = JSON.parse('{"type":"element","name":"svg","attributes":{"xmlns":"http://www.w3.org/2000/svg","viewBox":"0 0 1024 1024","style":"width: 1em; height: 1em; vertical-align: middle;fill: currentColor;overflow: hidden;"},"elements":[{"type":"element","name":"path","attributes":{"fill-rule":"evenodd","d":"M452.7573333333333 510.91200000000003L225.83338666666668 737.8346666666666 286.1730133333333 798.1738666666666 513.0965333333334 571.2511999999999 739.8399999999999 797.9946666666666 797.9946666666666 739.8399999999999 571.2511999999999 513.0965333333334 798.1738666666666 286.1730133333333 737.8346666666666 225.83338666666668 510.91200000000003 452.7573333333333 283.9867733333333 225.83338666666668 225.83338666666668 283.9867733333333 452.7573333333333 510.91200000000003Z","clip-rule":"evenodd"}}]}');
 const error = (props2, context) => {
@@ -9932,7 +9932,7 @@ const collapseMotion$1 = (emit) => ({
     emit("after-leave");
   }
 });
-function _isSlot$7(s2) {
+function _isSlot$8(s2) {
   return typeof s2 === "function" || Object.prototype.toString.call(s2) === "[object Object]" && !isVNode(s2);
 }
 var CollapsePanel = defineComponent({
@@ -10027,7 +10027,7 @@ var CollapsePanel = defineComponent({
         "class": `bk-collapse-item ${props2.disabled ? "is-disabled" : ""} ${isActive.value ? "bk-collapse-item-active" : ""}`
       }, [createVNode("div", {
         "onClick": () => clickItem(props2)
-      }, [renderHeader()]), createVNode(Transition, transition.value, _isSlot$7(_slot = renderPanel()) ? _slot : {
+      }, [renderHeader()]), createVNode(Transition, transition.value, _isSlot$8(_slot = renderPanel()) ? _slot : {
         default: () => [_slot]
       })]);
     };
@@ -10271,7 +10271,7 @@ const props = __spreadProps(__spreadValues({}, propsMixin$1), {
   dialogType: PropTypes.commonType(["show", "operation", "confirm", "process"], "dialogType").def("operation"),
   isLoading: PropTypes.bool.def(false)
 });
-function _isSlot$6(s2) {
+function _isSlot$7(s2) {
   return typeof s2 === "function" || Object.prototype.toString.call(s2) === "[object Object]" && !isVNode(s2);
 }
 var Dialog = defineComponent({
@@ -10478,7 +10478,7 @@ var Dialog = defineComponent({
       "class": className,
       "style": this.data.moveStyle,
       "onQuickClose": this.handleQuickClose
-    }), _isSlot$6(dialogSlot) ? dialogSlot : {
+    }), _isSlot$7(dialogSlot) ? dialogSlot : {
       default: () => [dialogSlot]
     });
   }
@@ -11264,6 +11264,67 @@ function hide$1(el) {
     onHide();
   }
 }
+const resolveOptions = (el, binding) => {
+  const options = {
+    content: "",
+    target: el
+  };
+  if (typeof binding.value === "object") {
+    Object.assign(options, binding.value);
+  } else {
+    options.content = binding.value;
+  }
+  return options;
+};
+const createInstance = (el, binding) => {
+  let instance = null;
+  let createTimer = null;
+  const options = resolveOptions(el, binding);
+  const { disabled } = options;
+  if (disabled || instance) {
+    return;
+  }
+  const handleMouseEnter = () => {
+    createTimer && clearTimeout(createTimer);
+    createTimer = setTimeout(() => {
+      const targetOptions = resolveOptions(el, binding);
+      targetOptions.content = targetOptions.content || el.innerHTML;
+      instance = createPopoverComponent(targetOptions);
+      setTimeout(() => {
+        instance.show();
+      });
+    }, 100);
+  };
+  const handleMouseLeave = () => {
+    if (createTimer) {
+      clearTimeout(createTimer);
+    }
+    instance == null ? void 0 : instance.hide();
+    instance == null ? void 0 : instance.close();
+    instance = null;
+  };
+  el.addEventListener("mouseenter", handleMouseEnter);
+  el.addEventListener("mouseleave", handleMouseLeave);
+  Object.assign(binding, {
+    __cached: {
+      handleMouseEnter,
+      handleMouseLeave
+    }
+  });
+};
+const ellipsis = {
+  mounted(el, binding) {
+    createInstance(el, binding);
+  },
+  beforeUnmount(el, binding) {
+    if (binding.__cached) {
+      const { handleMouseEnter, handleMouseLeave } = binding.__cached;
+      el.removeEventListener("mouseenter", handleMouseEnter);
+      el.removeEventListener("mouseleave", handleMouseLeave);
+      binding.__cached = null;
+    }
+  }
+};
 var Arrow = defineComponent({
   name: "PopArrow",
   render() {
@@ -12908,6 +12969,10 @@ var useFloating = (props2, ctx, refReference, refContent, refArrow, refRoot) =>
     cleanup
   };
 };
+const isAvailableId = (query) => {
+  const container2 = document.querySelector(query);
+  return container2 instanceof HTMLElement;
+};
 let popContainerId = null;
 let fullscreenReferId = null;
 let parentNodeReferId = null;
@@ -12952,10 +13017,6 @@ var usePopperId = (props2, prefix = "#") => {
     });
     return resolvedBoundary;
   };
-  const isAvailableId = (query) => {
-    const container2 = document.querySelector(query);
-    return container2 instanceof HTMLElement;
-  };
   if (popContainerId === null || !isAvailableId(`#${popContainerId}`)) {
     popContainerId = `id_${uuid_1.v4()}`;
     const popContainer = document.createElement("div");
@@ -13123,7 +13184,8 @@ var Component$p = defineComponent({
     const isFullscreen = ref(false);
     const {
       showPopover,
-      hidePopover
+      hidePopover,
+      updatePopover
     } = useFloating(props2, ctx, refReference, refContent, refArrow, refRoot);
     const {
       onMountedFn,
@@ -13170,6 +13232,7 @@ var Component$p = defineComponent({
       theme,
       transBoundary,
       handleClickOutside,
+      updatePopover,
       hide: hide2,
       show: show2
     };
@@ -13212,6 +13275,149 @@ var Component$p = defineComponent({
     });
   }
 });
+function createPopoverComponent(options) {
+  let $PopoverInstance = null;
+  let $PopoverInstanceVm = null;
+  let $PopoverInstanceEl = null;
+  const resolvedOptions = __spreadProps(__spreadValues({
+    boundary: "body",
+    placement: "top",
+    autoVisibility: false
+  }, options), {
+    trigger: "manual"
+  });
+  const isElement2 = (element) => element instanceof Element || element instanceof HTMLDocument;
+  const popoverComponent = {
+    name: "$popover",
+    setup(_2, {
+      expose
+    }) {
+      const refProps = ref(resolvedOptions);
+      const refReference = ref();
+      const referStyle = ref({
+        position: "absolute",
+        pointerEvents: "none",
+        left: 0,
+        top: 0,
+        width: "auto",
+        height: "auto",
+        transform: ""
+      });
+      const updateStyle = (target) => {
+        if (isElement2(target)) {
+          const {
+            x: x2,
+            y: y2,
+            width,
+            height
+          } = target.getBoundingClientRect();
+          Object.assign(referStyle.value, {
+            width: `${width}px`,
+            height: `${height}px`,
+            transform: `translate3d(${x2}px,${y2}px,0)`
+          });
+          return;
+        }
+        const {
+          clientX,
+          clientY
+        } = target;
+        Object.assign(referStyle.value, {
+          transform: `translate3d(${clientX}px,${clientY}px,0)`,
+          width: "10px",
+          height: "10px"
+        });
+      };
+      updateStyle(refProps.value.target);
+      const show3 = () => {
+        var _a, _b;
+        (_b = (_a = refReference.value) == null ? void 0 : _a.show) == null ? void 0 : _b.call(_a);
+      };
+      const hide3 = () => {
+        var _a, _b;
+        (_b = (_a = refReference.value) == null ? void 0 : _a.hide) == null ? void 0 : _b.call(_a);
+      };
+      const attrs = computed(() => {
+        const excludeKeys = ["target"];
+        return Object.keys(refProps.value).filter((key2) => !excludeKeys.includes(key2)).reduce((out, curKey) => __spreadProps(__spreadValues({}, out), {
+          [curKey]: refProps.value[curKey]
+        }), {});
+      });
+      const updateTarget = (target) => {
+        var _a, _b;
+        refProps.value.target = target;
+        updateStyle(target);
+        (_b = (_a = refReference.value) == null ? void 0 : _a.updatePopover) == null ? void 0 : _b.call(_a);
+        nextTick(() => {
+          var _a2, _b2;
+          (_b2 = (_a2 = refReference.value) == null ? void 0 : _a2.updatePopover) == null ? void 0 : _b2.call(_a2);
+        });
+      };
+      expose({
+        show: show3,
+        hide: hide3,
+        updateTarget
+      });
+      return () => createVNode(Component$p, mergeProps(attrs.value, {
+        "ref": refReference
+      }), {
+        default: () => [createVNode("span", {
+          "style": referStyle.value
+        }, null)]
+      });
+    }
+  };
+  function getBoundaryDom(boundary) {
+    if (/^body$/i.test(boundary)) {
+      return document.body;
+    }
+    if (/^parent$/i.test(boundary)) {
+      if (isElement2(resolvedOptions.target)) {
+        return resolvedOptions.target.parentNode;
+      }
+      return resolvedOptions.target.target.parentNode;
+    }
+    if (typeof boundary === "string" && isAvailableId(boundary)) {
+      return document.querySelector(boundary);
+    }
+    return document.body;
+  }
+  if ($PopoverInstance === null) {
+    $PopoverInstanceEl = document.createElement("div");
+    getBoundaryDom(resolvedOptions.boundary).append($PopoverInstanceEl);
+    setTimeout(() => {
+      $PopoverInstance = createApp(popoverComponent);
+      $PopoverInstanceVm = $PopoverInstance.mount($PopoverInstanceEl);
+    });
+  }
+  function close2() {
+    if ($PopoverInstance) {
+      $PopoverInstance.unmount();
+      $PopoverInstanceVm = null;
+      $PopoverInstance = null;
+      $PopoverInstanceEl.remove();
+    }
+  }
+  function show2() {
+    $PopoverInstanceVm == null ? void 0 : $PopoverInstanceVm.show();
+  }
+  function update(e) {
+    $PopoverInstanceVm == null ? void 0 : $PopoverInstanceVm.updateTarget(e);
+  }
+  function hide2() {
+    $PopoverInstanceVm == null ? void 0 : $PopoverInstanceVm.hide();
+  }
+  return {
+    close: close2,
+    show: show2,
+    hide: hide2,
+    update,
+    vm: $PopoverInstanceVm,
+    get $el() {
+      return $PopoverInstanceVm.$el;
+    }
+  };
+}
 const BkPopover2 = withInstall(Component$p);
 const Circle = (_2, {
   attrs,
@@ -13332,7 +13538,7 @@ const Line = (_2, {
     "style": titleStyle
   }, [showDefault()])])]), showDefault(false)]);
 };
-function _isSlot$5(s2) {
+function _isSlot$6(s2) {
   return typeof s2 === "function" || Object.prototype.toString.call(s2) === "[object Object]" && !isVNode(s2);
 }
 var Component$o = defineComponent({
@@ -13397,11 +13603,11 @@ var Component$o = defineComponent({
     const $props = __spreadProps(__spreadValues({}, this.$props), {
       percent: this.validPercent(this.percent)
     });
-    let progress2 = createVNode(Line, $props, _isSlot$5(progressInfo) ? progressInfo : {
+    let progress2 = createVNode(Line, $props, _isSlot$6(progressInfo) ? progressInfo : {
       default: () => [progressInfo]
     });
     if (this.type === "circle" || this.type === "dashboard") {
-      progress2 = createVNode(Circle, $props, _isSlot$5(progressInfo) ? progressInfo : {
+      progress2 = createVNode(Circle, $props, _isSlot$6(progressInfo) ? progressInfo : {
         default: () => [progressInfo]
       });
     }
@@ -15366,7 +15572,7 @@ var Component$i = defineComponent({
   }
 });
 const BkSelect = withInstallProps(Component$i, { Option: BkOption, Group: OptionGroup });
-function _isSlot$4(s2) {
+function _isSlot$5(s2) {
   return typeof s2 === "function" || Object.prototype.toString.call(s2) === "[object Object]" && !isVNode(s2);
 }
 const {
@@ -15460,7 +15666,7 @@ var Component$h = defineComponent({
         "onHidden": handleHidden,
         "onShown": handleShown,
         "onClose": handleClose
-      }), _isSlot$4(dialogSlot) ? dialogSlot : {
+      }), _isSlot$5(dialogSlot) ? dialogSlot : {
         default: () => [dialogSlot]
       });
     };
@@ -15793,6 +15999,97 @@ const DEFAULT_SIZE_LIST = [
   { value: "medium", label: "\u4E2D", height: SETTING_SIZE.medium },
   { value: "large", label: "\u5927", height: SETTING_SIZE.large }
 ];
+var SortScope = /* @__PURE__ */ ((SortScope2) => {
+  SortScope2["CURRENT"] = "current";
+  SortScope2["ALL"] = "all";
+  return SortScope2;
+})(SortScope || {});
+const IColumnType = {
+  label: PropTypes.oneOfType([PropTypes.func.def(() => ""), PropTypes.string.def("")]),
+  field: PropTypes.oneOfType([PropTypes.func.def(() => ""), PropTypes.string.def("")]),
+  render: PropTypes.oneOfType([PropTypes.func.def(() => ""), PropTypes.string.def("")]),
+  width: PropTypes.oneOfType([PropTypes.number.def(void 0), PropTypes.string.def("auto")]),
+  minWidth: PropTypes.oneOfType([PropTypes.number.def(void 0), PropTypes.string.def("auto")]).def(),
+  showOverflowTooltip: PropTypes.oneOfType([PropTypes.bool, PropTypes.shape({
+    content: PropTypes.string,
+    disabled: PropTypes.bool
+  })]).def(false),
+  type: PropTypes.commonType(["selection", "index", "expand", "none"], "columnType").def("none"),
+  resizable: PropTypes.bool.def(true),
+  fixed: PropTypes.oneOfType([
+    PropTypes.bool,
+    PropTypes.commonType(["left", "right"], "fixed")
+  ]).def(false),
+  sort: PropTypes.oneOfType([
+    PropTypes.shape({
+      sortFn: PropTypes.func.def(void 0),
+      sortScope: PropTypes.commonType(Object.values(SortScope)).def("current")
+    }),
+    PropTypes.bool,
+    PropTypes.string
+  ]).def(false),
+  filter: PropTypes.oneOfType([
+    PropTypes.shape({
+      list: PropTypes.arrayOf(PropTypes.any).def([]),
+      filterFn: PropTypes.func.def(void 0),
+      match: PropTypes.commonType(["full", "fuzzy"], "full"),
+      filterScope: PropTypes.commonType(Object.values(SortScope)).def("current"),
+      btnSave: PropTypes.oneOfType([PropTypes.bool, PropTypes.string]).def("\u786E\u5B9A"),
+      btnReset: PropTypes.oneOfType([PropTypes.bool, PropTypes.string]).def("\u91CD\u7F6E")
+    }),
+    PropTypes.bool,
+    PropTypes.string
+  ]).def(false)
+};
+const tableProps = {
+  data: PropTypes.arrayOf(PropTypes.any).def([]),
+  columns: PropTypes.arrayOf(PropTypes.shape(IColumnType)).def([]),
+  activeColumn: PropTypes.oneOfType([PropTypes.number.def(-1), PropTypes.arrayOf(PropTypes.number.def(-1))]),
+  columnPick: PropTypes.commonType(["multi", "single", "disabled"], "columnPick").def("disabled"),
+  height: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).def("auto"),
+  minHeight: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).def(LINE_HEIGHT * 2),
+  maxHeight: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).def("auto"),
+  rowHeight: PropTypes.oneOfType([PropTypes.number, PropTypes.func]).def(LINE_HEIGHT),
+  headHeight: PropTypes.number.def(LINE_HEIGHT),
+  showHead: PropTypes.bool.def(true),
+  thead: PropTypes.shape({
+    height: PropTypes.number.def(LINE_HEIGHT),
+    isShow: PropTypes.bool.def(true),
+    cellFn: PropTypes.func.def(void 0)
+  }),
+  virtualEnabled: PropTypes.bool.def(false),
+  border: PropTypes.arrayOf(PropTypes.commonType(BORDER_OPTIONS, "border")).def([BORDER_OPTION.ROW]),
+  pagination: PropTypes.oneOfType([PropTypes.bool.def(false), PropTypes.object.def({})]).def(false),
+  remotePagination: PropTypes.bool.def(false),
+  emptyText: PropTypes.string.def("\u6682\u65E0\u6570\u636E"),
+  settings: PropTypes.oneOfType([
+    PropTypes.shape({
+      fields: PropTypes.arrayOf(PropTypes.shape({
+        label: PropTypes.string,
+        field: PropTypes.string,
+        disabled: PropTypes.bool
+      })),
+      checked: PropTypes.arrayOf(PropTypes.string),
+      limit: PropTypes.number.def(0),
+      size: PropTypes.size(["small", "medium", "large"]).def("small"),
+      sizeList: PropTypes.shape([])
+    }),
+    PropTypes.bool
+  ]).def(false),
+  rowClass: PropTypes.oneOfType([PropTypes.string, PropTypes.object, PropTypes.func]).def({}),
+  rowStyle: PropTypes.oneOfType([PropTypes.string, PropTypes.object, PropTypes.func]).def({}),
+  cellStyle: PropTypes.oneOfType([PropTypes.string, PropTypes.object, PropTypes.func]).def({}),
+  cellClass: PropTypes.oneOfType([PropTypes.string, PropTypes.object, PropTypes.func]).def({}),
+  scrollLoading: PropTypes.oneOfType([
+    PropTypes.object,
+    PropTypes.bool
+  ]).def(void 0),
+  reserveExpand: PropTypes.bool.def(false),
+  rowKey: PropTypes.oneOfType([
+    PropTypes.string,
+    PropTypes.func
+  ]).def(TABLE_ROW_ATTRIBUTE.ROW_INDEX)
+};
 const resolvePaginationOption = (propPagination, defVal) => {
   if (!!propPagination) {
     if (typeof propPagination === "object") {
@@ -15828,27 +16125,35 @@ var userPagination = (props2, indexData) => {
     endIndex.value = pagination2.current * pagination2.limit;
   };
   const pageData = reactive([]);
-  const sort = (sortFn) => {
+  const sort = (sourceData, sortFn) => {
     if (typeof sortFn === "function") {
-      pageData.sort(sortFn);
+      sourceData.sort(sortFn);
     }
   };
-  const filter = (filterFn) => {
+  const filter = (sourceData, filterFn) => {
     if (typeof filterFn === "function") {
-      const filterVals = pageData.filter((row, index) => filterFn(row, index, props2.data));
-      pageData.splice(0, pageData.length, ...filterVals);
+      const filterVals = sourceData.filter((row, index) => filterFn(row, index, props2.data));
+      sourceData.splice(0, sourceData.length, ...filterVals);
     }
   };
-  const resolvePageData = (filterFn, sortFn) => {
-    pageData.splice(0, pageData.length, ...indexData.slice(startIndex.value, endIndex.value));
-    filter(filterFn);
-    sort(sortFn);
+  const resolvePageData = (filterFn, sortFn, activeSortColumn) => {
+    var _a;
+    const sourceData = indexData.slice();
+    const {
+      sortScope
+    } = (_a = activeSortColumn == null ? void 0 : activeSortColumn.sort) != null ? _a : {};
+    if (sortScope === SortScope.ALL) {
+      sort(sourceData, sortFn);
+    }
+    pageData.splice(0, pageData.length, ...sourceData.slice(startIndex.value, endIndex.value));
+    filter(pageData, filterFn);
+    sort(pageData, sortFn);
   };
-  const watchEffectFn = (filterFn, sortFn) => {
+  const watchEffectFn = (filterFn, sortFn, activeSortColumn) => {
     pagination2 = resolvePaginationOption(props2.pagination, pagination2);
     resolveLocalPagination();
     resetStartEndIndex();
-    resolvePageData(filterFn, sortFn);
+    resolvePageData(filterFn, sortFn, activeSortColumn);
   };
   const resolveLocalPagination = () => {
     if (!props2.pagination) {
@@ -15906,91 +16211,7 @@ var useScrollLoading = (props2, ctx) => {
     renderScrollLoading
   };
 };
-var SortScope = /* @__PURE__ */ ((SortScope2) => {
-  SortScope2["CURRENT"] = "current";
-  SortScope2["ALL"] = "all";
-  return SortScope2;
-})(SortScope || {});
-const tableProps = {
-  data: PropTypes.arrayOf(PropTypes.any).def([]),
-  columns: PropTypes.arrayOf(PropTypes.shape({
-    label: PropTypes.oneOfType([PropTypes.func.def(() => ""), PropTypes.string.def("")]),
-    field: PropTypes.oneOfType([PropTypes.func.def(() => ""), PropTypes.string.def("")]),
-    render: PropTypes.oneOfType([PropTypes.func.def(() => ""), PropTypes.string.def("")]),
-    width: PropTypes.oneOfType([PropTypes.number.def(void 0), PropTypes.string.def("auto")]),
-    minWidth: PropTypes.oneOfType([PropTypes.number.def(void 0), PropTypes.string.def("auto")]).def(),
-    type: PropTypes.commonType(["selection", "index", "expand", "none"], "columnType").def("none"),
-    resizable: PropTypes.bool.def(true),
-    fixed: PropTypes.oneOfType([
-      PropTypes.bool,
-      PropTypes.commonType(["left", "right"], "fixed")
-    ]).def(false),
-    sort: PropTypes.oneOfType([
-      PropTypes.shape({
-        sortFn: PropTypes.func.def(void 0),
-        sortScope: PropTypes.commonType(Object.values(SortScope)).def("current")
-      }),
-      PropTypes.bool,
-      PropTypes.string
-    ]).def(false),
-    filter: PropTypes.oneOfType([
-      PropTypes.shape({
-        list: PropTypes.arrayOf(PropTypes.any).def([]),
-        filterFn: PropTypes.func.def(void 0),
-        btnSave: PropTypes.oneOfType([PropTypes.bool, PropTypes.string]).def("\u786E\u5B9A"),
-        btnReset: PropTypes.oneOfType([PropTypes.bool, PropTypes.string]).def("\u91CD\u7F6E")
-      }),
-      PropTypes.bool,
-      PropTypes.string
-    ]).def(false)
-  })).def([]),
-  activeColumn: PropTypes.oneOfType([PropTypes.number.def(-1), PropTypes.arrayOf(PropTypes.number.def(-1))]),
-  columnPick: PropTypes.commonType(["multi", "single", "disabled"], "columnPick").def("disabled"),
-  height: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).def("auto"),
-  minHeight: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).def(LINE_HEIGHT * 2),
-  maxHeight: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).def("auto"),
-  rowHeight: PropTypes.oneOfType([PropTypes.number, PropTypes.func]).def(LINE_HEIGHT),
-  headHeight: PropTypes.number.def(LINE_HEIGHT),
-  showHead: PropTypes.bool.def(true),
-  thead: PropTypes.shape({
-    height: PropTypes.number.def(LINE_HEIGHT),
-    isShow: PropTypes.bool.def(true),
-    cellFn: PropTypes.func.def(void 0)
-  }),
-  virtualEnabled: PropTypes.bool.def(false),
-  border: PropTypes.arrayOf(PropTypes.commonType(BORDER_OPTIONS, "border")).def([BORDER_OPTION.ROW]),
-  pagination: PropTypes.oneOfType([PropTypes.bool.def(false), PropTypes.object.def({})]).def(false),
-  remotePagination: PropTypes.bool.def(false),
-  emptyText: PropTypes.string.def("\u6682\u65E0\u6570\u636E"),
-  settings: PropTypes.oneOfType([
-    PropTypes.shape({
-      fields: PropTypes.arrayOf(PropTypes.shape({
-        label: PropTypes.string,
-        field: PropTypes.string,
-        disabled: PropTypes.bool
-      })),
-      checked: PropTypes.arrayOf(PropTypes.string),
-      limit: PropTypes.number.def(0),
-      size: PropTypes.size(["small", "medium", "large"]).def("small"),
-      sizeList: PropTypes.shape([])
-    }),
-    PropTypes.bool
-  ]).def(false),
-  rowClass: PropTypes.oneOfType([PropTypes.string, PropTypes.object, PropTypes.func]).def({}),
-  rowStyle: PropTypes.oneOfType([PropTypes.string, PropTypes.object, PropTypes.func]).def({}),
-  cellStyle: PropTypes.oneOfType([PropTypes.string, PropTypes.object, PropTypes.func]).def({}),
-  cellClass: PropTypes.oneOfType([PropTypes.string, PropTypes.object, PropTypes.func]).def({}),
-  scrollLoading: PropTypes.oneOfType([
-    PropTypes.object,
-    PropTypes.bool
-  ]).def(void 0),
-  reserveExpand: PropTypes.bool.def(false),
-  rowKey: PropTypes.oneOfType([
-    PropTypes.string,
-    PropTypes.func
-  ]).def(TABLE_ROW_ATTRIBUTE.ROW_INDEX)
-};
-function _isSlot$3(s2) {
+function _isSlot$4(s2) {
   return typeof s2 === "function" || Object.prototype.toString.call(s2) === "[object Object]" && !isVNode(s2);
 }
 var useLimit = () => {
@@ -16036,7 +16257,7 @@ var useLimit = () => {
       "modelValue": localLimit.value,
       "onChange": handleLimitChange,
       "disabled": proxy.disabled
-    }, _isSlot$3(_slot = proxy.limitList.map((num, index) => createVNode(BkOption, {
+    }, _isSlot$4(_slot = proxy.limitList.map((num, index) => createVNode(BkOption, {
       "value": num,
       "label": `${num}`,
       "key": `${index}_${num}`
@@ -16150,7 +16371,7 @@ var useList = () => {
     "key": "pre-batch",
     "class": "bk-pagination-list-pre-batch",
     "onClick": handlePreBatch
-  }, [createVNode(ellipsis, null, null)]), list.value.map((num) => createVNode("div", {
+  }, [createVNode(ellipsis$1, null, null)]), list.value.map((num) => createVNode("div", {
     "class": {
       "bk-pagination-list-item": true,
       "is-active": localCurrent.value === num
@@ -16161,7 +16382,7 @@ var useList = () => {
     "key": "next-batch",
     "class": "bk-pagination-list-next-batch",
     "onClick": handleNextBatch
-  }, [createVNode(ellipsis, null, null)]), proxy.totalPageNum > 1 && createVNode("div", {
+  }, [createVNode(ellipsis$1, null, null)]), proxy.totalPageNum > 1 && createVNode("div", {
     "class": {
       "bk-pagination-list-item": true,
       "is-active": localCurrent.value === proxy.totalPageNum
@@ -16431,30 +16652,6 @@ var Component$e = defineComponent({
   }
 });
 const BkPagination = withInstall(Component$e);
-var TableRow = defineComponent({
-  name: "TableRow",
-  render() {
-    var _a, _b;
-    return createVNode(Fragment, null, [(_b = (_a = this.$slots).default) == null ? void 0 : _b.call(_a)]);
-  }
-});
-var BodyEmpty = defineComponent({
-  name: "BodyEmpty",
-  props: {
-    list: PropTypes.array.def([]),
-    filterList: PropTypes.array.def([]),
-    emptyText: PropTypes.string.def("\u6682\u65E0\u6570\u636E")
-  },
-  emits: ["change"],
-  setup(props2) {
-    const type = computed(() => props2.list.length === 0 ? "empty" : "search-empty");
-    return () => createVNode(BkException, {
-      "scene": "part",
-      "type": type.value,
-      "description": props2.emptyText
-    }, null);
-  }
-});
 const resolvePropVal = (prop, key2, args) => {
   if (typeof key2 === "string") {
     if (Object.prototype.hasOwnProperty.call(prop, key2)) {
@@ -16653,7 +16850,102 @@ const hasRootScrollY = (root, querySelector, offsetHeight = 0) => {
   }
   return false;
 };
-function _isSlot$2(s2) {
+const getElementTextWidth = (element, text) => {
+  function getTextWidth(text2, font) {
+    const canvas = getTextWidth.canvas || (getTextWidth.canvas = document.createElement("canvas"));
+    const context = canvas.getContext("2d");
+    context.font = font;
+    const metrics = context.measureText(text2);
+    return metrics.width;
+  }
+  function getCssStyle(element2, prop) {
+    return window.getComputedStyle(element2, null).getPropertyValue(prop);
+  }
+  function getCanvasFont(el = document.body) {
+    const fontWeight = getCssStyle(el, "font-weight") || "normal";
+    const fontSize = getCssStyle(el, "font-size") || "16px";
+    const fontFamily = getCssStyle(el, "font-family") || "Times New Roman";
+    return `${fontWeight} ${fontSize} ${fontFamily}`;
+  }
+  return getTextWidth(text || (element == null ? void 0 : element.innerHTML), getCanvasFont(element));
+};
+var TableCell = defineComponent({
+  name: "TableCell",
+  props: {
+    column: PropTypes.any.def({}),
+    row: PropTypes.any.def({})
+  },
+  setup(props2, {
+    slots
+  }) {
+    const refRoot = ref();
+    const isTipsEnabled = ref(false);
+    const {
+      showOverflowTooltip = false
+    } = props2.column || {};
+    const resolveTooltipOption = () => {
+      let disabled = true;
+      let content = refRoot.value.innerText;
+      if (typeof showOverflowTooltip === "boolean") {
+        disabled = !showOverflowTooltip;
+      }
+      if (typeof showOverflowTooltip === "object") {
+        disabled = showOverflowTooltip.disabled;
+        if (typeof showOverflowTooltip.content === "function") {
+          content = showOverflowTooltip.content(props2.column, props2.row);
+        }
+        content = showOverflowTooltip.content || refRoot.value.innerText;
+      }
+      return {
+        disabled,
+        content
+      };
+    };
+    onMounted(() => {
+      if (props2.column.showOverflowTooltip) {
+        const textWidth = getElementTextWidth(refRoot.value);
+        const cellWidth = refRoot.value.clientWidth;
+        isTipsEnabled.value = textWidth > cellWidth;
+        if (isTipsEnabled.value) {
+          const bindings = ref(resolveTooltipOption());
+          createInstance(refRoot.value, bindings);
+        }
+      }
+    });
+    return () => {
+      var _a;
+      return createVNode("div", {
+        "class": "cell",
+        "ref": refRoot
+      }, [(_a = slots.default) == null ? void 0 : _a.call(slots)]);
+    };
+  }
+});
+var TableRow = defineComponent({
+  name: "TableRow",
+  render() {
+    var _a, _b;
+    return createVNode(Fragment, null, [(_b = (_a = this.$slots).default) == null ? void 0 : _b.call(_a)]);
+  }
+});
+var BodyEmpty = defineComponent({
+  name: "BodyEmpty",
+  props: {
+    list: PropTypes.array.def([]),
+    filterList: PropTypes.array.def([]),
+    emptyText: PropTypes.string.def("\u6682\u65E0\u6570\u636E")
+  },
+  emits: ["change"],
+  setup(props2) {
+    const type = computed(() => props2.list.length === 0 ? "empty" : "search-empty");
+    return () => createVNode(BkException, {
+      "scene": "part",
+      "type": type.value,
+      "description": props2.emptyText
+    }, null);
+  }
+});
+function _isSlot$3(s2) {
   return typeof s2 === "function" || Object.prototype.toString.call(s2) === "[object Object]" && !isVNode(s2);
 }
 var HeadFilter = defineComponent({
@@ -16695,7 +16987,18 @@ var HeadFilter = defineComponent({
         checked: state.checked.includes(item.value)
       }));
     });
-    const filterFn = typeof column.filter.filterFn === "function" ? (checked, row, index, data2) => column.filter.filterFn(checked, row, props2.column, index, data2) : (checked, row) => checked.length ? checked.includes(getRowText(row, resolvePropVal(column, "field", [column, row]), column)) : true;
+    const getRegExp = (searchValue, flags = "ig") => new RegExp(`${searchValue}`.replace(/[-[\]{}()*+?.,\\^$|#\s]/g, "\\$&"), flags);
+    const defaultFilterFn = (checked, row) => {
+      const {
+        match: match2
+      } = column.filter;
+      const matchText = getRowText(row, resolvePropVal(column, "field", [column, row]), column);
+      if (match2 === "full") {
+        checked.includes(matchText);
+      }
+      return checked.some((str) => getRegExp(str, "img").test(matchText));
+    };
+    const filterFn = typeof column.filter.filterFn === "function" ? (checked, row, index, data2) => column.filter.filterFn(checked, row, props2.column, index, data2) : (checked, row) => checked.length ? defaultFilterFn(checked, row) : true;
     const handleBtnSaveClick = () => {
       handleFilterChange(true);
       emit("filterSave", [...state.checked]);
@@ -16785,7 +17088,7 @@ var HeadFilter = defineComponent({
           "modelValue": state.checked,
           "onUpdate:modelValue": ($event) => state.checked = $event,
           "onChange": () => handleFilterChange(false)
-        }, _isSlot$2(_slot = localData.value.map((item) => createVNode("div", {
+        }, _isSlot$3(_slot = localData.value.map((item) => createVNode("div", {
           "class": "list-item"
         }, [createVNode(BkCheckbox, {
           "label": item.value
@@ -16865,7 +17168,7 @@ class TablePlugins {
     this.ctx = ctx;
   }
 }
-function _isSlot$1(s2) {
+function _isSlot$2(s2) {
   return typeof s2 === "function" || Object.prototype.toString.call(s2) === "[object Object]" && !isVNode(s2);
 }
 var Settings = defineComponent({
@@ -17035,7 +17338,7 @@ var Settings = defineComponent({
           "class": "setting-body-fields",
           "modelValue": checkedFields.value,
           "onUpdate:modelValue": ($event) => checkedFields.value = $event
-        }, _isSlot$1(_slot2 = renderFields.value.map((item, index) => {
+        }, _isSlot$2(_slot2 = renderFields.value.map((item, index) => {
           let _slot;
           return createVNode("div", {
             "class": "field-item"
@@ -17043,7 +17346,7 @@ var Settings = defineComponent({
             "label": resolvePropVal(item, "field", [item, index]),
             "checked": checkedFields.value.includes(resolvePropVal(item, "field", [item, index])),
             "disabled": isItemReadonly(item, index)
-          }, _isSlot$1(_slot = resolvePropVal(item, "label", [item, index])) ? _slot : {
+          }, _isSlot$2(_slot = resolvePropVal(item, "label", [item, index])) ? _slot : {
             default: () => [_slot]
           })]);
         })) ? _slot2 : {
@@ -17070,10 +17373,11 @@ var Settings = defineComponent({
 });
 var useFixedColumn = (props2, colgroups, hasScrollY) => {
   const footHeight = computed(() => props2.pagination && props2.data.length ? LINE_HEIGHT : 0);
-  const resolveColumnClass = (column) => ({
+  const resolveColumnClass = (column, scrollX, offsetRight) => ({
     column_fixed: !!column.fixed,
     column_fixed_left: column.fixed !== "right",
-    column_fixed_right: column.fixed === "right"
+    column_fixed_right: column.fixed === "right",
+    shadow: column.fixed === "right" ? scrollX < offsetRight : scrollX > 0
   });
   const resolveFixColPos = (column) => column.fixed === "right" ? "right" : "left";
   const resolveFixOffset = {
@@ -17086,31 +17390,31 @@ var useFixedColumn = (props2, colgroups, hasScrollY) => {
       return outOffset;
     }, hasScrollY ? SCROLLY_WIDTH : 0)
   };
-  const reolveFixRightOffset = resolveFixOffset.right;
+  const resolveFixRightOffset = resolveFixOffset.right;
   const getFixedColumnStyleResolve = () => {
-    const resolveFixedColumnStyle = (column, fixedoffset2) => {
+    const resolveFixedColumnStyle = (column, fixedOffset2) => {
       if (!column.fixed) {
         return {};
       }
       const fixedPos = resolveFixColPos(column);
       const opt = fixedPos === "right" ? -1 : 1;
-      const offsetX = `${fixedoffset2[fixedPos]}px`;
-      fixedoffset2[fixedPos] = fixedoffset2[fixedPos] + getColumnReactWidth(column) * opt;
+      const offsetX = `${fixedOffset2[fixedPos]}px`;
+      fixedOffset2[fixedPos] = fixedOffset2[fixedPos] + getColumnReactWidth(column) * opt;
       return {
         [fixedPos]: offsetX
       };
     };
-    const rightOffsetWidth = reolveFixRightOffset(true);
-    const fixedoffset = {
+    const rightOffsetWidth = resolveFixRightOffset(true);
+    const fixedOffset = {
       left: 0,
       right: rightOffsetWidth
     };
     return {
-      fixedoffset,
+      fixedOffset,
       resolveFixedColumnStyle
     };
   };
-  const renderFixedColumns = () => {
+  const renderFixedColumns = (scrollX, offsetRight) => {
     const resolveColumnStyle = (colPos) => ({
       width: `${resolveFixOffset[colPos](false)}px`,
       bottom: `${footHeight.value}px`
@@ -17124,7 +17428,7 @@ var useFixedColumn = (props2, colgroups, hasScrollY) => {
       const isExist = colPosExist[colPos];
       colPosExist[colPos] = true;
       return isExist ? "" : createVNode("div", {
-        "class": resolveColumnClass(col),
+        "class": resolveColumnClass(col, scrollX, offsetRight),
         "style": resolveColumnStyle(colPos)
       }, null);
     });
@@ -17136,6 +17440,9 @@ var useFixedColumn = (props2, colgroups, hasScrollY) => {
     getFixedColumnStyleResolve
   };
 };
+function _isSlot$1(s2) {
+  return typeof s2 === "function" || Object.prototype.toString.call(s2) === "[object Object]" && !isVNode(s2);
+}
 class TableRender {
   constructor(props2, ctx, reactiveProp, colgroups) {
     __publicField(this, "getRowHeight", (row, rowIndex) => {
@@ -17348,20 +17655,23 @@ class TableRender {
     } = useFixedColumn(this.props, this.colgroups);
     const {
       resolveFixedColumnStyle,
-      fixedoffset
+      fixedOffset
     } = getFixedColumnStyleResolve();
     return createVNode("thead", {
       "style": rowStyle
     }, [createVNode(TableRow, null, {
-      default: () => [createVNode("tr", null, [this.filterColgroups.map((column, index) => createVNode("th", mergeProps({
-        "colspan": 1,
-        "rowspan": 1,
-        "class": this.getHeadColumnClass(column, index),
-        "style": resolveFixedColumnStyle(column, fixedoffset),
-        "onClick": () => this.handleColumnHeadClick(index)
-      }, resolveEventListener(column)), [createVNode("div", {
-        "class": "cell"
-      }, [renderHeadCell(column, index)])]))])]
+      default: () => [createVNode("tr", null, [this.filterColgroups.map((column, index) => {
+        let _slot;
+        return createVNode("th", mergeProps({
+          "colspan": 1,
+          "rowspan": 1,
+          "class": this.getHeadColumnClass(column, index),
+          "style": resolveFixedColumnStyle(column, fixedOffset),
+          "onClick": () => this.handleColumnHeadClick(index)
+        }, resolveEventListener(column)), [createVNode(TableCell, null, _isSlot$1(_slot = renderHeadCell(column, index)) ? _slot : {
+          default: () => [_slot]
+        })]);
+      })])]
     })]);
   }
   renderTBody(rows) {
@@ -17375,7 +17685,7 @@ class TableRender {
       const rowClass = [...formatPropAsArray(this.props.rowClass, [row, rowIndex, this])];
       const {
         resolveFixedColumnStyle,
-        fixedoffset
+        fixedOffset
       } = getFixedColumnStyleResolve();
       const rowKey = `${this.uuid}-${row[TABLE_ROW_ATTRIBUTE.ROW_UID]}`;
       return [createVNode(TableRow, {
@@ -17387,7 +17697,8 @@ class TableRender {
           "onClick": (e) => this.handleRowClick(e, row, rowIndex, rows),
           "onDblclick": (e) => this.handleRowDblClick(e, row, rowIndex, rows)
         }, [this.filterColgroups.map((column, index) => {
-          const cellStyle = [resolveFixedColumnStyle(column, fixedoffset), ...formatPropAsArray(this.props.cellStyle, [column, index, row, rowIndex, this])];
+          let _slot2;
+          const cellStyle = [resolveFixedColumnStyle(column, fixedOffset), ...formatPropAsArray(this.props.cellStyle, [column, index, row, rowIndex, this])];
           const cellClass = [this.getColumnClass(column, index), ...formatPropAsArray(this.props.cellClass, [column, index, row, rowIndex, this]), {
             "expand-row": row[TABLE_ROW_ATTRIBUTE.ROW_EXPAND]
           }];
@@ -17402,9 +17713,13 @@ class TableRender {
             "key": cellKey,
             "colspan": 1,
             "rowspan": 1
-          }, [createVNode("div", {
-            "class": tdCtxClass
-          }, [this.renderCell(row, column, rowIndex, rows)])]);
+          }, [createVNode(TableCell, {
+            "class": tdCtxClass,
+            "column": column,
+            "row": row
+          }, _isSlot$1(_slot2 = this.renderCell(row, column, rowIndex, rows)) ? _slot2 : {
+            default: () => [_slot2]
+          })]);
         })])]
       }), this.renderExpandRow(row, rowClass)];
     })]);
@@ -17844,7 +18159,7 @@ const useInit = (props2) => {
       });
     });
   };
-  const { renderFixedColumns, fixedWrapperClass } = useFixedColumn(props2, colgroups);
+  const { renderFixedColumns, fixedWrapperClass } = useFixedColumn(props2, colgroups, false);
   return {
     colgroups,
     dragOffsetXStyle,
@@ -17865,10 +18180,12 @@ var Component$d = defineComponent({
   emits: EMIT_EVENT_TYPES,
   setup(props2, ctx) {
     let columnSortFn = null;
+    let activeSortColumn = null;
     let columnFilterFn = null;
     let observerIns = null;
     const root = ref();
     const refVirtualRender = ref();
+    const tableOffsetRight = ref(0);
     const {
       colgroups,
       dragOffsetXStyle,
@@ -17900,9 +18217,18 @@ var Component$d = defineComponent({
       hasFooter
     } = useClass(props2, root, reactiveSchema, pageData);
     const tableRender = new TableRender(props2, ctx, reactiveSchema, colgroups);
+    const updateOffsetRight = () => {
+      const $tableContent = root.value.querySelector(".bk-table-body-content");
+      const $table = $tableContent.querySelector("table");
+      if ($table) {
+        const $tableScrollWidth = $table.scrollWidth;
+        const $contentWidth = $tableContent.clientWidth;
+        tableOffsetRight.value = $tableScrollWidth - $contentWidth;
+      }
+    };
     watch(() => [props2.data, props2.pagination], () => {
       initIndexData(props2.reserveExpand);
-      watchEffectFn(columnFilterFn, columnSortFn);
+      watchEffectFn(columnFilterFn, columnSortFn, activeSortColumn);
       nextTick(() => {
         resetTableHeight(root.value);
         updateBorderClass(root.value);
@@ -17915,6 +18241,7 @@ var Component$d = defineComponent({
       if ((root == null ? void 0 : root.value) instanceof HTMLElement) {
         const offset2 = getColumnsWidthOffsetWidth();
         resolveColumnWidth(root.value, colgroups, 20, offset2);
+        updateOffsetRight();
       }
     });
     tableRender.on(EVENTS$1.ON_SORT_BY_CLICK, (args) => {
@@ -17927,7 +18254,8 @@ var Component$d = defineComponent({
       } = args;
       if (typeof sortFn === "function") {
         columnSortFn = sortFn;
-        resolvePageData(columnFilterFn, columnSortFn);
+        activeSortColumn = column;
+        resolvePageData(columnFilterFn, columnSortFn, activeSortColumn);
         (_b = (_a = refVirtualRender.value) == null ? void 0 : _a.reset) == null ? void 0 : _b.call(_a);
       }
       ctx.emit(EMITEVENTS.COLUMN_SORT, {
@@ -17945,7 +18273,7 @@ var Component$d = defineComponent({
       } = args;
       if (typeof filterFn === "function") {
         columnFilterFn = filterFn;
-        resolvePageData(columnFilterFn, columnSortFn);
+        resolvePageData(columnFilterFn, columnSortFn, activeSortColumn);
         (_b = (_a = refVirtualRender.value) == null ? void 0 : _a.reset) == null ? void 0 : _b.call(_a);
       }
       ctx.emit(EMITEVENTS.COLUMN_FILTER, {
@@ -18011,6 +18339,7 @@ var Component$d = defineComponent({
           }));
         }, true)();
       }
+      updateOffsetRight();
     };
     onMounted(() => {
       observerIns = observerResize(root.value, () => {
@@ -18089,7 +18418,7 @@ var Component$d = defineComponent({
       }),
       createVNode("div", {
         "class": fixedWrapperClass
-      }, [renderFixedColumns(), createVNode("div", {
+      }, [renderFixedColumns(reactiveSchema.scrollTranslateX, tableOffsetRight.value), createVNode("div", {
         "class": resizeColumnClass,
         "style": resizeColumnStyle.value
       }, null), createVNode("div", {
@@ -35195,4 +35524,4 @@ var preset = {
   install: createInstall(),
   version: "0.0.1"
 };
-export { BkAffix as Affix, BkAlert as Alert, BkAnimateNumber as AnimateNumber, BkBacktop as Backtop, BkBadge as Badge, BkBreadcrumb as Breadcrumb, BkButton as Button, BkCard as Card, BkCascader as Cascader, BkCheckbox as Checkbox, BkCodeDiff as CodeDiff, BkCollapse as Collapse, BkColorPicker as ColorPicker, BkContainer as Container, BkDatePicker as DatePicker, BkDialog as Dialog, BkDivider as Divider, BkDropdown as Dropdown, BkException as Exception, BkFixedNavbar as FixedNavbar, BkForm as Form, InfoBox, BkInput as Input, BkLink as Link, BkLoading as Loading, BkMenu as Menu, Message, BkModal as Modal, Navigation, Notify, BkPagination as Pagination, BkPopover as Popover, BkPopover2 as Popover2, BkSteps as Process, BkProgress as Progress, BkRadio as Radio, BkRate as Rate, BkResizeLayout as ResizeLayout, BkSelect as Select, BkSideslider as Sideslider, Slider, BkSteps$2 as Steps, BkSwiper as Swiper, BkSwitcher as Switcher, BkTab as Tab, BkTable as Table, BkTag as Tag, TagInput, BkSteps$1 as TimeLine, BkTimePicker as TimePicker, Transfer, BkTree as Tree, Upload, BkVirtualRender as VirtualRender, tooltips as bkTooltips, ClickOutside as clickoutside, BkContainer as containerProps, preset as default, mousewheel };
+export { BkAffix as Affix, BkAlert as Alert, BkAnimateNumber as AnimateNumber, BkBacktop as Backtop, BkBadge as Badge, BkBreadcrumb as Breadcrumb, BkButton as Button, BkCard as Card, BkCascader as Cascader, BkCheckbox as Checkbox, BkCodeDiff as CodeDiff, BkCollapse as Collapse, BkColorPicker as ColorPicker, BkContainer as Container, BkDatePicker as DatePicker, BkDialog as Dialog, BkDivider as Divider, BkDropdown as Dropdown, BkException as Exception, BkFixedNavbar as FixedNavbar, BkForm as Form, InfoBox, BkInput as Input, BkLink as Link, BkLoading as Loading, BkMenu as Menu, Message, BkModal as Modal, Navigation, Notify, BkPagination as Pagination, BkPopover as Popover, BkPopover2 as Popover2, BkSteps as Process, BkProgress as Progress, BkRadio as Radio, BkRate as Rate, BkResizeLayout as ResizeLayout, BkSelect as Select, BkSideslider as Sideslider, Slider, BkSteps$2 as Steps, BkSwiper as Swiper, BkSwitcher as Switcher, BkTab as Tab, BkTable as Table, BkTag as Tag, TagInput, BkSteps$1 as TimeLine, BkTimePicker as TimePicker, Transfer, BkTree as Tree, Upload, BkVirtualRender as VirtualRender, ellipsis as bkEllipsis, createInstance as bkEllipsisInstance, tooltips as bkTooltips, ClickOutside as clickoutside, BkContainer as containerProps, preset as default, mousewheel };