hs-admin-ui 5.8.0 → 5.8.2

package/dist/cloneConfigDialog-g5WqqKX2.mjs

@@ -0,0 +1,279 @@
+import { reactive, defineComponent, onMounted, ref, resolveComponent, openBlock, createElementBlock, createElementVNode, createVNode, withCtx, unref, Fragment, renderList, createBlock, toDisplayString, createCommentVNode, pushScopeId, popScopeId } from "vue";
+import { e as _, x as v4, d as ElMessage, S as Session, h as useFieldConfigController, D as useMenuController, i as useSystemController, _ as _export_sfc } from "./index-DvYORydh.mjs";
+const fieldConfigController = useFieldConfigController();
+const menuController = useMenuController();
+const systemController = useSystemController();
+function useCloneConfig() {
+  const dialogData = reactive({
+    // 系统
+    systemList: [],
+    // 系统列表
+    currentSystemValue: "",
+    currentSystem: void 0,
+    // 当前系统
+    // 菜单
+    menuList: [],
+    // 菜单类标
+    currentMenuValue: [],
+    // 配置
+    configList: [],
+    // 配置列表
+    currentConfig: void 0,
+    // 当前配置
+    currentConfigValue: ""
+  });
+  const getConfigList = () => {
+    if (dialogData.currentMenuValue.length <= 0 || !dialogData.currentSystem) {
+      dialogData.configList = [];
+      dialogData.currentConfig = void 0;
+      return;
+    }
+    let menu_id = dialogData.currentMenuValue[dialogData.currentMenuValue.length - 1];
+    let systemData = Session.get("CURRENT_SYSTEM");
+    fieldConfigController.getFormByMenu({ menu_id, project_code: dialogData.currentSystem.project_code }).then((res) => {
+      console.log("res", res);
+      if (res.code != 1)
+        return;
+      dialogData.configList = _.cloneDeep(res.data).map((item) => {
+        let fieldData = JSON.parse(item.field_json);
+        console.log("fieldData", fieldData, systemData);
+        fieldData.btns = fieldData.btns.map((btnItem) => {
+          btnItem.id = v4();
+          return btnItem;
+        });
+        if (fieldData.BaseForm && fieldData.BaseForm.proxy && fieldData.BaseForm.proxy != systemData.project_url) {
+          fieldData.BaseForm.proxy = systemData.project_url;
+        }
+        console.log("fieldData.forms", fieldData.forms);
+        if (fieldData.forms && fieldData.forms.length > 0) {
+          fieldData.forms = fieldData.forms.map((formItem) => {
+            formItem.id = v4();
+            if (formItem.form && formItem.form.formConfig && formItem.form.formConfig.length > 0) {
+              formItem.form.formConfig = formItem.form.formConfig.map((formConfigItem) => {
+                formConfigItem.id = v4();
+                replaceProxy(formConfigItem, systemData);
+                return formConfigItem;
+              });
+            }
+            return formItem;
+          });
+        }
+        let obj = _.assign(fieldData, {
+          id: "",
+          // 清空id
+          update_time: ""
+          // 清空更新时间
+        });
+        return obj;
+      });
+      dialogData.currentConfigValue = "";
+      dialogData.currentConfig = void 0;
+    }).catch((err) => {
+      console.log("err", err);
+    });
+  };
+  const onChangeConfig = () => {
+    if (dialogData.currentConfigValue) {
+      dialogData.currentConfig = dialogData.configList.find(
+        (config) => config.config_unique_id === dialogData.currentConfigValue
+      );
+    } else {
+      dialogData.currentConfig = void 0;
+    }
+  };
+  const getMenuData = () => {
+    if (dialogData.currentSystem && dialogData.currentSystem.project_code) {
+      menuController.getMenuList({ project_code: dialogData.currentSystem.project_code }).then((res) => {
+        if (res.code != 1)
+          return;
+        dialogData.menuList = res.data || [];
+        dialogData.currentMenuValue = [];
+      }).catch((err) => {
+        console.log("err", err);
+      });
+    }
+  };
+  const onChangeMenu = () => {
+    getConfigList();
+  };
+  const getSystemData = () => {
+    systemController.getAllSystemInfo().then((res) => {
+      var _a;
+      if (res.code != 1)
+        return;
+      dialogData.systemList = res.data || [];
+      dialogData.currentSystem = Session.get("CURRENT_SYSTEM");
+      dialogData.currentSystemValue = ((_a = dialogData.currentSystem) == null ? void 0 : _a.project_code) || "";
+      getMenuData();
+    });
+  };
+  const onChangeSystem = () => {
+    if (dialogData.currentSystemValue) {
+      dialogData.currentSystem = dialogData.systemList.find(
+        (config) => config.project_code === dialogData.currentSystemValue
+      );
+    } else {
+      dialogData.currentSystem = void 0;
+    }
+    dialogData.currentMenuValue = [];
+    dialogData.currentConfig = void 0;
+    dialogData.currentConfigValue = "";
+    getMenuData();
+  };
+  const initData = () => {
+    getSystemData();
+  };
+  const confirm = () => {
+    if (dialogData.currentConfig) {
+      let config = _.cloneDeep(dialogData.currentConfig);
+      config.config_name = "";
+      config.config_unique_id = v4();
+      return Promise.resolve(config);
+    } else {
+      ElMessage.warning("请选择配置");
+      return Promise.reject();
+    }
+  };
+  const propListAttr = ["hs-select", "hs-tree-select"];
+  const propListGroupAttr = ["hs-radio", "hs-checkbox"];
+  const replaceProxy = (obj, systemData) => {
+    if (propListAttr.includes(obj.data.elementItem[0].baseData.el) && obj.data.elementItem[0].elData.attrs && obj.data.elementItem[0].elData.attrs.proxy && obj.data.elementItem[0].elData.attrs.proxy != systemData.project_url) {
+      obj.data.elementItem[0].elData.attrs.proxy = systemData.project_url;
+    }
+    if (propListGroupAttr.includes(obj.data.elementItem[0].baseData.el) && obj.data.elementItem[0].elData.groupAttrs && obj.data.elementItem[0].elData.groupAttrs.proxy && obj.data.elementItem[0].elData.groupAttrs.proxy != systemData.project_url) {
+      obj.data.elementItem[0].elData.groupAttrs.proxy = systemData.project_url;
+    }
+    return obj;
+  };
+  return { initData, onChangeMenu, onChangeConfig, onChangeSystem, dialogData, confirm };
+}
+const _withScopeId = (n) => (pushScopeId("data-v-83367687"), n = n(), popScopeId(), n);
+const _hoisted_1 = { class: "h-full" };
+const _hoisted_2 = { style: { "height": "50px" } };
+const _hoisted_3 = {
+  key: 0,
+  class: "w-full",
+  style: { "height": "calc(100% - 50px)", "overflow": "auto" }
+};
+const _hoisted_4 = { key: 0 };
+const _hoisted_5 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("div", { class: "title font-medium my-2" }, "按钮", -1));
+const _hoisted_6 = { class: "flex px-4 flex-wrap" };
+const _hoisted_7 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("div", { class: "title font-medium my-2" }, "表单项", -1));
+const _hoisted_8 = { class: "flex px-4 flex-wrap" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "cloneConfigDialog",
+  setup(__props, { expose: __expose }) {
+    const { dialogData, initData, onChangeMenu, onChangeConfig, onChangeSystem, confirm } = useCloneConfig();
+    onMounted(() => {
+      initData();
+    });
+    __expose({
+      getData() {
+        return confirm;
+      }
+    });
+    const casProp = ref({ label: "title", value: "id" });
+    return (_ctx, _cache) => {
+      const _component_hs_option = resolveComponent("hs-option");
+      const _component_hs_select = resolveComponent("hs-select");
+      const _component_hs_form_item = resolveComponent("hs-form-item");
+      const _component_hs_cascader = resolveComponent("hs-cascader");
+      const _component_hs_form = resolveComponent("hs-form");
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createElementVNode("div", _hoisted_2, [
+          createVNode(_component_hs_form, { inline: "" }, {
+            default: withCtx(() => [
+              createVNode(_component_hs_form_item, { label: "系统:" }, {
+                default: withCtx(() => [
+                  createVNode(_component_hs_select, {
+                    onChange: unref(onChangeSystem),
+                    modelValue: unref(dialogData).currentSystemValue,
+                    "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => unref(dialogData).currentSystemValue = $event),
+                    style: { "width": "240px" }
+                  }, {
+                    default: withCtx(() => [
+                      (openBlock(true), createElementBlock(Fragment, null, renderList(unref(dialogData).systemList, (item) => {
+                        return openBlock(), createBlock(_component_hs_option, {
+                          key: item.project_code,
+                          label: item.project_name,
+                          value: item.project_code
+                        }, null, 8, ["label", "value"]);
+                      }), 128))
+                    ]),
+                    _: 1
+                  }, 8, ["onChange", "modelValue"])
+                ]),
+                _: 1
+              }),
+              createVNode(_component_hs_form_item, { label: "菜单:" }, {
+                default: withCtx(() => [
+                  createVNode(_component_hs_cascader, {
+                    onChange: unref(onChangeMenu),
+                    modelValue: unref(dialogData).currentMenuValue,
+                    "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => unref(dialogData).currentMenuValue = $event),
+                    options: unref(dialogData).menuList,
+                    props: casProp.value
+                  }, null, 8, ["onChange", "modelValue", "options", "props"])
+                ]),
+                _: 1
+              }),
+              createVNode(_component_hs_form_item, { label: "配置:" }, {
+                default: withCtx(() => [
+                  createVNode(_component_hs_select, {
+                    onChange: unref(onChangeConfig),
+                    modelValue: unref(dialogData).currentConfigValue,
+                    "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => unref(dialogData).currentConfigValue = $event),
+                    style: { "width": "240px" }
+                  }, {
+                    default: withCtx(() => [
+                      (openBlock(true), createElementBlock(Fragment, null, renderList(unref(dialogData).configList, (item) => {
+                        return openBlock(), createBlock(_component_hs_option, {
+                          key: item.config_unique_id,
+                          label: item.config_name,
+                          value: item.config_unique_id
+                        }, null, 8, ["label", "value"]);
+                      }), 128))
+                    ]),
+                    _: 1
+                  }, 8, ["onChange", "modelValue"])
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          })
+        ]),
+        unref(dialogData).currentConfig ? (openBlock(), createElementBlock("div", _hoisted_3, [
+          unref(dialogData).currentConfig.btns.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_4, [
+            _hoisted_5,
+            createElementVNode("div", _hoisted_6, [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(unref(dialogData).currentConfig.btns, (btnItem) => {
+                return openBlock(), createElementBlock("div", {
+                  class: "p-2 mx-2 border-dashed rounded-md border flex-nowrap mb-2",
+                  key: btnItem.id
+                }, toDisplayString(btnItem.data.name) + "--" + toDisplayString(btnItem.data.key), 1);
+              }), 128))
+            ])
+          ])) : createCommentVNode("", true),
+          unref(dialogData).currentConfig.forms ? (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(unref(dialogData).currentConfig.forms, (formItem, formIndex) => {
+            return openBlock(), createElementBlock("div", { key: formIndex }, [
+              _hoisted_7,
+              createElementVNode("div", _hoisted_8, [
+                (openBlock(true), createElementBlock(Fragment, null, renderList(formItem.form.formConfig, (formConfigItem, formConfigIndex) => {
+                  return openBlock(), createElementBlock("div", {
+                    class: "p-2 mx-2 border-dashed rounded-md border flex-nowrap mb-2",
+                    key: formConfigIndex
+                  }, toDisplayString(formConfigItem.data.elementItem[0].baseData.label) + "--" + toDisplayString(formConfigItem.data.elementItem[0].baseData.prop), 1);
+                }), 128))
+              ])
+            ]);
+          }), 128)) : createCommentVNode("", true)
+        ])) : createCommentVNode("", true)
+      ]);
+    };
+  }
+});
+const cloneConfigDialog = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-83367687"]]);
+export {
+  cloneConfigDialog as default
+};

