ele-admin-plus 1.0.0-beta.1

package/es/utils/core.js

@@ -0,0 +1,235 @@
+function toTree(option) {
+  const data = option.data;
+  const idField = option.idField || "id";
+  const parentIdField = option.parentIdField || "parentId";
+  const childrenField = option.childrenField || "children";
+  const parentIdIsNull = option.parentId == null;
+  const parentId = parentIdIsNull ? [] : option.parentId;
+  const addParentIds = option.addParentIds;
+  const parentIdsField = option.parentIdsField || "parentIds";
+  const parentIds = option.parentIds ?? [];
+  if (data == null) {
+    return [];
+  }
+  if (parentIdIsNull) {
+    data.forEach((d) => {
+      if (!data.some((t) => d[parentIdField] == t[idField]) && !parentId.includes(d[parentIdField])) {
+        parentId.push(d[parentIdField]);
+      }
+    });
+  }
+  const result = [];
+  data.forEach((d) => {
+    if (d[idField] == d[parentIdField]) {
+      throw new Error(
+        [
+          "data error: {",
+          idField + ": ",
+          JSON.stringify(d[idField]),
+          ", " + parentIdField + ": ",
+          JSON.stringify(d[parentIdField]),
+          "}"
+        ].join("")
+      );
+    }
+    if (Array.isArray(parentId) ? parentId.includes(d[parentIdField]) : d[parentIdField] == parentId) {
+      const t = { ...d };
+      const children = toTree({
+        data,
+        idField,
+        parentIdField,
+        childrenField,
+        parentId: d[idField],
+        addParentIds,
+        parentIdsField,
+        parentIds: [...parentIds, d[idField]]
+      });
+      if (children.length > 0) {
+        t[childrenField] = children;
+      }
+      if (addParentIds) {
+        t[parentIdsField] = parentIds;
+      }
+      result.push(t);
+    }
+  });
+  return result;
+}
+function eachTree(data, callback, childrenField = "children", parent) {
+  if (data) {
+    data.forEach((d, i) => {
+      var _a;
+      if (callback && callback(d, i, parent) !== false && ((_a = d[childrenField]) == null ? void 0 : _a.length)) {
+        eachTree(d[childrenField], callback, childrenField, d);
+      }
+    });
+  }
+}
+function mapTree(data, formatter, childrenField = "children", resultChildrenField = "children", parent) {
+  const result = [];
+  data == null ? void 0 : data.forEach((d, i) => {
+    var _a;
+    const item = formatter(d, i, parent);
+    if (item) {
+      if ((_a = d[childrenField]) == null ? void 0 : _a.length) {
+        item[resultChildrenField] = mapTree(
+          d[childrenField],
+          formatter,
+          childrenField,
+          resultChildrenField,
+          item
+        );
+      }
+      result.push(item);
+    }
+  });
+  return result;
+}
+function uuid(length = 32, radix) {
+  const str = "0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz";
+  let result = "";
+  for (let i = 0; i < length; i++) {
+    result += str.charAt(Math.floor(Math.random() * (radix || str.length)));
+  }
+  return result;
+}
+function random(m, n) {
+  return Math.floor(Math.random() * (m - n) + n);
+}
+function formatNumber(num) {
+  return String(num ?? "").replace(/(\d{1,3})(?=(\d{3})+(?:$|\.))/g, "$1,");
+}
+function assignObject(target, source, excludes) {
+  Object.keys(target).forEach((key) => {
+    if (!(excludes == null ? void 0 : excludes.includes(key))) {
+      target[key] = source[key];
+    }
+  });
+  return target;
+}
+function bd09ToGcj02(point) {
+  const x_pi = 3.141592653589793 * 3e3 / 180;
+  const x = point.lng - 65e-4;
+  const y = point.lat - 6e-3;
+  const z = Math.sqrt(x * x + y * y) - 2e-5 * Math.sin(y * x_pi);
+  const theta = Math.atan2(y, x) - 3e-6 * Math.cos(x * x_pi);
+  return {
+    lng: z * Math.cos(theta),
+    lat: z * Math.sin(theta)
+  };
+}
+function gcj02ToBd09(point) {
+  const x_pi = 3.141592653589793 * 3e3 / 180;
+  const x = point.lng;
+  const y = point.lat;
+  const z = Math.sqrt(x * x + y * y) + 2e-5 * Math.sin(y * x_pi);
+  const theta = Math.atan2(y, x) + 3e-6 * Math.cos(x * x_pi);
+  return {
+    lng: z * Math.cos(theta) + 65e-4,
+    lat: z * Math.sin(theta) + 6e-3
+  };
+}
+function requestFullscreen(el) {
+  if (el == null) {
+    el = document.documentElement;
+  }
+  const func = el.requestFullscreen || el.requestFullScreen || el.webkitRequestFullScreen || el.mozRequestFullScreen || el.msRequestFullScreen;
+  if (!func) {
+    throw new Error("您的浏览器不支持全屏模式");
+  }
+  func.call(el);
+}
+function exitFullscreen() {
+  const func = document.exitFullscreen || document.exitFullScreen || document.webkitCancelFullScreen || document.mozCancelFullScreen || document.msExitFullscreen;
+  func && func.call(document);
+}
+function checkFullscreen() {
+  return !!(document.fullscreenElement || document.webkitFullscreenElement || document.mozFullScreenElement || document.msFullscreenElement);
+}
+function screenWidth() {
+  return document.documentElement.clientWidth || document.body.clientWidth;
+}
+function screenHeight() {
+  return document.documentElement.clientHeight || document.body.clientHeight;
+}
+const contentSelector = ".ele-admin-body > .ele-admin-content";
+function contentWidth() {
+  const el = document.querySelector(contentSelector);
+  return (el == null ? void 0 : el.clientWidth) ?? screenWidth();
+}
+function contentHeight() {
+  const el = document.querySelector(contentSelector);
+  return (el == null ? void 0 : el.clientHeight) ?? screenHeight();
+}
+function isExternalLink(url) {
+  return !!(url && (url.startsWith("http://") || url.startsWith("https://") || url.startsWith("//")));
+}
+function debounce(func, wait) {
+  let timer = void 0;
+  const debounced = function(...args) {
+    if (timer) {
+      clearTimeout(timer);
+    }
+    timer = setTimeout(() => {
+      func.apply(this, args);
+      timer = void 0;
+    }, wait);
+  };
+  return debounced;
+}
+function throttle(func, wait) {
+  let timer = void 0;
+  const debounced = function(...args) {
+    if (!timer) {
+      func.apply(this, args);
+      timer = setTimeout(() => {
+        timer = void 0;
+      }, wait);
+    }
+  };
+  return debounced;
+}
+function omit(obj, ...fields) {
+  const result = Object.assign({}, obj);
+  if (obj) {
+    for (let i = 0; i < fields.length; i++) {
+      const key = fields[i];
+      delete result[key];
+    }
+  }
+  return result;
+}
+function pick(obj, ...fields) {
+  const result = {};
+  if (obj) {
+    for (let i = 0; i < fields.length; i++) {
+      const key = fields[i];
+      result[key] = obj[key];
+    }
+  }
+  return result;
+}
+export {
+  assignObject,
+  bd09ToGcj02,
+  checkFullscreen,
+  contentHeight,
+  contentSelector,
+  contentWidth,
+  debounce,
+  eachTree,
+  exitFullscreen,
+  formatNumber,
+  gcj02ToBd09,
+  isExternalLink,
+  mapTree,
+  omit,
+  pick,
+  random,
+  requestFullscreen,
+  screenHeight,
+  screenWidth,
+  throttle,
+  toTree,
+  uuid
+};

