@me-framework/me-ui 1.0.44

package/es/nav/src/nav.vue2.mjs

@@ -0,0 +1,121 @@
+import { defineComponent, useModel, ref, h, openBlock, createElementBlock, createVNode, unref, isRef, withCtx, Fragment, renderList, createBlock, mergeProps, createElementVNode, createCommentVNode, toDisplayString, mergeModels } from 'vue';
+import ContextMenu from '@imengyu/vue3-context-menu';
+import { MeSvgIcon } from '../../svg-icon/index.mjs';
+import { ElTabs, ElTabPane } from 'element-plus';
+
+"use strict";
+const _hoisted_1 = { class: "me-nav" };
+const _hoisted_2 = ["onContextmenu"];
+const __default__ = defineComponent({
+  name: "me-nav"
+});
+var script = /* @__PURE__ */ defineComponent({
+  ...__default__,
+  props: /* @__PURE__ */ mergeModels({
+    tabList: { type: Array, required: true, default: () => [] },
+    menuHandle: { type: Function, required: false, default: () => null },
+    tabProps: { type: Object, required: false, default: () => ({ key: "path", name: "path", label: "title" }) }
+  }, {
+    "modelValue": { type: [String, Number] },
+    "modelModifiers": {}
+  }),
+  emits: /* @__PURE__ */ mergeModels(["changeTabEmit", "removeTabEmit"], ["update:modelValue"]),
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const model = useModel(__props, "modelValue");
+    const activeTab = ref("");
+    const modelTab = model.value ? model : activeTab.value;
+    const onContextMenu = (e, item, currentIndex) => {
+      e.preventDefault();
+      const items = props.menuHandle(item, currentIndex) || [];
+      if (!item.isHome) {
+        items.splice(0, 0, {
+          label: item.lock ? "\u89E3\u9501" : "\u9501\u5B9A",
+          icon: h(MeSvgIcon, {
+            name: item.lock ? "ri-lock-unlock-line" : "ri-lock-line"
+          }),
+          divided: true,
+          onClick: () => {
+            item.lock = !item.lock;
+          }
+        });
+      }
+      ContextMenu.showContextMenu({
+        theme: "default",
+        x: e.x,
+        y: e.y,
+        items
+      });
+    };
+    const handleRemoveTab = (tabName) => {
+      emit("removeTabEmit", tabName.toString());
+    };
+    const changeTab = (path) => {
+      emit("changeTabEmit", path);
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createVNode(unref(ElTabs), {
+          modelValue: unref(modelTab),
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(modelTab) ? modelTab.value = $event : null),
+          type: "card",
+          class: "me-tabs",
+          onTabChange: changeTab,
+          onTabRemove: handleRemoveTab
+        }, {
+          default: withCtx(() => [
+            (openBlock(true), createElementBlock(
+              Fragment,
+              null,
+              renderList(__props.tabList, (item, index) => {
+                return openBlock(), createBlock(unref(ElTabPane), mergeProps({
+                  key: item[__props.tabProps.key],
+                  label: item[__props.tabProps.label],
+                  name: item[__props.tabProps.name],
+                  closable: !item.isHome && !item.lock,
+                  style: { "vertical-align": "middle" }
+                }, { ref_for: true }, _ctx.$attrs), {
+                  label: withCtx(() => [
+                    createElementVNode("div", {
+                      class: "tabs-item-label",
+                      onContextmenu: ($event) => onContextMenu($event, item, index)
+                    }, [
+                      item.icon ? (openBlock(), createBlock(unref(MeSvgIcon), {
+                        key: 0,
+                        style: { "margin-right": "3px" },
+                        name: item.icon
+                      }, null, 8, ["name"])) : createCommentVNode("v-if", true),
+                      createElementVNode(
+                        "span",
+                        null,
+                        toDisplayString(item.title),
+                        1
+                        /* TEXT */
+                      ),
+                      item.lock ? (openBlock(), createBlock(unref(MeSvgIcon), {
+                        key: 1,
+                        size: 12,
+                        style: { "padding-left": "3px" },
+                        name: "ri-lock-line"
+                      })) : createCommentVNode("v-if", true)
+                    ], 40, _hoisted_2)
+                  ]),
+                  _: 2
+                  /* DYNAMIC */
+                }, 1040, ["label", "name", "closable"]);
+              }),
+              128
+              /* KEYED_FRAGMENT */
+            ))
+          ]),
+          _: 1
+          /* STABLE */
+        }, 8, ["modelValue"])
+      ]);
+    };
+  }
+});
+
+export { script as default };
+//# sourceMappingURL=nav.vue2.mjs.map

package/es/nav/src/nav.vue2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"nav.vue2.mjs","sources":["../../../src/nav/src/nav.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as __MACROS_defineComponent } from \"vue\";\nexport default /*#__PURE__*/ __MACROS_defineComponent({\n  name: \"me-nav\",\n});\n</script>\n<template>\n  <div class=\"me-nav\">\n    <el-tabs v-model=\"modelTab\" type=\"card\" class=\"me-tabs\" @tab-change=\"changeTab\" @tab-remove=\"handleRemoveTab\">\n      <el-tab-pane\n        v-for=\"(item, index) in tabList\"\n        :key=\"item[tabProps.key]\"\n        :label=\"item[tabProps.label]\"\n        :name=\"item[tabProps.name]\"\n        :closable=\"!item.isHome && !item.lock\"\n        style=\"vertical-align: middle\"\n        v-bind=\"$attrs\">\n        <template #label>\n          <div class=\"tabs-item-label\" @contextmenu=\"onContextMenu($event, item, index)\">\n            <me-svg-icon v-if=\"item.icon\" style=\"margin-right: 3px\" :name=\"item.icon\"></me-svg-icon>\n            <span>{{ item.title }}</span>\n            <me-svg-icon v-if=\"item.lock\" :size=\"12\" style=\"padding-left: 3px\" name=\"ri-lock-line\"></me-svg-icon>\n          </div>\n        </template>\n      </el-tab-pane>\n    </el-tabs>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport type { NavEmits, NavProps, TabItem } from \"./nav\"\nimport type { TabPaneName } from \"element-plus\"\nimport ContextMenu from \"@imengyu/vue3-context-menu\"\n\nimport { MeSvgIcon } from \"../../svg-icon\"\nimport { ElTabs, ElTabPane } from \"element-plus\"\nimport { h, ref, watch } from \"vue\"\n\n\n\nconst props = withDefaults(defineProps<NavProps>(), {\n  tabList: () => [],\n  tabProps: () => ({ key: \"path\", name: \"path\", label: \"title\" }),\n  menuHandle: () => null,\n})\nconst emit = defineEmits<NavEmits>()\n\nconst model = defineModel<string | number>()\n\nconst activeTab = ref(\"\")\nconst modelTab = model.value ? model : activeTab.value\n\n\n\n// 右键菜单\nconst onContextMenu = (e: MouseEvent, item: TabItem, currentIndex: number) => {\n  e.preventDefault()\n  const items = props.menuHandle(item, currentIndex) || []\n\n  if (!item.isHome) {\n    items.splice(0, 0, {\n      label: item.lock ? \"解锁\" : \"锁定\",\n      icon: h(MeSvgIcon, {\n        name: item.lock ? \"ri-lock-unlock-line\" : \"ri-lock-line\",\n      }),\n      divided: true,\n\n      onClick: () => {\n        item.lock = !item.lock\n      },\n    })\n  }\n  ContextMenu.showContextMenu({\n    theme: \"default\",\n    x: e.x,\n    y: e.y,\n    items,\n  })\n}\n\nconst handleRemoveTab = (tabName: string | number) => {\n  emit(\"removeTabEmit\", tabName.toString())\n}\n\n// 切换tab\nconst changeTab = (path: TabPaneName) => {\n  // activeTab.value = path as string\n  emit(\"changeTabEmit\", path as string)\n}\n</script>\n"],"names":["__MACROS_defineComponent","_useModel","_openBlock","_createElementBlock","_createVNode","_unref","_Fragment","_renderList","_createBlock","_mergeProps","$attrs","_createElementVNode","_toDisplayString"],"mappings":"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"}

