@me-framework/me-ui 1.0.44 → 1.0.46

package/es/menu/style/index.scss

@@ -1,30 +1,30 @@
-@use "../../theme.scss";
-
-.me-menu {
-  display: flex;
-  height: 100%;
-  position: relative;
-  border-right: 1px solid rgb(229, 230, 235);
-
-  .aside-column-menu {
-    background: white;
-    z-index: 100;
-    transition: all 0.25s;
-  }
-  .aside-column-menu.is-hide {
-    width: 0px !important;
-  }
-
-  .me-expand-menu {
-    z-index: 10000;
-  }
-
-  .footer {
-    position: absolute;
-    bottom: 20px;
-    left: 0;
-    z-index: 20000;
-    display: flex;
-    justify-content: center;
-  }
-}
+@use "../../theme.scss";
+
+.me-menu {
+  display: flex;
+  height: 100%;
+  position: relative;
+  border-right: 1px solid rgb(229, 230, 235);
+
+  .aside-column-menu {
+    background: white;
+    z-index: 100;
+    transition: all 0.25s;
+  }
+  .aside-column-menu.is-hide {
+    width: 0px !important;
+  }
+
+  .me-expand-menu {
+    z-index: 10000;
+  }
+
+  .footer {
+    position: absolute;
+    bottom: 20px;
+    left: 0;
+    z-index: 20000;
+    display: flex;
+    justify-content: center;
+  }
+}

package/es/message/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../src/message/index.ts"],"sourcesContent":["// import { withInstall } from \"../utils/install\";\nimport _Message from \"./src/message.vue\";\nimport { createVNode, render } from \"vue\"\n\n\n// export const MeMessage = withInstall(_Message);\n// export default MeMessage;\n\n// export * from \"./src/message\";\n// export type { MessageInstance } from './src/instance'\n\n// import { withInstallFunction } from \"../utils/install\";\n// import Message from './src/method'\n\n// export const MeMessage = withInstallFunction(Message, '$message')\n// export default MeMessage\n\n// export * from './src/message'\n\nexport const MeMessage = (data: any, handler?: any) => {\n  // const Vnode = createVNode(MessageBox,{\n  // \tdata,\n  // \thandler\n  // })\n  const div = document.createElement(\"div\")\n  document.body.appendChild(div)\n  //渲染组件\n  const vnode = createVNode(_Message, {\n    data,\n    handler,\n    onClosed: () => {\n      div.remove()\n    },\n  })\n  render(vnode, div)\n}\nexport default MeMessage"],"names":["_Message"],"mappings":";;;;;AAmBO,MAAM,SAAA,GAAY,CAAC,IAAA,EAAW,OAAA,KAAkB;AAKrD,EAAA,MAAM,GAAA,GAAM,QAAA,CAAS,aAAA,CAAc,KAAK,CAAA;AACxC,EAAA,QAAA,CAAS,IAAA,CAAK,YAAY,GAAG,CAAA;AAE7B,EAAA,MAAM,KAAA,GAAQ,YAAYA,MAAA,EAAU;AAAA,IAClC,IAAA;AAAA,IACA,OAAA;AAAA,IACA,UAAU,MAAM;AACd,MAAA,GAAA,CAAI,MAAA,EAAO;AAAA,IACb;AAAA,GACD,CAAA;AACD,EAAA,MAAA,CAAO,OAAO,GAAG,CAAA;AACnB;;;;"}
+{"version":3,"file":"index.mjs","sources":["../../src/message/index.ts"],"sourcesContent":["// import { withInstall } from \"../utils/install\";\r\nimport _Message from \"./src/message.vue\";\r\nimport { createVNode, render } from \"vue\"\r\n\r\n\r\n// export const MeMessage = withInstall(_Message);\r\n// export default MeMessage;\r\n\r\n// export * from \"./src/message\";\r\n// export type { MessageInstance } from './src/instance'\r\n\r\n// import { withInstallFunction } from \"../utils/install\";\r\n// import Message from './src/method'\r\n\r\n// export const MeMessage = withInstallFunction(Message, '$message')\r\n// export default MeMessage\r\n\r\n// export * from './src/message'\r\n\r\nexport const MeMessage = (data: any, handler?: any) => {\r\n  // const Vnode = createVNode(MessageBox,{\r\n  // \tdata,\r\n  // \thandler\r\n  // })\r\n  const div = document.createElement(\"div\")\r\n  document.body.appendChild(div)\r\n  //渲染组件\r\n  const vnode = createVNode(_Message, {\r\n    data,\r\n    handler,\r\n    onClosed: () => {\r\n      div.remove()\r\n    },\r\n  })\r\n  render(vnode, div)\r\n}\r\nexport default MeMessage"],"names":["_Message"],"mappings":";;;;;AAmBO,MAAM,SAAA,GAAY,CAAC,IAAA,EAAW,OAAA,KAAkB;AAKrD,EAAA,MAAM,GAAA,GAAM,QAAA,CAAS,aAAA,CAAc,KAAK,CAAA;AACxC,EAAA,QAAA,CAAS,IAAA,CAAK,YAAY,GAAG,CAAA;AAE7B,EAAA,MAAM,KAAA,GAAQ,YAAYA,MAAA,EAAU;AAAA,IAClC,IAAA;AAAA,IACA,OAAA;AAAA,IACA,UAAU,MAAM;AACd,MAAA,GAAA,CAAI,MAAA,EAAO;AAAA,IACb;AAAA,GACD,CAAA;AACD,EAAA,MAAA,CAAO,OAAO,GAAG,CAAA;AACnB;;;;"}

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

