yuang-framework-ui-pc 1.1.44 → 1.1.45

package/es/ele-pro-layout/components/pro-iframe.js

@@ -1,124 +0,0 @@
-import { defineComponent, computed, ref, watch, nextTick, createElementBlock, openBlock, createBlock, Fragment, renderList, withDirectives, createCommentVNode, vShow, TransitionGroup, withCtx } from "vue";
-import { useTimer } from "../../utils/hook";
-import { getIframeSrc } from "../util";
-const _sfc_main = defineComponent({
-  name: "ProIframe",
-  props: {
-    /** 是否支持内嵌缓存 */
-    keepAlive: Boolean,
-    /** 内嵌切换动画 */
-    transitionName: String,
-    /** 内嵌进入动画延迟时间 */
-    transitionDelay: Number,
-    /** 页签数据 */
-    tabData: {
-      type: Array,
-      required: true
-    },
-    /** 页签选中 */
-    tabActive: String
-  },
-  setup(props) {
-    const [startActiveTimer, stopActiveTimer] = useTimer();
-    const data = computed(() => {
-      const list = [];
-      props.tabData.forEach((t) => {
-        var _a, _b;
-        const isAlive = ((_a = t.meta) == null ? void 0 : _a.keepAlive) !== false;
-        if (t.key && ((_b = t.meta) == null ? void 0 : _b.iframe) && isAlive) {
-          const src = getIframeSrc(t.fullPath, t.meta.iframe);
-          list.push({ id: t.key, src, refresh: t.refresh });
-        }
-      });
-      return list.sort((a, b) => a.id === b.id ? 0 : a.id > b.id ? 1 : -1);
-    });
-    const dataActive = computed(() => {
-      if (!props.tabActive || !data.value.length || !data.value.some((d) => d.id === props.tabActive)) {
-        return;
-      }
-      return props.tabActive;
-    });
-    const active = ref(dataActive.value);
-    const handleLeave = (delay) => {
-      if (!dataActive.value) {
-        active.value = null;
-        return;
-      }
-      if (!delay) {
-        active.value = dataActive.value;
-        return;
-      }
-      startActiveTimer(() => {
-        nextTick(() => {
-          active.value = dataActive.value;
-        });
-      }, delay);
-    };
-    watch(dataActive, () => {
-      stopActiveTimer();
-      if (active.value == null) {
-        handleLeave(props.transitionName ? props.transitionDelay : void 0);
-      } else if (!props.transitionName) {
-        handleLeave();
-      } else {
-        active.value = null;
-      }
-    });
-    return { active, data, handleLeave };
-  }
-});
-const _export_sfc = (sfc, props) => {
-  const target = sfc.__vccOpts || sfc;
-  for (const [key, val] of props) {
-    target[key] = val;
-  }
-  return target;
-};
-const _hoisted_1 = { class: "ele-admin-iframe-wrap" };
-const _hoisted_2 = ["data-id", "src"];
-const _hoisted_3 = ["data-id", "src"];
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  return openBlock(), createElementBlock("div", _hoisted_1, [
-    !_ctx.transitionName ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(_ctx.data, (item) => {
-      return openBlock(), createElementBlock(Fragment, {
-        key: item.id
-      }, [
-        !item.refresh ? withDirectives((openBlock(), createElementBlock("iframe", {
-          key: 0,
-          "data-id": item.id,
-          src: item.src,
-          class: "ele-admin-iframe"
-        }, null, 8, _hoisted_2)), [
-          [vShow, _ctx.active === item.id]
-        ]) : createCommentVNode("", true)
-      ], 64);
-    }), 128)) : (openBlock(), createBlock(TransitionGroup, {
-      key: 1,
-      appear: true,
-      name: _ctx.transitionName,
-      onAfterLeave: _cache[0] || (_cache[0] = ($event) => _ctx.handleLeave())
-    }, {
-      default: withCtx(() => [
-        (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.data, (item) => {
-          return openBlock(), createElementBlock(Fragment, {
-            key: item.id
-          }, [
-            !item.refresh ? withDirectives((openBlock(), createElementBlock("iframe", {
-              key: 0,
-              "data-id": item.id,
-              src: item.src,
-              class: "ele-admin-iframe"
-            }, null, 8, _hoisted_3)), [
-              [vShow, _ctx.active === item.id]
-            ]) : createCommentVNode("", true)
-          ], 64);
-        }), 128))
-      ]),
-      _: 1
-    }, 8, ["name"]))
-  ]);
-}
-const proIframe = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-export {
-  proIframe as default
-};

