yuang-framework-ui-pc 1.1.45 → 1.1.46

package/es/yu-test/style/index.scss

@@ -0,0 +1,100 @@
+@use '../../style/themes/default.scss' as *;
+@use '../../style/util.scss' as *;
+@use './css-var.scss' as *;
+
+@include set-text-var($ele);
+
+.yu-test {
+  color: elVar('text-color', 'regular');
+  font-size: elVar('font-size', 'base');
+  box-sizing: border-box;
+
+  /* 类型 */
+  &.is-heading {
+    color: elVar('text-color', 'primary');
+    font-weight: eleVar('text', 'heading-weight');
+  }
+
+  &.is-secondary {
+    color: elVar('text-color', 'secondary');
+  }
+
+  &.is-placeholder {
+    color: elVar('text-color', 'placeholder');
+  }
+
+  &.is-primary {
+    color: elVar('color-primary');
+  }
+
+  &.is-success {
+    color: elVar('color-success');
+  }
+
+  &.is-warning {
+    color: elVar('color-warning');
+  }
+
+  &.is-danger {
+    color: elVar('color-danger');
+  }
+
+  &.is-info {
+    color: elVar('color-info');
+  }
+
+  /* 尺寸 */
+  &.is-xs {
+    font-size: elVar('font-size', 'extra-small');
+  }
+
+  &.is-sm {
+    font-size: elVar('font-size', 'small');
+  }
+
+  &.is-md {
+    font-size: elVar('font-size', 'medium');
+  }
+
+  &.is-lg {
+    font-size: elVar('font-size', 'large');
+  }
+
+  &.is-xl {
+    font-size: elVar('font-size', 'extra-large');
+  }
+
+  &.is-xxl {
+    font-size: eleVar('text', 'xxl');
+  }
+
+  &.is-xxxl {
+    font-size: eleVar('text', 'xxxl');
+  }
+
+  /* 其它 */
+  &.is-delete {
+    text-decoration: line-through;
+  }
+
+  &.is-underline {
+    text-decoration: underline;
+
+    &.is-delete {
+      text-decoration: line-through underline;
+    }
+  }
+
+  &.is-strong {
+    font-weight: bold;
+  }
+
+  &.is-italic {
+    font-style: italic;
+  }
+
+  /* 图标 */
+  &.is-icon > .el-icon {
+    vertical-align: -2px;
+  }
+}

package/lib/components.cjs

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const coreComponents = require("./core-components");
+const index = require("./ele-bar-code/index");
+const index$1 = require("./ele-count-up/index");
+const index$2 = require("./ele-cropper/index");
+const index$3 = require("./ele-cropper-modal/index");
+const index$4 = require("./ele-map-picker/index");
+const index$5 = require("./ele-xg-player/index");
+exports.EleBarCode = index;
+exports.EleCountUp = index$1;
+exports.EleCropper = index$2;
+exports.EleCropperModal = index$3;
+exports.EleMapPicker = index$4;
+exports.EleXgPlayer = index$5;
+Object.keys(coreComponents).forEach((k) => {
+  if (k !== "default" && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+    enumerable: true,
+    get: () => coreComponents[k]
+  });
+});

package/lib/components.d.ts

@@ -0,0 +1,7 @@
+export * from './core-components';
+export { default as EleBarCode } from './ele-bar-code/index';
+export { default as EleCountUp } from './ele-count-up/index';
+export { default as EleCropper } from './ele-cropper/index';
+export { default as EleCropperModal } from './ele-cropper-modal/index';
+export { default as EleMapPicker } from './ele-map-picker/index';
+export { default as EleXgPlayer } from './ele-xg-player/index';

package/lib/core-components.cjs