package/es/utils/iframe-component.d.ts

@@ -0,0 +1,8 @@
+/**
+ * 创建 iframe 组件
+ * @param name 组件名称
+ * @param url 链接地址
+ */
+export declare function createIframe(name: string | undefined, url: string): import("vue").DefineComponent<{}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;

package/es/utils/iframe-component.js

@@ -0,0 +1,70 @@
+import { defineComponent, ref, computed, onMounted, onActivated, onDeactivated, onBeforeUnmount, watch, nextTick, h } from "vue";
+import { useReceiver } from "../ele-config-provider/use-receiver";
+function createIframe(name, url) {
+  return defineComponent({
+    name,
+    setup() {
+      const instance = { el: null };
+      const config = useReceiver();
+      const rootRef = ref(null);
+      const keepAlive = computed(() => config.keepAlive);
+      const createIframe2 = () => {
+        var _a;
+        const el = document.createElement("iframe");
+        el.classList.add("ele-admin-iframe");
+        el.src = url;
+        const parentNode = (_a = rootRef.value) == null ? void 0 : _a.parentNode;
+        if (parentNode) {
+          parentNode.insertBefore(el, rootRef.value);
+          instance.el = el;
+        }
+      };
+      onMounted(() => {
+        if (keepAlive.value) {
+          createIframe2();
+        }
+      });
+      onActivated(() => {
+        if (instance.el) {
+          instance.el.style.display = "";
+        }
+      });
+      onDeactivated(() => {
+        if (instance.el) {
+          instance.el.style.display = "none";
+        }
+      });
+      onBeforeUnmount(() => {
+        if (instance.el) {
+          if (instance.el.parentNode) {
+            instance.el.parentNode.removeChild(instance.el);
+          }
+          instance.el = null;
+        }
+      });
+      watch(keepAlive, (keepAlive2) => {
+        if (keepAlive2 && !instance.el) {
+          nextTick(() => {
+            createIframe2();
+          });
+        }
+      });
+      return () => {
+        if (config.keepAlive || instance.el) {
+          return h("div", {
+            ref: rootRef,
+            style: { display: "none" }
+          });
+        }
+        return h("iframe", {
+          ref: rootRef,
+          class: "ele-admin-iframe",
+          src: url
+        });
+      };
+    }
+  });
+}
+export {
+  createIframe
+};

