@fmdevui/fm-dev 1.0.15 → 1.0.17

package/es/core/types/router/index.d.ts

@@ -2,7 +2,7 @@ export type { RouteRecordRaw, RouteRecordSingleView, RouteRecordSingleViewWithCh
 export type RouteItem<T = any> = {
     path: string;
     name?: string | symbol | undefined | null;
-    redirect?: string;
+    redirect?: any;
     k?: T;
     meta?: {
         title?: string;
@@ -18,7 +18,7 @@ export type RouteItem<T = any> = {
         isIframeOpen?: string;
         loading?: boolean;
     };
-    children: T[];
+    children: RouteItem[];
     query?: {
         [key: string]: T;
     };

package/es/core/ui/components/editor/index.vue.d.ts

@@ -0,0 +1,52 @@
+import { DefineComponent, ExtractPropTypes, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+declare const _default: DefineComponent<ExtractPropTypes<{
+    disable: {
+        type: BooleanConstructor;
+        default: () => boolean;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: () => string;
+    };
+    mode: {
+        type: StringConstructor;
+        default: () => string;
+    };
+    height: {
+        type: StringConstructor;
+        default: () => string;
+    };
+    getHtml: StringConstructor;
+    getText: StringConstructor;
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    "update:getHtml": (...args: any[]) => void;
+    "update:getText": (...args: any[]) => void;
+}, string, PublicProps, Readonly< ExtractPropTypes<{
+    disable: {
+        type: BooleanConstructor;
+        default: () => boolean;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: () => string;
+    };
+    mode: {
+        type: StringConstructor;
+        default: () => string;
+    };
+    height: {
+        type: StringConstructor;
+        default: () => string;
+    };
+    getHtml: StringConstructor;
+    getText: StringConstructor;
+}>> & Readonly<{
+    "onUpdate:getHtml"?: ((...args: any[]) => any) | undefined;
+    "onUpdate:getText"?: ((...args: any[]) => any) | undefined;
+}>, {
+    placeholder: string;
+    mode: string;
+    height: string;
+    disable: boolean;
+}, {}, {}, {}, string, ComponentProvideOptions, true, {}, HTMLDivElement>;
+export default _default;

package/es/defaults.css

@@ -0,0 +1,9 @@
+[data-v-194b61e4] .el-input-group__append{background:var(--el-color-white);padding:0 15px}[data-v-194b61e4] .el-input__wrapper.is-focus{box-shadow:0 0 0 1px var(--el-input-border-color,var(--el-border-color)) inset!important}[data-v-194b61e4] .el-input__inner{border-right-color:var(--el-border-color-extra-light);&:hover{border-color:var(--el-border-color-extra-light)}}
+[data-v-11ae0e31] .el-scrollbar{height:calc(100% - 50px)}
+.layout-navbars-container[data-v-f2e6c18a]{display:flex;flex-direction:column;height:100%;width:100%}
+[data-v-23b3f8c6] .el-breadcrumb__separator{color:var(--next-bg-topBarColor);opacity:.7}[data-v-23b3f8c6] .el-breadcrumb__inner a{color:var(--next-bg-topBarColor);font-weight:unset!important;&:hover{color:var(--el-color-primary)!important}}
+[data-v-2056b616] .el-drawer__body{display:flex;flex-direction:column;height:100%;padding:5px}.full-table{&[data-v-2056b616]{flex:1}[data-v-2056b616] .el-card__body{display:flex;flex-direction:column;height:100%}}
+[data-v-f1b73dc9] #color-box{.el-dialog__body{padding:0!important}}
+[data-v-04609759] .el-dialog__body{min-height:700px!important}
+.editor-container{overflow-y:hidden;.w-e-bar-item{.w-e-select-list{height:150px;z-index:10!important}}.w-e-toolbar{flex-wrap:wrap;z-index:4!important}.w-e-menu{z-index:auto!important;.w-e-droplist{z-index:2!important}}}
+:host,:root{--w-e-textarea-bg-color:#fff;--w-e-textarea-color:#333;--w-e-textarea-border-color:#ccc;--w-e-textarea-slight-border-color:#e8e8e8;--w-e-textarea-slight-color:#d4d4d4;--w-e-textarea-slight-bg-color:#f5f2f0;--w-e-textarea-selected-border-color:#b4d5ff;--w-e-textarea-handler-bg-color:#4290f7;--w-e-toolbar-color:#595959;--w-e-toolbar-bg-color:#fff;--w-e-toolbar-active-color:#333;--w-e-toolbar-active-bg-color:#f1f1f1;--w-e-toolbar-disabled-color:#999;--w-e-toolbar-border-color:#e8e8e8;--w-e-modal-button-bg-color:#fafafa;--w-e-modal-button-border-color:#d9d9d9}.w-e-text-container *,.w-e-toolbar *{box-sizing:border-box;margin:0;outline:none;padding:0}.w-e-text-container blockquote,.w-e-text-container li,.w-e-text-container p,.w-e-text-container td,.w-e-text-container th,.w-e-toolbar *{line-height:1.5}.w-e-text-container{background-color:var(--w-e-textarea-bg-color);color:var(--w-e-textarea-color);height:100%;position:relative}.w-e-text-container .w-e-scroll{-webkit-overflow-scrolling:touch;height:100%}.w-e-text-container [data-slate-editor]{word-wrap:break-word;border-top:1px solid transparent;min-height:100%;outline:0;padding:0 10px;white-space:pre-wrap}.w-e-text-container [data-slate-editor] p{margin:15px 0}.w-e-text-container [data-slate-editor] h1,.w-e-text-container [data-slate-editor] h2,.w-e-text-container [data-slate-editor] h3,.w-e-text-container [data-slate-editor] h4,.w-e-text-container [data-slate-editor] h5{margin:20px 0}.w-e-text-container [data-slate-editor] img{cursor:default;display:inline!important;max-width:100%;min-height:20px;min-width:20px}.w-e-text-container [data-slate-editor] span{text-indent:0}.w-e-text-container [data-slate-editor] [data-selected=true]{box-shadow:0 0 0 2px var(--w-e-textarea-selected-border-color)}.w-e-text-placeholder{font-style:italic;left:10px;top:17px;width:90%}.w-e-max-length-info,.w-e-text-placeholder{color:var(--w-e-textarea-slight-color);pointer-events:none;position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none}.w-e-max-length-info{bottom:.5em;right:1em}.w-e-bar{background-color:var(--w-e-toolbar-bg-color);color:var(--w-e-toolbar-color);font-size:14px;padding:0 5px}.w-e-bar svg{fill:var(--w-e-toolbar-color);height:14px;width:14px}.w-e-bar-show{display:flex}.w-e-bar-hidden{display:none}.w-e-hover-bar{border:1px solid var(--w-e-toolbar-border-color);border-radius:3px;box-shadow:0 2px 5px #0000001f;position:absolute}.w-e-toolbar{flex-wrap:wrap;position:relative}.w-e-bar-divider{background-color:var(--w-e-toolbar-border-color);display:inline-flex;height:40px;margin:0 5px;width:1px}.w-e-bar-item{display:flex;height:40px;padding:4px;position:relative;text-align:center}.w-e-bar-item,.w-e-bar-item button{align-items:center;justify-content:center}.w-e-bar-item button{background:transparent;border:none;color:var(--w-e-toolbar-color);cursor:pointer;display:inline-flex;height:32px;overflow:hidden;padding:0 8px;white-space:nowrap}.w-e-bar-item button:hover{background-color:var(--w-e-toolbar-active-bg-color);color:var(--w-e-toolbar-active-color)}.w-e-bar-item button .title{margin-left:5px}.w-e-bar-item .active{background-color:var(--w-e-toolbar-active-bg-color);color:var(--w-e-toolbar-active-color)}.w-e-bar-item .disabled{color:var(--w-e-toolbar-disabled-color);cursor:not-allowed}.w-e-bar-item .disabled svg{fill:var(--w-e-toolbar-disabled-color)}.w-e-bar-item .disabled:hover{background-color:var(--w-e-toolbar-bg-color);color:var(--w-e-toolbar-disabled-color)}.w-e-bar-item .disabled:hover svg{fill:var(--w-e-toolbar-disabled-color)}.w-e-menu-tooltip-v5:before{background-color:var(--w-e-toolbar-active-color);border-radius:5px;color:var(--w-e-toolbar-bg-color);content:attr(data-tooltip);font-size:.75em;padding:5px 10px;text-align:center;top:40px;white-space:pre;z-index:1}.w-e-menu-tooltip-v5:after,.w-e-menu-tooltip-v5:before{opacity:0;position:absolute;transition:opacity .6s;visibility:hidden}.w-e-menu-tooltip-v5:after{border:5px solid transparent;border-bottom:5px solid var(--w-e-toolbar-active-color);content:"";top:30px}.w-e-menu-tooltip-v5:hover:after,.w-e-menu-tooltip-v5:hover:before{opacity:1;visibility:visible}.w-e-menu-tooltip-v5.tooltip-right:before{left:100%;top:10px}.w-e-menu-tooltip-v5.tooltip-right:after{border-bottom-color:transparent;border-left-color:transparent;border-right-color:var(--w-e-toolbar-active-color);border-top-color:transparent;left:100%;margin-left:-10px;top:16px}.w-e-bar-item-group .w-e-bar-item-menus-container{background-color:var(--w-e-toolbar-bg-color);border:1px solid var(--w-e-toolbar-border-color);border-radius:3px;box-shadow:0 2px 10px #0000001f;display:none;left:0;margin-top:40px;position:absolute;top:0;z-index:1}.w-e-bar-item-group:hover .w-e-bar-item-menus-container{display:block}.w-e-select-list{background-color:var(--w-e-toolbar-bg-color);border:1px solid var(--w-e-toolbar-border-color);border-radius:3px;box-shadow:0 2px 10px #0000001f;left:0;margin-top:40px;max-height:350px;min-width:100px;overflow-y:auto;position:absolute;top:0;z-index:1}.w-e-select-list ul{line-height:1;list-style:none}.w-e-select-list ul .selected{background-color:var(--w-e-toolbar-active-bg-color)}.w-e-select-list ul li{cursor:pointer;padding:7px 0 7px 25px;position:relative;text-align:left;white-space:nowrap}.w-e-select-list ul li:hover{background-color:var(--w-e-toolbar-active-bg-color)}.w-e-select-list ul li svg{left:0;margin-left:5px;margin-top:-7px;position:absolute;top:50%}.w-e-bar-bottom .w-e-select-list{bottom:0;margin-bottom:40px;margin-top:0;top:inherit}.w-e-drop-panel{background-color:var(--w-e-toolbar-bg-color);border:1px solid var(--w-e-toolbar-border-color);border-radius:3px;box-shadow:0 2px 10px #0000001f;margin-top:40px;min-width:200px;padding:10px;position:absolute;top:0;z-index:1}.w-e-bar-bottom .w-e-drop-panel{bottom:0;margin-bottom:40px;margin-top:0;top:inherit}.w-e-modal{background-color:var(--w-e-toolbar-bg-color);border:1px solid var(--w-e-toolbar-border-color);border-radius:3px;box-shadow:0 2px 10px #0000001f;color:var(--w-e-toolbar-color);font-size:14px;min-height:40px;min-width:100px;padding:20px 15px 0;position:absolute;text-align:left;z-index:1}.w-e-modal .btn-close{cursor:pointer;line-height:1;padding:5px;position:absolute;right:8px;top:7px}.w-e-modal .btn-close svg{fill:var(--w-e-toolbar-color);height:10px;width:10px}.w-e-modal .babel-container{display:block;margin-bottom:15px}.w-e-modal .babel-container span{display:block;margin-bottom:10px}.w-e-modal .button-container{margin-bottom:15px}.w-e-modal button{background-color:var(--w-e-modal-button-bg-color);cursor:pointer;font-weight:400;height:32px;padding:4.5px 15px;text-align:center;touch-action:manipulation;transition:all .3s cubic-bezier(.645,.045,.355,1);-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.w-e-modal button,.w-e-modal input[type=number],.w-e-modal input[type=text],.w-e-modal textarea{border:1px solid var(--w-e-modal-button-border-color);border-radius:4px;color:var(--w-e-toolbar-color)}.w-e-modal input[type=number],.w-e-modal input[type=text],.w-e-modal textarea{background-color:var(--w-e-toolbar-bg-color);font-feature-settings:"tnum";font-variant:tabular-nums;padding:4.5px 11px;transition:all .3s;width:100%}.w-e-modal textarea{min-height:60px}body .w-e-modal,body .w-e-modal *{box-sizing:border-box}.w-e-progress-bar{background-color:var(--w-e-textarea-handler-bg-color);height:1px;position:absolute;transition:width .3s;width:0}.w-e-full-screen-container{bottom:0!important;display:flex!important;flex-direction:column!important;height:100%!important;left:0!important;margin:0!important;padding:0!important;position:fixed;right:0!important;top:0!important;width:100%!important}.w-e-full-screen-container [data-w-e-textarea=true]{flex:1!important}.w-e-text-container [data-slate-editor] code{background-color:var(--w-e-textarea-slight-bg-color);border-radius:3px;font-family:monospace;padding:3px}.w-e-panel-content-color{list-style:none;text-align:left;width:230px}.w-e-panel-content-color li{border:1px solid var(--w-e-toolbar-bg-color);border-radius:3px 3px;cursor:pointer;display:inline-block;padding:2px}.w-e-panel-content-color li:hover{border-color:var(--w-e-toolbar-color)}.w-e-panel-content-color li .color-block{border:1px solid var(--w-e-toolbar-border-color);border-radius:3px 3px;height:17px;width:17px}.w-e-panel-content-color .active{border-color:var(--w-e-toolbar-color)}.w-e-panel-content-color .clear{line-height:1.5;margin-bottom:5px;width:100%}.w-e-panel-content-color .clear svg{height:16px;margin-bottom:-4px;width:16px}.w-e-text-container [data-slate-editor] blockquote{background-color:var(--w-e-textarea-slight-bg-color);border-left:8px solid var(--w-e-textarea-selected-border-color);display:block;font-size:100%;line-height:1.5;margin:10px 0;padding:10px}.w-e-panel-content-emotion{font-size:20px;list-style:none;text-align:left;width:300px}.w-e-panel-content-emotion li{border-radius:3px 3px;cursor:pointer;display:inline-block;padding:0 5px}.w-e-panel-content-emotion li:hover{background-color:var(--w-e-textarea-slight-bg-color)}.w-e-textarea-divider{border-radius:3px;margin:20px auto;padding:20px}.w-e-textarea-divider hr{background-color:var(--w-e-textarea-border-color);border:0;display:block;height:1px}.w-e-text-container [data-slate-editor] pre>code{background-color:var(--w-e-textarea-slight-bg-color);border:1px solid var(--w-e-textarea-slight-border-color);border-radius:4px 4px;display:block;font-size:14px;padding:10px;text-indent:0}.w-e-text-container [data-slate-editor] .w-e-image-container{display:inline-block;margin:0 3px}.w-e-text-container [data-slate-editor] .w-e-image-container:hover{box-shadow:0 0 0 2px var(--w-e-textarea-selected-border-color)}.w-e-text-container [data-slate-editor] .w-e-selected-image-container{overflow:hidden;position:relative}.w-e-text-container [data-slate-editor] .w-e-selected-image-container .w-e-image-dragger{background-color:var(--w-e-textarea-handler-bg-color);height:7px;position:absolute;width:7px}.w-e-text-container [data-slate-editor] .w-e-selected-image-container .left-top{cursor:nwse-resize;left:0;top:0}.w-e-text-container [data-slate-editor] .w-e-selected-image-container .right-top{cursor:nesw-resize;right:0;top:0}.w-e-text-container [data-slate-editor] .w-e-selected-image-container .left-bottom{bottom:0;cursor:nesw-resize;left:0}.w-e-text-container [data-slate-editor] .w-e-selected-image-container .right-bottom{bottom:0;cursor:nwse-resize;right:0}.w-e-text-container [contenteditable=false] .w-e-image-container:hover,.w-e-text-container [data-slate-editor] .w-e-selected-image-container:hover{box-shadow:none}.w-e-text-container [data-slate-editor] .table-container{border:1px dashed var(--w-e-textarea-border-color);border-radius:5px;margin-top:10px;overflow-x:auto;padding:10px;width:100%}.w-e-text-container [data-slate-editor] table{border-collapse:collapse}.w-e-text-container [data-slate-editor] table td,.w-e-text-container [data-slate-editor] table th{border:1px solid var(--w-e-textarea-border-color);line-height:1.5;min-width:30px;padding:3px 5px;text-align:left}.w-e-text-container [data-slate-editor] table th{background-color:var(--w-e-textarea-slight-bg-color);font-weight:700;text-align:center}.w-e-panel-content-table{background-color:var(--w-e-toolbar-bg-color)}.w-e-panel-content-table table{border-collapse:collapse}.w-e-panel-content-table td{border:1px solid var(--w-e-toolbar-border-color);cursor:pointer;height:15px;padding:3px 5px;width:20px}.w-e-panel-content-table td.active{background-color:var(--w-e-toolbar-active-bg-color)}.w-e-textarea-video-container{background-image:linear-gradient(45deg,#eee 25%,transparent 0,transparent 75%,#eee 0,#eee),linear-gradient(45deg,#eee 25%,#fff 0,#fff 75%,#eee 0,#eee);background-position:0 0,10px 10px;background-size:20px 20px;border:1px dashed var(--w-e-textarea-border-color);border-radius:5px;margin:10px auto 0;padding:10px 0;text-align:center}.w-e-text-container [data-slate-editor] pre>code{word-wrap:normal;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;-webkit-hyphens:none;hyphens:none;line-height:1.5;margin:.5em 0;overflow:auto;padding:1em;-moz-tab-size:4;-o-tab-size:4;tab-size:4;text-align:left;text-shadow:0 1px #fff;white-space:pre;word-break:normal;word-spacing:normal}.w-e-text-container [data-slate-editor] pre>code .token.cdata,.w-e-text-container [data-slate-editor] pre>code .token.comment,.w-e-text-container [data-slate-editor] pre>code .token.doctype,.w-e-text-container [data-slate-editor] pre>code .token.prolog{color:#708090}.w-e-text-container [data-slate-editor] pre>code .token.punctuation{color:#999}.w-e-text-container [data-slate-editor] pre>code .token.namespace{opacity:.7}.w-e-text-container [data-slate-editor] pre>code .token.boolean,.w-e-text-container [data-slate-editor] pre>code .token.constant,.w-e-text-container [data-slate-editor] pre>code .token.deleted,.w-e-text-container [data-slate-editor] pre>code .token.number,.w-e-text-container [data-slate-editor] pre>code .token.property,.w-e-text-container [data-slate-editor] pre>code .token.symbol,.w-e-text-container [data-slate-editor] pre>code .token.tag{color:#905}.w-e-text-container [data-slate-editor] pre>code .token.attr-name,.w-e-text-container [data-slate-editor] pre>code .token.builtin,.w-e-text-container [data-slate-editor] pre>code .token.char,.w-e-text-container [data-slate-editor] pre>code .token.inserted,.w-e-text-container [data-slate-editor] pre>code .token.selector,.w-e-text-container [data-slate-editor] pre>code .token.string{color:#690}.w-e-text-container [data-slate-editor] pre>code .language-css .token.string,.w-e-text-container [data-slate-editor] pre>code .style .token.string,.w-e-text-container [data-slate-editor] pre>code .token.entity,.w-e-text-container [data-slate-editor] pre>code .token.operator,.w-e-text-container [data-slate-editor] pre>code .token.url{color:#9a6e3a}.w-e-text-container [data-slate-editor] pre>code .token.atrule,.w-e-text-container [data-slate-editor] pre>code .token.attr-value,.w-e-text-container [data-slate-editor] pre>code .token.keyword{color:#07a}.w-e-text-container [data-slate-editor] pre>code .token.class-name,.w-e-text-container [data-slate-editor] pre>code .token.function{color:#dd4a68}.w-e-text-container [data-slate-editor] pre>code .token.important,.w-e-text-container [data-slate-editor] pre>code .token.regex,.w-e-text-container [data-slate-editor] pre>code .token.variable{color:#e90}.w-e-text-container [data-slate-editor] pre>code .token.bold,.w-e-text-container [data-slate-editor] pre>code .token.important{font-weight:700}.w-e-text-container [data-slate-editor] pre>code .token.italic{font-style:italic}.w-e-text-container [data-slate-editor] pre>code .token.entity{cursor:help}

package/es/node_modules/.pnpm/@wangeditor_editor@5.1.23/node_modules/@wangeditor/editor/dist/css/style.css.mjs

@@ -0,0 +1,3 @@
+var undefined$1 = undefined;
+
+export { undefined$1 as default };

package/es/packages/core/layout/component/aside.vue.mjs

@@ -0,0 +1,5 @@
+import _sfc_main from './aside.vue2.mjs';
+
+
+
+export { _sfc_main as default };

package/es/packages/core/layout/component/aside.vue2.mjs

@@ -0,0 +1,171 @@
+import { defineComponent, defineAsyncComponent, ref, reactive, computed, onBeforeMount, watch, resolveComponent, withDirectives, openBlock, createElementBlock, createVNode, normalizeClass, withCtx, createBlock, createCommentVNode, unref, vShow } from 'vue';
+import { storeToRefs } from 'pinia';
+import '../../stores/index.mjs';
+import emitter from '../../utils/emit/index.mjs';
+import { useRoutesList } from '../../stores/routesList.mjs';
+import { useThemeConfig } from '../../stores/themeConfig.mjs';
+import { useTagsViewRoutes } from '../../stores/tagsViewRoutes.mjs';
+
+const _hoisted_1 = { class: "h100" };
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "aside",
+  setup(__props) {
+    const Logo = defineAsyncComponent(() => import('../logo/index.vue.mjs'));
+    const Vertical = defineAsyncComponent(() => import('../navMenu/vertical.vue.mjs'));
+    const layoutAsideScrollbarRef = ref();
+    const stores = useRoutesList();
+    const storesThemeConfig = useThemeConfig();
+    const storesTagsViewRoutes = useTagsViewRoutes();
+    const { routesList } = storeToRefs(stores);
+    const { themeConfig } = storeToRefs(storesThemeConfig);
+    const { isTagsViewCurrenFull } = storeToRefs(storesTagsViewRoutes);
+    const state = reactive({
+      menuList: [],
+      clientWidth: 0
+    });
+    const setCollapseStyle = computed(() => {
+      const { layout, isCollapse, menuBar } = themeConfig.value;
+      const asideBrTheme = ["#FFFFFF", "#FFF", "#fff", "#ffffff"];
+      const asideBrColor = asideBrTheme.includes(menuBar) ? "layout-el-aside-br-color" : "";
+      if (state.clientWidth <= 1e3) {
+        if (isCollapse) {
+          document.body.setAttribute("class", "el-popup-parent--hidden");
+          const asideEle = document.querySelector(".layout-container");
+          const modeDivs = document.createElement("div");
+          modeDivs.setAttribute("class", "layout-aside-mobile-mode");
+          asideEle.appendChild(modeDivs);
+          modeDivs.addEventListener("click", closeLayoutAsideMobileMode);
+          return [asideBrColor, "layout-aside-mobile", "layout-aside-mobile-open"];
+        } else {
+          closeLayoutAsideMobileMode();
+          return [asideBrColor, "layout-aside-mobile", "layout-aside-mobile-close"];
+        }
+      } else {
+        if (layout === "columns" || layout === "classic") {
+          if (isCollapse) return [asideBrColor, "layout-aside-pc-1"];
+          else return [asideBrColor, "layout-aside-pc-220"];
+        } else {
+          if (isCollapse) return [asideBrColor, "layout-aside-pc-64"];
+          else return [asideBrColor, "layout-aside-pc-220"];
+        }
+      }
+    });
+    const setShowLogo = computed(() => {
+      let { layout, isShowLogo } = themeConfig.value;
+      return isShowLogo && layout === "defaults" || isShowLogo && layout === "columns";
+    });
+    const closeLayoutAsideMobileMode = () => {
+      const el = document.querySelector(".layout-aside-mobile-mode");
+      el?.setAttribute("style", "animation: error-img-two 0.3s");
+      setTimeout(() => {
+        el?.parentNode?.removeChild(el);
+      }, 300);
+      const clientWidth = document.body.clientWidth;
+      if (clientWidth < 1e3) themeConfig.value.isCollapse = false;
+      document.body.setAttribute("class", "");
+    };
+    const setFilterRoutes = () => {
+      if (themeConfig.value.layout === "columns") return false;
+      state.menuList = filterRoutesFun(routesList.value);
+    };
+    const filterRoutesFun = (arr) => {
+      return arr.filter((item) => !item.meta?.isHide).map((item) => {
+        item = Object.assign({}, item);
+        if (item.children) item.children = filterRoutesFun(item.children);
+        return item;
+      });
+    };
+    const initMenuFixed = (clientWidth) => {
+      state.clientWidth = clientWidth;
+    };
+    const onAsideEnterLeave = (bool) => {
+      let { layout } = themeConfig.value;
+      if (layout !== "columns") return false;
+      if (!bool) emitter.emit("restoreDefault");
+      if (themeConfig.value.isColumnsMenuHoverPreload) stores.setColumnsMenuHover(bool);
+    };
+    onBeforeMount(() => {
+      initMenuFixed(document.body.clientWidth);
+      setFilterRoutes();
+      emitter.on("setSendColumnsChildren", (res) => {
+        state.menuList = res.children;
+      });
+      emitter.on("setSendClassicChildren", (res) => {
+        let { layout, isClassicSplitMenu } = themeConfig.value;
+        if (layout === "classic" && isClassicSplitMenu) {
+          res.children.length <= 1 ? themeConfig.value.isCollapse = true : themeConfig.value.isCollapse = false;
+          state.menuList = [];
+          state.menuList = res.children;
+        }
+      });
+      emitter.on("getBreadcrumbIndexSetFilterRoutes", () => {
+        setFilterRoutes();
+      });
+      emitter.on("layoutMobileResize", (res) => {
+        initMenuFixed(res.clientWidth);
+        closeLayoutAsideMobileMode();
+      });
+    });
+    watch(
+      () => [themeConfig.value.isShowLogoChange, themeConfig.value.isShowLogo, themeConfig.value.layout, themeConfig.value.isClassicSplitMenu],
+      ([isShowLogoChange, isShowLogo, layout, isClassicSplitMenu]) => {
+        if (isShowLogoChange !== isShowLogo) {
+          if (layoutAsideScrollbarRef.value) layoutAsideScrollbarRef.value.update();
+        }
+        if (layout === "classic" && isClassicSplitMenu) return false;
+      }
+    );
+    watch(
+      () => routesList.value,
+      () => {
+        setFilterRoutes();
+      }
+    );
+    return (_ctx, _cache) => {
+      const _component_el_scrollbar = resolveComponent("el-scrollbar");
+      const _component_el_aside = resolveComponent("el-aside");
+      return withDirectives((openBlock(), createElementBlock(
+        "div",
+        _hoisted_1,
+        [
+          createVNode(_component_el_aside, {
+            class: normalizeClass(["layout-aside", setCollapseStyle.value])
+          }, {
+            default: withCtx(() => [
+              setShowLogo.value ? (openBlock(), createBlock(unref(Logo), { key: 0 })) : createCommentVNode("v-if", true),
+              createVNode(
+                _component_el_scrollbar,
+                {
+                  class: "flex-auto",
+                  ref_key: "layoutAsideScrollbarRef",
+                  ref: layoutAsideScrollbarRef,
+                  onMouseenter: _cache[0] || (_cache[0] = ($event) => onAsideEnterLeave(true)),
+                  onMouseleave: _cache[1] || (_cache[1] = ($event) => onAsideEnterLeave(false))
+                },
+                {
+                  default: withCtx(() => [
+                    createVNode(unref(Vertical), {
+                      menuList: state.menuList
+                    }, null, 8, ["menuList"])
+                  ]),
+                  _: 1
+                  /* STABLE */
+                },
+                512
+                /* NEED_PATCH */
+              )
+            ]),
+            _: 1
+            /* STABLE */
+          }, 8, ["class"])
+        ],
+        512
+        /* NEED_PATCH */
+      )), [
+        [vShow, !unref(isTagsViewCurrenFull)]
+      ]);
+    };
+  }
+});
+
+export { _sfc_main as default };

package/es/packages/core/layout/component/columnsAside.vue.mjs

@@ -0,0 +1,7 @@
+import _sfc_main from './columnsAside.vue2.mjs';
+import './columnsAside.vue3.mjs';
+import _export_sfc from '../../../../_virtual/_plugin-vue_export-helper.mjs';
+
+var cclaside = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-11ae0e31"]]);
+
+export { cclaside as default };

package/es/packages/core/layout/component/columnsAside.vue2.mjs

@@ -0,0 +1,270 @@
+import { defineComponent, ref, reactive, nextTick, onMounted, onUnmounted, watch, resolveComponent, createElementBlock, openBlock, createElementVNode, createVNode, unref, withCtx, Fragment, renderList, normalizeClass, toDisplayString } from 'vue';
+import { useRoute, useRouter, onBeforeRouteUpdate } from 'vue-router';
+import { storeToRefs } from 'pinia';
+import '../../stores/index.mjs';
+import emitter from '../../utils/emit/index.mjs';
+import { useRoutesList } from '../../stores/routesList.mjs';
+import { useThemeConfig } from '../../stores/themeConfig.mjs';
+
+const _hoisted_1 = { class: "layout-columns-aside" };
+const _hoisted_2 = { class: "layout-logo" };
+const _hoisted_3 = ["src"];
+const _hoisted_4 = ["onClick", "onMouseenter", "title"];
+const _hoisted_5 = { class: "columns-vertical-title font12" };
+const _hoisted_6 = ["href"];
+const _hoisted_7 = { class: "columns-vertical-title font12" };
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "columnsAside",
+  setup(__props) {
+    const columnsAsideOffsetTopRefs = ref([]);
+    const columnsAsideActiveRef = ref();
+    const stores = useRoutesList();
+    const storesThemeConfig = useThemeConfig();
+    const { routesList, isColumnsMenuHover, isColumnsNavHover } = storeToRefs(stores);
+    const { themeConfig } = storeToRefs(storesThemeConfig);
+    const route = useRoute();
+    const router = useRouter();
+    const state = reactive({
+      columnsAsideList: [],
+      liIndex: 0,
+      liOldIndex: null,
+      liHoverIndex: null,
+      liOldPath: null,
+      difference: 0,
+      routeSplit: []
+    });
+    const setColumnsAsideMove = (k) => {
+      if (k === void 0) return false;
+      state.liIndex = k;
+      columnsAsideActiveRef.value.style.top = `${columnsAsideOffsetTopRefs.value[k].offsetTop + state.difference}px`;
+    };
+    const onColumnsAsideMenuClick = async (v) => {
+      let { path, redirect } = v;
+      if (redirect) {
+        onColumnsAsideDown(v.k);
+        if (route.path.startsWith(redirect)) emitter.emit("setSendColumnsChildren", setSendChildren(redirect));
+        else router.push(redirect);
+      } else {
+        if (!v.children || v.children?.length === 0) {
+          router.push(path);
+          onColumnsAsideDown(v.k);
+        } else {
+          const resData = setSendChildren(path);
+          if (Object.keys(resData).length <= 0) return false;
+          onColumnsAsideDown(resData.item?.k);
+          emitter.emit("setSendColumnsChildren", resData);
+        }
+      }
+      if (!v.children || v.children?.length === 0) themeConfig.value.isCollapse = true;
+      else if (v.children.length > 1) themeConfig.value.isCollapse = false;
+    };
+    const onColumnsAsideMenuMouseenter = (v, k) => {
+      if (!themeConfig.value.isColumnsMenuHoverPreload) return false;
+      let { path } = v;
+      state.liOldPath = path;
+      state.liOldIndex = k;
+      state.liHoverIndex = k;
+      emitter.emit("setSendColumnsChildren", setSendChildren(path));
+      stores.setColumnsMenuHover(false);
+      stores.setColumnsNavHover(true);
+    };
+    const onColumnsAsideMenuMouseleave = async () => {
+      if (!themeConfig.value.isColumnsMenuHoverPreload) return false;
+      await stores.setColumnsNavHover(false);
+      setTimeout(() => {
+        if (!isColumnsMenuHover && !isColumnsNavHover) emitter.emit("restoreDefault");
+      }, 100);
+    };
+    const onColumnsAsideDown = (k) => {
+      nextTick(() => {
+        setColumnsAsideMove(k);
+      });
+    };
+    const setMenuAutoCollaps = (path) => {
+      const resData = setSendChildren(path);
+      !resData.item?.redirect && resData.children.length == 0 || resData.item?.redirect && resData.children.length <= 1 ? themeConfig.value.isCollapse = true : themeConfig.value.isCollapse = false;
+      return resData;
+    };
+    const setFilterRoutes = () => {
+      state.columnsAsideList = filterRoutesFun(routesList.value);
+      const resData = setMenuAutoCollaps(route.path);
+      onColumnsAsideDown(resData.item?.k);
+      setTimeout(() => {
+        emitter.emit("setSendColumnsChildren", resData);
+      }, 500);
+    };
+    const setSendChildren = (path) => {
+      const currentPathSplit = path.split("/");
+      let currentData = { children: [], item: void 0 };
+      const matched = state.columnsAsideList.find((v, k) => {
+        if (v.path === `/${currentPathSplit[1]}`) {
+          v["k"] = k;
+          return true;
+        }
+        return false;
+      });
+      if (matched) {
+        currentData.item = { ...matched };
+        currentData.children = matched.children ? [...matched.children] : [{ ...matched }];
+      }
+      return currentData;
+    };
+    const filterRoutesFun = (arr) => {
+      return arr.filter((item) => !item.meta?.isHide).map((item) => {
+        item = Object.assign({}, item);
+        if (item.children) item.children = filterRoutesFun(item.children);
+        return item;
+      });
+    };
+    const setColumnsMenuHighlight = (path) => {
+      state.routeSplit = path.split("/");
+      state.routeSplit.shift();
+      const routeFirst = `/${state.routeSplit[0]}`;
+      const currentSplitRoute = state.columnsAsideList.find((v) => v.path === routeFirst);
+      if (!currentSplitRoute) return false;
+      setTimeout(() => {
+        onColumnsAsideDown(currentSplitRoute.k);
+      }, 0);
+    };
+    onMounted(() => {
+      setFilterRoutes();
+      emitter.on("restoreDefault", () => {
+        state.liOldIndex = null;
+        state.liOldPath = null;
+      });
+    });
+    onUnmounted(() => {
+      emitter.off("restoreDefault", () => {
+      });
+    });
+    onBeforeRouteUpdate((to) => {
+      const resData = setMenuAutoCollaps(to.path);
+      setColumnsMenuHighlight(to.path);
+      emitter.emit("setSendColumnsChildren", resData);
+    });
+    watch(
+      [() => themeConfig.value.columnsAsideStyle, isColumnsMenuHover, isColumnsNavHover],
+      () => {
+        themeConfig.value.columnsAsideStyle === "columnsRound" ? state.difference = 3 : state.difference = 0;
+        if (!isColumnsMenuHover.value && !isColumnsNavHover.value) {
+          state.liHoverIndex = null;
+          emitter.emit("setSendColumnsChildren", setSendChildren(route.path));
+        } else {
+          state.liHoverIndex = state.liOldIndex;
+          if (!state.liOldPath) return false;
+          emitter.emit("setSendColumnsChildren", setSendChildren(state.liOldPath));
+        }
+      },
+      {
+        deep: true
+      }
+    );
+    return (_ctx, _cache) => {
+      const _component_SvgIcon = resolveComponent("SvgIcon");
+      const _component_el_scrollbar = resolveComponent("el-scrollbar");
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createElementVNode("div", _hoisted_2, [
+          createElementVNode("img", {
+            src: unref(themeConfig).logoUrl,
+            class: "layout-logo-medium-img"
+          }, null, 8, _hoisted_3)
+        ]),
+        createVNode(_component_el_scrollbar, null, {
+          default: withCtx(() => [
+            createElementVNode(
+              "ul",
+              {
+                onMouseleave: _cache[0] || (_cache[0] = ($event) => onColumnsAsideMenuMouseleave())
+              },
+              [
+                (openBlock(true), createElementBlock(
+                  Fragment,
+                  null,
+                  renderList(state.columnsAsideList, (v, k) => {
+                    return openBlock(), createElementBlock("li", {
+                      key: k,
+                      onClick: ($event) => onColumnsAsideMenuClick(v),
+                      onMouseenter: ($event) => onColumnsAsideMenuMouseenter(v, k),
+                      ref_for: true,
+                      ref: (el) => {
+                        if (el) columnsAsideOffsetTopRefs.value[k] = el;
+                      },
+                      class: normalizeClass({ "layout-columns-active": state.liIndex === k, "layout-columns-hover": state.liHoverIndex === k }),
+                      title: _ctx.$t(`message.menu.${v.meta.title}`)
+                    }, [
+                      !v.meta.isLink || v.meta.isLink && v.meta.isIframe ? (openBlock(), createElementBlock(
+                        "div",
+                        {
+                          key: 0,
+                          class: normalizeClass(unref(themeConfig).columnsAsideLayout)
+                        },
+                        [
+                          createVNode(_component_SvgIcon, {
+                            name: v.meta.icon
+                          }, null, 8, ["name"]),
+                          createElementVNode(
+                            "div",
+                            _hoisted_5,
+                            toDisplayString(_ctx.$t(`message.menu.${v.meta.title}`)),
+                            1
+                            /* TEXT */
+                          )
+                        ],
+                        2
+                        /* CLASS */
+                      )) : (openBlock(), createElementBlock(
+                        "div",
+                        {
+                          key: 1,
+                          class: normalizeClass(unref(themeConfig).columnsAsideLayout)
+                        },
+                        [
+                          createElementVNode("a", {
+                            href: v.meta.isLink,
+                            target: "_blank"
+                          }, [
+                            createVNode(_component_SvgIcon, {
+                              name: v.meta.icon
+                            }, null, 8, ["name"]),
+                            createElementVNode(
+                              "div",
+                              _hoisted_7,
+                              toDisplayString(_ctx.$t(`message.menu.${v.meta.title}`)),
+                              1
+                              /* TEXT */
+                            )
+                          ], 8, _hoisted_6)
+                        ],
+                        2
+                        /* CLASS */
+                      ))
+                    ], 42, _hoisted_4);
+                  }),
+                  128
+                  /* KEYED_FRAGMENT */
+                )),
+                createElementVNode(
+                  "div",
+                  {
+                    ref_key: "columnsAsideActiveRef",
+                    ref: columnsAsideActiveRef,
+                    class: normalizeClass(unref(themeConfig).columnsAsideStyle)
+                  },
+                  null,
+                  2
+                  /* CLASS */
+                )
+              ],
+              32
+              /* NEED_HYDRATION */
+            )
+          ]),
+          _: 1
+          /* STABLE */
+        })
+      ]);
+    };
+  }
+});
+
+export { _sfc_main as default };

