star-horse-lowcode 2.8.24 → 2.8.25

package/dist/index.es.js

@@ -9,244 +9,141 @@ import Vue3Barcode from 'vue3-barcode';
 import { createPinia, defineStore } from 'pinia';
 import $ from 'jquery';
 
-const suspectProtoRx = /"(?:_|\\u0{2}5[Ff]){2}(?:p|\\u0{2}70)(?:r|\\u0{2}72)(?:o|\\u0{2}6[Ff])(?:t|\\u0{2}74)(?:o|\\u0{2}6[Ff])(?:_|\\u0{2}5[Ff]){2}"\s*:/;
-const suspectConstructorRx = /"(?:c|\\u0063)(?:o|\\u006[Ff])(?:n|\\u006[Ee])(?:s|\\u0073)(?:t|\\u0074)(?:r|\\u0072)(?:u|\\u0075)(?:c|\\u0063)(?:t|\\u0074)(?:o|\\u006[Ff])(?:r|\\u0072)"\s*:/;
-const JsonSigRx = /^\s*["[{]|^\s*-?\d{1,16}(\.\d{1,17})?([Ee][+-]?\d+)?\s*$/;
-function jsonParseTransform(key, value) {
-  if (key === "__proto__" || key === "constructor" && value && typeof value === "object" && "prototype" in value) {
-    warnKeyDropped(key);
-    return;
-  }
-  return value;
-}
-function warnKeyDropped(key) {
-  console.warn(`[destr] Dropping "${key}" key to prevent prototype pollution.`);
-}
-function destr(value, options = {}) {
-  if (typeof value !== "string") {
-    return value;
-  }
-  if (value[0] === '"' && value[value.length - 1] === '"' && value.indexOf("\\") === -1) {
-    return value.slice(1, -1);
-  }
-  const _value = value.trim();
-  if (_value.length <= 9) {
-    switch (_value.toLowerCase()) {
-      case "true": {
-        return true;
-      }
-      case "false": {
-        return false;
-      }
-      case "undefined": {
-        return void 0;
-      }
-      case "null": {
-        return null;
-      }
-      case "nan": {
-        return Number.NaN;
-      }
-      case "infinity": {
-        return Number.POSITIVE_INFINITY;
-      }
-      case "-infinity": {
-        return Number.NEGATIVE_INFINITY;
-      }
-    }
-  }
-  if (!JsonSigRx.test(value)) {
-    if (options.strict) {
-      throw new SyntaxError("[destr] Invalid JSON");
-    }
-    return value;
-  }
-  try {
-    if (suspectProtoRx.test(value) || suspectConstructorRx.test(value)) {
-      if (options.strict) {
-        throw new Error("[destr] Possible prototype pollution");
-      }
-      return JSON.parse(value, jsonParseTransform);
-    }
-    return JSON.parse(value);
-  } catch (error) {
-    if (options.strict) {
-      throw error;
-    }
-    return value;
-  }
-}
-
+//#region src/runtime/utils.ts
 function get$1(obj, path) {
-  if (obj == null)
-    return void 0;
-  let value = obj;
-  for (let i = 0; i < path.length; i++) {
-    if (value == null || value[path[i]] == null)
-      return void 0;
-    value = value[path[i]];
-  }
-  return value;
+	if (obj == null) return void 0;
+	let value = obj;
+	for (let i = 0; i < path.length; i++) {
+		if (value === void 0 || value[path[i]] === void 0) return void 0;
+		if (value === null || value[path[i]] === null) return null;
+		value = value[path[i]];
+	}
+	return value;
 }
 function set$1(obj, value, path) {
-  if (path.length === 0)
-    return value;
-  const idx = path[0];
-  if (path.length > 1) {
-    value = set$1(
-      typeof obj !== "object" || obj === null || !Object.prototype.hasOwnProperty.call(obj, idx) ? Number.isInteger(Number(path[1])) ? [] : {} : obj[idx],
-      value,
-      Array.prototype.slice.call(path, 1)
-    );
-  }
-  if (Number.isInteger(Number(idx)) && Array.isArray(obj))
-    return obj.slice()[idx];
-  return Object.assign({}, obj, { [idx]: value });
+	if (path.length === 0) return value;
+	const idx = path[0];
+	if (path.length > 1) value = set$1(typeof obj !== "object" || obj === null || !Object.prototype.hasOwnProperty.call(obj, idx) ? Number.isInteger(Number(path[1])) ? [] : {} : obj[idx], value, Array.prototype.slice.call(path, 1));
+	if (Number.isInteger(Number(idx)) && Array.isArray(obj)) return obj.slice()[idx];
+	return Object.assign({}, obj, { [idx]: value });
 }
 function unset(obj, path) {
-  if (obj == null || path.length === 0)
-    return obj;
-  if (path.length === 1) {
-    if (obj == null)
-      return obj;
-    if (Number.isInteger(path[0]) && Array.isArray(obj))
-      return Array.prototype.slice.call(obj, 0).splice(path[0], 1);
-    const result = {};
-    for (const p in obj)
-      result[p] = obj[p];
-    delete result[path[0]];
-    return result;
-  }
-  if (obj[path[0]] == null) {
-    if (Number.isInteger(path[0]) && Array.isArray(obj))
-      return Array.prototype.concat.call([], obj);
-    const result = {};
-    for (const p in obj)
-      result[p] = obj[p];
-    return result;
-  }
-  return set$1(
-    obj,
-    unset(
-      obj[path[0]],
-      Array.prototype.slice.call(path, 1)
-    ),
-    [path[0]]
-  );
-}
-
-function deepPickUnsafe(obj, paths) {
-  return paths.map((p) => p.split(".")).map((p) => [p, get$1(obj, p)]).filter((t) => t[1] !== void 0).reduce((acc, cur) => set$1(acc, cur[1], cur[0]), {});
+	if (obj == null || path.length === 0) return obj;
+	if (path.length === 1) {
+		if (obj == null) return obj;
+		if (Number.isInteger(path[0]) && Array.isArray(obj)) return Array.prototype.slice.call(obj, 0).splice(path[0], 1);
+		const result = {};
+		for (const p in obj) result[p] = obj[p];
+		delete result[path[0]];
+		return result;
+	}
+	if (obj[path[0]] == null) {
+		if (Number.isInteger(path[0]) && Array.isArray(obj)) return Array.prototype.concat.call([], obj);
+		const result = {};
+		for (const p in obj) result[p] = obj[p];
+		return result;
+	}
+	return set$1(obj, unset(obj[path[0]], Array.prototype.slice.call(path, 1)), [path[0]]);
+}
+function deepPick(obj, paths) {
+	return paths.map((p) => p.split(".")).map((p) => [p, get$1(obj, p)]).filter((t) => t[1] !== void 0).reduce((acc, cur) => set$1(acc, cur[1], cur[0]), {});
+}
+function deepOmit(obj, paths) {
+	return paths.map((p) => p.split(".")).reduce((acc, cur) => unset(acc, cur), obj);
+}
+
+//#endregion
+//#region src/runtime/core.ts
+function hydrateStore(store, { storage, serializer, key, debug, pick, omit, beforeHydrate, afterHydrate }, context, runHooks = true) {
+	try {
+		if (runHooks) beforeHydrate?.(context);
+		const fromStorage = storage.getItem(key);
+		if (fromStorage) {
+			const deserialized = serializer.deserialize(fromStorage);
+			const picked = pick ? deepPick(deserialized, pick) : deserialized;
+			const omitted = omit ? deepOmit(picked, omit) : picked;
+			store.$patch(omitted);
+		}
+		if (runHooks) afterHydrate?.(context);
+	} catch (error) {
+		if (debug) console.error("[pinia-plugin-persistedstate]", error);
+	}
 }
-function deepOmitUnsafe(obj, paths) {
-  return paths.map((p) => p.split(".")).reduce((acc, cur) => unset(acc, cur), obj);
+function persistState(state, { storage, serializer, key, debug, pick, omit }) {
+	try {
+		const picked = pick ? deepPick(state, pick) : state;
+		const omitted = omit ? deepOmit(picked, omit) : picked;
+		const toStorage = serializer.serialize(omitted);
+		storage.setItem(key, toStorage);
+	} catch (error) {
+		if (debug) console.error("[pinia-plugin-persistedstate]", error);
+	}
 }
-
-// src/index.ts
-function hydrateStore(store, {
-  storage,
-  serializer,
-  key,
-  debug,
-  pick,
-  omit,
-  beforeHydrate,
-  afterHydrate
-}, context, runHooks = true) {
-  try {
-    if (runHooks)
-      beforeHydrate?.(context);
-    const fromStorage = storage.getItem(key);
-    if (fromStorage) {
-      const deserialized = serializer.deserialize(fromStorage);
-      const picked = pick ? deepPickUnsafe(deserialized, pick) : deserialized;
-      const omitted = omit ? deepOmitUnsafe(picked, omit) : picked;
-      store.$patch(omitted);
-    }
-    if (runHooks)
-      afterHydrate?.(context);
-  } catch (error) {
-    if (debug)
-      console.error("[pinia-plugin-persistedstate]", error);
-  }
-}
-function persistState(state, {
-  storage,
-  serializer,
-  key,
-  debug,
-  pick,
-  omit
-}) {
-  try {
-    const picked = pick ? deepPickUnsafe(state, pick) : state;
-    const omitted = omit ? deepOmitUnsafe(picked, omit) : picked;
-    const toStorage = serializer.serialize(omitted);
-    storage.setItem(key, toStorage);
-  } catch (error) {
-    if (debug)
-      console.error("[pinia-plugin-persistedstate]", error);
-  }
+function parsePersistKey(key, storeId) {
+	return typeof key === "function" ? key(storeId) : typeof key === "string" ? key : storeId;
 }
 function createPersistence(context, optionsParser, auto) {
-  const { pinia, store, options: { persist = auto } } = context;
-  if (!persist)
-    return;
-  if (!(store.$id in pinia.state.value)) {
-    const originalStore = pinia._s.get(store.$id.replace("__hot:", ""));
-    if (originalStore)
-      void Promise.resolve().then(() => originalStore.$persist());
-    return;
-  }
-  const persistenceOptions = Array.isArray(persist) ? persist : persist === true ? [{}] : [persist];
-  const persistences = persistenceOptions.map(optionsParser);
-  store.$hydrate = ({ runHooks = true } = {}) => {
-    persistences.forEach((p) => {
-      hydrateStore(store, p, context, runHooks);
-    });
-  };
-  store.$persist = () => {
-    persistences.forEach((p) => {
-      persistState(store.$state, p);
-    });
-  };
-  persistences.forEach((p) => {
-    hydrateStore(store, p, context);
-    store.$subscribe(
-      (_mutation, state) => persistState(state, p),
-      { detached: true }
-    );
-  });
+	const { pinia, store, options: { persist = auto } } = context;
+	if (!persist) return;
+	// v8 ignore if -- @preserve
+	if (!(store.$id in pinia.state.value)) {
+		const originalStore = pinia._s.get(store.$id.replace("__hot:", ""));
+		if (originalStore) Promise.resolve().then(() => originalStore.$persist());
+		return;
+	}
+	const persistences = (Array.isArray(persist) ? persist : persist === true ? [{}] : [persist]).map(optionsParser);
+	store.$hydrate = ({ runHooks = true } = {}) => {
+		persistences.forEach((p) => {
+			hydrateStore(store, p, context, runHooks);
+		});
+	};
+	store.$persist = () => {
+		persistences.forEach((p) => {
+			persistState(store.$state, p);
+		});
+	};
+	persistences.forEach((p) => {
+		hydrateStore(store, p, context);
+		store.$subscribe((_mutation, state) => persistState(state, p), { detached: true });
+	});
 }
 
-// src/index.ts
+//#endregion
+//#region src/index.ts
+/**
+* Create a Pinia persistence plugin.
+* @see https://codeberg.org/praz/pinia-plugin-persistedstate
+*/
 function createPersistedState(options = {}) {
-  return function(context) {
-    createPersistence(
-      context,
-      (p) => ({
-        key: (options.key ? options.key : (x) => x)(p.key ?? context.store.$id),
-        debug: p.debug ?? options.debug ?? false,
-        serializer: p.serializer ?? options.serializer ?? {
-          serialize: (data) => JSON.stringify(data),
-          deserialize: (data) => destr(data)
-        },
-        storage: p.storage ?? options.storage ?? window.localStorage,
-        beforeHydrate: p.beforeHydrate,
-        afterHydrate: p.afterHydrate,
-        pick: p.pick,
-        omit: p.omit
-      }),
-      options.auto ?? false
-    );
-  };
+	return function(context) {
+		createPersistence(context, (p) => {
+			const persistKey = parsePersistKey(p.key, context.store.$id);
+			return {
+				key: (options.key ? options.key : (x) => x)(persistKey),
+				debug: p.debug ?? options.debug ?? false,
+				serializer: p.serializer ?? options.serializer ?? {
+					serialize: (data) => JSON.stringify(data),
+					deserialize: (data) => JSON.parse(data)
+				},
+				storage: p.storage ?? options.storage ?? window.localStorage,
+				beforeHydrate: p.beforeHydrate ?? options.beforeHydrate,
+				afterHydrate: p.afterHydrate ?? options.afterHydrate,
+				pick: p.pick,
+				omit: p.omit
+			};
+		}, options.auto ?? false);
+	};
 }
-var index_default = createPersistedState();
+/**
+* Pinia plugin to persist stores.
+* @see https://codeberg.org/praz/pinia-plugin-persistedstate
+*/
+var src_default = createPersistedState();
 
 const piniaInstance = createPinia();
-piniaInstance.use(index_default);
+piniaInstance.use(src_default);
 
-const version$1 = "2.11.5";
+const version$1 = "2.11.7";
 
 const INSTALLED_KEY = Symbol("INSTALLED_KEY");
 
@@ -6936,6 +6833,20 @@ function useWindowSize(options = {}) {
   return { width, height };
 }
 
+class ElementPlusError extends Error {
+  constructor(m) {
+    super(m);
+    this.name = "ElementPlusError";
+  }
+}
+function throwError(scope, m) {
+  throw new ElementPlusError(`[${scope}] ${m}`);
+}
+function debugWarn(scope, message) {
+  const error = isString$4(scope) ? new ElementPlusError(`[${scope}] ${message}`) : scope;
+  console.warn(error);
+}
+
 const initial = {
   current: 0
 };
@@ -6956,7 +6867,10 @@ const useZIndex$1 = (zIndexOverrides) => {
     zIndex$1.value = increasingInjection.current;
     return currentZIndex.value;
   };
-  if (!isClient && !inject(ZINDEX_INJECTION_KEY)) ;
+  if (!isClient && !inject(ZINDEX_INJECTION_KEY)) {
+    debugWarn("ZIndexInjection", `Looks like you are using server rendering, you must provide a z-index provider to ensure the hydration process to be succeed
+usage: app.provide(ZINDEX_INJECTION_KEY, { current: 0 })`);
+  }
   return {
     initialZIndex,
     currentZIndex,
@@ -6978,7 +6892,10 @@ var English = {
       alphaLabel: "pick alpha value",
       alphaDescription: "alpha {alpha}, current color is {color}",
       hueLabel: "pick hue value",
-      hueDescription: "hue {hue}, current color is {color}"
+      hueDescription: "hue {hue}, current color is {color}",
+      svLabel: "pick saturation and brightness value",
+      svDescription: "saturation {saturation}, brightness {brightness}, current color is {color}",
+      predefineDescription: "select {value} as the color"
     },
     datepicker: {
       now: "Now",
@@ -7223,6 +7140,7 @@ const useGlobalSize = () => {
 };
 
 const emptyValuesContextKey = Symbol("emptyValuesContextKey");
+const SCOPE$9 = "use-empty-values";
 const DEFAULT_EMPTY_VALUES = ["", void 0, null];
 const DEFAULT_VALUE_ON_CLEAR = void 0;
 const useEmptyValuesProps = buildProps({
@@ -7270,7 +7188,9 @@ const useEmptyValues = (props, defaultValue) => {
     }
     return result;
   };
-  if (!isEmptyValue(valueOnClear.value)) ;
+  if (!isEmptyValue(valueOnClear.value)) {
+    debugWarn(SCOPE$9, "value-on-clear should be a value of empty-values");
+  }
   return {
     emptyValues,
     valueOnClear,
@@ -7335,6 +7255,7 @@ const provideGlobalConfig = (config, app, global = false) => {
   const oldConfig = inSetup ? useGlobalConfig() : void 0;
   const provideFn = (_a = app == null ? void 0 : app.provide) != null ? _a : inSetup ? provide : void 0;
   if (!provideFn) {
+    debugWarn("provideGlobalConfig", "provideGlobalConfig() can only be used inside setup().");
     return;
   }
   const context = computed(() => {
@@ -7431,6 +7352,7 @@ function easeInOutCubic(t, b, c, d) {
 const rAF = (fn) => isClient ? window.requestAnimationFrame(fn) : setTimeout(fn, 16);
 const cAF = (handle) => isClient ? window.cancelAnimationFrame(handle) : clearTimeout(handle);
 
+const SCOPE$8 = "utils/dom/style";
 const classNameToArray = (cls = "") => cls.split(" ").filter((item) => !!item.trim());
 const hasClass = (el, cls) => {
   if (!el || !cls)
@@ -7484,6 +7406,7 @@ function addUnit(value, defaultUnit = "px") {
   } else if (isString$4(value)) {
     return value;
   }
+  debugWarn(SCOPE$8, "binding value must be a string or number");
 }
 
 const isScroll = (el, isVertical) => {
@@ -7593,24 +7516,12 @@ const getScrollTop = (container) => {
   return container.scrollTop;
 };
 
-class ElementPlusError extends Error {
-  constructor(m) {
-    super(m);
-    this.name = "ElementPlusError";
-  }
-}
-function throwError(scope, m) {
-  throw new ElementPlusError(`[${scope}] ${m}`);
-}
-function debugWarn(scope, message) {
-}
-
-const COMPONENT_NAME$o = "ElAffix";
-const __default__$1W = defineComponent({
-  name: COMPONENT_NAME$o
+const COMPONENT_NAME$p = "ElAffix";
+const __default__$1Y = defineComponent({
+  name: COMPONENT_NAME$p
 });
 const _sfc_main$4p = /* @__PURE__ */ defineComponent({
-  ...__default__$1W,
+  ...__default__$1Y,
   props: affixProps,
   emits: affixEmits,
   setup(__props, { expose, emit }) {
@@ -7696,7 +7607,7 @@ const _sfc_main$4p = /* @__PURE__ */ defineComponent({
       if (props.target) {
         target.value = (_a = document.querySelector(props.target)) != null ? _a : void 0;
         if (!target.value)
-          throwError(COMPONENT_NAME$o, `Target does not exist: ${props.target}`);
+          throwError(COMPONENT_NAME$p, `Target does not exist: ${props.target}`);
       } else {
         target.value = document.documentElement;
       }
@@ -7770,12 +7681,12 @@ const iconProps = buildProps({
   }
 });
 
-const __default__$1V = defineComponent({
+const __default__$1X = defineComponent({
   name: "ElIcon",
   inheritAttrs: false
 });
 const _sfc_main$4o = /* @__PURE__ */ defineComponent({
-  ...__default__$1V,
+  ...__default__$1X,
   props: iconProps,
   setup(__props) {
     const props = __props;
@@ -8589,11 +8500,11 @@ const alertEmits = {
   close: (evt) => isUndefined$1(evt) || evt instanceof Event
 };
 
-const __default__$1U = defineComponent({
+const __default__$1W = defineComponent({
   name: "ElAlert"
 });
 const _sfc_main$4n = /* @__PURE__ */ defineComponent({
-  ...__default__$1U,
+  ...__default__$1W,
   props: alertProps,
   emits: alertEmits,
   setup(__props, { emit }) {
@@ -8634,7 +8545,7 @@ const _sfc_main$4n = /* @__PURE__ */ defineComponent({
           }, [
             _ctx.showIcon && (_ctx.$slots.icon || unref(iconComponent)) ? (openBlock(), createBlock(unref(ElIcon), {
               key: 0,
-              class: normalizeClass([unref(ns).e("icon"), { [unref(ns).is("big")]: unref(hasDesc) }])
+              class: normalizeClass([unref(ns).e("icon"), unref(ns).is("big", unref(hasDesc))])
             }, {
               default: withCtx(() => [
                 renderSlot(_ctx.$slots, "icon", {}, () => [
@@ -8916,6 +8827,7 @@ const useAttrs = (params = {}) => {
   });
   const instance = getCurrentInstance();
   if (!instance) {
+    debugWarn("use-attrs", "getCurrentInstance() returned null. useAttrs() must be called at the top of a setup function");
     return computed(() => ({}));
   }
   return computed(() => {
@@ -8934,6 +8846,13 @@ const useIdInjection = () => {
 };
 const useId = (deterministicId) => {
   const idInjection = useIdInjection();
+  if (!isClient && idInjection === defaultIdInjection) {
+    debugWarn("IdInjection", `Looks like you are using server rendering, you must provide a id provider to ensure the hydration process to be succeed
+usage: app.provide(ID_INJECTION_KEY, {
+  prefix: number,
+  current: number,
+})`);
+  }
   const namespace = useGetDerivedNamespace();
   const idRef = computedEager(() => unref(deterministicId) || `${namespace.value}-id-${idInjection.prefix}-${idInjection.current++}`);
   return idRef;
@@ -9242,13 +9161,13 @@ function useCursor(input) {
   return [recordCursor, setCursor];
 }
 
-const COMPONENT_NAME$n = "ElInput";
-const __default__$1T = defineComponent({
-  name: COMPONENT_NAME$n,
+const COMPONENT_NAME$o = "ElInput";
+const __default__$1V = defineComponent({
+  name: COMPONENT_NAME$o,
   inheritAttrs: false
 });
 const _sfc_main$4m = /* @__PURE__ */ defineComponent({
-  ...__default__$1T,
+  ...__default__$1V,
   props: inputProps,
   emits: inputEmits,
   setup(__props, { expose, emit }) {
@@ -9294,7 +9213,7 @@ const _sfc_main$4m = /* @__PURE__ */ defineComponent({
       afterBlur() {
         var _a;
         if (props.validateEvent) {
-          (_a = elFormItem == null ? void 0 : elFormItem.validate) == null ? void 0 : _a.call(elFormItem, "blur").catch((err) => debugWarn());
+          (_a = elFormItem == null ? void 0 : elFormItem.validate) == null ? void 0 : _a.call(elFormItem, "blur").catch((err) => debugWarn(err));
         }
       }
     });
@@ -9430,9 +9349,7 @@ const _sfc_main$4m = /* @__PURE__ */ defineComponent({
       handleCompositionEnd
     } = useComposition({ emit, afterComposition: handleInput });
     const handlePasswordVisible = () => {
-      recordCursor();
       passwordVisible.value = !passwordVisible.value;
-      setTimeout(setCursor);
     };
     const focus = () => {
       var _a;
@@ -9467,7 +9384,7 @@ const _sfc_main$4m = /* @__PURE__ */ defineComponent({
       var _a;
       nextTick(() => resizeTextarea());
       if (props.validateEvent) {
-        (_a = elFormItem == null ? void 0 : elFormItem.validate) == null ? void 0 : _a.call(elFormItem, "change").catch((err) => debugWarn());
+        (_a = elFormItem == null ? void 0 : elFormItem.validate) == null ? void 0 : _a.call(elFormItem, "change").catch((err) => debugWarn(err));
       }
     });
     watch(nativeInputValue, (newValue) => {
@@ -9493,7 +9410,9 @@ const _sfc_main$4m = /* @__PURE__ */ defineComponent({
       resizeTextarea();
     });
     onMounted(() => {
-      if (!props.formatter && props.parser) ;
+      if (!props.formatter && props.parser) {
+        debugWarn(COMPONENT_NAME$o, "If you set the parser, you also need to set the formatter.");
+      }
       setNativeInputValue();
       nextTick(resizeTextarea);
     });
@@ -9619,13 +9538,15 @@ const _sfc_main$4m = /* @__PURE__ */ defineComponent({
                 unref(showPwdVisible) ? (openBlock(), createBlock(unref(ElIcon), {
                   key: 2,
                   class: normalizeClass([unref(nsInput).e("icon"), unref(nsInput).e("password")]),
-                  onClick: handlePasswordVisible
+                  onClick: handlePasswordVisible,
+                  onMousedown: withModifiers(unref(NOOP), ["prevent"]),
+                  onMouseup: withModifiers(unref(NOOP), ["prevent"])
                 }, {
                   default: withCtx(() => [
                     (openBlock(), createBlock(resolveDynamicComponent(unref(passwordIcon))))
                   ]),
                   _: 1
-                }, 8, ["class"])) : createCommentVNode("v-if", true),
+                }, 8, ["class", "onMousedown", "onMouseup"])) : createCommentVNode("v-if", true),
                 unref(isWordLimitVisible) ? (openBlock(), createElementBlock("span", {
                   key: 3,
                   class: normalizeClass([
@@ -9752,7 +9673,7 @@ const thumbProps = buildProps({
   always: Boolean
 });
 
-const COMPONENT_NAME$m = "Thumb";
+const COMPONENT_NAME$n = "Thumb";
 const _sfc_main$4l = /* @__PURE__ */ defineComponent({
   __name: "thumb",
   props: thumbProps,
@@ -9761,7 +9682,7 @@ const _sfc_main$4l = /* @__PURE__ */ defineComponent({
     const scrollbar = inject(scrollbarContextKey);
     const ns = useNamespace("scrollbar");
     if (!scrollbar)
-      throwError(COMPONENT_NAME$m, "can not inject scrollbar context");
+      throwError(COMPONENT_NAME$n, "can not inject scrollbar context");
     const instance = ref();
     const thumb = ref();
     const thumbState = ref({});
@@ -10011,12 +9932,12 @@ const scrollbarEmits = {
   }) => [scrollTop, scrollLeft].every(isNumber$2)
 };
 
-const COMPONENT_NAME$l = "ElScrollbar";
-const __default__$1S = defineComponent({
-  name: COMPONENT_NAME$l
+const COMPONENT_NAME$m = "ElScrollbar";
+const __default__$1U = defineComponent({
+  name: COMPONENT_NAME$m
 });
 const _sfc_main$4j = /* @__PURE__ */ defineComponent({
-  ...__default__$1S,
+  ...__default__$1U,
   props: scrollbarProps,
   emits: scrollbarEmits,
   setup(__props, { expose, emit }) {
@@ -10122,12 +10043,14 @@ const _sfc_main$4j = /* @__PURE__ */ defineComponent({
     }
     const setScrollTop = (value) => {
       if (!isNumber$2(value)) {
+        debugWarn(COMPONENT_NAME$m, "value must be a number");
         return;
       }
       wrapRef.value.scrollTop = value;
     };
     const setScrollLeft = (value) => {
       if (!isNumber$2(value)) {
+        debugWarn(COMPONENT_NAME$m, "value must be a number");
         return;
       }
       wrapRef.value.scrollLeft = value;
@@ -10249,12 +10172,12 @@ const popperProps = buildProps({
   }
 });
 
-const __default__$1R = defineComponent({
+const __default__$1T = defineComponent({
   name: "ElPopper",
   inheritAttrs: false
 });
 const _sfc_main$4i = /* @__PURE__ */ defineComponent({
-  ...__default__$1R,
+  ...__default__$1T,
   props: popperProps,
   setup(__props, { expose }) {
     const props = __props;
@@ -10279,12 +10202,12 @@ const _sfc_main$4i = /* @__PURE__ */ defineComponent({
 });
 var Popper = /* @__PURE__ */ _export_sfc$2(_sfc_main$4i, [["__file", "popper.vue"]]);
 
-const __default__$1Q = defineComponent({
+const __default__$1S = defineComponent({
   name: "ElPopperArrow",
   inheritAttrs: false
 });
 const _sfc_main$4h = /* @__PURE__ */ defineComponent({
-  ...__default__$1Q,
+  ...__default__$1S,
   setup(__props, { expose }) {
     const ns = useNamespace("popper");
     const { arrowRef, arrowStyle } = inject(POPPER_CONTENT_INJECTION_KEY, void 0);
@@ -10377,8 +10300,12 @@ const OnlyChild = defineComponent({
         return null;
       const [firstLegitNode, length] = findFirstLegitChild(defaultSlot);
       if (!firstLegitNode) {
+        debugWarn(NAME, "no valid child node found");
         return null;
       }
+      if (length > 1) {
+        debugWarn(NAME, "requires exact only one valid child.");
+      }
       return withDirectives(cloneVNode(firstLegitNode, attrs), [[forwardRefDirective]]);
     };
   }
@@ -10413,12 +10340,12 @@ function wrapTextContent(s) {
   }, [s]);
 }
 
-const __default__$1P = defineComponent({
+const __default__$1R = defineComponent({
   name: "ElPopperTrigger",
   inheritAttrs: false
 });
 const _sfc_main$4g = /* @__PURE__ */ defineComponent({
-  ...__default__$1P,
+  ...__default__$1R,
   props: popperTriggerProps,
   setup(__props, { expose }) {
     const props = __props;
@@ -11003,10 +10930,10 @@ const _sfc_main$4f = defineComponent({
     };
   }
 });
-function _sfc_render$o(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$m(_ctx, _cache, $props, $setup, $data, $options) {
   return renderSlot(_ctx.$slots, "default", { handleKeydown: _ctx.onKeydown });
 }
-var ElFocusTrap = /* @__PURE__ */ _export_sfc$2(_sfc_main$4f, [["render", _sfc_render$o], ["__file", "focus-trap.vue"]]);
+var ElFocusTrap = /* @__PURE__ */ _export_sfc$2(_sfc_main$4f, [["render", _sfc_render$m], ["__file", "focus-trap.vue"]]);
 
 var E$1="top",R="bottom",W="right",P$2="left",me="auto",G=[E$1,R,W,P$2],U$1="start",J="end",Xe="clippingParents",je="viewport",K="popper",Ye="reference",De=G.reduce(function(t,e){return t.concat([e+"-"+U$1,e+"-"+J])},[]),Ee=[].concat(G,[me]).reduce(function(t,e){return t.concat([e,e+"-"+U$1,e+"-"+J])},[]),Ge="beforeRead",Je="read",Ke="afterRead",Qe="beforeMain",Ze="main",et="afterMain",tt="beforeWrite",nt="write",rt="afterWrite",ot=[Ge,Je,Ke,Qe,Ze,et,tt,nt,rt];function C(t){return t?(t.nodeName||"").toLowerCase():null}function H(t){if(t==null)return window;if(t.toString()!=="[object Window]"){var e=t.ownerDocument;return e&&e.defaultView||window}return t}function Q(t){var e=H(t).Element;return t instanceof e||t instanceof Element}function B(t){var e=H(t).HTMLElement;return t instanceof e||t instanceof HTMLElement}function Pe(t){if(typeof ShadowRoot=="undefined")return  false;var e=H(t).ShadowRoot;return t instanceof e||t instanceof ShadowRoot}function Mt(t){var e=t.state;Object.keys(e.elements).forEach(function(n){var r=e.styles[n]||{},o=e.attributes[n]||{},i=e.elements[n];!B(i)||!C(i)||(Object.assign(i.style,r),Object.keys(o).forEach(function(a){var s=o[a];s===false?i.removeAttribute(a):i.setAttribute(a,s===true?"":s);}));});}function Rt(t){var e=t.state,n={popper:{position:e.options.strategy,left:"0",top:"0",margin:"0"},arrow:{position:"absolute"},reference:{}};return Object.assign(e.elements.popper.style,n.popper),e.styles=n,e.elements.arrow&&Object.assign(e.elements.arrow.style,n.arrow),function(){Object.keys(e.elements).forEach(function(r){var o=e.elements[r],i=e.attributes[r]||{},a=Object.keys(e.styles.hasOwnProperty(r)?e.styles[r]:n[r]),s=a.reduce(function(f,c){return f[c]="",f},{});!B(o)||!C(o)||(Object.assign(o.style,s),Object.keys(i).forEach(function(f){o.removeAttribute(f);}));});}}var Ae={name:"applyStyles",enabled:true,phase:"write",fn:Mt,effect:Rt,requires:["computeStyles"]};function q(t){return t.split("-")[0]}var X$1=Math.max,ve=Math.min,Z$1=Math.round;function ee(t,e){e===void 0&&(e=false);var n=t.getBoundingClientRect(),r=1,o=1;if(B(t)&&e){var i=t.offsetHeight,a=t.offsetWidth;a>0&&(r=Z$1(n.width)/a||1),i>0&&(o=Z$1(n.height)/i||1);}return {width:n.width/r,height:n.height/o,top:n.top/o,right:n.right/r,bottom:n.bottom/o,left:n.left/r,x:n.left/r,y:n.top/o}}function ke(t){var e=ee(t),n=t.offsetWidth,r=t.offsetHeight;return Math.abs(e.width-n)<=1&&(n=e.width),Math.abs(e.height-r)<=1&&(r=e.height),{x:t.offsetLeft,y:t.offsetTop,width:n,height:r}}function it(t,e){var n=e.getRootNode&&e.getRootNode();if(t.contains(e))return  true;if(n&&Pe(n)){var r=e;do{if(r&&t.isSameNode(r))return  true;r=r.parentNode||r.host;}while(r)}return  false}function N$1(t){return H(t).getComputedStyle(t)}function Wt(t){return ["table","td","th"].indexOf(C(t))>=0}function I$1(t){return ((Q(t)?t.ownerDocument:t.document)||window.document).documentElement}function ge(t){return C(t)==="html"?t:t.assignedSlot||t.parentNode||(Pe(t)?t.host:null)||I$1(t)}function at(t){return !B(t)||N$1(t).position==="fixed"?null:t.offsetParent}function Bt(t){var e=navigator.userAgent.toLowerCase().indexOf("firefox")!==-1,n=navigator.userAgent.indexOf("Trident")!==-1;if(n&&B(t)){var r=N$1(t);if(r.position==="fixed")return null}var o=ge(t);for(Pe(o)&&(o=o.host);B(o)&&["html","body"].indexOf(C(o))<0;){var i=N$1(o);if(i.transform!=="none"||i.perspective!=="none"||i.contain==="paint"||["transform","perspective"].indexOf(i.willChange)!==-1||e&&i.willChange==="filter"||e&&i.filter&&i.filter!=="none")return o;o=o.parentNode;}return null}function se(t){for(var e=H(t),n=at(t);n&&Wt(n)&&N$1(n).position==="static";)n=at(n);return n&&(C(n)==="html"||C(n)==="body"&&N$1(n).position==="static")?e:n||Bt(t)||e}function Le(t){return ["top","bottom"].indexOf(t)>=0?"x":"y"}function fe(t,e,n){return X$1(t,ve(e,n))}function St(t,e,n){var r=fe(t,e,n);return r>n?n:r}function st(){return {top:0,right:0,bottom:0,left:0}}function ft(t){return Object.assign({},st(),t)}function ct(t,e){return e.reduce(function(n,r){return n[r]=t,n},{})}var Tt=function(t,e){return t=typeof t=="function"?t(Object.assign({},e.rects,{placement:e.placement})):t,ft(typeof t!="number"?t:ct(t,G))};function Ht(t){var e,n=t.state,r=t.name,o=t.options,i=n.elements.arrow,a=n.modifiersData.popperOffsets,s=q(n.placement),f=Le(s),c=[P$2,W].indexOf(s)>=0,u=c?"height":"width";if(!(!i||!a)){var m=Tt(o.padding,n),v=ke(i),l=f==="y"?E$1:P$2,h=f==="y"?R:W,p=n.rects.reference[u]+n.rects.reference[f]-a[f]-n.rects.popper[u],g=a[f]-n.rects.reference[f],x=se(i),y=x?f==="y"?x.clientHeight||0:x.clientWidth||0:0,$=p/2-g/2,d=m[l],b=y-v[u]-m[h],w=y/2-v[u]/2+$,O=fe(d,w,b),j=f;n.modifiersData[r]=(e={},e[j]=O,e.centerOffset=O-w,e);}}function Ct(t){var e=t.state,n=t.options,r=n.element,o=r===void 0?"[data-popper-arrow]":r;o!=null&&(typeof o=="string"&&(o=e.elements.popper.querySelector(o),!o)||!it(e.elements.popper,o)||(e.elements.arrow=o));}var pt={name:"arrow",enabled:true,phase:"main",fn:Ht,effect:Ct,requires:["popperOffsets"],requiresIfExists:["preventOverflow"]};function te(t){return t.split("-")[1]}var qt={top:"auto",right:"auto",bottom:"auto",left:"auto"};function Vt(t){var e=t.x,n=t.y,r=window,o=r.devicePixelRatio||1;return {x:Z$1(e*o)/o||0,y:Z$1(n*o)/o||0}}function ut(t){var e,n=t.popper,r=t.popperRect,o=t.placement,i=t.variation,a=t.offsets,s=t.position,f=t.gpuAcceleration,c=t.adaptive,u=t.roundOffsets,m=t.isFixed,v=a.x,l=v===void 0?0:v,h=a.y,p=h===void 0?0:h,g=typeof u=="function"?u({x:l,y:p}):{x:l,y:p};l=g.x,p=g.y;var x=a.hasOwnProperty("x"),y=a.hasOwnProperty("y"),$=P$2,d=E$1,b=window;if(c){var w=se(n),O="clientHeight",j="clientWidth";if(w===H(n)&&(w=I$1(n),N$1(w).position!=="static"&&s==="absolute"&&(O="scrollHeight",j="scrollWidth")),w=w,o===E$1||(o===P$2||o===W)&&i===J){d=R;var A=m&&w===b&&b.visualViewport?b.visualViewport.height:w[O];p-=A-r.height,p*=f?1:-1;}if(o===P$2||(o===E$1||o===R)&&i===J){$=W;var k=m&&w===b&&b.visualViewport?b.visualViewport.width:w[j];l-=k-r.width,l*=f?1:-1;}}var D=Object.assign({position:s},c&&qt),S=u===true?Vt({x:l,y:p}):{x:l,y:p};if(l=S.x,p=S.y,f){var L;return Object.assign({},D,(L={},L[d]=y?"0":"",L[$]=x?"0":"",L.transform=(b.devicePixelRatio||1)<=1?"translate("+l+"px, "+p+"px)":"translate3d("+l+"px, "+p+"px, 0)",L))}return Object.assign({},D,(e={},e[d]=y?p+"px":"",e[$]=x?l+"px":"",e.transform="",e))}function Nt(t){var e=t.state,n=t.options,r=n.gpuAcceleration,o=r===void 0?true:r,i=n.adaptive,a=i===void 0?true:i,s=n.roundOffsets,f=s===void 0?true:s,c={placement:q(e.placement),variation:te(e.placement),popper:e.elements.popper,popperRect:e.rects.popper,gpuAcceleration:o,isFixed:e.options.strategy==="fixed"};e.modifiersData.popperOffsets!=null&&(e.styles.popper=Object.assign({},e.styles.popper,ut(Object.assign({},c,{offsets:e.modifiersData.popperOffsets,position:e.options.strategy,adaptive:a,roundOffsets:f})))),e.modifiersData.arrow!=null&&(e.styles.arrow=Object.assign({},e.styles.arrow,ut(Object.assign({},c,{offsets:e.modifiersData.arrow,position:"absolute",adaptive:false,roundOffsets:f})))),e.attributes.popper=Object.assign({},e.attributes.popper,{"data-popper-placement":e.placement});}var Me={name:"computeStyles",enabled:true,phase:"beforeWrite",fn:Nt,data:{}},ye={passive:true};function It(t){var e=t.state,n=t.instance,r=t.options,o=r.scroll,i=o===void 0?true:o,a=r.resize,s=a===void 0?true:a,f=H(e.elements.popper),c=[].concat(e.scrollParents.reference,e.scrollParents.popper);return i&&c.forEach(function(u){u.addEventListener("scroll",n.update,ye);}),s&&f.addEventListener("resize",n.update,ye),function(){i&&c.forEach(function(u){u.removeEventListener("scroll",n.update,ye);}),s&&f.removeEventListener("resize",n.update,ye);}}var Re={name:"eventListeners",enabled:true,phase:"write",fn:function(){},effect:It,data:{}},_t={left:"right",right:"left",bottom:"top",top:"bottom"};function be(t){return t.replace(/left|right|bottom|top/g,function(e){return _t[e]})}var zt={start:"end",end:"start"};function lt(t){return t.replace(/start|end/g,function(e){return zt[e]})}function We(t){var e=H(t),n=e.pageXOffset,r=e.pageYOffset;return {scrollLeft:n,scrollTop:r}}function Be(t){return ee(I$1(t)).left+We(t).scrollLeft}function Ft(t){var e=H(t),n=I$1(t),r=e.visualViewport,o=n.clientWidth,i=n.clientHeight,a=0,s=0;return r&&(o=r.width,i=r.height,/^((?!chrome|android).)*safari/i.test(navigator.userAgent)||(a=r.offsetLeft,s=r.offsetTop)),{width:o,height:i,x:a+Be(t),y:s}}function Ut(t){var e,n=I$1(t),r=We(t),o=(e=t.ownerDocument)==null?void 0:e.body,i=X$1(n.scrollWidth,n.clientWidth,o?o.scrollWidth:0,o?o.clientWidth:0),a=X$1(n.scrollHeight,n.clientHeight,o?o.scrollHeight:0,o?o.clientHeight:0),s=-r.scrollLeft+Be(t),f=-r.scrollTop;return N$1(o||n).direction==="rtl"&&(s+=X$1(n.clientWidth,o?o.clientWidth:0)-i),{width:i,height:a,x:s,y:f}}function Se(t){var e=N$1(t),n=e.overflow,r=e.overflowX,o=e.overflowY;return /auto|scroll|overlay|hidden/.test(n+o+r)}function dt(t){return ["html","body","#document"].indexOf(C(t))>=0?t.ownerDocument.body:B(t)&&Se(t)?t:dt(ge(t))}function ce(t,e){var n;e===void 0&&(e=[]);var r=dt(t),o=r===((n=t.ownerDocument)==null?void 0:n.body),i=H(r),a=o?[i].concat(i.visualViewport||[],Se(r)?r:[]):r,s=e.concat(a);return o?s:s.concat(ce(ge(a)))}function Te(t){return Object.assign({},t,{left:t.x,top:t.y,right:t.x+t.width,bottom:t.y+t.height})}function Xt(t){var e=ee(t);return e.top=e.top+t.clientTop,e.left=e.left+t.clientLeft,e.bottom=e.top+t.clientHeight,e.right=e.left+t.clientWidth,e.width=t.clientWidth,e.height=t.clientHeight,e.x=e.left,e.y=e.top,e}function ht(t,e){return e===je?Te(Ft(t)):Q(e)?Xt(e):Te(Ut(I$1(t)))}function Yt(t){var e=ce(ge(t)),n=["absolute","fixed"].indexOf(N$1(t).position)>=0,r=n&&B(t)?se(t):t;return Q(r)?e.filter(function(o){return Q(o)&&it(o,r)&&C(o)!=="body"}):[]}function Gt(t,e,n){var r=e==="clippingParents"?Yt(t):[].concat(e),o=[].concat(r,[n]),i=o[0],a=o.reduce(function(s,f){var c=ht(t,f);return s.top=X$1(c.top,s.top),s.right=ve(c.right,s.right),s.bottom=ve(c.bottom,s.bottom),s.left=X$1(c.left,s.left),s},ht(t,i));return a.width=a.right-a.left,a.height=a.bottom-a.top,a.x=a.left,a.y=a.top,a}function mt(t){var e=t.reference,n=t.element,r=t.placement,o=r?q(r):null,i=r?te(r):null,a=e.x+e.width/2-n.width/2,s=e.y+e.height/2-n.height/2,f;switch(o){case E$1:f={x:a,y:e.y-n.height};break;case R:f={x:a,y:e.y+e.height};break;case W:f={x:e.x+e.width,y:s};break;case P$2:f={x:e.x-n.width,y:s};break;default:f={x:e.x,y:e.y};}var c=o?Le(o):null;if(c!=null){var u=c==="y"?"height":"width";switch(i){case U$1:f[c]=f[c]-(e[u]/2-n[u]/2);break;case J:f[c]=f[c]+(e[u]/2-n[u]/2);break}}return f}function ne(t,e){e===void 0&&(e={});var n=e,r=n.placement,o=r===void 0?t.placement:r,i=n.boundary,a=i===void 0?Xe:i,s=n.rootBoundary,f=s===void 0?je:s,c=n.elementContext,u=c===void 0?K:c,m=n.altBoundary,v=m===void 0?false:m,l=n.padding,h=l===void 0?0:l,p=ft(typeof h!="number"?h:ct(h,G)),g=u===K?Ye:K,x=t.rects.popper,y=t.elements[v?g:u],$=Gt(Q(y)?y:y.contextElement||I$1(t.elements.popper),a,f),d=ee(t.elements.reference),b=mt({reference:d,element:x,placement:o}),w=Te(Object.assign({},x,b)),O=u===K?w:d,j={top:$.top-O.top+p.top,bottom:O.bottom-$.bottom+p.bottom,left:$.left-O.left+p.left,right:O.right-$.right+p.right},A=t.modifiersData.offset;if(u===K&&A){var k=A[o];Object.keys(j).forEach(function(D){var S=[W,R].indexOf(D)>=0?1:-1,L=[E$1,R].indexOf(D)>=0?"y":"x";j[D]+=k[L]*S;});}return j}function Jt(t,e){e===void 0&&(e={});var n=e,r=n.placement,o=n.boundary,i=n.rootBoundary,a=n.padding,s=n.flipVariations,f=n.allowedAutoPlacements,c=f===void 0?Ee:f,u=te(r),m=u?s?De:De.filter(function(h){return te(h)===u}):G,v=m.filter(function(h){return c.indexOf(h)>=0});v.length===0&&(v=m);var l=v.reduce(function(h,p){return h[p]=ne(t,{placement:p,boundary:o,rootBoundary:i,padding:a})[q(p)],h},{});return Object.keys(l).sort(function(h,p){return l[h]-l[p]})}function Kt(t){if(q(t)===me)return [];var e=be(t);return [lt(t),e,lt(e)]}function Qt(t){var e=t.state,n=t.options,r=t.name;if(!e.modifiersData[r]._skip){for(var o=n.mainAxis,i=o===void 0?true:o,a=n.altAxis,s=a===void 0?true:a,f=n.fallbackPlacements,c=n.padding,u=n.boundary,m=n.rootBoundary,v=n.altBoundary,l=n.flipVariations,h=l===void 0?true:l,p=n.allowedAutoPlacements,g=e.options.placement,x=q(g),y=x===g,$=f||(y||!h?[be(g)]:Kt(g)),d=[g].concat($).reduce(function(z,V){return z.concat(q(V)===me?Jt(e,{placement:V,boundary:u,rootBoundary:m,padding:c,flipVariations:h,allowedAutoPlacements:p}):V)},[]),b=e.rects.reference,w=e.rects.popper,O=new Map,j=true,A=d[0],k=0;k<d.length;k++){var D=d[k],S=q(D),L=te(D)===U$1,re=[E$1,R].indexOf(S)>=0,oe=re?"width":"height",M=ne(e,{placement:D,boundary:u,rootBoundary:m,altBoundary:v,padding:c}),T=re?L?W:P$2:L?R:E$1;b[oe]>w[oe]&&(T=be(T));var pe=be(T),_=[];if(i&&_.push(M[S]<=0),s&&_.push(M[T]<=0,M[pe]<=0),_.every(function(z){return z})){A=D,j=false;break}O.set(D,_);}if(j)for(var ue=h?3:1,xe=function(z){var V=d.find(function(de){var ae=O.get(de);if(ae)return ae.slice(0,z).every(function(Y){return Y})});if(V)return A=V,"break"},ie=ue;ie>0;ie--){var le=xe(ie);if(le==="break")break}e.placement!==A&&(e.modifiersData[r]._skip=true,e.placement=A,e.reset=true);}}var vt={name:"flip",enabled:true,phase:"main",fn:Qt,requiresIfExists:["offset"],data:{_skip:false}};function gt(t,e,n){return n===void 0&&(n={x:0,y:0}),{top:t.top-e.height-n.y,right:t.right-e.width+n.x,bottom:t.bottom-e.height+n.y,left:t.left-e.width-n.x}}function yt(t){return [E$1,W,R,P$2].some(function(e){return t[e]>=0})}function Zt(t){var e=t.state,n=t.name,r=e.rects.reference,o=e.rects.popper,i=e.modifiersData.preventOverflow,a=ne(e,{elementContext:"reference"}),s=ne(e,{altBoundary:true}),f=gt(a,r),c=gt(s,o,i),u=yt(f),m=yt(c);e.modifiersData[n]={referenceClippingOffsets:f,popperEscapeOffsets:c,isReferenceHidden:u,hasPopperEscaped:m},e.attributes.popper=Object.assign({},e.attributes.popper,{"data-popper-reference-hidden":u,"data-popper-escaped":m});}var bt={name:"hide",enabled:true,phase:"main",requiresIfExists:["preventOverflow"],fn:Zt};function en$1(t,e,n){var r=q(t),o=[P$2,E$1].indexOf(r)>=0?-1:1,i=typeof n=="function"?n(Object.assign({},e,{placement:t})):n,a=i[0],s=i[1];return a=a||0,s=(s||0)*o,[P$2,W].indexOf(r)>=0?{x:s,y:a}:{x:a,y:s}}function tn(t){var e=t.state,n=t.options,r=t.name,o=n.offset,i=o===void 0?[0,0]:o,a=Ee.reduce(function(u,m){return u[m]=en$1(m,e.rects,i),u},{}),s=a[e.placement],f=s.x,c=s.y;e.modifiersData.popperOffsets!=null&&(e.modifiersData.popperOffsets.x+=f,e.modifiersData.popperOffsets.y+=c),e.modifiersData[r]=a;}var wt={name:"offset",enabled:true,phase:"main",requires:["popperOffsets"],fn:tn};function nn(t){var e=t.state,n=t.name;e.modifiersData[n]=mt({reference:e.rects.reference,element:e.rects.popper,placement:e.placement});}var He={name:"popperOffsets",enabled:true,phase:"read",fn:nn,data:{}};function rn(t){return t==="x"?"y":"x"}function on$1(t){var e=t.state,n=t.options,r=t.name,o=n.mainAxis,i=o===void 0?true:o,a=n.altAxis,s=a===void 0?false:a,f=n.boundary,c=n.rootBoundary,u=n.altBoundary,m=n.padding,v=n.tether,l=v===void 0?true:v,h=n.tetherOffset,p=h===void 0?0:h,g=ne(e,{boundary:f,rootBoundary:c,padding:m,altBoundary:u}),x=q(e.placement),y=te(e.placement),$=!y,d=Le(x),b=rn(d),w=e.modifiersData.popperOffsets,O=e.rects.reference,j=e.rects.popper,A=typeof p=="function"?p(Object.assign({},e.rects,{placement:e.placement})):p,k=typeof A=="number"?{mainAxis:A,altAxis:A}:Object.assign({mainAxis:0,altAxis:0},A),D=e.modifiersData.offset?e.modifiersData.offset[e.placement]:null,S={x:0,y:0};if(w){if(i){var L,re=d==="y"?E$1:P$2,oe=d==="y"?R:W,M=d==="y"?"height":"width",T=w[d],pe=T+g[re],_=T-g[oe],ue=l?-j[M]/2:0,xe=y===U$1?O[M]:j[M],ie=y===U$1?-j[M]:-O[M],le=e.elements.arrow,z=l&&le?ke(le):{width:0,height:0},V=e.modifiersData["arrow#persistent"]?e.modifiersData["arrow#persistent"].padding:st(),de=V[re],ae=V[oe],Y=fe(0,O[M],z[M]),jt=$?O[M]/2-ue-Y-de-k.mainAxis:xe-Y-de-k.mainAxis,Dt=$?-O[M]/2+ue+Y+ae+k.mainAxis:ie+Y+ae+k.mainAxis,Oe=e.elements.arrow&&se(e.elements.arrow),Et=Oe?d==="y"?Oe.clientTop||0:Oe.clientLeft||0:0,Ce=(L=D==null?void 0:D[d])!=null?L:0,Pt=T+jt-Ce-Et,At=T+Dt-Ce,qe=fe(l?ve(pe,Pt):pe,T,l?X$1(_,At):_);w[d]=qe,S[d]=qe-T;}if(s){var Ve,kt=d==="x"?E$1:P$2,Lt=d==="x"?R:W,F=w[b],he=b==="y"?"height":"width",Ne=F+g[kt],Ie=F-g[Lt],$e=[E$1,P$2].indexOf(x)!==-1,_e=(Ve=D==null?void 0:D[b])!=null?Ve:0,ze=$e?Ne:F-O[he]-j[he]-_e+k.altAxis,Fe=$e?F+O[he]+j[he]-_e-k.altAxis:Ie,Ue=l&&$e?St(ze,F,Fe):fe(l?ze:Ne,F,l?Fe:Ie);w[b]=Ue,S[b]=Ue-F;}e.modifiersData[r]=S;}}var xt={name:"preventOverflow",enabled:true,phase:"main",fn:on$1,requiresIfExists:["offset"]};function an(t){return {scrollLeft:t.scrollLeft,scrollTop:t.scrollTop}}function sn(t){return t===H(t)||!B(t)?We(t):an(t)}function fn(t){var e=t.getBoundingClientRect(),n=Z$1(e.width)/t.offsetWidth||1,r=Z$1(e.height)/t.offsetHeight||1;return n!==1||r!==1}function cn(t,e,n){n===void 0&&(n=false);var r=B(e),o=B(e)&&fn(e),i=I$1(e),a=ee(t,o),s={scrollLeft:0,scrollTop:0},f={x:0,y:0};return (r||!r&&!n)&&((C(e)!=="body"||Se(i))&&(s=sn(e)),B(e)?(f=ee(e,true),f.x+=e.clientLeft,f.y+=e.clientTop):i&&(f.x=Be(i))),{x:a.left+s.scrollLeft-f.x,y:a.top+s.scrollTop-f.y,width:a.width,height:a.height}}function pn(t){var e=new Map,n=new Set,r=[];t.forEach(function(i){e.set(i.name,i);});function o(i){n.add(i.name);var a=[].concat(i.requires||[],i.requiresIfExists||[]);a.forEach(function(s){if(!n.has(s)){var f=e.get(s);f&&o(f);}}),r.push(i);}return t.forEach(function(i){n.has(i.name)||o(i);}),r}function un(t){var e=pn(t);return ot.reduce(function(n,r){return n.concat(e.filter(function(o){return o.phase===r}))},[])}function ln(t){var e;return function(){return e||(e=new Promise(function(n){Promise.resolve().then(function(){e=void 0,n(t());});})),e}}function dn(t){var e=t.reduce(function(n,r){var o=n[r.name];return n[r.name]=o?Object.assign({},o,r,{options:Object.assign({},o.options,r.options),data:Object.assign({},o.data,r.data)}):r,n},{});return Object.keys(e).map(function(n){return e[n]})}var Ot={placement:"bottom",modifiers:[],strategy:"absolute"};function $t(){for(var t=arguments.length,e=new Array(t),n=0;n<t;n++)e[n]=arguments[n];return !e.some(function(r){return !(r&&typeof r.getBoundingClientRect=="function")})}function we(t){t===void 0&&(t={});var e=t,n=e.defaultModifiers,r=n===void 0?[]:n,o=e.defaultOptions,i=o===void 0?Ot:o;return function(a,s,f){f===void 0&&(f=i);var c={placement:"bottom",orderedModifiers:[],options:Object.assign({},Ot,i),modifiersData:{},elements:{reference:a,popper:s},attributes:{},styles:{}},u=[],m=false,v={state:c,setOptions:function(p){var g=typeof p=="function"?p(c.options):p;h(),c.options=Object.assign({},i,c.options,g),c.scrollParents={reference:Q(a)?ce(a):a.contextElement?ce(a.contextElement):[],popper:ce(s)};var x=un(dn([].concat(r,c.options.modifiers)));return c.orderedModifiers=x.filter(function(y){return y.enabled}),l(),v.update()},forceUpdate:function(){if(!m){var p=c.elements,g=p.reference,x=p.popper;if($t(g,x)){c.rects={reference:cn(g,se(x),c.options.strategy==="fixed"),popper:ke(x)},c.reset=false,c.placement=c.options.placement,c.orderedModifiers.forEach(function(j){return c.modifiersData[j.name]=Object.assign({},j.data)});for(var y=0;y<c.orderedModifiers.length;y++){if(c.reset===true){c.reset=false,y=-1;continue}var $=c.orderedModifiers[y],d=$.fn,b=$.options,w=b===void 0?{}:b,O=$.name;typeof d=="function"&&(c=d({state:c,options:w,name:O,instance:v})||c);}}}},update:ln(function(){return new Promise(function(p){v.forceUpdate(),p(c);})}),destroy:function(){h(),m=true;}};if(!$t(a,s))return v;v.setOptions(f).then(function(p){!m&&f.onFirstUpdate&&f.onFirstUpdate(p);});function l(){c.orderedModifiers.forEach(function(p){var g=p.name,x=p.options,y=x===void 0?{}:x,$=p.effect;if(typeof $=="function"){var d=$({state:c,name:g,instance:v,options:y}),b=function(){};u.push(d||b);}});}function h(){u.forEach(function(p){return p()}),u=[];}return v}}we();var mn=[Re,He,Me,Ae];we({defaultModifiers:mn});var gn=[Re,He,Me,Ae,wt,vt,xt,pt,bt],yn=we({defaultModifiers:gn});
 
@@ -11390,11 +11317,11 @@ const usePopperContentDOM = (props, {
   };
 };
 
-const __default__$1O = defineComponent({
+const __default__$1Q = defineComponent({
   name: "ElPopperContent"
 });
 const _sfc_main$4e = /* @__PURE__ */ defineComponent({
-  ...__default__$1O,
+  ...__default__$1Q,
   props: popperContentProps,
   emits: popperContentEmits,
   setup(__props, { expose, emit }) {
@@ -11723,11 +11650,11 @@ const whenTrigger = (trigger, type, handler) => {
   };
 };
 
-const __default__$1N = defineComponent({
+const __default__$1P = defineComponent({
   name: "ElTooltipTrigger"
 });
 const _sfc_main$4d = /* @__PURE__ */ defineComponent({
-  ...__default__$1N,
+  ...__default__$1P,
   props: useTooltipTriggerProps,
   setup(__props, { expose }) {
     const props = __props;
@@ -11856,12 +11783,12 @@ const castArray = (arr) => {
   return isArray$2(arr) ? arr : [arr];
 };
 
-const __default__$1M = defineComponent({
+const __default__$1O = defineComponent({
   name: "ElTooltipContent",
   inheritAttrs: false
 });
 const _sfc_main$4b = /* @__PURE__ */ defineComponent({
-  ...__default__$1M,
+  ...__default__$1O,
   props: useTooltipContentProps,
   setup(__props, { expose }) {
     const props = __props;
@@ -11918,12 +11845,12 @@ const _sfc_main$4b = /* @__PURE__ */ defineComponent({
         return true;
     };
     const onContentEnter = composeEventHandlers(stopWhenControlled, () => {
-      if (props.enterable && unref(trigger) === "hover") {
+      if (props.enterable && isTriggerType(unref(trigger), "hover")) {
         onOpen();
       }
     });
     const onContentLeave = composeEventHandlers(stopWhenControlled, () => {
-      if (unref(trigger) === "hover") {
+      if (isTriggerType(unref(trigger), "hover")) {
         onClose();
       }
     });
@@ -12041,11 +11968,11 @@ const _sfc_main$4b = /* @__PURE__ */ defineComponent({
 });
 var ElTooltipContent = /* @__PURE__ */ _export_sfc$2(_sfc_main$4b, [["__file", "content.vue"]]);
 
-const __default__$1L = defineComponent({
+const __default__$1N = defineComponent({
   name: "ElTooltip"
 });
 const _sfc_main$4a = /* @__PURE__ */ defineComponent({
-  ...__default__$1L,
+  ...__default__$1N,
   props: useTooltipProps,
   emits: tooltipEmits,
   setup(__props, { expose, emit }) {
@@ -12256,13 +12183,13 @@ const autocompleteEmits = {
   select: (item) => isObject$3(item)
 };
 
-const COMPONENT_NAME$k = "ElAutocomplete";
-const __default__$1K = defineComponent({
-  name: COMPONENT_NAME$k,
+const COMPONENT_NAME$l = "ElAutocomplete";
+const __default__$1M = defineComponent({
+  name: COMPONENT_NAME$l,
   inheritAttrs: false
 });
 const _sfc_main$49 = /* @__PURE__ */ defineComponent({
-  ...__default__$1K,
+  ...__default__$1M,
   props: autocompleteProps,
   emits: autocompleteEmits,
   setup(__props, { expose, emit }) {
@@ -12315,7 +12242,7 @@ const _sfc_main$49 = /* @__PURE__ */ defineComponent({
           suggestions.value = suggestionList;
           highlightedIndex.value = props.highlightFirstItem ? 0 : -1;
         } else {
-          throwError(COMPONENT_NAME$k, "autocomplete suggestions must be an array");
+          throwError(COMPONENT_NAME$l, "autocomplete suggestions must be an array");
         }
       };
       loading.value = true;
@@ -12715,11 +12642,11 @@ const avatarEmits = {
   error: (evt) => evt instanceof Event
 };
 
-const __default__$1J = defineComponent({
+const __default__$1L = defineComponent({
   name: "ElAvatar"
 });
 const _sfc_main$48 = /* @__PURE__ */ defineComponent({
-  ...__default__$1J,
+  ...__default__$1L,
   props: avatarProps,
   emits: avatarEmits,
   setup(__props, { emit }) {
@@ -12833,18 +12760,18 @@ const useBackTop = (props, emit, componentName) => {
   };
 };
 
-const COMPONENT_NAME$j = "ElBacktop";
-const __default__$1I = defineComponent({
-  name: COMPONENT_NAME$j
+const COMPONENT_NAME$k = "ElBacktop";
+const __default__$1K = defineComponent({
+  name: COMPONENT_NAME$k
 });
 const _sfc_main$47 = /* @__PURE__ */ defineComponent({
-  ...__default__$1I,
+  ...__default__$1K,
   props: backtopProps,
   emits: backtopEmits,
   setup(__props, { emit }) {
     const props = __props;
     const ns = useNamespace("backtop");
-    const { handleClick, visible } = useBackTop(props, emit, COMPONENT_NAME$j);
+    const { handleClick, visible } = useBackTop(props, emit, COMPONENT_NAME$k);
     const backTopStyle = computed(() => ({
       right: `${props.right}px`,
       bottom: `${props.bottom}px`
@@ -12914,11 +12841,11 @@ const badgeProps = buildProps({
   }
 });
 
-const __default__$1H = defineComponent({
+const __default__$1J = defineComponent({
   name: "ElBadge"
 });
 const _sfc_main$46 = /* @__PURE__ */ defineComponent({
-  ...__default__$1H,
+  ...__default__$1J,
   props: badgeProps,
   setup(__props, { expose }) {
     const props = __props;
@@ -12995,11 +12922,11 @@ const breadcrumbProps = buildProps({
   }
 });
 
-const __default__$1G = defineComponent({
+const __default__$1I = defineComponent({
   name: "ElBreadcrumb"
 });
 const _sfc_main$45 = /* @__PURE__ */ defineComponent({
-  ...__default__$1G,
+  ...__default__$1I,
   props: breadcrumbProps,
   setup(__props) {
     const props = __props;
@@ -13036,11 +12963,11 @@ const breadcrumbItemProps = buildProps({
   replace: Boolean
 });
 
-const __default__$1F = defineComponent({
+const __default__$1H = defineComponent({
   name: "ElBreadcrumbItem"
 });
 const _sfc_main$44 = /* @__PURE__ */ defineComponent({
-  ...__default__$1F,
+  ...__default__$1H,
   props: breadcrumbItemProps,
   setup(__props) {
     const props = __props;
@@ -13096,6 +13023,11 @@ const buttonGroupContextKey = Symbol("buttonGroupContextKey");
 
 const useDeprecated = ({ from, replacement, scope, version, ref, type = "API" }, condition) => {
   watch(() => unref(condition), (val) => {
+    if (val) {
+      debugWarn(scope, `[${type}] ${from} is about to be deprecated in version ${version}, please use ${replacement} instead.
+For more detail, please visit: ${ref}
+`);
+    }
   }, {
     immediate: true
   });
@@ -14439,11 +14371,11 @@ function useButtonCustomStyle(props) {
   });
 }
 
-const __default__$1E = defineComponent({
+const __default__$1G = defineComponent({
   name: "ElButton"
 });
 const _sfc_main$43 = /* @__PURE__ */ defineComponent({
-  ...__default__$1E,
+  ...__default__$1G,
   props: buttonProps,
   emits: buttonEmits,
   setup(__props, { expose, emit }) {
@@ -14527,11 +14459,11 @@ const buttonGroupProps = {
   type: buttonProps.type
 };
 
-const __default__$1D = defineComponent({
+const __default__$1F = defineComponent({
   name: "ElButtonGroup"
 });
 const _sfc_main$42 = /* @__PURE__ */ defineComponent({
-  ...__default__$1D,
+  ...__default__$1F,
   props: buttonGroupProps,
   setup(__props) {
     const props = __props;
@@ -14797,11 +14729,11 @@ const useDateTable = (props, emit) => {
   };
 };
 
-const __default__$1C = defineComponent({
+const __default__$1E = defineComponent({
   name: "DateTable"
 });
 const _sfc_main$41 = /* @__PURE__ */ defineComponent({
-  ...__default__$1C,
+  ...__default__$1E,
   props: dateTableProps,
   emits: dateTableEmits,
   setup(__props, { expose, emit }) {
@@ -14932,12 +14864,14 @@ const useCalendar = (props, emit, componentName) => {
     const rangeArrDayjs = props.range.map((_) => dayjs(_).locale(lang.value));
     const [startDayjs, endDayjs] = rangeArrDayjs;
     if (startDayjs.isAfter(endDayjs)) {
+      debugWarn(componentName, "end time should be greater than start time");
       return [];
     }
     if (startDayjs.isSame(endDayjs, "month")) {
       return calculateValidatedDateRange(startDayjs, endDayjs);
     } else {
       if (startDayjs.add(1, "month").month() !== endDayjs.month()) {
+        debugWarn(componentName, "start time and end time interval must not exceed two months");
         return [];
       }
       return calculateValidatedDateRange(startDayjs, endDayjs);
@@ -14966,6 +14900,7 @@ const useCalendar = (props, emit, componentName) => {
     } else if (firstMonth + 2 === lastMonth || (firstMonth + 1) % 11 === lastMonth) {
       return threeConsecutiveMonth(firstDay, lastDay);
     } else {
+      debugWarn(componentName, "start time and end time interval must not exceed two months");
       return [];
     }
   };
@@ -15010,12 +14945,12 @@ const calendarEmits = {
   [INPUT_EVENT]: (value) => isDate$1(value)
 };
 
-const COMPONENT_NAME$i = "ElCalendar";
-const __default__$1B = defineComponent({
-  name: COMPONENT_NAME$i
+const COMPONENT_NAME$j = "ElCalendar";
+const __default__$1D = defineComponent({
+  name: COMPONENT_NAME$j
 });
 const _sfc_main$40 = /* @__PURE__ */ defineComponent({
-  ...__default__$1B,
+  ...__default__$1D,
   props: calendarProps,
   emits: calendarEmits,
   setup(__props, { expose, emit }) {
@@ -15028,7 +14963,7 @@ const _sfc_main$40 = /* @__PURE__ */ defineComponent({
       realSelectedDay,
       selectDate,
       validatedRange
-    } = useCalendar(props, emit);
+    } = useCalendar(props, emit, COMPONENT_NAME$j);
     const { t } = useLocale();
     const i18nDate = computed(() => {
       const pickedMonth = `el.datepicker.month${date.value.format("M")}`;
@@ -15163,11 +15098,11 @@ const cardProps = buildProps({
   }
 });
 
-const __default__$1A = defineComponent({
+const __default__$1C = defineComponent({
   name: "ElCard"
 });
 const _sfc_main$3$ = /* @__PURE__ */ defineComponent({
-  ...__default__$1A,
+  ...__default__$1C,
   props: cardProps,
   setup(__props) {
     const globalConfig = useGlobalConfig("card");
@@ -15273,6 +15208,7 @@ const carouselEmits = {
 const carouselContextKey = Symbol("carouselContextKey");
 const CAROUSEL_ITEM_NAME = "ElCarouselItem";
 
+const SCOPE$7 = "utils/vue/vnode";
 var PatchFlags = /* @__PURE__ */ ((PatchFlags2) => {
   PatchFlags2[PatchFlags2["TEXT"] = 1] = "TEXT";
   PatchFlags2[PatchFlags2["CLASS"] = 2] = "CLASS";
@@ -15300,6 +15236,7 @@ function isValidElementNode(node) {
 }
 const getNormalizedProps = (node) => {
   if (!isVNode(node)) {
+    debugWarn(SCOPE$7, "[getNormalizedProps] must be a VNode");
     return {};
   }
   const raw = node.props || {};
@@ -15469,6 +15406,7 @@ const useCarousel = (props, emit, componentName) => {
     }
     index = Number(index);
     if (Number.isNaN(index) || index !== Math.floor(index)) {
+      debugWarn(componentName, "index must be integer.");
       return;
     }
     const itemCount = items.value.length;
@@ -15659,12 +15597,12 @@ const useCarousel = (props, emit, componentName) => {
   };
 };
 
-const COMPONENT_NAME$h = "ElCarousel";
-const __default__$1z = defineComponent({
-  name: COMPONENT_NAME$h
+const COMPONENT_NAME$i = "ElCarousel";
+const __default__$1B = defineComponent({
+  name: COMPONENT_NAME$i
 });
 const _sfc_main$3_ = /* @__PURE__ */ defineComponent({
-  ...__default__$1z,
+  ...__default__$1B,
   props: carouselProps,
   emits: carouselEmits,
   setup(__props, { expose, emit }) {
@@ -15693,7 +15631,7 @@ const _sfc_main$3_ = /* @__PURE__ */ defineComponent({
       ItemsSorter,
       throttledArrowClick,
       throttledIndicatorHover
-    } = useCarousel(props, emit);
+    } = useCarousel(props, emit, COMPONENT_NAME$i);
     const ns = useNamespace("carousel");
     const { t } = useLocale();
     const carouselClasses = computed(() => {
@@ -15875,6 +15813,12 @@ const carouselItemProps = buildProps({
 const useCarouselItem = (props) => {
   const carouselContext = inject(carouselContextKey);
   const instance = getCurrentInstance();
+  if (!carouselContext) {
+    debugWarn(CAROUSEL_ITEM_NAME, "usage: <el-carousel></el-carousel-item></el-carousel>");
+  }
+  if (!instance) {
+    debugWarn(CAROUSEL_ITEM_NAME, "compositional hook can only be invoked inside setups");
+  }
   const carouselItemRef = ref();
   const hover = ref(false);
   const translate = ref(0);
@@ -15983,11 +15927,11 @@ const useCarouselItem = (props) => {
   };
 };
 
-const __default__$1y = defineComponent({
+const __default__$1A = defineComponent({
   name: CAROUSEL_ITEM_NAME
 });
 const _sfc_main$3Z = /* @__PURE__ */ defineComponent({
-  ...__default__$1y,
+  ...__default__$1A,
   props: carouselItemProps,
   setup(__props) {
     const props = __props;
@@ -16166,7 +16110,7 @@ const useCheckboxEvent = (props, {
   const validateEvent = computed(() => (checkboxGroup == null ? void 0 : checkboxGroup.validateEvent) || props.validateEvent);
   watch(() => props.modelValue, () => {
     if (validateEvent.value) {
-      formItem == null ? void 0 : formItem.validate("change").catch((err) => debugWarn());
+      formItem == null ? void 0 : formItem.validate("change").catch((err) => debugWarn(err));
     }
   });
   return {
@@ -16325,11 +16269,11 @@ const useCheckbox = (props, slots) => {
   };
 };
 
-const __default__$1x = defineComponent({
+const __default__$1z = defineComponent({
   name: "ElCheckbox"
 });
 const _sfc_main$3Y = /* @__PURE__ */ defineComponent({
-  ...__default__$1x,
+  ...__default__$1z,
   props: checkboxProps,
   emits: checkboxEmits,
   setup(__props) {
@@ -16428,11 +16372,11 @@ const _sfc_main$3Y = /* @__PURE__ */ defineComponent({
 });
 var Checkbox = /* @__PURE__ */ _export_sfc$2(_sfc_main$3Y, [["__file", "checkbox.vue"]]);
 
-const __default__$1w = defineComponent({
+const __default__$1y = defineComponent({
   name: "ElCheckboxButton"
 });
 const _sfc_main$3X = /* @__PURE__ */ defineComponent({
-  ...__default__$1w,
+  ...__default__$1y,
   props: checkboxProps,
   emits: checkboxEmits,
   setup(__props) {
@@ -16558,11 +16502,11 @@ const checkboxDefaultProps = {
   disabled: "disabled"
 };
 
-const __default__$1v = defineComponent({
+const __default__$1x = defineComponent({
   name: "ElCheckboxGroup"
 });
 const _sfc_main$3W = /* @__PURE__ */ defineComponent({
-  ...__default__$1v,
+  ...__default__$1x,
   props: checkboxGroupProps,
   emits: checkboxGroupEmits,
   setup(__props, { emit }) {
@@ -16614,7 +16558,7 @@ const _sfc_main$3W = /* @__PURE__ */ defineComponent({
     });
     watch(() => props.modelValue, (newVal, oldValue) => {
       if (props.validateEvent && !isEqual$1(newVal, oldValue)) {
-        formItem == null ? void 0 : formItem.validate("change").catch((err) => debugWarn());
+        formItem == null ? void 0 : formItem.validate("change").catch((err) => debugWarn(err));
       }
     });
     return (_ctx, _cache) => {
@@ -16727,11 +16671,11 @@ const useRadio = (props, emit) => {
   };
 };
 
-const __default__$1u = defineComponent({
+const __default__$1w = defineComponent({
   name: "ElRadio"
 });
 const _sfc_main$3V = /* @__PURE__ */ defineComponent({
-  ...__default__$1u,
+  ...__default__$1w,
   props: radioProps,
   emits: radioEmits,
   setup(__props, { emit }) {
@@ -16801,11 +16745,11 @@ const radioButtonProps = buildProps({
   ...radioPropsBase
 });
 
-const __default__$1t = defineComponent({
+const __default__$1v = defineComponent({
   name: "ElRadioButton"
 });
 const _sfc_main$3U = /* @__PURE__ */ defineComponent({
-  ...__default__$1t,
+  ...__default__$1v,
   props: radioButtonProps,
   setup(__props) {
     const props = __props;
@@ -16910,11 +16854,11 @@ const radioDefaultProps = {
   disabled: "disabled"
 };
 
-const __default__$1s = defineComponent({
+const __default__$1u = defineComponent({
   name: "ElRadioGroup"
 });
 const _sfc_main$3T = /* @__PURE__ */ defineComponent({
-  ...__default__$1s,
+  ...__default__$1u,
   props: radioGroupProps,
   emits: radioGroupEmits,
   setup(__props, { emit }) {
@@ -16961,7 +16905,7 @@ const _sfc_main$3T = /* @__PURE__ */ defineComponent({
     }));
     watch(() => props.modelValue, (newVal, oldValue) => {
       if (props.validateEvent && !isEqual$1(newVal, oldValue)) {
-        formItem == null ? void 0 : formItem.validate("change").catch((err) => debugWarn());
+        formItem == null ? void 0 : formItem.validate("change").catch((err) => debugWarn(err));
       }
     });
     return (_ctx, _cache) => {
@@ -17032,11 +16976,11 @@ var NodeContent$1 = defineComponent({
   }
 });
 
-const __default__$1r = defineComponent({
+const __default__$1t = defineComponent({
   name: "ElCascaderNode"
 });
 const _sfc_main$3S = /* @__PURE__ */ defineComponent({
-  ...__default__$1r,
+  ...__default__$1t,
   props: {
     node: {
       type: Object,
@@ -17203,11 +17147,11 @@ const _sfc_main$3S = /* @__PURE__ */ defineComponent({
 });
 var ElCascaderNode = /* @__PURE__ */ _export_sfc$2(_sfc_main$3S, [["__file", "node.vue"]]);
 
-const __default__$1q = defineComponent({
+const __default__$1s = defineComponent({
   name: "ElCascaderMenu"
 });
 const _sfc_main$3R = /* @__PURE__ */ defineComponent({
-  ...__default__$1q,
+  ...__default__$1s,
   props: {
     nodes: {
       type: Array,
@@ -17588,12 +17532,12 @@ const sortByOriginalOrder = (oldNodes, newNodes) => {
   return res;
 };
 
-const __default__$1p = defineComponent({
+const __default__$1r = defineComponent({
   name: "ElCascaderPanel",
   inheritAttrs: false
 });
 const _sfc_main$3Q = /* @__PURE__ */ defineComponent({
-  ...__default__$1p,
+  ...__default__$1r,
   props: cascaderPanelProps,
   emits: cascaderPanelEmits,
   setup(__props, { expose, emit }) {
@@ -17901,11 +17845,11 @@ const tagEmits = {
   click: (evt) => evt instanceof MouseEvent
 };
 
-const __default__$1o = defineComponent({
+const __default__$1q = defineComponent({
   name: "ElTag"
 });
 const _sfc_main$3P = /* @__PURE__ */ defineComponent({
-  ...__default__$1o,
+  ...__default__$1q,
   props: tagProps,
   emits: tagEmits,
   setup(__props, { emit }) {
@@ -18155,11 +18099,11 @@ const ClickOutside = {
   }
 };
 
-const __default__$1n = defineComponent({
+const __default__$1p = defineComponent({
   name: "ElCascader"
 });
 const _sfc_main$3O = /* @__PURE__ */ defineComponent({
-  ...__default__$1n,
+  ...__default__$1p,
   props: cascaderProps,
   emits: cascaderEmits,
   setup(__props, { expose, emit }) {
@@ -18249,7 +18193,7 @@ const _sfc_main$3O = /* @__PURE__ */ defineComponent({
       afterBlur() {
         var _a;
         if (props.validateEvent) {
-          (_a = formItem == null ? void 0 : formItem.validate) == null ? void 0 : _a.call(formItem, "blur").catch((err) => debugWarn());
+          (_a = formItem == null ? void 0 : formItem.validate) == null ? void 0 : _a.call(formItem, "blur").catch((err) => debugWarn(err));
         }
       }
     });
@@ -18273,7 +18217,7 @@ const _sfc_main$3O = /* @__PURE__ */ defineComponent({
         emit(UPDATE_MODEL_EVENT, value);
         emit(CHANGE_EVENT, value);
         if (props.validateEvent) {
-          formItem == null ? void 0 : formItem.validate("change").catch((err) => debugWarn());
+          formItem == null ? void 0 : formItem.validate("change").catch((err) => debugWarn(err));
         }
       }
     });
@@ -18854,11 +18798,11 @@ const checkTagEmits = {
   [CHANGE_EVENT]: (value) => isBoolean$1(value)
 };
 
-const __default__$1m = defineComponent({
+const __default__$1o = defineComponent({
   name: "ElCheckTag"
 });
 const _sfc_main$3N = /* @__PURE__ */ defineComponent({
-  ...__default__$1m,
+  ...__default__$1o,
   props: checkTagProps,
   emits: checkTagEmits,
   setup(__props, { emit }) {
@@ -18936,11 +18880,11 @@ const colProps = buildProps({
 
 const rowContextKey = Symbol("rowContextKey");
 
-const __default__$1l = defineComponent({
+const __default__$1n = defineComponent({
   name: "ElCol"
 });
 const _sfc_main$3M = /* @__PURE__ */ defineComponent({
-  ...__default__$1l,
+  ...__default__$1n,
   props: colProps,
   setup(__props) {
     const props = __props;
@@ -19019,7 +18963,7 @@ const collapseEmits = {
 
 const collapseContextKey = Symbol("collapseContextKey");
 
-const SCOPE$4 = "ElCollapse";
+const SCOPE$6 = "ElCollapse";
 const useCollapse = (props, emit) => {
   const activeNames = ref(castArray$1(props.modelValue));
   const setActiveNames = (_activeNames) => {
@@ -19054,7 +18998,7 @@ const useCollapse = (props, emit) => {
       isBoolean$1(shouldChange)
     ].includes(true);
     if (!isPromiseOrBool) {
-      throwError(SCOPE$4, "beforeCollapse must return type `Promise<boolean>` or `boolean`");
+      throwError(SCOPE$6, "beforeCollapse must return type `Promise<boolean>` or `boolean`");
     }
     if (isPromise$1(shouldChange)) {
       shouldChange.then((result) => {
@@ -19062,6 +19006,7 @@ const useCollapse = (props, emit) => {
           handleChange(name);
         }
       }).catch((e) => {
+        debugWarn(SCOPE$6, `some error occurred: ${e}`);
       });
     } else if (shouldChange) {
       handleChange(name);
@@ -19088,11 +19033,11 @@ const useCollapseDOM = (props) => {
   };
 };
 
-const __default__$1k = defineComponent({
+const __default__$1m = defineComponent({
   name: "ElCollapse"
 });
 const _sfc_main$3L = /* @__PURE__ */ defineComponent({
-  ...__default__$1k,
+  ...__default__$1m,
   props: collapseProps,
   emits: collapseEmits,
   setup(__props, { expose, emit }) {
@@ -19114,11 +19059,11 @@ const _sfc_main$3L = /* @__PURE__ */ defineComponent({
 });
 var Collapse = /* @__PURE__ */ _export_sfc$2(_sfc_main$3L, [["__file", "collapse.vue"]]);
 
-const __default__$1j = defineComponent({
+const __default__$1l = defineComponent({
   name: "ElCollapseTransition"
 });
 const _sfc_main$3K = /* @__PURE__ */ defineComponent({
-  ...__default__$1j,
+  ...__default__$1l,
   setup(__props) {
     const ns = useNamespace("collapse-transition");
     const reset = (el) => {
@@ -19296,11 +19241,11 @@ const useCollapseItemDOM = (props, { focusing, isActive, id }) => {
   };
 };
 
-const __default__$1i = defineComponent({
+const __default__$1k = defineComponent({
   name: "ElCollapseItem"
 });
 const _sfc_main$3J = /* @__PURE__ */ defineComponent({
-  ...__default__$1i,
+  ...__default__$1k,
   props: collapseItemProps,
   setup(__props, { expose }) {
     const props = __props;
@@ -19335,7 +19280,8 @@ const _sfc_main$3J = /* @__PURE__ */ defineComponent({
           "aria-expanded": unref(isActive),
           "aria-controls": unref(scopedContentId),
           "aria-describedby": unref(scopedContentId),
-          tabindex: _ctx.disabled ? -1 : 0,
+          tabindex: _ctx.disabled ? void 0 : 0,
+          "aria-disabled": _ctx.disabled,
           role: "button",
           onClick: unref(handleHeaderClick),
           onKeydown: withKeys(withModifiers(unref(handleEnterClick), ["stop"]), ["space", "enter"]),
@@ -19359,7 +19305,7 @@ const _sfc_main$3J = /* @__PURE__ */ defineComponent({
               _: 1
             }, 8, ["class"])
           ])
-        ], 42, ["id", "aria-expanded", "aria-controls", "aria-describedby", "tabindex", "onClick", "onKeydown", "onFocus", "onBlur"]),
+        ], 42, ["id", "aria-expanded", "aria-controls", "aria-describedby", "tabindex", "aria-disabled", "onClick", "onKeydown", "onFocus", "onBlur"]),
         createVNode(unref(ElCollapseTransition), null, {
           default: withCtx(() => [
             withDirectives(createElementVNode("div", {
@@ -19636,11 +19582,11 @@ const useSliderDOM = (props, {
 
 const minValue$1 = 0;
 const maxValue$1 = 100;
-const __default__$1h = defineComponent({
+const __default__$1j = defineComponent({
   name: "ElColorAlphaSlider"
 });
 const _sfc_main$3I = /* @__PURE__ */ defineComponent({
-  ...__default__$1h,
+  ...__default__$1j,
   props: alphaSliderProps,
   setup(__props, { expose }) {
     const props = __props;
@@ -19708,11 +19654,11 @@ var AlphaSlider = /* @__PURE__ */ _export_sfc$2(_sfc_main$3I, [["__file", "alpha
 
 const minValue = 0;
 const maxValue = 360;
-const __default__$1g = defineComponent({
+const __default__$1i = defineComponent({
   name: "ElColorHueSlider"
 });
 const _sfc_main$3H = /* @__PURE__ */ defineComponent({
-  ...__default__$1g,
+  ...__default__$1i,
   props: hueSliderProps,
   setup(__props, { expose }) {
     const props = __props;
@@ -19770,6 +19716,22 @@ const _sfc_main$3H = /* @__PURE__ */ defineComponent({
 });
 var HueSlider = /* @__PURE__ */ _export_sfc$2(_sfc_main$3H, [["__file", "hue-slider.vue"]]);
 
+const predefineProps = buildProps({
+  colors: {
+    type: definePropType(Array),
+    required: true
+  },
+  color: {
+    type: definePropType(Object),
+    required: true
+  },
+  enableAlpha: {
+    type: Boolean,
+    required: true
+  },
+  disabled: Boolean
+});
+
 const colorPickerPanelProps = buildProps({
   modelValue: {
     type: definePropType(String),
@@ -19784,6 +19746,10 @@ const colorPickerPanelProps = buildProps({
   disabled: Boolean,
   predefine: {
     type: definePropType(Array)
+  },
+  validateEvent: {
+    type: Boolean,
+    default: true
   }
 });
 const colorPickerPanelEmits = {
@@ -19886,183 +19852,307 @@ class Color {
   }
 }
 
-const _sfc_main$3G = defineComponent({
-  props: {
-    colors: {
-      type: Array,
-      required: true
-    },
-    color: {
-      type: Object,
-      required: true
-    },
-    enableAlpha: {
-      type: Boolean,
-      required: true
-    },
-    disabled: Boolean
-  },
-  setup(props) {
-    const ns = useNamespace("color-predefine");
-    const { currentColor } = inject(colorPickerPanelContextKey);
-    const rgbaColors = ref(parseColors(props.colors, props.color));
-    watch(() => currentColor.value, (val) => {
-      const color = new Color({
-        value: val
-      });
-      rgbaColors.value.forEach((item) => {
-        item.selected = color.compare(item);
-      });
+const usePredefine = (props) => {
+  const { currentColor } = inject(colorPickerPanelContextKey);
+  const rgbaColors = ref(parseColors(props.colors, props.color));
+  watch(() => currentColor.value, (val) => {
+    const color = new Color({
+      value: val,
+      enableAlpha: props.enableAlpha
     });
-    watchEffect(() => {
-      rgbaColors.value = parseColors(props.colors, props.color);
+    rgbaColors.value.forEach((item) => {
+      item.selected = color.compare(item);
     });
-    function handleSelect(index) {
-      if (props.disabled)
-        return;
-      props.color.fromString(props.colors[index]);
-    }
-    function parseColors(colors, color) {
-      return colors.map((value) => {
-        const c = new Color({
-          value
-        });
-        c.selected = c.compare(color);
-        return c;
+  });
+  watchEffect(() => {
+    rgbaColors.value = parseColors(props.colors, props.color);
+  });
+  function handleSelect(index) {
+    props.color.fromString(props.colors[index]);
+  }
+  function parseColors(colors, color) {
+    return colors.map((value) => {
+      const c = new Color({
+        value,
+        enableAlpha: props.enableAlpha
       });
-    }
-    return {
-      rgbaColors,
-      handleSelect,
-      ns
-    };
+      c.selected = c.compare(color);
+      return c;
+    });
+  }
+  return {
+    rgbaColors,
+    handleSelect
+  };
+};
+const usePredefineDOM = (props) => {
+  const ns = useNamespace("color-predefine");
+  const rootKls = computed(() => [ns.b(), ns.is("disabled", props.disabled)]);
+  const colorsKls = computed(() => ns.e("colors"));
+  function colorSelectorKls(item) {
+    return [
+      ns.e("color-selector"),
+      ns.is("alpha", item.get("alpha") < 100),
+      { selected: item.selected }
+    ];
   }
+  return {
+    rootKls,
+    colorsKls,
+    colorSelectorKls
+  };
+};
+
+const __default__$1h = defineComponent({
+  name: "ElColorPredefine"
 });
-function _sfc_render$n(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("div", {
-    class: normalizeClass(_ctx.ns.b())
-  }, [
-    createElementVNode("div", {
-      class: normalizeClass(_ctx.ns.e("colors"))
-    }, [
-      (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.rgbaColors, (item, index) => {
-        return openBlock(), createElementBlock("div", {
-          key: _ctx.colors[index],
-          class: normalizeClass([
-            _ctx.ns.e("color-selector"),
-            _ctx.ns.is("alpha", item.get("alpha") < 100),
-            { selected: item.selected }
-          ]),
-          onClick: ($event) => _ctx.handleSelect(index)
+const _sfc_main$3G = /* @__PURE__ */ defineComponent({
+  ...__default__$1h,
+  props: predefineProps,
+  setup(__props) {
+    const props = __props;
+    const { rgbaColors, handleSelect } = usePredefine(props);
+    const { rootKls, colorsKls, colorSelectorKls } = usePredefineDOM(props);
+    const { t } = useLocale();
+    const ariaLabel = (value) => {
+      return t("el.colorpicker.predefineDescription", { value });
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(unref(rootKls))
+      }, [
+        createElementVNode("div", {
+          class: normalizeClass(unref(colorsKls))
         }, [
-          createElementVNode("div", {
-            style: normalizeStyle({ backgroundColor: item.value })
-          }, null, 4)
-        ], 10, ["onClick"]);
-      }), 128))
-    ], 2)
-  ], 2);
-}
-var Predefine = /* @__PURE__ */ _export_sfc$2(_sfc_main$3G, [["render", _sfc_render$n], ["__file", "predefine.vue"]]);
+          (openBlock(true), createElementBlock(Fragment, null, renderList(unref(rgbaColors), (item, index) => {
+            return openBlock(), createElementBlock("button", {
+              key: _ctx.colors[index],
+              type: "button",
+              disabled: _ctx.disabled,
+              "aria-label": ariaLabel(item.value),
+              class: normalizeClass(unref(colorSelectorKls)(item)),
+              onClick: ($event) => unref(handleSelect)(index)
+            }, [
+              createElementVNode("div", {
+                style: normalizeStyle({ backgroundColor: item.value })
+              }, null, 4)
+            ], 10, ["disabled", "aria-label", "onClick"]);
+          }), 128))
+        ], 2)
+      ], 2);
+    };
+  }
+});
+var Predefine = /* @__PURE__ */ _export_sfc$2(_sfc_main$3G, [["__file", "predefine.vue"]]);
 
-const _sfc_main$3F = defineComponent({
-  name: "ElSlPanel",
-  props: {
-    color: {
-      type: Object,
-      required: true
-    },
-    disabled: Boolean
+const svPanelProps = buildProps({
+  color: {
+    type: definePropType(Object),
+    required: true
   },
-  setup(props) {
-    const ns = useNamespace("color-svpanel");
-    const instance = getCurrentInstance();
-    const cursorTop = ref(0);
-    const cursorLeft = ref(0);
-    const background = ref("hsl(0, 100%, 50%)");
-    const colorValue = computed(() => {
-      const hue = props.color.get("hue");
-      const value = props.color.get("value");
-      return { hue, value };
-    });
-    function update() {
-      const saturation = props.color.get("saturation");
-      const value = props.color.get("value");
-      const el = instance.vnode.el;
-      const { clientWidth: width, clientHeight: height } = el;
-      cursorLeft.value = saturation * width / 100;
-      cursorTop.value = (100 - value) * height / 100;
-      background.value = `hsl(${props.color.get("hue")}, 100%, 50%)`;
-    }
-    function handleDrag(event) {
-      if (props.disabled)
-        return;
-      const el = instance.vnode.el;
-      const rect = el.getBoundingClientRect();
-      const { clientX, clientY } = getClientXY(event);
-      let left = clientX - rect.left;
-      let top = clientY - rect.top;
-      left = Math.max(0, left);
-      left = Math.min(left, rect.width);
-      top = Math.max(0, top);
-      top = Math.min(top, rect.height);
-      cursorLeft.value = left;
-      cursorTop.value = top;
-      props.color.set({
-        saturation: left / rect.width * 100,
-        value: 100 - top / rect.height * 100
-      });
+  disabled: Boolean
+});
+
+const useSvPanel = (props) => {
+  const instance = getCurrentInstance();
+  const cursorRef = ref();
+  const cursorTop = ref(0);
+  const cursorLeft = ref(0);
+  const background = ref("hsl(0, 100%, 50%)");
+  const saturation = computed(() => props.color.get("saturation"));
+  const brightness = computed(() => props.color.get("value"));
+  const hue = computed(() => props.color.get("hue"));
+  function handleClick(event) {
+    var _a;
+    if (props.disabled)
+      return;
+    const target = event.target;
+    if (target !== cursorRef.value) {
+      handleDrag(event);
     }
-    watch(() => colorValue.value, () => {
-      update();
+    (_a = cursorRef.value) == null ? void 0 : _a.focus({ preventScroll: true });
+  }
+  function handleDrag(event) {
+    if (props.disabled)
+      return;
+    const el = instance.vnode.el;
+    const rect = el.getBoundingClientRect();
+    const { clientX, clientY } = getClientXY(event);
+    let left = clientX - rect.left;
+    let top = clientY - rect.top;
+    left = Math.max(0, left);
+    left = Math.min(left, rect.width);
+    top = Math.max(0, top);
+    top = Math.min(top, rect.height);
+    cursorLeft.value = left;
+    cursorTop.value = top;
+    props.color.set({
+      saturation: left / rect.width * 100,
+      value: 100 - top / rect.height * 100
     });
-    onMounted(() => {
-      draggable(instance.vnode.el, {
-        drag: (event) => {
-          handleDrag(event);
-        },
-        end: (event) => {
-          handleDrag(event);
-        }
-      });
-      update();
+  }
+  function handleKeydown(event) {
+    if (props.disabled)
+      return;
+    const { shiftKey } = event;
+    const code = getEventCode(event);
+    const step = shiftKey ? 10 : 1;
+    let isPreventDefault = true;
+    switch (code) {
+      case EVENT_CODE.left:
+        incrementSaturation(-step);
+        break;
+      case EVENT_CODE.right:
+        incrementSaturation(step);
+        break;
+      case EVENT_CODE.up:
+        incrementBrightness(step);
+        break;
+      case EVENT_CODE.down:
+        incrementBrightness(-step);
+        break;
+      default:
+        isPreventDefault = false;
+        break;
+    }
+    isPreventDefault && event.preventDefault();
+  }
+  function incrementSaturation(step) {
+    let next = saturation.value + step;
+    next = next < 0 ? 0 : next > 100 ? 100 : next;
+    props.color.set("saturation", next);
+  }
+  function incrementBrightness(step) {
+    let next = brightness.value + step;
+    next = next < 0 ? 0 : next > 100 ? 100 : next;
+    props.color.set("value", next);
+  }
+  return {
+    cursorRef,
+    cursorTop,
+    cursorLeft,
+    background,
+    saturation,
+    brightness,
+    hue,
+    handleClick,
+    handleDrag,
+    handleKeydown
+  };
+};
+const useSvPanelDOM = (props, {
+  cursorTop,
+  cursorLeft,
+  background,
+  handleDrag
+}) => {
+  const instance = getCurrentInstance();
+  const ns = useNamespace("color-svpanel");
+  function update() {
+    const saturation = props.color.get("saturation");
+    const brightness = props.color.get("value");
+    const el = instance.vnode.el;
+    const { clientWidth: width, clientHeight: height } = el;
+    cursorLeft.value = saturation * width / 100;
+    cursorTop.value = (100 - brightness) * height / 100;
+    background.value = `hsl(${props.color.get("hue")}, 100%, 50%)`;
+  }
+  onMounted(() => {
+    draggable(instance.vnode.el, {
+      drag: (event) => {
+        handleDrag(event);
+      },
+      end: (event) => {
+        handleDrag(event);
+      }
     });
-    return {
+    update();
+  });
+  watch([
+    () => props.color.get("hue"),
+    () => props.color.get("value"),
+    () => props.color.value
+  ], () => update());
+  const rootKls = computed(() => ns.b());
+  const cursorKls = computed(() => ns.e("cursor"));
+  const rootStyle = computed(() => ({
+    backgroundColor: background.value
+  }));
+  const cursorStyle = computed(() => ({
+    top: addUnit(cursorTop.value),
+    left: addUnit(cursorLeft.value)
+  }));
+  return {
+    rootKls,
+    cursorKls,
+    rootStyle,
+    cursorStyle,
+    update
+  };
+};
+
+const __default__$1g = defineComponent({
+  name: "ElSvPanel"
+});
+const _sfc_main$3F = /* @__PURE__ */ defineComponent({
+  ...__default__$1g,
+  props: svPanelProps,
+  setup(__props, { expose }) {
+    const props = __props;
+    const {
+      cursorRef,
       cursorTop,
       cursorLeft,
       background,
-      colorValue,
+      saturation,
+      brightness,
+      handleClick,
       handleDrag,
-      update,
-      ns
+      handleKeydown
+    } = useSvPanel(props);
+    const { rootKls, cursorKls, rootStyle, cursorStyle, update } = useSvPanelDOM(props, {
+      cursorTop,
+      cursorLeft,
+      background,
+      handleDrag
+    });
+    const { t } = useLocale();
+    const ariaLabel = computed(() => t("el.colorpicker.svLabel"));
+    const ariaValuetext = computed(() => {
+      return t("el.colorpicker.svDescription", {
+        saturation: saturation.value,
+        brightness: brightness.value,
+        color: props.color.value
+      });
+    });
+    expose({
+      update
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(unref(rootKls)),
+        style: normalizeStyle(unref(rootStyle)),
+        onClick: unref(handleClick)
+      }, [
+        createElementVNode("div", {
+          ref_key: "cursorRef",
+          ref: cursorRef,
+          class: normalizeClass(unref(cursorKls)),
+          style: normalizeStyle(unref(cursorStyle)),
+          tabindex: "0",
+          role: "slider",
+          "aria-valuemin": "0,0",
+          "aria-valuemax": "100,100",
+          "aria-label": unref(ariaLabel),
+          "aria-valuenow": `${unref(saturation)},${unref(brightness)}`,
+          "aria-valuetext": unref(ariaValuetext),
+          onKeydown: unref(handleKeydown)
+        }, null, 46, ["aria-label", "aria-valuenow", "aria-valuetext", "onKeydown"])
+      ], 14, ["onClick"]);
     };
   }
 });
-function _sfc_render$m(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("div", {
-    class: normalizeClass(_ctx.ns.b()),
-    style: normalizeStyle({
-      backgroundColor: _ctx.background
-    })
-  }, [
-    createElementVNode("div", {
-      class: normalizeClass(_ctx.ns.e("white"))
-    }, null, 2),
-    createElementVNode("div", {
-      class: normalizeClass(_ctx.ns.e("black"))
-    }, null, 2),
-    createElementVNode("div", {
-      class: normalizeClass(_ctx.ns.e("cursor")),
-      style: normalizeStyle({
-        top: _ctx.cursorTop + "px",
-        left: _ctx.cursorLeft + "px"
-      })
-    }, [
-      createElementVNode("div")
-    ], 6)
-  ], 6);
-}
-var SvPanel = /* @__PURE__ */ _export_sfc$2(_sfc_main$3F, [["render", _sfc_render$m], ["__file", "sv-panel.vue"]]);
+var SvPanel = /* @__PURE__ */ _export_sfc$2(_sfc_main$3F, [["__file", "sv-panel.vue"]]);
 
 const useCommonColor = (props, emit) => {
   const color = reactive(new Color({
@@ -20091,6 +20181,7 @@ const _sfc_main$3E = /* @__PURE__ */ defineComponent({
   setup(__props, { expose, emit }) {
     const props = __props;
     const ns = useNamespace("color-picker-panel");
+    const { formItem } = useFormItem();
     const disabled = useFormDisabled();
     const hueRef = ref();
     const svRef = ref();
@@ -20104,6 +20195,12 @@ const _sfc_main$3E = /* @__PURE__ */ defineComponent({
         customInput.value = color.value;
       }
     }
+    function handleFocusout() {
+      var _a;
+      if (props.validateEvent) {
+        (_a = formItem == null ? void 0 : formItem.validate) == null ? void 0 : _a.call(formItem, "blur").catch((err) => debugWarn(err));
+      }
+    }
     function update() {
       var _a, _b, _c;
       (_a = hueRef.value) == null ? void 0 : _a.update();
@@ -20124,6 +20221,9 @@ const _sfc_main$3E = /* @__PURE__ */ defineComponent({
     watch(() => color.value, (val) => {
       emit(UPDATE_MODEL_EVENT, val);
       customInput.value = val;
+      if (props.validateEvent) {
+        formItem == null ? void 0 : formItem.validate("change").catch((err) => debugWarn(err));
+      }
     });
     provide(colorPickerPanelContextKey, {
       currentColor: computed(() => color.value)
@@ -20135,7 +20235,8 @@ const _sfc_main$3E = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
-        class: normalizeClass([unref(ns).b(), unref(ns).is("disabled", unref(disabled)), unref(ns).is("border", _ctx.border)])
+        class: normalizeClass([unref(ns).b(), unref(ns).is("disabled", unref(disabled)), unref(ns).is("border", _ctx.border)]),
+        onFocusout: handleFocusout
       }, [
         createElementVNode("div", {
           class: normalizeClass(unref(ns).e("wrapper"))
@@ -20185,7 +20286,7 @@ const _sfc_main$3E = /* @__PURE__ */ defineComponent({
           }, null, 8, ["modelValue", "onUpdate:modelValue", "disabled"]),
           renderSlot(_ctx.$slots, "footer")
         ], 2)
-      ], 2);
+      ], 34);
     };
   }
 });
@@ -20269,7 +20370,7 @@ const _sfc_main$3D = /* @__PURE__ */ defineComponent({
         setShowPicker(false);
         resetColor();
         if (props.validateEvent) {
-          (_a = formItem == null ? void 0 : formItem.validate) == null ? void 0 : _a.call(formItem, "blur").catch((err) => debugWarn());
+          (_a = formItem == null ? void 0 : formItem.validate) == null ? void 0 : _a.call(formItem, "blur").catch((err) => debugWarn(err));
         }
       }
     });
@@ -20343,7 +20444,7 @@ const _sfc_main$3D = /* @__PURE__ */ defineComponent({
       emit(UPDATE_MODEL_EVENT, value);
       emit(CHANGE_EVENT, value);
       if (props.validateEvent) {
-        formItem == null ? void 0 : formItem.validate("change").catch((err) => debugWarn());
+        formItem == null ? void 0 : formItem.validate("change").catch((err) => debugWarn(err));
       }
       debounceSetShowPicker(false);
       nextTick(() => {
@@ -20362,7 +20463,7 @@ const _sfc_main$3D = /* @__PURE__ */ defineComponent({
       emit(UPDATE_MODEL_EVENT, valueOnClear.value);
       emit(CHANGE_EVENT, valueOnClear.value);
       if (props.modelValue !== valueOnClear.value && props.validateEvent) {
-        formItem == null ? void 0 : formItem.validate("change").catch((err) => debugWarn());
+        formItem == null ? void 0 : formItem.validate("change").catch((err) => debugWarn(err));
       }
       resetColor();
     }
@@ -20462,6 +20563,7 @@ const _sfc_main$3D = /* @__PURE__ */ defineComponent({
             ref: pickerPanelRef
           }, unref(panelProps), {
             border: false,
+            "validate-event": false,
             onKeydown: withKeys(handleEsc, ["esc"])
           }), {
             footer: withCtx(() => [
@@ -21226,7 +21328,7 @@ const _sfc_main$3w = /* @__PURE__ */ defineComponent({
         handleChange();
         pickerVisible.value = false;
         hasJustTabExitedInput = false;
-        props.validateEvent && (formItem == null ? void 0 : formItem.validate("blur").catch((err) => debugWarn()));
+        props.validateEvent && (formItem == null ? void 0 : formItem.validate("blur").catch((err) => debugWarn(err)));
       }
     });
     const hovering = ref(false);
@@ -21263,7 +21365,7 @@ const _sfc_main$3w = /* @__PURE__ */ defineComponent({
       if (isClear || !valueEquals(val, valueOnOpen.value)) {
         emit(CHANGE_EVENT, val);
         isClear && (valueOnOpen.value = val);
-        props.validateEvent && (formItem == null ? void 0 : formItem.validate("change").catch((err) => debugWarn()));
+        props.validateEvent && (formItem == null ? void 0 : formItem.validate("change").catch((err) => debugWarn(err)));
       }
     };
     const emitKeydown = (e) => {
@@ -21855,7 +21957,7 @@ const basicTimeSpinnerProps = buildProps({
 
 const REPEAT_INTERVAL = 100;
 const REPEAT_DELAY = 600;
-const SCOPE$3 = "_RepeatClick";
+const SCOPE$5 = "_RepeatClick";
 const vRepeatClick = {
   beforeMount(el, binding) {
     const value = binding.value;
@@ -21885,13 +21987,13 @@ const vRepeatClick = {
         }, interval);
       }, delay);
     };
-    el[SCOPE$3] = { start, clear };
+    el[SCOPE$5] = { start, clear };
     el.addEventListener("mousedown", start);
   },
   unmounted(el) {
-    if (!el[SCOPE$3])
+    if (!el[SCOPE$5])
       return;
-    const { start, clear } = el[SCOPE$3];
+    const { start, clear } = el[SCOPE$5];
     if (start) {
       el.removeEventListener("mousedown", start);
     }
@@ -21899,7 +22001,7 @@ const vRepeatClick = {
       clear();
       document.removeEventListener("mouseup", clear);
     }
-    el[SCOPE$3] = null;
+    el[SCOPE$5] = null;
   }
 };
 
@@ -23370,7 +23472,7 @@ const useBasicDateTableDOM = (props, {
   const { t } = useLocale();
   const tableKls = computed(() => [
     ns.b(),
-    { "is-week-mode": props.selectionMode === "week" && !props.disabled }
+    ns.is("week-mode", props.selectionMode === "week" && !props.disabled)
   ]);
   const tableLabel = computed(() => t("el.datepicker.dateTablePrompt"));
   const getCellClasses = (cell) => {
@@ -23517,7 +23619,7 @@ const _sfc_main$3s = /* @__PURE__ */ defineComponent({
           (openBlock(true), createElementBlock(Fragment, null, renderList(unref(rows), (row, rowKey) => {
             return openBlock(), createElementBlock("tr", {
               key: rowKey,
-              class: normalizeClass(unref(getRowKls)(row[1]))
+              class: normalizeClass(unref(getRowKls)(_ctx.showWeekNumber ? row[2] : row[1]))
             }, [
               (openBlock(true), createElementBlock(Fragment, null, renderList(row, (cell, columnKey) => {
                 return openBlock(), createElementBlock("td", {
@@ -25141,6 +25243,7 @@ const _sfc_main$3o = /* @__PURE__ */ defineComponent({
         if (type === "min") {
           minTimePickerVisible.value = true;
           minDate.value = (minDate.value || leftDate.value).hour(parsedValueD.hour()).minute(parsedValueD.minute()).second(parsedValueD.second());
+          leftDate.value = minDate.value;
         } else {
           maxTimePickerVisible.value = true;
           maxDate.value = (maxDate.value || rightDate.value).hour(parsedValueD.hour()).minute(parsedValueD.minute()).second(parsedValueD.second());
@@ -25818,13 +25921,17 @@ const _sfc_main$3n = /* @__PURE__ */ defineComponent({
       handleRangeConfirm();
     };
     const handleClear = () => {
+      let valueOnClear = null;
+      if (pickerBase == null ? void 0 : pickerBase.emptyValues) {
+        valueOnClear = pickerBase.emptyValues.valueOnClear.value;
+      }
       leftDate.value = getDefaultValue(unref(defaultValue), {
         lang: unref(lang),
         unit: "year",
         unlinkPanels: props.unlinkPanels
       })[0];
       rightDate.value = leftDate.value.add(1, "year");
-      emit("pick", null);
+      emit("pick", valueOnClear);
     };
     const parseUserInput = (value) => {
       return correctlyParseUserInput(value, format.value, lang.value, isDefaultFormat);
@@ -25909,7 +26016,7 @@ const _sfc_main$3n = /* @__PURE__ */ defineComponent({
                   disabled: !unref(enableYearArrow) || _ctx.disabled,
                   class: normalizeClass([[
                     unref(ppNs).e("icon-btn"),
-                    { [unref(ppNs).is("disabled")]: !unref(enableYearArrow) }
+                    unref(ppNs).is("disabled", !unref(enableYearArrow))
                   ], "d-arrow-right"]),
                   onClick: unref(leftNextYear)
                 }, [
@@ -25948,7 +26055,10 @@ const _sfc_main$3n = /* @__PURE__ */ defineComponent({
                   key: 0,
                   type: "button",
                   disabled: !unref(enableYearArrow) || _ctx.disabled,
-                  class: normalizeClass([[unref(ppNs).e("icon-btn"), { "is-disabled": !unref(enableYearArrow) }], "d-arrow-left"]),
+                  class: normalizeClass([[
+                    unref(ppNs).e("icon-btn"),
+                    unref(ppNs).is("disabled", !unref(enableYearArrow))
+                  ], "d-arrow-left"]),
                   onClick: unref(rightPrevYear)
                 }, [
                   renderSlot(_ctx.$slots, "prev-year", {}, () => [
@@ -26127,7 +26237,7 @@ const _sfc_main$3m = /* @__PURE__ */ defineComponent({
         arrowLeftBtn: [ppNs.e("icon-btn"), "d-arrow-left"],
         arrowRightBtn: [
           ppNs.e("icon-btn"),
-          { [ppNs.is("disabled")]: !enableYearArrow.value },
+          ppNs.is("disabled", !enableYearArrow.value),
           "d-arrow-right"
         ]
       };
@@ -26137,7 +26247,7 @@ const _sfc_main$3m = /* @__PURE__ */ defineComponent({
         content: [ppNs.e("content"), drpNs.e("content"), "is-right"],
         arrowLeftBtn: [
           ppNs.e("icon-btn"),
-          { "is-disabled": !enableYearArrow.value },
+          ppNs.is("disabled", !enableYearArrow.value),
           "d-arrow-left"
         ],
         arrowRightBtn: [ppNs.e("icon-btn"), "d-arrow-right"]
@@ -26166,6 +26276,10 @@ const _sfc_main$3m = /* @__PURE__ */ defineComponent({
       return isValidRange(date) && (disabledDate ? !disabledDate(date[0].toDate()) && !disabledDate(date[1].toDate()) : true);
     };
     const handleClear = () => {
+      let valueOnClear = null;
+      if (pickerBase == null ? void 0 : pickerBase.emptyValues) {
+        valueOnClear = pickerBase.emptyValues.valueOnClear.value;
+      }
       const defaultArr = getDefaultValue(unref(defaultValue), {
         lang: unref(lang),
         step,
@@ -26174,7 +26288,7 @@ const _sfc_main$3m = /* @__PURE__ */ defineComponent({
       });
       leftDate.value = defaultArr[0];
       rightDate.value = defaultArr[1];
-      emit("pick", null);
+      emit("pick", valueOnClear);
     };
     function sortDates(minDate2, maxDate2) {
       if (props.unlinkPanels && maxDate2) {
@@ -26682,7 +26796,7 @@ const descriptionProps = buildProps({
   }
 });
 
-const COMPONENT_NAME$g = "ElDescriptionsItem";
+const COMPONENT_NAME$h = "ElDescriptionsItem";
 
 const __default__$13 = defineComponent({
   name: "ElDescriptions"
@@ -26714,7 +26828,7 @@ const _sfc_main$3k = /* @__PURE__ */ defineComponent({
         return [];
       const children = flattedChildren(slots.default()).filter((node) => {
         var _a;
-        return ((_a = node == null ? void 0 : node.type) == null ? void 0 : _a.name) === COMPONENT_NAME$g;
+        return ((_a = node == null ? void 0 : node.type) == null ? void 0 : _a.name) === COMPONENT_NAME$h;
       });
       const rows = [];
       let temp = [];
@@ -26850,7 +26964,7 @@ const descriptionItemProps = buildProps({
   }
 });
 const DescriptionItem = defineComponent({
-  name: COMPONENT_NAME$g,
+  name: COMPONENT_NAME$h,
   props: descriptionItemProps
 });
 
@@ -27234,9 +27348,6 @@ const useLockscreen = (trigger, options = {}) => {
   }
   const ns = options.ns || useNamespace("popup");
   const hiddenCls = computed(() => ns.bm("parent", "hidden"));
-  if (!isClient || hasClass(document.body, hiddenCls.value)) {
-    return;
-  }
   let scrollBarWidth = 0;
   let withoutHiddenClass = false;
   let bodyWidth = "0";
@@ -27270,6 +27381,7 @@ const useLockscreen = (trigger, options = {}) => {
   onScopeDispose(() => cleanup());
 };
 
+const COMPONENT_NAME$g = "ElDialog";
 const useDialog = (props, targetRef) => {
   var _a;
   const instance = getCurrentInstance();
@@ -27353,6 +27465,7 @@ const useDialog = (props, targetRef) => {
       config2.onAfterLeave = _mergeHook(config2.onAfterLeave, afterLeave);
       if (!config2.name) {
         config2.name = DEFAULT_DIALOG_TRANSITION;
+        debugWarn(COMPONENT_NAME$g, `transition.name is missing when using object syntax, fallback to '${DEFAULT_DIALOG_TRANSITION}'`);
       }
       return config2;
     }
@@ -27855,6 +27968,7 @@ const _sfc_main$3g = /* @__PURE__ */ defineComponent({
       handleClose
     } = useDialog(props, drawerRef);
     const { isHorizontal, size, isResizing } = useResizable(props, draggerRef);
+    const penetrable = computed(() => props.modalPenetrable && !props.modal);
     expose({
       handleClose,
       afterEnter,
@@ -27878,7 +27992,12 @@ const _sfc_main$3g = /* @__PURE__ */ defineComponent({
               return [
                 withDirectives(createVNode(unref(ElOverlay), {
                   mask: _ctx.modal,
-                  "overlay-class": [unref(ns).is("drawer"), (_a = _ctx.modalClass) != null ? _a : ""],
+                  "overlay-class": [
+                    unref(ns).is("drawer"),
+                    (_a = _ctx.modalClass) != null ? _a : "",
+                    `${unref(ns).namespace.value}-modal-drawer`,
+                    unref(ns).is("penetrable", unref(penetrable))
+                  ],
                   "z-index": unref(zIndex),
                   onClick: unref(onModalClick)
                 }, {
@@ -28278,7 +28397,13 @@ function _sfc_render$i(_ctx, _cache, $props, $setup, $data, $options) {
 var ElRovingFocusGroup = /* @__PURE__ */ _export_sfc$2(_sfc_main$3c, [["render", _sfc_render$i], ["__file", "roving-focus-group.vue"]]);
 
 const dropdownProps = buildProps({
-  trigger: useTooltipTriggerProps.trigger,
+  trigger: {
+    ...useTooltipTriggerProps.trigger,
+    type: definePropType([
+      String,
+      Array
+    ])
+  },
   triggerKeys: {
     type: definePropType(Array),
     default: () => [
@@ -29188,6 +29313,7 @@ const formEmits = {
   validate: (prop, isValid, message) => (isArray$2(prop) || isString$4(prop)) && isBoolean$1(isValid) && isString$4(message)
 };
 
+const SCOPE$4 = "ElForm";
 function useFormLabelWidth() {
   const potentialLabelWidthArr = ref([]);
   const autoLabelWidth = computed(() => {
@@ -29198,7 +29324,9 @@ function useFormLabelWidth() {
   });
   function getLabelWidthIndex(width) {
     const index = potentialLabelWidthArr.value.indexOf(width);
-    if (index === -1 && autoLabelWidth.value === "0") ;
+    if (index === -1 && autoLabelWidth.value === "0") {
+      debugWarn(SCOPE$4, `unexpected width ${width}`);
+    }
     return index;
   }
   function registerLabelWidth(val, oldVal) {
@@ -29264,6 +29392,7 @@ const _sfc_main$34 = /* @__PURE__ */ defineComponent({
     };
     const resetFields = (properties = []) => {
       if (!props.model) {
+        debugWarn(COMPONENT_NAME$f, "model is required for resetFields to work.");
         return;
       }
       filterFields(fields, properties).forEach((field) => field.resetField());
@@ -29273,6 +29402,9 @@ const _sfc_main$34 = /* @__PURE__ */ defineComponent({
     };
     const isValidatable = computed(() => {
       const hasModel = !!props.model;
+      if (!hasModel) {
+        debugWarn(COMPONENT_NAME$f, "model is required for validate to work.");
+      }
       return hasModel;
     });
     const obtainValidateFields = (props2) => {
@@ -29280,6 +29412,7 @@ const _sfc_main$34 = /* @__PURE__ */ defineComponent({
         return [];
       const filteredFields = filterFields(fields, props2);
       if (!filteredFields.length) {
+        debugWarn(COMPONENT_NAME$f, "please pass correct props!");
         return [];
       }
       return filteredFields;
@@ -29340,7 +29473,7 @@ const _sfc_main$34 = /* @__PURE__ */ defineComponent({
     };
     watch(() => props.rules, () => {
       if (props.validateOnRuleChange) {
-        validate().catch((err) => debugWarn());
+        validate().catch((err) => debugWarn(err));
       }
     }, { deep: true, flush: "post" });
     provide(formContextKey, reactive({
@@ -32033,7 +32166,9 @@ const _sfc_main$30 = /* @__PURE__ */ defineComponent({
     const numPrecision = computed(() => {
       const stepPrecision = getPrecision(props.step);
       if (!isUndefined$1(props.precision)) {
-        if (stepPrecision > props.precision) ;
+        if (stepPrecision > props.precision) {
+          debugWarn("InputNumber", "precision should not be less than the decimal places of step");
+        }
         return props.precision;
       } else {
         return Math.max(getPrecision(props.modelValue), stepPrecision);
@@ -32094,8 +32229,10 @@ const _sfc_main$30 = /* @__PURE__ */ defineComponent({
       if (!isNumber$2(val))
         return data.currentValue;
       if (val >= Number.MAX_SAFE_INTEGER && coefficient === 1) {
+        debugWarn("InputNumber", "The value has reached the maximum safe integer limit.");
         return val;
       } else if (val <= Number.MIN_SAFE_INTEGER && coefficient === -1) {
+        debugWarn("InputNumber", "The value has reached the minimum safe integer limit.");
         return val;
       }
       return toPrecision(val + props.step * coefficient);
@@ -32184,7 +32321,7 @@ const _sfc_main$30 = /* @__PURE__ */ defineComponent({
         emit(CHANGE_EVENT, newVal, oldVal);
       }
       if (props.validateEvent) {
-        (_a = formItem == null ? void 0 : formItem.validate) == null ? void 0 : _a.call(formItem, "change").catch((err) => debugWarn());
+        (_a = formItem == null ? void 0 : formItem.validate) == null ? void 0 : _a.call(formItem, "change").catch((err) => debugWarn(err));
       }
       data.currentValue = newVal;
     };
@@ -32221,7 +32358,7 @@ const _sfc_main$30 = /* @__PURE__ */ defineComponent({
       }
       emit("blur", event);
       if (props.validateEvent) {
-        (_b = formItem == null ? void 0 : formItem.validate) == null ? void 0 : _b.call(formItem, "blur").catch((err) => debugWarn());
+        (_b = formItem == null ? void 0 : formItem.validate) == null ? void 0 : _b.call(formItem, "blur").catch((err) => debugWarn(err));
       }
     };
     const setCurrentValueToModelValue = () => {
@@ -32532,6 +32669,20 @@ function useInputTag({ props, emit, formItem }) {
         break;
     }
   };
+  const handleKeyup = (event) => {
+    if (isComposing.value || !isAndroid())
+      return;
+    const code = getEventCode(event);
+    switch (code) {
+      case EVENT_CODE.space:
+        if (props.trigger === EVENT_CODE.space) {
+          event.preventDefault();
+          event.stopPropagation();
+          handleAddTag();
+        }
+        break;
+    }
+  };
   const handleAddTag = () => {
     var _a;
     const value = (_a = inputValue.value) == null ? void 0 : _a.trim();
@@ -32585,7 +32736,7 @@ function useInputTag({ props, emit, formItem }) {
         inputValue.value = void 0;
       }
       if (props.validateEvent) {
-        (_a = formItem == null ? void 0 : formItem.validate) == null ? void 0 : _a.call(formItem, "blur").catch((err) => debugWarn());
+        (_a = formItem == null ? void 0 : formItem.validate) == null ? void 0 : _a.call(formItem, "blur").catch((err) => debugWarn(err));
       }
     }
   });
@@ -32598,7 +32749,7 @@ function useInputTag({ props, emit, formItem }) {
   watch(() => props.modelValue, () => {
     var _a;
     if (props.validateEvent) {
-      (_a = formItem == null ? void 0 : formItem.validate) == null ? void 0 : _a.call(formItem, CHANGE_EVENT).catch((err) => debugWarn());
+      (_a = formItem == null ? void 0 : formItem.validate) == null ? void 0 : _a.call(formItem, CHANGE_EVENT).catch((err) => debugWarn(err));
     }
   });
   return {
@@ -32619,6 +32770,7 @@ function useInputTag({ props, emit, formItem }) {
     handleDragged,
     handleInput,
     handleKeydown,
+    handleKeyup,
     handleAddTag,
     handleRemoveTag,
     handleClear,
@@ -32841,6 +32993,7 @@ const _sfc_main$2$ = /* @__PURE__ */ defineComponent({
       handleDragged,
       handleInput,
       handleKeydown,
+      handleKeyup,
       handleRemoveTag,
       handleClear,
       handleCompositionStart,
@@ -33003,8 +33156,9 @@ const _sfc_main$2$ = /* @__PURE__ */ defineComponent({
               onCompositionupdate: unref(handleCompositionUpdate),
               onCompositionend: unref(handleCompositionEnd),
               onInput: unref(handleInput),
-              onKeyup: unref(handleKeydown)
-            }), null, 16, ["id", "onUpdate:modelValue", "minlength", "maxlength", "disabled", "readonly", "autocomplete", "tabindex", "placeholder", "autofocus", "ariaLabel", "onCompositionstart", "onCompositionupdate", "onCompositionend", "onInput", "onKeyup"]), [
+              onKeydown: unref(handleKeydown),
+              onKeyup: unref(handleKeyup)
+            }), null, 16, ["id", "onUpdate:modelValue", "minlength", "maxlength", "disabled", "readonly", "autocomplete", "tabindex", "placeholder", "autofocus", "ariaLabel", "onCompositionstart", "onCompositionupdate", "onCompositionend", "onInput", "onKeydown", "onKeyup"]), [
               [vModelText, unref(inputValue)]
             ]),
             createElementVNode("span", {
@@ -34024,7 +34178,7 @@ const _sfc_main$2Y = /* @__PURE__ */ defineComponent({
   emits: menuItemEmits,
   setup(__props, { expose, emit }) {
     const props = __props;
-    isPropAbsent(props.index) && debugWarn();
+    isPropAbsent(props.index) && debugWarn(COMPONENT_NAME$c, 'Missing required prop: "index"');
     const instance = getCurrentInstance();
     const rootMenu = inject(MENU_INJECTION_KEY);
     const nsMenu = useNamespace("menu");
@@ -34180,10 +34334,10 @@ const _sfc_main$2W = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("div", {
         class: normalizeClass([
           unref(ns).b(),
+          unref(ns).is("contentful", !!_ctx.$slots.default),
           {
             [unref(ns).m("has-breadcrumb")]: !!_ctx.$slots.breadcrumb,
-            [unref(ns).m("has-extra")]: !!_ctx.$slots.extra,
-            [unref(ns).is("contentful")]: !!_ctx.$slots.default
+            [unref(ns).m("has-extra")]: !!_ctx.$slots.extra
           }
         ])
       }, [
@@ -34649,6 +34803,7 @@ const useSelect$2 = (props, emit) => {
   const scrollbarRef = ref();
   const expanded = ref(false);
   const hoverOption = ref();
+  const debouncing = ref(false);
   const { form, formItem } = useFormItem();
   const { inputId } = useFormItemInputId(props, {
     formItemContext: formItem
@@ -34680,7 +34835,7 @@ const useSelect$2 = (props, emit) => {
       expanded.value = false;
       states.menuVisibleOnFocus = false;
       if (props.validateEvent) {
-        (_a = formItem == null ? void 0 : formItem.validate) == null ? void 0 : _a.call(formItem, "blur").catch((err) => debugWarn());
+        (_a = formItem == null ? void 0 : formItem.validate) == null ? void 0 : _a.call(formItem, "blur").catch((err) => debugWarn(err));
       }
     }
   });
@@ -34698,7 +34853,7 @@ const useSelect$2 = (props, emit) => {
   const iconReverse = computed(() => nsSelect.is("reverse", !!(iconComponent.value && expanded.value)));
   const validateState = computed(() => (formItem == null ? void 0 : formItem.validateState) || "");
   const validateIcon = computed(() => validateState.value && ValidateComponentsMap[validateState.value]);
-  const debounce$1 = computed(() => props.remote ? 300 : 0);
+  const debounce = computed(() => props.remote ? props.debounce : 0);
   const isRemoteSearchEmpty = computed(() => props.remote && !states.inputValue && states.options.size === 0);
   const emptyText = computed(() => {
     if (props.loading) {
@@ -34748,7 +34903,7 @@ const useSelect$2 = (props, emit) => {
   const collapseTagSize = computed(() => ["small"].includes(selectSize.value) ? "small" : "default");
   const dropdownMenuVisible = computed({
     get() {
-      return expanded.value && (props.loading || !isRemoteSearchEmpty.value);
+      return expanded.value && (props.loading || !isRemoteSearchEmpty.value) && (!debouncing.value || !isEmpty(states.previousQuery));
     },
     set(val) {
       expanded.value = val;
@@ -34776,7 +34931,7 @@ const useSelect$2 = (props, emit) => {
     }
     setSelected();
     if (!isEqual$1(val, oldVal) && props.validateEvent) {
-      formItem == null ? void 0 : formItem.validate("change").catch((err) => debugWarn());
+      formItem == null ? void 0 : formItem.validate("change").catch((err) => debugWarn(err));
     }
   }, {
     flush: "post",
@@ -34912,14 +35067,16 @@ const useSelect$2 = (props, emit) => {
   const onInput = (event) => {
     states.inputValue = event.target.value;
     if (props.remote) {
+      debouncing.value = true;
       debouncedOnInputChange();
     } else {
       return onInputChange();
     }
   };
-  const debouncedOnInputChange = debounce(() => {
+  const debouncedOnInputChange = useDebounceFn(() => {
     onInputChange();
-  }, debounce$1.value);
+    debouncing.value = false;
+  }, debounce);
   const emitChange = (val) => {
     if (!isEqual$1(props.modelValue, val)) {
       emit(CHANGE_EVENT, val);
@@ -35018,7 +35175,7 @@ const useSelect$2 = (props, emit) => {
     var _a, _b, _c, _d, _e;
     const targetOption = isArray$2(option) ? option[0] : option;
     let target = null;
-    if (targetOption == null ? void 0 : targetOption.value) {
+    if (!isNil(targetOption == null ? void 0 : targetOption.value)) {
       const options = optionsArray.value.filter((item) => item.value === targetOption.value);
       if (options.length > 0) {
         target = options[0].$el;
@@ -35149,6 +35306,78 @@ const useSelect$2 = (props, emit) => {
       nextTick(() => scrollToOption(hoverOption.value));
     }
   };
+  const findFocusableIndex = (arr, start, step, len) => {
+    for (let i = start; i >= 0 && i < len; i += step) {
+      const obj = arr[i];
+      if (!(obj == null ? void 0 : obj.isDisabled) && (obj == null ? void 0 : obj.visible)) {
+        return i;
+      }
+    }
+    return null;
+  };
+  const focusOption = (targetIndex, mode) => {
+    var _a;
+    const len = states.options.size;
+    if (len === 0)
+      return;
+    const start = clamp$2(targetIndex, 0, len - 1);
+    const options = optionsArray.value;
+    const direction = mode === "up" ? -1 : 1;
+    const newIndex = (_a = findFocusableIndex(options, start, direction, len)) != null ? _a : findFocusableIndex(options, start - direction, -direction, len);
+    if (newIndex != null) {
+      states.hoveringIndex = newIndex;
+      nextTick(() => scrollToOption(hoverOption.value));
+    }
+  };
+  const handleKeydown = (e) => {
+    const code = getEventCode(e);
+    let isPreventDefault = true;
+    switch (code) {
+      case EVENT_CODE.up:
+        navigateOptions("prev");
+        break;
+      case EVENT_CODE.down:
+        navigateOptions("next");
+        break;
+      case EVENT_CODE.enter:
+        selectOption();
+        break;
+      case EVENT_CODE.esc:
+        handleEsc();
+        break;
+      case EVENT_CODE.backspace:
+        isPreventDefault = false;
+        deletePrevTag(e);
+        return;
+      case EVENT_CODE.home:
+        if (!expanded.value)
+          return;
+        focusOption(0, "down");
+        break;
+      case EVENT_CODE.end:
+        if (!expanded.value)
+          return;
+        focusOption(states.options.size - 1, "up");
+        break;
+      case EVENT_CODE.pageUp:
+        if (!expanded.value)
+          return;
+        focusOption(states.hoveringIndex - 10, "up");
+        break;
+      case EVENT_CODE.pageDown:
+        if (!expanded.value)
+          return;
+        focusOption(states.hoveringIndex + 10, "down");
+        break;
+      default:
+        isPreventDefault = false;
+        break;
+    }
+    if (isPreventDefault) {
+      e.preventDefault();
+      e.stopPropagation();
+    }
+  };
   const getGapWidth = () => {
     if (!selectionRef.value)
       return 0;
@@ -35223,6 +35452,7 @@ const useSelect$2 = (props, emit) => {
     handleCompositionStart,
     handleCompositionUpdate,
     handleCompositionEnd,
+    handleKeydown,
     onOptionCreate,
     onOptionDestroy,
     handleMenuEnter,
@@ -35336,6 +35566,10 @@ const selectProps = buildProps({
     default: () => ({})
   },
   remote: Boolean,
+  debounce: {
+    type: Number,
+    default: 300
+  },
   loadingText: String,
   noMatchText: String,
   noDataText: String,
@@ -35528,6 +35762,7 @@ const _sfc_main$2Q = defineComponent({
   ],
   setup(props, { emit, slots }) {
     const instance = getCurrentInstance();
+    const originalWarnHandler = instance.appContext.config.warnHandler;
     instance.appContext.config.warnHandler = (...args) => {
       if (!args[0] || args[0].includes('Slot "default" invoked outside of the render function')) {
         return;
@@ -35589,7 +35824,7 @@ const _sfc_main$2Q = defineComponent({
       return [(_a = slots.default) == null ? void 0 : _a.call(slots), modelValue.value];
     }, () => {
       var _a;
-      if (props.persistent) {
+      if (props.persistent || API.states.options.size > 0) {
         return;
       }
       manuallyRenderSlots((_a = slots.default) == null ? void 0 : _a.call(slots));
@@ -35613,7 +35848,7 @@ const _sfc_main$2Q = defineComponent({
       return API.states.selected.map((i) => i.currentLabel);
     });
     onBeforeUnmount(() => {
-      instance.appContext.config.warnHandler = void 0;
+      instance.appContext.config.warnHandler = originalWarnHandler;
     });
     return {
       ...API,
@@ -35833,13 +36068,7 @@ function _sfc_render$9(_ctx, _cache) {
                   "aria-label": _ctx.ariaLabel,
                   "aria-autocomplete": "none",
                   "aria-haspopup": "listbox",
-                  onKeydown: [
-                    withKeys(withModifiers(($event) => _ctx.navigateOptions("next"), ["stop", "prevent"]), ["down"]),
-                    withKeys(withModifiers(($event) => _ctx.navigateOptions("prev"), ["stop", "prevent"]), ["up"]),
-                    withKeys(withModifiers(_ctx.handleEsc, ["stop", "prevent"]), ["esc"]),
-                    withKeys(withModifiers(_ctx.selectOption, ["stop", "prevent"]), ["enter"]),
-                    withKeys(withModifiers(_ctx.deletePrevTag, ["stop"]), ["delete"])
-                  ],
+                  onKeydown: _ctx.handleKeydown,
                   onCompositionstart: _ctx.handleCompositionStart,
                   onCompositionupdate: _ctx.handleCompositionUpdate,
                   onCompositionend: _ctx.handleCompositionEnd,
@@ -37930,6 +38159,10 @@ const selectV2Props = buildProps({
     default: () => ({})
   },
   remote: Boolean,
+  debounce: {
+    type: Number,
+    default: 300
+  },
   size: useSizeProp,
   props: {
     type: definePropType(Object),
@@ -39382,6 +39615,7 @@ const useSelect$1 = (props, emit) => {
     isBeforeHide: false
   });
   const popperSize = ref(-1);
+  const debouncing = ref(false);
   const selectRef = ref();
   const selectionRef = ref();
   const tooltipRef = ref();
@@ -39418,7 +39652,7 @@ const useSelect$1 = (props, emit) => {
       expanded.value = false;
       states.menuVisibleOnFocus = false;
       if (props.validateEvent) {
-        (_a = elFormItem == null ? void 0 : elFormItem.validate) == null ? void 0 : _a.call(elFormItem, "blur").catch((err) => debugWarn());
+        (_a = elFormItem == null ? void 0 : elFormItem.validate) == null ? void 0 : _a.call(elFormItem, "blur").catch((err) => debugWarn(err));
       }
     }
   });
@@ -39452,13 +39686,12 @@ const useSelect$1 = (props, emit) => {
       return;
     return ValidateComponentsMap[validateState.value];
   });
-  const debounce$1 = computed(() => props.remote ? 300 : 0);
+  const debounce = computed(() => props.remote ? props.debounce : 0);
+  const isRemoteSearchEmpty = computed(() => props.remote && !states.inputValue && !hasOptions.value);
   const emptyText = computed(() => {
     if (props.loading) {
       return props.loadingText || t("el.select.loading");
     } else {
-      if (props.remote && !states.inputValue && !hasOptions.value)
-        return false;
       if (props.filterable && states.inputValue && hasOptions.value && filteredOptions.value.length === 0) {
         return props.noMatchText || t("el.select.noMatch");
       }
@@ -39596,7 +39829,7 @@ const useSelect$1 = (props, emit) => {
   });
   const dropdownMenuVisible = computed({
     get() {
-      return expanded.value && emptyText.value !== false;
+      return expanded.value && (props.loading || !isRemoteSearchEmpty.value) && (!debouncing.value || !isEmpty(states.previousQuery));
     },
     set(val) {
       expanded.value = val;
@@ -39638,7 +39871,10 @@ const useSelect$1 = (props, emit) => {
       handleQueryChange(states.inputValue);
     });
   };
-  const debouncedOnInputChange = debounce(onInputChange, debounce$1.value);
+  const debouncedOnInputChange = useDebounceFn(() => {
+    onInputChange();
+    debouncing.value = false;
+  }, debounce);
   const handleQueryChange = (val) => {
     if (states.previousQuery === val || isComposing.value) {
       return;
@@ -39880,6 +40116,7 @@ const useSelect$1 = (props, emit) => {
   const onInput = (event) => {
     states.inputValue = event.target.value;
     if (props.remote) {
+      debouncing.value = true;
       debouncedOnInputChange();
     } else {
       return onInputChange();
@@ -39982,7 +40219,7 @@ const useSelect$1 = (props, emit) => {
       initStates(true);
     }
     if (!isEqual$1(val, oldVal) && props.validateEvent) {
-      (_a = elFormItem == null ? void 0 : elFormItem.validate) == null ? void 0 : _a.call(elFormItem, "change").catch((err) => debugWarn());
+      (_a = elFormItem == null ? void 0 : elFormItem.validate) == null ? void 0 : _a.call(elFormItem, "change").catch((err) => debugWarn(err));
     }
   }, {
     deep: true
@@ -40015,6 +40252,7 @@ const useSelect$1 = (props, emit) => {
         v = get(optionValue, valueKey);
       }
       if (duplicateValue.get(v)) {
+        debugWarn("ElSelectV2", `The option values you provided seem to be duplicated, which may cause some problems, please check.`);
         break;
       } else {
         duplicateValue.set(v, true);
@@ -40037,7 +40275,7 @@ const useSelect$1 = (props, emit) => {
     expanded,
     emptyText,
     popupHeight,
-    debounce: debounce$1,
+    debounce,
     allOptions,
     allOptionsValueMap,
     filteredOptions,
@@ -40149,7 +40387,7 @@ const _sfc_main$2D = defineComponent({
       if (!props.multiple) {
         return API.states.selectedLabel;
       }
-      return API.states.cachedOptions.map((i) => i.label);
+      return API.states.cachedOptions.map((i) => API.getLabel(i));
     });
     return {
       ...API,
@@ -41062,7 +41300,7 @@ const _sfc_main$2A = /* @__PURE__ */ defineComponent({
         ref: button,
         class: normalizeClass([unref(ns).e("button-wrapper"), { hover: unref(hovering), dragging: unref(dragging) }]),
         style: normalizeStyle(unref(wrapperStyle)),
-        tabindex: unref(disabled) ? -1 : 0,
+        tabindex: unref(disabled) ? void 0 : 0,
         onMouseenter: unref(handleMouseEnter),
         onMouseleave: unref(handleMouseLeave),
         onMousedown: unref(onButtonDown),
@@ -41270,6 +41508,7 @@ const useStops = (props, initData, minValue, maxValue) => {
     if (!props.showStops || props.min > props.max)
       return [];
     if (props.step === 0) {
+      debugWarn("ElSlider", "step should not be 0.");
       return [];
     }
     const stopCount = Math.ceil((props.max - props.min) / props.step);
@@ -41338,7 +41577,7 @@ const useWatch = (props, initData, minValue, maxValue, emit, elFormItem) => {
         initData.secondValue = val[1];
         if (valueChanged()) {
           if (props.validateEvent) {
-            (_a = elFormItem == null ? void 0 : elFormItem.validate) == null ? void 0 : _a.call(elFormItem, "change").catch((err) => debugWarn());
+            (_a = elFormItem == null ? void 0 : elFormItem.validate) == null ? void 0 : _a.call(elFormItem, "change").catch((err) => debugWarn(err));
           }
           initData.oldValue = val.slice();
         }
@@ -41352,7 +41591,7 @@ const useWatch = (props, initData, minValue, maxValue, emit, elFormItem) => {
         initData.firstValue = val;
         if (valueChanged()) {
           if (props.validateEvent) {
-            (_b = elFormItem == null ? void 0 : elFormItem.validate) == null ? void 0 : _b.call(elFormItem, "change").catch((err) => debugWarn());
+            (_b = elFormItem == null ? void 0 : elFormItem.validate) == null ? void 0 : _b.call(elFormItem, "change").catch((err) => debugWarn(err));
           }
           initData.oldValue = val;
         }
@@ -42149,12 +42388,16 @@ const _sfc_main$2v = defineComponent({
     const internalStatus = ref("");
     const parent = inject(STEPS_INJECTION_KEY);
     const currentInstance = getCurrentInstance();
+    let stepDiff = 0;
+    let beforeActive = 0;
     onMounted(() => {
       watch([
         () => parent.props.active,
         () => parent.props.processStatus,
         () => parent.props.finishStatus
-      ], ([active]) => {
+      ], ([active], [oldActive]) => {
+        beforeActive = oldActive || 0;
+        stepDiff = active - beforeActive;
         updateStatus(active);
       }, { immediate: true });
     });
@@ -42208,8 +42451,9 @@ const _sfc_main$2v = defineComponent({
     };
     const calcProgress = (status) => {
       const isWait = status === "wait";
+      const delayTimer = Math.abs(stepDiff) === 1 ? 0 : stepDiff > 0 ? (index.value + 1 - beforeActive) * 150 : -(index.value + 1 - parent.props.active) * 150;
       const style2 = {
-        transitionDelay: `${isWait ? "-" : ""}${150 * index.value}ms`
+        transitionDelay: `${delayTimer}ms`
       };
       const step = status === parent.props.processStatus || isWait ? 0 : 100;
       style2.borderWidth = step && !isSimple.value ? "1px" : 0;
@@ -42450,7 +42694,7 @@ const _sfc_main$2u = /* @__PURE__ */ defineComponent({
       var _a;
       input.value.checked = val;
       if (props.validateEvent) {
-        (_a = formItem == null ? void 0 : formItem.validate) == null ? void 0 : _a.call(formItem, "change").catch((err) => debugWarn());
+        (_a = formItem == null ? void 0 : formItem.validate) == null ? void 0 : _a.call(formItem, "change").catch((err) => debugWarn(err));
       }
     });
     const handleChange = () => {
@@ -42484,6 +42728,7 @@ const _sfc_main$2u = /* @__PURE__ */ defineComponent({
             handleChange();
           }
         }).catch((e) => {
+          debugWarn(COMPONENT_NAME$9, `some error occurred: ${e}`);
         });
       } else if (shouldChange) {
         handleChange();
@@ -44474,7 +44719,7 @@ function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
           class: normalizeClass(_ctx.ns.e("bottom"))
         }, [
           createElementVNode("button", {
-            class: normalizeClass({ [_ctx.ns.is("disabled")]: _ctx.filteredValue.length === 0 }),
+            class: normalizeClass(_ctx.ns.is("disabled", _ctx.filteredValue.length === 0)),
             disabled: _ctx.filteredValue.length === 0,
             type: "button",
             onClick: _ctx.handleConfirm
@@ -44491,9 +44736,7 @@ function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
         createElementVNode("li", {
           class: normalizeClass([
             _ctx.ns.e("list-item"),
-            {
-              [_ctx.ns.is("active")]: _ctx.isPropAbsent(_ctx.filterValue)
-            }
+            _ctx.ns.is("active", _ctx.isPropAbsent(_ctx.filterValue))
           ]),
           onClick: ($event) => _ctx.handleSelect(null)
         }, toDisplayString(_ctx.t("el.table.clearFilter")), 11, ["onClick"]),
@@ -45061,7 +45304,7 @@ var TableHeader = defineComponent({
     let rowSpan = 1;
     return h$1("thead", {
       ref: "theadRef",
-      class: { [ns.is("group")]: isGroup }
+      class: ns.is("group", isGroup)
     }, columnRows.map((subColumns, rowIndex) => h$1("tr", {
       class: getHeaderRowClass(rowIndex),
       key: rowIndex,
@@ -46378,18 +46621,36 @@ var v=false,o,f,s,u,d,N,l,p,m,w,D,x,E,M,F;function a(){if(!v){v=true;var e=navig
  * @license Modernizr 3.0.0pre (Custom Build) | MIT
  */
 
+const SCOPE$3 = "_Mousewheel";
 const mousewheel = function(element, callback) {
   if (element && element.addEventListener) {
+    removeWheelHandler(element);
     const fn = function(event) {
       const normalized = Y(event);
       callback && Reflect.apply(callback, this, [event, normalized]);
     };
+    element[SCOPE$3] = { wheelHandler: fn };
     element.addEventListener("wheel", fn, { passive: true });
   }
 };
+const removeWheelHandler = (element) => {
+  var _a;
+  if ((_a = element[SCOPE$3]) == null ? void 0 : _a.wheelHandler) {
+    element.removeEventListener("wheel", element[SCOPE$3].wheelHandler);
+    element[SCOPE$3] = null;
+  }
+};
 const Mousewheel = {
   beforeMount(el, binding) {
     mousewheel(el, binding.value);
+  },
+  unmounted(el) {
+    removeWheelHandler(el);
+  },
+  updated(el, binding) {
+    if (binding.value !== binding.oldValue) {
+      mousewheel(el, binding.value);
+    }
   }
 };
 
@@ -46937,7 +47198,7 @@ function treeCellPrefix({
     }, {
       default: () => {
         return [
-          h$1(ElIcon, { class: { [ns.is("loading")]: treeNode.loading } }, {
+          h$1(ElIcon, { class: ns.is("loading", treeNode.loading) }, {
             default: () => [h$1(icon)]
           })
         ];
@@ -47107,7 +47368,9 @@ function useRender(props, slots, owner) {
     }
   };
   const setColumnRenders = (column) => {
-    if (props.renderHeader) ; else if (column.type !== "selection") {
+    if (props.renderHeader) {
+      debugWarn("TableColumn", "Comparing to render-header, scoped-slot header is easier to use. We recommend users to use scoped-slot header.");
+    } else if (column.type !== "selection") {
       column.renderHeader = (scope) => {
         instance.columnConfig.value["label"];
         return renderSlot(slots, "header", scope, () => [column.label]);
@@ -49655,11 +49918,8 @@ const RowRenderer = (props, {
   const depth = depthMap[_rowKey] || 0;
   const canExpand = Boolean(expandColumnKey);
   const isFixedRow = rowIndex < 0;
-  const kls = [ns.e("row"), rowKls, {
-    [ns.e(`row-depth-${depth}`)]: canExpand && rowIndex >= 0,
-    [ns.is("expanded")]: canExpand && expandedRowKeys.includes(_rowKey),
-    [ns.is("fixed")]: !depth && isFixedRow,
-    [ns.is("customized")]: Boolean(slots.row)
+  const kls = [ns.e("row"), rowKls, ns.is("expanded", canExpand && expandedRowKeys.includes(_rowKey)), ns.is("fixed", !depth && isFixedRow), ns.is("customized", Boolean(slots.row)), {
+    [ns.e(`row-depth-${depth}`)]: canExpand && rowIndex >= 0
   }];
   const onRowHover = hasFixedColumns ? onRowHovered : void 0;
   const _rowProps = {
@@ -49909,9 +50169,7 @@ const HeaderRenderer = ({
     columns,
     headerIndex
   };
-  const kls = [ns.e("header-row"), tryCall(headerClass, param, ""), {
-    [ns.is("customized")]: Boolean(slots.header)
-  }];
+  const kls = [ns.e("header-row"), tryCall(headerClass, param, ""), ns.is("customized", Boolean(slots.header))];
   const extraProps = {
     ...tryCall(headerProps, param),
     columnsStyles,
@@ -50270,9 +50528,7 @@ const TableV2 = defineComponent({
           }
         })
       };
-      const rootKls = [props.class, ns.b(), ns.e("root"), {
-        [ns.is("dynamic")]: unref(isDynamic)
-      }];
+      const rootKls = [props.class, ns.b(), ns.e("root"), ns.is("dynamic", unref(isDynamic))];
       const footerProps = {
         class: ns.e("footer"),
         style: unref(footerHeight)
@@ -50487,7 +50743,11 @@ const tabNavProps = buildProps({
     values: ["card", "border-card", ""],
     default: ""
   },
-  stretch: Boolean
+  stretch: Boolean,
+  tabindex: {
+    type: [String, Number],
+    default: void 0
+  }
 });
 const tabNavEmits = {
   tabClick: (tab, tabName, ev) => ev instanceof Event,
@@ -50707,7 +50967,7 @@ const TabNav = defineComponent({
         default: () => [createVNode(arrow_right_default, null, null)]
       })])] : null;
       const tabs = props.panes.map((pane, index) => {
-        var _a, _b, _c, _d;
+        var _a, _b, _c, _d, _e;
         const uid = pane.uid;
         const disabled = pane.props.disabled;
         const tabName = (_b = (_a = pane.props.name) != null ? _a : pane.index) != null ? _b : `${index}`;
@@ -50720,7 +50980,7 @@ const TabNav = defineComponent({
           default: () => [createVNode(close_default, null, null)]
         }) : null;
         const tabLabelContent = ((_d = (_c = pane.slots).label) == null ? void 0 : _d.call(_c)) || pane.props.label;
-        const tabindex = !disabled && pane.active ? 0 : -1;
+        const tabindex = !disabled && pane.active ? (_e = props.tabindex) != null ? _e : rootTabs.props.tabindex : -1;
         return createVNode("div", {
           "ref": (el) => setRefs(el, tabName),
           "class": [ns.e("item"), ns.is(rootTabs.props.tabPosition), ns.is("active", pane.active), ns.is("disabled", disabled), ns.is("closable", closable), ns.is("focus", isFocus.value)],
@@ -50788,7 +51048,11 @@ const tabsProps = buildProps({
     type: definePropType(Function),
     default: () => true
   },
-  stretch: Boolean
+  stretch: Boolean,
+  tabindex: {
+    type: [String, Number],
+    default: 0
+  }
 });
 const isPaneName = (value) => isString$4(value) || isNumber$2(value);
 const tabsEmits = {
@@ -50898,7 +51162,7 @@ const Tabs = defineComponent({
       const addSlot = slots["add-icon"];
       const newButton = props.editable || props.addable ? createVNode("div", {
         "class": [ns.e("new-tab"), isVertical.value && ns.e("new-tab-vertical")],
-        "tabindex": "0",
+        "tabindex": props.tabindex,
         "onClick": handleTabAdd,
         "onKeydown": handleKeydown
       }, [addSlot ? renderSlot(slots, "add-icon") : createVNode(ElIcon, {
@@ -51898,7 +52162,7 @@ const _sfc_main$2k = /* @__PURE__ */ defineComponent({
     watch(() => props.modelValue, () => {
       var _a;
       if (props.validateEvent) {
-        (_a = formItem == null ? void 0 : formItem.validate) == null ? void 0 : _a.call(formItem, "change").catch((err) => debugWarn());
+        (_a = formItem == null ? void 0 : formItem.validate) == null ? void 0 : _a.call(formItem, "change").catch((err) => debugWarn(err));
       }
     });
     const optionRender = computed(() => (option) => {
@@ -53051,6 +53315,9 @@ const _sfc_main$2i = defineComponent({
     const dragEvents = inject(dragEventsKey);
     const instance = getCurrentInstance();
     provide(NODE_INSTANCE_INJECTION_KEY, instance);
+    if (!tree) {
+      debugWarn("Tree", "Can not find node's tree.");
+    }
     if (props.node.expanded) {
       expanded.value = true;
       childNodeRendered.value = true;
@@ -53405,6 +53672,22 @@ function useKeydown({ el$ }, store) {
   };
 }
 
+const treeEmits$1 = {
+  "check-change": (data, checked, indeterminate) => data && isBoolean$1(checked) && isBoolean$1(indeterminate),
+  "current-change": (data, node) => true,
+  "node-click": (data, node, nodeInstance, evt) => data && node && evt instanceof Event,
+  "node-contextmenu": (evt, data, node, nodeInstance) => evt instanceof Event && data && node,
+  "node-collapse": (data, node, nodeInstance) => data && node,
+  "node-expand": (data, node, nodeInstance) => data && node,
+  check: (data, checkedInfo) => data && checkedInfo,
+  "node-drag-start": (node, evt) => node && evt,
+  "node-drag-end": (draggingNode, dropNode, dropType, evt) => draggingNode && evt,
+  "node-drop": (draggingNode, dropNode, dropType, evt) => draggingNode && dropNode && evt,
+  "node-drag-leave": (draggingNode, oldDropNode, evt) => draggingNode && oldDropNode && evt,
+  "node-drag-enter": (draggingNode, dropNode, evt) => draggingNode && dropNode && evt,
+  "node-drag-over": (draggingNode, dropNode, evt) => draggingNode && dropNode && evt
+};
+
 const _sfc_main$2h = defineComponent({
   name: "ElTree",
   components: { ElTreeNode: ElTreeNode$1 },
@@ -53472,25 +53755,10 @@ const _sfc_main$2h = defineComponent({
       type: iconPropType
     }
   },
-  emits: [
-    "check-change",
-    "current-change",
-    "node-click",
-    "node-contextmenu",
-    "node-collapse",
-    "node-expand",
-    "check",
-    "node-drag-start",
-    "node-drag-end",
-    "node-drop",
-    "node-drag-leave",
-    "node-drag-enter",
-    "node-drag-over"
-  ],
+  emits: treeEmits$1,
   setup(props, ctx) {
     const { t } = useLocale();
     const ns = useNamespace("tree");
-    const selectInfo = inject(selectKey, null);
     const store = ref(new TreeStore({
       key: props.nodeKey,
       data: props.data,
@@ -53520,10 +53788,20 @@ const _sfc_main$2h = defineComponent({
       store
     });
     useKeydown({ el$ }, store);
+    const instance = getCurrentInstance();
+    const isSelectTree = computed(() => {
+      let parent = instance == null ? void 0 : instance.parent;
+      while (parent) {
+        if (parent.type.name === "ElTreeSelect") {
+          return true;
+        }
+        parent = parent.parent;
+      }
+      return false;
+    });
     const isEmpty = computed(() => {
       const { childNodes } = root.value;
-      const hasFilteredOptions = selectInfo ? selectInfo.hasFilteredOptions !== 0 : false;
-      return (!childNodes || childNodes.length === 0 || childNodes.every(({ visible }) => !visible)) && !hasFilteredOptions;
+      return (!childNodes || childNodes.length === 0 || childNodes.every(({ visible }) => !visible)) && !isSelectTree.value;
     });
     watch(() => props.currentNodeKey, (newVal) => {
       store.value.setCurrentNodeKey(newVal != null ? newVal : null);
@@ -53607,12 +53885,12 @@ const _sfc_main$2h = defineComponent({
         store.value.setUserCurrentNode(node, shouldAutoExpandParent);
       });
     };
-    const setCurrentKey = (key, shouldAutoExpandParent = true) => {
+    const setCurrentKey = (key = null, shouldAutoExpandParent = true) => {
       if (!props.nodeKey)
         throw new Error("[Tree] nodeKey is required in setCurrentKey");
       handleCurrentChange(store, ctx.emit, () => {
         broadcastExpanded();
-        store.value.setCurrentNodeKey(key != null ? key : null, shouldAutoExpandParent);
+        store.value.setCurrentNodeKey(key, shouldAutoExpandParent);
       });
     };
     const getNode = (data) => {
@@ -53630,9 +53908,9 @@ const _sfc_main$2h = defineComponent({
     const insertAfter = (data, refNode) => {
       store.value.insertAfter(data, refNode);
     };
-    const handleNodeExpand = (nodeData, node, instance) => {
+    const handleNodeExpand = (nodeData, node, instance2) => {
       broadcastExpanded(node);
-      ctx.emit("node-expand", nodeData, node, instance);
+      ctx.emit("node-expand", nodeData, node, instance2);
     };
     const updateKeyChildren = (key, data) => {
       if (!props.nodeKey)
@@ -53645,7 +53923,7 @@ const _sfc_main$2h = defineComponent({
       store,
       root,
       currentNode,
-      instance: getCurrentInstance()
+      instance
     });
     provide(formItemContextKey, void 0);
     return {
@@ -54649,13 +54927,19 @@ function useTree(props, emit) {
       });
     }
     keySet.add(node.key);
-    node.expanded = true;
-    emit(NODE_EXPAND, node.data, node);
+    const _node = getNode(node.key);
+    if (_node) {
+      _node.expanded = true;
+      emit(NODE_EXPAND, _node.data, _node);
+    }
   }
   function collapseNode(node) {
     expandedKeySet.value.delete(node.key);
-    node.expanded = false;
-    emit(NODE_COLLAPSE, node.data, node);
+    const _node = getNode(node.key);
+    if (_node) {
+      _node.expanded = false;
+      emit(NODE_COLLAPSE, _node.data, _node);
+    }
   }
   function isDisabled(node) {
     return !!node.disabled;
@@ -55253,7 +55537,9 @@ const _sfc_main$2d = /* @__PURE__ */ defineComponent({
                 unref(nsUpload).is(file.status),
                 { focusing: focusing.value }
               ]),
-              tabindex: "0",
+              tabindex: unref(disabled) ? void 0 : 0,
+              "aria-disabled": unref(disabled),
+              role: "button",
               onKeydown: withKeys(($event) => !unref(disabled) && handleRemove(file), ["delete"]),
               onFocus: ($event) => focusing.value = true,
               onBlur: ($event) => focusing.value = false,
@@ -55370,7 +55656,7 @@ const _sfc_main$2d = /* @__PURE__ */ defineComponent({
                   ], 10, ["onClick"])) : createCommentVNode("v-if", true)
                 ], 2)) : createCommentVNode("v-if", true)
               ])
-            ], 42, ["onKeydown", "onFocus", "onBlur", "onClick"]);
+            ], 42, ["tabindex", "aria-disabled", "onKeydown", "onFocus", "onBlur", "onClick"]);
           }), 128)),
           renderSlot(_ctx.$slots, "append")
         ]),
@@ -55630,7 +55916,9 @@ const _sfc_main$2b = /* @__PURE__ */ defineComponent({
           unref(ns).is("drag", _ctx.drag),
           unref(ns).is("disabled", unref(disabled))
         ]),
-        tabindex: unref(disabled) ? "-1" : "0",
+        tabindex: unref(disabled) ? void 0 : 0,
+        "aria-disabled": unref(disabled),
+        role: "button",
         onClick: handleClick,
         onKeydown: withKeys(withModifiers(handleKeydown, ["self"]), ["enter", "space"])
       }, [
@@ -55657,7 +55945,7 @@ const _sfc_main$2b = /* @__PURE__ */ defineComponent({
           onClick: withModifiers(() => {
           }, ["stop"])
         }, null, 42, ["name", "disabled", "multiple", "accept", "onClick"])
-      ], 42, ["tabindex", "onKeydown"]);
+      ], 42, ["tabindex", "aria-disabled", "onKeydown"]);
     };
   }
 });
@@ -58735,7 +59023,7 @@ const _sfc_main$25 = /* @__PURE__ */ defineComponent({
             }, null, 8, ["current", "total"])) : (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(unref(total), (item, index) => {
               return openBlock(), createElementBlock("span", {
                 key: item,
-                class: normalizeClass([unref(ns).b("indicator"), index === unref(current) ? "is-active" : ""])
+                class: normalizeClass([unref(ns).b("indicator"), unref(ns).is("active", index === unref(current))])
               }, null, 2);
             }), 128))
           ], 2),
@@ -59281,7 +59569,7 @@ const _sfc_main$22 = /* @__PURE__ */ defineComponent({
       var _a;
       updateSelect();
       if (props.validateEvent) {
-        (_a = formItem == null ? void 0 : formItem.validate) == null ? void 0 : _a.call(formItem, "change").catch((err) => debugWarn());
+        (_a = formItem == null ? void 0 : formItem.validate) == null ? void 0 : _a.call(formItem, "change").catch((err) => debugWarn(err));
       }
     }, {
       flush: "post"
@@ -60968,7 +61256,7 @@ function createLoadingComponent(options, appContext) {
               class: [
                 ns.b("mask"),
                 data.customClass,
-                data.fullscreen ? "is-fullscreen" : ""
+                ns.is("fullscreen", data.fullscreen)
               ]
             }, [
               h$1("div", {
@@ -61480,6 +61768,7 @@ const normalizeAppendTo = (normalized) => {
   } else if (isString$4(normalized.appendTo)) {
     let appendTo2 = document.querySelector(normalized.appendTo);
     if (!isElement$1(appendTo2)) {
+      debugWarn("ElMessage", "the appendTo option is not an HTMLElement. Falling back to document.body.");
       appendTo2 = document.body;
     }
     normalized.appendTo = appendTo2;
@@ -61493,6 +61782,7 @@ const normalizePlacement = (normalized) => {
     normalized.placement = MESSAGE_DEFAULT_PLACEMENT;
   }
   if (!messagePlacement.includes(normalized.placement)) {
+    debugWarn("ElMessage", `Invalid placement: ${normalized.placement}. Falling back to '${MESSAGE_DEFAULT_PLACEMENT}'.`);
     normalized.placement = MESSAGE_DEFAULT_PLACEMENT;
   }
 };
@@ -62154,6 +62444,7 @@ const getAppendToElement = (props) => {
       appendTo = props.appendTo;
     }
     if (!isElement$1(appendTo)) {
+      debugWarn("ElMessageBox", "the appendTo option is not an HTMLElement. Falling back to document.body.");
       appendTo = document.body;
     }
   }
@@ -62533,6 +62824,7 @@ const notify = function(options = {}, context) {
     appendTo = document.querySelector(options.appendTo);
   }
   if (!isElement$1(appendTo)) {
+    debugWarn("ElNotification", "the appendTo option is not an HTMLElement. Falling back to document.body.");
     appendTo = document.body;
   }
   const container = document.createElement("div");
@@ -62616,7 +62908,7 @@ var Plugins = [
 
 var installer = makeInstaller([...Components, ...Plugins]);
 
-/*! Element Plus v2.11.5 */
+/*! Element Plus v2.11.7 */
 
 var zhCn = {
   name: "zh-cn",
@@ -62632,7 +62924,10 @@ var zhCn = {
       alphaLabel: "\u9009\u62E9\u900F\u660E\u5EA6\u7684\u503C",
       alphaDescription: "\u900F\u660E\u5EA6 {alpha}, \u5F53\u524D\u989C\u8272 {color}",
       hueLabel: "\u9009\u62E9\u8272\u76F8\u503C",
-      hueDescription: "\u8272\u76F8 {hue}, \u5F53\u524D\u989C\u8272 {color}"
+      hueDescription: "\u8272\u76F8 {hue}, \u5F53\u524D\u989C\u8272 {color}",
+      svLabel: "\u9009\u62E9\u9971\u548C\u5EA6\u4E0E\u660E\u5EA6\u7684\u503C",
+      svDescription: "\u9971\u548C\u5EA6 {saturation}, \u660E\u5EA6 {brightness}, \u5F53\u524D\u989C\u8272 {color}",
+      predefineDescription: "\u9009\u62E9 {value} \u4F5C\u4E3A\u989C\u8272"
     },
     datepicker: {
       now: "\u6B64\u523B",
@@ -62801,7 +63096,7 @@ var zhCn = {
   }
 };
 
-/*! Element Plus v2.11.5 */
+/*! Element Plus v2.11.7 */
 
 var zhTw = {
   name: "zh-tw",
@@ -62817,7 +63112,10 @@ var zhTw = {
       alphaLabel: "\u9078\u64C7\u900F\u660E\u5EA6\u7684\u503C",
       alphaDescription: "alpha {alpha}, current color is {color}",
       hueLabel: "pick hue value",
-      hueDescription: "hue {hue}, current color is {color}"
+      hueDescription: "hue {hue}, current color is {color}",
+      svLabel: "pick saturation and brightness value",
+      svDescription: "saturation {saturation}, brightness {brightness}, current color is {color}",
+      predefineDescription: "select {value} as the color"
     },
     datepicker: {
       now: "\u73FE\u5728",
@@ -62986,7 +63284,7 @@ var zhTw = {
   }
 };
 
-/*! Element Plus v2.11.5 */
+/*! Element Plus v2.11.7 */
 
 var ja = {
   name: "ja",
@@ -63002,7 +63300,10 @@ var ja = {
       alphaLabel: "pick alpha value",
       alphaDescription: "alpha {alpha}, current color is {color}",
       hueLabel: "pick hue value",
-      hueDescription: "hue {hue}, current color is {color}"
+      hueDescription: "hue {hue}, current color is {color}",
+      svLabel: "pick saturation and brightness value",
+      svDescription: "saturation {saturation}, brightness {brightness}, current color is {color}",
+      predefineDescription: "select {value} as the color"
     },
     datepicker: {
       now: "\u73FE\u5728",
@@ -63171,7 +63472,7 @@ var ja = {
   }
 };
 
-/*! Element Plus v2.11.5 */
+/*! Element Plus v2.11.7 */
 
 var de = {
   name: "de",
@@ -63187,7 +63488,10 @@ var de = {
       alphaLabel: "pick alpha value",
       alphaDescription: "alpha {alpha}, current color is {color}",
       hueLabel: "pick hue value",
-      hueDescription: "hue {hue}, current color is {color}"
+      hueDescription: "hue {hue}, current color is {color}",
+      svLabel: "pick saturation and brightness value",
+      svDescription: "saturation {saturation}, brightness {brightness}, current color is {color}",
+      predefineDescription: "select {value} as the color"
     },
     datepicker: {
       now: "Jetzt",
@@ -63358,7 +63662,7 @@ var de = {
   }
 };
 
-/*! Element Plus v2.11.5 */
+/*! Element Plus v2.11.7 */
 
 var en = {
   name: "en",
@@ -63374,7 +63678,10 @@ var en = {
       alphaLabel: "pick alpha value",
       alphaDescription: "alpha {alpha}, current color is {color}",
       hueLabel: "pick hue value",
-      hueDescription: "hue {hue}, current color is {color}"
+      hueDescription: "hue {hue}, current color is {color}",
+      svLabel: "pick saturation and brightness value",
+      svDescription: "saturation {saturation}, brightness {brightness}, current color is {color}",
+      predefineDescription: "select {value} as the color"
     },
     datepicker: {
       now: "Now",
@@ -68948,7 +69255,7 @@ function dispatchRequest(config) {
   });
 }
 
-const VERSION$1 = "1.13.0";
+const VERSION$1 = "1.13.2";
 
 const validators$1 = {};
 
@@ -70663,11 +70970,11 @@ const useDesignFormStore = defineStore("designForm", () => {
   const allFormDataList = ref([]);
   const formInfo = ref({});
   const compList = ref([]);
-  const compListNoLayer = shallowRef([]);
+  const compListNoLayer = shallowRef({});
   const formData = ref({});
   const currentComp = shallowRef();
   const isCompListUpdated = ref(true);
-  const cachedCompListNoLayer = shallowRef([]);
+  const cachedCompListNoLayer = shallowRef({});
   const cachedSelectList = shallowRef([]);
   const currentItemType = ref("");
   const currentCompCategory = ref("");
@@ -70775,20 +71082,21 @@ const useDesignFormStore = defineStore("designForm", () => {
     isCompListUpdated.value = true;
   };
   const selectItemById = (itemId) => {
-    if (isCompListUpdated.value || compListNoLayer.value?.length == 0) {
+    if (isCompListUpdated.value || Object.keys(compListNoLayer.value).length == 0) {
       loadCompNames();
     }
-    return compListNoLayer.value?.find((item) => item.id == itemId);
+    console.log(compListNoLayer.value);
+    return compListNoLayer.value?.[itemId] || null;
   };
   const forceLoadCompNames = () => {
     const selectList = [];
-    const compListResult = [];
+    const compListResult = {};
     const stack = [];
+    const allChildItems = [];
     stack.push({ datas: compList.value, tabName: void 0 });
     while (stack.length > 0) {
       const { datas, tabName } = stack.pop();
       const currentSelectList = [];
-      const currentCompList = [];
       for (const index in datas) {
         const temp = datas[index];
         if (temp.itemType === "box" || temp.itemType === "dytable") {
@@ -70814,6 +71122,7 @@ const useDesignFormStore = defineStore("designForm", () => {
                   }))
                 );
                 childItems.push(...column.items);
+                allChildItems.push(...items);
               }
             }
           }
@@ -70826,7 +71135,6 @@ const useDesignFormStore = defineStore("designForm", () => {
             compType: "container",
             children
           });
-          currentCompList.push(temp, ...childItems);
         } else if (temp.itemType === "table") {
           const elements = temp.preps.elements;
           const children = [];
@@ -70848,6 +71156,7 @@ const useDesignFormStore = defineStore("designForm", () => {
                 }))
               );
               childItems.push(...element.items);
+              allChildItems.push(...items);
             }
           }
           currentSelectList.push({
@@ -70859,16 +71168,114 @@ const useDesignFormStore = defineStore("designForm", () => {
             compType: "container",
             children
           });
-          currentCompList.push(temp, ...childItems);
         } else if (["tab", "collapse", "card"].includes(temp.itemType)) {
           const elements = temp.preps?.elements || [];
           for (const index2 in elements) {
             const element = elements[index2];
             const tempTabName = tabName ? `${tabName}__${element.tabName}` : element.tabName;
-            stack.push({
-              datas: element.items || [],
-              tabName: tempTabName
-            });
+            const children = [];
+            if (element.items?.length > 0) {
+              for (const itemIndex in element.items) {
+                const item = element.items[itemIndex];
+                if (["box", "table", "dytable", "tab", "collapse", "card"].includes(item.itemType)) {
+                  const containerNode = {
+                    name: item.preps?.label ?? item.preps?.itemNameLabel,
+                    value: item.preps?.name || item.preps?.batchFieldName,
+                    id: item.id || item.preps?.id,
+                    tabName: tempTabName,
+                    type: item.itemType,
+                    compType: "container",
+                    children: []
+                    // 初始化空children数组
+                  };
+                  if (item.preps?.elements) {
+                    if (item.itemType === "box" || item.itemType === "dytable") {
+                      for (const eIndex in item.preps.elements) {
+                        const elementItem = item.preps.elements[eIndex];
+                        if (elementItem?.columns) {
+                          for (const colIndex in elementItem.columns) {
+                            const column = elementItem.columns[colIndex];
+                            if (column?.items?.length > 0) {
+                              const items = column.items.filter((subItem) => subItem.preps?.label);
+                              containerNode.children?.push(
+                                ...items.map((subItem) => ({
+                                  name: subItem.preps?.label,
+                                  id: subItem.id || subItem.preps?.id,
+                                  compType: "item",
+                                  tabName: tempTabName,
+                                  type: subItem.preps?.itemType,
+                                  value: subItem.preps?.name
+                                }))
+                              );
+                              allChildItems.push(...items);
+                            }
+                          }
+                        }
+                      }
+                    } else if (item.itemType === "table") {
+                      for (const eIndex in item.preps.elements) {
+                        const elementItem = item.preps.elements[eIndex];
+                        if (elementItem?.items?.length > 0) {
+                          const items = elementItem.items.filter((subItem) => subItem.preps?.label);
+                          containerNode.children?.push(
+                            ...items.map((subItem) => ({
+                              name: subItem.preps?.label,
+                              id: subItem.id || subItem.preps?.id,
+                              compType: "item",
+                              tabName: tempTabName,
+                              type: subItem.itemType ?? subItem.preps?.itemType,
+                              value: subItem.preps?.name
+                            }))
+                          );
+                          allChildItems.push(...items);
+                        }
+                      }
+                    } else if (["tab", "collapse", "card"].includes(item.itemType)) {
+                      for (const eIndex in item.preps.elements) {
+                        const elementItem = item.preps.elements[eIndex];
+                        const subContainerNode = {
+                          name: elementItem.label,
+                          value: elementItem.objectName,
+                          tabName: tempTabName,
+                          id: item.id,
+                          type: item.itemType,
+                          compType: "container",
+                          children: []
+                        };
+                        if (elementItem?.items?.length > 0) {
+                          const items = elementItem.items.filter((subItem) => subItem.preps?.label);
+                          subContainerNode.children?.push(
+                            ...items.map((subItem) => ({
+                              name: subItem.preps?.label,
+                              id: subItem.id || subItem.preps?.id,
+                              compType: "item",
+                              tabName: tempTabName,
+                              type: subItem.itemType ?? subItem.preps?.itemType,
+                              value: subItem.preps?.name
+                            }))
+                          );
+                          allChildItems.push(...items);
+                        }
+                        containerNode.children?.push(subContainerNode);
+                      }
+                    }
+                  }
+                  children.push(containerNode);
+                } else {
+                  if (item.preps?.label) {
+                    children.push({
+                      name: item.preps?.label,
+                      id: item.id || item.preps?.id,
+                      compType: "item",
+                      tabName: tempTabName,
+                      type: item.itemType ?? item.preps?.itemType,
+                      value: item.preps?.name
+                    });
+                    allChildItems.push(item);
+                  }
+                }
+              }
+            }
             currentSelectList.push({
               name: element.label,
               value: element.objectName,
@@ -70876,25 +71283,48 @@ const useDesignFormStore = defineStore("designForm", () => {
               id: temp.id,
               type: temp.itemType,
               compType: "container",
-              children: []
-              // 后续会被栈处理结果填充
+              children
+              // 包含了所有子元素，包括嵌套容器
             });
           }
-          currentCompList.push(temp);
         } else {
           currentSelectList.push({
             name: temp.preps?.label,
             value: temp.preps?.name,
             tabName,
             compType: "item",
-            id: temp.preps?.id,
+            id: temp.id || temp.preps?.id,
             type: temp.itemType ?? temp.preps?.itemType
           });
-          currentCompList.push(temp);
+          allChildItems.push(temp);
         }
       }
       selectList.push(...currentSelectList);
-      compListResult.push(...currentCompList);
+      const processComponent = (component) => {
+        if (component.id || component.preps && component.preps.id) {
+          const compId = component.id || component.preps.id;
+          compListResult[compId] = component;
+        }
+        const isContainer = component.preps?.isContainer || ["box", "dytable", "table", "tab", "collapse", "card"].includes(component.itemType);
+        if (isContainer && component.preps?.elements) {
+          component.preps.elements.forEach((element) => {
+            if (["box", "dytable", "table"].includes(component.itemType)) {
+              if (element?.columns) {
+                element.columns.forEach((column) => {
+                  if (column?.items) {
+                    column.items.forEach(processComponent);
+                  }
+                });
+              }
+            } else if (["tab", "collapse", "card"].includes(component.itemType)) {
+              if (element?.items) {
+                element.items.forEach(processComponent);
+              }
+            }
+          });
+        }
+      };
+      allChildItems.forEach(processComponent);
     }
     compListNoLayer.value = compListResult;
     cachedCompListNoLayer.value = compListResult;
@@ -70940,12 +71370,33 @@ const useDesignFormStore = defineStore("designForm", () => {
   const setContainerList = (list) => {
     containerList.value = list;
   };
+  const addContainerList = (list) => {
+    if (Array.isArray(list)) {
+      containerList.value = [...containerList.value, ...list];
+    } else {
+      containerList.value.push(list);
+    }
+  };
   const setFormDataList = (list) => {
     formDataList.value = list;
   };
+  const addFormDataList = (list) => {
+    if (Array.isArray(list)) {
+      formDataList.value = [...formDataList.value, ...list];
+    } else {
+      formDataList.value.push(list);
+    }
+  };
   const setSelfFormDataList = (list) => {
     selfFormDataList.value = list;
   };
+  const addSelfFormDataList = (list) => {
+    if (Array.isArray(list)) {
+      selfFormDataList.value = [...selfFormDataList.value, ...list];
+    } else {
+      selfFormDataList.value.push(list);
+    }
+  };
   const setAllFormDataList = (list) => {
     allFormDataList.value = list;
   };
@@ -71059,6 +71510,9 @@ const useDesignFormStore = defineStore("designForm", () => {
     setSelfFormDataList,
     setFormDataList,
     setContainerList,
+    addSelfFormDataList,
+    addContainerList,
+    addFormDataList,
     addHistoryRecord,
     redo,
     undo,
@@ -71804,7 +72258,6 @@ const _sfc_main$1T = /* @__PURE__ */ defineComponent({
       });
     };
     const mergeDraft = (type) => {
-      console.log("mergeDraft", type);
       doMerge();
     };
     const doMerge = () => {
@@ -73319,7 +73772,7 @@ const _sfc_main$1O = /* @__PURE__ */ defineComponent({
 
 /* unplugin-vue-components disabled */
 
-const DataPicker = /* @__PURE__ */ _export_sfc(_sfc_main$1O, [["__scopeId", "data-v-53021922"]]);
+const DataPicker = /* @__PURE__ */ _export_sfc(_sfc_main$1O, [["__scopeId", "data-v-3ac1fbf8"]]);
 
 const _hoisted_1$_ = { class: "flex items-center" };
 const _sfc_main$1N = /* @__PURE__ */ defineComponent({
@@ -74204,64 +74657,8 @@ const useCopyerOperationStore = defineStore("copyerOperation", () => {
   };
 });
 
-const useDesignPageStore = defineStore("designPage", () => {
-  const nodeList = ref([]);
-  const currentNode = ref(null);
-  const isEdit = ref(false);
-  const defaultZindex = ref(100);
-  const clearAll = () => {
-    isEdit.value = false;
-    nodeList.value = [];
-    currentNode.value = null;
-  };
-  const removeNode = (id) => {
-    nodeList.value = nodeList.value.filter((node) => {
-      return node.id != id;
-    });
-    currentNode.value = id == currentNode.value.id ? null : currentNode.value;
-  };
-  const setNodeList = (list) => {
-    nodeList.value = list;
-  };
-  const addNode = (node) => {
-    nodeList.value.push(node);
-  };
-  const selectNode = (node) => {
-    currentNode.value = node;
-  };
-  const setIsEdit = (edit) => {
-    isEdit.value = edit;
-  };
-  const maxZIndex = () => {
-    nodeList.value.sort((a, b) => {
-      if (!a.styles) {
-        a["styles"] = {};
-      }
-      return (a.styles.zIndex || defaultZindex.value) - (b.styles.zIndex || defaultZindex.value);
-    });
-    return nodeList.value[0].styles?.zIndex || defaultZindex.value;
-  };
-  const init = () => {
-  };
-  return {
-    nodeList,
-    currentNode,
-    isEdit,
-    defaultZindex,
-    setNodeList,
-    removeNode,
-    addNode,
-    selectNode,
-    clearAll,
-    setIsEdit,
-    maxZIndex,
-    init
-  };
-});
-
 const copyerAction = useCopyerOperationStore(piniaInstance);
 const designForm$1 = useDesignFormStore(piniaInstance);
-const designPage = useDesignPageStore(piniaInstance);
 const compList = computed(() => designForm$1.compList);
 const currentItemId = computed(() => designForm$1.currentItemId);
 const pasteDisplay = computed(() => {
@@ -74349,7 +74746,9 @@ function moveUpItem(isEdit, formItem, parentField) {
         }
       }
     }
-  } else if (parentField?.itemType == "box") ;
+  } else if (parentField?.itemType == "box") {
+    console.log("咱不处理");
+  }
   const compType = getParentComp(parentField);
   if (compType === "item") {
     for (let i = 0; i < dataList.length; i++) {
@@ -74531,11 +74930,9 @@ function dynamicFormContextMenuData(item, parentItem, flag = "scene", recall) {
       type: "button",
       text: "新建",
       icon: "new",
-      display: true,
+      display: !!recall,
       handler: () => {
-        if (recall) {
-          recall("new");
-        }
+        recall && recall("new");
       }
     });
   }
@@ -74591,22 +74988,18 @@ function dynamicFormContextMenuData(item, parentItem, flag = "scene", recall) {
         type: "button",
         text: "全选",
         icon: "select-all",
-        display: true,
+        display: !!recall,
         handler: () => {
-          if (recall) {
-            recall("select-all");
-          }
+          recall && recall("select-all");
         }
       },
       {
         type: "button",
         text: "清空",
         icon: "dustbin",
-        display: true,
+        display: !!recall,
         handler: () => {
-          if (recall) {
-            recall("dustbin");
-          }
+          recall && recall("dustbin");
         }
       },
       {
@@ -74618,11 +75011,9 @@ function dynamicFormContextMenuData(item, parentItem, flag = "scene", recall) {
         type: "button",
         text: "预览",
         icon: "preview",
-        display: true,
+        display: !!recall,
         handler: () => {
-          if (recall) {
-            recall("preview");
-          }
+          recall && recall("preview");
         }
       }
     );
@@ -74652,11 +75043,9 @@ function dynamicFormContextMenuData(item, parentItem, flag = "scene", recall) {
       type: "button",
       text: "撤销",
       icon: "undo",
-      display: true,
+      display: !!recall,
       handler: () => {
-        if (recall) {
-          recall("undo");
-        }
+        recall && recall("undo");
       }
     },
     {
@@ -74668,11 +75057,9 @@ function dynamicFormContextMenuData(item, parentItem, flag = "scene", recall) {
       type: "button",
       text: "删除",
       icon: "delete",
-      display: () => true,
+      display: !!recall,
       handler: () => {
-        if (recall) {
-          recall("delete");
-        }
+        recall && recall("delete");
       }
     },
     {
@@ -74684,17 +75071,15 @@ function dynamicFormContextMenuData(item, parentItem, flag = "scene", recall) {
       type: "button",
       text: "属性",
       icon: "prep",
-      display: true,
+      display: !!recall,
       handler: () => {
-        if (recall) {
-          recall("prep");
-        }
+        recall && recall("prep");
       }
     }
   );
   return menus;
 }
-function dynamicPageContextMenuData(node) {
+function dynamicPageContextMenuData(node, recallFunction) {
   let contentMenuData = [];
   if (!node.styles) {
     node.styles = {};
@@ -74704,20 +75089,18 @@ function dynamicPageContextMenuData(node) {
       type: "button",
       text: "水平居中",
       icon: "center",
-      display: true,
+      display: !!recallFunction,
       handler: () => {
+        recallFunction && recallFunction("center", node);
       }
     },
     {
       type: "button",
       text: "复制",
       icon: "copy",
-      display: true,
+      display: !!recallFunction,
       handler: () => {
-        const temp = JSON.parse(JSON.stringify(node));
-        temp.id = uuid();
-        temp.name = temp.name + "复制";
-        designPage.addNode(temp);
+        recallFunction && recallFunction("copy", node);
       }
     },
     {
@@ -74747,9 +75130,9 @@ function dynamicPageContextMenuData(node) {
       type: "button",
       text: "置顶",
       icon: "to-top",
-      display: true,
+      display: !!recallFunction,
       handler: () => {
-        node.styles.zIndex = designPage.maxZIndex() + 1;
+        recallFunction && recallFunction("toTop", node);
       }
     },
     {
@@ -74770,9 +75153,9 @@ function dynamicPageContextMenuData(node) {
       type: "button",
       text: "删除",
       icon: "delete",
-      display: true,
+      display: !!recallFunction,
       handler: () => {
-        designPage.removeNode(node.id);
+        recallFunction && recallFunction("delete", node);
       }
     },
     {
@@ -74784,8 +75167,9 @@ function dynamicPageContextMenuData(node) {
       type: "button",
       icon: "empty_setting",
       text: "清空参考线",
-      display: true,
+      display: !!recallFunction,
       handler: () => {
+        recallFunction && recallFunction("empty_setting", node);
       }
     }
   ];
@@ -74836,7 +75220,7 @@ const _sfc_main$1G = /* @__PURE__ */ defineComponent({
       default: false
     }
   },
-  emits: ["selectNode"],
+  emits: ["contextAction", "selectNode"],
   setup(__props, { emit: __emit }) {
     const props = __props;
     const nodeRef = ref();
@@ -74847,17 +75231,27 @@ const _sfc_main$1G = /* @__PURE__ */ defineComponent({
         styles = {};
       }
       let temp = { ...styles };
-      if (props.isActive && props.isDesign) {
-        temp["cursor"] = "move";
-        temp["position"] = "relative";
+      if (props.isDesign) {
+        temp["position"] = "absolute";
+        if (props.isActive) {
+          temp["cursor"] = "move";
+        }
+        if (typeof styles.left !== "number") styles.left = 50;
+        if (typeof styles.top !== "number") styles.top = 50;
       }
       if (!styles["width"]) {
         const parentWidth = nodeRef.value?.parentElement?.clientWidth || 1;
         styles["width"] = props.sizeControlType === "percent" ? 100 * (nodeRef.value?.offsetWidth || 0) / parentWidth : nodeRef.value?.offsetWidth || nodeRef.value?.clientWidth;
+        if (!styles["width"]) {
+          styles["width"] = 20;
+        }
       }
       if (!styles["height"]) {
         const parentHeight = nodeRef.value?.parentElement?.clientHeight || 1;
         styles["height"] = props.sizeControlType === "percent" ? 100 * (nodeRef.value?.offsetHeight || 0) / parentHeight : nodeRef.value?.offsetHeight || nodeRef.value?.clientHeight;
+        if (!styles["height"]) {
+          styles["height"] = 15;
+        }
       }
       for (let key in temp) {
         if (typeof temp[key] === "number" && !["flex", "zIndex"].includes(key)) {
@@ -74894,7 +75288,6 @@ const _sfc_main$1G = /* @__PURE__ */ defineComponent({
       rangeActive.value = false;
       isDragging.value = false;
     };
-    let step = ref(1);
     const handleClear = () => {
       window.onmouseup = function() {
         document.onmousemove = null;
@@ -74914,92 +75307,138 @@ const _sfc_main$1G = /* @__PURE__ */ defineComponent({
       if (!props.node.styles) {
         props.node.styles = {};
       }
-      let shouldAdjustWidth = false;
-      let shouldAdjustHeight = false;
-      let adjustTop = false;
-      let invertWidthDirection = false;
-      let invertHeightDirection = false;
       rangeActive.value = true;
       handleMouseDown();
-      let startX = evt.clientX;
-      let startY = evt.clientY;
-      const parentWidth = nodeRef.value?.parentElement?.clientWidth || 1;
-      const parentHeight = nodeRef.value?.parentElement?.clientHeight || 1;
+      const parentEl = nodeRef.value?.parentElement;
+      const parentRect = parentEl?.getBoundingClientRect();
+      const nodeRect = nodeRef.value?.getBoundingClientRect();
+      const parentWidth = parentEl?.clientWidth || 1;
+      const parentHeight = parentEl?.clientHeight || 1;
+      const initialLeftEdge = (nodeRect?.left || 0) - (parentRect?.left || 0);
+      const initialTopEdge = (nodeRect?.top || 0) - (parentRect?.top || 0);
+      const initialWidthPx = nodeRect?.width || 0;
+      const initialHeightPx = nodeRect?.height || 0;
+      const initialRightEdge = initialLeftEdge + initialWidthPx;
+      const initialBottomEdge = initialTopEdge + initialHeightPx;
+      const initialLeftOffset = props.node.styles.left || 0;
+      const initialTopOffset = props.node.styles.top || 0;
+      const baselineLeft = initialLeftEdge - initialLeftOffset;
+      const baselineTop = initialTopEdge - initialTopOffset;
+      const clamp = (v, min, max) => Math.min(Math.max(v, min), max);
       document.onmousemove = (e) => {
         moveActive.value = true;
+        const pointerX = e.clientX - (parentRect?.left || 0);
+        const pointerY = e.clientY - (parentRect?.top || 0);
+        const dxLeft = pointerX - initialLeftEdge;
+        const dxRight = pointerX - initialRightEdge;
+        const dyTop = pointerY - initialTopEdge;
+        const dyBottom = pointerY - initialBottomEdge;
+        let newLeftOffset = initialLeftOffset;
+        let newTopOffset = initialTopOffset;
+        let newWidth = initialWidthPx;
+        let newHeight = initialHeightPx;
         switch (direction) {
-          case "right":
-            shouldAdjustWidth = true;
+          case "right": {
+            const targetRight = clamp(initialRightEdge + dxRight, initialLeftEdge + 1, parentWidth);
+            newWidth = Math.max(1, targetRight - initialLeftEdge);
             break;
-          case "left":
-            shouldAdjustWidth = true;
-            invertWidthDirection = true;
-            break;
-          case "top":
-            shouldAdjustHeight = true;
-            adjustTop = true;
-            invertHeightDirection = true;
+          }
+          case "left": {
+            let targetLeft = initialLeftEdge + dxLeft;
+            targetLeft = clamp(targetLeft, 0, initialRightEdge - 1);
+            newLeftOffset = targetLeft - baselineLeft;
+            newWidth = Math.max(1, initialRightEdge - targetLeft);
             break;
-          case "bottom":
-            shouldAdjustHeight = true;
+          }
+          case "bottom": {
+            const targetBottom = clamp(initialBottomEdge + dyBottom, initialTopEdge + 1, parentHeight);
+            newHeight = Math.max(1, targetBottom - initialTopEdge);
             break;
-          case "bottom-right":
-            shouldAdjustWidth = true;
-            shouldAdjustHeight = true;
+          }
+          case "top": {
+            let targetTop = initialTopEdge + dyTop;
+            targetTop = clamp(targetTop, 0, initialBottomEdge - 1);
+            newTopOffset = targetTop - baselineTop;
+            newHeight = Math.max(1, initialBottomEdge - targetTop);
             break;
-          case "bottom-left":
-            shouldAdjustWidth = true;
-            shouldAdjustHeight = true;
-            invertWidthDirection = true;
+          }
+          case "bottom-right": {
+            const targetRight = clamp(initialRightEdge + dxRight, initialLeftEdge + 1, parentWidth);
+            const targetBottom = clamp(initialBottomEdge + dyBottom, initialTopEdge + 1, parentHeight);
+            newWidth = Math.max(1, targetRight - initialLeftEdge);
+            newHeight = Math.max(1, targetBottom - initialTopEdge);
             break;
-          case "top-right":
-            shouldAdjustWidth = true;
-            shouldAdjustHeight = true;
-            adjustTop = true;
-            invertHeightDirection = true;
+          }
+          case "bottom-left": {
+            let targetLeft = initialLeftEdge + dxLeft;
+            targetLeft = clamp(targetLeft, 0, initialRightEdge - 1);
+            newLeftOffset = targetLeft - baselineLeft;
+            newWidth = Math.max(1, initialRightEdge - targetLeft);
+            const targetBottom = clamp(initialBottomEdge + dyBottom, initialTopEdge + 1, parentHeight);
+            newHeight = Math.max(1, targetBottom - initialTopEdge);
             break;
-          case "top-left":
-            shouldAdjustWidth = true;
-            shouldAdjustHeight = true;
-            invertWidthDirection = true;
-            invertHeightDirection = true;
+          }
+          case "top-right": {
+            const targetRight = clamp(initialRightEdge + dxRight, initialLeftEdge + 1, parentWidth);
+            newWidth = Math.max(1, targetRight - initialLeftEdge);
+            let targetTop = initialTopEdge + dyTop;
+            targetTop = clamp(targetTop, 0, initialBottomEdge - 1);
+            newTopOffset = targetTop - baselineTop;
+            newHeight = Math.max(1, initialBottomEdge - targetTop);
             break;
-        }
-        const deltaX = e.clientX - startX;
-        const deltaY = e.clientY - startY;
-        startX = e.clientX;
-        startY = e.clientY;
-        const sensitivity = 3.55;
-        if (props.sizeControlType === "percent") {
-          if (shouldAdjustWidth) {
-            const widthDelta = deltaX / parentWidth * 100 * step.value * sensitivity;
-            const finalWidthDelta = invertWidthDirection ? -widthDelta : widthDelta;
-            const currentWidth = nodeRef.value?.offsetWidth || 0;
-            props.node.styles.width = (parseFloat(props.node.styles.width) || 100 * currentWidth / parentWidth) + finalWidthDelta;
           }
-          if (shouldAdjustHeight) {
-            const heightDelta = deltaY / parentHeight * 100 * step.value;
-            const finalHeightDelta = invertHeightDirection ? -heightDelta : heightDelta;
-            if (adjustTop) {
-              props.node.styles.top = (props.node.styles.top || 0) - finalHeightDelta * parentHeight / 100;
-            }
-            const currentHeight = nodeRef.value?.offsetHeight || 0;
-            props.node.styles.height = (parseFloat(props.node.styles.height) || 100 * currentHeight / parentHeight) + finalHeightDelta;
+          case "top-left": {
+            let targetLeft = initialLeftEdge + dxLeft;
+            targetLeft = clamp(targetLeft, 0, initialRightEdge - 1);
+            newLeftOffset = targetLeft - baselineLeft;
+            newWidth = Math.max(1, initialRightEdge - targetLeft);
+            let targetTop = initialTopEdge + dyTop;
+            targetTop = clamp(targetTop, 0, initialBottomEdge - 1);
+            newTopOffset = targetTop - baselineTop;
+            newHeight = Math.max(1, initialBottomEdge - targetTop);
+            break;
           }
-        } else {
-          if (shouldAdjustWidth) {
-            const widthDelta = deltaX * step.value;
-            const finalWidthDelta = invertWidthDirection ? -widthDelta : widthDelta;
-            props.node.styles.width = (props.node.styles.width || 100) + finalWidthDelta;
+        }
+        const setWidth = (wPx) => {
+          if (props.sizeControlType === "percent") {
+            props.node.styles.width = wPx / parentWidth * 100;
+          } else {
+            props.node.styles.width = wPx;
           }
-          if (shouldAdjustHeight) {
-            const heightDelta = deltaY * step.value;
-            const finalHeightDelta = invertHeightDirection ? -heightDelta : heightDelta;
-            if (adjustTop) {
-              props.node.styles.top = (props.node.styles.top || 0) - finalHeightDelta;
-            }
-            props.node.styles.height = (props.node.styles.height || 50) + finalHeightDelta;
+        };
+        const setHeight = (hPx) => {
+          if (props.sizeControlType === "percent") {
+            props.node.styles.height = hPx / parentHeight * 100;
+          } else {
+            props.node.styles.height = hPx;
           }
+        };
+        if (direction === "right") {
+          setWidth(newWidth);
+        } else if (direction === "left") {
+          props.node.styles.left = newLeftOffset;
+          setWidth(newWidth);
+        } else if (direction === "bottom") {
+          setHeight(newHeight);
+        } else if (direction === "top") {
+          props.node.styles.top = newTopOffset;
+          setHeight(newHeight);
+        } else if (direction === "bottom-right") {
+          setWidth(newWidth);
+          setHeight(newHeight);
+        } else if (direction === "bottom-left") {
+          props.node.styles.left = newLeftOffset;
+          setWidth(newWidth);
+          setHeight(newHeight);
+        } else if (direction === "top-right") {
+          setWidth(newWidth);
+          props.node.styles.top = newTopOffset;
+          setHeight(newHeight);
+        } else if (direction === "top-left") {
+          props.node.styles.left = newLeftOffset;
+          setWidth(newWidth);
+          props.node.styles.top = newTopOffset;
+          setHeight(newHeight);
         }
       };
       handleClear();
@@ -75043,6 +75482,9 @@ const _sfc_main$1G = /* @__PURE__ */ defineComponent({
       e.preventDefault();
       contentMenuRef.value?.show(e);
     };
+    const recallFunction = (actionName, nodeInfo) => {
+      emits("contextAction", actionName, nodeInfo);
+    };
     onMounted(() => {
       init();
     });
@@ -75086,7 +75528,7 @@ const _sfc_main$1G = /* @__PURE__ */ defineComponent({
           createVNode(_component_ContentMenu, {
             ref_key: "contentMenuRef",
             ref: contentMenuRef,
-            "menu-data": unref(dynamicPageContextMenuData)(__props.node)
+            "menu-data": unref(dynamicPageContextMenuData)(__props.node, recallFunction)
           }, null, 8, ["menu-data"])
         ]))
       ], 64);
@@ -75096,7 +75538,7 @@ const _sfc_main$1G = /* @__PURE__ */ defineComponent({
 
 /* unplugin-vue-components disabled */
 
-const StarHorseDraggable = /* @__PURE__ */ _export_sfc(_sfc_main$1G, [["__scopeId", "data-v-1cf57554"]]);
+const StarHorseDraggable = /* @__PURE__ */ _export_sfc(_sfc_main$1G, [["__scopeId", "data-v-508d8f79"]]);
 
 const StarHorseDraggable$1 = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
   __proto__: null,
@@ -79721,10 +80163,9 @@ const _sfc_main$1w = /* @__PURE__ */ defineComponent({
       changeStyle("hidden");
     };
     const changeStyle = (type) => {
-      console.log("changeStyle", type);
       nextTick(() => {
         $(".edit-container")?.parent(".cell").css("overflow", type);
-        $("input,select,textarea").first().select().focus();
+        $(".edit-container")?.find("input,select,textarea").first().select().focus();
       });
     };
     const cellClick = (row, column) => {
@@ -79915,7 +80356,7 @@ const _sfc_main$1w = /* @__PURE__ */ defineComponent({
 
 /* unplugin-vue-components disabled */
 
-const __unplugin_components_2$1 = /* @__PURE__ */ _export_sfc(_sfc_main$1w, [["__scopeId", "data-v-09377fea"]]);
+const __unplugin_components_2$1 = /* @__PURE__ */ _export_sfc(_sfc_main$1w, [["__scopeId", "data-v-425b90e5"]]);
 
 const StarHorseTableColumn = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
   __proto__: null,
@@ -83128,7 +83569,6 @@ const insertRightCol = (props, type, allCol) => {
 };
 const insertAboveRow = (props, type) => {
   const position = props.rowIndex;
-  console.log("insertAboveRow", position);
   addRow(props, position, type);
 };
 const addRow = (props, position, type) => {
@@ -83160,7 +83600,6 @@ const addRow = (props, position, type) => {
 };
 const insertBelowRow = (props, type) => {
   const position = props.rowIndex + 1;
-  console.log("insertBelowRow", position);
   addRow(props, position, type);
 };
 const tableCellInfo = (props, type) => {
@@ -91357,6 +91796,15 @@ const _sfc_main$J = /* @__PURE__ */ defineComponent({
   setup(__props, { emit: __emit }) {
     const formData = useModel(__props, "formData");
     const init = async () => {
+      nextTick(() => {
+        const toolbarRight = document.querySelector(".md-editor-toolbar-right");
+        if (toolbarRight) {
+          const lastButton = toolbarRight.querySelector("button:last-child");
+          if (lastButton) {
+            lastButton.remove();
+          }
+        }
+      });
     };
     onMounted(() => {
       init();
@@ -91392,7 +91840,7 @@ const _sfc_main$J = /* @__PURE__ */ defineComponent({
 
 /* unplugin-vue-components disabled */
 
-const markdownItem = /* @__PURE__ */ _export_sfc(_sfc_main$J, [["__scopeId", "data-v-e8c73824"]]);
+const markdownItem = /* @__PURE__ */ _export_sfc(_sfc_main$J, [["__scopeId", "data-v-84c592d2"]]);
 
 const markdownItem$1 = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
   __proto__: null,
@@ -102872,6 +103320,61 @@ const useConsumerViewStore = defineStore(
   }
 );
 
+const useDesignPageStore = defineStore("designPage", () => {
+  const nodeList = ref([]);
+  const currentNode = ref(null);
+  const isEdit = ref(false);
+  const defaultZindex = ref(100);
+  const clearAll = () => {
+    isEdit.value = false;
+    nodeList.value = [];
+    currentNode.value = null;
+  };
+  const removeNode = (id) => {
+    nodeList.value = nodeList.value.filter((node) => {
+      return node.id != id;
+    });
+    currentNode.value = id == currentNode.value.id ? null : currentNode.value;
+  };
+  const setNodeList = (list) => {
+    nodeList.value = list;
+  };
+  const addNode = (node) => {
+    nodeList.value.push(node);
+  };
+  const selectNode = (node) => {
+    currentNode.value = node;
+  };
+  const setIsEdit = (edit) => {
+    isEdit.value = edit;
+  };
+  const maxZIndex = () => {
+    nodeList.value.sort((a, b) => {
+      if (!a.styles) {
+        a["styles"] = {};
+      }
+      return (a.styles.zIndex || defaultZindex.value) - (b.styles.zIndex || defaultZindex.value);
+    });
+    return nodeList.value[0].styles?.zIndex || defaultZindex.value;
+  };
+  const init = () => {
+  };
+  return {
+    nodeList,
+    currentNode,
+    isEdit,
+    defaultZindex,
+    setNodeList,
+    removeNode,
+    addNode,
+    selectNode,
+    clearAll,
+    setIsEdit,
+    maxZIndex,
+    init
+  };
+});
+
 const items = /* #__PURE__ */ Object.assign({"/src/components/comp/ShDynamicForm.vue": () => Promise.resolve().then(() => ShDynamicForm),"/src/components/comp/ShForm.vue": () => Promise.resolve().then(() => ShForm),"/src/components/comp/ShTableListColumn.vue": () => Promise.resolve().then(() => ShTableListColumn),"/src/components/comp/StarHorseDataSelector.vue": () => Promise.resolve().then(() => StarHorseDataSelector$1),"/src/components/comp/StarHorseDataView.vue": () => Promise.resolve().then(() => StarHorseDataView),"/src/components/comp/StarHorseDataViewItems.vue": () => Promise.resolve().then(() => StarHorseDataViewItems),"/src/components/comp/StarHorseDataViewTable.vue": () => Promise.resolve().then(() => StarHorseDataViewTable),"/src/components/comp/StarHorseDialog.vue": () => Promise.resolve().then(() => StarHorseDialog),"/src/components/comp/StarHorseDraggable.vue": () => Promise.resolve().then(() => StarHorseDraggable$1),"/src/components/comp/StarHorseForm.vue": () => Promise.resolve().then(() => StarHorseForm),"/src/components/comp/StarHorseFormItem.vue": () => Promise.resolve().then(() => StarHorseFormItem),"/src/components/comp/StarHorseFormList.vue": () => Promise.resolve().then(() => StarHorseFormList),"/src/components/comp/StarHorseFormTable.vue": () => Promise.resolve().then(() => StarHorseFormTable),"/src/components/comp/StarHorseIcon.vue": () => Promise.resolve().then(() => StarHorseIcon),"/src/components/comp/StarHorseItem.vue": () => Promise.resolve().then(() => StarHorseItem),"/src/components/comp/StarHorseJsonEditor.vue": () => Promise.resolve().then(() => StarHorseJsonEditor),"/src/components/comp/StarHorsePopover.vue": () => Promise.resolve().then(() => StarHorsePopover),"/src/components/comp/StarHorseSearchComp.vue": () => Promise.resolve().then(() => StarHorseSearchComp),"/src/components/comp/StarHorseStaticTable.vue": () => Promise.resolve().then(() => StarHorseStaticTable$1),"/src/components/comp/StarHorseTableColumn.vue": () => Promise.resolve().then(() => StarHorseTableColumn),"/src/components/comp/StarHorseTableComp.vue": () => Promise.resolve().then(() => StarHorseTableComp),"/src/components/comp/StarHorseTableViewColumn.vue": () => Promise.resolve().then(() => StarHorseTableViewColumn),"/src/components/comp/StarHorseTree.vue": () => Promise.resolve().then(() => StarHorseTree$1),"/src/components/comp/items/UTableColumn.vue": () => Promise.resolve().then(() => UTableColumn),"/src/components/comp/items/boxItem.vue": () => Promise.resolve().then(() => boxItem),"/src/components/comp/items/cardItem.vue": () => Promise.resolve().then(() => cardItem$1),"/src/components/comp/items/collapseItem.vue": () => Promise.resolve().then(() => collapseItem$1),"/src/components/comp/items/dytableItem.vue": () => Promise.resolve().then(() => dytableItem$1),"/src/components/comp/items/otherItem.vue": () => Promise.resolve().then(() => otherItem),"/src/components/comp/items/splitterItem.vue": () => Promise.resolve().then(() => splitterItem$1),"/src/components/comp/items/tabItem.vue": () => Promise.resolve().then(() => tabItem$1),"/src/components/comp/items/tabPanelItem.vue": () => Promise.resolve().then(() => tabPanelItem),"/src/components/comp/items/tableColumn.vue": () => Promise.resolve().then(() => tableColumn),"/src/components/comp/items/tableItem.vue": () => Promise.resolve().then(() => tableItem),"/src/components/comp/items/tablebtn.vue": () => Promise.resolve().then(() => tablebtn),"/src/components/comp/items/viewBoxItem.vue": () => Promise.resolve().then(() => viewBoxItem),"/src/components/comp/items/viewCardItem.vue": () => Promise.resolve().then(() => viewCardItem$1),"/src/components/comp/items/viewCollapseItem.vue": () => Promise.resolve().then(() => viewCollapseItem$1),"/src/components/comp/items/viewDytableItem.vue": () => Promise.resolve().then(() => viewDytableItem$1),"/src/components/comp/items/viewOtherItem.vue": () => Promise.resolve().then(() => viewOtherItem),"/src/components/comp/items/viewSplitterItem.vue": () => Promise.resolve().then(() => viewSplitterItem$1),"/src/components/comp/items/viewTabItem.vue": () => Promise.resolve().then(() => viewTabItem$1),"/src/components/comp/items/viewTabPanelItem.vue": () => Promise.resolve().then(() => viewTabPanelItem),"/src/components/comp/items/viewTableItem.vue": () => Promise.resolve().then(() => viewTableItem),"/src/components/formcomp/container/box-col.vue": () => Promise.resolve().then(() => boxCol),"/src/components/formcomp/container/box-container.vue": () => Promise.resolve().then(() => boxContainer),"/src/components/formcomp/container/card-container.vue": () => Promise.resolve().then(() => cardContainer),"/src/components/formcomp/container/collapse-container.vue": () => Promise.resolve().then(() => collapseContainer$1),"/src/components/formcomp/container/dytable-col.vue": () => Promise.resolve().then(() => dytableCol),"/src/components/formcomp/container/dytable-container.vue": () => Promise.resolve().then(() => dytableContainer$1),"/src/components/formcomp/container/group-container.vue": () => Promise.resolve().then(() => groupContainer),"/src/components/formcomp/container/splitter-container.vue": () => Promise.resolve().then(() => splitterContainer$1),"/src/components/formcomp/container/tab-container.vue": () => Promise.resolve().then(() => tabContainer),"/src/components/formcomp/container/table-container.vue": () => Promise.resolve().then(() => tableContainer$1),"/src/components/formcomp/items/area-item.vue": () => Promise.resolve().then(() => areaItem$1),"/src/components/formcomp/items/audio-item.vue": () => Promise.resolve().then(() => audioItem),"/src/components/formcomp/items/autocomplete-item.vue": () => Promise.resolve().then(() => autocompleteItem),"/src/components/formcomp/items/barcode-item.vue": () => Promise.resolve().then(() => barcodeItem),"/src/components/formcomp/items/base-json-item.vue": () => Promise.resolve().then(() => baseJsonItem),"/src/components/formcomp/items/button-item.vue": () => Promise.resolve().then(() => buttonItem$1),"/src/components/formcomp/items/cascade-item.vue": () => Promise.resolve().then(() => cascadeItem$1),"/src/components/formcomp/items/checkbox-item.vue": () => Promise.resolve().then(() => checkboxItem),"/src/components/formcomp/items/color-item.vue": () => Promise.resolve().then(() => colorItem),"/src/components/formcomp/items/cron-item.vue": () => Promise.resolve().then(() => cronItem),"/src/components/formcomp/items/datapicker-item.vue": () => Promise.resolve().then(() => datapickerItem),"/src/components/formcomp/items/datetime-item.vue": () => Promise.resolve().then(() => datetimeItem$1),"/src/components/formcomp/items/depart-item.vue": () => Promise.resolve().then(() => departItem),"/src/components/formcomp/items/dialog-input-item.vue": () => Promise.resolve().then(() => dialogInputItem$1),"/src/components/formcomp/items/divider-item.vue": () => Promise.resolve().then(() => dividerItem),"/src/components/formcomp/items/html-item.vue": () => Promise.resolve().then(() => htmlItem$1),"/src/components/formcomp/items/htmleditor-item.vue": () => Promise.resolve().then(() => htmleditorItem),"/src/components/formcomp/items/icon-item.vue": () => Promise.resolve().then(() => iconItem$1),"/src/components/formcomp/items/image-item.vue": () => Promise.resolve().then(() => imageItem$1),"/src/components/formcomp/items/input-item.vue": () => Promise.resolve().then(() => inputItem$1),"/src/components/formcomp/items/json-array-item.vue": () => Promise.resolve().then(() => jsonArrayItem),"/src/components/formcomp/items/json-item.vue": () => Promise.resolve().then(() => jsonItem),"/src/components/formcomp/items/markdown-item.vue": () => Promise.resolve().then(() => markdownItem$1),"/src/components/formcomp/items/number-item.vue": () => Promise.resolve().then(() => numberItem$1),"/src/components/formcomp/items/number-range-item.vue": () => Promise.resolve().then(() => numberRangeItem$1),"/src/components/formcomp/items/page-select-item.vue": () => Promise.resolve().then(() => pageSelectItem$1),"/src/components/formcomp/items/password-item.vue": () => Promise.resolve().then(() => passwordItem),"/src/components/formcomp/items/qrcode-item.vue": () => Promise.resolve().then(() => qrcodeItem),"/src/components/formcomp/items/radio-item.vue": () => Promise.resolve().then(() => radioItem),"/src/components/formcomp/items/rate-item.vue": () => Promise.resolve().then(() => rateItem),"/src/components/formcomp/items/select-item.vue": () => Promise.resolve().then(() => selectItem$1),"/src/components/formcomp/items/signature-item.vue": () => Promise.resolve().then(() => signatureItem$1),"/src/components/formcomp/items/slider-item.vue": () => Promise.resolve().then(() => sliderItem),"/src/components/formcomp/items/starhorse-form-item.vue": () => Promise.resolve().then(() => starhorseFormItem),"/src/components/formcomp/items/switch-item.vue": () => Promise.resolve().then(() => switchItem),"/src/components/formcomp/items/tag-item.vue": () => Promise.resolve().then(() => tagItem),"/src/components/formcomp/items/text-item.vue": () => Promise.resolve().then(() => textItem),"/src/components/formcomp/items/textarea-item.vue": () => Promise.resolve().then(() => textareaItem),"/src/components/formcomp/items/time-item.vue": () => Promise.resolve().then(() => timeItem$1),"/src/components/formcomp/items/time-picker-item.vue": () => Promise.resolve().then(() => timePickerItem$1),"/src/components/formcomp/items/transfer-item.vue": () => Promise.resolve().then(() => transferItem),"/src/components/formcomp/items/tselect-item.vue": () => Promise.resolve().then(() => tselectItem),"/src/components/formcomp/items/unknown-item.vue": () => Promise.resolve().then(() => unknownItem),"/src/components/formcomp/items/upload-item.vue": () => Promise.resolve().then(() => uploadItem$1),"/src/components/formcomp/items/user-item.vue": () => Promise.resolve().then(() => userItem),"/src/components/formcomp/items/usercomp-item.vue": () => Promise.resolve().then(() => usercompItem),"/src/components/formcomp/items/view-markdown-item.vue": () => Promise.resolve().then(() => viewMarkdownItem$1),"/src/components/system/ContentMenu.vue": () => Promise.resolve().then(() => ContentMenu),"/src/components/system/StarHorseButtonList.vue": () => Promise.resolve().then(() => StarHorseButtonList),"/src/components/system/StarHorseMenu.vue": () => Promise.resolve().then(() => StarHorseMenu$1),"/src/components/system/StarHorseSvg.vue": () => Promise.resolve().then(() => StarHorseSvg$1)