package/es/ele-pro-layout/style/index.d.ts

@@ -1 +0,0 @@
-

package/es/ele-pro-layout/style/index.js

@@ -1,2 +0,0 @@
-import "../../ele-admin-layout/style/index";
-import "./index.scss";

package/es/ele-pro-layout/style/index.scss

@@ -1,41 +0,0 @@
-@use '../../style/themes/default.scss' as *;
-@use '../../style/util.scss' as *;
-
-.ele-pro-layout {
-  /* logo */
-  & > .ele-admin-side {
-    & > .ele-admin-sidebox > .ele-admin-logo > img + h1 {
-      display: none;
-    }
-  }
-
-  /* 面包屑导航 */
-  &.is-mobile > .ele-admin-main > .ele-admin-header > .ele-admin-breadcrumb {
-    display: none;
-  }
-}
-
-/* iframe */
-.ele-admin-iframe-wrap {
-  flex-shrink: 0;
-  position: absolute;
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  width: 100%;
-  height: 100%;
-  display: flex;
-  flex-direction: column;
-  pointer-events: none;
-  overflow: hidden;
-}
-
-.ele-admin-iframe {
-  flex-shrink: 0;
-  width: 100%;
-  height: 100%;
-  border: none;
-  box-sizing: border-box;
-  pointer-events: auto;
-}

package/es/ele-pro-layout/util.d.ts

@@ -1,88 +0,0 @@
-import { RouteLocationNormalizedLoaded, RouteLocationMatched } from 'vue-router';
-import { EleMenuItemProps } from '../ele-app/plus';
-import { LayoutProvide } from '../ele-admin-layout/types';
-import { MenuItem, TabItem, LevelItem, MatchedResult, ProLayoutProvide, ResponsiveProps } from './types';
-
-/**
- * 根据菜单地址获取菜单
- * @param path 菜单地址
- * @param menus 菜单数据
- */
-export declare function findMenuByPath(path?: string, menus?: MenuItem[]): MenuItem | undefined;
-/**
- * 根据路由地址获取页签
- * @param path 路由地址
- * @param tabs 页签数据
- */
-export declare function findTabByPath(path?: string, tabs?: TabItem[] | null): TabItem | undefined;
-/**
- * 根据页签标识获取页签
- * @param key 页签标识
- * @param tabs 页签数据
- */
-export declare function findTabByKey(key?: string, tabs?: TabItem[] | null): TabItem | undefined;
-/**
- * 根据菜单地址获取菜单及所有父级
- * @param path 菜单地址
- * @param menus 菜单数据
- */
-export declare function getMatchedMenus(path: string, menus: MenuItem[], parents?: MenuItem[]): MenuItem[] | undefined;
-/**
- * 获取路由匹配的菜单数据
- * @param route 路由信息
- * @param menus 菜单数据
- */
-export declare function getRouteMatched(route: RouteLocationNormalizedLoaded, menus: MenuItem[]): MatchedResult;
-/**
- * 获取面包屑导航数据
- * @param matched 匹配的菜单数据
- * @param activeOther 是否选中非本身
- * @param route 路由信息
- * @param menus 菜单数据
- * @param tabs 页签数据
- */
-export declare function getMatchedLevels(matched: MenuItem[] | undefined, activeOther: boolean | undefined, route: RouteLocationNormalizedLoaded, menus: MenuItem[], tabs: TabItem[]): LevelItem[];
-/**
- * 获取路由对应的组件名称
- * @param matched 路由匹配数据
- */
-export declare function getMatchedComponents(matched: RouteLocationMatched[]): string[];
-/**
- * 返回路由对应的页签数据
- * @param route 路由信息
- * @param tabs 当前页签数据
- * @param homePath 主页地址
- * @param routeTitle 路由对应的标题
- */
-export declare function getRouteTab(route: RouteLocationNormalizedLoaded, tabs: TabItem[], homePath: string | undefined, routeTitle?: string): TabItem;
-/**
- * 获取选中菜单的子级
- * @param menus 菜单数据
- * @param active 选中地址
- * @param childrenName 子级字段名称
- */
-export declare function getActiveChilds(menus: MenuItem[], active?: string, childrenName?: string): MenuItem[];
-/**
- * 拼接内嵌地址
- * @param routePath 路由地址含参数
- * @param iframeUrl 内嵌地址
- */
-export declare function getIframeSrc(routePath?: string, iframeUrl?: string): string;
-/**
- * 菜单数据转换
- * @param menus 菜单数据
- * @param link 是否使用超链接
- */
-export declare function getMenuItems(menus: MenuItem[], link: boolean): EleMenuItemProps[];
-/**
- * 获取布局共享数据
- */
-export declare function useLayoutState(): LayoutProvide;
-/**
- * 获取高级布局共享数据
- */
-export declare function useProLayoutState(): ProLayoutProvide;
-/**
- * 获取是否开启布局响应
- */
-export declare function useResponsive(props: ResponsiveProps): import('vue').ComputedRef<boolean>;

