bkui-vue 0.0.1-beta.49 → 0.0.1-beta.51

package/dist/index.esm.js

@@ -34,53 +34,6 @@ var __publicField = (obj, key, value) => {
   return value;
 };
 import { createVNode, h as h$1, mergeProps, defineComponent, reactive, ref, computed, watch, onMounted, onBeforeUnmount, Transition, getCurrentInstance, provide, inject, nextTick, isVNode, createTextVNode, Fragment, toRefs, customRef, onBeforeMount, withDirectives, vShow, toRef, unref, resolveDirective, vModelText, watchEffect, onUpdated, render, onUnmounted, Teleport } from "vue";
-var reset = "";
-var alert = "";
-var backtop = "";
-var badge = "";
-var breadcrumb = "";
-var button = "";
-var card = "";
-var checkbox = "";
-var collapse = "";
-var dialog = "";
-var exception = "";
-var fixedNavbar = "";
-var input = "";
-var link = "";
-var dropdown = "";
-var loading = "";
-var modal = "";
-var popover = "";
-var progress = "";
-var radio = "";
-var rate = "";
-var star$1 = "";
-var swiper = "";
-var select = "";
-var sideslider = "";
-var switcher = "";
-var table = "";
-var tag = "";
-var form = "";
-var steps = "";
-var message = "";
-var notify = "";
-var tree = "";
-var slider = "";
-var menu = "";
-var navigation = "";
-var datePicker = "";
-var divider = "";
-var tab = "";
-var process = "";
-var virtualRender$1 = "";
-var transfer = "";
-var pagination = "";
-var timeline = "";
-var codeDiff = "";
-var resizeLayout = "";
-var tagInput = "";
 const BKLAYERD_INDEX_EFAULT_VALUE = {
   ["bottom"]: 0,
   ["content"]: 1,
@@ -1880,11 +1833,11 @@ class BkMaskManager {
       Object.entries(maskStyle).forEach((cfg) => this.mask.style.setProperty(cfg[0], cfg[1]));
     }
   }