package/es/packages/core/layout/component/columnsAside.vue3.mjs

@@ -0,0 +1,3 @@
+var undefined$1 = undefined;
+
+export { undefined$1 as default };

package/es/packages/core/layout/component/header.vue.mjs

@@ -0,0 +1,5 @@
+import _sfc_main from './header.vue2.mjs';
+
+
+
+export { _sfc_main as default };

package/es/packages/core/layout/component/header.vue2.mjs

@@ -0,0 +1,34 @@
+import { defineComponent, resolveComponent, withDirectives, openBlock, createBlock, withCtx, createVNode, unref, vShow } from 'vue';
+import { storeToRefs } from 'pinia';
+import '../../stores/index.mjs';
+import navBars from '../navBars/index.vue.mjs';
+import { useTagsViewRoutes } from '../../stores/tagsViewRoutes.mjs';
+
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "header",
+  setup(__props) {
+    const NavBarsIndex = navBars;
+    const storesTagsViewRoutes = useTagsViewRoutes();
+    const { isTagsViewCurrenFull } = storeToRefs(storesTagsViewRoutes);
+    return (_ctx, _cache) => {
+      const _component_el_header = resolveComponent("el-header");
+      return withDirectives((openBlock(), createBlock(
+        _component_el_header,
+        { class: "layout-header" },
+        {
+          default: withCtx(() => [
+            createVNode(unref(NavBarsIndex))
+          ]),
+          _: 1
+          /* STABLE */
+        },
+        512
+        /* NEED_PATCH */
+      )), [
+        [vShow, !unref(isTagsViewCurrenFull)]
+      ]);
+    };
+  }
+});
+
+export { _sfc_main as default };

package/es/packages/core/layout/component/main.vue.mjs

@@ -0,0 +1,5 @@
+import _sfc_main from './main.vue2.mjs';
+
+
+
+export { _sfc_main as default };