package/es/nav/style/index.css

@@ -0,0 +1 @@
+@charset "UTF-8";.me-nav{--me-tabs-height:35px}.me-nav .el-tabs .el-tabs__header{padding:0;position:relative;border-bottom:none;margin:0;height:var(--me-tabs-height);background-color:#fff}.me-nav .el-tabs .tabs-item-label{-webkit-user-select:none;-moz-user-select:none;user-select:none;display:flex;align-items:center;justify-content:space-between;height:100%;font-weight:500}.me-nav .el-tabs .el-tabs__nav.is-top{border:0 solid}.me-nav .el-tabs .el-tabs__nav-wrap{border-bottom:none}.me-nav .el-tabs .el-tabs__item{height:var(--me-tabs-height);border-left:none!important}.me-nav .el-tabs .el-tabs__item:first-child{margin-left:15px}.me-nav .el-tabs .el-tabs__item:not(:first-child){margin-left:-15px}.me-nav .el-tabs .el-tabs__item.is-closable{border:none;transition:color var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier),padding var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier)}.me-nav .el-tabs .el-tabs__item.is-active{color:var(--el-color-primary);background-color:var(--el-color-primary-light-9);opacity:1;padding:0 20px!important;border:0;-webkit-mask:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAANoAAAAkCAYAAADvhSSyAAAACXBIWXMAAAsTAAALEwEAmpwYAAABbUlEQVR4nO3d4U3CUBSG4beJA9QNcAJhAtnAOoGOwCaOoBvoCDgBOIHdQDbAH7cJMaHtxcJB6/skJ6Thptw/H+cSktOCn5kCc+AWKJtraaxqYA28A8/N9cktgE9ga1n/tBYcqDhw/QtQHfoh0gitgdkpbrzg/N8klvWbKruz5Xa0CbAi/R6TtDMjdbdOF5k3qzBk0j4VRwzazbC9SKN1nbMo9+j4QTo+SvpuA1z2LcoN2nbYXqRR681R7tFR0gAGTQpg0KQABk0KYNCkAAZNCmDQpAAGTQpg0KQABk0KYNCkAAZNCmDQpAAGTQpg0KQABk0KYNCkAAZNGq4kjTRolRM0x31L3Sb0TMLKCZqTiaVu9/QErW+oyAQHp0p9NqRBqnXbgq6glcATdjQpRw1ctb3ZFrQSeAQejr8fabRegbvcxXPScfHcDxCwrL9YK/Y0qILdgwSnpNHfHhWl4ZbAW/O6LEgplHRC/mEtBfgClkhxraFbr7gAAAAASUVORK5CYII=);mask:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAANoAAAAkCAYAAADvhSSyAAAACXBIWXMAAAsTAAALEwEAmpwYAAABbUlEQVR4nO3d4U3CUBSG4beJA9QNcAJhAtnAOoGOwCaOoBvoCDgBOIHdQDbAH7cJMaHtxcJB6/skJ6Thptw/H+cSktOCn5kCc+AWKJtraaxqYA28A8/N9cktgE9ga1n/tBYcqDhw/QtQHfoh0gitgdkpbrzg/N8klvWbKruz5Xa0CbAi/R6TtDMjdbdOF5k3qzBk0j4VRwzazbC9SKN1nbMo9+j4QTo+SvpuA1z2LcoN2nbYXqRR681R7tFR0gAGTQpg0KQABk0KYNCkAAZNCmDQpAAGTQpg0KQABk0KYNCkAAZNCmDQpAAGTQpg0KQABk0KYNCkAAZNGq4kjTRolRM0x31L3Sb0TMLKCZqTiaVu9/QErW+oyAQHp0p9NqRBqnXbgq6glcATdjQpRw1ctb3ZFrQSeAQejr8fabRegbvcxXPScfHcDxCwrL9YK/Y0qILdgwSnpNHfHhWl4ZbAW/O6LEgplHRC/mEtBfgClkhxraFbr7gAAAAASUVORK5CYII=);-webkit-mask-size:100% 100%;mask-size:100% 100%;transform:none}.me-nav .el-tabs .el-tabs__item.is-active.is-closable:hover,.me-nav .el-tabs .el-tabs__item.is-active:hover{color:var(--el-color-primary);background-color:var(--el-color-primary-light-9);opacity:1;padding:0 20px!important;border:0;-webkit-mask:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAANoAAAAkCAYAAADvhSSyAAAACXBIWXMAAAsTAAALEwEAmpwYAAABbUlEQVR4nO3d4U3CUBSG4beJA9QNcAJhAtnAOoGOwCaOoBvoCDgBOIHdQDbAH7cJMaHtxcJB6/skJ6Thptw/H+cSktOCn5kCc+AWKJtraaxqYA28A8/N9cktgE9ga1n/tBYcqDhw/QtQHfoh0gitgdkpbrzg/N8klvWbKruz5Xa0CbAi/R6TtDMjdbdOF5k3qzBk0j4VRwzazbC9SKN1nbMo9+j4QTo+SvpuA1z2LcoN2nbYXqRR681R7tFR0gAGTQpg0KQABk0KYNCkAAZNCmDQpAAGTQpg0KQABk0KYNCkAAZNCmDQpAAGTQpg0KQABk0KYNCkAAZNGq4kjTRolRM0x31L3Sb0TMLKCZqTiaVu9/QErW+oyAQHp0p9NqRBqnXbgq6glcATdjQpRw1ctb3ZFrQSeAQejr8fabRegbvcxXPScfHcDxCwrL9YK/Y0qILdgwSnpNHfHhWl4ZbAW/O6LEgplHRC/mEtBfgClkhxraFbr7gAAAAASUVORK5CYII=);mask:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAANoAAAAkCAYAAADvhSSyAAAACXBIWXMAAAsTAAALEwEAmpwYAAABbUlEQVR4nO3d4U3CUBSG4beJA9QNcAJhAtnAOoGOwCaOoBvoCDgBOIHdQDbAH7cJMaHtxcJB6/skJ6Thptw/H+cSktOCn5kCc+AWKJtraaxqYA28A8/N9cktgE9ga1n/tBYcqDhw/QtQHfoh0gitgdkpbrzg/N8klvWbKruz5Xa0CbAi/R6TtDMjdbdOF5k3qzBk0j4VRwzazbC9SKN1nbMo9+j4QTo+SvpuA1z2LcoN2nbYXqRR681R7tFR0gAGTQpg0KQABk0KYNCkAAZNCmDQpAAGTQpg0KQABk0KYNCkAAZNCmDQpAAGTQpg0KQABk0KYNCkAAZNGq4kjTRolRM0x31L3Sb0TMLKCZqTiaVu9/QErW+oyAQHp0p9NqRBqnXbgq6glcATdjQpRw1ctb3ZFrQSeAQejr8fabRegbvcxXPScfHcDxCwrL9YK/Y0qILdgwSnpNHfHhWl4ZbAW/O6LEgplHRC/mEtBfgClkhxraFbr7gAAAAASUVORK5CYII=);-webkit-mask-size:100% 100%;mask-size:100% 100%;transform:none}.me-nav .el-tabs .el-tabs__item .el-icon.is-icon-close:active{transition:none}.me-nav .el-tabs .el-tabs__item:hover{color:#000;cursor:pointer;opacity:1;background-color:#e4e4e4;padding:0 20px!important;border:0;-webkit-mask:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAANoAAAAkCAYAAADvhSSyAAAACXBIWXMAAAsTAAALEwEAmpwYAAABbUlEQVR4nO3d4U3CUBSG4beJA9QNcAJhAtnAOoGOwCaOoBvoCDgBOIHdQDbAH7cJMaHtxcJB6/skJ6Thptw/H+cSktOCn5kCc+AWKJtraaxqYA28A8/N9cktgE9ga1n/tBYcqDhw/QtQHfoh0gitgdkpbrzg/N8klvWbKruz5Xa0CbAi/R6TtDMjdbdOF5k3qzBk0j4VRwzazbC9SKN1nbMo9+j4QTo+SvpuA1z2LcoN2nbYXqRR681R7tFR0gAGTQpg0KQABk0KYNCkAAZNCmDQpAAGTQpg0KQABk0KYNCkAAZNCmDQpAAGTQpg0KQABk0KYNCkAAZNGq4kjTRolRM0x31L3Sb0TMLKCZqTiaVu9/QErW+oyAQHp0p9NqRBqnXbgq6glcATdjQpRw1ctb3ZFrQSeAQejr8fabRegbvcxXPScfHcDxCwrL9YK/Y0qILdgwSnpNHfHhWl4ZbAW/O6LEgplHRC/mEtBfgClkhxraFbr7gAAAAASUVORK5CYII=);mask:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAANoAAAAkCAYAAADvhSSyAAAACXBIWXMAAAsTAAALEwEAmpwYAAABbUlEQVR4nO3d4U3CUBSG4beJA9QNcAJhAtnAOoGOwCaOoBvoCDgBOIHdQDbAH7cJMaHtxcJB6/skJ6Thptw/H+cSktOCn5kCc+AWKJtraaxqYA28A8/N9cktgE9ga1n/tBYcqDhw/QtQHfoh0gitgdkpbrzg/N8klvWbKruz5Xa0CbAi/R6TtDMjdbdOF5k3qzBk0j4VRwzazbC9SKN1nbMo9+j4QTo+SvpuA1z2LcoN2nbYXqRR681R7tFR0gAGTQpg0KQABk0KYNCkAAZNCmDQpAAGTQpg0KQABk0KYNCkAAZNCmDQpAAGTQpg0KQABk0KYNCkAAZNGq4kjTRolRM0x31L3Sb0TMLKCZqTiaVu9/QErW+oyAQHp0p9NqRBqnXbgq6glcATdjQpRw1ctb3ZFrQSeAQejr8fabRegbvcxXPScfHcDxCwrL9YK/Y0qILdgwSnpNHfHhWl4ZbAW/O6LEgplHRC/mEtBfgClkhxraFbr7gAAAAASUVORK5CYII=);-webkit-mask-size:100% 100%;mask-size:100% 100%;transform:none}.me-nav .el-tabs .el-tabs__item:active{color:#000;cursor:pointer;opacity:1;background-color:#e4e4e4;padding:0 20px!important;border:0;-webkit-mask:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAANoAAAAkCAYAAADvhSSyAAAACXBIWXMAAAsTAAALEwEAmpwYAAABbUlEQVR4nO3d4U3CUBSG4beJA9QNcAJhAtnAOoGOwCaOoBvoCDgBOIHdQDbAH7cJMaHtxcJB6/skJ6Thptw/H+cSktOCn5kCc+AWKJtraaxqYA28A8/N9cktgE9ga1n/tBYcqDhw/QtQHfoh0gitgdkpbrzg/N8klvWbKruz5Xa0CbAi/R6TtDMjdbdOF5k3qzBk0j4VRwzazbC9SKN1nbMo9+j4QTo+SvpuA1z2LcoN2nbYXqRR681R7tFR0gAGTQpg0KQABk0KYNCkAAZNCmDQpAAGTQpg0KQABk0KYNCkAAZNCmDQpAAGTQpg0KQABk0KYNCkAAZNGq4kjTRolRM0x31L3Sb0TMLKCZqTiaVu9/QErW+oyAQHp0p9NqRBqnXbgq6glcATdjQpRw1ctb3ZFrQSeAQejr8fabRegbvcxXPScfHcDxCwrL9YK/Y0qILdgwSnpNHfHhWl4ZbAW/O6LEgplHRC/mEtBfgClkhxraFbr7gAAAAASUVORK5CYII=);mask:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAANoAAAAkCAYAAADvhSSyAAAACXBIWXMAAAsTAAALEwEAmpwYAAABbUlEQVR4nO3d4U3CUBSG4beJA9QNcAJhAtnAOoGOwCaOoBvoCDgBOIHdQDbAH7cJMaHtxcJB6/skJ6Thptw/H+cSktOCn5kCc+AWKJtraaxqYA28A8/N9cktgE9ga1n/tBYcqDhw/QtQHfoh0gitgdkpbrzg/N8klvWbKruz5Xa0CbAi/R6TtDMjdbdOF5k3qzBk0j4VRwzazbC9SKN1nbMo9+j4QTo+SvpuA1z2LcoN2nbYXqRR681R7tFR0gAGTQpg0KQABk0KYNCkAAZNCmDQpAAGTQpg0KQABk0KYNCkAAZNCmDQpAAGTQpg0KQABk0KYNCkAAZNGq4kjTRolRM0x31L3Sb0TMLKCZqTiaVu9/QErW+oyAQHp0p9NqRBqnXbgq6glcATdjQpRw1ctb3ZFrQSeAQejr8fabRegbvcxXPScfHcDxCwrL9YK/Y0qILdgwSnpNHfHhWl4ZbAW/O6LEgplHRC/mEtBfgClkhxraFbr7gAAAAASUVORK5CYII=);-webkit-mask-size:100% 100%;mask-size:100% 100%;transform:none}.me-nav .el-tabs .el-tabs__nav-next,.me-nav .el-tabs .el-tabs__nav-prev{line-height:34px;height:34px}.me-nav .el-tabs .el-tabs__nav-next .el-icon,.me-nav .el-tabs .el-tabs__nav-prev .el-icon{vertical-align:middle}.me-nav .el-tabs .is-disabled{cursor:not-allowed}

package/es/nav/style/index.d.ts

@@ -0,0 +1,3 @@
+import "./index.css";
+import "element-plus/es/components/tab-pane/style/index";
+import "element-plus/es/components/tabs/style/index";

package/es/nav/style/index.mjs

@@ -0,0 +1,6 @@
+import './index.css';
+import 'element-plus/es/components/tab-pane/style/index';
+import 'element-plus/es/components/tabs/style/index';
+
+"use strict";
+//# sourceMappingURL=index.mjs.map

package/es/nav/style/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/es/nav/style/index.scss

@@ -0,0 +1,132 @@
+.me-nav {
+  --me-tabs-height: 35px;
+  .el-tabs {
+    .el-tabs__header {
+      @extend me-text-unselect !optional;
+      padding: 0px;
+      position: relative;
+      border-bottom: none;
+      margin: 0px;
+      height: var(--me-tabs-height);
+      background-color: white;
+    }
+
+    .tabs-item-label {
+      user-select: none;
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      height: 100%;
+      font-weight: 500;
+    }
+
+    .el-tabs__nav.is-top {
+      border: 0px solid;
+    }
+    .el-tabs__nav-wrap {
+      border-bottom: none;
+    }
+
+    .el-tabs__item {
+      height: var(--me-tabs-height);
+      border-left: none !important;
+    }
+
+    .el-tabs__item:first-child {
+      margin-left: 15px;
+    }
+
+    .el-tabs__item:not(:first-child) {
+      margin-left: -15px;
+    }
+
+    /**未选中的tab */
+    .el-tabs__item.is-closable {
+      border: none;
+      transition:
+        color var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier),
+        padding var(--el-transition-duration) var(--el-transition-function-ease-in-out-bezier);
+    }
+
+    /**选中 */
+    .el-tabs__item.is-active {
+      // color: red;
+      color: var(--el-color-primary);
+      background-color: var(--el-color-primary-light-9);
+      opacity: 1;
+      padding: 0 20px !important;
+      border: 0;
+      -webkit-mask: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAANoAAAAkCAYAAADvhSSyAAAACXBIWXMAAAsTAAALEwEAmpwYAAABbUlEQVR4nO3d4U3CUBSG4beJA9QNcAJhAtnAOoGOwCaOoBvoCDgBOIHdQDbAH7cJMaHtxcJB6/skJ6Thptw/H+cSktOCn5kCc+AWKJtraaxqYA28A8/N9cktgE9ga1n/tBYcqDhw/QtQHfoh0gitgdkpbrzg/N8klvWbKruz5Xa0CbAi/R6TtDMjdbdOF5k3qzBk0j4VRwzazbC9SKN1nbMo9+j4QTo+SvpuA1z2LcoN2nbYXqRR681R7tFR0gAGTQpg0KQABk0KYNCkAAZNCmDQpAAGTQpg0KQABk0KYNCkAAZNCmDQpAAGTQpg0KQABk0KYNCkAAZNGq4kjTRolRM0x31L3Sb0TMLKCZqTiaVu9/QErW+oyAQHp0p9NqRBqnXbgq6glcATdjQpRw1ctb3ZFrQSeAQejr8fabRegbvcxXPScfHcDxCwrL9YK/Y0qILdgwSnpNHfHhWl4ZbAW/O6LEgplHRC/mEtBfgClkhxraFbr7gAAAAASUVORK5CYII=);
+      mask: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAANoAAAAkCAYAAADvhSSyAAAACXBIWXMAAAsTAAALEwEAmpwYAAABbUlEQVR4nO3d4U3CUBSG4beJA9QNcAJhAtnAOoGOwCaOoBvoCDgBOIHdQDbAH7cJMaHtxcJB6/skJ6Thptw/H+cSktOCn5kCc+AWKJtraaxqYA28A8/N9cktgE9ga1n/tBYcqDhw/QtQHfoh0gitgdkpbrzg/N8klvWbKruz5Xa0CbAi/R6TtDMjdbdOF5k3qzBk0j4VRwzazbC9SKN1nbMo9+j4QTo+SvpuA1z2LcoN2nbYXqRR681R7tFR0gAGTQpg0KQABk0KYNCkAAZNCmDQpAAGTQpg0KQABk0KYNCkAAZNCmDQpAAGTQpg0KQABk0KYNCkAAZNGq4kjTRolRM0x31L3Sb0TMLKCZqTiaVu9/QErW+oyAQHp0p9NqRBqnXbgq6glcATdjQpRw1ctb3ZFrQSeAQejr8fabRegbvcxXPScfHcDxCwrL9YK/Y0qILdgwSnpNHfHhWl4ZbAW/O6LEgplHRC/mEtBfgClkhxraFbr7gAAAAASUVORK5CYII=);
+      -webkit-mask-size: 100% 100%;
+      mask-size: 100% 100%;
+      transform: none;
+    }
+
+    /**选中+悬浮 */
+    .el-tabs__item.is-active.is-closable:hover,
+    .el-tabs__item.is-active:hover {
+      color: var(--el-color-primary);
+      background-color: var(--el-color-primary-light-9);
+      opacity: 1;
+      padding: 0 20px !important;
+      border: 0;
+      -webkit-mask: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAANoAAAAkCAYAAADvhSSyAAAACXBIWXMAAAsTAAALEwEAmpwYAAABbUlEQVR4nO3d4U3CUBSG4beJA9QNcAJhAtnAOoGOwCaOoBvoCDgBOIHdQDbAH7cJMaHtxcJB6/skJ6Thptw/H+cSktOCn5kCc+AWKJtraaxqYA28A8/N9cktgE9ga1n/tBYcqDhw/QtQHfoh0gitgdkpbrzg/N8klvWbKruz5Xa0CbAi/R6TtDMjdbdOF5k3qzBk0j4VRwzazbC9SKN1nbMo9+j4QTo+SvpuA1z2LcoN2nbYXqRR681R7tFR0gAGTQpg0KQABk0KYNCkAAZNCmDQpAAGTQpg0KQABk0KYNCkAAZNCmDQpAAGTQpg0KQABk0KYNCkAAZNGq4kjTRolRM0x31L3Sb0TMLKCZqTiaVu9/QErW+oyAQHp0p9NqRBqnXbgq6glcATdjQpRw1ctb3ZFrQSeAQejr8fabRegbvcxXPScfHcDxCwrL9YK/Y0qILdgwSnpNHfHhWl4ZbAW/O6LEgplHRC/mEtBfgClkhxraFbr7gAAAAASUVORK5CYII=);
+      mask: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAANoAAAAkCAYAAADvhSSyAAAACXBIWXMAAAsTAAALEwEAmpwYAAABbUlEQVR4nO3d4U3CUBSG4beJA9QNcAJhAtnAOoGOwCaOoBvoCDgBOIHdQDbAH7cJMaHtxcJB6/skJ6Thptw/H+cSktOCn5kCc+AWKJtraaxqYA28A8/N9cktgE9ga1n/tBYcqDhw/QtQHfoh0gitgdkpbrzg/N8klvWbKruz5Xa0CbAi/R6TtDMjdbdOF5k3qzBk0j4VRwzazbC9SKN1nbMo9+j4QTo+SvpuA1z2LcoN2nbYXqRR681R7tFR0gAGTQpg0KQABk0KYNCkAAZNCmDQpAAGTQpg0KQABk0KYNCkAAZNCmDQpAAGTQpg0KQABk0KYNCkAAZNGq4kjTRolRM0x31L3Sb0TMLKCZqTiaVu9/QErW+oyAQHp0p9NqRBqnXbgq6glcATdjQpRw1ctb3ZFrQSeAQejr8fabRegbvcxXPScfHcDxCwrL9YK/Y0qILdgwSnpNHfHhWl4ZbAW/O6LEgplHRC/mEtBfgClkhxraFbr7gAAAAASUVORK5CYII=);
+      -webkit-mask-size: 100% 100%;
+      mask-size: 100% 100%;
+      transform: none;
+    }
+
+    .el-tabs__item {
+      .el-icon.is-icon-close {
+        &:active {
+          transition: none;
+        }
+      }
+
+      /**悬浮 */
+      &:hover {
+        color: black;
+        cursor: pointer;
+        opacity: 1;
+        background-color: rgb(228, 228, 228);
+        padding: 0 20px !important;
+        border: 0;
+        -webkit-mask: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAANoAAAAkCAYAAADvhSSyAAAACXBIWXMAAAsTAAALEwEAmpwYAAABbUlEQVR4nO3d4U3CUBSG4beJA9QNcAJhAtnAOoGOwCaOoBvoCDgBOIHdQDbAH7cJMaHtxcJB6/skJ6Thptw/H+cSktOCn5kCc+AWKJtraaxqYA28A8/N9cktgE9ga1n/tBYcqDhw/QtQHfoh0gitgdkpbrzg/N8klvWbKruz5Xa0CbAi/R6TtDMjdbdOF5k3qzBk0j4VRwzazbC9SKN1nbMo9+j4QTo+SvpuA1z2LcoN2nbYXqRR681R7tFR0gAGTQpg0KQABk0KYNCkAAZNCmDQpAAGTQpg0KQABk0KYNCkAAZNCmDQpAAGTQpg0KQABk0KYNCkAAZNGq4kjTRolRM0x31L3Sb0TMLKCZqTiaVu9/QErW+oyAQHp0p9NqRBqnXbgq6glcATdjQpRw1ctb3ZFrQSeAQejr8fabRegbvcxXPScfHcDxCwrL9YK/Y0qILdgwSnpNHfHhWl4ZbAW/O6LEgplHRC/mEtBfgClkhxraFbr7gAAAAASUVORK5CYII=);
+        mask: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAANoAAAAkCAYAAADvhSSyAAAACXBIWXMAAAsTAAALEwEAmpwYAAABbUlEQVR4nO3d4U3CUBSG4beJA9QNcAJhAtnAOoGOwCaOoBvoCDgBOIHdQDbAH7cJMaHtxcJB6/skJ6Thptw/H+cSktOCn5kCc+AWKJtraaxqYA28A8/N9cktgE9ga1n/tBYcqDhw/QtQHfoh0gitgdkpbrzg/N8klvWbKruz5Xa0CbAi/R6TtDMjdbdOF5k3qzBk0j4VRwzazbC9SKN1nbMo9+j4QTo+SvpuA1z2LcoN2nbYXqRR681R7tFR0gAGTQpg0KQABk0KYNCkAAZNCmDQpAAGTQpg0KQABk0KYNCkAAZNCmDQpAAGTQpg0KQABk0KYNCkAAZNGq4kjTRolRM0x31L3Sb0TMLKCZqTiaVu9/QErW+oyAQHp0p9NqRBqnXbgq6glcATdjQpRw1ctb3ZFrQSeAQejr8fabRegbvcxXPScfHcDxCwrL9YK/Y0qILdgwSnpNHfHhWl4ZbAW/O6LEgplHRC/mEtBfgClkhxraFbr7gAAAAASUVORK5CYII=);
+        -webkit-mask-size: 100% 100%;
+        mask-size: 100% 100%;
+        transform: none;
+      }
+
+      /**选中 */
+      &:active {
+        color: black;
+        cursor: pointer;
+        opacity: 1;
+        background-color: rgb(228, 228, 228);
+        padding: 0 20px !important;
+        border: 0;
+        -webkit-mask: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAANoAAAAkCAYAAADvhSSyAAAACXBIWXMAAAsTAAALEwEAmpwYAAABbUlEQVR4nO3d4U3CUBSG4beJA9QNcAJhAtnAOoGOwCaOoBvoCDgBOIHdQDbAH7cJMaHtxcJB6/skJ6Thptw/H+cSktOCn5kCc+AWKJtraaxqYA28A8/N9cktgE9ga1n/tBYcqDhw/QtQHfoh0gitgdkpbrzg/N8klvWbKruz5Xa0CbAi/R6TtDMjdbdOF5k3qzBk0j4VRwzazbC9SKN1nbMo9+j4QTo+SvpuA1z2LcoN2nbYXqRR681R7tFR0gAGTQpg0KQABk0KYNCkAAZNCmDQpAAGTQpg0KQABk0KYNCkAAZNCmDQpAAGTQpg0KQABk0KYNCkAAZNGq4kjTRolRM0x31L3Sb0TMLKCZqTiaVu9/QErW+oyAQHp0p9NqRBqnXbgq6glcATdjQpRw1ctb3ZFrQSeAQejr8fabRegbvcxXPScfHcDxCwrL9YK/Y0qILdgwSnpNHfHhWl4ZbAW/O6LEgplHRC/mEtBfgClkhxraFbr7gAAAAASUVORK5CYII=);
+        mask: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAANoAAAAkCAYAAADvhSSyAAAACXBIWXMAAAsTAAALEwEAmpwYAAABbUlEQVR4nO3d4U3CUBSG4beJA9QNcAJhAtnAOoGOwCaOoBvoCDgBOIHdQDbAH7cJMaHtxcJB6/skJ6Thptw/H+cSktOCn5kCc+AWKJtraaxqYA28A8/N9cktgE9ga1n/tBYcqDhw/QtQHfoh0gitgdkpbrzg/N8klvWbKruz5Xa0CbAi/R6TtDMjdbdOF5k3qzBk0j4VRwzazbC9SKN1nbMo9+j4QTo+SvpuA1z2LcoN2nbYXqRR681R7tFR0gAGTQpg0KQABk0KYNCkAAZNCmDQpAAGTQpg0KQABk0KYNCkAAZNCmDQpAAGTQpg0KQABk0KYNCkAAZNGq4kjTRolRM0x31L3Sb0TMLKCZqTiaVu9/QErW+oyAQHp0p9NqRBqnXbgq6glcATdjQpRw1ctb3ZFrQSeAQejr8fabRegbvcxXPScfHcDxCwrL9YK/Y0qILdgwSnpNHfHhWl4ZbAW/O6LEgplHRC/mEtBfgClkhxraFbr7gAAAAASUVORK5CYII=);
+        -webkit-mask-size: 100% 100%;
+        mask-size: 100% 100%;
+        transform: none;
+      }
+    }
+
+    .el-tabs__nav-next,
+    .el-tabs__nav-prev {
+      line-height: 34px;
+      height: 34px;
+
+      .el-icon {
+        vertical-align: middle;
+      }
+    }
+    .is-disabled {
+      cursor: not-allowed;
+    }
+  }
+}

