hs-admin-ui 15.7.1 → 15.7.2

package/dist/columns-D5tXNIBk.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),o=require("vue-router"),r=require("pinia"),t=require("./index-Be14owUC.js"),n=e.defineComponent({name:"layoutColumns"}),a=e.defineComponent({...n,setup(n){const a=e.defineAsyncComponent((()=>Promise.resolve().then((()=>require("./aside-IM1nd79w.js"))))),l=e.defineAsyncComponent((()=>Promise.resolve().then((()=>require("./header-BUGTGlM9.js"))))),u=e.defineAsyncComponent((()=>Promise.resolve().then((()=>require("./main-CTH2j1nH.js"))))),s=e.defineAsyncComponent((()=>Promise.resolve().then((()=>require("./columnsAside-7U1fFgNM.js"))))),i=e.ref(""),c=e.ref(),f=o.useRoute(),d=t.useThemeConfig(),{themeConfig:p}=r.storeToRefs(d),m=()=>{i.value.update(),c.value&&c.value.layoutMainScrollbarRef.update()},v=()=>{e.nextTick((()=>{setTimeout((()=>{m(),i.value.wrapRef.scrollTop=0,c.value.layoutMainScrollbarRef.wrapRef.scrollTop=0}),500)}))};return e.onMounted((()=>{v()})),e.watch((()=>f.path),(()=>{v()})),e.watch((()=>[p.value.isTagsview,p.value.isFixedHeader]),(()=>{e.nextTick((()=>{m()}))}),{deep:!0}),(o,r)=>{const t=e.resolveComponent("el-scrollbar"),n=e.resolveComponent("el-container");return e.openBlock(),e.createBlock(n,{class:"layout-container"},{default:e.withCtx((()=>[e.createVNode(e.unref(s)),e.createVNode(n,{class:"layout-columns-warp layout-container-view h100"},{default:e.withCtx((()=>[e.createVNode(e.unref(a)),e.createVNode(t,{ref_key:"layoutScrollbarRef",ref:i,class:"layout-backtop"},{default:e.withCtx((()=>[e.createVNode(e.unref(l)),e.createVNode(e.unref(u),{ref_key:"layoutMainRef",ref:c},null,512)])),_:1},512)])),_:1})])),_:1})}}});exports.default=a;

package/dist/columns-DpoO5Zsj.mjs