@@ -0,0 +1,116 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const index = require("./ele-admin-layout/index");
+const index$1 = require("./ele-alert/index");
+const index$2 = require("./ele-app/index");
+const index$3 = require("./ele-avatar-group/index");
+const index$4 = require("./ele-backtop/index");
+const index$5 = require("./ele-basic-select/index");
+const index$6 = require("./ele-bottom-bar/index");
+const index$7 = require("./ele-breadcrumb/index");
+const index$8 = require("./ele-card/index");
+const index$9 = require("./ele-check-card/index");
+const index$a = require("./ele-config-provider/index");
+const index$b = require("./ele-copyable/index");
+const index$c = require("./ele-dashboard/index");
+const index$d = require("./ele-data-table/index");
+const index$e = require("./ele-dot/index");
+const index$f = require("./ele-drawer/index");
+const index$g = require("./ele-dropdown/index");
+const index$h = require("./ele-edit-tag/index");
+const index$i = require("./ele-ellipsis/index");
+const index$j = require("./ele-file-list/index");
+const index$k = require("./ele-file-list-tool/index");
+const index$l = require("./ele-icon-select/index");
+const index$m = require("./ele-image-viewer/index");
+const index$n = require("./ele-loading/index");
+const index$o = require("./ele-menus/index");
+const index$p = require("./ele-dialog/index");
+const index$q = require("./ele-page/index");
+const index$r = require("./ele-pagination/index");
+const index$s = require("./ele-popconfirm/index");
+const index$t = require("./ele-popover/index");
+const index$u = require("./ele-printer/index");
+const index$v = require("./ele-pro-layout/index");
+const index$w = require("./ele-pro-table/index");
+const index$x = require("./ele-qr-code/index");
+const index$y = require("./ele-qr-code-svg/index");
+const index$z = require("./ele-segmented/index");
+const index$A = require("./ele-split-panel/index");
+const index$B = require("./ele-steps/index");
+const index$C = require("./ele-tabs/index");
+const index$D = require("./ele-tab-tool/index");
+const index$E = require("./ele-tab-wrap/index");
+const index$F = require("./ele-table/index");
+const index$G = require("./ele-table-select/index");
+const index$H = require("./ele-text/index");
+const index$I = require("./ele-tool/index");
+const index$J = require("./ele-toolbar/index");
+const index$K = require("./ele-tooltip/index");
+const index$L = require("./ele-tour/index");
+const index$M = require("./ele-tree-select/index");
+const index$N = require("./ele-upload-list/index");
+const index$O = require("./ele-virtual-table/index");
+const index$P = require("./ele-watermark/index");
+const index$Q = require("./ele-test/index");
+const index$R = require("./yu-test/index");
+const index$S = require("./yu-framework-slider-captcha-dialog/index");
+const index$T = require("./yu-framework-attachment-file-upload/index");
+const index$U = require("./yu-framework-attachment-image-upload/index");
+exports.EleAdminLayout = index;
+exports.EleAlert = index$1;
+exports.EleApp = index$2;
+exports.EleAvatarGroup = index$3;
+exports.EleBacktop = index$4;
+exports.EleBasicSelect = index$5;
+exports.EleBottomBar = index$6;
+exports.EleBreadcrumb = index$7;
+exports.EleCard = index$8;
+exports.EleCheckCard = index$9;
+exports.EleConfigProvider = index$a;
+exports.EleCopyable = index$b;
+exports.EleDashboard = index$c;
+exports.EleDataTable = index$d;
+exports.EleDot = index$e;
+exports.EleDrawer = index$f;
+exports.EleDropdown = index$g;
+exports.EleEditTag = index$h;
+exports.EleEllipsis = index$i;
+exports.EleFileList = index$j;
+exports.EleFileListTool = index$k;
+exports.EleIconSelect = index$l;
+exports.EleImageViewer = index$m;
+exports.EleLoading = index$n;
+exports.EleMenus = index$o;
+exports.EleDialog = index$p;
+exports.ElePage = index$q;
+exports.ElePagination = index$r;
+exports.ElePopconfirm = index$s;
+exports.ElePopover = index$t;
+exports.ElePrinter = index$u;
+exports.EleProLayout = index$v;
+exports.EleProTable = index$w;
+exports.EleQrCode = index$x;
+exports.EleQrCodeSvg = index$y;
+exports.EleSegmented = index$z;
+exports.EleSplitPanel = index$A;
+exports.EleSteps = index$B;
+exports.EleTabs = index$C;
+exports.EleTabTool = index$D;
+exports.EleTabWrap = index$E;
+exports.EleTable = index$F;
+exports.EleTableSelect = index$G;
+exports.EleText = index$H;
+exports.EleTool = index$I;
+exports.EleToolbar = index$J;
+exports.EleTooltip = index$K;
+exports.EleTour = index$L;
+exports.EleTreeSelect = index$M;
+exports.EleUploadList = index$N;
+exports.EleVirtualTable = index$O;
+exports.EleWatermark = index$P;
+exports.EleTest = index$Q;
+exports.YuTest = index$R;
+exports.YuFramworkSliderCaptchaDialog = index$S;
+exports.YuFramworkAttachmentFileUpload = index$T;
+exports.YuFramworkAttachmentImageUpload = index$U;