package/es/nav/style/scss.d.ts

@@ -0,0 +1,3 @@
+import "./index.scss";
+import "element-plus/es/components/tab-pane/style/index";
+import "element-plus/es/components/tabs/style/index";

package/es/nav/style/scss.mjs

@@ -0,0 +1,6 @@
+import './index.scss';
+import 'element-plus/es/components/tab-pane/style/index';
+import 'element-plus/es/components/tabs/style/index';
+
+"use strict";
+//# sourceMappingURL=scss.mjs.map

package/es/nav/style/scss.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"scss.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/es/overlay/index.d.ts

@@ -0,0 +1,62 @@
+export declare const MeOverlay: import("../utils/install").WithInstall<{
+    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import(".").OverlayProps & {
+        modelValue?: boolean;
+    }> & Readonly<{
+        onClose?: ((...args: any[]) => any) | undefined;
+        "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+    }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        close: (...args: any[]) => void;
+        "update:modelValue": (value: boolean) => void;
+    }, import("vue").PublicProps, {
+        center: boolean;
+        top: string;
+        background: string;
+        showClose: boolean;
+        appendToBody: boolean;
+        escClose: boolean;
+    }, false, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import(".").OverlayProps & {
+        modelValue?: boolean;
+    }> & Readonly<{
+        onClose?: ((...args: any[]) => any) | undefined;
+        "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+    }>, {}, {}, {}, {}, {
+        center: boolean;
+        top: string;
+        background: string;
+        showClose: boolean;
+        appendToBody: boolean;
+        escClose: boolean;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import(".").OverlayProps & {
+    modelValue?: boolean;
+}> & Readonly<{
+    onClose?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    close: (...args: any[]) => void;
+    "update:modelValue": (value: boolean) => void;
+}, string, {
+    center: boolean;
+    top: string;
+    background: string;
+    showClose: boolean;
+    appendToBody: boolean;
+    escClose: boolean;
+}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    $slots: {
+        default?: (props: {}) => any;
+    };
+})>;
+export default MeOverlay;
+export * from "./src/overlay";
+export type { OverlayInstance } from './src/instance';