@@ -1 +1 @@
-{"version":3,"file":"message.vue2.mjs","sources":["../../../src/message/src/message.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as __MACROS_defineComponent } from \"vue\";\nexport default /*#__PURE__*/ __MACROS_defineComponent({\n  name: \"me-message\",\n});\n</script>\n<template>\n  <div class=\"me-message\">\n    <el-dialog\n      v-model=\"visible\"\n      width=\"380\"\n      :show-close=\"false\"\n      :align-center=\"true\"\n      style=\"border-radius: 8px; padding: 0px\"\n      modal-class=\"me-message-modal-bg-blur\"\n      :close-on-click-modal=\"false\"\n      :close-on-press-escape=\"false\"\n      @close=\"cancelHandler\">\n      <template #header>\n        <div class=\"me-message-header\">\n          <span style=\"font-size: 18px; font-weight: 700; padding: 18px 24px 0px\">\n            <slot name=\"title\">\n              {{ title }}\n            </slot>\n          </span>\n        </div>\n      </template>\n\n      <el-scrollbar>\n        <div style=\"padding: 0 24px 24px; font-size: 14px; line-height: 24px\" class=\"me-message-body\" v-html=\"message\"></div>\n      </el-scrollbar>\n\n      <template #footer>\n        <div style=\"border-top: 1px solid #e6e6e6; width: 100%\"></div>\n        <div class=\"me-dialog-footer\" style=\"background: #f4f3f7; border-radius: 0px 0px 8px 8px; padding: 4px 12px 4px 12px\">\n          <slot name=\"me-message-footer\">\n            <div></div>\n            <div>\n              <el-button v-if=\"handler.cancel\" link style=\"margin: 2px 20px; padding: 18px; font-weight: 700\" @click=\"cancelHandler\"\n                >取消</el-button\n              >\n              <el-button\n                :type=\"type\"\n                @click=\"confirmHandler\"\n                :loading=\"loading\"\n                style=\"margin: 2px 0; padding: 18px; font-weight: 700\"\n                v-focus\n                >确定</el-button\n              >\n            </div>\n          </slot>\n        </div>\n      </template>\n    </el-dialog>\n  </div>\n</template>\n\n<script setup lang=\"ts\">\nimport { computed, ref } from \"vue\"\nimport { delegateBoolean } from \"./utils\"\n\nimport type { MessageProps, MessageEmits } from \"./message\"\nimport { ElDialog, ElButton, ElScrollbar } from \"element-plus\"\n\n\n\nconst emit = defineEmits<MessageEmits>()\nconst props = withDefaults(defineProps<MessageProps>(), {\n  data: {},\n  handler: () => ({ confirm: () => true, cancel: () => true }),\n})\nconsole.log(\"🚀 ~ props:\", props)\n\ndefineExpose({\n  close: () => {\n    visible.value = false\n    emit(\"closed\")\n  },\n})\n\nconst visible = ref(true)\n\n// const data: any = defineModel(\"data\", {})\nconst data: any = props.data\n\nconst state = ref(\"normal\")\nconst title = computed(() => {\n  switch (state.value) {\n    case \"normal\":\n      return data.normal?.title\n    case \"process\":\n      return data.process?.title ? data.process.title : data.normal.title\n  }\n})\nconst message = computed(() => {\n  switch (state.value) {\n    case \"normal\":\n      return data.normal?.message\n    case \"process\":\n      return data.process?.message ? data.process.message : data.normal.message\n  }\n})\nconst loading = computed(() => {\n  switch (state.value) {\n    case \"normal\":\n      return data.normal?.loading\n    case \"process\":\n      return data.process?.loading ? data.process.loading : data.normal.loading\n  }\n})\nconst type = computed(() => {\n  switch (state.value) {\n    case \"normal\":\n      return data.normal?.type\n    case \"process\":\n      return data.process?.type ? data.process.type : data.normal.type\n  }\n})\n\n/**\n * 取消\n */\nconst cancelHandler = async () => {\n  let result = true\n  if (result && props.handler.cancel) {\n    delegateBoolean(props.handler.cancel, (res: boolean) => {\n      result = res\n      if (result) {\n        visible.value = false\n        emit(\"closed\")\n      } else {\n        state.value = \"normal\"\n      }\n    })\n  } else {\n    visible.value = false\n    emit(\"closed\")\n  }\n}\n\n/**\n * 点击了确定按钮\n */\nconst confirmHandler = async () => {\n  state.value = \"process\"\n\n  let result: any = true\n\n  // result = await httpHandler()\n  // result = props.handler.confirm?.(responseData)\n  // if (result) {\n  //   visible.value = false\n  //   emit(\"closed\")\n  // } else {\n  //   state.value = \"normal\"\n  // }\n  if (data.request) {\n    result = await httpHandler()\n  }\n\n  if (result && props.handler.confirm) {\n    delegateBoolean(props.handler.confirm, (res: boolean) => {\n      result = res\n      if (result) {\n        visible.value = false\n        emit(\"closed\")\n      } else {\n        state.value = \"normal\"\n      }\n    })\n  } else {\n    visible.value = false\n    emit(\"closed\")\n  }\n}\n\nlet responseData: any = null\n\n/**\n * 网络请求\n */\nconst httpHandler = () => {\n  responseData = null\n  if (data.request) {\n    return new Promise(function (resolve, reject) {\n      if (data.request.api) {\n        data.request\n          .api(data.request.data)\n          .then((res: any) => {\n            responseData = res\n            resolve(true)\n          })\n          .catch(() => {\n            // reject(false)\n            resolve(true)\n          })\n      } else {\n        if (props.request) {\n          props\n            ?.request(data.request)\n            .then((res: any) => {\n              responseData = res\n              resolve(true)\n            })\n            .catch(() => {\n              // reject(false)\n              resolve(true)\n            })\n        }\n      }\n    })\n  } else {\n    return true\n  }\n}\n</script>\n"],"names":["__MACROS_defineComponent","_openBlock","_createElementBlock","_createVNode","_unref","_createElementVNode","_renderSlot","_createBlock"],"mappings":"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"}
+{"version":3,"file":"message.vue2.mjs","sources":["../../../src/message/src/message.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as __MACROS_defineComponent } from \"vue\";\nexport default /*#__PURE__*/ __MACROS_defineComponent({\r\n  name: \"me-message\",\r\n});\n</script>\n<template>\r\n  <div class=\"me-message\">\r\n    <el-dialog\r\n      v-model=\"visible\"\r\n      width=\"380\"\r\n      :show-close=\"false\"\r\n      :align-center=\"true\"\r\n      style=\"border-radius: 8px; padding: 0px\"\r\n      modal-class=\"me-message-modal-bg-blur\"\r\n      :close-on-click-modal=\"false\"\r\n      :close-on-press-escape=\"false\"\r\n      @close=\"cancelHandler\">\r\n      <template #header>\r\n        <div class=\"me-message-header\">\r\n          <span style=\"font-size: 18px; font-weight: 700; padding: 18px 24px 0px\">\r\n            <slot name=\"title\">\r\n              {{ title }}\r\n            </slot>\r\n          </span>\r\n        </div>\r\n      </template>\r\n\r\n      <el-scrollbar>\r\n        <div style=\"padding: 0 24px 24px; font-size: 14px; line-height: 24px\" class=\"me-message-body\" v-html=\"message\"></div>\r\n      </el-scrollbar>\r\n\r\n      <template #footer>\r\n        <div style=\"border-top: 1px solid #e6e6e6; width: 100%\"></div>\r\n        <div class=\"me-dialog-footer\" style=\"background: #f4f3f7; border-radius: 0px 0px 8px 8px; padding: 4px 12px 4px 12px\">\r\n          <slot name=\"me-message-footer\">\r\n            <div></div>\r\n            <div>\r\n              <el-button v-if=\"handler.cancel\" link style=\"margin: 2px 20px; padding: 18px; font-weight: 700\" @click=\"cancelHandler\"\r\n                >取消</el-button\r\n              >\r\n              <el-button\r\n                :type=\"type\"\r\n                @click=\"confirmHandler\"\r\n                :loading=\"loading\"\r\n                style=\"margin: 2px 0; padding: 18px; font-weight: 700\"\r\n                v-focus\r\n                >确定</el-button\r\n              >\r\n            </div>\r\n          </slot>\r\n        </div>\r\n      </template>\r\n    </el-dialog>\r\n  </div>\r\n</template>\r\n\r\n<script setup lang=\"ts\">\r\nimport { computed, ref } from \"vue\"\r\nimport { delegateBoolean } from \"./utils\"\r\n\r\nimport type { MessageProps, MessageEmits } from \"./message\"\r\nimport { ElDialog, ElButton, ElScrollbar } from \"element-plus\"\r\n\r\n\r\n\r\nconst emit = defineEmits<MessageEmits>()\r\nconst props = withDefaults(defineProps<MessageProps>(), {\r\n  data: {},\r\n  handler: () => ({ confirm: () => true, cancel: () => true }),\r\n})\r\nconsole.log(\"🚀 ~ props:\", props)\r\n\r\ndefineExpose({\r\n  close: () => {\r\n    visible.value = false\r\n    emit(\"closed\")\r\n  },\r\n})\r\n\r\nconst visible = ref(true)\r\n\r\n// const data: any = defineModel(\"data\", {})\r\nconst data: any = props.data\r\n\r\nconst state = ref(\"normal\")\r\nconst title = computed(() => {\r\n  switch (state.value) {\r\n    case \"normal\":\r\n      return data.normal?.title\r\n    case \"process\":\r\n      return data.process?.title ? data.process.title : data.normal.title\r\n  }\r\n})\r\nconst message = computed(() => {\r\n  switch (state.value) {\r\n    case \"normal\":\r\n      return data.normal?.message\r\n    case \"process\":\r\n      return data.process?.message ? data.process.message : data.normal.message\r\n  }\r\n})\r\nconst loading = computed(() => {\r\n  switch (state.value) {\r\n    case \"normal\":\r\n      return data.normal?.loading\r\n    case \"process\":\r\n      return data.process?.loading ? data.process.loading : data.normal.loading\r\n  }\r\n})\r\nconst type = computed(() => {\r\n  switch (state.value) {\r\n    case \"normal\":\r\n      return data.normal?.type\r\n    case \"process\":\r\n      return data.process?.type ? data.process.type : data.normal.type\r\n  }\r\n})\r\n\r\n/**\r\n * 取消\r\n */\r\nconst cancelHandler = async () => {\r\n  let result = true\r\n  if (result && props.handler.cancel) {\r\n    delegateBoolean(props.handler.cancel, (res: boolean) => {\r\n      result = res\r\n      if (result) {\r\n        visible.value = false\r\n        emit(\"closed\")\r\n      } else {\r\n        state.value = \"normal\"\r\n      }\r\n    })\r\n  } else {\r\n    visible.value = false\r\n    emit(\"closed\")\r\n  }\r\n}\r\n\r\n/**\r\n * 点击了确定按钮\r\n */\r\nconst confirmHandler = async () => {\r\n  state.value = \"process\"\r\n\r\n  let result: any = true\r\n\r\n  // result = await httpHandler()\r\n  // result = props.handler.confirm?.(responseData)\r\n  // if (result) {\r\n  //   visible.value = false\r\n  //   emit(\"closed\")\r\n  // } else {\r\n  //   state.value = \"normal\"\r\n  // }\r\n  if (data.request) {\r\n    result = await httpHandler()\r\n  }\r\n\r\n  if (result && props.handler.confirm) {\r\n    delegateBoolean(props.handler.confirm, (res: boolean) => {\r\n      result = res\r\n      if (result) {\r\n        visible.value = false\r\n        emit(\"closed\")\r\n      } else {\r\n        state.value = \"normal\"\r\n      }\r\n    })\r\n  } else {\r\n    visible.value = false\r\n    emit(\"closed\")\r\n  }\r\n}\r\n\r\nlet responseData: any = null\r\n\r\n/**\r\n * 网络请求\r\n */\r\nconst httpHandler = () => {\r\n  responseData = null\r\n  if (data.request) {\r\n    return new Promise(function (resolve, reject) {\r\n      if (data.request.api) {\r\n        data.request\r\n          .api(data.request.data)\r\n          .then((res: any) => {\r\n            responseData = res\r\n            resolve(true)\r\n          })\r\n          .catch(() => {\r\n            // reject(false)\r\n            resolve(true)\r\n          })\r\n      } else {\r\n        if (props.request) {\r\n          props\r\n            ?.request(data.request)\r\n            .then((res: any) => {\r\n              responseData = res\r\n              resolve(true)\r\n            })\r\n            .catch(() => {\r\n              // reject(false)\r\n              resolve(true)\r\n            })\r\n        }\r\n      }\r\n    })\r\n  } else {\r\n    return true\r\n  }\r\n}\r\n</script>\r\n"],"names":["__MACROS_defineComponent","_openBlock","_createElementBlock","_createVNode","_unref","_createElementVNode","_renderSlot","_createBlock"],"mappings":"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"}

