yuang-framework-ui-pc 1.1.1 → 1.1.3

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

@@ -0,0 +1,171 @@
+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
+};

package/es/utils/resolvers.js

@@ -27,7 +27,7 @@ function EleAdminResolver(options) {
       var _a;
       const { path, exclude } = options || {};
       if (name.match(/^Ele[A-Z]/) && !((_a = exclude == null ? void 0 : exclude.includes) == null ? void 0 : _a.call(exclude, name))) {
-        const packageName = "ele-admin-plus";
+        const packageName = "yuang-framework-ui-pc";
         const namePath = name.replace(/([A-Z])/g, " $1").trim().split(" ").join("-").toLowerCase();
         const stylePath = getStylePath(namePath, packageName, path);
         if (!path || path === "/es/core" || path === "/lib/core") {

package/lib/utils/resolvers.cjs

@@ -29,7 +29,7 @@ function EleAdminResolver(options) {
       var _a;
       const { path, exclude } = options || {};
       if (name.match(/^Ele[A-Z]/) && !((_a = exclude == null ? void 0 : exclude.includes) == null ? void 0 : _a.call(exclude, name))) {
-        const packageName = "ele-admin-plus";
+        const packageName = "yuang-framework-ui-pc";
         const namePath = name.replace(/([A-Z])/g, " $1").trim().split(" ").join("-").toLowerCase();
         const stylePath = getStylePath(namePath, packageName, path);
         if (!path || path === "/es/core" || path === "/lib/core") {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "yuang-framework-ui-pc",
-  "version": "1.1.1",
+  "version": "1.1.3",
   "type": "module",
   "scripts": {
     "dev": "vite --host --config vite.global.ts",

package/typings/global.d.ts

@@ -1,64 +1,64 @@
 /* eslint-disable @typescript-eslint/consistent-type-imports */
 declare module '@vue/runtime-core' {
   export interface GlobalComponents {
-    EleAdminLayout: (typeof import('ele-admin-plus'))['EleAdminLayout'];
-    EleAlert: (typeof import('ele-admin-plus'))['EleAlert'];
-    EleApp: (typeof import('ele-admin-plus'))['EleApp'];
-    EleAvatarGroup: (typeof import('ele-admin-plus'))['EleAvatarGroup'];
-    EleBacktop: (typeof import('ele-admin-plus'))['EleBacktop'];
-    EleBarCode: (typeof import('ele-admin-plus'))['EleBarCode'];
-    EleBasicSelect: (typeof import('ele-admin-plus'))['EleBasicSelect'];
-    EleBottomBar: (typeof import('ele-admin-plus'))['EleBottomBar'];
-    EleBreadcrumb: (typeof import('ele-admin-plus'))['EleBreadcrumb'];
-    EleCard: (typeof import('ele-admin-plus'))['EleCard'];
-    EleCheckCard: (typeof import('ele-admin-plus'))['EleCheckCard'];
-    EleConfigProvider: (typeof import('ele-admin-plus'))['EleConfigProvider'];
-    EleCopyable: (typeof import('ele-admin-plus'))['EleCopyable'];
-    EleCountUp: (typeof import('ele-admin-plus'))['EleCountUp'];
-    EleCropper: (typeof import('ele-admin-plus'))['EleCropper'];
-    EleCropperModal: (typeof import('ele-admin-plus'))['EleCropperModal'];
-    EleDashboard: (typeof import('ele-admin-plus'))['EleDashboard'];
-    EleDataTable: (typeof import('ele-admin-plus'))['EleDataTable'];
-    EleDot: (typeof import('ele-admin-plus'))['EleDot'];
-    EleDrawer: (typeof import('ele-admin-plus'))['EleDrawer'];
-    EleDropdown: (typeof import('ele-admin-plus'))['EleDropdown'];
-    EleEditTag: (typeof import('ele-admin-plus'))['EleEditTag'];
-    EleEllipsis: (typeof import('ele-admin-plus'))['EleEllipsis'];
-    EleFileList: (typeof import('ele-admin-plus'))['EleFileList'];
-    EleFileListTool: (typeof import('ele-admin-plus'))['EleFileListTool'];
-    EleIconSelect: (typeof import('ele-admin-plus'))['EleIconSelect'];
-    EleImageViewer: (typeof import('ele-admin-plus'))['EleImageViewer'];
-    EleLoading: (typeof import('ele-admin-plus'))['EleLoading'];
-    EleMapPicker: (typeof import('ele-admin-plus'))['EleMapPicker'];
-    EleMenus: (typeof import('ele-admin-plus'))['EleMenus'];
-    EleModal: (typeof import('ele-admin-plus'))['EleModal'];
-    ElePage: (typeof import('ele-admin-plus'))['ElePage'];
-    ElePagination: (typeof import('ele-admin-plus'))['ElePagination'];
-    ElePopconfirm: (typeof import('ele-admin-plus'))['ElePopconfirm'];
-    ElePopover: (typeof import('ele-admin-plus'))['ElePopover'];
-    ElePrinter: (typeof import('ele-admin-plus'))['ElePrinter'];
-    EleProLayout: (typeof import('ele-admin-plus'))['EleProLayout'];
-    EleProTable: (typeof import('ele-admin-plus'))['EleProTable'];
-    EleQrCode: (typeof import('ele-admin-plus'))['EleQrCode'];
-    EleQrCodeSvg: (typeof import('ele-admin-plus'))['EleQrCodeSvg'];
-    EleSegmented: (typeof import('ele-admin-plus'))['EleSegmented'];
-    EleSplitPanel: (typeof import('ele-admin-plus'))['EleSplitPanel'];
-    EleSteps: (typeof import('ele-admin-plus'))['EleSteps'];
-    EleTabTool: (typeof import('ele-admin-plus'))['EleTabTool'];
-    EleTabWrap: (typeof import('ele-admin-plus'))['EleTabWrap'];
-    EleTable: (typeof import('ele-admin-plus'))['EleTable'];
-    EleTableSelect: (typeof import('ele-admin-plus'))['EleTableSelect'];
-    EleTabs: (typeof import('ele-admin-plus'))['EleTabs'];
-    EleText: (typeof import('ele-admin-plus'))['EleText'];
-    EleTool: (typeof import('ele-admin-plus'))['EleTool'];
-    EleToolbar: (typeof import('ele-admin-plus'))['EleToolbar'];
-    EleTooltip: (typeof import('ele-admin-plus'))['EleTooltip'];
-    EleTour: (typeof import('ele-admin-plus'))['EleTour'];
-    EleTreeSelect: (typeof import('ele-admin-plus'))['EleTreeSelect'];
-    EleUploadList: (typeof import('ele-admin-plus'))['EleUploadList'];
-    EleVirtualTable: (typeof import('ele-admin-plus'))['EleVirtualTable'];
-    EleWatermark: (typeof import('ele-admin-plus'))['EleWatermark'];
-    EleXgPlayer: (typeof import('ele-admin-plus'))['EleXgPlayer'];
+    EleAdminLayout: (typeof import('yuang-framework-ui-pc'))['EleAdminLayout'];
+    EleAlert: (typeof import('yuang-framework-ui-pc'))['EleAlert'];
+    EleApp: (typeof import('yuang-framework-ui-pc'))['EleApp'];
+    EleAvatarGroup: (typeof import('yuang-framework-ui-pc'))['EleAvatarGroup'];
+    EleBacktop: (typeof import('yuang-framework-ui-pc'))['EleBacktop'];
+    EleBarCode: (typeof import('yuang-framework-ui-pc'))['EleBarCode'];
+    EleBasicSelect: (typeof import('yuang-framework-ui-pc'))['EleBasicSelect'];
+    EleBottomBar: (typeof import('yuang-framework-ui-pc'))['EleBottomBar'];
+    EleBreadcrumb: (typeof import('yuang-framework-ui-pc'))['EleBreadcrumb'];
+    EleCard: (typeof import('yuang-framework-ui-pc'))['EleCard'];
+    EleCheckCard: (typeof import('yuang-framework-ui-pc'))['EleCheckCard'];
+    EleConfigProvider: (typeof import('yuang-framework-ui-pc'))['EleConfigProvider'];
+    EleCopyable: (typeof import('yuang-framework-ui-pc'))['EleCopyable'];
+    EleCountUp: (typeof import('yuang-framework-ui-pc'))['EleCountUp'];
+    EleCropper: (typeof import('yuang-framework-ui-pc'))['EleCropper'];
+    EleCropperModal: (typeof import('yuang-framework-ui-pc'))['EleCropperModal'];
+    EleDashboard: (typeof import('yuang-framework-ui-pc'))['EleDashboard'];
+    EleDataTable: (typeof import('yuang-framework-ui-pc'))['EleDataTable'];
+    EleDot: (typeof import('yuang-framework-ui-pc'))['EleDot'];
+    EleDrawer: (typeof import('yuang-framework-ui-pc'))['EleDrawer'];
+    EleDropdown: (typeof import('yuang-framework-ui-pc'))['EleDropdown'];
+    EleEditTag: (typeof import('yuang-framework-ui-pc'))['EleEditTag'];
+    EleEllipsis: (typeof import('yuang-framework-ui-pc'))['EleEllipsis'];
+    EleFileList: (typeof import('yuang-framework-ui-pc'))['EleFileList'];
+    EleFileListTool: (typeof import('yuang-framework-ui-pc'))['EleFileListTool'];
+    EleIconSelect: (typeof import('yuang-framework-ui-pc'))['EleIconSelect'];
+    EleImageViewer: (typeof import('yuang-framework-ui-pc'))['EleImageViewer'];
+    EleLoading: (typeof import('yuang-framework-ui-pc'))['EleLoading'];
+    EleMapPicker: (typeof import('yuang-framework-ui-pc'))['EleMapPicker'];
+    EleMenus: (typeof import('yuang-framework-ui-pc'))['EleMenus'];
+    EleModal: (typeof import('yuang-framework-ui-pc'))['EleModal'];
+    ElePage: (typeof import('yuang-framework-ui-pc'))['ElePage'];
+    ElePagination: (typeof import('yuang-framework-ui-pc'))['ElePagination'];
+    ElePopconfirm: (typeof import('yuang-framework-ui-pc'))['ElePopconfirm'];
+    ElePopover: (typeof import('yuang-framework-ui-pc'))['ElePopover'];
+    ElePrinter: (typeof import('yuang-framework-ui-pc'))['ElePrinter'];
+    EleProLayout: (typeof import('yuang-framework-ui-pc'))['EleProLayout'];
+    EleProTable: (typeof import('yuang-framework-ui-pc'))['EleProTable'];
+    EleQrCode: (typeof import('yuang-framework-ui-pc'))['EleQrCode'];
+    EleQrCodeSvg: (typeof import('yuang-framework-ui-pc'))['EleQrCodeSvg'];
+    EleSegmented: (typeof import('yuang-framework-ui-pc'))['EleSegmented'];
+    EleSplitPanel: (typeof import('yuang-framework-ui-pc'))['EleSplitPanel'];
+    EleSteps: (typeof import('yuang-framework-ui-pc'))['EleSteps'];
+    EleTabTool: (typeof import('yuang-framework-ui-pc'))['EleTabTool'];
+    EleTabWrap: (typeof import('yuang-framework-ui-pc'))['EleTabWrap'];
+    EleTable: (typeof import('yuang-framework-ui-pc'))['EleTable'];
+    EleTableSelect: (typeof import('yuang-framework-ui-pc'))['EleTableSelect'];
+    EleTabs: (typeof import('yuang-framework-ui-pc'))['EleTabs'];
+    EleText: (typeof import('yuang-framework-ui-pc'))['EleText'];
+    EleTool: (typeof import('yuang-framework-ui-pc'))['EleTool'];
+    EleToolbar: (typeof import('yuang-framework-ui-pc'))['EleToolbar'];
+    EleTooltip: (typeof import('yuang-framework-ui-pc'))['EleTooltip'];
+    EleTour: (typeof import('yuang-framework-ui-pc'))['EleTour'];
+    EleTreeSelect: (typeof import('yuang-framework-ui-pc'))['EleTreeSelect'];
+    EleUploadList: (typeof import('yuang-framework-ui-pc'))['EleUploadList'];
+    EleVirtualTable: (typeof import('yuang-framework-ui-pc'))['EleVirtualTable'];
+    EleWatermark: (typeof import('yuang-framework-ui-pc'))['EleWatermark'];
+    EleXgPlayer: (typeof import('yuang-framework-ui-pc'))['EleXgPlayer'];
   }
 }
 export {};

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

@@ -1,120 +0,0 @@
-<!-- 内嵌缓存 -->
-<template>
-  <div class="ele-admin-iframe-wrap">
-    <template v-if="!transitionName">
-      <template v-for="item in data" :key="item.id">
-        <iframe
-          v-if="!item.refresh"
-          :data-id="item.id"
-          :src="item.src"
-          v-show="active === item.id"
-          class="ele-admin-iframe"
-        ></iframe>
-      </template>
-    </template>
-    <TransitionGroup
-      v-else
-      :appear="true"
-      :name="transitionName"
-      @afterLeave="handleLeave()"
-    >
-      <template v-for="item in data" :key="item.id">
-        <iframe
-          v-if="!item.refresh"
-          :data-id="item.id"
-          :src="item.src"
-          v-show="active === item.id"
-          class="ele-admin-iframe"
-        ></iframe>
-      </template>
-    </TransitionGroup>
-  </div>
-</template>
-
-<script lang="ts">
-  import type { PropType } from 'vue';
-  import { defineComponent, ref, computed, watch, nextTick } from 'vue';
-  import { useTimer } from '../../utils/hook';
-  import type { TabItem, IframeItem } from '../types';
-  import { getIframeSrc } from '../util';
-
-  export default defineComponent({
-    name: 'ProIframe',
-    props: {
-      /** 是否支持内嵌缓存 */
-      keepAlive: Boolean,
-      /** 内嵌切换动画 */
-      transitionName: String,
-      /** 内嵌进入动画延迟时间 */
-      transitionDelay: Number,
-      /** 页签数据 */
-      tabData: {
-        type: Array as PropType<TabItem[]>,
-        required: true
-      },
-      /** 页签选中 */
-      tabActive: String
-    },
-    setup(props) {
-      const [startActiveTimer, stopActiveTimer] = useTimer();
-
-      /** 内嵌数据 */
-      const data = computed<IframeItem[]>(() => {
-        const list: IframeItem[] = [];
-        props.tabData.forEach((t) => {
-          const isAlive = t.meta?.keepAlive !== false;
-          if (t.key && t.meta?.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<string | null | undefined>(dataActive.value);
-
-      /** 离开动画结束事件 */
-      const handleLeave = (delay?: number) => {
-        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 };
-    }
-  });
-</script>