@@ -0,0 +1,87 @@
+import { defineComponent, defineAsyncComponent, ref, onMounted, watch, nextTick, resolveComponent, createBlock, openBlock, withCtx, createVNode, unref } from "vue";
+import { useRoute } from "vue-router";
+import { storeToRefs } from "pinia";
+import { a as useThemeConfig } from "./index-CaroRQE3.mjs";
+const __default__ = defineComponent({
+  name: "layoutColumns"
+});
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
+  setup(__props) {
+    const LayoutAside = defineAsyncComponent(() => import("./aside-BojWyGQq.mjs"));
+    const LayoutHeader = defineAsyncComponent(() => import("./header-CFJ4tqWS.mjs"));
+    const LayoutMain = defineAsyncComponent(() => import("./main-DYH0PjBf.mjs"));
+    const ColumnsAside = defineAsyncComponent(() => import("./columnsAside-Decj2--4.mjs"));
+    const layoutScrollbarRef = ref("");
+    const layoutMainRef = ref();
+    const route = useRoute();
+    const storesThemeConfig = useThemeConfig();
+    const { themeConfig } = storeToRefs(storesThemeConfig);
+    const updateScrollbar = () => {
+      layoutScrollbarRef.value.update();
+      layoutMainRef.value && layoutMainRef.value.layoutMainScrollbarRef.update();
+    };
+    const initScrollBarHeight = () => {
+      nextTick(() => {
+        setTimeout(() => {
+          updateScrollbar();
+          layoutScrollbarRef.value.wrapRef.scrollTop = 0;
+          layoutMainRef.value.layoutMainScrollbarRef.wrapRef.scrollTop = 0;
+        }, 500);
+      });
+    };
+    onMounted(() => {
+      initScrollBarHeight();
+    });
+    watch(
+      () => route.path,
+      () => {
+        initScrollBarHeight();
+      }
+    );
+    watch(
+      () => [themeConfig.value.isTagsview, themeConfig.value.isFixedHeader],
+      () => {
+        nextTick(() => {
+          updateScrollbar();
+        });
+      },
+      {
+        deep: true
+      }
+    );
+    return (_ctx, _cache) => {
+      const _component_el_scrollbar = resolveComponent("el-scrollbar");
+      const _component_el_container = resolveComponent("el-container");
+      return openBlock(), createBlock(_component_el_container, { class: "layout-container" }, {
+        default: withCtx(() => [
+          createVNode(unref(ColumnsAside)),
+          createVNode(_component_el_container, { class: "layout-columns-warp layout-container-view h100" }, {
+            default: withCtx(() => [
+              createVNode(unref(LayoutAside)),
+              createVNode(_component_el_scrollbar, {
+                ref_key: "layoutScrollbarRef",
+                ref: layoutScrollbarRef,
+                class: "layout-backtop"
+              }, {
+                default: withCtx(() => [
+                  createVNode(unref(LayoutHeader)),
+                  createVNode(unref(LayoutMain), {
+                    ref_key: "layoutMainRef",
+                    ref: layoutMainRef
+                  }, null, 512)
+                ]),
+                _: 1
+              }, 512)
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/columnsAside-7U1fFgNM.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),t=require("vue-router"),l=require("pinia"),n=require("./index-Be14owUC.js"),i={class:"layout-columns-aside"},s=["onClick","onMouseenter","title"],o={class:"columns-vertical-title font12"},r=["href"],u={class:"columns-vertical-title font12"},a=e.defineComponent({name:"layoutColumnsAside"}),m=e.defineComponent({...a,setup(a){const m=e.ref([]),d=e.ref(),c=n.useRoutesList(),v=n.useThemeConfig(),{routesList:f,isColumnsMenuHover:h,isColumnsNavHover:p}=l.storeToRefs(c),{themeConfig:C}=l.storeToRefs(v),k=t.useRoute(),y=t.useRouter(),B=e.reactive({columnsAsideList:[],liIndex:0,liOldIndex:null,liHoverIndex:null,liOldPath:null,difference:0,routeSplit:[]}),x=e=>{const t=e.split("/");let l={children:[]};return B.columnsAsideList.map(((e,n)=>{e.path===`/${t[1]}`&&(e.k=n,l.item={...e},l.children=[{...e}],e.children&&(l.children=e.children))})),l},S=t=>{e.nextTick((()=>{(e=>{if(void 0===e)return!1;B.liIndex=e,d.value.style.top=`${m.value[e].offsetTop+B.difference}px`})(t)}))},g=e=>e.filter((e=>{var t;return!(null==(t=e.meta)?void 0:t.isHide)})).map((e=>((e=Object.assign({},e)).children&&(e.children=g(e.children)),e))),A=e=>{const t=x(e);return t.children.length<=1?C.value.isCollapse=!0:C.value.isCollapse=!1,t};return e.onMounted((()=>{(()=>{var e;B.columnsAsideList=g(f.value);const t=A(k.path);S(null==(e=t.item)?void 0:e.k),setTimeout((()=>{n.mittBus.emit("setSendColumnsChildren",t)}),500)})(),n.mittBus.on("restoreDefault",(()=>{B.liOldIndex=null,B.liOldPath=null}))})),e.onUnmounted((()=>{n.mittBus.off("restoreDefault")})),t.onBeforeRouteUpdate((e=>{const t=A(e.path);(e=>{B.routeSplit=e.split("/"),B.routeSplit.shift();const t=`/${B.routeSplit[0]}`,l=B.columnsAsideList.find((e=>e.path===t));if(!l)return!1;setTimeout((()=>{S(l.k)}),0)})(e.path),n.mittBus.emit("setSendColumnsChildren",t)})),e.watch([()=>C.value.columnsAsideStyle,h,p],(()=>{if("columnsRound"===C.value.columnsAsideStyle?B.difference=3:B.difference=0,h.value||p.value){if(B.liHoverIndex=B.liOldIndex,!B.liOldPath)return!1;n.mittBus.emit("setSendColumnsChildren",x(B.liOldPath))}else B.liHoverIndex=null,n.mittBus.emit("setSendColumnsChildren",x(k.path))}),{deep:!0}),(t,l)=>{const a=e.resolveComponent("SvgIcon"),v=e.resolveComponent("el-scrollbar");return e.openBlock(),e.createElementBlock("div",i,[e.createVNode(v,null,{default:e.withCtx((()=>[e.createElementVNode("ul",{onMouseleave:l[0]||(l[0]=e=>(async()=>{if(!C.value.isColumnsMenuHoverPreload)return!1;await c.setColumnsNavHover(!1),setTimeout((()=>{h||p||n.mittBus.emit("restoreDefault")}),100)})())},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(B.columnsAsideList,((t,l)=>(e.openBlock(),e.createElementBlock("li",{key:l,onClick:e=>(e=>{var t;let{path:l,redirect:i}=e;if(i)S(e.k),k.path.startsWith(i)?n.mittBus.emit("setSendColumnsChildren",x(i)):y.push(i);else if(e.children){const e=x(l);if(Object.keys(e).length<=0)return!1;S(null==(t=e.item)?void 0:t.k),n.mittBus.emit("setSendColumnsChildren",e)}else y.push(l);e.children?e.children.length>1&&(C.value.isCollapse=!1):C.value.isCollapse=!0})(t),onMouseenter:e=>((e,t)=>{if(!C.value.isColumnsMenuHoverPreload)return!1;let{path:l}=e;B.liOldPath=l,B.liOldIndex=t,B.liHoverIndex=t,n.mittBus.emit("setSendColumnsChildren",x(l)),c.setColumnsMenuHover(!1),c.setColumnsNavHover(!0)})(t,l),ref_for:!0,ref:e=>{e&&(m.value[l]=e)},class:e.normalizeClass({"layout-columns-active":B.liIndex===l,"layout-columns-hover":B.liHoverIndex===l}),title:t.meta.title},[!t.meta.isLink||t.meta.isLink&&t.meta.isIframe?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(C).columnsAsideLayout)},[e.createVNode(a,{name:t.meta.icon},null,8,["name"]),e.createElementVNode("div",o,e.toDisplayString(t.meta.title&&t.meta.title.length>=4?t.meta.title.substr(0,"columns-vertical"===e.unref(C).columnsAsideLayout?4:3):t.meta.title),1)],2)):(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(e.unref(C).columnsAsideLayout)},[e.createElementVNode("a",{href:t.meta.isLink,target:"_blank"},[e.createVNode(a,{name:t.meta.icon},null,8,["name"]),e.createElementVNode("div",u,e.toDisplayString(t.meta.title&&t.meta.title.length>=4?t.meta.title.substr(0,"columns-vertical"===e.unref(C).columnsAsideLayout?4:3):t.meta.title),1)],8,r)],2))],42,s)))),128)),e.createElementVNode("div",{ref_key:"columnsAsideActiveRef",ref:d,class:e.normalizeClass(e.unref(C).columnsAsideStyle)},null,2)],32)])),_:1})])}}}),d=n._export_sfc(m,[["__scopeId","data-v-724df7b1"]]);exports.default=d;

