@voicenter-team/voicenter-ui-plus 2.0.4 → 2.0.5

package/library/core/{entry-9waO-ii2.mjs → entry-CUnU_LTf.mjs}

@@ -10,7 +10,7 @@ var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot
 var __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "write to private field"), setter ? setter.call(obj, value) : member.set(obj, value), value);
 var __privateMethod = (obj, member, method4) => (__accessCheck(obj, member, "access private method"), method4);
 var _watchers, _value, _emit, _meta, _container, _clock, _injectedSlices, _consumedSlices, _recordedTimers, _waitTimers, _getSlice, _getTimer, _container2, _clock2, _meta2, _inspector, _promise, _listener, _eventUniqId, _status, _removeListener, _waitTimeout, _container3, _ctx2, _ctx3, _keymap, _enableInspector, _status2, _configureList, _onStatusChange, _container4, _clock3, _usrPluginStore, _sysPluginStore, _ctx4, _loadInternal, _prepare, _cleanup, _cleanupInternal, _setStatus, _loadPluginInStore, _ctx5, _createSelection, _activeSelection, _active, _activeDOMRect, _dragging, _BlockService_instances, filterNodes_get, view_get, _notify, _hide2, _show2, _handleMouseDown, _handleMouseUp, _handleDragStart, _mousemoveCallback, _dragEnd, _element, _ctx6, _service, _activeNode, _root2, _initialized, _middleware, _floatingUIOptions, _getOffset, _getPosition, _getPlacement, _BlockProvider_instances, init_fn, _initialized2, _middleware2, _floatingUIOptions2, _root3, _debounce, _trigger, _shouldShow2, _updater, _offset, _onUpdate, _SlashProvider_instances, _shouldShow_fn, _debounce2, _shouldShow3, _middleware3, _floatingUIOptions3, _root4, _initialized3, _offset2, _shift, _updater2, _onUpdate2, _TooltipProvider_instances, _shouldShow_fn2;