package/es/utils/license-util.d.ts

@@ -0,0 +1,9 @@
+/** 授权检查 */
+import type { Ref } from 'vue';
+export declare const UNAUTHORIZED_TIP = "\u60A8\u9700\u8981\u8D2D\u4E70 EleAdminPlus \u6388\u6743\u540E\u65B9\u53EF\u4F7F\u7528.";
+interface UseLicenseResult {
+    authenticated: Ref<boolean>;
+}
+export declare function useLicense(): UseLicenseResult;
+export declare function checkLicense(key?: string): boolean;
+export {};

package/es/utils/license-util.js

@@ -0,0 +1,176 @@
+import { computed, ref, watch } from "vue";
+import { useReceiver } from "../ele-config-provider/use-receiver";
+const UNAUTHORIZED_TIP = "您需要购买 EleAdminPlus 授权后方可使用.";
+const KEY_ENCRYPT = "BAFEDIHGLKJONMRQPUTSXWVaZYdcbgfejihmlkponsrqvutyxw10z432765+98/C";
+const VERSION_TIMESTAMP = 1659196800;
+const VERSION_NAME = "1.0";
+function useLicense() {
+  const config = useReceiver();
+  const license = computed(() => config.license);
+  const authenticated = ref(false);
+  watch(
+    license,
+    (value) => {
+      authenticated.value = checkLicense(value);
+    },
+    { immediate: true }
+  );
+  return { authenticated };
+}
+function checkLicense(key) {
+  const { code, hostname, domain, expiration, version } = parseLicense(key);
+  if (code === 4) {
+    return true;
+  }
+  console.warn(new Array(60).join("*"));
+  const tips = "请前往 https://eleadmin.com 获取授权码.";
+  const invalid = `授权码不正确或授权域名不匹配, ${tips}`;
+  const expired = `授权码已到期或授权版本号不匹配, ${tips}`;
+  console.warn([invalid, expired, invalid][code - 1]);
+  if (code === 2) {
+    if (typeof expiration === "number") {
+      console.warn("到期时间: ", new Date(expiration * 1e3));
+    }
+    console.warn("授权版本号: ", version);
+    console.warn("当前版本号: ", VERSION_NAME);
+  }
+  if (code === 3) {
+    console.warn("授权域名: ", domain);
+    console.warn("当前域名: ", hostname);
+  }
+  console.warn(new Array(60).join("*"));
+  return false;
+}
+function decode(encrypt) {
+  let output = "";
+  const format = (encrypt2, length, offset) => {
+    const content = ((array, offset2) => {
+      const max = array.length - offset2;
+      if (max <= 0) {
+        return array;
+      }
+      const result = new Array(array.length);
+      for (let i2 = 0; i2 < array.length; i2++) {
+        if (i2 < offset2) {
+          result[i2] = array[max + i2];
+        } else {
+          result[i2] = array[i2 - offset2];
+        }
+      }
+      return result;
+    })(encrypt2.split(""), offset).join("");
+    const sb = [];
+    let start = 0;
+    while (start < content.length) {
+      let end = start + length;
+      if (end > content.length) {
+        end = content.length;
+      }
+      const item = content.substring(start, end);
+      sb.push(item.split("").reverse().join(""));
+      start = end;
+    }
+    return sb.join("");
+  };
+  const index = encrypt.indexOf("=");
+  const body = index === -1 ? encrypt : encrypt.substring(0, index);
+  const suffix = index === -1 ? "" : encrypt.substring(index);
+  const temp = format(body, 12, 3) + suffix;
+  const input = temp.replace(/[^A-Za-z0-9\+\/\=]/g, "");
+  const KEYS = format(KEY_ENCRYPT, 3, 1) + "=";
+  let chr1, chr2, chr3;
+  let enc1, enc2, enc3, enc4;
+  let i = 0;
+  while (i < input.length) {
+    enc1 = KEYS.indexOf(input.charAt(i++));
+    enc2 = KEYS.indexOf(input.charAt(i++));
+    enc3 = KEYS.indexOf(input.charAt(i++));
+    enc4 = KEYS.indexOf(input.charAt(i++));
+    chr1 = enc1 << 2 | enc2 >> 4;
+    chr2 = (enc2 & 15) << 4 | enc3 >> 2;
+    chr3 = (enc3 & 3) << 6 | enc4;
+    output = output + String.fromCharCode(chr1);
+    if (enc3 != 64) {
+      output = output + String.fromCharCode(chr2);
+    }
+    if (enc4 != 64) {
+      output = output + String.fromCharCode(chr3);
+    }
+  }
+  output = ((utftext) => {
+    let string = "";
+    let i2 = 0;
+    let c = 0;
+    let c2 = 0;
+    let c3 = 0;
+    while (i2 < utftext.length) {
+      c = utftext.charCodeAt(i2);
+      if (c < 128) {
+        string += String.fromCharCode(c);
+        i2++;
+      } else if (c > 191 && c < 224) {
+        c2 = utftext.charCodeAt(i2 + 1);
+        string += String.fromCharCode((c & 31) << 6 | c2 & 63);
+        i2 += 2;
+      } else {
+        c2 = utftext.charCodeAt(i2 + 1);
+        c3 = utftext.charCodeAt(i2 + 2);
+        string += String.fromCharCode(
+          (c & 15) << 12 | (c2 & 63) << 6 | c3 & 63
+        );
+        i2 += 3;
+      }
+    }
+    return string;
+  })(output);
+  return output;
+}
+function parseLicense(license) {
+  var _a;
+  if (typeof license !== "string") {
+    return { code: 1 };
+  }
+  const content = decode(license);
+  try {
+    const certificate = JSON.parse(content);
+    if (certificate.product !== "EleAdminPlus") {
+      return { ...certificate, code: 1 };
+    }
+    const version = certificate.version;
+    if (version && version !== VERSION_NAME) {
+      return { ...certificate, code: 2 };
+    }
+    const expiration = certificate.expiration;
+    if (expiration && expiration < VERSION_TIMESTAMP) {
+      return { ...certificate, code: 2 };
+    }
+    const domain = certificate.domain;
+    if (domain) {
+      const hostname = (_a = window == null ? void 0 : window.location) == null ? void 0 : _a.hostname;
+      if (!hostname) {
+        return { ...certificate, code: 3 };
+      }
+      if ("localhost" === hostname || "127.0.0.1" === hostname) {
+        return { ...certificate, code: 4 };
+      }
+      const t1 = domain.split(".");
+      const t2 = hostname.split(".");
+      for (let i = t1.length - 1; i >= 0; i--) {
+        if (t1[i] !== t2[i]) {
+          return { ...certificate, code: 3, hostname };
+        }
+      }
+      if (t2.length > t1.length && t2[t2.length - t1.length - 1] !== "www") {
+        return { ...certificate, code: 3, hostname };
+      }
+    }
+    return { ...certificate, code: 4 };
+  } catch (_e) {
+  }
+  return { code: 1 };
+}
+export {
+  UNAUTHORIZED_TIP,
+  checkLicense,
+  useLicense
+};