package/dist/columnsAside-Decj2--4.mjs

@@ -0,0 +1,220 @@
+import { defineComponent, ref, reactive, onMounted, onUnmounted, watch, resolveComponent, createElementBlock, openBlock, createVNode, withCtx, createElementVNode, Fragment, renderList, normalizeClass, unref, toDisplayString, nextTick } from "vue";
+import { useRoute, useRouter, onBeforeRouteUpdate } from "vue-router";
+import { storeToRefs } from "pinia";
+import { C as useRoutesList, a as useThemeConfig, m as mittBus, _ as _export_sfc } from "./index-CaroRQE3.mjs";
+const _hoisted_1 = { class: "layout-columns-aside" };
+const _hoisted_2 = ["onClick", "onMouseenter", "title"];
+const _hoisted_3 = { class: "columns-vertical-title font12" };
+const _hoisted_4 = ["href"];
+const _hoisted_5 = { class: "columns-vertical-title font12" };
+const __default__ = defineComponent({
+  name: "layoutColumnsAside"
+});
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
+  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 setSendChildren = (path) => {
+      const currentPathSplit = path.split("/");
+      let currentData = { children: [] };
+      state.columnsAsideList.map((v, k) => {
+        if (v.path === `/${currentPathSplit[1]}`) {
+          v["k"] = k;
+          currentData["item"] = { ...v };
+          currentData["children"] = [{ ...v }];
+          if (v.children) currentData["children"] = v.children;
+        }
+      });
+      return currentData;
+    };
+    const setColumnsAsideMove = (k) => {
+      if (k === void 0) return false;
+      state.liIndex = k;
+      columnsAsideActiveRef.value.style.top = `${columnsAsideOffsetTopRefs.value[k].offsetTop + state.difference}px`;
+    };
+    const onColumnsAsideDown = (k) => {
+      nextTick(() => {
+        setColumnsAsideMove(k);
+      });
+    };
+    const filterRoutesFun = (arr) => {
+      return arr.filter((item) => {
+        var _a;
+        return !((_a = item.meta) == null ? void 0 : _a.isHide);
+      }).map((item) => {
+        item = Object.assign({}, item);
+        if (item.children) item.children = filterRoutesFun(item.children);
+        return item;
+      });
+    };
+    const onColumnsAsideMenuClick = (v) => {
+      var _a;
+      let { path, redirect } = v;
+      if (redirect) {
+        onColumnsAsideDown(v.k);
+        if (route.path.startsWith(redirect)) mittBus.emit("setSendColumnsChildren", setSendChildren(redirect));
+        else router.push(redirect);
+      } else {
+        if (!v.children) {
+          router.push(path);
+        } else {
+          const resData = setSendChildren(path);
+          if (Object.keys(resData).length <= 0) return false;
+          onColumnsAsideDown((_a = resData.item) == null ? void 0 : _a.k);
+          mittBus.emit("setSendColumnsChildren", resData);
+        }
+      }
+      if (!v.children) 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;
+      mittBus.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) mittBus.emit("restoreDefault");
+      }, 100);
+    };
+    const setMenuAutoCollaps = (path) => {
+      const resData = setSendChildren(path);
+      resData.children.length <= 1 ? themeConfig.value.isCollapse = true : themeConfig.value.isCollapse = false;
+      return resData;
+    };
+    const setFilterRoutes = () => {
+      var _a;
+      state.columnsAsideList = filterRoutesFun(routesList.value);
+      const resData = setMenuAutoCollaps(route.path);
+      onColumnsAsideDown((_a = resData.item) == null ? void 0 : _a.k);
+      setTimeout(() => {
+        mittBus.emit("setSendColumnsChildren", resData);
+      }, 500);
+    };
+    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();
+      mittBus.on("restoreDefault", () => {
+        state.liOldIndex = null;
+        state.liOldPath = null;
+      });
+    });
+    onUnmounted(() => {
+      mittBus.off("restoreDefault");
+    });
+    onBeforeRouteUpdate((to) => {
+      const resData = setMenuAutoCollaps(to.path);
+      setColumnsMenuHighlight(to.path);
+      mittBus.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;
+          mittBus.emit("setSendColumnsChildren", setSendChildren(route.path));
+        } else {
+          state.liHoverIndex = state.liOldIndex;
+          if (!state.liOldPath) return false;
+          mittBus.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, [
+        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: 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_3, toDisplayString(v.meta.title && v.meta.title.length >= 4 ? v.meta.title.substr(0, unref(themeConfig).columnsAsideLayout === "columns-vertical" ? 4 : 3) : v.meta.title), 1)
+                  ], 2)) : (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_5, toDisplayString(v.meta.title && v.meta.title.length >= 4 ? v.meta.title.substr(0, unref(themeConfig).columnsAsideLayout === "columns-vertical" ? 4 : 3) : v.meta.title), 1)
+                    ], 8, _hoisted_4)
+                  ], 2))
+                ], 42, _hoisted_2);
+              }), 128)),
+              createElementVNode("div", {
+                ref_key: "columnsAsideActiveRef",
+                ref: columnsAsideActiveRef,
+                class: normalizeClass(unref(themeConfig).columnsAsideStyle)
+              }, null, 2)
+            ], 32)
+          ]),
+          _: 1
+        })
+      ]);
+    };
+  }
+});
+const columnsAside = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-724df7b1"]]);
+export {
+  columnsAside as default
+};