package/es/ele-pro-layout/util.js

@@ -1,171 +0,0 @@
-import { inject, computed } from "vue";
-import { findTree, mapTree, omit } from "../utils/core";
-import { LAYOUT_KEY } from "../ele-admin-layout/props";
-import { PRO_LAYOUT_KEY } from "./props";
-function findMenuByPath(path, menus) {
-  return path == null ? void 0 : findTree(menus, (d) => path === d.path);
-}
-function findTabByPath(path, tabs) {
-  if (path != null && tabs != null) {
-    return tabs.find((d) => path === d.key || path === d.fullPath);
-  }
-}
-function findTabByKey(key, tabs) {
-  if (key != null && tabs != null) {
-    return tabs.find((d) => key === d.key);
-  }
-}
-function getMatchedMenus(path, menus, parents) {
-  var _a;
-  for (const m of menus) {
-    const p = parents ? [...parents, m] : [m];
-    if (m.path === path) {
-      return p;
-    } else if ((_a = m.children) == null ? void 0 : _a.length) {
-      const result = getMatchedMenus(path, m.children, p);
-      if (result) {
-        return result;
-      }
-    }
-  }
-}
-function getRouteMatched(route, menus) {
-  var _a, _b, _c;
-  const { path, fullPath, meta } = route;
-  if (meta == null ? void 0 : meta.active) {
-    const m2 = findMenuByPath(fullPath, menus) ?? findMenuByPath(path, menus);
-    return {
-      active: meta.active,
-      activeOther: true,
-      title: ((_a = m2 == null ? void 0 : m2.meta) == null ? void 0 : _a.title) ?? meta.title,
-      matched: getMatchedMenus(meta.active, menus)
-    };
-  }
-  const fm = findMenuByPath(fullPath, menus);
-  if (fm) {
-    return {
-      active: fullPath,
-      title: ((_b = fm.meta) == null ? void 0 : _b.title) ?? meta.title,
-      matched: getMatchedMenus(fullPath, menus)
-    };
-  }
-  const m = findMenuByPath(path, menus);
-  return {
-    active: path,
-    title: ((_c = m == null ? void 0 : m.meta) == null ? void 0 : _c.title) ?? meta.title,
-    matched: getMatchedMenus(path, menus)
-  };
-}
-function getMatchedLevels(matched, activeOther, route, menus, tabs) {
-  var _a;
-  const levels = [];
-  if (matched) {
-    matched.forEach((m) => {
-      var _a2;
-      if (m.meta && m.meta.title && m.meta.breadcrumb !== false) {
-        const title = ((_a2 = findTabByPath(m.path, tabs)) == null ? void 0 : _a2.title) || m.meta.title;
-        levels.push({ path: m.path, title });
-      }
-    });
-  }
-  if (activeOther) {
-    const { path, fullPath, meta } = route;
-    const notIn = !levels.length || fullPath !== levels[levels.length - 1].path;
-    if (notIn && meta.title) {
-      const m = findMenuByPath(fullPath, menus) ?? findMenuByPath(path, menus);
-      const t = findTabByPath(fullPath, tabs) ?? findTabByPath(path, tabs);
-      const title = (t == null ? void 0 : t.title) || ((_a = m == null ? void 0 : m.meta) == null ? void 0 : _a.title) || meta.title;
-      levels.push({ path: fullPath, title });
-    }
-  }
-  return levels;
-}
-function getMatchedComponents(matched) {
-  const components = [];
-  matched.forEach((m) => {
-    var _a, _b;
-    if ((_b = (_a = m.components) == null ? void 0 : _a.default) == null ? void 0 : _b.name) {
-      components.push(m.components.default.name);
-    }
-  });
-  return components;
-}
-function getRouteTab(route, tabs, homePath, routeTitle) {
-  const { path, fullPath, meta, matched } = route;
-  const key = meta.tabUnique === false ? fullPath : path;
-  const t = findTabByPath(key, tabs);
-  const title = (t == null ? void 0 : t.title) || routeTitle;
-  const home = path === homePath || fullPath === homePath;
-  const closable = (t == null ? void 0 : t.closable) ?? meta.closable !== false;
-  const components = getMatchedComponents(matched);
-  return { key, path, fullPath, title, closable, home, components, meta };
-}
-function getActiveChilds(menus, active, childrenName) {
-  const field = childrenName || "children";
-  if (!menus.length) {
-    return [];
-  }
-  if (!active) {
-    return menus[0][field] || [];
-  }
-  const m = menus.find((m2) => m2.path === active);
-  if (m == null) {
-    return menus[0][field] || [];
-  }
-  return m[field] || [];
-}
-function getIframeSrc(routePath, iframeUrl) {
-  const [_path1, query1 = ""] = (routePath ?? "").split("?");
-  const [path2, query2 = ""] = (iframeUrl ?? "").split("?");
-  const params1 = new URLSearchParams(query1);
-  const params2 = new URLSearchParams(query2);
-  for (const [key, value] of params2.entries()) {
-    params1.append(key, value);
-  }
-  const newQuery = params1.toString();
-  return `${path2}${newQuery ? `?${newQuery}` : ""}`;
-}
-function getMenuItems(menus, link) {
-  return mapTree(menus, (m) => {
-    const { path, meta } = m;
-    const { hide, icon, title, props } = meta ?? {};
-    if (hide) {
-      return;
-    }
-    const item = {
-      title,
-      icon,
-      path: link ? path : void 0,
-      index: path,
-      ...omit(props, ["title", "icon", "path", "index"]),
-      meta
-    };
-    return item;
-  });
-}
-function useLayoutState() {
-  return inject(LAYOUT_KEY, {});
-}
-function useProLayoutState() {
-  return inject(PRO_LAYOUT_KEY, {});
-}
-function useResponsive(props) {
-  const state = useProLayoutState();
-  return computed(() => props.responsive ?? state.responsive ?? true);
-}
-export {
-  findMenuByPath,
-  findTabByKey,
-  findTabByPath,
-  getActiveChilds,
-  getIframeSrc,
-  getMatchedComponents,
-  getMatchedLevels,
-  getMatchedMenus,
-  getMenuItems,
-  getRouteMatched,
-  getRouteTab,
-  useLayoutState,
-  useProLayoutState,
-  useResponsive
-};