package/es/utils/menu-util.d.ts

@@ -0,0 +1,13 @@
+import type { RouteRecordRaw, _RouteRecordBase, RouteComponent } from 'vue-router';
+import type { MenuItem } from '../ele-pro-layout/types';
+/**
+ * 获取路由组件方法
+ */
+export type GetComponent = (component?: string, menu?: MenuItem, name?: string) => (() => Promise<RouteComponent>) | RouteComponent | undefined;
+/**
+ * 菜单数据转为路由数据
+ * @param menus 菜单数据
+ * @param getComponent 加载组件的方法
+ * @param added 已添加的路由
+ */
+export declare function menuToRoutes(menus: MenuItem[] | undefined, getComponent: GetComponent, added?: _RouteRecordBase[]): RouteRecordRaw[] | undefined;

package/es/utils/menu-util.js

@@ -0,0 +1,60 @@
+import { isExternalLink, eachTree } from "./core";
+import { createIframe } from "./iframe-component";
+function camelCase(str) {
+  const val = str.replace(/[-|/](\w)/g, (_, c) => c ? c.toUpperCase() : "");
+  return val.charAt(0).toUpperCase() + val.slice(1);
+}
+function pathIsAdd(path, data) {
+  let isAdd = false;
+  eachTree(data, (item) => {
+    if (path === item.path) {
+      isAdd = true;
+      return false;
+    }
+  });
+  return isAdd;
+}
+function getRoutePath(path) {
+  if (!path || !path.includes("?")) {
+    return path;
+  }
+  return path.substring(0, path.indexOf("?"));
+}
+function getRouteComponent(menu, name, func) {
+  if (!menu.component || !isExternalLink(menu.component)) {
+    return { component: func(menu.component, menu, name) };
+  }
+  return { component: createIframe(name, menu.component), link: true };
+}
+function menuToRoutes(menus, getComponent, added) {
+  if (!(menus == null ? void 0 : menus.length)) {
+    return;
+  }
+  const routes = [];
+  const addedRoutes = added ? [...added] : [];
+  menus.forEach((item) => {
+    const meta = { ...item.meta };
+    const path = getRoutePath(meta.routePath || item.path);
+    if (path && !isExternalLink(path) && !pathIsAdd(path, addedRoutes)) {
+      const name = item.name || camelCase(path);
+      const { component, link } = getRouteComponent(item, name, getComponent);
+      if (link) {
+        meta.iframe = item.component;
+        meta.hideFooter = true;
+      }
+      addedRoutes.push({ path });
+      routes.push({
+        name,
+        path,
+        component,
+        redirect: item.redirect,
+        meta,
+        children: menuToRoutes(item.children, getComponent, addedRoutes)
+      });
+    }
+  });
+  return routes;
+}
+export {
+  menuToRoutes
+};