-import { ref, defineComponent, computed, createElementBlock, openBlock, normalizeClass, createElementVNode, createCommentVNode, renderSlot, toDisplayString, getCurrentInstance, inject, unref, watch, getCurrentScope, onScopeDispose, shallowRef, watchEffect, readonly, isRef, reactive, customRef, onMounted, nextTick, warn, mergeProps, toRef, onUnmounted, useAttrs as useAttrs$1, useSlots, normalizeStyle, Fragment as Fragment$1, createBlock, withCtx, resolveDynamicComponent, withModifiers, onBeforeUnmount, Transition, withDirectives, vShow, createVNode, provide, onActivated, onUpdated, cloneVNode, Comment, Text as Text$3, Teleport as Teleport$1, onBeforeMount, onDeactivated, withKeys, createSlots, renderList, createTextVNode, isVNode, toRaw, vModelCheckbox, toRefs, vModelRadio, toHandlers, resolveComponent, normalizeProps, guardReactiveProps, TransitionGroup, resolveDirective, toHandlerKey, vModelText, h as h$2, mergeModels, useModel, useCssVars, createStaticVNode, markRaw, createApp } from "vue";
+import { ref, defineComponent, computed, createElementBlock, openBlock, normalizeClass, createElementVNode, createCommentVNode, renderSlot, toDisplayString, getCurrentInstance, inject, unref, watch, getCurrentScope, onScopeDispose, shallowRef, watchEffect, readonly, isRef, reactive, customRef, onMounted, nextTick, warn, mergeProps, toRef, onUnmounted, useAttrs as useAttrs$1, useSlots, normalizeStyle, Fragment as Fragment$1, createBlock, withCtx, resolveDynamicComponent, withModifiers, onBeforeUnmount, Transition, withDirectives, vShow, createVNode, provide, onActivated, onUpdated, cloneVNode, Comment, Text as Text$3, Teleport as Teleport$1, onBeforeMount, onDeactivated, withKeys, createSlots, renderList, createTextVNode, isVNode, toRaw, vModelCheckbox, toRefs, vModelRadio, onBeforeUpdate, toHandlers, resolveComponent, normalizeProps, guardReactiveProps, TransitionGroup, resolveDirective, toHandlerKey, vModelText, h as h$2, mergeModels, useModel, useCssVars, createStaticVNode, markRaw, createApp } from "vue";
 const blue = {
   "card-shadow-color": "#E0E2E5",
   "card-bg-color": "#fff",
@@ -529,7 +529,7 @@ const DEFAULT_SIZE$a = "middle";
 const DEFAULT_TYPE$3 = "default";
 const DEFAULT_COLOR$a = "primary";
 const DEFAULT_LOAD_ICON$1 = "vc-icon-load";
-const _sfc_main$2T = /* @__PURE__ */ defineComponent({
+const _sfc_main$2W = /* @__PURE__ */ defineComponent({
   __name: "VcButton",
   props: {
     disabled: { type: Boolean, default: false },
@@ -615,7 +615,7 @@ const CLASS_FILLED_COLOR = "filled-";
 const CLASS_HOVERLESS = "vc-button-icon-type--hoverless";
 const CLASS_FOR_TYPE = "vc-button-icon-type--";
 const CLASS_FOR_COLOR$4 = "vc-button-icon-color--";
-const _sfc_main$2S = /* @__PURE__ */ defineComponent({
+const _sfc_main$2V = /* @__PURE__ */ defineComponent({
   __name: "VcButtonIcon",
   props: {
     type: { default: DEFAULT_TYPE$2 },
@@ -691,11 +691,11 @@ const _export_sfc$1 = (sfc, props) => {
   }
   return target;
 };
-const VcButtonIcon = /* @__PURE__ */ _export_sfc$1(_sfc_main$2S, [["__scopeId", "data-v-8c261120"]]);
+const VcButtonIcon = /* @__PURE__ */ _export_sfc$1(_sfc_main$2V, [["__scopeId", "data-v-8c261120"]]);
 const _hoisted_1$1e = ["tabindex", "disabled", "aria-pressed", "data-p-checked", "data-p-disabled", "data-test"];
 const _hoisted_2$T = { class: "vc-toggle-button__content" };
 const _hoisted_3$J = { class: "vc-toggle-button__label" };
-const _sfc_main$2R = /* @__PURE__ */ defineComponent({
+const _sfc_main$2U = /* @__PURE__ */ defineComponent({
   __name: "VcToggleButton",
   props: {
     modelValue: { type: Boolean, default: void 0 },
@@ -996,8 +996,8 @@ function isFunction$6(value) {
 }
 var coreJsData$2 = root$b["__core-js_shared__"];
 var maskSrcKey$1 = function() {
-  var uid = /[^.]+$/.exec(coreJsData$2 && coreJsData$2.keys && coreJsData$2.keys.IE_PROTO || "");
-  return uid ? "Symbol(src)_1." + uid : "";
+  var uid2 = /[^.]+$/.exec(coreJsData$2 && coreJsData$2.keys && coreJsData$2.keys.IE_PROTO || "");
+  return uid2 ? "Symbol(src)_1." + uid2 : "";
 }();
 function isMasked$2(func) {
   return !!maskSrcKey$1 && maskSrcKey$1 in func;
@@ -1619,8 +1619,10 @@ function baseFlatten$2(array4, depth, predicate, isStrict, result2) {
   result2 || (result2 = []);
   while (++index2 < length) {
     var value = array4[index2];
-    if (predicate(value)) {
-      {
+    if (depth > 0 && predicate(value)) {
+      if (depth > 1) {
+        baseFlatten$2(value, depth - 1, predicate, isStrict, result2);
+      } else {
         arrayPush$5(result2, value);
       }
     } else {
@@ -1631,7 +1633,7 @@ function baseFlatten$2(array4, depth, predicate, isStrict, result2) {
 }
 function flatten$1(array4) {
   var length = array4 == null ? 0 : array4.length;
-  return length ? baseFlatten$2(array4) : [];
+  return length ? baseFlatten$2(array4, 1) : [];
 }
 function flatRest(func) {
   return setToString$2(overRest$2(func, void 0, flatten$1), func + "");
@@ -1765,6 +1767,9 @@ function baseGetAllKeys$3(object4, keysFunc, symbolsFunc) {
 function getAllKeys$3(object4) {
   return baseGetAllKeys$3(object4, keys$7, getSymbols$4);
 }
+function getAllKeysIn$2(object4) {
+  return baseGetAllKeys$3(object4, keysIn$6, getSymbolsIn$3);
+}
 var DataView$2 = getNative$8(root$b, "DataView");
 var Promise$3 = getNative$8(root$b, "Promise");
 var Set$4 = getNative$8(root$b, "Set");
@@ -1809,7 +1814,7 @@ function cloneArrayBuffer$4(arrayBuffer) {
   return result2;
 }
 function cloneDataView$2(dataView, isDeep) {
-  var buffer2 = dataView.buffer;
+  var buffer2 = isDeep ? cloneArrayBuffer$4(dataView.buffer) : dataView.buffer;
   return new dataView.constructor(buffer2, dataView.byteOffset, dataView.byteLength);
 }
 var reFlags$1 = /\w*$/;
@@ -1837,7 +1842,7 @@ function initCloneByTag$2(object4, tag, isDeep) {
     case dateTag$6:
       return new Ctor(+object4);
     case dataViewTag$7:
-      return cloneDataView$2(object4);
+      return cloneDataView$2(object4, isDeep);
     case float32Tag$4:
     case float64Tag$4:
     case int8Tag$4:
@@ -1876,14 +1881,14 @@ function baseIsSet$2(value) {
 }
 var nodeIsSet$1 = nodeUtil$3 && nodeUtil$3.isSet;
 var isSet$2 = nodeIsSet$1 ? baseUnary$5(nodeIsSet$1) : baseIsSet$2;
-var CLONE_DEEP_FLAG$2 = 1, CLONE_FLAT_FLAG$1 = 2;
+var CLONE_DEEP_FLAG$3 = 1, CLONE_FLAT_FLAG$1 = 2, CLONE_SYMBOLS_FLAG$4 = 4;
 var argsTag$5 = "[object Arguments]", arrayTag$4 = "[object Array]", boolTag$5 = "[object Boolean]", dateTag$5 = "[object Date]", errorTag$4 = "[object Error]", funcTag$3 = "[object Function]", genTag$2 = "[object GeneratorFunction]", mapTag$7 = "[object Map]", numberTag$5 = "[object Number]", objectTag$6 = "[object Object]", regexpTag$5 = "[object RegExp]", setTag$7 = "[object Set]", stringTag$5 = "[object String]", symbolTag$5 = "[object Symbol]", weakMapTag$3 = "[object WeakMap]";
 var arrayBufferTag$5 = "[object ArrayBuffer]", dataViewTag$6 = "[object DataView]", float32Tag$3 = "[object Float32Array]", float64Tag$3 = "[object Float64Array]", int8Tag$3 = "[object Int8Array]", int16Tag$3 = "[object Int16Array]", int32Tag$3 = "[object Int32Array]", uint8Tag$3 = "[object Uint8Array]", uint8ClampedTag$3 = "[object Uint8ClampedArray]", uint16Tag$3 = "[object Uint16Array]", uint32Tag$3 = "[object Uint32Array]";
 var cloneableTags$1 = {};
 cloneableTags$1[argsTag$5] = cloneableTags$1[arrayTag$4] = cloneableTags$1[arrayBufferTag$5] = cloneableTags$1[dataViewTag$6] = cloneableTags$1[boolTag$5] = cloneableTags$1[dateTag$5] = cloneableTags$1[float32Tag$3] = cloneableTags$1[float64Tag$3] = cloneableTags$1[int8Tag$3] = cloneableTags$1[int16Tag$3] = cloneableTags$1[int32Tag$3] = cloneableTags$1[mapTag$7] = cloneableTags$1[numberTag$5] = cloneableTags$1[objectTag$6] = cloneableTags$1[regexpTag$5] = cloneableTags$1[setTag$7] = cloneableTags$1[stringTag$5] = cloneableTags$1[symbolTag$5] = cloneableTags$1[uint8Tag$3] = cloneableTags$1[uint8ClampedTag$3] = cloneableTags$1[uint16Tag$3] = cloneableTags$1[uint32Tag$3] = true;
 cloneableTags$1[errorTag$4] = cloneableTags$1[funcTag$3] = cloneableTags$1[weakMapTag$3] = false;
 function baseClone$2(value, bitmask, customizer, key2, object4, stack) {
-  var result2, isDeep = bitmask & CLONE_DEEP_FLAG$2, isFlat = bitmask & CLONE_FLAT_FLAG$1;
+  var result2, isDeep = bitmask & CLONE_DEEP_FLAG$3, isFlat = bitmask & CLONE_FLAT_FLAG$1, isFull = bitmask & CLONE_SYMBOLS_FLAG$4;
   if (result2 !== void 0) {
     return result2;
   }
@@ -1893,7 +1898,7 @@ function baseClone$2(value, bitmask, customizer, key2, object4, stack) {
   var isArr = isArray$b(value);
   if (isArr) {
     result2 = initCloneArray$2(value);
-    {
+    if (!isDeep) {
       return copyArray$3(value, result2);
     }
   } else {
@@ -1902,8 +1907,8 @@ function baseClone$2(value, bitmask, customizer, key2, object4, stack) {
       return cloneBuffer$2(value, isDeep);
     }
     if (tag == objectTag$6 || tag == argsTag$5 || isFunc && !object4) {
-      result2 = isFunc ? {} : initCloneObject$3(value);
-      {
+      result2 = isFlat || isFunc ? {} : initCloneObject$3(value);
+      if (!isDeep) {
         return isFlat ? copySymbolsIn$2(value, baseAssignIn$2(result2, value)) : copySymbols$2(value, baseAssign$2(result2, value));
       }
     } else {
@@ -1928,7 +1933,7 @@ function baseClone$2(value, bitmask, customizer, key2, object4, stack) {
       result2.set(key3, baseClone$2(subValue, bitmask, customizer, key3, value, stack));
     });
   }
-  var keysFunc = getAllKeys$3;
+  var keysFunc = isFull ? isFlat ? getAllKeysIn$2 : getAllKeys$3 : isFlat ? keysIn$6 : keys$7;
   var props = isArr ? void 0 : keysFunc(value);
   arrayEach$2(props || value, function(subValue, key3) {
     if (props) {
@@ -1939,9 +1944,13 @@ function baseClone$2(value, bitmask, customizer, key2, object4, stack) {
   });
   return result2;
 }
-var CLONE_SYMBOLS_FLAG$2 = 4;
+var CLONE_SYMBOLS_FLAG$3 = 4;
 function clone$1(value) {
-  return baseClone$2(value, CLONE_SYMBOLS_FLAG$2);
+  return baseClone$2(value, CLONE_SYMBOLS_FLAG$3);
+}
+var CLONE_DEEP_FLAG$2 = 1, CLONE_SYMBOLS_FLAG$2 = 4;
+function cloneDeep$2(value) {
+  return baseClone$2(value, CLONE_DEEP_FLAG$2 | CLONE_SYMBOLS_FLAG$2);
 }
 var HASH_UNDEFINED$3 = "__lodash_hash_undefined__";
 function setCacheAdd$2(value) {
@@ -2486,6 +2495,11 @@ function findLastIndex(array4, predicate, fromIndex) {
   var index2 = length - 1;
   return baseFindIndex$2(array4, baseIteratee(predicate), index2);
 }
+var INFINITY$1 = 1 / 0;
+function flattenDeep(array4) {
+  var length = array4 == null ? 0 : array4.length;
+  return length ? baseFlatten$2(array4, INFINITY$1) : [];
+}
 function fromPairs(pairs) {
   var index2 = -1, length = pairs == null ? 0 : pairs.length, result2 = {};
   while (++index2 < length) {
@@ -3493,12 +3507,12 @@ const iconProps = buildProps({
     type: String
   }
 });
-const __default__$C = defineComponent({
+const __default__$F = defineComponent({
   name: "ElIcon",
   inheritAttrs: false
 });
-const _sfc_main$2Q = /* @__PURE__ */ defineComponent({
-  ...__default__$C,
+const _sfc_main$2T = /* @__PURE__ */ defineComponent({
+  ...__default__$F,
   props: iconProps,
   setup(__props) {
     const props = __props;
@@ -3522,7 +3536,7 @@ const _sfc_main$2Q = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Icon$7 = /* @__PURE__ */ _export_sfc(_sfc_main$2Q, [["__file", "icon.vue"]]);
+var Icon$7 = /* @__PURE__ */ _export_sfc(_sfc_main$2T, [["__file", "icon.vue"]]);
 const ElIcon = withInstall(Icon$7);
 function useTimeout() {
   let timeoutHandle;
@@ -3682,6 +3696,22 @@ var caret_right_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ de
   }
 });
 var caret_right_default = caret_right_vue_vue_type_script_setup_true_lang_default;
+var check_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+  name: "Check",
+  __name: "check",
+  setup(__props) {
+    return (_ctx7, _cache) => (openBlock(), createElementBlock("svg", {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 1024 1024"
+    }, [
+      createElementVNode("path", {
+        fill: "currentColor",
+        d: "M406.656 706.944 195.84 496.256a32 32 0 1 0-45.248 45.248l256 256 512-512a32 32 0 0 0-45.248-45.248L406.592 706.944z"
+      })
+    ]));
+  }
+});
+var check_default = check_vue_vue_type_script_setup_true_lang_default;
 var circle_check_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
   name: "CircleCheck",
   __name: "circle-check",
@@ -4245,6 +4275,15 @@ const isFocusable = (element2) => {
     }
   }
 };
+const isLeaf = (el) => !el.getAttribute("aria-owns");
+const getSibling = (el, distance, elClass) => {
+  const { parentNode: parentNode2 } = el;
+  if (!parentNode2)
+    return null;
+  const siblings = parentNode2.querySelectorAll(elClass);
+  const index2 = Array.prototype.indexOf.call(siblings, el);
+  return siblings[index2 + distance] || null;
+};
 const focusElement = (el, options) => {
   if (!el || !el.focus)
     return;
@@ -4258,6 +4297,12 @@ const focusElement = (el, options) => {
     el.removeAttribute("tabindex");
   }
 };
+const focusNode = (el) => {
+  if (!el)
+    return;
+  focusElement(el);
+  !isLeaf(el) && el.click();
+};
 function useFocusController(target, {
   disabled,
   beforeFocus,
@@ -4388,12 +4433,12 @@ function useCursor(input) {
   return [recordCursor, setCursor];
 }
 const COMPONENT_NAME$9 = "ElInput";
-const __default__$B = defineComponent({
+const __default__$E = defineComponent({
   name: COMPONENT_NAME$9,
   inheritAttrs: false
 });
-const _sfc_main$2P = /* @__PURE__ */ defineComponent({
-  ...__default__$B,
+const _sfc_main$2S = /* @__PURE__ */ defineComponent({
+  ...__default__$E,
   props: inputProps,
   emits: inputEmits,
   setup(__props, { expose, emit }) {
@@ -4802,7 +4847,7 @@ const _sfc_main$2P = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Input = /* @__PURE__ */ _export_sfc(_sfc_main$2P, [["__file", "input.vue"]]);
+var Input = /* @__PURE__ */ _export_sfc(_sfc_main$2S, [["__file", "input.vue"]]);
 const ElInput = withInstall(Input);
 const GAP = 4;
 const BAR_MAP = {
@@ -4847,7 +4892,7 @@ const thumbProps = buildProps({
   always: Boolean
 });
 const COMPONENT_NAME$8 = "Thumb";
-const _sfc_main$2O = /* @__PURE__ */ defineComponent({
+const _sfc_main$2R = /* @__PURE__ */ defineComponent({
   __name: "thumb",
   props: thumbProps,
   setup(__props) {
@@ -4976,7 +5021,7 @@ const _sfc_main$2O = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Thumb = /* @__PURE__ */ _export_sfc(_sfc_main$2O, [["__file", "thumb.vue"]]);
+var Thumb = /* @__PURE__ */ _export_sfc(_sfc_main$2R, [["__file", "thumb.vue"]]);
 const barProps = buildProps({
   always: {
     type: Boolean,
@@ -4987,7 +5032,7 @@ const barProps = buildProps({
     required: true
   }
 });
-const _sfc_main$2N = /* @__PURE__ */ defineComponent({
+const _sfc_main$2Q = /* @__PURE__ */ defineComponent({
   __name: "bar",
   props: barProps,
   setup(__props, { expose }) {
@@ -5045,7 +5090,7 @@ const _sfc_main$2N = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Bar = /* @__PURE__ */ _export_sfc(_sfc_main$2N, [["__file", "bar.vue"]]);
+var Bar = /* @__PURE__ */ _export_sfc(_sfc_main$2Q, [["__file", "bar.vue"]]);
 const scrollbarProps = buildProps({
   distance: {
     type: Number,
@@ -5102,11 +5147,11 @@ const scrollbarEmits = {
   }) => [scrollTop, scrollLeft].every(isNumber)
 };
 const COMPONENT_NAME$7 = "ElScrollbar";
-const __default__$A = defineComponent({
+const __default__$D = defineComponent({
   name: COMPONENT_NAME$7
 });
-const _sfc_main$2M = /* @__PURE__ */ defineComponent({
-  ...__default__$A,
+const _sfc_main$2P = /* @__PURE__ */ defineComponent({
+  ...__default__$D,
   props: scrollbarProps,
   emits: scrollbarEmits,
   setup(__props, { expose, emit }) {
@@ -5314,7 +5359,7 @@ const _sfc_main$2M = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Scrollbar = /* @__PURE__ */ _export_sfc(_sfc_main$2M, [["__file", "scrollbar.vue"]]);
+var Scrollbar = /* @__PURE__ */ _export_sfc(_sfc_main$2P, [["__file", "scrollbar.vue"]]);
 const ElScrollbar = withInstall(Scrollbar);
 const POPPER_INJECTION_KEY = Symbol("popper");
 const POPPER_CONTENT_INJECTION_KEY = Symbol("popperContent");
@@ -5335,12 +5380,12 @@ const popperProps = buildProps({
     default: "tooltip"
   }
 });
-const __default__$z = defineComponent({
+const __default__$C = defineComponent({
   name: "ElPopper",
   inheritAttrs: false
 });
-const _sfc_main$2L = /* @__PURE__ */ defineComponent({
-  ...__default__$z,
+const _sfc_main$2O = /* @__PURE__ */ defineComponent({
+  ...__default__$C,
   props: popperProps,
   setup(__props, { expose }) {
     const props = __props;
@@ -5363,13 +5408,13 @@ const _sfc_main$2L = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Popper = /* @__PURE__ */ _export_sfc(_sfc_main$2L, [["__file", "popper.vue"]]);
-const __default__$y = defineComponent({
+var Popper = /* @__PURE__ */ _export_sfc(_sfc_main$2O, [["__file", "popper.vue"]]);
+const __default__$B = defineComponent({
   name: "ElPopperArrow",
   inheritAttrs: false
 });
-const _sfc_main$2K = /* @__PURE__ */ defineComponent({
-  ...__default__$y,
+const _sfc_main$2N = /* @__PURE__ */ defineComponent({
+  ...__default__$B,
   setup(__props, { expose }) {
     const ns = useNamespace("popper");
     const { arrowRef, arrowStyle } = inject(POPPER_CONTENT_INJECTION_KEY, void 0);
@@ -5390,7 +5435,7 @@ const _sfc_main$2K = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var ElPopperArrow = /* @__PURE__ */ _export_sfc(_sfc_main$2K, [["__file", "arrow.vue"]]);
+var ElPopperArrow = /* @__PURE__ */ _export_sfc(_sfc_main$2N, [["__file", "arrow.vue"]]);
 const popperTriggerProps = buildProps({
   virtualRef: {
     type: definePropType(Object)
@@ -5494,12 +5539,12 @@ function wrapTextContent(s2) {
     "class": ns.e("content")
   }, [s2]);
 }
-const __default__$x = defineComponent({
+const __default__$A = defineComponent({
   name: "ElPopperTrigger",
   inheritAttrs: false
 });
-const _sfc_main$2J = /* @__PURE__ */ defineComponent({
-  ...__default__$x,
+const _sfc_main$2M = /* @__PURE__ */ defineComponent({
+  ...__default__$A,
   props: popperTriggerProps,
   setup(__props, { expose }) {
     const props = __props;
@@ -5610,7 +5655,7 @@ const _sfc_main$2J = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var ElPopperTrigger = /* @__PURE__ */ _export_sfc(_sfc_main$2J, [["__file", "trigger.vue"]]);
+var ElPopperTrigger = /* @__PURE__ */ _export_sfc(_sfc_main$2M, [["__file", "trigger.vue"]]);
 const FOCUS_AFTER_TRAPPED = "focus-trap.focus-after-trapped";
 const FOCUS_AFTER_RELEASED = "focus-trap.focus-after-released";
 const FOCUSOUT_PREVENTED = "focus-trap.focusout-prevented";
@@ -5795,7 +5840,7 @@ const useEscapeKeydown = (handler2) => {
     }
   });
 };
-const _sfc_main$2I = defineComponent({
+const _sfc_main$2L = defineComponent({
   name: "ElFocusTrap",
   inheritAttrs: false,
   props: {
@@ -6042,7 +6087,7 @@ const _sfc_main$2I = defineComponent({
 function _sfc_render$i(_ctx7, _cache, $props, $setup, $data, $options) {
   return renderSlot(_ctx7.$slots, "default", { handleKeydown: _ctx7.onKeydown });
 }
-var ElFocusTrap = /* @__PURE__ */ _export_sfc(_sfc_main$2I, [["render", _sfc_render$i], ["__file", "focus-trap.vue"]]);
+var ElFocusTrap = /* @__PURE__ */ _export_sfc(_sfc_main$2L, [["render", _sfc_render$i], ["__file", "focus-trap.vue"]]);
 var E$1 = "top", R = "bottom", W = "right", P$1 = "left", me = "auto", G$1 = [E$1, R, W, P$1], U = "start", J$1 = "end", Xe = "clippingParents", je = "viewport", K = "popper", Ye = "reference", De = G$1.reduce(function(t2, e3) {
   return t2.concat([e3 + "-" + U, e3 + "-" + J$1]);
 }, []), Ee = [].concat(G$1, [me]).reduce(function(t2, e3) {
@@ -6951,11 +6996,11 @@ const usePopperContentDOM = (props, {
     updateZIndex
   };
 };
-const __default__$w = defineComponent({
+const __default__$z = defineComponent({
   name: "ElPopperContent"
 });
-const _sfc_main$2H = /* @__PURE__ */ defineComponent({
-  ...__default__$w,
+const _sfc_main$2K = /* @__PURE__ */ defineComponent({
+  ...__default__$z,
   props: popperContentProps,
   emits: popperContentEmits,
   setup(__props, { expose, emit }) {
@@ -7069,7 +7114,7 @@ const _sfc_main$2H = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var ElPopperContent = /* @__PURE__ */ _export_sfc(_sfc_main$2H, [["__file", "content.vue"]]);
+var ElPopperContent = /* @__PURE__ */ _export_sfc(_sfc_main$2K, [["__file", "content.vue"]]);
 const ElPopper = withInstall(Popper);
 const TOOLTIP_INJECTION_KEY = Symbol("elTooltip");
 const teleportProps = buildProps({
@@ -7286,11 +7331,11 @@ const composeEventHandlers = (theirsHandler, oursHandler, { checkForDefaultPreve
 const whenMouse = (handler2) => {
   return (e3) => e3.pointerType === "mouse" ? handler2(e3) : void 0;
 };
-const __default__$v = defineComponent({
+const __default__$y = defineComponent({
   name: "ElTooltipTrigger"
 });
-const _sfc_main$2G = /* @__PURE__ */ defineComponent({
-  ...__default__$v,
+const _sfc_main$2J = /* @__PURE__ */ defineComponent({
+  ...__default__$y,
   props: useTooltipTriggerProps,
   setup(__props, { expose }) {
     const props = __props;
@@ -7356,8 +7401,8 @@ const _sfc_main$2G = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var ElTooltipTrigger = /* @__PURE__ */ _export_sfc(_sfc_main$2G, [["__file", "trigger.vue"]]);
-const _sfc_main$2F = /* @__PURE__ */ defineComponent({
+var ElTooltipTrigger = /* @__PURE__ */ _export_sfc(_sfc_main$2J, [["__file", "trigger.vue"]]);
+const _sfc_main$2I = /* @__PURE__ */ defineComponent({
   __name: "teleport",
   props: teleportProps,
   setup(__props) {
@@ -7371,7 +7416,7 @@ const _sfc_main$2F = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Teleport = /* @__PURE__ */ _export_sfc(_sfc_main$2F, [["__file", "teleport.vue"]]);
+var Teleport = /* @__PURE__ */ _export_sfc(_sfc_main$2I, [["__file", "teleport.vue"]]);
 const ElTeleport = withInstall(Teleport);
 const usePopperContainerId = () => {
   const namespace = useGetDerivedNamespace();
@@ -7405,6 +7450,7 @@ const usePopperContainer = () => {
     selector
   };
 };
+const unique = (arr) => [...new Set(arr)];
 const extractFirst = (arr) => {
   return isArray$c(arr) ? arr[0] : arr;
 };
@@ -7413,12 +7459,12 @@ const castArray = (arr) => {
     return [];
   return isArray$c(arr) ? arr : [arr];
 };
-const __default__$u = defineComponent({
+const __default__$x = defineComponent({
   name: "ElTooltipContent",
   inheritAttrs: false
 });
-const _sfc_main$2E = /* @__PURE__ */ defineComponent({
-  ...__default__$u,
+const _sfc_main$2H = /* @__PURE__ */ defineComponent({
+  ...__default__$x,
   props: useTooltipContentProps,
   setup(__props, { expose }) {
     const props = __props;
@@ -7595,12 +7641,12 @@ const _sfc_main$2E = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var ElTooltipContent = /* @__PURE__ */ _export_sfc(_sfc_main$2E, [["__file", "content.vue"]]);
-const __default__$t = defineComponent({
+var ElTooltipContent = /* @__PURE__ */ _export_sfc(_sfc_main$2H, [["__file", "content.vue"]]);
+const __default__$w = defineComponent({
   name: "ElTooltip"
 });
-const _sfc_main$2D = /* @__PURE__ */ defineComponent({
-  ...__default__$t,
+const _sfc_main$2G = /* @__PURE__ */ defineComponent({
+  ...__default__$w,
   props: useTooltipProps,
   emits: tooltipEmits,
   setup(__props, { expose, emit }) {
@@ -7749,7 +7795,7 @@ const _sfc_main$2D = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Tooltip = /* @__PURE__ */ _export_sfc(_sfc_main$2D, [["__file", "tooltip.vue"]]);
+var Tooltip = /* @__PURE__ */ _export_sfc(_sfc_main$2G, [["__file", "tooltip.vue"]]);
 const ElTooltip = withInstall(Tooltip);
 const autocompleteProps = buildProps({
   ...inputProps,
@@ -7806,12 +7852,12 @@ const autocompleteEmits = {
   select: (item) => isObject$g(item)
 };
 const COMPONENT_NAME$6 = "ElAutocomplete";
-const __default__$s = defineComponent({
+const __default__$v = defineComponent({
   name: COMPONENT_NAME$6,
   inheritAttrs: false
 });
-const _sfc_main$2C = /* @__PURE__ */ defineComponent({
-  ...__default__$s,
+const _sfc_main$2F = /* @__PURE__ */ defineComponent({
+  ...__default__$v,
   props: autocompleteProps,
   emits: autocompleteEmits,
   setup(__props, { expose, emit }) {
@@ -8184,7 +8230,7 @@ const _sfc_main$2C = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Autocomplete = /* @__PURE__ */ _export_sfc(_sfc_main$2C, [["__file", "autocomplete.vue"]]);
+var Autocomplete = /* @__PURE__ */ _export_sfc(_sfc_main$2F, [["__file", "autocomplete.vue"]]);
 const ElAutocomplete = withInstall(Autocomplete);
 const buttonGroupContextKey = Symbol("buttonGroupContextKey");
 const useDeprecated = ({ from: from2, replacement, scope, version: version2, ref: ref2, type: type4 = "API" }, condition) => {
@@ -9276,11 +9322,11 @@ function useButtonCustomStyle(props) {
     return styles2;
   });
 }
-const __default__$r = defineComponent({
+const __default__$u = defineComponent({
   name: "ElButton"
 });
-const _sfc_main$2B = /* @__PURE__ */ defineComponent({
-  ...__default__$r,
+const _sfc_main$2E = /* @__PURE__ */ defineComponent({
+  ...__default__$u,
   props: buttonProps,
   emits: buttonEmits,
   setup(__props, { expose, emit }) {
@@ -9357,16 +9403,16 @@ const _sfc_main$2B = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Button = /* @__PURE__ */ _export_sfc(_sfc_main$2B, [["__file", "button.vue"]]);
+var Button = /* @__PURE__ */ _export_sfc(_sfc_main$2E, [["__file", "button.vue"]]);
 const buttonGroupProps = {
   size: buttonProps.size,
   type: buttonProps.type
 };
-const __default__$q = defineComponent({
+const __default__$t = defineComponent({
   name: "ElButtonGroup"
 });
-const _sfc_main$2A = /* @__PURE__ */ defineComponent({
-  ...__default__$q,
+const _sfc_main$2D = /* @__PURE__ */ defineComponent({
+  ...__default__$t,
   props: buttonGroupProps,
   setup(__props) {
     const props = __props;
@@ -9384,7 +9430,7 @@ const _sfc_main$2A = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var ButtonGroup = /* @__PURE__ */ _export_sfc(_sfc_main$2A, [["__file", "button-group.vue"]]);
+var ButtonGroup = /* @__PURE__ */ _export_sfc(_sfc_main$2D, [["__file", "button-group.vue"]]);
 const ElButton = withInstall(Button, {
   ButtonGroup
 });
@@ -10105,11 +10151,11 @@ const useCheckbox = (props, slots) => {
     onClickRoot
   };
 };
-const __default__$p = defineComponent({
+const __default__$s = defineComponent({
   name: "ElCheckbox"
 });
-const _sfc_main$2z = /* @__PURE__ */ defineComponent({
-  ...__default__$p,
+const _sfc_main$2C = /* @__PURE__ */ defineComponent({
+  ...__default__$s,
   props: checkboxProps,
   emits: checkboxEmits,
   setup(__props) {
@@ -10206,12 +10252,12 @@ const _sfc_main$2z = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Checkbox = /* @__PURE__ */ _export_sfc(_sfc_main$2z, [["__file", "checkbox.vue"]]);
-const __default__$o = defineComponent({
+var Checkbox = /* @__PURE__ */ _export_sfc(_sfc_main$2C, [["__file", "checkbox.vue"]]);
+const __default__$r = defineComponent({
   name: "ElCheckboxButton"
 });
-const _sfc_main$2y = /* @__PURE__ */ defineComponent({
-  ...__default__$o,
+const _sfc_main$2B = /* @__PURE__ */ defineComponent({
+  ...__default__$r,
   props: checkboxProps,
   emits: checkboxEmits,
   setup(__props) {
@@ -10292,7 +10338,7 @@ const _sfc_main$2y = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var CheckboxButton = /* @__PURE__ */ _export_sfc(_sfc_main$2y, [["__file", "checkbox-button.vue"]]);
+var CheckboxButton = /* @__PURE__ */ _export_sfc(_sfc_main$2B, [["__file", "checkbox-button.vue"]]);
 const checkboxGroupProps = buildProps({
   modelValue: {
     type: definePropType(Array),
@@ -10330,11 +10376,11 @@ const checkboxDefaultProps = {
   value: "value",
   disabled: "disabled"
 };
-const __default__$n = defineComponent({
+const __default__$q = defineComponent({
   name: "ElCheckboxGroup"
 });
-const _sfc_main$2x = /* @__PURE__ */ defineComponent({
-  ...__default__$n,
+const _sfc_main$2A = /* @__PURE__ */ defineComponent({
+  ...__default__$q,
   props: checkboxGroupProps,
   emits: checkboxGroupEmits,
   setup(__props, { emit }) {
@@ -10408,7 +10454,7 @@ const _sfc_main$2x = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var CheckboxGroup = /* @__PURE__ */ _export_sfc(_sfc_main$2x, [["__file", "checkbox-group.vue"]]);
+var CheckboxGroup = /* @__PURE__ */ _export_sfc(_sfc_main$2A, [["__file", "checkbox-group.vue"]]);
 const ElCheckbox = withInstall(Checkbox, {
   CheckboxButton,
   CheckboxGroup
@@ -10492,11 +10538,11 @@ const useRadio = (props, emit) => {
     actualValue
   };
 };
-const __default__$m = defineComponent({
+const __default__$p = defineComponent({
   name: "ElRadio"
 });
-const _sfc_main$2w = /* @__PURE__ */ defineComponent({
-  ...__default__$m,
+const _sfc_main$2z = /* @__PURE__ */ defineComponent({
+  ...__default__$p,
   props: radioProps,
   emits: radioEmits,
   setup(__props, { emit }) {
@@ -10560,15 +10606,15 @@ const _sfc_main$2w = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var Radio = /* @__PURE__ */ _export_sfc(_sfc_main$2w, [["__file", "radio.vue"]]);
+var Radio = /* @__PURE__ */ _export_sfc(_sfc_main$2z, [["__file", "radio.vue"]]);
 const radioButtonProps = buildProps({
   ...radioPropsBase
 });
-const __default__$l = defineComponent({
+const __default__$o = defineComponent({
   name: "ElRadioButton"
 });
-const _sfc_main$2v = /* @__PURE__ */ defineComponent({
-  ...__default__$l,
+const _sfc_main$2y = /* @__PURE__ */ defineComponent({
+  ...__default__$o,
   props: radioButtonProps,
   setup(__props) {
     const props = __props;
@@ -10623,7 +10669,7 @@ const _sfc_main$2v = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var RadioButton = /* @__PURE__ */ _export_sfc(_sfc_main$2v, [["__file", "radio-button.vue"]]);
+var RadioButton = /* @__PURE__ */ _export_sfc(_sfc_main$2y, [["__file", "radio-button.vue"]]);
 const radioGroupProps = buildProps({
   id: {
     type: String,
@@ -10666,11 +10712,11 @@ const radioDefaultProps = {
   value: "value",
   disabled: "disabled"
 };
-const __default__$k = defineComponent({
+const __default__$n = defineComponent({
   name: "ElRadioGroup"
 });
-const _sfc_main$2u = /* @__PURE__ */ defineComponent({
-  ...__default__$k,
+const _sfc_main$2x = /* @__PURE__ */ defineComponent({
+  ...__default__$n,
   props: radioGroupProps,
   emits: radioGroupEmits,
   setup(__props, { emit }) {
@@ -10737,13 +10783,869 @@ const _sfc_main$2u = /* @__PURE__ */ defineComponent({
     };
   }
 });
-var RadioGroup = /* @__PURE__ */ _export_sfc(_sfc_main$2u, [["__file", "radio-group.vue"]]);
+var RadioGroup = /* @__PURE__ */ _export_sfc(_sfc_main$2x, [["__file", "radio-group.vue"]]);
 const ElRadio = withInstall(Radio, {
   RadioButton,
   RadioGroup
 });
 const ElRadioGroup = withNoopInstall(RadioGroup);
 const ElRadioButton = withNoopInstall(RadioButton);
+const CASCADER_PANEL_INJECTION_KEY = Symbol();
+function isVNodeEmpty(vnodes) {
+  return !!(isArray$c(vnodes) ? vnodes.every(({
+    type: type4
+  }) => type4 === Comment) : (vnodes == null ? void 0 : vnodes.type) === Comment);
+}
+var NodeContent$1 = defineComponent({
+  name: "NodeContent",
+  props: {
+    node: {
+      type: Object,
+      required: true
+    }
+  },
+  setup(props) {
+    const ns = useNamespace("cascader-node");
+    const {
+      renderLabelFn
+    } = inject(CASCADER_PANEL_INJECTION_KEY);
+    const {
+      node: node2
+    } = props;
+    const {
+      data: data2,
+      label: nodeLabel
+    } = node2;
+    const label = () => {
+      const renderLabel = renderLabelFn == null ? void 0 : renderLabelFn({
+        node: node2,
+        data: data2
+      });
+      return isVNodeEmpty(renderLabel) ? nodeLabel : renderLabel != null ? renderLabel : nodeLabel;
+    };
+    return () => createVNode("span", {
+      "class": ns.e("label")
+    }, [label()]);
+  }
+});
+const __default__$m = defineComponent({
+  name: "ElCascaderNode"
+});
+const _sfc_main$2w = /* @__PURE__ */ defineComponent({
+  ...__default__$m,
+  props: {
+    node: {
+      type: Object,
+      required: true
+    },
+    menuId: String
+  },
+  emits: ["expand"],
+  setup(__props, { emit }) {
+    const props = __props;
+    const panel = inject(CASCADER_PANEL_INJECTION_KEY);
+    const ns = useNamespace("cascader-node");
+    const isHoverMenu = computed(() => panel.isHoverMenu);
+    const multiple = computed(() => panel.config.multiple);
+    const checkStrictly = computed(() => panel.config.checkStrictly);
+    const showPrefix = computed(() => panel.config.showPrefix);
+    const checkedNodeId = computed(() => {
+      var _a2;
+      return (_a2 = panel.checkedNodes[0]) == null ? void 0 : _a2.uid;
+    });
+    const isDisabled = computed(() => props.node.isDisabled);
+    const isLeaf2 = computed(() => props.node.isLeaf);
+    const expandable = computed(() => checkStrictly.value && !isLeaf2.value || !isDisabled.value);
+    const inExpandingPath = computed(() => isInPath(panel.expandingNode));
+    const inCheckedPath = computed(() => checkStrictly.value && panel.checkedNodes.some(isInPath));
+    const isInPath = (node2) => {
+      var _a2;
+      const { level, uid: uid2 } = props.node;
+      return ((_a2 = node2 == null ? void 0 : node2.pathNodes[level - 1]) == null ? void 0 : _a2.uid) === uid2;
+    };
+    const doExpand = () => {
+      if (inExpandingPath.value)
+        return;
+      panel.expandNode(props.node);
+    };
+    const doCheck = (checked) => {
+      const { node: node2 } = props;
+      if (checked === node2.checked)
+        return;
+      panel.handleCheckChange(node2, checked);
+    };
+    const doLoad = () => {
+      panel.lazyLoad(props.node, () => {
+        if (!isLeaf2.value)
+          doExpand();
+      });
+    };
+    const handleHoverExpand = (e3) => {
+      if (!isHoverMenu.value)
+        return;
+      handleExpand();
+      !isLeaf2.value && emit("expand", e3);
+    };
+    const handleExpand = () => {
+      const { node: node2 } = props;
+      if (!expandable.value || node2.loading)
+        return;
+      node2.loaded ? doExpand() : doLoad();
+    };
+    const handleClick2 = () => {
+      if (isLeaf2.value && !isDisabled.value && !checkStrictly.value && !multiple.value) {
+        handleCheck(true);
+      } else if ((panel.config.checkOnClickNode && (multiple.value || checkStrictly.value) || isLeaf2.value && panel.config.checkOnClickLeaf) && !isDisabled.value) {
+        handleSelectCheck(!props.node.checked);
+      } else if (!isHoverMenu.value) {
+        handleExpand();
+      }
+    };
+    const handleSelectCheck = (checked) => {
+      if (checkStrictly.value) {
+        doCheck(checked);
+        if (props.node.loaded) {
+          doExpand();
+        }
+      } else {
+        handleCheck(checked);
+      }
+    };
+    const handleCheck = (checked) => {
+      if (!props.node.loaded) {
+        doLoad();
+      } else {
+        doCheck(checked);
+        !checkStrictly.value && doExpand();
+      }
+    };
+    return (_ctx7, _cache) => {
+      return openBlock(), createElementBlock("li", {
+        id: `${__props.menuId}-${__props.node.uid}`,
+        role: "menuitem",
+        "aria-haspopup": !unref(isLeaf2),
+        "aria-owns": unref(isLeaf2) ? void 0 : __props.menuId,
+        "aria-expanded": unref(inExpandingPath),
+        tabindex: unref(expandable) ? -1 : void 0,
+        class: normalizeClass([
+          unref(ns).b(),
+          unref(ns).is("selectable", unref(checkStrictly)),
+          unref(ns).is("active", __props.node.checked),
+          unref(ns).is("disabled", !unref(expandable)),
+          unref(inExpandingPath) && "in-active-path",
+          unref(inCheckedPath) && "in-checked-path"
+        ]),
+        onMouseenter: handleHoverExpand,
+        onFocus: handleHoverExpand,
+        onClick: handleClick2
+      }, [
+        createCommentVNode(" prefix "),
+        unref(multiple) && unref(showPrefix) ? (openBlock(), createBlock(unref(ElCheckbox), {
+          key: 0,
+          "model-value": __props.node.checked,
+          indeterminate: __props.node.indeterminate,
+          disabled: unref(isDisabled),
+          onClick: withModifiers(() => {
+          }, ["stop"]),
+          "onUpdate:modelValue": handleSelectCheck
+        }, null, 8, ["model-value", "indeterminate", "disabled", "onClick"])) : unref(checkStrictly) && unref(showPrefix) ? (openBlock(), createBlock(unref(ElRadio), {
+          key: 1,
+          "model-value": unref(checkedNodeId),
+          label: __props.node.uid,
+          disabled: unref(isDisabled),
+          "onUpdate:modelValue": handleSelectCheck,
+          onClick: withModifiers(() => {
+          }, ["stop"])
+        }, {
+          default: withCtx(() => [
+            createCommentVNode("\n        Add an empty element to avoid render label,\n        do not use empty fragment here for https://github.com/vuejs/vue-next/pull/2485\n      "),
+            createElementVNode("span")
+          ]),
+          _: 1
+        }, 8, ["model-value", "label", "disabled", "onClick"])) : unref(isLeaf2) && __props.node.checked ? (openBlock(), createBlock(unref(ElIcon), {
+          key: 2,
+          class: normalizeClass(unref(ns).e("prefix"))
+        }, {
+          default: withCtx(() => [
+            createVNode(unref(check_default))
+          ]),
+          _: 1
+        }, 8, ["class"])) : createCommentVNode("v-if", true),
+        createCommentVNode(" content "),
+        createVNode(unref(NodeContent$1), { node: __props.node }, null, 8, ["node"]),
+        createCommentVNode(" postfix "),
+        !unref(isLeaf2) ? (openBlock(), createElementBlock(Fragment$1, { key: 3 }, [
+          __props.node.loading ? (openBlock(), createBlock(unref(ElIcon), {
+            key: 0,
+            class: normalizeClass([unref(ns).is("loading"), unref(ns).e("postfix")])
+          }, {
+            default: withCtx(() => [
+              createVNode(unref(loading_default))
+            ]),
+            _: 1
+          }, 8, ["class"])) : (openBlock(), createBlock(unref(ElIcon), {
+            key: 1,
+            class: normalizeClass(["arrow-right", unref(ns).e("postfix")])
+          }, {
+            default: withCtx(() => [
+              createVNode(unref(arrow_right_default))
+            ]),
+            _: 1
+          }, 8, ["class"]))
+        ], 64)) : createCommentVNode("v-if", true)
+      ], 42, ["id", "aria-haspopup", "aria-owns", "aria-expanded", "tabindex"]);
+    };
+  }
+});
+var ElCascaderNode = /* @__PURE__ */ _export_sfc(_sfc_main$2w, [["__file", "node.vue"]]);
+const __default__$l = defineComponent({
+  name: "ElCascaderMenu"
+});
+const _sfc_main$2v = /* @__PURE__ */ defineComponent({
+  ...__default__$l,
+  props: {
+    nodes: {
+      type: Array,
+      required: true
+    },
+    index: {
+      type: Number,
+      required: true
+    }
+  },
+  setup(__props) {
+    const props = __props;
+    const instance = getCurrentInstance();
+    const ns = useNamespace("cascader-menu");
+    const { t: t2 } = useLocale();
+    const id2 = useId();
+    let activeNode;
+    let hoverTimer;
+    const panel = inject(CASCADER_PANEL_INJECTION_KEY);
+    const hoverZone = ref();
+    const isEmpty2 = computed(() => !props.nodes.length);
+    const isLoading = computed(() => !panel.initialLoaded);
+    const menuId = computed(() => `${id2.value}-${props.index}`);
+    const handleExpand = (e3) => {
+      activeNode = e3.target;
+    };
+    const handleMouseMove2 = (e3) => {
+      if (!panel.isHoverMenu || !activeNode || !hoverZone.value)
+        return;
+      if (activeNode.contains(e3.target)) {
+        clearHoverTimer();
+        const el = instance.vnode.el;
+        const { left } = el.getBoundingClientRect();
+        const { offsetWidth, offsetHeight } = el;
+        const startX = e3.clientX - left;
+        const top2 = activeNode.offsetTop;
+        const bottom = top2 + activeNode.offsetHeight;
+        hoverZone.value.innerHTML = `
+          <path style="pointer-events: auto;" fill="transparent" d="M${startX} ${top2} L${offsetWidth} 0 V${top2} Z" />
+          <path style="pointer-events: auto;" fill="transparent" d="M${startX} ${bottom} L${offsetWidth} ${offsetHeight} V${bottom} Z" />
+        `;
+      } else if (!hoverTimer) {
+        hoverTimer = window.setTimeout(clearHoverZone, panel.config.hoverThreshold);
+      }
+    };
+    const clearHoverTimer = () => {
+      if (!hoverTimer)
+        return;
+      clearTimeout(hoverTimer);
+      hoverTimer = void 0;
+    };
+    const clearHoverZone = () => {
+      if (!hoverZone.value)
+        return;
+      hoverZone.value.innerHTML = "";
+      clearHoverTimer();
+    };
+    return (_ctx7, _cache) => {
+      return openBlock(), createBlock(unref(ElScrollbar), {
+        key: unref(menuId),
+        tag: "ul",
+        role: "menu",
+        class: normalizeClass(unref(ns).b()),
+        "wrap-class": unref(ns).e("wrap"),
+        "view-class": [unref(ns).e("list"), unref(ns).is("empty", unref(isEmpty2))],
+        onMousemove: handleMouseMove2,
+        onMouseleave: clearHoverZone
+      }, {
+        default: withCtx(() => {
+          var _a2;
+          return [
+            (openBlock(true), createElementBlock(Fragment$1, null, renderList(__props.nodes, (node2) => {
+              return openBlock(), createBlock(ElCascaderNode, {
+                key: node2.uid,
+                node: node2,
+                "menu-id": unref(menuId),
+                onExpand: handleExpand
+              }, null, 8, ["node", "menu-id"]);
+            }), 128)),
+            unref(isLoading) ? (openBlock(), createElementBlock("div", {
+              key: 0,
+              class: normalizeClass(unref(ns).e("empty-text"))
+            }, [
+              createVNode(unref(ElIcon), {
+                size: "14",
+                class: normalizeClass(unref(ns).is("loading"))
+              }, {
+                default: withCtx(() => [
+                  createVNode(unref(loading_default))
+                ]),
+                _: 1
+              }, 8, ["class"]),
+              createTextVNode(" " + toDisplayString(unref(t2)("el.cascader.loading")), 1)
+            ], 2)) : unref(isEmpty2) ? (openBlock(), createElementBlock("div", {
+              key: 1,
+              class: normalizeClass(unref(ns).e("empty-text"))
+            }, [
+              renderSlot(_ctx7.$slots, "empty", {}, () => [
+                createTextVNode(toDisplayString(unref(t2)("el.cascader.noData")), 1)
+              ])
+            ], 2)) : ((_a2 = unref(panel)) == null ? void 0 : _a2.isHoverMenu) ? (openBlock(), createElementBlock(Fragment$1, { key: 2 }, [
+              createCommentVNode(" eslint-disable-next-line vue/html-self-closing "),
+              (openBlock(), createElementBlock("svg", {
+                ref_key: "hoverZone",
+                ref: hoverZone,
+                class: normalizeClass(unref(ns).e("hover-zone"))
+              }, null, 2))
+            ], 2112)) : createCommentVNode("v-if", true)
+          ];
+        }),
+        _: 3
+      }, 8, ["class", "wrap-class", "view-class"]);
+    };
+  }
+});
+var ElCascaderMenu = /* @__PURE__ */ _export_sfc(_sfc_main$2v, [["__file", "menu.vue"]]);
+let uid = 0;
+const calculatePathNodes = (node2) => {
+  const nodes = [node2];
+  let { parent } = node2;
+  while (parent) {
+    nodes.unshift(parent);
+    parent = parent.parent;
+  }
+  return nodes;
+};
+let Node$3 = class Node2 {
+  constructor(data2, config2, parent, root2 = false) {
+    this.data = data2;
+    this.config = config2;
+    this.parent = parent;
+    this.root = root2;
+    this.uid = uid++;
+    this.checked = false;
+    this.indeterminate = false;
+    this.loading = false;
+    const { value: valueKey, label: labelKey, children: childrenKey } = config2;
+    const childrenData = data2[childrenKey];
+    const pathNodes = calculatePathNodes(this);
+    this.level = root2 ? 0 : parent ? parent.level + 1 : 1;
+    this.value = data2[valueKey];
+    this.label = data2[labelKey];
+    this.pathNodes = pathNodes;
+    this.pathValues = pathNodes.map((node2) => node2.value);
+    this.pathLabels = pathNodes.map((node2) => node2.label);
+    this.childrenData = childrenData;
+    this.children = (childrenData || []).map((child) => new Node2(child, config2, this));
+    this.loaded = !config2.lazy || this.isLeaf || !isEmpty(childrenData);
+    this.text = "";
+  }
+  get isDisabled() {
+    const { data: data2, parent, config: config2 } = this;
+    const { disabled, checkStrictly } = config2;
+    const isDisabled = isFunction$7(disabled) ? disabled(data2, this) : !!data2[disabled];
+    return isDisabled || !checkStrictly && !!(parent == null ? void 0 : parent.isDisabled);
+  }
+  get isLeaf() {
+    const { data: data2, config: config2, childrenData, loaded } = this;
+    const { lazy, leaf } = config2;
+    const isLeaf2 = isFunction$7(leaf) ? leaf(data2, this) : data2[leaf];
+    return isUndefined(isLeaf2) ? lazy && !loaded ? false : !(isArray$c(childrenData) && childrenData.length) : !!isLeaf2;
+  }
+  get valueByOption() {
+    return this.config.emitPath ? this.pathValues : this.value;
+  }
+  appendChild(childData) {
+    const { childrenData, children } = this;
+    const node2 = new Node2(childData, this.config, this);
+    if (isArray$c(childrenData)) {
+      childrenData.push(childData);
+    } else {
+      this.childrenData = [childData];
+    }
+    children.push(node2);
+    return node2;
+  }
+  calcText(allLevels, separator) {
+    const text2 = allLevels ? this.pathLabels.join(separator) : this.label;
+    this.text = text2;
+    return text2;
+  }
+  broadcast(checked) {
+    this.children.forEach((child) => {
+      var _a2;
+      if (child) {
+        child.broadcast(checked);
+        (_a2 = child.onParentCheck) == null ? void 0 : _a2.call(child, checked);
+      }
+    });
+  }
+  emit() {
+    var _a2;
+    const { parent } = this;
+    if (parent) {
+      (_a2 = parent.onChildCheck) == null ? void 0 : _a2.call(parent);
+      parent.emit();
+    }
+  }
+  onParentCheck(checked) {
+    if (!this.isDisabled) {
+      this.setCheckState(checked);
+    }
+  }
+  onChildCheck() {
+    const { children } = this;
+    const validChildren = children.filter((child) => !child.isDisabled);
+    const checked = validChildren.length ? validChildren.every((child) => child.checked) : false;
+    this.setCheckState(checked);
+  }
+  setCheckState(checked) {
+    const totalNum = this.children.length;
+    const checkedNum = this.children.reduce((c2, p2) => {
+      const num = p2.checked ? 1 : p2.indeterminate ? 0.5 : 0;
+      return c2 + num;
+    }, 0);
+    this.checked = this.loaded && this.children.filter((child) => !child.isDisabled).every((child) => child.loaded && child.checked) && checked;
+    this.indeterminate = this.loaded && checkedNum !== totalNum && checkedNum > 0;
+  }
+  doCheck(checked) {
+    if (this.checked === checked)
+      return;
+    const { checkStrictly, multiple } = this.config;
+    if (checkStrictly || !multiple) {
+      this.checked = checked;
+    } else {
+      this.broadcast(checked);
+      this.setCheckState(checked);
+      this.emit();
+    }
+  }
+};
+const flatNodes = (nodes, leafOnly) => {
+  return nodes.reduce((res, node2) => {
+    if (node2.isLeaf) {
+      res.push(node2);
+    } else {
+      !leafOnly && res.push(node2);
+      res = res.concat(flatNodes(node2.children, leafOnly));
+    }
+    return res;
+  }, []);
+};
+class Store {
+  constructor(data2, config2) {
+    this.config = config2;
+    const nodes = (data2 || []).map((nodeData) => new Node$3(nodeData, this.config));
+    this.nodes = nodes;
+    this.allNodes = flatNodes(nodes, false);
+    this.leafNodes = flatNodes(nodes, true);
+  }
+  getNodes() {
+    return this.nodes;
+  }
+  getFlattedNodes(leafOnly) {
+    return leafOnly ? this.leafNodes : this.allNodes;
+  }
+  appendNode(nodeData, parentNode2) {
+    const node2 = parentNode2 ? parentNode2.appendChild(nodeData) : new Node$3(nodeData, this.config);
+    if (!parentNode2)
+      this.nodes.push(node2);
+    this.appendAllNodesAndLeafNodes(node2);
+  }
+  appendNodes(nodeDataList, parentNode2) {
+    if (nodeDataList.length > 0) {
+      nodeDataList.forEach((nodeData) => this.appendNode(nodeData, parentNode2));
+    } else {
+      parentNode2 && parentNode2.isLeaf && this.leafNodes.push(parentNode2);
+    }
+  }
+  appendAllNodesAndLeafNodes(node2) {
+    this.allNodes.push(node2);
+    node2.isLeaf && this.leafNodes.push(node2);
+    if (node2.children) {
+      node2.children.forEach((subNode) => {
+        this.appendAllNodesAndLeafNodes(subNode);
+      });
+    }
+  }
+  getNodeByValue(value, leafOnly = false) {
+    if (isPropAbsent(value))
+      return null;
+    const node2 = this.getFlattedNodes(leafOnly).find((node22) => isEqual$2(node22.value, value) || isEqual$2(node22.pathValues, value));
+    return node2 || null;
+  }
+  getSameNode(node2) {
+    if (!node2)
+      return null;
+    const node_ = this.getFlattedNodes(false).find(({ value, level }) => isEqual$2(node2.value, value) && node2.level === level);
+    return node_ || null;
+  }
+}
+const CommonProps = buildProps({
+  modelValue: {
+    type: definePropType([Number, String, Array, Object])
+  },
+  options: {
+    type: definePropType(Array),
+    default: () => []
+  },
+  props: {
+    type: definePropType(Object),
+    default: () => ({})
+  }
+});
+const DefaultProps = {
+  expandTrigger: "click",
+  multiple: false,
+  checkStrictly: false,
+  emitPath: true,
+  lazy: false,
+  lazyLoad: NOOP,
+  value: "value",
+  label: "label",
+  children: "children",
+  leaf: "leaf",
+  disabled: "disabled",
+  hoverThreshold: 500,
+  checkOnClickNode: false,
+  checkOnClickLeaf: true,
+  showPrefix: true
+};
+const cascaderPanelProps = buildProps({
+  ...CommonProps,
+  border: {
+    type: Boolean,
+    default: true
+  },
+  renderLabel: {
+    type: Function
+  }
+});
+const emitChangeFn = (value) => true;
+const cascaderPanelEmits = {
+  [UPDATE_MODEL_EVENT$1]: emitChangeFn,
+  [CHANGE_EVENT$1]: emitChangeFn,
+  close: () => true,
+  "expand-change": (value) => value
+};
+const useCascaderConfig = (props) => {
+  return computed(() => ({
+    ...DefaultProps,
+    ...props.props
+  }));
+};
+const getMenuIndex = (el) => {
+  if (!el)
+    return 0;
+  const pieces = el.id.split("-");
+  return Number(pieces[pieces.length - 2]);
+};
+const checkNode = (el) => {
+  if (!el)
+    return;
+  const input = el.querySelector("input");
+  if (input) {
+    input.click();
+  } else if (isLeaf(el)) {
+    el.click();
+  }
+};
+const sortByOriginalOrder = (oldNodes, newNodes) => {
+  const newNodesCopy = newNodes.slice(0);
+  const newIds = newNodesCopy.map((node2) => node2.uid);
+  const res = oldNodes.reduce((acc, item) => {
+    const index2 = newIds.indexOf(item.uid);
+    if (index2 > -1) {
+      acc.push(item);
+      newNodesCopy.splice(index2, 1);
+      newIds.splice(index2, 1);
+    }
+    return acc;
+  }, []);
+  res.push(...newNodesCopy);
+  return res;
+};
+const __default__$k = defineComponent({
+  name: "ElCascaderPanel",
+  inheritAttrs: false
+});
+const _sfc_main$2u = /* @__PURE__ */ defineComponent({
+  ...__default__$k,
+  props: cascaderPanelProps,
+  emits: cascaderPanelEmits,
+  setup(__props, { expose, emit }) {
+    const props = __props;
+    let manualChecked = false;
+    const ns = useNamespace("cascader");
+    const config2 = useCascaderConfig(props);
+    const slots = useSlots();
+    let store;
+    const initialLoaded = ref(true);
+    const menuList = ref([]);
+    const checkedValue = ref();
+    const menus = ref([]);
+    const expandingNode = ref();
+    const checkedNodes = ref([]);
+    const isHoverMenu = computed(() => config2.value.expandTrigger === "hover");
+    const renderLabelFn = computed(() => props.renderLabel || slots.default);
+    const initStore = () => {
+      const { options } = props;
+      const cfg = config2.value;
+      manualChecked = false;
+      store = new Store(options, cfg);
+      menus.value = [store.getNodes()];
+      if (cfg.lazy && isEmpty(props.options)) {
+        initialLoaded.value = false;
+        lazyLoad(void 0, (list2) => {
+          if (list2) {
+            store = new Store(list2, cfg);
+            menus.value = [store.getNodes()];
+          }
+          initialLoaded.value = true;
+          syncCheckedValue(false, true);
+        });
+      } else {
+        syncCheckedValue(false, true);
+      }
+    };
+    const lazyLoad = (node2, cb) => {
+      const cfg = config2.value;
+      node2 = node2 || new Node$3({}, cfg, void 0, true);
+      node2.loading = true;
+      const resolve = (dataList) => {
+        const _node = node2;
+        const parent = _node.root ? null : _node;
+        _node.loading = false;
+        _node.loaded = true;
+        _node.childrenData = _node.childrenData || [];
+        dataList && (store == null ? void 0 : store.appendNodes(dataList, parent));
+        dataList && (cb == null ? void 0 : cb(dataList));
+      };
+      cfg.lazyLoad(node2, resolve);
+    };
+    const expandNode = (node2, silent) => {
+      var _a2;
+      const { level } = node2;
+      const newMenus = menus.value.slice(0, level);
+      let newExpandingNode;
+      if (node2.isLeaf) {
+        newExpandingNode = node2.pathNodes[level - 2];
+      } else {
+        newExpandingNode = node2;
+        newMenus.push(node2.children);
+      }
+      if (((_a2 = expandingNode.value) == null ? void 0 : _a2.uid) !== (newExpandingNode == null ? void 0 : newExpandingNode.uid)) {
+        expandingNode.value = node2;
+        menus.value = newMenus;
+        !silent && emit("expand-change", (node2 == null ? void 0 : node2.pathValues) || []);
+      }
+    };
+    const handleCheckChange = (node2, checked, emitClose = true) => {
+      const { checkStrictly, multiple } = config2.value;
+      const oldNode = checkedNodes.value[0];
+      manualChecked = true;
+      !multiple && (oldNode == null ? void 0 : oldNode.doCheck(false));
+      node2.doCheck(checked);
+      calculateCheckedValue();
+      emitClose && !multiple && !checkStrictly && emit("close");
+      !emitClose && !multiple && !checkStrictly && expandParentNode(node2);
+    };
+    const expandParentNode = (node2) => {
+      if (!node2)
+        return;
+      node2 = node2.parent;
+      expandParentNode(node2);
+      node2 && expandNode(node2);
+    };
+    const getFlattedNodes = (leafOnly) => store == null ? void 0 : store.getFlattedNodes(leafOnly);
+    const getCheckedNodes = (leafOnly) => {
+      var _a2;
+      return (_a2 = getFlattedNodes(leafOnly)) == null ? void 0 : _a2.filter(({ checked }) => checked !== false);
+    };
+    const clearCheckedNodes = () => {
+      checkedNodes.value.forEach((node2) => node2.doCheck(false));
+      calculateCheckedValue();
+      menus.value = menus.value.slice(0, 1);
+      expandingNode.value = void 0;
+      emit("expand-change", []);
+    };
+    const calculateCheckedValue = () => {
+      var _a2;
+      const { checkStrictly, multiple } = config2.value;
+      const oldNodes = checkedNodes.value;
+      const newNodes = getCheckedNodes(!checkStrictly);
+      const nodes = sortByOriginalOrder(oldNodes, newNodes);
+      const values2 = nodes.map((node2) => node2.valueByOption);
+      checkedNodes.value = nodes;
+      checkedValue.value = multiple ? values2 : (_a2 = values2[0]) != null ? _a2 : null;
+    };
+    const syncCheckedValue = (loaded = false, forced = false) => {
+      const { modelValue } = props;
+      const { lazy, multiple, checkStrictly } = config2.value;
+      const leafOnly = !checkStrictly;
+      if (!initialLoaded.value || manualChecked || !forced && isEqual$2(modelValue, checkedValue.value))
+        return;
+      if (lazy && !loaded) {
+        const values2 = unique(flattenDeep(castArray(modelValue)));
+        const nodes = values2.map((val) => store == null ? void 0 : store.getNodeByValue(val)).filter((node2) => !!node2 && !node2.loaded && !node2.loading);
+        if (nodes.length) {
+          nodes.forEach((node2) => {
+            lazyLoad(node2, () => syncCheckedValue(false, forced));
+          });
+        } else {
+          syncCheckedValue(true, forced);
+        }
+      } else {
+        const values2 = multiple ? castArray(modelValue) : [modelValue];
+        const nodes = unique(values2.map((val) => store == null ? void 0 : store.getNodeByValue(val, leafOnly)));
+        syncMenuState(nodes, forced);
+        checkedValue.value = cloneDeep$2(modelValue != null ? modelValue : void 0);
+      }
+    };
+    const syncMenuState = (newCheckedNodes, reserveExpandingState = true) => {
+      const { checkStrictly } = config2.value;
+      const oldNodes = checkedNodes.value;
+      const newNodes = newCheckedNodes.filter((node2) => !!node2 && (checkStrictly || node2.isLeaf));
+      const oldExpandingNode = store == null ? void 0 : store.getSameNode(expandingNode.value);
+      const newExpandingNode = reserveExpandingState && oldExpandingNode || newNodes[0];
+      if (newExpandingNode) {
+        newExpandingNode.pathNodes.forEach((node2) => expandNode(node2, true));
+      } else {
+        expandingNode.value = void 0;
+      }
+      oldNodes.forEach((node2) => node2.doCheck(false));
+      reactive(newNodes).forEach((node2) => node2.doCheck(true));
+      checkedNodes.value = newNodes;
+      nextTick(scrollToExpandingNode);
+    };
+    const scrollToExpandingNode = () => {
+      if (!isClient$1)
+        return;
+      menuList.value.forEach((menu2) => {
+        const menuElement = menu2 == null ? void 0 : menu2.$el;
+        if (menuElement) {
+          const container = menuElement.querySelector(`.${ns.namespace.value}-scrollbar__wrap`);
+          const activeNode = menuElement.querySelector(`.${ns.b("node")}.${ns.is("active")}:last-child`) || menuElement.querySelector(`.${ns.b("node")}.in-active-path`);
+          scrollIntoView$2(container, activeNode);
+        }
+      });
+    };
+    const handleKeyDown2 = (e3) => {
+      const target = e3.target;
+      const { code: code2 } = e3;
+      switch (code2) {
+        case EVENT_CODE$1.up:
+        case EVENT_CODE$1.down: {
+          e3.preventDefault();
+          const distance = code2 === EVENT_CODE$1.up ? -1 : 1;
+          focusNode(getSibling(target, distance, `.${ns.b("node")}[tabindex="-1"]`));
+          break;
+        }
+        case EVENT_CODE$1.left: {
+          e3.preventDefault();
+          const preMenu = menuList.value[getMenuIndex(target) - 1];
+          const expandedNode = preMenu == null ? void 0 : preMenu.$el.querySelector(`.${ns.b("node")}[aria-expanded="true"]`);
+          focusNode(expandedNode);
+          break;
+        }
+        case EVENT_CODE$1.right: {
+          e3.preventDefault();
+          const nextMenu = menuList.value[getMenuIndex(target) + 1];
+          const firstNode = nextMenu == null ? void 0 : nextMenu.$el.querySelector(`.${ns.b("node")}[tabindex="-1"]`);
+          focusNode(firstNode);
+          break;
+        }
+        case EVENT_CODE$1.enter:
+        case EVENT_CODE$1.numpadEnter:
+          checkNode(target);
+          break;
+      }
+    };
+    provide(CASCADER_PANEL_INJECTION_KEY, reactive({
+      config: config2,
+      expandingNode,
+      checkedNodes,
+      isHoverMenu,
+      initialLoaded,
+      renderLabelFn,
+      lazyLoad,
+      expandNode,
+      handleCheckChange
+    }));
+    watch(config2, (newVal, oldVal) => {
+      if (isEqual$2(newVal, oldVal))
+        return;
+      initStore();
+    }, {
+      immediate: true
+    });
+    watch(() => props.options, initStore, {
+      deep: true
+    });
+    watch(() => props.modelValue, () => {
+      manualChecked = false;
+      syncCheckedValue();
+    }, {
+      deep: true
+    });
+    watch(() => checkedValue.value, (val) => {
+      if (!isEqual$2(val, props.modelValue)) {
+        emit(UPDATE_MODEL_EVENT$1, val);
+        emit(CHANGE_EVENT$1, val);
+      }
+    });
+    onBeforeUpdate(() => menuList.value = []);
+    onMounted(() => !isEmpty(props.modelValue) && syncCheckedValue());
+    expose({
+      menuList,
+      menus,
+      checkedNodes,
+      handleKeyDown: handleKeyDown2,
+      handleCheckChange,
+      getFlattedNodes,
+      getCheckedNodes,
+      clearCheckedNodes,
+      calculateCheckedValue,
+      scrollToExpandingNode
+    });
+    return (_ctx7, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass([unref(ns).b("panel"), unref(ns).is("bordered", _ctx7.border)]),
+        onKeydown: handleKeyDown2
+      }, [
+        (openBlock(true), createElementBlock(Fragment$1, null, renderList(menus.value, (menu2, index2) => {
+          return openBlock(), createBlock(ElCascaderMenu, {
+            key: index2,
+            ref_for: true,
+            ref: (item) => menuList.value[index2] = item,
+            index: index2,
+            nodes: [...menu2]
+          }, {
+            empty: withCtx(() => [
+              renderSlot(_ctx7.$slots, "empty")
+            ]),
+            _: 2
+          }, 1032, ["index", "nodes"]);
+        }), 128))
+      ], 34);
+    };
+  }
+});
+var CascaderPanel = /* @__PURE__ */ _export_sfc(_sfc_main$2u, [["__file", "index.vue"]]);
+const ElCascaderPanel = withInstall(CascaderPanel);
 const tagProps = buildProps({
   type: {
     type: String,
@@ -25705,7 +26607,7 @@ const setCanFocus = function(childNodes, focus) {
   });
 };
 let nodeIdSeed = 0;
-let Node$2 = class Node2 {
+let Node$2 = class Node3 {
   constructor(options) {
     this.isLeafByUser = void 0;
     this.isLeaf = void 0;
@@ -25741,9 +26643,9 @@ let Node$2 = class Node2 {
     store.registerNode(this);
     const props = store.props;
     if (props && typeof props.isLeaf !== "undefined") {
-      const isLeaf = getPropertyFromData(this, "isLeaf");
-      if (isBoolean(isLeaf)) {
-        this.isLeafByUser = isLeaf;
+      const isLeaf2 = getPropertyFromData(this, "isLeaf");
+      if (isBoolean(isLeaf2)) {
+        this.isLeafByUser = isLeaf2;
       }
     }
     if (store.lazy !== true && this.data) {
@@ -25836,7 +26738,7 @@ let Node$2 = class Node2 {
   insertChild(child, index2, batch) {
     if (!child)
       throw new Error("InsertChild error: child is required.");
-    if (!(child instanceof Node2)) {
+    if (!(child instanceof Node3)) {
       if (!batch) {
         const children = this.getChildren(true);
         if (!(children == null ? void 0 : children.includes(child.data))) {
@@ -25851,8 +26753,8 @@ let Node$2 = class Node2 {
         parent: this,
         store: this.store
       });
-      child = reactive(new Node2(child));
-      if (child instanceof Node2) {
+      child = reactive(new Node3(child));
+      if (child instanceof Node3) {
         child.initialize();
       }
     }
@@ -27898,8 +28800,8 @@ var coreJsData$1 = root$8["__core-js_shared__"];
 var _coreJsData = coreJsData$1;
 var coreJsData = _coreJsData;
 var maskSrcKey = function() {
-  var uid = /[^.]+$/.exec(coreJsData && coreJsData.keys && coreJsData.keys.IE_PROTO || "");
-  return uid ? "Symbol(src)_1." + uid : "";
+  var uid2 = /[^.]+$/.exec(coreJsData && coreJsData.keys && coreJsData.keys.IE_PROTO || "");
+  return uid2 ? "Symbol(src)_1." + uid2 : "";
 }();
 function isMasked$1(func) {
   return !!maskSrcKey && maskSrcKey in func;
@@ -32800,7 +33702,7 @@ const _sfc_main$1l = /* @__PURE__ */ defineComponent({
           color: _ctx7.color
         }, null, 8, ["model-value", "color"]),
         createElementVNode("div", _hoisted_2$O, [
-          createVNode(_sfc_main$2T, {
+          createVNode(_sfc_main$2W, {
             type: "default",
             size: "middle",
             icon: "vc-icon-save",
@@ -41111,7 +42013,7 @@ const _sfc_main$14 = /* @__PURE__ */ defineComponent({
           createElementVNode("div", _hoisted_2$C, [
             renderSlot(_ctx7.$slots, "action", { click: triggerInputClick }, () => [
               createElementVNode("div", _hoisted_3$y, [
-                createVNode(_sfc_main$2T, {
+                createVNode(_sfc_main$2W, {
                   type: _ctx7.buttonType,
                   color: _ctx7.buttonColor,
                   icon: _ctx7.buttonIcon,
@@ -43075,7 +43977,7 @@ const _sfc_main$Q = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("div", _hoisted_1$F, [
         renderSlot(_ctx7.$slots, "navigation", {}, () => [
           createElementVNode("div", _hoisted_2$r, [
-            createVNode(_sfc_main$2T, {
+            createVNode(_sfc_main$2W, {
               block: _ctx7.isMobile,
               size: _ctx7.isMobile ? "middle" : "large",
               color: "secondary",
@@ -43095,7 +43997,7 @@ const _sfc_main$Q = /* @__PURE__ */ defineComponent({
           createElementVNode("div", _hoisted_4$j, [
             createElementVNode("div", _hoisted_5$f, [
               createElementVNode("div", _hoisted_6$c, [
-                _ctx7.showPrevBtn ? (openBlock(), createBlock(_sfc_main$2T, {
+                _ctx7.showPrevBtn ? (openBlock(), createBlock(_sfc_main$2W, {
                   key: 0,
                   block: _ctx7.isMobile,
                   size: _ctx7.isMobile ? "middle" : "large",
@@ -43111,7 +44013,7 @@ const _sfc_main$Q = /* @__PURE__ */ defineComponent({
                 }, 8, ["block", "size"])) : createCommentVNode("", true)
               ]),
               _ctx7.showNextBtn ? (openBlock(), createElementBlock("div", _hoisted_7$9, [
-                createVNode(_sfc_main$2T, {
+                createVNode(_sfc_main$2W, {
                   block: _ctx7.isMobile,
                   size: _ctx7.isMobile ? "middle" : "large",
                   loading: _ctx7.loading,
@@ -43127,7 +44029,7 @@ const _sfc_main$Q = /* @__PURE__ */ defineComponent({
                 }, 8, ["block", "size", "loading", "disabled"])
               ])) : createCommentVNode("", true),
               _ctx7.showFinalBtn ? (openBlock(), createElementBlock("div", _hoisted_8$6, [
-                createVNode(_sfc_main$2T, {
+                createVNode(_sfc_main$2W, {
                   size: _ctx7.isMobile ? "middle" : "large",
                   block: _ctx7.isMobile,
                   loading: _ctx7.loading,
@@ -45642,8 +46544,8 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
   setup(__props) {
     const props = __props;
     const slots = useSlots();
-    const uid = uniqueComponentId("vc-trend-");
-    const componentId = computed(() => props.id || uid);
+    const uid2 = uniqueComponentId("vc-trend-");
+    const componentId = computed(() => props.id || uid2);
     const bars = computed(() => genBars(items.value, boundary.value));
     const offsetX = computed(() => (Math.abs(bars.value[0].x - bars.value[1].x) - lineWidth.value) / 2);
     const autoDrawDuration = computed(() => Number(props.autoDrawDuration) || 500);
@@ -45834,10 +46736,10 @@ const _sfc_main$F = /* @__PURE__ */ defineComponent({
   setup(__props) {
     const props = __props;
     const slots = useSlots();
-    const uid = uniqueComponentId("vc-trendline-");
+    const uid2 = uniqueComponentId("vc-trendline-");
     const lastLength = ref(0);
     const pathRef = ref();
-    const componentId = computed(() => props.id || uid);
+    const componentId = computed(() => props.id || uid2);
     const gradientData = computed(() => {
       return !props.gradient.slice().length ? [""] : props.gradient.slice().reverse();
     });
@@ -53613,13 +54515,13 @@ class DOMSelectionState {
     return this.anchorNode == domSel.anchorNode && this.anchorOffset == domSel.anchorOffset && this.focusNode == domSel.focusNode && this.focusOffset == domSel.focusOffset;
   }
   setRange(range3) {
-    let { anchorNode, focusNode } = range3;
-    this.set(anchorNode, Math.min(range3.anchorOffset, anchorNode ? maxOffset(anchorNode) : 0), focusNode, Math.min(range3.focusOffset, focusNode ? maxOffset(focusNode) : 0));
+    let { anchorNode, focusNode: focusNode2 } = range3;
+    this.set(anchorNode, Math.min(range3.anchorOffset, anchorNode ? maxOffset(anchorNode) : 0), focusNode2, Math.min(range3.focusOffset, focusNode2 ? maxOffset(focusNode2) : 0));
   }
-  set(anchorNode, anchorOffset, focusNode, focusOffset) {
+  set(anchorNode, anchorOffset, focusNode2, focusOffset) {
     this.anchorNode = anchorNode;
     this.anchorOffset = anchorOffset;
-    this.focusNode = focusNode;
+    this.focusNode = focusNode2;
     this.focusOffset = focusOffset;
   }
 }
@@ -57137,11 +58039,11 @@ function selectionPoints(view) {
   let result2 = [];
   if (view.root.activeElement != view.contentDOM)
     return result2;
-  let { anchorNode, anchorOffset, focusNode, focusOffset } = view.observer.selectionRange;
+  let { anchorNode, anchorOffset, focusNode: focusNode2, focusOffset } = view.observer.selectionRange;
   if (anchorNode) {
     result2.push(new DOMPoint(anchorNode, anchorOffset));
-    if (focusNode != anchorNode || focusOffset != anchorOffset)
-      result2.push(new DOMPoint(focusNode, focusOffset));
+    if (focusNode2 != anchorNode || focusOffset != anchorOffset)
+      result2.push(new DOMPoint(focusNode2, focusOffset));
   }
   return result2;
 }
@@ -59937,11 +60839,11 @@ function findChild(cView, dom, dir) {
 }
 function buildSelectionRangeFromRange(view, range3) {
   let anchorNode = range3.startContainer, anchorOffset = range3.startOffset;
-  let focusNode = range3.endContainer, focusOffset = range3.endOffset;
+  let focusNode2 = range3.endContainer, focusOffset = range3.endOffset;
   let curAnchor = view.docView.domAtPos(view.state.selection.main.anchor);
-  if (isEquivalentPosition$1(curAnchor.node, curAnchor.offset, focusNode, focusOffset))
-    [anchorNode, anchorOffset, focusNode, focusOffset] = [focusNode, focusOffset, anchorNode, anchorOffset];
-  return { anchorNode, anchorOffset, focusNode, focusOffset };
+  if (isEquivalentPosition$1(curAnchor.node, curAnchor.offset, focusNode2, focusOffset))
+    [anchorNode, anchorOffset, focusNode2, focusOffset] = [focusNode2, focusOffset, anchorNode, anchorOffset];
+  return { anchorNode, anchorOffset, focusNode: focusNode2, focusOffset };
 }
 function safariSelectionRangeHack(view, selection2) {
   if (selection2.getComposedRanges) {
@@ -66170,7 +67072,7 @@ function legacy(parser2) {
   return new LanguageSupport(StreamLanguage.define(parser2));
 }
 function sql(dialectName) {
-  return import("./index-BWexRHi1.mjs").then((m2) => m2.sql({ dialect: m2[dialectName] }));
+  return import("./index-o6T82tO9.mjs").then((m2) => m2.sql({ dialect: m2[dialectName] }));
 }
 const languages = [
   // New-style language modes
@@ -66178,7 +67080,7 @@ const languages = [
     name: "C",
     extensions: ["c", "h", "ino"],
     load() {
-      return import("./index-5XTYllf8.mjs").then((m2) => m2.cpp());
+      return import("./index-BHgTKNj6.mjs").then((m2) => m2.cpp());
     }
   }),
   /* @__PURE__ */ LanguageDescription.of({
@@ -66186,7 +67088,7 @@ const languages = [
     alias: ["cpp"],
     extensions: ["cpp", "c++", "cc", "cxx", "hpp", "h++", "hh", "hxx"],
     load() {
-      return import("./index-5XTYllf8.mjs").then((m2) => m2.cpp());
+      return import("./index-BHgTKNj6.mjs").then((m2) => m2.cpp());
     }
   }),
   /* @__PURE__ */ LanguageDescription.of({
@@ -66208,7 +67110,7 @@ const languages = [
     name: "Go",
     extensions: ["go"],
     load() {
-      return import("./index-Djf2HmOn.mjs").then((m2) => m2.go());
+      return import("./index-CToYp0ec.mjs").then((m2) => m2.go());
     }
   }),
   /* @__PURE__ */ LanguageDescription.of({
@@ -66223,7 +67125,7 @@ const languages = [
     name: "Java",
     extensions: ["java"],
     load() {
-      return import("./index-D0jRT024.mjs").then((m2) => m2.java());
+      return import("./index-CYWz3-a9.mjs").then((m2) => m2.java());
     }
   }),
   /* @__PURE__ */ LanguageDescription.of({
@@ -66253,14 +67155,14 @@ const languages = [
     name: "LESS",
     extensions: ["less"],
     load() {
-      return import("./index-CApVvY4i.mjs").then((m2) => m2.less());
+      return import("./index-C1SGZ0VB.mjs").then((m2) => m2.less());
     }
   }),
   /* @__PURE__ */ LanguageDescription.of({
     name: "Liquid",
     extensions: ["liquid"],
     load() {
-      return import("./index-D4_mrv79.mjs").then((m2) => m2.liquid());
+      return import("./index-BnrhesCl.mjs").then((m2) => m2.liquid());
     }
   }),
   /* @__PURE__ */ LanguageDescription.of({
@@ -66292,7 +67194,7 @@ const languages = [
     name: "PHP",
     extensions: ["php", "php3", "php4", "php5", "php7", "phtml"],
     load() {
-      return import("./index-BJJ7G1kH.mjs").then((m2) => m2.php());
+      return import("./index-KX4Bfsig.mjs").then((m2) => m2.php());
     }
   }),
   /* @__PURE__ */ LanguageDescription.of({
@@ -66313,28 +67215,28 @@ const languages = [
     extensions: ["BUILD", "bzl", "py", "pyw"],
     filename: /^(BUCK|BUILD)$/,
     load() {
-      return import("./index-BIuNzHq0.mjs").then((m2) => m2.python());
+      return import("./index-C_0ohr-m.mjs").then((m2) => m2.python());
     }
   }),
   /* @__PURE__ */ LanguageDescription.of({
     name: "Rust",
     extensions: ["rs"],
     load() {
-      return import("./index-UOZNryNK.mjs").then((m2) => m2.rust());
+      return import("./index-6fzTDgR0.mjs").then((m2) => m2.rust());
     }
   }),
   /* @__PURE__ */ LanguageDescription.of({
     name: "Sass",
     extensions: ["sass"],
     load() {
-      return import("./index-wJLOQ-wI.mjs").then((m2) => m2.sass({ indented: true }));
+      return import("./index-Dz1n0irY.mjs").then((m2) => m2.sass({ indented: true }));
     }
   }),
   /* @__PURE__ */ LanguageDescription.of({
     name: "SCSS",
     extensions: ["scss"],
     load() {
-      return import("./index-wJLOQ-wI.mjs").then((m2) => m2.sass());
+      return import("./index-Dz1n0irY.mjs").then((m2) => m2.sass());
     }
   }),
   /* @__PURE__ */ LanguageDescription.of({
@@ -66369,7 +67271,7 @@ const languages = [
     name: "WebAssembly",
     extensions: ["wat", "wast"],
     load() {
-      return import("./index-BW6WQkYN.mjs").then((m2) => m2.wast());
+      return import("./index-C5fzTJu8.mjs").then((m2) => m2.wast());
     }
   }),
   /* @__PURE__ */ LanguageDescription.of({
@@ -66377,7 +67279,7 @@ const languages = [
     alias: ["rss", "wsdl", "xsd"],
     extensions: ["xml", "xsl", "xsd", "svg"],
     load() {
-      return import("./index-DAPqny2s.mjs").then((m2) => m2.xml());
+      return import("./index-Bnbcgp45.mjs").then((m2) => m2.xml());
     }
   }),
   /* @__PURE__ */ LanguageDescription.of({
@@ -66385,7 +67287,7 @@ const languages = [
     alias: ["yml"],
     extensions: ["yaml", "yml"],
     load() {
-      return import("./index-D51jpGiF.mjs").then((m2) => m2.yaml());
+      return import("./index-DwlQlTDu.mjs").then((m2) => m2.yaml());
     }
   }),
   // Legacy modes ported from CodeMirror 5
@@ -67181,13 +68083,13 @@ const languages = [
     name: "Vue",
     extensions: ["vue"],
     load() {
-      return import("./index-D6ztvlVx.mjs").then((m2) => m2.vue());
+      return import("./index-CanygYmA.mjs").then((m2) => m2.vue());
     }
   }),
   /* @__PURE__ */ LanguageDescription.of({
     name: "Angular Template",
     load() {
-      return import("./index-BvQvCT4b.mjs").then((m2) => m2.angular());
+      return import("./index-ClO3w-PT.mjs").then((m2) => m2.angular());
     }
   })
 ];
@@ -68462,7 +69364,7 @@ class NodeRange {
   }
 }
 const emptyAttrs = /* @__PURE__ */ Object.create(null);
-let Node$1 = class Node3 {
+let Node$1 = class Node4 {
   /**
   @internal
   */
@@ -68592,14 +69494,14 @@ let Node$1 = class Node3 {
   copy(content2 = null) {
     if (content2 == this.content)
       return this;
-    return new Node3(this.type, this.attrs, content2, this.marks);
+    return new Node4(this.type, this.attrs, content2, this.marks);
   }
   /**
   Create a copy of this node, with the given set of marks instead
   of the node's own marks.
   */
   mark(marks) {
-    return marks == this.marks ? this : new Node3(this.type, this.attrs, this.content, marks);
+    return marks == this.marks ? this : new Node4(this.type, this.attrs, this.content, marks);
   }
   /**
   Create a copy of this node with only the content between the
@@ -85677,9 +86579,9 @@ function switchEditable(view, node2, state) {
 function safariDownArrowBug(view) {
   if (!safari$1 || view.state.selection.$head.parentOffset > 0)
     return false;
-  let { focusNode, focusOffset } = view.domSelectionRange();
-  if (focusNode && focusNode.nodeType == 1 && focusOffset == 0 && focusNode.firstChild && focusNode.firstChild.contentEditable == "false") {
-    let child = focusNode.firstChild;
+  let { focusNode: focusNode2, focusOffset } = view.domSelectionRange();
+  if (focusNode2 && focusNode2.nodeType == 1 && focusOffset == 0 && focusNode2.firstChild && focusNode2.firstChild.contentEditable == "false") {
+    let child = focusNode2.firstChild;
     switchEditable(view, child, "true");
     setTimeout(() => switchEditable(view, child, "false"), 20);
   }
@@ -87460,10 +88362,10 @@ class DOMObserver2 {
         else
           a2.remove();
       } else {
-        let { focusNode } = this.currentSelection;
+        let { focusNode: focusNode2 } = this.currentSelection;
         for (let br of brs) {
           let parent = br.parentNode;
-          if (parent && parent.nodeName == "LI" && (!focusNode || blockParent(view, focusNode) != parent))
+          if (parent && parent.nodeName == "LI" && (!focusNode2 || blockParent(view, focusNode2) != parent))
             br.remove();
         }
       }
@@ -87551,11 +88453,11 @@ function checkCSS(view) {
 }
 function rangeToSelectionRange(view, range3) {
   let anchorNode = range3.startContainer, anchorOffset = range3.startOffset;
-  let focusNode = range3.endContainer, focusOffset = range3.endOffset;
+  let focusNode2 = range3.endContainer, focusOffset = range3.endOffset;
   let currentAnchor = view.domAtPos(view.state.selection.anchor);
-  if (isEquivalentPosition(currentAnchor.node, currentAnchor.offset, focusNode, focusOffset))
-    [anchorNode, anchorOffset, focusNode, focusOffset] = [focusNode, focusOffset, anchorNode, anchorOffset];
-  return { anchorNode, anchorOffset, focusNode, focusOffset };
+  if (isEquivalentPosition(currentAnchor.node, currentAnchor.offset, focusNode2, focusOffset))
+    [anchorNode, anchorOffset, focusNode2, focusOffset] = [focusNode2, focusOffset, anchorNode, anchorOffset];
+  return { anchorNode, anchorOffset, focusNode: focusNode2, focusOffset };
 }
 function safariShadowSelectionRange(view, selection2) {
   if (selection2.getComposedRanges) {
@@ -92699,7 +93601,7 @@ function createDOMPurify() {
   const {
     DocumentFragment: DocumentFragment2,
     HTMLTemplateElement,
-    Node: Node4,
+    Node: Node5,
     Element: Element3,
     NodeFilter: NodeFilter2,
     NamedNodeMap = window2.NamedNodeMap || window2.MozNamedAttrMap,
@@ -93078,7 +93980,7 @@ function createDOMPurify() {
     return element2 instanceof HTMLFormElement && (typeof element2.nodeName !== "string" || typeof element2.textContent !== "string" || typeof element2.removeChild !== "function" || !(element2.attributes instanceof NamedNodeMap) || typeof element2.removeAttribute !== "function" || typeof element2.setAttribute !== "function" || typeof element2.namespaceURI !== "string" || typeof element2.insertBefore !== "function" || typeof element2.hasChildNodes !== "function");
   };
   const _isNode = function _isNode2(value) {
-    return typeof Node4 === "function" && value instanceof Node4;
+    return typeof Node5 === "function" && value instanceof Node5;
   };
   function _executeHooks(hooks2, currentNode, data2) {
     arrayForEach(hooks2, (hook) => {
@@ -93327,7 +94229,7 @@ function createDOMPurify() {
           throw typeErrorCreate("root node is forbidden and cannot be sanitized in-place");
         }
       }
-    } else if (dirty instanceof Node4) {
+    } else if (dirty instanceof Node5) {
       body = _initDocument("<!---->");
       importedNode = body.ownerDocument.importNode(dirty, true);
       if (importedNode.nodeType === NODE_TYPE.element && importedNode.nodeName === "BODY") {
@@ -134779,6 +135681,9 @@ var oe = defineComponent({
     );
   }
 });
+function isGroupParameter(item) {
+  return "options" in item && Array.isArray(item.options);
+}
 const _hoisted_1$j = { class: "vc-markdown-editor__toolbar flex items-center divide-x divide-ui-lines space h-full" };
 const _hoisted_2$b = { class: "flex items-center px-1" };
 const _hoisted_3$b = { class: "hidden md:inline-flex" };
@@ -134797,7 +135702,10 @@ const _hoisted_14$2 = {
   class: "flex items-center gap-1 px-1"
 };
 const _hoisted_15$2 = { class: "hidden md:inline-flex" };
-const _hoisted_16 = { class: "p-2 rounded divide-y divide-ui-lines max-h-96 overflow-x-auto" };
+const _hoisted_16 = {
+  key: 1,
+  class: "p-2 rounded divide-y divide-ui-lines max-h-96 overflow-x-auto"
+};
 const _hoisted_17 = { class: "w-full flex items-center gap-2" };
 const _hoisted_18 = { class: "capitalize" };
 const _hoisted_19 = { key: 1 };
@@ -134807,6 +135715,9 @@ const _hoisted_22 = { class: "p-2 rounded divide-y divide-ui-lines" };
 const _hoisted_23 = { class: "py-0.5" };
 const _hoisted_24 = { class: "py-0.5" };
 const _hoisted_25 = { class: "py-0.5" };
+const CASCADER_ACTION_OPENING = "__opening__";
+const CASCADER_ACTION_CLOSING = "__closing__";
+const CASCADER_ACTION_VALUE = "__value__";
 const NAV_ACTIONS_COLOR = "primary";
 const _sfc_main$j = /* @__PURE__ */ defineComponent({
   __name: "VcMdEditorToolbar",
@@ -134825,7 +135736,111 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
     const listActionsTooltipRef = ref();
     const addActionsTooltipRef = ref();
     const paramsActionsTooltipRef = ref();
+    const cascaderValue = ref([]);
+    const props = __props;
     const emit = __emit;
+    const isGrouped = computed(() => {
+      var _a2;
+      return ((_a2 = props.parameters) == null ? void 0 : _a2.some((item) => isGroupParameter(item))) ?? false;
+    });
+    const flatParameters = computed(() => {
+      if (!props.parameters) return [];
+      return props.parameters.filter(
+        (item) => !isGroupParameter(item)
+      );
+    });
+    const parameterMap = computed(() => {
+      const map3 = /* @__PURE__ */ new Map();
+      if (!props.parameters) return map3;
+      for (const item of props.parameters) {
+        if (isGroupParameter(item)) {
+          for (const option of item.options) {
+            map3.set(option.tag, option);
+          }
+        } else {
+          map3.set(item.tag, item);
+        }
+      }
+      return map3;
+    });
+    const cascaderProps = {
+      expandTrigger: "click",
+      emitPath: true,
+      value: "value",
+      label: "label",
+      children: "children"
+    };
+    const cascaderOptions = computed(() => {
+      if (!props.parameters) return [];
+      return props.parameters.map((item) => {
+        if (isGroupParameter(item)) {
+          return {
+            value: item.label,
+            label: item.label,
+            children: item.options.map(buildParameterCascaderNode)
+          };
+        }
+        return buildParameterCascaderNode(item);
+      });
+    });
+    function buildParameterCascaderNode(param) {
+      if (param.schema) {
+        return {
+          value: param.tag,
+          label: param.label,
+          leaf: true
+        };
+      }
+      return {
+        value: param.tag,
+        label: param.label,
+        children: [
+          {
+            value: CASCADER_ACTION_OPENING,
+            label: "Opening If",
+            leaf: true
+          },
+          {
+            value: CASCADER_ACTION_CLOSING,
+            label: "Closing If",
+            leaf: true
+          },
+          {
+            value: CASCADER_ACTION_VALUE,
+            label: "Value",
+            leaf: true
+          }
+        ]
+      };
+    }
+    function onCascaderChange(value) {
+      var _a2, _b;
+      if (!value || !Array.isArray(value) || !value.length) return;
+      const path2 = value;
+      const isGroupedData = (_a2 = props.parameters) == null ? void 0 : _a2.some((item) => isGroupParameter(item));
+      let paramTag;
+      let action;
+      if (isGroupedData && path2.length >= 2) {
+        paramTag = path2[1];
+        action = path2[2];
+      } else {
+        paramTag = path2[0];
+        action = path2[1];
+      }
+      const parameter = parameterMap.value.get(paramTag);
+      if (!parameter) return;
+      let insertState;
+      if (action === CASCADER_ACTION_OPENING) {
+        insertState = "opening";
+      } else if (action === CASCADER_ACTION_CLOSING) {
+        insertState = "closing";
+      }
+      emit("insert-parameter", parameter, insertState);
+      (_b = parameterPopoverRef.value) == null ? void 0 : _b.hide();
+      nextTick(() => {
+        cascaderValue.value = [];
+      });
+    }
     function closeAllPopovers() {
       var _a2, _b, _c;
       (_a2 = headingPopoverRef.value) == null ? void 0 : _a2.hide();
@@ -135019,9 +136034,10 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
             teleported: _ctx7.isTeleported,
             disabled: _ctx7.disabled,
             trigger: "click",
+            "popover-class": "vc-markdown-editor__parameter-popover",
             placement: "bottom",
             "popover-width": "auto",
-            "popover-max-width": "420px"
+            "popover-max-width": isGrouped.value ? "600px" : "420px"
           }, {
             reference: withCtx(() => [
               createVNode(_component_VcButton, {
@@ -135039,8 +136055,17 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
               }, 512)
             ]),
             default: withCtx(() => [
-              createElementVNode("div", _hoisted_16, [
-                (openBlock(true), createElementBlock(Fragment$1, null, renderList(_ctx7.parameters, (parameter, index2) => {
+              isGrouped.value ? (openBlock(), createBlock(unref(ElCascaderPanel), {
+                key: 0,
+                modelValue: cascaderValue.value,
+                "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => cascaderValue.value = $event),
+                options: cascaderOptions.value,
+                props: cascaderProps,
+                teleported: _ctx7.isTeleported,
+                class: "vc-markdown-editor__cascader-panel",
+                onChange: onCascaderChange
+              }, null, 8, ["modelValue", "options", "teleported"])) : (openBlock(), createElementBlock("div", _hoisted_16, [
+                (openBlock(true), createElementBlock(Fragment$1, null, renderList(flatParameters.value, (parameter, index2) => {
                   return openBlock(), createElementBlock("div", {
                     key: `${parameter.tag}-${index2}`,
                     class: "py-0.5"
@@ -135054,7 +136079,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
                     }, {
                       default: withCtx(() => [
                         createElementVNode("div", _hoisted_17, [
-                          _cache[0] || (_cache[0] = createElementVNode("i", { class: "vc-lc-braces" }, null, -1)),
+                          _cache[1] || (_cache[1] = createElementVNode("i", { class: "vc-lc-braces" }, null, -1)),
                           createElementVNode("span", _hoisted_18, toDisplayString(parameter.label), 1)
                         ])
                       ]),
@@ -135075,7 +136100,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
                             default: withCtx(() => [
                               createElementVNode("div", _hoisted_20, [
                                 createElementVNode("span", _hoisted_21, toDisplayString(parameter.label), 1),
-                                _cache[1] || (_cache[1] = createElementVNode("i", { class: "vc-lc-chevron-right" }, null, -1))
+                                _cache[2] || (_cache[2] = createElementVNode("i", { class: "vc-lc-chevron-right" }, null, -1))
                               ])
                             ]),
                             _: 2
@@ -135090,7 +136115,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
                                 type: "borderless",
                                 onClick: ($event) => handleInsertParameter(parameter, "opening")
                               }, {
-                                default: withCtx(() => [..._cache[2] || (_cache[2] = [
+                                default: withCtx(() => [..._cache[3] || (_cache[3] = [
                                   createElementVNode("div", { class: "w-full flex items-center gap-2" }, [
                                     createElementVNode("span", { class: "capitalize" }, "Opening If")
                                   ], -1)
@@ -135105,7 +136130,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
                                 type: "borderless",
                                 onClick: ($event) => handleInsertParameter(parameter, "closing")
                               }, {
-                                default: withCtx(() => [..._cache[3] || (_cache[3] = [
+                                default: withCtx(() => [..._cache[4] || (_cache[4] = [
                                   createElementVNode("div", { class: "w-full flex items-center gap-2" }, [
                                     createElementVNode("span", { class: "capitalize" }, "Closing If")
                                   ], -1)
@@ -135120,7 +136145,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
                                 type: "borderless",
                                 onClick: ($event) => handleInsertParameter(parameter)
                               }, {
-                                default: withCtx(() => [..._cache[4] || (_cache[4] = [
+                                default: withCtx(() => [..._cache[5] || (_cache[5] = [
                                   createElementVNode("div", { class: "w-full flex items-center gap-2" }, [
                                     createElementVNode("span", { class: "capitalize" }, "Value")
                                   ], -1)
@@ -135135,10 +136160,10 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
                     ]))
                   ]);
                 }), 128))
-              ])
+              ]))
             ]),
             _: 1
-          }, 8, ["teleported", "disabled"])
+          }, 8, ["teleported", "disabled", "popover-max-width"])
         ])) : createCommentVNode("", true),
         createVNode(unref(ElTooltip), {
           content: _ctx7.$tVU.t("voicenterUi.mdEditor.toolbar.textActions"),
@@ -135184,15 +136209,16 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
   ...{ inheritAttrs: false },
   __name: "VcMdEditor",
   props: {
-    modelValue: {},
-    html: {},
-    disabled: { type: Boolean },
-    useParameters: { type: Boolean },
-    minHeight: {},
-    maxHeight: {},
-    parameters: {},
-    isTeleported: { type: Boolean },
-    readonly: { type: Boolean }
+    modelValue: { default: "" },
+    html: { default: "" },
+    disabled: { type: Boolean, default: false },
+    useParameters: { type: Boolean, default: false },
+    minHeight: { default: 400 },
+    maxHeight: { default: void 0 },
+    parameters: { default: void 0 },
+    isTeleported: { type: Boolean, default: void 0 },
+    readonly: { type: Boolean },
+    hideToolbar: { type: Boolean }
   },
   emits: ["update:modelValue", "update:html"],
   setup(__props, { expose: __expose, emit: __emit }) {
@@ -135206,6 +136232,18 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
     const mounted = ref(false);
     const milkdownEditorContentRef = ref();
     const alignMode = ref("ltr");
+    const flatParameters = computed(() => {
+      if (!props.parameters) return void 0;
+      const result2 = [];
+      for (const item of props.parameters) {
+        if (isGroupParameter(item)) {
+          result2.push(...item.options);
+        } else {
+          result2.push(item);
+        }
+      }
+      return result2;
+    });
     const minHeightProperty = computed(() => {
       return convertToUnit(props.minHeight || 400);
     });
@@ -135310,7 +136348,7 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
                   "--max-md-height": maxHeightProperty.value
                 })
               }, [
-                !_ctx7.disabled ? (openBlock(), createElementBlock("div", _hoisted_1$i, [
+                !_ctx7.disabled && !_ctx7.hideToolbar ? (openBlock(), createElementBlock("div", _hoisted_1$i, [
                   createElementVNode("div", _hoisted_2$a, [
                     editorMode.value && !_ctx7.readonly ? (openBlock(), createBlock(_sfc_main$j, {
                       key: 0,
@@ -135370,7 +136408,7 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
                     "onUpdate:html": _cache[2] || (_cache[2] = ($event) => isRef(localHtml) ? localHtml.value = $event : null),
                     disabled: _ctx7.disabled,
                     "min-height": _ctx7.minHeight,
-                    parameters: _ctx7.parameters,
+                    parameters: flatParameters.value,
                     "use-parameters": _ctx7.useParameters,
                     readonly: _ctx7.readonly
                   }, unref(attributes)), null, 16, ["modelValue", "html", "disabled", "min-height", "parameters", "use-parameters", "readonly"])) : (openBlock(), createBlock(unref(oe), {
@@ -140011,7 +141049,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
 const components = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   VcAutocomplete: _sfc_main$1A,
-  VcButton: _sfc_main$2T,
+  VcButton: _sfc_main$2W,
   VcButtonIcon,
   VcCard: _sfc_main$13,
   VcCheckbox: _sfc_main$1F,
@@ -140075,7 +141113,7 @@ const components = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePr
   VcTag: _sfc_main$1e,
   VcTagInput: _sfc_main$1d,
   VcTimeInput: _sfc_main$1h,
-  VcToggleButton: _sfc_main$2R,
+  VcToggleButton: _sfc_main$2U,
   VcTransfer: _sfc_main$H,
   VcTree: _sfc_main$J,
   VcTreeSelect: _sfc_main$I,
@@ -149462,9 +150500,9 @@ export {
   subFp as af,
   useRTL as ag,
   buildMustacheSnippet as ah,
-  _sfc_main$2T as ai,
+  _sfc_main$2W as ai,
   VcButtonIcon as aj,
-  _sfc_main$2R as ak,
+  _sfc_main$2U as ak,
   _sfc_main$1L as al,
   _sfc_main$1K as am,
   _sfc_main$1J as an,
@@ -149481,6 +150519,7 @@ export {
   _sfc_main$1v as ay,
   _sfc_main$1u as az,
   LanguageSupport as b,
+  _sfc_main$b as b$,
   VcTable as b0,
   _sfc_main$L as b1,
   _sfc_main$J as b2,
@@ -149491,33 +150530,33 @@ export {
   _sfc_main$E as b7,
   _sfc_main$D as b8,
   _sfc_main$C as b9,
-  iconSizes as bA,
-  DEFAULT_COMPONENT_SIZE as bB,
-  UPDATE_MODEL_EVENT as bC,
-  CHANGE_EVENT as bD,
-  INPUT_EVENT as bE,
-  EVENT_CODE as bF,
-  isComponentColor as bG,
-  EDITABLE_TAB_SUB_SECTION_QUERY_PARAM_NAME as bH,
-  LIST_TAB_QUERY_VALUE as bI,
-  CREATE_TAB_QUERY_VALUE as bJ,
-  TEXT_COLORS as bK,
-  DEFAULT_COLOR$8 as bL,
-  DEFAULT_SIZE$9 as bM,
-  DEFAULT_ICON_SIZE as bN,
-  CLASS_FOR_COLOR$3 as bO,
-  CLASS_FOR_ICON_COLOR$1 as bP,
-  CLASS_FOR_ICON_SIZE as bQ,
-  _sfc_main$1 as bR,
-  _sfc_main as bS,
-  _sfc_main$f as bT,
-  _sfc_main$e as bU,
-  _sfc_main$d as bV,
-  _sfc_main$c as bW,
-  _sfc_main$g as bX,
-  _sfc_main$a as bY,
-  _sfc_main$9 as bZ,
-  _sfc_main$b as b_,
+  textSizes as bA,
+  iconSizes as bB,
+  DEFAULT_COMPONENT_SIZE as bC,
+  UPDATE_MODEL_EVENT as bD,
+  CHANGE_EVENT as bE,
+  INPUT_EVENT as bF,
+  EVENT_CODE as bG,
+  isComponentColor as bH,
+  EDITABLE_TAB_SUB_SECTION_QUERY_PARAM_NAME as bI,
+  LIST_TAB_QUERY_VALUE as bJ,
+  CREATE_TAB_QUERY_VALUE as bK,
+  TEXT_COLORS as bL,
+  DEFAULT_COLOR$8 as bM,
+  DEFAULT_SIZE$9 as bN,
+  DEFAULT_ICON_SIZE as bO,
+  CLASS_FOR_COLOR$3 as bP,
+  CLASS_FOR_ICON_COLOR$1 as bQ,
+  CLASS_FOR_ICON_SIZE as bR,
+  _sfc_main$1 as bS,
+  _sfc_main as bT,
+  _sfc_main$f as bU,
+  _sfc_main$e as bV,
+  _sfc_main$d as bW,
+  _sfc_main$c as bX,
+  _sfc_main$g as bY,
+  _sfc_main$a as bZ,
+  _sfc_main$9 as b_,
   VcLoading as ba,
   _sfc_main$B as bb,
   _sfc_main$A as bc,
@@ -149541,9 +150580,9 @@ export {
   VcTabPaneProvideKey as bu,
   VcRTLToken as bv,
   VcSoundPlayerProvideKey as bw,
-  componentSizes as bx,
-  componentColors as by,
-  textSizes as bz,
+  isGroupParameter as bx,
+  componentSizes as by,
+  componentColors as bz,
   continuedIndent as c,
   ifNotIn as d,
   completeFromList as e,