package/es/overlay/index.mjs

@@ -0,0 +1,10 @@
+import { withInstall } from '../utils/install.mjs';
+import './src/overlay.vue.mjs';
+import './src/overlay.mjs';
+import script from './src/overlay.vue2.mjs';
+
+"use strict";
+const MeOverlay = withInstall(script);
+
+export { MeOverlay, MeOverlay as default };
+//# sourceMappingURL=index.mjs.map

package/es/overlay/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../src/overlay/index.ts"],"sourcesContent":["import { withInstall } from \"../utils/install\";\nimport Overlay from \"./src/overlay.vue\";\n\nexport const MeOverlay = withInstall(Overlay);\nexport default MeOverlay;\n\nexport * from \"./src/overlay\";\nexport type { OverlayInstance } from './src/instance'\n"],"names":["Overlay"],"mappings":";;;;;;AAGO,MAAM,SAAA,GAAY,YAAYA,MAAO;;;;"}

package/es/overlay/src/instance.d.ts

@@ -0,0 +1,2 @@
+import type Overlay from './overlay.vue';
+export type OverlayInstance = InstanceType<typeof Overlay> & unknown;

package/es/overlay/src/overlay.d.ts

@@ -0,0 +1,23 @@
+export interface OverlayProps {
+    /**
+     * 显示在屏幕中间
+     */
+    center?: boolean;
+    /**
+     * 距离顶部的距离
+     */
+    top?: string;
+    /**
+     * 遮罩层背景
+     */
+    background?: string;
+    /**
+     * 是否添加到 body
+     */
+    appendToBody?: boolean;
+    /**
+     * 是否显示关闭按钮
+     */
+    showClose?: boolean;
+    escClose?: boolean;
+}

