xxl-job-vue3 1.0.0

package/dist/index-OKUPhEWh.js

@@ -0,0 +1,4012 @@
+import { defineComponent, ref, provide, onMounted, createElementBlock, openBlock, unref, normalizeClass, renderSlot, getCurrentInstance, inject, createElementVNode, createBlock, withCtx, resolveDynamicComponent, toDisplayString, Transition, mergeProps, toHandlers, shallowRef, computed, watch, normalizeStyle, Fragment, renderList, watchEffect, reactive, nextTick, createCommentVNode, withDirectives, createVNode, 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 EVENT_CODE, y as isString, z as isNil, C as CHANGE_EVENT, U as UPDATE_MODEL_EVENT, A as useAriaProps, B as useTooltipContentProps, D as useSizeProp, F as hasOwn, G as useFormItem, H as useFormSize, I as useFormDisabled, J as useFormItemInputId, K as useFocusController, L as debounce, M as ElTooltip, N as arrow_down_default, O as close_default, P as ElInput, Q as ElButton, R as ClickOutside, S as debugWarn, T as triggerEvent, V as addClass, W as hasClass, X as removeClass, Y as TinyColor, Z as throwError, $ as arrow_right_default, a0 as useTimeoutFn, a1 as isArray, a2 as isObject, a3 as useResizeObserver, a4 as flattedChildren, a5 as more_default, a6 as mutable, a7 as useGlobalStore, a8 as DEFAULT_PRIMARY, a9 as ElSwitch, aa as moon_default, ab as sunny_default, ac as ElDrawer, ad as _export_sfc$1, ae as piniaPersistConfig, af as getUrlWithParams, ag as router, ah as useAuthStore, ai as useRoute, aj as useRouter, ak as ElDropdown, al as ElDropdownMenu, am as ElDropdownItem, an as Sortable, ao as ElTabs, ap as ElTabPane, aq as useDebounceFn, ar as useUserStore, as as normalizeStyle$1, at as ElScrollbar } from "./index-Bf5gEacT.js";
+import { storeToRefs, defineStore } from "pinia";
+import { ElMessage } from "element-plus";
+const breadcrumbKey = Symbol("breadcrumbKey");
+const breadcrumbProps = buildProps({
+  separator: {
+    type: String,
+    default: "/"
+  },
+  separatorIcon: {
+    type: iconPropType
+  }
+});
+const __default__$h = defineComponent({
+  name: "ElBreadcrumb"
+});
+const _sfc_main$y = /* @__PURE__ */ defineComponent({
+  ...__default__$h,
+  props: breadcrumbProps,
+  setup(__props) {
+    const props = __props;
+    const { t } = useLocale();
+    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, ["aria-label"]);
+    };
+  }
+});
+var Breadcrumb$1 = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["__file", "breadcrumb.vue"]]);
+const breadcrumbItemProps = buildProps({
+  to: {
+    type: definePropType([String, Object]),
+    default: ""
+  },
+  replace: Boolean
+});
+const __default__$g = defineComponent({
+  name: "ElBreadcrumbItem"
+});
+const _sfc_main$x = /* @__PURE__ */ defineComponent({
+  ...__default__$g,
+  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 link = ref();
+    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", {
+          ref_key: "link",
+          ref: link,
+          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$x, [["__file", "breadcrumb-item.vue"]]);
+const ElBreadcrumb = withInstall(Breadcrumb$1, {
+  BreadcrumbItem
+});
+const ElBreadcrumbItem = withNoopInstall(BreadcrumbItem);
+const __default__$f = defineComponent({
+  name: "ElCollapseTransition"
+});
+const _sfc_main$w = /* @__PURE__ */ defineComponent({
+  ...__default__$f,
+  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$w, [["__file", "collapse-transition.vue"]]);
+const ElCollapseTransition = withInstall(CollapseTransition);
+const alphaSliderProps = buildProps({
+  color: {
+    type: definePropType(Object),
+    required: true
+  },
+  vertical: {
+    type: Boolean,
+    default: false
+  }
+});
+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;
+    event.preventDefault();
+    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 useAlphaSlider = (props) => {
+  const instance = getCurrentInstance();
+  const { t } = useLocale();
+  const thumb = shallowRef();
+  const bar = shallowRef();
+  const alpha = computed(() => props.color.get("alpha"));
+  const alphaLabel = computed(() => t("el.colorpicker.alphaLabel"));
+  function handleClick(event) {
+    var _a;
+    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)
+      return;
+    const el = instance.vnode.el;
+    const rect = el.getBoundingClientRect();
+    const { clientX, clientY } = getClientXY(event);
+    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);
+      props.color.set("alpha", Math.round((left - thumb.value.offsetWidth / 2) / (rect.width - thumb.value.offsetWidth) * 100));
+    } else {
+      let top = clientY - rect.top;
+      top = Math.max(thumb.value.offsetHeight / 2, top);
+      top = Math.min(top, rect.height - thumb.value.offsetHeight / 2);
+      props.color.set("alpha", Math.round((top - thumb.value.offsetHeight / 2) / (rect.height - thumb.value.offsetHeight) * 100));
+    }
+  }
+  function handleKeydown(event) {
+    const { code, shiftKey } = event;
+    const step = shiftKey ? 10 : 1;
+    switch (code) {
+      case EVENT_CODE.left:
+      case EVENT_CODE.down:
+        event.preventDefault();
+        event.stopPropagation();
+        incrementPosition(-step);
+        break;
+      case EVENT_CODE.right:
+      case EVENT_CODE.up:
+        event.preventDefault();
+        event.stopPropagation();
+        incrementPosition(step);
+        break;
+    }
+  }
+  function incrementPosition(step) {
+    let next = alpha.value + step;
+    next = next < 0 ? 0 : next > 100 ? 100 : next;
+    props.color.set("alpha", next);
+  }
+  return {
+    thumb,
+    bar,
+    alpha,
+    alphaLabel,
+    handleDrag,
+    handleClick,
+    handleKeydown
+  };
+};
+const useAlphaSliderDOM = (props, {
+  bar,
+  thumb,
+  handleDrag
+}) => {
+  const instance = getCurrentInstance();
+  const ns = useNamespace("color-alpha-slider");
+  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 alpha = props.color.get("alpha");
+    if (!el)
+      return 0;
+    return Math.round(alpha * (el.offsetWidth - thumb.value.offsetWidth / 2) / 100);
+  }
+  function getThumbTop() {
+    if (!thumb.value)
+      return 0;
+    const el = instance.vnode.el;
+    if (!props.vertical)
+      return 0;
+    const alpha = props.color.get("alpha");
+    if (!el)
+      return 0;
+    return Math.round(alpha * (el.offsetHeight - thumb.value.offsetHeight / 2) / 100);
+  }
+  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 "";
+  }
+  function update() {
+    thumbLeft.value = getThumbLeft();
+    thumbTop.value = getThumbTop();
+    background.value = 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(() => props.color.get("alpha"), () => update());
+  watch(() => props.color.value, () => update());
+  const rootKls = computed(() => [ns.b(), ns.is("vertical", props.vertical)]);
+  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, update };
+};
+const COMPONENT_NAME$2 = "ElColorAlphaSlider";
+const __default__$e = defineComponent({
+  name: COMPONENT_NAME$2
+});
+const _sfc_main$v = /* @__PURE__ */ defineComponent({
+  ...__default__$e,
+  props: alphaSliderProps,
+  setup(__props, { expose }) {
+    const props = __props;
+    const {
+      alpha,
+      alphaLabel,
+      bar,
+      thumb,
+      handleDrag,
+      handleClick,
+      handleKeydown
+    } = useAlphaSlider(props);
+    const { rootKls, barKls, barStyle, thumbKls, thumbStyle, update } = useAlphaSliderDOM(props, {
+      bar,
+      thumb,
+      handleDrag
+    });
+    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: unref(handleClick)
+        }, null, 14, ["onClick"]),
+        createElementVNode("div", {
+          ref_key: "thumb",
+          ref: thumb,
+          class: normalizeClass(unref(thumbKls)),
+          style: normalizeStyle(unref(thumbStyle)),
+          "aria-label": unref(alphaLabel),
+          "aria-valuenow": unref(alpha),
+          "aria-orientation": _ctx.vertical ? "vertical" : "horizontal",
+          "aria-valuemin": "0",
+          "aria-valuemax": "100",
+          role: "slider",
+          tabindex: "0",
+          onKeydown: unref(handleKeydown)
+        }, null, 46, ["aria-label", "aria-valuenow", "aria-orientation", "onKeydown"])
+      ], 2);
+    };
+  }
+});
+var AlphaSlider = /* @__PURE__ */ _export_sfc(_sfc_main$v, [["__file", "alpha-slider.vue"]]);
+const _sfc_main$u = defineComponent({
+  name: "ElColorHueSlider",
+  props: {
+    color: {
+      type: Object,
+      required: true
+    },
+    vertical: Boolean
+  },
+  setup(props) {
+    const ns = useNamespace("color-hue-slider");
+    const instance = getCurrentInstance();
+    const thumb = ref();
+    const bar = ref();
+    const thumbLeft = ref(0);
+    const thumbTop = ref(0);
+    const hueValue = computed(() => {
+      return props.color.get("hue");
+    });
+    watch(() => hueValue.value, () => {
+      update();
+    });
+    function handleClick(event) {
+      const target = event.target;
+      if (target !== thumb.value) {
+        handleDrag(event);
+      }
+    }
+    function handleDrag(event) {
+      if (!bar.value || !thumb.value)
+        return;
+      const el = instance.vnode.el;
+      const rect = el.getBoundingClientRect();
+      const { clientX, clientY } = getClientXY(event);
+      let hue;
+      if (!props.vertical) {
+        let left = clientX - rect.left;
+        left = Math.min(left, rect.width - thumb.value.offsetWidth / 2);
+        left = Math.max(thumb.value.offsetWidth / 2, left);
+        hue = Math.round((left - thumb.value.offsetWidth / 2) / (rect.width - thumb.value.offsetWidth) * 360);
+      } else {
+        let top = clientY - rect.top;
+        top = Math.min(top, rect.height - thumb.value.offsetHeight / 2);
+        top = Math.max(thumb.value.offsetHeight / 2, top);
+        hue = Math.round((top - thumb.value.offsetHeight / 2) / (rect.height - thumb.value.offsetHeight) * 360);
+      }
+      props.color.set("hue", hue);
+    }
+    function getThumbLeft() {
+      if (!thumb.value)
+        return 0;
+      const el = instance.vnode.el;
+      if (props.vertical)
+        return 0;
+      const hue = props.color.get("hue");
+      if (!el)
+        return 0;
+      return Math.round(hue * (el.offsetWidth - thumb.value.offsetWidth / 2) / 360);
+    }
+    function getThumbTop() {
+      if (!thumb.value)
+        return 0;
+      const el = instance.vnode.el;
+      if (!props.vertical)
+        return 0;
+      const hue = props.color.get("hue");
+      if (!el)
+        return 0;
+      return Math.round(hue * (el.offsetHeight - thumb.value.offsetHeight / 2) / 360);
+    }
+    function update() {
+      thumbLeft.value = getThumbLeft();
+      thumbTop.value = getThumbTop();
+    }
+    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();
+    });
+    return {
+      bar,
+      thumb,
+      thumbLeft,
+      thumbTop,
+      hueValue,
+      handleClick,
+      update,
+      ns
+    };
+  }
+});
+function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("div", {
+    class: normalizeClass([_ctx.ns.b(), _ctx.ns.is("vertical", _ctx.vertical)])
+  }, [
+    createElementVNode("div", {
+      ref: "bar",
+      class: normalizeClass(_ctx.ns.e("bar")),
+      onClick: _ctx.handleClick
+    }, null, 10, ["onClick"]),
+    createElementVNode("div", {
+      ref: "thumb",
+      class: normalizeClass(_ctx.ns.e("thumb")),
+      style: normalizeStyle({
+        left: _ctx.thumbLeft + "px",
+        top: _ctx.thumbTop + "px"
+      })
+    }, null, 6)
+  ], 2);
+}
+var HueSlider = /* @__PURE__ */ _export_sfc(_sfc_main$u, [["render", _sfc_render$4], ["__file", "hue-slider.vue"]]);
+const colorPickerProps = buildProps({
+  modelValue: String,
+  id: String,
+  showAlpha: Boolean,
+  colorFormat: String,
+  disabled: Boolean,
+  size: useSizeProp,
+  popperClass: {
+    type: String,
+    default: ""
+  },
+  tabindex: {
+    type: [String, Number],
+    default: 0
+  },
+  teleported: useTooltipContentProps.teleported,
+  predefine: {
+    type: definePropType(Array)
+  },
+  validateEvent: {
+    type: Boolean,
+    default: true
+  },
+  ...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
+};
+const colorPickerContextKey = Symbol("colorPickerContextKey");
+const hsv2hsl = function(hue, sat, val) {
+  return [
+    hue,
+    sat * val / ((hue = (2 - sat) * val) < 1 ? hue : 2 - hue) || 0,
+    hue / 2
+  ];
+};
+const isOnePointZero = function(n) {
+  return isString(n) && n.includes(".") && Number.parseFloat(n) === 1;
+};
+const isPercentage = function(n) {
+  return isString(n) && n.includes("%");
+};
+const bound01 = function(value, max) {
+  if (isOnePointZero(value))
+    value = "100%";
+  const processPercent = isPercentage(value);
+  value = Math.min(max, Math.max(0, Number.parseFloat(`${value}`)));
+  if (processPercent) {
+    value = Number.parseInt(`${value * max}`, 10) / 100;
+  }
+  if (Math.abs(value - max) < 1e-6) {
+    return 1;
+  }
+  return value % max / Number.parseFloat(max);
+};
+const INT_HEX_MAP = {
+  10: "A",
+  11: "B",
+  12: "C",
+  13: "D",
+  14: "E",
+  15: "F"
+};
+const hexOne = (value) => {
+  value = Math.min(Math.round(value), 255);
+  const high = Math.floor(value / 16);
+  const low = value % 16;
+  return `${INT_HEX_MAP[high] || high}${INT_HEX_MAP[low] || low}`;
+};
+const toHex = function({ r, g, b }) {
+  if (Number.isNaN(+r) || Number.isNaN(+g) || Number.isNaN(+b))
+    return "";
+  return `#${hexOne(r)}${hexOne(g)}${hexOne(b)}`;
+};
+const HEX_INT_MAP = {
+  A: 10,
+  B: 11,
+  C: 12,
+  D: 13,
+  E: 14,
+  F: 15
+};
+const parseHexChannel = function(hex) {
+  if (hex.length === 2) {
+    return (HEX_INT_MAP[hex[0].toUpperCase()] || +hex[0]) * 16 + (HEX_INT_MAP[hex[1].toUpperCase()] || +hex[1]);
+  }
+  return HEX_INT_MAP[hex[1].toUpperCase()] || +hex[1];
+};
+const hsl2hsv = function(hue, sat, light) {
+  sat = sat / 100;
+  light = light / 100;
+  let smin = sat;
+  const lmin = Math.max(light, 0.01);
+  light *= 2;
+  sat *= light <= 1 ? light : 2 - light;
+  smin *= lmin <= 1 ? lmin : 2 - lmin;
+  const v = (light + sat) / 2;
+  const sv = light === 0 ? 2 * smin / (lmin + smin) : 2 * sat / (light + sat);
+  return {
+    h: hue,
+    s: sv * 100,
+    v: v * 100
+  };
+};
+const rgb2hsv = (r, g, b) => {
+  r = bound01(r, 255);
+  g = bound01(g, 255);
+  b = bound01(b, 255);
+  const max = Math.max(r, g, b);
+  const min = Math.min(r, g, b);
+  let h2;
+  const v = max;
+  const d = max - min;
+  const s = max === 0 ? 0 : d / max;
+  if (max === min) {
+    h2 = 0;
+  } else {
+    switch (max) {
+      case r: {
+        h2 = (g - b) / d + (g < b ? 6 : 0);
+        break;
+      }
+      case g: {
+        h2 = (b - r) / d + 2;
+        break;
+      }
+      case b: {
+        h2 = (r - g) / d + 4;
+        break;
+      }
+    }
+    h2 /= 6;
+  }
+  return { h: h2 * 360, s: s * 100, v: v * 100 };
+};
+const hsv2rgb = function(h2, s, v) {
+  h2 = bound01(h2, 360) * 6;
+  s = bound01(s, 100);
+  v = bound01(v, 100);
+  const i = Math.floor(h2);
+  const f = h2 - i;
+  const p = v * (1 - s);
+  const q = v * (1 - f * s);
+  const t = v * (1 - (1 - f) * s);
+  const mod = i % 6;
+  const r = [v, q, p, p, t, v][mod];
+  const g = [t, v, v, q, p, p][mod];
+  const b = [p, p, t, v, v, q][mod];
+  return {
+    r: Math.round(r * 255),
+    g: Math.round(g * 255),
+    b: Math.round(b * 255)
+  };
+};
+class Color {
+  constructor(options = {}) {
+    this._hue = 0;
+    this._saturation = 100;
+    this._value = 100;
+    this._alpha = 100;
+    this.enableAlpha = false;
+    this.format = "hex";
+    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.doOnChange();
+  }
+  get(prop) {
+    if (prop === "alpha") {
+      return Math.floor(this[`_${prop}`]);
+    }
+    return this[`_${prop}`];
+  }
+  toRgb() {
+    return hsv2rgb(this._hue, this._saturation, this._value);
+  }
+  fromString(value) {
+    if (!value) {
+      this._hue = 0;
+      this._saturation = 100;
+      this._value = 100;
+      this.doOnChange();
+      return;
+    }
+    const fromHSV = (h2, s, v) => {
+      this._hue = Math.max(0, Math.min(360, h2));
+      this._saturation = Math.max(0, Math.min(100, s));
+      this._value = Math.max(0, Math.min(100, v));
+      this.doOnChange();
+    };
+    if (value.includes("hsl")) {
+      const parts = value.replace(/hsla|hsl|\(|\)/gm, "").split(/\s|,/g).filter((val) => val !== "").map((val, index2) => index2 > 2 ? Number.parseFloat(val) : Number.parseInt(val, 10));
+      if (parts.length === 4) {
+        this._alpha = Number.parseFloat(parts[3]) * 100;
+      } else if (parts.length === 3) {
+        this._alpha = 100;
+      }
+      if (parts.length >= 3) {
+        const { h: h2, s, v } = hsl2hsv(parts[0], parts[1], parts[2]);
+        fromHSV(h2, s, v);
+      }
+    } else if (value.includes("hsv")) {
+      const parts = value.replace(/hsva|hsv|\(|\)/gm, "").split(/\s|,/g).filter((val) => val !== "").map((val, index2) => index2 > 2 ? Number.parseFloat(val) : Number.parseInt(val, 10));
+      if (parts.length === 4) {
+        this._alpha = Number.parseFloat(parts[3]) * 100;
+      } else if (parts.length === 3) {
+        this._alpha = 100;
+      }
+      if (parts.length >= 3) {
+        fromHSV(parts[0], parts[1], parts[2]);
+      }
+    } else if (value.includes("rgb")) {
+      const parts = value.replace(/rgba|rgb|\(|\)/gm, "").split(/\s|,/g).filter((val) => val !== "").map((val, index2) => index2 > 2 ? Number.parseFloat(val) : Number.parseInt(val, 10));
+      if (parts.length === 4) {
+        this._alpha = Number.parseFloat(parts[3]) * 100;
+      } else if (parts.length === 3) {
+        this._alpha = 100;
+      }
+      if (parts.length >= 3) {
+        const { h: h2, s, v } = rgb2hsv(parts[0], parts[1], parts[2]);
+        fromHSV(h2, s, v);
+      }
+    } else if (value.includes("#")) {
+      const hex = value.replace("#", "").trim();
+      if (!/^[0-9a-fA-F]{3}$|^[0-9a-fA-F]{6}$|^[0-9a-fA-F]{8}$/.test(hex))
+        return;
+      let r, g, b;
+      if (hex.length === 3) {
+        r = parseHexChannel(hex[0] + hex[0]);
+        g = parseHexChannel(hex[1] + hex[1]);
+        b = parseHexChannel(hex[2] + hex[2]);
+      } else if (hex.length === 6 || hex.length === 8) {
+        r = parseHexChannel(hex.slice(0, 2));
+        g = parseHexChannel(hex.slice(2, 4));
+        b = parseHexChannel(hex.slice(4, 6));
+      }
+      if (hex.length === 8) {
+        this._alpha = parseHexChannel(hex.slice(6)) / 255 * 100;
+      } else if (hex.length === 3 || hex.length === 6) {
+        this._alpha = 100;
+      }
+      const { h: h2, s, v } = rgb2hsv(r, g, b);
+      fromHSV(h2, s, v);
+    }
+  }
+  compare(color) {
+    return Math.abs(color._hue - this._hue) < 2 && Math.abs(color._saturation - this._saturation) < 1 && Math.abs(color._value - this._value) < 1 && Math.abs(color._alpha - this._alpha) < 1;
+  }
+  doOnChange() {
+    const { _hue, _saturation, _value, _alpha, format } = this;
+    if (this.enableAlpha) {
+      switch (format) {
+        case "hsl": {
+          const hsl = hsv2hsl(_hue, _saturation / 100, _value / 100);
+          this.value = `hsla(${_hue}, ${Math.round(hsl[1] * 100)}%, ${Math.round(hsl[2] * 100)}%, ${this.get("alpha") / 100})`;
+          break;
+        }
+        case "hsv": {
+          this.value = `hsva(${_hue}, ${Math.round(_saturation)}%, ${Math.round(_value)}%, ${this.get("alpha") / 100})`;
+          break;
+        }
+        case "hex": {
+          this.value = `${toHex(hsv2rgb(_hue, _saturation, _value))}${hexOne(_alpha * 255 / 100)}`;
+          break;
+        }
+        default: {
+          const { r, g, b } = hsv2rgb(_hue, _saturation, _value);
+          this.value = `rgba(${r}, ${g}, ${b}, ${this.get("alpha") / 100})`;
+        }
+      }
+    } else {
+      switch (format) {
+        case "hsl": {
+          const hsl = hsv2hsl(_hue, _saturation / 100, _value / 100);
+          this.value = `hsl(${_hue}, ${Math.round(hsl[1] * 100)}%, ${Math.round(hsl[2] * 100)}%)`;
+          break;
+        }
+        case "hsv": {
+          this.value = `hsv(${_hue}, ${Math.round(_saturation)}%, ${Math.round(_value)}%)`;
+          break;
+        }
+        case "rgb": {
+          const { r, g, b } = hsv2rgb(_hue, _saturation, _value);
+          this.value = `rgb(${r}, ${g}, ${b})`;
+          break;
+        }
+        default: {
+          this.value = toHex(hsv2rgb(_hue, _saturation, _value));
+        }
+      }
+    }
+  }
+}
+const _sfc_main$t = defineComponent({
+  props: {
+    colors: {
+      type: Array,
+      required: true
+    },
+    color: {
+      type: Object,
+      required: true
+    },
+    enableAlpha: {
+      type: Boolean,
+      required: true
+    }
+  },
+  setup(props) {
+    const ns = useNamespace("color-predefine");
+    const { currentColor } = inject(colorPickerContextKey);
+    const rgbaColors = ref(parseColors(props.colors, props.color));
+    watch(() => currentColor.value, (val) => {
+      const color = new Color();
+      color.fromString(val);
+      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();
+        c.enableAlpha = props.enableAlpha;
+        c.format = "rgba";
+        c.fromString(value);
+        c.selected = c.value === color.value;
+        return c;
+      });
+    }
+    return {
+      rgbaColors,
+      handleSelect,
+      ns
+    };
+  }
+});
+function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("div", {
+    class: normalizeClass(_ctx.ns.b())
+  }, [
+    createElementVNode("div", {
+      class: normalizeClass(_ctx.ns.e("colors"))
+    }, [
+      (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.rgbaColors, (item, index2) => {
+        return openBlock(), createElementBlock("div", {
+          key: _ctx.colors[index2],
+          class: normalizeClass([
+            _ctx.ns.e("color-selector"),
+            _ctx.ns.is("alpha", item._alpha < 100),
+            { selected: item.selected }
+          ]),
+          onClick: ($event) => _ctx.handleSelect(index2)
+        }, [
+          createElementVNode("div", {
+            style: normalizeStyle({ backgroundColor: item.value })
+          }, null, 4)
+        ], 10, ["onClick"]);
+      }), 128))
+    ], 2)
+  ], 2);
+}
+var Predefine = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["render", _sfc_render$3], ["__file", "predefine.vue"]]);
+const _sfc_main$s = defineComponent({
+  name: "ElSlPanel",
+  props: {
+    color: {
+      type: Object,
+      required: true
+    }
+  },
+  setup(props) {
+    const ns = useNamespace("color-svpanel");
+    const instance = getCurrentInstance();
+    const cursorTop = ref(0);
+    const cursorLeft = ref(0);
+    const background = ref("hsl(0, 100%, 50%)");
+    const colorValue = computed(() => {
+      const hue = props.color.get("hue");
+      const value = props.color.get("value");
+      return { hue, value };
+    });
+    function update() {
+      const saturation = props.color.get("saturation");
+      const value = props.color.get("value");
+      const el = instance.vnode.el;
+      const { clientWidth: width, clientHeight: height } = el;
+      cursorLeft.value = saturation * width / 100;
+      cursorTop.value = (100 - value) * height / 100;
+      background.value = `hsl(${props.color.get("hue")}, 100%, 50%)`;
+    }
+    function handleDrag(event) {
+      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
+      });
+    }
+    watch(() => colorValue.value, () => {
+      update();
+    });
+    onMounted(() => {
+      draggable(instance.vnode.el, {
+        drag: (event) => {
+          handleDrag(event);
+        },
+        end: (event) => {
+          handleDrag(event);
+        }
+      });
+      update();
+    });
+    return {
+      cursorTop,
+      cursorLeft,
+      background,
+      colorValue,
+      handleDrag,
+      update,
+      ns
+    };
+  }
+});
+function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("div", {
+    class: normalizeClass(_ctx.ns.b()),
+    style: normalizeStyle({
+      backgroundColor: _ctx.background
+    })
+  }, [
+    createElementVNode("div", {
+      class: normalizeClass(_ctx.ns.e("white"))
+    }, null, 2),
+    createElementVNode("div", {
+      class: normalizeClass(_ctx.ns.e("black"))
+    }, null, 2),
+    createElementVNode("div", {
+      class: normalizeClass(_ctx.ns.e("cursor")),
+      style: normalizeStyle({
+        top: _ctx.cursorTop + "px",
+        left: _ctx.cursorLeft + "px"
+      })
+    }, [
+      createElementVNode("div")
+    ], 6)
+  ], 6);
+}
+var SvPanel = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["render", _sfc_render$2], ["__file", "sv-panel.vue"]]);
+const __default__$d = defineComponent({
+  name: "ElColorPicker"
+});
+const _sfc_main$r = /* @__PURE__ */ defineComponent({
+  ...__default__$d,
+  props: colorPickerProps,
+  emits: colorPickerEmits,
+  setup(__props, { expose, emit }) {
+    const props = __props;
+    const { t } = useLocale();
+    const ns = useNamespace("color");
+    const { formItem } = useFormItem();
+    const colorSize = useFormSize();
+    const colorDisabled = useFormDisabled();
+    const { inputId: buttonId, isLabeledByFormItem } = useFormItemInputId(props, {
+      formItemContext: formItem
+    });
+    const hue = ref();
+    const sv = ref();
+    const alpha = ref();
+    const popper = ref();
+    const triggerRef = ref();
+    const inputRef = ref();
+    const { isFocused, handleFocus, handleBlur } = useFocusController(triggerRef, {
+      beforeFocus() {
+        return colorDisabled.value;
+      },
+      beforeBlur(event) {
+        var _a;
+        return (_a = popper.value) == null ? void 0 : _a.isFocusInsideContent(event);
+      },
+      afterBlur() {
+        setShowPicker(false);
+        resetColor();
+      }
+    });
+    let shouldActiveChange = true;
+    const color = reactive(new Color({
+      enableAlpha: props.showAlpha,
+      format: props.colorFormat || "",
+      value: props.modelValue
+    }));
+    const showPicker = ref(false);
+    const showPanelColor = ref(false);
+    const customInput = ref("");
+    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) {
+      if (!(color2 instanceof Color)) {
+        throw new TypeError("color should be instance of _color Class");
+      }
+      const { r, g, b } = color2.toRgb();
+      return showAlpha ? `rgba(${r}, ${g}, ${b}, ${color2.get("alpha") / 100})` : `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 handleConfirm() {
+      color.fromString(customInput.value);
+    }
+    function confirmValue() {
+      const value = color.value;
+      emit(UPDATE_MODEL_EVENT, value);
+      emit("change", 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, null);
+      emit("change", null);
+      if (props.modelValue !== null && props.validateEvent) {
+        formItem == null ? void 0 : formItem.validate("change").catch((err) => debugWarn(err));
+      }
+      resetColor();
+    }
+    function handleClickOutside() {
+      if (!showPicker.value)
+        return;
+      hide();
+      isFocused.value && focus();
+    }
+    function handleEsc(event) {
+      event.preventDefault();
+      event.stopPropagation();
+      setShowPicker(false);
+      resetColor();
+    }
+    function handleKeyDown(event) {
+      switch (event.code) {
+        case EVENT_CODE.enter:
+        case EVENT_CODE.numpadEnter:
+        case EVENT_CODE.space:
+          event.preventDefault();
+          event.stopPropagation();
+          show();
+          inputRef.value.focus();
+          break;
+        case EVENT_CODE.esc:
+          handleEsc(event);
+          break;
+      }
+    }
+    function focus() {
+      triggerRef.value.focus();
+    }
+    function blur() {
+      triggerRef.value.blur();
+    }
+    onMounted(() => {
+      if (props.modelValue) {
+        customInput.value = currentColor.value;
+      }
+    });
+    watch(() => props.modelValue, (newVal) => {
+      if (!newVal) {
+        showPanelColor.value = false;
+      } else if (newVal && newVal !== color.value) {
+        shouldActiveChange = false;
+        color.fromString(newVal);
+      }
+    });
+    watch(() => [props.colorFormat, props.showAlpha], () => {
+      color.enableAlpha = props.showAlpha;
+      color.format = props.colorFormat || color.format;
+      color.doOnChange();
+      emit(UPDATE_MODEL_EVENT, color.value);
+    });
+    watch(() => currentColor.value, (val) => {
+      customInput.value = val;
+      shouldActiveChange && emit("activeChange", val);
+      shouldActiveChange = true;
+    });
+    watch(() => color.value, () => {
+      if (!props.modelValue && !showPanelColor.value) {
+        showPanelColor.value = true;
+      }
+    });
+    watch(() => showPicker.value, () => {
+      nextTick(() => {
+        var _a, _b, _c;
+        (_a = hue.value) == null ? void 0 : _a.update();
+        (_b = sv.value) == null ? void 0 : _b.update();
+        (_c = alpha.value) == null ? void 0 : _c.update();
+      });
+    });
+    provide(colorPickerContextKey, {
+      currentColor
+    });
+    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"), unref(ns).b("dropdown"), _ctx.popperClass],
+        "stop-popper-mouse-event": false,
+        effect: "light",
+        trigger: "click",
+        teleported: _ctx.teleported,
+        transition: `${unref(ns).namespace.value}-zoom-in-top`,
+        persistent: "",
+        onHide: ($event) => setShowPicker(false)
+      }, {
+        content: withCtx(() => [
+          withDirectives((openBlock(), createElementBlock("div", {
+            onKeydown: withKeys(handleEsc, ["esc"])
+          }, [
+            createElementVNode("div", {
+              class: normalizeClass(unref(ns).be("dropdown", "main-wrapper"))
+            }, [
+              createVNode(HueSlider, {
+                ref_key: "hue",
+                ref: hue,
+                class: "hue-slider",
+                color: unref(color),
+                vertical: ""
+              }, null, 8, ["color"]),
+              createVNode(SvPanel, {
+                ref_key: "sv",
+                ref: sv,
+                color: unref(color)
+              }, null, 8, ["color"])
+            ], 2),
+            _ctx.showAlpha ? (openBlock(), createBlock(AlphaSlider, {
+              key: 0,
+              ref_key: "alpha",
+              ref: alpha,
+              color: unref(color)
+            }, null, 8, ["color"])) : createCommentVNode("v-if", true),
+            _ctx.predefine ? (openBlock(), createBlock(Predefine, {
+              key: 1,
+              ref: "predefine",
+              "enable-alpha": _ctx.showAlpha,
+              color: unref(color),
+              colors: _ctx.predefine
+            }, null, 8, ["enable-alpha", "color", "colors"])) : createCommentVNode("v-if", true),
+            createElementVNode("div", {
+              class: normalizeClass(unref(ns).be("dropdown", "btns"))
+            }, [
+              createElementVNode("span", {
+                class: normalizeClass(unref(ns).be("dropdown", "value"))
+              }, [
+                createVNode(unref(ElInput), {
+                  ref_key: "inputRef",
+                  ref: inputRef,
+                  modelValue: customInput.value,
+                  "onUpdate:modelValue": ($event) => customInput.value = $event,
+                  "validate-event": false,
+                  size: "small",
+                  onKeyup: withKeys(handleConfirm, ["enter"]),
+                  onBlur: handleConfirm
+                }, null, 8, ["modelValue", "onUpdate:modelValue", "onKeyup"])
+              ], 2),
+              createVNode(unref(ElButton), {
+                class: normalizeClass(unref(ns).be("dropdown", "link-btn")),
+                text: "",
+                size: "small",
+                onClick: clear
+              }, {
+                default: withCtx(() => [
+                  createTextVNode(toDisplayString(unref(t)("el.colorpicker.clear")), 1)
+                ]),
+                _: 1
+              }, 8, ["class"]),
+              createVNode(unref(ElButton), {
+                plain: "",
+                size: "small",
+                class: normalizeClass(unref(ns).be("dropdown", "btn")),
+                onClick: confirmValue
+              }, {
+                default: withCtx(() => [
+                  createTextVNode(toDisplayString(unref(t)("el.colorpicker.confirm")), 1)
+                ]),
+                _: 1
+              }, 8, ["class"])
+            ], 2)
+          ], 40, ["onKeydown"])), [
+            [unref(ClickOutside), handleClickOutside, triggerRef.value]
+          ])
+        ]),
+        default: withCtx(() => [
+          createElementVNode("div", mergeProps({
+            id: unref(buttonId),
+            ref_key: "triggerRef",
+            ref: triggerRef
+          }, _ctx.$attrs, {
+            class: unref(btnKls),
+            role: "button",
+            "aria-label": unref(buttonAriaLabel),
+            "aria-labelledby": unref(buttonAriaLabelledby),
+            "aria-description": unref(t)("el.colorpicker.description", { color: _ctx.modelValue || "" }),
+            "aria-disabled": unref(colorDisabled),
+            tabindex: unref(colorDisabled) ? -1 : _ctx.tabindex,
+            onKeydown: handleKeyDown,
+            onFocus: unref(handleFocus),
+            onBlur: unref(handleBlur)
+          }), [
+            unref(colorDisabled) ? (openBlock(), createElementBlock("div", {
+              key: 0,
+              class: normalizeClass(unref(ns).be("picker", "mask"))
+            }, null, 2)) : createCommentVNode("v-if", true),
+            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: unref(displayedColor)
+                  })
+                }, [
+                  withDirectives(createVNode(unref(ElIcon), {
+                    class: normalizeClass([unref(ns).be("picker", "icon"), unref(ns).is("icon-arrow-down")])
+                  }, {
+                    default: withCtx(() => [
+                      createVNode(unref(arrow_down_default))
+                    ]),
+                    _: 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_default))
+                    ]),
+                    _: 1
+                  }, 8, ["class"]), [
+                    [vShow, !_ctx.modelValue && !showPanelColor.value]
+                  ])
+                ], 6)
+              ], 2)
+            ], 2)
+          ], 16, ["id", "aria-label", "aria-labelledby", "aria-description", "aria-disabled", "tabindex", "onFocus", "onBlur"])
+        ]),
+        _: 1
+      }, 8, ["visible", "popper-class", "teleported", "transition", "onHide"]);
+    };
+  }
+});
+var ColorPicker = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["__file", "color-picker.vue"]]);
+const ElColorPicker = withInstall(ColorPicker);
+const __default__$c = defineComponent({
+  name: "ElContainer"
+});
+const _sfc_main$q = /* @__PURE__ */ defineComponent({
+  ...__default__$c,
+  props: {
+    direction: {
+      type: String
+    }
+  },
+  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", unref(isVertical))])
+      }, [
+        renderSlot(_ctx.$slots, "default")
+      ], 2);
+    };
+  }
+});
+var Container = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["__file", "container.vue"]]);
+const __default__$b = defineComponent({
+  name: "ElAside"
+});
+const _sfc_main$p = /* @__PURE__ */ defineComponent({
+  ...__default__$b,
+  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(unref(style))
+      }, [
+        renderSlot(_ctx.$slots, "default")
+      ], 6);
+    };
+  }
+});
+var Aside = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["__file", "aside.vue"]]);
+const __default__$a = defineComponent({
+  name: "ElFooter"
+});
+const _sfc_main$o = /* @__PURE__ */ defineComponent({
+  ...__default__$a,
+  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(unref(style))
+      }, [
+        renderSlot(_ctx.$slots, "default")
+      ], 6);
+    };
+  }
+});
+var Footer$1 = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["__file", "footer.vue"]]);
+const __default__$9 = defineComponent({
+  name: "ElHeader"
+});
+const _sfc_main$n = /* @__PURE__ */ defineComponent({
+  ...__default__$9,
+  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(unref(style))
+      }, [
+        renderSlot(_ctx.$slots, "default")
+      ], 6);
+    };
+  }
+});
+var Header = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["__file", "header.vue"]]);
+const __default__$8 = defineComponent({
+  name: "ElMain"
+});
+const _sfc_main$m = /* @__PURE__ */ defineComponent({
+  ...__default__$8,
+  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", "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 __default__$7 = defineComponent({
+  name: "ElDivider"
+});
+const _sfc_main$l = /* @__PURE__ */ defineComponent({
+  ...__default__$7,
+  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(unref(dividerStyle)),
+        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", "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) => {
+        let prevDef = false;
+        switch (event.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) => {
+      let prevDef = false;
+      switch (event.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 __default__$6 = defineComponent({
+  name: "ElMenuCollapseTransition"
+});
+const _sfc_main$k = /* @__PURE__ */ defineComponent({
+  ...__default__$6,
+  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" }, unref(listeners)), {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 16);
+    };
+  }
+});
+var ElMenuCollapseTransition = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__file", "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 subMenuProps = buildProps({
+  index: {
+    type: String,
+    required: true
+  },
+  showTimeout: Number,
+  hideTimeout: Number,
+  popperClass: String,
+  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("rootMenu");
+    if (!rootMenu)
+      throwError(COMPONENT_NAME$1, "can not inject root menu");
+    const subMenu = inject(`subMenu:${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 currentPlacement = computed(() => mode.value === "horizontal" && isFirstLevel.value ? "bottom-start" : "right-start");
+    const subMenuTitleIcon = computed(() => {
+      return mode.value === "horizontal" && isFirstLevel.value || mode.value === "vertical" && !rootMenu.props.collapse ? props.expandCloseIcon && props.expandOpenIcon ? opened.value ? props.expandOpenIcon : props.expandCloseIcon : arrow_down_default : props.collapseCloseIcon && props.collapseOpenIcon ? opened.value ? props.collapseOpenIcon : props.collapseCloseIcon : arrow_right_default;
+    });
+    const isFirstLevel = computed(() => subMenu.level === 0);
+    const appendToBody = computed(() => {
+      const value = props.teleported;
+      return value === void 0 ? 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 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"));
+      }
+    };
+    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(`subMenu:${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,
+        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_default
+  },
+  popperEffect: {
+    type: definePropType(String),
+    default: "dark"
+  },
+  popperClass: String,
+  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) && (routerResult === void 0 || routerResult instanceof Promise)
+};
+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 nsMenu = useNamespace("menu");
+    const nsSubMenu = useNamespace("sub-menu");
+    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 subMenu = subMenus.value[index2];
+        subMenu && openMenu(index2, subMenu.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 = () => {
+      var _a, _b;
+      if (!menu.value)
+        return -1;
+      const items2 = Array.from((_b = (_a = menu.value) == null ? void 0 : _a.childNodes) != null ? _b : []).filter((item) => item.nodeName !== "#text" || item.nodeValue);
+      const moreItemWidth = 64;
+      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) => {
+        if (item.nodeName === "#comment")
+          return;
+        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 timmer;
+      return () => {
+        timmer && clearTimeout(timmer);
+        timmer = setTimeout(() => {
+          fn();
+        }, wait);
+      };
+    };
+    let isFirstTimeRender = true;
+    const handleResize = () => {
+      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("rootMenu", reactive({
+        props,
+        openedMenus,
+        items,
+        subMenus,
+        activeIndex,
+        isMenuPopup,
+        addMenuItem,
+        removeMenuItem,
+        addSubMenu,
+        removeSubMenu,
+        openMenu,
+        closeMenu,
+        handleMenuItemClick,
+        handleSubMenuClick
+      }));
+      provide(`subMenu:${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,
+        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);
+        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, {
+            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 __default__$5 = defineComponent({
+  name: COMPONENT_NAME
+});
+const _sfc_main$j = /* @__PURE__ */ defineComponent({
+  ...__default__$5,
+  props: menuItemProps,
+  emits: menuItemEmits,
+  setup(__props, { expose, emit }) {
+    const props = __props;
+    const instance = getCurrentInstance();
+    const rootMenu = inject("rootMenu");
+    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(`subMenu:${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", unref(active)),
+          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"],
+          persistent: unref(rootMenu).props.persistent
+        }, {
+          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", "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", "menu-item.vue"]]);
+const menuItemGroupProps = {
+  title: String
+};
+const __default__$4 = defineComponent({
+  name: "ElMenuItemGroup"
+});
+const _sfc_main$i = /* @__PURE__ */ defineComponent({
+  ...__default__$4,
+  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", "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_default),
+        "inactive-icon": unref(moon_default),
+        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
+        }), 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(" 头部反转色 ")), 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
+        }), 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
+        }), 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": _ctx.isShowCustomTabs
+      }, null, 8, ["is-custom-tabs"]), [[vShow, props.isShowCustomTabs && unref(tabs)]]), withDirectives(createVNode(Tabs, {
+        "is-custom-tabs": _ctx.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(_ctx.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(arrow_right_default)
+      }, {
+        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
+};