package/dist/columns-BaMnHT6T.mjs

@@ -0,0 +1,85 @@
+import { defineComponent, defineAsyncComponent, ref, onMounted, watch, nextTick, resolveComponent, openBlock, createBlock, withCtx, createVNode, unref } from "vue";
+import { u as useRoute, c as useThemeConfig, s as storeToRefs } from "./index-DvYORydh.mjs";
+const __default__ = defineComponent({
+  name: "layoutColumns"
+});
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
+  setup(__props) {
+    const LayoutAside = defineAsyncComponent(() => import("./aside-822hUIUZ.mjs"));
+    const LayoutHeader = defineAsyncComponent(() => import("./header-B1oIy8an.mjs"));
+    const LayoutMain = defineAsyncComponent(() => import("./main-bobSOnyH.mjs"));
+    const ColumnsAside = defineAsyncComponent(() => import("./columnsAside-5Kj--k27.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/columns-CpZTOl_l.js

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

package/dist/columnsAside-5Kj--k27.mjs

@@ -0,0 +1,232 @@
+import { defineComponent, ref, reactive, onMounted, onUnmounted, watch, resolveComponent, openBlock, createElementBlock, createVNode, withCtx, createElementVNode, Fragment, renderList, normalizeClass, unref, toDisplayString, nextTick } from "vue";
+import { P as useRoutesList, c as useThemeConfig, s as storeToRefs, u as useRoute, a as useRouter, m as mittBus, a2 as onBeforeRouteUpdate, _ as _export_sfc } from "./index-DvYORydh.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/columnsAside-BDLn7r6X.js

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

package/dist/contextmenu-Bo5ps0Xs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),t=require("./index-EpVRV_uE.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:""}),a=e.computed((()=>c.dropdown.x+117>document.documentElement.clientWidth?{x:document.documentElement.clientWidth-117-5,y:c.dropdown.y}:c.dropdown)),m=()=>{i.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?i.arrowLeft=117-(document.documentElement.clientWidth-e):i.arrowLeft=10}),{deep:!0}),l({openContextmenu:(e,t)=>{i.item=e,i.mode=t,m(),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",{"aria-hidden":"true",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(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","aria-disabled":"false",tabindex:"-1",key:o,onClick:e=>{return o=t.contextMenuClickId,void d("currentContextmenuClick",Object.assign({},{contextMenuClickId:o}),i.mode);var o}},[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-b853b410"]]);exports.default=c;