package/lib/core-components.d.ts

@@ -0,0 +1,57 @@
+export { default as EleAdminLayout } from './ele-admin-layout/index';
+export { default as EleAlert } from './ele-alert/index';
+export { default as EleApp } from './ele-app/index';
+export { default as EleAvatarGroup } from './ele-avatar-group/index';
+export { default as EleBacktop } from './ele-backtop/index';
+export { default as EleBasicSelect } from './ele-basic-select/index';
+export { default as EleBottomBar } from './ele-bottom-bar/index';
+export { default as EleBreadcrumb } from './ele-breadcrumb/index';
+export { default as EleCard } from './ele-card/index';
+export { default as EleCheckCard } from './ele-check-card/index';
+export { default as EleConfigProvider } from './ele-config-provider/index';
+export { default as EleCopyable } from './ele-copyable/index';
+export { default as EleDashboard } from './ele-dashboard/index';
+export { default as EleDataTable } from './ele-data-table/index';
+export { default as EleDot } from './ele-dot/index';
+export { default as EleDrawer } from './ele-drawer/index';
+export { default as EleDropdown } from './ele-dropdown/index';
+export { default as EleEditTag } from './ele-edit-tag/index';
+export { default as EleEllipsis } from './ele-ellipsis/index';
+export { default as EleFileList } from './ele-file-list/index';
+export { default as EleFileListTool } from './ele-file-list-tool/index';
+export { default as EleIconSelect } from './ele-icon-select/index';
+export { default as EleImageViewer } from './ele-image-viewer/index';
+export { default as EleLoading } from './ele-loading/index';
+export { default as EleMenus } from './ele-menus/index';
+export { default as EleDialog } from './ele-dialog/index';
+export { default as ElePage } from './ele-page/index';
+export { default as ElePagination } from './ele-pagination/index';
+export { default as ElePopconfirm } from './ele-popconfirm/index';
+export { default as ElePopover } from './ele-popover/index';
+export { default as ElePrinter } from './ele-printer/index';
+export { default as EleProLayout } from './ele-pro-layout/index';
+export { default as EleProTable } from './ele-pro-table/index';
+export { default as EleQrCode } from './ele-qr-code/index';
+export { default as EleQrCodeSvg } from './ele-qr-code-svg/index';
+export { default as EleSegmented } from './ele-segmented/index';
+export { default as EleSplitPanel } from './ele-split-panel/index';
+export { default as EleSteps } from './ele-steps/index';
+export { default as EleTabs } from './ele-tabs/index';
+export { default as EleTabTool } from './ele-tab-tool/index';
+export { default as EleTabWrap } from './ele-tab-wrap/index';
+export { default as EleTable } from './ele-table/index';
+export { default as EleTableSelect } from './ele-table-select/index';
+export { default as EleText } from './ele-text/index';
+export { default as EleTool } from './ele-tool/index';
+export { default as EleToolbar } from './ele-toolbar/index';
+export { default as EleTooltip } from './ele-tooltip/index';
+export { default as EleTour } from './ele-tour/index';
+export { default as EleTreeSelect } from './ele-tree-select/index';
+export { default as EleUploadList } from './ele-upload-list/index';
+export { default as EleVirtualTable } from './ele-virtual-table/index';
+export { default as EleWatermark } from './ele-watermark/index';
+export { default as EleTest } from './ele-test/index';
+export { default as YuTest } from './yu-test/index';
+export { default as YuFramworkSliderCaptchaDialog } from './yu-framework-slider-captcha-dialog/index';
+export { default as YuFramworkAttachmentFileUpload } from './yu-framework-attachment-file-upload/index';
+export { default as YuFramworkAttachmentImageUpload } from './yu-framework-attachment-image-upload/index';

package/lib/core-export.cjs

