bkui-vue 0.0.1-beta.50 → 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) {
@@ -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,
@@ -11235,7 +11188,7 @@ var Component$a = defineComponent({
       placeholder,
       multiple,
       remoteMethod,
-      loading: loading2,
+      loading,
       loadingText,
       noDataText,
       noMatchText,
@@ -11251,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);
@@ -11676,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 {
@@ -11939,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;
@@ -11966,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);
@@ -12038,7 +11991,7 @@ var Component$6 = defineComponent({
       };
     }
     const refRoot = ref(null);
-    const pagination2 = reactive({
+    const pagination = reactive({
       startIndex: 0,
       endIndex: 0,
       scrollTop: 1,
@@ -12047,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(() => {
@@ -12076,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") {
@@ -12101,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,
@@ -12129,7 +12082,7 @@ var Component$6 = defineComponent({
     const dirModifier = {
       lineHeight: props.lineHeight,
       handleScrollCallback,
-      pagination: pagination2,
+      pagination,
       throttleDelay: props.throttleDelay
     };
     return () => {
@@ -12334,20 +12287,20 @@ var userPagination = (props) => {
   const indexData = computed(() => props.data.map((item, index) => __spreadProps(__spreadValues({}, item), {
     __$table_row_index: index + 1
   })));
-  let pagination2 = reactive({
+  let pagination = reactive({
     count: 0,
     limit: 10,
     current: 1
   });
-  pagination2 = resolvePaginationOption(props.pagination, pagination2);
+  pagination = resolvePaginationOption(props.pagination, pagination);
   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;
+    startIndex.value = (pagination.current - 1) * pagination.limit;
+    endIndex.value = pagination.current * pagination.limit;
   };
   resetStartEndIndex();
   const pageData = reactive([]);
@@ -12368,7 +12321,7 @@ var userPagination = (props) => {
     sort(sortFn);
   };
   const watchEffectFn = (filterFn, sortFn) => {
-    pagination2 = resolvePaginationOption(props.pagination, pagination2);
+    pagination = resolvePaginationOption(props.pagination, pagination);
     resetStartEndIndex();
     resolvePageData(filterFn, sortFn);
   };
@@ -12376,7 +12329,7 @@ var userPagination = (props) => {
     if (!props.pagination) {
       return null;
     }
-    return props.remotePagination ? pagination2 : __spreadProps(__spreadValues({}, pagination2), {
+    return props.remotePagination ? pagination : __spreadProps(__spreadValues({}, pagination), {
       count: props.data.length
     });
   });
@@ -13334,8 +13287,8 @@ var Component$4 = defineComponent({
       resolvePageData(columnFilterFn, columnSortFn);
     });
     const handleScrollChanged = (args) => {
-      const pagination2 = args[1];
-      reactiveProp.scrollTranslateY = pagination2.translateY;
+      const pagination = args[1];
+      reactiveProp.scrollTranslateY = pagination.translateY;
     };
     onMounted(() => {
       observerIns = observerResize(root.value, () => {
@@ -13711,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) {
@@ -13742,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
             });
           }
         });
@@ -14055,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) {
@@ -14067,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]);
@@ -14105,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);
@@ -15172,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;
@@ -15185,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
     });
@@ -15226,7 +15179,7 @@ var Component$3 = defineComponent({
       unregisterMenuInfo,
       mode: mode.value,
       openedKeys,
-      collapse: collapse2,
+      collapse,
       handleOpenChange,
       handleActiveChange
     });
@@ -15235,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)]);
     };
@@ -15340,7 +15293,7 @@ var Submenu = defineComponent({
       unregisterMenuInfo,
       openedKeys,
       handleOpenChange,
-      collapse: collapse2,
+      collapse,
       activeKey,
       menuStore
     } = useMenuInject();
@@ -15354,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, {
@@ -17351,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;
@@ -17434,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;
@@ -18180,7 +18133,7 @@ var DatePanel = defineComponent({
         handlePickSuccess();
       }
     };
-    const reset2 = () => {
+    const reset = () => {
       state.currentView = props.selectionMode;
       state.pickerTable = getTableType(state.currentView);
     };
@@ -18236,7 +18189,7 @@ var DatePanel = defineComponent({
       handleShortcutClick,
       changeYear,
       changeMonth,
-      reset: reset2,
+      reset,
       isTime,
       onToggleVisibility
     });
@@ -18402,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`;
@@ -18569,7 +18522,7 @@ var DateRangePanel = defineComponent({
       rightShowLabelSecond,
       preSelecting,
       panelPickerHandlers,
-      reset: reset2,
+      reset,
       onToggleVisibility,
       handleRangePick,
       handleChangeRange
@@ -19099,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();
     };
@@ -19116,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) => {
@@ -19161,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);
@@ -19178,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;
@@ -20612,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 () => {
@@ -20678,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)), {