package/es/utils/message.d.ts

@@ -0,0 +1,41 @@
+import type { AppContext } from 'vue';
+import type { MessageHandler, MessageOptions, MessageParams, MessageFn } from 'element-plus/es/components/message';
+/**
+ * 消息提示对象型参数
+ */
+export interface ProMessageOptions extends MessageOptions {
+    /** 是否为原始风格 */
+    original?: boolean | null;
+    /** 是否为简约风格 */
+    plain?: boolean | null;
+    /** 是否显示遮罩层 */
+    mask?: boolean | null;
+    /** 是否居中显示 */
+    centered?: boolean | null;
+}
+/**
+ * 消息提示参数
+ */
+export type ProMessageParams = ProMessageOptions | MessageParams;
+/**
+ * 消息提示方法
+ */
+export type ProMessageFn = (options?: ProMessageParams, context?: null | AppContext) => MessageHandler;
+/**
+ * 消息提示
+ */
+export interface ProMessage extends ProMessageFn {
+    closeAll: MessageFn['closeAll'];
+    success: ProMessageFn;
+    warning: ProMessageFn;
+    error: ProMessageFn;
+    info: ProMessageFn;
+    loading: ProMessageFn;
+}
+/**
+ * 提供各种调用方法
+ * @param options 参数
+ * @param context 上下文
+ */
+declare const EleMessage: ProMessage;
+export { EleMessage };