@@ -0,0 +1,57 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const layoutTool = require("./ele-admin-layout/components/layout-tool");
+const tabDropdown = require("./ele-tab-wrap/components/tab-dropdown");
+const chartThemeDark = require("./utils/chart-theme-dark");
+const chartTheme = require("./utils/chart-theme");
+const core = require("./utils/core");
+const menuUtil = require("./utils/menu-util");
+const message = require("./utils/message");
+const messageBox = require("./utils/message-box");
+const validate = require("./utils/validate");
+exports.HeaderTool = layoutTool;
+exports.LayoutTool = layoutTool;
+exports.SidebarTool = layoutTool;
+exports.TabDropdown = tabDropdown;
+Object.keys(chartThemeDark).forEach((k) => {
+  if (k !== "default" && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+    enumerable: true,
+    get: () => chartThemeDark[k]
+  });
+});
+Object.keys(chartTheme).forEach((k) => {
+  if (k !== "default" && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+    enumerable: true,
+    get: () => chartTheme[k]
+  });
+});
+Object.keys(core).forEach((k) => {
+  if (k !== "default" && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+    enumerable: true,
+    get: () => core[k]
+  });
+});
+Object.keys(menuUtil).forEach((k) => {
+  if (k !== "default" && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+    enumerable: true,
+    get: () => menuUtil[k]
+  });
+});
+Object.keys(message).forEach((k) => {
+  if (k !== "default" && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+    enumerable: true,
+    get: () => message[k]
+  });
+});
+Object.keys(messageBox).forEach((k) => {
+  if (k !== "default" && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+    enumerable: true,
+    get: () => messageBox[k]
+  });
+});
+Object.keys(validate).forEach((k) => {
+  if (k !== "default" && !Object.prototype.hasOwnProperty.call(exports, k)) Object.defineProperty(exports, k, {
+    enumerable: true,
+    get: () => validate[k]
+  });
+});

package/lib/core-export.d.ts

@@ -0,0 +1,11 @@
+import { default as LayoutTool } from './ele-admin-layout/components/layout-tool';
+
+export { LayoutTool, LayoutTool as HeaderTool, LayoutTool as SidebarTool };
+export { default as TabDropdown } from './ele-tab-wrap/components/tab-dropdown';
+export * from './utils/chart-theme-dark';
+export * from './utils/chart-theme';
+export * from './utils/core';
+export * from './utils/menu-util';
+export * from './utils/message';
+export * from './utils/message-box';
+export * from './utils/validate';

