xxl-job-vue3 1.0.1 → 1.0.3

package/dist/index-D6UxUdAp.js

@@ -1,4463 +0,0 @@
-import { defineComponent, ref, provide, onMounted, createElementBlock, openBlock, unref, normalizeClass, renderSlot, getCurrentInstance, inject, createElementVNode, createBlock, withCtx, resolveDynamicComponent, toDisplayString, Transition, mergeProps, toHandlers, shallowRef, computed, watch, normalizeStyle, watchEffect, Fragment, renderList, reactive, nextTick, createCommentVNode, createVNode, withDirectives, vShow, withKeys, createTextVNode, useSlots, onBeforeUnmount, h, toRef, resolveComponent, isRef, KeepAlive, TransitionGroup } from "vue";
-import { n as buildProps, o as iconPropType, p as _export_sfc, u as useLocale, q as useNamespace, r as definePropType, E as ElIcon, w as withInstall, s as withNoopInstall, t as isClient, v as addUnit, x as getEventCode, y as EVENT_CODE, z as isString, A as isNil, U as UPDATE_MODEL_EVENT, T as TinyColor, B as hasOwn, C as useFormItem, D as useFormDisabled, F as debugWarn, G as ElInput, H as CHANGE_EVENT, I as useAriaProps, J as useEmptyValuesProps, K as useTooltipContentProps, L as useSizeProp, M as useFormSize, N as useEmptyValues, O as useFormItemInputId, P as useFocusController, Q as reactiveComputed, R as pick, S as debounce, V as ElTooltip, W as ElButton, X as ClickOutside, Y as triggerEvent, Z as addClass, $ as hasClass, a0 as removeClass, a1 as throwError, a2 as isUndefined, a3 as useTimeoutFn, a4 as focusElement, a5 as isArray, a6 as isObject, a7 as useResizeObserver, a8 as flattedChildren, a9 as mutable, aa as unrefElement, ab as isPropAbsent, ac as useGlobalStore, ad as storeToRefs, ae as DEFAULT_PRIMARY, af as ElSwitch, ag as ElDrawer, ah as _export_sfc$1, ai as defineStore, aj as piniaPersistConfig, ak as getUrlWithParams, al as router, am as useAuthStore, an as useRoute, ao as useRouter, ap as ElDropdown, aq as ElDropdownMenu, ar as ElDropdownItem, as as Sortable, at as ElTabs, au as ElTabPane, av as useDebounceFn, aw as useUserStore, ax as normalizeStyle$1, ay as ElScrollbar } from "./index-C8Y_Od96.js";
-import { ElMessage } from "element-plus";
-import { ArrowDown, Close, ArrowRight, More, Moon, Sunny } from "@element-plus/icons-vue";
-const breadcrumbKey = Symbol("breadcrumbKey");
-const breadcrumbProps = buildProps({
-  separator: {
-    type: String,
-    default: "/"
-  },
-  separatorIcon: {
-    type: iconPropType
-  }
-});
-const _hoisted_1$g = ["aria-label"];
-const _sfc_main$z = defineComponent({
-  ...{
-    name: "ElBreadcrumb"
-  },
-  __name: "breadcrumb",
-  props: breadcrumbProps,
-  setup(__props) {
-    const { t } = useLocale();
-    const props = __props;
-    const ns = useNamespace("breadcrumb");
-    const breadcrumb = ref();
-    provide(breadcrumbKey, props);
-    onMounted(() => {
-      const items = breadcrumb.value.querySelectorAll(`.${ns.e("item")}`);
-      if (items.length) {
-        items[items.length - 1].setAttribute("aria-current", "page");
-      }
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        ref_key: "breadcrumb",
-        ref: breadcrumb,
-        class: normalizeClass(unref(ns).b()),
-        "aria-label": unref(t)("el.breadcrumb.label"),
-        role: "navigation"
-      }, [
-        renderSlot(_ctx.$slots, "default")
-      ], 10, _hoisted_1$g);
-    };
-  }
-});
-var Breadcrumb$1 = /* @__PURE__ */ _export_sfc(_sfc_main$z, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/breadcrumb/src/breadcrumb.vue"]]);
-const breadcrumbItemProps = buildProps({
-  to: {
-    type: definePropType([String, Object]),
-    default: ""
-  },
-  replace: Boolean
-});
-const _sfc_main$y = defineComponent({
-  ...{
-    name: "ElBreadcrumbItem"
-  },
-  __name: "breadcrumb-item",
-  props: breadcrumbItemProps,
-  setup(__props) {
-    const props = __props;
-    const instance = getCurrentInstance();
-    const breadcrumbContext = inject(breadcrumbKey, void 0);
-    const ns = useNamespace("breadcrumb");
-    const router2 = instance.appContext.config.globalProperties.$router;
-    const onClick = () => {
-      if (!props.to || !router2)
-        return;
-      props.replace ? router2.replace(props.to) : router2.push(props.to);
-    };
-    return (_ctx, _cache) => {
-      var _a, _b;
-      return openBlock(), createElementBlock(
-        "span",
-        {
-          class: normalizeClass(unref(ns).e("item"))
-        },
-        [
-          createElementVNode(
-            "span",
-            {
-              class: normalizeClass([unref(ns).e("inner"), unref(ns).is("link", !!_ctx.to)]),
-              role: "link",
-              onClick
-            },
-            [
-              renderSlot(_ctx.$slots, "default")
-            ],
-            2
-          ),
-          ((_a = unref(breadcrumbContext)) == null ? void 0 : _a.separatorIcon) ? (openBlock(), createBlock(unref(ElIcon), {
-            key: 0,
-            class: normalizeClass(unref(ns).e("separator"))
-          }, {
-            default: withCtx(() => [
-              (openBlock(), createBlock(resolveDynamicComponent(unref(breadcrumbContext).separatorIcon)))
-            ]),
-            _: 1
-          }, 8, ["class"])) : (openBlock(), createElementBlock(
-            "span",
-            {
-              key: 1,
-              class: normalizeClass(unref(ns).e("separator")),
-              role: "presentation"
-            },
-            toDisplayString((_b = unref(breadcrumbContext)) == null ? void 0 : _b.separator),
-            3
-          ))
-        ],
-        2
-      );
-    };
-  }
-});
-var BreadcrumbItem = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/breadcrumb/src/breadcrumb-item.vue"]]);
-const ElBreadcrumb = withInstall(Breadcrumb$1, {
-  BreadcrumbItem
-});
-const ElBreadcrumbItem = withNoopInstall(BreadcrumbItem);
-const _sfc_main$x = defineComponent({
-  ...{
-    name: "ElCollapseTransition"
-  },
-  __name: "collapse-transition",
-  setup(__props) {
-    const ns = useNamespace("collapse-transition");
-    const reset = (el) => {
-      el.style.maxHeight = "";
-      el.style.overflow = el.dataset.oldOverflow;
-      el.style.paddingTop = el.dataset.oldPaddingTop;
-      el.style.paddingBottom = el.dataset.oldPaddingBottom;
-    };
-    const on = {
-      beforeEnter(el) {
-        if (!el.dataset)
-          el.dataset = {};
-        el.dataset.oldPaddingTop = el.style.paddingTop;
-        el.dataset.oldPaddingBottom = el.style.paddingBottom;
-        if (el.style.height)
-          el.dataset.elExistsHeight = el.style.height;
-        el.style.maxHeight = 0;
-        el.style.paddingTop = 0;
-        el.style.paddingBottom = 0;
-      },
-      enter(el) {
-        requestAnimationFrame(() => {
-          el.dataset.oldOverflow = el.style.overflow;
-          if (el.dataset.elExistsHeight) {
-            el.style.maxHeight = el.dataset.elExistsHeight;
-          } else if (el.scrollHeight !== 0) {
-            el.style.maxHeight = `${el.scrollHeight}px`;
-          } else {
-            el.style.maxHeight = 0;
-          }
-          el.style.paddingTop = el.dataset.oldPaddingTop;
-          el.style.paddingBottom = el.dataset.oldPaddingBottom;
-          el.style.overflow = "hidden";
-        });
-      },
-      afterEnter(el) {
-        el.style.maxHeight = "";
-        el.style.overflow = el.dataset.oldOverflow;
-      },
-      enterCancelled(el) {
-        reset(el);
-      },
-      beforeLeave(el) {
-        if (!el.dataset)
-          el.dataset = {};
-        el.dataset.oldPaddingTop = el.style.paddingTop;
-        el.dataset.oldPaddingBottom = el.style.paddingBottom;
-        el.dataset.oldOverflow = el.style.overflow;
-        el.style.maxHeight = `${el.scrollHeight}px`;
-        el.style.overflow = "hidden";
-      },
-      leave(el) {
-        if (el.scrollHeight !== 0) {
-          el.style.maxHeight = 0;
-          el.style.paddingTop = 0;
-          el.style.paddingBottom = 0;
-        }
-      },
-      afterLeave(el) {
-        reset(el);
-      },
-      leaveCancelled(el) {
-        reset(el);
-      }
-    };
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(Transition, mergeProps({
-        name: unref(ns).b()
-      }, toHandlers(on)), {
-        default: withCtx(() => [
-          renderSlot(_ctx.$slots, "default")
-        ]),
-        _: 3
-      }, 16, ["name"]);
-    };
-  }
-});
-var CollapseTransition = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/collapse-transition/src/collapse-transition.vue"]]);
-const ElCollapseTransition = withInstall(CollapseTransition);
-const alphaSliderProps = buildProps({
-  color: {
-    type: definePropType(Object),
-    required: true
-  },
-  vertical: Boolean,
-  disabled: Boolean
-});
-const hueSliderProps = alphaSliderProps;
-let isDragging = false;
-function draggable(element, options) {
-  if (!isClient)
-    return;
-  const moveFn = function(event) {
-    var _a;
-    (_a = options.drag) == null ? void 0 : _a.call(options, event);
-  };
-  const upFn = function(event) {
-    var _a;
-    document.removeEventListener("mousemove", moveFn);
-    document.removeEventListener("mouseup", upFn);
-    document.removeEventListener("touchmove", moveFn);
-    document.removeEventListener("touchend", upFn);
-    document.onselectstart = null;
-    document.ondragstart = null;
-    isDragging = false;
-    (_a = options.end) == null ? void 0 : _a.call(options, event);
-  };
-  const downFn = function(event) {
-    var _a;
-    if (isDragging)
-      return;
-    document.onselectstart = () => false;
-    document.ondragstart = () => false;
-    document.addEventListener("mousemove", moveFn);
-    document.addEventListener("mouseup", upFn);
-    document.addEventListener("touchmove", moveFn);
-    document.addEventListener("touchend", upFn);
-    isDragging = true;
-    (_a = options.start) == null ? void 0 : _a.call(options, event);
-  };
-  element.addEventListener("mousedown", downFn);
-  element.addEventListener("touchstart", downFn, { passive: false });
-}
-const getClientXY = (event) => {
-  let clientX;
-  let clientY;
-  if (event.type === "touchend") {
-    clientY = event.changedTouches[0].clientY;
-    clientX = event.changedTouches[0].clientX;
-  } else if (event.type.startsWith("touch")) {
-    clientY = event.touches[0].clientY;
-    clientX = event.touches[0].clientX;
-  } else {
-    clientY = event.clientY;
-    clientX = event.clientX;
-  }
-  return {
-    clientX,
-    clientY
-  };
-};
-const useSlider = (props, { key, minValue: minValue2, maxValue: maxValue2 }) => {
-  const instance = getCurrentInstance();
-  const thumb = shallowRef();
-  const bar = shallowRef();
-  const currentValue = computed(() => props.color.get(key));
-  function handleClick(event) {
-    var _a;
-    if (props.disabled)
-      return;
-    const target = event.target;
-    if (target !== thumb.value) {
-      handleDrag(event);
-    }
-    (_a = thumb.value) == null ? void 0 : _a.focus();
-  }
-  function handleDrag(event) {
-    if (!bar.value || !thumb.value || props.disabled)
-      return;
-    const el = instance.vnode.el;
-    const rect = el.getBoundingClientRect();
-    const { clientX, clientY } = getClientXY(event);
-    let value;
-    if (!props.vertical) {
-      let left = clientX - rect.left;
-      left = Math.max(thumb.value.offsetWidth / 2, left);
-      left = Math.min(left, rect.width - thumb.value.offsetWidth / 2);
-      value = Math.round(
-        (left - thumb.value.offsetWidth / 2) / (rect.width - thumb.value.offsetWidth) * maxValue2
-      );
-    } else {
-      let top = clientY - rect.top;
-      top = Math.max(thumb.value.offsetHeight / 2, top);
-      top = Math.min(top, rect.height - thumb.value.offsetHeight / 2);
-      value = Math.round(
-        (top - thumb.value.offsetHeight / 2) / (rect.height - thumb.value.offsetHeight) * maxValue2
-      );
-    }
-    props.color.set(key, value);
-  }
-  function handleKeydown(event) {
-    if (props.disabled)
-      return;
-    const { shiftKey } = event;
-    const code = getEventCode(event);
-    const step = shiftKey ? 10 : 1;
-    const reverse = key === "hue" ? -1 : 1;
-    let isPreventDefault = true;
-    switch (code) {
-      case EVENT_CODE.left:
-      case EVENT_CODE.down:
-        incrementPosition(-step * reverse);
-        break;
-      case EVENT_CODE.right:
-      case EVENT_CODE.up:
-        incrementPosition(step * reverse);
-        break;
-      case EVENT_CODE.home:
-        props.color.set(key, key === "hue" ? maxValue2 : minValue2);
-        break;
-      case EVENT_CODE.end:
-        props.color.set(key, key === "hue" ? minValue2 : maxValue2);
-        break;
-      case EVENT_CODE.pageDown:
-        incrementPosition(-4 * reverse);
-        break;
-      case EVENT_CODE.pageUp:
-        incrementPosition(4 * reverse);
-        break;
-      default:
-        isPreventDefault = false;
-        break;
-    }
-    isPreventDefault && event.preventDefault();
-  }
-  function incrementPosition(step) {
-    let next = currentValue.value + step;
-    next = next < minValue2 ? minValue2 : next > maxValue2 ? maxValue2 : next;
-    props.color.set(key, next);
-  }
-  return {
-    thumb,
-    bar,
-    currentValue,
-    handleDrag,
-    handleClick,
-    handleKeydown
-  };
-};
-const useSliderDOM = (props, {
-  namespace,
-  maxValue: maxValue2,
-  bar,
-  thumb,
-  currentValue,
-  handleDrag,
-  getBackground
-}) => {
-  const instance = getCurrentInstance();
-  const ns = useNamespace(namespace);
-  const thumbLeft = ref(0);
-  const thumbTop = ref(0);
-  const background = ref();
-  function getThumbLeft() {
-    if (!thumb.value)
-      return 0;
-    if (props.vertical)
-      return 0;
-    const el = instance.vnode.el;
-    const value = currentValue.value;
-    if (!el)
-      return 0;
-    return Math.round(
-      value * (el.offsetWidth - thumb.value.offsetWidth / 2) / maxValue2
-    );
-  }
-  function getThumbTop() {
-    if (!thumb.value)
-      return 0;
-    const el = instance.vnode.el;
-    if (!props.vertical)
-      return 0;
-    const value = currentValue.value;
-    if (!el)
-      return 0;
-    return Math.round(
-      value * (el.offsetHeight - thumb.value.offsetHeight / 2) / maxValue2
-    );
-  }
-  function update() {
-    thumbLeft.value = getThumbLeft();
-    thumbTop.value = getThumbTop();
-    background.value = getBackground == null ? void 0 : getBackground();
-  }
-  onMounted(() => {
-    if (!bar.value || !thumb.value)
-      return;
-    const dragConfig = {
-      drag: (event) => {
-        handleDrag(event);
-      },
-      end: (event) => {
-        handleDrag(event);
-      }
-    };
-    draggable(bar.value, dragConfig);
-    draggable(thumb.value, dragConfig);
-    update();
-  });
-  watch(currentValue, () => update());
-  watch(
-    () => props.color.value,
-    () => update()
-  );
-  const rootKls = computed(() => [
-    ns.b(),
-    ns.is("vertical", props.vertical),
-    ns.is("disabled", props.disabled)
-  ]);
-  const barKls = computed(() => ns.e("bar"));
-  const thumbKls = computed(() => ns.e("thumb"));
-  const barStyle = computed(() => ({ background: background.value }));
-  const thumbStyle = computed(() => ({
-    left: addUnit(thumbLeft.value),
-    top: addUnit(thumbTop.value)
-  }));
-  return {
-    rootKls,
-    barKls,
-    barStyle,
-    thumbKls,
-    thumbStyle,
-    thumbLeft,
-    thumbTop,
-    update
-  };
-};
-const _hoisted_1$f = ["aria-label", "aria-valuenow", "aria-valuetext", "aria-orientation", "tabindex", "aria-disabled"];
-const minValue$1 = 0;
-const maxValue$1 = 100;
-const _sfc_main$w = defineComponent({
-  ...{
-    name: "ElColorAlphaSlider"
-  },
-  __name: "alpha-slider",
-  props: alphaSliderProps,
-  setup(__props, { expose: __expose }) {
-    const props = __props;
-    const { currentValue, bar, thumb, handleDrag, handleClick, handleKeydown } = useSlider(props, { key: "alpha", minValue: minValue$1, maxValue: maxValue$1 });
-    const { rootKls, barKls, barStyle, thumbKls, thumbStyle, update } = useSliderDOM(props, {
-      namespace: "color-alpha-slider",
-      maxValue: maxValue$1,
-      currentValue,
-      bar,
-      thumb,
-      handleDrag,
-      getBackground
-    });
-    const { t } = useLocale();
-    const ariaLabel = computed(() => t("el.colorpicker.alphaLabel"));
-    const ariaValuetext = computed(() => {
-      return t("el.colorpicker.alphaDescription", {
-        alpha: currentValue.value,
-        color: props.color.value
-      });
-    });
-    function getBackground() {
-      if (props.color && props.color.value) {
-        const { r, g, b } = props.color.toRgb();
-        return `linear-gradient(to right, rgba(${r}, ${g}, ${b}, 0) 0%, rgba(${r}, ${g}, ${b}, 1) 100%)`;
-      }
-      return "";
-    }
-    __expose({
-      update,
-      bar,
-      thumb
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock(
-        "div",
-        {
-          class: normalizeClass(unref(rootKls))
-        },
-        [
-          createElementVNode(
-            "div",
-            {
-              ref_key: "bar",
-              ref: bar,
-              class: normalizeClass(unref(barKls)),
-              style: normalizeStyle(unref(barStyle)),
-              onClick: _cache[0] || (_cache[0] = (...args) => unref(handleClick) && unref(handleClick)(...args))
-            },
-            null,
-            6
-          ),
-          createElementVNode("div", {
-            ref_key: "thumb",
-            ref: thumb,
-            class: normalizeClass(unref(thumbKls)),
-            style: normalizeStyle(unref(thumbStyle)),
-            "aria-label": ariaLabel.value,
-            "aria-valuenow": unref(currentValue),
-            "aria-valuetext": ariaValuetext.value,
-            "aria-orientation": _ctx.vertical ? "vertical" : "horizontal",
-            "aria-valuemin": minValue$1,
-            "aria-valuemax": maxValue$1,
-            role: "slider",
-            tabindex: _ctx.disabled ? void 0 : 0,
-            "aria-disabled": _ctx.disabled,
-            onKeydown: _cache[1] || (_cache[1] = (...args) => unref(handleKeydown) && unref(handleKeydown)(...args))
-          }, null, 46, _hoisted_1$f)
-        ],
-        2
-      );
-    };
-  }
-});
-var AlphaSlider = /* @__PURE__ */ _export_sfc(_sfc_main$w, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/color-picker-panel/src/components/alpha-slider.vue"]]);
-const _hoisted_1$e = ["aria-label", "aria-valuenow", "aria-valuetext", "aria-orientation", "tabindex", "aria-disabled"];
-const minValue = 0;
-const maxValue = 360;
-const _sfc_main$v = defineComponent({
-  ...{
-    name: "ElColorHueSlider"
-  },
-  __name: "hue-slider",
-  props: hueSliderProps,
-  setup(__props, { expose: __expose }) {
-    const props = __props;
-    const { currentValue, bar, thumb, handleDrag, handleClick, handleKeydown } = useSlider(props, { key: "hue", minValue, maxValue });
-    const { rootKls, barKls, thumbKls, thumbStyle, thumbTop, update } = useSliderDOM(props, {
-      namespace: "color-hue-slider",
-      maxValue,
-      currentValue,
-      bar,
-      thumb,
-      handleDrag
-    });
-    const { t } = useLocale();
-    const ariaLabel = computed(() => t("el.colorpicker.hueLabel"));
-    const ariaValuetext = computed(() => {
-      return t("el.colorpicker.hueDescription", {
-        hue: currentValue.value,
-        color: props.color.value
-      });
-    });
-    __expose({
-      bar,
-      thumb,
-      thumbTop,
-      update
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock(
-        "div",
-        {
-          class: normalizeClass(unref(rootKls))
-        },
-        [
-          createElementVNode(
-            "div",
-            {
-              ref_key: "bar",
-              ref: bar,
-              class: normalizeClass(unref(barKls)),
-              onClick: _cache[0] || (_cache[0] = (...args) => unref(handleClick) && unref(handleClick)(...args))
-            },
-            null,
-            2
-          ),
-          createElementVNode("div", {
-            ref_key: "thumb",
-            ref: thumb,
-            class: normalizeClass(unref(thumbKls)),
-            style: normalizeStyle(unref(thumbStyle)),
-            "aria-label": ariaLabel.value,
-            "aria-valuenow": unref(currentValue),
-            "aria-valuetext": ariaValuetext.value,
-            "aria-orientation": _ctx.vertical ? "vertical" : "horizontal",
-            "aria-valuemin": minValue,
-            "aria-valuemax": maxValue,
-            role: "slider",
-            tabindex: _ctx.disabled ? void 0 : 0,
-            "aria-disabled": _ctx.disabled,
-            onKeydown: _cache[1] || (_cache[1] = (...args) => unref(handleKeydown) && unref(handleKeydown)(...args))
-          }, null, 46, _hoisted_1$e)
-        ],
-        2
-      );
-    };
-  }
-});
-var HueSlider = /* @__PURE__ */ _export_sfc(_sfc_main$v, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/color-picker-panel/src/components/hue-slider.vue"]]);
-const predefineProps = buildProps({
-  colors: {
-    type: definePropType(Array),
-    required: true
-  },
-  color: {
-    type: definePropType(Object),
-    required: true
-  },
-  enableAlpha: {
-    type: Boolean,
-    required: true
-  },
-  disabled: Boolean
-});
-const colorPickerPanelProps = buildProps({
-  modelValue: {
-    type: definePropType(String),
-    default: void 0
-  },
-  border: {
-    type: Boolean,
-    default: true
-  },
-  showAlpha: Boolean,
-  colorFormat: String,
-  disabled: Boolean,
-  predefine: {
-    type: definePropType(Array)
-  },
-  validateEvent: {
-    type: Boolean,
-    default: true
-  }
-});
-const colorPickerPanelEmits = {
-  [UPDATE_MODEL_EVENT]: (val) => isString(val) || isNil(val)
-};
-const ROOT_COMMON_COLOR_INJECTION_KEY = Symbol("colorCommonPickerKey");
-const colorPickerPanelContextKey = Symbol("colorPickerPanelContextKey");
-class Color {
-  constructor(options = {}) {
-    this._hue = 0;
-    this._saturation = 100;
-    this._value = 100;
-    this._alpha = 100;
-    this._tiny = new TinyColor();
-    this._isValid = false;
-    this.enableAlpha = false;
-    this.format = "";
-    this.value = "";
-    for (const option in options) {
-      if (hasOwn(options, option)) {
-        this[option] = options[option];
-      }
-    }
-    if (options.value) {
-      this.fromString(options.value);
-    } else {
-      this.doOnChange();
-    }
-  }
-  set(prop, value) {
-    if (arguments.length === 1 && typeof prop === "object") {
-      for (const p in prop) {
-        if (hasOwn(prop, p)) {
-          this.set(p, prop[p]);
-        }
-      }
-      return;
-    }
-    this[`_${prop}`] = value;
-    this._isValid = true;
-    this.doOnChange();
-  }
-  get(prop) {
-    if (["hue", "saturation", "value", "alpha"].includes(prop)) {
-      return Math.round(this[`_${prop}`]);
-    }
-    return this[`_${prop}`];
-  }
-  toRgb() {
-    return this._isValid ? this._tiny.toRgb() : { r: 255, g: 255, b: 255, a: 0 };
-  }
-  fromString(value) {
-    const color = new TinyColor(value);
-    this._isValid = color.isValid;
-    if (color.isValid) {
-      const { h: h2, s, v, a } = color.toHsv();
-      this._hue = h2;
-      this._saturation = s * 100;
-      this._value = v * 100;
-      this._alpha = a * 100;
-    } else {
-      this._hue = 0;
-      this._saturation = 100;
-      this._value = 100;
-      this._alpha = 100;
-    }
-    this.doOnChange();
-  }
-  clear() {
-    this._isValid = false;
-    this.value = "";
-    this._hue = 0;
-    this._saturation = 100;
-    this._value = 100;
-    this._alpha = 100;
-  }
-  compare(color) {
-    const compareColor = new TinyColor({
-      h: color._hue,
-      s: color._saturation / 100,
-      v: color._value / 100,
-      a: color._alpha / 100
-    });
-    return this._tiny.equals(compareColor);
-  }
-  doOnChange() {
-    const { _hue, _saturation, _value, _alpha, format, enableAlpha } = this;
-    let _format = format || (enableAlpha ? "rgb" : "hex");
-    if (format === "hex" && enableAlpha) {
-      _format = "hex8";
-    }
-    this._tiny = new TinyColor({
-      h: _hue,
-      s: _saturation / 100,
-      v: _value / 100,
-      a: _alpha / 100
-    });
-    this.value = this._isValid ? this._tiny.toString(_format) : "";
-  }
-}
-const usePredefine = (props) => {
-  const { currentColor } = inject(colorPickerPanelContextKey);
-  const rgbaColors = ref(parseColors(props.colors, props.color));
-  watch(
-    () => currentColor.value,
-    (val) => {
-      const color = new Color({
-        value: val,
-        enableAlpha: props.enableAlpha
-      });
-      rgbaColors.value.forEach((item) => {
-        item.selected = color.compare(item);
-      });
-    }
-  );
-  watchEffect(() => {
-    rgbaColors.value = parseColors(props.colors, props.color);
-  });
-  function handleSelect(index2) {
-    props.color.fromString(props.colors[index2]);
-  }
-  function parseColors(colors, color) {
-    return colors.map((value) => {
-      const c = new Color({
-        value,
-        enableAlpha: props.enableAlpha
-      });
-      c.selected = c.compare(color);
-      return c;
-    });
-  }
-  return {
-    rgbaColors,
-    handleSelect
-  };
-};
-const usePredefineDOM = (props) => {
-  const ns = useNamespace("color-predefine");
-  const rootKls = computed(() => [ns.b(), ns.is("disabled", props.disabled)]);
-  const colorsKls = computed(() => ns.e("colors"));
-  function colorSelectorKls(item) {
-    return [
-      ns.e("color-selector"),
-      ns.is("alpha", item.get("alpha") < 100),
-      { selected: item.selected }
-    ];
-  }
-  return {
-    rootKls,
-    colorsKls,
-    colorSelectorKls
-  };
-};
-const _hoisted_1$d = ["disabled", "aria-label", "onClick"];
-const _sfc_main$u = defineComponent({
-  ...{
-    name: "ElColorPredefine"
-  },
-  __name: "predefine",
-  props: predefineProps,
-  setup(__props) {
-    const props = __props;
-    const { rgbaColors, handleSelect } = usePredefine(props);
-    const { rootKls, colorsKls, colorSelectorKls } = usePredefineDOM(props);
-    const { t } = useLocale();
-    const ariaLabel = (value) => {
-      return t("el.colorpicker.predefineDescription", { value });
-    };
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock(
-        "div",
-        {
-          class: normalizeClass(unref(rootKls))
-        },
-        [
-          createElementVNode(
-            "div",
-            {
-              class: normalizeClass(unref(colorsKls))
-            },
-            [
-              (openBlock(true), createElementBlock(
-                Fragment,
-                null,
-                renderList(unref(rgbaColors), (item, index2) => {
-                  return openBlock(), createElementBlock("button", {
-                    key: _ctx.colors[index2],
-                    type: "button",
-                    disabled: _ctx.disabled,
-                    "aria-label": ariaLabel(item.value),
-                    class: normalizeClass(unref(colorSelectorKls)(item)),
-                    onClick: ($event) => unref(handleSelect)(index2)
-                  }, [
-                    createElementVNode(
-                      "div",
-                      {
-                        style: normalizeStyle({ backgroundColor: item.value })
-                      },
-                      null,
-                      4
-                    )
-                  ], 10, _hoisted_1$d);
-                }),
-                128
-              ))
-            ],
-            2
-          )
-        ],
-        2
-      );
-    };
-  }
-});
-var Predefine = /* @__PURE__ */ _export_sfc(_sfc_main$u, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/color-picker-panel/src/components/predefine.vue"]]);
-const svPanelProps = buildProps({
-  color: {
-    type: definePropType(Object),
-    required: true
-  },
-  disabled: Boolean
-});
-const useSvPanel = (props) => {
-  const instance = getCurrentInstance();
-  const cursorRef = ref();
-  const cursorTop = ref(0);
-  const cursorLeft = ref(0);
-  const background = ref("hsl(0, 100%, 50%)");
-  const saturation = computed(() => props.color.get("saturation"));
-  const brightness = computed(() => props.color.get("value"));
-  const hue = computed(() => props.color.get("hue"));
-  function handleClick(event) {
-    var _a;
-    if (props.disabled)
-      return;
-    const target = event.target;
-    if (target !== cursorRef.value) {
-      handleDrag(event);
-    }
-    (_a = cursorRef.value) == null ? void 0 : _a.focus({ preventScroll: true });
-  }
-  function handleDrag(event) {
-    if (props.disabled)
-      return;
-    const el = instance.vnode.el;
-    const rect = el.getBoundingClientRect();
-    const { clientX, clientY } = getClientXY(event);
-    let left = clientX - rect.left;
-    let top = clientY - rect.top;
-    left = Math.max(0, left);
-    left = Math.min(left, rect.width);
-    top = Math.max(0, top);
-    top = Math.min(top, rect.height);
-    cursorLeft.value = left;
-    cursorTop.value = top;
-    props.color.set({
-      saturation: left / rect.width * 100,
-      value: 100 - top / rect.height * 100
-    });
-  }
-  function handleKeydown(event) {
-    if (props.disabled)
-      return;
-    const { shiftKey } = event;
-    const code = getEventCode(event);
-    const step = shiftKey ? 10 : 1;
-    let isPreventDefault = true;
-    switch (code) {
-      case EVENT_CODE.left:
-        incrementSaturation(-step);
-        break;
-      case EVENT_CODE.right:
-        incrementSaturation(step);
-        break;
-      case EVENT_CODE.up:
-        incrementBrightness(step);
-        break;
-      case EVENT_CODE.down:
-        incrementBrightness(-step);
-        break;
-      default:
-        isPreventDefault = false;
-        break;
-    }
-    isPreventDefault && event.preventDefault();
-  }
-  function incrementSaturation(step) {
-    let next = saturation.value + step;
-    next = next < 0 ? 0 : next > 100 ? 100 : next;
-    props.color.set("saturation", next);
-  }
-  function incrementBrightness(step) {
-    let next = brightness.value + step;
-    next = next < 0 ? 0 : next > 100 ? 100 : next;
-    props.color.set("value", next);
-  }
-  return {
-    cursorRef,
-    cursorTop,
-    cursorLeft,
-    background,
-    saturation,
-    brightness,
-    hue,
-    handleClick,
-    handleDrag,
-    handleKeydown
-  };
-};
-const useSvPanelDOM = (props, {
-  cursorTop,
-  cursorLeft,
-  background,
-  handleDrag
-}) => {
-  const instance = getCurrentInstance();
-  const ns = useNamespace("color-svpanel");
-  function update() {
-    const saturation = props.color.get("saturation");
-    const brightness = props.color.get("value");
-    const el = instance.vnode.el;
-    const { clientWidth: width, clientHeight: height } = el;
-    cursorLeft.value = saturation * width / 100;
-    cursorTop.value = (100 - brightness) * height / 100;
-    background.value = `hsl(${props.color.get("hue")}, 100%, 50%)`;
-  }
-  onMounted(() => {
-    draggable(instance.vnode.el, {
-      drag: (event) => {
-        handleDrag(event);
-      },
-      end: (event) => {
-        handleDrag(event);
-      }
-    });
-    update();
-  });
-  watch(
-    [
-      () => props.color.get("hue"),
-      () => props.color.get("value"),
-      () => props.color.value
-    ],
-    () => update()
-  );
-  const rootKls = computed(() => ns.b());
-  const cursorKls = computed(() => ns.e("cursor"));
-  const rootStyle = computed(() => ({
-    backgroundColor: background.value
-  }));
-  const cursorStyle = computed(() => ({
-    top: addUnit(cursorTop.value),
-    left: addUnit(cursorLeft.value)
-  }));
-  return {
-    rootKls,
-    cursorKls,
-    rootStyle,
-    cursorStyle,
-    update
-  };
-};
-const _hoisted_1$c = ["tabindex", "aria-disabled", "aria-label", "aria-valuenow", "aria-valuetext"];
-const _sfc_main$t = defineComponent({
-  ...{
-    name: "ElSvPanel"
-  },
-  __name: "sv-panel",
-  props: svPanelProps,
-  setup(__props, { expose: __expose }) {
-    const props = __props;
-    const {
-      cursorRef,
-      cursorTop,
-      cursorLeft,
-      background,
-      saturation,
-      brightness,
-      handleClick,
-      handleDrag,
-      handleKeydown
-    } = useSvPanel(props);
-    const { rootKls, cursorKls, rootStyle, cursorStyle, update } = useSvPanelDOM(
-      props,
-      {
-        cursorTop,
-        cursorLeft,
-        background,
-        handleDrag
-      }
-    );
-    const { t } = useLocale();
-    const ariaLabel = computed(() => t("el.colorpicker.svLabel"));
-    const ariaValuetext = computed(() => {
-      return t("el.colorpicker.svDescription", {
-        saturation: saturation.value,
-        brightness: brightness.value,
-        color: props.color.value
-      });
-    });
-    __expose({
-      update
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock(
-        "div",
-        {
-          class: normalizeClass(unref(rootKls)),
-          style: normalizeStyle(unref(rootStyle)),
-          onClick: _cache[1] || (_cache[1] = (...args) => unref(handleClick) && unref(handleClick)(...args))
-        },
-        [
-          createElementVNode("div", {
-            ref_key: "cursorRef",
-            ref: cursorRef,
-            class: normalizeClass(unref(cursorKls)),
-            style: normalizeStyle(unref(cursorStyle)),
-            tabindex: _ctx.disabled ? void 0 : 0,
-            "aria-disabled": _ctx.disabled,
-            role: "slider",
-            "aria-valuemin": "0,0",
-            "aria-valuemax": "100,100",
-            "aria-label": ariaLabel.value,
-            "aria-valuenow": `${unref(saturation)},${unref(brightness)}`,
-            "aria-valuetext": ariaValuetext.value,
-            onKeydown: _cache[0] || (_cache[0] = (...args) => unref(handleKeydown) && unref(handleKeydown)(...args))
-          }, null, 46, _hoisted_1$c)
-        ],
-        6
-      );
-    };
-  }
-});
-var SvPanel = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/color-picker-panel/src/components/sv-panel.vue"]]);
-const useCommonColor = (props, emit) => {
-  const color = reactive(
-    new Color({
-      enableAlpha: props.showAlpha,
-      format: props.colorFormat || "",
-      value: props.modelValue
-    })
-  );
-  watch(
-    () => [props.colorFormat, props.showAlpha],
-    () => {
-      color.enableAlpha = props.showAlpha;
-      color.format = props.colorFormat || color.format;
-      color.doOnChange();
-      emit(UPDATE_MODEL_EVENT, color.value);
-    }
-  );
-  return {
-    color
-  };
-};
-const _sfc_main$s = defineComponent({
-  ...{
-    name: "ElColorPickerPanel"
-  },
-  __name: "color-picker-panel",
-  props: colorPickerPanelProps,
-  emits: colorPickerPanelEmits,
-  setup(__props, { expose: __expose, emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const ns = useNamespace("color-picker-panel");
-    const { formItem } = useFormItem();
-    const disabled = useFormDisabled();
-    const hueRef = ref();
-    const svRef = ref();
-    const alphaRef = ref();
-    const inputRef = ref();
-    const customInput = ref("");
-    const { color } = inject(
-      ROOT_COMMON_COLOR_INJECTION_KEY,
-      () => useCommonColor(props, emit),
-      true
-    );
-    function handleConfirm() {
-      color.fromString(customInput.value);
-      if (color.value !== customInput.value) {
-        customInput.value = color.value;
-      }
-    }
-    function handleFocusout() {
-      var _a;
-      if (props.validateEvent) {
-        (_a = formItem == null ? void 0 : formItem.validate) == null ? void 0 : _a.call(formItem, "blur").catch((err) => debugWarn(err));
-      }
-    }
-    function update() {
-      var _a, _b, _c;
-      (_a = hueRef.value) == null ? void 0 : _a.update();
-      (_b = svRef.value) == null ? void 0 : _b.update();
-      (_c = alphaRef.value) == null ? void 0 : _c.update();
-    }
-    onMounted(() => {
-      if (props.modelValue) {
-        customInput.value = color.value;
-      }
-      nextTick(update);
-    });
-    watch(
-      () => props.modelValue,
-      (newVal) => {
-        if (newVal !== color.value) {
-          newVal ? color.fromString(newVal) : color.clear();
-        }
-      }
-    );
-    watch(
-      () => color.value,
-      (val) => {
-        emit(UPDATE_MODEL_EVENT, val);
-        customInput.value = val;
-        if (props.validateEvent) {
-          formItem == null ? void 0 : formItem.validate("change").catch((err) => debugWarn(err));
-        }
-      }
-    );
-    provide(colorPickerPanelContextKey, {
-      currentColor: computed(() => color.value)
-    });
-    __expose({
-      color,
-      inputRef,
-      update
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock(
-        "div",
-        {
-          class: normalizeClass([unref(ns).b(), unref(ns).is("disabled", unref(disabled)), unref(ns).is("border", _ctx.border)]),
-          onFocusout: handleFocusout
-        },
-        [
-          createElementVNode(
-            "div",
-            {
-              class: normalizeClass(unref(ns).e("wrapper"))
-            },
-            [
-              createVNode(HueSlider, {
-                ref_key: "hueRef",
-                ref: hueRef,
-                class: "hue-slider",
-                color: unref(color),
-                vertical: "",
-                disabled: unref(disabled)
-              }, null, 8, ["color", "disabled"]),
-              createVNode(SvPanel, {
-                ref_key: "svRef",
-                ref: svRef,
-                color: unref(color),
-                disabled: unref(disabled)
-              }, null, 8, ["color", "disabled"])
-            ],
-            2
-          ),
-          _ctx.showAlpha ? (openBlock(), createBlock(AlphaSlider, {
-            key: 0,
-            ref_key: "alphaRef",
-            ref: alphaRef,
-            color: unref(color),
-            disabled: unref(disabled)
-          }, null, 8, ["color", "disabled"])) : createCommentVNode("v-if", true),
-          _ctx.predefine ? (openBlock(), createBlock(Predefine, {
-            key: 1,
-            ref: "predefine",
-            "enable-alpha": _ctx.showAlpha,
-            color: unref(color),
-            colors: _ctx.predefine,
-            disabled: unref(disabled)
-          }, null, 8, ["enable-alpha", "color", "colors", "disabled"])) : createCommentVNode("v-if", true),
-          createElementVNode(
-            "div",
-            {
-              class: normalizeClass(unref(ns).e("footer"))
-            },
-            [
-              createVNode(unref(ElInput), {
-                ref_key: "inputRef",
-                ref: inputRef,
-                modelValue: customInput.value,
-                "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => customInput.value = $event),
-                "validate-event": false,
-                size: "small",
-                disabled: unref(disabled),
-                onChange: handleConfirm
-              }, null, 8, ["modelValue", "disabled"]),
-              renderSlot(_ctx.$slots, "footer")
-            ],
-            2
-          )
-        ],
-        34
-      );
-    };
-  }
-});
-var ColorPickerPanel = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/color-picker-panel/src/color-picker-panel.vue"]]);
-const ElColorPickerPanel = withInstall(ColorPickerPanel);
-const colorPickerProps = buildProps({
-  persistent: {
-    type: Boolean,
-    default: true
-  },
-  modelValue: {
-    type: definePropType(String),
-    default: void 0
-  },
-  id: String,
-  showAlpha: Boolean,
-  colorFormat: String,
-  disabled: {
-    type: Boolean,
-    default: void 0
-  },
-  clearable: {
-    type: Boolean,
-    default: true
-  },
-  size: useSizeProp,
-  popperClass: useTooltipContentProps.popperClass,
-  popperStyle: useTooltipContentProps.popperStyle,
-  tabindex: {
-    type: [String, Number],
-    default: 0
-  },
-  teleported: useTooltipContentProps.teleported,
-  appendTo: useTooltipContentProps.appendTo,
-  predefine: {
-    type: definePropType(Array)
-  },
-  validateEvent: {
-    type: Boolean,
-    default: true
-  },
-  ...useEmptyValuesProps,
-  ...useAriaProps(["ariaLabel"])
-});
-const colorPickerEmits = {
-  [UPDATE_MODEL_EVENT]: (val) => isString(val) || isNil(val),
-  [CHANGE_EVENT]: (val) => isString(val) || isNil(val),
-  activeChange: (val) => isString(val) || isNil(val),
-  focus: (evt) => evt instanceof FocusEvent,
-  blur: (evt) => evt instanceof FocusEvent,
-  clear: () => true
-};
-const _hoisted_1$b = ["id", "aria-label", "aria-labelledby", "aria-description", "aria-disabled", "tabindex"];
-const _sfc_main$r = defineComponent({
-  ...{
-    name: "ElColorPicker"
-  },
-  __name: "color-picker",
-  props: colorPickerProps,
-  emits: colorPickerEmits,
-  setup(__props, { expose: __expose, emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const { t } = useLocale();
-    const ns = useNamespace("color");
-    const { formItem } = useFormItem();
-    const colorSize = useFormSize();
-    const colorDisabled = useFormDisabled();
-    const { valueOnClear, isEmptyValue } = useEmptyValues(props, null);
-    const commonColor = useCommonColor(props, emit);
-    const { inputId: buttonId, isLabeledByFormItem } = useFormItemInputId(props, {
-      formItemContext: formItem
-    });
-    const popper = ref();
-    const triggerRef = ref();
-    const pickerPanelRef = ref();
-    const showPicker = ref(false);
-    const showPanelColor = ref(false);
-    let shouldActiveChange = true;
-    const { isFocused, handleFocus, handleBlur } = useFocusController(triggerRef, {
-      disabled: colorDisabled,
-      beforeBlur(event) {
-        var _a;
-        return (_a = popper.value) == null ? void 0 : _a.isFocusInsideContent(event);
-      },
-      afterBlur() {
-        var _a;
-        setShowPicker(false);
-        resetColor();
-        if (props.validateEvent) {
-          (_a = formItem == null ? void 0 : formItem.validate) == null ? void 0 : _a.call(formItem, "blur").catch((err) => debugWarn(err));
-        }
-      }
-    });
-    const color = reactiveComputed(
-      () => {
-        var _a, _b;
-        return (_b = (_a = pickerPanelRef.value) == null ? void 0 : _a.color) != null ? _b : commonColor.color;
-      }
-    );
-    const panelProps = computed(
-      () => pick(props, Object.keys(colorPickerPanelProps))
-    );
-    const displayedColor = computed(() => {
-      if (!props.modelValue && !showPanelColor.value) {
-        return "transparent";
-      }
-      return displayedRgb(color, props.showAlpha);
-    });
-    const currentColor = computed(() => {
-      return !props.modelValue && !showPanelColor.value ? "" : color.value;
-    });
-    const buttonAriaLabel = computed(() => {
-      return !isLabeledByFormItem.value ? props.ariaLabel || t("el.colorpicker.defaultLabel") : void 0;
-    });
-    const buttonAriaLabelledby = computed(() => {
-      return isLabeledByFormItem.value ? formItem == null ? void 0 : formItem.labelId : void 0;
-    });
-    const btnKls = computed(() => {
-      return [
-        ns.b("picker"),
-        ns.is("disabled", colorDisabled.value),
-        ns.bm("picker", colorSize.value),
-        ns.is("focused", isFocused.value)
-      ];
-    });
-    function displayedRgb(color2, showAlpha) {
-      const { r, g, b, a } = color2.toRgb();
-      return showAlpha ? `rgba(${r}, ${g}, ${b}, ${a})` : `rgb(${r}, ${g}, ${b})`;
-    }
-    function setShowPicker(value) {
-      showPicker.value = value;
-    }
-    const debounceSetShowPicker = debounce(setShowPicker, 100, { leading: true });
-    function show() {
-      if (colorDisabled.value)
-        return;
-      setShowPicker(true);
-    }
-    function hide() {
-      debounceSetShowPicker(false);
-      resetColor();
-    }
-    function resetColor() {
-      nextTick(() => {
-        if (props.modelValue) {
-          color.fromString(props.modelValue);
-        } else {
-          color.value = "";
-          nextTick(() => {
-            showPanelColor.value = false;
-          });
-        }
-      });
-    }
-    function handleTrigger() {
-      if (colorDisabled.value)
-        return;
-      if (showPicker.value) {
-        resetColor();
-      }
-      debounceSetShowPicker(!showPicker.value);
-    }
-    function confirmValue() {
-      const value = isEmptyValue(color.value) ? valueOnClear.value : color.value;
-      emit(UPDATE_MODEL_EVENT, value);
-      emit(CHANGE_EVENT, value);
-      if (props.validateEvent) {
-        formItem == null ? void 0 : formItem.validate("change").catch((err) => debugWarn(err));
-      }
-      debounceSetShowPicker(false);
-      nextTick(() => {
-        const newColor = new Color({
-          enableAlpha: props.showAlpha,
-          format: props.colorFormat || "",
-          value: props.modelValue
-        });
-        if (!color.compare(newColor)) {
-          resetColor();
-        }
-      });
-    }
-    function clear() {
-      debounceSetShowPicker(false);
-      emit(UPDATE_MODEL_EVENT, valueOnClear.value);
-      emit(CHANGE_EVENT, valueOnClear.value);
-      if (props.modelValue !== valueOnClear.value && props.validateEvent) {
-        formItem == null ? void 0 : formItem.validate("change").catch((err) => debugWarn(err));
-      }
-      resetColor();
-      emit("clear");
-    }
-    function handleShowTooltip() {
-      var _a, _b;
-      (_b = (_a = pickerPanelRef == null ? void 0 : pickerPanelRef.value) == null ? void 0 : _a.inputRef) == null ? void 0 : _b.focus();
-    }
-    function handleClickOutside() {
-      if (!showPicker.value)
-        return;
-      hide();
-      isFocused.value && focus();
-    }
-    function handleEsc(event) {
-      event.preventDefault();
-      event.stopPropagation();
-      setShowPicker(false);
-      resetColor();
-    }
-    function handleKeyDown(event) {
-      const code = getEventCode(event);
-      switch (code) {
-        case EVENT_CODE.enter:
-        case EVENT_CODE.numpadEnter:
-        case EVENT_CODE.space:
-          event.preventDefault();
-          event.stopPropagation();
-          show();
-          break;
-        case EVENT_CODE.esc:
-          handleEsc(event);
-          break;
-      }
-    }
-    function focus() {
-      triggerRef.value.focus();
-    }
-    function blur() {
-      triggerRef.value.blur();
-    }
-    watch(
-      () => currentColor.value,
-      (val) => {
-        shouldActiveChange && emit("activeChange", val);
-        shouldActiveChange = true;
-      }
-    );
-    watch(
-      () => color.value,
-      () => {
-        if (!props.modelValue && !showPanelColor.value) {
-          showPanelColor.value = true;
-        }
-      }
-    );
-    watch(
-      () => props.modelValue,
-      (newVal) => {
-        if (!newVal) {
-          showPanelColor.value = false;
-        } else if (newVal && newVal !== color.value) {
-          shouldActiveChange = false;
-          color.fromString(newVal);
-        }
-      }
-    );
-    watch(
-      () => showPicker.value,
-      () => {
-        pickerPanelRef.value && nextTick(pickerPanelRef.value.update);
-      }
-    );
-    provide(ROOT_COMMON_COLOR_INJECTION_KEY, commonColor);
-    __expose({
-      color,
-      show,
-      hide,
-      focus,
-      blur
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(ElTooltip), {
-        ref_key: "popper",
-        ref: popper,
-        visible: showPicker.value,
-        "show-arrow": false,
-        "fallback-placements": ["bottom", "top", "right", "left"],
-        offset: 0,
-        "gpu-acceleration": false,
-        "popper-class": [unref(ns).be("picker", "panel"), _ctx.popperClass],
-        "popper-style": _ctx.popperStyle,
-        "stop-popper-mouse-event": false,
-        pure: "",
-        loop: "",
-        role: "dialog",
-        effect: "light",
-        trigger: "click",
-        teleported: _ctx.teleported,
-        transition: `${unref(ns).namespace.value}-zoom-in-top`,
-        persistent: _ctx.persistent,
-        "append-to": _ctx.appendTo,
-        onShow: handleShowTooltip,
-        onHide: _cache[2] || (_cache[2] = ($event) => setShowPicker(false))
-      }, {
-        content: withCtx(() => [
-          withDirectives((openBlock(), createBlock(
-            unref(ElColorPickerPanel),
-            mergeProps({
-              ref_key: "pickerPanelRef",
-              ref: pickerPanelRef
-            }, panelProps.value, {
-              border: false,
-              "validate-event": false,
-              onKeydown: withKeys(handleEsc, ["esc"])
-            }),
-            {
-              footer: withCtx(() => [
-                createElementVNode("div", null, [
-                  _ctx.clearable ? (openBlock(), createBlock(unref(ElButton), {
-                    key: 0,
-                    class: normalizeClass(unref(ns).be("footer", "link-btn")),
-                    text: "",
-                    size: "small",
-                    onClick: clear
-                  }, {
-                    default: withCtx(() => [
-                      createTextVNode(
-                        toDisplayString(unref(t)("el.colorpicker.clear")),
-                        1
-                      )
-                    ]),
-                    _: 1
-                  }, 8, ["class"])) : createCommentVNode("v-if", true),
-                  createVNode(unref(ElButton), {
-                    plain: "",
-                    size: "small",
-                    class: normalizeClass(unref(ns).be("footer", "btn")),
-                    onClick: confirmValue
-                  }, {
-                    default: withCtx(() => [
-                      createTextVNode(
-                        toDisplayString(unref(t)("el.colorpicker.confirm")),
-                        1
-                      )
-                    ]),
-                    _: 1
-                  }, 8, ["class"])
-                ])
-              ]),
-              _: 1
-            },
-            16
-          )), [
-            [unref(ClickOutside), handleClickOutside, triggerRef.value]
-          ])
-        ]),
-        default: withCtx(() => [
-          createElementVNode("div", mergeProps({
-            id: unref(buttonId),
-            ref_key: "triggerRef",
-            ref: triggerRef
-          }, _ctx.$attrs, {
-            class: btnKls.value,
-            role: "button",
-            "aria-label": buttonAriaLabel.value,
-            "aria-labelledby": buttonAriaLabelledby.value,
-            "aria-description": unref(t)("el.colorpicker.description", { color: _ctx.modelValue || "" }),
-            "aria-disabled": unref(colorDisabled),
-            tabindex: unref(colorDisabled) ? void 0 : _ctx.tabindex,
-            onKeydown: handleKeyDown,
-            onFocus: _cache[0] || (_cache[0] = (...args) => unref(handleFocus) && unref(handleFocus)(...args)),
-            onBlur: _cache[1] || (_cache[1] = (...args) => unref(handleBlur) && unref(handleBlur)(...args))
-          }), [
-            createElementVNode(
-              "div",
-              {
-                class: normalizeClass(unref(ns).be("picker", "trigger")),
-                onClick: handleTrigger
-              },
-              [
-                createElementVNode(
-                  "span",
-                  {
-                    class: normalizeClass([unref(ns).be("picker", "color"), unref(ns).is("alpha", _ctx.showAlpha)])
-                  },
-                  [
-                    createElementVNode(
-                      "span",
-                      {
-                        class: normalizeClass(unref(ns).be("picker", "color-inner")),
-                        style: normalizeStyle({
-                          backgroundColor: displayedColor.value
-                        })
-                      },
-                      [
-                        withDirectives(createVNode(unref(ElIcon), {
-                          class: normalizeClass([unref(ns).be("picker", "icon"), unref(ns).is("icon-arrow-down")])
-                        }, {
-                          default: withCtx(() => [
-                            createVNode(unref(ArrowDown))
-                          ]),
-                          _: 1
-                        }, 8, ["class"]), [
-                          [vShow, _ctx.modelValue || showPanelColor.value]
-                        ]),
-                        withDirectives(createVNode(unref(ElIcon), {
-                          class: normalizeClass([unref(ns).be("picker", "empty"), unref(ns).is("icon-close")])
-                        }, {
-                          default: withCtx(() => [
-                            createVNode(unref(Close))
-                          ]),
-                          _: 1
-                        }, 8, ["class"]), [
-                          [vShow, !_ctx.modelValue && !showPanelColor.value]
-                        ])
-                      ],
-                      6
-                    )
-                  ],
-                  2
-                )
-              ],
-              2
-            )
-          ], 16, _hoisted_1$b)
-        ]),
-        _: 1
-      }, 8, ["visible", "popper-class", "popper-style", "teleported", "transition", "persistent", "append-to"]);
-    };
-  }
-});
-var ColorPicker = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/color-picker/src/color-picker.vue"]]);
-const ElColorPicker = withInstall(ColorPicker);
-const _sfc_main$q = defineComponent({
-  ...{
-    name: "ElContainer"
-  },
-  __name: "container",
-  props: buildProps({
-    direction: {
-      type: String,
-      values: ["horizontal", "vertical"]
-    }
-  }),
-  setup(__props) {
-    const props = __props;
-    const slots = useSlots();
-    const ns = useNamespace("container");
-    const isVertical = computed(() => {
-      if (props.direction === "vertical") {
-        return true;
-      } else if (props.direction === "horizontal") {
-        return false;
-      }
-      if (slots && slots.default) {
-        const vNodes = slots.default();
-        return vNodes.some((vNode) => {
-          const tag = vNode.type.name;
-          return tag === "ElHeader" || tag === "ElFooter";
-        });
-      } else {
-        return false;
-      }
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock(
-        "section",
-        {
-          class: normalizeClass([unref(ns).b(), unref(ns).is("vertical", isVertical.value)])
-        },
-        [
-          renderSlot(_ctx.$slots, "default")
-        ],
-        2
-      );
-    };
-  }
-});
-var Container = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/container/src/container.vue"]]);
-const _sfc_main$p = defineComponent({
-  ...{
-    name: "ElAside"
-  },
-  __name: "aside",
-  props: {
-    width: {
-      type: String,
-      default: null
-    }
-  },
-  setup(__props) {
-    const props = __props;
-    const ns = useNamespace("aside");
-    const style = computed(
-      () => props.width ? ns.cssVarBlock({ width: props.width }) : {}
-    );
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock(
-        "aside",
-        {
-          class: normalizeClass(unref(ns).b()),
-          style: normalizeStyle(style.value)
-        },
-        [
-          renderSlot(_ctx.$slots, "default")
-        ],
-        6
-      );
-    };
-  }
-});
-var Aside = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/container/src/aside.vue"]]);
-const _sfc_main$o = defineComponent({
-  ...{
-    name: "ElFooter"
-  },
-  __name: "footer",
-  props: {
-    height: {
-      type: String,
-      default: null
-    }
-  },
-  setup(__props) {
-    const props = __props;
-    const ns = useNamespace("footer");
-    const style = computed(
-      () => props.height ? ns.cssVarBlock({ height: props.height }) : {}
-    );
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock(
-        "footer",
-        {
-          class: normalizeClass(unref(ns).b()),
-          style: normalizeStyle(style.value)
-        },
-        [
-          renderSlot(_ctx.$slots, "default")
-        ],
-        6
-      );
-    };
-  }
-});
-var Footer$1 = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/container/src/footer.vue"]]);
-const _sfc_main$n = defineComponent({
-  ...{
-    name: "ElHeader"
-  },
-  __name: "header",
-  props: {
-    height: {
-      type: String,
-      default: null
-    }
-  },
-  setup(__props) {
-    const props = __props;
-    const ns = useNamespace("header");
-    const style = computed(() => {
-      return props.height ? ns.cssVarBlock({
-        height: props.height
-      }) : {};
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock(
-        "header",
-        {
-          class: normalizeClass(unref(ns).b()),
-          style: normalizeStyle(style.value)
-        },
-        [
-          renderSlot(_ctx.$slots, "default")
-        ],
-        6
-      );
-    };
-  }
-});
-var Header = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/container/src/header.vue"]]);
-const _sfc_main$m = defineComponent({
-  ...{
-    name: "ElMain"
-  },
-  __name: "main",
-  setup(__props) {
-    const ns = useNamespace("main");
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock(
-        "main",
-        {
-          class: normalizeClass(unref(ns).b())
-        },
-        [
-          renderSlot(_ctx.$slots, "default")
-        ],
-        2
-      );
-    };
-  }
-});
-var Main$1 = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/container/src/main.vue"]]);
-const ElContainer = withInstall(Container, {
-  Aside,
-  Footer: Footer$1,
-  Header,
-  Main: Main$1
-});
-const ElAside = withNoopInstall(Aside);
-const ElFooter = withNoopInstall(Footer$1);
-const ElHeader = withNoopInstall(Header);
-const ElMain = withNoopInstall(Main$1);
-const dividerProps = buildProps({
-  direction: {
-    type: String,
-    values: ["horizontal", "vertical"],
-    default: "horizontal"
-  },
-  contentPosition: {
-    type: String,
-    values: ["left", "center", "right"],
-    default: "center"
-  },
-  borderStyle: {
-    type: definePropType(String),
-    default: "solid"
-  }
-});
-const _sfc_main$l = defineComponent({
-  ...{
-    name: "ElDivider"
-  },
-  __name: "divider",
-  props: dividerProps,
-  setup(__props) {
-    const props = __props;
-    const ns = useNamespace("divider");
-    const dividerStyle = computed(() => {
-      return ns.cssVar({
-        "border-style": props.borderStyle
-      });
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock(
-        "div",
-        {
-          class: normalizeClass([unref(ns).b(), unref(ns).m(_ctx.direction)]),
-          style: normalizeStyle(dividerStyle.value),
-          role: "separator"
-        },
-        [
-          _ctx.$slots.default && _ctx.direction !== "vertical" ? (openBlock(), createElementBlock(
-            "div",
-            {
-              key: 0,
-              class: normalizeClass([unref(ns).e("text"), unref(ns).is(_ctx.contentPosition)])
-            },
-            [
-              renderSlot(_ctx.$slots, "default")
-            ],
-            2
-          )) : createCommentVNode("v-if", true)
-        ],
-        6
-      );
-    };
-  }
-});
-var Divider = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/divider/src/divider.vue"]]);
-const ElDivider = withInstall(Divider);
-let SubMenu$1 = class SubMenu {
-  constructor(parent, domNode) {
-    this.parent = parent;
-    this.domNode = domNode;
-    this.subIndex = 0;
-    this.subIndex = 0;
-    this.init();
-  }
-  init() {
-    this.subMenuItems = this.domNode.querySelectorAll("li");
-    this.addListeners();
-  }
-  gotoSubIndex(idx) {
-    if (idx === this.subMenuItems.length) {
-      idx = 0;
-    } else if (idx < 0) {
-      idx = this.subMenuItems.length - 1;
-    }
-    this.subMenuItems[idx].focus();
-    this.subIndex = idx;
-  }
-  addListeners() {
-    const parentNode = this.parent.domNode;
-    Array.prototype.forEach.call(this.subMenuItems, (el) => {
-      el.addEventListener("keydown", (event) => {
-        const code = getEventCode(event);
-        let prevDef = false;
-        switch (code) {
-          case EVENT_CODE.down: {
-            this.gotoSubIndex(this.subIndex + 1);
-            prevDef = true;
-            break;
-          }
-          case EVENT_CODE.up: {
-            this.gotoSubIndex(this.subIndex - 1);
-            prevDef = true;
-            break;
-          }
-          case EVENT_CODE.tab: {
-            triggerEvent(parentNode, "mouseleave");
-            break;
-          }
-          case EVENT_CODE.enter:
-          case EVENT_CODE.numpadEnter:
-          case EVENT_CODE.space: {
-            prevDef = true;
-            event.currentTarget.click();
-            break;
-          }
-        }
-        if (prevDef) {
-          event.preventDefault();
-          event.stopPropagation();
-        }
-        return false;
-      });
-    });
-  }
-};
-let MenuItem$1 = class MenuItem {
-  constructor(domNode, namespace) {
-    this.domNode = domNode;
-    this.submenu = null;
-    this.submenu = null;
-    this.init(namespace);
-  }
-  init(namespace) {
-    this.domNode.setAttribute("tabindex", "0");
-    const menuChild = this.domNode.querySelector(`.${namespace}-menu`);
-    if (menuChild) {
-      this.submenu = new SubMenu$1(this, menuChild);
-    }
-    this.addListeners();
-  }
-  addListeners() {
-    this.domNode.addEventListener("keydown", (event) => {
-      const code = getEventCode(event);
-      let prevDef = false;
-      switch (code) {
-        case EVENT_CODE.down: {
-          triggerEvent(event.currentTarget, "mouseenter");
-          this.submenu && this.submenu.gotoSubIndex(0);
-          prevDef = true;
-          break;
-        }
-        case EVENT_CODE.up: {
-          triggerEvent(event.currentTarget, "mouseenter");
-          this.submenu && this.submenu.gotoSubIndex(this.submenu.subMenuItems.length - 1);
-          prevDef = true;
-          break;
-        }
-        case EVENT_CODE.tab: {
-          triggerEvent(event.currentTarget, "mouseleave");
-          break;
-        }
-        case EVENT_CODE.enter:
-        case EVENT_CODE.numpadEnter:
-        case EVENT_CODE.space: {
-          prevDef = true;
-          event.currentTarget.click();
-          break;
-        }
-      }
-      if (prevDef) {
-        event.preventDefault();
-      }
-    });
-  }
-};
-let Menu$1 = class Menu {
-  constructor(domNode, namespace) {
-    this.domNode = domNode;
-    this.init(namespace);
-  }
-  init(namespace) {
-    const menuChildren = this.domNode.childNodes;
-    Array.from(menuChildren).forEach((child) => {
-      if (child.nodeType === 1) {
-        new MenuItem$1(child, namespace);
-      }
-    });
-  }
-};
-const _sfc_main$k = defineComponent({
-  ...{
-    name: "ElMenuCollapseTransition"
-  },
-  __name: "menu-collapse-transition",
-  setup(__props) {
-    const ns = useNamespace("menu");
-    const listeners = {
-      onBeforeEnter: (el) => el.style.opacity = "0.2",
-      onEnter(el, done) {
-        addClass(el, `${ns.namespace.value}-opacity-transition`);
-        el.style.opacity = "1";
-        done();
-      },
-      onAfterEnter(el) {
-        removeClass(el, `${ns.namespace.value}-opacity-transition`);
-        el.style.opacity = "";
-      },
-      onBeforeLeave(el) {
-        if (!el.dataset)
-          el.dataset = {};
-        if (hasClass(el, ns.m("collapse"))) {
-          removeClass(el, ns.m("collapse"));
-          el.dataset.oldOverflow = el.style.overflow;
-          el.dataset.scrollWidth = el.clientWidth.toString();
-          addClass(el, ns.m("collapse"));
-        } else {
-          addClass(el, ns.m("collapse"));
-          el.dataset.oldOverflow = el.style.overflow;
-          el.dataset.scrollWidth = el.clientWidth.toString();
-          removeClass(el, ns.m("collapse"));
-        }
-        el.style.width = `${el.scrollWidth}px`;
-        el.style.overflow = "hidden";
-      },
-      onLeave(el) {
-        addClass(el, "horizontal-collapse-transition");
-        el.style.width = `${el.dataset.scrollWidth}px`;
-      }
-    };
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(
-        Transition,
-        mergeProps({ mode: "out-in" }, listeners),
-        {
-          default: withCtx(() => [
-            renderSlot(_ctx.$slots, "default")
-          ]),
-          _: 3
-        },
-        16
-      );
-    };
-  }
-});
-var ElMenuCollapseTransition = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/menu/src/menu-collapse-transition.vue"]]);
-function useMenu(instance, currentIndex) {
-  const indexPath = computed(() => {
-    let parent = instance.parent;
-    const path = [currentIndex.value];
-    while (parent.type.name !== "ElMenu") {
-      if (parent.props.index) {
-        path.unshift(parent.props.index);
-      }
-      parent = parent.parent;
-    }
-    return path;
-  });
-  const parentMenu = computed(() => {
-    let parent = instance.parent;
-    while (parent && !["ElMenu", "ElSubMenu"].includes(parent.type.name)) {
-      parent = parent.parent;
-    }
-    return parent;
-  });
-  return {
-    parentMenu,
-    indexPath
-  };
-}
-function useMenuColor(props) {
-  const menuBarColor = computed(() => {
-    const color = props.backgroundColor;
-    return color ? new TinyColor(color).shade(20).toString() : "";
-  });
-  return menuBarColor;
-}
-const useMenuCssVar = (props, level) => {
-  const ns = useNamespace("menu");
-  return computed(
-    () => ns.cssVarBlock({
-      "text-color": props.textColor || "",
-      "hover-text-color": props.textColor || "",
-      "bg-color": props.backgroundColor || "",
-      "hover-bg-color": useMenuColor(props).value || "",
-      "active-color": props.activeTextColor || "",
-      level: `${level}`
-    })
-  );
-};
-const MENU_INJECTION_KEY = "rootMenu";
-const SUB_MENU_INJECTION_KEY = "subMenu:";
-const subMenuProps = buildProps({
-  index: {
-    type: String,
-    required: true
-  },
-  showTimeout: Number,
-  hideTimeout: Number,
-  popperClass: String,
-  popperStyle: {
-    type: definePropType([String, Object])
-  },
-  disabled: Boolean,
-  teleported: {
-    type: Boolean,
-    default: void 0
-  },
-  popperOffset: Number,
-  expandCloseIcon: {
-    type: iconPropType
-  },
-  expandOpenIcon: {
-    type: iconPropType
-  },
-  collapseCloseIcon: {
-    type: iconPropType
-  },
-  collapseOpenIcon: {
-    type: iconPropType
-  }
-});
-const COMPONENT_NAME$1 = "ElSubMenu";
-var SubMenu2 = defineComponent({
-  name: COMPONENT_NAME$1,
-  props: subMenuProps,
-  setup(props, { slots, expose }) {
-    const instance = getCurrentInstance();
-    const { indexPath, parentMenu } = useMenu(
-      instance,
-      computed(() => props.index)
-    );
-    const nsMenu = useNamespace("menu");
-    const nsSubMenu = useNamespace("sub-menu");
-    const rootMenu = inject(MENU_INJECTION_KEY);
-    if (!rootMenu)
-      throwError(COMPONENT_NAME$1, "can not inject root menu");
-    const subMenu = inject(
-      `${SUB_MENU_INJECTION_KEY}${parentMenu.value.uid}`
-    );
-    if (!subMenu)
-      throwError(COMPONENT_NAME$1, "can not inject sub menu");
-    const items = ref({});
-    const subMenus = ref({});
-    let timeout;
-    const mouseInChild = ref(false);
-    const verticalTitleRef = ref();
-    const vPopper = ref();
-    const isFirstLevel = computed(() => subMenu.level === 0);
-    const currentPlacement = computed(
-      () => mode.value === "horizontal" && isFirstLevel.value ? "bottom-start" : "right-start"
-    );
-    const subMenuTitleIcon = computed(() => {
-      const isExpandedMode = mode.value === "horizontal" && isFirstLevel.value || mode.value === "vertical" && !rootMenu.props.collapse;
-      if (isExpandedMode) {
-        if (props.expandCloseIcon && props.expandOpenIcon) {
-          return opened.value ? props.expandOpenIcon : props.expandCloseIcon;
-        }
-        return ArrowDown;
-      } else {
-        if (props.collapseCloseIcon && props.collapseOpenIcon) {
-          return opened.value ? props.collapseOpenIcon : props.collapseCloseIcon;
-        }
-        return ArrowRight;
-      }
-    });
-    const appendToBody = computed(() => {
-      const value = props.teleported;
-      return isUndefined(value) ? isFirstLevel.value : value;
-    });
-    const menuTransitionName = computed(
-      () => rootMenu.props.collapse ? `${nsMenu.namespace.value}-zoom-in-left` : `${nsMenu.namespace.value}-zoom-in-top`
-    );
-    const fallbackPlacements = computed(
-      () => mode.value === "horizontal" && isFirstLevel.value ? [
-        "bottom-start",
-        "bottom-end",
-        "top-start",
-        "top-end",
-        "right-start",
-        "left-start"
-      ] : [
-        "right-start",
-        "right",
-        "right-end",
-        "left-start",
-        "bottom-start",
-        "bottom-end",
-        "top-start",
-        "top-end"
-      ]
-    );
-    const opened = computed(() => rootMenu.openedMenus.includes(props.index));
-    const active = computed(
-      () => [...Object.values(items.value), ...Object.values(subMenus.value)].some(
-        ({ active: active2 }) => active2
-      )
-    );
-    const mode = computed(() => rootMenu.props.mode);
-    const persistent = computed(() => rootMenu.props.persistent);
-    const item = reactive({
-      index: props.index,
-      indexPath,
-      active
-    });
-    const ulStyle = useMenuCssVar(rootMenu.props, subMenu.level + 1);
-    const subMenuPopperOffset = computed(
-      () => {
-        var _a;
-        return (_a = props.popperOffset) != null ? _a : rootMenu.props.popperOffset;
-      }
-    );
-    const subMenuPopperClass = computed(
-      () => {
-        var _a;
-        return (_a = props.popperClass) != null ? _a : rootMenu.props.popperClass;
-      }
-    );
-    const subMenuPopperStyle = computed(
-      () => {
-        var _a;
-        return (_a = props.popperStyle) != null ? _a : rootMenu.props.popperStyle;
-      }
-    );
-    const subMenuShowTimeout = computed(
-      () => {
-        var _a;
-        return (_a = props.showTimeout) != null ? _a : rootMenu.props.showTimeout;
-      }
-    );
-    const subMenuHideTimeout = computed(
-      () => {
-        var _a;
-        return (_a = props.hideTimeout) != null ? _a : rootMenu.props.hideTimeout;
-      }
-    );
-    const doDestroy = () => {
-      var _a, _b, _c;
-      return (_c = (_b = (_a = vPopper.value) == null ? void 0 : _a.popperRef) == null ? void 0 : _b.popperInstanceRef) == null ? void 0 : _c.destroy();
-    };
-    const handleCollapseToggle = (value) => {
-      if (!value) {
-        doDestroy();
-      }
-    };
-    const handleClick = () => {
-      if (rootMenu.props.menuTrigger === "hover" && rootMenu.props.mode === "horizontal" || rootMenu.props.collapse && rootMenu.props.mode === "vertical" || props.disabled)
-        return;
-      rootMenu.handleSubMenuClick({
-        index: props.index,
-        indexPath: indexPath.value,
-        active: active.value
-      });
-    };
-    const handleMouseenter = (event, showTimeout = subMenuShowTimeout.value) => {
-      var _a;
-      if (event.type === "focus")
-        return;
-      if (rootMenu.props.menuTrigger === "click" && rootMenu.props.mode === "horizontal" || !rootMenu.props.collapse && rootMenu.props.mode === "vertical" || props.disabled) {
-        subMenu.mouseInChild.value = true;
-        return;
-      }
-      subMenu.mouseInChild.value = true;
-      timeout == null ? void 0 : timeout();
-      ({ stop: timeout } = useTimeoutFn(() => {
-        rootMenu.openMenu(props.index, indexPath.value);
-      }, showTimeout));
-      if (appendToBody.value) {
-        (_a = parentMenu.value.vnode.el) == null ? void 0 : _a.dispatchEvent(new MouseEvent("mouseenter"));
-      }
-      if (event.type === "mouseenter" && event.target) {
-        nextTick(() => {
-          focusElement(event.target, { preventScroll: true });
-        });
-      }
-    };
-    const handleMouseleave = (deepDispatch = false) => {
-      var _a;
-      if (rootMenu.props.menuTrigger === "click" && rootMenu.props.mode === "horizontal" || !rootMenu.props.collapse && rootMenu.props.mode === "vertical") {
-        subMenu.mouseInChild.value = false;
-        return;
-      }
-      timeout == null ? void 0 : timeout();
-      subMenu.mouseInChild.value = false;
-      ({ stop: timeout } = useTimeoutFn(
-        () => !mouseInChild.value && rootMenu.closeMenu(props.index, indexPath.value),
-        subMenuHideTimeout.value
-      ));
-      if (appendToBody.value && deepDispatch) {
-        (_a = subMenu.handleMouseleave) == null ? void 0 : _a.call(subMenu, true);
-      }
-    };
-    watch(
-      () => rootMenu.props.collapse,
-      (value) => handleCollapseToggle(Boolean(value))
-    );
-    {
-      const addSubMenu = (item2) => {
-        subMenus.value[item2.index] = item2;
-      };
-      const removeSubMenu = (item2) => {
-        delete subMenus.value[item2.index];
-      };
-      provide(`${SUB_MENU_INJECTION_KEY}${instance.uid}`, {
-        addSubMenu,
-        removeSubMenu,
-        handleMouseleave,
-        mouseInChild,
-        level: subMenu.level + 1
-      });
-    }
-    expose({
-      opened
-    });
-    onMounted(() => {
-      rootMenu.addSubMenu(item);
-      subMenu.addSubMenu(item);
-    });
-    onBeforeUnmount(() => {
-      subMenu.removeSubMenu(item);
-      rootMenu.removeSubMenu(item);
-    });
-    return () => {
-      var _a;
-      const titleTag = [
-        (_a = slots.title) == null ? void 0 : _a.call(slots),
-        h(
-          ElIcon,
-          {
-            class: nsSubMenu.e("icon-arrow"),
-            style: {
-              transform: opened.value ? props.expandCloseIcon && props.expandOpenIcon || props.collapseCloseIcon && props.collapseOpenIcon && rootMenu.props.collapse ? "none" : "rotateZ(180deg)" : "none"
-            }
-          },
-          {
-            default: () => isString(subMenuTitleIcon.value) ? h(instance.appContext.components[subMenuTitleIcon.value]) : h(subMenuTitleIcon.value)
-          }
-        )
-      ];
-      const child = rootMenu.isMenuPopup ? h(
-        ElTooltip,
-        {
-          ref: vPopper,
-          visible: opened.value,
-          effect: "light",
-          pure: true,
-          offset: subMenuPopperOffset.value,
-          showArrow: false,
-          persistent: persistent.value,
-          popperClass: subMenuPopperClass.value,
-          popperStyle: subMenuPopperStyle.value,
-          placement: currentPlacement.value,
-          teleported: appendToBody.value,
-          fallbackPlacements: fallbackPlacements.value,
-          transition: menuTransitionName.value,
-          gpuAcceleration: false
-        },
-        {
-          content: () => {
-            var _a2;
-            return h(
-              "div",
-              {
-                class: [
-                  nsMenu.m(mode.value),
-                  nsMenu.m("popup-container"),
-                  subMenuPopperClass.value
-                ],
-                onMouseenter: (evt) => handleMouseenter(evt, 100),
-                onMouseleave: () => handleMouseleave(true),
-                onFocus: (evt) => handleMouseenter(evt, 100)
-              },
-              [
-                h(
-                  "ul",
-                  {
-                    class: [
-                      nsMenu.b(),
-                      nsMenu.m("popup"),
-                      nsMenu.m(`popup-${currentPlacement.value}`)
-                    ],
-                    style: ulStyle.value
-                  },
-                  [(_a2 = slots.default) == null ? void 0 : _a2.call(slots)]
-                )
-              ]
-            );
-          },
-          default: () => h(
-            "div",
-            {
-              class: nsSubMenu.e("title"),
-              onClick: handleClick
-            },
-            titleTag
-          )
-        }
-      ) : h(Fragment, {}, [
-        h(
-          "div",
-          {
-            class: nsSubMenu.e("title"),
-            ref: verticalTitleRef,
-            onClick: handleClick
-          },
-          titleTag
-        ),
-        h(
-          ElCollapseTransition,
-          {},
-          {
-            default: () => {
-              var _a2;
-              return withDirectives(
-                h(
-                  "ul",
-                  {
-                    role: "menu",
-                    class: [nsMenu.b(), nsMenu.m("inline")],
-                    style: ulStyle.value
-                  },
-                  [(_a2 = slots.default) == null ? void 0 : _a2.call(slots)]
-                ),
-                [[vShow, opened.value]]
-              );
-            }
-          }
-        )
-      ]);
-      return h(
-        "li",
-        {
-          class: [
-            nsSubMenu.b(),
-            nsSubMenu.is("active", active.value),
-            nsSubMenu.is("opened", opened.value),
-            nsSubMenu.is("disabled", props.disabled)
-          ],
-          role: "menuitem",
-          ariaHaspopup: true,
-          ariaExpanded: opened.value,
-          onMouseenter: handleMouseenter,
-          onMouseleave: () => handleMouseleave(),
-          onFocus: handleMouseenter
-        },
-        [child]
-      );
-    };
-  }
-});
-const menuProps = buildProps({
-  mode: {
-    type: String,
-    values: ["horizontal", "vertical"],
-    default: "vertical"
-  },
-  defaultActive: {
-    type: String,
-    default: ""
-  },
-  defaultOpeneds: {
-    type: definePropType(Array),
-    default: () => mutable([])
-  },
-  uniqueOpened: Boolean,
-  router: Boolean,
-  menuTrigger: {
-    type: String,
-    values: ["hover", "click"],
-    default: "hover"
-  },
-  collapse: Boolean,
-  backgroundColor: String,
-  textColor: String,
-  activeTextColor: String,
-  closeOnClickOutside: Boolean,
-  collapseTransition: {
-    type: Boolean,
-    default: true
-  },
-  ellipsis: {
-    type: Boolean,
-    default: true
-  },
-  popperOffset: {
-    type: Number,
-    default: 6
-  },
-  ellipsisIcon: {
-    type: iconPropType,
-    default: () => More
-  },
-  popperEffect: {
-    type: definePropType(String),
-    default: "dark"
-  },
-  popperClass: String,
-  popperStyle: {
-    type: definePropType([String, Object])
-  },
-  showTimeout: {
-    type: Number,
-    default: 300
-  },
-  hideTimeout: {
-    type: Number,
-    default: 300
-  },
-  persistent: {
-    type: Boolean,
-    default: true
-  }
-});
-const checkIndexPath = (indexPath) => isArray(indexPath) && indexPath.every((path) => isString(path));
-const menuEmits = {
-  close: (index2, indexPath) => isString(index2) && checkIndexPath(indexPath),
-  open: (index2, indexPath) => isString(index2) && checkIndexPath(indexPath),
-  select: (index2, indexPath, item, routerResult) => isString(index2) && checkIndexPath(indexPath) && isObject(item) && (isUndefined(routerResult) || routerResult instanceof Promise)
-};
-const DEFAULT_MORE_ITEM_WIDTH = 64;
-var Menu2 = defineComponent({
-  name: "ElMenu",
-  props: menuProps,
-  emits: menuEmits,
-  setup(props, { emit, slots, expose }) {
-    const instance = getCurrentInstance();
-    const router2 = instance.appContext.config.globalProperties.$router;
-    const menu = ref();
-    const subMenu = ref();
-    const nsMenu = useNamespace("menu");
-    const nsSubMenu = useNamespace("sub-menu");
-    let moreItemWidth = DEFAULT_MORE_ITEM_WIDTH;
-    const sliceIndex = ref(-1);
-    const openedMenus = ref(
-      props.defaultOpeneds && !props.collapse ? props.defaultOpeneds.slice(0) : []
-    );
-    const activeIndex = ref(props.defaultActive);
-    const items = ref({});
-    const subMenus = ref({});
-    const isMenuPopup = computed(
-      () => props.mode === "horizontal" || props.mode === "vertical" && props.collapse
-    );
-    const initMenu = () => {
-      const activeItem = activeIndex.value && items.value[activeIndex.value];
-      if (!activeItem || props.mode === "horizontal" || props.collapse)
-        return;
-      const indexPath = activeItem.indexPath;
-      indexPath.forEach((index2) => {
-        const subMenu2 = subMenus.value[index2];
-        subMenu2 && openMenu(index2, subMenu2.indexPath);
-      });
-    };
-    const openMenu = (index2, indexPath) => {
-      if (openedMenus.value.includes(index2))
-        return;
-      if (props.uniqueOpened) {
-        openedMenus.value = openedMenus.value.filter(
-          (index22) => indexPath.includes(index22)
-        );
-      }
-      openedMenus.value.push(index2);
-      emit("open", index2, indexPath);
-    };
-    const close = (index2) => {
-      const i = openedMenus.value.indexOf(index2);
-      if (i !== -1) {
-        openedMenus.value.splice(i, 1);
-      }
-    };
-    const closeMenu = (index2, indexPath) => {
-      close(index2);
-      emit("close", index2, indexPath);
-    };
-    const handleSubMenuClick = ({
-      index: index2,
-      indexPath
-    }) => {
-      const isOpened = openedMenus.value.includes(index2);
-      isOpened ? closeMenu(index2, indexPath) : openMenu(index2, indexPath);
-    };
-    const handleMenuItemClick = (menuItem) => {
-      if (props.mode === "horizontal" || props.collapse) {
-        openedMenus.value = [];
-      }
-      const { index: index2, indexPath } = menuItem;
-      if (isNil(index2) || isNil(indexPath))
-        return;
-      if (props.router && router2) {
-        const route = menuItem.route || index2;
-        const routerResult = router2.push(route).then((res) => {
-          if (!res)
-            activeIndex.value = index2;
-          return res;
-        });
-        emit(
-          "select",
-          index2,
-          indexPath,
-          { index: index2, indexPath, route },
-          routerResult
-        );
-      } else {
-        activeIndex.value = index2;
-        emit("select", index2, indexPath, { index: index2, indexPath });
-      }
-    };
-    const updateActiveIndex = (val) => {
-      var _a;
-      const itemsInData = items.value;
-      const item = itemsInData[val] || activeIndex.value && itemsInData[activeIndex.value] || itemsInData[props.defaultActive];
-      activeIndex.value = (_a = item == null ? void 0 : item.index) != null ? _a : val;
-    };
-    const calcMenuItemWidth = (menuItem) => {
-      const computedStyle = getComputedStyle(menuItem);
-      const marginLeft = Number.parseInt(computedStyle.marginLeft, 10);
-      const marginRight = Number.parseInt(computedStyle.marginRight, 10);
-      return menuItem.offsetWidth + marginLeft + marginRight || 0;
-    };
-    const calcSliceIndex = () => {
-      if (!menu.value)
-        return -1;
-      const items2 = Array.from(menu.value.childNodes).filter(
-        (item) => item.nodeName !== "#comment" && (item.nodeName !== "#text" || item.nodeValue)
-      );
-      const computedMenuStyle = getComputedStyle(menu.value);
-      const paddingLeft = Number.parseInt(computedMenuStyle.paddingLeft, 10);
-      const paddingRight = Number.parseInt(computedMenuStyle.paddingRight, 10);
-      const menuWidth = menu.value.clientWidth - paddingLeft - paddingRight;
-      let calcWidth = 0;
-      let sliceIndex2 = 0;
-      items2.forEach((item, index2) => {
-        calcWidth += calcMenuItemWidth(item);
-        if (calcWidth <= menuWidth - moreItemWidth) {
-          sliceIndex2 = index2 + 1;
-        }
-      });
-      return sliceIndex2 === items2.length ? -1 : sliceIndex2;
-    };
-    const getIndexPath = (index2) => subMenus.value[index2].indexPath;
-    const debounce2 = (fn, wait = 33.34) => {
-      let timer;
-      return () => {
-        timer && clearTimeout(timer);
-        timer = setTimeout(() => {
-          fn();
-        }, wait);
-      };
-    };
-    let isFirstTimeRender = true;
-    const handleResize = () => {
-      const el = unrefElement(subMenu);
-      if (el)
-        moreItemWidth = calcMenuItemWidth(el) || DEFAULT_MORE_ITEM_WIDTH;
-      if (sliceIndex.value === calcSliceIndex())
-        return;
-      const callback = () => {
-        sliceIndex.value = -1;
-        nextTick(() => {
-          sliceIndex.value = calcSliceIndex();
-        });
-      };
-      isFirstTimeRender ? callback() : debounce2(callback)();
-      isFirstTimeRender = false;
-    };
-    watch(
-      () => props.defaultActive,
-      (currentActive) => {
-        if (!items.value[currentActive]) {
-          activeIndex.value = "";
-        }
-        updateActiveIndex(currentActive);
-      }
-    );
-    watch(
-      () => props.collapse,
-      (value) => {
-        if (value)
-          openedMenus.value = [];
-      }
-    );
-    watch(items.value, initMenu);
-    let resizeStopper;
-    watchEffect(() => {
-      if (props.mode === "horizontal" && props.ellipsis)
-        resizeStopper = useResizeObserver(menu, handleResize).stop;
-      else
-        resizeStopper == null ? void 0 : resizeStopper();
-    });
-    const mouseInChild = ref(false);
-    {
-      const addSubMenu = (item) => {
-        subMenus.value[item.index] = item;
-      };
-      const removeSubMenu = (item) => {
-        delete subMenus.value[item.index];
-      };
-      const addMenuItem = (item) => {
-        items.value[item.index] = item;
-      };
-      const removeMenuItem = (item) => {
-        delete items.value[item.index];
-      };
-      provide(
-        MENU_INJECTION_KEY,
-        reactive({
-          props,
-          openedMenus,
-          items,
-          subMenus,
-          activeIndex,
-          isMenuPopup,
-          addMenuItem,
-          removeMenuItem,
-          addSubMenu,
-          removeSubMenu,
-          openMenu,
-          closeMenu,
-          handleMenuItemClick,
-          handleSubMenuClick
-        })
-      );
-      provide(`${SUB_MENU_INJECTION_KEY}${instance.uid}`, {
-        addSubMenu,
-        removeSubMenu,
-        mouseInChild,
-        level: 0
-      });
-    }
-    onMounted(() => {
-      if (props.mode === "horizontal") {
-        new Menu$1(instance.vnode.el, nsMenu.namespace.value);
-      }
-    });
-    {
-      const open = (index2) => {
-        const { indexPath } = subMenus.value[index2];
-        indexPath.forEach((i) => openMenu(i, indexPath));
-      };
-      expose({
-        open,
-        close,
-        updateActiveIndex,
-        handleResize
-      });
-    }
-    const ulStyle = useMenuCssVar(props, 0);
-    return () => {
-      var _a, _b;
-      let slot = (_b = (_a = slots.default) == null ? void 0 : _a.call(slots)) != null ? _b : [];
-      const vShowMore = [];
-      if (props.mode === "horizontal" && menu.value) {
-        const originalSlot = flattedChildren(slot).filter((vnode) => {
-          return (vnode == null ? void 0 : vnode.shapeFlag) !== 8;
-        });
-        const slotDefault = sliceIndex.value === -1 ? originalSlot : originalSlot.slice(0, sliceIndex.value);
-        const slotMore = sliceIndex.value === -1 ? [] : originalSlot.slice(sliceIndex.value);
-        if ((slotMore == null ? void 0 : slotMore.length) && props.ellipsis) {
-          slot = slotDefault;
-          vShowMore.push(
-            h(
-              SubMenu2,
-              {
-                ref: subMenu,
-                index: "sub-menu-more",
-                class: nsSubMenu.e("hide-arrow"),
-                popperOffset: props.popperOffset
-              },
-              {
-                title: () => h(
-                  ElIcon,
-                  {
-                    class: nsSubMenu.e("icon-more")
-                  },
-                  {
-                    default: () => h(props.ellipsisIcon)
-                  }
-                ),
-                default: () => slotMore
-              }
-            )
-          );
-        }
-      }
-      const directives = props.closeOnClickOutside ? [
-        [
-          ClickOutside,
-          () => {
-            if (!openedMenus.value.length)
-              return;
-            if (!mouseInChild.value) {
-              openedMenus.value.forEach(
-                (openedMenu) => emit("close", openedMenu, getIndexPath(openedMenu))
-              );
-              openedMenus.value = [];
-            }
-          }
-        ]
-      ] : [];
-      const vMenu = withDirectives(
-        h(
-          "ul",
-          {
-            key: String(props.collapse),
-            role: "menubar",
-            ref: menu,
-            style: ulStyle.value,
-            class: {
-              [nsMenu.b()]: true,
-              [nsMenu.m(props.mode)]: true,
-              [nsMenu.m("collapse")]: props.collapse
-            }
-          },
-          [...slot, ...vShowMore]
-        ),
-        directives
-      );
-      if (props.collapseTransition && props.mode === "vertical") {
-        return h(ElMenuCollapseTransition, () => vMenu);
-      }
-      return vMenu;
-    };
-  }
-});
-const menuItemProps = buildProps({
-  index: {
-    type: definePropType([String, null]),
-    default: null
-  },
-  route: {
-    type: definePropType([String, Object])
-  },
-  disabled: Boolean
-});
-const menuItemEmits = {
-  click: (item) => isString(item.index) && isArray(item.indexPath)
-};
-const COMPONENT_NAME = "ElMenuItem";
-const _sfc_main$j = defineComponent({
-  ...{
-    name: COMPONENT_NAME
-  },
-  __name: "menu-item",
-  props: menuItemProps,
-  emits: menuItemEmits,
-  setup(__props, { expose: __expose, emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    isPropAbsent(props.index) && debugWarn(COMPONENT_NAME, 'Missing required prop: "index"');
-    const instance = getCurrentInstance();
-    const rootMenu = inject(MENU_INJECTION_KEY);
-    const nsMenu = useNamespace("menu");
-    const nsMenuItem = useNamespace("menu-item");
-    if (!rootMenu)
-      throwError(COMPONENT_NAME, "can not inject root menu");
-    const { parentMenu, indexPath } = useMenu(instance, toRef(props, "index"));
-    const subMenu = inject(
-      `${SUB_MENU_INJECTION_KEY}${parentMenu.value.uid}`
-    );
-    if (!subMenu)
-      throwError(COMPONENT_NAME, "can not inject sub menu");
-    const active = computed(() => props.index === rootMenu.activeIndex);
-    const item = reactive({
-      index: props.index,
-      indexPath,
-      active
-    });
-    const handleClick = () => {
-      if (!props.disabled) {
-        rootMenu.handleMenuItemClick({
-          index: props.index,
-          indexPath: indexPath.value,
-          route: props.route
-        });
-        emit("click", item);
-      }
-    };
-    onMounted(() => {
-      subMenu.addSubMenu(item);
-      rootMenu.addMenuItem(item);
-    });
-    onBeforeUnmount(() => {
-      subMenu.removeSubMenu(item);
-      rootMenu.removeMenuItem(item);
-    });
-    __expose({
-      parentMenu,
-      rootMenu,
-      active,
-      nsMenu,
-      nsMenuItem,
-      handleClick
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock(
-        "li",
-        {
-          class: normalizeClass([
-            unref(nsMenuItem).b(),
-            unref(nsMenuItem).is("active", active.value),
-            unref(nsMenuItem).is("disabled", _ctx.disabled)
-          ]),
-          role: "menuitem",
-          tabindex: "-1",
-          onClick: handleClick
-        },
-        [
-          unref(parentMenu).type.name === "ElMenu" && unref(rootMenu).props.collapse && _ctx.$slots.title ? (openBlock(), createBlock(unref(ElTooltip), {
-            key: 0,
-            effect: unref(rootMenu).props.popperEffect,
-            placement: "right",
-            "fallback-placements": ["left"],
-            "popper-class": unref(rootMenu).props.popperClass,
-            "popper-style": unref(rootMenu).props.popperStyle,
-            persistent: unref(rootMenu).props.persistent,
-            "focus-on-target": ""
-          }, {
-            content: withCtx(() => [
-              renderSlot(_ctx.$slots, "title")
-            ]),
-            default: withCtx(() => [
-              createElementVNode(
-                "div",
-                {
-                  class: normalizeClass(unref(nsMenu).be("tooltip", "trigger"))
-                },
-                [
-                  renderSlot(_ctx.$slots, "default")
-                ],
-                2
-              )
-            ]),
-            _: 3
-          }, 8, ["effect", "popper-class", "popper-style", "persistent"])) : (openBlock(), createElementBlock(
-            Fragment,
-            { key: 1 },
-            [
-              renderSlot(_ctx.$slots, "default"),
-              renderSlot(_ctx.$slots, "title")
-            ],
-            64
-          ))
-        ],
-        2
-      );
-    };
-  }
-});
-var MenuItem2 = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/menu/src/menu-item.vue"]]);
-const menuItemGroupProps = {
-  title: String
-};
-const _sfc_main$i = defineComponent({
-  ...{
-    name: "ElMenuItemGroup"
-  },
-  __name: "menu-item-group",
-  props: menuItemGroupProps,
-  setup(__props) {
-    const ns = useNamespace("menu-item-group");
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock(
-        "li",
-        {
-          class: normalizeClass(unref(ns).b())
-        },
-        [
-          createElementVNode(
-            "div",
-            {
-              class: normalizeClass(unref(ns).e("title"))
-            },
-            [
-              !_ctx.$slots.title ? (openBlock(), createElementBlock(
-                Fragment,
-                { key: 0 },
-                [
-                  createTextVNode(
-                    toDisplayString(_ctx.title),
-                    1
-                  )
-                ],
-                64
-              )) : renderSlot(_ctx.$slots, "title", { key: 1 })
-            ],
-            2
-          ),
-          createElementVNode("ul", null, [
-            renderSlot(_ctx.$slots, "default")
-          ])
-        ],
-        2
-      );
-    };
-  }
-});
-var MenuItemGroup = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/menu/src/menu-item-group.vue"]]);
-const ElMenu = withInstall(Menu2, {
-  MenuItem: MenuItem2,
-  MenuItemGroup,
-  SubMenu: SubMenu2
-});
-const ElMenuItem = withNoopInstall(MenuItem2);
-withNoopInstall(MenuItemGroup);
-const ElSubMenu = withNoopInstall(SubMenu2);
-function hexToRgb(str) {
-  let hexs = "";
-  let reg = /^\#?[0-9A-Fa-f]{6}$/;
-  if (!reg.test(str)) return ElMessage.warning("输入错误的hex");
-  str = str.replace("#", "");
-  hexs = str.match(/../g);
-  for (let i = 0; i < 3; i++) hexs[i] = parseInt(hexs[i], 16);
-  return hexs;
-}
-function rgbToHex(r, g, b) {
-  let reg = /^\d{1,3}$/;
-  if (!reg.test(r) || !reg.test(g) || !reg.test(b)) return ElMessage.warning("输入错误的rgb颜色值");
-  let hexs = [r.toString(16), g.toString(16), b.toString(16)];
-  for (let i = 0; i < 3; i++) if (hexs[i].length == 1) hexs[i] = `0${hexs[i]}`;
-  return `#${hexs.join("")}`;
-}
-function getDarkColor(color, level) {
-  let reg = /^\#?[0-9A-Fa-f]{6}$/;
-  if (!reg.test(color)) return ElMessage.warning("输入错误的hex颜色值");
-  let rgb = hexToRgb(color);
-  for (let i = 0; i < 3; i++) rgb[i] = Math.round(20.5 * level + rgb[i] * (1 - level));
-  return rgbToHex(rgb[0], rgb[1], rgb[2]);
-}
-function getLightColor(color, level) {
-  let reg = /^\#?[0-9A-Fa-f]{6}$/;
-  if (!reg.test(color)) return ElMessage.warning("输入错误的hex颜色值");
-  let rgb = hexToRgb(color);
-  for (let i = 0; i < 3; i++) rgb[i] = Math.round(255 * level + rgb[i] * (1 - level));
-  return rgbToHex(rgb[0], rgb[1], rgb[2]);
-}
-const menuTheme = {
-  light: {
-    "--el-menu-bg-color": "#ffffff",
-    "--el-menu-hover-bg-color": "#cccccc",
-    "--el-menu-active-bg-color": "var(--el-color-primary-light-9)",
-    "--el-menu-text-color": "#333333",
-    "--el-menu-active-color": "var(--el-color-primary)",
-    "--el-menu-hover-text-color": "#333333",
-    "--el-menu-horizontal-sub-item-height": "50px"
-  },
-  inverted: {
-    "--el-menu-bg-color": "#ffffff",
-    "--el-menu-hover-bg-color": "#cccccc",
-    "--el-menu-active-bg-color": "var(--el-color-primary-light-9)",
-    "--el-menu-text-color": "#333333",
-    "--el-menu-active-color": "var(--el-color-primary)",
-    "--el-menu-hover-text-color": "#333333",
-    "--el-menu-horizontal-sub-item-height": "50px"
-  },
-  dark: {
-    "--el-menu-bg-color": "#141414",
-    "--el-menu-hover-bg-color": "#000000",
-    "--el-menu-active-bg-color": "#000000",
-    "--el-menu-text-color": "#bdbdc0",
-    "--el-menu-active-color": "#ffffff",
-    "--el-menu-hover-text-color": "#ffffff",
-    "--el-menu-horizontal-sub-item-height": "50px"
-  }
-};
-const asideTheme = {
-  light: {
-    "--el-aside-logo-text-color": "#303133",
-    "--el-aside-border-color": "#e4e7ed"
-  },
-  inverted: {
-    "--el-aside-logo-text-color": "#dadada",
-    "--el-aside-border-color": "#414243"
-  },
-  dark: {
-    "--el-aside-logo-text-color": "#dadada",
-    "--el-aside-border-color": "#414243"
-  }
-};
-const headerTheme = {
-  light: {
-    "--el-header-logo-text-color": "#303133",
-    "--el-header-bg-color": "#ffffff",
-    "--el-header-text-color": "#303133",
-    "--el-header-text-color-regular": "#606266",
-    "--el-header-border-color": "#e4e7ed"
-  },
-  inverted: {
-    "--el-header-logo-text-color": "#fff",
-    "--el-header-bg-color": "var(--el-color-primary)",
-    "--el-header-text-color": "#fff",
-    "--el-header-text-color-regular": "#fff",
-    "--el-header-border-color": "var(--el-color-primary)"
-  },
-  dark: {
-    "--el-header-logo-text-color": "#dadada",
-    "--el-header-bg-color": "#141414",
-    "--el-header-text-color": "#e5eaf3",
-    "--el-header-text-color-regular": "#cfd3dc",
-    "--el-header-border-color": "#414243"
-  }
-};
-const useTheme = () => {
-  const globalStore = useGlobalStore();
-  const { primary, isDark, isGrey, isWeak, layout, asideInverted, headerInverted } = storeToRefs(globalStore);
-  const switchDark = () => {
-    const html = document.documentElement;
-    if (isDark.value) html.setAttribute("class", "dark");
-    else html.setAttribute("class", "");
-    changePrimary(primary.value);
-    setAsideTheme();
-    setHeaderTheme();
-  };
-  const changePrimary = (val) => {
-    if (!val) {
-      val = DEFAULT_PRIMARY;
-      ElMessage({ type: "success", message: `主题颜色已重置为 ${DEFAULT_PRIMARY}` });
-    }
-    document.documentElement.style.setProperty("--el-color-primary", val);
-    document.documentElement.style.setProperty(
-      "--el-color-primary-dark-2",
-      isDark.value ? `${getLightColor(val, 0.2)}` : `${getDarkColor(val, 0.3)}`
-    );
-    for (let i = 1; i <= 9; i++) {
-      const primaryColor = isDark.value ? `${getDarkColor(val, i / 10)}` : `${getLightColor(val, i / 10)}`;
-      document.documentElement.style.setProperty(`--el-color-primary-light-${i}`, primaryColor);
-    }
-    globalStore.setGlobalState("primary", val);
-  };
-  const changeGreyOrWeak = (type, value) => {
-    const body = document.body;
-    if (!value) return body.removeAttribute("style");
-    const styles = {
-      grey: "filter: grayscale(1)",
-      weak: "filter: invert(80%)"
-    };
-    body.setAttribute("style", styles[type]);
-    const propName = type === "grey" ? "isWeak" : "isGrey";
-    globalStore.setGlobalState(propName, false);
-  };
-  const setMenuTheme = () => {
-    let type = "light";
-    if (layout.value === "transverse" && headerInverted.value) type = "inverted";
-    if (layout.value !== "transverse" && asideInverted.value) type = "inverted";
-    if (isDark.value) type = "dark";
-    const theme = menuTheme[type];
-    for (const [key, value] of Object.entries(theme)) {
-      document.documentElement.style.setProperty(key, value);
-    }
-  };
-  const setAsideTheme = () => {
-    let type = "light";
-    if (asideInverted.value) type = "inverted";
-    if (isDark.value) type = "dark";
-    const theme = asideTheme[type];
-    for (const [key, value] of Object.entries(theme)) {
-      document.documentElement.style.setProperty(key, value);
-    }
-    setMenuTheme();
-  };
-  const setHeaderTheme = () => {
-    let type = "light";
-    if (headerInverted.value) type = "inverted";
-    if (isDark.value) type = "dark";
-    const theme = headerTheme[type];
-    for (const [key, value] of Object.entries(theme)) {
-      document.documentElement.style.setProperty(key, value);
-    }
-    setMenuTheme();
-  };
-  const initTheme = () => {
-    switchDark();
-    if (isGrey.value) changeGreyOrWeak("grey", true);
-    if (isWeak.value) changeGreyOrWeak("weak", true);
-  };
-  return {
-    initTheme,
-    switchDark,
-    changePrimary,
-    changeGreyOrWeak,
-    setAsideTheme,
-    setHeaderTheme
-  };
-};
-function mitt(n) {
-  return { all: n = n || /* @__PURE__ */ new Map(), on: function(t, e) {
-    var i = n.get(t);
-    i ? i.push(e) : n.set(t, [e]);
-  }, off: function(t, e) {
-    var i = n.get(t);
-    i && (e ? i.splice(i.indexOf(e) >>> 0, 1) : n.set(t, []));
-  }, emit: function(t, e) {
-    var i = n.get(t);
-    i && i.slice().map(function(n2) {
-      n2(e);
-    }), (i = n.get("*")) && i.slice().map(function(n2) {
-      n2(t, e);
-    });
-  } };
-}
-const mittBus = mitt();
-const __default__$3 = defineComponent({
-  name: "SwitchDark"
-});
-const _sfc_main$h = /* @__PURE__ */ defineComponent({
-  ...__default__$3,
-  setup(__props) {
-    const {
-      switchDark
-    } = useTheme();
-    const globalStore = useGlobalStore();
-    return (_ctx, _cache) => {
-      const _component_el_switch = ElSwitch;
-      return openBlock(), createBlock(_component_el_switch, {
-        modelValue: unref(globalStore).isDark,
-        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => unref(globalStore).isDark = $event),
-        "inline-prompt": "",
-        "active-icon": unref(Sunny),
-        "inactive-icon": unref(Moon),
-        onChange: unref(switchDark)
-      }, null, 8, ["modelValue", "active-icon", "inactive-icon", "onChange"]);
-    };
-  }
-});
-const _hoisted_1$a = {
-  class: "layout-box"
-};
-const _hoisted_2$6 = {
-  class: "theme-item mb50"
-};
-const _hoisted_3$2 = {
-  class: "theme-item"
-};
-const _hoisted_4$1 = {
-  class: "theme-item"
-};
-const _hoisted_5 = {
-  class: "theme-item"
-};
-const _hoisted_6 = {
-  class: "theme-item"
-};
-const _hoisted_7 = {
-  class: "theme-item"
-};
-const _hoisted_8 = {
-  class: "theme-item"
-};
-const _hoisted_9 = {
-  class: "theme-item"
-};
-const _hoisted_10 = {
-  class: "theme-item"
-};
-const _hoisted_11 = {
-  class: "theme-item"
-};
-const _hoisted_12 = {
-  class: "theme-item"
-};
-const _sfc_main$g = /* @__PURE__ */ defineComponent({
-  __name: "index",
-  setup(__props) {
-    const {
-      changePrimary,
-      setAsideTheme,
-      setHeaderTheme
-    } = useTheme();
-    const globalStore = useGlobalStore();
-    const {
-      layout,
-      primary,
-      headerInverted,
-      isCollapse,
-      isSubCollapse,
-      accordion,
-      breadcrumb,
-      breadcrumbIcon,
-      tabs,
-      tabsIcon,
-      footer
-    } = storeToRefs(globalStore);
-    const colorList = [DEFAULT_PRIMARY, "#daa96e", "#0c819f", "#409eff", "#27ae60", "#ff5c93", "#e74c3c", "#fd726d", "#f39c12", "#9b59b6"];
-    const setLayout = (val) => {
-      globalStore.setGlobalState("layout", val);
-      setAsideTheme();
-    };
-    const drawerVisible = ref(false);
-    mittBus.on("openThemeDrawer", () => drawerVisible.value = true);
-    return (_ctx, _cache) => {
-      const _component_Notification = resolveComponent("Notification");
-      const _component_el_icon = ElIcon;
-      const _component_el_divider = ElDivider;
-      const _component_CircleCheckFilled = resolveComponent("CircleCheckFilled");
-      const _component_el_tooltip = ElTooltip;
-      const _component_QuestionFilled = resolveComponent("QuestionFilled");
-      const _component_el_switch = ElSwitch;
-      const _component_ColdDrink = resolveComponent("ColdDrink");
-      const _component_el_color_picker = ElColorPicker;
-      const _component_Setting = resolveComponent("Setting");
-      const _component_el_drawer = ElDrawer;
-      return openBlock(), createBlock(_component_el_drawer, {
-        modelValue: drawerVisible.value,
-        "onUpdate:modelValue": _cache[12] || (_cache[12] = ($event) => drawerVisible.value = $event),
-        title: "布局设置",
-        size: "290px"
-      }, {
-        default: withCtx(() => [createVNode(_component_el_divider, {
-          class: "divider",
-          "content-position": "center"
-        }, {
-          default: withCtx(() => [createVNode(_component_el_icon, null, {
-            default: withCtx(() => [createVNode(_component_Notification)]),
-            _: 1
-          }), _cache[13] || (_cache[13] = createTextVNode(" 布局样式 ", -1))]),
-          _: 1
-        }), createElementVNode("div", _hoisted_1$a, [createVNode(_component_el_tooltip, {
-          effect: "dark",
-          content: "经典",
-          placement: "top",
-          "show-after": 200
-        }, {
-          default: withCtx(() => [createElementVNode("div", {
-            class: normalizeClass(["layout-item layout-classic", {
-              "is-active": unref(layout) == "classic"
-            }]),
-            onClick: _cache[0] || (_cache[0] = ($event) => setLayout("classic"))
-          }, [_cache[14] || (_cache[14] = createElementVNode("div", {
-            class: "layout-dark"
-          }, null, -1)), _cache[15] || (_cache[15] = createElementVNode("div", {
-            class: "layout-container"
-          }, [createElementVNode("div", {
-            class: "layout-light"
-          }), createElementVNode("div", {
-            class: "layout-content"
-          })], -1)), unref(layout) == "classic" ? (openBlock(), createBlock(_component_el_icon, {
-            key: 0
-          }, {
-            default: withCtx(() => [createVNode(_component_CircleCheckFilled)]),
-            _: 1
-          })) : createCommentVNode("", true)], 2)]),
-          _: 1
-        }), createVNode(_component_el_tooltip, {
-          effect: "dark",
-          content: "横向",
-          placement: "top",
-          "show-after": 200
-        }, {
-          default: withCtx(() => [createElementVNode("div", {
-            class: normalizeClass(["layout-item layout-transverse", {
-              "is-active": unref(layout) == "transverse"
-            }]),
-            onClick: _cache[1] || (_cache[1] = ($event) => setLayout("transverse"))
-          }, [_cache[16] || (_cache[16] = createElementVNode("div", {
-            class: "layout-dark"
-          }, null, -1)), _cache[17] || (_cache[17] = createElementVNode("div", {
-            class: "layout-content"
-          }, null, -1)), unref(layout) == "transverse" ? (openBlock(), createBlock(_component_el_icon, {
-            key: 0
-          }, {
-            default: withCtx(() => [createVNode(_component_CircleCheckFilled)]),
-            _: 1
-          })) : createCommentVNode("", true)], 2)]),
-          _: 1
-        })]), createElementVNode("div", _hoisted_2$6, [createElementVNode("span", null, [_cache[18] || (_cache[18] = createTextVNode(" 头部反转色 ", -1)), createVNode(_component_el_tooltip, {
-          effect: "dark",
-          content: "头部颜色变为深色模式",
-          placement: "top"
-        }, {
-          default: withCtx(() => [createVNode(_component_el_icon, null, {
-            default: withCtx(() => [createVNode(_component_QuestionFilled)]),
-            _: 1
-          })]),
-          _: 1
-        })]), createVNode(_component_el_switch, {
-          modelValue: unref(headerInverted),
-          "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => isRef(headerInverted) ? headerInverted.value = $event : null),
-          onChange: unref(setHeaderTheme)
-        }, null, 8, ["modelValue", "onChange"])]), createVNode(_component_el_divider, {
-          class: "divider",
-          "content-position": "center"
-        }, {
-          default: withCtx(() => [createVNode(_component_el_icon, null, {
-            default: withCtx(() => [createVNode(_component_ColdDrink)]),
-            _: 1
-          }), _cache[19] || (_cache[19] = createTextVNode(" 全局主题 ", -1))]),
-          _: 1
-        }), createElementVNode("div", _hoisted_3$2, [_cache[20] || (_cache[20] = createElementVNode("span", null, "主题颜色", -1)), createVNode(_component_el_color_picker, {
-          modelValue: unref(primary),
-          "onUpdate:modelValue": _cache[3] || (_cache[3] = ($event) => isRef(primary) ? primary.value = $event : null),
-          predefine: colorList,
-          onChange: unref(changePrimary)
-        }, null, 8, ["modelValue", "onChange"])]), createElementVNode("div", _hoisted_4$1, [_cache[21] || (_cache[21] = createElementVNode("span", null, "暗黑模式", -1)), createVNode(_sfc_main$h)]), createVNode(_component_el_divider, {
-          class: "divider",
-          "content-position": "center"
-        }, {
-          default: withCtx(() => [createVNode(_component_el_icon, null, {
-            default: withCtx(() => [createVNode(_component_Setting)]),
-            _: 1
-          }), _cache[22] || (_cache[22] = createTextVNode(" 界面设置 ", -1))]),
-          _: 1
-        }), createElementVNode("div", _hoisted_5, [_cache[23] || (_cache[23] = createElementVNode("span", null, "主菜单折叠", -1)), createVNode(_component_el_switch, {
-          modelValue: unref(isCollapse),
-          "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => isRef(isCollapse) ? isCollapse.value = $event : null)
-        }, null, 8, ["modelValue"])]), createElementVNode("div", _hoisted_6, [_cache[24] || (_cache[24] = createElementVNode("span", null, "内部菜单折叠", -1)), createVNode(_component_el_switch, {
-          modelValue: unref(isSubCollapse),
-          "onUpdate:modelValue": _cache[5] || (_cache[5] = ($event) => isRef(isSubCollapse) ? isSubCollapse.value = $event : null)
-        }, null, 8, ["modelValue"])]), createElementVNode("div", _hoisted_7, [_cache[25] || (_cache[25] = createElementVNode("span", null, "菜单手风琴", -1)), createVNode(_component_el_switch, {
-          modelValue: unref(accordion),
-          "onUpdate:modelValue": _cache[6] || (_cache[6] = ($event) => isRef(accordion) ? accordion.value = $event : null)
-        }, null, 8, ["modelValue"])]), createElementVNode("div", _hoisted_8, [_cache[26] || (_cache[26] = createElementVNode("span", null, "面包屑", -1)), createVNode(_component_el_switch, {
-          modelValue: unref(breadcrumb),
-          "onUpdate:modelValue": _cache[7] || (_cache[7] = ($event) => isRef(breadcrumb) ? breadcrumb.value = $event : null)
-        }, null, 8, ["modelValue"])]), createElementVNode("div", _hoisted_9, [_cache[27] || (_cache[27] = createElementVNode("span", null, "面包屑图标", -1)), createVNode(_component_el_switch, {
-          modelValue: unref(breadcrumbIcon),
-          "onUpdate:modelValue": _cache[8] || (_cache[8] = ($event) => isRef(breadcrumbIcon) ? breadcrumbIcon.value = $event : null)
-        }, null, 8, ["modelValue"])]), createElementVNode("div", _hoisted_10, [_cache[28] || (_cache[28] = createElementVNode("span", null, "标签栏", -1)), createVNode(_component_el_switch, {
-          modelValue: unref(tabs),
-          "onUpdate:modelValue": _cache[9] || (_cache[9] = ($event) => isRef(tabs) ? tabs.value = $event : null)
-        }, null, 8, ["modelValue"])]), createElementVNode("div", _hoisted_11, [_cache[29] || (_cache[29] = createElementVNode("span", null, "标签栏图标", -1)), createVNode(_component_el_switch, {
-          modelValue: unref(tabsIcon),
-          "onUpdate:modelValue": _cache[10] || (_cache[10] = ($event) => isRef(tabsIcon) ? tabsIcon.value = $event : null)
-        }, null, 8, ["modelValue"])]), createElementVNode("div", _hoisted_12, [_cache[30] || (_cache[30] = createElementVNode("span", null, "页脚", -1)), createVNode(_component_el_switch, {
-          modelValue: unref(footer),
-          "onUpdate:modelValue": _cache[11] || (_cache[11] = ($event) => isRef(footer) ? footer.value = $event : null)
-        }, null, 8, ["modelValue"])])]),
-        _: 1
-      }, 8, ["modelValue"]);
-    };
-  }
-});
-const ThemeDrawer = /* @__PURE__ */ _export_sfc$1(_sfc_main$g, [["__scopeId", "data-v-1e728fc7"]]);
-const _imports_0$1 = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!DOCTYPE%20svg%20PUBLIC%20'-//W3C//DTD%20SVG%201.1//EN'%20'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3e%3csvg%20t='1729040958234'%20class='icon'%20viewBox='0%200%201024%201024'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20p-id='5152'%20width='64'%20height='64'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3cpath%20d='M953.398227%20371.854971a384.834739%20384.834739%200%200%200-4.284805-4.341784q-14.495404-14.529591-30.062009-27.213069C884.089228%20146.765964%20714.816642%200%20511.265617%200%20307.190388%200%20137.587325%20147.495293%20103.21772%20341.6904q-14.620757%2012.136482-28.329854%2025.822787-2.17659%202.153798-4.284805%204.341784C-82.464757%20529.469697%2031.11676%20793.851276%20250.781387%20793.851276h522.438514c219.653231%200%20333.25754-264.38158%20180.178326-421.996305zM280.091276%20577.810501a37.423668%2037.423668%200%201%201%2037.423668-37.423668%2037.423668%2037.423668%200%200%201-37.423668%2037.423668z%20m0-143.449799a37.423668%2037.423668%200%201%201%2037.423668-37.423668%2037.423668%2037.423668%200%200%201-37.423668%2037.423668z%20m0-143.461194a37.423668%2037.423668%200%201%201%2037.423668-37.412273%2037.412273%2037.412273%200%200%201-37.423668%2037.412273z%20m501.242404%20250.524339a36.386654%2036.386654%200%200%201-36.39805%2036.386654h-353.952236a36.375259%2036.375259%200%200%201-36.386654-36.386654v-2.062633a36.375259%2036.375259%200%200%201%2036.386654-36.386654h353.952236a36.386654%2036.386654%200%200%201%2036.39805%2036.386654z%20m0-143.449799a36.39805%2036.39805%200%200%201-36.39805%2036.386654h-353.952236a36.386654%2036.386654%200%200%201-36.386654-36.386654v-2.074028a36.386654%2036.386654%200%200%201%2036.386654-36.386654h353.952236a36.39805%2036.39805%200%200%201%2036.39805%2036.386654z%20m0-143.461194a36.386654%2036.386654%200%200%201-36.39805%2036.386654h-353.952236a36.375259%2036.375259%200%200%201-36.386654-36.386654v-2.062633a36.375259%2036.375259%200%200%201%2036.386654-36.363863h353.952236a36.386654%2036.386654%200%200%201%2036.39805%2036.386655z'%20fill='%23ffffff'%20p-id='5153'%3e%3c/path%3e%3cpath%20d='M517.692825%20950.748069V705.659507h-11.395758V950.748069a34.187273%2034.187273%200%201%200%2011.395758%200zM355.497005%20789.691825c0%2083.62207-64.283469%20156.497941-124.840526%20170.822409a34.187273%2034.187273%200%201%200%207.384451%209.800351c26.677469-7.555387%2053.936121-25.139042%2076.704845-50.141334%2033.628881-36.899464%2052.146987-83.24601%2052.146988-130.481426zM670.885996%20793.851276c0%2083.610675%2064.283469%20156.486545%20124.840526%20170.811013a34.187273%2034.187273%200%201%201-7.384451%209.800352c-26.677469-7.555387-53.936121-25.070667-76.704845-50.141334-33.640277-36.876672-52.146987-83.223219-52.146987-130.470031z'%20fill='%23ffffff'%20p-id='5154'%3e%3c/path%3e%3c/svg%3e";
-const useKeepAliveStore = defineStore({
-  id: "old-dsp-web-keepAlive",
-  state: () => ({
-    keepAliveName: []
-  }),
-  actions: {
-    // Add KeepAliveName
-    async addKeepAliveName(name) {
-      !this.keepAliveName.includes(name) && this.keepAliveName.push(name);
-    },
-    // Remove KeepAliveName
-    async removeKeepAliveName(name) {
-      this.keepAliveName = this.keepAliveName.filter((item) => item !== name);
-    },
-    // Set KeepAliveName
-    async setKeepAliveName(keepAliveName = []) {
-      this.keepAliveName = keepAliveName;
-    }
-  }
-});
-const _sfc_main$f = /* @__PURE__ */ defineComponent({
-  __name: "Maximize",
-  setup(__props) {
-    const globalStore = useGlobalStore();
-    const exitMaximize = () => {
-      globalStore.setGlobalState("maximize", false);
-    };
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: "maximize",
-        onClick: exitMaximize
-      }, [..._cache[0] || (_cache[0] = [createElementVNode("i", {
-        class: normalizeClass("iconfont icon-tuichu")
-      }, null, -1)])]);
-    };
-  }
-});
-const Maximize = /* @__PURE__ */ _export_sfc$1(_sfc_main$f, [["__scopeId", "data-v-fbc0d1c1"]]);
-const keepAliveStore = useKeepAliveStore();
-const useTabsStore = defineStore({
-  id: "old-dsp-web-tabs",
-  state: () => ({
-    tabsMenuList: []
-  }),
-  actions: {
-    // Add Tabs
-    async addTabs(tabItem) {
-      if (this.tabsMenuList.every((item) => item.path !== tabItem.path)) {
-        this.tabsMenuList.push(tabItem);
-      }
-      if (!keepAliveStore.keepAliveName.includes(tabItem.name) && tabItem.isKeepAlive) {
-        keepAliveStore.addKeepAliveName(tabItem.path);
-      }
-    },
-    // Remove Tabs
-    async removeTabs(tabPath, isCurrent = true) {
-      if (isCurrent) {
-        this.tabsMenuList.forEach((item, index2) => {
-          if (item.path !== tabPath) return;
-          const nextTab = this.tabsMenuList[index2 + 1] || this.tabsMenuList[index2 - 1];
-          if (!nextTab) return;
-          router.push(nextTab.path);
-        });
-      }
-      const tabItem = this.tabsMenuList.find((item) => item.path === tabPath);
-      (tabItem == null ? void 0 : tabItem.isKeepAlive) && keepAliveStore.removeKeepAliveName(tabItem.path);
-      this.tabsMenuList = this.tabsMenuList.filter((item) => item.path !== tabPath);
-    },
-    // Close Tabs On Side
-    async closeTabsOnSide(path, type) {
-      const currentIndex = this.tabsMenuList.findIndex((item) => item.path === path);
-      if (currentIndex !== -1) {
-        const range = type === "left" ? [0, currentIndex] : [currentIndex + 1, this.tabsMenuList.length];
-        this.tabsMenuList = this.tabsMenuList.filter((item, index2) => {
-          return index2 < range[0] || index2 >= range[1] || !item.close;
-        });
-      }
-      const KeepAliveList = this.tabsMenuList.filter((item) => item.isKeepAlive);
-      keepAliveStore.setKeepAliveName(KeepAliveList.map((item) => item.path));
-    },
-    // Close MultipleTab
-    async closeMultipleTab(tabsMenuValue) {
-      this.tabsMenuList = this.tabsMenuList.filter((item) => {
-        return item.path === tabsMenuValue || !item.close;
-      });
-      const KeepAliveList = this.tabsMenuList.filter((item) => item.isKeepAlive);
-      keepAliveStore.setKeepAliveName(KeepAliveList.map((item) => item.path));
-    },
-    // Set Tabs
-    async setTabs(tabsMenuList) {
-      this.tabsMenuList = tabsMenuList;
-    },
-    // Set Tabs Title
-    async setTabsTitle(title) {
-      this.tabsMenuList.forEach((item) => {
-        if (item.path == getUrlWithParams()) item.title = title;
-      });
-    }
-  },
-  persist: piniaPersistConfig("old-dsp-web-tabs")
-});
-const _sfc_main$e = /* @__PURE__ */ defineComponent({
-  __name: "MoreButton",
-  setup(__props) {
-    const authStore = useAuthStore();
-    const route = useRoute();
-    const router2 = useRouter();
-    const tabStore = useTabsStore();
-    const globalStore = useGlobalStore();
-    const keepAliveStore2 = useKeepAliveStore();
-    const refreshCurrentPage = inject("refresh");
-    const refresh = () => {
-      setTimeout(() => {
-        route.meta.isKeepAlive && keepAliveStore2.removeKeepAliveName(route.path);
-        refreshCurrentPage(false);
-        nextTick(() => {
-          route.meta.isKeepAlive && keepAliveStore2.addKeepAliveName(route.path);
-          refreshCurrentPage(true);
-        });
-      }, 0);
-    };
-    const maximize = () => {
-      globalStore.setGlobalState("maximize", true);
-    };
-    const closeCurrentTab = () => {
-      if (route.meta.isAffix) return;
-      tabStore.removeTabs(route.path);
-    };
-    const closeAllTab = () => {
-      tabStore.closeMultipleTab();
-      router2.push(authStore.homeURL);
-    };
-    return (_ctx, _cache) => {
-      const _component_Refresh = resolveComponent("Refresh");
-      const _component_el_icon = ElIcon;
-      const _component_el_dropdown_item = ElDropdownItem;
-      const _component_FullScreen = resolveComponent("FullScreen");
-      const _component_Remove = resolveComponent("Remove");
-      const _component_DArrowLeft = resolveComponent("DArrowLeft");
-      const _component_DArrowRight = resolveComponent("DArrowRight");
-      const _component_CircleClose = resolveComponent("CircleClose");
-      const _component_FolderDelete = resolveComponent("FolderDelete");
-      const _component_el_dropdown_menu = ElDropdownMenu;
-      const _component_el_dropdown = ElDropdown;
-      return openBlock(), createBlock(_component_el_dropdown, {
-        trigger: "click",
-        teleported: false
-      }, {
-        dropdown: withCtx(() => [createVNode(_component_el_dropdown_menu, null, {
-          default: withCtx(() => [createVNode(_component_el_dropdown_item, {
-            onClick: refresh
-          }, {
-            default: withCtx(() => [createVNode(_component_el_icon, null, {
-              default: withCtx(() => [createVNode(_component_Refresh)]),
-              _: 1
-            }), createTextVNode(toDisplayString(_ctx.$t("tabs.refresh")), 1)]),
-            _: 1
-          }), createVNode(_component_el_dropdown_item, {
-            onClick: maximize
-          }, {
-            default: withCtx(() => [createVNode(_component_el_icon, null, {
-              default: withCtx(() => [createVNode(_component_FullScreen)]),
-              _: 1
-            }), createTextVNode(toDisplayString(_ctx.$t("tabs.maximize")), 1)]),
-            _: 1
-          }), createVNode(_component_el_dropdown_item, {
-            divided: "",
-            onClick: closeCurrentTab
-          }, {
-            default: withCtx(() => [createVNode(_component_el_icon, null, {
-              default: withCtx(() => [createVNode(_component_Remove)]),
-              _: 1
-            }), createTextVNode(toDisplayString(_ctx.$t("tabs.closeCurrent")), 1)]),
-            _: 1
-          }), createVNode(_component_el_dropdown_item, {
-            onClick: _cache[0] || (_cache[0] = ($event) => unref(tabStore).closeTabsOnSide(unref(route).path, "left"))
-          }, {
-            default: withCtx(() => [createVNode(_component_el_icon, null, {
-              default: withCtx(() => [createVNode(_component_DArrowLeft)]),
-              _: 1
-            }), createTextVNode(toDisplayString(_ctx.$t("tabs.closeLeft")), 1)]),
-            _: 1
-          }), createVNode(_component_el_dropdown_item, {
-            onClick: _cache[1] || (_cache[1] = ($event) => unref(tabStore).closeTabsOnSide(unref(route).path, "right"))
-          }, {
-            default: withCtx(() => [createVNode(_component_el_icon, null, {
-              default: withCtx(() => [createVNode(_component_DArrowRight)]),
-              _: 1
-            }), createTextVNode(toDisplayString(_ctx.$t("tabs.closeRight")), 1)]),
-            _: 1
-          }), createVNode(_component_el_dropdown_item, {
-            divided: "",
-            onClick: _cache[2] || (_cache[2] = ($event) => unref(tabStore).closeMultipleTab(unref(route).path))
-          }, {
-            default: withCtx(() => [createVNode(_component_el_icon, null, {
-              default: withCtx(() => [createVNode(_component_CircleClose)]),
-              _: 1
-            }), createTextVNode(toDisplayString(_ctx.$t("tabs.closeOther")), 1)]),
-            _: 1
-          }), createVNode(_component_el_dropdown_item, {
-            onClick: closeAllTab
-          }, {
-            default: withCtx(() => [createVNode(_component_el_icon, null, {
-              default: withCtx(() => [createVNode(_component_FolderDelete)]),
-              _: 1
-            }), createTextVNode(toDisplayString(_ctx.$t("tabs.closeAll")), 1)]),
-            _: 1
-          })]),
-          _: 1
-        })]),
-        default: withCtx(() => [_cache[3] || (_cache[3] = createElementVNode("div", {
-          class: "more-button"
-        }, [createElementVNode("i", {
-          class: normalizeClass("iconfont icon-xiala")
-        })], -1))]),
-        _: 1
-      });
-    };
-  }
-});
-const MoreButton = /* @__PURE__ */ _export_sfc$1(_sfc_main$e, [["__scopeId", "data-v-dfabef4d"]]);
-const _hoisted_1$9 = {
-  class: "tabs-box"
-};
-const _hoisted_2$5 = {
-  class: "tabs-menu"
-};
-const _sfc_main$d = /* @__PURE__ */ defineComponent({
-  __name: "index",
-  setup(__props) {
-    const route = useRoute();
-    const router2 = useRouter();
-    const tabStore = useTabsStore();
-    const authStore = useAuthStore();
-    const globalStore = useGlobalStore();
-    const tabsMenuValue = ref(route.path);
-    const tabsMenuList = computed(() => {
-      return tabStore.tabsMenuList;
-    });
-    const tabsIcon = computed(() => globalStore.tabsIcon);
-    onMounted(() => {
-      tabsDrop();
-      initTabs();
-    });
-    watch(() => route.path, () => {
-      if (route.meta.isFull) return;
-      tabsMenuValue.value = route.path;
-      const tabsParams = {
-        icon: route.meta.icon,
-        title: route.meta.title,
-        path: route.path,
-        name: route.name,
-        close: !route.meta.isAffix,
-        isKeepAlive: route.meta.isKeepAlive
-      };
-      tabStore.addTabs(tabsParams);
-    }, {
-      immediate: true
-    });
-    const initTabs = () => {
-      authStore.flatMenuListGet.forEach((item) => {
-        if (item.meta.isAffix && !item.meta.isHide && !item.meta.isFull) {
-          const tabsParams = {
-            icon: item.meta.icon,
-            title: item.meta.title,
-            path: item.path,
-            name: item.name,
-            close: !item.meta.isAffix,
-            isKeepAlive: item.meta.isKeepAlive
-          };
-          tabStore.addTabs(tabsParams);
-        }
-      });
-    };
-    const tabsDrop = () => {
-      Sortable.create(document.querySelector(".el-tabs__nav"), {
-        draggable: ".el-tabs__item",
-        animation: 300,
-        onEnd({
-          newIndex,
-          oldIndex
-        }) {
-          let tabsList = [];
-          tabsList = [...tabStore.tabsMenuList];
-          const currRow = tabsList.splice(oldIndex, 1)[0];
-          tabsList.splice(newIndex, 0, currRow);
-          tabStore.setTabs(tabsList);
-        }
-      });
-    };
-    const tabClick = (tabItem) => {
-      const path = tabItem.props.name;
-      router2.push(path);
-    };
-    const tabRemove = (path) => {
-      tabStore.removeTabs(path, path == route.path);
-    };
-    return (_ctx, _cache) => {
-      const _component_el_icon = ElIcon;
-      const _component_el_tab_pane = ElTabPane;
-      const _component_el_tabs = ElTabs;
-      return openBlock(), createElementBlock("div", _hoisted_1$9, [createElementVNode("div", _hoisted_2$5, [createVNode(_component_el_tabs, {
-        modelValue: tabsMenuValue.value,
-        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => tabsMenuValue.value = $event),
-        type: "card",
-        onTabClick: tabClick,
-        onTabRemove: tabRemove
-      }, {
-        default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(tabsMenuList.value, (item) => {
-          return openBlock(), createBlock(_component_el_tab_pane, {
-            key: item.path,
-            label: item.title,
-            name: item.path,
-            closable: item.close
-          }, {
-            label: withCtx(() => [item.icon && tabsIcon.value ? (openBlock(), createBlock(_component_el_icon, {
-              key: 0,
-              class: "tabs-icon"
-            }, {
-              default: withCtx(() => [(openBlock(), createBlock(resolveDynamicComponent(item.icon)))]),
-              _: 2
-            }, 1024)) : createCommentVNode("", true), createTextVNode(" " + toDisplayString(item.title), 1)]),
-            _: 2
-          }, 1032, ["label", "name", "closable"]);
-        }), 128))]),
-        _: 1
-      }, 8, ["modelValue"]), createVNode(MoreButton, {
-        "is-custom-tabs": false
-      })])]);
-    };
-  }
-});
-const Tabs = /* @__PURE__ */ _export_sfc$1(_sfc_main$d, [["__scopeId", "data-v-e1175c6d"]]);
-const _sfc_main$c = {};
-const _hoisted_1$8 = {
-  class: "footer flx-center"
-};
-function _sfc_render$1(_ctx, _cache) {
-  return openBlock(), createElementBlock("div", _hoisted_1$8, [..._cache[0] || (_cache[0] = [createElementVNode("a", {
-    href: "#",
-    target: "_blank"
-  }, " 2024 © 青岛安工数联信息科技有限公司 ", -1)])]);
-}
-const Footer = /* @__PURE__ */ _export_sfc$1(_sfc_main$c, [["render", _sfc_render$1], ["__scopeId", "data-v-1254311c"]]);
-const _sfc_main$b = /* @__PURE__ */ defineComponent({
-  __name: "index",
-  props: {
-    isShowCustomTabs: {
-      type: Boolean,
-      default: false
-    }
-  },
-  setup(__props) {
-    const globalStore = useGlobalStore();
-    const {
-      maximize,
-      isCollapse,
-      isSubCollapse,
-      layout,
-      tabs,
-      footer
-    } = storeToRefs(globalStore);
-    const keepAliveStore2 = useKeepAliveStore();
-    const {
-      keepAliveName
-    } = storeToRefs(keepAliveStore2);
-    const isRouterShow = ref(true);
-    const refreshCurrentPage = (val) => isRouterShow.value = val;
-    provide("refresh", refreshCurrentPage);
-    const wrapperMap = /* @__PURE__ */ new Map();
-    function createComponentWrapper(component, route) {
-      if (!component) return;
-      const wrapperName = route.path;
-      let wrapper = wrapperMap.get(wrapperName);
-      if (!wrapper) {
-        wrapper = {
-          name: wrapperName,
-          render: () => h(component)
-        };
-        wrapperMap.set(wrapperName, wrapper);
-      }
-      return h(wrapper);
-    }
-    watch(() => maximize.value, () => {
-      const app = document.getElementById("app");
-      if (maximize.value) app.classList.add("main-maximize");
-      else app.classList.remove("main-maximize");
-    }, {
-      immediate: true
-    });
-    watch(() => layout.value, () => {
-      const body = document.body;
-      body.setAttribute("class", layout.value);
-    }, {
-      immediate: true
-    });
-    const screenWidth = ref(0);
-    const listeningWindow = useDebounceFn(() => {
-      screenWidth.value = document.body.clientWidth;
-      if (!isCollapse.value && screenWidth.value < 1200) globalStore.setGlobalState("isCollapse", true);
-      if (isCollapse.value && screenWidth.value > 1200) globalStore.setGlobalState("isCollapse", false);
-      if (isSubCollapse.value && screenWidth.value > 1200) globalStore.setGlobalState("isSubCollapse", false);
-      if (!isSubCollapse.value && screenWidth.value < 1200) globalStore.setGlobalState("isSubCollapse", true);
-    }, 100);
-    window.addEventListener("resize", listeningWindow, false);
-    onBeforeUnmount(() => {
-      window.removeEventListener("resize", listeningWindow);
-    });
-    const props = __props;
-    return (_ctx, _cache) => {
-      const _component_router_view = resolveComponent("router-view");
-      const _component_el_main = ElMain;
-      const _component_el_footer = ElFooter;
-      return openBlock(), createElementBlock(Fragment, null, [withDirectives(createVNode(Maximize, null, null, 512), [[vShow, unref(maximize)]]), withDirectives(createVNode(Tabs, {
-        "is-custom-tabs": __props.isShowCustomTabs
-      }, null, 8, ["is-custom-tabs"]), [[vShow, props.isShowCustomTabs && unref(tabs)]]), withDirectives(createVNode(Tabs, {
-        "is-custom-tabs": __props.isShowCustomTabs
-      }, null, 8, ["is-custom-tabs"]), [[vShow, !props.isShowCustomTabs && unref(tabs)]]), createVNode(_component_el_main, null, {
-        default: withCtx(() => [createVNode(_component_router_view, null, {
-          default: withCtx(({
-            Component,
-            route
-          }) => [createVNode(Transition, {
-            appear: "",
-            name: "fade-transform",
-            mode: "out-in"
-          }, {
-            default: withCtx(() => [(openBlock(), createBlock(KeepAlive, {
-              include: unref(keepAliveName)
-            }, [isRouterShow.value ? (openBlock(), createBlock(resolveDynamicComponent(createComponentWrapper(Component, route)), {
-              key: route.path
-            })) : createCommentVNode("", true)], 1032, ["include"]))]),
-            _: 2
-          }, 1024)]),
-          _: 1
-        })]),
-        _: 1
-      }), withDirectives(createVNode(_component_el_footer, null, {
-        default: withCtx(() => [createVNode(Footer)]),
-        _: 1
-      }, 512), [[vShow, unref(footer) && !props.isShowCustomTabs]])], 64);
-    };
-  }
-});
-const Main = /* @__PURE__ */ _export_sfc$1(_sfc_main$b, [["__scopeId", "data-v-b147247f"]]);
-const _hoisted_1$7 = {
-  class: "sle"
-};
-const _hoisted_2$4 = {
-  class: "sle"
-};
-const _sfc_main$a = /* @__PURE__ */ defineComponent({
-  __name: "SubMenu",
-  props: {
-    menuList: {}
-  },
-  setup(__props) {
-    const router2 = useRouter();
-    const handleClickMenu = (subItem) => {
-      if (subItem.meta.isLink && subItem.path) return window.open(subItem.path, "_blank");
-      router2.push(subItem.path);
-    };
-    return (_ctx, _cache) => {
-      const _component_el_icon = ElIcon;
-      const _component_SubMenu = resolveComponent("SubMenu", true);
-      const _component_el_sub_menu = ElSubMenu;
-      const _component_el_menu_item = ElMenuItem;
-      return openBlock(true), createElementBlock(Fragment, null, renderList(__props.menuList, (subItem) => {
-        var _a;
-        return openBlock(), createElementBlock(Fragment, {
-          key: subItem.path
-        }, [((_a = subItem.children) == null ? void 0 : _a.length) ? (openBlock(), createBlock(_component_el_sub_menu, {
-          key: 0,
-          index: subItem.path
-        }, {
-          title: withCtx(() => [subItem.meta.icon ? (openBlock(), createBlock(_component_el_icon, {
-            key: 0
-          }, {
-            default: withCtx(() => [(openBlock(), createBlock(resolveDynamicComponent(subItem.meta.icon)))]),
-            _: 2
-          }, 1024)) : createCommentVNode("", true), createElementVNode("span", _hoisted_1$7, toDisplayString(subItem.meta.title), 1)]),
-          default: withCtx(() => [createVNode(_component_SubMenu, {
-            "menu-list": subItem.children
-          }, null, 8, ["menu-list"])]),
-          _: 2
-        }, 1032, ["index"])) : (openBlock(), createBlock(_component_el_menu_item, {
-          key: 1,
-          index: subItem.path,
-          onClick: ($event) => handleClickMenu(subItem)
-        }, {
-          title: withCtx(() => [createElementVNode("span", _hoisted_2$4, toDisplayString(subItem.meta.title), 1)]),
-          default: withCtx(() => [subItem.meta.icon ? (openBlock(), createBlock(_component_el_icon, {
-            key: 0
-          }, {
-            default: withCtx(() => [(openBlock(), createBlock(resolveDynamicComponent(subItem.meta.icon)))]),
-            _: 2
-          }, 1024)) : createCommentVNode("", true)]),
-          _: 2
-        }, 1032, ["index", "onClick"]))], 64);
-      }), 128);
-    };
-  }
-});
-const _sfc_main$9 = /* @__PURE__ */ defineComponent({
-  __name: "CollapseIcon",
-  setup(__props) {
-    const globalStore = useGlobalStore();
-    const changeCollapse = () => globalStore.setGlobalState("isCollapse", !globalStore.isCollapse);
-    return (_ctx, _cache) => {
-      const _component_el_icon = ElIcon;
-      return openBlock(), createBlock(_component_el_icon, {
-        class: "collapse-icon",
-        onClick: changeCollapse
-      }, {
-        default: withCtx(() => [(openBlock(), createBlock(resolveDynamicComponent(unref(globalStore).isCollapse ? "expand" : "fold")))]),
-        _: 1
-      });
-    };
-  }
-});
-const CollapseIcon = /* @__PURE__ */ _export_sfc$1(_sfc_main$9, [["__scopeId", "data-v-79434c0f"]]);
-const _hoisted_1$6 = ["onClick"];
-const _hoisted_2$3 = {
-  class: "breadcrumb-title"
-};
-const _sfc_main$8 = /* @__PURE__ */ defineComponent({
-  __name: "Breadcrumb",
-  setup(__props) {
-    const route = useRoute();
-    const router2 = useRouter();
-    const authStore = useAuthStore();
-    const globalStore = useGlobalStore();
-    const breadcrumbList = computed(() => {
-      let breadcrumbData = authStore.breadcrumbListGet[route.matched[route.matched.length - 1].path] ?? [];
-      return breadcrumbData;
-    });
-    const onBreadcrumbClick = (item, index2) => {
-      if (index2 !== breadcrumbList.value.length - 1) {
-        if (item.component) {
-          router2.push(item.path);
-        } else if (item.children && item.children.length > 0 && item.children[0].component) {
-          router2.push(item.children[0].path);
-        }
-      }
-    };
-    return (_ctx, _cache) => {
-      const _component_el_icon = ElIcon;
-      const _component_el_breadcrumb_item = ElBreadcrumbItem;
-      const _component_el_breadcrumb = ElBreadcrumb;
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["breadcrumb-box mask-image", !unref(globalStore).breadcrumbIcon && "no-icon"])
-      }, [createVNode(_component_el_breadcrumb, {
-        "separator-icon": unref(ArrowRight)
-      }, {
-        default: withCtx(() => [createVNode(TransitionGroup, {
-          name: "breadcrumb"
-        }, {
-          default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(breadcrumbList.value, (item, index2) => {
-            return openBlock(), createBlock(_component_el_breadcrumb_item, {
-              key: item.path
-            }, {
-              default: withCtx(() => [createElementVNode("div", {
-                class: normalizeClass(["el-breadcrumb__inner is-link", {
-                  "item-no-icon": !item.meta.icon
-                }]),
-                onClick: ($event) => onBreadcrumbClick(item, index2)
-              }, [item.meta.icon && unref(globalStore).breadcrumbIcon ? (openBlock(), createBlock(_component_el_icon, {
-                key: 0,
-                class: "breadcrumb-icon"
-              }, {
-                default: withCtx(() => [(openBlock(), createBlock(resolveDynamicComponent(item.meta.icon)))]),
-                _: 2
-              }, 1024)) : createCommentVNode("", true), createElementVNode("span", _hoisted_2$3, toDisplayString(item.meta.title), 1)], 10, _hoisted_1$6)]),
-              _: 2
-            }, 1024);
-          }), 128))]),
-          _: 1
-        })]),
-        _: 1
-      }, 8, ["separator-icon"])], 2);
-    };
-  }
-});
-const Breadcrumb = /* @__PURE__ */ _export_sfc$1(_sfc_main$8, [["__scopeId", "data-v-5791e0dd"]]);
-const _hoisted_1$5 = {
-  class: "tool-bar-lf"
-};
-const _sfc_main$7 = /* @__PURE__ */ defineComponent({
-  __name: "ToolBarLeft",
-  setup(__props) {
-    const globalStore = useGlobalStore();
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$5, [createVNode(CollapseIcon, {
-        id: "collapseIcon"
-      }), withDirectives(createVNode(Breadcrumb, {
-        id: "breadcrumb"
-      }, null, 512), [[vShow, unref(globalStore).breadcrumb]])]);
-    };
-  }
-});
-const ToolBarLeft = /* @__PURE__ */ _export_sfc$1(_sfc_main$7, [["__scopeId", "data-v-143c0251"]]);
-const _hoisted_1$4 = {
-  class: "theme-setting"
-};
-const _sfc_main$6 = /* @__PURE__ */ defineComponent({
-  __name: "ThemeSetting",
-  setup(__props) {
-    const openDrawer = () => {
-      mittBus.emit("openThemeDrawer");
-    };
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$4, [createElementVNode("i", {
-        class: normalizeClass(["iconfont icon-zhuti", "toolBar-icon"]),
-        onClick: openDrawer
-      })]);
-    };
-  }
-});
-const methodMap = [
-  [
-    "requestFullscreen",
-    "exitFullscreen",
-    "fullscreenElement",
-    "fullscreenEnabled",
-    "fullscreenchange",
-    "fullscreenerror"
-  ],
-  // New WebKit
-  [
-    "webkitRequestFullscreen",
-    "webkitExitFullscreen",
-    "webkitFullscreenElement",
-    "webkitFullscreenEnabled",
-    "webkitfullscreenchange",
-    "webkitfullscreenerror"
-  ],
-  // Old WebKit
-  [
-    "webkitRequestFullScreen",
-    "webkitCancelFullScreen",
-    "webkitCurrentFullScreenElement",
-    "webkitCancelFullScreen",
-    "webkitfullscreenchange",
-    "webkitfullscreenerror"
-  ],
-  [
-    "mozRequestFullScreen",
-    "mozCancelFullScreen",
-    "mozFullScreenElement",
-    "mozFullScreenEnabled",
-    "mozfullscreenchange",
-    "mozfullscreenerror"
-  ],
-  [
-    "msRequestFullscreen",
-    "msExitFullscreen",
-    "msFullscreenElement",
-    "msFullscreenEnabled",
-    "MSFullscreenChange",
-    "MSFullscreenError"
-  ]
-];
-const nativeAPI = (() => {
-  if (typeof document === "undefined") {
-    return false;
-  }
-  const unprefixedMethods = methodMap[0];
-  const returnValue = {};
-  for (const methodList of methodMap) {
-    const exitFullscreenMethod = methodList == null ? void 0 : methodList[1];
-    if (exitFullscreenMethod in document) {
-      for (const [index2, method] of methodList.entries()) {
-        returnValue[unprefixedMethods[index2]] = method;
-      }
-      return returnValue;
-    }
-  }
-  return false;
-})();
-const eventNameMap = {
-  change: nativeAPI.fullscreenchange,
-  error: nativeAPI.fullscreenerror
-};
-let screenfull = {
-  // eslint-disable-next-line default-param-last
-  request(element = document.documentElement, options) {
-    return new Promise((resolve, reject) => {
-      const onFullScreenEntered = () => {
-        screenfull.off("change", onFullScreenEntered);
-        resolve();
-      };
-      screenfull.on("change", onFullScreenEntered);
-      const returnPromise = element[nativeAPI.requestFullscreen](options);
-      if (returnPromise instanceof Promise) {
-        returnPromise.then(onFullScreenEntered).catch(reject);
-      }
-    });
-  },
-  exit() {
-    return new Promise((resolve, reject) => {
-      if (!screenfull.isFullscreen) {
-        resolve();
-        return;
-      }
-      const onFullScreenExit = () => {
-        screenfull.off("change", onFullScreenExit);
-        resolve();
-      };
-      screenfull.on("change", onFullScreenExit);
-      const returnPromise = document[nativeAPI.exitFullscreen]();
-      if (returnPromise instanceof Promise) {
-        returnPromise.then(onFullScreenExit).catch(reject);
-      }
-    });
-  },
-  toggle(element, options) {
-    return screenfull.isFullscreen ? screenfull.exit() : screenfull.request(element, options);
-  },
-  onchange(callback) {
-    screenfull.on("change", callback);
-  },
-  onerror(callback) {
-    screenfull.on("error", callback);
-  },
-  on(event, callback) {
-    const eventName = eventNameMap[event];
-    if (eventName) {
-      document.addEventListener(eventName, callback, false);
-    }
-  },
-  off(event, callback) {
-    const eventName = eventNameMap[event];
-    if (eventName) {
-      document.removeEventListener(eventName, callback, false);
-    }
-  },
-  raw: nativeAPI
-};
-Object.defineProperties(screenfull, {
-  isFullscreen: {
-    get: () => Boolean(document[nativeAPI.fullscreenElement])
-  },
-  element: {
-    enumerable: true,
-    get: () => document[nativeAPI.fullscreenElement] ?? void 0
-  },
-  isEnabled: {
-    enumerable: true,
-    // Coerce to boolean in case of old WebKit.
-    get: () => Boolean(document[nativeAPI.fullscreenEnabled])
-  }
-});
-if (!nativeAPI) {
-  screenfull = { isEnabled: false };
-}
-const _hoisted_1$3 = {
-  class: "fullscreen"
-};
-const _sfc_main$5 = /* @__PURE__ */ defineComponent({
-  __name: "Fullscreen",
-  setup(__props) {
-    const isFullscreen = ref(screenfull.isFullscreen);
-    onMounted(() => {
-      screenfull.on("change", () => {
-        if (screenfull.isFullscreen) isFullscreen.value = true;
-        else isFullscreen.value = false;
-      });
-    });
-    const handleFullScreen = () => {
-      if (!screenfull.isEnabled) ElMessage.warning("当前您的浏览器不支持全屏 ❌");
-      screenfull.toggle();
-    };
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$3, [createElementVNode("i", {
-        class: normalizeClass([["iconfont", isFullscreen.value ? "icon-suoxiao" : "icon-fangda"], "toolBar-icon"]),
-        onClick: handleFullScreen
-      }, null, 2)]);
-    };
-  }
-});
-const _imports_0 = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!DOCTYPE%20svg%20PUBLIC%20'-//W3C//DTD%20SVG%201.1//EN'%20'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3e%3csvg%20t='1717059093602'%20class='icon'%20viewBox='0%200%201024%201024'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20p-id='21911'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='64'%20height='64'%3e%3cpath%20d='M0%20511.99968c0%20282.783823%20229.215857%20511.99968%20511.99968%20511.99968s511.99968-229.215857%20511.99968-511.99968S794.783503%200%20511.99968%200%200%20229.215857%200%20511.99968z'%20fill='%23DEEDFF'%20p-id='21912'%3e%3c/path%3e%3cpath%20d='M511.99968%200c282.783823%200%20511.99968%20229.215857%20511.99968%20511.99968s-229.215857%20511.99968-511.99968%20511.99968S0%20794.783503%200%20511.99968%20229.215857%200%20511.99968%200z%20m0%2031.99998C246.911846%2031.99998%2031.99998%20246.911846%2031.99998%20511.99968c0%20265.087834%20214.911866%20479.9997%20479.9997%20479.9997%20265.087834%200%20479.9997-214.911866%20479.9997-479.9997%200-265.087834-214.911866-479.9997-479.9997-479.9997z'%20fill='%2300B4FF'%20p-id='21913'%3e%3c/path%3e%3cpath%20d='M725.247547%20452.351717c0%20130.143919-93.727941%20235.615853-209.311869%20235.615853-115.647928%200-209.343869-105.471934-209.34387-235.615853s93.727941-235.647853%20209.34387-235.647852c115.583928%200%20209.311869%20105.503934%20209.311869%20235.647852'%20fill='%23F6CAA9'%20p-id='21914'%3e%3c/path%3e%3cpath%20d='M434.591728%20650.911593h160.5759v132.799917H434.559728v-132.799917z%20m-101.535936-184.767884c0%2019.455988-14.399991%2035.231978-32.15998%2035.231978-17.791989%200-32.15998-15.77599-32.15998-35.199978%200-19.487988%2014.399991-35.231978%2032.15998-35.231978%2017.759989%200%2032.15998%2015.74399%2032.15998%2035.199978m429.631731-0.416c0%2019.455988-14.399991%2035.199978-32.15998%2035.199978-17.759989%200-32.15998-15.74399-32.159979-35.199978%200-19.455988%2014.399991-35.231978%2032.159979-35.231978%2017.759989%200%2032.15998%2015.77599%2032.15998%2035.199978'%20fill='%23F6CAA9'%20p-id='21915'%3e%3c/path%3e%3cpath%20d='M435.007728%20669.951581s30.399981%2015.64799%2074.527954%2015.647991c51.807968%202.111999%2085.631946-15.23199%2085.631946-15.231991v15.67999s-56.959964%2030.399981-82.655948%2030.399981c-25.695984%200-77.919951-35.903978-77.919952-35.903977l0.416-10.559994z%20m53.887966-511.45568s-141.663911%2014.111991-143.13591%20106.879933c-1.439999%2092.703942%20109.407932%20110.463931%20150.463906%20120.607925%2041.087974%2010.143994%20154.047904%2023.167986%20220.063862-84.031948%200%200-18.111989-42.047974-27.999982-71.359955-4.415997-7.647995%207.103996%2013.023992-32.51198-11.967993-39.615975-24.959984-92.799942-65.919959-166.879896-60.127962'%20fill='%23ECB485'%20p-id='21916'%3e%3c/path%3e%3cpath%20d='M389.727756%20209.151869s-103.263935%2017.215989-109.119931%20109.631932c-5.887996%2092.415942%2010.495993%20116.799927%2010.495993%20116.799927s23.295985-0.064%2029.151982%2034.751978c0%200%2010.783993%206.399996%2011.743993%200%201.599999-10.623993-9.439994-61.055962%2012.575992-107.935932%2021.855986-46.591971%2042.911973-53.247967%2042.911973-53.247967l2.239998-99.999938z%20m271.487831%20100.991937s27.615983%2035.615978%2032.38398%2071.167956c4.063997%2030.207981%209.695994%2086.975946%209.695993%2086.975945s7.679995%205.439997%2013.215992-7.615995c5.503997-13.023992%204.063997-26.079984%209.183994-29.439982%2027.039983-17.919989%2019.967988-93.151942%2018.559989-101.119936-6.175996-33.599979-34.047979-87.551945-34.047979-87.551946l-48.991969%2067.583958z'%20fill='%233F3F3F'%20p-id='21917'%3e%3c/path%3e%3cpath%20d='M485.311697%20127.32792s-146.559908%206.015996-148.031908%20103.487936c-1.471999%2097.471939%20114.303929%20124.959922%20155.391903%20135.615915%2041.055974%2010.655993%20154.015904%2024.383985%20220.031863-88.319945%200%200%2016.51199-51.039968%206.623995-81.855949-4.415997-7.999995-27.519983%2020.543987-67.135958-5.727996-39.615975-26.239984-92.799942-69.279957-166.879895-63.199961'%20fill='%233F3F3F'%20p-id='21918'%3e%3c/path%3e%3cpath%20d='M885.823446%20861.855461c-26.047984-20.479987-75.135953-50.591968-123.775922-74.239953-78.943951-38.399976-166.847896-55.615965-166.847896-55.615965l-0.064%202.623998c-6.399996%206.815996-37.279977%2037.279977-79.83995%2037.279977-41.887974%200-73.215954-28.575982-80.44795-35.807978l-0.384-3.679998s-84.639947%2011.583993-163.583897%2049.983969c-54.047966%2026.271984-108.575932%2060.543962-131.519918%2080.67195A510.559681%20510.559681%200%200%200%20511.99968%201023.99936c147.487908%200%20280.383825-62.367961%20373.823766-162.143899z'%20fill='%2300B4FF'%20p-id='21919'%3e%3c/path%3e%3c/svg%3e";
-const _sfc_main$4 = {};
-function _sfc_render(_ctx, _cache) {
-  const _component_el_dropdown = ElDropdown;
-  return openBlock(), createBlock(_component_el_dropdown, {
-    trigger: "click"
-  }, {
-    default: withCtx(() => [..._cache[0] || (_cache[0] = [createElementVNode("div", {
-      class: "avatar"
-    }, [createElementVNode("img", {
-      src: _imports_0,
-      alt: "avatar"
-    })], -1)])]),
-    _: 1
-  });
-}
-const Avatar = /* @__PURE__ */ _export_sfc$1(_sfc_main$4, [["render", _sfc_render], ["__scopeId", "data-v-c52ec7eb"]]);
-const _hoisted_1$2 = {
-  class: "tool-bar-ri"
-};
-const _hoisted_2$2 = {
-  class: "header-icon"
-};
-const _hoisted_3$1 = {
-  class: "username"
-};
-const _sfc_main$3 = /* @__PURE__ */ defineComponent({
-  __name: "ToolBarRight",
-  setup(__props) {
-    const userStore = useUserStore();
-    const username = computed(() => userStore.userInfo.loginName);
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", _hoisted_1$2, [createElementVNode("div", _hoisted_2$2, [createVNode(_sfc_main$6, {
-        id: "themeSetting"
-      }), createVNode(_sfc_main$5, {
-        id: "fullscreen"
-      })]), createElementVNode("span", _hoisted_3$1, toDisplayString(username.value), 1), createVNode(Avatar)]);
-    };
-  }
-});
-const ToolBarRight = /* @__PURE__ */ _export_sfc$1(_sfc_main$3, [["__scopeId", "data-v-a6baabba"]]);
-const _hoisted_1$1 = {
-  class: "header-lf mask-image"
-};
-const _hoisted_2$1 = {
-  class: "logo flx-center"
-};
-const _hoisted_3 = {
-  class: "logo-text"
-};
-const _hoisted_4 = {
-  class: "header-ri"
-};
-const __default__$2 = defineComponent({
-  name: "layoutClassic"
-});
-const _sfc_main$2 = /* @__PURE__ */ defineComponent({
-  ...__default__$2,
-  setup(__props) {
-    const title = "定时任务";
-    const route = useRoute();
-    const authStore = useAuthStore();
-    const globalStore = useGlobalStore();
-    const accordion = computed(() => globalStore.accordion);
-    const isCollapse = computed(() => globalStore.isCollapse);
-    const menuList = computed(() => authStore.showMenuListGet);
-    const activeMenu = computed(() => route.meta.activeMenu ? route.meta.activeMenu : route.path);
-    return (_ctx, _cache) => {
-      const _component_el_header = ElHeader;
-      const _component_el_menu = ElMenu;
-      const _component_el_scrollbar = ElScrollbar;
-      const _component_el_aside = ElAside;
-      const _component_el_container = ElContainer;
-      return openBlock(), createBlock(_component_el_container, {
-        class: "layout"
-      }, {
-        default: withCtx(() => [createVNode(_component_el_header, null, {
-          default: withCtx(() => [createElementVNode("div", _hoisted_1$1, [createElementVNode("div", _hoisted_2$1, [_cache[0] || (_cache[0] = createElementVNode("img", {
-            class: "logo-img",
-            src: _imports_0$1,
-            alt: "logo"
-          }, null, -1)), createElementVNode("span", _hoisted_3, toDisplayString(unref(title)), 1)]), createVNode(ToolBarLeft)]), createElementVNode("div", _hoisted_4, [createVNode(ToolBarRight)])]),
-          _: 1
-        }), createVNode(_component_el_container, {
-          class: "classic-content"
-        }, {
-          default: withCtx(() => [createVNode(_component_el_aside, null, {
-            default: withCtx(() => [createElementVNode("div", {
-              class: "aside-box",
-              style: normalizeStyle$1({
-                width: isCollapse.value ? "65px" : "210px"
-              })
-            }, [createVNode(_component_el_scrollbar, null, {
-              default: withCtx(() => [createVNode(_component_el_menu, {
-                router: false,
-                "default-active": activeMenu.value,
-                collapse: isCollapse.value,
-                "unique-opened": accordion.value,
-                "collapse-transition": false
-              }, {
-                default: withCtx(() => [createVNode(_sfc_main$a, {
-                  "menu-list": menuList.value
-                }, null, 8, ["menu-list"])]),
-                _: 1
-              }, 8, ["default-active", "collapse", "unique-opened"])]),
-              _: 1
-            })], 4)]),
-            _: 1
-          }), createVNode(_component_el_container, {
-            class: "classic-main"
-          }, {
-            default: withCtx(() => [createVNode(Main)]),
-            _: 1
-          })]),
-          _: 1
-        })]),
-        _: 1
-      });
-    };
-  }
-});
-const LayoutClassic = /* @__PURE__ */ _export_sfc$1(_sfc_main$2, [["__scopeId", "data-v-bf954f1e"]]);
-const _hoisted_1 = {
-  class: "logo flx-center"
-};
-const _hoisted_2 = {
-  class: "logo-text"
-};
-const __default__$1 = defineComponent({
-  name: "layoutTransverse"
-});
-const _sfc_main$1 = /* @__PURE__ */ defineComponent({
-  ...__default__$1,
-  setup(__props) {
-    const title = "定时任务";
-    const route = useRoute();
-    const router2 = useRouter();
-    const authStore = useAuthStore();
-    const menuList = computed(() => authStore.showMenuListGet);
-    const activeMenu = computed(() => route.meta.activeMenu ? route.meta.activeMenu : route.path);
-    const handleClickMenu = (subItem) => {
-      if (subItem.meta.isLink && subItem.path) {
-        return window.open(subItem.path, "_blank");
-      } else {
-        router2.push(subItem.path);
-      }
-    };
-    return (_ctx, _cache) => {
-      const _component_el_header = ElHeader;
-      const _component_el_icon = ElIcon;
-      const _component_el_sub_menu = ElSubMenu;
-      const _component_el_menu_item = ElMenuItem;
-      const _component_el_menu = ElMenu;
-      const _component_el_container = ElContainer;
-      return openBlock(), createBlock(_component_el_container, {
-        class: "layout"
-      }, {
-        default: withCtx(() => [createVNode(_component_el_header, null, {
-          default: withCtx(() => [createElementVNode("div", _hoisted_1, [_cache[0] || (_cache[0] = createElementVNode("img", {
-            class: "logo-img",
-            src: _imports_0$1,
-            alt: "logo"
-          }, null, -1)), createElementVNode("span", _hoisted_2, toDisplayString(unref(title)), 1)]), createVNode(ToolBarRight)]),
-          _: 1
-        }), createVNode(_component_el_menu, {
-          style: {
-            "height": "2.08333vw"
-          },
-          mode: "horizontal",
-          router: false,
-          "default-active": activeMenu.value
-        }, {
-          default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(menuList.value, (subItem) => {
-            var _a;
-            return openBlock(), createElementBlock(Fragment, {
-              key: subItem.path
-            }, [((_a = subItem.children) == null ? void 0 : _a.length) ? (openBlock(), createBlock(_component_el_sub_menu, {
-              key: subItem.path,
-              index: subItem.path + "el-sub-menu"
-            }, {
-              title: withCtx(() => [createVNode(_component_el_icon, null, {
-                default: withCtx(() => [(openBlock(), createBlock(resolveDynamicComponent(subItem.meta.icon)))]),
-                _: 2
-              }, 1024), createElementVNode("span", null, toDisplayString(subItem.meta.title), 1)]),
-              default: withCtx(() => [createVNode(_sfc_main$a, {
-                "menu-list": subItem.children
-              }, null, 8, ["menu-list"])]),
-              _: 2
-            }, 1032, ["index"])) : (openBlock(), createBlock(_component_el_menu_item, {
-              key: subItem.path + "el-menu-item",
-              index: subItem.path,
-              onClick: ($event) => handleClickMenu(subItem)
-            }, {
-              title: withCtx(() => [createElementVNode("span", null, toDisplayString(subItem.meta.title), 1)]),
-              default: withCtx(() => [createVNode(_component_el_icon, null, {
-                default: withCtx(() => [(openBlock(), createBlock(resolveDynamicComponent(subItem.meta.icon)))]),
-                _: 2
-              }, 1024)]),
-              _: 2
-            }, 1032, ["index", "onClick"]))], 64);
-          }), 128))]),
-          _: 1
-        }, 8, ["default-active"]), createVNode(Main)]),
-        _: 1
-      });
-    };
-  }
-});
-const LayoutTransverse = /* @__PURE__ */ _export_sfc$1(_sfc_main$1, [["__scopeId", "data-v-59b91c5a"]]);
-const __default__ = defineComponent({
-  name: "layout"
-});
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...__default__,
-  setup(__props) {
-    const LayoutComponents = {
-      classic: LayoutClassic,
-      transverse: LayoutTransverse
-    };
-    const globalStore = useGlobalStore();
-    const layout = computed(() => globalStore.layout);
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock(Fragment, null, [(openBlock(), createBlock(resolveDynamicComponent(LayoutComponents[layout.value]))), createVNode(ThemeDrawer)], 64);
-    };
-  }
-});
-const index = /* @__PURE__ */ _export_sfc$1(_sfc_main, [["__scopeId", "data-v-08019659"]]);
-export {
-  index as default
-};