package/es/utils/message.js

@@ -0,0 +1,60 @@
+import { isVNode, h } from "vue";
+import { ElMessage, ElIcon } from "element-plus";
+import { LoadingOutlined } from "../icons";
+import { omit } from "./core";
+const normalizeOptions = function(options, loading) {
+  var _a;
+  const isObj = typeof options === "object" && options != null && !isVNode(options);
+  const opt = isObj ? { ...options } : { message: options };
+  const classes = [];
+  if (!opt.original) {
+    classes.push("ele-message");
+    if (opt.plain) {
+      classes.push("is-plain");
+    }
+  }
+  if (loading) {
+    classes.push("ele-message-loading");
+    if (opt.mask) {
+      classes.push("ele-message-mask");
+    }
+    opt.duration = opt.duration ?? 0;
+    opt.icon = opt.icon ?? h(ElIcon, () => h(LoadingOutlined));
+    if (typeof ((_a = document == null ? void 0 : document.body) == null ? void 0 : _a.querySelector) === "function") {
+      const el = document.body.querySelector(":focus");
+      typeof (el == null ? void 0 : el.blur) === "function" && el.blur();
+    }
+  }
+  if (opt.centered) {
+    classes.push("is-centered");
+  }
+  if (opt.customClass) {
+    classes.push(opt.customClass);
+  }
+  opt.customClass = classes.join(" ");
+  return omit(opt, "original", "plain", "mask", "centered");
+};
+const EleMessage = function(options, context) {
+  return ElMessage(normalizeOptions(options), context);
+};
+EleMessage.success = function(options, context) {
+  return ElMessage.success(normalizeOptions(options), context);
+};
+EleMessage.warning = function(options, context) {
+  return ElMessage.warning(normalizeOptions(options), context);
+};
+EleMessage.error = function(options, context) {
+  return ElMessage.error(normalizeOptions(options), context);
+};
+EleMessage.info = function(options, context) {
+  return ElMessage.info(normalizeOptions(options), context);
+};
+EleMessage.loading = function(options, context) {
+  return ElMessage.info(normalizeOptions(options, true), context);
+};
+EleMessage.closeAll = function(type) {
+  return ElMessage.closeAll(type);
+};
+export {
+  EleMessage
+};