vue-devui 1.6.17 → 1.6.19

package/category-search/index.es.js

@@ -1,39 +1,4 @@
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
-var __publicField = (obj, key, value) => {
-  __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-  return value;
-};
-import { createVNode, createTextVNode, toRefs, watch, onMounted, onUnmounted, ref, computed, defineComponent, Transition, mergeProps, unref, nextTick, withModifiers, Comment, Text, h, Fragment, inject, withDirectives, cloneVNode, provide, Teleport, vShow, resolveComponent, reactive, onBeforeUnmount, toRef, resolveDynamicComponent, render, isVNode } from "vue";
+import { createVNode, createTextVNode, toRefs, watch, onMounted, onUnmounted, ref, computed, defineComponent, Transition, mergeProps, nextTick, unref, withModifiers, Comment, Text, Fragment, h, inject, withDirectives, cloneVNode, provide, Teleport, vShow, resolveComponent, reactive, onBeforeUnmount, toRef, resolveDynamicComponent, render, isVNode } from "vue";
 import { offset, flip, arrow, computePosition } from "@floating-ui/dom";
 import { onClickOutside } from "@vueuse/core";
 import "clipboard";
@@ -129,11 +94,7 @@ const dropdownProps = {
   },
   position: {
     type: Array,
-    default: ["bottom"]
-  },
-  align: {
-    type: String,
-    default: null
+    default: () => ["bottom", "top", "left", "right"]
   },
   offset: {
     type: [Number, Object],
@@ -207,76 +168,91 @@ const useDropdownEvent = ({ id, isOpen, origin, dropdownRef, props, emit }) => {
     const originEl = getElement(originVal);
     const subscriptions = [];
     setTimeout(() => {
-      subscriptions.push(subscribeEvent(document, "click", (e) => {
-        e.stopPropagation();
-        const dropdownValues = [...dropdownMap.values()];
-        if (!isOpen.value || closeScope.value === "none" || (dropdownEl == null ? void 0 : dropdownEl.contains(e.target)) && closeScope.value === "blank" || dropdownValues.some((item) => {
-          var _a;
-          return (_a = item.toggleEl) == null ? void 0 : _a.contains(e.target);
-        }) && dropdownValues.some((item) => {
-          var _a;
-          return (_a = item.menuEl) == null ? void 0 : _a.contains(e.target);
-        })) {
-          return;
-        }
-        [...dropdownMap.values()].reverse().forEach((item) => {
-          setTimeout(() => {
-            var _a, _b;
-            if (!((_a = item.toggleEl) == null ? void 0 : _a.contains(e.target))) {
-              (_b = item.toggle) == null ? void 0 : _b.call(item);
-            }
-          }, 0);
-        });
-        overlayEnter = false;
-      }));
+      subscriptions.push(
+        subscribeEvent(document, "click", (e) => {
+          e.stopPropagation();
+          const dropdownValues = [...dropdownMap.values()];
+          if (!isOpen.value || closeScope.value === "none" || (dropdownEl == null ? void 0 : dropdownEl.contains(e.target)) && closeScope.value === "blank" || dropdownValues.some((item) => {
+            var _a;
+            return (_a = item.toggleEl) == null ? void 0 : _a.contains(e.target);
+          }) && dropdownValues.some((item) => {
+            var _a;
+            return (_a = item.menuEl) == null ? void 0 : _a.contains(e.target);
+          })) {
+            return;
+          }
+          [...dropdownMap.values()].reverse().forEach((item) => {
+            setTimeout(() => {
+              var _a, _b;
+              if (!((_a = item.toggleEl) == null ? void 0 : _a.contains(e.target))) {
+                (_b = item.toggle) == null ? void 0 : _b.call(item);
+              }
+            }, 0);
+          });
+          overlayEnter = false;
+        })
+      );
     }, 0);
     if (triggerVal === "click") {
-      subscriptions.push(subscribeEvent(originEl, "click", () => toggle(!isOpen.value)), subscribeEvent(dropdownEl, "mouseleave", (e) => {
-        var _a;
-        if (closeOnMouseLeaveMenu.value && !((_a = dropdownMap.get(id).child) == null ? void 0 : _a.contains(e.relatedTarget))) {
-          handleLeave("dropdown", true);
-        }
-      }));
+      subscriptions.push(
+        subscribeEvent(originEl, "click", () => toggle(!isOpen.value)),
+        subscribeEvent(dropdownEl, "mouseleave", (e) => {
+          var _a;
+          if (closeOnMouseLeaveMenu.value && !((_a = dropdownMap.get(id).child) == null ? void 0 : _a.contains(e.relatedTarget))) {
+            handleLeave("dropdown", true);
+          }
+        })
+      );
     } else if (triggerVal === "hover") {
-      subscriptions.push(subscribeEvent(originEl, "mouseenter", () => {
-        originEnter = true;
-        toggle(true);
-      }), subscribeEvent(originEl, "mouseleave", () => {
-        originEnter = false;
-        handleLeave("origin");
-      }), subscribeEvent(dropdownEl, "mouseenter", () => {
-        overlayEnter = true;
-        isOpen.value = true;
-      }), subscribeEvent(dropdownEl, "mouseleave", (e) => {
-        var _a;
-        overlayEnter = false;
-        if (e.relatedTarget && ((originEl == null ? void 0 : originEl.contains(e.relatedTarget)) || ((_a = dropdownMap.get(id).child) == null ? void 0 : _a.contains(e.relatedTarget)))) {
-          return;
-        }
-        handleLeave("dropdown", true);
-      }));
+      subscriptions.push(
+        subscribeEvent(originEl, "mouseenter", () => {
+          originEnter = true;
+          toggle(true);
+        }),
+        subscribeEvent(originEl, "mouseleave", () => {
+          originEnter = false;
+          handleLeave("origin");
+        }),
+        subscribeEvent(dropdownEl, "mouseenter", () => {
+          overlayEnter = true;
+          isOpen.value = true;
+        }),
+        subscribeEvent(dropdownEl, "mouseleave", (e) => {
+          var _a;
+          overlayEnter = false;
+          if (e.relatedTarget && ((originEl == null ? void 0 : originEl.contains(e.relatedTarget)) || ((_a = dropdownMap.get(id).child) == null ? void 0 : _a.contains(e.relatedTarget)))) {
+            return;
+          }
+          handleLeave("dropdown", true);
+        })
+      );
     }
     onInvalidate(() => subscriptions.forEach((v) => v()));
   });
 };
 function useDropdown(id, visible, isOpen, origin, dropdownRef, emit) {
-  watch(visible, (newVal, oldVal) => {
-    if (oldVal === void 0) {
-      return;
-    }
-    isOpen.value = newVal;
-    emit("toggle", isOpen.value);
-  }, { immediate: true });
+  watch(
+    visible,
+    (newVal, oldVal) => {
+      if (oldVal === void 0) {
+        return;
+      }
+      isOpen.value = newVal;
+      emit("toggle", isOpen.value);
+    },
+    { immediate: true }
+  );
   watch([isOpen, dropdownRef], ([isOpenVal, dropdownEl]) => {
     var _a;
     if (isOpenVal) {
-      dropdownMap.set(id, __spreadProps(__spreadValues({}, dropdownMap.get(id)), {
+      dropdownMap.set(id, {
+        ...dropdownMap.get(id),
         menuEl: dropdownEl,
         toggle: () => {
           isOpen.value = false;
           emit("toggle", isOpen.value);
         }
-      }));
+      });
       for (const value of dropdownMap.values()) {
         if ((_a = value.menuEl) == null ? void 0 : _a.contains(origin.value)) {
           value.child = dropdownEl;
@@ -358,13 +334,16 @@ function useFixedOverlay(props, ctx) {
   const removeBodyAdditions = () => {
     lockScrollCb == null ? void 0 : lockScrollCb();
   };
-  watch(() => props.modelValue, (val) => {
-    if (val) {
-      props.lockScroll && (lockScrollCb = lockScroll());
-    } else {
-      removeBodyAdditions();
+  watch(
+    () => props.modelValue,
+    (val) => {
+      if (val) {
+        props.lockScroll && (lockScrollCb = lockScroll());
+      } else {
+        removeBodyAdditions();
+      }
     }
-  });
+  );
   onUnmounted(removeBodyAdditions);
   return { onClick };
 }
@@ -555,18 +534,21 @@ function useOverlay(props, emit) {
     const originEl = (_b = (_a = props.origin) == null ? void 0 : _a.$el) != null ? _b : props.origin;
     originEl && (originObserver == null ? void 0 : originObserver.unobserve(originEl));
   };
-  watch(() => props.modelValue, () => {
-    if (props.modelValue && props.origin) {
-      nextTick(updatePosition);
-      window.addEventListener("scroll", scrollCallback, true);
-      window.addEventListener("resize", updatePosition);
-      observeOrigin();
-    } else {
-      window.removeEventListener("scroll", scrollCallback, true);
-      window.removeEventListener("resize", updatePosition);
-      unobserveOrigin();
+  watch(
+    () => props.modelValue,
+    () => {
+      if (props.modelValue && props.origin) {
+        nextTick(updatePosition);
+        window.addEventListener("scroll", scrollCallback, true);
+        window.addEventListener("resize", updatePosition);
+        observeOrigin();
+      } else {
+        window.removeEventListener("scroll", scrollCallback, true);
+        window.removeEventListener("resize", updatePosition);
+        unobserveOrigin();
+      }
     }
-  });
+  );
   onUnmounted(() => {
     window.removeEventListener("scroll", scrollCallback, true);
     window.removeEventListener("resize", updatePosition);
@@ -615,6 +597,11 @@ const FlexibleOverlay = defineComponent({
     };
   }
 });
+/**
+* @vue/shared v3.4.27
+* (c) 2018-present Yuxi (Evan) You and Vue contributors
+* @license MIT
+**/
 const isObject$1 = (val) => val !== null && typeof val === "object";
 const ns$3 = useNamespace$1("popper-trigger");
 function wrapContent(content) {
@@ -686,7 +673,6 @@ var Dropdown = defineComponent({
     const {
       visible,
       position,
-      align,
       offset: offset2,
       destroyOnHide,
       shiftOffset,
@@ -744,7 +730,6 @@ var Dropdown = defineComponent({
           "ref": overlayRef,
           "origin": origin.value,
           "position": position.value,
-          "align": align.value,
           "offset": offset2.value,
           "shiftOffset": shiftOffset == null ? void 0 : shiftOffset.value,
           "onPositionChange": handlePositionChange,
@@ -892,7 +877,9 @@ function useClass(props) {
   const ns2 = useNamespace$1("tag");
   return computed(() => {
     const { type: type4, color, deletable } = props;
-    return `${ns2.e("item")} ${ns2.m(type4 || (color ? "colorful" : "") || "default")} ${deletable ? ns2.m("deletable") : ""} ${ns2.m(props.size)}`;
+    return `${ns2.e("item")} ${ns2.m(type4 || (color ? "colorful" : "") || "default")} ${deletable ? ns2.m("deletable") : ""} ${ns2.m(
+      props.size
+    )}`;
   });
 }
 function useColor(props) {
@@ -1110,7 +1097,7 @@ var CategorySearchTag = defineComponent({
         var _a, _b, _c, _d;
         return [rootCtx.slots[`${item.value.field}Tag`] ? rootCtx.slots[`${item.value.field}Tag`]({
           tag: item.value
-        }) : isJoinLabelType.value ? createVNode(Fragment, null, [createVNode("span", null, [item.value.label]), createVNode("span", {
+        }) : isJoinLabelType.value ? createVNode(Fragment, null, [createVNode("span", null, [item.value.label, createTextVNode(": ")]), createVNode("span", {
           "class": "dp-category-search-multi-tag",
           "style": {
             maxWidth: (tagMaxWidth == null ? void 0 : tagMaxWidth.value) + "px"
@@ -1556,9 +1543,13 @@ function useCategorySearchMore() {
   const isVisible = ref(false);
   const iconRef = ref();
   const overlayRef = ref();
-  onClickOutside(overlayRef, () => {
-    isVisible.value = false;
-  }, { ignore: [iconRef] });
+  onClickOutside(
+    overlayRef,
+    () => {
+      isVisible.value = false;
+    },
+    { ignore: [iconRef] }
+  );
   return { isVisible, rootRef, iconRef, overlayRef, innerSelectedTags, joinLabelTypes };
 }
 var CategorySearchSave = defineComponent({
@@ -1773,7 +1764,9 @@ var reIsHostCtor = /^\[object .+?Constructor\]$/;
 var funcProto$1 = Function.prototype, objectProto$b = Object.prototype;
 var funcToString$1 = funcProto$1.toString;
 var hasOwnProperty$9 = objectProto$b.hasOwnProperty;
-var reIsNative = RegExp("^" + funcToString$1.call(hasOwnProperty$9).replace(reRegExpChar, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$");
+var reIsNative = RegExp(
+  "^" + funcToString$1.call(hasOwnProperty$9).replace(reRegExpChar, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$"
+);
 function baseIsNative(value) {
   if (!isObject(value) || isMasked(value)) {
     return false;
@@ -1788,8 +1781,8 @@ function getNative(object4, key) {
   var value = getValue$1(object4, key);
   return baseIsNative(value) ? value : void 0;
 }
-var WeakMap2 = getNative(root$1, "WeakMap");
-var WeakMap$1 = WeakMap2;
+var WeakMap = getNative(root$1, "WeakMap");
+var WeakMap$1 = WeakMap;
 var objectCreate = Object.create;
 var baseCreate = function() {
   function object4() {
@@ -2339,7 +2332,7 @@ function baseAssignIn(object4, source) {
 var freeExports = typeof exports == "object" && exports && !exports.nodeType && exports;
 var freeModule = freeExports && typeof module == "object" && module && !module.nodeType && module;
 var moduleExports = freeModule && freeModule.exports === freeExports;
-var Buffer2 = moduleExports ? root$1.Buffer : void 0, allocUnsafe = Buffer2 ? Buffer2.allocUnsafe : void 0;
+var Buffer = moduleExports ? root$1.Buffer : void 0, allocUnsafe = Buffer ? Buffer.allocUnsafe : void 0;
 function cloneBuffer(buffer, isDeep) {
   if (isDeep) {
     return buffer.slice();
@@ -2441,8 +2434,8 @@ function initCloneArray(array4) {
   }
   return result;
 }
-var Uint8Array2 = root$1.Uint8Array;
-var Uint8Array$1 = Uint8Array2;
+var Uint8Array = root$1.Uint8Array;
+var Uint8Array$1 = Uint8Array;
 function cloneArrayBuffer(arrayBuffer) {
   var result = new arrayBuffer.constructor(arrayBuffer.byteLength);
   new Uint8Array$1(result).set(new Uint8Array$1(arrayBuffer));
@@ -2760,7 +2753,8 @@ const commonProps = {
     default: true
   }
 };
-const checkboxProps = __spreadProps(__spreadValues({}, commonProps), {
+const checkboxProps = {
+  ...commonProps,
   checked: {
     type: Boolean,
     default: false
@@ -2790,8 +2784,9 @@ const checkboxProps = __spreadProps(__spreadValues({}, commonProps), {
     type: Boolean,
     default: false
   }
-});
-const checkboxGroupProps = __spreadProps(__spreadValues({}, commonProps), {
+};
+const checkboxGroupProps = {
+  ...commonProps,
   modelValue: {
     type: Array,
     required: true
@@ -2828,7 +2823,7 @@ const checkboxGroupProps = __spreadProps(__spreadValues({}, commonProps), {
     type: String,
     default: ""
   }
-});
+};
 const checkboxGroupInjectionKey = Symbol("d-checkbox-group");
 const isNumber = (value) => typeof value === "number";
 const isUndefined = (value) => value === void 0;
@@ -2912,6 +2907,10 @@ const formProps = {
   appendToBodyScrollStrategy: {
     type: String,
     default: "reposition"
+  },
+  requirePosition: {
+    type: String,
+    default: "left"
   }
 };
 const FORM_TOKEN = "dForm";
@@ -3636,8 +3635,10 @@ var lodash = { exports: {} };
       var nativeObjectToString2 = objectProto2.toString;
       var objectCtorString2 = funcToString2.call(Object2);
       var oldDash = root2._;
-      var reIsNative2 = RegExp2("^" + funcToString2.call(hasOwnProperty2).replace(reRegExpChar2, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$");
-      var Buffer3 = moduleExports2 ? context.Buffer : undefined$1, Symbol2 = context.Symbol, Uint8Array3 = context.Uint8Array, allocUnsafe2 = Buffer3 ? Buffer3.allocUnsafe : undefined$1, getPrototype2 = overArg2(Object2.getPrototypeOf, Object2), objectCreate2 = Object2.create, propertyIsEnumerable2 = objectProto2.propertyIsEnumerable, splice2 = arrayProto2.splice, spreadableSymbol = Symbol2 ? Symbol2.isConcatSpreadable : undefined$1, symIterator = Symbol2 ? Symbol2.iterator : undefined$1, symToStringTag2 = Symbol2 ? Symbol2.toStringTag : undefined$1;
+      var reIsNative2 = RegExp2(
+        "^" + funcToString2.call(hasOwnProperty2).replace(reRegExpChar2, "\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g, "$1.*?") + "$"
+      );
+      var Buffer2 = moduleExports2 ? context.Buffer : undefined$1, Symbol2 = context.Symbol, Uint8Array2 = context.Uint8Array, allocUnsafe2 = Buffer2 ? Buffer2.allocUnsafe : undefined$1, getPrototype2 = overArg2(Object2.getPrototypeOf, Object2), objectCreate2 = Object2.create, propertyIsEnumerable2 = objectProto2.propertyIsEnumerable, splice2 = arrayProto2.splice, spreadableSymbol = Symbol2 ? Symbol2.isConcatSpreadable : undefined$1, symIterator = Symbol2 ? Symbol2.iterator : undefined$1, symToStringTag2 = Symbol2 ? Symbol2.toStringTag : undefined$1;
       var defineProperty2 = function() {
         try {
           var func = getNative2(Object2, "defineProperty");
@@ -3647,11 +3648,11 @@ var lodash = { exports: {} };
         }
       }();
       var ctxClearTimeout = context.clearTimeout !== root2.clearTimeout && context.clearTimeout, ctxNow = Date2 && Date2.now !== root2.Date.now && Date2.now, ctxSetTimeout = context.setTimeout !== root2.setTimeout && context.setTimeout;
-      var nativeCeil = Math2.ceil, nativeFloor = Math2.floor, nativeGetSymbols2 = Object2.getOwnPropertySymbols, nativeIsBuffer2 = Buffer3 ? Buffer3.isBuffer : undefined$1, nativeIsFinite = context.isFinite, nativeJoin = arrayProto2.join, nativeKeys2 = overArg2(Object2.keys, Object2), nativeMax2 = Math2.max, nativeMin = Math2.min, nativeNow2 = Date2.now, nativeParseInt = context.parseInt, nativeRandom = Math2.random, nativeReverse = arrayProto2.reverse;
-      var DataView2 = getNative2(context, "DataView"), Map2 = getNative2(context, "Map"), Promise2 = getNative2(context, "Promise"), Set2 = getNative2(context, "Set"), WeakMap3 = getNative2(context, "WeakMap"), nativeCreate2 = getNative2(Object2, "create");
-      var metaMap = WeakMap3 && new WeakMap3();
+      var nativeCeil = Math2.ceil, nativeFloor = Math2.floor, nativeGetSymbols2 = Object2.getOwnPropertySymbols, nativeIsBuffer2 = Buffer2 ? Buffer2.isBuffer : undefined$1, nativeIsFinite = context.isFinite, nativeJoin = arrayProto2.join, nativeKeys2 = overArg2(Object2.keys, Object2), nativeMax2 = Math2.max, nativeMin = Math2.min, nativeNow2 = Date2.now, nativeParseInt = context.parseInt, nativeRandom = Math2.random, nativeReverse = arrayProto2.reverse;
+      var DataView2 = getNative2(context, "DataView"), Map2 = getNative2(context, "Map"), Promise2 = getNative2(context, "Promise"), Set2 = getNative2(context, "Set"), WeakMap2 = getNative2(context, "WeakMap"), nativeCreate2 = getNative2(Object2, "create");
+      var metaMap = WeakMap2 && new WeakMap2();
       var realNames = {};
-      var dataViewCtorString2 = toSource2(DataView2), mapCtorString2 = toSource2(Map2), promiseCtorString2 = toSource2(Promise2), setCtorString2 = toSource2(Set2), weakMapCtorString2 = toSource2(WeakMap3);
+      var dataViewCtorString2 = toSource2(DataView2), mapCtorString2 = toSource2(Map2), promiseCtorString2 = toSource2(Promise2), setCtorString2 = toSource2(Set2), weakMapCtorString2 = toSource2(WeakMap2);
       var symbolProto2 = Symbol2 ? Symbol2.prototype : undefined$1, symbolValueOf2 = symbolProto2 ? symbolProto2.valueOf : undefined$1, symbolToString = symbolProto2 ? symbolProto2.toString : undefined$1;
       function lodash2(value) {
         if (isObjectLike2(value) && !isArray2(value) && !(value instanceof LazyWrapper)) {
@@ -4899,7 +4900,7 @@ var lodash = { exports: {} };
       }
       function cloneArrayBuffer2(arrayBuffer) {
         var result2 = new arrayBuffer.constructor(arrayBuffer.byteLength);
-        new Uint8Array3(result2).set(new Uint8Array3(arrayBuffer));
+        new Uint8Array2(result2).set(new Uint8Array2(arrayBuffer));
         return result2;
       }
       function cloneDataView2(dataView, isDeep) {
@@ -5118,7 +5119,18 @@ var lodash = { exports: {} };
           var holders = length < 3 && args[0] !== placeholder && args[length - 1] !== placeholder ? [] : replaceHolders(args, placeholder);
           length -= holders.length;
           if (length < arity) {
-            return createRecurry(func, bitmask, createHybrid, wrapper.placeholder, undefined$1, args, holders, undefined$1, undefined$1, arity - length);
+            return createRecurry(
+              func,
+              bitmask,
+              createHybrid,
+              wrapper.placeholder,
+              undefined$1,
+              args,
+              holders,
+              undefined$1,
+              undefined$1,
+              arity - length
+            );
           }
           var fn = this && this !== root2 && this instanceof wrapper ? Ctor : func;
           return apply2(fn, this, args);
@@ -5196,7 +5208,18 @@ var lodash = { exports: {} };
           length -= holdersCount;
           if (isCurried && length < arity) {
             var newHolders = replaceHolders(args, placeholder);
-            return createRecurry(func, bitmask, createHybrid, wrapper.placeholder, thisArg, args, newHolders, argPos, ary2, arity - length);
+            return createRecurry(
+              func,
+              bitmask,
+              createHybrid,
+              wrapper.placeholder,
+              thisArg,
+              args,
+              newHolders,
+              argPos,
+              ary2,
+              arity - length
+            );
           }
           var thisBinding = isBind ? thisArg : this, fn = isBindKey ? thisBinding[func] : func;
           length = args.length;
@@ -5481,7 +5504,7 @@ var lodash = { exports: {} };
             object4 = object4.buffer;
             other = other.buffer;
           case arrayBufferTag2:
-            if (object4.byteLength != other.byteLength || !equalFunc(new Uint8Array3(object4), new Uint8Array3(other))) {
+            if (object4.byteLength != other.byteLength || !equalFunc(new Uint8Array2(object4), new Uint8Array2(other))) {
               return false;
             }
             return true;
@@ -5643,7 +5666,7 @@ var lodash = { exports: {} };
         return result2;
       };
       var getTag2 = baseGetTag2;
-      if (DataView2 && getTag2(new DataView2(new ArrayBuffer(1))) != dataViewTag2 || Map2 && getTag2(new Map2()) != mapTag2 || Promise2 && getTag2(Promise2.resolve()) != promiseTag2 || Set2 && getTag2(new Set2()) != setTag2 || WeakMap3 && getTag2(new WeakMap3()) != weakMapTag2) {
+      if (DataView2 && getTag2(new DataView2(new ArrayBuffer(1))) != dataViewTag2 || Map2 && getTag2(new Map2()) != mapTag2 || Promise2 && getTag2(Promise2.resolve()) != promiseTag2 || Set2 && getTag2(new Set2()) != setTag2 || WeakMap2 && getTag2(new WeakMap2()) != weakMapTag2) {
         getTag2 = function(value) {
           var result2 = baseGetTag2(value), Ctor = result2 == objectTag2 ? value.constructor : undefined$1, ctorString = Ctor ? toSource2(Ctor) : "";
           if (ctorString) {
@@ -7516,7 +7539,10 @@ var lodash = { exports: {} };
         options = assignInWith({}, options, settings, customDefaultsAssignIn);
         var imports = assignInWith({}, options.imports, settings.imports, customDefaultsAssignIn), importsKeys = keys2(imports), importsValues = baseValues(imports, importsKeys);
         var isEscaping, isEvaluating, index2 = 0, interpolate = options.interpolate || reNoMatch, source = "__p += '";
-        var reDelimiters = RegExp2((options.escape || reNoMatch).source + "|" + interpolate.source + "|" + (interpolate === reInterpolate ? reEsTemplate : reNoMatch).source + "|" + (options.evaluate || reNoMatch).source + "|$", "g");
+        var reDelimiters = RegExp2(
+          (options.escape || reNoMatch).source + "|" + interpolate.source + "|" + (interpolate === reInterpolate ? reEsTemplate : reNoMatch).source + "|" + (options.evaluate || reNoMatch).source + "|$",
+          "g"
+        );
         var sourceURL = "//# sourceURL=" + (hasOwnProperty2.call(options, "sourceURL") ? (options.sourceURL + "").replace(/\s/g, " ") : "lodash.templateSources[" + ++templateCounter + "]") + "\n";
         string3.replace(reDelimiters, function(match, escapeValue, interpolateValue, esTemplateValue, evaluateValue, offset2) {
           interpolateValue || (interpolateValue = esTemplateValue);
@@ -8360,7 +8386,10 @@ function useFormValidation(itemContexts) {
       try {
         await field.validate("");
       } catch (err) {
-        errors = __spreadValues(__spreadValues({}, errors), err);
+        errors = {
+          ...errors,
+          ...err
+        };
       }
     }
     if (!Object.keys(errors).length) {
@@ -8417,11 +8446,12 @@ defineComponent({
     }, {
       deep: true
     });
-    provide(FORM_TOKEN, reactive(__spreadProps(__spreadValues({}, toRefs(props)), {
+    provide(FORM_TOKEN, reactive({
+      ...toRefs(props),
       emit: ctx.emit,
       addItemContext,
       removeItemContext
-    })));
+    }));
     provide(STYLE_TOKEN, props.styleType);
     ctx.expose({
       validate,
@@ -8488,11 +8518,7 @@ const popoverProps = {
   },
   position: {
     type: Array,
-    default: ["bottom"]
-  },
-  align: {
-    type: String,
-    default: null
+    default: () => ["top", "right", "bottom", "left"]
   },
   offset: {
     type: [Number, Object],
@@ -8563,6 +8589,7 @@ function usePopover(props, visible, placement, origin, popoverRef) {
 function usePopoverEvent(props, visible, origin) {
   const { trigger, position, mouseEnterDelay, mouseLeaveDelay, disabled } = toRefs(props);
   const isClick = computed(() => trigger.value === "click");
+  const isHover = computed(() => trigger.value === "hover");
   const placement = ref(position.value[0].split("-")[0]);
   const isEnter = ref(false);
   const onClick = () => {
@@ -8581,13 +8608,13 @@ function usePopoverEvent(props, visible, origin) {
     if (disabled.value) {
       return;
     }
-    if (!isClick.value) {
+    if (isHover.value) {
       isEnter.value = true;
       enter();
     }
   };
   const onMouseleave = () => {
-    if (!isClick.value) {
+    if (isHover.value) {
       isEnter.value = false;
       leave();
     }
@@ -8737,7 +8764,6 @@ var Popover = defineComponent({
       content,
       popType,
       position,
-      align,
       offset: offset2,
       showAnimation
     } = toRefs(props);
@@ -8779,7 +8805,6 @@ var Popover = defineComponent({
           "ref": popoverRef,
           "origin": origin.value,
           "position": position.value,
-          "align": align.value,
           "offset": offset2.value,
           "class": [ns2.e("content"), popType.value !== "default" ? "is-icon" : ""],
           "show-arrow": true,
@@ -8901,14 +8926,15 @@ function useFormLabel() {
   }));
   const labelInnerClasses = computed(() => ({
     [`${ns2.e("label-span")}`]: true,
-    [`${ns2.em("label", "required")}`]: formItemContext.isRequired,
+    [`${ns2.em("label", "required")}`]: formItemContext.isRequired && labelData.value.requiredPosition === "left",
+    [`${ns2.em("label", "required-right")}`]: formItemContext.isRequired && labelData.value.requiredPosition === "right",
     [`${ns2.em("label", "required-hide")}`]: formItemContext.isRequired && formContext.hideRequiredMark
   }));
   const tipsPopover = computed(() => {
     if (typeof labelData.value.helpTips === "string") {
-      return __spreadProps(__spreadValues({}, defaultTipsPopover), { content: labelData.value.helpTips });
+      return { ...defaultTipsPopover, content: labelData.value.helpTips };
     } else {
-      return __spreadValues(__spreadValues({}, defaultTipsPopover), labelData.value.helpTips);
+      return { ...defaultTipsPopover, ...labelData.value.helpTips };
     }
   });
   return { labelClasses, labelInnerClasses, tipsPopover };
@@ -9038,7 +9064,7 @@ var FormControl = defineComponent({
   }
 });
 function _extends() {
-  _extends = Object.assign || function(target) {
+  _extends = Object.assign ? Object.assign.bind() : function(target) {
     for (var i = 1; i < arguments.length; i++) {
       var source = arguments[i];
       for (var key in source) {
@@ -9057,13 +9083,13 @@ function _inheritsLoose(subClass, superClass) {
   _setPrototypeOf(subClass, superClass);
 }
 function _getPrototypeOf(o) {
-  _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf2(o2) {
+  _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf2(o2) {
     return o2.__proto__ || Object.getPrototypeOf(o2);
   };
   return _getPrototypeOf(o);
 }
 function _setPrototypeOf(o, p) {
-  _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf2(o2, p2) {
+  _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf2(o2, p2) {
     o2.__proto__ = p2;
     return o2;
   };
@@ -9086,7 +9112,7 @@ function _isNativeReflectConstruct() {
 }
 function _construct(Parent, args, Class) {
   if (_isNativeReflectConstruct()) {
-    _construct = Reflect.construct;
+    _construct = Reflect.construct.bind();
   } else {
     _construct = function _construct2(Parent2, args2, Class2) {
       var a = [null];
@@ -9364,9 +9390,45 @@ var whitespace = function whitespace2(rule, value, source, errors, options) {
     errors.push(format(options.messages.whitespace, rule.fullField));
   }
 };
+var urlReg;
+var getUrlRegex = function() {
+  if (urlReg) {
+    return urlReg;
+  }
+  var word = "[a-fA-F\\d:]";
+  var b = function b2(options) {
+    return options && options.includeBoundaries ? "(?:(?<=\\s|^)(?=" + word + ")|(?<=" + word + ")(?=\\s|$))" : "";
+  };
+  var v4 = "(?:25[0-5]|2[0-4]\\d|1\\d\\d|[1-9]\\d|\\d)(?:\\.(?:25[0-5]|2[0-4]\\d|1\\d\\d|[1-9]\\d|\\d)){3}";
+  var v6seg = "[a-fA-F\\d]{1,4}";
+  var v6 = ("\n(?:\n(?:" + v6seg + ":){7}(?:" + v6seg + "|:)|                                    // 1:2:3:4:5:6:7::  1:2:3:4:5:6:7:8\n(?:" + v6seg + ":){6}(?:" + v4 + "|:" + v6seg + "|:)|                             // 1:2:3:4:5:6::    1:2:3:4:5:6::8   1:2:3:4:5:6::8  1:2:3:4:5:6::1.2.3.4\n(?:" + v6seg + ":){5}(?::" + v4 + "|(?::" + v6seg + "){1,2}|:)|                   // 1:2:3:4:5::      1:2:3:4:5::7:8   1:2:3:4:5::8    1:2:3:4:5::7:1.2.3.4\n(?:" + v6seg + ":){4}(?:(?::" + v6seg + "){0,1}:" + v4 + "|(?::" + v6seg + "){1,3}|:)| // 1:2:3:4::        1:2:3:4::6:7:8   1:2:3:4::8      1:2:3:4::6:7:1.2.3.4\n(?:" + v6seg + ":){3}(?:(?::" + v6seg + "){0,2}:" + v4 + "|(?::" + v6seg + "){1,4}|:)| // 1:2:3::          1:2:3::5:6:7:8   1:2:3::8        1:2:3::5:6:7:1.2.3.4\n(?:" + v6seg + ":){2}(?:(?::" + v6seg + "){0,3}:" + v4 + "|(?::" + v6seg + "){1,5}|:)| // 1:2::            1:2::4:5:6:7:8   1:2::8          1:2::4:5:6:7:1.2.3.4\n(?:" + v6seg + ":){1}(?:(?::" + v6seg + "){0,4}:" + v4 + "|(?::" + v6seg + "){1,6}|:)| // 1::              1::3:4:5:6:7:8   1::8            1::3:4:5:6:7:1.2.3.4\n(?::(?:(?::" + v6seg + "){0,5}:" + v4 + "|(?::" + v6seg + "){1,7}|:))             // ::2:3:4:5:6:7:8  ::2:3:4:5:6:7:8  ::8             ::1.2.3.4\n)(?:%[0-9a-zA-Z]{1,})?                                             // %eth0            %1\n").replace(/\s*\/\/.*$/gm, "").replace(/\n/g, "").trim();
+  var v46Exact = new RegExp("(?:^" + v4 + "$)|(?:^" + v6 + "$)");
+  var v4exact = new RegExp("^" + v4 + "$");
+  var v6exact = new RegExp("^" + v6 + "$");
+  var ip = function ip2(options) {
+    return options && options.exact ? v46Exact : new RegExp("(?:" + b(options) + v4 + b(options) + ")|(?:" + b(options) + v6 + b(options) + ")", "g");
+  };
+  ip.v4 = function(options) {
+    return options && options.exact ? v4exact : new RegExp("" + b(options) + v4 + b(options), "g");
+  };
+  ip.v6 = function(options) {
+    return options && options.exact ? v6exact : new RegExp("" + b(options) + v6 + b(options), "g");
+  };
+  var protocol = "(?:(?:[a-z]+:)?//)";
+  var auth = "(?:\\S+(?::\\S*)?@)?";
+  var ipv4 = ip.v4().source;
+  var ipv6 = ip.v6().source;
+  var host = "(?:(?:[a-z\\u00a1-\\uffff0-9][-_]*)*[a-z\\u00a1-\\uffff0-9]+)";
+  var domain = "(?:\\.(?:[a-z\\u00a1-\\uffff0-9]-*)*[a-z\\u00a1-\\uffff0-9]+)*";
+  var tld = "(?:\\.(?:[a-z\\u00a1-\\uffff]{2,}))";
+  var port = "(?::\\d{2,5})?";
+  var path = '(?:[/?#][^\\s"]*)?';
+  var regex = "(?:" + protocol + "|www\\.)" + auth + "(?:localhost|" + ipv4 + "|" + ipv6 + "|" + host + domain + tld + ")" + port + path;
+  urlReg = new RegExp("(?:^" + regex + "$)", "i");
+  return urlReg;
+};
 var pattern$2 = {
   email: /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]+\.)+[a-zA-Z\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]{2,}))$/,
-  url: new RegExp("^(?!mailto:)(?:(?:http|https|ftp)://|//)(?:\\S+(?::\\S*)?@)?(?:(?:(?:[1-9]\\d?|1\\d\\d|2[01]\\d|22[0-3])(?:\\.(?:1?\\d{1,2}|2[0-4]\\d|25[0-5])){2}(?:\\.(?:[0-9]\\d?|1\\d\\d|2[0-4]\\d|25[0-4]))|(?:(?:[a-z\\u00a1-\\uffff0-9]+-*)*[a-z\\u00a1-\\uffff0-9]+)(?:\\.(?:[a-z\\u00a1-\\uffff0-9]+-*)*[a-z\\u00a1-\\uffff0-9]+)*(?:\\.(?:[a-z\\u00a1-\\uffff]{2,})))|localhost)(?::\\d{2,5})?(?:(/|\\?|#)[^\\s]*)?$", "i"),
   hex: /^#?([a-f0-9]{6}|[a-f0-9]{3})$/i
 };
 var types = {
@@ -9408,7 +9470,7 @@ var types = {
     return typeof value === "string" && value.length <= 320 && !!value.match(pattern$2.email);
   },
   url: function url(value) {
-    return typeof value === "string" && value.length <= 2048 && !!value.match(pattern$2.url);
+    return typeof value === "string" && value.length <= 2048 && !!value.match(getUrlRegex());
   },
   hex: function hex(value) {
     return typeof value === "string" && !!value.match(pattern$2.hex);
@@ -9983,7 +10045,17 @@ var Schema = /* @__PURE__ */ function() {
       if (rule.asyncValidator) {
         res = rule.asyncValidator(rule, data.value, cb, data.source, options);
       } else if (rule.validator) {
-        res = rule.validator(rule, data.value, cb, data.source, options);
+        try {
+          res = rule.validator(rule, data.value, cb, data.source, options);
+        } catch (error) {
+          console.error == null ? void 0 : console.error(error);
+          if (!options.suppressValidatorError) {
+            setTimeout(function() {
+              throw error;
+            }, 0);
+          }
+          cb(error.message);
+        }
         if (res === true) {
           cb();
         } else if (res === false) {
@@ -10104,10 +10176,7 @@ function useFormItemValidate(props, _rules) {
       } else {
         return rule.trigger === triggerVal;
       }
-    }).map((_a) => {
-      var rule = __objRest(_a, []);
-      return rule;
-    });
+    }).map(({ ...rule }) => rule);
   };
   const onValidateSuccess = () => {
     validateState.value = "success";
@@ -10182,15 +10251,12 @@ defineComponent({
   props: formItemProps,
   setup(props, ctx) {
     const formContext = inject(FORM_TOKEN);
-    const _a = toRefs(props), {
+    const {
       messageType: itemMessageType,
       popPosition: itemPopPosition,
-      showFeedback: itemShowFeedback
-    } = _a, otherProps = __objRest(_a, [
-      "messageType",
-      "popPosition",
-      "showFeedback"
-    ]);
+      showFeedback: itemShowFeedback,
+      ...otherProps
+    } = toRefs(props);
     const {
       label,
       helpTips,
@@ -10218,11 +10284,13 @@ defineComponent({
       layout: formContext.layout,
       labelSize: formContext.labelSize,
       labelAlign: formContext.labelAlign,
+      requiredPosition: formContext.requirePosition,
       helpTips: helpTips.value,
       formItemCtx: ctx
     }));
     provide(LABEL_DATA, labelData);
-    const context = reactive(__spreadProps(__spreadValues({}, otherProps), {
+    const context = reactive({
+      ...otherProps,
       showFeedback,
       messageType,
       popPosition,
@@ -10232,7 +10300,7 @@ defineComponent({
       validate,
       resetField,
       clearValidate
-    }));
+    });
     provide(FORM_ITEM_TOKEN, context);
     ctx.expose({
       validate,
@@ -10256,8 +10324,8 @@ defineComponent({
       "extra-info": extraInfo.value
     }, {
       default: () => {
-        var _a2, _b;
-        return [(_b = (_a2 = ctx.slots).default) == null ? void 0 : _b.call(_a2)];
+        var _a, _b;
+        return [(_b = (_a = ctx.slots).default) == null ? void 0 : _b.call(_a)];
       }
     })]);
   }
@@ -10344,10 +10412,13 @@ function useCheckbox(props, ctx) {
     var _a;
     return (_a = checkboxGroupConf == null ? void 0 : checkboxGroupConf.border.value) != null ? _a : props.border;
   });
-  watch(() => props.modelValue, () => {
-    formItemContext == null ? void 0 : formItemContext.validate("change").catch(() => {
-    });
-  });
+  watch(
+    () => props.modelValue,
+    () => {
+      formItemContext == null ? void 0 : formItemContext.validate("change").catch(() => {
+      });
+    }
+  );
   return {
     mergedChecked,
     mergedDisabled,
@@ -10403,10 +10474,14 @@ function useCheckboxGroup(props, ctx) {
       return valList.value.some((item) => item.value === itemVal);
     }
   };
-  watch(() => props.modelValue, () => {
-    formItemContext == null ? void 0 : formItemContext.validate("change").catch(() => {
-    });
-  }, { deep: true });
+  watch(
+    () => props.modelValue,
+    () => {
+      formItemContext == null ? void 0 : formItemContext.validate("change").catch(() => {
+      });
+    },
+    { deep: true }
+  );
   const checkboxGroupSize = computed(() => props.size || (formContext == null ? void 0 : formContext.size) || "md");
   provide(checkboxGroupInjectionKey, {
     disabled: toRef(props, "disabled"),
@@ -10573,9 +10648,10 @@ var CheckboxGroup = defineComponent({
                   value: opt
                 });
               } else if (typeof opt === "object") {
-                mergedOpt = Object.assign({}, defaultOpt, __spreadProps(__spreadValues({}, opt), {
+                mergedOpt = Object.assign({}, defaultOpt, {
+                  ...opt,
                   label: opt.name
-                }));
+                });
               }
               return createVNode(Checkbox, mergedOpt, null);
             });
@@ -10827,8 +10903,8 @@ defineComponent({
 });
 class View {
   constructor() {
-    __publicField(this, "top", "50%");
-    __publicField(this, "left", "50%");
+    this.top = "50%";
+    this.left = "50%";
   }
 }
 const loadingProps = {
@@ -10846,13 +10922,9 @@ const loadingProps = {
 };
 class LoadingOptions {
   constructor() {
-    __publicField(this, "target");
-    __publicField(this, "message");
-    __publicField(this, "loadingTemplateRef");
-    __publicField(this, "backdrop", true);
-    __publicField(this, "positionType", "relative");
-    __publicField(this, "view", new View());
-    __publicField(this, "zIndex");
+    this.backdrop = true;
+    this.positionType = "relative";
+    this.view = new View();
   }
 }
 var loading = "";
@@ -10920,7 +10992,7 @@ var Loading = defineComponent({
 });
 const COMPONENT_CONTAINER_SYMBOL = Symbol("dev_component_container");
 function createComponent(component, props, children = null) {
-  const vnode = h(component, __spreadValues({}, props), children);
+  const vnode = h(component, { ...props }, children);
   const container = document.createElement("div");
   vnode[COMPONENT_CONTAINER_SYMBOL] = container;
   render(vnode, container);
@@ -11007,9 +11079,16 @@ const removeAttribute = (el) => {
 };
 const handleProps = (el, vprops) => {
   var _a;
-  const props = __spreadValues(__spreadValues({}, new LoadingOptions()), vprops);
+  const props = {
+    ...new LoadingOptions(),
+    ...vprops
+  };
   const loadingTemplateRef = props.loadingTemplateRef;
-  const loadingInstance = createComponent(loadingConstructor, __spreadValues({}, props), loadingTemplateRef ? () => loadingTemplateRef : null);
+  const loadingInstance = createComponent(
+    loadingConstructor,
+    { ...props },
+    loadingTemplateRef ? () => loadingTemplateRef : null
+  );
   el.style.position = props.positionType || "relative";
   el.options = props;
   el.instance = loadingInstance;
@@ -11343,6 +11422,7 @@ var TextInputMenu = defineComponent({
           "modelValue": formData.text,
           "onUpdate:modelValue": ($event) => formData.text = $event,
           "autocomplete": "off",
+          "autofocus": true,
           "maxlength": tag2.value.maxLength,
           "placeholder": tag2.value.placeholder || ""
         }, null)]
@@ -11447,7 +11527,7 @@ function DecIcon() {
 const ns = useNamespace$1("input-number");
 function useRender(props, ctx) {
   const formContext = inject(FORM_TOKEN, void 0);
-  const _a = ctx.attrs, { style, class: customClass } = _a, otherAttrs = __objRest(_a, ["style", "class"]);
+  const { style, class: customClass, ...otherAttrs } = ctx.attrs;
   const customStyle = { style };
   const inputNumberSize = computed(() => props.size || (formContext == null ? void 0 : formContext.size) || "md");
   const wrapClass = computed(() => [
@@ -11583,9 +11663,13 @@ function useEvent(props, ctx, inputRef) {
     const newVal = computeByStep(state.currentValue || 0, -1);
     setCurrentValue(newVal);
   };
-  watch(() => props.modelValue, (val) => {
-    state.currentValue = correctValue(val);
-  }, { immediate: true });
+  watch(
+    () => props.modelValue,
+    (val) => {
+      state.currentValue = correctValue(val);
+    },
+    { immediate: true }
+  );
   const onInput = (event) => {
     state.userInputValue = event.target.value;
   };
@@ -11935,43 +12019,63 @@ function useCategorySearch(props, ctx) {
   const onInputToggle = () => {
     showNoDataTips.value = categoryDisplay.value.every((item) => item.isSelected);
   };
-  watch(searchKey, () => {
-    innerSearchKey.value = searchKey.value;
-    searchKeyCache = searchKey.value;
-    setSearchKeyTag(false);
-  }, { immediate: true });
-  watch([selectedTags, category, defaultSearchField], () => {
-    innerSelectedTags.value = cloneDeep(selectedTags.value);
-    innerCategory.value = cloneDeep(category.value);
-    init();
-  }, { immediate: true, deep: true });
-  watch(textConfig, () => {
-    innerTextConfig.value = textConfig.value;
-    innerTextConfig.value.createFilter = innerTextConfig.value.createFilter || "\u4FDD\u5B58\u8FC7\u6EE4\u5668";
-    innerTextConfig.value.filterTitle = innerTextConfig.value.filterTitle || "\u8FC7\u6EE4\u5668\u6807\u9898";
-    showSearchConfig.value.keywordDescription = showSearchCategory.value.keywordDescription || getSearchMessage;
-    showSearchConfig.value.fieldDescription = showSearchCategory.value.fieldDescription || getFindingMessage;
-    showSearchConfig.value.categoryDescription = showSearchCategory.value.categoryDescription || "\u8BF7\u9009\u62E9\u7B5B\u9009\u6761\u4EF6\uFF1A";
-    setTimeout(() => {
-      var _a;
-      const keyword = innerSelectedTags.value.find((item) => item.field === SearchKeyField);
-      if (keyword) {
-        keyword.label = innerTextConfig.value.keywordName || "\u5173\u952E\u5B57";
-        keyword.title = `${keyword.label}:${(_a = keyword.value) == null ? void 0 : _a.label}`;
-      }
-    });
-  }, { immediate: true, deep: true });
-  watch(showSearchCategory, () => {
-    const customConfig = typeof showSearchCategory.value === "boolean" ? {
-      keyword: showSearchCategory.value,
-      field: showSearchCategory.value,
-      category: showSearchCategory.value
-    } : showSearchCategory.value;
-    showSearchConfig.value = __spreadValues(__spreadValues({}, showSearchConfig.value), customConfig);
-  }, { immediate: true, deep: true });
-  watch(() => extendConfig == null ? void 0 : extendConfig.value, () => {
-    merge$1(operationConfig, (extendConfig == null ? void 0 : extendConfig.value) || {});
-  }, { immediate: true, deep: true });
+  watch(
+    searchKey,
+    () => {
+      innerSearchKey.value = searchKey.value;
+      searchKeyCache = searchKey.value;
+      setSearchKeyTag(false);
+    },
+    { immediate: true }
+  );
+  watch(
+    [selectedTags, category, defaultSearchField],
+    () => {
+      innerSelectedTags.value = cloneDeep(selectedTags.value);
+      innerCategory.value = cloneDeep(category.value);
+      init();
+    },
+    { immediate: true, deep: true }
+  );
+  watch(
+    textConfig,
+    () => {
+      innerTextConfig.value = textConfig.value;
+      innerTextConfig.value.createFilter = innerTextConfig.value.createFilter || "\u4FDD\u5B58\u8FC7\u6EE4\u5668";
+      innerTextConfig.value.filterTitle = innerTextConfig.value.filterTitle || "\u8FC7\u6EE4\u5668\u6807\u9898";
+      showSearchConfig.value.keywordDescription = showSearchCategory.value.keywordDescription || getSearchMessage;
+      showSearchConfig.value.fieldDescription = showSearchCategory.value.fieldDescription || getFindingMessage;
+      showSearchConfig.value.categoryDescription = showSearchCategory.value.categoryDescription || "\u8BF7\u9009\u62E9\u7B5B\u9009\u6761\u4EF6\uFF1A";
+      setTimeout(() => {
+        var _a;
+        const keyword = innerSelectedTags.value.find((item) => item.field === SearchKeyField);
+        if (keyword) {
+          keyword.label = innerTextConfig.value.keywordName || "\u5173\u952E\u5B57";
+          keyword.title = `${keyword.label}:${(_a = keyword.value) == null ? void 0 : _a.label}`;
+        }
+      });
+    },
+    { immediate: true, deep: true }
+  );
+  watch(
+    showSearchCategory,
+    () => {
+      const customConfig = typeof showSearchCategory.value === "boolean" ? {
+        keyword: showSearchCategory.value,
+        field: showSearchCategory.value,
+        category: showSearchCategory.value
+      } : showSearchCategory.value;
+      showSearchConfig.value = { ...showSearchConfig.value, ...customConfig };
+    },
+    { immediate: true, deep: true }
+  );
+  watch(
+    () => extendConfig == null ? void 0 : extendConfig.value,
+    () => {
+      merge$1(operationConfig, (extendConfig == null ? void 0 : extendConfig.value) || {});
+    },
+    { immediate: true, deep: true }
+  );
   const tagContextMap = {};
   const addTagContext = (field, context) => {
     Reflect.defineProperty(tagContextMap, field, { value: context });
@@ -12039,7 +12143,9 @@ function useCategorySearch(props, ctx) {
     setValue(innerSelectedTags.value, true);
     initCategoryDisplay(true);
     if (defaultSearchField.value.length && innerCategory.value.length) {
-      searchField.value = innerCategory.value.filter((item) => defaultSearchField.value.includes(item.field) && !valueIsArrayTypes.includes(item.type || ""));
+      searchField.value = innerCategory.value.filter(
+        (item) => defaultSearchField.value.includes(item.field) && !valueIsArrayTypes.includes(item.type || "")
+      );
     }
     if (innerSelectedTags.value.length) {
       const [lastItem] = innerSelectedTags.value.slice(-1);