package/lib/core-installer.cjs

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const components = require("./core-components");
+function _interopNamespaceDefault(e) {
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
+  if (e) {
+    for (const k in e) {
+      if (k !== "default") {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+const components__namespace = /* @__PURE__ */ _interopNamespaceDefault(components);
+const installer = {
+  install(app) {
+    Object.keys(components__namespace).forEach((key) => {
+      app.component(components__namespace[key].name, components__namespace[key]);
+    });
+  }
+};
+exports.installer = installer;

package/lib/core-installer.d.ts

@@ -0,0 +1,3 @@
+import { Plugin } from 'vue';
+
+export declare const installer: Plugin;

package/lib/core.d.ts

@@ -0,0 +1,3 @@
+export * from './core-components';
+export * from './core-export';
+export { installer as default } from './core-installer';

package/lib/ele-admin-layout/components/layout-skeleton.cjs

@@ -0,0 +1,46 @@
+"use strict";
+const vue = require("vue");
+const ReceiverView = require("../../ele-config-provider/components/receiver-view");
+const _sfc_main = vue.defineComponent({
+  name: "LayoutSkeleton",
+  components: { ReceiverView },
+  props: {
+    /** logo是否位于顶栏 */
+    isHeaderLogo: Boolean
+  }
+});
+const _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
+};
+const _hoisted_1 = { class: "ele-admin-body" };
+const _hoisted_2 = { class: "ele-admin-wrapper" };
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_ReceiverView = vue.resolveComponent("ReceiverView");
+  return vue.openBlock(), vue.createElementBlock("div", {
+    class: vue.normalizeClass(["ele-admin-layout", { "is-row-direction": !_ctx.isHeaderLogo }])
+  }, [
+    _ctx.isHeaderLogo ? vue.renderSlot(_ctx.$slots, "head", { key: 0 }) : vue.renderSlot(_ctx.$slots, "side", { key: 1 }),
+    vue.createVNode(_component_ReceiverView, {
+      class: vue.normalizeClass(["ele-admin-main", { "is-row-direction": _ctx.isHeaderLogo }]),
+      wrapPosition: false
+    }, {
+      default: vue.withCtx(() => [
+        _ctx.isHeaderLogo ? vue.renderSlot(_ctx.$slots, "side", { key: 0 }) : vue.renderSlot(_ctx.$slots, "head", { key: 1 }),
+        vue.createElementVNode("div", _hoisted_1, [
+          vue.renderSlot(_ctx.$slots, "tabs"),
+          vue.createElementVNode("div", _hoisted_2, [
+            vue.renderSlot(_ctx.$slots, "body")
+          ])
+        ])
+      ]),
+      _: 3
+    }, 8, ["class"]),
+    vue.renderSlot(_ctx.$slots, "default")
+  ], 2);
+}
+const layoutSkeleton = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+module.exports = layoutSkeleton;

package/lib/ele-admin-layout/components/layout-skeleton.d.ts

@@ -0,0 +1,81 @@
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    /** logo是否位于顶栏 */
+    isHeaderLogo: BooleanConstructor;
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    /** logo是否位于顶栏 */
+    isHeaderLogo: BooleanConstructor;
+}>> & Readonly<{}>, {
+    isHeaderLogo: boolean;
+}, {}, {
+    ReceiverView: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        wrapPosition: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>, {
+        authenticated: import('vue').Ref<boolean, boolean>;
+        watermark: string[];
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        wrapPosition: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> & Readonly<{}>, {
+        wrapPosition: boolean;
+    }, {}, {
+        EleWatermark: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+            width: NumberConstructor;
+            height: NumberConstructor;
+            rotate: NumberConstructor;
+            zIndex: NumberConstructor;
+            image: StringConstructor;
+            content: import('vue').PropType<string | string[]>;
+            font: import('vue').PropType<import('../../ele-watermark/types').WatermarkFont>;
+            gap: import('vue').PropType<import('../../ele-watermark/types').WatermarkGap>;
+            offset: import('vue').PropType<import('../../ele-watermark/types').WatermarkOffset>;
+            lineGap: {
+                type: NumberConstructor;
+                default: number;
+            };
+            customStyle: import('vue').PropType<Exclude<import('../../ele-app/types').StyleValue, string>>;
+            fixed: BooleanConstructor;
+            wrapPosition: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            disabled: BooleanConstructor;
+        }>, {
+            rootKey: import('vue').Ref<number, number>;
+            rootRef: import('vue').Ref<HTMLDivElement | null, HTMLDivElement | null>;
+            imgRef: import('vue').Ref<HTMLDivElement | null, HTMLDivElement | null>;
+            imgStyle: import('vue').Ref<Partial<import('vue').CSSProperties>, Partial<import('vue').CSSProperties>>;
+        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+            width: NumberConstructor;
+            height: NumberConstructor;
+            rotate: NumberConstructor;
+            zIndex: NumberConstructor;
+            image: StringConstructor;
+            content: import('vue').PropType<string | string[]>;
+            font: import('vue').PropType<import('../../ele-watermark/types').WatermarkFont>;
+            gap: import('vue').PropType<import('../../ele-watermark/types').WatermarkGap>;
+            offset: import('vue').PropType<import('../../ele-watermark/types').WatermarkOffset>;
+            lineGap: {
+                type: NumberConstructor;
+                default: number;
+            };
+            customStyle: import('vue').PropType<Exclude<import('../../ele-app/types').StyleValue, string>>;
+            fixed: BooleanConstructor;
+            wrapPosition: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            disabled: BooleanConstructor;
+        }>> & Readonly<{}>, {
+            lineGap: number;
+            fixed: boolean;
+            wrapPosition: boolean;
+            disabled: boolean;
+        }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    }, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;

package/lib/ele-admin-layout/components/layout-tabs.cjs

@@ -0,0 +1,131 @@
+"use strict";
+const vue = require("vue");
+const elementPlus = require("element-plus");
+const icons = require("../../icons");
+const EleTabWrap = require("../../ele-tab-wrap/index");
+const EleTabTool = require("../../ele-tab-tool/index");
+const EleTabs = require("../../ele-tabs/index");
+const _sfc_main = vue.defineComponent({
+  name: "LayoutTabs",
+  components: {
+    ElIcon: elementPlus.ElIcon,
+    HomeOutlined: icons.HomeOutlined,
+    EleTabWrap,
+    EleTabTool,
+    EleTabs
+  },
+  props: {
+    /** 页签数据 */
+    tabs: Array,
+    /** 页签选中 */
+    active: String,
+    /** 是否需要固定的主页页签 */
+    fixedHome: Boolean,
+    /** 主页路由地址 */
+    homePath: String,
+    /** 当前路由是否是主页 */
+    isHome: Boolean,
+    /** 页签风格 */
+    tabStyle: String,
+    /** 是否支持右键菜单 */
+    tabContextMenu: [Boolean, Object],
+    /** 右键菜单 */
+    tabContextMenus: [Array, Function],
+    /** 是否支持拖动排序 */
+    tabSortable: Boolean
+  },
+  emits: {
+    tabClick: (_option) => true,
+    tabRemove: (_name) => true,
+    tabContextMenu: (_option) => true,
+    tabSortChange: (_data) => true
+  },
+  setup(_props, { emit }) {
+    const handleTabItemClick = (option) => {
+      emit("tabClick", option);
+    };
+    const handleTabRemove = (name) => {
+      emit("tabRemove", name);
+    };
+    const handleTabContextMenu = (option) => {
+      emit("tabContextMenu", option);
+    };
+    const handleTabSortChange = (data) => {
+      emit("tabSortChange", data);
+    };
+    return {
+      handleTabRemove,
+      handleTabItemClick,
+      handleTabContextMenu,
+      handleTabSortChange
+    };
+  }
+});
+const _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
+};
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_HomeOutlined = vue.resolveComponent("HomeOutlined");
+  const _component_ElIcon = vue.resolveComponent("ElIcon");
+  const _component_EleTabTool = vue.resolveComponent("EleTabTool");
+  const _component_EleTabs = vue.resolveComponent("EleTabs");
+  const _component_EleTabWrap = vue.resolveComponent("EleTabWrap");
+  return vue.openBlock(), vue.createBlock(_component_EleTabWrap, {
+    type: _ctx.tabStyle,
+    class: "ele-admin-tabs"
+  }, {
+    default: vue.withCtx(() => [
+      _ctx.fixedHome ? (vue.openBlock(), vue.createBlock(_component_EleTabTool, {
+        key: 0,
+        tab: true,
+        active: _ctx.isHome,
+        tabName: _ctx.homePath
+      }, {
+        default: vue.withCtx(() => [
+          vue.renderSlot(_ctx.$slots, "tabHome", { active: _ctx.active }, () => [
+            vue.createVNode(_component_ElIcon, {
+              class: "ele-tab-icon",
+              style: { "vertical-align": "-3px" }
+            }, {
+              default: vue.withCtx(() => [
+                vue.createVNode(_component_HomeOutlined, { style: { "transform": "scale(1.08)" } })
+              ]),
+              _: 1
+            })
+          ])
+        ]),
+        _: 3
+      }, 8, ["active", "tabName"])) : vue.createCommentVNode("", true),
+      _ctx.tabs ? (vue.openBlock(), vue.createBlock(_component_EleTabs, {
+        key: 1,
+        items: _ctx.tabs,
+        modelValue: _ctx.active,
+        sortable: _ctx.tabSortable,
+        contextMenu: _ctx.tabContextMenu,
+        contextMenus: _ctx.tabContextMenus,
+        mousewheel: true,
+        handleClick: true,
+        onTabRemove: _ctx.handleTabRemove,
+        onTabItemClick: _ctx.handleTabItemClick,
+        onTabContextMenu: _ctx.handleTabContextMenu,
+        onTabSortChange: _ctx.handleTabSortChange
+      }, vue.createSlots({ _: 2 }, [
+        _ctx.$slots.tabTitle ? {
+          name: "label",
+          fn: vue.withCtx((slotProps) => [
+            vue.renderSlot(_ctx.$slots, "tabTitle", vue.normalizeProps(vue.guardReactiveProps(slotProps || {})))
+          ]),
+          key: "0"
+        } : void 0
+      ]), 1032, ["items", "modelValue", "sortable", "contextMenu", "contextMenus", "onTabRemove", "onTabItemClick", "onTabContextMenu", "onTabSortChange"])) : vue.createCommentVNode("", true),
+      vue.renderSlot(_ctx.$slots, "tabExtra", { active: _ctx.active })
+    ]),
+    _: 3
+  }, 8, ["type"]);
+}
+const layoutTabs = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+module.exports = layoutTabs;