package/dist/contextmenu-CboZcHAM.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),t=require("./index-Be14owUC.js"),o={class:"el-dropdown-menu"},n=["onClick"],l=e.defineComponent({name:"layoutTagsViewContextmenu"}),r=e.defineComponent({...l,props:{dropdown:{type:Object,default:()=>({x:0,y:0})},dropdownList:{type:Array,default:()=>[]}},emits:["currentContextmenuClick"],setup(t,{expose:l,emit:r}){const c=t,d=r,i=e.reactive({isShow:!1,item:{},arrowLeft:10,mode:""}),m=e.computed((()=>c.dropdown.x+117>document.documentElement.clientWidth?{x:document.documentElement.clientWidth-117-5,y:c.dropdown.y}:c.dropdown)),a=()=>{i.isShow=!1};return e.onMounted((()=>{document.body.addEventListener("click",a)})),e.onUnmounted((()=>{document.body.removeEventListener("click",a)})),e.watch((()=>c.dropdown),(({x:e})=>{e+117>document.documentElement.clientWidth?i.arrowLeft=117-(document.documentElement.clientWidth-e):i.arrowLeft=10}),{deep:!0}),l({openContextmenu:(e,t)=>{i.item=e,i.mode=t,a(),setTimeout((()=>{i.isShow=!0}),10)}}),(l,r)=>{const c=e.resolveComponent("SvgIcon");return e.openBlock(),e.createBlock(e.Transition,{name:"el-zoom-in-center"},{default:e.withCtx((()=>[e.withDirectives((e.openBlock(),e.createElementBlock("div",{class:"el-dropdown__popper el-popper is-light is-pure custom-contextmenu",role:"tooltip","data-popper-placement":"bottom",style:e.normalizeStyle(`top: ${m.value.y+5}px;left: ${m.value.x}px;`),key:Math.random()},[e.createElementVNode("ul",o,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.dropdownList,((t,o)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[t.affix?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("li",{class:"el-dropdown-menu__item",tabindex:"-1",key:o,onClick:e=>{return o=t.contextMenuClickId,n=null==t?void 0:t.mode,void d("currentContextmenuClick",Object.assign({},{contextMenuClickId:o}),n||i.mode);var o,n}},[t.icon?(e.openBlock(),e.createBlock(c,{key:0,name:t.icon},null,8,["name"])):e.createCommentVNode("",!0),e.createElementVNode("span",null,e.toDisplayString(t.txt),1)],8,n))],64)))),256))]),e.createElementVNode("div",{class:"el-popper__arrow",style:e.normalizeStyle({left:`${i.arrowLeft}px`})},null,4)],4)),[[e.vShow,i.isShow]])])),_:1})}}}),c=t._export_sfc(r,[["__scopeId","data-v-d39c6ace"]]);exports.default=c;

