bkui-vue 0.0.1-beta.161 → 0.0.1-beta.164

package/dist/index.esm.js

@@ -9932,7 +9932,7 @@ const collapseMotion$1 = (emit) => ({
     emit("after-leave");
   }
 });
-function _isSlot$8(s2) {
+function _isSlot$7(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$8(_slot = renderPanel()) ? _slot : {
+      }, [renderHeader()]), createVNode(Transition, transition.value, _isSlot$7(_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$7(s2) {
+function _isSlot$6(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$7(dialogSlot) ? dialogSlot : {
+    }), _isSlot$6(dialogSlot) ? dialogSlot : {
       default: () => [dialogSlot]
     });
   }
@@ -13291,7 +13291,7 @@ const Line = (_2, {
     "style": titleStyle
   }, [showDefault()])])]), showDefault(false)]);
 };
-function _isSlot$6(s2) {
+function _isSlot$5(s2) {
   return typeof s2 === "function" || Object.prototype.toString.call(s2) === "[object Object]" && !isVNode(s2);
 }
 var Component$o = defineComponent({
@@ -13356,11 +13356,11 @@ var Component$o = defineComponent({
     const $props = __spreadProps(__spreadValues({}, this.$props), {
       percent: this.validPercent(this.percent)
     });
-    let progress2 = createVNode(Line, $props, _isSlot$6(progressInfo) ? progressInfo : {
+    let progress2 = createVNode(Line, $props, _isSlot$5(progressInfo) ? progressInfo : {
       default: () => [progressInfo]
     });
     if (this.type === "circle" || this.type === "dashboard") {
-      progress2 = createVNode(Circle, $props, _isSlot$6(progressInfo) ? progressInfo : {
+      progress2 = createVNode(Circle, $props, _isSlot$5(progressInfo) ? progressInfo : {
         default: () => [progressInfo]
       });
     }
@@ -13972,7 +13972,7 @@ function useRegistry(data2) {
     unregister
   };
 }
-function useDebouncedRef(value, delay = 200) {
+function useDebouncedRef(value, delay = 300) {
   let timeout;
   let innerValue = value;
   return customRef((track, trigger) => ({
@@ -14208,153 +14208,444 @@ var OptionGroup = defineComponent({
     }, [(_b = (_a = this.$slots).default) == null ? void 0 : _b.call(_a)]), [[vShow, !this.groupCollapse]])]), [[vShow, this.visible]]);
   }
 });
-var Component$k = defineComponent({
-  name: "Tag",
-  props: {
-    theme: PropTypes.theme(["success", "info", "warning", "danger"]).def(""),
-    closable: PropTypes.bool.def(false),
-    type: PropTypes.commonType(["", "filled", "stroke"]).def(""),
-    checkable: PropTypes.bool.def(false),
-    checked: PropTypes.bool.def(false),
-    radius: PropTypes.string.def("2px"),
-    extCls: PropTypes.string.def("")
+const EventProps = {
+  onContentScroll: Function
+};
+const virtualRenderProps = __spreadValues({
+  list: PropTypes.array.def([]),
+  enabled: PropTypes.bool.def(true),
+  scrollEvent: PropTypes.bool.def(false),
+  lineHeight: PropTypes.oneOfType([PropTypes.number, PropTypes.func]).def(30),
+  minHeight: PropTypes.number.def(30),
+  height: PropTypes.oneOfType([PropTypes.string.def("100%"), PropTypes.number]).def("100%"),
+  width: PropTypes.oneOfType([PropTypes.string.def("100%"), PropTypes.number]).def("100%"),
+  className: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.string), PropTypes.object, PropTypes.arrayOf(PropTypes.object), PropTypes.string]).def(""),
+  contentClassName: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.string), PropTypes.object, PropTypes.arrayOf(PropTypes.object), PropTypes.string]).def(""),
+  contentStyle: PropTypes.object.def({}),
+  scrollXName: PropTypes.string.def(resolveClassName("F-scroll-x")),
+  scrollYName: PropTypes.string.def(resolveClassName("F-scroll-y")),
+  groupItemCount: PropTypes.number.def(1),
+  preloadItemCount: PropTypes.number.def(1),
+  renderAs: PropTypes.string.def("div"),
+  contentAs: PropTypes.string.def("div"),
+  scrollOffsetTop: PropTypes.number.def(0),
+  scrollPosition: PropTypes.string.def("content"),
+  abosuteHeight: PropTypes.oneOfType([PropTypes.string.def("auto"), PropTypes.number]).def("auto"),
+  throttleDelay: PropTypes.number.def(60)
+}, EventProps);
+var useTagRender = (props2, ctx) => {
+  const {
+    renderAs,
+    contentAs
+  } = props2;
+  const handleScrollCallback = (event, _startIndex, _endIndex, _scrollTop, translateY, scrollLeft, pos) => {
+    ctx.emit("content-scroll", [event, {
+      translateY,
+      translateX: scrollLeft,
+      pos
+    }]);
+  };
+  const vVirtualRender = resolveDirective("bkVirtualRender");
+  const dirModifier = {
+    lineHeight: props2.lineHeight,
+    handleScrollCallback,
+    pagination: {},
+    throttleDelay: props2.throttleDelay,
+    onlyScroll: props2.scrollEvent
+  };
+  return {
+    rendAsTag: () => {
+      var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l;
+      return h$1(renderAs, {
+        class: props2.className
+      }, [(_c = (_b = (_a = ctx.slots).beforeContent) == null ? void 0 : _b.call(_a)) != null ? _c : "", withDirectives(h$1(contentAs, {
+        class: props2.contentClassName,
+        style: props2.contentStyle
+      }, [(_f = (_e = (_d = ctx.slots).default) == null ? void 0 : _e.call(_d, {
+        data: props2.list
+      })) != null ? _f : ""]), [[vVirtualRender, dirModifier]]), (_i = (_h = (_g = ctx.slots).afterContent) == null ? void 0 : _h.call(_g)) != null ? _i : "", (_l = (_k = (_j = ctx.slots).afterSection) == null ? void 0 : _k.call(_j)) != null ? _l : ""]);
+    }
+  };
+};
+function getMatchedIndex(maxCount, maxHeight, groupItemCount, callback) {
+  let startIndex = 0;
+  let height = 0;
+  let diffHeight = 0;
+  let lastHeight = 0;
+  for (; startIndex < maxCount; startIndex++) {
+    lastHeight = callback(startIndex, [startIndex * groupItemCount, (startIndex + 1) * groupItemCount, "virtual"]);
+    if (height + lastHeight > maxHeight) {
+      diffHeight = maxHeight - height;
+      break;
+    }
+    height += lastHeight;
+  }
+  return { startIndex, height, diffHeight };
+}
+function computedVirtualIndex(lineHeight, callback, pagination2, el, event) {
+  if (!el) {
+    return;
+  }
+  const elScrollTop = el.scrollTop;
+  const elScrollLeft = el.scrollLeft;
+  const { scrollTop: scrollTop2, count, groupItemCount, startIndex, endIndex } = pagination2;
+  const { offsetHeight } = el;
+  let targetStartIndex = 0;
+  let targetEndIndex = 0;
+  let translateY = 0;
+  if (typeof lineHeight === "number") {
+    targetStartIndex = Math.floor(elScrollTop / lineHeight);
+    targetEndIndex = Math.ceil(offsetHeight / lineHeight) + targetStartIndex;
+    translateY = elScrollTop % lineHeight;
+  }
+  if (typeof lineHeight === "function") {
+    const startValue = getMatchedIndex(count, elScrollTop, groupItemCount, lineHeight);
+    targetStartIndex = startValue.startIndex > 0 ? startValue.startIndex : 0;
+    translateY = startValue.diffHeight;
+    const endValue = getMatchedIndex(count, offsetHeight, groupItemCount, lineHeight);
+    targetEndIndex = endValue.startIndex + targetStartIndex + 1;
+  }
+  if (elScrollTop !== scrollTop2 || targetStartIndex !== startIndex || targetEndIndex !== endIndex) {
+    const bottom2 = el.scrollHeight - el.offsetHeight - el.scrollTop;
+    typeof callback === "function" && callback(event, targetStartIndex, targetEndIndex, elScrollTop, translateY, elScrollLeft, { bottom: bottom2 >= 0 ? bottom2 : 0 });
+  }
+}
+function visibleRender(e, wrapper, binding) {
+  const { lineHeight = 30, handleScrollCallback, pagination: pagination2 = {}, onlyScroll } = binding.value;
+  if (onlyScroll) {
+    const elScrollTop = wrapper.scrollTop;
+    const elScrollLeft = wrapper.scrollLeft;
+    const bottom2 = wrapper.scrollHeight - wrapper.offsetHeight - wrapper.scrollTop;
+    handleScrollCallback(e, null, null, elScrollTop, elScrollTop, elScrollLeft, { bottom: bottom2 >= 0 ? bottom2 : 0 });
+    return;
+  }
+  const { startIndex, endIndex, groupItemCount, count, scrollTop: scrollTop2 } = pagination2;
+  computedVirtualIndex(lineHeight, handleScrollCallback, { scrollTop: scrollTop2, startIndex, endIndex, groupItemCount, count }, wrapper, e);
+}
+const throttledRender = (delay = 60) => lodash.exports.throttle((e, wrapper, binding) => visibleRender(e, wrapper, binding), delay);
+const executeThrottledRender = (e, wrapper, binding, delay = 60) => {
+  Reflect.apply(throttledRender(delay), globalThis, [e, wrapper, binding]);
+};
+var virtualRender = {
+  mounted(el, binding) {
+    const wrapper = el.parentNode;
+    const { throttleDelay } = binding.value;
+    wrapper.addEventListener("scroll", (e) => {
+      executeThrottledRender(e, wrapper, binding, throttleDelay);
+    });
   },
-  emits: ["change", "close"],
-  slots: ["icon"],
-  setup(props2, {
-    emit
-  }) {
-    const wrapperCls = computed(() => classes({
-      "bk-tag-closable": props2.closable,
-      "bk-tag-checkable": props2.checkable,
-      "bk-tag-check": props2.checked,
-      [`bk-tag-${props2.type}`]: props2.type,
-      [`bk-tag-${props2.theme}`]: props2.theme,
-      [props2.extCls]: !!props2.extCls
-    }, "bk-tag"));
-    const wrapperStyle = computed(() => ({
-      borderRadius: props2.radius
-    }));
-    const handleClose = (e) => {
-      e.preventDefault();
-      e.stopPropagation();
-      emit("close", e);
-    };
-    const handleClick = (e) => {
-      e.preventDefault();
-      e.stopPropagation();
-      if (props2.checkable) {
-        emit("change", !props2.checked);
+  unbind(el) {
+    if (el) {
+      const wrapper = el.parentNode;
+      if (!wrapper) {
+        return;
       }
-    };
-    return {
-      wrapperCls,
-      wrapperStyle,
-      handleClose,
-      handleClick
-    };
-  },
-  render() {
-    var _a, _b;
-    return createVNode("div", {
-      "class": this.wrapperCls,
-      "style": this.wrapperStyle,
-      "onClick": this.handleClick
-    }, [this.$slots.icon ? createVNode("span", {
-      "class": "bk-tag-icon"
-    }, [this.$slots.icon()]) : "", createVNode("span", {
-      "class": "bk-tag-text"
-    }, [(_b = (_a = this.$slots).default) == null ? void 0 : _b.call(_a)]), this.closable ? createVNode(error, {
-      "class": "bk-tag-close",
-      "onClick": this.handleClose
-    }, null) : ""]);
+      wrapper.removeEventListener("scroll", throttledRender);
+    }
   }
-});
-const BkTag = withInstall(Component$k);
-function _isSlot$5(s2) {
-  return typeof s2 === "function" || Object.prototype.toString.call(s2) === "[object Object]" && !isVNode(s2);
-}
-var SelectTagInput = defineComponent({
-  name: "SelectTagInput",
-  props: {
-    selected: {
-      type: Array,
-      default: () => []
-    },
-    tagTheme: PropTypes.theme(["success", "info", "warning", "danger"]).def(""),
-    placeholder: PropTypes.string.def(""),
-    filterable: PropTypes.bool.def(false),
-    allowCreate: PropTypes.bool.def(false),
-    modelValue: PropTypes.any
+};
+var Component$k = defineComponent({
+  name: "VirtualRender",
+  directives: {
+    bkVirtualRender: virtualRender
   },
-  emits: ["update:modelValue", "remove", "enter"],
-  setup(props2, {
-    emit
-  }) {
-    const select2 = inject(selectKey, null);
+  props: virtualRenderProps,
+  emits: ["content-scroll"],
+  setup(props2, ctx) {
     const {
-      modelValue
-    } = toRefs(props2);
-    const value = ref(modelValue.value);
-    const inputRef = ref();
-    watch(modelValue, () => {
-      value.value = modelValue.value;
-    });
-    const handleRemoveTag = (val) => {
-      emit("remove", val);
-    };
-    const focus = () => {
-      var _a;
-      (_a = inputRef.value) == null ? void 0 : _a.focus();
-    };
-    const handleInput = (e) => {
-      emit("update:modelValue", e.target.value);
-    };
-    const handleKeydown = (e) => {
-      switch (e.code) {
-        case "Enter": {
-          emit("enter", e.target.value, e);
-          break;
-        }
+      renderAs,
+      contentAs
+    } = props2;
+    const resolvePropClassName = (prop) => {
+      if (typeof prop === "string") {
+        return [prop];
       }
-    };
-    const handleGetLabelByValue = select2 == null ? void 0 : select2.handleGetLabelByValue;
-    return {
-      value,
+      if (typeof prop === "object" && !Array.isArray(prop)) {
+        return [prop];
+      }
+      return prop;
+    };
+    if (!props2.enabled) {
+      const {
+        rendAsTag
+      } = useTagRender(props2, ctx);
+      return rendAsTag;
+    }
+    const refRoot = ref(null);
+    const pagination2 = reactive({
+      startIndex: 0,
+      endIndex: 0,
+      scrollTop: 1,
+      translateY: 0,
+      translateX: 0,
+      count: 0,
+      pos: {},
+      groupItemCount: props2.groupItemCount
+    });
+    const handleScrollCallback = (event, startIndex, endIndex, scrollTop2, translateY, scrollLeft, pos) => {
+      pagination2.startIndex = startIndex;
+      pagination2.endIndex = endIndex;
+      pagination2.scrollTop = scrollTop2;
+      pagination2.translateY = translateY;
+      pagination2.translateX = scrollLeft;
+      pagination2.pos = pos;
+      ctx.emit("content-scroll", [event, pagination2]);
+    };
+    onMounted(() => {
+      nextTick(() => {
+        handleListChanged(props2.list);
+        afterListDataReset();
+      });
+    });
+    watch(() => props2.list, () => {
+      handleChangeListConfig();
+      afterListDataReset();
+    }, {
+      deep: true
+    });
+    watch(() => props2.lineHeight, () => {
+      handleChangeListConfig();
+      afterListDataReset();
+    });
+    const handleChangeListConfig = () => {
+      handleListChanged(props2.list);
+    };
+    const listLength = ref(0);
+    const innerHeight = ref(0);
+    const handleListChanged = (list) => {
+      listLength.value = Math.ceil((list || []).length / props2.groupItemCount);
+      pagination2.count = listLength.value;
+      pagination2.startIndex = 0;
+      pagination2.endIndex = 0;
+      pagination2.translateY = 0;
+      pagination2.scrollTop = 0;
+      const isAuto = typeof props2.abosuteHeight === "string" && props2.abosuteHeight === "auto";
+      if (isAuto) {
+        if (typeof props2.lineHeight === "function") {
+          innerHeight.value = 0;
+          let fnValue = 0;
+          for (let i2 = 0; i2 < listLength.value; i2++) {
+            const fnVal = props2.lineHeight.call(this, i2, list.slice(i2 * props2.groupItemCount, props2.groupItemCount));
+            fnValue += typeof fnVal === "number" ? fnVal : 0;
+          }
+          innerHeight.value = fnValue;
+        } else {
+          innerHeight.value = props2.lineHeight * listLength.value;
+        }
+      } else {
+        innerHeight.value = props2.abosuteHeight;
+      }
+    };
+    const afterListDataReset = (scrollTop2 = true) => {
+      var _a;
+      const el = (_a = refRoot.value) == null ? void 0 : _a.parentNode;
+      computedVirtualIndex(props2.lineHeight, handleScrollCallback, pagination2, el, null);
+      if (scrollTop2 && refRoot.value) {
+        refRoot.value.scrollTo(0, 0);
+      }
+    };
+    const localList = computed(() => (props2.list || []).map((item, index) => __spreadProps(__spreadValues({}, item), {
+      $index: index
+    })));
+    const calcList = computed(() => localList.value.slice(pagination2.startIndex * props2.groupItemCount, (pagination2.endIndex + props2.preloadItemCount) * props2.groupItemCount));
+    const innerContentStyle = computed(() => props2.scrollPosition === "content" ? {
+      top: `${pagination2.scrollTop + props2.scrollOffsetTop}px`,
+      transform: `translateY(-${pagination2.translateY}px)`
+    } : {});
+    const wrapperStyle = computed(() => __spreadValues({
+      height: typeof props2.height === "number" ? `${props2.height}px` : props2.height,
+      width: typeof props2.width === "number" ? `${props2.width}px` : props2.width,
+      display: "inline-block"
+    }, props2.scrollPosition === "container" ? innerContentStyle.value : {}));
+    const innerStyle = computed(() => {
+      const isHidden = typeof props2.abosuteHeight === "number" && props2.abosuteHeight === 0;
+      return {
+        height: `${innerHeight.value < props2.minHeight ? props2.minHeight : innerHeight.value}px`,
+        display: isHidden ? "none" : "block"
+      };
+    });
+    const wrapperClass = computed(() => [resolveClassName("virtual-render"), props2.scrollXName, props2.scrollYName, ...resolvePropClassName(props2.className), props2.scrollPosition === "container" ? resolveClassName("virtual-content") : ""]);
+    const innerClass = computed(() => [props2.scrollPosition === "content" ? resolveClassName("virtual-content") : "", ...resolvePropClassName(props2.contentClassName)]);
+    const vVirtualRender = resolveDirective("bkVirtualRender");
+    const dirModifier = {
+      lineHeight: props2.lineHeight,
+      handleScrollCallback,
+      pagination: pagination2,
+      throttleDelay: props2.throttleDelay
+    };
+    const reset2 = () => {
+      handleChangeListConfig();
+      afterListDataReset();
+    };
+    ctx.expose({
+      reset: reset2
+    });
+    return () => {
+      var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l;
+      return h$1(renderAs || "div", {
+        ref: refRoot,
+        class: wrapperClass.value,
+        style: wrapperStyle.value
+      }, [(_c = (_b = (_a = ctx.slots).beforeContent) == null ? void 0 : _b.call(_a)) != null ? _c : "", withDirectives(h$1(contentAs || "div", {
+        class: innerClass.value,
+        style: __spreadValues(__spreadValues({}, innerContentStyle.value), props2.contentStyle)
+      }, [(_f = (_e = (_d = ctx.slots).default) == null ? void 0 : _e.call(_d, {
+        data: calcList.value
+      })) != null ? _f : ""]), [[vVirtualRender, dirModifier]]), (_i = (_h = (_g = ctx.slots).afterContent) == null ? void 0 : _h.call(_g)) != null ? _i : "", h$1("div", {
+        class: [resolveClassName("virtual-section")],
+        style: innerStyle.value
+      }), (_l = (_k = (_j = ctx.slots).afterSection) == null ? void 0 : _k.call(_j)) != null ? _l : ""]);
+    };
+  }
+});
+const BkVirtualRender = withInstall(Component$k);
+var Component$j = defineComponent({
+  name: "Tag",
+  props: {
+    theme: PropTypes.theme(["success", "info", "warning", "danger"]).def(""),
+    closable: PropTypes.bool.def(false),
+    type: PropTypes.commonType(["", "filled", "stroke"]).def(""),
+    checkable: PropTypes.bool.def(false),
+    checked: PropTypes.bool.def(false),
+    radius: PropTypes.string.def("2px"),
+    extCls: PropTypes.string.def("")
+  },
+  emits: ["change", "close"],
+  slots: ["icon"],
+  setup(props2, {
+    emit
+  }) {
+    const wrapperCls = computed(() => classes({
+      "bk-tag-closable": props2.closable,
+      "bk-tag-checkable": props2.checkable,
+      "bk-tag-check": props2.checked,
+      [`bk-tag-${props2.type}`]: props2.type,
+      [`bk-tag-${props2.theme}`]: props2.theme,
+      [props2.extCls]: !!props2.extCls
+    }, "bk-tag"));
+    const wrapperStyle = computed(() => ({
+      borderRadius: props2.radius
+    }));
+    const handleClose = (e) => {
+      e.preventDefault();
+      e.stopPropagation();
+      emit("close", e);
+    };
+    const handleClick = (e) => {
+      e.preventDefault();
+      e.stopPropagation();
+      if (props2.checkable) {
+        emit("change", !props2.checked);
+      }
+    };
+    return {
+      wrapperCls,
+      wrapperStyle,
+      handleClose,
+      handleClick
+    };
+  },
+  render() {
+    var _a, _b;
+    return createVNode("div", {
+      "class": this.wrapperCls,
+      "style": this.wrapperStyle,
+      "onClick": this.handleClick
+    }, [this.$slots.icon ? createVNode("span", {
+      "class": "bk-tag-icon"
+    }, [this.$slots.icon()]) : "", createVNode("span", {
+      "class": "bk-tag-text"
+    }, [(_b = (_a = this.$slots).default) == null ? void 0 : _b.call(_a)]), this.closable ? createVNode(error, {
+      "class": "bk-tag-close",
+      "onClick": this.handleClose
+    }, null) : ""]);
+  }
+});
+const BkTag = withInstall(Component$j);
+var SelectTagInput = defineComponent({
+  name: "SelectTagInput",
+  props: {
+    selected: {
+      type: Array,
+      default: () => []
+    },
+    tagTheme: PropTypes.theme(["success", "info", "warning", "danger"]).def(""),
+    placeholder: PropTypes.string.def(""),
+    filterable: PropTypes.bool.def(false),
+    allowCreate: PropTypes.bool.def(false),
+    disabled: PropTypes.bool.def(false),
+    modelValue: PropTypes.any
+  },
+  emits: ["update:modelValue", "remove", "enter"],
+  setup(props2, {
+    emit
+  }) {
+    const {
+      modelValue,
+      disabled
+    } = toRefs(props2);
+    const value = ref(modelValue.value);
+    const inputRef = ref();
+    watch(modelValue, () => {
+      value.value = modelValue.value;
+    });
+    const handleRemoveTag = (val) => {
+      if (disabled.value)
+        return;
+      emit("remove", val);
+    };
+    const focus = () => {
+      var _a;
+      (_a = inputRef.value) == null ? void 0 : _a.focus();
+    };
+    const handleInput = (e) => {
+      emit("update:modelValue", e.target.value);
+    };
+    const handleKeydown = (e) => {
+      switch (e.code) {
+        case "Enter": {
+          emit("enter", e.target.value, e);
+          break;
+        }
+      }
+    };
+    return {
+      value,
       inputRef,
       handleRemoveTag,
       focus,
       handleInput,
-      handleKeydown,
-      handleGetLabelByValue
+      handleKeydown
     };
   },
   render() {
     var _a, _b, _c, _d;
+    const tagClass = classes({
+      "bk-select-tag": true,
+      "is-disabled": this.disabled
+    });
     return createVNode("div", {
-      "class": "bk-select-tag"
-    }, [(_b = (_a = this.$slots) == null ? void 0 : _a.prefix) == null ? void 0 : _b.call(_a), this.selected.map((item) => {
-      let _slot;
-      return createVNode(BkTag, {
-        "closable": true,
-        "theme": this.tagTheme,
-        "onClose": () => this.handleRemoveTag(item.value)
-      }, _isSlot$5(_slot = this.handleGetLabelByValue(item)) ? _slot : {
-        default: () => [_slot]
-      });
-    }), createVNode("input", {
+      "class": tagClass
+    }, [(_b = (_a = this.$slots) == null ? void 0 : _a.prefix) == null ? void 0 : _b.call(_a), this.selected.map((item) => createVNode(BkTag, {
+      "closable": true,
+      "theme": this.tagTheme,
+      "onClose": () => this.handleRemoveTag(item.value)
+    }, {
+      default: () => [item.label]
+    })), createVNode("input", {
       "class": "bk-select-tag-input",
       "ref": "inputRef",
       "type": "text",
       "placeholder": !this.selected.length ? this.placeholder : "",
       "readonly": !this.filterable,
+      "disabled": this.disabled,
       "value": !this.filterable ? "" : this.value,
       "onInput": this.handleInput,
       "onKeydown": this.handleKeydown
     }, null), (_d = (_c = this.$slots) == null ? void 0 : _c.suffix) == null ? void 0 : _d.call(_c)]);
   }
 });
-var Component$j = defineComponent({
+var Component$i = defineComponent({
   name: "Select",
   directives: {
     clickoutside: ClickOutside
@@ -14368,7 +14659,7 @@ var Component$j = defineComponent({
     loading: PropTypes.bool.def(false),
     filterable: PropTypes.bool.def(false),
     remoteMethod: PropTypes.func,
-    scrollHeight: PropTypes.number.def(216),
+    scrollHeight: PropTypes.number.def(200),
     showSelectAll: PropTypes.bool.def(false),
     popoverMinWidth: PropTypes.number.def(0),
     showOnInit: PropTypes.bool.def(false),
@@ -14391,7 +14682,8 @@ var Component$j = defineComponent({
     displayKey: PropTypes.string.def("label"),
     withValidate: PropTypes.bool.def(true),
     showSelectedIcon: PropTypes.bool.def(true),
-    inputSearch: PropTypes.bool.def(true)
+    inputSearch: PropTypes.bool.def(true),
+    enableVirtualRender: PropTypes.bool.def(false)
   },
   emits: ["update:modelValue", "change", "toggle", "clear", "scroll-end", "focus", "blur"],
   setup(props2, {
@@ -14413,7 +14705,12 @@ var Component$j = defineComponent({
       allowCreate,
       customContent,
       showSelectedIcon,
-      inputSearch
+      inputSearch,
+      enableVirtualRender,
+      showSelectAll,
+      scrollHeight,
+      list,
+      displayKey
     } = toRefs(props2);
     const formItem = useFormItem();
     const inputRef = ref();
@@ -14421,10 +14718,15 @@ var Component$j = defineComponent({
     const contentRef = ref();
     const searchRef = ref();
     const selectTagInputRef = ref();
+    const virtualRenderRef = ref();
     const optionsMap = ref(/* @__PURE__ */ new Map());
     const options = computed(() => [...optionsMap.value.values()]);
     const groupsMap = ref(/* @__PURE__ */ new Map());
     const selected = ref([]);
+    const cacheSelectedMap = computed(() => selected.value.reduce((pre, item) => {
+      pre[item.value] = item.label;
+      return pre;
+    }, {}));
     const activeOptionValue = ref();
     watch(modelValue, () => {
       var _a;
@@ -14435,8 +14737,15 @@ var Component$j = defineComponent({
     }, {
       deep: true
     });
+    const filterList = computed(() => isRemoteSearch.value ? list.value : list.value.filter((item) => {
+      var _a;
+      return (_a = toLowerCase(String(item[displayKey.value]))) == null ? void 0 : _a.includes(searchKey.value);
+    }));
     const isDisabled = computed(() => disabled.value || loading2.value);
-    const selectedLabel = computed(() => selected.value.map((item) => handleGetLabelByValue(item)));
+    const selectedLabel = computed(() => selected.value.map((item) => {
+      var _a, _b;
+      return ((_b = (_a = optionsMap.value) == null ? void 0 : _a.get(item.value)) == null ? void 0 : _b.label) || item.label;
+    }));
     const isAllSelected = computed(() => {
       const normalSelectedValues = options.value.reduce((pre, option) => {
         if (!option.disabled) {
@@ -14451,6 +14760,8 @@ var Component$j = defineComponent({
     const isSearchEmpty = computed(() => options.value.length && options.value.every((option) => !option.visible));
     const isRemoteSearch = computed(() => filterable.value && typeof remoteMethod.value === "function");
     const isShowSelectContent = computed(() => !(searchLoading.value || isOptionsEmpty.value || isSearchEmpty.value) || customContent.value);
+    const isShowSelectAll = computed(() => multiple.value && showSelectAll.value && (!searchKey.value || !filterable.value));
+    const virtualHeight = computed(() => scrollHeight.value - 12 - (isShowSelectAll.value ? 32 : 0));
     const curContentText = computed(() => {
       if (searchLoading.value) {
         return loadingText.value;
@@ -14507,6 +14818,13 @@ var Component$j = defineComponent({
         initActiveOptionValue();
       }
     });
+    const watchOnce = watch(isPopoverShow, () => {
+      setTimeout(() => {
+        var _a, _b;
+        enableVirtualRender.value && ((_b = (_a = virtualRenderRef.value) == null ? void 0 : _a.reset) == null ? void 0 : _b.call(_a));
+        watchOnce();
+      });
+    });
     const initActiveOptionValue = () => {
       var _a;
       const firstSelected = selected.value[0];
@@ -14639,9 +14957,9 @@ var Component$j = defineComponent({
       const {
         scrollTop: scrollTop2,
         clientHeight,
-        scrollHeight
+        scrollHeight: scrollHeight2
       } = e.target;
-      if (scrollTop2 + clientHeight === scrollHeight) {
+      if (scrollTop2 + clientHeight === scrollHeight2) {
         emit("scroll-end");
       }
     };
@@ -14652,26 +14970,26 @@ var Component$j = defineComponent({
         emitChange(selected.value.map((item) => item.value));
       }
     };
-    const handleGetLabelByValue = (item) => {
+    const handleGetLabelByValue = (value) => {
       var _a, _b;
-      return ((_b = (_a = optionsMap.value) == null ? void 0 : _a.get(item.value)) == null ? void 0 : _b.label) || item.label || item.value;
+      return ((_b = (_a = optionsMap.value) == null ? void 0 : _a.get(value)) == null ? void 0 : _b.label) || cacheSelectedMap.value[value] || value;
     };
     const handleSetSelectedData = () => {
       if (Array.isArray(modelValue.value)) {
         selected.value = [...modelValue.value.map((value) => ({
           value,
-          label: value
+          label: handleGetLabelByValue(value)
         }))];
-      } else if (modelValue.value !== void 0) {
+      } else if (modelValue.value !== void 0 && modelValue.value !== "") {
         selected.value = [{
           value: modelValue.value,
-          label: modelValue.value
+          label: handleGetLabelByValue(modelValue.value)
         }];
       }
     };
     const handleKeydown = (e) => {
-      var _a, _b;
-      if (!triggerRef.value.contains(e.target) && !contentRef.value.contains(e.target))
+      var _a, _b, _c, _d;
+      if (!((_a = triggerRef.value) == null ? void 0 : _a.contains(e.target)) && !((_b = contentRef.value) == null ? void 0 : _b.contains(e.target)) && !enableVirtualRender.value && !customContent.value)
         return;
       const availableOptions = options.value.filter((option) => !option.disabled && option.visible);
       const index = availableOptions.findIndex((option) => option.value === activeOptionValue.value);
@@ -14681,13 +14999,13 @@ var Component$j = defineComponent({
         case "ArrowDown": {
           e.preventDefault();
           const nextIndex = index >= availableOptions.length - 1 ? 0 : index + 1;
-          activeOptionValue.value = (_a = availableOptions[nextIndex]) == null ? void 0 : _a.value;
+          activeOptionValue.value = (_c = availableOptions[nextIndex]) == null ? void 0 : _c.value;
           break;
         }
         case "ArrowUp": {
           e.preventDefault();
           const preIndex = index === 0 ? availableOptions.length - 1 : index - 1;
-          activeOptionValue.value = (_b = availableOptions[preIndex]) == null ? void 0 : _b.value;
+          activeOptionValue.value = (_d = availableOptions[preIndex]) == null ? void 0 : _d.value;
           break;
         }
         case "Backspace": {
@@ -14729,8 +15047,7 @@ var Component$j = defineComponent({
       unregister,
       registerGroup,
       unregisterGroup,
-      handleOptionSelected,
-      handleGetLabelByValue
+      handleOptionSelected
     }));
     onMounted(() => {
       handleSetSelectedData();
@@ -14756,6 +15073,7 @@ var Component$j = defineComponent({
       contentRef,
       searchRef,
       selectTagInputRef,
+      virtualRenderRef,
       searchLoading,
       isOptionsEmpty,
       isSearchEmpty,
@@ -14764,6 +15082,9 @@ var Component$j = defineComponent({
       curContentText,
       isGroup,
       searchKey,
+      isShowSelectAll,
+      virtualHeight,
+      filterList,
       setHover,
       cancelHover,
       handleFocus,
@@ -14798,7 +15119,7 @@ var Component$j = defineComponent({
       trigger: "manual",
       width: this.popperWidth,
       arrow: false,
-      placement: "bottom",
+      placement: "bottom-start",
       isShow: this.isPopoverShow
     };
     const popoverOptions = lodash.exports.merge(basePopoverOptions, this.popoverOptions);
@@ -14832,6 +15153,7 @@ var Component$j = defineComponent({
           "tagTheme": this.tagTheme,
           "placeholder": this.placeholder,
           "filterable": this.isInput,
+          "disabled": this.isDisabled,
           "onRemove": this.handleDeleteTag,
           "onEnter": this.handleInputEnter
         }, {
@@ -14903,11 +15225,24 @@ var Component$j = defineComponent({
         "onScroll": this.handleScroll
       }, [withDirectives(createVNode("ul", {
         "class": "bk-select-options"
-      }, [this.multiple && this.showSelectAll && (!this.searchKey || !this.filterable) && createVNode("li", {
+      }, [this.isShowSelectAll && createVNode("li", {
         "class": "bk-select-option",
         "onMouseenter": this.handleSelectedAllOptionMouseEnter,
         "onClick": this.handleToggleAll
-      }, [this.selectAllText]), this.list.map((item) => createVNode(BkOption, {
+      }, [this.selectAllText]), this.enableVirtualRender ? createVNode(BkVirtualRender, {
+        "list": this.filterList,
+        "height": this.virtualHeight,
+        "lineHeight": 32,
+        "ref": "virtualRenderRef"
+      }, {
+        default: ({
+          data: data2
+        }) => data2.map((item) => createVNode(BkOption, {
+          "key": item[this.idKey],
+          "value": item[this.idKey],
+          "label": item[this.displayKey]
+        }, null))
+      }) : this.list.map((item) => createVNode(BkOption, {
         "value": item[this.idKey],
         "label": item[this.displayKey]
       }, null)), (_b = (_a = this.$slots).default) == null ? void 0 : _b.call(_a), this.scrollLoading && createVNode("li", {
@@ -14932,7 +15267,7 @@ var Component$j = defineComponent({
     })]);
   }
 });
-const BkSelect = withInstallProps(Component$j, { Option: BkOption, Group: OptionGroup });
+const BkSelect = withInstallProps(Component$i, { Option: BkOption, Group: OptionGroup });
 function _isSlot$4(s2) {
   return typeof s2 === "function" || Object.prototype.toString.call(s2) === "[object Object]" && !isVNode(s2);
 }
@@ -14942,7 +15277,7 @@ const {
 const sliderPops = Object.assign({}, propsMixin);
 sliderPops.width.default = "400";
 sliderPops.height.default = "100%";
-var Component$i = defineComponent({
+var Component$h = defineComponent({
   name: "Sideslider",
   components: {
     BkModal,
@@ -15031,7 +15366,7 @@ var Component$i = defineComponent({
     };
   }
 });
-const BkSideslider = withInstall(Component$i);
+const BkSideslider = withInstall(Component$h);
 const stepsProps = {
   theme: PropTypes.theme().def("primary"),
   size: PropTypes.size(),
@@ -15045,7 +15380,7 @@ const stepsProps = {
   steps: PropTypes.array.def([]),
   beforeChange: PropTypes.func
 };
-var Component$h = defineComponent({
+var Component$g = defineComponent({
   name: "Steps",
   props: stepsProps,
   emits: ["update:curStep", "click"],
@@ -15199,8 +15534,8 @@ var Component$h = defineComponent({
     })]);
   }
 });
-const BkSteps$2 = withInstall(Component$h);
-var Component$g = defineComponent({
+const BkSteps$2 = withInstall(Component$g);
+var Component$f = defineComponent({
   name: "Switcher",
   props: {
     theme: PropTypes.theme().def(""),
@@ -15297,298 +15632,7 @@ var Component$g = defineComponent({
     }, [isChecked.value ? props2.onText : props2.offText]) : ""]);
   }
 });
-const BkSwitcher = withInstall(Component$g);
-const EventProps = {
-  onContentScroll: Function
-};
-const virtualRenderProps = __spreadValues({
-  list: PropTypes.array.def([]),
-  enabled: PropTypes.bool.def(true),
-  scrollEvent: PropTypes.bool.def(false),
-  lineHeight: PropTypes.oneOfType([PropTypes.number, PropTypes.func]).def(30),
-  minHeight: PropTypes.number.def(30),
-  height: PropTypes.oneOfType([PropTypes.string.def("100%"), PropTypes.number]).def("100%"),
-  width: PropTypes.oneOfType([PropTypes.string.def("100%"), PropTypes.number]).def("100%"),
-  className: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.string), PropTypes.object, PropTypes.arrayOf(PropTypes.object), PropTypes.string]).def(""),
-  contentClassName: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.string), PropTypes.object, PropTypes.arrayOf(PropTypes.object), PropTypes.string]).def(""),
-  contentStyle: PropTypes.object.def({}),
-  scrollXName: PropTypes.string.def(resolveClassName("F-scroll-x")),
-  scrollYName: PropTypes.string.def(resolveClassName("F-scroll-y")),
-  groupItemCount: PropTypes.number.def(1),
-  preloadItemCount: PropTypes.number.def(1),
-  renderAs: PropTypes.string.def("div"),
-  contentAs: PropTypes.string.def("div"),
-  scrollOffsetTop: PropTypes.number.def(0),
-  scrollPosition: PropTypes.string.def("content"),
-  abosuteHeight: PropTypes.oneOfType([PropTypes.string.def("auto"), PropTypes.number]).def("auto"),
-  throttleDelay: PropTypes.number.def(60)
-}, EventProps);
-var useTagRender = (props2, ctx) => {
-  const {
-    renderAs,
-    contentAs
-  } = props2;
-  const handleScrollCallback = (event, _startIndex, _endIndex, _scrollTop, translateY, scrollLeft, pos) => {
-    ctx.emit("content-scroll", [event, {
-      translateY,
-      translateX: scrollLeft,
-      pos
-    }]);
-  };
-  const vVirtualRender = resolveDirective("bkVirtualRender");
-  const dirModifier = {
-    lineHeight: props2.lineHeight,
-    handleScrollCallback,
-    pagination: {},
-    throttleDelay: props2.throttleDelay,
-    onlyScroll: props2.scrollEvent
-  };
-  return {
-    rendAsTag: () => {
-      var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l;
-      return h$1(renderAs, {
-        class: props2.className
-      }, [(_c = (_b = (_a = ctx.slots).beforeContent) == null ? void 0 : _b.call(_a)) != null ? _c : "", withDirectives(h$1(contentAs, {
-        class: props2.contentClassName,
-        style: props2.contentStyle
-      }, [(_f = (_e = (_d = ctx.slots).default) == null ? void 0 : _e.call(_d, {
-        data: props2.list
-      })) != null ? _f : ""]), [[vVirtualRender, dirModifier]]), (_i = (_h = (_g = ctx.slots).afterContent) == null ? void 0 : _h.call(_g)) != null ? _i : "", (_l = (_k = (_j = ctx.slots).afterSection) == null ? void 0 : _k.call(_j)) != null ? _l : ""]);
-    }
-  };
-};
-function getMatchedIndex(maxCount, maxHeight, groupItemCount, callback) {
-  let startIndex = 0;
-  let height = 0;
-  let diffHeight = 0;
-  let lastHeight = 0;
-  for (; startIndex < maxCount; startIndex++) {
-    lastHeight = callback(startIndex, [startIndex * groupItemCount, (startIndex + 1) * groupItemCount, "virtual"]);
-    if (height + lastHeight > maxHeight) {
-      diffHeight = maxHeight - height;
-      break;
-    }
-    height += lastHeight;
-  }
-  return { startIndex, height, diffHeight };
-}
-function computedVirtualIndex(lineHeight, callback, pagination2, el, event) {
-  if (!el) {
-    return;
-  }
-  const elScrollTop = el.scrollTop;
-  const elScrollLeft = el.scrollLeft;
-  const { scrollTop: scrollTop2, count, groupItemCount, startIndex, endIndex } = pagination2;
-  const { offsetHeight } = el;
-  let targetStartIndex = 0;
-  let targetEndIndex = 0;
-  let translateY = 0;
-  if (typeof lineHeight === "number") {
-    targetStartIndex = Math.floor(elScrollTop / lineHeight);
-    targetEndIndex = Math.ceil(offsetHeight / lineHeight) + targetStartIndex;
-    translateY = elScrollTop % lineHeight;
-  }
-  if (typeof lineHeight === "function") {
-    const startValue = getMatchedIndex(count, elScrollTop, groupItemCount, lineHeight);
-    targetStartIndex = startValue.startIndex > 0 ? startValue.startIndex : 0;
-    translateY = startValue.diffHeight;
-    const endValue = getMatchedIndex(count, offsetHeight, groupItemCount, lineHeight);
-    targetEndIndex = endValue.startIndex + targetStartIndex + 1;
-  }
-  if (elScrollTop !== scrollTop2 || targetStartIndex !== startIndex || targetEndIndex !== endIndex) {
-    const bottom2 = el.scrollHeight - el.offsetHeight - el.scrollTop;
-    typeof callback === "function" && callback(event, targetStartIndex, targetEndIndex, elScrollTop, translateY, elScrollLeft, { bottom: bottom2 >= 0 ? bottom2 : 0 });
-  }
-}
-function visibleRender(e, wrapper, binding) {
-  const { lineHeight = 30, handleScrollCallback, pagination: pagination2 = {}, onlyScroll } = binding.value;
-  if (onlyScroll) {
-    const elScrollTop = wrapper.scrollTop;
-    const elScrollLeft = wrapper.scrollLeft;
-    const bottom2 = wrapper.scrollHeight - wrapper.offsetHeight - wrapper.scrollTop;
-    handleScrollCallback(e, null, null, elScrollTop, elScrollTop, elScrollLeft, { bottom: bottom2 >= 0 ? bottom2 : 0 });
-    return;
-  }
-  const { startIndex, endIndex, groupItemCount, count, scrollTop: scrollTop2 } = pagination2;
-  computedVirtualIndex(lineHeight, handleScrollCallback, { scrollTop: scrollTop2, startIndex, endIndex, groupItemCount, count }, wrapper, e);
-}
-const throttledRender = (delay = 60) => lodash.exports.throttle((e, wrapper, binding) => visibleRender(e, wrapper, binding), delay);
-const executeThrottledRender = (e, wrapper, binding, delay = 60) => {
-  Reflect.apply(throttledRender(delay), globalThis, [e, wrapper, binding]);
-};
-var virtualRender = {
-  mounted(el, binding) {
-    const wrapper = el.parentNode;
-    const { throttleDelay } = binding.value;
-    wrapper.addEventListener("scroll", (e) => {
-      executeThrottledRender(e, wrapper, binding, throttleDelay);
-    });
-  },
-  unbind(el) {
-    if (el) {
-      const wrapper = el.parentNode;
-      if (!wrapper) {
-        return;
-      }
-      wrapper.removeEventListener("scroll", throttledRender);
-    }
-  }
-};
-var Component$f = defineComponent({
-  name: "VirtualRender",
-  directives: {
-    bkVirtualRender: virtualRender
-  },
-  props: virtualRenderProps,
-  emits: ["content-scroll"],
-  setup(props2, ctx) {
-    const {
-      renderAs,
-      contentAs
-    } = props2;
-    const resolvePropClassName = (prop) => {
-      if (typeof prop === "string") {
-        return [prop];
-      }
-      if (typeof prop === "object" && !Array.isArray(prop)) {
-        return [prop];
-      }
-      return prop;
-    };
-    if (!props2.enabled) {
-      const {
-        rendAsTag
-      } = useTagRender(props2, ctx);
-      return rendAsTag;
-    }
-    const refRoot = ref(null);
-    const pagination2 = reactive({
-      startIndex: 0,
-      endIndex: 0,
-      scrollTop: 1,
-      translateY: 0,
-      translateX: 0,
-      count: 0,
-      pos: {},
-      groupItemCount: props2.groupItemCount
-    });
-    const handleScrollCallback = (event, startIndex, endIndex, scrollTop2, translateY, scrollLeft, pos) => {
-      pagination2.startIndex = startIndex;
-      pagination2.endIndex = endIndex;
-      pagination2.scrollTop = scrollTop2;
-      pagination2.translateY = translateY;
-      pagination2.translateX = scrollLeft;
-      pagination2.pos = pos;
-      ctx.emit("content-scroll", [event, pagination2]);
-    };
-    onMounted(() => {
-      nextTick(() => {
-        handleListChanged(props2.list);
-        afterListDataReset();
-      });
-    });
-    watch(() => props2.list, () => {
-      handleChangeListConfig();
-      afterListDataReset();
-    }, {
-      deep: true
-    });
-    watch(() => props2.lineHeight, () => {
-      handleChangeListConfig();
-      afterListDataReset();
-    });
-    const handleChangeListConfig = () => {
-      handleListChanged(props2.list);
-    };
-    const listLength = ref(0);
-    const innerHeight = ref(0);
-    const handleListChanged = (list) => {
-      listLength.value = Math.ceil((list || []).length / props2.groupItemCount);
-      pagination2.count = listLength.value;
-      pagination2.startIndex = 0;
-      pagination2.endIndex = 0;
-      pagination2.translateY = 0;
-      pagination2.scrollTop = 0;
-      const isAuto = typeof props2.abosuteHeight === "string" && props2.abosuteHeight === "auto";
-      if (isAuto) {
-        if (typeof props2.lineHeight === "function") {
-          innerHeight.value = 0;
-          let fnValue = 0;
-          for (let i2 = 0; i2 < listLength.value; i2++) {
-            const fnVal = props2.lineHeight.call(this, i2, list.slice(i2 * props2.groupItemCount, props2.groupItemCount));
-            fnValue += typeof fnVal === "number" ? fnVal : 0;
-          }
-          innerHeight.value = fnValue;
-        } else {
-          innerHeight.value = props2.lineHeight * listLength.value;
-        }
-      } else {
-        innerHeight.value = props2.abosuteHeight;
-      }
-    };
-    const afterListDataReset = (scrollTop2 = true) => {
-      var _a;
-      const el = (_a = refRoot.value) == null ? void 0 : _a.parentNode;
-      computedVirtualIndex(props2.lineHeight, handleScrollCallback, pagination2, el, null);
-      if (scrollTop2 && refRoot.value) {
-        refRoot.value.scrollTo(0, 0);
-      }
-    };
-    const localList = computed(() => (props2.list || []).map((item, index) => __spreadProps(__spreadValues({}, item), {
-      $index: index
-    })));
-    const calcList = computed(() => localList.value.slice(pagination2.startIndex * props2.groupItemCount, (pagination2.endIndex + props2.preloadItemCount) * props2.groupItemCount));
-    const innerContentStyle = computed(() => props2.scrollPosition === "content" ? {
-      top: `${pagination2.scrollTop + props2.scrollOffsetTop}px`,
-      transform: `translateY(-${pagination2.translateY}px)`
-    } : {});
-    const wrapperStyle = computed(() => __spreadValues({
-      height: typeof props2.height === "number" ? `${props2.height}px` : props2.height,
-      width: typeof props2.width === "number" ? `${props2.width}px` : props2.width,
-      display: "inline-block"
-    }, props2.scrollPosition === "container" ? innerContentStyle.value : {}));
-    const innerStyle = computed(() => {
-      const isHidden = typeof props2.abosuteHeight === "number" && props2.abosuteHeight === 0;
-      return {
-        height: `${innerHeight.value < props2.minHeight ? props2.minHeight : innerHeight.value}px`,
-        display: isHidden ? "none" : "block"
-      };
-    });
-    const wrapperClass = computed(() => [resolveClassName("virtual-render"), props2.scrollXName, props2.scrollYName, ...resolvePropClassName(props2.className), props2.scrollPosition === "container" ? resolveClassName("virtual-content") : ""]);
-    const innerClass = computed(() => [props2.scrollPosition === "content" ? resolveClassName("virtual-content") : "", ...resolvePropClassName(props2.contentClassName)]);
-    const vVirtualRender = resolveDirective("bkVirtualRender");
-    const dirModifier = {
-      lineHeight: props2.lineHeight,
-      handleScrollCallback,
-      pagination: pagination2,
-      throttleDelay: props2.throttleDelay
-    };
-    const reset2 = () => {
-      handleChangeListConfig();
-      afterListDataReset();
-    };
-    ctx.expose({
-      reset: reset2
-    });
-    return () => {
-      var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l;
-      return h$1(renderAs || "div", {
-        ref: refRoot,
-        class: wrapperClass.value,
-        style: wrapperStyle.value
-      }, [(_c = (_b = (_a = ctx.slots).beforeContent) == null ? void 0 : _b.call(_a)) != null ? _c : "", withDirectives(h$1(contentAs || "div", {
-        class: innerClass.value,
-        style: __spreadValues(__spreadValues({}, innerContentStyle.value), props2.contentStyle)
-      }, [(_f = (_e = (_d = ctx.slots).default) == null ? void 0 : _e.call(_d, {
-        data: calcList.value
-      })) != null ? _f : ""]), [[vVirtualRender, dirModifier]]), (_i = (_h = (_g = ctx.slots).afterContent) == null ? void 0 : _h.call(_g)) != null ? _i : "", h$1("div", {
-        class: [resolveClassName("virtual-section")],
-        style: innerStyle.value
-      }), (_l = (_k = (_j = ctx.slots).afterSection) == null ? void 0 : _k.call(_j)) != null ? _l : ""]);
-    };
-  }
-});
-const BkVirtualRender = withInstall(Component$f);
+const BkSwitcher = withInstall(Component$f);
 var BORDER_OPTION = /* @__PURE__ */ ((BORDER_OPTION2) => {
   BORDER_OPTION2["NONE"] = "none";
   BORDER_OPTION2["ROW"] = "row";
@@ -23985,7 +24029,7 @@ var DateRangePanel = defineComponent({
       if (shortcut.onClick) {
         shortcut.onClick(shortcut, index);
       }
-      emit("pick", typeof shortcut.value === "function" ? shortcut.value() : shortcut.value, false, props2.type, shortcut);
+      emit("pick", typeof shortcut.value === "function" ? shortcut.value() : shortcut.value, false, "shortcut", shortcut);
       if (props2.shortcutClose) {
         emit("pick-success");
       }