package/es/overlay/src/overlay.mjs

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=overlay.mjs.map

package/es/overlay/src/overlay.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"overlay.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/es/overlay/src/overlay.vue.d.ts

@@ -0,0 +1,33 @@
+import type { OverlayProps } from "./overlay";
+type __VLS_Props = OverlayProps;
+declare const show: import("vue").ModelRef<boolean, string, boolean, boolean>;
+type __VLS_ModelProps = {
+    modelValue?: typeof show['value'];
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare var __VLS_18: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_18) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    close: (...args: any[]) => void;
+    "update:modelValue": (value: boolean) => void;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onClose?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+}>, {
+    center: boolean;
+    top: string;
+    background: string;
+    showClose: boolean;
+    appendToBody: boolean;
+    escClose: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/es/overlay/src/overlay.vue.mjs

@@ -0,0 +1,6 @@
+import script from './overlay.vue2.mjs';
+
+script.__file = "src/overlay/src/overlay.vue";
+
+export { script as default };
+//# sourceMappingURL=overlay.vue.mjs.map

package/es/overlay/src/overlay.vue.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"overlay.vue.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/es/overlay/src/overlay.vue2.mjs

@@ -0,0 +1,110 @@
+import { defineComponent, useModel, watch, openBlock, createElementBlock, withKeys, createBlock, Teleport, createVNode, Transition, withCtx, mergeProps, createElementVNode, normalizeStyle, unref, createCommentVNode, renderSlot, mergeModels } from 'vue';
+import { MeSvgIcon } from '../../svg-icon/index.mjs';
+
+"use strict";
+const __default__ = defineComponent({
+  name: "me-overlay"
+});
+var script = /* @__PURE__ */ defineComponent({
+  ...__default__,
+  props: /* @__PURE__ */ mergeModels({
+    center: { type: Boolean, required: false, default: true },
+    top: { type: String, required: false, default: "0px" },
+    background: { type: String, required: false, default: "rgba(0, 0, 0, 0.7)" },
+    appendToBody: { type: Boolean, required: false, default: false },
+    showClose: { type: Boolean, required: false, default: true },
+    escClose: { type: Boolean, required: false, default: true }
+  }, {
+    "modelValue": { type: Boolean, default: false },
+    "modelModifiers": {}
+  }),
+  emits: /* @__PURE__ */ mergeModels(["close"], ["update:modelValue"]),
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emits = __emit;
+    const show = useModel(__props, "modelValue");
+    const keyboardEvent = (e) => {
+      if (props.escClose) {
+        if (e.key === "Escape") {
+          show.value = false;
+        }
+      }
+    };
+    watch(
+      () => show.value,
+      (val) => {
+        if (val) {
+          document.body.style.overflow = "hidden";
+          document.addEventListener("keyup", keyboardEvent);
+        } else {
+          document.body.style.overflow = "auto";
+          document.removeEventListener("keyup", keyboardEvent);
+          emits("close");
+        }
+      }
+    );
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock(
+        "div",
+        {
+          class: "me-overlay",
+          onKeyup: _cache[1] || (_cache[1] = withKeys(($event) => show.value = false, ["esc"]))
+        },
+        [
+          (openBlock(), createBlock(Teleport, {
+            to: "body",
+            disabled: !__props.appendToBody
+          }, [
+            createVNode(Transition, { name: "fade" }, {
+              default: withCtx(() => [
+                show.value ? (openBlock(), createElementBlock(
+                  "div",
+                  mergeProps({ key: 0 }, _ctx.$attrs, {
+                    class: "maskLayer-overlay",
+                    style: { background: __props.background }
+                  }),
+                  [
+                    createElementVNode(
+                      "div",
+                      {
+                        class: "maskLayer-content",
+                        style: normalizeStyle({
+                          marginTop: props.center ? 0 : props.top,
+                          alignItems: props.center ? "center" : "stretch"
+                        })
+                      },
+                      [
+                        __props.showClose ? (openBlock(), createElementBlock("div", {
+                          key: 0,
+                          class: "close",
+                          onClick: _cache[0] || (_cache[0] = ($event) => show.value = false)
+                        }, [
+                          createVNode(unref(MeSvgIcon), {
+                            color: "#fff",
+                            name: "ri-close-large-line"
+                          })
+                        ])) : createCommentVNode("v-if", true),
+                        renderSlot(_ctx.$slots, "default")
+                      ],
+                      4
+                      /* STYLE */
+                    )
+                  ],
+                  16
+                  /* FULL_PROPS */
+                )) : createCommentVNode("v-if", true)
+              ]),
+              _: 3
+              /* FORWARDED */
+            })
+          ], 8, ["disabled"]))
+        ],
+        32
+        /* NEED_HYDRATION */
+      );
+    };
+  }
+});
+
+export { script as default };
+//# sourceMappingURL=overlay.vue2.mjs.map