package/dist/contextmenu-DXF5oP5y.mjs

@@ -0,0 +1,125 @@
+import { defineComponent, reactive, computed, onMounted, onUnmounted, watch, resolveComponent, createBlock, openBlock, Transition, withCtx, withDirectives, createElementBlock, normalizeStyle, createElementVNode, Fragment, renderList, createCommentVNode, toDisplayString, vShow } from "vue";
+import { _ as _export_sfc } from "./index-CaroRQE3.mjs";
+const _hoisted_1 = { class: "el-dropdown-menu" };
+const _hoisted_2 = ["onClick"];
+const __default__ = defineComponent({
+  name: "layoutTagsViewContextmenu"
+});
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
+  props: {
+    dropdown: {
+      type: Object,
+      default: () => {
+        return {
+          x: 0,
+          y: 0
+        };
+      }
+    },
+    dropdownList: {
+      type: Array,
+      default: () => {
+        return [];
+      }
+    }
+  },
+  emits: ["currentContextmenuClick"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const state = reactive({
+      isShow: false,
+      item: {},
+      arrowLeft: 10,
+      mode: ""
+    });
+    const dropdowns = computed(() => {
+      if (props.dropdown.x + 117 > document.documentElement.clientWidth) {
+        return {
+          x: document.documentElement.clientWidth - 117 - 5,
+          y: props.dropdown.y
+        };
+      } else {
+        return props.dropdown;
+      }
+    });
+    const onCurrentContextmenuClick = (contextMenuClickId, mode) => {
+      emit("currentContextmenuClick", Object.assign({}, { contextMenuClickId }), mode || state.mode);
+    };
+    const openContextmenu = (item, mode) => {
+      state.item = item;
+      state.mode = mode;
+      closeContextmenu();
+      setTimeout(() => {
+        state.isShow = true;
+      }, 10);
+    };
+    const closeContextmenu = () => {
+      state.isShow = false;
+    };
+    onMounted(() => {
+      document.body.addEventListener("click", closeContextmenu);
+    });
+    onUnmounted(() => {
+      document.body.removeEventListener("click", closeContextmenu);
+    });
+    watch(
+      () => props.dropdown,
+      ({ x }) => {
+        if (x + 117 > document.documentElement.clientWidth) state.arrowLeft = 117 - (document.documentElement.clientWidth - x);
+        else state.arrowLeft = 10;
+      },
+      {
+        deep: true
+      }
+    );
+    __expose({
+      openContextmenu
+    });
+    return (_ctx, _cache) => {
+      const _component_SvgIcon = resolveComponent("SvgIcon");
+      return openBlock(), createBlock(Transition, { name: "el-zoom-in-center" }, {
+        default: withCtx(() => [
+          withDirectives((openBlock(), createElementBlock("div", {
+            class: "el-dropdown__popper el-popper is-light is-pure custom-contextmenu",
+            role: "tooltip",
+            "data-popper-placement": "bottom",
+            style: normalizeStyle(`top: ${dropdowns.value.y + 5}px;left: ${dropdowns.value.x}px;`),
+            key: Math.random()
+          }, [
+            createElementVNode("ul", _hoisted_1, [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(__props.dropdownList, (v, k) => {
+                return openBlock(), createElementBlock(Fragment, null, [
+                  !v.affix ? (openBlock(), createElementBlock("li", {
+                    class: "el-dropdown-menu__item",
+                    tabindex: "-1",
+                    key: k,
+                    onClick: ($event) => onCurrentContextmenuClick(v.contextMenuClickId, v == null ? void 0 : v.mode)
+                  }, [
+                    v.icon ? (openBlock(), createBlock(_component_SvgIcon, {
+                      key: 0,
+                      name: v.icon
+                    }, null, 8, ["name"])) : createCommentVNode("", true),
+                    createElementVNode("span", null, toDisplayString(v.txt), 1)
+                  ], 8, _hoisted_2)) : createCommentVNode("", true)
+                ], 64);
+              }), 256))
+            ]),
+            createElementVNode("div", {
+              class: "el-popper__arrow",
+              style: normalizeStyle({ left: `${state.arrowLeft}px` })
+            }, null, 4)
+          ], 4)), [
+            [vShow, state.isShow]
+          ])
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+const Contextmenu = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-d39c6ace"]]);
+export {
+  Contextmenu as default
+};

package/dist/contextmenu-G8dHbC6a.mjs

@@ -0,0 +1,125 @@
+import { defineComponent, reactive, computed, onMounted, onUnmounted, watch, resolveComponent, createBlock, openBlock, Transition, withCtx, withDirectives, createElementBlock, normalizeStyle, createElementVNode, Fragment, renderList, createCommentVNode, createVNode, toDisplayString, vShow } from "vue";
+import { _ as _export_sfc } from "./index-CaroRQE3.mjs";
+const _hoisted_1 = { class: "el-dropdown-menu" };
+const _hoisted_2 = ["onClick"];
+const __default__ = defineComponent({
+  name: "layoutTagsViewContextmenu"
+});
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
+  props: {
+    dropdown: {
+      type: Object,
+      default: () => {
+        return {
+          x: 0,
+          y: 0
+        };
+      }
+    }
+  },
+  emits: ["currentContextmenuClick"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const state = reactive({
+      isShow: false,
+      dropdownList: [
+        { contextMenuClickId: 0, txt: "刷新", affix: false, icon: "ele-RefreshRight" },
+        { contextMenuClickId: 1, txt: "关闭", affix: false, icon: "ele-Close" },
+        { contextMenuClickId: 2, txt: "关闭其它", affix: false, icon: "ele-CircleClose" },
+        { contextMenuClickId: 3, txt: "全部关闭", affix: false, icon: "ele-FolderDelete" },
+        { contextMenuClickId: 4, txt: "当前页全屏", affix: false, icon: "iconfont icon-fullscreen" }
+      ],
+      item: {},
+      arrowLeft: 10
+    });
+    const dropdowns = computed(() => {
+      if (props.dropdown.x + 117 > document.documentElement.clientWidth) {
+        return {
+          x: document.documentElement.clientWidth - 117 - 5,
+          y: props.dropdown.y
+        };
+      } else {
+        return props.dropdown;
+      }
+    });
+    const onCurrentContextmenuClick = (contextMenuClickId) => {
+      emit("currentContextmenuClick", Object.assign({}, { contextMenuClickId }, state.item));
+    };
+    const openContextmenu = (item) => {
+      var _a;
+      state.item = item;
+      ((_a = item.meta) == null ? void 0 : _a.isAffix) ? state.dropdownList[1].affix = true : state.dropdownList[1].affix = false;
+      closeContextmenu();
+      setTimeout(() => {
+        state.isShow = true;
+      }, 10);
+    };
+    const closeContextmenu = () => {
+      state.isShow = false;
+    };
+    onMounted(() => {
+      document.body.addEventListener("click", closeContextmenu);
+    });
+    onUnmounted(() => {
+      document.body.removeEventListener("click", closeContextmenu);
+    });
+    watch(
+      () => props.dropdown,
+      ({ x }) => {
+        if (x + 117 > document.documentElement.clientWidth) state.arrowLeft = 117 - (document.documentElement.clientWidth - x);
+        else state.arrowLeft = 10;
+      },
+      {
+        deep: true
+      }
+    );
+    __expose({
+      openContextmenu
+    });
+    return (_ctx, _cache) => {
+      const _component_SvgIcon = resolveComponent("SvgIcon");
+      return openBlock(), createBlock(Transition, { name: "el-zoom-in-center" }, {
+        default: withCtx(() => [
+          withDirectives((openBlock(), createElementBlock("div", {
+            class: "el-dropdown__popper el-popper is-light is-pure custom-contextmenu",
+            role: "tooltip",
+            "data-popper-placement": "bottom",
+            style: normalizeStyle(`top: ${dropdowns.value.y + 5}px;left: ${dropdowns.value.x}px;`),
+            key: Math.random()
+          }, [
+            createElementVNode("ul", _hoisted_1, [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(state.dropdownList, (v, k) => {
+                return openBlock(), createElementBlock(Fragment, null, [
+                  !v.affix ? (openBlock(), createElementBlock("li", {
+                    class: "el-dropdown-menu__item",
+                    tabindex: "-1",
+                    key: k,
+                    onClick: ($event) => onCurrentContextmenuClick(v.contextMenuClickId)
+                  }, [
+                    createVNode(_component_SvgIcon, {
+                      name: v.icon
+                    }, null, 8, ["name"]),
+                    createElementVNode("span", null, toDisplayString(v.txt), 1)
+                  ], 8, _hoisted_2)) : createCommentVNode("", true)
+                ], 64);
+              }), 256))
+            ]),
+            createElementVNode("div", {
+              class: "el-popper__arrow",
+              style: normalizeStyle({ left: `${state.arrowLeft}px` })
+            }, null, 4)
+          ], 4)), [
+            [vShow, state.isShow]
+          ])
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+const contextmenu = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-b525a997"]]);
+export {
+  contextmenu as default
+};

package/dist/contextmenu-dn3Ukic5.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),t=require("./index-Be14owUC.js"),o={class:"el-dropdown-menu"},n=["onClick"],l=e.defineComponent({name:"layoutTagsViewContextmenu"}),i=e.defineComponent({...l,props:{dropdown:{type:Object,default:()=>({x:0,y:0})}},emits:["currentContextmenuClick"],setup(t,{expose:l,emit:i}){const c=t,r=i,d=e.reactive({isShow:!1,dropdownList:[{contextMenuClickId:0,txt:"刷新",affix:!1,icon:"ele-RefreshRight"},{contextMenuClickId:1,txt:"关闭",affix:!1,icon:"ele-Close"},{contextMenuClickId:2,txt:"关闭其它",affix:!1,icon:"ele-CircleClose"},{contextMenuClickId:3,txt:"全部关闭",affix:!1,icon:"ele-FolderDelete"},{contextMenuClickId:4,txt:"当前页全屏",affix:!1,icon:"iconfont icon-fullscreen"}],item:{},arrowLeft:10}),a=e.computed((()=>c.dropdown.x+117>document.documentElement.clientWidth?{x:document.documentElement.clientWidth-117-5,y:c.dropdown.y}:c.dropdown)),m=()=>{d.isShow=!1};return e.onMounted((()=>{document.body.addEventListener("click",m)})),e.onUnmounted((()=>{document.body.removeEventListener("click",m)})),e.watch((()=>c.dropdown),(({x:e})=>{e+117>document.documentElement.clientWidth?d.arrowLeft=117-(document.documentElement.clientWidth-e):d.arrowLeft=10}),{deep:!0}),l({openContextmenu:e=>{var t;d.item=e,(null==(t=e.meta)?void 0:t.isAffix)?d.dropdownList[1].affix=!0:d.dropdownList[1].affix=!1,m(),setTimeout((()=>{d.isShow=!0}),10)}}),(t,l)=>{const i=e.resolveComponent("SvgIcon");return e.openBlock(),e.createBlock(e.Transition,{name:"el-zoom-in-center"},{default:e.withCtx((()=>[e.withDirectives((e.openBlock(),e.createElementBlock("div",{class:"el-dropdown__popper el-popper is-light is-pure custom-contextmenu",role:"tooltip","data-popper-placement":"bottom",style:e.normalizeStyle(`top: ${a.value.y+5}px;left: ${a.value.x}px;`),key:Math.random()},[e.createElementVNode("ul",o,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(d.dropdownList,((t,o)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[t.affix?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock("li",{class:"el-dropdown-menu__item",tabindex:"-1",key:o,onClick:e=>{return o=t.contextMenuClickId,void r("currentContextmenuClick",Object.assign({},{contextMenuClickId:o},d.item));var o}},[e.createVNode(i,{name:t.icon},null,8,["name"]),e.createElementVNode("span",null,e.toDisplayString(t.txt),1)],8,n))],64)))),256))]),e.createElementVNode("div",{class:"el-popper__arrow",style:e.normalizeStyle({left:`${d.arrowLeft}px`})},null,4)],4)),[[e.vShow,d.isShow]])])),_:1})}}}),c=t._export_sfc(i,[["__scopeId","data-v-b525a997"]]);exports.default=c;

package/dist/copyMenuConfig-D4UkBIM8.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./copyMenuConfig.vue_vue_type_script_setup_true_lang-V8-WSJik.js");exports.default=e._sfc_main;

package/dist/copyMenuConfig-xDGZfU8V.mjs

@@ -0,0 +1,4 @@
+import { _ as _sfc_main } from "./copyMenuConfig.vue_vue_type_script_setup_true_lang-FLv8yK2X.mjs";
+export {
+  _sfc_main as default
+};