package/es/message/src/utils.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"utils.mjs","sources":["../../../src/message/src/utils.ts"],"sourcesContent":["/**\n * 委托方法 - 返回布尔值\n * @param fn\n * @param callback\n */\nexport const delegateBoolean = (fn: Function, callback: Function) => {\n  let promise = fn();\n  let result = false;\n\n  if (promise instanceof Promise) {\n    promise\n      .then((res) => {\n        result = true;\n      })\n      .catch((err) => {\n        result = false;\n      })\n      .finally(() => {\n        if (callback) {\n          callback(result);\n        }\n      });\n  } else {\n    result = promise;\n    if (callback) {\n      callback(result);\n    }\n  }\n};"],"names":[],"mappings":";AAKO,MAAM,eAAA,GAAkB,CAAC,EAAA,EAAc,QAAA,KAAuB;AACnE,EAAA,IAAI,UAAU,EAAA,EAAG;AACjB,EAAA,IAAI,MAAA,GAAS,KAAA;AAEb,EAAA,IAAI,mBAAmB,OAAA,EAAS;AAC9B,IAAA,OAAA,CACG,IAAA,CAAK,CAAC,GAAA,KAAQ;AACb,MAAA,MAAA,GAAS,IAAA;AAAA,IACX,CAAC,CAAA,CACA,KAAA,CAAM,CAAC,GAAA,KAAQ;AACd,MAAA,MAAA,GAAS,KAAA;AAAA,IACX,CAAC,CAAA,CACA,OAAA,CAAQ,MAAM;AACb,MAAA,IAAI,QAAA,EAAU;AACZ,QAAA,QAAA,CAAS,MAAM,CAAA;AAAA,MACjB;AAAA,IACF,CAAC,CAAA;AAAA,EACL,CAAA,MAAO;AACL,IAAA,MAAA,GAAS,OAAA;AACT,IAAA,IAAI,QAAA,EAAU;AACZ,MAAA,QAAA,CAAS,MAAM,CAAA;AAAA,IACjB;AAAA,EACF;AACF;;;;"}
+{"version":3,"file":"utils.mjs","sources":["../../../src/message/src/utils.ts"],"sourcesContent":["/**\r\n * 委托方法 - 返回布尔值\r\n * @param fn\r\n * @param callback\r\n */\r\nexport const delegateBoolean = (fn: Function, callback: Function) => {\r\n  let promise = fn();\r\n  let result = false;\r\n\r\n  if (promise instanceof Promise) {\r\n    promise\r\n      .then((res) => {\r\n        result = true;\r\n      })\r\n      .catch((err) => {\r\n        result = false;\r\n      })\r\n      .finally(() => {\r\n        if (callback) {\r\n          callback(result);\r\n        }\r\n      });\r\n  } else {\r\n    result = promise;\r\n    if (callback) {\r\n      callback(result);\r\n    }\r\n  }\r\n};"],"names":[],"mappings":";AAKO,MAAM,eAAA,GAAkB,CAAC,EAAA,EAAc,QAAA,KAAuB;AACnE,EAAA,IAAI,UAAU,EAAA,EAAG;AACjB,EAAA,IAAI,MAAA,GAAS,KAAA;AAEb,EAAA,IAAI,mBAAmB,OAAA,EAAS;AAC9B,IAAA,OAAA,CACG,IAAA,CAAK,CAAC,GAAA,KAAQ;AACb,MAAA,MAAA,GAAS,IAAA;AAAA,IACX,CAAC,CAAA,CACA,KAAA,CAAM,CAAC,GAAA,KAAQ;AACd,MAAA,MAAA,GAAS,KAAA;AAAA,IACX,CAAC,CAAA,CACA,OAAA,CAAQ,MAAM;AACb,MAAA,IAAI,QAAA,EAAU;AACZ,QAAA,QAAA,CAAS,MAAM,CAAA;AAAA,MACjB;AAAA,IACF,CAAC,CAAA;AAAA,EACL,CAAA,MAAO;AACL,IAAA,MAAA,GAAS,OAAA;AACT,IAAA,IAAI,QAAA,EAAU;AACZ,MAAA,QAAA,CAAS,MAAM,CAAA;AAAA,IACjB;AAAA,EACF;AACF;;;;"}