-  getMaskAttrTag(tag2) {
-    if (/^(auto|\s+)$/i.test(tag2) || tag2 === null || tag2 === void 0 || tag2 === "") {
+  getMaskAttrTag(tag) {
+    if (/^(auto|\s+)$/i.test(tag) || tag === null || tag === void 0 || tag === "") {
       return `__bk_mask_${random(16)}`;
     }
-    return tag2;
+    return tag;
   }
   appendContentToMask(content) {
     this.mask.append(content);
@@ -3962,20 +3915,20 @@ var lodash = { exports: {} };
             return copyArray(value, result2);
           }
         } else {
-          var tag2 = getTag(value), isFunc = tag2 == funcTag || tag2 == genTag;
+          var tag = getTag(value), isFunc = tag == funcTag || tag == genTag;
           if (isBuffer(value)) {
             return cloneBuffer(value, isDeep);
           }
-          if (tag2 == objectTag || tag2 == argsTag || isFunc && !object) {
+          if (tag == objectTag || tag == argsTag || isFunc && !object) {
             result2 = isFlat || isFunc ? {} : initCloneObject(value);
             if (!isDeep) {
               return isFlat ? copySymbolsIn(value, baseAssignIn(result2, value)) : copySymbols(value, baseAssign(result2, value));
             }
           } else {
-            if (!cloneableTags[tag2]) {
+            if (!cloneableTags[tag]) {
               return object ? value : {};
             }
-            result2 = initCloneByTag(value, tag2, isDeep);
+            result2 = initCloneByTag(value, tag, isDeep);
           }
         }
         stack || (stack = new Stack());
@@ -5270,11 +5223,11 @@ var lodash = { exports: {} };
       };
       function createToPairs(keysFunc) {
         return function(object) {
-          var tag2 = getTag(object);
-          if (tag2 == mapTag) {
+          var tag = getTag(object);
+          if (tag == mapTag) {
             return mapToArray(object);
           }
-          if (tag2 == setTag) {
+          if (tag == setTag) {
             return setToPairs(object);
           }
           return baseToPairs(object, keysFunc(object));
@@ -5394,8 +5347,8 @@ var lodash = { exports: {} };
         stack["delete"](other);
         return result2;
       }
-      function equalByTag(object, other, tag2, bitmask, customizer, equalFunc, stack) {
-        switch (tag2) {
+      function equalByTag(object, other, tag, bitmask, customizer, equalFunc, stack) {
+        switch (tag) {
           case dataViewTag:
             if (object.byteLength != other.byteLength || object.byteOffset != other.byteOffset) {
               return false;
@@ -5531,7 +5484,7 @@ var lodash = { exports: {} };
         return baseIsNative(value) ? value : undefined$1;
       }
       function getRawTag(value) {
-        var isOwn = hasOwnProperty.call(value, symToStringTag), tag2 = value[symToStringTag];
+        var isOwn = hasOwnProperty.call(value, symToStringTag), tag = value[symToStringTag];
         try {
           value[symToStringTag] = undefined$1;
           var unmasked = true;
@@ -5540,7 +5493,7 @@ var lodash = { exports: {} };
         var result2 = nativeObjectToString.call(value);
         if (unmasked) {
           if (isOwn) {
-            value[symToStringTag] = tag2;
+            value[symToStringTag] = tag;
           } else {
             delete value[symToStringTag];
           }
@@ -5637,9 +5590,9 @@ var lodash = { exports: {} };
       function initCloneObject(object) {
         return typeof object.constructor == "function" && !isPrototype(object) ? baseCreate(getPrototype(object)) : {};
       }
-      function initCloneByTag(object, tag2, isDeep) {
+      function initCloneByTag(object, tag, isDeep) {
         var Ctor = object.constructor;
-        switch (tag2) {
+        switch (tag) {
           case arrayBufferTag:
             return cloneArrayBuffer(object);
           case boolTag:
@@ -6520,8 +6473,8 @@ var lodash = { exports: {} };
         if (isArrayLike(collection)) {
           return isString(collection) ? stringSize(collection) : collection.length;
         }
-        var tag2 = getTag(collection);
-        if (tag2 == mapTag || tag2 == setTag) {
+        var tag = getTag(collection);
+        if (tag == mapTag || tag == setTag) {
           return collection.size;
         }
         return baseKeys(collection).length;
@@ -6859,8 +6812,8 @@ var lodash = { exports: {} };
         if (isArrayLike(value) && (isArray2(value) || typeof value == "string" || typeof value.splice == "function" || isBuffer(value) || isTypedArray(value) || isArguments(value))) {
           return !value.length;
         }
-        var tag2 = getTag(value);
-        if (tag2 == mapTag || tag2 == setTag) {
+        var tag = getTag(value);
+        if (tag == mapTag || tag == setTag) {
           return !value.size;
         }
         if (isPrototype(value)) {
@@ -6885,8 +6838,8 @@ var lodash = { exports: {} };
         if (!isObjectLike(value)) {
           return false;
         }
-        var tag2 = baseGetTag(value);
-        return tag2 == errorTag || tag2 == domExcTag || typeof value.message == "string" && typeof value.name == "string" && !isPlainObject2(value);
+        var tag = baseGetTag(value);
+        return tag == errorTag || tag == domExcTag || typeof value.message == "string" && typeof value.name == "string" && !isPlainObject2(value);
       }
       function isFinite2(value) {
         return typeof value == "number" && nativeIsFinite(value);
@@ -6895,8 +6848,8 @@ var lodash = { exports: {} };
         if (!isObject2(value)) {
           return false;
         }
-        var tag2 = baseGetTag(value);
-        return tag2 == funcTag || tag2 == genTag || tag2 == asyncTag || tag2 == proxyTag;
+        var tag = baseGetTag(value);
+        return tag == funcTag || tag == genTag || tag == asyncTag || tag == proxyTag;
       }
       function isInteger(value) {
         return typeof value == "number" && value == toInteger2(value);
@@ -6983,7 +6936,7 @@ var lodash = { exports: {} };
         if (symIterator && value[symIterator]) {
           return iteratorToArray(value[symIterator]());
         }
-        var tag2 = getTag(value), func = tag2 == mapTag ? mapToArray : tag2 == setTag ? setToArray : values;
+        var tag = getTag(value), func = tag == mapTag ? mapToArray : tag == setTag ? setToArray : values;
         return func(value);
       }
       function toFinite(value) {
@@ -8483,7 +8436,7 @@ const loadingTypes = {
   indicator: {
     type: Function
   },
-  loading: PropTypes.bool,
+  loading: PropTypes.bool.def(true),
   inline: PropTypes.bool.def(true),
   theme: PropTypes.theme(["white", "primary", "warning", "success", "danger"]),
   title: PropTypes.string.def(""),
@@ -9340,7 +9293,7 @@ const inputType = {
   clearable: PropTypes.bool,
   disabled: PropTypes.bool,
   readonly: PropTypes.bool,
-  placeholder: PropTypes.string,
+  placeholder: PropTypes.string.def("Enter"),
   prefixIcon: PropTypes.string,
   suffixIcon: PropTypes.string,
   suffix: PropTypes.string,
@@ -9774,15 +9727,15 @@ const Circle = (_2, {
   const radius = 50 - circleStrokeWidth / 2;
   const isDashboard = type === "dashboard";
   const len = Math.PI * 2 * radius;
-  const rate2 = isDashboard && 0.75 || 1;
-  const strokeDashoffset = `${-1 * len * (1 - rate2) / 2}px`;
+  const rate = isDashboard && 0.75 || 1;
+  const strokeDashoffset = `${-1 * len * (1 - rate) / 2}px`;
   const transition = "stroke-dasharray 0.6s ease 0s, stroke 0.6s ease";
   const trailStyle = {
-    strokeDasharray: `${len * rate2}px, ${len}px`,
+    strokeDasharray: `${len * rate}px, ${len}px`,
     strokeDashoffset
   };
   const pathStyle = {
-    strokeDasharray: `${len * rate2 * (percent / 100)}px, ${len}px`,
+    strokeDasharray: `${len * rate * (percent / 100)}px, ${len}px`,
     strokeDashoffset,
     transition
   };
@@ -9933,11 +9886,11 @@ var Component$f = defineComponent({
     const $props = __spreadProps(__spreadValues({}, this.$props), {
       percent: this.validPercent(this.percent)
     });
-    let progress2 = createVNode(Line, $props, _isSlot$3(progressInfo) ? progressInfo : {
+    let progress = createVNode(Line, $props, _isSlot$3(progressInfo) ? progressInfo : {
       default: () => [progressInfo]
     });
     if (this.type === "circle" || this.type === "dashboard") {
-      progress2 = createVNode(Circle, $props, _isSlot$3(progressInfo) ? progressInfo : {
+      progress = createVNode(Circle, $props, _isSlot$3(progressInfo) ? progressInfo : {
         default: () => [progressInfo]
       });
     }
@@ -9946,7 +9899,7 @@ var Component$f = defineComponent({
         extCls: !!this.extCls
       }, `bk-progress bk-progress-${this.type}`)
     };
-    return createVNode("div", progressProps, [progress2]);
+    return createVNode("div", progressProps, [progress]);
   }
 });
 const BkProgress = withInstall(Component$f);
@@ -10221,14 +10174,14 @@ var star = defineComponent({
     const chooseRate = (index) => {
       if (!props.editable)
         return;
-      const rate2 = index + 1;
-      emit("chooseRate", rate2);
+      const rate = index + 1;
+      emit("chooseRate", rate);
     };
     const changeHover = (index) => {
       if (!props.editable)
         return;
-      const rate2 = index + 1;
-      emit("changeHover", rate2);
+      const rate = index + 1;
+      emit("changeHover", rate);
     };
     const starClass = (index) => classes({
       "bk-is-select": index < Math.floor(displayRate.value),
@@ -10390,10 +10343,10 @@ var Component$c = defineComponent({
       swiperIndex.value = showIndex;
       emit("index-change", showIndex);
     };
-    const goToLink = (link2) => {
-      if (!link2)
+    const goToLink = (link) => {
+      if (!link)
         return;
-      window.open(link2, "_blank");
+      window.open(link, "_blank");
     };
     const getRenderItemClass = (renderData) => ["bk-swiper-img", {
       "bk-swiper-link": renderData.link
@@ -10618,21 +10571,21 @@ var BkOption = defineComponent({
     const {
       disabled
     } = toRefs(props);
-    const select2 = inject(selectKey, null);
+    const select = inject(selectKey, null);
     const group = inject(optionGroupKey, null);
-    const selected = computed(() => select2.selectedOptions.has(proxy));
-    const multiple = computed(() => select2 == null ? void 0 : select2.props.multiple);
+    const selected = computed(() => select.selectedOptions.has(proxy));
+    const multiple = computed(() => select == null ? void 0 : select.props.multiple);
     const handleOptionClick = () => {
       if (disabled.value)
         return;
-      select2 == null ? void 0 : select2.handleOptionSelected(proxy);
+      select == null ? void 0 : select.handleOptionSelected(proxy);
     };
     onBeforeMount(() => {
-      select2 == null ? void 0 : select2.register(proxy);
+      select == null ? void 0 : select.register(proxy);
       group == null ? void 0 : group.register(proxy);
     });
     onBeforeUnmount(() => {
-      select2 == null ? void 0 : select2.unregister(proxy);
+      select == null ? void 0 : select.unregister(proxy);
       group == null ? void 0 : group.unregister(proxy);
     });
     return __spreadProps(__spreadValues({}, toRefs(states)), {
@@ -10670,7 +10623,7 @@ var OptionGroup = defineComponent({
     const {
       proxy
     } = getCurrentInstance();
-    const select2 = inject(selectKey, null);
+    const select = inject(selectKey, null);
     const states = reactive({
       groupCollapse: props.collapse,
       visible: true
@@ -10693,10 +10646,10 @@ var OptionGroup = defineComponent({
       groupCollapse: toRef(states, "groupCollapse")
     })));
     onBeforeMount(() => {
-      select2 == null ? void 0 : select2.registerGroup(proxy);
+      select == null ? void 0 : select.registerGroup(proxy);
     });
     onBeforeUnmount(() => {
-      select2 == null ? void 0 : select2.unregisterGroup(proxy);
+      select == null ? void 0 : select.unregisterGroup(proxy);
     });
     return __spreadProps(__spreadValues({}, toRefs(states)), {
       groupLabel,
@@ -11221,9 +11174,10 @@ var Component$a = defineComponent({
     noMatchText: PropTypes.string.def("\u65E0\u5339\u914D\u6570\u636E"),
     loadingText: PropTypes.string.def("\u52A0\u8F7D\u4E2D..."),
     placeholder: PropTypes.string.def("\u8BF7\u9009\u62E9"),
-    selectAllText: PropTypes.string.def("\u5168\u90E8")
+    selectAllText: PropTypes.string.def("\u5168\u90E8"),
+    scrollLoading: PropTypes.bool.def(false)
   },
-  emits: ["update:modelValue", "change", "toggle", "clear"],
+  emits: ["update:modelValue", "change", "toggle", "clear", "scroll-end"],
   setup(props, {
     emit
   }) {
@@ -11234,7 +11188,7 @@ var Component$a = defineComponent({
       placeholder,
       multiple,
       remoteMethod,
-      loading: loading2,
+      loading,
       loadingText,
       noDataText,
       noMatchText,
@@ -11250,7 +11204,7 @@ var Component$a = defineComponent({
     const popoverRef = ref();
     const options = ref(/* @__PURE__ */ new Set());
     const groups = ref(/* @__PURE__ */ new Set());
-    const isDisabled = computed(() => disabled.value || loading2.value);
+    const isDisabled = computed(() => disabled.value || loading.value);
     const selectedLabel = computed(() => [...states.selectedOptions.values()].map((option) => option.label));
     const isAllSelected = computed(() => [...options.value.values()].filter((option) => !option.disabled).every((option) => states.selectedOptions.has(option)));
     const isGroup = computed(() => !!groups.value.size);
@@ -11384,6 +11338,16 @@ var Component$a = defineComponent({
       selectedCallback();
       emitChange([...states.selectedOptions.values()].map((option) => option.value));
     };
+    const handleScroll = (e) => {
+      const {
+        scrollTop,
+        clientHeight,
+        scrollHeight
+      } = e.target;
+      if (scrollTop + clientHeight === scrollHeight) {
+        emit("scroll-end");
+      }
+    };
     const handleClickOutside = () => {
       hidePopover();
       handleBlur();
@@ -11437,7 +11401,8 @@ var Component$a = defineComponent({
       showPopover,
       handleToggleAll,
       handleOptionSelected,
-      handleClickOutside
+      handleClickOutside,
+      handleScroll
     });
   },
   render() {
@@ -11461,6 +11426,7 @@ var Component$a = defineComponent({
       const suffixIcon = () => {
         if (this.loading) {
           return createVNode(BkLoading, {
+            "loading": true,
             "class": "spinner",
             "mode": "spin",
             "size": "mini"
@@ -11528,6 +11494,7 @@ var Component$a = defineComponent({
         "class": "bk-select-empty"
       }, [this.searchLoading && createVNode(BkLoading, {
         "class": "mr5",
+        "loading": true,
         "mode": "spin",
         "size": "mini"
       }, null), this.curContentText]), createVNode("div", {
@@ -11536,13 +11503,22 @@ var Component$a = defineComponent({
         "class": "bk-select-dropdown",
         "style": {
           maxHeight: `${this.scrollHeight}px`
-        }
+        },
+        "onScroll": this.handleScroll
       }, [withDirectives(createVNode("ul", {
         "class": "bk-select-options"
       }, [this.multiple && this.showSelectAll && !this.searchKey && createVNode("li", {
         "class": "bk-select-option",
         "onClick": this.handleToggleAll
-      }, [this.selectAllText]), (_b = (_a = this.$slots).default) == null ? void 0 : _b.call(_a)]), [[vShow, this.isShowSelectContent]])]), this.$slots.extension && createVNode("div", {
+      }, [this.selectAllText]), (_b = (_a = this.$slots).default) == null ? void 0 : _b.call(_a), this.scrollLoading && createVNode("li", {
+        "class": "bk-select-options-loading"
+      }, [createVNode(BkLoading, {
+        "class": "spinner mr5",
+        "theme": "primary",
+        "loading": true,
+        "mode": "spin",
+        "size": "mini"
+      }, null), this.loadingText])]), [[vShow, this.isShowSelectContent]])]), this.$slots.extension && createVNode("div", {
         "class": "bk-select-extension"
       }, [this.$slots.extension()])])]);
     };
@@ -11653,9 +11629,9 @@ var Component$8 = defineComponent({
     emit
   }) {
     const defaultSteps = ref([]);
-    const updateSteps = (steps2) => {
+    const updateSteps = (steps) => {
       const defaults = [];
-      steps2.forEach((step) => {
+      steps.forEach((step) => {
         if (typeof step === "string") {
           defaults.push(step);
         } else {
@@ -11916,12 +11892,12 @@ function getMatchedIndex(maxCount, maxHeight, groupItemCount, callback) {
   }
   return { startIndex, height, diffHeight };
 }
-function computedVirtualIndex(lineHeight, callback, pagination2, el, event) {
+function computedVirtualIndex(lineHeight, callback, pagination, el, event) {
   if (!el) {
     return;
   }
   const elScrollTop = el.scrollTop;
-  const { scrollTop, count, groupItemCount, startIndex, endIndex } = pagination2;
+  const { scrollTop, count, groupItemCount, startIndex, endIndex } = pagination;
   const { offsetHeight } = el;
   let targetStartIndex = 0;
   let targetEndIndex = 0;
@@ -11943,8 +11919,8 @@ function computedVirtualIndex(lineHeight, callback, pagination2, el, event) {
   }
 }
 function visibleRender(e, wrapper, binding) {
-  const { lineHeight = 30, handleScrollCallback, pagination: pagination2 = {} } = binding.value;
-  const { startIndex, endIndex, groupItemCount, count, scrollTop } = pagination2;
+  const { lineHeight = 30, handleScrollCallback, pagination = {} } = binding.value;
+  const { startIndex, endIndex, groupItemCount, count, scrollTop } = pagination;
   computedVirtualIndex(lineHeight, handleScrollCallback, { scrollTop, startIndex, endIndex, groupItemCount, count }, wrapper, e);
 }
 const throttledRender = (delay = 60) => lodash.exports.throttle((e, wrapper, binding) => visibleRender(e, wrapper, binding), delay);
@@ -12015,7 +11991,7 @@ var Component$6 = defineComponent({
       };
     }
     const refRoot = ref(null);
-    const pagination2 = reactive({
+    const pagination = reactive({
       startIndex: 0,
       endIndex: 0,
       scrollTop: 1,
@@ -12024,11 +12000,11 @@ var Component$6 = defineComponent({
       groupItemCount: props.groupItemCount
     });
     const handleScrollCallback = (event, startIndex, endIndex, scrollTop, translateY) => {
-      pagination2.startIndex = startIndex;
-      pagination2.endIndex = endIndex;
-      pagination2.scrollTop = scrollTop;
-      pagination2.translateY = translateY;
-      ctx.emit("content-scroll", [event, pagination2]);
+      pagination.startIndex = startIndex;
+      pagination.endIndex = endIndex;
+      pagination.scrollTop = scrollTop;
+      pagination.translateY = translateY;
+      ctx.emit("content-scroll", [event, pagination]);
     };
     onMounted(() => {
       nextTick(() => {
@@ -12053,11 +12029,11 @@ var Component$6 = defineComponent({
     const innerHeight = ref(0);
     const handleListChanged = (list) => {
       listLength.value = Math.ceil((list || []).length / props.groupItemCount);
-      pagination2.count = listLength.value;
-      pagination2.startIndex = 0;
-      pagination2.endIndex = 0;
-      pagination2.translateY = 0;
-      pagination2.scrollTop = 0;
+      pagination.count = listLength.value;
+      pagination.startIndex = 0;
+      pagination.endIndex = 0;
+      pagination.translateY = 0;
+      pagination.scrollTop = 0;
       const isAuto = typeof props.abosuteHeight === "string" && props.abosuteHeight === "auto";
       if (isAuto) {
         if (typeof props.lineHeight === "function") {
@@ -12078,15 +12054,15 @@ var Component$6 = defineComponent({
     const afterListDataReset = () => {
       var _a;
       const el = (_a = refRoot.value) == null ? void 0 : _a.parentNode;
-      computedVirtualIndex(props.lineHeight, handleScrollCallback, pagination2, el, null);
+      computedVirtualIndex(props.lineHeight, handleScrollCallback, pagination, el, null);
     };
     const localList = computed(() => (props.list || []).map((item, index) => __spreadProps(__spreadValues({}, item), {
       $index: index
     })));
-    const calcList = computed(() => localList.value.slice(pagination2.startIndex * props.groupItemCount, (pagination2.endIndex + props.preloadItemCount) * props.groupItemCount));
+    const calcList = computed(() => localList.value.slice(pagination.startIndex * props.groupItemCount, (pagination.endIndex + props.preloadItemCount) * props.groupItemCount));
     const innerContentStyle = computed(() => props.scrollPosition === "content" ? {
-      top: `${pagination2.scrollTop + props.scrollOffsetTop}px`,
-      transform: `translateY(-${pagination2.translateY}px)`
+      top: `${pagination.scrollTop + props.scrollOffsetTop}px`,
+      transform: `translateY(-${pagination.translateY}px)`
     } : {});
     const wrapperStyle = computed(() => __spreadValues({
       height: typeof props.height === "number" ? `${props.height}px` : props.height,
@@ -12106,7 +12082,7 @@ var Component$6 = defineComponent({
     const dirModifier = {
       lineHeight: props.lineHeight,
       handleScrollCallback,
-      pagination: pagination2,
+      pagination,
       throttleDelay: props.throttleDelay
     };
     return () => {
@@ -12129,6 +12105,241 @@ var Component$6 = defineComponent({
 });
 const BkVirtualRender = withInstall(Component$6);
 const BORDER_OPRIONS = ["none", "row", "col", "outer"];
+const resolvePropVal = (prop, key, args) => {
+  if (Object.prototype.hasOwnProperty.call(prop, key)) {
+    if (typeof prop[key] === "function") {
+      return prop[key].call(globalThis, ...args);
+    }
+    return prop[key];
+  }
+  return void 0;
+};
+const resolveNumberToNumArray = (prop) => {
+  if (/^\d+$/.test(`${prop}`)) {
+    return [parseInt(`${prop}`, 10)];
+  }
+  return [];
+};
+const resolveWidth = (propWidth) => resolveNumberOrStringToPix(propWidth, "auto");
+const resolveNumberOrStringToPix = (val, defaultValue = "100%", offset2 = null) => {
+  let target = "";
+  if (/^auto|null|undefined$/ig.test(`${val}`)) {
+    target = defaultValue;
+  } else {
+    target = /^\d+\.?\d+$/.test(`${val}`) ? `${val}px` : val;
+  }
+  if (offset2) {
+    target = `calc(${target} - ${offset2})`;
+  }
+  return target;
+};
+const resolvePropBorderToClassStr = (val) => {
+  const defaultVal = ["row"];
+  if (typeof val === "string") {
+    defaultVal.push(val);
+  }
+  if (Array.isArray(val)) {
+    defaultVal.push(...val.filter((str) => BORDER_OPRIONS.includes(str)));
+  }
+  return [...new Set(defaultVal)].map((item) => `bordered-${item}`).join(" ");
+};
+const resolveColumnWidth = (root, colgroups, autoWidth = 20) => {
+  const {
+    width
+  } = root.getBoundingClientRect() || {};
+  let avgWidth = width - 4;
+  const avgColIndexList = [];
+  const resolveColNumberWidth = (col, numWidth, resetAvgWidth = true) => {
+    Object.assign(col, {
+      calcWidth: numWidth
+    });
+    if (resetAvgWidth) {
+      avgWidth = avgWidth - numWidth;
+      if (avgWidth < 0) {
+        avgWidth = 0;
+      }
+    }
+  };
+  colgroups.forEach((col, index) => {
+    const colWidth = String(col.width);
+    let isAutoWidthCol = true;
+    if (/^\d+\.?\d*(px)?$/.test(colWidth)) {
+      const numWidth = Number(colWidth.replace("px", ""));
+      resolveColNumberWidth(col, numWidth);
+      isAutoWidthCol = false;
+    }
+    if (/^\d+\.?\d*%$/.test(colWidth)) {
+      let perWidth = autoWidth;
+      if (avgWidth > 0) {
+        const percent = Number(colWidth.replace("%", ""));
+        perWidth = avgWidth * percent / 100;
+      }
+      resolveColNumberWidth(col, perWidth);
+      isAutoWidthCol = false;
+    }
+    if (isAutoWidthCol) {
+      avgColIndexList.push(index);
+    }
+  });
+  if (avgColIndexList.length > 0) {
+    let autoAvgWidth = autoWidth;
+    if (avgWidth > 0) {
+      autoAvgWidth = avgWidth / avgColIndexList.length;
+      avgColIndexList.forEach((idx) => resolveColNumberWidth(colgroups[idx], autoAvgWidth, false));
+    }
+  }
+};
+const observerResize = (root, callbackFn, delay = 60, immediate = false) => {
+  const callFn = lodash.exports.throttle(() => {
+    if (typeof callbackFn === "function") {
+      callbackFn();
+    }
+  }, delay);
+  const resizeObserver = new ResizeObserver(() => {
+    callFn();
+  });
+  if (immediate) {
+    if (typeof callbackFn === "function") {
+      callbackFn();
+    }
+  }
+  return {
+    start: () => {
+      resizeObserver.observe(root);
+    },
+    stop: () => {
+      resizeObserver.disconnect();
+      resizeObserver.unobserve(root);
+    }
+  };
+};
+const isPercentPixOrNumber = (val) => /^\d+\.?\d*(px|%)?$/.test(`${val}`);
+const resolveHeadConfig = (props) => {
+  const {
+    showHead,
+    headHeight,
+    thead = {}
+  } = props;
+  return Object.assign({}, {
+    isShow: showHead,
+    height: headHeight
+  }, __spreadValues({}, thead));
+};
+const getRowText = (row, key, column) => {
+  if (column.type === "index") {
+    return row.__$table_row_index;
+  }
+  return row[key];
+};
+const resolveActiveColumns = (props) => {
+  if (props.columnPick !== "disabled") {
+    if (props.columnPick === "multi") {
+      return Array.isArray(props.activeColumn) ? props.activeColumn : resolveNumberToNumArray(props.activeColumn);
+    }
+    return Array.isArray(props.activeColumn) ? resolveNumberToNumArray(props.activeColumn[0]) : resolveNumberToNumArray(props.activeColumn);
+  }
+  return [];
+};
+var useActiveColumns = (props) => {
+  let activeColumns = reactive([]);
+  if (props.columnPick === "disabled") {
+    return {
+      activeColumns
+    };
+  }
+  const activeCols = reactive(resolveActiveColumns(props));
+  const getActiveColumns = () => (props.columns || []).map((_column, index) => ({
+    index,
+    active: activeCols.some((colIndex) => colIndex === index),
+    _column
+  }));
+  watchEffect(() => {
+    activeColumns = getActiveColumns();
+    const cols = resolveActiveColumns(props);
+    activeColumns.forEach((col, index) => {
+      Object.assign(col, {
+        active: cols.some((colIndex) => colIndex === index)
+      });
+    });
+  });
+  return {
+    activeColumns
+  };
+};
+const resolvePaginationOption = (propPagination, defVal) => {
+  if (!!propPagination) {
+    if (typeof propPagination === "object") {
+      let current = Object.prototype.hasOwnProperty.call(propPagination, "current") ? propPagination.current : propPagination.value;
+      if (!/\d+/.test(current)) {
+        current = 1;
+      }
+      return __spreadProps(__spreadValues(__spreadValues({}, defVal), propPagination), {
+        current
+      });
+    }
+    return defVal;
+  }
+  return {};
+};
+var userPagination = (props) => {
+  const startIndex = ref(0);
+  const endIndex = ref(0);
+  const indexData = computed(() => props.data.map((item, index) => __spreadProps(__spreadValues({}, item), {
+    __$table_row_index: index + 1
+  })));
+  let pagination = reactive({
+    count: 0,
+    limit: 10,
+    current: 1
+  });
+  pagination = resolvePaginationOption(props.pagination, pagination);
+  const resetStartEndIndex = () => {
+    if (!props.pagination || props.remotePagination) {
+      startIndex.value = 0;
+      endIndex.value = props.data.length;
+      return;
+    }
+    startIndex.value = (pagination.current - 1) * pagination.limit;
+    endIndex.value = pagination.current * pagination.limit;
+  };
+  resetStartEndIndex();
+  const pageData = reactive([]);
+  const sort = (sortFn) => {
+    if (typeof sortFn === "function") {
+      pageData.sort(sortFn);
+    }
+  };
+  const filter = (filterFn) => {
+    if (typeof filterFn === "function") {
+      const filterVals = pageData.filter((row, index) => filterFn(row, index, props.data));
+      pageData.splice(0, pageData.length, ...filterVals);
+    }
+  };
+  const resolvePageData = (filterFn, sortFn) => {
+    pageData.splice(0, pageData.length, ...indexData.value.slice(startIndex.value, endIndex.value));
+    filter(filterFn);
+    sort(sortFn);
+  };
+  const watchEffectFn = (filterFn, sortFn) => {
+    pagination = resolvePaginationOption(props.pagination, pagination);
+    resetStartEndIndex();
+    resolvePageData(filterFn, sortFn);
+  };
+  const localPagination = computed(() => {
+    if (!props.pagination) {
+      return null;
+    }
+    return props.remotePagination ? pagination : __spreadProps(__spreadValues({}, pagination), {
+      count: props.data.length
+    });
+  });
+  return {
+    pageData,
+    localPagination,
+    resolvePageData,
+    watchEffectFn
+  };
+};
 var SortScope = /* @__PURE__ */ ((SortScope2) => {
   SortScope2["CURRENT"] = "current";
   SortScope2["ALL"] = "all";
@@ -12613,156 +12824,6 @@ var Component$5 = defineComponent({
   }
 });
 const BkPagination = withInstall(Component$5);
-const resolvePropVal = (prop, key, args) => {
-  if (Object.prototype.hasOwnProperty.call(prop, key)) {
-    if (typeof prop[key] === "function") {
-      return prop[key].call(globalThis, ...args);
-    }
-    return prop[key];
-  }
-  return void 0;
-};
-const resolveActiveColumns = (props) => {
-  if (props.columnPick !== "disabled") {
-    if (props.columnPick === "multi") {
-      return Array.isArray(props.activeColumn) ? props.activeColumn : resolveNumberToNumArray(props.activeColumn);
-    }
-    return Array.isArray(props.activeColumn) ? resolveNumberToNumArray(props.activeColumn[0]) : resolveNumberToNumArray(props.activeColumn);
-  }
-  return [];
-};
-const resolveNumberToNumArray = (prop) => {
-  if (/^\d+$/.test(`${prop}`)) {
-    return [parseInt(`${prop}`, 10)];
-  }
-  return [];
-};
-const resolveWidth = (propWidth) => resolveNumberOrStringToPix(propWidth, "auto");
-const resolveNumberOrStringToPix = (val, defaultValue = "100%", offset2 = null) => {
-  let target = "";
-  if (/^auto|null|undefined$/ig.test(`${val}`)) {
-    target = defaultValue;
-  } else {
-    target = /^\d+\.?\d+$/.test(`${val}`) ? `${val}px` : val;
-  }
-  if (offset2) {
-    target = `calc(${target} - ${offset2})`;
-  }
-  return target;
-};
-const resolvePropBorderToClassStr = (val) => {
-  const defaultVal = ["row"];
-  if (typeof val === "string") {
-    defaultVal.push(val);
-  }
-  if (Array.isArray(val)) {
-    defaultVal.push(...val.filter((str) => BORDER_OPRIONS.includes(str)));
-  }
-  return [...new Set(defaultVal)].map((item) => `bordered-${item}`).join(" ");
-};
-const resolveColumnWidth = (root, colgroups, autoWidth = 20) => {
-  const {
-    width
-  } = root.getBoundingClientRect() || {};
-  let avgWidth = width - 4;
-  const avgColIndexList = [];
-  const resolveColNumberWidth = (col, numWidth, resetAvgWidth = true) => {
-    Object.assign(col, {
-      calcWidth: numWidth
-    });
-    if (resetAvgWidth) {
-      avgWidth = avgWidth - numWidth;
-      if (avgWidth < 0) {
-        avgWidth = 0;
-      }
-    }
-  };
-  colgroups.forEach((col, index) => {
-    const colWidth = String(col.width);
-    let isAutoWidthCol = true;
-    if (/^\d+\.?\d*(px)?$/.test(colWidth)) {
-      const numWidth = Number(colWidth.replace("px", ""));
-      resolveColNumberWidth(col, numWidth);
-      isAutoWidthCol = false;
-    }
-    if (/^\d+\.?\d*%$/.test(colWidth)) {
-      let perWidth = autoWidth;
-      if (avgWidth > 0) {
-        const percent = Number(colWidth.replace("%", ""));
-        perWidth = avgWidth * percent / 100;
-      }
-      resolveColNumberWidth(col, perWidth);
-      isAutoWidthCol = false;
-    }
-    if (isAutoWidthCol) {
-      avgColIndexList.push(index);
-    }
-  });
-  if (avgColIndexList.length > 0) {
-    let autoAvgWidth = autoWidth;
-    if (avgWidth > 0) {
-      autoAvgWidth = avgWidth / avgColIndexList.length;
-      avgColIndexList.forEach((idx) => resolveColNumberWidth(colgroups[idx], autoAvgWidth, false));
-    }
-  }
-};
-const observerResize = (root, callbackFn, delay = 60, immediate = false) => {
-  const callFn = lodash.exports.throttle(() => {
-    if (typeof callbackFn === "function") {
-      callbackFn();
-    }
-  }, delay);
-  const resizeObserver = new ResizeObserver(() => {
-    callFn();
-  });
-  if (immediate) {
-    if (typeof callbackFn === "function") {
-      callbackFn();
-    }
-  }
-  return {
-    start: () => {
-      resizeObserver.observe(root);
-    },
-    stop: () => {
-      resizeObserver.disconnect();
-      resizeObserver.unobserve(root);
-    }
-  };
-};
-const isPercentPixOrNumber = (val) => /^\d+\.?\d*(px|%)?$/.test(`${val}`);
-const resolvePaginationOption = (propPagination, defVal) => {
-  if (!!propPagination) {
-    if (typeof propPagination === "object") {
-      let current = Object.prototype.hasOwnProperty.call(propPagination, "current") ? propPagination.current : propPagination.value;
-      if (!/\d+/.test(current)) {
-        current = 1;
-      }
-      return __spreadProps(__spreadValues(__spreadValues({}, defVal), propPagination), {
-        current
-      });
-    }
-    return defVal;
-  }
-  return {};
-};
-const resolveHeadConfig = (props) => {
-  const {
-    showHead,
-    headHeight,
-    thead = {}
-  } = props;
-  return Object.assign({}, {
-    isShow: showHead,
-    height: headHeight
-  }, __spreadValues({}, thead));
-};
-const getRowText = (row, key, column) => {
-  if (column.type === "index") {
-    return row.__$table_row_index;
-  }
-  return row[key];
-};
 function _isSlot(s2) {
   return typeof s2 === "function" || Object.prototype.toString.call(s2) === "[object Object]" && !isVNode(s2);
 }
@@ -12820,6 +12881,8 @@ var HeadFilter = defineComponent({
     const handleBtnResetClick = () => {
       if (state.checked.length) {
         state.checked.splice(0, state.checked.length);
+        isShow.value = false;
+        nextTick(() => emit("change", state.checked, filterFn));
       }
     };
     return () => createVNode(BkPopover, mergeProps({
@@ -13134,79 +13197,82 @@ class TableRender {
     })]);
   }
 }
+const useClass = (props, root) => {
+  const autoHeight = ref("auto");
+  const tableClass = computed(() => classes({
+    [resolveClassName("table")]: true
+  }, resolvePropBorderToClassStr(props.border)));
+  const headClass = classes({
+    [resolveClassName("table-head")]: true
+  });
+  const contentClass = classes({
+    [resolveClassName("table-body")]: true
+  });
+  const footerClass = classes({
+    [resolveClassName("table-footer")]: true,
+    ["is-hidden"]: !props.pagination
+  });
+  const wrapperStyle = computed(() => ({
+    minHeight: resolveNumberOrStringToPix(props.minHeight, "auto")
+  }));
+  const contentStyle = computed(() => {
+    const isAutoHeight = !isPercentPixOrNumber(props.height);
+    const resolveHeight = resolveNumberOrStringToPix(props.height);
+    const resolveHeadHeight = props.showHead ? resolveNumberOrStringToPix(props.headHeight) : "0";
+    const resolveFooterHeight = props.pagination ? 40 : 0;
+    const contentHeight = `calc(${resolveHeight} - ${resolveHeadHeight} - ${resolveFooterHeight}px - 2px)`;
+    return __spreadValues({
+      display: "block"
+    }, isAutoHeight ? { maxHeight: contentHeight } : { height: contentHeight });
+  });
+  onMounted(() => {
+    resetTableHeight(root == null ? void 0 : root.value);
+  });
+  const resetTableHeight = (rootEl) => {
+    if (rootEl) {
+      const { height } = root.value.parentElement.getBoundingClientRect();
+      autoHeight.value = `${height}px`;
+    }
+  };
+  return { tableClass, headClass, contentClass, footerClass, wrapperStyle, contentStyle, resetTableHeight };
+};
 var Component$4 = defineComponent({
   name: "Table",
   props: tableProps,
   emits: ["columnPick", "rowClick", "rowDblClick", "pageLimitChange", "pageValueChange"],
   setup(props, ctx) {
-    const activeCols = reactive(resolveActiveColumns(props));
     const colgroups = reactive(props.columns.map((col) => __spreadProps(__spreadValues({}, col), {
       calcWidth: null
     })));
-    const startIndex = ref(0);
-    const endIndex = ref(0);
     let columnSortFn = null;
     let columnFilterFn = null;
-    let pagination2 = reactive({
-      count: 0,
-      limit: 10,
-      current: 1
-    });
-    pagination2 = resolvePaginationOption(props.pagination, pagination2);
-    const resetStartEndIndex = () => {
-      if (!props.pagination || props.remotePagination) {
-        startIndex.value = 0;
-        endIndex.value = props.data.length;
-        return;
-      }
-      startIndex.value = (pagination2.current - 1) * pagination2.limit;
-      endIndex.value = pagination2.current * pagination2.limit;
-    };
-    resetStartEndIndex();
     let observerIns = null;
     const root = ref();
-    const getActiveColumns = () => (props.columns || []).map((_column, index) => ({
-      index,
-      active: activeCols.some((colIndex) => colIndex === index),
-      _column
-    }));
+    const {
+      activeColumns
+    } = useActiveColumns(props);
+    const {
+      pageData,
+      localPagination,
+      resolvePageData,
+      watchEffectFn
+    } = userPagination(props);
+    const {
+      tableClass,
+      headClass,
+      contentClass,
+      footerClass,
+      wrapperStyle,
+      contentStyle
+    } = useClass(props);
     const reactiveProp = reactive({
-      activeColumns: getActiveColumns(),
-      scrollTranslateY: 0
-    });
-    watch(() => [props.activeColumn, props.columns], () => {
-      nextTick(() => {
-        reactiveProp.activeColumns = getActiveColumns();
-        const cols = resolveActiveColumns(props);
-        reactiveProp.activeColumns.forEach((col, index) => {
-          Object.assign(col, {
-            active: cols.some((colIndex) => colIndex === index)
-          });
-        });
-      });
-    }, {
-      deep: true
+      scrollTranslateY: 0,
+      activeColumns
     });
-    const indexData = computed(() => props.data.map((item, index) => __spreadProps(__spreadValues({}, item), {
-      __$table_row_index: index + 1
-    })));
-    const pageData = reactive([]);
-    const resolvePageData = () => {
-      pageData.splice(0, pageData.length, ...indexData.value.slice(startIndex.value, endIndex.value));
-      if (typeof columnFilterFn === "function") {
-        const filterVals = pageData.filter((row, index) => columnFilterFn(row, index, props.data));
-        pageData.splice(0, pageData.length, ...filterVals);
-      }
-      if (typeof columnSortFn === "function") {
-        pageData.sort(columnSortFn);
-      }
-    };
+    const tableRender = new TableRender(props, ctx, reactiveProp, colgroups);
     watchEffect(() => {
-      pagination2 = resolvePaginationOption(props.pagination, pagination2);
-      resetStartEndIndex();
-      resolvePageData();
+      watchEffectFn(columnFilterFn, columnSortFn);
     });
-    const tableRender = new TableRender(props, ctx, reactiveProp, colgroups);
     tableRender.on(EVENTS.ON_SORT_BY_CLICK, (args) => {
       const {
         sortFn
@@ -13218,48 +13284,11 @@ var Component$4 = defineComponent({
         filterFn
       } = args;
       columnFilterFn = filterFn;
-      resolvePageData();
-    });
-    const wrapperStyle = computed(() => ({
-      minHeight: resolveNumberOrStringToPix(props.minHeight, "auto")
-    }));
-    const localPagination = computed(() => {
-      if (!props.pagination) {
-        return null;
-      }
-      return props.remotePagination ? pagination2 : __spreadProps(__spreadValues({}, pagination2), {
-        count: props.data.length
-      });
-    });
-    const contentStyle = computed(() => {
-      const resolveHeight = resolveNumberOrStringToPix(props.height);
-      const resolveHeadHeight = props.showHead ? resolveNumberOrStringToPix(props.headHeight) : "0";
-      const isAutoHeight = !isPercentPixOrNumber(props.height);
-      const resolveFooterHeight = props.pagination ? 40 : 0;
-      const contentHeight = `calc(${resolveHeight} - ${resolveHeadHeight} - ${resolveFooterHeight}px - 2px)`;
-      return __spreadValues({
-        display: "block"
-      }, isAutoHeight ? {
-        maxHeight: contentHeight
-      } : {
-        height: contentHeight
-      });
-    });
-    const tableClass = computed(() => classes({
-      [resolveClassName("table")]: true
-    }, resolvePropBorderToClassStr(props.border)));
-    const headClass = classes({
-      [resolveClassName("table-head")]: true
-    });
-    const contentClass = classes({
-      [resolveClassName("table-body")]: true
-    });
-    const footerClass = classes({
-      [resolveClassName("table-footer")]: true
+      resolvePageData(columnFilterFn, columnSortFn);
     });
     const handleScrollChanged = (args) => {
-      const pagination3 = args[1];
-      reactiveProp.scrollTranslateY = pagination3.translateY;
+      const pagination = args[1];
+      reactiveProp.scrollTranslateY = pagination.translateY;
     };
     onMounted(() => {
       observerIns = observerResize(root.value, () => {
@@ -13635,7 +13664,7 @@ var TagInput = defineComponent({
       selectedTagList: [],
       selectedTagListCache: []
     });
-    const tagList = computed(() => listState.selectedTagList.map((tag2) => tag2[props.saveKey]));
+    const tagList = computed(() => listState.selectedTagList.map((tag) => tag[props.saveKey]));
     const formatList = useFlatList(props);
     const renderList = computed(() => {
       if (props.useGroup) {
@@ -13666,14 +13695,14 @@ var TagInput = defineComponent({
       listState.selectedTagList = [];
       listState.localList = [...formatList];
       if (modelValue.length) {
-        modelValue.forEach((tag2) => {
-          const value = listState.localList.find((val) => tag2 === val[saveKey]);
+        modelValue.forEach((tag) => {
+          const value = listState.localList.find((val) => tag === val[saveKey]);
           if (value !== void 0) {
             listState.selectedTagList.push(value);
-          } else if (allowCreate && !tagList.value.includes(tag2)) {
+          } else if (allowCreate && !tagList.value.includes(tag)) {
             listState.selectedTagList.push({
-              [saveKey]: tag2,
-              [displayKey]: tag2
+              [saveKey]: tag,
+              [displayKey]: tag
             });
           }
         });
@@ -13979,7 +14008,7 @@ var TagInput = defineComponent({
         const nodes = getSelectedTagNodes();
         const index = getTagInputItemSite();
         const localInitData = listState.localList.map((data2) => data2[saveKey]);
-        tags = tags.filter((tag2) => (tag2 == null ? void 0 : tag2.trim()) && !tagList.value.includes(tag2) && localInitData.includes(tag2));
+        tags = tags.filter((tag) => (tag == null ? void 0 : tag.trim()) && !tagList.value.includes(tag) && localInitData.includes(tag));
         if (maxData !== -1) {
           const selectedLength = listState.selectedTagList.length;
           if (selectedLength < maxData) {
@@ -13991,7 +14020,7 @@ var TagInput = defineComponent({
             tags = [];
           }
         }
-        const localTags = listState.localList.filter((tag2) => tags.includes(tag2[saveKey]));
+        const localTags = listState.localList.filter((tag) => tags.includes(tag[saveKey]));
         if (tags.length) {
           listState.selectedTagList.splice(index, 0, ...localTags);
           swapElementPositions(tagInputItemRef.value, nodes[index]);
@@ -14029,14 +14058,14 @@ var TagInput = defineComponent({
         }
         return true;
       };
-      const existTag = (value) => listState.localList.find((tag2) => tag2[saveKey] === value);
+      const existTag = (value) => listState.localList.find((tag) => tag[saveKey] === value);
       if (type === "custom") {
         if (separator) {
           let tags = item.split(separator);
-          tags = tags.filter((tag2) => (tag2 == null ? void 0 : tag2.trim()) && !tagList.value.includes(tag2) && validateTag(tag2));
-          const localTags = tags.map((tag2) => existTag(tag2) || {
-            [saveKey]: tag2,
-            [displayKey]: tag2
+          tags = tags.filter((tag) => (tag == null ? void 0 : tag.trim()) && !tagList.value.includes(tag) && validateTag(tag));
+          const localTags = tags.map((tag) => existTag(tag) || {
+            [saveKey]: tag,
+            [displayKey]: tag
           });
           if (tags.length) {
             listState.selectedTagList.splice(targetIndex, 0, ...localTags);
@@ -15096,7 +15125,7 @@ var Component$3 = defineComponent({
     const openedKeys = ref([]);
     const menuStore = ref({});
     const mode = computed(() => props.mode);
-    const collapse2 = ref(props.collapse);
+    const collapse = ref(props.collapse);
     const oldOpenKeys = ref([]);
     watch(() => props.OpenedKeys, (keys = openedKeys.value) => {
       openedKeys.value = keys;
@@ -15109,11 +15138,11 @@ var Component$3 = defineComponent({
       }
     });
     watch(() => props.collapse, () => {
-      collapse2.value = props.collapse;
+      collapse.value = props.collapse;
       const oldKeys = [...oldOpenKeys.value];
       const openKeys = [...openedKeys.value];
-      openedKeys.value = collapse2.value ? [] : oldKeys;
-      oldOpenKeys.value = collapse2.value ? openKeys : [];
+      openedKeys.value = collapse.value ? [] : oldKeys;
+      oldOpenKeys.value = collapse.value ? openKeys : [];
     }, {
       immediate: true
     });
@@ -15150,7 +15179,7 @@ var Component$3 = defineComponent({
       unregisterMenuInfo,
       mode: mode.value,
       openedKeys,
-      collapse: collapse2,
+      collapse,
       handleOpenChange,
       handleActiveChange
     });
@@ -15159,7 +15188,7 @@ var Component$3 = defineComponent({
       return createVNode("div", {
         "class": {
           "bk-menu": true,
-          "is-collapse": collapse2.value
+          "is-collapse": collapse.value
         }
       }, [(_a = slots == null ? void 0 : slots.default) == null ? void 0 : _a.call(slots)]);
     };
@@ -15264,7 +15293,7 @@ var Submenu = defineComponent({
       unregisterMenuInfo,
       openedKeys,
       handleOpenChange,
-      collapse: collapse2,
+      collapse,
       activeKey,
       menuStore
     } = useMenuInject();
@@ -15278,7 +15307,7 @@ var Submenu = defineComponent({
     const specialCollapse = computed(() => {
       var _a2, _b2;
       const activeParentKey = (_b2 = (_a2 = menuStore.value) == null ? void 0 : _a2[activeKey.value]) == null ? void 0 : _b2.parentKey;
-      return collapse2.value && activeParentKey === key && isShow;
+      return collapse.value && activeParentKey === key && isShow;
     });
     useMenuPathProvider(key);
     registerMenuInfo(key, {
@@ -17275,15 +17304,15 @@ function isProtectedDayOfYearToken(token2) {
 function isProtectedWeekYearToken(token2) {
   return protectedWeekYearTokens.indexOf(token2) !== -1;
 }
-function throwProtectedError(token2, format2, input2) {
+function throwProtectedError(token2, format2, input) {
   if (token2 === "YYYY") {
-    throw new RangeError("Use `yyyy` instead of `YYYY` (in `".concat(format2, "`) for formatting years to the input `").concat(input2, "`; see: https://git.io/fxCyr"));
+    throw new RangeError("Use `yyyy` instead of `YYYY` (in `".concat(format2, "`) for formatting years to the input `").concat(input, "`; see: https://git.io/fxCyr"));
   } else if (token2 === "YY") {
-    throw new RangeError("Use `yy` instead of `YY` (in `".concat(format2, "`) for formatting years to the input `").concat(input2, "`; see: https://git.io/fxCyr"));
+    throw new RangeError("Use `yy` instead of `YY` (in `".concat(format2, "`) for formatting years to the input `").concat(input, "`; see: https://git.io/fxCyr"));
   } else if (token2 === "D") {
-    throw new RangeError("Use `d` instead of `D` (in `".concat(format2, "`) for formatting days of the month to the input `").concat(input2, "`; see: https://git.io/fxCyr"));
+    throw new RangeError("Use `d` instead of `D` (in `".concat(format2, "`) for formatting days of the month to the input `").concat(input, "`; see: https://git.io/fxCyr"));
   } else if (token2 === "DD") {
-    throw new RangeError("Use `dd` instead of `DD` (in `".concat(format2, "`) for formatting days of the month to the input `").concat(input2, "`; see: https://git.io/fxCyr"));
+    throw new RangeError("Use `dd` instead of `DD` (in `".concat(format2, "`) for formatting days of the month to the input `").concat(input, "`; see: https://git.io/fxCyr"));
   }
 }
 var formattingTokensRegExp = /[yYQqMLwIdDecihHKkms]o|(\w)\1*|''|'(''|[^'])+('|$)|./g;
@@ -17358,8 +17387,8 @@ function format(dirtyDate, dirtyFormatStr, dirtyOptions) {
   }).join("");
   return result;
 }
-function cleanEscapedString(input2) {
-  return input2.match(escapedStringRegExp)[1].replace(doubleQuoteRegExp, "'");
+function cleanEscapedString(input) {
+  return input.match(escapedStringRegExp)[1].replace(doubleQuoteRegExp, "'");
 }
 const fecha = {};
 const token = /d{1,4}|M{1,4}|yy(?:yy)?|S{1,3}|Do|ZZ|([HhMsDm])\1?|[aA]|"[^"]*"|'[^']*'/g;
@@ -18104,7 +18133,7 @@ var DatePanel = defineComponent({
         handlePickSuccess();
       }
     };
-    const reset2 = () => {
+    const reset = () => {
       state.currentView = props.selectionMode;
       state.pickerTable = getTableType(state.currentView);
     };
@@ -18160,7 +18189,7 @@ var DatePanel = defineComponent({
       handleShortcutClick,
       changeYear,
       changeMonth,
-      reset: reset2,
+      reset,
       isTime,
       onToggleVisibility
     });
@@ -18326,7 +18355,7 @@ var DateRangePanel = defineComponent({
       }
       return a2.getTime() - b2.getTime();
     };
-    const reset2 = () => {
+    const reset = () => {
       state.currentView = props.selectionMode;
       state.leftPickerTable = `${state.currentView}-table`;
       state.rightPickerTable = `${state.currentView}-table`;
@@ -18493,7 +18522,7 @@ var DateRangePanel = defineComponent({
       rightShowLabelSecond,
       preSelecting,
       panelPickerHandlers,
-      reset: reset2,
+      reset,
       onToggleVisibility,
       handleRangePick,
       handleChangeRange
@@ -19023,7 +19052,7 @@ var Component$2 = defineComponent({
         state.visible = true;
       }
     };
-    const reset2 = () => {
+    const reset = () => {
       var _a;
       (_a = pickerPanelRef == null ? void 0 : pickerPanelRef.value) == null ? void 0 : _a.reset();
     };
@@ -19040,7 +19069,7 @@ var Component$2 = defineComponent({
       state.isFocused = false;
       onSelectionModeChange(props.type);
       state.internalValue = state.internalValue.slice();
-      reset2();
+      reset();
       (_a = pickerPanelRef == null ? void 0 : pickerPanelRef.value) == null ? void 0 : _a.onToggleVisibility(false);
     };
     const handleKeydown = (e) => {
@@ -19085,7 +19114,7 @@ var Component$2 = defineComponent({
       state.internalValue = state.internalValue.map(() => null);
       emit("clear");
       emitChange(props.type);
-      reset2();
+      reset();
       state.showClose = false;
       state.shortcut = null;
       setTimeout(() => onSelectionModeChange(props.type), 500);
@@ -19102,7 +19131,7 @@ var Component$2 = defineComponent({
         emit("pick-success");
       });
       (_a = inputRef == null ? void 0 : inputRef.value) == null ? void 0 : _a.blur();
-      reset2();
+      reset();
     };
     const onPick = (_dates, visible = false, type, shortcut2) => {
       let dates = _dates;
@@ -20536,38 +20565,38 @@ var FormItem = defineComponent({
       isError: false,
       errorMessage: ""
     });
-    const form2 = inject(formKey);
-    const isForm = Boolean(form2);
+    const form = inject(formKey);
+    const isForm = Boolean(form);
     const labelStyles = computed(() => {
       const styles = {
         width: "",
         paddingRight: "",
         textAlign: ""
       };
-      const labelWidth = isValid(props.labelWidth) ? props.labelWidth : isForm && form2.props.labelWidth;
+      const labelWidth = isValid(props.labelWidth) ? props.labelWidth : isForm && form.props.labelWidth;
       if (isValid(labelWidth)) {
         styles.width = `${labelWidth}px`;
         styles.paddingRight = labelWidth ? "" : "0px";
       }
-      const labelPosition = props.labelPosition || isForm && form2.props.labelPosition;
+      const labelPosition = props.labelPosition || isForm && form.props.labelPosition;
       if (labelPosition) {
         styles["text-align"] = labelPosition;
       }
       return styles;
     });
     const validate = () => {
-      if (!props.property || isForm && !form2.props.model) {
+      if (!props.property || isForm && !form.props.model) {
         return Promise.resolve();
       }
       let rules = [];
-      if (isForm && form2.props.rules && hasOwn(form2.props.rules, props.property)) {
-        rules = form2.props.rules[props.property];
+      if (isForm && form.props.rules && hasOwn(form.props.rules, props.property)) {
+        rules = form.props.rules[props.property];
       }
       if (props.rules) {
         rules = props.rules;
       }
       rules = mergeRules(rules, getRulesFromProps(props));
-      const value = form2.props.model[props.property];
+      const value = form.props.model[props.property];
       const doValidate = (() => {
         let stepIndex = -1;
         return () => {
@@ -20602,12 +20631,12 @@ var FormItem = defineComponent({
     };
     onMounted(() => {
       if (isForm) {
-        form2.register(currentInstance.proxy);
+        form.register(currentInstance.proxy);
       }
     });
     onBeforeUnmount(() => {
       if (isForm) {
-        form2.unregister(currentInstance.proxy);
+        form.unregister(currentInstance.proxy);
       }
     });
     return __spreadProps(__spreadValues({}, toRefs(state)), {