package/es/overlay/src/overlay.vue2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"overlay.vue2.mjs","sources":["../../../src/overlay/src/overlay.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as __MACROS_defineComponent } from \"vue\";\nexport default /*#__PURE__*/ __MACROS_defineComponent({\n  name: \"me-overlay\",\n});\n</script>\n<template>\n  <div class=\"me-overlay\" @keyup.esc=\"show = false\">\n    <Teleport to=\"body\" :disabled=\"!appendToBody\">\n      <transition name=\"fade\">\n        <div v-bind=\"$attrs\" v-if=\"show\" class=\"maskLayer-overlay\" :style=\"{ background }\">\n          <div\n            class=\"maskLayer-content\"\n            :style=\"{\n              marginTop: props.center ? 0 : props.top,\n              alignItems: props.center ? 'center' : 'stretch',\n            }\">\n            <div v-if=\"showClose\" class=\"close\" @click=\"show = false\">\n              <me-svg-icon color=\"#fff\" name=\"ri-close-large-line\"></me-svg-icon>\n            </div>\n            <slot></slot>\n          </div>\n        </div>\n      </transition>\n    </Teleport>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport type { OverlayProps } from \"./overlay\"\nimport { MeSvgIcon } from \"../../svg-icon\"\nimport { onMounted, watch } from \"vue\"\n\n\n\nconst props = withDefaults(defineProps<OverlayProps>(), {\n  center: true,\n  top: \"0px\",\n  background: \"rgba(0, 0, 0, 0.7)\",\n  appendToBody: false,\n  showClose: true,\n  escClose: true,\n})\n\nconst emits = defineEmits([\"close\"])\n\nconst show = defineModel({ type: Boolean, default: false })\nconst keyboardEvent = (e: KeyboardEvent) => {\n  if (props.escClose) {\n    if (e.key === \"Escape\") {\n      show.value = false\n    }\n  }\n}\n// onMounted(() => {\n//   if (props.escClose) {\n//   }\n//   document.addEventListener(\"keyup\", keyboardEvent)\n// })\n\nwatch(\n  () => show.value,\n  (val) => {\n    if (val) {\n      document.body.style.overflow = \"hidden\"\n      document.addEventListener(\"keyup\", keyboardEvent)\n    } else {\n      document.body.style.overflow = \"auto\"\n      document.removeEventListener(\"keyup\", keyboardEvent)\n      emits(\"close\")\n    }\n  }\n)\n</script>\n"],"names":["__MACROS_defineComponent","_useModel","_createElementBlock","_createBlock","_Teleport","_createVNode","_Transition","_mergeProps","$attrs","_createElementVNode","_normalizeStyle","_unref","_renderSlot"],"mappings":";;;;AAEA,MAAA,cAA6BA,eAAA,CAAyB;AAAA,EACpD,IAAA,EAAM;AACR,CAAC,CAAA;;;;;;;;;;;;;;;;AA+BD,IAAA,MAAM,KAAA,GAAQ,OAAA;AASd,IAAA,MAAM,KAAA,GAAQ,MAAA;AAEd,IAAA,MAAM,IAAA,GAAOC,QAAA,CAAW,OAAA,EAAA,YAAkC,CAAA;AAC1D,IAAA,MAAM,aAAA,GAAgB,CAAC,CAAA,KAAqB;AAC1C,MAAA,IAAI,MAAM,QAAA,EAAU;AAClB,QAAA,IAAI,CAAA,CAAE,QAAQ,QAAA,EAAU;AACtB,UAAA,IAAA,CAAK,KAAA,GAAQ,KAAA;AAAA,QACf;AAAA,MACF;AAAA,IACF,CAAA;AAOA,IAAA,KAAA;AAAA,MACE,MAAM,IAAA,CAAK,KAAA;AAAA,MACX,CAAC,GAAA,KAAQ;AACP,QAAA,IAAI,GAAA,EAAK;AACP,UAAA,QAAA,CAAS,IAAA,CAAK,MAAM,QAAA,GAAW,QAAA;AAC/B,UAAA,QAAA,CAAS,gBAAA,CAAiB,SAAS,aAAa,CAAA;AAAA,QAClD,CAAA,MAAO;AACL,UAAA,QAAA,CAAS,IAAA,CAAK,MAAM,QAAA,GAAW,MAAA;AAC/B,UAAA,QAAA,CAAS,mBAAA,CAAoB,SAAS,aAAa,CAAA;AACnD,UAAA,KAAA,CAAM,OAAO,CAAA;AAAA,QACf;AAAA,MACF;AAAA,KACF;;0BAjEEC,kBAAA;AAAA,QAkBM,KAAA;AAAA,QAAA;AAAA,UAlBD,KAAA,EAAM,YAAA;AAAA,UAAc,OAAA,iDAAW,IAAA,CAAA,KAAA,GAAI,KAAA,EAAA,CAAA,KAAA,CAAA,CAAA;AAAA;;wBACtCC,WAAA,CAgBWC,QAAA,EAAA;AAAA,YAhBD,EAAA,EAAG,MAAA;AAAA,YAAQ,QAAA,GAAW,OAAA,CAAA;AAAA;YAC9BC,WAAA,CAcaC,UAAA,EAAA,EAdD,IAAA,EAAK,QAAM,EAAA;AAAA,+BACrB,MAYM;AAAA,gBAZqB,IAAA,CAAA,KAAA,iBAA3BJ,kBAAA;AAAA,kBAYM,KAAA;AAAA,kBAZNK,WAYM,EAAA,GAAA,EAAA,CAAA,EAAA,EAZOC,KAAAA,MAAAA,EAAM;AAAA,oBAAc,KAAA,EAAM,mBAAA;AAAA,oBAAqB,KAAA,gBAAS,OAAA,CAAA,UAAA;AAAU;;oBAC7EC,kBAAA;AAAA,sBAUM,KAAA;AAAA,sBAAA;AAAA,wBATJ,KAAA,EAAM,mBAAA;AAAA,wBACL,OAAKC,cAAA,CAAA;AAAA,0BAA6B,SAAA,EAAA,KAAA,CAAM,MAAA,GAAM,CAAA,GAAO,KAAA,CAAM,GAAA;AAAA,0BAA+B,UAAA,EAAA,KAAA,CAAM,MAAA,GAAM,QAAA,GAAA;AAAA;;;wBAI5F,OAAA,CAAA,SAAA,iBAAXR,mBAEM,KAAA,EAAA;AAAA;0BAFgB,KAAA,EAAM,OAAA;AAAA,0BAAS,OAAA,wCAAO,IAAA,CAAA,KAAA,GAAI,KAAA;AAAA;0BAC9CG,WAAA,CAAmEM,KAAA,CAAA,SAAA,CAAA,EAAA;AAAA,4BAAtD,KAAA,EAAM,MAAA;AAAA,4BAAO,IAAA,EAAK;AAAA;;wBAEjCC,UAAA,CAAa,IAAA,CAAA,MAAA,EAAA,SAAA;AAAA;;;;;;;;;;;;;;;;;;;;;;;"}

package/es/overlay/style/index.css

@@ -0,0 +1 @@
+.me-overlay .maskLayer-overlay{position:fixed;margin:0;top:0;right:0;bottom:0;left:0;width:100%;height:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:2200}.me-overlay .maskLayer-overlay .maskLayer-content{width:100%;height:100%;display:flex;justify-content:center}.me-overlay .close{cursor:pointer;position:absolute;right:40px;top:40px;background-color:#606266;border-radius:50%;width:40px;height:40px;display:flex;justify-content:center;align-items:center}.me-overlay .fade-enter-active,.me-overlay .fade-leave-active{transition:opacity .5s ease}.me-overlay .fade-enter-from,.me-overlay .fade-leave-to{opacity:0}

package/es/overlay/style/index.d.ts

@@ -0,0 +1 @@
+import './index.css';

package/es/overlay/style/index.mjs

@@ -0,0 +1,4 @@
+import './index.css';
+
+"use strict";
+//# sourceMappingURL=index.mjs.map

package/es/overlay/style/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}