package/es/message/style/index.scss

@@ -1,28 +1,28 @@
-.me-message {
-  .me-message-header {
-    display: flex;
-    flex-direction: row;
-    justify-content: space-between;
-  }
-
-  .me-message-footer {
-    display: flex;
-    flex-direction: row;
-    justify-content: space-between;
-  }
-
-  //内容的上下边距
-  .el-dialog__header {
-    padding-bottom: var(--el-dialog-padding-primary);
-  }
-
-  .el-dialog {
-    padding: 0px !important;
-
-    .el-dialog__footer {
-      padding-top: 0px !important;
-      text-align: right;
-      box-sizing: border-box;
-    }
-  }
-}
+.me-message {
+  .me-message-header {
+    display: flex;
+    flex-direction: row;
+    justify-content: space-between;
+  }
+
+  .me-message-footer {
+    display: flex;
+    flex-direction: row;
+    justify-content: space-between;
+  }
+
+  //内容的上下边距
+  .el-dialog__header {
+    padding-bottom: var(--el-dialog-padding-primary);
+  }
+
+  .el-dialog {
+    padding: 0px !important;
+
+    .el-dialog__footer {
+      padding-top: 0px !important;
+      text-align: right;
+      box-sizing: border-box;
+    }
+  }
+}

package/es/more-dropdown/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../src/more-dropdown/index.ts"],"sourcesContent":["import { withInstall } from \"../utils/install\";\nimport MoreDropdown from \"./src/more-dropdown.vue\";\n\nexport const MeMoreDropdown = withInstall(MoreDropdown);\nexport default MeMoreDropdown;\n\nexport * from \"./src/more-dropdown\";\nexport type { MoreDropdownInstance } from './src/instance'\n"],"names":["MoreDropdown"],"mappings":";;;;;;AAGO,MAAM,cAAA,GAAiB,YAAYA,MAAY;;;;"}
+{"version":3,"file":"index.mjs","sources":["../../src/more-dropdown/index.ts"],"sourcesContent":["import { withInstall } from \"../utils/install\";\r\nimport MoreDropdown from \"./src/more-dropdown.vue\";\r\n\r\nexport const MeMoreDropdown = withInstall(MoreDropdown);\r\nexport default MeMoreDropdown;\r\n\r\nexport * from \"./src/more-dropdown\";\r\nexport type { MoreDropdownInstance } from './src/instance'\r\n"],"names":["MoreDropdown"],"mappings":";;;;;;AAGO,MAAM,cAAA,GAAiB,YAAYA,MAAY;;;;"}

package/es/more-dropdown/src/more-dropdown.vue2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"more-dropdown.vue2.mjs","sources":["../../../src/more-dropdown/src/more-dropdown.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as __MACROS_defineComponent } from \"vue\";\nexport default /*#__PURE__*/ __MACROS_defineComponent({\n  name: \"me-more-dropdown\",\n});\n</script>\n<template>\n  <div class=\"me-more-dropdown\">\n    <el-dropdown :hide-on-click=\"true\" :placement=\"placement\" trigger=\"click\" v-bind=\"$attrs\" :style=\"style\">\n      <div style=\"cursor: pointer; height: fit-content\">\n        <slot>\n          <div :style=\"buttonStyle\" :class=\"{ transition: !disableTransitions }\" class=\"button flex-center\">\n            <me-svg-icon class=\"icon\" :name=\"menuIcon\" />\n          </div>\n        </slot>\n      </div>\n      <template #dropdown>\n        <el-dropdown-menu>\n          <template v-for=\"(item, index) in data\" :key=\"index\">\n            <el-dropdown-item\n              v-if=\"!item.hidden\"\n              :divided=\"item.divided\"\n              :disabled=\"item.disabled\"\n              @click=\"onClick($event, item)\"\n              :style=\"{ color: item.label === activeLabel ? 'var(--el-color-primary)' : '' }\">\n              {{ item.label }}\n            </el-dropdown-item>\n          </template>\n        </el-dropdown-menu>\n      </template>\n    </el-dropdown>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport { useRouter } from \"vue-router\"\nimport type { MoreDropdownProps, DropdownItem } from \"./more-dropdown\"\nimport { ElDropdown, ElDropdownItem, ElDropdownMenu } from \"element-plus\";\nimport { MeSvgIcon } from \"../../svg-icon\";\n\n\n\nconst props = withDefaults(defineProps<MoreDropdownProps>(), {\n  data: () => [],\n  menuIcon: \"ri-more-2-line\",\n  placement: \"bottom-end\",\n  disableTransitions: false,\n})\n\nconst router = useRouter()\n\nconst onClick = (e: Event, item: DropdownItem) => {\n  const { toPath, onClick } = item\n  if (onClick) onClick(e)\n  if (toPath && router) router.push(toPath)\n}\n</script>\n"],"names":["__MACROS_defineComponent","onClick","_openBlock","_createElementBlock","_createVNode","_unref","_mergeProps","$attrs","_Fragment","_renderList","_createBlock","_normalizeStyle","_createTextVNode","_toDisplayString","_createElementVNode","_renderSlot","_normalizeClass"],"mappings":";;;;;;;;AAEA,MAAA,cAA6BA,eAAA,CAAyB;AAAA,EACpD,IAAA,EAAM;AACR,CAAC,CAAA;;;;;;;;;;;;;AAsCD,IAAA,MAAM,KAAA,GAAQ,OAAA;AAOd,IAAA,MAAM,SAAS,SAAA,EAAU;AAEzB,IAAA,MAAM,OAAA,GAAU,CAAC,CAAA,EAAU,IAAA,KAAuB;AAChD,MAAA,MAAM,EAAE,MAAA,EAAQ,OAAA,EAAAC,QAAAA,EAAQ,GAAI,IAAA;AAC5B,MAAA,IAAIA,QAAAA,EAASA,QAAAA,CAAQ,CAAC,CAAA;AACtB,MAAA,IAAI,MAAA,IAAU,MAAA,EAAQ,MAAA,CAAO,IAAA,CAAK,MAAM,CAAA;AAAA,IAC1C,CAAA;;AAhDE,MAAA,OAAAC,SAAA,EAAA,EAAAC,kBAAA,CAwBM,KAAA,EAxBN,UAAA,EAwBM;AAAA,QAvBJC,WAAA,CAsBcC,KAAA,cAtBdC,UAAA,CAsBc;AAAA,UAtBA,eAAA,EAAe,IAAA;AAAA,UAAO,WAAW,OAAA,CAAA,SAAA;AAAA,UAAW,OAAA,EAAQ;AAAA,WAAgBC,KAAAA,MAAAA,EAAM,EAAG,OAAO,OAAA,CAAA,KAAA,EAAK,CAAA,EAAA;AAAA,UAQ1F,QAAA,UACT,MAWmB;AAAA,YAXnBH,WAAA,CAWmBC,KAAA,CAAA,cAAA,CAAA,EAAA,IAAA,EAAA;AAAA,+BAVP,MAA6B;AAAA,iBAAvCH,SAAA,CAAA,IAAA,CAAA,EAAAC,kBAAA;AAAA,kBASWK,QAAA;AAAA,kBAAA,IAAA;AAAA,kBAAAC,UAAA,CATuB,OAAA,CAAA,IAAA,EAAI,CAApB,MAAM,KAAA,KAAK;;;6BAAiB,KAAA,EAAK;AAAA,sBAAA;AAAA,wBAExC,CAAA,KAAK,MAAA,iBADdC,WAAA,CAOmBL,KAAA,CAAA,cAAA,CAAA,EAAA;AAAA;0BALhB,SAAS,IAAA,CAAK,OAAA;AAAA,0BACd,UAAU,IAAA,CAAK,QAAA;AAAA,0BACf,OAAA,EAAK,CAAA,MAAA,KAAE,OAAA,CAAQ,QAAQ,IAAI,CAAA;AAAA,0BAC3B,KAAA,EAAKM,cAAA,CAAA,EAAA,KAAA,EAAW,IAAA,CAAK,UAAU,OAAA,CAAA,WAAA,GAAW,yBAAA,GAAA,EAAA,EAAA;AAAA;2CAC3C,MAAgB;AAAA,4BAAbC,eAAA;AAAA,8BAAAC,eAAA,CAAA,KAAK,KAAK,CAAA;AAAA,8BAAA;AAAA;AAAA;AAAA;;;;;;;;;;;;;;;;;2BAhBrB,MAMM;AAAA,YANNC,kBAAA,CAMM,OANN,UAAA,EAMM;AAAA,cALJC,WAIO,IAAA,wBAJP,MAIO;AAAA,gBAHLD,kBAAA;AAAA,kBAEM,KAAA;AAAA,kBAAA;AAAA,oBAFA,KAAA,iBAAO,OAAA,CAAA,WAAW,CAAA;AAAA,oBAAG,KAAA,EAAKE,cAAA,CAAA,CAAA,EAAA,UAAA,EAAA,CAAiB,OAAA,CAAA,kBAAA,EAAkB,EAAU,oBAAoB,CAAA;AAAA;;oBAC/FZ,WAAA,CAA6CC,KAAA,CAAA,SAAA,CAAA,EAAA;AAAA,sBAAhC,KAAA,EAAM,MAAA;AAAA,sBAAQ,MAAM,OAAA,CAAA;AAAA;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"more-dropdown.vue2.mjs","sources":["../../../src/more-dropdown/src/more-dropdown.vue"],"sourcesContent":["<script lang=\"ts\">\nimport { defineComponent as __MACROS_defineComponent } from \"vue\";\nexport default /*#__PURE__*/ __MACROS_defineComponent({\r\n  name: \"me-more-dropdown\",\r\n});\n</script>\n<template>\r\n  <div class=\"me-more-dropdown\">\r\n    <el-dropdown :hide-on-click=\"true\" :placement=\"placement\" trigger=\"click\" v-bind=\"$attrs\" :style=\"style\">\r\n      <div style=\"cursor: pointer; height: fit-content\">\r\n        <slot>\r\n          <div :style=\"buttonStyle\" :class=\"{ transition: !disableTransitions }\" class=\"button flex-center\">\r\n            <me-svg-icon class=\"icon\" :name=\"menuIcon\" />\r\n          </div>\r\n        </slot>\r\n      </div>\r\n      <template #dropdown>\r\n        <el-dropdown-menu>\r\n          <template v-for=\"(item, index) in data\" :key=\"index\">\r\n            <el-dropdown-item\r\n              v-if=\"!item.hidden\"\r\n              :divided=\"item.divided\"\r\n              :disabled=\"item.disabled\"\r\n              @click=\"onClick($event, item)\"\r\n              :style=\"{ color: item.label === activeLabel ? 'var(--el-color-primary)' : '' }\">\r\n              {{ item.label }}\r\n            </el-dropdown-item>\r\n          </template>\r\n        </el-dropdown-menu>\r\n      </template>\r\n    </el-dropdown>\r\n  </div>\r\n</template>\r\n\r\n<script lang=\"ts\" setup>\r\nimport { useRouter } from \"vue-router\"\r\nimport type { MoreDropdownProps, DropdownItem } from \"./more-dropdown\"\r\nimport { ElDropdown, ElDropdownItem, ElDropdownMenu } from \"element-plus\";\r\nimport { MeSvgIcon } from \"../../svg-icon\";\r\n\r\n\r\n\r\nconst props = withDefaults(defineProps<MoreDropdownProps>(), {\r\n  data: () => [],\r\n  menuIcon: \"ri-more-2-line\",\r\n  placement: \"bottom-end\",\r\n  disableTransitions: false,\r\n})\r\n\r\nconst router = useRouter()\r\n\r\nconst onClick = (e: Event, item: DropdownItem) => {\r\n  const { toPath, onClick } = item\r\n  if (onClick) onClick(e)\r\n  if (toPath && router) router.push(toPath)\r\n}\r\n</script>\r\n"],"names":["__MACROS_defineComponent","onClick","_openBlock","_createElementBlock","_createVNode","_unref","_mergeProps","$attrs","_Fragment","_renderList","_createBlock","_normalizeStyle","_createTextVNode","_toDisplayString","_createElementVNode","_renderSlot","_normalizeClass"],"mappings":";;;;;;;;AAEA,MAAA,cAA6BA,eAAA,CAAyB;AAAA,EACpD,IAAA,EAAM;AACR,CAAC,CAAA;;;;;;;;;;;;;AAsCD,IAAA,MAAM,KAAA,GAAQ,OAAA;AAOd,IAAA,MAAM,SAAS,SAAA,EAAU;AAEzB,IAAA,MAAM,OAAA,GAAU,CAAC,CAAA,EAAU,IAAA,KAAuB;AAChD,MAAA,MAAM,EAAE,MAAA,EAAQ,OAAA,EAAAC,QAAAA,EAAQ,GAAI,IAAA;AAC5B,MAAA,IAAIA,QAAAA,EAASA,QAAAA,CAAQ,CAAC,CAAA;AACtB,MAAA,IAAI,MAAA,IAAU,MAAA,EAAQ,MAAA,CAAO,IAAA,CAAK,MAAM,CAAA;AAAA,IAC1C,CAAA;;AAhDE,MAAA,OAAAC,SAAA,EAAA,EAAAC,kBAAA,CAwBM,KAAA,EAxBN,UAAA,EAwBM;AAAA,QAvBJC,WAAA,CAsBcC,KAAA,cAtBdC,UAAA,CAsBc;AAAA,UAtBA,eAAA,EAAe,IAAA;AAAA,UAAO,WAAW,OAAA,CAAA,SAAA;AAAA,UAAW,OAAA,EAAQ;AAAA,WAAgBC,KAAAA,MAAAA,EAAM,EAAG,OAAO,OAAA,CAAA,KAAA,EAAK,CAAA,EAAA;AAAA,UAQ1F,QAAA,UACT,MAWmB;AAAA,YAXnBH,WAAA,CAWmBC,KAAA,CAAA,cAAA,CAAA,EAAA,IAAA,EAAA;AAAA,+BAVP,MAA6B;AAAA,iBAAvCH,SAAA,CAAA,IAAA,CAAA,EAAAC,kBAAA;AAAA,kBASWK,QAAA;AAAA,kBAAA,IAAA;AAAA,kBAAAC,UAAA,CATuB,OAAA,CAAA,IAAA,EAAI,CAApB,MAAM,KAAA,KAAK;;;6BAAiB,KAAA,EAAK;AAAA,sBAAA;AAAA,wBAExC,CAAA,KAAK,MAAA,iBADdC,WAAA,CAOmBL,KAAA,CAAA,cAAA,CAAA,EAAA;AAAA;0BALhB,SAAS,IAAA,CAAK,OAAA;AAAA,0BACd,UAAU,IAAA,CAAK,QAAA;AAAA,0BACf,OAAA,EAAK,CAAA,MAAA,KAAE,OAAA,CAAQ,QAAQ,IAAI,CAAA;AAAA,0BAC3B,KAAA,EAAKM,cAAA,CAAA,EAAA,KAAA,EAAW,IAAA,CAAK,UAAU,OAAA,CAAA,WAAA,GAAW,yBAAA,GAAA,EAAA,EAAA;AAAA;2CAC3C,MAAgB;AAAA,4BAAbC,eAAA;AAAA,8BAAAC,eAAA,CAAA,KAAK,KAAK,CAAA;AAAA,8BAAA;AAAA;AAAA;AAAA;;;;;;;;;;;;;;;;;2BAhBrB,MAMM;AAAA,YANNC,kBAAA,CAMM,OANN,UAAA,EAMM;AAAA,cALJC,WAIO,IAAA,wBAJP,MAIO;AAAA,gBAHLD,kBAAA;AAAA,kBAEM,KAAA;AAAA,kBAAA;AAAA,oBAFA,KAAA,iBAAO,OAAA,CAAA,WAAW,CAAA;AAAA,oBAAG,KAAA,EAAKE,cAAA,CAAA,CAAA,EAAA,UAAA,EAAA,CAAiB,OAAA,CAAA,kBAAA,EAAkB,EAAU,oBAAoB,CAAA;AAAA;;oBAC/FZ,WAAA,CAA6CC,KAAA,CAAA,SAAA,CAAA,EAAA;AAAA,sBAAhC,KAAA,EAAM,MAAA;AAAA,sBAAQ,MAAM,OAAA,CAAA;AAAA;;;;;;;;;;;;;;;;;;"}

package/es/more-dropdown/style/index.scss

@@ -1,42 +1,42 @@
-.me-more-dropdown {
-  .button {
-    position: relative;
-    width: 38px;
-    height: 38px;
-    border-radius: 50%;
-    overflow: hidden;
-    cursor: pointer;
-    .icon {
-      position: relative;
-    }
-  }
-  .button.transition {
-    &::before {
-      position: absolute;
-      content: "";
-      top: 0;
-      left: 0;
-      height: 100%;
-      width: 100%;
-      background: #f7f7f7;
-      transition: all 0.3s;
-      transform: scale(0);
-    }
-    &:hover {
-      &::before {
-        transform: scale(1);
-        border-radius: 50%;
-      }
-    }
-  }
-
-  :deep(.dropdown-menu__item) {
-    color: var(--el-color-primary);
-  }
-}
-
-.flex-center {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
+.me-more-dropdown {
+  .button {
+    position: relative;
+    width: 38px;
+    height: 38px;
+    border-radius: 50%;
+    overflow: hidden;
+    cursor: pointer;
+    .icon {
+      position: relative;
+    }
+  }
+  .button.transition {
+    &::before {
+      position: absolute;
+      content: "";
+      top: 0;
+      left: 0;
+      height: 100%;
+      width: 100%;
+      background: #f7f7f7;
+      transition: all 0.3s;
+      transform: scale(0);
+    }
+    &:hover {
+      &::before {
+        transform: scale(1);
+        border-radius: 50%;
+      }
+    }
+  }
+
+  :deep(.dropdown-menu__item) {
+    color: var(--el-color-primary);
+  }
+}
+
+.flex-center {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}

package/es/nav/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../src/nav/index.ts"],"sourcesContent":["import { withInstall } from \"../utils/install\";\nimport Nav from \"./src/nav.vue\";\n\nexport const MeNav = withInstall(Nav);\nexport default MeNav;\n\nexport * from \"./src/nav\";\nexport type { NavInstance } from './src/instance'\n"],"names":["Nav"],"mappings":";;;;;;AAGO,MAAM,KAAA,GAAQ,YAAYA,MAAG;;;;"}
+{"version":3,"file":"index.mjs","sources":["../../src/nav/index.ts"],"sourcesContent":["import { withInstall } from \"../utils/install\";\r\nimport Nav from \"./src/nav.vue\";\r\n\r\nexport const MeNav = withInstall(Nav);\r\nexport default MeNav;\r\n\r\nexport * from \"./src/nav\";\r\nexport type { NavInstance } from './src/instance'\r\n"],"names":["Nav"],"mappings":";;;;;;AAGO,MAAM,KAAA,GAAQ,YAAYA,MAAG;;;;"}

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

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

@@ -1,132 +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;
-    }
-  }
-}
+.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;
+    }
+  }
+}